@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;
}

*{
	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; min-height: 100%;}
.bodyHeight {height:100%;}
.videoLayer__close {width: auto !important;}

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{ display:inline-block; width:1.0rem; height:1.0rem; vertical-align:0 !important;}
.ico img{ width:100%;}

.ico_txt{ background:#000; color:#fff; font-size:0.8rem; min-width:1.2rem; height:1.2rem;line-height: 1.2rem; display: inline-block; -webkit-box-orient: horizontal; -webkit-box-pack:  center; -webkit-box-align: center ; text-align: center; padding:0 0.2rem;display: inline-block;font-weight: normal;overflow: hidden;vertical-align: middle;}
.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.t13{ background:#10c1a7; } /*새강좌*/
.ico_txt.t14{ background:#a64af4; } /*겨울대특강*/
.ico_txt.t15{ background: #4b51e5;} /*3월학평*/
.ico_txt.t16{ background: #e549a4;} /*중간고사대비 특강*/
.ico_txt.t17{ background: #5b88f1;}
.ico_txt.t18{ background: #007af3;} /* 6월 모의고사 */
.ico_txt.t19{ background: #ff4348;} /* 파이널 특강 */
.ico_txt.t20{ background: #fd6634;} /* 논술패스 */
.ico_txt.t21{ background: #43bc99;} /* 2020-10-14 비타민 교재 영역 관련 추가 */
.ico_txt.t24{ background: #5f3edb;} /* 개념정주행 */
.ico_txt.t25{ background: #8b9b00;} /* 바로픽업 */
.ico_txt.t26{ background: #7030a0;} /* 9월 모평 */
.ico_txt.t27{ background: #00b7ee;} /* AI */
.ico_txt.t28{ background: #32b16c;} /* E-Book */
.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;}
.ico_txt_app {height:1.4rem;}
.mp_ico18{background:#8b9b00; color:#fff; font-size:0.8rem; padding:0 0.2rem; min-width:1.2rem; display: inline-block
	!important; -webkit-box-orient: horizontal; -webkit-box-pack:  center; -webkit-box-align: center ; text-align: center; line-height: 1.2rem;height:1.2rem;font-weight: bold;overflow: hidden;vertical-align: middle;}/* 바로픽업 */
.ico_s7, .ic_reserve{background:#503bc7; color:#fff; font-size:0.8rem; padding:0 0.2rem; min-width:1.2rem; display: inline-block !important; -webkit-box-orient: horizontal; -webkit-box-pack:  center; -webkit-box-align: center ; text-align: center; line-height: 1.2rem;height:1.2rem;font-weight: bold;overflow: hidden;vertical-align: middle;}/* 예약판매 */
.ic_explan{background:#f34d51; color:#fff; font-size:0.8rem; padding:0 0.2rem; min-width:1.2rem; display: inline-block !important; -webkit-box-orient: horizontal; -webkit-box-pack:  center; -webkit-box-align: center ; text-align: center; line-height: 1.2rem;height:1.2rem;font-weight: bold;overflow: hidden;vertical-align: middle;}/* 해설강좌 */

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;}

.cart-list_pay .ic_baro{color:#8b9b00;font-weight: normal;}
.cart-list_pay .ic_ebook{color:#ed585c;font-weight: normal;}
.cart-list_pay .ic_reserve, .chk_txr .ic_reserve{color:#511ab7;font-weight: normal;background: none;font-size:inherit;padding:0}

/* level icon */
.mlv1{ display:inline-block; width:1rem; height:1rem; vertical-align: 0.1rem; background:url("//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("//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("//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("//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("//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("//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("//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("//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("//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("//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("//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("//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("//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("//img.megastudy.net/mobile/smart_new/btn_ico-zzim.png") no-repeat center; }
.btn_circle22{ overflow:hidden; display:inline-block; background:#dddde8 url("//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("//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("//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("//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("//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_circle53{ overflow:hidden; display:inline-block; background:#fff url("//img.megastudy.net/mobile/smart_new/btn_ico-msg3.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;  border:1px solid #f35155}
.btn_circle54{ overflow:hidden; display:inline-block; background:#fff url("//img.megastudy.net/mobile/smart_new/btn_ico-msg4.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;  border:1px solid #444a59}

.btn_circle6{ overflow:hidden; display:inline-block; background:#5e799d url("//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("//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("//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("//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("//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("//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("//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("//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("//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("//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("//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("//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("//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("//img.megastudy.net/mobile/smart_new/ico_sel-arw_on.png") no-repeat 95% center ;background-size: 0.8rem ;}
.btn_box12{ overflow:hidden; display:inline-block; min-width:6.1rem; padding: 0.7rem 1.3rem; color:#fff; text-align:center; background:#1677cb; }
.btn_box12 span {vertical-align:-0.2rem;}
.btn_box12_01{ overflow:hidden; display:inline-block; min-width:6.1rem; padding: 0.7rem 1.3rem; color:#fff; text-align:center; background:#999999; line-height:1.2rem;}
.btn_box12_01 span {vertical-align:-0.2rem;}
.btn_box12_02{ overflow:hidden; display:inline-block; min-width:6.1rem; padding: 0.3rem 0.5rem; font-size: 0.9rem; color:#fff; text-align:center; background:#1677cb; }
.btn_box12_02 span {vertical-align:-0.2rem;}
.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("//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("//img.megastudy.net/mobile/smart_new/btn_ico-arw11.png"); background-repeat: no-repeat; background-position: 96% center ; background-size: 0.5rem ; }

.btn_box15{ overflow:hidden; display:inline-block; min-width:6.1rem; padding:0.2rem 0.6rem 0.2rem 0.6rem; border:0.1rem solid #1677cb; color:#1677cb; text-align:center; background-color:#fff}
.btn_box16{ overflow:hidden; display:inline-block; min-width:6.1rem; padding:0.2rem 0.6rem 0.2rem 0.6rem; border:0.1rem solid #e44343; color:#e44343; text-align:center; background-color:#fff}

.btn_box17{ overflow:hidden; display:inline-block; min-width:10rem; padding:0.2rem 1.2rem 0.2rem 1.2rem; border:0.1rem solid #444a59; color:#fff; text-align:center; background-color:#444a59 }
.btn_box18{ overflow:hidden; display:inline-block; min-width:10rem; padding:0.2rem 1.2rem 0.2rem 1.2rem; border:0.1rem solid #444a59; color:#222; text-align:center; background-color:#fff}
.btn_box19{ 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; background-image:url("//img.megastudy.net/mobile/smart_new/btn_ico-arw11_on.png"); background-repeat: no-repeat; background-position: 96% center ; background-size: 0.5rem ;}
.btn_box31{ overflow:hidden; display:inline-block; min-width:10rem; padding:0.2rem 1.2rem 0.2rem 1.2rem; border:0.1rem solid #1677cb; color:#fff; text-align:center; background-color:#1677cb}

.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("//img.megastudy.net/mobile/smart_new/ico_btn-chk.png") no-repeat 90% center ;background-size: 1rem ; }
.btn_box6.on{ background-image:url(//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("//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("//img.megastudy.net/mobile/smart_new/ico_btn-chk.png") no-repeat 90% center ;background-size: 1rem ; }
.btn_box7.on{ background-image:url(//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_box10{ overflow:hidden; display:inline-block; min-width:4rem; padding:0.3rem 0.5rem; color:#fff; font-size: 0.9rem; text-align:center; background:#4eadb5; }
.btn_box20{ overflow:hidden; display:inline-block; min-width:6.1rem; padding: 0.3rem 0.5rem; color:#fff; font-size: 0.9rem; text-align:center; background:#000; }
.btn_box20 span {vertical-align:-0.2rem;}
/* OCR 버튼 추가 20230628 */
.btn_box21{ overflow:hidden; display:inline-block; min-width:6.1rem; padding:0.5rem 1rem 0.4rem;border:0.1rem solid #434343; color:#fff; text-align:center; background-color:#434343;vertical-align:middle }
/** OCR 버튼 추가 20230628 **/
.btn_box22 {overflow:hidden; display:inline-block; background:#fff; min-width:5.7rem; padding: 1.5rem 1rem; border:0.1rem solid #696e7a; color:#000; text-align:center; 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("//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("//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("//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("//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("//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_st4{ min-width: 4rem; background:url("//img.megastudy.net/mobile/smart_new/ico_sel-arw.png") no-repeat 93% center ;background-size: 0.8rem ;
position: relative;  padding:1.3rem 1rem 1.3rem 1rem;  display: inline-block; border:0.1rem solid #e4e4e4; color: #000; cursor: pointer; font-size:1.2rem;}

/* 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("//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_tab11+.mn_period{height: 3rem;}
.btn_tab11+.mn_period a{background: none;font-size:1rem;padding:0;}
.btn_tab11+.mn_period a.act{border-bottom: 1px solid #a5a8af;}

.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("//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("//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("//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;  }
.inp2{ display: inline-block; min-width: 5rem; padding:1.3rem 1rem 1.3rem 1rem; border:0.1rem solid #e5e5e5 !important; background-color:#fff; color:#000; text-align:left; font-size:1.2rem;}
.inp2::placeholder {color:#b0b0b0; font-family:'nanum-barun-gothic','Malgun Gothic', '맑은 고딕', sans-serif;}
.input_none {display:none;}

.chkx1{ margin-top:0.5rem; width:1.6rem; height:1.6rem; border:0.1rem solid #696e7a; background:#fff url(//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 #1677cb; color:#fff; background:#1677cb url(//img.megastudy.net/mobile/smart_new/ico_btn-chk2_on.png) no-repeat; background-size: 60%; background-position:center; }
.chkx1:disabled[type='checkbox'] {-webkit-appearance:none; background:#c8c8c8 url(//img.megastudy.net/mobile/smart_new/ico_btn-chk2_ds.png) no-repeat; background-size: 60%; background-position:center; border-color:#696e7a;}
.chkx1:checked:disabled[type='checkbox'] {-webkit-appearance:none; background:#999999 url(//img.megastudy.net/mobile/smart_new/ico_btn-chk2_on.png) no-repeat; background-size: 60%; background-position:center; border-color:#696e7a;}

.chkx11{ width:1.6rem; height:1.6rem; border:0.1rem solid #696e7a; background:#fff url(//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 #1677cb; color:#fff; background:#1677cb url(//img.megastudy.net/mobile/smart_new/ico_btn-chk2_on.png) no-repeat; background-size: 60%; background-position:center; }
.chkx11:disabled[type='checkbox'] {-webkit-appearance:none; background:#c8c8c8 url(//img.megastudy.net/mobile/smart_new/ico_btn-chk2_ds.png) no-repeat; background-size: 60%; background-position:center; border-color:#696e7a;}
.chkx11:checked:disabled[type='checkbox'] {-webkit-appearance:none; background:#999999 url(//img.megastudy.net/mobile/smart_new/ico_btn-chk2_on.png) no-repeat; background-size: 60%; background-position:center; border-color:#696e7a;}

.rdo1{ margin-top:0.5rem;  width:1.6rem; height:1.6rem; border:0.1rem solid #696e7a; border-radius: 1rem; background:#fff; /*background:#fff url(//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:#1677cb url(//img.megastudy.net/mobile/smart_new/ico_btn-chk2_on.png) no-repeat; background-size: 50%; background-position:center; }
.rdo1:disabled[type='radio'] {-webkit-appearance:none; background:#c8c8c8; /*background:#c8c8c8 url(//img.megastudy.net/mobile/smart_new/ico_btn-chk2_ds.png) no-repeat; background-size: 50%; background-position:center; border-color:#696e7a;*/}
.rdo1:checked:disabled[type='radio'] {-webkit-appearance:none; background:#999999 url(//img.megastudy.net/mobile/smart_new/ico_btn-chk2_on.png) no-repeat; background-size: 50%; background-position:center; border-color:#696e7a;}

.rdo2{ margin-top:0.5rem; width:1.6rem; height:1.6rem; border:0.1rem solid #696e7a; border-radius: 1rem; background:#fff; background:#fff; /*background:#fff url(//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(//img.megastudy.net/mobile/smart_new/rdo_ico-cycl.png) no-repeat; background-size: 60%; background-position:center; }
.rdo2:disabled[type='radio'] {background-color:#c8c8c8; }
.rdo2:checked:disabled[type='radio'] {-webkit-appearance:none; background:#999999 url(//img.megastudy.net/mobile/smart_new/rdo_ico-cycl.png) no-repeat; background-size: 50%; background-position:center; border-color:#696e7a;}

.rdo3{ margin-top:0.5rem; width:1.6rem; height:1.6rem; border:0.2rem solid #e7e7e7; border-radius: 1rem; background:#fff; background:#fff;}
.rdo3:checked[type='radio'] {-webkit-appearance:none; border:0.2rem solid #e7e7e7; color:#fff; padding:0.2rem; background:#fff url(//img.megastudy.net/mobile/smart_new/rdo_ico-cycl3.png) no-repeat; background-size:60%; background-position:center; }
.rdo3:disabled[type='radio'] {background-color:#c8c8c8; }
.rdo3:checked:disabled[type='radio'] {-webkit-appearance:none; background:#999999 url(//img.megastudy.net/mobile/smart_new/rdo_ico-cycl3.png) no-repeat; background-size:60%; background-position:center; border-color:#e7e7e7;}


/* textarea */
.txarea { width:100%; min-height:10rem;  padding: 0.5rem 2rem 0.4rem 0.6rem; border:0.1rem solid #696e7a; background-color: #fff !important; font-family:'nanum-barun-gothic','Malgun Gothic', '맑은 고딕', sans-serif }
.txr1 { width:100%; min-height:15rem;  padding: 0.5rem 2rem 0.4rem 0.6rem; border:0.1rem solid #696e7a; background-color: #fff !important; font-family:'nanum-barun-gothic','Malgun Gothic', '맑은 고딕', sans-serif }


/* Etc */
.star1{ display:block; width:5.3rem; height:0.9rem; background-image:url("//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("//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("//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("//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("//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; }
.tb-inf td.tal{text-align:left}



/* 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 .login_info .btn_edit{ float:right; display:inline-block; width:2.2rem; height:1.6rem; font-size:0.9rem; line-height:0.5rem; min-width:5.5rem;}
.sidenav .side_con .login_info li{color:#333}
.sidenav .side_con .login_info li .re-learning--icon.pass_On {display:inline-block;font-size:.87rem;background: #2d71e9; height:1.6rem; color:#fff; margin-right:0.3rem; margin-bottom: 0.3rem;padding:0.2rem 0.4rem;line-height: 1.3rem}
.sidenav .side_con .login_info li .re-learning--icon.pass_Off {display:inline-block;font-size:.87rem;background: #848484; height:1.6rem; color:#fff; margin-right:0.3rem; margin-bottom: 0.3rem;padding:0.2rem;line-height: 1.3rem}
.sidenav .side_con .login_info li .ddayAreaBox {padding-right:1.3rem; background:url("//img.megastudy.net/mobile/smart_new/btn_ico-mem.jpg") no-repeat; background-size:0.8rem ; background-position:right 45%;}
.sidenav .side_con .login_info li .ddayAreaBox strong{color:#1e75c4}
.sidenav .side_con .login_info li .bold{font-size:1.4rem;color:#000}
.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("//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("//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;  vertical-align:bottom;padding-top:0.1rem; }
.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.2rem; color:#fff;  }
.sidenav .my_menu > div img{ vertical-align:middle; }
.sidenav .my_menu .mn_tx1{ margin-top:2px; color:#4be3e6; width:auto;vertical-align: middle;}
.sidenav .my_menu .mn_tx2{ margin-top:2px; color:#f54d4c; width:auto;vertical-align: middle;}
.mn_tx3 {border-top:1px solid #686e7c}
.mn_tx3 em {color:#FFFFFF;margin-left:0.5rem;font-size:1rem;display:inline-block;vertical-align:middle}
.mn_tx3 a {width:100%}

/* 캐쉬/할인권 개선 건 2021-11-09 오픈 */
.sidenav .my_menu.mn_tx4 {border-top:1px solid #686e7c}
.sidenav .my_menu.mn_tx4 > div span {width: auto; margin: 0 0 0 0.2rem; vertical-align: middle !important;}
.sidenav .my_menu.mn_tx4 > div span:first-of-type {margin-left: 0;}
.sidenav .my_menu > div span.ico {width: 2.5rem;}
.sidenav .my_menu > div span.mark {width: 1.25rem;}
/** 캐쉬/할인권 개선 건 2021-11-09 오픈 **/

.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;flex-wrap: wrap;}
.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 li:last-child {-webkit-flex: 1.3; flex: 1.3;}
.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 .stx1{border-right: 1px solid #e4e4e4;}
.sidenav .menu_list2 .stx1 li{min-width:33.3%;max-width:33.3%;width:33.3%;border-width:0 0 1px 1px;}
.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 .menu_list--app{ background:#fff;color:#3f3f3f}
.sidenav .menu_list--app 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_list--app .std1{color: #1677cb;}
.mega_app--all li {border:0 !important;border-width:0 !important;text-align:center}
.mega_app--all li img {width:57%}
.app_mega--tit {display:block;margin-top:0.5rem;}
.menu_list--app li a{display: block;width:100%;height: 100%;padding:1.1rem 0;font-size: 1rem}

.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.08rem;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{ z-index:1000; display:none; position:fixed; right:1rem; bottom:1.5rem; font-size:2rem;}
.mxtop a{  display:block; width:3.5rem; margin:0 auto}
.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("//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("//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("//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; }

.fw_link_info {position:relative;}
.fw_link_info .fw_link01 {position:absolute; left:0; top:0; display:block; width:51.5%; height:100%;}
.fw_link_info .fw_link02 {position:absolute; left:54%; top:0; display:block; width:23%; height:100%;}
.fw_link_info .fw_link03 {position:absolute; left:77%; top:0; display:block; width:23%; height:100%;}
.fw_link_info .fw_link04 {position:absolute; left:84%; top:0; display:block; width:16.2%; height:100%;}
.fw_link_info img {width:100%;}

.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;text-indent: 0.5rem;}
.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("//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("//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("//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;  padding:0.3rem 1.8rem 0.2rem 0.8rem; border:0.1rem solid #444a59; color:#444a59; text-align:center; background-image:url("//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:1rem}
.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;}
.play_area{height: 52vw !important;}
.play_area img{height: 100% !important;}
/* 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) {
	.videoLayer--content{height:auto;}
	.play_area{height:52vw !important}
}

.txt_cau{padding-top:1rem;font-size:0.8rem;color:#8d8d8d}
.lst_notice{padding-top:1rem;line-height:1.3rem;font-size:0.8rem;color:#8d8d8d}

/** 조경희 추가 **/
.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(//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;}**/

.opinion_list .r_n{color:#1677cb}

#megaLoginChange{position:fixed;left:0;top:0;right:0;bottom:0;z-index:99999;padding:1rem;}
#megaLoginChange .loginArea{position:absolute;left:1rem;right:1rem;top:50%;z-index:2;background:#fff;border:2px solid #1162db;transform : translateY(-50%);}
#megaLoginChange img{width:100%}
#megaLoginChange .loginArea__loginInput{padding:0 2rem 0 2rem}
#megaLoginChange .loginArea__loginInput input{width:100%;border:1px solid #dfdfdf;padding:1rem;margin-bottom:1rem;line-height:1rem;font-size:1rem}
#megaLoginChange .loginArea__loginInput a{display:block;width:100%;padding:1rem;margin-bottom:1rem;line-height:1rem;font-size:1rem;background:#f25a5e;color:#fff;text-decoration:none;text-align:center}
#megaLoginChange .megaLoginChange_bg{display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:#000;opacity:.8; filter:alpha(opacity=80);}
#megaLoginChange .btn__close{position:absolute;right:1rem;top:1rem;z-index:2;width:4%}
#megaLoginChange .close2{padding: 0 3% 1% 77%;}


div.modal-content2020{position: fixed; left: 5%; right: 5%; z-index:50; top:50%; transform: translateY(-50%);height:auto !important;}
@media screen and (orientation: landscape) {
	div.modal-content2020{left:5%;right:5%;top:5%;bottom:5%;position: fixed;z-index:50;transform:none;overflow-y: scroll;background: #fff;border: 1px solid #696e7a;}
	div.modal-content2020 .p_layer1{height:100%}
	.modal-content2020 .setting_mem-scl, .modal-content2020 .pack_lec_layer, .modal-content2020 .tec_history, .modal-content2020 .tec_history, .modal-content2020 .p_layer1, .modal-content2020 .free_caulay, .modal-content2020 .zim_layer1{width:100%;border: 0;}
	.modal-content2020 .tcon{height: auto !important;}
	#chrmore_Modal.modal-content2020{top:25%}

  }



  body{display:flex;flex-direction: column}
  .ft_wrap{margin-top:auto}

  .mp_smtSch--area {padding: 2rem 1rem 1rem;position: relative;border-bottom: 6px solid #ffffff}
.mp_smtSch--area img {width: 100% !important}
.mp_smtSch--tit a {font-size: 1.25rem;color: #535353;}
.smtSch--lyBnt {display: inline-block;vertical-align:4px;width: 1.9rem; height: 1.9rem;}
.search__input--area {border: 1px solid #111111;width:100%;position:relative;text-align:left;margin-top:5px;background: #ffffff}
.input_cont--in{display:inline-block;height:34px;margin:0;padding:0;border:none;font-weight:bold;font-size:1.2rem;font-family:"맑은 고딕",Malgun gothic;color:#000000;line-height:35px;vertical-align:top;margin-left:10px;width: 90%}
.input_cont--in::placeholder{font-family:"맑은 고딕",Malgun gothic;font-size:1.2rem;font-weight:lighter;color:#e8e7e7;letter-spacing:-1px;line-height:28px}
.input_cont--in:-ms-input-placeholder{font-family:"맑은 고딕",Malgun gothic;font-size:1.2rem;font-weight:lighter;color:#e8e7e7;letter-spacing:-1px}
.input_cont--in:focus, .search__btn:focus {
	outline: none;
  }
.input_cont--in::-webkit-search-cancel-button{
	-webkit-appearance: none;
}
.blindTxt {display:block;overflow:hidden;position:absolute;left:-9999px;top:-9999px;z-index:-1;width:1px;height:1px}
.search__btn {width:27px;position: absolute;top:5px;right:6px;height:27px;border: 0 none;background-color: transparent;background:url(//img.megastudy.net/Common/board_2019/btn_smt.gif) 0 0 no-repeat;cursor:pointer}

.main_cast{ margin:0; background:#fff; display: -webkit-flex; display: flex; text-align: center }
.main_cast .newc, .main_cast .bestc{  -webkit-flex: 1; flex: 1;display: -webkit-flex; display: flex; background:#f6f6f7;-webkit-align-items: center;align-items: center;border-bottom:0.1rem solid #e4e4e4;font-size:1.25rem;line-height:1.25rem;}
.main_sch{ margin:1rem 1rem 0; }
.main_sch .msbox{ display: flex}
.main_sch a{  flex:1; height:3.5rem;text-align:center; color:#242b3f; align-items: center;line-height: 3.5rem;background: #fff;font-size:1.1rem;letter-spacing: -0.1rem;}
.main_sch a:first-child{margin-right: .25rem;}
.main_sch .sch2::before{content: '';display: inline-block;background:#fff url(//img.megastudy.net/mobile/smart/main/ic_explain.png) 0 50% no-repeat;background-size: 100% auto;width:11%;height:56%;margin-right: 2%;background-size: contain;}
.main_sch .sch1::before{content: '';display: inline-block;background:#fff url(//img.megastudy.net/mobile/smart/main/ic_teachers.png) 0 50% no-repeat;background-size: 100% auto;width:16%;height:56%;margin-right: 2%;background-size: contain;}
.main_sch.main_sch2{padding-bottom: 1rem;}
.main_cast .newc a, .main_cast .bestc a{font-size:1.167rem;height:3rem;overflow: hidden; line-height: 3.4rem;flex: 1;;}
.main_cast .on{ background:#fff;  border-bottom:0; }
.main_cast .on .cst_bt{ font-family: 'nanum-barun-gothic-bold';}
.main_cast a:first-child{border-right: 1px solid #e4e4e4;}

/* 댓글 */
.common_rpy { margin-top:1.3rem; padding:1.5rem 1.3rem; overflow:hidden; border:.0.1rem solid #e4e4e4; border-width:0.1rem 0 0.1rem 0; background:#fff;}
.common_rpy .full_tit {/*font-weight:bold;*/}
.common_rpy .full_tit i{ color:#f34d51; }
.common_rpy .table_area {padding: 0.8rem 0 0 0;}
.common_rpy .tc_box {display:block; padding:0 0.7rem; width:6.2rem; float:left; text-align:left; line-height:1.8rem;}
.common_rpy .tc_box img {vertical-align:middle;}
.common_rpy .pt_box { text-align:right; padding:0.8rem 0 0 0;}
.common_rpy .reply_input {width:75%;min-height:2rem;padding:0; border: 1px solid #696e7a;  font-family: 'nanum-barun-gothic-light'; background-color: #fff !important;}
.common_rpy .textarea_on {display:none;}
.common_rpy .textarea_on .reply_input {width:100%; min-height:9rem; padding: 0.5rem 2rem 0.4rem 0.6rem; color:#8d8d8d;}
.common_rpy .textarea_on .btn_box1 {padding:0.4rem 0.8rem 0.3rem;}
.common_rpy .textarea_on .pt_box { display:flex;padding:0.8rem 0 0 0;align-items: flex-start;}
.common_rpy .textarea_on .pt_box a{ margin-left: auto;}
.common_rpy .textarea_on .pt_box p a{display:inline-block;color:#1677cb;text-decoration: underline;margin-left: 0.8rem;position: relative;}
.common_rpy .textarea_on .pt_box p a::after{content:'>';position: absolute;right:-1rem;top:0;}
.common_rpy .textarea_on .pt_box p{ text-align: left;padding-left: 1rem; text-indent: -0.8rem;padding-right: 5%;flex:2}
.common_rpy .textarea_off .reply_input { font-size:0; float:left;}
.common_rpy .textarea_off .btn_box1 {padding:0.4rem 0.8rem 0.3rem;}

.common_rpy3{position:relative; padding:1.5rem 1.3rem 1.3rem 1.8rem; border:0.1rem solid #e4e4e4; border-width: 0.1rem 0 0 0;  background:url("https://img.megastudy.net/mobile/smart_new/ico_rpy-img.png") no-repeat; background-size:1rem ; background-position:0 1.5rem; text-align:left}
.common_rpy3 .hinf .name{padding-bottom:0.5rem;text-align:left }
.common_rpy3 .hinf .name span{padding-top: 0.5rem; font-size:0.9rem; color:#333; }
.common_rpy3 .hinf .name a{ margin-left: 0.1rem;}
.common_rpy3 .hinf .del_btn{position:absolute;right:0;top:1rem;display:inline-block; width:1.6rem; height:1.6rem; background:url("https://img.megastudy.net/mobile/smart_new/btn_ico-close.png") no-repeat; background-size:100%;     vertical-align: middle; }
.common_rpy3 .hinf .del_btn i{ display:none; }
.common_rpy3 .hinf a.del_btn{margin-left: 0.5rem;}
.common_rpy3 .con{width:100%;margin-bottom:1rem; padding-right:2rem}

.common_rpy2{ padding:1.5rem 1.3rem; border:0.1rem solid #e4e4e4; border-width:0.1rem 0 0 0; background:#fff; }
.common_rpy2.common_rpy2__notice{background: #fff0f0;padding-top: 1.3rem;margin-top: 0;}
.common_rpy2:nth-child(1){ margin-top:1.3rem; }
.common_rpy2 .hinf .name{ padding:0 2rem 0.5rem 0; position: relative;*zoom:1;}
.common_rpy2 .hinf .name::after { display:table; clear:both; content:''; }
.common_rpy2 .hinf .name span{ float:left; padding-top: 0.5rem; font-size:0.9rem; color:#8d8d8d; }
.common_rpy2 .hinf .name .stars{ padding-top: 0;}
.common_rpy2 .hinf .name .del_btn { float:right; }
.common_rpy2 .hinf .name .ic_notice {background: #ff4348;color:#fff;display: inline-block;margin-right: 0.2rem;padding: 0.1rem 0.4rem;border-radius: 0.3rem;margin-top: 0.4rem;}
.common_rpy2 .bxcmt  { position: relative; }
.common_rpy2 .hinf .user_data  span{ color:#333}
.common_rpy2 .hinf .user_data .bar{ margin:0 0.2rem}
.common_rpy2 .hinf .del_btn{ display:inline-block; width:1.6rem; height:1.6rem; background:url("https://img.megastudy.net/mobile/smart_new/btn_ico-close.png") no-repeat; background-size:100%;     vertical-align: middle; }
.common_rpy2 .hinf .del_btn i{ display:none; }
.common_rpy2 .con{ margin-bottom:1rem;padding:0 2rem 0.5rem 0 }
.common_rpy2 .alart_txt{color:#999}

.common_rpy2 .btn_box11 i{ color: #f34d51; }
.common_rpy2 .pt_box { text-align:right; padding:0.8rem 0 0 0;}
.common_rpy2 .reply_input {width:75%;min-height:2rem;padding:0; border: 1px solid #696e7a;  font-family: 'nanum-barun-gothic-light'; background-color: #fff !important;}
.common_rpy2 .textarea_on {display:none;}
.common_rpy2 .textarea_on .reply_input {width:100%; min-height:9rem; padding: 0.5rem 2rem 0.4rem 0.6rem; color:#8d8d8d;}
.common_rpy2 .textarea_on .btn_box1 {padding:0.4rem 0.8rem 0.3rem;}
.common_rpy2 .textarea_off .reply_input {font-size:0; float:left;}
.common_rpy2 .textarea_off .btn_box1 {padding:0.4rem 0.8rem 0.3rem;}
.common_rpy2 .megacast_reply, .common_rpy2 .megacast_reply .common_rpy3{padding-right: 0;}
.common_rpy2 .btn_box11{margin-right: 0.2rem;}
.common_rpy2 .hinf .name .ico_txt, .common_rpy3 .hinf .name .ico_txt {padding-bottom:0;float:left;color:#fff;padding-top: 0;margin-top:0.5rem;}
.common_rpy3 .hinf .name .ico_txt{margin-top: 0;}
.common_rpy2 .ic_more, .megacast_reply .ic_more, .tec_reply .ic_more, .tecme_rpy2 .ic_more, .common_rpy3 .ic_more{position: absolute;right:0;top:0.5rem;}
.common_rpy2 .ic_more img, .megacast_reply .ic_more img, .tec_reply .ic_more img, .tec_reply2 .ic_more img, .common_rpy3 .ic_more img{transform: rotate(90deg);}
.common_rpy3 .ic_more{top:1.5rem}
.tec_reply .hinf{position: relative;}

.common_rpy2 .list--button, .common_rpy3 .list--button {display:none; position:absolute; right:5%; top:2.5rem; z-index:1; border: 1px solid #e5e5e5; background:#fff; box-sizing: border-box; -webkit-box-sizing: border-box;width:6.1rem}
.common_rpy2 .list--button a, .common_rpy3 .list--button a {display:block; width: 100%; font-size: 1rem; color:#333333; line-height: 2.6; letter-spacing: -0.5px; font-weight:bold; text-align: center; vertical-align: middle; box-sizing: border-box; -webkit-box-sizing: border-box;}
.common_rpy3 .list--button{top:12%;right:8%}
.common_rpy2 .list--button.open, .common_rpy3 .list--button.open {display:block;}

.megacast_rpy3 .list--button {display:none; position:absolute; right:1.4%; top:63%; z-index:1; width: 54px; border: 1px solid #e5e5e5; background:#fff; box-sizing: border-box; -webkit-box-sizing: border-box;}
.megacast_rpy3 .list--button a {display:block; width: 100%; height: 30px; font-size: 12px; color:#333333; line-height: 30px; letter-spacing: -0.5px; font-weight:bold; text-align: center; vertical-align: middle; box-sizing: border-box; -webkit-box-sizing: border-box;}
.megacast_rpy3 .list--button.open {display:block;}
/* 댓글 */

#opsbot-chat{bottom:5.5rem !important;right: 1rem !important;}
#opsbot-chat[data-state='card']{width:auto !important;height: auto !important;left: 1rem !important;top: 1rem !important}
/* .opsbot--ani--wrap{width:0;overflow: hidden;position: fixed;right:2.4rem;bottom:5.5rem;height: 45px;z-index: 999;}
.opsbot--ani{width:100px;height:45px;background: #007dfb;border-radius: 45px 0 0 45px;position: absolute;left:0;top:0;display: flex;align-items: center;color:#fff;}
.opsbot--ani span{display: inline-block;padding-left: 16px;letter-spacing: -0.01rem;font-size:0.9rem}
.opsbot--ani--wrap{animation: 2s opsbot--ani 3s ease;}
@keyframes opsbot--ani{
	0% {width:21px}
	20% {width:100px;}
	85% {width:100px;}
	100% {width:21px;}
} */

/* #ktcsChatbotContents {position: fixed !important; right: 1rem !important; left: 1rem !important; top: 1rem !important; bottom: 5.5rem !important; z-index: 9999; width: auto !important; min-width: auto !important; padding: 0 !important;} */

.list-more .btn_box1{display:block;margin:1rem 1.3rem;padding:1rem 0;text-align:center}

/* 20230306 모바일웹 개편 관련 사이드 네비 외 스타일 추가 */
.sidenav {z-index: 1020;}

.head_wrap .alg_right {margin-top: .1em;}
.head_wrap .alg_right > span {display: block; position: relative;}
.head_wrap .alg_right .red_dot {display: flex;justify-content: center;align-items: center; position: absolute;top:0;right:-.1rem;width: 1.2rem;line-height: 1.2rem; font-size:.7rem;color:#fff;background: #e94b58;border-radius: 50%;}

/* 사이드 네비 */
.sidenav .side_con .login_info{display:flex;align-items: center;}
.sidenav .side_con .login_info ul{float:none;margin-right:auto;}
.sidenav .side_con .login_info .btn_edit3{float:none;width:2.3rem}
.sidenav .side_con .login_info .btn_edit2{float:none;width:1.9rem;margin-right: 4%;position: relative;;}
.sidenav .side_con .login_info .btn_edit2 .num{font-size:.7rem;display: block;position: absolute;right:-35%;top:-7%;line-height: 1.5rem;width:1.5rem;background: #e94b58;color:#fff;border-radius: 1.5rem;text-align: center;}
.sidenav .menu_list2 li:last-child{flex:1}

.sidenav .side_head {padding: 1rem 1.3rem 0; text-align: left;border-bottom: .1rem solid #1975c8;}
.sidenav .side_head h1 {display: inline-block;width: 8.7rem;height: 2rem;opacity: 0;visibility: hidden;}
.sidenav .side_head h1 img {width: 100%;vertical-align: 1rem;}
.sidenav .closebtn {top:50%;margin-top: 0; transform: translateY(-50%);}
.sidenav .side_head .desc_login, .sidenav .side_head .user_name {position: absolute;top:50%;left:auto;transform: translateY(-50%);}
.sidenav .side_head .desc_login {font-size: 1.1rem;}
.sidenav .side_head .desc_login b {color:#2082dd;}
.sidenav .side_head .user_name {padding-right: 1rem;font-size: 1.3rem;}
.sidenav .side_head .user_name::after {content: '';position: absolute;top:50%;right:0;width: .6rem;height: .8rem;transform: translateY(-50%); background: url('https://img.megastudy.net/mobile/smart_new/ico_allmenu_arrow01.png') no-repeat 50% 0 / 100% 100%;}
.sidenav .side_head .user_name span {width: auto;height: auto;}
.sidenav .side_head .btn_logout {position: absolute;top:50%;right:4.5rem;transform: translateY(-50%);/*padding: .4rem .8rem;font-size: .9rem; color:#fff; background: #8d8d8d;*/}

.sidenav .side_con .user_info {display: flex;align-items: center; padding: .9rem 1.3rem; background: #1677cb;}
.sidenav .side_con .user_info, .sidenav .side_con .user_info a {color:#fff;}
.sidenav .side_con .user_info .profile_badge {margin-right: 1.2rem; width: 16%;flex: 0 auto;}
.sidenav .side_con .user_info .profile_badge img {width: 100%;}
.sidenav .side_con .user_info .misc_desc {font-size: 1.15rem;line-height: 1.4; letter-spacing: -.2px;}
.sidenav.is_login .side_con .user_info .misc_desc > a:first-child,
.sidenav .side_con .user_info .misc_desc .btn_target {position: relative;}
.sidenav.is_login .side_con .user_info .misc_desc > a:first-child::after,
.sidenav .side_con .user_info .misc_desc .btn_target::after {content: '';position: absolute;bottom:2px;left:0;width: 100%;height: 1px;background: #fff;}
.sidenav .side_con .user_info .misc_desc .btn_target::after {bottom: 0; background: #fadd85;}
.sidenav.is_login .side_con .user_info .misc_desc > a:first-child + p,
.sidenav .side_con .user_info .misc_desc .btn_target {color:#fadd85;}
.sidenav .side_con .user_info + .non_member {padding: 0 1.3rem 1.3rem; background: #1677cb;}
.sidenav .side_con .user_info + .non_member .inner {display: flex;justify-content: space-between; padding-top: 1.3rem; border-top: 1px solid #60a3dc;}
.sidenav .side_con .user_info + .non_member a {width: 49%;font-size: 1.15rem; line-height: 3rem;text-align: center; border: 1px solid #fff;border-radius: .5rem;}
.sidenav .side_con .user_info + .non_member .btn_login {color:#1677cb;background: #fff;}
.sidenav .side_con .user_info + .non_member .btn_join {color:#fff;}

.sidenav .side_con .user_quicklink {display: flex;justify-content: space-between;padding: 16px 2.5rem;background: #2b86d4;}
.sidenav .side_con .user_quicklink a {position: relative;flex: 0 0 62px; width: 20%; font-size: 13px; color: #fff; text-align: center;}
.sidenav .side_con .user_quicklink span:first-child {display: inline-block;position: relative; margin: 0 auto 7px; width: 50%;}
.sidenav .side_con .user_quicklink span + span {display: block;line-height: 16px;}
.sidenav .side_con .user_quicklink .red_dot {display: flex;align-items: center;justify-content: center; position: absolute;top:-.1rem;right:-.4rem;width: 19px; font-size: 10px;line-height: 19px; background: #e94b58;border-radius: 1.5rem;}
.sidenav .side_con .my_mega {position: relative; display: flex;background: #1677cb;}
.sidenav .side_con .my_mega a {padding: 1.3rem 0; width: 50%;text-align: center;font-size: 1.07rem; color:#fff;}
.sidenav .side_con .my_mega a + a::after {content:'';position: absolute;top:50%;left:50%;transform: translateY(-50%);width: 1px; height: 30%;background: #fff;}
.sidenav .side_con .my_search {padding: 1rem 0;background: #eaeaec;}

.sidenav .side_con .allmenu {position: relative;border-bottom: 1px solid #eaeaec;overflow: hidden;}
.sidenav .side_con .allmenu_d1 {width: 50%;}
.sidenav .side_con .allmenu_btn_d1 {color:#333; background: #f6f6f7;border-bottom: 1px solid #f6f6f7;}
.sidenav .side_con .allmenu_btn_d1 {position: relative;}
.allmenu_btn_d1[href="javascript:;"]::after{ position: absolute;right: 9%;top: 50%;content: '';width: 0.5rem;height: 0.5rem;border-top: 0.16rem solid #c8c8c8;border-right: 0.16rem solid #c8c8c8;transform: rotate(45deg) translateY(-75%);}
.sidenav .side_con .allmenu_btn_d1.is_current {color:#fff; background: #1677cb;}
.sidenav .side_con .allmenu_btn_d1.is_current::after {border-color: #fff;}
.sidenav .side_con .allmenu_btn_d1.is_current + .allmenu_d2 {display: block;}
.sidenav .side_con .allmenu_d2 {display: none; position: absolute;top:0;left:50%;width: 50%;height: 100%;overflow: hidden;overflow-y: auto;}
.sidenav .side_con .allmenu_d2 a {border-bottom: 1px solid #e4e4e4;}
.sidenav .side_con .allmenu_btn_d1,
.sidenav .side_con .allmenu_d2 a {display: block;padding: 1.2rem;font-size:1.07rem;}
.sidenav .side_con .allmenu .icox1 {display: -webkit-inline-box;display: inline-box;width: 1rem;height: 1rem;vertical-align: middle;}

.sidenav .menu_list--app h1 {height: auto;font-size: 1.2rem; background: #fff; border-bottom: 0;}
.sidenav .menu_list2 {border-top: 0;}
.sidenav .academy {border-bottom: 0;}
.sidenav .menu_list--app.academy .mlink.mega_app--all {justify-content: space-around;padding: 0 1rem;}
.sidenav .academy a {font-size: 1rem;letter-spacing: -.05rem;}
.sidenav .app_mega--tit {margin-top: .7rem;}
.sidenav .my_search .mp_smtSch--tit, .sidenav .my_search .main_sch.main_sch2 {display: none;}
.sidenav .my_search .search__input--area {margin-top: 0;}
.sidenav .my_search .mp_smtSch--area {padding: 1.2rem;}
.sidenav .menu_list2 ul {background: #eaeaec;}
.sidenav .menu_list2 li {border: 0;}
.sidenav .menu_list2 .mlink img {width: 37%;}
.sidenav .menu_list2 .mlink span {display: block;margin-top: .7rem;}

.myPass{position: relative;border-top: 1rem solid #eaeaec;border-bottom: 1rem solid #fff;padding:0 1rem}
.myPass h1{font-size:1.25rem;color:#535353;padding:2rem 1rem 0.5rem 0}
.myPass--list{margin:0 0 0.5rem 0;width:100%;overflow: hidden;height: 2rem;}
.myPass--list.on{height: auto;}
.myPass--list li{line-height: 1.8;}
.myPass--arr{position: absolute;right:1.3rem;top:2rem}
.myPass--arr span {position: relative;}
.myPass--arr span::after {content: '';width: 0.7rem;height: 0.7rem;border-top: 0.1rem solid #121212;border-right: 0.1rem solid #121212;display: inline-block;transform: rotate(135deg);position: absolute;top: 0;right: 0;}
.myPass--arr.on{top:2.4rem}
.myPass--arr.on span::after {content:'';transform: rotate(315deg);}
.myPass--btn{width:100%}

.br_top--more{position: absolute;right:0;bottom:0;z-index: 3;width:4.82rem;height:1.6rem;line-height: 1.8rem;overflow: hidden;text-align: center;box-sizing: border-box;padding-right: 1.6rem;color:#fff;font-size: .8rem}

.br_top--more::after{content: '';position: absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,5); opacity:0.6;z-index: -1;}
.br_top--more a{position: absolute;right:0;top:0;width:36.2%;height:100%;background:#000;}
.br_top--more a::before{content: '';display: block;height:calc(50% - 1px);position: absolute;top:0;left:25%;right:25%;border-bottom: 1px solid #fff;}
.br_top--more a::after{content: '';display: block;width:50%;position: absolute;left:0;top:25%;bottom:25%;border-right: 1px solid #fff;}
.br_top--more3{padding-right: 0;text-align: center;color:#3f3f3f}
.br_top--more3::after{background: none}
.swiper-pagination-current{font-weight: bold;}
.more_wrap{width:100%;position: relative;margin:0 auto;}
.ly_top---more{position: fixed;left:0;top:0;right:0;bottom:0;z-index:10000;display: none;overflow-y: auto;text-align: center}
.ly_top---more h3{position: absolute;left:0;right:0;top:2.7%;text-align: center;color:#fff;font-size:1.2rem;font-weight: normal}
.ly_top---more::after{content:'';position: fixed;left:0;top:0;right:0;bottom:0;background: #000;opacity:0.9;z-index: -1;}
.ly_top---more>a>img{width:100%;display:block;max-width:640px;margin:0 auto}
.ly_top--btn{text-align: right;padding:1.4rem 2rem;position: relative}
.ly_top--btn img{width:3.8%}
.main_ban-sub3{position: relative}

.br_openApp{background: #f3f6fb;display: flex;align-items: center;justify-content: space-between;padding:2% 3.8%}
.openAppCont{display: flex;align-items: center;font-size:0.9rem;color:#848487;}
.openAppCont strong{font-size:1rem;color:#174fbe}
.openAppCont img{width:13.22%;margin:0 3.33%;}
.openAppClose{display: flex;align-items: center;width:4%;margin:0 5% 0 0}
.openAppClose img{width:100%}
.openAppBtn{font-size:0.9rem;color:#fff;width:19.44%;max-width:140px;display: flex;align-items: center;justify-content: center;background: #02b5e8;height: 1.9rem;border-radius: 1.9rem;}

.br_openAppfooter{background: #fff;display: flex;align-items: center;justify-content: space-between;padding:0 2.4% 0 4%;width:66%;border-radius: 3rem;border: 0.5vw solid #02b5e8;position: fixed;left:50%;bottom:1.4rem;transform: translateX(-50%);z-index:101;height: 3.8rem;box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.26);}
.br_openAppfooter .openAppBtn{flex:none;width:31%;}
.br_openAppfooter .openAppCont img{width:9%;margin:0 3.33%;border-radius: 50%/50%;border: 1px solid #000;margin-left: 0;}
.br_openAppfooter .openAppCont img{height: 2.8rem;width:auto;display: none;}
.br_openAppfooter .openAppCont{flex:2;color:#333;font-weight: bold;}
@media screen and (min-width:760px) {
	.br_openAppfooter{border: 0.4vw solid #02b5e8;width:60%}
}
@media screen and (min-width:1024px) {
	.br_openAppfooter{border: 0.3vw solid #02b5e8;width:60%}
}
.pc-home-direct-link { clear:both; margin:0; padding:5% 5% 100px; background:#f0f0f0; }
.pc-home-direct-link a { font-size:7vw; display:block; overflow:hidden; padding:5vw 0; text-align:center; text-decoration:none; color:#222; border:2px solid #b5b8bf; border-radius:12px; background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#eaebef)); background-color:#f9fafb; -webkit-box-shadow:0 2px 1px rgba(0,0,0,.06), inset 0 0 3px #fff; box-shadow:0 2px 1px rgba(0,0,0,.06), inset 0 0 3px #fff; }
/* ---------------------------------- 20241210 모바일웹 메인 배너 영역 개편 작업 ----------------------------------------- */


/* ---------------------------------- 20241210 모바일웹 메인 배너 영역 개편 작업 ----------------------------------------- */