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


/* ************************ 셋팅 ************************ */
:root {
	--f_Pretendard:'Pretendard';
	--base1:#0950D3;
	/* --base2:#DE850A; */
	--base2:#C0AC49;
	--base3:#1B2035; 
	--base4:#0D2587;
	
	--bg1:#EFF3F9;
	
	--border1:#DFE4EB;
	
	--fs12:1.2rem;
	--fs13:1.3rem;
	--fs14:1.4rem;
	--fs15:1.5rem;
	--fs16:1.6rem;
	--fs17:1.7rem;
	--fs18:1.8rem;
	--fs20:2rem;
	--fs22:2.2rem;
	--fs23:2.3rem; 
	--fs24:2.4rem; 
	--fs26:2.6rem;
	--fs28:2.8rem;
	--fs30:3rem;
	--fs32:3.2rem;
	--fs36:3.6rem;
	--fs38:3.8rem;
	--fs40:4rem;
	--fs45:4.5rem;
	--fs48:4.8rem;
	--fs50:5rem;
	--fs60:6rem;
	--fs64:6.4rem;
	--fs80:8rem;

}

@media (max-width: 1199px) {
	:root {
		--fs18:1.7rem;
		--fs20:1.9rem;
		--fs22:2rem;
		--fs23:2.2rem; 
		--fs24:2.3rem; 
		--fs26:2.4rem;
		--fs28:2.6rem;
		--fs30:2.8rem;
		--fs32:3.2rem;
		--fs36:3rem;
		--fs38:3.2rem;
		--fs40:3.4rem;
		--fs45:4rem;
		--fs48:4.1rem;
		--fs50:4.2rem;
		--fs60:4.4rem;
		--fs64:5rem;
		--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;
		--fs22:1.9rem;
		--fs23:2rem; 
		--fs24:2.1rem; 
		--fs26:2.2rem;
		--fs28:2.3rem;
		--fs30:2.4rem;
		--fs32:2.5rem;
		--fs36:2.6rem;
		--fs38:2.8rem;
		--fs40:3rem;
		--fs45:3.1rem;
		--fs48:3.1rem;
		--fs50:3.2rem;
		--fs60:3.3rem;
		--fs64:3.6rem;
		--fs80:5rem;
	}
}




html { font-size:0.625rem; } 
html body { font-family:var(--f_Pretendard), sans-serif; font-size:var(--fs16); 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; } 

.c_base1 {color:var(--base1) !important;}
.c_base2 {color:var(--base2) !important;}
.c_base3 {color:var(--base3) !important;}
.c_base4 {color:var(--base4) !important;}


