@charset 'utf-8';

/* °ψΕλ */
#warp { width: 100%; word-break: keep-all;}

/* header */
header { height: 80px; position: relative; padding-top: 14px; box-sizing: border-box;}
.category { position: absolute; top: 28px; left: 15px; background: url(/mobile/kr/img/common/bg_hd2.png) no-repeat; width: 30px; height: 25px; font-size: 0;}
header h1 { text-align: center; }
a.eng { width: 59px; height: 24px; border-radius: 12px; background: #cdcbcc; font-size: 13px; height: 22px; color: #fff; font-weight: 350; display: block; position: absolute; top: 28px; right: 15px; text-align: center;}


/* footer */
footer { overflow: hidden; background: #333 url(/mobile/kr/img/common/ft_bg1.gif) repeat-x; text-align: center; padding: 44px 15px 42px ; }
.ft_nav li { display: inline-block; width: 78px; height: 31px; font-size: 12px;}
.ft_nav li a {display: block;line-height: 31px; }
.pc { background: #0579ca;}
.pc a { color: #ccc;}
.top { background: #fff url() no-repeat;}
.top a {color: #333; }

address { font-size: 14px; font-weight: 350; line-height: 22px; color: #7d7d7d; margin-top: 22px;}
.copy { font-size: 13px; font-weight: 350; line-height: 22px; color: #666; margin-top: 1px}



/* mobileCateogry*/
.mobileNav { height: 100%; width:280px; left: -280px; top: 0; z-index: 9999; position: fixed; overflow-y: auto; overflow-x: visible; }
.ssm-close { position:absolute; z-index: 9999; right:0; width:54px; height:54px; overflow:hidden; text-align:center; background:#151515 url(/mobile/kr/img/common/ct_img1.gif) no-repeat center center; font-size:0; }
.ssm-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.7); display: none; z-index: 9995; }
.mobileNav > div { position:absolute; left:0; height:100%; /*min-height:750px; padding-bottom:100px;*/ width:226px; background:#313131; }
.mobileNav .ct_img { height: 59px; width: 226px;  display: table-cell; vertical-align: middle; text-align: center;}
.m_cate { clear:both; /*margin-top:41px;*/ width:100%; overflow:hidden; }
.m_cate dt { text-transform:uppercase; padding-left: 25px; background: #313131; font-size: 17px; line-height: 52px; font-weight: 400; color:#fff; height: 53px; border-bottom: 1px solid #444; box-sizing: border-box; }
.m_cate dt.on { background: #1086dd; border-bottom: 1px solid #1086dd;}
.m_cate dd { display:none; font-size: 15px; font-weight: 350;background-color: #3a3a3a;}
.m_cate dd a { display:block; padding-left: 40px; height: 44px; line-height: 43px; color: #e8e8e8; border-bottom: 1px solid #444; box-sizing: border-box; background: #3a3a3a url(/mobile/kr/img/common/ct_dat1.gif) no-repeat left 22px center;}

.depth { overflow:hidden;}
.depth li { font-size: 15px; font-weight: 350;}
.depth li a { display: block; height: 44px; line-height: 43px; color: #999; background: #f4f4f4;border-bottom: 1px solid #ddd; box-sizing: border-box;}
.depth li.on a { color: #fff; background: #666;}
.depth li.on2 a { color: #fff; background: #666; border-bottom: 1px solid #444; box-sizing: border-box;}

.depth2 { overflow:hidden;}
.depth2 li { font-size: 15px; font-weight: 350;}
.depth2 li a { display: block; height: 44px; line-height: 43px; color: #999; background: #f4f4f4;border-bottom: 1px solid #ddd; box-sizing: border-box;}
.depth2 li.on a { color: #fff; background: #666;}
.depth2 li.on2 a { color: #fff; background: #666; border-bottom: 1px solid #444; box-sizing: border-box;}

.depth3 { overflow:hidden;}
.depth3 li { font-size: 15px; font-weight: 350;}
.depth3 li a { display: block; height: 44px; line-height: 43px; color: #999; background: #f4f4f4;border-bottom: 1px solid #ddd; box-sizing: border-box;}
.depth3 li.on a { color: #fff; background: #666;}
.depth3 li.on2 a { color: #fff; background: #666; border-bottom: 1px solid #444; box-sizing: border-box;}

/* 
.depth2 { overflow:hidden;}
.depth2 li { font-size: 15px; font-weight: 350;}
.depth2 li a { display: block; height: 44px; line-height: 43px; color: #999; background: #dadada;border-bottom: 1px solid #444; box-sizing: border-box; }
.depth2 li.on a { background: #252525; color: #e8e8e8;} */