@charset "utf-8";
@import url(setting.css);
/* ************************************************************************************************************************************************************
						《 공통 레이아웃 스타일 》
************************************************************************************************************************************************************ */

/*
	z-index 위계
	.menu_container 전체메뉴		10
	.sticky_head 스티키 검색창		20
	popup dim					9990
	popup						9999
*/

/* ============================== [ 공통레이아웃 ] ========================================================================================== */
#wrap {position:relative;}
figure img {display: block; width: 100%; height: auto; object-fit: cover;}
.inner {margin: 0 auto; width: 100%; max-width: 1640px; padding: 0 2rem;}
.go_view {/* background-color:rgba(0,0,0,0.3); */ position:absolute; left:0; top:0; height:100%; width:100%;}
.el1 {display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;}
.el2 {display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;}
.el3 {display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;}
.el4 {display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:4; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;}
.el5 {display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:5; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;}
* {box-sizing:border-box;}

.is-pc {display:block !important;}
.is-m {display:none !important;}

@media (max-width:767px){
	.is-pc {display:none !important;}
	.is-m {display:block !important;}
}

/* 접근성 : 건너뛰기 */
#accessibility{position:absolute;left:0;top:0;z-index:130}
#accessibility li{float:left}
#accessibility a{position:absolute;width:1px;height:1px;top:-20px;overflow:hidden;text-align:center;font-size:1.5rem;}
#accessibility a:focus, #accessibility a:active{position:absolute;top:0;width:20rem;height:auto;padding:5px;background-color:#383846;color:#fff;z-index:2}

