@import url("font.css");
@import url("common.css");
@import url("reset.css");
@import url("map.css?ver=20240625");



select::-ms-expand {
    display: none;
}
/*div, img {transition: all 0.5s; }*/


html, body {font-family:"VolvoNovum", "NotoSansCJK", sans-serif; word-break:keep-all; width:100%; min-width:320px;  -webkit-font-smoothing: antialiased;}

#wrap {width:100%; position:relative; overflow:hidden; /*padding-top:90px; padding-bottom:80px;*/padding:0px;}

#visual { position: relative; margin: 64px auto 105px; width: 100%; overflow: hidden;}

#visual .box-img {}
#visual .box-img img.pc {position: relative; width: 100%; height: calc(100vw * 7.5/21); min-height: 600px; object-fit: cover;  }
#visual .box-img img.mob { display:none; position: relative; width: 100%; height: calc(100vw * 7.5/21); min-height: 600px; object-fit: cover;  }

#visual .box-copy{position: absolute; top: 10%; /*top: 19.1%;*/ left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; justify-content: center; align-items: center; width: 735px;}
#visual .box-copy p.txt{color: #141414; font-size: 36px; font-weight: 400; line-height: 1.3; letter-spacing: -0.05rem;}
#visual .box-copy p.ti{color: #141414; font-size: 60px; font-weight: 500; line-height: normal; letter-spacing: -0.08rem;}
#visual .box-copy p.ti span {color: #141414; font-weight: 500; line-height: normal; letter-spacing: -0.08rem;}
#visual .caption_img { display: block; width: 100%; max-width: 265px; margin-top: 20px;}


@media (max-width:800px) {
	#visual {margin-bottom: 80px; object-position:center; }
	#visual .box-img img.pc { min-height: 500px;}
	#visual .box-copy p.txt {font-size: 30px;}
	#visual .box-copy p.ti {font-size: 50px;}
	#visual .caption_img {max-width: 220px; margin-top: 10px;}
}

@media (max-width:600px) {
	#visual {margin-bottom: 60px;}
    #visual .box-img img.pc {display: none;}
    #visual .box-img img.mob { display:block; min-height: 380px; object-position: center bottom; }
    #visual .box-copy {top: 12%;}
	#visual .box-copy p.txt {font-size: 26px;}
    #visual .box-copy p.ti {font-size: 40px;}
    #visual .box-img img { min-height: 318px;}
	#visual .caption_img {max-width: 200px; margin-top: 5px;}
}


@media (max-width:480px) {
    #visual {margin-top: 48px;}
    #visual .box-copy p.txt {font-size: 20px;}
    #visual .box-copy p.ti {font-size: 32px;}
	#visual .caption_img {max-width: 180px;}
	
}


