/* ****************** 세로형 슬라이더 (bx-slider)  ****************** */

.vertical_rolling_212741_{position:relative;width:100%;  height:90vh;background:#333; transition:all 1s ease !important;}
.vertical_rolling_212741_ *{margin:0; padding:0;}
.vertical_rolling_212741_ .bx-wrapper {position:relative; width:100%; height:100%;margin-bottom:0;}
.vertical_rolling_212741_ .bx-viewport{position:absolute; top:50%;padding-top:20px;}

/*하단 내비게이션*/
.vertical_rolling_212741_ #custom_pager{position:absolute; right:5vw; top:50%; transform:translateY(-50%); display: flex; flex-direction: column;z-index:999;}
.vertical_rolling_212741_ #custom_pager .item{position:relative; display:flex; justify-content:flex-end; overflow:hidden;}
.vertical_rolling_212741_ #custom_pager .item * {transition:all .5s ease !important;}
.vertical_rolling_212741_ #custom_pager .item span {display:block; overflow:hidden; padding:10px 30px 10px 15px; font-size:14px; color:#fff; line-height:1; text-align:right; border-radius:100px; opacity:0;}
.vertical_rolling_212741_ #custom_pager .item+.item {margin-top:10px;}
.vertical_rolling_212741_ #custom_pager .item i {position:absolute; top:50%; right:10px; margin-top:-5px; width:10px; height:10px; border-radius:50%; background:#1b9cb5;}
.vertical_rolling_212741_ #custom_pager .item:hover span,
.vertical_rolling_212741_ #custom_pager .item.active span  {background:rgba(0,0,0,.3); opacity:1;}
.vertical_rolling_212741_ #custom_pager .item:hover i,
.vertical_rolling_212741_ #custom_pager .item.active i {background:#fff;}  


/*방향 내비게이션*/
.vertical_rolling_212741_ .bx-wrapper .bx-controls-direction {display:flex; position:absolute; left:5vw; bottom:3vw;}
.vertical_rolling_212741_ .bx-wrapper .bx-controls-direction a {display:flex; justify-content:center; align-items:center; width:4vw; height:4vw; border-radius:50%; border:1px solid rgba(255,255,255,.3); background:transparent; cursor:pointer; transition:all .5s ease !important; text-indent: -999px; overflow:hidden;}
.vertical_rolling_212741_ .bx-wrapper .bx-controls-direction a:hover {border-color:rgba(255,255,255,.7); background:rgba(0,0,0,.2);}
.vertical_rolling_212741_ .bx-wrapper .bx-controls-direction a:after {content:""; width:30%; height:30%; border:2px solid #fff; border-right:0; border-bottom:0; transform:rotate(-45deg) scale(.8); margin-left:10%; transition:all .2s ease !important;}
.vertical_rolling_212741_ .bx-wrapper .bx-controls-direction a:hover:after {transform:rotate(-45deg) scale(1); border-color:#fff;}
.vertical_rolling_212741_ .bx-wrapper .bx-controls-direction a+a {margin-left:10px; transform:rotate(180deg);}

/* bgmovie */
.movie{position:absolute;left:0;top:0;width:100%;height:100%;}
  
/*슬라이드 위 텍스트*/
.vertical_rolling_212741_ .main_slide_text{width:95%; max-width:1300px; height:auto; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.vertical_rolling_212741_ .main_slide_text p{color:#fff; font-size:24px; letter-spacing:-1px; line-height:1.6em;}
.vertical_rolling_212741_ .main_slide_text p span{display:block; color:#fff; font-size:18px; margin-bottom:20px; letter-spacing:3px; }
.vertical_rolling_212741_ .main_slide_text p span:after{content:''; display:inline-block; width:300px; height:1px; background:rgba(255,255,255,0.5); vertical-align:middle; margin-left:15px;}
.vertical_rolling_212741_ .main_slide_text strong{display:block; font-size:55px; letter-spacing:-3px; line-height:1.2em; font-weight:bold;}
.vertical_rolling_212741_ .main_slide_text em{content:''; display:block; width:50px; height:2px; background:#fff; margin:30px 0 20px 5px;}

.rolling_list{position:relative;}
.rolling_list .slide_wrap {position:absolute; left:0; top:0; width:100%;  top:50%; transition:all 1s ease;}
.rolling_list .slide_wrap[style*="z-index: 0"]{ transform:scale(.8) translateY(-20%); opacity:0; }
.rolling_list .slide_wrap[style*="z-index: 50"] {transform:scale(1) translateY(-10%); opacity:1;}
.rolling_list .slide_wrap ul {list-style: none; padding:0 5vw; margin: 0;}
.rolling_list .slide_wrap li {transform:translate(-30%);  filter:blur(10px); opacity:0;}
.rolling_list .slide_wrap[style*="z-index: 50"] li {transform:translateX(0%);  filter:blur(0px); opacity:1;}
.rolling_list .slide_wrap li:nth-child(1) {font:600 6vw/1 NX1; letter-spacing:-.2vw; color:#1b9cb5; padding-left:-1vw;transition:all 1.5s ease !important;}
.rolling_list .slide_wrap li:nth-child(2) {font:600 2.8vw/1 NX1; letter-spacing:-.02vw; color:#fff;transition:all 2s ease !important;}
.rolling_list .slide_wrap li:nth-child(3) {margin-top:3vh; font:400 1vw/1.6 NEXON; color:#fff;transition:all 2.5s ease !important;}


@media (max-width:767px){ 
  .vertical_rolling_212741_{overflow:hidden;}
  .rolling_list .slide_wrap {position:absolute; left:0; top:0; width:50%; padding:0 5vw; top:50%; transform:scale(.95) translateY(10%); opacity:0; transition:all 1s ease !important;}
  .visual .scene .item.on {transform:scale(1) translateY(0); opacity:1;}
  .visual .scene .item ul {}
  .visual .scene .item li {z-index:0; transform:translateY(30%); opacity:0; filter:none;}
  .visual .scene .item.on li {z-index:1; transform:translateY(0%);  opacity:1; filter:none;}  
  .vertical_rolling_212741_ .empty_201751_+.bx-wrapper {position:absolute; top:0; width:100%;} 
  .rolling_list .slide_wrap {width:100%; padding:0 5vw; top:0; text-align:center;}
  .rolling_list .slide_wrap li:nth-child(1) {font:600 50px/1 NX1; letter-spacing:-.2vw;}
  .rolling_list .slide_wrap li:nth-child(2) {margin-top:1vh; font:600 22px/1 NX1;}
  .rolling_list .slide_wrap li:nth-child(3) {margin-top:5vh; font:400 14px/1.8 NEXON; padding:0 10vw; opacity:.7;}
  .visual .scene .itemBtn {display:flex; position:absolute; bottom:5vh; left:50%; transform:translateX(-50%);}
  .vertical_rolling_212741_ #custom_pager{display:none;}

  .movie{width:180vw;height:100vh;margin-left:-40vw;opacity:.7;}

}


@media (max-width:480px){  
  .vertical_rolling_212741_ .empty_201751_+.bx-wrapper {top:-10vh;} 
  .movie{width:234vw;margin-left:-66vw;}
}
  

/* ****************** 2칸 레이아웃  ****************** */

.layout_207721_ {position: relative;clear:both; min-width:320px; max-width:90%; margin:0 auto; background:url(/img_up/shop_pds/gsbest0001/farm/bggrid1674717171.jpg) no-repeat center; padding:10vw 5vw; background-size: cover;z-index:2;}
.layout_207721_ > div {}
.layout_207721_ > div:after {content:''; display:block; clear:both;}
.layout_207721_ > div > [class^=container_] {float:left; position:relative; width:100%;  box-sizing:border-box;}
.layout_207721_ > div > .container_1 {width:50%;}
.layout_207721_ > div > .container_2 {width:50%;}
  
[id^=div_user_list] .layout_207721_ {z-index:auto;}

@media (max-width:1023px){
	.layout_207721_ > div > .container_1 { width:100%; }
	.layout_207721_ > div > .container_2 { width:100%; }
}

@media \0screen{
	.layout_207721_ {min-width:1000px;}
}
@media screen and (min-width: 1300px){
  .layout_207721_{max-width:95%;}
}  

@media screen and (min-width: 1200px){	
	.intro {position:relative; padding:10vw 5vw; background:url(/img_up/shop_pds/gsbest0001/farm/bggrid1674717171.jpg) no-repeat center; background-size:cover;}
	.intro .micon {position:absolute; left:50%; top:1.8vw; width:17px; height:40px; transition:all .5s ease !important;}
	.intro .micon.off {top:5vw; opacity:0;}
	.intro  .micon i {position:relative; width:100%; height:100%; border:2px solid #fff; border-radius:100px; display:flex; justify-content:center; overflow:hidden; background:transparent;}
	.intro  .micon i:after {
		content:""; width:5px; height:15px; background:#fff; border-radius:100px;
		animation:mcionAni 1s 0s infinite;
		-webkit-animation:mcionAni 1s 0s infinite;
	}
	@keyframes mcionAni{
		0%{margin-top:-10px;}
		100%{margin-top:40px;}
	}
	.intro:before {content:""; position:absolute; left:0; top:0; width:100vw; height:100%; transform:skew(-13deg); background:#3e0d7a; left:-110vw; transition:all .5s ease !important;}
	.intro:hover:before {left:-85vw;}
	.intro .wrapper {display:flex;}
	.intro .wrapper>* {width:50%;}
}
@media screen and (min-width: 1199px){	
	.intro:before {content:""; position:absolute; left:0; top:0; width:100vw; height:100%; transform:skew(-13deg); background:#3e0d7a; left:-110vw; transition:all .5s ease !important;}
	.intro:hover:before {left:-85vw;}
	.intro .wrapper {display:block;}
	.intro .wrapper>* {width:100%;}
}
@media screen and (max-width: 1199px) {
	.intro:before {content:""; position:absolute; left:0; top:0; width:100vw; height:100%; transform:skew(-13deg); background:#3e0d7a; left:-110vw; transition:all .5s ease !important;}
	.intro:hover:before {left:-85vw;}
  }  

/* ****************** 공백  ****************** */

.empty_line_207731_ {display:block; width:100%; height:30px; line-height:30px;}

[id^=div_user_list] .empty_line_207731_ {display:block !important; border:1px dotted #f00;}
[id^=div_user_list] .empty_line_207731_:before {content:'공백: 30px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

@media (min-width:1200px){
	.empty_line_207731_ {height:0px; line-height:1px;}
	[id^=div_user_list] .empty_line_207731_:before {content:'공백: 0px';}
}

 @media \0screen{
	.empty_line_207731_ {height:0px; line-height:0px;}
	[id^=div_user_list] .empty_line_207731_:before {content:'공백: 0px';}
}

/* ****************** 이미지  ****************** */

.layout_263831_ {clear:both;   margin:0 auto;}
.layout_263831_ > div { width:100%}
.layout_263831_ > div:after {content:''; display:block; clear:both;}
.layout_263831_ > div > [class^=container_] {float:left; position:relative; width:100%;  box-sizing:border-box;}
.layout_263831_ > div > .container_1 {width:33.3%;}
.layout_263831_ > div > .container_2 {width:33.3%;}
.layout_263831_ > div > .container_3 {width:33.3%;}


@media \0screen{
	.layout_263831_ {}
}

  .countwrap article, .countwrap article .img{overflow:hidden;}  
@media screen and (min-width: 1200px) {
  .countwrap article:hover .img{margin-top:20px; height: 260px; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); /* IE 9 */ -o-transform: scale(1.1); transform: scale(1.1);}
  .countwrap {position:relative; display:flex; justify-content:space-between;}
.countwrap article {display:flex; flex-direction:column; width:90%; background:#fff; box-shadow:20px 20px 10px rgba(0,0,0,.2);}
.countwrap article * {transition:all .5s ease !important;}
.countwrap article .info {width:100%; height:40%; padding-top:7vh; text-align:center;}
.countwrap article .info p {position:relative; font-family:NX1 !important; font-weight:600; font-size:2.3vw; color:#000; line-height:1; margin-bottom:20px; padding-bottom:20px;}
.countwrap article .info p .counter{ font-size:26px; color:#000; line-height:1; font-weight: 600;letter-spacing: -2px;}
.countwrap article:hover .info .counter {color:#1b9cb5;}
.countwrap article .info p:after {content:""; width:15%; height:2px; background:#eee; position:absolute; left:50%; bottom:0; transform:translateX(-50%);}
.countwrap article .info p i {font-size:20px;}
.countwrap article .img {position:relative; height:280px; width:100%;}
.countwrap article .img img {height:100%;}
.countwrap article .img:after {content:""; width:100%; height:100px; position:absolute; left:0; top:-70px; transform:skew(0, 13deg); background:#fff;}	
  }  
  @media screen and (max-width: 1199px) {
  .countwrap article:hover .img{margin-top:10px; height: 220px;-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); /* IE 9 */ -o-transform: scale(1.1); transform: scale(1.1);}    
.countwrap article .info p .counter { font-size: 22px;color: #000; line-height: 1; font-weight: 600; letter-spacing: -2px;}
.countwrap article {display:flex; flex-direction:column; width:calc((100% - 20px)/1); background:#fff; box-shadow:20px 20px 10px rgba(0,0,0,.2);}
.countwrap article * {transition:all .5s ease !important;}
.countwrap article .info {padding-top:40px; text-align:center;}
.countwrap article .info p {position:relative; font-family:NX1; font-weight:400; font-size:40px; color:#000; line-height:1; margin-bottom:20px; padding-bottom:20px;}
.countwrap article:hover .info .counter {color:#1b9cb5;}
.countwrap article .info p:after {content:""; width:15%; height:2px; background:#eee; position:absolute; left:50%; bottom:0; transform:translateX(-50%);}
.countwrap article .info p i {font-size:20px;}
.countwrap article .img {position:relative; height:230px; width:100%; overflow:hidden;}
.countwrap article .img img {height:100%;}
.countwrap article .img:after {content:""; width:100%; height:100px; position:absolute; left:0; top:-60px; transform:skew(0, 13deg); background:#fff;}	  
  }  
 
  @media screen and (max-width: 749px) {   
  .countwrap article:hover .img{margin-top:10px; height: 140px;}        
    .countwrap article{width: 99%;}
    .countwrap article .info{padding-top: 30px;}
    .countwrap article .info p .counter{font-size: 18px;}
    .countwrap article .info p{font-size: 18px; margin-bottom: 10px; padding-bottom: 10px;}    
    .countwrap article .info p:after{content: ""; width: 15%; height: 2px;background: #eee; position: absolute; left: 50%;bottom: 0; transform: translateX(-50%);}
     .countwrap article *{ display: block; font-size: 12px;padding: 0 10px;line-height: 1.4;text-align: center; color:#666}
    .countwrap article .img{height: 150px;}
  }    
  @media screen and (max-width: 615px) {
    .countwrap article *{ padding: 0 2px;}
  }    

/* ****************** 한줄 텍스트  ****************** */

.text_264749_ .aniTxt {display:flex; flex-wrap:wrap; position:relative; flex-direction:row;}
.text_264749_ .aniTxt>span {overflow:hidden; display:block;line-height: 1em;}
.text_264749_ .aniTxt>span>span {display:block; transform:translateY(100%);line-height: 1em;}
.text_264749_ .aniTxt>span.on>span {transform:translateY(0); transition:all .5s ease !important; line-height:1.2em}
.text_264749_ [class^="txtAni"] .empty {width:.8vw;}
.text_264749_ [class^="txtAni"]>span {font-size:65px; letter-spacing:-1px; font-weight:bold; color:#7524b3;font-family: NX1 !important;}
.text_264749_ [class^="txtAni"]>span>span {font-size:65px; letter-spacing:-1px; font-weight:bold; color:#7524b3;  font-family: NX1 !important;}  
.text_264749_ p { margin:0 0 0 80px; padding:0;width: 100%;
	font-size:65px; letter-spacing:-1.5px; font-weight:bold  !important; color:#7524b3 !important; line-height:1.2em !important; font-family: NX1 !important;}
@media (max-width:1110px){
  .text_264749_ p{font-size:58px}
  }  
@media (max-width:1023px){
  .text_264749_ p{ margin: 70px 0 0 0; justify-content: left; font-size:50px;}  
  } 
@media (max-width:749px){
  .text_264749_ p{ margin: 50px 0 0 0; justify-content: left; font-size:28px;}
  }  

/* ****************** 한줄 텍스트  ****************** */

.text_264750_ .aniTxt {display:flex; flex-wrap:wrap; position:relative; flex-direction:row;}
.text_264750_ .aniTxt>span {overflow:hidden; display:block;line-height: 1em;}
.text_264750_ .aniTxt>span>span {display:block; transform:translateY(100%);line-height: 1.3em;}
.text_264750_ .aniTxt>span.on>span {transform:translateY(0); transition:all .5s ease !important; line-height:1.2em}
.text_264750_ [class^="txtAni"] .empty {width:.8vw;}
.text_264750_ [class^="txtAni"]>span {font-size:65px; letter-spacing:-2px; font-weight:bold; color:#7524b3;font-family: NX1 !important;}
.text_264750_ [class^="txtAni"]>span>span {font-size:65px; letter-spacing:-2px; font-weight:bold; color:#7524b3;  font-family: NX1 !important;}  
.text_264750_ p { margin:0 0 0 80px; padding:0;width: 100%;
	font-size:65px; letter-spacing:-1px; font-weight:bold  !important; color:#7524b3 !important; line-height:1.3em !important; font-family: NX1 !important;}
@media (max-width:1110px){
  .text_264750_ p{font-size:58px}
  }  
@media (max-width:1023px){
  .text_264750_ p{ margin: 2px 0 0 0; justify-content: left; font-size:50px; width:100%}  
  } 
@media (max-width:749px){
  .text_264750_ p{margin: 2px 0 0 0; justify-content: left; font-size:26px;}
  }  

/* ****************** 공백  ****************** */

.empty_line_207771_ {display:block; width:100%; height:10px; line-height:10px;}

[id^=div_user_list] .empty_line_207771_ {display:block !important; border:1px dotted #f00;}
[id^=div_user_list] .empty_line_207771_:before {content:'공백: 10px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

@media (min-width:1200px){
	.empty_line_207771_ {height:60px; line-height:1px;}
	[id^=div_user_list] .empty_line_207771_:before {content:'공백: 60px';}
}

 @media \0screen{
	.empty_line_207771_ {height:60px; line-height:60px;}
	[id^=div_user_list] .empty_line_207771_:before {content:'공백: 60px';}
}

/* ****************** 장문 텍스트  ****************** */

  br{line-height:5px;}
.moretxt{position:relative; color:#fff; padding-left: 30px; font-weight:300;margin-left: 80px;}
.moretxt:after {content:""; position:absolute; left:3px; top:4px; border-left:1px solid rgba(255,255,255,.3); height:calc(100% - 13px);}
.textarea_207791_ p {
	display:block; padding:0;
	font-size:24px; letter-spacing:0px; font-weight:200; color:#ffffff; line-height:1.4em; border-left:1px sold #fff;
}
  .textarea_207791_ p span{font-size:16px; line-height:1.8; font-weight:200; color:#fff;opacity: .7;display:block; margin-top: 30px;}
@media (max-width:1023px){
  .textarea_207791_ p {  text-align: left;}
  .textarea_207791_ p span{margin-top:1px}
  .moretxt{padding-left:0;margin-left:0}
  .moretxt:after {border:0}
  }  
@media (max-width:749px){  
  .textarea_207791_ p {  font-size:16px; line-height:1.6; text-align: left;}
  .textarea_207791_ p span{font-size:15px;margin-top:10px;line-height:1.5;}  
  }    

/* ****************** 공백  ****************** */

.empty_line_2647711_ {display:block; width:100%; height:-20px; line-height:-20px;}

[id^=div_user_list] .empty_line_2647711_ {display:block !important; border:1px dotted #f00;}
[id^=div_user_list] .empty_line_2647711_:before {content:'공백: -20px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

@media (min-width:1200px){
	.empty_line_2647711_ {height:50px; line-height:1px;}
	[id^=div_user_list] .empty_line_2647711_:before {content:'공백: 50px';}
}

 @media \0screen{
	.empty_line_2647711_ {height:50px; line-height:50px;}
	[id^=div_user_list] .empty_line_2647711_:before {content:'공백: 50px';}
}

/* ****************** 버튼형 타이틀  ****************** */

.button_title_264703_ {font-size:0;}
.button_title_264703_ p {
	display:inline-block;
	font-size:16px; letter-spacing:-1px; font-weight:normal; color:#ffffff; line-height:1em;
}
.button_title_264703_.style_line p {background:none;}

.button_title_264703_.btnZone {display:flex; margin:0 0 0 100px;}
.btnZone a {position:relative; display:flex; align-items:center; overflow:hidden; padding:20px 30px; font-size:14px; font-weight:700; line-height:1; color:#000; border:1px solid #000; background:#fff;  box-shadow:10px 10px 10px rgba(0,0,0,.1);}
.btnZone a>* {position:relative; transition:all .2s ease !important;}
.btnZone a:before {content:""; position:absolute; width:0; height:100%; left:-10%; background:var(--c_green); transform:skew(-13deg); transition:all .3s ease !important;}
.btnZone a i {position:relative; display:block; width:2vw; height:2px; background:#000; margin-left:20px;}

.btnZone a i:before,
.btnZone a i:after {content:""; position:absolute; right:0; display:block; width:10px; height:2px; background:#000; transition:all .2s ease !important;}
.btnZone a i:before {transform:rotate(45deg); top:calc(50% - 5px);}
.btnZone a i:after {transform:rotate(-45deg); top:calc(50% + 3px);}
.btnZone a:hover {color:#fff;}
.btnZone a:hover i {width:3vw; background:#fff;}
.btnZone a:hover i:before,
.btnZone a:hover i:after {background:#fff;}
.btnZone a:hover:before {width:120%;}
.btnZone.center {justify-content:center;}
@media screen and (max-width: 1199px) {
.button_title_264703_.btnZone a i {position:relative; display:block; width:30px; height:2px; background:#000; margin-left:20px;}
.button_title_264703_.btnZone a:hover i {width:40px; background:#fff;}
}
  @media screen and (min-width: 1200px) {
.button_title_264703_.btnZone .btn {padding:25px; font-size:16px; font-weight:400; background:transparent; color:#fff; border-color:#7524b3;}
.button_title_264703_.btnZone .btn span{color:#fff;font-weight:400; }
.button_title_264703_.btnZone a:before,
.button_title_264703_.btnZone a:hover:before {background:#7524b3;}
.button_title_264703_.btnZone .btn i {background:#fff;}
.button_title_264703_.btnZone .btn i:before,
.button_title_264703_.btnZone .btn i:after {background:#fff;}  
  }
  @media screen and (max-width: 1199px) {
.button_title_264703_.btnZone {margin-top:30px;}
.button_title_264703_.btnZone .btn {padding:25px; font-size:16px; font-weight:400; background:transparent; color:#fff; border-color:#7524b3;	}
.button_title_264703_.btnZone a:before,
.button_title_264703_.btnZone a:hover:before {background:#7524b3;}
.button_title_264703_.btnZone .btn i {background:#fff;}
.button_title_264703_.btnZone .btn i:before,
.button_title_264703_.btnZone .btn i:after {background:#fff;}      
  } 
   @media screen and (max-width: 1023px) {
.button_title_264703_.btnZone {margin: 10px 0 0 0;}     
     .button_title_264703_.btnZone .btn{width:auto;}
  }  
   @media screen and (max-width: 749px) {    
     .button_title_264703_.btnZone .btn p{font-size:14px;}
  }     
.ani {opacity:0;}

/* pc 이상 */
@media screen and (min-width: 1200px) {
	.ani_on {
		opacity:1;
		-webkit-animation-fill-mode:forwards;
		-moz-animation-fill-mode:forwards;
		animation-fill-mode:none;
		-webkit-animation: ani_slideUp 1s ease; 
		-moz-animation: ani_slideUp 1s ease; 
		-o-animation: ani_slideUp 1s ease; 
		animation: ani_slideUp 1s ease;
		transition:all 1s ease !important;
	} 
	
	.ani_on2 {
		opacity:1;
		-webkit-animation-fill-mode:forwards;
		-moz-animation-fill-mode:forwards;
		animation-fill-mode:none;
		-webkit-animation: ani_slideUp 1s ease; 
		-moz-animation: ani_slideUp 1s ease; 
		-o-animation: ani_slideUp 1s ease; 
		animation: ani_slideUp 1s ease;
		transition:all 1s ease !important;
	} 
}

/* pc 이하 */
@media screen and (max-width: 1199px) {
	.ani_on {
		opacity:1;
		-webkit-animation-fill-mode:forwards;
		-moz-animation-fill-mode:forwards;
		animation-fill-mode:none;
		-webkit-animation: ani_slideUp 1s ease; 
		-moz-animation: ani_slideUp 1s ease; 
		-o-animation: ani_slideUp 1s ease; 
		animation: ani_slideUp 1s ease;
		transition:all 1s ease !important;
	} 
}  

/* slide - 아래 > 위 */
@-webkit-keyframes ani_slideUp {
    from { -webkit-transform: translateY(100px); }
    to {-webkit-transform: translateY(0px); }
}
@-moz-keyframes ani_slideUp {
    from {-moz-transform: translateY(100px)); }
    to {-moz-transform: translateY(0px); }
}
@-o-keyframes ani_slideUp {
    from {-o-transform: translateY(100px); }
    to {-o-transform: translateY(0px); }
}
@keyframes ani_slideUp {
    from {transform: translateY(100px); }
    to {transform: translateY(0px); }
}
  

/* ****************** 2칸 레이아웃  ****************** */


@media screen and (min-width: 1200px){
	.port {position:relative; padding:10vw 0 calc(5vw - 30px) 0; background:#f7f7f7; overflow:hidden;}
	.port .ringAni {position:absolute; left:0; top:0; width:100%; height:100%; transition:all 2s ease !important;}
	.port .ringAni .ring1 div {
		position:absolute; left:-20vw; bottom:-20vw;
		border-radius:50%; width:25vw; height:25vw;
		mix-blend-mode: multiply; transition:all 5s ease !important;
	}
	.port .ringAni .ring1 div:nth-child(1) {background:#3e0d7a; left:-15vw; bottom:-10vw;}
	.port .ringAni .ring1 div:nth-child(2) {border:1px solid #ddd;left:-7vw; bottom:-15vw;}
	.port .ringAni .ring1 div:nth-child(3) {background:#3e0d7a; left:3vw; bottom:-20vw;}
	.port .ringAni .ring1 div:nth-child(4) {border:1px solid #ddd; left:0vw; bottom:-17vw;}
	.port .ringAni .ring2 div {
		position:absolute; right:-15vw; top:-15vw;
		border-radius:50%; width:40vw; height:40vw; background:#3e0d7a;
		mix-blend-mode: multiply;
	}
	.port .ringAni .ring2 div:nth-child(1) {right:-15vw; top:-25vw;}
	.port .ringAni .ring2 div:nth-child(2) {right:-25vw; top:-15vw;}
	.port .ringAni .ring2 div:nth-child(3) {right:0vw; top:-25vw;}


	.port .wrapper {position:relative; display:flex; justify-content:space-between;}
	.port .wrapper>* {}
	.port .tit {width:35vw; padding-left:5vw;}
	.port .tit p {font-family:NX1; }
	.port .tit p+span {font-size:24px; line-height:1.4; font-weight:300; color:#000;}
	.port .tit a span {font-size:16px;}
	.port .tit a:hover span {color:#fff;}
	.port .rollWrap {width:65vw; overflow:hidden; padding-bottom:1px; transition:all 1s ease !important;}
	.port .rollWrap>ul {display:flex; /* width:스크립트제어*/ margin-left:-1.5vw; transition:all .7s ease !important;}
	.port .rollWrap>ul>li {width:25vw; padding-left:3vw;}
	.port .rollWrap article {position:relative; width:100%; height:100%; background:#fff; box-shadow:20px 20px 20px rgba(0,0,0,.05);transition:all .3s ease !important;}
	.port .rollWrap article a {position:relative; display:block; height:100%; overflow:hidden;}
	.port .rollWrap article a *,
	.port .rollWrap article a:before,
	.port .rollWrap article a:after {transition:all .3s ease !important;}
	.port .rollWrap article a:after {content:""; width:0; height:2px; position:absolute; left:0; bottom:0; background:#000;}
	.port .rollWrap article a:before {content:""; width:30px; height:2px; position:absolute; right:calc(100% + 1px); bottom:0; background:#7524b3; transform:rotate(45deg) translate(-5px, -10px);}
	.port .rollWrap article:hover a:after {width:100%;}
	/* .port .rollWrap article a:hover:before {right:0;} */
	.port .rollWrap article .img {position:relative;}
	.port .rollWrap article .img:after {content:""; position:absolute; left:0; bottom:-92%; width:100%; height:100%; background:#fff; transform:skew(0, 7deg);}
	.port .rollWrap article .info {padding:0 50px 50px;}
	.port .rollWrap article .info .state {line-height:1; font-weight:400; padding-bottom:5px; border-bottom:2px solid #4ba635; border-bottom:2px solid;}
	.port .rollWrap article .info .state.ing {color:#7524b3; border-color:2px solid #7524b3;}
	.port .rollWrap article .info .state.stay {color:#666; border-color:#999;}
	.port .rollWrap article .info .state.full {color:#4ba635; border-color:#4ba635;}
	.port .rollWrap article .info dl {margin-top:20px;}
	.port .rollWrap article .info dt {font-size:24px; color:#000; line-height:1.3; margin-bottom:20px; word-break:break-all;}
	.port .rollWrap article .info dd {position:relative; padding-left:20px; font-size:15px; color:#666; line-height:1.4;}
	.port .rollWrap article .info dd:after {content:""; width:10px; height:2px; position:absolute; left:2px; top:8px; background:#000;}
	.port .rollWrap article .info dd+dd {margin-top:5px;}
	
	.port .rollWrap .rollBtn {display:flex; position:relative; margin:30px 0 0 1.5vw;}
	.port .rollWrap .rollBtn div {display:flex; justify-content:center; align-items:center; width:5vw; height:5vw; border-radius:50%; border:1px solid #ddd; background:#fff; cursor:pointer; transition:all .5s ease !important;}
	.port .rollWrap .rollBtn div:hover {border-color:#000;}
	.port .rollWrap .rollBtn div:after {content:""; width:30%; height:30%; border:1px solid #bbb; border-right:0; border-bottom:0; transform:rotate(-45deg) scale(.9); margin-left:10%; transition:all .2s ease !important;}
	.port .rollWrap .rollBtn div:hover:after {transform:rotate(-45deg) scale(1); border-color:#000;}
	.port .rollWrap .rollBtn div+div {margin-left:10px; transform:rotate(180deg);}
	.port .rollWrap .rollBtn div.off {opacity:.3; cursor:default;}
}	
@media screen and (max-width: 1199px) {
	.port {position:relative; padding:10vw 0; background:#f7f7f7; overflow:hidden;}
	.port .ringAni {position:absolute; left:0; top:0; width:100%; height:100%; transition:all 2s ease !important;}
	.port .ringAni .ring1 div {
		position:absolute; left:-20vw; bottom:-20vw;
		border-radius:50%; width:25vw; height:25vw;
		mix-blend-mode: multiply; transition:all 5s ease !important;
	}
	.port .ringAni .ring1 div:nth-child(1) {background:#3e0d7a; left:-15vw; bottom:-10vw;}
	.port .ringAni .ring1 div:nth-child(2) {border:1px solid #ddd;left:-7vw; bottom:-15vw;}
	.port .ringAni .ring1 div:nth-child(3) {background:#3e0d7a; left:3vw; bottom:-20vw;}
	.port .ringAni .ring1 div:nth-child(4) {border:1px solid #ddd; left:0vw; bottom:-17vw;}

	.port .ringAni .ring2 {position:absolute; right:0; top:0;}
	.port .ringAni .ring2 div {
		position:absolute; border-radius:50%; width:40vw; height:40vw; background:#3e0d7a;
		mix-blend-mode: multiply;
	}
	.port .ringAni .ring2 div:nth-child(1) {right:-10vw; top:-15vw; width:30vw; height:30vw;  opacity:.6;}
	.port .ringAni .ring2 div:nth-child(2) {right:-20vw; top:-5vw; opacity:.4;}
	.port .ringAni .ring2 div:nth-child(3) {right:10vw; top:-20vw; opacity:.2;}


	.port .wrapper {position:relative;}	
	.port .tit {padding-left:5vw;}
	.port .tit .btnZone {display:none;}
	.port .tit a:hover span {color:#fff;}
	.port .rollWrap {position:relative; width:100vw; margin-top:30px; padding-bottom:1px; transition:all 1s ease !important;}
	.port .rollWrap>ul {display:flex; transition:all .7s ease !important; padding:0 5vw;}
	.port .rollWrap>ul>li {padding-right:2vw;}
	.port .rollWrap article {position:relative; width:calc((100vw - 10vw - 4vw)/3); height:100%; background:#fff; box-shadow:20px 20px 20px rgba(0,0,0,.05);transition:all .3s ease !important;}
	.port .rollWrap article a {position:relative; display:block; height:100%; overflow:hidden;}
	.port .rollWrap article a *,
	.port .rollWrap article a:before,
	.port .rollWrap article a:after {transition:all .3s ease !important;}
	.port .rollWrap article a:after {content:""; width:0; height:2px; position:absolute; left:0; bottom:0; background:#7524b3;}
	.port .rollWrap article a:before {content:""; width:30px; height:2px; position:absolute; right:calc(100% + 1px); bottom:0; background:#7524b3; transform:rotate(45deg) translate(-5px, -10px);}
	.port .rollWrap article:hover a:after {width:100%;}
	/* .port .rollWrap article a:hover:before {right:0;} */
	.port .rollWrap article .img {position:relative;}
	.port .rollWrap article .img:after {content:""; position:absolute; left:0; bottom:-92%; width:100%; height:100%; background:#fff; transform:skew(0, 7deg);}
	.port .rollWrap article .info {padding:0 30px 30px;}
	.port .rollWrap article .info .state {font-size:14px; line-height:1; color:#4ba635; font-weight:400; padding-bottom:5px; border-bottom:2px solid #4ba635;}
	.port .rollWrap article .info .state.ing {color:#7524b3; border-color:#7524b3;}
	.port .rollWrap article .info dl {margin-top:20px;}
	.port .rollWrap article .info dt {font-size:18px; color:#000; line-height:1.3; margin-bottom:20px; word-break:break-all;}
	.port .rollWrap article .info dd {position:relative; padding-left:20px; font-size:14px; color:#666; line-height:1.4;}
	.port .rollWrap article .info dd:after {content:""; width:10px; height:2px; position:absolute; left:2px; top:8px; background:#000;}
	.port .rollWrap article .info dd+dd {margin-top:5px;}
	
	.port .rollWrap .rollBtn {display:flex; position:absolute; right:5vw; top:-120px;}
	.port .rollWrap .rollBtn div {display:flex; justify-content:center; align-items:center; width:50px; height:50px; border-radius:50%; background:#fff; cursor:pointer; transition:all .5s ease !important;}
	.port .rollWrap .rollBtn div:hover {border-color:#000;}
	.port .rollWrap .rollBtn div:after {content:""; width:30%; height:30%; border:1px solid #bbb; border-right:0; border-bottom:0; transform:rotate(-45deg) scale(.9); margin-left:10%; transition:all .2s ease !important;}
	.port .rollWrap .rollBtn div:hover:after {transform:rotate(-45deg) scale(1); border-color:#000;}
	.port .rollWrap .rollBtn div+div {margin-left:10px; transform:rotate(180deg);}
	.port .rollWrap .rollBtn div.off {cursor:default;}
}  

.layout_263851_ {clear:both; min-width:320px; max-width:100%; margin:0 auto;}
.layout_263851_ > div {}
.layout_263851_ > div:after {content:''; display:block; clear:both;}
.layout_263851_ > div > [class^=container_] {float:left; position:relative; width:100%;  box-sizing:border-box;}
.layout_263851_ > div > .container_1 {width:33.333333333333%;}
.layout_263851_ > div > .container_2 {width:66.666666666667%;}

@media (max-width:1023px){
	.layout_263851_ > div > .container_1 { width:100%; }
	.layout_263851_ > div > .container_2 { width:100%; }
}

@media \0screen{
	.layout_263851_ {min-width:1200px;}
}

/* ****************** 공백  ****************** */

.empty_line_179779_ {display:block; width:100%; height:50px; line-height:50px;}

[id^=div_user_list] .empty_line_179779_ {display:block !important; border:1px dotted #f00;}
[id^=div_user_list] .empty_line_179779_:before {content:'공백: 50px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

@media (min-width:1200px){
	.empty_line_179779_ {height:0px; line-height:1px;}
	[id^=div_user_list] .empty_line_179779_:before {content:'공백: 0px';}
}

 @media \0screen{
	.empty_line_179779_ {height:0px; line-height:0px;}
	[id^=div_user_list] .empty_line_179779_:before {content:'공백: 0px';}
}

/* ****************** 한줄 텍스트  ****************** */

  .aniTxt {display:flex; flex-wrap:wrap; position:relative; flex-direction:row;}
.aniTxt>span {overflow:hidden; display:block;line-height: 1em;}
.aniTxt>span>span {display:block; transform:translateY(100%);line-height: 1em;}
.aniTxt>span.on>span {transform:translateY(0); transition:all .5s ease !important; line-height:1.2em}
.text_264741_ [class^="txtAni"] .empty {width:.8vw;}
.text_264741_ [class^="txtAni"]>span {font-size:65px; letter-spacing:-1px; font-weight:bold; color:#000000;font-family: NX1 !important;}
.text_264741_ [class^="txtAni"]>span>span {font-size:65px; letter-spacing:-1px; font-weight:bold; color:#000000;  font-family: NX1 !important;}  
.text_264741_ p {margin:0 0 0 00px; padding:0;font-family: NX1 !important;
	font-size:65px; letter-spacing:-1px; font-weight:bold; color:#000000; line-height:1.6em; line-height:80px; }
.text_264741_ p a {color:#000000; text-decoration:none;}
@media (max-width:1023px){
  .text_264741_ p{font-size:50px;justify-content: left;}
  }  
@media (max-width:749px){
  .text_264741_ p{ font-size: 30px;}
  }    

/* ****************** 공백  ****************** */

.empty_line_179779_ {display:block; width:100%; height:10px; line-height:10px;}

[id^=div_user_list] .empty_line_179779_ {display:block !important; border:1px dotted #f00;}
[id^=div_user_list] .empty_line_179779_:before {content:'공백: 10px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

@media (min-width:1200px){
	.empty_line_179779_ {height:30px; line-height:1px;}
	[id^=div_user_list] .empty_line_179779_:before {content:'공백: 30px';}
}

 @media \0screen{
	.empty_line_179779_ {height:30px; line-height:30px;}
	[id^=div_user_list] .empty_line_179779_:before {content:'공백: 30px';}
}

/* ****************** 장문 텍스트  ****************** */

.textarea_2647127_{position:relative; color:#fff; font-weight:300;margin-left: 00px;}
.textarea_2647127_ p {
	display:block; padding:0;
	font-size:24px; letter-spacing:0px; font-weight:200; color:#000000; line-height:1.4em; border-left:1px sold #fff;
}
  .textarea_2647127_ p span{font-size:16px; line-height:20px; font-weight:200; color:#fff;opacity: .7;}
@media (max-width:1023px){  
  .textarea_2647127_ p{text-align: left;font-size: 16px;color:#666}    
  }  
@media (max-width:749px){  
  .textarea_2647127_ p{font-size: 15px;}
  }  

/* ****************** 공백  ****************** */

.empty_line_264771_ {display:block; width:100%; height:20px; line-height:20px;}

[id^=div_user_list] .empty_line_264771_ {display:block !important; border:1px dotted #f00;}
[id^=div_user_list] .empty_line_264771_:before {content:'공백: 20px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

@media (min-width:1200px){
	.empty_line_264771_ {height:70px; line-height:1px;}
	[id^=div_user_list] .empty_line_264771_:before {content:'공백: 70px';}
}
@media (max-width:1023px){  
  .empty_line_264771_ {display:none}
  }  
 @media \0screen{
	.empty_line_264771_ {height:70px; line-height:70px;}
	[id^=div_user_list] .empty_line_264771_:before {content:'공백: 70px';}
}

/* ****************** 타이틀 텍스트  ****************** */

.button_title_264702_.btnZone {display:flex; margin:0}
.button_title_264702_.btnZone a {position:relative; display:flex; align-items:center; overflow:hidden; padding:20px 30px; line-height:1; font-size:16px; letter-spacing:-1px; font-weight:bold; color:#000000; border:1px solid #000; background:#fff; box-shadow:10px 10px 10px rgba(0,0,0,.1);}
.button_title_264702_.btnZone a>* {position:relative; transition:all .2s ease !important;}
.button_title_264702_.btnZone a:hover>*{color:#fff}
.button_title_264702_.btnZone a:before {content:""; position:absolute; width:0; height:100%; left:-10%; background:#1b9cb5; transform:skew(-13deg); transition:all .3s ease !important;}
.button_title_264702_.btnZone a i {position:relative; display:block; width:2vw; height:2px; background:#000; margin-left:20px;}
.button_title_264702_.btnZone a i:before, .btnZone a i:after {content:""; position:absolute; right:0; display:block; width:10px; height:2px; background:#000; transition:all .2s ease !important;}
.button_title_264702_.btnZone a i:before {transform:rotate(45deg); top:calc(50% - 5px);}
.button_title_264702_.btnZone a i:after {transform:rotate(-45deg); top:calc(50% + 3px);}
.button_title_264702_.btnZone a:hover {color:#fff;}
.button_title_264702_.btnZone a:hover i {width:3vw; background:#fff;}
.button_title_264702_.btnZone a:hover i:before,
.button_title_264702_.btnZone a:hover i:after {background:#fff;}
.button_title_264702_.btnZone a:hover:before {width:120%;}
.button_title_264702_.btnZone.center {justify-content:center;} 
.button_title_264702_.btnZone .btn i:before, .button_title_264702_.btnZone .btn i:after {background: #000;}
@media screen and (max-width: 1199px) {
.button_title_264702_.btnZone a i {position:relative; display:block; width:30px; height:2px; background:#000; margin-left:20px;}
.button_title_264702_.btnZone a:hover i {width:40px; background:#fff;}
}
  

/* ****************** 타이틀 텍스트  ****************** */

@media screen and (min-width: 1200px){
 .rollWrap {width:60vw; overflow:hidden; padding-bottom:1px; transition:all 1s ease !important;}
.rollWrap>ul {display:flex; /* width:스크립트제어*/ margin-left:-1.5vw; transition:all .7s ease !important;}
.rollWrap>ul>li {width:25vw; padding-left:3vw;transition:all .5s ease !important;}
.rollWrap>ul>li:hover {width:28vw; padding-left:1vw; }  
.rollWrap article {position:relative; width:100%; height:100%; background:#fff; box-shadow:20px 20px 20px rgba(0,0,0,.05);transition:all .3s ease !important;}
.rollWrap article a {position:relative; display:block; height:100%; overflow:hidden;}
.rollWrap article a *,
.rollWrap article a:before,
.rollWrap article a:after {transition:all .3s ease !important;}
.rollWrap article a:after {content:""; width:0; height:2px; position:absolute; left:0; bottom:0; background:#000;}
.rollWrap article a:before {content:""; width:30px; height:2px; position:absolute; right:calc(100% + 1px); bottom:0; background:#7524b3; transform:rotate(45deg) translate(-5px, -10px);}
.rollWrap article:hover a:after {width:100%;}
/* .rollWrap article a:hover:before {right:0;} */
.rollWrap article .img {position:relative;z-index:1}
.rollWrap article .img:after {content:""; position:absolute; left:0; bottom:-88%; width:100%; height:100%; background:#fff; transform:skew(0, 7deg);}
.rollWrap article .info {padding:0 50px 50px;position:relative;z-index:2}
.rollWrap article .info .state {line-height:1; font-weight:400; padding-bottom:5px; border-bottom:2px solid #4ba635; border-bottom:2px solid;}
.rollWrap article .info .state.ing {color:#7524b3; border-color:2px solid #7524b3;}
.rollWrap article .info .state.stay {color:#666; border-color:#999;}
.rollWrap article .info .state.full {color:#4ba635; border-color:#4ba635;}
.rollWrap article .info dl {margin-top:20px;}
.rollWrap article .info dt {font-size:24px; color:#000; line-height:1.3; margin-bottom:20px; word-break:break-all;}
.rollWrap article .info dd {position:relative; padding-left:20px; font-size:15px; color:#666; line-height:1.4;}
.rollWrap article .info dd:after {content:""; width:10px; height:2px; position:absolute; left:2px; top:8px; background:#000;}
.rollWrap article .info dd+dd {margin-top:5px;}

.rollWrap .rollBtn {display:flex; position:relative; margin:30px 0 0 1.5vw;}
.rollWrap .rollBtn div {display:flex; justify-content:center; align-items:center; width:5vw; height:5vw; border-radius:50%; border:1px solid #ddd; background:#fff; cursor:pointer; transition:all .5s ease !important;}
.rollWrap .rollBtn div:hover {border-color:#000;}
.rollWrap .rollBtn div:after {content:""; width:30%; height:30%; border:1px solid #bbb; border-right:0; border-bottom:0; transform:rotate(-45deg) scale(.9); margin-left:10%; transition:all .2s ease !important;}
.rollWrap .rollBtn div:hover:after {transform:rotate(-45deg) scale(1); border-color:#000;}
.rollWrap .rollBtn div+div {margin-left:10px; transform:rotate(180deg);}
.rollWrap .rollBtn div.off {opacity:.3; cursor:default;} 
  }  
@media screen and (max-width: 1199px) {
.rollWrap {position:relative; width:100vw; margin-top:30px; padding-bottom:1px; transition:all 1s ease !important;}
.rollWrap>ul {display:flex; transition:all .7s ease !important; padding:0 5vw;}
.rollWrap>ul>li {padding-right:2vw;}
.port .rollWrap article {position:relative; width:calc((100vw - 10vw - 4vw)/3); height:100%; background:#fff; box-shadow:20px 20px 20px rgba(0,0,0,.05);transition:all .5s ease !important;}
  .port .rollWrap article:hover{width:calc((100vw - 10vw - 0vw)/3);}  
.rollWrap article a {position:relative; display:block; height:100%; overflow:hidden;}
.rollWrap article a *,
.rollWrap article a:before,
.rollWrap article a:after {transition:all .3s ease !important;}
.rollWrap article a:after {content:""; width:0; height:2px; position:absolute; left:0; bottom:0; background:#7524b3;}
.rollWrap article a:before {content:""; width:30px; height:2px; position:absolute; right:calc(100% + 1px); bottom:0; background:#7524b3; transform:rotate(45deg) translate(-5px, -10px);}
.rollWrap article:hover a:after {width:100%;}
/* .rollWrap article a:hover:before {right:0;} */
.rollWrap article .img {position:relative;}
.rollWrap article .img:after {content:""; position:absolute; left:0; bottom:-92%; width:100%; height:100%; background:#fff; transform:skew(0, 7deg);}
.rollWrap article .info {padding:0 30px 30px;}
.rollWrap article .info .state {font-size:14px; line-height:1; color:#4ba635; font-weight:400; padding-bottom:5px; border-bottom:2px solid #4ba635;}
.rollWrap article .info .state.ing {color:#7524b3; border-color:#7524b3;}
.rollWrap article .info dl {margin-top:20px;}
.rollWrap article .info dt {font-size:18px; color:#000; line-height:1.3; margin-bottom:20px; word-break:break-all;}
.rollWrap article .info dd {position:relative; padding-left:20px; font-size:14px; color:#666; line-height:1.4;}
.rollWrap article .info dd:after {content:""; width:10px; height:2px; position:absolute; left:2px; top:8px; background:#000;}
.rollWrap article .info dd+dd {margin-top:5px;}
.rollWrap .rollBtn {display:flex; position:absolute; right:5vw; top:-120px;}
.rollWrap .rollBtn div {display:flex; justify-content:center; align-items:center; width:50px; height:50px; border-radius:50%; background:#fff; cursor:pointer; transition:all .5s ease !important;}
.rollWrap .rollBtn div:hover {border-color:#000;}
.rollWrap .rollBtn div:after {content:""; width:30%; height:30%; border:1px solid #bbb; border-right:0; border-bottom:0; transform:rotate(-45deg) scale(.9); margin-left:10%; transition:all .2s ease !important;}
.rollWrap .rollBtn div:hover:after {transform:rotate(-45deg) scale(1); border-color:#000;}
.rollWrap .rollBtn div+div {margin-left:10px; transform:rotate(180deg);}
.rollWrap .rollBtn div.off {cursor:default;}
  }  
@media screen and (max-width: 767px){  
  .port {padding: 10vw 0 0;}  
.port .rollWrap {padding:0; overflow:hidden; overflow-x:auto; padding-bottom:70px;}
.port .rollWrap>ul {padding:0 20px;}
.port .rollWrap>ul>li {padding-right:20px;}
.port .rollWrap article {width:70vw; transition:all .5s ease !important;}
  .port .rollWrap article:hover{width:73vw;}
.port .rollWrap article .info {padding:0 20px 20px;}
.port .rollWrap article .info dl {margin-top:10px;}
.port .rollWrap article .info .state {font-size:13px;}
.port .rollWrap article .info dt {font-size:16px;}
.port .rollWrap article .info dd {font-size:13px;}	
.port .rollWrap .rollBtn {display:none;}  
  }  

/* ****************** 2칸 레이아웃  ****************** */

.layout_207891_ {clear:both; min-width:320px; max-Width:90%; margin:0 auto; position: relative; padding: 9vw 5vw; background: #fff; overflow: hidden;}
.layout_207891_.ani_on .logo {right:0;}  
  .layout_207891_ .logo{position: absolute; left: 0; top: 0; height: calc(100% - -10vw); transition: all 5s ease !important;font-family: impact !important;opacity: 0.1;font-size: 550px;color: #919191;}
.layout_207891_ > div {}
.layout_207891_ > div:after {content:''; display:block; clear:both;}
.layout_207891_ > div > [class^=container_] {float:left; position:relative; width:100%;  box-sizing:border-box;}
.layout_207891_ > div > .container_1 {width:50%;}
.layout_207891_ > div > .container_2 {width:50%;}
@media screen and (min-width: 1300px){
  .layout_207891_{max-width:95%;}
} 
@media (max-width:1023px){
  .layout_207891_{padding: 10vw 5vw;}
	.layout_207891_ > div > .container_1 { width:100%; }
	.layout_207891_ > div > .container_2 { width:100%; }
}
@media screen and (max-width: 767px){
  .layout_207891_{padding: 70px 5vw;}
  }  
@media \0screen{
	.layout_207891_ {min-width:1000px;}
}

/* ****************** 한줄 텍스트  ****************** */

.text_207971_ p {
	display:block; margin:0; padding:0;
	font-size:18px; letter-spacing:-1px; font-weight:normal; color:#1b9cb5; line-height:1.6em;
}
.text_207971_ p a {color:#1b9cb5; text-decoration:none;}

/* ****************** 한줄 텍스트  ****************** */

.text_207961_ p {
  display:block; margin:0; padding:0; font-family:NX1 !important; letter-spacing: -2px;
	font-size:48px; letter-spacing:-1px; font-weight:bold; color:#000000; line-height:1.2em;
}
.text_207961_ p a {color:#000000; text-decoration:none;}
@media (max-width:749px){
  .text_207961_ p{ font-size: 30px;}
  }  

/* ****************** 공백  ****************** */

.empty_line_207921_ {display:block; width:100%; height:40px; line-height:40px;}

[id^=div_user_list] .empty_line_207921_ {display:block !important; border:1px dotted #f00;}
[id^=div_user_list] .empty_line_207921_:before {content:'공백: 40px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

@media (min-width:1200px){
	.empty_line_207921_ {height:30px; line-height:1px;}
	[id^=div_user_list] .empty_line_207921_:before {content:'공백: 30px';}
}
 @media \0screen{
	.empty_line_207921_ {height:30px; line-height:30px;}
	[id^=div_user_list] .empty_line_207921_:before {content:'공백: 30px';}
}
@media (max-width:749px){  
  .empty_line_207921_{display:none;}
  }  

/* ****************** 이미지  ****************** */

.layout_264541_ {clear:both;   margin:0 auto;}
.layout_264541_ > div { cursor:default;}
.layout_264541_ > div:after {content:''; display:block; clear:both;}
.layout_264541_ > div > [class^=container_] {float:left; position:relative; width:100%;  box-sizing:border-box;}
.layout_264541_ > div > .container_1 {width:%;cursor:default;}
.layout_264541_ > div > .container_2 {width:%;cursor:default;}
.layout_264541_ > div > .container_3 {width:%;cursor:default;}
.layout_264541_ > div > .container_4 {width:%;cursor:default;}
/*.layout_264541_ > div > .container_5 {width:%;cursor:default;}*/

@media \0screen{.layout_264541_ {}}
@media screen and (min-width: 1200px) {
.quick ul { display: flex; justify-content: space-between;}  
.quick ul li { width: calc((100% - 80px)/4);}
.quick ul li+li {margin-left:20px;}
.quick a {display:block; text-align:center;}
.quick a * {transition:all .5s ease !important;}
.quick a i {position:relative; display:block; border:1px solid #e5e5e5; background-color:#fff; box-shadow:10px 10px 10px rgba(0,0,0,.05);}
.quick a i:before {content:""; width:100%; height:100%; position:absolute; opacity:0;  top:0;background-color:#3e0d7a; transition:all .3s ease !important;}
.quick a i:before {transform:skew(45deg); left:-50%;}
.quick a p {font-size:18px; color:#000; line-height:1; margin-top:20px;}
.quick a i span {z-index:1111; display:flex; justify-content:center; align-items:center; position:relative; width:100%; height:100%;}
.quick a:hover i {background:#3e0d7a; border-color:transparent;}
.quick a:hover i:before {left:-50%; opacity:.5; background:#7524b3;}
.quick a:hover i span {filter:brightness(10);}
.quick a:hover p {color:#7524b3;}  
  }  
@media screen and (max-width: 1199px) {
.quick ul {display:flex; width:100%; justify-content:space-between;}
.quick ul li {width:calc((100% - 80px)/4);}
.quick ul li+li {margin-left:20px;}
.quick a {display:block; text-align:center;}
.quick a * {transition:all .5s ease !important;}
.quick a i {position:relative; display:block; border:1px solid #e5e5e5; background-color:#fff; box-shadow:10px 10px 10px rgba(0,0,0,.05);}
.quick a i:before {content:""; width:100%; height:100%; position:absolute; opacity:0;  top:0; 	background-color:#3e0d7a; transition:all .3s ease !important;}
.quick a i:before {transform:skew(45deg); left:-50%;}
.quick a p {color:#000; line-height:1; margin-top:10px;}
.quick a i span {z-index:1111; display:flex; justify-content:center; align-items:center; position:relative; width:100%; height:100%;}
.quick a:hover i {background:#3e0d7a; border-color:transparent;}
.quick a:hover i:before {left:-50%; opacity:.5; background:#7524b3;}
.quick a:hover i span {filter:brightness(10);}
.quick a:hover p {color:#7524b3;}
}  
@media screen and (max-width: 767px) {
.quick ul {display:flex; flex-wrap:wrap; width:100%; justify-content:center;}
.quick ul li {width:calc((100% - 10px)/3); margin-top:20px;}
.quick ul li+li {margin-left:5px;}
.quick a img {width:30px;}
}  

/* ****************** 공백  ****************** */

.empty_line_264852_ {display:block; width:100%; height:30px; line-height:30px;}

[id^=div_user_list] .empty_line_264852_ {display:block !important; border:1px dotted #f00;}
[id^=div_user_list] .empty_line_264852_:before {content:'공백: 30px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

@media (min-width:1200px){
	.empty_line_264852_ {height:30px; line-height:1px;}
	[id^=div_user_list] .empty_line_264852_:before {content:'공백: 30px';}
}

 @media \0screen{
	.empty_line_264852_ {height:30px; line-height:30px;}
	[id^=div_user_list] .empty_line_264852_:before {content:'공백: 30px';}
}
  @media (max-width:1023px){
    .empty_line_264852_{display:none}
  }    

/* ****************** 한줄 텍스트  ****************** */

.text_264742_  .aniTxt {display:flex; flex-wrap:wrap; position:relative; flex-direction:row;}
.text_264742_ .aniTxt>span {overflow:hidden; display:block;line-height: 1.6em;}
.text_264742_ .aniTxt>span>span {display:block; transform:translateY(100%);line-height: 1.6em;}
.text_264742_ .aniTxt>span.on>span {transform:translateY(0); transition:all .5s ease !important; line-height:1.2em}
.text_264742_ [class^="txtAni"] .empty {width:.8vw;}
.text_264742_ [class^="txtAni"]>span {font-size:36px; letter-spacing:-1px; font-weight:bold; color:#3e0d7a;font-family: NX1 !important;}
.text_264742_ [class^="txtAni"]>span>span {font-size:36px; letter-spacing:-1px; font-weight:bold; color:#3e0d7a;  font-family: NX1 !important;}  
.text_264742_{ position: relative;padding-left: 15vw;}
.text_264742_:after {content: "";  position: absolute;  left: 7vw;  top: 17px;  width: 5vw;  height: 2px;  background: #1b9cb5;}
.text_264742_ p { margin:0 0 0 00px; padding:0;
	font-size:36px; letter-spacing:-1px; font-weight:bold; color:#3e0d7a;  line-height:1.2; }
.text_264742_ p a {color:#3e0d7a; text-decoration:none;}
@media screen and (max-width: 1199px) {
	.text_264742_ {position:relative; margin-top:30px; padding-top:30px;}
	.text_264742_:after {content:""; position:absolute; left:50%; transform:translateX(-50%); top:0; width:5vw; height:2px; background:#1b9cb5;}
	.text_264742_ p {font-size:36px; font-weight:600; letter-spacing:-.05vw; color:#3e0d7a; line-height:1.3;}

}
@media screen and (max-width: 1024px) {
  .text_264742_ {padding-left: 0vw;}
  .text_264742_ p {font-size:24px;}
  p {display: flex; justify-content: center;  text-align: center;}  
  
  }  

/* ****************** 한줄 텍스트  ****************** */

.text_264743_  .aniTxt {display:flex; flex-wrap:wrap; position:relative; flex-direction:row;}
.text_264743_ .aniTxt>span {overflow:hidden; display:block;line-height: 1.6em;}
.text_264743_ .aniTxt>span>span {display:block; transform:translateY(100%);line-height: 1.3em;}
.text_264743_ .aniTxt>span.on>span {transform:translateY(0); transition:all .5s ease !important; line-height:1.3em}
.text_264743_ [class^="txtAni"] .empty {width:.8vw;}
.text_264743_ [class^="txtAni"]>span {font-size:36px; letter-spacing:-1px; font-weight:bold; color:#3e0d7a;font-family: NX1 !important;}
.text_264743_ [class^="txtAni"]>span>span {font-size:36px; letter-spacing:-1px; font-weight:bold; color:#3e0d7a;  font-family: NX1 !important;}  
.text_264743_{ position: relative;padding-left: 15vw;}
.text_264743_ p { margin:0 0 0 00px; padding:0;
	font-size:36px; letter-spacing:-1px; font-weight:bold; color:#3e0d7a;  line-height:1.2; }
.text_264743_ p a {color:#3e0d7a; text-decoration:none;}
@media screen and (max-width: 1199px) {
	.text_264743_ {position:relative; margin-top:0px; padding-top:0px;}
	.text_264743_ p {font-size:36px; font-weight:600; letter-spacing:-.05vw; color:#3e0d7a; line-height:1.3;}

}
@media screen and (max-width: 1024px) {
  .text_264743_ {padding-left: 0vw;}
  p {display: flex; justify-content: center;  text-align: center;}    
  .text_264743_ p {font-size:24px;}  
  }  

/* ****************** 공백  ****************** */

.empty_line_264853_ {display:block; width:100%; height:20px; line-height:20px;}

[id^=div_user_list] .empty_line_264853_ {display:block !important; border:1px dotted #f00;}
[id^=div_user_list] .empty_line_264853_:before {content:'공백: 20px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

@media (min-width:1200px){
	.empty_line_264853_ {height:20px; line-height:1px;}
	[id^=div_user_list] .empty_line_264853_:before {content:'공백: 20px';}
}

 @media \0screen{
	.empty_line_264853_ {height:20px; line-height:20px;}
	[id^=div_user_list] .empty_line_264853_:before {content:'공백: 20px';}
}

/* ****************** 장문 텍스트  ****************** */



.textarea_264712_{position:relative;padding-left: 15vw; color:#fff; font-weight:300;margin-left: 00px;}
.textarea_264712_:after {content: "";  position: absolute;  left: 7vw;  top: 17px;  width: 5vw;  height: 2px; }
.textarea_264712_ p {
	display:block; padding:0;
	font-size:18px; letter-spacing:0px; font-weight:200; color:#000000; line-height:1.4em; border-left:1px sold #fff;
}
  .textarea_264712_ p span{font-size:16px; line-height:20px; font-weight:200; color:#fff;opacity: .7;}
@media screen and (max-width: 1024px) {
  .textarea_264712_ {padding-left: 0vw;}
  .textarea_264712_ p{font-size: 18px;}
  }  
@media screen and (max-width: 749px) {
  .textarea_264712_ p{font-size: 15px;}
  }   

/* ****************** 공백  ****************** */

.empty_line_2647716_ {display:block; width:100%; height:20px; line-height:20px;}

[id^=div_user_list] .empty_line_2647716_ {display:block !important; border:1px dotted #f00;}
[id^=div_user_list] .empty_line_2647716_:before {content:'공백: 20px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

@media (min-width:1200px){
	.empty_line_2647716_ {height:70px; line-height:1px;}
	[id^=div_user_list] .empty_line_2647716_:before {content:'공백: 70px';}
}

 @media \0screen{
	.empty_line_2647716_ {height:70px; line-height:70px;}
	[id^=div_user_list] .empty_line_2647716_:before {content:'공백: 70px';}
}

/* ****************** 타이틀 텍스트  ****************** */

.button_title_2647031_.btnZone {display:flex; margin:0; padding-left: 15vw;}
.button_title_2647031_.btnZone a {position:relative; display:flex; align-items:center; overflow:hidden; padding:20px 15px; line-height:1; font-size:16px; letter-spacing:-1px; font-weight:bold; color:#000000; border:1px solid #000; background:#fff; box-shadow:10px 10px 10px rgba(0,0,0,.1);}
.button_title_2647031_.btnZone a>* {position:relative; transition:all .2s ease !important;}
.button_title_2647031_.btnZone a:hover>*{color:#fff}
.button_title_2647031_.btnZone a:before {content:""; position:absolute; width:0; height:100%; left:-10%; background:#1b9cb5; transform:skew(-13deg); transition:all .3s ease !important;}
.button_title_2647031_.btnZone a i {position:relative; display:block; width:2vw; height:2px; background:#000; margin-left:20px;}
.button_title_2647031_.btnZone a i:before, .btnZone a i:after {content:""; position:absolute; right:0; display:block; width:10px; height:2px; background:#000; transition:all .2s ease !important;}
.button_title_2647031_.btnZone a i:before {transform:rotate(45deg); top:calc(50% - 5px);}
.button_title_2647031_.btnZone a i:after {transform:rotate(-45deg); top:calc(50% + 3px);}
.button_title_2647031_.btnZone a:hover {color:#fff;}
.button_title_2647031_.btnZone a:hover i {width:3vw; background:#fff;}
.button_title_2647031_.btnZone a:hover i:before,
.button_title_2647031_.btnZone a:hover i:after {background:#fff;}
.button_title_2647031_.btnZone a:hover:before {width:120%;}
.button_title_2647031_.btnZone.center {justify-content:center;} 
.button_title_2647031_.btnZone .btn i:before, .button_title_2647031_.btnZone .btn i:after {background: #000;}
@media screen and (max-width: 1199px) {
.button_title_2647031_.btnZone a i {position:relative; display:block; width:30px; height:2px; background:#000; margin-left:10px;}
.button_title_2647031_.btnZone a:hover i {width:40px; background:#fff;}
}
@media screen and (max-width: 1023px) {  
  .button_title_2647031_.btnZone{justify-content: center; padding-left: 0vw;}
  }  
@media screen and (max-width: 749px){
  .button_title_2647031_.btnZone .btn p {font-size: 14px;}  
}

/* ****************** 3칸 레이아웃  ****************** */

.layout_263832_ {position: relative;clear:both; min-width:320px; max-width:90%; margin:0 auto; padding: 9vw 5vw; background: url(/img_up/shop_pds/gsbest0001/farm/me-in1.jpeg) no-repeat center;background-size: cover;}
.layout_263832_ > div {}
.layout_263832_ > div:after {content:''; display:block; clear:both;}
.layout_263832_ > div > [class^=container_] {float:left; position:relative; width:100%;  box-sizing:border-box;}  
.layout_263832_ > div > div{padding:0 1vw}
.layout_263832_ > div > .container_1 {width:33.333333333333%;}
.layout_263832_ > div > .container_2 {width:33.333333333333%;}
.layout_263832_ > div > .container_3 {width:33.333333333333%;}

@media (max-width:1023px){
	.layout_263832_ > div > .container_1 { width:100%; }
	.layout_263832_ > div > .container_2 { width:100%; }
	.layout_263832_ > div > .container_3 { width:100%; }
}
@media screen and (max-width: 1024px){
  .layout_263832_ > div > .container_1, .layout_263832_ > div > .container_2, .layout_263832_ > div > .container_3  {width:100%}
}  
@media screen and (min-width: 1300px){
  .layout_263832_{max-width:95%;}
}  
@media \0screen{
	.layout_263832_ {min-width:1000px;}
}
@media screen and (max-width: 600px){  
  .layout_263832_{padding: 70px 5vw;}
  }  

/* ****************** 한줄 텍스트  ****************** */

.text_265014_ p {
	display:inline-block; margin:0; padding:0;
	font-size:17px; letter-spacing:-1px; font-weight:normal; color:#ffffff; line-height:1.6em; border-bottom: 2px solid #fff; padding-bottom: 5px;font-family: NX1 !important;}
@media screen and (max-width: 1024px){
  .text_265014_{text-align:center}
 }  
  
  @media screen and (max-width: 750px) {
    .text_265014_{text-align:center; margin-top:30px;}
  }
    @media screen and (max-width: 600px) {
    .text_265014_{margin-top:00px;}
  }

/* ****************** 공백  ****************** */

.empty_line_265075_ {display:block; width:100%; height:10px; line-height:10px;}

[id^=div_user_list] .empty_line_265075_ {display:block !important; border:1px dotted #f00;}
[id^=div_user_list] .empty_line_265075_:before {content:'공백: 10px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

@media (min-width:1200px){
	.empty_line_265075_ {height:10px; line-height:1px;}
	[id^=div_user_list] .empty_line_265075_:before {content:'공백: 10px';}
}

 @media \0screen{
	.empty_line_265075_ {height:10px; line-height:10px;}
	[id^=div_user_list] .empty_line_265075_:before {content:'공백: 10px';}
}

/* ****************** 장문 텍스트  ****************** */

.textarea_208141_ p {
	display:block; margin:0; padding:0;
	font-size:20px; letter-spacing:0px; font-weight:normal; color:#ffffff; line-height:1.6em;font-family: NX1 !important;}
 @media screen and (max-width: 1400px) {
   .textarea_208141_ p {font-size: 17px;}
  }  

/* ****************** 공백  ****************** */

.empty_line_208151_ {display:block; width:100%; height:30px; line-height:30px;}

[id^=div_user_list] .empty_line_208151_ {display:block !important; border:1px dotted #f00;}
[id^=div_user_list] .empty_line_208151_:before {content:'공백: 30px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

@media (min-width:1200px){
	.empty_line_208151_ {height:80px; line-height:1px;}
	[id^=div_user_list] .empty_line_208151_:before {content:'공백: 80px';}
}

 @media \0screen{
	.empty_line_208151_ {height:80px; line-height:80px;}
	[id^=div_user_list] .empty_line_208151_:before {content:'공백: 80px';}
}
  
      @media screen and (max-width: 750px) {
	.empty_line_208151_ {height:1px; line-height:1px;}
	[id^=div_user_list] .empty_line_208151_:before {content:'공백: 1px';}
  }
  
  

/* ****************** 한줄 텍스트  ****************** */

.aniTxt {display:flex; flex-wrap:wrap; position:relative; flex-direction:row;}
.aniTxt>span {overflow:hidden; display:block;line-height: 1em;}
.aniTxt>span>span {display:block; transform:translateY(100%);line-height: 1em;}
.aniTxt>span.on>span {transform:translateY(0); transition:all .5s ease !important; line-height:1.2em}
.text_265017_ [class^="txtAni"] .empty {width:.8vw;}
.text_265017_ [class^="txtAni"]>span {font-size:18px; letter-spacing:-1px; font-weight:normal; color:#ffffff;font-family: NX1 !important;}
.text_265017_ [class^="txtAni"]>span>span {font-size:18px; letter-spacing:-1px; font-weight:normal; color:#ffffff;  font-family: NX1 !important;}  
.text_265017_ p {padding-bottom: 6px; display: inline-flex; margin:0; 
	font-size:18px; letter-spacing:-1px; font-weight:normal; color:#ffffff; line-height:1.3em;border-bottom: 2px solid #fff; font-family: NX1 !important;}
@media screen and (max-width: 1024px){
  .text_265017_ p{    left: 50%; margin-left: -71px;margin-top: 40px;}
  }  
  
/* ****************** 공백  ****************** */

.empty_line_265075_ {display:block; width:100%; height:10px; line-height:10px;}

[id^=div_user_list] .empty_line_265075_ {display:block !important; border:1px dotted #f00;}
[id^=div_user_list] .empty_line_265075_:before {content:'공백: 10px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

@media (min-width:1200px){
	.empty_line_265075_ {height:10px; line-height:1px;}
	[id^=div_user_list] .empty_line_265075_:before {content:'공백: 10px';}
}

 @media \0screen{
	.empty_line_265075_ {height:10px; line-height:10px;}
	[id^=div_user_list] .empty_line_265075_:before {content:'공백: 10px';}
}

/* ****************** 한줄 텍스트  ****************** */

 .aniTxt {display:flex; flex-wrap:wrap; position:relative; flex-direction:row;}
.aniTxt>span {overflow:hidden; display:block;line-height: 1em;}
.aniTxt>span>span {display:block; transform:translateY(100%);line-height: 1em;}
.aniTxt>span.on>span {transform:translateY(0); transition:all .5s ease !important; line-height:1.2em}
.text_208091_ [class^="txtAni"] .empty {width:.8vw;}
.text_208091_ [class^="txtAni"]>span {font-size:34px; letter-spacing:-1px; font-weight:bold; color:#1b9cb5;font-family: NX1 !important;}
.text_208091_ [class^="txtAni"]>span>span {font-size:34px; letter-spacing:-1px; font-weight:bold; color:#1b9cb5;  font-family: NX1 !important;}  
.text_208091_ p { margin:0; padding:0;
	font-size:34px; letter-spacing:-1px; font-weight:bold; color:#1b9cb5; line-height:1.3em;font-family: NX1 !important;}
.text_208091_ p a {color:#1b9cb5; text-decoration:none;}
@media screen and (max-width: 1800px){
  .text_208091_ p {font-size:25px}
}  
  
  @media screen and (max-width: 750px){
  .text_208091_ p {font-size:22px}
}  
  

/* ****************** 한줄 텍스트  ****************** */

.text_208171_ p {
	display:block; margin:0; padding:0;
	font-size:34px; letter-spacing:-1px; font-weight:bold; color:#ffffff; line-height:1.3em;font-family: NX1 !important;}
.text_208171_ p a {color:#ffffff; text-decoration:none;}
@media screen and (max-width: 1800px){
  .text_208171_ p {font-size:25px}
}  
  
    @media screen and (max-width: 750px){
  .text_208171_ p {font-size:21px}
}  
  

/* ****************** 한줄 텍스트  ****************** */

.text_265015_ p {
	display:inline-block; margin:0; padding:0;
	font-size:17px; letter-spacing:-1px; font-weight:normal; color:#ffffff; line-height:1.6em; border-bottom: 2px solid #fff; padding-bottom: 5px;font-family: NX1 !important;}
 @media screen and (max-width: 1024px){
  .text_265015_{text-align:center; margin-top:70px;}
 }   
  
  @media screen and (max-width: 750px) {
    .text_265015_{text-align:center; margin-top:40px;}
  }
  

/* ****************** 공백  ****************** */

.empty_line_265075_ {display:block; width:100%; height:10px; line-height:10px;}

[id^=div_user_list] .empty_line_265075_ {display:block !important; border:1px dotted #f00;}
[id^=div_user_list] .empty_line_265075_:before {content:'공백: 10px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

@media (min-width:1200px){
	.empty_line_265075_ {height:10px; line-height:1px;}
	[id^=div_user_list] .empty_line_265075_:before {content:'공백: 10px';}
}

 @media \0screen{
	.empty_line_265075_ {height:10px; line-height:10px;}
	[id^=div_user_list] .empty_line_265075_:before {content:'공백: 10px';}
}

/* ****************** 한줄 텍스트  ****************** */

.text_208061_ p {
	display:block; margin:0; padding:0;
	font-size:45px; letter-spacing:-1px; font-weight:bold; color:#ffffff; line-height:1.3em;font-family: NX1 !important;}
.text_208061_ p a {color:#ffffff; text-decoration:none;}

/* ****************** 버튼형 타이틀  ****************** */

.button_title_208051_ {font-size:0;}
.button_title_208051_ p {
	display:inline-block;
	font-size:16px; letter-spacing:-1px; font-weight:normal; color:#ffffff; line-height:1em;
}
.button_title_208051_.style_line p {background:none;}

.button_title_208051_.btnZone {display:flex; margin:0}
.btnZone a {position:relative; display:flex; align-items:center; overflow:hidden; padding:20px 30px; margin-right:10px; font-size:14px; font-weight:700; line-height:1; color:#000; border:1px solid #000; background:#fff;  box-shadow:10px 10px 10px rgba(0,0,0,.1);}
.btnZone a>* {position:relative; transition:all .2s ease !important;}
.btnZone a:before {content:""; position:absolute; width:0; height:100%; left:-10%; background:#1b9cb5; transform:skew(-13deg); transition:all .3s ease !important;}
.btnZone a i {position:relative; display:block; width:2vw; height:2px; background:#000; margin-left:20px;}

.btnZone a i:before,
.btnZone a i:after {content:""; position:absolute; right:0; display:block; width:10px; height:2px; background:#000; transition:all .2s ease !important;}
.btnZone a i:before {transform:rotate(45deg); top:calc(50% - 5px);}
.btnZone a i:after {transform:rotate(-45deg); top:calc(50% + 3px);}
.btnZone a:hover {color:#fff;}
.btnZone a:hover i {width:3vw; background:#fff;}
.btnZone a:hover i:before,
.btnZone a:hover i:after {background:#fff;}
.btnZone a:hover:before {width:120%;}
.btnZone.center {justify-content:center;}
@media screen and (max-width: 1199px) {
.btnZone a i {position:relative; display:block; width:30px; height:2px; background:#000; margin-left:20px;}
.btnZone a:hover i {width:40px; background:#fff;}
}
  @media screen and (min-width: 1200px) {
.btnZone .btn {padding:25px; font-size:16px; font-weight:400; background:transparent; color:#fff; border-color:#1b9cb5}
.btnZone .btn span{color:#fff;font-weight:400; }
.btnZone a:before,
.btnZone a:hover:before {background:#1b9cb5;}
.btnZone .btn i {background:#fff;}
.btnZone .btn i:before,
.btnZone .btn i:after {background:#fff;}  
  }
  @media screen and (max-width: 1199px) {
.btnZone .btn {padding:25px; font-size:16px; font-weight:400; background:transparent; color:#fff; border-color:#1b9cb5	}
.btnZone a:before,
.btnZone a:hover:before {background:#1b9cb5;}
.btnZone .btn i {background:#fff;}
.btnZone .btn i:before,
.btnZone .btn i:after {background:#fff;}      
  } 
 @media screen and (max-width: 1800px) {
   .btnZone .btn{padding: 20px 20px;}
  }   
 @media screen and (max-width: 1570px) {
   .button_title_208051_.btnZone{flex-direction: column;}
   .btnZone .btn{margin-bottom:10px}   
  }    
 @media screen and (max-width: 1024px) {
   .button_title_208051_.btnZone { flex-direction: inherit;justify-content: center;}
  }   
 @media screen and (max-width: 520px) {
   .button_title_208051_.btnZone {flex-direction: column;}
  }  

/* ****************** 공백  ****************** */

.empty_line_208161_ {display:block; width:100%; height:30px; line-height:30px;}

[id^=div_user_list] .empty_line_208161_ {display:block !important; border:1px dotted #f00;}
[id^=div_user_list] .empty_line_208161_:before {content:'공백: 30px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}
 
@media (min-width:1200px){
	.empty_line_208161_ {height:163px; line-height:1px;}
	[id^=div_user_list] .empty_line_208161_:before {content:'공백: 163px';}
}

 @media \0screen{
	.empty_line_208161_ {height:30px; line-height:30px;}
	[id^=div_user_list] .empty_line_208161_:before {content:'공백: 30px';}
} @media screen and (max-width: 1570px) {
   .empty_line_208161_ { height: 93px;}
  }  
@media (max-width:1200px){
  .empty_line_208161_ { height: 23px;}  
  }  

/* ****************** 한줄 텍스트  ****************** */

.text_265016_ p {
	display:inline-block; margin:0 20px 0 0; padding:0;
	font-size:17px; letter-spacing:-1px; font-weight:normal; color:#ffffff; line-height:1.6em; border-bottom: 2px solid #fff; padding-bottom: 5px;font-family: NX1 !important;}
  .text_265016_ p a{color:#fff; display:block;font-family: NX1 !important; font-size:17px; }
  .text_265016_ p a:hover{color:#1b9cb5;}  
  .text_265016_ p:hover{border-color:#1b9cb5}  
@media screen and (max-width: 1024px){
  .text_265016_{text-align:center;margin-top:70px;}
 }  
@media screen and (max-width: 750px) {
    .text_265016_{text-align:center; margin-top:35px;}
  }
@media screen and (max-width: 600px) {
  .text_265016_{display:none}
  }  

/* ****************** 공백  ****************** */

.empty_line_208041_ {display:block; width:100%; height:32px; line-height:32px;}

[id^=div_user_list] .empty_line_208041_ {display:block !important; border:1px dotted #f00;}
[id^=div_user_list] .empty_line_208041_:before {content:'공백: 32px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

@media (min-width:1200px){
	.empty_line_208041_ {height:115px; line-height:1px;}
	[id^=div_user_list] .empty_line_208041_:before {content:'공백: 115px';}
}

 @media \0screen{
	.empty_line_208041_ {height:115px; line-height:115px;}
	[id^=div_user_list] .empty_line_208041_:before {content:'공백: 115px';}
}
@media (min-width:1200px){
  .empty_line_208041_ {height: 95px;}
  }  

/* ****************** 최근 게시글 - 앨범형  ****************** */

	.pm-board_album__208111_ * {box-sizing:border-box}
	.pm-board_album__208111_ ul {margin:0;padding:0;list-style:none}
	.pm-board_album__208111_ ul:after {content:'';display:block;clear:both}
	.pm-board_album__208111_ li {float:left}
	.pm-board_album__208111_ li a {display:block;text-align:center;color:#fff;padding:3px;}
	.pm-board_album__208111_ .figure {margin:0; position:relative; transition:all .4s; overflow:hidden;text-align: left;}
  .pm-board_album__208111_ .figure:hover{transition:all .4s;padding:0 10px; box-sizing:border-box; }

  .pm-board_album__208111_ .figure h5{font-size:16px;position: relative; display: inline-block; line-height: 1; padding-right: 20px; font-weight: 600; color: #1b9cb5;}
  .pm-board_album__208111_ .figure h5:after{ content: ""; width: 10px; border-bottom: 1px solid #1b9cb5;   position: absolute; right: 0; top: 50%;}
	.pm-board_album__208111_ .figure:hover:after{opacity:1; visibility:visible;}
	.pm-board_album__208111_ .figure img {display:block;margin:0 auto; transform:scale(1); transition:all .4s;}
  .pm-board_album__208111_ .figure:hover img{transform:scale(1.05); }
	.pm-board_album__208111_ .figure span {display:block;min-width:50px;max-width:120px;height:90px;margin:0 auto;font-size:12px;color:#999;line-height:90px;font-family:Arial;background:#eee;border:1px solid #ccc}
	.pm-board_album__208111_ .bd {margin:8px 0 30px 0;font-size:16px; color:#fff; padding:0 0 30px 0; border-bottom:1px solid #484d59}
	.pm-board_album__208111_ .date {margin:5px 0 0;font-size:12px;font-family:Arial;color:#fff; opacity: .7;}
	.pm-board_album__208111_ .bd,
	.pm-board_album__208111_ .date {white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
	.pm-board_album__208111_ .comment {font-weight:normal;color:#888}
	.pm-board_album__208111_ .empty {padding:10px 8px;font-size:14px;color:#666;text-align:center;width:100% !important}

	.pm-board_album__208111_.col_2 li {width:48%; margin:0 2% 0 0}
	.pm-board_album__208111_.col_3 li {width:33.33%}
	.pm-board_album__208111_.col_4 li {width:25%}
	.pm-board_album__208111_.col_5 li {width:16.666%}
@media screen and (max-width: 1024px){
  .pm-board_album__208111_ .bd, .pm-board_album__208111_ .date{justify-content: left;}
  }  
@media screen and (max-width: 600px){  
  .pm-board_album__208111_.col_2 li{width:100%; margin: 18px 0 0 0;}
  .pm-board_album__208111_ .bd{padding:0; border:0; margin: 8px 0 0px 0;}
  .pm-board_album__208111_ .date{padding: 0 0 20px 0; border-bottom: 1px solid #484d59;}
  }  

/* ****************** 퀵 메뉴  ****************** */

@media (max-width:1023px){
	.side_menu_35522_ {display:none;}
}

@media (min-width:1024px){
	.side_menu_35522_ {position:fixed; right:30px; top:810px; z-index:999; transition:all 0.7s;}
	.side_menu_35522_.on {top:200px; }
}

@media \0screen{
	.side_menu_35522_ {position:absolute; top:90px; left:50%; z-index:100; margin-left:615px;}
}

[id^=div_user_list] .side_menu_35522_ {display:block !important; position:relative !important; top:auto !important; left:auto !important; z-index:auto !important; margin-left:0 !important;}