@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700&display=swap&subset=korean');
@import url('https://fonts.googleapis.com/css?family=Roboto:500&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700'); /* shop 가격 */



/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code, del, dfn, em, font, 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 {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	-webkit-text-size-adjust:none;	
}

em, address {font-style:normal;}
hr {display:none}
/*body {line-height:1.2em; word-break: break-all;}*/
body {line-height:1.5; word-break: break-all;/*background-color:#4d4a48;*/}
ol, ul {list-style:none;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}

ins {text-decoration:none;}
del {text-decoration:line-through;}
table {width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;word-break:break-all;}
table th, table td {vertical-align:middle;}
caption {display:none;}
fieldset {margin:0; padding:0; border:0 none;}
legend {overflow:hidden;width:0;height:0;font-size:0;visibility:visible;}


html, body {font-size:14px; color:#666; font-family:'Noto Sans KR', sans-serif; }


a {color:#666; text-decoration:none;}
a:hover {color:#666; text-decoration:none;}
img,input,button {vertical-align:top;}
label {vertical-align:middle;}
select, input {margin:0; padding:0; vertical-align:middle;}
/*textarea {border:1px solid #dcdcdc; color:#666; font-size:13px; line-height:18px; padding:5px; overflow-y:auto; resize:none;}*/
textarea {width:100%; padding:10px; border:1px solid #e5e5e5; color:#666; box-sizing:border-box;}
button{padding:0}


/*input[type=file] {line-height:26px; height:26px; background:#fff;}*/

input[type="text"],
input[type="password"],
input[type="file"],
select {line-height:32px; height:34px; text-align:left; border:1px solid #ebebeb; padding:0 10px; color:#666;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /*text-indent: 0.01px;*/
    text-overflow: '';
	zoom:1}
input[type="text"],input[type="image"]{
	-webkit-border-radius:0;
	-moz-border-radius: 0;
	border-radius:0;	
}
input[type="radio"] {width:15px; height:15px; margin-right:5px; vertical-align:middle;}
input[type="checkbox"] {width:15px; height:15px; margin-right:5px; vertical-align:middle;}




select {padding:0 0 0 5px; border:1px solid #dcdcdc;}
.radio, .checkbox {height:13px; width:13px; margin:2px 5px 2px 0; padding:0; vertical-align:middle;} 

/* html5 reset */
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block}







/* 팝업레이어 */
#hd_pop {z-index:1000;position: relative; margin:0 auto; width:100%; height:0px;}
#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.hd_pops {position:absolute; top:100px; left:7%; width:86%; max-width:380px; border:0px solid #e9e9e9; background:#fff;}
.hd_pops_con {width:100% !important; height:auto !important; font-size:0;}
.hd_pops_con img {width:100%;}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

/* 상단 레이아웃 */
#hd {position:relative; /* overflow:hidden;*/ height:90px; border-bottom:1px solid #e8e8e8;}
#hd h1 {position:absolute; font-size:0; text-indent:-9999em; line-height:0; overflow:hidden}


#logo {position:absolute; top:15px; left:25px;}
#logo img {width:132px;}

/* category 안 검색
#hd_sch {position:relative; overflow:hidden; width:100%;  background:#e6e6e6;text-align:center;}
#hd_sch h2 {display:none}
#hd_sch .sch_inner {padding:20px 0;position:relative; display:inline-block; }
#hd_sch .sch_inner h2{position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#hd_sch .frm_input {width:220px; height:35px;border-color:#c2c2c2;background:#fff;line-height:30px;text-indent:5px;}
#hd_sch .btn_submit {position:absolute; top:27px; right:10px; width:21px; height:21px; background:none; padding:0;}
#hd_sch .pop_close {margin-left:10px; text-align:center;padding:7px;border:0;background:#626870;color:#fff;}
*/

/* 상단 cart icon 
#hd_cart {position:absolute; top:35px; right:15px; background-image: url("../mobile/shop/img/ico_cart.png"); background-repeat:no-repeat; background-size:100%; width:27px; height:27px;}
#hd_cart span {position:absolute; right:22px; top:-5px; display:block; text-align:center; font-size:10px; line-height:16px; 
width:16px; height:16px;-webkit-border-radius:50%;-moz-border-radius:50%; border-radius:50%; font-weight:bold; color:#fff; background:#ed1c24;}
*/
/*#hd_ct {position:absolute; top:28px; left:10px; width:30px; height:30px; border:0; background:url(../mobile/shop/img/cate.gif) no-repeat 50% 50%;color:#fff;font-size:1em;text-indent:-9999px;-webkit-appearance:none;}*/

#hd_ct {position:absolute; top:29px; right:67px; width:35px; height:34px; border:1px solid #cecfd0; background:#fff; border-radius:5px;}
#hd_ct:before,
#hd_ct:after {position:absolute; top:8px; left:6px; content:''; width:21px; height:12px; border-top:2px solid rgba(0, 0, 0, 0.5); border-bottom:2px solid rgba(0, 0, 0, 0.5)}
#hd_ct:after {top:15px; width:21px; height:0;border-bottom:none;}
#hd_ct {text-indent:-9999px;}



/* top search */
.search {position:absolute; top:29px; right:25px; width:35px; height:34px; border:1px solid #cecfd0; background:#fff; border-radius:5px; text-align:center;}
.search .title {display:none;}
.search a {display:inline-block; margin-top:0px; width:33px; height:32px; background:url("../images/common/ico_h_search.png") no-repeat center center; background-size:70%;}
.search a:hover {text-decoration:none; border:none;}

.topSearch {display:none; position:absolute; top:90px; left:0; width:100%; background-color:rgba(54,137,50,1); height:130px; z-index:199;}
.topSearchArea {position:relative; width:100%; margin:0 auto; padding-top:35px;}
.topSearchArea .inputArea {width:70%; margin:0 auto; border-bottom:1px solid rgba(255,255,255,0.6); height:50px;}
.topSearchArea .inputArea input {float:left; width:calc(100% - 40px); background:transparent; border:0px; height:50px; line-height:50px; font-size:20px; color:#fff; font-weight:300;}
.topSearchArea .inputArea input[type="text"] {color:#fff;}
.topSearchArea .inputArea .btnSearch {display:block; float:left; margin-top:9px; width:33px; height:31px; background:url("../images/common/btn_search.png") no-repeat left bottom; overflow:hidden; background-size:cover;}
.topSearchArea .btnSearchClose {display:block; position:absolute; top:65%; right:30px; width:26px; height:25px; background:url("../images/common/btn_search_close.png") no-repeat left bottom; overflow:hidden;}

.topSearch input::-webkit-input-placeholder {color:rgba(255,255,255,0.6) !important;} 
.topSearch input:-moz-placeholder { /* Firefox 18- */color:rgba(255,255,255,0.6) !important;}
.topSearch input::-moz-placeholder {  /* Firefox 19+ */color:rgba(255,255,255,0.6) !important;} 
.topSearch input:-ms-input-placeholder {color:rgba(255,255,255,0.6) !important;}



.cate_tnb {position:relative; overflow:hidden; padding:10px 0 11px; background:#444; font-size:0;}
.cate_tnb a {display:inline-block; margin:5px; padding:3px 15px; border-radius:15px; border:1px solid #777; font-size:13px; color:#fff;}
.cate_tnb > a.bg {background:#368932; border:1px solid #368932;}

.cate_lnb {position:relative; display:block; text-align:left;}
.cate_lnb>li {position:relative; border-bottom:1px dotted rgba(0, 0, 0, 0.2); }
.cate_lnb>li.on {} 
.cate_lnb>li:before {display:block; position:absolute; content:''; right:25px; top:1.6em; width:10px; height:10px; background:url("../mobile/shop/img/btn_arrDown.png") left top no-repeat; }
.cate_lnb>li.on:before {background-image:url("../mobile/shop/img/btn_arrUp.png");}
.cate_lnb>li.no_sub {}
.cate_lnb>li>a {display:block; padding:14px 0 14px 20px; font-size:1.2em; color:#444;} 

.cate_lnb>li>ul {display:none;}
.cate_lnb>li>ul li {position:relative; background:#efefef;}
.cate_lnb>li>ul li a {display:block; padding:12px 0 11px 30px; border-top:1px solid #fff; font-size:1em;}
.cate_lnb>li>ul li a:hover {}



/* 바로가기 메뉴
#hd_mb {position:relative; border-top:1px solid #666; border-bottom:1px solid #666;}
#hd_mb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_mb li{float:left;width:25%;}
#hd_mb li a{display:block;background:#fff; color:#333; height:38px; line-height:39px; font-size:13px; border-left:1px solid #dcdcdc;font-weight:normal;}
#hd_mb li a:hover{}
#hd_mb li:first-child a{border-left:none}
*/

/*카테고리*/
#category {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0,0.6);z-index:99999;
-moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;  -webkit-backface-visibility: hidden;}
#category .ct_wr{width:250px;height:100%;overflow-y:auto;background:#fff;}

#category .pop_close{position:absolute;top:10px; left:260px;width:30px; height:30px; background:url("../mobile/shop/img/close.png") no-repeat 50% 50%;border:none;text-indent:-99999px}
#category .ct_wr h2 {position:relative; padding:13px 0 10px; font-size:1.4em; border-bottom:1px solid #333; font-weight:normal;}



/* 내용관리 */
#ctt {margin:10px 0;padding:10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.ctt_admin {margin:0 5px;text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0}
.ctt_img {text-align:center}




/* ----------------------------------------------------------------- */
/* footer */
/* ----------------------------------------------------------------- */


 /* footer */
#footer {position:relative; width:100%; height:100%; padding:28px 0 30px; background:#444444; }

.footer_wrap {position:relative; width:94%; height:100%; margin:0 auto; line-height:19px; font-size:0.833em; color:#ccc; font-family:"Noto Sans KR", sans-serif;}
.footer_wrap .util {display:table; overflow:hidden; margin:0 auto;}
.footer_wrap .util .menu {float:left; margin-left:0px}
.footer_wrap .util .menu:after {display:block;content:"";clear:both}
.footer_wrap .util .menu li {float:left;}
.footer_wrap .util .menu li a {display:block; margin-right:20px; font-size:13px; color:#fff; letter-spacing:-0.45px;}
.footer_wrap .util .menu li a strong {font-weight:normal;}
.footer_wrap .util .menu li:first-child a{padding:0 0 0 0; border-left:none;}
.footer_wrap .util .menu li a:hover{text-decoration:none; color:#fff;}

/*.footer_wrap .logo_footer {float:left; width:196px; }*/
.footer_wrap .add {position:relative; overflow:hidden;  width:100%; margin-top:12px; text-align:center;}
.footer_wrap .add span.sline {color:#888; margin:0 6px}
.footer_wrap .add em {color:#fff; }
.footer_wrap  a em {color:#fff; background:#999; padding:2px 4px}
.footer_wrap  a {color:#ccc}
.footer_wrap .copy {color:#999; margin-top:5px;}
/*.footer_wrap .guarantee  {position:relative; margin:10px 0; }*/
.footer_wrap a.webntec {color:#888;}
.footer_wrap a.webntec span {color:#409bdb;}

/*
.footer_wrap .footer-kcp {float:right; display:table-cell; position:relative; font-size:12px; color:#888; padding:0 68px 0 0; line-height:20px;}
.footer_wrap .footer-kcp strong {color:#d76934; font-weight:normal; display:block;}
.footer_wrap .footer-kcp .mark {position:absolute; top:3px; right:0;}*/


.footer_family_wrap {position:relative; /* overflow:hidden;*/ margin:20px auto 0; width:237px; height:36px; background-color:#555;}
.footer_family_wrap a.footer_family_btn {font-size:14px; line-height:36px; letter-spacing:-0.45px; color: #ffffff; padding-left:20px; display:block; background: url("../images/common/footer_s_more.png") no-repeat right 16px center;}
.footer_family_wrap a.footer_family_btn.on {background: url("../images/common/footer_s_less.png") no-repeat right 16px center;}
.footer_family_ul {display:none; position:absolute;	bottom:36px; left:0; width:237px; box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.1); background-color:#555; padding:15px 0;}
.footer_family_ul li {padding-left:20px;}
.footer_family_ul li a {opacity:0.5; font-size:13px; font-style:normal; font-stretch:normal; line-height:30px; letter-spacing:-0.45px; color:#ffffff;}
.footer_family_ul li a:hover {opacity: 1;}





/* ----------------------------------------------------------------- */
/* common */
/* ----------------------------------------------------------------- */



select {height:32px; line-height:30px; border:1px solid #dcdcdc; background:#fff;}




#container {position:relative; width:100%;}
#container:after {display:block; clear:both; content:'';}


.blind {position:absolute !important;left:-9999em;width:0;height:0;margin:0;padding:0;text-indent:-9999em;overflow:hidden;font-size:0;line-height:0;}

* {-webkit-box-sizing: border-box;-moz-box-sizing:border-box; box-sizing: border-box}
.inbox {border-radius:15px;}

.inner {position:relative; width:94%; margin:0 auto;}


.pc_ver {display:none;}
.m_ver {}


/* ----------------------------------------------------------------- */
/* main */
/* ----------------------------------------------------------------- */

/* bx 슬라이더 공통  */
div[data-banner="bxslider"] {position:relative; overflow:hidden;}
div[data-banner="bxslider"] .bx-controls {text-align:center; z-index:100;}
div[data-banner="bxslider"] .bx-controls > .bx-controls-direction,
div[data-banner="bxslider"] .bx-controls > .bx-controls-auto,
div[data-banner="bxslider"] .bx-controls > .bx-controls-auto > .bx-controls-auto-item,
div[data-banner="bxslider"] .bx-controls > .bx-pager,
div[data-banner="bxslider"] .bx-controls > .bx-pager > .bx-pager-item {display:inline-block;}


/* 메인이미지 */
.main_visual {position:relative; overflow:hidden; }
.main_visual .slide li {position:relative; height:380px;}
.main_visual .slide li.m1 {background:url("../images/main/img_01.jpg") no-repeat center top; background-size:cover; }
.main_visual .slide li.m2 {background:url("../images/main/img_03.jpg") no-repeat center top; background-size:cover; }
.main_visual .slide li.m3 {background:url("../images/main/img_02.jpg") no-repeat center top; background-size:cover; }

.main_visual .slide_title {position:absolute; top:35%; left:5%; margin-left:0;/* text-align:center;*/ color:#fff;}
.main_visual .slide_title .en {display:block; font-size:20px; line-height:20px; color:rgba(255,255,255,0.6);}
.main_visual .slide_title .kr {display:block; font-size:22px; line-height:30px; font-family:'Noto Sans KR', sans-serif; font-weight:300; letter-spacing:-1px;}
.main_visual .slide_title .kr span {display:block; font-size:40px; line-height:55px; font-weight:500;}
.main_visual .slide_title .desc {margin-top:20px; font-size:18px; color:#fff;}


.main_visual .bx-wrapper {margin:0 auto;}
.main_visual .bx-wrapper .bx-viewport {overflow:visible !important;}
.main_visual .bx-controls {position:absolute; bottom:20px; width:100%; /*top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%);*/}

.main_visual .bx-pager-item > a {position:relative; overflow:hidden; display:inline-block; width:24px; height:24px; padding:0; vertical-align:top; font-size:0; color:rgba(0,0,0,1); }
.main_visual .bx-pager-item > a:before {content:''; display:block; position:absolute; left:6px; top:6px; border:1px solid #fff; border-radius:50%; width:10px; height:10px;}
.main_visual .bx-pager-item > a.active:before {border-color:#fff; background-color:#fff; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}



 /* 메인 타이틀 */
.main .main_title {position:relative; overflow:hidden; margin:0px 0 50px; text-align:center;}
.main .main_title:first-child {margin:0 0 50px;}
.main h3 {font-size:38px; color:#404040; font-family:'Noto Sans KR'; font-weight:500; letter-spacing:-0.45px; /*text-transform:uppercase;*/ }
.main .h_desc {font-size:15px; font-family:"NanumGothicBold", sans-serif; color:#444;}



/* 새로운소식 */
.press_wrap {position:relative; overflow:hidden; padding:35px 0; background:#efebe6;}
.press_wrap h5 {font-family:'Noto Sans KR', sans-serif; color:#444; font-weight:400;}
.press_wrap .more .ic {display:inline-block; position:absolute; right:0; top:50%; width:11px; height:11px; margin:-5.5px; background:url("../images/main/btn_more.png") no-repeat center center; vertical-align:middle;}

.bbsArea {float:left; position:relative; overflow:hidden; width:100%; height:270px; border:1px solid #d9d9d9; background:#fff;}
.bbsArea:after {content:""; display:block; position:absolute; top:0; left:0; width:100%; height:50px; border-bottom:1px solid #d7d7d7; background:#f4f4f4;}

.bbsArea .tab {position:absolute; left:0; right:0; top:0; width:18%; height:50px; margin:-1px 0 0 -1px; border:1px solid #d7d7d7; background:#f4f4f4; z-index:10; box-sizing:content-box;}
.bbsArea .tab:nth-of-type(1){left:0%;}
.bbsArea .tab:nth-of-type(2){left:18%;}
.bbsArea .tab:nth-of-type(3){left:36%;}
.bbsArea .tab:nth-of-type(4){left:54%; visibility:hidden;}
.bbsArea .tab > a {display:block; color:#444; font-size:14px; letter-spacing:-0.45px; text-align:center; line-height:50px;}
.bbsArea .tab > a:hover,
.bbsArea .tab > a:focus {text-decoration:none;}
.bbsArea .tab.on {background:#fff; border-bottom:1px solid #fff;}
.bbsArea .tab.on > a { font-size:15px; }
/*.bbsArea .tab.on > a:before{content:''; float:left; position:absolute; left:50%; bottom:0; width:0; height:0;
	margin:-9px -8px; border:8px solid transparent; border-top-color:#80bd01; border-bottom:0;overflow:hidden; text-indent:100%;}
.bbsArea .tab.on>a:after {content:''; display:block; position:absolute; left:0; right:0; bottom:0;	height:0; margin:0 0 -1px; border-bottom:2px solid #80bd01;}*/

.bbsArea .cont {display:none; position:relative; margin:50px 0 0 0;}
.bbsArea .cont.on {display: block;}
.bbsArea .cont .w {position:relative; overflow:hidden; padding:32px;}
.bbsArea .lst {position:relative; overflow:hidden;}
.bbsArea .lst li {line-height:26px;}
.bbsArea .lst li a {display:block; position:relative; overflow:hidden; padding:2px 0 2px 10px; color:#555; font-size:15px; cursor:pointer;}
.bbsArea .lst li .tit {float:left; position:relative; width:calc(100% - 120px); text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
.bbsArea .lst li .date {float:left; width:100px; margin:0 0 0 20px; text-align:right; font-size:15px; color:#666;}
.bbsArea .lst li a:hover .tit,
.bbsArea .lst li a:focus .tit {text-decoration:underline;}
.bbsArea .lst li a:after {content:""; display:block; position:absolute; top:14px; left:0px; width:3px; height:3px; background:#777;}
/* more */
.bbsArea .more {position:absolute; right:30px; top:-35px; padding-right:11px; color:#777; z-index:15;}
.bbsArea .more span {}


/* 홍보자료 */
.pressArea {float:left; position:relative; overflow:hidden; margin-top:15px; width:55%; height:230px; border:1px solid #d9d9d9; background:#fff;}
.pressArea h5 {margin:17px 32px 0; font-size:20px; letter-spacing:-0.45px;}

.pressArea .w {position:relative; overflow:hidden; padding:23px 32px;}
.pressArea .w .ic {display:none; float:left; overflow:hidden; width:120px; height:120px; margin:0 30px 0 10px; background:url("../images/main/ico_press.png") no-repeat center center; /*background-size:contain;*/ text-indent:-9999px; vertical-align:middle;}

.pressArea .lst {float:left; position:relative; overflow:hidden; width:100%; }
.pressArea .lst li {line-height:26px;}
.pressArea .lst li a {display:block; position:relative; overflow:hidden; padding:2px 0 2px 10px; color:#555; font-size:15px; cursor:pointer; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
.pressArea .lst li .tit {position:relative;}
.pressArea .lst li a:hover .tit,
.pressArea .lst li a:focus .tit {text-decoration:underline;}
.pressArea .lst li a:after {content:""; display:block; position:absolute; top:14px; left:0px; width:3px; height:3px; background:#777;}
/* more */
.pressArea .more {position:absolute; right:30px; top:20px; padding-right:11px; color:#777;}
.pressArea .more span {}

/* new */
.bbsArea .new, .pressArea .new {display:inline-block; margin:-3px 0 0 5px; width:19px; height:19px; background:url("../images/main/ico_new.png") no-repeat center center; background-size:contain; text-indent:-9999px; vertical-align:middle;}





/* 팝업존 */
.quickArea {float:right; width:calc(45% - 15px); margin-top:15px;}

.popup_zone {display:none;}

/* 퀵 */
.quick {float:right; width:100%; border:1px solid #d9d9d9; background:#fff; overflow:hidden; line-height:1.5;}
.quick ul {position:relative; overflow:hidden; height:229px; margin:-1px 0 0 -1px;	font-size:0; text-align:center;} 
.quick li {display:inline-block; width:50%; height:100%; vertical-align:top;}
.quick li a {display:table; width:100%; height:100%; border-top:1px solid #e7e7e7; border-left:1px solid #e7e7e7; color:#333; font-size:15px; overflow:hidden;}
.quick li .w {display:table-cell; height:100%; vertical-align:middle;}
.quick li .ic {display:block; width:80px; height:80px; margin:0 auto; background:url() no-repeat center center; background-size:contain; vertical-align:middle;}
.quick li .tit {display:block; margin-top:10px; height:42px; /* vertical-align:middle;*/ font-size:16px; letter-spacing:-0.45px;}
.quick li.m1 .ic {background-image:url("../images/main/ico_q01.png"); background-size:cover;}
.quick li.m2 .ic {background-image:url("../images/main/ico_q02.png"); background-size:cover;}

.quick li .btn {display:inline-block; padding:0 20px; border-radius:15px; font-size:13px; color:#fff; line-height:27px; background:#999; -webkit-transition:background 0.4s; transition:background 0.4s;}
.quick li a:hover .btn {color:#fff; background:#368932;}



/* 마늘제품 바로가기 */
.link_wrap {position:relative; overflow:hidden; padding:50px 0;}

.shopArea {position:relative; height:300px;}
.shopArea .img_zone {float:right; position:relative; width:35%; }
.shopArea .list_zone {float:left; position:relative; width:calc(65% - 9px);}
.shopArea .img_zone img {position:absolute; top:0px; left:0px; width:135%}

.list_zone h4 {display:block; margin-left:5px; font-size:26px; color:#404040; font-family:'Noto Sans KR'; font-weight:500; letter-spacing:-0.45px;}
.qlink {position:relative; overflow:hidden; margin:20px 0 0 -32px; text-align:left;}
.qlink li {float:left; width:50%;}
.qlink a {display:block; position:relative; margin-left:35px; padding-left:28px; border-bottom:1px solid #e1e1e1; font-size:15px; font-family:'Noto Sans KR', sans-serif; color:#505050; line-height:39px; transition:color 0.3s;}
.qlink a:after {position:absolute; top:50%; left:4px; width:18px; height:18px; margin-top:-9px; border-radius:50%; background:#555 url("../images/main/bul_qlink_arrow.png") no-repeat ; content:''; transition:background 0.3s;}
.qlink a:hover {color:#368932;}
.qlink a:hover:after {background-color:#368932;}

.banner_zone {position:relative; overflow:hidden; margin:15px 0 0 -15px;}
.banner_zone li {float:left; position:relative; width:calc(50% - 15px);  height:135px; margin:15px 0 0 15px; background:#fff;}
.banner_zone li .w {display:table-cell; height:100%; /*vertical-align:middle;*/}
.banner_zone li a {display:table; width:100%; height:100%; padding:23px 25px 0 25px; border:1px solid #d8d8d8; overflow:hidden;}
.banner_zone li a h4 {font-size:20px; font-family:'Noto Sans KR', sans-serif; font-weight:500; letter-spacing:-0.45px; color:#333; line-height:1.5}
.banner_zone li a .desc {height:70px; margin-top:8px; color:#838383; font-size:15px; line-height:21px}
.banner_zone li a .desc span {display:block;}
.banner_zone li .ic {position:absolute; right:20px; top:30px; width:80px; height:80px; background:no-repeat center center;}
/*.banner_zone li:nth-child(even) a {background:#f5f3f0;} */
.banner_zone li:nth-child(1) a {background:#f5f3f0;} 
.banner_zone li:nth-child(4) a {background:#f5f3f0;} 

.banner_zone li.bg1 .ic {background:url("../images/main/ban_01.png") no-repeat; background-size:cover;}
.banner_zone li.bg2 .ic {background:url("../images/main/ban_02.png") no-repeat; background-size:cover;}
.banner_zone li.bg3 .ic {background:url("../images/main/ban_03.png") no-repeat; background-size:cover;}
.banner_zone li.bg4 .ic {background:url("../images/main/ban_04.png") no-repeat; background-size:cover;}
.banner_zone li a:hover h3 {text-decoration:underline;}
.banner_zone li .btn {display:none; padding:0 20px; border-radius:15px; font-size:14px; color:#fff; line-height:27px; background:#666; -webkit-transition:background 0.4s; transition:background 0.4s;}
.banner_zone li a:hover .btn {color:#fff; background:#368932;}




@media (max-width:680px){ /* mobile */

	
	#logo {left:15px;}
	#hd_ct {right:57px;}
	
	
	/* top search */
	.search {right:15px;}
	.topSearchArea .btnSearchClose {right:25px;}

	

	.inner {width:94%;}
	.inbox {border-radius:13px;}

	/* 메인이미지 */
	.main_visual .slide li {height:340px;}

	.main_visual .slide_title .kr {font-size:18px; line-height:26px;}
	.main_visual .slide_title .kr span {font-size:32px; line-height:50px;}



	/* 새로운소식 */
	.press_wrap {padding:30px 0;}

	.bbsArea {height:255px;}
	.bbsArea .tab {width:19%;}
	.bbsArea .tab:nth-of-type(1){left:0%;}
	.bbsArea .tab:nth-of-type(2){left:19%;}
	.bbsArea .tab:nth-of-type(3){left:38%;}
	.bbsArea .tab:nth-of-type(4){left:57%; visibility:visible;}

	.bbsArea .tab > a span {display:none;}
	.bbsArea .cont .w {padding:30px;}


	/* 홍보자료 */
	.pressArea {display:none;}
	.pressArea .w {padding:23px 30px;}
	



	/* 팝업존 */
	.quickArea {width:100%; margin-top:12px;}

	.popup_zone {display:none;}


	/* 퀵 */
	.quick {}
	.quick ul {height:auto; font-size:0; text-align:left;} 
	.quick li {}
	.quick li a {position:relative; padding:19px 20px;}
	.quick li .w {vertical-align:top;}
	.quick li .ic {display:inline-block;}
	.quick li .tit {display:inline-block; margin-top:10px; margin-left:10px; font-size:18px; height:42px; vertical-align:top;}
	
	.quick li .btn {position:absolute; bottom:25px; left:110px; padding:0 15px; }






	/* 마늘제품 바로가기 */
	.link_wrap {position:relative; overflow:hidden; padding:40px 0;}

	.shopArea {position:relative; height:300px;}
	.shopArea .img_zone {width:30%; }
	.shopArea .list_zone { width:calc(70% - 9px);}
	.shopArea .img_zone img {left:-20px; width:160%}

	.list_zone h4 {font-size:24px;}
	.qlink a {padding-left:26px;}
	.qlink a:after {position:absolute; top:50%; left:4px; width:16px; height:16px; margin-top:-8px; border-radius:50%; background:#555 url("../images/main/bul_qlink_arrow.png") no-repeat; background-size:cover;}

	.quick li a:hover .btn {}
	
	

	.banner_zone {margin:0 0 0 -12px;}
	.banner_zone li {width:calc(50% - 12px);  height:auto; margin:12px 0 0 12px;}
	.banner_zone li .w {}
	.banner_zone li a {padding:23px 25px 23px 25px; }
	.banner_zone li a h4 {font-size:18px;}
	.banner_zone li a .desc {height:auto; font-size:14px; line-height:21px; letter-spacing:-0.45px;}
	.banner_zone li .ic {width:70px; height:70px;}




}


@media (max-width:430px){  /* mobile 세로 */

	.footer_wrap {width:92%; line-height:18px;} 
	.footer_wrap .util {margin:0;}	
	.footer_wrap .add {text-align:left;}
	.footer_wrap .copy .pni{display:block;}
	.footer_family_wrap {margin:20px 0 0; width:200px;}
	.footer_family_ul {width:200px;}

	/* top search */
	.topSearch {height:120px;}
	.topSearchArea .inputArea {width:75%; margin:0 0 0 20px; height:42px;}
	.topSearchArea .inputArea input {height:42px; line-height:42px; font-size:18px;}
	.topSearchArea .inputArea .btnSearch {margin-top:7px; width:29px; height:27px;}
	.topSearchArea .btnSearchClose {width:24px; height:23px; background-size:cover;}




	.inner {width:92%;}
	.inbox {border-radius:10px;}
	
	/* 메인이미지 */

	.main_visual .slide li {height:240px;}

	.main_visual .slide_title {top:30%;}
	.main_visual .slide_title .kr {font-size:15px; line-height:20px;}
	.main_visual .slide_title .kr span {font-size:24px; line-height:36px;}

	.main_visual .bx-controls {display:none;}




	/* 새로운소식 */
	.press_wrap {padding:25px 0;}
	.press_wrap .more .ic {width:23px; height:23px; margin:-11.5px;}
	.bbsArea:after {height:46px;}
	.bbsArea {height:250px;}

	.bbsArea .tab {width:27%; height:46px;}
	.bbsArea .tab:nth-of-type(1){left:0%;}
	.bbsArea .tab:nth-of-type(2){left:27%;}
	.bbsArea .tab:nth-of-type(3){left:54%;}
	.bbsArea .tab:nth-of-type(4){left:81%; display:none;}
	.bbsArea .tab > a {line-height:46px;}
	
	.bbsArea .cont {margin:46px 0 0 0;}
	.bbsArea .cont .w {padding:20px 20px;}
	.bbsArea .lst li .date {display:none;} 
	.bbsArea .lst li .tit {width:100%;}
	/* more */
	.bbsArea .more {right:23px; top:-23px;}
	.bbsArea .more span {display:none;}

		
		

	/* 홍보자료 */
	.pressArea {display:block; margin-top:12px; width:100%; height:212px; }
	.pressArea h5 {margin:17px 20px 0; font-size:18px;}

	.pressArea .w {padding:15px 20px;}
	/* more */
	.pressArea .more {position:absolute; right:23px; top:26px; padding-right:0px; color:#777;}
	.pressArea .more span {display:none;}





	/* 퀵 */	
	.quick ul {height:190px; text-align:center;} 
	.quick li .ic {display:block; width:70px; height:70px; margin:0 auto; background:url() no-repeat center center; background-size:contain; vertical-align:middle;}
	.quick li .tit {display:block; margin-top:5px;  margin-left:0; height:36px; /* vertical-align:middle;*/ font-size:17px; letter-spacing:-0.45px;}

	.quick li .btn {position:relative; left:0; top:0; display:inline-block; padding:0 20px;}



	/* 마늘제품 바로가기 */
	.link_wrap {padding:35px 0;}

	.shopArea {position:relative; overflow:hidden; height:auto; margin-bottom:30px;}
	.shopArea .img_zone {display:none; }
	.shopArea .list_zone {width:calc(100% - 3px);}


	.list_zone h4 {margin-left:0; font-size:24px; text-align:center;}

	.qlink {margin:20px 0 0 -22px; }
	.qlink a {margin-left:25px;}


	.banner_zone {margin:0;}
	.banner_zone li {width:calc(100%);  height:auto; margin:12px 0 0 0;}
	.banner_zone li .w {}
	.banner_zone li a {padding:20px 23px 23px 23px; }
	.banner_zone li a h4 {font-size:18px;}
	.banner_zone li a .desc {height:auto; margin-top:5px; font-size:14px; line-height:21px; letter-spacing:-0.45px;}
	.banner_zone li a .desc span {display:inline-block;}
	.banner_zone li .ic {right:16px; top:15px; width:70px; height:70px;}


	.banner_zone li:nth-child(even) a {background:#fff;} 
	.banner_zone li:nth-child(1) a {background:#f5f3f0;} 
	.banner_zone li:nth-child(3) a {background:#f5f3f0;} 




}


@media (max-width:410px){  /* mobile 세로 */

	.banner_zone li a .desc span {display:block;}
}



/* ----------------------------------------------------------------- */
/* sub */
/* ----------------------------------------------------------------- */


.location_wrap {position:relative; width:100%; height:43px; color:#fff; background-color:#409bdb; /* border-bottom:1px solid #e3e3e3; background:#f2f2f2;*/}
.locationArea {position:relative; width:100%; margin:0 auto; }
.locationArea .location {float:left; font-size:13px; letter-spacing:0px; }
.locationArea .location > li.home a {display:block; width:46px; height:43px; background:url("../images/common/ico_home.png") no-repeat 15px 50%; text-indent:-99999px;}
.locationArea .location > li {float:left; position:relative; border-left:1px solid #8cc3e9; border-right:1px solid #8cc3e9; margin-left:-1px; }
/*.locationArea .location > li:after {content:""; position:absolute; right:0px; top:0px; width:1px; height:45px; background:#e3e3e3; z-index:1}*/
.locationArea .location > li:first-child {margin-left:0px;}
.locationArea .location > li.locationLink > a {display:block; padding:0 40px 0 15px; min-width:165px; line-height:43px; color:#fff;}
.locationArea .location > li.locationLink > a {background:url("../images/common/bul_arr_loc.png") no-repeat right 17px; background-size:26px;}
.locationArea .location > li.locationLink.on > a {background:url("../images/common/bul_arr_loc_on.png") no-repeat right 17px; background-size:26px}
.locationArea .location > li.locationLink .selectMenu {position: absolute; left:-1px; top:43px; width:100%; border:1px solid #e7e7e7; border-top:0;
background:#fff; /*-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; */ box-sizing:content-box; display:none; z-index:1}
.locationArea .location > li.locationLink .selectMenu.open {display:block;}	
.locationArea .location > li.locationLink .selectMenu li {background:#fff;}
.locationArea .location > li.locationLink .selectMenu li a {display:block; padding:0 0 0 15px;  border-top:1px solid #e7e7e7; color:#777; text-decoration:none; line-height:35px; font-size:13px;}
.locationArea .location > li.locationLink .selectMenu li a:hover,
.locationArea .location > li.locationLink .selectMenu li a:focus {background:#f9f9f9;}
.locationArea .location > li.locationLink .selectMenu li.on a {color:#777;}

.locationArea .location > li.locationLink.dep3 {background:#0975c1;}


/* tab */
.tab_wrap {position:relative; overflow:hidden; margin-bottom:30px;}
.tabList {}
.tabList li {float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-left:-1px;}
.tabList li:first-child {margin-left:0;}
.tabList li.on {z-index:1}
.tabList li a {position:relative; display:block; line-height:46px; text-align:center; border:1px solid #ccc; color:#444; font-size:15px;}
.tabList li.on a, .tabList li.on a:hover, .tabList li.on a:focus {background:#073763; color:#fff; border:1px solid #073763; text-decoration:none;}
.tabList li a:hover, .tabList li a:focus {/*background:#4e5161; color:#fff; border:1px solid #4e5161; */text-decoration:none;}

/*.tabList.small > li {width:auto !important;}*/
.tab_wrap.item2 li {width:30%}

.tab_wrap.item3 li {width:33%}
.tab_wrap.item3 li:first-child{ width:34%}
.tab_wrap.item4 li {width:25%}
.tab_wrap.item4 li:nth-child(odd){width:26%}
.tab_wrap.item5 li {width:20%}
.tabContent {display:none;}
.tabContent.on {display:block;}

/* list */
.dot_list li {position:relative; margin-bottom:2px; padding-left:10px;}
.dot_list li:after {content:""; display:block; position:absolute; top:11px; left:0px; width:3px; height:3px; background:#848484;}
.dot_list li span {}
.dot_list li em {color:#c05b1e;}


.bullet_list li {position:relative; padding-left:12px; margin-bottom:2px;}
.bullet_list li:before {content: "-"; position:absolute; left:0; top:-1px;}

.default_list {margin:12px 0 0 3px;}
.default_list li {}



/* 기본 테이블 */
.tList01 {width:100%; border-top:1px solid #333;  border-collapse:separate; border-spacing:0; text-indent:0;}
.tList01 tr th {padding:9px 9px; background:#e9ebee; text-align:center; vertical-align:middle; font-size:0.83em; font-weight:400; color:#555; border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9;}
.tList01 tr td {padding:9px 9px; text-align:center; vertical-align:middle; border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9;  font-size:0.83em; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.tList01 tr th.first, .tList01 tr td.first {border-left:0;}
.tList01 tr td.tLeft {text-align:left;}
.tList01 tr td a:hover { text-decoration:underline;}
.tList01 col.no {width:10%;}
.tList01 .bg {background:#f5f5f5;}
.tList01 tr.fw td, .tList01 .fw {background:#edf3f9;}
.tList01 tr.ss td, .tList01 .ss {background:#f8e6e6;}

/* 가로 : 주요사업 */
.tList02 {width:100%; border-top:1px solid #333; border-collapse:separate; border-spacing:0; text-indent:0;}
.tList02 tr th {background:#f5f5f5; padding:9px 15px; font-size:0.83em; text-align:center; vertical-align:middle; font-weight:normal; color:#555; border-bottom:1px solid #d9d9d9;}
.tList02 tr td {position:relative; padding:9px 15px; font-size:0.83em; text-align:left; vertical-align:middle; border-bottom:1px solid #d9d9d9;}
.tList02 tr th.first, .tList02 tr td.first {border-left:0;}
.tList02 tr td span {float:right;}

table col.space_01 {width:20%} 
table col.space_02 {width:20%}
table col.space_03 {width:25%}
table col.space_04 {width:30%} 
table col.space_05 {width:35%}

.fisis_date {text-align:right; margin-bottom:10px; font-size:14px;}

.sub_wrap {overflow:hidden; letter-spacing:-0.025em;} 

/*
.aside {float:left; width:230px;}
.aside  h2 {padding-left:0px; font-size:26px; color:#171616; line-height:80px; font-weight:500; letter-spacing:-1px;}

.lnb li {position:relative;}
.lnb li:before {position:absolute; bottom:0; left:0; width:100%; height:0px; background:#f6f6f6; content:'';}
.lnb li a {display:block; padding-left:10px; font-size:15px; color:#0d0c0c; line-height:36px;}
.lnb li a:before {content:'';position:absolute;top:50%;left:0;width:2px;height:2px;margin-top:-1px;background-color:#888}

.lnb li:first-child {background:none}
.lnb li a:hover {color:#292929;}
.lnb li a.on {color:#108ad3;}
*/


.sub_title {position:relative; overflow:hidden; height:80px; border-bottom:1px solid #c9c9c9; background:#fcfcfc; }
.sub_title .inner {background:url("../images/common/bg_sub.png") no-repeat center center; background-size:cover;}
.sub_title h3 {display:block; position:relative; font-size:30px; line-height:80px; color:#292929; font-weight:500; text-align:center;}
.sub_title .underline {display:inline-block; position:absolute; left:50%; bottom:0; margin-left:-70px; width:140px; height:4px; background-color:#d5d5d5;}

.contents {position:relative; overflow:hidden; width:100%; padding:30px 0 40px; word-break:keep-all;}
.contents h4 {position:relative; padding-left:23px; margin:35px 0 12px; line-height:22px; font-size:18px; font-weight:500; letter-spacing:-0.5px; color:#333; background:url("../images/common/bul_titType01.png") 0 4px no-repeat;}
.contents h4:first-child {margin-top:0px;}
.contents h4 em {color:#368932;}


.info_txt {margin:0px 0 10px 0; padding-left:2px;}
/*.info_txt2 {margin:5px 0 10px 0; padding-left:2px; font-family:'NanumGothic';}*/

.contents .ml {margin-left:22px;}
.contents .ml .ml {margin-left:7px;}
.contents img.inbox {border-radius:6px;}


/* 통합검색 */
.search_box {position:relative; overflow:hidden; width:100%; margin-bottom:35px; padding:20px 0 20px; background:#fcfcfc; border:1px solid #d5d5d5;}
.srchCont_box {position:relative; overflow:hidden; display:table; margin:0 auto;}
.srchCont_box dt, .srchCont_box dd {float:left;}
.srchCont_box dt {width:85px; height:42px; font-size:18px; line-height:42px; font-weight:500; position:relative;float:left;}
.srchCont_box dd input, .srchCont_box dd .btnSearch {float:left;}
.srchCont_box dd input[type="text"]{width:460px; height:42px; line-height:40px; font-size:16px; border-color:#ccc; margin-right:10px;}
.srchCont_box dd .btnSearch {width:80px; height:42px; line-height:40px; border:0; background:#333; color:#fff; font-size:15px; font-weight:700; text-align:center; }

.srchResult_total {position:relative; overflow:hidden;}
.srchResult_total .tit_srchInfo {padding:0 0 25px; font-size:20px; line-height:20px; letter-spacing:-0.5px; color:#333; text-align:center; border-bottom:1px dashed #e0e0e0;}
.srchResult_total span.srch_totalNum {padding-left:10px; color:#c05b1e;}
.srchResult_total .tit_srchInfo span.srch_keyword {color:#0085ca;}
.srchResult span.srch_totalNum {color:#c05b1e;}
.srchResult {position:relative; overflow:hidden; margin-top:30px;}

.srchResult h4 .more {float:right; display:inline-block; padding:0 15px; height:26px; line-height:24px; font-size:11px; color:#333; background:#ffffff; border:1px solid #bfbfbf;}


@media (max-width:680px){ /* mobile */



	/* tab */
	.tabList li a {line-height:44px; font-size:14px;}


	/* list */
	.dot_list li:after {top:10px;}



	/* 기본 테이블 */
	.tList01 tr th {padding:8px 5px; font-size:0.83em;}
	.tList01 tr td {padding:8px 5px; font-size:0.83em;}

	/* 가로 : 주요사업 */
	.tList02 tr th {padding:8px 10px; }
	.tList02 tr td {padding:8px 10px;}



	.fisis_date {margin-bottom:8px; font-size:13px;}

	.contents h4 {margin:30px 0 10px; padding-left:22px; line-height:22px; font-size:17px;}

	.contents .ml {margin-left:17px;}


	/* 통합검색 */
	.search_box {padding:17px 0 17px;}
	.srchCont_box dt {display:none;}
	.srchCont_box dd input[type="text"]{width:400px; margin-right:5px;}
	.srchCont_box dd .btnSearch {width:70px; font-weight:500;}
	.srchResult_total span.srch_totalNum {padding-left:5px;}
	.srchResult_total .tit_srchInfo {padding:0 0 20px; font-size:18px; line-height:18px;}

	.srchResult {margin-top:25px;}




}


@media (max-width:430px){ /* mobile */


	.locationArea .location > li.locationLink.dep1 {display:none;}
	#container.member .locationArea .location > li.locationLink.dep1 {display:block;} /* 회원가입 및 로그인 */
	#container.searchAll .locationArea .location > li.locationLink.dep1 {display:block;} /* 통합검색 */

	

	.sub_title {height:68px;}
	.sub_title h3 {font-size:24px; line-height:68px;}
	.sub_title .underline {margin-left:-60px; width:120px;}
	
	.contents h4 {margin:25px 0 8px; font-size:15px;}

	.contents .ml {margin-left:5px;}

	
	/* tab */
	.tab_wrap {margin-bottom:30px;}
	.tabList li a {line-height:40px;}



	/* 통합검색 */
	.search_box {display:none;}
	.srchCont_box {display:none;}

	.srchResult_total .tit_srchInfo {padding:5px 0 20px; font-size:16px; line-height:16px;}








}



/* intro 인사말 */
.greet {position:relative; overflow:hidden; text-align:center;}

.greet .tit_group {position:relative; overflow:hidden; margin-bottom:30px;}
.greet .tit_group .sup_text {font-size:24px; color:#333; letter-spacing:-1px;}
.greet .tit_group .sup_text strong {font-weight:400; color:#368932;}
.greet .tit_group .sup_text span {} /* mobile */
.greet .tit_group .ex_text {margin-top:3px; font-size:18px; color:#0085ca;}
.greet p.exp span {}
.greet .txt_group {position:relative; overflow:hidden; font-size:0; margin-top:30px; }
.greet .txt_group > div {display:inline-block; vertical-align:top; font-size:14px;}
.greet .txt_group > div:nth-child(1) {width:40%;}
.greet .txt_group > div:nth-child(2) {width:60%; padding-left:30px; text-align:justify;}
.greet .txt_group > div img {width:100%; max-width:540px; background:#ccc;}
.greet .stit {margin:0 0 25px 0; font-size:20px; color:#333; letter-spacing:-1px;}
.greet .stit span {color:#368932;}
.greet .ceo {float:right; margin-top:25px;}
.greet .ceo strong {margin-left:10px; font-weight:400; font-size:20px; color:#444;}


/* intro ci */
.ci .btn {position:relative; overflow:hidden; margin:30px 0 30px; }
.ci .btn .dw {display:inline-block; padding:7px 15px 7px 20px; background:#33363c; color:#fff;}
.ci .btn .dw i {margin-left:20px; font-size:16px}

.ci .symbols {position:relative; overflow:hidden; margin-left:-2%;  }
.ci .symbols:after {clear:both; content:""; display:block;}
.ci .symbols li {float:left; position:relative; width:48%; margin:0 0 0 2%;  padding:50px 0 60px; border:1px solid #d8d8d8; text-align:center; border-radius:10px;}
.ci .symbols li .lb {position:absolute; left:25px;  top:20px; font-family:'roboto'; font-weight:500; font-size:20px; letter-spacing:0; color:#444;}
.ci .symbols li img {width:70%; max-width:358px;}
.ci .symbols li.grid {background:url("../images/intro/bg_grid.png") repeat -1px -1px; }



/* intro 연혁 */
.history {}
.history table * {vertical-align:top;}
.history table {width:100%;}
.history table th {padding:4px 0; text-align:left; width:95px; font-weight:400; /*border-bottom:1px dotted #e5e5e5;*/}
.history table td {padding:4px 0; text-align:left;/* border-bottom:1px dotted #999;*/}

.history .group {position:relative; overflow:hidden;}
.history .group .history_img {display:none; float:left; width:40%;}
.history .group .history_list {float:left; width:100%; overflow:hidden;}
.history_list > li {font-size:0; position:relative; min-height:80px; }
.history_list > li div {display:inline-block; vertical-align:top; position:relative; padding-top:10px; padding-bottom:20px; font-size:14px;}
/*.history_list > li div.img {padding-right:80px; width:40%; display:none}*/
.history_list > li div.info {padding-left:120px; width:100%;}
.history_list > li .year {background:#fff; position:absolute; top:0; left:50px; transform: translateX(-50%); font-weight:500; font-style: italic; font-size:30px; color:#444;}
.history_list > li:first-of-type .year::after { content: ''; display: block; position: absolute; left:50%; width: 0px; height: 5000px; border: 1px dashed #dcdcdc; }
/*.history_list > li:last-of-type .year::after { content: ''; display: block; position: absolute; left: 50%; width: 100px; height: 5000px; background: #fff; transform: translateX(-50%); }*/


/* intro 역대소장소개 */
.official {}
.official_list {position:relative; overflow:hidden; margin:-10px;}
.official_list li {float:left; padding:10px; width:50%;}
.official_list li .item {position:relative; overflow:hidden; padding:20px; border:1px solid #ddd; border-radius:10px;}
.official_list li .item .imgthumb {float:left; position:relative; width:130px; background:#f1f1f1; text-align:center;}
.official_list li .item .imgthumb img {width:100%; height:auto} /*155*190*/
.official_list li .item .cont {display:inline-block; position:relative; overflow:hidden; width:calc(100% - 130px); padding:3px 0 0 30px; }
.official_list li .item .cont .subject {color:#333; font-size:18px;}
.official_list li .item .cont .desc {color:#368932;}
.official_list li .item .cont .date {margin-top:10px;}


/* intro 하는 일 */
.work .group {position:relative; overflow:hidden;}
.work .group .img {float:left; overflow:hidden; width:30%;/* border-radius:13px;*/}
.work .group .img img {width:100%;}
.work .group .cont {float:right; width:calc(70% - 35px);}	
.work .group .cont ul li {position:relative; margin-top:15px; padding-left:33px; font-size:15px;}
.work .group .cont li .number {position:absolute; left:0; top:2px; width:22px; height:22px; background:#05ad8e; font-size:14px; letter-spacing:0; color:#fff; text-align:center; line-height:22px; border-radius:50%;
letter-spacing:-0.5px; font-family:'Roboto', sans-serif;}


/* intro 경영공시 */
.overview {}
.overview .vision {position:relative; overflow:hidden; padding:0 0 25px; text-align:center; font-size:24px; font-weight:500; color:#444; letter-spacing:-1px; border-bottom:1px dashed #ccc;}
.overview .vision .tit { overflow:hidden; margin:0 auto 15px; width:169px; height:44px; line-height:44px; background:#1a4cad; font-size:18px; color:#fff; letter-spacing:0; border-radius:25px;}		

.overview_list {position:relative; overflow:hidden; width:100%; margin:50px auto 0;}
.overview_list li {position:relative; overflow:hidden;}
.overview_list li .tit {float:left; width:calc(18% - 25px); display:table;}
.overview_list li .cont {float:right; width:82%;}
.overview_list li .tit p {display:table-cell; vertical-align:middle; width:100%; height:44px; font-size:18px; font-weight:500; text-align:center; background:#05ad8e; color:#fff; border-radius:25px;}
.overview_list li .cont > ul.group {position:relative;  overflow:hidden; margin-left:-12px; margin-right:-12px; display:flex; flex-wrap: wrap;}
.overview_list li .cont > ul.group > li {float:left; position:relative; width:33.33%; padding:0 12px 60px; }
	
.goal .cont {font-size:16px; text-align:center; color:#444; padding:0 0 90px; background:url('../images/intro/bg_system1.png') center 70px no-repeat;}
.goal .cont em {font-size:24px; color:#1069bd; font-weight:500; letter-spacing:-1px; }
.sgoal_1 .cont .group {}
.sgoal_1 .cont .group li:before, .sgoal_2 .cont .group > li:before {content:""; display:block; position:absolute; bottom:0; left:50%; width:100%; height:150px; background:url('../images/intro/bg_system2.png') 0 0 repeat-y;}
.sgoal_1 .cont .item {position:relative; overflow:hidden; height:100px; padding:15px; line-height:1.5; background:#f5f5f5; /*border:1px solid #05ad8e;*/ border-radius:10px; font-size:16px; color:#444; text-align:center;}	

.sgoal_2 .tit {}
.sgoal_2 .cont .strategy {position:relative; overflow:hidden; height:100%; background:#fff; border:1px solid #555; border-radius:10px;}
.sgoal_2 .cont .strategy dt {height:45px; line-height:45px; background:#555; color:#fff; text-align:center;}
.sgoal_2 .cont .strategy dd {padding:15px 20px; border-top:1px solid #e5e5e5; background:#fff;}
.sgoal_3 .cont .box {position:relative; overflow:hidden; width:100%; padding:25px; border:1px solid #ddd; border-radius:10px;}


/* intro 경영공시 > 조직도 */
.org {position:relative; overflow:hidden;}

.org_group {position:relative; overflow:hidden; padding-top:20px;}
.org_group p {border-radius:7px;}
.org_list {position:relative; overflow:hidden; }
.org_list > li {position:relative; overflow:hidden; padding-bottom:30px;}
.org_list p {position:relative; margin:0 auto; width:199px; height:51px; line-height:50px; text-align:center; background:#014081; color:#fff;}
.org_list > li:after {content:""; display:block; position:absolute; bottom:0px; left:50%; width:1px; height:30px; background:#666;}

.part {display:table; margin:0 auto; position:relative; overflow:hidden;}
.part:after {content:""; display:block; position:absolute; top:0px; left:50%; width:1px; height:100px; background:#666;}
.part li {position:relative; float:left;}
.part li p {position:relative; margin:0 auto; width:199px; height:51px; line-height:50px; text-align:center; background:#3c82c9; color:#fff;}
.part li.l {padding-right:100px;}
.part li.l:before {content:""; display:block; position:absolute; top:25px; right:0; width:150px; height:1px; background:#666;}
.part li.l p {height:auto; padding:20px; line-height:1.7;}
.part li.r {padding-left:125px;}
.part li.r:before {content:""; display:block; position:absolute; top:25px; left:0; width:175px; height:1px; background:#666;}

.org_list .st3 p {background:#2159b7;}
.org_list .st4 p {background:#05ad8e;}
.org_list .st4 p.tl2 {line-height:18px; font-size:13px; padding-top:7px;}

.org_line1 {display:none; margin:0 auto; width:300px; height:1px; background:#666;}
.org_list2 {position:relative; overflow:hidden;}
/*.org_line2 {margin-left:160px; width:291px; height:1px; background:#666;}*/
/*.org_line2 {margin-left:50%; transform:translateX(-49.8%); width:291px; height:1px; background:#666;}*/

/*.st5 {position:relative; overflow:hidden; display:table; margin:0 auto;}
.st5 dl dd {height:auto;}*/
/* 20210405 20250131 */
.org_list .st4:after {height:100px;}
.org_list .st4 .part li.l {padding-right:425px}
.org_list .st4 .part li.l:before {content:""; display:block; position:absolute; top:25px; right:311px; width:115px; height:1px; background:#666;}

.org_list2 dl {position:relative; overflow:hidden; width:100%; border:1px solid}
.org_list2 dt {height:43px; line-height:43px; background:#555; color:#fff; text-align:center;}
.org_list2 dl dd {padding:15px; border-top:1px solid #e5e5e5;}
.org_list2 dl dd p {color:#333;}
.org_list5 {display:table; margin:0 auto; overflow:hidden;}
.org_list5 > li {position:relative; float:left; margin:0; padding:35px 0 0; width:100%; }
.org_list5 > li:after {content:""; display:block; position:absolute; top:0px; left:50%; width:1px; height:35px; background:#666;}

.org_list5 .dot_list li {padding-left:9px; font-size:13px;}
.dot_list li:after {top:10px;}

/*
.st6 {position:relative; overflow:hidden; width:610px;  margin:0 auto;}
.st6 > ul.st6_1 {position:relative; overflow:hidden; padding-top:35px;}
.st6 > ul.st6_1:after {content:""; display:block; position:absolute; top:0px; left:50%; width:1px; height:35px; background:#666;}
.st6 > ul.st6_1 li {position:relative; overflow:hidden; padding-bottom:35px;}
.st6 > ul.st6_1 li p {position:relative; margin:0 auto; width:199px; height:51px; line-height:50px; text-align:center; background:#05ad8e; color:#fff; }
.st6 > ul.st6_1 li:after {content:""; display:block; position:absolute; bottom:0px; left:50%; width:1px; height:35px; background:#666;}

.org_list6 {display:table; margin:0 auto; overflow:hidden;}
.org_list6 > li {position:relative; float:left; padding:35px 0 0; }
.org_list6 > li:after {content:""; display:block; position:absolute; top:0px; left:50%; width:1px; height:35px; background:#666; }
.org_list6 > li dl {width:270px;}
.org_list6 > li:first-child { margin-right:20px;}
*/

/* intro 시설 및 장비 */
.facilities .txt_desc {color:#c05b1e;}


/* intro 오시는길 */
.loc {}
.loc .map {height:320px; background:#f6f6f6;}
.contact {position:relative; overflow:hidden; padding:25px 0; color:#444; font-size:16px;}
.contact .address {display:inline-block; line-height:34px;}
.contact .tel {display:inline-block; margin-left:60px; line-height:34px;}
.contact i {font-size:26px; color:#05ad8e; margin-right:5px; vertical-align:middle}

.loc_navi {position:relative; overflow:hidden; padding:35px 0 0; border-top:1px solid #e1e1e1;}



/* biz 주요사업 */
.biz .diagram {position:relative; margin: 0 auto; text-align:center; width:100%; max-width:580px; height:320px; background:url("../images/biz/bg_biz.png") center 0 no-repeat; background-size:100%;}
.biz .core {position:absolute; left:50%; top:68px; width:170px; height:170px; margin-left:-85px; padding-top:55px; font-weight:500; font-size:24px; color:#fff; line-height:28px;}
.biz .cycle li {position:absolute; font-size:15px; color:#05ad8e; width:270px; min-height:50px; padding:12px 15px; border:1px solid #05ad8e; background:#fff; border-radius:10px;}
.biz .cycle .txt1 {left:50%; top:30px; margin-left:-135px; padding:12px 15px 20px;}
.biz .cycle .txt1:after {content:""; display:block; position:absolute; bottom:0; left:50%; margin:0 0 -12px -12px; width:24px; height:24px; background:url("../images/biz/ic_arr1.png") 0 0 no-repeat;}
.biz .cycle .txt2 {left:50%; top:124px; margin-left:-380px;}
.biz .cycle .txt2:after {content:""; display:block; position:absolute; top:50%; right:0; margin:-12px -12px 0 0; width:24px; height:24px; background:url("../images/biz/ic_arr2.png") 0 0 no-repeat;}
.biz .cycle .txt3 {left:50%; top:124px; margin-left:110px;}
.biz .cycle .txt3:after {content:""; display:block; position:absolute; top:50%; left:0; margin:-12px 0 0 -12px; width:24px; height:24px; background:url("../images/biz/ic_arr3.png") 0 0 no-repeat;
/*transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);*/  }
.biz .cycle .txt2.y2, .biz .cycle .txt3.y2 {top:113px; height:72px; line-height:22px;}

.biz .box {position:relative; overflow:hidden; margin:0 auto; width:620px; padding:25px; border:1px solid #ddd; border-radius:10px; background:#fff; text-align:left;}
.biz .box table {float:left; width:100%;}

.biz .tList02 tr th {text-align:left;}


/* biz 연구개발 - 교체 사용안함 */
.biz .study {width:100%; max-width:580px; height:368px; background:url("../images/biz/bg_biz2.png") center -15px no-repeat; background-size:100%;} 
.biz .study .core {top:115px;}
.biz .study .cycle .txt1 {}
.biz .study .cycle .txt2 {top:172px;}
.biz .study .cycle .txt3 {top:172px;}
.biz.study .box table {width:49%; /*width:calc(50% - 18px);*/}
.biz.study .box table + table {margin-left:2%;}


/* biz_new 2020 */
.networking .diagram {position:relative; margin: 0 auto; text-align:center; width:100%; height:740px; background:url("../images/biz/bg_biz3.png") center center no-repeat; background-size:80%; }
.networking .core {display:table; position:absolute; left:50%; top:50%; width:190px; height:190px; transform:translate(-50%, -50%); background:#05ad8e; border-radius:50%; }
.networking .core span {display:table-cell; font-weight:400; padding:30px; font-size:18px; letter-spacing:-0.45px; color:#fff; line-height:1.3; vertical-align:middle; }
.networking .cycle li {position:absolute; width:400px;}
.networking .cycle li dl {position:relative; overflow:hidden; border:1px solid #05ad8e; border-radius:20px;}
.networking .cycle li dl dt {height:45px; line-height:45px; background:#05ad8e; color:#fff; text-align:center;}
.networking .cycle li dl dd {padding:15px 20px 20px; border-top:1px solid #05ad8e; background:#fff;}
.networking .cycle li dl dd p {margin-top:15px; padding-top:15px; border-top:1px dashed #dcdcdc;}
.networking .cycle > li > p {}
.networking .cycle .txt1 {left:50%; top:10px; margin-left:-200px;}
.networking .cycle .txt1:after {content:""; display:block; position:absolute; bottom:0; left:50%; margin:0 0 -45px -12px; width:24px; height:24px; background:url("../images/biz/ic_arr1.png") 0 0 no-repeat;}
.networking .cycle .txt3 {left:50%; bottom:10px; margin-left:-200px; }
.networking .cycle .txt3:after {content:""; display:block; position:absolute; top:0; left:50%; margin:-45px 0 0 -12px; width:24px; height:24px; background:url("../images/biz/ic_arr4.png") 0 0 no-repeat;}

.networking .cycle li.pc_ver {display:none !important;}

.business .title {display:table; margin:0 auto; padding:15px 40px 17px; text-align:center; font-size:18px; font-family:'Noto Sans KR'; font-weight:500; letter-spacing:-0.45px; color:#fff; background:#05ad8e; border-radius:40px;}
.business .box {margin:0 0 25px; padding:20px 25px 22px; border:1px solid #ddd; border-radius:10px;}
.business .str_list {position:relative; overflow:hidden;}
.business .str_list li {position:relative; overflow:hidden; margin:7px 0; padding:0 0 2px; padding-left:33px; font-size:15px;}
.business .str_list li .number {position:absolute; left:0; top:2px; width:22px; height:22px; background:#05ad8e; font-size:14px; letter-spacing:0; color:#fff; text-align:center; line-height:22px; border-radius:50%;
letter-spacing:-0.5px; font-family:'Roboto', sans-serif;}
.business .dot_list li:after {top:8px;}

.study_f {position:relative; overflow:hidden; margin-top:40px; padding:0 0; background:url("../images/biz/bg_study.png") center 0 no-repeat; background-size:80%;}
.study_f > ul {position:relative; overflow:hidden; margin:0 -8px;}
.study_f > ul > li {float:left; position:relative; width:33.33%; padding:0 8px; text-align:center;}

.study_f > ul > li .txt1 {display:table; position:relative; width:100%; height:85px; padding:0 25px; letter-spacing:-0.45px; font-size:15px; color:#fff; line-height:1.3; background:#222; border-radius:85px;}
.study_f > ul > li:nth-child(2) .txt1 {background:#2159b7;}
.study_f > ul > li .txt1 span {display:table-cell; vertical-align: middle;}
.study_f > ul > li .txt2 {position:relative; padding:25px 5px 0;}	
.study_f > ul > li .txt2:before {content: ""; position:absolute; left:50%; top:-12px; width:24px; height:24px; background: url("../images/biz/ic_arr_study.png") no-repeat; margin-left:-12px;}
.study_f > ul > li ul.txt2 {text-align:left;}
.study_f .circle_txt {display:table; margin:50px auto 0; width:200px; height:200px; padding:20px; border:12px solid #05ad8e; text-align:center; border-radius:50%; background:#fff;}
.study_f .circle_txt span {display:table-cell; vertical-align: middle; font-family:'Noto Sans KR', sans-serif; font-weight:500; font-size:18px; line-height:1.4; color:#333; letter-spacing:-0.04em;}

.study_f > ul > li.pt {display:block;}
.study_f > ul > li.ms {display:none;}


/* reference 마늘전문자료실 */
.garlic {}
.garlic h5 {padding-left:16px; margin:25px 0 7px; font-size:15px; letter-spacing:-0.45px; color:#333; font-weight:400; background:url("../images/common/bul_titType02.png") 0 8px no-repeat;}
.garlic h5:first-child {margin-top:0px;}

.garlic .group {position:relative; overflow:hidden; margin-bottom:20px;}
.garlic .group .img {float:left; overflow:hidden; width:30%;/* border-radius:13px;*/ display:none;}
.garlic .group .img img {width:100%;}
.garlic .group .cont {float:left; width:calc(100% - 0); padding-left:0px; /*text-align:justify;*/}	

.effect h5 {position:relative; margin:25px 0 6px; padding-left:33px; font-size:15px; letter-spacing:-0.45px; color:#333; font-weight:400;}
.effect h5:first-child {margin-top:0px;}
.effect h5 .number {position:absolute; left:0; top:2px; width:22px; height:22px; background:#05ad8e; font-size:14px; letter-spacing:0; color:#fff; text-align:center; line-height:22px; border-radius:50%; 
letter-spacing:-0.5px; font-family: 'Roboto', sans-serif;}
.effect .box {margin-top:25px; padding:30px 25px; border:1px solid #ddd; border-radius:10px;}
.effect .box p {margin-left:33px;}

.effect ul.group {position:relative; overflow:hidden; margin:30px -10px 0 -10px;}
.effect ul.group > li {float:left; position:relative; width:33.33%; padding:0 10px 0px;}
.effect .bgs {position:relative; overflow:hidden; border:1px solid #666; border-radius:10px;}
.effect .bgs dt {height:45px; line-height:45px; background:#666; color:#fff; text-align:center;}
.effect .bgs dd {padding:15px 20px; height:120px; border-top:1px solid #e5e5e5; background:#fff;}


.effect .process {position:relative; overflow:hidden; margin-top:20px;}
.effect .process .p_img {display:table; margin:30px auto 0; overflow:hidden; width:377px; /*calc(33.33% - 12px);*/ border-radius:10px;}
.effect .process ul {position:relative; overflow:hidden; margin:0 -20px;}
.effect .process ul li {float:left; position:relative; width:25%; padding:0 20px;}
.effect .process ul li .item img {width:100%;}
.effect .process ul li .item p { width:100%; height:42px; line-height:42px; text-align:center; color:#fff; background:#998058; }
.effect .process ul li .item {overflow:hidden; border-radius:10px;}
.effect .process ul li:after {position:absolute; top:50%; left:-5px; transform:translateY(-50%); content:url("../images/reference/bul_next_arrow.png"); }
.effect .process ul li:first-child:after {content:none;}


/* 유사기관 */
.similar .sup_text {position:relative; overflow:hidden; margin-bottom:30px; font-size:24px; color:#333; letter-spacing:-1px; text-align:center;}
.similar .sup_text strong {font-weight:400; color:#368932;}
.similar_list {margin:15px -8px 0 -8px;}

.similar_list:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
.similar_list li {float:left; width:25%; padding:10px 8px;}
.similar_list li > div {position:relative; text-align:center;}
.similar_list li p.img {margin-bottom:10px; padding:10px; border:1px solid #ddd; border-radius:10px;}
.similar_list li p.img img {max-width:160px; width:100%;}


/* 지역기업안내 - pg */
.company_list {position:relative; overflow:hidden; margin:15px -8px -8px -8px;}
.company_list li {float:left; position:relative; width:33.33%; padding:8px; }
.company_list li .item {position:relative; overflow:hidden; padding:0px; border:0px solid #ddd; border-radius:0;}
.company_list li .item a {position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(255,255,255,0);  z-index:10;}
.company_list li .item .imgthumb {position:relative; overflow:hidden; width:100%; height:160px; background:#f1f1f1;}
.company_list li .item .imgthumb:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; opacity:0.1; border:1px solid #000; box-sizing:border-box;}
.company_list li .item .imgthumb img {width:100%;} /* 3:2 */
.company_list li .item .cont {position:relative; overflow:hidden; width:100%; padding:15px; border:1px solid #ddd; border-top:0;}
.company_list li .item .cont .info {position:relative; margin-bottom:1px;  text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
.company_list li .item .cont .info span {display:inline-block; height:22px; line-height:21px; padding:0 7px; font-size:11px; color:#fff; margin-right:10px; background:#b39e8e; border-radius:3px;}


.table_wrap .tList02 {margin:0 0 20px; border-top:0px solid #d9d9d9;}
.table_wrap .tList02 tr th {width:20%; text-align:left; background:#fcfcfc; border-right:1px solid #d9d9d9;}
.table_wrap .tList02 tr td {}
.table_wrap .tList02 tr td .spot {height:200px; background:#d9d9d9;}
.table_wrap .tList02 tr td .add {margin:20px 0 0px;}
.table_wrap .tList02 tr td .add span {display:inline-block; margin-right:8px; padding-left:10px; height:30px; background:url("../images/tour/icon_loc.png") no-repeat 0 2px; background-size:100%}
.table_wrap .tList02 tr td a {color:#6e78bd;}
.table_wrap .tList02 tr td a.tel {display:none;}




@media (max-width:680px){ /* mobile */
	
	/* intro 인사말 */
	.greet .tit_group .sup_text {font-size:22px;}
	.greet .tit_group .ex_text {font-size:17px;}
	.greet .txt_group > div:nth-child(1) {width:100%;}
	.greet .txt_group > div:nth-child(2) {width:100%; margin-top:30px; padding-left:0; text-align:justify;}	
	.greet .ceo strong {font-size:18px;}


	/* intro ci */


	/* intro 연혁 */
	.history table th {padding:3px 0; width:95px; }
	.history table td {padding:3px 0;}
	.history_list > li {min-height:60px; }
	.history_list > li div {padding-top:5px;}
	.history_list > li div.info {padding-left:100px;}
	.history_list > li .year {background:#fff; position:absolute; top:0; left:40px; transform: translateX(-50%); font-weight:500; font-style: italic; font-size:24px; color:#444;}
	.history_list > li .year {font-size:26px;}


	/* intro 역대소장소개 */
	.official_list {margin:-8px;}
	.official_list li {padding:8px;}
	.official_list li .item {padding:20px;}
	.official_list li .item .imgthumb {width:100%;}
	.official_list li .item .imgthumb img {width:150px; height:auto} /*155*190*/
	.official_list li .item .cont {display:inline-block; position:relative; overflow:hidden; width:calc(100% - 0px); margin-top:15px; padding:0 0 0 0; }


	/* intro 하는 일 */
	.work .group .img {width:25%;}
	.work .group .cont {width:calc(75% - 30px);}	
	.work .group .cont ul li {margin-top:15px; padding-left:30px; font-size:14px;}
	.work .group .cont li .number {width:20px; height:20px; font-size:12px; line-height:20px;}



	/* intro 경영공시 */

	.overview_list {margin:-10px auto 0;}
	.overview_list li .tit {width:100%; margin-top:35px}

	.overview_list li .tit {width:100%;}
	.overview_list li .cont {width:100%; margin-top:15px;}
	.overview_list li .tit p {width:100%; height:36px; font-size:15px;}
	.overview_list li .cont > ul.group {margin-left:-8px; margin-right:-8px;}
	.overview_list li .cont > ul.group > li {padding:0 8px 0; }
		
	.goal .cont {padding:10px 0 100px; background:url('../images/intro/bg_system1.png') center 80px no-repeat;}
	.goal .cont em {font-size:22px;}

	.sgoal_1 .cont .group li:before, .sgoal_2 .cont .group > li:before {background:none;}

	.sgoal_2 .cont .strategy dt {height:40px; line-height:40px;}
	.sgoal_2 .cont .strategy dd {padding:15px 15px;}
	.sgoal_3 .cont .box {padding:20px;}



	/* intro 경영공시 > 조직도 */
	.org_group {padding-top:20px;}
	.org_group p {border-radius:7px;}
	.org_list > li {padding-bottom:20px;}
	.org_list p {width:165px; height:49px; line-height:49px;}
	.org_list > li:after {height:20px;}

	.part li p {width:149px; height:49px; line-height:49px;}
	.part li.l {padding-right:70px;}
	.part li.l:before {top:24px; right:0; width:150px;}
	.part li.r {padding-left:95px;}
	.part li.r:before {top:24px; left:0; width:175px;}

	.org_list .st4 .part li.l {padding-right:317px}
	.org_list .st4 .part li.l:before {content:""; display:block; position:absolute; top:25px; right:232px; width:90px; height:1px; background:#666;}


	.org_list .st4 p.tl2 {line-height:17px; font-size:12px; padding-top:7px;}

	/*.org_line2 {width:276px;}

	.org_list2 dl {width:230px;}

	.st6 {width:570px;}
	.st6 > ul.st6_1 {padding-top:25px;}
	.st6 > ul.st6_1:after {height:25px;}
	.st6 > ul.st6_1 li {padding-bottom:25px;}
	.st6 > ul.st6_1 li p {width:165px; height:49px; line-height:49px;}
	.st6 > ul.st6_1 li:after {height:25px;}

	.org_list6 > li {padding:35px 0 0;}
	.org_list6 > li:after {height:35px;}
	.org_list6 > li dl {width:255px;}*/


	.org .mt20 {margin-top:15px;}



	/* intro 오시는길 */	
	.loc .map {height:320px;}
	.contact {padding:15px 0; font-size:15px;}
	.contact .tel {margin-left:50px;}
	.contact i {font-size:20px; margin-right:7px; padding:3px; border:1px solid #e6e6e6; border-radius:5px; }

	.loc_navi {padding:30px 0 0;}


	/* biz 주요사업 */
	.biz .diagram {margin:-30px auto 0; max-width:480px; height:400px;}
	.biz .core {top:54px; width:140px; height:140px; margin-left:-70px; padding-top:50px; font-size:20px; line-height:24px;}
	.biz .cycle li {width:260px; padding:12px 10px;}
	.biz .cycle .txt1 {top:auto; margin-left:-130px; padding:12px 10px;}	
	.biz .cycle .txt2 {top:260px; margin-left:-130px;}
	.biz .cycle .txt3 {top:320px; margin-left:-130px;}
	.biz .cycle .txt1:after, .biz .cycle .txt2:after, .biz .cycle .txt3:after {background:none;}

	.biz .cycle .txt2.y2 {top:260px;}
	.biz .cycle .txt3.y2 {top:342px;}

	.biz .box {width:100%; padding:20px;}
	
	/* biz 연구개발 - 교체 사용안함 */
	.biz .study {max-width:480px; height:460px; background:url("../images/biz/bg_biz.png") center 0 no-repeat; background-size:100%;} 
	.biz .study .core {top:54px;}
	.biz .study .cycle .txt1 {top:260px;}
	.biz .study .cycle .txt2 {top:320px;}
	.biz .study .cycle .txt3 {top:380px;}
	.biz.study .box table {width:100%; /*width:calc(50% - 18px);*/}
	.biz.study .box table + table {margin-left:0; margin-top:15px;}


	.production .diagram {height:444px;} /* 시험생산 */
	.equipment .diagram {height:422px;} /* 장비이용 */
	.equipment .cycle .txt3.y2 {top:320px;}

	
	/* biz_new 2020 */
	.business .title {padding:15px 35px 17px; border-radius:10px;}
	.business .box {padding:17px 20px 19px;}
	.business .str_list li {margin:6px 0; padding:0 0 2px; padding-left:30px; font-size:14px;}
	.business .str_list li .number {width:20px; height:20px; background:#05ad8e; font-size:12px; line-height:20px;}

	.study_f {margin-top:30px; background:url("../images/biz/bg_study.png") center 70px no-repeat; background-size:80%;}
	.study_f > ul {margin:0 -5px;}
	.study_f > ul > li {padding:0 5px;}
	.study_f > ul > li .txt1 {height:75px; padding:0 20px; font-size:14px; line-height:1.3; border-radius:75px;}	
	.study_f > ul > li .txt2 {padding:25px 3px 0;}	
	.study_f .circle_txt {margin:40px auto 0; width:180px; height:180px; padding:20px; border:10px solid #05ad8e;}
	.study_f .circle_txt span {font-size:16px; line-height:1.4;}

	


	/* reference 마늘전문자료실 */
	.garlic h5 {margin:20px 0 7px;}

	.effect h5 {margin:25px 0 6px; padding-left:30px;}	
	.effect h5 .number {width:20px; height:20px; font-size:12px; line-height:20px;}
	.effect .box {padding:25px 20px;}
	.effect .box p {margin-left:30px;}

	.effect ul.group {margin:25px -8px 0 -8px;}
	.effect ul.group > li {padding:0 8px 0px;}
	.effect .bgs dt {height:40px; line-height:40px;}
	.effect .bgs dd {padding:12px 12px; height:110px;}


	.effect .process {margin-top:-10px;}
	.effect .process .p_img {margin:25px auto 0; width:100%; max-width:377px;}
	.effect .process .p_img img {width:100%;}
	.effect .process ul {position:relative; overflow:hidden; margin:0 -15px;}
	.effect .process ul li { width:25%; padding:0 15px; margin-top:15px; }
	.effect .process ul li .item img {width:100%;}
	.effect .process ul li .item p {height:38px; line-height:38px;}



	/* 유사기관 */
	.similar .sup_text {margin-bottom:25px; font-size:22px;}
	.similar_list {margin:10px -8px 0 -8px;}
	.similar_list li {width:33.33%; padding:12px 8px;}



	/* 지역기업안내 - pg */
	.company_list {margin:15px -10px -10px -10px;}
	.company_list li {width:50%; padding:10px;}
	.company_list li .item .imgthumb {height:180px;}


}




@media (max-width:430px){ /* mobile */

	/* intro 인사말 */
	.greet .tit_group {margin-bottom:20px;}
	.greet .tit_group .sup_text {font-size:20px;}
	.greet .tit_group .ex_text {font-size:15px;}
	.greet .txt_group {margin-top:25px; }
	.greet .txt_group > div:nth-child(1) {}
	.greet .txt_group > div:nth-child(2) {margin-top:25px;}
	.greet .ceo {margin-top:20px;}
	.greet .ceo strong {margin-left:5px;}


	/* intro ci */
	.ci .btn {margin:30px 0 10px; }
	.ci .symbols { margin-left:0;}
	.ci .symbols li { width:100%; margin:20px 0 0 0; padding:50px 0 60px;}
	.ci .symbols li .lb {left:20px; font-size:18px;}
	.ci .symbols li img {width:60%;}



	/* intro 연혁 */
	.history table th {padding:2px 0; width:55px; }
	.history table th span {display:none;}
	.history table td {padding:2px 0;}
	.history_list > li {min-height:60px; }
	.history_list > li div {padding-top:2px;}
	.history_list > li div.info {padding-left:70px;}
	.history_list > li .year {left:30px; font-size:18px; }

	
	/* intro 역대소장소개 */
	.official_list {margin:-6px;}
	.official_list li {padding:7px;}
	.official_list li {width:100%;}
	.official_list li .item {padding:15px;}
	.official_list li .item .imgthumb {width:120px;}
	.official_list li .item .imgthumb img {width:100%; height:auto} /*155*190*/
	.official_list li .item .cont {width:calc(100% - 120px); margin-top:5px; padding:3px 0 0 20px;}


	/* intro 하는 일 */
	.work .group .img {width:100%; text-align:center;}
	.work .group .img img {width:50%;}
	.work .group .cont {width:100%; margin-top:15px;}	


	/* intro 경영공시 */
	.overview .vision {position:relative; overflow:hidden; padding:0 0 25px; text-align:center; font-size:20px; font-weight:500; color:#444; letter-spacing:-1px; border-bottom:1px dashed #ccc;}
	.overview .vision .tit {width:149px; height:40px; line-height:40px; background:#1a4cad; font-size:16px;}		

	.overview_list {margin:-10px auto 0;}
	.overview_list li .tit {width:100%; margin-top:35px}
	.overview_list li .cont {width:100%; margin-top:15px;}
	.overview_list li .tit p {width:100%; height:36px; font-size:15px;}
	.overview_list li .cont > ul.group {margin-left:0; margin-right:0; margin-top:-10px;}
	.overview_list li .cont > ul.group > li {padding:10px 5px 0;  width:100%; }
		
	.goal .cont {padding:10px 0 100px; background:url('../images/intro/bg_system1.png') center 80px no-repeat; background-size:45%;}
	.goal .cont em {font-size:22px;}

	.sgoal_1 .cont .group li:before, .sgoal_2 .cont .group > li:before {background:none;}
	.sgoal_1 .cont .item {padding:17px 15px; height:auto; border-radius:10px; font-size:14px; color:#444; text-align:center;}	
	.sgoal_1 .cont .item  span {display:block;}


	.sgoal_2 .cont .strategy dt {height:40px; line-height:40px;}
	.sgoal_2 .cont .strategy dd {padding:15px 15px;}
	.overview_list li.sgoal_2 > .cont > ul.group {margin-top:-10px; margin-left:0; margin-right:0;}
	.overview_list li.sgoal_2 > .cont > ul.group > li {float:left; position:relative; width:100%; padding:10px 0 0; }

	.sgoal_3 .cont .box {padding:20px;}


	/* intro 경영공시 > 조직도 */
	.org_group {padding-top:20px;}
	.org_group p {border-radius:7px;}
	.org_list > li { padding-bottom:25px;}
	.org_list p {width:159px; height:49px; line-height:49px;}
	.org_list > li:after {height:25px;}

	.part li p {width:125px; height:49px; line-height:49px; }
	.part li.l {padding-right:30px;}
	.part li.l:before {top:24px; right:0; width:150px;}
	.part li.r {padding-left:45px;}
	.part li.r:before {top:24px; left:0; width:175px;}

	.org_list .st4 .part li.l {padding-right:200px}
	.org_list .st4 .part li.l:before {right:162px; width:50px;}
	.part li.l p {padding:15px; line-height:1.7; font-size:80%;}

	.org_list .st4 p.tl2 {line-height:16px; font-size:11px; padding-top:8px;}



	.org_line1 {display:none;}
	.org_list2 dl dd {height:auto;}

	.org_list5 {}
	.org_list5 > li {padding:15px 0 0;  }
	.org_list5 > li:after {height:15px;}

	/*.org_line2 {display:none; width:276px;}

	.org_list2 dl {width:255px;}


	.st6 { width:auto;}
	.st6 > ul.st6_1 {padding-top:30px;}
	.st6 > ul.st6_1:after {height:30px;}
	.st6 > ul.st6_1 li {padding-bottom:0;}
	.st6 > ul.st6_1 li p {width:169px; height:49px; line-height:49px;}
	.st6 > ul.st6_1 li:after {height:0;}

	.org_list6 > li {width:100%; padding:25px 0 0;}
	.org_list6 > li:after {height:25px;}
	.org_list6 > li dl {display:table; margin:0 auto; width:255px;}
	.org_list6 > li:first-child { margin-right:0px;}*/


	
	/* intro 오시는길 */	
	.loc .map {height:300px;}
	.contact {padding:15px 0; font-size:15px;}
	.contact .address {display:block;}
	.contact .tel {display:block; margin-left:0px;}
	
	.loc_navi {padding:25px 0 0;}



	/* biz 주요사업 */
	.biz .diagram {margin:-30px auto 0; width:340px; height:330px; background-size:100%}
	.biz .core {top:38px; width:100px; height:100px; margin-left:-50px; padding-top:30px; font-size:18px; line-height:22px; letter-spacing:-1px;}
	.biz .cycle li {width:260px; padding:12px 10px;}
	.biz .cycle .txt1 {top:auto; margin-left:-130px; padding:12px 10px;}	
	.biz .cycle .txt2 {top:195px; margin-left:-130px;}
	.biz .cycle .txt3 {top:255px; margin-left:-130px;}
	.biz .cycle .txt1:after, .biz .cycle .txt2:after, .biz .cycle .txt3:after {background:none;}

	.biz .cycle .txt2.y2 {top:195px;}
	.biz .cycle .txt3.y2 {top:277px;}

	.biz .box {width:100%; padding:20px;}
	
	/* biz 연구개발 - 교체 사용안함 */
	.biz .study {max-width:480px; height:390px; background:url("../images/biz/bg_biz.png") center 0 no-repeat; background-size:100%;} 
	.biz .study .core {top:38px;}
	.biz .study .cycle .txt1 {top:195px;}
	.biz .study .cycle .txt2 {top:255px;}
	.biz .study .cycle .txt3 {top:315px;}
	.biz.study .box table {width:100%; /*width:calc(50% - 18px);*/}
	.biz.study .box table + table {margin-left:0; margin-top:15px;}


	.production .diagram {height:374px;} /* 시험생산 */
	.equipment .diagram {height:352px;} /* 장비이용 */
	.equipment .cycle .txt3.y2 {top:255px;}

	
	/* biz_new 2020 */
	.networking .diagram {width:100%; height:auto; background:none;}
	.networking .core {display:table; position:relative; margin:0 auto; left:0; top:0; width:100%; height:auto; transform:translate(0, 0); background:#05ad8e; border-radius:10px; }
	.networking .core span {display:table-cell; padding:15px 40px 17px; text-align:center; font-size:18px; font-family:'Noto Sans KR'; font-weight:500; letter-spacing:-0.45px; color:#fff; line-height:1.3; vertical-align:middle; }

	.networking .cycle li {position:relative; width:100%; max-width:400px;}
	.networking .cycle li dl {position:relative; overflow:hidden; border:1px solid #05ad8e; border-radius:20px;}
	.networking .cycle li dl dt {height:45px; line-height:45px; background:#05ad8e; color:#fff; text-align:center;}
	.networking .cycle li dl dd {padding:15px 0px 20px; border-top:1px solid #05ad8e; background:#fff;}
	.networking .cycle > li > p {}

	.networking .cycle .txt1 {left:0; top:0; margin-left:0; margin-top:30px}
	.networking .cycle .txt1:after {background:none;}

	.networking .cycle .txt3 {left:0; bottom:0; margin-left:0; margin-top:20px}
	.networking .cycle .txt3:after {background:none;}


	.business .title {width:100%; padding:17px 25px 17px; font-size:17px; text-align:center;}
	.business .box {padding:17px 15px 19px;}
	.business .str_list li {margin:6px 0; padding:0 0 2px; padding-left:30px; font-size:14px;}

	.study_f {margin-top:30px; background:none;}
	.study_f > ul {margin:0 -5px;}
	.study_f > ul > li {width:100%; padding:0 5px;}
	.study_f > ul > li .txt1 {height:60px; font-size:15px; border-radius:60px;}	
	.study_f > ul > li .txt2 {padding:25px 10px 30px;}	
	.study_f .circle_txt {margin:10px auto 0; width:180px; height:180px; padding:20px; border:10px solid #05ad8e;}
	.study_f .circle_txt span {font-size:16px; line-height:1.4;}

	.study_f > ul > li.pt {display:none;}
	.study_f > ul > li.ms {display:block; padding-bottom:96px;}
	.study_f > ul > li.ms:after {content: ""; position:absolute; left:50%; top:60px; width:135px; height:96px; transform:translateX(-50%);  background: url("../images/biz/ic_arr.png") no-repeat; }

	.study_f > ul > li.ms .txt1 {background:#2159b7;}



	/* reference 마늘전문자료실 */
	.effect h5 {margin:20px 0 6px; padding-left:30px;}	
	.effect h5 .number {width:20px; height:20px; font-size:12px; line-height:20px;}
	.effect .box {padding:22px 15px 25px;}
	.effect .box p {margin-left:30px;}

	.effect ul.group {margin:20px 0px 0 0px;}
	.effect ul.group > li {width:100%; margin:5px 0; padding:0;}	
	.effect .bgs dd {padding:15px 15px; height:auto;}

	.effect .process ul {margin:0 -25px;}
	.effect .process ul li {width:50%; padding:0 25px; margin-top:15px; }




	/* 유사기관 */
	.similar .sup_text {margin-bottom:20px; font-size:20px;}
	.similar_list {margin:10px -7px 0 -7px;}
	.similar_list li {width:50%; padding:12px 7px;}
	.similar_list li p.img {margin-bottom:8px;}


	/* 지역기업안내 - pg */
	.company_list {margin:15px -10px -10px -10px;}
	.company_list li {width:100%; padding:10px;}
	.company_list li .item .imgthumb {height:251px;}

	.company_list li .item .cont {padding:17px;}
	.company_list li .item .cont .info { margin-bottom:2px;}
	.company_list li .item .cont .info span {height:23px; line-height:22px; padding:0 10px; font-size:12px; color:#fff; margin-right:12px;}



}





/* ----------------------------------------------------------------- */
/* 회원가입 */
/* ----------------------------------------------------------------- */


/* 로그인 */
.member_login_wrap {width:600px; margin:50px auto; border-bottom:0px solid #ccc;}
.member_login_wrap .member_login {background-color:#f7f7f7; border-top:1px solid #666; border-bottom:1px solid #e5e5e5; padding:20px 0 40px;}
.member_login_wrap .member_login .title_wrap {width:450px; margin:0 auto 25px; padding:0;}/* padding-top:0; 내려받음 방지 */
.member_login_wrap .member_login .title_wrap .title {display:inline-block; font-size:52px; font-weight:500; color:#2b2b2b;}
.member_login_wrap .member_login .title_wrap .desc {display:inline-block; margin-left:12px; color:#333;}
.member_login_wrap .member_login .member_login_input {overflow:hidden; position:relative; width:450px; margin:0 auto;}
.member_login_wrap .member_login .member_login_input label {float:left; width:90px; font-size:16px; color:#2b2b2b; line-height:37px;}
.member_login_wrap .member_login .member_login_input label + input {float:left; width:252px; height:37px; font-size:14px; /*color:#999;*/ margin-bottom:8px;}
.member_login_wrap .member_login .member_login_input label:first-child ~ label {clear:left;}
.member_login_wrap .member_login .member_login_input .login_button {position:absolute; top:0; right:0px; display:block; width:96px; height:82px; border:1px solid #049d81; 
border-bottom:2px solid #049d81; background:#05ad8e; color:#fff; font-weight:500; font-size:16px; cursor:pointer; border-radius:2px; overflow:visible; overflow-y:hidden;}
.member_login_wrap .member_login .member_login_input .title_id {display:inline-block; width:252px; height:37px; line-height:35px; margin-bottom:8px; padding-left:10px; font-size:18px; color:#2b2b2b;  background:#fff; border:1px solid #ebebeb;  }/* 정보수정 */
.member_login_wrap .member_login_info {width:100%; padding:25px 0 25px; border-top:0px solid #ccc; /*border-bottom:1px dashed #ccc;*/ border-bottom:1px solid #e5e5e5;}
.member_login_wrap .member_login_info ul {display:table; margin:0 auto;}
.member_login_wrap .member_login_info ul li {float:left; position:relative; padding-left:27px;}
.member_login_wrap .member_login_info ul li:before {position:absolute; top:5px; left:13px; content:""; width:1px; height:13px; vertical-align:middle; background:#e0e0e0;}
.member_login_wrap .member_login_info ul li a {display:inline-block; color:#787878; font-size:14px;}
.member_login_wrap .member_login_info ul li a:hover {text-decoration:underline;}
.member_login_wrap .member_login_info ul li:first-child {padding-left:0;}
.member_login_wrap .member_login_info ul li:first-child:before {display:none;}

.member_login_wrap .login_info_order {position:relative; overflow:hidden; margin-bottom:20px; border-left:0 none; padding-left:0;}
.member_login_wrap .login_info_order i {float:left; width:80px; padding:0px; font-size:60px;}
.login_info_join .title, .login_info_idfind .title, .login_info_order .title {font-size:22px; color:#444;}
.login_info_join .conts, .login_info_idfind .conts, .login_info_order .conts {padding:4px 25px 15px 0;}

.member_login.reconfirm {padding:30px 0 28px;} /* 비밀번호 재확인 */




/* 소셜 로그인 */
.slogin {display:table; margin:30px auto;} 
.login_sns {cursor:pointer; float:left; margin:0 7px; width:220px; height:42px; line-height:42px;text-align:center; padding-left:20px;} 
.btn_naver {border:1px solid #1aac00; color:#fff; font-weight:bold; background:#1ec800 url(../shop/img/btn/img_naver.gif) no-repeat 3px 3px; background-size:35px;}
.btn_facebook {border:1px solid #344c80; color:#fff; font-weight:bold; background:#4c649b url(../shop/img/btn/img_facebook.gif) no-repeat  3px 3px; background-size:35px;}
.btn_kakao {border:1px solid #fbdb03; color:#533335; font-weight:bold; background:#ffea0f url(../shop/img/btn/img_kakao.png) no-repeat 4px 4px; background-size:35px;}
.btn_naver:hover, .btn_facebook:hover {color:#fff;}
.btn_kakao:hover {color:#533335;}

.slogin_login_wrap {width:800px; margin:50px auto; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.slogin_login_wrap .member_login_info {}
.slogin_login_wrap .login_info_order  {padding:30px;}
.slogin_login_wrap .login_info_order .title {font-size:18px;}
.slogin_login_wrap .login_info_order .conts {padding:4px 25px 15px 0;}
.slogin_login_wrap .login_info_order.dot {border-top:1px dashed #ccc; }


/* 로그인 - 비회원주문시 약관 */
.nonmemeber_agree {width:100%; margin:35px auto;}
.nonmemeber_area {border:1px solid #e1e3e6;}
.nonmemeber_area .nonmemeber_cont {overflow-y:scroll; height:200px; margin:12px 20px 20px;  padding:0 15px; border:1px solid #e6e6e6;}
.nonmemeber_area .nonmemeber_check {margin:0 20px; padding-bottom:10px;}
.nonmemeber_area .guide_area {margin:0 20px; padding:20px; border-top:1px dashed #cacaca; text-align:center}
.nonmemeber_area .guide_area .exc {padding-left:17px;}
.nonmemeber_area .guide_area p {margin-top:20px}
.nonmemeber_area .title {margin:15px 0 0 20px; font-size:14px; color:#444;}


/* 회원가입 - step */


/* 회원가입 완료 */
.memberBox {position:relative; overflow:hidden; padding-top:30px; border:3px solid #e9e9e9; text-align:center;}
.memberBox .tit {margin-bottom:15px; font-size:22px; color:#444; font-family:'Noto Sans KR', sans-serif; font-weight:400;}
.memberBox ul {display:table; margin:0 auto;}
.memberBox ul li {float:left; position:relative; padding-left:25px; font-size:13px;}
.memberBox ul li strong {font-weight:500;}
.memberBox ul li:before {position:absolute; top:5px; left:12px; content:""; width:1px; height:11px; vertical-align:middle; background:#e0e0e0;}
.memberBox ul li:first-child {padding-left:0;}
.memberBox ul li:first-child:before {display:none;}
.memberBox .inBox {margin-top:30px; padding:30px; background:#f7f7f7;}
.memberBox .email_certify ul {display:table; margin:0 auto 20px;}


/* 회원가입 - 약관 */
.terms_area .title {margin:15px 0 0 20px; font-size:16px; color:#444; font-weight:500;}
.terms_area .terms_cont {overflow-y:scroll; height:235px; margin-bottom:12px; padding:0 25px 15px; border:1px solid #e6e6e6;}
.terms_area .terms_check {padding-bottom:10px; border-bottom:1px solid #e6e6e6;}
.terms_area .terms_check .radio {width:12px; height:12px; margin:0px 7px 0 10px;}
.personal_area {margin-bottom:20px;}
.personal_area .tit {margin:20px 0 -10px; font-size:16px; color:#444; font-weight:500;}
.personal_area .personal_cont {margin-top:20px; line-height:22px; }
.personal_area .personal_cont .tit {margin-bottom:5px; font-size:16px; color:#444; font-weight:500;}
.personal_area .personal_cont .s_tit {margin-bottom:5px;}
.personal_area .personal_cont ul > li {position:relative; line-height:22px; padding:0 0 0 15px;/* background:url("../shop/img/common/bul_03.gif") no-repeat 10px 10px;*/}
.personal_area .personal_cont ul > li:after {content:""; display:block; position:absolute; top:11px; left:5px; width:5px; height:1px; background:#848484;}
.personal_area .personal_cont ul li ul {padding-left:5px;}
.personal_area .personal_cont ul > li > ul > li {padding:0 0 0 9px}
.personal_area .personal_cont ul > li > ul > li:after {content:""; display:block; position:absolute; top:11px; left:0; width:3px; height:3px; background:#848484;}
.personal_area .personal_cont dl {}
.personal_area .personal_cont dl dt {color:#444; margin-top:10px;}
.personal_area .personal_cont dl dd {margin-bottom:5px;}
.personal_area .personal_cont dl dd ul {margin-top:4px;}
.personal_area .personal_cont dl dd ul li a {color:#434343;}
.personal_area .personal_cont ol li ol {padding-left:5px; margin:5px 0 10px 0;}
.personal_area .personal_cont ol li ul {padding-left:5px;}


.member .btn_list {margin-top:5px; padding:25px 0 0;}


/* 새창 */
.nWin_area {margin:20px 20px 40px;}
.nWin_title h1 {height:48px; line-height:48px; font-weight:normal; color:#fff; background:#5d5d5d; padding-left:15px;}



/* btn Box */
.btn_sbox {display:inline-block; padding:0 17px; height:28px; line-height:28px; background:#d9151d; color:#fff; border:none;}/* 게시판 검색 */


button[class*='text-style'] {margin:0; padding:0; border:0 none; background-color:transparent;}
button[class*='text-style']:hover {text-decoration:underline;}
[class|='btn'] {line-height:normal; vertical-align:middle; position:relative; display:inline-block; border-color:transparent; border-width:0; cursor:pointer; border-radius:0px; 
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; overflow:visible; overflow-y:hidden;}
[class|='btn']:after {vertical-align:top; position:absolute; top:0; right:0; bottom:0;}
[class|='btn'] span {text-align:center; vertical-align:top; white-space:nowrap; position:relative; display:inline-block; width:100%; min-width:50px; height:100%; background-repeat:no-repeat;}
/* gray */
[class|='btn'][class*='gray'],
[class|='btn'][class*='gray']:after {color:#fff; border:1px solid #6e6e6e; background:#6e6e6e;}
/* white */
[class|='btn'][class*='white'],
[class|='btn'][class*='white']:after {color:#444; border:1px solid #cccccc; background:#fafafa;}
/* red */
[class|='btn'][class*='red'],
[class|='btn'][class*='red']:after {color:#fff; border:1px solid #d9151d; background:#ee2b2e;}
/* orange -> 주요폰트 녹색변경 */
[class|='btn'][class*='orange'],
[class|='btn'][class*='orange']:after {color:#fff; border:1px solid #368932; background:#368932;}
/* height 24 */
[class|='btn'][class*='h24'] {letter-spacing:0px; line-height:24px; height:26px;}
[class|='btn'][class*='h24'] {padding:0px 8px;}
[class|='btn'][class*='h24']:after {width:2px;}
/* height 30 */
[class|='btn'][class*='h30'] {letter-spacing:0px; line-height:30px; height:32px; font-size:14px;}
[class|='btn'][class*='h30'] {padding:0 15px;}
[class|='btn'][class*='h30']:after {width:2px;}
/* height 36 */
[class|='btn'][class*='h36'], 
[class|='btn'][class*='h36'] span {letter-spacing:0px; line-height:36px; height:38px;}
[class|='btn'][class*='h36'],
[class|='btn'][class*='h36'] span {padding:0 25px;}
[class|='btn'][class*='h36']:after {width:2px;}


/* font style */
.fc_green {color:#368932;}
.fc_em {color:#ee2b2e;}



/* margin */
.mt5 {margin-top:5px;}
.mt7 {margin-top:7px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}




@media (max-width:680px){ /* mobile */

	/* 로그인 */
	.member_login_wrap {width:520px;}
	.member_login_wrap .member_login {padding:20px 0 30px;}
	.member_login_wrap .member_login .title_wrap {width:360px; margin:0 auto 20px; padding:0;}/* padding-top:0; 내려받음 방지 */
	.member_login_wrap .member_login .title_wrap .title {display:block; font-size:46px;}
	.member_login_wrap .member_login .title_wrap .desc {display:block; margin-top:10px; margin-left:0;}
	.member_login_wrap .member_login .member_login_input {width:360px;}
	.member_login_wrap .member_login .member_login_input label {display:none;}


	/* 회원가입 - 약관 */
	.terms_area .title {}
	.terms_area .terms_cont {overflow-y:scroll; height:230px; margin-bottom:12px; padding:0 15px 10px; border:1px solid #e6e6e6;}

	.personal_area .personal_cont {margin-top:20px; line-height:20px; }


		
	/* 회원가입 완료 */
	.memberBox .tit {font-size:20px;}
	.memberBox .inBox {padding:25px; font-size:13px;}

	

	.member_login_wrap .login_info_order {position:relative; overflow:hidden; margin-bottom:15px; border-left:0 none; padding-left:0;}
	.member_login_wrap .login_info_order i {float:left; width:70px; padding:0px; font-size:50px;}
	.login_info_join .title, .login_info_idfind .title, .login_info_order .title {font-size:20px; color:#444;}
	.login_info_join .conts, .login_info_idfind .conts, .login_info_order .conts {padding:2px 25px 15px 0;}

	.member_login.reconfirm {padding:25px 0 20px;} /* 비밀번호 재확인 */


}

@media (max-width:430px){ /* mobile */


	/* 로그인 */
	.member_login_wrap {width:100%; margin:20px auto;}
	.member_login_wrap .member_login {padding:20px 0 35px;}
	.member_login_wrap .member_login .title_wrap {width:90%; margin:0 auto 20px; padding:0;}/* padding-top:0; 내려받음 방지 */
	.member_login_wrap .member_login .title_wrap .title {display:block; font-size:40px;}
	.member_login_wrap .member_login .title_wrap .desc {display:block; margin-top:10px; margin-left:0;}
	.member_login_wrap .member_login .member_login_input {overflow:hidden; position:relative; width:90%;}
	.member_login_wrap .member_login .member_login_input label {display:none;}

	.member_login_wrap .member_login .member_login_input label + input {float:left; width:100%; height:47px; font-size:16px; /*color:#999;*/ margin-bottom:8px;}

	.member_login_wrap .member_login .member_login_input .login_button {position:relative; display:inline-block; width:100%; height:50px; margin-top:10px;}
	
	
	.member_login_wrap .member_login .member_login_input .title_id {width:100%; height:47px; line-height:45px;}/* 정보수정 */


	.member_login_wrap .login_info_order {margin-bottom:20px; text-align:center;}
	.member_login_wrap .login_info_order i {display:none;}
	.login_info_join .title, .login_info_idfind .title, .login_info_order .title {font-size:18px; color:#444;}
	.login_info_join .conts, .login_info_idfind .conts, .login_info_order .conts {display:none; padding:2px 0 0 0;}

	
	/* 회원가입 완료 */
	.memberBox .tit {font-size:18px;}



	



}



/* 폼 테이블 위에 1px보더 */
.form_table_02 {border-top:1px solid #7f7f7f; border-bottom:1px solid #7f7f7f; font-family:'NanumGothic';}
.form_table_02 table * {vertical-align:middle;}
.form_table_02 table {width:100%;}
.form_table_02 table .w130 {width:95px;} 
.form_table_02 table th {padding:0 0 0 15px; background:#f6f6f6; text-align:left; color:#444; border-top:1px solid #e5e5e5; letter-spacing:0; font-weight:normal;}
.form_table_02 table td {padding:8px 0 8px 15px; border-top:1px solid #e5e5e5;}

.form_table_02 table tr:first-child th, .form_table_02 table tr:first-child td {border-top:0px}








/* ----------------------------------------------------------------- */
/* 쇼핑몰 */
/* ----------------------------------------------------------------- */

.gnb_wrap {overflow:hidden; position:relative; margin:0 auto; padding:0 20px; width:100%; height:40px; border-bottom:1px solid #dcdcdc; box-sizing:border-box;}
.gnb_wrap ul {position:relative; overflow:hidden; display:table; margin:0 auto;}
.gnb_wrap ul li {float:left;}
.gnb_wrap ul li a {display:block; position:relative; padding:0 15px; line-height:40px; font-size:13px; color:#000; font-family:normal;}
.gnb_wrap ul li a.on {color:#ed1c24;}



/* 이미지 */
.prds_visual {position:relative; overflow:hidden; width:100%;}
.prds_visual .slide li {position:relative; height:278px;}
.prds_visual .slide li.m1 {background:url('../shop/img/main/img_m01.jpg') no-repeat;}
.prds_visual .slide li.m2 {background:url('../shop/img/main/img_m02.jpg') no-repeat;}
.prds_visual .slide li.m3 {background:url('../shop/img/main/img_m03.jpg') no-repeat;}
.prds_visual .slide li.m4 {background:url('../shop/img/main/img_m04.jpg') no-repeat;}
.prds_visual .slide li.m1, .prds_visual .slide li.m2, .prds_visual .slide li.m3, .prds_visual .slide li.m4 {background-size:110%; background-position: center -20px;}
.prds_visual .slide li a {position:absolute; top:0; left:0; width:100%; height:100%; z-index:10;}

.prds_visual .slide_title {position:absolute; bottom:45px; left:0px;  width:100%; color:#121212; text-align:center;}
.prds_visual .slide_title .en {display:block; font-size:26px; font-family:'Playfair Display',sans-serif; font-weight:700;}
.prds_visual .slide_title .desc {display:block; margin-top:7px; font-size:13px; color:#717477; font-family:"NanumGothicBold", sans-serif; }
.prds_visual .pager {position:absolute; bottom:17px; right:0; z-index:100;}
.prds_visual .pager .pages li {margin:0 5px;}
.prds_visual .pager .pages li a {width:6px; height:6px;}


.main_wrap {position:relative; overflow:hidden; width:96%; margin:0 auto 40px;}


.title_main {position:relative; text-align:center; margin:30px 0 20px;}
.title_main h3 {font-size:14px; font-weight:bold; font-weight:normal; display:inline-block; }
.title_main span {display:block; margin-top:7px; font-size:11px; color:#444;}


/* 상품 리스트 */
.prds_lst {position:relative; margin-top:0px; overflow:hidden; }
.prds_lst li:nth-of-type(odd){margin-left:0px}
.prds_lst li {position:relative; overflow:hidden; display:inline-block; zoom:1; *display:inline; float:left; width:50%; margin:0 0 25px 0; padding:0 8px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background:#fff;}
.prds_lst li .item {position:relative; overflow:hidden; text-align:center; }
.prds_lst li .item a {position:absolute; top:0; left:0; width:100%; height:100%; z-index:10;}
.prds_lst li .item .imgthumb {position:relative; background:#e1e1e1; }
.prds_lst li .item .imgthumb img {width:100%; height:100%;}
.prds_lst li .item .detail {position:relative; overflow:hidden; /* padding: 0 0 10px; border:1px solid #dfdfe0; border-top:none;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; */}
.prds_lst li .item .name {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:13px; font-size:13px; color:#555;}
.prds_lst li .item .price {margin-top:5px; font-size:13px;}
.prds_lst li .item .price .sale {margin-right:2px; }
.prds_lst li .item .price .sale span {position:relative; color:#999; }
.prds_lst li .item .price .sale span:after {content: ""; position:absolute; left:0px; top:6px; width:100%; height:1px; background:#aaa;}
.prds_lst li .item .price .sale > span em {font-size:12px; vertical-align:1px; font-weight:normal}
.prds_lst li .item .price .sale > em {color:#ee2d7a; font-size:13px; }
.prds_lst li .item .price strong {line-height:1; font-size:13px; color:#555;}
.prds_lst li .item .price strong em {font-size:13px; vertical-align:1px; color:#555;}
.prds_lst li.no_prds {width:100%; text-align:center;}


@media screen and (min-width:400px){ /* 가로 사이즈 */

.prds_visual .slide li {position:relative; height:400px;}
.prds_visual .slide li.m1, .prds_visual .slide li.m2, .prds_visual .slide li.m3, .prds_visual .slide li.m4 {background-size:100%; background-position: center -20px;}
.prds_lst li {width:33.33%;}

}


/* 상품리스트 사용 list.10.skin.php */
.prds_lst li p.icon img {margin-right:3px}
.no_list, #sps_empty {position:relative; border-top:0; height:130px; line-height:130px; text-align:center;} /*#sps_empty 상품리뷰: 자료가 없습니다.*/

/* 섬네일 뱃지 */
.thumb_badge {position:absolute; top:5px; left:5px;  z-index:100;}
.ico_label {display:block; width:32px; height:32px; margin-bottom:4px; text-align:center; -webkit-border-radius:50%;-moz-border-radius:50%; border-radius:50%;}
.ico_label.best {/*display:table-cell; vertical-align:middle; */ line-height:32px; width:32px; height:32px; font-size:12px; font-weight:bold; color:#fff; border:1px solid #ed1c24; background:#ed1c24; letter-spacing:-0.25px;}
.ico_label.new {line-height:31px; width:32px; height:32px; font-size:12px; font-weight:bold; color:#fff; border:1px solid #ff9900; background:#ff9900; letter-spacing:-0.25px;}
.ico_label.gift {line-height:37px; width:36px; height:36px; font-size:13px; color:#fff; background:#fdb137;} /* 관리자 히트 */
.ico_label.soldout {line-height:36px; width:36px; height:36px; font-size:11px; color:#fff; background:#666;}

/* 섬네일 할인율 뱃지 */

.thumb_badge span.num {font-family:Verdana, sans-serif; font-weight:bold; font-size:20px;}
.thumb_badge span.unit {font-weight:bold; font-size:15px;}



/* 리스트 카테고리 */
.swiper-container-horizontal .swiper-button-disabled {display:none;}
.swiper-wrapper {position:relative; width:100% ;height:100%; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform;-ms-transition-property:-ms-transform; transition-property:transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.swiper-wrapper li {position:relative; width:100%;}
.swiper-slide {position:relative;-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;}
.swiper-container-free-mode .swiper-wrapper > li {display:-webkit-box;}

.tag_wrap {position:relative; overflow:hidden; background:#fff; width:100%; border-bottom:1px solid #dcdcdc;}
.tag_wrap:after {content:''; display:block; position:absolute; top:0; right:0; width:20px; height:100%; background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background:linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);}
.tag_wrap h2 {position:absolute; font-size:0; text-indent:-9999em; line-height:0; overflow:hidden;}
.tag_wrap ul li {width:auto;}
.tag_wrap ul li:first-child a{padding-left:20px;}
.tag_wrap ul li:last-child {padding-right:23px;}
.tag_wrap ul li a {display:inline-block; height:38px; padding:2px 15px 0; font-size:13px; line-height:38px;}
.tag_wrap ul li a span {color:#999;}
.tag_wrap ul li a.on {}


.list_wrap {width:96%; margin:20px auto 40px !important;} /* 상품리스트 페이지 */








/* 상세 구매정보 */
.information_cont .info_list li {margin:5px 0; padding-left:7px; background:url("../shop/img/common/bul_02.gif") no-repeat 0px 6px;}




.pt0 {padding-top:0 !important}
.mb10 {margin-bottom:10px !important}










/* ----------------------------------------------------------------- */




/* 하단 레이아웃 
#ft {margin:0 0 0; padding:0px 0 0; border-top:1px solid #555; font-size:0.833em;color:#7c7b7b;text-align:center;letter-spacing:0em}
#ft h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#ft p {margin:0; padding:0px 25px 10px; line-height:1.6em}
#ft p span {margin:0 3px;}
#ft_to_top {display:block;margin:10px 10px ;padding:10px;background:#777; color:#fff;}
*/

/* 목록 바로가기 */
.sanchor {margin:0 0 20px; padding:0; border-top:10px solid #e6e6e6;}
.sanchor:after {display:block;visibility:hidden;clear:both;content:""}
.sanchor li {float:left;list-style:none; width:25%; text-align:center;  overflow: hidden;  white-space: nowrap;letter-spacing:0em;font-size:1.063em; }
.sanchor a {display:block; height:42px; line-height:43px; border-left:0px solid #e6e6e6; border-bottom:2px solid #dcdcdc; background:#fcfcfc; text-decoration:none; color:#444; 
    box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.sanchor a:focus, .sanchor a:hover {background:#eee; text-decoration:none}
.sanchor a.sanchor_on {text-decoration:none; border-bottom:2px solid #444;}

/* ########## 쇼핑몰 컨텐츠 ########## */
/*메인배너
#main_bn{position:relative;margin:0 0 20px;height:auto}
#main_bn .bn_img li{width:100%}
#main_bn .bn_img li img{width:100%}
#main_bn .bn_img{overflow:hidden}
#main_bn .bn_img li {position:relative;float:left;}
#main_bn .bn_img li.bn_first{display:block}
#main_bn .bn_silde_btn{width:100%;text-align:center;margin-top:5px}
#main_bn .bn_silde_btn button{background:url(../mobile/shop/img/best_btn.gif) no-repeat 5px 5px;border:none;text-indent:-9999px;width:20px;height:20px;}
#main_bn .bn_silde_btn button.bn_sl{background-position:-11px 5px;border:none;text-indent:-9999px;width:20px;height:20px}
*/
/* 인덱스 이미지 출력 */
#sidx {padding:0;margin-bottom:20px;margin-top:10px}
#slide_tab {display:none}
#sidx_slide {position:relative;top:0;left:0;width:100%;overflow:hidden}
.sidx_slide {position:absolute;top:0;left:0;width:100%}

.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
}

/* 사용후기 모음 */
#sps_sch {margin:20px 0 0; padding:10px 0; text-align:center; background:#f6f6f6; border:1px solid #eaeaea;}
#sps_sch a {display:inline-block;padding:0 8px; height:32px; line-height:30px; background:#333;color:#fff;text-decoration:none;vertical-align:middle;}
#sps_sch .btn_submit {padding:0 8px; height:32px; line-height:30px; vertical-align:middle}

#sps {zoom:1}
#sps ol {margin:0;padding:0;border-top:1px solid #e9e9e9;list-style:none}
#sps li {position:relative; padding:10px 0; min-height:70px; border-bottom:1px solid #e9e9e9}
#sps li:after {display:block;visibility:hidden;clear:both;content:""}

.sps_img {position:absolute;top:10px;left:0px}
.sps_img span {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

#sps dl {margin:5px 0 0px; color: #777; font-size: 0.917em;overflow:hidden}
#sps dt {float:left;margin:0 0 5px}
#sps dd {float:left;margin:0 15px 5px 5px}
#sps dd img {position:relative; display:block; left:-5px}

.sps_section {margin-left:80px; display:block;}
/*.sps_section h2 {font-size:1.12em;}*/
.sps_section a { text-overflow:ellipsis; white-space:nowrap; display:block; padding:5px 0 ; font-size:1.12em; font-weight:bold;}
.sps_section p {padding:0;width:100%}
.sps_con_full {padding:0;height:auto !important}
.sps_con_btn {margin:5px 0 0;text-align:right}
.sps_con_btn button {margin:0;padding:5px;border:0;background:#565e60;color:#fff}
.sps_section .sps_con {margin-top:10px;} /*혜영추가*/

/* 상품문의 모음 */
#sqa_sch {margin:10px }
#sqa_sch #sfl{height:24px}
#sqa_sch a {display:inline-block;padding:0 8px;height:2em;background:#333;color:#fff;text-decoration:none;vertical-align:middle;line-height:1.9em}
#sqa_sch .btn_submit {padding:0 8px;height:23px;vertical-align:middle}

#sqa {zoom:1;}
#sqa ol {margin:0; padding:0;border-top:1px solid #e9e9e9;list-style:none;padding:0 0px}
#sqa li {position:relative;padding:10px 0; min-height:70px; border-bottom:1px solid #e9e9e9}
#sqa li:after {display:block;visibility:hidden;clear:both;content:""}

.sqa_img {position:absolute; top:10px;left:0px}
.sqa_img span {position:absolute;font-size:0;line-height:0;overflow:hidden;width:0;}

#sqa dl {margin:0px 0 0; color: #777; font-size: 0.917em; overflow:hidden;}
#sqa dt {float:left;margin:0 0 5px}
#sqa dd {float:left;margin:0 15px 5px 5px}
#sqa dd img {position:relative;top:-2px}

.sit_qaa_yet, .sit_qaa_done {margin-left:0px !important; background:#eee; padding:5px 8px;color:#888; border-radius:15px}
.sit_qaa_done {background:#9d57b7; color:#fff}

.sqa_section {margin-left:80px;display:block}
.sqa_section a {text-overflow:ellipsis; white-space:nowrap; display:block; padding:5px 0; font-size:1.12em; font-weight:bold;}
.sqa_section .sqa_con {margin-top:5px; padding:0 10px;background:#f2f5f9;line-height:1.7em}
.sqa_section p {padding:0;width:100%}
.sqa_con_full {padding:0;height:auto !important}
.sqa_con_btn {margin:5px 0 0;text-align:right}
.sqa_con_btn button {margin:0;padding:5px;border:0;background:#565e60;color:#fff}

#sqa .sit_qa_qaq,#sqa .sit_qa_qaa {padding:10px 5px 10px ;position:relative}

/* 마이페이지 */
#smb_my {}

#smb_my_ov {margin:0 0 20px}
#smb_my_ov ul:after {display:block;visibility:hidden;clear:both;content:''}
#smb_my_ov ul li{width:48.5%;float:left;padding:10px 0;background:#f2f2f2;text-indent:10px;height:55px;position:relative;border:1px solid #dbdbdb;margin-bottom:5px}
#smb_my_ov ul li:first-child{float:right;}
#smb_my_ov ul li a{position:absolute;bottom:10px;right:10px;color:#ff3e5e;font-weight:bold;font-size:1.3em}
#smb_my_ov h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#smb_my_ov dl {margin:0;border:1px solid #dbdbdb;font-size:0.92em;color:#666}
#smb_my_ov dl:after {display:block;visibility:hidden;clear:both;content:''}
#smb_my_ov dt {float:left;height:34px ;line-height:34px;width:35%;border-bottom:1px solid #e9e9e9;font-weight:bold;text-indent:10px;}
#smb_my_ov dd {float:left;margin:0;height:34px ;line-height:34px;width:65%;border-bottom:1px solid #e9e9e9}
#smb_my_ov dt.my_point{background:#f2f2f2;width:49%;}
#smb_my_ov .ov_addr {border-bottom:0;height:auto;line-height:24px;padding:  5px 0}

#smb_my_od {margin:0 0 20px}
#smb_my_od h2 {margin:0 0 10px}
#smb_my_od .td_stat {width:100px}

#smb_my_wish h2 {margin:0 0 10px}
#smb_my_wish ul {margin:0;padding:0;list-style:none}
#smb_my_wish li {position:relative;padding:5px 0 30px;min-height:35px;border:1px solid #e9e9e9;margin-bottom:5px;}
#smb_my_wish li:nth-of-type(1) {border-top:1px solid #e9e9e9}
#smb_my_wish .wish_img {position:absolute;top:10px;left:10px}
#smb_my_wish .info_link {display:block;padding:5px 0;font-size:1.2em;}
#smb_my_wish .info_date {position:absolute;bottom:10px;right:10px;color:#737373}

/* 장바구니 주문서 공통 */
#sod_chk {padding:0 0 5px;}
.sod_list {position:relative;margin:0;padding:0;list-style:none}
.sod_list .sod_li {position:relative;padding:0;border:1px solid #e9e9e9;margin:10px 0}
.sod_list .sod_li:after {display:block;visibility:hidden;clear:both;content:""}
.sod_list .li_chk{position:absolute;top:10px;left:10px;}
.sod_list .li_name{min-height:130px}
.sod_list .li_name a,.sod_list .li_name strong{display:block;padding: 0 10px 0 25px;border-bottom:1px solid #e9e9e9;height:35px;line-height:35px}
.sod_list .li_name strong{padding-left:10px}
.sod_list .total_img{position:absolute;top:45px;left:10px;}
.sod_list .sod_opt{padding:10px 10px 5px;margin-left:90px;color:#9e9e9e;font-size:0.93em}
.sod_list .sod_opt li{margin-bottom:3px}
.sod_list .li_cp{position:relative}
.sod_list .li_cp .cp_btn, .sod_list .li_cp .cp_cancel, .sod_list .li_mod .mod_btn {margin:0;padding:5px 8px;border:0;background:#000;color:#fff;font-size:0.93em}
.sod_list .li_cp .cp_cancel,.odf_tbl #od_coupon_cancel,.odf_tbl #sc_coupon_cancel{border:1px solid #999;color:#777;background:#fafafa;margin-left:3px;padding:4px 5px}
.sod_list .li_prqty{margin:10px;}
.sod_list .li_prqty:after {display:block;visibility:hidden;clear:both;content:""}
.sod_list .li_prqty .li_prqty_sp{width:33%;display:inline-block;float:left;text-align:center;line-height:2.2em;border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;border-left:1px solid #e9e9e9;color:#9e9e9e;font-size:0.93em;margin-left:-1px}
.sod_list .li_prqty  .prqty_price{border-left:1px solid #d3d3d3;}
.sod_list .li_prqty  .prqty_sc{border-right:1px solid #d3d3d3;}
.sod_list .li_prqty .li_prqty_sp span{display:block;background:#f2f2f2;}
.sod_list .li_total {position:relative;border-top:1px solid #e9e9e9;margin:10px 10px 0;}
.sod_list .total_span {display:block;position:relative;padding:5px 0;text-align:right;color:#343434}
.sod_list .total_span span{position:absolute;top:5px;left:0}
.sod_list .total_span strong{font-size:1.2em}
#sit_opt_added {margin:0;padding:0;border:1px solid #e9e9e9;border-bottom:0;background:#fff;list-style:none;}
#sit_opt_added li {padding:10px ;border-bottom:1px solid #e9e9e9;margin-bottom:5px}
#sit_opt_added li:after {display:block;visibility:hidden;clear:both;content:""}
#sit_opt_added li div {height:25px;margin:5px 0 0;text-align:right;position:relative;width:111px;float:right}
#sit_opt_added .btn_frmline {height:1.85em;line-height:1.85em;background:url(../mobile/shop/img/del_btn.gif) no-repeat 1px 2px;position:absolute;top:0;right:0 ;text-indent:-999px;width:25px;height:25px;padding:0}
#sit_opt_added li div .sit_qty_plus{overflow:hidden;position:absolute;top:0;left:57px;background:url(../mobile/shop/img/add.gif) no-repeat -1px -1px;text-indent:-999px;border:1px solid #ccc;width:25px;height:25px}
#sit_opt_added li div .sit_qty_minus{overflow:hidden;position:absolute;top:0;left:0;background:url(../mobile/shop/img/add.gif) no-repeat -26px  -1px ;text-indent:-999px;border:1px solid #ccc;width:25px;height:25px}
#sit_opt_added li div .sit_opt_del{background:url(../mobile/shop/img/del_btn.gif) no-repeat 1px 2px;position:absolute;top:0;right:0 ;text-indent:-999px;width:25px;height:25px;padding:0; border:0;}
#sit_opt_added li div .frm_input{width:34px;border:1px solid #ccc;height:25px;padding:0 !important;line-height:25px;text-align:center;background:#fff;position:absolute;top:0;left:24px}
#sit_tot_price {overflow:hidden; margin:15px 3px 20px;font-size:1.2em; font-weight:bold; text-align:right; position:relative;}
#sit_tot_price strong {display:inline-block; border:none;}
#sit_tot_price span{position:absolute;top:0;left:10px}
select.it_option,select.it_supply { width:100%; padding: 0 5px; border-radius:5px; height:31px; -webkit-appearance: none; border:1px solid #aaa; background: url(../mobile/shop/img/select.gif) no-repeat right #fafafa;}

/*수량*/
#sit_opt_added li .sit_opt_qty{position:relative;width:81px;float:right;text-align:center !important;}
#sit_opt_added li .sit_opt_qty .frm_input{width:34px;border:1px solid #ccc;height:25px;padding:0 !important;line-height:25px;text-align:center;background:#fff}
#sit_opt_added li .sit_opt_qty .sit_qty_plus{position:absolute;top:0;right:0;background:url(../mobile/shop/img/add.gif) no-repeat -1px -1px;text-indent:-999px;border:1px solid #ccc;width:25px;height:25px}
#sit_opt_added li .sit_opt_qty .sit_qty_minus{position:absolute;top:0;left:0;background:url(../mobile/shop/img/add.gif) no-repeat -26px  -1px ;text-indent:-999px;border:1px solid #ccc;width:25px;height:25px}

/* 장바구니 */
#sod_bsk {}

#sod_bsk_list {position:relative}
#sod_bsk_list #mod_option_frm {z-index:10000;position:absolute;top:0;left:0;width:100%}
#sod_bsk_list #mod_option_frm form{border:2px solid #da2027;background:#fff;padding:10px;max-height:500px;overflow-y:scroll}
html.no-overflowscrolling #mod_option_frm {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#sod_bsk_list #mod_option_frm .sit_ov_tbl{background:#ededed;margin-top:5px}
#sod_bsk_list #mod_option_frm .sit_ov_tbl th,#sod_bsk_list #mod_option_frm .sit_ov_tbl td{border:none;padding-left:5px;font-weight:normal;text-align:left}
#sod_bsk_list #mod_option_frm .sit_ov_tbl th{width:90px}
#sod_bsk_list #mod_option_frm#sit_tot_price{font-size:1.2em}
#sod_bsk_list #mod_option_frm #sit_tot_price span{left:0;}
#sod_bsk_list #mod_option_frm .btn_confirm {overflow:hidden;}
#sod_bsk_list #mod_option_frm .btn_submit { width:49%; float:left; background:#da2027; font-size:1.12em; }
#sod_bsk_list #mod_option_frm .btn_cancel {width:49%;float:right;background:#fff; border:1px solid #da2027; color:#da2027; font-size:1.12em; padding:0; height:32px; line-height: 30px; }

#sod_bsk_tot {margin:0 0 8px;; border:1px solid #e9e9e9; border-bottom:none; background:#f2f2f2}
#sod_bsk_tot:after {display:block;visibility:hidden;clear:both;content:""}
#sod_bsk_tot dt, #sod_bsk_tot dd {float:left;padding:10px 0; border-bottom:1px solid #e9e9e9}
#sod_bsk_tot dt {padding-left:2%;width:48%;font-weight:bold}
#sod_bsk_tot dd {margin:0;padding-right:2%;width:48%;text-align:right}
.sod_bsk_cnt {background:#373737;color:#fff}
.sod_bsk_point {border-bottom:0 !important}

#sod_bsk_act {margin:0 0 20px;padding-top:40px;text-align:center;position:relative}
#sod_bsk_act:after {display:block;visibility:hidden;clear:both;content:""}
#sod_bsk_act a.btn01 {width:49%; padding:0; height:40px; line-height:40px; border:1px solid #da2027; background:none; color:#da2027; font-size:1.12em; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#sod_bsk_act .btn_submit{width:49%; padding:0; height:40px; line-height:40px; background:#da2027; border:1px solid #da2027; font-size:1.12em;}
#sod_bsk_act  div{position:absolute;top:0;right:0;}
#sod_bsk_act  div .btn01 {background:#fff;color:#999;padding:5px;font-size:0.93em}

/* 위시리스트 */
#sod_ws {}
#sod_ws li{position:relative;padding:10px 0 10px 90px;min-height:35px;border:1px solid #e9e9e9;margin-bottom:5px;height:50px}
#sod_ws .wish_img {position:absolute;top:10px;left:30px}
#sod_ws .info_link {display:block;padding:5px 0;font-size:1.2em;font-weight:bold}
#sod_ws .info_date {position:absolute;bottom:10px;right:10px;color:#737373}
#sod_ws .wish_chk{position:absolute;top:10px;left:10px;color:#737373}
#sod_ws .sold_out{position:absolute;top:20px;left:80px;display:inline-block;width:100px;color:#ff3e5e}
#sod_ws .wish_del a{position:absolute;top:10px;right:10px;text-indent:-999px;overflow:hidden;width:25px;height:25px;background:url(../mobile/shop/img/del_btn.gif) no-repeat top right;}
#sod_ws_act {margin-top:20px; text-align:center;}
#sod_ws_act button{width:49%;height: 40px;letter-spacing: 0em;  line-height: 40px;padding:0;border:1px solid #da2027; font-size:1.12em;}
#sod_ws_act .btn01{background: #fff;  color: #da2027;border:1px solid #da2027;}
#sod_ws_act .btn02{background: #da2027;  color: #fff;}

/* 쿠폰 */
#scp_list .win_desc{padding:10px;padding-top:0}
#scp_list ul {margin:0;padding:0;list-style:none}
#scp_list li {position:relative;border:1px solid #e9e9e9;margin-bottom:5px;border-radius:8px}
#scp_list .li_title {display:block;padding:8px 10px;font-size:1.2em;font-weight:bold;background:#f2f2f2}
#scp_list .li_pd {margin:0 0 5px;zoom:1}
#scp_list .li_pd:after {display:block;visibility:hidden;clear:both;content:""}
#scp_list .pd_price {padding:10px;display:inline-block}
#scp_list .pd_date {float:right;padding:10px;color:#a4a4a4}
#scp_list .li_target {padding:0 10px 10px;color:#da2027;display:inline-block}

/* 주문서 작성 */
#sod_frm {}
#sod_frm section{margin-bottom:10px}
#sod_frm p#sod_frm_pt_alert {margin:20px 0;text-align:center }
#sod_bsk_list #mod_option_frm .sit_ov_tbl{background:#ededed;margin-top:5px}
#sod_bsk_list #mod_option_frm .sit_ov_tbl th,#sod_bsk_list #mod_option_frm .sit_ov_tbl td{border:none;padding-left:5px;font-weight:normal}
#sod_bsk_list #mod_option_frm .sit_ov_tbl th{width:90px}
html.no-overflowscrolling #cp_frm {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#sod_frm_deli {position:relative;line-height:2em}
#sod_frm_deli #order_address {display:block;;width:100px;background:#333;color:#fff;text-align:center}
#sod_frm_orderer {margin:15px 0 30px}
#sod_frm_orderer #od_addr_jibeon, #sod_frm_taker #od_b_addr_jibeon {display:inline-block;margin:5px 0 0}
#sod_frm h2{background:#f2f2f2;border:1px solid #e9e9e9;padding:10px;}
#sod_frm .odf_tbl table{width:100%;margin:0;padding:0;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;border-collapse:collapse}
#sod_frm .odf_tbl table tbody td,#sod_frm .odf_tbl table tbody th{;border-bottom:1px solid #e9e9e9;padding:5px 0px 5px 10px ;text-align:left;line-height:26px;position:relative;}
#sod_frm .odf_tbl table th{width:90px;color:#343434;font-weight:normal;letter-spacing:-0.1em}
#sod_frm .odf_tbl table .frm_input {background-color:#fff !important;height:32px; line-height:32px; text-indent:5px;  -webkit-appearance:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#sod_frm .odf_tbl table .frm_address{margin-top:5px}
#sod_frm .odf_tbl button.btn_frmline{font-size:0.92em;padding:0 8px;height:32px;line-height:32px}
#sod_frm .odf_tbl textarea {width:97%; border:1px solid #dcdcdc;  -webkit-appearance:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#sod_frm_same {margin:0 0 10px}
#sod_frm_pay {position:relative}
#sod_frm_pay .tbl_head01 caption {font-size:0;line-height:0;overflow:hidden}
#sod_frm_pay .tbl_head01 th {width:auto !important;font-weight:bold;text-align:center !important}
#sod_frm_pay .tbl_head01 td {border-top:1px solid #e9e9e9 !important;border-bottom:1px solid #e9e9e9 !important;line-height:1.5em !important;word-break:break-all !important}

#sod_frm .odf_tbl table input[type=text], input[type=password], input[type=url], input[type=file], input[type=email] {width:97%;}
#sod_frm .odf_tbl table .add_zip {width:70px !important;}

html.no-overflowscrolling #sc_coupon_frm, html.no-overflowscrolling #od_coupon_frm {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#sod_frm_pay_info {margin:0 0 10px}
#sod_frm_paysel {margin:10px 0 ;padding:10px;background:#f2f2f2;border:1px solid #e0e0e0}
#sod_frm_paysel ul {margin:0;padding:0;}
#sod_frm_paysel ul:after {display:block;visibility:hidden;clear:both;content:""}
#sod_frm_paysel li {float:left;padding:5px 2%;width:46%;height:21px}
x#sod_frm_paysel .KPAY{background:url('../img/kpay_logo.png') no-repeat;width:37px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;}
#sod_frm_paysel .PAYNOW{background:url('../img/paynow_logo.png') no-repeat;width:46px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;}
#sod_frm_paysel .PAYCO{background:url('../img/payco_logo.png') no-repeat 1px;width:46px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;}
.kakaopay_icon{background:url('../img/kakao.png') no-repeat ;height:21px;width:74px;display:inline-block;overflow:hidden;text-indent:-999px}

#sod_frm_paysel #settle_bank {padding:10px;background:#fff;line-height:2em;border:1px solid #dbdbdb}
#sod_frm_paysel #settle_bank label {display:inline-block;margin:0 10px 0 0;font-weight:bold}
#sod_frm_paysel #settle_bank .frm_input {background:#fff;text-align:center}
#sod_frm_escrow {margin:30px 0 0}

#od_addr1, #od_addr2, #od_addr3, #od_email, #od_b_addr1, #od_b_addr2, #od_b_addr3 {}
#sod_frm #od_memo {height:70px}
#sod_frm_pt {margin:10px 0 5px}
#sod_frm_pt_alert, #sod_frm_pt_info {margin:0 0 10px}
#sod_frm #show_progress {text-align:center}
#sod_frm #show_progress span {display:block;margin:5px 0 0}
#sod_frm #cp_frm,#od_coupon_frm,#sc_coupon_frm{z-index:10000;position:absolute;top:25px;left:0;width:100%;border:2px solid #da2027;background:#fff;}
#od_coupon_frm,#sc_coupon_frm{top:33px;left:10px;width:95%}
#sod_frm .odf_tbl button.sc_cp_apply,#sod_frm .odf_tbl button.od_cp_apply{font-size:1em}
#sod_frm #cp_frm .tbl_head02,#od_coupon_frm .tbl_head02,#sc_coupon_frm .tbl_head02{padding:15px;margin:0;}
#sod_frm #cp_frm .tbl_head02 caption,#od_coupon_frm .tbl_head02 caption,#sc_coupon_frm .tbl_head02 caption{background:#da2027;color:#fff;position:absolute;top:0;left:0;width:100%;text-indent:10px;padding:0 0 ;height:30px;line-height:28px;}
#sod_frm #cp_frm .tbl_head02 table,#od_coupon_frm .tbl_head02 table,#sc_coupon_frm .tbl_head02 table{margin-top:30px;border:1px solid #d3d3d3;}
#sod_frm #cp_frm .tbl_head02 th,#od_coupon_frm .tbl_head02 thead th,#sc_coupon_frm .tbl_head02 thead th{border-bottom:1px solid #e5e5e5;background:#ededed;text-align:center !important;padding:5px 0;line-height:1.5em !important}
#sod_frm #cp_frm .tbl_head02 th+th+th, #od_coupon_frm .tbl_head02 th+th+th,#sc_coupon_frm .tbl_head02  th+th+th{width:60px}
#sod_frm #cp_frm .tbl_head02 td,#od_coupon_frm .tbl_head02 td,#sc_coupon_frm .tbl_head02 td{border:none;line-height:1.5em !important}
#od_coupon_frm .tbl_head02 td.td_numbig,#od_coupon_frm .tbl_head02 td.td_mngsmall,#sc_coupon_frm .tbl_head02 td.td_mngsmall{text-align:center}
#sod_frm #cp_frm .tbl_head02 td .btn_frmline,#od_coupon_frm .tbl_head02 td,#sc_coupon_frm .tbl_head02 td {font-size:0.92em}
#sod_frm #cp_frm .tbl_head02 td.td_numbig,#od_coupon_frmtd .tbl_head02 .td_numbig,#sc_coupon_frm .tbl_head02 td.td_numbig{width:90px;text-align:center}
#sod_frm #cp_frm .btn_confirm .btn_submit,#od_coupon_frm .btn_confirm .btn_submit,#sc_coupon_frm .btn_confirm .btn_submit{position:absolute;top:0;right:0;background:url(../mobile/shop/img/close_op.jpg) no-repeat 0 10px;text-indent:-9999px; width:25px;height:25px}
#sod_frm #display_pay_button .btn_submit,#sod_frm #display_pay_button  .btn_cancel,#sc_coupon_frm #display_pay_button  .btn_cancel{width:49%; padding:0; text-align:center; height:40px; line-height:40px; background: #da2027; border:1px solid #da2027;-webkit-appearance: none;border-radius:0; font-size:1.12em;}
#sod_frm #display_pay_button .btn_cancel {border:1px solid #da2027;background:#fff;color:#da2027; font-size:1.12em; height:40px; line-height:40px; padding:0;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

/* 배송지 목록 */
#sod_addr {}
#sod_addr ul {margin:0;padding:0;list-style:none}
#sod_addr li {position:relative;padding:5px 0 5px 20px;min-height:35px;border-bottom:1px solid #e9e9e9}
#sod_addr .addr_chk {position:absolute;top:9px;left:0}
#sod_addr .addr_default {position:absolute;top:9px;right:0}
#sod_addr .addr_addr {margin:10px 0 5px}
#sod_addr .addr_name {float:left;margin:0 0 10px}
#sod_addr .addr_tel {float:right;margin:0 0 10px}
#sod_addr .addr_btn {clear:both;text-align:right}
#sod_addr .addr_btn:after {display:block;visibility:hidden;clear:both;content:""}
#sod_addr #btn_sel {width:25%;border:0;line-height:2.5em;background:#626870;color:#fff}
#sod_addr #btn_del {display:inline-block;width:15%;line-height:2.5em;background:#f2f5f9;color:#da2027;text-align:center}

/* 주문내역 */
#sod_v {margin:10px}
#sod_v .td_stat {width:100px}
#sod_v_info {margin:0 0 10px}

/* 주문상세내역 */
#sod_fin {}
#sod_fin .sod_list .li_name_od a{display: block;  padding: 10px; }
#sod_fin .sod_list .li_opt{padding:10px;padding-bottom:0;border-top:1px solid #e9e9e9}
#sod_fin .sod_list .li_opt:first-child{border:none}
#sod_fin  .sod_list .total_img{top:10px;left:0}
#sod_fin  .sod_list .total_span{padding:10px;display:block}
#sod_fin  .sod_list .total_span span{top:10px}
#sod_fin  .sod_list .li_prqty .li_prqty_sp{width:24.5%;}
#sod_fin  .sod_list .li_prqty .prqty_stat{  border-right: 1px solid #d3d3d3;}
#sod_fin section{margin-bottom:20px}
#sod_fin_no {margin:0 0 20px; padding:10px; border:1px solid #d3d3d3; text-align:center; font-size:1.12em;}
#sod_fin_list h2 {margin:0 0 10px}
#sod_sts_wrap {margin:0 0 10px;text-align:right}
#sod_sts_explan {display:none}
#sod_fin_legend {margin:10px 0;padding:10px 10px ;text-align:left;background:#f6f6f6}
#sod_fin_legend:after {display:block;visibility:hidden;clear:both;content:''}
#sod_fin_legend dt {clear:both;float:left;margin:0 0 5px;width:50px;font-weight:bold}
#sod_fin_legend dd {float:left;margin:0}

#request_form {position:relative}
#request_form div {display:none;z-index:10000;position:absolute;top:31px;left:0;padding:10px 0;width:290px;border:1px solid #000;background:#f2f5f9;text-align:center}
#request_form label {letter-spacing:-0.1em}
#request_form .frm_input {width:170px;background:#fff !important}
#request_form .btn_frmline, #request_form .btn_cancel {margin:5px 0 0;padding:0 5px;height:1.9em;vertical-align:middle !important;line-height:1.9em}

#sod_req_btn {margin:0 0 10px}
#sod_req_btn button {background:#626870}

#sod_req_log {margin:0 0 20px}
#sod_req_log ul {margin:0;padding:0;border-top:1px solid #e9e9e9;background:#f2f5f9;list-style:none}
#sod_req_log li {padding:10px 10px 20px;border:1px solid #e9e9e9;border-top:0}
#sod_req_log h3 {margin:20px 0 10px}
.sod_req_log_view table {margin:0}
.sod_req_log_view caption {padding:10px 0;font-size:1em;font-weight:bold;text-align:left;line-height:1em}
.sod_req_log_view caption span {color:#da2027}
.sod_req_log_view th {border-top:1px solid #e9e9e9;background:#f7f7f7 !important;color:#000 !important;text-align:center}
.sod_req_log_view td {background:#fff;color:#000}
.sod_req_log_view p {padding:10px 15px;border-bottom:1px solid #e9e9e9;background:#fff;color:#000}
.sod_req_log_view button {margin:0;padding:0;border:0;background:transparent;color:#da2027;text-decoration:underline;vertical-align:middle}

#sod_fin_view h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sod_fin_view h3 {margin:0 0 10px}
#sod_fin_view .tbl_head01 th {padding:0 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f2f5f9;text-align:left}
#sod_fin_dvr .dvr_link {color:#da2027;text-decoration:underline}

#sod_fin_tot {margin:0 0 30px;;border:1px solid #e9e9e9;border-top:0;background:#373737;color:#fff}
#sod_fin_tot h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sod_fin_tot ul {margin:0;padding:0;list-style:none}
#sod_fin_tot li {padding:10px;border-bottom:1px solid #5d5d5d;padding:10px}
#sod_fin_tot li:after {display:block;visibility:hidden;clear:both;content:""}
#sod_fin_tot #alrdy {border-bottom:0 !important}
#sod_fin_tot strong {float:right}

#sod_fin_cancel {text-align:center}
#sod_fin_cancel h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sod_fin_cancel button {padding:10px 20px;border:0;border:1px solid #da2027;color:#da2027;background:#fff;}
#sod_fin_cancelfrm {display:none;margin:10px 0 0;padding:20px 0;background:#f6f6f6}
#sod_fin_cancelfrm  label{color:#777}
#sod_fin_cancelfrm .frm_input {background:#fff !important;  height: 24px;  line-height: 24px;  text-indent: 5px;width:190px}
#sod_fin_cancelfrm .btn_frmline {border:none;background:#3a3a3a;color:#fff;padding:4px}

#sod_fin_test {padding:10px}
#sod_fin h3,#kcp_acc_test table caption{  background: #f2f2f2;  border: 1px solid #e9e9e9;  padding: 10px;margin:10px 0 0;text-align:left}
#sod_fin .odf_tbl table{width:100%;margin:0;padding:0;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;border-collapse:collapse;}
#sod_fin .odf_tbl table tbody td,#sod_fin .odf_tbl table tbody th{;border-bottom:1px solid #e9e9e9;padding:6px 10px;text-align:left;line-height:20px}
#sod_fin .odf_tbl table th{width:80px;color:#343434;font-weight:normal}
#sod_fin .odf_tbl table tbody td.empty_table{text-align:center}
#sod_fin .odf_tbl textarea{width:99%;border:1px solid #e6e6e6;}
#sod_fin .odf_tbl table input[type="text"]{background-color:#fff !important;height:24px;line-height:24px;text-indent:5px;border:1px solid #e6e6e6}

/* 주문내역 include  */
#sod_inquiry li {border:1px solid #e9e9e9;margin-bottom:5px;position:relative}
#sod_inquiry li .inquiry_idtime{background:#f2f2f2;padding:10px;position:relative}
#sod_inquiry li .inquiry_idtime a{font-weight:bold}
#sod_inquiry li .inquiry_idtime .idtime_time{position:absolute;top:10px;right:10px}
#sod_inquiry li .inquiry_name{clear:both;padding:10px;color:#696969}
#sod_inquiry li .inquiry_price{padding:10px;font-size:1.167em;font-weight:bold;}
#sod_inquiry li .inquiry_inv{position:absolute;bottom:10px;right:10px;color:#da2027;text-align:right}
#sod_inquiry li .inquiry_inv .inv_status{display:block;font-weight:bold}

/* 주문상세내역 중 현금영수증 발급 */
#scash {}
#scash section {padding:10px 0}
#scash h2 {margin:0 0 10px;text-align:center}
#scash .tbl_head01 th {padding:0 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f2f5f9;text-align:left;}
#scash_apply {padding:10px 0 15px;text-align:center}
#scash_apply button {padding:10px;border:0;background:#565e60;color:#fff}
#scash_copy {text-align:center}

/* 상품검색 */
#ssch{}
#ssch_frm {padding:10px;border:1px solid #e9e9e9;background:#f7f7f7;}
#ssch_frm:after {display:block;visibility:hidden;clear:both;content:""}
#ssch_frm div {margin:0 0 5px}
#ssch_frm strong, #ssch_frm .ssch_lbl {display:inline-block;width:100px;font-weight:bold;vertical-align:middle}
#ssch_frm .frm_input {background:#fff; text-indent:5px; }
#ssch_frm .btn_submit {padding:0 8px;height:32px;background:#333;}
#ssch_frm p {padding:10px 0;border-top:1px solid #e9e9e9;line-height:1.5em}
#ssch_frm #ssch_qfrom {width:80px}
#ssch_frm #ssch_qto {width:80px}
#ssch_frm #ssch_q {width:40%}
#ssch_frm #ssch_sort {margin:0 0 10px;padding:1px 0 0 1px;list-style:none}
#ssch_frm #ssch_sort:after {display:block;visibility:hidden;clear:both;content:""}
#ssch_frm #ssch_sort li {position:relative;float:left;margin:0 0 -1px -1px;width:33%}
#ssch_frm #ssch_sort li:nth-of-type(3n) {width:34%}
#ssch_frm #ssch_sort a {display:block;text-align:center}
#ssch_frm #ssch_ov {text-align:right}

#ssch_cate {}
#ssch_cate ul {margin:10px 0;padding:10px 20px 20px;border-bottom:1px solid #e9e9e9;list-style:none}
#ssch_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#ssch_cate li {float:left;margin:0 10px 0 0;padding:0 10px 0 0;border-right:1px solid #e9e9e9}
#ssch_cate a span {font-weight:bold}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0;text-indent:-9999em;line-height:0;border:0 !important;overflow:hidden !important}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;font-size:0;line-height:0;overflow:hidden;left:0}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:1.5em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* 이미지 등비율 리사이징 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha #captcha_img {width:60px;height:30px;border:1px solid #e9e9e9}
#captcha #captcha_reload {margin:0;padding:0 5px;height:32px;border:0;background:#e6e6e6;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_key {margin:0 0 0 4px;padding:0 5px; width:70px; height:30px; border:1px solid #dcdcdc; background:#f7f7f7; font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
 */

/* Mobile화면으로 */
#mobile_cng {display:block;margin:5px;padding:5px 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:1.9em;vertical-align:middle}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f2f5f9;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* 콘텐츠별 스타일 */
.cnt_cmt {display:inline-block;margin:0 0 0 5px;font-weight:bold}

/* 버튼 */
a.btn01 {display:inline-block; padding:0 20px; height:34px; line-height:33px; border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle; -moz-box-sizing:border-box; box-sizing:border-box;}
a.btn01:focus, a.btn01:hover {text-decoration:none} /*회원가입 >  회원가입*/
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc; background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:0 20px; height:34px; line-height:33px; border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle; -moz-box-sizing:border-box; box-sizing:border-box;}
a.btn02:focus, .btn02:hover {text-decoration:none}  /*회원가입 >  아이디 비밀번호찾기*/
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}
.btn_confirm {text-align:center} /* 서식단계 진행 */
/*.btn_submit {padding:0 20px; height:32px; line-height:30px; border:0;background:#d7292d;color:#fff;letter-spacing:0em} *//*글쓰기 작성완료 */
#sps_sch .btn_submit, #bo_sch .btn_submit, #faq_sch .btn_submit {padding:0 10px; height:32px; line-height:30px; border:0; background:#666; color:#fff; letter-spacing:0em} /*고객센터 검색*/
fieldset .btn_submit {padding:0 8px; height:32px; line-height:30px} /*공지사항 검색*/
a.btn_cancel {display:inline-block; padding:0 20px; height:32px; line-height:31px; border:1px solid #ccc; background:#fafafa;color:#000;text-decoration:none;vertical-align:middle; -moz-box-sizing:border-box; box-sizing:border-box; } /*faq 목록*/
button.btn_cancel {display:inline-block; padding:7px; border:1px solid #ccc; background:#fafafa;color:#000;vertical-align:top;text-decoration:none}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 10px;height:32px;border:0;background:#333;color:#fff;letter-spacing:0;text-decoration:none;vertical-align:top; line-height:31px;} /* 우편번호검색버튼 등 */
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01 {display:inline-block;margin:0 0 3px;padding:9px 20px 8px;border:1px solid #dcdcdc;background:#f7f7f7;color:#000;text-decoration:none;vertical-align:middle}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none}
a.btn_b02 {display:inline-block;margin:0 0 3px;padding:9px 20px 8px;border:1px solid #d7292d;background:#d7292d;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b02:focus, .btn_b02:hover {text-decoration:none}
a.btn_admin {display:inline-block;margin:0 0 3px ;padding:9px 20px 8px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle;} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}

/* 기본테이블 */
.tbl_wrap {margin:0 0 10px}
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0; font-weight:bold;text-align:left; font-size:1.12em;}

.tbl_head01 {border-top:1px solid #777;}
.tbl_head01 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head01 thead th {padding:12px 0;border-top:0px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head01 thead a {color:#383838;}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th {border-top:0px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head01 tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head01 tbody th {padding:5px 0;border-top:0px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td { border-top:0px solid #e9e9e9; border-bottom:1px solid #e9e9e9; word-break:break-all}
.tbl_head01 td a {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; padding:12px 5px 9px; font-size:1.12em;} /* 혜영 추가 */

.tbl_head02 {}
.tbl_head02 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head02 tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}


/* 폼 테이블 */
.tbl_frm01 {border-top:1px solid #777;}
.tbl_frm01 th {padding:10px 0;width:90px;border:1px solid #e9e9e9;border-left:0;border-top:0;text-align:left}
.tbl_frm01 td {padding:10px 5px;border-top:0px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea {border:1px solid #dcdcdc; background:#fff; vertical-align:middle; height:32px; /*text-indent:5px;*/ font-size:1.12em; -webkit-appearance:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.tbl_frm01 textarea {width:97%; height:100px}
.tbl_frm01 input {text-indent:5px;}
.tbl_frm01 input[type=text], input[type=password], input[type=url], input[type=file], input[type=email] {width:97%;}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_address {margin-top:5px}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px;}
.tbl_frm01 .frm_info {display:block; padding:5px 0 ; color:#666;line-height:1.3em}
.tbl_frm01 .add_zip {width:70px !important;}

/* 자료 없는 목록 */
.empty_table {padding:20px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
/*.required, textarea.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important}*/

/* 테이블 그리드 padding 0 5px 고려한 넓이 */
.grid_1 {width:40px}
.grid_2 {width:90px}
.grid_3 {width:120px}
.grid_4 {width:190px}
.grid_5 {width:240px}
.grid_6 {width:290px}
.grid_7 {width:340px}
.grid_8 {width:390px}
.grid_9 {width:440px}
.grid_10 {width:490px}
.grid_11 {width:540px}
.grid_12 {width:590px}
.grid_13 {width:640px}
.grid_14 {width:690px}
.grid_15 {width:740px}
.grid_16 {width:790px}
.grid_17 {width:840px}
.grid_18 {width:890px}

/* 테이블 항목별 정의 */
.td_chk {width:30px;text-align:center}
.td_group {width:100px;text-align:center}
.td_board {width:120px;text-align:center}
.td_statsmall {width:50px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:120px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_nick {width:100px;text-align:center}
.td_name {width:100px;text-align:left}
.td_namesmall {width:100px;text-align:left}
.td_date {width:50px;text-align:center}
.td_datetime {width:170px;text-align:center}
.td_mngsmall {width:50px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_stat {text-align:center}

/* 새창 기본 스타일 */
.new_win #win_title{padding:15px 20px;border-bottom:1px solid #e9e9e9;font-size:1.12em;margin-bottom:10px}
.new_win .tbl_wrap {margin:0 20px}
.new_win .win_btn {clear:both;margin:20px;text-align:center}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:2.5em;background:#666;color:#fff;text-decoration:none;vertical-align:middle;line-height:2.5em}
.new_win .win_btn button {display:inline-block;padding:0 10px;height:2.5em;border:0;background:#666;color:#fff;text-decoration:none;line-height:2.5em}
.new_win .win_btn input {padding:0 10px;height:2.5em;line-height:2.5em; background:#da2027;}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰*/
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646;background:#111}
.sv_wrap .sv a {display:inline-block !important;margin:0 !important;padding:5px !important;width:94px;border-bottom:1px solid #283646;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none !important}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto !important}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {color:#999;}
.pg_page, .pg_current, .qa_page {display:inline-block;padding:0 8px;height:25px; color:#777 !important;letter-spacing:0;line-height:25px;vertical-align:middle;font-size:1.2em}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page, .qa_page {text-decoration:none}
.pg_start, .pg_prev {background:url(../mobile/shop/img/paging.gif) no-repeat 0 0 ;text-indent:-999px;overflow:hidden;width:25px;height:25px;padding:0;}
.pg_prev{background-position:-28px 0}
.pg_end, .pg_next {background:url(../mobile/shop/img/paging.gif) no-repeat -55px 0;width:25px;height:25px;;width:25px;height:25px;padding:0;text-indent:-999px;overflow:hidden}
.pg_end{background-position:-83px 0}
.pg_current {display:inline-block;margin:0 4px 0 0;;color:#000 !important;font-weight:bold;}

/* 상품상세 메뉴 floating */
#info_top_layer {display:none;position:absolute; top:0; left:0; width:100%; background-color: #eee;}
#form_btn_layer { display:none;position:absolute; top:0; left: 0; width: 100%; height: 60px; background-color: #eee;}

/*현금영수증*/
#kcp_req_rx .tbl_head01 tbody th {text-align:left;}

/*배송지목록*/
#sod_addr .win_desc{padding:10px 20px}

/*쇼핑몰레이아웃*/
#mb_login .btn_submit{background:#da2027 !important}
#bo_list,#bo_cate {margin-top:10px}
#fregisterform{margin:0px}
#bo_w .btn_submit{}
#bo_w {}
#fqalist {padding:0 }
#sit_sms_new #sms_agree{padding:10px 20px !important}

/*이벤트*/
#sev_hhtml,#sev_thtml{padding:10px}
#sev_hhtml img,#sev_thtml img{width:100%}


/*피시일때 모바일버전 주문폼*/
#sod_frm {position:relative}
#sod_frm p{margin-bottom:10px}
#forderform .tbl_frm01 th{border-bottom:1px solid #e9e9e9;background:#f7f7f7;padding-left:10px}
#sod_list thead th{padding:8px 0 }
#sod_list .sod_opt{min-width:70px}
#sod_frm #display_pay_button .btn01{width: 49%;text-align: center;padding: 11px 0px;background: #fff;border: 1px solid #da2027;color:#da2027}

/*피시일때 모바일버전 개인결제폼*/
#sod_frm_pay{padding:10px 0}
/*#sod_frm_pay h2{padding:10px 0 10px}*/
#display_pay_button .btn_submit{/*padding:10px 20px*/}

/*네이버페이*/
.naverpay-item{padding-top:15px;clear:both}
#sod_bsk_act .naverpay-cart{margin-top:15px;clear:both;position:static}