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

.layout_265441_ {clear:both;  min-width:320px; max-width:90%; margin:0 auto;position: absolute;
    left: 0;margin-left: 5%; top: 0; padding: 0px 0; z-index: 1;}
.layout_265441_ > div { display: block;    padding-top: 35px;}
.layout_265441_ > div:after {content:''; display:block; clear:both;}
.layout_265441_ > div > [class^=container_] {float:left; position:relative; width:100%;  box-sizing:border-box;}
.layout_265441_ > div > .container_1 {width:20%;}
.layout_265441_ > div > .container_2 {width:80%;}

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

@media \0screen{
	.layout_265441_ {min-width:1000px;}
}
@media (max-width:1300px){
  .layout_268071_ {max-width:95%;}
}
  
@charset "utf-8";
/* 리셋-에릭마이어 보완 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul, li, dt, dd {
	list-style: none;
}
a {
    color: inherit;
    transition: all .5s ease !important;
    -webkit-transition: all .5s ease !important;
    -moz-transition: all .5s ease !important;
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
/* IE10 뷰포트 버그대응 */
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

body {width:100%; height:100%; min-width:320px;}

/* ******************** 공용 ******************** */

/* 색상 */
.c_orange {color:orange !important;} /* 주황 강조용 */
.c_red {color:red !important;}

