@charset "euc-kr";

/* Popup Style Ãß°¡ - 2016.06.09 */
.wrap_pop   { overflow-y:auto; padding:20px; text-align:left; }
.wrap_pop label { display:inline-block; margin-right:10px; color:#666; cursor:pointer; }
.wrap_pop input[type=radio],.wrap_pop input[type=checkbox]{ border:none; vertical-align:-3px; }
.pophead_title  { display:block; margin-bottom:20px; padding:10px 0 20px; border-bottom:1px solid #aaa; font-size:21px; font-weight:bold; color:#181818; letter-spacing:-1px; }
.bultxt { display:block; padding-bottom:7px; }
.bultxt:before  { content:"-"; margin-left:-9px; letter-spacing:4px; }
.bultxt i   { font-size:11px; color:#aaa; }
.stn_terms  { height:360px; border:10px solid #eee; }
.stn_terms .inner   { overflow-y:scroll; height:338px; margin:1px; padding:10px; }
.stn_terms .inner h3         { display:block; margin-bottom:8px; font-size:14px; font-weight:bold; letter-spacing:-1px; }
.stn_terms .inner h3:before  { content:"¡Ø"; padding-right:5px; font-size:11px; }
.stn_terms .inner h3 i       { font-size:13px; font-weight:normal; color:#999; }
.stn_terms .inner p { font-size:12px; color:#777; }

/* -------------------------------------------------------------------------------------------------------------------------------------- */

/* BUTTON LIST */
.btn_side,.btn_default,.btn_small   { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.btn_side,.btn_default   { overflow:hidden; display:inline-block; min-width:140px; height:40px; margin-left:1px; padding:0 15px; font-size:15px; font-weight:bold; color:#fff; line-height:38px; text-align:center; }
.btn_side           { background-color:#8c8c91; }
.btn_side:hover     { background-color:#64646e; }
.btn_default        { background-color:#f55032; }
.btn_default:hover  { background-color:#c83214; }

.btn_regular    { min-width:90px; height:30px; font-size:12px; line-height:27px; }

.btn_line,.btn_small   { display:inline-block; min-width:50px; margin-left:1px; padding:0 10px; font-size:11px; letter-spacing:-1px; text-align:center; }
.btn_line   { height:20px !important; border:1px solid #9696a0; color:#777; line-height:17px !important; }
.btn_small  { height:22px !important; background-color:#555555; color:#fff !important; line-height:19px !important; }
.btn_line:hover { border:1px solid #555; color:#333 !important; }
.btn_small:hover{ background-color:#333; color:#fff !important; }

.btn_high,.btn_low { display:inline-block; min-width:30px; height:15px; margin-left:1px; padding:0 7px; font-size:10px; font-weight:bold; color:#fff; line-height:13px; text-align:center; vertical-align:middle; }
.btn_high { background-color:#c85a46; }
.btn_low  { background-color:#4678aa; }
.btn_high:after,.btn_low:after { content:"¢º"; float:right; padding-left:2px; font-size:5.5px; line-height:13px; }

.arrup,.arrdown,.arrleft,.arrright { text-align:left !important; }
.arrup:after,.arrdown:after,.arrright:after    { float:right; padding-left:5px; }
.arrup:after    { content:"¡ã";  font-size:6.5px; line-height:18px; }
.arrdown:after  { content:"¡å";  font-size:6.5px; line-height:18px; }
.arrright:after { content:"¢º"; font-size:5.5px; line-height:20px; }
.arrleft:before { content:"¢¸"; padding-right:5px; font-size:5.5px; }

.ic_tobe,.ic_deadsoon,.ic_deadline,.ic_tagline,.ic_tagfill  { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.ic_tobe,.ic_deadsoon,.ic_deadline  { overflow:hidden; display:inline-block; height:22px !important; margin-left:1px; padding:0 7px; font-size:11px; color:#fff !important; letter-spacing:-1px; line-height:18px !important; text-align:center; vertical-align:middle; }
.ic_tobe        { width:34px; background-color:#aaa; }
.ic_deadsoon    { min-width:55px; background-color:#f09614; }
.ic_deadline    { min-width:55px; background-color:#d51212; }
.ic_tagline,.ic_tagfill { display:inline-block; min-width:30px; height:18px; margin-left:1px; padding:0 7px; font-size:11px; line-height:13px; letter-spacing:-1px; text-align:center; vertical-align:middle; }
.ic_tagline { border:1px solid #9696a0; color:#777; }
.ic_tagfill { background-color:#555555; color:#fff; line-height:15px; }

.ic_ing,.ic_end,.ic_nob  { display:inline-block; min-width:30px; height:18px; padding:0 12px; border:none; border-radius:9px; font-size:11px; color:white; line-height:15px; letter-spacing:-1px; text-align:center; }
.ic_ing { background-color:#f55032; }
.ic_end { background-color:#4678b4; }
.ic_nob { background-color:#aaaaaa; }

/* BTN - BG COLOR */
.bg_org        { background-color:#f55032; }
.bg_org:hover  { background-color:#c83214; }
.bg_green        { background-color:#96b432; }
.bg_green:hover  { background-color:#64821e; }
.btn_lblue          { background-color:#6496b4; }
.btn_lblue:hover    { background-color:#326496; }
.btn_lgreen         { background-color:#46a03c; }
.btn_lgreen:hover   { background-color:#28781e; }

.btn_area   { margin-bottom:40px; }
.btn_area span,.reply_area span  { overflow:hidden; display:inline-block; }
.fl_l { float:left;  }
.fl_r { float:right; }

/* font-size */
.fnt12  { font-size:12px !important; }

/* Margin */
.mb5    { margin-bottom:5px  !important; }
.mb10   { margin-bottom:10px !important; }
.mb15   { margin-bottom:15px !important; }
.mb20   { margin-bottom:20px !important; }
.mb25   { margin-bottom:25px !important; }
.mb30   { margin-bottom:30px !important; }
.mb35   { margin-bottom:35px !important; }
.mb40   { margin-bottom:40px !important; }

.mt5    { margin-top:5px  !important; }
.mt10   { margin-top:10px !important; }
.mt15   { margin-top:15px !important; }
.mt20   { margin-top:20px !important; }
.mt25   { margin-top:25px !important; }
.mt30   { margin-top:30px !important; }
.mt35   { margin-top:35px !important; }
.mt40   { margin-top:40px !important; }

.group_mainbtn   { margin:0; text-align:center; }
.group_mainbtn .mainbtn { display:inline-block; margin:0 1px; }
.txtend     { font-size:11px; color:#aaa; }
.txtcheck   { display:block; padding:0 25px 15px;; font-weight:bold; color:#222; text-align:right; }
.txtorg     { color:#f55032 !important; }
.txtblue    { color:#0082fe !important; }
.txtblack   { color:#555555 !important; }
.txtbold    { font-weight:bold  !important; }
.txtcenter  { text-align:center !important; }
.txtright   { text-align:right  !important; }
.txtleft    { text-align:left   !important; }
.txthegt    { line-height:24px  !important; }

.txtgray    { color:#b5b5b5; }
.txtyell    { color:#fff03c; }
.txtyell2   { color:#f09614; }
.txtgrn     { color:#14c81e; }
.txtred     { color:#e60000; }
.paysale    { color:#c8c8c8; text-decoration:line-through; }

/*--------------------------------------------------------------------------------------------------------------------------------------*/

/* 2018.12.24 Online popup style Ãß°¡ */

/* Margin */
.marginT20	{ margin-top:20px;}
.marginT15	{ margin-top:10px;}
.marginT10	{ margin-top:10px;}
.marginT5	{ margin-top:5px;}
.mt5	{ margin-top:5px;}
.mt10	{ margin-top:10px;}
.mt20	{ margin-top:20px;}

/* Align */
.alignTr	{ text-align:right;}
.alignTc	{ text-align:center;}

/* float *//*160907*/
.areaF { overflow:hidden !important; }
.fl { float:left !important; }
.fr { float:right !important; }
.clear { clear:both !important; }

/* Layout */
.con_page	{ position:relative; width:800px; overflow:hidden;}
.popup	{ position:relative; /*border: solid 10px #d1d8df;*/margin:0 auto; padding:25px 30px; }/*2020.02.04 Æ˾÷ ¶óÀÎ »èÁ¦*/
.popup .popScroll	{ position:relative; width:100%; height:450px; overflow-y:scroll; overflow-x:hidden; margin-bottom:10px;}
.fTy	{ font-family:'¸¼Àº°íµñ', Malgun Gothic, '³ª´®°íµñ', NanumGothic, 'µ¸¿ò', '±¼¸²', dotum, gulim !important; }

/*Font*/
.txtSt1	{ text-align:right; margin-top:10px;}
.txtSt1 strong	{ color:#2187e9 }
.txtblue, .stxtblue	{ color:#2187e9}
.txtgray, .stxtgray	{ color:#999}
.txtred, .stxtred	{ color:#f24443;}
.stxtblue, .stxtgray, .stxtorg	{ font-size:11px;}
.stxt	{ font-size:11px;}
.txtAlignL	{ text-align:left}
.txtU	{ text-decoration:underline}

/*Border*/
.borderBsolid	{ border-bottom:1px solid #DCDCDC; padding-bottom:20px;}
.borderBdot	{ border-bottom:1px dotted #DCDCDC; padding-bottom:20px;}
.borL { border-left:1px solid #d6d7d9 !important; }
.borR { border-right:1px solid #d6d7d9 !important; }
.borT { border-top:1px solid #d6d7d9 !important; }
.borTN { border-top:none !important; }
.borBN { border-bottom:none !important; }

/*H*/
.popup h2, .popup h3, .popup h4, .popup h5	{ font-family:'¸¼Àº°íµñ', Malgun Gothic, '³ª´®°íµñ', NanumGothic, 'µ¸¿ò', '±¼¸²', dotum, gulim !important; font-size:20px; font-weight:bold; letter-spacing:-1px; color:#333;}
.popup h2	{ font-size:20px; border-bottom:solid 1px #9f9fa1; padding-bottom:12px; margin-bottom:15px; letter-spacing:-1px;}
.popup h3	{ font-size:15px; margin-bottom:8px;}
.popup h2 span, .popup h3 span, .popup h4 span, .popup h5 span	{ color:#258ef3; letter-spacing:-1px;}
.popup h2	em	{ font-size:13px; margin-left:5px; color:#666;}
.popup h3	em	{ font-size:11px; margin-left:5px; color:#666;}
.popup h4	{ font-size:13px; margin-bottom:8px;}
.popup h5	{ font-size:12px; margin-bottom:8px;}
.popup .h3Ty1	{ font-size:15px; margin-bottom:10px; background:url(//img.megamd.co.kr/lec_n/popup/icon_pop.png) no-repeat left 5px; color:#258ef3; padding-left:14px;}

/*TAB*/
.popup .tab_st1	{ position:relative; width:100%; overflow:hidden; border:1px solid #ccccce; background:#f4f3f8;}
.popup .tab_st1 .off, .popup .tab_st1 .off_last, .popup .tab_st1 .on	{ float:left; width:24.85%; height:38px; line-height:36px; text-align:center; border-left:1px solid #ccccce}
.tab_st1 li:last-child	{ border-right:none;}
.popup .tab_st1 .off a, .popup .tab_st1 .off_last a, .popup .tab_st1 .on a, .popup .tab_st1 .on_last a	{ font-family:'¸¼Àº°íµñ', Malgun Gothic, '³ª´®°íµñ', NanumGothic, 'µ¸¿ò', '±¼¸²', dotum, gulim !important; font-size:12px; font-weight:bold; color:#777; letter-spacing:-1px;}
.popup .tab_st1 .on	{ background:#258ef3;}
.popup .tab_st1 .on a, .popup .tab_st1 .on_last a	{ color:#fff; }
.popup .tab_st1 .off a:hover, .popup .tab_st1 .off_last a:hover	{ color:#258ef3; font-weight:bold;}
.popup .tab_st1 li:first-child	{ border-left:none;}

.popup .tab_st2	{ position:relative; width:100%; overflow:hidden; padding:10px 0;}
.popup .tab_st2 li	{ float:left; padding:0 10px; border-right:1px solid #eaeaea;}
.popup .tab_st2 li:first-child	{ padding-left:0;}
.popup .tab_st2 li:last-child	{ border-right:none;}
.popup .tab_st2 li a	{ font-family:'¸¼Àº°íµñ', Malgun Gothic, '³ª´®°íµñ', NanumGothic, 'µ¸¿ò', '±¼¸²', dotum, gulim !important;}
.popup .tab_st2 li a:hover	{ color:#258ef3;}
.popup .tab_st2 .on a	{ color:#258ef3; font-weight:bold;}

/*Table : List*/
.popup .poptable1, .popup .poptable2	{ border-top:1px solid #555; margin-top:5px;}
.popup .poptable1 th, .popup .poptable1 td, .popup .poptable2 th, .popup .poptable2 td	{ border-bottom:1px solid #ebebeb; padding:4px 0 6px;}
.popup .poptable1 th, .popup .poptable2 th	{ background:#f9f9f9; font-size:11px; color:#333; text-align:center}
.popup .poptable1 td, .popup .poptable2 td	{ text-align:center}
.popup .poptable2 .tableTh1	{ background:#fff; border-right:1px solid #ebebeb;}
.popup .poptable2 .tableTh2	{ background:#fff; border-right:1px solid #ebebeb; font-weight:normal}
.popup .poptable2 td	{ border:1px solid #ebebeb; border-top:none; border-left:none;}
.popup .poptable2 .tdLast	{ border-right:none;}
.popup .poptable1 .txtAlignL, .popup .poptable2 .txtAlignL	{ text-align:left; padding-left:10px;}
.popup .poptable1 .txtAlignL a, .popup .poptable2 .txtAlignL a	{ color:#666;}
.popup .poptable1 .txtAlignL a:hover, .popup .poptable2 .txtAlignL a:hover	{ color:#222;}
.popup .icoBest	{ padding:1px 3px ; border:1px solid #258ef3; color:#258ef3; font-size:11px; line-height:14px; font-family:arial; letter-spacing:normal}

/*Table : view*/
.popup .tableView1	{ border-top:1px solid #50a6f9; margin-top:5px;}
.popup .tableView2	{ border-top:1px solid #555}
.popup .tableView1, .popup .tableView2	{ margin-top:5px;}
.popup .tableView1 th, .popup .tableView1 td, .popup .tableView2 th, .popup .tableView2 td	{ border-bottom:1px solid #ebebeb; padding:8px 0;}
.popup .tableView1 th, .popup .tableView2 th	{ background:#f9f9f9; font-size:11px; color:#333; text-align:center}
.popup .tableView1 .txtAlignL, .popup .tableView2 .txtAlignL	{ text-align:left; padding-left:10px;}
.popup .tableView1 .btOt, .popup .tableView2 .btOt	{ margin-right:1px;}
.popup .tableView2 .tdScroll	{ height:218px; overflow-y:scroll; vertical-align:top;}
.popup .tableView1	.tit1 a	{ font-family:¸¼Àº°íµñ, 'Malgun Gothic', ³ª´®°íµñ, NanumGothic, µ¸¿ò, ±¼¸², dotum, gulim !important; font-size:13px; font-weight:bold; letter-spacing:-1px; background:url(//img.megamd.co.kr/lec_n/common/bt1.gif) no-repeat right 4px; padding-right:22px;}
.popup .tableView1	.tit1 a:hover	{ color:#2187e9}

/*Table : write*/
.popup .writeTableQ1	{ position:relative; overflow:hidden}
.popup .writeTableQ1 dt	{ color:#222; font-weight:bold; margin-bottom:3px;}
.popup .writeTableQ1 dd	{ float: left; margin-right:15px;}

/*Table : font*/
.popup table .stxtR { font-family:dotum; font-size:11px; color:#999; line-height:13px; color:#f09a99}

/*Button*/
.popup .btnSet1	{ position:relative; margin-top:15px; text-align:right}
.popup .btnSet1 a	{ display:inline-block; padding:5px 15px 7px; font-family:¸¼Àº°íµñ, 'Malgun Gothic', ³ª´®°íµñ, NanumGothic, µ¸¿ò, ±¼¸², dotum, gulim !important; font-size:12px; font-weight:bold; letter-spacing:-1px; color:#fff;}
.bgGray	{ background:#90949c}
.bgGray:hover	{ background:#868b94}
.bgRed	{ background:#fc544c}
.bgRed:hover	{ background:#f63e35}
.bgBlue	{ background:#50a6f9}
.bgBlue:hover	{ background:#4198eb}
.popup .btnSet2	{ position:relative; display:inline-block; height:21px; font-family:¸¼Àº°íµñ, 'Malgun Gothic', ³ª´®°íµñ, NanumGothic, µ¸¿ò, ±¼¸², dotum, gulim !important; font-size:11px; letter-spacing:-0.5px; color:#fff; border-radius:2px; padding:0 7px;}

/********************************************************************************************************/

/* ÁÖ¸ñ°­ÁÂ//*/
.popup .lec_info	{ position:relative; width:688px; padding:15px; border:1px solid #ccccce; border-top:none; border-bottom:none;}
/*select box*/
.popup .lec_info .selectB1	{ position:relative;}
.popup .lec_info .selectB1 span	{ font-family: ¸¼Àº°íµñ, 'Malgun Gothic', ³ª´®°íµñ, NanumGothic, µ¸¿ò, ±¼¸², dotum, gulim !important; font-size:11px; font-weight:bold; padding-right:7px;}
.popup .lec_info .selectB1 select	{ font-family: ¸¼Àº°íµñ, 'Malgun Gothic', ³ª´®°íµñ, NanumGothic, µ¸¿ò, ±¼¸², dotum, gulim !important; font-size:12px; padding:1px 3px 3px 3px;}
.popup .lec_info table	{ position:relative; width:100%; border-top:1px solid #cbccd1;}
.popup .lec_info table th, .popup .lec_info table td	{ border-bottom:1px solid #ebebeb; padding:10px 0;}
.popup .lec_info table th	{ background:#f7f7fa; text-align:center; color:#5d90c2; font-family:dotum; font-size:11px; font-weight:normal;}
.popup .lec_info table td	{ padding-left:12px; font-family:dotum; font-size:12px; color:#666;}
.popup .lec_info .lecnm	{ font-weight:bold; background:url(//img.megamd.co.kr/lec_n/common/bt1.gif) no-repeat right 0px; padding-right:22px; color:#333;}
.popup .lec_list	{ position:relative;}
.popup .lec_list .lecbox	{ min-height:320px;}/*<!--1028-->*/
.popup .lec_list table	{ position:relative; width:100%; border-top:1px solid #555; color:#666; margin-bottom:7px;}
.popup .lec_list table th	{ border-bottom:1px solid #555; color:#333; background:#fafafa; font-family:dotum; font-size:11px;}
.popup .lec_list table td	{ border-bottom:1px solid #ebebeb;}
.popup .lec_list table td img { margin-right:1px;}
.popup .lec_list table th, .popup .lec_list table td	{ padding:5px 0; text-align:center}
.popup .lec_list .lecnum	{ font-family:tahoma; font-size:11px;}
.popup .lec_list .lecnm	{ text-align:left; padding-left:10px; position:relative;}
.popup .lec_list .lecnm .btlink	{ position:absolute; top:8px; right:10px;}
.popup .lec_list .lecnm a	{ padding-right:22px; color:#666;}
.popup .lec_list .lecnm a:hover	{ color:#222;}
.popup .lec_list .btVod	{ position:relative;}
.popup .lec_list .btVod .btOt	{ position:absolute; top:5px; left:8px;}
.popup .lec_list .btVod .btSample	{ position:absolute; top:5px; right:9px;}
.popup .lec_list .text	{ font-family:dotum; font-size:11px; color:#999; line-height:15px; margin-bottom:15px;}
.popup .lec_list .text img	{ vertical-align:top; padding-top:2px;}
.popup .table_page	{ margin:0 auto; text-align:center; margin-bottom:15px;}
.popup .table_page .num	{ padding:0 5px; font-family:tahoma; color:#a0a4ac; font-family:tahoma; font-size:11px;}
.popup .table_page .on	{ font-weight:bold; color:#4a89ff;}
.popup .table_page .off:hover	{ color:#4a89ff;}
.popup .table_page .bt	{ width:17px; height:17px; overflow:hidden}
.popup .a_center	{ text-align:center}
/*//ÁÖ¸ñ°­Á */