@charset "UTF-8";
/* --------------------------------------------------
* Version	: 1.0
* Date		: 2014-12-01
* Author	: SangKi Park / seon81.park@gmail.com
  -------------------------------------------------- */

/*---------------------------------------------------*\
	Common
\*---------------------------------------------------*/
caption {width:0;height:0;font-size:0;text-indent:-9999px}
.borderBox {margin-top:36px;border:1px solid #d7d7d7;background-color:#f5f6f7}
.borderBox .view_title {visibility:visible;display:block;position:relative;top:0;left:0;height:32px !important;line-height:32px !important;font-size:20px !important;font-weight:bold;color:#000 !important}
.mbrInsert .title_h1 + .borderBox {margin-top:36px;}
.tbl-row {display:table;width:100%;table-layout:fixed}
.tbl-cell {display:table-cell}
button::-moz-focus-inner,
input::-moz-focus-inner{border:0;padding:0}
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"] {-webkit-appearance:button;border-radius:0}
textarea {-webkit-appearance:none}
/* Font */
.bold {font-weight:bold}
/* Form */
.c-btnWrap {text-align:center}
.c-chkbox {overflow:hidden;position:relative;/*padding:14px 20px;height:28px*/}
.c-chkbox .c-chk {position:absolute;right:29px;top:50%;margin-top:-16px;width:30px;height:32px;z-index:9}
.c-chkbox label {display:block;background:url(../../images/common/form/chk01_off.png) no-repeat center right;cursor:pointer;z-index:11}
.c-chkbox label.chk {background:url(../../images/common/form/chk01_on.png) no-repeat center right}
.c-ta {overflow:hidden;border:1px solid #d7d7d7}
.c-ta textarea {margin:0;padding:12px;width:100%;min-height:130px;border:0;box-sizing:border-box;resize:vertical;line-height:1.4}
.c-rabox {position:relative}
.c-rabox .c-ra {position:absolute;/*left:-9999px;*/width:20px;height:22px;border:0;margin-top:7px;margin-left:5px;/* opacity:0;ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';filter:alpha(opacity=0); */}
.c-rabox .c-ra + label {display:inline-block;position:relative;padding-left:30px;line-height:36px;background:url(../../images/common/form/chk01_small_off.png) no-repeat left center;cursor:pointer}
.c-rabox label.chk {background:url(../../images/common/form/chk01_small_on.png) no-repeat left center}
.c-input-box {position:relative;border:1px solid #d7d7d7;padding:12px;background-color:#fff}
.c-input-box input {position:relative;padding:0;width:100%;height:22px;line-height:22px;font-size:12px}
.c-input-box label {position:absolute;left:-9999px;width:0;height:0;border:0}
.c-select-box {position:relative;border:1px solid #d7d7d7;padding:12px;background-color:#fff;}
.c-select-box select {margin:0;padding:0;width:100%;border:0 none;height:22px;line-height:1;font-size:12px;background-color:#fff;}
/* Button */
.c-box {margin:0 auto;margin-top:42px;text-align:center}
.c-btn {display:inline-block;margin:0 4px;padding:1px;font-size:12px;font-weight:bold;color:#fff}
.c-btn span {display:block;border:1px solid #000;width:120px;height:44px;line-height:44px;text-align:center}
.c-btn-a {background-color:#ef7d21}
.c-btn-a span {border-color:#f39a53}
.c-btn-b {background-color:#335397}
.c-btn-b span {border-color:#6079ae}
.c-btn-c {background-color:#9da1a2}
.c-btn-c span {border-color:#b3b6b6}
/* Table */
.ui-tbl-form td {position:relative;padding-bottom:8px}
.ui-tbl-form .msg {line-height:28px;font-size:14px;color:#666}
.ui-tbl-form .msg.err {color:#ff3b27}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.c-input-box input {line-height:1}
}

@media screen and (max-width: 768px) {
	.c-btn span {width:234px;height:54px;line-height:54px}
	.c-chkbox .c-chk {opacity:0}
	.bbs-viewWrap .글상자 img {width: 100%!important;height: auto!important;}
}

@media screen and (min-width: 980px) {
	.ui-tbl-form .left {padding-right:4px}
	.ui-tbl-form .right {padding-left:4px}
}


/*---------------------------------------------------*\
	Layout
\*---------------------------------------------------*/
.inner {padding:0 12px;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mbrInsert .title_h1 {padding-left:12px;}
.mbrInsert .title_h1 + .borderBox {margin-top:18px;}

@media screen and (min-width: 980px) {
	.inner {margin:0 auto;padding:0;width:980px}
	.mbrInsert .title_h1 {padding-left:0;}
}


/*---------------------------------------------------*\
	Contents
\*---------------------------------------------------*/
.ct_title {position:relative;display:block;height:48px;line-height:48px;font-size:24px;font-weight:bold;color:#424242}

@media screen and (min-width: 768px) {
	.ct_title {height:68px;line-height:68px;font-size:28px}
}


/*---------------------------------------------------*\
	회원가입
\*---------------------------------------------------*/
.signup .greeting1 {margin-top:34px;line-height:38px;font-size:20px;font-weight:bold;color:#424242;text-align:center}
.signup .greeting2 {line-height:32px;font-size:18px;color:#335397;text-align:center}
.signup_choice {margin-top:29px;text-align:center}
.signup_choice a {display:block;position:relative;width:100%;height:120px;box-sizing:border-box;font-size:24px;font-weight:bold;color:#fff;text-align:left}
.signup_choice .public {margin-bottom:12px;padding:6px 6px 6px 110px;line-height:58px;background-color:#335397}
.signup_choice .teacher {padding:10px 6px 6px 110px;line-height:58px;background-color:#ef7e22}
.signup_choice .more {margin-bottom:12px;padding:20px 6px 20px 110px;line-height:80px;background-color:#335397;letter-spacing:-3px}
.signup_choice .less {padding:10px 6px 10px 110px;line-height:58px;background-color:#ef7e22;letter-spacing:-3px}
.signup_choice a:before {content:'';display:block;position:absolute;top:50%;left:20px;margin-top:-31px;width:73px;height:62px;background:url('../../images/signup/sp_ic_signup_mobile.png') no-repeat}
.signup_choice .teacher:before {background-position:-85px 0}
.signup_choice .more:before {background-position:-85px -71px}
.signup_choice .less:before {background-position:0 -71px}
.signup_choice a span {display:block;line-height:20px;font-size:14px;font-weight:normal}
.signup_choice .public span {color:#a4bef7}
.signup_choice .teacher span,
.signup_choice .less span {color:#ffd8b9;letter-spacing:-1px}
.email {position:absolute;top:0;left:0;line-height:36px;font-size:12px}
.signup_point {margin-top:16px}
.signup_point .p_ic {position:relative;display:block;padding:6px 6px 6px 28px;width:120px;border:1px solid #249fbb;border-radius:4px;font-size:14px;font-weight:bold;color:#0083a3;background:#d5f5fd url(../../images/front/icon/icon_tip03.gif) no-repeat 6px 50%;text-align:left;cursor:pointer}
.signup_point .p_cnt {display:none;margin-top:10px;padding:12px;border:1px solid #ddd;width:270px;background-color:#fff}
.signup_point .p_cnt .tit {font-size:18px}
.signup_point .p_cnt .txt {margin-top:12px;font-size:16px}

@media screen and (min-width: 360px) {
	.signup .greeting1 {font-size:24px}
	.signup .greeting2 {font-size:22px}
	.signup_choice .public {padding:6px 6px 6px 120px}
	.signup_choice .teacher {padding:6px 6px 6px 120px}
	.signup_point .p_cnt {width:310px}
}

@media screen and (min-width: 768px) {
	.signup .greeting1 {margin-top:50px;line-height:56px;font-size:36px}
	.signup .greeting2 {line-height:48px;font-size:32px}
	.signup_choice {margin-top:58px}
	.signup_choice a {margin:0 auto;width:387px;height:145px;font-size:30px}
	.signup_choice .public {padding:8px 8px 20px 171px;line-height:69px}
	.signup_choice .teacher {padding:18px 8px 20px 171px;line-height:59px}
	.signup_choice .more {padding:28px 8px 29px 130px;line-height:88px}
	.signup_choice .less {padding:28px 8px 20px 120px;line-height:44px}
	.signup_choice a:before {left:35px;margin-top:-44px;width:104px;height:88px;background:url('../../images/signup/sp_ic_signup.png') no-repeat}
	.signup_choice .teacher:before {background-position:-120px 0}
	.signup_choice .more:before {left:16px;background-position:-120px -100px}
	.signup_choice .less:before {left:8px;background-position:0 -100px}
	.signup_choice a span {line-height:24px;font-size:16px;letter-spacing:-1px}
	.signup_choice .teacher span {padding-top:8px}
	.signup_choice .less span {line-height:22px;padding-left:2px;letter-spacing:-1px}
	.email {line-height:48px;font-size:14px}
	.signup_point {padding-left:179px}
	.signup_point .p_cnt {width:361px}
}

@media screen and (min-width: 800px) {
	.signup_point {padding-left:195px}
}

@media screen and (min-width: 980px) {
	.signup_choice a {display:inline-block;vertical-align:top}
	.signup_choice .public,
	.signup_choice .more {margin-right:10px}
	.signup_choice .teacher,
	.signup_choice .less {margin-left:10px}
	.signup_point {padding-left:90px}
	.signup_point .p_cnt {width:772px}
}


/*---------------------------------------------------*\
	회원가입 > 약관동의
\*---------------------------------------------------*/
.termsAgree .agreeAll {padding:12px;border-bottom:1px solid #d7d7d7}
.termsAgree .agreeAll label {position:relative;padding-right:40px;line-height:20px;font-size:15px;font-weight:bold;color:#262626}
.termsAgree .agreeOne {padding:12px 0;line-height:32px;font-size:15px;font-weight:bold;color:#262626}
.termsAgree .agreeOne label {position:relative;padding-right:40px;line-height:32px;font-size:15px;font-weight:bold;color:#262626}
.termsAgree .agreeOne label.chk {background-position:center right}
.termsAgree .agreeOne .c-chk {right:5px}
.termsAgree .joinTerms {padding:0 12px 12px 12px;border-bottom:1px solid #d7d7d7}
.termsAgree .joinTerms:last-child {border-bottom:0}
.termsAgree .agreeSub {position:relative;padding-left:12px;line-height:30px;font-size:15px}
.termsAgree .agreeSub p {margin:0;line-height:36px}
.termsAgree .agreeSub:before {content:'';display:block;position:absolute;top:50%;left:0;margin-top:-2px;border:2px solid #676767}
.termsAgree .agreeSub .c-rabox {position:absolute;top:0;left:80px}

@media screen and (min-width: 768px) {
	.termsAgree .agreeAll {padding:18px 24px}
	.termsAgree .agreeOne {padding:18px 0}
	.termsAgree .joinTerms {padding:0 24px 24px 24px}
	.termsAgree .agreeAll label {line-height:32px}
	.termsAgree .agreeAll label,
	.termsAgree .agreeOne,
	.termsAgree .agreeOne label {font-size:18px}
}


/*---------------------------------------------------*\
	회원가입 > 정보입력
\*---------------------------------------------------*/
.mbrInsert input {-webkit-appearance:none;border-radius:0;border:0;background:0}
.mbrInsert .borderBox {padding:12px 12px 13px 12px}
.mbrInsert table {width:100%}
.mbrInsert table td {display:block}
.mbrInsert table th {display:none}
.mbrInsert h3 {line-height:48px;font-size:18px;font-weight:bold;color:#262626}
.mbrInsert p {line-height:20px;font-size:16px;color:#666}
.mbrInsert .join_group_menu {overflow:hidden;margin-top:12px;border:0;width:100%;height:auto;}
.mbrInsert .join_group_menu {overflow:hidden}
.mbrInsert .join_group_menu li {float:left;margin-bottom:4px;padding:0 4px 0 0;width:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mbrInsert .join_group_menu li a {display:block;border:1px solid #d7d7d7;width:100%;height:48px;line-height:48px;font-size:15px;font-weight:bold;color:#666;background-color:#fff;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mbrInsert .join_group_menu li.li02,
.mbrInsert .join_group_menu li.li04,
.mbrInsert .join_group_menu li.li06,
.mbrInsert .join_group_menu li.li08,
.mbrInsert .join_group_menu li.li010,
.mbrInsert .join_group_menu li.li012,
.mbrInsert .join_group_menu li.li014 {padding:0 0 0 4px}
.mbrInsert .join_group_menu li.on a {border-color:#ef7e22;color:#ef7e22}
.mbrInsert .sex_group {overflow:hidden}
.mbrInsert .sex_group li {float:left;padding:0 4px 0 0;width:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mbrInsert .sex_group .li02 {padding:0 0 0 4px}
.mbrInsert .sex_group li a {display:block;border:1px solid #d7d7d7;width:100%;height:48px;line-height:48px;font-size:15px;font-weight:bold;color:#666;background-color:#fff;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mbrInsert .sex_group li.on a {border-color:#ef7e22;color:#ef7e22}
.mbrInsert .birthday {overflow:hidden}
.mbrInsert .birthday .c-select-box {float:left}
.mbrInsert .birthday div {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mbrInsert .birthday .year {width:42%;margin-right:1%}
.mbrInsert .birthday .month {width:28%;margin-right:1%}
.mbrInsert .birthday .day {width:28%}
.mbrInsert .birth_group {overflow:hidden}
.mbrInsert .birth_group li {float:left;padding:0 4px 0 0;width:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mbrInsert .birth_group .li02 {padding:0 0 0 4px}
.mbrInsert .birth_group li a {display:block;border:1px solid #d7d7d7;width:100%;height:48px;line-height:48px;font-size:15px;font-weight:bold;color:#666;background-color:#fff;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mbrInsert .birth_group li.on a {border-color:#ef7e22;color:#ef7e22}
.eDomain {display:none}
.mbrInsert .email_colct_group li {float:left;padding:0 4px 0 0;width:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mbrInsert .email_colct_group .li02 {padding:0 0 0 4px}
.mbrInsert .email_colct_group li a {display:block;border:1px solid #d7d7d7;width:100%;height:48px;line-height:48px;font-size:15px;font-weight:bold;color:#666;background-color:#fff;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mbrInsert .email_colct_group li.on a {border-color:#ef7e22;color:#ef7e22}
.mbrInsert .grade,
.mbrInsert .mban {float:left;width:25%;margin-right:4px}
.mbrInsert .txt_mban {float:left;display:inline-block;margin-right:12px;line-height:48px;font-size:12px;color:#262626}
.mbrInsert .btn_schSchool {position:absolute;top:0;right:4px;margin:0}
.mbrInsert .btn_chkId {position:absolute;top:0;right:4px;margin:0}
.mbrInsert .btn_schSchool span,
.mbrInsert .btn_chkId span {width:113px;height:44px;line-height:44px;font-size:15px;font-weight:normal}

@media screen and (min-width: 768px) {
	.mbrInsert .grade,
	.mbrInsert .mban {width:30%}
}

@media screen and (min-width: 768px) {
	.mbrInsert .borderBox {padding:24px 24px 26px 24px}
	.mbrInsert .grade {float:left;width:160px;margin-right:4px}
	.mbrInsert .mban {float:left;width:100px;margin-right:4px}
}

@media screen and (min-width: 980px) {
	.mbrInsert table td {display:table-cell;width:50%}
	.mbrInsert .borderBox {padding:20px 20px 26px 20px}
	.mbrInsert .join_group_menu li {padding:0 4px 0 0;width:25%}
	.mbrInsert .join_group_menu li.li02,
	.mbrInsert .join_group_menu li.li04,
	.mbrInsert .join_group_menu li.li06,
	.mbrInsert .join_group_menu li.li08,
	.mbrInsert .join_group_menu li.li010,
	.mbrInsert .join_group_menu li.li012,
	.mbrInsert .join_group_menu li.li014 {padding:0 4px 0 0}
}