@charset "utf-8";

:root {
    --font-notoKR: 'Noto Sans KR';
    --font-Roboto: 'Roboto';
    --font-w-normal: 400;
    --font-w-middle: 500;
    --font-w-bold: 700;
    --font-color-01: #1a1311;
}

/*Basic*/
*{font-family:Dotum,Arial; color:#686868}
html, body{margin:0; padding:0; overflow-x:hidden;}
body{background:url('../../img/body_bg01.jpg') left top repeat-x;}
body.nobg{background:none}
form, td, div, span, ul, li, ol, dl, dt, dd, textarea, h1, h2, h3, h4, p, a{margin:0; padding:0; word-break:break-all;}
table{border-spacing:0;  border-collapse:collapse; border:0; empty-cells:show}
img, fieldset, label{border:0; margin:0; padding:0}
label.pos2{position:relative; top:-2px}
img.gray1{border:1px solid #dad9d5}
caption{position:absolute; left:-9999em; overflow:hidden; text-indent:-9999em; z-index:-1;}
.nonCss, legend, hr{display: none; padding:0; margin:0; font-size:0; line-height:0;}
.pointer{cursor:pointer}
.fl{float:left}
.fr{float:right}
.clear{clear:both; font-size:0; line-height:0; height:0; padding:0; margin:0; overflow:hidden}
.posR{position:relative}
.posA{position:absolute}
.al{text-align:left}
.ar{text-align:right}
.ac{text-align:center}
ul, ol{list-style:none; padding:0; margin:0} 
ol li, ul li{padding:0; margin:0}
strong, em, .bold{font-weight:bold}
a:link, a:visited{text-decoration: none; font-family:Dotum,Arial; color:#686868; font-size:12px}
a:active, a:hover{text-decoration:underline; color:#73820d; font-size:12px}
.red1{color:#f26422}
.gray1{color:#a4a196}
.yellow1{color:#ffcb08}
.white1{color:#fff}
.f11{font-size:11px}
.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
.f15{font-size:15px}
.f16{font-size:16px}
.line14{line-height:14px}
.line15{line-height:15px}
.line16{line-height:16px}
.line17{line-height:17px}
.line18{line-height:18px}
.under{text-decoration:underline}
.letter{letter-spacing:-1px}
select{padding:0; margin:0}
input.box1{border:1px solid #e1e1e1; background-color:#fff; font:normal 12px/15px Dotum,Arial; height:17px}
.invisible {position: absolute; top:0; left:0; width:0; height: 0; line-height: 0; font-size:0; overflow:hidden; visibility: hidden;}
.clearfix:before, .clearfix:after {display: block; content: ''; line-height: 0;}
.clearfix:after {clear:both;}
.clearfix {*zoom: 1;}
dialog { background-color: transparent; max-width: none; max-height: none; width: auto; height: auto; border: 0; margin: 0; padding: 0; inset-inline-start: auto; inset-inline-end: auto; }

/*layout*/
/* div#designWrap{border:15px solid #000; width:930px; margin:15px auto 0 auto; background-color:#fff} */
div#designWrap{width:930px; margin:15px auto 0; border:15px solid #c5e66a; background-color:#fff}
div#lnbWrap{width:205px; float:left;}
div#contentWrap{position:relative; width:705px; padding:40px 20px 50px 0; float:left;}
div#contentWrap:before{content:''; position:absolute; top:40px; left:0; bottom:0; width:1px; background-color:#e1e1e1;}
div#footerWrap{width:930px; }
/* 2013-11-20 수정 */
/* div#designWrap div.footer-sub{background:url(../../img/footer02.gif) no-repeat; height:165px} */
div#designWrap div.footer-sub{clear:left; padding-top:90px; overflow:hidden;}

.f_wrap .f_txt{display:block; padding-bottom:10px;}
.f_wrap .f_logo{float:right;}

/* 2014.01.03 수정 */
.f_wrap{position:relative; padding:25px 28px 49px 28px; overflow:hidden; border-top:1px solid #e9e9e9;}
.f_wrap .address_area{float:left; margin-top:3px;}
.f_wrap .foot_btn_list{overflow:hidden;  margin-top:11px;}
.f_wrap .foot_btn_list li{float:left}
.f_wrap .f_txt{display:block; padding-bottom:6px;}
.f_wrap .wamark{position:absolute; top:35px; right:200px;}
/* 2014.01.03 수정 */

/* //2013-11-20 수정 */
/* 2013-11-26 추가 */
.sublogo a{display:block;}
/* //2013-11-26 추가*/
/* 2013-04-12 */
/* 2013-11-20 수정 */
/* div#designWrap div.footer-sub h1, div#designWrap div.footer-sub address, div#designWrap div.footer-sub ul, div#designWrap div.footer-sub p{text-indent:-9999px; font-size:0; line-height:0;} */
/* //2013-11-20 수정 */
/* //2013-04-12 */
div.subtit{display:-webkit-box; display:-ms-flexbox; display:-moz-box; display:-webkit-flex; display:flex; -webkit-box-pack:justify; -moz-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; justify-content:space-between; -webkit-box-align: end; -moz-box-align: end ; -ms-flex-align: end ; -webkit-align-items: flex-end; align-items: flex-end ;  margin-left: 18px; padding: 0 0 23px 0; border-bottom: 1px solid #e1e1e1;}
div.subtit .title{font-family:var(--font-notoKR), sans-serif; font-size:24px; font-weight:var(--font-w-bold); line-height:35px; letter-spacing:-0.84px; color:var(--font-color-01);}
div.subtit p{font-family: var(--font-notoKR), sans-serif; font-size:16px; line-height:24px; letter-spacing: -0.56px; color:#939598;}
div.subtit p a,
div.subtit p span{font-family:inherit; font-size:inherit; color:inherit;}
div.content{padding:23px 10px 0 18px; min-height:270px; height:100%}
/* 2013-11-20 수정 */
/* div.content_coupon{padding:35px 0 0 24px; min-height:270px; height:100%} */
div.content_coupon{padding-left:24px; min-height:270px; height:100%}
/* //2013-11-20 수정 */
div.content_coupon2{padding:35px 0 0 20px; min-height:270px; height:100%}
div.content_mall{padding:35px 10px 0 20px; min-height:270px; height:100%}
div.content_mall .spot {position:relative}
div.content_mall .spot img{width:100%; height:auto;}
div.content_mall .btn-link {position: absolute;left: 36px;bottom: 45px;width: 116px;height: 26px;}
div.content img.subTxt{margin:0 0 30px 0}
/* 2013-11-20 수정 */
/* h4{padding:0 0 10px 0} */
div.content img.subTxt2{margin:0 0 20px 0}
/* //2013-11-20 수정 */
h4.txt{font:bold 16px/20px Dotum,Arial; color:#353535; padding:0 0 10px 25px; background:url(../../img/bu03.gif) 0 2px no-repeat}

/*LNB*/
div#lnbWrap div.menu{padding:0 0 0 15px}	
div#lnbWrap div.menu ul.section a{display:block; text-indent:-9999px; font-size:0; line-height:0; background:url(../../img/img_lnb01.gif) no-repeat}
div#lnbWrap div.menu ul.section li ul.sub-on{display:block}
div#lnbWrap div.menu ul.section li ul.sub-off{display:none}
div#lnbWrap div.menu ul.section a.m1{width:169px; height:38px; background-position:0 0}	
div#lnbWrap div.menu ul.section a.m1:hover, div#lnbWrap div.menu ul.section a.m1-on{width:169px; height:38px; background-position:-205px 0}	
div#lnbWrap div.menu ul.section a.m1s1{width:169px; height:34px; background-position:-205px -38px}	
div#lnbWrap div.menu ul.section a.m1s1:hover, div#lnbWrap div.menu ul.section a.m1s1-on{width:169px; height:34px; background-position:-410px -38px}	
div#lnbWrap div.menu ul.section a.m1s2{width:169px; height:28px; background-position:-205px -72px}	
div#lnbWrap div.menu ul.section a.m1s2:hover, div#lnbWrap div.menu ul.section a.m1s2-on{width:169px; height:28px; background-position:-410px -72px}	
div#lnbWrap div.menu ul.section a.m1s3{width:169px; height:28px; background-position:-205px -100px}	
div#lnbWrap div.menu ul.section a.m1s3:hover, div#lnbWrap div.menu ul.section a.m1s3-on{width:169px; height:28px; background-position:-410px -100px}
div#lnbWrap div.menu ul.section a.m1s4{width:169px; height:31px; background-position:-205px -128px}	
div#lnbWrap div.menu ul.section a.m1s4:hover, div#lnbWrap div.menu ul.section a.m1s4-on{width:169px; height:31px; background-position:-410px -128px}
div#lnbWrap div.menu ul.section a.m2{width:169px; height:37px; background-position:0 -38px}	
div#lnbWrap div.menu ul.section a.m2:hover, div#lnbWrap div.menu ul.section a.m2-on{width:169px; height:37px; background-position:-205px -159px}	
div#lnbWrap div.menu ul.section a.m2s1{width:169px; height:34px; background-position:-205px -196px}	
div#lnbWrap div.menu ul.section a.m2s1:hover, div#lnbWrap div.menu ul.section a.m2s1-on{width:169px; height:34px; background-position:-410px -196px}	
div#lnbWrap div.menu ul.section a.m2s2{width:169px; height:31px; background-position:-205px -230px}	
div#lnbWrap div.menu ul.section a.m2s2:hover, div#lnbWrap div.menu ul.section a.m2s2-on{width:169px; height:31px; background-position:-410px -230px}	
div#lnbWrap div.menu ul.section a.m3{width:169px; height:37px; background-position:0 -75px}	
div#lnbWrap div.menu ul.section a.m3:hover, div#lnbWrap div.menu ul.section a.m3-on{width:169px; height:37px; background-position:-205px -261px}	
div#lnbWrap div.menu ul.section a.m3s1{width:169px; height:34px; background-position:-205px -298px}	
div#lnbWrap div.menu ul.section a.m3s1:hover, div#lnbWrap div.menu ul.section a.m3s1-on{width:169px; height:34px; background-position:-410px -298px}	
div#lnbWrap div.menu ul.section a.m3s2{width:169px; height:31px; background-position:-205px -332px}	
div#lnbWrap div.menu ul.section a.m3s2:hover, div#lnbWrap div.menu ul.section a.m3s2-on{width:169px; height:31px; background-position:-410px -332px}	
div#lnbWrap div.menu ul.section a.m4{width:169px; height:37px; background-position:0 -112px}	
div#lnbWrap div.menu ul.section a.m4:hover, div#lnbWrap div.menu ul.section a.m4-on{width:169px; height:37px; background-position:-205px -363px}	
div#lnbWrap div.menu ul.section a.m4s1{width:169px; height:34px; background-position:-205px -400px}	
div#lnbWrap div.menu ul.section a.m4s1:hover, div#lnbWrap div.menu ul.section a.m4s1-on{width:169px; height:34px; background-position:-410px -400px}	
div#lnbWrap div.menu ul.section a.m4s2{width:169px; height:24px; background-position:-205px -434px}	
div#lnbWrap div.menu ul.section a.m4s2:hover, div#lnbWrap div.menu ul.section a.m4s2-on{width:169px; height:24px; background-position:-410px -434px}	
div#lnbWrap div.menu ul.section a.m5{width:169px; height:37px; background-position:0 -149px}	
div#lnbWrap div.menu ul.section a.m5:hover, div#lnbWrap div.menu ul.section a.m5-on{width:169px; height:37px; background-position:-205px -465px}	

div#lnbWrap div.menu ul.section a.m6{width:169px; height:36px; background-position:0 -187px}	
div#lnbWrap div.menu ul.section a.m6:hover, div#lnbWrap div.menu ul.section a.m6-on{width:169px; height:37px; background-position:-206px -504px}	
/*
div#lnbWrap div.menu ul.section a.m6s1{width:169px; height:34px; background-position:-410px -502px}
div#lnbWrap div.menu ul.section a.m6s1:hover, div#lnbWrap div.menu ul.section a.m3s1-on{width:169px; height:34px; background-position:-207px -540px}	
*/


/*본문바로가기 kmh*/
.sknavi{position:absolute;top:-500px;}
/* 2013-11-20 수정 */
/* .sknavi:focus, .sknavi:active{top:1px;display:block;width:200px;height:18px;padding:3px;margin-left:5px;text-align:center;font-size:100%;font-weight:bold;	background-color:#eee;	border: 1px solid #135;	text-decoration:none;} */
.sknavi:focus, .sknavi:active, .sknavi:hover{top:0;display:block;width:100%;height:18px;padding:8px 0 6px;background-color:#a6bc25;border:1px solid #394300;font-size:18px;font-weight:bold;text-align:center;text-decoration:none;color:#000;z-index:2;}
/* //2013-11-20 수정 */

/*Main*/
div#designWrap div.roll-view{overflow:hidden;}
div#designWrap div.roll-view div.window{overflow:hidden;position:relative;width:930px;padding: 72px 55px 56px;background: #effad0;-webkit-box-sizing:border-box;box-sizing:border-box;}
div#designWrap div.roll-view .iron-link{display:block;margin-top: 70px;}
div#designWrap div.roll-view .iron-link + .iron-link {margin-top:22px;}
div#designWrap div.roll-view div.window div.image_reel{position:absolute; top:0; left:0}
div#designWrap div.roll-view .paper-lead{min-height: 130px;font-family:var(--font-notoKR), sans-serif;font-size:48px;font-weight:var(--font-w-bold);line-height:62px;letter-spacing:-1.68px;color:var(--font-color-01);background: url('http://eapp-cdn.emart.com/traders/main/traders-visual-bg.png') no-repeat 100% 0%;}
/*div#designWrap div.roll-view div.window div.image_reel img{float:left}*/
div#designWrap ul.mnu-main{*zoom:1}
div#designWrap ul.mnu-main:after{content:" "; display:block; clear:both} 
div#designWrap ul.mnu-main li{float:left; height:38px}
/***/
div#designWrap ul.mnu-main li a{background:url(../../img/mnu_gnb01.gif) no-repeat; display:block; text-indent:-9999px}

div#designWrap ul.mnu-main li a.a1{width:233px; height:38px; background-position:0 0; overflow:hidden}
div#designWrap ul.mnu-main li a.a1:hover{width:233px; height:38px; background-position:0 -39px}

div#designWrap ul.mnu-main li a.a2{width:232px; height:38px; background-position:-233px 0; overflow:hidden}
div#designWrap ul.mnu-main li a.a2:hover{width:232px; height:38px; background-position:-233px -39px}

div#designWrap ul.mnu-main li a.a3{width:233px; height:38px; background-position:-465px 0; overflow:hidden}
div#designWrap ul.mnu-main li a.a3:hover{width:233px; height:38px; background-position:-465px -39px}

div#designWrap ul.mnu-main li a.a4{width:232px; height:38px; background-position:-698px 0; overflow:hidden}
div#designWrap ul.mnu-main li a.a4:hover{width:232px; height:38px; background-position:-698px -39px}
/***/
/* 2013-11-20 수정 */
/* div#designWrap div.main-t1{float:left; margin:23px 0 0 0; width:250px; background:url(../../img/txt_main08.gif) 35px 0 no-repeat; padding:30px 0 0 35px}
div#designWrap div.main-t2{float:left; margin:23px 0 0 0; width:288px; background:url(../../img/txt_main09.gif) 36px 0 no-repeat; position:relative; padding:30px 0 0 36px}
div#designWrap div.main-t2 div.more{position:absolute; right:0; top:0}
div#designWrap div.main-t2 ul.list{*zoom:1}
div#designWrap div.main-t2 ul.list:after{content:" "; display:block; clear:both} 
div#designWrap div.main-t2 ul.list li{float:left; font:normal 12px/20px Dotum,Arial; color:#727272}
div#designWrap div.main-t2 ul.list li.bu{background:url(../../img/bu02.gif) 0 7px no-repeat; padding-left:6px}
div#designWrap div.main-t2 ul.list li.date{float:right}
div#designWrap div.main-t2 ul.list li a.new{background:url(../../img/ic_new01.gif) right no-repeat; display:block; padding-right:18px}
div#designWrap div.main-t3{float:left; margin:23px 0 0 0; width:269px; background:url(../../img/txt_main07.gif) 40px 0 no-repeat; position:relative; padding:30px 0 0 42px}
div#designWrap div.main-t3 div.pg-num{position:absolute; right:0; top:0}
div#designWrap div.main-t3 div.pg-num a{float:left; text-indent:-9999px; display:block; background:url(../../img/img_pgno01.gif) no-repeat; padding-left:3px}
div#designWrap div.main-t3 div.pg-num a.no1{width:12px; height:12px; background-position:0 0; overflow:hidden}
div#designWrap div.main-t3 div.pg-num a.no1:hover, div#designWrap div.main-t3 div.pg-num a.no1-focus{width:12px; height:12px; background-position:0 -12px; overflow:hidden}
div#designWrap div.main-t3 div.pg-num a.no2{width:12px; height:12px; background-position:-15px 0; overflow:hidden}
div#designWrap div.main-t3 div.pg-num a.no2:hover, div#designWrap div.main-t3 div.pg-num a.no2-focus{width:12px; height:12px; background-position:-15px -12px; overflow:hidden}
div#designWrap div.main-t3 div.pg-num a.no3{width:12px; height:12px; background-position:-30px 0; overflow:hidden}
div#designWrap div.main-t3 div.pg-num a.no3:hover, div#designWrap div.main-t3 div.pg-num a.no3-focus{width:12px; height:12px; background-position:-30px -12px; overflow:hidden}
div#designWrap div.footer-main{background:url(../../img/footer01.gif) no-repeat; height:110px; margin:25px 0 0 0} */
/* 2013-04-12 */
/* div#designWrap div.footer-main h1, div#designWrap div.footer-main address, div#designWrap div.footer-main ul,div#designWrap div.footer-main p{text-indent:-9999px; font-size:0; line-height:0;} */
/* //2013-04-12 */
.main-banner{margin-top:48px;}
.main-banner li{float:left; margin-left:40px;}
.main-banner li + li{margin-left:61px;}
.main-banner li + li + li{margin:29px 0 0 61px;}
.main-banner span{display:block; margin-bottom:16px;}
.main-banner .banner_card {display:flex; justify-content:space-between; width:510px;}
.main-banner .banner_card a{position:relative;}
.main-banner .banner_card a:focus-visible {outline:0;}
.main-banner .banner_card a:focus-visible:before{content:''; position:absolute; left:0; top:0; width:100%; height:100%; border: 2px solid darkorange; box-sizing:border-box; z-index:2;}

div#designWrap div.footer-main.footer-sub{padding-top:27px; background:none;}

/* 2014.01.03 수정 */
div#designWrap div.footer-main.footer-sub .f_wrap{padding:25px 28px 49px 28px;background-color:#f5f5f5; position:relative;}
/* 2014.01.03 수정 */

/* //2013-11-20 수정 */
/*design*/
div.content div.traders-oil{background:url(../../img/img_oil01.gif) no-repeat; width:665px; height:190px; position:relative}
div.content div.traders-oil h4, div.content div.traders-oil span{text-indent:-9999px; font-size:0; line-height:0;}
div.content div.traders-oil p.t1{position:absolute; left:280px; top:22px; font:bold 30px/42px Dotum,Arial; color:#afc41e; width:90px; text-align:right}
div.content div.traders-oil p.t2{position:absolute; left:280px; top:64px; font:bold 30px/42px Dotum,Arial; color:#afc41e; width:90px; text-align:right}
div.content div.traders-oil p.t3{position:absolute; left:480px; top:32px; font:bold 12px/14px verdana,Arial; color:#afc41e; letter-spacing:-1px}
div.content p.txt-oil01{font:normal 12px/22px Dotum,Arial; color:#767676; text-align:right; margin-top:20px}
div.content p.txt-oil01 .btn_faq{margin-left:10px;}
div.content p.txt-oil01 img{vertical-align:middle }
div.content img.branch-pic{border:2px solid #000}
div.content p.branch-description{font:normal 12px/20px Dotum,Arial; color:#848484; margin-top:20px}
div.content div.traders-map{margin-bottom:30px; background:url(../../img/img_map01.gif) bottom no-repeat; width:663px; padding-bottom:10px; border-top:1px solid #e1e1e1;  border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1}
div.content div.traders-map div.map-api{padding:8px 0 24px 0; text-align:center}
div.content div.traders-map fieldset.map-form{float:left; width:278px; background:url(../../img/txt_map01.gif) 10px 0 no-repeat; height:125px; position:relative}
div.content div.traders-map fieldset.map-form p.t1{position:absolute; left:60px; top:25px; font:normal 12px/15px Dotum,Arial; color:#848484}
div.content div.traders-map fieldset.map-form p.t2{position:absolute; left:60px; top:51px; font:normal 12px/15px Dotum,Arial; color:#848484}
div.content div.traders-map fieldset.map-form input[type=radio]{position:relative; top:3px}
div.content div.traders-map fieldset.map-form div.t3{position:absolute; left:10px; top:82px; padding-top:8px; border-top:1px solid #e1e1e1}
div.content div.traders-map fieldset.map-form div.t3 img.a1, div.content div.traders-map fieldset.map-form div.t3 img.a2{vertical-align:top;}
div.content div.traders-map div.map-description{margin-right:8px;  padding:5px 5px 5px 5px; color:#8E8E8E;font: 12px/15px Dotum,Arial}
div.iframe-txt{font:normal 12px/18px Dotum,Arial; color:#848484; padding:8px}
ul.service-list span, ul.service-list2 span{position:absolute; left:-9999px; font-size:0; line-height:0;}
ul.service-list li{padding-bottom:20px}
ul.service-list2 li{padding-bottom:14px}
div.content div.order-no{position:relative; background:url(../../img/txt_order01.gif)  ;   width:665px; height:267px;  }
div.content div.order-no a{text-indent:-9999px; font-size:0; line-height:0; }
div.content div.order-no a.fax{position:absolute; z-index:10; left:527px; top:155px; width:125px; height:22px; display:block; cursor:pointer; background:url(../../img/txt_order01.gif) no-repeat; background-position: -527px -155px}
div.content div.order-no span, div.content div.order-guide span{position:absolute; left:-9999px; font-size:0; line-height:0;}


div.content div.order-guide{padding-left:20px}
div.content fieldset.faq-wrap{background:url(../../img/bg_faq01.gif) no-repeat; height:43px; padding:23px 0 0 250px; margin-bottom:20px}
div.content fieldset.faq-wrap img.search{vertical-align:top}
div.content div.faq-q-off ~ div.faq-q-off{border-top:1px solid #e1e1e1;}
/* div.content div.faq-q-on{background:url(../../img/ic_question01.gif) 3px 6px no-repeat; padding:7px 0 8px 30px; border-bottom:1px solid #e1e1e1} 
div.content div.faq-q-off a, div.content div.faq-q-on a{font:normal 12px/17px Dotum,Arial} */
div.content div.faq-q-off a{display:block; padding:13px 0 13px 32px; line-height:24px; background:url('http://eapp-cdn.emart.com/traders/faq/icon-question.png') no-repeat 0 12px; font-family:var(--font-notoKR),sans-serif; font-size:16px; font-weight:var(--font-w-bold); letter-spacing:-0.56px; color:#636366;}
div.content div.faq-q-off.faq-q-on a{color:#8b9f10;}
div.content div.faq-a-off{display:none; background:url(../../img/ic_answer01.gif) 3px 12px no-repeat; padding:12px 10px 12px 30px; margin-bottom:10px;  font:normal 12px/17px Dotum,Arial;}
div.content div.faq-a-on{display:block; background:url(../../img/ic_answer01.gif) 3px 12px no-repeat; padding:12px 10px 12px 30px; margin-bottom:10px;  font:normal 12px/17px Dotum,Arial;}
div.content div.faq-msg{font:normal 12px/17px Dotum,Arial; text-align:center; padding:40px 0 45px 0; border-bottom:1px solid #e1e1e1}
div.content div.faq-msg img{margin-top:10px}
div.content p.txt-faq1{float:left; font:normal 12px/16px Dotum,Arial; color:#787878; background:url(../../img/bu04.gif) 0 3px no-repeat; padding:0 0 7px 9px}
div.content p.txt-faq1 strong{color:#96a81a; padding:0 0 7px 0}
/* 2013-11-20 수정 */
/* div.content p.txt-faq2{float:right; font:normal 11px/16px Dotum,Arial; color:#787878} */
div.content p.txt-faq2{padding-bottom:3px; font-family: var(--font-notoKR),sans-serif; line-height:24px; letter-spacing:-0.56px; text-align:right; color:#939598;}
/* //2013-11-20 수정  */
div.btnC{text-align:center; padding-top:10px}
div.btnR{text-align:right; padding-top:10px}

/*table design*/
/* 2013-11-20 수정 */
/* div.Hlist1-wrap{border-top:1px solid #e1e1e1} */
.info_wrap{overflow:hidden; margin-bottom:30px;}
div.Hlist1-wrap{width:365px;border-top:1px solid #e1e1e1}
/* //2013-11-20 수정 */
table.Hlist1{width:100%}
/* 2013-11-20 수정 */
/* table.Hlist1 caption{position:absolute; visibility:hidden; font-size:0;} */
/* table.Hlist1 tbody tr th{border-bottom:1px solid #e1e1e1; background-color:#f0f0f0; font:normal 12px/18px Dotum,Arial; color:#848484; vertical-align:top} */
table.Hlist1 tbody tr th{border-bottom:1px solid #e1e1e1; background-color:#f0f0f0; font:normal 12px/18px Dotum,Arial; color:#656565; vertical-align:top}
/* //2013-11-20 수정 */
table.Hlist1 tbody tr th.th{padding:7px 0 5px 0}
/* 2013-11-20 수정 */
/* table.Hlist1 tbody tr td{border-bottom:1px solid #e1e1e1; font:normal 12px/18px Dotum,Arial; color:#848484; vertical-align:top} */
table.Hlist1 tbody tr td{border-bottom:1px solid #e1e1e1; font:normal 12px/18px Dotum,Arial; color:#767676; vertical-align:top}
/* //2013-11-20 수정 */
table.Hlist1 tbody tr td div{padding:7px 0 5px 0}
table.Hlist1 tbody tr td.td{padding:5px 0 4px 10px}

/* 2013-11-20 수정 */
/*
div.Hlist2-wrap{border-top:1px solid #e1e1e1}
table.Hlist2{width:100%}
table.Hlist2 tbody tr th{border-bottom:1px solid #e1e1e1; background-color:#f0f0f0; font:normal 12px/16px Dotum,Arial; color:#848484; vertical-align:top}
table.Hlist2 tbody tr th.th{padding:5px 0 4px 0}
table.Hlist2 tbody tr td{border-bottom:1px solid #e1e1e1; font:normal 12px/16px Dotum,Arial; color:#848484; vertical-align:top}
table.Hlist2 tbody tr td div{padding:5px 0 4px 0}
table.Hlist2 tbody tr td.td{padding:5px 0 4px 10px}
 */
table.Hlist1.Hlist2 tbody tr th.th{padding:5px 0 4px 0}
table.Hlist1.Hlist2 tbody tr th, table.Hlist1.Hlist2 tbody tr td{line-height:16px;}
table.Hlist1.Hlist2 tbody tr td div{padding:5px 0 4px 0}
table.Hlist1.Hlist2 tbody tr td.td{padding:5px 0 4px 10px}
/* //2013-11-20 수정 */

/*BBS List*/
div.listWrap{}
div.listWrap table.list{width:100%; font:normal 12px Dotum,Arial}
div.listWrap table.list a{color:#787878}
div.listWrap table.list a:hover{color:#96a81a}
div.listWrap table.list thead tr th{background:url(../../img/th_bg01.gif) 0 1px repeat-x; height:35px}
div.listWrap table.list thead tr th div{background:url(../../img/th_gap01.gif) 0 1px no-repeat; height:22px; padding:13px 0 0 0}
div.listWrap table.list thead tr th div.fst{background:none; height:22px; padding:13px 0 0 0; position:relative}
div.listWrap table.list thead tr th img.fst-edge{position:absolute; left:-2px; top:0}
div.listWrap table.list thead tr th div.end{height:22px; padding:13px 0 0 0; position:relative}
div.listWrap table.list thead tr th div.end img.end-edge{position:absolute; right:-1px; top:0}
div.listWrap table.list tbody tr td{background-color:#fff; border-bottom:1px solid #e1e1e1; padding:5px 0 5px 0; vertical-align:top}
div.listWrap table.list tbody tr td div{text-align:center; padding:3px 0 3px 0}
div.listWrap table.list tbody tr td div.l{text-align:left; padding-left:10px}
div.listWrap table.list tbody tr td div.r{text-align:right; padding-right:10px}
div.listWrap table.list tbody tr td div.msg{width:100%; font:normal 12px Dotum,Arial; padding:17px 0 13px 0}
div.listWrap table.list tbody tr td div a.icNew{background:url(../../img/ic_new02.gif) right top no-repeat; padding-right:16px; display:inline-block}
div.listWrap table.list tbody tr td div.event{background:url(../../img/ic_event01.gif) 14px 1px no-repeat; text-align:left; padding-left:45px}
div.listWrap table.list tbody tr td div.notice{background:url(../../img/ic_notice01.gif) 14px 1px no-repeat; text-align:left; padding-left:45px}

/*BBS View*/
div.viewWrap{padding-bottom:15px; border-bottom:1px solid #e1e1e1}
div.viewWrap table.view{width:100%; font:normal 12px Dotum,Arial}
div.viewWrap table.view tbody tr th, div.viewWrap table.view tbody tr td{background:url(../../img/th_bg01.gif) 0 0 repeat-x; vertical-align:top}
div.viewWrap table.view tbody tr th div{position:relative; height:22px; padding:11px 0 0 0; background:url(../../img/th_gap01.gif) right 0 no-repeat}
div.viewWrap table.view tbody tr th div img.fst-edge{position:absolute; top:-1px; left:-2px}
div.viewWrap table.view tbody tr td div img.end-edge{position:absolute; top:0; right:0}
div.viewWrap table.view tbody tr td{position:relative; color:#787878}
div.viewWrap table.view tbody tr td div{padding:12px 0 8px 0}
div.viewWrap table.view tbody tr td div.l{text-align:left; padding-left:10px}
div.viewWrap table.view tbody tr td div.r{text-align:right; padding-right:10px}
div.viewWrap table.view tbody tr td div.event{background:url(../../img/ic_event01.gif) 14px 10px no-repeat; text-align:left; padding-left:45px}
div.viewWrap table.view tbody tr td div.notice{background:url(../../img/ic_notice01.gif) 14px 10px no-repeat; text-align:left; padding-left:45px}
div.viewWrap table.view tbody tr td.rowBg{position:static; background:none; border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;  background-color:#f5f5f5}
div.viewWrap table.view tbody tr td.admin-html{background:transparent; padding:20px 0; overflow-x:hidden}
div.viewWrap table.view tbody tr td.admin-html div{word-break:break-all; word-wrap:break-word}
div.viewWrap table.view tbody tr td.admin-html div.img{margin-bottom:15px}
div.viewWrap table.view tbody tr td.admin-html p.img-txt{text-indent:-9999px; display:none}
div.viewWrap table.view tbody tr td.admin-html p.txt{font:normal 12px/18px Dotum,Arial; color:#787878; word-break:break-all; word-wrap:break-word}
div.preview-list{border-top:1px solid #e1e1e1; margin-top:25px}
div.preview-list table.list{width:100%; font:normal 12px Dotum,Arial}
div.preview-list table.list tbody tr th{background-color:#fff; border-bottom:1px solid #e1e1e1}
div.preview-list table.list tbody tr td{background-color:#fff; padding:8px 0 7px 0; border-bottom:1px solid #e1e1e1}
div.preview-list table.list tbody tr td div.txt{text-align:left; padding-left:4px; font:normal 12px/16px Dotum,Arial; color:#787878}
div.preview-list table.list tbody tr td div.date{text-align:center; font:normal 11px/14px Dotum,Arial; color:#787878}
div.preview-list table.list tbody tr th a.next{background:url(../../img/txt_next01.gif) no-repeat; width:46px; height:11px; display:block; text-indent:-9999px; font-size:0; margin:0 auto}
div.preview-list table.list tbody tr th a.prev{background:url(../../img/txt_prev01.gif) no-repeat; width:46px; height:11px; display:block; text-indent:-9999px; font-size:0; margin:0 auto}

/*pageing*/
div.paging{display:-webkit-box; display:-ms-flexbox; display:-moz-box; display:-webkit-flex; display:flex; -webkit-box-pack:center; -moz-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align: center; -moz-box-align: center ; -ms-flex-align: center ; -webkit-align-items: center; align-items: center; padding-top:45px; border-top:1px solid #e1e1e1; text-align:center;}
div.paging .page{position:relative; display:block; padding:0 8px; width:24px; line-height:24px; font-family:var(--font-notoKR),sans-serif; font-size:16px; letter-spacing: -0.56px; color:#636366;}
div.paging .page ~ .page:before{content:''; position:absolute; left:0; top:50%; vertical-align:top; width:1px; height:15px; margin-top:-7px; background-color:#707070;}
div.paging a:hover{color:#444}
div.paging strong{font-weight:bold; color:#444;}
div.paging .prev,
div.paging .next{display:block; margin:0 4px 0; width:20px; height:20px; background:url('http://eapp-cdn.emart.com/traders/faq/btn-arrow.png?v=1') no-repeat 50%;}
div.paging .prev{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);}
div.paging .prev.disabled,
div.paging .next.disabled{cursor: ;}
div.paging .prev:before,
div.paging .next:before{content:''; position:absolute; border-left: 1px solid }
div.paging a.first{top:-3px}
div.paging a.last{top:-3px}

/*popup*/
div#pop-wrap{border:7px solid #000; background-color:#fff; padding:10px}
div#pop-wrap p.title-img{margin:0 0 15px 0}
div#pop-wrap div.traders-map{background:url(../../img/img_map01.gif) bottom no-repeat; width:647px; padding:0 8px 20px 8px; border-top:1px solid #e1e1e1;  border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1}
div#pop-wrap div.traders-map div.map-api{padding:8px 0 24px 0; text-align:center}
div#pop-wrap div.fax-wrap{width:747px; height:1123px; background:url(../../img/img_fax01.gif) no-repeat; position:relative}
div#pop-wrap div.fax-wrap p.t1{position:absolute; left:520px; top:101px; width:57px; font:normal 14px/17px Dotum,Arial}
div#pop-wrap div.fax-wrap p.t2{position:absolute; left:604px; top:101px; width:29px; font:normal 14px/17px Dotum,Arial}
div#pop-wrap div.fax-wrap p.t3{position:absolute; left:660px; top:101px; width:29px; font:normal 14px/17px Dotum,Arial}
div#pop-wrap div.fax-wrap p.t4{position:absolute; left:115px; top:446px; width:268px; font:normal 14px/17px Dotum,Arial}
div#pop-wrap div.fax-wrap p.t5{position:absolute; left:450px; top:446px; width:240px; font:normal 14px/17px Dotum,Arial}
div#pop-wrap div.fax-wrap p.t6{position:absolute; left:115px; top:482px; width:268px; font:normal 14px/17px Dotum,Arial}
div#pop-wrap div.fax-wrap p.t7{position:absolute; left:450px; top:482px; width:240px; font:normal 14px/17px Dotum,Arial}
div#pop-wrap div.fax-wrap p.t8{position:absolute; left:115px; top:519px; width:580px; font:normal 14px/17px Dotum,Arial}
div#pop-wrap div.fax-wrap p.t9{position:absolute; left:115px; top:548px; width:580px; height:67px; font:normal 14px/34px Dotum,Arial; overflow:hidden}
div#pop-wrap div.fax-wrap div.t10{position:absolute; left:50px; top:706px; width:648px; height:367px; overflow:hidden; font:normal 14px/18px Dotum,Arial}
div#pop-wrap div.fax-wrap div.t10 table thead tr th{display:none; font-size:0; line-height:0;}
div#pop-wrap div.fax-wrap div.t10 table tbody tr td{text-align:center; overflow:hidden; padding:10px 0 9px 0}
div#pop-wrap div.fax-wrap div.t10 table tbody tr td.l{text-align:left; padding-left:10px}

/*space*/
div.sp1{clear:both; font-size:0; line-height:0; height:1px; overflow:hidden; padding:0; margin:0}
div.sp2{clear:both; font-size:0; line-height:0; height:2px; overflow:hidden; padding:0; margin:0}
div.sp3{clear:both; font-size:0; line-height:0; height:3px; overflow:hidden; padding:0; margin:0}
div.sp4{clear:both; font-size:0; line-height:0; height:4px; overflow:hidden; padding:0; margin:0}
div.sp5{clear:both; font-size:0; line-height:0; height:5px; overflow:hidden; padding:0; margin:0}
div.sp6{clear:both; font-size:0; line-height:0; height:6px; overflow:hidden; padding:0; margin:0}
div.sp7{clear:both; font-size:0; line-height:0; height:7px; overflow:hidden; padding:0; margin:0}
div.sp8{clear:both; font-size:0; line-height:0; height:8px; overflow:hidden; padding:0; margin:0}
div.sp9{clear:both; font-size:0; line-height:0; height:9px; overflow:hidden; padding:0; margin:0}
div.sp10{clear:both; font-size:0; line-height:0; height:10px; overflow:hidden; padding:0; margin:0}
div.sp11{clear:both; font-size:0; line-height:0; height:11px; overflow:hidden; padding:0; margin:0}
div.sp12{clear:both; font-size:0; line-height:0; height:12px; overflow:hidden; padding:0; margin:0}
div.sp13{clear:both; font-size:0; line-height:0; height:13px; overflow:hidden; padding:0; margin:0}
div.sp14{clear:both; font-size:0; line-height:0; height:14px; overflow:hidden; padding:0; margin:0}
div.sp15{clear:both; font-size:0; line-height:0; height:15px; overflow:hidden; padding:0; margin:0}
div.sp16{clear:both; font-size:0; line-height:0; height:16px; overflow:hidden; padding:0; margin:0}
div.sp17{clear:both; font-size:0; line-height:0; height:17px; overflow:hidden; padding:0; margin:0}
div.sp18{clear:both; font-size:0; line-height:0; height:18px; overflow:hidden; padding:0; margin:0}
div.sp19{clear:both; font-size:0; line-height:0; height:19px; overflow:hidden; padding:0; margin:0}
div.sp20{clear:both; font-size:0; line-height:0; height:20px; overflow:hidden; padding:0; margin:0}
div.sp25{clear:both; font-size:0; line-height:0; height:25px; overflow:hidden; padding:0; margin:0}
div.sp30{clear:both; font-size:0; line-height:0; height:30px; overflow:hidden; padding:0; margin:0}
div.sp35{clear:both; font-size:0; line-height:0; height:35px; overflow:hidden; padding:0; margin:0}
div.sp40{clear:both; font-size:0; line-height:0; height:40px; overflow:hidden; padding:0; margin:0}
div.sp45{clear:both; font-size:0; line-height:0; height:45px; overflow:hidden; padding:0; margin:0}
div.sp50{clear:both; font-size:0; line-height:0; height:50px; overflow:hidden; padding:0; margin:0}

.blind{position: absolute; width: 1px; height: 1px; clip: rect(0 0 0 0); overflow: hidden;}


/* 2013-06-11 */
/* 2013-11-20 수정*/
/* .new_cou{background:url(http://store.traders.co.kr/upload/sale/s_cou_visual.jpg) no-repeat 386px 0px; height:326px} */
/* 2013-11-28 수정*/
/* .new_cou{background:url(http://store.traders.co.kr/upload/sale/s_cou_visual.jpg) no-repeat 386px 0px;} */
.new_cou{background:url(../../upload/sale/s_cou_visual12.jpg) no-repeat 386px 0px;}
/* //2013-11-20 수정 */
.new_cou .cou_tit{border:1px solid #ccc; border-width:1px 0; width:324px; margin:55px 0 40px 45px;}
.new_cou .cou_tit h4{padding:16px 0 26px;}
.new_cou .cou_tit p{padding-bottom:20px; padding-left:20px;}
.btn_view_cou{margin-left:90px; padding-bottom:150px;}
.coupon_wrap{position:relative;margin-left:15px;}
.cou_h{height:138px;}
/* 2013-11-20 수정 */
/* .cou_c{height:900px;} */
.cou_c{margin-right:-20px;height:900px;}
/* //2013-11-20 수정 */
.cou_c ul{position:relative; *zoom:1;}
.cou_c ul:after{content:""; display:block; clear:both;}
.cou_c ul.tab_4 li{float:left; width:170px; padding:8px 0; text-align:center;border:1px solid #c6c6c6; border-width:0 1px 1px 0;}
.cou_c ul.tab_5 li{float:left; width:136px; padding:8px 0; text-align:center;border:1px solid #c6c6c6; border-width:0 1px 1px 0;}
.cou_c ul li.bd_lr{border:1px solid #c6c6c6; border-width:0 1px 1px 1px;}
.cou_c ul.tab_5 li.bd_lr{width:135px;border:1px solid #c6c6c6; border-width:0 1px 1px 1px;}
.cou_c ul li{text-decoration: none; font-family:Dotum,Arial; color:#686868; font-size:12px}
.cou_c ul li.on{background:#000;}
.cou_c ul li.on a{color:#fff; font-weight:bold;}
.cou_c ul li a:hover, .cou_c ul.tab_4 li a:active, .cou_c ul.tab_4 li a:focus{text-decoration:none;}
.cou_c ul li ul.sub1{position:absolute; top:46px; left:175px; }
.cou_c ul li ul.sub1 li{border:none; width:335px;}
/* 2013-11-20 수정 */
/* .cou_c ul li ul.sub2{position:absolute; top:46px; left:0; margin-left:-15px;}
.cou_c ul li ul.sub2 li{border:none; width:335px; margin-left:15px;}
.cou_c .btn_p{background:url(../../upload/sale/cou_bg.gif) repeat-x left top; width:330px; height:76px; overflow:hidden;padding-top:27px; border:1px solid #76aa2d; border-width:0 1px 1px 1px;} */
.cou_c ul li ul.sub2{position:absolute; top:46px; left:0; margin:0 -15px 0 -13px;}
.cou_c ul li ul.sub2 li{border:none; width:335px; margin-left:13px;}
 .cou_c .btn_p{padding-top:27px;width:100%; height:76px; overflow:hidden; background:url(../../upload/sale/cou_bg.gif) repeat-x left top; }
/* //2013-11-20 수정 */
.displayno{display:none;}
/* //2013-06-11 */




/* margin
*******************************/


/* 2013-11-20 수정
.blind{position:absolute; left:-1000%; top:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden}
//2013-11-20 수정 */


div.content div.infomain{background:url(../../img/sub_txt01.gif) no-repeat;position:relative;   width:665px; height:183px; }


div.content div.info{background:url(../../img/sub_txt02.gif) no-repeat;position:relative;   width:257px; height:185px; margin-left:395px}
div.content div.info1{background:url(../../img/img_info01.gif) no-repeat;position:relative;   width:660px; height:150px; }
div.content div.info2{background:url(../../img/img_service01.gif) no-repeat;position:relative;   width:660px; height:151px;}
div.content div.info3{background:url(../../img/img_service02.gif) no-repeat;position:relative;   width:628px; height:151px;}
div.content div.info4{background:url(../../img/img_service03.gif) no-repeat;position:relative;   width:605px; height:151px;}
div.content div.info5{background:url(../../img/img_service04.gif) no-repeat;position:relative;   width:555px; height:151px;}



/*service-info*/
div.content div.info150{background:url(../../img/img_info02.gif) no-repeat;position:relative;   width:665px; height:300px; }
div.content div.info151{background:url(../../img/img_info03.gif) no-repeat;position:relative;   width:665px; height:228px; }
div.content div.info174{background:url(../../img/img_info04.gif) no-repeat;position:relative;   width:665px; height:228px; }
div.content div.info180{background:url(../../img/img_info05.gif) no-repeat;position:relative;   width:665px; height:228px; }
div.content div.info178{background:url(../../img/bs_img_info03.gif) no-repeat;position:relative;   width:665px; height:228px; }
div.content div.info155{background:url(../../img/img_info06.jpg) no-repeat;position:relative;   width:665px; height:228px; }
div.content div.info156{background:url(../../img/img_info07.jpg) no-repeat;position:relative;   width:665px; height:228px; }




/*kmh*/
ul{list-style:none; padding-left:0; }
.fl2 li{vertical-align:top;  position:relative; top:1px; float:left}
.pt20{padding-top:20px !important;  font-size:0;}

div.content div.order-no151{position:relative; background:url(../../img/txt_order03.gif)  ;   width:665px; height:267px;  }
div.content div.order-no151 a{text-indent:-9999px; font-size:0; line-height:0; }
div.content div.order-no151 a.fax{position:absolute; z-index:10; left:527px; top:155px; width:125px; height:22px; display:block; cursor:pointer; background:url(../../img/txt_order03.gif) no-repeat; background-position: -527px -155px}
div.content div.order-no151 span, div.content div.order-guide span{position:absolute; left:-9999px; font-size:0; line-height:0;}


div.content div.order-no174{position:relative; background:url(../../img/txt_order03_1.gif)  ;   width:665px; height:267px;  }
div.content div.order-no174 a{text-indent:-9999px; font-size:0; line-height:0; }
div.content div.order-no174 a.fax{position:absolute; z-index:10; left:527px; top:155px; width:125px; height:22px; display:block; cursor:pointer; background:url(../../img/txt_order03_1.gif) no-repeat; background-position: -527px -155px}
div.content div.order-no174 span, div.content div.order-guide span{position:absolute; left:-9999px; font-size:0; line-height:0;}


div.content div.order-no155{position:relative; background:url(../../img/txt_order04.gif)  ;   width:665px; height:267px;  }
div.content div.order-no155 a{text-indent:-9999px; font-size:0; line-height:0; }
div.content div.order-no155 a.fax{position:absolute; z-index:10; left:527px; top:155px; width:125px; height:22px; display:block; cursor:pointer; background:url(../../img/txt_order04.gif) no-repeat; background-position: -527px -155px}
div.content div.order-no155 span, div.content div.order-guide span{position:absolute; left:-9999px; font-size:0; line-height:0;}



/* 2013-07-03 편의시설 */
/* 2013-08-13 편의시설 수정 */
.convenience{position:relative; *zoom:1;}
.convenience:after{content:""; display:block; clear:both;}
.convenience p{float:left;}
.convenience div.c_list{width:387px; float:right;}
.convenience div.c_list ul{*zoom:1;}
.convenience div.c_list ul:after{content:""; display:block; clear:both;}
.convenience div.c_list ul li{float:left; margin:0 0 7px 7px;}
.convenience div.c_list span{font-size:11px; color:#858687; margin-left:12px;}

.cv{overflow:hidden;}
.cv.spe{margin-bottom:40px;}
.cv:after{content:""; display:block; clear:both;}
.cv span{display:block; color:#858687; font-size:11px; margin-top:10px;}
.cv .c_list{float:left;}
.cv_store{float:right; width:387px; overflow:hidden;}
.cv_store:after{content:""; display:block; clear:both;}
.cv_store li{float:left; margin:0 0 7px 7px; width:185px; height:65px;}
/* //2013-08-13 편의시설 수정 */

.specialty{margin-left:-7px; overflow:hidden;}
.specialty:after{content:''; display:block; clear:both;}
.specialty li{float:left; margin:0 0 8px 7px;}

/* 2013-07-03 전화 FAX 주문 */
.mnu_order{margin-bottom:20px; overflow:hidden;}
.mnu_order li{float:left;}
.mnu_order li a img{vertical-align:top;}

/* 전화/FAX 주문배송 안내  2015.05.14 박기웅 수정*/
.mnu_tf{margin-bottom:20px; overflow:hidden;}
.mnu_tf li{float: left; width: 83px;}

.mnu_tf li a{display:block; height:30px; overflow:hidden; background: url('../../img/tab_tf_0617.gif') no-repeat; text-indent:100%; white-space:nowrap;}
.mnu_tf li.tf01 a{background-position:0 -30px;}
.mnu_tf li.tf01.on a{background-position:0 0;}
.mnu_tf li.tf02 a{background-position:-83px -30px;}
.mnu_tf li.tf02.on a{background-position:-83px 0;}
.mnu_tf li.tf03 a{background-position:-166px -30px;}
.mnu_tf li.tf03.on a{background-position:-166px 0;}
.mnu_tf li.tf04 a{background-position:-249px -30px;}
.mnu_tf li.tf04.on a{background-position:-249px 0;}
.mnu_tf li.tf05 a{background-position:-332px -30px;}
.mnu_tf li.tf05.on a{background-position:-332px 0;}
.mnu_tf li.tf06 a{background-position:-415px -30px;}
.mnu_tf li.tf06.on a{background-position:-415px 0;}
.mnu_tf li.tf07 a{background-position:-498px -30px;}
.mnu_tf li.tf07.on a{background-position:-498px 0;}
.mnu_tf li.tf08 a{background-position:-581px -30px;}
.mnu_tf li.tf08.on a{background-position:-581px 0;}

/* 전화/FAX 주문배송 안내  천안아산점 추가 2016.05.04 */
.mnu_tf160504{margin-bottom:20px; overflow:hidden;}
/*.mnu_tf160504 li{float: left; width: 73px;}
.mnu_tf160504 li.tf05{width:81px;}
.mnu_tf160504 li a{display:block; height:30px; overflow:hidden; background: url('../../img/tab_tf_060504.gif') no-repeat; text-indent:100%; white-space:nowrap;}
.mnu_tf160504 li.tf01 a{background-position:0 0px;}
.mnu_tf160504 li.tf01.on a{background-position:0 -30px;}
.mnu_tf160504 li.tf02 a{background-position:-73px 0px;}
.mnu_tf160504 li.tf02.on a{background-position:-73px -30px;}
.mnu_tf160504 li.tf03 a{background-position:-146px 0px;}
.mnu_tf160504 li.tf03.on a{background-position:-146px -30px;}
.mnu_tf160504 li.tf04 a{background-position:-219px 0px;}
.mnu_tf160504 li.tf04.on a{background-position:-219px -30px;}
.mnu_tf160504 li.tf05 a{background-position:-292px 0px;}
.mnu_tf160504 li.tf05.on a{background-position:-292px -30px;}
.mnu_tf160504 li.tf06 a{background-position:-373px 0px;}
.mnu_tf160504 li.tf06.on a{background-position:-373px -30px;}
.mnu_tf160504 li.tf07 a{background-position:-446px 0px;}
.mnu_tf160504 li.tf07.on a{background-position:-446px -30px;}
.mnu_tf160504 li.tf08 a{background-position:-519px 0px;}
.mnu_tf160504 li.tf08.on a{background-position:-519px -30px;}
.mnu_tf160504 li.tf09 a{background-position:-592px 0px;}
.mnu_tf160504 li.tf09.on a{background-position:-592px -30px;}
.mnu_tf160504 li.tf10 a{background-position:-592px 0px;}
.mnu_tf160504 li.tf10.on a{background-position:-592px -30px;}*/
.mnu_tf160504 li{float:left;width:110px;}
.mnu_tf160504 li a{display:block;text-align:center;white-space:nowrap;border:#E1E1E1 solid 1px;font-weight:bold;font-size:12px;letter-spacing:-1px;text-decoration:inherit;background: url('../../img/bg_tabmenu.png') repeat 0 1px;}
.mnu_tf160504 li a span{display:block;height:26px;line-height:26px;color:#5C5C5C;border:#E1E1E1 solid 1px;}
.mnu_tf160504 li a:hover{background-position:0 -55px;}
.mnu_tf160504 li a:hover span{color:#2C3200;border:#d3d3d3 solid 1px;}
.mnu_tf160504 li.on a{border:#E1E1E1 solid 1px;background-position:0 -27px;}
.mnu_tf160504 li.on a span{border:#8B9F10 solid 1px;color:#2C3200;}

.txt_order{display:block; margin-bottom:30px;}
.order_num{position:relative; margin-bottom:30px;}
.order_num .phone{width:665px; height:129px; background:url('../../img/txt_order01_01.gif') no-repeat;}
.order_num .fax{position:relative;width:665px; height:130px; margin-top:8px; background:url('../../img/txt_order01_02.gif') no-repeat;}
.order_num.order_num151 .phone{background:url('../../img/txt_order02_01.gif') no-repeat;}
.order_num.order_num151 .fax{background:url('../../img/txt_order02_02.gif') no-repeat;}
.order_num.order_num174 .phone{background:url('../../img/txt_order03_01.gif') no-repeat;}
.order_num.order_num174 .fax{background:url('../../img/txt_order03_02.gif') no-repeat;}
.order_num.order_num178 .phone{background:url('../../img/order178_img1.gif') no-repeat;}
.order_num.order_num178 .fax{background:url('../../img/order178_img2.gif') no-repeat;}
.order_num.order_num155 .phone{background:url('../../img/txt_order04_01.gif') no-repeat;}
.order_num.order_num155 .fax{background:url('../../img/txt_order04_02.gif') no-repeat;}
.order_num.order_num157 .phone{background:url('../../img/txt_order05_01.gif') no-repeat;}
.order_num.order_num157 .fax{background:url('../../img/txt_order05_02.gif') no-repeat;}
.order_num.order_num158 .phone{background:url('../../img/txt_order06_01.gif') no-repeat;}
.order_num.order_num158 .fax{background:url('../../img/txt_order06_02.gif') no-repeat;}

.order_num.order_num1406 .phone{background:url('../../img/txt_order07_01.gif') no-repeat;}
.order_num.order_num1406 .fax{background:url('../../img/txt_order07_02.gif') no-repeat;}

a.btn_print_fax{display:block; position:absolute; top:18px; right:13px; width:125px; height:22px; overflow:hidden; text-indent:100%; white-space:nowrap;}
.orderintro{width:645px; height:228px; background:url('../../img/txt_order02.gif') no-repeat;}
.orderintro.orderintro151{background:url('../../img/txt_order02_2.gif') no-repeat;}
.orderintro.orderintro174{background:url('../../img/txt_order02_2_1.gif') no-repeat;}
.orderintro.orderintro178{background:url('../../img/order178_img3.gif') no-repeat;}
.orderintro.orderintro155{background:url('../../img/txt_order02_3.gif') no-repeat;}
.orderintro.orderintro157{background:url('../../img/txt_order05_03.gif') no-repeat;}
.orderintro.orderintro158{background:url('../../img/txt_order06_03.gif') no-repeat;}

.orderintro.orderintro1406{background:url('../../img/txt_order07_03.gif') no-repeat;}


.plist{display:flex; margin-bottom:68px;}
.plist > li {padding: 2px;}
.plist > li > a {display:block;}
.blist img, .tlist img{vertical-align:top;}
.blist ol li{padding-left:109px;}
.blist ol li.blist01{background:url(../../img/bg_num1.gif) no-repeat 8px top; padding-top:13px; padding-bottom:54px;}
.blist ol li.blist02{background:url(../../img/bg_num2.gif) no-repeat 8px top; padding-top:5px; padding-bottom:54px;}
.blist ol li.blist03{background:url(../../img/bg_num3.gif) no-repeat 8px top; padding-top:10px;}
.blist ol li ul li{padding:6px 0px; margin-bottom:0; }
/* 2013-11-20 수정 */
/* .blist03 dt{padding:10px 0 1px;} 
.blist03 dd{padding:4px 0;}
.dlist{margin:32px 0 26px 80px; padding-bottom:18px; border:7px solid #ececec; *zoom:1;}
.dlist:after{content:""; display:block; clear:both;}
.dlist p{padding:20px 0 0 20px; float:left;}
.dlist ul{float:left; padding:20px 0 0 18px;}
.dlist ul li{padding:3px 0;}
.dlist ul li ol li{padding-left:10px;}
.dlist ul li.dc_li{padding-bottom:10px;}
.rlist{margin-left:100px;*zoom:1;}
.rlist:after{content:""; display:block; clear:both;}
.rlist p{padding-bottom:38px;}
.rlist ol li{padding-left:0;}
.rlist ol.fl{float:left;}
.rlist ol.fr{float:right;}
.rlist ol li ol, .rlist ol li ul{padding-left:8px;}
.rlist ol.fl>li{height:95px;}
.rlist ol.fr>li{height:95px;}
.rlist ol li ol li{padding:3px 0;}
.tlist{margin-top:50px; padding-top:30px; background:url(../../img/bg_line.gif) repeat-x center top;}
.tlist p{padding-bottom:12px;}
.tlist ul{margin-left:-4px;*zoom:1;}
.tlist ul:after{content:""; display:block; clear:both;}
.tlist ul li{float:left; margin-left:4px; padding-bottom:6px;} */
.blist03 dt{padding:10px 0 5px;}
.blist03 dt.ds_dt{padding-top:23px;}
.blist03 dd{padding-bottom:6px;}
.dlist{margin:32px 0 24px 80px; padding:15px 0 20px 20px; overflow:hidden; border:7px solid #ececec;}
.dlist .p_info{float:left;}
.dlist ul{float:left; padding:10px 0 0 14px; }
.dlist ul li{padding-bottom:14px;}
.dlist ul li.dc_li{padding-bottom:0;}
.dlist ul li.dc_li ol li{padding:7px 0 0 10px;}
.rlist{margin:0 0 42px 100px;}
.rlist p{padding-bottom:9px;}
.rlist ol.r_info li{padding:0 0 15px 0;}
.rlist ol.r_info li ol, .rlist ol.r_info li ul{padding:10px 0 0 12px;}
.rlist ol li ol li{padding-bottom:0 0 8px;}
.tlist{padding-top:34px; background:url(../../img/bg_line.gif) repeat-x center top;}
.tlist p{padding-bottom:15px;}
.tlist ul{margin-right:-10px; overflow:hidden;}
.tlist ul li{float:left; margin:0 1px 2px 0; padding: 1px;}
.tlist ul li > a {display: block;}
/* //2013-11-20 수정 */

/* 2013-07-05 index.jsp */
/* main-gnb */
.main-gnb{display:-webkit-box; display:-ms-flexbox; display:-moz-box; display:-webkit-flex; display:flex;}
.main-gnb .gnb-item{-webkit-box-flex:1; -moz-box-flex:1;  -ms-flex:1;  -webkit-flex:1; flex:1;}
.main-gnb .gnb-item + .gnb-item{margin-left:2px;}
.main-gnb .gnb-item .btn-menu{display:block; background-color:#f7f7f7; font-family:var(--font-notoKR), sans-serif; font-size:16px; font-weight:var(--font-w-middle); line-height:38px; letter-spacing:-0.56px; text-align:center; color:var(--font-color-01);}

/* 2013-07-05 sub-page gnb*/
.gnb{margin-top:13px;}
.gnb .gnb-item{margin-top:16px;}
.gnb .gnb-item:first-child{margin-top:13px;}
.gnb .gnb-item .btn-menu{font-family:var(--font-Roboto), sans-serif; font-size:17px; font-weight:var(--font-w-normal); line-height:20px; letter-spacing:-0.6px; color:#767676;}
.gnb .gnb-item .btn-menu:first-child{margin-top:13px;}
.gnb .gnb-item .btn-menu.on{font-weight:var(--font-w-bold); color:var(--font-color-01);}
.gnb li.gnb01 ul.sub-on{display:block;}
.gnb li.gnb01 ul.sub-off{display:none;}
.gnb li.gnb01 ul.sub-on li a{display:block; height:34px; overflow:hidden;}
.gnb li.gnb01 ul.sub-on li a:hover img, .gnb li.gnb01 ul.sub-on li a:focus img, .gnb li.gnb01 ul.sub-on li a.on img{margin-top:-34px;}

/* 2013-11-20 추가 */
.info_tit{padding:0 0 40px 0; font-family:var(--font-notoKR), sans-serif; font-weight:var(--font-w-normal); font-size:24px; line-height:35px; color:#636366;}
.info_tit span{display:block; font-size:32px; font-weight:var(--font-w-bold); line-height:46px; letter-spacing:-1.12px; color: var(--font-color-01); }
.info_tit span.type_small {font-size:26px; line-height: 38px; letter-spacing: -1.5px;}
.info_tit02{padding-bottom:40px;}
.info_tit03{padding-bottom:10px;}
.info_t{margin-bottom:9px;height:38px;overflow:hidden;}
.info_t li{float:left;}
.visual_area{padding:20px 0 40px;overflow:hidden;}
.gall .bigImg{padding-bottom:8px;width:373px; height:223px;}
.gall ul{overflow:hidden;}
.gall ul li{float:left; margin-right:7px;}
.gall li a{position:relative;display:block;}
.gall li a:focus-visible{outline:0;}
.gall li a:focus-visible:before{content:''; position:absolute; left:0; top:0; width:100%; height:100%; border: 2px solid darkorange; box-sizing:border-box; z-index:2;}
.gall li a img{width:88px;height:60px;}
.txt_area{float:right;}
.txt_area h4{padding:20px 0 15px;}
.txt_area li{padding:0 0 6px 15px; height:12px;}
.info_list{padding-left:245px; margin-bottom:20px; height:150px; background:url('../../img/img_info01.jpg') no-repeat;}
.info_list.info_thumb01{background-position:0 0;}
.info_list.info_thumb02{background-position:0 -170px;}
.info_list.info_thumb03{background-position:0 -341px;}
.info_list.info_thumb04{background-position:0 -512px;}
.info_list.info_thumb05{background-position:0 -683px;}
.info_list dt{margin-bottom:9px;}
.info_list dd{margin:0 0 4px 13px;}
.info_list dd img{display:block;}
.oil_box{margin-bottom:13px;padding:18px 0 18px 19px; border:1px solid #e1e1e1; background:url('../../img/bg_oil_box.gif') repeat-x; overflow:hidden;}
.oil_box .icon_img, .oil_box .oil_list, .oil_box .oil_txt{float:left;}
.oil_box .oil_list{margin:0 14px 0 26px; padding:2px 13px 3px 11px; width:244px; background:url('../../img/bg_oil_inner.gif') no-repeat;}
.oil_box .oil_list li{overflow:hidden;}
.oil_box .oil_list li:first-child{padding-bottom:5px;}
.oil_box .oil_list li .item{float:left; margin-top:10px; }
.oil_box .oil_list li span{float:right;font-family:verdana; font-size:30px; font-weight:bold; color:#afc41e; vertical-align:top;}
.oil_box .oil_list li span img{vertical-align:middle;}
.oil_box .oil_txt p{padding:10px 0; font-family:verdana; font-size:12px; font-weight:bold; color:#8b9f10;}
.oil_box .oil_txt p img{vertical-align:middle;}

.txt_service{margin-bottom:17px;}
.sitemap{margin:0 -21px 0 -10px; overflow:hidden;}
.sitemap li{float:left; margin-right:11px; height:159px;}
.sitemap li .sub_mnu li{clear:left; height:auto; margin:0;}

/* 2014-02-20 스페셜 쿠폰 추가 */
.spcoupon{display:block; overflow:hidden; padding:35px 0 0 10px; font-size:12px; }
.spcoupon div{position:relative; float:left; width:330px; height:484px; padding-top:67px; }
.spcoupon div.left{background:url('../../upload/spcoupon/bg-spcoupon1.jpg') no-repeat 0 0; }
.spcoupon div.right{background:url('../../upload/spcoupon/bg-spcoupon2.jpg') no-repeat 0 0; }
.spcoupon p.day{display:block; text-align:center; color:#FFF; height:12px; line-height:12px; }
.spcoupon p.couponbook{margin-top:67px; display:block; text-align:center; }
.spcoupon p.couponbook img{width:196px; height:336px; }
.spcoupon p.btn{margin-top:9px; display:block; text-align:center; }

/* 점포찾기 */
.mnu_store{overflow:hidden;}
/*.mnu_store li{float:left; width:66px; height:30px;}
.mnu_store li.strore01{width:67px;}
.mnu_store li.strore03{width:67px;}
.mnu_store li.strore05{width:67px;}
.mnu_store li.strore07{width:67px;}
.mnu_store li.strore09{width:67px;}
.mnu_store a{display:block; width:100%; height:30px; overflow:hidden; background: url('../../img/menu_store_0617.gif') no-repeat; text-indent:100%; white-space:nowrap;}
.mnu_store li.strore01 a{background-position:0 0;}
.mnu_store li.strore01.on a{background-position:0 -30px;}
.mnu_store li.strore02 a{background-position:-67px 0;}
.mnu_store li.strore02.on a{background-position:-67px -30px;}
.mnu_store li.strore03 a{background-position:-133px 0;}
.mnu_store li.strore03.on a{background-position:-133px -30px;}
.mnu_store li.strore04 a{background-position:-200px 0;}
.mnu_store li.strore04.on a{background-position:-200px -30px;}
.mnu_store li.strore05 a{background-position:-266px 0;}
.mnu_store li.strore05.on a{background-position:-266px -30px;}
.mnu_store li.strore06 a{background-position:-333px 0;}
.mnu_store li.strore06.on a{background-position:-333px -30px;}
.mnu_store li.strore07 a{background-position:-399px 0;}
.mnu_store li.strore07.on a{background-position:-399px -30px;}
.mnu_store li.strore08 a{background-position:-466px 0;}
.mnu_store li.strore08.on a{background-position:-466px -30px;}
.mnu_store li.strore09 a{background-position:-532px 0;}
.mnu_store li.strore09.on a{background-position:-532px -30px;}
.mnu_store li.strore10 a{background-position:-599px 0;}
.mnu_store li.strore10.on a{background-position:-599px -30px;}
.mnu_store li.strore11 a{background-position:-599px 0;}
.mnu_store li.strore11.on a{background-position:-599px -30px;}*/
.mnu_store li{float:left;width:95px;}
/* .mnu_store li:first-child + li + li + li + li + li + li{width:33.332%;} */
.mnu_store li a{display:block;text-align:center;white-space:nowrap;border:#E1E1E1 solid 1px;font-weight:bold;font-size:12px;letter-spacing:-1px;text-decoration:inherit;background: url('../../img/bg_tabmenu.png') repeat 0 1px;}
.mnu_store li a span{display:block;height:26px;line-height:26px;color:#5C5C5C;border:#E1E1E1 solid 1px;}
.mnu_store li a:hover{background-position:0 -55px;}
.mnu_store li a:hover span{color:#2C3200;border:#d3d3d3 solid 1px;}
.mnu_store li.on a{border:#E1E1E1 solid 1px;background-position:0 -27px;}
.mnu_store li.on a span{border:#8B9F10 solid 1px;color:#2C3200;}

.store_info{display:block;margin-bottom:30px;}
.txt-info {
	font: normal 12px/18px Dotum,Arial;
    color: #656565;
    margin-top: 5px;
}
/*2015-05-14 박기웅 전화/FAX 주문배송 비산점 추가*/

/*2015.06.17 킨텍스점 추가 */
.order_num.order_num159 .phone{background: url('../../img/txt_order_img1.gif') no-repeat;}
.order_num.order_num159 .fax{background: url('../../img/txt_order_img2.gif') no-repeat;}
.orderintro.orderintro159{width: 645px; height: 283px; background: url('../../img/txt_order_img3.gif') no-repeat;}
/* 2016.08.23.하남점 추가 */
.order_num.order_num160 .phone{background: url('../../img/txt_order_img0823_1.gif') no-repeat;}
.order_num.order_num160 .fax{background: url('../../img/txt_order_img0823_2.gif') no-repeat;}
.orderintro.orderintro160{width: 645px; height: 283px; background: url('../../img/txt_order_img0823_3.gif') no-repeat;}
/* 2016.12.06.군포점 추가 */
.order_num.order_num162 .phone{background: url('../../img/txt_order_img1206a_1.gif') no-repeat;}
.order_num.order_num162 .fax{background: url('../../img/txt_order_img1206a_2.gif') no-repeat;}
.orderintro.orderintro162{width: 645px; height: 283px; background: url('../../img/txt_order_img1206a_3.gif') no-repeat;}
/* 2016.12.06.김포점 추가 */
.order_num.order_num163 .phone{background: url('../../img/txt_order_img1206b_1.gif') no-repeat;}
.order_num.order_num163 .fax{background: url('../../img/txt_order_img1206b_2.gif') no-repeat;}
.orderintro.orderintro163{width: 645px; height: 283px; background: url('../../img/txt_order_img1206b_3.gif') no-repeat;}

.info_banner {
    margin:60px 0;
    padding: 40px 0;
    border-top: 2px solid #f0f0f0;
}

.info_tit + .paper-select-store { margin-top: -83px; }
.paper-select-store { float: right; }
.paper-select-store select { width: 120px; height: 35px; border: 3px solid #A5BC24; color: #6c7b1a; font-weight: bold; line-height: 29px; }
.paper-select-store .lead { display: inline-block; font-size: 12px; }
.paper-select-store .lead:before { content: '*'; }
.paper-select-store .content { position: relative; bottom: -3px; display: inline-block; vertical-align: bottom; }
.paper-select-store .submit { padding: 0; border: 0; background-color: transparent; vertical-align: top; }

.layer {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
}
.layer-container {
    border: 1px solid #a1a1a1;
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
}
.layer-bottom {
    position: relative;
    height:38px;
    background: url(../../img/pop_bottom_close.jpg) no-repeat;
    font-size: 12px;
    overflow:hidden;
}
.layer-bottom p {
    margin-top: 13px;
    margin-left:20px;
    letter-spacing: -1px;
    color: #000;
    font-size: 11px;
}
.layer-bottom .layer-close {
    position:absolute;
    right:15px;
    bottom:0;
    width:48px;
    height:100%;
    padding:0;
    text-indent:-9999em;
    background: none;
    border: none;
    cursor:pointer;
}

.layer-branch-holiday {
    width: 300px;
    padding: 50px 30px 25px;
    background: url(../../img/top_border.png) repeat-x;
    text-align: center;
    box-sizing: border-box;
}
.layer-branch-holiday * {
    font-family: 'Noto Sans KR', sans-serif;
}
.layer-branch-holiday h1 {
    margin-bottom: 40px;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.1;
    color: #000;
}
.layer-branch-holiday dl {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -1px;
}
.layer-branch-holiday dt {
    margin-top: 15px;
    margin-bottom: 5px;
    color: #59a50e;
}
.layer-branch-holiday dd {
    line-height: 1.7;
    padding-bottom: 15px;
    border-bottom: 1px dotted #a1a1a1;
    color: #6d6d6d;
    word-break: keep-all;
}
.layer-branch-holiday dd:last-child {
    border-bottom: none;
}

.traders-club > img {
    width: 100%;
}

.content.image-wrap {
    height: auto;
}

/* .traders-club .link-club {
    position: absolute;
    width: 410px;
    height: 77px;
    left: 50%;
    margin-left: -205px;
    bottom: 382px;
} */

.business-hours {
    position: relative;
    width: 100%;
    height: 110px;
    margin-bottom: 24px;
    background:url('../../img/background.png') no-repeat #222;
}

.business-hours img {
    position: absolute;
    top: 59px;
    left: 144px;
}