header .wrap {background: rgba(255,255,255,1);}
header.active {background: rgba(255,255,255,1); box-shadow: 0 0 12px rgba(0,0,0,0.2);}
header .logo {background-image: url("../images/logo_on.png");}

body:has(#emailRefuse) {height: auto;}
body:has(#emailRefuse) header,
body:has(#emailRefuse) footer,
body:has(#emailRefuse) aside {display: none;}

input, select {border-radius: 8px; height: 48px;}
textarea {border-radius: 8px; width: 100%; min-width: 100%; min-height: 240px; padding: 10px;}
input[type="radio"] {display: none;}
input[type="radio"]:checked + label {background-image: url("../images/radio_o.png");}
input[type="radio"] + label {display: inline-block; width: 100%; cursor: pointer; background-image: url("../images/radio.png"); background-repeat: no-repeat; background-size: 20px 20px; background-position: left center; padding-left: 27px;}
[type="checkbox"], [type="radio"] {accent-color: var(--color-blue);}

.com_tab{margin-bottom: 40px;display: grid;grid-template-columns: repeat(auto-fit, minmax(20%, auto));gap: 5px;}
.com_tab.tab2{grid-template-columns: 50% 50%;}
.com_tab li{cursor: pointer;text-align: center;box-sizing: border-box;transition: background 0.3s;position: relative;z-index: 5;/* border-right: 1px solid #fff; *//* border-bottom: 1px solid #fff; */}
.com_tab li a,.com_tab li button{width: 100%;height: 100%;display: block;border: 1px solid #ccc;border-radius: 5px;}
.com_tab li img{display:none;padding-left: 5px;vertical-align: middle;}
.com_tab li.active a,.com_tab li.active button{background: #063592;color: #fff;border-color: #063592;}
.com_tab li.active img{display:inline-block;}
.com_tab li.active span{text-decoration:underline;text-underline-position: under;text-decoration-color: rgba(999,999,999,0.5);}
.tabpanel_wrap .tabpanel {height: 0px;visibility: hidden;position: absolute;width: 100%;overflow: hidden;}
.tabpanel_wrap .tabpanel .com1:first-child{margin-top: 30px;}
.tabpanel_wrap>.active{height: auto;visibility: visible;position: static;}

@media(max-width: 1024px){
	.com_tab{grid-template-columns: repeat(auto-fit, minmax(30%, auto));}
	.com_tab li{font-size:15px;}
}
@media(max-width:800px){
	.com_tab{grid-template-columns: repeat(auto-fit, minmax(48%, auto));}
}
@media(max-width:700px){
	.com_tab:before{width: calc(100% + 10px);height: calc(100% + 10px);left: -6px;top: -6px;}
}
@media(max-width:450px){
	.com_tab li:nth-of-type(2n){border-right:0;}

	input, select {height: 44px;}

	textarea {min-height: 140px;}
}

.sub_top{text-align: center;position: relative; margin-top: 160px;}
.sub_top section{position: relative; height: 285px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; transition: all .3s;}
.sub_top section p{font-size: 64px;color: var(--color-white);font-weight: 700; position: relative; z-index: 1;}
.sub_top section span{color: #000;}
.sub_top section * {transition: all .3s;}
.sub_top .sub_top_bg{width: 100%;height: 100%;object-fit: cover;object-position: 50% 75%; position: absolute; top: 0; left: 0; border-radius: 40px;}
.sub_top .route{display: flex;align-items: center; justify-content: center; font-size: 16px;font-weight: 300;gap: 16px; z-index: 1; color: #fff;}
.sub_top .route li{position: relative;}
.sub_top .route li.home{color: var(--color-yellow);}
.sub_top .route li.home a {vertical-align: text-top; line-height: 1;}
.sub_top .route li:not(:last-child)::before{content: ''; width: 1px; height: 8px; background: #fff; position: absolute; top: 50%; right: -10px; transform: translateY(-50%);}
.sub_top .route li:last-child{margin:0;}
.sub_top .route li:last-child:before{display:none;}
.sub_top .depth2 li a i{margin-left:5px;font-size: 0.8em;}

.sub_content{font-size: 18px;}
.sub_content.has_pd_none{padding-left:0;padding-right:0}
.sub_content_wrap{position: relative;z-index: 2;}
.sub_content_wrap#emailRefuse {margin: 10px; text-align: center;}
.sub_content_wrap#emailRefuse h2 {margin-top: 20px; width: fit-content;}

.sub_tit{display: flex;justify-content: space-between;margin-top: 15px;border-bottom: 1px solid #d5d5d5;padding-bottom: 10px;width:100%;}
.sub_tit h1{font-size: 1.8em;position: relative;/*padding-left: 33px;*/}
/*.sub_tit h1:before{content:"";width: 23px;height: 20px;background: url(../images/sub/sub_tit.png) no-repeat;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}*/
.font_control{display:flex;align-items:center;gap: 7px;font-size: 0.9em;}
.font_control p{font-weight:400;}
.font_control button{border:1px solid #d5d5d5;border-radius: 500px;font-size: 10px;width: 20px;height: 20px;color: #003594;font-weight: 700;display: flex;align-items: center;justify-content: center;}
.font_control .print{margin-left:5px;font-size:1.05em;}

.page_charge{background: #fafaff;border: 2px solid #003594;border-radius: 10px;display: flex;padding: 9px;flex-wrap: wrap;}
.page_charge li{flex: 1 0 auto;text-align: center;padding: 7px 25px;box-sizing: border-box;}
.page_charge li{display: flex;align-items: center;justify-content: center;gap: 7px;}
.page_charge li:last-child{border:0;}
.page_charge li p{font-weight:600;}
.page_charge li span{font-weight:400;padding-left: 10px;border-left: 1px solid #777;margin-left: 4px;}

.in_state{max-width: 85%;width: 160px;display: block;border-radius: 5px;padding: 9px 5px;margin: 0 auto;}

.search_form_top{background: #F2F5FA;padding: 30px 10%;display: flex;gap: 10px;margin-bottom: 30px; border-radius: 8px;}
.search_form_top select{background-color:#fff;border-radius: 5px;width: 150px;}
.search_form_top input{border-radius: 5px;flex: 1 0 0;min-width: 1px;}
.search_form_top button{background:var(--bg-navy);color:#fff;border-radius:5px;width:100px;}

.table_shape_tit{background: #F2F5FA;padding: 35px 25px;border-top: 1px solid #184F9C;}
.table_shape_tit h1{font-size: 1.6em;padding-left: 30px;position: relative;}
.table_shape_tit h1:before{content:"";width: 23px;height: 20px;background: url(../images/sub/sub_tit.png) no-repeat;position: absolute;left: 0;top: 50%;top: 6px;}
.table_shape_tit p{font-size:1.2em;font-weight: 700;}
.table_shape_tit p+span{padding-left:0;}
.table_shape_tit span{padding-left: 30px;}
.table_shape.input_form .btn-upload {vertical-align: top;background: #e3ebf8;border-radius: 6px;border: 0;color: #000;padding: 10px;/* width: 100%; */font-size: 0.9em;max-width: 100%;margin-left: 0;}
.write_num{display: flex;justify-content: space-between;margin-top: 10px;}
.table_shape.input_form .td_shape.textarea_write textarea{height: 500px;}
.table_shape.edu_form {border-top: 2px solid var(--main-color2);}
.table_shape.edu_form .td_shape {border-left: 1px dashed #cfcfcf;}

.employ .step{display: flex;border-top: 1px solid #184F9C;border-bottom: 1px solid #ccc;}
.employ .step+.table_shape{border-top:0;}
.employ .step li.active{background:#F2F5FA;color:var(--bg-navy);font-weight: 600;}
.employ .step li{flex:1 0 50%;text-align: center;display: flex;align-items: center;justify-content: center;font-size: 1.2em;height: 110px;}
.employ .final{border: 1px solid #aaa;border-radius: 10px;text-align: center;width: 700px;margin: 0 auto;margin-top: 50px;overflow: hidden;max-width: 100%;}
.employ .final .top{background: #daf6f5;padding: 35px 0;border-bottom: 1px solid #aaa;}
.employ .final .top p{font-size: 1.9em;font-weight: 600;}
.employ .final table{width:80%;margin:40px auto;}
.employ .final th ul.tm_list{margin: 0!important;}
.employ .final th ul.tm_list li{font-size:inherit;}
.employ .final table th{width:100px;}

/* 드래그 & 드롭 */
.table_shape.input_form .td_shape.file_drop {}
.table_shape.input_form .td_shape.file_drop .fileWrap { display:flex; gap: 10px; }
.table_shape.input_form .td_shape.file_drop button { padding: 3px 10px; min-width: auto; width: auto; flex: none; }
.table_shape.input_form .td_shape.file_drop button.btn-upload { vertical-align: top; display: none;}
.table_shape.input_form .td_shape.file_drop button i { margin-right:10px; font-weight:100; font-size: 14px; }
.table_shape.input_form .td_shape.file_drop ol { display:inline-block; width: 100%; height: 100%; padding: 6px; box-sizing: border-box; min-height: 50px; margin: 0; border-radius: 5px; border: 1px solid #D7D7D7;}
.table_shape.input_form .td_shape.file_drop ol:not(:has(li)) {border: 0; min-height: 0; height: 0; padding: 0;}
.table_shape.input_form .td_shape.file_drop ol li {padding: 5px;}
.table_shape.input_form .td_shape.file_drop ol button {font-weight:400;background: #555;margin-left: 0;}
.table_shape.input_form .td_shape.file_drop ol .btn_delete,
.table_shape.input_form .td_shape.file_drop ol .btn_img_upload,
.table_shape.input_form .td_shape.file_drop ol .file_view {border-radius: 3px;background: #999;color: #fff;padding: 4px 6px;margin-left: 3px; min-height: 32px;}
.table_shape.input_form .td_shape.file_drop ol .btn_delete {background: var(--color-pink2); border: 0; font-size: 0.85rem; vertical-align: middle;}
.table_shape.input_form .td_shape.file_drop ol button i{margin-right:0;opacity: 1;font-size: 0.8rem;}
.table_shape.input_form .td_shape.file_drop .dropzone{position:relative; border: 2px dashed #ddd; border-radius: 22px; padding: 30px 30px 60px; text-align:center; transition:.25s ease; overflow:hidden;}
.table_shape.input_form .td_shape.file_drop .dropzone:hover{border-color: var(--color-blue);}
.table_shape.input_form .td_shape.file_drop .dropzone .dz-desc u {width: 100%; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); display: flex; align-items: flex-end; justify-content: center; text-underline-offset: 3px; cursor: pointer;}
.table_shape.input_form .td_shape.file_drop .dropzone .dz-desc u p {padding-bottom: 36px;}
.table_shape.input_form .td_shape.file_drop .dropzone .dz-accent{color: var(--color-blue);}
.table_shape.input_form .td_shape.file_drop .dropzone + .fileWrap ol:has(li) {margin-top: 10px;}
.table_shape.input_form .td_shape.file_drop .dropzone.is-dragover{ border-color: var(--color-navy);}
.table_shape.input_form .td_shape.file_drop .dropzone.is-dragover .dz-accent {color: var(--color-navy);}
.table_shape.input_form .td_shape.file_drop:not(:has(.dropzone)) button.btn-upload {display: block;}

.file_drop h1 { text-align: center; color: #8a8a8a; font-size: inherit; padding: 15px 0; }
.table_shape.input_form .file_drop h1 button { vertical-align: bottom; }
.file_drop h1 i { opacity:0.5; margin-right:8px; }
.file_drop h1 button { padding: 0!important; border: 0!important; background: none!important; color: #000!important; width: auto!important; text-decoration: underline; text-underline-position: from-font; }
.file_drop li { padding: 3px 15px; }
.file_drop li:hover { background: rgba(251,195,74,0.2); }
.file_drop li i { opacity:0.7; margin-right:7px; }
.file_drop li button:not(.file_view) { padding: 0 8px!important; border: 0!important; width: auto!important; }

.img_box{border: 1px dashed #ccc;border-radius: 10px;padding: 30px;text-align: center;}

.table_caption{font-size:0.9em;color:#555;}

.board_view{border-bottom: 1px solid #ddd;}
.board_view+.table_shape{border-top: 0;}
.board_view .uploadResultWrap{background: #edf6f9;width: 95%;margin: 0 auto;padding: 25px 35px;box-sizing: border-box;border-radius: 10px;margin-top: 50px;margin-bottom: 40px;}
.board_view .text{border-bottom: 0;overflow-x: auto;}
.board_view .text *{max-width: 100%!important;box-sizing:border-box;}
.board_view .text table{table-layout: auto;}
.board_view .uploadResultWrap .fileDown{color:var(--bg-navy);}
.board_view .uploadResultWrap .fileDown i{font-size: 0.9em;margin-right: 10px;}
.board_view .uploadResultWrap li+li{margin-top: 5px;}
.board_view .uploadResultWrap .file_view{border: 1px solid #959595;background: none;color: #5a5a5a;margin-left: 3px;padding: 2px 6px 0;width: auto;font-size: 0.85em;background: #959595;color: #fff;vertical-align: top;border-radius: 3px;}
.board_view .uploadResultWrap .file_view i{margin-right:5px;}

.disclosure_list section{border: 1px solid #ccc;border-radius: 10px;padding: 20px;display: flex;align-items: start;gap: 40px;margin-bottom: 50px;}
.disclosure_list section div{flex: 1 0 0;}
.disclosure_list section ul.tm_list{margin: 0!important;font-weight: 700;}
.disclosure_list section ul.tm_list li{margin:0;}
.disclosure_list section ol{display: grid;grid-template-columns: repeat(auto-fill, minmax(190px, auto));gap: 10px;margin-top: 13px;}
.disclosure_list section ol a{border: 1px solid #ccc;border-radius: 500px;width: 100%;display: block;text-align: center;padding: 3px;font-weight: 400;}
.disclosure_list section ol a:hover{background:var(--bg-navy);color:#fff;border-color:var(--bg-navy);}
.disclosure_list section:last-child{margin-bottom:0;}
.faq ul p>i{border-color:#0A469A;color:#0A469A;}

.branch{display: grid;grid-template-columns: repeat(auto-fill, minmax(361px, auto));gap: 20px;}
.branch section{border: 1px solid #aaa;border-radius: 8px;display: flex;flex-direction: column;overflow: hidden;}
.branch section .top{padding: 20px 15px;border-bottom: 1px solid #ddd;}
.branch section .top h1{background: var(--bg-navy);color: #fff;border-radius: 500px;font-size: 1.1em;padding: 4px 20px;display: inline-block;}
.branch section ul.tm_cir{margin: 0!important;padding: 20px;flex-grow: 1;background: url(../images/sub/branch_bg.png) no-repeat;background-position: -20px calc(100% + 80px);font-size: inherit;}
.branch section ul.tm_cir li{display:flex;margin-bottom: 12px;}
.branch section ul.tm_cir li:last-child{margin-bottom:0;}
.branch section ul.tm_cir p{font-weight:700;flex: 0 0 75px;}
.branch section>button{background: #3CB5B3;color: #fff;padding: 10px;}
.branch_top_map.root_daum_roughmap_landing{width: 100%;margin-bottom: 30px;}
.branch_top_map.root_daum_roughmap .wrap_map{height: 500px;}
.map_pop{position: fixed;width: 100%;top: 0;left: 0;height: 100%;z-index: 9;left: -100%;}
.map_pop .bg_cover{background: rgba(9,9,9,0.5);width: 100%;top: 0;left: 0;height: 100%;position:absolute;transform: none;max-width: none;max-height: none;}
.map_pop.show{left: 0;}
.map_pop .map_pop_close{color: #fff;background: #063592;border-radius: 5px;position: absolute;right: 10px;z-index: 9;top: 10px;width: 38px;height: 38px;font-weight: 900;display: flex;align-items: center;justify-content: center;}
.map_pop .move_none{position:absolute;width:100%;height: calc(100% - 30px);z-index: 8;}
.map_pop>div{max-width: 1050px;width:90%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-height: 60%;background: #fff;overflow-y: scroll;}
.map_pop>div .root_daum_roughmap{width:100%;/* height: 300px; */}
.map_pop>div .wrap_map{height: 300px;}
@media (orientation: landscape) {
	.map_pop>div{top:calc(50% + 50px)}
}

.charter ul{margin: 50px 0;display: flex;flex-wrap: wrap;gap: 0 40px;}
.charter ul li{flex:1 0 45%;border-bottom: 1px solid #ddd;display: flex;align-items: center;gap: 20px;padding: 30px 5px;word-break: keep-all;font-weight: 400;max-width: calc(50% - 30px);padding-top: 15px;}
.charter ul li p{font-weight: 700;font-size: 1.5em;flex-shrink: 0;padding-left: 50px;background: url(../images/sub/branch_bg.png) no-repeat;background-size: auto 100%;background-position: left bottom;padding-top: 16px;}
.charter ul li span{padding-top: 16px;}
.charter .name{text-align: center;display: flex;align-items: center;justify-content: center;gap: 20px;margin-top: 50px;color: #6a6a6a;font-size: 1.2em;}
.charter .name img{transform:translateY(-5px);}
.charter p.tac{font-size:1.2em;word-break: keep-all;}

.step_layout{display: flex;}
.step_layout.ver2{font-size:1.15em}
.step_layout section{flex:1 0 0;text-align: center;position: relative;}
.step_layout section p:after{content:"";position:absolute;width: 16px;height: 17px;background:url(../images/sub/arrow03.png) no-repeat;right: -9px;}
.step_layout.ver2 section p:after{width:2px;height:2px;background:#fff;right: -1px;top: 50%;transform: translateY(-50%);}
.step_layout.ver2 section p{height:auto;margin-bottom: 20px;}
.step_layout section p{position: relative;color: #fff;padding: 15px 32px;font-size: 1.2em;/* margin-bottom: 25px; */height: 100%;box-sizing: border-box;display: flex;align-items: center;justify-content: center;}
.step_layout section p:before{content: '';background: #38aeff;position: absolute;border-radius: 500px;width: calc(100% + 60px);height: 100%;left: 50%;z-index: -1;top: 0;transform: translateX(-50%);opacity: 0.8;}
.step_layout section:nth-of-type(2n) p:before{background:#0f86d8;}
.step_layout section:nth-of-type(3n) p:before{background: #0d68a8;}
.step_layout section:nth-of-type(4n) p:before{background:#003594;}
.step_layout section:first-child p:before{width:calc(100% + 30px);left: 0px;transform:none;}
.step_layout section:last-child p:before{width:calc(100% + 30px);left: inherit;transform:none;right: 0;}
.step_layout section:last-child p:after{display: none!important;}
.step_layout section ul.tm_cir{margin:0!important;display: inline-flex;flex-direction: column;align-items: center;font-weight: 500;font-size: inherit;}
.step_layout section ul.tm_cir li{display:inline-block;}
.step_layout section ul.tm_cir li::before{transform:translateY(1px)}
.step_layout.ver2 section ul.tm_cir li:before{top: 14px;}

.dash_layout{display:flex;gap: 20px;}
.dash_layout section{flex:1 0 0;border: 1px dashed #ccc;border-radius:10px;padding: 15px 20px;}
.dash_layout section ul.tm_cir{margin:12px 0!important;display: flex;flex-direction: column;align-items: center;font-size: inherit;}
.dash_layout section ul.tm_cir li{margin-bottom:12px;}
.dash_layout section ul.tm_cir li::before{transform:translateY(1px)}
.dash_layout section ul.tm_cir li:last-child{margin:0;}

.heart{text-align: center;margin: 30px 0;}

.gybc{border: 1px dashed #ccc;margin-top: 100px;padding: 50px;text-align: center;border-radius: 10px;}
.gybc p{background: #2467c0;color: #fff;font-weight: 600;font-size: 1.1em;border-radius: 500px;display: inline-block;width: 140px;padding: 4px 0;margin-bottom: 20px;margin-top: 15px;}
.gybc ul.tm_cir{margin:0!important;display: flex;flex-direction: column;align-items: center;font-weight: 500;font-size: inherit;}
.gybc ul.tm_cir li{display:inline-block;word-break: keep-all;}
.gybc ul.tm_cir li::before{transform:translateY(1px)}
.gybc section{max-width: 1132px;margin: 0px auto;display: flex;gap: 15px;padding: 0 37px;box-sizing: border-box;}
.gybc div{display:inline-block;flex: 1 0 0;}
.gybc div img{display:none;}

.procedure .procedure_img{margin: 40px auto;display: block;margin-bottom: 100px;}
.procedure section{display: grid;grid-template-columns: 35% 1fr;border-top: 1px solid #1E4DA0;border-bottom: 1px solid #ccc;}
.procedure section div{padding: 30px;display: flex;align-items: center;}
.procedure section div:nth-of-type(1){background: #F0F1F4;border-right: 1px solid #ccc;gap: 20px;}
.procedure section div p{color: #a0c2ff;font-size: 3em;font-weight: 900;line-height: 1;letter-spacing: -3px;flex-shrink: 0;}
.procedure section div span{padding-top: 4px;}
.procedure section div span em{font-weight: 600;display: block;}
.procedure ul.tm_cir{margin:0!important;font-size: inherit;}
.procedure ul.tm_cir li::before{transform:translateY(1px)}
.procedure ul.tm_cir li{margin-bottom:20px;}
.procedure ul.tm_cir li:last-child{margin-bottom:0;}
.procedure .arrow{display: block;margin: 23px auto;}

/* 달력 */
.Tcalendar .calendar_wrap table td p { text-align: left; }
.Tcalendar ul.Tcir { margin-left: 0px !important; }
.Tcalendar .calendar_wrap table td:first-child p, .Tcalendar .calendar_wrap table th:first-child { color: rgb(232, 32, 32); }
.Tcalendar .calendar_wrap table td:last-child p, .Tcalendar .calendar_wrap table th:last-child { color: var(--color-blue); }
.Tcalendar .calendar_wrap table td .calendar_item {display: flex;/* margin-top: 10px; */flex-direction: column;}
.Tcalendar .calendar_wrap table td .calendar_item a:nth-of-type(n+2){margin-top: 5px;}
.Tcalendar .calendar_wrap table td .calendar_item .item { display: flex; align-items: center; gap: 5px; }
.Tcalendar .calendar_wrap table td .calendar_item .tag {padding: 0px;min-width: 22px;height: 22px;display: flex;align-items: center;border-radius: 3px;justify-content: center;margin: 0;}
.Tcalendar .calendar_wrap table .today p { background: #9dc0ed; color: rgb(255, 255, 255); min-width: 45px; min-height: 25px; display: inline-flex; align-items: center; justify-content: center; border-radius: 90px; padding: 0px; }
.Tcalendar table{border:1px solid #CFCFCF;border-top:2px solid #777;margin-top: 11px;border-left: 0;border-right: 0;}
.Tcalendar table th{border-width: 1px 0px 0px 1px; border-right-style: initial; border-bottom-style: initial; border-right-color: initial; border-bottom-color: initial; border-image: initial; padding: 13px 0px; border-top-style: solid; border-top-color: rgb(232, 232, 232); font-size: 1.3em; background: rgb(247, 250, 255); border-left-style: solid; border-left-color: rgb(217, 217, 217);}
.Tcalendar table td{padding: 7px;border-top: 1px solid #CFCFCF;border-left: 1px solid #CFCFCF;border-right: 1px solid #CFCFCF;vertical-align: top;}
.Tcalendar table td.outline{outline:2px solid #525252;outline-offset: -1px;}
.Tcalendar table td button{width:100%;text-align: left;min-height: 80px;display: flex;flex-direction: column;}
.Tcalendar table td p{text-align:right;width: 100%;font-size: 1.05rem;padding-bottom: 2px;}
.Tcalendar table td div{width: 100%;}
.Tcalendar table td > div { min-height: 90px; position: relative; }
.Tcalendar table td > div a:hover { text-decoration: underline; }
.Tcalendar table .calendar_info.active { display: block; }
.Tcalendar table tr td:last-child .calendar_info { left: inherit; right: 40%; }
.Tcalendar table .calendar_info { position: absolute; left: 40%; background: rgb(255, 255, 255); border: 1px solid rgb(44, 122, 204); border-radius: 10px; overflow: hidden; z-index: 9; width: 300px; top: 25px; display: none; }
.Tcalendar table .calendar_info .h1 { background: rgb(44, 122, 204); margin: 0px; padding: 6px 40px 6px 15px; color: rgb(255, 255, 255); font-size: 1.1em; }
.Tcalendar table .calendar_info ul { padding: 0px 15px; }
.Tcalendar table .calendar_info ul li { padding: 13px 0px; }
.Tcalendar table .calendar_info ul li + li { border-top: 1px dashed rgb(204, 204, 204); }
.Tcalendar table .calendar_info ul li span { margin: 0px; padding-left: 80px; display: block; }
.Tcalendar table .calendar_info ul li span em { width: 70px; }
.Tcalendar table .calendar_info button { position: absolute; color: rgb(255, 255, 255); top: 0px; right: 10px; width: auto; min-height: auto; font-size: 1.5em; }
.Tcalendar table td div span { font-size: 0.8em; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; margin-top: 3px; position: relative; padding-left: 30px; }
.Tcalendar table td div span.orange { color: rgb(248, 95, 15); }
.Tcalendar.program table td div span.orange { color: rgb(0, 0, 0); }
.Tcalendar table td div span.blue {color: rgb(0 104 183);}
.Tcalendar table td div span.blue em { background: rgb(0 104 183); color: rgb(255, 255, 255); }
.Tcalendar table td div span.orange em { background: rgb(248, 95, 15); }
.Tcalendar table td div span em { border-radius: 6px; font-size: 0.9em; font-weight: 300; color: rgb(255, 255, 255); width: 22px; display: inline-block; text-align: center; position: absolute; left: 0px; top: 0px; }
.Tcalendar table td div span.green em { background: var(--accent-1-color); }
.Tcalendar.ver2 table td p em.green { position: static; background: rgb(21, 155, 84); color: rgb(255, 255, 255); font-size: initial; width: auto; border-radius: 30px; padding: 0px 9px; font-weight: 300; display: inline-block; margin-left: 10px; transform: translateY(-2px); }
.Tcalendar .calendar_wrap table td.outline { outline: none; }
.Tcalendar .calendar_wrap table {border: none;text-align: left;min-height: 500px;margin: 0;}
.Tcalendar .calendar_wrap { border: 1px solid rgb(227, 229, 237); text-align: center; border-radius: 15px 15px 0px 0px; }
.Tcalendar .ymd { margin: 40px 0px; display: flex; justify-content: space-between; align-items: center; padding: 0px 6%; }
.Tcalendar .calendar_wrap table td:first-child { border-left: 0px; }
.Tcalendar .calendar_wrap table td:last-child { border-right: 0px; }
.Tcalendar .ymd button {font-size: 1em;opacity: 1;border-radius: 10px;width: 45px;height: 45px;padding-right: 1px;}
.Tcalendar .ymd button.today_btn:hover {border: 1px solid var(--color-blue) !important;!i;!;color: var(--color-blue) !important; !important; !important; !important;) !important;) !important;) !important;) !important;!i;!;background: #fff !important;!i;!;}
.Tcalendar .ymd button i { transition: none; }
.Tcalendar .ymd button:nth-of-type(2) { padding-right: 0px; padding-left: 1px; }
.Tcalendar .Tbtn_wrap { gap: 20px; }
.Tcalendar .Tbtn_wrap .bg_white { font-weight: 500; }
.Tcalendar .ymd p {padding: 0px;vertical-align: middle;margin: 0px 10px;font-size: 1.8em;min-width: 180px;}
.Tcalendar .com_table { border: 1px solid rgb(227, 229, 237); display: none; }
.Tcalendar .com_table td { padding: 15px; }
.Tcalendar.ver2 .ymd { text-align: center; margin: 35px 0px; padding: 0px; position: relative; gap: 10px; display: inline-flex; }
.Tcalendar.ver2 .ymd .bg_blue { position: absolute; font-size: 1.1em; top: 50%; transform: translateY(-50%); left: 105%; width: 100px; }
.Tcalendar.ver2 .ymd .bg_blue:hover { border: 1px solid var(--bg-blue); color: var(--bg-blue) !important; background: rgb(255, 255, 255) !important; }
.Tcalendar.ver2 .calendar_wrap table td {height: 70px;padding: 14px;}
.Tcalendar.ver2 table td p { font-size: 1.3em; }
.Tcalendar.ver2 ul.Tcir li { font-weight: 600; }
.Ttable_wrap .calendar_list.Tcalendar .calendar_wrap { width: 100%; border: 0px; }
.Ttable_wrap .calendar_list .table_div .tag { min-width: 95px; height: 40px; display: flex; border-radius: 10px; align-items: center; justify-content: center; }
.Ttable_wrap .calendar_list .table_div ul li {display: flex;align-items: baseline;gap: 15px;}
.Ttable_wrap .calendar_list .table_div ul li + li { margin-top: 10px; }
.schedule_category { background: rgb(247, 250, 255); padding: 30px; }
.schedule_category li { padding: 0px 0px 0px 20px; display: flex; align-items: center; justify-content: center; }
.schedule_category li + li { border: none; }
.schedule_category li span {border-radius: 3px;min-width: 22px;font-weight: 500;font-size: .8em;min-height: 22px;display: flex;align-items: center;justify-content: center;}
.schedule_category li p { font-size: 1.2em; }

/* 로그인 */
.login_tit {color: var(--color-blue); font-weight: 700; font-size: 1.55em; margin-top: 50px; margin-bottom: 50px; text-align: center; width: 100%; display: inline-block;}
.login_wrap { gap: 30px; }
.login_wrap > .item { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 20px; border: 1px solid rgb(217, 217, 217); padding: 30px 60px; border-radius: 10px; word-break: keep-all; text-align: center; }
.login_wrap .item .tit { font-size: 1.55em; color: var(--color-navy); }
.login_wrap .item .login { width: 100%; display: flex; flex-direction: column; gap: 15px; }
.login_wrap .item .login_item { display: grid; grid-template-columns: 70px 1fr; align-items: center; text-align: left; }
.login_wrap .item .login_item input { width: 100%; border-radius: 10px; padding: 10px; }
.login_wrap .item .login_item .Tbtn { width: 100% !important; min-width: 100% !important; }
.login_wrap .item .login_item .link_wrap { display: flex; justify-content: center; gap: 15px; margin-top: 11px; align-items: center;}
.login_wrap .item .login_item .link_wrap a { color: rgb(145, 145, 145); position: relative; font-size: 0.9em; }
.login_wrap .item .login_item .link_wrap a::before { content: ""; background: rgb(145, 145, 145); width: 1px; height: 15px; display: inline-block; position: relative; top: 2px; left: -7px; }
.login_wrap .item .login_item .link_wrap a:nth-child(1)::before { display: none; }
.login_wrap .item .sns_login { width: 100%; gap: 20px; display: flex; flex-direction: column; }
.login_wrap .item .sns_login .Tbtn { width: 100%; border: none; position: relative; min-height: 60px !important; }
.login_wrap .item .sns_login .Tbtn img { position: absolute; left: 30px; }
.login_wrap .item .sns_login .Tbtn.kakao_btn img { position: absolute; left: 22px; }
.login_wrap .item .sns_login .Tbtn.naver_btn { background-color: rgb(60, 188, 13); color: rgb(255, 255, 255); }
.login_wrap .item .sns_login .Tbtn.kakao_btn { background-color: rgb(251, 229, 0); }

.login_wrap.id_pw .item {border: 1px solid #d9d9d9;background-color: #f7faff;gap: 05px;padding: 40px;}
.login_wrap.id_pw .item .tit {font-size: 1.2em; font-weight: 700; margin-top: 10px;}
.login_wrap.id_pw .item .Tbtn {margin-top: 20px;}

.login_wrap.id_pw + .Tbtn_wrap .pw_change,
.join_inner + .Tbtn_wrap .pw_change {min-width: 220px;}

/* 설문조사 */
.survey{border: 1px solid #ddd;margin: 50px 30px;}
.survey h1{background: #003594;color: #fff;font-size: 1.3em;padding: 15px 20px;border: 0;text-align: left;}
.survey section{border-bottom: 1px solid #ddd;padding: 20px;}
.survey section:last-child{border-bottom: 0;}
.survey section p{margin-bottom: 10px;}
.survey .radio1 div,
.survey .checkbox1 div{display: block;margin-top: 7px;}
.survey .radio1>div:nth-last-child(n+2),
.survey .checkbox1>div:nth-last-child(n+2){margin-right: 0;}
.survey label+input[type="text"]{padding: 2px 10px;margin-left:10px;position: initial;width: auto;height: auto;border-color: #D7D7D7;}
.survey section select{max-width: 500px;width:100%;}
.board_view .text .survey textarea{height: 100px;margin: 0;width: 100%;}

.survey_bottom {padding: 30px; border-radius: 10px;	border: 1px solid rgb(217, 217, 217); margin: 50px auto 100px;}
.survey_bottom .group {display: inline-flex; flex-direction: column; gap: 12px; width: 100%;}
.survey_bottom .Th2 {font-weight: 400; font-size: 1.1em; padding: 5px 0 5px 50px; margin: 0; background: url("../../assets/images/sub/cont_rating.png") no-repeat left 2px; word-break: keep-all;}
.survey_bottom .Th2::before {top: 4px;}
.survey_bottom .survey_radio_wrap {background: rgb(251, 251, 251); border-radius: 10px; min-height: 80px; display: grid; align-items: center; padding: 0px 20px; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 10px;}
.survey_bottom .survey_radio_wrap > div {display: flex;}
.survey_bottom .survey_radio_wrap > div:nth-child(1) {gap: 10px 30px; flex-wrap: wrap; margin-right: 0px; letter-spacing: -1px;}
.survey_bottom .survey_radio_wrap > .survey_result {gap: 10px;}
.survey_bottom .survey_radio_wrap > .survey_result > div {width: 100%;}
.survey_bottom .survey_radio_wrap > .survey_result input {min-height: 50px; border-radius: 10px;}
.survey_bottom .survey_radio_wrap > .survey_result button {border-radius: 10px; min-width: 150px;}
.survey_result{}
.survey_result section{border: 1px solid #ddd;margin-bottom: 50px;}
.survey_result section>p{background: #E5F3FF;font-size: 1.1em;padding: 15px 20px;border: 0;text-align: left;font-weight: 600;}
.survey_result section ul{padding: 20px;}
.survey_result section ul li{margin-bottom: 30px;}
.survey_result section ul li>p .tm_btn{margin-left: 10px;}
.survey_result section ul li:last-child{margin-bottom: 0;}
.survey_result section .graph_wrap{margin-top: 10px;display: flex;gap: 30px;}
.survey_result section .graph_wrap .graph{flex: 1 0 0;background: #EBEBEB;border-radius: 500px;position: relative;}
.survey_result section .graph_wrap .graph p{background:#19489E;position:absolute;height:100%;border-radius:500px;left: 0;top: 0;}
.survey_result section .graph_wrap span{flex-basis: 170px;font-weight: 400;}
.survey_result section .graph_wrap span em{color:#003594;}

/* 사이트맵 */
.sitemap_page section{border: 2px dashed #ddd;border-radius: 15px;margin-bottom: 70px;}
.sitemap_page section:last-child{margin-bottom:0;}
.sitemap_page section .Th1{margin: 25px 30px;color: var(--bg-navy);}
.sitemap_page section .wrap{padding: 45px 60px;border-top: 2px dashed #ddd;display: grid;grid-template-columns: repeat(auto-fill, minmax(210px, auto));gap: 40px 4%;align-items: start;}
.sitemap_page section .wrap>div:hover .depth2{background:#003594;border-color:#003594;color:#fff;}
.sitemap_page section .depth2{background: #D1E9F9;border: 1px solid #D9E5EE;padding: 10px 5px;border-radius: 500px;display: block;text-align: center;}
.sitemap_page section .depth3:hover{color:var(--bg-navy);transition:none;}
.sitemap_page section .depth3:hover:before{background:var(--bg-navy);}
.sitemap_page section ul.tm_line{margin-left:0px!important;margin-top: 20px;padding: 0 20px;}
.sitemap_page section ul.tm_line:not(:has(.depth3)) {margin: 0;}
.sitemap_page section ul.tm_line > li {margin: 0;}
.sitemap_page section ul.tm_line > li + li {margin-top: 10px;}
.sitemap_page section a i{margin-left:5px;font-size:0.9em;transition: none;}

/* 통합검색 */
.search_result .search_top{background: #f6f6f6;display: flex;padding: 40px;gap:10px;border-radius: 10px;margin-bottom: 50px;}
.search_result .search_top input{background:none;padding: 10px;flex-grow: 1; background: #fff;}
.search_result .search_top input::placeholder{color:rgba(999,999,999,0.7);font-weight:100;}
.search_result .search_top button{font-size:1.2em; width: 40px;}

.search_result .search_box{text-align: center;font-size: 1.2em;padding: 30px 10px;word-break: keep-all;background: #EBF4F8;border-radius: 10px;margin-bottom: 50px;}
.search_result .com_tab{grid-template-columns: repeat(auto-fit, minmax(15%, auto));}
.search_result .search_box em{font-weight: 700;}
.search_result section{border: 2px dashed #ddd;border-radius: 15px;margin-bottom: 70px;}
.search_result section:last-child{margin-bottom:0;}
.search_result section .tit{margin: 25px 30px;position: relative;}
.search_result section .tit .Th1{margin: 0;}
.search_result section .tit .Th1 span{font-size:0.7em;font-weight:500;}
.search_result section .tit .more{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.search_result section .tit .more:hover {color: var(--color-blue);}
.search_result section .wrap{padding: 45px 60px;border-top: 2px dashed #ddd;padding: 0 30px;}
.search_result section .wrap>div>a{border-bottom: 2px dashed #ddd;display: block;padding: 45px 30px;}
.search_result section .wrap>div>a p{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.search_result section .wrap>div>a p.fw700{margin-bottom:15px}
.search_result section .wrap>div:last-child>a{border-bottom:0;}
.search_result section ul.tm_line{margin-left:0px!important;margin-top: 0;font-weight: 600;padding: 30px 0;}
.search_result section ul.tm_line li{margin-bottom: 10px;}
.search_result section ul.tm_line li:last-child{margin-bottom: 0;}

/* 연혁 */
.year{margin-top:30px;}
.year section{margin-bottom: 100px;/* padding-left: calc(50% - 62px); */text-align: center;}
.year section:last-child{margin-bottom:0;}
.year section:nth-of-type(2n)>p{background:#F4EAFF;}
.year section>p{background:#E8F5FE;border-radius:500px;text-align:center;font-weight: 700;color: var(--bg-navy);font-size: 1.5em;padding: 3px 20px;display: inline-block;}
.year section img{width: 35%;}
.year section ol{flex-grow: 1;position: relative;padding-top: 30px;margin-left: 50%;margin-top: 20px;text-align: left;}
.year section ol>li{position:relative;padding-left: 80px;margin-bottom: 30px;display: flex;gap: 30px;}
.year section ol>li:last-child{margin-bottom:0;position: relative;}
.year section ol>li:last-child:before{content: "";width: 1px;height: 55px;position: absolute;left: 0px;top: 18px;border-left: 1px dashed var(--bg-navy);z-index: 9;}
.year section ol::before{content: "";width: 1px;height: 100%;position: absolute;left: 0;top: 0;border-left: 1px dashed var(--bg-navy);}
.year section ol p{font-size: 1.2em;font-weight: 700;color: var(--bg-navy);flex: 0 0 55px;text-align: center;}
.year section ol p:before{content:"";width: 40px;height:1px;border-top: 1px solid #CACED9;position: absolute;left: 0;top: 15px;}
.year section ol p:after{content:"";width: 6px;height: 6px;position:absolute;border: 1px solid var(--bg-navy);border-radius:500px;left: -4px;background: #fff;top: 11px;}
.year section ul{margin-left:0;padding-top: 2px;flex: 1 0 0;}
.year section ul li{display:flex;gap: 25px;margin-bottom: 20px;}
.year section ul li:last-child{margin-bottom:0;}
.year section ul li span{flex:0 0 25px;font-weight: 700;text-align: center;}
.year section ol>li:last-child p:before{height: 100%;background: #fff;}
@media(min-width: 801px){
	.year section:nth-of-type(2n){padding-left:0;}
	.year section:nth-of-type(2n) ol{margin-left: 0;margin-right: 50%;text-align: right;}
	.year section:nth-of-type(2n) ol>li{flex-direction: row-reverse;padding-left: 0;padding-right: 80px;}
	.year section:nth-of-type(2n) ol>li:last-child:before{right:0;left:initial;}
	.year section:nth-of-type(2n) ol::before{left:initial;right:0;}
	.year section:nth-of-type(2n) ol p:before{left:initial;right:0;}
	.year section:nth-of-type(2n) ol p:after{left:initial;right: -3px;}
	.year section:nth-of-type(2n) ul li{flex-direction:row-reverse;}
}

.mission{font-weight: 600;font-size: 1.2em;background: #ebf2ff;background: -moz-linear-gradient(left,  #ebf2ff 0%, #ffffff 50%, #ebf2ff 100%);background: -webkit-linear-gradient(left,  #ebf2ff 0%,#ffffff 50%,#ebf2ff 100%);background: linear-gradient(to right,  #ebf2ff 0%,#ffffff 50%,#ebf2ff 100%);text-align: center;border: 1px solid #003594;padding: 20px 10px;border-radius: 500px;}

.establishment{background: #ebf5f8;border-radius: 500px;margin: 0 auto;margin-top: 50px;padding: 30px;max-width: 1100px;}
.establishment ul{display: flex;text-align: center;align-items: center;justify-content: center;}
.establishment ul li{width: 270px;height: 270px;border-radius: 500px;padding: 35px;box-sizing: border-box;color: #fff;position: relative;font-weight: 400;word-break: keep-all;}
.establishment ul li:nth-of-type(1){background: #38aeff;transform: translateX(30px);}
.establishment ul li:nth-of-type(2){background: rgba(15,134,216,0.8);}
.establishment ul li:nth-of-type(n+2):before{content:"+";position:absolute;top:50%;left:8px;transform:translateY(-50%);font-weight:100;}
.establishment ul li:nth-of-type(3){background: rgba(13,104,168,0.8);transform: translateX(-30px);}
.establishment ul img{margin: 20px auto;display: block;}

.form_list{display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, auto));margin-top: 50px;gap: 35px 25px;}
.form_list a{border-radius: 15px;border: 1px dashed #555;padding: 14px 10px;display: flex;align-items: center;gap: 10px;}
.form_list a em{color: #fff;background: var(--bg-navy);border-radius: 500px;flex: 0 0 40px;height: 40px;display: flex;align-items: center;justify-content: center;padding-top: 2px;box-sizing: border-box;}

.gybc ul.tm_cir li::before,
.dash_layout section ul.tm_cir li::before{top: 13px;}

.tm_btn.back{border-radius: 500px;font-size: 1.2em;padding: 15px;font-weight: 600;min-width: 200px;margin-top: 50px;}
.tm_btn.back i{margin-right: 10px;transform: translateY(-3px);font-size: 0.8em;}

.check_list table{margin-top:50px;}
.check_list table thead th{background:var(--bg-navy);padding: 15px 10px;color:#fff;font-size: 1.1em;font-weight: 500;}
.check_list table tbody th{font-weight:600;padding: 10px 0px;border-bottom:1px solid var(--bg-navy);}
.check_list table tbody td{padding: 20px 5px;border-left: 1px solid #ccc;text-align: center;}
.check_list table tbody td.tal{padding:20px;}
.check_list table tbody tr:nth-of-type(2n){background: #edf3ff;}
.check_list table tbody tr td:first-child{border-left:0;}
.popup_agree{border-bottom:1px solid var(--bg-navy);border-top:1px solid var(--bg-navy);padding: 30px 0;}
.popup_agree .consent_bot{margin-top:20px;}


/* 약관동의*/
.step {border: 1px solid rgb(217, 217, 217);padding: 24px 85px;border-radius: 10px;/* min-height: 160px; */}
.step ul { display: flex; align-items: flex-start; justify-content: space-between; position: relative; z-index: 3; }
.step ul::before { content: ""; background: var(--color-blue); width: calc(100% - 50px); height: 1px; position: absolute; left: 50%; transform: translate(-50%, -50%); top: 35%; z-index: 1; }
.step .item { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; position: relative; z-index: 5; }
.step.join_step {/* margin-bottom: 0 !important; */}
.step.join_step ul::before {top: 40px;}

.terms {border: 1px solid #d9d9d9;padding: 40px;border-radius: 10px;margin-bottom: 25px;background: #f7faff;}
.terms .checkbox1 {margin-bottom: 10px;display: flex;align-items: center;}
.terms .checkbox1 em.color_red { margin-right: 10px; }
.scroll {background: #fff;border-radius: 10px;border: 1px solid #d9d9d9; word-break: keep-all;}


@media(min-width: 1025px){
	.sub_top .select_shape,
	.depth3 .select_shape{width: 100%;border: 0;}
	.sub_top .select_shape .sel-btn,
	.depth3 .select_shape .sel-btn{display: none;}
	.sub_top .select_shape div,
	.depth3 .select_shape div{position: relative;visibility: visible;border: 0;width: 100%;left: 0;z-index: 1;height: auto!important;overflow: visible;}
	.sub_top .select_shape ul li,
	.depth3 .select_shape ul li{line-height:inherit;background: none;border: 0;}

	.sub_top .depth2 ul{display: grid;grid-template-columns: repeat(auto-fit, minmax(calc(100% / 8), auto));border-radius: 10px 10px 0 0;overflow: hidden;background: rgb(0,64,152,0.6);}
	.sub_top .depth2 li:last-child a{border-right:0;}
	.sub_top .depth2 li a{/* background: rgb(0,64,152,0.8); */width: 100%;display: flex;font-size: 1.1em;font-weight: 400;height: 55px;align-items: center;justify-content: center;line-height: 1.1;padding: 5px;border-right: 1px solid #fff;text-align: center;word-break: keep-all;}
	.sub_top .depth2 li.active a{background: rgba(999,999,999);color:var(--bg-navy);font-weight: 600;}

	.sub_content_wrap .depth3{position: relative; margin-bottom: 50px;}
	/*.sub_content_wrap .depth3 ul{display: flex;justify-content: center;flex-wrap: wrap;gap: 10px 0;}*/
	/*.sub_content_wrap .depth3 li.active a{background: #003594;color: #fff;border-radius: 7px 7px 0 0;}*/
	/*.sub_content_wrap .depth3 li a{text-align:center;display:block;padding: 7px 14px;font-weight: 400;min-width: 120px;border-bottom: 1px solid #d5d5d5;font-size: inherit;}*/
	/*.sub_content_wrap .depth3 li a i{font-size:0.8em;margin-left:5px;transform: translateY(-2px);}*/
}

@media(max-width: 1400px) {
	.sub_content {margin-bottom: 60px;}
	.survey_bottom .survey_radio_wrap {grid-template-columns: 1fr; padding: 20px; margin-top: 20px;	}
}

@media(max-width:1200px){
	.sub_content{font-size:17px;}
	.sub_top{padding-top:100px;overflow: hidden; margin-top: 0;}
	.sub_top section{height: 240px; gap: 4px;}
	.sub_top section p {font-size: 50px;}
	.sub_top .route {font-size: 15px;}

	.select_shape ul li a{border-bottom:1px solid #fff;width: 100%;min-height: 42px;display: flex;align-items: center;gap: 5px;}
	.step_layout.ver2 section ul.tm_cir li:before{top: 11px;}

	.gybc ul.tm_cir li::before,
	.dash_layout section ul.tm_cir li::before{top: 11px;}
	.employ .table_shape.input_form .phone2 select,
	.employ .table_shape.input_form .phone2 input{width: calc((100% / 3) - 17px);}
	.employ .preferential input{width: 150px;}

	.survey_bottom {width: 100%; padding: 20px; margin: 40px auto 60px;}
}
@media(max-width:1024px){
	.sub_content{font-size:16px;}
	.sub_top{overflow: visible;}
	.sub_top section{height: 200px;}
	.sub_top section p {font-size: 44px;}
	.sub_top .sub_top_bg {border-radius: 20px;}
	.select_shape .sel-btn{background: url("../images/select_icon.png") no-repeat;background-position: calc(100% - 10px) center;background-size: 10px;}
	.select_shape.depth2{position:absolute;left: 15px;height: auto;bottom: -25px;background: #fff;width: calc(50% - 15px);}
	.select_shape.depth2.one{width: calc(100% - 30px);}
	.select_shape.depth2 .sel-btn{height:50px;}
	.depth3 .sel-btn{height:50px;}
	.depth3 .select_shape{width: calc(50% - 15px);right: 15px;position: absolute;height: auto;top: -77px;background: #fff;border-left: 0;}
	.font_control{display:none;}
	.sub_content{padding:0 20px 20px;}
	.step_layout section p:before{width:calc(100% + 50px);}
	.step_layout section:first-child p:before,
	.step_layout section:last-child p:before{width:calc(100% + 25px)}
	.gybc{padding: 50px 20px;}
	.procedure section{flex-direction:column;display: flex;}
	.procedure section div{padding:15px 20px;}
	.procedure section div:nth-of-type(1){border-right:0;}
	.calculation{gap:30px;}
	/* .calculation section:last-child{padding-top: 46px;} */
	.m_mb10{margin-bottom: 10px;}
	.tm_btn.bg_orange.m_mb10{margin-bottom: 0;}
	.survey_result section .graph_wrap span{flex-basis: 140px;}
	.sitemap_page section .wrap{padding:30px;}
	.search_result section ul.tm_line{padding: 30px 0;}
	.search_result section .wrap>div>a{padding: 30px 0;}
	.search_result .search_box{margin-bottom:20px;}
	.year section ol p:before{top: 12px;}
	.year section ol p:after{top: 8px;}
	.dash_layout section ul.tm_cir{margin:5px 0!important;}
	.dash_layout section ul.tm_cir li{margin-bottom:5px;}
	.page_charge{justify-content: start;}
	.page_charge li p{width: 80px;text-align:left;}
	.page_charge li{flex: 0 0 50%;justify-content: start;border: 0;}

	.gybc ul.tm_cir li::before,
	.dash_layout section ul.tm_cir li::before{top: 10px;}
	.board_view .text img{height:auto!important;}

	.search_result .com_tab{grid-template-columns: repeat(auto-fit, minmax(32%, auto));}
	.allList.com_table td{border-left:0;padding: 12px 3px;}
}
@media(max-width: 768px){
	.sub_content{margin-bottom:40px;}
	.sub_top {padding-top: 80px;}
	.sub_top section {height: 160px;}
	.sub_top section p {font-size: 30px;}
	.search_form_top{padding:20px; flex-wrap: wrap;}
	.search_form_top select{width:auto; flex: 1;}
	.search_form_top input {flex: 0 0 calc(100% - 80px);}
	.search_form_top button{width:70px;}
	.table_shape.input_form .td_shape.textarea_write textarea{height:300px;}
	.employ .table_shape.input_form .btn-upload{margin: 0;}
	.employ .table_shape.input_form .file{padding: 12px 15px;}
	.employ .table_shape .td_shape.file .uploadResultWrap{width: 100%;border: 0;margin-top: 15px;padding: 0;min-height: auto;}
	.board_view .uploadResultWrap{padding:20px;}
	.disclosure_list section ol{grid-template-columns: repeat(auto-fill, minmax(170px, auto));}
	.disclosure_list section img{display:none;}
	.disclosure_list section{margin-bottom:20px;}
	.branch_top_map.root_daum_roughmap .wrap_map{height: 300px;}
	.map_pop>div .wrap_map{height:300px;}
	.charter ul{border-top:1px solid #ddd;}
	.charter ul li{flex:1 0 100%;max-width: none;}
	.step_layout{flex-direction:column;}
	.step_layout section p:before,
	.step_layout section:first-child p:before,
	.step_layout section:last-child p:before{width:100%;}
	.step_layout.ver2 section p{margin-bottom:10px;padding: 10px 5px;}
	.step_layout section{padding-bottom: 40px;}
	.step_layout.ver2 section p:after{display:none;}
	.step_layout section p:after{display:block;filter: brightness(0.6);left: 50%;transform: translateX(-50%) rotate(90deg);top: inherit;bottom: -29px;}
	.step_layout.ver2 section{padding-bottom: 30px;}
	.dash_layout{flex-direction:column;gap:10px;}
	.gybc>img{display: none;}
	.gybc section{width: 100%;max-width: none;flex-direction: column;padding: 0;}
	.gybc div img{display: block;margin: 0 auto;}
	.gybc{padding: 30px 20px;margin-top:30px;}
	.procedure .procedure_img{margin:20px 0;}
	.procedure ul.tm_cir li{margin-bottom:10px;}
	.procedure .arrow{margin:15px auto;width:30px;}
	.bj_table>table.com_table,
	.bj_table>table.com_table>tbody,
	.bj_table>table.com_table>tbody>tr,
	.bj_table>table.com_table>tbody>tr>th,
	.bj_table>table.com_table>tbody>tr>td{display: block;width: 100%;box-sizing: border-box;}
	.bj_table>table.com_table{border: 0;}
	.bj_table>table>thead{display: none;}
	.bj_table>table.com_table>tbody>tr>td{width: calc(100% - 30px);margin-left: 30px;}
	.bj_table>table.com_table>tbody>tr>td:first-child{padding: 0;position:relative;padding-left: 15px;font-size: 1.1em;text-align: left;border: 0;margin-bottom: 10px;}
	.bj_table>table.com_table>tbody>tr>td:first-child:before{content: '';width: 5px;height: 5px;background: #003594;width: 7px;height: 7px;position: absolute;transform: rotate(45deg);left: 0;top: 7px;}
	.bj_table>table.com_table>tbody>tr>td:last-child{border:1px dashed #ccc;border-radius: 4px;margin-bottom: 20px;}
	.bj_table>table.com_table>tbody>tr>td table{width:100%;}
	.calculation{flex-direction:column;}
	.calculation .com_table td{padding: 7px;}
	.survey{margin: 30px 0;}
	.survey section{padding: 15px;}
	.survey h1{padding: 15px;}
	.survey_bottom {padding: 15px;}
	.survey_bottom .Th2 {padding: 0 0 0 35px; background-size: 28px 21px;}
	.survey_bottom .group {gap: 8px;}
	.survey_bottom .survey_radio_wrap {margin-top: 10px;}
	.survey_bottom .survey_radio_wrap > .survey_result input,
	.survey_bottom .survey_radio_wrap > .survey_result button {min-height: 45px;}
	/*.survey_result{margin: 30px 0px;}*/
	.survey_result section>p{padding: 15px;}
	.survey_result section ul{padding: 15px;}
	.survey_result section .graph_wrap{display: block;}
	.survey_result section .graph_wrap .graph{height: 20px;margin-bottom: 5px;}
	.survey_result section ul li{margin-bottom: 20px;}
	.survey_result section{margin-bottom: 20px;}
	.sitemap_page section{margin-bottom:30px;}
	.search_result section{margin-bottom:30px;}
	.year section ol{margin-left:0;padding-top: 15px;}
	.year section{text-align:left;margin-bottom: 50px;}
	.year section ol>li{padding-left: 25px;gap: 10px;margin-bottom: 20px;}
	.year section ol p:before{width:20px;}
	.year section ul li{gap: 10px;}
	.year section ol>li:last-child:before{height:15px;}
	.year{margin-top:10px;}
	.establishment{border-radius:15px;margin-top: 30px;}
	.establishment ul{flex-direction:column;gap: 20px;}
	.establishment ul li{width:100%;height: auto;padding: 15px 30px;border-radius: 30px;}
	.establishment ul li:nth-of-type(1){transform:none;}
	.establishment ul li:nth-of-type(3){transform:none;}
	.establishment ul li:nth-of-type(n+2):before{display:none;}
	.establishment ul img{margin: 10px auto;width: 50px;}
	.form_list{gap: 10px;margin-top: 30px;}
	.form_list a em{flex:0 0 30px;height:30px;padding:0;}
	.form_list a{padding:10px;}
	.Tcalendar.ver2 .ymd {display: flex; justify-content: left; gap: 0; margin: 15px 0;}
	.Tcalendar.ver2 .ymd p {min-width: unset;}
	.Tcalendar.ver2 .ymd .bg_blue {width: fit-content; height: 35px; padding: 0 12px; position: unset; transform: unset; top: unset; left: unset;}
	.Tcalendar.ver2 .calendar_wrap table td {padding: 6px 10px; height: 50px;}
	.Tcalendar.ver2 table td > div {min-height: unset;}
	.Tcalendar.ver2 table td p {font-size: 1.1rem;}
	.Tcalendar table td > div {min-height: 40px;}
	.Tcalendar .calendar_wrap table .today p {min-width: unset;}
}
@media(max-width: 600px){
	.sub_content{padding: 0;}
	.page_charge li{flex:1 0 100%;padding: 7px 15px;}
	.employ .table_shape.input_form .th_shape{padding:15px;}
	.employ .table_shape.input_form .td_shape{padding:15px;}
	.table_shape_tit{padding:20px 15px;}
	.table_shape_tit h1{padding-left:25px;}
	.table_shape_tit span{padding-left:25px;}
	.table_shape_tit h1:before{width: 17px;height: 16px;background-size: 100%;top: 7px;}
	.table_shape.input_form .btn-upload{margin-bottom:0;}
	.employ .final .top p{font-size: 20px;}
	.employ .final table{width:90%;margin:20px auto;}
	.employ .final table th{width:70px;}
	.employ .final{margin-top:40px;}

	.branch{grid-template-columns: 100%;}
	.sitemap_page section .Th1{margin: 15px;}
	.sitemap_page section .wrap{padding:20px;gap: 20px;}
	.search_result section .tit{margin:15px;}
	.search_result section ul.tm_line{padding: 20px 0;}
	.search_result section .wrap>div>a{padding: 20px 0;}
	.search_result section .wrap{padding: 0 20px;}
	.check_list table tbody td.tal{padding:15px 10px;}

	.survey_bottom .survey_radio_wrap {padding: 10px; margin-top: 0;}
	.survey_bottom .survey_radio_wrap > .survey_result {flex-direction: column;}
}
@media(max-width: 500px){
	.tm_btn.bg_orange.m_mb10{margin-bottom: 10px;}
	.survey_result section ul li>p .tm_btn{margin-left: 0;margin-top: 10px;}
	.survey label+input[type="text"]{width:100%;margin:0;margin-top:10px;}
}
@media(max-width: 450px){
	.search_form_top {gap: 4px; padding: 15px;}
	.search_form_top input {flex: 0 0 calc(100% - 64px);}
	.search_form_top button {width: 60px;}
	.search_form_top select, .search_form_top input, .search_form_top button {height: 44px;}
	.employ .step li{height:70px;}
	.disclosure_list section ol{grid-template-columns: repeat(auto-fill, minmax(45%, auto));}
	.disclosure_list section{padding: 13px;}
	.charter ul li{flex-direction:column;align-items: start;gap: 0;padding: 15px 5px;background: url(../images/sub/branch_bg.png) no-repeat;background-size: auto 70px;background-position: 0px -20px;}
	.charter ul li p{padding-left:0;padding: 0;background: none;}
	.charter ul li span{padding-top:10px;}
	.heart{margin:10px 0;}
	.heart img{width: 35%;}
	.procedure .procedure_img{margin-top:0;}
	.bj_table>table.com_table>tbody>tr>td{margin-left:20px;width: calc(100% - 20px);}
	.search_result .com_tab{grid-template-columns: 1fr 1fr;}
}
@media(max-width: 350px){
	.disclosure_list section ol{grid-template-columns:100%;}
}

/* ============================================================
   정적컨텐츠
   ============================================================ */
/* 인사말 */
.greeting_wrap {}
.greeting_wrap .greeting_box {position: relative; overflow: visible;}
.greeting_wrap .cont {display: flex; gap: 40px;}
.greeting_wrap .img {border-radius: 30px; display: flex; position: relative; max-width: 40%; height: fit-content;}
.greeting_wrap .img::before {content: ''; background-image: url("../images/sub/greeting_txt.png"); background-repeat: no-repeat; background-size: contain; position: absolute; bottom: -50px; left: 50%; transform: translateX(-50%); aspect-ratio: 436/65; width: 100%;}
.greeting_wrap .img img {aspect-ratio: 430/554; width: 100%; height: 100%; max-height: 526px;}
.greeting_wrap .txt_wrap {display: inline-flex; flex-direction: column; gap: 25px; word-break: keep-all; padding-top: 2%; max-width: 60%;}
.greeting_wrap .txt_wrap .tit {font-size: 35px; font-weight: 700; word-break: keep-all;}
.greeting_wrap .txt_wrap .tit em {font-size:65px; color: var(--main-color2); font-family: 'Danjunghae', Sans-serif; display: block; height: 50px;}
.greeting_wrap .txt_wrap .txt {font-weight: 500;}
.greeting_wrap .txt_wrap .txt p + p {margin-top: 12px;}
.greeting_wrap .txt_wrap span {color: var(--main-color2); font-weight: 700;}
.greeting_wrap .name {border-radius: 100px; background: #E3F2FA; padding: 6px 20px; margin: 36px 0 0 auto; font-size: 1.1em; width: fit-content;}

/* 주변관광지 */
.tour_wrap {}
.tour_wrap .tour_list {display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; grid-auto-rows: 1fr;}
.tour_wrap .tour_list > li {display: flex; flex-direction: column;}
.tour_wrap .tour_list > li .img {border-radius: 10px 10px 0 0; overflow: hidden; aspect-ratio: 46/30;}
.tour_wrap .tour_list > li .img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.tour_wrap .tour_list > li .cont {background-image: url("../../assets/images/sub/tour_li_bg.png"); background-repeat: no-repeat; background-size: 100% 100%; padding: 15px 20px 18px; margin-top: -80px; position: relative; z-index: 1; display: flex; flex-direction: column; flex: 1; filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.2));}
.tour_wrap .tour_list > li .tit {font-size: 24px; font-weight: 600; padding-bottom: 14px;}
.tour_wrap .tour_list > li .txt {font-size:  17px; font-weight: 500; padding: 15px 0; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; flex: 1;}
.tour_wrap .tour_list > li .txt p {position: relative; padding-left: 10px;}
.tour_wrap .tour_list > li .txt p::before {content: ''; width: 4px; height: 4px; background: #000; border-radius: 50%; position: absolute; top: 8px; left: 0;}
.tour_wrap .tour_list > li .txt p + p {margin-top: 8px;}
.tour_wrap .tour_list > li .more_btn {display: inline-block; margin: 15px auto 0; width: 100%; background: #EAF4FF; padding: 12px 15px; font-size: 18px; font-weight: 600; text-align: center; border-radius: 800px;}
.tour_wrap .tour_list > li .more_btn:hover {color: #fff; background: var(--main-color);}

/* 오시는길 */
.root_daum_roughmap {width: 100% !important; margin-bottom: 40px !important;}
.root_daum_roughmap .wrap_map {width: 100%; height: 600px !important; border-radius: 25px; overflow: hidden;}
.root_daum_roughmap .map_border, .root_daum_roughmap .cont .section, .root_daum_roughmap .wrap_controllers {display: none !important;}
.root_daum_roughmap + table tr td {text-align: left; padding: 12px 20px;}

.parking_wrap {display: grid; gap: 30px;}
.parking_wrap .img {border-radius: 25px; display: flex;}
.parking_wrap .img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.parking_wrap table tr td {text-align: left; padding: 12px 20px;}

/* 조직도 */
.org-chart {background: #f5f7fa; border-radius: 50px; padding: 30px 20px; width: 100%;}
.org-chart__leader {display: flex; justify-content: center; width: fit-content; padding: 14px 60px; border-radius: 16px; background: #223055; color: #fff; margin: 0 auto; font-size: 24px; font-weight: 700;}
.org-chart__leader-badge {background: #1e2a4a;color: #ffffff; padding: 14px 48px; border-radius: 8px; font-size: 15px; font-weight: 600; letter-spacing: 0.02em; min-width: 140px; text-align: center;}
.org-chart__teams {position: relative; display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; padding-top: 120px; max-width: 1260px; margin: 0 auto;}
.org-chart__teams::before {content: ''; position: absolute; top: 0; left: 50%; width: 1px; height: 60px; background: #c8cdd6; transform: translateX(-50%);}
.org-chart__teams .team {text-align: center; display: flex; align-items: center; flex-direction: column; position: relative;}
.org-chart__teams .team .team__label {width: fit-content; padding: 14px 60px; border-radius: 30px; background: var(--main-color2); font-size: 24px; font-weight: 700; color: var(--color-white); position: relative;}
.org-chart__teams .team .team__label::before {content: ''; width: 1px; height: 60px; background: #c8cdd6; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%);}
.org-chart__teams .team:first-child::before {content: ''; position: absolute; top: -60px; left: 50%; width: calc(100% + 30px); height: 1px; background: #c8cdd6;}
.org-chart__teams .team:last-child::before {content: ''; position: absolute; top: -60px; right: 50%; width: calc(100% + 30px); height: 1px; background: #c8cdd6;}
.org-chart__teams .team .team__details {border-radius: 20px; border: 1px solid #D4D4D4; background: #FFF; padding: 20px 25px; margin-top: 24px; width: 100%; max-width: 400px; text-align: left; z-index: 1;}
.org-chart__teams .team .team__details > ul {}
.org-chart__teams .team .team__details > ul > li {position: relative;}
.org-chart__teams .team .team__details > ul > li:not(:first-child) {margin-top: 4px;}

.org-chart + .table_wrap {margin-top: 50px;}
.org-table table tr td:nth-child(3) {padding: 12px 20px; text-align: left;}

/* 관상어 소개 */
.fish_list {display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; grid-auto-rows: 1fr;}
.fish_list > li {display: flex; flex-direction: column;}
.fish_list > li .img {border-radius: 10px 10px 0 0; overflow: hidden; background-color: #000; display: flex; align-items: center; justify-content: center; padding: 10px 10px 70px; aspect-ratio: 4/3;}
.fish_list > li .img img {object-fit: contain; max-height: 200px;}
.fish_list > li .cont {background-image: url("../../assets/images/sub/tour_li_bg.png"); background-repeat: no-repeat; background-size: 101% 101%; padding: 15px 20px 18px; margin-top: -15%; position: relative; z-index: 1; display: flex; flex-direction: column; flex: 1; filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.2)); background-color: #000; border-radius: 0 0 15px 15px; overflow: hidden;}
.fish_list > li .tit {font-size: 24px; font-weight: 600; padding-bottom: 14px;}
.fish_list > li .txt {font-size:  17px; font-weight: 500; padding: 15px 0 0; border-top: 1px solid #DDD; flex: 1;}
.fish_list > li .txt p {position: relative; padding-left: 10px;}
.fish_list > li .txt p::before {content: ''; width: 4px; height: 4px; background: #000; border-radius: 50%; position: absolute; top: 8px; left: 0;}
.fish_list > li .txt p + p {margin-top: 8px;}

/* 사육매뉴얼 */
ul.fish_manual { counter-reset: bullet-num; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px 15px; align-items: stretch;}
ul.fish_manual > li a {counter-increment: bullet-num; position: relative; display: flex; align-items: center; gap: 10px; border: 1px solid #cfcfcf; padding: 10px; border-radius: 10px; word-break: keep-all; height: 100%;}
ul.fish_manual > li a > span {position: relative; width: 40px; height: 40px; border-radius: 50%; background: var(--main-color2); color: var(--color-white); display: flex; align-items: center; justify-content: center; flex: none;}
ul.fish_manual > li a > span::before {content: counter(bullet-num);}
ul.fish_manual > li a > p {font-size: 1.1rem;}
ul.fish_manual > li a:hover {background: var(--main-color2); color: var(--color-white);}
ul.fish_manual > li a:hover span {background: var(--color-white); color: var(--main-color2);}

/* 편의시설 안내 */
.amenities_wrap {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}
.amenities_wrap .amenities-item {border: 1px solid #CECECE; border-radius: 25px; overflow: hidden; word-break: keep-all;}
.amenities_wrap .amenities-item .swiper-slide {position: relative; display: flex;}
.amenities_wrap .amenities-item .amenities-nav {display: flex; align-items: center; gap: 0px; border-radius: 800px; border: 1px solid #CECECE;	background: rgba(0, 0, 0, 0.50); position: absolute; top: 20px; right: 18px; z-index: 1; color: var(--color-white); padding: 2px 10px;}
.amenities_wrap .amenities-item .swiper-button-next, .amenities_wrap .amenities-item .swiper-button-prev {position: relative; top: unset; left: unset ;right: unset; bottom: unset; width: 40px; height: 40px; color: var(--color-white); margin: 0;}
.amenities_wrap .amenities-item .swiper-button-next:after, .amenities_wrap .amenities-item .swiper-button-prev:after {content: unset !important;}
.amenities_wrap .amenities-item .img {aspect-ratio: 404/318;}
.amenities_wrap .amenities-item .txt {padding: 25px 20px 30px 40px;}
.amenities_wrap .amenities-item .txt p {font-size: 24px; font-weight: bold; position: relative; margin-bottom: 8px;}
.amenities_wrap .amenities-item .txt p::before {content: ''; width: 14px; height: 14px; background: var(--main-color2); border-radius: 50%;position: absolute; top: 50%; left: -20px; transform: translateY(-50%);}
.amenities_wrap .amenities-item .txt span {font-size: 1rem; font-weight: 500; line-height: 1.6;}

/* 유의사항 안내 */
.notes_list {display: grid; grid-template-columns: repeat(5, 1fr); align-items: stretch; margin: 20px 0 0;}
.notes_list > li {display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; position: relative;}
.notes_list > li:not(:last-child)::before {content: ''; width: 1px; height: 42px; border-right: 1px dashed var(--color-black); position: absolute; top: 46px; right: 0;}
.notes_list > li .img {width: 140px; aspect-ratio: 1/1; border-radius: 50%; background: #F4F4F4; display: flex; align-items: center; justify-content: center;}
.notes_list > li p {word-break: keep-all;}
.notes_list > li p b {font-weight: bold;}

/* 배치도 */
.map_container {position: relative;	display: flex; flex-direction: row-reverse; justify-content: flex-end; gap: 25px;}
.map_wrap {display: none; flex-direction: column; gap: 30px; align-items: flex-end; border-radius: 30px; border: 5px solid #26374E; background: #FFF; flex: 1;}
.map_wrap.active {display: flex;}
.map_wrap p {border-radius: 30px 30px 0 0; background: #EAF4FF; font-size: 1rem; font-weight: 600; padding: 16px 60px; margin-right: 40px; word-break: keep-all;}
.map_tabs {display: flex; flex-direction: column; gap: 28px;}
.map_tab {width: 110px; aspect-ratio: 1/1; border: 1px solid #DBDBDB; border-radius: 25px; background: #fff; font-size: 24px; font-weight: 600; transition: all 0.1s;}
.map_tab.active {background: linear-gradient(106deg, #CEE9FF -5.98%, var(--main-color2) 93.03%); border: none; color: #fff;}
.map_item {position: relative; overflow: hidden; padding: 40px 40px 0; display: flex; align-items: flex-start; width: 100%; }
.map_item img {display: flex; width: 100%; min-width: 0;}
.map_item .badge {background: var(--main-color2); color: #fff; padding: 16px 40px; border-radius: 800px; flex: none;}

/* 휴관일 */
.tmB-layout-container + #calendarForm {margin-top: 3%;}
.tmB-layout-container + #calendarForm .schedule_category, .tmB-layout-container + #calendarForm div.table_border {display: none;}
.tmB-layout-container + #calendarForm .Tcalendar table td > div {/*display: none;*/ min-height: unset;}
.tmB-layout-container + #calendarForm .Tcalendar table td {padding: 10px;}
.tmB-layout-container + #calendarForm .Tcalendar.ver2 .ymd {margin: 20px 0;}

@media (max-width: 1400px) {
	.fish_list {grid-template-columns: repeat(2, 1fr); gap: 20px;}
	.fish_list > li .tit {font-size: 22px;}
	.fish_list > li .cont {margin-top: -10%;}
	.fish_list > li .img {padding: 10px 10px 50px;}

	.greeting_wrap .cont {gap: 30px;}
	.greeting_wrap .txt_wrap .tit {font-size: 32px;}
	.greeting_wrap .txt_wrap .tit em {font-size: 55px;}

	.amenities_wrap {gap: 12px;}
	.amenities_wrap .amenities-item .amenities-nav {top: 14px; right: 14px; padding: 2px 8px;}
	.amenities_wrap .amenities-item .swiper-button-next, .amenities_wrap .amenities-item .swiper-button-prev {width: 34px; height: 34px;}
	.amenities_wrap .amenities-item .txt {padding: 20px 15px 20px 30px;}
	.amenities_wrap .amenities-item .txt p {font-size: 22px;}
	.amenities_wrap .amenities-item .txt p::before {width: 10px; height: 10px; left: -15px;}

	.map_item {padding: 30px 30px 0;}
	.map_item .badge {padding: 12px 30px;}
	.map_tabs {gap: 20px;}
	.map_tab {width: 90px;}
	.map_wrap p {padding: 12px 40px;}

	ul.fish_manual {grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 1200px) {
	.tour_wrap .tour_list {grid-template-columns: repeat(2, 1fr); gap: 20px;}
	.tour_wrap .tour_list > li .cont {padding: 12px 15px;}
	.tour_wrap .tour_list > li .cont .tit {font-size: 22px; padding-bottom: 12px;}
	.tour_wrap .tour_list > li .txt {padding: 12px 0;}
	.tour_wrap .tour_list > li .more_btn {margin: 12px auto 0; padding: 10px;}

	.greeting_wrap .img::before {bottom: -44px;}
	.greeting_wrap .txt_wrap .tit {font-size: 28px;}

	.root_daum_roughmap .wrap_map {height: 500px !important;}
	.parking_wrap {gap: 40px;}
	.parking_wrap .cont .th {font-size: 22px; padding: 12px 26px;}

	.map_item {padding: 20px 20px 0;}

	.notes_list > li .img {width: 130px;}
}
@media (max-width: 1024px) {
	.greeting_wrap .greeting_tit {font-size: 28px;}
	.greeting_wrap .greeting_tit em {font-size: 55px;}
	.greeting_wrap .greeting_tit + .greeting_box {margin-top: 60px;}
	.greeting_wrap .greeting_box {padding: 30px 30px 40px;}
	.greeting_wrap .img {margin: 0 auto; max-width: 45%;}
	.greeting_wrap .cont {align-items: flex-start; gap: 24px;}

	.org-chart__leader {padding: 12px 50px; font-size: 22px;}
	.org-chart__teams {padding-top: 80px;}
	.org-chart__teams::before, .org-chart__teams .team .team__label::before {height: 40px;}
	.org-chart__teams .team:first-child::before, .org-chart__teams .team:last-child::before {top: -40px;}
	.org-chart__teams .team .team__label {padding: 12px 50px; font-size: 20px;}
	.org-chart__teams .team .team__details {padding: 16px 20px; margin-top: 20px;}

	.infra_facet.facet .wrap {display: block;}
}

@media (max-width: 768px) {
	.flex-box {flex-direction: column;}

	.greeting_wrap .greeting_tit {font-size: 22px;}
	.greeting_wrap .greeting_tit em {font-size: 44px;}
	.greeting_wrap .greeting_tit + .greeting_box {margin-top: 30px;}
	.greeting_wrap .greeting_box {padding: 15px 10px 20px; border-radius: 20px;}
	.greeting_wrap .cont {flex-direction: column;}
	.greeting_wrap .img {border-radius: 16px; max-width: 100%; padding: 0 10px;}
	.greeting_wrap .img::before {bottom: -10%;}
	.greeting_wrap .img img {aspect-ratio: unset;}
	.greeting_wrap .txt_wrap {max-width: 100%; padding-top: 5%;}
	.greeting_wrap .txt_wrap .tit {font-size: 20px;}
	.greeting_wrap .txt_wrap .tit em {font-size: 35px; height: 30px;}
	.greeting_wrap .txt_wrap .txt p br {display: none;}
	.greeting_wrap .txt_wrap .txt p + p {margin-top: 10px;}
	.greeting_wrap .name {padding: 6px 16px; font-size: 1rem;}

	.tour_wrap .tour_list {grid-template-columns: 1fr; gap: 15px;}
	.tour_wrap .tour_list > li .cont {padding: 10px 15px; margin-top: -60px;}
	.tour_wrap .tour_list > li .cont .tit {font-size: 20px; padding-bottom: 10px;}
	.tour_wrap .tour_list > li .txt {padding: 10px 0;}
	.tour_wrap .tour_list > li .more_btn {margin: 10px auto 0; padding: 8px;}

	.fish_list {grid-template-columns: 1fr; gap: 15px;}
	.fish_list > li .img {padding: 10px; aspect-ratio: 4/2.6;}
	.fish_list > li .cont {padding: 15px; margin: 0;}

	ul.fish_manual {grid-template-columns: repeat(2, 1fr); gap: 15px 10px;}
	ul.fish_manual > li a > span {width: 30px; height: 30px;}

	.root_daum_roughmap .wrap_map {height: 300px !important;}
	.root_daum_roughmap + table tr td, .parking_wrap table tr td {padding: 12px;}

	.org-chart {border-radius: 20px; padding: 20px 15px;}
	.org-chart__teams {grid-template-columns: 1fr; gap: 20px; padding-top: 30px;}
	.org-chart__teams::before {height: 100%;}
	.org-chart__teams .team:first-child::before, .org-chart__teams .team:last-child::before {content: unset;}
	.org-chart__teams .team:not(:nth-child(2)) .team__label::before {content: unset;}
	.org-chart__teams .team .team__details {margin-top: 12px;}
	.org-chart__leader {width: 100%; max-width: 160px;}
	.org-chart__leader, .org-chart__teams .team .team__label {font-size: 20px; padding: 8px 40px;}

	.amenities_wrap {grid-template-columns: 1fr;}
	.amenities_wrap .amenities-item .txt {padding: 15px 15px 18px 25px;}
	.amenities_wrap .amenities-item .txt p {font-size: 20px;}

	.map_container {flex-direction: column; gap: 20px;}
	.map_tabs {flex-direction: unset; gap: 10px;}
	.map_tab {width: fit-content; min-width: 70px; font-size: 20px; aspect-ratio: 2.5/1; padding: 0 10px;}
	.map_tab br {display: none;}
	.map_item {flex-direction: column; gap: 10px; padding: 15px 15px 0;}
	.map_item .badge {padding: 8px 20px;}
	.map_wrap {align-items: center;}
	.map_wrap p {margin: 0 10px 10px; padding: 10px 15px; border-radius: 20px;}

	.notes_list {grid-template-columns: repeat(2, 1fr); gap: 15px 0;}
	.notes_list > li:not(:last-child)::before {top: 36px;}
	.notes_list > li:nth-child(even)::before {content: unset;}
	.notes_list > li .img {width: 120px;}
}

@media (max-width: 500px) {
	ul.fish_manual {grid-template-columns: 1fr; gap: 20px 0;}
}

/* 교육 & 컨설팅 신청 */
.calss_wrap { display: flex; flex-direction: column; gap: 30px; }
.calss_wrap > div{display: grid;/*grid-template-columns: 215px 1fr;*/padding: 30px;border: 1px solid rgb(217, 217, 217);gap: 30px;border-radius: 10px;}
.calss_wrap .class_item .photo {border: 1px solid rgb(217, 217, 217);border-radius: 10px;aspect-ratio: 1 / 1.1;overflow: hidden;}
.calss_wrap .class_item .photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.calss_wrap .class_item .desc {display: flex;flex-direction: column;word-break: keep-all;position: relative;}
.calss_wrap .class_item .desc .top { display: flex; justify-content: space-between; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed rgb(217, 217, 217); width: 100%; align-items: flex-start; }
.calss_wrap .class_item .desc .top .left { display: flex; flex-direction: column; }
.calss_wrap .class_item .desc .top .left .tag_wrap {display: flex; align-items: center; gap: 10px;}
.calss_wrap .class_item .desc .top .left .tag_wrap .Tbtn.small {font-size: .85em; min-height: 25px !important; min-width: auto !important; padding: 2px 15px; box-sizing: border-box;}
.calss_wrap .class_item .desc .top .left .round{border:1px solid;border-radius:500px;font-size:0.8em;padding:2px 10px;vertical-align: text-bottom;}
.calss_wrap .class_item .desc .top .right {min-width: 130px;font-size: 1em;min-height: 50px !important;border: none;}
.calss_wrap .class_item .desc .top .right a{min-width: 110px;min-height: 40px; border: 1px solid var(--color-navy); border-radius: 90px;}
.calss_wrap .class_item .desc .top .right button{background: #ebf2ff;color: var(--color-navy);border-radius: 500px;width: 40px;height: 40px;margin-left: 10px;font-size: 1.3em; flex: none; display: flex; align-items: center; justify-content: center;}
.calss_wrap .class_item .desc .top .right button.minus .icon_plus{display: none;}
.calss_wrap .class_item .desc .top .right button.plus .icon_minus3{display: none;}
.calss_wrap .class_item .desc .top .left .tit { font-size: 1.55em; }
.calss_wrap .class_item .desc .list { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.calss_wrap .class_item .desc .list .list_item { display: flex; gap: 5px; align-items: baseline; }
.calss_wrap .class_item .desc .list .list_item .tit { min-height: 35px; min-width: 90px; border-radius: 90px; background-color: rgb(235, 242, 255); display: flex; align-items: center; justify-content: center; }
.calss_wrap .class_item.list_s{grid-template-columns: 100%;}
.calss_wrap .class_item.list_s .accept{grid-column: 1 / span 1;}
.calss_wrap .class_item.list_s > div{display:inline-block;width: 100%;}
.calss_wrap .class_item.list_s .photo{display:none;}
.calss_wrap .class_item.list_s .Th3{margin:0;display:flex;gap: 15px;}
.calss_wrap .class_item.list_s .list{grid-template-columns:1fr 1fr 1fr;}
.calss_wrap .class_item.list_s .Th3 .tit{/* font-weight:700; */width: 60px;display:flex;justify-content: space-around;position: relative;}
.calss_wrap .class_item.list_s .Th3 .tit:before{content:"";width: 1px;height: 16px;position:absolute;background:#000;right: -7px;top: 3px;}

.accept{grid-column: 1 / span 2;}
.accept>li:nth-of-type(n+2){margin-top:15px}
.accept a{border-radius: 10px;border: 1px solid rgb(217, 217, 217);display: flex;overflow: hidden;}
.accept a .icon_right3{vertical-align: bottom;margin-left: 4px;position: absolute;opacity: 0;transition: opacity 0.3s, margin 0.3s;}
.accept a:hover .icon_right3{opacity:1;}
.accept a:hover{border-color:var(--point-color)}
.accept a p{background: #f7faff;flex: 0 1 120px;align-content: center;text-align: center;font-weight: 600;/* flex: 1 0 auto; */padding: 10px;min-width: 80px;}
.accept a ol{flex-grow: 1;display: flex;padding: 20px 15px;gap: 7px 20px;flex-wrap: wrap;}
.accept a ol li{display:flex;gap: 15px; word-break: keep-all;}
.accept a ol li>em{position:relative;flex: 0 0 auto;letter-spacing: -2px;}
.accept a ol li>em:before{content:"";width: 1px;height: 16px;position:absolute;background:#000;right: -7px;top: 5px;}
.accept a ol li br{display:none;}
.accept a>span{color:#fff;margin:10px;border-radius: 10px;flex: 0 0 100px;text-align: center;align-content: center;}
.accept a>span.right3{position:relative;transition: padding 0.3s;padding-right: 0;}
.accept a:hover>span.right3{padding-right: 15px;}

@media (max-width: 800px) {
    .calss_wrap .class_item .photo {background: #d9d9d9;max-width: 215px;margin: 0 auto;}
    .calss_wrap > div{ display: flex; flex-direction: column; gap: 15px; padding: 20px}
    .calss_wrap .class_item .desc .list{display: none!important;}
    .calss_wrap .class_item .desc .top{margin-bottom:0!important;}

    .accept a p{width:100%;box-sizing:border-box;}
    .accept a{display:block;}
    .accept a ol li>em{width: 47px;text-align-last: justify;letter-spacing: inherit;display: block;}
    .accept a ol li>em:after{content:"";width:100%;text-align:justify;display: block;}
    .accept a ol li:first-child{flex:1 0 100%;}
    .accept a>span{/* margin:0; *//* width:100%; */display:block;padding: 10px;box-sizing: border-box;margin-top: 0;}
}

@media (max-width: 600px) {
    .class_group .desc .Tbtn {margin-top: 20px;font-size: 1em;min-height: 45px !important;}
    .calss_wrap .class_item .desc {padding-bottom: 60px}
    .calss_wrap .class_item .desc .top {flex-direction: column-reverse;padding-bottom: 15px;/* margin-bottom: 15px; */}
    .calss_wrap .class_item .desc .top .tit { width: 100%; }
    .calss_wrap .class_item .desc .top .right {margin-left: auto; min-width: 84px; min-height: 45px !important; position: absolute; bottom: 0; width: 100%;}
    .calss_wrap .class_item .desc .top .right a {min-width: auto; flex: auto;}
    .calss_wrap .class_item .desc .top .right button{width:40px;height:40px;}
	.calss_wrap .class_item .desc .list { flex-direction: column; display: flex; gap: 10px; }

    .accept a{flex-wrap:wrap;}
    .accept a .icon_right3{/* display:none; */}
    .accept a ol{flex-direction:column;width:auto;}
    .accept a p{width:100%;flex-basis: 100%;}
    .accept a ol li>em:before{top: 3px;height: 13px;}
    .accept a ol li br {display: block;}
}



.expert_wrap .checkbox1>div:nth-last-child(n+2) {margin-right: 0;}
.expert_wrap .expert.faq { flex-basis: 23%; border-radius: var(--border-2-radius);}
.expert_wrap .expert.faq ul {position: relative;border-top: none; border-bottom: none;}
.expert_wrap .expert.faq ul li.hide_arrow { display: flex; justify-content: center; align-items: center; position: absolute; top: 380px; right: -30px; transform: translate(-50%, 0);transform: rotate(180deg); z-index: 2; width: 30px; height: 50px; font-size: 20px;color: var(--orange-color); cursor: pointer; font-weight: 700; background-color: #fff; box-shadow: -3px -3px 5px rgba(0,0,0,0.1);}
.expert_wrap .expert.faq.arrow_toggle ul li.hide_arrow { transform: rotate(0);box-shadow: 3px 3px 5px rgba(0,0,0,0.1);}
.expert_wrap .expert.faq.arrow_toggle ul li button {transform: rotate(360deg);}
.expert_wrap .expert.faq.arrow_toggle ul li button:focus-visible {outline-offset: -5px;}
.expert_wrap .expert.faq ul li > div {padding: 10px 20px; border-bottom: none;background-color: #fff;}
.expert_wrap .expert.faq ul li > div.checkbox1 {height: 450px;}
.expert_wrap .expert.faq ul li > div.agency_wrap {position: relative;}
.expert_wrap .expert.faq ul li > div > div { display: flex; justify-content: space-between;align-items: center; padding: 6px 0;border: none;background-color: #fff;}
.expert_wrap .expert.faq ul li > div > div label { width: 140px;color: #636b89;}
.expert_wrap .expert.faq ul li > div > div span { font-size: .8em;color: #636b89;}
.expert_wrap .expert.faq ul li > div > div.agency_wrap:after {content: ''; position: absolute; bottom: 50%; transform: translate(-50%, 0); width: 2px; height: 100%; background-color: var(--black-2-color); }
.expert_wrap .expert.faq ul li > div > div.main_agency input:checked+label{color: var(--main-color2); font-weight: 600;}
.expert_wrap .expert.faq ul li > div > div.main_agency +label{width: 140px;}
.expert_wrap .expert.faq ul li > div > div.sub_agency { display: none; position: relative;padding: 5px 0 5px 20px;}
.expert_wrap .expert.faq ul li > div > div.sub_agency input:checked+label{color: var(--black-1-color); font-weight: 600;}
.expert_wrap .expert.faq ul li > div > div.sub_agency::before {content: ''; position: absolute; top: 16px; left: 10px; transform: translate(0, -100%);width: 1px; height: 35px; background-color: var(--blue-4-color); }
.expert_wrap .expert.faq ul li > div > div.sub_agency:after {content: ''; position: absolute; top: 16px; left: 10px;  width: 10px; height: 1px; background-color: var(--blue-4-color); }
.expert_wrap .expert.faq ul p {border-bottom: 1px solid var(--blue-4-color);}
.expert_wrap .expert.faq ul p>i {border: none; color: var(--black-2-color);}
.expert_wrap .expert.faq > button { width: calc(100% - 40px); margin: 20px; padding: 10px 0; border: 1px solid var(--black-2-color); border-radius: var(--border-1-radius);}
.expert_wrap .expert.faq ul li > div.checkbox2 > div label { width: 100%;padding: 5px 30px 5px 5px;padding-left: 0;}
.expert_wrap .expert.faq ul li > div.checkbox2 > div label:before {display: none;}
.expert_wrap .expert.faq ul li > div.checkbox2 > div input:checked+label {padding-right: 30px;color: var(--black-1-color); background-color: var(--sky-1-color); font-weight: 700;}
.expert_wrap .expert.faq ul li > div.checkbox2 > div input:checked+label::before { display: block;top: 50%;right: 5px;left: auto;transform: translate(0, -50%);width: 15px;height: 15px;background: url(../images/chk_o_02.png)no-repeat;}
.expert_wrap .table_wrap {flex-basis: 76%;}
.expert_wrap .table_wrap table.board tr {cursor: pointer;}
.expert_wrap .table_wrap .except_search > div {display: grid; align-items: center; gap: 0 2%; margin-bottom: 25px; grid-template-columns: 1fr 140px;}
.expert_wrap .table_wrap .except_search > div .tm_btn_wrap { justify-content: flex-end; margin-top: 0;}
.expert_wrap .table_wrap .except_search > div .tm_btn_wrap .search_btn {width: 100%; border: 1px solid var(--black-2-color); color: var(--black-1-color); background-color: #fff; font-weight: 600;}
.expert_wrap .table_wrap .except_search > div .tm_btn_wrap .search_btn:hover { border: 1px solid var(--blue-color); color: #fff;background-color: var(--blue-color);}
.expert_wrap .table_wrap .except_search > div .search_input { position: relative;width: 100%; border: none;}
.expert_wrap .table_wrap .except_search > div .search_input.select_shape .sel-btn { height: 50px; border: none; border-radius: var(--border-1-radius);background: none; box-shadow: 0 3px 10px rgba(0,0,0,0.3);}
.expert_wrap .table_wrap .except_search > div .search_input.select_shape .search_relation { overflow-y: auto; top: 100%; border: 1px solid var(--blue-2-color); border-radius: var(--border-2-radius);background-color: #fff;}
.expert_wrap .table_wrap .except_search > div .search_input.select_shape .search_relation::-webkit-scrollbar {width: 5px; background: transparent;}
.expert_wrap .table_wrap .except_search > div .search_input.select_shape .search_relation::-webkit-scrollbar-thumb {height: 30%; border-radius: 1rem;background: var(--blue-3-color);}
.expert_wrap .table_wrap .except_search > div .search_input.select_shape .search_relation::-webkit-scrollbar-track, ::-webkit-scrollbar-button {display: none;}
.expert_wrap .table_wrap .except_search > div .search_input.select_shape .search_relation a {display: grid; padding: 10px; grid-template-columns: 35px 1fr 15px;}
.expert_wrap .table_wrap .except_search > div .search_input.select_shape .search_relation a:hover { background-color: var(--sky-1-color);}
.expert_wrap .table_wrap .except_search > div .search_input.select_shape .search_relation a:last-child {padding-bottom: 0;}
.expert_wrap .table_wrap .except_search > div .search_input.select_shape .search_relation a span {overflow: hidden;margin-left: 5px; line-height: 1.5;text-overflow: ellipsis;white-space: nowrap;}
.expert_wrap .table_wrap .except_search > div .search_input.select_shape .search_relation a span strong {color: var(--red-color); font-weight: 700;}
.expert_wrap .table_wrap .except_search > div .search_input.select_shape .search_input_btn {position: absolute; top: 50%; right: 20px; transform: translate(0, -50%); }
.expert_wrap .table_wrap .except_search > div .search_input.select_shape .close_btn {position: absolute; top: 50%; right: 20px; transform: translate(0, -50%); }
.info_add_delete {display: flex;}

.search_wrap {flex-direction: column;gap: 0;width: 50%;}
.search_wrap.search_form_wrap  {width: 100%;}
.search_wrap .table_shape.input_form .th_shape:nth-child(1) {padding-top: 0;}
.search_wrap .left p:first-child {font-weight: 600;}
.search_wrap .left p em {margin-right: 5px; color: var(--orange-color);font-weight: 700;}
.search_wrap .search_input input {height: 50px;}
.search_wrap .table_shape.input_form .th_shape {border: 0;}
.search_wrap .table_shape.input_form .td_shape {border: 0;}

.expert_info {width: 100%;transition: .5s;}
.expert_info.arrow_toggle_2 {padding-left: 40px;}
.expert_info .table_shape.input_form .th_shape:nth-child(1) {padding-top: 0;}
.expert_info .left p:first-child { padding-top: 15px;font-weight: 600;}
.expert_info .left p em {margin-right: 5px; color: var(--orange-color);font-weight: 700;}
.expert_info .search_input input {height: 50px;}
.expert_info .table_shape.input_form .th_shape {border: 0;}
.expert_info .table_shape.input_form .td_shape {border: 0;}
.expert_info .regist_profess_wrap {display: flex; align-items: center;}
.expert_info .regist_profess {justify-content: center;width: 115px;padding: 10px 20px; border-radius: var(--border-1-radius);font-size: .9em; color: #fff; background-color: var(--sky-color);  font-weight: 600; height: 55px; display: flex; justify-content: center; align-items: center; cursor: pointer; margin-left: auto;}
.expert_info .regist_profess:hover{background: var(--sky-color);}
.expert_info .pager_a {display: inline-block; width: 100%; position: static;}

.map_wrap {position: relative;}
.map_wrap .expert {/* position: absolute; */top: 0;left: 0;z-index: 99;background-color: #fff;}
.map_wrap .expert > ul {display: flex;}
.map_wrap .expert .agency {display:flex; flex-direction: column; flex-basis: 50%;}
.map_wrap .expert
.map_wrap .expert.faq {display: flex;justify-content: space-between;flex-direction: column;left: -255px;}
.map_wrap .expert.faq ul {position: relative;}
.map_wrap .expert.faq ul p {padding: 0 15px;}
.map_wrap .expert.faq .agency { transition: .3s;opacity: 0;}
.map_wrap .expert.faq.arrow_toggle {left: 0; border-radius: 0;box-shadow: -2px 3px 15px rgba(0,0,0,0.1);}
#instListForm .map_wrap .expert.faq.arrow_toggle {border-radius: var(--border-2-radius) 0 0 var(--border-2-radius) }
.map_wrap .expert.faq.arrow_toggle .agency {opacity: 1;}

.marker_modal_wrap {display: flex;justify-content: space-between;flex-direction: column; width: 280px; margin-top: 0px; border-radius: 0;background: #fff; font-size: .9em;overflow: hidden; position: absolute; bottom: 0; width: 100%; z-index: 9;}
.marker_modal_wrap picture {display: inline-block;width: 100%;border-bottom: 1px solid var(--blue-4-color);text-align: center;height: 100px;position: relative}
.marker_modal_wrap picture img {max-width: 200px;}
.marker_modal_wrap .marker_modal {overflow-y: auto;height: 170px;text-align: left;padding: 0 20px;}
.marker_modal_wrap .marker_modal > div {margin: 10px 0 20px 0; margin-bottom: 10px;font-size: 1.2em;font-weight: 700;}
.marker_modal_wrap .marker_modal .info li {display: grid; grid-template-columns: 70px 1fr;}
.marker_modal_wrap .marker_modal .info li p:nth-child(1) { position: relative; width: 65px;padding-left: 7px; font-weight: 700;}
.marker_modal_wrap .marker_modal .info li p:nth-child(1)::before { content: ''; position: absolute; top: 4px; left: 0;width: 3px; height: 10px; background-color: var(--main-color2);}
.marker_modal_wrap .marker_modal_btn {padding: 10px 40px;background: var(--orange-color);color: #fff;text-align: center;border-radius: 5px;min-height: 50px;display: flex;align-items: center;justify-content: center;line-height: 2;}

.facet .info .map_tit_wrap .marker_modal_btn img{height: auto; margin-left: 5px;}

.marker_modal_wrap picture img {max-width: 100%;aspect-ratio: 1/0.5;object-fit: cover;position: absolute;top: 50%;transform: translate(-50%, -50%);left: 50%;}

.map_list_wrap .map_list > div > .left {margin: 20px 0;}
.map_list_wrap .map_list > div > ul { display: flex; flex-direction: column;}
.map_search {display: flex;align-items: center;top: 10px;right: 10px;z-index: 99; width: 100%;}
.map_search > div {position: relative; width: 100%;}
.map_search input { padding: 10px 45px 10px 20px; border: none; color: #e7e7e7;background-color: var(--main-color2); height: 60px;width: 100%;}
.map_search input::placeholder {color: #fff;}
.map_search_btn {position: absolute; top: 50%; right: 0; transform: translate(0, -50%);}
.map_reflash_btn { display: flex; justify-content: center; align-items: center; width: 50px; height: 45px; border: 1px solid var(--black-2-color);  border-radius: var(--border-2-radius);background-color: #fff;}
.map_reflash_btn span {display: none; font-size: 12px; color: #fff; font-weight: 700;}
.map_reflash_btn:hover { border: 1px solid var(--main-color2);background: var(--main-color2);}
.map_reflash_btn:hover img {display: none;}
.map_reflash_btn:hover span {display: inline;}

/* facet common */
.facet .top{display:flex;align-items: baseline;justify-content: space-between;margin-bottom: 30px;gap: 10px;}
.facet .com_tit p{display:inline-block;flex-shrink: 0;}
.facet .com_tit span{font-size: 0.4em;font-weight: 500;color: #636b89;}
.facet_info {font-size: 1.12em;flex-shrink: 0;}
.facet_info em{color:var(--main-color2);font-weight:800;font-size:1.3em;padding-right:5px;}
.facet .wrap{display: flex;background: #fff;gap: 0 20px;position: relative;overflow: hidden;min-height: 780px;}
.facet .wrap .slide_btn {position: absolute;left: 445px;writing-mode: vertical-lr;top: 60px;transition: 1s;cursor: pointer;z-index: 96;}
.facet .wrap .slide_btn.toggle + .left:before {content: '';top: 0;width: 4px;height: 100%;position: absolute;right: -4px;background: #292c84;z-index: 1;border-radius: 2rem;}
.facet .wrap .slide_btn.toggle {left: 11px;}
.facet .wrap .slide_btn .hide {position: relative; color: #fff;z-index: 5; padding: 0 .35em 0 0; font-size: 14px; background-image: url(../images/sub/facet_before_img.svg);background-size: cover;width: 30px;display: flex;height: 105px;justify-content: center;align-items: center;}
.facet .wrap .left{border-radius: 10px;border: 1px solid #e0e1e7;/* height: 100%; */position: absolute;width: 445px;height: 100%;transition: 1s;left: 0;z-index: 999;overflow: hidden;}
.facet .wrap .left.toggle{left: -445px;}
.facet .wrap .right{flex-grow:1;overflow: hidden;padding-left: 455px;transition: 1s; z-index: 1;}
.facet .wrap .right.toggle{padding-left: 11px;}
.facet .wrap .search{background: var(--main-color);display: flex;padding: 0 10px;flex-basis: 100%;border-radius: 10px 10px 0 0;}
.facet .wrap .search input{flex-grow: 1;border: 0;background: none;padding: 15px 45px 15px 15px;}
.facet .wrap .search input:focus-visible {outline-offset: -3px}
.facet .wrap .search input::placeholder{color:rgba(255,255,255,0.9);font-weight:100;}
.facet .wrap .search button{font-weight: 900;font-size: 1.5em;color: #fff;width: 50px; height: 50px; display: flex; align-items: center; justify-content: center;}
.facet .info{padding: 20px;position: relative;}
.facet .info > img {height: 35px; border-radius: 5px;}
.facet .info .map_tit_wrap {display: flex; justify-content: space-between; align-items: center;}
.facet .info .map_tit_wrap img {height: 40px;}
.facet .info .map_tit{font-size: 1.3em;font-weight: 700;margin: 5px 0 10px 0;}
.facet .info ul li{display: inline-flex;margin-right: 20px;gap: 8px; align-items: flex-start;}
.facet .info ul li:last-child{margin-right: 0;}
.facet .info ul li span.tm_h3{font-weight: 700; margin: 0;}
.facet .info ul li span.tm_h3:before {top: -1px;}
.facet .info ul.division_list li div {margin-top: 2px;}
.facet .info section{position: absolute;right: 20px;top: 50%;width: 190px;transform: translateY(-50%);}
.facet .info section a{background: var(--main-color2);color: #fff;border-radius: 7px;font-weight: 300;display: block;text-align: center;padding: 12px 5px;margin: 3px 0;}
.facet .info section a em{display:none;margin-left:10px;}
.facet .right .info_list {display: grid; grid-template-columns: 1fr 1fr;}
.facet .right{display: flex;flex-direction: column;}
.facet .right #map{width: 100%;flex-grow: 1;min-height: 300px; border: 1px solid #e0e1e7;border-radius: 10px;}
.facet .com_tit{display:flex;flex-wrap: wrap;align-items: baseline;gap: 10px;}
.facet .select_shape *::-webkit-scrollbar {width: 10px;}
.facet .select_shape *::-webkit-scrollbar-thumb {background: rgba(9, 9,9, 0.2); border-radius: 10px; }
.facet .select_shape *::-webkit-scrollbar-track {background: rgba(255, 255, 255, 1);}
.facet .agency_wrap {display: flex;flex-direction: column; background: #fff;}
.facet .all_agency,
.facet .select_shape .main_agency {min-height: 55px;border: none;width: 100%;position: relative;display: flex;align-items: center;}
.facet .all_agency {padding: 15px 15px;background: #f3f3f3;min-height: 75px;height: auto; flex-direction: column; flex: 1;}
.facet .all_agency_btn {width: 100%;/* margin: 15px; */box-sizing: border-box;display: flex;min-height: auto;height: 100%;background: #ffffff;color: #2f2f2f;/* width: 95%; *//* height: 95%; *//* min-height: 55px; */border: 1px solid #cdcdcd;}
.facet .cate_agency {width: 100%;}
.facet .cate_agency ul {display: flex; align-items: center; justify-content: center; gap: 10px; padding: 15px; border-bottom: 1px solid #f3f3f3;}
.facet .cate_agency ul li {width: 100%;}
.facet .cate_agency ul li .cate_agency_btn {width: 100%; background: #f3f3f3; color: #000;}
.facet .cate_agency ul li.active .cate_agency_btn {background: var(--main-color2); color: #fff;}
.facet .tabpanel_wrap {width: 100%;}
.facet .tabpanel_wrap .tabpanel.flex {display: flex;}
.facet .map_list_tit {display: none;flex-direction: row;align-items: center;justify-content: flex-start;}

.facet .tabpanel_wrap {width: 100%;}
.facet .tabpanel_wrap .tabpanel.flex {display: flex;}

#map .map_marker {display: flex; align-items: center;justify-content: center; gap: 4px; padding: 5px; border-radius: 5px; background: #292c84; color: #fff; font-size: 0.75rem; position: relative; max-width: 300px; overflow: hidden;}
#map .map_marker::before {content: ''; width: 25px; height: 10px; background-image: url("../images/sub/marker_tail.png"); background-repeat: no-repeat; background-size: contain; position: absolute; top: calc(100% - 1px); left: 50%; transform: translateX(-50%);}
#map .map_marker .map_img {display: flex; padding: 4px; background: #fff; border-radius: 5px;}
#map .map_marker .map_img img {width: 18px; height: 17px; flex: none;}
#map .map_label {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

#map {height: 720px;}
#map > div > div >div > div{ z-index: -1 !important; border: none !important;background: transparent !important;}
#map > div > div >div > div > img[alt="close"] { display: none;}
.infra_facet.facet .wrap {display: flex; flex-direction: column; flex: 1; min-height: 0;}
.infra_facet.facet .wrap .left {background: #fff;overflow: hidden;/* width: 445px; */}
.infra_facet.facet .wrap .left.toggle {overflow: visible;}
.infra_facet.facet .agency_wrap {overflow: hidden; display: flex; flex-direction: column; flex: 1; min-height: 0;}
.infra_facet.facet .all_agency_btn {min-height: 55px; align-items: center; justify-content: center;}
.infra_facet.facet .select_shape .main_agency:nth-child(3) label p {word-break: keep-all;}
.infra_facet.facet .info ul li span.tm_h3:before {top: 8px;}
.infra_facet.facet .map_list_wrap {/*height: 562px;*/ overflow-y: auto; flex: 1; min-height: 0;}
.infra_facet.facet .select_shape.group1 {width: 50%;}
.infra_facet.facet .select_shape.group1, .infra_facet.facet .select_shape.group2 {height: 100%; max-height: 572px; overflow-y: auto; flex: none;}
.clustering { display: flex; flex-direction: row-reverse; gap: 5px; align-items: center; padding: 8px 15px; border: 2px solid var(--color-border-light-gray);border-radius: 30px;background: #fff;  font-size: 14px; font-weight: 700; cursor: pointer;}
.area_length { display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 30px;background: var(--main-color2); font-size: .8em; color: #fff;}

.facet .select_shape > div > span { width: 100%;}
.facet .select_shape > div .num {background: #CEE9FF;width: 22px;min-width: 22px;text-align: center;font-size: .8em;height: 22px;display: flex;align-items: center;justify-content: center; margin-top: 0;}
.facet .select_shape > div.main_agency:hover .num {background: #fff;}
.facet .select_shape > div label{height: 100%;display: flex;align-items: self-start;padding: 15px 45px 15px 15px;gap: 0 10px;cursor: pointer;width: calc(100% - 1px); box-sizing: border-box;outline-offset: -3px; flex-direction: row-reverse; justify-content: flex-end;}
.facet .select_shape > div label span {word-break: keep-all;}
.facet .select_shape > div .main_agency {border-bottom: 0; height: auto; overflow: visible; visibility: visible;}
.facet .select_shape > div .main_agency:last-child {border-bottom: 0;}
.facet .select_shape div.main_agency:hover {background: #CEE9FF; color: var(--main-color);}
.facet .select_shape div.main_agency:hover .num {background: var(--main-color2); color: #fff;}
.facet .select_shape div.main_agency.active{background: #CEE9FF;color: var(--main-color);font-weight: 700;}
.facet .select_shape div.main_agency.active + .main_agency.active {border-top: 0;}
.facet .select_shape div.active label:before{text-align: center;content: ">";width: 22px;height: 22px;border-radius: 3px;color: #fff;position: absolute;right: 14px;background: var(--main-color2);font-size: 13px;top: 28px;transform: translate(0, -50%);border: 1px solid var(--main-color2); font-family: cursive; display: flex; align-items: center; justify-content: center;}
.facet .select_shape div.active .num {background: #fff;}
.facet .select_shape .map_list_item {border-top:1px solid #e0e1e7;}
.facet .select_shape .map_list_item:nth-child(1) {border-top:0;}
.facet .select_shape.group1{background: #fff;border-right: 1px solid #e0e1e7;width: 50%;border-radius: 0;overflow-y: auto;overflow-x: hidden;/* flex-basis: 50%; */}
.facet .select_shape .sel-btn{display:none;}
.facet .select_shape{/* flex:1 0 50%; */border:0;box-sizing: border-box;background: #fff; width: 100%; overflow-y: auto; overflow-x: hidden;}
.facet .map_list_tit {height: auto;}
.facet .select_shape > div{position:static;visibility: visible;border: 0;width: calc(100% + 1px);height: auto;display: flex;align-items: center;/* border-right: 1px solid #e0e1e7; *//* padding: 0 15px; */font-size: .9em;cursor: pointer;gap: 0 10px;flex-direction: column;/* overflow-y: auto; *//* overflow-x: hidden; *//* height: 462px; *//* overflow-y: auto; *//* overflow-x: hidden; *//* height: 583px; */}
.facet .select_shape .map_list_item {text-align: left;min-height: 55px;padding: 17px 45px 15px 15px;position: relative;word-break: auto-phrase;}
.facet .select_shape > div.main_agency:hover:before {text-align: center;content: ">";width: 20px;height: 22px;border-radius: 3px;color:#a1a5b8;border:1px solid #a1a5b8;position:absolute;right: 14px;font-size: 12px; padding-left: 2px; line-height: 1.8; background: transparent;}
.facet .select_shape > div input[type="checkbox"] {position: absolute; left: -9999px; background: #fff;}
.facet .select_shape > div ul{max-height: none;height: 500px;min-height: 100%;}
.facet .select_shape ul li a{background:none;min-height: 55px;border: 0;color: #636b89;padding: 5px 25px;position: relative;padding-right: 40px;}
.facet .select_shape .map_list_item {cursor: pointer;border: none;width: 100%;}
@media(min-width:1024px){
    .facet .select_shape .map_list_item:hover {background: #CEE9FF; color: var(--main-color);}
    .facet .select_shape .map_list_item:hover:before {text-align: center;content: ">";width: 22px;height: 22px;border-radius: 3px;color: #fff;position: absolute;right: 14px;background: var(--main-color2);font-size: 13px;top: 28px;transform: translate(0, -50%);border: 1px solid var(--main-color2); font-family: cursive; display: flex; align-items: center; justify-content: center;}
}

@media(max-width: 1200px) {
	.infra_facet.facet .wrap .left{position:relative;width:100%;margin-bottom: 20px;}
	.facet .wrap .right {padding-left: 0;}
	.facet .cate_agency ul {margin-bottom: 0;}
	.expert.facet .wrap .left {width: 100%;position: relative;height: auto;min-height: auto;margin-bottom: 30px;}
	.expert.facet .select_shape.group1 {height: calc(100% - 135px) !important;max-height: calc(100% - 135px);display: none;}
	.infra_facet.facet .agency_wrap{display:block;}
	/*.infra_facet.facet .select_shape{display:none;}*/
	.infra_facet.facet .select_shape.group1{width:100%;border:0;height: auto;}
	.infra_facet.facet .map_list_wrap{width:100%;border:0;height: auto;}

	.facet .select_shape > div .main_agency,
	.facet .select_shape .map_list_item{width: 50%;border-bottom: 1px solid #ddd;height: auto;}
	.facet .select_shape > div .main_agency:not(:nth-of-type(2n)), .facet .select_shape .map_list_item:not(:nth-of-type(2n)){border-right: 1px solid #ddd;}
	.facet .select_shape > div .main_agency:nth-last-child(2):nth-child(odd),
	.facet .select_shape .map_list_item:nth-last-child(2):nth-child(odd),
	.facet .select_shape .map_list_item:nth-last-child(1){border-bottom: 0;}
	.facet .select_shape div.main_agency.active:nth-of-type(n+2) + .main_agency.active{/* border-top:1px solid #fff; */}
	.facet .select_shape > div{flex-direction:row;flex-wrap: wrap;gap: 0;border: 1px solid #ddd;margin: 10px;width: auto;align-items: normal;}
	.facet .wrap .slide_btn {left: 0;bottom: 0;top: inherit;position: relative;width: 100%;display: none;}
	.facet .wrap .left.toggle {left: -380px;}
	.facet .map_list_tit {background: #ececec;width: 100%;height: 55px;border: none;padding: 0 15px;/* align-items: baseline; */display: flex;justify-content: space-between;/* align-items: center; */border-top: 1px solid #ddd;}
	.facet .select_shape > div label{padding-right:10px;}
	.facet .select_shape div.active label:before{display:none;}
	.facet .select_shape .map_list_item.active_2:before{display:none;}
	.facet .select_shape .map_list_item{padding-right:15px;}

	.facet .tabpanel_wrap .tabpanel.flex {flex-direction: column;}
}
.facet .select_shape .map_list_item.active_2{background: #cfcff7;color: var(--blue-color);font-weight: 700;/* width: 100%; */}
.facet .select_shape .map_list_item.active_2:before{text-align: center;content: ">";width: 20px;height: 22px;border-radius: 3px;color:#fff;position:absolute;right: 14px;background: var(--main-color2); font-size: 12px; padding-left: 2px; line-height: 1.8;}
/* <!-- facet common --> */