/* basic */
*, html, body {margin:0; padding:0; font-family:'맑은 고딕', 'Malgun Gothic' ,'Dotun';}
div, table, th, td, p, span, form, fieldset, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, img, iframe, a, header, footer, aside, section, article, nav, hr, strong {margin:0; padding:0; border:0; vertical-align:top;}
header, footer, aside, section, article, nav {display:block}
div, table, th, td {border-collapse:collapse;}
input, button {vertical-align:middle;}
img {border:0; vertical-align:top;}
button {margin:0; padding:0; border:0; background:none;}
ul, ol, li {list-style:none;}
a {text-decoration:none;color:#000;}
caption {display:block; position:absolute; top:-9999px;  width:0; height:0; line-height:0; margin:0; padding:0; font-size:0; text-indent:-9999px;}
.hidden{width:0; height:0; line-height:0; margin:0; padding:0; font-size:0; text-indent:-9999px;}
.ell{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.ell2{overflow:hidden; text-overflow:ellipsis;  display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical; word-wrap:break-word;}
* {-webkit-text-size-adjust:none}

img.width100 {width:100%; height:auto;}

/* header */
#header {position:fixed; left:0; top:0; z-index:80; width:100%; border-bottom:2px solid #bbb; background:#fff;}
#header h1 {text-align:center;}
#header h1 img{width:102px; height:25px;}
#header h1 a{display:block; height:25px; padding:14px 0 11px;}
#header .menu_open_btn {position:absolute; top:0; right:0; width:44px; height:50px; text-align:center;}
#header .menu_open_btn img {width:24px; height:17px; padding-top:16px;}
.m_menu {position:absolute; top:0; right:-100%; width:60%; z-index:100;}
.m_menu p {line-height:44px; padding-left:15px; font-size:15px; font-weight:bold; color:#fff; background:#3286d8;}
.m_menu nav li{background:#f3f3f3;}
.m_menu nav .menu_tit {display:block; line-height:42px; padding-left:15px; font-weight:bold; font-size:15px; color:#555; background:url(/m/img/m_overmenu.gif) no-repeat 95% center; background-size:9px;}
.m_menu nav .depth2 {display:none;}
.m_menu nav .depth2 li {background:#666; opacity:0.7; filter:alpha(opacity=70); border-top:1px solid #7d7d7d;}
.m_menu nav .depth2 li:first-child {border-top:0;}
.m_menu nav .depth2 li a {display:block; padding-left:23px; line-height:31px; font-size:12px; color:#fff; background:url(/m/img/m_overmenu_list.gif) no-repeat 15px center; background-size:4px 1px;}
.m_menu .menu_close_btn {position:absolute; top:0; right:0; width:44px; height:44px; text-align:center;}
.m_menu .menu_close_btn img {width:17px; height:17px; padding-top:13px;}
#blind {display:none; opacity:0.7; filter:alpha(opacity=70);}

/* footer */
#footer {position:relative; padding:12px 0; background:#646464; text-align:center;}
#footer strong{display:block; margin-bottom:7px; line-height:15px; font-size:12px; color:#b1b1b1;}
#footer dl {height:17px;}
#footer dt,
#footer dd{display:inline-block; line-height:11px;font-size:11px; color:#b1b1b1;}
#footer dl dt:first-child + dd {padding-right:5px; border-right:1px solid #818181;}
#footer address{display:block; clear:both; margin-top:9px; line-height:15px; font-style:normal; font-size:11px; color:#838383;}
.top_btn {position:fixed; right:0; bottom:0; width:52px; height:52px;}
.top_btn img{width:32px; height:32px; padding:10px;}

#wrap{overflow:hidden; padding-top:51px;}

/* main */
#container{overflow:hidden;}
.main_banner li{float:left; width:50%;}

/*sub*/
.sub_menu {position:relative;}
.sub_menu .depth1_tit {line-height:35px; font-size:15px; font-weight:bold; color:#fff; background:#3286d8; text-align:center;}
.sub_menu .depth2_tit {line-height:42px; font-size:16px; font-weight:bold; color:#555; background:#f4f4f4 url(/m/img/depth2_tit.gif) no-repeat 95% center; background-size:12px 8px; border-bottom:1px solid #dcdcdc; text-align:center;}
.sub_menu .depth2_tit.on {background:#f4f4f4 url(/m/img/depth2_tit_on.gif) no-repeat 95% center; background-size:12px 8px;}
.sub_menu .sub_overmenu {display:none; position:absolute; top:78px; left:0; width:100%; box-shadow:5px 5px 10px rgba(0,0,0,0.2);}
.sub_menu .sub_overmenu li {border-bottom:1px solid #dcdcdc;}
.sub_menu .sub_overmenu li a{display:block; line-height:35px; font-size:14px; color:#777; background:#fff; text-align:center;}
.sub_menu .sub_overmenu li.on {display:none;}

.sub_tit {margin:0 10px; padding:18px 0 13px; border-bottom:1px solid #ddd;}
.sub_tit .path {line-height:13px; margin-bottom:6px;}
.sub_tit .path span {padding-right:8px; font-size:11px; color:#999; background:url(/m/img/path_arr.gif) no-repeat right center; background-size:4px 8px;}
.sub_tit .path strong {padding-left:8px; font-size:11px; color:#666;}
.sub_tit h2 {line-height:23px; font-size:19px; color:#434343;}