/*@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanssc.css); 


@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); } 
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); } 
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); } 
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); } 
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); } 



body {font-family: 'Noto Sans KR', sans-serif; }
input.mail::-webkit-input-placeholder{font-family: 'Noto Sans KR', sans-serif;}
input.mail:-moz-input-placeholder{font-family: 'Noto Sans KR', sans-serif;}
input.mail::-moz-input-placeholder{font-family: 'Noto Sans KR', sans-serif;}
input.mail:-ms-input-placeholder{font-family: 'Noto Sans KR', sans-serif;}
/* header */
#header {border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; height:98px; }
.headerWrap {width:1100px; margin:0 auto; position:relative; }
.headerWrap h1 {position:absolute; top:32px; left:0; }
.headerWrap .lang_button {position:absolute; top:32px; right:0; border:1px solid #c5c5c5; background-color:#fafafa; overflow:hidden; }
.headerWrap .lang_button a {display:inline-block; float:left; color:#858585; font-size:13px; padding: 10px 0; border-right:1px solid #c5c5c5; width:33px; text-align:center; }
.headerWrap .lang_button a:nth-child(2) {font-weight:300;  }
.headerWrap .lang_button a:last-child {border:none; font-size: 12px; padding: 11px 0 10px; font-family: 'Noto Sans SC', sans-serif ;   }
.headerWrap .lang_button a.on {color:#00205a; font-weight:500 }
.gnbWrap {width:620px;  margin: 0 auto;}
.gnbWrap > ul {overflow: hidden; background:url("../../images/main/gnb_bg.png") no-repeat; }
.gnbWrap > ul.depth1 > li {float: left;	 height:98px; }
.gnbWrap > ul.depth1 > li > a {display: block; padding:42px 48px; text-align: center; font-size:14px; color: #9ca4ae; font-weight:bold; }
.gnbWrap > ul.depth1 > li > a.current {color:#002d7e; }
.gnbWrap > ul.depth1 > li.current > a {background:url("../../images/main/gnb_arrow.png") bottom center no-repeat;}
.gnbWrap .depth2Wrap {display:none; position: absolute; left:-402px; width:1903px; z-index: 1000;  }
.gnbWrap .depth2Wrap ul {width:1903px; border-top: 1px solid #dcdcdc; overflow:hidden; background-color:#fff; text-align:center;}
.gnbWrap .depth2Wrap ul li {display:inline-block; }
.gnbWrap .depth2Wrap ul li a {padding:15px 10px 20px; color: #585858; font-size: 13px; display:block;  font-weight:300; }
.gnbWrap .depth2Wrap ul li:hover a {color: #002d7e; font-weight:500; }
/*#nav-demo {position: absolute; z-index:9999999999999;  top:36px; left:0; display:none; }
.mnav-mobile-btn {width:35px; height:23px; cursor: pointer; position: absolute; top:0; background: url('../../images/main/menu_btn.png') no-repeat ; }
.mnav-menu {position:absolute; top:63px; left:0px; display:none; width: 768px; }
.mnav-menu-item {position: relative; }
.mnav-menu-item a.depth1{display: block; background-color:#ffffff; color:#00205a;  font-size:23px; padding:23px 50px; border-bottom:1px solid #dcdcdc; font-weight: 500; }
.mnav-submenu {display: none; background-color:#fbfbfb;}
.mnav-submenu a {display: block;  color:#979797; font-size:20px; padding:24px 50px; border-bottom:1px solid #dcdcdc; }
.mnav-open-close {display: block; position:absolute; right:0; width:100%; height:70px; cursor: pointer; }
.mnav-mobile-arrow {width:20px; height:20px; display: block; cursor: pointer; background: url('../../images/main/gnb_open.png') no-repeat; position: absolute; top:25px; right:50px; }
.mnav-mobile-arrow-mirror {background: url('../../images/main/gnb_close.png') no-repeat;}*/
.mGnb {display:none; position: relative;  z-index: 9999999999999999; }
.mGnb > a {display:inline-block; padding-top:36px;  padding-left:10px; position:absolute; }
.mGnbWrap {	display: none; position: absolute; width:100%;  top:99px;  z-index:10000;  box-shadow: 0px 10px 25px rgba(0,0,0,0.3); }
.mGnbWrap a.btnClose {position: absolute;	top:-63px; left:10px; padding: 0 4px; background: #fff; }
.mGnbArea {background: #fff; }
.mGnbArea > li {width:100%;	 border-bottom:1px solid #dcdcdc; }
.mGnbArea > li > a {font-size: 20px; color: #00205a;  padding:24px 50px;  display: block; font-weight: 500;}
.mGnbArea > li > a span {display: inline-block;	width: 100%; background-image: url('../../images/main/gnb_open.png'); background-position: right center;	 background-repeat: no-repeat;}
.mGnbArea > li:nth-child(2) a span {background:none; }
.mGnbD2 {	display: none; background: #fbfbfb;}
.mGnbD2 li {color:#979797; font-size:20px; border-top:1px solid #dcdcdc; }
.mGnbD2 li a {display:block; padding:24px 50px;  }

/* container */
#container {width:1100px; margin:0 auto; }
.textWrap {width:670px; margin:0 auto; padding-top:88px; }
.textWrap img.ver_t {display:none; }
.textWrap img.ver_m {display:none; }
.textWrap p {font-size:18px; color:#87898e; text-align:center; padding:35px 0 88px;}
.textWrap p b {display:none; font-size: 0px; line-height: 6px;}
.textWrap p strong {color:#bf2c37; }
.contWrap {overflow:hidden; padding-bottom:88px; }
.contWrap_t {display:none; }
.contWrap_m {display:none; }
.contWrap .conArea {overflow:hidden; }
.contWrap .conArea.num1 {width:546px; float:left; } 
.contWrap .conArea.num2 {width:544px; float:right; } 
.contWrap .conArea .contbox {display:inline-block; float:left; padding-bottom:10px; position:relative; }
.contWrap .conArea .contbox:hover div {box-shadow: 0 101px 0 0 rgba(0,0,0,0.5) inset, 0 -100px 0 0 rgba(0,0,0,0.5) inset; transition: all 0.4s, color 0.3s 0.3s;}
.contWrap .conArea .contbox:hover div.num1 {box-shadow: 0 206px 0 0 rgba(0,0,0,0.5) inset, 0 -206px 0 0 rgba(0,0,0,0.5) inset; }
.contWrap .conArea .contbox:hover div.num2 {box-shadow: 0 206px 0 0 rgba(0,0,0,0.5) inset, 0 -206px 0 0 rgba(0,0,0,0.5) inset; }
.contWrap .conArea .contbox:hover div * {display:block }
.contWrap .conArea .contbox.cont01 {padding-right:10px; }
.contWrap .conArea .contbox div {position:absolute; top:0; left:0; padding:20px; width: 228px; height: 161px; transition: all 0.4s, color 0.3s 0.3s; }
.contWrap .conArea .contbox div * {display:none; }
.contWrap .conArea .contbox div p {padding: 13px 0 92px; letter-spacing: 3px; font-weight: 300;font-size:13px; color:#fff; background: url('../../images/main/contbox_bar.png') left top no-repeat; }
.contWrap .conArea .contbox div strong {font-weight: 400; line-height: 30px;font-size:17px; color:#fff; display:block; }
.contWrap .conArea .contbox div span {font-size:12px; line-height: 15px; color:#d9d9d9; display:block; }
.contWrap .conArea.num2 .contbox div {width:227px; }
.contWrap .conArea .contbox div.num1 {height:372px; }
.contWrap .conArea .contbox div.num1 p {padding-bottom:288px; }
.contWrap .conArea .contbox div.num2 {width: 504px; height: 372px; }
.contWrap .conArea .contbox div.num2 p {padding-bottom:302px; }
.contWrap .conArea .contbox div.num3 {width:504px; }
.contWrap .conArea.num2 .contbox:first-child { height: 413px; }


/* banner */
#banner {background-color:#fafafa; border-top:2px solid #efefef; padding:45px 0 41px;}
.bannerWrap {width:1120px; margin:0 auto; overflow:hidden; }
.bannerMenu {overflow:hidden; float:left; }
.bannerMenu ul {float:left; width:170px; }
.bannerMenu ul strong {font-size:14px; color:#bf2c37; font-weight:bold; display:inline-block; padding-bottom:10px; text-indent:10px; }
.bannerMenu ul li {font-size:13px; color:#8a8a8a; line-height:24px; font-weight:300; }
.bannerMenu ul li a {font-size:13px; color:#8a8a8a;  }
.bannerNotice {float:right; position:relative; width:420px; }
.bannerNotice p {font-size:20px; color:#00205a; font-weight:bold; padding-bottom:15px; }
.bannerNotice a.more {position:absolute; top:5px; right:10px; padding-right:19px; padding-bottom: 2px; font-size:13px; color:#858585; font-weight:300; background:url("../../images/main/more_btn.jpg") right 2px no-repeat; }
.bannerNotice div.bannerNotice_up div {display:inline-block;position:relative;height:104px; margin-left:13px; }
/*.bannerNotice div.bannerNotice_up div strong {display:block;  font-size:16px; color:#333333; font-weight:500; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; word-wrap: normal; width:235px; line-height: 17px;}*/
.bannerNotice div.bannerNotice_up div strong {display:block;  font-size:16px; color:#333333; font-weight:500; text-overflow: ellipsis; word-wrap: normal; width:235px; line-height: 17px;margin-bottom: 20px; }
.bannerNotice div.bannerNotice_up div span {display:block;  font-size:13px; color:#707070; font-weight:400; padding:10px 0 15px;  text-overflow: ellipsis; white-space: nowrap; overflow: hidden; word-wrap: normal; width:235px;}
.bannerNotice div.bannerNotice_up div em {display:block; position:absolute;bottom:0;  font-size:13px; color:#acacac; font-weight:400; padding-bottom:11px; border-bottom:1px solid #dddddd; width: 263px; }
.bannerNotice div.bannerNotice_do {padding-top:15px;}
.bannerNotice div.bannerNotice_do ul li {line-height:22px; overflow:hidden; }
.bannerNotice div.bannerNotice_do ul li strong a {display:inline-block; font-size:14px; color:#333333; font-weight:500; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; word-wrap: normal; width:263px; }
.bannerNotice div.bannerNotice_do ul li em {display:inline-block; font-size:13px; color:#acacac; font-weight:400; text-align:right; padding-right:10px; float:right;}

/* footer */
#footer {background-color:#292e34; height:130px; }
.footerWrap {position:relative; width:1120px; margin:0 auto; }
.footerWrap h2 {position:absolute; top:45px; left:0; }
.footerWrap  ul {padding:39px 0 0 180px; }
.footerWrap  ul li {font-size:14px; color:#75797d; line-height:24px; }
.footerWrap  ul li:last-child {color:#939393; font-size:13px; }
.btn_intranet { position: absolute; top: 45px; right: 0; width: 110px; height: 27px; border: 1px solid #777b7e; color: #777b7e; line-height: 27px; font-size: 14px; text-align: center;  }
.award_mark { position: absolute; top: 44px; right: 0; width: 137px; height: 40px; line-height: 0; font-size: 0; text-indent: -9999px; background: url('../../images/common/p_mark.png') no-repeat 50% 50%; }