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



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-bottom:80px;}
#wrap .wrap_inner {width:100%; max-width:1280px; margin:0 auto;}

#step_01 {width:100%;}
#step_01 .step_01_inner {width:100%;}

.tab_wrap {width:100%; margin: auto; height:78px; 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?ver=2023) 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?ver=2023) 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_04 {border-bottom: solid 1px #dddddd;}

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;}

#visual { position: relative; margin: 64px auto 100px; width: 100%; height: 100%; max-height: 700px;}
#visual .box-img { width: 100%; height: 100%; position: relative; overflow: hidden; }
#visual .box-img img { height: 100%; width: 100%; object-fit: cover;  }
#visual .box-copy {  position: absolute; top: 27%; left: 52%; width: fit-content;}
#visual .box-copy strong {animation: add_text 1s; display: block; margin-bottom: 17px; font-weight: 400; font-size: 38px; color: #fff;line-height: 1.3;}
#visual .box-copy p { animation: add_text 1s; font-size: 20px; font-weight: 400; line-height: 1.5; color: #fff;  line-height: 1.3; }
#visual .box-img img.mo {display:none;}

#visual.idx0401 .box-img img.mob {display:none;}
#visual.idx0401 .box-copy {width: 100%; max-width: 1280px;top: 50%; left: 50%; transform: translate(-50%,-50%); display: flex; flex-direction: column; align-items: end;}
#visual.idx0401 .box-copy strong {width: 100%; max-width: 294px; text-align: left;} 
#visual.idx0401 .box-copy p {width: 100%; max-width: 294px; text-align: left; line-height: 1.6;} 


/* 250806 */
#visual.idx0805 { max-height: 900px;}
#visual.idx0805 .box-img img.pc {}
#visual.idx0805 .box-img img.mob {display:none;}
#visual.idx0805 .box-copy { width: 100%; max-width: 1280px; padding-left: 50px; top: 37%; left: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: flex-start; }
#visual.idx0805 .box-copy strong {width: 100%; max-width: 294px; text-align: left; color: #141414;} 
#visual.idx0805 .box-copy p {width: 100%; max-width: 294px; text-align: left; line-height: 1.6; color: #141414;} 



@media (max-width: 2100px) {
    #visual .box-copy {top: 29%;}
    
    #visual.idx0401 .box-copy {padding-right: 50px;}

	
}

@media screen and (min-width: 992px) {
	#visual {height: calc(100vw * 9/21);min-height: 500px;}

}

@media screen and (max-width: 991px) and (min-width: 500px) {
	#visual {height: calc(100vw * 9/16); min-height: 400px;}
}
@media (max-width: 1060px) {
    #visual .box-img img {object-position: 29%;}
    #visual .box-copy {left: 63%; max-width: 285px;}
    
    #visual.idx0401 .box-copy {padding-right: 60px;}
    #visual.idx0401 .box-img img {object-position: 70%;}
    
    #visual.idx0805 .box-img img {object-position: center;}
	#visual.idx0805 .box-copy strong {font-size: 28px;}
	#visual.idx0805 .box-copy p {font-size: 18px;}
	#visual.idx0805 .box-copy {top: 38%;}
}
@media (max-width: 800px) {
    #visual .box-copy strong {font-size: 28px;}
    #visual .box-copy p {font-size: 18px;}
    
    #visual.idx0401 .box-copy {padding-right: 0px;}
    #visual.idx0401 .box-copy p br {display: none;}

	
}
@media (max-width:730px) {
	#visual {margin-bottom: 50px;}
	#visual .box-copy {text-align: center; left: auto; right: 0;}
    #visual .box-img {height: 100%;}
    
    #visual.idx0401 .box-copy {max-width: 180px; left: auto; right: 8%; padding-right: 0; transform: translate(0,-50%);}
    #visual.idx0401 .box-copy strong, 
    #visual.idx0401 .box-copy p {max-width: 177px; text-align: center;}

	#visual.idx0805 {height: auto;}
	#visual.idx0805 .box-img img.pc {display: none;}
    #visual.idx0805 .box-img img.mob {display: block; object-position: 0; margin-top: 52px;}
	#visual.idx0805 .box-copy {top: 29%; padding: 0; align-items: center;}
	#visual.idx0805 .box-copy strong {text-align: center; font-size: 32px;}
	#visual.idx0805 .box-copy p {text-align: center;}
}

