@charset "UTF-8";

@font-face {
    font-family:"jalnan";
    src:url(../fonts/JalnanOTF.eot);
    src:local(※),
    url(../fonts/JalnanOTF.woff) format("woff");
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder { /* WebKit browsers */
    color:transparent;
}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:transparent;
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:transparent;
}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:transparent;
}


* {padding:0; margin:0; border:0;}
a {text-decoration: none;}
a:visited {text-decoration: none;}

h2.subTitle {display:none;}

.allWrap {font-family:Noto Sans KR;}

.topLogoArea {position:fixed; top:0; left:0; width:100%; font-size:0; padding-top:20px; padding-bottom:20px; z-index:10;}
.topLogoArea > div {display:inline-block; width:50%; box-sizing:border-box; vertical-align: middle;}
.topLogoArea .logoCell {padding-left:20px;}
.topLogoArea .logoCell h1 {display:none;}
.topLogoArea .logoCell img {width:45vw;}
.topLogoArea .btnCell {text-align:right; padding-right:20px;}
.topLogoArea .btnCell img {width:40vw;}
.topLogoArea.on {background-color:#f0f0f0;}

.contArea .contImg {display:block; width:100%;}

.contArea .contText {position:absolute; left:0; top:95vw; width:100%; font-size:30px; color:#333333; text-align:center; font-weight:700; letter-spacing: -4px; line-height: 45px;}
.contArea .contText span {color:#ff8a00}

.exPrice {position:absolute; display:inline-block; right:18vw; font-size:4vw; font-weight:500;}
.exPrice1 {top:calc(100% * 0.255);}
.exPrice2 {top:calc(100% * 0.365);}
.exPrice3 {top:calc(100% * 0.48);}
.exPrice4 {top:calc(100% * 0.59);}
.exPrice5 {top:calc(100% * 0.702);}
.exPrice6 {top:calc(100% * 0.813);}

.mainFormWrap {padding:0 20px; background-color:#f8f9fc;}
.mainFormArea {border-radius:30px; padding:35px 20px; box-sizing:border-box; background-color:#e3ddd5;}
.mainFormArea .mainTextCell {font-size:28px; color:#1f1f1f; font-family:jalnan; letter-spacing: -2px; text-align:center; margin-bottom:15px;}
.mainFormArea .mainTextCell .color1 {color:#6840ff;}
.mainFormArea .mainTextCell .color2 {color:#01a662;}
.mainFormArea .mainTextCell .color3 {color:#000000;}
.mainFormArea .txts {font-size:13px; color:#000000; font-weight:300; letter-spacing: -1px; text-align:center;}
.mainFormArea .subTextCell {font-size:20px; color:#1f1f1f; letter-spacing: -2px; font-weight:700; text-align:center; margin-bottom:25px;}
.mainFormArea .subTextCell span {color:#6840ff;}
.mainFormArea .inputWrap {padding:10px 20px; border-radius:30px; margin-bottom:15px; background-color:#ffffff;}
.mainFormArea .inputWrap input[type=text] {color:#8f8f8f; font-size:18px; font-weight:500;}
.mainFormArea .inputWrap input[name=name] {width:100%; box-sizing: border-box;}
.mainFormArea .inputWrap input.phoneInput {width:calc(100% - 100px);}
.mainFormArea .inputWrap select {width:75px; color:#8f8f8f; font-size:18px; font-weight:500; background-color:#ffffff;}
.mainFormArea .inputInfoTextCell {color:#1f1f1f; font-size:15px; font-weight:500; text-align:center; letter-spacing: -1px; margin-bottom:7px;}
.mainFormArea .inputInfoTextCell .txts {color:#000000; font-size:11px;text-align:center; letter-spacing: -1px; margin-bottom:7px;}
.mainFormArea .inputInfoTextCell .btnViewPolicy {display:inline-block; font-size:13px; color:#ffffff; padding:3px 10px; cursor:pointer; background-color:#000000;}
.mainFormArea .btnCompare {display:block; width:280px; font-size:22px; color:#ffffff; margin:0 auto; font-weight:700; text-align:center; letter-spacing: -2px; padding:10px; margin-top:25px; border-radius:50px; cursor:pointer; background-color:#1f1f1f;}



.slideWrap {padding:0 20px; padding-bottom:30px; background-color:#45444a;}
.slideWrap .stepButtonArea {position:relative; font-size:0; text-align:center; margin-bottom:15px;}
.slideWrap .stepButtonArea > div {display:inline-block; width:32%; vertical-align: middle;}
.slideWrap .stepButtonArea > div:nth-of-type(1) {margin-right:2%;}
.slideWrap .stepButtonArea > div:nth-of-type(2) {margin-right:2%;}
.slideWrap .stepButtonArea > div > img {width:100%;}
.slideWrap .stepButtonArea > div > .onBtn {display:none;}
.slideWrap .stepButtonArea .stepArrow {position:absolute; width:30px; height:30px; top:50%; margin-top:-15px;}
.slideWrap .stepButtonArea .stepArrow.arrow1 {left:33%; margin-left:-15px;}
.slideWrap .stepButtonArea .stepArrow.arrow2 {left:67%; margin-left:-15px;}
.slideWrap .slideArea {position:relative;}
.slideWrap .slideArea .swiper-slide img {width:100%;}
.slideWrap .slideArea .arrowBtn {position:absolute;  top:50%; margin-top:-25px; z-index:10;}
.slideWrap .slideArea .arrowBtn img {width:50px; height:50px;}
.slideWrap .slideArea .swiperButtonNext {right:-20px;}
.slideWrap .slideArea .swiperButtonPrev {left:-20px;}
.slideWrap .btnCell {text-align:center;}
.slideWrap .btnCell img {width:60%;}

.noticeArea {font-family:Noto Sans KR; margin:0 auto; padding:30px 20px;}
.noticeArea .titleCell {font-size:28px; color:#1f1f1f; font-weight:800; text-align:center; margin-bottom:20px;}
.noticeArea .titleCell img {height:32px; vertical-align: middle;}
.noticeArea .titleCell_01 {font-size:14px; color:#ff3636; font-weight:500;}
.noticeArea ul {list-style:none;}
.noticeArea ul li {font-size:13px; color:#515151; font-weight:300; letter-spacing: -1px;}
.noticeArea ul li span {display:inline-block; width:10px;}

.noticeArea .titleCell_s {font-size:20px; color:#1f1f1f; font-weight:700; margin-top:20px;}
.noticeArea .check {font-size:13px; color:#555555; font-weight:400; margin-top:20px;}

.footerArea {padding:40px 0; font-size:0; font-weight:300; background-color:#3c3c3c;}
.footerArea .contWrap > div {display:inline-block; vertical-align: middle;}
.footerArea .logoCell {}
.footerArea .companyInfoCell {font-size:14px; color:#888888; text-align:center;}
.footerArea .companyInfoCell .col {display:inline-block; margin:0 10px;}
.footerArea .companyInfoCell .col span {font-weight:800;}
.footerArea .companyInfoCell span.bold {font-weight:800;}
.footerArea .companyInfoCell .col.btnPrivacy {cursor:pointer; margin-bottom:20px; padding:5px 10px; border:solid 1px #888888;}
.footerArea .companyInfoCell a {color:#888888;}
.footerArea .logoCell {text-align:center; margin-top:20px;}
.footerArea .logoCell img {width:35%;}

#privacyPopup {display:none; position:fixed; width:100%; height:100%; top:0; left:0; z-index:20; background-color:rgba(0,0,0,0.7);}
#privacyPopup .contWin {position:relative; width:90%; height:85%; font-family:Noto Sans KR; padding:10px; box-sizing:border-box; margin:0 auto; margin-top:40px; background-color:#ffffff;}
#privacyPopup .contWin .scrollWrap {height:calc(100% - 90px); overflow-y: auto;}
#privacyPopup .contWin .btnClosePopup {position:absolute; width:40px; height:40px; right:0; top:-41px; cursor:pointer;}
#privacyPopup .contWin input[type=checkbox] {width:18px; height:18px; border:solid 1px #91989a; vertical-align: middle; margin-bottom:3px; background-color:#ffffff;}
#privacyPopup .contWin .agreeAllCell {font-size:13px; font-weight:700; padding-bottom:5px;}
#privacyPopup .contWin .agreeAllCell span {margin-right:10px;}
#privacyPopup .contWin .popupTitle {font-size:16px !important; color:#000000; font-weight:700; text-align:center; margin-bottom:10px; letter-spacing: -1px;}
#privacyPopup .contWin .privacyInfoText {font-size:11px; margin-bottom:10px; line-height:15px;}
#privacyPopup .contWin .agreeContWrap {border-top:solid 2px #6a6a6a; border-bottom:solid 1px #b3b3b3; padding:5px 0; margin-bottom:5px;}
#privacyPopup .contWin .agreeContWrap .agreeBox {margin-bottom:10px;}
#privacyPopup .contWin .agreeContWrap .agreeBox:last-child {margin-bottom:0;}
#privacyPopup .contWin .agreeContWrap .agreeBox .titleCell {font-size:12px; font-weight:500; margin-bottom:5px; letter-spacing: -1px;}
#privacyPopup .contWin .agreeContWrap .agreeBox .titleCell span {color:#31b9ff;}
#privacyPopup .contWin .agreeContWrap .agreeBox .titleCell span.checkCell {color:#333333; font-weight:normal; margin-left:10px;}
#privacyPopup .contWin .agreeContWrap .agreeBox .agreeTextCell {height:40px; font-size:11px; font-weight:300; padding:5px; overflow-y: auto; letter-spacing: -1px; border:solid 1px #cccccc; margin-bottom:5px;}
#privacyPopup .contWin .agreeContWrap .agreeBox .agreeTextCell .bold {font-weight:500;}
#privacyPopup .contWin .agreeContWrap .agreeBox .agreeTextCell .indent {display:inline-block; width:10px;}
#privacyPopup .contWin .agreeContWrap .agreeBox .checkCell {font-size:12px; line-height:15px;}
#privacyPopup .contWin .btnConfirm {width:100px; font-size:15px; color:#ffffff; text-align:center; border-radius:20px; margin:0 auto; margin-top:10px; padding:5px 15px; background-color:#000000;}

.completeContArea img {display:block; width:100%;}

.privacyArea {padding-top:75px; padding-bottom:30px; padding-left:15px; padding-right:15px; background-color:#f0f0f0;}
.privacyArea .pageTitle {font-size:18px; font-weight:700; margin:0 auto; margin-bottom:20px;}
.privacyArea .contArea {margin:0 auto; padding:15px; box-sizing: border-box; background-color:#ffffff;}
.privacyArea .contArea .titleCell {font-size:16px; font-weight:500; text-align:center; margin-bottom:30px;}
.privacyArea .contArea .contTextCell {font-size:15px; font-weight:300;}
.privacyArea .contArea .contTextCell span {font-weight:500;}