/* ============================== [ #header ] ========================================================================================== */
#header.sub_header {background-color: #f6f6f9;}
.head_top {position:relative;}
/* -------------------- sticky_head ---------------------------------------- */
.sticky_head {display:none; padding:1rem 0; position: fixed; left:0; top:0; width:100%; background-color: #fff; box-shadow: 5px 9px 10px 0px rgba(0, 0, 0, 0.04); z-index:20;}
.sticky_head .cont {display:flex; align-items:center; justify-content:center;}
.sticky_head .tit {font-size:1.5rem; color:#504747; font-weight:300; margin-right:2rem;}
.sticky_head strong {font-size:1.7rem; font-weight:700;}
.sticky_head .srch_bar {margin-top:0; height:5.5rem; width:80%; max-width: 722px;}
.sticky_head .srch_bar .srch_area {width:calc(100% - 7rem);}
.sticky_head .srch_bar .btn_search {right:1.5rem;}
.sticky_head .srch_bar .btn_char {right:5.6rem;}
.sticky_head .srch_bar .btn_dt {width:7rem;}
.sticky_head .srch_bar .btn_dt span {font-size:1.2rem; padding-top:1.3rem;}
/* -------------------- util ---------------------------------------- */
.util_wrap {display: flex; align-items: center; padding: 1.7rem 0;}
.util_wrap .prt_link {display: flex; align-items: center;}
.util_wrap .prt_link li {border-left: 1px solid #cfcfcf;}
.util_wrap .prt_link li:nth-child(4) {border-right: 1px solid #cfcfcf;}
.util_wrap .prt_link li:last-child {border-left: none;}
.util_wrap .prt_link li a {display: block;}
.util_wrap .prt_link li:nth-child(1) a {width: 6rem; height: 3.1rem; background: url(../images/ico_prt_01.svg) no-repeat center; background-size: 3.9rem auto;}
.util_wrap .prt_link li:nth-child(2) a {width: 6rem; height: 3.1rem; background: url(../images/ico_prt_02.png) no-repeat center; background-size: 3.0rem auto;}
.util_wrap .prt_link li:nth-child(3) a {width: 6.5rem; height: 3.1rem; background: url(../images/ico_prt_03.png) no-repeat center; background-size: 4.9rem auto;}/*250920*/
.util_wrap .prt_link li:nth-child(4) a {width: 6.5rem; height: 3.3rem; background: url(../images/ico_prt_04.png) no-repeat center; background-size: 5.3rem auto;}/*250920*/
.util_wrap .prt_link li:last-child a {padding: 0 2rem;}
.util_wrap .prt_link li:last-child span {color:#3c3c3c; font-size: 1.6rem; letter-spacing: -0.02em; font-weight: 700;}
.util_wrap .prt_link li:last-child span:before {content:''; display: flex; justify-content: center; width: 100%; height: 12px; margin-bottom: 3px; background: url(../images/ico_prt_all.png) no-repeat center; background-size: 92px auto;} /*250920*/
.util_wrap .util_link {margin-left: auto; display: flex; align-items: center; gap:2rem;}
.util_wrap .util_link li a {position: relative; padding-left: 2.8rem; display: flex; align-items: center;}
.util_wrap .util_link li a::before {display: block; content: ''; width: 2.2rem; height: 2.2rem; border-radius: 50%; position: absolute; left: 0; top: 0; background-color: #434354; background-position: center; background-repeat: no-repeat;}
.util_wrap .util_link li a span {height: 2.2rem; line-height: 2.2rem; font-weight: 500; color: #333; font-size: 1.3rem;}
.util_wrap .util_link li:nth-child(1) a::before {background-image: url(../images/ico_util_01.svg); background-size: 1.4rem 1.6rem;}
.util_wrap .util_link li:nth-child(2) a::before {background-image: url(../images/ico_util_02.svg); background-size: 1.2rem 1.2rem;}
.util_wrap .util_link li:nth-child(3) a::before {background-image: url(../images/ico_util_03.svg); background-size: 1.4rem 1.4rem;}
.util_wrap .util_link li:nth-child(4) a::before {background-image: url(../images/ico_util_04.svg); background-size: 1.2rem 1.1rem;}
.util_wrap .util_link li:nth-child(5) a::before {background-image: url(../images/ico_util_05.svg); background-size: 1.2rem 1.1rem;}




/* -------------------- 메인 로고 ---------------------------------------- */
.logo_head {display: flex; align-items: center; padding: 2rem 0 1.7rem;}
.logo_head h1 a {font-weight: 300; font-size: 2.6rem; color:#504747; letter-spacing:-0.05em;}
.logo_head h1 a strong {font-weight: 700; margin-right: 4px;}

.data_noti {margin-left:auto; display:flex;align-items:center;}
.data_noti .label {padding:0.5rem 0.9rem; font-size:1.2rem; color:#fff; font-weight:700; border-radius: 2rem; background-color: #ed9125;}
.data_noti .noti_roll {width:35rem; height:30px; overflow:hidden; margin-left:8px; padding: 0.3rem 0; border-bottom: 1px solid #b5b5b5; background: url(../images/ico_plus_bk.svg) no-repeat right center; background-size: 1rem; position:relative;}
.data_noti .noti_roll ul {position:absolute; left:4px; width:100%; top:0;}
.data_noti .noti_roll a {display:block; height:30px; line-height:30px; font-size:1.6rem; padding-right:3rem; color:#4e4e4e; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;}

.mob_menu {display:none; margin-left:auto;}
.mob_menu .btn_help {margin-right:20px; font-size:1.2rem;}
.mob_menu .btn_help span {padding-left:20px; position:relative;}
.mob_menu .btn_help span::after {display:block; content: ''; width:12px; height:12px; border-radius: 50%; background: #434354 url(../images/ico_que.svg) no-repeat center; position:absolute; left:0; top:0;}
.mob_menu .btn_site {width:16px; height:16px; background: url(../images/btn_site.svg) no-repeat; background-position: center; background-size: 100% auto;}
.mob_menu .btn_site.close {background-image: url(../images/btn_site_close.svg);}

/* -------------------- GNB ---------------------------------------- */
#header nav {background-color: #383846;}
#header nav > ul {display: flex; justify-content: center; margin: 0 auto; max-width: 1280px; padding:0 2rem;}
#header nav .dept_01 {width: 16%; max-width: 23rem; position: relative;}
#header nav .dept_01 ~ .dept_01 {padding-left: 1rem; background: url(../images/ico_dash.svg) no-repeat left center;}
#header nav .dept_01 > a {display: block; padding: 3rem 0; text-align: center; font-weight: 500; font-size: 1.9rem; color: #fff; transition: color 0.3s;}
#header nav .dept_01 > a:hover {color: #ed9125;}
#header nav .dept_01.active > a::after {display: block;content: '';position: absolute;left: 53%;bottom: 4px;-webkit-transform: translateX(-50%);transform: translateX(-50%);width: 65%;height: 0.5rem;background-color: #ed9125;}
#header nav .dept_01 ul {display: none; padding: 2.5rem; background-color: #383846; width: 100%; position: absolute; left: 0; top:calc(100% - 9px); border-top:5px solid #ed9125; z-index:2; border-radius:0 0 1.2rem 1.2rem;}
#header nav .dept_01 ul li ~ li {margin-top: 1rem;}
#header nav .dept_01 ul li a {font-size: 1.5rem; color:#d9d9dd; transition: 0.2s; display:block;}
#header nav .dept_01 ul li a:hover {color: #ed9125;}

/* 서브 nav */
#header.sub_header nav .dept_01 > a {padding:2.5rem 0; font-size:1.8rem;}

/* -------------------- 전체메뉴 ---------------------------------------- */
.menu_container {display:none; position:absolute; left:0; top:100%; width:100%; background-color: #383846; z-index:10;}
.menu_container .btn_close {position:absolute; right:18%; top:2.5rem; color:#fff; font-size:1.3rem; font-weight:500; padding-right:3.5rem; background: url(../images/ico_close.svg) no-repeat right center; background-size: 2.1rem;}
.menu_container a {display:block; color:#fff;}
.menu_container .cont {display:flex; width:100%; max-width:1240px; margin:0 auto; padding: 0 2rem;}
.menu_container .cont .group {width:25%; border-left: 1px solid #4c4c59; padding:14.7rem 0;}
.menu_container .cont .group .depth_01 {line-height: 1.4; margin-bottom:4.2rem; font-size:2.4rem; position:relative; padding-left:3rem; transition: 0.3s; font-family: 'NanumMyeongjo'; font-weight:800;}
.menu_container .cont .group .depth_01:hover {color:#ed9125;}
.menu_container .cont .group .depth_01::after {display:block; content: ''; width:2.9rem; height:2px; background-color: #ed9125; position:absolute; left:-1.5rem; top:1.5rem;}
.menu_container .cont .group ul {padding-left:3rem;}
.menu_container .cont .group ul li ~ li {margin-top:2rem;}
.menu_container .cont .group ul li a {font-size:1.7rem; color:#d9d9dd; font-weight:500; transition: 0.3s;}
.menu_container .cont .group ul li a:hover {color: #ed9125;}
@media only screen and (max-width:1240px) {
	.menu_container .btn_close {right:30px;}
	#header nav > ul {padding:0;}
	#header nav .dept_01 > a {font-size: 1.7rem;}
	#header nav .dept_01 ul {padding: 1.5rem 1rem;}
	.util_wrap .util_link {gap:.8rem}
	.util_wrap .util_link li a {padding-left: 2.5rem;}
	.util_wrap .prt_link li:nth-child(1) a {width: 4.5rem; background: url(../images/ico_prt_01.svg) no-repeat center; background-size: 3rem auto;}
	.util_wrap .prt_link li:nth-child(2) a {width: 4.5rem; background: url(../images/ico_prt_02.png) no-repeat center; background-size: 2.5rem auto;}
	.util_wrap .prt_link li:nth-child(3) a {width: 4.9rem; background: url(../images/ico_prt_03.png) no-repeat center; background-size: 3.8rem auto;}/*250920*/
	.util_wrap .prt_link li:nth-child(4) a {width: 4.9rem; background: url(../images/ico_prt_04.png) no-repeat center; background-size: 4.2rem auto;}/*250920*/
	.util_wrap .prt_link li:last-child a {padding-left: 1.5rem;}
}
@media only screen and (max-width:767px) {
	.inner {padding: 0 10px;}

	.sticky_head {padding: 10px;}
	.sticky_head .tit {display: none;}
	.sticky_head .srch_bar,
	.sticky_head .srch_bar .srch_area {width: 100%;}
	.logo_head {padding:2.5rem 0;}
	.logo_head h1 a {font-size: 2.1rem;}
	.util_wrap {display:none;}
	.data_noti {display:none;}
	.mob_menu {display:flex;}

	.menu_container .btn_close {display:none;}
	.menu_container .cont {flex-wrap: wrap; flex-direction: column; height:464px;}
	.menu_container .cont .group {width:auto;}
	.menu_container .cont .group:nth-child(1) {padding:30px 0 0 0;}
	.menu_container .cont .group:nth-child(2) {padding:0 0 38rem 0;}
	.menu_container .cont .group:nth-child(3) {padding:30px 0 0 0;}
	.menu_container .cont .group:nth-child(4) {padding:30px 0 4.8em 0;}
	.menu_container .cont .group .depth_01 {margin-bottom:10px; font-size: 2rem;}
	.menu_container .cont .group .depth_01::after {top:1rem}

	#header nav > ul {display: none;}
}


/* -------------------- 메인 검색 영역 ---------------------------------------- */
.main_search {background: url(../images/main_visual.png) no-repeat center; background-size: cover; position: relative;}
.main_search::after {display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(0deg, rgba(255,255,255,0) 80%, rgba(0,0,0,0.14) 100%);}
.main_search .bg_cont {padding: 5.7rem 0 5.4rem; background: url(../images/main_visual_bg.png) no-repeat right -100px top -100px; background-size: 660px auto; animation: slideUp 2s forwards;}
@keyframes slideUp {
    from {background-position: right -100px top 100px;}
    to {background-position: right -100px top -100px;}
}
.main_search .cont {width: 875px; margin: 0 auto; z-index: 1; position: relative;}
.main_search h3 {text-align: center; font-weight: 300; font-size: 2.4rem; color:#504747; letter-spacing:-0.05em;}
.main_search h3 strong {font-weight: 700;}
.main_search .txt {font-weight: 300; font-size: 1.5rem; text-align: center; color: #000; margin-top: 1rem; letter-spacing:-0.05em;}
.main_search h2 {color:#7c3d4b; padding-top: 3.5rem; margin-top: 1.5rem; position: relative; font-weight: 800; font-size: 5.5rem; text-align: center; font-family: 'NanumMyeongjo'; letter-spacing:-0.05em;}
.main_search h2 span {color:#414163;}
.main_search h2::before {display: block; content: ''; width: 1px; height: 3.1rem; background-color: #34394c; position: absolute; left: 50%; top: 0;}
.main_search .opt {padding: 0 1rem; margin-top: 2.1rem; display: flex; align-items: center; justify-content: space-between;}
.main_search .opt .keyword {display: flex; align-items: center; position: relative;}
.main_search .opt .keyword .btn_arr {display:flex; align-items:center; gap:10px; position:relative; z-index: 2;}
.main_search .opt .keyword .btn_arr i { display: block; width: 2.7rem; height: 2.7rem; border-radius: 50%; background-color: #434354; background-image: url(../images/arr_keyword.svg); background-position: center; background-repeat: no-repeat; transition: 0.3s;}
.main_search .opt .keyword .btn_arr.active i {transform: rotate(180deg);}
.main_search .opt .keyword .btn_arr span {color: #000; font-size: 1.2rem;}
.main_search .opt .keyword .btn_arr.active span {font-size:1.4rem;}
.main_search .opt .keyword .view {width:162px; height:21px; overflow:hidden; display:flex; align-items:center; position:relative; margin-left: 1.5rem; padding-left:1.5rem; }
.main_search .opt .keyword .view::before {display:block; content: ''; width:1px; height:1.2rem; background-color: #b9babb; position:absolute; left:0; top:6px;}
.main_search .opt .keyword .view ul {position:absolute; left:16px; width:100%; top:0;}
.main_search .opt .keyword .view li {font-size:1.7rem; color:#000; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;}

.opt .layer {display: none; position: absolute; left: -2rem; top: -2rem; width: 25.5rem; background-color: #fff; border-radius: 1rem; border:1px solid #c9c9c9; z-index: 1; box-shadow: 11px 19px 27px 0px rgba(0, 0, 0, 0.18);}
.opt .layer .wrap {padding: 1.8rem 2rem;}
.opt .layer .wrap > p {padding:0.5rem 0 1.5rem 3.6rem; color: #000; }
.opt .layer .wrap ol {margin-top: 4.5rem; padding-top:2rem; border-top: 1px solid #e2e2e2;}
.opt .layer .wrap ol li ~ li {margin-top: 1rem;}
.opt .layer .wrap ol li a {display: flex;}
.opt .layer .wrap ol li a:hover p {color:#c43700;}
.opt .layer .wrap ol li a span {font-size: 1.2rem; font-weight: 700; color:#464646; width: 4rem; text-align: center;}
.opt .layer .wrap ol li a p {text-overflow:ellipsis; white-space:nowrap; overflow:hidden; flex:1; transition: 0.3s;}

.main_search .opt .r_opt {display: flex; gap:2.5rem; align-items: center;}
.main_search .opt .r_opt button {padding-left: 2.4rem; position: relative; height: 1.7rem; line-height: 1;}
.main_search .opt .r_opt button::after {display: block; content: ''; width: 1.7rem; height: 1.7rem; border-radius: 50%; background-color: #434354; position: absolute; left: 0; top: 0; background-position: center; background-repeat: no-repeat; background-image: url(../images/ico_que.svg);}

.srch_bar {display: flex; height: 6.7rem; margin-top: 2rem; overflow: hidden; border-radius: 1rem;}
.srch_bar .srch_area {width: calc(100% - 7.7rem); position: relative;}
.srch_bar input[type="text"] {border-radius: 10px 0 0 10px; width: 100%; border:none; height: 100%; font-size: 1.5rem; padding: 0 13rem 0 2.4rem; box-sizing: border-box; border:1px solid #d4d3d4; border-right: none;}
.srch_bar .btn_char {width: 3.6rem; height: 3.6rem; background: url(../images/ico_char.svg) no-repeat center; background-size: 2.4rem auto; position: absolute; right: 6.8rem; top: 50%; transform: translateY(-1.8rem); padding: 0;}
.srch_bar .btn_search {width: 3.6rem; height: 3.6rem; background: url(../images/ico_search.svg) no-repeat center; background-size: 2.2rem auto; position: absolute; right: 2.6rem; top: 50%; transform: translateY(-1.8rem); padding: 0;}
.srch_bar .btn_dt {width: 7.7rem; background-color: #434355;}
.srch_bar .btn_dt span {background: url(../images/ico_plus.svg) no-repeat top center; background-size: 9px; color:#fff; font-size: 1.3rem; font-weight: 700; display: block; padding-top: 1.5rem;}

/* -------------------- 서브 헤더 ---------------------------------------- */
.sub_header .util_wrap {padding:1.7rem 0 .4rem;}
.sub_header .logo_head {padding: 0; display: none;}
.sub_head {max-width: 928px; width: 100%; margin: .4rem auto 0; padding-bottom:2rem; display:flex; align-items: flex-end; justify-content:center;}
.sub_head .tit {font-size:2rem; color:#504747; font-weight:300; margin-right: 2rem; margin-bottom:.3rem; display:block; line-height:1.2; letter-spacing:-0.05em;}
.sub_head .tit strong {font-weight:700; font-size:2.3rem;}
.sub_head .bar_wrap {flex:1; width: 100%;}
.sub_head .bar_wrap .r_opt {display:flex; padding-left:2.4rem; gap:3rem}
.sub_head .bar_wrap .r_opt .txt {font-weight:500;}
.sub_head .bar_wrap .r_opt button {padding-left:2.5rem; position:relative; font-weight:500;}
.sub_head .bar_wrap .r_opt button::before {display:block; content: ''; width:1.8rem; height:1.8rem; border-radius: 50%; background-color: #d47748; background-image: url(../images/ico_que.svg); background-size: 6px auto; background-repeat: no-repeat; background-position: center; position:absolute; left:0; top:0;}
.sub_head .srch_bar {width: 100%; max-width:783px; height:5.8rem; margin-top:1rem;}

/* ============================== [ #footer ] ========================================================================================== */
#footer {background-color: #f6f6f6;}
.f_site {border-top:1px solid #e7e8ec; border-bottom: 1px solid #e7e8ec; background-color: #fff;}
.f_site .inner {display:flex; align-items:center;}
.f_site .about_site ul {display:flex;}
.f_site .about_site ul li ~ li {margin-left:2.8rem; padding-left:2.8rem; position:relative;}
.f_site .about_site ul li ~ li::before {display:block; content: ''; width:1px; height:1.2rem; background-color: #cfcfcf; position:absolute; left:0; top:4px;}
.f_site .about_site ul li a {font-size:1.6rem; color:#454545; font-weight:600;}
.f_site .family_site {margin-left:auto; display:flex;}
.f_site .family_site .group {position:relative;}
.f_site .family_site button {position:relative; font-size:1.6rem; text-align: left; width:23rem; height:6rem; border-left: 1px solid #e7e8ec; border-right: 1px solid #e7e8ec; padding:0 4rem 0 2rem;}
.f_site .family_site .group ~ .group button {border-left: none;}
.f_site .family_site button::after {display:block; content: ''; width:1rem; height:1rem; background: url(../images/arr_site.svg) no-repeat center; position:absolute; right:2rem; top:calc(50% - 3px); transition: 0.3s;transform: rotate(180deg);}
.f_site .family_site button.active::after {transform: rotate(0deg);}
.f_site .family_site ul {display:none; position:absolute; left:0; bottom:calc(100% + 1px); background-color: #fff; border:1px solid #e7e8ec; border-bottom:none; width:100%;}
.f_site .family_site ul li ~ li a {border-top:1px solid #e7e8ec}
.f_site .family_site ul li a {font-size:1.4rem; padding:0.8rem 2rem; display:block;}
.f_site .family_site ul li a:hover {background:#f2f2f2; transition: 0.3s;}

.f_cop {padding-top:5rem;}
.f_cop .tit {font-size:2.4rem; font-weight:700;}
.f_cop ul {margin-top:2rem; display:flex; flex-wrap: wrap; gap:1rem 3rem;}
.f_cop ul li {position:relative; width:calc(50% - 1.5rem); display:flex; align-items:center; max-width: 580px;}
.f_cop ul li h4 {padding-left:8rem; font-size:1.8rem; letter-spacing: -0.05em; color:#3e3e3e; font-weight:700; width:23rem; height:5.6rem; line-height:5.6rem;}
.f_cop ul li:nth-child(1) h4 {background: url(../images/ico_prt_01.svg) no-repeat left center; background-size: 5.0rem auto;}
.f_cop ul li:nth-child(2) h4 {background: url(../images/ico_prt_03.png) no-repeat left center; background-size: 6.4rem auto;}
.f_cop ul li:nth-child(3) h4 {background: url(../images/ico_prt_02.png) no-repeat left center; background-size: 5.7rem auto;}
.f_cop ul li:nth-child(4) h4 {background: url(../images/ico_prt_04.png) no-repeat left -2px center; background-size: 7rem auto;}/*250920*/
.f_cop ul li .info {padding-left:1.8rem; position:relative; position:relative;}
.f_cop ul li .info::before {display:block; content: ''; width:1px; height:3.2rem; background-color: #cbcbcb; position:absolute; left:0; top:3px;}
.f_cop ul li .info p {line-height:2rem; letter-spacing: -0.05em;}
.f_cop ul li .info p strong {font-weight:600;}
#footer .copy {margin-top:4rem; padding-top:1.5rem; padding-bottom:2.4rem; border-top:1px solid #d6d6d6; display:flex; align-items:center; justify-content: flex-end;}
#footer .copy p {font-size:1.3rem; font-weight:500; color:#7a7a7a;}
#footer .copy a {margin-left:2rem; background: url(../images/open.svg) no-repeat 0 0; width:10.2rem; height:3.8rem; display:block; background-size: 100% auto;}

/* ============================== [ checkbox ] ========================================================================================== */
.form_chk {display: flex; align-items: center; cursor: pointer;}
.form_chk input {margin: 0; width: 1.6rem; height: 1.6rem; cursor: pointer;}
.form_chk .text {padding-left: 1rem; font-size: 1.5rem;}

/* ============================== [ 상단이동 ] ========================================================================================== */
.btn_fixed {display:none; flex-direction: column; position: fixed; width: 4rem; height: 7rem; right:1rem; bottom: 1rem; border:1px solid rgba(0,0,0,.13); border-radius: 2rem; background-color: rgba(255, 255, 255, .5); z-index:20;}
.btn_fixed a {display:block; height:3.5rem; background: url(../images/ico_top.svg) no-repeat center; background-size:1.1rem auto;}
.btn_fixed a ~ a {position:relative; transform: rotate(180deg);}
.btn_fixed a ~ a::after {display:block; content: ''; width:3rem; height:1px; background-color: #fff; position:absolute; left:5px; bottom:0;}

@media only screen and (max-width:1840px) {
	.main_search .opt {padding-right: 20%;}
}
@media only screen and (max-width:1540px) {
	.main_search .bg_cont {background-position:right -150px top -100px; background-size:620px auto;}
	@keyframes slideUp {
		from {background-position: right -150px top 50px;}
		to {background-position: right -150px top -50px;}
	}
}
@media only screen and (max-width:1340px) {
	.main_search .bg_cont {background-position:right -180px top -100px; background-size:580px auto;}
	@keyframes slideUp {
		from {background-position: right -180px top 50px;}
		to {background-position: right -180px top -50px;}
	}
}
@media only screen and (max-width:1240px) {
	.menu_container .btn_close {right:30px;}
	.main_search .bg_cont {background-position:right -100px top -20px; background-size: 483px auto;}
	@keyframes slideUp {
		from {background-position: right -100px top 180px;}
		to {background-position: right -100px top -20px;}
	}
}
@media only screen and (max-width:1180px) {
	.main_search h2 {font-size: 4.6rem;}
	.main_search .cont {max-width: 600px; width: 100%; padding: 0 20px;}
	.main_search .bg_cont {background-position:right top 90px; background-size: 380px auto;}
	@keyframes slideUp {
		from {background-position: right top 370px;}
		to {background-position: right top 90px;}
	}
	.f_cop ul li {width: 100%;}
	.f_cop ul li:nth-child(4) h4 {background: url(../images/ico_prt_04.png) no-repeat left -4px center; background-size: 7rem auto;}/*250920*/

}
@media only screen and (max-width:1024px) {
	.main_search .bg_cont {background-position:right top 140px; background-size: 300px auto;}
	@keyframes slideUp {
		from {background-position: right top 370px;}
		to {background-position: right top 140px;}
	}
	.f_cop ul li {width: 100%;}
	.f_cop ul li:nth-child(4) h4 {background: url(../images/ico_prt_04.png) no-repeat left -4px center; background-size: 7rem auto;}/*250920*/

}
@media only screen and (max-width:767px) {
	.sub_head {margin-top: 0;}
	.sub_head .srch_bar {margin-top: 0;}
	.sub_header .logo_head {padding: 10px 0; display: flex;}
	.sub_header .logo_head h1 a {font-size: 2rem;}
	.sub_head .bar_wrap .r_opt {display: none;}
	.sub_head .tit {display: none;}
	.main_search .cont {padding: 0 10px;}
	.main_search .bg_cont {padding: 30px 0 120px;}
	.main_search .bg_cont {background-position:right top 135px; background-size: 260px auto;}
	@keyframes slideUp {
		from {background-position: right top 355px;}
		to {background-position: right top 135px;}
	}
	.main_search h3 {display: none;}
	.main_search .txt {display: none;}
	.main_search h2 {margin-top: 0; padding-top: 0; text-align: left; line-height: 1.2em; font-size: 3rem;}
	.main_search h2::before {display: none;}
	.main_search h2 span {display: block;}
	.main_search .opt .keyword .btn_arr i {background-size: 10px auto;}
	.main_search .opt .r_opt button::after {width: 13px; height: 13px; background-size: 5px auto;}
	.main_search .opt {margin-top: 30px; justify-content:flex-start; padding-right: 0;}
	.main_search .opt .r_opt .form_chk {display: none;}
	.main_search .opt .r_opt button {margin-left: 20px;}
	.main_search .opt .keyword .view {width:130px; height:17px;}
	.main_search .opt .keyword .view::before {top:5px;}
	.srch_bar {border-radius: 0;}
	.srch_bar .srch_area {width: 100%;}
	.srch_bar input[type="text"] {border-radius: 5px; border-right: 1px solid #d4d3d4; padding-right: 55px;}
	.srch_bar .btn_dt {display: none;}
	.srch_bar .btn_char {display: none;}

	.f_site .inner {display: block; padding: 0 ;}
	.f_site .about_site {padding: 16px 0;}
	.f_site .about_site ul {justify-content: center;}
	.f_site .family_site .group {flex:1;}
	.f_site .family_site button {border-top:1px solid #e7e8ec; width: 100%;}

	.f_cop ul {gap:20px;}
	.f_cop ul li {display: block;}
	.f_cop ul li .info {padding: 10px 0 0 0;}
	.f_cop ul li .info::before {display: none;}

	.btn_fixed a {background-size: 10px auto;}
}

/* ************************************************************************************************************************************************************
						《 팝업 스타일 》
************************************************************************************************************************************************************ */

/* ============================== [ 팝업딤드 ] ========================================================================================== */
body.dim {overflow:hidden;}
body.dim:before {background-color:rgba(0, 0, 0, 0.88); content:""; position:fixed; left:0; top:0; height:100vh; width:100%; z-index:9990;}

/* ============================== [ 팝업공통 ] ========================================================================================== */
.popup {display:none; width: calc(100% - 40px); max-width:900px; padding-bottom:4rem; max-height: 95vh; position:fixed; left:calc(50%); top:50%; transform: translate(-50%, -50%); background-color: #fff; z-index:9999;}
.popup.pop_help {z-index:10000;}
.popup.pop_feedback {z-index:10000;}
.pop_head {position:relative; margin-bottom:3rem; padding:4rem 4rem 0;}
.pop_head .head_in {position:relative;}
.pop_head h2 {line-height: 1; font-size:2.4rem; font-weight:700; text-align:center; position:relative;}
.pop_close {width:1.9rem; height:1.9rem; padding:0; position:absolute; right:0; top:3px; background:url(../images/ico_pop_close.svg) no-repeat 0 0; background-size: 100% auto;}
.pop_content {overflow-y:auto; padding: 0 4rem;}
/* 팝업 스크롤 커스텀 */
.pop_content .mCSB_container {padding:0 6rem;}
.mCSB_inside>.mCSB_container {margin-right:0;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:6px; background-color: #e2e2e2 !important;}
.mCSB_scrollTools .mCSB_draggerRail {background-color: transparent;}
/* 팝업 컨텐츠 높이 */
.pop_content {max-height: calc(95vh - 134px);}
.pop_btn_plus .pop_content {max-height: calc(95vh - 223px);}

/* 팝업 하단 버튼 */
.btn_pop_wrap {display:flex; align-items:center; justify-content:center; margin-top:4rem; gap:8px; padding:0 10px;}
.btn_pop_wrap .btn {width: 100%; max-width:23rem; height:5rem; border-radius: 3px; font-size:1.6rem; font-weight:600;}
.btn_pop_wrap .btn.type_01 {background-color: #383846; color:#fff;}
.btn_pop_wrap .btn.type_02 {background-color: #e7e7e7; color:#434449;}

/* 검색 도움말 팝업 */
.tip_cont ~ .tip_cont {margin-top:5rem;}
.tip_cont h3 {font-size:1.7rem; font-weight:700; padding-bottom:1.5rem; border-bottom: 2px solid #404040;}
.tip_cont .group {margin-top:1.8rem; display:flex;}
.tip_cont .group ~ .group {margin-top:3rem;}
.tip_cont .group .label {background-color: #3e3e3e; color:#fff; font-size:1.5rem; font-weight:700; width:7.4rem; height:2.7rem; line-height:2.7rem; border-radius: 2rem; text-align:center;}
.tip_cont .group .txt_wrap {flex:1; padding-left:1.2rem; margin-left:1.2rem; padding-bottom:5px; border-left: 1px solid #ccc;}
.tip_cont .group .txt_wrap p {font-weight:600; font-size:1.6rem;}
.tip_cont .group .txt_wrap p.ex_txt {font-size:1.5rem; color: #3255bc; font-weight:500; margin-top:5px;}
.tip_cont .group .txt_wrap .ex_txt ~ .ex_txt {margin-left: 20px;}
.tip_cont .group .form_chk {align-items: flex-start;}
.tip_cont .group .form_chk .txt {margin-left:1rem;}
.tip_cont .group .txt_exp {font-size:1.5rem; font-weight:500; line-height:1.5em;}

/* 상세검색 팝업 */
.pop_dt_srch .btn_help {padding-left:2.2rem; position:absolute; right:4.5rem; top:3px;}
.pop_dt_srch .btn_help::before {display:block; content: ''; width:1.8rem; height:1.8rem; border-radius: 50%; background-color: #d47748; background-image: url(../images/ico_que.svg); background-size: 6px auto; background-repeat: no-repeat; background-position: center; position:absolute; left:0; top:0;}

.advn_wrap {border-top:2px solid #3e3e3f; padding-top:2.8rem;}
.advn_srch ~ .advn_srch {margin-top:2rem; padding-top:2rem; border-top:1px solid #d9d9d9;}
.advn_srch .tit {padding-left:1rem; font-weight:600;}
.advn_srch fieldset {display:flex; gap:8px; margin-top:9px;}
.advn_srch select {background: url(../images/arr_select.svg) no-repeat right 10px center; padding:0 3rem 0 1.8rem;}
.advn_srch .inpt_keywrod {display:flex; border:1px solid #b2b2b2; border-radius: 8px; flex:1; overflow:hidden;}
.advn_srch .inpt_keywrod select {width:12rem; border-radius: 8px 0 0 8px;}
.advn_srch .inpt_keywrod input {height:4.5rem; border-radius: 0 8px 8px 0; flex:1; border:none; padding:0 1.2rem;}
.advn_srch fieldset .r_btn {width:13.8rem; border:1px solid #b2b2b2; border-radius: 8px;}
.advn_srch .btn_add {text-align:left;}
.advn_srch .btn_add span {padding-left:50px; background: url(../images/ico_plus_bk.svg) no-repeat left 2.2rem center; background-size: 13px;}
.advn_srch .chk_set {margin-top:1.5rem; padding-left:1rem; display:flex; gap:1rem}
.advn_srch .chk_set .txt {width:10rem; font-size:1.5rem; font-weight:500; margin-left:1rem;}
.advn_srch .corp_sel {border:1px solid #b2b2b2; border-radius: 8px; width:100%; height:4.3rem; margin-top:1rem;}

/* 오류접수팝업 */
.pop_feedback .desc {padding-bottom:2rem; font-weight:500; color:#565656; text-align:center; border-bottom: 2px solid #3e3e3f;}
.pop_feedback .desc a {color:#2750ca; text-decoration: underline;}
.pop_feedback .fb_cont {margin-top:1.5rem;}
.pop_feedback .fb_cont ~ .fb_cont {padding-top:1.5rem; border-top:1px solid #b2b2b2;}
.pop_feedback .fb_cont .tit {display:flex; align-items:center; font-weight:600; padding-left:1rem; margin-bottom:1rem; line-height:1;}
.pop_feedback .fb_cont .page_info {color:#666565; padding-left:1rem; font-size:1.6rem;}
.pop_feedback .fb_cont select {width:21rem; height:4.5rem; border:1px solid #b2b2b2; border-radius: 8px; background: url(../images/arr_select.svg) no-repeat right 10px center; padding:0 3rem 0 1.8rem;}
.pop_feedback .fb_cont .tit span {flex:1; padding-left:1rem; margin-left:1rem; border-left: 1px solid #cbcbcb; font-size:1.3rem; font-weight:400; line-height: 1.4;}
.pop_feedback .fb_cont .tit ~ .tit {margin-top:1.5rem;}
.pop_feedback .fb_cont textarea {padding:1.5rem; resize: none; height:16rem; border:1px solid #b2b2b2; border-radius: 8px; width:100%;}
.pop_feedback .fb_cont .btn_file {position:relative;}
.pop_feedback .fb_cont .btn_file .btn {padding:0 5rem 0 1.5rem; height:4.5rem; width:100%; border:1px solid #b2b2b2; border-radius: 8px; display:flex; align-items:center; cursor:pointer; background: url(../images/ico_upload.svg) no-repeat right 2rem center;}
.pop_feedback .fb_cont .btn_file .btn span {line-height:1; display:block;}
.pop_feedback .fb_cont .btn_file input[type="file"] {overflow:hidden; font-size:0; line-height:0; position:absolute; left:-10%; top:-10%; height:0; width:0;}
.pop_feedback .fb_cont .number_area {display: inline-block; vertical-align: middle; width: 15.3rem; height: 4.6rem;}
.pop_feedback .fb_cont .number_area img {display: block; width: 100%;}
.pop_feedback .file_wrap {margin-top:1rem; display:flex; flex-wrap: wrap; padding:0 7px; gap:1.5rem;}
.pop_feedback .file_wrap .file_li {display:flex; align-items:center; gap:8px;}
.pop_feedback .file_wrap .file_name {font-size:1.3rem;flex:1; word-break: break-all;}
.pop_feedback .file_wrap .btn_del {width:15px; height:15px; background-color: #3366ff; border-radius: 50%; background-image: url(../images/ico_del_file.svg); background-repeat:no-repeat; background-size: 7px; background-position: center;}
.pop_feedback .input_num {margin-left:1.5rem; height:4.5rem; width:18.2rem; border:1px solid #b2b2b2; border-radius: 8px; padding:0 1.5rem;}

/* 문자입력기팝업 */
.pop_char {max-width:990px;}
.pop_char .inpt_char {border:1px solid rgba(0, 0, 0, 0.15); display:flex; height:4.6rem;}
.pop_char .inpt_char input {border: none; flex:1; padding:0 2.4rem;}
.pop_char .inpt_char button {width:11rem; background-color: #4769d0; font-size:1.5rem; font-weight:600; color:#fff;}
.pop_char .tab {margin-top:13px;}
.pop_char .tab ul {display:flex;}
.pop_char .tab ul li {flex:1; border:1px solid rgba(0, 0, 0, 0.15); border-bottom: none;}
.pop_char .tab ul li ~ li {border-left: none;}
.pop_char .tab ul li a {display:flex; align-items:center; justify-content:center; text-align:center; font-size:1.5rem; font-weight:500; width:100%; height:5rem; padding:0 5px; word-break:keep-all;}
.pop_char .tab ul li a.active {background-color: #4769d0; color:#Fff; font-weight:700;}
.pop_char .group {display:none; border:1px solid #7f7f7f;}
.pop_char .group.active {display:flex;}
.pop_char .group .l_cont,
.pop_char .group .r_cont {padding-bottom:2rem;}
.pop_char .group .r_cont {border-left: 1px solid #d7d8d9; flex:1;}
.pop_char .group .tit_area {padding:2rem 2rem 1rem; display:flex; align-items:center; justify-content:space-between;}
.pop_char .group .tit_area p {font-size:1.5rem; font-weight:600; line-height:3.5rem;}
.pop_char .group .tit_area select {background: url(../images/arr_select.svg) no-repeat right 10px center; background-size: 9px 5px; padding:0 3rem 0 1.5rem; border:1px solid #b2b2b2; border-radius: 7px; width:9rem; height:3.5rem;}
.pop_char .group .scroll_area {height: 39vh; padding: 0 0 0 18px; overflow-y: auto;}
.pop_char .group .scroll_area .mCSB_container {padding:0 2rem;}
.pop_char .group .scroll_area .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width: 4px;}
.pop_char .group .char_li {display:flex; flex-wrap: wrap; padding-bottom: 2px;}
.pop_char .group .char_li ~ .char_li {margin-top:1.6rem; padding-top:1.6rem; border-top:1px solid #c5c6c8;}
.pop_char .group .char_li button {font-size:2.2rem; font-weight:500; width:4.5rem; height:4.5rem; border:1px solid #e9e9e9; transition: 0.1s; font-family: 'simsun', 'PretendardGOV','맑은고딕', '나눔고딕', 'YetHangul', '돋움',sans-serif;}
.pop_char .group .char_li button.active {border-color:#9a9a9a !important; background-color: #f0f0f0;}
.pop_char .group .char_li button:hover {border-color:#646464;}
.pop_char .group .char_label {display:flex; flex-wrap: wrap; gap:1px;}
.pop_char .group .char_label button {padding:2px 9px; border:1px solid #9a9a9a; border-radius: 5px; font-size:1.2rem;}
.pop_char .group .code_srch {display:flex; gap:5px;}
.pop_char .group .code_srch input {width:14.6rem; height:3.5rem; border-radius: 10px; padding:0 1.2rem; border:1px solid rgba(0, 0, 0, 0.3)}
.pop_char .group .code_srch button {width:7.4rem; height:3.5rem; color:#fff; border-radius: 10px; background-color: #4769d0; border:1px solid rgba(0, 0, 0, 0.3); font-weight:700;}
.pop_char .group .info_txt {padding-top:2rem; font-size:1.5rem; line-height:1.5em;}
.pop_char .group .char_tb {margin-top:2rem; border-top:1px solid #aaaaaa;}
.pop_char .group .char_tb thead th {background-color: #f5f5f5; padding:2rem 0; font-weight:600; border-bottom:1px solid #dddddd;}
.pop_char .group .char_tb td {border-bottom:1px solid #dddddd; text-align:center; padding:2px 0;}
.pop_char .group .char_tb td:nth-of-type(2n+1) {font-size:2.4rem; font-weight:600;}

.pop_char .group:nth-child(1) .l_cont {width:26.5rem;}
.pop_char .group:nth-child(2) .l_cont {width:28.5rem;}
.pop_char .group:nth-child(3) .l_cont {width:35.5rem;}
.pop_char .group:nth-child(4) .l_cont {width:35.5rem;}
.pop_char .group:nth-child(6) .l_cont {width:26rem;}
.pop_char .group:nth-child(7) .l_cont {width:28.2rem;}
.pop_char .group .char_li.char_k button {font-size:1.5rem; width:3.5rem; height:3.5rem;}
.pop_char .group .char_li.char_num button {font-size:1.2rem; width:3.1rem; height:3.1rem;}
.pop_char .group .char_li.char_cs button {width:8rem; height:3.7rem; font-size:1.6rem; font-weight:500;}

@media only screen and (max-width:1240px) {
	.pop_head {padding: 6rem 2rem 0;}
	.pop_content {padding: 0 2rem;}
	.pop_content .mCSB_container {padding: 0 2rem;}
}
@media only screen and (max-width:767px) {
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width: 3px;}
	.popup {width: calc(100% - 20px); padding-bottom: 40px;}
	.pop_head {padding: 20px 10px 0;}
	.pop_content {padding: 0 10px;}
	.pop_content .mCSB_container {padding: 0 10px;}
	.pop_dt_srch, .pop_char {display: none;}
	.btn_pop_wrap {margin-top: 20px;}
	.tip_cont ~ .tip_cont {margin-top: 30px;}
}