@charset "utf-8";

header {}
.header_inner {border-bottom: 1px solid #eee;}
.header_area {width: 1440px; margin: 0 auto; position: relative; text-align: center; padding: 30px 0 20px;}

.header_logo {position: absolute; left: 0; top: 30px; z-index: 1;}
.header_logo a {display: inline-block; font-size: 0; vertical-align: middle;}
.header_logo a img {}

.header_logo .header_info {display: inline-block; vertical-align: middle; margin-left: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, .1); border-radius: 22px; position: relative;}
.header_logo .header_info button {padding-right: 32px; height: 44px; width: 140px; background: url(../../img/header/ico_chevron_down.png) no-repeat right 10px center/20px;}
.header_logo .header_info button.on {background: url(../../img/header/ico_chevron_up.png) no-repeat right 10px center/20px;}
.header_logo .header_info button span {font-size: 16px; display: inline-block; padding-left: 18px; background: url(../../img/header/ico_location.png) no-repeat left top 1px/13px 17px;}

.header_logo .header_info .info_menu {position: absolute; right: 0; top: 47px; width: 100%; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .1); border-radius: 7px; overflow: hidden; z-index: 1; display: none;}
.header_logo .header_info .info_menu.on {display: block;}
.header_logo .header_info .info_menu ul {}
.header_logo .header_info .info_menu ul li {}
.header_logo .header_info .info_menu ul li:hover a {background: #c90915; color: #fff;}
.header_logo .header_info .info_menu ul li a {display: block; padding: 8px 0; font-size: 14px; text-align: center;}

.header_logo_actions {display: none;}

.header_search {position: relative; display: inline-block; width: 500px;}
.header_search input {width: 100%; height: 48px; background: #f8f8f8; border-radius: 24px; font-size: 15px; padding: 0 55px 0 30px; box-sizing: border-box; border: 0;}
.header_search input::placeholder {color: #888;}
.header_search .btn_header_search {position: absolute; top: 0; right: 0; width: 48px; height: 48px; background: #c90915 url(../../img/header/ico_header_search.png) no-repeat center/22px; font-size: 0; border-radius: 50%;}

.header_link {position: absolute; right: 0; top: 30px;}
.header_link ul {}
.header_link ul li {text-align: center; margin-right: 32px; display: inline-block; vertical-align: top;}
.header_link ul li:last-child {margin-right: 0;}
.header_link ul li a {display: block;}
.header_link ul li a span {display: block; font-size: 12px; font-weight: bold; padding-top: 25px;}
.header_link ul li.login a span {background: url(../../img/header/ico_header_login.png) no-repeat center top/26px 22px;}
.header_link ul li.join a span {background: url(../../img/header/ico_header_join.png) no-repeat center top/18px 22px;}
.header_link ul li.mypage a span {background: url(../../img/header/ico_header_mypage.png) no-repeat center top/18px 22px;}
.header_link ul li.logout a span {background: url(../../img/header/ico_header_logout.png) no-repeat center top/18px 22px;}

/* 공통 탑 */
.common_top {position: relative; text-align: center;}
.common_top .ban {font-size: 0; height: 300px; overflow: hidden;}
.common_top .ban img {width: 100%; height: 100%; object-fit: cover;}
.common_top .ban img.ban_pc {display: block;}
.common_top .ban img.ban_mo {display: none;}
.common_top .ban strong {font-size: 30px; font-weight: 600; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); white-space: nowrap; max-width: 90%;}

.common_tab {position: absolute; width: 100%; bottom: 0; text-align: center;}
.common_tab > ul {font-size: 0;}
.common_tab > ul > li {display: inline-block; vertical-align: top; width: 200px; text-align: center; position: relative;}
.common_tab > ul > li > a {display: block; font-size: 16px; font-weight: 600; background: rgba(0, 0, 0, .5); color: #fff; padding: 16px 0;}
.common_tab > ul > li.on {}
.common_tab > ul > li.on > a {background: rgba(255, 153, 0, .7);}
.common_tab > ul > li:hover > ul.depth_01 {display: block;}
.common_tab > ul > li > ul.depth_01 {font-size: 0; display: none; position: absolute; left: 0; top: 57px; width: 100%;}
.common_tab > ul > li > ul.depth_01 > li {}
.common_tab > ul > li > ul.depth_01 > li a {font-size: 15px; font-weight: 600; color: #333; display: block; background: #e6e6e6; padding: 13px 0;}

.common_tab.consult > ul > li {width: 112px;}
.common_tab.helper > ul > li {width: 158px;}
.common_tab.helper > ul > li.big {width: 213px;}
.common_tab.brd > ul > li {width: 104px;}

.cate_menu {text-align: left; width: 1440px; margin: 15px auto 20px; position: relative;}
.cate_menu .btn_allmenu {position: relative; padding-right:13px; margin-right: 13px; display: inline-block; vertical-align: middle;}
.cate_menu .btn_allmenu:after {content: ''; width: 1px; height: 18px; background: #ddd; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.cate_menu .btn_allmenu span {display: inline-block; padding-left: 25px; background: url(../../img/header/ico_all_menu.png) no-repeat left center/16px 14px; font-weight: bold; font-size: 16px;}

.cate_menu .cate_box {display: inline-block; vertical-align: middle;}
.cate_menu ul {}
.cate_menu ul li {display: inline-block; margin-right: 25px;}
.cate_menu ul li:last-child {margin-right: 0;}
.cate_menu ul li a {font-size: 16px; font-weight: 600; color: #333;}

.login_msg {position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.login_msg p {position: relative; font-size: 14px; color: #555; padding-left: 12px;}
.login_msg p:after {content: ''; width: 4px; height: 4px; border-raidus: 50%; background: #c90915; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

/* footer */
footer {margin: 70px 0 0; background: #232323; padding: 40px 0 30px;}
footer .footer_top {width: 1440px; margin: 0 auto 15px; display: flex; justify-content: space-between; align-items: center;}
footer .footer_top > a {display: block;}
footer .footer_top ul {font-size: 0;}
footer .footer_top ul li {display: inline-block; margin-right: 35px;}
footer .footer_top ul li:last-child {margin-right: 0;}
footer .footer_top ul li a {font-size: 14px; font-weight: bold; color: #fff;}
footer .footer_top ul li.privacy a {color: #e60012;}

.footer_cont {width: 1440px; margin: 0 auto 22px; background: #333; border-radius: 20px; padding: 30px 32px 25px; box-sizing: border-box;}
.footer_cont .foot_info {margin-bottom: 30px;}
.footer_cont .foot_info > a {display: block; font-size: 0; margin: 0 0 40px;}
.footer_cont .foot_info > a img {max-width: 100%;}
.footer_cont .foot_info dl {display: inline-block; margin-right: 24px; font-size: 0;}
.footer_cont .foot_info dl:last-child {margin-right: 0;}
.footer_cont .foot_info dl dt,
.footer_cont .foot_info dl dd {display: inline-block; vertical-align: middle; font-size: 16px; font-weight: 500;}
.footer_cont .foot_info dl dt {color: #999;}
.footer_cont .foot_info dl dd {color: #fff; padding-left: 8px;}
.footer_cont .foot_info > strong {font-size: 14px; color: #999; font-weight: 400; display: block; margin: 30px 0 0;}

.footer_cont .foot_addr {}
.footer_cont .foot_addr ul {font-size: 0; margin: 0 -10px; margin-top: -6px;}
.footer_cont .foot_addr ul li {font-size: 14px; color: #999; display: inline-block; vertical-align: top; width: 50%; padding: 0 10px; box-sizing: border-box; word-break: keep-all; margin-top: 6px;}
.footer_cont .foot_addr ul li span {color: #fff;}

.foot_link {width: 1440px; margin: 0 auto 30px;}
.foot_link ul {display: flex; gap: 60px; align-items: center;}
.foot_link ul li {display: inline-block; vertical-align: top; margin: 0;}
.foot_link ul li a {text-align: center; display: flex; flex-direction: column; align-items: center;}
.foot_link ul li a img {display: block; height: 50px; width: auto;}
.foot_link ul li a span {display: block; font-size: 12px; font-weight: 500; color: #fff; margin: 8px 0 0;}

footer > strong {font-size: 14px; color: #999; width: 1440px; margin: 0 auto; display: block; font-weight: 300;}

/* 지도 */
.map_box_main {width: 100%; height: 327px; border-radius: 16px; overflow: hidden;}
.map_box_service {width: 100%; height: 540px; border-radius: 16px; overflow: hidden;}
.map_info_box {display: block; background-color: #c90c0c; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.3); padding: 12px 14px; color: #fff; text-decoration: none; font-size: 15px; font-weight: 500; text-align: center; white-space: normal; word-break: keep-all; line-height: 1.5; width: 220px; }

/* 체크박스 */
.form_element {overflow:hidden; position:relative;}
.form_element label {position:relative; display:inline-block; background:url('../../img/ico/check_off.png') no-repeat left center/13px; cursor: pointer; padding-left: 22px;}
.form_element label.on {background:url('../../img/ico/check_on.png') no-repeat left center/13px;}
.form_element label.disabled {background:url('../../img/ico/check_disabled.png') no-repeat left center/13px; cursor: not-allowed;}
/* 라디오 */
.form_element label.choice {position:relative; display:inline-block; background:url('../../img/ico/radio_off.png') no-repeat left center/14px; cursor: pointer; padding-left: 24px;}
.form_element label.choice.on {background:url('../../img/ico/radio_on.png') no-repeat left center/14px;}
.form_element label.choice.sm {position:relative; display:inline-block; background:url('../../img/ico/radio_s_off.png') no-repeat left center/15px; cursor: pointer; padding-left: 24px;}
.form_element label.choice.sm.on {background:url('../../img/ico/radio_s_on.png') no-repeat left center/15px;}

.form_element input {position:absolute;top:3px;left:1px;width:0;z-index:-1;visibility:hidden;}

/* 팝업 */
.pop_bg {background-color:rgba(0, 0, 0, .84); position:fixed; top:0; left:0; right:0; bottom:0; z-index:301;}
.pop_wrap {width:100%; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); padding:30px 10px; max-width:800px; box-sizing:border-box;}
.pop_wrap .pop_cover {background-color:#fff; position:relative; border-radius: 26px;}
.pop_wrap .pop_cover .tit {text-align:left; font-size:20px; font-weight: 800; border-bottom: 1px solid #d5d5d5; padding: 0 50px;}
.pop_wrap .pop_cover .tit span {display: inline-block; line-height: 63px;}
.pop_wrap .pop_cover .btn_x {position:absolute; right:34px; top:25px; cursor:pointer; font-size: 0;}
.pop_wrap .pop_cover .pop_cont {max-height:500px; overflow-y:auto; padding:25px 50px; box-sizing:border-box;}
.pop_wrap .pop_cover .pop_cont > strong {display: block; margin: 0 auto 10px; font-size: 16px; font-weight: 800; text-align: center;}
.pop_wrap .pop_cover .pop_cont > p {font-size: 16px; text-align: center;}
.pop_wrap .pop_cover .btn_center_box {padding:20px 0; margin: 0;}
.pop_wrap .pop_cover .btn_center_box button{background-color:#d5ecf9; color:#3096d1; width:200px; height: 52px; line-height:50px; text-align:center; font-size:16px; font-weight: 800; border-radius: 26px;}

.privacy .pop_wrap .pop_cover .tit {background: #ff9900; border-radius: 26px 26px 0 0; text-align: center;}
.privacy .pop_wrap .pop_cover .tit span {color: #fff; font-size: 30px; font-weight: bold; line-height: 82px;}
.privacy .pop_wrap .pop_cover .btn_x {top:35px;}
.terms .pop_wrap .pop_cover .tit {background: #ff9900; border-radius: 26px 26px 0 0; text-align: center;}
.terms .pop_wrap .pop_cover .tit span {color: #fff; font-size: 30px; font-weight: bold; line-height: 82px;}
.terms .pop_wrap .pop_cover .btn_x {top:35px;}
.pop_wrap .pop_cover .pop_cont .footer_wrap {}
.pop_wrap .pop_cover .pop_cont .footer_wrap p {font-size: 14px; font-weight: 500;}

.popSlide {}
.popSlide .pop_wrap {max-width: 690px;}
.popSlide .pop_wrap .pop_cover {background: none; border-radius: 0;}
.popSlide .pop_wrap .pop_cover .pop_cont {max-height: unset; padding: 0; overflow: unset;}
.popSlide .pop_wrap .pop_cover .pop_cont .slick-slide {padding: 0 10px; box-sizing: border-box; aspect-ratio: 210/297; overflow: hidden;}
.popSlide .pop_wrap .pop_cover .pop_cont .slick-slide img {width: 100%; height: 100%; object-fit: cover;}
.popSlide .pop_wrap .pop_cover .pop_cont .pop_visual {position: relative;}
.popSlide .pop_wrap .pop_cover .pop_cont .pop_visual .slick-arrow {position: absolute; top: 50%; transform: translateY(-50%); background-repeat: no-repeat; background-position: center; background-size: 21px 28px; width: 21px; height: 28px; font-size: 0; cursor: pointer;}
.popSlide .pop_wrap .pop_cover .pop_cont .pop_visual .pop_prev_btn {left: -30px; background-image: url(../../img/main/main_arrow_left.png);}
.popSlide .pop_wrap .pop_cover .pop_cont .pop_visual .pop_next_btn {right: -30px; background-image: url(../../img/main/main_arrow_right.png);}
.popSlide .btn_center_box {}
.popSlide .btn_center_box button.btn_orange {background: #ff9900; font-size: 14px; color: #fff; font-weight: 600; border-radius: 6px; width: 100%;}
.popSlide .btn_center_box button.btn_gray {background: #404040; font-size: 14px; color: #fff; font-weight: 600; border-radius: 6px; width: 100%;}

.common_layer .pop_wrap {max-width: 605px;}
.common_layer .pop_wrap .pop_cover .btn_center_box {padding-top: 0;}
.common_layer .password_change {margin: 25px 0 0;}
.common_layer .password_change input {width: 100%; height: 43px; border-radius: 21px; background: #f8f8f8; border: 0; font-size: 16px; padding: 0 40px; box-sizing: border-box; margin-bottom: 12px;}
.common_layer .password_change input:last-child {margin-bottom: 0;}
.common_layer .btn_orange a {font-size: 16px; font-weight: 800; line-height: 50px; color: #cc6600; border-radius: 26px; background: #ffcc99;}
.common_layer .btn_blue a {font-size: 16px; font-weight: 800; line-height: 50px; color: #3096d1; border-radius: 26px; background: #d5ecf9 !important;}

.info_layer .pop_wrap {max-width: 1000px;}
.info_layer .pop_wrap .pop_cover .pop_cont {padding: 25px 50px;}
.info_layer .pop_wrap .pop_cover .pop_cont > p {margin-bottom: 15px; text-align: left;}
.info_layer table {width: 100%; border-collapse: collapse;}
.info_layer table th {font-size: 16px; font-weight: 600; color: #333; text-align: center; padding: 20px 10px; border-bottom: 1px solid #d9d9d9; background: #fff9f6; word-break: keep-all;}
.info_layer table td {font-size: 16px; text-align: center; padding: 15px 10px; border-bottom: 1px solid #d9d9d9;}

.inner_tab {padding: 12px 0; border-bottom: 1px solid #d9d9d9;}
.inner_tab ul {font-size: 0; text-align: center;}
.inner_tab ul li {display: inline-block; margin-right: 10px;}
.inner_tab ul li:last-child {margin-right: 0;}
.inner_tab ul li a {font-size: 16px; font-weight: bold; display: block; line-height: 30px; padding: 0 20px;}
.inner_tab ul li.on a {background: #c90c0c; color: #fff; border-radius: 9px;}

/* 버튼 */
.btn_center_box {text-align: center; margin: 54px 0 0;}
.btn_center_box ul {}
.btn_center_box ul li {display: inline-block; vertical-align: middle; width: 200px; margin-right: 10px;}
.btn_center_box ul li:last-child {margin-right: 0;}
.btn_center_box ul li button {font-size: 16px;}
.btn_center_box ul li button span {display: inline-block; font-size: 16px; font-weight: 800; padding-left: 30px;}
.btn_center_box ul li a {display: block; border-radius: 35px;}
.btn_center_box ul li a span {display: inline-block; font-size: 16px; font-weight: 800; line-height: 55px; padding-left: 30px;}
.btn_center_box ul li.btn_list a {background: #d5ecf9;}
.btn_center_box ul li.btn_list span {background: url(../../img/ico/ico_list.png) no-repeat left center; color: #3096d1;}
.btn_center_box ul li.btn_subs a {background: #f4d5a8;}
.btn_center_box ul li.btn_subs span {background: url(../../img/ico/ico_subs.png) no-repeat left center; color: #f15a24;}
.btn_center_box ul li.btn_blue a,
.btn_center_box ul li.btn_blue button {background: #0099ff;}
.btn_center_box ul li.btn_blue button:disabled {opacity: 0.5; cursor: not-allowed;}
.btn_center_box ul li.btn_blue span {background: url(../../img/ico/ico_send.png) no-repeat left center; color: #fff; padding-left: 35px;}
.btn_center_box ul li.btn_gray a,
.btn_center_box ul li.btn_gray.v2 a {background: #ccc;}
.btn_center_box ul li.btn_gray span {background: url(../../img/ico/ico_hackout.png) no-repeat left center; color: #fff; padding-left: 37px;}
.btn_center_box ul li.btn_gray.delete span {background: url(../../img/ico/upload_delete.png) no-repeat left center/20px; color: #fff; padding-left: 30px;}
.btn_center_box ul li.btn_gray.non_img span {background: none; padding: 0;}

/* 사이드 메뉴 */
.side_menu {position: fixed; top: 0; right: 0; bottom: 0; width: 400px; background: #f1f1f1; z-index: 1000; padding: 30px 20px; overflow-y: auto; transform: translateX(100%); transition: transform 0.3s ease; box-sizing: border-box;}
.side_menu.on {transform: translateX(0);}

/* 사이드 메뉴 배경 오버레이 */
.side_overlay {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 999; display: none;}
.side_overlay.on {display: block;}
.side_menu .side_top {position: relative; padding: 40px 0 0; margin: 0 0 40px;}
.side_menu .side_top .side_x {background: url(../../img/ico/ico_side_x.png) no-repeat center/24px; width: 24px; height: 24px; font-size: 0; position: absolute; right: 0; top: 0;}
.side_menu .side_top ul {display: flex; justify-content: space-between; align-items: center;}
.side_menu .side_top ul li {flex: 1; text-align: center; position: relative;}
.side_menu .side_top ul li:after {content: ''; width: 1px; height: 40px; background: #ccc; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.side_menu .side_top ul li:last-child:after {display: none;}
.side_menu .side_top ul li a {display: block;}
.side_menu .side_top ul li a span {display: block; font-size: 14px; font-weight: bold; /* padding-top: 32px; */}
/*
.side_menu .side_top ul li.login a span {background: url(../../img/ico/ico_side_login.png) no-repeat center top/31px 26px;}
.side_menu .side_top ul li.join a span {background: url(../../img/ico/ico_side_join.png) no-repeat center top/auto 26px;}
.side_menu .side_top ul li.mypage a span {background: url(../../img/ico/ico_side_mypage.png) no-repeat center top/21px 27px;}
.side_menu .side_top ul li.logout a span {background: url(../../img/ico/ico_side_logout.png) no-repeat center top/31px auto;}
.side_menu .side_top ul li.logon a span {background: url(../../img/ico/ico_side_join.png) no-repeat left center/auto 26px; padding: 0 0 0 25px; text-align: left;}
*/


.side_menu .menu_list {background: #fff; border-radius: 18px; padding: 0 25px; margin: 0 0 40px;}
.side_menu .menu_list > ul {}
.side_menu .menu_list > ul > li {border-top: 1px solid #ccc;}
.side_menu .menu_list > ul > li:first-child {border-top: 0;}
.side_menu .menu_list > ul > li > a {font-size: 16px; font-weight: bold; display: block; padding: 15px 0;}
.side_menu .menu_list > ul > li.arrow > a {background: url(../../img/ico/ico_side_arrow.png) no-repeat right center/auto 23px;}
.side_menu .menu_list > ul > li.arrow > a.on {background: url(../../img/ico/ico_side_arrow_down.png) no-repeat right center/23px auto;}

.side_menu .menu_list > ul > li ul.depth_01 {display: none; padding: 0 0 20px 20px;}
.side_menu .menu_list > ul > li ul.depth_01 li {margin-bottom: 15px;}
.side_menu .menu_list > ul > li ul.depth_01 li:last-child {margin-bottom: 0;}
.side_menu .menu_list > ul > li ul.depth_01 li a {display: block; font-size: 16px; font-weight: 500; position: relative; padding-left: 7px;}
.side_menu .menu_list > ul > li ul.depth_01 li a:after {content: ''; width: 3px; height: 3px; background: #000; position: absolute; left: 0; top: 9px;}

.side_menu .menu_list > ul > li ul.depth_01 li .depth_02 {padding: 10px 0 0 30px;}

.side_menu .side_link {}
.side_menu .side_link ul {}
.side_menu .side_link ul li {background: #fff; border-radius: 18px; padding: 16px 25px; margin-bottom: 8px;}
.side_menu .side_link ul li:last-child {margin-bottom: 0;}
.side_menu .side_link ul li img {vertical-align: middle; margin-right: 40px; width: 38px; display: none;}
.side_menu .side_link ul li span {vertical-align: middle; font-size: 16px; font-weight: bold;}


@media screen and (max-width: 1440px) {
    .header_area {width: 100%; padding: 15px; box-sizing: border-box;}
    .header_logo {top: 50%; transform: translateY(-50%); left: 15px;}
    .header_link {top: 50%; transform: translateY(-50%); right: 15px;}
    .header_search {width: 30%;}

    .cate_menu {width: 100%; padding: 0 15px; box-sizing: border-box;}
    .login_msg {right: 15px;}

    footer .footer_top {width: 100%; padding: 20px 15px; box-sizing: border-box;}
    .footer_cont {width: calc(100% - 30px); margin: 0 15px 22px; padding: 20px 15px; box-sizing: border-box; display: block;}
    .footer_cont .foot_info {margin: 0 0 20px;}

    .common_tab.helper ul li,
    .common_tab.helper ul li.big {width: auto;}

    .common_tab ul {display: table; width: 100%;}
    .common_tab > ul > li {display: table-cell; width: auto;}

    .foot_link,
    footer > strong {width: 100%; padding: 0 15px; box-sizing: border-box;}
    .common_tab > ul > li > ul.depth_01 > li a {font-size: 14px;}
}

@media screen and (max-width: 1100px) {
    .header_inner {position: relative;}
    .header_area {text-align: left; display: flex; flex-direction: column;}
    .header_search {width: 100%; order: 2;}
    .header_search input {height: 40px;}
    .header_search .btn_header_search {width: 40px; height: 40px; background-size: 18px;}

    .cate_menu {position: relative;}
    .cate_menu .login_msg {position: absolute; bottom: 100%; right: 15px; margin: 0 0 10px 0; transform: none; text-align: right;}

    .header_logo {position: static; transform: unset; text-align: left; margin: 10px 0 15px; order: 1; display: flex; align-items: center;}
    .header_logo > a {flex: 1;}
    .header_logo a img {height: 20px; max-width: 150px; width: auto;}
    .header_logo .header_info {margin-left: auto; margin-right: 0; display: block;}
    .header_logo .header_info button {
        height: 32px;
        width: 130px;
        padding-right: 24px;
    }
    .header_logo .header_info button span {
        font-size: 12px;
    }

    .header_logo .header_info .info_menu {top: 36px; right: 0; left: auto; width: 140px;}
    .header_logo .header_info .info_menu ul li a {font-size: 13px; padding: 6px 0;}

    .header_logo_actions {display: flex; align-items: center; gap: 0; margin-left: 12px;}
    .header_logo_actions .btn_mobile_login {
        display: none;
    }
    .header_logo_actions .btn_mobile_menu {
        width: 28px;
        height: 28px;
        background: url(../../img/header/ico_all_menu.png) no-repeat center/24px 22px;
        border: 0;
        padding: 0;
        flex-shrink: 0;
        cursor: pointer;
        font-size: 0;
    }

    .header_link {display: none;}

    .footer_cont .foot_info {margin-bottom: 20px;}
    .footer_cont .foot_addr ul li {width: 100%;}
    .foot_link ul {gap: 40px;}

    .common_tab ul {display: table; width: 100%;}
    .common_tab > ul > li {display: table-cell; width: auto;}

    .map_box_main {height: 290px;}
    .map_box_service {height: 420px;}
    .aca_slide img {height: 420px; object-fit: cover; border-radius: 16px;}
    .map_info_box {font-size: 15px; padding: 10px 12px; width: 200px;}
}

@media screen and (max-width: 910px) {
    .footer_cont .foot_addr, .foot_link {display: block; width: 100%; margin-bottom: 15px;}
    .footer_cont .foot_addr {margin-bottom: 0;}

    .common_tab.consult ul li {width: auto;}
    .common_tab.consult ul li a {padding: 0 15px;}

    .common_tab {position: static; overflow-x: auto;}

    .common_tab.consult ul li,
    .common_tab.brd ul li {width: auto;}

    .common_tab > ul > li > a {font-size: 14px; line-height: 35px; white-space: nowrap; padding: 0 10px; background: rgba(53, 53, 53, 1);}
    .common_tab > ul > li.on > a {background: rgba(231, 144, 14, 1);}
    .common_tab > ul > li:first-child > a,
    .common_tab > ul > li:last-child > a {border-radius: 0;}

    .privacy .pop_wrap .pop_cover .tit span {font-size: 20px; line-height: 60px;}
    .privacy .pop_wrap .pop_cover .btn_x {top: 20px;}
    .privacy .pop_wrap .pop_cover .pop_cont {padding: 10px 40px;}

    .terms .pop_wrap .pop_cover .tit span {font-size: 20px; line-height: 60px;}
    .terms .pop_wrap .pop_cover .btn_x {top: 20px;}
    .terms .pop_wrap .pop_cover .pop_cont {padding: 10px 40px;}

    .common_top .ban {height: 180px;}
    .common_top .ban img.ban_pc {display: none;}
    .common_top .ban img.ban_mo {display: block;}

    .map_box_main {height: 260px;}
    .map_box_service {height: 340px;}
    .map_info_box {font-size: 14px; padding: 8px 10px; width: 180px;}
    .aca_slide img {height: 340px; object-fit: cover; border-radius: 16px;}
}

@media screen and (max-width: 550px) {
    .header_area {padding: 10px 15px;}
    .header_link {bottom: 5px;}
    .header_link ul li {margin-right: 5px;}
    .header_search {width: 100%;}
    .header_search input {font-size: 13px;}

    .header_link ul li a span {padding-top: 16px; font-size: 11px;}
    .header_link ul li.login a span {background: url(../../img/header/ico_header_login.png) no-repeat center top/16px auto;}
    .header_link ul li.join {display: none;}
    .header_link ul li.mypage a span {background: url(../../img/header/ico_header_mypage.png) no-repeat center top/10px auto;}
    .header_link ul li.logout a span {background: url(../../img/header/ico_header_logout.png) no-repeat center top/10px auto;}

    .cate_menu {margin: 0;}
    .cate_menu .btn_allmenu,
    .cate_menu .cate_box {display: none;}
    .cate_menu:has(.login_msg) {padding-top: 40px;}
    .cate_menu .login_msg {display: block; position: absolute; top: 5px; right: 15px; margin: 0; width: auto; transform: none;}
    .login_msg p {font-size: 13px;}

    footer {padding: 20px 0;}
    footer .footer_top {padding: 0 15px;}
    footer .footer_top > a img {width: 60%;}
    footer .footer_top ul {padding: 10px 0;}
    footer .footer_top ul li {margin-right: 10px;}
    footer .footer_top ul li a {font-size: 12px;}

    .footer_cont .foot_info > a {margin: 0 0 20px;}
    .footer_cont .foot_info > a img {height: 25px;}

    .footer_cont .foot_info dl {display: block; margin: 0 0 8px;}
    .footer_cont .foot_info dl dt, .footer_cont .foot_info dl dd {font-size: 11px;}
    .footer_cont .foot_info dl dt {width: 100px;}
    .footer_cont .foot_info > strong {font-size: 13px; margin: 15px 0 0;}

    .footer_cont .foot_addr ul li {font-size: 11px; margin-bottom: 5px;}
    .footer_cont .foot_addr ul li span {color: #fff;}
    .footer_cont .foot_addr ul li:last-child {margin-bottom: 0;}
    .foot_link ul {margin: 0 0 30px; gap: 30px;}
    .foot_link ul li a img {height: 40px;}
    .foot_link ul li a span {font-size: 11px;}
    footer > strong {text-align: center; font-size: 11px;}

    /* 팝업 */
    .pop_wrap .pop_cover {border-radius: 15px;}
    .pop_wrap .pop_cover .tit {padding: 0 20px; font-size: 16px;}
    .pop_wrap .pop_cover .tit span {line-height: 40px;}
    .pop_wrap .pop_cover .btn_x {top: 13px; right: 20px;}

    .pop_wrap .pop_cover .pop_cont {padding: 20px;}
    .pop_wrap .pop_cover .btn_center_box ul {display: table; width: 100%; padding: 0 20px; box-sizing: border-box;}
    .pop_wrap .pop_cover .btn_center_box ul li {width: 50%; display: table-cell; margin: 0; padding: 0 5px 0 0; box-sizing: border-box;}
    .pop_wrap .pop_cover .btn_center_box ul li:last-child {padding: 0 0 0 5px;}
    .popSlide .pop_wrap .pop_cover .btn_center_box ul {padding: 0;}
    .pop_wrap .pop_cover .pop_cont > strong,
    .pop_wrap .pop_cover .pop_cont > p {font-size: 14px; word-break: keep-all;}
    .privacy .pop_wrap .pop_cover .tit {border-radius: 15px 15px 0 0;}
    .privacy .pop_wrap .pop_cover .pop_cont {padding: 10px 15px; max-height: 350px;}
    .privacy .pop_wrap .pop_cover .tit span {line-height: 40px;}
    .privacy .pop_wrap .pop_cover .btn_x {top: 10px;}
    .terms .pop_wrap .pop_cover .tit {border-radius: 15px 15px 0 0;}
    .terms .pop_wrap .pop_cover .pop_cont {padding: 10px 15px; max-height: 350px;}
    .terms .pop_wrap .pop_cover .tit span {line-height: 40px;}
    .terms .pop_wrap .pop_cover .btn_x {top: 10px;}
    .pop_wrap .pop_cover .pop_cont .footer_wrap p {font-size: 12px;}

    .common_top .ban {height: 120px;}
    .common_top .ban strong {font-size: 26px;}
    .common_layer .btn_orange a,
    .common_layer .btn_blue a {font-size: 14px; line-height: 40px;}
    .pop_wrap .pop_cover .btn_center_box button {height: 40px; line-height: 38px; font-size: 14px;}
    .common_layer .password_change input {height: 35px; font-size: 13px; padding: 0 20px;}

    .btn_center_box {margin: 30px 0 0;}
    .btn_center_box ul {font-size: 0; display: flex; flex-wrap: nowrap; gap: 8px;}
    .btn_center_box ul li {margin: 0; flex: 1; min-width: 0;}
    .btn_center_box ul li:only-child {width: 100%;}
    .btn_center_box ul li a span {font-size: 13px; line-height: 45px;}
    .btn_center_box ul li button {font-size: 13px; width: 100%;}
    .btn_center_box ul li button span {font-size: 13px;}

    .popSlide .pop_wrap {padding: 20px 50px;}

    .map_box_main {height: 230px;}
    .map_box_service {height: 280px;}
    .map_info_box {font-size: 12px; padding: 6px 8px; width: 160px;}
    .aca_slide img {height: 280px; object-fit: cover; border-radius: 16px;}

    /* 사이드 메뉴 - 모바일에서 전체 화면 */
    .side_menu {width: 100%; left: 0; right: auto; padding: 15px;}
    .side_menu.on {left: 0;}
    .side_menu .side_top {padding: 25px 0 0; margin: 0 0 30px;}
    .side_menu .side_top .side_x {
        position: fixed;
        top: 25px;
        right: 15px;
        width: 28px;
        height: 28px;
        background-size: 24px;
    }
}