@charset "utf-8";
/* background fixed 사용시 버그 대응용 * 한 번 스크롤로 페이지 전체 넘김을 할 때는 html스타일에서 height속성 제거하기 */
/* html { overflow: hidden; height: 100%; } */
/* body { overflow: auto; height: 100%; } */


/* ************************ 셋팅 ************************ */
:root {--f_Pretendard:'Pretendard';
--base1:#112D5C;
--base2:#585E7D; 
--bgc1:#EDEEF4; 
--line:#EAEAEA;

--fs12:1.2rem;
--fs13:1.3rem;
--fs14:1.4rem;
--fs15:1.5rem;
--fs16:1.6rem;
--fs17:1.7rem;
--fs18:1.8rem;
--fs20:2rem;
--fs23:2.3rem; 
--fs24:2.4rem; 
--fs26:2.6rem;
--fs28:2.8rem;
--fs30:3rem;
--fs36:3.6rem;
--fs38:3.8rem;
--fs40:4rem;
--fs45:4.5rem;
--fs50:5rem;
--fs80:8rem;


}
@media (max-width: 1199px) {
	:root {
		--fs18:1.7rem;
		--fs20:1.9rem;
		--fs23:2.2rem; 
		--fs24:2.3rem; 
		--fs26:2.4rem;
		--fs28:2.6rem;
		--fs30:2.8rem;
		--fs36:3rem;
		--fs38:3.2rem;
		--fs40:3.4rem;
		--fs45:4rem;
		--fs50:4.2rem;
		--fs80:6rem;
	}
}
@media (max-width: 767px) {
	:root {
		--fs12:1.1rem;
		--fs13:1.2rem;
		--fs14:1.3rem;
		--fs15:1.4rem;
		--fs16:1.5rem;
		--fs18:1.6rem;
		--fs20:1.8rem;
		--fs23:2rem; 
		--fs24:2.1rem; 
		--fs26:2.2rem;
		--fs28:2.3rem;
		--fs30:2.4rem;
		--fs36:2.6rem;
		--fs38:2.8rem;
		--fs40:3rem;
		--fs45:3.1rem;
		--fs50:3.2rem;
		--fs80:5rem;
	}
}











