@charset "utf-8";
/* form basic */
input, label, select, button{margin:0;border:0;padding:0;white-space:normal;background:none; line-height:1;font-family: 'Pretendard';}
textarea{margin:0;border:0;padding:0;background:none;line-height:1; font-family: 'Pretendard';}

button {cursor:pointer;}
button * { margin:0; padding:0;}
button::-moz-focus-inner { padding:0; border:0;}
/* Input Reset  */
input[type="checkbox"]{-webkit-appearance:none; -webkit-border-radius:0; background-color:transparent;}
input[type="radio"]{-webkit-appearance:none; -webkit-border-radius:0; background-color:transparent;}
input[type="file"] {border:0px solid #ccc;}
input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="image"], input[type="tel"], input[type="number"], textarea {border-radius: 0px;-ms-border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;-webkit-appearance: none;}
input:not([type='checkbox,radio']):focus::-webkit-input-placeholder {color: transparent;}
input:hover {border-radius:0px}
input:focus {outline: none;background-color:#fff;border-color:var(--concept-color);}

input::placeholder {color:#888;font-size:15px;}
input:-ms-input-placeholder {color:#888;font-size:15px;}
input::-ms-input-placeholder { color:#888;font-size:15px;}
input::-webkit-input-placeholder {color:#888;font-size:15px;}
input::-moz-placeholder {color:#888;font-size:15px;}

textarea::placeholder {color:#888;font-size:15px;}
textarea:-ms-input-placeholder {color:#888;font-size:15px;}
textarea::-ms-input-placeholder {color:#888;font-size:15px;}
textarea::-webkit-input-placeholder {color:#888;font-size:15px;}
textarea::-moz-placeholder {color:#888;font-size:15px;}

select{-webkit-border-radius:0}

input[type=checkbox] { display: none;  }
input[type=checkbox] + label{display: inline-block;  cursor: pointer;  position: relative;padding-left:30px;margin-right:0px; font-size: 16px; line-height:20px;font-weight: 400; color:#545454;vertical-align:top;}
input[type=checkbox]+ label:before {content: "";  display: inline-block;width:20px;height:20px;transition:all .2s;position:absolute; left:0; top:0;background:url(../images/i_chkbox_wh.png) 50% 50% no-repeat #dfdcf0;border:0px solid #d9d9d9;border-radius:4px;} 
input[type=checkbox]:checked + label:before { background:url(../images/i_chkbox_wh.png) 50% 50% no-repeat var(--concept-color);border:0px solid var(--concept-color);}  

input[type=radio] { display: none;  }
input[type=radio] + label{display: inline-block;  cursor: pointer;  position: relative;padding-left:24px;margin-right:0px; font-size:16px; line-height:16px;font-weight: 400;color:#545454;vertical-align:top;}
input[type=radio]+ label:before {content: "";  display: inline-block;width:16px;height:16px;transition:all .2s;position:absolute; left:0; top:0; border:4px solid #ccc; border-radius:50%;} 
input[type=radio]:checked + label:before {border:5px solid var(--concept-color); text-align: center;} 

.white_ver input[type=checkbox] + label{color: #fff;}
.white_ver input[type=checkbox]+ label:before {background:url(../images/i_chkbox_wh.png) 50% 50% no-repeat #fff; opacity: .7;} 
.white_ver input[type=checkbox]:checked + label:before { background:url(../images/i_chkbox_wh.png) 50% 50% no-repeat var(--concept-color);}  
.white_ver input[type=radio] + label{color: #fff;}
.white_ver input[type=radio]+ label:before {border:4px solid #fff; } 
.white_ver input[type=radio]:checked + label:before {border:5px solid var(--point-color); text-align: center;} 

select {-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none;outline-width:0;    }
select::-ms-expand {display: none;}
select[multiple]{vertical-align:top;}
input[type=text]::-ms-clear {display:none;}

.select_sty{position:relative;display:inline-block;vertical-align:middle;}
.select_sty select{width:100%;height:40px;padding:0px 30px 0px 10px;border:1px solid #dfdfdf;background:#fff;color:#000;font-size:16px;cursor: pointer;  border-radius:4px;box-sizing:border-box;}
.select_sty.lg select{height:50px;}
.select_sty.sm select{height:26px;font-size:14px;}
.select_sty.line select{border-width:0 0 1px 0;background: transparent;border-radius:0px;}
.select__arrow{position: absolute;top:35%;right:10px;width: 0;height: 0;pointer-events: none;border-style :solid;border-width: 12px 8px 0 8px;border-color: var(--concept-color) transparent transparent transparent;}

.input_sty{display:inline-block;vertical-align:middle;transition: all 0.3s ease-out}
.input_sty input{width:100%;height:40px;padding:0 10px;border:1px solid #dfdfdf;background:#fff;color:#000;font-size:16px;border-radius:4px;box-sizing:border-box;}
.input_sty input:focus {outline: none;background:#fff;border-color:var(--concept-color);}
.input_sty input:disabled, .input_sty input:read-only {background:#f1f1f1;}
.input_sty input:disabled:focus, .input_sty input:read-only:focus {border-color:#dfdfdf; }
.input_sty.lg input{height:50px;}
.input_sty.sm input{height:26px;}
.input_sty.line input{padding:0 0px;border:1px solid #ccc;border-width:0 0 1px 0; border-radius:0px;}

.textArea_sty1{}
.textArea_sty1 textarea{display: inline-block;width:100%;border:1px solid #dfdfdf;height:200px;font-weight: 400;color:#000;font-size:16px;padding:10px;background:#fff;border-radius:4px;box-sizing: border-box;}
.textArea_sty1 textarea:focus {outline: none;border-color:var(--concept-color);}

.btn-group { display: flex; gap:10px;}
.btn-group.mw > * {min-width:300px;}
.btn-group.center { display: flex;justify-content: center;}
.btn-group.space-between {justify-content: space-between;}
.btn-group.right { justify-content: flex-end;}

.btn-type {display:inline-flex;align-items: center; position:relative;cursor:pointer;transition:all 0.3s; line-height:1.2;padding:0 20px;font-family: 'Pretendard';text-align:center; justify-content: center;text-transform:capitalize;/*text-transform:uppercase;*/ border-radius:4px;box-sizing: border-box;}
.btn-type.btn{height:55px;font-weight:700;font-size:20px; gap:20px; } /* basic */
.btn-type.btn-m {height:40px;font-weight:500;font-size:16px; min-width:120px; padding:0 10px;}
.btn-type.btn-s {height:26px;font-weight:500;font-size:13px;padding:0 15px;}

/* color */
.btn-type.black {color:#fff !important;border:1px solid #000;background:#000}
.btn-type.blue {color:#fff !important;border:1px solid #337bcc;background:#337bcc}
.btn-type.dblue {color:#fff !important;border:1px solid #10203a;background:#10203a}
.btn-type.dgray {color:#fff !important;border:1px solid #3c3e44;background:#3c3e44}
.btn-type.gray {color:#fff !important;border:1px solid #717379;background:#717379}
.btn-type.lgray {color:#fff !important;border:1px solid #a3a5aa;background:#a3a5aa}
.btn-type.white{color:#323232 !important;border:1px solid #707070;background:#fff}
.btn-type.red {color:#fff !important;border:1px solid #e60012;background:#e60012}
.btn-type.orange {color:#fff !important;border:1px solid #fb9347;background:#fb9347}
.btn-type.green {color:#fff !important;border:1px solid #1fb25a;background:#1fb25a}
.btn-type.black_line {color:#262729 !important;border:1px solid #262729;background:#fff}
.btn-type.gray_line {color:#717379 !important;border:1px solid #717379;background:#fff}
.btn-type.lgray_line {color:#a3a5aa !important;border:1px solid #a3a5aa;background:#fff}
.btn-type.white_line {color:#fff !important;border:1px solid #fff;background-color:transparent; }
.btn-type.concept-color {color:#fff !important;border:1px solid var(--concept-color);background:var(--concept-color);}
.btn-type.concept-line {color:var(--concept-color);border:1px solid var(--concept-color);background:#fff}
.btn-type.point-color{color:#fff !important;border:1px solid var(--point-color);background:var(--point-color);}
.btn-type.sub-color{color:#fff !important;border:1px solid var(--sub-color);background:var(--sub-color);}


/********************************************
	HEADER
********************************************/
#header{display:flex;align-items: center; width: 100%;height:var(--header-height);margin:0 auto; border-bottom:1px solid #eee; background:#fff;padding:0 5%;box-sizing: border-box;}
#header .logo{}
#header .logo img{height:28px;}
/* Header END */

.btn_up_layer {position:fixed;opacity:0; right:40px;bottom:30px;display:none;padding:0px;/*width:80px;height:30px;*/ width:50px;  height:50px;border-radius:50%; background:url(../images/top-arrow.png) 50% 50% no-repeat #10203a;background-size:auto 20px; display:flex;flex-direction: column;justify-content:center;align-items:center;text-align: center; font-weight: 600;color:rgba(255,255,255, 1); font-size:13px; z-index:9;cursor:pointer;transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; }
.btn_up_layer.active{opacity: 1; }

/* footer  */
.footer{display:flex; justify-content: space-between; background:#fff;border-top:1px solid #eee;width:100%; max-width:var(--content-width); margin:0px auto; gap:10px; padding:40px 5% calc(40px + var(--h-floating)); box-sizing: border-box; position: relative;}
.footer:after {content:""; display:block; clear:both; height:0;}
.footer .f_logo{flex:0 0 200px;text-align:left;min-height:60px;background:url(../images/logo-ideaus.png) 0% 0% no-repeat;background-size:auto 60px; text-indent: -9999px;}
.footer .f_cont{flex:1; padding-top:10px; padding-right:50px;box-sizing: border-box;}
.footer .f_cont li{display:flex;flex-wrap: wrap; gap:8px 20px; }
.footer .f_cont li > p{color:#444; font-size:14px;line-height:1.2;}
.footer .f_cont li > p.full{}
.footer .f_cs{display:flex;align-items:center;gap:10px; margin-top:16px;background:url(../images/ico_tel.png) 0% 50% no-repeat;background-size:auto 18px;min-height:18px;  padding-left:26px;box-sizing: border-box;}
.footer .f_txt{font-weight: 500;color:#000; font-size:15px;line-height:1;}
.footer .f_number{font-weight: 700;color:var(--concept-color); font-size:18px;}

/* 팝업 Basic */
.popupWrap_A{position:relative;display:flex; align-items:center; width: 100%; height:100vh;/*background:#fff;*/margin:0 auto;padding:0 2%; box-sizing: border-box;}/* basic */
.popupWrap_A img{max-width: 100%;}

.popupWrap_B{position:relative;display:flex; align-items:center; width: 100%; height:100vh;/*background:#fff;*/margin:0 auto;padding:0 2%; box-sizing: border-box;}/* basic */
.popupWrap_B img{max-width: 100%;}

.icon-close-black{position: absolute;right:20px;top:10px;width:21px; height:21px;background:url(../images/close_black.png) 50% 50% no-repeat;text-indent: -9999px; z-index:2}
.icon-close-white{position: absolute;right:5px;top:0px;width:21px; height:21px;background:url(../images/close_white.png) 50% 50% no-repeat;text-indent: -9999px; z-index:2}
.icon-close-white.p-inner{right:20px;top:13px;}
.icon-close-black.p-inner{right:20px;top:13px;}
.icon-close-circle{position: absolute;right:15px;top:15px;width:30px; height:30px;background:url(../images/close_white.png) 50% 50% no-repeat var(--concept-color);background-size:auto 12px; border-radius:50%; text-indent: -9999px; z-index:2}
.icon-close-white.pop{right:20px;top:20px;}

.popupBox_A{position:relative;width: 100%;padding:0px;/* background:#fff; */ margin-top:30px;border-radius:8px; overflow: auto; } /* basic - x버튼 위에 */
.popupBox_A img{max-width: 100%;}
/* 스크롤바 설정*/
.popupBox_A::-webkit-scrollbar{width: 10px;}
.popupBox_A::-webkit-scrollbar:vertical {width: 10px;}
.popupBox_A::-webkit-scrollbar:horizontal {height: 10px;}
.popupBox_A::-webkit-scrollbar-thumb{background-color: var(--concept-color);}
.popupBox_A::-webkit-scrollbar-track{background-color: #242424;}

.pop-title {font-weight:700;font-size:17px;line-height:1;color:#222;letter-spacing:-0.02em;} /* popup title */
.pop--topline{width:100%; padding:20px 25px 10px; border-bottom:1px solid #dfdfdf; }
.pop--top{width:100%; padding:15px 25px; background:var(--concept-color);} 
.popup--inner{width:100%;background:#fff; max-height:85vh; padding:25px;box-sizing: border-box;position:relative;overflow: auto;  }

.popup--free{width:100%;background:#fff;height:calc(90vh - 55px);box-sizing: border-box;position:relative; }
.popup--free .top-tit{display:flex;justify-content: center; align-items: center;height:60px; padding:10px 0; text-align: center;font-weight:600;font-size:20px;line-height:1.4;letter-spacing:-0.03rem;color:#000;  }
.popup--free .top-tit br{display:none; }
.popup--free .cont{ height:calc(90vh - 250px - 55px);  background:#f8f6fb; padding:20px; text-align:left; box-sizing: border-box;  overflow: auto;  }
.popup--free .cont > section{margin-top:20px; }
.popup--free .cont > section:first-of-type{margin-top:0px; }
.popup--free .cont > section > h3{font-weight:500;font-size:15px;line-height:1.3;letter-spacing:-0.01rem;color:#000; margin-bottom:6px; }
.popup--free .cont > section > p{font-weight:400;font-size:14px;line-height:1.4;letter-spacing:-0.03rem;color:#333; }
.popup--free .bot{position:absolute; left:0; bottom:0; z-index:2;width:100%; height:180px;padding:15px 25px;background:#fff;box-sizing: border-box;}
.popup--free.ios{height:calc(90vh - 55px);   }

.ok-btn{width: fit-content;display: inline-flex; align-items: center; height:45px; gap:10px;font-family: 'S-CoreDream';font-weight:600;font-size:16px;line-height:1;letter-spacing:-0.03rem; color:#fff;  padding:0px 35px; border-radius:24px; background: linear-gradient(90deg, #383ba5 20%, #584fbd 60%, #6f5dcf ); margin-top:20px; }
.ok-btn img{width:24px;}

button:disabled, button[disabled]{
    border: 1px solid #cfc2e2 !important;
    background: #cfc2e2 !important;
  	color: #fff !important;
  	pointer-events: none;
}

button.ok-btn[disabled] img{filter: grayscale(100%); opacity: .3;}

.popup-chkBox{width:100%;margin:0px auto;}
.popup-chkBox ul{}
.popup-chkBox li{display:flex; align-items: center;gap:5px; margin-top:8px;}
.popup-chkBox li:first-child{margin-top:0px;}
.popup-chkBox img{height:22px;}

/* html, body.modal-open {overflow: hidden; height: 100%;} */
body.modal-open {overflow: hidden;position: fixed;width: 100%;}
.not_scroll{position: fixed; overflow: hidden; width: 100%;height: 100%}
.not_scroll .cont { position: relative; top: 0;}
/* // 팝업 Basic */

.title-line{font-weight: 700;color:#333;font-size:16px;line-height:1.45;letter-spacing:-0.01em; border-bottom:1px solid #666; padding-bottom:10px; margin-bottom:15px; }
.textTb{display: inline-block; width:100%;font-family: 'Pretendard'; border-bottom:1px solid #ddd; padding-bottom:15px;margin-bottom:15px;  }
.textTb .stit{position: relative; font-weight: 700;color:#333;font-size:14px;line-height:1.45;letter-spacing:-0.01em;margin-bottom:10px; }
.textTb .tit{position: relative; font-weight: 700;color:#333;font-size:14px;line-height:1.45;letter-spacing:-0.01em; padding-left:18px; margin-bottom:8px; }
.textTb .tit::after{position: absolute;content: ""; left:0; top:3px; width:12px; height:12px;  background:url(../images/i_chkbox.png) 0% 0% no-repeat; }
.textTb .txt1{color:#555;font-size:13px;line-height:1.45;letter-spacing:-0.01em;padding-left:18px;box-sizing: border-box;}
.textTb .txt2{color:#555;font-size:13px;line-height:1.45;letter-spacing:-0.01em;margin-bottom:10px;}
.textTb .txt3{color:#555;font-size:13px;line-height:1.45;letter-spacing:-0.01em;padding-left:20px;margin-bottom:8px;box-sizing: border-box;}
.textTb .txt4{color:#555;font-size:13px;line-height:1.45;letter-spacing:-0.01em;padding-left:40px;margin-bottom:8px;box-sizing: border-box;}

/* video 사용할 경우 */
.video_wrap{position: relative; margin:0px auto; padding-bottom: 56.25%;height: 0;overflow: hidden;}
.youtubeP{position: absolute;top: 0;left: 0;width: 100%; height: 100%;}

.content-video{position:relative; width:100%; margin:0 auto; text-align:center; background-color: #000; overflow:hidden; vertical-align:top; padding: 0px;}
.content-video:after {clear:both;display:block;height:0;overflow:hidden;visibility:hidden;content:"";} 
.content-video-txt{z-index: 2; position:absolute; top:50%;transform:translateY(-50%);text-align:center; }
.content-video video{background-color: #000;opacity:1;vertical-align:top;max-width:100%;height:auto}

.pc_only{}
.mo_only{display: none;}

/********************************************
	MAIN
********************************************/
.inner{width:100%;max-width:var(--area-width);margin:0 auto;padding:0;box-sizing: border-box;}
.contents{width:100%;max-width:var(--content-width);margin:0 auto;padding:var(--h-padding) 0;box-sizing: border-box;}

.mainVisual{width:100%; margin:0 auto; text-align: center; padding:var(--h-padding) var(--wrap-padding);background:var(--light-bgcolor); border-bottom:1px solid #e9f5f0; box-sizing: border-box; }
.mainVisual .stit{font-family: 'S-CoreDream';font-weight: 500;font-size:20px;line-height:1.45;color:#3b3b3b; margin-bottom:20px;}
.mainVisual .tit{font-family: 'S-CoreDream';font-weight: 800;font-size:65px;line-height:1.3;letter-spacing:0rem; color:#000;margin-bottom:80px;}
.mainVisual .tit > span{color:#00acec; }

.mainVisual .titleWrap{display: flex; justify-content: center; align-items: flex-end; gap:5px; margin-bottom:20px;}
.mainVisual .titleWrap img{max-width:100%;max-height:60px; }
.mainVisual .titleWrap .txt{font-family: 'S-CoreDream';font-weight:700;font-size:30px;line-height:1.2;color:#000;}
.tit-character{text-align: center; margin-bottom:20px; padding:0 15%; box-sizing: border-box; }
.tit-character img{ max-width:100%;}

.contents-1{position:relative; width:100%;max-width:var(--content-width);  margin:0 auto; text-align: center; padding:80px var(--wrap-padding) 100px; border-bottom:1px solid #e9f5f0; box-sizing: border-box; }
.contents-1 .box-1{position:relative; border:1px solid #96e3f3;background:#f4fdfe; border-radius: 4px; padding:40px 40px 50px; margin-bottom:80px; box-sizing: border-box;}
.contents-1 .box-1 > ul{display: flex; gap:40px;}
.contents-1 .box-1 > ul > li{flex:1; display: inline-flex;flex-direction: column; align-items: center; gap:10px; }
.contents-1 .box-tit{font-family: 'S-CoreDream';font-weight:600;font-size:20px;line-height:1.45;color:#000; margin-bottom:5px;}
.contents-1 .rbox{width:100%; height:45px; display:flex;justify-content: center; align-items: center; border-radius: 20px; font-family: 'Pretendard';font-weight:500;font-size:19px;line-height:1.3;}
.contents-1 .rbox.type1{border:1px solid #d4d9f5;background:#fff; color:#333;}
.contents-1 .rbox.type2{border:1px solid #00acec;background:#dafafd;color:#00acec;}
.contents-1 .rbox.type3{border:1px solid #00acec;background:#00acec;color:#fff;}
.contents-1 .rbox > span{font-family: 'S-CoreDream'; font-weight:800;font-size:24px;letter-spacing:0.03rem; }
.contents-1 .box-2{/*border:1px solid #c3b9df;background:#faf9fd;*/ background: #393660; border-radius: 4px; padding:30px 10px;text-align: center; margin-bottom:80px; box-sizing: border-box;}
.contents-1 .box-2 input[type=checkbox] + label{font-family: 'S-CoreDream';font-weight:600; font-size:18px; color:#fff;}
.contents-1 .box-2 input[type=checkbox] + label > span{color:#e99dfc;}

.contents-1 .btnArea{position:absolute; left:50%;bottom:-30px; transform:translateX(-50%); width:100%; z-index: 2;}
.contents-1 .btnArea a{color:#fff;}
.ev-btn{width: fit-content;display: inline-flex; align-items: center; gap: 10px; height:50px; font-family: 'S-CoreDream';font-weight:400;font-size:14px;line-height:1;letter-spacing:-0.03rem; color:#fff;  padding:0px 40px; border-radius: 30px; background: linear-gradient(90deg, #383ba5 20%, #584fbd 60%, #6f5dcf ); }
.ev-btn .bold{font-weight:600;font-size:18px; }
.ev-btn img{width:24px;}

.contents-1 .boxArea{display: flex;gap:10px; flex-wrap: wrap; }
.contents-1 .boxArea .box{flex:1; text-align:left; border:1px solid #96e3f3;background:#fff; border-radius: 4px; padding:30px 20px;box-sizing: border-box;  }
.contents-1 .boxArea .box > ul{display: flex; gap:10px; }
.contents-1 .boxArea .box .cont{flex:1; padding-left:10px; }
.contents-1 .boxArea .box .imgArea{flex:0 0 110px; height:100%; align-self: center;}
.contents-1 .boxArea .box .imgArea-1{flex:0 0 140px; height:100%; align-self: center;}
.contents-1 .boxArea .box img{max-width:100%;}
.contents-1 .boxArea .stit{font-family: 'S-CoreDream';font-weight:700;font-size:22px;line-height:1.45;color:var(--main-color); margin-bottom:20px;}
.contents-1 .boxArea .box .txt{font-weight:400;font-size:15px;line-height:1.5;letter-spacing:0rem; color:#444; }
.contents-1 .boxArea .box .bold{font-weight:600; color:#000; }
.contents-1 .boxArea .stit.type1{color:#383ba5;}


.contents-tag{position:absolute; left:50%; top:-30px;transform:translateX(-50%); z-index: 2; width:150px; height:60px;background-size:auto 60px; background:url(../images/tabbg.png) 50% 0% no-repeat;font-family: 'S-CoreDream';font-weight: 500;font-size:18px;line-height:1.2;color:#fff; text-align: center; padding-top:16px;box-sizing: border-box; }
.contents-tag > span{font-weight: 700;font-size:20px; margin-left:5px;}
.contents-tit{font-family: 'S-CoreDream';font-weight:700;font-size:40px;line-height:1.45;color:#333;padding:0px 20px;box-sizing: border-box; margin-bottom:40px;}
.contents-tit-lg{font-family: 'S-CoreDream';font-weight:700;font-size:40px;line-height:1.45;color:#333; margin-bottom:30px;}
.contents-tit-lg > br{display:none}
.contents-tit-m{font-weight:400;font-size:40px;line-height:1.45;color:#333; margin-bottom:5px;}
.contents-txt{font-weight:400;font-size:24px;line-height:1.45;color:var(--main-color);}

.contents-2{position:relative; width:100%;max-width:var(--content-width);  margin:0 auto; text-align: center; padding:80px var(--wrap-padding) 180px;box-sizing: border-box; }
.contents-2 .tit-point{font-family: 'S-CoreDream';font-weight:800;font-size:45px;line-height:1.4;color:#0072c9;margin-bottom:60px;}

.bar-txt{width:100%; margin:0px auto 20px; background:var(--main-color); padding:10px 20px;border-radius: 30px; font-family: 'S-CoreDream';font-weight: 600;font-size:26px;line-height:1.45;color:#000;box-sizing: border-box;}
.bar-txt > span{color:#fff;}

.coupon-wrap{position:relative;width:100%; max-width:var(--content-width); margin:0 auto 20px;  border-radius: 10px; border:2px solid #96e3f3; background:#f4fdfe; box-sizing: border-box;}
.coupon-wrap ul{display:flex; flex-wrap: wrap; gap:20px;}
.coupon-wrap ul li{flex:1; }
.coupon-wrap ul li img{width:100%;}
.coupon-wrap .tag{position:absolute; left:50%; top:50%;transform:translate(-50%, -50%);display: inline-flex;justify-content: center;align-items: center; width:80px;height:80px;font-family: 'S-CoreDream';font-weight: 700;font-size:20px;line-height:1.2;letter-spacing:-0.01rem; color:#fff; border-radius: 50%; background:var(--main-color); z-index:1; }
.coupon-wrap .tag.sm{font-size:16px;line-height:1.3;font-weight: 600; }
.coupon-box{width:100%;  padding:50px;box-sizing: border-box;}
.coupon-box img{width:100%;}

.contents-3{position:relative; width:100%;margin:0 auto; text-align: center; padding:140px var(--wrap-padding) 80px;box-sizing: border-box; }
.contents-3::before{position:absolute;content: '';left:0px; top:0;width:100%; height:100%;background: #fafafa;z-index:-2; }
.contents-3 .character-wrap{position:absolute; left:50%; top:-100px;transform:translateX(-50%); z-index: 2;width:100%; margin:0 auto;  }
.contents-3 .character{width:100%; margin:0 auto; text-align: center;  }
.contents-3 .character img{max-width:100%; max-height:200px;}

.benefit{width:100%;  max-width:570px; margin:60px auto 40px; text-align: center; box-sizing: border-box;}
.benefit .box{position:relative; width:100%;text-align: center; margin-top:50px; padding:50px 10px 30px; box-shadow:1px -1px 16px rgba(0,0,0,.05); border-radius:10px; box-sizing: border-box;}
.benefit .box::before{position:absolute;content: '';left:50%; top:-25px; transform:translateX(-50%); width:100%; height:50px;z-index:1; }
.benefit .box.type1{border:1px solid #0072c9;background:#fbfbfe; }
.benefit .box.type1::before{ background:url(../images/benefit-category1.png) 50% 0% no-repeat;background-size:auto 50px; }
.benefit .box.type2{border:1px solid #00acec;background:#fbfbfe; }
.benefit .box.type2::before{background:url(../images/benefit-category2.png) 50% 0% no-repeat;background-size:auto 50px; }
.benefit .box.type3{border:1px solid #8350d3;background:#fbfbfe; }
.benefit .box.type3::before{background:url(../images/benefit-category3.png) 50% 0% no-repeat;background-size:auto 50px;  }
.benefit .box-tit{font-weight:700;font-size:26px;line-height:1.4;letter-spacing:-0.01rem; color:#333;}

.coupon-desc{position:relative;width:100%;max-width:850px;  margin:0 auto;  text-align: center; font-family: 'S-CoreDream';font-weight: 400;font-size:18px;line-height:1.3;letter-spacing:-0.01rem; color:#efecff;  padding:10px 60px 10px 60px; box-sizing: border-box;}
.coupon-desc::before{position:absolute;content: '';left:20px; top:0; width:calc(100% - 20px); height:100%;border-radius:30px; background:var(--concept-color);z-index:-1; }
.coupon-desc::after{position:absolute;content: '';left:0px; top:0; width:45px; height:45px;background:url(../images/character-1.png) 0% 0% no-repeat; z-index:1; }
.coupon-desc > span{font-weight:700; color:#fff;}

.contents-4{position:relative; width:100%;margin:0 auto; text-align: center; padding:80px var(--wrap-padding);box-sizing: border-box; }
.contents-4 ul{display:flex; gap:20px; flex-wrap: wrap; width:100%; max-width:800px; margin:20px auto 60px; }
.contents-4 li{flex:1;}
.contents-4 li img{width:100%;}
.contents-4 .contents-tit-lg{ margin-bottom:15px;} 

.formWrap{ padding:var(--h-padding) var(--wrap-padding);background:var(--concept-color); box-sizing: border-box;}
.title{margin:0 auto; text-align: center; font-family: 'S-CoreDream'; font-weight: 700;font-size:30px;line-height:1.45;color:#fff; }
.title > span{color:#e7deff; }
.title br{display:none; }

/* form */
.form_sty{width:100%;max-width:var(--content-width);margin:60px auto;  box-sizing: border-box; }
.form_sty > ul{display: flex;justify-content:space-between; align-items: center;gap:0px;  width:100%; margin-bottom:30px; }
.form_sty > ul > li{flex:0 0 50%; min-height:40px; display:inline-flex;align-items: center; gap:10px; }
.form_sty .tit{font-weight:600;font-size: 16px;color: #fff;line-height:1;}

.form_sty .col{flex:1;}
.form_sty .col-t{flex:0 0 100px;display:inline-flex;align-items: center;  justify-content: flex-end;}
.form_sty .col-1{flex:1;}
.form_sty .selectWrap{display:flex;align-items: center; gap:10px;width:100%;}
.form_sty .selectWrap > *{flex:1;}
.form_sty .choiceWrap{display:flex;align-items: center; gap:10px; width:100%;}
.form_sty > ul.phone-chk-1{display:none;}

.form_sty .bar{font-weight:400;font-size: 16px;color: #fff;line-height:1;}
.form_sty .w2{width:120px;}
.form_sty .w3{width:30px;}
.txt-circle{display: inline-flex; align-items: center; justify-content: center; width:14px; height:40px;}
.txt-circle .circle{display: inline-block; width:9px; height:9px; background:#333;border-radius:50%;}

.form_sty.white_ver input[type=checkbox] + label{color: #fff;}
.form_sty.white_ver input[type=checkbox]+ label:before {background:url(../images/i_chkbox.png) 50% 50% no-repeat #fff; opacity: .7;} 
.form_sty.white_ver input[type=checkbox]:checked + label:before { background:url(../images/i_chkbox_wh.png) 50% 50% no-repeat var(--sub-color);}  
.form_sty.white_ver input[type=radio] + label{color: #fff;}
.form_sty.white_ver input[type=radio]+ label:before {border:4px solid #fff; } 
.form_sty.white_ver input[type=radio]:checked + label:before {border:5px solid var(--point-color); text-align: center;} 

.chkBox{width:100%;max-width:var(--area-width); margin:0px auto 40px;}
.chkBox ul{display:flex; /* flex-wrap: wrap; */ justify-content:center;align-items: center;gap:40px; box-sizing: border-box;}
.chkBox li{display: inline-flex; align-items: center;gap:5px;}
.chkBox input[type=checkbox] + label{color: #fff;}
.chkBox input[type=checkbox]+ label:before {background:url(../images/i_chkbox.png) 50% 50% no-repeat #fff;opacity: .7;} 
.chkBox input[type=checkbox]:checked + label:before {background:url(../images/i_chkbox_wh.png) 50% 50% no-repeat var(--sub-color);  opacity: 1;}  
.chkBox a{color: #fff;}

.checkbox{position:relative;}
.checkbox.type1{}  /* 성별선택 */
.checkbox.type1 label{text-align:center;}
.checkbox.type1 .cbox{position: relative;display:inline-flex; justify-content: center; align-items: center; width:40px;height:40px; border-radius: 4px; background:#fff; font-weight:600;font-size: 16px;color:var(--sub-color);line-height:1;}
.checkbox.type1 .cbox > p{position:absolute;left:50%;top:50%;width:100%;transform:translate(-50%, -50%);vertical-align:middle;text-align:center; font-weight:600;font-size: 16px;color:var(--sub-color);line-height:1; }
.checkbox.type1 input:checked + .cbox{ background: var(--sub-color);font-weight:700;color:#fff; }
.checkbox.type1 input:checked + .cbox > p{font-weight:700;color:#fff;}

.checkbox.type2{}
.checkbox.type2 label{text-align:center;}
.checkbox.type2 input + span.circle{margin-top:20px; width:20px; height:20px; border:6px solid #cbcdd3;display:inline-block;transition:all .2s;background:#fff;border-radius:50%;}
.checkbox.type2 input:checked + span.circle{border:6px solid var(--concept-color);}
.checkbox.type2 input:checked + .coupon-box{ border:2px solid var(--concept-color); background:var(--concept-color);}

/* 박스 전체 이미지 변경시 사용 */
.checkbox.type3{}
.checkbox.type3 label{width:100%;}
.checkbox.type3 .box{width:100%; text-align:center;}
.checkbox.type3 .box .coupon-box{width:100%; border-radius: 10px; padding:50px; background:var(--light-bgcolor); box-sizing: border-box; margin-bottom:20px;}
.checkbox.type3 .box .coupon-box img{width:100%;}
.checkbox.type3 .box .circle{ width:20px; height:20px; border:6px solid #cbcdd3;display:inline-block;transition:all .2s;background:#fff;border-radius:50%;}
.checkbox.type3 input:checked + .box .coupon-box{background:var(--point-color);}
.checkbox.type3 input:checked + .box .circle{border:6px solid var(--concept-color);}


.i_right_arrow {position: relative; padding-right:20px; text-align: left;}
.i_right_arrow::after { content: ' ';position: absolute; top: 50%;right: 0px; width:12px; height: 12px; margin-top: -6px;border: 2px solid #fff;border-top: none;border-right: none; transform: rotate(-135deg);}

.cont_pop{font-weight:400;font-size:16px;line-height:1.3;color:#333; box-sizing: border-box;}
.cont_pop textarea{width:100%; height:70vh;}

.pop-ok{text-align: center; background:url(../images/ok-img.png) 50% 0% no-repeat; padding-top:140px; font-weight:400;font-size:16px;line-height:1.45;color:#333; margin:30px 0; box-sizing: border-box;}
.pop-ok > p{margin-bottom:10px; }
.pop-ok > p > span{ font-weight:700; }

.tg  {width:100%;margin:10px 0;}
.tg td{text-align:left;border:1px solid #bbb;font-weight:400;font-size:14px;color:#333; overflow:hidden;padding:10px 5px;word-break:normal;}
.tg th{text-align:left;border:1px solid #bbb;font-weight:500;font-size:14px;color:#333;overflow:hidden;padding:10px 5px;word-break:normal;background:#f9f9f9;}
.tg .tg-center{text-align:center;}

.noticeWrap{position:relative;width:100%;max-width:var(--content-width);margin:40px auto 0; padding:40px; border-radius: 10px; box-sizing: border-box; z-index:1; }
.noticeWrap::before{position:absolute;content: '';left:0px; top:0; width:100%; height:100%; background:url(../images/bg_pattern.png) 50% 50% repeat;border-radius: 10px; z-index:-1; }
.noticeWrap .tit{width:100%; min-height:35px;font-weight:700;font-size:20px;line-height:1.6;letter-spacing:-0.01rem; color:#000;  background:url(../images/icon-notice.png) 0 50% no-repeat; background-size:35px auto; padding-left:45px; box-sizing: border-box; margin-bottom:20px; }
.noticeWrap p{margin-bottom:10px;}
.noticeWrap > *{margin-top:40px; }
.noticeWrap > *:first-child{margin-top:0px; }

.bullet-txt{position:relative;font-weight:300;font-size:16px;color:#000; line-height:1.45; padding-left:20px;letter-spacing:0em;box-sizing: border-box;}
.bullet-txt::before{position:absolute;content: ' ';left:10px;top:10px; width:4px; height:4px;background:var(--concept-color); border-radius:50%; }
.txt-m{font-weight:400;font-size:16px;color:#333;line-height:1.3;}
.noticeWrap .txt-m{padding-left:20px;box-sizing: border-box;}


/* text */

.txt--md{font-weight:500;font-size:14px;color:#fff;line-height:1.3;letter-spacing:-0.01rem;}
.tit--md{font-weight:700;font-size:16px;color:#333;line-height:1.3;letter-spacing:-0.01rem;}
.tit-lg{font-weight:700;font-size:18px;color:#333;line-height:1.3;letter-spacing:-0.01rem;}

.tableDiv{width:100%; border-top:1px solid var(--concept-color); margin:20px 0; }
.tableDiv ul{display: flex; flex-wrap: wrap; }
.tableDiv .col1{flex:0 0 20%; }
.tableDiv .col2{flex:0 0 15%;}
.tableDiv .col3{flex:1;}
.tableDiv .col4{flex:0 0 15%;}
.tableDiv .col5{flex:0 0 15%;}
.tableDiv li{border-left:1px solid #bfc0d4; border-bottom:1px solid #bfc0d4;  text-align: center; display: inline-flex; flex-direction: column;   }
.tableDiv li:first-child{ border-left:0; }
.tableDiv .tit{ height:40px; font-weight:500;font-size:16px;color: var(--point-color);background:#f3eff8;   padding:10px; box-sizing:border-box;  }
.tableDiv .text{/* height: calc(100% - 40px); */ display:inline-flex;flex-direction: column; justify-content: center;border-top:1px solid #bfc0d4;background: #f9f9f9;   font-weight:400;font-size:14px;color: var(--point-color);line-height:1.45; padding:10px; box-sizing:border-box;   }
.tableDiv .text > p{margin-top:6px; }
.tableDiv .text > p:first-of-type{margin-top:0; }
.tableDiv .text.big{height: 120px; background: #fff; }

.floating{position: fixed; left:0; bottom:0px; width:100%; z-index: 9; opacity: 0; /* transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; */ }
.floating_btn{display:flex; align-items: center;justify-content: center; text-align: center; gap:25px;  width:100%; height:var(--h-floating); background: linear-gradient(90deg, #2c2e71 20%, #383ba5 60%, #402cab ); font-weight:800;font-size:24px; color: #fff; border-radius: 8px; box-shadow: 0px 0px 24px 0px rgba(104, 104, 104, 0.3);}
.floating.active{animation: workAni .3s .2s both;}
.floating_btn .img{position:relative; margin-top:-30px;}
.floating_btn .img img{height:var(--h-floating);}
.floating_btn .icon img{height:30px;}
.floating_btn:hover{color: #fff;}
.floating_btn .bar{  border-radius: 8px; padding:8px 16px;background:#0e1046; font-weight:400;font-size:16px; color: #fff;   }

@keyframes workAni {
    0% {opacity: 0;transform: translateY(100px)}
    100% {opacity: 1;transform: translateY(0)}
}

.mainTit-line{display:flex; align-items: center;justify-content: center; gap:40px; text-align: center;margin:var(--h-padding) auto;  }
.mainTit-line .txt{display: inline-flex; gap:5px; font-family: 'S-CoreDream';font-weight: 700;font-size:40px;line-height:1.45;letter-spacing:-0.01rem; color:var(--second-color);}
.mainTit-line .txt > span{ color:var(--concept-color);}
.mainTit-line .line{flex:1; position:relative;}
.mainTit-line .line::before{position:absolute;content: '';left:0px; top:50%;transform:translateY(-50%); width:100%; height:1px; background:var(--concept-color);z-index:-1; }
.mainTit-line.type1{margin:var(--h-padding) auto 40px;  }
.mainTit-line.type1 .txt > span{ color:var(--blue-color);}
.mainTit-line.type1 .line::before{background:var(--blue-color);}
.movie{width:100%;margin:0px auto; }