@charset "utf-8";
/* 시스템 사이트의 경우 :  메인+서브에 공통 적용되는 common.css 파일 추가해 메인+서브 공통부분, 서브에 적용되는 css 기재 / 메인에만 적용되는 main.css 추가해 메인 css 기재 */
/* 일반 사이트의 경우 : 메인+서브에 공통 적용되는 common.css 파일 추가해 메인+서브 공통부분 css / 메인에만 적용되는 main.css 추가해 메인 css 기재 / 서브에만 적용되는 sub.css 추가해 서브 css 기재 */
/* 시스템, 일반 사이트 공통 : 멤버십, 에러 등이 필요한 경우 퍼블 가이드 UI 요소에서 원하는 부분만 복사해서 common.css에 기재 */
/* basic.css, board.css에서 수정해서 사용할 것들은 common.css에 수정 css 적기 (basic, board 수정 X) */
:root{
    --primary : #193EC4;
    --primary-60 : #14329D;
    --primary-70 : #0F2576;
    --primary-80 : #0A194E;
    --tbl-bdr : #DBDBDB;
    --blue : var(--primary);
    --btn-blue-hover : var(--primary-60);
    --btn-bdr : #A8A8A8;
    --tbl-th : #F7F9FE;
    --disabled-bg: #F5F5F5;
    --disabled-bd: #DBDBDB;
}

/** layout **/
/* common */
#container{padding-bottom: 15rem;}
html{min-width: 128rem; overflow-x: auto !important;}
.wrap{width: 100%; max-width: 140rem; margin: 0 auto;}

/* header */
#header{position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,0.4);width: 100%;z-index: 9991;transition: all 0.1s;}
#header .wrap{max-width: 167.7rem; display: flex; justify-content: space-between; align-items: flex-start; height: 7rem; position: relative; z-index: 99;}
#header .logo{width: 18.4rem;}
#header .logo a{display: flex; align-items: center; height: 7rem; background: url(../images/common/img_logo_white.svg) no-repeat center / 18.4rem;}
#header .btn_menu{display:block; width: 2.4rem; height: 2.4rem; background: url(../images/icon/ico_menu_white.svg) no-repeat center; margin-top: 2.3rem;}
#header .btn_menu.active{background: url(../images/icon/ico_close_white.svg) no-repeat center;}

/* gnb */
#gnb{height: 7rem; overflow: hidden; }
#gnb > ul{display: flex;}
#gnb > ul > li > a{font-size: 1.9rem; font-weight: 700; color: #fff; width: 15rem; height: 7rem; line-height: 7rem; display: block; text-align: center; position: relative;}
#header .gnb_bg {display: none;position: absolute;left: 0;width: 100%;border-top: 1px solid #dedede;background: #fff;box-shadow: 0.4rem 1.4rem 1rem 0rem rgba(0, 0, 0, 0.05); height: 26.8rem; top: 7rem; border-top: 1px solid #EEE;}
#gnb > ul > li:hover > a{color: var(--primary) !important;}
#gnb > ul > li:hover > a::after{content: ''; display: block; width: 100%; height: 0.2rem; background: var(--primary); position: absolute; left: 0; bottom: 0;}
#gnb > ul > li:hover > ul{border-left: 1px solid #eee; border-right: 1px solid #eee; background: #FAFAFA;}
#gnb .dp2{height: 26.8rem; padding-top: 1rem;}
#gnb .dp2 li a{font-size: 1.6rem;font-weight: 500;display: block;text-align: center;padding: 1.25rem;line-height: normal;height: 4.4rem; transition: color 0.1s;}
#gnb .dp2 li a:hover{color: var(--primary); font-weight: 700;}

