@charset "utf-8";

@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');
}

/* Montserrat */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../font/Montserrat/Montserrat-Light.eot);
  src: url(../font/Montserrat/Montserrat-Light.eot?#iefix) format("embedded-opentype"), url(../font/Montserrat/Montserrat-Light.woff2) format("woff2"), url(../font/Montserrat/Montserrat-Light.woff) format("woff");
}

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

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

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../font/Montserrat/Montserrat-SemiBold.eot);
  src: url(../font/Montserrat/Montserrat-SemiBold.eot?#iefix) format("embedded-opentype"), url(../font/Montserrat/Montserrat-SemiBold.woff2) format("woff2"), url(../font/Montserrat/Montserrat-SemiBold.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,figure{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:#444;}
a:hover,a:active,a:focus{text-decoration:none; /*color:#0160aa;*/}
table{width:100%; *border-collapse:collapse; border-spacing:0; table-layout:fixed;}

strong{font-weight:700;}
h1,h2,h3,h4,h5,h6{font-weight:400;}
/* common */
body,th,td,input,select,textarea,button{color:#333; font-size:10px; line-height:1.5; letter-spacing:-0.05em;font-family: 'Noto Sans KR', sans-serif; font-weight:300;}

@-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;}
.f_mont{font-family: 'Montserrat', sans-serif; letter-spacing:0.03em; }

/* float 해제 */
.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}

#header {position:fixed;top:0;left:0; right:0; width:100%; min-width:1000px; height:161px;background:#fff;z-index:999;}
#header .top_head{position:relative; border-bottom:1px solid #e0e0e0;}
#header h1{display:block; height:100px; line-height:100px; text-align:center;}
#header h1 a{display:inline-block; z-index:200;}
#header h1 a img{height:44px;  vertical-align:middle; }
#header .inner {position:relative}

#header .top_head .prev_home_btn{position:absolute; top:50%; left:10px; transform:translateY(-44%);}
#header .top_head .prev_home_btn a{font-size:1.5rem; font-weight: 400; display:inline-block; padding:5px 20px; background:#ededed;  border-radius:999px; border:1px solid #d9d9d9;}
#header .top_head .prev_home_btn a i{display:inline-block; margin-left:5px;}

#header .top_head .tnb{position:absolute; top:50%; right:10px; transform:translateY(-50%);}
#header .top_head .tnb li{position:relative; display:inline-block; margin-left:15px; padding-left:15px; vertical-align:middle;}
#header .top_head .tnb li:before{content:""; display:block; width:1px; height:15px; background:#bbb; position:absolute; top:5px; left:0; }
#header .top_head .tnb li:first-child:before{display:none;}
#header .top_head .tnb li a{font-size:1.7rem; font-weight:400;}

#header .top_head .tnb li.sns_icon:before{top:11px;}
#header .top_head .tnb li.sns_icon img{height:35px;}



