@charset "euc-kr";

.section{width:100%; max-width:1000px;padding:60px 40px;margin:0 auto;border-left:1px solid #f1f1f1;border-right:1px solid #f1f1f1;box-sizing: border-box;}
.title-wrap{display:flex;justify-content: center;width:100%;margin:0px auto 60px;}
.title-wrap .roundBox1{display:inline-flex;align-items: center;font-weight: 600;font-size:25rem;line-height:1;color:var(--point-color); padding:0 60px 0 30px; height:50px;background:#fff; border-radius:36px; border:2px solid var(--point-color); box-sizing:border-box;}
.title-wrap .roundBox2{display:inline-flex;align-items: center;font-weight: 600;font-size:25rem;line-height:1;color:#fff;padding:0 30px; height:50px;background:var(--concept-color); border-radius:36px; border:2px solid var(--concept-color); box-sizing:border-box;margin-left:-40px; z-index: 2;}
.title-wrap .roundBox2 > em{display:inline-block;font-style: normal; font-weight:600;font-size:30rem;line-height:1;color:#bfb4fc;margin-right:20px;padding-bottom:4px;}

.title-big{text-align:center;font-weight: 700;font-size:70rem;line-height:1.2;color:var(--second-color);margin:0px auto 20px;}
.title{text-align:center;font-weight: 700;font-size:24rem;line-height:1.2;color:var(--second-color);margin:0px auto 20px;}

.txt-m{text-align:center;font-weight: 400;font-size:30rem;line-height:1.2;color:var(--second-color);margin:0px auto 80px;}
.txt-s{text-align:center;font-weight: 400;font-size:20rem;line-height:1.4;color:var(--second-color);margin:0px auto 40px;}
.txt-s br{display:none;}

.title-ending{text-align:center;font-weight: 400;font-size:34rem;line-height:1.2;color:#5f52bd;margin:0px auto 20px;}
.txt-ending{display:flex;flex-direction: column;align-items: center;text-align:center;}
.txt-ending > p{font-weight: 700;font-size:30rem;line-height:1.5;color:#3a277c;}
.txt-ending > p > span{display:inline-block; position:relative;font-weight: 700;font-size:30rem;color:#fff;line-height:1.7;z-index: 1;padding:0 8px; margin-right:4px;}
.txt-ending > p > span:before {content: "";position: absolute; left:0; top:0; width:100%; height:100%; background:#ff625c;border-radius:8px; z-index:-1;}
.txt-ending > p br{display:none;}

.imgArea{width:100%;margin:0px auto 80px;text-align:center;box-sizing: border-box;}
.imgArea img{max-width:100%;}

.imgArea.full{width:100%;margin:0px auto 80px;text-align:center;box-sizing: border-box;}


.landing-info{display:flex;justify-content: center;width:100%; max-width:800px;margin:0 auto;}
.landing-txt{display:inline-flex;flex-direction: column;align-items: center;justify-content: center;}
/* textType  */
.bullet-list{display: inline-block;width:100%;padding-left:9px;font-weight:400;font-size:18rem;color:var(--second-color);letter-spacing:-0.5rem;line-height:1.2;margin-bottom:10px;box-sizing: border-box;}
.bullet-list::before {content: ' '; display: inline-block; vertical-align: top;width:4px; height:4px; margin-top:8px;margin-left:-9px;margin-right:6px;border-radius: 50%; background: currentcolor;}

.alert-list-1{display: inline-block;width:100%;padding-left:14px;font-weight:500;font-size:13px;color:#666;letter-spacing:-0.5rem;line-height:1.4;}
.alert-list-1::before {content: '¡Ø'; display: inline-block; vertical-align: top;font-size:14px;margin-left:-14px;margin-right:5px;color:#666;}

.alert-list-2{display: inline-block;width:100%;font-weight:400;font-size:14px;color:var(--concept-color);letter-spacing:-0.5rem;line-height:1;padding-left:20px;}
.alert-list-2::before {content: '¡â'; display: inline-block; vertical-align: top;font-size:14px;margin-left:-20px;margin-right:6px;color:var(--concept-color);}

.text-list{font-size:14px;color:#666;letter-spacing:0rem;line-height:1.4; text-indent:-16px; padding-left:16px; margin-bottom:8px;box-sizing: border-box;}

.ev-process{border:2px solid var(--point-color); padding:40px;}
.ev-process ul{display:flex; width:100%;}
.ev-process li{flex:1;padding-right:30px;position: relative;}
.ev-process li::before{content: ' ';position: absolute; right:0px; top:0;background:url(../images/arrow.png) 50% 35% no-repeat; width:30px;height:100%; }
.ev-process li:last-child {padding-right: 0;}
.ev-process li:last-child::before {background:none;}

.ev--pbox{display:inline-flex;width:100%; flex-direction: column;align-items: center;}
.ev--pbox .icon--box{display:inline-flex;width:100%; margin-bottom:15px;}
.ev--pbox .icon--txt{font-weight: 700;font-size:18rem;line-height:1.2;color:var(--second-color);text-align:center;}
.ev--pbox .icon--txt br{}

.ev-process-2{padding:0px 10%;}
.ev-process-2 ul{display:flex; width:100%;}
.ev-process-2 li{flex:1;padding-right:50px;position: relative;}
.ev-process-2 li::before{content: ' ';position: absolute; right:0px; top:0;background:url(../images/arrow.png) 50% 35% no-repeat; width:50px;height:100%; }
.ev-process-2 li:last-child {padding-right: 0;}
.ev-process-2 li:last-child::before {background:none;}

.circleBox{position: relative; display: inline-block; width:100%; height:0px;padding-top:100%;overflow: hidden;border-radius:50%;box-sizing: border-box;}
.circleBox img{position: absolute; top: 0; left: 0; right: 0; bottom: 0;width:100%; height:100%;object-fit: cover; object-position: 50% 50%;}

.process-icon1{background:url(../images/process-icon1.png) 50% 50% no-repeat #f5f4fd;background-size:70% auto;}
.process-icon2{background:url(../images/process-icon2.png) 50% 50% no-repeat #f5f4fd;background-size:70% auto;}
.process-icon3{background:url(../images/process-icon3.png) 50% 50% no-repeat #f5f4fd;background-size:70% auto;}
.process-icon4{background:url(../images/process-icon4.png) 50% 50% no-repeat #f5f4fd;background-size:70% auto;}
.process-icon5{background:url(../images/process-icon5.png) 50% 50% no-repeat #f5f4fd;background-size:70% auto;}
.process-icon6{background:url(../images/process-icon6.png) 50% 50% no-repeat #f5f4fd;background-size:70% auto;}


.btn_form {position:fixed; left:50%; bottom:20px; transform:translateX(-50%); padding:18px 40px; background:var(--point-color);font-weight:700;font-size:20px;line-height:1.2;color:#fff;white-space:nowrap;z-index:100;cursor:pointer;border-radius:4px;box-sizing: border-box;
    animation: scrollAni 2.0s ease-in-out reverse; animation-iteration-count: infinite; 
	-webkit-animation: scrollAni 2.0s ease-in-out reverse; -webkit-animation-iteration-count: infinite; 
	-moz-animation: scrollAni 2.0s ease-in-out reverse; -moz-animation-iteration-count: infinite; box-shadow: 0px -4px 16px rgba(0, 0, 0, .1);}
.btn_form:hover{color:#fff;}

 @keyframes scrollAni{
	0%{bottom: 20px;} 
	25%{bottom: 30px;} 
	50%{bottom: 20px;} 
	75%{bottom: 30px;} 
	100%{bottom: 20px;} 
}
@-webkit-keyframes scrollAni{
	0%{bottom: 20px;} 
	25%{bottom: 30px;} 
	50%{bottom: 20px;} 
	75%{bottom: 30px;} 
	100%{bottom: 20px;} 
}
@-moz-keyframes scrollAni{
	0%{bottom: 20px;} 
	25%{bottom: 30px;} 
	50%{bottom: 20px;} 
	75%{bottom: 30px;} 
	100%{bottom: 20px;} 
}

.section-img{width:100%; max-width:1000px;padding:150px 0px 150px 5%;margin:0 auto;border-left:1px solid #f1f1f1;border-right:1px solid #f1f1f1;background:url(../images/ev3.png) 50% 50% no-repeat;background-size:cover;box-sizing: border-box;}
.section-img > p{font-weight:400;font-size:30rem;color:var(--concept-color);letter-spacing:-0.5rem;line-height:1.5;position: relative;}

.txt-ending-2{display:flex;flex-direction: column;align-items: center;text-align:center;margin-bottom:60px;}
.txt-ending-2 > p{font-weight: 700;font-size:30rem;line-height:1.5;color:#3a277c; margin-bottom:8px;}
.txt-ending-2 > p > span{display:inline-block; position:relative;font-weight: 700;font-size:30rem;color:#6f55ff;line-height:1.5;z-index: 1;padding:0 24px; margin:0 5px;}
.txt-ending-2 > p > span:before {content: "";position: absolute; left:0; top:0; width:100%; height:100%; background:#f0eeff;border-radius:16px; z-index:-1;}
.txt-ending-2 em{display:inline-block;font-style: normal;font-size:16rem;color:#6f55ff;padding:10px 5px 0px;}
.txt-ending-2 > p br{display:none;}

.ending-list{width:100%;margin-bottom:80px;font-size:0;}
.ending-list li {display:inline-block;width:33.3333%;text-align:center;padding:0 15px;box-sizing: border-box;}
.ending-list .iconArea{margin-bottom:20px;}
.ending-list .iconArea img{max-width:100%;}
.ending-list .txtArea{}
.ending-list .stit{font-weight: 400;font-size:20px;line-height:1.4;color:#3a277c;}
.ending-list .tit{font-weight: 700;font-size:20px;line-height:1.4;color:#3a277c;margin-bottom:15px;}
.ending-list .txt{font-weight: 400;font-size:14px;line-height:1.4;color:#666;}

/* form */
.title-form{display:flex;justify-content: center;align-items: center;width:100%;max-width:1000px;height:60rem; margin:0px auto;font-weight: 700;font-size:22rem;color:#fff;letter-spacing:-0.5rem; background:var(--concept-color); }
.title-form em{display:inline-block;font-style: normal; font-weight:600;font-size:30rem;line-height:1;color:#bfb4fc;margin:0 4px;padding-bottom:4px;}

.form_sty{width:100%;max-width:800px; font-size:0;margin:0 auto 40px; padding-bottom:40px; border-bottom:1px solid #dfdfdf;}
.form_sty ul{display:flex;align-items: center; width:100%;margin-top:20px;}
.form_sty ul:first-child{margin-top:0px;}
.form_sty .top{align-self:flex-start;margin-top:15px;}
.form_sty li{}
.form_sty .tit{flex:0 0 150px;text-align:left;font-weight: 600;font-size: 18rem;color: #333;line-height:1;letter-spacing:-0.5rem;}
.form_sty .cont{flex:1; text-align:left;font-weight:400;font-size: 18rem;color:#333;}
.form_sty .txt-point{font-weight:700;font-size: 16px;color:#ff625c;line-height:1.4;}
.form_sty .col100{flex:0 0 100%; padding-left:150px;padding-top:10px;box-sizing: border-box;}

.f-group-A {display:flex;width:100%;margin:0px;align-items:center;}
.f-group-A > * {margin-left:10px;}
.f-group-A > *:first-child { margin-left: 0;}
.f-group-A .select-w{width:30%;} /* ¸ð¹ÙÀÏ 100% */
.f-group-A .w1{width:50%;}
.f-group-A .w2{width:100px;}
.f-group-A .input-w{flex: 1;}
.f-group-A .sm{min-width:10px;text-align:center;font-weight:400;font-size:14px;color:#333;}

.chk-all, .children{display:inline-block;width:100%;margin-top:10px;}

.terms-wrap{width:100%;max-width:800px;margin:0 auto 40px;}
.terms-tit{display:flex;justify-content: space-between; align-items: center;margin-bottom:20px;}
.terms-tit .tit{font-weight: 600;font-size: 20rem;color: #333;line-height:1;letter-spacing:-0.5rem}
.terms-tit .terms--btn{margin-right:0%;}
.terms-tit .terms--btn > button{display:inline-block;font-weight: 500;font-size: 13px;color: #333;line-height:1;letter-spacing:-0.5rem; border:1px solid #666; padding:5px 16px;border-radius:16px;margin-right:0%;}


.table-scroll {margin: 0 auto;overflow: auto; 
    scrollbar-arrow-color: #fff; /* IE 6+ scroll styles */
    scrollbar-face-color: #999;
    scrollbar-shadow-color: #333;
    scrollbar-highlight-color: #000;
    scrollbar-darkshadow-color: #000;
    scrollbar-track-color: #ddd; /* Last IE 6+ scroll styles */
    scrollbar-color: #999 #ddd; /* Firefox 64+ */
    scrollbar-width: thin; /* Firefox 64+ */
    width: 100%;    
  }
  
  .table-scroll::-webkit-scrollbar {width: 6px;height: 6px;}
  .table-scroll::-webkit-scrollbar-track {background: padding-box #ddd;border-radius: 4px;}
  .table-scroll::-webkit-scrollbar-thumb {background: padding-box #999;border-radius: 4px;}
  .table-scroll::-webkit-scrollbar-thumb:hover { background: padding-box #aaa;}
  .table-scroll::-webkit-scrollbar-thumb:active {background: padding-box #333;box-shadow: inset 0 0 3px rgba(192, 192, 192, 0.5);}
  
  .table-wrapper {/*height: 30em;height: 66.9vh;margin: 0 auto;min-height: 7em;*/border-top: 1px solid #fff;/*width: 98%; */width:100%;height:100%;min-width:600px;}
  .table-wrapper table {border-collapse: collapse;font-variant-numeric: tabular-nums; vertical-align: middle;}
  .sticky-table {margin: 0 auto;text-align: center;width: 100%;}
  .table-head, .table-foot {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
  
  .table-head:before, .table-head:after {content: "";display: table;}
  .table-head:after {clear: both;}
  .table-body, .table-foot {cursor: default;}
  .table-body .table-row:nth-child(even) {background: #c31414;}
  
  .col-head {text-align:center;padding:10px;vertical-align:middle;background-color: #f1f1f1;border-bottom:1px solid #dcdcdc;border-left:1px solid #dcdcdc;font-size:15px;color: #333;font-weight:600;line-height:1;letter-spacing:-0.5rem;}
  .cell{padding:10px;vertical-align:middle;border-bottom:1px solid #dcdcdc;border-left:1px solid #dcdcdc;background-color: #fff;text-align:center;font-size:14px;color: #333;font-weight:400;line-height:1.4;letter-spacing:-0.5rem;}
  
  .sticky-table th:last-child, .sticky-table td:last-child{border-right:1px solid #dcdcdc;}
  .table-wrapper .bg_point{background:#f1f1f1;font-weight:600;;}

  /* table */
.table table{width:100%;min-width:100%;table-layout: fixed;}
.table.type1{width:100%;/* overflow:auto; */margin:0px auto;border-top:1px solid var(--point-color) }
.table.type1 th{background-color: #f1f1f1;border-bottom:1px solid #dcdcdc;border-left:1px solid #dcdcdc;text-align:left;vertical-align:middle;padding:10px;font-weight:600;font-size:14px;color: #333;line-height:1.3;letter-spacing:-0.5rem;}
.table.type1 td{background-color: #fff;text-align:left;vertical-align:middle;padding:10px;border-bottom:1px solid #dcdcdc;border-left:1px solid #dcdcdc;font-weight:400;font-size:14px;color: #333;line-height:1.3;letter-spacing:-0.5rem;word-wrap: break-word;word-break: keep-all;}
.table.type1 th:last-child, .table.type1 td:last-child{border-right:1px solid #dcdcdc;}


/*img °ü·Ã */
.imgMax{max-width:100%;}
.imgFix{width:100%;}

.pc_only{display: inline-block;}
.mo_only{display: none;}

/* Æ˾÷ Basic */
.popupWrap_A{position:relative;display: inline-block; width: 100%;background:#fafafa;margin:0 auto;}/* basic */

.pop--top{position:fixed;left:50%;top:0px;transform:translateX(-50%);width:100%;max-width:800px; height:40px;background:#f5f4fd;box-shadow: 0px 1px 16px rgba(0, 0, 0, .1); z-index:2}
.pop--tit{font-weight:700;font-size:17px;color: #000;line-height:40px;letter-spacing:-0.5rem;  padding-left:40px;}
.icon-close-black{position:absolute; right:20px;top:12px;width:15px; height:15px;background:url(../img/i_close.png) 50% 50% no-repeat;text-indent: -9999px; z-index:2}
.icon-close-white{position: absolute;right:20px;top:20px;width:14px; height:14px;background:url(../img/i_close_wh.png) 50% 50% no-repeat;text-indent: -9999px; z-index:2}

.popupBox_A{position:relative;width: 100%;padding:60px 40px;background:#fff;overflow: hidden;} 
.popupBox_A .txt1{font-weight:400;font-size:14px;color: #333;line-height:1.4;letter-spacing:-0.5rem;margin-bottom:10px;} 
.popupBox_A .b-tit{display:block; font-weight:700;font-size:14px;color: #333;line-height:1.4;letter-spacing:-0.5rem;margin-bottom:5px;} 
.popupBox_A .tit{font-weight:600;font-size:14px;color: #333;line-height:1.4;letter-spacing:-0.5rem;margin-bottom:10px;} 

.popupBox_A .sec{padding-top:40px;}