@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: url('../fonts/notokr/notokr-light.eot');
	src: url('../font/notokr-light.eot?#iefix') format('embedded-opentype'),
		 url('../font/notokr-light.woff2') format('woff2'),
		 url('../font/notokr-light.woff') format('woff');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/notokr/notokr-regular.eot');
	src: url('../font/notokr-regular.eot?#iefix') format('embedded-opentype'),
		 url('../font/notokr-regular.woff2') format('woff2'),
		 url('../font/notokr-regular.woff') format('woff');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/notokr/notokr-medium.eot');
	src: url('../font/notokr-medium.eot?#iefix') format('embedded-opentype'),
		 url('../font/notokr-medium.woff2') format('woff2'),
		 url('../font/notokr-medium.woff') format('woff');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/notokr/notokr-bold.eot');
	src: url('../font/notokr-bold.eot?#iefix') format('embedded-opentype'),
		 url('../font/notokr-bold.woff2') format('woff2'),
		 url('../font/notokr-bold.woff') format('woff');
}

@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

/*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:#333;}
td a, div a{color:#333;}
a:hover,a:active,a:focus{text-decoration:none; color:#204eab;}
table{width:100%; *border-collapse:collapse; border-spacing:0;}

strong{font-weight:400;}
h1,h2,h3,h4,h5,h6{font-weight:300;}
/* common */
body,th,td,input,select,textarea,button{color:#555; font-size:14px; line-height:1.5; font-family:'Noto Sans KR', sans-serif;'Lato', sans-serif,'맑은 고딕','Malgun Gothic','돋움', doutum, sans-serif; font-weight:400;}
@-moz-document url-prefix() { body,th,td,input,select,textarea,button {font-weight:300} }

article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary,main {display:block;}

.blind{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:100%;height:26px;background:#0a94b2;color:#fff;font-size:12px;line-height:26px;text-align:center}
#skiptoContent a:focus, #skiptoContent a:active{left:0;text-decoration:none}
#skiptoContent a:hover{text-decoration:underline}

.top {position: fixed; right:30px; bottom: 30px;display: none; z-index:9999;}
.top a{display:block; text-align:center; color:#fff; font-size:14px; font-weight:400; width:46px; height:46px; line-height:46px; border-radius:23px; background:#394b55; font-size:0;}
.top a i{font-size:28px; line-height:46px;}

header #m-menu{display:none;}
header{width:1200px; margin:0 auto; padding-top:30px; position:relative;}
header h1{text-align:center; }
header h1 a{display:block;background:url(../../images/common/logo.gif) no-repeat 50% / 360px 42px; font-size:0; width:360px; height:42px; margin:0 auto;}
header .tnb{position:absolute; right:35px; bottom:72px;}
header .tnb span{background:url(../../images/common/tnb-but.gif) no-repeat 0 50%;}
header .tnb span a{display:inline-block; padding:10px; color:#576369;}
header .tnb span:first-child{background:none;}

.header-search-btn{background:#c7c8cf; color:#fff; font-size:0; width:35px; height:35px; border-radius:50%; position:absolute; right:0; bottom:72px;}
.header-search-closebtn{bottom:0; background:#060c43; bottom:6px;}
.header-search-btn i{font-size:16px;}
.header-search-box{display:none; position:absolute; right:0; bottom:66px; z-index:22; background:#fff;}
.header-search-area{background:#c7c8cf; padding:4px; margin-right:40px;}
.header-search-area input[type="text"]{width:255px; display:inline-block; height:28px; padding:5px;}
.header-search-area button{display:inline-block; width:50px; font-weight:400; color:#fff}

header .gnb{margin-top:20px;}
header .gnb ul{background:#243870; height:52px; border-radius:26px; text-align:center; position:relative;}
header .gnb ul li{display:inline-block; line-height:52px; *float:left;}
header .gnb ul li a.topmenu{font-size:16px; color:#fff; line-height:20px; display:inline-block; border-left:1px rgba(255,255,255,0.4) solid; padding:0 34px;}
header .gnb ul li:first-child a.topmenu{border-left-width:0;}
header .gnb ul li:hover h2,header .gnb ul li.current h2{background:url(../../images/common/gnb-arrow.gif) no-repeat 50% 100%;}
header .gnb ul li ul{position:absolute; background:none; width:1200px; border-radius:0; left:0; text-align:left; display:none; height:30px;}
header .gnb ul li:hover ul,header .gnb ul li.current ul{}
header .gnb ul li ul li{border-left:1px #d8dbdd solid; line-height:15px; padding:00 20px;}
header .gnb ul li ul li:first-child{border-left-width:0;}
header .gnb ul li ul li a{font-size:15px; color:#152144; display:block;}
header .gnb ul li ul li a:hover, header .gnb ul li ul li.current a{color:#546cd6; font-weight:400;}
header .gnb ul li.snb1 ul li:first-child{padding-left:180px;}
header .gnb ul li.snb2 ul li:first-child{padding-left:345px;}
header .gnb ul li.snb3 ul li:first-child{padding-left:400px;}
header .gnb ul li.snb4 ul li:first-child{padding-left:720px;}
header .gnb ul li.snb5 ul li:first-child{padding-left:850px;}

footer{background:#252525; min-width:1200px;}
footer .fnb{text-align:center; height:60px; border-bottom:1px #373737 solid;}
footer .fnb p{display:inline-block; *float:left;}
footer .fnb p a{color:#fff; display:block; line-height:60px; padding:0 18px; font-size:13px;}
footer .fnb p.fnb-site a{color:#f28a24;}

.fadd{width:1200px; margin:0 auto; *clear:both;}
.fadd address{background:url(../../images/common/foot-logo_190624.gif) no-repeat 0 28%; padding:40px 0 60px; color:#9c9c9c; font-size:13px; padding-left:345px;}
.fadd-p{margin-top:5px; color:rgba(255,255,255,0.4); font-weight:700; font-size:12px;}

/*--------------------------------------------------------------------------------760px--------------------------------------------------------------------------------*/
@media all and (max-width:760px) {
header{width:100%; background-color:#243870; padding:20px 0;}
header h1 a{width:300px; background-size:300px 35px; background-image:url(../../images/common/logo-mobile.gif); margin:0 auto;position:relative; z-index:99;}

header #h-menu{display:none;}
header #m-menu{display:block;}
.m-menu-btn{width:35px; height:35px;  position:absolute;  right:10px; top:18px; cursor:pointer; z-index:9; display:block;background:#fff;}
.m-menu-btn button{display:block;  width:100%; height:100%;overflow:hidden;font-size:0; }
.m-menu-btn.m-menu-btn-close{position:fixed; top:0px; right:0; width:65px; height:65px; z-index:99;}
.m-menu-btn.m-menu-btn-close button{background:#fff; border-left:1px rgba(0,0,0,0.2) solid;}
.m-menu-btn button i{font-size:34px; color:#1e2731; }
.m-menu-btn.m-menu-btn-close button i{color:#1e2731; font-size:30px;}
.mobile-menu-box{ display:none;position:fixed; width:100%; height:100%; top:0; left:0; z-index:999; overflow:hidden;overflow-y:auto;}
header .m-menu-list{position:absolute; width:100%; height:auto; min-height:100%;  right:0%;background:#fff;padding:0px; padding-top:70px; z-index:66; box-shadow:2px 0px 4px 2px rgba(0,0,0,0.42); background:#243870;}
header .m-menu-list a{color:#fff;}
.tnb-sitemap{display:none;}

header .m-menu-list .gnb{width:100%; height:100%;}
header .m-menu-list .gnb ul{padding-bottom:20px; top:0; height:auto;}
header .m-menu-list .gnb li{display:block; width:100%; text-align:left;min-height:auto; padding:0;}
header .m-menu-list .gnb li a.topmenu{color:#cdd6ff; margin:0px 20px; padding:0; line-height:45px; display:block; font-size:15px; border-bottom:2px #cdd6ff solid; border-left-width:0; font-weight:bold;font-size:16px;}
header .m-menu-list .gnb li ul{display:block; position:relative; left:auto; margin-left:0; min-width:auto; margin-top:0; border-width:0; height:auto; padding-bottom:20px; width:100%;}
header .m-menu-list .gnb li ul a{padding:10px 0; border-bottom:1px rgba(197,205,246,0.2) solid; color:rgba(255,255,255,0.7)}
header .m-menu-list .gnb li ul a:hover{color:rgba(255,255,255,1)}
header .m-menu-list .gnb li ul li{border-left-width:0; padding:5px 0; margin:0 20px; width:auto;}
header .m-menu-list .gnb li ul li:first-child a{border-top:0;}
header .gnb ul li.snb1 ul li:first-child,
header .gnb ul li.snb2 ul li:first-child,
header .gnb ul li.snb3 ul li:first-child,
header .gnb ul li.snb4 ul li:first-child,
header .gnb ul li.snb5 ul li:first-child{padding-left:0;}
header .gnb ul li ul li a:hover, header .gnb ul li ul li.current a{color:#fff; font-weight:400;}

header .m-menu-list .tnb{top:0; right:0; left:0; text-align:left; padding:20px 2%; margin-top:0; height:25px; position:fixed; width:100%;background:#fff; border-bottom:1px rgba(0,0,0,0.1) solid; z-index:88;}
header .m-menu-list .tnb a{color:#1e2731; padding:0 10px}
.lm-box{width:100%; height:100%; position:absolute; z-index:10;  background:#243870;}


.header-search-btn{bottom:auto; top:18px; right:auto; left:10px; background:#fff;  border-radius:0;color:#1e2731; width:35px; height:35px; line-height:35px; }
.header-search-btn i{line-height:35px; font-size:20px;}
.header-search-box{bottom:auto; top:75px;z-index:991; width:100%;}
.header-search-area{margin-right:0;}
.header-search-closebtn{bottom:0; top:-57px;}
.header-search-area input[type="text"]{width:80%;padding:4px 2%;}
.header-search-area button{display:inline-block; width:14%; font-weight:400; color:#fff}


footer{min-width:100%;}
footer .fnb{height:auto; padding:10px;}
footer .fnb p a{line-height:30px; padding:0 5px;font-size:11px;}

.fadd{width:100%; font-size:12px;}
.fadd address{background:none; padding:10px; font-size:12px;  word-wrap: break-word;
  word-break: break-all;}
.fadd address p br {display:none;}
.top{right:5px; bottom:5px;}
}

@media all and (max-width:480px) {
header h1 a{width:200px; background-size:200px 23px; }
}