@charset "utf-8";

@font-face {
    font-family: 'NanumBarunGothic';
    font-style: normal;
    font-weight: 700;
    src:url('/template/font/NanumBarunGothic.eot');
    src:url('/template/font/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
    url('/template/font/NanumBarunGothic.woff') format("woff"),
    url('/template/font/NanumBarunGothic.ttf') format('truetype'),
    url('/template/font/NanumBarunGothic.svg#NanumBarunGothic') format('svg');
    src:local(※), url('/template/font/NanumBarunGothic.woff') format('woff');
}

@font-face {
    font-family: 'NanumBarunGothicBold';
    font-style: normal;
    font-weight: 700;
    src:url('/template/font/NanumBarunGothicBold.eot');
    src:url('/template/font/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'),
    url('/template/font/NanumBarunGothicBold.woff') format("woff"),
    url('/template/font/NanumBarunGothicBold.ttf') format('truetype'),
    :url('/template/font/NanumBarunGothicBold.svg#NanumBarunGothicBold') format('svg');
    src:local(※), url('/template/font/NanumBarunGothicBold.woff') format('woff');
}

/* 기본 */
/* border */
.brd0 {border:0 !important}

/* align */
.vaM {vertical-align:middle}

/* width */
.w100 {width:100%}
.min_w100 {min-width: 100%;}

/* hidden */
.hidden {position:absolute;left:-9999;top:0;width:0;height:0;line-height:0;;text-indent:-9999em;overflow:hidden;}

/* margin- 추가 */
.mgt0 {margin-top:0 !important}
.mgt5 {margin-top:5px !important}
.mgt10 {margin-top:10px !important}
.mgt15 {margin-top:15px !important}
.mgt20 {margin-top:20px !important}
.mgt25 {margin-top:25px !important}
.mgt30 {margin-top:30px !important}
.mgt35 {margin-top:35px !important}
.mgt40 {margin-top:40px !important}
.mgt45 {margin-top:45px !important}
.mgt50 {margin-top:50px !important}
.mgt60 {margin-top:60px !important}

.mgb5 {margin-bottom:5px !important}
.mgb10 {margin-bottom:10px !important}
.mgb15 {margin-bottom:15px !important}
.mgb20 {margin-bottom:20px !important}
.mgb25 {margin-bottom:25px !important}
.mgb30 {margin-bottom:30px !important}
.mgb35 {margin-bottom:35px !important}
.mgb40 {margin-bottom:40px !important}
.mgb45 {margin-bottom:45px !important}
.mgb50 {margin-bottom:50px !important}

.mgL5 {margin-left:5px !important}
.mgL10 {margin-left:10px !important}
.mgL15 {margin-left:15px !important}
.mgL20 {margin-left:20px !important}
.mgL25 {margin-left:25px !important}
.mgL30 {margin-left:30px !important}
.mgL35 {margin-left:35px !important}
.mgL40 {margin-left:40px !important}
.mgL45 {margin-left:45px !important}
.mgL50 {margin-left:50px !important}

.mgR5 {margin-right:5px !important}
.mgR10 {margin-right:10px !important}
.mgR15 {margin-right:15px !important}
.mgR20 {margin-right:20px !important}
.mgR25 {margin-right:25px !important}
.mgR30 {margin-right:30px !important}
.mgR35 {margin-right:35px !important}
.mgR40 {margin-right:40px !important}
.mgR45 {margin-right:45px !important}
.mgR50 {margin-right:50px !important}

.mgA5 {margin:5px !important}
.mg10 {margin:10px !important}
.mgA15 {margin:15px !important}
.mgA20 {margin:20px !important}
.mgA25 {margin:25px !important}
.mgA30 {margin:30px !important}
.mgA35 {margin:35px !important}
.mgA40 {margin:40px !important}
.mgA45 {margin:45px !important}
.mgA50 {margin:50px !important}

/* padding - 추가 */
.pdt0 {padding-top:0 !important}
.pdt5 {padding-top:5px !important}
.pdt10 {padding-top:10px !important}
.pdt15 {padding-top:15px !important}
.pdt20 {padding-top:20px !important}
.pdt25 {padding-top:25px !important}
.pdt30 {padding-top:30px !important}
.pdt35 {padding-top:35px !important}
.pdt40 {padding-top:40px !important}
.pdt45 {padding-top:45px !important}
.pdt50 {padding-top:50px !important}

.pdb5 {padding-bottom:5px !important}
.pdb10 {padding-bottom:10px !important}
.pdb15 {padding-bottom:15px !important}
.pdb20 {padding-bottom:20px !important}
.pdb25 {padding-bottom:25px !important}
.pdb30 {padding-bottom:30px !important}
.pdb35 {padding-bottom:35px !important}
.pdb40 {padding-bottom:40px !important}
.pdb45 {padding-bottom:45px !important}
.pdb50 {padding-bottom:50px !important}

.pdL5 {padding-left:5px !important}
.pdL10 {padding-left:10px !important}
.pdL15 {padding-left:15px !important}
.pdL20 {padding-left:20px !important}
.pdL25 {padding-left:25px !important}
.pdL30 {padding-left:30px !important}
.pdL35 {padding-left:35px !important}
.pdL40 {padding-left:40px !important}
.pdL45 {padding-left:45px !important}
.pdL50 {padding-left:50px !important}

.pdR5 {padding-right:5px !important}
.pdR10 {padding-right:10px !important}
.pdR15 {padding-right:15px !important}
.pdR20 {padding-right:20px !important}
.pdR25 {padding-right:25px !important}
.pdR30 {padding-right:30px !important}
.pdR35 {padding-right:35px !important}
.pdR40 {padding-right:40px !important}
.pdR45 {padding-right:45px !important}
.pdR50 {padding-right:50px !important}

.pdA5 {padding:5px !important}
.pd10 {padding:10px !important}
.pdA15 {padding:15px !important}
.pdA20 {padding:20px !important}
.pdA25 {padding:25px !important}
.pdA30 {padding:30px !important}
.pdA35 {padding:35px !important}
.pdA40 {padding:40px !important}
.pdA45 {padding:45px !important}
.pdA50 {padding:50px !important}

.b {font-weight: bold;}
.u {text-decoration: underline}

input[type="text"],
input[type="password"],
textarea, select {font-size: inherit; border: 1px solid #c5c5c5; width: 100%; padding: 5px 10px; border-radius: 4px; margin-right: 5px;}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="radio"]:focus,
textarea:focus, select:focus{outline: 2px solid #d9d9d9;}
/* -------------------------------------------------------------------------------------------------------------------- */
/* 레이아웃  */
/* -------------------------------------------------------------------------------------------------------------------- */

/* layout */
#wrap {min-width:320px !important;}
#wrap.sub {min-width:320px !important;}
body {min-width:320px !important}
body.printPage{min-width:320px !important}
#conwrap1_mem {height:100%; background:#f5f6f7;}
#conwrap2 {min-height: calc(100vh - 486px)} /* header + top button + footer = 486px */
.inner_con {height:100%;min-height: calc(100vh - 408px); position: relative; max-width: 1060px; margin: 0 auto;}

/* st container */
.st_c {border: 1px solid #dedede; box-shadow: 0 0 10px rgba(0, 0, 0, .2);border-radius: 20px; padding: 20px; margin-top: 20px;}

/* header */
#header_mem {position:relative;z-index:100;top:0;left:0;width:100%;height:78px;border-bottom:3px solid #007E75;background:#fff}
#header_mem .header_wrap {width:992px;max-width:992px;height:78px;margin:0 auto}
#header_mem h1 {display:block;*display:inline;overflow:hidden}
#header_mem h1 a {display:block;*display:inline}
#header_mem h1 a img {display:block;width:282px}
#header_mem .header_left {float:left}
#header_mem .header_right {float:right;padding:25px 0 0;margin:0;text-align:right}
#header_mem .header_right .login_info {float:left;height:30px;margin:0 5px 0 0;line-height:30px;font-weight:600;font-size:11px;font-family:"나눔고딕", "NanumGothic", "ngWeb"}
#header_mem .header_right .login_info a {background:url(/images/bu_dot.gif) no-repeat 0 50%;padding:0 0 0 5px;color:#939192;text-decoration:none}
#header_mem .header_right .login_info
#header_mem .header_right.logged {float:right;width:auto}
#header_mem .header_right.logged .login_info {text-align:left}
#header_mem .header_right.logged .login_info img {vertical-align:middle}
#header_mem .header_right .sitemap {float:right;width:30px;height:30px;overflow:hidden}

/* footer */
#footer_mem {width:100%;background:#545b5d;overflow:hidden}
#footer_mem .copy_wrap {position:relative;width:992px;height:40px;margin:0 auto;min-width:320px;color:#a9b8bc;text-align:center}
#footer_mem .copy_wrap .foot_list {position:absolute;left:0;top:10px;width:40%;text-align:left;z-index:2}
#footer_mem .copy_wrap .foot_list > li {display:inline-block;*display:inline;*zoom:1;padding:0;line-height:20px;text-align:center}
#footer_mem .copy_wrap .foot_list > li a {display:inline-block;color:#a9b8bc;text-decoration:none;font-size:11px;margin:0 10px}
#footer_mem .copy_wrap .foot_list > li .new_edunet {color:#ffffcc;font-weight:600;letter-spacing:0px;font-weight:600; background:url(/images/bu_bar.gif) no-repeat right 50%}
/*#footer_mem .copy_wrap .foot_list > li .pers_info {color:#b6e5fd;font-weight:600; }*//*2016.04.18*/
#footer_mem .copy_wrap .foot_list > li .nobar {background-image:none;letter-spacing:0px;font-weight:600;margin-right:30px;color:#ffffcc;font-weight:600}
#footer_mem .copy_wrap .copy_logo {width:100%;text-align:center;overflow:hidden}
#footer_mem .copy_wrap .copy_logo img {padding:3px 0 0}
#footer_mem .copy_wrap .address {position:absolute;right:0;top:12px;width:40%;text-align:right;z-index:2}
#footer_mem .copy_wrap .address .foot_list01>li.family {position:relative;height:21px;padding:0;vertical-align:bottom;z-index:5}
#footer_mem .copy_wrap .address .foot_list01>li.family a {display:inline-block;*display:inline; *zoom:1; vertical-align:middle; height:21px;}
#footer_mem .copy_wrap .address .foot_list01>li.family > a {vertical-align:top;}
#footer_mem .copy_wrap .address ul.foot_list01>li.family .family_link_list {display:none; position:absolute; bottom:21px; left:0; width:146px; background:#3c4345;}
#footer_mem .copy_wrap .address ul.foot_list01>li.family.on .family_link_list{display:block;}
#footer_mem .copy_wrap .address ul.foot_list01>li.family .family_link_list a {padding:0 0 0 11px; line-height:30px; height:30px; display:block; color:#a4b3b7; font-size:11px;}
#footer_mem .copy_wrap .address ul.foot_list01>li.family .family_link_list a:hover {text-decoration:underline;}

/* -------------------------------------------------------------------------------------------------------------------- */
/* 회원관련 영역  */
/* -------------------------------------------------------------------------------------------------------------------- */

/* 회원관련 레이아웃 */
#mem_content {position:relative;width:100%;min-width:320px;height:auto; padding-bottom: 50px;}
#mem_content *.*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
#mem_content table{table-layout:fixed;}
/* -------------------------------------------------------------------------------------------------------------------- */
/* Mac Safari 만 스타일 수정 적용  -- Start */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)
{ @media {
    #mem_content table{table-layout:auto;}
}}
@media not all and (min-resolution:.001dpcm) { @media {
    #mem_content table{table-layout:auto;}
}}
/* Mac Safari 만 스타일 수정 적용  -- End */
/* -------------------------------------------------------------------------------------------------------------------- */
#mem_content #mem_sub_list h3 {clear:both;font-size:36px;line-height:36px;color:#000;margin:0;overflow:hidden;}
.joinCont{height:auto; padding-top: 20px;}
.joinCont .content_title{padding-top:20px}

/* 공통 */
/* 회원가입 3단계 */
.memjoin_steps {width:100%;}
.memjoin_step_bg {border:1px solid #dedede;border-radius:3px;width:990px;height:78px}
.step1 {background:url("/images/member/memjoin_bg_step1.jpg")}
.step2 {background:url("/images/member/memjoin_bg_step2.jpg")}
.step3 {background:url("/images/member/memjoin_bg_step3.jpg")}
.memjoin_step_each {position:relative;float:left;height:78px;width:33.3%}
.memjoin_step_each .icon_step {position:absolute;color:#333;float:left;font-size:14px;height:29px;top:50%;left:50%;line-height:24px;text-align:left;}
.memjoin_step_each .icon_step span.txt01 {display:block;color:#767676;font-size:12px;line-height:14px;margin:-5px 0 0}
.memjoin_step_each .icon_step span.txt02 {display:block;color:#333;font-size:18px}
.memjoin_step_each .icon_step_on {position:absolute;color:#fff;float:left;font-size:18px;font-family:"나눔바른고딕", "NanumBarunGothic","나눔고딕", "NanumGothic", "ngWeb";height:29px;top:50%;left:50%;line-height:24px;text-align:left}
.memjoin_step_each .icon_step_on span.txt01 {display:block;color:#fff;font-size:12px;line-height:14px;margin:-5px 0 0}
.memjoin_step_each .icon_step_on span.txt02 {display:block;color:#fff;font-size:18px}
.memjoin_step_each .icon_step1_on {background:url("/images/member/icon_step1_on.png") 0 0 no-repeat; margin:-12px 0 0 -12%; text-indent:30px}
.memjoin_step_each .icon_step2_on {background:url("/images/member/icon_step2_on.png") 0 0 no-repeat; margin:-12px 0 0 -26%; text-indent:40px}
.memjoin_step_each .icon_step3_on {background:url("/images/member/icon_step3_on.png") 0 0 no-repeat; margin:-12px 0 0 -12%; text-indent:30px}
.memjoin_step_each .icon_step1 {background:url("/images/member/icon_step1.png") 0 0 no-repeat; margin:-12px 0 0 -10%; text-indent:30px}
.memjoin_step_each .icon_step2 {background:url("/images/member/icon_step2.png") 0 0 no-repeat; margin:-12px 0 0 -24%; text-indent:40px}
.memjoin_step_each .icon_step3 {background:url("/images/member/icon_step3.png") 0 0 no-repeat; margin:-12px 0 0 -10%; text-indent:30px}

/* 본문 타이틀/서브타이틀 */
.mem_txtTit {color:#333;font-size:24px;font-weight:400;line-height:28px;letter-spacing:-1px;padding-bottom:10px;text-align:center;margin-top:30px; display: none;}
.mem_txtTit span.orange {color:#c84e0b;font-weight:600 ;font-size:24px;}
.mem_txtTit span.blue {color:#0071a9;font-weight:600 ;font-size:24px;}
.mem_txtSubTit {font-size:18px;color:#777;line-height:1.5;letter-spacing:-0.03em;text-align:left;}
.mem_txtSubTit a.link{color:#148cd5; font-size:13px; text-decoration:underline;}
.mem_txtSubTit  .red {color:#ee511b;}
.joinsTit .br1 {display:block;}
.joinsTit .br2 {display:inline;}
.joinsTit .br1 .bold1{font-weight: bold;}

/* button */
.bbs_btn_wrap {clear:both;width:100%;padding:30px 0;text-align:center}
.bbs_btn_wrap p.for_writer {text-align:left;float:left}
.bbs_btn_wrap a {margin-left:5px;display:inline-block}
.txtbtn {display:inline-block;height:38px;background:url(/images/member/bg_bbsbtn.gif) no-repeat right 0;padding:0 20px 5px 0}
.txtbtn img {float:left;background:url(/images/member/bg_bbsbtn.gif) no-repeat left 0; height:16px;padding:12px 10px 12px 15px}
.txtbtn span {font-size:16px; font-weight:600; color:#333; display:inline-block; *display:inline;*zoom:1;padding:12px 0 0}
.txtbtn2 {display:inline-block; height:38px; background:url(/images/member/bg_bbsbtn.gif) no-repeat right 0;padding:0 20px 5px 0}
.txtbtn2 img {float:left;background:url(/images/member/bg_bbsbtn.gif) no-repeat left 0; height:16px; padding:12px 10px 12px 15px}
.txtbtn2 span {font-size:14px; font-weight:600; color:#333; display:inline-block;*display:inline;*zoom:1;padding:12px 0 0}

fieldset.join {background:url("/images/blank.gif") repeat 0 0;text-align:left}
fieldset.join legend {width:94%;color:#333; background:url("/images/bu_bluearrL.png") no-repeat left 33px;font-weight:600;font-size:18px;line-height:20px;letter-spacing:-1px;padding:0;text-align:left}
fieldset.join legend span {display:block;font-size:inherit;margin-left:-25px;color:#555;font-weight:normal;padding-top:5px}
fieldset.join legend span.orange {font-weight:bold;color:#C84E0B}
fieldset.join .subTit {color:#606262;font-size:15px;font-weight:600;line-height:22px;letter-spacing:-1px;background:url("/images/bu_go.gif") no-repeat left 5px;padding-left:15px}
fieldset.join caption {width:100%;padding-bottom:5px}
fieldset.join caption:after {content:""; display:block;clear:both;height:0}
fieldset.join caption p {float:left;font-size:13px;color:#555;letter-spacing:-1px}
fieldset.join caption .ess {float:right;color:#777;padding-left:15px;background:url("/images/bu_check_o.gif") no-repeat left center}

/* 회원약관 Box */
.join .btn_submit {width:100%;padding-top:20px;}
.join .btn_submit:after {content:"";display:block;clear:both;height:0}
.join .btn_submit .allagrInput {padding:15px;margin-bottom:20px;/* background-color:#e6ebee; */text-align:center}
.join .btn_submit .allagrInput input {position:relative}
.join .btn_submit .allagrInput label {font-weight:600;font-size:16px}

/* 1.약관동의 */
.box_agree {width:100%;padding-bottom:15px;/* background:#f5f6f7; */text-align:left}
.box_agree .agreeTop{ width:100%; padding:0 0 5px; display: flex; justify-content: space-between; align-items: center;}
.box_agree .agreeTop:after {content:""; display:block; clear:both; height:0; }
.box_agree .agreeTop span{ color:#606262; font-size:15px; line-height:22px; letter-spacing:-1px; background:url("/images/bu_go.gif") no-repeat left 5px; font-weight:600; padding-left:15px; flex-shrink: 0}
.box_agree .agreeTop .agree_link_box {display: flex;justify-content: flex-end;flex-grow: 1;align-items: center; flex-wrap: wrap;}
.box_agree .agreeTop .agree_link {float:right; background:url("/images/bu_bluearrL.gif") no-repeat left 8px; padding:5px 2px 0 10px;  font-size: inherit;}
.box_agree .agreeTop .agree_link span {display:inline-block; *display:inline; *zoom:1; border-bottom:1px solid #0e7fc3; background:none; color:#0e7fc3; font-size:12px; line-height:13px; padding-left:0; }
.box_agree .agrScroll {border:1px solid #c9d1d5;background:#fff;overflow-y:auto;height:140px;margin-bottom:10px;padding:15px 20px}
.box_agree .agrScroll .ruleTit{ color:#555; letter-spacing:-1px; line-height:20px; font-size:12px; }
.box_agree .agrScroll .ruleTit.pdt{ padding-top:6px; }
.box_agree .agrScroll .add{ color:#555; letter-spacing:-1px; line-height:20px; font-size:12px; padding-left:1.2em; padding-top:5px; padding-bottom:10px; }
.box_agree .agrScroll .bold{ font-weight:600; font-size:14px; }
.box_agree .agrScroll ul {width:100%;padding:0 0 20px;}
.box_agree .agrScroll ul li {color:#555; letter-spacing:-1px; line-height:20px; font-size:12px; padding-top:10px; font-weight:600; }
.box_agree .agrScroll ol li {color:#555; letter-spacing:-1px; line-height:20px; font-size:12px; padding-bottom:10px; }
.box_agree .agrScroll ol.dec{ list-style-type:decimal; padding-left:1.2em; *margin-left:2em; }
.box_agree .agrScroll ol.dec li{ text-indent:-1px; color:#555; letter-spacing:-1px; line-height:20px; font-size:12px; padding-top:10px; font-weight:600; padding-bottom:0; *text-indent:-1.2em; }
.box_agree .agrScroll ul li span{ display:block; font-weight:normal; padding-top:3px; }
.box_agree .agrScroll ol.dec li span{ display:block; font-weight:normal; padding-top:3px; margin-left:-1.2em; text-indent:1px; }
.box_agree .agrScroll ul li ol li{ font-weight:normal; padding-top:0; padding-bottom:0; }
.box_agree .agrScroll ul li ol.dec li{ margin-left:1.2em; font-weight:normal; padding-top:0; }
.box_agree .agrScroll ol.dec li ul{ padding:0; }
.box_agree .agrScroll ol.dec li ul li{ padding-top:0; font-weight:normal; }
.box_agree .agrScroll table { border-top:1px solid #c9d1d5; color:#555; border-left:1px solid #c9d1d5; width:100%; margin:5px 0 0; }
.box_agree .agrScroll table th, .agree .scroll table td{ border-bottom:1px solid #c9d1d5; color:#555; border-right:1px solid #c9d1d5; text-align:center; padding:6px 10px; vertical-align:middle; }
.box_agree .agrScroll table td{ text-align:justify; }
.box_agree .agrScroll table td.center{ text-align:center; }
.box_agree .agrScroll.no_scr .ruleTit{ font-size:13px; padding-bottom:15px; background-color:#f5f6f7; }
.box_agree .agrScroll.no_scr li{ font-size:13px; padding-left:1.4em; text-indent:-1.4em; padding-bottom:20px; padding-top:0; background-color:#f5f6f7; }
.box_agree .agrScroll.no_scr ol.dec{ padding-top:20px; padding-bottom:5px; }
.box_agree .agrScroll.no_scr .dec li{ font-size:13px; font-weight:normal; padding-left:0; padding-bottom:0; padding-top:0;}
.box_agree .agrScroll.no_scr{ border:none; background:none; padding:0; overflow:visible; height:auto; margin-bottom:0; background-color:#f5f6f7; }
.box_agree .agrScroll.no_scr ol{ background:#f5f6f7; }
.box_agree .agrInput{ padding-bottom:10px; position:relative; padding-left:22px; }
.box_agree .agrInput label{ letter-spacing:-1px; color:#666; }
.box_agree .agrInput input{ width:14px; height:14px; color:#64c919; font-weight:bold; /* border:none;*/ padding:0; display:block; margin:0; position:absolute; left:0; top:2px; *top:0; }

@media (max-width: 768px) {
    .box_agree .agreeTop span {width: 100%;}
    .box_agree .agreeTop {flex-wrap: wrap;}
}

/* 2.인증 및 회원정보 입력 */
.joinNav_wrap {width:100%;padding:30px 0 0}
.joinNav_wrap:after {content:"";display:block;clear:both;height:0}
.joinNav_wrap li {float:left;width:32%;height:auto;padding:0 2% 0 0;overflow:hidden}
.joinNav_wrap li.end {padding-right:0}
.cstBox3 {height:220px;border:1px solid #d4dadc;background-color:#fff;margin:0;padding:30px 10px;overflow:hidden}
.cstBox3 .title {font-size:28px; line-height:22px; letter-spacing:-1px; font-weight:600; width:100%; padding:0 0 6px; text-align:center}
.cstBox3 .title span{font-size:28px;}
.cstBox3 .title01 {color:#0077BC}
.cstBox3 .title02 {color:#007E75}
.cstBox3 .title03 {color:#c84e0b}
.cstBox3 .inner {clear:both;width:100%;padding:15px 0 20px;}
.cstBox3 .inner01 {height:105px;background:url(/images/member/ic_teacher.png) center 15px no-repeat}
.cstBox3 .inner02 {height:105px;background:url(/images/member/ic_student.png) center 15px no-repeat}
.cstBox3 .inner03 {height:105px;background:url(/images/member/ic_parent.png) center 15px no-repeat}
.cstBox3 .inner01_on {height:105px;background:url(/images/member/ic_teacher_on.png) center 15px no-repeat}
.cstBox3 .inner02_on {height:105px;background:url(/images/member/ic_student_on.png) center 15px no-repeat}
.cstBox3 .inner03_on {height:105px;background:url(/images/member/ic_parent_on.png) center 15px no-repeat}
.cstBox3 .inner img{vertical-align:middle}
.cstBox3 .explain {clear:both;color:#666;font-weight:600;letter-spacing:-1px;font-size:16px;line-height:22px;padding:0}
.cstBox3 .explain span {display:inline-block;font-size:14px}
.cstBox3 .explain .f12 {font-size:12px;letter-spacing:-0.1em}

/* 교원 /학생/일반 메뉴 on/off */
/* 교원/교직원 */
.teacher_box {display:block}
.teacher_box_on {display:block}
/* .teacher_box:hover .cstBox3 {background-color:#0077BC !important}
.teacher_box:hover .cstBox3 .title01,
.teacher_box:hover .cstBox3 p {color:#fff !important}
.teacher_box:hover .cstBox3 .inner01 {background:url(/images/member/ic_teacher_on.png) center 15px no-repeat !important} */
.teacher_box_on .cstBox3 {background-color:#0077BC !important}
.teacher_box_on .cstBox3 .title01,
.teacher_box_on .cstBox3 p{color:#fff !important}
.teacher_box_on .cstBox3 .inner01 {height:105px;background:url(/images/member/ic_teacher_on.png) center 15px no-repeat !important}

.epki_img_box {display: flex; align-items: center; align-items: baseline;}
.epki_img_box .epki_img {display: flex; flex-direction: column; align-items: center; flex: 1 1 0;}
.epki_img_box span {font-size: 14px; padding-top: 20px; line-height: 1.3}
#teacherTransPopup .arrowimg {vertical-align: middle; height: auto; width: 30px; margin: 0 15px; }
#teacherTransPopup .img {width: 100%; max-width: 80px; margin-top: 10px;}

/* 학생 */
.student_box {display:block}
.student_box_on {display:block}
/* .student_box:hover .cstBox3 {background-color:#007E75 !important}
.student_box:hover .cstBox3 .title02,
.student_box:hover .cstBox3 p {color:#fff !important}
.student_box:hover .cstBox3 .inner02 {background:url(/images/member/ic_student_on.png) center 15px no-repeat !important} */
.student_box_on .cstBox3 {background-color:#007E75 !important;color:#fff !important}
.student_box_on .cstBox3 .title02,
.student_box_on .cstBox3 p {color:#fff !important}
.student_box_on .cstBox3 .inner02 {height:105px;background:url(/images/member/ic_student_on.png) center 15px no-repeat !important}

/* 일반 */
.parent_box {display:block}
.parent_box_on {display:block}
/* .parent_box:hover .cstBox3 {background-color:#C84E0B !important}
.parent_box:hover .cstBox3 .title03,
.parent_box:hover .cstBox3 p {color:#fff !important}
.parent_box:hover .cstBox3 .inner03 {height:105px;background:url(/images/member/ic_parent_on.png) center 15px no-repeat !important} */
.parent_box_on .cstBox3 {background-color:#C84E0B;color:#fff !important}
.parent_box_on .cstBox3 .title03,
.parent_box_on .cstBox3 p {color:#fff !important}
.parent_box_on .cstBox3 .inner03 {height:105px;background:url(/images/member/ic_parent_on.png) center 15px no-repeat !important}

/* 14세이상/이하 레이어 */
.bbs_write_mem {width:100%;margin-top:20px;border-bottom:1px solid #b8c1c3;background-color:#fff;border-collapse:collapse}
.bbs_write_mem .none th, .bbs_write_mem .none td{border-top:2px solid #b8c1c3}
.bbs_write_mem th {width:20%;border-top:1px solid #b8c1c3; vertical-align:middle;font-weight:600;font-size:13px;color:#606262;text-align:left;padding:8px 10px;background:#e3e8e9}
.bbs_write_mem td {width:70%;border-top:1px solid #b8c1c3; vertical-align:middle;font-weight:normal;font-size:13px;color:#606262;text-align:left;padding:8px 10px;}
.bbs_write_mem td.longspan{*width:95%;}
.bbs_write_mem td.checkPerson {padding:1% 2%;margin:0;background:#fff}
.bbs_write_mem th span {display:inline-block; *display:inline; *zoom:1}
.bbs_write_mem th.ess span{ background:url(/images/bu_check_o.gif) no-repeat 12px 7px; }
.bbs_write_mem td label {display:inline-block;vertical-align:middle;padding-right:25px;font-size:13px;color:#606262}
.bbs_write_mem td label.auto {padding-right:5px;padding-left:3px}
.bbs_write_mem td label.pdno {padding-right:0}
.bbs_write_mem td span.step{ display:inline-block; *display:inline; *zoom:1; padding-left:12px}
.bbs_write_mem td span.step:first-child{ padding-left:0; }
.bbs_write_mem td span.step label{ display:inline-block; padding-right:3px; *display:inline; *zoom:1}
.bbs_write_mem ul {padding-top:10px}
.bbs_write_mem ul li label {width:auto;padding-right:5px;letter-spacing:-1px}
.bbs_write_mem ul li label.w50{width:50px;padding:0}
.bbs_write_mem textarea{ background:#fff; border:1px solid #c9d1d5; width:90%; height:150px; overflow-y:scroll; resize:none; margin:10px 0 5px; color:#666; line-height:20px; font-family:"나눔바른고딕", "NanumBarunGothic","나눔고딕", "NanumGothic", "ngWeb";}
.bbs_write_mem textarea.courArea {height:80px}
.bbs_write_mem select{height:24px; border:1px solid #c9d1d5; line-height:24px; vertical-align:middle; margin-right:1px; margin-left:0; color:#606262; font-size:13px; *padding-right:0; }
.bbs_write_mem select option{display:block;width:100%;}
.bbs_write_mem input{height:20px; border:1px solid #c9d1d5; vertical-align:middle; margin-right:5px; color:#606262; margin-left:0; font-size:13px; *padding-right:0; }
.bbs_write_mem label.f12 {font-size:12px}
.bbs_write_mem input.w100 {width:80%;margin-right:0}
.bbs_write_mem input.w120 {width:120px}
.bbs_write_mem input.radio{width:auto;height:auto;border:none;margin:0 0 3px 0;padding:0;margin-bottom:0\9;}
.bbs_write_mem input.short {width:196px; margin-right:0}
.bbs_write_mem select.short {width:208px; margin-right:0}
.bbs_write_mem input.home {width:529px; margin-right:0; margin-left:5px}
.bbs_write_mem input.w150 {width:30%%}
.bbs_write_mem select.w150 {width:150px}
.bbs_write_mem input.w70 {width:70px; margin-right:4px; margin-left:4px}
.bbs_write_mem select.w80 {width:80px}
.bbs_write_mem select.w70 {width:70px}
.bbs_write_mem select.w50 {width:50px}
.bbs_write_mem input.w100x {width:90px; margin-right:4px}
.bbs_write_mem select.w100x {width:100px}
.bbs_write_mem input.w120 {width:110px;margin-right:4px}
.bbs_write_mem select.w120 {width:120px}
.bbs_write_mem input.w464 {width:454px;*width:450px}
.bbs_write_mem input.w274 {width:264px}
.bbs_write_mem input.w535 {width:525px;margin:0}
.bbs_write_mem input.w516 {width:506px}
.bbs_write_mem select.w335 {width:335px}
.bbs_write_mem select.w392 {width:392px}
.bbs_write_mem input.w350 {width:340px}
.bbs_write_mem input.chk {width:auto;height:auto;margin-bottom:0;color:#8e8f8f;border:none;margin-top:2px}
.bbs_write_mem .w160 {width:160px}
.bbs_write_mem .w120 {width:120px}
.bbs_write_mem .w130 {width:130px;margin-right:2px}
.bbs_write_mem .w70 {margin-right:5px}
.bbs_write_mem .w85 {width:85px}
.bbs_write_mem .level {color:#666;font-size:12px;font-weight:600}
.bbs_write_mem .orange {color:#c84e0b}
.bbs_write_mem .addfile textarea {height:90px}
.bbs_write_mem .addfile p {padding-top:5px}
.bbs_write_mem .addfile ul li {padding-top:0}
.bbs_write_mem .exp {color:#666;font-size:12px;padding-top:5px}
.bbs_write_mem .exp.pdb7 {padding-bottom:7px}
.bbs_write_mem .exp .blue {color:#1f7cc2; display:block}
.bbs_write_mem .exp.pdno {padding-top:0;padding-bottom:5px}
/* 인증및회원정보입력 표 - button */
.bbs_write_mem .btn_pop {position:relative;color:#fff;background:url(/images/bg_btnbck.gif) no-repeat 0 0;height:18px;display:inline-block;*display:inline;*zoom:1;vertical-align:middle;padding:5px 7px 5px 12px}
.bbs_write_mem .btn_pop span {position:absolute;width:5px;height:28px;right:-5px;top:0;background:url(/images/bg_btnbck_end.gif) no-repeat 0 0;font-size:12px}
.bbs_write_mem .btn_blue {position:relative;color:#148cd5;background:url(/images/bg_btnwht.gif) no-repeat 0 0;font-weight:600;height:18px;display:inline-block;*display:inline;*zoom:1; vertical-align:middle;padding:5px 7px 5px 12px;}
.bbs_write_mem .btn_blue img {display:inline-block; *display:inline; *zoom:1; padding:0 0 1px 10px; *padding-bottom:0; *padding-top:1px; vertical-align:middle; }
.bbs_write_mem .btn_blue span {position: absolute; width: 5px; height: 28px; right: -1px; top: 0; background: url(/images/bg_btnwht_end.gif) no-repeat 0 0; font-size: 12px;}
.bbs_write_mem .btn {position:relative;display:inline-block;*display:inline; *zoom:1; height:18px; background:url(/images/btn_bg_stdy.gif) no-repeat right 0;padding:5px 12px 5px 35px}
.bbs_write_mem .btn img {position:absolute;left:0;top:0;height:15px;padding:7px 0 6px 12px;background:url(/images/btn_bg_stdy.gif) no-repeat left 0}
.bbs_write_mem .btn span {font-weight:600;color:#333;letter-spacing:-1px}
.bbs_write_mem .addfile ul li {padding-bottom:3px;color:#606262}
.bbs_write_mem .exp a {background:url(/images/btn_txt.gif) no-repeat 0 bottom; width:45px; height:23px; text-align:center; display:inline-block; *display:inline; vertical-align:middle; *zoom:1; margin-right:4px; padding-top:5px; font-size:12px; color:#333; font-weight:600;}
.bbs_write_mem .btn_pop.accredit, .bbs_write_mem .ipinQ {position:relative;display:inline-block;*display:inline;*zoom:1;padding:0 0 0 10px;line-height:18px;vertical-align:middle;background:none}
.bbs_write_mem .btn_pop.accredit img, .bbs_write_mem .ipinQ img{float:left}
.bbs_write_mem .btn_pop.accredit span, .bbs_write_mem .ipinQ span{position:static;border-bottom:1px solid #c84e0b; width:auto; height:auto; right:auto; top:auto; color:#c84e0b; line-height:14px; vertical-align:top;background:none}

/* 온라인동의/오프라인 동의 */
.cctaddTxt {width:100%;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #b8c1c3}
.cctaddTxt li {clear:both;background:url("/images/bu_sqdot.gif") 0 10px no-repeat;padding:2px 0 2px 10px}
.txtTitOrange {font-size:12px;font-weight:bold;color:#C84E0B}
.cctTabArea {padding:73px 0 30px;position:relative}
.cctTabArea:after{content:""; clear:both; height:0; display:block}
.cctTab {position:absolute;top:20px;left:0;z-index:2}
.cctTab li {float:left;background-color:#f9f9f9;height:42px;border-top:1px solid #b8c1c3;border-left:1px solid #b8c1c3 !important;border-right:1px solid #b8c1c3}
.cctTab li a {display:block;width:210px;height:30px;text-align:center;padding-top:10px;font-size:14px;line-height:20px;letter-spacing:-1px;font-weight:600;color:#8e9db0}
.cctTab li a span {display:inline-block;*display:inline;*zoom:1;background-repeat:no-repeat; background-image:url(/images/ic_find_tab.png);background-position:0 -14px;width:14px;height:14px;margin-right:7px; vertical-align:middle;}
.cctTab li.on {height:41px;border-top:3px solid #69a4cd;border-left:1px solid #69a4cd !important;border-right:1px solid #69a4cd;border-bottom:0;background:#fff}
.cctTab li.on a {color:#0e7fc3;font-weight:600}
.cctTabCon {clear:both;border:1px solid #69a4cd;height:auto;padding:20px 0;overflow:hidden}
.cctTabCon li.byInfo .cctTit {font-size:18px;font-weight:600;line-height:24px;color:#0e7fc3;padding-bottom:5px}
.cctTabCon li.byInfo .cctExp {font-size:12px;line-height:20px;letter-spacing:-0.05em;color:#666;border-bottom:1px solid #b8c1c3;padding:15px 0}
.cctTabCon li.byInfo .cctExp span.orange {font-weight:bold;color:#C84E0B}
.cctTabCon li.byInfo .cctExp a {display:block;padding-top:10px}
.cctTabCon li.byInfo {padding:20px}
.cctTabCon li.byAccr a {text-align:center;padding-top:20px;height:112px}
.cctTabCon li.byAccr a img {padding-bottom:10px}

.cctInner {width:100%}
.cctInner ul {padding:15px 0}
.cctInner ul li {padding-top:8px;width:100%;font-size:13px;letter-spacing:-1px; color:#555; font-weight:600; line-height:24px}
.cctInner ul li:first-child {padding-top:0}
.cctInner ul li:after{ content:""; display:block; clear:both; height:0}
.cctInner ul li label,
.cctInner ul li input,
.cctInner ul li select {display:inline-block; *display:inline;*zoom:1; font-size:12px;letter-spacing:0;color:#606262;font-weight:600}
.cctInner ul li label {padding-right:15px;line-height:24px}
.cctInner ul li .acc {width:85px}
.cctInner ul li .blue {color:#288bc8}
.cctInner ul li .orange {color:#c84e0b}
.cctInner ul li .expTxt {font-weight:normal;color:#666;line-height:20px;font-size:12px;padding-top:6px}
.cctInner ul li .radio,
.cctInner ul li .chk {border:none;width:14px;height:14px;margin:0 2px 0 0;padding:0}
.cctInner ul li .w190 {width:190px}
.cctInner ul li .w150 {width:150px}
.cctInner ul li .w90 {width:90px}
.cctInner ul li .w70 {width:70px}
.cctInner ul li .w50 {width:50px}
.cctInner ul span {float:left;font-size:13px;font-weight:600;letter-spacing:-1px;padding-left:8px;background:url(/images/bu_sqdot.gif) no-repeat left 10px;line-height:22px}
.cctInner ul span label {font-size:13px;font-weight:600;letter-spacing:-0.05em;line-height:24px;margin-top:0}
.cctInner .orgTxt {color:#c84e0b;font-size:12px;line-height:18px;letter-spacing:-1px;padding:15px 0;border-top:1px solid #cfd4d8}

/* 본인인증 box */
.cctBoxWrap {width:100%}
.cctBoxWrap a:hover {text-decoration: none}
.cctBox {height:170px;border:1px solid #d4dadc;background-color:#fff;margin:0;padding:20px;overflow:hidden}
.cctBox .img_cct {float:left;padding:0 20px 0 5px}
.cctBox dl {float:right;width:60%;margin:8px 0 0}
.cctBox dl dt {font-size:24px;font-weight:600;color:#333}
.cctBox dl dd {font-size:13px;color:#333;line-height:20px;margin:15px 0 0;overflow:hidden}
.cctBox dl dd a {display:block;margin-top:10px}

/* 14세 이상 */
.joinCheck {width:100%}
.joinCheck li {float:left;width:48%;margin-right:2%}
.joinCheck li.end {width:50%;margin-right:0}

/* 14세 이하 */
.joinOffline {width:100%}
.joinOffline li {float:left;width:48%;margin-right:2%}
.joinOffline li.end {width:50%;margin-right:0}

/* 오프라인 동의 가입 절차 */
.offline_img {padding:20px 0}
.offlineAgrStep {display:none;width:100%;padding:20px 0;overflow:hidden}
.offlineAgrStep li {float:left;width:17%;text-align:center;line-height:16px;vertical-align:middle}
.offlineAgrStep li.end {width:20%}
.offlineAgrStep li.step_arrow {width:3%;text-align:center}
.offlineAgrStep li .arrowR {float:left;width:10px;margin:60px 3px 0;background:url(/images/member/offlineAgr_arrow_right.gif) 50% 50% no-repeat;background-size:80%;}
.offlineAgrStep li .arrowB {display:none;float:left;width:10px;margin:0 3px;background:url(/images/member/offlineAgr_arrow_bottom.gif) 50% 50% no-repeat;background-size:80%}
.offlineAgrStep li .box1 {border:3px solid #914e36}
.offlineAgrStep li .box2 {border:3px solid #8b6f36}
.offlineAgrStep li .box3 {border:3px solid #408a39}
.offlineAgrStep li .box4 {border:3px solid #2f5a92}
.offlineAgrStep li .box5 {border:3px solid #6d3e84;}
.offlineAgrStep li .boxH {display:block;border-radius:5px;padding:10px;text-align:center;height:auto;min-height:110px}
.offlineAgrStep li .boxH span.br {display:block}
.offlineAgrStep li .box_img {display:block;padding:0 0 7px;width:42px;height:30px;margin:0 auto;text-align:center}
.offlineAgrStep li .box_title {display:block;font-size:14px;font-weight:600;padding-bottom:3px;margin-bottom:3px;border-bottom:1px solid #ccc}
.offlineAgrStep li .stepColor1 {color:#914e36}
.offlineAgrStep li .stepColor4 {color:#2f5a92}
.offlineAgrStep li .stepColor5 {color:#6a3d80}
.offlineAgrStep li img {vertical-align:middle}

/* 패스워드 관련 */
#password_level{display: block; margin-top: 3px;}


/* 레이어 팝업 */
#dim, .dim {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:url(/images/dim.png);z-index:1000}
#dim.on, .dim.on {display:block}
.layerPopWrap {position:absolute;width:780px;min-width:309px;height:80%;top:0;left:50%;margin-left:-391px;padding:30px 0 50px;overflow:hidden}
.layerPopWrap.ipinQ {max-height:510px}
.layerPopWrap.byPhone, .layerPopWrap.byMail {max-height:480px}
.layerPopWrap#duplPop {max-height:450px;}
.layerPopWrap#accreditPop {max-height:690px;}
.layerPopWrap#infoPop {max-height:600px;padding-top:8%;}
.layerPopWrap#areaPop {padding:0; top:50%;margin-top:-185px;height:370px;}
.layerPopWrap#areaPop .bbs_btn{ text-align:center; }
.layerPoppWrap#duplPop .viewCon, .layerPoppWrap#accreditPop .viewCon, .layerPoppWrap#schPop .viewCon,
.layerPoppWrap.ipinQ .viewCon, .layerPoppWrap.byPhone .viewCon, .layerPoppWrap.byMail .viewCon{padding:30px 0}

.layerPopWrap .close {float:right;padding:0 2% 0 0;z-index:10}
.layerPopWrap .duplPop {display:none}
.layerPopWrap .schPop {display:none}
.layerPopWrap .viewArea {position:relative;width:96%;height:100%;margin:0 auto;overflow-y:auto;box-shadow:0 0 30px rgba(0,0,0,0.8)}
.layerPopWrap .viewArea .mid {padding:0;background:#fff;min-height:100%;_height:100%}
.layerPopWrap .viewCon {padding:30px}
.layerPopWrap .viewCon .pop_title {width:100%;color:#606262;font-size:20px;line-height:22px;font-weight:600;letter-spacing:-1px;text-align:left;padding:0 0 10px;border-bottom:2px solid #666}
.layerPopWrap .search {position:relative;width:98%;border:1px solid #dadee2;background-color:#f5f6f7;padding:12px 1%;text-align:center;margin:30px auto}
.layerPopWrap .search a {display:inline-block; *display:inline; *zoom:1; vertical-align:middle}
.layerPopWrap .search a img {display:inline-block;vertical-align:middle}
.layerPopWrap .search legend {position:absolute;top:-43px;left:0;background:url(/images/bu_go.gif) 0 4px no-repeat;color:#444;font-size:13px;line-height:18px;font-weight:bold;letter-spacing:0;padding-left:12px}
.layerPopWrap .search select {margin:8px 0 0}
.layerPopWrap .search.mgt50 {margin-top:50px}
.layerPopWrap .search.bgno {background:none;border:none;width:100%;margin-top:15px;margin-bottom:15px}
.layerPopWrap .conArea {width:100% !important;}

/* 학교(기관)명 검색결과 테이블 */
table.bbs_list {width:100% !important;margin-bottom:20px;}
.bbs_list thead {background:#d4d8db;border-left:1px solid #b9bcc1;border-right:1px solid #b9bcc1;}
.bbs_list thead th {background:#d4d8db url(/images/bu_sort_bar.gif) no-repeat left center; border-top:1px solid #b9bcc1; border-bottom:1px solid #b9bcc1; height:30px; vertical-align:middle; font-weight:600; font-size:13px; color:#606262;}
.bbs_list thead th:first-child {background-image:none;}
.bbs_list tbody td img {vertical-align:middle;}
.bbs_list tbody td {padding:5px 0;border-bottom:1px solid #ccc;height:40px;vertical-align:middle;text-align:center;color:#666;}
.bbs_list tbody td a:hover {text-decoration:underline; }
.bbs_list .no_result td {padding:30px 0;text-align:center;color:#666;font-size:12px;line-height:20px}
.bbs_list .no_result td .keyword {color:#327ec1}

.layerPopWrap .conAreaPop .bbs_write {border-bottom:2px solid #b8c1c3}
.layerPopWrap .conAreaPop .bbs_write th {padding:8px 0}
.layerPopWrap .conAreaPop .bbs_write th span {padding-left:15px}
.layerPopWrap .conAreaPop .bbs_write td {*width:auto}
.layerPopWrap .conAreaPop .bbs_write td label {padding-right:30px;padding-left:8px}
.layerPopWrap .conAreaPop .bbs_write select {width:472px}
.layerPopWrap .conAreaPop .bbs_write input {width:460px}
.layerPopWrap .conAreaPop .bbs_write input.radio {width:auto;height:auto;border:none;margin-bottom:5px}
.layerPopWrap .conAreaPop .bbs_write .pd18 td {padding:18px 0}
.layerPopWrap input {display:inline-block;*display:inline;*zoom:1;width:150px;border:1px solid #c9d1d5;height:22px;vertical-align:middle;color:#606262;font-weight:600}
.layerPopWrap select {display:inline-block;*display:inline;*zoom:1;width:108px;border:1px solid #c9d1d5;height:26px;vertical-align:middle;color:#606262;font-weight:600}
.layerPopWrap .pageno{ padding-top:0; padding-bottom:15px; }
.layerPopWrap .pageno.pdt20{ padding-top:20px; }
.layerPopWrap .exp_newsch{ padding:30px 0; text-align:left; color:#606262; font-size:14px; line-height:24px; letter-spacing:-1px; }
.layerPopWrap .exp_newsch span{ color:#1172bc; }
.layerPopWrap .exp_newsch span.block{ display:block; color:#606262; }
.layerPopWrap .table_inmob {display:none}
.layerPopWrap .ipinTxt{ width:640px; margin:0 auto;}
.layerPopWrap .ipinTxt dt{ color:#0e7fc3; font-weight:600; font-size:18px; line-height:22px; letter-spacing:-1px; padding:25px 0 10px; }
.layerPopWrap .ipinTxt dd{ color:#606262; font-size:12px; line-height:18px; letter-spacing:-1px; }
.layerPopWrap .ipinTxt dd ol{ padding:15px 0; }
.layerPopWrap .ipinTxt dd ol li{ padding:0 0 5px 28px; position:relative; color:#606262; letter-spacing:-1px; }
.layerPopWrap .ipinTxt dd ol li .numbering{ position:absolute; left:0; top:0; color:#fff; font-size:10px; text-indent:-2px; font-weight:600; text-align:center; background:url(/images/bg_numbering_mono.png) no-repeat 0 0; width:17px; height:17px; }
.layerPopWrap .ipinTxt dd ol li .orange{ color:#f96c17; padding:5px 0; display:inline-block; *display:inline; *zoom:1; }
.layerPopWrap.ipinQ a.link{ display:inline-block; *display:inline; *zoom:1; letter-spacing:-1px; line-height:14px; color:#148cd5; border-bottom:1px solid #148cd5; }
.layerPopWrap.ipinQ li a.link, .layerPopWrap_mem.ipinQ .add a.link{ border-bottom:none; }
.layerPopWrap.ipinQ a.link:hover{ border-bottom:1px solid #148cd5; }
.layerPopWrap.ipinQ .add{ width:640px; margin:0 auto; border-top:1px dashed #bebebe; padding:15px 0 0; }
.layerPopWrap.ipinQ .add p{ color:#606262; letter-spacing:-1px; }
.layerPopWrap .resultView {padding:50px 0 40px; border-bottom:2px solid #d4d4d4; }
.layerPopWrap .resultView p{ color:#606262; letter-spacing:-1px; text-align:center; padding-bottom:10px; }
.layerPopWrap .resultView p.able{ font-size:20px; font-weight:600; color:#444; padding-bottom:15px; line-height:26px; }
.layerPopWrap .resultView p.able strong{ color:#0e7fc3; }
.layerPopWrap .resultView p .txt { display:block;}
.layerPopWrap .resultView .bbs_btn{ padding-bottom:0; text-align:center; }
.layerPopWrap .ipinTxt .subTit {font-weight:600; font-size:14px; line-height:18px; color:#333; letter-spacing:-1px; padding-bottom:5px}
.layerPopWrap .ipinTxt .subTit span{ color:#f96c17; }
.layerPopWrap .ipinTxt .cirBox, .layerPopWrap .ipinTxt .sqBox{ width:640px; padding:20px 0; }
.layerPopWrap .ipinTxt .cirBox:after, .layerPopWrap .ipinTxt .sqBox:after{ content:""; display:block; clear:both; height:0; }
.layerPopWrap .ipinTxt .cirBox p{ float:left; background:url(/images/bg_circle.png) no-repeat right 0; width:116px; height:68px; position:relative; padding:56px 8px 0 47px; line-height:18px; font-size:14px; font-weight:600; text-align:center; color:#0e7fc3; letter-spacing:-1px; }
.layerPopWrap .ipinTxt .cirBox p .next{ position:absolute; right:-47px; top:0; width:47px; height:124px; background:url(/images/bu_next.gif) no-repeat center center; }
.layerPopWrap .ipinTxt .cirBox p:first-child{ padding-left:0; }
.layerPopWrap .ipinTxt .cirBox p .step{ color:#fff; font-size:12px; position:absolute; width:116px; text-align:center; left:47px; top:27px; }
.layerPopWrap .ipinTxt .cirBox p:first-child .step{ left:0; }
.layerPopWrap .ipinTxt .sqBox p{ width:146px; height:75px; text-align:center; background:url(/images/bg_bluebox.gif) no-repeat right top; float:left; padding-left:17px; color:#333; font-size:14px; letter-spacing:-1px; font-weight:600; padding-top:16px; }
.layerPopWrap .ipinTxt .sqBox p:first-child{ padding-left:0; }
.layerPopWrap .ipinTxt .sqBox p a{ display:inline-block; *display:inline; *zoom:1; border-bottom:1px solid #148cd5; color:#148cd5; font-size:12px; line-height:14px; padding:5px 0 0; }
.layerPopWrap .ipinTxt .sqBox p span{ color:#666; font-size:12px; display:block; padding-top:3px; }

/* 3.가입완료 / 변경 완료 */
.lastBoxWrap {width:100%}
.lastBoxWrap .lastBox {border:1px solid #d4dadc;background-color:#fff;margin:0;padding:30px 10px;text-align:center}
.lastBoxWrap .lastBox .lastBoxTop {clear:both;width:100%;height:129px;padding:20px 0 30px}
.lastBoxWrap .lastBox .lastBoxTop img {float:none}
.lastBoxWrap .lastBox .lastBoxBottom {display:block;float:none;clear:both;color:#333;font-size:19px;line-height:26px;letter-spacing:-1px;font-weight:600;text-align:center}
.lastBoxWrap .lastBox .lastBoxBottom .expTxt {display:block;padding:15px 0 25px;font-weight:normal;color:#666;font-size:13px}
.lastBoxWrap .lastBox .lastBoxBottom p{font-size:19px;line-height:26px;letter-spacing:-1px;font-weight:600;}

/* 회원가입 전화 동의 16.02.26 */
.corfirmCenter2 {width:95%;margin:0 auto 20px;}
.corfirmCenter2 ul {border:1px solid #ccd2d8; display: flex; align-items: center; font-size: 16px;}
.corfirmCenter2 ul li {display:inline-block;float:left;padding:20px 30px;background:url(/images/cstcenter_line.png) no-repeat left center;text-align:left;}
.corfirmCenter2 ul li:first-child {padding-left:130px;background:url(/images/ic_cstcenter.png) no-repeat 40px center; flex-shrink: 0; flex-grow: 1;}
.corfirmCenter2 ul li span {font-size: inherit;}
.corfirmCenter2 ul li .adviceTxt {display:block;vertical-align:middle}
.corfirmCenter2 ul li .adviceTxt span {display:block;color:#454545;font-size:16px;line-height:1.6em;}
.corfirmCenter2 ul li .adviceTxt strong {color:#4e9ed3;font-size:24px}
.corfirmCenter2 ul li .point {color:red; font-weight: bold;}
.corfirmCenter2 ul li .detail {display:block}
.corfirmCenter2 ul li .detail strong {color:#666;font-size:14px;font-weight:normal;line-height:2;background:url(/images/bu_sqdot_black.gif) no-repeat left center;padding-left:10px}

@media (max-width: 768px) {
    .corfirmCenter2 ul {flex-wrap: wrap;}
    .corfirmCenter2 ul li:last-of-type {background: none; border-top: 1px solid #eee;}
}
/* -------------------------------------------------------------------------------------------------------------------- */
/* 회원정보 -  메인서브 */
/* -------------------------------------------------------------------------------------------------------------------- */
.memInforMainWrap {width:100%;overflow:hidden}
.memInforMainWrap .memInforMain {width:100%;display: flex;flex-wrap: wrap;padding: 0px 0;justify-content: center;align-content: space-between;padding: 20px 0 60px;}
.memInforMainWrap .memInforMain .memInforMenu {width: 50%;padding: 10px; flex-grow: 1; display: flex;}
.memInforMainWrap .memInforMain dl { height:auto; display: flex; padding:20px; border:1px solid #dedede; box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    text-align:center;border-radius: 2rem; flex-grow: 1;}
.memInforMainWrap .memInforMain dl h4  {font-size:30px;font-weight:600;letter-spacing:-0.1em; line-height: 1; padding-bottom: 10px;}
.memInforMainWrap .memInforMain dl .blue {color:#0077BC}
.memInforMainWrap .memInforMain dl .green {color:#007E75}
.memInforMainWrap .memInforMain dl .orange {color:#ff7214;}
.memInforMainWrap .memInforMain dl .purple {color:#4A2D91}
.memInforMainWrap .memInforMain dl .pink {color:#f16890}
.memInforMainWrap .memInforMain dl .memOut_img {width:150px;height:150px;background-size: cover; background-repeat: no-repeat; flex-shrink: 0;}
.memInforMainWrap .memInforMain dl dd {display: flex; text-align: left; font-size:18px;line-height:20px;color:#666;letter-spacing:-0.08em;flex-direction: column;align-items: flex-start;justify-content: space-evenly;}
.memInforMainWrap .memInforMain dl p {padding-top: 10px; font-size: 14px;}
.memInforMainWrap .memInforMain .txtTit {clear:both;padding:1%}
.mInforimg01 {background-image:url(/images/st_2025/st_info.png)}
.mInforimg02 {background-image:url(/images/st_2025/st_pw.png)}
.mInforimg03 {background-image:url(/images/st_2025/st_delete.png)}
.mInforimg04 {background-image:url(/images/st_2025/st_class.png)}
.mInforimg05 {background-image:url(/images/st_2025/st_list.png)}

.memInforMainWrap .memInforMain a {text-decoration:none}
.memInforMainWrap .memInforMain a.memInfoBlue:hover dl {background-color: rgba(0, 119, 188, 0.1)}
.memInforMainWrap .memInforMain a.memInfoBlue:hover .mInforimg01 {background-image:url(/images/st_2025/st_info_active.png)}

.memInforMainWrap .memInforMain a.memInfoGreen:hover dl {background-color: rgba(0, 126, 117, 0.1)}
.memInforMainWrap .memInforMain a.memInfoGreen:hover .mInforimg02 {background-image:url(/images/st_2025/st_pw_active.png)}

.memInforMainWrap .memInforMain a.memInfoOrange:hover dl {background-color: rgba(200, 78, 11, 0.1)}
.memInforMainWrap .memInforMain a.memInfoOrange:hover .mInforimg03 {background-image:url(/images/st_2025/st_delete_active.png)}

.memInforMainWrap .memInforMain a.memInfopurple:hover dl {background-color: rgba(74, 45, 145, 0.1)}
.memInforMainWrap .memInforMain a.memInfopurple:hover .mInforimg04 {background-image:url(/images/st_2025/st_class_active.png)}

.memInforMainWrap .memInforMain a.memInfoPink:hover dl {background-color: rgba(253, 89, 137, 0.05)}
.memInforMainWrap .memInforMain a.memInfoPink:hover .mInforimg05 {background-image:url(/images/st_2025/st_list_active.png)}

.memInforMainWrap .memInforMain a {text-decoration:none}


.memInforMainWrap .memInforMain a.blind1{cursor: default;}
.memInforMainWrap .memInforMain a.blind1 dl{position: relative;}
.memInforMainWrap .memInforMain a.blind1 dl:after{content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background: #000; opacity: .5; filter: alpha(opacity=50); border-radius: 20px;}
.memInforMainWrap .memInforMain a.blind1:hover dl{background-color: #fff;}
.memInforMainWrap .memInforMain a.blind1:hover dl dt.green{color: #007E75;}
.memInforMainWrap .memInforMain a.blind1:hover dl dd{color: #666;}
.memInforMainWrap .pwdChangeText {font-size: inherit; color: #fff; z-index: 2}

.memInforMainWrap .memInforMain a.blind1{cursor: default;}
.memInforMainWrap .memInforMain a.blind1 dl{position: relative;}
.memInforMainWrap .memInforMain a.blind1 dl:after{content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background: #000; opacity: .5; filter: alpha(opacity=50);}
.memInforMainWrap .memInforMain a.blind1:hover dl{background-color: #fff;}
.memInforMainWrap .memInforMain a.blind1:hover dl span.orange {color:#c84e0b}
.memInforMainWrap .memInforMain a.blind1:hover dl dt.orange {color:#c84e0b}
.memInforMainWrap .memInforMain a.blind1:hover dl dd{color: #666;}

.memInfoTab {clear:both;width:100%;margin:30px 0 0;overflow:hidden;}
.memInfoTab li {float:left;width:33.3%;background-color:#3396d1;}
.memInfoTab li a {display:block;padding:15px 0;font-size:14px;text-align:center;color:#fff;text-decoration:none;letter-spacing:-0.05em}
.memInfoTab li a img {vertical-align:middle;margin-right:5px;}
.memInfoTab li.on {background-color:#0077BC;}
.memInfoTab li.on a {font-size:16px}

@media (max-width: 768px) {
    .memInforMainWrap .memInforMain .memInforMenu {width: 100%;}
    .memInforMainWrap .memInforMain dl dd.txt {width: calc(100% - 100px); text-align: left;}
    .memInforMainWrap .memInforMain dl .memOut_img {width: 100px; height: 100px;}

}

/* -------------------------------------------------------------------------------------------------------------------- */
/* 회원정보 - 아이디 찾기  */
/* -------------------------------------------------------------------------------------------------------------------- */

/* 아이디찾기 */
.tabAreaWrap {position:relative;width:100%;padding:55px 0 30px}
.tabAreaWrap:after {content:"";clear:both;height:0;display:block}
.tabAreaWrap2 {position:relative;width:100%;padding:25px 0 30px}
.tabAreaWrap2:after {content:"";clear:both;height:0;display:block}

/* tab */
.findTabTop {position:absolute;z-index:1;top:12px;left:0}
.findTabTop li {float:left;height:42px;padding:0 30px;background-color:#fff;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc}
.findTabTop li.on {border-left:2px solid #288bc8;border-right:2px solid #288bc8;border-top:3px solid #288bc8;border-bottom:none}
.findTabTop li.on a {color:#0e7fc3}
.findTabTop li a {display:block;height:30px;text-align:center;padding-top:12px;font-size:14px;line-height:20px;letter-spacing:-1px;font-weight:600;color:#8e9db0;}

/* 본문 */
.findTabConBottom {border:2px solid #288bc8;height:auto;background:#fff;padding:50px 30px 30px;text-align:left}
.findTabConBottom li {font-size:12px;line-height:22px;letter-spacing:-1px;color:#666}
.findTabConBottom li .line {clear:both;height:1px;width:100%;border-top:1px solid #cfd4d8;margin:10px 0}
.findTabConBottom li .line2 {clear:both;height:1px;width:100%;border-top:1px solid #cfd4d8;margin:10px 0}

/* 01 등록된 회원정보로 찾기 */
.cstInnerWrap {width:78%;margin:0 auto}
.cstInnerWrap .join_img {float:left;width:23%;text-align:center}
.cstInnerWrap .join_txt {float:right;width:77%;text-align:left}
.join_search {width:100%}
.join_search li {padding:3px 0}
.join_search li label {font-size:13px;font-weight:600;letter-spacing:-1px;line-height:18px}
.join_search li label span {display:inline-block;*display:inline;*zoom:1;padding:0 10px 0 3px;color:#148cd5}
.join_search li label:hover span {text-decoration:underline}
.in_join_search {clear:both;margin:10px;display:none}
.in_join_search li {clear:both;}
.in_join_search li .att {float:left;width:90px;font-size:13px;font-weight:600;letter-spacing:-1px;padding-left:8px; background:url(/images/bu_sqdot.gif) no-repeat left 10px; line-height:24px}
.in_join_search li .att label {font-size:13px;font-weight:600;letter-spacing:-1px;line-height:24px; margin-top:0}
.in_join_search li input {height:18px;border:1px solid #cfd4d8;padding:3px 10px;vertical-align:middle}
.in_join_search li .w100 {width:100px}

/* 02 본인인증으로 찾기 */
.join_confirmTxt {font-size:12px;line-height:22px;letter-spacing:-1px;color:#666;margin:0 0 10px}
.join_confirm {width:100%}
.join_confirm li {float:left;width:48%;margin-right:2%}
.join_confirm li.end {width:50%;margin-right:0}
/* 본인인증 box */
.corfirmBoxWrap {clear:both;width:100%;margin:0 0 20px}
.corfirmBox {height:150px;border:1px solid #d4dadc;background-color:#fff;margin:0;padding:20px;overflow:hidden}
.corfirmBox .img_cct {float:left;padding:0 20px 0 5px}
.corfirmBox dl {float:right;width:65%;margin:8px 0 0}
.corfirmBox dl dt {font-size:24px;font-weight:600;color:#333}
.corfirmBox dl dd {font-size:13px;color:#333;line-height:20px;margin:15px 0 0;overflow:hidden}
.corfirmBox dl dd a {display:block;margin-top:10px}
.corfirmAddTxt {clear:both;width:100%;border-top:1px solid #ededed;border-bottom:1px solid #ededed;padding: 30px 0 15px;margin-top: 40px;}
.corfirmAddTxt li {line-height:1.5;letter-spacing:-1px;color:#666;padding-left:10px;background:url(/images/bu_sqdot.gif) no-repeat 0 8px;margin-bottom:10px;text-align:justify; font-size: 16px;}
.corfirmAddTxt li a {display:inline-block;*display:inline;*zoom:1;letter-spacing:0;line-height:14px}
.corfirmAddTxt li a.link {color:#148cd5}
.corfirmCenter {clear:both;width:100%;margin:20px 0 0}
.corfirmCenter h4 {font-size:12px;color:#606262;font-weight:600;letter-spacing:-1px;line-height:22px;padding:0 0 10px 12px;background:url(/images/bu_go.gif) left 7px no-repeat }
.corfirmCenter ul {border:1px solid #ccd2d8;background:url(/images/bg_box_line.gif) left top repeat;overflow:hidden}
.corfirmCenter ul li {display:inline-block;float:left;padding:20px 40px;background:url(/images/cstcenter_line.png) no-repeat left 10px}
.corfirmCenter ul li:first-child {padding-left:145px;background:url(/images/ic_cstcenter.png) no-repeat 40px center}
.corfirmCenter ul li span {display:inline-block;*display:inline;*zoom:1;vertical-align:middle;color:#444;font-size:14px;font-weight:600;letter-spacing:-1px;line-height:26px}
.corfirmCenter ul li span strong {color:#4e9ed3;font-size:24px}
.corfirmCenter ul li .adviceTxt {display:inline-block;*display:inline;*zoom:1;vertical-align:middle}
.corfirmCenter ul li .detail {display:inline-block}
.corfirmCenter ul li .detail span {line-height:20px}
.corfirmCenter ul li .point {color:red;font-weight:bold;}
.corfirmCenter ul li .detail strong {color:#666;font-size:12px;font-weight:normal;line-height:20px;background:url(/images/bu_sqdot_black.gif) no-repeat left center;padding-left:10px}

/* box하단 id/pw바로가기 링크 */
.idpwSearchTxt {color:#333;font-size:13px;line-height:20px;letter-spacing:-1px;margin:10px 0;padding-left:20px;text-align:left}
.idpwSearchTxt a.link {color:#333;font-size:13px;text-decoration:none;border-bottom:1px solid #333;margin-left:10px}
.bu_pwS {background:url(/images/bu_pw_search.gif) 0 0 no-repeat}
.bu_idS {background:url(/images/bu_id_search.gif) 0 0 no-repeat;padding-left:25px}

/* -------------------------------------------------------------------------------------------------------------------- */
/* 회원정보 - 아이디 찾기, 비밀번호 찾기, 회원정보변경 */
/* -------------------------------------------------------------------------------------------------------------------- */

/* [공통] 테두리 있는 흰박스 */
.memBoxWrap {border:1px solid #cfd4d8;padding:20px;background-color:#fff;overflow:hidden}
.InnerWrap {margin:0 auto}
.InnerWrap .join_img {float:left;width:35%;text-align:center}
.InnerWrap .join_txt {float:right;width:65%;text-align:left}
.id_sh {width:50%}
.pw_sh {width:50%}
.pw_ch {width:100%}
/*.pw_out {width:35%}*/

/* 아이디찾기 */
.id_search {margin:0 auto}
.id_search li {clear:both}
.id_search li .att {display:inline-block;width:160px;font-size:13px;font-weight:600;letter-spacing:-1px;line-height:24px;background:url(/images/bu_sqdot.gif) 0 10px no-repeat;padding-left:10px;text-align:left}
.id_search li .att label {font-size:13px;color:#666;font-weight:600;letter-spacing:-1px;line-height:24px}
.id_search li .att2 {display:inline-block;width:50px;font-size:13px;font-weight:600;letter-spacing:-1px;line-height:24px;background:url(/images/bu_sqdot.gif) 0 10px no-repeat;padding-left:10px;text-align:left}
.id_search li .att2 label {font-size:13px;color:#666;font-weight:600;letter-spacing:-1px;line-height:24px}
.id_search li input {height:18px;border:1px solid #cfd4d8;padding:3px 10px;vertical-align:middle}
.id_search li img {vertical-align:middle}

/* 비밀번호찾기/회원정보변경 */
.pw_search {margin:0 auto}
.pw_search li {clear:both;padding:5px 0}
.pw_search li .att {float:left;width:70px;font-size:13px;font-weight:600;letter-spacing:-1px;padding-left:8px;background:url(/images/bu_sqdot.gif) no-repeat left 10px;line-height:24px}
.pw_search li .att label {font-size:13px;font-weight:600;letter-spacing:-1px;line-height:24px;margin-top:0}
.pw_search li .att2 {float:left;width:120px;font-size:13px;font-weight:600;letter-spacing:-1px;padding-left:8px;background:url(/images/bu_sqdot.gif) no-repeat left 10px;line-height:24px}
.pw_search li input {width:160px !important;height:20px !important;border:1px solid #cfd4d8 !important;padding:3px 10px !important}
.pw_search li .expTxt {margin:5px 0}

/* 회원탈퇴/본인확인 */
.pw_confirm {margin:0 auto; font-size: 16px}
.pw_confirm li {display: flex; font-size: inherit; padding: 10px 0; align-items: center;}
.pw_confirm li span {font-size: inherit; color: #454545}
.pw_confirm li .att {min-width: 100px; font-size:inherit;font-weight:600;letter-spacing:-1px;padding-left:8px;background:url(/images/bu_sqdot.gif) no-repeat left 10px;line-height:24px}
.pw_confirm li .att label {font-size:inherit;font-weight:600;letter-spacing:-1px;line-height:24px;margin-top:0}
.pw_confirm li input {width:100%;}
.pw_confirm li .expTxt {margin:5px 0}

/* 게시판목록 */
.tbl_v1 {width:100%;border-collapse:collapse}
.tbl_v1 thead {background:#d4d8db;border-left:1px solid #b9bcc1;border-right:1px solid #b9bcc1}
.tbl_v1 thead th {background:#d4d8db url(/images/bu_sort_bar.gif) no-repeat left center;border-top:1px solid #b9bcc1;border-bottom:1px solid #b9bcc1;height:30px;vertical-align:middle;font-weight:600; font-size:13px;color:#606262}
.tbl_v1 thead th.num {background-image:none}
.tbl_v1 tbody td img {vertical-align:middle}
.tbl_v1 tbody td {border-bottom:1px solid #ccc;height:40px;vertical-align:middle;text-align:center;color:#666;background-color:#fff}
.tbl_v1 tbody td.bold {font-weight:600}
.tbl_v1 tbody td.title {text-align:left;font-weight:600;padding:0 10px 0 30px;*position:relative}
.tbl_v1 tbody td.title a {max-width:390px;display:inline-block;*float:left; vertical-align:middle}
.tbl_v1 tbody td .new {display:inline-block;padding-left:8px;*display:inline;*zoom:1;*padding-top:12px}
.tbl_v1 tbody td .who {display:inline-block;padding-right:8px}
.tbl_v1 tbody td a:hover {text-decoration:underline}
.tbl_v1 tbody .notice .title a {color:#34a1e9}
.tbl_v1 tbody .end td {border-bottom:2px solid #ccc}
.tbl_v1 tbody.event .title {*position:relative}
.tbl_v1 tbody.event .title a {max-width:340px;*padding-left:50px}
.tbl_v1 tbody.event .title .new {*margin-bottom:10px}
.tbl_v1 tbody.event .title .who {*position:absolute;*left:30px;*top:6px}

/* -------------------------------------------------------------------------------------------------------------------- */
/* 회원정보 - 회원탈퇴 */
/* -------------------------------------------------------------------------------------------------------------------- */
.memOutTxt {padding:30px 20px;background-color:#fff;border:1px solid #dedede;overflow:hidden;}
.memOutTxt .innerMemOut {width:100%;  text-align:left; display: flex; flex-wrap: wrap;}
.memOutTxt .innerMemOut dl {display: flex;min-width: 200px; flex: 1 1 0; padding: 20px; flex-direction: column; border: 1px dashed #d9d9d9;border-radius: 20px; margin: 0 10px 20px 10px;}
.memOutTxt .innerMemOut dl dt {font-size:16px;color:#333;font-weight:600;letter-spacing:-1px;line-height:20px;margin-bottom:20px}
.memOutTxt .innerMemOut dl dd {font-size:14px;letter-spacing:-1px;line-height:20px;color:#666}
.memOutTxt .innerMemOut dl dt.memOut_img {height: 150px; text-align: center}
.txtTit {font-size: 16px; color: #666; line-height: 1.5}

.memOutWrap {padding:30px 0;background-color:#fff;border:1px solid #dedede;overflow:hidden}
.memOutWrap .innerMemOut {width:60%;margin:0 auto}
.memOutWrap .innerMemOut .memOutImg {float:left;width:40%;text-align:center}
.memOutWrap .innerMemOut ul {float:left;width:60%;margin:5px 0 0}
.memOutWrap .innerMemOut ul li span {display:inline-block;margin:5px 0;letter-spacing:0}
.memOutWrap .innerMemOut ul li .att {width:90px;font-weight:600;color:#454545}
.memOutWrap .innerMemOut ul li input {width:50%;height:18px;border:1px solid #dedede;padding:3px 10px}
.memOutReason_wrap {display: flex; }
.memOutReason {width: 100%; padding:30px;background-color:#fff;border:1px dashed #dedede;overflow:hidden; border-radius: 20px;}
.memOutReason:last-of-type {margin-left: 20px;}
.memOutReason h4.memOut_tit {font-size:18px;color:#333;font-weight:600;letter-spacing:-0.05em;margin-bottom:10px;padding-left:1em;background:url(/images/bu_go.gif) no-repeat left 5px}
.memOutReason .reason {width:100%; font-size: 16px;}
.memOutReason .reason li {padding:10px ;color:#666;line-height:24px;font-size:inherit}
.memOutReason .reason li label {font-size: inherit;}
.memOutReason .reason li input {width:14px;height:14px;color:#64c919;font-weight:bold;padding:0;display:inline-block;*display:inline;*zoom:1;margin:0 5px 0 0}
.memOutReason .etc {padding-top:20px}
.memOutReason .etc label {display:block;font-size: 14px;color: #454545;}
.memOutReason .etc textarea {width:99%;height:60px;margin:10px auto 0}

@media (max-width: 768px) {
    .memOutReason_wrap {flex-direction: column; flex-wrap: wrap}
    .memOutReason:last-of-type {margin-left: 0; margin-top: 20px;}

}

/* 회원가입 완료 페이지 사이트 링크 */
.login_site_list {
    width: 90%;
    max-width: 600px;
    margin: 0 auto
}
.login_site_list > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.login_site_list > ul > li {
    min-width: 33.3333333333%;
    margin-top: 1.4rem;
    flex-grow: 1;
}
.login_site_list > ul > li a {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 1.4rem;
    text-align: center;
    white-space: nowrap;
}
.login_site_list > ul > li a span.img_box {
    width: 8rem;
    height: 8rem;
    display: block;
    background: url(/@/assets/images/sub/logo_rel_1.png) no-repeat center center/50%, #f2f3f5;
    border: 1px solid #f2f3f5;
    border-radius: 50%;
    transition: border 0.15s linear;
}
.login_site_list > ul > li a span:not(.img_box) {
    display: inline-block;
    padding-top: 0.4rem;
    font-weight: 600;
}
.login_site_list > ul > li a:hover span.img_box {
    border: 1px solid #ccd1d6;
}
.login_site_list > ul > li span.img_box {
    background-repeat:no-repeat; background-position: center; background-size: 50%; background-color: #f2f3f5;
}
.login_site_list > ul > li:nth-child(1) span.img_box {
    background-image: url(/@/assets/images/sub/logo_rel_1.png)
}
.login_site_list > ul > li:nth-child(2) span.img_box {
    background-image: url(/@/assets/images/sub/logo_rel_3.png)
}
.login_site_list > ul > li:nth-child(3) span.img_box {
    background-image: url(/@/assets/images/sub/logo_rel_5.png)
}
.login_site_list > ul > li:nth-child(4) span.img_box {
    background-image: url(/@/assets/images/sub/logo_rel_6.png)
}
.login_site_list > ul > li:nth-child(5) span.img_box {
    background-image: url(/@/assets/images/sub/logo_rel_7.png)
}
.login_site_list > ul > li:nth-child(6) span.img_box {
    background-image: url(/@/assets/images/sub/logo_rel_8.png)
}
.login_site_list > ul > li:nth-child(7) span.img_box {
    background-image: url(/@/assets/images/sub/logo_rel_7.png)
}
.login_site_list > ul > li:nth-child(8) span.img_box {
    background-image: url(/@/assets/images/sub/logo_rel_8.png)
}
.login_site_list > ul > li:nth-child(6) span.img_box {
    background-size: 2.4rem;
}
.login_site_list > ul > li:nth-child(8) span.img_box {
    background-size: 4rem;
}
.edunet_logo {
    display: block; margin: 40px auto 0; width: 170px; height: 76px; background: url(/@/assets/images/common/img_logo.png) no-repeat center center/contain; color: transparent;
}

/* -------------------------------------------------------------------------------------------------------------------- */
/* 미디어쿼리(반응형)  */
/* -------------------------------------------------------------------------------------------------------------------- */

/* PC */
@media all and (min-width:992px) {
    /* header */
    #header_mem {width:100%;min-width:992px;}
    #header_mem .header_wrap {width:100%}
    #header_mem h1 a {display:block}
    #header_mem h1 a img {width:282px}
    #header_mem .header_left {padding:0}
    #header_mem .header_right {padding:20px 0 0}
    #header_mem .header_right .sitemap {margin-left:10px}

    /* 회원가입 */
    .memjoin_steps {width:100%}
    .memjoin_step_bg {width:100%}
    .step1 {background-size:100% 78px}
    .step2 {background-size:100% 78px}
    .step3 {background-size:100% 78px}

    /* 하단버튼 */
    .join .btn_submit .bbs_btn{padding:0}
}

/* Tablet Device */
@media all and (min-width:768px) and (max-width:1150px) {
    /* header */
    #header_mem {width:100%;}
    #header_mem .header_wrap {width:98%;margin:0 auto}
    #header_mem h1 a {display:block}
    #header_mem h1 a img {width:282px}
    #header_mem .header_left {padding:0}
    #header_mem .header_right {padding:20px 0 0}
    #header_mem .header_right.logged {float:right;width:auto}
    #header_mem .header_right .sitemap {margin-left:10px}

    /* footer */
    #footer_mem {width:100%;background:#545b5d;overflow:hidden}
    #footer_mem .copy_wrap {position:relative;width:98%;height:40px;margin:0 auto;min-width:320px;color:#a9b8bc;text-align:center}
    #footer_mem .copy_wrap .foot_list {position:absolute;left:0;top:10px;width:40%;text-align:left;z-index:2}
    #container .wrap{width:100% !important; margin:0}

    /* 위로이동 */
    .topBtn{display:none}
    .m_topBtn{display:none}

    /* 회원가입 */
    .memjoin_steps {width:100%;margin:0 auto}
    .memjoin_step_bg {width:100%}
    .step1 {background-size:100% 78px}
    .step2 {background-size:100% 78px}
    .step3 {background-size:100% 78px}
    .memjoin_step_each .icon_step {font-size:12px;}
    .memjoin_step_each .icon_step span.txt01 {display:block;color:#767676;font-size:12px;line-height:14px;margin:-5px 0 0}
    .memjoin_step_each .icon_step span.txt02 {display:block;color:#333;font-size:14px}
    .memjoin_step_each .icon_step_on {position:absolute;color:#fff;float:left;font-size:14px; font-family:"나눔바른고딕", "NanumBarunGothic","나눔고딕", "NanumGothic", "ngWeb";height:29px;top:50%;left:50%;line-height:24px;text-align:left}
    .memjoin_step_each .icon_step_on span.txt01 {display:block;color:#fff;font-size:12px;line-height:14px;margin:-5px 0 0}
    .memjoin_step_each .icon_step_on span.txt02 {display:block;color:#fff;font-size:18px}
    .memjoin_step_each .icon_step1_on {background:url("/images/member/icon_step1_on.png") 0 0 no-repeat; margin:-12px 0 0 -16%; text-indent:30px}
    .memjoin_step_each .icon_step2_on {background:url("/images/member/icon_step2_on.png") 0 0 no-repeat; margin:-12px 0 0 -32%; text-indent:40px}
    .memjoin_step_each .icon_step3_on {background:url("/images/member/icon_step3_on.png") 0 0 no-repeat; margin:-12px 0 0 -14%; text-indent:30px}
    .memjoin_step_each .icon_step1 {background:url("/images/member/icon_step1.png") 0 0 no-repeat; margin:-12px 0 0 -14%; text-indent:30px}
    .memjoin_step_each .icon_step2 {background:url("/images/member/icon_step2.png") 0 0 no-repeat; margin:-12px 0 0 -24%; text-indent:40px}
    .memjoin_step_each .icon_step3 {background:url("/images/member/icon_step3.png") 0 0 no-repeat; margin:-12px 0 0 -12%; text-indent:30px}

    /* 본문 서브타이틀 */
    .mem_txtTit {font-size:20px;margin-top:30px;padding:0 0 5px;}

    /* 하단버튼 */
    .join .btn_submit .bbs_btn{ padding:0}

    /* box */
    .cctBoxWrap {width:100%}
    .cctBoxWrap a:hover {text-decoration: none}
    .cctBox {height:auto;border:1px solid #d4dadc;background-color:#fff;margin:0;padding:20px;overflow:hidden}
    .cctBox .img_cct {float:none;clear:both;padding:0;text-align:center}
    .cctBox dl {float:none;width:100%;margin:8px 0 0}
    .cctBox dl dt {font-size:18px;font-weight:600;color:#333;text-align:center}
    .cctBox dl dd {font-size:12px;color:#333;line-height:20px;margin:15px 0 0;min-height:110px;overflow:hidden}
    .cctBox dl dd a {display:block;margin-top:10px;text-align:center}

    /* 14세 이상 */
    .joinCheck {width:100%}
    .joinCheck li {float:left;width:48%;margin-right:2%}
    .joinCheck li.end {width:50%;margin-right:0}

    /* 14세 이하 */
    .joinOffline {width:100%}
    .joinOffline li {float:left;width:48%;margin-right:2%}
    .joinOffline li.end {width:50%;margin-right:0}

    /* 레이어 팝업 */
    .layerPopWrap {position:absolute;width:720px;height:80%;top:0;left:50%;margin-left:-360px;padding:30px 0 4%;overflow:hidden}

    /* 아이디찾기 */
    /* 등록된 회원정보로 찾기 */
    .cstInnerWrap {width:90%;margin:0 auto}
    .cstInnerWrap .join_img {float:left;width:30%}
    .cstInnerWrap .join_txt {float:right;width:70%}

    /* 본인인증 box */
    .corfirmBoxWrap {clear:both;width:100%;margin:0 0 20px}
    .corfirmBox {height:170px;margin:0;padding:20px 7px}
    .corfirmBox .img_cct {float:left;padding:0 10px 0 5px}
    .corfirmBox dl {float:right;width:60%;margin:8px 0 0}
    .corfirmBox dl dt {font-size:20px;font-weight:600;color:#333}
    .corfirmBox dl dd {font-size:12px;color:#333;line-height:20px;margin:15px 0 0;overflow:hidden}
    .corfirmBox dl dd a {display:block;margin-top:10px}

    /* 비밀번호찾기 */
    .InnerWrap .join_img {width:40%}
    .InnerWrap .join_txt {width:60%}
    .pw_search li .att {width:60px;}
    .pw_search li .att label {display:inline-block;font-size:13px}
    .pw_search li .att2 {font-size:13px}
    .pw_search li .w190 {width:50% !important;}

    /* 회원탈퇴 */
    .memOutWrap .innerMemOut {width:80%;margin:0 auto}
    .memOutWrap .innerMemOut .memOutImg {float:left;width:40%;text-align:center}
    .memOutWrap .innerMemOut ul {float:left;width:60%;margin:5px 0 0}
    .memOutWrap .innerMemOut ul li .att {width:90px;font-weight:600;color:#454545}
    .memOutWrap .innerMemOut ul li input {width:50%;height:18px;border:1px solid #dedede;padding:3px 10px}

    .pw_confirm {width:100%;}
    .pw_confirm li input {width:45%}
    .pw_confirm li span {line-height: 1.5;}

    /* 회원정보(내정보)변경 */
    .memInfoTab {width:98%;margin:20px auto 0;}
    .memInforMainWrap .memInforMain a.memInfopurple:hover .mInforimg04 {background-size:cover;}
    .memInforMainWrap .memInforMain a.memInfoOrange:hover .mInforimg03 {background-size:cover;}
    .memInforMainWrap .memInforMain a.memInfoGreen:hover .mInforimg02 {background-size:cover;}
    .memInforMainWrap .memInforMain a.memInfoBlue:hover .mInforimg01 {background-size:cover;}


}

/* Tablet (중간단계) */
@media all and (min-width:520px) and (max-width:767px) {
    /* header */
    #header_mem {}
    #header_mem .header_wrap {width:98%;margin:0 auto}
    #header_mem h1 a {display:block}
    #header_mem h1 a img {width:240px;height:52px}
    #header_mem .header_left {padding:10px 0 0}
    #header_mem .header_right {padding:25px 0 0}
    #header_mem .header_right.logged {float:right;width:auto}
    #header_mem .header_right .sitemap {margin-left:10px}

    /* footer */
    #footer_mem {width:100%;background:#545b5d;overflow:hidden}
    #footer_mem .copy_wrap {position:relative;width:98%;height:120px;margin:10px auto 0;color:#a9b8bc;text-align:center}
    #footer_mem .copy_wrap .foot_list {position:relative;left:auto;top:auto;width:100%;margin:0 auto;padding:0;text-align:center;z-index:none}
    #footer_mem .copy_wrap .address {position:relative;width:100%;text-align:center;margin:0;padding:0}

    /* 본문 */
    #container .wrap{width:100% !important; margin:0}

    /* 본문 타이틀/서브타이틀 */
    .mem_txtTit {font-size:18px;margin-top:30px;padding:0 0 5px;}
    .mem_txtTit .tit_br1 {display:block;}
    .joinsTit .br1 {display:inline;}
    .joinsTit .br2 {display:block}

    /* 위로이동 */
    .topBtn{display:none}
    .m_topBtn{display:none}

    /* 회원가입 */
    .memjoin_steps {width:100%}
    .memjoin_step_bg {width:100%}
    .step1 {background-size:100% 78px}
    .step2 {background-size:100% 78px}
    .step3 {background-size:100% 78px}
    .memjoin_step_each .icon_step {position:absolute;left:60%;top:45%;padding-top:25px;font-size:12px;text-align:center}
    .memjoin_step_each .icon_step span.txt01 {display:none}
    .memjoin_step_each .icon_step span.txt02 {display:block;color:#333;font-size:12px;margin:0 0 0}
    .memjoin_step_each .icon_step_on {position:absolute;left:60%;top:50%;padding-top:25px;font-size:12px}
    .memjoin_step_each .icon_step_on span.txt01 {display:none}
    .memjoin_step_each .icon_step_on span.txt02 {clear:both;display:block;color:#fff;font-size:12px;margin:3px 0 0 -35%}
    .memjoin_step_each .icon_step1 {background:url("/images/member/icon_step1.png") center 0 no-repeat; text-indent:0; margin:-18px 0 0 -40px}
    .memjoin_step_each .icon_step2 {background:url("/images/member/icon_step2.png") center 0 no-repeat; text-indent:0; margin:-18px 0 0 -65px}
    .memjoin_step_each .icon_step3 {background:url("/images/member/icon_step3.png") center 0 no-repeat; text-indent:0; margin:-18px 0 0 -30px}
    .memjoin_step_each .icon_step1_on {background:url("/images/member/icon_step1_on.png") 0 0 no-repeat; text-indent:0; margin:-20px 0 0 -26px}
    .memjoin_step_each .icon_step2_on {background:url("/images/member/icon_step2_on.png") 0 0 no-repeat; text-indent:0; margin:-22px 0 0 -30px}
    .memjoin_step_each .icon_step3_on {background:url("/images/member/icon_step3_on.png") 0 0 no-repeat; text-indent:0; margin:-18px 0 0 -26px}

    /* 1.약관동의 */
    .box_agree {width:100% !important}
    .box_agree textarea {width:100% !important;}

    /*서브타이틀 - 줄바꿈 */
    .mem_txtSubTit span.br2 {clear:both;display:block;}
    .mem_txtSubTit span.br4 {clear:both;display:inline-block;}

    /* 하단버튼 */
    .join .btn_submit .bbs_btn {padding:0}

    /* 인증 및 회원정보 입력 - 회원가입유형 */
    .joinNav_wrap {width:100%;padding:30px 0 10px}
    .joinNav_wrap li {float:left;width:32%;padding:0 2% 0 0;overflow:hidden}
    .joinNav_wrap li.end {padding-right:0}
    .cstBox3 .title {font-size:24px; line-height:22px; letter-spacing:-1px; font-weight:600; width:100%; padding:0 0 6px; text-align:center}
    .cstBox3 .title img {width:20%}
    .cstBox3 .explain {clear:both;color:#666;font-weight:600;letter-spacing:-1px;font-size:14px;line-height:20px;padding:0}
    .cstBox3 .explain span {display:block;font-size:14px}
    .cstBox3 .explain .f12 {display:inline-block;font-size:12px;letter-spacing:-0.1em;line-height:16px}

    /* box */
    .cctBoxWrap {width:100%}
    .cctBoxWrap a:hover {text-decoration: none}
    .cctBox {height:auto;border:1px solid #d4dadc;background-color:#fff;margin:0;padding:20px;overflow:hidden}
    .cctBox .img_cct {float:none;clear:both;padding:0;text-align:center}
    .cctBox dl {float:none;width:100%;margin:8px 0 0}
    .cctBox dl dt {font-size:18px;font-weight:600;color:#333;text-align:center}
    .cctBox dl dd {font-size:12px;color:#333;line-height:20px;margin:15px 0 0;min-height:140px;overflow:hidden}
    .cctBox dl dd a {display:block;margin-top:10px;text-align:center}

    /* 오프라인 동의 절차 */
    .offline_img {display:none}
    .offlineAgrStep {display:block}

    /* table */
    .bbs_write_mem .w160 {width:35%}
    .bbs_write_mem .groupEmail .w130 {width:30%}
    .bbs_write_mem .groupEmail .w160 {width:30%}
    .bbs_write_mem .exp2 {font-size:11px}


    /* 레이어 팝업 */
    .layerPopWrap {position:absolute;width:96%;height:80%;top:0;left:2%;margin:0 auto}
    .layerPopWrap .viewArea {position:relative;width:96%;height:100%;margin:0 auto;overflow-y:auto;box-shadow:0 0 30px rgba(0,0,0,0.8)}
    .layerPopWrap .viewCon {padding:30px}



    /* 회원정보 -  메인서브 */
    .memInforMainWrap {width:100%}
    .memInforMainWrap .memInforMain {width:100%}
    .memInforMainWrap .memInforMain a.memInfoBlue:hover .mInforimg01 {background-size:cover}
    .memInforMainWrap .memInforMain a.memInfoGreen:hover .mInforimg02 {background-size:cover}
    .memInforMainWrap .memInforMain a.memInfoOrange:hover .mInforimg03 {background-size:cover}

    /* 아이디찾기 */
    /* 등록된 회원정보로 찾기 */
    .cstInnerWrap {width:100%;margin:0 auto}
    .cstInnerWrap .join_img {float:left;width:40%}
    .cstInnerWrap .join_txt {float:right;width:60%}

    /* 본인인증 box */
    .corfirmBox {height:280px;margin:0}
    .corfirmBox .img_cct {float:none;clear:both;width:100%;padding:0;text-align:center}
    .corfirmBox dl {float:none;clear:both;width:100%;margin:8px 0 0}
    .corfirmBox dl dt {font-size:20px;text-align:center}
    .corfirmBox dl dd {font-size:12px;margin:15px 0 0}
    .corfirmBox dl dd a {text-align:center}

    /* 본인인증으로찾기 - 온라인상담, 전화상담 */
    .corfirmCenter ul li {display:inline-block;float:left;padding:20px 10px;background:url(/images/cstcenter_line.png) no-repeat left 10px}
    .corfirmCenter ul li:first-child {padding-left:20px;background:none}
    .corfirmCenter ul li .detail {display:inline-block;padding-left:10px}

    /* 아이디/비밀번호 찾기, 비밀번호 변경 */
    .memBoxWrap {padding:40px 20px}
    .InnerWrap {width:90%;margin:0 auto}
    .InnerWrap .join_img {width:35%}
    .InnerWrap .join_txt {width:65%}
    .InnerWrap.w100 {width:100%;margin:0 auto}
    .InnerWrap.w100 .join_img {float:left;width:25%;text-align:center}
    .InnerWrap.w100 .join_txt {float:right;width:75%;text-align:left}
    .id_search li .att {width:150px}
    .id_search li input {width:25%}
    .pw_search li .att {width:60px}
    .pw_search li .att label {display:block;font-size:13px}
    .pw_search li .att2 {float:left;width:120px}
    .pw_search li .att2 label {display:block}
    .pw_search li .boan {display:block}
    .pw_search li .level {display:block}
    .pw_search li input {width:40%}

    /* 회원정보 - 회원탈퇴 */
    .memOutWrap .innerMemOut {width:100%;margin:0 auto}
    .memOutWrap .innerMemOut .memOutImg {float:left;width:40%;text-align:center}
    .memOutWrap .innerMemOut ul {float:left;width:60%;margin:5px 0 0}
    .memOutWrap .innerMemOut ul li .att {width:70px;font-weight:600;color:#454545}
    .memOutWrap .innerMemOut ul li input {width:40%;height:18px;border:1px solid #dedede;padding:3px 10px}

    .pw_confirm {width:70%;margin:0 auto}
    .pw_confirm li input {width:50%}

    /* 회원정보(내정보)변경 */
    .memInfoTab {width:98%;margin:20px auto 0;}

}


/* Tablet & Desktop Device */
@media all and (min-width:420px) and (max-width:519px) {
    /* header */
    #header_mem {min-width:320px;height:90px}
    #header_mem .header_wrap {width:96%;margin:0 auto}
    #header_mem h1 a {display:block}
    #header_mem h1 a img {width:160px;height:35px}
    #header_mem .header_left {float:none;clear:both;padding:5px 0 0}
    #header_mem .header_right {clear:both;padding:5px 0 0}
    #header_mem .header_right .sitemap {margin-left:10px}

    /* footer */
    #footer_mem {width:100%;background:#545b5d;overflow:hidden}
    #footer_mem .copy_wrap {position:relative;width:98%;height:120px;margin:10px auto 0;color:#a9b8bc;text-align:center}
    #footer_mem .copy_wrap .foot_list {position:relative;left:auto;top:auto;width:100%;margin:0 auto;padding:0;text-align:center;z-index:none}
    #footer_mem .copy_wrap .address {position:relative;width:100%;text-align:center;margin:0;padding:0}
    #container .wrap{width:100% !important; margin:0}

    /* 위로이동 */
    .topBtn{display:none}
    .m_topBtn{display:none}

    /* 회원가입 */
    .memjoin_steps {width:100%}
    .memjoin_step_bg {width:100%}
    .step1 {background-size:100% 78px}
    .step2 {background-size:100% 78px}
    .step3 {background-size:100% 78px}
    .memjoin_step_each .icon_step {position:absolute;left:60%;top:45%;padding-top:25px;font-size:12px;text-align:center}
    .memjoin_step_each .icon_step span.txt01 {display:none}
    .memjoin_step_each .icon_step span.txt02 {display:block;color:#333;font-size:12px;margin:0 0 0}
    .memjoin_step_each .icon_step_on {position:absolute; left:60%; top:50%; padding-top:25px; font-size:12px}
    .memjoin_step_each .icon_step_on span.txt01 {display:none}
    .memjoin_step_each .icon_step_on span.txt02 {clear:both;display:block;color:#fff;font-size:12px;margin:2px 0 0 -45%}
    .memjoin_step_each .icon_step1_on {background:url("/images/member/icon_step1_on.png") 0 0 no-repeat; text-indent:0; margin:-20px 0 0 -23px}
    .memjoin_step_each .icon_step2_on {background:url("/images/member/icon_step2_on.png") 0 0 no-repeat; text-indent:0; margin:-22px 0 0 -24px}
    .memjoin_step_each .icon_step3_on {background:url("/images/member/icon_step3_on.png") 0 0 no-repeat; text-indent:0; margin:-18px 0 0 -20px}
    .memjoin_step_each .icon_step1 {background:url("/images/member/icon_step1.png") center 0 no-repeat; text-indent:0; margin:-18px 0 0 -35px}
    .memjoin_step_each .icon_step2 {background:url("/images/member/icon_step2.png") center 0 no-repeat; text-indent:0; margin:-18px 0 0 -65px}
    .memjoin_step_each .icon_step3 {background:url("/images/member/icon_step3.png") center 0 no-repeat; text-indent:0; margin:-18px 0 0 -30px}

    /* 본문 타이틀/서브타이틀 */
    .mem_txtTit {font-size:18px;margin-top:20px;padding:0 0 5px;}
    .mem_txtSubTit span.br {display:block;}
    .mem_txtSubTit span.br2 {display:block;}
    .mem_txtSubTit span.br1 {display:inline}
    .joinTit .tit_br1 {display:block;}
    .joinsTit .br1 {display:inline;}
    .joinsTit .br2 {display:block}

    /* 하단버튼 */
    .join .btn_submit .bbs_btn{padding:0}

    /* 인증 및 회원정보 입력 - 회원가입유형 */
    .joinNav_wrap {width:100%;padding:10px 0}
    .joinNav_wrap li {float:left;width:32%;padding:0 2% 0 0;overflow:hidden}
    .joinNav_wrap li.end {padding-right:0}
    .cstBox3 .title {font-size:20px; line-height:22px; letter-spacing:-1px; font-weight:600; width:100%; padding:0 0 6px; text-align:center}
    .cstBox3 .title img {width:20%}
    .cstBox3 .explain {clear:both;color:#666;font-weight:600;letter-spacing:-1px;font-size:14px;line-height:20px;padding:0}
    .cstBox3 .explain span {display:inline-block;font-size:14px;line-height:16px}
    .cstBox3 .explain .f12 {font-size:12px;letter-spacing:-0.1em}

    /* 14세 이상/이하 동의 */
    .cctTab {width:100%}
    .cctTab li {float:left;width:49%}
    .cctTab li a {display:block;width:100%}

    /* box */
    .cctBoxWrap {width:100%}
    .cctBoxWrap a:hover {text-decoration: none}
    .cctBox {height:auto;border:1px solid #d4dadc;background-color:#fff;margin:0 0 10px;padding:20px;overflow:hidden}
    .cctBox .img_cct {float:none;clear:both;padding:0;text-align:center}
    .cctBox dl {float:none;width:100%;margin:8px 0 0}
    .cctBox dl dt {font-size:18px;font-weight:600;color:#333;text-align:center}
    .cctBox dl dd {font-size:12px;color:#333;line-height:20px;margin:15px 0 0;overflow:hidden}
    .cctBox dl dd a {display:block;margin-top:10px;text-align:center}

    /* 14세 이상 */
    .joinCheck {width:100%}
    .joinCheck li {float:none;clear:both;width:100%;margin:0}
    .joinCheck li.end {width:100%;margin:0}

    /* 14세 이하 */
    .joinOffline {width:100%}
    .joinOffline li {float:none;clear:both;width:100%;margin:0}
    .joinOffline li.end {width:100%;margin:0}

    /* 오프라인 동의 가입 절차 */
    .offline_img {display:none}
    .offlineAgrStep {display:block}
    .offlineAgrStep li {float:none;clear:both;width:100%;text-align:center}
    .offlineAgrStep li.end {width:100%}
    .offlineAgrStep li.step_arrow {width:100%;text-align:center}
    .offlineAgrStep li .arrowR {display:none;float:left;width:10px;margin:50px 3px 0;background:url(/images/member/offlineAgr_arrow_right.gif) 50% 50% no-repeat;background-size:80%;}
    .offlineAgrStep li .arrowB {display:block;float:none;width:15px;margin:5px auto;background:url(/images/member/offlineAgr_arrow_bottom.gif) 50% 50% no-repeat;background-size:80%}
    .offlineAgrStep li .boxH {display:block;border-radius:5px;padding:10px;text-align:center;height:auto;min-height:50px}
    .offlineAgrStep li .boxH span.br {display:inline-block}
    .offlineAgrStep li .box_img {display:block;padding:0 0 7px;width:42px;height:30px;margin:0 auto;text-align:center}
    .offlineAgrStep li .box_title {display:inline-block;font-size:14px;font-weight:600;padding-bottom:3px;margin:0 5px 3px 0;border-bottom:0}

    /* table */
    .bbs_write_mem .w160 {width:35%}
    .bbs_write_mem .groupEmail .w130 {width:30%}
    .bbs_write_mem .groupEmail .w160 {width:30%}
    .bbs_write_mem .exp2 {font-size:11px}

    /* 레이어 팝업 */
    .layerPopWrap {position:absolute;width:96%;height:80%;top:0;left:2%;margin:0 auto}
    .layerPopWrap .viewArea {position:relative;width:96%;height:100%;margin:0 auto;overflow-y:auto;box-shadow:0 0 30px rgba(0,0,0,0.8)}


    /* 회원정보 -  메인서브 */
    .findTabConBottom {padding:50px 20px 30px}

    /* 아이디찾기 */
    /* 등록된 회원정보로 찾기 */
    .cstInnerWrap {width:100%;margin:0 auto}
    .cstInnerWrap .join_img {float:none;clear:both;width:100%;text-align:center}
    .cstInnerWrap .join_txt {float:none;clear:both;width:100%}

    /* 본인인증으로 찾기 */
    .join_confirm {width:100%}
    .join_confirm li {float:none;width:100%;margin:0 0 20px}
    .join_confirm li.end {width:100%;margin:0}

    /* 본인인증 box */
    .corfirmBox {clear:both;height:auto;margin:0}
    .corfirmBox .img_cct {float:none;clear:both;width:100%;padding:0;text-align:center}
    .corfirmBox dl {float:none;clear:both;width:100%}
    .corfirmBox dl dt {font-size:20px;text-align:center}
    .corfirmBox dl dd {font-size:12px}
    .corfirmBox dl dd a {text-align:center}

    /* 본인인증으로찾기 - 온라인상담, 전화상담 */
    .corfirmCenter ul li {display:block;float:none;padding:10px;background:none;border-bottom:1px solid #cfd4d8;text-align:center}
    .corfirmCenter ul li:first-child {background:none}
    .corfirmCenter ul li:last-child {background:none;border-bottom:none}
    .corfirmCenter ul li.first {display:none}
    .corfirmCenter ul li .detail {display:block;padding:0}
    .corfirmCenter ul li .detail span {display:inline-block}

    /* 아이디/비밀번호 찾기, 비밀번호 변경 */
    .memBoxWrap {padding:40px 20px}
    .InnerWrap {width:100%}
    .InnerWrap .join_img {float:none;width:100%;text-align:center}
    .InnerWrap .join_txt {float:none;width:100%;margin:0 auto}
    .id_search li input {width:25%}
    .pw_search {width:70%;margin:0 auto;}
    .pw_search li .att label {font-size:13px}
    .pw_search li .att2 {float:left;width:120px}
    .pw_search li .w190 {width:50% !important}
    .pw_search li .boan {display:block;padding-left:7px;}

    /* 회원정보 - 회원탈퇴 */
    .memOutTxt {padding:30px 20px;background-color:#fff;border:1px solid #dedede;overflow:hidden}
    .memOutTxt .innerMemOut {width:100%;margin:0;text-align:left}
    .memOutTxt .innerMemOut dl dd.memOut_img {clear:both;width:100%;height:90px;padding:10px 0;text-align:center}
    .memOutTxt .innerMemOut .txtTit {clear:both;padding:1%}

    .memOutWrap .innerMemOut {width:100%;margin:0 auto}
    .memOutWrap .innerMemOut .memOutImg {float:none;width:100%;text-align:center}
    .memOutWrap .innerMemOut ul {float:none;width:70%;margin:10px auto 0}
    .memOutWrap .innerMemOut ul li .att {width:70px;font-weight:600;color:#454545}
    .memOutWrap .innerMemOut ul li input {width:60%;height:18px;border:1px solid #dedede;padding:3px 10px}

    .pw_confirm {width:80%;margin:0 auto}
    .pw_confirm li input {width:50%}

    /* 회원정보(내정보)변경 */
    .memInfoTab {width:98%;margin:20px auto;}
}

/* Mobile */
@media all and (max-width:419px) {
    fieldset.join {background:url("/images/blank.gif") repeat 0 0;text-align:left}
    fieldset.join legend span {display:block;font-size:inherit;margin-left:-25px;color:#555;font-weight:normal;padding-top:5px}
    fieldset.join legend span.orange {font-weight:bold;color:#C84E0B}
    fieldset.join .subTit {color:#606262;font-size:15px;font-weight:600;line-height:22px;letter-spacing:-1px;background:url("/images/bu_go.gif") no-repeat left 5px;padding-left:15px}
    fieldset.join caption {width:100%;padding-bottom:5px}
    fieldset.join caption:after {content:""; display:block;clear:both;height:0}
    fieldset.join caption p {float:left;font-size:13px;color:#555;letter-spacing:-1px}
    fieldset.join caption .ess {float:right;color:#777;padding-left:15px;background:url("/images/bu_check_o.gif") no-repeat left center}


    /* header */
    #header_mem {min-width:320px;height:90px}
    #header_mem .header_wrap {width:96%;margin:0 auto}
    #header_mem h1 a {display:block}
    #header_mem h1 a img {width:160px;height:35px}
    #header_mem .header_left {float:none;clear:both;padding:5px 0 0}
    #header_mem .header_right {clear:both;padding:5px 0 0}
    #header_mem .header_right .sitemap {margin-left:10px}

    /* footer */
    #footer_mem {width:100%;background:#545b5d;overflow:hidden}
    #footer_mem .copy_wrap {position:relative;width:98%;height:120px;margin:10px auto 0;color:#a9b8bc;text-align:center}
    #footer_mem .copy_wrap .foot_list {position:relative;left:auto;top:auto;width:100%;margin:0 auto;padding:0;text-align:center;z-index:none}
    #footer_mem .copy_wrap .address {position:relative;width:100%;text-align:center;margin:0;padding:0}
    #footer_mem .copy_wrap .copy_logo {width:100%;text-align:center}
    #container .wrap {width:100% !important;margin:0}

    /* 위로이동 */
    .topBtn{display:none}
    .m_topBtn{display:none}

    /* 회원가입 */
    .memjoin_step_bg {width:100%}
    .step1 {background-size:100% 78px}
    .step2 {background-size:100% 78px}
    .step3 {background-size:100% 78px}
    .memjoin_step_each .icon_step {position:absolute;left:60%;top:45%;padding-top:25px;font-size:12px;text-align:center}
    .memjoin_step_each .icon_step span.txt01 {display:none}
    .memjoin_step_each .icon_step span.txt02 {display:block;color:#333;font-size:12px;margin:0 0 0;letter-spacing:-0.15em}
    .memjoin_step_each .icon_step_on {position:absolute; left:60%; top:50%; padding-top:25px; font-size:12px}
    .memjoin_step_each .icon_step_on span.txt01 {display:none}
    .memjoin_step_each .icon_step_on span.txt02 {clear:both;display:block;color:#fff;font-size:12px;margin:2px 0 0 -45%;}
    .memjoin_step_each .icon_step1_on {background:url("/images/member/icon_step1_on.png") 0 0 no-repeat; text-indent:0; margin:-20px 0 0 -20px}
    .memjoin_step_each .icon_step2_on {background:url("/images/member/icon_step2_on.png") 0 0 no-repeat; text-indent:0; margin:-22px 0 0 -25px;letter-spacing:-0.07em}
    .memjoin_step_each .icon_step3_on {background:url("/images/member/icon_step3_on.png") 0 0 no-repeat; text-indent:0; margin:-18px 0 0 -20px}
    .memjoin_step_each .icon_step1 {background:url("/images/member/icon_step1.png") center 0 no-repeat; text-indent:0; margin:-18px 0 0 -27px}
    .memjoin_step_each .icon_step2 {background:url("/images/member/icon_step2.png") center 0 no-repeat; text-indent:0; margin:-18px 0 0 -50px}
    .memjoin_step_each .icon_step3 {background:url("/images/member/icon_step3.png") center 0 no-repeat; text-indent:0; margin:-18px 0 0 -20px}

    #mem_content #mem_sub_list h3 .br {display:block}

    /* 본문 타이틀/서브타이틀 */
    .mem_txtTit {font-size:18px;margin-top:20px;padding:0 0 5px;}
    .mem_txtSubTit span.br {display:block;}
    .mem_txtSubTit span.br2 {display:block;}
    .mem_txtSubTit span.br3 {display:block;}
    .mem_txtSubTit span.br4 {display:block;}
    .mem_txtSubTit span.br1 {display:inline}
    .joinTit {display:none;}
    .joinsTit .br1 {display:block;}
    .joinsTit .br2 {display:block;}

    /* 하단버튼 */
    .join .btn_submit .bbs_btn{padding:0}

    /* 인증 및 회원정보 입력 - 회원가입유형 */
    .joinNav_wrap {width:100%;padding:10px 0 10px}
    .joinNav_wrap li {float:none;clear:both;width:100%;padding:0 0 2%;overflow:hidden}
    .cstBox3 {position:relative;height:120px;border:1px solid #d4dadc;background-color:#fff;margin:0;padding:10px 10px;overflow:hidden}
    .cstBox3 .title {font-size:20px; line-height:22px; letter-spacing:-1px; font-weight:600; width:auto; padding:15px 10px 6px;text-align:right;}
    .cstBox3 .inner {position:absolute;left:10px;top:18px;padding:15px 0 30px;background-position:0 0;width:106px;height:105px}
    .cstBox3 .explain {float:right;color:#666;font-weight:600;letter-spacing:-1px;font-size:14px;line-height:20px;padding:10px 10px 0 0;text-align:right}
    .cstBox3 .explain span {display:block;font-size:14px}
    .cstBox3 .explain .f12 {font-size:12px;line-height:16px;letter-spacing:-0.1em}
    .teacher_box:hover .cstBox3 .inner01 {background-position:0 0 !important}
    .teacher_box_on .cstBox3 .inner01 {background-position:0 0 !important}
    .student_box:hover .cstBox3 .inner02 {background-position:0 0 !important}
    .student_box_on .cstBox3 .inner02 {background-position:0 0 !important}
    .parent_box:hover .cstBox3 .inner03 {background-position:0 0 !important}
    .parent_box_on .cstBox3 .inner03 {background-position:0 0 !important}

    /* 14세 이상/이하 동의 */
    .cctTab {width:100%}
    .cctTab li {float:left;width:49%}
    .cctTab li a {display:block;width:100%}
    .bbs_write_mem select.w70 {width:50px}
    .cctInner ul li .w70 {width:40px}

    /* box */
    .cctBoxWrap {width:100%}
    .cctBoxWrap a:hover {text-decoration: none}
    .cctBox {height:auto;border:1px solid #d4dadc;background-color:#fff;margin:0 0 10px;padding:20px;overflow:hidden}
    .cctBox .img_cct {float:none;clear:both;padding:0;text-align:center}
    .cctBox dl {float:none;width:100%;margin:8px 0 0}
    .cctBox dl dt {font-size:18px;font-weight:600;color:#333;text-align:center}
    .cctBox dl dd {font-size:12px;color:#333;line-height:20px;margin:15px 0 0;overflow:hidden}
    .cctBox dl dd a {display:block;margin-top:10px;text-align:center}
    .cctInner .br {display:block;}

    /* 14세 이상 */
    .joinCheck {width:100%}
    .joinCheck li {float:none;clear:both;width:100%;margin:0}
    .joinCheck li.end {width:100%;margin:0}

    /* 14세 이하 */
    .joinOffline {width:100%}
    .joinOffline li {float:none;clear:both;width:100%;margin:0}
    .joinOffline li.end {width:100%;margin:0}

    /* 오프라인 동의 가입 절차 */
    .offline_img {display:none}
    .offlineAgrStep {display:block}
    .offlineAgrStep li {float:none;clear:both;width:100%;text-align:center}
    .offlineAgrStep li.end {width:100%}
    .offlineAgrStep li.step_arrow {width:100%;text-align:center}
    .offlineAgrStep li .arrowR {display:none;float:left;width:10px;margin:50px 3px 0;background:url(/images/member/offlineAgr_arrow_right.gif) 50% 50% no-repeat;background-size:80%;}
    .offlineAgrStep li .arrowB {display:block;float:none;width:15px;margin:5px auto;background:url(/images/member/offlineAgr_arrow_bottom.gif) 50% 50% no-repeat;background-size:80%}
    .offlineAgrStep li .boxH {display:block;border-radius:5px;padding:10px;text-align:center;height:auto;min-height:50px}
    .offlineAgrStep li .boxH span.br {display:inline-block}
    .offlineAgrStep li .box_img {display:block;padding:0 0 7px;width:42px;height:30px;margin:0 auto;text-align:center}
    .offlineAgrStep li .box_title {display:inline-block;font-size:14px;font-weight:600;padding-bottom:3px;margin:0 5px 3px 0;border-bottom:0}

    /* table */
    .bbs_write_mem .w160 {width:35%}
    .bbs_write_mem .groupEmail .w130 {width:30%}
    .bbs_write_mem .groupEmail .w160 {width:30%}
    .bbs_write_mem .exp2 {font-size:11px}

    /* 레이어 팝업 */
    .layerPopWrap {position:absolute;width:96%;height:80%;top:0;left:2%;margin:0 auto}
    .layerPopWrap .viewArea {position:relative;width:96%;height:100%;margin:0 auto;overflow-y:auto;box-shadow:0 0 30px rgba(0,0,0,0.8)}
    .layerPopWrap .viewCon .search strong {display:block;width:100%;margin-bottom:5px}
    .layerPopWrap .viewCon .search input {width:60%}
    .layerPopWrap .resultView p .txt { display:inline;}


    .findTabConBottom {padding:50px 20px 30px}

    /* 아이디찾기 */
    /* tab */
    .findTabTop li {padding:0 20px}
    .findTabTop li a {font-size:13px}

    /* 등록된 회원정보로 찾기 */
    .cstInnerWrap {width:100%;margin:0 auto}
    .cstInnerWrap .join_img {float:none;clear:both;width:100%;text-align:center}
    .cstInnerWrap .join_txt {float:none;clear:both;width:100%}

    /* 본인인증으로 찾기 */
    .join_confirm {width:100%}
    .join_confirm li {float:none;width:100%}
    .join_confirm li.end {width:100%;margin:0}

    /* 본인인증 box */
    .corfirmBox {clear:both;height:auto;margin:0}
    .corfirmBox .img_cct {float:none;clear:both;width:100%;padding:0;text-align:center}
    .corfirmBox dl {float:none;clear:both;width:100%}
    .corfirmBox dl dt {font-size:20px;text-align:center}
    .corfirmBox dl dd {font-size:12px}
    .corfirmBox dl dd a {text-align:center}

    /* 본인인증으로찾기 - 온라인상담, 전화상담 */
    .corfirmCenter ul li {display:block;float:none;padding:10px;background:none;border-bottom:1px solid #cfd4d8;text-align:center}
    .corfirmCenter ul li:first-child {background:none}
    .corfirmCenter ul li:last-child {background:none;border-bottom:none}
    .corfirmCenter ul li.first {display:none}
    .corfirmCenter ul li .detail {display:block;padding:0}
    .corfirmCenter ul li .detail span {display:inline-block}

    /* 아이디/비밀번호 찾기, 비밀번호 변경 */
    .memBoxWrap {padding:30px 20px}
    .InnerWrap {width:100%}
    .InnerWrap .join_img {float:none;width:100%;text-align:center}
    .InnerWrap .join_txt {float:none;width:100%}
    .InnerWrap.w100 {width:100%;margin:0}
    .InnerWrap.w100 .join_img {float:none;clear:both;width:100%;text-align:center}
    .InnerWrap.w100 .join_txt {float:none;clear:both;width:100%;text-align:left}
    .id_search li input {width:50%}
    .pw_search {width:100% !important;}
    .expTxt {line-height:1.4em !important;}
    .expTxt .br {display:block;}
    .pw_search {width:80%;margin:0 auto;}
    .pw_search li .att {width:60px}
    .pw_search li .att label {font-size:13px}
    .pw_search li .att2 {float:none;display:block;width:120px}
    .pw_search li .w190 {width:50% !important}
    .pw_search li .w100 {width:120px !important;}

    /* 회원정보 - 회원탈퇴 */
    .memOutTxt {padding:30px 20px;background-color:#fff;border:1px solid #dedede;overflow:hidden}
    .memOutTxt .innerMemOut {width:100%;margin:0;text-align:left}
    .memOutTxt .innerMemOut dl dd.memOut_img {clear:both;width:100%;height:90px;padding:10px 0;text-align:center}
    .memOutTxt .innerMemOut .txtTit {clear:both;padding:1%}

    .memOutWrap .innerMemOut {width:100%;margin:0 auto}
    .memOutWrap .innerMemOut .memOutImg {float:none;width:100%;text-align:center}
    .memOutWrap .innerMemOut ul {float:none;width:70%;margin:10px auto 0}
    .memOutWrap .innerMemOut ul li .att {width:60px;font-weight:600;color:#454545}
    .memOutWrap .innerMemOut ul li input {width:50%;height:18px;border:1px solid #dedede;padding:3px 10px}

    .memOutReason {padding:40px 20px}
    .pw_confirm {width:90%;margin:0 auto}
    .pw_confirm li input {width:40%}

    /* 회원정보(내정보)변경 */
    .memInfoTab {width:96%;margin:20px auto;}
    .memInfoTab li.on a {font-size:14px;}
}
/* Mobile */
@media all and (max-width:375px) {
    fieldset.join {background:url("/images/blank.gif") repeat 0 0;text-align:left}
    fieldset.join legend {width:94%;color:#333; background:url("/images/bu_bluearrL.png") no-repeat left 33px;font-weight:600;font-size:18px;line-height:20px;letter-spacing:-1px;padding:30px 0 25px 25px;text-align:left}
    fieldset.join legend span {display:block;margin-left:-25px;color:#555;font-weight:normal;padding-top:5px}
    fieldset.join legend span.orange {font-weight:bold;color:#C84E0B}
    fieldset.join .subTit {color:#606262;font-size:15px;font-weight:600;line-height:22px;letter-spacing:-1px;background:url("/images/bu_go.gif") no-repeat left 5px;padding-left:15px}
    fieldset.join caption {width:100%;padding-bottom:5px}
    fieldset.join caption:after {content:""; display:block;clear:both;height:0}
    fieldset.join caption p {float:left;font-size:13px;color:#555;letter-spacing:-1px}
    fieldset.join caption .ess {float:right;color:#777;padding-left:15px;background:url("/images/bu_check_o.gif") no-repeat left center}


    /* header */
    #header_mem {min-width:320px;height:90px}
    #header_mem .header_wrap {width:96%;margin:0 auto}
    #header_mem h1 a {display:block}
    #header_mem h1 a img {width:160px;height:35px}
    #header_mem .header_left {float:none;clear:both;padding:5px 0 0}
    #header_mem .header_right {clear:both;padding:5px 0 0}
    #header_mem .header_right .sitemap {margin-left:10px}

    /* footer */
    #footer_mem {width:100%;background:#545b5d;overflow:hidden}
    #footer_mem .copy_wrap {position:relative;width:98%;height:120px;margin:10px auto 0;color:#a9b8bc;text-align:center}
    #footer_mem .copy_wrap .foot_list {position:relative;left:auto;top:auto;width:100%;margin:0 auto;padding:0;text-align:center;z-index:none}
    #footer_mem .copy_wrap .address {position:relative;width:100%;text-align:center;margin:0;padding:0}
    #footer_mem .copy_wrap .copy_logo {width:100%;text-align:center}
    #container .wrap {width:100% !important;margin:0}

    /* 위로이동 */
    .topBtn{display:none}
    .m_topBtn{display:none}

    /* 회원가입 */
    .memjoin_step_bg {width:100%}
    .step1 {background-size:100% 78px}
    .step2 {background-size:100% 78px}
    .step3 {background-size:100% 78px}
    .memjoin_step_each .icon_step {position:absolute;left:60%;top:45%;padding-top:25px;font-size:12px;text-align:center}
    .memjoin_step_each .icon_step span.txt01 {display:none}
    .memjoin_step_each .icon_step span.txt02 {display:block;color:#333;font-size:12px;margin:0 0 0;letter-spacing:-0.15em}
    .memjoin_step_each .icon_step_on {position:absolute; left:60%; top:50%; padding-top:25px; font-size:12px}
    .memjoin_step_each .icon_step_on span.txt01 {display:none}
    .memjoin_step_each .icon_step_on span.txt02 {clear:both;display:block;color:#fff;font-size:12px;margin:2px 0 0 -45%;}
    .memjoin_step_each .icon_step1_on {background:url("/images/member/icon_step1_on.png") 0 0 no-repeat; text-indent:0; margin:-20px 0 0 -20px}
    .memjoin_step_each .icon_step2_on {background:url("/images/member/icon_step2_on.png") 0 0 no-repeat; text-indent:0; margin:-22px 0 0 -25px;letter-spacing:-0.07em}
    .memjoin_step_each .icon_step3_on {background:url("/images/member/icon_step3_on.png") 0 0 no-repeat; text-indent:0; margin:-18px 0 0 -20px}
    .memjoin_step_each .icon_step1 {background:url("/images/member/icon_step1.png") center 0 no-repeat; text-indent:0; margin:-18px 0 0 -27px}
    .memjoin_step_each .icon_step2 {background:url("/images/member/icon_step2.png") center 0 no-repeat; text-indent:0; margin:-18px 0 0 -50px}
    .memjoin_step_each .icon_step3 {background:url("/images/member/icon_step3.png") center 0 no-repeat; text-indent:0; margin:-18px 0 0 -20px}

    #mem_content #mem_sub_list h3 .br {display:block}

    /* 본문 타이틀/서브타이틀 */
    .mem_txtTit {font-size:18px;margin-top:20px;padding:0 0 5px;}
    .mem_txtSubTit .br {font-size: 1.6rem;line-height: 2.4rem;margin: 0 0 0;font-weight: 600;}
    .mem_txtSubTit span.br {display:block;}
    .mem_txtSubTit span.br2 {display:block;}
    .mem_txtSubTit span.br3 {display:block;}
    .mem_txtSubTit span.br4 {display:block;}
    .mem_txtSubTit span.br1 {display:inline}
    .joinTit {display:none;}
    .joinsTit .br1 {display:block;}
    .joinsTit .br2 {display:block;}

    /* 하단버튼 */
    .join .btn_submit .bbs_btn{padding:0}

    /* 인증 및 회원정보 입력 - 회원가입유형 */
    .joinNav_wrap {width:100%;padding:10px 0 10px}
    .joinNav_wrap li {float:none;clear:both;width:100%;padding:0 0 2%;overflow:hidden}
    .cstBox3 {position:relative;height:120px;border:1px solid #d4dadc;background-color:#fff;margin:0;padding:10px 10px;overflow:hidden}
    .cstBox3 .title {font-size:20px; line-height:22px; letter-spacing:-1px; font-weight:600; width:auto; padding:15px 10px 6px;text-align:right;}
    .cstBox3 .inner {position:absolute;left:10px;top:18px;padding:15px 0 30px;background-position:0 0;width:106px;height:105px}
    .cstBox3 .explain {float:right;color:#666;font-weight:600;letter-spacing:-1px;font-size:14px;line-height:20px;padding:10px 10px 0 0;text-align:right}
    .cstBox3 .explain span {display:block;font-size:14px}
    .cstBox3 .explain .f12 {font-size:12px;line-height:16px;letter-spacing:-0.1em}
    .teacher_box:hover .cstBox3 .inner01 {background-position:0 0 !important}
    .teacher_box_on .cstBox3 .inner01 {background-position:0 0 !important}
    .student_box:hover .cstBox3 .inner02 {background-position:0 0 !important}
    .student_box_on .cstBox3 .inner02 {background-position:0 0 !important}
    .parent_box:hover .cstBox3 .inner03 {background-position:0 0 !important}
    .parent_box_on .cstBox3 .inner03 {background-position:0 0 !important}

    /* 14세 이상/이하 동의 */
    .cctTab {width:100%}
    .cctTab li {float:left;width:49%}
    .cctTab li a {display:block;width:100%}
    .bbs_write_mem select.w70 {width:50px}
    .cctInner ul li .w70 {width:40px}

    /* box */
    .cctBoxWrap {width:100%}
    .cctBoxWrap a:hover {text-decoration: none}
    .cctBox {height:auto;border:1px solid #d4dadc;background-color:#fff;margin:0 0 10px;padding:20px;overflow:hidden}
    .cctBox .img_cct {float:none;clear:both;padding:0;text-align:center}
    .cctBox dl {float:none;width:100%;margin:8px 0 0}
    .cctBox dl dt {font-size:18px;font-weight:600;color:#333;text-align:center}
    .cctBox dl dd {font-size:12px;color:#333;line-height:20px;margin:15px 0 0;overflow:hidden}
    .cctBox dl dd a {display:block;margin-top:10px;text-align:center}
    .cctInner .br {display:block;}

    /* 14세 이상 */
    .joinCheck {width:100%}
    .joinCheck li {float:none;clear:both;width:100%;margin:0}
    .joinCheck li.end {width:100%;margin:0}

    /* 14세 이하 */
    .joinOffline {width:100%}
    .joinOffline li {float:none;clear:both;width:100%;margin:0}
    .joinOffline li.end {width:100%;margin:0}

    /* 오프라인 동의 가입 절차 */
    .offline_img {display:none}
    .offlineAgrStep {display:block}
    .offlineAgrStep li {float:none;clear:both;width:100%;text-align:center}
    .offlineAgrStep li.end {width:100%}
    .offlineAgrStep li.step_arrow {width:100%;text-align:center}
    .offlineAgrStep li .arrowR {display:none;float:left;width:10px;margin:50px 3px 0;background:url(/images/member/offlineAgr_arrow_right.gif) 50% 50% no-repeat;background-size:80%;}
    .offlineAgrStep li .arrowB {display:block;float:none;width:15px;margin:5px auto;background:url(/images/member/offlineAgr_arrow_bottom.gif) 50% 50% no-repeat;background-size:80%}
    .offlineAgrStep li .boxH {display:block;border-radius:5px;padding:10px;text-align:center;height:auto;min-height:50px}
    .offlineAgrStep li .boxH span.br {display:inline-block}
    .offlineAgrStep li .box_img {display:block;padding:0 0 7px;width:42px;height:30px;margin:0 auto;text-align:center}
    .offlineAgrStep li .box_title {display:inline-block;font-size:14px;font-weight:600;padding-bottom:3px;margin:0 5px 3px 0;border-bottom:0}

    /* table */
    .bbs_write_mem .w160 {width:35%}
    .bbs_write_mem .groupEmail .w130 {width:30%}
    .bbs_write_mem .groupEmail .w160 {width:30%}
    .bbs_write_mem .exp2 {font-size:11px}

    /* 레이어 팝업 */
    .layerPopWrap {position:absolute;width:96%;height:80%;top:0;left:2%;margin:0 auto}
    .layerPopWrap .viewArea {position:relative;width:96%;height:100%;margin:0 auto;overflow-y:auto;box-shadow:0 0 30px rgba(0,0,0,0.8)}
    .layerPopWrap .viewCon .search strong {display:block;width:100%;margin-bottom:5px}
    .layerPopWrap .viewCon .search input {width:60%}
    .layerPopWrap .resultView p .txt { display:inline;}


    .findTabConBottom {padding:50px 20px 30px}

    /* 아이디찾기 */
    /* tab */
    .findTabTop li {padding:0 20px}
    .findTabTop li a {font-size:13px}

    /* 등록된 회원정보로 찾기 */
    .cstInnerWrap {width:100%;margin:0 auto}
    .cstInnerWrap .join_img {float:none;clear:both;width:100%;text-align:center}
    .cstInnerWrap .join_txt {float:none;clear:both;width:100%}

    /* 본인인증으로 찾기 */
    .join_confirm {width:100%}
    .join_confirm li {float:none;width:100%}
    .join_confirm li.end {width:100%;margin:0}

    /* 본인인증 box */
    .corfirmBox {clear:both;height:auto;margin:0}
    .corfirmBox .img_cct {float:none;clear:both;width:100%;padding:0;text-align:center}
    .corfirmBox dl {float:none;clear:both;width:100%}
    .corfirmBox dl dt {font-size:20px;text-align:center}
    .corfirmBox dl dd {font-size:12px}
    .corfirmBox dl dd a {text-align:center}

    /* 본인인증으로찾기 - 온라인상담, 전화상담 */
    .corfirmCenter ul li {display:block;float:none;padding:10px;background:none;border-bottom:1px solid #cfd4d8;text-align:center}
    .corfirmCenter ul li:first-child {background:none}
    .corfirmCenter ul li:last-child {background:none;border-bottom:none}
    .corfirmCenter ul li.first {display:none}
    .corfirmCenter ul li .detail {display:block;padding:0}
    .corfirmCenter ul li .detail span {display:inline-block}

    /* 아이디/비밀번호 찾기, 비밀번호 변경 */
    .memBoxWrap {padding:30px 20px}
    .InnerWrap {width:100%}
    .InnerWrap .join_img {float:none;width:100%;text-align:center}
    .InnerWrap .join_txt {float:none;width:100%}
    .InnerWrap.w100 {width:100%;margin:0}
    .InnerWrap.w100 .join_img {float:none;clear:both;width:100%;text-align:center}
    .InnerWrap.w100 .join_txt {float:none;clear:both;width:100%;text-align:left}
    .id_search li input {width:50%}
    .pw_search {width:100% !important;}
    .expTxt {line-height:1.4em !important;}
    .expTxt .br {display:block;}
    .pw_search {width:80%;margin:0 auto;}
    .pw_search li .att {width:60px}
    .pw_search li .att label {font-size:13px}
    .pw_search li .att2 {float:none;display:block;width:120px}
    .pw_search li .w190 {width:50% !important}
    .pw_search li .w100 {width:120px !important;}

    /* 회원정보 - 회원탈퇴 */
    .memOutTxt {padding:30px 20px;background-color:#fff;border:1px solid #dedede;overflow:hidden}
    .memOutTxt .innerMemOut {width:100%;margin:0;text-align:left}
    .memOutTxt .innerMemOut dl dd.memOut_img {clear:both;width:100%;height:90px;padding:10px 0;text-align:center}
    .memOutTxt .innerMemOut .txtTit {clear:both;padding:1%}

    .memOutWrap .innerMemOut {width:100%;margin:0 auto}
    .memOutWrap .innerMemOut .memOutImg {float:none;width:100%;text-align:center}
    .memOutWrap .innerMemOut ul {float:none;width:70%;margin:10px auto 0}
    .memOutWrap .innerMemOut ul li .att {width:60px;font-weight:600;color:#454545}
    .memOutWrap .innerMemOut ul li input {width:50%;height:18px;border:1px solid #dedede;padding:3px 10px}

    .memOutReason {padding:40px 20px}
    .pw_confirm {width:90%;margin:0 auto}
    .pw_confirm li input {width:40%}

    /* 회원정보(내정보)변경 */
    .memInfoTab {width:96%;margin:20px auto;}
    .memInfoTab li.on a {font-size:14px;}
}
table.table2 {border-left:1px solid #e1e1e1;border-top:1px solid #e1e1e1;}
table.table2 th, table.table2 td {border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}




@media all and (min-width:520px) and (max-width:767px) {
    .box_agree .agrScroll{height: 200px !important;}
}

@media (max-width: 768px) {
    .bbs_write_mem input{height: 25px;}
    #mem_content table{table-layout:auto;}
    .box_agree .agrInput{padding-left: 28px; padding-top: 4px;}
    .box_agree .agrInput input{width: 20px; height: 20px;}
    .join .btn_submit .allagrInput input{width: 20px; height: 20px; vertical-align: middle;}
}
@media (max-width: 419px) {
    .box_agree .agrScroll{height: 130px !important;}
    #mem_content #mem_sub_list h3{font-size: 28px;}
    .mem_txtTit{font-size: 16px !important;}
    .mem_txtSubTit span.br1{display: block; margin: 15px 0; font-size: 14px;}
    .memjoin_step_each .icon_step_on span.txt02{text-align: center;}
    .lastBoxWrap .lastBox .lastBoxTop{padding-top: 0 !improtant;}
    .InnerWrap .join_img img{width: 140px;}
    .layerPopWrap .viewArea .mid{min-height: 0;}
    .layerPopWrap .search legend{text-align: left;}
    .pw_search li input{width: 94% !important;}
}
@media (max-width: 375px) {
    .box_agree .agrScroll{height: 80px !important;}
    #mem_content #mem_sub_list h3{font-size: 28px;}
    .mem_txtTit{font-size: 16px !important;}
    .mem_txtSubTit span.br1{display: block; margin: 15px 0; font-size: 14px;}
    .memjoin_step_each .icon_step_on span.txt02{text-align: center;}
    .lastBoxWrap .lastBox .lastBoxTop{padding-top: 0 !improtant;}
    .InnerWrap .join_img img{width: 140px;}
    .layerPopWrap .viewArea .mid{min-height: 0;}
    .layerPopWrap .search legend{text-align: left;}
    .pw_search li input{width: 94% !important;}
}





@media (max-width: 431px){
    #memberForm colgroup col{width: 35% !important;}
    #memberForm colgroup col+col{width: 65% !important;}
    #memberForm #password.w160,
    #memberForm #name.w150,
    #memberForm #repwd.w160{width: 100%;}
    #memberForm #userId.w160,
    #memberForm #sch_nm.w160{width: calc(100% - 80px);}
    #memberForm #subEmail1,
    #memberForm #subEmail2{margin-top: 5px; margin-bottom: 5px;}
    #memberForm #email2{width: 100%;}
}