@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:50px 0 0 0;display:block;}
.subcon.img{text-align:center;}

/*********상단***********/

.headboxbg{width:100%; height:46px; display:block; position:relative;background-color:#222222;}
.headbox{width:100%; height:46px; background-color:#222222; position:absolute; left:0; top:0; z-index:100;}
.headbox.fixed{position:fixed;}
.headbox .head{width:1200px; height:46px; margin:0 auto; position:relative;}
/*왼쪽*/
.h_left {float:left;padding-left:10px;}
.top_cate {float:left;}
.top_cate .btn_cate {display:block;width:46px;height:46px;background:url(../../dsm/img/head/ico_cate.jpg) no-repeat 0 0;text-indent:-9999px;}
.top_cate .btn_cate.on {background-position:-46px 0;}
.cate_wrap {width:240px;position:absolute;top:46px;left:0;display:none;}
.cate_wrap span {background:#000;opacity:0.8;filter:alpha(opacity=80);position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;}
.cate_wrap ul {padding:10px 0 10px 20px;}
.cate_wrap li {line-height:30px;}
.cate_wrap a {font-size:12px;color:#777;}
.cate_wrap a:hover {color:#fff;border-bottom:1px solid #fff;}
.search_wrap {width:200px;height:46px;position:relative;float:left;overflow:hidden;}
.search_form {position:absolute;left:0;top:-46px;width:200px;height:46px;background:#333;}
.search_form input[type=text]{width:144px;height:20px;border:none;padding:13px 0 13px 10px;color:#aaa;float:left;}
.search_form input[type=submit]{border:none;background:url(../../dsm/img/head/ico_search.png) no-repeat 0 0;float:left;text-indent:-9999px;width:46px;height:46px;cursor:pointer;}
.ico_search {position:absolute;left:0;top:0;width:200px;background:url(../../dsm/img/head/ico_search.png) no-repeat 0 0;text-indent:-9999px;height:46px;}
/*오른쪽*/
.headbox .head .h_rig{float:right; margin:10px 0 0 0;}
.headbox .head .h_rig li{display:inline-block; padding-right:12px; margin-right:10px; background:url(../../dsm/img/all/line1.jpg) right center no-repeat;}
.headbox .head .h_rig li a{ color:#aaa; line-height:26px; font-size:11px;}
.headbox .head .h_rig li:last-child{ background:none; margin:0;}
.headbox .head .logo{width:208px; height:110px; position:absolute; left:50%; margin-left:-104px; top:0;}

/*쇼핑 상단 롤링 */
.h_img.sd{width:100%; height:600px;  margin:0;padding:0px; float:left; position:relative;}
.h_img.sd .sliderkit-nav{position:absolute; left:0; width:100%; bottom:15px; text-align:center;}
.h_img.sd .sliderkit-nav-clip{font-size:11px; text-align:center;width:100%;height:18px;margin:0 auto !important; overflow:visible;}
.h_img.sd .sliderkit-nav-clip ul{text-align:center; width:100%;height:18px; left:0 !important; }
.h_img.sd .sliderkit-nav-clip ul li{margin:0; font-size:11px;}
.h_img.sd .sliderkit-nav-clip ul li a{width:18px;height:18px; text-indent:-9999px;margin:0 2px; background:url(../../dsm/img/all/btn_off.png) center no-repeat;}
.h_img.sd .sliderkit-nav-clip ul li.sliderkit-selected a{background:url(../../dsm/img/all/btn_on.png) center no-repeat;}
.h_img.sd .sliderkit-panels { width: 2000px;  height: 600px;  overflow: hidden;  padding: 0px;  background: #fff;  position: absolute;  left: 50%;  margin-left: -1000px;}
.h_img.sd .sliderkit-panels .sliderkit-panel{display:block; width:100%; height:600px;}
.h_img.sd .sliderkit-panels .sliderkit-panel img{width:100%;}

/*서브 상단 이미지*/
.h_img{width:100%; height:200px; overflow:hidden; position:relative}
.h_img img{width:2000px; position:absolute; left:50%; margin-left:-1000px; top:0;}
/*상단메뉴*/
.menuboxbg{ float:left; clear:both;width:100%; height:60px;}
.menubox{ float:left; clear:both;width:100%; height:60px; position:relative; left:0; top:0;z-index:20;}
.menubox .m_listbg{width:100%;  height:60px; position:relative;}
.menubox .m_listbg .m_list{width:1200px; height:60px; margin:0 auto; border-left:1px solid #3b3b3b;}
.menubox .m_listbg .m_list li{display:inline-block; width:149px;height:60px; border-right:1px solid #3b3b3b; float:left;}
.menubox .m_listbg .m_list li a{display:block; line-height:60px; color:#999; font-size:12px;font-family:'Open Sans'; font-weight:600; text-align:center;}
.menubox .m_listbg .m_list li a:hover , .menubox .m_listbg .m_list .on a{color:#fff;}
.menubox .m_listbg em{background:#222;filter:alpha(opacity=0); opacity:1;width:100%; height:100%; position:absolute; left:0; top:0; bottom:0; z-index:-1;}
/*오버메뉴*/
.menubox .m_ovbg{ left:0; top:60px; position:absolute;width:100%; height:0;overflow:hidden;  z-index:20;}
.menubox .m_ovbg .m_ov{width:1200px;  margin:0 auto;overflow:auto; border-left:1px solid #eee;}
.menubox .m_ovbg .m_ov ul{display:inline-block; width:134px; padding:10px 0 10px 15px;height:280px; border-right:1px solid #eee; float:left;}
.menubox .m_ovbg .m_ov ul li{display:list-item; list-style:none; height:25px; line-height:25px;}
.menubox .m_ovbg .m_ov ul li a{ text-align:left;  color:#777777; font-size:12px;line-height:25px; display:block;}
.menubox .m_ovbg .m_ov ul li a:hover{color:#ad5e61; text-decoration:underline;}
.menubox .m_ovbg em{background:#fff;filter:alpha(opacity=95); opacity:0.95;width:100%; height:100%; position:absolute; left:0; top:0; bottom:0; z-index:-2;}
/*고정*/
.menubox.fixed{position:fixed !important; left:0; top:0;}
.menubox.fixed .m_listbg em{filter:alpha(opacity=90); opacity:0.9;}


/*********하단***********/



.footbox{width:1200px; margin:60px auto; min-height:100px;}
.footbox .f_cs{width:270px; height:85px; margin:10px 0 0 30px; float:left;}
.footbox .f_cs .tit{font-family:'Open Sans'; font-size:15px; color:#444; line-height:15px;}
.footbox .f_cs .no{font-family:'Open Sans'; font-weight:600; font-size:20px; color:#666; line-height:39px; display:block; clear:both;}
.footbox .f_cs .txt{font-family:'Open Sans','Nanum Gothic'; font-size:12px; color:#888; line-height:12px;}
.footbox .f_cs .txt span{display:block; clear:both; color:#C66; font-weight:600}
.footbox .f_copy{width:568px; float:left; height:100px; border-left:1px solid #cccccc; border-right:1px solid #cccccc; padding-left:30px;}
.footbox .f_copy .f_m{width:100%; height:20px;}
.footbox .f_copy .f_m li{display:inline-block; margin-right:13px; padding-right:15px; background:url(../../dsm/img/all/line2.jpg) right center no-repeat;}
.footbox .f_copy .f_m li:last-child{background:none; margin:0; padding:0;}
.footbox .f_copy .f_m li a{color:#656565;}
.footbox .f_copy .copy{line-height:18px; margin-top:10px;}
.footbox .f_copy .copy .ftc{font-size:11px; background:#eee; line-height:15px; padding:3px 5px;}
/***퀵**************************************************************************/
.q_boxbg{ position:fixed;  top:120px; right:0;width:80px; display:block; z-index:20;}
.q_boxbg .q_bg_t{width:100%; height:5px; background:url(../../dsm/img/quick/q_bg.png) 0 0 no-repeat;}
.q_boxbg .q_bg_b{width:100%; height:5px; background:url(../../dsm/img/quick/q_bg.png) 0 -6px no-repeat;}
.q_boxbg .q_btn{position:absolute; width:26px; height:88px; left:-25px; top:70px; background:url(../../dsm/img/quick/q_btn.png) no-repeat;cursor:pointer;}
.q_boxbg .q_box{width:79px; border-left:1px solid #ddd; padding:10px 0; background-color:#fff;}
.q_boxbg .q_box .q_menu{width:51px; margin: 0 auto;}
.q_boxbg .q_box .q_menu li{display:list-item; list-style:none; text-align:center; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ddd; height:36px;}
.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:28px; height:17px;text-align:center;  vertical-align:middle; background:url(../../dsm/img/quick/q_icon.png) 0 0 no-repeat;}
.q_boxbg .q_box .q_menu li a i.i1{background-position:-28px 0;}
.q_boxbg .q_box .q_menu li a i.i2{background-position:-56px 0;}
.q_boxbg .q_box .q_menu li a i.i3{background-position:-84px 0;}
.q_boxbg .q_box .q_menu li a i.i4{background-position:0 -17px;}
.q_boxbg .q_box .q_menu li a i.i5{background-position:-28px -17px;}
.q_boxbg .q_box .q_menu li a i.i6{background-position:-56px -17px;}
.q_boxbg .q_box .q_menu li a span{ clear:both; display:block; width:100%; line-height:22px;color:#666666 !important;}

.q_today{ width:50px; margin:0 auto;}
.q_today .q_img{clear:both; width:100%;min-height:0;max-height:180px;  margin:0;overflow:hidden; }
.q_today .q_img a{width:48px;  display:list-item; list-style:none;height:48px; border:1px solid #dddddd; overflow:hidden; margin:0 0 10px 0;}
.q_today .q_img a img{width:100%; height:100%; box-sizing:border-box;}
.q_today .qbtn{ display:block;height:18px; margin:0 0 10px 0; width:100%; text-align:center; }
.q_today .qbtn a{height:18px;width:18px; display:inline-block; margin:0 3px; text-align:center; text-indent:-9999px;background:url(../../dsm/img/quick/q_icon.png) -84px -17px no-repeat;}
.q_today .qbtn a.q_dw{background-position:-102px -17px !important;}
.q_box .q_top{ clear:both; width:50px; height:24px; border:1px solid #ddd; display:block; text-align:center; color:#222; line-height:24px; font-size:11px; cursor:pointer;  transition: all 0.5s; }
.q_box .q_top:hover{  transition: all 0.5s; background-color:#000; color:#ccc; border-color:#000;}