@media (max-width:500px) {
	#visual {height: 300px;}
	#visual .box-img {height: 100%; object-position: 34%;}

    #visual .box-copy { top: 50%; transform: translateY(-50%); padding: 0 10px; max-width: 230px;}
    #visual .box-copy strong {font-size: 26px; margin-bottom: 10px;line-height: 130%;}
    #visual .box-copy p {font-size: 15px;}
    
    #visual.idx0401 {height: auto;}
    #visual.idx0401 .box-img img.pc {display: none;}
    #visual.idx0401 .box-img img.mob {display: block; object-position: 0;}
    #visual.idx0401 .box-copy {right: 0%; bottom: 12%; top: auto; transform: translate(0); display: block; max-width: 100%;} 
    #visual.idx0401 .box-copy strong {font-size: 32px;max-width: 100%; text-align: center;}
    #visual.idx0401 .box-copy p {max-width: 100%; text-align: center; font-size: 14px;}
    #visual.idx0401 .box-copy p br {display: block;}

	
    
}

@media (max-width: 480px) {
    #visual { margin: 48px auto 50px; }

	#visual.idx0805 .box-copy {top: 34%;}
	#visual.idx0805 .box-copy strong { font-size: 25px;}
	#visual.idx0805 .box-copy p {font-size: 15px;}
}
@media (max-width: 400px) {
    #visual .box-copy {padding: 0 ;}
    #visual .box-img img {object-position: 34%;}

	#visual.idx0805 .box-copy strong {font-size: 25px;}
	#visual.idx0805 .box-copy p {font-size: 13px;}
}

@keyframes add_text {
	0% { opacity: 0;}
	100% { opacity: 1;}
}



.swiper-container {position: relative;width: 100%;overflow: hidden;}
.swiper-container .slide-tit {display: block;margin-bottom: 10px; font-weight: 300; font-size: 18px; line-height: 130%; letter-spacing: -0.008em; color: #777777;}

#step_01 .cont {padding-top:70px; padding-bottom:35px; width:90%; margin:0 auto;}

#step_01 .cont ul.car_list {width:100%;}
#step_01 .cont ul.car_list li.car {float:left; width:33.3%; max-width: 300px; position:relative; margin-bottom: 100px;}
#step_01 .cont ul.car_list li.car + li.car {margin-left: 63px;}

#step_01 .cont ul.car_list li.car .imgs {width:90%; margin:0 auto 30px; overflow: hidden; text-align:center;/* padding-top:17px;*/ height:140px; display:flex; justify-content:center; align-items: flex-end;}
#step_01 .cont ul.car_list li.car .imgs img {width:100%; max-width:270px; display:none;}
#step_01 .cont ul.car_list li.car .imgs img.car_img_01 {display:inline-block;}
#step_01 .cont ul.car_list li.car .title {width:100%; text-align:center; font-weight: 400; font-size: 25px; line-height: 30px; letter-spacing: -0.008em;  color: #141414; cursor:pointer;}
#step_01 .cont ul.car_list li.car p.caption {font-size:14px; color:#284E80; font-weight:300; width:100%;  text-align:center; padding-top:8px;}

#step_01 .swiper-button-next,
#step_01 .swiper-button-prev { width: 14px ; height: 28px; color: #00000030;}
#step_01 .swiper-button-next:after,
#step_01 .swiper-button-prev:after {font-size: 26px;}

.car:hover img, .car:hover .imgs {transition: padding 0.1s linear, max-width 0.1s linear; }
.car .title {transition: all 0.1s ease;}

#step_01 .cont ul.car_list li.car:hover .btn_next {display:block; 
	-webkit-animation: fadeInFromNone 0.5s ease-out;
    -moz-animation: fadeInFromNone 0.5s ease-out;
    -o-animation: fadeInFromNone 0.5s ease-out;
    animation: fadeInFromNone 0.5s ease-out; 
	animation-fill-mode: forwards;
 }