#header.on,
body:has(#lnb) #header{background-color: #fff !important; border-bottom: 1px solid #DBDBDB;}
#header.on #gnb > ul > li > a,
body:has(#lnb) #header #gnb > ul > li > a{color: #222;}
#header.on .logo a,
body:has(#lnb) #header .logo a{background: url(../images/common/img_logo.svg) no-repeat center / 18.4rem;}
#header.on .btn_menu,
body:has(#lnb) #header .btn_menu{background: url(../images/icon/ico_menu.svg) no-repeat center;}
#header.on .btn_menu.active,
body:has(#lnb) #header .btn_menu.active{background: url(../images/icon/ico_close.svg) no-repeat center;}

body.fp-viewing-notice #header,
body.fp-viewing-3 #header{background-color: transparent;}
body.fp-viewing-notice #header #gnb > ul > li > a,
body.fp-viewing-3 #header #gnb > ul > li > a{color: #222;}
body.fp-viewing-notice #header .logo a,
body.fp-viewing-3 #header .logo a{background: url(../images/common/img_logo.svg) no-repeat center / 18.4rem;}
body.fp-viewing-notice #header .btn_menu,
body.fp-viewing-3 #header .btn_menu{background: url(../images/icon/ico_menu.svg) no-repeat center;}

/* footer */
#footer{height: 10rem !important; min-height:0 !important; background: #191919; text-align: center; padding: 4rem 0;}
#footer .fp-overflow{overflow: hidden;}
#footer .copy{font-size: 1.6rem; color: #A3A3A3; text-transform: uppercase;}
.btn_totop{position: fixed;width: 6.4rem;height: 6.4rem;border-radius: 1rem;background: rgba(25, 25, 25, 0.80) url(../images/icon/ico_arrow_top.svg) no-repeat center;backdrop-filter: blur(0.8rem);bottom: 4rem;right: 4rem;transition: all 0.2s;z-index: 990;}
.btn_totop.bottom{bottom: 12rem;}
body.fp-viewing-main_con1 .btn_totop,
body.fp-viewing-3 .btn_totop{opacity: 0;}


/** sub common **/
.content{font-size: 1.7rem;}

/* title */
.md_tit{font-size: 2.8rem; color: var(--primary-80); margin-bottom: 2.4rem;}
.sm_tit{font-size: 1.9rem; color: #000; margin-bottom: 2rem; padding-left: 2.8rem; background: url(../images/icon/ico_sm_tit_bullet.svg) no-repeat left 0.32rem center;}

/* txt */
.list_typeA{}
.list_typeA li{position: relative; padding-left: 1.6rem;}
.list_typeA li::before{content: ''; display: block; width: 0.4rem; height: 0.4rem; border-radius: 100rem; background: var(--primary); border-radius: 100rem; position: absolute; left: 0.4rem; top: 1rem;}
.list_typeA li + li{margin-top: 0.8rem;}

/* page_top */
.page_top{}
.page_top .top_bg{height: 35rem; margin-top: 7rem; display: flex; align-items: center; justify-content: center;}
.page_top .top_bg.bg1{background: url(../images/common/bg_top_01.png) no-repeat center / cover;}
.page_top .top_bg.bg2{background: url(../images/common/bg_top_02.png) no-repeat center / cover;}
.page_top .top_bg.bg3{background: url(../images/common/bg_top_03.png) no-repeat center / cover;}
.page_top .top_bg.bg4{background: url(../images/common/bg_top_04.png) no-repeat center / cover;}
.page_top .top_bg.bg5{background: url(../images/common/bg_top_05.png) no-repeat center / cover;}
.page_top .page_tit{font-size: 4.8rem; color: #fff;}

/* lnb */
.lnb_wrap{height: 8rem; border-bottom: 1px solid #DBDBDB; position: relative; z-index: 999;}
#lnb{width: 100%; max-width: 140rem; margin: 0 auto; }
#lnb .path{display: flex; align-items: center;}
#lnb .path > li{position: relative;}
#lnb .path > li.home a{display: block; font-size: 1.9rem; font-weight: 500; line-height: 8rem; padding-right: 3.2rem;}
#lnb .path > li.home a::before{content: ''; display: inline-block; width: 1.6rem; height: 1.6rem; background: url(../images/icon/ico_home.svg) no-repeat center / 1.6rem; margin-right: 0.7rem; vertical-align: -0.2rem;}
#lnb .path > li + li::before{content: ''; display: block; width: 1px; height: 2rem; background-color: #C2C2C2; position: absolute; left: 0; top: 50%; margin-top: -1rem;}
#lnb .path > li + li:has(.selbox.on)::before,
#lnb .path > li + li:has(.selbox.on) + li::before{opacity: 0;}
#lnb li .selbox{}
#lnb li .selbox .selected{display: flex; width: 25rem; height:8rem; font-size: 1.9rem; padding:1rem 3.2rem; align-items: center; font-weight: 500; position: relative; }
#lnb li .selbox .selected::before{content: ''; display: block; width: 100%; background: var(--primary); position: absolute; left: 0; bottom: 0; border-radius: 0.8rem 0.8rem 0 0; z-index: -1; height: 0;  opacity: 0;}
#lnb li .selbox .selected::after{content: ''; display: block; width: 1.6rem; height: 1.6rem; background:url(../images/icon/basic/ico_angle.svg) no-repeat center / 1.6rem; position: absolute; right: 3.2rem; top: 50%; margin-top: -0.8rem; }
#lnb li .selbox.on .selected{color: #fff;}
#lnb li .selbox.on .selected::before{height: calc(100% + 0.1rem); opacity: 1;}
#lnb li .selbox.on .selected::after{background: url(../images/icon/basic/ico_angle_inverse.svg) no-repeat center / 1.6rem; transform: rotate(180deg);}
#lnb li .selectoptions{position: absolute; border: 1px solid #DBDBDB; border-radius: 0 0 0.8rem 0.8rem; width: 100%; background: #fff; padding: 0; opacity: 0; height: 0; display:block !important;  z-index: -1;}
#lnb li .selectoptions li a{font-size: 1.7rem; line-height: 1.7rem; padding: 0 3.2rem; height:0; overflow: hidden; display: block;}
#lnb li .selectoptions li + li{margin-top: 0;}
#lnb li .selectoptions li.on a{color: var(--primary); font-weight: 500; text-decoration: underline;}
#lnb li .selbox.on .selectoptions{opacity: 1; height: auto; padding: 1.4rem 0;z-index: 99;}
#lnb li .selbox.on .selectoptions li a{line-height: 3.6rem; height: 3.6rem;}
#lnb li .selbox.on .selectoptions li + li{margin-top: 1.2rem;}
#lnb li .selbox .selected,
#lnb li .selbox .selected::before,
#lnb li .selbox .selected::after,
#lnb li .selectoptions,
#lnb li .selectoptions li,
#lnb li .selectoptions li a{ transition: all 0.5s; transition-timing-function: cubic-bezier(.22, .57, .12, .96);}

/** content **/
.content{min-height: 40rem;}
.content h3{font-size: 4rem; margin: 5rem 0 4rem}

/* input */
select, input:not([type="checkbox"], [type="radio"], [type="hidden"]), textarea{height: 4.8rem; border: 1px solid #DBDBDB; padding: 0 2rem; font-size: 1.7rem; color: #292929; border-radius: 0.6rem;}
textarea{padding: 2rem; height: auto; }
select{background: #fff url(../images/icon/basic/ico_angle.svg) no-repeat right 1.6rem center / 1.6rem;}
.calendar_input .ui-datepicker-trigger{background: url(../images/icon/ico_cal.svg) no-repeat center / 2rem;width: 2rem;right: 2rem;height: 4.8rem;}
.gap{font-size: 1.6rem; font-weight: 700; padding: 0 0.4rem;}
#ui-datepicker-div.ui-widget.ui-widget-content{z-index: 9990 !important;}
select:focus, input:focus, textarea:focus{border-color: var(--bdr-focus); box-shadow: inset 0 0 0 1px var(--bdr-focus);}
.phone,
.email{display: flex;align-items: center;flex-wrap: wrap;}
.phone input, .phone select, .email input, .email select{min-width: 0;width: calc((100% - 4.2rem) / 3) !important;max-width: none;}
.email input, .email select{width: calc((50% - 10rem) / 3) !important; max-width: none;}
.email select{margin-right: 1.7rem;}
.email select + input{width: 20rem !important;}
.field{gap: 0.8rem;}
.field.flexbox{display: flex;align-items: center;gap: 1rem;flex-wrap: wrap;}
.field.flexbox > *{flex: 1;width: calc((100% - 1rem) / 2) !important;}
.field.flexbox .error_txt{width: 100% !important; flex: none; margin-top: -0.8rem;}
.field.addr .error_txt{width: 100% !important; flex: none; margin-top: -0.8rem;}
.field.addr .btn + .error_txt{width: auto !important; margin-top: 0;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type='number'] {-moz-appearance: textfield;}
.chk_list{flex-wrap: wrap;gap: 0.4rem;}
.chk_list > .radio{display: block;width: 100%;}
.chk_list p{display: inline-block;vertical-align: 0.3rem;}
.chk_list .error_txt{width: auto !important;}
.chk input.chk_option{display: inline-block !important; position: static !important; width: 20rem !important; height: 4.8rem !important; border: 1px solid #DBDBDB !important; padding: 0 2rem !important; font-size: 1.7rem !important; color: #292929 !important; border-radius: 0.6rem !important; margin-right: 0.4rem !important;}
.chk .radio label::before{top: 0.2rem;}
.chk input.chk_option:focus{border-color: var(--bdr-focus) !important; box-shadow: inset 0 0 0 1px var(--bdr-focus) !important;}

/* btn */
.btn{min-width: 10rem; height: 4.8rem; font-size: 1.7rem; font-weight: 700; border-radius: 0.6rem; }
.btn.gray{background-color: #F5F5F5; border-color: #F5F5F5; color: #292929;}
.btn.xlg{min-width: 20rem; height: 6.4rem; font-size: 1.9rem; line-height: 6.2rem;}
.btn.xlg i{font-weight: 400;}
#btn_list{border-color: var(--btn-bdr); background: transparent; }
#btn_list:hover{background-color: var(--btn-hover);}
.badge{width: 4rem; height: 2.4rem; line-height: 2.3rem; border-radius: 0.4rem; font-size: 1.5rem; font-weight: 500; padding: 0; min-width: 0;}
.badge.typeA{border: 1px solid #6E00CE; color: #6E00CE;}
.badge.typeB{border: 1px solid #297DDE; color: #297DDE;}
.badge.typeC{border: 1px solid #008D39; color: #008D39;}
.badge.typeD{border: 1px solid #0A194E; color: #0A194E;}
.btn.bd.primary{color: var(--primary);}
.btn.bd.primary:hover,
.btn.bd.primary:focus{background: #F7F9FE ; color: var(--primary);}
.addr span .btn{min-width: 10rem; font-weight: 500;}



/** search **/
.search_basic {background: linear-gradient(0deg, #F7F9FE 0%, #F7F9FE 100%), var(--main-color, #1571DA);padding: 2.4rem 4rem;border: 0;min-height: 10rem;margin-bottom: 4.8rem;padding-right: 26rem;}
.search_basic tr:nth-child(n+2) td {padding-top: 2rem;}
.search_basic td {height: 3.2rem;}
.search_basic td:not(:last-child):nth-child(2n+3) {padding-left: 3rem;}
.search_basic td > label {display: inline-block;font-size: 1.7rem;font-weight: 700;color: var(--dark);}
.search_basic td > input {width: 100%;}
.search_basic .btn_reset,
.search_basic .btn_search{width: 10rem;height: 4.8rem;font-weight: 500;position: absolute;right: 4rem;bottom: 2.7rem;}
.search_basic .btn_reset i::before{font-family: 'remixicon'; content: "\f544"; }
.search_basic .btn_search i::before{font-family: 'remixicon'; content: "\f0d1";}
.search_basic .btn_search {border: 0;color: #FFFFFF;background: var(--primary);}
.search_basic .btn_search:hover,
.search_basic .btn_search:focus {background: var(--primary-60);}
.search_basic .btn_reset {background:#fff; border:1px solid var(--primary); color:var(--primary); right: 15rem;}
.search_basic .w20rem + input[type="text"] {width: calc(100% - 21rem);}

.search_basic input:not([type="checkbox"], [type="radio"], [type="hidden"]),
.search_basic select {min-width: 0;width: 100%; padding:0 1.6rem;}
.search_basic .chk {vertical-align: middle;}
.search_basic .chk label {font-size: 1.5rem;}
.search_basic .calendar_input {width: calc((100% - 3.5rem) / 2);}
.search_basic .calendar_input input {min-width: auto;padding-right: 3.6rem;}
.calendar_input input[readonly]{background-color: #fff; color: #292929; border: 1px solid #DBDBDB;}
.search_basic td > *:not(.gap) ~ *:not(.gap) {margin-left: 0.3rem;}


/** board, table **/
.board_top{margin-bottom: 1.6rem;}
.board_top select{height: 4.8rem; padding: 0 1.6rem;}
.board_top .all_num{font-size: 1.7rem;}
.all_num .num{font-weight: 700; color: var(--primary-70);}
.board_view ~ .board_top,
.board_write ~ .board_top{margin-top: 7rem;}

/* board_list */
.board_list{border-top: 2px solid #000;}
.board_list > thead > tr > th,
.board_list > tbody > tr > td{height: 6.8rem; font-size: 1.7rem; font-weight: 400; word-break: break-all;}
.board_list > thead > tr > th{background: transparent; font-weight: 500; position: relative;}
.board_list > thead > tr > th + th::before{content: ''; display: block; width: 1px; height: 2rem; background: var(--tbl-bdr); position: absolute; left: 0; top: 50%; margin-top: -1rem;}
.board_list > tbody > tr > td .td_view{font-weight: 700;}
.paging_wrap{margin-top: 5.2rem;}
.paging li{width: 3.2rem; min-width:3.2rem; height: 3.2rem; line-height: 3.2rem; border-radius: 100rem;}
.paging li a{font-size: 1.5rem;}
.paging li.btn_page a::before{font-size: 2.2rem;}
.paging_wrap .btn_right{top: -0.6rem;}

/* board_view */
/* body:has(.board_view) .board_top{display: none;} */
body:has(.board_view) .board_top:not(:has(h4)){display: none;}
.board_view{border-top: 2px solid #000;}
.board_view > tbody > tr > th,
.board_view > tbody > tr > td{height: 7.8rem; font-size: 1.7rem; font-weight: 400; word-break: break-all; border-bottom: 0; border-top: 1px solid var(--tbl-bdr);}
.board_view > tbody > tr > th strong{font-weight: 500;}
.board_view > tbody > tr:first-of-type > th,
.board_view > tbody > tr:first-of-type > td{border-top: 0;}
.board_view > tbody > tr:last-of-type > th,
.board_view > tbody > tr:last-of-type > td{border-bottom: 1px solid var(--tbl-bdr);}
.board_view > tbody > tr > th{padding: 0 7rem 0 3.2rem; background: transparent; font-weight: 600; position: relative;}
.board_view > tbody > tr > th::after{content: ''; display: block; width: 1px; height: 2rem; background: var(--tbl-bdr); position: absolute; right: 5.7rem; top: 50%; margin-top: -1rem;}
.board_view > tbody > tr > td{padding-left: 0;}
.board_view td:has(.view_cont){padding: 3.2rem;}
.board_view .view_cont{min-height: 20rem;}
.board_view .view_cont u{color: var(--blue);}
.board_view tr.view_file th,
.board_view tr.view_file td{border: 0 !important; background: #F5F5F5; }
.board_view tr.view_file th{border-top-left-radius: 0.8rem; border-bottom-left-radius: 0.8rem;}
.board_view tr.view_file td{border-top-right-radius: 0.8rem; border-bottom-right-radius: 0.8rem; padding-top: 2rem; padding-bottom: 2rem; padding-right: 3.2rem;}
.board_view .file_li a{display: block;}
.board_view .file_li a:hover{text-decoration: underline;}
.board_view .file_li li img{vertical-align: -0.4rem;}
.board_view.typeB > tbody > tr > th,
.board_view.typeB > tbody > tr > td{height: 6.4rem; padding: 1.2rem 2rem; }
.board_view.typeB > tbody > tr > th{padding: 1.2rem 2rem; padding-left:2.7rem; background: var(--tbl-th);}
.board_view.typeB > tbody > tr > th::after{display: none;}

.oth_post th,
.oth_post td{height: 6.8rem;}
.oth_post th{padding-left: 3.2rem; font-weight: 600;}
.oth_post th i{display: none;}
.oth_post th::before{content: "\ea78"; font-family: 'remixicon'; font-size: 2rem; font-weight: 400; margin-right: 0.8rem; display: inline-block;}
.oth_post tr:last-of-type th::before{transform: rotate(180deg);}

.likeit,
.cmnt_area{display: none;}

/* board_write */
.board_top h4{color: #121918; font-size: 2.8rem; font-weight: 700; padding-left: 1rem;}
.board_top .form_guide{margin-bottom: 0;}
.board_write {border-top: 2px solid #000;}
.board_write > tbody > tr > th strong{font-weight: 500;}
.board_write > tbody > tr > th, .board_write > tbody > tr > td{height: 7.2rem; padding: 1.2rem 1rem;}
.board_write > tbody > tr > th{padding-left: 2.7rem;font-weight: 600;}
.board_write > tbody > tr > td input:not([type="checkbox"], [type="radio"]),
.board_write > tbody > tr > td select,
.board_write > tbody > tr > td .calendar_input{width: 100%;}
.btn_area.center{display: flex;align-items: center;justify-content: center;gap: 0 2.4rem;margin-top: 5.6rem;}
.btn_area.center .btn{width: 20rem; height: 6rem; line-height: 5.8rem; font-size: 1.9rem; margin: 0 !important;}
.btn_area.center #btn_list{background-color: #F5F5F5; border-color: #F5F5F5; color: #292929;}
.btn_area.center #btn_list:hover{background-color: #DBDBDB; border-color: #DBDBDB;}
.error_txt{padding-left: 1.8rem;width: 100% !important;}
.board_write .info_txt{color: #757575; font-size: 1.7rem; margin-top:0.8rem;}

/* file */
.file_wrap {position: relative;text-align: left;}
.file_wrap .btn {display: inline-block;position: relative;height: 4rem;border-radius: 0.6rem;font-size: 1.5rem;line-height: 3.8rem;text-align: center;cursor: pointer;width: 8.4rem;min-width: 0; font-weight: 500;}
.file_wrap > span {font-size: 1.7rem;float: right;padding-top: 0.7rem;color: #757575;}
.file_wrap .file_tit {position: relative;padding-right: 7rem;text-align: left;}
.file_wrap .file_tit span img {margin-right: 0.5rem;vertical-align: sub;}
.file_wrap .btn.btn_fileDel{border-color: var(--btn-bdr); color: #292929;}
.file_wrap .btn.btn_fileDel:hover,
.file_wrap .btn.btn_fileDel:focus{border-color: var(--btn-bdr); color: #292929; background: var(--btn-hover);}
.file_dragarea {overflow: hidden;position: relative;height: 13.4rem;margin-top: 1rem;border: 0.1rem solid var(--tbl-bdr);background: #FDFDFD url(../images/icon/bg_drag_image.png) no-repeat 50% 50%;}
.file_txt {position: absolute;font-size: 0;}
.tbl_file {margin-top: 1rem;border-top: 0.1rem solid var(--tbl-bdr);}
.tbl_file th, .tbl_file td {position: relative;height: 4.8rem;padding: 0.8rem 1rem;border-bottom: 0.1rem solid var(--tbl-bdr);font-size: 1.7rem;font-weight: 400;color: var(--dark);text-align: center;background: #FFFFFF;}
.tbl_file th {font-weight: 500;background: var(--tbl-th);}
.file_info_txt{margin-top: 1.6rem;}
.file_info_txt li{font-size: 1.7rem; position: relative; padding-left: 1.5rem;}
.file_info_txt li + li{margin-top: 0.4rem;}
.file_info_txt li::before{content: ''; display: block; width: 0.3rem; height: 0.3rem; border-radius: 0.3rem; background-color: var(--primary); position: absolute; left: 0.4rem; top: 1.1rem;}

/* file img */
.file_thum::after {content: '';display: table;clear: both;}
.file_thum li {float: left;position: relative;width: 20rem;margin-right: 1rem;margin-bottom: 1rem;border: 0.1rem solid #e1e1e1;}
.file_thum li:nth-child(5n) {margin-right: 0;}
.file_thum .file_img {width: 100%;height: 15rem;}
.file_thum .file_img img {width: 100%;height: 100%;}
.file_thum .file_btns_box {height: 3.5rem;padding: 0.5rem;border-top: 0.1rem solid #e1e1e1;}
.file_thum .fr {text-align: right;vertical-align: baseline;}
.file_thum .btn {min-width: 0;width: 2.4rem;height: 2.4rem;padding: 0;font-size: 1.7rem;font-weight: 300;line-height: 2.4rem;background: none;}
.file_wrap .fake_btn::before {content: "\eb7e";font-family: 'xeicon';}
.file_wrap .btn_file_del {border-color: var(--red);}
.file_wrap .btn_file_del::before {content: "\e921";font-family: 'xeicon';font-size: 1.3rem;font-weight: bold;color: var(--red);vertical-align: top;}
.file_thum .fake_file {display: inline-block;position: relative;width: 2.4rem;height: 2.4rem;}
.file_thum .fake_btn {width: 100%;height: 100%;text-indent: 0;cursor: pointer;}
.file_thum .hidden_file {opacity: 0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 0;cursor: pointer;filter: alpha(opacity=0);-moz-opacity: 0;}
.file_thum .file_btns_box .file_name {display: inline-block;max-width: 85%;padding-right: 0.6rem;font-size: 1.4rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align: -0.3rem;}
.file_thum .btn_file_del {margin-left: 0 !important;}

/* thumb_list */
.thumb_list{}
.thumb_list ul{display: flex; flex-wrap: wrap; align-items: center; gap: 3.2rem;}
.thumb_list ul li{width: calc((100% - 6.4rem) / 3);border-radius: 1.6rem; border: 1px solid var(--tbl-bdr); overflow: hidden;}
.thumb_list ul li a{display: block; }
.thumb_list ul li .img_area{display: flex; align-items: center; justify-content: center; height: 22.6rem;}
.thumb_list ul li .img_area img{display: block;max-width: 75%;max-height: 80%;}
.thumb_list ul li p{padding: 1.7rem; text-align: center; font-size: 1.9rem; font-weight: 500; background: #F7F9FE ;}
.thumb_list ul li.no_data{width: 100%; height: 20rem; line-height: 19.8rem; }
.thumb_list ul li.no_data p{background: transparent; padding: 0;}
.thumb_list ul li a:hover p{font-weight: 600;}

/* apply_auth */
.apply_auth{max-width: 60rem; margin: 0 auto; border-radius: 1.2rem; border:2px solid #E8EBF9; padding: 4.8rem 6.8rem;}
.apply_auth .txt_area{margin-bottom: 3.2rem;}
.apply_auth .txt_area::before{content: ''; display: block; width: 8rem; height: 8rem; border-radius: 100rem; background: #F7F9FE url(../images/icon/ico_auth_top.svg) no-repeat center; margin: 0 auto 1.6rem;}
.apply_auth .txt_area p{font-size: 2.8rem; text-align: center;}
.apply_auth ul li input{width: 100%; height: 6rem;}
.apply_auth ul li + li{margin-top: 1.6rem;}
.apply_auth .btn.blue{width: 100%; display: block; margin-top: 2.4rem; height: 6rem; font-size: 1.9rem;}

/* data_tbl */
.tbl_wrap:has(.data_tbl){position: relative;display: flex; flex-wrap: wrap; gap: 0.8rem;    }
.data_tbl{border-top: 2px solid #000;}
.data_tbl > * > tr > th, .data_tbl > * > tr > td{height: 5.2rem;}


/** content  **/
/* 공통 */
.content .cont_wrap .img_area{margin-top: 2.4rem;}
.content .cont_wrap .img_area,
.content .cont_wrap .img_area ul{display: flex; gap:0 3.2rem}
.content .cont_wrap .img_area ul{width: 100%;}
.content .cont_wrap .img_area ul li{flex: 1;}
.content .cont_wrap .img_area .img_box{overflow: hidden; border-radius: 1.2rem; border: 1px solid var(--tbl-bdr); flex: 1;}
.content .cont_wrap .img_area .img_box img{display: block; object-fit: cover; width: 100%; height: 100%;}
.content .cont_wrap .img_area .img_box img.mo_img{display: none;}
.content .cont_wrap .img_area span{display: block; font-size: 1.7rem; font-weight: 500; text-align: center; margin-top: 1.6rem;}
.content .cont_wrap .img_area ~ .sm_tit,
.sm_tit ~ .sm_tit,
.md_tit ~ .sm_tit,
.cont_wrap ~ .cont_wrap{margin-top: 4.8rem;}
.md_tit ~ .md_tit,
.cont_wrap ~ .cont_wrap:has(.md_tit){margin-top: 8rem;}
.content .cont_wrap .img_area.col3 ul{flex-wrap: wrap; gap: 2.4rem 3.2rem;}
.content .cont_wrap .img_area.col3 ul li{flex: none; width: calc((100% - 6.4rem) / 3);}
.content .cont_wrap .img_area.col3 .img_box{height: 25rem;}

/* tab */
.content .tab > .tab_menu{height: 7.6rem; padding: 0.8rem 1.2rem; border-radius: 100rem; background: #F1F2F7;}
.content .tab > .tab_menu li{flex: 1;}
.content .tab > .tab_menu li button{font-size: 1.9rem; font-weight: 700; color:#5C658A; border-radius: 100rem;}
.content .tab > .tab_menu li button.on{background: var(--primary-60); color: #fff; box-shadow: 0.2rem 0.1rem 1.6rem 0 rgba(0, 12, 55, 0.20);}
.content .tab > .tab_cont{margin-top: 4.8rem;}

/* sub_intro_cont */
body:has(.sub_intro_cont) h3{display: none;}
.sub_intro_cont{margin-top: 15rem;}
.sub_intro_cont .top{position: relative; text-align: center; padding-bottom: 18rem;}
.sub_intro_cont .top::after{content: ''; display: block; width: 1px; height: 9rem; background: #C2C2C2; position: absolute; left: 50%; bottom: 4.8rem;}
.sub_intro_cont .top .bg_txt{font-size: 16rem; color: #F5F5F5; text-transform:uppercase; font-weight: 700; letter-spacing: -0.4rem; position: absolute; z-index: -1; left:0; text-align:center; display:block; top: -14rem; width: 100%;}
.sub_intro_cont .top > strong{font-size: 4rem; color: #000; font-weight: 700; display: block; text-align: center; margin-bottom: 4rem;}
.sub_intro_cont .top > strong span{color: var(--primary);}
.sub_intro_cont .txt_wrap strong{font-size: 2.4rem; font-weight: 400; display: block; margin-bottom: 3.2rem;}
.sub_intro_cont .txt_wrap strong span{font-weight: 700;}
.sub_intro_cont .txt_wrap p{font-size: 1.9rem;}
.sub_intro_cont .txt_wrap p + p{margin-top: 1.6rem;}
.sub_intro_cont .txt_wrap p .mo_blank{display: block;}
.sub_intro_cont .btn_area{margin-top: 8rem; display: flex; gap: 0 2.4rem; justify-content: center; align-items: center;}

/* sub_intro_way */
.sub_intro_way .way_map{display: flex; justify-content: space-between; gap: 3.2rem;}
.sub_intro_way .map_img_box{width: 56.5rem;border-radius: 1.2rem;background: #F7F9FE;padding: 3.7rem;text-align: center;}
.sub_intro_way .map_img_box .img_wrap{position: relative;display: inline-block;width: 33.9rem;}
.sub_intro_way .map_img_box .btn_map{position: absolute;display: inline-block;width: 5rem;height: 2.4rem;line-height: 2.4rem;border-radius: 100rem;font-size: 1.4rem;color: #fff;background: #737EAD;padding: 0;border: 0;}
.sub_intro_way .map_img_box .btn_map::before{content: ''; display:block; width: 2.4rem; height: 2.4rem; background: url(../images/icon/ico_map_marker.svg) no-repeat center; position: absolute; left: 50%; margin-left: -1.2rem; top: -2rem;}
.sub_intro_way .map_img_box .btn_map[data-map='map_A']{left: 8rem;top: 8.8rem;}
.sub_intro_way .map_img_box .btn_map[data-map='map_B']{left: 13rem;top: 17.5rem;}
.sub_intro_way .map_img_box .btn_map[data-map='map_C']{left: 21.2rem;top: 21.5rem;}
.sub_intro_way .map_img_box .btn_map.active{background: #0F2576;}

.sub_intro_way .map_info_box{ width: calc(100% - 56.5rem - 3.2rem); overflow: hidden; border-radius: 1.2rem; opacity: 0; z-index: -999; position: absolute; right: 0;}
.sub_intro_way .map_info_box .wrap_map,
.sub_intro_way .map_info_box .map_wrap{height: 39rem !important;}
.sub_intro_way .map_info_box .root_daum_roughmap{width: 100% !important;}
.sub_intro_way .map_info_box .root_daum_roughmap .map_border,
.sub_intro_way .map_info_box .root_daum_roughmap .wrap_controllers{display: none;}
.sub_intro_way .map_info_box .info{background: #0F2576; padding: 2.4rem 4rem;}
.sub_intro_way .map_info_box .info strong{font-size: 2.4rem; color: #fff; display: block; margin-bottom: 1.2rem;}
.sub_intro_way .map_info_box .info p{font-size: 1.9rem; color: #fff;}
.sub_intro_way .map_info_box .info p span{font-weight: 700; display: inline-block; margin-right: 3.2rem;}
.sub_intro_way .map_info_box .info p span::before{content: ''; display: inline-block; width: 2.4rem; height: 2.4rem; border-radius: 100rem; background: #fff url(../images/icon/ico_map_marker.svg) no-repeat center / 1.5rem; vertical-align: middle; margin-right: 0.8rem;}

.sub_intro_way .way_info{display: none;}
.sub_intro_way .flexbox{display: flex; gap: 0 3.2rem;}
.sub_intro_way .txt_box{border-radius: 1.2rem; border: 2px solid #E8EBF9; flex: 1; padding: 3.2rem 3.6rem;}
.sub_intro_way .txt_box dl{display: flex; flex-wrap: wrap; align-items: center;}
.sub_intro_way .txt_box dl dt{font-size: 1.7rem; font-weight: 600; padding-left: 1.2rem; position: relative; width: 12rem;}
.sub_intro_way .txt_box dl dt::before{content: ''; display: block; width: 0.4rem; height: 0.4rem; border-radius: 100rem; background: var(--primary); position: absolute; left: 0; top: 1.1rem;}
.sub_intro_way .txt_box dl dd{width: calc(100% - 12rem);}
.sub_intro_way .txt_box dl dt ~ dt,
.sub_intro_way .txt_box dl dd ~ dd{margin-top: 1.2rem;}
.sub_intro_way .map_info_box.active{opacity: 1; z-index: 99; position: static;}
.sub_intro_way .way_info.active{display: block;}

.sub_intro_way .map_info_box.no_data{padding: 1rem; opacity: 1; z-index: 9; display: flex; position: static; background: #F5F5F5; align-items: center; justify-content: center;}
.sub_intro_way .map_info_box.no_data p{font-size: 1.9rem; font-weight: 500;}
.sub_intro_way .map_info_box.no_data p::before{content: ''; display: inline-block; width: 4rem; height: 4rem; background: url(../images/icon/ico_map.svg) no-repeat center; vertical-align: middle; margin-right: 0.8rem;}
.sub_intro_way .map_info_box.no_data p b{font-weight: 600; color: var(--primary);}
.sub_intro_way:has(.map_info_box:not(.no_data).active) .no_data{position: absolute; opacity: 0;}

/* sub_bus_cont */
.info_tbl{border-top: 2px solid #000;}
.info_tbl dl{display: flex; border-bottom: 1px solid #DBDBDB; padding: 2.4rem 0; align-items: flex-start;}
.info_tbl dl dt{font-size: 1.7rem; font-weight: 500; padding-left: 4rem; width: 37rem; position: relative;}
.info_tbl dl dd{width: calc(100% - 37rem);}
.info_tbl dl dt [class^="ico"]{position: absolute; left: 0.6rem; top: 0rem;}
.info_tbl dl dt .ico_1{background: url(../images/icon/ico_info_tbl_01.svg) no-repeat center;}
.info_tbl dl dt .ico_2{background: url(../images/icon/ico_info_tbl_02.svg) no-repeat center;}

.step_area{margin-top: 5rem;}
.step_area ul{display: flex; gap: 0 9.6rem;}
.step_area ul li{flex: 1;position: relative;border: 2px solid #E8EBF9;border-radius: 1.6rem;padding: 4.8rem 2rem 2.4rem 2rem;text-align: center;font-size: 1.7rem;font-weight: 500;}
.step_area ul li p::before{content: ''; display: block; width: 8rem; height: 8rem; border-radius: 100rem; background: #F1F2F7; margin: 0 auto 0.8rem;}
.step_area ul li.s1 p::before{background: #F1F2F7 url(../images/icon/ico_step_01.svg) no-repeat center;}
.step_area ul li.s2 p::before{background: #F1F2F7 url(../images/icon/ico_step_02.svg) no-repeat center;}
.step_area ul li.s3 p::before{background: #F1F2F7 url(../images/icon/ico_step_03.svg) no-repeat center;}
.step_area ul li.s4 p::before{background: #F1F2F7 url(../images/icon/ico_step_04.svg) no-repeat center;}
.step_area ul li span{position: absolute; width: 18rem; border-radius: 100rem; line-height: 4rem; background: #0A194E; left: 50%; top: -1.8rem; margin-left: -9rem; font-size: 1.7rem; font-weight: 700; color: #fff;}
.step_area ul li + li::before{content: ''; display: block; width: 4.8rem; height: 1.6rem; background: url(../images/icon/ico_step_arrow.svg) no-repeat center; position: absolute; left: -7.5rem; top: 9.7rem;}
.step_area .info_txt{font-size: 1.5rem; color: #256EF4; margin-top: 2.4rem; position: relative; padding-left: 2.8rem;}
.step_area .info_txt::before{content: ''; display: inline-block; width: 2.4rem; height: 2.4rem; background: url(../images/icon/ico_info_check.svg) no-repeat center; position: absolute; left: 0; top: -0.3rem;}

.sub_bus_cont .top_txt p:first-of-type{font-size: 2.4rem; margin-bottom: 0.8rem;}
.sub_bus_cont .top_txt::after{content: ''; display: block; width: 100%; height: 38.5rem; border-radius: 1.2rem; border: 1px solid #DBDBDB; margin-top: 2.4rem; background: url(../images/content/img_sub2_1_tab3.png) no-repeat center / cover;}

.chungbuk_bus_box1{padding:12.7rem 2rem; border-radius: 1.2rem; border: 1px solid #DBDBDB; position: relative; margin-top: 2.4rem;}
.chungbuk_bus_box1 .tit{display: block; border-radius: 100rem; width: 26rem; height: 26rem; background: #0F2576; margin: 0 auto; border: 3rem solid #E8EBF9; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; font-size: 2.4rem; z-index: 9;}
.chungbuk_bus_box1 .tit img{display: block; width: 12rem; margin: 0 auto 0.5rem;}
.chungbuk_bus_box1 ul{border-radius: 100rem; width: 38rem; height: 38rem; border: 1px dashed #ABB2CE; background: #F7F9FE ; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.chungbuk_bus_box1 ul li{width: 12rem; height: 12rem; border-radius: 100rem; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 1.7rem; color: #fff; position: absolute; z-index: 999;}
.chungbuk_bus_box1 ul li.b1{background: #3A4FDD; left: -2rem; top: -2rem;}
.chungbuk_bus_box1 ul li.b2{background: #5F84FA; right: -2rem; top: -2rem;}
.chungbuk_bus_box1 ul li.b3{background: #4298F0; right: -2rem; bottom: -2rem;}
.chungbuk_bus_box1 ul li.b4{background: #03ACCA; left: -2rem; bottom: -2rem;}
.chungbuk_bus_box1 ul li::before{content: ''; display: block; width: 100%; height: 4.4rem; background-position: center; background-repeat: no-repeat; margin-bottom: 0.8rem;}
.chungbuk_bus_box1 ul li.b1::before{background-image: url(../images/icon/ico_chungbuk_b_01.svg);}
.chungbuk_bus_box1 ul li.b2::before{background-image: url(../images/icon/ico_chungbuk_b_02.svg);}
.chungbuk_bus_box1 ul li.b3::before{background-image: url(../images/icon/ico_chungbuk_b_03.svg);}
.chungbuk_bus_box1 ul li.b4::before{background-image: url(../images/icon/ico_chungbuk_b_04.svg);}
.chungbuk_bus_box1 ul.dots{background:none; border-color: transparent; border: 0;}
.chungbuk_bus_box1 ul.dots li{width: 1.4rem; height: 1.4rem;}
.chungbuk_bus_box1 ul.dots li::before{display: none;}
.chungbuk_bus_box1 ul.dots li.b1{background: #4556C8; top: -0.8rem; left: 50%; margin-left: -0.7rem;}
.chungbuk_bus_box1 ul.dots li.b2{background: #6A8BF6; top: 50%; margin-top: -0.7rem; right: -0.8rem;}
.chungbuk_bus_box1 ul.dots li.b3{background: #4298F0; bottom: -0.8rem; right:inherit; left: 50%; margin-left: -0.7rem;}
.chungbuk_bus_box1 ul.dots li.b4{background: #07A7C4; bottom:inherit; top: 50%; right:inherit;  margin-top: -0.7rem; left: -0.8rem;}

.chungbuk_bus_box2{padding:6rem 6.4rem; border-radius: 1.2rem; border: 1px solid #DBDBDB; position: relative; text-align: center; margin-top: 2.4rem;}
.chungbuk_bus_box2 .md_tit{display: block; text-align: center; margin: 0;}
.vision_top{padding-top: 10.4rem; background: url(../images/content/img_vision_arrow.png) no-repeat top 1rem center; margin-bottom: 5rem;}
.vision_top ul{display: flex; gap: 3.6rem;}
.vision_top ul li{flex: 1;border-radius: 4rem;padding: 4rem 2rem;background: #111C7D;color: #fff;font-size: 2.4rem;}
.vision_top ul li strong{display: block;font-size: 2.8rem;margin-bottom: 0.7rem;}
.vision_top ul li::before{content: '';display: block;width: 8rem;height: 8rem;margin: 0 auto 1rem;border-radius: 100rem;}
.vision_top ul li.v1::before{background: #fff url(../images/icon/ico_vision_01.svg) no-repeat center / 5rem;}
.vision_top ul li.v2::before{background: #fff url(../images/icon/ico_vision_02.svg) no-repeat center / 5rem;}
.vision_chart1{}
.vision_chart1 .chart1{display: flex; gap: 2rem; padding-bottom: 5.4rem; position: relative;}
.vision_chart1 .chart1 li{flex: 1; border-radius: 2rem; background: #EEF7FE; display: flex; align-items: center; justify-content: center; height: 9.8rem; font-size: 1.9rem; font-weight: 700; color: var(--primary-80); position: relative;}
.vision_chart1 .chart1::after{content: ''; display: block; width: calc(100% - (100% - 6rem) / 4); height: 1px; border-top: 1px dashed #ABB2CE; position: absolute; bottom: 2.5rem; left: 50%; transform: translateX(-50%);}
.vision_chart1 .chart1 li::after{content: ''; display: block; width: 1px; height: 2.4rem; border-right: 1px dashed #ABB2CE; position: absolute; left: 50%; bottom: -2.8rem;}
.vision_chart1 .chart2{display: flex; position: relative;}
.vision_chart1 .chart2::before{content: ''; display: block; width: 1px; height: 2.4rem; border-right: 1px dashed #ABB2CE; position: absolute; left: 50%; top: -2.5rem;}
.vision_chart1 .chart2 li{display: flex; align-items: center; justify-content: center; background: #D3E9FF; border-radius: 100rem; height: 6.2rem; width: calc(25% + 5rem); flex: none; position: relative; font-size: 1.9rem; color: var(--primary-80); font-weight: 700; }
.vision_chart1 .chart2 li:nth-of-type(1){left: 0; text-indent: -4rem;}
.vision_chart1 .chart2 li:nth-of-type(2){left: -10rem; background: #B5DBFF;}
.vision_chart1 .chart2 li:nth-of-type(3){left: -15rem; background: #9ACEFF;}
.vision_chart1 .chart2 li:nth-of-type(4){left: -20rem; background: #7CB8F0;}

.vision_chart2{position: relative; padding-bottom: 23.1rem; margin-top: 10rem; background: url(../images/content/bg_vision_chart2.png) no-repeat top 6rem center;}
.vision_chart2 li{position: relative; border-radius: 4rem; background: #fff; border: 2px solid #313DA9; width: 47rem; padding: 4.5rem 2.6rem 2.6rem; margin: 0 auto;}
.vision_chart2 li.v1{border-color: #313DA9;}
.vision_chart2 li.v2{border-color: #3A4FDD;}
.vision_chart2 li.v3{border-color: #5F84FA;}
.vision_chart2 li::before{content: ''; display: block; width: 8rem; height: 8rem; border-radius: 100rem; position: absolute; left: 50%; margin-left: -4rem; top: -4rem; background: #000;}
.vision_chart2 li.v1::before{background:#111C7D url(../images/icon/ico_vision_03.svg) no-repeat center ;}
.vision_chart2 li.v2::before{background:#3A4FDD url(../images/icon/ico_vision_04.svg) no-repeat center ;}
.vision_chart2 li.v3::before{background:#5F84FA url(../images/icon/ico_vision_05.svg) no-repeat center ;}
.vision_chart2 li strong{display: block; font-size: 2.4rem; margin-bottom: 0.5rem;}
.vision_chart2 li.v1 strong{color: #111C7D;}
.vision_chart2 li.v2 strong{color: #3A4FDD;}
.vision_chart2 li.v3 strong{color: #5F84FA;}
.vision_chart2 li p{font-size: 1.9rem;}
.vision_chart2 li.v2{position: absolute; left: 0; bottom: 0;}
.vision_chart2 li.v3{position: absolute; right: 0; bottom: 0;}

.vision_chart3{margin-top: 6rem;}
.vision_chart3 > strong{display: block; padding: 1.8rem; border-radius: 2rem; background: #111C7D; font-size: 2.4rem; color: #fff; margin-bottom: 2rem;}
.vision_chart3 ul{display: flex; gap: 2.2rem;}
.vision_chart3 ul li{flex: 1; border-radius: 2rem; border: 4px solid #E8EBF9; padding: 2rem 2.4rem;}
.vision_chart3 ul li span{display: block; border-radius: 1.6rem; background: #D3E9FF; padding: 1.1rem; font-size: 1.9rem; font-weight: 700; color: var(--primary-80);}
.vision_chart3 ul li::after{content: ''; display: block; width: 100%; height: 20rem; border-radius: 0.8rem; margin-top: 1.2rem;}
.vision_chart3 ul li.v1::after{background: url(../images/content/img_sub2_1_07.png) no-repeat center / cover;}
.vision_chart3 ul li.v2::after{background: url(../images/content/img_sub2_1_08.png) no-repeat center / cover;}
.vision_chart3 ul li.v3::after{background: url(../images/content/img_sub2_1_09.png) no-repeat center / cover;}


/* sub_eq_cont */
.sub_eq_cont{}
.sub_eq_cont .eq_list{}
.sub_eq_cont .eq_list > ul{display: flex; flex-wrap: wrap; gap: 3.2rem;}
.sub_eq_cont .eq_list > ul > li{width: calc((100% - 3.2rem) / 2); border-radius: 1.6rem; border: 1px solid #DBDBDB; overflow: hidden; display: flex; align-items: center; min-height: 24rem;}
.sub_eq_cont .eq_list .img_box{width: 27rem; display: flex; align-items: center; justify-content: center;}
.sub_eq_cont .eq_list .img_box img{max-width: 100%;}
.sub_eq_cont .eq_list .txt_area{background: #F7F9FE; height: 100%; padding: 2.4rem 2.8rem; width: calc(100% - 27rem);}
.sub_eq_cont .eq_list .txt_area strong{display: block; font-size: 2.4rem; margin-bottom: 1.6rem;}
.sub_eq_cont .eq_list .txt_area .list_tag{margin-top: 1.6rem; display: flex; flex-wrap: wrap; gap: 0.8rem;}
.sub_eq_cont .eq_list .txt_area .list_tag li{padding: 0 1rem; border-radius: 100rem; background: #8F98BD; line-height: 2.8rem; font-size: 1.5rem; font-weight: 500; color: #fff;}


/* sub_support_cont */
.sub_support_cont{}
.sub_support_cont .sp_list > ul{display: flex; flex-direction: column; gap: 5.6rem;}
.sub_support_cont .sp_list > ul > li{display: flex; }
.sub_support_cont .sp_list > ul > li .img_box{width: 44.5rem; height: 25rem; border-radius: 1.2rem; border:1px solid #DBDBDB; overflow: hidden;}
.sub_support_cont .sp_list > ul > li .img_box img{display: block; object-fit: cover; width: 100%; height: 100%;}
.sub_support_cont .sp_list > ul > li .txt_area{width: calc(100% - 44.5rem); padding-left: 8.7rem; padding-top: 1.6rem;}
.sub_support_cont .sp_list > ul > li .txt_area .md_tit{}


/* pc 작은화면 */
@media all and (max-width:1700px){
    #header .wrap{padding: 0 5rem;}
}
@media all and (max-width:1600px){
    .wrap{padding: 0 5rem !important;}
}

/** 반응형 **/
@media screen and (max-width: 1024px) {
    /* 태블릿 버전 스타일 (모바일~태블릿 공통 스타일) */
    /** layout **/
    html {font-size: 12px; min-width: 0;} /* 1rem = 12px */
    .wrap{padding:0 1.6rem !important}
    #container{padding-bottom: 10rem;}

    #header{}
    #header .btn_menu.active{position: absolute;z-index: 9999;right: 1.6rem;background: url(../images/icon/ico_close_white.svg) no-repeat center !important;}
    #header #gnb{position: fixed;top: 0;bottom: 0;width: 100%;height: 100dvh !important;background: url(../images/common/bg_gnb.png) no-repeat left center / cover;padding:4.8rem 0;padding-top: 11.8rem;overflow-y: auto;right: -100%;transition: right 0.2s;z-index: 9999;}
    #gnb > ul{display: block;}
    #gnb > ul > li > a{width: 100%;text-align: left;font-size: 1.9rem;color: #A1AFD8 !important;height: auto;line-height: 1.5;padding: 0.5rem 4.8rem;}
    #gnb > ul > li:hover > a{color: #A1AFD8 !important;}
    #gnb > ul > li + li{margin-top: 2.2rem;}
    #gnb > ul > li > a.active{color: #fff !important;}
    #gnb .dp2{height: auto; padding-top:1.4rem; display: none;}
    #gnb .dp2 li a{color: #fff !important; text-align: left; padding:0.5rem 4.8rem; font-size: 1.6rem;}
    #gnb .dp2 li a::before{content: '-'; margin-right: 0.5rem;}
    #gnb .dp2 li + li{margin-top: 1rem;}
    #header #gnb.active{right: 0;}
    body:has(#gnb.active) #header{background: transparent;}
    #gnb > ul > li:hover > ul{background: transparent;}
    #gnb > ul > li:hover > a::after{display: none;}
    #gnb > ul > li:hover > ul{border: 0;}

    #footer{padding: 3.2rem 4.8rem;}
    #footer .copy{font-size: 1.5rem;}
    .btn_totop{width: 5rem; height: 5rem; background-size: 5rem; right: 1.2rem; bottom: 2rem;}
    .btn_totop.bottom{bottom: 12rem;}

    /** sub common **/
    .page_top .top_bg{height: 26rem; display: none;}
    .page_top .page_tit{font-size: 3.6rem;}

    .lnb_wrap{display: none;}

    .content{padding-top:9rem;}
    .content h3{font-size: 2.8rem;margin-bottom: 2.4rem;margin-top: 0;}

    /* title */
    .md_tit{font-size: 2.4rem;}
    .sm_tit{font-size: 1.9rem; margin-bottom: 0.8rem;}

    /* btn */
    .btn.xlg{min-width:16rem;padding: 0 1.2rem;height: 5.2rem;line-height: 5rem;font-size: 1.6rem;}


    /** content **/
    .calendar_input .ui-datepicker-trigger{right: 1.6rem;}
    select, input:not([type="checkbox"], [type="radio"], [type="hidden"]), textarea{padding: 0 1.6rem;}
    textarea{padding: 1.6rem;}
    .email{flex-wrap: wrap;}
    .email input,
    .email select{width: calc((100% - 2rem) / 2) !important;}
    .email .gap{width: 2rem; text-align: center; padding: 0; margin: 0;}
    .email select{margin: 0;}
    .email select + input{width: 100% !important; margin-top: 0.5rem;}
    .field.flexbox{gap: 0.8rem;}

    .search_basic{padding: 2.4rem 2rem 9.6rem;}
    .search_basic table,
    .search_basic tbody,
    .search_basic tr,
    .search_basic th,
    .search_basic td{display: block; height: auto;}
    .search_basic td{display: flex; flex-wrap: wrap; align-items: center;}
    .search_basic tr + tr,
    .search_basic tr td:nth-of-type(odd){margin-top: 1.6rem;}
    .search_basic tr td:first-of-type{margin-top: 0;}
    .search_basic td:not(:last-child):nth-child(2n+3){padding-left: 0;}
    .search_basic td > label{margin-bottom: 1rem; display: block;}
    .search_basic tr:nth-child(n+2) td{padding-top: 0;}
    .search_basic .w20rem{width: 100% !important;}
    .search_basic .w20rem + input[type="text"]{width: 100% !important; margin-left: 0; margin-top: 1rem;}
    .search_basic .btn_reset, .search_basic .btn_search{width: calc((100% - 5rem) / 2);}
    .search_basic .btn_reset{right: auto; left: 2rem;}
    .search_basic .btn_search{right: 2rem;}


    /** board, table **/
    .board_view ~ .board_top, .board_write ~ .board_top{margin-top: 5.6rem;}

    .board_list thead{display: none;}
    .board_list,
    .board_list tbody,
    .board_list tr,
    .board_list td{display: block; height: auto !important;}
    .board_list tr{display: flex; flex-wrap: wrap; position: relative; padding:1.2rem; padding-left: 3.4rem !important;}
    .board_list tr + tr{border-top: 1px solid var(--tbl-bdr);}
    .board_list tr:last-of-type{border-bottom: 1px solid var(--tbl-bdr);}
    .board_list td{border: 0 !important; padding: 0 !important; position: relative;}
    .board_list td.ellipsis{width: 100%; padding-left: 1.6rem !important; margin-bottom: 0.4rem; text-align: left;}
    .board_list td.file{display: none;}
    .board_list td:not(.ellipsis):not(.number){padding: 0 1.6rem !important;}
    .board_list .number{position: absolute;width: 4rem;text-align: center;left: 0;top: 50%;transform: translateY(-50%);padding:0 !important;}
    .board_list td:not(.ellipsis):not(.number) + td::before{content: ''; width: 1px; height: 1.5rem; background: var(--tbl-bdr); position: absolute; left: 0.1rem; top: 50%; margin-top: -0.75rem;}
    .board_list td.ellipsis::before{display: none ; }
    .board_list td.period + td::before{display: none;}
    .board_list td.period {width: 100%; text-align: left;}
    .board_list td.period::before{display: inline-block !important;  margin-right: 1rem; content: '신청기간';}
    .board_list td.period + .date{display: none;}
    .board_list td.bu_tit{width: 100%; text-align: left;}
    .board_list td.bu_tit + td::before{display: none !important;}
    .board_list td.name{margin-bottom: 0.4rem;}
    .board_list > tbody > tr:hover > td:not(.no_data){background: #fff;}
    .paging_wrap{margin-top: 4rem;}
    .paging_wrap .btn_right{position: static; text-align: right; margin-top: 2rem;}
    .board_list .badge{margin-bottom: 0.4rem;}
    .board_list tr:has(.no_data){padding: 3rem 1.2rem !important;}
    .board_list .no_data{text-align: center; width: 100%; }

    .board_view,
    .board_view tbody,
    .board_view tr,
    .board_view > tbody > tr > td{display: block; height: auto !important;}
    .board_view tr{display: flex; flex-wrap: wrap; position: relative; padding: 1.6rem;}
    .board_view > tbody > tr > th{border: 0 !important; padding: 0; height: auto;}
    .board_view > tbody > tr > td{border: 0 !important; padding: 0; height: auto; margin-right: 3.2rem;}
    .board_view > tbody > tr > th::after{content: ':'; background: none; height: auto; position: static; display: inline-block; margin: 0 0.5rem; width: auto;}
    .board_view > tbody > tr > th::before{    content: ''; display: block; width: 1px; height: 1.6rem; background: var(--tbl-bdr); position: absolute; left: -1.5rem; top: 50%; margin-top: -0.8rem;}
    .board_view > tbody > tr > th:first-of-type::before{display: none;}
    .board_view .view_tit th{display: none;}
    .board_view .view_tit td{font-size: 2.4rem; font-weight: 700; border-bottom: 0; margin: 0;}
    .board_view .view_tit ~ tr{padding-top: 0 !important;}
    .board_view > tbody > tr:has(.view_period) td{width: calc(100% - 12rem)}
    .board_view > tbody > tr:has(.view_period) th{padding-bottom: 0;}
    .board_view > tbody > tr:has(.view_period) th::before{display: none;}
    .board_view > tbody > tr:has(.view_cont){border-top: 1px solid var(--tbl-bdr); padding: 0;}
    .board_view > tbody > tr:has(.view_cont) td{margin-right: 0; padding: 3.2rem 0;}
    .board_view tr.view_file{padding: 2.4rem !important; background: #F5F5F5; border-radius: 0.8rem;}
    .board_view tr.view_file th{width: 100%; margin-bottom: 1rem;}
    .board_view tr.view_file th::after{display: none;}
    .board_view tr.view_file td{margin: 0; width: 100%; padding: 0;}
    .board_view .view_cont{min-height: 10rem;}
    .board_view > tbody > tr:has(.bu_tit){padding-bottom: 0;}

    .board_view.typeB{border-bottom:1px solid var(--tbl-bdr)}
    .board_view.typeB > tbody > tr{padding: 0;}
    .board_view.typeB > tbody > tr > th,
    .board_view.typeB > tbody > tr > td{height: auto;}
    .board_view.typeB > tbody > tr > th{padding:1.4rem 1.6rem; border-bottom: 0; width: 100%;}
    .board_view.typeB > tbody > tr > td{padding: 1.4rem 1.6rem;}
    .board_view.typeB > tbody > tr > th::before{display: none !important;}
    .board_view.typeB > tbody > tr > td ~ th{border-top:1px solid var(--tbl-bdr) !important;}
    .board_view.typeB > tbody > tr{border-top:1px solid var(--tbl-bdr) !important;}

    .oth_post{border-bottom: 0;}
    .oth_post,
    .oth_post tbody,
    .oth_post tr,
    .oth_post th,
    .oth_post td{display: block; height: auto;}
    .oth_post tr{display: flex; align-items: center;}
    .oth_post th{width: 12rem; padding: 1.9rem 1.6rem; height: 6.8rem;}
    .oth_post td{width: calc(100% - 12rem); padding: 2.2rem 0 1.9rem; height: 6.8rem;}

    .board_top h4{font-size: 2.4rem; padding-left: 0;}
    .board_right{vertical-align: middle;}
    .board_write,
    .board_write > tbody,
    .board_write > tbody > tr,
    .board_write > tbody > tr > th,
    .board_write > tbody > tr > td{display: block; height: auto !important;}
    .board_write > tbody > tr > th, .board_write > tbody > tr > td{padding: 1.4rem 1.6rem; }
    .board_write > tbody > tr > th{border-bottom: 0;}
    .board_write > tbody > tr > td{padding: 0.8rem;}
    .btn_area.center{margin-top: 4rem; gap: 0 0.8rem;}
    .btn_area.center .btn{width:auto; flex: 1; max-width: calc((100% - 0.8rem) / 2);}

    .file_wrap{position: relative;}
    .file_wrap .btn{width: calc((100% - 1rem) / 2);}
    .tbl_file thead{display: none;}
    .tbl_file,
    .tbl_file tbody,
    .tbl_file tr,
    .tbl_file td{display: block; height: auto;}
    .tbl_file tr{display: flex; align-items: center; border-bottom: 1px solid var(--tbl-bdr);}
    .file_wrap > span{display: block; float: none; font-size: 1.5rem;}
    .tbl_file tr td{flex: 1; border-bottom: 0;}
    .tbl_file tr td:has(input){width: 15%; flex: none;}
    .tbl_file tr td:last-of-type{flex: none; width: 35%;}
    .file_wrap .file_tit{padding-right: 0; word-break: break-all;}
    .file_info_txt{margin-top: 1rem;}
    .file_info_txt li{font-size: 1.5rem;}
    .file_info_txt li::before{top:0.8rem}

    .thumb_list ul{gap: 1.6rem;}
    .thumb_list ul li{width: 100%;}
    .thumb_list ul li .img_area{height: 8.4rem;}
    .thumb_list ul li .img_area img{max-width: 70%;}
    .thumb_list ul li p{padding: 0.9rem; font-size: 1.7rem;}
    .thumb_list ul li.no_data{width: 100%; height: 12.8rem; line-height: 12.6rem; }

    .apply_auth{padding: 3.2rem 1.6rem;}
    .apply_auth .txt_area{margin-bottom: 2.4rem;}
    .apply_auth .txt_area::before{width: 6rem; height: 6rem; background-size: 2.7rem; margin-bottom: 0.8rem;}
    .apply_auth .txt_area p{font-size: 1.9rem;}
    .apply_auth ul li input{height: 5.2rem;}
    .apply_auth ul li + li{margin-top: 0.8rem;}
    .apply_auth .btn.blue{height: 5.2rem; margin-top: 2.4rem; font-size: 1.7rem;}

    @keyframes lr_move {
        25% {transform: translateX(0.3rem);}
        50%, 100% {transform: translateX(0);}
        75% {transform: translateX(-0.3rem);}
    }
    .tbl_wrap:has(.data_tbl)::before {order: -1;content: '\f322';font-family: 'remixicon';line-height: calc(1.5rem * 1.45);animation: lr_move 1.5s infinite linear;}
    .tbl_wrap:has(.data_tbl)::after {order: -1;content: '표는 좌,우로 이용 가능합니다.';font-size: 1.5rem;color: var(--gray-dark);}
    .data_tbl > * > tr > th, .data_tbl > * > tr > td{height: 4.8rem;}
    .tbl_wrap:has(.data_tbl){overflow-x: auto;}
    .tbl_wrap:has(.data_tbl) .data_tbl { table-layout: auto; width: max-content; white-space: nowrap;}
    .tbl_wrap:has(.data_tbl) .data_tbl {min-width: 60rem;}


    /** content  **/
    .content .cont_wrap .img_area .img_box{height: 18rem;}
    .content .cont_wrap .img_area .img_box:has(.mo_img) img{display: none;}
    .content .cont_wrap .img_area .img_box img.mo_img{display: block;}
    .content .cont_wrap .img_area ~ .sm_tit,
    .sm_tit ~ .sm_tit,
    .md_tit ~ .sm_tit,
    .cont_wrap ~ .cont_wrap{margin-top: 3.2rem;}
    .md_tit ~ .md_tit,
    .cont_wrap ~ .cont_wrap:has(.md_tit){margin-top: 5rem;}


    .content .cont_wrap .img_area ul{flex-wrap: wrap;}
    .content .cont_wrap .img_area ul li{width: 100%; flex: none;}
    .content .cont_wrap .img_area ul li + li{margin-top: 1.6rem;}
    .content .cont_wrap .img_area span{margin-top: 0.7rem;}
    .content .cont_wrap .img_area.col3 ul{display: block;}
    .content .cont_wrap .img_area.col3 ul li{width: 100%;}
    .content .cont_wrap .img_area.col3 .img_box{height: 18.4rem;}

    .content .tab > .tab_menu{height: 5rem; padding: 0.6rem;}
    .content .tab > .tab_menu li button{font-size: 1.7rem;}
    .content .tab > .tab_cont{margin-top: 3.2rem;}

    /* sub_intro_cont */
    .sub_intro_cont{margin-top: 8rem;}
    .sub_intro_cont .top{padding-bottom: 12.4rem;}
    .sub_intro_cont .top::after{height: 6rem; bottom:3.2rem;}
    .sub_intro_cont .top .bg_txt{font-size: 5.6rem; top: -5rem; letter-spacing: -0.14rem;}
    .sub_intro_cont .top > strong{font-size: 2.4rem; margin-bottom: 2.4rem;}
    .sub_intro_cont .txt_wrap strong{font-size: 1.9rem; margin-bottom: 2rem;}
    .sub_intro_cont .txt_wrap p{font-size: 1.7rem;}
    .sub_intro_cont .txt_wrap p + p{margin-top: 1.6rem;}
    .sub_intro_cont .txt_wrap p br{display: none;}
    .sub_intro_cont .txt_wrap .mo_blank.double{margin-top: 1.6rem;}
    .sub_intro_cont .btn_area{margin-top: 4rem; gap: 0 0.8rem}

    /* sub_intro_way */
    .sub_intro_way{overflow: hidden;}
    .sub_intro_way .way_map{display: block;}
    .sub_intro_way .map_img_box{width: 100%; padding: 2.5rem;}
    .sub_intro_way .map_img_box .btn_map[data-map='map_A']{left: 9.2rem;top: 6.8rem;}
    .sub_intro_way .map_img_box .btn_map[data-map='map_B']{left: 13.2rem;top: 14rem;}
    .sub_intro_way .map_img_box .btn_map[data-map='map_C']{left: 20rem;top: 17.5rem;}
    .sub_intro_way .map_info_box{width: 100%; margin-top: 2.4rem; height: auto;}
    .sub_intro_way .map_info_box.no_data.active{height: 25rem;}
    .sub_intro_way .map_info_box .wrap_map,
    .sub_intro_way .map_info_box .map_wrap{height: 25rem !important;}
    .sub_intro_way .map_info_box .info{padding: 1.6rem 2rem;}
    .sub_intro_way .map_info_box .info strong{font-size: 1.9rem;}
    .sub_intro_way .map_info_box .info p{font-size: 1.7rem; padding-top: 3rem; position: relative; padding-left: 3.2rem;}
    .sub_intro_way .map_info_box .info span{position: absolute; top: 0; left: 0;}
    .sub_intro_way .txt_box{padding: 2.4rem;}
    .sub_intro_way .flexbox{flex-direction: column; gap: 1.6rem;}

    /* sub_bus_cont */
    .info_tbl dl{display: block; padding: 2.4rem 0; padding-left: 0.8rem;}
    .info_tbl dl dt,
    .info_tbl dl dd{width: 100%;}
    .info_tbl dl dt{padding-left: 2.4rem; margin-bottom: 1.6rem;}
    .info_tbl dl dt [class^="ico"]{width:2rem; height:2rem; background-size: 1.6rem; top: 50%; transform: translateY(-50%); left: 0;}
    .info_tbl dl dt .ico_1{background-size: 1.4rem; top: 45%;}
    .step_area{margin-top: 4.2rem;}
    .step_area ul{flex-direction: column; gap: 8.2rem;}
    .step_area ul li{padding-top: 3.4rem;}
    .step_area ul li p::before{width: 6rem; height: 6rem;}
    .step_area ul li.s1 p::before{background-size: 2.6rem;}
    .step_area ul li.s2 p::before{background-size: 2.55rem;}
    .step_area ul li.s3 p::before{background-size: 3rem;}
    .step_area ul li.s4 p::before{background-size: 2.77rem;}
    .step_area ul li + li::before{left: 50%; top: -5.8rem; transform: rotate(90deg); margin-left: -2.4rem;}
    .sub_bus_cont .top_txt{position: relative;}
    .sub_bus_cont .top_txt p:first-of-type{font-size: 1.9rem;}
    .sub_bus_cont .top_txt::after{height: 18rem;background: url(../images/content/img_sub2_1_tab3.png) no-repeat center / cover;}
    .sub_bus_cont .top_txt::before{content: ''; display: block; width: 100%; height: 18rem; border-radius: 1.2rem; background: rgba(0,0,0,0.2); position: absolute; bottom: 0; left: 0;}

    .chungbuk_bus_box1{padding: 8rem 0; margin-top: 1.6rem;}
    .chungbuk_bus_box1 .tit{width: 15.5rem; height: 15.5rem; border: 1.5rem solid #E8EBF9; font-size: 1.9rem; padding-top: 1rem;}
    .chungbuk_bus_box1 .tit img{width: 9rem;}
    .chungbuk_bus_box1 ul{width: 23rem; height: 23rem;}
    .chungbuk_bus_box1 ul:not(.dots) li{width: 9rem; height: 9rem; font-size: 1.5rem; font-weight: 700;}
    .chungbuk_bus_box1 ul li::before{height: 3rem; background-size: auto 2.8rem;}
    .chungbuk_bus_box1 ul li.b3::before{background-size: auto 3rem;}
    .chungbuk_bus_box1 ul li.b4::before{background-size: auto 2.5rem;}
    .chungbuk_bus_box1 ul.dots li{width: 0.8rem; height: 0.8rem;}
    .chungbuk_bus_box1 ul.dots li.b1{top: -0.4rem; left: 50%; margin-left: -0.3rem;}
    .chungbuk_bus_box1 ul.dots li.b2{top: 50%; margin-top: -0.3rem; right: -0.4rem;}
    .chungbuk_bus_box1 ul.dots li.b3{bottom: -0.4rem; right:inherit; left: 50%; margin-left: -0.3rem;}
    .chungbuk_bus_box1 ul.dots li.b4{bottom:inherit; top: 50%; right:inherit;  margin-top: -0.3rem; left: -0.4rem;}
    .chungbuk_bus_box2{padding: 3.2rem 2rem; margin-top: 1.6rem;}
    .vision_top{padding-top: 5rem; background-size: 28rem; margin-bottom: 3.2rem;}
    .vision_top ul{flex-wrap: wrap; gap: 1.6rem;}
    .vision_top ul li{flex: none;width: 100%;padding: 2.4rem;font-size: 1.9rem;}
    .vision_top ul li strong{font-size: 2.2rem;}
    .vision_top ul li::before{background-size: 6.4rem;}
    .vision_top ul li.v2::before{margin-bottom: 1.6rem;}
    .vision_chart1 .chart1{padding-bottom: 0; margin-bottom: 3.2rem;}
    .vision_chart1 .chart1,
    .vision_chart1 .chart2{display: block;}
    .vision_chart1 .chart1 li,
    .vision_chart1 .chart2 li{width:100%; height: 5.2rem; font-size: 1.9rem; padding: 1.15rem; border-radius: 1.6rem;}
    .vision_chart1 .chart1 li + li,
    .vision_chart1 .chart2 li + li{margin-top: 1.6rem;}
    .vision_chart1 .chart1::after{display: none;}
    .vision_chart1 .chart1 li::after,
    .vision_chart1 .chart2 li::after{content: ''; display: block; width: 1px; border-right: 1px dashed #ABB2CE; position: absolute; left: 50%; height: 1.6rem; bottom: -1.6rem;}
    .vision_chart1 .chart2 li{left: 0 !important; text-indent: 0 !important; border-radius: 100rem;}
    .vision_chart1 .chart2 li::after{bottom: inherit; top: -1.6rem;}
    .vision_chart1 .chart2::before{display: none;}
    .vision_chart2{background: none; padding: 0; margin-top: 7.2rem;}
    .vision_chart2 li{position: relative !important; width: 100%; padding: 5.6rem 2.2rem 2.4rem; border-radius: 3.2rem;}
    .vision_chart2 li + li{margin-top: 5.5rem;}
    .vision_chart2 li strong{font-size: 1.9rem;}
    .vision_chart2 li p{font-size: 1.7rem;}
    .vision_chart2 li p br{display: none;}
    .vision_chart3{margin-top: 3.2rem;}
    .vision_chart3 > strong{padding: 1.1rem; font-size: 1.9rem; border-radius: 1.6rem;}
    .vision_chart3 ul{display: block;}
    .vision_chart3 ul li{padding: 1.6rem 1.4rem;border-radius: 1.6rem;}
    .vision_chart3 ul li + li{margin-top: 1.6rem;}
    .vision_chart3 ul li span{font-size: 1.7rem;}
    .vision_chart3 ul li::after{height: auto; padding-bottom: 65%;}
    .vision_chart3 ul li.v1::after{background-size: 100%;}

    /* sub_eq_cont */
    .sub_eq_cont .eq_list > ul{gap: 1.6rem;}
    .sub_eq_cont .eq_list > ul > li{width: 100%; display: block;}
    .sub_eq_cont .eq_list .img_box{width: 100%; height: 20rem;}
    .sub_eq_cont .eq_list .txt_area{padding: 2rem; width: 100%;}
    .sub_eq_cont .eq_list .txt_area strong{font-size: 1.9rem; margin-bottom: 1.2rem;}
    .sub_eq_cont .eq_list .txt_area .list_tag{margin-top: 1.2rem;}

    /* sub_support_cont */
    .sub_support_cont .sp_list > ul{gap: 4rem;}
    .sub_support_cont .sp_list > ul > li{display: block;}
    .sub_support_cont .sp_list > ul > li .img_box{width: 100%; height: 19rem;}
    .sub_support_cont .sp_list > ul > li .txt_area{width: 100%; padding-left: 0; padding-top: 1.6rem;}
    .sub_support_cont .md_tit{margin-bottom: 1.6rem;}
    .sub_support_cont .cont_wrap ~ .cont_wrap:has(.md_tit){margin-top: 4rem;}

}
@media screen and (max-width: 767px) {
    /* 모바일 버전 스타일 (태블릿 대비 모바일에서 달라지는 스타일) */
    html {font-size: 11px} /* 1rem = 11px */

    .chk_list{gap: 0.8rem;}
    .chk_list p{display: block; margin-top: 0.4rem;}
    .chk input.chk_option{width: calc(100% - 9rem) !important;}

    .sub_intro_way .map_img_box .btn_map[data-map='map_A']{left: 8.6rem;top: 7.7rem;}
    .sub_intro_way .map_img_box .btn_map[data-map='map_B']{left: 13rem;top: 15.5rem;}
    .sub_intro_way .map_img_box .btn_map[data-map='map_C']{left: 20.4rem;top: 19.5rem;}
}
@media screen and (max-width: 480px) {
    /* 모바일 버전 스타일2 (모바일 작은 화면에서 달라지는 스타일) */
    html {font-size: 10px;} /* 1rem = 10px */

    .sub_intro_way .map_img_box .img_wrap{margin-left: -2rem;}
    .sub_intro_way .map_img_box img{width: 30rem; }
    .sub_intro_way .map_img_box .btn_map{width: 4rem; height: 2rem; line-height: 2rem; font-size: 1.2rem;}
    .sub_intro_way .map_img_box .btn_map[data-map='map_A']{left: 8.7rem;top: 7.5rem;}
    .sub_intro_way .map_img_box .btn_map[data-map='map_B']{left: 13rem;top: 15.5rem;}
    .sub_intro_way .map_img_box .btn_map[data-map='map_C']{left: 20.4rem;top: 19.5rem;}
}






/**/