@charset "utf-8";


/* layout */
html, body { height:100%;}
body { color:#686868; letter-spacing:-.05em; -webkit-text-size-adjust:none; -webkit-font-smoothing:antialiased;}
#wrap {	position:relative; width:100%; min-width:320px;height:100%; font-size:1rem; }
.w-inner {	width:1860px;	position:relative;	margin-left:auto;	margin-right:auto;}
.inner {	width:1480px;	position:relative;	margin-left:auto;	margin-right:auto;}


@media all and (max-width:1859px){
	.w-inner{width: 94%;}
}
@media all and (max-width:1479px) {	
	.inner {width:94%;}
}


/* header */
#header{position: fixed; width: 100%; top: 0; left: 0; height: 100px; z-index: 9999; background-color: #093d83; transition: background-color .2s;}
#header.on{background: transparent;}
#header.on:hover{background-color: #093d83;}
#header .inner{height: 100%;}
#header .inner #logo{position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
#header .inner #logo a{}
#header .inner #logo a img{}
#header .inner .pcGnb{}
#header .inner .pcGnb > ul{display: flex; justify-content: center; gap:95px;}
#header .inner .pcGnb > ul > li{position: relative;}
#header .inner .pcGnb > ul > li > div{}
#header .inner .pcGnb > ul > li > div > a{font-size: 20px; color: #fff; font-weight: 700; line-height: 100px;}
#header .inner .pcGnb > ul > li > ul{display: none; position: absolute; background-color: #ffffff; position: absolute; left: 50%; transform: translateX(-50%); width: max-content; padding: 20px 15px; min-width: 165px; text-align: center; box-shadow: 1px 4px 8px rgba(0,0,0,0.1);}
#header .inner .pcGnb > ul > li > ul > li{}
#header .inner .pcGnb > ul > li > ul > li + li{margin-top: 15px;}
#header .inner .pcGnb > ul > li > ul > li > a{font-size: 16px; color: #000000; font-weight: 400;}
#header .inner .pcGnb > ul > li > ul > li:hover > a{text-decoration: underline; text-underline-position: under;}
#header .inner .r_menu{position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: flex; align-items: center; gap:25px;}
#header .inner .r_menu .inquiry{}
#header .inner .r_menu .inquiry a{border: 1px solid #fff; border-radius: 30px; padding: 14px 25px 14px 46px; font-size: 16px; font-weight: 600; color: #fff; background: url(/images/common/inquiry.webp) no-repeat center left 25px / 16px;}
#header .inner .r_menu .menuToggle{width: 30px; height: 18px; position: relative; cursor: pointer;}
#header .inner .r_menu .menuToggle span{background-color: #fff; height: 2px; position: absolute; display: block; right: 0;}
#header .inner .r_menu .menuToggle .t{top: 0; width: 100%;}
#header .inner .r_menu .menuToggle .m{top: 50%; transform: translateY(-50%); width: 66.66666%;}
#header .inner .r_menu .menuToggle .b{bottom: 0; width: 24px;}

@media all and (max-width:1024px){
	#header{height: 80px;}
	#header .inner #logo a img{max-width: 156px;}
	#header .inner .pcGnb > ul{gap:50px;}
	#header .inner .pcGnb > ul > li > div > a{line-height: 80px; font-size: 18px;}
	#header .inner .r_menu{gap:18px;}
	#header .inner .r_menu .inquiry a{padding: 11px 20px 11px 38px; background-position: center left 16px;}
}
@media all and (max-width:768px){
	#header{height: 70px;}
	#header .inner #logo a img{max-width: 142px;}
	#header .inner .pcGnb{display: none;}
	#header .inner .r_menu .inquiry a{padding: 9px 18px 9px 35px; background-position: center left 15px; font-size: 15px; background-size: 15px;}
	#header .inner .r_menu .menuToggle{width: 27px;}
	#header .inner .r_menu .menuToggle .b{width: 22px;}
}
@media all and (max-width:500px){
	#header{height: 64px;}
}

.moGnb{background-color: #093d83; padding-top: 150px; height: 100dvh; position: fixed; top: -100vh; left: 0; width: 100%; z-index: 999; transition: .5s; overflow-y: scroll; padding-bottom: 100px;}
.moGnb.on{top: 0;}
.moGnb > ul{max-width: 1480px; width: 94%; margin-left: auto; margin-right: auto;}
.moGnb > ul > li{}
.moGnb > ul > li + li{margin-top: 40px; padding-top: 40px; border-top: 1px solid rgba(255,255,255,0.2);}
.moGnb > ul > li > div{margin-bottom: 20px;}
.moGnb > ul > li > div > a{font-size: 32px; color: #fff; font-weight: 700;}
.moGnb > ul > li > ul{display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px 10px;}
.moGnb > ul > li > ul > li{width: 100%;}
.moGnb > ul > li > ul > li > a{color: #fff; font-size: 18px; font-weight: 600; opacity: 0.8; transition: .4s; display: block; width: 100%;}
.moGnb > ul > li > ul > li:hover > a{opacity: 1; text-decoration: underline; text-underline-position: under;}

@media all and (max-width:1280px){
	.moGnb{padding-top: 110px;}
	.moGnb > ul > li > div > a{font-size: 28px;}
	.moGnb > ul > li > ul{grid-template-columns: repeat(4, 1fr); }
}
@media all and (max-width:786px){
	.moGnb{padding-top: 100px;}
	.moGnb > ul > li + li{margin-top: 0; padding-top: 0;}
	.moGnb > ul > li > div{cursor: pointer; margin-bottom: 0;}
	.moGnb > ul > li > div > a{font-size: 25px; pointer-events: none; padding: 20px 0; display: block;}
	.moGnb > ul > li > ul{grid-template-columns: repeat(3, 1fr); display: none; padding-bottom: 20px; background-color: #0c366f; padding: 20px;}
	.moGnb > ul > li > ul li + li{margin-top: 15px;}
}
@media all and (max-width:500px){
	.moGnb{padding-top: 90px;}
	.moGnb > ul > li > div > a{font-size: 21px;}
	.moGnb > ul > li > ul{grid-template-columns: repeat(3, 1fr); gap:15px 5px;}
	.moGnb > ul > li > ul > li > a{font-size: 16px;}
}


/* go_top */
.go_top{
	position: fixed;
	z-index: 9999;
	width: 64px;
	height: 64px;
	background-color: #000;
	display: flex;
	justify-content: center;
	align-items: center;
	bottom: 40px;
	right: 40px;
	cursor: pointer;
	border-radius: 10px;

	opacity: 0;
	visibility: hidden;
	transition: opacity 0.2s ease;
	pointer-events: none;
}

.go_top.show{
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
.go_top span{color: #fff; font-size: 20px; font-weight: 600;}

@media all and (max-width:1280px){
	.go_top{width: 60px; height: 60px; bottom: 35px; right: 35px;}
	.go_top span{font-size: 19px;}
}
@media all and (max-width:1024px){
	.go_top{width: 56px; height: 56px; bottom: 2%; right: 3%;}
	.go_top span{font-size: 18px;}
}
@media all and (max-width:768px){
	.go_top{width: 52px; height: 52px; bottom: 2%; right: 3%;}
	.go_top span{font-size: 17px;}
}
@media all and (max-width:500px){
	.go_top{width: 48px; height: 48px; bottom: 2%; right: 3%;}
	.go_top span{font-size: 16px;}
}


/* footer */
#footer{background-color: #1c1f23; padding: 80px 0 50px;}
#footer .inner{}
#footer .inner .top{display: flex; justify-content: space-between;}
#footer .inner .top .l_cont{width: 50%;}
#footer .inner .top .l_cont .info{}
#footer .inner .top .l_cont .info span{display: inline-block; color: #999999; font-weight: 400; font-size: 16px; margin-right: 18px; line-height: 1.6em;}
#footer .inner .top .l_cont .check{font-size: 16px; color: #297ff3; display: block; margin-top: 25px;}
#footer .inner .top .r_cont{width: 50%;}
#footer .inner .top .r_cont > ul{display: flex; justify-content: space-between; padding-left: 150px;}
#footer .inner .top .r_cont > ul > li{}
#footer .inner .top .r_cont > ul > li > div{margin-bottom: 22px;}
#footer .inner .top .r_cont > ul > li > div > a{font-size: 18px; color: #fff;}
#footer .inner .top .r_cont > ul > li > ul{}
#footer .inner .top .r_cont > ul > li > ul > li{}
#footer .inner .top .r_cont > ul > li > ul > li + li{margin-top: 15px;}
#footer .inner .top .r_cont > ul > li > ul > li > a{font-size: 16px; color: #fff; opacity: 0.5; font-weight: 300;}
#footer .inner .bottom{margin-top: 60px; display: flex; justify-content: space-between; align-items: center;}
#footer .inner .bottom .l_cont{display: flex; align-items: center; gap:90px;}
#footer .inner .bottom .l_cont .f_logo{}
#footer .inner .bottom .l_cont .f_logo img{}
#footer .inner .bottom .l_cont .list{display: flex; align-items: center; gap:20px;}
#footer .inner .bottom .l_cont .list li{}
#footer .inner .bottom .l_cont .list li a{font-size: 16px; color: #fff;}
#footer .inner .bottom .l_cont .list li a b{font-weight: 600; color: #297ff3;}
#footer .inner .bottom .r_cont{}
#footer .inner .bottom .r_cont .copy{font-size: 16px; color: #fff; opacity: 0.5; font-weight: 300;}
#footer .inner .design{margin-top: 65px; text-align: right;}
#footer .inner .design a{font-size: 16px; font-weight: 400; color: #fff; opacity: 0.3;}

@media all and (max-width:1280px){
	#footer{padding: 75px 0 45px;}
	#footer .inner .top .r_cont > ul{padding-left: 50px;}
	#footer .inner .bottom{margin-top: 55px;}
	#footer .inner .design{margin-top: 60px;}
}
@media all and (max-width:1024px){
	#footer{padding: 70px 0 45px;}
	#footer .inner .top .l_cont .info span{font-size: 15px;}
	#footer .inner .top .l_cont .check{font-size: 15px; margin-top: 22px;}
	#footer .inner .top .r_cont > ul{padding-left: 0px;}
	#footer .inner .top .r_cont > ul > li > div{margin-bottom: 18px;}
	#footer .inner .top .r_cont > ul > li > div > a{font-size: 17px;}
	#footer .inner .top .r_cont > ul > li > ul > li + li{margin-top: 12px;}
	#footer .inner .top .r_cont > ul > li > ul > li > a{font-size: 15px;}
	#footer .inner .bottom{margin-top: 50px;}
	#footer .inner .bottom .l_cont{gap:50px;}
	#footer .inner .bottom .l_cont .f_logo img{max-width: 156px;}
	#footer .inner .bottom .l_cont .list{gap:15px;}
	#footer .inner .bottom .l_cont .list li a{font-size: 15px;}
	#footer .inner .bottom .r_cont .copy{font-size: 15px;}
	#footer .inner .design{margin-top: 55px;}
	#footer .inner .design a{font-size: 15px;}
}
@media all and (max-width:768px){
	#footer{padding: 65px 0 45px;}
	#footer .inner .top .l_cont{width: 100%;}
	#footer .inner .top .r_cont{display: none;}
	#footer .inner .bottom{margin-top: 45px; flex-direction: column; align-items: flex-start; gap:50px;}
	#footer .inner .bottom .l_cont{gap:40px;}
	#footer .inner .bottom .l_cont .list{gap:12px;}
	#footer .inner .bottom .l_cont .f_logo img{max-width: 142px;}
	#footer .inner .design{margin-top: 40px; text-align: left;}
}
@media all and (max-width:500px){
	#footer{padding: 60px 0 40px;}
	#footer .inner .bottom{margin-top: 40px;}
	#footer .inner .bottom .l_cont{gap:30px;}
	#footer .inner .design{margin-top: 30px;}
}