/* 폼 */
:focus {outline:0;}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
/* ************************ 데스크탑 (1200~) ************************ */
@media screen and (min-width: 1200px){
	.body>* {z-index:0;}

	.mobile {display:none !important}
	.w1400 {position:relative; max-width:calc(1400px + 10vw); width:100%; margin:0 auto; padding:0 5vw;}
	.w1600 {position:relative; width:1600px; max-width:100%; margin:0 auto;}
	header {position:absolute; left:0; top:0; padding:0 0vw; width:100%; z-index:2; transition:all var(--ani_time);}
	header .head {position:relative;}
	header .head .logo {position:absolute; left:0; top:0; z-index:9999; display:none;}
	header .head .logo a {display:flex; width:220px;height:130px; align-items:center; justify-content:center;}
	header .head .logo a img {height:60px;width:220px;}
	header .head-info {position:absolute; left:6%; top:220px; z-index:99; color:#fff; opacity:0;transition:all .5s easy;}
	header .head-info p {position:relative;color: #fff; opacity: 0.6;}
	header .head-info p.tit {display:inline-block;padding-right:30px; padding-bottom:5px;}
	header .head-info p.tit:after {content:''; display:block; width:20px; height:2px; background:#fff; position:absolute; right:0; top:13px;}
	header .head-info p.contact {letter-spacing:1px; line-height:1.5;}
	header .head-info p:last-child {padding-top:30px; opacity:.2; font-family:NX1 !important; font-size:22px; line-height:1.3;}

	.gnbView.pc {z-index:9; width:30px; height:130px; display:block; position:absolute; right:5%; top:0; background:url(/img_up/shop_pds/gsbest0001/design/img/i-menu.png)center no-repeat;}
	.gnbView.pc.on {background-image:url(/img_up/shop_pds/gsbest0001/design/img/i-menu-on.png)}
	.headerH {height:160px;}
	nav.pc {position:absolute; right:0; top:0; width:100%; color:#fff !important; overflow:hidden; transition:all .5s; height: 80px !important;}
  nav.pc.on{height:355px !important;}
	nav.pc .leftBg {position:absolute; left:-35vw; top:0; width:30vw; height:100%;background:#121b37;  transform:skewX(-13deg); transition:all .5s ease !important;	}
	nav.pc .leftBg.on {left:-7vw;}
	nav.pc .navbg {position:absolute; left:0; top:0; width:100%;}
	nav.pc .navbg .dep1 {}
	nav.pc .navbg .dep2 {position:absolute; left:0; top:0; background:#fff;}
	nav.pc .gnb {margin-top:14px;}
	nav.pc .gnb>ul {display:flex; justify-content:center; padding-left:0px;}
	nav.pc .gnb>ul:after {clear:both; content:''; display:block;}
	nav.pc .gnb>ul>li {position:relative;}

	/* 1차 */
	nav.pc .gnb a:before, nav.pc .gnb a:after {}
	nav.pc .gnb>ul>li>a {border-bottom:1px solid transparent; position:relative; display:block; font-size:16px; line-height:30px; font-weight:600; position:relative; height:34px; overflow:hidden;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;}
	nav.pc .gnb>ul>li>a span {position:relative; display:inline-block; font-size: 16px; font-weight: 500;}
	nav.pc.on .gnb>ul>li>a span.ko {color:#4ba635;}
   nav.pc .gnb>ul>li>a span.en {color:#fff;}  
   nav.pc.on .gnb>ul>li>a span.en {color:#111;}  
	nav.pc.on .gnb>ul>li>a span.ko:after {content:""; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#4ba635;}
	nav.pc .gnb>ul>li>a:hover,
	nav.pc .gnb>ul>li.on>a {color:#4ba635;}
	nav.pc .gnb>ul>li>a>ul {
		transform:translateY(0);
		transition:all .5s ease !important;
		-webkit-transition:all .5s ease !important;
		-moz-transition:all .5s ease !important;
	}
	nav.pc .gnb>ul>li>a.on>ul {transform:translateY(-32px);	}

	/* 2차 */
	nav.pc .gnb .dep2 ul{position:absolute; top:50px; left:0;}
	nav.pc .gnb .dep2 ul:before {content:''; display:block; width:14px; height:14px; position:absolute; left:50%; top:-7px; transform:translateX(-50%) rotate(45deg);}
	nav.pc .gnb .dep2 ul>li+li {margin-top:7px;}
	nav.pc .gnb .dep2 ul>li a {display:inline-block; color:#666;position:relative; border-bottom:1px solid transparent;  letter-spacing:-1px; font-size: 15px;}
	nav.pc .gnb .dep2 ul>li a:hover,
	nav.pc .gnb .dep2 ul>li.on a {color:#4ba635; border-bottom:1px solid #4ba635;}
	nav.pc .gnb .dep2 ul>li.on a:before {content:''; display:block; width:10px; height:1px; background:#4ba635; position:absolute; left:-16px; top:13px;}

	/* ******************* 사이트맵 (햄버거메뉴) ********************** */
	.sitemapWrap>* {z-index:1; position:relative;}
	.sitemapWrap {
		z-index:-999; position:absolute; left:0; top:0; width:80vw; height:100vh; opacity:0;
		display:flex; flex-direction:column; justify-content:center; padding:0 10vw; overflow:hidden;
		background:rgba(0,0,0,.95); 
	}
	.sitemapWrap.on {
		z-index:999999; position:fixed; overflow-y:auto;
		transform: perspective(1500px) rotateX(20deg) scale(.9);
		transition:all .5s ease !important;
	}
	.sitemapWrap.on:before {z-index:0; content:""; position:absolute; left:-20vw; top:0; width:50vw; height:100vh; transform:skew(-12deg); background:#3e0d7a; opacity:.2;}

	.sitemapWrap .gnb>ul {display:flex; justify-content:space-between; width:100%;}
	.sitemapWrap .gnb>ul>li {position:relative;}
	.sitemapWrap.aniPlay {
		transform:scale(1); opacity:1;
		transform: perspective(1500px) rotateX(0deg) scale(1);
	}

	/* 1차 */
	.sitemapWrap .gnb a {color:#fff;}
	.sitemapWrap .gnb>ul>li>a {position:relative; display:block; font-size:2vw; font-weight:700; text-align:center; letter-spacing:-.1vw;}
	.sitemapWrap .gnb>ul>li:hover>a span{letter-spacing:0; opacity:1; color:#7524b3;transition:all .4s ease;}
	.sitemapWrap .gnb>ul>li>a:after {content:""; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#7524b3; opacity:0;}
	.sitemapWrap .gnb>ul>li:hover>a:after {opacity:1;}
	.sitemapWrap .gnb>ul>li>a span {position:relative; display:inline-block; font-size: 20px; letter-spacing: -3px; color: #fff;}
	.sitemapWrap .gnb>ul>li a .ko {display:none;}


	/* 2차 */
	.sitemapWrap .gnb .dep2 ul {margin-top:2vh; text-align:center;}
	.sitemapWrap .gnb .dep2 ul li+li {margin-top:1vh;}
	.sitemapWrap .gnb .dep2 ul a {font-size:1vw; padding:7px 0; opacity:.5; border-bottom:1px solid transparent;}
	.sitemapWrap .gnb .dep2 ul a:hover {opacity:1; border-color:#fff;}

	.sitemapWrap .siteinfo {display:flex; width:100%; margin-top:5vh; padding-top:5vh; color:#fff; border-top:1px solid rgba(255,255,255,.1);}
	.sitemapWrap .siteinfo dl {opacity:.7;}
  .sitemapWrap .siteinfo dt, .sitemapWrap .siteinfo dd, .sitemapWrap .siteinfo dd a{ color:#fff}
	.sitemapWrap .siteinfo dl:hover {opacity:1;}
	.sitemapWrap .siteinfo dl+dl {margin-left:10vw;}

	.sitemapWrap .sitemapClose {position:absolute; right:3vw; top:3vw; display:flex; align-items:center; width:3vw; height:3vw; transform:rotate(-45deg); opacity:.5; cursor:pointer; transition:all .5s ease !important;}
	.sitemapWrap .sitemapClose:hover {opacity:1; transform:rotate(135deg);}
	.sitemapWrap .sitemapClose i {width:100%; height:100%; height:2px; background:#fff;}
	.sitemapWrap .sitemapClose i:after {content:""; position:absolute; left:0; top:50%; transform:translateY(-1px); width:100%; height:2px; background:#fff; transform:rotate(90deg);}
}
/* 메뉴 바 때문에 추가함 */
@media screen and (max-width: 1400px){
	.head .head-info {display:none;}
	nav.pc .leftBg.on {left:-14vw;}
}
/* ************************ 태블릿 이하(~1200) ************************ */
@media screen and (max-width: 1199px) {
	.mobile {display:block}
	.pc {display:none !important}
	.w1200 {width:100%;}

	header {position:absolute; left:0; top:0; width:100%; z-index:999999;}

	.head .logo {position:absolute; left:0; top:20px; z-index:9999; display:block;}  
	header .logo {display:flex;  height:80px; align-items:flex-end; padding-left:20px;}
	header .logo a {}
  .head .logo a img {width:170px;}

	.gnbView {width:80px; height:80px; display:block; position:absolute; right:0; top:0; background:url(/img_up/shop_pds/gsbest0001/design/img/i-menu.png)center no-repeat;}

	header>aside {position:absolute; left:0; top:0; width:100%;}
	header>aside a {position:absolute; top:0; display:block; width:60px; height:60px; text-indent:-99999px; overflow:hidden; background-repeat:no-repeat; background-size:22px; background-position:center;}
	header>aside a.gnbView {right:0; background-image:url(/img_up/shop_pds/healjo/design/img/icon_gnbView.png); border-left:1px solid #e5e5e5;}


	/*gnb*/
	nav.mobile { z-index:9999; position:fixed; top:0; width:60%; height:100%; overflow:hidden; box-shadow:0 !important; background-color:#fff;}
	nav.mobile .closeWrap {position:relative; height:65px; background-color:#fff; color:#666; border-bottom:5px solid #efefef;}
	nav.mobile .closeWrap .btn {position:relative; display:inline-block; font-size:12px; line-height:60px; padding-left:20px; background:transparent; color:#000; border:0;}
	nav.mobile .closeWrap .gnbClose {display:block; width:60px; height:60px; background:url(/img_up/shop_pds/gsbest0001/design/img/icon_close.png) no-repeat center; background-size:17px;float:right; text-indent:100%; white-space:nowrap; overflow:hidden;}
	nav.mobile .closeWrap aside a {position:relative; float:left; display:inline-block; margin:0 20px; color:#666; font-size:12px; height:55px; line-height:55px; font-weight:400;}
	.gnbCover {z-index:9998; position:fixed; left:0; top:0; display:none; width:100%; height:100%; background:rgba(0,0,0,.5);}

	nav.mobile .gnb {position:relative; width:100%; height:100%; padding:0; overflow-y:auto; text-align:left !important;}
	nav.mobile .gnb * {width:100% !important;}
	nav.mobile .gnb>ul>li {clear:both; position:relative;}
	nav.mobile .gnb>ul>li>a {display:block; padding:15px 20px; font-family:NX1 !important; font-size:15px; font-weight:600; color:#121b37; border-bottom:1px solid #e4e4e4; background:#fff;}
	nav.mobile .gnb>ul>li>ul {display:none; border-bottom:7px solid #eee;}
	nav.mobile .gnb>ul>li>ul>li {position:relative;}
	nav.mobile .gnb>ul>li>ul>li a {position:relative; display:block; padding:12px 0 12px 50px; font-size:14px; color:#000; border-bottom:1px solid #e5e5e5;}
	nav.mobile .gnb>ul>li>ul>li>a:before {
		position:absolute; top:24px; left:35px; transition:all var(--ani_time);
		display:block; content:""; border-radius:50%;
		width:3px; height:3px; background:#4ba635;
	}

	nav.mobile .gnb>ul>li.on>a {color:#fff; background:#3e0d7a;}
	nav.mobile .gnb>ul>li>ul>li.on>a {color:#4ba635; border-bottom:1px solid #000;}
	nav.mobile .gnb>ul>li>ul>li.on>a:before {background:#4ba635;}
	
	nav.mobile .gnb>ul>li>a>ul {}
	nav.mobile .gnb>ul>li>a>ul li span {font-size:16px;}
	nav.mobile .gnb>ul>li>a>ul li span.en {display:none;}
	nav.mobile .gnb>ul>li.on>a>ul li span.en {display:none;}
}

/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width:767px) {
	header .logo {height:70px;}
	.gnbView {height:70px; width:70px; background-size:25px;}
}  
  
/* ****************** 로고 + 토글  ****************** */

@font-face {
	font-family: 'icomoon_header';
	src:url('/img_up/shop_pds/aramfarm/design/icomoon_header/icomoon.eot');
	src:url('/img_up/shop_pds/aramfarm/design/icomoon_header/icomoon.eot?#iefix') format('embedded-opentype'),
		url('/img_up/shop_pds/aramfarm/design/icomoon_header/icomoon.woff') format('woff'),
		url('/img_up/shop_pds/aramfarm/design/icomoon_header/icomoon.ttf') format('truetype'),
		url('/img_up/shop_pds/aramfarm/design/icomoon_header/icomoon.svg#icomoon_header') format('svg');
	font-weight: normal;
	font-style: normal;
}

.logo_520261_ {position:relative; padding:0 80px; z-index:1001;}
.logo_520261_ * {box-sizing:border-box;}
.logo_520261_ h1 {display:table; width:100%; margin:0; padding:0; font-size:12px; text-align:left; table-layout:fixed;}
.logo_520261_ h1 a {display:table-cell; height:48px; vertical-align:middle;}
.logo_520261_ h1 a span {display:inline-block; margin:0 10px; width:220px; height:48px; background:url("/img_up/shop_pds/gsbest0001/farm/logo16752719852.png") no-repeat left center; background-size:100%; vertical-align:bottom;}

.toggle_520261_ {
	display:none; overflow:hidden; position:absolute; top:50%; width:30px; height:30px; margin-top:-7px; padding:4px; font-size:0;
	 font-size:0; text-decoration:none;
}
.toggle_520261_.use {display:block;}
.toggle_520261_:before {display:inline-block; font-family:"icomoon_header"; font-size:20px; color:#bbb; line-height:1em;}
.toggle_520261_.on:before {color:#e66d1e;}

.tel_520261_ {display:block; left:5px; width:26px; height:26px; background:url("/img_up/shop_pds/gsbest0001/design/img/call_m.png") no-repeat left center; transition:all .3s;}
.tel_520261_:hover{background-position:right center;}
#farmBoxTel {display:none;}

.toggleSearch_520261_ {left:45px;}
.toggleSearch_520261_:before {content:'\e600';}
#farmBoxSearch {display:none;}
#farmBoxSearch.on {display:block;}

.toggleGnb_520261_ {right:45px; display:none !important;}
.toggleGnb_520261_:before {content:'\e602';}
#farmBoxGnb {display:none;}
#farmBoxGnb.on {display:block;}

.toggleLnb_520261_ {right:5px; width:26px; height:26px; background:url("/img_up/shop_pds/healjo/design/img/nav_m.png") no-repeat left center; transition:all .3s;}
.toggleLnb_520261_:hover{background-position:right center;}
#farmBoxLnb {display:none;}
#farmBoxLnb.on {display:block;}

[id^=div_user_list] .toggle_520261_ {display:block;}



@media (min-width:1071px){
	.logo_520261_ {padding:0; border-bottom:none;}
	.toggle_520261_ {display:none !important;}
	[id^=farmBox] {display:block !important;}
}

@media (max-width:1300px){
  .logo_520261_ h1 a span{width:150px; height:49px; margin-top:3px;}
}

@media (max-width:1070px){
  .logo_520261_ h1 a{text-align:center;}
  .logo_520261_ h1 a span{width:110px; height:36px; margin-top:11px;}
  #farmToggleLnb{display:block;}
}

@media \0screen{
	.logo_520261_ {padding:0; border-bottom:none;}
	.toggle_520261_ {display:none !important;}
	[id^=farmBox] {display:block !important;}
}

/* ****************** 4칸 레이아웃  ****************** */

  .layout_211381_ {position: relative;clear:both; min-width:320px; margin:0 auto; background:#151a29; color:#fff;}
.layout_211381_ > div {max-width:90%; padding: 50px 5vw; }
.layout_211381_ > div:after {content:''; display:block; clear:both;}
.layout_211381_ > div > [class^=container_] {float:left; position:relative; width:100%;  box-sizing:border-box;}
.layout_211381_ > div > .container_1 {width:14.285714285714%;}
.layout_211381_ > div > .container_2 {width:57.142857142857%;}
.layout_211381_ > div > .container_3 {width:14.285714285714%;}
.layout_211381_ > div > .container_4 {width:14.285714285714%;}

@media (max-width:1023px){
	.layout_211381_ > div > .container_1 { width:28.571428571429%; }
	.layout_211381_ > div > .container_2 { width:114.28571428571%; }
	.layout_211381_ > div > .container_3 { width:28.571428571429%; }
	.layout_211381_ > div > .container_4 { width:28.571428571429%; }
}
@media \0screen{
	.layout_211381_ {min-width:1200px;}
}
@media screen and (max-width: 1570px){  
  .layout_211381_ > div > .container_2 { width: 70%;}
  }  
@media screen and (max-width: 1199px){  
  .layout_211381_ > div > .container_1, .layout_211381_ > div > .container_2, .layout_211381_ > div > .container_3, .layout_211381_ > div > .container_4 { width: 100%;text-align: center;position: inherit;}
  }   

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

.img_211431_ {display:inline-block; overflow:hidden; position:relative; width:180px; max-width:100%; vertical-align:top;}
.img_211431_ * {box-sizing:border-box;}
.img_211431_ a {display:block; text-decoration:none;}
.img_211431_ img {max-width:100%; vertical-align:top;}

/* ****************** 하단 메뉴  ****************** */

.fnb_211421_ ul {margin:0; padding:0; list-style:none; font-size:0; padding:0px 0;}
.fnb_211421_ li {position:relative; display:inline-block; font-size:17px;}
.fnb_211421_ li a {display:block; height:30px; line-height:30px; margin:0; padding:0 .8em;color:#fff; font-size:14px; text-decoration:none; letter-spacing:-1px;}
.fnb_211421_ li a:hover {text-decoration:underline;}
.fnb_211421_ p {height:30px; line-height:30px; margin:0; padding:0 .8em; font-family:Arial; font-size:12px; color:#fff}

@media (max-width: 1200px){
nav.fnb_211421_ {padding: 15px 0 5px;}
nav.fnb_211421_ a{font-size:12px;} 
}

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

.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';}
}

/* ****************** 하단 정보  ****************** */

.footer_info_211441_ {padding:0 10px;}
.footer_info_211441_ ul {margin:0; padding:0; list-style:none; font-size:0;}
.footer_info_211441_ li {position:relative; display:inline-block; padding:0 .6em; font-size:14px; color:#8a8c94; line-height:1.6;}
.footer_info_211441_ li:before {content:''; display:block; position:absolute; left:0; top:50%; width:1px; height:10px; margin-top:-5px; background-color:#bcbcbc; opacity:.5;}
.footer_info_211441_ li:first-child {padding-left:0;}
.footer_info_211441_ li:first-child:before {display:none;}
.footer_info_211441_ li .bizinfo {display:inline-block; margin-left:.8em; padding:0 .5em; border-radius:2px; background:#666; font-size:12px; color:#fff; line-height:20px; text-decoration:none;}
.footer_info_211441_ .copyright li a{color:#888;}

@media (max-width: 1200px){
.footer_info_211441_ li, .footer_info_211441_ li a{font-size:12px;} 
}  

/* ****************** 맞춤형 컨텐츠  ****************** */

.empty_211401_ {text-align:right;}
.empty_211401_ ul{list-style:none; padding-top:0px;}
.empty_211401_ li{display:inline-block; margin:0 5px; margin-top:0px;}
@media screen and (max-width: 1570px){
  .layout_265261_ > div > .container_3{position: initial;}
  .empty_211401_ ul{position: absolute; right: 6%; top: 112px; width:197px;}  
}
@media screen and (max-width: 1200px){
  .empty_211401_{text-align: center;}
  .layout_265261_ > div > .container_3{width:100%;  position: relative;}
  .empty_211401_ ul{right: auto; position: relative; top: 30px;width: 100%;}
  }  

/* ****************** HTML 편집기  ****************** */

.html_211411_ {float: right;}
.html_211411_:after {content:''; display:block; clear:both;}
.footer-site {width:200px; color:#fff; position:relative;}
.footer-site>a {padding:0 20px; display:block; line-height:48px; color:#fff; background:rgba(0,0,0,.2) url(/img_up/shop_pds/gsbest0001/design/img/footer-arrow.png)calc(100% - 20px) center no-repeat; border:1px solid rgba(255,255,255,.2);}
.footer-site ul {border:1px solid #e5e5e5; position:absolute; left:0; bottom:50px; width:100%;display:none;}
.footer-site:hover ul {display:block;}
.footer-site ul li {}
.footer-site ul li+li {border-top:1px solid #e5e5e5;}
.footer-site ul li a {padding:0 20px; background:#fff; display:block; line-height:44px; color:#000; font-size:14px; transition:all var(--ani_time);}
.footer-site ul li a:hover {background-color:#f1f1f1;}
@media screen and (max-width: 1570px){
  .html_211411_{position: absolute; right: 0%;}  
}  
@media screen and (max-width: 1200px){
  .html_211411_{position: inherit; float: none; text-align: left;margin-top: 48px;}
  .footer-site{margin: 0 auto;}
  }  
@media screen and (max-width: 749px){  
  .footer-site {width: 100%;color: #fff;position: absolute; left: 0; right: 0;}
  }  

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

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

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

@media \0screen{
	.layout_376831_ {min-width:1000px;}
}