@charset "utf-8";
/* CSS Document */

/*서브공통*/


.subbox{ float:left; width:930px; min-height:750px; padding-bottom:20px; display:block; border:1px solid #e9e9e9; background-color:#fff; box-sizing:border-box;}
.subcon{ width:100%; min-height:750px; margin:-1px 0 0 0; padding-top:1px;display:block;}
.subcon.img{text-align:center;}



/*********상단********/
.headbox{width:100%; height:320px; margin-bottom:15px; }
/*상단배너*/
.h_bn{width:100%; height:120px;display:block; overflow:hidden; position:relative;border-bottom:1px solid #dedede;}
.h_bn a{ position:absolute;left:50%; top:0; margin-left:-1000px; display:block;}
/*상단 sm메뉴,로고,검색*/
.hd_m{width:1200px; height:130px; margin:0 auto; padding-top:15px; position:relative;}
	/*로고*/
.hd_m .logo{position:absolute; left:5px; top:15px; z-index:9;}
	/*sm메뉴*/
.hd_m .smbox{text-align:right; margin-bottom:40px;}
.hd_m .smbox li{display:inline; padding:0 4px 0 8px; background:url(../img/head/h_sm_line.jpg) left center no-repeat;}
.hd_m .smbox li:first-child{background:none;}
.hd_m .smbox li a{font-size:11px; color:#000000; letter-spacing:-1px;}
.hd_m .smbox li.last a{ color:#ff3366; font-weight:700;}
	/*검색*/
.hd_m .searchbox{width:100%; height:40px; position:relative; right:10px}
.hd_m .scform{float:right; width:270px; height:40px; border:3px solid #e4e4e4; box-sizing:border-box; border-radius:20px;}
.hd_m .scform .sctxt{ width:220px; height:25px;margin:5px 0 0 10px; border:none;}
.hd_m .scform .scbtn{position:absolute; top:-4px; right:-10px;}
	/*메뉴*/
.hd_b{width:100%; height:49px; background:url(../img/head/h_menu_bg.jpg) repeat-x;}
.hd_b .menu{width:1200px; height:49px; margin:0 auto; position:relative; z-index:99;}
.hd_b .menu li{float:left; height:49px; line-height:49px; padding:0 44px; background:url(../img/head/h_menu_line.jpg) center left no-repeat;}
.hd_b .menu li.first{background:none; margin-left:138px;}
.hd_b .menu li.last{padding-right:31px; padding-left:32px;}
.hd_b .menu li a{display:block; font-size:14px; color:#ffffff; font-weight:bold;}
.hd_b .menu li:hover{line-height:60px; background:#fff url(../img/head/h_menu_ov.jpg) center 9px no-repeat; border-top:1px solid #edf9ed; border-bottom:1px solid #edf9ed; box-sizing:border-box;}
.hd_b .menu li:hover a{color:#282828;}

/*********메인왼쪽메뉴*********/
.leftbox{width:196px; height:100%; margin-right:33px; position:relative;}

.leftbox .left_m li{height:42px; line-height:42px; text-indent:9px; border-top:1px dashed #e6e6e6; position:relative;}
.leftbox .left_m li:first-child{border:none; margin-top:10px;}
.leftbox .left_m li > a{font-size:12px; color:#696969; display:block; }
.leftbox .left_m li:hover > a{ color:#000; text-decoration:underline;}
/*마우스오버*/
.leftbox .left_mov{width:138px; padding:15px; position:absolute; left:196px; top:0; z-index:999; border:3px solid #00ac00; background-color:#fff;display:none; }
.leftbox dl{position:relative;}
.leftbox dl dd{line-height:28px;}
.leftbox dl em{position:absolute; top:0px; left:-39px}
.leftbox dl dd a{color:#696969;}
.leftbox dl dd:hover a{text-decoration:underline; font-weight:bold; color:#000000;}
.leftbox .left_m li:hover .left_mov{display:block;}

/*********왼쪽메뉴*********/
.leftbox2{width:196px; height:100%; margin-right:33px;}
.leftbox2 .tit{width:100%; height:44px; line-height:44px; background-color:#4c4c4c; color:#fff; font-size:13pt; letter-spacing:-1px; text-align:center;}
.leftbox2 .tit span{font-weight:bold;}
.leftbox2 .mlist{width:100%;  border-top:none;}
.leftbox2 .mlist dt{ float:left;width:194px; text-align:center; height:35px; line-height:35px; border:1px solid #d4d4d4;; color:#4c4c4c; background-color:#f7f7f7; font-weight:bold;}

.leftbox2 .mlist dt.btit{background-color:#fff !important; border-color:#ddd !important; line-height:38px; height:38px; font-size:13px;}
.leftbox2 .mlist dd.box{padding:10px 0 10px 10px; border:1px solid #ddd; border-top:none; background:none; height:auto; text-indent:0; margin-bottom:10px;}
.leftbox2 .mlist dt.n{border-top:none;font-weight:bold;}
.leftbox2 .mlist dt b{color:#26b226;font-weight:bold;font-size:13px;}
.leftbox2 .mlist dd{padding:0; text-indent:10px;clear:both; height:35px; line-height:35px; color:#4c4c4c; border-bottom:1px solid #dddddd;}
.leftbox2 .mlist dd a{color:#4c4c4c;}


/*전체카테고리*/
.allmenu{position:absolute; top:319px; left:50%; margin-left:-598px; z-index:99; width:1200px; overflow:auto; background-color:#ffffff; border:1px solid #cbcbcb; border-top:none; box-sizing:border-box; display:none; padding-bottom:20px;}
.allmenu h2{position:relative; width:1150px; height:30px; line-height:30px; margin:17px 25px 0; padding-bottom:10px; border-bottom:1px solid #cbcbcb; font-weight:normal;}
.allmenu h2 span.tit1{ font-size:16px; color:#222222; padding-left:30px;background:url(../img/left/left_ov.jpg) center left no-repeat;}
.allmenu h2 span.tit2{ font-size:13px; color:#3c3c3c; border-left:1px solid #c8c8c8; padding-left:10px; margin-left:15px;}
.allmenu h2 .close{position:absolute; right:0; top:0;}
	/*allmenu1*/
.allmenu .allmenu1{float:left;width:1000px; margin-left:20px;list-style-type:none; position: relative;}
.allmenu .allmenu1 dl{ width:180px; margin:25px 7px 0;/* position:absolute;*/ float:left;}
.allmenu .allmenu1 dl dt{font-weight:bold; padding-right:15px; background:url(../img/left/allmenu_bg1.jpg)  right 3px no-repeat;font-size:12px; margin-bottom:7px;}
.allmenu .allmenu1 dl dd a{font-size:11px; line-height:18px;}
	/*allmenu2*/
.allmenu .allmenu3{width:144px; float:right; margin:19px 26px 0 0;}
.allmenu .allmenu3 li{width:142px; height:46px; line-height:46px; background-color:#f6f6f6;text-align:center; border:1px solid #d0d0d0; margin-bottom: 7px;}
.allmenu .allmenu3 li.white{background-color:#ffffff;}
.allmenu .allmenu3 li a{display:block;}


/*********하단***********/
/*카피라이트*/
.f_mbg{ float:left;clear:both;width:100%; margin-top:50px; display:block;border-top:6px solid #ffa400 ; text-align:center;}
.f_mbg .f_m{ width:400px; margin:0 auto;}
.f_mbg .f_m li{display:inline; float:left; padding-right:7px; margin-right:5px; background:url(../img/all/line1.jpg) right center no-repeat;}
.f_mbg .f_m li a{ color:#707070; text-decoration:none;}
.f_mbg .f_m li:last-child{background:none; margin:0; padding:0;} 
	/*하단메뉴*/
.f_menu{width:100%; float:left; text-align:center; background-color:#ececec; border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd;}
.f_menu li{display:inline-block; height:44px; line-height:44px; margin-left:10px; padding-left:10px; background:url(../img/foot/f_line.jpg) left center no-repeat;}
.f_menu li:first-child{background:none; padding:0; margin:0;}
.f_menu li a{color:#000; }

.foot{ clear:both;width:980px; padding:25px 0 0 220px; margin:0 auto 30px auto; position:relative; min-height:100px; background:url(../img/foot/f_logo.jpg) 15px center no-repeat;}
.foot .f_info{ width:100%; float:left; color:#000000; line-height:18px; font-size:12px; margin-top:10px}
.foot .f_info a.ftc{ display:inline;padding:3px;color:#737373;text-align:center; }
.foot .f_info a.ftc:hover{text-decoration:none;color:#545454; }
.foot .f_info .f_copy{clear:both; margin:10px 0;width:100%; color:#000;}
/*하단로고*/
.foot .f_pay{position:absolute; right:20px; top:20px; height:60px; width:auto; text-align:center; line-height:60px;}
.foot .f_pay li{display:inline; margin:0 5px;}
.foot .f_pay li img{vertical-align:middle; max-height:120px;}



/***퀵**************************************************************************/
.q_boxbg{ position:fixed;  left:50%; margin-left:620px; top:0;width:80px; display:block; z-index:20;}
.q_boxbg .q_tit{width:100%;}
.q_boxbg .q_box{width:78px; border:1px solid #ddd; border-top:none; background-color:#f9f9f9;}
.q_boxbg .q_box .q_menu{width:100%;}
.q_boxbg .q_box .q_menu li{display:list-item; list-style:none; text-align:center; height:47px; background:url(../img/quick/q_line.jpg) center bottom no-repeat;}
.q_boxbg .q_box .q_menu li a{display:block; height:38px; padding:7px 0 2px 0;color:#656565;;}
.q_boxbg .q_box .q_menu li a i{ display:inline-block; width:16px; height:16px;text-align:center;  vertical-align:middle; background:url(../img/quick/q_icon.png) 0 0 no-repeat;}
.q_boxbg .q_box .q_menu li a i.i2{background-position:-16px 0;}
.q_boxbg .q_box .q_menu li a i.i3{background-position:-32px 0;}
.q_boxbg .q_box .q_menu li a i.i4{background-position:-48px 0;}
.q_boxbg .q_box .q_menu li a i.i5{background-position:-64px 0;}
.q_boxbg .q_box .q_menu li a i.i6{background-position:-80px 0;}
.q_boxbg .q_box .q_menu li a i.i7{background-position:-96px 0;}
.q_boxbg .q_box .q_menu li a span{ clear:both; display:block; width:100%; line-height:22px;color:#666666 !important;}

.q_today{ width:62px; margin:0 auto;}
.q_today .q_img{clear:both; width:100%;min-height:0;max-height:196px;  margin:0;overflow:hidden; }
.q_today .q_img a{width:60px;  display:list-item; list-style:none;height:60px; border:1px solid #dddddd; overflow:hidden; margin:0 0 5px 0;}
.q_today .q_img a img{width:100%; height:100%; border:1px solid #e9e9e9; box-sizing:border-box;}
.q_today .qbtn{ display:block;height:16px; margin:5px 0; width:100%; text-align:center;}
.q_today .qbtn a{height:16px; margin:0 auto;display:block; width:16px; text-align:center; text-indent:-9999px;background:url(../img/quick/q_icon.png) 0 -16px no-repeat;}
.q_today .qbtn a.q_dw{background-position:-16px -16px !important;}
.q_box .q_top{ clear:both; margin:5px 0 0 0; width:100%; height:40px; border-top:1px solid #ddd; display:block; text-align:center; color:#666; font-size:11px; cursor:pointer; }
.q_box .q_top i{height:16px; margin:5px auto 0 auto;display:block; width:16px; text-align:center; text-indent:-9999px;background:url(../img/quick/q_icon.png) -32px -16px no-repeat;}

/*체인점안내*************************************************/
.chainbox{width:100%; border-bottom:1px solid #d4d4d4;}
.chainbox .list{margin:35px auto 0 auto; width:612px; overflow:auto;}
.chainbox .list li{display:inline-block; margin:7px; width:88px; height:42px; float:left;}
.chainbox .list li a{display:block; width:86px; line-height:40px; color:#555; border:1px solid #ddd; font-size:15px; text-align:center; box-sizing:content-box;}
.chainbox .list li a.on{ background-color:#f9a000; color:#fff !important;}
.chainbox .dsm_btn3b{margin:0 auto !important; width:190px; background-color:#f6f6f6;}
.chainbox .chainbtn{width:100%; height:75px; margin:25px 0 30px 0; clear:both; text-align:center }
.chaintit{margin:40px 0 0 0; width:100%; text-align:center;}
.chaintit span{display:inline-block; color:#00ac00; font-weight:700; font-size:20px; text-align:center; border-bottom:2px solid #00ac00; padding:0 10px 2px 10px;}
.chaincon{margin:10px auto 50px auto; width:800px; text-align:center;}