html { font-size:0.625rem; } 
html body { font-family:var(--f_Pretendard), sans-serif; font-size:var(--fs18); font-weight:400; line-height:1.6; color:#666; word-break:keep-all; overflow-x:hidden; } 
html body * {box-sizing:border-box;}


a { text-decoration:none !important; outline:none !important; selector-dummy:expression(this.hideFocus=true) !important; transition:var(--ani); color:inherit; } 
a:link, a:visited, a:hover, a:active { text-decoration:none; color:inherit; } 
a,img,i,button { transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; } 

select {
	cursor:pointer; padding:8px 45px 8px 20px !important;
	background-image:url(/img/common_responsive/select.png) !important;
	background-repeat:no-repeat !important;
	background-position:calc(100% - 10px) center !important;
	border:1px solid transparent;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	appearance:none;
	clear:left !important;
}



input:disabled{background:#d7d7d7 !important; color:#333 !important; pointer-events: none !important;}
/*input:read-only {color:#333 !important; background:#efefef !important; pointer-events: none !important;}*/


input:focus,select:focus,textarea:focus {outline:none !important; border:2px solid #333!important; background-color:#fff !important;}
/* ---------- 19-11-21 form css ::start ---------- */
form[class*="form-"] input[type="text"],
form[class*="form-"] input[type="password"],
form[class*="form-"] input[type="number"],
form[class*="form-"] select,
form[class*="form-"] textarea {
	border:1px solid #ddd; border-radius:5px;
	height:50px; padding:6px 15px;
	font-size:16px; line-height:1; color:#333;
	background-color:#fff; background-image:none;
	width:100%;
	-webkit-appearance: none; /*모바일에서 입체효과 없애기*/
	-moz-appearance: none;
	appearance: none;
}
form[class*="form-"] input::-webkit-input-placeholder {color:#666 !important;} /*크롬,사파리*/
form[class*="form-"] input::-moz-placeholder {color:#666 !important;} /*파폭*/
form[class*="form-"] input::-ms-input-placeholder {color:#666 !important;} /*ie*/
.checkWrap input[type="checkbox"] {}

/* 체크박스:: */
.checkWrap_sunnong {padding:20px 0; color:#000; font-size:17px; background-color:transparent; text-align:right;}
.checkWrap_sunnong>* {display:inline-block; vertical-align:middle; line-height:1; font-weight:normal;}
.checkWrap_sunnong input {}
.checkWrap_sunnong input[type='checkbox'] { position : absolute; left : -999999px;}
.checkWrap_sunnong input[type='checkbox']+label { padding:3px 30px; padding-left:30px; background:url(/images/common/i-check.png) no-repeat left top 2px / 20px ; cursor:pointer; font-size:19px;}
.checkWrap_sunnong input[type='checkbox']:checked+label {background-image:url(/images/common/i-check-on.png);}

.checkWrap_sunnong input[type='radio'] {display:none;}
.checkWrap_sunnong input[type='radio']+label {padding:3px 0px; padding-left:30px;  background:url(/images/common/i-check.png) no-repeat left top 0px / 20px ; cursor:pointer;}
.checkWrap_sunnong input[type='radio']:checked+label {background-image:url(/images/common/i-check-on.png);}

.scroll-y::-webkit-scrollbar { height:3px; width:10px; } 
.scroll-y::-webkit-scrollbar-thumb { background-color:#999; border-radius:5px; } 
.scroll-y::-webkit-scrollbar-track { background-color:#ccc; border-radius:5px; } 

/* lnb 배경 */
.sub-visual { position:relative; width:100%; height:250px; background-color:#000; margin-top:100px } 
.sub-visual .cover { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(255, 255, 255, 0.10); backdrop-filter: blur(2.5px); } 
.sub-visual { background:url(/images/common/lnb-intro.webp) no-repeat center top / contain; } 





/* lnb 텍스트 */
.sub-visual .sub-visual-wrap { position:absolute; display:table; max-width:1400px; height:250px; left:50%; transform:translateX(-50%); width:100%; } 
.sub-visual .sub-visual-text { display:flex; flex-direction:column; justify-content:center; height:100%; padding-top:0px; box-sizing:border-box; } 
.sub-visual .sub-visual-text span { font-size:var(--fs20); font-weight:700; color:#fff; text-align:left; z-index:5; position:relative; } 
.sub-visual .sub-visual-text p { font-size:var(--fs26); line-height:1.2; font-weight:300; color:var(--base1); text-align:center; position:relative; margin: 0; padding-bottom: 50px; } 
.sub-visual .sub-visual-text p span { font-weight:600; font-size:var(--fs26); color: var(--base1); display: block; text-align: center; } 
.contents .part1 { text-align:center; height:700px; position:relative; padding-top:120px; } 
.contents .sub-toptext { } 
.contents .lnbWrap { height:100px; position:absolute; display:flex; width:100%; max-width:1400px;margin:0 auto; justify-content:space-between; align-items:flex-end; left:50%; transform:translateX(-50%); top:300px; } 
.sub-top-visual { position:fixed; width:100%; height:100vh; top:0; left:0; background-size:cover; } 
.sub-top-visual.association .cover { background:rgba(0,0,0,0.5); } 
.sub-top-visual.company { background:url(../images/common/bg_sub_depth1.webp); background-position:center -400px; background-repeat: no-repeat; z-index:-1; } 
.sub-top-visual.welfare { background:url(../images/common/bg_hompage_welfare.webp); background-repeat: no-repeat; background-size: cover; z-index:-1; } 

.sub-toptext { } 
.sub-toptext h2 { color:#fff; text-align:left; font-size:48px; line-height:1.1; font-weight:900; } 
.sub-toptext > p.sub-tit { font-size:24px; line-height:1.1; color:#fff; font-weight:300; margin-top:10px; } 
.sub-toptext > p.sub-tit .empha { color:var(--base4); } 
.sub-toptext > p { font-size:17px; font-weight:500; color:rgba(255,255,255,0.5); text-align:left; position:relative; margin-top:30px; } 

.site-route {color: var(--base1);height: 85px;display: flex;justify-content: space-between;align-items: center; margin-top: 60px !important;} 
.site-route p {color: var(--base2); font-weight: 800;} 
.site-route h2 {position: relative; color: var(--base1); font-size:var(--fs30); margin-top: 5px;}
.site-route span {color: rgba(17,45,92,4%); position: absolute; left: 80px; top: -45px; font-size:var(--fs80); font-weight: 800;}
.site-route ul {display: flex;align-items: center;font-size: 14px;font-weight: 500;opacity: 0.7;color: #fff; } 
.site-route ul li {position: relative; } 
.site-route ul li img {transform: translateY(-2px); } 
.site-route ul li+li {padding-left: 25px; } 
.site-route ul li+li:before {content: "";display: block;width: 2px;height: 8px;position: absolute;top: 4px;left: 8px;background: #CCC;transform: rotate(-45deg); } 

/* 타이틀 영역 */
.site-route-tit {padding: 65px 0 0;position: relative; } 
.site-route-tit .dep1 {display: flex;align-items: center;left: 0;top: 0;position: absolute; } 
.site-route-tit .dep1 p:first-child {color: #585E7D;font-size: var(--fs16);font-weight: 800;line-height: normal; } 
.site-route-tit .dep1 p:last-child {color: rgba(17, 45, 92, 0.04);font-size: var(--fs80);font-weight: 700;line-height: normal; } 
.site-route-tit h2 {color: #112D5C;font-size: var(--fs30);font-weight: 700;line-height: normal; } 

/* 네비게이션 */
.site-route-navi {display: flex;gap: 10px;align-items: center; } 
.site-route-navi li {position: relative;color: #888;font-size: var(--fs12);line-height: normal; } 
.site-route-navi li a i {padding-right: 10px; } 




.contents .site-routeWrap { width: calc(100% - 520px); position:relative; } 
.contents .site-routeWrap:after { content:""; display:block; width:100%; position:absolute; bottom:11px; border:1px solid rgba(255,255,255,0.2); } 
.black_header_Bg { height:120px; background:#000; } 

/*** 이메일무단수집거부팝업 ***/
.emailPopup ul {padding:0; margin:0; list-style:none;}
.emailPopup dd, .emailPopup dl {margin:0;}
.emailPopup dd {font-size:var(--fs16); margin-top:10px;}
.emailPopup {display:none; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; max-width:700px; padding:50px !important; background-color:#fff;
box-shadow:0 0 10px rgba(0, 0, 0, 0.5); z-index:99999; border-radius:1.5rem; text-align:left; }
.emailPopOverlay {display:none; position:fixed; left:0; top:0; width:100%; height:100%;
background-color: rgba(0, 0, 0, 0.5); z-index: 9999;}
.emailPopup a.closeBtn {position:absolute; right:25px; top:20px; font-weight:800; font-size:18px;}
.emailPopup .txt {display:flex; align-items:flex-start; gap:30px;word-break:keep-all; margin-bottom: 25px;}
.emailPopup .txt img {max-width:100px;}
.emailPopup .txt dl dt {font-size:20px; font-weight:800;}
.emailPopup ul {margin-top:30px; text-align:left; border:1px solid var(--border1); padding:30px; background:#f5f5f5;}
.emailPopup ul li {padding-left:15px; position:relative; font-size:var(--fs16);}
.emailPopup ul li+li {margin-top:5px;}
.emailPopup ul li:before {content:""; position:absolute; display:block; width:4px; height:4px; border-radius:50%; background:#666; top:10px; left:0;}
.emailPopup pre {font-family: var(--f_Pretendard), sans-serif; font-size:var(--fs15); font-weight:500; height: 180px; overflow-y: auto; background:#fff; border-radius:0; margin-top:30px; padding:30px; box-sizing: border-box;}




/*footer*/
footer { position:relative; padding:60px 0; background:#F8F8F8; color:#000; font-size:16px; z-index:5; font-weight:400; } 
footer .footer-info { display:flex; justify-content:space-between; } 
footer .footer-info h1 { font-size:20px; } 
footer .footer-info .infoWrap { display: flex; gap:100px; } 
footer .footer-info .infoWrap li span+span { padding-left:10px; } 
footer .footer-info .infoWrap p { line-height: 1.4; font-size:15px; font-weight:300; } 
footer .footer-info .infoWrap p span+span { padding:0 10px; } 

footer .rightInfo a {font-size: var(--fs14);}
footer .rightInfo a+a {display: inline-block; margin-left: 15px;}


footer .kakaoConsult a { font-weight: 600; display: inline-block; padding: 20px 25px; padding-right:60px; background: #FAE101 url(/images/common/arrow.svg) no-repeat center right 25px; border-radius: 10px; color: #371C1D; } 
footer .kakaoConsult a:hover { transform: translateX(4px); } 
footer .kakaoConsult a span { font-weight: 300; padding-right:15px; } 

/*** 전체메뉴팝업 ***/
.popAllMenu { z-index:99999; position:fixed; top:0; right:0; width:100%; height:100%; display:flex; align-items: stretch; justify-content:flex-end; color:#fff; background: #000; background-color: rgba(0, 0, 0, 0.6); backdrop-filter: blur(3px); opacity:0; visibility:hidden; transition:opacity .4s ease, visibility .4s ease; } 

.popAllMenu.on { opacity:1; visibility:visible; } 
.popAllMenu.on .popContent { transform:translateX(0); opacity:1; } 
.popAllMenu.off { opacity:0; visibility:hidden; } 
.popAllMenu.off .popContent { transform:translateX(50px); opacity:0; } 

.popAllMenu .popContent .close {z-index:999; position:absolute; top:50px; right:50px; text-indent:-9999px; width:50px; height:50px; border-radius:8px; border:2px solid rgba(255,255,255,.3); background:url(../images/common/i_colose.png) no-repeat center/50%; cursor:pointer; } 
.popAllMenu .popContent .close:hover { border:2px solid #fff; } 

.popAllMenu .popContent { position:relative;width:45%; /*height:100%; */ background:var(--base1); transform:translateX(50px); opacity:0; transition:transform .5s ease .2s, opacity .5s ease .2s; padding:100px; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; gap: 100px; } 
.popAllMenu .popContent .etc { display:flex; justify-content: space-between; width: 100%; font-size:var(--fs15); opacity:.3; } 
.popAllMenu .popContent .etc div { display:flex; gap:10px; } 
.popAllMenu .popContent .wrap ul>li>a { font-weight:700; font-size:var(--fs32); display:block; } 

.popAllMenu .popContent .wrap { width:100%; } 
.popAllMenu .popContent .wrap ul>li>ul>li>a { display: inline-block; color:rgba(255,255,255,.4); font-size:var(--fs18); font-weight:400; transition: transform 0.3s ease, color 0.5s ease; padding-bottom: 3px; } 
.popAllMenu .popContent .wrap ul>li>ul>li>a:hover { color:#fff; transform:translateX(10px); } 

.popAllMenu .popContent .wrap ul { display:flex; justify-content: space-between; } 
.popAllMenu .popContent .wrap ul>li { position:relative; } 
.popAllMenu .popContent .wrap ul>li:before { position:absolute; content:""; width:1px; height:100%; background:rgba(255,255,255,.08); left:-50px; } 
.popAllMenu .popContent .wrap ul>li:nth-child(1):before { content:none; } 
.popAllMenu .popContent .wrap ul>li>ul { display:inline-block; margin-top:40px; } 
.popAllMenu .popContent .wrap ul>li>ul>li>ul { margin-top:0; } 

.popAllMenu .popContent .wrap .toggle-submenu { position:relative; color:#fff; padding-left:20px; } 
.popAllMenu .popContent .wrap .toggle-submenu:hover { transform:translateX(0px); } 
.popAllMenu .popContent .wrap .toggle-submenu:before { content: ""; position: absolute; left: 0px; top: 9px; width: 12px; height: 8px; background:url(/images/common/gnb-arrow.svg) no-repeat left; transition: all 0.3s; filter: invert(1); } 
.popAllMenu .popContent .wrap .active-sub .toggle-submenu:before { transform: rotate(-180deg); } 
.popAllMenu .popContent .wrap .has-sub { padding:8px 0; } 
.popAllMenu .popContent .wrap ul>li>ul>li:before { content:none; } 









/* ************************ 데스크탑 (1249~) ************************ */
@media screen and (min-width: 1249px), print {
html,body { min-width:1200px; } 
.mobile { display:none !important; } 

.lnb.fixOn {position:fixed !important; width:100%; z-index:1000 !important; top:0 !important; background:#fff; box-shadow: rgba(0, 0, 0, 0.05) 0px 10px 20px -3px, rgba(0, 0, 0, 0.05) 0px 4px 8px -2px;}


.lnb .lnbBox .gotop {display: inline-block; width:16px; height:22px; background:url(/images/common/gotop.png)center no-repeat;}
.lnb .lnbBox .gotopWrap {display: flex;}




/*헤더**/
header { z-index:999; position:absolute; width:100%; min-width:1200px; top:0; left:0; } 



header .head { width:90vw; margin:0 auto; position:relative; } 
header .head h1 { position:absolute; z-index:99999; left:0; top:24px; } 
header .head h1 a { } 
header .head h1 a img { width:100%; height: 50px;} 

header aside { position:absolute; right:80px; top:36px; z-index:99999; color:#fff; } 
header aside>* { float:left; } 
header aside .allView { width: 70px; height: 70px; background:url(/images/common/menu.png) center / 22px no-repeat; } 

.langWrap { position: relative; height:70px; display: flex; align-items: center; margin-right:10px !important; } 
.langWrap .lang { padding:0 25px 10px 0; background:url(/images/common/i-langArrow.svg) right 4px no-repeat; font-size:16px; border-bottom:1px solid #fff; line-height:1; } 
.langWrap ul { width:100%; position: absolute; top: 50px; right:0; padding: 0; margin: 0; list-style: none; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.3s ease; z-index: 100; overflow:hidden; } 
.langWrap ul li+li { border-top:1px solid #ccc; } 
.langWrap ul li a { width:100%; display:inline-block; font-size:var(--fs16); font-weight:600; color:#fff; padding:5px 0; } 
/* .langWrap ul li a:hover { color:#fff; background:var(--base1); } */
.langWrap.active ul { opacity: 1; visibility: visible; pointer-events: auto; } 



    
	/* gnb */
    nav.mobile {visibility:hidden;}
	nav.pc {height:100px; position:relative; margin:0 auto; overflow:hidden; background:#fff;}
	nav.pc .gnb {width: 95vw; display:flex; justify-content: flex-end; align-items: center; gap: 50px;}
	nav.pc .gnb>ul {height:100px; display:flex; gap:4vw;}
	nav.pc .gnb>ul>li {position:relative;}
	nav.pc .gnb>ul>li>a {display:block; height:100px; padding:35px 0; color:#000 !important; font-weight:600; font-size:20px;}
	nav.pc .gnb>ul>li.on>a,
	nav.pc .gnb>ul>li>a:hover {color:var(--base1);}
	nav.pc .gnb>ul>li>ul {padding:35px 0 30px; position:absolute; gap:10px; display:flex; flex-direction:column;}
	nav.pc .gnb>ul>li>ul>li {}
	nav.pc .gnb>ul>li>ul>li a {display:inline-block; color:#333; white-space:nowrap; position:relative; transition:0.2s;}
	nav.pc .gnb>ul>li>ul>li a:after {content:""; display:block; width:0%; height:1px; position:absolute; bottom:0px; transition:0.3s;}
	nav.pc .gnb>ul>li>ul>li a:hover,
	nav.pc .gnb>ul>li>ul>li.on a {color:var(--base1); border-color:inherit; font-weight:500;}
	nav.pc .gnb>ul>li>ul>li a:hover:after, nav.pc .gnb>ul>li>ul>li.on a:after {background:var(--base4); width:100%;}
	nav.pc .navbg {width:100%; position:absolute; left:0; top:0;}
	nav.pc .navbg .dep1 {height:101px; border-bottom:1px solid #eee;}
	nav.pc .navbg .dep2 {}
	
	nav.pc .line {border-bottom:1px solid #e5e5e5;}







    nav.pc .asideWrap {height: 45px; position: relative; z-index: 9999;}
    nav.pc .asideWrap .loginBtn {font-size: var(--fs14); padding-left:35px; background: url(/images/common/ico_login.svg) no-repeat center left; line-height: 45px; display: inline-block;}
    nav.pc .asideWrap .logoutBtn {font-size: var(--fs14); padding-left:35px; background: url(/images/common/ico_logout.svg) no-repeat center left; line-height: 45px; display: inline-block;}
    nav.pc .asideWrap .joinBtn {display: inline-block; font-size: var(--fs14); color: #fff;border-radius: 100px; background: #112D5C url(/images/common/ico_join.svg) no-repeat center left 20px; padding: 10px 20px 10px 40px; margin-left: 20px;}


 

/* lnb */
.lnb { position:absolute; bottom:0; left:0; width:100%; height:70px; background:rgba(255, 255, 255, 20%); backdrop-filter: blur(25px); } 
.lnb .lnbBox { width:100%; max-width: 1400px; margin: auto; position:relative; height:100%; overflow: hidden; display: flex; align-items: center; justify-content: space-between; } 
/*.lnb .lnbBox>* { float:left; } */
.lnb .lnbBox a { font-size:16px; color:#000; } 
.lnb .lnbBox h3 { background:var(--green); color:#fff; font-weight:500; height:100%; padding:20px 30px; box-sizing:border-box; font-size:18px; } 
.lnb .lnbBox .home { display:block; width:40px; height:40px; font-weight:300; background:#fff url(../images/common/i-home.png)no-repeat center / 15px; border-radius:50%; border:1px solid #efefef; } 
.lnb .lnbBox .lnb-depth { position:relative; display: grid; grid-template-columns: auto auto; gap: 60px; justify-content: start; align-items: center; } 
.lnb .lnbBox .lnb-depth h2 { font-size: 24px; color:var(--base1); } 
.lnb .lnbBox .lnb-depth .onmenu { display:block; font-size:16px; font-weight:400; color:#000; cursor:pointer; line-height:70px; background:url(../images/common/lnb_arrow.png)100% center no-repeat } 
.lnb .lnbBox .lnb-depth.dep2 .onmenu { color : var(--base); background:url(../images/common/lnb_arrow2.png)100% center no-repeat; } 
.lnb .lnbBox .lnb-depth>ul { display:flex; width:100%; gap:40px; height: 70px; align-items:center; } 
.lnb .lnbBox .lnb-depth>ul li { position:relative; } 
/*.lnb .lnbBox .lnb-depth>ul li+li:before { content:""; display:block; width:1px; height:18px; background:#ddd; position:absolute; left:-30px; top:50%; transform:translateY(-50%); } */
.lnb .lnbBox .lnb-depth>ul li:last-child { border-bottom:none; } 
.lnb .lnbBox .lnb-depth>ul li a { display:block; padding:5px 0; font-weight:600; color:#666; opacity:0.5; text-align:center; font-size:18px; } 
 .lnb .lnbBox .lnb-depth>ul li { position: relative; } 
 .lnb .lnbBox .lnb-depth>ul li+li:before { content: ""; width: 1px; height: 14px; background: #D9D9D9; position: absolute; left: -18px; top: 11px; } 
.lnb .lnbBox .lnb-depth>ul li:hover a { opacity:1; } 
.lnb .lnbBox .lnb-depth>ul li.on a { position:relative; opacity:1; color:var(--base2); } 
.lnb .lnbBox .lnb-depth>ul li.on a:after { content:""; display:block; position:absolute; width:100%; height:2px; background:var(--base2); bottom:3px; } 
.lnb .lnbBox .lnb-depth.on>ul { display:block; } 



/*컨텐츠*/
.contents { color:#666; } 

.contents-wrap { padding:80px 0!important; margin:0px auto!important; max-width:100%; } 
.w90vw { width:90vw; margin:0 auto!important; max-width:100%; } 
.w1400 { max-width:1400px; margin:0 auto!important; width:100%; } 
.w1600 { max-width:1600px; margin:0 auto!important; width:100%; } 
.w1800 { max-width:1800px; margin:0 auto!important; width:100%; } 



}

/** gnb 부분수정 **/
@media screen and (max-width: 1500px), print {header .head h1 a img { max-width:350px; width:21vw; } 
nav.pc .gnb>ul>li>a { font-size:20px; } 
nav.pc .gnb>ul>li>ul>li>a { font-size:16px; } 
 }

/* ************************ 태블릿 이하(~1249) ************************ */
@media screen and (max-width: 1249px) {
.pc { display:none !important; } 

.w90vw { padding:0!important; max-width:100%; } 

/*헤더*/
header { position:absolute; left:0; top:0; width:100%; z-index:999; height:70px; background:ease-gradient(to bottom, rgba(0,0,0,.7), transparent); } 
header .head { } 
header .head .gnbView { position:absolute; right:0; top:0; width:70px; height:70px; background:url(../images/common/menu.svg)center /22px no-repeat; } 
header .head .gnbView img { } 
header .head h1 { display:inline-block; } 
header .head h1 a { height:70px; display:flex; align-items:center; padding-left:30px;} 
header .head h1 a img { height:40px; width:auto; } 
.black_header_Bg { height:60px; } 

/*gnb*/
nav.mobile { visibility:hidden; z-index:9999; position:fixed; top:0; width:50%; min-width:320px; height:100%; overflow:hidden; box-shadow:0 !important; background:#fff; } 
nav.mobile .closeWrap { position:absolute; right:0; height:60px; overflow:hidden; font-weight : 500; z-index: 9999;} 
nav.mobile .closeWrap .gnbClose { display:block; width:60px; height:60px; background:url(../images/common/icon_close.png)center no-repeat; background-size:20px; float:right; } 
nav.mobile .closeWrap .link { float:left; padding:0 20px; line-height:60px; font-size:12px; } 
nav.mobile .closeWrap .link+.link { padding-left:0; } 
.gnbCover { z-index:9998; position:fixed; left:0; top:0; display:none; width:100%; height:100%; background:rgba(0,0,0,.5); } 

nav.mobile .gnb { position:relative; width:100%; height:100%; overflow-y:auto; text-align:left !important; font-weight : 400; } 
nav.mobile .gnb * { width:100% !important; } 
/* nav.mobile .gnb .home { display:block; width:100%; background-color:#f0f0f0; padding:12px 20px; border-bottom:1px solid #333; } */

nav.mobile .gnb ul {margin-top:60px;}

nav.mobile .gnb>ul>li { clear:both; position:relative; border-bottom:1px solid #e5e5e5; } 
nav.mobile .gnb>ul>li:first-child {border-top:1px solid #e5e5e5;}
nav.mobile .gnb>ul>li>a { display:block; padding:20px; font-size:17px; } 
nav.mobile .gnb>ul>li>a span { font-size:14px; color:#999; padding-left:5px; } 
nav.mobile .gnb>ul>li.on { border-color:var(--base1); } 
nav.mobile .gnb>ul>li.on>a { background:var(--base1); color:#fff; } 
nav.mobile .gnb>ul>li.on>a span { color:#fff; } 
nav.mobile .gnb>ul>li>ul { display:none; margin-top:0; } 

nav.mobile .gnb>ul>li>ul>li { position:relative; border-top: 1px solid #eee; } 
nav.mobile .gnb>ul>li>ul>li a { display:block; padding:15px 40px; font-size:15px; color:#666; letter-spacing:-.8px; background:#fff; } 
nav.mobile .gnb>ul>li>ul>li a span { font-size:14px; color:#999; padding-left:5px; } 
nav.mobile .gnb>ul>li>ul>li:last-child a { border-color:#e0e0e0; } 
nav.mobile .gnb>ul>li>ul>li a:hover { color:#000; background-color:#f5f5f5; } 
nav.mobile .gnb>ul>li>ul>li.on a { color:var(--base1); font-weight:700; } 
nav.mobile .gnb>ul>li>ul>li.on a span { color:var(--base1); } 
nav.mobile .gnb>.side { display:none; } 

nav.mobile .gnb .asideWrap {position:absolute; top:8px; left:20px;}
nav.mobile .gnb .asideWrap a {}

nav.mobile .gnb .asideWrap .loginBtn {font-size: var(--fs14); padding-left:35px; background: url(/images/common/ico_login.svg) no-repeat center left; line-height: 45px; display: inline-block; width: auto !important;}
nav.mobile .gnb .asideWrap .logoutBtn {font-size: var(--fs14); padding-left:35px; background: url(/images/common/ico_logout.svg) no-repeat center left; line-height: 45px; display: inline-block; width: auto !important;}
nav.mobile .gnb .asideWrap .joinBtn {display: inline-block; font-size: var(--fs14); color: #fff;border-radius: 100px; background: #112D5C url(/images/common/ico_join.svg) no-repeat center left 20px; padding: 10px 20px 10px 40px; margin-left: 10px; width: auto !important;}



header .closeWrap a.inquire { display:inline-block; background-color:var(--base1); width:100px; height:40px; text-align:center; line-height:40px; color:#fff; border-radius: 3rem; margin:10px; } 
header .closeWrap a.call { display:flex; justify-content: center; align-items: center; width: 40px; height:40px; border-radius:50%; position:absolute; top:10px; left:120px; background:var(--base1); } 

.sub-toptext h1 { font-size:45px; } 
.sub-toptext > p.sub-tit { font-size:45px; } 
.sub-toptext > p { font-size:16px; } 
.site-route { height:65px; padding:0 30px !important; } 
.site-route>p { font-size:20px; border-top:3px solid var(--base1); } 

/* footer */
footer { padding:50px 30px 35px; } 
footer .f_btnWrap article { padding:40px; } 
footer .f_btnWrap article dt { font-size:24px; } 
footer .f_btnWrap article dd { font-size:16px; } 
footer .f_btnWrap article .white_btn { padding:12px 35px; font-size:16px; } 
footer .footer-info .top .callnum a { font-size:32px; } 
footer .footer-info .top .callnum .icon { width:40px; height:40px; background: var(--base1) url(/images/common/i-callW.png) no-repeat center / 17px; } 
footer .footer-info .top .logoWrap > div a { font-size:15px; } 

/* lnb */
.lnb {position:relative; height:30vh; opacity:0;background-position:center; background-repeat:no-repeat; background-size:cover; } 
.contents .lnbWrap { top:40%; padding:0 30px; } 
.sub-toptext > p.sub-tit { font-size:20px; } 
.sub-toptext h2 { font-size:36px; } 
.contents .site-routeWrap { width: calc(100% - 450px); } 

/*컨텐츠*/
.contents { position:relative; color: #666; } 
.contents-wrap { width:100%; padding:60px 20px 60px; max-width:100%; } 
.contents .wrapper { width:100%; padding:50px 0; } 
/*.contents h2 { font-size:24px; font-weight:500; letter-spacing:-1px; line-height:1.2; color:#323c5b; } */
.contents .part1 { padding-top:60px; height:60vh; } 

a.gotop { position:fixed; right:10px; bottom:60px; display:block; width:40px; height:40px; background:#fff url(../images/common/i-gotop.png) no-repeat center; line-height:1; border-radius:50%; border:2px solid #000; text-indent:-999px; overflow:hidden; box-shadow:5px 5px 10px rgba(0,0,0,.2); } 

.sub-visual { position:relative; width:100%; height:250px; margin-top:70px; background: url(/images/common/lnb-intro.webp) no-repeat left top / cover; } 
/*.sub-visual .cover { display : block; position : absolute; background : rgba(0,0,0,.4); width : 100%; height : 100%; top:0; } */
.sub-visual .sub-visual-wrap { position : absolute; display:table; width:100%; height:100%; left : 50%; transform : translateX(-50%); } 
.sub-visual .sub-visual-text { padding:0; height:250px;} 
.sub-visual .sub-visual-text h2 { position:relative; font-size:30px; font-weight:800; letter-spacing:-.5px; color:#fff; z-index : 5; } 
.sub-visual .sub-visual-text h2:before { top:-20px; height:2px; width:60px; } 
.sub-visual .sub-visual-text p {padding-bottom:0;}

.contents-wrap { padding:50px 20px 50px!important; } 
/*.contents h2 { font-weight:500; font-size : 20px; color : #000; } 
.contents h2 span { display: inline-block; width: 15px; height: 21px; border-radius: 5px; background: #434867; transform: translateY(5px); margin-right: 15px; } */}
/* ************************ 모바일 (0~991) ************************ */
@media screen and (max-width: 991px) {.sub-visual { height:240px; } 
.contents .lnbWrap { top:auto; bottom:50px; } 
.sub-visual .sub-visual-text h2 { font-size:24px; } 
.sub-visual .sub-visual-text h2:before { width:50px; } 
.sub-visual .sub-visual-text p { margin-top:10px; padding-bottom:0;} 

.sub-visual, .sub-visual .sub-visual-text {height:160px}

footer { font-size:15px; } 
footer .footer-info { flex-direction:column; } 
footer .footer-info h1 img { height:45px; } 
footer .footer-info .infoWrap { order:2; margin-top:20px; text-align:left; } 
footer .footer-info .bottom { margin-top:20px; } 
footer .f_btnWrap { grid-template-columns: 1fr; } 
footer .f_btnWrap article { padding:30px; } 
footer .f_btnWrap article dt { font-size:20px; } 
footer .footer-info .top .logoWrap img { width:150px; } 
footer .footer-wrap .footer_btn ul { bottom:50px; } 
 }


/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) { body { font-family: 'NEXON Lv2 Gothic'; font-size:16px; } 



/*header { height:50px; } 
header .head h1 a { height:50px; } */
header .head h1 a img { height:40px; } 
 .sub-visual .sub-visual-text h2 { font-size: 24px; } 
.sub-visual .sub-visual-text p { font-size:16px; } 
.sub-visual .sub-visual-text p:before { top:-8px; } 
.contents-wrap { padding:40px 20px 50px!important; } 

.contents .lnbWrap { height:auto; flex-direction:column; align-items: flex-start; bottom:0; padding:0 20px; } 

.contents .sub-toptext { width:100%; padding:0; } 
.contents .site-routeWrap { width:100%; } 
.contents .site-routeWrap:after { display:none; } 
.sub-toptext h2 { font-size:24px; } 
.sub-toptext > p.sub-tit { font-size:16px; line-height:1.6; } 
/*footer*/
 
footer { padding:30px 20px; } 
footer .footer-info { flex-direction:column; } 
footer .footer-info .infoWrap { order:2; margin-top:20px; } 
footer .footer-info .top { gap:10px; } 
footer .footer-info .bottom { font-size:14px; margin-top:5px; } 
footer .footer-info .bottom > p { margin-top:20px; font-size:14px; } 
footer .footer-info .bottom ul:first-child { flex-direction:column; } 
footer .footer-info .bottom ul:first-child li+li { padding-left:0; margin-left:0; } 
footer .footer-info .top .callnum a { font-size:24px; } 
footer .footer-info .bottom ul:first-child li+li:before { display:none; } 
footer .footer-info .bottom_toggle { display:block; margin-top:15px; padding-right:20px; background:url(/images/common/select_arrow.png) no-repeat right center/11px; color:#666; } 
footer .footer-info .bottom_toggle+.bottom { display:none; } 

.privacyPopup { width:95%; } 
.privacyPopup .txt h3 { font-size:20px; } 

/*이메일무단수집거부팝업*/
	.emailPopup {width:80%; padding:20px !important;}
	.emailPopup .txt img {max-width:70px;}
	.emailPopup .txt {flex-direction:column; gap:10px;}
	.emailPopup ul {padding:10px 20px; margin-top:10px; height: 180px;
        overflow-y: scroll;}

 }

/* ************************ 모바일 (0~500) ************************ */
@media screen and (max-width:500px) {
     
header .head h1 a { padding-left:20px; } 
header .head h1 a img { height:35px; } 
.sub-visual .sub-visual-text h2 { font-size:20px; } 
.sub-visual .sub-visual-text p { font-size:15px; } 

.site-route {height:auto; flex-direction: column; align-items: flex-start; gap:10px; padding: 0 20px !important; margin-top: 40px !important;}
.site-route span {top:-35px;}

footer { padding:30px 20px; } 
footer .f_btnWrap article dt { font-size:18px; } 
footer .f_btnWrap article dd { font-size:16px; } 
footer .f_btnWrap article:nth-child(1) { background-size:50px; } 
footer .f_btnWrap article:nth-child(2) { background-size:50px; } 
footer .f_btnWrap article:nth-child(3) { background-size:33px; } 
footer .f_btnWrap article .white_btn { padding:8px 30px; } 
footer .footer-info .bottom ul:nth-child(2) li strong { display:block; } 

footer .footer-info .infoWrap p span+span {display:block; padding:0;}
footer .footer-info .infoWrap p+p {margin-top:10px;}

.contents .part1 { height:600px; } 

.checkWrap_sunnong input[type='checkbox']+label {text-align: left; line-height: 1.2; font-size:18px;}

 }