@charset "euc-kr"; /* gawemaster mobile css */

/*°øÅë*/
.sub_tab ul:after,.board_list li a:after,.board_view .view_state:after {height:0;clear:both;display:block;visibility:hidden;content:""}

/*¸ð¹ÙÀÏ ÅǸ޴º*/
#content .sub_tab  {-moz-box-shadow:1px 1px 1px 0 rgba(0, 0, 0, 0.3);-webkit-box-shadow:1px 1px 1px 0 rgba(0, 0, 0, 0.3);box-shadow:1px 1px 1px 0 rgba(0, 0, 0, 0.3)}
#content .sub_tab ul {background-color:#fff}
#content .sub_tab li {float:left;width:29.3%;text-align:center;letter-spacing:-2px;padding:3% 2%;font-size:0.9em}
#content .sub_tab li span {display:block}
#content .sub_tab li.over a {color:#ff7552}
#content .sub_tab img {max-width:30px}

/*ŸÀÌƲ*/
#content h2 {font-size:1.1em;padding:5%;color:#555}
#content h2.title {background-color:#009bd7;border-top:none;border-bottom:1px solid #e0e0e0;color:#fff;text-align:center}

/* ȸ¿ø°¡ÀÔiscroll */
#scroller,#scroller2,#scroller3 {width:95%;border-radius:3px;border:1px solid;border-color:#c6c6c6 #e6e6e6 #e6e6e6 #c6c6c6;font-size:0.75em;height:80px;padding:2%;position:relative;background-color:#fff}
.scrollwrapper {padding:2%;background-color:#f6f6f6}
.scrollwrapper .list {display:none}
.scrollwrapper {background-color:#fff}
.scrollwrapper dt {color:#444}
.scrollwrapper dd {color:#949494;padding-bottom:2%}
.scrollwrapper ul {padding:0 2%!important}

/* ȸ¿ø¾à°üµ¿ÀÇ */
#content p.agree {padding:3%;border-bottom:1px solid #e0e0e0;color:#444}
#content p.agree input {margin-left:2%}
#content p.agree label {font-weight:bold}
#content h3 {position:relative;padding:3%}
#content h3 p.agree {position:absolute;top:0;right:2%;vertical-align:middle;padding:3%;border-bottom:none}
#content h3 p.agree label {display:none}
#content .join_stn form {padding-bottom:5%}

/* ¹öÆ° */
.btn_area a {width:30%;display:inline-block;text-align:center;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;font-size:0.9em;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;color:#fff;background-color:#ff7552}
.btn_area a.write {background-color:#7b8594}
.btn_darkblue {background-color:#4e5b68;border:1px solid #3e4b57;color:#fff;letter-spacing:-1px}

/* Á¤º¸ ÀÔ·Â*/
.join_stn span.mark {display:inline-block;width:10px;height:10px}
.join_stn .wrap_box {padding:3%}
.join_stn .jn_wrap {font-size:0.9em;border:1px solid #e0e0e0;padding:3%;overflow:hidden}
.join_stn .jn_wrap p {padding:2% 0}
.join_stn .jn_wrap h3 {padding:0 0 3% 0!important;color:#222}
.join_stn .jn_wrap mark {background-color:#fff;color:#444;font-weight:bold}
.join_stn .jn_wrap ol li strong {color:#e64b40}
.join_stn .jn_wrap label {display:block;color:#555}
.join_stn .jn_wrap input {width:94%;border:1px solid #e0e0e0;height:30px;line-height:30px;padding:0 2%;border-radius:0}
.join_stn .jn_wrap button {font-size:0.9em;height:32px;display:inline-block}
.join_stn .jn_wrap select {border:1px solid #e0e0e0;height:32px;line-height:32px;padding:0 2%;border-radius:0;width:32.5%} 
.join_stn .jn_wrap dl dt {padding-top:3%;color:#444}
.join_stn .jn_wrap dl dd {padding-bottom:3%;width:100%}
.join_stn .jn_wrap input.pass {margin-bottom:2%}
.join_stn .jn_wrap .id{width:100%}
.join_stn .jn_wrap .id input,
.join_stn .jn_wrap .teacher_school .search_sc input  {width:67%}
.join_stn .jn_wrap .tel input {width:28%}
.join_stn .jn_wrap .tel button {width:31%}
.join_stn .jn_wrap .email input {width:55%}
.join_stn .jn_wrap .email label {display:inline;padding:0 1%;color:#666;font-size:0.9em}
.join_stn .jn_wrap .email input.mail {width:88%;margin:0 1% 2% 0}
.join_stn .jn_wrap .point {color:#7b8594!important;font-weight:normal!important;font-size:0.85em;line-height:1.25em !important}
.join_stn .jn_wrap .point strong {color:#4e5b68;font-weight:normal}
.join_stn .jn_wrap .zip {display:block;padding-bottom:2%}
.join_stn .jn_wrap .zip input {width:29%}
.join_stn .jn_wrap .pay select,
.join_stn .jn_wrap .catewrap_default select {width:49%}
.join_stn .jn_wrap .catewrap_default {width:100%;margin-bottom:1%}
.join_stn .jn_wrap .catewrap {padding:1% 0;margin:0}
.join_stn .jn_wrap .catewrap select {width:43%}
.join_stn .jn_wrap .catewrap button.add {background:#fff;width:11%;border:1px solid #e0e0e0;height:32px;line-height:32px;margin:0}
.join_stn .jn_wrap .catewrap button.add img {max-width:7px}
.join_stn .jn_wrap .etc_su {margin-top:2%}
.join_stn .jn_wrap .contact_time label {width:20%;display:inline-block;text-align:center;border:1px solid #e0e0e0;height:30px;line-height:30px}
.join_stn .jn_wrap .contact_time select {width:38%}
.join_stn .jn_wrap .talk textarea {width:97%;border-radius:0}
.join_stn .jn_wrap .btn_darkblue {width:27%}
.join_stn .jn_wrap button.add {background:#4e5b68;color:#fff;border:1px solid #3e4b57;border-radius:0;width:99%;height:34px;line-height:34px;font-size:1em;margin:2% 0 0 0}
.join_stn .jn_wrap .agree input {width:16px;height:16px}
.join_stn .jn_wrap .agree label {display:inline}
.join_stn .jn_wrap .confirm input {width:65%}

/* ¶óµð¿À¹öÆ° */
.radio_btn  {display:inline-block;position:relative;z-index:10;width:48%;height:30px;border:2px solid #d1d0d0}
.radio_btn input {position:absolute;top:0;left:0;z-index:9;width:48%;height:30px}
.radio_btn label {display:block;position:absolute;top:0;left:0;z-index:10;width:100%;height:30px;line-height:30px;background:#fff;text-align:center;color:#999}
.radio_btn input:checked + label {margin:-2px;z-index:100;color:#fff;background-color:#4e5b68;width:100%;padding:2px}

/* ·Î±×ÀÎ */
.login h2 {color:#1a1a1a;font-size:1em;text-align:center;background-color:#fff;margin-bottom:5%}
.login .login_box {border:1px solid;border-color:#c6c6c6 #e6e6e6 #e6e6e6 #c6c6c6;margin:0 3% 1% 3%;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;background-color:#fff;-moz-box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.8);-webkit-box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.8);box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.8)}
.login .login_box dl {*zoom:1}
.login .login_box dl dt {width:9%;border-right:1px solid #f2f2f2;text-align:center}
.login .login_box dl dd {width:90%}
.login .login_box dl dt img {width:100%;max-width:15px;vertical-align:middle}
.login .login_box dl dt,
.login .login_box dl dd {float:left;border-bottom:1px solid #f2f2f2;height:25px;padding:6px 0}
.login .login_box .loginipu {border:1px solid #fff;margin-left:2%;width:80%}
.login .login_box ul {background-color:#f7f7f7;border-radius:0 0 10px 10px;*zoom:1}
.login .login_box ul.input_chb li {float:left;width:100%;text-align:center;font-size:0.9em;border-radius:0 0 10px 10px;padding:2% 0;position:relative}

.login .login_spot {text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6);background-color:#fff;padding:5% 3%;letter-spacing:-1px;border-top:1px solid #dcdcdc;text-align:center}
.login .login_spot h5.login_no {font-size:0.9em}
.login .login_spot span.login_no {color:#999;line-height:1.2em;font-size:0.8em;background:url(/join_site/muffin/mobile/img/ico_mark.png) no-repeat;background-size:contain;padding-left:5%}

.login .btn_area {background-color:#f7f8f9}
.login .btn_area a {background:#7b8594;-moz-box-shadow:0 1px 1px 0 rgba(255, 255, 255, 0.8);-webkit-box-shadow:0 1px 1px 0 rgba(255, 255, 255, 0.8);box-shadow:0 1px 1px 0 rgba(255, 255, 255, 0.8);width:95%;color:#fff;border:1px solid #586373}
.login .checkmenu {position:absolute;left:50%;margin-left:-42px;z-index:100;margin-top:2px}
.login .login_check {visibility:hidden;height:0;line-heihgt:0}

/* ºäÆ÷Æ® ³Êºñ°¡ 768px ÀÌ»ó ½ÇÇà*/
@media all and (min-width:768px) {
/*¸ð¹ÙÀÏ ÅǸ޴º*/
#content .sub_tab li {font-size:1.2em}
/*°Ë»ö*/
.breakdown_search select, .breakdown_search input, .breakdown_search a,.btn_area a  {font-size:1.2em}
.breakdown_search select, .breakdown_search input {width:33%}
/* faq °Ô½ÃÆÇ ¸®½ºÆ® */
.faq_list {font-size:1.2em;line-height:1.5em}
.faq_list .more {background:#f7f7f7 url(/join_site/muffin/mobile/img/ico_a.png) no-repeat 15px 20px;background-size:2.5%;padding:2% 2% 2% 7%}
.faq_list .Q img {max-width:21px}
/*qna ±Û¾²±â*/
.qna_write .login_no {font-size:1em;background-size:2%}
/* Á¤º¸ ÀÔ·Â*/
.join_stn {font-size:1.2em}
.join_stn .jn_wrap input {height:38px;line-height:38px}
.join_stn .jn_wrap button {height:40px}
.join_stn .jn_wrap select {height:40px;line-height:40px}
/* ¶óµð¿À¹öÆ° */
.radio_btn {height:38px}
.radio_btn label {height:38px;line-height:38px}
}