.preWrap {padding:20px; background-color: #F7F7F7; border-radius:5px; border:1px solid var(--border1);}
.preWrap pre {
	height:60px; overflow-y:auto; padding:0; border:0;
	display: block; margin:0; font-family:var(--f_Pretendard), sans-serif;
	font-size:var(--fs16); font-weight: 400; line-height: 1.6;
	letter-spacing: -0.48px; color: #666;word-break: break-all;
	word-wrap: break-word;
	
	white-space: pre-wrap; /* CSS3*/
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-all; /* Internet Explorer 5.5+ */ 
}


select {
	cursor:pointer; padding:6px 45px 6px 10px !important;
	background-image:url(/img/common_responsive/select.png) !important;
	background-repeat:no-repeat !important; 
	background-position:right center !important;
	width:100%; height:50px; border:1px solid var(--border1); border-radius:10px;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	appearance:none;
}


input[readonly] {background-color:#f7f7f7 !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; }
/* ---------- 19-11-21 form css ::start ---------- */
input[type="text"],
input[type="password"],
input[type="number"],
textarea {
	border:1px solid var(--border1); border-radius:10px;
	width:100%; height:50px; padding:6px 10px; 
	font-size:var(--fs16); line-height:1;
	background-color:#FFF;
	-webkit-appearance: none; /*모바일에서 입체효과 없애기*/
	-moz-appearance: none;
	appearance: none;
}
input::placeholder {color:#999 !important;}
input::-webkit-input-placeholder {color:#999 !important;} /*크롬,사파리*/
input::-moz-placeholder {color:#999 !important;} /*파폭*/
input::-ms-input-placeholder {color:#999 !important;} /*ie*/

textarea {min-height:150px;resize:none;}

/* 체크박스:: */
.checkType1 {}
.checkType1 input[type="checkbox"] {position:absolute; left:-99px;width:0; height:0; opacity:0;}
.checkType1 input[type="checkbox"]+label {padding-left:30px; line-height:25px; position:relative; display:inline-block; cursor:pointer;}
.checkType1 input[type="checkbox"]+label:before {width:20px; height:20px; background:url(/images/common/icon_checkbox_check.svg)center no-repeat; left:0; top:2px; position:absolute; display:block; content:'';}
.checkType1 input[type="checkbox"]:checked+label:before {background-image:url(/images/common/icon_checkbox_check_on.svg);}

.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:-99px;width:0; height:0; opacity:0;}
.checkWrap_sunnong input[type="checkbox"]+label {padding-left:30px; line-height:25px; position:relative; display:inline-block; cursor:pointer;}
.checkWrap_sunnong input[type="checkbox"]+label:before {width:20px; height:20px; background:url(/images/common/icon_checkbox_check.svg)center no-repeat; left:0; top:2px; position:absolute; display:block; content:'';}
.checkWrap_sunnong input[type="checkbox"]:checked+label:before {background-image:url(/images/common/icon_checkbox_check_on.svg);}


.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; } 


.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; 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;}

/*** 전체메뉴팝업 ***/
.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; } 



/* lnb 배경 */
.sub-visual {position:relative; width:100%; height:350px; background:#000  center /cover no-repeat;} 
/* .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-image:url(/images/common/bg_intro.png); }
.sub-visual.intro {background-image:url(/images/common/bg_intro.png); }
.sub-visual.business {background-image:url(/images/common/bg_business.png); }
.sub-visual.recruit {background-image:url(/images/common/bg_recruit.png); }
.sub-visual.online {background-image:url(/images/common/bg_online.png); }
.sub-visual.customer {background-image:url(/images/common/bg_customer.png); }
.sub-visual.member {background-image:url(/images/common/bg_member.png); }


/* 이메일무단수집거부 팝업 */ 
.emailPopup {display:none; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; max-width:700px; padding:50px; 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; color:#000;}
.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;}
.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;}



/* ************************ 데스크탑 (1249~) ************************ */
@media screen and (min-width: 1200px), print {
	html,body { min-width:1200px; } 
	.mobile { display:none !important; } 
	
	/* 페이징 PC*/
	.page_box {margin-top:100px; line-height:1; font-size:14px; text-align:center; position:relative; text-align:center; border:1px solid transparent;}
	.page_box .pagination.pc {display:flex; align-items:center; justify-content:center;}
	.page_box .pagination.pc>li {margin-left:-1px;}
	.page_box .pagination.pc>li>a {
		font-size:var(--fs18);font-weight: 700;
		color:#666; width:40px; height:40px; line-height:1;
		display: flex; align-items: center; justify-content: center;
	}
	.page_box .pagination.pc>li>a:hover {}
	.page_box .pagination.pc>li>a.active {color:var(--base2);}
	
	.page_box .pagination.pc>li>a.first {background-image:url(/images/common/icon_page_first.svg);}
	.page_box .pagination.pc>li>a.prev {background-image:url(/images/common/icon_page_prev.svg); margin:0 25px 0 10px;}
	.page_box .pagination.pc>li>a.next {background-image:url(/images/common/icon_page_next.svg); margin:0 10px 0 25px;}
	.page_box .pagination.pc>li>a.last {background-image:url(/images/common/icon_page_last.svg);}
	
	.page_box .pagination.pc>li>a.first:hover {background-image:url(/images/common/icon_page_first_on.svg);}
	.page_box .pagination.pc>li>a.prev:hover {background-image:url(/images/common/icon_page_prev_on.svg);}
	.page_box .pagination.pc>li>a.next:hover {background-image:url(/images/common/icon_page_next_on.svg);}
	.page_box .pagination.pc>li>a.last:hover {background-image:url(/images/common/icon_page_last_on.svg);}
	
	.page_box .btn.write {margin-left:20px;}
	
	
	/*헤더**/
	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:20px; } 
	header .head h1 a { } 
	header .head h1 a img { width:100%; height:90px;} 
	header .head h1 a img.off { width:100%; height:90px; display:none;} 
	header .head h1 a img.on {display:block;} 
	header.on .head h1 a img.off {display:block;} 
	header.on .head h1 a img.on {display:none;} 
	
	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; } 
	
	/* gnb */
    nav.mobile {visibility:hidden;}
	nav.pc {height:130px; position:relative; margin:0 auto; overflow:hidden; }
	nav.pc .gnb {width:100%; display:flex; justify-content:center; align-items: center; gap: 50px;}
	nav.pc .gnb>ul {height:130px; display:flex; gap:4vw;}
	nav.pc .gnb>ul>li {display:flex; height:130px;align-items:center;  }
	nav.pc .gnb>ul>li>a {color:#fff; font-weight:600; font-size:20px; display:block; position:relative;transition:0.2s;}
	nav.pc .gnb>ul>li>a:after {width:100%; height:2px; left:0; bottom:0; position:absolute; display:block; content:'';transition:0.2s;}
	
	nav.pc .gnb>ul>li>ul {padding:35px 0 30px; top:90px; 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:hover,
	nav.pc .gnb>ul>li>ul>li.on a {color:var(--base1); border-color:inherit;}
	/* nav.pc .navbg {width:100%; position:absolute; left:0; top:0;} */
	nav.pc .navbg {
		position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0);
		transition:all .3s ease !important; -webkit-transition:all .3s ease !important; -moz-transition:all .3s ease !important;
		
	}
	/* nav.pc .navbg .dep1 {height:130px} */
	nav.pc .navbg .dep2 {}
	
	nav.pc .line {border-bottom:1px solid #e5e5e5;}
	
	
	nav.pc.on .gnb>ul>li.on>a,
	nav.pc.on .gnb>ul>li:hover>a {color:var(--base1) !important;}
	
	nav.pc .gnb>ul>li.on>a:after { background:#fff;}
	nav.pc.on .gnb>ul>li.on>a:after {background:var(--base1);}
	
    header .asideWrap {display:flex; gap:15px; height: 45px; position: absolute; right:0; top:44px; z-index: 9}
	header .asideWrap a {height:45px; display:flex; align-items:center; color: #FFF;font-size:var(--fs14);font-weight: 300;line-height: normal;}
    header .asideWrap .loginBtn {width:45px; background:#fff url(/images/common/icon_login.svg)center no-repeat; border-radius:50%; }
	header .asideWrap .logoutBtn {}
    header .asideWrap .joinBtn {}
    header .asideWrap .findBtn {}
	
	header.on {}
	header.on .asideWrap .loginBtn {background-image:url(/images/common/icon_login_on.svg);}
	header.on .asideWrap a {color:#000;}
	
	/* nav.pc.on {background:#fff;} */
	nav.pc.on .navbg {background:#fff url(/images/common/bg_header.png)0 0 no-repeat; }
	nav.pc.on .gnb>ul>li>a {color:#000;}
	
	.headerH {height:130px;}
	
	
	/* lnb */
	.sub-visual {}
	.sub-visual-wrap {padding:0 0 40px; height:100%; display:flex; justify-content:space-between; align-items:end;}
	.sub-visual-txt {}
	.sub-visual-txt h2 {color: #FFF;font-size:var(--fs40);font-weight: 700;line-height: normal;letter-spacing: -1.2px;}
	.sub-visual-txt p {padding:10px 0 0; color: #FFF; opacity: 0.5; font-weight:; font-family: Inter; font-size:var(--fs18); line-height: normal;}
	.sub-visual-nav {display:flex; gap:10px; align-items:center;}
	.sub-visual-nav p {color: #FFF;font-size:var(--fs14); line-height: normal;}
	.sub-visual-nav p.dot {width: 3px; height: 3px; background:#fff; border-radius:50%; }
	
	.lnbH {height:70px;}
	.lnb {position:absolute; top:350px; left:0; width:100%; height:70px;background:#fff;   border-bottom:1px solid var(--border1);} 
	.lnb.fixOn {position:fixed; top:0;z-index:1000;box-shadow: rgba(0, 0, 0, 0.05) 0px 10px 20px -3px, rgba(0, 0, 0, 0.05) 0px 4px 8px -2px;}
	
	.lnb-wrap {display:flex; height:70px; align-items:center; position:relative;}
	.lnb-wrap h2 {
		padding-right:100px; color:var(--base2); background:url(/images/common/icon_lnb_tit.svg)calc(100% - 50px) 0 no-repeat;
		color: var(--base2);font-size:var(--fs18);font-weight: 600; line-height:70px; 
	}
	.lnb-menu {height:100%;}
	.lnb-menu ul {display:flex; gap:30px;height:100%; align-items:center;}
	.lnb-menu ul li {height:100%; display:flex; align-items:center; border-bottom:3px solid transparent;}
	.lnb-menu ul li a {color: #000;font-size:var(--fs18);font-weight: 600;line-height: 100%;}
	.lnb-menu ul li.bar {width: 1px; height: 19px; background:var(--border1);}
	.lnb-menu ul li.on {border-color:var(--base1);}
	.lnb-menu ul li.on a {color:var(--base1);}
	/* .lnb-gotop {} */
	.lnb .gotop {
		padding:10px 0 0; width:60px; height:66px; line-height:66px; opacity:1 !important;
		position:absolute; right:0; top:0; text-align:center;
		background:url(/images/common/icon_gotop.svg)50% calc(50% - 10px) no-repeat;
		font-size:var(--fs12); font-weight:600; color:#000; 
	}
	
	
	/*컨텐츠*/
	.contents {padding:100px 0;}
	
	.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%; } 
	
	footer {color:#fff; border-top:1px solid var(--border1);}
	footer .footer-menu {padding:20px 0;display:flex; gap:50px; align-items:center; position:relative;}
	footer .footer-menu a {color:#333; }
	footer .footer-menu a b {color:#000; font-weight:600;}
	footer .footer-wrap {padding:70px 20px; background:var(--base3);}
	footer .footer-wrap img {heigh:80px;}
	footer .footer-info {display:flex; gap:50px; position:relative;}
	footer .footer-company {}
	footer .footer-company p {padding:0 0 20px;}
	footer .footer-company ul {display:flex; gap:20px;}
	footer .footer-company ul li {color: #FFF;font-size: var(--fs14); font-weight:200; line-height: 140%;}
	footer .footer-company ul li b {display:block;font-weight: 600;}
	footer .footer-company ul li.bar {width:1px; height:35px; background: rgba(255, 255, 255, 0.20);}
	footer .copy { font-size:var(--fs14); line-height:140%; font-weight:200; position:absolute; right:0; bottom:0; text-align:right;}
	
	footer .gotop {
		padding:10px 0 0; width:60px; height:66px; line-height:66px; opacity:1 !important;
		position:absolute; right:0; top:0; text-align:center;
		background:url(/images/common/icon_gotop.svg)50% calc(50% - 10px) no-repeat;
		font-size:var(--fs12); font-weight:600; color:#000; 
	}
	
	
}

/* ************************ 태블릿 이하(~1249) ************************ */
@media screen and (max-width: 1199px) {
	
	.pc { display:none !important; } 
	
	.w90vw { padding:0!important; max-width:100%; } 
	
	/* 페이징 MOBILE */
	.page_box {position:relative; margin-top:50px; text-align:center;}
	.page_box .mobile {gap:10px; display:flex !important; align-items:center; justify-content:center;}
	.page_box .mobile label {display:none;}
	.page_box .mobile>li {margin-left:-1px;}
	.page_box .mobile>li>a {border:0; padding:0; color:#666; width:40px; height:40px; line-height:1; display: flex; align-items: center; justify-content: center;}
	.page_box .mobile>li>a img {height:10px;}
	.page_box .mobile>li>a:hover {background:#f0f0f0}
	.page_box .mobile>li>a.active {color:#fff; background:var(--base1); border:1px solid var(--base1);  font-weight:normal;}
	.page_box .mobile select {width:75px; height:40px; padding:0 40px 0 20px; background-position:calc(100% - 10px) 50%; }
	
	.page_box .mobile>li>a.prev {background:url(/images/common/icon_page_prev.svg)center no-repeat;}
	.page_box .mobile>li>a.next {background:url(/images/common/icon_page_next.svg)center no-repeat;}
	
	.page_box .btn.write {width:auto; padding:10px 20px;}
	.page_box .btn.write:hover {background-color:#000;}
	
	
	
	/*헤더*/
	header { position:absolute; left:0; top:0; width:100%; z-index:999; height:70px;} 
	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:60px;}
	header .head h1 a img.off {display:none;}
	.black_header_Bg { height:60px; } 
	
	/*gnb*/
	nav.mobile { visibility:hidden; z-index:9999; position:fixed; top:0; width:500px; max-width:90%; 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 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 {display:flex; gap:15px; height: 40px; position: absolute; left:10px; top:10px;}
	nav.mobile .gnb .asideWrap a {height:40px; display:flex; align-items:center;font-size:var(--fs14);font-weight: 300;line-height: normal;}
    nav.mobile .gnb .asideWrap .loginBtn {width:40px; background:var(--base1) url(/images/common/icon_login_on.svg)center no-repeat; border-radius:50%; }
	nav.mobile .gnb .asideWrap .logoutBtn {}
    nav.mobile .gnb .asideWrap .joinBtn {}
    nav.mobile .gnb .asideWrap .findBtn {}
	
	
	
	/* lnb */
	.sub-visual {height:300px;}
	.sub-visual-wrap {padding:0 30px 40px; height:100%; display:flex; justify-content:space-between; align-items:end;}
	.sub-visual-txt {}
	.sub-visual-txt h2 {color: #FFF;font-size:var(--fs40);font-weight: 700;line-height: normal;letter-spacing: -1.2px;}
	.sub-visual-txt p {padding:10px 0 0; color: #FFF; opacity: 0.5; font-weight:; font-family: Inter; font-size:var(--fs18); line-height: normal;}
	.sub-visual-nav {display:none; gap:10px; align-items:center;}
	.sub-visual-nav p {color: #FFF;font-size:var(--fs14); line-height: normal;}
	.sub-visual-nav p.dot {width: 3px; height: 3px; background:#fff; border-radius:50%; }
	
	
	/*컨텐츠*/
	.contents {padding:60px 30px; position:relative;} 
	.contents-wrap {}
	
	
	
	/* footer */
	footer {color:#fff; border-top:1px solid var(--border1);}
	footer .footer-menu {padding:20px;display:flex; gap:30px; align-items:center; position:relative;}
	footer .footer-menu a {color:#333; }
	footer .footer-menu a b {color:#000; font-weight:600;}
	footer .footer-wrap {padding:40px 20px; background:var(--base3);}
	footer .footer-info {display:flex; flex-wrap:wrap; gap:20px;}
	footer .footer-info img {height:80px;}
	footer .footer-company {width:calc(100% - 98px)}
	footer .footer-company p {padding:0 0 16px;}
	footer .footer-company ul {display:flex; gap:5px 20px; flex-wrap:wrap;}
	footer .footer-company ul li {display:flex; gap:10px; color: #FFF;font-size: var(--fs14); font-weight:200; line-height: 140%;}
	footer .footer-company ul li b {display:block;font-weight: 600;}
	footer .footer-company ul li.bar {display:none;}
	footer .copy {padding-left:100px; width:100%; font-size:var(--fs14); line-height:140%; font-weight:200;}
	footer .copy br {display:none;}
	
	footer .gotop {
		padding:7px 0 0; width:50px; height:50px; line-height:50px; opacity:1 !important; text-align:center;
		background:#fff url(/images/common/icon_gotop.svg)50% calc(50% - 7px) no-repeat; border-radius:50%;
		position:fixed; right:30px; bottom:30px; font-size:var(--fs12); font-weight:600; color:#000; box-shadow:0 0 10px rgba(0,0,0,.1);
	}
	
	
	
}

/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	
	body {}
 
	.checkWrap_sunnong {text-align:left;}
	
	/* lnb */
	.sub-visual {}
	.sub-visual-wrap {padding:0 30px 40px; gap:20px; flex-direction:column; justify-content:end; align-items:start;}
	.sub-visual-txt {}
	.sub-visual-txt h2 {}
	.sub-visual-txt p {padding:5px 0 0;}
	.sub-visual-nav {}
	.sub-visual-nav p {}
	
	/*컨텐츠*/
	.contents {padding:40px 20px;} 
	.contents-wrap {}
	
	
	
	/* footer */
	footer {}
	footer .footer-menu {padding:14px 60px 14px 20px; flex-wrap:wrap; gap:5px 20px;}
	
	footer .footer-info img {height:60px;}
	footer .copy {padding-left:80px;}
	
	footer .gotop { width:46px; height:46px; line-height:46px;}
	
	.privacyPopup { width:95%; } 
	.privacyPopup .txt h3 { font-size:20px; } 
	
	
	/*이메일무단수집거부팝업*/
	.emailPopup {width:95%; padding:30px 20px;}
	.emailPopup .txt img {max-width:70px;}
	.emailPopup .txt {flex-direction:column; gap:10px; color:#000;}
	.emailPopup ul {padding:20px; margin-top:10px;}

}

/* ************************ 모바일 (0~500) ************************ */
@media screen and (max-width:500px) {
     
	
	footer { }
	
	
	.checkWrap_sunnong input[type='checkbox']+label {text-align: left; line-height: 1.2; font-size:18px;}

 }