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

/*°øÅë*/
.sub_tab ul:after,#content .muffin_ranking:after,.login .login_box dl:after,.login .login_box .input_chb:after {height:0;clear:both;display:block;visibility:hidden;content:""}

/*³ªÀǸÓÇÉÁ¤º¸*/
#content .myinfo_contain {background-color:#009bd7;text-align:center;padding-bottom:10%}
#content .grade_info {width:30%;margin:0 auto;position:relative}
#content .grade_info img {width:100%;margin:25% 0 15%}
#content .grade_info span {width:35%;position:absolute;left:-10%;bottom:7%}
#content .muffin_month dt {color:#b3e1f3;font-size:1em}
#content .muffin_month dd {color:#f9fd19;font-size:2.3em;padding-top:2%;font-family:roboto,Open Sans;letter-spacing:-1px}
#content .welcome {border:1px solid #fff;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;color:#fff;display:inline-block;padding:1% 3%;margin-top:6%}

#content .muffin_ranking {background-color:#00739f;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;width:85%;margin:0 auto;border:1px solid;border-color:#00597b #00688f #00688f #00597b;font-size:0.9em;margin-top:7%}
#content .muffin_ranking dt,#content .muffin_ranking dd {display:block;float:left;width:18%;padding:3%}
#content .muffin_ranking dt {color:#99c7d9;border-left:1px solid #0d7aa4}
#content .muffin_ranking dd {color:#fff;border-right:1px solid #00597b}
#content .muffin_ranking dd:last-child {border-right:0}
#content .muffin_ranking dt:first-child {border-left:0}

/*ÅǸ޴º*/
#content .sub_tab  {font-size:0.9em;position:absolute;width:100%;border-bottom:1px solid #ccc}
#content .sub_tab ul {background-color:#fff;border-top:1px solid #ddd}
#content .sub_tab li {float:left;width:29.3%;text-align:center;letter-spacing:-2px;padding:2%}
#content .sub_tab li.over {border-bottom:2px solid #ff7552}
#content .sub_tab li.over a {color:#ff7552}

/*ÂÊÁöÇÔ*/
.message {padding:12% 0 4%}
.message dl dt, .message dl dd {display:inline-block;font-size:0.9em;color:#999}
.message dl dd {background:url(/join_site/muffin/mobile/img/line2.png) no-repeat right;padding-right:2%}
.message dl dd:last-child{background:none}
.message dt.send_name {display:none}
.message dd.send_name {color:#44546d}
.message dd.inbox_day, .message dd.read_day {font-family:roboto,Open Sans}
.message strong {color:#333;font-size:1.2em;padding-bottom:1%;display:block}
.message li {border-bottom:1px solid #ebebeb;padding:2% 15% 2% 4%;font-size:0.8em;letter-spacing:-1px;position:relative}
.message li.open {background-color:#f7f7f7}
.message .ico_open, .message .ico_down  {position:absolute;right:4%;bottom:7%;width:8%;display:block}
.message .ico_open img, .message .ico_down img {width:100%;max-width:40px}
.message .edit_btn {margin-top:4%;display:block}
.message .edit_btn a {width:5%;display:inline-block;margin-right:2%}
.message .edit_btn img {width:100%;max-width:20px}
.message fieldset {border:1px solid;border-color:#bebebe #e6e6e6 #e6e6e6 #bebebe;margin:0 4%;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
.message fieldset dl {border-bottom:1px solid #ddd;padding:3%}
.message fieldset dl dt,.message fieldset dl dd {color:#1a1a1a}
.message fieldset textarea {border:1px solid #fff;width:95%;font-size:0.9em;padding:3% 2%;color:#999}

/*¹öÆ°*/
.btn_area {padding:4%}
.btn_area a {width:42%;display:inline-block;text-align:center;border:1px solid #cecece;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;font-size:1.2em;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;font-size:1em;
background: #f8f8f8; /* Old browsers */
background: -moz-linear-gradient(top,  #f8f8f8 0%, #eaeaea 41%, #ffffff 80%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(41%,#eaeaea), color-stop(80%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f8f8f8 0%,#eaeaea 41%,#ffffff 80%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f8f8f8 0%,#eaeaea 41%,#ffffff 80%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f8f8f8 0%,#eaeaea 41%,#ffffff 80%); /* IE10+ */
background: linear-gradient(to bottom,  #f8f8f8 0%,#eaeaea 41%,#ffffff 80%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}
.btn_area a.cancle {background:#f0f0f0;border:1px solid;border-color:#b8b8b8 #d6d6d6 #d6d6d6 #b8b8b8;}

/* ·Î±×ÀÎ */
.login {background-color:#f7f8f9}
.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:49.5%;background-color:#f7f7f7;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}
.login .keyboard_ex {text-align:center;position:relative;padding-bottom:15%}
.login .keyboard_ex img {max-width:557px;width:80%}
.login .keyboard_ex .btn_keyboard {border:1px solid #e6e6e6;border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;color:#e64b40;padding:1% 7% 1% 2%;margin:3% 0;display:inline-block;font-size:0.8em;position:absolute;right:4%;bottom:5%}
.login .keyboard_ex .btn_keyboard.down {background:#fff url(/join_site/muffin/mobile/img/btn_down_arrow.png) no-repeat 82px}
.login .keyboard_ex .btn_keyboard.up {background:#fff url(/join_site/muffin/mobile/img/btn_up_arrow.png) no-repeat 82px}


/* ºäÆ÷Æ® ³Êºñ°¡ 768px ÀÌ»ó ½ÇÇà*/
@media all and (min-width:768px) {
/*³ªÀǸÓÇÉÁ¤º¸*/
#content .grade_info {width:17%}
#content .muffin_month dt,#content .muffin_ranking,#content .sub_tab,.login {font-size:1.2em}
#content .muffin_month dd {font-size:3.3em}
/*¹ÞÀºÂÊÁöÇÔ*/
.message {padding:8% 0 4%}
.message dl dt, .message dl dd  {font-size:1em}
.message strong {font-size:1.2em}
.message li {font-size:1.1em;line-height:1.5em}
/* ·Î±×ÀÎ */
.login .checkmenu {margin-left:-48px}
.login .login_box dl dt,
.login .login_box dl dd {padding:1% 0}
.login .keyboard_ex .btn_keyboard  {font-size:1.2em;background-position:120px}
}