@charset "utf-8";

/* RESET ####################################################################################*/
/*
@font-face {
    font-family: 'nanum-barun-gothic';
    font-weight: normal;
    font-style: normal;
    src: url('/mobile/smart/common/font/NanumBarunGothicWeb.woff') format('woff');
}

@font-face {
    font-family: 'nanum-barun-gothic-light';
    font-weight: normal;
    font-style: normal;
    src: url('/mobile/smart/common/font/NanumBarunGothicWeb.woff') format('woff');
}

@font-face {
    font-family: 'nanum-barun-gothic-bold';
    src: url('/mobile/smart/common/font/nanumbarungothicbold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
*/

@font-face {
    font-family: 'nanum-barun-gothic-light';
    font-weight: normal;
    font-style: normal;
    src: url('/mobile/smart/common/font/NanumBarunGothicWeb.woff') format('woff');
}



*{
    margin:0;padding:0; box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
/*    transition: 0.2s;
    -webkit-transition: 0.2s; */
}
html{ font-size:14px; font-family:'nanum-barun-gothic','Malgun Gothic', '맑은 고딕', sans-serif; -webkit-overflow-scrolling:touch; background: #d2d3d7; height: 100%}
body {-webkit-text-size-adjust:none; background:#fff; height: 100%}

fieldset,img {border:0 none}
img { vertical-align:top; }
dl,ul,ol,menu,li {list-style:none}

blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}

input,select,textarea,button {font-size:100%;vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
table {border-collapse:collapse;border-spacing:0}
caption{ display:none; }
input[type='text'],input[type='password'],input[type='submit'],input[type='search'] {-webkit-appearance:none; border-radius:0}
input:checked[type='checkbox'] {-webkit-appearance:checkbox }
button,input[type='button'],input[type='submit'],input[type='reset'] /*,input[type='file']*/ {-webkit-appearance:button; border-radius:0}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}
i,em{ font-style:normal; }
a { color:#333;text-decoration:none; cursor:pointer; line-height: 1.2rem; }
a:active, a:hover { text-decoration:none }
select, input, textarea{  -webkit-appearance: none;  /* 네이티브 외형 감추기 */-moz-appearance: none; appearance: none; border-radius:0; }
.al_c {text-align:center}
.d_b {display:block}
/*input[type=number] {-webkit-text-security:disc;} 비빌번호표시형식*/

/*form input[type='hidden'] { display:none;  }*/

/* COMMON ####################################################################################*/
.bold{ font-family:'nanum-barun-gothic-bold'; }
.dot{   }
.vtop{
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: baseline;
align-items: baseline;
 }
.vcenter{
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
 }
.vright{
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: flex-end;
justify-content: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
 }
 .vleft{
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
 }

/* modal */
.modal_st1{ display:none; position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background-color: rgb(246, 246, 248); overflow-y: auto; z-index: 9999; opacity: 1;  }
 div.overlay {width:100%;height:100%;z-index:2;background-color:#000; opacity:0.4; filter: alpha(opacity=40); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; position:fixed; top:0; left:0;  margin:0;   padding:0; display:none}


/* Font */
.eps1{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.7rem; }
.eps2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; /*line-height: 1.7rem;*/ }
.eps3{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; /*line-height: 1.7rem;*/ }

/* Icon*/
.ico{ display:inline-block; width:1.1rem; height:1.1rem; }
.ico img{ width:100%; }

.ico_txt{ background:#000; color:#fff; font-size:0.8rem; padding:0.2rem; min-width:1.2rem; height:1.2rem; display: inline-block; -webkit-box-orient: horizontal; -webkit-box-pack:  center; -webkit-box-align: center ; text-align: center; }
.ico_txt.t1{ background:#1677cb; }
.ico_txt.t2{ background:#9060d0; }
.ico_txt.t3{ background:#a73c71; }
.ico_txt.t4{ background:#2d71e9; }
.ico_txt.t5{ background:#7a023e; }
.ico_txt.t6{ background:#f34d51; }
.ico_txt.t7{ background:#4ed7dd; }
.ico_txt.t8{ background:#b29481; }
.ico_txt.t9{ background:#4d6991; }
.ico_txt.t10{ background:#d5478c; }
.ico_txt.t11{ background:#2cc77f; }
.ico_txt.t12{ background:#a54dc9; } /*교재무료*/

.ico_txt.type1 {min-width:4.5rem; background:#f29c9f; line-height:1.2rem;}
.ico_txt.type2 {min-width:4.5rem; background:#78cebf; line-height:1.2rem;}
.ico_txt.type3 {min-width:4.5rem; background:#d1b78f; line-height:1.2rem;}
.ico_txt.type4 {min-width:4.5rem; background:#78b1ce; line-height:1.2rem;}
.ico_txt.type5 {min-width:4.5rem; background:#cf7d91; line-height:1.2rem;}
.ico_txt.type6 {min-width:4.5rem; background:#b889d4; line-height:1.2rem;}
.ico_txt.type7 {min-width:4.5rem; background:#a9d78e; line-height:1.2rem;}

i.ico_txt {height:1.5rem;padding:0.2rem 0.8rem ;margin-right:0.5rem}

.ico_susi {font-weight:bold; color:#d0647f;}
.ico_jungsi {font-weight:bold; color:#499bc5;}

/* level icon */
.mlv1{ display:inline-block; width:1rem; height:1rem; vertical-align: 0.1rem; background:url("http://img.megastudy.net/mobile/smart_new/ico_board_level_1.png") no-repeat; background-position:center; background-size:100%; text-indent:-9999px;  }
.mlv2{ display:inline-block; width:1rem; height:1rem; vertical-align: 0.1rem; background:url("http://img.megastudy.net/mobile/smart_new/ico_board_level_2.png") no-repeat; background-position:center; background-size:100%; text-indent:-9999px;  }
.mlv3{ display:inline-block; width:1rem; height:1rem; vertical-align: 0.1rem; background:url("http://img.megastudy.net/mobile/smart_new/ico_board_level_3.png") no-repeat; background-position:center; background-size:100%; text-indent:-9999px;  }
.mlv4{ display:inline-block; width:1rem; height:1rem; vertical-align: 0.1rem; background:url("http://img.megastudy.net/mobile/smart_new/ico_board_level_4.png") no-repeat; background-position:center; background-size:100%; text-indent:-9999px;  }
.mlv5{ display:inline-block; width:1rem; height:1rem; vertical-align: 0.1rem; background:url("http://img.megastudy.net/mobile/smart_new/ico_board_level_5.png") no-repeat; background-position:center; background-size:100%; text-indent:-9999px;  }
.mlv6{ display:inline-block; width:1rem; height:1rem; vertical-align: 0.1rem; background:url("http://img.megastudy.net/mobile/smart_new/ico_board_level_6.png") no-repeat; background-position:center; background-size:100%; text-indent:-9999px;  }
.mlva{ display:inline-block; width:1rem; height:1rem; vertical-align: 0.1rem; background:url("http://img.megastudy.net/mobile/smart_new/ico_board_level_a.png") no-repeat; background-position:center; background-size:100%; text-indent:-9999px;  }
.mlvm{ display:inline-block; width:1rem; height:1rem; vertical-align: 0.1rem; background:url("http://img.megastudy.net/mobile/smart_new/ico_board_level_m.png") no-repeat; background-position:center; background-size:100%; text-indent:-9999px;  }
.mlvp{ display:inline-block; width:1rem; height:1rem; vertical-align: 0.1rem; background:url("http://img.megastudy.net/mobile/smart_new/ico_board_level_p.png") no-repeat; background-position:center; background-size:100%; text-indent:-9999px;  }

/* button */
.btn_circle1{ overflow:hidden; display:inline-block; background:#5e799d url("http://img.megastudy.net/mobile/smart_new/btn_ico-cart.png") no-repeat 0.8rem center; background-size: 50% 50% ;  width:3.2rem; height:3.2rem; -webkit-border-radius:3.2rem; -moz-border-radius:3.2rem; border-radius:3.2rem; text-indent:-9999px;  }
.btn_circle2_1{ overflow:hidden; display:inline-block; background:#4ed7dc url("http://img.megastudy.net/mobile/smart_new/btn_ico-list.png") no-repeat 0.8rem center; background-size: 50% ;  width:3.2rem; height:3.2rem; -webkit-border-radius:3.2rem; -moz-border-radius:3.2rem; border-radius:3.2rem; text-indent:-9999px;  }

.btn_circle2{ overflow:hidden; display:inline-block; background:#4ed7dc url("http://img.megastudy.net/mobile/smart_new/btn_ico-zzim.png") no-repeat 0.8rem center; background-size: 50% ;  width:3.2rem; height:3.2rem; -webkit-border-radius:3.2rem; -moz-border-radius:3.2rem; border-radius:3.2rem; text-indent:-9999px;  }
.btn_circle21{ overflow:hidden; display:inline-block; background:#dddde8 url("http://img.megastudy.net/mobile/smart_new/btn_ico-zzim.png") no-repeat 0.8rem center; background-size: 50% ;  width:3.2rem; height:3.2rem; -webkit-border-radius:3.2rem; -moz-border-radius:3.2rem; border-radius:3.2rem; text-indent:-9999px;  }
.btn_circle21.on{ background-color:#4ed7dc;  background-image: url("http://img.megastudy.net/mobile/smart_new/btn_ico-zzim.png") no-repeat center; }
.btn_circle22{ overflow:hidden; display:inline-block; background:#dddde8 url("http://img.megastudy.net/mobile/smart_new/btn_ico-play.png") no-repeat 55% center; background-size: 30% 45%;  width:3.2rem; height:3.2rem; -webkit-border-radius:3.2rem; -moz-border-radius:3.2rem; border-radius:3.2rem; text-indent:-9999px;  }
.btn_circle3{ overflow:hidden; display:inline-block; background:#fff url("http://img.megastudy.net/mobile/smart_new/btn_ico-wrt.png") no-repeat 0.8rem center; background-size: 50% 50% ; width:3.2rem; height:3.2rem; -webkit-border-radius:3.2rem; -moz-border-radius:3.2rem; border-radius:3.2rem; border: 1px solid #000 ; text-indent:-9999px;  }
.btn_circle4{ overflow:hidden;  background:#fff; width:3.2rem; height:3.2rem; -webkit-border-radius:3.2rem; -moz-border-radius:3.2rem; border-radius:3.2rem; border: 1px solid #fff ;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-pack:  center;
-webkit-box-align: center ;
 }
.btn_circle41{ overflow:hidden;  background:#fff;  width:3.2rem; height:3.2rem; -webkit-border-radius:3.2rem; -moz-border-radius:3.2rem; border-radius:3.2rem; border: 1px solid #fff; font-size:0.8rem;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-pack:  center;
-webkit-box-align: center ;
 }
.btn_circle42{ overflow:hidden;  background:#ccc;  width:3.2rem; height:3.2rem; -webkit-border-radius:3.2rem; -moz-border-radius:3.2rem; border-radius:3.2rem; border: 1px solid #ccc; font-size:0.9rem;color:#fff;display: inline-block;text-align: center; overflow:hidden;padding-top: 0.4rem;}
.btn_circle43{ overflow:hidden;  background:#ccc;  width:3.2rem; height:3.2rem; -webkit-border-radius:3.2rem; -moz-border-radius:3.2rem; border-radius:3.2rem; border: 1px solid #ccc; font-size:0.9rem;color:#fff;display: inline-block;text-align: center; overflow:hidden;padding-top: 1rem;}
.btn_circle5{ overflow:hidden; display:inline-block; background:#f6f6f8 url("http://img.megastudy.net/mobile/smart_new/btn_ico-msg.png") no-repeat 0.8rem center; background-size: 50% 50% ;  width:3.2rem; height:3.2rem; -webkit-border-radius:3.2rem; -moz-border-radius:3.2rem; border-radius:3.2rem; text-indent:-9999px;  }
.btn_circle51{ overflow:hidden; display:inline-block; background:#f6f6f8 url("http://img.megastudy.net/mobile/smart_new/btn_ico-msg2.png") no-repeat 0.8rem center; background-size: 50% 50% ;  width:3.2rem; height:3.2rem; -webkit-border-radius:3.2rem; -moz-border-radius:3.2rem; border-radius:3.2rem; text-indent:-9999px;  }
.btn_circle52{ overflow:hidden; display:inline-block; background:#f7f4f2 url("http://img.megastudy.net/mobile/smart_new/btn_ico-best.png") no-repeat 0.9rem center; background-size: 50% ;  width:3.2rem; height:3.2rem; -webkit-border-radius:3.2rem; -moz-border-radius:3.2rem; border-radius:3.2rem; text-indent:-9999px;  }

.btn_circle6{ overflow:hidden; display:inline-block; background:#5e799d url("http://img.megastudy.net/mobile/smart_new/btn_ico-file.png") no-repeat 0.9rem center; background-size: 40% ;  width:3.2rem; height:3.2rem; -webkit-border-radius:3.2rem; -moz-border-radius:3.2rem; border-radius:3.2rem; text-indent:-9999px;  }
.btn_circle61{ overflow:hidden; display:inline-block; background:#5e799d url("http://img.megastudy.net/mobile/smart_new/btn_ico-house.png") no-repeat center; background-size: 50% ;  width:3.2rem; height:3.2rem; -webkit-border-radius:3.2rem; -moz-border-radius:3.2rem; border-radius:3.2rem; text-indent:-9999px;  }
.btn_circle62{ overflow:hidden; display:inline-block; background:#fff url("http://img.megastudy.net/mobile/smart_new/btn_ico-sns.png") no-repeat center; background-size: 50% ;  width:3.2rem; height:3.2rem; -webkit-border-radius:3.2rem; -moz-border-radius:3.2rem; border-radius:3.2rem; text-indent:-9999px;  }
.btn_circle63{ overflow:hidden; display:inline-block; background:#5e799d url("http://img.megastudy.net/mobile/smart_new/btn_ico-down.png") no-repeat center; background-size: 48% ;  width:3.2rem; height:3.2rem; -webkit-border-radius:3.2rem; -moz-border-radius:3.2rem; border-radius:3.2rem; text-indent:-9999px;  }
.btn_circle64{ overflow:hidden; display:inline-block; background:#4ed7dc url("http://img.megastudy.net/mobile/smart_new/btn_ico-sns4.png") no-repeat center; background-size: 60% ;  width:3.2rem; height:3.2rem; -webkit-border-radius:3.2rem; -moz-border-radius:3.2rem; border-radius:3.2rem; text-indent:-9999px;  }
.btn_circle65{ overflow:hidden; display:inline-block; background:url("http://img.megastudy.net/mobile/smart_new/btn_ico-file2.png") 0.5rem 0.1rem no-repeat; background-size: 60% ;  width:2.2rem; height:1.7rem; }
.btn_circle66{ overflow:hidden; display:inline-block; background:#4ed7dc url("http://img.megastudy.net/mobile/smart_new/btn_ico-cash2.png") no-repeat center; background-size: 60% ;  width:3.2rem; height:3.2rem; -webkit-border-radius:3.2rem; -moz-border-radius:3.2rem; border-radius:3.2rem; text-indent:-9999px;  }


.btn_circle71{ overflow:hidden; display:inline-block; background:#e7dfda url("http://img.megastudy.net/mobile/smart_new/btn_ico-cash1.png") no-repeat center; background-size: 50% ;  width:3.2rem; height:3.2rem; -webkit-border-radius:3.2rem; -moz-border-radius:3.2rem; border-radius:3.2rem; text-indent:-9999px;  }
.btn_circle72{ overflow:hidden; display:inline-block; background:#e7dfda url("http://img.megastudy.net/mobile/smart_new/btn_ico-cash2.png") no-repeat center; background-size: 50% ;  width:3.2rem; height:3.2rem; -webkit-border-radius:3.2rem; -moz-border-radius:3.2rem; border-radius:3.2rem; text-indent:-9999px;  }
.btn_circle73{ overflow:hidden; display:inline-block; background:#e7dfda url("http://img.megastudy.net/mobile/smart_new/btn_ico-cash3.png") no-repeat center; background-size: 50% ;  width:3.2rem; height:3.2rem; -webkit-border-radius:3.2rem; -moz-border-radius:3.2rem; border-radius:3.2rem; text-indent:-9999px;  }
.btn_circle74{ overflow:hidden; display:inline-block; background:#e7dfda url("http://img.megastudy.net/mobile/smart_new/btn_ico-cash4.png") no-repeat center; background-size: 50% ;  width:3.2rem; height:3.2rem; -webkit-border-radius:3.2rem; -moz-border-radius:3.2rem; border-radius:3.2rem; text-indent:-9999px;  }
.btn_circle75{ overflow:hidden; display:inline-block; background:#e7dfda url("http://img.megastudy.net/mobile/smart_new/btn_ico-cash5.png") no-repeat center; background-size: 50% ;  width:3.2rem; height:3.2rem; -webkit-border-radius:3.2rem; -moz-border-radius:3.2rem; border-radius:3.2rem; text-indent:-9999px;  }

.btn_box1{ overflow:hidden; display:inline-block; background:#fff; min-width:6.1rem; padding:0.5rem 0.8rem 0.4rem; border:0.1rem solid #696e7a; color:#3f3f3f; text-align:center; vertical-align: middle; }
.btn_box11{ overflow:hidden; display:inline-block; min-width:6.1rem; padding:0.6rem 1.6rem 0.4rem 0.6rem; border:0.1rem solid #696e7a; color:#3f3f3f; text-align:center; background:url("http://img.megastudy.net/mobile/smart_new/ico_sel-arw.png") no-repeat 95% center ;background-size: 0.8rem ; vertical-align: middle;}
.btn_box11.on{ background:url("http://img.megastudy.net/mobile/smart_new/ico_sel-arw_on.png") no-repeat 95% center ;}
.btn_box12{ overflow:hidden; display:inline-block; min-width:6.1rem; padding: 0.7rem 1.3rem; color:#fff; text-align:center; background:#1677cb; }
.btn_box13{ overflow:hidden; display:inline-block; min-width:6.1rem; padding:0.5rem 1.6rem 0.4rem 0.6rem; border:0.1rem solid #1677cb; color:#1677cb; text-align:center; background-color:#fff; background-image:url("http://img.megastudy.net/mobile/smart_new/btn_ico-arw1.png"); background-repeat: no-repeat; background-position: 96% center ; background-size: 0.5rem ; }
.btn_box14{ overflow:hidden; display:inline-block; min-width:6.1rem; padding:0.1rem 1.6rem 0.1rem 0.6rem; border:0.1rem solid #969696; color:#9c9c9c; text-align:center; background-color:#fff; background-image:url("http://img.megastudy.net/mobile/smart_new/btn_ico-arw11.png"); background-repeat: no-repeat; background-position: 96% center ; background-size: 0.5rem ; }

.btn_box2{ overflow:hidden; display:inline-block; min-width:6.1rem; padding:1.4rem 3.4rem; border:0.1rem solid #696e7a; color:#fff; text-align:center; background:#444a59; }
.btn_box3{ overflow:hidden; display:inline-block; min-width:6.1rem; padding:1.3rem 3.4rem; border:0.1rem solid #f34d51; color:#fff !important; text-align:center; background:#f34d51; }
.btn_box4{ overflow:hidden; display:inline-block; min-width:4rem; padding:0.3rem 0.5rem; color:#fff; font-size: 0.9rem; text-align:center; background:#4d6a92; }
.btn_box5{ overflow:hidden; display:inline-block; vertical-align:middle; min-width:4rem; padding:0.2rem 0.5rem 0; color:#3f3f3f; font-size: 0.9rem; text-align:center; border:1px solid #c5c5c5; border-radius:1rem; }
.btn_box5 span{ color:#1677cb; }
.btn_box6{ overflow:hidden; display:inline-block; min-width:6.1rem; padding:0.5rem 2rem 0.4rem 0.6rem; border:0.1rem solid #696e7a; color:#3f3f3f; text-align:center; background-color:#fff !important; background:url("http://img.megastudy.net/mobile/smart_new/ico_btn-chk.png") no-repeat 90% center ;background-size: 1rem ; }
.btn_box6.on{ background-image:url(http://img.megastudy.net/mobile/smart_new/ico_btn-chk_on.png); }
.btn_box61{ overflow:hidden; display:inline-block; min-width:6.1rem; padding:0.5rem 2rem 0.4rem 1rem; border:0.1rem solid #f34d51; color:#fff; text-align:enter; background-color:#f34d51; background-image:url("http://img.megastudy.net/mobile/smart_new/ico_btn-pen.png"); background-repeat: no-repeat; background-position: 90% center ; background-size: 1.2rem ; }

.btn_box7{ overflow:hidden; display:inline-block; min-width:6.1rem; padding:0.5rem 2rem 0.4rem 0.6rem; border:0.1rem solid #696e7a; color:#3f3f3f; text-align:center; background-color:#fff !important; background:url("http://img.megastudy.net/mobile/smart_new/ico_btn-chk.png") no-repeat 90% center ;background-size: 1rem ; }
.btn_box7.on{ background-image:url(http://img.megastudy.net/mobile/smart_new/ico_btn-chk_on.png); }

.btn_box8{ overflow:hidden; display:inline-block; min-width:6.1rem; padding:0.5rem 1rem 0.4rem;border:0.1rem solid #f34d51; color:#fff; text-align:center; background-color:#f34d51;vertical-align:middle }

.btn_box9{ overflow:hidden; display:inline-block; min-width:6.1rem; padding:0.5rem 1rem 0.4rem; color:#fff; text-align:center; background-color:#1f4a6f;vertical-align:middle }


.btn_close1{ display:block; width:1.8rem; height:1.8rem;}
.btn_close1 img{ width:100%; }


.btn_switch1{ overflow:hidden; padding-right: 0.2rem;  }
.btn_switch1 a{ float:left; display:block; background:#fff; padding:0.2rem 0.8rem; font-size:0.9rem; letter-spacing:-1px; border:1px solid #eaeaec; margin-right:-1px; }
.btn_switch1 a.act{ color: #2082dd; }
.btn_switch1 a:first-child{ border-right:0; }


/* select */

.sel_st1{ min-width: 4rem; height: 2.5rem; background:url("http://img.megastudy.net/mobile/smart_new/ico_sel-arw.png") no-repeat 95% center ;background-size: 0.8rem ;
position: relative;  padding:0 1.8rem 0 0.6rem;  display: inline-block; border:0.1rem solid #e4e4e4; color: #3f3f3f; cursor: pointer; }
/*.sel_st1:hover{ background:url("http://img.megastudy.net/mobile/smart_new/ico_sel-arw_on.png") no-repeat 95% center ; background-size: 0.8rem ; }*/

.sel_st2{ min-width: 4rem; height: 2.5rem; background:url("http://img.megastudy.net/mobile/smart_new/ico_sel-arw2.png") no-repeat 95% center ;background-size: 0.8rem ;
position: relative; padding:0 1.8rem 0 0.6rem;  display: inline-block; border:0.1rem solid #444a59; color: #3f3f3f; cursor: pointer;  }
/*.sel_st2:hover{ background:url("http://img.megastudy.net/mobile/smart_new/ico_sel-arw2_on.png") no-repeat 95% center ; background-size: 0.8rem ; }*/

.sel_st3{ min-width: 4rem; height: 2.5rem; background:url("http://img.megastudy.net/mobile/smart_new/ico_sel-arw2.png") no-repeat 95% center ;background-size: 0.8rem ;
position: relative; padding:0 1.8rem 0 0.6rem;  display: inline-block; border:0.1rem solid #444a59; color: #3f3f3f; cursor: pointer;  }

/* Tab menu*/
.btn_tab1{  display: -webkit-flex; /* Safari */ display: flex; }
.btn_tab1 a{ background:#fff; padding:1.2rem 0; letter-spacing:-1px; border:1px solid #eaeaec; ;
    -webkit-flex: 1;  /* Safari 6.1+ */
    flex: 1;
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack:  center;
    -webkit-box-align: center;
 }
.btn_tab1 a.act{ border-bottom:4px solid #2082dd; color: #2082dd;  }
.btn_tab1 a:first-child{ border-left:0; border-right:0; }
.btn_tab1 a:last-child{ border-right:0; border-left:0;}

.btn_tab11{  background:#fff; display: -webkit-flex; /* Safari */ display: flex; }
.btn_tab11 a{ background-color:#fff; padding:1.2rem 0; border-bottom:1px solid #a5a8af; background:url("http://img.megastudy.net/mobile/smart_new/bg_line1.png") no-repeat right center ; background-size: 2px 1.2rem ; font-size: 1.1rem;
    -webkit-flex: 1;  /* Safari 6.1+ */
    flex: 1;
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack:  center;
    -webkit-box-align: center;
    text-align:center;
 }
.btn_tab11 a.act{ border-bottom: 0.2rem solid #2082dd; color: #2082dd;  font-family: 'nanum-barun-gothic-bold';}
.btn_tab11 a:first-child{ border-left:0; border-right:0; }
.btn_tab11 a:last-child{ border-right:0; border-left:0; background:none; }

.btn_tab2{  display: -webkit-flex; /* Safari */ display: flex; }
.btn_tab2 a{ background:#f6f6f8; padding:0.6rem 0;; font-size:0.9rem; letter-spacing:-1px; border:1px solid #eaeaec; margin-right:-1px !important;
    -webkit-flex: 1;  /* Safari 6.1+ */
    flex: 1;
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack:  center;
    -webkit-box-align:  top;
 }
.btn_tab2 a.act{ background:#fff;  }

.mn_btm{
position:fixed; left:0; bottom:0;
width:100%;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.mn_btm a{
display:inline-block; text-align:center; padding:1.3rem 0; border-right:1px solid #fff; color:#fff;
-webkit-flex: 1;  /* Safari 6.1+ */
flex: 1;
}
.mn_btm a:last-child{ border-right:none; }
.mn_btm .zim{ background:#4ed7dc; }
.mn_btm .cart{ background:#5e799d; }
.mn_btm .pay{ background:#f34d51; }
.mn_btm span{   }

.mn_btm_bs{
width:100%;

display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.mn_btm_bs a{
display:inline-block; text-align:center; padding:1.3rem 0; border-right:1px solid #fff; color:#fff;
-webkit-flex: 1;  /* Safari 6.1+ */
flex: 1;
}
.mn_btm_bs a:last-child{ border-right:none; }
.mn_btm_bs .zim{ background:#4ed7dc; }
.mn_btm_bs .cart{ background:#5e799d; }
.mn_btm_bs .pay{ background:#f34d51; }
.mn_btm_bs span{   }
.mn_btm_bs.fixed{position:fixed; left:0; bottom:0;}

/* new icon */
.n1{ width:1rem; height:1rem; display:inline-block; background:url("http://img.megastudy.net/mobile/smart_new/ico_new2.png") no-repeat 0 0; background-size: 100%; text-indent:-9999px;  }
.n2{ width:1rem; height:1rem; display:inline-block; background:url("http://img.megastudy.net/mobile/smart_new/ico_new.png") no-repeat 0 0; background-size: 100%; text-indent:-9999px;  }

.e1{ width:1rem; height:1rem; display:inline-block; background:url("http://img.megastudy.net/mobile/smart_new/ico_event.png") no-repeat 0 0; background-size: 100%; text-indent:-9999px; }

/* input */
.inp1{ display: inline-block; min-width: 5rem; padding: 0.5rem 2rem 0.4rem 0.6rem; border: 0.1rem solid #696e7a; background-color: #fff !important;  }
.input_none {display:none;}

.chkx1{ margin-top:0.5rem; width:1.6rem; height:1.6rem; border:0.1rem solid #696e7a; background:#fff url(http://img.megastudy.net/mobile/smart_new/ico_btn-chk2.png) no-repeat; background-size: 60%; background-position:center; }
.chkx1:checked[type='checkbox'] {-webkit-appearance:none; border:1px solid #696e7a; color:#fff; background:#696e7a url(http://img.megastudy.net/mobile/smart_new/ico_btn-chk2_on.png) no-repeat; background-size: 60%; background-position:center; }
.chkx1:disabled[type='checkbox'] { background-color:#ccc;border-color:#ccc}

.chkx11{ width:1.6rem; height:1.6rem; border:0.1rem solid #696e7a; background:#fff url(http://img.megastudy.net/mobile/smart_new/ico_btn-chk2.png) no-repeat; background-size: 60%; background-position:center; }
.chkx11:checked[type='checkbox'] {-webkit-appearance:none; border:1px solid #696e7a; color:#fff; background:#696e7a url(http://img.megastudy.net/mobile/smart_new/ico_btn-chk2_on.png) no-repeat; background-size: 60%; background-position:center; }

.rdo1{ margin-top:0.5rem;  width:1.6rem; height:1.6rem; border:0.1rem solid #696e7a; border-radius: 1rem; background:#fff; /*background:#fff url(http://img.megastudy.net/mobile/smart_new/ico_btn-chk2.png) no-repeat; background-size: 50%; background-position:center;*/ }
.rdo1:checked[type='radio'] {-webkit-appearance:none; border:0.1rem solid #696e7a; color:#fff; background:#696e7a url(http://img.megastudy.net/mobile/smart_new/ico_btn-chk2_on.png) no-repeat; background-size: 50%; background-position:center; }

.rdo2{ margin-top:0.5rem; width:1.6rem; height:1.6rem; border:0.1rem solid #696e7a; border-radius: 1rem; background:#fff; /*background:#fff url(http://img.megastudy.net/mobile/smart_new/ico_btn-chk2.png) no-repeat; background-size: 50%; background-position:center;*/ }
.rdo2:checked[type='radio'] {-webkit-appearance:none; border:0.1rem solid #696e7a; color:#fff; padding:0.2rem; background:#fff url(http://img.megastudy.net/mobile/smart_new/rdo_ico-cycl.png) no-repeat; background-size: 6s0%; background-position:center; }
.rdo2:disabled[type='radio'] { background-color:#d8d8d8; }


/* textarea */
.txarea { width:100%; min-height:10rem;  padding: 0.5rem 2rem 0.4rem 0.6rem; border:0.1rem solid #696e7a; background-color: #fff !important;  }
.txr1 { width:100%; min-height:10rem;  padding: 0.5rem 2rem 0.4rem 0.6rem; border:0.1rem solid #696e7a; background-color: #fff !important;  }


/* Etc */
.star1{ display:block; width:5.3rem; height:0.9rem; background-image:url("http://img.megastudy.net/mobile/smart_new/ico_star1.png"); background-repeat: no-repeat; background-size: 100%; text-indent:-9999px; vertical-align: middle;   }
.star2{ display:block; width:5.3rem; height:0.9rem; background-image:url("http://img.megastudy.net/mobile/smart_new/ico_star2.png"); background-repeat: no-repeat; background-size: 100%; text-indent:-9999px; vertical-align: middle;   }
.star3{ display:block; width:5.3rem; height:0.9rem; background-image:url("http://img.megastudy.net/mobile/smart_new/ico_star3.png"); background-repeat: no-repeat; background-size: 100%; text-indent:-9999px; vertical-align: middle;   }
.star4{ display:block; width:5.3rem; height:0.9rem; background-image:url("http://img.megastudy.net/mobile/smart_new/ico_star4.png"); background-repeat: no-repeat; background-size: 100%; text-indent:-9999px; vertical-align: middle;   }
.star5{ display:block; width:5.3rem; height:0.9rem; background-image:url("http://img.megastudy.net/mobile/smart_new/ico_star5.png"); background-repeat: no-repeat; background-size: 100%; text-indent:-9999px; vertical-align: middle;   }

 /* star1 */
.rating{
    overflow:hidden;
    display:inline-block;
}
.rating .stars {
    overflow: hidden;
    padding:0.2rem 0 0 0;
}

.rating .stars .star {
    float: left;
    display: block;
    padding:0 0.1rem 0 0;
    cursor: pointer;
    font-size: 1.2rem;

}

.rating .stars .star:before {
    content: '☆';
    color: #a5a8af;
}

/*.rating .stars .star:hover:before,*/
.rating .stars .star.to_rate:before,
.rating .stars .star.rated:before {
    color: #1677cb;
    content: '★';
}

.rating .stars .star.no_to_rate:before {
    content: '☆';
    color: #a5a8af;
}

.rating_ds{
    overflow:hidden;
    display:inline-block;
}
.rating_ds .stars {
    overflow: hidden;
    padding:0.2rem 0 0 0;
}

.rating_ds .stars .star {
    float: left;
    display: block;
    padding:0 0.1rem 0 0;
    cursor: pointer;
    font-size: 1.2rem;

}

.rating_ds .stars .star:before {
    content: '☆';
    color: #a5a8af;
}

/*.rating .stars .star:hover:before,*/
.rating_ds .stars .star.to_rate:before,
.rating_ds .stars .star.rated:before {
    color: #1677cb;
    content: '★';
}

.rating_ds .stars .star.no_to_rate:before {
    content: '☆';
    color: #a5a8af;
}


/* Layer */
.p_layer1{ background:#fff; width:21.4rem;  border:1px solid #696e7a; }
.p_layer1 img{ width:100%; }
.p_layer1 .tbox{ overflow:hidden; padding:1.1rem 1.3rem; border-bottom:1px solid #e4e4e4; }
.p_layer1 .tbox span{ display:inline-block; float:left; }
.p_layer1 .tbox a{ display:inline-block; float:right; width:1.2rem; height:1.2rem; }
.p_layer1 .tcon{ padding:1.1rem 1.3rem; }
.p_layer1 .tcon p{ padding:0 0.5rem 0.5rem 0.5rem; border-bottom:1px dotted #e4e4e4; font-size:0.9rem; color:#f34d51;  }
.p_layer1 .tcon .tflist{ padding-top:0.5rem; margin-left:0.7rem; }
.p_layer1 .tcon .tflist li{  overflow:hidden;padding-bottom:0.3rem; font-size:0.9rem; color:#3f3f3f; }
.p_layer1 .tcon .tflist li span{ display: inline-block; padding-left:0.2rem;  }
.p_layer1 .tcon .tflist li span:nth-child(1){ float:left; }
.p_layer1 .tcon .tflist li span:nth-child(2){ float:left; width:13rem; }
.p_layer1 .tcon .tflist li span i{ color:#f34d51; }

.p_layer1 .n1{ width:3rem;  }
.p_layer1 .n2{ width:3rem;  }
.p_layer1 .n3{ width:4.7rem; }
.p_layer1 .n4{ width:3.2rem; }
.p_layer1 .n5{ width:4.7rem; }

/* table */
.tb-inf{ width:100%;  }
.tb-inf th{ padding:0.5rem; background:#f6f6f8; border:0.1rem solid #e4e4e4; color:#444a59; }
.tb-inf td{ padding:0.5rem; border:0.1rem solid #e4e4e4; text-align:center; color:#444a59; }



/* Layout ################################################################################*/
.head_wrap{ position:relative; /* height: 4.5rem; */padding:1rem 1.3rem 0; border-bottom:0.1rem solid #1975c8; text-align:center; background: #fff;  }
.head_wrap img { width:100%; vertical-align:1rem; }
.head_wrap h1{ display:inline-block; width:8.7rem; height:2rem; }

.head_wrap .alg_left{  position:absolute; left:1rem; display:inline-block; width: 1.5rem; margin-top: 0.5em;}
.head_wrap .alg_right{ position:absolute; right:1rem; display:inline-block;  width: 2.4rem;  margin-top: 0.5em; }

#mySidenav{ display:none; }
.sidenav{
    z-index:1000;
    height: 100%; /* 100% Full-height */
    width: 100%; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
     /* Stay on top */
    top: 0;
    left: 0;
    background-color: #fff; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    /*overflow-y:scroll; */

    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
    /*padding-top: 60px;*/ /* Place content 60px from the top */
    /*margin: 4.6rem 0 0 0;*/
}
.sidenav .side_head{ position:relative; padding:1rem 1.3rem; border-bottom:1px solid #1975c8; text-align:center; background:#fff; }
.sidenav  img { width:100%; }
.sidenav .side_head span{ display:inline-block; width:8.7rem; height:2rem; margin-top: -0.2rem;  }
.sidenav .closebtn{
    position:absolute;
    top:1rem;
    right:1.4rem;
    margin-top: 0.3rem;
    width: 1.3rem;
    height: 1.3rem;
    text-decoration: none;
    transition: 0.3s;
    display:inline-block;
}

/* Contents ################################################################################*/


/******************** 개인화 사이드(숨김)메뉴 ********************/
.sidenav .side_con{

}
.sidenav .side_con .login_txt{ display: -webkit-flex; display: flex; padding:1.5rem 1rem;  }
.sidenav .side_con .login_txt a{ -webkit-flex: 1; flex: 1; margin:0 0.2rem;}



.sidenav .side_con .login_info{
    overflow:hidden;
    padding:1.3rem 1.2rem;
}
.sidenav .side_con .login_info ul{ float:left; }
.sidenav .side_con .login_info .txs1{ color:#1e75c4; font-weight:bold; }
.sidenav .side_con .login_info .btn_edit{ float:right; display:inline-block; width:2.2rem; height:2.2rem; }

.sidenav .side_con .my_btn{
    width:100%;
    /*background:#effffd;*/
    display: -webkit-flex; /* Safari */
    display: flex;
    border:1px solid #e4e4e4;
    border-width:1px 0 0 0;
}
.sidenav .side_con .my_btn div {
    /*padding:1rem 1.2rem;*/
    -webkit-flex: 1;  /* Safari 6.1+ */
    flex: 1;
/*  display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;*/
}
.sidenav .side_con .my_btn div:nth-child(1){ border:1px solid #e4e4e4; border-width:0 1px 0 0 }
.sidenav .side_con .my_btn div:first-child { background:url("http://img.megastudy.net/mobile/smart_new/ico_rens.png") no-repeat; background-size:1.5rem ; background-position:90% center; }
.sidenav .side_con .my_btn div:last-child { background:url("http://img.megastudy.net/mobile/smart_new/ico_clip.png") no-repeat; background-size:1.5rem ; background-position:90% center; }
.sidenav .side_con .my_btn div a{ display: block; padding:1.2rem 1.2rem 0; color:#2082dd; height:3.75rem;font-size:1rem;line-height: 1.5rem;}

.sidenav .side_con .my_menu{

    display: -webkit-flex; /* Safari */
    display: flex;

}

.sidenav .side_con .my_menu > div{
    border:1px solid #686e7c;
    border-width:0 1px 1px 0;
    color:#fff;
    background:#444a5a;
    font-size:0.8rem;
    text-align:center;
    /*padding:1.7rem 1.5rem ;*/
    -webkit-flex: 1;  /* Safari 6.1+ */
    flex: 1;
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack:  center;
    -webkit-box-align:  top;
}

.sidenav .my_menu.stx1 > div:nth-child(n+1):nth-child(-n+4){border-width:0 1px 0px 0;}
.sidenav .my_menu > div .ico{ display:inline-block; width:2.5rem; height:2.2rem;  }
.sidenav .my_menu > div a{ display:block;padding:1.7rem 1.0rem ; }
.sidenav .my_menu > div span{ display:inline-block; width:100%; padding-top:0.1rem; color:#fff;  }
.sidenav .my_menu > div img{ vertical-align:middle; }
.sidenav .my_menu .mn_tx1{ margin-top:2px; color:#4be3e6; }
.sidenav .my_menu .mn_tx2{ margin-top:2px; color:#f54d4c; }

.sidenav .menu_list1{ border-bottom:1px solid #6d6c7a;  }
.sidenav .menu_list1 dt{ overflow:hidden; padding:0.7rem 1.2rem; background:#f6f6f8; border-bottom:1px solid #e4e4e4; }
.sidenav .menu_list1 dt p{ float:left; padding-top:0.5rem; }
.sidenav .menu_list1 dd { padding:1.1rem 1.2rem; border:1px solid #e4e4e4; border-width:0 0 1px 0; }
.sidenav .menu_list1 dd li a{ display:block;width:100%; height:100%; }
.sidenav .menu_list1 dd .icox1{ display:-webkit-inline-box; display:inline-box; width:1rem; height:1rem; vertical-align: middle; }
.sidenav .menu_list1 dd:last-child{ border:none; }

.sidenav .menu_list2{ background:#fff; border-top:1px solid #696e7a; color:#3f3f3f}
.sidenav .menu_list2 h1{ overflow:hidden;position: relative; padding:1.2rem 1.2rem 0; background:#f6f6f8; border-bottom:1px solid #e4e4e4;line-height:1.5rem;font-weight:normal;font-size:1.25rem;height:3.75rem}
.sidenav .menu_off h1{border-bottom: 0;}
.sidenav .menu_off h1::before{content: '';display: block;position: absolute;right:1.1rem;top:46%;border-top: .2rem solid #3f3f3f;height:1rem;width:1rem;transform: rotate(-45deg)}
.sidenav .menu_off h1::after{content: '';display: block;position: absolute;right:2.4rem;top:46%;border-top: .2rem solid #3f3f3f;height:1rem;width:1rem;transform: rotate(45deg)}
.sidenav .menu_active h1::before{content: '';display: block;position: absolute;right:1rem;top:31%;border-left: .2rem solid #3f3f3f;height:1rem;width:1rem;transform: rotate(-45deg)}
.sidenav .menu_active h1::after{content: '';display: block;position: absolute;right:2.3rem;top:31%;border-right: .2rem solid #3f3f3f;height:1rem;width:1rem;transform: rotate(45deg)}
.sidenav .menu_list2 ul{background:#fff;display: none}
.sidenav .menu_active ul{display: flex;display: -webkit-flex}
.sidenav .menu_list2 li{-webkit-flex: 1; flex: 1;text-align:center;-webkit-align-items: center;align-items: center;border:1px solid #e4e4e4;border-width:0 1px 1px 0;}
.sidenav .menu_list2 .stx2 ul{flex-direction: column;text-align: left}
.sidenav .menu_list2 .stx2 li{text-align: left;padding-left: 1.2rem;}
.sidenav .menu_list2 li a{display: block;width:100%;height: 100%;padding:1.1rem 0;font-size: 1rem}
.sidenav .menu_list2 .icox1{ display:-webkit-inline-box; display:inline-box; width:1rem; height:1rem; vertical-align: middle; }
.sidenav .menu_list2 .std1{color: #1677cb;}
.sidenav .academy{border-bottom: 1px solid #696e7a;}
.sidenav .academy h1{border-bottom: 1px solid #696e7a;}
.sidenav .academy ul, .sidenav .russel ul{display: flex;}
.sidenav .academy a{font-size: 1.1667rem}

.sidenav .side_con .add_linq{  }
.sidenav .side_con .add_linq ul{ -webkit-flex; display: flex; }
.sidenav .side_con .add_linq li{ border-right:0 !important; -webkit-flex: 1; flex: 1;  }
.sidenav .side_con .add_linq li a{  border-right:1px solid #e8e7e7; }
.sidenav .side_con .add_linq li:nth-child(1){  }
.sidenav .side_con .add_linq li:first-child a{ border-right:0 !important; }
.sidenav .side_con .add_linq li:last-child a{ padding:0 1rem; border-right:0 !important; }
/*.sidenav .side_con .add_linq li:not(:nth-child(1)){ font-size:0.8rem; }*/

.sidenav .side_con .menu_list3{ background:#f6f6f8; border-bottom:1px solid #6d6c7a;  }
.sidenav .side_con .menu_list3 dt{ overflow:hidden; padding:0.7rem 1.2rem; background:#f6f6f8; border-bottom:1px solid #e4e4e4;  }
.sidenav .side_con .menu_list3 dt h2{ float:left; font-size:1rem; line-height:1.5rem; padding: 0.2rem 0 ; font-weight:normal; }
.sidenav .side_con .menu_list3 dt .std1{ color: #2082dd; }
.sidenav .side_con .menu_list3 dt .act{ color: #2082dd; font-weight: bold; }
.sidenav .side_con .menu_list3 dd { }
.sidenav .side_con .menu_list3 dd .icox1{ display:-webkit-inline-box; display:inline-box; width:1rem; height:1rem; vertical-align: middle;}
.sidenav .side_con .menu_list3 dd ul{
    background:#fff;
    display: -webkit-flex;
    /* Safari */display: flex;
}
.sidenav .side_con .menu_list3 dd li{
    -webkit-flex: 1;
    /* Safari 6.1+ */ flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-pack:  center;
    -webkit-box-align:  center;
    text-align:center;
    border:1px solid #e4e4e4;
    border-width:0 1px 1px 0;
    padding:1.1rem 0;
}
.sidenav .side_con .menu_list3 dd li a{ display:block;width:100%; height:100%; }
.sidenav .side_con .menu_list3 dd ul.mlink li{ background: #f6f6f8; }

.sidenav .side_con .menu_list3 .sel_sbj{ display: -webkit-flex; display: flex; margin-bottom: 0.1rem;
}
.sidenav .side_con .menu_list3 .sel_sbj a{ -webkit-flex: 1; flex: 1;   margin: 0 0 -0.1rem 0; width:100%; height:3rem;  padding:0.5rem;  background:#fff; color:#3f3f3f;
   border:0.1rem solid #e4e4e4; border-width:0 0.1rem 0.1rem 0;
 }
.sidenav .side_con .menu_list3 .sel_sbj a:last-child{ border-right:none; }



.fold_mn .menu_list{}
.fold_mn .menu_list h4{ overflow:hidden;position: relative; padding:1.2rem 1.2rem 0; border:1px solid #e4e4e4;line-height:1.5rem;font-weight:normal;font-size:1.25rem;height:3.75rem;margin:1.3rem 1rem 0.6rem;background:#FFFFFF}
.fold_mn .menu_off h4::before{content: '';display: block;position: absolute;right:1.1rem;top:46%;border-top: .2rem solid #3f3f3f;height:1rem;width:1rem;transform: rotate(-45deg)}
.fold_mn .menu_off h4::after{content: '';display: block;position: absolute;right:2.4rem;top:46%;border-top: .2rem solid #3f3f3f;height:1rem;width:1rem;transform: rotate(45deg)}
.fold_mn .menu_active h4::before{content: '';display: block;position: absolute;right:1rem;top:31%;border-left: .2rem solid #3f3f3f;height:1rem;width:1rem;transform: rotate(-45deg)}
.fold_mn .menu_active h4::after{content: '';display: block;position: absolute;right:2.3rem;top:31%;border-right: .2rem solid #3f3f3f;height:1rem;width:1rem;transform: rotate(45deg)}
.fold_mn .menu_list h4.st1 {padding:1.2rem 0 0;border-right:none;border-left:none}



/******************** //개인화 사이드(숨김)메뉴 ********************/


.mxtop{ z-index:1000; display:none; position:fixed; right:.5rem; bottom:.5rem; font-size:2rem; }
.mxtop a{  display:block; width:2.5rem; height:2.5rem;   }
.mxtop a img{ width:100%; }


/* footer */
.ft_wrap{ overflow:hidden; }
.ft_wrap .fw_app{ display: -webkit-flex; display: flex; background:#9b9ea3;   }
.ft_wrap .fw_app a{ -webkit-flex: 1; flex: 1; padding:1rem 0 1rem 1rem; color:#fff; border-bottom:0.1rem solid #c7c7c9; text-align:center; font-size:0.9rem; background:url("http://img.megastudy.net/mobile/smart_new/bg_mega01.png") no-repeat; background-size:1.5rem;  }
.ft_wrap .fw_app a:nth-child(1){ border-right:0.1rem solid #c7c7c9; background-position:1.5rem center;}
.ft_wrap .fw_app a:nth-child(2){ border-right:0.1rem solid #c7c7c9;background:url("http://img.megastudy.net/mobile/smart_new/bg_mega03.png") no-repeat;background-size:1.8rem;background-position:1.6rem center;}
.ft_wrap .fw_app a:nth-child(3){ background:url("http://img.megastudy.net/mobile/smart_new/bg_mega02.png") no-repeat;background-size:1.8rem;background-position:2.1rem center;}




.ft_wrap .fw_link{  display: -webkit-flex; display: flex; background:#aeb1b7;  }
.ft_wrap .fw_link a{ -webkit-flex: 1; flex: 1; padding:1rem 0; width:25%; color:#fff; text-align:center;  border-bottom:0.1rem solid #c7c7c9;  border-right:0.1rem solid #c7c7c9;}
.ft_wrap .fw_link a:last-child{ border-right:none; }

.ft_wrap .fw_btn{ background:#d2d3d7; padding:1.5rem 0 1rem; text-align:center; }
.ft_wrap .fw_btn a{ display:inline-block; padding:0.3rem 0.7rem 0.1rem; color:#444a59; font-size:0.9rem; border:1px solid #444a59; }
.ft_wrap .fw_btn a{ margin-right:0.3rem; }
.ft_wrap .fw_btn a:last-child{ margin-right:0; }

.ft_wrap .fw_add{ padding:0 0 2rem; font-size:0.9rem; color:#3f3f3f; text-align:center; background:#d2d3d7;  }
.ft_wrap .sers_st1{ text-decoration:underline; color:#1677cb; }

.fixed_top{}

/* 기획전 페이지 */
.pc-more_btn{  padding:1.3rem 1rem; background:#fff; text-align:center;  }
.pc-more_btn a{ display:block; padding:1rem 0; font-weight:bold; background:#f5f5f5; }


.brd_top_sch {}
.brd_top_sch .ip_area {background:#1677cb;padding:5px}
.brd_top_sch .ip_area input {border:none;width:78%;height:2.2rem}
.brd_top_sch .ip_area .bt_sch {color:#fff;display:inline-block;width:20%;text-align:center;font-size:1.3rem}

.Keyword_area {padding:1rem;position:relative}
.Keyword_area .arrow {background:url("http://img.megastudy.net/mobile/smart_new/ico_sel-arw.png") no-repeat 95% center ;background-size: 0.8rem ; vertical-align: middle;display:inline-block; min-width:6.1rem; padding:0.6rem 1.6rem 0.4rem 0.6rem;position:absolute;right:1.0rem;top:0.9rem}
.Keyword_area .arrow.on  {background:url("http://img.megastudy.net/mobile/smart_new/ico_sel-arw_on.png") no-repeat 95% center ;}

/**.btn_box11{ overflow:hidden;  border:0.1rem solid #696e7a; color:#3f3f3f; text-align:center; }
.btn_box11.on{ background:url("http://img.megastudy.net/mobile/smart_new/ico_sel-arw_on.png") no-repeat 95% center ;}**/


.Keyword_area h3 {font-size:1.0rem;color:#1677cb}

.Keyword_area h3 .refresh {overflow:hidden; min-width:4.1rem; margin-left:1rem; padding:0.3rem 1.8rem 0.2rem 0.8rem; border:0.1rem solid #444a59; color:#444a59; text-align:center; background-image:url("http://img.megastudy.net/study_v2/community/ico_refresh.png"); background-repeat: no-repeat; background-position: 90% center ; background-size: 1.1rem ; font-weight:normal;}

.Keyword_area .k_in {margin-top:0.5rem}
.Keyword_area .k_in a {border:1px solid #00a99e;padding:0.7rem;text-align:center;background:#fff;color:#00a99e;display:inline-block;margin-top:0.3rem}
.Keyword_area .k_in a.on {border:1px solid #00a99e;padding:0.7rem;text-align:center;background:#00a99e;color:#fff;display:inline-block;margin-top:0.3rem}
.keyword_vw_area {color:#1677cb;background:#fff;padding:0 1.2rem 1.0rem}
.keyword_vw_area span {margin-right:0.5rem}


.qsa_tit span .tg1{ color:#1677cb; }
.qsa_tit span .tg2{ color:#f34d51; }
.qsa_tit span .tg3{ color:#4ed7dc; }
.qsa_tit span .tg4{ color:#af9483; }
.qsa_tit span .tg5{ color:#62dc4e; }
.qsa_tit span .tg6 {color:#804edc;}
.qsa_tit span .tg7 {color:#d36ba7;}

/*html5레이어*/
.videoLayer{vertical-align: top;}
.videoLayer--title{font-size:1.2rem;color: #1677cb;font-weight: bold;padding-bottom: 1rem;letter-spacing: -0.05rem;}
.videoLayer__close{position: absolute;right:1.3rem;top:1.3rem;width:1.2rem;height:1.2rem}
.videoLayer .video{width:100%;}
.videoLayer--content{padding:3rem 1.3rem 1.3rem 1.3rem;height: 50%;}
.videoLayer--list{background: #a1a4ac;margin-top: 1rem}
.videoLayer--list li{border-bottom: 1px solid #f6f6f8;color:#fff;font-size:1.1rem;padding:0.8rem 1rem 0.7rem 1rem;cursor: pointer;line-height: 1.3rem;vertical-align: top}
.videoLayer--list .on{color:#1677cb}
.videoLayer--btns{text-align: center;margin-top: 1rem}
.joinBannerFooter{position: fixed;z-index:100;left:0;bottom:0;text-align: center;background: #dbecf4;width:100%;}
.joinBannerFooter img{width:100%;max-width:720px;}

/* Media Query ################################################################################*/
@media screen and (max-width:360px) {
  /* CSS for screens that are 320 pixels or less will be put in this section */
}


@media screen and (min-width:360px) and (max-width:640px) {
  /* for screens that are at least 320 pixels wide but less than or equal to 640 pixels wide */
}
@media screen and (orientation:portrait) {
  /* ... */
}

@media screen and (orientation: landscape) {
  /* ... */
}

/** 조경희 추가 **/
.bnr_top_cont{width:100%;}
.bnr_top_cont img{width:100%;}

.android .sidenav .menu_list2 h1{padding-top: 1.3rem}
.android .sidenav .menu_list2 li a{padding:1.2rem 0 1.0rem 0;}
.android .sidenav .side_con .my_btn div a{padding:1.3rem;}

/**.apply_pass{width:5rem;height: 5rem;background: #ed585c url(http://img.megastudy.net/mobile/smart/common/br_quick.png) 50% 50% no-repeat;position: fixed;right:10%;bottom:5%;border-radius: 10rem;border: 1px solid #ed585c;background-size: calc(100% - 2.5rem);box-shadow: .2rem .2rem .2rem #ccc;cursor: pointer}
@keyframes firstQuick {
    0% {opacity:0}
    49% {opacity:0}
    50% {opacity:1}
    100% {opacity:1}
}
@keyframes quickAni {
    0% {opacity:0}
    49% {opacity:0}
    50% {opacity:1}
    100% {opacity:1}
}
.apply_pass--layer{position: absolute;left:50%;top:-5rem;text-align: center;width:9rem;border: 1px solid #ed585c;background: #fff;padding:.8rem .8rem;margin:0 0 0 -4.5rem;font-weight: bold;z-index:3;box-shadow: .2rem .2rem .2rem #ccc;opacity: 0;animation: firstQuick 5s alternate}
.apply_pass--layer__show{animation: quickAni .2s alternate forwards}
.apply_pass--layer::after{content:"";position: absolute;left:47%;top:calc(100% - .2rem);height:.5rem;border-left: 1px solid #ed585c;border-bottom: 1px solid #ed585c;transform: rotate(-45deg);background: #fff;width:.5rem;z-index: 1;}**/