@charset "UTF-8";




html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, img {margin:0; padding:0; }
html {width:100%; height:100%;}
body {font-size:12px;font-family:noto sans kr, 'Nanum Gothic', sans-serif; color:#777;}
table{border-spacing:0; border:0;}
th, td {border:0;}
td {font-size:12px;font-family:noto sans kr, 'Nanum Gothic', sans-serif; color:#777; letter-spacing:0px }
table tr.radioType input,
span.noBorder input { border:none !important; width:auto !important; height:auto !important; margin:0 3px 0 0 !important; vertical-align:middle !important; background:none !important; }
li{list-style:none; }
img, fieldset{border:none;}
label {cursor:pointer;}
a{font-size:12px;font-family: noto sans kr,'Nanum Gothic', sans-serif; text-decoration:none; color:#777;}
a:hover{text-decoration:underline;}
body,table,input,textarea,select {
font-family: noto sans kr,'Nanum Gothic', sans-serif;
color:#333333;
}
*{box-sizing: border-box;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}

#body-whole-wrapper{
    width:100%;
    min-width:1000px;
    position: relative;
    margin: 0px auto 0;
}
#container { width:1200px; }

.text_line{position: relative;margin-bottom: 10px;}
.text_line::after{background-color:#000;content: "";width:200px;height:3px;position: absolute;left:0;right:0;bottom:-15px;margin:0 auto;}
.text_sub{margin-top:30px;color:#888!important;text-align: ;font-weight: 300;}

/* Main_nav */

#top_category { position:relative;margin:0 auto;width:1200px;z-index:6}
#top_category .navigation { height:55px;line-height:55px;font-size:14px;text-align:center;/*background:url('boardem/img/djds/top/top_category/navi_bg.png');*/clear:both;text-align: left}
#top_category .navigation li { position:relative;padding:0px 28px 0px 28px;font-weight:bold;z-index:100;}
#top_category .navigation .last{ float:right;padding-right:20px;}

#drop-down #smenu {display:none;position:absolute;top:55px;padding:10px 0 10px 0;background:#ffffff;border:1px solid #ccc ;z-index:3000;text-align:left;}
#drop-down li a { font-family: 'Nanum Gothic', sans-serif;color:#555;font-size:18px;text-decoration:none;}
#drop-down li a.on {color:#fff200;text-decoration:none;}
#drop-down #smenu a {display:block;padding:5px 10px 5px 10px;font-family: 'Nanum Gothic', sans-serif; font-size: 12px; line-height: 12px; color: #999; text-decoration: none;font-weight:normal}
#drop-down #smenu a:hover {color:#000;background:#e1e1e1;}

#drop-down .sub_com {width:150px;}
#drop-down .sub_01 {left:0px;width:1200px;}
#drop-down .sub_02 {left:15px;}
#drop-down .sub_03 {left:-30px;}
#drop-down .sub_04 {left:-37px;}
#drop-down .sub_05 {left:-40px;}
#drop-down .sub_06 {left:15px;}
#drop-down .sub_07 {left:-30px;}
#drop-down .sub_08 {left:-30px;}
#drop-down .sub_09 {left:-30px;}
#drop-down .sub_10 {left:-30px;}
#drop-down .sub_11 {left:-32px;}





#drop-down #smenu .ttcat {float:left;width:19.50%;}
#drop-down #smenu .ttcat dt	 { color: #777;padding:10px 0;}
#drop-down #smenu .ttcat dt a {  font-family: 'Nanum Gothic', sans-serif; font-size: 14px;  color: #555;font-weight:bold}
#drop-down #smenu .ttcat dt a:hover {color: #000;}
#drop-down #smenu .ttcat dd  a { font-size: 11px;  color: #777;}
#drop-down #smenu .ttcat dd  a:hover {color: #000;}
#drop-down #smenu .ttcat_last {width:12.37%;}
#crossl {float:left;width:10px;height:390px;border-left:1px solid #e1e1e1}


.bx-pager{z-index:99;}