#step_01 .cont ul.car_list li.car:hover .title { font-size:26px;}
#step_01 .cont ul.car_list li.car:hover .imgs {padding-top:0px;} 
#step_01 .cont ul.car_list li.car:hover .imgs img {max-width:270px; }

@-webkit-keyframes fadeInFromNone {
    0% {display: none; opacity: 0;}
    1% {display: block; opacity: 0;}
    100% {display: block; opacity: 1;}
}

@keyframes fadeInFromNone {
    0% {display: none; opacity: 0;}
    1% {display: block; opacity: 0;}
    100% {display: block; opacity: 1;}
}


/**/
#step_02 {max-width: 1320px; 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?ver=2023); 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?ver=2023); 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: 1320px;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?ver=2023); 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:#9c9c9f;}
#step_03 .cont ul.pesnal_info > li .value .email_at {font-size:16px; color:#9c9c9f;}

#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?ver=2023); 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-flex; align-items: center; 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;}

#step_03 .cont ul.pesnal_info > li .title span {display:inline-block; padding-left:3px;}

#step_04 {margin-bottom:38px;}

#step_04 .cont {width:100%; max-width:1000px; margin:0 auto; padding-top:53px; padding-bottom:70px;}
#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;}


#pop_event_loader {width:100vw; height:100vh; position:fixed; z-index:50; top:0; left:0; background:rgba(255,255,255,0.5);}
#pop_event_loader .event_loader_wrap {width:100vw; height:100vh; position:relative; display:flex; align-items:center; justify-content:center;}
#pop_event_loader .event_loader {width:56px; margin:0 auto;} 

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

@media screen and (max-width: 1280px) {
	.event_step ul.event_step_list li.desc {width:100%; padding:30px 0 0 30px;}
	
}


@media screen and (max-width: 1150px) {
	#step_04 .cont {padding: 53px 30px 70px; }
	#step_01 .cont ul.car_list li.car + li.car {margin-left: 0px;}
}

@media (max-width:1000px) {
    #step_01 .cont ul.car_list li.car {max-width: inherit;}
    #step_01 .cont ul.car_list li.car .btn_prev,
    #step_01 .cont ul.car_list li.car .btn_next {display: none !important;}
    #step_01 .cont ul.car_list li.car:hover .imgs img {max-width: 310px; }

    .slide-btn {width: 103%; left: 50%; transform: translateX(-50%);}
}
@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: 860px) {

    #step_01 .cont {width: 100%;}
	#step_01 .cont ul.car_type_tab {margin-bottom:40px;}

	#step_01 .cont ul.car_list li.car .imgs {margin-bottom:20px; height:105px; margin-bottom:18px;}
	#step_01 .cont ul.car_list li.car .title { margin-bottom:16px;}

	#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;}

}


@media screen and (max-width: 720px) {
	section.corona19 .corona19_inner .ti {line-height:1.3;}
	section.corona19 .corona19_inner .sti {padding:0 70px; line-height:1.4;}
	section.corona19 .corona19_inner .caption {line-height:1.4;}

	section.corona19 .corona19_inner ul.safe_icons {max-width:420px;}
	section.corona19 .corona19_inner ul.safe_icons li {width:50%; margin-bottom:30px;}

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

	#step_01 .cont ul.car_type_tab li {padding: 0 20.5px;}

	#step_01 .cont {padding-top:40px;}
	#step_01 .cont ul.car_list.suv {width:95%; }
	#step_01 .cont ul.car_list.sedan,
	#step_01 .cont ul.car_list.ele {width:95%;}
	#step_01 .cont ul.car_list.cc {width:95%;}

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

	#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);}

}


