@charset "utf-8";

@import url('/font/org/RemixIcon-4.6/remixicon.css'); /* PC || Mobile 보기_20251210 추가 */

/* header-top_20251202 추가 */
#header-top {background-color: #f9f9f9; position: relative; font-family: 'Pretendard'; z-index: 20;}
#header-top .container {display: flex; flex-wrap:wrap; justify-content: space-between; align-items: center; gap: 0 calc(40px * 0.25); max-width: 1200px; min-height: 40px; padding: 5px 20px; margin: 0 auto; box-sizing: border-box;}
#header-top .gov-info {display: flex; align-items: center; gap: 6px; font-size: 14px; letter-spacing: 0; color: #333; line-height:1;} /* 20251218 수정 */

/* header-top_20251202 추가 */
#google_translate_elementA {position: relative; width: auto !important;}
#google_translate_element {visibility: hidden; position: absolute; top: 0;}
#langs {display: flex !important; width: auto !important; max-width: none !important;}
#langs .lang {display: inline-flex; align-items: center; gap: 0.5rem;}
#langs .lang select {border-radius: 0.25rem; border: 1px solid #d5d5d5; border-top: 1px solid #9b9b9b; border-bottom: 1px solid #e8e8e8; background-color: #fff; padding: 0.1em 0.1em 0.3em; font-size: 0.7rem; color: #000;}
.lang_atte {text-align: right !important; font-size: 12px !important;}

.nav_mobile_close {top: 53px;} /* 20251204 추가 */

/* PC || Mobile 보기_20251210 추가 */
#toggleViewBtn {display: none; align-items: center; gap: 10px; height: 50px; border-radius: 25px; font-size: 15px; border: 2px solid #dadbdf; background-color: #fff; padding: 0 15px; color: #464d5d; font-weight: 500; margin-top: 17px;}
#toggleViewBtn::before {content: '\EBCA'; display: inline-flex; justify-content: center; align-items: center; width: 30px; height: 30px; border-radius: 50%; background-color: #464d5d; color: #fff; line-height: 1; font-family: 'remixicon';}
.pc-view #toggleViewBtn::before {content: '\F15A';}
html.pc-view #toggleViewBtn {display: flex;}

@media screen and (max-width:1400px){
	.lang_atte {display:none;}
}

@media screen and (max-width:1020px){
	#header-top {position: fixed; top: 0; left: 0; width: 100%;}
	#google_translate_elementA {position: relative !important; left: auto !important; border-bottom: none !important;}
	#header {top: 40px !important;}
	#sub_container_wrap {padding-top: 120px !important;}
}

@media screen and (max-width:800px) {
	/* PC || Mobile 보기_20251210 추가 */
	#toggleViewBtn {display: flex; width: fit-content;} /* 20251211 수정 */
}

@media screen and (max-width:600px){
	/* 20251202 추가 */
	#header-top .container {flex-direction: column; justify-content: center; gap: 3px; height: 65px; padding: 0 20px;}
	#wrap.no_langs #header-top .container {height: 40px;}
	#header {top: 65px !important;}
	#wrap.no_langs #header {top: 40px !important;}
	#container {padding-top: 145px !important;}
	#wrap.no_langs #container {padding-top: 120px !important;}
	#sub_container_wrap {padding-top: 145px !important;}
	#wrap.no_langs #sub_container_wrap {padding-top: 120px !important;}
	
	.nav_mobile_close {top: 78px;}
	#wrap.no_langs .nav_mobile_close {top: 53px;}
}

@media screen and (max-width:580px){
	#container {padding-top: 100px !important;}
	#wrap.no_langs #container {padding-top: 100px !important;}
	#sub_container_wrap {padding-top: 125px !important;}
	#wrap.no_langs #sub_container_wrap {padding-top: 100px !important;}
	
	.nav_mobile_close {top: 74px;} /* 20251204 추가 */
	#wrap.no_langs .nav_mobile_close {top: 49px;} /* 20251204 추가 */
}

@media (max-width:540px) {
	#langs {border-bottom: none !important;}	
}