@charset "utf-8";
@charset "utf-8";

/*
 * Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess
 * @import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
 * @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
 */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/NanumGothic-Regular.eot);
  src: url(../fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
	   url(../fonts/NanumGothic-Regular.woff2) format('woff2'),
	   url(../fonts/NanumGothic-Regular.woff) format('woff'),
	   url(../fonts/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic Bold';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/NanumGothic-Bold.eot);
  src: url(../fonts/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
	   url(../fonts/NanumGothic-Bold.woff2) format('woff2'),
	   url(../fonts/NanumGothic-Bold.woff) format('woff'),
	   url(../fonts/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic exBold';
  font-style: normal;
  font-weight: 800;
  src: url(../fonts/NanumGothic-ExtraBold.eot);
  src: url(../fonts/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
	   url(../fonts/NanumGothic-ExtraBold.woff2) format('woff2'),
	   url(../fonts/NanumGothic-ExtraBold.woff) format('woff'),
	   url(../fonts/NanumGothic-ExtraBold.ttf) format('truetype');
}


@import 'https://fonts.googleapis.com/css?family=Roboto:300,400,500,700';

/*Reset*/
legend,caption,.blind{display: none;}
body{margin: 0; padding: 0;}
div,p,h1,h2,h3,h4,h5,h6,ol,li,dl,dt,dd,ul,pre,form,fieldset,legend,input,textarea,button,select,table,th,td{margin:0;padding: 0;border:0;}
ul,ol,li,dl{list-style: none;}
img{border:0;vertical-align: top;}
address,caption,cite,code,dfn,em,var{font-style: normal;}
blockquote,q{quotes: none;}
blockquote:before,blockquote:after,q:after{content:""; content: none;}
form,fieldset{border:0;}
input,select,textarea,button{font-size:100%;vertical-align: middle;}
button{border:0;background-color: transparent;cursor:pointer;}
a{color:inherit; text-decoration:none; color:#3b3836;}
td a, div a{color:#3b3836;}
a:hover,a:active,a:focus{text-decoration:none; color:#c3330d;}
table{width:100%; *border-collapse:collapse; border-spacing:0; table-layout:fixed;}

.m_log{display:none;}

/* skiptoContent */
#skiptoContent{position:fixed;top:0;left:0;width:100%;z-index:999}
#skiptoContent a{display:block;position:absolute;top:0;left:-9999px;width:250px;height:26px;background:#0a94b2;color:#fff;font-size:12px;line-height:26px;text-align:center}
#skiptoContent a:focus, #skiptoContent a:active{left:50%;margin-left:-100px;text-decoration:none}
#skiptoContent a:hover{text-decoration:underline}

/* common */
body,th,td,input,select,textarea,button{color:#2a2a2a;font-size:13px;line-height:1.5; font-family:'NanumGothic','Nanum Gothic','맑은 고딕', 'Malgun Gothic', 'Roboto';}

article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary,main {display:block;}

.blind{display:block; height: 0; width: 0; font-size: 0; line-height: 0; margin: 0; padding: 0; overflow:hidden;}
#login .blind{display:block; height: 0; width: 0; font-size: 0; line-height: 0; margin: 0; padding: 0; overflow:hidden;}
.eng{font-family:'Roboto', 'Verdana'; font-weight:300;}
strong,th{ font-family:'Nanum Gothic Bold'; font-weight:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}

/*header*/
header{width:100%; min-width:1080px; border-bottom:1px #e0e2e4 solid; }
header .logo_area{width:1080px; margin:18px auto 17px; position:relative;}
header .tnb{position:absolute; right:0; top:12px; height:30px;}
header .tnb span{display:inline-block; margin-right:10px;}
header .tnb span a{display:block; width:30px; height:30px; background-image:url(../../images/common/header_img.png); background-size:30px 150px; background-repeat:no-repeat; font-size:0;}
header .tnb span.TE a{background-position:50% -30px;}
header .tnb span.TH a{background-position:50% -60px;}
header .tnb ul{display:inline-block; border:1px #e0e2e4 solid; line-height:28px; vertical-align:bottom; border-radius:14px; padding:0 6px; *display:inline;}
header .tnb ul li{display:inline-block; *display:inline; *zoom:1;}
header .tnb ul li a{font-size:13px; color:#7e7f80; font-family:Roboto; font-weight:400; display:block; padding:0 12px; line-height:28px; border-left:1px #e0e2e4 solid;}
header .tnb ul li:first-child a{border-left:0;}
header .tnb ul li.T_eng a{background:url(../../images/common/header_img.png) no-repeat 3px -90px; background-size:30px 150px; padding-left:32px;}


header .gnb_area{border-top:1px #e0e2e4 solid; height:52px; position:relative; z-index:999;}
header .gnb{width:1022px; height:52px; margin:0 auto; padding-left:58px; position:relative; z-index:11; *zoom:1;}
header .gnb .gnb_1depth{float:left; line-height:52px; z-index:5; *zoom:1;}
header .gnb .gnb_1depth:hover{background:#3d515e; color:#fff; margin-top:-1px;line-height:54px;}
header .gnb .gnb_1depth a{display:block; padding:0 30px; *padding:0 25px; font-size:16px; color:#3b3836; font-family:'Nanum Gothic Bold';}
header .gnb .gnb_1depth:hover a{color:#fff;}

header .gnb .gnb_1depth ul{position:absolute; z-index:3; *zoom1; background:rgba(255,255,255,0.95); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff);
top:53px; height:0; overflow:auto;}

header .gnb .G1D.on{background:#3d515e;}
header .gnb .G1D.on a{color:#fff;}
header .gnb .G1D.on .G2D{height:auto;padding:10px 28px;border:2px #3d515e solid;}
header .gnb .gnb_1depth ul li{line-height:34px; clear:both;}
header .gnb .gnb_1depth ul li a,header .gnb .G1D.on .G2D a{color:#3b3836; padding:0; border-top:1px #e0e2e4 solid; font-size:14px; font-family:'Nanum Gothic'}
header .gnb .gnb_1depth ul li:first-child a,header .gnb .G1D.on .G2D li:first-child a{border-top:0;}
header .gnb .gnb_1depth:hover ul li a, header .gnb .G1D.on .G2D a{color:#3b3836}
header .gnb .gnb_1depth ul li:hover a, header .gnb .G1D.on .G2D a:hover{color:#c3330d}

header .gnb:after{clear:both; display:block; visibility:hidden; content:"."; height:0;}

header .gnb .gnb_1depth ul.GD2_2 li{width:107px;}
header .gnb .gnb_1depth ul.GD2_3 li{width:95px;}
header .gnb .gnb_1depth ul.GD2_4 li{width:124px;}
header .gnb .gnb_1depth ul.GD2_5 li{width:91px;}
header .gnb .gnb_1depth ul.GD2_7{width:130px; right:5px;}
header .gnb .gnb_1depth.M_G1D1_8{display:none;}
header .all_menu_btn{position:absolute; top:0; left:50%; margin-left:-540px; width:58px; height:52px; background:url(../../images/common/all_menu_btn.gif) no-repeat; z-index:22; *zoom:1;}
header .all_menu_btn button{font-size:0; display:block; width:58px; height:52px;}
header .all_menu{width:100%; min-width:1080px; background:rgba(255,255,255,0.95);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff); border-bottom:2px #3d515e solid; position:absolute; z-index:33; *zoom:1; top:0px; *left:0;  overflow:hidden; display:none;}
header .all_menu_gnb_box{width:100%; min-width:1080px;border-top:1px #e0e2e4 solid; }
header .all_menu_gnb{width:1078px; margin:0 auto;border-right:1px #e0e2e4 solid;}
header .all_menu .AM_li{float:left;}
header .all_menu .AM_li ul{width:153px;border-left:1px #e0e2e4 solid;padding:12px 0; height:326px;}
header .all_menu .AM_li ul li a{display:block; background:url(../../images/common/board_but.gif) no-repeat 0 50%; background-size:3px; padding-left:10px; font-size:13px; margin-left:15px; line-height:30px;}
header .all_menu .AM_li ul li a:hover{color:#0057a8; text-decoration:underline; font-family:'Nanum Gothic Bold'; }
header .all_menu_gnb:after{clear:both; display:block; visibility:hidden; content:"."; height:0;}
header .all_menu_close{display:block; font-size:0; background:url(../../images/common/all_menu_close.gif); width:58px; height:54px; position:absolute; left:50%; margin-left:-540px; bottom:0px;}
header .all_menu .depth01{width:1078px; margin:0 auto; border-right:1px #e0e2e4 solid; background:#fff;}
header .all_menu .depth01 li{float:left; line-height:52px; width:153px;border-left:1px #e0e2e4 solid; text-align:center; }
header .all_menu .depth01 li a{display:block; color:#3b3836; font-family:'Nanum Gothic Bold'; font-size:16px;}
header .all_menu .depth01:after{clear:both; display:block; visibility:hidden; content:"."; height:0;}


/*footer*/
footer{width:100%; position:relative;}
footer .fnb_line{width:100%; min-width:1080px;  border-top:1px #e0e2e4 solid; border-bottom:1px #e0e2e4 solid; position:relative; height:42px;}
footer .fnb_line .fnb{position:absolute; left:50%; margin-left:-540px; }
footer .fnb_line .fnb li{float:left; line-height:42px;}
footer .fnb_line .fnb a{line-height:16px; display:inline-block; font-size:14px; border-left:1px #e0e2e4 solid; padding:0 23px;}
footer .fnb_line .fnb li:first-child a{border-left:0;}
footer .site_list{ position:absolute; width:170px; height:44px; left:50%; margin-left:370px; top:-1px;}
footer .site_list button{background:url(../../images/common/site_btn.gif) no-repeat right 50% #50626e; display:block; width:100%; line-height:44px; height:44px; font-size:14px; color:#fff; font-weight:700; text-align:left; padding-left:30px;}
footer .famliy_site{background:#50626e; position:absolute; bottom:44px; width:170px; display:none;}
footer .site_list.open button{background-image:url(../../images/common/site_close.gif);}
footer .famliy_site ul{padding:10px; border-bottom:1px #73818b solid;}
footer .famliy_site li a{display:block; padding:5px 10px; color:#fff;}
footer address{color:#707172;line-height:22px; width:1080px; margin:24px auto; text-transform:uppercase; background:url(../../images/common/logo.jpg) no-repeat; min-height:78px;}
footer address p{padding-left:320px; padding-top:0px;}