@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; margin-bottom: 45px; }

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

    #step_01 .cont ul.car_list li.car .title {font-size:22px;margin-bottom:0px; margin-top: 20px;}
    #step_01 .cont ul.car_list li.car:hover .title,
    #step_01 .cont ul.car_list.cc li.car:hover .title  {font-size:24px;}

    #step_01 .swiper-button-next, #step_01 .swiper-button-prev {top: 45%;}

	#step_01 .cont ul.car_list li.car {width:100%; padding-bottom:0px;}
	#step_01 .cont ul.car_list li.car .imgs img,
	#step_01 .cont ul.car_list li.car:hover .imgs img {max-width:270px;}

	#step_01 .cont ul.car_list li.car .imgs { height:110px; margin-bottom:10px;}

    #step_01 .cars_cc ul.car_list li.car {padding-bottom: 0px;}
    #step_01 .cars_cc ul.car_list li.car .btns {margin: 10px auto 0px;}

	#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; }

}

@media screen and (max-width: 520px) {
	section.corona19 .corona19_inner {padding-left: 10px; padding-right:10px;}
	section.corona19 .corona19_inner .sti {padding:0 30px;}
	section.corona19 .corona19_inner ul.safe_icons { max-width:320px; margin-bottom:30px;}
	section.corona19 .corona19_inner ul.safe_icons li .icons_img {width:130px; height:130px;}

	#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 .cont ul.car_type_tab {max-width:335px;}
	#step_01 .cont ul.car_type_tab li {padding:0 12px;}
	#step_01 .cont ul.car_type_tab li a {font-size:16px; padding:0 5px 12px;}

	#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;}

}

@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;}

    .swiper-container .slide-tit {padding-left: 10%;}
}

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

	section.corona19 .corona19_inner .ti {font-size:22px;}
	section.corona19 .corona19_inner .sti {padding:0 15px;}


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

	#step_01 .cont ul.car_type_tab {max-width:292px;}
	#step_01 .cont ul.car_type_tab li {padding:0 8px;}
	#step_01 .cont ul.car_type_tab li a {font-size:14px; padding:0 5px 12px;}

	#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;}

}


@media only screen and (max-width: 374px) {
	.map_wrap .showroom_wrap ul.showroom li .info > div .ti {width:77px;}
	.map_wrap .showroom_wrap ul.showroom li .info > div .txt {width:calc(100% - 77px);}
}



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:10px; 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;}
}


