@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
* {padding:0; margin:0;}
html {overflow-y:scroll;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;font-style:normal; }
a:link {text-decoration:none; }
a:hover {;text-decoration:none;}
a:visited {;text-decoration:none;}

img, fieldset {border:none;}
legend,caption {position:absolute; left: 0; top:-5000px; font-size:0; line-height:0;}
iframe {border:none;border-collapse:collapse;}
ul,ol{list-style:none;margin:0; padding:0;}
table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}

/* Setting */
body, input, select, textarea, button, a {}
body, textarea {line-height:1.4em;}
body {font-size:12px; }

/* default */
.clear:after {content:''; display:block; clear:both; height:0; line-height:0; font-size:0;}
.block {display:block;}

/* HEADER */
#wrap_new {position:relative; overflow:hidden; width:100%; min-width:1145px; padding:128px 0 0}

#header_new {position:absolute; top:0; overflow:hidden; width:100%; height:128px; padding:0; z-index:2; background: url("/images/common/bg_head.png") repeat-x left 0 }
#header_new:after { content:""; display:block; clear:both; }
#header_new .head {position:relative; width:1031px; margin:0 auto; padding:0;  }
#header_new .top_welcom {font-size: 13px; line-height:44px; color: #f1f3f4; font-weight:500; font-family: 'Noto Sans KR', sans-serif, gulim;}
#header_new .top_welcom strong {font-size: 14px; color: #ffae00}
#header_new .top_welcom span {margin:0 0 0 25px;font-family: 'Noto Sans KR', sans-serif, gulim;}
#header_new h1 {overflow:hidden; width:230px;padding:0; position:absolute; top:63px; left:0; }
#header_new h1 a {display:block; overflow:hidden; width:230px;}
#header_new .login_area {position:absolute; top:0; right:0; height:44px;  padding:0;}
#header_new .login_area a {overflow:hidden; vertical-align:middle;  margin:0 5px ; display: inline-block; font-size: 13px; line-height:44px; color: #f1f3f4; font-family: 'Noto Sans KR', sans-serif, gulim;}

/* GNB */
.gnb_menu { overflow:hidden;  width:799px; margin:0 0 0 302px;  }
.gnb_menu:after { content:""; display:block; clear:both; }

/* 1뎁스 */
.gnb_menu>ul {position:relative; overflow:hidden;display:block;}
.gnb_menu>ul>li {position:relative; float: left; height:129px; z-index:1; }
.gnb_menu>ul>li.on {z-index:2}
.gnb_menu>ul>li h2 {overflow:hidden; display:block; margin:0; padding:0;}
.gnb_menu>ul>li h2 a {overflow:hidden; display:block;  height:84px; margin:0 20px; letter-spacing:-1px; font-size: 18px; line-height:84px; color:#333; font-weight:normal;text-align:center; font-family: 'Noto Sans KR', sans-serif, gulim; }
.gnb_menu>ul>li h2 a img {vertical-align:top;}
.gnb_menu>ul>li.on h2 a {color:#f7941e}

/* 2뎁스 */
.gnb_menu>ul>li .dep2 {overflow:hidden; display:none;position:absolute; top:84px; left:0; width:1000px; margin: 0 0 0; padding:0 0 0 ;}
.gnb_menu>ul>li.on .dep2 {display:block;}
.gnb_menu>ul>li.gnb06 .dep2 {left:-450px;}
.dep2 li {float: left; margin:0; vertical-align:top; background: url("/images/common/line_depth.png") no-repeat left 18px }
.dep2 li:first-child {background:none}
.dep2 li a {overflow:hidden; display:inline-block; margin:0 10px; font-size:14px; line-height:45px; color:#fff; font-weight:400; vertical-align:top; font-family: 'Noto Sans KR', sans-serif, gulim;}
.dep2 li a:hover {color:#f7941e}

/* 컨텐츠 */
.bn_main {width:100%; height:408px; background:#ffb300;  }
.bn_main_in {position:relative; width:695px; margin:0 auto; padding:0 0 0 336px;}
.dw_area {position:absolute; top:0; left:0;width:245px; height:219px; padding:189px 0 0 0;text-align:center; background: url("/images/main/bg_dw.png") no-repeat left 0}
.dw_area > a {overflow:hidden; display:inline-block; width:55px; height:55px; margin:0 2px; text-indent:-99999999px;}
.dw_area a:nth-child(1) {background: url("/images/main/dw01.png") no-repeat left top}
.dw_area a:nth-child(1):focus {background: url("/images/main/dw01_on.png") no-repeat left top}
.dw_area a:nth-child(2) {background: url("/images/main/dw02.png") no-repeat left top}
.dw_area a:nth-child(2):focus {background: url("/images/main/dw02_on.png") no-repeat left top}
.dw_area a:nth-child(3) {background: url("/images/main/dw03.png") no-repeat left top}
.dw_area a:nth-child(3):focus {background: url("/images/main/dw03_on.png") no-repeat left top}

.dw_area .list_name {position:absolute; top:340px; left:21px;}
.dw_area .list_name li {padding:5px 0; font-size: 14px;  color:#fff; letter-spacing:-0.5px; border-top:1px solid #d1b3d5; font-family: 'Noto Sans KR', sans-serif, gulim;}
.dw_area .list_name li:nth-child(1) {border-top:none}

.dw_area .live_img {position:absolute; top:277px; left:0px;cursor: pointer;}

.content_main {border-top:1px solid #ddd; background:#f1f3f4; text-align:center; }
.content_main img {margin:0 0 0 134px}

/* FOOTER */
#footer {float:left;position:relative; width:100%; padding:0 0 96px; border-top:1px solid #e1e1e1; background:#e5e6e6 url("/images/common/bg_foot.png") repeat-x left 0}
#footer .foot_in { position:relative;width:880px;  margin:0 auto; padding:0 0 0 151px; color:#dadada; font-size:13px; line-height:64px; font-weight:400;  }
#footer .foot_in:after { content:""; display:block; clear:both; }
#footer .foot_in .clause_area {margin:0 0 44px -171px;}
#footer .foot_in .clause_area a {display:inline-block; height:64px; margin:0 20px; color:#dadada; font-size:13px; line-height:64px; font-weight:400;font-family: 'Noto Sans KR', sans-serif, gulim; }
#footer .foot_in .clause_area a:nth-child(3) {color:#ffba00}
#footer .foot_in h2 {position:absolute; top:110px; left:0;}
.foot_bn {position:absolute; top:107px;  right:0; text-align:right}
.foot_bn > a {display:inline-block;  margin:0 0 0 15px; vertical-align:top;}
.foot_bn > div {display:block; margin:14px 0 0 0}
.foot_bn > div a {display:inline-block; margin:0 0 0 1px; vertical-align:top; }
.addr {position:relative; width:100%; overflow: hidden; margin:0 auto 0; padding:0 0 0 0; font-size:12px; line-height:18px;  color:#949393; font-family: 'Noto Sans KR', sans-serif, gulim; }
.addr p {overflow: hidden; display:block; clear:both; font-size:10px; line-height:19px; color:#949393; font-family: 'Noto Sans KR', sans-serif, gulim;}

#gotop { position: absolute; margin-left:525px; left:50%; z-index:999; }