@charset "utf-8";

/* html {overscroll-behavior:contain;}
body {overscroll-behavior:contain;} */

body.fix {position:fixed; width:100%; height:100%; overflow:hidden; touch-action:none;}
body.fix #wrap {position:fixed; width:100%;}


/* 레이아웃 */
#wrap {height:100%;}
#content {position:relative; overflow:hidden;}
.inner_cont {position:relative; z-index:1; padding:4rem 2.4rem 0; background:#fff;}
.inner_cont.spot {margin-top:60rem;}
.inner_cont.sub {padding-top:12rem;}

/* 스크롤 아이템 모션 */
.aos_wrap .aos_section {position:relative;}


/* 헤더 */
header {display:flex; position:fixed; left:0; top:0; z-index:100; width:100%; height:6rem; padding:0 2.4rem; justify-content:right; align-items:center; background:rgba(25,25,28,.75); backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); transition: all 0.2s ease-in-out;}
.header_up {top:-80px; opacity: 0;}
header p {margin-top:5rem; color:#fff; font-size:1.2rem;}
header p .step {margin-left:0.3rem; font-family:'nb'; font-weight:400; font-size:1.3rem;}
header .logo {display:block; width:6.8rem; height:2.4rem; margin-top:-0.2rem; text-indent:-9999em;}

    .lexus header .logo {width:8.3rem; height:3.2rem; background:url(../images/common/lexus_logo.png) center center / contain no-repeat}
    .toyota header .logo {width:8.3rem; height:3.2rem; background:url(../images/common/toyota_logo.png) center center / contain no-repeat}
    /* .toyota header {background:rgb(240 11 45 / 88%);} */

    header.scroll-up {
      transform: translateY(-100%);
      opacity: 0;
    }


/* 페이지 타이틀 */
.head_title {position:relative; font-size:2.8rem; margin:1.5rem 0 4rem 0; line-height:3.8rem; font-weight:700; letter-spacing:0.1rem;}
.head_title_sub {margin:1.5rem 0 4rem 0; font-size:1.6rem;}

.sub_title {display:flex; margin:4.7rem 0 3rem; color:#001111; font-size:2rem; font-weight:700; letter-spacing:-0.5px;}
.sub_title .num {order:2; position:relative; top:0rem; margin-left:0.7rem; font-family:'nb'; font-size:1.4rem; font-weight:500; color:#8e8e9c;}

.second_title {display:flex; margin-bottom:1rem; margin-left:1.3rem; font-size:1.6rem; color:#111; font-weight:700;}
.tertiary_title {display:flex; margin:4rem 0 1.8rem 0; font-size:1.4rem; color:#111; font-weight:700; line-height:1;}
.title_wrap {display:flex; position:relative; justify-content:space-between; align-items:baseline;}
.title_wrap .dot {position:relative; padding-left:1rem; margin-right:2rem; color:#111; font-size:1.3rem; font-weight:700;}
.title_wrap .dot:after {content:''; position:absolute; left:0; top:0.5rem; width:0.4rem; height:0.4rem; border-radius:50%; background:#dfdfe8;}

.pop_title {margin-bottom:5rem; font-size: 2.4rem; color: #000; font-weight:700;}

.top_title {margin-bottom: 4rem;}
.top_title span {display:block; margin-bottom:0.8rem; font-weight:500; font-size:1.6rem; color:#000;}
.top_title h1 {font-size:2.4rem; line-height:3.55rem; font-weight:700; color:#000;}
.top_title h1 + span {margin-top:0.8rem; margin-bottom: 0;}

.top_txt {line-height:2.4rem;}



/* 메인 */
.main {height:100%; padding:0 2.4rem; /*overscroll-behavior:contain;*/} 
.main .logo {display:inline-block; position:fixed; right:2.4rem; top:3.1rem; color:transparent; }
.main .background {position:fixed; left:0; top:0; width:100%; height:100%; z-index:-1; opacity:0.2; transition:0.5s; background:#000;}
.main .background.on {display:block; opacity:0.55; transition:0.5s;}

.start_btn {display:flex; position:fixed; left:0; right:0; bottom:0; height:5.4rem; margin:0 2.4rem 2.3rem; justify-content:center; align-items:center; border-radius:2.7rem; font-size:1.6rem; font-weight:700; box-shadow:0.1rem 0.1rem 0.8rem rgb(0 0 0 / 10%)}

.main_text_wrap {position:absolute; left:0; bottom:10rem; width:100%; height:auto; max-height:calc(100% - 20rem); padding:0 2.4rem; overflow:hidden; overscroll-behavior:none;}
.main_text_wrap.on {overflow-y:auto;}

.main_text_wrap .list {padding-bottom:4rem; overflow: hidden;}
.main_text_wrap h1 {margin-bottom:3rem; margin-top:-0.5rem; line-height:3.9rem; font-weight:700; font-size:2.6rem; color:#fff; text-shadow:0.1rem 0.1rem 0.3rem rgb(0 0 0 / 60%);}

  .andriod .main_text_wrap h1 {font-size:2.8rem;}


/* 전자약정 - 메인 */
.main_text_wrap ol li {overflow:hidden; text-shadow:0.1rem 0.1rem 0.2rem rgb(0 0 0 / 25%)}
.main_text_wrap ol li ~ li {margin-top:1.1rem;}
.main_text_wrap ol li span {float:left; width:2.8rem; margin-top:0.1rem; font-family:'nb'; color:#fff; font-size:1.2rem; font-weight:600; letter-spacing:0.2rem; font-style:italic;}
.main_text_wrap ol li p {float:left; font-weight:500; font-size:1.6rem; color:#fff;}

    .toyota .main .logo {width:9rem; height:3.1rem; background:url(../images/common/toyota_logo.png) left top / cover no-repeat;}
    .toyota .main .start_btn {color:#fff; background:#eb0a1e;}

    .lexus .main .logo {width:9rem; height:3.2rem; background:url(../images/common/lexus_logo.png) left top / cover no-repeat;}
    .lexus .main .start_btn {color:#fff; background:#111;}


/* 신용정보조회동의 - 메인 */
.main_select_wrap {position:absolute; left:0; bottom:0; width:100%; padding:2.4rem 2.4rem}
.main_select_wrap h1 {font-size:2.6rem; color:#fff; font-weight:700; text-shadow:0.1rem 0.1rem 0.3rem rgb(0 0 0 / 60%);}
.main_select_wrap h1 span {display:block; margin-bottom:1rem; font-size:2.2rem;}
.main_select_wrap .main_select_list {margin-top:3.5rem;}
.main_select_wrap .main_select_list li {}
.main_select_wrap .main_select_list li ~ li {margin-top:1.2rem;}
.main_select_wrap .main_select_list li button {display:flex; width:100%; height:5.4rem; padding:0 2.4rem; align-items:center; font-size:1.8rem; font-weight:600; color:#fff; border-radius:5.4rem; border:0.1rem solid rgba(255 255 255 / 0.4); transition:all 0.3s; background:url(../images/icon/white_select.svg) right 2.4rem center / 1.6rem no-repeat;} 
.main_select_wrap .main_select_list li button.on {color:#111; transition:all 0.3s; background:#fff url(../images/icon/black_select.svg) right 2.4rem center / 1.6rem no-repeat;}
    /* .toyota .main_select_wrap .main_select_list li button.on {color:#111; transition:all 0.3s; background:#fff url(../images/icon/black_select.png) right 2.4rem center / 1.6rem no-repeat;} */


/* 메인 하단 공지 */
.main_notice {position:relative; padding-top:2.5rem;}
.main_notice:after {content:''; display:inline-block; position:absolute; left:0; top:0.5rem; width:3.4rem; height:0.1rem; background:#fff;}
.main_notice ul li {position:relative; line-height:2rem; font-size:1.3rem; color:#fff;}
.main_notice ul li ~ li {margin-top:1.3rem;}
.main_notice ul li a {position:relative; top:0.1rem; color:#fff; font-family:'nb'; font-size:1.4rem;}


/* 메인 영상 */
.movie_background {position:fixed; left:0; top:0; width:100%; height:100%; z-index:-2; background-size:cover; background-position:50% 50%;}
.video_player {display:block; width:100%; height:100%; object-fit:cover;}


.main_arrow{display:flex; position:absolute; bottom:1rem; justify-content:center; animation:arrow_down 1.2s infinite; left:0; right:0;}
.scroll_arrow {display:inline-block; width:1rem; height:1rem; border-bottom:0.2rem solid white;
transform:rotate(45deg); -webkit-transform:rotate(45deg); animation:arrow-wave 0.8s infinite; animation-direction:alternate; border-right:0.2rem solid white;}
@keyframes arrow-wave { 0% {opacity:0;} 50% {opacity:.5;} 100% {opacity:1;} }
@keyframes arrow_down{ 0%, 100%{bottom:1rem;} 50%{bottom:1.5rem;}}

/* --- 메인 끝 */



/* --- 서브 시작 */

/* 서브공통 */
.pos_box {position:relative; margin:0 -2.4rem; padding:3rem 2.4rem; background:#f2f2f2;}
.pos_box.black {background:#2d2d32;}
.pos_box.gray {background:#6b6b76;}
.por_inner_box_tit {padding-left:2rem; font-size:1.3rem; color:#6b6b76; font-weight:700; line-height:1;}
.por_inner_box_tit + .por_inner_box,
.por_inner_box_sub + .por_inner_box {margin-top:0.8rem;}
.por_inner_box_sub {padding-left:2rem; font-size:1.2rem; color:#6b6b76; font-weight:700;}
.por_inner_box_sub ~ .por_inner_box_sub {margin-top:0.5rem;}
.por_inner_box {position:relative; padding:1.7rem 2rem; border-radius:1.6rem; font-size:1.4rem; color:#111; font-weight:500; line-height:2.1rem; background:#fff;}


/* 신청서 & 약정서 */
.visual_img {position:fixed; left:0; top:0; width:100%; height:60rem;}
.visual_img .zoom {position:fixed; left:0; top:0; width:100%; height:60rem; transform:scale(1); animation-name:visualZoom; animation-duration:18s;  animation-fill-mode:forwards; animation-delay:1.2s; animation-timing-function:ease-out; transform-origin: center 0;}
@keyframes visualZoom { 0% {transform:scale(1);} 100% {transform:scale(1.15);} }

  .lexus .visual_img.visual01 .zoom{background:url(../images/bg/lexus_eag_visual01.jpg) center center / cover no-repeat;} /* 렉서스 신청서 상단 이미지 */
  .lexus .visual_img.visual02 .zoom {background:url(../images/bg/lexus_eag_visual02.jpg) center center / cover no-repeat;}/* 렉서스 약정서 상단 이미지 */
  .toyota .visual_img.visual01 .zoom {background:url(../images/bg/toyota_eag_visual01.jpg) center center / cover no-repeat;}/* 토요타 신청서 상단 이미지 */
  .toyota .visual_img.visual02 .zoom {background:url(../images/bg/toyota_eag_visual02.jpg) center center / cover no-repeat;}/* 토요타 약정서 상단 이미지 */


.visual_text {display:flex; position: relative; z-index: 1; width:100%; height:58rem; padding:0 2.4rem 4rem; flex-direction:column; justify-content:end; align-items:flex-start; background:rgb(0,0,0); background:linear-gradient(0deg, rgba(0,0,0,0.9023984593837535) 1%, rgba(0,0,0,0.1) 30%, rgba(0,0,0,0) 100%);}
.visual_text + .inner_cont {padding-top:5rem;}
.visual_text .head_title {margin:0; color:#fff; text-shadow:0.1rem 0.1rem 0.3rem rgb(0 0 0 / 60%);}
.visual_text .head_title_sub  {margin:1rem 0 0; font-size:1.6rem; color:#fff; text-shadow:0.1rem 0.1rem 0.3rem rgb(0 0 0 / 60%);}


/* 신청서 - 추가설명원함*/
.inner_choice {}
.inner_choice ul li ~ li {margin-top:2rem;}
.inner_check_area {display:none; margin-top:0.5rem; padding-left:3rem; overflow:hidden;}
.inner_check_area label {float:left; width:33.33%; margin-top:1.5rem;}
.inner_check_area .s_check input {position: absolute; left:0; top:0; width:1.8rem; height:1.8rem; appearance: none;}

/* 약정서 카드 스택 */
.stack {margin-top:6rem;}
.swipe_text {position:relative; float:right; width:23rem; margin-bottom:1.5rem;}
.swipe_text .in {opacity:0; width:0; overflow:hidden;}
.swipe_text p {text-align:right; width:23rem; font-size:1.3rem; font-weight:700; line-height:2rem; padding-right:5.5rem;}
.swipe_text .wheel {display:inline-block; position:absolute; left:-3.8rem; top:-0.1rem; width:4.8rem; height:4.8rem; background:url(../images/icon/text_wheel.png) center center / cover no-repeat}
.card_stack_wrap {}
.card_stack {overflow-y:hidden; overflow-x:auto; white-space:nowrap; margin:0 -2.4rem;}
.card_stack > li {display:inline-block; position: relative; margin-left:1rem; overflow:hidden; color:#fff; border-radius:1.6rem; background:#54545d;}
.card_stack > li .in {width:30rem; height:50rem; padding:2rem 1.8rem; white-space:normal}
.card_stack > li .in.aria_img {position: absolute; left:0; top:0;}
.card_stack > li:nth-child(3n+2) {background:#2d2d32;}
.card_stack > li:nth-child(3n+3) {color:#111; background:#dfdfe8;}
.card_stack > li:first-child {margin-left:2.4rem;}
.card_stack > li:last-child {margin-right:2.4rem;}

.card_stack.solo {overflow:hidden; margin:0;}
.card_stack.solo > li {width:100%; height:auto; margin:0;}
.card_stack.solo .tit {padding-left:0;}

.card_stack .tit {position:relative; padding-left:3rem; font-weight:700; font-size:1.6rem; line-height:2.4rem;}
.card_stack .tit span {display:flex; position:absolute; left:0; top:0.1rem; width:2rem; height:2rem; justify-content:center; align-items:center; color:#54545d; font-size:1.3rem; font-weight:600; border-radius:0.6rem; background:#fff;}

    /* .ios .card_stack .tit {padding-left:0; padding-top: 3.4rem; text-align: center; word-break:keep-all}
    .ios .card_stack .tit span {left:50%; transform:translateX(-50%); font-family:nb; font-size:1.6rem; width:2rem; height:2rem;} */


.card_stack .ratio {display:flex; margin:4rem 0 5rem; justify-content:space-between; color:#fff; align-items:baseline;}
.card_stack .ratio li {flex:1; text-align:right; font-size:1.6rem; font-weight:500;}
.card_stack .ratio li:first-child {flex:0.65}
.card_stack .ratio li strong {display:inline-block; position:relative; top:0.2rem; margin-right:0.5rem; font-family:'nb'; font-size:2.2rem;}

.card_stack .sub_tit {display:block; margin-bottom:1rem; font-size:1.3rem; font-weight:700;}
.card_stack .txt {display:block; font-size:1.1rem; line-height:1.8rem;}
.card_stack .txt strong {font-weight:700;}
.card_stack .formula {margin:3.5rem 0; line-height:2.2rem; text-align:right; font-weight:700; font-size:1.2rem;}
.card_stack .formula.left {margin:0; text-align:left;}

.card_stack > li:nth-child(3n+3) .tit {color:#111;}
.card_stack > li:nth-child(3n+3) .tit span {color:#fff; background:#111;}
.card_stack > li:nth-child(3n+3) .ratio {color:#111;}

.flash {display:inline-block; position:absolute; width:3rem; height:3rem; right:4rem}
.f_motion {position:absolute; left:0; top:0; width:3rem; height:3rem; border-radius:50%; opacity:0; animation:motion 2.4s infinite; background-color:rgba(203,198,255,0.56);}
.delay1 {animation-delay:1.2s;}
.delay2 {animation-delay:1.8s;}
@keyframes motion { 0% {transform:scale(0.3); opacity:0.6;} 100% {transform:scale(2.3); opacity:0;} }

.manual_btn {position:relative; height:6rem; margin:2.5rem 0 4rem; font-weight:600; border-radius:6rem; box-shadow:0px 0.1rem 0.5rem rgb(0 0 0 / 40%); border:0.1rem solid #111 !important; background:#111 !important;}
.manual_btn.check {background:#111 url(../images/common/s_check_on.svg) right 3.8rem center / 3.4rem no-repeat !important;}

.point_tit {display:flex; padding-bottom:3rem; margin-bottom:3rem; justify-content:center; font-size:2rem; color:#fff; border-bottom:0.1rem solid #404047;}
.important_confirm li ~ li {margin-top:3rem; padding-top:2.7rem; border-top:0.1rem solid #404047;}
.important_confirm li .txt {font-size:1.4rem; color:#fff; font-weight:700; line-height:2.4rem;}
.important_confirm li .sub {display:block; margin-top:1.8rem; font-size:1.2rem; color:#cacad5; line-height:2rem;}
.important_confirm li .ck_box {display:flex; justify-content:flex-end; margin-top:2.5rem;}
.important_confirm li .ck_box label {margin-left:3rem;}




/* 리스트 기본형 */
.list_title {margin:4rem 0 1.2rem 1.3rem; font-size:1.4rem; color:#111; font-weight:700;}
.list_section {padding:2.5rem 1.3rem; border-radius:1.6rem; background:#f8f8fa;}
.list_section .list {/* letter-spacing:-0.1rem; */}
.list_section .list > li {display:flex; position:relative; justify-content:space-between;}
.list_section > .list > li ~ li {margin-top:1.6rem; padding-top:1.6rem}
.list_section > .list > li ~ li:after {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:0.1rem; background: rgb(249,249,249); background: linear-gradient(90deg, rgba(202,202,213,1) 0%, rgba(249,249,249,1) 82%, rgba(249,249,249,1) 100%);} 
.list_section > .list > li .th {width:30%; padding-top:0.3rem; text-align:left; color:#404047; font-weight:700; font-size:1.3rem;}
.list_section > .list > li .td {flex:1; text-align:right; line-height:2.1rem;}
.list_section > .list > li .td > p {font-size:1.4rem; font-weight:800; color:#111; word-break:break-all;}

.list_section.black {background:#404047;}
.list_section.black > .list > li .th {color:#fff;}
.list_section.black > .list > li .td > p {color:#fff;}
.list_section.black .compare p {color: #fff; font-size: 1.5rem;}
.list_section.black .sub_c {color: #cacad5;}

.list_section .sub_c {margin-left:0.4rem; font-size:1.3rem; color:#757575; font-weight:700;}
.list_section .edit {margin-top:0.5rem; margin-bottom:-0.7rem;}
.list_section .edit a, .list_section .edit button {background:#f2f2f6;}

.list_section_input {padding:2.5rem 1.3rem; border-radius:1.6rem; background: #f8f8fa;}
.list_section_input input {background: #fff;}

.section_bottom_str {margin-top: 1rem; font-size:1.3rem; font-weight:700; line-height: 2.2rem;}

.compare {display:flex; width:100%; justify-content:right; text-align:right;}
.compare > * {width:50%; font-size:1.4rem; color:#111; font-weight: 800;}
.compare > p {font-weight:800;}
.compare > div:first-child {padding-right:1rem;}
.compare > div:last-child {margin-left:1rem; border-left:0.1rem solid #e1e1e1;}
.compare .sub_c {font-weight:700;}

.multi .compare > div {padding-right:0;}

.has_btn {position:relative;}
.has_btn > span {word-break:break-all;}
.has_btn .modify {display:block; position:absolute; right:0; top:0.3rem; width:1.4rem; height:1.4rem; text-indent:-9999em; color:transparent; overflow:hidden; background:#fff url(../images/icon/modify.png) left center / 1.2rem no-repeat;}

.division {display:flex; justify-content:right; padding-bottom:0.8rem; margin-bottom:1.4rem; border-bottom:0.1rem solid #000;}
.division ul {display:flex; width:calc(100% - 30%); justify-content:right; text-align:right;}
.division ul li {width:50%; color:#404047; font-weight:700;}
.division ul li:last-child {margin-left:1rem; border-left:0.1rem solid #e1e1e1;}

.radio_group {width:100%; overflow:hidden; margin-top:-1rem;}
.radio_group li {display:inline-block; margin-top:0.7rem;}
.radio_group li .i_radio span {font-weight:700;}


/* 텍스트 유형 */
.dot_txt {position:relative; padding-left:1.4rem; font-size:1.4rem; font-weight:700; line-height:2rem;}
.dot_txt:after {content:''; display:inline-block; position:absolute; left:0; top:0.8rem; width:0.4rem; height:0.4rem; border-radius:50%; background:#6b6b76;}


/* 팝업 내 요소 */
.pop_wrap .exp_period {padding-top:7.2rem; line-height:2.7rem; font-size:1.6rem; color:#111; background:url(../images/icon/ex_mark.svg) center top / 5.6rem no-repeat;}/* 유효기간만료 팝업 */
.pop_wrap .p_str_text {margin-bottom:3.5rem; font-size:2rem; font-weight:700;}/* 간편본인확인 팝업 */


/* 스와이프 */
.swiper-button-prev {position:absolute; left:0; top:0; z-index:10; width:6.8rem; height:5rem; margin-top: 0; margin-left:1rem; text-align: left; color:#111; font-weight: 600; background:url(../images/icon/arrow_back_on.svg) left center / 1.8rem 1.8rem no-repeat;}
.swiper-button-prev::after {display:none;}
.swiper-button-prev.swiper-button-disabled {opacity:1; color:#999; background:url(../images/icon/arrow_back_off.svg) left center / 1.8rem 1.8rem no-repeat;}

.swiper-button-next {position:absolute; right:0; top:0; z-index:10; width:8rem; height:5rem; margin-top: 0; padding-left: 1rem; margin-right:1rem; text-align:right; color:#111; font-weight: 600; background:url(../images/icon/arrow_forward_on.svg) right center / 1.8rem 1.8rem no-repeat;}
.swiper-button-next.swiper-button-disabled {opacity:1; color:#999; background:url(../images/icon/arrow_forward_off.svg) right center / 1.8rem 1.8rem no-repeat;}
.swiper-button-next::after {display:none;}

.swiper-slide {outline:none; background:#fff;}
.swiper-slide .inner {position:relative; padding:19rem 2.4rem 15rem;}

.swipe_util {display:flex; position:fixed; left:0; bottom:0; z-index:20; width:100%; height:5rem; justify-content: center; align-items: center; border-top:0.1rem solid #f9f9f9; background:#fff;}
.swipe_util .swiper-pagination {position:static; width:auto; font-weight:700; font-size:1.3rem; font-family:'nb'; }
.swipe_util .page_line {display:inline-block; position:relative; top:-0.4rem; width:4rem; height:0.1rem; margin:0 1rem; background:#cacad5;}
.swipe_util .swiper-pagination .current {display:inline-block; width:2rem; margin-right:-0.5rem;}
.swipe_util .swiper-pagination .total {display:inline-block; width:2rem; margin-left:-0.2rem;}

.slide_last_btn {display:none; overflow:hidden; position:fixed; left:0; bottom:2rem; z-index:10; padding:0 2.4rem 1rem; box-shadow: 0px -15px 17px #fff; opacity:0; background: #fff;}



/* 상품설명서 */
.manual_wrap {position:relative;}
.manual_wrap .pos_box {padding-top:0; padding-bottom:6.4rem; color:#111; background:#fff;}
.manual_wrap .pos_box p {line-height:2.4rem; font-weight:500; font-size:1.4rem;}
.manual_wrap .pos_box p ~ p {margin-top:2rem;}
.manual_wrap .strong_word {margin-top:5rem; margin-bottom:5.7rem; padding:1rem 0; text-align:center; font-size:1.5rem; font-weight:700; line-height:2.8rem; border:0.1rem solid #404047;}

.square_tit {display:block; position:relative; margin:3.8rem 0 1.5rem; padding-left:1.8rem; font-size:1.5rem; line-height:2.2rem; color:#000; font-weight:600;}
.square_tit.nm {font-weight:400;}
.square_tit:after {content:'■'; display:inline-block; position:absolute; left:0; top:-0.1rem;}
.square_tit + .q_list {margin-top:0;}

.sign_list {padding-left:1.8rem;}
.sign_list > ul > li {position:relative; padding-left:1.6rem; margin-left:-1.7rem; font-size:1.2rem; line-height:2rem; color:#000;}
.sign_list > ul > li:before {content:'○'; display:inline-block; position:absolute; left:0; top:-0.1rem; margin-right:0.3rem; font-size:1rem;}
.sign_list > ul > li ~ li {margin-top:1rem;}
.sign_list .dash {margin-top:0.7rem;}

.q_list {margin-top:3rem; padding-left:1.8rem;}
.q_list > .tit {position:relative; margin-bottom:0.8rem; font-size:1.3rem; margin-left:-1.8rem; padding-left:1.8rem; line-height:2rem; color:#000; font-weight:600;}
.q_list > .tit:after {content:'Q.'; display:inline-block; position:absolute; left:0; top:0; font-weight:700; font-family:'nb';}
.q_list > .txt {position:relative; font-size:1.2rem; line-height:2rem; color:#000;}

.reference {display:block; margin-top:0.75rem; line-height:1.7rem; font-size:1.2rem; color:#6b6b76; font-weight:400;}

.manual_title {position:relative; padding-top:6rem; margin:5rem 0 3rem; color:#111; font-size:1.8rem; font-weight:700;}
.manual_title:after {content:''; display:block; position:absolute; left:0; top:0; right:0; height:1.4rem; margin:0 -2.4rem; border:none; background:#f3f3f3;}
.pop_slide.full .full_title {margin-bottom: 5rem; font-size: 2.4rem; color: #000; font-weight: 700;}

.table_list {}
.table_list table {border-top:0.1rem solid #dfdfe8; border-bottom:0.1rem solid #dfdfe8;}
.table_list table tbody tr {border-bottom:0.1rem solid #ededed;}
.table_list table tbody th {padding:1.2rem 0.9rem; text-align:left; font-size:1.3rem; color:#54545d; font-weight:700; border-right: 0.1rem solid #dfdfe8; background:#f9f9fc;}
.table_list table tbody td {padding:1.2rem 0.9rem; text-align:right; font-weight:600; color:#000; background:#fff;}
.table_list .compare > div {margin:0; border:none;}
.table_list .compare ~ .compare {margin-top:1.5rem;}
.table_list .compare * {font-size:1.3rem;}

.table_list.row thead th {padding:1.2rem 0.9rem; text-align:left; font-size:1.3rem; color:#54545d; font-weight:700; text-align:center; border-bottom:0.1rem solid #dfdfe8; background:#f9f9fc;}
.table_list.row tbody td {text-align:center;}
.table_list.row thead th + th,
.table_list.row tbody td + td {border-left:0.1rem solid #dfdfe8;}

.keep_eye_on {padding:2rem 1.8rem; border-radius:0.8rem; background:#f8f8fa;}
.keep_eye_on .ck_box {display:flex; padding:2rem 0 0; justify-content:flex-end;}
.keep_eye_on .ck_box.line {padding-bottom: 2rem; margin-bottom:1.7rem; border-bottom:0.1rem solid #dfdfe8;}
.keep_eye_on .ck_box label ~ label {margin-left:2rem;}

.keep_eye_on > p {font-weight:500; font-size:1.3rem; line-height:2rem;}
.keep_eye_on .tit {color:#111; font-size:1.4rem; font-weight:700;}
.keep_eye_on .sign {color:#6b6b76; font-size:1.2rem; font-weight:500; line-height:1.3rem;}
.keep_sub_txt {font-weight:400; font-size:1.3rem; line-height:2.2rem;}
.keep_sub_txt.n_gray {color:#6b6b76;}

.img_desc_box {margin-top:2rem; padding:2rem 2rem 2.5rem; border-radius:0.8rem; background-color:#f8f8fa}
.img_desc_box .tit {position:relative; padding-left:1rem; border-left:2px solid #cacad5}
.img_desc_box .tit:before {content:''; display:block; position:absolute; left:-0.2rem; bottom:-1.4rem; width:0.2rem; height:1.4rem; background-color:#cacad5;}
.img_desc_box .tit + * {margin-top:1.8rem}
.img_desc_box .img_box {text-align:center;}
.img_desc_box .text_box {padding-top:2.4rem}
.img_desc_box .text_box .star_text {position:relative; padding-left:1.2rem; font-size:1.2rem; color:#6b6b76; font-weight:600;}
.img_desc_box .text_box .star_text:before {content:'*'; display:block; position:absolute; left:0; top:0.3rem;}
.img_desc_box .text_box .text_tit {line-height:1.6; text-align:center; font-size:1.3rem; color:#19191c; font-weight:700;}
.img_desc_box .text_box .text {line-height:1.6; text-align:center; font-size:1.3rem; color:#19191c;}
.img_desc_box .text_box .text_tit + .text {margin-top:1.2rem;}


/* 약관, 계약서, 안내서 텍스트 유형 */
.doc_wrap {}

.top_info {margin:0 -2.4rem 3rem; padding:19rem 2.4rem 5rem; background:#2d2d32;}

.top_info .title_area {text-align:center;}
.top_info .title_area .label {display:flex; margin-top:2.5rem; margin-bottom:-1rem; justify-content: center;}
.top_info .title_area .label span {display:inline-block; padding:0.8rem 1.6rem 0.6rem; border-radius:3rem; color:#fff; font-size: 1.2rem; font-weight:500; background:#404047;}
.top_info h2 {text-align:center; color: #fff; font-weight:700; font-size:2.6rem;}

.top_info_txt {text-align:left; color:#111; line-height:2.4rem; font-weight:500; font-size:1.4rem;}
.top_info_txt.txt.ex_mark {padding-top:5.5rem; background:url(../images/icon/white_exmark.svg) center top / 3.4rem no-repeat;}

.info_area {margin-top:4.5rem; padding-top:3.5rem; border-top:0.2rem solid #54545d;}
.info_area .tit {margin-bottom:2.8rem; font-weight:600; font-size:1.6rem; color:#fff;}
.info_area .info_list > li {display:flex; color:#fff;}
.info_area .info_list > li ~ li {margin-top:2.7rem;}
.info_area .info_list .th {font-size:1.3rem; font-weight:600; color:#cacad5;}
.info_area .info_list .td {flex:1; padding-left:1rem; text-align:right; color:#fff; font-size:1.5rem;}

.toyota_case_price, .lexus_case_price {display: none;}
  .toyota .toyota_case_price {display:block;}
  .lexus .lexus_case_price {display:block;}


/* 중요 텍스트 */
.important_msg { line-height:2.8rem; color:#111; font-size:1.6rem; font-weight:700;}
.em_msg {line-height:2.4rem; color:#1169fc; font-weight:500; font-size:1.3rem;}


/* 적합성 원칙 */
.visual_text.cpb .head_title {margin-bottom:3.5rem;}
.visual_text.cpb .head_title_sub {margin-top:1.2rem; font-size:1.4rem; line-height:2.4rem; font-weight:600;}

  .lexus .visual_img.cpb .zoom{background:url(../images/bg/lexus_cpb.jpg) center center / cover no-repeat;} /* 렉서스 적합성원칙 상단 이미지 */
  .toyota .visual_img.cpb .zoom {background:url(../images/bg/toyota_cpb.jpg) center center / cover no-repeat;} /* 토요타 적합성원칙 상단 이미지 */

.first_cpb_item {margin-bottom: 3.3rem;}
.cpb_item {}
.cpb_item + .cpb_item {margin-top:3.3rem;}
.cpb_item .title,
.first_cpb_item .title {margin-bottom:1.3rem; color:#000; font-weight:600; font-size:1.4rem;}
.cpb_item .choice_area li ~ li {margin-top:1.4rem;}


.cpb_box_title {margin:4rem 0 1.5rem; text-align:center; font-size:1.6rem; line-height:2.7rem; font-weight:700;}
.cpb_num_box {padding:2rem 2rem 2rem 3.6rem; border-radius:1.8rem; background:#f8f8fa;}
.cpb_num_box ol li {color:#111; font-size:1.4rem; font-weight:700; text-indent:-1.6rem; line-height:2.2rem;}
.cpb_num_box ol li ~ li {margin-top:1.8rem;}

.tooltip_wrap {display: inline-block; position: relative;}
.tooltip_trigger {display: inline-block; position: relative; left:-0.35rem; top:-0.1rem; width:2.4rem; height:2.4rem; background:url(../images/icon/tooltip_icon.svg) center center / 1.4rem no-repeat;}
.tooltip_cont {display:none; position:absolute; left:-7.7rem; top:2.7rem; z-index:5; width:19.5rem; padding:1.2rem; border-radius:1.2rem; background:#6b6b76;}
.tooltip_cont:after {content: ''; display: inline-block; position:absolute; left:8.27rem; top:-0.5rem; width:0.6rem; height:0.65rem; background:url(../images/bg/tooltiptri.png) center center / cover no-repeat;}
.tooltip_cont strong {display:block; margin-bottom:0.8rem; color:#fff; font-size:1.4rem; font-weight:700;}
.tooltip_cont p {font-size:1.2rem; font-weight:600; line-height:1.8rem; color: #fff;}
.tooltip_cont p ~ p {margin-top:0.8rem;}

.tooltip_cont.short {left:-2.7rem;}
.tooltip_cont.short:after {left:3.27rem;}


/* 신분증 정보확인 */
.license_area {margin:3.5rem -2.4rem 4rem; padding:0 2.4rem;}
.license_area .inner {position:relative; overflow: hidden; border-radius:0.8rem; text-align: center; background:#f8f8fa;}
.license_area .inner img {max-width:100%; height:auto;}

.license_area.ready {position:relative; margin-top:3rem;}
.license_area.ready .inner {padding:0 1.8rem 0 4rem; background:none}
.license_area.ready .inner img {max-width:100%; height:auto;}

.license_area.ready:after {content:''; display:block; position:absolute; left:0; top:7%; width:90%; height:0.2rem; margin:0 5%; opacity:0.85; animation:scaning 5s infinite; animation-direction:alternate; animation-timing-function:ease-in-out; animation-delay:0.8s; background:url(../images/bg/license_line.png) center center / cover no-repeat;}
@keyframes scaning { 0%, 100% {top:7%;} 50% {top:76%}}

.noti {margin-top:3rem; padding-top:4rem; border-top:0.1rem solid #eee;}
.noti ul li {position:relative; padding-left:1.2rem; font-size:1.4rem; color:#404047; font-weight:600; line-height:2.3rem;}
.noti ul li:after {content:''; display:inline-block; position:absolute; left:0; top:0.8rem; width:0.4rem; height:0.4rem; border-radius:50%; background:#dfdfe8;}
.noti ul li ~ li {margin-top:1.2rem;}

.publish .inp {flex:1; margin-left: 1rem; position: relative;}
.publish .inp:first-child {flex:1.5; margin-left: 0;}
.publish .inp:after {content:''; display: inline-block; position: absolute; right:0.8rem; bottom:1.8rem; width:0.2rem; height:0.2rem; border-radius:50%; background:#333;}



/* 본인인증 */
.cert_bottom {position: fixed; left:0; bottom:3rem; width:100%; text-align:right;       /* padding-bottom:17rem; */}
/* .cert_bottom:after {content: ''; display: block; position: fixed; left:0; bottom:0; width:100%; height:13rem; background:url(../images/bg/lexus_cert_bottom.png) center center / cover no-repeat;} */
.cert_bottom a {display:inline-block; position: relative; padding:1rem 5.2rem 1rem 1rem; margin-right:2.3rem; font-size:2rem; font-weight:700; color:#111;}
.cert_bottom a:before {content: ''; display: inline-block; position: absolute; right:0; top:0.5rem; width:3.6rem; height:3.6rem; border-radius: 50%; background:#111;}
.cert_bottom a:after {content: ''; display: inline-block; position:absolute; right:1.5rem; top:1.8rem; z-index:1; width:1.6rem; height:0.65rem; animation:certi_arrow 2.5s infinite; animation-direction:alternate; animation-delay:1.2s; animation-timing-function:ease-in-out; background:url(../images/icon/round_arrw.svg) center center / cover no-repeat;}

@keyframes certi_arrow { 0%, 100% {right:1.5rem} 50% {right:0.6rem;} }
 
/* .cert_list {margin-top:4.5rem;}
.cert_list li {}
.cert_list li ~ li {margin-top:4rem;}
.cert_list li button {display:inline-block; position:relative;}
.cert_list li button span {position: relative; display:inline-block; padding-right:2.3rem; color:#8e8e9c; font-size:1.8rem; font-weight:600; transition:all 0.4s; background-position: right center;}
.cert_list li button.on span {color:#111; background:url(../images/icon/cert_check.svg) right center / 1.15rem 0.85rem no-repeat;}
.cert_list li p {display:none; margin-top:0.7rem; color:#404047; font-size:1.3rem; font-weight:500; line-height:1.9rem;}
.cert_list li:first-child p {display: block;} */

.cert_list {margin-top:3.5rem;}
.cert_list li {}
.cert_list li ~ li {margin-top:2.8rem;}
.cert_list li button {display:block; position:relative; width:100%; text-align: left; padding:1.6rem 1.6rem 1.8rem; color:#111;border-radius:1.6rem; border:0.2rem solid #dfdfe8}
.cert_list li button strong {display: block; font-size: 1.6rem; color:#9f9f9f;}
.cert_list li button .txt {display: block; margin-top: 1rem; font-size: 1.3rem; color: #afafaf;}
.cert_list li button.on { border:0.2rem solid #111}
.cert_list li button.on strong {color:#111;}
.cert_list li button.on .txt {color:#333;}


/* .cert_list li button.on::before {content: ''; display:inline-block; position: absolute; right:1.4rem; top:1.3rem; width:17px; height:13px; transition:all 0.2s; background:url(../images/icon/black_select.svg) center center / cover no-repeat;} */
.cert_list li button::before {content: ''; display:inline-block; position:absolute; right:1.4rem; top:1.3rem; width:20px; height:20px;}


.cert_list li button.on::before {content: ''; display:inline-block; position:absolute; right:1.4rem; top:1.3rem; width:20px; height:20px;}

.cert_list li button.phone::before {background:url(../images/icon/cert_phone_off.png) center center / cover no-repeat;}
.cert_list li button.card::before {background:url(../images/icon/cert_card_off.png) center center / cover no-repeat;}
.cert_list li button.cert::before {background:url(../images/icon/cert_sec_off.png) center center / cover no-repeat;}
.cert_list li button.on.phone::before {background:url(../images/icon/cert_phone_on.png) center center / cover no-repeat;}
.cert_list li button.on.card::before {background:url(../images/icon/cert_card_on.png) center center / cover no-repeat;}
.cert_list li button.on.cert::before {background:url(../images/icon/cert_sec_on.png) center center / cover no-repeat;}

.cert_list li button.sns::before {width: 65px; height:20px; background:url(../images/icon/cert_sns_off.png) center center / cover no-repeat;}
.cert_list li button.sns.on::before {width:65px; height:20px; background:url(../images/icon/cert_sns_on.png) center center / cover no-repeat;}






.info_btn {display:flex;}
/* .info_btn button {display:flex; height:2.8rem; padding:0 1.2rem; justify-content:center; align-items:center; font-size:1.1rem; color:#787884; font-weight:700; border-radius:2.8rem; border:0.1rem solid #efeff4; background:#fff;} */
.info_btn button {padding:0 0.2rem 0.1rem 0.2rem; font-size:1.1rem; color:#111; font-weight:700; border-bottom:0.1rem solid #333;}


/* 완료 */
.complate_icon {display: flex; justify-content:center;}
.complate_icon .inner {width:10.5rem;}
.complate_title {margin-top:1rem; text-align:center;}
.complate_title h1 {font-size:2.2rem; font-weight:700; color:#000; line-height:3.5rem;}
.comp_noti {margin-top:3.5rem; padding:1.7rem 0; line-height:2.4rem; text-align:center; font-size: 1.4rem; border-radius:1.8rem; font-weight:700; background:#f8f8fa;}
.comp_list {}
.comp_list li {line-height:2.2rem; font-size:1.3rem; color:#6b6b76; font-weight: 500;}
.comp_list li ~ li {margin-top:1.8rem;}

.time_pro .btn {width:11rem; margin-left: 1rem;}


/* NO PC */
.no_pc {display:flex; width:100%; height:100%; margin-top:-100px; justify-content:center; align-items:center; flex-direction: column;}
.nopc_text {font-size:34px; font-weight:700; text-align:center; line-height:40px;  mix-blend-mode: overlay;}



/* 필수,선택 동의서 확인 팝업 */
.agree_check_area {padding-bottom: 3rem;}
.agree_check_area .tag {position: absolute; left:0; top:0.3rem; font-size:1.2rem; font-weight:700; color:#6b6b76;}

.agree_check_area .area {position:relative; padding:0 1.2rem 1.8rem 3rem}
.agree_check_area .area ~ .area {padding-top:1.5rem; border-top:0.1rem solid #f8f8fa;}
.agree_check_area .area ~ .area .tag {top:1.8rem;}

.agree_check_area .area.essential .tag {color:#1169fc;}

.agree_check_area .tit {margin-bottom:1.3rem; line-height:2.2rem; font-size:1.4rem; font-weight:900; color:#111;}
.agree_check_area ul > li {}
.agree_check_area ul > li ~ li {margin-top:1.5rem;}
.adv_field {margin-top: 1rem;}
.adv_field .s_check {padding-top:0.1rem; font-size:1.2rem;}
.adv_field .s_check input {position: absolute; left:0; z-index: 1; width:1.6rem; height:1.6rem; top:0; opacity: 0;}
.adv_field label ~ label {margin-left:1.3rem;}

.terms_all_chk {display:flex; margin:0 -2.4rem; padding:1rem 2.4rem 2rem; justify-content:flex-end; align-items:center; border-top:0.1rem solid #f8f8fa;}
.terms_all_chk label {}
.terms_all_chk label span {display:flex; height:3.2rem; align-items:center; padding-right:4.3rem; color:#111; font-weight:700; font-size:1.5rem; background:url(../images/icon/agree_check.svg) right center / 3.2rem no-repeat;}
.terms_all_chk input[type=checkbox] {position:absolute; right:2.4rem; opacity:0.1; width:3.2rem; height:3.2rem; appearance:none;}
.terms_all_chk input[type=checkbox]:checked + span {color:#333; background:url(../images/icon/agree_check_on.svg) right center / 3.2rem no-repeat}


/* 에러페이지 */
.error_wrap {display: flex; height:100%; flex-direction: column; align-items: center; justify-content: center;}
.error {margin-top:-8rem;}
.error .inner.e404 {width:70%; margin:0 auto;}
.error_msg {display:block; margin-top:4rem; text-align:center; font-size: 1.8rem; font-weight: 700; line-height:2.9rem} 
.error_msg.e404 {margin-top:1rem;}
.error_msg_sub {text-align:center; margin-top:2rem; font-size: 1.4rem; font-weight: 500; line-height: 2.4rem;}


/* MB 공인인증서 가져오기 */
.joint_certificate_info {}
.joint_certificate_info li .num {display:inline-block; padding:0 1.2rem; height:2.4rem; line-height:2.6rem; text-align:center; font-size:1.2rem; color: #fff; border-radius: 2.4rem; font-family: 'nb'; background: #000;}
.joint_certificate_info li .tit {display: block; margin:1.8rem 0 1.5rem; font-size:1.6rem; line-height:2.5rem; color:#111; font-weight: 700;}
.joint_certificate_info li .sub {margin-top:-0.4rem; margin-bottom: 1.5rem; color: #6c6c6c; font-size: 1.3rem; font-weight: 700;}
.joint_certificate_info li ~ li {margin-top:5rem;}
.joint_certificate_info img {max-width:50%;}
.joint_certificate_info img.img100 {max-width:100%;}


/* PC 공인인증서 가져오기  */
.home_cert_wrap {position:relative; width:1100px; margin:150px auto 0; padding-bottom:250px}
.home_cert_wrap .two_logo {position: absolute; right:0; top:5px; text-align: right;}
.home_cert_wrap .two_logo img {width:74%}
.home_cert_wrap .tit {display:block; padding-bottom:35px; margin-bottom:60px; font-size:30px; font-weight:700; border-bottom:2px solid #000;}
.home_cert_wrap .tit.space {margin-top:180px;}

.cert_tab_head {}
.cert_tab_head ul {display: flex; width:100%; margin:18rem 0 10rem; justify-content:space-between; }
.cert_tab_head ul li {text-align: center; flex:1;}
.cert_tab_head ul li button {width:100%; height:7.5rem; font-size:1.8rem; font-weight: 600; border:1px solid #fff; border-bottom: 1px solid #111; }
.cert_tab_head ul li.on button {font-size:2rem; color: #fff; border:1px solid #111; background: #111;}

.cert_tab_head ul li:first-child button {border-radius: 1.6rem 0 0 0;}
.cert_tab_head ul li:last-child button {border-radius: 0 1.6rem 0 0;}

.tab_cont {display: none;}
.tab_cont.on {display:block;}
.max80p {max-width:80%; height:auto;}

.home_cert_list li {overflow: hidden;}
.home_cert_list li ~ li {padding-top:60px; margin-top:60px; border-top:1px solid #f3f3f3;}
.home_cert_list .th {float:left; width:345px;}
.home_cert_list .th p {font-size:24px; color:#000; font-weight: 700;}
.home_cert_list .td {float:left; width:calc(100% - 345px)}
.home_cert_list .td p {font-weight: 700; font-size: 16px; line-height:23px; color: #000;}
.home_cert_list .td p ~ p {margin-top:12px;}
.home_cert_list .td p.sub {color:#8d8d8d;}
.home_cert_list .label {display:inline-block; height:36px; line-height:36px; padding:0 16px; font-size:18px; font-weight:600; color:#fff; text-align:center; border-radius:36px; background:#000;}
.home_cert_list img {display: block; margin-top:25px;}
.home_cert_btn {height:60px; padding:0 40px; line-height:59px; color:#000; font-size:18px; font-weight:700; border-radius:60px; border:2px solid #000;}



/* 실제 소유자 확인서 */
.possession_list {}
.possession_list .title {margin-bottom:1.5rem; font-size:1.5rem; font-weight:700; color:#111;}
.possession_list > li ~ li {margin-top:3.5rem;}
.possession_list .choice_area > li ~ li {margin-top:2rem;}

.line_box {padding:2rem 1.4rem; border-radius:1.6rem; border:1px solid #dfdfe8;}



/* 약관 테이블 */
.table_last {border-bottom:1px solid #cbcbcb}

.right_list {display:flex; justify-content:space-between; align-items:flex-start; padding:1.8rem 0 3rem; border-top:1px solid #cbcbcb;}
.right_list .tit {width:32%; font-weight:700; color:#404047;}
.right_con {flex:1; text-align:right;}
.right_con > li:not(:first-child) {margin-top:2rem;}
.right_con .th {font-size:1.3rem; font-weight:600; color:#6b6b76;}
.right_con .td {line-height:2.2rem; font-size:1.5rem; font-weight:800; color:#111;}
.right_con .th + .td {margin-top:0.4rem;}
.right_con > li.line:before {content:''; display:block; position:absolute; left:2.4rem; width:calc(100% - 4.8rem); height:1px; background-color:#f2f2f2;}
.right_con > li.line .th {margin-top:2rem;}

.td_sub_text {display:block; font-size:1.2rem; line-height:2rem;}

.right_list.center {align-items:center; padding-bottom:1.8rem;}
.right_list.gray_back {padding:1.8rem 2rem; border-top:none; border-radius:0.8rem; background-color:#f8f8fa}
.right_list.gray_back .tit {color:#111}
.right_list.gray_back .right_con .td {font-weight:500;}
.right_list .big_money {font-size:1.8rem; color:#1169fc}



/* box */
.box {padding:2rem; border-radius:1.6rem; background-color:#f8f8fa;}
.box.no_bdr {margin:0 -2.4rem; padding:4rem 3.2rem; border-radius:0;}

.box + .box {margin-top:1rem;}

.box .tit {line-height:2.6rem; font-weight:600; color:#6b6b76;}
.box .txt {line-height:2.4rem; font-weight:600; color:#111;}
.box .txt.announce {padding-left:3.6rem; background:url(../images/icon/announce.svg) no-repeat left top 0.5rem; background-size:2.24rem}
.box > .tit + .txt {margin-top:1rem;}
.box .price {color:#6b6b76;}
.box .price .b {color:#000;}

.box.type1 .tit {font-weight:700; color:#000;}
.box.type1 .tit.tac {display:block;}
.box.type1 .tit i.pic_check_on {display: inline-block; position: relative; top:0.3rem; width:1.6rem; height:1.6rem; background:url(../images/common/s_check_on.svg) center center / 1.6rem no-repeat;}
.box.type1 .tit i.pic_check_off {display: inline-block; position: relative; top:0.3rem; width:1.6rem; height:1.6rem; background:url(../images/common/s_check.svg) center center / 1.6rem no-repeat;}
.box.type1 .txt {font-weight:400; color:#000;}

.box_list > li:not(:first-child) {margin-top:0.4rem;}


/* blt */
.blt.caution + .blt.num {margin-top:1.5rem;}

.blt.caution {position:relative; padding-left:1.8rem; font-weight:700; color:#6b6b76;}
.blt.caution span {position:absolute; top:50%; left:0; transform:translateY(-50%);}

.box .num_list {margin-top:1.5rem;}
.box .num_list > ol > li {font-size:1.3rem; font-weight: 700; color:#6b6b76;}


/* pop_title */
.pop_sub_title {display:block; font-size:2.2rem;}


/* 숫자리스트 */
.num_list {margin-top:2.4rem;}
.num_list > ol > li {position:relative; line-height:2.6rem; color:#000}
.num_list > ol > li ~ li {margin-top:1rem;}
.num_list > ol > li > span {position:absolute; left:0; top:0; letter-spacing:-0.1rem}
.num_list > ol > li > p {padding-left:2.2rem;}
.num_list > ol > li > .num_list {margin:1rem 0 0 2.2rem;}
.num_list > ol > li > .num_list ol li {line-height:2.2rem;}
.num_list.aos > ol > li {color:#404047; line-height: 2.5rem; font-weight: 600;}

/* 검은 도트 리스트 */
.sign_list.black > ul > li:before {content:'●'}

/* 약관 및 설명서 */
.margin_img_box {margin:0 -2.4rem; text-align: center; background: #f8f8fa;}
.margin_img_box img {max-width:100%;}

.chk_line_box {padding:1.9rem 0; margin-top:2rem; border-top:1px solid #d0d0db; border-bottom:1px solid #d0d0db;}
.chk_line_box .text {font-weight:700;}
.chk_line_box .text span {text-decoration:underline;}

.chk_img_box span {margin-left:1rem; padding-left:2.1rem; background:url(../images/icon/chk_img.png) no-repeat left center; background-size:1.2rem}
.chk_img_box p {margin-top:1.4rem;}

.reference_mark {display:block; position:relative; padding-left:2rem; line-height:2.6rem;}
.reference_mark:before {content:'※'; display:block; position:absolute; left:0; top:0;}
.reference_mark a {color:#1169fc; text-decoration:underline;}

.doc_wrap .gray_text {color:#6b6b76}

.doc_sub_title {margin:4.4rem 0 1rem; line-height:2.2rem; font-size:1.6rem; color:#000;}
.doc_sub_title.black_dot {margin-top:2.8rem;}
.doc_sub_title.black_dot span {display:block; width:2rem; height:2rem; margin-bottom:0.8rem; line-height:2.1rem; text-align:center; color:#fff; font-size:1.2rem; border-radius:50%; background-color:#111;}
.doc_sub_title.black_dot + .gray_title {margin-top:1.8rem;}
.doc_sub_title.line {display:block; padding-top:1.5rem; border-top:1px solid #000;}
.doc_sub_title2 {margin:3rem 0 2rem; font-size:1.5rem;}
.doc_sub_title3.dot {position:relative; padding-left:1.4rem; font-size:1.4rem;}
.doc_sub_title3.dot:before {content:''; display:block; position:absolute; top:50%; left:0; width:0.4rem; height:0.4rem; border-radius:50%; background-color:#6c6c6c; transform:translateY(-50%);}
.doc_sub_text {line-height:2.8rem; font-weight:400; font-size:1.4rem; color:#000}
.chk_title {display:block; position:relative; margin-top:4rem; padding-top:1.5rem; margin-bottom:2rem; font-size:1.5rem; font-weight:700;}
.chk_title::before {content:''; display:block; position:absolute; left:0; top:0; width:1.2rem; height:0.1rem; background-color:#b1b1b1;}
.doc_sub_text.big_bold {font-size:1.8rem; font-weight:700;}

.doc_wrap .pop_title + .doc_sub_title,
.doc_wrap .chk_title + .num_list,
.doc_wrap .doc_sub_title + .num_list {margin-top:0;}
.doc_sub_text + .doc_sub_text {margin-top:1rem;}
.doc_wrap .doc_sub_text + .sign_list {margin-top:2rem;}

.doc_wrap .sign_list > ul > li {padding-left:2rem; line-height:2.6rem; font-size:1.4rem;}
.doc_wrap .sign_list > ul > li:after {top:0rem;}

.gray_title_box {padding:1.6rem 0 1.9rem; line-height:2.8rem; text-align:center; color:#fff; font-weight:700; border-radius:0.8rem; background-color:#6b6b76}


/* 약관 그레이 박스 */
.gray_box {margin:2.5rem -2.4rem 0; padding:30px 25px; background-color:#f8f8fa;}
.gray_box_title {display:block; position:relative; padding-left:1.2rem; font-size:1.6rem;}
.gray_box_title:before {content:''; display:block; position:absolute; left:0; top:0.2rem; width:0.3rem; height:1.8rem; background-color:#cacad5;}

.gray_box .doc_sub_title {margin-top:2rem; font-size:1.4rem;}

.big_text {line-height:2.6rem; font-size:1.8rem; font-weight:700; font-size:1.6rem; font-weight:700;}
.gray_title {display:block; margin:3rem 0 1rem; font-size:1.6rem; font-weight:700; color:#6b6b76;}
.big_text + .doc_sub_text {margin-top:0.5rem;}

/* 스와이프 가이드 */
.swipe_guide {display: none; position: fixed; left:0; top:0; z-index:1000; width:100%; height:100%; padding:0 3rem; background:rgba(0,0,0,0.9); overflow: hidden;}

.swipe_guide strong {display:flex; justify-content:left; margin-top:7rem; margin-bottom:20rem; color: #fff; font-size:2.6rem; line-height:3.6rem; font-weight:600;}

.step_area {position: absolute; left:0; top:0; width:100%; height:100%; display: flex; padding-top:10rem; flex-direction: column; align-items: center; justify-content: center;}

.swipe_guide p {color:#fff; font-size: 1.6rem; font-weight:600; line-height: 2.5rem;}
.swipe_guide_close {position: absolute; right:0; top:0; z-index:100; width:100%; height:100%; color:transparent; font-size: 1px; background:url(../images/common/guide_x.svg) right 2rem top 2rem / 1.8rem no-repeat;}
.swipe_guide .step01 {display: flex; justify-content:center; align-items:center; flex-direction: column; margin-bottom:8rem;}
.swipe_guide .step01 p {text-align: center;}
.swipe_guide .step02 {display: flex; justify-content:center; flex-direction: column; align-items: center; text-align: center;}

.swipe_guide .step01 .in {width:17rem; position: relative;}
.swipe_guide .step02 .in {width:5.4rem; margin-bottom: 1.6rem;}