.event_step {width:100%; max-width:1280px; margin:0 auto; display: flex; border-top: solid 1px #ddd; padding:50px 0px 0px 15px;}
.event_step .event_step_ti {width: 100%; max-width:280px; font-size:20px; font-weight:400; text-align:left; line-height:1.3; }
.event_step .event_step_ti br {display:none;}
.event_step ul.event_step_list {width:100%; display: flex; text-align:left;}

.event_step ul.event_step_list > li.single {width: 100%; display: flex; align-items: center; }
.event_step ul.event_step_list > li.single .box-img {position: relative; width: 100%; max-width: 128px; text-align: center; }
.event_step ul.event_step_list > li.single .box-img img {width: 100%;}
.event_step ul.event_step_list > li.single .box-txt { margin-left: 20px; width: 100%; text-align: left; }
.event_step ul.event_step_list > li.single .box-txt p { font-weight: 300; font-size: 16px; line-height: 24px;  letter-spacing: -0.008em; color: #666666;}

.event_step ul.event_step_list > li.single .box-txt p span.desc {font-size:14px; color:#999; display:block; margin-top:10px; line-height:1.4; padding-left:8px; text-indent:-8px;}

.event_step ul.event_step_list > li.way {display: inline-block;text-align:center;}
.event_step ul.event_step_list > li.way + li.way { margin-left: 35px; padding-left: 35px;}
.event_step ul.event_step_list > li.way + li.way .list_img::after {position: absolute; content: ""; top: 50%; left: -50px; transform: translateY(-50%) rotate(45deg); width: 20px; height: 20px; border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;}
.event_step ul.event_step_list > li.way .list_img {position: relative; margin-bottom:20px; display: flex; align-items: center;justify-content: center; width: 160px; height: 160px; background: #FAFAFA; border-radius: 5px;}
.event_step ul.event_step_list > li.way .list_img img {max-width: 60px;}
.event_step ul.event_step_list > li.way .list_img small {position: absolute; top:15px; left: 15px;font-weight: 500; font-size: 20px; line-height: 24px;  color: #284E80;}
.event_step ul.event_step_list > li.way .list_ti {font-weight: 300; font-size: 16px; line-height: 24px;letter-spacing: -0.008em;}


.event_step + .event_step {border-top: none; padding-top: 60px; margin-bottom: 110px;}

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

@media (max-width: 1200px) {
	.event_step {flex-wrap: wrap; justify-content: center;}
    .event_step .event_step_ti {margin-bottom: 30px; text-align: center;}
    .event_step ul.event_step_list {justify-content: center;}
    .event_step ul.event_step_list > li.single {width: auto;}
    .event_step + .event_step {padding-top: 80px;}
}

@media (max-width: 900px) {
	.event_step ul.event_step_list {flex-wrap: wrap; justify-content: space-between;}
	.event_step ul.event_step_list.sg_list {justify-content: center;}
    .event_step ul.event_step_list > li.way {width: 48%; margin-bottom: 25px;}
    .event_step ul.event_step_list > li.way .list_img {width: 100%;}
    .event_step ul.event_step_list > li.way + li.way {margin-left: 0px; padding-left: 0;}
    .event_step ul.event_step_list > li.way .list_img::after {display: none;}
    .event_step + .event_step {margin-bottom: 80px;}
}

@media (max-width: 650px) {
    .event_step {border-top: none; padding: 0 0;}
    .event_step ul.event_step_list > li.single .box-img {max-width: 104px; height: 104px;}
    .event_step ul.event_step_list > li.single .box-txt p {font-size: 14px; line-height: 21px;}
    .event_step + .event_step {padding-top: 50px;}
    .event_step ul.event_step_list > li.way {width: 49%; margin-bottom: 30px;}
}

@media (max-width: 550px) {
    .event_step ul.event_step_list > li.single .box-txt p br {display: none;}
    .event_step + .event_step {margin-bottom: 30px;}
}


.event_des { font-size:15px; line-height:20px; font-weight:200; color:#999; text-align:center; width:100%; padding:0 15px 10px; }


.event_desc { font-size:15px; line-height:20px; font-weight:200; color:#777; text-align:center; width:100%;}
.event_terms { font-size:14px; line-height:20px;  text-align:left; width:100%; padding-top:30px; } 
.event_terms .event_terms_ti {margin-bottom:10px; font-weight:200; color:#999;}
.event_terms ul.event_terms_list li { font-weight:200; font-size:15px; color:#999; line-height:1.4; margin-bottom:5px; padding-left:8px; text-indent:-8px;} 

.covid { margin: 150px auto 100px; text-align: center;}
.covid > strong {display: block; font-size: 28px; color: #333; font-weight: 300; line-height: 1.5; text-align: center; margin-bottom: 40px;}
.covid > p {font-size: 16px; color: #333; font-weight: 200; line-height: 1.5; text-align: center; word-break: keep-all;}
.covid > span {font-size: 18px; color: #666; font-weight: 200; text-align: center; line-height: 1.5; margin-bottom: 110px;word-break: keep-all;}
.covid > div {margin: 50px auto; display: flex; justify-content: center;}
.covid > div .box {}
.covid > div .box + .box {margin-left: 60px;}
.covid > div .box .imgBox {margin-bottom: 16px; width: 160px; height: 160px; display: flex; align-items: center; justify-content: center; border: 1px solid #EEEEEE; border-radius: 4px;}
.covid > div .box p {font-weight: 200; font-size: 16px; line-height: 24px; text-align: center; letter-spacing: -0.008em;}
.covid > div .box .imgBox img {max-width: 60px;}

@media (max-width: 870px) { 
    .covid > strong {font-size: 24px; margin-bottom: 30px;}
    .covid > div .box + .box {margin-left: 30px;}
}
@media (max-width: 770px) { 
    .covid > div {flex-wrap: wrap; justify-content: space-between;}
    .covid > div .box {width: 48%; margin-bottom: 20px;}
    .covid > div .box + .box {margin-left: 0px;}
    .covid > div .box .imgBox {width: 100%;}
}
@media (max-width: 500px) { 
    .covid {margin: 100px auto 50px;}
    .covid > strong {font-size: 22px;}
    .covid > p {padding: 0 15px;} 
    .covid > span {font-size: 16px;}
}

.pop_more_car {position: fixed; top: 0; left: 0; width: 0; height: 0; overflow: hidden; z-index: 1001;}
.pop_more_car .bg {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: #00000050;}
.pop_more_car .inner { display: none; position: fixed; top: 50%; left: 0; transform: translateY(-50%); padding:50px 0; width: 100%; height: 100vh; max-height: 910px; background-color: #fff; overflow-y: auto;}
.pop_more_car.on .bg ,
.pop_more_car.on .inner {display: block;} 
.inner_wrap {position: relative; width:100%; max-width: 1200px; margin: auto;} 
.pop_more_car .inner strong {display: block;margin-bottom: 37px; padding: 0 20px; font-weight: 400;font-size: 18px;line-height: 29px;text-align: center;letter-spacing: -0.8px;}
.pop_more_car .inner .listBox { width: 100%; max-width: 635px; margin: auto; padding-left: 32px; }
.pop_more_car .inner .listBox .list {}
.pop_more_car .inner .listBox .list + .list {margin-top: 45px;}
.pop_more_car .inner .listBox .list .list_tit {display: block;margin-bottom:20px; font-weight: 300;font-size: 14px;line-height: 130%;letter-spacing: -0.008em;color: #777777;}
.pop_more_car .inner .listBox .list .conbox {display: flex;} 
.pop_more_car .inner .listBox .list .conbox .itme {width: 151px;}
.pop_more_car .inner .listBox .list .conbox .itme + .itme {margin-left: 90px;}
.pop_more_car .inner .listBox .list .conbox .itme .car_tit {display: block;margin-bottom: 10px; font-weight: 500;font-size: 16px;line-height: 19px;letter-spacing: -0.008em;}
.pop_more_car .inner .listBox .list .conbox .itme .imgBox {width: 151px;}
.pop_more_car .inner .listBox .list .conbox .itme .imgBox img {width: 100%;}
.close_more_car {position: absolute; top: -30px; right: 0; width: 42px; height: 42px;}
.close_more_car::after {position: absolute; content: ""; top:50%; left: 50%; transform:translate(-50%,-50%) rotate(45deg); width: 30px; height: 1px; background-color: #141414;}
.close_more_car::before {position: absolute; content: ""; top:50%; left: 50%; transform:translate(-50%,-50%) rotate(-45deg); width: 30px; height: 1px; background-color: #141414;}


@media (max-width:700px) {

	.pop_more_car .inner {height: 100vh;}
	.pop_more_car .inner .listBox .list .conbox {position: relative; overflow-x: auto; padding-right: 35px;} 
	.pop_more_car .inner .listBox .list .conbox::-webkit-scrollbar { width: 2px; height: 2px;}
	.pop_more_car .inner .listBox .list .conbox::-webkit-scrollbar-thumb {width: 30%; background: #D9D9D9;}
	.pop_more_car .inner .listBox .list .conbox::-webkit-scrollbar-track { background: #EEEEEE; margin-right: 32px;}
	.pop_more_car .inner .listBox .list + .list {margin-top: 0px;}
	.pop_more_car .inner .listBox .list .conbox {display: flex; padding-bottom: 17px; margin-bottom: 25px;} 
}
@media (max-width:500px) {
	.pop_more_car .inner {padding-top: 35px;}
	.pop_more_car .inner strong {margin-bottom: 32px; font-size: 16px;line-height: 180%;}
	.close_more_car {position: absolute; top: -25px; right: 8px; width: 30px; height: 30px;}
	.close_more_car::after { width: 20px;}
	.close_more_car::before {width: 20px;}
	.pop_more_car .inner .listBox .list .conbox .itme + .itme {margin-left: 50px;}

}

.appDownloadInfo {margin: 120px auto 0;background: #FAFAFA; height: 215px; padding: 0 20px; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.appDownloadInfo p { margin-bottom: 19px; color: #141414; font-weight: 400; text-align: center; line-height: 1.5; word-break: keep-all; font-size: 18px; letter-spacing: -0.144px;}
.appDownloadInfo a { display: inline-flex;align-items: center; color: #284E80; font-weight: 400;  font-size: 15px;}
.appDownloadInfo a::after {  content: ""; display: inline-block; transform: rotate(45deg); margin-left: 8px; width: 7px; height: 7px; border-top: 2px solid #284E80; border-right: 2px solid #284E80; }

.appDownloadInfo {margin: 80px auto 120px;}
.appDownloadInfo a::after {display: none;}

@media (max-width:500px) {

    .appDownloadInfo {margin: 40px auto 120px;}
    .appDownloadInfo p {font-size: 16px;}
    .appDownloadInfo p br {display: none;}

}

.videoWrap .video {width: 100%; padding: 0 20px; margin: 67px 0 40px; text-align: center;}
.videoWrap .video .cont {position: relative; width: 100%; max-width: 1196px; aspect-ratio: auto 16/8; margin: auto;}
.videoWrap .video video { width: 100%; height: 100%; object-fit: cover;}
.videoWrap .video .play_btn {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 58px; z-index: 1;}
.videoWrap .video .play_btn img {width: 100%;}
.videoWrap .video .txtBox {margin-top: 60px;}
.videoWrap .video strong {display: block; font-size: 32px; font-weight: 400; line-height: 140%; letter-spacing: -0.256px;}
.videoWrap .video p {display: block; margin:25px 0 20px ; color: #666; font-size: 18px; font-weight: 300;  letter-spacing: -0.144px;}
.videoWrap .video a {position: relative; display: inline-flex; align-items: center; color: #2A609D; font-size: 14px; font-weight: 400;}
.videoWrap .video a::after {display: inline-block; content: ""; margin-left: 8px; width: 6px; height: 6px; border-top: 1px solid #2A609D; border-right: 1px solid #2A609D; transform: rotate(45deg);}

.tmapPop {position: fixed; top: 0; left: 0; width: 0; height: 0; overflow: hidden; z-index: 999;}
.tmapPop .bg {opacity: 0; pointer-events: none; position: fixed; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.9); transition: opacity 0.3s; }
.tmapPop .closeTmapPop {position: fixed; top: 40px; right: 40px; width: 48px; height: 48px; z-index: 1; }
.tmapPop .closeTmapPop img {width: 100%;}
.tmapPop .inner {opacity: 0; pointer-events: none;position: fixed ; top: 0; left: 0; width: 100%; height: 100%; }
.tmapPop .inner .tit {margin-bottom: 60px; color: #FFF; font-size: 36px; font-weight: 500; line-height: 140%;  letter-spacing: -0.288px;}
.tmapPop .inner .tit br { display: none;}
.tmapPop .inner .swiperWrap {position: relative; width: 100%; max-width: 1500px; height: 100%; margin: auto; display: flex; flex-direction: column; align-items: center; justify-content: center; padding:  0 20px; text-align: center;}
.tmapPop .inner .wrapSwiper {position: relative; width: 100%;}
.tmapPop .inner .tmapSwiper { width: 85%; max-width: 1196px;}
.tmapPop .inner .tmapSwiper img {width: 100%;}
.tmapPop .inner .tmapSwiper .txtBox {text-align: center; padding: 40px 0 0;}
.tmapPop .inner .tmapSwiper .txtBox p {margin-bottom: 20px; color: #FFF; font-size: 32px;  font-weight: 500;letter-spacing: -0.256px;}
.tmapPop .inner .tmapSwiper .txtBox span {color: #FFF; font-size: 25px; font-weight: 400; line-height: 1.5; letter-spacing: -0.2px;}


.tmapPop .inner .swiper-button-next, 
.tmapPop .inner .swiper-button-prev {top: 33%; height: 60px; width: 30px;}
.tmapPop .inner .swiper-button-next {right: 20px;}
.tmapPop .inner .swiper-button-prev {left: 20px;}

.tmapPop .inner .swiper-button-next:after, 
.tmapPop .inner .swiper-button-prev:after {content: ""; height: 100%; width: 100%;}

.tmapPop .inner .swiper-button-next:after {background: url(../images/common/next.png) no-repeat center center / 100% 100%;}
.tmapPop .inner .swiper-button-prev:after {background: url(../images/common/next.png) no-repeat center center / 100% 100%; transform: rotate(180deg);}

.tmapPop.on .bg {opacity: 1; pointer-events: all;}
.tmapPop.on .inner {opacity: 1; pointer-events: all;}


@media (max-width:900px) {

    .videoWrap .video strong {font-size: 24px;}
    .videoWrap .video p {font-size: 15px; line-height: 1.5; word-break: keep-all;}

    .tmapPop .inner .tit {font-size: 28px;}
    .tmapPop .inner .tmapSwiper {width: 100%; padding: 0 35px;}
    .tmapPop .inner .tmapSwiper .txtBox p {font-size: 26px;}
    .tmapPop .inner .tmapSwiper .txtBox span {font-size: 20px;}

    .tmapPop .inner .swiper-button-next {right: -10px;}
    .tmapPop .inner .swiper-button-prev {left: -10px;}
    .tmapPop .inner .swiper-button-next, .tmapPop .inner .swiper-button-prev {width: 18px; height: 35px;}
}
@media (max-width:600px) { 

    .videoWrap .video {padding: 0 0;}
    .videoWrap .video strong {font-size: 20px;}
    .videoWrap .video p {font-size: 13px; margin: 20px 0;}
    .videoWrap .video .txtBox {margin-top: 35px;}

    .tmapPop .inner .tit {font-size: 22px; margin-bottom: 30px;}
    .tmapPop .inner .tit br { display: block;}
    .tmapPop .closeTmapPop {top: 20px; right: 20px; width: 32px; height: 32px;}
    .tmapPop .inner .swiperWrap {padding:  0;}
    .tmapPop .inner .tmapSwiper {width: 100%;}
    .tmapPop .inner .tmapSwiper .txtBox {padding: 30px 0 0;}
    .tmapPop .inner .tmapSwiper .txtBox p {font-size: 20px;}
    .tmapPop .inner .tmapSwiper .txtBox span {font-size: 17px;}

    .tmapPop .inner .swiper-button-next {right: 10px;}
    .tmapPop .inner .swiper-button-prev {left: 10px;}
    .tmapPop .inner .swiper-button-next, .tmapPop .inner .swiper-button-prev {width: 12px; height: 24px;}
}
@media (max-width:500px) { 

    .videoWrap .video strong br {display: none;}
    .videoWrap .video .play_btn {width: 32px;}

    .tmapPop .inner .tmapSwiper .txtBox span br {display: none;}
    .tmapPop .inner .swiper-button-next, .tmapPop .inner .swiper-button-prev {top: 27%;}
}
@media (max-width:380px) { 
    .tmapPop .inner .swiper-button-next, .tmapPop .inner .swiper-button-prev {top: 24%;}
}