.open-menu {position:absolute;top:13px;right:0;width:56px;height:54px;background:url(../../images/common/img-common.png) no-repeat 0 -170px}
.close-menu {display:none;position:absolute;bottom:0;right:0;width:56px;height:54px;border:1px solid #e3e6e9;border-bottom:0;background:url(../../images/common/img-common.png) no-repeat -180px -170px}


#headerWrap{background:#2d2f84; height:60px;}
#headerWrap.on{border-bottom:1px #f0f0ef solid; }
#headerWrap .lnb{text-align:center;}
#headerWrap .lnb:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}
#headerWrap .lnb > li{display:inline-block; vertical-align:top; position:relative; text-align:center; }
#headerWrap .lnb > li:after{content:""; display:none; width:0; height:0; border-style:solid; border-width:10px; border-color:transparent transparent #fff transparent; position:absolute; bottom:0px; left:50%; transform:translateX(-50%);}
#headerWrap .lnb > li.active:after{display:block;}
#headerWrap .lnb > li > a{display:block; padding:0 23px; line-height:60px; font-size:1.9rem; box-sizing:border-box; font-weight:400; color:#fff;}
#headerWrap .lnb > li.active{background:#1e2180;}
#headerWrap .lnb > li > ul{background:#fff; display:none; border:1px solid #ddd; border-top:0;}
#headerWrap .lnb li ul{position:absolute; left:50%; transform:translateX(-50%); width:200px;padding:10px 0;}
#headerWrap .lnb li ul li{display:block;}
#headerWrap .lnb li ul li a{word-break: keep-all; display:block; padding:10px; font-size:1.8rem;}
#headerWrap .lnb li ul li:hover a{color:#2e3192; text-decoration:underline; }
#m-menu{display:none;}



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

/*소모임 사이트*/
.gathering{padding:20px 0; background:#023365;}
.gathering ul{text-align:center;}
.gathering .inner > ul > li{position:relative; display:inline-block; margin:0 50px;}
.gathering .inner > ul > li i{font-size:2rem; display:inline-block; vertical-align:middle; color:#fff; margin-right:10px;}
.gathering .btn-open-site{position:relative; display:inline-block; vertical-align:middle; font-size:1.7rem; font-weight:400; width:240px; padding:7px 15px; border:1px solid #ccc; box-sizing:border-box; text-align:left; background:#fff;}
.gathering .btn-open-site:before{position:absolute; top:50%; right:2.1rem; display: block; width:8px; height:2px; background:#333; content: ""; transform: rotate(-45deg); transition: 0.3s;}
.gathering .btn-open-site:after{position:absolute; top:50%; right:1.5rem; display: block; width:9px; height:2px; background:#333; content: ""; transform: rotate(45deg);  transition: 0.3s;}
.gathering .inner > ul > li.on .btn-open-site:before{transform: rotate(45deg);}
.gathering .inner > ul > li.on .btn-open-site:after{transform: rotate(-45deg);}
.gathering .site_list{display:none; position:absolute; bottom:41px; left:31px; width:240px; background:#fff; border:1px solid  #ccc;  box-sizing:border-box;}
.gathering .site_list ul{max-height:370px; overflow:auto; border-top:1px dashed #ccc; }
.gathering .site_list ul:first-child{border-top:0; margin-top:0; padding-top:0;}
.gathering .site_list li{margin:0 10px;}
.gathering .site_list li:hover a{text-decoration:underline;}
.gathering .site_list li a{display:block; padding:0.75rem 1.8rem 0.625rem; font-size:1.6rem; text-align:left;  border-top: 1px solid #ccc; font-weight:400;}
.gathering .site_list li:first-child a{border-top:0;}
.gathering .site_list li a i{font-size:1.4rem; padding-left:3px; color:#444;}



footer{position:relative; width:100%; border-top:1px solid #e0e0e0;  background:#fff;}
footer .inner{position:relative;}
footer .f_box{position:relative; padding:40px 0; color:#444; padding-left:300px; margin:0 auto;   box-sizing:border-box;}
.f_logo_box{display:block; position:absolute; top:40px; left:0;}
.f_logo_box img{height:38px;}
.f_list_box{margin-bottom:20px; }
.f_list_box li{position:relative; display:inline-block;}
.f_list_box li:before{content:"|"; display:inline-block; color:#444; position:absolute; top:2px; left:0px;}
.f_list_box li:first-child:before{display:none;}
.f_list_box li a{display:inline-block; padding:0 15px; font-size:1.7rem;}
.f_list_box li:first-child a{padding-left:0;}
footer .f_box p{font-size:1.5rem;}
footer .vai-link,
footer .copy{display:block; font-size:1.5rem; margin-top:20px;}
footer .vai-link{position:absolute; bottom:40px; right:0; text-align:right;}
footer .vai-link img{height:16px;}
footer .vai-link p em{font-weight:400;}
footer .vai-link p span{font-size:1.4rem; margin-right:5px; font-weight:400; color:#777;}


/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
 .gathering .site_list{left:31px;}
 .gathering .g02 .site_list{left:30px;}
}


/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width:1400px) {
header{height:130px;}
header h1{position:relative; text-align:center; left:0px;}
.gnb > li:first-child{margin-left:0;}
.gnb > li{width:15%;}
.gnb li h2{height:70px;}
.gnb li h2 a{line-height:70px;}
}

@media (max-width:1200px) {
#header .top_head .tnb{right:20px;}
#headerWrap .lnb > li > a{padding:0 14px; font-size:1.7rem;}
#headerWrap .lnb li ul{width:150px;}

.gathering .inner > ul > li{margin:0 20px;}
footer .f_box{width:100%;}
.f_logo_box{left:20px;}
}


@media (max-width:1024px) {
#header{min-width:100%;  height:100px;}
#header{height:90px;}
#header h1{top:0px; height:90px; line-height:90px;}
#header h1 a{line-height:90px;}
#header h1 .number-img{width:60px;}
#header h1 a .logo_box{margin-left:0;}
#header .top_head .tnb{display:none;}
#headerWrap{display:none;}
#m-menu{display:block;}
#m-menu .sns_icon{position:absolute; top:23px; right:61px;}
#m-menu .sns_icon img{height:45px;}
.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:10px; top:23px;}
.m-menu-btn.m-menu-btn-open button{color:#fff; background:#14569c; height:45px; width:45px; line-height:45px;}
.m-menu-btn.m-menu-btn-close{ top:10px; right:10px;}
.m-menu-btn.m-menu-btn-close button{background:#14569c; width:45px; height:45px; line-height:45px;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:9999; overflow:hidden;overflow-y:auto;background:rgba(0,0,0,0.5);}
header .m-menu-list{position:absolute; width:280px; height:auto; min-height:100%;  z-index:99;  right:0%; background:#fff;}
header .m-menu-list a{font-size:1.6rem;}
header .m-menu-list .tnb{margin-top:70px;  text-align:center; background:#444;}
header .m-menu-list .tnb li{position:relative; display:inline-block; margin-right:15px; padding-right:15px; }
header .m-menu-list .tnb li:before{content:""; display:block; width:1px; height:15px; background:#bbb; position:absolute; top:11px; right:0; }
header .m-menu-list .tnb li:last-child{margin-right:0; padding-right:0;}
header .m-menu-list .tnb li:last-child:before{display:none;}
header .m-menu-list .tnb li a{display:block;font-size:1.6rem; font-weight:400; color:#fff; padding:7px 0;}
header .m-menu-list .lnb > li{width:100%;  border-bottom:1px solid #e0e0e0;}
header .m-menu-list .lnb > li > .m_tit{position:relative;display:block; font-size:1.7rem; padding:15px;  font-weight:400; }
header .m-menu-list .lnb > li:first-child > a{border-top:0;}
header .m-menu-list .gnb2depth{display:none; padding:20px 15px; background:#f7f7f7; border-top:1px solid #e0e0e0;}
header .m-menu-list .gnb2depth li{margin-top:10px; padding-left:10px;}
header .m-menu-list .gnb2depth li:first-child{margin-top:0;}
header .m-menu-list .gnb2depth li a{display:block; }
header .m-menu-list .lnb > li.active .m_tit{color:#14569c;}
header .m-menu-list li .m_tit:after {content: ""; display: block; position: absolute; top: 11px; right: 11px; width: 30px; height: 30px; background: url(../../images/common/m_bottom.jpg) no-repeat; background-size: 30px;}
header .m-menu-list li.active .m_tit:after {background: url(../../images/common/m_top.jpg) no-repeat; }


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

.gathering .inner > ul > li{margin:0 10px;}
.gathering .btn-open-site{width:183px;}
.gathering .site_list{width:183px; left:32px;}
.gathering .site_list li a{padding:10px;}

.f_logo_box{position:static; top:auto; left:auto; text-align:center; margin-top:40px;}
footer .f_box{padding:30px 0; padding-left:0; text-align:center;}
footer .vai-link{position:static; bottom:auto; right:auto; text-align:center;}
}

/* IE10+ */
@media (max-width:1024px) screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
 .gathering .site_list{left:31px;}
}


@media (max-width:767px) {
body, th, td, input, select, textarea, button{font-size:9px;}

footer .foot-info, footer .foot-info a{font-size:12px;}
footer .foot-logo img{height:18px;}
footer .foot-logo span{font-size:20px;}
footer .foot-text{font-size:13px;}
footer .foot-info{padding:10px 20px;}

#header{min-width:100%; height:80px; /*height:118px;*/}
#header .inner{padding:0;}
#header h1{height:80px; text-align:left;  line-height:80px;}
#header h1 a{height:80px; line-height:80px; padding-left:10px;}
.bbdd{height:80px;}

#header .top_head .prev_home_btn{position:static; top:auto; left:auto; transform:inherit;}
#header .top_head .prev_home_btn a{display:block; border-radius:0; text-align:center; padding:7px 20px;}

#gnb{position:relative; top:0; border-bottom:1px solid #d6d9db;}
#gnb li{width:50%; margin-left:-2px;}
#gnb li a{text-align:center; border-width:0;border-radius:0;}
#gnb .go-eng a{border-radius:0; border-left-width:1px;}
#header h1 a img{height:34px;}
#m-menu{display:block;}
#m-menu .sns_icon{top:18px;/*top:55px;*/ }
.m-menu-btn.m-menu-btn-open{top:18px; /*top:55px;*/}
#headerWrap{display:none;}

.gathering .inner > ul > li{display:block; margin:0; margin-top:10px; }
.gathering .inner > ul > li:first-child{margin-top:0;}
.gathering .btn-open-site, .gathering .site_list{width:87%;}
.gathering .site_list{left:37px;}

.f_logo_box{margin-top:30px;}
footer .f_logo_box img{height:32px;}
footer .f_box p{word-break:keep-all; font-size:1.4rem;}
.f_list_box li a{font-size:1.4rem; padding:0 10px; font-weight:400;}
footer .vai-link, footer .copy{font-size:1.4rem;}

}

/* IE10+ */
@media (max-width:767px) screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
 .gathering .site_list{left:37px;}
 .gathering .g02 .site_list{left:37px;}
}