@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(/asset/css/stylesheets/NotoSansKR-Hestia.css);

* {box-sizing:border-box; word-break:keep-all; /* -webkit-font-smoothing:antialiased; */-webkit-text-size-adjust:none; text-size-adjust:none;}
html {font-size:10px; font-family:'Noto Sans KR', Apple Gothic, "돋움", Dotum, Verdana, sans-serif; -webkit-tap-highlight-color:transparent; line-height:1;
    -webkit-font-smoothing: antialiased;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,address {margin:0;padding:0;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
table {width:100%; border:0; border-collapse:collapse; border-spacing:0; /*table-layout:fixed;*/}
fieldset,img {border:0;vertical-align:middle;}
img {width:100%;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:400;}
li {list-style:none;}

body{position:relative; width:100%; height:100%; color:#111; -webkit-overflow-scrolling:touch; overflow-scrolling:touch;}
#skip,hr,caption,legend {display:none;}
header, section, article,aside, nav, footer{display:block;}
input,textarea,select{font-family:inherit; vertical-align:middle; outline:0;}
textarea {padding:1rem; border:0.1rem solid #ccc; width:100%;}
textarea::-webkit-input-placeholder {color:#999}
textarea::-moz-input-placeholder {color:#999}
textarea::-ms-input-placeholder {color:#999}

.fl {float:left !important;}
.fr {float:right !important;}
.fn {float:none !important;}

.cl:after {content:''; display:block; clear:both;}
.of_auto {overflow:auto;}
.of_hid {overflow:hidden;}
.m_inner {position:relative; width:90.625%; margin:0 auto;}
.t_list_inner {position:relative; width:87.5%; margin:0 auto;}
.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;}
.d_inb {display:inline-block; float:left; position:relative;}
.posi_rela {position:relative;}

.nt_f {font-family:'Noto Sans KR', Apple Gothic, "돋움", Dotum, Verdana, sans-serif;}
.o_h {overflow:hidden; height:100%;}
.login_inner {width:87.5%; margin:0 auto;}
.text_indent {padding-left:2.1rem; position:relative;}
.text_indent em {position:absolute; top:0; left:0; display:inline-block; width:1.8rem; margin-right:0.3rem; font-weight:inherit; text-align:right;}
.posi_ab {position:absolute; display:block;}
.posi_re {position:relative;}
.h_l {position:relative; display:inline-block; background: rgb(252,255,0,0.5);}

/**/
.b_t {border-top:1px solid #ccc;}
.d_b {display:block;}
.fz11 {font-size:1.1rem;}
.clear {clear:both; display:block; content:''; overflow:hidden;}
.bg_line {content:''; display:block; clear:both; background:#f2f2f2; height:1rem;}
.none + .bg_line {display:none;}

.blind {position: absolute; overflow: hidden; margin: -0.1rem; border: 0; padding: 0; width:0.1rem; height:0.1rem; clip: rect(0 0 0 0);}

/* margin */
.mt0 {margin-top:0rem !important;}
.mt5 {margin-top:0.5rem !important;}
.mt10 {margin-top:1rem !important;}
.mt15 {margin-top:1.5rem !important;}
.mt20 {margin-top:2rem !important;}
.mt25 {margin-top:2.5rem !important;}
.mt30 {margin-top:3rem !important;}
.mt35 {margin-top:3.5rem !important;}
.mt40 {margin-top:4rem !important;}
.mt45 {margin-top:4.5rem !important;}
.mt50 {margin-top:5rem !important;}
.mt60 {margin-top:6rem !important;}
.mt70 {margin-top:7rem !important;}
.mb0 {margin-bottom:0rem !important;}
.ml0 {margin-left:0rem !important;}
.ml5 {margin-left:0.5rem !important;}
.ml10 {margin-left:1rem !important;}
.ml15 {margin-left:1.5rem !important;}

/**/
.pt0 {padding-top:0rem !important;}
.pt10 {padding-top:1rem !important;}
.pb0 {padding-bottom:0rem !important;}
.pb10 {padding-bottom:1rem !important;}
.pl0 {padding-left:0rem !important;}
.pl15 {padding-left:1.5rem !important;}
.pl17 {padding-left:1.7rem !important;}
.small {font-size:1.3rem;}

/* 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;}

.bg_dddddd {background:#dddddd !important;}
.bg_f3f3f3 {background:#f3f3f3 !important;}


.m_scroll {overflow-x:scroll;}
.m_scroll table {width:100% !important;}

.fz_14 {font-size:1.4rem !important;}
.bold {font-weight:bold;}

/* 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:52px; line-height:50px; font-size:1.7rem; 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;}

/**/
.close_btn {position:relative;width:50px;height:44px;}
.close_btn, .close_btn span {display:inline-block; transition:all .4s;}
.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;}
.close_btn span:nth-of-type(1) {top:46%; -webkit-transform:translateY (0px) rotate (-45deg); transform:translateY(0px) rotate(-45deg);}
.close_btn span:nth-of-type(2) {bottom:46%; -webkit-transform:translateY(0px) rotate(45deg); transform:translateY(0px) rotate(45deg);}

/**/
.pop_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; opacity:.8; z-index:7; display:none;}
.pop_dim.on {display:block !important;}
.hak_pop_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:7; display:none;}
.hak_pop_dim.on {display:block !important;}



/*
@media screen and (max-width:736px) {
	html {font-size:20px;}
}
@media screen and (max-width:667px) {
	html {font-size:17px;}
}
@media screen and (max-width:568px) {
	html {font-size:12px;}
}
@media screen and (max-width:414px) {
	html {font-size:11px;}
}
@media screen and (max-width:375px) {
	html {font-size:10px;}
}
@media screen and (max-width:320px) {
	html {font-size:9px;}
}
*/
/*
  @media (min-width: 768px) {
    .wrap {
      max-width: 460px;
      margin: 0 auto; } }
*/


/* join */
.join_caution {text-align:center; padding:3rem 0; font-size:1.3rem; color:#777; line-height:1.5; font-weight:350;}
.join_caution strong.icon {font-size:1.6rem; font-weight:400; display:block; color:#000; margin-bottom:0.5rem;}
.join_caution strong.icon img {width:18px; margin-right:5px;}

.join_step_wrap {padding-top:3.5rem;}
.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:1.6rem; color:#000; line-height:1; padding-bottom:1rem; display:block; font-weight:400;}
.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 .final_notice_icon{width:8.5rem;margin-left:0;margin-right:0;}

.join_step_wrap .layout {margin-top:2.5rem;}
.join_step_wrap .layout .module {color:#777; padding:2.5rem 0;}
.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 img {width:60px; margin:0 auto; display:block;}
.join_step_wrap .layout .module strong {font-size:1.9rem; font-weight:500; color:#000; position:relative; display:inline-block; width:auto; line-height:1.2; margin-top:1.2rem;}

/* 안내문구 */
.join_step_wrap .agree_info_txt {
  font-size:1.2rem; line-height:1.3; 
  color:#999; font-weight:normal; 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;}

.join_step_wrap .id_check {width:calc(100% - 1rem);}
.join_step_wrap .id_check li {padding:1.5rem 0;}
.join_step_wrap .id_check li + li {border-top:1px solid #e5e7ea;}
.join_step_wrap .id_check li .input_checkbox.all_check_btn {margin:0;}
.join_step_wrap .id_check li .input_checkbox label {display:block;}
.join_step_wrap .id_check li .input_checkbox label:after {top:0;}
.join_step_wrap .id_check li .input_checkbox label span {display:block; color:#888; font-size:1.4rem; font-weight:350; margin-top:0.5rem;}


/* join tab */
.step_status {position:absolute; right:0; bottom:3px;}
.step_status li {width:8px; height:8px; background:#ddd; border-radius:100%; display:inline-block; float:left;}
.step_status li.on {background:#0376f0;}
.step_status li + li {margin-left:6px;}

.join_tab_list {text-align:center;}
.join_tab_list:after {content:''; display:block; clear:both;}
.join_tab_list li {display:inline-block; position:relative; float:left;font-size:1.7rem; color:#bbb; font-weight:500; text-align:center; width:50%; height:50px; background:#f2f2f2; border-top:1px solid #e5e7ea; border-right:1px solid #e5e7ea; border-bottom:1px solid #0376f0;}
.join_tab_list li:first-child {border-left:1px solid #e5e7ea;}
.join_tab_list li.on {color:#0376f0; border:1px solid #0376f0; border-bottom:none; background:#fff; border-bottom:none !important;}
.join_tab_list li p {display:table; margin:0 auto; height:50px;}
.join_tab_list li span {display:table-cell; vertical-align:middle; position:relative; font-weight:500; padding-left:23px;}
.join_tab_list li.phone span {background:url(https://img.megastudy.net/campus/library/v2015_mob/asset/img/join_icon_tab01_off.png) 2px 55% no-repeat; background-size:18px;}
.join_tab_list li.phone.on span {background:url(https://img.megastudy.net/campus/library/v2015_mob/asset/img/join_icon_tab01.png) 2px 55% no-repeat; background-size:18px;}
.join_tab_list li.email span {background:url(https://img.megastudy.net/campus/library/v2015_mob/asset/img/join_icon_tab02_off.png) 0 55% no-repeat; background-size:18px;}
.join_tab_list li.email.on span {background:url(https://img.megastudy.net/campus/library/v2015_mob/asset/img/join_icon_tab02.png) 0 55% no-repeat; background-size:18px;}

.join_tab_list li.on a span em {position:relative;}
.join_tab_list li.on,
.join_tab_list li:hover {}
.join_tab_list li.on a,
.join_tab_list li:hover a {color:#2368dc; font-weight:bold;}
.join_tab_list.double li {width:50%;}
.join_tab_list.triple li {width:33.33%;}

.join_tab_list.sb_hak li span {background:none !important; padding-left:0;}
.join_tab_list.sb_hak + .join_tab_contents {margin-top:2rem;}

.join_tab_contents {display:none;}
.join_tab_contents.on {display:block;}
.join_tab_contents .m_btn_wrap .m_btn_area {font-size:1.5rem; font-weight:400;}

/* agree _pop */
.agree_pop_wrap {position:fixed; top:0; left:0; z-index:10; width:100%; height:100%; background:#fff; display:none; overflow-y:scroll;}
.agree_pop_wrap.on {display:block;}
.agree_pop_wrap .agree_pop_header {position:fixed; top:0; left:0; width:100%; height:60px; line-height:58px; background:#fff; border-bottom:1px solid #e5e7ea; text-align:center; font-size:1.7rem; font-weight:500; color:#000; z-index:2;}
.agree_pop_wrap .agree_pop_header .agree_close_btn {position:absolute; top:50%; right:5%; width:20px; height:20px; margin-top:-10px; line-height:0;}
.agree_pop_wrap .agree_pop_header .t_reco_close_btn {position:absolute; top:50%; right:5%; width:20px; height:20px; margin-top:-10px; line-height:0;}
.agree_pop_wrap .agree_pop_contents {padding:60px 5%; color:#000; overflow-y:scroll; height:100%; position:relative;}
.agree_pop_wrap .agree_pop_contents .agree_num {font-size:1.7rem; font-weight:bold; margin-top:3rem;}
.agree_pop_wrap .agree_pop_contents .agree_sub {margin-top:2.5rem; font-size:1.5rem; font-weight:bold;}
.agree_pop_wrap.interview {overflow:hidden; right:0; bottom:0;}
.agree_pop_wrap.my_study_write {overflow-y:hidden;}
.agree_txt {font-size:1.4rem; color:#555; line-height:1.5; font-weight:350; margin-top:0.5rem;}
.agree_txt strong.bold {display:block; color:#000;}


/* privacy_agree_pop_wrap */
.privacy_agree_pop_wrap {position:fixed; top:0; left:0; z-index:10; width:100%; height:100%; background:#fff; display:none; overflow-y:scroll;}
.privacy_agree_pop_wrap.on {display:block;}
.privacy_agree_pop_wrap .agree_pop_header {position:fixed; top:0; left:0; width:100%; height:62px; line-height:60px; background:#fff; border-bottom:1px solid #e5e7ea; text-align:center; font-size:1.7rem; font-weight:500; color:#000; z-index:2;}
.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; margin-top:15px;}
.privacy_agree_pop_wrap .agree_pop_header .agree_close_btn {position:absolute; top:50%; right:5%; width:20px; height:20px; margin-top:-10px; line-height:0;}
.privacy_agree_pop_wrap .agree_pop_contents {padding:60px 5%; color:#000; overflow-y:scroll; height:100%; position:relative;}
.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;}


/* layout */
.layout {}
.layout.double .module {width:calc(50% - 0.5rem); display:inline-block; float:left;}
.layout.double .module + .module {margin-left:1rem;}

/* input-type */
input[type*="text"],
input[type*="password"],
input[type*="tel"],
input[type*="number"] {width:100%; height:48px; padding:0.2rem 1.5rem; color:#111; border-radius:0; font-size:1.5rem; border:none; width:81%; margin-top:1px;}

input[type*="text"].w100,
input[type*="password"].w100,
input[type*="tel"].w100,
input[type*="number"].w100 {width:100% !important;}

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:52px;}
.field_area + .field_area {border-left:none;}
.empty .field_area {color:#f30100; border-color:#f30100;}
.empty_txt {color:#f30100; line-height:1.5; margin-top:1rem; font-size:1.3rem; 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_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;}




.field_area.gender {border:none; height:50px;}
.field_area.gender + .gender label {border-left:none; border-color:#ccc;}
.field_area.gender label {width:100%; text-align:center; font-size:1.7rem; font-weight:500; color:#bbb; display:block; line-height:48px; border:1px solid #ccc; border-right:none;}
.field_area.gender +.gender label {border-left:1px solid #ccc; border-right:1px solid #ccc;}
.field_area.gender:first-child label {}
.field_area input[type*="radio"].gender {display:none;}
.field_area input[type*="radio"].gender.on label {color:#0376f0;  border:1px solid #0376f0;}
.field_area.gender.on label {color:#0376f0;  border:1px solid #0376f0 !important;}
.field_area.gender.on +.gender label {border-left:none !important;}
.field_area input[type*="radio"].gender + .gender label {border-left:1px solid #ccc;}
.field_area.school {border:none; height:50px;}
.field_area.school + .school label {border-color:#ccc;}
.field_area.school label {width:100%; text-align:center; font-size:1.7rem; font-weight:500; color:#bbb; display:block; line-height:48px; border:1px solid #ccc;}
.field_area input[type*="radio"].school {display:none;}
.field_area input[type*="radio"].school:checked + label {color:#0376f0;  border:1px solid #0376f0;}
.triple .field_area.gender {width:33.3333% !important;}
.triple .gender +.gender label {border-right:none;}
.triple .gender + .gender + .gender label {border-right:1px solid #ccc;}

.quad .field_area.school {width:calc(25% - 0.4rem);}


.input_checkbox input[type*="checkbox"] {cursor:pointer; width:2.25rem; height:2.25rem; margin-top:-0.1rem;}
.input_checkbox.all_check_btn input[type*="radio"] {cursor:pointer; width:2.25rem; height:2.25rem; margin-top:-0.1rem;}
.input_checkbox {min-height:2.25rem; margin:2rem 0;}
.input_checkbox 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_checkbox input[type*="checkbox"] {display:none;}
.input_checkbox input[type*="radio"] {display:none;}
.input_checkbox label:after {content:""; display:inline-block; width:2.25rem; height:2.25rem; margin-right:1rem; position:absolute; left:0; bottom:0.1rem; background:url("https://img.megastudy.net/campus/library/v2015_mob/asset/img/input_checkbox_off.png") no-repeat center center; background-size:2.25rem;}
.input_checkbox input[type*="checkbox"]:checked + label:after {content:""; background:url("https://img.megastudy.net/campus/library/v2015_mob/asset/img/input_checkbox_on.png") no-repeat center center; background-size:2.25rem;}
.input_checkbox_area:after {clear:both; display:block; content:'';}
.input_checkbox_area .input_checkbox {float:left; margin-left:2rem;}
.input_checkbox_area .input_checkbox:first-child {margin-left:0;}
.input_checkbox.agree label {font-size:1.4rem; color:#000;  font-weight:400; padding-left:3rem;}
.input_checkbox.agree label span {color:#bbb; font-size:1.2rem; font-weight:400;}
.input_checkbox.agree label span.essen {color:#0376f0;}
.input_checkbox.agree label:after {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_checkbox.agree input[type*="checkbox"]:checked + label:after {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;}
.input_checkbox.all_check_btn {margin:3.5rem 0 1.25rem}
.input_checkbox.all_check_btn label {font-size:1.8rem; color:#000; font-weight:500;}
.input_checkbox.all_check_btn label:after {background:url("https://img.megastudy.net/campus/library/v2015_mob/asset/img/input_checkbox_all_off.png") no-repeat center center; background-size:2.6rem; width:2.6rem; height:2.6rem; bottom:-0.1rem;}

.input_checkbox.all_check_btn input[type*="checkbox"]:checked + label:after {background:url("https://img.megastudy.net/campus/library/v2015_mob/asset/img/input_checkbox_all_on.png") no-repeat center center; background-size:2.6rem;}
.input_checkbox.all_check_btn input[type*="radio"]:checked + label:after {background:url("https://img.megastudy.net/campus/library/v2015_mob/asset/img/input_checkbox_all_on.png") no-repeat center center; background-size:2.6rem;}

.input_checkbox.all_check_btn.small label {padding-left:2.5rem;}
.input_checkbox.all_check_btn.small label:after {background:url("https://img.megastudy.net/campus/library/v2015_mob/asset/img/input_checkbox_all_off.png") no-repeat center center; background-size:2rem; width:2rem; height:2rem; bottom:0.2rem; margin-right:0 !important;}
.input_checkbox.all_check_btn.small input[type*="checkbox"]:checked + label:after {background:url("https://img.megastudy.net/campus/library/v2015_mob/asset/img/input_checkbox_all_on.png") no-repeat center center; background-size:2rem;}
.input_checkbox.all_check_btn.small input[type*="radio"]:checked + label:after {background:url("https://img.megastudy.net/campus/library/v2015_mob/asset/img/input_checkbox_all_on.png") no-repeat center center; background-size:2rem;}

input[type*="image"] {border-radius:0; border-radius:0;}
input[type*="button"] {cursor:pointer; border:0; background:transparent; border-radius:0;}

/* select custom */
.select_wrap {position:relative;}
.select_wrap:nth-child(even) {float:right; margin-bottom:0.5rem;}
.select_wrap select {font-size:1.5rem; box-sizing:border-box; height:50px; width:100%; padding:0 1.5rem; border:0; border-radius:0; -webkit-appearance:none; appearance:none; appearance:none; border:0.1rem solid #ccc; background:#fff;}
.select_wrap:after {position:absolute; top:50%; right:2rem; width:1.4rem; height:1.4rem; margin-top:-1.2rem; border-left:1px solid #000; border-bottom:1px solid #000; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); display:block; content:'';}
h3.mypage_title select {position:relative; z-index:2; background:none;}
h3.mypage_title .select_wrap:after {z-index:1;}
.select_wrap select:required:invalid {color:#bbb;}
.empty .select_wrap select {border-color:#f30100;}
.select_wrap option[value=""][disabled] {display:none;}
.select_wrap option {color: black;}
.swipe_wrap .select_wrap select {padding:0 0.5rem;}
.swipe_wrap .select_wrap:after {width:1rem; height:1rem; margin-top:-1rem; right:1rem;}
.select_wrap select:disabled {color:#bbb; opacity:0.5; -webkit-text-fill-color:#000; -ms-text-fill-color:#757575; -moz-text-fill-color:#757575;}
.contents_wrap h3 select {height:38px; line-height:36px;}

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

/* input search */
.search_area {position:relative; background:#fff; margin:2rem auto;}
.search_area input[type*="text"] {width:90%; padding-right:3.1rem; height:60px; border:none; font-size:1.5rem; font-weight:300; text-indent:1.5rem;}
.search_area .btn_search {width:25px; position:absolute; right:4.6%; top:50%; margin-top:-12px;}
.search_area.scholl_scr .btn_search {right:initial; left:1.5rem;}
.search_area.scholl_scr input[type*="text"] {padding-left:3rem; font-size:1.5rem; font-weight:400;}

.search_area.scholl_scr input[type*="text"]::-webkit-input-placeholder {color:#000}
.search_area.scholl_scr input[type*="text"]::-moz-input-placeholder {color:#000}
.search_area.scholl_scr input[type*="text"]::-ms-input-placeholder {color:#000}
.search_area.scholl_scr .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;}
.search_area.scholl_scr .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 {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:1.5rem; color:#000; font-weight:400; position:absolute; top:50%; margin-top:-0.8rem; right:1rem;}
.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:1.5rem;}

.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;}

/* basic-alink */
a {text-decoration:none;color:#111; outline:0;}
a:link {color:#111;text-decoration:none;}
a:visited {color:#111;text-decoration:none;}
a:active {color:#111;text-decoration:none;}
a:hover {color:#111;text-decoration:none;}

iframe {-webkit-overflow-scrolling: touch;}

/* class css */
.tac {text-align:center !important;}
.tal {text-align:left !important;}
.tar {text-align:right !important;}

/* footer */
footer {position:relative; bottom:0; width:100%; background:#fff; text-align:center; padding:3rem 0; border-top:1px solid #ccc;}
.main footer {background:#f0f1f5; border:none;}
footer .quick_button_area:after {display:block; content:''; clear:both;}
footer .quick_button_area > a {position:relative; display:block; float:left; width:50%; height:4rem; line-height:4rem; font-size:1.4rem; border:1px solid #ccc; text-align:center;}
footer .quick_button_area > a + a {border-left:0;}
footer .quick_button_area > a img {width:1.5rem; margin-right:0.3rem; margin-top:-0.3rem;}

footer .footer_copy {padding:1rem 0 0;}
footer .footer_logo {width:13rem;}
footer .footer_info {font-size:1.1rem; line-height:1.8; color:#888; margin-top:2rem; font-weight:300;}
footer .footer_info * {margin:0 auto;}
footer .footer_info .open_btn {display:block; width:1.7rem; height:0.9rem; background:url("https://img.megastudy.net/campus/library/v2015_mob/asset/img/ico_arrow01.png") 0 0 no-repeat; margin:2rem auto; background-size:100%;  transform:rotate(180deg);}
footer .footer_info .open_btn.on {transform:rotate(0deg);}
footer .footer_info .open_contents {display:none;}
footer .footer_info .per_policy_btn + .per_policy_btn {padding-left:0.8rem; position:relative; margin-left:0.5rem;}
footer .footer_info .per_policy_btn + .per_policy_btn:after {position:absolute; left:0; top:0; width:1px; height:100%; content:''; display:block; background:url("https://img.megastudy.net/campus/library/v2015_mob/asset/img/footer_line.png") 0 0 repeat-y; font-weight:300 !important;}
footer .footer_info .open_btn.on + .open_contents {display:block; padding-bottom:2rem;}
footer .footer_info a {display:inline-block; color:#888; font-size:1.1rem; line-height:1; margin:0.8rem 0; font-weight:300;}
footer .footer_info a strong {font-weight:500;}

footer .footer_info p span + span {position:relative; padding-left: 0.8rem; margin-left: 0.7rem;}
footer .footer_info p span + span:after {position:absolute; left:0; top:17%; width:1px; height:80%; content:''; display:block; background:url("https://img.megastudy.net/campus/library/v2015_mob/asset/img/footer_line.png") 0 0 repeat-y; font-weight:300 !important;}

footer .quick_link_area {text-align:center; width:100%; position:relative;}
footer .quick_link_area .quick_link_list {}
footer .quick_link_area .quick_link_list li {position:relative; width:calc(25% - 2.25%);  display:inline-block; float:left; border:1px solid #aaa;}
footer .quick_link_area .quick_link_list li a {font-size:1.2rem; color:#777; padding:1rem; display:block;}
footer .quick_link_area .quick_link_list li + li {margin-left:3%;}
footer.login_foot {background:#fff; padding:1.5rem 0 1.7rem; border-top:1px solid #e6e8eb;}
footer.login_foot .quick_link_area {display:none;}
footer.login_foot .footer_info {margin-top:0;}
footer.login_foot .footer_info a {font-size:1.2rem;}
footer.login_foot .footer_info p {display:none;}
footer.login_foot .footer_info .per_policy_btn {color:#888;}
footer.login_foot .footer_info .footer_copy {padding-top:0;}
footer.login_foot .footer_info .per_policy_btn:after {top:1px;}




/* 202408 SSO회원통합 작업 */
.mb5 {margin-bottom:0.5rem !important;}
.mr5 {margin-right:0.5rem !important;}
.pl325 {padding-left:3.25rem !important;}

.lh140{ line-height:1.4;}
.lh150{ line-height:1.5;}
.lh160{ line-height:1.6;}

.fz_12 {font-size:1.2rem;}
.fz_13 {font-size:1.3rem !important;}
.fz_15 {font-size:1.5rem !important;}
.fz_16 {font-size:1.6rem !important;}
.fz_20 {font-size:2rem;}
.fz_21 {font-size:2.1rem;}

.light{ font-weight:300}
.normal{ font-weight:normal !important;}
.bg_fff{ background:#fff !important;}
.color_888 {color:#888 !important;}
.dis-flex{ display:flex; justify-content: space-between; align-items: center;}
.trline{ width:90.625%; height: 1px; margin: 0 auto; background-color: #e5e7ea;}

/* form */
.input_area .select_wrap select{position: relative;z-index:2;background:transparent;}
.input_area .select_wrap:after{ z-index:1;}

.select_wrap.email:after { position:absolute; top:50%; right:0.8rem; width:1rem; height:1rem; margin-top:-0.8rem; border-left:1px solid #000; border-bottom:1px solid #000; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); display:block; content:'';}
.select_wrap.email select {padding:0 2rem 0 1rem;}

.join_step_wrap .input_radio label { display:inline-block; cursor:pointer; position:relative; padding-left:20px; font-size:1.4rem; color:#000; line-height:1.286;}
.join_step_wrap .input_radio input[type*="radio"] {display:none;}
.join_step_wrap .input_radio label:after { content:""; display:inline-block; width:18px; height:18px; position:absolute; left:0; top:0; bottom:0; background:url("https://img.megastudy.net/campus/library/v2015_mob/asset/img/join/input_radio_agree_off.png") no-repeat center center;background-size:18px;}
.join_step_wrap .input_radio input[type*="radio"]:checked + label:after { content:""; background:url("https://img.megastudy.net/campus/library/v2015_mob/asset/img/join/input_radio_agree_on.png") no-repeat center center; background-size:18px;}
.join_step_wrap .input_radio input[type*="radio"]:checked + label{ color:#0082ff;}

.join_tab_view .radio_wrap .input_radio + .input_radio{ margin-top:1rem;}
.join_tab_view .radio_wrap .input_radio{position: relative;display:flex;flex-wrap: nowrap; justify-content: space-between;align-items: center;}
.join_tab_view .radio_wrap .input_radio label{ width:100%; position: relative; border: 1px solid #ccc; background: #fff; color:#000; font-size:1.6rem; font-weight:bold; padding-left:20px;padding-top:15px;padding-bottom:15px;padding-left:38px;}
.join_tab_view .radio_wrap .input_radio label:after { left:16px; top:17px;}
.join_tab_view .radio_wrap .input_radio input[type*="radio"]:checked + label{ color:#0082ff;background:#e5f2ff;}
.join_tab_view .radio_wrap .input_radio .ok_text, 
.join_tab_view .radio_wrap .input_radio .fail_text{ position: absolute;z-index:3; right:10px;top:50%;transform: translateY(-50%); font-size:1.5rem;}
.join_tab_view .radio_wrap .input_radio.dis_able label {background:#f2f2f2; color:#bbb; opacity:1; -webkit-text-fill-color:inherit;}

.join_step_wrap .field_wrap .at{ display:inline-block; height:52px; line-height:52px; font-size:1.5rem; vertical-align: middle;}
.join_step_wrap .brand_list{ display:flex; justify-content: space-between; align-items: center; flex-wrap: wrap; row-gap:1rem;}
.join_step_wrap .brand_list > div{ width:23.793%;}
.join_step_wrap .brand_list > div img{ width:100%; height:100%;}

.join_step_wrap .brand_list.list_3 { display:flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap:2%; row-gap:1rem;}
.join_step_wrap .brand_list.list_3 > div{ flex:1 1 32%;}
.join_step_wrap .brand_list.list_3 > div img{ width:100%; height:100%;}

.join_step_wrap .jointype{ width:100%; display:flex;flex-wrap: nowrap; justify-content: space-between;align-items: center;text-align: center; }
.join_step_wrap .jointype .module { position: relative; flex: 1 0 0; box-sizing:border-box; border:1px solid #0476f0; cursor: pointer;height:100px;}
.join_step_wrap .jointype .module + .module{ margin-left:1rem;}
.join_step_wrap .jointype .module > div:nth-child(1){ padding-top:15px;}
.join_step_wrap .jointype .module > div:nth-child(2){ padding-top:15px;}
.join_step_wrap .jointype .module .icon{ display:block; margin:0 auto;width:auto;height:36px;}
.join_step_wrap .jointype strong{ position: relative; display: inline-block;font-size: 1.3rem; color:#000;}
.join_step_wrap .jointype .bg_under_line:after {content:''; display:block; clear:both; width:100%; position:absolute;height:0.75rem; bottom:-3px; left:0; background:#d2eaff; z-index:-1;}

.join_step_wrap .gray_bg{ background:#f7f7f7;}
.join_step_wrap .gray_bg .input_wrap{ width: 90.625%; margin:0 auto;padding:2rem 0;}

.join_dot_list { background:#f7f7f7; padding:2.5rem 0;}
.join_dot_list ul { width: 90.625%; margin:0 auto;}
.join_dot_list li {font-size:1.3rem; color:#777; line-height:1.6; font-weight:normal; position:relative; display:inline-block; padding-left:7px; display: block;}
.join_dot_list li:after {position:absolute; top:9px; left:0; content:''; display:block; background:#949494; width:2px; height:2px; border-radius:100%;}

.join_dot_list.no_bg { background:#fff; padding:0; letter-spacing:0;}
.join_dot_list.no_bg ul{ width:100%;}

.total_join_terms .check_list { border-top: 1px solid #E5E7EA; border-bottom:0; padding:1.5rem 0 0 0; }
.total_join_terms .check_list .list{ position: relative; padding:1rem 0; font-size:1.4rem; }
.total_join_terms .check_list .list .btn_terms_pop {  display: block; position: absolute;top:50%; transform: translateY(-50%);right:1rem;font-size: 1.2rem; color:#888; border-bottom:1px solid #adadad;}
.total_join_terms .check_list .list .btn_terms_sub{  position:absolute;top:50%; transform: translateY(-50%);right:0.2rem;font-size: 1.6rem;font-weight:500;color:#424c5d;text-decoration:underline;padding:10px;}
.total_join_terms .check_list .list .btn_terms_sub {font-weight:500; color:#000;}
.total_join_terms .check_list .list .btn_terms_sub:after { 
  position: relative;
  top:50%; transform: translateY(-50%); right:3px; 
  width:10px; height:10px; margin-top:-7px; 
  border-left:1px solid #000; border-bottom:1px solid #000; 
  -webkit-transform:rotate(-45deg); transform:rotate(-45deg); display:block; content:''; transition: all .2s;
}
.total_join_terms .check_list .list .btn_terms_sub.on:after { -webkit-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); margin-top:7px;}

.total_join_terms .check_list .terms_sub{ display: none; background:#f6f6f6; position: relative; padding:1.5rem 1rem;font-size:  1.2rem; color:#888;margin-bottom:1.5rem;}
.total_join_terms .check_list .terms_sub dl{  position:relative; display: flex; align-items: center; justify-content: space-between; gap:1rem;}
.total_join_terms .check_list .terms_sub dl + dl{ margin-top:12px;}
.total_join_terms .check_list .terms_sub dl dt, .total_join_terms .check_list .terms_sub dl dd{ display: flex; font-size: 1.2rem; line-height:1.4;}
.total_join_terms .check_list .terms_sub.on{ display: block;}
.total_join_terms .check_list .terms_sub .btn_terms_pop{  position: relative; right:0; border-bottom:1px solid #adadad;color:#888;}
.total_join_terms.check_agree .all_check_btn { color:#888; margin: 3.5rem 0 2.5rem;}

.total_join_terms.check_agree .all_check_btn .noti { line-height:1.6; margin-top:1.2rem; padding-left:3rem;font-size: 1.3rem; color:#888; word-break: keep-all;}
.total_join_terms.check_agree .req_color { color: #0376f0;}
.total_join_terms.check_agree .opt_color { color: #bbb;}

.total_join_terms .input_checkbox.agree label{ font-size: 1.4rem; max-width:87%; line-height:1.5;}
.total_join_terms .input_checkbox.agree label span{font-size: 1.4rem;  }
.total_join_terms .input_checkbox.only_label label:after{ display: none;}
.total_join_terms .only_label label{ padding-left:3rem;}
.total_join_terms .input_checkbox.agree label:after{ top:0;}

.ok_text { display: inline-block; line-height:1.5; font-size:1.3rem;color:#0376f0;padding-left:17px;position: relative;}
.ok_text:before{ content:'';	position: absolute;top:4px;left:0;width:13.5px;height:11.5px; background:url("https://img.megastudy.net/campus/library/v2015_mob/asset/img/join/icon_ok.png") no-repeat left center; background-size:cover;}
.ok_text.no_icon { padding-left:0;}
.ok_text.no_icon:before{ display: none;}

.fail_text { display: inline-block; line-height:1.5; font-size:1.3rem;color:#f00303;padding-left:17px;position: relative;}
.fail_text:before{ content:'';position: absolute;top:4px;left:0;width:11.5px;height:11.5px; background:url("https://img.megastudy.net/campus/library/v2015_mob/asset/img/join/icon_fail.png") no-repeat left center; background-size:cover;}

.agree_pop_wrap .ok_text{ font-size:1.5rem;}
.agree_pop_wrap .ok_text:before{ top:6px;}
.agree_pop_wrap .fail_text{ font-size:1.5rem;}
.agree_pop_wrap .fail_text:before{ top:6px;}

.total_join_table{ width:100%;  border-top:2px solid #000; table-layout:auto;}
.total_join_table.fiexd{ table-layout: fixed;}
.total_join_table th, .total_join_table td{ padding:14px 10px 14px 13px; font-size:1.4rem; box-sizing: border-box;line-height:1.4; }
.total_join_table.type2 th, .total_join_table.type2 td{ padding:12px 14px;}

.total_join_table th.taL, .total_join_table td.taL{ text-align: left;}
.total_join_table th.taR, .total_join_table td.taR{ text-align: right;}
.total_join_table th{ background:#f6f6f6; text-align:center; vertical-align:middle; font-weight:normal; color:#000; word-break: keep-all;font-weight:600;border-bottom:1px solid #e3e3e3;}
.total_join_table th.light{ font-weight:300;}
.total_join_table td.btc{ border-top-color:#000;}
.total_join_table td{ background:#fff; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3;}

.total_join_table .bar{ color:#ccc;padding:0 7px;}
.total_join_table .log_data{ font-size:1.5rem;}
.total_join_table .log_data .log.id{ font-weight:bold; }
.total_join_table .log_data .log.date{ color:#888; font-weight: 300; font-size:1.4rem;letter-spacing: -0.02rem;}
.total_join_table .log_data .log.info{ color:#ff9600;font-weight: 300;}
.total_join_table .log_data .log.no{ color:#888; font-weight: 300;}

.agree_pop_wrap .log_data .log.id{ color:#0082ff;}
.agree_pop_wrap .input_radio input[type*="radio"]:checked + label{ color:#000;}

.total_join_table th .no_data{color:#888;padding:18px 0;font-weight:300;font-size:1.4rem;}
.total_join_table .log_data .naver{padding-left:22px; background:url("https://img.megastudy.net/campus/library/v2015_mob/asset/img/join/icon_naver.png") no-repeat 0px 3px;background-size:18px 18px;}
.total_join_table .log_data .kakao{padding-left:22px; background:url("https://img.megastudy.net/campus/library/v2015_mob/asset/img/join/icon_kakao.png") no-repeat 0px 3px;background-size:18px 18px;}
.total_join_table .log_data .apple{padding-left:22px; background:url("https://img.megastudy.net/campus/library/v2015_mob/asset/img/join/icon_apple.png") no-repeat 0px 3px;background-size:18px 18px;}

.total_join_table .brand_link{ display:flex; flex-direction: row; gap:10px;}
.total_join_table .brand_link li input, 
.total_join_table .brand_link li label{ vertical-align: middle;font-size:16px;color:#333;font-weight: 600;cursor: pointer;}

.total_join_table td .log_data > div + div{ margin-top:10px;}
.total_join_table td .log_data > div{ display:flex; justify-content: space-between; align-items: center;}

.contents_wrap h4 span.fr{ font-weight: normal;}
.contents_wrap h4 span.fr .req{ color:#0376f0;}

.join_tab_box { display: flex; align-items: center; justify-content: center;}
.join_tab_box li {
  font-size:1.7rem; color:#bbb; font-weight:500; text-align:center; width:50%; height:50px; display: flex; align-items: center; justify-content: center;
  background:#f2f2f2; border-top:1px solid #e5e7ea; border-right:1px solid #e5e7ea; border-bottom:1px solid #0376f0;
}
.join_tab_box li:first-child {border-left:1px solid #e5e7ea;}
.join_tab_box li.on {color:#0376f0; border:1px solid #0376f0; border-bottom:none; background:#fff; border-bottom:none !important;}
.join_tab_box.double li {width:50%;}
.join_tab_box.triple li {width:33.33%;}
.join_tab_view {display:none;}

/* mypage */
.contents_wrap .join_btn{ position: absolute;right:0;top:0;}
.contents_wrap .join_btn a{  position: relative;padding-right:10px;}
.contents_wrap .join_btn a span{ font-size: 1.5rem;color:#0376f0;}
.contents_wrap .join_btn a:after{ 
  content:'';position: absolute;top:2px;right:1px; width:7px; height:7px;display:inline-block; 
  border-right:1px solid #0376f0; border-bottom:1px solid #0376f0; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); 
}
.contents_wrap .input_wrap .agree_btn {
  width:7px; height:7px;display:inline-block; position: relative;top:7.5px;
  border-right:1px solid #000; border-bottom:1px solid #000; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);
}
.contents_wrap .input_checkbox.input_top label:after{ top:0;}
.contents_wrap .tot_white_box{ width:94%; background:#fff; margin-left: 0; padding: 1.5rem 2rem;}
.contents_wrap .tot_white_box .input_checkbox + .input_checkbox{ margin-left:2rem;}