@charset 'utf-8';
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

/* font-family: 'Josefin Sans', sans-serif; */
/* font-family: 'Noto Sans KR', sans-serif; */
/* font-family: 'Roboto', sans-serif; */

/* °øÅë */
.inner1720 {max-width: 1720px; margin: 0 auto; position: relative; }
.inner1680 {max-width: 1680px; margin: 0 auto; position: relative; }
.inner1440 {max-width: 1440px; margin: 0 auto; position: relative; }
.inner1400 {max-width: 1400px; margin: 0 auto; position: relative; }
.cf::after {content: ""; display: block; clear: both;}
.float--left {float: left;}
.float--right {float: right;}
button {cursor: pointer;}
.l-en {/* font-family: 'Josefin Sans', sans-serif; */ }
.l-num {font-family: 'Roboto', sans-serif; }


/*=====================
				header 
=====================*/
#header {width: 100%; height: 100px; position: fixed; z-index: 100;  transition: all 0.6s;} 
#header .menu_bg {display: none; position: fixed; top: 101px; left: 50%; transform: translateX(-50%); width: 100%; height: 313px; background: #fff /* url(/img/common/menu-watermark.png) */ no-repeat left 20px bottom 35px;}
#header .top-menu {width: 100%; height: 100%;}
.top-menu > .inner1720 {display: flex; align-items: center; justify-content: space-between; height: 100%; padding: 0 20px; box-sizing: border-box; }
.top-menu .logo {width: 128px; }
.top-menu .logo a {display: block; text-align: center;}
.top-menu nav {width: 82%; height: 100%;}
.top-menu nav .gnb {display: flex; align-items: center; justify-content: center; height: 100%; width: 75%; margin: 0 auto;}
.top-menu nav .gnb > li {text-align: center; position: relative;  width: 16.66%;}
.top-menu nav .gnb > li > a {font-family: 'Noto Sans KR', sans-serif; font-size: 16px; color: #fff; padding: 44px 0 41px; position: relative; transition: all 0.5s; display: block;}
.top-menu nav .gnb > li > a br {display: none;}
.top-menu nav .gnb > li > a:after {content: ''; display: block; position: absolute; bottom: 0; left: 50%; width: 0; height: 1px; background: #0e5a93; transition:all 0.6s; transform:translateX(-50%);}
.top-menu nav .gnb > li:hover > a {color: #0e5a93; transition: color 0.4s;}
.top-menu nav .gnb > li:hover > a:after {width:100%; }
.top-menu nav .gnb > li.on > a {color: #0e5a93; transition: color 0.4s;}
.top-menu nav .gnb > li .depth2 {display: none; position: absolute;  width: 100%; text-align: center; padding: 40px 0;}
.top-menu nav .gnb > li .depth2 li {}
.top-menu nav .gnb > li .depth2 li a {display: block; font-family: 'Noto Sans KR', sans-serif; font-size: 15px; color: #666; font-weight: 300; letter-spacing: -0.3px; padding: 13px 0; line-height:1.3 }
.top-menu nav .gnb > li .depth2 li a br {display: none;}
.top-menu nav .gnb > li .depth2 li:first-child a {padding-top: 0;}
.top-menu nav .gnb > li .depth2 li:hover > a {color: #0e5a93; font-weight: 500;}
.top-menu .util-con {display: flex; align-items: center; justify-content: center;}
.top-menu .util-con .lang {margin-right: 35px;}
.top-menu .util-con .lang a {/* font-family: 'Josefin Sans', sans-serif; */ color: #fff; font-size: 12px; position: relative;}
.top-menu .util-con .lang a:after {content:''; position: absolute; bottom: -5px; left: 0;  width: 100%; height: 1px; background: #fff;}
.top-menu .util-con .lang.black a {color: #333;}
.top-menu .util-con .lang.black a:after {background: #333;}
.top-menu .util-con .side-menubar {width: 45px; height: 11px; display: none;}
.top-menu .util-con .side-menubar a {display: block; position: relative; width: 100%; height: 100%;}
.top-menu .util-con .side-menubar a span {display: block; width: 100%; height: 1px; background: #fff; position: absolute; transition: all 0.3s;}
.top-menu .util-con .side-menubar a span:nth-child(1) {}
.top-menu .util-con .side-menubar a span:nth-child(2) {top: 10px;}
.top-menu .util-con .side-menubar.on a span {background: #333;}
.top-menu .util-con .side-menubar.on a span:nth-child(1) {top: 50%; transform: rotate(135deg); -webkit-transform: rotate(135deg); }
.top-menu .util-con .side-menubar.on a span:nth-child(2) {top: 50%; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }

#header.opcity_bg {background: rgba(0,0,0,0.2);}
#header.opcity_bg .logo a {background: url(/img/common/logo2_white.png) no-repeat center/cover; width: 126px; height: 55px;}
#header.opcity_bg .logo a img {display: none;}

#header.on {background: #fff; height: 80px; border-bottom: 1px solid #f0f0f0; box-shadow: 1px 3px 21px rgb(0 0 0 / 11%);}
#header.on .logo a {background: none;}
#header.on .logo a img {display: block;}
#header.on .menu_bg {top: 81px;}
#header.on nav .gnb > li > a {color: #333; padding: 32px 0 33px;}
#header.on nav .gnb > li.on > a {color: #0e5a93;}
#header.on .lang a {color: #333;}
#header.on .lang a:after {background: #333;}
#header.on .side-menubar a span {background: #333;} 

#header.active {background: #fff; border-bottom: 1px solid #f0f0f0;}
#header.active .logo a {background: none;}
#header.active .logo a img {display: block;}
#header.active nav .gnb > li > a {color: #333; }
#header.active nav .gnb > li.on > a {color: #0e5a93;}
#header.active .lang a {color: #333;}
#header.active .side-menubar a span {background: #333;} 

#header.no {background: none; box-shadow: initial; border-bottom: initial;}


.m_Bg{ display:none; width:100%; height:100%; background-color:rgba(0,0,0,0.8); position:fixed; left:0; top:0; z-index:98;}
.m_Bg.on{display:block;}
.menu_overlay {}
.m-menu { position: fixed; width: 50%; height:100%; background: #fff; right: -50%;/* right: 0; */ top: 0; z-index: 99; padding:190px 0 0 185px; box-sizing: border-box; padding: 100px 3%; display: none;}  
.m-menu .on {right: 0;}
/* .m-menu > ul { color: #fff; font-weight: 900;}
.m-menu > ul > li > a { display: block; padding: 20px 0; color: #333; font-size: 35px; font-weight: 400; box-sizing: border-box; }
.m-menu > ul > li > a br {display: none;}
.m-menu > ul > li.on > a {color: #e50012; }
.m-menu > ul > li > .depth2 {padding: 0; display: none; padding-left: 107px; box-sizing: border-box;}
.m-menu > ul > li > .depth2 > li {display: inline-block; margin-right: 67px; position: relative;}
.m-menu > ul > li > .depth2 > li:last-child {margin-right: 0;}
.m-menu > ul > li > .depth2 > li:after {content:""; display: inline-block; width: 5px; height: 5px; background: #fff; border-radius: 100%; position: absolute; right: 0; top: 50%; margin-right: -35px;}
.m-menu > ul > li > .depth2 > li:last-child:after {display: none;}
.m-menu > ul > li > .depth2 > li a {font-family: 'Noto Sans KR', sans-serif; display:block; padding: 10px 0; font-size: 16px; font-weight: 400; color: #333;}
.m-menu > ul > li > .depth2 > li:hover a {color:#e50012; transition: all 0.5s;}
.m-menu > ul > li > .depth2 > li:last-child a:last-child { margin:0;}
 */

.m-menu .m-gnb { color: #333333; font-weight: 500;}
.m-menu .m-gnb > li {border-bottom: 1px solid #ddd; }
.m-menu .m-gnb > li.on {padding-bottom:0;} 
.m-menu .m-gnb > li > a { display: block; padding: 20px 0; color: #333333; font-size: 21px;  text-indent: 4%; position: relative;}
.m-menu .m-gnb > li > a:after {content: ""; width: 0; height: 1px; background: #0e5a93; position: absolute; bottom: -1px; left: 0; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; }
.m-menu .m-gnb > li:hover > a {color: #0e5a93; transition: all 0.5s;}
.m-menu .m-gnb > li:hover > a:after {animation: underbar 0.5s forwards;}
.m-menu .m-gnb > li > a.on  { border-bottom: 1px solid #ddd; }
.m-menu .m-gnb > li > .depth2  {padding: 4% 0; display: none ; }
.m-menu .m-gnb > li > .depth2  > li a {font-family: 'Noto Sans KR', sans-serif; display:block; padding: 10px 0; font-size: 15px; font-weight: 400; color: #333333; margin-left: 6%;}
.m-menu .m-gnb > li > .depth2  > li:hover a{color: #0e5a93; }


@-webkit-keyframes underbar {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}


/* privacy */
.privacy { color:#666; width: 100%; overflow: hidden; box-sizing:border-box; padding:20px; font-size:15px;	line-height: 140%; word-break:break-all; }
.privacy h2 { font-size:18px; font-weight:bold; color:#000; text-align: left; margin:50px 0 30px; }
.privacy h2:first-child { margin-top: 0; }
.privacy > p { margin:15px 0; }
.privacy > p+dl { margin-top: 30px; }
.privacy > dl { padding-bottom:20px;}
.privacy > dl > dt{ font-size:15px;color:#3680b9;font-weight:700;padding-bottom:5px;}
.privacy > dl > dd{ padding-bottom:10px;text-align:justify; font-size:15px; line-height:140%;}
.privacy > dl > dd ul{ padding:10px; }
.privacy > dl > dd ul li{ line-height:120%; margin-top: 10px; }
.privacy > dl > dd ul li:first-child { margin-top: 0; }
.privacy > dl > dd ul li p { margin:0 10px 5px; line-height: 140%; }
.sTxt h3 { font-size:16px; color: #333; font-weight: 700; margin: 20px 0 10px; }
.sTxt p { margin-top: 10px; }
.sTxt dt { margin-top: 10px; }
.sTxt dd { margin:0 8px; }


/*=====================
				footer 
=====================*/
footer {background: #254055;}
footer .top-footer {width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 21px 0 28px; box-sizing: border-box;}
footer .top-footer .inner1400 {display: flex; align-items: center; justify-content: space-between; }
footer .top-footer .f-logo {}
footer .top-footer .f-logo img {}
footer .top-footer .f-link {}
footer .top-footer .f-link a {display: inline-block; color: #d7e2ea; font-size: 15px; font-weight: 300; padding: 0 13px;}
footer .top-footer .f-link a:first-child {border-right: 1px solid rgba(255, 255, 255, 0.1); }
footer .top-footer .f-link a:last-child {padding-right: 0; padding-left: 9px;}

.btm-footer {padding: 30px 0 60px;}
.btm-footer .inner1400 {display: flex; justify-content: space-between; align-items: flex-end;}
.btm-footer .footer-con  {width: 75%;}
.btm-footer .footer-con > span {font-family: 'Noto Sans KR', sans-serif;  display: inline-block; color: #d3d8dc; font-size: 15px; font-weight: 300; padding: 0 12px; margin-bottom: 15px; border-right: 1px solid #42596c; line-height: 1.3; word-break: keep-all;}
.btm-footer .footer-con span strong {font-weight: 400;}
.btm-footer .footer-con span strong.en {letter-spacing: -0.3px;}
.btm-footer .footer-con span:first-child {padding-left: 0;}
.btm-footer .footer-con span:nth-child(3) {border-right: none;}
.btm-footer .footer-con span:nth-child(5) {margin-bottom: 0; padding-left: 0;}
.btm-footer .footer-con span:nth-child(6) {margin-bottom: 0; border-right: none;}
.btm-footer .copyright {width: 25%; text-align: right; color: #fff; font-size: 14px; font-weight: 300;  /* font-family: 'Josefin Sans', sans-serif;  */letter-spacing: 0.1px; opacity: 0.7;}

    

/*=====================
			¹ÝÀÀÇü
=====================*/
@media screen and (max-width:1720px) {
	.inner1720 {}
}

@media screen and (max-width:1600px) {
	.top-menu nav .gnb {width: 85%; }
}

@media screen and (max-width:1440px) {
	.inner1440 {padding: 0 2%;  box-sizing: border-box;}
}

@media screen and (max-width:1400px) {
	.inner1400 {padding: 0 2%; box-sizing: border-box;}

	.top-menu nav .gnb {width: 87%; }
	.top-menu .util-con .lang {margin-right: 25px;}
}

@media screen and (max-width:1200px) {
	.top-menu nav .gnb {width: 91%; }

	.btm-footer .inner1400 {flex-wrap: wrap; }

	.btm-footer .footer-con {width: 100%;}
	/* .btm-footer .footer-con span:nth-child(2) {border-right: none;} 
	.btm-footer .footer-con span:nth-child(3) {padding-left: 0;} */
	.btm-footer .copyright {width: 100%; text-align: left; margin-top: 30px; font-size: 15px;}
}

@media screen and (max-width:1024px) {
	.top-menu nav {display: none;}
	.m-menu {display: block;}
	.top-menu .util-con .side-menubar {display: block;}

	.btm-footer .footer-con > span {padding: 0 9px;}
}

@media screen and (max-width:767px) {
	#header {height: 75px;}
	#header.on {height: 75px;}
	.top-menu > .inner1720 {padding: 0 2%;}
	.top-menu .logo {width: 93px;}
	.top-menu .util-con .side-menubar {width: 35px;}

	
	.m-menu {width: 70%; padding: 80px 3% 20px; right: -70%}
	.m-menu .m-gnb > li > a {font-size: 17px;}

	.btm-footer {padding: 30px 0 50px;}
	.btm-footer .inner1400 {display: block; }
	.btm-footer .footer-con {width: 100%;}
	.btm-footer .footer-con span {margin-bottom: 12px;}
	.btm-footer .footer-con span:nth-child(3) {padding-left: 0;}
	.btm-footer .copyright { margin-top: 35px;}
}

@media screen and (max-width:560px) {
	
	.inner1400 {padding: 0 4%; }
	.inner1440 {padding: 0 4%; }

	.m-menu {width: 100%;  padding: 60px 3% 20px; right: -100%;}
	.m-menu .m-gnb {margin-top: 25px;}

	footer .top-footer {padding: 35px 0 28px;}
	.btm-footer .footer-con span {font-size: 14px; margin-bottom: 0; line-height: 1.8;}
	.btm-footer .copyright {margin-top: 30px;}
}


@media screen and (max-width:460px) {
	.top-menu .util-con .side-menubar {width: 30px;} 
	#header {height: 60px;}
	#header.on {height: 60px;}
	footer .top-footer .inner1400 {display: block; text-align: center;}
	footer .top-footer .f-logo {margin: 0 auto 20px; }
	footer .top-footer .f-logo img {width: 100px;}
}