@charset "utf-8";

html, body{margin:0;padding:0;}
*{-webkit-text-size-adjust:none;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, input, textarea, select{margin:0;padding:0;box-sizing:border-box;font-family:sans-serif;font-size:15px;line-height:1.6em;font-weight:normal;color:#454545;letter-spacing:-1px;word-break:break-all;}
ul, ol, li{list-style:none;}
ul:after, ol:after{content:"";clear:both;display:block}
em, address{font-style:normal}
img{border:0;vertical-align:top;width:100%;}
table{border-collapse:collapse;border-spacing:0 !important} 
th, td{padding:0;}
textarea{padding:0;margin:0;}
fieldset{display:block;border:none;padding:0;margin:0}
legend, caption	 {display:none;width:0;height:0;padding:0;margin:0;font-size:0;line-height:0;}
button, input[type='button'], input[type='submit'], input[type='reset']{cursor:pointer;border-radius:0;-webkit-border-radius:0;-webkit-appearance:none;border:0;vertical-align:middle;background:none}
input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
input[type=button], input[type=email], input[type=password], input[type=reset], input[type=search], input[type=submit], input[type=tel], input[type=text] {-webkit-appearance:none;border-radius:0;}
input[type=search]::-webkit-search-cancel-button {-webkit-appearance:none;}
a{color:#454545;text-decoration:none;word-break:break-all;box-sizing:border-box}
textarea, .scr { border:none;background:none;
	scrollbar-face-color:#cdcdcd;		/* bar 의 표면색 */
	scrollbar-highlight-color:#cdcdcd;	/* 밝게 빛나는 좌상단 모서리 */
	scrollbar-3dlight-color:#cdcdcd;	/* 좌상단 모서리 아래부분 */
	scrollbar-shadow-color:#cdcdcd;		/* 그림자 지는 우하단 */
	scrollbar-darkshadow-color:#cdcdcd;	/* 그림자 우하단 */
	scrollbar-track-color:#f0f0f0;		/* 스크롤 트랙의 색 */
	scrollbar-arrow-color:#4a4947;		/* 삼각형부분 */
	overflow-x:hidden;overflow-y:auto;
	box-sizing:border-box;
}
select{ width:250px;height:38px;padding-left:10px;font-family:'SpoqaHanSans', 'Sans-serif';font-weight:normal;color:#454545;line-height:38px;border:1px solid #d8d8d8;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/btn/btn_arwDown2.gif) no-repeat 100% 50%;box-sizing:border-box;border-radius:0;-webkit-border-radius:0}
select::-ms-expand{ display:none}
input[type=checkbox]{width:19px;height:19px;border:none;box-shadow:none;vertical-align:middle;margin-top:-2px;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/common/ico_check_off.gif) no-repeat 0 0; box-sizing:border-box;line-height:13px; margin-right:8px;}
input:checked[type=checkbox] {-webkit-appearance:checkbox;}
input[type=text],input[type=file], input[type=password], input[type=tel]{height:40px;padding:0 5px;margin:0;border:1px solid #d8d8d8;background:#fff;line-height:40px;vertical-align:middle;border-radius:0px;box-shadow:none;-webkit-appearance:none;appearance:none;box-sizing:border-box}
input[type=text]:readonly{border:none;padding:0}
input[type=text]:focus,input[type=file]:focus,input[type=password]:focus{border:1px solid #96c93e !important}
input[type=text]::placeholder{color:#a1a1a1}

#wrap {overflow:hidden;position:relative;width:100%;min-height:100%;}
#wrap .hide {position:absolute;top:-9999px;left:-9999px;width:1px;height:1px;overflow:hidden;text-indent:-9999px;}

#wrap .cont {position:relative;width:100%;height:auto;}
#wrap .cont img {width:100%;}
#wrap .cont a[class^=btn] {position:absolute;display:block;text-indent:-9999px;}
button.eventFixed:focus-visible {
    outline: none !important;
}
/* sssssddd */

#wrap .cont1 h2 {position: absolute; top: 16.4%; left: 8.9%; width: 16.9%; height: 5.5%; text-indent: -9999px;}
#wrap .cont1 h2 a {display:block;width:100%;height:100%;}

#wrap .cont2_2 .btn_more{bottom: 62%; left: 38.4%; width: 23.3%; height: 26.9%;}
#wrap .cont2_2.on .btn_more{bottom: 9%; height: 3.9%;}

#wrap .cont4.new230417 .btn_link1 {top: 89%; left: 20.9%; width: 58.3%; height: 4.2%;}

#wrap .cont6 {position:relative;}
#wrap .cont6 a.btn-itm1 {top: 27.1%; left: 10%; width: 80%; height: 18.2%;}
#wrap .cont6 a.btn-itm1.on:after {content:''; position:absolute; top:36.2%; left:5.7%; display:block; width:2.2vw; height:2.2vw; box-sizing:border-box; text-indent:-9999px; border-radius:100%; background:#ff6b9f;}
#wrap .cont6 a.btn-itm2 {top: 46.3%; left: 10%; width: 80%; height: 18.2%;}
#wrap .cont6 a.btn-itm2.on:after {content:''; position:absolute; top:32.9%; left:40.6%; display:block; width:2.2vw; height:2.2vw; box-sizing:border-box; text-indent:-9999px; border-radius:100%; background:#00b4cc;}
#wrap .cont6 a.btn-itm3 {top: 65.6%; left: 10%; width: 80%; height: 18.2%;}
#wrap .cont6 a.btn-itm3.on:after {content:''; position:absolute; top:31.2%; left:5.9%; display:block; width:2.2vw; height:2.2vw; box-sizing:border-box; text-indent:-9999px; border-radius:100%; background:#8f29f9;}



/* layer popup */
.layerPopup {display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;}
.layerPopup:after{content:'';display:block;background:#000;opacity:.5;filter:alpha(opacity=50);position:absolute;top:0;left:0;width:100%;height:100%;}
.layerPopup.smartAllPop .popCont .btnApply {position:absolute;bottom:7.1%;left:10.5%;width:79.8%;height:13%;text-indent:-9999px;}
.layerPopup.smartAllPop .popCont .close {position:absolute;top:2%;right:3%;width:11.6%;height:10%;text-indent:-9999px;}
.popCont {position:absolute;z-index:9999;top:50%;left:50%;transform:translate(-50%,-50%);width:92%}


/* form */
.formSection{width:100%;padding:0 10px 20px}
.formSection.first{margin-top:0}
.formSection h4{position: relative;margin-top: 40px;padding: 0 0 10px 0;font-size: 18px;font-weight: 700;line-height: 2em;border-bottom: 2px solid #231f20;color: rgb(0,0,0);}
.formSection h4 span{display:block;position:absolute;right:0;bottom:10px;font-size:14px;color:#ec6115; font-weight:500;}
.formSection h4 span.stxt{display:inline-block;position:static;color:#a1a1a1}
.formSection h4 b{color:#ec6115}
.formSection .form td input[type=text], .formSection .form td input[type=number]{width:100% !important;height:40px;font-size:16px;box-sizing:border-box}
.formSection .form td input[type=radio]{margin-left:20px}
.formSection .form td textarea{width:100%;height:120px}
.formSection .form td span{display:block;font-weight:400;font-size:14px;color:#666;line-height:20px; text-align:left; word-break:keep-all;}
.formSection .form td span.stxt2{padding-top:10px}
.formSection .form td span.stxt3{display:inline-block;margin-left:-4px;padding-left:10px}
.formSection .form td label{padding-right:10px;color:#626262;vertical-align:middle;}
.formSection .form td>ul li{display:inline-block;width:50%;margin-right:-4px;font-size:13px;letter-spacing:-1px}
.formSection .form td>ul li>label{padding:0}
.formSection .form td>ul.num4 li{width:25%}
.formSection .form td>ul.num3 li{width:33.3%}
.formSection .form td select{width:100%;color:#a1a1a1;height:40px;line-height:40px;background:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/m/images/common/ico_arrow3.png) no-repeat 100% 50%;background-size:31px}
.formSection .form td p.pr{padding-right:105px !important}
.formSection .form td .btnZip{display:inline-block;position:absolute;right:0;top:0;height:32px;padding:0 7px;font-size:13px;color:#fff !important;line-height:32px;text-align:center;background:#a1a1a1}
.formSection p.al{position:relative;padding:5px 0 0 15px;font-size:13px;color:#a1a1a1;letter-spacing:-1px}
.formSection p.al:before{content:'※';display:inline-block;position:absolute;left:0;top:5px;font-size:13px;color:#a1a1a1}
.fileArea{position:relative;width:100%;box-sizing:border-box}
.fileArea input[type=text]{width:100%}
.fileArea input[type=file]{position:absolute; left:0; top:0; width:36px; height:36px; opacity:0; filter:Alpha(opacity=0); cursor:pointer}
.fileArea a{margin-top:5px}
.formSection .agree .scr{height:150px;padding:0 20px}
.formSection .agree .agreeArea{padding:10px 0;border:1px solid #a1a1a1;border-top:none}
.formSection .agreeCheck{padding-top:10px;text-align:left;margin-bottom: 40px;}
.formSection .agreeCheck b{font-weight:normal;color:#ec6115}
.formSection .btnArea{padding:15px 0 0 !important}
.formSection .infoTxt{padding-top:10px}
.formSection .infoTxt li{position:relative;padding:5px 0 0 15px;font-size:13px;color:#a1a1a1;letter-spacing:-1px;line-height:20px}
.formSection .infoTxt li:before{content:'※';display:inline-block;position:absolute;left:0;top:5px;font-size:13px;color:#a1a1a1}
.formSection dl.infoTxt2{padding-top:5px}
.formSection dl.infoTxt2 dd{position:relative;padding:5px 0 0 15px;font-size:13px;color:#a1a1a1}
.formSection dl.infoTxt2 dd:before{content:'※';display:inline-block;position:absolute;left:0;top:5px;font-size:13px;color:#a1a1a1}
.form{width:100%}
.form th{padding:12px 10px 12px 0;font-size:15px;font-weight:normal;color:#626262;line-height:20px;text-align:left;border-bottom:1px solid #d8d8d8;box-sizing:border-box; word-break:keep-all;font-weight:500;}
.form th>span{color:#ec6115; }
.form td{padding:12px 0 12px;color:#626262;text-align:left;line-height:40px;border-bottom:1px solid #d8d8d8}
.form td label{display:inline-block;padding:0 60px 0 10px}
.form td>p.stxt{padding-top:5px;font-size:14px;color:#a1a1a1}
.form td>p{position:relative;display:flex;padding:0 0 10px;justify-content:center;align-items:center}
.form td>p.last{padding:0}
.form td span.stxt4{display:inline-block !important;width:4%;margin-right:-4px;text-align:center}
.form td span.stxt5{display:inline-block !important;width:8%;margin-right:-4px;text-align:center}
.form .smsInput{position:relative;margin-top:5px;padding-right:75px}
.form .smsInput a.btnSms{position:absolute;right:0;top:0;display:inline-block;height:32px;padding:0 7px;font-size:13px;color:#fff !important;line-height:32px;text-align:center;background:#ec6115}
.form .btnTypeC{background:#a1a1a1;border:none;font-size:14px; margin-top:8px;margin-left:0;height: 40px;line-height: 40px; width:100%;}
.form .btnTypeD{height:30px;background:#ec6115;border:solid 1px #ec6115;margin-left:5px;font-size:11px;line-height:29px}
.formSection .form td label {padding-right: 40px;color: #666;font-weight: 500;font-size: 14px;}

/* 우편번호 찾기 */
#postLayer{    display: block;
    border: 2px solid #aaa;
    width: calc(100% - 40px);
    height:320px;
    top: 50%;
    transform:translateY(-50%);
        border-radius: 8px;
    box-shadow: 0px 10px 20px #80808047;
    padding: 4px;
    background: #fff;
    }
#postLayer img{width:auto}
.post_search .placeholder{font-size:12px}

/* btn */
.btnArea{padding:10px}
.btnArea-ar{text-align:right}
.btnTypeA{display:inline-block;height:25px;padding:0 25px;line-height:25px;color:#fff !important;background:#f7901e}
.btnTypeB{display:block;width:63%;height:30px;margin:0 auto;line-height:30px;color:#fff !important;background:#ec6115; background-size:17px 30px;text-align:center}
.btnTypeC{display:block;width:63%;height:30px;margin:0 auto;line-height:30px;color:#fff !important;background:#ec6115; background-size:17px 30px;text-align:center}
.btnTypeD{display:inline-block;width:100%;height:40px;line-height:40px;color:#fff !important;background:#ec6115;text-align:center}
.btnTypeE{display:inline-block;height:32px;padding:0 20px;line-height:32px;color:#fff !important;background:#a1a1a1}
.btnFile{display:inline-block;height:28px;margin-right:10px;padding-left:35px;font-size:13px;color:#231f20;line-height:28px;background:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/m/images/common/ico_file.png) no-repeat 0 50% !important;background-size:28px !important}
.btnTypeB.btnSizeB{font-size:13px}


/* footer*/
#footer{border-top-width:1px !important; padding-bottom: 26vw;}
.social_icon, .familySite{display:none !important;}

/* 무료체험 신청 CSS */
body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, input, textarea, select{font-family: 'Pretendard';}
.container{padding: 60px 0 100px 0;}
.container h1{font-size:32px;text-align:center;text-align: center;font-weight: 700;}
.agreeCheck tl{font-size:16px; font-weight:500; text-align:left;}
.number > p {display:inline-block; margin-right:0;}
#verifyNumberChk,#verifyNextTxt{margin-right:10px;}
#verifyPreTxt,#verifyNextTxt{padding-top:4px;}
.event_submit{text-align: center; margin-top:20px;}
.event_submit > a {width:100%;height:unset;padding: 12px;font-weight: 600; font-size:18px; border-radius:999px;}
.emphasis{color:#ec6115; font-weight:600;}
.agreeArea ol li{line-height:200%; font-size:14px;}
.agreeArea ol li:nth-child(1){margin-bottom:12px;}
#verify{margin-top: 10px; display: flex; flex-direction: column; align-items: flex-start;}
#verify #verifyNumberChk{margin-right:0px;margin-bottom:10px;margin-top:20px;}
#verify .btnTypeD{    font-size: 14px;
    margin-left: 0;
    height: 40px;
    line-height: 40px;
    width: 100%;}
    
    
/*개인정보동의*/
.agreeCheck label:before {top:4px !important;}
.agreeCheck input[type=checkbox]:checked + label:after {top:4px !important;}

.eventTypeC{position: relative;/* width: 1000px; */margin: 80px auto 0;}
.eventTypeC form + form{margin-top: 40px;}
.eventTypeC .agreeCheck._all{display: flex; justify-content: right; align-items: center; padding-top: 0;}
.eventTypeC .agreeCheck._all label{margin-left: 8px;}
.agreeTxt h3{font-size:18px; color: rgb(0,0,0); font-weight: 700; border-bottom: 2px solid rgb(0,0,0); line-height: 2em;}
.agreeTxt h5{font-size:16px; color: rgb(0,0,0); font-weight: 600;line-height: 2em;}
.agreeTxt__con{padding:10px; border: 1px solid rgb(216,216,216); box-sizing: border-box;}
.agreeTxt__con > .p17{padding: 0 17px;}
.agreeTxt__con .scr {height:150px;}
.agreeTxt__con .scr p,
.agreeTxt__con .scr th,
.agreeTxt__con .scr td{word-break:keep-all; font-size: 13px;text-align:left;}
.agreeTxt__con table.form{width: 100%; border: 1px solid rgb(121,121,121); margin: 10px 0 20px;}
.agreeTxt__con table.form tr + tr{border-top: 1px solid rgb(121,121,121);}
.agreeTxt__con table.form tr th{border-right: 1px solid rgb(121,121,121);border-bottom: 0;text-align: center;font-weight: 700; color: rgb(0,0,0);line-height: 1.5;}
.agreeTxt__con table.form tr td{border-bottom: 0; border-right: 1px solid rgb(121,121,121); text-align: center;line-height: 1.5;}
.agreeTxt__con table.form tr td.color{color: rgb(236,97,21);}
.agree-btn{display: flex; justify-content: flex-end; align-items: center; margin-top: 20px;}
.agree-btn > div{display: flex; align-items: center;}
.agree-btn > div + div{margin-left: 20px;}
.agree-btn > div > label{margin-left: 8px; font-size:14px; font-weight: 700;color: rgb(35,31,32);}
.agree-btn input[type=radio]{width:20px; height:20px; background: url(https://cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/openpage/202208/super_pot_english/agree_btn_chk_29x29.png) no-repeat 0 0 / cover; appearance:none;}
.agree-btn input[type=radio]:checked{background: url(https://cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/openpage/202208/super_pot_english/agree_btn_chk_29x29_on.png) no-repeat 0 0 / cover;}

/*체크박스 스타일*/
.agreeCheck__all{
	padding:12px;
	background:#eee;
	padding: 20px 10px;
    background: #f9f9f9;
    margin-top: 20px;
    margin-bottom: 40px;
    display: flex;
    justify-content:flex-start;
    align-items: center;
}

.agreeCheck__all input[type=checkbox]{
	width: 20px;
    height: 20px;
    margin-right:0;
    background: url(https://cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/openpage/202208/super_pot_english/agree_btn_chk_29x29.png) center center /cover no-repeat;
	appearance: none;
}

.agreeCheck__all > label {
    margin-left: 8px;
    font-size: 14px;
    font-weight: 700;
    color: rgb(35,31,32);
}

.agreeCheck__all input[type=checkbox]:checked {
    background: url(https://cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/openpage/202208/super_pot_english/agree_btn_chk_29x29_on.png) center center /cover no-repeat;
}
.formSection .form td input[type=radio]{
	appearance: none;
	width: 22px;
    height: 22px;
    border: 2px solid #ddd;
    border-radius: 999px;
}

.formSection .form td input[type=radio]:checked{
    border: 6px solid #ec6115;
    box-sizing: border-box;
}



/* alert box */
.alert__box{
    padding: 20px 10px;
    background: #f9f9f9;
    margin-top: 20px;
    margin-bottom: 40px;
    text-align: center;
    margin-left: 8px;
    font-size: 14px;
    font-weight: 700;
    color: rgb(35,31,32);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    word-break: keep-all;
    flex-direction: column;
}

.alert__box .mark{
    display: flex;
    background: #e0e0e0;
    width: 20px;
    height: 20px;
    justify-content: center;
    align-items: center;
    border-radius: 999px;
}

.eventFixed {
    position: fixed;
    bottom: 0%;
    left: 0%;
    width: 100%;
    z-index: 2;
    font-size: 0;
    padding: 0;
}
/*동의하기 수정*/
input[type=checkbox]#personalAgreeYn{
	width: 20px;
    height: 20px;
    background: url(https://cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/openpage/202208/super_pot_english/agree_btn_chk_29x29.png) no-repeat 0 0 / cover;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input[type=checkbox]#personalAgreeYn:checked {
    background: url(https://cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/openpage/202208/super_pot_english/agree_btn_chk_29x29_on.png) no-repeat 0 0 / cover;
}