@charset "euc-kr";
* {padding:0; margin:0;}

@font-face {
font-family: 'Nanum Square';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
html {overflow-y:scroll;}
body {}
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;   font-family: 'Nanum Square',³ª´®°íµñ, Nanum Gothic, NanumGothic,dotum, gulim;}

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;font-family:'Titillium Web',³ª´®°íµñ, Nanum Gothic, NanumGothic,dotum, gulim; }

/* Setting */
body, input, select, textarea, button, a {color:#000; font-family:'Titillium Web',³ª´®°íµñ, Nanum Gothic, NanumGothic,dotum, gulim;}
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;}

/* SKIP_NAVI */
.skip_navi {position: absolute;  top: 0;left: 0;  width: 100%; z-index: 99999;}
.skip_navi li { height: 0; font-size: 0;  line-height: 0;}
.skip_navi a {position: absolute; top: -500px;  left: 0;  height: 1px; }
.skip_navi a:focus, .skip_navi a:active, .skip_navi a:hover { top: 0; width: 100%; height: 33px; display: inline-block; color: #fff;  font-size: 14px; font-weight: bold; line-height: 35px;  padding: 2px 0 0 38px; text-align: center;  text-decoration: none; z-index:999; background-color:#8ec51e;}

/* HEADER */
#wrap{position:relative; overflow:hidden; width:100%; min-width:1041px;}

#header{position:absolute;width:100%; height:279px; padding:0; z-index:2;  }
#header:after { content:""; display:block; clear:both; }
#header .head {position:relative; overflow:hidden; width:794px; height:83px; padding:0 0 0 247px;  margin:35px auto 0; background: url("../image/common/bg_head.png") repeat-x left 0  }
#header h1 {overflow:hidden; width:170px;padding:0; position:absolute; top:13px; left:35px; }
#header h1 a {display:block; width:156px;}
#header .login_area {position:absolute; top:71px !important; left:50%; height:21px;  padding:0; margin-left:235px; }
#header .login_area a {overflow:hidden; vertical-align:middle;  margin:0 8px ; display: inline-block; color: #fff;  font-size: 14px; line-height:15px; font-weight:600; }
/*
#header .login_area {position:absolute; top:13px; left:50%; height:21px;  padding:0; margin-left:370px; }
#header .login_area a {overflow:hidden; vertical-align:top;  margin:0 8px ; display: inline-block; color: #fff;  font-size: 14px; line-height:15px; font-weight:600; }
*/


/* GNB */
.gnb { width:734px; height:83px; margin:0 0 0; }
.gnb:after { content:""; display:block; clear:both; }

/* 1µª½º */
.gnb>ul {position:relative; display:block;}
.gnb>ul>li {position:relative;float: left; height:130px; z-index:1; }
.gnb>ul>li:first-child {background:none}
.gnb>ul>li.on {z-index:2}

.gnb>ul>li h2 {overflow:hidden; display:block; width:110px;  margin:0; padding:0;}
.gnb>ul>li h2 a {overflow:hidden; display:inline-block;  height:83px; letter-spacing:-1px; line-height:83px; color:#171717; font-weight:600; font-size: 16px; text-align:center; padding:0;}
.gnb>ul>li.on h2 a {height:81px; line-height:83px;  border-bottom: 2px solid #1f3393}
.gnb>ul>li.gnb04 h2{ width:130px; }
.gnb>ul>li.gnb05 h2{ width:130px; }

/* 2µª½º */
.gnb>ul>li .dep2 {overflow:hidden; display:none;position:absolute; top:83px; left:0; width:1000px; margin: 0 0 0; padding:0 0 0 ;}
.gnb>ul>li.on .dep2 {display:block;}
.gnb>ul>li.on.gnb02 .dep2 {left:-58px;}
.gnb>ul>li.on.gnb03 .dep2 {left:-152px;}
.gnb>ul>li.on.gnb04 .dep2 {left:-425px;}
.gnb>ul>li.on.gnb05 .dep2 {left:-50px;}
.gnb>ul>li.on.gnb06 .dep2 {left:-205px;}

.dep2 li {float: left; margin:0; vertical-align:top; }
.dep2 li:first-child {background:none}
.dep2 li a {overflow:hidden; display:inline-block; margin:0 23px 0 0; font-size:14px; line-height:47px; color:#5f5f5f;font-weight:600; vertical-align:top; }
.dep2 li a:hover,.dep2 li a:focus,.dep2 li.on a  {color:#171717;  }
.bt_menu {position:absolute; top:27px; right:23px; }

.gnb_all {position:absolute; top:0; left:0; z-index:10;  display:none; height:0; width:100%;  margin:0; padding:0;  background: url("../image/common/bg_head2.png") repeat-x left top  }
.gnb_all:after { content:""; display:block; clear:both; }
.gnb_all .login_area2 {position:absolute; top:0; left:50%; margin:0 0 0 380px;z-index:10;  }
.gnb_all .login_area2 a {display:inline-block; margin:0 29px; font-size:17px; line-height:51px; color:#fff;}
.gnb_all .login_area2 img {vertical-align:-3px}
.gnb_all .bg {position:fixed; top:0; left:0; z-index:8;width:100%; height:100%;  background-color:rgba(0,0,0,.3)}
.gnb_all .bt_close {position:absolute; top:370px; left:50%; margin:0 0 0 380px ;z-index:10; }

/* all 1µª½º */
.gnb_all > ul {position:relative; overflow:hidden;z-index:9; width:1041px; height:370px; margin:0 auto; padding:0; }
.gnb_all>ul>li {float: left; width:204px; }
.gnb_all>ul>li h2 {overflow:hidden; display:block; height:63px; margin:52px 0 0; padding:0;}
.gnb_all>ul>li h2 a {overflow:hidden; display:block; width:150px; font-weight:600; height:63px; padding:0 0 0; font-size:21px; line-height:63px; color:#fff; }

/* all 2µª½º */
.gnb_all>ul>li .dep2 {height:208px; padding:0 ;}
.gnb_all .dep2 li {margin:0 0 0 0; vertical-align:top; }
.gnb_all .dep2 li a {overflow:hidden; display:block; width:150px; padding:0 0 0 12px; font-size:17px; line-height:28px; letter-spacing:-1px; color:#fff; vertical-align:top; background: url("../image/common/bull_all.png") no-repeat left center }
.gnb_all .dep2 li a:hover, .gnb_all .dep2 li a:focus, .gnb_all .dep2 li.on a  {color:#a1d315; background: url("../image/common/bull_on_all.png") no-repeat left center }


/* ÄÁÅÙÃ÷ */
#body { float:left; width:100%; padding:0; }
#body:after{display:block;clear:both;content:'';}
.main #body {margin:749px 0 0; background:#fff}

/* FOOTER */
#footer {float:left;position:relative;width:100%; background:#f7f7f7;  }
#footer .foot_in { position:relative;width:1041px;  margin:0 auto; padding:19px 0 17px; }
#footer .foot_in h2 {position:absolute; top:50%; right:5px;  margin-top:-23px;}
#footer .foot_in:after { content:""; display:block; clear:both; }
#footer .foot_in .clause_ul { overflow:hidden; margin:0 0 12px -13px; color:#595143; font-size:14px; line-height:16px; }
#footer .foot_in .clause_ul a {display:inline-block; margin:0 10px; color:#595143; font-size:14px; line-height:16px; }
.addr {position:relative; width:100%; overflow: hidden; margin:0 auto 0; padding:0 0 0 0; }
.addr dl {overflow: hidden;display:block; }
.addr dl dt {display:inline-block; padding:0 0 0 0; font-size:14px; line-height:30px; color:#222; }
.addr dl dd {display:inline-block; margin:0; padding:0 10px 0 0;  font-size:14px; line-height:30px; color:#222; }
.addr p {overflow: hidden; display:block; clear:both; font-size:14px; line-height:30px; color:#222; }


/* table */
.tbl_type01 {width:100%; border-top:1px solid #464646;}
.tbl_type01 th {height:37px; padding: 0px 0; margin: 0; font-size:13px; color:#464646;  text-align:center; border-bottom:1px solid #d9d9d9; background-color:#efefef; }
.tbl_type01 td {padding:20px 0 15px 0 ; border-bottom:1px solid #d9d9d9; vertical-align:middle; text-align:center; font-size:13px; line-height:22px;color:#464646;  background-color:#fff;}

/* default */
.hide {display:block; height:0; font-size:0; line-height:0; text-indent:-999999px;}
.hide2 { text-indent:-999999px;}
.pos_re {position:relative;}
.c_both {clear:both;}
.f_nor {font-weight:normal !important;}

.f_left {float:left !important;}
.f_right {float:right !important;}

.text_left {text-align:left !important;}
.text_center {text-align:center !important;}
.text_right {text-align:right !important;}

.v_top {vertical-align:top;}
.v_middle {vertical-align:middle;}

.bor_none {border:none !important;}
.bg_none {background:none !important;}

/* °£°Ý */
.mt2 {margin-top:2px;}

/* ¸ÞÀÎ °øÁö»çÇ× ¹öÆ° */
.notice_btn{ border:1px solid #fff; background:rgba(255, 255, 255, .2); padding:6px 25px; box-sizing:border-box; vertical-align:middle; }
.notice_btn:hover{ color:#8fc102 !important; background:#fff; }

/*ie_chk_area*/
.dp-none{ display:none !important; }
.ie_chk_area{position: fixed;width: 550px;height: 550px;bottom: 0px;right: 0px;display: block;background: #fff;padding: 25px;z-index: 999;border:1px solid #ccc;}
.ie_chk_area .con .tit img {display: block;margin: 20px auto 10px;}
.ie_chk_area .con .tit{display: block;margin: auto;font-size: 1.8rem;font-weight: 400;text-align: center; color: #00455a; line-height:1.2;}
.ie_chk_area .con strong{font-weight: 900;}
.ie_chk_area .con strong.color-01{color: #009c39;}
.ie_chk_area .blind{display: none;}
.ie_chk_area .btn-close{ position: absolute; display: block; width: 40px; height: 40px; top: 0px; right: 0px; float: right; background: url('/resource/assets/common/images/bt_close_b.png') center no-repeat; border: 0;}
.ie_chk_area .btxt{color: #00455a;text-align: center;font-weight: bold;padding-bottom: 2rem;margin-bottom: 2rem;border-bottom: 1px solid; font-size:15px;}
.ie_chk_area .txt{color: #575757;text-align: center; font-size:14px; font-weight:bold;}
.ie_chk_area .con span{position: relative;width: 480px;height: 350px;margin: 20px auto;background: #f4f4f4;display: block;padding: 30px;}
.ie_chk_area .btn-upgrade{position:relative;display:block;margin: 20px auto;width: 256px;text-align: center;padding: 10px 0;background: #00455a;border-radius: 5rem;font-size: 16px;color: #fff;}
.ie_chk_area .chk-uclose{position: absolute;bottom: 0;padding: 0.5rem 0;background: white;width: 540px;left: 0;text-align: center;}
.ie_chk_area .chk-uclose #ie_chk_close{ vertical-align:middle; margin-right:3px; }
