/* 초기화 */
html {overflow-y:scroll;overflow-x:hidden;font-size:10px}
body {margin:0;padding:0;font-size:1.6rem;font-family:'Pretendard', sans-serif;color:#222;font-weight:400;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-weight:normal}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul,ol,dl,dt,dd {margin:0;padding:0;list-style:none}
em,i,address{font-style:normal;font-weight:normal}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select{vertical-align:middle}
img{max-width:100%;vertical-align:top}
input, button {margin:0;padding:0;}
input,textarea {-webkit-appearance: none;-webkit-border-radius: 0;}
input, select, textarea{border-radius:0;}
input[type="checkbox"] {-webkit-appearance:checkbox; -moz-appearance:checkbox;}
input[type="radio"] {-webkit-appearance:radio; -moz-appearance:radio;}
input[type="submit"] {cursor:pointer;}
table{border-collapse:collapse;}
button {cursor:pointer;font-family:'Pretendard', sans-serif;}
legend,caption{display:none;clear:both}
input,textarea,select,button,table{font-size:inherit;font-family:inherit;line-height:inherit}
select {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
select::-ms-expand { display: none; }
label{cursor:pointer}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:inherit;text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}


@font-face {
    font-family:'NanumBarunGothic';
    src: url('/css/fonts/NanumBarunGothicBold.eot');
    src: url('/css/fonts/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/NanumBarunGothicBold.woff') format('woff'),
         url('/css/fonts/NanumBarunGothicBold.ttf') format('truetype');
    font-weight: 700;
}

@font-face {
    font-family:'NanumBarunGothic';
    src: url('/css/fonts/NanumBarunGothic.eott');
    src: url('/css/fonts/NanumBarunGothic.eott?#iefix') format('embedded-opentype'),
         url('/css/fonts/NanumBarunGothic.woff') format('woff'),
         url('/css/fonts/NanumBarunGothic.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family:'NanumBarunGothic';
    src: url('/css/fonts/NanumBarunGothicLight.eott');
    src: url('/css/fonts/NanumBarunGothicLight.eott?#iefix') format('embedded-opentype'),
         url('/css/fonts/NanumBarunGothicLight.woff') format('woff'),
         url('/css/fonts/NanumBarunGothicLight.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family:'Pretendard';
    src: url('/css/fonts/Pretendard-ExtraBold.eot');
    src: url('/css/fonts/Pretendard-ExtraBold.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/Pretendard-ExtraBold.woff') format('woff'),
         url('/css/fonts/Pretendard-ExtraBold.ttf') format('truetype');
    font-weight: 900;
}

@font-face {
    font-family:'Pretendard';
    src: url('/css/fonts/Pretendard-Bold.eot');
    src: url('/css/fonts/Pretendard-Bold.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/Pretendard-Bold.woff') format('woff'),
         url('/css/fonts/Pretendard-Bold.ttf') format('truetype');
    font-weight: 700;
}

@font-face {
    font-family:'Pretendard';
    src: url('/css/fonts/Pretendard-Medium.eot');
    src: url('/css/fonts/Pretendard-Medium.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/Pretendard-Medium.woff') format('woff'),
         url('/css/fonts/Pretendard-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family:'Pretendard';
    src: url('/css/fonts/Pretendard-Regular.eott');
    src: url('/css/fonts/Pretendard-Regular.eott?#iefix') format('embedded-opentype'),
         url('/css/fonts/Pretendard-Regular.woff') format('woff'),
         url('/css/fonts/Pretendard-Regular.ttf') format('truetype');
    font-weight: 400;
}
t
@font-face {
    font-family:'Pretendard';
    src: url('/css/fonts/Pretendard-Light.eot');
    src: url('/css/fonts/Pretendard-Light.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/Pretendard-Light.woff') format('woff'),
         url('/css/fonts/Pretendard-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family:'Pretendard';
    src: url('/css/fonts/Pretendard-Thin.eot');
    src: url('/css/fonts/Pretendard-Thin.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/Pretendard-Thin.woff') format('woff'),
         url('/css/fonts/Pretendard-Thin.ttf') format('truetype');
    font-weight: 100;
}


body{min-width:auto;}

.form_wrap{padding:88px 30px 0;overflow:hidden;}
.form_wrap .contTitle{padding:0 0 10px 25px;color:#000;}
.form_wrap .detalQuestion .detalQuestionTop{font-size:3.4rem;font-weight:500;text-align:center;line-height:1.412;margin-bottom:50px;}
.form_wrap input[type="radio"]{width:28px;height:28px;margin-right:20px;position:absolute;left:-9999em;opacity:0;}
.form_wrap input[type="radio"] + label{display:flex;align-items:center;}
.form_wrap input[type="radio"] + label em{width:28px;height:28px;border:1px solid #cdcdcd;border-radius:50%;display:inline-block;margin-right:20px;}
.form_wrap input[type="radio"]:checked + label em{background:url(/images/main/radio_on.gif)no-repeat center;border:0;}

.horizontalQuestion dl{display:flex;align-items:center;}
.horizontalQuestion dl dt{width:170px;font-size:3rem;font-weight:700;flex-shrink:0;}
.horizontalQuestion dl dd{width:calc(100% - 165px);}
.horizontalQuestion dl dd > input, .horizontalQuestion dl dd > select{width:100%;height:80px;border:0;border-radius:10px;background:#f8f8f8;font-size:2.8rem;text-indent:30px;font-weight:500;color:#222;}
.horizontalQuestion dl dd > input::placeholder{color:#777;}
.horizontalQuestion dl dd ul{display:flex;}
.horizontalQuestion dl dd ul li{flex:1;font-size:2.8rem;font-weight:400;color:#777;}
.horizontalQuestion dl.birthdayBox dt{padding-left:20px;}
.horizontalQuestion dl.sexBox{margin-top:35px;}
.horizontalQuestion dl.sexBox dt{padding-left:20px;}

/*.horizontalQuestion dl dd > input#frm_STEP2_birthday{text-indent:0;padding-left:30px;}
.horizontalQuestion dl dd > input#frm_STEP2_birthday::before{width:100%;content: attr(data-placeholder);}
.horizontalQuestion dl dd > input#frm_STEP2_birthday:valid::before{display: none;}*/
 ::-webkit-calendar-picker-indicator{width:100%;position:absolute;left:0;opacity:0;}

.detalQuestion{padding-top:88px;margin-top:100px;position:relative;}
.detalQuestion:after{width:80px;height:80px;background:url(/images/main/plus_icon.png)no-repeat;position:absolute;left:50%;top:0;margin:-40px 0 0 -40px;content:'';}
.detalQuestion:before{width:100vw;height:1px;background:#e5e5e5;position:absolute;left:50%;top:0;transform:translateX(-50%);content:'';}

.questionBox{margin-top:70px;}
.questionBox .answerQuestion:nth-of-type(n+2){margin-top:30px;}
.questionBox dl{border:1px solid #ddd;font-size:3rem;color:#222;border-radius:20px;word-break:keep-all;}
.questionBox dl dt{font-weight:700;padding:34px 36px 35px;background:#e8f2f6;border-radius:20px 20px 0 0;}
.questionBox dl dd{padding:26px 20px 43px 40px;}
.questionBox dl dd .basicText{font-size:2.8rem;font-weight:500;color:#777;margin-bottom:30px;line-height:1.643;word-break:keep-all;}
.questionBox dl dd ul li input{}
.questionBox dl dd ul li:nth-child(n+2){margin-top:27px;}

.submitBox input{width:100%;border:0;font-size:3.6rem;color:#fff;font-weight:700;border-radius:50px;text-align:center;background:#36383e;margin:70px 0 0;padding:32px 0;line-height:1;}

.answer_need{display:flex;align-items:center;font-size:2.8rem;color:#fe1417;line-height:1.7145;border:1px solid #fe1417;background:#ffe7e7;font-weight:500;border-radius:40px;padding:12px 0 12px 22px;margin-bottom:20px;position:relative;}
.answer_need:before{width:54px;height:54px;display:inline-block;content:'';background:url(/images/main/answer_need_icon.png);margin-right:10px;}
.answer_need:after{width:16px;height:16px;content:'';background:url(/images/main/answer_need_line.png);position:absolute;left:45px;bottom:-16px}



.contTitle{font-size:5rem;font-weight:300;}



#wrap{max-width:767px;margin:0 auto;letter-spacing:-0.02em;}

.fontWL{font-weight:300;}
.fontWR{font-weight:400;}
.fontWM{font-weight:500;}


.contTitle{font-size:5rem;font-weight:700;line-height:1.4;}


.topTitle{font-size:3.3rem;font-weight:500;line-height:1.364;text-align:center;padding:21px 0 19px;}

.blockCont{display:block !important; margin-top:43px;}
.horizontalQuestion .blockCont dt{padding-left:20px;margin-bottom:16px;}
.horizontalQuestion .blockCont dd{width:100%;border-radius:10px;}

.horizontalQuestion .telBox dd{display:flex;align-items:center;}
.horizontalQuestion .telBox dd > select{height:80px;background:#f8f8f8 url(/images/main/arrow_down_g.png)no-repeat right center !important;border-radius:10px 0 0 10px;padding-right:1px;}
.horizontalQuestion .telBox dd > select, .horizontalQuestion .telBox dd > input{width:calc((100% - 16px) / 3);}
.horizontalQuestion .telBox dd > input{text-align:center;text-indent:0;}
.horizontalQuestion .telBox dd > input#frm_STEP1_phone03{border-radius:0 10px 10px 0;}
.horizontalQuestion .telBox dd #frm_STEP1_phone02{border-radius:0;padding-right:1px;}
.horizontalQuestion .telBox dd > span{width:16px;background:#f8f8f8;line-height:80px;text-align:center;font-size:18px;color:#777;}

.agreeBox{margin-top:83px;}
.agreeBox .flexCont{display:flex;margin-bottom:25px;}
.agreeBox .flexCont > div{width:100%;display:flex;align-items:center;justify-content:space-between;position:relative;top:-7px;}
.agreeBox .flexCont > div span{background:#2253a2;color:#fff;font-size:2.4rem;border-radius:30px;padding:11px 18px 10px;}

.agreeBox .tit{font-size:3rem;font-weight:500;color:#222;margin-right:19px;flex-shrink:0;}
.agreeBox .flexCont input[type="checkbox"]{opacity:0;position:absolute;left:-9999em;}
.agreeBox .flexCont input[type="checkbox"]+label {
    width: 36px;
    height: 36px;
    background: url('/images/main/check_off.png') no-repeat 0 0px / contain;
}

.agreeBox .flexCont input[type='checkbox']:checked+label {
background: url('/images/main/check_on.png') no-repeat 0 0px / contain;
}

.agreeBox > ul > li{line-height:2.07;font-size:2.8rem;}
.agreeBox > ul > li > dl{display:flex;justify-content:space-between;}
.agreeBox > ul > li > dl dt{width:100%;font-size:2.8rem;font-weight:400;flex-shrink:unset;}
.agreeBox > ul > li > dl dd{color:#777;width:auto;flex-shrink:0;}
.agreeBox > ul > li > dl dd ul li{flex:unset;font-weight:400;}
.agreeBox > ul > li > dl dd ul li:last-child{margin-left:40px;}

.fromSubmit{text-align:center;display:flex;align-items:center;justify-content:center;margin-top:50px;position:relative;}
.fromSubmit:before{width:100vw;height:100%;position:absolute;left:50%;top:0;transform:translateX(-50%);content:'';z-index:-1;background-image:linear-gradient(to right, #fa841d 45% , #f74723);}
.fromSubmit span{position:absolute;left:calc(50% + 66px);}
.fromSubmit span:before{width:49px;height:40px;display:inline-block;background:url(/images/main/apply_arrow.png)no-repeat center !important;content:'';margin-left:17px;}
.fromSubmit input{width:100%;border:0;background:none;font-size:3.6rem;font-weight:700;color:#fff;padding:32px 0 30px;position:relative;z-index:2;}

select{ background:#f8f8f8 url(/images/main/arrow_down_b.png)no-repeat right 39px center !important;color:inherit;}

.contBox{border-top:2px solid #e5e5e5;padding:90px 30px 60px;}

.basicText{font-size:3rem;font-weight:400;color:#000;}

.productInfo{margin-top:135px;}
.productInfo .contTitle{margin-bottom:27px;padding-left:50px;}
.productInfo > .basicText{padding-left:50px;margin-bottom:38px;}
.productInfo .slider-nav{font-size:3rem;padding:0 25px;}
.productInfo .slider-nav:before{width:100vw;height:2px;background:#e5e5e5;position:absolute;left:50%;bottom:0;transform:translateX(-50%);content:'';}
.productInfo .slider-nav .slick-track{transform:none !important;}
.productInfo .slider-nav .slick-slide{padding:0 20px;}

.productInfo .slider-for{margin-left:30px;}
.productInfo .slider-for .slick-slide{padding:0 20px;margin-right:10px;padding-bottom:67px;color:transparent;}
.productInfo .slider-for .slick-slide.slick-current{color:#777;}

.productInfo .slider-for .slick-track{width:auto !important;display:flex;}
.productInfo .slick-slide{color:#777;width:90%;max-width:680px;flex-shrink:0;}
.productInfo .slick-slide a{padding:29px 0;position:relative;text-align:center;}
.productInfo .slick-slide.slick-current{font-weight:700;color:#000;}
.productInfo .slick-slide.slick-current .productInfoTop{color:#000;}
.productInfo .slick-slide.slick-current ul > li dl dt{color:#444;}

.productInfoTop{font-size:3.3rem;font-weight:400;line-height:1.576;padding-top:60px;word-break:keep-all;}
.productInfo .slick-slide.slick-current a span{position:relative;}
.productInfo .slick-slide.slick-current a span:before{width:100%;height:4px;background:#222;position:absolute;left:0;bottom:-26px;content:'';z-index:1;}
.productInfo .slick-slide ul{margin-top:60px;border-radius:20px;box-shadow:0 0 20px 1px rgba(42,50,69,.15);position:relative;overflow:hidden;padding:36px 0 48px;}
.productInfo .slick-slide ul:before{width:35.4%;height:100%;background:#f7f4f0;position:absolute;left:0;top:0;z-index:-1;content:'';}
.productInfo .slick-slide ul > li{}
.productInfo .slick-slide ul > li:nth-child(n+2){margin-top:25px;}
.productInfo .slick-slide ul > li dl{display:flex;font-size:3rem;line-height:1.5155;}
.productInfo .slick-slide ul > li dl dt{width:35.4%;color:transparent;font-weight:500;padding-left:20px;}
.productInfo .slick-slide ul > li dl dd{width:64.6%;font-weight:400;padding-left:6.437%;letter-spacing:-0.03em;color:#000;}
.productInfo .slick-slide ul > li dl dd .fontWM{font-size:3.3rem;}

.productInfo .slick-dots{display:flex;align-items:center;justify-content:center;margin-bottom:100px;padding-right:30px;}
.productInfo .slick-dots li{margin:0 10px;}
.productInfo .slick-dots li button{width:20px;height:20px;border:0;background:#ddd;border-radius:50%;color:transparent;}
.productInfo .slick-dots li.slick-active button{background:#000;}


.useStep.contBox{padding-bottom:100px;}
.useStep .contTitle{margin-bottom:38px;padding-left:20px;}

.useStep > .imgBox{text-align:center;margin-bottom:98px;}

.useStep ol li{box-shadow:0 0 20px 1px rgba(42,50,69,.15);padding:38px 40px 33px;border-radius:10px;word-break:keep-all;}
.useStep ol li:nth-child(n+2){margin-top:20px;}
.useStep ol li dl dt{font-size:3rem;font-weight:700;margin-bottom:15px;}
.useStep ol li dl dd{font-size:2.8rem;line-height:1.5715;}



.faqBox .contTitle{margin-bottom:48px;padding-left:20px;}
.faqBox ul li{border-radius:10px;border:1px solid #ddd;font-size:2.8rem;line-height:1.5715;word-break:keep-all;}
.faqBox ul li:nth-child(n+2){margin-top:20px;}
.faqBox ul li dl dt{display:flex;align-items:center;justify-content:space-between;font-weight:700;padding:24px 20px 21px 35px;}
.faqBox ul li dl dt > div{display:flex;}
.faqBox ul li dl dt > div span{flex-shrink:0;margin-right:7px;}

.faqBox ul li dl dd{font-size:2.8rem;padding:30px 40px;display:none;border-top:1px solid #ddd;}
.faqBox ul li.active dl dd{display:block;}

.introduce{text-align:center;position:relative;}
.introduce.contBox{padding-bottom:100px;}
.introduce .introduceInfo{padding:0 50px;}
.introduce .contTitle{margin-bottom:34px;text-align:left;padding-left:20px;}
.introduce dl{box-shadow:0 0 20px 1px rgba(42,50,69,.15);padding:28.1% 0 13.225%;margin-top:-116px;border-radius:20px;}
.introduce dl dt{font-size:3.2rem;font-weight:700;color:#000;margin-bottom:30px;}
.introduce dl dd{font-size:3rem;color:#444;line-height:1.667;}
.introduce dl dd img{max-width:130px;width:21.488%;margin:6.5px auto;vertical-align:middle;}
.introduce dl dd div + div{margin-top:30px;}


/* Footer */
#footer{background:none;border-top:2px solid #e5e5e5;max-width:767px;margin:0 auto;letter-spacing:-0.02em;}
#footer .inner{width:auto;}
#footer .inner{}
#footer .footerTop{font-size:3.3rem;font-weight:700;display:flex;align-items:center;justify-content:space-between;padding:50px;}
#footer .footerTop dt{color:#aaa;}
#footer .footerTop dt img{margin-right:15px;}
#footer .footerTop dd{margin-right:11.215%;}

#footer .footerInfoLogo{display:flex;align-items:center;justify-content:center;}
#footer .footerInfoLogo li{padding:0 40px;position:relative;}
#footer .footerInfoLogo li:before{width:1px;height:35px;background:#aaa;position:absolute;right:0;top:50%;transform:translateY(-50%);content:'';}
#footer .footerInfoLogo li:last-child:before{display:none;}
#footer .footerInfo{padding:70px 50px 90px;background:#e4e4e4;}
#footer .footerInfoLink{font-size:2.4rem;font-weight:700;color:#fff;text-align:center;margin:50px 0 57px;}
#footer .footerInfoLink li{background:#aaa;border-radius:10px;}
#footer .footerInfoLink li:nth-child(n+2){margin-top:15px;}
#footer .footerInfoLink li a{display:block;padding:24px 0 22px;}

#footer .footerText{font-size:3rem;line-height:1.667;word-break:keep-all;}
#footer .footerText strong{font-weight:700;}
#footer .footerText span{color:#ff1515;font-weight:500;}
#footer .footerText > div + div{margin-top:20px;}

#footer .footerInfoList{padding-top:44px;margin-top:60px;border-top:1px solid #aaa;word-break:keep-all;line-height:1.3;}
#footer .footerInfoList li:nth-child(n+2){margin-top:20px;}
#footer .footerInfoList li dl{display:flex;font-size:2.5rem;} 
#footer .footerInfoList li dl dt{width:193px;font-weight:700;flex-shrink:0;padding-right:10px;} 
#footer .footerInfoList li dl dd{letter-spacing: -0.02em;}


/* 레이어 팝업 */
.layerBox .overlay{background:rgba(0,0,0,.3);position:fixed;left:0;right:0;top:0;bottom:0;z-index:1001;}
.layerBox .layerDesign{position:fixed;left:50%;top:50%;transform:translate(-50%, -50%);z-index:1002;word-break:keep-all;}
.layerBox .layerDesign{max-width:700px;width:80%;margin:0 auto;letter-spacing:-0.02em;overflow:hidden;border-radius:20px;box-shadow:0 0 60px 10px rgba(42,50,69,.3);}
.layerBox .layerDesign .layerDesignCont{min-height:165px;padding:11.207% 8.58%;color:#222;background:#fff;}
.layerBox .layerDesign .btnOk{font-family:'Pretendard' !important;font-weight:700;color:#fff;background:#293f70;line-height:1;padding:26.5px 0;text-align:center;cursor:pointer;font-size:3rem;}
.layerBox .layerDesign.layer01 .layerDesignCont{font-size:3.6rem;line-height:1.9445;font-family:'Pretendard' !important;font-weight:700;padding:120px 20px 80px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.layerBox .layerDesign.layer01 .layerDesignCont span{color:#269fca;}
.layerBox .layerDesign.layer02 .layerDesignCont{font-size:3rem;line-height:1.6;text-align:center;padding:68px 20px 60px;display:flex;align-items:center;flex-direction:column;justify-content:center;}
.layerBox .layerDesign.layer02 .event_img img{width:70% !important;height:auto !important;margin-top:25px;}
.layerBox .layerDesign.layer03{font-family:'Pretendard' !important;}
.layerBox .layerDesign.layer03 dl{font-weight:700;}
.layerBox .layerDesign.layer03 dl dt{font-size:3.6rem;margin-bottom:7.5%;}
.layerBox .layerDesign.layer03 dl dd{font-size:2.3rem;line-height:2.087;font-weight:500;letter-spacing:-0.04em;}

.btnTop{position:fixed;bottom:50px;right:30px;box-shadow:0px 1px 17px 0px rgba(0, 0, 0, 0.1);border-radius:50%;z-index:10;}


@media all and (max-width:767px){
html{font-size:6px;}
}


@media all and (max-width:710px){

}

@media all and (max-width:650px){
html{font-size:4.9px;}


select{background:#f8f8f8 url(/images/main/arrow_down_b.png)no-repeat right 20px center !important;background-size:14px auto !important;}



.contBox{padding:45px 15px 30px;}

.answer_need{padding:8px 0 8px 14px;}
.answer_need:before{width:28px;height:28px;background-size:28px 28px;margin-right:8px;}
.answer_need:after{width:12px;height:12px;background-size:12px 12px;left:25px;bottom:-12px}

.form_wrap{padding:44px 15px 0;}
.form_wrap .contTitle{line-height:1.4;padding:0 0 5px 12.5px;}
.form_wrap input[type="radio"]{width:18px;height:18px;margin-right:10px;}
.form_wrap input[type="radio"] + label em{width:18px;height:18px;background-size:18px 18px !important;margin-right:10px;}

.blockCont{margin-top:21.5px;}
.horizontalQuestion .blockCont dt{padding-left:10px;margin-bottom:8px;}
.horizontalQuestion dl dd > input, .horizontalQuestion dl dd > select{text-indent:10px;height:45px;border-radius:5px;}
.horizontalQuestion .telBox dd > select{height:45px;background-size:10px auto !important;}
.horizontalQuestion .telBox dd > span{line-height:45px;}
/*.horizontalQuestion dl dd > input#frm_STEP2_birthday{padding-left:15px;position:relative;}*/


.agreeBox{margin-top:41.5px;}
.agreeBox .flexCont{margin-bottom:12.5px;}
.agreeBox .flexCont input[type="checkbox"]+label{width:17px;height:17px;background-size:17px 17px !important;}
.agreeBox .flexCont > div span{padding:6px 11px;}
.agreeBox .tit{margin-right:10px;}

.agreeBox .flexCont > div{top:-4px;}
.agreeBox > ul > li > dl dd ul li:last-child{margin-left:20px;}

.fromSubmit{margin-top:35px;}
.fromSubmit input{padding:15px 0;}
.fromSubmit span{left:calc(50% + 19px);}
.fromSubmit span:before{background-size:26px auto !important;margin-left:8.5px;}


.productInfo{margin-top:67.5px;}
.productInfoTop{padding-top:30px;}
.productInfo .contTitle{margin-bottom:13.5px;padding-left:25px;}
.productInfo > .basicText{margin-bottom:19px;padding-left:25px;}
.productInfo .slider-nav{padding:0 18px;}
.productInfo .slider-nav:before{height:1px;}
.productInfo .slick-slide a{padding:18px 0;}
.productInfo .slick-slide.slick-current a span:before{height:2px;bottom:-16px;}


.productInfo .slider-for{margin-left:15px;}

.productInfo .slick-slide ul{height:470px;margin-top:30px;padding:18px 0 24px;box-shadow:0 0 10px 1px rgba(42,50,69,.15);border-radius:13px;}
.productInfo .slick-slide ul:before{width:110px;}
.productInfo .slick-slide ul > li:nth-child(n+2){margin-top:12.5px;}
.productInfo .slick-slide ul > li dl dt{width:110px;padding-left:10px;}
.productInfo .slick-slide ul > li dl dd{width:calc(100% - 110px);}
.productInfo .slick-slide.slick-current ul{height:auto;}

.productInfo .slider-for .slick-slide{padding:0 10px;margin-right:5px;padding-bottom:33.5px;}

.productInfo .slick-dots{margin-bottom:50px;padding-right:15px;}
.productInfo .slick-dots li{margin:0 4px;}
.productInfo .slick-dots li button{width:12px;height:12px;}


.useStep.contBox{padding-bottom:50px;}
.useStep > .imgBox{width:55%;margin:0 auto 49px;}
.useStep ol li{box-shadow:0 0 10px 1px rgba(42,50,69,.15);padding:19px 20px 16.5px;border-radius:5px;}
.useStep ol li dl dt{margin-bottom:7.5px;}



.faqBox .contTitle{margin-bottom:24px;padding-left:10px;}
.faqBox ul li:nth-child(n+2){margin-top:10px;border-radius:5px;}
.faqBox ul li dl dt{padding:12px 10px 10.5px 17.5px;}
.faqBox ul li dl dt a{display:flex;align-items:center;flex-shrink:0;}
.faqBox ul li dl dt img{width:28px;}
.faqBox ul li dl dd{padding:15px 20px;}

.introduce.contBox{padding-bottom:50px;}
.introduce .introduceInfo{padding:0 25px;}
.introduce .introduceInfo dl{margin-top:-19.175%;box-shadow:0 0 10px 1px rgba(42,50,69,.15);}
.introduce .introduceInfo dl dt{margin-bottom:15px;}

.introduce dl dd div + div{margin-top:15px;}
.introduce .introduceInfo > .imgBox img{width:78%;margin:0 auto;}

.horizontalQuestion dl dt{width:80px;}
.horizontalQuestion dl.birthdayBox dt{padding-left:10px;}
.horizontalQuestion dl.sexBox{margin-top:17.5px;}
.horizontalQuestion dl.sexBox dt{padding-left:10px;}
.horizontalQuestion dl dd{width:calc(100% - 80px)}


.detalQuestion{padding-top:54px;margin-top:60px;}
.detalQuestion:after{width:45px;height:45px;background-size:45px 45px;margin:-22.5px 0 0 -22.5px;}
.form_wrap .detalQuestion .detalQuestionTop{margin-bottom:25px;}
.questionBox{margin-top:35px;}
.questionBox dl{border-radius:13px;}
.questionBox dl dt{padding:17px 18px;border-radius:13px 13px 0 0;}
.questionBox dl dd{padding:13px 20px 21.5px;}
.questionBox dl dd ul li:nth-child(n+2){margin-top:13.5px;}
.questionBox dl dd .basicText{margin-bottom:15px;}

.form_wrap input[type="radio"]{width:16px;height:16px;margin-right:10px;}
.questionBox .answerQuestion:nth-of-type(n+2){margin-top:15px;}

.submitBox input{padding:16px 0;margin:35px 0 0;}






#footer .footerTop{padding:25px;}
#footer .footerTop dt a{display:flex;align-items:center;}
#footer .footerTop dt img{width:24px;;margin-right:7.5px;}
#footer .footerInfo{padding:35px 25px 75px;}

#footer .footerInfoLogo li{padding:0 20px;}
#footer .footerInfoLogo li img{width:100px;}
#footer .footerInfoLogo li:before{height:28px;}
#footer .footerInfoLink{margin:25px 0 28.5px}
#footer .footerInfoList{padding-top:27px;margin-top:30px;}
#footer .footerInfoList li:nth-child(n+2){margin-top:10px;}
#footer .footerInfoLink li a{padding:16px 0 15px;}
#footer .footerInfoList li dl dt{width:150px;}


/* 레이어 팝업 */

.layerBox .layerDesign{border-radius:13px;box-shadow:0 0 40px 10px rgba(42,50,69,.3);}
.layerBox .layerDesign .layerDesignCont{padding:32.5px 25px;}
.layerBox .layerDesign.layer01 .layerDesignCont{padding:30px 10px 20px;}
.layerBox .layerDesign.layer02 .layerDesignCont{padding:40px 10px;}

.layerBox .layerDesign .btnOk{padding:18px 0;}

.layerBox .layerDesign.layer03 dl dt{font-size:4rem;}
.layerBox .layerDesign.layer03 dl dd{font-size:2.5rem;}


}






/* main */
.c_ff7814{color:#ff7814;}



@media all and (max-width:501px){
/*html{font-size:5.5px;}*/

#footer .footerInfoList li dl dt{width:100px;}
#footer .footerInfoLogo li img{width:70px;}
#footer .footerInfoLogo li:before{height:23px;}

.form_wrap input[type="radio"]{width:13px;height:13px;}




}