.m_inner {position:relative; width:calc(100% - 100px); margin:0 auto;}


.border_box .box .title {background:#2368dc; color:#fff; font-size:24px; line-height:55px; height:55px; font-weight:500; width:490px; position:absolute; top:-1px; left:-1px; font-family:"Pretendard Variable";}
.border_box.double .box + .box {margin-left:20px;}
.border_box.quad .box {width:calc(25% - 0.43rem); background:#fff; display:inline-block;}
.border_box.quad .box {padding:1.5rem 0; text-align:center;}
.border_box.quad .box img {float:none; width:4.5rem;}
.border_box.quad .box p {margin-left:0; font-size:1.5rem; line-height:1; display:block; width:100%; margin-top:1.5rem;}
.border_box.quad .box + .box {margin-left:0.5rem}
.blue_box {border:1px solid #2368dc; color:#2368dc; text-align:center; padding:1rem 0 1rem; font-size:1.7rem; font-weight:bold; line-height:1.3;}
.blue_box .inner {margin:0 auto; display:inline-block;}
.box .blue_box .inner strong {color:#000; font-size:1.4rem; line-height:1.5;}
.white_box {position:relative;}

.bg_under_line:after {content:''; display:block; clear:both; width:100%; position:absolute; bottom:0; left:0; height:10px; background:#d2eaff; z-index:-1; padding:0 2px; margin-left:-2px;}




.pager_pop_wrap {position:fixed; top:50%; left:5%; width:90%; padding:3.5rem 0; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; background:#fff; z-index:1007; text-align:center; display:none; transition: all 500ms ease; font-family: "Pretendard Variable";}
.pager_pop_wrap.on {display:block;}
.pager_pop_wrap .pager_inner {position:relative;}
.pager_pop_wrap .pager_title {font-size:1.5rem; line-height:1.7; margin:0 0 2rem; font-weight:500; color:#000;}
.pager_pop_wrap .pager_title strong {font-size:2.3rem; font-weight:bold; display:block; line-height:1.4;}
.pager_pop_wrap .pager_title span {display:block;}
.pager_pop_wrap .pager_title span strong {display:inline-block; font-size:1.5rem;}
.pager_pop_wrap .address {font-size:1.3rem; font-weight:400; height:20px; line-height:20px; display:inline-block; margin-bottom:2.5rem;}
.pager_pop_wrap .m_btn_wrap.triple .m_btn_area {text-align:center;}
.pager_pop_wrap .m_btn_wrap.triple .m_btn_area p {display:inline;}
.pager_pop_wrap .m_btn_wrap.triple .m_btn_area p span {display:table-cell; vertical-align:middle;}
.pager_pop_wrap .m_btn_wrap.triple .m_btn_area img {width:18px; display:block; margin:6px auto 5px;}
.pager_pop_wrap .m_btn_wrap.triple .m_btn_area em {display:table-cell; vertical-align:middle; line-height:1; font-size:1.5rem;}
.pager_pop_wrap .notice_title {text-align:left; font-size:1.7rem; font-weight:500; margin-top:2.5rem; position:relative;}
.pager_pop_wrap .notice_title span {display:inline-block; position:absolute; right:0; top:calc(50% - 7px); width:16px; height:16px; cursor:pointer;}
.pager_pop_wrap .notice_title span:after {position:absolute; left:calc(50% - 0px); top:0; width:1px; height:100%; background:#000; content:''; display:block;}
.pager_pop_wrap .notice_title span:before {position:absolute; left:0; top:calc(50% - 1px); width:100%; height:1px; background:#000; content:''; display:block;}

.pop_notice_area {background:#f7f7f7; padding:0 1.5rem;}
.pop_notice_area li {text-align:left; font-size:1.5rem; padding:1.5rem 0; color:#000;}
.pop_notice_area li + li {border-top:1px solid #e5e7ea;}
.pop_notice_area li p {display:flex; flex-direction:row; align-items:center;}
.pop_notice_area li span.box {color:#777; border:1px solid #777; font-size:1.2rem; height:24px; line-height:21px; padding:0 0.7rem; margin-right:1rem; display:none;}
.pop_notice_area li span.title {display:block; width:97%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}


/*
.pop_reciept_close_btn {position:relative;width:50px;height:44px;}
.pop_reciept_close_btn, .pop_reciept_close_btn span {display:inline-block; transition:all .4s;}
.pop_reciept_close_btn span {position:absolute; left:0; width:100%; height:2px; background-color:#fff; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px;}
.pop_reciept_close_btn span:nth-of-type(1) {top:46%; -webkit-transform:translateY (0px) rotate (-45deg); transform:translateY(0px) rotate(-45deg);}
.pop_reciept_close_btn span:nth-of-type(2) {bottom:46%; -webkit-transform:translateY(0px) rotate(45deg); transform:translateY(0px) rotate(45deg);}
*/

/**/
body.hid {overflow-y:hidden;}
.pop_receipt_dim {position:fixed; top:0; left:0; width:100%; height:100%; background:url(https://img.megastudy.net/campus/library/v2015_mob/asset/img/dim_bg.png) repeat; z-index:9; display:none; opacity:0.6;}
.pop_receipt_dim.on {display:block !important;}


.join_step_wrap .layout {margin-top:2.5rem;}
.join_step_wrap .layout .module {color:#777; padding:2.5rem 0; text-align:center; display:block; width:100%; cursor:pointer;}
.join_step_wrap .layout .module p {font-size:1.3rem; font-weight:400; color:#777; line-height:1.5; margin-top:0.5rem;}
.join_step_wrap .layout .module div {display:inline-block; float:left;}
.join_step_wrap .layout .module div.left {width:100px; text-align:right;}
.join_step_wrap .layout .module div.right {text-align:left;}
.join_step_wrap .layout .module img {width:60px; display:inline-block;}
.join_step_wrap .layout .module .right_inner {align-items:center; align-content:center; display:flex; height:65px; margin-left:40px;}
.join_step_wrap .layout .module strong {font-size:24px; font-weight:bold; color:#000; position:relative; display:inline-block; width:auto; line-height:32px; margin-top:1.2rem;}
.join_step_wrap .layout .module strong span {display:inline-block; position:relative;}
.join_step_wrap .layout .module + .module {margin-top:15px; margin-left:0;}
.clear:after {content:''; display:block; clear:both;}






/* ?ž¬?ˆ˜ ?„±κ³? ? „?ž΅ ?„€λͺ…νšŒ - ?˜ˆ?•½?•˜κΈ? */
.notice .check_wrap.all {display:block;margin:0 auto;cursor: initial;}
.notice .check_wrap.all label {display:inline-block;line-height: 26px;margin:5px 0 0;font-size: 14px;letter-spacing: -1px;}
.notice .check_wrap.all .chk_all {display:block;width:100%;border-bottom: 1px solid #aaa;margin:0 0 5px;}
.notice .check_wrap.all .chk_all label {padding:0 0 10px 40px;font-size:16px;}
.notice .check_wrap.all a.detail {float:right;line-height:1;margin-top:8px;font-size: 14px; color: #555;font-weight: normal;text-decoration: underline;}
.notice .check_wrap.all .chk_box label {line-height:20px;padding-left:35px;}
.notice .check_wrap.all .chk_box .checkmark {width:20px;height:20px;line-height:20px;}
.notice .check_wrap.all .chk_box .checkmark:after {left:3px;top:2px;}



.notice .layer_popup {display:none;}
.notice .layer_popup .layer_dim {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index:6000;}
.notice .layer_popup .layer_pop {position:absolute;left:50%;z-index:6001;width:410px;margin-left:-205px;background:#fff;border: 1px solid #666;background:#fff;box-shadow: 3px 3px 0px 0px #e5e5e5;}
.notice .layer_popup .layer_pop .pop_head {position:relative;display:block;padding:21px 30px;background:#fff;border-bottom:1px solid #e5e7ea;}
.notice .layer_popup .layer_pop .pop_head h3 {line-height:1;font-size:24px;color:#000;letter-spacing: -1px;}
.notice .layer_popup .layer_pop .pop_head .layer_close {position:absolute;right:17px;top:18px;display:inline-block;width:30px;height:30px;font-size:0;}
.notice .layer_popup .layer_pop .pop_con {display:block;padding:20px 30px 30px;}
.notice .layer_popup .layer_pop .pop_con p.agree_txt {line-height:1.5;font-size:15px;color:#333;}
.notice .layer_popup .layer_pop .pop_con p.agree_txt > span {font-weight:bold;}
.notice .layer_popup .layer_pop .pop_con p.agree_txt > em {margin-left:1px;}
.notice .layer_popup .layer_pop .pop_con p.agree_txt > em.v2 {margin-left:0px;}
.notice .layer_popup .layer_pop .pop_con p.agree_txt > em.v3 {margin-left:2px;}



/* privacy_agree_pop_wrap */
.privacy_agree_pop_wrap {position:fixed; top:50%; left:50%; z-index:10001; width:370px; height:535px; background:#fff; display:none; margin-top:-268px; margin-left:-185px; box-sizing:border-box; font-size:10px;}
.privacy_agree_pop_wrap.on {display:block;}
.privacy_agree_pop_wrap .agree_pop_header {position:absolute; top:0; left:0; width:100%; height:82px; line-height:80px; background:#fff; border-bottom:1px solid #e5e7ea; text-align:center; font-weight:500; color:#000; z-index:2;}
.privacy_agree_pop_wrap .agree_pop_header .pop_tit {text-align:left; padding-left:30px; font-size:24px; font-weight:bold;}
.privacy_agree_pop_wrap .agree_pop_header .pop_tit .pop_tit_in {color:#666; font-weight:250; padding-right:15px; margin-right:5px; display:inline-block; background:url('https://img.megastudy.net/campus/library/v2015/library/campus_common/pop_reciept/pop_reciept_arrow_pc.png') no-repeat 99% 50%; font-size:18px; background-size:auto; letter-spacing:-2px;}

.privacy_agree_pop_wrap .agree_pop_header.double {height:70px;}
.privacy_agree_pop_wrap .agree_pop_header span {line-height:1.2; display:inline-block;}
.privacy_agree_pop_wrap .agree_pop_header .pop_reciept_close_btn {position:absolute; top:26px; right:20px; line-height:0; cursor: pointer;}
.privacy_agree_pop_wrap .agree_pop_contents {padding:60px 0px; color:#000; position:relative;}
.privacy_agree_pop_wrap .agree_pop_contents * {box-sizing:border-box;}
.privacy_agree_pop_wrap .agree_pop_contents .agree_num {font-size:1.7rem; font-weight:bold; margin-top:3rem;}
.privacy_agree_pop_wrap .agree_pop_contents .agree_sub {margin-top:2.5rem; font-size:1.5rem; font-weight:bold;}




/* input-type */

/* color */
.color_ffd109 {color:#ffd109;}
.color_f55d40 {color:#f55d40 !important;}
.color_999999 {color:#999999 !important;}
.color_2368dc {color:#2368dc !important;}
.color_13426b {color:#13426b !important;}
.color_666666 {color:#666666 !important;}
.color_48922d {color:#48922d !important;}
.color_c91017 {color:#c91017 !important;}
.color_666666 {color:#666666 !important;}
.color_f30100 {color:#f30100 !important;}
.color_0376f0 {color:#0376f0 !important;}
.color_000000 {color:#000000 !important;}

.cl:after {content:''; display:block; clear:both;}
.d_inb {display:inline-block; float:left; position:relative;}
.posi_rela {position:relative;}


/* input custom */
.input_wrap {position:relative;}
.input_wrap + .input_wrap {margin-top:10px;}
.input_wrap input[type*="text"],
.input_wrap input[type*="password"] {}  

input[type*="text"],
input[type*="password"],
input[type*="tel"],
input[type*="number"] {width:100%; height:40px; padding:10px; color:#111; border-radius:0; font-size:14px; border:none; width:95%;}
input[type*="text"]::-webkit-input-placeholder {color:#bbb}
input[type*="text"]::-moz-input-placeholder {color:#bbb}
input[type*="text"]::-ms-input-placeholder {color:#bbb}
input[type*="password"] {}
input[type*="password"]::-webkit-input-placeholder {color:#bbb;}
input[type*="password"]::-moz-input-placeholder {color:#bbb}
input[type*="password"]::-ms-input-placeholder {color:#bbb}
input[type*="tel"]::-webkit-input-placeholder {color:#bbb}
input[type*="tel"]::-moz-input-placeholder {color:#bbb}
input[type*="tel"]::-ms-input-placeholder {color:#bbb}
input[type*="number"]::-webkit-input-placeholder {color:#bbb}
input[type*="number"]::-moz-input-placeholder {color:#bbb}
input[type*="number"]::-ms-input-placeholder {color:#bbb}
.field_area {position:relative; border:1px solid #ccc; background:#fff; height:42px;}
.field_area + .field_area {border-left:none;}
.empty .field_area {color:#f30100; border-color:#f30100;}
.empty_txt {color:#f30100; line-height:20px; margin-top:7px; font-size:14px; font-weight:400; display:block;}
.dis_able .field_area {background:#f2f2f2;}
.dis_able input[type*="text"],
.dis_able input[type*="password"],
.dis_able input[type*="tel"],
.dis_able input[type*="number"] {background:#f2f2f2; color:#bbb; opacity:1; -webkit-text-fill-color:inherit;}
.dis_able input:disabled {color:#bbb; opacity:1; -webkit-text-fill-color:#bbb;}
#CommTxtEmail {width:100% !important;}
.input_wrap .address,
.input_wrap .full {width:100% !important;}
textarea.counsel {color:#111; font-size:1.5rem; padding:1.5rem 1.5rem; word-break:break-all;}
textarea.counsel::-webkit-input-placeholder {color:#bbb}
textarea.counsel::-moz-input-placeholder {color:#bbb}
textarea.counsel::-ms-input-placeholder {color:#bbb}
.empty textarea.counsel {border-color:#f30100;}


.input_area {position:relative; display:block;}
.input_area .field {position:relative;}
.input_area:after {clear:both; display:block; content:'';}
.input_area.focus .delete {position:absolute; z-index:1; top:50%; right:1.5rem; width:16px; height:16px; margin-top:-8px; background:url("https://img.megastudy.net/campus/library/v2015_mob/asset/img/input_delete_icon.png") 0 0 no-repeat; background-size:16px 16px; display:block;}
.input_area .clear {position:absolute; z-index:1; top:50%; right:1.5rem; width:16px; height:16px; margin-top:-8px; background:url("https://img.megastudy.net/campus/library/v2015_mob/asset/img/input_delete_icon.png") 0 0 no-repeat; background-size:16px 16px; display:block;}
.input_area .veri {position:absolute; z-index:1; top:50%; right:1.5rem; width:16px; height:14px; margin-top:-7px; background:url("https://img.megastudy.net/campus/library/v2015_mob/asset/img/input_veri_icon.png") 0 0 no-repeat; background-size:16px 14px;}
.input_area.check .veri {background:url("https://img.megastudy.net/campus/library/v2015_mob/asset/img/input_veri_icon_on.png") 0 0 no-repeat; background-size:16px 14px;}
.input_area .visual_txt {font-size:1.5rem; color:#000; font-weight:400; position:absolute; top:50%; margin-top:-0.8rem; right:calc(1.5rem + 25px); padding-bottom:1px; border-bottom:1px solid #000; display:none; z-index:1;}
.input_area.focus .visual_txt {display:block;}
.input_area .time_txt {font-size:14px; color:#000; font-weight:400; position:absolute; top:50%; margin-top:-9px; right:10px;}
.input_area .select_wrap {float:left;}
.input_area .input_wrap {float:left;}
.input_area .dash {float:left; text-align:center; line-height:3.2rem; color:#ccc;}
.input_area .btn_search {float:left; display:block; width:7.5rem; height:3.2rem; text-align:center; line-height:2.8rem; color:#666; border:0.1rem solid #ccc; font-size:1.3rem; margin-left:0.2rem;}
.input_area .m_btn_area span {font-weight:400 !important; font-size:14px;}

.input_area.gray input {background:#f6f6f6;}
.input_area.gray + .input_area.gray {margin-top:0.5rem;}
.input_area .field_wrap:after {clear:both; content:''; display:block;}



.input_radiobox {min-height:2.25rem; margin:2rem 0;}
.input_radiobox label {min-height:2.25rem; display:inline-block; cursor:pointer; position:relative; padding-left:3.25rem; font-size:1.3rem; color:#777; line-height: 2.05rem;}
.input_radiobox input[type*="radio"] {display:none;}
.input_radiobox label:after {content:""; display:inline-block; width:2.25rem; height:2.25rem; position:absolute; left:0; bottom:0.1rem; background:url("https://img.megastudy.net/campus/library/v2015_mob/asset/img/input_checkbox_agree_off.png") no-repeat center center; background-size:2.25rem;}
.input_radiobox input[type*="radio"]:checked + label:after {content:""; background:url("https://img.megastudy.net/campus/library/v2015_mob/asset/img/input_checkbox_agree_on.png") no-repeat center center; background-size:2.25rem;}



.join_step_wrap {padding-top:45px; text-align:left;}
.join_step_wrap .final_icon {width:7rem; margin-left:0.5rem; margin-bottom:2.5rem;}
.join_step_wrap .join_intro_title {font-size:1.4rem; line-height:1.7; text-align:center; color:#000;}
.join_step_wrap .join_intro_title strong {font-size:2.1rem; font-weight:bold; text-align:center; line-height:1.5;}
.join_step_wrap .join_intro_title strong span {color:#0376f0;}
.join_step_wrap .join_intro_title strong em {font-weight:bold;}
.join_step_wrap .join_step_title {font-size:16px; color:#000; line-height:1; padding-bottom:10px; display:block; font-weight:bold;}
.join_step_wrap .join_step_title em {vertical-align:top; color:#0376f0;}
.join_step_wrap .join_step_title .id_confirm.all_check_btn label {font-size:1.4rem;}
.join_step_wrap .join_step_sub_txt {font-size:1.3rem; font-weight:400; color:#888;}

.join_step_wrap .agree_info_txt {font-size:1.3rem; line-height:1.5; color:#888; font-weight:400; text-align:center; }
.join_step_wrap .gray {margin-top:1rem; margin-left:0; padding:1.25rem; width:100%;}
.join_step_wrap .gray.my_info_edit {text-align:center;}
.join_step_wrap .gray.my_info_edit span {width:calc(25% - 0.8rem); display:inline-block; margin-top:0; margin-bottom:0;}
.join_step_wrap .input_checkbox.ml10 {margin-left:0.8rem !important;}


.join_step_wrap .check_list {border-top:1px solid #e5e7ea; border-bottom:1px solid #e5e7ea; padding:2.5rem 1rem 3rem;}
.join_step_wrap .check_list li {position:relative;}
.join_step_wrap .check_list li em {content:''; display:block; clear:both; position:absolute; top:50%; right:0; margin-top:-7px; width:8px; height:15px; background:url(https://img.megastudy.net/campus/library/v2015_mob/asset/img/agree_icon_arrow.png) 100% 0 no-repeat; background-size:8px; padding-left:30px;}
.join_step_wrap .check_list li.last:after {display:none;}
.join_step_wrap .check_list li + li {margin-top:2.5rem;}
.join_step_wrap .check_list li .gray {margin-top:1rem; margin-left:3rem; padding:1.25rem; width:calc(100% - 5rem);}
.join_step_wrap .check_list li .gray .input_checkbox label {padding-left:3rem;}
.join_step_wrap .check_list li .gray .input_checkbox label {padding-left:2.75rem;}


/* btn */
.m_btn_wrap {font-size:0; line-height:0;}
.m_btn_wrap.fix {position:fixed; z-index:1; width:100%; bottom:0; left:0;}
.m_btn_wrap .m_btn_area {height:42px; line-height:40px; font-size:14px; display:inline-block; text-align:center;}
.m_btn_wrap.single .m_btn_area {width:100%;}
.m_btn_wrap.double .m_btn_area {width:50%; float:left;}
.m_btn_wrap.triple .m_btn_area {width:calc(33.33% - 8px);}
.m_btn_wrap .m_btn_area.type01 {background:#0376f0; color:#fff; font-weight:500;}
.m_btn_wrap .m_btn_area.type02 {border:1px solid #0376f0; color:#0376f0; font-weight:500; background:#fff;}
.m_btn_wrap .m_btn_area.type03 {border:1px solid #bbb; background:#bbb; color:#fff; font-weight:500;}
.m_btn_wrap .m_btn_area.type04 {border:1px solid #888; color:#888; font-weight:400; background:#fff; padding:0 2rem; height:40px; line-height:38px;}
.m_btn_wrap .m_btn_area.type05 {border:1px solid #888; color:#888; font-weight:400; background:#fff; padding:0 0.5rem; height:30px; line-height:28px; font-size:1.5rem;}
.m_btn_wrap .arrow_btn {font-size:1.5rem; line-height:1; padding-right:15px; background:url(https://img.megastudy.net/campus/library/v2015_mob/asset/img/arrow_btn_icon_arrow.png) 99% 65% no-repeat; background-size:5px; margin:1.3rem 0 2.3rem; display:inline-block;}
.m_btn_wrap .veri_btn {background: url(https://img.megastudy.net/campus/library/v2015_mob/asset/img/input_veri_icon_on.png) 0 50% no-repeat;
    background-size: 16px 14px; padding-left:22px; font-size:1.6rem; color:#0376f0; font-weight:400; margin:0; float:right; height:auto; line-height:1; width:auto !important;}
.m_btn_wrap .arrow_btn.gray_arrow {opacity:0.6}
.m_btn_wrap .m_btn_area.more_btn {height:auto; line-height:1; margin-top:2rem;}
.m_btn_wrap .more_btn span {position:relative; display:block; width:100%; text-align:center;}
.m_btn_wrap .more_btn em {display:inline-block; position:relative; width:14px; height:14px; cursor:pointer; margin-right:6px;}
.m_btn_wrap .more_btn em:after {position:absolute; left:calc(50% - 1px); top:0; width:2px; height:100%; background:#000; content:''; display:block;}
.m_btn_wrap .more_btn em:before {position:absolute; left:0; top:calc(50% - 1px); width:100%; height:2px; background:#000; content:''; display:block;}
.m_btn_wrap .arrow_btn + .arrow_btn {margin-left:3rem;}
.m_btn_wrap.triple .m_btn_area + .m_btn_area {margin-left:12px;}