/* common */
body { overflow-x:hidden; } 
.re_f_wrap { margin-top:0; } 
.evt_wrap { overflow:hidden; } 
.ov { overflow:hidden; } 
.in_wide { width:2560px; position:relative; left:50%; margin-left:-1280px; text-align: center; } 
.in { width: 1000px; margin: 0 auto; text-align:center; } 
:focus { outline:none; } 
.pos_r { position:relative; }
.f_col { display: flex; flex-direction: column; align-items: center; } 
.hidden { display: none; } 

.pop_wrap{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999;}
.pop_wrap .pop_bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6);}
.pop_wrap .pop_con{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.pop_wrap .pop_close{position: absolute; top: 0; right: 0; width: 40px; height: 40px; line-height: 40px; font-size: 40px; color: #333;}

.closing_banner_wrap{position: fixed; bottom: 0; right: 0; width: 20%; height: 23%; z-index: 8;}
.closing_banner_wrap .closing_banner{position: absolute; bottom: 0; right: 0;}
.closing_banner_wrap .closing_banner .close{position: absolute; bottom: 0; right: 0; width: 53px; height: 28px; font-size: 0;}
.closing_banner_wrap .closing_banner .closing_closetoday{position: absolute; bottom: 0; right: 60px; width: 100px; height: 28px;}

.con01_ani li { position: absolute; top: 18%; } 
.con01_ani li:nth-child(1) {left: 33.2%;} 
.con01_ani li:nth-child(2) {left: 37.7%; } 
.con01_ani li:nth-child(3) {left: 42.3%;} 
.con01_ani li:nth-child(4) {left: 46.8%; } 
.con01_ani li:nth-child(5) {left: 53%;} 
.con01_ani li:nth-child(6) {left: 58%;} 
.con01_ani li:nth-child(7) {left: 62.5%;} 

.con02 .txt_ani{position: absolute; text-align: center; font-size: 30px; font-weight: bold; color: #222; animation: txt_ani1 1.3s ease-in-out infinite;}
.con02 .txt_ani1{top: 40.5%; left: 44%; }
.con02 .txt_ani2{top: 56.5%; left: 49.5%; opacity: 0;}

@keyframes txt_ani1 {
    0% { opacity: 0;}
    100% { opacity: 1;}
}

.con03_ani li { position: absolute; } 
.con03_ani li:nth-child(1) {top: 57%; left: 37%;} 
.con03_ani li:nth-child(2) {top: 57%; left: 50%; } 
.con03_ani li:nth-child(3) {top: 79%; left: 37%;} 
.con03_ani li:nth-child(4) {top: 79%; left: 50%; } 

.con05 .sys_f{position: absolute; top: 194px; left: 44.5%; text-align: center; font-size: 52px; font-weight: bold; color: #222;}
.con07 .sys_f{position: absolute; bottom: 10%; left: 44%; text-align: center; font-size: 28px; font-weight: bold; color: #fff;}

.cont_form{width: 600px; margin: 0 auto; position: absolute; top: 32%; left: 50%; transform: translateX(-50%);}
.cont_form .table_wrap{width: 100%;}
.cont_form .infoBox_w{width: 100%;}
.cont_form .infoBox_w table th{text-align: left; width: 20%; display: inline-block;height: 42px; line-height: 42px; font-size: 17px;}
.cont_form .infoBox_w table tr{display: flex; margin-bottom: 40px; text-align: left;}
.cont_form .infoBox_w table tr th:nth-of-type(2){width: 80%;}
.infoBox_w .agree_area{border: 1px solid #dedede; padding: 20px; border-radius: 10px; margin-top: 10px; height: 100px; overflow-y: scroll;}
.infoText_select a{background: #dedede; color: #222; padding: 5px 20px; border-radius: 10px;}
.infoBox_w table tr td .form_btn{width: 100%;}
.infoBox_w table tr td .form_btn img{width: 100%;}

.con06{background: #ffef83;}

.con07 .chk_box{width: 700px; margin: 0 auto; display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; position: absolute; top: 15.5%; left: 50%; transform: translateX(-50%);}
.con07 .chk_box li{position: relative; width: 100%; margin-bottom: 15px; height: 395px;}
.con07 .chk_box li label{display: block;padding: 30px;box-sizing: border-box; height: 100%;}

.con07 .chk_box li label .col01 p{text-align: left;font-size: 40px;font-weight: bold;color: #111;}
.con07 .chk_box li label .col02{margin: 82px 21px 0 0;}
.con07 .chk_box li label .col02 p:nth-of-type(1){text-align: right;font-size: 28px;font-weight: 500;color: #fff;}
.con07 .chk_box li label .col02 p:nth-of-type(2){text-decoration: line-through;font-size: 30px;}
.con07 .chk_box li label .col03{display: flex;align-items: center;justify-content: flex-end; margin-right:20px;}
.con07 .chk_box li label .col03 span{background: #ffc731;color: #fff;padding: 5px 20px;border-radius: 20px;margin-right: 20px;font-size: 18px;}
.con07 .chk_box li label .col03 p{text-align: right;color: #fff;font-size: 50px;font-weight: bold;}
.con07 .chk_box li label .col04 {text-align: left;color: #fff;font-size: 22px; margin: 52px 0 0 138px;}
.con07 .chk_box li label .col05 {text-align: left;color: #fff;font-size: 22px; margin: 11px 0 0 138px;}

.con07 .chk_box li.one_pack{height:360px; color:#222;}
.con07 .chk_box li.one_pack label .col03 p{color:#222; margin: 65px 24px 0 0;}
.con07 .chk_box li.one_pack label .col04{color:#222;    margin: 70px 0 0 138px;}
.con07 .chk_box li.one_pack label .col05{color:#222;    margin: 11px 0 0 138px;}

.pop-wrap{position:fixed;top:0;left:0;width: 100%;height: 100%;z-index: 5;display: none;}
.pop-bg{position:absolute;top:0;left:0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);}
.pop-con{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); height: 95%; overflow-y: scroll;}
.pop-con{scrollbar-width: thin; scrollbar-color: #222 transparent;}
.pop-con::-webkit-scrollbar{width: 8px;}
.pop-con::-webkit-scrollbar-track{background: transparent;}
.pop-con::-webkit-scrollbar-thumb{background: #222; border-radius: 4px;}
.pop-con::-webkit-scrollbar-thumb:hover{background: #333;}
.pop-close{position: absolute;top: 10px;right: 20px;width: 50px;height: 50px;font-size: 50px;color: #222;text-align: center;line-height: 50px;}
.pop-con__btn{position: absolute;top: 21%;left: 50%;display: none;}
.pop-con__btn a{display: block;width: 320px;height: 103px;}