@charset "UTF-8";
@import url('reset.css');
@import url('fonts.css');

/* 공통 *****************************************************************************************************************************************************************************/
/* 헤더 */
header {position:fixed; top:0; left:0; padding:5px 2% 8px; display:flex; flex-wrap:wrap; justify-items:center; justify-content:center; width:100%; min-width:300px; text-align: center; background-color:#fff; z-index:500;}
header .logo_box {width:84px;}
header .logo_box a {display:block; padding-top:5px;}
header .logo_box a img {display:block; width:100%;}
header .main_tel {display:block; margin-left:auto; width:120px; height:40px; font-size:0; text-indent:-9999px; background:url(../img/common/1566-4660_header_num.png) no-repeat 0 0; background-size:100%;}
header .progressContainer {position:absolute; bottom:0; left:0; width:100%; height:5px; background-color:#333; z-index:9999;}
header .progressBar {width:11.1111%; height:100%; background-color:#ff7200; transition: width .2s ease-out; }


/* 풋터 */
.ft {position:relative; display:block; padding:2.4rem 1.8rem 6.5rem; width:100%; line-height:1.2; font-size:.95rem; color:#fff; background-color:#272727;}
.ft .terms_service a, .copyright {color:#999}
.ft .info li {display:flex; align-items:center; margin-bottom:.3rem;}
.ft .info li > * {color:#999; text-align:left; font-size:.8rem;}
.ft .info li span {display:block;}
.ft .info li strong::after {content:":"; margin:0 2px;}
.ft .info li span::after, .ft .terms_service a::after {content:""; display:inline-block; margin:-2px .5rem 0; width:1px; height:11px; vertical-align:middle; background-color:#999;}
.ft .info li span.wfull {width:calc(100% - 36px);}
.ft .info li span.nlin::after, .ft .terms_service a:last-child::after {position:absolute; left:-9999px; width:0; height:0;}
.ft .info li.li_wrap {flex-wrap:wrap;}
.ft .info li.li_wfull {align-items: normal;}
.ft .info li.li_wfull span {width:calc(100% - 36px);}
.ft .terms_service {margin:1rem 0; text-align:left;}
.ft .terms_service a {font-size:.8rem;}
.ft .copyright {text-align:left; font-size:.8rem;}


/* 버튼 */
.btn_mn {margin:0 auto; padding:0; display:block; width:520px; height:65px; line-height:65px; font-size:1.4rem; color:#fff; border-radius:50px; text-align:center; font-weight:700;
    background: linear-gradient(to bottom, #3e3e3e, #2b2b2b);
    text-shadow:4px 4px 6px rgba(0, 0, 0, .7);
    box-shadow: inset 3px 2px 9px rgba(255,255,255,0.4),
              inset -5px -5px 10px rgba(0,0,0,0.5),
              0 3px 12px rgba(0,0,0,0.2);
}
.btn_mn::after {content:""; display:inline-block; margin:0 0 0 .5rem; width:1.75rem; height:1.43rem; vertical-align:middle; background:url(../img/main/btn_mn_arr.png) no-repeat 0 0; background-size:100%;}
a.btn_mn:link, a.btn_mn:hover {color:#fff;}

.f_num {font-family:'GmarketSans',  '맑은 고딕', 'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif;}

/* 설명 */
.blind {position:absolute; top:-99999px; left:-99999px; font-size:0; text-indent:-999999999px;}


/* sub  *****************************************************************************************************************************************************************************/
.container {padding-top:50px;}
[class^='sc_panel_'] {padding:2.25rem 1.8rem;}
.t_caption {margin-bottom:26px; padding:0 18px; display:inline-block; min-width:auto; height:28px; line-height:28px; color:#fff; font-size:1em; font-weight:400; border-radius:30px; background-color:#ff2a33; letter-spacing:-1px;}
.t_em {color:#ff7200; font-weight:700; letter-spacing:-1.5px;}
.part {margin:0 auto; width:520px;}

/* section0 - 비쥬얼1 */
.sc_panel_0 {padding:2.76rem 1.8rem; position:relative; background-color:#fcfdfd; height:50rem; overflow:hidden;}
.sc_panel_0 img {position:absolute; left:50%; top:0; display:block; margin:0 auto; height:50rem; transform:translate(-50%, 0);}

/* 최대 혜택 상담 예약하기 */
.sc_panel_1 {background-color:#f3f3f3;}
.sc_panel_1 .speech_bubble {position:relative; margin:0 auto 1.866rem; padding:.35rem 0 .4rem; display:flex; width:17.3rem; align-items:center; justify-content:center; font-size:.85rem; font-weight:500; border:1px solid #000; border-radius:30px;}
.sc_panel_1 .speech_bubble em {padding:0 3px; font-weight:600;}
.sc_panel_1 .speech_bubble::after {content:""; position:absolute; left:50%; bottom:-9px; display:block; width:11px; height:10px; transform:translate(-50%, 0); background:url(../img/main/img_bubble_arr.png) no-repeat 0 0; background-size:100%;}
.sc_panel_1 .ico_desc_tel {display:block; margin-right:.4rem; margin-top:4px; width:.8rem; height:.9rem; background:url(../img/main/ico_desc_tel.gif) no-repeat 0 0; background-size:100%;}
.sc_panel_1 .topic {font-size:1.8rem; letter-spacing:-1px;}

.mm_info_object .frm_box, .mm_info_object .agree_box {margin:0 auto; width:32.5rem;}
.mm_info_object .frm_box {padding:1.5rem 2rem 1rem;}
.mm_info_object .frm_box #frm_name, .mm_info_object .frm_box #frm_name2 {margin-bottom:10px;}
.mm_info_object .frm_box input {width:100%; color:#000; border:1px solid #ccc; border-radius:8px;}
.mm_info_object .agree_box {padding:0 2rem 2rem;}
.mm_info_object .col_allchk, .mm_info_object .agree_grup .col {display:flex; align-items:center;}
.mm_info_object .agree_grup, .mm_info_object .agree_grups {padding:.5rem 0 0 0;}
.mm_info_object .agree_grup .col, .mm_info_object .agree_grups .col {margin:.8rem 0 0; width:100%;}
.mm_info_object .btn_toggle, .mm_info_object .agree_grup .col .btn_view {margin-left:auto;}
.mm_info_object .btn_toggle {position:relative; padding-right:1.1rem; font-size:.95rem; font-weight:400;}
.mm_info_object .btn_toggle::after {position:absolute; right:2px; top:7px; content:''; width:6px; height:6px; border-top:2px solid #000; border-right:2px solid #000; transform:rotate(-45deg); transition:.2s ease;}
.mm_info_object .btn_toggle.on::after {top:3px; transform:rotate(136deg);}
.col .btn_view {display:block; padding:.2rem .5rem; font-size:.85rem; border-radius:5px; font-weight:500; background-color:#cbcbcb;}
.sc_panel_1 .mm_info_object .submitBtn {margin:0 auto; padding:0; display:block; width:520px; height:65px; line-height:65px; font-size:1.4rem; color:#fff; border-radius:50px; text-align:center; font-weight:700;
    background: linear-gradient(to bottom, #3e3e3e, #2b2b2b);
    text-shadow:4px 4px 6px rgba(0, 0, 0, .7);
    box-shadow: inset 3px 2px 9px rgba(255,255,255,0.4),
              inset -5px -5px 10px rgba(0,0,0,0.5),
              0 3px 12px rgba(0,0,0,0.2);
}
.sc_panel_1 .mm_info_object .submitBtn::after {content:""; display:inline-block; margin:0 0 0 .5rem; width:1.75rem; height:1.43rem; vertical-align:middle; background:url(../img/main/btn_mn_arr.png) no-repeat 0 0; background-size:100%;}


/* 전체동의 체크박스 및 체크박스 스타일 */
.agree_grup {display:none;}
.agree_grups {display:none;}
.agree_allchk { font-weight:600;}
.agree_allchk, .chk_list {display:flex; align-items:center; cursor:pointer; user-select:none; font-size:.95rem;}
.agree_allchk input, .chk_list input {display:none;}
.chk_list .checkmark, .agree_allchk .checkmark {margin-top:2px; width:18px; height:18px; border:2px solid #a5a5a5; border-radius:30px; margin-right:5px; display:inline-block; position:relative; transition:background 0.3s, border-color 0.3s;}
.agree_allchk input + .checkmark::after,
.chk_list input + .checkmark::after {content:""; position:absolute; left:4px; top:2px; width:4px; height:6px; border:solid #a5a5a5; border-width: 0 2px 2px 0; transform: rotate(45deg);}
.agree_allchk input:checked + .checkmark,
.chk_list input:checked + .checkmark {border-color:#ff7200; background-color:#ff7200;}
.agree_allchk input:checked + .checkmark::after,
.chk_list input:checked + .checkmark::after {content:""; position:absolute; left:4px; top:2px; width:4px; height:6px; border:solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg);}
.chk_list {color:#575757; text-align:left; letter-spacing:-1.5px; font-weight:400;}
.chk_list .required {color:#dd3333;}

/* why? 최대 혜택의 비밀 */
.topic {font-size:2.58rem; font-weight:600; letter-spacing:-3px; font-family:'GmarketSans',  '맑은 고딕', 'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif;}
.topic em {display:block; margin-bottom:.5rem; font-size:1.9rem; font-family:'GmarketSans',  '맑은 고딕', 'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif;}
.sub_topic {margin:0 0 2.5rem; font-size:1.3rem; font-weight:400;}
.part .desc {font-size:1.06rem; text-align:center;}
.sc_panel_2 .part {padding:0 0 2.37rem;}
.sc_panel_2 .part .tit {display:flex; justify-content:center; align-items:center; height:2.76rem; font-size:1.37rem; font-weight:600; text-align:center; color:#fff; background-color:#ff7200;}
.sc_panel_2 .part .desc {font-size:1.06rem; text-align:center; font-weight:500; letter-spacing:-1.5px;}
.sc_panel_2 .part .desc em {font-weight:700;}
.sc_panel_2 .part .info {display:flex; gap:3%; margin:1.25rem 0 1.75rem;}
.sc_panel_2 .part .info li {padding:3.27rem .1rem .87rem; width:33.3%; font-size:.89rem; font-weight:500; background:#f7f7f7 url(../img/main/ico_info_li.png) no-repeat center 1rem; background-size:1.56rem 1.56rem;}
.sc_panel_2 .part .flow {margin:1.3rem 0 1.8rem; padding:0 .43rem; background-color:#f7f7f7;}
.sc_panel_2 .part .flow > * {display:flex; align-items:center; padding:1.43rem 1.18rem;}
.sc_panel_2 .part .flow > div strong {display:flex; justify-content:center; align-items:center; width:3.62rem; height:2.18rem; font-size:.75rem; color:#fff; font-weight:500; text-align:center; border-radius:5px;}
.sc_panel_2 .part .flow .another_company {border-bottom:1px solid #eaeaea;}
.sc_panel_2 .part .flow .another_company strong {background-color:#312f2f;}
.sc_panel_2 .part .flow .ssen_company strong {background-color:#ff7200;}
.sc_panel_2 .part .flow > div ul {display:flex; width:calc(100% - 4.5rem); align-items:center;}
.sc_panel_2 .part .flow > div ul li {position:relative; padding-left:.5rem; width:33.3%; font-size:.8125rem; font-weight:500; background:url(../img/main/ico_flow_arr.gif) no-repeat left 10px; background-size:.41rem;}
.sc_panel_2 .part .flow > div ul li.accession {background:transparent;}
.sc_panel_2 .part .flow > div ul li.payment {padding-right:0;}
.sc_panel_2 .part .flow > div ul li::before {content:""; display:block; margin:0 auto 5px; width:1.81rem; height:1.81rem; background:url(../img/main/ico_flow.png) no-repeat 0 0; background-size:1.81rem;}
.sc_panel_2 .part .flow > div ul li.accession::before {background-position:0 0;}
.sc_panel_2 .part .flow > div ul li.loan::before {background-position:0 -1.81rem;}
.sc_panel_2 .part .flow > div ul li.payment::before {background-position:0 -3.62rem;}
.sc_panel_2 .part.pbottom {padding:0 0 2.12rem;}

/* how? 최대 혜택의 비밀 */
.sc_panel_3 {background:url(../img/main/bg_sc_panel_3.jpg) no-repeat center; background-size:cover;}
.sc_panel_3 .topic, .sc_panel_3 .sub_topic, .sc_panel_3 .part .desc {color:#fff;}
.sc_panel_3 .part {padding:0 0 1.87rem;}
.sc_panel_3 .part ol {padding-top:1rem;}
.sc_panel_3 .part ol li {position: relative; margin-bottom:1.81rem; display:flex; justify-content:center; padding:1.1rem .5rem .9rem; min-height:4.75rem; font-weight:400; border:2px solid #fff; border-radius:50px;}
.sc_panel_3 .part ol li:last-child {margin-bottom:0;}
.sc_panel_3 .part ol li .num {position:absolute; left:50%; top:-1rem; display:block; width:1.87rem; height:1.87rem; line-height:1.95rem; color:#fff; font-size:.75rem; font-weight:600; border-radius:50px; background-color:#ff7900; transform:translate(-50%, 0);}
.sc_panel_3 .part ol li .ico {display:block; width:3.03rem; height:3.03rem; background:url(../img/main/ico_boon.png) no-repeat 0 0; background-size:3.03rem;}
.sc_panel_3 .part ol li .ico.boon1 {background-position:0 0;}
.sc_panel_3 .part ol li .ico.boon2 {background-position:0 -3.03rem;}
.sc_panel_3 .part ol li .ico.boon3 {background-position:0 -6.1rem;}
.sc_panel_3 .part ol li p {display:flex; align-items:center; justify-content:center; width:calc(100% - 4.5rem); color:#fff; font-size:.93rem; text-align:left; word-break:keep-all;}
.sc_panel_3 .part .desc {margin:2.12rem 0 0; font-weight:500;}
.sc_panel_3 .part .desc em {font-weight:700;}
.sc_panel_3 .btn_mn, .sc_panel_8 .btn_mn {color:#fff;
    background: linear-gradient(to bottom, #ffb226, #ff7900);
    text-shadow:2px 2px 7px rgba(0, 0, 0, .1);
    box-shadow: inset 3px 2px 9px rgba(255, 255, 255, 0.4),
              0 5px 12px rgba(0, 0, 0, 1);
}


/* Real? 쎈정보 선택 이유 */
.sc_panel_4 {background-color:#f3f3f3;}
.sc_panel_4 .review_item {position:relative; margin-bottom:1.31rem; padding:1.25rem 1.25rem 0.93rem; text-align:left; border-radius:10px; background-color:#fff; box-shadow:0 0 8px rgba(0, 0, 0, .05);}
.sc_panel_4 .review_item::after {content:""; position:absolute; right:1.56rem; bottom:-24px; display:block; width:0; height:0; border-top:12px solid #fff; border-bottom:12px solid transparent; border-right:10px solid transparent; border-left:10px solid transparent;}
.sc_panel_4 .review_item.last {margin-bottom:2rem;}
.lt::after {left:1.56rem; right:auto;}
.sc_panel_4 .review_item > * {font-family:'Pretendard', 'GmarketSans',  '맑은 고딕', 'Malgun Gothic', 'Apple SD Gothic Neo';}
.sc_panel_4 .review_item strong {display:block; margin-bottom:.62rem; color:#ff7200; font-size:1rem; font-weight:600;}
.sc_panel_4 .review_item p {line-height:1.4; font-size:0.85rem; font-weight:300;}
.sc_panel_4 .review_item span {position:absolute; right:.81rem; top:.5rem; font-size:.7rem; color:#656565;}
.sc_panel_4 .review_bottom {margin:0 auto; padding-top:16rem; width:520px; background:url(../img/main/img_contact_us.png) no-repeat center top; background-size:100%;}

/* hot! 쎈정보 특별상품 */
.sc_panel_5 {position:relative; overflow:hidden;}
.special_product_object {position:relative;}
.event_box {position:absolute; top:-1.5rem; right:-1rem; display:block; padding-top:1.6rem; width:6.6rem; height:6.6rem; transform:rotate(20deg); background:url(../img/main/img_special_product.png) no-repeat 0 0; background-size:100%;}
.event_box span {display:block; width:100%; color:#fff; font-size:.8rem; font-weight:400;}
.event_box strong {color:#fff; font-size:1.4rem; font-weight:600;}
.event_box strong em {display:block; color:#fff; font-size:1.12rem; font-weight:600;}
.product_box {padding:1.9rem 1.6rem; border:1px solid #dbdbdb; border-radius:10px; background-color:#f3f3f3; overflow:hidden;}
.product_box .desc {margin-bottom:.8rem; font-size:1.1rem; text-align:left; line-height:1.3; font-weight:500;}
.product_box .t_em {font-size:1.8rem; font-weight:7600; text-align:left; font-family:'GmarketSans',  '맑은 고딕', 'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif;}
.product_box .li_product {margin:1.5rem 0 1rem;}
.product_box .li_product li {position:relative; padding:1rem 0 1rem  3.3rem; font-size:1.1rem; border-top:1px solid #e7e7e7; text-align:left; font-weight:400;}
.product_box .li_product li::before {content:""; position:absolute; left:0; top:50%; display:block; width:2.5rem; height:2.5rem; transform:translate(0, -50%); background:url(../img/main/ico_li_product.png) no-repeat 0 0; background-size:2.5rem;}
.product_box .li_product li.ico1::before {background-position:0 0;}
.product_box .li_product li.ico2::before {background-position:0 -2.5rem;}
.product_box .li_product li.ico3::before {background-position:0 -5rem;}
.product_box .li_product li.ico1 p {font-size:.7rem;}
.product_box .bottom_total {margin:0 -1.6rem -1.9rem; padding:1rem 0 .7rem; background-color:#ff7200;}
.product_box .bottom_total span {color:#fff; font-size:1rem; font-weight:600;}
.product_box .bottom_total span del {padding-right:3%; color:#fff; font-weight:400; opacity:.5;}
.product_box .bottom_total strong {color:#fff; font-size:2rem; font-weight:600; font-family:'GmarketSans',  '맑은 고딕', 'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif;}
.txt_explanation {margin:1.12rem 0 2.1rem; font-size:.8rem; color:#a0a0a0; text-align:center;}


/* swiper 슬라이드 */
.sc_panel_6 {background-color:#f3f3f3;}
.sc_panel_6 .part {position:relative;}
.sc_panel_6 .swiper {margin-bottom:4.25rem; width:100%; height:100%;}
.sc_panel_6 .swiper-slide {position:relative; padding:1.8rem; display:block; text-align:center; font-size:18px; border-radius:10px; background-color:#ff7200; box-shadow:0 3px 11px rgba(0, 0, 0, .02);}
.sc_panel_6 .swiper-slide .importance {position:absolute; top:0; left:0; display:block; width:4.5rem; height:2rem; line-height:2rem; font-size:.8rem; color:#000; font-weight:600; border-radius:10px 0 10px 0;
    background: #FDC01D;
    background: -webkit-linear-gradient(63deg,rgba(253, 192, 29, 1) 0%, rgba(241, 231, 78, 1) 100%);
    background: -moz-linear-gradient(63deg,rgba(253, 192, 29, 1) 0%, rgba(241, 231, 78, 1) 100%);
    background: linear-gradient(63deg,rgba(253, 192, 29, 1) 0%, rgba(241, 231, 78, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(
    startColorstr="#FDC01D",
    endColorstr="#F1E74E",
    GradientType=0
    );
}
.sc_panel_6 .txt_explanation {margin:.5rem 0 0; color:#fff; opacity:.7;}

.sc_panel_6 .swiper-slide .tit {display:block; margin-bottom:.43rem; font-size:1.2rem; color:#fff; text-align:center; font-weight:600;}
.sc_panel_6 .swiper-slide .desc {font-size:.81rem; text-align:center; color:#fff;}
.sc_panel_6 .swiper-slide .boon {margin:1.58rem auto 1.47rem; width:85%;}
.sc_panel_6 .swiper-slide .boon li {display:flex; align-items:center; padding:.6rem 1.8rem; font-size:.9rem; text-align:left; border-radius:50px; background-color:#fff;}
.sc_panel_6 .swiper-slide .boon li:first-child {margin-bottom:.5rem;}
.sc_panel_6 .swiper-slide .boon li::before {content:""; display:inline-block; margin:-2px .8rem 0 0; width:1.4rem; height:1.3rem; vertical-align:middle; background:url(../img/main/ico_li_boon.png) no-repeat 0 0; background-size:1.3rem;}
.sc_panel_6 .swiper-slide .boon li.ico1::before {background-position:0 0;}
.sc_panel_6 .swiper-slide .boon li.ico2::before {background-position:0 -1.3rem;}
.sc_panel_6 .swiper-slide .monthly {display:flex; align-items:center; justify-content:center;}
.sc_panel_6 .swiper-slide .monthly span {padding-right:.6rem; font-size:.9rem; color:#fff; text-decoration:line-through; opacity:.5;}
.sc_panel_6 .swiper-slide .monthly strong {font-size:1.25rem; color:#ffff; font-weight:600;}
.sc_panel_6 .swiper-button-next, .sc_panel_6 .swiper-button-prev {top:18.5rem !important; width:1.7rem !important; height:1.7rem !important; color:#000 !important; border-radius:50px; background-color:#fff !important; z-index:1 !important; box-shadow:0 0 5px rgba(0, 0, 0, .1);}
.sc_panel_6 .swiper-button-next:after, .sc_panel_6 .swiper-button-prev:after {font-size:.95rem;}
.sc_panel_6 .swiper-button-prev, .sc_panel_6 .swiper-rtl .swiper-button-next {left: var(--swiper-navigation-sides-offset, -10px);}
.sc_panel_6 .swiper-button-next, .sc_panel_6 .swiper-rtl .swiper-button-prev {right: var(--swiper-navigation-sides-offset, -10px);}
.sc_panel_6 .swiper-pagination {left:50% !important; bottom:-2rem !important; transform: translate(-50%, 0%) !important; z-index:0 !important;}
.sc_panel_6 .swiper-pagination-bullet {width:.6rem !important; height:.6rem !important; background-color:#dadada !important; opacity:1 !important;}
.sc_panel_6 .swiper-pagination-bullet-active {background-color:#848484 !important;}

/* Promotion! 96만원 추가 혜택 */
.sc_panel_7 .part {margin-bottom:2.1rem; padding:19.5rem 1.2rem 2.2rem; border-radius:10px; background:#f3f3f3 url(../img/main/img_promotion_01.png) no-repeat center 2rem; background-size:16rem;}
.sc_panel_7 .part .desc {font-size:1.06rem; font-weight:500;}
.sc_panel_7 .part .sub_topic {margin:0 auto; padding:1.52rem 5rem 1.52rem 0; width:17rem; font-size:2.1rem; font-weight:600; font-family:'GmarketSans', '맑은 고딕', 'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif; background:url(../img/main/img_promotion_02.png) no-repeat right center; background-size:4.75rem}
.sc_panel_7 .part .sub_topic em {font-family:'GmarketSans', '맑은 고딕', 'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif;}
.sc_panel_7 .part .txt_explanation {margin:0 auto; color:#000; text-align:center;}

/* 쎈정보 고객센터 자동연결 */
.sc_panel_8 {background:url(../img/main/img_custome_link.png) no-repeat center; background-size:cover;}
.sc_panel_8 .desc {font-size:1.12rem; font-weight:400; color:#fff;}
.sc_panel_8 .desc::before, .sc_panel_8 .desc::after {content:""; display:inline-block; vertical-align:middle; width:2px; height:16px; background-color:#fff;}
.sc_panel_8 .desc::before {margin:-2px .7rem 0 0;}
.sc_panel_8 .desc::after {margin:-2px 0 0 .7rem;}
.sc_panel_8 .desc em {font-weight:600; color:#fff;}
.sc_panel_8 .txt_ssen {margin:1.18rem auto 2rem; width:14.4rem; height:4.6rem; font-size:0; text-indent:-99999px; background:url(../img/main/img_ssen_custome.png) no-repeat 0 0; background-size:100%;}
.sc_panel_8 .txt_tel {display:block; margin-bottom:2rem; font-size:2.9rem; font-weight:600; color:#fff; font-family:'GmarketSans',  '맑은 고딕', 'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif;}



/* 퀵메뉴 */
.quick_menu_box {position:fixed; right:1rem; bottom:5rem; z-index:2;}
.quick_menu_box a {display:block; padding-top:7px; width:3rem; height:3rem; font-size:.7rem; border-radius:50px; box-shadow:0 0 5px 5px rgba(0, 0, 0, .05);}
.quick_menu_box a.btn_inquiry {margin-bottom: .5rem; color:#fff; background-color:#ff7200;}
.quick_menu_box > a.btn_top {background-color:#fff;}
.quick_menu_box > a::before {content:""; display:block; margin:0 auto 2px; width:1.25rem; height:1.25rem; background:url(../img/main/ico_quick_menu.png) no-repeat 0 0; background-size:1.25rem; }
.quick_menu_box a.btn_inquiry::before {background-position:0 0;}
.quick_menu_box a.btn_top::before {background-position:0 -1.25rem;}
.quick_menu_box .flow_updown_box a {position:relative; margin-bottom:.5rem; padding:0; font-size:0; text-indent:-9999px; background:#fff; background-size:3rem; opacity:.5;}
.quick_menu_box .flow_updown_box a::after {position:absolute; right:17px; top:20px; content:''; width:.6rem; height:.6rem; border-top:2px solid #000; border-right:2px solid #000; transform:rotate(-45deg); transition:.2s ease; opacity:.5;}
.quick_menu_box .flow_updown_box a.btn_sec_down:after  {top:16px; transform:rotate(136deg);}

/* 모달 배경 */
.modal_overlay {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color: rgba(0, 0, 0, 0.5); z-index:999;}
/* 모달 팝업 */
.modal_popup {display:none; position:fixed; top:50%; left:50%; padding:1.5rem 0; width:430px; z-index:1000; box-shadow:0 5px 15px rgba(0,0,0,0.3); border-radius:30px;  transform:translate(-50%, -50%); background-color:#fff; box-shadow: 0 5px 15px rgba(0,0,0,0.3); z-index: 1000;}
.modal_content {padding:0 1.1rem; text-align:center;}
.modal_bottom {padding:0 1.3rem;}
.modal_bottom.flexs {display:flex; gap:2%}
.modal_bottom a, .mm_info_object .modal_bottom button.submitBtn {display:block; width:100%; height:50px; line-height:50px; font-size:1.1rem; font-weight:600; color:#fff; text-align:center; border-radius:30px;}
.modal_bottom.flexs a {width:100%;}
.mm_info_object .modal_bottom button.submitBtn  { background:#ff7200; order:2;}
.modal_bottom a.btn_close { background-color:#1c1c1c; order:1;}
a.btn_pup_tel {display:block; margin:0 1.3rem; height:55px; line-height:55px; font-size:1.3rem; color:#fff; border-radius:10px; background-color:#ff7200;}
a.btn_pup_tel::before {content:""; display:inline-block; margin:-2px .3rem 0 0; width:2rem; height:2rem; vertical-align: middle; background:url(../img/main/ico_pup_tel.png) no-repeat 0 0; background-size:2rem;}
.modal_popup .mm_info_object .frm_box {padding:1.5rem 1.3rem 1rem; width:100%;}
.modal_popup .mm_info_object .agree_box {padding:0 1.3rem 2rem; width:100%;}
.modal_popup.show {visibility:visible;}
body.modal_open {position: fixed; width:100%;}

/* 모달 전체동의 */
.modal_content .item_flex {padding:0 0 1rem;}
.modal_content .item_flex .item:first-child {margin-bottom:10px;}
.modal_content .item_flex .item input {width:100%; color:#000; border:1px solid #ccc; border-radius:8px;}
.modal_content .agree_box {padding:0 0 2rem;}
.modal_content .col_allchk, .mm_info_object .agree_grups .col {display:flex; align-items:center;}
.modal_content .agree_grups {padding:.5rem 0 0 0;}
.modal_content .agree_grups .col {display:flex; margin:.8rem 0 0; width:100%;}
.modal_content .btn_toggle, .mm_info_object .agree_grups .col .btn_view {margin-left:auto;}
.modal_content .btn_toggle {position:relative; padding-right:1.1rem; font-size:.95rem; font-weight:500;}
.modal_content .btn_toggle::after {position:absolute; right:2px; top:7px; content:''; width:6px; height:6px; border-top:2px solid #000; border-right:2px solid #000; transform:rotate(-45deg); transition:.2s ease;}
.modal_content .btn_toggle.on::after {top:3px; transform:rotate(136deg);}
.modal_content .agree_grups .col .btn_view {display:block; margin-left:auto; padding:.2rem .5rem; font-size:.85rem; border-radius:5px; font-weight:500; background-color:#cbcbcb;}

/* 이메일 무단 수집 거부 */
#modalPopupAgree3 .scroll_box {height:auto;}

/* 스크롤바의 폭 너비 */
.scroll_box {margin-bottom:2rem; height:55vh;}
.simplebar-scrollbar:before {background-color: rgba(0,0,0,0.5); border-radius:3px;}
/* 스크롤바 폭 */
.simplebar-scrollbar {width:6px; height:6px;}

/* 개인정보 취급방침/마케팅 정보 수신 동의 */
.terms {margin:.2rem 0 1.5rem; font-size:1.05rem; font-weight:bold; color:#3d3d3d;}
.sub_terms {font-weight:500; color:#3d3d3d; text-align:left;}
.caption_cont {padding-top:2rem; text-align:left; color:#3d3d3d;}
.caption_cont .caption {margin-bottom:1rem; font-size:.95rem; font-weight:700; color:#3d3d3d;}
.caption_cont .desc {margin-bottom:1rem; font-size:.9rem; font-weight:400; color:#3d3d3d;}
.caption_cont .sub_topic {margin-bottom:1rem; padding-left:8px; font-size:.9rem;  font-weight:600; text-indent:-8px;}
.caption_cont .sub_topic::before {content:""; display:inline-block; margin:-2px 5px 0 0; width:3px; height:3px; border-radius:30px; vertical-align:middle; background-color:#3d3d3d;}
.caption_cont .sub_num_topic {margin-bottom:.2rem; padding-left:8px; font-size:.9rem;  font-weight:600; text-indent:-8px;}
.caption_cont .dt_info {padding-left:1rem; display:flex; flex-wrap:wrap;}
.caption_cont .dt_info > * {margin-bottom:1rem; font-size:.9rem; font-weight:400;}
.caption_cont .dt_info dt {width:5.5rem;}
.caption_cont .dt_info dd {padding-left:18px; width:calc(100% - 5.5rem); text-indent:-7px;}
.caption_cont .dt_info dd::before {content:"/"; display:inline-block; margin:-3px 7px 0 0; font-size:.9rem; vertical-align:middle; color:#3d3d3d;}
.caption_cont .info_notice {padding-left:15px; display:block; font-weight:400; text-indent:-15px;}
.caption_cont .info_notice.plt {padding-left:35px;}
.caption_cont .li_desc {margin-bottom:1rem; padding-left:15px;}
.caption_cont .li_desc li {padding-left:6px; text-indent:-6px; font-weight:400;}
.caption_cont .li_desc li::before {content:""; display:inline-block; margin:-2px 5px 0 0; width:2px; height:2px; border-radius:30px; vertical-align:middle; background-color:#3d3d3d;}
.br1, .br2 {display:block;}

/* 하단 빠른전화 상담 */
a.btn_fiex_tel {position:fixed; bottom:0; left:0; right:0; height:4rem; line-height:4rem; font-size:1.43rem; font-weight:600; color:#fff; text-align:center; background-color:#ff232f; z-index:1;}
a.btn_fiex_tel::before {content:""; display:inline-block; margin:-2px 5px 0 0; width:1.9rem; height:1.9rem; vertical-align:middle; background:url(../img/main/ico_fiex_tel.png) no-repeat 0 0; background-size:100%;}


/* 미디어쿼리  *****************************************************************************************************************************************************************************/
@media (max-width: 1024px) {

}
@media (max-width:600px) {
    .sim_img {margin:0 auto; width:95%;}
    .modal_popup {width:90%;}
    .br2 {display:inline;}
    .sc_panel_0 {background-color:#fcfdfd; height:153vw;}
    .sc_panel_0 img {display:block; margin:0 auto; height:100%;}
    .btn_mn, .sc_panel_4 .review_bottom {width:100%;}
    .mm_info_object .frm_box, .sc_panel_1 .mm_info_object .submitBtn, .mm_info_object .agree_box {width:100%;}
    [class*='sc_panel_'] .part {width:100%;}
    .sc_panel_4 .review_bottom {padding-top:42vw;}

    .ft .info li {flex-wrap:wrap; margin-bottom:0;}
    .ft .info li > * {margin-bottom:.3rem;}
    .ft .info li span {width:calc(100% - 75px);}
    .ft .info li span::after {position:absolute; left:-9999px; width:0; height:0}
    .ft .info li span.sfull {width:calc(100% - 110px);}
    
}
@media (max-width:390px) {
    .br1 {display:inline;}
    .sc_panel_7 .part .txt_explanation br {display:none;}
    .sc_panel_6 .swiper-slide .desc, .txt_explanation, .product_box .li_product li {letter-spacing:-1px;}
    .sc_panel_7 .part .desc {letter-spacing:-1px;}
    .ft .terms_service a:last-child {display:block; margin-top:.3rem;}
}
@media (max-width:345px) {
    .sc_panel_1 .speech_bubble {width:18.5rem;}
    .sc_panel_2 .part .desc {letter-spacing:-1.5px;}
    .sc_panel_0 {height:150vw;}
    .sc_panel_7 .topic {letter-spacing:-4px;}
    .sc_panel_7 .part .sub_topic {padding-right:23vw; width:100%;}
    .sc_panel_6 .swiper-slide .boon li {padding:.6rem .5rem .6rem 1rem;}

}