.top_title{ margin: 0 auto; padding: 0 0 106px; text-align: center;}
.top_title p.ti1 { color: #454545; font-size: 28px; font-weight: 700; line-height: 160%; letter-spacing: -0.013rem; }
.top_title p.ti2 { padding-top: 24px; color: #454545; font-size: 22px; font-weight: 500; line-height: 160%; letter-spacing: -0.013rem; }
.top_title p.ti3 { padding-top: 7px; color: #454545; font-size: 16px; font-weight: 400; line-height: 160%; letter-spacing: -0.013rem; }

.top_menu {margin-bottom: 80px;}
.top_menu::before{ display: block; content: ""; width: 100px; height: 1px; margin: 0 auto 70px; background-color: #ccc;}
.top_menu .flexBox{ display: flex; justify-content: center; gap: 25px;}
.top_menu .imgBox {position: relative; margin-bottom: 32px; }
.top_menu .imgBox > span {position: absolute; top: 28px; display: inline-block; width: 100%; text-align: center; color: #FFF; font-size: 24px; font-weight: 700; line-height: 160%; letter-spacing: -0.008em; }
.top_menu .imgBox img { width: 100%; max-width: 410px; }
.top_menu .btnWrap {display: flex; justify-content: center; align-items: center; gap: 12px; width:246px; height:48px; margin:0 auto; border: 1px solid #284E80; border-radius: 5px;}
.top_menu .btnWrap span { font-size:14px; color:#284E80;}
.top_menu .btnWrap img:not(.scroll_down_icon){width: 6px; height: 10px;}
.top_menu .btnWrap .scroll_down_icon {width: 9px; height: 10px;}

.info_price_lower { width: 100%; text-align: center; padding-bottom: 90px;}
.info_price_lower::before{ display: none; content: ""; width: 100px; height: 1px; margin: 0 auto 50px; background-color: #ccc;}
.info_price_lower > .ti { margin-bottom: 33px; color: #141414; font-size: 32px; font-weight: 500; line-height: 130%; letter-spacing: -0.008em; }
.info_price_lower > .ti span { color: #284E80; font-family: "NotoSansCJK", sans-serif; font-size: 32px; font-weight: 500; line-height: 130%; letter-spacing: -0.008em; }
.info_price_lower > .desc { margin-bottom: 43px; color: #666; font-family: "NotoSansCJK",sans-serif; font-size: 18px; font-weight: 400; line-height: 27px; letter-spacing: -0.01em; }
.info_price_lower > .cap { padding-top: 30px; color: #888; font-size: 15px; font-weight: 400; line-height: 140%; letter-spacing: -0.01em; }

.info_price_lower .p_list {width: 100%; max-width: 850px; margin: 0 auto; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.info_price_lower .p_list > li {display: flex; align-items: center; justify-content: center; padding: 27px 0;}
.info_price_lower .p_list > li + li {border-top: 1px solid #ccc;}

.info_price_lower .p_list .model { margin-right: 20px; color: #141414; font-size: 24px; font-weight: 500; letter-spacing: -0.008em; } 
.info_price_lower .p_list .be_price { color: #777; font-family: "NotoSansCJK" , sans-serif; font-size: 24px; font-weight: 500; letter-spacing: -0.008em; }
.info_price_lower .p_list > li > em { display: inline-block; width: 20px; height: 20px; margin: 0 10px; aspect-ratio: 1; background: url(../images/price_arrow_icon.svg) no-repeat center / cover; }
.info_price_lower .p_list .af_price { color: #141414; font-family: "NotoSansCJK",sans-serif; font-size: 24px; font-weight: 500; letter-spacing: -0.008em; }
.info_price_lower .p_list .capsule { display: inline-block; padding: 9px 15px 9px 13px; margin-left: 15px; border-radius: 50px; border: 1px solid #284E80; color: #284E80; font-family: "NotoSansCJK" , sans-serif; font-size: 16px; font-weight: 500; letter-spacing: -0.008em; }
.info_price_lower .p_list .capsule > em { display: inline-block; margin-right: 3px; width: 12px; height: 12px; aspect-ratio: 1; background: url(../images/down_icon.svg) no-repeat center/ cover; }



.info_event{ padding: 0; text-align: center;}
.info_event::before{ display: block; content: ""; width: 100px; height: 1px; margin: 0 auto 50px; background-color: #ccc;}
.info_event strong.ti{color: #141414; font-size: 32px; font-weight: 400; line-height: 1.3; letter-spacing: -0.016rem;}
.info_event p.txt{ padding: 33px 0 54px; color: #666; font-size: 18px;  font-weight: 400; line-height: 1.5; letter-spacing: -0.01125rem;}
.info_event ul.info_event_list{display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 16px;}
.info_event ul.info_event_list .single_img{ width: 100%; max-width: 230px; aspect-ratio: 1; border-radius: 50%;}
.info_event ul.info_event_list .single_img img{ width: 100%;}
.info_event ul.info_event_list .single_txt{display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 18px;}
.info_event ul.info_event_list .single_txt strong{ color: #141414; font-size: 18px;  font-weight: 500; line-height: normal; letter-spacing: -0.009rem;}
.info_event ul.info_event_list .single_txt p { color: #141414; font-family: "NotoSansCJK" ,sans-serif; font-size: 24px; font-weight: 500; line-height: 1; letter-spacing: -0.01rem; }
.info_event ul.info_event_list .single_txt p > span { color: #666; font-family: "NotoSansCJK" , sans-serif; font-size: 16px; font-weight: 400; }

.info_event ul.info_event_list .single_txt p.desc {font-size:15px; color:#999; font-weight:300;}

ul.date_info{ display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; max-width: 1200px; margin: 0 auto;}
ul.date_info li{ display: flex; justify-content: center; align-items: center; gap: 40px; width: 100%; height: 100px;}
ul.date_info li:nth-child(1){ border-top: 1px solid #ddd;}
ul.date_info li:nth-child(2){ border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
ul.date_info li p{color: #141414; font-size: 18px;  font-weight: 400; line-height: normal; letter-spacing: -0.009rem;}
ul.date_info li span{color: #141414; font-size: 17px;  font-weight: 300; line-height: 1.117; letter-spacing: -0.0085rem;}

.br_800 {display: none;}
.br_600 {display: none;}

@media(max-width:1300px){
	.top_menu .imgBox > span {font-size: clamp(18px, 2vw , 24px); top: 12%;}

}
@media(max-width:800px){
    .top_title{ margin: 0 auto; padding: 0 0 100px;}
    .top_title p.ti1{font-size: 18px;}
	.top_title p.ti2 {font-size: 20px;}
	
	.top_menu .flexBox {flex-wrap: wrap; row-gap: 50px;}
	.top_menu .flexBox .menuWrap {width: calc(100% / 2 - 15px);}
	.top_menu .imgBox > span {font-size: clamp(18px, 3vw , 24px); top: 12%;}
	
    .info_event strong.ti{font-size: 28px;}
    .info_event p.txt{font-size: 15px;}
	.info_price_lower > .ti {font-size: 26px;}
	.info_price_lower > .ti span {line-height: 1.8; font-size: 26px;}
	.info_price_lower > .desc {font-size: 16px;}
	.info_price_lower > .cap {font-size: 16px;}
	.info_price_lower .p_list > li {flex-wrap: wrap;}
	.info_price_lower .p_list .model {width: 100%; margin: 0 auto; margin-bottom: 15px;}

    .info_event ul.info_event_list .single_txt strong{font-size: 16px;}
    .info_event ul.info_event_list .single_txt p {font-size: 20px; line-height: 1.4;}

    ul.date_info li{flex-direction: column; gap: 10px;}
    
    .br_800 {display: block;}
}

@media(max-width:600px){
	.top_title{ margin: 0 auto; padding: 0 0 70px;}
    .top_title p.ti1{font-size: 18px;}
	.top_title p.ti2 {font-size: 18px;}
	
	.top_menu {margin-bottom: 80px;}
	.top_menu .flexBox {flex-wrap: wrap; gap: 50px}
	.top_menu .flexBox .menuWrap {width: auto;}
	.top_menu .imgBox > span {font-size: clamp(18px, 5.5vw , 24px); top: 12%;}
	
	.info_event {padding-bottom:60px;}    
    .info_event strong.ti{font-size: 22px;}
    .info_event p.txt{font-size: 14px; padding-bottom:20px; padding-top: 20px;}

	.info_price_lower {padding-bottom: 80px;}
	.info_price_lower > .ti {margin-bottom: 25px;}
	.info_price_lower > .desc {margin-bottom: 25px;}
	.info_price_lower .p_list .model {font-size: 20px;}
	.info_price_lower .p_list .be_price {font-size: 20px;}
	.info_price_lower .p_list .af_price {font-size: 20px;}
	.info_price_lower .p_list .capsule {font-size: 15px;}
	.info_price_lower .p_list > li > em {margin: 0 8px;}
    
    ul.date_info li p{font-size: 16px;}
	.info_event ul.info_event_list .single_img {max-width:200px;}
	
	.br_600 {display: block;}

	.info_event ul.info_event_list .single_txt p.desc {font-size:14px; color:#999; font-weight:300;}
}

@media(max-width:390px){
	.info_price_lower .p_list .capsule {width: 100%; max-width: 160px; margin: 0 auto; margin-top: 15px;}
}




/* event_step_wrap */
.event_step_wrap {max-width:1280px; margin:100px auto 80px;}
.event_step {width:100%; background: #FAFAFA; padding:100px 20px;}
.event_step .event_step_ti {width:100%; font-size:32px; font-weight:400; text-align:center; line-height:1.3; width:100%; margin-bottom:60px; }
.event_step .event_step_ti br {display:none;}
.event_step ul.event_step_list { margin:0 auto; text-align:left; display: flex; justify-content: center; align-items: baseline; }

.event_step ul.event_step_list > li { text-align:center;}
.event_step ul.event_step_list > li + li {margin-left: 100px;}
.event_step ul.event_step_list > li .list_img {position: relative; margin-bottom:20px; width: 160px; height: 160px;display: inline-flex; align-items: center; justify-content: center; border: 1px solid #DDDDDD;border-radius: 4px;}
.event_step ul.event_step_list > li .list_img img {max-width: 60px;}
.event_step ul.event_step_list > li .list_img > span {position: absolute; top: 10px; left: 15px;font-family: 'Volvo Novum';font-weight: 400;font-size: 20px;line-height: 24px; }
.event_step ul.event_step_list > li:last-child .list_img {padding-left:0;}
.event_step ul.event_step_list > li .list_ti {font-size:16px; line-height:1.4; font-weight:300; color:#333; letter-spacing:-0.03em;}
.event_step ul.event_step_list > li.single { clear: left; margin-top: 42px; width: 100%; }
.event_step ul.event_step_list > li.single:after { content: ""; display: block; clear: both; }
.event_step ul.event_step_list > li.single > div { float: left; width: 100%; }
.event_step ul.event_step_list > li.single .box-img { padding-left: 5%; width: 20%; text-align: center; }
.event_step ul.event_step_list > li.single .box-txt { padding: 20px 0 0 10px; width: 80%; text-align: left; }
.event_step ul.event_step_list > li.single .box-txt p { font-size: 16px; color: #454545; line-height: 1.4; letter-spacing: -.5px; }

.event_step ul.event_step_list li.desc {width:100%; padding:30px 0 0 50px;}

@media (max-width:1050px) {
    .event_step ul.event_step_list > li + li {margin-left: 70px;}
}

@media (max-width:900px) {
	.event_step {padding: 100px 20px 70px;}
	.event_step ul.event_step_list {flex-wrap: wrap; justify-content: space-between;}
	.event_step ul.event_step_list > li {width: 48%; margin-bottom: 30px;}
    .event_step ul.event_step_list > li + li {margin-left: 0;}
	.event_step ul.event_step_list > li .list_img {width: 100%;}
}

@media (max-width:600px) {
	.event_step_wrap {margin: 60px auto 60px;}
	.event_step { padding: 70px 10px 40px;}
	.event_step .event_step_ti {font-size: 24px; margin-bottom: 45px;}
	.event_step ul.event_step_list > li { margin-bottom: 20px;}
	.event_step ul.event_step_list > li .list_img {width: 100%; height: 130px; margin-bottom: 10px;}
	.event_step ul.event_step_list > li .list_img > span {font-size: 16px;}
	.event_step ul.event_step_list > li .list_ti {font-size: 15px;}
}


.tab_wrap {width:100%; margin: auto; height:81px; border-top: solid 1px #dddddd; position:relative; }
.tab_wrap:after {width:16px; height:9px; display:block; content:""; position:absolute; top:50%; margin-top:-3px; right:19px; background:url(../images/ta_b_close.png) no-repeat; background-size: 14px; }
.tab_wrap .tab { position:relative; padding-left:15px; display:block; width:100%; height:100%; cursor:pointer; }
.tab_wrap .tab:after {display:block; content:""; clear:both;}
.tab_wrap .tab > div {height:100%; line-height:78px;}
.tab_wrap .tab .ti {float:left; font-size:18px; color:#666; letter-spacing:0.05em; margin-right:40px; font-weight:300;}
.tab_wrap .tab .txt {float:left; font-size:16px; color:#666; letter-spacing:0; display:none; line-height:83px; font-weight:200; }
.tab_wrap .tab .val {float:right; font-size:18px; color:#666; letter-spacing:0; padding-right:82px; font-weight:200; display:none; }
.tab_wrap .tab .val span {font-weight:200;}


section.show .tab_wrap {border-bottom: solid 1px #f5f5f5; }
section.show .tab_wrap:after {background:url(../images/ta_open.png) no-repeat; background-size: 14px; }
section.show .tab_wrap .tab .ti {font-size:20px; font-weight:500; color: #284E80; letter-spacing: -0.008em;}
section.show .tab_wrap .tab .txt {display:block; letter-spacing:0;}
section .cont .txt_mobile {display:none; width:100%; text-align:center; font-size:15px; color:#888; letter-spacing:0; font-weight:200; margin-bottom:30px;}



/**/
#step_01 { position: relative; max-width: 1280px; margin: auto;}
#step_01 .tab_wrap:after {display: none;}
#step_01 .model_btns { position: absolute; right: 0; z-index: 2;}
#step_01 .model_btns > button { display: inline-block; width: fit-content; min-width: 157px; max-width: 210px; padding: 12px 22px; border-radius: 5px; border: 1px solid #2A609D; color: #2A609D; font-size: 18px; font-weight: 350; line-height: normal; }
#step_01 .model_btns > button.on {color: #fff; background: #2A609D;}
#step_01 .model_btns > button:hover { color: #fff; background: #2A609D; }
#step_01 .model_btns > em { display: inline-block; width: 1px; height: 37px; margin: 0 23px; vertical-align: middle; background-color: #ddd;} 


#step_02 {max-width: 1280px; margin: auto;}
#step_02 .cont {width:100%; padding: 47px 0 63px;}

#step_02 .cont .search_wrap {width:100%; max-width:549px; margin:0 auto 10px; }
#step_02 .cont .search { width:100%; }
#step_02 .cont .search:after {display:block; clear:both; content:""; }
#step_02 .cont .search .search_select { float:left; width:123px; height:46px; border:solid 1px #eee; margin-right:9px;border-radius: 4px; }
#step_02 .cont .search .search_select select {padding: 0 17px; line-height:46px; height:100%; font-size:14px; color:#141414; font-weight:400; width:100%;
												background-image:url(../images/select_bul.png); background-repeat:no-repeat; background-size: 9px; background-position:right 9px center;
}
#step_02 .cont .search .search_select select option { color:#666; font-weight:200;}
#step_02 .cont .search .search_select select option[value=""]  { color:#bbb; }

#step_02 .cont .search .search_input { float:left; width:324px; height:46px; border:solid 1px #eee; border-radius: 4px 0 0 4px; border-right:none; }
#step_02 .cont .search .search_input input {width:100%; height:100%; padding:0 17px; line-height:46px; color:#141414; font-size:14px; font-weight:400;}
#step_02 .cont .search .search_input input::placeholder {color:#aaa; line-height:46px;}
#step_02 .cont .search .search_input input:-ms-input-placeholder {color:#aaa; line-height:46px;}
#step_02 .cont .search .search_input input::-ms-input-placeholder {color:#aaa; line-height:46px;}

#step_02 .cont .search .search_btn { float:left; width:93px; height:46px; background: #284E80; border-radius:4px;}
#step_02 .cont .search .search_btn a {display:block; width:100%; height:100%; line-height:46px; color:#fff; font-size:14px; letter-spacing:0; font-weight:400; text-align:center; }

#step_02 .cont .btn_myposition {position:relative; width:100%; margin-bottom:18px; height:22px;}
#step_02 .cont .btn_myposition a {position:absolute; top:0px; right:0px; padding-left:25px; display:block; color:#284E80; font-size:14px; font-weight:400; height:100%; line-height:22px; background-image:url(../images/btn_myposition.png); background-size: 22px; background-repeat:no-repeat; background-position:0 center;}
#step_02 .cont .map_wrap {width:100%; height:445px; background:#f5f5f5;}
#step_02 .cont .map_wrap:after {display:block; clear:both; content:"";}
#step_02 .cont .map_wrap .showroom_wrap { float:left; height:100%; width:390px; overflow-y:scroll;}
#step_02 .cont .map_wrap .map { float:left; height:100%; width:calc(100% - 390px); background-color:#a5c3de; position:relative;}
#step_02 .cont .map_wrap .map_list_btn {position:absolute; top:7px; left:7px; z-index:100; display:none; }
#step_02 .cont .map_wrap .map_list_btn a {display:block; width:100%; height:100%;}

#step_03 {max-width: 1280px; margin: auto;}
#step_03 .cont {width:100%; max-width:995px; margin:0 auto; padding-top:55px; padding-bottom:75px; }
#step_03 .cont ul.pesnal_info {width:100%; margin-bottom:30px; border-top: solid 1px #eeeeee; }

#step_03 .cont ul.pesnal_info > li {width:100%; height:74px;  border-bottom: solid 1px #eeeeee; padding-left:32px; }
#step_03 .cont ul.pesnal_info > li:after {display:block; clear:both; content:"";}
#step_03 .cont ul.pesnal_info > li .title {float:left; width:168px; height:100%; line-height:74px; font-weight:400; color:#141414; font-size:15px;}
#step_03 .cont ul.pesnal_info > li .value {float:left; width:calc(100% - 168px); height:100%; padding-top:15px;}
#step_03 .cont ul.pesnal_info > li .value input {color:#333; font-weight:200; width:100%; border: 1px solid #EEEEEE;border-radius: 4px; font-size:14px; height:40px; line-height:40px; padding:0 10px; }
#step_03 .cont ul.pesnal_info > li .value select { color:#aaa; font-weight:200; width:100%; border: 1px solid #EEEEEE;border-radius: 4px; font-size:14px; height:40px; line-height:40px; padding:0 0 0 10px;
												background-image:url(../images/select_bul2.png); background-repeat:no-repeat; background-position:right 9px center  ;
}


#step_03 .cont ul.pesnal_info > li .value select option { color:#666; font-weight:200;}
#step_03 .cont ul.pesnal_info > li .value select option[value=""]  { color:#bbb; }

#step_03 .cont ul.pesnal_info > li .value .hp_bar {display:inline-block; width:18px; text-align:center; color:#d9d9d9;}
#step_03 .cont ul.pesnal_info > li .value .email_at {font-size:16px; color:#707070;}

#step_03 .cont ul.pesnal_info > li.cust_name .value input {max-width:536px; }
#step_03 .cont ul.pesnal_info > li.hp .value input {max-width:145px; }
#step_03 .cont ul.pesnal_info > li.hp .value select {max-width:145px; }
#step_03 .cont ul.pesnal_info > li.email .value input {max-width:211px; }
#step_03 .cont ul.pesnal_info > li.email .value select {max-width:145px; }
#step_03 .cont ul.pesnal_info > li.birth .value select {max-width:145px; margin-right:10px;}
#step_03 .cont ul.pesnal_info > li.birth .value select:last-child {margin-right:0px;}

#step_03 .cont ul.pesnal_info > li.gender .value {padding-top:25px;}
#step_03 .cont ul.pesnal_info > li.gender .value ul.gender_check {width:100%;}
#step_03 .cont ul.pesnal_info > li.gender .value ul.gender_check li {display:inline-block; margin-right:30px; }
#step_03 .cont ul.pesnal_info > li.gender .value ul.gender_check li:after {display:block; content:""; clear:both;}
#step_03 .cont ul.pesnal_info > li.gender .value ul.gender_check li em {float:left; position:relative; width:25px; height:25px; background-color:#eeeeee; display:block; margin-right:12px; cursor:pointer; }
#step_03 .cont ul.pesnal_info > li.gender .value ul.gender_check li span {display:block; float:left; font-size:15px; color:#666; height:25px; line-height:25px; font-weight:200;}

#step_03 .cont ul.pesnal_info > li.gender .value ul.gender_check li .checkbox {}
#step_03 .cont ul.pesnal_info > li.gender .value ul.gender_check li .checkbox:hover input ~ em { background-color: #ccc; }
#step_03 .cont ul.pesnal_info > li.gender .value ul.gender_check li .checkbox input:checked ~ em:after {position:absolute; display:block; content:""; width:25px; height:25px; top:0px; left:0px; background-image:url(../images/checkbox_on.png); background-repeat:no-repeat;}
#step_03 .cont ul.pesnal_info > li.gender .value ul.gender_check li .checkbox input {display:none;}

#step_03 .cont ul.pesnal_info > li.buy .value {padding-top:25px;}
#step_03 .cont ul.pesnal_info > li.buy .value ul.buy_check {width:100%;}
#step_03 .cont ul.pesnal_info > li.buy .value ul.buy_check li {display:inline-block; margin-right:30px; }
#step_03 .cont ul.pesnal_info > li.buy .value ul.buy_check li:after {display:block; content:""; clear:both;}
#step_03 .cont ul.pesnal_info > li.buy .value ul.buy_check li em {float:left; position:relative; width:25px; height:25px; background-color:#eeeeee; display:block; margin-right:12px; cursor:pointer; }
#step_03 .cont ul.pesnal_info > li.buy .value ul.buy_check li span {display:block; float:left; font-size:14px; color:#666; height:25px; line-height:25px; font-weight:200;}

#step_03 .cont ul.pesnal_info > li.buy .value ul.buy_check li .checkbox {}
#step_03 .cont ul.pesnal_info > li.buy .value ul.buy_check li .checkbox:hover input ~ em { background-color: #ccc; }
#step_03 .cont ul.pesnal_info > li.buy .value ul.buy_check li .checkbox input:checked ~ em:after {position:absolute; display:block; content:""; width:25px; height:25px; top:0px; left:0px;  background: #003057 url(../images/ico_chk.png) no-repeat center center / cover;}
#step_03 .cont ul.pesnal_info > li.buy .value ul.buy_check li .checkbox input {display:none;}

#step_03 .cont ul.caption {width:100%; margin-bottom:50px; padding-left:29px;}
#step_03 .cont ul.caption li { margin-bottom:20px;  }
#step_03 .cont ul.caption li:last-child {margin-bottom:0px;}

#step_03 .cont ul.caption li:after {display:block; content:""; clear:both;}
#step_03 .cont ul.caption li em {float:left; display:block; width:4px; height:4px; margin-right:15px; background-color:#ccc; margin-top:5px;}
#step_03 .cont ul.caption li span {float:left;display:block; font-size:14px; color:#666666; letter-spacing:0; font-weight:200;}


#step_03 .cont .btn_next {  width:101px; height:47px; margin:0 auto; background: #284E80;border-radius: 4px;}
#step_03 .cont .btn_next a {display:block; width:100%; height:100%; font-size:14px; color:#fff; text-align:center; line-height:47px; font-weight:500;}

.tab_04 {border-bottom: 1px solid #ddd;}
#step_04 {max-width: 1280px; margin: 0 auto 38px;}
#step_04 .cont {width:100%; max-width:1200px; padding:53px 100px 70px; margin:0 auto; border-bottom: 1px solid #ddd;}
#step_04 .cont ul.caption { margin-bottom:27px;}
#step_04 .cont ul.caption li {font-size:15px; color:#666; font-weight:200; line-height:1.4;}
#step_04 .cont ul.caption li:nth-child(1) {margin-bottom:10px;}

#step_04 .cont .check_all {font-size:15px; color:#333; font-weight:300; height:25px; line-height:25px; margin-bottom:21px; }

#step_04 .cont .check {font-size:15px; color:#333; font-weight:300; height:25px; line-height:25px; margin-bottom:13px; }
#step_04 .cont .terms {width:100%; height:120px; background-color:#f9f9f9; padding:20px 28px 20px; overflow-y:scroll;}
#step_04 .cont .terms .terms_inner {font-size:14px; color:#888; font-weight:200; line-height:22px; letter-spacing:-0.025em;}
#step_04 .cont .terms .terms_inner span {display:block; font-weight:200;line-height:22px; }
#step_04 .cont .terms .terms_inner span.guide_ti {margin-top:15px; padding-left:0px;}
#step_04 .cont .terms .terms_inner span.guide_li {padding-left:5px;}
#step_04 .cont .terms .terms_inner span.guide_txt {padding-left:10px;}

#step_04 .cont .terms_check:after {display:block; content:""; clear:both;}
#step_04 .cont .terms_check em {float:left; position:relative; width:25px; height:25px; background-color:#eeeeee; display:block; margin-right:12px; cursor:pointer; }
#step_04 .cont .terms_check span {display:block; width:calc(100% - 45px); float:left; height:25px; line-height:25px;}


#step_04 .cont .terms_check .checkbox {}
#step_04 .cont .terms_check .checkbox:hover input ~ em { background-color: #ccc; }
#step_04 .cont .terms_check .checkbox input:checked ~ em:after {position:absolute; display:block; content:""; width:25px; height:25px; top:0px; left:0px; background-image:url(../images/checkbox_on.png?ver=2023); background-repeat:no-repeat;}
#step_04 .cont .terms_check .checkbox input {display:none;}


#step_04 .cont .check_01,#step_04 .cont .check_02,#step_04 .cont .check_03 {margin-bottom:30px;}

.btn_submit {  width:128px; height:47px; margin:0 auto; }
.btn_submit a {display:block; width:100%; height:100%; font-size:14px; color:#fff; text-align:center; line-height:47px; font-weight:500;background: #284E80; border-radius: 4px;}
.btn_submit a.disable { background: #D4DCE6; font-weight:500; pointer-events: none; cursor: default;}

.event_terms { font-size:14px; line-height:2;  text-align:left; width:100%; max-width:1280px; margin:0 auto; padding:100px 20px 0;}
.event_terms .event_terms_inner { width:100%; margin:0 auto; text-align:center; }
.event_terms .event_terms_ti {margin-bottom:10px; font-size:16px; margin-bottom:12px; font-weight:200; color:#888; letter-spacing:0.025em;}
.event_terms ul.event_terms_list li { position:relative; font-weight:200; font-size:15px; color:#888; line-height:1.4; margin-bottom:7px; padding-left:7px; text-indent:-7px; text-align:justify; word-break:break-all; }


#loading {position:absolute; top:0 ; left:0; width:100%; height:100%; background:rgba(255,255,255,.4); z-index:30;}

#loading .loader { position:absolute; top:50%; left:50%; width: 120px; margin: -60px 0 0 -60px;}
#loading .loader img {width:100%;}

@media screen and (max-width: 1320px) {
	#wrap .wrap_inner {padding:0 20px;}
}

@media screen and (max-width: 1150px) {
	#step_01 .cont {width:100%;}
	#step_01 .cont ul.car_list li.car .imgs {margin-bottom:23px;}

	#step_04 .cont {padding: 53px 30px 70px; }


}

@media screen and (max-width: 1080px) {
	#step_01 .cont ul.car_list li.car .btns ul.info_btn li {float:none; width:100%; max-width:230px; margin:0 auto 5px;}
	#step_01 .cont ul.car_list li.car .btns ul.info_btn li:nth-child(1) { padding-right:0px;}
	#step_01 .cont ul.car_list li.car .btns ul.info_btn li:nth-child(2) { padding-left:0px;}
	#step_01 .cont ul.car_list li.car .imgs { height:110px;}

	#step_01 .cont ul.car_list li.car .btn_prev {top:13%;}
	#step_01 .cont ul.car_list li.car .btn_next {top:13%;}



	.event_info .event_info_inner .event_info_cont ul.event_gift {max-width:800px;}

	.event_info .event_info_inner .event_info_cont ul.event_gift li:nth-child(1):after {display:none;}

	.event_info .event_info_inner .event_info_cont ul.event_gift li .event_gift_img {float:none; }
	.event_info .event_info_inner .event_info_cont ul.event_gift li .event_gift_cont {float:none; padding:0; text-align:center;}

	.event_info .event_info_inner .event_info_cont ul.event_gift_02 li:nth-child(1) {padding:0;}

}

@media screen and (max-width: 920px) {
	#step_02 .cont .map_wrap {height:423px;}
	#step_02 .cont .map_wrap .showroom_wrap { width:340px; }
	#step_02 .cont .map_wrap .map { width:calc(100% - 340px); }

	.map_wrap .showroom_wrap ul.showroom li .btn {padding:0 20px 0 20px; height:64px; line-height:64px;}
	.map_wrap .showroom_wrap ul.showroom li .btn span.ti {font-size:17px; line-height:64px;}
	.map_wrap .showroom_wrap ul.showroom li .info > div .ti {padding:0 20px 0 20px; width:95px;}
	.map_wrap .showroom_wrap ul.showroom li .info > div .txt {width:calc(100% - 95px);}

	.info_box_wrap {width:360px; margin-left:-180px;}
	.info_box_wrap .info .title {font-size:20px;}

	section.show .tab_wrap .tab .ti {font-size:23px;}

	#step_03 .cont ul.pesnal_info > li .title {width:150px;}
	#step_03 .cont ul.pesnal_info > li .value {width:calc(100% - 150px);}

}

@media screen and (max-width: 870px) {
	section.corona19 .corona19_inner .ti {font-size:24px; margin-bottom:30px;}
	section.corona19 .corona19_inner ul.safe_icons li .icons_img {max-width:138px; height:138px;}
	section.corona19 .corona19_inner ul.safe_icons li .icons_txt {font-size:16px;}
	section.corona19 .corona19_inner .caption {font-size:16px;}

}

@media screen and (max-width: 860px) {


	#step_02 .cont .map_wrap {height:393px;}
	#step_02 .cont .map_wrap .showroom_wrap { width:310px; }
	#step_02 .cont .map_wrap .map { width:calc(100% - 310px); }

	.map_wrap .showroom_wrap ul.showroom li .btn {padding:0 20px 0 20px; height:64px; line-height:64px;}
	.map_wrap .showroom_wrap ul.showroom li .btn span.ti {font-size:17px; line-height:64px;}
	.map_wrap .showroom_wrap ul.showroom li .info {padding-bottom:34px;}
	.map_wrap .showroom_wrap ul.showroom li .info > div .ti {padding:0 20px 0 20px; width:95px;}
	.map_wrap .showroom_wrap ul.showroom li .info > div .txt {width:calc(100% - 95px);}

	.info_box_wrap {width:340px; margin-left:-170px;}
	.info_box_wrap .info { padding: 25px 26px 17px 20px;}
	.info_box_wrap .info .title {font-size:18px;}

	#step_03 .cont ul.pesnal_info > li {padding-left:20px; padding-right:20px; height:auto;}
	#step_03 .cont ul.pesnal_info > li .value {padding-bottom:15px;}
	#step_03 .cont ul.pesnal_info > li .value select { width:calc(33.3% - 12px);}

	#step_03 .cont ul.pesnal_info > li.cust_name .value input {max-width:100%;}
	#step_03 .cont ul.pesnal_info > li.hp .value select {max-width:100%;}
	#step_03 .cont ul.pesnal_info > li.hp .value input {max-width:100%; width:calc(33.3% - 12px);}
	#step_03 .cont ul.pesnal_info > li.email .value input {width:calc( 50% - 11.7px); max-width:100%; margin-bottom:5px;}
	#step_03 .cont ul.pesnal_info > li.email .value select {width:100%; max-width:100%;}
	#step_03 .cont ul.pesnal_info > li .value .email_at {display:inline-block; width:16px; letter-spacing:0;}

	#step_03 .cont ul.pesnal_info > li.birth .value select {max-width:100%; width:calc(33.3% - 10px);}
	#step_03 .cont ul.pesnal_info > li.buy .value ul.buy_check li {margin-bottom:10px; width:auto; }

	#step_03 .cont ul.caption {padding-left:20px; padding-right:20px;}

	#step_03 .cont ul.caption li em {margin-right:10px;}
	#step_03 .cont ul.caption li span {width:calc(100% - 14px); line-height:1.4; word-break:break-all;}

	ul.event_gift {max-width:480px; margin:0 auto;}

}


@media screen and (max-width: 720px) {

	.tab_wrap .tab .val {padding-right:60px; font-size:16px;}
	section#step_04.show .tab_wrap .tab .txt {display:none;}

	section .tab_wrap .tab .ti {font-size:18px;}
	section.show .tab_wrap .tab .ti {font-size:20px;}

	#step_01 .model_btns > button {font-size: 16px; padding: 12px 15px; min-width: 90px;}
	#step_01 .model_btns > em {margin: 0 10px;}

	#step_02 .cont .search_wrap {padding:0 40px;}
	#step_02 .cont .search .search_select {width:100px;}
	#step_02 .cont .search .search_input {width:267px;}

	#step_02 .cont .map_wrap {position:relative; overflow:hidden;}
	#step_02 .cont .map_wrap .showroom_wrap { width:100%; position:absolute; top:0px; left:0px; background: #f5f5f5; z-index:10; }
	#step_02 .cont .map_wrap .map { width:100%; top:0px; left:0px; z-index:1; }

	#step_02 .cont .map_wrap {height:440px;}

	.map_wrap .showroom_wrap ul.showroom li .info .showroom_img {background:#000; text-align:center;}
	.map_wrap .showroom_wrap ul.showroom li .info .showroom_img img {max-width:350px;}
	.map_wrap .showroom_wrap ul.showroom li .info > div .ti {padding-left:27px;}
	.map_wrap .showroom_wrap ul.showroom li .btn {padding-left:27px;}

	.map_wrap .showroom_wrap ul.showroom li .info .phone {padding-top:3px;}
	.map_wrap .showroom_wrap ul.showroom li .info .fax {padding-top:3px;}
	.map_wrap .showroom_wrap ul.showroom li .info .time {padding-top:3px;}

	.map_wrap .showroom_wrap ul.showroom li .info .btn_view_map {display:block; padding-left:27px; padding-top:15px; width:100%; }
	.map_wrap .showroom_wrap ul.showroom li .info .btn_view_map:after {display:block; clear:both; content:"";}
	.map_wrap .showroom_wrap ul.showroom li .info .btn_view_map a {display:block; float:left; width:95px; height:42px; line-height:42px; text-align:center;  background:#003057; color:#fff; }
	.map_wrap .showroom_wrap ul.showroom li .info .btn_view_map a:nth-child(1) {margin-right:10px; width:156px;}

	.map_wrap .showroom_wrap ul.showroom li.no_result a.btn_reload_map {display: block; }

	#step_03 .cont ul.pesnal_info > li .title {width:135px;}
	#step_03 .cont ul.pesnal_info > li .value {width:calc(100% - 135px);}

	ul.event_gift {max-width:420px; padding:0 10px;}

	.event_info .event_info_inner .event_info_cont ul.event_gift {max-width:600px;}
	.event_info .event_info_inner .event_info_cont ul.event_gift li {width:50%;}
	.event_info .event_info_inner .event_info_cont ul.event_gift li:nth-child(3) {width:100%; padding-top:50px;}


}



@media screen and (max-width: 600px) {
	section.corona19 .corona19_inner .sti {padding:0 40px;}

	section .tab_wrap .tab .txt {display:none;}
	section.show .tab_wrap .tab .txt {display:none;}

	section .cont .txt_mobile {display:block; }

	section.show .tab_wrap .tab .ti {font-size:20px;}

	#step_02 .cont .search_wrap {padding:0 20px; max-width:489px;}
	#step_02 .cont .search .search_select {width:95px;}
	#step_02 .cont .search .search_input {width:243px;}

	#step_03 .cont ul.pesnal_info > li {padding-left:8px; padding-right:10px;}
	#step_03 .cont ul.caption {padding-left:8px; padding-right:10px;}
	#step_03 .cont ul.pesnal_info > li .title {width:110px;}
	#step_03 .cont ul.pesnal_info > li .value {width:calc(100% - 110px);}

	#step_03 .cont ul.pesnal_info > li .value .hp_bar {width:16px;}
	#step_03 .cont ul.pesnal_info > li .value select {width:calc(33.3% - 9px);}
	#step_03 .cont ul.pesnal_info > li .value input  {width:calc(33.3% - 9px);}

	#step_03 .cont ul.pesnal_info > li.cust_name .value input {width:100%;}

	#step_04 .cont {padding: 45px 15px 50px; }

	.event_info .event_info_inner .event_info_cont ul.event_gift li.caption {padding-top:30px;}
	.event_info .event_info_inner .event_info_cont ul.event_gift li .event_gift_num {font-size:17px; padding-bottom:12px;}
	.event_info .event_info_inner .event_info_cont ul.event_gift li .event_gift_ti {font-size:15px; padding-bottom:5px;}
	.event_info .event_info_inner .event_info_cont ul.event_gift li .event_gift_txt {font-size:15px;}

	.event_info .event_info_inner .event_info_cont .event_info_txt {font-size:15px;}

    .drive_habit .drive_habit_ti {font-size:20px;}
    .drive_habit .drive_habit_wrap #habit_test ul li { padding: 20px 10px; }
    .drive_habit .drive_habit_wrap #habit_test ul li .tit { font-size: 15px; }
    .drive_habit .drive_habit_wrap #habit_test ul li .check { margin-left: 10px; }
    .drive_habit .drive_habit_wrap #habit_test ul li .check label em { width: 35px; height: 35px; font-size: 16px; }
    .drive_habit .drive_habit_wrap #habit_result .box-btn { display: block; text-align: center; }
    .drive_habit .drive_habit_wrap #habit_result .box-btn button { width: 100%; }
    .drive_habit .drive_habit_wrap #habit_result .box-btn button + button { margin-top: 10px; margin-left: 0; }
}

@media screen and (max-width: 520px) {

	#wrap .wrap_inner {padding:0 15px;}
	.tab_wrap:after {right:10px;}
	.tab_wrap .tab {padding-left:10px;}
	.tab_wrap .tab .ti {margin-right:20px;}
	.tab_wrap .tab .val {padding-right:37px;}

	.tab_wrap .tab .val .sum_hp {display:none;}

	
	#step_01 .model_btns > button {font-size: 14px; padding: 12px 8px; max-width: 170px; min-width: 50px;}
	#step_02 .cont .search_wrap {padding:0 0px;}

	#step_02 .cont .search .search_select { width:72px; margin-right:5px;}
	#step_02 .cont .search .search_select select {font-size:15px; padding-left:10px;}
	#step_02 .cont .search .search_input {/*width:200px;*/ width:calc(100% - 77px - 68px);}
	#step_02 .cont .search .search_input input {font-size:15px; padding:0 10px; }

	#step_02 .cont .search .search_btn { width:68px; }

	.map_wrap .showroom_wrap ul.showroom li .btn {padding-left:15px;}
	.map_wrap .showroom_wrap ul.showroom li .info > div .ti {padding-left:15px;}
	.map_wrap .showroom_wrap ul.showroom li .info .btn_view_map {padding-left:15px;}

	.info_box_wrap {width:320px; margin-left:-160px;}

	#step_03 .cont {padding-top: 45px; padding-bottom:55px; }
	#step_03 .cont ul.pesnal_info > li .title {width:100%; font-size:15px; line-height:1.2; padding-top:15px;}
	#step_03 .cont ul.pesnal_info > li .value {width:100%; padding-top:8px;}
	#step_03 .cont ul.pesnal_info > li.gender .value {padding-top:15px;}
	#step_03 .cont ul.pesnal_info > li.buy .value {padding-top:15px;}

	#step_03 .cont ul.pesnal_info > li {padding-left:0px; padding-right:0px;}
	#step_03 .cont ul.caption {padding-left:0px; padding-right:0px; margin-bottom:30px;}
	#step_03 .cont ul.caption li {margin-bottom:14px;}

	#step_03 .cont ul.pesnal_info > li .value select {padding-left:7px;}

	#step_03 .cont ul.pesnal_info > li .value .hp_bar {width:12px;}
	#step_03 .cont ul.pesnal_info > li .value select {width:calc(33.3% - 1px);}
	#step_03 .cont ul.pesnal_info > li .value input {width:calc(33.3% - 2px);}

	#step_03 .cont ul.pesnal_info > li.birth .value select  {width:calc(33.3% - 5px); margin-right:4px;}
	#step_03 .cont ul.pesnal_info > li.birth .value input  {width:calc(33.3% - 5px); margin-right:4px;}

	#step_03 .cont ul.caption li em {margin-right:7px;}
	#step_03 .cont ul.caption li span {width:calc(100% - 11px);}

	#step_03 .cont ul.pesnal_info > li.gender .value {padding-left:5px;}
	#step_03 .cont ul.pesnal_info > li.buy .value {padding-left:5px;}

	#step_03 .cont ul.pesnal_info > li.buy .value ul.buy_check li {margin-right:13px;}
	#step_03 .cont ul.pesnal_info > li.buy .value ul.buy_check li em {margin-right:6px;}

	#step_03 .tab_wrap .tab .val span.sum_name {width:calc(100% - 133px); text-align:right; }

	#step_04 .cont .check_all {font-size:14px;}
	#step_04 .cont .check {font-size:14px;}

	.event_terms {font-size:13px;}
	.event_terms ul.event_terms_list li {font-size:13px;}
}

@media screen and (max-width: 480px) {
	section.corona19 .corona19_inner ul.safe_icons {max-width:310px;}
	ul.event_gift {padding:0;}
	.event_info .event_info_inner .event_info_cont ul.event_gift li .event_gift_img {width:150px; height:150px;}
	/* .event_info {padding:50px 0 52px;} */

	.info_wrap {width:100%; }


	.event_info .event_info_inner .event_info_cont {padding-bottom:20px;}

	.event_info .event_info_inner .event_info_cont ul.event_gift li .event_gift_ti {padding:0 5px;}

}

@media screen and (max-width: 420px) {
    .br420 { display: none; }
}

@media screen and (max-width: 400px) {
	#wrap .wrap_inner {padding:0 12px;}


	#step_04 .cont {padding:30px 10px 40px;}
	#step_04 .cont ul.caption li {font-size:14px;}

}

@media screen and (max-width: 374px) {


	#wrap .wrap_inner {padding:0 10px;}

	#step_02 .cont .search_wrap {padding:0 0px;}

	#step_02 .cont .search .search_select { width:75px; margin-right:5px; margin-bottom:5px;}
	#step_02 .cont .search .search_select select {font-size:15px; padding-left:10px;}
	#step_02 .cont .search .search_input {/*width:200px;*/ width:calc(100% - 80px); margin-bottom:5px; border-right: solid 1px #ddd;}
	#step_02 .cont .search .search_input input {font-size:15px; padding:0 10px; }

	#step_02 .cont .search .search_btn {float:none; clear:both; width:100%; height:50px; }
	#step_02 .cont .search .search_btn a {line-height:50px;}

	.info_box_wrap {width:280px; margin-left:-140px;}
	#step_03 .cont ul.pesnal_info > li.hp .value select { width:104px;}
	#step_03 .cont ul.pesnal_info > li.hp .value input {width:calc((100% - 104px) /2 - 12px);}

	#step_04 .cont {padding:30px 5px 40px;}
	#step_04 .cont .check {height:auto;}
	#step_04 .cont .terms_check em {margin-right:9px;}
	#step_04 .cont .terms_check span {height:auto; line-height:1.5;}

	section .tab_wrap .tab .ti {font-size:16px;}
	section.show .tab_wrap .tab .ti {font-size:17px;}

		.event_info .event_info_inner .event_info_cont ul.event_gift {padding:0;}
		.event_info .event_info_inner .event_info_cont ul.event_gift li .event_gift_img {width:135px; height:135px;}
		.event_info .event_info_inner .event_info_cont ul.event_gift li .event_gift_num {font-size:16px;}
		.event_info .event_info_inner .event_info_cont ul.event_gift li .event_gift_ti {font-size:14px;}
		.event_info .event_info_inner .event_info_cont ul.event_gift li .event_gift_txt {font-size:14px;}
}


p.terms_txt {font-size:15px; line-height:2; font-weight:200; color:#666; margin-bottom:25px; }
.terms_new .box-agreeAll { margin-bottom: 34px; padding: 18px 0; border-top: 1px solid #F5F5F5; border-bottom: 1px solid #F5F5F5;  }
.terms_new .box-agreeAll label { margin: 0; font-size: 15px; color: #333; letter-spacing: -.3px; line-height: 25px; display:flex; align-items:center;}
.terms_new .box-agreeAll input {width:0px; height:0px; opacity:0;}
.terms_new .box-agreeAll em {width:25px; height:25px; background:#eee; display:block; margin-right:12px; cursor:pointer;  }
.terms_new .box-agreeAll span { display: block; padding-left: 37px; margin-top: 16px; font-size: 14px; color: #999; font-weight: 200; line-height: 1.4; letter-spacing: -.8px;}
.terms_new .box-agreeAll input ~ em:hover { background-color: #e8e8e8; }
.terms_new .box-agreeAll input:checked ~ em { background: #003057 url(../images/ico_chk.png) no-repeat center center / cover;}


.terms_form { margin-bottom:50px;}
.terms_form .terms_top { width:100%; display:flex; align-items:center; justify-content:space-between; padding-top:16px; margin-bottom:18px;}
.terms_form .terms_top .terms_ti {font-size:15px; color:#333; font-weight:400;}
.terms_form .terms_top .terms_check_all {font-size:14px; color:#666; font-weight:200; display:flex; align-items:center; justify-content:space-between;}
.terms_form .terms_top .terms_check_all label {height:25px; display:flex; align-items:center;}
.terms_form .terms_top .terms_check_all input {width:0px; height:0px; opacity:0;}
.terms_form .terms_top .terms_check_all em {width:25px; height:25px; background:#eee; display:block; margin-right:12px; cursor:pointer; }
.terms_form .terms_top .terms_check_all input ~ em:hover { background-color: #e8e8e8; }
.terms_form .terms_top .terms_check_all input:checked ~ em { background: #003057 url(../images/ico_chk.png) no-repeat center center / cover;}
.terms_form .terms_top .terms_check_all input {opacity:0; }

.terms_form ul.tb_head {width:100%; display:flex; align-items:center; justify-content:space-around;}
.terms_form ul.tb_head li { display: flex; align-items: center; padding: 0 13px; height: 50px; line-height: 1.25; font-size:14px; color:#666; font-weight:300; background:#f9f9f9; width:100%;}
.terms_form ul.tb_head li:nth-child(1) { min-width: 130px; width:min-content; } 

.terms_form ul.tb_body {width:100%; display:flex; justify-content:space-around; border-bottom:solid 1px #f5f5f5; }
.terms_form ul.tb_body li {  width: 100%; }
.terms_form ul.tb_body li:nth-child(1) { min-width: 130px; width: min-content; text-align:center;  } 
.terms_form ul.tb_body .checkbox {display:flex; align-items:center;}
.terms_form ul.tb_body .checkbox.false {margin-top:10px;}
.terms_form ul.tb_body .checkbox input {width:0px; height:0px; opacity:0;}
.terms_form ul.tb_body .checkbox em {display:inline-block; width:25px; min-width: 25px; height:25px; background:#e9e9e9; margin-right:12px; cursor:pointer;}
.terms_form ul.tb_body .checkbox input ~ em:hover { background-color: #e4e4e4; }
.terms_form ul.tb_body .checkbox input:checked ~ em {  background: #003057 url(../images/ico_chk.png) no-repeat center center / cover;}
.terms_form ul.tb_body li .title {display:none; padding:18px 13px;}
.terms_form ul.tb_body li .body_txt { text-align: justify; word-break: break-all; font-size:14px; color:#888; letter-spacing: -.8px; font-weight:200; padding: 18px 13px; line-height:1.5; }
.terms_form ul.tb_body li:nth-child(1) .body_txt {display:flex; align-items:center; justify-content:flex-start; flex-direction:row; flex-wrap:wrap; padding-left: 30px; height:100%; color:#333; font-weight:400; }
.terms_form ul.tb_body li .underLine {text-decoration:underline; text-decoration-color: inherit;}
.terms_form ul.tb_body li a.color {color:#1d6bba;}

/* .terms_form.terms_03 ul.tb_head li:nth-child(3) {width:calc((100% - 140px) / 4 * 2);}
.terms_form.terms_03 ul.tb_body li:nth-child(3) {width:calc((100% - 140px) / 4 * 2);} */
.terms_form.terms_03 ul.tb_body li {padding-top:8px;}
.terms_form.terms_03 ul.tb_body li:nth-child(1) {padding-top:0;}  

.terms_caption {position:relative; margin-top:20px; font-size:14px; color:#999; font-weight:200; padding-left:15px; line-height:1.5}
.terms_caption:before {position:absolute; top:8px; left:4px; width:4px; height:4px; content:""; display:block; background:#ccc; }
.terms_caption + .terms_caption {margin-top: 8px;}

ul.terms_list_des {margin-bottom:20px;}
ul.terms_list_des li {position:relative; padding-left:13px; line-height:1.4; margin-bottom:12px; font-size:15px; color:#666; font-weight:200;}
ul.terms_list_des li:before {content:""; display:block; position:absolute; top:8px; left:4px; width:4px; height:4px; background:#666; }

.terms_form.terms_05 .terms_cont {border-top: 1px solid #F5F5F5;}
.terms_form.terms_05 ul.tb_body li:nth-child(1) {min-width: 286px;}
.terms_form.terms_05 ul.tb_body li:nth-child(1) .body_txt {color: #888;}
.terms_form.terms_05 ul.tb_body li .body_txt {display: flex; align-items: center; height: 100%;}
.terms_form.terms_05 ul.tb_body .checkbox.false {margin-top: 0; margin-left: 33px;}
.terms_form.terms_05 ul.tb_body .checkbox + .checkbox {margin-top: 0; margin-left: 33px;}

@media only screen and (max-width: 975px) {
	.terms_form ul.tb_head li:nth-child(1) { min-width:100px; } 
	.terms_form ul.tb_body li:nth-child(1) { min-width:100px; padding-right:10px;}

    .terms_form ul.tb_body li:nth-child(1) .body_txt {padding-left: 8px;}

/* .terms_form.terms_03 ul.tb_head li:nth-child(3) {width:calc((100% - 100px) / 4 * 2);}
.terms_form.terms_03 ul.tb_body li:nth-child(3) {width:calc((100% - 100px) / 4 * 2);} */

}

@media only screen and (max-width: 820px) {
	.terms_form ul.tb_head {display:none;}
	.terms_form ul.tb_body {display:block; margin-bottom:22px;}
	.terms_form ul.tb_body li {width:100%; display:flex; border-top:solid 1px #f5f5f5; padding:0; }
	.terms_form ul.tb_body li:nth-child(1) {width:100%; justify-content:end; padding:0; text-align:left; }
	.terms_form ul.tb_body li .title {display:flex; align-items:center; width:100px; line-height: 1.4; background:#f9f9f9; font-size:14px; color:#666; font-weight:300; padding-left:15px;}
	.terms_form ul.tb_body li:nth-child(1) .title {color:#333; }
	.terms_form ul.tb_body li .body_txt {padding-left:18px; width:calc(100% - 100px); padding-right:5px;}
	.terms_form ul.tb_body li:nth-child(1) .body_txt {justify-content:end;}

	.terms_form ul.tb_head li {  width:100%; }
	/* .terms_form.terms_03 ul.tb_head li:nth-child(3) {width:100%; } */
	.terms_form ul.tb_body li {width:100%; }
	.terms_form.terms_03 ul.tb_body li {padding-top:0;}
	/* .terms_form.terms_03 ul.tb_body li:nth-child(3) {width:100%; } */


	.terms_form .terms_top {display:block;}
	.terms_form .terms_top .terms_ti {margin-bottom:15px;}
	.terms_form .terms_top .terms_check_all {justify-content:end;}

	.terms_form ul.tb_body .checkbox.false {margin-top:0; margin-left: 15px;}

    .terms_form.terms_05 ul.tb_body li .body_txt {width: 100%;}
    .terms_form.terms_05 ul.tb_body li:nth-child(1) {justify-content: flex-start;}
    .terms_form.terms_05 ul.tb_body li:nth-child(1) .body_txt {justify-content: flex-start;}
    .terms_form.terms_05 ul.tb_body li:nth-child(1) br {display: none;}
    .terms_form.terms_05 .terms_form ul.tb_body:nth-of-type(1) {margin-bottom: 0;}
}

@media only screen and (max-width: 580px) {
	p.terms_txt {line-height:1.7;}
	.terms_form ul.tb_body li .body_txt {padding:10px 8px;}
	.terms_form ul.tb_body li .title { padding: 10px 8px;}

    .terms_new .box-agreeAll span {padding-left: 0; margin-top: 10px;}

    .terms_form.terms_05 ul.tb_body li:nth-child(1) .body_txt {padding: 20px 10px;}
}


/* #step_05 */
.step_05{padding: 120px 0; width: 100%; max-width: 1280px; margin: 0 auto;}
.step_05 .inner { display: flex; width: 100%; /*height: 400px;*/ margin: 0 auto;}

.step_05 .inner .collage_01{ width:100%; height:100%;}
.step_05 .inner .collage_01 ul{display: flex; width: 100%; height: 400px;}
.step_05 .inner .collage_01 ul li.left{display: flex; flex-direction: column; width: 40%;}

.step_05 .inner .collage_01 ul li.left div{position: relative;}
.step_05 .inner .collage_01 ul li.left div { position: relative; width: 100%; height: 50%;}

.step_05 .inner .collage_01 ul li.left .left_top img{ width: 100%; height: 100%; height: 200px; }
.step_05 .inner .collage_01 ul li.left .left_top p{position: absolute; top: 5px; right: 10px; color: #FFF; font-size: 12px;  font-weight: 400; line-height: 1.6; letter-spacing: -0.006rem;}

.step_05 .inner .collage_01 ul li.left .left_bottom img{ width: 100%; height: 100%; height: 200px;}
.step_05 .inner .collage_01 ul li.left .left_bottom p{position: absolute; bottom: 5px; left: 7px; color: #FFF; font-size: 12px;  font-weight: 400; line-height: 1.5; letter-spacing: -0.01875rem;}

.step_05 .inner .collage_01 ul li.right {position: relative; width: 60%;}
.step_05 .inner .collage_01 ul li.right {position: relative; width: 60%; max-width: 384px; height: calc(100% * 400 / 400);}
.step_05 .inner .collage_01 ul li.right img { width: 100%; height: 100%; }
.step_05 .inner .collage_01 ul li.right p {position: absolute; bottom: 112.43px; left: 0; right: 0; text-align: center; color: #FFF; font-size: 12px;  font-weight: 400; line-height: 1.5; letter-spacing: -0.01875rem;}

.step_05 .inner .collage_02{ width:100%; height:400px;}
.step_05 .inner .collage_02 ul li{display: flex; height:200px; }
.step_05 .inner .collage_02 ul li.top div{position: relative; width: 50%;}

.step_05 .inner .collage_02 ul li.top .top_left img{ width: 100%; max-width: 331px; height: 100%;}
.step_05 .inner .collage_02 ul li.top .top_left p{position: absolute; bottom: 5px; left: 7px; color: #FFF; font-size: 12px;  font-weight: 400; line-height: 1.5; letter-spacing: -0.01875rem;}
.step_05 .inner .collage_02 ul li.top .top_right img{ width: 100%; max-width: 319px; height: 100%;}
.step_05 .inner .collage_02 ul li.top .top_right p{position: absolute; bottom: 5px; left: 7px; color: #FFF; font-size: 12px;  font-weight: 400; line-height: 1.5; letter-spacing: -0.01875rem;}

.step_05 .inner .collage_02 ul li.bottom div{position: relative;}
.step_05 .inner .collage_02 ul li.bottom .bot_left{ width: 25%; height: 100%;}
.step_05 .inner .collage_02 ul li.bottom .bot_right{ width: 75%; height: 100%;}

.step_05 .inner .collage_02 ul li.bottom .bot_left img{ width: 100%; max-width: 160px; height: 100%; }
.step_05 .inner .collage_02 ul li.bottom .bot_left p{position: absolute; top: 50%; right: 0; left: 0; transform: translateY(-50%); text-align: center; color: #FFF; font-size: 12px;  font-weight: 400; line-height: 1.5; letter-spacing: -0.01875rem;}
.step_05 .inner .collage_02 ul li.bottom .bot_right img{ width: 100%; max-width: 479px; height: 100%; }
.step_05 .inner .collage_02 ul li.bottom .bot_right p{position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); text-align: center; color: #FFF; font-size: 12px;  font-weight: 400; line-height: 1.5; letter-spacing: -0.01875rem;}


.step_05 .inner .collage_01 ul li div,
.step_05 .inner .collage_02 ul li div {cursor:pointer;}

.step_05 .inner .collage_01 ul li img,
.step_05 .inner .collage_02 ul li img {object-fit: cover;}

.step_05 .inner .collage_01 ul li div.pc_only,
.step_05 .inner .collage_02 ul li div.pc_only {display:block;}
.step_05 .inner .collage_01 ul li div.mob_only,
.step_05 .inner .collage_02 ul li div.mob_only {display:none;}

@media (max-width:1220px){
    
    .step_05 .inner .collage_01 ul li.left .left_top p{font-size: 10px;}
    .step_05 .inner .collage_01 ul li.left .left_bottom p{font-size: 10px;}
    .step_05 .inner .collage_01 ul li.right p { bottom:80px; font-size: 10px;}
    .step_05 .inner .collage_02 ul li.top .top_left p{font-size: 10px;}
    .step_05 .inner .collage_02 ul li.top .top_right p{font-size: 10px;}
    .step_05 .inner .collage_02 ul li.bottom .bot_left p {padding: 5px 10px; font-size: 10px;}
    .step_05 .inner .collage_02 ul li.bottom .bot_right p{font-size: 10px;}
}

@media (max-width:960px){
	.step_05 .inner {flex-wrap:wrap;}
	.step_05 .inner .collage_01 { width:100%; height:400px;}
	.step_05 .inner .collage_01 ul {height:400px; flex-wrap:wrap;}
	.step_05 .inner .collage_01 ul li.left .left_top img {height:200px;}
	.step_05 .inner .collage_01 ul li.right {max-width:60%;}

	.step_05 .inner .collage_02 {width:100%; height:400px;}
	.step_05 .inner .collage_02 ul li.top .top_left img {max-width:100%;}
	.step_05 .inner .collage_02 ul li.top .top_right img {max-width:100%;}

	.step_05 .inner .collage_02 ul li.bottom .bot_left img {max-width:100%;}
	.step_05 .inner .collage_02 ul li.bottom .bot_right img {max-width:100%;}

	.step_05 .inner .collage_01 ul li div.pc_only,
	.step_05 .inner .collage_02 ul li div.pc_only {display:none;}
	.step_05 .inner .collage_01 ul li div.mob_only,
	.step_05 .inner .collage_02 ul li div.mob_only {display:block;}

}

@media (max-width:600px){
	.step_05 .inner .collage_01 ul li.left .left_top p{font-size: 13px; width: 71px; text-align: right;}
    .step_05 .inner .collage_01 ul li.left .left_bottom p{display: none;}
    .step_05 .inner .collage_01 ul li.right p { bottom:80px; font-size: 12px;}
    .step_05 .inner .collage_02 ul li.top .top_left p{display: none;}
    .step_05 .inner .collage_02 ul li.top .top_right p{display: none;}
    .step_05 .inner .collage_02 ul li.bottom .bot_left p {display: none;}
    .step_05 .inner .collage_02 ul li.bottom .bot_right p{font-size: 12px;}
	.step_05 .inner .collage_02 ul li.bottom .bot_right img {height:165px;}

	.step_05 .inner .collage_01 ul li.right p {bottom:22%;}

	.step_05 .inner .collage_01 { width:100%; height:330px;}
	.step_05 .inner .collage_01 ul {height:330px; flex-wrap:wrap;}
	.step_05 .inner .collage_01 ul li.left .left_top img {height:165px;}

	.step_05 .inner .collage_02 {width:100%; height:330px;}
	.step_05 .inner .collage_01 ul li.left div {height:165px;}
	.step_05 .inner .collage_02 ul li {height:165px;}
}

@media (max-width:480px){

	.step_05 .inner .collage_01 ul li.right p {bottom:22%;}

	.step_05 .inner .collage_01 { width:100%; height:250px;}
	.step_05 .inner .collage_01 ul {height:250px; flex-wrap:wrap;}
	.step_05 .inner .collage_01 ul li.left .left_top img {height:125px;}

	.step_05 .inner .collage_02 {width:100%; height:250px;}
	.step_05 .inner .collage_01 ul li.left div {height:125px;}
	.step_05 .inner .collage_02 ul li {height:125px;}
	.step_05 .inner .collage_02 ul li.bottom .bot_right img {height:125px;}

}

/* step_05_pop-up */
.step_05_pop-up{ position: fixed; top: 0; left: 0; width: 0; z-index: 999;}
.step_05_pop-up .bg{ position: fixed; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.9); transition: opacity 0.3s;}

.step_05_pop-up .inner {position: fixed; top: 0; left: 0; width: 100%; height: 100%;}

.step_05_pop-up .inner .pop-up_closeBtn{position: fixed; top: 40px; right: 40px; width: 32px; height: 32px;}
.step_05_pop-up .inner .pop-up_closeBtn img{width: 100%; height: 100%;}

.step_05_pop-up .inner .swiper-wrap {position:relative; width:100%; max-width:964px;  display:flex; align-items:center; justify-content: center; min-height:100vh; margin:0 auto;}

.step_05_pop-up .inner .swiper {position: relative; width: calc(100% - 100px ); margin: 0 auto; padding: 0;}

.step_05_pop-up .inner .pop-up_btnL{ left: 0; }
.step_05_pop-up .inner .pop-up_btnR{ right: 0;  }
.step_05_pop-up .inner button {position: absolute; top: 50%; transform:translateY(-50%);  z-index: 10; width: 30px; height: 60px;  }


.step_05_pop-up .inner button img{width: 100%; height: 100%;}

.step_05_pop-up .inner .swiper ul {margin: 0 auto;}
.step_05_pop-up .inner .swiper ul li {}
.step_05_pop-up .inner .swiper ul li div { position: relative; width: 100%; height: 100%;}
.step_05_pop-up .inner .swiper ul li div img{width: 100%; height: 100%; object-fit: cover;}
.step_05_pop-up .inner .swiper ul li div p{position: absolute; color: #FFF; font-size: 24px;  font-weight: 500; line-height: 1.5; letter-spacing: -0.6px;}

.step_05_pop-up .inner .swiper ul li div.listBox1 p{top: 20px; right: 34px;}
.step_05_pop-up .inner .swiper ul li div.listBox2 p{bottom: 203px; left: 50%; transform: translateX(-50%);}
.step_05_pop-up .inner .swiper ul li div.listBox3 p{bottom: 22px; left: 30px;}
.step_05_pop-up .inner .swiper ul li div.listBox4 p{bottom: 22px; left: 30px;}
.step_05_pop-up .inner .swiper ul li div.listBox5 p{bottom: 22px; left: 30px;}
.step_05_pop-up .inner .swiper ul li div.listBox6 p{top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
.step_05_pop-up .inner .swiper ul li div.listBox7 p{top: 50%; left: 50%; transform: translate(-50%, -50%);}

/* .step_volvo_ckeck_in  */
.step_volvo_ckeck_in{width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 0 120px;}
.step_volvo_ckeck_in ul{ display: flex; justify-content: center; align-items: flex-start; gap: 25px; width: 100%;}
.step_volvo_ckeck_in ul li{display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}
.step_volvo_ckeck_in ul li img{width: 100%; max-width: 410px; height: 100%; max-height: 285px;}
.step_volvo_ckeck_in ul li a{display: flex; justify-content: center; align-items: center; gap:12px}
.step_volvo_ckeck_in ul li a p{color: #2A609D; font-size: 15px;  font-weight: 400; line-height: normal;}
.step_volvo_ckeck_in ul li a img{width: 4px; height: 8px;}

@media (max-width:1000px){ 
	.step_05_pop-up .inner .swiper-wrap {width:97%;}
	.step_05_pop-up .inner .swiper ul li div p {font-size:20px; font-weight:500;}

}

@media (max-width:800px){

	.step_volvo_ckeck_in ul {flex-wrap:wrap; }
	.step_volvo_ckeck_in ul li {width: calc(100% / 2 - 15px); margin-bottom:40px;}

	.step_05_pop-up .inner .swiper {width: calc(100% - 30px);}

}
@media (max-width:600px){

	.step_volvo_ckeck_in ul {gap:0;} 
	.step_volvo_ckeck_in ul li {width: 100%;}
	
	.step_05_pop-up .inner .swiper {width: calc(100% - 20px);}
	.step_05_pop-up .inner button {width:20px; height:40px;}

	.step_05_pop-up .inner .pop-up_closeBtn {top:30px; right:15px; width:25px; height:25px; }

	.step_05_pop-up .inner .swiper ul li div.listBox2 p {width:100%; text-align:center; bottom:20%;}
	.step_05_pop-up .inner .swiper ul li div p {font-size:16px;}

	.step_05_pop-up .inner .swiper ul li div.listBox7 p {width:100%; text-align:center;}
}