@charset "utf-8";

@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 400;
	src: url('../font/Pretendard-Regular.eot');
	src: url('../font/Pretendard-Regular.eot?#iefix') format('embedded-opentype'),
		 url('../font/Pretendard-Regular.woff2') format('woff2'),
		 url('../font/Pretendard-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 500;
	src: url('../font/Pretendard-Medium.eot');
	src: url('../font/Pretendard-Medium.eot?#iefix') format('embedded-opentype'),
		 url('../font/Pretendard-Medium.woff2') format('woff2'),
		 url('../font/Pretendard-Medium.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 600;
	src: url('../font/Pretendard-SemiBold.eot');
	src: url('../font/Pretendard-SemiBold.eot?#iefix') format('embedded-opentype'),
		 url('../font/Pretendard-SemiBold.woff2') format('woff2'),
		 url('../font/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 700;
	src: url('../font/Pretendard-Bold.eot');
	src: url('../font/Pretendard-Bold.eot?#iefix') format('embedded-opentype'),
		 url('../font/Pretendard-Bold.woff2') format('woff2'),
		 url('../font/Pretendard-Bold.woff') format('woff');
}


/*Reset*/
legend,caption,.blind{display: none;}
html{font-size:10px;}
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;}
a:hover,a:active,a:focus{text-decoration:none;}
table{width:100%; *border-collapse:collapse; border-spacing:0; table-layout:fixed;}
strong,h1,h2,h3,h4,h5,h6{font-weight:400;}
/* common */
body,th,td,input,select,textarea,button{color:#222429; font-size:10px; line-height:1.5; font-family:'Pretendard', sans-serif; font-weight:400; letter-spacing:-0.03em;}

@-moz-document url-prefix(){
 body,th,td,input,select,textarea,button{font-weight:300} /* 모질라전용핵 */
 h1,h2,h3,h4,h5,h6{font-weight:300;}
}   


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

.blind{display:none;}
.group:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}

/* 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}


/*@media screen and (min-width:0\0){ 
#header-box li a{font-weight:700;} 
}IE 9,10 핵*/

header{height:110px; position:relative; z-index:99; width:100%; }
#logo{ position:absolute; top:40px;  left:50%; margin-left:-640px;}
#logo img{width:358px;}
#logo .m-img{display:none;}
#headerWrap{ height:110px; background:#fff;background-image:url(../../images/common/header-line.gif); background-repeat:repeat-x; background-position:0 110px;}
#headerWrap.on{border-bottom:1px #e5e5e5 solid; }

#headerWrap .gnb{text-align:center; margin-left:875px;}
#headerWrap .gnb > li{display:inline-block; vertical-align:top; position:relative; text-align:center; width:160px;}
#headerWrap .gnb > li.active:after{display:block;}
#headerWrap .gnb > li h2{height:110px; padding-top:45px; box-sizing:border-box;}
#headerWrap .gnb > li h2 a{display:inline-block; padding:0 30px; height:52px; line-height:52px;  font-size:2.1rem; font-weight:600; vertical-align:bottom;}
#headerWrap .gnb > li.active h2 a{background:#edf2fd; border-radius:10px; color:#123f99;}
#headerWrap .gnb li ul{background:#fff; display:none; border:2px solid #123f99; position:absolute; left:16px;  width:200px;padding:20px 0; text-align:left; box-sizing:border-box; box-shadow:0px 0px 10px rgba(0,0,0,0.2);}
#headerWrap .gnb li ul li{display:block;}
#headerWrap .gnb li ul li a{word-break: keep-all; display:block; padding:7px 10px 5px 30px; font-size:1.6rem; font-weight:500;}
#headerWrap .gnb li ul li:hover{background:#123f99;}
#headerWrap .gnb li ul li:hover a{color:#fff;}

#headerWrap .gnb li.gnb03 ul{left:auto; right:16px;}

#headerWrap .gnb li.current h2 a{color:#123f99; }

#m-menu{display:none;}

.inner{max-width:1280px; margin:0 auto;}
.inner_1100{max-width:1100px; margin:0 auto;}
.inner_1000{max-width:1000px; margin:0 auto;}

footer .mobile_box.r_organization{display:none;}
footer .r_organization{position:relative; background:#f4f5f6; padding:2.5rem 8.5rem 2.5rem 0; height:85px; overflow:hidden; box-sizing:border-box; transition:all 0.2s;}
footer .r_organization .title{position:absolute; top:30px; left:40px; font-size:2rem;  font-weight:700; cursor:pointer;}
footer .r_organization .title span{display:inline-block; width:28px; height:28px; border-radius:999px; background:#888888; text-align:center; margin-left:10px;}
footer .r_organization .title span img{display:inline-block; height:8px; line-height:26px; vertical-align:middle; margin-top:-5px;}
footer .r_organization .ro_list{margin-left:180px; font-size:0;}
footer .r_organization .ro_list li{display:inline-block; width:calc((100% - 60px)/4); margin-left:20px; text-align:center;}
footer .r_organization .ro_list li:nth-child(-n+4){margin-bottom:33px;}
footer .r_organization .ro_list li:nth-child(4n+1){margin-left:0;}
footer .r_organization .ro_list img{height:36px;}

footer .foot-box{position:relative; border-top:2px solid #000; padding:40px 0;}
footer .foot-box .utility_link{margin-bottom:30px;}
footer .foot-box .utility_link li{display:inline-block; margin-left:45px;}
footer .foot-box .utility_link li:first-child{margin-left:0;}
footer .foot-box .utility_link li a{font-size:1.6rem;  font-weight:600;}
footer .foot-box .txt_box{font-size:1.5rem; color:#777777;}

footer .top_btn{position:absolute; top:40px; right:0;}
footer .top_btn a{display:inline-block; width:60px; height:60px; text-align:center; font-size:1.4rem; font-weight:600; color:#fff; background:#000000; border-radius:999px; line-height:1.3em; padding-top:12px; box-sizing:border-box;}
footer .top_btn img{display:inline-block;height:11px;}




/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width:1400px) {
#headerWrap .gnb{margin-left:0; text-align:right;}
}

@media (max-width:1280px) {
.inner{max-width:100%; box-sizing:border-box; padding:0 15px;}


header{height:100px;}
#logo{left:15px; margin-left:0;}
#headerWrap{height:100px;}
#headerWrap .gnb > li h2{height:100px; padding-top:35px;}
}

@media (max-width:1200px) {

footer .r_organization{padding-top:3rem;}
footer .r_organization .title{top:26px;}
footer .r_organization .ro_list img{height:28px;}

}


@media (max-width:1024px) {

header{height:auto; height:70px; padding-top:0; border-bottom:1px solid #e7e7e7;}

#logo{top:21px;}
#logo img{width:290px;}
#m-menu{display:block;}
#headerWrap{display:none;}

.m-menu-btn{position:absolute;   cursor:pointer; z-index:999; display:block;}
.m-menu-btn button{display:block;  text-align:center; font-size:0;}
.m-menu-btn.m-menu-btn-open{right:15px; top:13px;}
.m-menu-btn.m-menu-btn-open button{color:#fff; background:#222; height:45px; width:45px; line-height:45px;}
.m-menu-btn.m-menu-btn-open button i{margin-left:2px;}
.m-menu-btn.m-menu-btn-close{position:fixed; top:0px; right:260px;}
.m-menu-btn.m-menu-btn-close button{background:#222; width:50px; height:50px; line-height:50px;color:#fff; }
.m-menu-btn button i{font-size:25px; vertical-align:middle;}
.mobile-menu-box{display:none; position:fixed; width:100%; height:100%; top:0; left:0; z-index:999; overflow:hidden;overflow-y:auto;background:rgba(0,0,0,0.5);}
header .m-menu-list{position:absolute; width:220px; height:auto; min-height:100%;  z-index:99;  right:0%;background:#1c3f95;padding:0 20px 20px;}
header .m-menu-list a{color:#fff;}
header .m-menu-list .gnb{margin-left:0;}
header .m-menu-list .gnb{padding-top:10px; padding-top:0; height:auto;}
header .m-menu-list .gnb li{display:block; width:100%; text-align:left; margin-top:10px;}
header .m-menu-list .gnb li:first-child{margin-top:0;}
header .m-menu-list .gnb li h2{ border-bottom:1px rgba(255,255,255,0.2) solid; padding:20px 0; padding-left:0; border-bottom-width:0; margin:0; line-height:45px; height:auto;}
header .m-menu-list .gnb li h2 a{height:auto;}
header .m-menu-list .gnb li ul{position:relative; top:0; padding-bottom:0; margin-left:0; padding-top:0; border-left-width:0;}
header .m-menu-list .gnb li ul li a{display:block; color:rgba(255,255,255,0.7); font-size:1.8rem;}
header .m-menu-list .gnb{text-align:left;}
header .m-menu-list .gnb li:first-child ul{margin-left:0px;}
header .m-menu-list .gnb li:first-child h2{padding-left:0px;}
header .m-menu-list .gnb li h2 a{display:block; border-bottom:2px #fff solid; padding-bottom:1px;font-size:2rem; line-height:35px;  padding:0px 15px 1px 0; font-weight:500;}
header .m-menu-list .gnb li:hover h2 a, header .m-menu-list .gnb ul li ul li a:hover{color:#fff;}
header .m-menu-list .gnb li:hover h2{height:auto;}

.gnb li:hover ul,
.gnb ul li.current ul{margin-top:0; border-top:0;}

footer .pc_box.r_organization{display:none;}
footer .mobile_box.r_organization{display:block; background:#fff; padding:0; height:auto; overflow:auto;}
footer .mobile_box.r_organization .title{position:static; top:auto; left:auto; text-align:center; background:#1c3f95; color:#fff; padding:11px 0 9px; font-size:1.8rem; vertical-align: middle;}
footer .mobile_box.r_organization .title span{background-color:#0b2462;}
footer .mobile_box.r_organization .title span img{margin-top:2px;}
footer .mobile_box.r_organization .ro_list{display:none; background: #f4f5f6;  padding: 2.5rem ; margin-left:0;  box-sizing:border-box;}
footer .mobile_box.r_organization .ro_list li{width:calc((100% - 40px)/3); text-align:center;}
footer .mobile_box.r_organization .ro_list li:nth-child(4n+1){margin-left:20px;}
footer .mobile_box.r_organization .ro_list li:nth-child(3n+1){margin-left:0;}

}

@media (max-width:768px) {
html{font-size:9px;}
#logo{top:25px;}
#logo img{width:230px;}

footer .foot-box{padding:25px 0; border-top:0;}
footer .mobile_box.r_organization .ro_list{padding:2.5rem 0; border-bottom:2px solid #000;}
footer .mobile_box.r_organization .ro_list li{display:block; width:100%; margin-left:0; margin-bottom:20px;}
footer .mobile_box.r_organization .ro_list li:nth-child(4n+1){margin-left:0;}
footer .mobile_box.r_organization .ro_list li:last-child{margin-bottom:0;}
footer .foot-box .utility_link{margin-bottom:10px;}
footer .foot-box .utility_link li{margin-left:15px;}

footer .top_btn{display:none;}
}