:root {
    --font-pre : 'Pretendard';
    --font-mont : 'Montserrat';

    --color1 : #FF9428;
}

/* 공통 */
body {background: #000;}
body * {font-family: var(--font-pre);}
p, dd {word-break: keep-all;}
.pc {display: block !important;}
.mob {display: none !important;}
.inner {max-width: 1600px; margin: 0 auto; width: 100%;}

.flex {display: flex; align-items: center;}
.flex-jb {display: flex; align-items: center; justify-content: space-between;}
.flex-jc {display: flex; align-items: center; justify-content: center;}

.mt10 {margin-top: 10px !important;}
.mt50 {margin-top: 50px !important;}

.fc-main {color: var(--color1);}
.ta-c {text-align: center;}
.ta-l {text-align: left;}
.ta-r {text-align: right;}

/* header */
#header {height:90px; position:fixed; top:0; z-index:100; width:100%; background: #000;}
#header .inner {height:100%; display:flex; align-items:center; justify-content:space-between; position: relative;}
#header h1 {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
#header h1 img {width: 85px; display: block;}
#header .gnb {display:flex; gap:55px; align-items: center;}
#header .gnb > li {position:relative;}
#header .gnb > li > a {font-size: 16px; color: #FFF; font-weight: 700; letter-spacing: -0.6px; line-height: 100px; transition: all .3s; display: block;}
#header .gnb > li > a::before {content: ""; width: 4px; height: 4px; border-radius: 100%; background: var(--color1); position: absolute; left: 50%; top: 27px; transform: translateX(-50%); opacity: 0; transition: all .3s;}
#header .call {display: flex; align-items: center; gap: 15px;}
#header .call p {display: flex; align-items: center; gap: 5px; font-size: 16px; color: #fff; letter-spacing: -.6px;}
#header .call p img {width: 22px;}
#header .call a {font-size: 30px; color: #FF9428; font-weight: 800; letter-spacing: -1px; font-family: var(--font-mont);}
#header .gnb > li > a:hover {color: var(--color1);}
#header .gnb > li > a:hover::before {opacity: 1;}

/* quick */
.quick {position: fixed; z-index: 100; right: 50px; bottom: 100px;}
.quick ul {display: flex; flex-direction: column; align-items: flex-end;}
.quick ul li + li {margin-top:10px;}
.quick ul li a {display:block; width: 60px; height: 60px; border-radius:50%; background: var(--color1); filter: drop-shadow(0px -2px 10px rgba(0, 0, 0, 0.10));}
.quick ul li.q_hide_btn a {display:flex; justify-content:center; align-items:center; transition:all 0.4s;}
.quick ul li.q_hide_btn span {display:none; font-size:0; transition:all 0.5s;}
.quick ul li.q_top_btn a {background:#fff url("/img/main/q_top_ic.svg") no-repeat center / 19px;}
.quick ul li i {display:inline-block; width: 26px; height: 26px;}
.quick ul li .q_ic1 {background:url("/img/main/q_plus_ic03.svg") no-repeat center / contain;}
.quick ul li .q_ic2 {background:url("/img/main/q_plus_ic02.svg") no-repeat center / contain;}
.quick ul li .q_ic3 {background:url("/img/main/q_plus_ic01.svg") no-repeat center / contain;}
.quick ul li.q_hide_btn:hover a {width: 210px; border-radius: 80px; justify-content:space-between; padding: 0 17px 0 25px;}
.quick ul li.q_hide_btn:hover span {display:block; font-size: 16px; font-weight: 700; animation: opacity 0.5s linear;}
@keyframes opacity {
	0% {opacity:0}
	100% {opacity:1}
}

/* footer */
.footer .ft_info {background: #000; padding: 50px 0 128px; position: relative;}
.footer .logo img {width: 85px;}
.footer .ft_info .bot {display: flex; align-items: flex-start; justify-content: space-between; margin-top: 30px;}
.footer .ft_info .inner .info strong {font-size: 16px; color: #fff; font-weight: 700; letter-spacing: -1px;}
.footer .ft_info .inner .info p:not(.copy) {display: flex; align-items: center; gap: 15px;}
.footer .ft_info .inner .info p span {font-size: 16px; font-weight: 500; color: #BEBEBE; line-height: 1.6; letter-spacing: -.8px;}
.footer .ft_info .inner .info p.copy {margin-top: 15px; font-size: 16px; font-weight: 400; color: #8E8E8E; line-height: 1.6; letter-spacing: -.8px;}
.footer .ft_info .inner .term {display: flex; align-items: center; justify-content: flex-end; gap: 20px;}
.footer .ft_info .inner .term .line {display: block; width: 1px; height: 15px; background: #fff;}
.footer .ft_info .inner .term strong a {font-weight: 700;}
.footer .ft_info .inner .term a {font-size: 16px; font-weight: 400; color: #fff;}
.footer .ft_info .inner .tell {display: flex; align-items: flex-end; gap: 10px; letter-spacing: -.8px; color: #fff; margin-top: 20px;}
.footer .ft_info .inner .tell p {font-size: 20px; font-weight: 700; line-height: 1.75;}
.footer .ft_info .inner .tell h2 {font-size: 32px; font-weight: 700; font-family: var(--font-mont);}

/* ft_apply */
.ft_apply {position: fixed; left: 0; bottom: 0; width: 100%; background: var(--color1); z-index: 99; filter: drop-shadow(0px -2px 10px rgba(0, 0, 0, 0.10));}
.ft_apply #fwrite2 {margin-right: 0 !important; width: 100%;}
/* .ft_apply.non_fixed {position: relative;} */
.ft_apply.on .inner {height: 0 !important; padding: 0 !important;}
.ft_apply.on .open {display: flex !important;}
.ft_apply.on .close {display: none !important;}
.ft_apply.on .inner_cont {display:none;}
.ft_apply .cont {position: relative;}
.ft_apply .close_cont {position: absolute; top: -40px; right: 0; background: var(--color1); width: 50px; height: 40px; cursor: pointer;}
.ft_apply .btn { width: 50px; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 0;}
.ft_apply .open img {width: 24px;}
.ft_apply .close img {width: 14px;}
.ft_apply .open {display: none;}
.ft_apply .inner {position: relative; height: 70px; position: relative;}
.ft_apply .ft_logo {width: 70px;}
.ft_apply .info {gap: 50px;}
.ft_apply .ft_logo + .flex {gap: 10px;}
.ft_apply .ft_logo + .flex span {font-size: 18px; letter-spacing: -.8px; line-height: 1.2;}
.ft_apply .ft_logo + .flex strong {font-size: 30px; letter-spacing: -1px; line-height: 1; font-family: var(--font-mont);}
.ft_apply .inputBox {gap: 35px;}
.ft_apply .input_cont {gap: 15px;}
.ft_apply .input_cont input {width: 200px; height: 40px; background: #fff; border: 0; outline: none; padding: 0 20px; box-sizing: border-box; font-size: 18px; font-weight: 400; color: #37291E;}
.ft_apply .input_cont input::placeholder {color: #37291E;}
.ft_apply .input_cont .select {position: relative; width: 220px;}
.ft_apply .input_cont .select::after {content: ""; background: url('/img/main/ft_select_arrow.svg') no-repeat; background-size: contain; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; width: 20px; height:20px;}
.ft_apply .input_cont select {width: 220px; height: 40px; background: #fff; border: 0; outline: none; padding: 0 20px; box-sizing: border-box; font-size: 18px; font-weight: 400; color: #37291E;}
.ft_apply .agree {gap: 10px; cursor: pointer;}
.ft_apply .agree p {font-size: 16px; font-weight: 600; letter-spacing: -.6px;}
.ft_apply .agree label {gap: 10px;}
.ft_apply .agree span {font-size: 14px; font-weight: 400; letter-spacing: -.6px; color: rgba(0, 0, 0, 0.60); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1.3px;}
.ft_apply .agree label input {-webkit-appearance:none; background: url('/img/main/radio_check_ic.svg') no-repeat; width: 25px; height: 25px; background-size: contain; padding: 0;}
.ft_apply .agree label input:checked {background: url('/img/main/checkbox_checked_ic.svg') no-repeat; background-size: contain;}
.ft_apply .apply_btn {width: 130px; line-height: 1; background: #000; text-align: center; padding: 12px 0; color: #fff; font-size: 18px; font-weight: 800; border:none;}


/* ********** main ********** */
/* action */
[data-act="down"] {transform: translateY(-110%); transition: all .7s; opacity: 0;}
.section.on [data-act="down"] {transform: translateY(0); opacity: 1;}
[data-act-delay="2s"] {transition-delay: .2s;}
[data-act-delay="4s"] {transition-delay: .4s;}
[data-act-delay="6s"] {transition-delay: .6s;}

/* common */
.main_tit p {font-size: 28px; font-weight: 700; color: #fff; letter-spacing: -1px;}
.main_tit h3 {font-size: 70px; font-weight: 700; color: var(--color1); letter-spacing: -1px; font-family: var(--font-mont);}

/* visual */
.visual {height: 100vh; position: relative;}
.visual video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.visual .txt {position: absolute; bottom: 100px; left: 50%; transform: translateX(-50%);}
.visual .txt em {font-size: 22px; color: var(--color1); letter-spacing: -.8px; font-weight: 700;}
.visual .txt h2 {margin-top: 10px; font-size: 45px; color: #fff; letter-spacing: -2px;  font-weight: 800;}
.visual .txt p {margin-top: 20px; font-size: 22px; color: #fff; letter-spacing: -1px; font-weight: 500;}

/* sec01 */
.sec01 {padding: 200px 0 192px; position: relative;}
.sec01 .txtBox {text-align: center; width: 0; overflow: hidden; transition: all 1s ease-in; margin: 0 auto; display: flex; align-items: center; justify-content: center;}
.sec01 .txtBox .txtIn {min-width: 100vw; margin: 0 auto;}
.sec01.on .txtBox {width: 100%;}
.sec01 .txtBox .flex-jc {gap: 30px;}
.sec01 .txtBox .flex-jc span {display: block; width: 100px; height: 1px; background: #fff; opacity: .5;}
.sec01 .txtBox .flex-jc img {width: 85px;}
.sec01 .txtBox h3 {font-size: 50px; font-weight: 400; color: #fff; line-height: 1.3; letter-spacing: -1px;}
.sec01 .txtBox h3 strong {font-family: var(--font-mont); font-weight: 800;}
.sec01 .txtBox p {font-size: 30px; font-weight: 500; color: #E7E7E7; letter-spacing: -1px; line-height: 1.5;}
.sec01 .txtBg {margin-top: 115px; width: 100%;}
.sec01 .txtBg img {width: 100%;}
.sec01 .cover {position: absolute; left: 50%; transform: translateX(-50%); top: 100%; width: 80%; height: 100%; overflow: hidden; z-index: -1;}

/* sec02 */
.sec02 {padding: 40px;}
.sec02 .secBox {border: 1px solid var(--color1); padding: 120px 0; position: relative;}
.sec02 .secBox::before {content: ""; width: 350px; height: 172px; background: url('/img/main/sec02_logo_bg.svg') center/cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); opacity: .15; z-index: -1;}
.sec02 .item {display: flex; align-items: center; justify-content: space-between; gap: 130px;}
.sec02 .item + .item {margin-top: 110px;}
.sec02 .item .imgBox {position: relative;}
.sec02 .item .imgBox img {width: 100%;}
.sec02 .item .desc {font-size: 22px; font-weight: 400; color: #E7E7E7; line-height: 1.5; letter-spacing: -1px;}
.sec02 .item .desc strong {font-weight: 700; color: #fff;}
.sec02 .item01 .imgBox {width: 560px;}
.sec02 .item01 .circle {position: absolute; top: -70px; left: -70px; width: 140px;}
.sec02 .item01 .circle img {width: 100%; animation: rotate_image 14s linear infinite;}
@keyframes rotate_image{
    100% {
        transform: rotate(360deg);
    }
}
.sec02 .item01 .info {width: calc(100% - 560px - 130px);}
.sec02 .item02 .imgBox {width: 700px;}
.sec02 .item02 .imgBox .txt {position: absolute; top: 70px; right: -105px; transform: rotate(90deg); font-size: 20px; font-weight: 700; color: var(--color1); letter-spacing: -.6px; line-height: 1;}
.sec02 .item02 .info {width: calc(100% - 700px - 130px);}
.sec02 .item03 {align-items: flex-start; gap: 110px;}
.sec02 .item03 .img {width: 250px; height: 135px; border-radius: 100%; border: 2px solid rgba(255, 255, 255, 0.3);}
.sec02 .item03 .img img {width: 100px;}
.sec02 .item03 .info {width: calc(100% - 110px - 250px);}
/* sec3 */
.sec3 {position: relative; width: 100%;}
.sec3 .flow_text {display: flex; align-items: center; white-space: nowrap; padding: 11.5px 0; background: var(--color1); position: relative; z-index: 1;}
.sec3 .flow_text span {line-height: 1; font-size: 30px; font-weight: 700; letter-spacing: -.6px; font-family: var(--font-mont); animation: marqueeXup linear 50s infinite; display: block;}
@keyframes marqueeXup {
    from { transform: translateX(0); }
    to { transform: translateX(-100%); }
}
/* sec4 */
.sec4 {background: url('/img/main/sec4_bg.jpg') no-repeat center/cover; padding: 120px 0;}
.map_wrap {margin: 60px auto 0;}
.map_wrap{position:relative;}
.map_wrap .map{height: 950px; overflow:hidden; position:relative; background: url('/img/main/map.jpg') no-repeat center/cover;}
.map_wrap .map_menu_wrap{position:absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); z-index:50;}
.map_wrap .map_menu{position:relative;}
.map_wrap .map_menu .map_ic{width: 50px; cursor:pointer;}
.map_wrap .map_menu .map_ic img{width: 100%;}
.map_wrap .map_menu .map_ic.on{animation: ani_pop infinite .75s;}
@keyframes ani_pop {
	0% {transform: translateY(-5px)}
	50% {transform: translateY(0)}
	100% {transform: translateY(-5px)}
}
.map_wrap .map_menu .map_box{min-width: 360px; position:absolute; top: -210px; left: 50%; transform: translateX(-50%); background: #FFF; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); padding:40px 20px 35px; text-align:center; display:none; z-index:10;}
.map_wrap .map_menu .map_box.on{display:block;}
.map_wrap .map_menu .map_box:before{content:''; display:block; background:transparent; border-right:13px solid transparent; border-top:17px solid #fff; border-left:13px solid transparent; border-bottom:13px solid transparent; position:absolute; left: 50%; transform: translateX(-50%); bottom:-28px; filter: drop-shadow(0px 8px 4px rgba(0, 0, 0, 0.20)); z-index:10;}
.map_wrap .map_menu .map_box strong{font-size: 18px; font-weight: 700; color: #000; line-height: 1.1;}
.map_wrap .map_menu .map_box p{font-size: 15px; color:#6D6D6D; word-break:keep-all; margin-top:10px; letter-spacing: -.6px;}
.map_wrap .map_menu .map_box .detail_view{display:inline-block; font-size: 14px; font-weight: 700; padding: 8px 20px; border-radius: 50px; background: var(--color1); margin-top:20px; border:none;}
.map_srh_wrap{position:absolute; left:35px; top:50%; transform:translateY(-50%); width: 450px; background: #FFF; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.25); padding-bottom:55px; z-index:10; overflow: hidden;}
.map_srh_inner{padding:0 30px;}
.map_srh_inner .map_tabcont > div#tab02 {display: none;}
.map_srh_tp .map_tabnav{display:flex; border-bottom:1px solid #EAEAEA;}
.map_srh_tp .map_tabnav li{width:50%;}
.map_srh_tp .map_tabnav li a{display:block; font-size: 18px; font-weight: 800; color:#8E8E8E; text-align: center; line-height: 70px;}
.map_srh_tp .map_tabnav li.active a{background: var(--color1); color:#000;}
.map_srh{display:flex; padding:30px 0 35px;}
.map_srh .map_srh_input{font-size: 20px; border: 1px solid #E3E3E3; height: 60px; padding:0 20px; width:calc(100% - 60px); font-weight: 400; color: #000 !important;}
.map_srh .map_srh_input::placeholder{color:#BEBEBE;}
.map_srh .map_srh_input:focus{border:1px solid #000;}
.map_srh select{font-size: 20px; border: 1px solid #E3E3E3; height: 60px; padding:0 20px; color:#BEBEBE; background: #fff url("/img/sub/sel_ic.svg") no-repeat right 20px center / 20px;}
.map_srh select option{color:#000;}
.map_srh select:focus{outline:none; border:1px solid #000;}
.map_srh .map_sel1{width:145px; border-right:1px solid transparent !important;}
.map_srh .map_sel2{width:185px;}
.map_srh_btn{display:flex; align-items: center; justify-content: center; width: 60px; height: 60px; background:#000; border:none;}
.map_srh_btn img{width: 26px;}
.map_srh_bt{min-height:560px;}
.map_srh_bt .store_no_data{border-bottom:1px solid #D9D9D9; padding:35px 0; text-align:center;}
.map_srh_bt .store_no_data img{width: 45px;}
.map_srh_bt .store_no_data p{font-size: 18px; font-weight: 600; margin-top:10px;}
.map_srh_bt .store_list{border-top:1px solid #E3E3E3;}
.map_srh_bt .store_list li{padding:20px 0; display:flex; gap:20px; align-items:center; border-bottom:1px solid #E3E3E3; cursor:pointer;}
.map_srh_bt .store_list li .img{width: 125px; height: 100px; overflow: hidden;}
.map_srh_bt .store_list li .img img{width: 100%; height: 100%; object-fit: cover; object-position: center;}
.map_srh_bt .store_list li .txt{width:calc(100% - 125px - 20px); text-align: left;}
.map_srh_bt .store_list li .txt strong{font-size: 18px; word-break:keep-all;}
.map_srh_bt .store_list li .txt p{color:#6D6D6D; margin-top:8px; word-break:keep-all;}
.map_srh_bt .store_list li .txt .add{font-size: 15px;}
.map_srh_bt .store_list li .txt .time{font-size: 14px;}
.paging{display:flex; justify-content:center; align-items:center; gap:22px; margin-top:30px;}
.paging .first img, .paging .last img{width: 10px;}
.paging .prev img, .paging .next img{width: 6px;}
.paging .list_pager{display:flex; justify-content:center; gap:22px;}
.paging .list_pager li a{font-size: 15px; color: #999;}
.paging .list_pager li a.active{color: #000; font-weight: 600;}
/* select */
.map_wrap .select {height: 60px; line-height: 60px; border: 1px solid #E3E3E3; font-size: 20px; position:relative; background:#fff; color:#BEBEBE;}
.map_wrap .select .selected {display: flex; justify-content: space-between; padding:0 20px; cursor:pointer;}
.map_wrap .select * {font-family: var(--font-pre) !important;}
.map_wrap .select .selected .arrow {width: 20px; background: url("/img/main/sel_ic_b.svg") no-repeat center / contain;}
.map_wrap .select.active .selected .arrow{transform:rotate(180deg);}
.map_wrap .select .option_wrap {width: calc(100% + 2px); display: none; position: absolute; left: 0; margin: -2px 0 0 -1px; cursor: pointer; z-index:10; border:1px solid #000; background: #FFF; overflow: hidden; text-align: left;}
.map_wrap .select.active .option_wrap {display: initial; padding: 5px;}
.map_wrap .select ul {overflow: hidden; overflow-y: scroll; max-height: 400px;}
.map_wrap .select ul::-webkit-scrollbar {width: 3.5px;}
.map_wrap .select ul::-webkit-scrollbar-thumb {background: var(--color1);}
.map_wrap .select ul::-webkit-scrollbar-track {background: #E3E3E3;}
.map_wrap .select ul li {line-height:40px; padding-left: 10px; color: #8E8E8E; font-weight: 500; font-size:18px;}
.map_wrap .select ul li:hover{background: #F0F0F0; color:#000;}
.map_wrap .select.on{display:block;}
/* map_popup */
.map_wrap .zIndex_on {z-index: 30 !important;}
.map_pop_wrap{display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:10000;}
.map_pop_wrap.on{display:block;}
.map_pop_wrap .pop_bg{position:absolute; width:100%; height:100%; top:0; background: rgba(0, 0, 0, 0.60);}
.map_pop_wrap .pop_inner{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width: 730px; background: #FFF; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); overflow: hidden;}
.map_pop_wrap .pop_tp{background: var(--color1); display:flex; align-items:center; justify-content:space-between; padding:27px 30px 20px;}
.map_pop_wrap .pop_tp strong{font-size: 22px; font-weight: 800; color: #000;}
.map_pop_wrap .pop_tp .pop_close{width: 24px; cursor:pointer;}
.map_pop_wrap .pop_tp .pop_close img{width:100%; filter: invert(0);}
.map_pop_wrap .pop_cont{padding:30px 30px 58px; display:flex; gap:35px; overflow: hidden; height: auto;}
.map_pop_wrap .pop_cont .map_pop_slide_wrap{position:relative; width: 250px; height:200px;}
.map_pop_wrap .pop_cont .map_pop_slide_wrap .slide{height:200px;}
.map_pop_wrap .pop_cont .map_pop_slide_wrap .slide img{width: 100%; height: 100%; object-fit: cover;}
.map_pop_wrap .pop_cont .map_pop_slide_arrow{position:absolute; right:10px; bottom:10px; display:flex; gap:5px;}
.map_pop_wrap .pop_cont .map_pop_slide_arrow > div{width: 25px; cursor:pointer;}
.map_pop_wrap .pop_cont .map_pop_slide_arrow > div img{width:100%;}
.map_pop_wrap .pop_cont .map_pop_info{margin-top:20px; width: calc(100% - 250px - 40px);}
.map_pop_wrap .pop_cont .map_pop_info dl{display:flex; align-items: flex-start; gap: 20px; font-size: 13px; text-align: left;}
.map_pop_wrap .pop_cont .map_pop_info dl + dl{margin-top:15px;}
.map_pop_wrap .pop_cont .map_pop_info dt{font-size: 16px; font-weight: 800; width:75px; position:relative; padding-left:10px;}
.map_pop_wrap .pop_cont .map_pop_info dt:before{content:''; display:block; width: 3px; height: 3px; background:#000; border-radius:50%; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.map_pop_wrap .pop_cont .map_pop_info dd{font-size: 15px; font-weight: 400; color: #6D6D6D; width:calc(100% - 75px); word-break:keep-all; letter-spacing: -.6px;}
/* sec5 */
.sec5 {position: relative;}
.sec5 .bg {position: absolute; top: 0; left: 0; width: 100%; height: var(--vh); z-index: -1;}
.sec5 .bg.fixed {position: fixed; top: 0; left: 0;}
.sec5 .bg.abs {position: absolute; top: auto; bottom: 0;}
.sec5 .bg img {width: 100%;}
.sec5 #scrollFixed {overflow: hidden; position: relative;}
.sec5 #scrollFixed .sf_in {position:relative; overflow:hidden;}
.sec5 #scrollFixed dl {display:flex; flex-wrap:nowrap; align-items: center; justify-content: space-between;}
.sec5 #scrollFixed dl dt {position:relative; z-index:10; width:50%; order:1; height:var(--vh); display:flex; flex-wrap:wrap; align-items:center; transform:translateY(70px); opacity:0; transition:all 1s ease;}
.sec5 #scrollFixed dl dd { padding-top: 90px; height:var(--vh); order:2; width: 50%; transition:all 0.3s ease; opacity:0; visibility:hidden; display: flex; align-items: center; justify-content: flex-end;}
.sec5 #scrollFixed dl dd > div {width: 700px;}
.sec5 #scrollFixed dl dd img {width: 100%;}
.sec5 #scrollFixed dl.action dt {transform:translateY(0); opacity:1; transition-delay:0.2s; transition:all 1s ease;}
.sec5 #scrollFixed dl.action dd {transition:all 0.3s ease; visibility:visible; opacity:1;}
.sec5 #scrollFixed dl.action.none dd {opacity:0; visibility:hidden;}
.sec5 #scrollFixed dl.item_1 dd {z-index:1;}
.sec5 #scrollFixed dl.item_2 dd {z-index:2;}
.sec5 #scrollFixed dl.item_3 dd {z-index:3;}
.sec5 #scrollFixed dl.item_4 dd {z-index:4;}
.sec5 #scrollFixed dl.item_5 dd {z-index:5;}
.sec5 #scrollFixed dl.item_6 dd {z-index:5;}
.sec5 #scrollFixed dl.item_6.action.none dd {visibility:visible !important; opacity:1 !important;}
.sec5 #scrollFixed dl dd.fixed {position:fixed; top:0; right:calc((100% - 1600px) / 2);}
.sec5 #scrollFixed dl dt .text > strong {display: block; font-size: 28px; font-weight: 700; color: var(--color1); letter-spacing: -1px;}
.sec5 #scrollFixed dl dt .text h3 {margin-top: 20px; font-size: 45px; font-weight: 500; color: #fff; letter-spacing: -1px;}
.sec5 #scrollFixed dl dt .text h3 strong {font-size: 50px; font-weight: 800;}
.sec5 #scrollFixed dl dt .text .info {margin-top: 50px; font-size: 22px; font-weight: 400; color: #E7E7E7; line-height: 1.5; letter-spacing: -1px;}
.sec5 #scrollFixed dl dt .text .info strong {color: #fff; font-weight: 700;}
.sec5 #scrollFixed dl dt .text .info img {margin-top: 70px; display: block;}
.sec5 #scrollFixed dl.item_1 dt .text .info {margin-top: 0;}
.sec5 #scrollFixed dl.item_1 dt .text .info img {width: 569px;}
.sec5 #scrollFixed dl.item_1 dd h4 {text-align: center; background: #fff; padding: 15px 0; font-size: 28px; font-weight: 700; letter-spacing: -.6px;}
.sec5 #scrollFixed dl.item_1 dd table {margin-top: 15px; border-spacing: 0; border-top: 1px solid #fff; color: #fff; width: 100%; letter-spacing: -.6px;}
.sec5 #scrollFixed dl.item_1 dd table th {font-size: 20px; font-weight: 800; border-bottom: 1px solid #fff;}
.sec5 #scrollFixed dl.item_1 dd table th,
.sec5 #scrollFixed dl.item_1 dd table td {padding: 15px 0; text-align: center;}
.sec5 #scrollFixed dl.item_1 dd table td {font-size: 20px; font-weight: 500;}
.sec5 #scrollFixed dl.item_1 dd table tr + tr td {border-top: 1px solid rgba(255, 255, 255, 0.40);}
.sec5 #scrollFixed dl.item_1 dd table td.fc-main {font-weight: 800;}
.sec5 #scrollFixed dl.item_1 dd table tfoot td {background: var(--color1); font-size: 25px; font-weight: 800;}
.sec5 #scrollFixed dl.item_1 dd ul {margin: 20px 0 40px;}
.sec5 #scrollFixed dl.item_1 dd ul li {font-size: 18px; font-weight: 500; color: #BEBEBE; letter-spacing: -.6px; line-height: 1.5;}
.sec5 #scrollFixed dl.item_4 dt .text .info img,
.sec5 #scrollFixed dl.item_5 dt .text .info img,
.sec5 #scrollFixed dl.item_6 dt .text .info img {width: 414px;}
/* sec6 */
.sec6 {background: url('/img/main/sec6_bg.jpg') no-repeat center/cover; position: relative; padding: 130px 0; text-align: center;}
.sec6::before {content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 20px solid var(--color1);}
.sec6 > div {position: relative; z-index: 2;}
.sec6 .txtBox .flex-jc {gap: 30px;}
.sec6 .txtBox .flex-jc span {display: block; width: 100px; height: 1px; background: #fff; opacity: .5;}
.sec6 .txtBox .flex-jc img {width: 85px;}
.sec6 .main_tit p {margin-top: 20px; font-size: 28px; font-weight: 500;}
.sec6 .cont {width: 1200px; margin: 0 auto;}
.sec6 .cont .desc {text-align: right; font-size: 18px; font-weight: 500; color: #fff; letter-spacing: -.6px; line-height: 1.5;}
.sec6 .cont .table_cont {margin-top: 15px;}
.sec6 .cont table {border-spacing: 0; width: 100%;}
.sec6 .cont table col:nth-child(1) {width: 25%;}
.sec6 .cont table col:nth-child(2) {width: 20.83%;}
.sec6 .cont table col:nth-child(3) {width: 54.17%;}
.sec6 .cont table th,
.sec6 .cont table td {padding: 20px 30px; letter-spacing: -.6px;}
.sec6 .cont table th {background: var(--color1); color: #fff; font-size: 25px; font-weight: 800;}
.sec6 .cont table td {background: #fff; font-size: 24px;}
.sec6 .cont table tr + tr td {border-top: 1px solid #E3E3E3;}
.sec6 .cont table td + td {border-left: 1px solid #E3E3E3;}
.sec6 .cont table td:first-child {font-weight: 700;}
.sec6 .cont table td:nth-child(2) {color: var(--color1); font-weight: 800;}
.sec6 .cont table td:last-child {text-align: left; font-weight: 500;}
.sec6 .cont ul {margin-top: 30px; font-size: 18px; font-weight: 500; letter-spacing: -.6px; line-height: 1.5; color: #E7E7E7; text-align: left;}
.sec6 .cont ul p {font-weight: 600;}
/* sec7 */
.sec7 {background: var(--color1); position: relative; padding: 120px 0 175px;}
.sec7 .txtBg {position: absolute; left: 0; bottom: 0;}
.sec7 .txtBg img {width: 100%;}
.sec7 .inner {display: flex; align-items: flex-start; justify-content: space-between;}
.sec7 .main_tit h3 {color: #000;}
.sec7 .main_tit p {color: #000; margin-top: 20px; font-weight: 500;}
.sec7 .contact {margin-top: 95px;}
.sec7 .contact h5 {display: flex; align-items: center; gap: 30px; font-size: 40px; font-weight: 700; font-family: var(--font-mont);}
.sec7 .contact h5 span {display: block; width: 80px; height: 1px; background: #000; opacity: .5;}
.sec7 .contact div {margin-top: 25px;}
.sec7 .contact p {display: flex; align-items: center; gap: 15px; font-size: 22px; font-weight: 600; letter-spacing: -1px; font-family: var(--font-mont);}
.sec7 .contact p + p {margin-top: 15px;}
.sec7 .contact p img {width: 40px;}
.sec7 .in_st{width: 1000px; margin: 0 auto;}
.sec7 .fr_form ul li{margin-bottom: 30px; letter-spacing: -1px;}
.sec7 .fr_form ul li .item {border-bottom: 1px solid rgba(0, 0, 0, 0.40); display: flex; align-items: center; gap: 10px;}
.sec7 .fr_form ul li .item.full{width: 100%;}
.sec7 .fr_form ul li.flex {display: flex; align-items: center; gap: 0 30px;}
.sec7 .fr_form ul li.flex .item {width: calc(100%/2 - 15px);}
.sec7 .fr_form ul li dt {min-width: 110px; font-size: 18px; font-weight: 700;}
.sec7 .fr_form ul li dd {width: calc(100% - 130px);}
.sec7 .fr_form ul li .input{font-size: 18px; font-weight: 700; width: 100%; height: 50px; border: 0; padding: 0; background: none; transition: none;}
.sec7 .fr_form ul li.content .item {align-items: flex-start;}
.sec7 .fr_form ul li.content .item dd {width: 100%;}
.sec7 .fr_form ul li.content dd {padding-bottom: 10px;}
.sec7 .fr_form ul li .textarea{height: 150px; resize:none; line-height: 1.3; size: 18px; font-weight: 700;}
.sec7 .fr_form ul li .input_box label {height: 50px; display: inline-flex; align-items: center; gap: 0 10px; font-size: 18px; font-weight: 700; -webkit-font-smoothing: antialiased; transform: rotate(0.03deg); cursor: pointer; cursor: pointer; color: #6D6D6D;}
.sec7 .fr_form ul li .input_box label + label {margin-left: 60px;}
.sec7 .fr_form ul li .input_box input[type="radio"] {-webkit-appearance: none; background-image: url('/img/main/radio_check.svg'); background-repeat: no-repeat; background-size: contain; width: 25px; height: 25px; cursor: pointer;}
.sec7 .fr_form ul li .input_box input[type="radio"]:checked {background-image: url('/img/main/radio_checked.svg');}
.sec7 .fr_form ul li .input_box input[type="radio"]:checked + span {color: #000;}
.sec7 .fr_form .bot {display: flex; align-items: flex-start; justify-content: space-between; margin-top: 39px;}
.sec7 .fr_form .bot .agree {display: flex; align-items: center; gap: 0 14px;}
.sec7 .fr_form .bot .agree label{font-size: 18px; font-weight: 600; display: flex; align-items: center; gap: 0 14px; cursor: pointer; letter-spacing: -.6px;}
.sec7 .fr_form .bot .agree input[type="checkbox"]{width: 20px; height: 20px; background: url("/img/main/checkbox_chk.svg") no-repeat center / 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; vertical-align: middle; cursor: pointer;}
.sec7 .fr_form .bot .agree input[type="checkbox"]:checked{border: none; background: url("/img/main/checkbox_chked.svg") no-repeat center / 100%;}
.sec7 .fr_form .bot .agree .view_more{font-size: 16px; text-decoration:  underline; text-underline-offset: 3px; display: inline-block; vertical-align: middle; cursor: pointer; font-weight: 400; letter-spacing: -.6px; color: rgba(0, 0, 0, 0.60);}
.sec7 .fr_form .bot .apply_btn{display: block; width: 167px; padding: 15px 0; font-size: 20px; font-weight: 800; color: #fff; background: #000; border: 0; text-align: center;}

@media screen and (max-width: 1800px) {
    .sec02 .secBox .inner {max-width: 88.89vw;}
}

/* 데스크탑 (1241px ~ 1640px) */
@media screen and (max-width: 1640px) {
    /* 공통 */
    .inner {max-width: 95.12vw;}

    .mt10 {margin-top: 0.61vw !important;}
    .mt50 {margin-top: 3.05vw !important;}

    /* header */
    #header {height:5.49vw;}
    #header h1 img {width: 5.18vw;}
    #header .gnb {gap:3.35vw;}
    #header .gnb > li > a {font-size: 0.98vw; letter-spacing: -0.04vw; line-height: 6.10vw;}
    #header .gnb > li > a::before {width: 0.24vw; height: 0.24vw; top: 1.65vw;}
    #header .call {gap: 0.91vw;}
    #header .call p {gap: 0.30vw; font-size: 0.98vw; letter-spacing: -0.04vw;}
    #header .call p img {width: 1.34vw;}
    #header .call a {font-size: 1.83vw; letter-spacing: -0.06vw;}

    /* quick */
    .quick {right: 3.05vw; bottom: 11.10vw;}
    .quick ul li + li {margin-top:0.61vw;}
    .quick ul li a {width: 3.66vw; height: 3.66vw;}
    .quick ul li.q_top_btn a {background-size: 1.16vw;}
    .quick ul li i {width: 1.59vw; height: 1.59vw;}
    .quick ul li.q_hide_btn:hover a {width: 12.80vw; border-radius: 4.88vw; padding: 0 1.04vw 0 1.52vw;}
    .quick ul li.q_hide_btn:hover span {font-size: 0.98vw;}

    /* footer */
    .footer .ft_info {padding: 3.05vw 0 calc(3.54vw + 4.27vw);}
    .footer .logo img {width: 5.18vw;}
    .footer .ft_info .bot {margin-top: 1.83vw;}
    .footer .ft_info .inner .info strong {font-size: 0.98vw; letter-spacing: -0.06vw;}
    .footer .ft_info .inner .info p:not(.copy) {gap: 0.91vw;}
    .footer .ft_info .inner .info p span {font-size: 0.98vw; letter-spacing: -0.05vw;}
    .footer .ft_info .inner .info p.copy {margin-top: 0.91vw; font-size: 0.98vw; letter-spacing: -0.05vw;}
    .footer .ft_info .inner .term {gap: 1.22vw;}
    .footer .ft_info .inner .term .line {height: 0.91vw;}
    .footer .ft_info .inner .term a {font-size: 0.98vw;}
    .footer .ft_info .inner .tell {gap: 0.61vw; letter-spacing: -0.05vw; margin-top: 1.22vw;}
    .footer .ft_info .inner .tell p {font-size: 1.22vw;}
    .footer .ft_info .inner .tell h2 {font-size: 1.95vw;}

    /* ft_apply */
    .ft_apply .close_cont {top: -2.44vw; width: 3.05vw; height: 2.44vw;}
    .ft_apply .btn {width: 3.05vw;}
    .ft_apply .open img {width: 1.46vw;}
    .ft_apply .close img {width: 0.85vw;}
    .ft_apply .inner {height: 4.27vw;}
    .ft_apply .ft_logo {width: 4.27vw;}
    .ft_apply .info {gap: 3.05vw;}
    .ft_apply .ft_logo + .flex {gap: 0.61vw;}
    .ft_apply .ft_logo + .flex span {font-size: 1.10vw; letter-spacing: -0.05vw;}
    .ft_apply .ft_logo + .flex strong {font-size: 1.83vw; letter-spacing: -0.06vw;}
    .ft_apply .inputBox {gap: 2.13vw;}
    .ft_apply .input_cont {gap: 0.91vw;}
    .ft_apply .input_cont input {width: 12.20vw; height: 2.44vw; padding: 0 1.22vw; font-size: 1.10vw;}
    .ft_apply .input_cont .select {width: 13.41vw;}
    .ft_apply .input_cont .select::after {right: 1.22vw; width: 1.22vw; height:1.22vw;}
    .ft_apply .input_cont select {width: 13.41vw; height: 2.44vw; padding: 0 1.22vw; font-size: 1.10vw;}
    .ft_apply .agree {gap: 0.61vw;}
    .ft_apply .agree p {font-size: 0.98vw; letter-spacing: -0.04vw;}
    .ft_apply .agree label {gap: 0.61vw;}
    .ft_apply .agree span {font-size: 0.85vw; letter-spacing: -0.04vw; text-underline-offset: 0.18vw; text-decoration-thickness: 0.08vw;}
    .ft_apply .agree label input {width: 1.52vw; height: 1.52vw;}
    .ft_apply .apply_btn {width: 7.93vw; padding: 0.73vw 0; font-size: 1.10vw;}


    /* ********** main ********** */
    /* common */
    .main_tit p {font-size: 1.71vw; letter-spacing: -0.06vw;}
    .main_tit h3 {font-size: 4.27vw; letter-spacing: -0.06vw;}

    /* visual */
    .visual .txt {bottom: 6.10vw;}
    .visual .txt em {font-size: 1.34vw; letter-spacing: -0.05vw;}
    .visual .txt h2 {margin-top: 0.61vw; font-size: 2.74vw; letter-spacing: -0.12vw;}
    .visual .txt p {margin-top: 1.22vw; font-size: 1.34vw; letter-spacing: -0.06vw;}

    /* sec01 */
    .sec01 {padding: 12.20vw 0 11.71vw;}
    .sec01 .txtBox .flex-jc {gap: 1.83vw;}
    .sec01 .txtBox .flex-jc span {width: 6.10vw;}
    .sec01 .txtBox .flex-jc img {width: 5.18vw;}
    .sec01 .txtBox h3 {font-size: 3.05vw; letter-spacing: -0.06vw;}
    .sec01 .txtBox p {font-size: 1.83vw; letter-spacing: -0.06vw;}
    .sec01 .txtBg {margin-top: 7.01vw;}

    /* sec02 */
    .sec02 {padding: 2.44vw 1.22vw;}
    .sec02 .inner {max-width: 87.80vw;}
    .sec02 .secBox {padding: 7.32vw 0;}
    .sec02 .secBox::before {width: 21.34vw; height: 10.49vw;}
    .sec02 .item {gap: 6.93vw;}
    .sec02 .item + .item {margin-top: 6.71vw;}
    .sec02 .item .desc {font-size: 1.3vw; letter-spacing: -0.06vw;}
    .sec02 .item .desc br.t_none {display: none !important;}
    .sec02 .item01 .imgBox {width: 34.15vw;}
    .sec02 .item01 .circle {top: -4.27vw; left: -4.27vw; width: 8.54vw;}
    .sec02 .item01 .info {width: calc(100% - 34.15vw - 6.93vw);}
    .sec02 .item02 .imgBox {width: 42.68vw;}
    .sec02 .item02 .imgBox .txt {top: 4.27vw; right: -6.40vw; font-size: 1.22vw; letter-spacing: -0.04vw;}
    .sec02 .item02 .info {width: calc(100% - 42.68vw - 5.93vw);}
    .sec02 .item03 {gap: 6.71vw;}
    .sec02 .item03 .img {width: 15.24vw; height: 8.23vw;}
    .sec02 .item03 .img img {width: 6.10vw;}
    .sec02 .item03 .info {width: calc(100% - 6.71vw - 15.24vw);}
    /* sec3 */
    .sec3 .flow_text {padding: 0.70vw 0;}
    .sec3 .flow_text span {font-size: 1.83vw; letter-spacing: -0.04vw;}
    /* sec4 */
    .sec4 {padding: 7.32vw 0;}
    .map_wrap {margin: 3.66vw auto 0;}
    .map_wrap .map{height: 57.93vw;}
    .map_wrap .map_menu .map_ic{width: 3.05vw;}
    @keyframes ani_pop {
        0% {transform: translateY(-0.30vw)}
        50% {transform: translateY(0)}
        100% {transform: translateY(-0.30vw)}
    }
    .map_wrap .map_menu .map_box{min-width: 21.95vw; top: -12.80vw; box-shadow: 0.00vw 0.24vw 0.61vw 0.00vw rgba(0, 0, 0, 0.25); padding:2.44vw 1.22vw 2.13vw;}
    .map_wrap .map_menu .map_box:before{ border-right:0.79vw solid transparent; border-top:1.04vw solid #fff; border-left:0.79vw solid transparent; border-bottom:0.79vw solid transparent; bottom:-1.7vw; filter: drop-shadow(0.00vw 0.49vw 0.24vw rgba(0, 0, 0, 0.20));}
    .map_wrap .map_menu .map_box strong{font-size: 1.10vw;}
    .map_wrap .map_menu .map_box p{font-size: 0.91vw; margin-top:0.61vw; letter-spacing: -0.04vw;}
    .map_wrap .map_menu .map_box .detail_view{ font-size: 0.85vw; padding: 0.49vw 1.22vw; border-radius: 3.05vw; margin-top:1.22vw;}
    .map_srh_wrap{ left:2.13vw; width: 27.44vw; box-shadow: 0.00vw 0.30vw 0.61vw 0.00vw rgba(0, 0, 0, 0.25); padding-bottom:3.35vw;}
    .map_srh_inner{padding:0 1.83vw;}
    .map_srh_tp .map_tabnav li a{ font-size: 1.10vw; line-height: 4.27vw;}
    .map_srh{ padding:1.83vw 0 2.13vw;}
    .map_srh .map_srh_input{font-size: 1.22vw; height: 3.66vw; padding:0 1.22vw; width:calc(100% - 3.66vw);}
    .map_srh select{font-size: 1.22vw; height: 3.66vw; padding:0 1.22vw; background-position: right 1.22vw center; background-size: 1.22vw;}
    .map_srh .map_sel1{width:8.84vw;}
    .map_srh .map_sel2{width:11.28vw;}
    .map_srh_btn{ width: 3.66vw; height: 3.66vw;}
    .map_srh_btn img{width: 1.59vw;}
    .map_srh_bt{min-height:34.15vw;}
    .map_srh_bt .store_no_data{ padding:2.13vw 0;}
    .map_srh_bt .store_no_data img{width: 2.74vw;}
    .map_srh_bt .store_no_data p{font-size: 1.10vw; margin-top:0.61vw;}
    .map_srh_bt .store_list li{padding:1.22vw 0; gap:1.22vw;}
    .map_srh_bt .store_list li .img{width: 7.62vw; height: 6.10vw;}
    .map_srh_bt .store_list li .txt{width:calc(100% - 7.62vw - 1.22vw);}
    .map_srh_bt .store_list li .txt strong{font-size: 1.10vw;}
    .map_srh_bt .store_list li .txt p{ margin-top:0.49vw;}
    .map_srh_bt .store_list li .txt .add{font-size: 0.91vw;}
    .map_srh_bt .store_list li .txt .time{font-size: 0.85vw;}
    .paging{ gap:1.34vw; margin-top:1.83vw;}
    .paging .first img, .paging .last img{width: 0.61vw;}
    .paging .prev img, .paging .next img{width: 0.37vw;}
    .paging .list_pager{ gap:1.34vw;}
    .paging .list_pager li a{font-size: 0.91vw;}
    /* select */
    .map_wrap .select {height: 3.66vw; line-height: 3.66vw; font-size: 1.22vw;}
    .map_wrap .select .selected {padding:0 1.22vw;}
    .map_wrap .select .selected .arrow {width: 1.22vw;}
    .map_wrap .select .option_wrap {width: calc(100% + 0.12vw); margin: -0.12vw 0 0 -0.06vw;}
    .map_wrap .select ul {max-height: 24.39vw;}
    .map_wrap .select ul::-webkit-scrollbar {width: 3px;}
    .map_wrap .select ul li {line-height:2.44vw; padding-left: 0.61vw; font-size:1.10vw;}
    /* map_popup */
    .map_pop_wrap .pop_inner{ width: 44.51vw; box-shadow: 0.00vw 0.24vw 0.61vw 0.00vw rgba(0, 0, 0, 0.25);}
    .map_pop_wrap .pop_tp{ padding:1.65vw 1.83vw 1.22vw;}
    .map_pop_wrap .pop_tp strong{font-size: 1.34vw;}
    .map_pop_wrap .pop_tp .pop_close{width: 1.46vw;}
    .map_pop_wrap .pop_cont{padding:1.83vw 1.83vw 3.54vw; gap:2.13vw;}
    .map_pop_wrap .pop_cont .map_pop_slide_wrap{ width: 15.24vw; height:12.20vw;}
    .map_pop_wrap .pop_cont .map_pop_slide_wrap .slide{height:12.20vw;}
    .map_pop_wrap .pop_cont .map_pop_slide_arrow{ right:0.61vw; bottom:0.61vw; gap:0.30vw;}
    .map_pop_wrap .pop_cont .map_pop_slide_arrow > div{width: 1.52vw;}
    .map_pop_wrap .pop_cont .map_pop_slide_arrow > div img{width:100%;}
    .map_pop_wrap .pop_cont .map_pop_info{margin-top:1.22vw; width: calc(100% - 15.24vw - 2.44vw);}
    .map_pop_wrap .pop_cont .map_pop_info dl{ gap: 1.22vw; font-size: 0.79vw;}
    .map_pop_wrap .pop_cont .map_pop_info dl + dl{margin-top:0.91vw;}
    .map_pop_wrap .pop_cont .map_pop_info dt{font-size: 0.98vw; width:4.57vw; padding-left:0.61vw;}
    .map_pop_wrap .pop_cont .map_pop_info dt:before{ width: 0.18vw; height: 0.18vw;}
    .map_pop_wrap .pop_cont .map_pop_info dd{font-size: 0.91vw; width:calc(100% - 4.57vw); letter-spacing: -0.04vw;}
    /* sec5 */
    .sec5 #scrollFixed dl dt {transform:translateY(4.27vw);}
    .sec5 #scrollFixed dl dd {padding-top: 5.49vw;}
    .sec5 #scrollFixed dl dd > div {width: 42.68vw;}
    .sec5 #scrollFixed dl dd.fixed {right:calc((100% - 95.12vw) / 2);}
    .sec5 #scrollFixed dl dt .text > strong {font-size: 1.71vw; letter-spacing: -0.06vw;}
    .sec5 #scrollFixed dl dt .text h3 {margin-top: 1.22vw; font-size: 2.74vw; letter-spacing: -0.06vw;}
    .sec5 #scrollFixed dl dt .text h3 strong {font-size: 3.05vw;}
    .sec5 #scrollFixed dl dt .text .info {margin-top: 3.05vw; font-size: 1.34vw; letter-spacing: -0.06vw;}
    .sec5 #scrollFixed dl dt .text .info img {margin-top: 4.27vw;}
    .sec5 #scrollFixed dl.item_1 dt .text .info img {width: 34.70vw;}
    .sec5 #scrollFixed dl.item_1 dd h4 {padding: 1.04vw 0; font-size: 1.59vw; letter-spacing: -0.04vw;}
    .sec5 #scrollFixed dl.item_1 dd table {margin-top: 1.22vw; letter-spacing: -0.04vw;}
    .sec5 #scrollFixed dl.item_1 dd table th {font-size: 1.22vw;}
    .sec5 #scrollFixed dl.item_1 dd table th,
    .sec5 #scrollFixed dl.item_1 dd table td {padding: 0.91vw 0;}
    .sec5 #scrollFixed dl.item_1 dd table td {font-size: 1.22vw;}
    .sec5 #scrollFixed dl.item_1 dd table tfoot td {font-size: 1.34vw;}
    .sec5 #scrollFixed dl.item_1 dd ul {margin-top: 1.22vw;}
    .sec5 #scrollFixed dl.item_1 dd ul li {font-size: 0.98vw; letter-spacing: -0.04vw;}
    .sec5 #scrollFixed dl.item_4 dt .text .info img,
    .sec5 #scrollFixed dl.item_5 dt .text .info img,
    .sec5 #scrollFixed dl.item_6 dt .text .info img {width: 25.24vw;}
    /* sec6 */
    .sec6 {padding: 7.93vw 0;}
    .sec6 .txtBox .flex-jc {gap: 1.83vw;}
    .sec6 .txtBox .flex-jc span {width: 6.10vw;}
    .sec6 .txtBox .flex-jc img {width: 5.18vw;}
    .sec6 .main_tit p {margin-top: 1.22vw; font-size: 1.71vw;}
    .sec6 .cont {width: 73.17vw;}
    .sec6 .cont .desc {font-size: 1.10vw; letter-spacing: -0.04vw;}
    .sec6 .cont .table_cont {margin-top: 0.91vw;}
    .sec6 .cont table th,
    .sec6 .cont table td {padding: 1.22vw 1.83vw; letter-spacing: -0.04vw;}
    .sec6 .cont table th {font-size: 1.52vw;}
    .sec6 .cont table td {font-size: 1.46vw;}
    .sec6 .cont ul {margin-top: 1.83vw; font-size: 1.10vw; letter-spacing: -0.04vw;}
    /* sec7 */
    .sec7 {padding: 7.32vw 0 10.67vw;}
    .sec7 .main_tit p {margin-top: 1.22vw;}
    .sec7 .contact {margin-top: 5.79vw;}
    .sec7 .contact h5 {gap: 1.83vw; font-size: 2.44vw;}
    .sec7 .contact h5 span {width: 4.88vw;}
    .sec7 .contact div {margin-top: 1.52vw;}
    .sec7 .contact p {gap: 0.91vw; font-size: 1.34vw; letter-spacing: -0.06vw;}
    .sec7 .contact p + p {margin-top: 0.91vw;}
    .sec7 .contact p img {width: 2.44vw;}
    .sec7 .in_st{width: 60.98vw;}
    .sec7 .fr_form ul li{margin-bottom: 1.83vw; letter-spacing: -0.06vw;}
    .sec7 .fr_form ul li .item {gap: 0.61vw;}
    .sec7 .fr_form ul li.flex {gap: 0 1.83vw;}
    .sec7 .fr_form ul li.flex .item {width: calc(100%/2 - 0.91vw);}
    .sec7 .fr_form ul li dt {min-width: 6.71vw; font-size: 1.10vw;}
    .sec7 .fr_form ul li dd {width: calc(100% - 7.93vw);}
    .sec7 .fr_form ul li .input{font-size: 1.10vw; height: 3.05vw;}
    .sec7 .fr_form ul li.content dd {padding-bottom: 0.61vw;}
    .sec7 .fr_form ul li .textarea{height: 9.15vw; size: 1.10vw;}
    .sec7 .fr_form ul li .input_box label {height: 3.05vw; gap: 0 0.61vw; font-size: 1.10vw;}
    .sec7 .fr_form ul li .input_box label + label {margin-left: 3.66vw;}
    .sec7 .fr_form ul li .input_box input[type="radio"] {width: 1.52vw; height: 1.52vw;}
    .sec7 .fr_form .bot {margin-top: 2.38vw;}
    .sec7 .fr_form .bot .agree {gap: 0 0.85vw;}
    .sec7 .fr_form .bot .agree label{font-size: 1.10vw; gap: 0 0.85vw; letter-spacing: -0.04vw;}
    .sec7 .fr_form .bot .agree input[type="checkbox"]{width: 1.22vw; height: 1.22vw;}
    .sec7 .fr_form .bot .agree .view_more{font-size: 0.98vw; text-underline-offset: 0.18vw; letter-spacing: -0.04vw;}
    .sec7 .fr_form .bot .apply_btn{ width: 10.18vw; padding: 0.91vw 0; font-size: 1.22vw;}
}

/* 태블릿 (1001px ~ 1200px) */
@media screen and (max-width: 1280px) {
    /* 공통 */
    .inner {max-width: 93.75vw;}

    .mt10 {margin-top: 0.78vw !important;}
    .mt50 {margin-top: 2.34vw !important;}

    /* header */
    #header {height:5.08vw;}
    #header h1 img {width: 5.08vw;}
    #header .gnb {gap:3.13vw;}
    #header .gnb > li > a {font-size: 1.09vw; letter-spacing: -0.04vw; line-height: 5.08vw;}
    #header .gnb > li > a::before {width: 0.23vw; height: 0.23vw; top: 1.64vw;}
    #header .call {gap: 0.86vw;}
    #header .call p {gap: 0.39vw; font-size: 1.09vw; letter-spacing: -0.04vw;}
    #header .call p img {width: 1.41vw;}
    #header .call a {font-size: 1.88vw; letter-spacing: -0.06vw;}

    /* quick */
    .quick {right: 1.13vw; bottom: 10.94vw;}
    .quick ul li + li {margin-top:0.55vw;}
    .quick ul li a {width: 3.13vw; height: 3.13vw; }
    .quick ul li.q_top_btn a {background-size: 0.67vw;}
    .quick ul li i {width: 1.35vw; height: 1.35vw;}
    .quick ul li.q_hide_btn:hover a {width: 11.72vw; border-radius: 4.17vw; padding: 0 0.86vw 0 1.17vw; font-size: 1.09vw;}
    .quick ul li.q_hide_btn:hover span {font-size: 1.09vw;}

    /* footer */
    .footer .ft_info {padding: 3.28vw 0 calc(2.73vw + 3.91vw);}
    .footer .logo img {width: 5.08vw;}
    .footer .ft_info .bot {margin-top: 1.95vw;}
    .footer .ft_info .inner .info strong {font-size: 1.09vw; letter-spacing: -0.06vw;}
    .footer .ft_info .inner .info p:not(.copy) {gap: 0.86vw;}
    .footer .ft_info .inner .info p span {font-size: 1.09vw; letter-spacing: -0.05vw;}
    .footer .ft_info .inner .info p.copy {margin-top: 0.78vw; font-size: 1.09vw; letter-spacing: -0.05vw;}
    .footer .ft_info .inner .term {gap: 1.17vw;}
    .footer .ft_info .inner .term .line {height: 0.94vw;}
    .footer .ft_info .inner .term a {font-size: 1.09vw;}
    .footer .ft_info .inner .tell {gap: 0.78vw; letter-spacing: -0.04vw; margin-top: 1.17vw;}
    .footer .ft_info .inner .tell p {font-size: 1.25vw;}
    .footer .ft_info .inner .tell h2 {font-size: 1.88vw;}

    /* ft_apply */
    .ft_apply .close_cont {top: -2.19vw; width: 2.73vw; height: 2.19vw;}
    .ft_apply .btn {width: 2.73vw;}
    .ft_apply .open img {width: 1.41vw;}
    .ft_apply .close img {width: 0.86vw;}
    .ft_apply .inner {height: 3.91vw;}
    .ft_apply .ft_logo {width: 3.91vw;}
    .ft_apply .info {gap: 3.13vw;}
    .ft_apply .ft_logo + .flex {gap: 0.63vw;}
    .ft_apply .ft_logo + .flex span {font-size: 1.09vw; letter-spacing: -0.05vw;}
    .ft_apply .ft_logo + .flex strong {font-size: 1.72vw; letter-spacing: -0.05vw;}
    .ft_apply .inputBox {gap: 1.95vw;}
    .ft_apply .input_cont {gap: 0.86vw;}
    .ft_apply .input_cont input {width: 11.72vw; height: 2.34vw; padding: 0 1.17vw; font-size: 1.09vw;}
    .ft_apply .input_cont .select {width: 12.89vw;}
    .ft_apply .input_cont .select::after {right: 1.17vw; width: 1.17vw; height:1.17vw;}
    .ft_apply .input_cont select {width: 12.89vw; height: 2.34vw; padding: 0 1.17vw; font-size: 1.09vw;}
    .ft_apply .agree {gap: 0.63vw;}
    .ft_apply .agree p {font-size: 1.02vw; letter-spacing: -0.04vw;}
    .ft_apply .agree label {gap: 0.63vw;}
    .ft_apply .agree span {font-size: 0.94vw; letter-spacing: -0.04vw; text-underline-offset: 0.16vw; text-decoration-thickness: 0.08vw;}
    .ft_apply .agree label input {width: 1.48vw; height: 1.48vw;}
    .ft_apply .apply_btn {width: 7.42vw; padding: 0.70vw 0; font-size: 1.09vw;}


    /* ********** main ********** */
    /* common */
    .main_tit p {font-size: 1.41vw; letter-spacing: -0.05vw;}
    .main_tit h3 {font-size: 3.91vw; letter-spacing: -0.06vw;}

    /* visual */
    .visual .txt {bottom: 4.92vw;}
    .visual .txt em {font-size: 1.41vw; letter-spacing: -0.05vw;}
    .visual .txt h2 {margin-top: 0.63vw; font-size: 2.73vw; letter-spacing: -0.16vw;}
    .visual .txt p {margin-top: 1.17vw; font-size: 1.41vw; letter-spacing: -0.05vw;}

    /* sec01 */
    .sec01 {padding: 10.16vw 0 7.66vw;}
    .sec01 .txtBox .flex-jc {gap: 1.56vw;}
    .sec01 .txtBox .flex-jc span {width: 5.47vw;}
    .sec01 .txtBox .flex-jc img {width: 4.69vw;}
    .sec01 .txtBox h3 {font-size: 2.73vw; letter-spacing: -0.05vw;}
    .sec01 .txtBox p {font-size: 1.56vw; letter-spacing: -0.05vw;}
    .sec01 .txtBg {margin-top: 5.31vw;}

    /* sec02 */
    .sec02 {padding: 1.56vw;}
    .sec02 .inner {max-width: 85.94vw;}
    .sec02 .secBox {padding: 6.25vw 0;}
    .sec02 .secBox::before {width: 17.97vw; height: 8.83vw;}
    .sec02 .item {gap: 6.64vw;}
    .sec02 .item + .item {margin-top: 5.86vw;}
    .sec02 .item .desc {font-size: 1.25vw; letter-spacing: -0.05vw;}
    .sec02 .item01 .imgBox {width: 29.14vw;}
    .sec02 .item01 .circle {top: -3.52vw; left: -3.52vw; width: 7.03vw;}
    .sec02 .item01 .info {width: calc(100% - 29.14vw - 6.64vw);}
    .sec02 .item02 .imgBox {width: 36.48vw;}
    .sec02 .item02 .imgBox .txt {top: 3.91vw; right: -5.70vw; font-size: 1.09vw; letter-spacing: -0.05vw;}
    .sec02 .item02 .info {width: calc(100% - 36.48vw - 5.78vw);}
    .sec02 .item03 {gap: 6.64vw;}
    .sec02 .item03 .img {width: 12.89vw; height: 7.03vw;}
    .sec02 .item03 .img img {width: 5.08vw;}
    .sec02 .item03 .info {width: calc(100% - 12.89vw - 6.64vw);}
    /* sec3 */
    .sec3 .flow_text {padding: 0.63vw 0;}
    .sec3 .flow_text span {font-size: 1.56vw; letter-spacing: -0.03vw;}
    /* sec4 */
    .sec4 {padding: 6.25vw 0;}
    .map_wrap {margin: 3.91vw auto 0;}
    .map_wrap .map{height: 55.66vw;}
    .map_wrap .map_menu .map_ic{width: 3.13vw;}
    @keyframes ani_pop {
        0% {transform: translateY(-0.31vw)}
        50% {transform: translateY(0)}
        100% {transform: translateY(-0.31vw)}
    }
    .map_wrap .map_menu .map_box{min-width: 21.95vw; top: -12.81vw; box-shadow: 0.00vw 0.23vw 0.63vw 0.00vw rgba(0, 0, 0, 0.25); padding:2.42vw 1.17vw 2.11vw;}
    .map_wrap .map_menu .map_box:before{ border-right:0.78vw solid transparent; border-top:1.02vw solid #fff; border-left:0.78vw solid transparent; border-bottom:0.78vw solid transparent; bottom:-1.80vw; filter: drop-shadow(0.00vw 0.47vw 0.23vw rgba(0, 0, 0, 0.20));}
    .map_wrap .map_menu .map_box strong{font-size: 1.09vw;}
    .map_wrap .map_menu .map_box p{font-size: 0.86vw; margin-top:0.63vw; letter-spacing: -0.05vw;}
    .map_wrap .map_menu .map_box .detail_view{ font-size: 0.86vw; padding: 0.47vw 1.17vw; border-radius: 2.97vw; margin-top:1.17vw;}
    .map_srh_wrap{ left:2.11vw; width: 26.80vw; box-shadow: 0.00vw 0.31vw 0.63vw 0.00vw rgba(0, 0, 0, 0.25); padding-bottom:3.28vw;}
    .map_srh_inner{padding:0 1.80vw;}
    .map_srh_tp .map_tabnav li a{ font-size: 1.25vw; line-height: 4.30vw;}
    .map_srh{ padding:1.80vw 0 2.11vw;}
    .map_srh .map_srh_input{font-size: 1.17vw; height: 3.59vw; padding:0 1.17vw; width:calc(100% - 3.59vw);}
    .map_srh select{font-size: 1.17vw; height: 3.59vw; padding:0 1.17vw; background-position: right 1.17vw center; background-size: 1.17vw;}
    .map_srh .map_sel1{width:8.67vw;}
    .map_srh .map_sel2{width:11.02vw;}
    .map_srh_btn{ width: 3.59vw; height: 3.59vw;}
    .map_srh_btn img{width: 1.56vw;}
    .map_srh_bt{min-height:33.36vw;}
    .map_srh_bt .store_no_data{ padding:2.11vw 0;}
    .map_srh_bt .store_no_data img{width: 2.66vw;}
    .map_srh_bt .store_no_data p{font-size: 1.09vw; margin-top:0.63vw;}
    .map_srh_bt .store_list li{padding:1.17vw 0; gap:1.17vw;}
    .map_srh_bt .store_list li .img{width: 7.42vw; height: 5.94vw;}
    .map_srh_bt .store_list li .txt{width:calc(100% - 7.42vw - 1.17vw);}
    .map_srh_bt .store_list li .txt strong{font-size: 1.09vw;}
    .map_srh_bt .store_list li .txt p{ margin-top:0.47vw;}
    .map_srh_bt .store_list li .txt .add{font-size: 0.86vw;}
    .map_srh_bt .store_list li .txt .time{font-size: 0.86vw;}
    .paging{ gap:1.33vw; margin-top:1.80vw;}
    .paging .first img, .paging .last img{width: 0.63vw;}
    .paging .prev img, .paging .next img{width: 0.39vw;}
    .paging .list_pager{ gap:1.33vw;}
    .paging .list_pager li a{font-size: 0.86vw;}
    /* select */
    .map_wrap .select {height: 3.59vw; line-height: 3.59vw; font-size: 1.17vw;}
    .map_wrap .select .selected {padding:0 1.17vw;}
    .map_wrap .select .selected .arrow {width: 1.17vw;}
    .map_wrap .select .option_wrap {width: calc(100% + 0.16vw); margin: -0.16vw 0 0 -0.08vw;}
    .map_wrap .select ul {max-height: 24.35vw;}
    .map_wrap .select ul::-webkit-scrollbar {width: 2px;}
    .map_wrap .select ul li {line-height:2.42vw; padding-left: 0.63vw; font-size:1.09vw;}
    /* map_popup */
    .map_pop_wrap .pop_inner{ width: 43.44vw; box-shadow: 0.00vw 0.23vw 0.63vw 0.00vw rgba(0, 0, 0, 0.25);}
    .map_pop_wrap .pop_tp{ padding:1.64vw 1.80vw 1.17vw;}
    .map_pop_wrap .pop_tp strong{font-size: 1.33vw;}
    .map_pop_wrap .pop_tp .pop_close{width: 1.41vw;}
    .map_pop_wrap .pop_cont{padding:1.80vw 1.80vw 3.44vw; gap:2.11vw;}
    .map_pop_wrap .pop_cont .map_pop_slide_wrap{ width: 14.92vw; height:11.95vw;}
    .map_pop_wrap .pop_cont .map_pop_slide_wrap .slide{height:11.95vw;}
    .map_pop_wrap .pop_cont .map_pop_slide_arrow{ right:0.63vw; bottom:0.63vw; gap:0.31vw;}
    .map_pop_wrap .pop_cont .map_pop_slide_arrow > div{width: 1.48vw;}
    .map_pop_wrap .pop_cont .map_pop_slide_arrow > div img{width:100%;}
    .map_pop_wrap .pop_cont .map_pop_info{margin-top:1.17vw; width: calc(100% - 14.92vw - 2.42vw);}
    .map_pop_wrap .pop_cont .map_pop_info dl{ gap: 1.17vw; font-size: 0.78vw;}
    .map_pop_wrap .pop_cont .map_pop_info dl + dl{margin-top:0.86vw;}
    .map_pop_wrap .pop_cont .map_pop_info dt{font-size: 1.09vw; width:4.45vw; padding-left:0.63vw;}
    .map_pop_wrap .pop_cont .map_pop_info dt:before{ width: 0.16vw; height: 0.16vw;}
    .map_pop_wrap .pop_cont .map_pop_info dd{font-size: 0.86vw; width:calc(100% - 4.45vw); letter-spacing: -0.05vw;}
    /* sec5 */
    .sec5 .bg img {height: 100%; object-fit: cover;}
    .sec5 #scrollFixed dl dt {transform:translateY(4.14vw);}
    .sec5 #scrollFixed dl dd {padding-top: 5.08vw;}
    .sec5 #scrollFixed dl dd > div {width: 36.33vw;}
    .sec5 #scrollFixed dl dd.fixed {right:calc((100% - 93.75vw) / 2);}
    .sec5 #scrollFixed dl dt .text > strong {font-size: 1.56vw; letter-spacing: -0.05vw;}
    .sec5 #scrollFixed dl dt .text h3 {margin-top: 1.17vw; font-size: 2.50vw; letter-spacing: -0.05vw;}
    .sec5 #scrollFixed dl dt .text h3 strong {font-size: 2.97vw;}
    .sec5 #scrollFixed dl dt .text .info {margin-top: 3.13vw; font-size: 1.25vw; letter-spacing: -0.05vw;}
    .sec5 #scrollFixed dl dt .text .info img {margin-top: 3.91vw;}
    .sec5 #scrollFixed dl.item_1 dt .text .info img {width: 33.59vw;}
    .sec5 #scrollFixed dl.item_1 dd h4 {padding: 1.17vw 0; font-size: 1.88vw; letter-spacing: -0.05vw;}
    .sec5 #scrollFixed dl.item_1 dd table {margin-top: 1.56vw; letter-spacing: -0.05vw;}
    .sec5 #scrollFixed dl.item_1 dd table th {font-size: 1.56vw;}
    .sec5 #scrollFixed dl.item_1 dd table th,
    .sec5 #scrollFixed dl.item_1 dd table td {padding: 1.17vw 0;}
    .sec5 #scrollFixed dl.item_1 dd table td {font-size: 1.41vw;}
    .sec5 #scrollFixed dl.item_1 dd table tfoot td {font-size: 1.72vw;}
    .sec5 #scrollFixed dl.item_1 dd ul {margin-top: 1.56vw;}
    .sec5 #scrollFixed dl.item_1 dd ul li {font-size: 1.09vw; letter-spacing: -0.05vw;}
    .sec5 #scrollFixed dl.item_4 dt .text .info img,
    .sec5 #scrollFixed dl.item_5 dt .text .info img,
    .sec5 #scrollFixed dl.item_6 dt .text .info img {width: 27.58vw;}
    /* sec6 */
    .sec6 {padding: 6.80vw 0 6.25vw;}
    .sec6::before {border-width: 1.17vw;}
    .sec6 .txtBox .flex-jc {gap: 1.80vw;}
    .sec6 .txtBox .flex-jc span {width: 5.47vw;}
    .sec6 .txtBox .flex-jc img {width: 4.69vw;}
    .sec6 .main_tit p {margin-top: 1.17vw; font-size: 1.56vw;}
    .sec6 .cont {width: 62.50vw;}
    .sec6 .cont .desc {font-size: 0.94vw; letter-spacing: -0.05vw;}
    .sec6 .cont .table_cont {margin-top: 0.78vw;}
    .sec6 .cont table th,
    .sec6 .cont table td {padding: 1.09vw 1.56vw; letter-spacing: -0.05vw;}
    .sec6 .cont table th {font-size: 1.41vw;}
    .sec6 .cont table td {font-size: 1.25vw;}
    .sec6 .cont ul {margin-top: 1.56vw; font-size: 0.94vw; letter-spacing: -0.05vw;}
    /* sec7 */
    .sec7 {padding: 6.25vw 0 7.81vw;}
    .sec7 .main_tit p {margin-top: 1.17vw;}
    .sec7 .contact {margin-top: 6.25vw;}
    .sec7 .contact h5 {gap: 1.56vw; font-size: 2.34vw;}
    .sec7 .contact h5 span {width: 4.69vw;}
    .sec7 .contact div {margin-top: 2.34vw;}
    .sec7 .contact p {gap: 0.78vw; font-size: 1.25vw; letter-spacing: -0.05vw;}
    .sec7 .contact p + p {margin-top: 0.78vw;}
    .sec7 .contact p img {width: 2.34vw;}

    .sec7 .in_st{width: 58.59vw;}
    .sec7 .fr_form ul li{margin-bottom: 2.34vw; letter-spacing: -0.05vw;}
    .sec7 .fr_form ul li .item {gap: 0.78vw;}
    .sec7 .fr_form ul li.flex {gap: 0 1.56vw;}
    .sec7 .fr_form ul li.flex .item {width: calc(100%/2 - 0.78vw);}
    .sec7 .fr_form ul li dt {min-width: 6.25vw; font-size: 1.09vw;}
    .sec7 .fr_form ul li dd {width: calc(100% - 7.03vw);}
    .sec7 .fr_form ul li .input{font-size: 1.09vw; height: 2.97vw;}
    .sec7 .fr_form ul li.content dd {padding-bottom: 0.63vw;}
    .sec7 .fr_form ul li .textarea{height: 8.91vw; size: 1.09vw;}
    .sec7 .fr_form ul li .input_box label {height: 2.97vw; gap: 0 0.59vw; font-size: 1.09vw;}
    .sec7 .fr_form ul li .input_box label + label {margin-left: 3.52vw;}
    .sec7 .fr_form ul li .input_box input[type="radio"] {width: 1.48vw; height: 1.48vw;}
    .sec7 .fr_form .bot {margin-top: 1.95vw;}
    .sec7 .fr_form .bot .agree {gap: 0 0.78vw;}
    .sec7 .fr_form .bot .agree label{font-size: 1.09vw; gap: 0 0.78vw; letter-spacing: -0.05vw;}
    .sec7 .fr_form .bot .agree input[type="checkbox"]{width: 1.02vw; height: 1.02vw;}
    .sec7 .fr_form .bot .agree .view_more{font-size: 0.94vw; text-underline-offset: 0.16vw; letter-spacing: -0.05vw;}
    .sec7 .fr_form .bot .apply_btn{ width: 9.69vw; padding: 0.94vw 0; font-size: 1.25vw;}
}

/* 태블릿 (769px ~ 1000px) */
@media screen and (max-width: 1000px) {
    /* 공통 */
    .inner {max-width: 94.00vw;}

    .mt10 {margin-top: 0.70vw !important;}
    .mt50 {margin-top: 2.50vw !important;}

    /* header */
    #header {height:5.00vw;}
    #header h1 img {width: 5.20vw;}
    #header .gnb {gap:3.13vw;}
    #header .gnb > li > a {font-size: 1.40vw; letter-spacing: -0.04vw; line-height: 5.00vw;}
    #header .gnb > li > a::before {width: 0.30vw; height: 0.30vw; top: 2.00vw;}
    #header .call {gap: 1.00vw;}
    #header .call p {gap: 0.50vw; font-size: 1.40vw; letter-spacing: -0.04vw;}
    #header .call p img {width: 1.80vw;}
    #header .call a {font-size: 1.30vw; letter-spacing: -0.06vw;}

    /* quick */
    .quick {right: 3.00vw; bottom: 13.60vw;}
    .quick ul li + li {margin-top:0.70vw;}
    .quick ul li a {width: 3.50vw; height: 3.50vw; }
    .quick ul li.q_top_btn a {background-size: 1.12vw;}
    .quick ul li i {width: 1.52vw; height: 1.52vw;}
    .quick ul li.q_hide_btn:hover a {width: 14.50vw; border-radius: 5.20vw; padding: 0 1.10vw 0 1.50vw; font-size: 1.40vw;}
    .quick ul li.q_hide_btn:hover span {font-size: 1.40vw;}

    /* footer */
    .footer .ft_info {padding: 3.50vw 0 calc(3.50vw + 5.00vw);}
    .footer .logo img {width: 6.00vw;}
    .footer .ft_info .bot {margin-top: 2.00vw;}
    .footer .ft_info .inner .info strong {font-size: 1.40vw; letter-spacing: -0.06vw;}
    .footer .ft_info .inner .info p:not(.copy) {gap: 1.10vw;}
    .footer .ft_info .inner .info p span {font-size: 1.40vw; letter-spacing: -0.05vw;}
    .footer .ft_info .inner .info p.copy {margin-top: 1.00vw; font-size: 1.40vw; letter-spacing: -0.05vw;}
    .footer .ft_info .inner .term {gap: 1.00vw;}
    .footer .ft_info .inner .term .line {height: 1.20vw;}
    .footer .ft_info .inner .term a {font-size: 1.40vw;}
    .footer .ft_info .inner .tell {gap: 1.00vw; letter-spacing: -0.05vw; margin-top: 1.00vw;}
    .footer .ft_info .inner .tell p {font-size: 1.60vw;}
    .footer .ft_info .inner .tell h2 {font-size: 2.40vw;}

    /* ft_apply */
    .ft_apply .close_cont {top: -2.40vw; width: 3.00vw; height: 2.40vw;}
    .ft_apply .btn {width: 3.00vw;}
    .ft_apply .open img {width: 1.70vw;}
    .ft_apply .close img {width: 1.10vw;}
    .ft_apply .inner {height: 5.00vw;}
    .ft_apply .ft_logo {width: 4.50vw;}
    .ft_apply .info {gap: 2.00vw;}
    .ft_apply .ft_logo + .flex {gap: 1.00vw;}
    .ft_apply .ft_logo + .flex span {font-size: 1.40vw; letter-spacing: -0.05vw;}
    .ft_apply .ft_logo + .flex strong {font-size: 2.00vw; letter-spacing: -0.06vw;}
    .ft_apply .inputBox {gap: 1.50vw;}
    .ft_apply .input_cont {gap: 0.50vw;}
    .ft_apply .input_cont input {width: 11.00vw; height: 3.00vw; padding: 0 1.00vw; font-size: 1.40vw;}
    .ft_apply .input_cont .select {width: 13.00vw;}
    .ft_apply .input_cont .select::after {right: 1.00vw; width: 1.17vw; height:1.17vw;}
    .ft_apply .input_cont select {width: 13.00vw; height: 3.00vw; padding: 0 1.50vw; font-size: 1.40vw;}
    .ft_apply .agree {gap: 0.70vw;}
    .ft_apply .agree p {font-size: 1.40vw; letter-spacing: -0.04vw;}
    .ft_apply .agree label {gap: 0.70vw;}
    .ft_apply .agree span {font-size: 1.20vw; letter-spacing: -0.04vw; text-underline-offset: 0.20vw; text-decoration-thickness: 0.10vw;}
    .ft_apply .agree label input {width: 1.60vw; height: 1.60vw;}
    .ft_apply .apply_btn {width: 8.00vw; height: 3.00vw; line-height: 3.00vw; padding: 0; font-size: 1.40vw;}


    /* ********** main ********** */
    /* common */
    .main_tit p {font-size: 1.80vw; letter-spacing: -0.05vw;}
    .main_tit h3 {font-size: 4.20vw; letter-spacing: -0.06vw;}

    /* visual */
    .visual .txt {bottom: 5.50vw;}
    .visual .txt em {font-size: 1.60vw; letter-spacing: -0.05vw;}
    .visual .txt h2 {margin-top: 0.60vw; font-size: 3.00vw; letter-spacing: -0.12vw;}
    .visual .txt p {margin-top: 1.00vw; font-size: 1.60vw; letter-spacing: -0.06vw;}

    /* sec01 */
    .sec01 {padding: 10.00vw 0 7.40vw;}
    .sec01 .txtBox .flex-jc {gap: 2.00vw;}
    .sec01 .txtBox .flex-jc span {width: 6.00vw;}
    .sec01 .txtBox .flex-jc img {width: 5.00vw;}
    .sec01 .txtBox h3 {font-size: 3.00vw; letter-spacing: -0.05vw;}
    .sec01 .txtBox p {font-size: 1.80vw; letter-spacing: -0.05vw;}
    .sec01 .txtBg {margin-top: 3.70vw;}

    /* sec02 */
    .sec02 {padding: 1.80vw 1.60vw;}
    .sec02 .inner {max-width: 86.00vw;}
    .sec02 .secBox {padding: 6.50vw 0;}
    .sec02 .secBox::before {width: 18.00vw; height: 8.80vw;}
    .sec02 .item {gap: 5.00vw;}
    .sec02 .item + .item {margin-top: 5.50vw;}
    .sec02 .item .desc {font-size: 1.50vw; letter-spacing: -0.05vw;}
    .sec02 .item .desc br:not(.not) {display: none;}
    .sec02 .item01 .imgBox {width: 31.00vw;}
    .sec02 .item01 .circle {top: -3.50vw; left: -3.50vw; width: 7.00vw;}
    .sec02 .item01 .info {width: calc(100% - 31.00vw - 5.00vw);}
    .sec02 .item02 .imgBox {width: 38.00vw;}
    .sec02 .item02 .imgBox .txt {top: 4.80vw; right: -7.10vw; font-size: 1.40vw; letter-spacing: -0.10vw;}
    .sec02 .item02 .info {width: calc(100% - 38.00vw - 7.20vw);}
    .sec02 .item03 {gap: 5.00vw;}
    .sec02 .item03 .img {width: 13.00vw; height: 7.00vw;}
    .sec02 .item03 .img img {width: 5.00vw;}
    .sec02 .item03 .info {width: calc(100% - 13.00vw - 5.00vw);}
    /* sec3 */
    .sec3 .flow_text {padding: 0.80vw 0;}
    .sec3 .flow_text span {font-size: 2.00vw; letter-spacing: -0.03vw;}
    /* sec4 */
    .sec4 {padding: 6.50vw 0;}
    .map_wrap {margin: 3.50vw auto 0;}
    .map_wrap .map{height: 65.00vw;}
    .map_wrap .map_menu .map_ic{width: 4.00vw;}
    @keyframes ani_pop {
        0% {transform: translateY(-1.80vw)}
        50% {transform: translateY(0)}
        100% {transform: translateY(-1.80vw)}
    }
    .map_wrap .map_menu .map_box{min-width: 22.00vw; top: -14.00vw; box-shadow: 0.00vw 0.30vw 0.80vw 0.00vw rgba(0, 0, 0, 0.25); padding:3.00vw 1.50vw 2.60vw;}
    .map_wrap .map_menu .map_box:before{ border-right:1.00vw solid transparent; border-top:1.30vw solid #fff; border-left:1.00vw solid transparent; border-bottom:1.00vw solid transparent; bottom:-2.20vw; filter: drop-shadow(0.00vw 0.60vw 0.30vw rgba(0, 0, 0, 0.20));}
    .map_wrap .map_menu .map_box strong{font-size: 1.40vw;}
    .map_wrap .map_menu .map_box p{font-size: 1.10vw; margin-top:0.80vw; letter-spacing: -0.10vw;}
    .map_wrap .map_menu .map_box .detail_view{ font-size: 1.10vw; padding: 0.60vw 1.50vw; border-radius: 3.70vw; margin-top:1.50vw;}
    .map_srh_wrap{ left:2.60vw; width: 33.20vw; box-shadow: 0.00vw 0.40vw 0.80vw 0.00vw rgba(0, 0, 0, 0.25); padding-bottom:4.10vw;}
    .map_srh_inner{padding:0 2.20vw;}
    .map_srh_tp .map_tabnav li a{ font-size: 1.60vw; line-height: 5.30vw;}
    .map_srh{ padding:2.20vw 0 2.60vw;}
    .map_srh .map_srh_input{font-size: 1.50vw; height: 4.50vw; padding:0 1.50vw; width:calc(100% - 4.50vw);}
    .map_srh select{font-size: 1.50vw; height: 4.50vw; padding:0 1.50vw; background-position: right 1.50vw center; background-size: 1.50vw;}
    .map_srh .map_sel1{width:10.80vw;}
    .map_srh .map_sel2{width:13.70vw;}
    .map_srh_btn{ width: 4.50vw; height: 4.50vw;}
    .map_srh_btn img{width: 1.90vw;}
    .map_srh_bt{min-height:41.40vw;}
    .map_srh_bt .store_no_data{ padding:2.60vw 0;}
    .map_srh_bt .store_no_data img{width: 3.30vw;}
    .map_srh_bt .store_no_data p{font-size: 1.40vw; margin-top:0.80vw;}
    .map_srh_bt .store_list li{padding:1.50vw 0; gap:1.50vw;}
    .map_srh_bt .store_list li .img{width: 9.20vw; height: 7.40vw;}
    .map_srh_bt .store_list li .txt{width:calc(100% - 9.20vw - 1.50vw);}
    .map_srh_bt .store_list li .txt strong{font-size: 1.40vw;}
    .map_srh_bt .store_list li .txt p{ margin-top:0.60vw;}
    .map_srh_bt .store_list li .txt .add{font-size: 1.10vw;}
    .map_srh_bt .store_list li .txt .time{font-size: 1.10vw;}
    .paging{ gap:1.60vw; margin-top:2.20vw;}
    .paging .first img, .paging .last img{width: 0.80vw;}
    .paging .prev img, .paging .next img{width: 0.50vw;}
    .paging .list_pager{ gap:1.60vw;}
    .paging .list_pager li a{font-size: 1.10vw;}
    /* select */
    .map_wrap .select {height: 4.50vw; line-height: 4.50vw; font-size: 1.50vw;}
    .map_wrap .select .selected {padding:0 1.50vw;}
    .map_wrap .select .selected .arrow {width: 1.50vw;}
    .map_wrap .select .option_wrap {width: calc(100% + 0.20vw); margin: -0.20vw 0 0 -0.10vw;}
    .map_wrap .select ul {max-height: 24.40vw;}
    .map_wrap .select ul li {line-height:3.00vw; padding-left: 0.80vw; font-size:1.40vw;}
    /* map_popup */
    .map_pop_wrap .pop_inner{ width: 53.90vw; box-shadow: 0.00vw 0.30vw 0.80vw 0.00vw rgba(0, 0, 0, 0.25);}
    .map_pop_wrap .pop_tp{ padding:2.00vw 2.20vw 1.50vw;}
    .map_pop_wrap .pop_tp strong{font-size: 1.60vw;}
    .map_pop_wrap .pop_tp .pop_close{width: 1.70vw;}
    .map_pop_wrap .pop_cont{padding:2.20vw 2.20vw 4.30vw; gap:2.60vw;}
    .map_pop_wrap .pop_cont .map_pop_slide_wrap{ width: 18.50vw; height:14.80vw;}
    .map_pop_wrap .pop_cont .map_pop_slide_wrap .slide{height:14.80vw;}
    .map_pop_wrap .pop_cont .map_pop_slide_arrow{ right:0.80vw; bottom:0.80vw; gap:0.40vw;}
    .map_pop_wrap .pop_cont .map_pop_slide_arrow > div{width: 1.80vw;}
    .map_pop_wrap .pop_cont .map_pop_slide_arrow > div img{width:100%;}
    .map_pop_wrap .pop_cont .map_pop_info{margin-top:1.50vw; width: calc(100% - 18.50vw - 3.00vw);}
    .map_pop_wrap .pop_cont .map_pop_info dl{ gap: 1.50vw; font-size: 1.00vw;}
    .map_pop_wrap .pop_cont .map_pop_info dl + dl{margin-top:1.10vw;}
    .map_pop_wrap .pop_cont .map_pop_info dt{font-size: 1.40vw; width:5.50vw; padding-left:0.80vw;}
    .map_pop_wrap .pop_cont .map_pop_info dt:before{ width: 0.20vw; height: 0.20vw;}
    .map_pop_wrap .pop_cont .map_pop_info dd{font-size: 1.10vw; width:calc(100% - 5.50vw); letter-spacing: -0.10vw;}
    /* sec5 */
    .sec5 #scrollFixed dl dt {transform:translateY(5.10vw);}
    .sec5 #scrollFixed dl dd {padding-top: 5.00vw;}
    .sec5 #scrollFixed dl dd > div {width: 41.00vw;}
    .sec5 #scrollFixed dl dd.fixed {right:calc((100% - 94.00vw) / 2);}
    .sec5 #scrollFixed dl dt .text > strong {font-size: 1.80vw; letter-spacing: -0.06vw;}
    .sec5 #scrollFixed dl dt .text h3 {margin-top: 1.17vw; font-size: 3.00vw; letter-spacing: -0.06vw;}
    .sec5 #scrollFixed dl dt .text h3 strong {font-size: 3.70vw;}
    .sec5 #scrollFixed dl dt .text .info {margin-top: 3.90vw; font-size: 1.60vw; letter-spacing: -0.10vw;}
    .sec5 #scrollFixed dl dt .text .info img {margin-top: 4.80vw;}
    .sec5 #scrollFixed dl.item_1 dt .text .info img {width: 33.60vw;}
    .sec5 #scrollFixed dl.item_1 dd h4 {padding: 1.20vw 0; font-size: 1.80vw; letter-spacing: -0.04vw;}
    .sec5 #scrollFixed dl.item_1 dd table {margin-top: 1.50vw; letter-spacing: -0.04vw;}
    .sec5 #scrollFixed dl.item_1 dd table th {font-size: 1.60vw;}
    .sec5 #scrollFixed dl.item_1 dd table th,
    .sec5 #scrollFixed dl.item_1 dd table td {padding: 1.20vw 0;}
    .sec5 #scrollFixed dl.item_1 dd table td {font-size: 1.50vw;}
    .sec5 #scrollFixed dl.item_1 dd table tfoot td {font-size: 1.70vw;}
    .sec5 #scrollFixed dl.item_1 dd ul {margin-top: 1.50vw;}
    .sec5 #scrollFixed dl.item_1 dd ul li {font-size: 1.40vw; letter-spacing: -0.04vw;}
    .sec5 #scrollFixed dl.item_4 dt .text .info img,
    .sec5 #scrollFixed dl.item_5 dt .text .info img,
    .sec5 #scrollFixed dl.item_6 dt .text .info img {width: 30.00vw;}
    .sec5 #scrollFixed dl.item_6 dt .text .info br:not(.not) {display: none;}
    /* sec6 */
    .sec6 {padding: 6.80vw 0 6.30vw;}
    .sec6::before {border-width: 1.17vw;}
    .sec6 .txtBox .flex-jc {gap: 2.00vw;}
    .sec6 .txtBox .flex-jc span {width: 6.00vw;}
    .sec6 .txtBox .flex-jc img {width: 5.00vw;}
    .sec6 .main_tit p {margin-top: 1.00vw; font-size: 1.80vw;}
    .sec6 .cont {width: 71.00vw;}
    .sec6 .cont .desc {font-size: 1.40vw; letter-spacing: -0.03vw;}
    .sec6 .cont .table_cont {margin-top: 1.00vw;}
    .sec6 .cont table th,
    .sec6 .cont table td {padding: 1.20vw 2.00vw; letter-spacing: -0.03vw;}
    .sec6 .cont table th {font-size: 1.41vw;}
    .sec6 .cont table td {font-size: 1.50vw;}
    .sec6 .cont ul {margin-top: 2.00vw; font-size: 1.40vw; letter-spacing: -0.03vw;}
    /* sec7 */
    .sec7 {padding: 6.30vw 0 9.00vw;}
    .sec7 .main_tit p {margin-top: 1.00vw;}
    .sec7 .contact {margin-top: 6.25vw;}
    .sec7 .contact h5 {gap: 1.50vw; font-size: 2.50vw;}
    .sec7 .contact h5 span {width: 5.00vw;}
     .sec7 .contact div {margin-top: 2.34vw;}
    .sec7 .contact p {gap: 1.00vw; font-size: 1.60vw; letter-spacing: -0.06vw;}
    .sec7 .contact p + p {margin-top: 0.78vw;}
    .sec7 .contact p img {width: 3.00vw;}
    .sec7 .in_st{width: 60.00vw;}
    .sec7 .fr_form ul li{margin-bottom: 2.50vw; letter-spacing: -0.06vw;}
    .sec7 .fr_form ul li .item {gap: 1.00vw;}
    .sec7 .fr_form ul li.flex {gap: 0 2.00vw;}
    .sec7 .fr_form ul li.flex .item {width: calc(100%/2 - 1.00vw);}
    .sec7 .fr_form ul li dt {min-width: 8.00vw; font-size: 1.50vw;}
    .sec7 .fr_form ul li dd {width: calc(100% - 8.00vw);}
    .sec7 .fr_form ul li .input{font-size: 1.50vw; height: 3.50vw;}
    .sec7 .fr_form ul li.content dd {padding-bottom: 0.80vw;}
    .sec7 .fr_form ul li .textarea{height: 11.00vw; size: 1.40vw;}
    .sec7 .fr_form ul li .input_box label {height: 3.50vw; gap: 0 0.59vw; font-size: 1.50vw;}
    .sec7 .fr_form ul li .input_box label + label {margin-left: 3.52vw;}
    .sec7 .fr_form ul li .input_box input[type="radio"] {width: 1.50vw; height: 1.50vw;}
    .sec7 .fr_form .bot {margin-top: 2.00vw;}
    .sec7 .fr_form .bot .agree {gap: 0 1.00vw;}
    .sec7 .fr_form .bot .agree label{font-size: 1.50vw; gap: 0 1.00vw; letter-spacing: -0.04vw;}
    .sec7 .fr_form .bot .agree input[type="checkbox"]{width: 1.60vw; height: 1.60vw;}
    .sec7 .fr_form .bot .agree .view_more{font-size: 1.40vw; text-underline-offset: 0.20vw; letter-spacing: -0.10vw;}
    .sec7 .fr_form .bot .apply_btn{ width: 11.40vw; padding: 1.00vw 0; font-size: 1.60vw;}
}


/* 태블릿 (769px ~ 1000px) */
@media screen and (max-width: 800px) {
    /* 공통 */
    .inner {max-width: 750px;}

    .mt10 {margin-top: 6px !important;}
    .mt50 {margin-top: 23px !important;}


    /* header */
    #header {height:63px; background: transparent;}
    #header .pc {display: none !important;}
    #header .mob {display: block !important;}
    #header .inner {justify-content: flex-end; background: #000; max-width: 100%; padding: 0 20px;}
    #header h1 {left: 20px; transform: translateY(-50%);}
    #header h1 img {width: 64px;}
    #header .gnb {gap: 40px; justify-content: center; padding: 0 20px; background: var(--color1);}
    #header .gnb > li > a {font-size: 13px; letter-spacing: -0px; line-height: 39px;}
    #header .gnb > li > a:hover {color: #fff;}
    #header .gnb > li > a::before {display: none;}
    #header .call {gap: 9px;}
    #header .call p {gap: 4px; font-size: 14px; letter-spacing: -0px;}
    #header .call p img {width: 18px;}
    #header .call a {font-size: 21px; letter-spacing: -0px;}

    /* quick */
    .quick {right: 27px; bottom: 122px;}
    .quick ul li + li {margin-top:6px;}
    .quick ul li a {width: 32px; height: 32px; }
    .quick ul li.q_top_btn a {background-size: 10px;}
    .quick ul li i {width: 14px; height: 14px;}
    .quick ul li.q_hide_btn:hover a {width: 131px; border-radius: 47px; padding: 0 10px 0 14px; font-size: 13px;}
    .quick ul li.q_hide_btn:hover span {font-size: 13px;}

    /* footer */
    .footer .ft_info {padding: 32px 0 calc(32px + 45px);}
    .footer .logo img {width: 54px;}
    .footer .ft_info .bot {margin-top: 18px;}
    .footer .ft_info .inner .info strong {font-size: 13px; letter-spacing: -1px;}
    .footer .ft_info .inner .info p:not(.copy) {gap: 10px;}
    .footer .ft_info .inner .info p span {font-size: 13px; letter-spacing: -0px;}
    .footer .ft_info .inner .info p.copy {margin-top: 9px; font-size: 13px; letter-spacing: -0px;}
    .footer .ft_info .inner .term {gap: 9px;}
    .footer .ft_info .inner .term .line {height: 11px;}
    .footer .ft_info .inner .term a {font-size: 13px;}
    .footer .ft_info .inner .tell {gap: 9px; letter-spacing: -0px; margin-top: 9px;}
    .footer .ft_info .inner .tell p {font-size: 14px;}
    .footer .ft_info .inner .tell h2 {font-size: 22px;}

    /* ft_apply */
    .ft_apply .close_cont {top: -22px; width: 27px; height: 22px;}
    .ft_apply .btn {width: 27px;}
    .ft_apply .open img {width: 15px;}
    .ft_apply .close img {width: 10px;}
    .ft_apply .inner {height: 45px;}
    .ft_apply .ft_logo {width: 41px;}
    .ft_apply .info {gap: 18px;}
    .ft_apply .ft_logo + .flex {gap: 9px;}
    .ft_apply .ft_logo + .flex span {font-size: 13px; letter-spacing: -0px;}
    .ft_apply .ft_logo + .flex strong {font-size: 18px; letter-spacing: -1px;}
    .ft_apply .inputBox {gap: 14px;}
    .ft_apply .input_cont {gap: 5px;}
    .ft_apply .input_cont input {width: 99px; height: 27px; padding: 0 9px; font-size: 13px;}
    .ft_apply .input_cont .select {width: 117px;}
    .ft_apply .input_cont .select::after {right: 9px; width: 11px; height:11px;}
    .ft_apply .input_cont select {width: 117px; height: 27px; padding: 0 14px; font-size: 13px;}
    .ft_apply .agree {gap: 6px;}
    .ft_apply .agree p {font-size: 13px; letter-spacing: -0px;}
    .ft_apply .agree label {gap: 6px;}
    .ft_apply .agree span {font-size: 11px; letter-spacing: -0px; text-underline-offset: 2px; text-decoration-thickness: 1px;}
    .ft_apply .agree label input {width: 14px; height: 14px;}
    .ft_apply .apply_btn {width: 72px; height: 27px; line-height: 27px; padding: 0; font-size: 13px;}


    /* ********** main ********** */
    /* common */
    .main_tit p {font-size: 16px; letter-spacing: -0px;}
    .main_tit h3 {font-size: 38px; letter-spacing: -1px;}

    /* visual */
    .visual .txt {bottom: 50px;}
    .visual .txt em {font-size: 14px; letter-spacing: -0px;}
    .visual .txt h2 {margin-top: 5px; font-size: 27px; letter-spacing: -1px;}
    .visual .txt p {margin-top: 9px; font-size: 14px; letter-spacing: -1px;}

    /* sec01 */
    .sec01 {padding: 90px 0 67px;}
    .sec01 .txtBox .flex-jc {gap: 18px;}
    .sec01 .txtBox .flex-jc span {width: 54px;}
    .sec01 .txtBox .flex-jc img {width: 45px;}
    .sec01 .txtBox h3 {font-size: 27px; letter-spacing: -0px;}
    .sec01 .txtBox p {font-size: 16px; letter-spacing: -0px;}
    .sec01 .txtBg {margin-top: 33px;}

    /* sec02 */
    .sec02 {padding: 16px 14px;}
    .sec02 .inner {max-width: 700px;}
    .sec02 .secBox {padding: 59px 0;}
    .sec02 .secBox::before {width: 162px; height: 79px;}
    .sec02 .item {gap: 45px;}
    .sec02 .item + .item {margin-top: 70px;}
    .sec02 .item .desc {font-size: 14px; letter-spacing: -0px;}
    .sec02 .item .desc br:not(.not) {display: none;}
    .sec02 .item01 .imgBox {width: 279px;}
    .sec02 .item01 .circle {top: -32px; left: -32px; width: 63px;}
    .sec02 .item01 .info {width: calc(100% - 279px - 45px);}
    .sec02 .item02 .imgBox {width: 342px;}
    .sec02 .item02 .imgBox .txt {top: 43px; right: -64px; font-size: 13px; letter-spacing: -1px;}
    .sec02 .item02 .info {width: calc(100% - 342px - 65px);}
    .sec02 .item03 {gap: 45px;}
    .sec02 .item03 .img {width: 117px; height: 63px;}
    .sec02 .item03 .img img {width: 45px;}
    .sec02 .item03 .info {width: calc(100% - 117px - 45px);}
    /* sec3 */
    .sec3 .flow_text {padding: 7px 0;}
    .sec3 .flow_text span {font-size: 18px; letter-spacing: -0px;}
    /* sec4 */
    .sec4 {padding: 59px 0;}
    .map_wrap {margin: 32px auto 0;}
    .map_wrap .map{height: 585px;}
    .map_wrap .map_menu .map_ic{width: 36px;}
    @keyframes ani_pop {
        0% {transform: translateY(-16px)}
        50% {transform: translateY(0)}
        100% {transform: translateY(-16px)}
    }
    .map_wrap .map_menu .map_box{min-width: 52.08vw; top: -126px; box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.25); padding:27px 14px 23px;}
    .map_wrap .map_menu .map_box:before{ border-right:9px solid transparent; border-top:12px solid #fff; border-left:9px solid transparent; border-bottom:9px solid transparent; bottom:-20px; filter: drop-shadow(0px 5px 3px rgba(0, 0, 0, 0.20));}
    .map_wrap .map_menu .map_box strong{font-size: 13px;}
    .map_wrap .map_menu .map_box p{font-size: 10px; margin-top:7px; letter-spacing: -1px;}
    .map_wrap .map_menu .map_box .detail_view{ font-size: 10px; padding: 5px 14px; border-radius: 33px; margin-top:14px;}
    .map_srh_wrap{ left:23px; width: 299px; box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.25); padding-bottom:37px; height: 95%;}
    .map_srh_inner{padding:0 20px;}
    .map_srh_tp .map_tabnav li a{ font-size: 14px; line-height: 48px;}
    .map_srh{ padding:20px 0 23px;}
    .map_srh .map_srh_input{font-size: 14px; height: 41px; padding:0 14px; width:calc(100% - 41px);}
    .map_srh select{font-size: 14px; height: 41px; padding:0 14px; background-position: right 14px center; background-size: 14px;}
    .map_srh .map_sel1{width:97px;}
    .map_srh .map_sel2{width:123px;}
    .map_srh_btn{ width: 41px; height: 41px;}
    .map_srh_btn img{width: 17px;}
    .map_srh_bt{min-height:373px;}
    .map_srh_bt .store_no_data{ padding:23px 0;}
    .map_srh_bt .store_no_data img{width: 30px;}
    .map_srh_bt .store_no_data p{font-size: 13px; margin-top:7px;}
    .map_srh_bt .store_list li{padding:14px 0; gap:14px;}
    .map_srh_bt .store_list li .img{width: 83px; height: 67px;}
    .map_srh_bt .store_list li .txt{width:calc(100% - 83px - 14px);}
    .map_srh_bt .store_list li .txt strong{font-size: 13px;}
    .map_srh_bt .store_list li .txt p{ margin-top:5px;}
    .map_srh_bt .store_list li .txt .add{font-size: 10px;}
    .map_srh_bt .store_list li .txt .time{font-size: 10px;}
    .paging{ gap:14px; margin-top:20px;}
    .paging .first img, .paging .last img{width: 7px;}
    .paging .prev img, .paging .next img{width: 5px;}
    .paging .list_pager{ gap:14px;}
    .paging .list_pager li a{font-size: 10px;}
    /* select */
    .map_wrap .select {height: 41px; line-height: 41px; font-size: 14px;}
    .map_wrap .select .selected {padding:0 14px;}
    .map_wrap .select .selected .arrow {width: 14px;}
    .map_wrap .select .option_wrap {width: calc(100% + 2px); margin: -2px 0 0 -1px;}
    .map_wrap .select ul li {line-height:27px; padding-left: 7px; font-size:13px;}
    /* map_popup */
    .map_pop_wrap .pop_inner{ width: 485px; box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.25);}
    .map_pop_wrap .pop_tp{ padding:18px 20px 14px;}
    .map_pop_wrap .pop_tp strong{font-size: 14px;}
    .map_pop_wrap .pop_tp .pop_close{width: 15px;}
    .map_pop_wrap .pop_cont{padding:20px 20px 39px; gap:23px;}
    .map_pop_wrap .pop_cont .map_pop_slide_wrap{ width: 167px; height:133px;}
    .map_pop_wrap .pop_cont .map_pop_slide_wrap .slide{height:133px;}
    .map_pop_wrap .pop_cont .map_pop_slide_arrow{ right:7px; bottom:7px; gap:4px;}
    .map_pop_wrap .pop_cont .map_pop_slide_arrow > div{width: 16px;}
    .map_pop_wrap .pop_cont .map_pop_slide_arrow > div img{width:100%;}
    .map_pop_wrap .pop_cont .map_pop_info{margin-top:14px; width: calc(100% - 167px - 27px);}
    .map_pop_wrap .pop_cont .map_pop_info dl{ gap: 14px; font-size: 9px;}
    .map_pop_wrap .pop_cont .map_pop_info dl + dl{margin-top:10px;}
    .map_pop_wrap .pop_cont .map_pop_info dt{font-size: 13px; width:50px; padding-left:7px;}
    .map_pop_wrap .pop_cont .map_pop_info dt:before{ width: 2px; height: 2px;}
    .map_pop_wrap .pop_cont .map_pop_info dd{font-size: 10px; width:calc(100% - 50px); letter-spacing: -1px;}
    /* sec5 */
    .sec5 #scrollFixed dl dt {transform:translateY(46px);}
    .sec5 #scrollFixed dl dd {padding-top: 45px;}
    .sec5 #scrollFixed dl dd > div {width: 369px;}
    .sec5 #scrollFixed dl dd.fixed {right:calc((100% - 846px) / 2);}
    .sec5 #scrollFixed dl dt .text > strong {font-size: 16px; letter-spacing: -1px;}
    .sec5 #scrollFixed dl dt .text h3 {margin-top: 11px; font-size: 27px; letter-spacing: -1px;}
    .sec5 #scrollFixed dl dt .text h3 strong {font-size: 33px;}
    .sec5 #scrollFixed dl dt .text .info {margin-top: 35px; font-size: 14px; letter-spacing: -1px;}
    .sec5 #scrollFixed dl dt .text .info img {margin-top: 43px;}
    .sec5 #scrollFixed dl.item_1 dt .text .info img {width: 302px;}
    .sec5 #scrollFixed dl.item_1 dd h4 {padding: 11px 0; font-size: 16px; letter-spacing: -0px;}
    .sec5 #scrollFixed dl.item_1 dd table {margin-top: 14px; letter-spacing: -0px;}
    .sec5 #scrollFixed dl.item_1 dd table th {font-size: 14px;}
    .sec5 #scrollFixed dl.item_1 dd table th,
    .sec5 #scrollFixed dl.item_1 dd table td {padding: 11px 0;}
    .sec5 #scrollFixed dl.item_1 dd table td {font-size: 14px;}
    .sec5 #scrollFixed dl.item_1 dd table tfoot td {font-size: 15px;}
    .sec5 #scrollFixed dl.item_1 dd ul {margin-top: 14px;}
    .sec5 #scrollFixed dl.item_1 dd ul li {font-size: 13px; letter-spacing: -0px;}
    .sec5 #scrollFixed dl.item_4 dt .text .info img,
    .sec5 #scrollFixed dl.item_5 dt .text .info img,
    .sec5 #scrollFixed dl.item_6 dt .text .info img {width: 270px;}
    .sec5 #scrollFixed dl.item_6 dt .text .info br:not(.not) {display: none;}
    /* sec6 */
    .sec6 {padding: 61px 0 57px;}
    .sec6::before {border-width: 11px;}
    .sec6 .txtBox .flex-jc {gap: 18px;}
    .sec6 .txtBox .flex-jc span {width: 54px;}
    .sec6 .txtBox .flex-jc img {width: 45px;}
    .sec6 .main_tit p {margin-top: 9px; font-size: 16px;}
    .sec6 .cont {width: 639px;}
    .sec6 .cont .desc {font-size: 13px; letter-spacing: -0px;}
    .sec6 .cont .table_cont {margin-top: 9px;}
    .sec6 .cont table th,
    .sec6 .cont table td {padding: 11px 18px; letter-spacing: -0px;}
    .sec6 .cont table th {font-size: 13px;}
    .sec6 .cont table td {font-size: 14px;}
    .sec6 .cont ul {margin-top: 18px; font-size: 13px; letter-spacing: -0px;}
    /* sec7 */
    .sec7 {padding: 57px 0 81px;}
    .sec7 .main_tit p {margin-top: 9px;}
    .sec7 .contact {margin-top: 56px;}
    .sec7 .contact h5 {gap: 14px; font-size: 23px;}
    .sec7 .contact h5 span {width: 45px;}
    .sec7 .contact div {margin-top: 21px;}
    .sec7 .contact p {gap: 9px; font-size: 14px; letter-spacing: -1px;}
    .sec7 .contact p + p {margin-top: 7px;}
    .sec7 .contact p img {width: 27px;}
    .sec7 .in_st{width: 540px;}
    .sec7 .fr_form ul li{margin-bottom: 23px; letter-spacing: -1px;}
    .sec7 .fr_form ul li .item {gap: 9px;}
    .sec7 .fr_form ul li.flex {gap: 0 18px;}
    .sec7 .fr_form ul li.flex .item {width: calc(100%/2 - 9px);}
    .sec7 .fr_form ul li dt {min-width: 72px; font-size: 14px;}
    .sec7 .fr_form ul li dd {width: calc(100% - 72px);}
    .sec7 .fr_form ul li .input{font-size: 14px; height: 32px;}
    .sec7 .fr_form ul li.content dd {padding-bottom: 7px;}
    .sec7 .fr_form ul li .textarea{height: 99px; size: 13px;}
    .sec7 .fr_form ul li .input_box label {height: 32px; gap: 0 5px; font-size: 14px;}
    .sec7 .fr_form ul li .input_box label + label {margin-left: 32px;}
    .sec7 .fr_form ul li .input_box input[type="radio"] {width: 14px; height: 14px;}
    .sec7 .fr_form .bot {margin-top: 18px;}
    .sec7 .fr_form .bot .agree {gap: 0 9px;}
    .sec7 .fr_form .bot .agree label{font-size: 14px; gap: 0 9px; letter-spacing: -0px;}
    .sec7 .fr_form .bot .agree input[type="checkbox"]{width: 14px; height: 14px;}
    .sec7 .fr_form .bot .agree .view_more{font-size: 13px; text-underline-offset: 2px; letter-spacing: -1px;}
    .sec7 .fr_form .bot .apply_btn{ width: 103px; padding: 9px 0; font-size: 14px;}
}


/* 모바일 (최대 768px) */
@media screen and (max-width:768px) {
    /* 공통 */
    .pc {display: none !important;}
    .mob {display: block !important;}

    .inner {max-width: calc(100% - 10.42vw);}

    .mt10 {margin-top: 1.30vw !important;}
    .mt50 {margin-top: 7.81vw !important;}

    /* header */
    #header {height:16.93vw; background: transparent;}
    #header .inner {justify-content: flex-end; background: #000; max-width: 100%; padding: 0 5.21vw;}
    #header h1 {left: 5.21vw; transform: translateY(-50%);}
    #header h1 img {width: 17.00vw;}
    #header .gnb {gap:0; justify-content: space-between; padding: 0 5.21vw; background: var(--color1);}
    #header .gnb > li > a {font-size: 3.39vw; letter-spacing: -0.12vw; line-height: 10.42vw;}
    #header .gnb > li > a:hover {color: #fff;}
    #header .gnb > li > a::before {display: none;}
    #header .call {gap: 2.34vw;}
    #header .call p {gap: 1.17vw; font-size: 3.65vw; letter-spacing: -0.13vw;}
    #header .call p img {width: 4.69vw;}
    #header .call a {font-size: 5.73vw; letter-spacing: -0.13vw;}

    /* quick */
    .quick {right: 5.21vw; bottom: 44.92vw;}
    .quick.on {bottom: 10.92vw;}
    .quick ul li + li {margin-top:1.69vw;}
    .quick ul li a {width: 10.42vw; height: 10.42vw; }
    .quick ul li.q_top_btn a {background-size: 2.22vw;}
    .quick ul li i {width: 4.51vw; height: 4.51vw;}
    .quick ul li.q_hide_btn:hover a {width: 39.06vw; border-radius: 12.24vw; padding: 0 2.60vw 0 3.52vw; font-size: 3.26vw;}
    .quick ul li.q_hide_btn:hover span {font-size: 3.26vw;}

    /* footer */
    .footer .ft_info {padding: 13.02vw 0 calc(12.63vw + 35.09vw);}
    .footer .logo img {width: 16.93vw;}
    .footer .ft_info .bot {margin-top: 6.51vw; flex-direction: column; gap: 6.51vw; align-items: flex-start;}
    .footer .ft_info .inner .info strong {font-size: 3.39vw; letter-spacing: -0.20vw;}
    .footer .ft_info .inner .info p:not(.copy) {gap: 2.60vw;}
    .footer .ft_info .inner .info p span {font-size: 3.39vw; letter-spacing: -0.16vw;}
    .footer .ft_info .inner .info p.copy {margin-top: 2.60vw; font-size: 3.39vw; letter-spacing: -0.16vw;}
    .footer .ft_info .inner .term {gap: 3.91vw; justify-content: flex-start;}
    .footer .ft_info .inner .term .line {height: 3.13vw;}
    .footer .ft_info .inner .term a {font-size: 3.26vw;}
    .footer .ft_info .inner .tell {gap: 2.08vw; letter-spacing: -0.16vw; margin-top: 2.60vw;}
    .footer .ft_info .inner .tell p {font-size: 3.91vw;}
    .footer .ft_info .inner .tell h2 {font-size: 6.25vw;}

    /* ft_apply */
    .ft_apply .close_cont {top: -7.16vw; width: 9.11vw; height: 7.29vw; right: -5.21vw;}
    .ft_apply .btn {width: 9.11vw;}
    .ft_apply .open img {width: 4.04vw;}
    .ft_apply .close img {width: 2.60vw;}
    .ft_apply .inner {height: 26.04vw; flex-wrap: wrap;}
    .ft_apply .inner_cont {max-width: 100%; padding: 4.43vw 0 3.39vw; gap: 2.60vw;}
    .ft_apply .ft_logo {width: 13.02vw;}
    .ft_apply .info {gap: 0; width: 100%; justify-content: space-between; display: none;}
    .ft_apply .ft_logo + .flex {gap: 1.95vw;}
    .ft_apply .ft_logo + .flex span {font-size: 3.65vw; letter-spacing: -0.16vw;}
    .ft_apply .ft_logo + .flex strong {font-size: 5.73vw; letter-spacing: -0.20vw;}
    .ft_apply .inputBox {gap: 2.60vw; flex-wrap: wrap;}
    .ft_apply .input_cont {gap: 1.30vw;}
    .ft_apply .input_cont input {width: calc((100% - 36.46vw - 1.30vw) / 2); height: 7.81vw; padding: 0 3.39vw; font-size: 3.65vw;}
    .ft_apply .input_cont .select {width: 30.47vw;}
    .ft_apply .input_cont .select::after {right: 3.39vw; width: 3.47vw; height:3.47vw;}
    .ft_apply .input_cont select {width: 34.90vw; height: 7.81vw; padding: 0 3.39vw; font-size: 3.65vw;}
    .ft_apply .agree {gap: 2.08vw; margin: 1.95vw 0 1.30vw;}
    .ft_apply .agree p {font-size: 3.39vw; letter-spacing: -0.12vw;}
    .ft_apply .agree label {gap: 2.08vw;}
    .ft_apply .agree span {font-size: 3.13vw; letter-spacing: -0.12vw; text-underline-offset: 0.52vw; text-decoration-thickness: 0.26vw;}
    .ft_apply .agree label input {width: 4.69vw; height: 4.69vw;}
    .ft_apply .apply_btn {width: 23.44vw; height: 7.81vw; line-height: 7.81vw; padding: 0; font-size: 3.13vw; position: absolute; right: 0; bottom: 3.39vw;}


    /* ********** main ********** */
    /* common */
    .main_tit p {font-size: 4.17vw; letter-spacing: -0.13vw;}
    .main_tit h3 {font-size: 7.81vw; letter-spacing: -0.20vw;}

    /* visual */
    .visual {height: 80vh;}
    .visual video {top: calc(50% + 11vw); transform: translateY(-50%); height: auto;}
    .visual .txt {bottom: 8vh; /* top: 63%; transform: translate(-50%,-50%); */}
    .visual .txt em {font-size: 4.17vw; letter-spacing: -0.16vw;}
    .visual .txt h2 {margin-top: 2.08vw; font-size: 7.81vw; letter-spacing: -0.39vw;}
    .visual .txt p {margin-top: 3.91vw; font-size: 4.17vw; letter-spacing: -0.20vw;}

    /* sec01 */
    .sec01 {padding: 23.85vw 0 27.34vw;}
    .sec01 .txtBox .flex-jc {gap: 5.21vw;}
    .sec01 .txtBox .flex-jc span {width: 15.63vw;}
    .sec01 .txtBox .flex-jc img {width: 15.63vw;}
    .sec01 .txtBox h3 {font-size: 6.51vw; letter-spacing: -0.17vw;}
    .sec01 .txtBox p {font-size: 4.17vw; letter-spacing: -0.17vw;}
    .sec01 .txtBg {margin-top: 10.94vw;}

    /* sec02 */
    .sec02 {padding: 5.21vw;}
    .sec02 .inner {max-width: 79.17vw;}
    .sec02 .secBox {padding: 5.21vw;}
    .sec02 .secBox::before {display: none;}
    .sec02 .item {gap: 10.42vw; flex-direction: column; align-items: flex-start;}
    .sec02 .item + .item {margin-top: 15.63vw;}
    .sec02 .item .desc {font-size: 3.65vw; letter-spacing: -0.17vw;}
    .sec02 .item .desc br:not(.not) {display: none;}
    .sec02 .item01 .imgBox {width: 100%;}
    .sec02 .item01 .circle {display: none;}
    .sec02 .item01 .info {width: 100%;}
    .sec02 .item02 {flex-direction: column-reverse;}
    .sec02 .item02 .imgBox {width: 100%;}
    .sec02 .item02 .imgBox .txt {display: none;}
    .sec02 .item02 .info {width: 100%;}
    .sec02 .item03 {gap: 10.42vw; align-items: center;}
    .sec02 .item03 .img {width: 42.97vw; height: 20.83vw;}
    .sec02 .item03 .img img {width: 15.63vw;}
    .sec02 .item03 .info {width: 100%;}
    /* sec3 */
    .sec3 .flow_text {padding: 2.02vw 0;}
    .sec3 .flow_text span {font-size: 5.21vw; letter-spacing: -0.10vw;}
    /* sec4 */
    .sec4 {padding: 18.23vw 0;}
    .map_wrap {margin: 10.42vw auto 0; max-width: 100%;}
    .map_wrap .map{height: 104.17vw;}
    .map_wrap .map_menu .map_ic{width: 9.78vw;}
    @keyframes ani_pop {
        0% {transform: translateY(-5px)}
        50% {transform: translateY(0)}
        100% {transform: translateY(-5px)}
    }
    .map_wrap .map_menu .map_box{ top: -41.81vw; box-shadow: 0.00vw 0.65vw 1.82vw 0.00vw rgba(0, 0, 0, 0.25); padding:7.81vw 3.91vw 6.51vw;}
    .map_wrap .map_menu .map_box:before{border-right: 2.56vw solid transparent; border-top: 2.95vw solid #fff; border-left: 2.56vw solid transparent; border-bottom: 2.56vw solid transparent; bottom: -5.0vw; filter: drop-shadow(0.00vw 1.3vw 0.52vw rgba(0, 0, 0, 0.20));}
    .map_wrap .map_menu .map_box strong{font-size: 3.65vw;}
    .map_wrap .map_menu .map_box p{font-size: 3.13vw; margin-top:1.95vw; letter-spacing: -0.12vw;}
    .map_wrap .map_menu .map_box .detail_view{ font-size: 3.13vw; padding: 2.08vw 5.21vw; border-radius: 9.77vw; margin-top:3.91vw; color: #000;}
    .map_srh_wrap{position: relative; left:auto; top: auto; width: 100%; box-shadow: none; padding-bottom:0; transform: none; height: auto;}
    .map_srh_inner{padding:0 5.21vw;}
    .map_srh_tp {background: #fff;}
    .map_srh_tp .map_tabnav li a{ font-size: 4.17vw; line-height: 14.32vw;}
    .map_srh{ padding: 3.91vw 0;}
    .map_srh .map_srh_input{font-size: 4.17vw; height: 13.02vw; padding:0 5.21vw; width:calc(100% - 13.02vw);}
    .map_srh select{font-size: 3.52vw; height: 13.02vw; padding:0 3.52vw; background-position: right 3.52vw center; background-size: 3.52vw;}
    .map_srh .map_sel1{width:25.26vw;}
    .map_srh .map_sel2{width:32.16vw;}
    .map_srh_btn{ width: 13.02vw; height: 13.02vw;}
    .map_srh_btn img{width: 5.64vw;}
    .map_srh_bt{min-height:97.01vw;}
    .map_srh_bt .store_no_data{ padding:6.12vw 0;}
    .map_srh_bt .store_no_data img{width: 7.68vw;}
    .map_srh_bt .store_no_data p{font-size: 3.26vw; margin-top:1.82vw;}
    .map_srh_bt .store_list li{padding:5.21vw 0; gap:5.21vw;}
    .map_srh_bt .store_list li .img{width: 27.34vw; height: 22.14vw;}
    .map_srh_bt .store_list li .txt{width:calc(100% - 27.34vw - 5.21vw);}
    .map_srh_bt .store_list li .txt strong{font-size: 3.91vw;}
    .map_srh_bt .store_list li .txt p{ margin-top:1.78vw;}
    .map_srh_bt .store_list li .txt .add{font-size: 3.39vw;}
    .map_srh_bt .store_list li .txt .time{font-size: 3.39vw;}
    .paging{ gap:4.98vw; margin: 9.11vw auto 8.72vw;}
    .paging .first img, .paging .last img{width: 2.22vw;}
    .paging .prev img, .paging .next img{width: 1.33vw;}
    .paging .list_pager{ gap:4.98vw;}
    .paging .list_pager li a{font-size: 3.33vw;}
    /* select */
    .map_wrap .select {height: 13.02vw; line-height: 13.02vw; font-size: 4.17vw; width: calc((100% - 13.02vw) / 2);}
    .map_wrap .select .selected {padding:0 5.21vw;}
    .map_wrap .select .selected .arrow {width: 3.34vw;}
    .map_wrap .select .option_wrap {width: calc(100% + 2px); margin: -1px 0 0;}
    .map_wrap .select ul {max-height: 60.06vw;}
	.map_wrap .select ul li {line-height:1.8; padding-left: calc(4.5vw - 5px); font-size:4.17vw;}
    /* map_popup */
    .map_pop_wrap .pop_inner{ width: 100%; box-shadow: 0.00vw 0.65vw 1.82vw 0.00vw rgba(0, 0, 0, 0.25); width: calc(100% - (5.21vw * 2));}
    .map_pop_wrap .pop_tp{ padding:3.91vw 5.21vw;}
    .map_pop_wrap .pop_tp strong{font-size: 4.17vw;}
    .map_pop_wrap .pop_tp .pop_close{width: 5.21vw;}
    .map_pop_wrap .pop_cont{padding:5.21vw 5.21vw 15.63vw; gap:6.51vw; flex-direction: column; align-items: flex-start;}
    .map_pop_wrap .pop_cont .map_pop_slide_wrap{ width: 100%; height:65.10vw;}
    .map_pop_wrap .pop_cont .map_pop_slide_wrap .slide{height:65.10vw;}
    .map_pop_wrap .pop_cont .map_pop_slide_arrow{ right:3.91vw; bottom:3.91vw; gap:1.30vw;}
    .map_pop_wrap .pop_cont .map_pop_slide_arrow > div{width: 6.51vw;}
    .map_pop_wrap .pop_cont .map_pop_slide_arrow > div img{width:100%;}
    .map_pop_wrap .pop_cont .map_pop_info{margin-top:0; width: 100%;}
    .map_pop_wrap .pop_cont .map_pop_info dl{ gap: 5.21vw; font-size: 3.39vw;}
    .map_pop_wrap .pop_cont .map_pop_info dl + dl{margin-top:3.91vw;}
    .map_pop_wrap .pop_cont .map_pop_info dt{font-size: 3.39vw; width:11.72vw; padding-left:2.34vw;}
    .map_pop_wrap .pop_cont .map_pop_info dt:before{ width: 0.78vw; height: 0.78vw;}
    .map_pop_wrap .pop_cont .map_pop_info dd{font-size: 3.39vw; width:calc(100% - 11.72vw); letter-spacing: -0.16vw;}
    /* sec5 */
    /* .sec5 {padding: 18.23vw 0 22.14vw;}
    .sec5 .bg {height: 100%;}
    .sec5 .bgTxt {position: absolute; left: 0; bottom: 0; width: 100%;}
    .sec5 .swiper-pagination {padding: 0 5.21vw; display: flex; align-items: center; gap: 2.60vw; color: #fff; position: relative; top: auto; right: auto; left: auto; bottom: auto; margin: 0; height: auto; white-space: nowrap; overflow: hidden; overflow-x: scroll;}
    .sec5 .swiper-pagination-bullet {padding: 2.60vw 5.21vw; border-radius: 13.02vw; background: #fff; opacity: 1; width: auto; height: auto; margin: 0;}
    .sec5 .swiper-pagination-bullet span {font-size: 4.17vw; font-weight: 700; letter-spacing: -0.20vw; color: #000;}
    .sec5 .swiper-pagination-bullet span span {display: none;}
    .sec5 .swiper-pagination-bullet-active {background: var(--color1);}
    .sec5 .swiper-pagination-bullet-active span {color: #fff;}
    .sec5 .swiper-pagination-bullet-active span span {display: inline-block;}
    .sec5 .swiper {margin-top: 7.81vw;}
    .sec5 .swiper .swiper-slide {position: relative; padding: 0 5.21vw;}
    .sec5 .swiper .swiper-slide .text > strong {display: block; font-size: 4.17vw; font-weight: 700; letter-spacing: -0.20vw; color: var(--color1);}
    .sec5 .swiper .swiper-slide .text h3 {color: #fff; font-size: 6.51vw; font-weight: 500; line-height: 1.3; letter-spacing: -0.20vw; margin-top: 2.60vw;}
    .sec5 .swiper .swiper-slide .text h3 strong {font-weight: 800; font-size: 7.81vw;}
    .sec5 .swiper .swiper-slide .text .info {margin-top: 5.21vw; font-size: 3.65vw; font-weight: 400; color: #E7E7E7; line-height: 1.57;}
    .sec5 .swiper .swiper-slide .text .info strong {font-weight: 700; color: #fff;}
    .sec5 .swiper .swiper-slide .cont {margin-top: 13.02vw;}
    .sec5 .swiper .swiper-slide .cont > div {width: 100%;}
    .sec5 .swiper .swiper-slide .text .text > strong {font-size: 4.17vw; letter-spacing: -0.13vw;}
    .sec5 .swiper .swiper-slide .text .text h3 {margin-top: 2.73vw; font-size: 7.03vw; letter-spacing: -0.13vw;}
    .sec5 .swiper .swiper-slide .text .text h3 strong {font-size: 8.72vw;}
    .sec5 .swiper .swiper-slide .text .text .info {margin-top: 9.11vw; font-size: 3.78vw; letter-spacing: -0.26vw;}
    .sec5 .swiper .swiper-slide .text .text .info img {margin-top: 11.20vw;}
    .sec5 .swiper .item_1 .cont {margin-top: 10.81vw;}
    .sec5 .swiper .item_1 .cont h4 {padding: 3.13vw 0; font-size: 4.69vw; letter-spacing: -0.12vw; background: #fff; text-align: center;}
    .sec5 .swiper .item_1 .cont table {margin-top: 5.21vw; letter-spacing: -0.12vw; width: 100%; border-spacing: 0; color: #fff; text-align: center;}
    .sec5 .swiper .item_1 .cont table th {font-size: 4.17vw; border-top: 0.13vw solid #fff; border-bottom: 0.13vw solid #fff;}
    .sec5 .swiper .item_1 .cont table th,
    .sec5 .swiper .item_1 .cont table td {padding: 3.91vw 0;}
    .sec5 .swiper .item_1 .cont table td {font-size: 3.65vw;}
    .sec5 .swiper .item_1 .cont table td.fc-main {font-weight: 800;}
    .sec5 .swiper .item_1 .cont table tr + tr td {border-top: 0.13vw solid rgba(255, 255, 255, 0.40);}
    .sec5 .swiper .item_1 .cont table tfoot td {font-size: 4.69vw; background: var(--color1); font-weight: 800;}
    .sec5 .swiper .item_1 .cont ul {margin-top: 5.21vw;}
    .sec5 .swiper .item_1 .cont ul li {font-size: 3.13vw; letter-spacing: -0.12vw; color: #BEBEBE; line-height: 1.6;}
    .sec5 .swiper .item_4 .text .info img,
    .sec5 .swiper .item_5 .text .info img,
    .sec5 .swiper .item_6 .text .info img {width: 100%;} */
    .sec5 {padding: 18.23vw 0 22.14vw; position: relative; background: url('/img/main/m_sec5_bg.jpg') center top/100% auto;}
    .sec5 .bg {height: 100%;}
    .sec5 .bgTxt {position: absolute; left: 0; bottom: 0; width: 100%;}
    .sec5 .tab {height: 10.16vw;}
    .sec5.active .tab ul {position: fixed; top: calc(16.93vw + 10.42vw - 1px); left: 0; width: 100%; z-index: 20; background: #000; padding: 2vw 5.21vw;}
    .sec5 .tab ul {padding: 0 5.21vw 5px; display: flex; align-items: center; gap: 2.60vw; color: #fff; white-space: nowrap; overflow: hidden; overflow-x: scroll;}
    .sec5 .tab li {padding: 2.60vw 5.21vw; border-radius: 13.02vw; background: #fff; opacity: 1; width: auto; height: auto; margin: 0; font-size: 4.17vw; font-weight: 700; letter-spacing: -0.20vw; color: #000;}
    .sec5 .tab li span {display: none;}
    .sec5 .tab li.on {background: var(--color1); color: #fff;}
    .sec5 .tab li.on span {display: inline-block;}
    .sec5 #scrollFixed {margin-top: 7.81vw;}
    .sec5 #scrollFixed .item {position: relative; flex-direction: column; align-items: flex-start; gap: 13.02vw;}
    .sec5 #scrollFixed .item + .item {margin-top: 18.23vw;}
    .sec5 #scrollFixed .item dt,
    .sec5 #scrollFixed .item dd {width: 100%; height: auto;}
    .sec5 #scrollFixed dl dd {padding-top: 0;}
    .sec5 #scrollFixed dl dd > div {width: 100%;}
    .sec5 #scrollFixed .item .text > strong {display: block; font-size: 4.17vw; font-weight: 700; letter-spacing: -0.20vw; color: var(--color1);}
    .sec5 #scrollFixed .item .text h3 {color: #fff; font-size: 6.51vw; font-weight: 500; line-height: 1.3; letter-spacing: -0.20vw; margin-top: 2.60vw;}
    .sec5 #scrollFixed .item .text h3 strong {font-weight: 800; font-size: 7.81vw;}
    .sec5 #scrollFixed .item .text .info {margin-top: 5.21vw; font-size: 3.65vw; font-weight: 400; color: #E7E7E7; line-height: 1.57;}
    .sec5 #scrollFixed .item .text .info strong {font-weight: 700; color: #fff;}
    .sec5 #scrollFixed .item .cont > div {width: 100%;}
    .sec5 #scrollFixed .item .text .text > strong {font-size: 4.17vw; letter-spacing: -0.13vw;}
    .sec5 #scrollFixed .item .text .text h3 {margin-top: 2.73vw; font-size: 7.03vw; letter-spacing: -0.13vw;}
    .sec5 #scrollFixed .item .text .text h3 strong {font-size: 8.72vw;}
    .sec5 #scrollFixed .item .text .text .info {margin-top: 9.11vw; font-size: 3.78vw; letter-spacing: -0.26vw;}
    .sec5 #scrollFixed .item .text .text .info img {margin-top: 11.20vw;}
    .sec5 #scrollFixed dl.item_1 dd h4 {padding: 3.13vw 0; font-size: 4.69vw; letter-spacing: -0.12vw; background: #fff; text-align: center;}
    .sec5 #scrollFixed dl.item_1 dd table {margin-top: 5.21vw; letter-spacing: -0.12vw; width: 100%; border-spacing: 0; color: #fff; text-align: center;}
    .sec5 #scrollFixed dl.item_1 dd table th {font-size: 4.17vw; border-top: 0.13vw solid #fff; border-bottom: 0.13vw solid #fff;}
    .sec5 #scrollFixed dl.item_1 dd table th,
    .sec5 #scrollFixed dl.item_1 dd table td {padding: 3.91vw 0;}
    .sec5 #scrollFixed dl.item_1 dd table td {font-size: 3.65vw;}
    .sec5 #scrollFixed dl.item_1 dd table td.fc-main {font-weight: 800;}
    .sec5 #scrollFixed dl.item_1 dd table tr + tr td {border-top: 0.13vw solid rgba(255, 255, 255, 0.40);}
    .sec5 #scrollFixed dl.item_1 dd table tfoot td {font-size: 4.69vw; background: var(--color1); font-weight: 800;}
    .sec5 #scrollFixed dl.item_1 dd ul {margin-top: 5.21vw;}
    .sec5 #scrollFixed dl.item_1 dd ul li {font-size: 3.13vw; letter-spacing: -0.12vw; color: #BEBEBE; line-height: 1.6;}
    .sec5 #scrollFixed .item_3 .text .info br:not(.none) {display: none;}
    .sec5 #scrollFixed .item_4 .text .info img,
    .sec5 #scrollFixed .item_5 .text .info img,
    .sec5 #scrollFixed .item_6 .text .info img {width: 100%;}
    /* sec6 */
    .sec6 {padding: 20.83vw 0 19.53vw; background: url('/img/main/m_sec6_bg.jpg') no-repeat center/cover;}
    .sec6::before {border-width: 2.60vw;}
    .sec6 .txtBox .flex-jc {gap: 5.21vw;}
    .sec6 .txtBox .flex-jc span {width: 15.63vw;}
    .sec6 .txtBox .flex-jc img {width: 15.63vw;}
    .sec6 .main_tit p {margin-top: 2.60vw; font-size: 4.17vw;}
    .sec6 .cont {width: calc(100% - 10.42vw); margin: 13.28vw auto 0 !important;}
    .sec6 .cont .desc {font-size: 3.13vw; letter-spacing: -0.10vw;}
    .sec6 .cont .table_cont {margin-top: 2.34vw; overflow: hidden; overflow-x: scroll; position: relative;}
    .table_cont .swipe_ic {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 26.04vw; z-index: 1;}
    .table_cont .swipe_ic.on {display: none !important;}
    .sec6 .cont table col:nth-child(1) {width: 33.85vw;}
    .sec6 .cont table col:nth-child(2) {width: 23.44vw;}
    .sec6 .cont table col:nth-child(3) {width: 72.92vw;}
    .sec6 .cont table {width: max-content;}
    .sec6 .cont table th,
    .sec6 .cont table td {padding: 3.65vw 5.21vw; letter-spacing: -0.10vw;}
    .sec6 .cont table th {font-size: 4.17vw;}
    .sec6 .cont table td {font-size: 3.65vw;}
    .sec6 .cont ul {margin-top: 5.21vw; font-size: 3.13vw; letter-spacing: -0.10vw;}
    .sec6 .cont ul li:first-child {padding-left: 0; text-indent: 0;}
    .sec6 .cont ul li {padding-left: 2.60vw; text-indent: -2.60vw;}
    /* sec7 */
    .sec7 {padding: 18.23vw 0 21.88vw;}
    .sec7 .inner {flex-direction: column; align-items: flex-start; gap: 13.02vw;}
    .sec7 .main_tit p {margin-top: 2.60vw;}
    .sec7 .contact {margin-top: 10.42vw;}
    .sec7 .contact h5 {gap: 5.21vw; font-size: 5.73vw;}
    .sec7 .contact h5 span {width: 15.63vw;}
    .sec7 .contact div {margin-top: 5.21vw;}
    .sec7 .contact p {gap: 2.60vw; font-size: 4.17vw; letter-spacing: -0.20vw;}
    .sec7 .contact p + p {margin-top: 2.60vw;}
    .sec7 .contact p img {width: 7.81vw;}
    .sec7 .cont {width: 100%;}
    .sec7 .in_st{width: 100%;}
    .sec7 .fr_form ul li{margin-bottom: 6.51vw; letter-spacing: -0.20vw;}
    .sec7 .fr_form ul li .item {gap: 2.60vw;}
    .sec7 .fr_form ul li.flex {gap: 6.51vw; flex-direction: column; align-items: flex-start;}
    .sec7 .fr_form ul li.flex .item {width: 100%;}
    .sec7 .fr_form ul li dt {min-width: 20.83vw; font-size: 3.65vw;}
    .sec7 .fr_form ul li dd {width: calc(100% - 20.83vw);}
    .sec7 .fr_form ul li .input{font-size: 3.65vw; height: 9.90vw;}
    .sec7 .fr_form ul li.content dl {flex-direction: column; align-items: flex-start;}
    .sec7 .fr_form ul li.content dd {padding-bottom: 2.60vw;}
    .sec7 .fr_form ul li .textarea{height: 26.04vw; size: 3.65vw;}
    .sec7 .fr_form ul li .input_box label {height: 9.90vw; gap: 0 1.95vw; font-size: 3.52vw;}
    .sec7 .fr_form ul li .input_box label + label {margin-left: 11.72vw;}
    .sec7 .fr_form ul li .input_box input[type="radio"] {width: 4.88vw; height: 4.88vw;}
    .sec7 .fr_form .bot {margin-top: 7.81vw; flex-direction: column; gap: 7.81vw; align-items: center;}
    .sec7 .fr_form .bot .agree {gap: 2.60vw; width: 100%; justify-content: flex-start;}
    .sec7 .fr_form .bot .agree label{font-size: 3.65vw; gap: 0 2.60vw; letter-spacing: -0.12vw;}
    .sec7 .fr_form .bot .agree input[type="checkbox"]{width: 4.17vw; height: 4.17vw;}
    .sec7 .fr_form .bot .agree .view_more{font-size: 3.13vw; text-underline-offset: 0.91vw; letter-spacing: -0.12vw;}
    .sec7 .fr_form .bot .apply_btn{ width: 32.16vw; padding: 3.13vw 0; font-size: 4.17vw;}

    .pop_wrap .popup_inner {padding: 5.21vw;}
    .pop_wrap .contents-box-inner {font-size: 3.65vw; color: #000; line-height: 1.4;}
    .pop_wrap .pop_tit {padding-bottom: 5.21vw; margin-bottom: 5.21vw;}
    .pop_wrap .pop_tit h4 {font-size: 5.73vw;}
    .pop_wrap .pop_close img {width: 3.91vw;}
    .pop_wrap .headline h1, .headline h2, .headline h3, .headline h4, .headline h5, .headline h6 {font-size: 4.17vw !important; padding: 2.60vw 0 !important;}
    .pop_wrap .headline {margin-bottom: 2.60vw;}
    .pop_wrap .use_wrap ol {margin: 2.60vw 0;}
    .pop_wrap .use_wrap ol li {font-size: 3.65vw; color: #000; line-height: 1.4;}
    .pop_wrap .use_wrap .disc li {padding-left: 2.60vw;}
    .pop_wrap .use_wrap .disc li:before {width: 0.78vw; height: 0.78vw; top: 2.21vw;}
}