@charset "euc-kr";

.tab_curve { text-align:center; }
.tab_curve ul { display:inline-block; }
.tab_curve li { float:left; margin:8px 5px 0 0;  }
.tab_curve li.c_both { clear:both; }
.tab_curve ul:after { display:block; clear:both; content:'' }
.tab_curve li a { display:block; padding:3px 18px 5px; border:1px solid #c0c0c3; box-sizing:border-box; border-radius:17px 17px; }
.tab_curve li:last-child a { margin:0 0 0 0; }
.tab_curve li a span { display:inline-block; padding:0; font-weight:400; }
.tab_curve li a.on,.tab_curve li a:hover { border-color:#e93030; background:#e93030; transition: ease all .2s; }
.tab_curve li a.on span,.tab_curve li a:hover span { color:#fff; transition: ease all .2s; }

/* .tab_curve.ty2 °­ÀǸñ·Ï »ó´Ü¿¡ ¼¾Åͺ° Ãßõ°­ÀÇ¿¡ »ç¿ë µÊ. */
.tab_curve.ty2 li { float:left; margin:8px 5px 0 0;  }
.tab_curve.ty2 li a { display:block; padding:3px 12px 1px;box-sizing:border-box; border-radius:17px 17px; border:1px solid #cecece; background:#fff; }
.tab_curve.ty2 li a span { display:inline-block; padding:0; font-size:14px; color:#3e3e3e; font-weight:400; }
.tab_curve.ty2 li a span:before { content:'# ';}
.tab_curve.ty2 li a.on { background:rgba(13,17,39,0.9); border-color:rgba(13,17,39,0.9); }
.tab_curve.ty2 li a:hover { background:#25a5ff; border-color:#25a5ff; }
.tab_curve.ty2 li a.on span { color:#fff; }
.tab_curve.ty2 li a:hover span { color:#f2f2f2; }

.tab_fixed { position:fixed; top:60px; width:100%; height:100px; background:#fff; margin:0 0 -1px 0; border-bottom:1px solid #cecece; z-index:10; animation:keyword_fix_y 0.2s 1 linear; box-shadow:0 2px 6px rgba(0, 0, 0, 0.3); }
.tab_fixed .cen_keyword_wrap { padding:0 !important; border-bottom:0 !important; }
@keyframes keyword_fix_y {
	0% { transform:translateY(-30px); animation-delay:3s; opacity:0; }
	100% { transform:translateY(0); animation-delay:3s; opacity:1; }
}

.tab_curve.ty3 { position:relative; width:1180px; height:40px; padding:0 0px 0; overflow:hidden; }
.tab_curve.ty3 .ul_mask { position:relative; width:1120px; height:40px; margin:0 30px 0; overflow:hidden; }
.tab_curve.ty3 ul { position:absolute; top:0; left:15px; width:50000px; }
.tab_curve.ty3 li { float:left; position:relative; margin:0 4px 0 0;  }
.tab_curve.ty3 li a { display:block; padding:7px 12px 6px 10px;box-sizing:border-box; border-radius:20px; border:0; }


.tab_btn { position: absolute; top:7px; width: 25px; height: 25px; }
.tab_btn.btn_tab_prev { left:0; top:0; }
.tab_btn.btn_tab_next { right:0; top:0; }
.tab_btn { display:inline-block; width: 25px; height: 40px; padding:0 !important; vertical-align:middle; background: url(../images/common/icon_arw_big1.svg) no-repeat 50% 50% ; background-size: 19px 29px; transition: ease all .2s; }
.btn_tab_off { opacity:0.0 }
.btn_tab_prev { transform:rotate(180deg); }
.btn_tab_prev:hover { background-position:80% 50%; transition: ease all .2s; }
.btn_tab_next {  }
.btn_tab_next:hover {  background-position:80% 50%; transition: ease all .2s; }
.tab_curve_prev_mask { 
	position:absolute; top:0; left:25px; width:15px; height:40px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f6f6+0,f6f6f6+100&1+0,0+100 */
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 20%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,1) 20%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#00f6f6f6',GradientType=1 ); /* IE6-9 */
	z-index:90;
	}
.tab_curve_next_mask {
	position:absolute; top:0; right:25px; width:15px; height:40px; 
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f6f6+0,f6f6f6+100&0+0,1+100 */
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 20%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 20%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: inear-gradient(left, rgba(255,255,255,0) 20%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	z-index:90;
}


.tab_curve.ty3 li a span { display:inline-block; padding:0; font-size:14px; color:#fff; font-weight:400; z-index:1 }
.tab_curve.ty3 li a span:before { content:'# ';}
.tab_curve.ty3 li a.on { background:rgba(13,17,39,0.9); }

.tab_curve.ty3 li a:hover {  }
.tab_curve.ty3 li a.on span { color:#fff; }
.tab_curve.ty3 li a:hover span { color:#f2f2f2; }
.tab_curve.ty3 li em { position:absolute; top:0; right:0; bottom:0; left:0; border-radius:5px; z-index:0 }
.tn_1 { background:rgba(101,138,201,0.6) /* #416eb9 */}
.tn_2 { background:rgba(190,138,68,0.6) /* #ab6d19 */}
.tn_3 { background:rgba(100,119,149,0.6) /* #3f5579 */}
.tn_4 { background:rgba(174,110,59,0.6) /* #974b0e */}
.tn_5 { background:rgba(148,148,80,0.6) /* #727227 */}
.tn_6 { background:rgba(113,169,72,0.6) /* #4e911d */}
.tn_7 { background:rgba(179,95,182,0.6) /* #9d3aa1 */}
.tn_8 { background:rgba(154,78,163,0.6) /* #7f248a */}
.tn_9 { background:rgba(134,104,170,0.6) /* #694593 */}
.tn_10 { background:rgba(76,116,186,0.6) /* #2352a6 */}
.tn_1:hover { background:rgba(101,138,201,1) !important ;}
.tn_2:hover { background:rgba(190,138,68,1) !important }
.tn_3:hover { background:rgba(100,119,149,1) !important }
.tn_4:hover { background:rgba(174,110,59,1) !important }
.tn_5:hover { background:rgba(148,148,80,1) !important }
.tn_6:hover { background:rgba(113,169,72,1) !important }
.tn_7:hover { background:rgba(179,95,182,1) !important }
.tn_8:hover { background:rgba(154,78,163,1) !important }
.tn_9:hover { background:rgba(134,104,170,1) !important }
.tn_10:hover { background:rgba(76,116,186,1) !important }
.tab_curve.ty3 li a.on:hover { background:rgba(13,17,39,0.9) !important; }






.tab_basis { position:relative; }
.tab_basis li { position:relative; float:left; margin:0 0 0 5px; padding:0 32px 0 0; border:1px solid #d1d2d2; border-bottom:1px solid #7d7e83; background:#d1d2d2; box-sizing:border-box; }

.tab_basis li:first-child { margin:0; }
.tab_basis ul:after { display:block; clear:both; content:''; }
.tab_basis li a { display:block; padding:0 0 12px 10px; box-sizing:border-box; }

.tab_basis li span { display:inline-block; width:188px; padding:10px 0 0 0; font-size:20px; font-weight:400; color:#5a5a5a; text-align:center; }
.tab_basis li.on { background:#fff; border:1px solid #7d7e83; border-bottom:1px solid #fff; z-index:10; }
.tab_basis li.on span { color:#0d1127; }
.tab_basis li .i_del { position:absolute; top:15px; right:6px; width:21px; height:20px; background:url(../images/common/icon_result_word.gif) 3px 6px no-repeat; vertical-align:middle; overflow:hidden; }
.tab_basis_wrap { position:relative; width:100%; }
.tab_basis_line { position:absolute; bottom:0; left:0; right:0; height:1px; background:#7d7e83; }
.tab_basis .col_7 li { padding:0 !important; }
.tab_basis .col_7 li a { padding:0 0 12px 0 !important; }
.tab_basis .col_7 li span { width:162px !important; }
.tab_basis .col_7:last-child li span { width:163px; }

.toggle_lst { display:inline-block; vertical-align:middle; font-size:0; }
.toggle_lst a { display:inline-block; margin:9px 6px 0 0; padding:4px 15px 6px; border:1px solid #303448; border-radius:3px; box-sizing:border-box;  font-weight:400; }
.toggle_lst a span { font-size:16px; font-weight:400; color:#a8a9af; }
.toggle_lst a:hover { border-color:#a8a9af; transition: ease all .2s; } 
.toggle_lst a:hover span { color:#fff; transition: ease all .2s; } 
.toggle_lst a.on { background:#25a5ff; border-color:#25a5ff; transition: ease all .2s; } 
.toggle_lst a.on span, .toggle_lst a:hover.on span { color:#fff; transition: ease all .2s; } 
.toggle_lst.ty2 {  }
.toggle_lst.ty2.sch { padding: 20px 0 0 0;  }
.toggle_lst.ty2 a { border-color:#25a5ff; }
.toggle_lst.ty2 a span { color:#0d1127; vertical-align:middle; }
.toggle_lst.ty2 a em { display:inline-block; padding:0 0 0 3px; vertical-align:middle; font-size:12px; font-weight:300; color:#68686b; }
.toggle_lst.ty2 a:hover { background:#25a5ff; } 
.toggle_lst.ty2 a:hover span { color:#fff; } 
.toggle_lst.ty2 a.on { background:#25a5ff; border-color:#25a5ff; } 
.toggle_lst.ty2 a.on span, .toggle_lst.ty2 a:hover.on span { color:#fff; } 
.toggle_lst.ty2 a.on em,.toggle_lst.ty2 a:hover em { color:#fff; }
.toggle_lst.ty2 .off { display:inline-block; margin:9px 6px 0 0; padding:4px 15px 6px; border:1px solid #ececec; border-radius:3px; box-sizing:border-box; background:#ececec; font-size:16px; font-weight:400; color:#b2b2b2; }

.toggle_lst.wh { display:inline-block; vertical-align:middle; font-size:0; }
.toggle_lst.wh a { display:inline-block; margin:9px 6px 0 0; padding:4px 15px 6px; border:1px solid rgba(255,255,255,0.7); border-radius:3px; box-sizing:border-box; }
.toggle_lst.wh a span { font-size:17px; color:rgba(255,255,255,1); }
.toggle_lst.wh a:hover { border-color:#fff; transition: ease all .2s; } 
.toggle_lst.wh a:hover span { color:#fff; transition: ease all .2s; } 
.toggle_lst.wh a.on { background:#fff; border-color:#fff; transition: ease all .2s; } 
.toggle_lst.wh a.on span, .toggle_lst a:hover.on span { color:#0d1127; transition: ease all .2s; } 

/* ¼ö°­½Åû 7¿ù ¹Ù²î´Â css */
.toggle_lst.wh2 { display:inline-block; vertical-align:middle; font-size:0; }
.toggle_lst.wh2 a { display:inline-block; margin:9px 6px 0 0; padding:4px 15px 6px; border:1px solid rgba(188,188,188,1); background: #fff; border-radius:3px; box-sizing:border-box; }
.toggle_lst.wh2 a span { font-size:16px; color:#1b1b1b; }
/*.toggle_lst.wh2 a:hover { border-color:#25a5ff; background: #25a5ff; transition: ease all .2s; } */
/*.toggle_lst.wh2 a:hover span { color:#fff; transition: ease all .2s; } */
.toggle_lst.wh2 a.on { background:#25a5ff; border-color:#25a5ff; transition: ease all .2s; } 
.toggle_lst.wh2 a.on span, .toggle_lst.wh2 a:hover.on span { color:#fff; transition: ease all .2s; } 





.toggle_lst.ty3 { position:relative; }
.toggle_lst.ty3.sch { padding: 20px 0 0 0; }

.toggle_lst.ty3 a { display: block;float: left; position: relative; width: 97px; height:50px; margin: 0 0 0 1px; padding: 0; text-align: center; border: 1px solid #d1d2d2; border-bottom-color: #000; border-radius: 3px 3px 0 0; vertical-align: middle; background: none; z-index: 0; }
.toggle_lst.ty3 a:first-child { margin-left: 0; }
.toggle_lst.ty3 a:after { display: inline-block; vertical-align: middle; width: 1px; height: 100%; content: ''; margin: 0 0 0 -1px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;  }
.toggle_lst.ty3 a span { display: inline-block; font-size: 17px;  color:#5a5a5a; vertical-align:middle; }
.toggle_lst.ty3 a .lec_bal { position: absolute; right: 5px; top: -12px; width: 40px; height: 24px; background: #9c9ead; border-radius: 12px; }/*padding:0 0 0 3px; vertical-align:middle; font-size:12px; font-weight:300; color:#68686b; */
.toggle_lst.ty3 a .lec_bal em { font-size: 13px; color: #fff; line-height: 24px; }/*padding:0 0 0 3px; vertical-align:middle; font-size:12px; font-weight:300; color:#68686b; */
.toggle_lst.ty3:after { display: block; clear: both; content: ''; }

.toggle_lst.ty3 a:hover { background:#25a5ff; border-color:#25a5ff; border-bottom-color:#000} 
.toggle_lst.ty3 a:hover span { color:#fff; } 
.toggle_lst.ty3 a.on { background:#fff; border-color:#000; border-bottom-color:#fff; z-index: 1; } 
.toggle_lst.ty3 a.on .lec_bal { background: #e93030; }
.toggle_lst.ty3 a.on .lec_bal em {}
.toggle_lst.ty3 a.on span, .toggle_lst.ty3 a:hover.on span { color:#000; } 
.toggle_lst.ty3 a.on em,.toggle_lst.ty3 a:hover em { color:#fff; }
.toggle_lst.ty3 .off { display: block; float: left; position: relative; width: 97px; height:49px; margin: 0 0 0 1px; padding: 0; text-align: center; border: 1px solid #f2f2f2; border-bottom: 0; border-radius: 6px 6px 0 0; border-bottom: 0; vertical-align: middle; background: #f2f2f2; color: #969696; font-size:16px; line-height: 48px; }
.toggle_lst.ty3 .btm_line { position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #000;  z-index: 0; }



.toggle_lst_cen { position:relative; }
.toggle_lst_cen.sch { padding: 40px 0 0 0; }


.toggle_lst_cen:after { display: block; clear: both; content: ''; }
.toggle_lst_cen .btm_line { position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #000;  z-index: 0; }

.toggle_lst_cen a,
.toggle_lst_cen a::after {  -webkit-transition: all 0.1s;	-moz-transition: all 0.1s;  -o-transition: all 0.1s;	transition: all 0.1s; }
.toggle_lst_cen a { display: block; float: left; position: relative; width: 106px; height: 50px; margin:0 0 0 1px; background: none; border: 1px solid #d1d2d2; border: 1px solid #d1d2d2; border-bottom-color: #131127; border-radius: 2px 2px 0 0; color: #000; font-size: 16px; line-height:48px; font-weight: 400; text-align: center; box-sizing:border-box; background: none;}
.toggle_lst_cen a.off {width: 106px; height: 50px; box-sizing:border-box;}
.toggle_lst_cen a:first-child { margin: 0 0 0 0; } 
.toggle_lst_cen a::before,
.toggle_lst_cen a::after { background: #25a5ff; border-color:#25a5ff; content: '';  position: absolute;  z-index: -1; }
.toggle_lst_cen a:hover { color: #fff;  border-color:#25a5ff; }
.toggle_lst_cen a .lec_bal { position: absolute; top: -13px; right: 4px; width: 40px; height: 24px; font-size:13px; color:#fff; line-height:24px; background: #b7b8bf; border-radius: 12px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }/*b6b7b7 */

.toggle_lst_cen a::before { left: 0; top: 0; width: 100%; height: 100%; }
.toggle_lst_cen a::after {  background: #e0e0e0; height: 100%; left: 0; top: 0; width: 100%; }
.toggle_lst_cen a:hover:after { height: 0; left: 50%; top: 50%; width: 0; }
.toggle_lst_cen a.on, .toggle_lst_cen a.on:after,.toggle_lst_cen a.on:hover 
{ border-color: #131127 !important; background: #fff !important; color:#000 }
 .toggle_lst_cen a.on:after { position:absolute; left: 0; right:0; top:48px; height:1px; background:#fff;  content:''; z-index:1}
.toggle_lst_cen a:hover .lec_bal {  top: -8px; background: #9c9ead; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;   }
.toggle_lst_cen a.on .lec_bal { background:#e93030; color:#fff }
.toggle_lst_cen a:hover .lec_bal {  background:#ff8330; color:#fff  }

.toggle_lst_cen .off { display: block; float: left; position: relative; width: 106px; height: 50px; margin:0 0 0 1px; background: none; border: 1px solid #ececec; border-bottom-color: #131127; border-radius: 2px; background:#ececec; color: #b2b2b2; font-size: 16px; line-height:50px; font-weight: 400; text-align: center; box-sizing:border-box; z-index: 0;}
.toggle_lst_cen .btm_line { position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #131127;  z-index: 0; }


/*
.toggle_lst_cen a { display: block; float: left; position: relative; width: 97px; height: 50px; margin:0 0 0 1px; background: none; border: 1px solid #d1d2d2; border-radius: 2px 2px 0 0;  color: #5a5a5a; font-size: 16px; line-height:48px; font-weight: 400; text-align: center; box-sizing:border-box; background: none; z-index: 0;}
.toggle_lst_cen a.off {width: 97px; height: 50px; box-sizing:border-box;}
.toggle_lst_cen a:first-child { margin: 0 0 0 0; } 
.toggle_lst_cen a::before,
.toggle_lst_cen a::after { background: #25a5ff; border-color:#25a5ff; content: '';  position: absolute;  z-index: -1; }
.toggle_lst_cen a:hover { color: #fff;  border-color:#25a5ff; }
.toggle_lst_cen a .lec_bal { position: absolute; top: -13px; right: 4px; width: 40px; height: 24px; font-size:13px; color:#fff; line-height:24px; background: #b7b8bf; border-radius: 12px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }

.toggle_lst_cen a::before { left: 0; top: 0; width: 100%; height: 100%; }
.toggle_lst_cen a::after {  background: #fff; height: 100%; left: 0; top: 0; width: 100%; }
.toggle_lst_cen a:hover:after { height: 0; left: 50%; top: 50%; width: 0; }
.toggle_lst_cen a.on, .toggle_lst_cen a.on:after,.toggle_lst_cen a.on:hover 
{ border-color: rgba(19,17,39,0.9) !important; background: rgba(19,17,39,0.9) !important; color:#fff }
.toggle_lst_cen a:hover .lec_bal {  top: -8px; background: #9c9ead; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;   }
.toggle_lst_cen a.on .lec_bal { background:#e93030; color:#fff }
.toggle_lst_cen a:hover .lec_bal {  background:#ff8330; color:#fff  }

.toggle_lst_cen .off { display: block; float: left; position: relative; width: 97px; height: 50px; margin:0 0 0 1px; background: none; border: 1px solid #ececec; border-radius: 2px; background:#ececec; color: #b2b2b2; font-size: 16px; line-height:50px; font-weight: 400; text-align: center; box-sizing:border-box; z-index: 0;}
.toggle_lst_cen .btm_line { position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: rgba(19,17,39,0.9);  z-index: 0; }
*/

/* ŸÀÌƲ(Èò±ÛÀÚ, ¼± ¾øÀ½) */
.h2_bg { padding:0 0 10px 0; text-align:center; }
.h2_bg span { font-size:40px; color:#fff; }
.c_text { padding:0 0 25px 0; color:#fff; text-align:center; } /* Á¦¸ñ ¹Ø ¼³¸í */
/* ŸÀÌƲ(¼± ÀÖÀ½) */
.h2 { position:relative; height:80px; font-size:40px; color:#0d1127; text-align:center; }
.h2 span { position:absolute; left:50%; top:0; font-size:40px; color:#0d1127; background:#fff; }
.h2 span.review {  margin-left:-179px; width:358px; }
.h2 span.video {  margin-left:-240px; width:480px; }
.h2 span.sch {  margin-left:-100px; width:200px; }
.h2:before { display:block; position:absolute; top:25px; width:100%; height:8px; background:#e7e7e8; content:''; }
.mh2 strong { font-weight:500; }
.h2 .line { display:block; height:8px; background:#e7e7e8; content:''; }


.h3 { padding:10px 0 12px 0; text-align:left;  }
.h3.mv_title_inline { display:inline-block; padding:0 8px 0 0; vertical-align:middle; }
.h3 span { font-size:23px; color:#0d1127; font-weight:400; } /*; */
.h3 #video_bigTitle { font-weight:500; } /*; */
.h3 em { display:block; font-size:15px; font-weight:500; color:#2283e7; }
.h4 { display:block; padding:0 0 5px 0; font-size:17px; font-weight:500; color:#ff5f20; }


.ch_local_wrap { position:absolute; top:0; left:0; width:100%; height:60px; text-align:left; background:rgba(13,17,39,0.8); z-index:100; }
.ch_local_fixed { position:fixed; top:0px; background:rgba(13,17,39,0.9);}
.ch_local_wrap .cate_title { display:inline-block; width:180px; height:60px; padding:0 0 0 3px; line-height:58px; text-align:left; vertical-align:middle; }
.ch_local_wrap .btn_register { visibility:hidden; }
.ch_local_wrap.ch_local_fixed .btn_register { visibility:visible; }


.ch_local_wrap .cate_title span { font-size:27px; font-weight:500; color:#fff; }
.ch_local_wrap .sub_mnu { display:inline-block; vertical-align:middle; }
.sub_mnu .depth1 { }
.sub_mnu .depth1 li { float:left; position:relative; width:210px; padding:0 0 0 0; box-sizing:border-box; }
.sub_mnu .depth1 li a { display:block; padding:10px 10px 10px 14px; box-sizing:border-box; }
.sub_mnu .depth1 li span { color:#fff; font-weight:400; }
.sub_mnu .depth1 li .arw { position:absolute; right:10px; top:20px; width:12px; height:6px; background:url(../images/common/icon_sub_mnu_arw.png) 0 0 no-repeat; }
.sub_mnu .depth1:after { display:block; clear:both; content:''; }
.sub_mnu .depth1 .line { position:absolute; right:0; top:10px; width:1px; height:28px; background:rgba(255,255,255,0.3); content:''; }

.sub_mnu .depth2 { position:absolute; left:0; top:52px; height:308px; overflow:auto; }
.sub_mnu .depth2 a { background:#0d1127; color:#cccdcf; }
.sub_mnu .depth2 a:hover { background:#e93030; color:#fff; }
.sub_mnu.scroll .depth1 li {  } 
.sub_mnu.scroll .depth2 ul { } 
.sub_mnu.scroll .depth2 li { width:100% !important; } 

.ch_local_wrap .aside { float:right; text-align:left; border-right:0px solid #616371; }
.ch_local_wrap .aside .icon { float:left; display:block; margin-left:5px; padding:18px 15px 18px 40px; }
.ch_local_wrap .aside .icon.i_video { background:url(../images/common/ch_local_i_video.svg) no-repeat; background-size:21px 21px; background-position:12px 50%; }
.ch_local_wrap .aside .icon.i_review { background:url(../images/common/ch_local_i_review.svg) no-repeat; background-size:23px 21px; background-position:10px 50%; }
.ch_local_wrap .aside .icon.i_inst { background:url(../images/common/ch_local_i_inst.svg) no-repeat; background-size:26px 21px; background-position:10px 50%; }
.ch_local_wrap  .btn_register {  float:left; width:128px; height:60px; margin:0 0 0 10px; padding:0 !important; box-sizing:border-box; text-align:center; opacity:0; }
.ch_local_fixed .btn_register { float:left; background:#e93030; opacity:1; transition: ease all .3s;  }
.ch_local_fixed .btn_register a { display:block; padding:15px 0 17px 0; vertical-align:middle; }
.ch_local_fixed .btn_register span { font-size:18px; font-weight:500; color:#fff; vertical-align:middle;  }
.ch_local_fixed .btn_register span:after { display:inline-block; width:1px; height:100%; vertical-align:middle; content:''; }
.ch_local_wrap .aside .icon span { color:#fff; }
.ch_local_wrap:after { display:block; clear:both; content:''; }


/* channel main */
.content.visual_area.toeic { height:600px; background:url(../images/channel/@visual_bg_01.jpg) no-repeat 50% 0 #c3c3c3; }
.ch_main .reco_mv_wrap { padding:15px 0 0 0; }
.ch_main .reco_lec_wrap { background:#434348; }
.ch_main .reco_wrap { padding:40px 0 80px 0; background:#eff0f5; }
.ch_main .ch_sch_wrap {  }
.tab_basis_wrap.part1 { padding: 40px 0 0 0; }
.ch_main .ch_sch_wrap .bg_gradient { padding:12px 0 12px; background-image: linear-gradient( 135deg, #43CBFF 5%, #121b4d 45%); }
.ch_main .ch_sch_wrap .bg_gradient2 { padding:12px 0 12px; background-image: linear-gradient( 135deg, #43CBFF 5%, #121b4d 45%); }

/* °ú¸ñ °Ë»ö ºÎºÐ À̵¿ È¿°ú 6.6 ·ù*/
.toTopMoveRun 
{
	-webkit-animation-name: toTopMove;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 0s;
	animation-name: toTopMove;
	animation-duration: 1s;
	animation-delay: 0s;
	position: relative;
}
@-webkit-keyframes toTopMove{ 
	0%{top:500px;}
	100%{top : 0px;}
}
@keyframes toTopMove{
	0%{top:500px;}
	100%{top : 0px;}
}


/* page main */
.pg_main { }
.pg_main_visual { width:100%; height:380px; }
.pg_main_visual ul { position:relative; }
.pg_main_visual ul li { position:absolute; top:0; left:0; width:100%; height:380px; background-position:50% 0 !important; overflow:hidden; text-align:center; }
.pg_main_visual ul:after { display:block; clear:both; content:''; }
.pg_main_visual ul li .con_inner { width:1175px !important; display:inline-block; vertical-align:middle; text-align:left; }
.pg_main_visual ul li:after { width:1px; margin-left:-1px; height:100%; display:inline-block; content:''; vertical-align:middle; }
.pg_main_visual .pg_text_wrap { padding:0 0 0 8px; }
.pg_main_visual .pg_text_wrap .pg_tit { padding:35px 0 0 0; font-size:45px; color:#fff; }
.pg_main_visual .pg_text_wrap .pg_copy { padding:10px 0 0 3px; font-size:21px; color:#fff; }
.pg_main_visual .pg_text_wrap .pg_btn { padding:15px 0 0 3px; font-size:21px; color:#fff; }
.pg_main_visual .pg_text_wrap .pg_btn a { display:inline-block; }
.pg_main_visual .pg_text_wrap .pg_btn span { display:inline-block; font-size:17px; padding:7px 20px 8px; }
.pg_main .video_view_more { padding:0 0 0 0; }
.pg_main .edu_reco_video { margin:0 !important; padding:30px 0 0 !important; }
.pg_main .edu_reco_video:first-child { border-top:0 !important; padding-top:30px !important;}
.pg_main .tab_basis { padding:60px 0 0 0; }
.edu_reco_video { position: relative; }
.edu_reco_video:after { display:block; clear:both; content:''; }
.edu_reco_video a { display:inline-block;}
.edu_reco_video .btn_icon { display:inline-block; width: 28px; height: 28px; padding:0 !important; border:1px solid #989898; border-radius: 16px; vertical-align:middle; background: url(../images/common/icon_arw_big1.svg) no-repeat 50% 50% #fff; background-size: 10px 16px; transition: ease all .2s;  }
.edu_reco_video a:hover .btn_icon {  border:1px solid #0d1127; background: url(../images/common/icon_arw_big1.svg) no-repeat 80% 50% #0d1127; background-size: 10px 16px; transition: ease all .2s;  }
.edu_reco_video .cen_lst_base { display: inline-block; float: right; position:relative; width:200px; height: 45px; vertical-align: middle; z-index:11;  }
.cen_lst_base .by_choice { position: relative; width: 100%; height: 100%; padding: 6px 0 4px; box-sizing: border-box; }
.cen_lst_base .by_choice a { display: block; padding: 7px 0 6px 14px; box-sizing: border-box; border: 1px solid #ccc; }
.cen_lst_base .by_choice span { font-size: 14px; font-weight: 500; color: #0d1127; }
.cen_lst_base .by_choice .arw { position: absolute; right: 15px; top:20px; width: 12px; height: 6px; background: url(../images/common/icon_sub_mnu_arw.png) no-repeat 0 0; }
.cen_lst_base .lst_wrap { position:absolute; right:0; width:198px; height:200px; overflow-y:scroll; overflow-x:hidden; background:#fff; border:1px solid #e8e8e8; }
.cen_lst_base ul { }
.cen_lst_base ul li {  border-bottom:1px solid #e8e8e8; box-sizing: border-box; }
.cen_lst_base ul li a { display: block; position:relative; padding: 6px 0 6px 15px; box-sizing: border-box; }
.cen_lst_base ul li a:hover { background: #f8f8f8; }
.cen_lst_base ul li a.on { background:#0d1127; }
.cen_lst_base ul li a.on em { position: absolute; top: 12px; right:15px; width:15px; height:10px; background: url(../images/common/icon_sort.png) no-repeat 0 0; background-position: 0 -11px; }
.cen_lst_base ul li a span { font-size:14px; }
.cen_lst_base ul li a.on span { color:#fff; }

/* reco_review */
.reco_lec_wrap .reco_review { float:left; position:relative; width:50%; }
.reco_lec_wrap .reco_review .thumb { float:left; width:128px; height:157px; overflow:hidden; }
.reco_lec_wrap .reco_review .thumb img { width:128px; height:128px; }
.reco_lec_wrap .reco_review .thumb a { display:block; padding:2px 0 3px 0; /*height:39px;*/ background:#fb3737; text-align:center; }
.reco_lec_wrap .reco_review .thumb a span { color:#fff; }
.reco_lec_wrap .reco_review .review { float:left; width:462px; padding:10px 40px 0 20px; box-sizing:border-box; }
.reco_lec_wrap .reco_review .review div { display:block; padding:1px 0 0 0; overflow:hidden; text-align:left; }
.reco_lec_wrap .reco_review .review div span { display:inline-block; width:20em; text-overflow:ellipsis; white-space:nowrap; color:#fff !important; font-weight:400; overflow:hidden; text-align:left; }
.reco_lec_wrap .reco_review .review .cen_name { background:none; height:20px; padding:0; margin:0; }
.reco_lec_wrap .reco_review .review .cen_name span { display:inline-block; background:none; font-size:14px; color:#666; margin:0; padding:0 0 0; }
.reco_lec_wrap .reco_review .review p { max-height:63px; padding:1px 0 0 0; font-size:14px; color:#ccc; line-height:21px; overflow:hidden; }
.reco_lec_wrap .reco_review .review em { display:block; padding:5px 0 0 0; font-size:12px; color:#898989; }
.reco_lec_wrap .reco_review:after { display:block; clear:both; content:''; }

.edu_reco_vd_oth { position:relative; margin-top:30px; padding:10px 0 15px; background:#f6f6f6; border-radius:10px; border:1px solid #eee; }
.edu_reco_vd_oth h3 { padding-left:80px; }
.vd_oth_mask { position:relative; width:1080px; height:243px;  margin:0 50px; overflow:hidden; box-sizing:border-box; }
.vd_oth_mask ul { position:absolute; top:0; left:30px; width:500000px; height:243px; }

.vd_oth_btn { position: absolute; top:140px; width: 28px; height: 28px; }
.vd_oth_btn.vd_oth_prev { left:15px; }
.vd_oth_btn.vd_oth_next { right:15px; }
.vd_oth_btn { display:inline-block; width: 40px; height: 40px; padding:0 !important; vertical-align:middle; background: url(../images/common/icon_arw_big1.svg) no-repeat 50% 50% ; background-size: 19px 29px; transition: ease all .2s; }
.vd_oth_prev { transform:rotate(180deg); }
.vd_oth_prev:hover { background-position:80% 50%; transition: ease all .2s; }
.vd_oth_next {  }
.vd_oth_next:hover {  background-position:80% 50%; transition: ease all .2s; }
.vd_oth_prev_mask { 
	position:absolute; top:65px; left:48px; width:30px; height:250px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f6f6+0,f6f6f6+100&1+0,0+100 */
	background: -moz-linear-gradient(left, rgba(246,246,246,1) 20%, rgba(246,246,246,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(246,246,246,1) 20%,rgba(246,246,246,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(246,246,246,1) 20%,rgba(246,246,246,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	z-index:11;
	}
.vd_oth_next_mask {
	position:absolute; top:65px; right:48px; width:30px; height:250px; 
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f6f6+0,f6f6f6+100&0+0,1+100 */
	background: -moz-linear-gradient(left, rgba(246,246,246,0) 20%, rgba(246,246,246,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(246,246,246,0) 20%,rgba(246,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(246,246,246,0) 20%,rgba(246,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	z-index:11;
}
.edu_reco_video.oth { margin:0 0 0 0 !important; border:0 !important; }

.edu_reco_video a { display:inline-block;}
.edu_reco_video .btn_icon { display:inline-block; width: 28px; height: 28px; padding:0 !important; border:1px solid #989898; border-radius: 16px; vertical-align:middle; background: url(../images/common/icon_arw_big1.svg) no-repeat 50% 50% #fff; background-size: 10px 16px; transition: ease all .2s;  }
.edu_reco_video a:hover .btn_icon {  border:1px solid #0d1127; background: url(../images/common/icon_arw_big1.svg) no-repeat 80% 50% #0d1127; background-size: 10px 16px; transition: ease all .2s;  }


#con_recviedo { padding:0;}
.edu_reco_vd_oth2 { position:relative; width:1180px; margin:0 -20px 0; padding:10px 20px 15px; background:#f3f3f3; border-radius:10px; border:0px solid #eee; }
.edu_reco_vd_oth2 h3 { padding-left:0; }
.vd_oth_mask2 { position:relative; width:1180px; height:243px;  overflow:hidden; box-sizing:border-box; }
.vd_oth_mask2 ul { position:absolute; top:0; left:0; width:500000px; height:243px; }

.vd_oth_btn2 { position: absolute; top:140px; width: 28px; height: 28px; }
.vd_oth_btn2.vd_oth_prev { left:-40px; }
.vd_oth_btn2.vd_oth_next { right:-40px; }
.vd_oth_btn2 { display:inline-block; width: 40px; height: 40px; padding:0 !important; vertical-align:middle; background: url(../images/common/icon_arw_big1.svg) no-repeat 50% 50% ; background-size: 19px 29px; transition: ease all .2s; }
.vd_oth_prev2 { transform:rotate(180deg); }
.vd_oth_prev2:hover { background-position:80% 50%; transition: ease all .2s; }
.vd_oth_next2 {  }
.vd_oth_next2:hover {  background-position:80% 50%; transition: ease all .2s; }
.vd_oth_prev_mask2 { 
	position:absolute; top:65px; left:48px; width:30px; height:250px;
	
	background: -moz-linear-gradient(left, rgba(246,246,246,1) 20%, rgba(246,246,246,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(246,246,246,1) 20%,rgba(246,246,246,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(246,246,246,1) 20%,rgba(246,246,246,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	z-index:11;
	}
.vd_oth_next_mask2 {
	position:absolute; top:65px; right:48px; width:30px; height:250px; 
	
	background: -moz-linear-gradient(left, rgba(246,246,246,0) 20%, rgba(246,246,246,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(246,246,246,0) 20%,rgba(246,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(246,246,246,0) 20%,rgba(246,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	z-index:11;
}
.edu_reco_video2.oth { margin:0 0 0 0 !important; border:0 !important; }

.edu_reco_video a { display:inline-block;}
.edu_reco_video .btn_icon { display:inline-block; width: 28px; height: 28px; padding:0 !important; border:1px solid #989898; border-radius: 16px; vertical-align:middle; background: url(../images/common/icon_arw_big1.svg) no-repeat 50% 50% #fff; background-size: 10px 16px; transition: ease all .2s;  }
.edu_reco_video a:hover .btn_icon {  border:1px solid #0d1127; background: url(../images/common/icon_arw_big1.svg) no-repeat 80% 50% #0d1127; background-size: 10px 16px; transition: ease all .2s;  }

/* mv_basis_lst */
.mv_basis_lst {} 
.mv_basis_lst li { float:left; width:184px; /*min-height: 280px;*/ height:auto; padding:0 15px 30px 0; } /*6°³*/
.mv_basis_lst li:nth-child(6n+0) { padding:0 0 0 0; }
.mv_basis_lst:after { display:block; clear:both; content:''; } 
.mv_basis_lst .mv_area { position:relative; }
.mv_basis_lst .mv_area.file_none { position:absolute; top:0; left:0; right:0; bottom:0; background:#ccc }
.mv_basis_lst .mv_area img.mv { width:184px; height:auto; max-height:104px; overflow:hidden; opacity:1; border-radius:2px; }
.mv_basis_lst .mv_area .i_live { position:absolute; left:5px; top:5px; width:55px; height:25px; background:#e93030; border-radius:2px; z-index:10; }
.mv_basis_lst .mv_area .i_live .i_mv_live { display:block; margin:6px 9px; width:37px; height:13px; background:url(../images/common/icon_live.svg) no-repeat; background-size:37px 13px; content:''; }
.mv_basis_lst .mv_area .i_mv { position:absolute; left:1px; bottom:1px; width:25px; height:25px; background:rgba(0, 0, 0, 0.5); z-index:-1; }
.mv_basis_lst .mv_area .i_mv .i_mv_arw { display:block; margin:8px 8px; width:8px; height:9px; background:url(../images/common/video_play_arw.svg) no-repeat; background-size:8px 9px; content:''; }
.mv_basis_lst .mv_area .time { position:absolute; right:5px; bottom:5px; height:20px; border-radius:2px; background:rgba(0, 0, 0, 0.5); z-index:10; }
.mv_basis_lst .mv_area .time span { display:inline-block; padding:0 8px; font-size:12px; font-weight:400; color:#fff; letter-spacing:0;  }
.mv_basis_lst .mv_cen_area { padding:6px 10px 0 0; font-size:14px; line-height:21px; font-weight:400; color:#2283e7 !important; overflow:hidden; }
.a_goview .fs_14 { display:inline-block; padding:6px 0 0 0; font-size:13px; color:#666; line-height:18px;  word-break: break-all;  }/*µ¿¿µ»ó Á¦¸ñ ¾Æ·¡ ¼³¸í±Û*/
.mv_basis_lst .mv_txt_area { margin:0 0 -2px 0; padding:0 10px 0 0; font-size:15px; line-height:20px; font-weight:400; color:#474747; /*overflow:hidden;*/ word-break: break-all; }
.mv_basis_lst.large_video .mv_txt_area { margin:2px 0 0 0; padding:0 10px 0 0; font-size:19px; font-weight:400; color:#474747; /*overflow:hidden;*/ word-break: break-all; }
.mv_basis_lst .mv_txt_info { margin:6px 0 0 0; padding:0 10px 0 0; font-size:14px; color:#969696; /*overflow:hidden;*/ }
.mv_sharp_info { padding: 3px 0 0 0; }
.mv_sharp_info span { display: inline-block; padding: 0 3px 0 0; font-size:13px; line-height:15px; color:#666;  }
.mv_sharp_info span:before { content: '#'; }
.text_content .mv_sharp_info { padding: 20px 0 40px 0; }
.text_content .mv_sharp_info span { padding: 0 10px 0 0; font-size:15px; line-height:22px; }

/* µ¿¿µ»ó Å©±â¿¡ µû¸¥ ¼¼ºÎ »çÀÌÁî */
.mv_basis_lst.large_video {  }
.mv_basis_lst.large_video li { float:left; width:372px; height:auto; padding:0 31px 0 0; }
.mv_basis_lst.large_video li:last-child { padding:0 0 0 0; }
.mv_basis_lst li a { display:block; }
.mv_basis_lst.large_video .mv_area img.mv { width:370px; height:206px; max-height:214px; overflow:hidden; border-radius:4px; }
.mv_basis_lst.col_4 li { float:left; width:272px; height:auto; padding:0 30px 40px 0; } /*4°³*/
.mv_basis_lst.col_4 li:nth-child(6n+0) { padding:0 29px 0 0; }

.mv_basis_lst.col_4 .mv_area img.mv { width:270px; height:auto; max-height:150px; overflow:hidden; opacity:1; border-radius:4px; }
.mv_basis_lst li:last-child { padding:0; }
.mv_basis_lst.col_4 li:nth-child(4n+0) { padding:0 0 40px 0; }
.mv_basis_lst.col_4.col_4_mask li { padding:0 30px 0 0; }
.mv_basis_lst.col_4.col_4_mask li:nth-child(4n+0) { padding:0 30px 0 0; }
.mv_basis_lst.col_4.col_4_mask .mv_txt_info { color:#666; }

/**/
.ch_main_review li { float:left; width:283px; height:263px; margin:0 15px 0 0; padding:15px 18px 15px 20px; background:#fff; border:1px solid #e1e1e1; box-sizing:border-box; border-radius:4px; }
.ch_main_review li:last-child { margin:0; }
.ch_main_review:after { display:block; clear:both; content:''; } 
.ch_main_review div { max-height:63px; font-size:16px; font-weight:500; color:#0d1127; line-height:21px; overflow:hidden; }
.ch_main_review p { max-height:84px; padding:10px 0 0 0; font-size:14px; color:#68686b; line-height:21px; overflow:hidden; }
.ch_main_review span { display:inline-block; margin:10px 0 0 0; padding:2px 5px 3px; font-size:12px; color:#fff; background:#cacaca; vertical-align:middle; }
.ch_main_review em { display:inline-block; padding:10px 0 0 5px; font-size:12px; color:#898989; line-height:23px;vertical-align:middle; }
.ch_main_review .cen_name { background:none; padding:0 0 9px; margin:0; }
.ch_main_review .cen_name span { display:inline-block; background:none; color:#666; margin:0; padding:0 2px 0; border-bottom:1px solid #969696; }

.lecture_sch { width:100%; height:auto; }/* background:#303448; */
.lecture_sch .lec_kinds { float:left; position:relative; width:920px; padding:12px 0 12px 0;  box-sizing:border-box; }
.lecture_sch .lec_kinds:after { position:absolute; top:0; right:5px; width:1px; height:100%; content:''; background:#487ba5; }
.lec_search { float:left; width:260px; padding:10px 5px 0 15px; box-sizing:border-box; }
.lecture_sch:after { display:block; clear:both; content:''; }
.lecture_sch .lec_kinds em { display:inline-block; position:relative; width:150px; margin:5px 0 0 0; padding:0; font-size:17px; color:#fff; box-sizing:border-box; }
.lecture_sch .lec_kinds em:after { position:absolute; top:0; right:5px; width:1px; height:100%; content:''; background:#88c8e7; }
.lecture_sch .lec_kinds .toggle_lst { display:inline-block;  }
.lecture_sch .lec_kinds .toggle_lst a { position:relative; margin-top:0; }
.lecture_sch .lec_kinds .toggle_lst a .balloon { position:absolute; top:-35px; left:0; display:inline-block; background:#e93030; width:150px; height:30px; margin:0 0 0 0; padding:4px 0 0; box-sizing:border-box; font-size:13px; font-weight:400; color:#fff; text-align:center; border-radius:4px; z-index:110; }
.lecture_sch .lec_kinds .toggle_lst a .balloon:after { position:absolute; border-top:10px solid #e93030; border-right:8px solid transparent; border-left:8px solid transparent; bottom:-7px; left:25px; content:''; }
.lec_search .sch_input_txt { width:175px; height:32px; font-size:16px; font-weight:400; color:#b6e1ff; background:none; border:0; border-bottom:1px solid #b6e1ff; }
.sch_input_txt::placeholder { font-size:16px; font-weight:400; color:#718aa1; opacity:1; }
.sch_input_txt:-ms-input-placeholder { color:#718aa1; }
.sch_input_txt::-ms-input-placeholder { color:#718aa1; }
.lec_search .form_btn { width:40px; height:40px; padding:0; background:url(../images/common/icon_sch_btn.svg) 20% 50% no-repeat; background-size:25px 24px; border:0; }
.lecture_sch_info { padding:50px 10px 150px 0; text-align:center; }
.lecture_sch_info span { position:relative; display:inline-block; padding:0 5px 10px; font-size:25px; font-weight:300; color:#0d1127;  }
.lecture_sch_info span em { position:absolute; left:0; right:0; top:25px; height:16px; content:''; background:rgba(255,242,0,0.5); z-index:-1 }

/* ¼ö°­½Åû °Ë»öÁ¶°Ç Ãß°¡¿¡ µû¸¥ css Ãß°¡ */
.lec_kinds.ver2 .toggle_lst { padding-left: 20px; }
.lec_kinds.ver2 .lec_sch_ty2 { padding:10px 5px 0 20px; box-sizing:border-box; vertical-align: middle; }
.lecture_sch:after { display:block; clear:both; content:''; }
.lec_kinds.ver2 { border: 1px solid #4f5261; }
.lec_kinds.ver2 .row { background: #f8f8f8; border-top: 1px solid #d7d8dc; }
.lec_kinds.ver2 .row:first-child { border-top: 0; }
.lec_kinds.ver2 .row.k_word { background: #fff; border-top: 0; }
.lec_kinds.ver2 .row.center { padding: 0 0 9px 0; background: #fff; }
.lec_kinds.ver2 em { display:inline-block; position:relative; width:160px; margin:0; padding: 14px 0 16px 16px; font-size:16px; color:#fff; background: #4f5261; box-sizing:border-box; }
.lec_sch_ty2 .sch_input_txt { width:230px; height:30px; font-size:16px; font-weight:400; color:#1b1b1b; background:#fff; border:1px solid #a2a2a2; }
.lec_sch_ty2 .sch_input_txt::placeholder { font-size:16px; font-weight:400; color:#718aa1; opacity:1; }
.lec_sch_ty2 .sch_input_txt:-ms-input-placeholder { color:#718aa1; }
.lec_sch_ty2 .sch_input_txt::-ms-input-placeholder { color:#718aa1; }
.lec_sch_ty2 .form_btn { width:40px; height:40px; padding:0; background:url(../images/common/icon_sch_btn2.svg) 20% 50% no-repeat; background-size:25px 24px; border:0; }

/* 2018-06-02 Ãß°¡ÇØ º½ */
.lec_kinds_gr { float:left; position:relative; width:920px; padding:12px 0 12px 0;  box-sizing:border-box; }
.lec_kinds_gr:after { position:absolute; top:0; right:5px; width:1px; height:100%; content:''; background:#58687f; }
.info_lec_sch { padding:70px 0 0 0; }
.info_lec_sch .info_box { display:inline-block; width:350px; height:240px; padding:110px 40px 0; text-align:center; box-sizing:border-box; border:0px solid #ccc;  content:''; }
.info_lec_sch .ibox_01 { background:url(../images/channel/bg_ibox_01.png) 50% 0 no-repeat; content:''; }
.info_lec_sch .ibox_02 { background:url(../images/channel/bg_ibox_02.png) 50% 0 no-repeat; content:''; }
.info_lec_sch .ibox_03 { background:url(../images/channel/bg_ibox_03.png) 50% 0 no-repeat; content:''; }
.info_lec_sch em { display:block; padding:0; font-size:18px; font-weight:500; color:#555; }
.info_lec_sch span { display:block; padding:15px 0 0; font-size:16px; color:#969696; }



.lecture_sch:after { display:block; clear:both; content:''; }
.lecture_sch .lec_kinds_gr em { display:inline-block; position:relative; width:130px; margin:5px 0 0 0; padding:0 0 0 26px; font-weight:400; color:#b6e1ff; box-sizing:border-box; }
.lecture_sch .lec_kinds_gr em:after { position:absolute; top:0; right:5px; width:1px; height:100%; content:''; background:#595d6d; }
.lecture_sch .lec_kinds_gr .toggle_lst { display:inline-block;  }
.lecture_sch .lec_kinds_gr .toggle_lst a { margin-top:0; }



.lec_kinds_gr .toggle_lst a span { font-size:18px; }
.lec_kinds_gr .toggle_lst a.on { background:#fff;  }
.lec_kinds_gr .toggle_lst a.on span { color:#0d1127; }
#res_em_num { color:#e93030; }



.sch_result_area { padding:10px 20px 14px; box-sizing:border-box; border-top: 1px solid #d7d8dc;  }
.result_reset { display:inline-block; width:165px; padding:2px 0 0 0; vertical-align:top; }
.result_reset:after { display:block; width:1px; height:100%; content:''; }
.result_reset .i_reset { display:inline-block; padding:0 0 0 25px; background:url(../images/common/icon_result_reset.png) 0 2px no-repeat ; font-size:14px; vertical-align:middle; }
.result_reset .i_reset span { color:#606060; font-weight:400; }
.result_keyword { display:inline-block; width:940px; vertical-align:top; }
.result_key { display:inline-block; padding:2px 14px 3px 0; transition: ease all .8s; }
.result_key.new { padding-left: 30px; vertical-align: middle; }
.result_key .sch_span { display: inline-block; padding: 0 10px 0 0; vertical-align: middle; }
.result_key .sch_span:after { content: ' : ' }
.result_key .word { display:inline-block; color:#3e9cde; font-weight:400; vertical-align:middle; }
.result_key .i_del { display:inline-block; width:11px; height:10px; margin:3px 0 0 4px; padding:3px 2px 5px 5px; background:url(../images/common/icon_result_word.gif) 3px 4px no-repeat; vertical-align:middle; overflow:hidden; }

.cen_keyword_wrap { padding:10px 0 10px; border-bottom:1px solid #cecece; box-sizing:border-box; }
.cen_keyword_wrap .h3 span { padding:0 0 0 3px; font-size:25px; color:#0d1127 }
.cen_keyword_wrap .tab_curve { margin-top:-8px; }
.cen_keyword_wrap .tab_curve.ty2 li { margin:8px 1px 0 0; }
.cen_keyword_wrap .tab_curve.ty2 li a { padding: 2px 8px 1px; border:0; border-radius:3px }
.sch_result_text { margin:0; padding:30px 20px; border-bottom:1px solid #cecece; text-align:center; }
.sch_result_text span { font-size:25px; color:#0d1127; }
.sch_result_text span em { font-weight:500; }
.cen_keyword_wrap .tab_curve { margin-top:-8px;}
.lec_lst_head { padding:20px 15px 10px; border-bottom:1px dashed #cecece; }
.lec_lst_head .i_sort { position:relative; margin:0 0 0 15px; padding:0 0 0 18px; }
.lec_lst_head .i_sort span { font-weight:400; color:#969696; }
.lec_lst_head .i_sort em { position:absolute; top:8px; left:0; width:15px; height:10px; background:url(../images/common/icon_sort.png) no-repeat; background-position:0 -11px; }
.lec_lst_head .i_sort.on span { color:#3e3e3e; }
.lec_lst_head .i_sort.on em { background-position:0 0; }
.lec_lst_head .total_txt { display:inline-block; padding:0; font-weight:500; color:#3e3e3e; }
.lec_lst_head .sch_txt  { font-size:25px; text-align:center;padding:0; font-weight:300; color:#3e3e3e; }
.lec_lst_head .sch_txt .word { font-weight:500; color:#3e9cde; }
.lec_lst_head .sch_txt .word:before,.lec_lst_head .sch_txt .word:after { content:'"'; }

.ty_big_thumb { padding:10px 0 30px 0; }
.ty_big_thumb li { float:left; position:relative; width:295px; height:510px; padding:13px 13px 0 12px; box-sizing:border-box;}
.ty_big_thumb ul:after { display:block; clear:both; content:''; }
.ty_big_thumb li .over_bg { z-index:-1 }
.ty_big_thumb li:hover .over_bg { position:absolute; top:1px; right:1px; bottom:1px; left:1px; border:1px solid #808080; box-shadow:3px 3px 5px rgba(0, 0, 0, 0.2); transition: ease all .2s; }
.ty_big_thumb li.on .over_bg { position:absolute; top:1px; right:1px; bottom:1px; left:1px; border:1px solid #808080; box-shadow:3px 3px 5px rgba(0, 0, 0, 0.2); transition: ease all .2s; }
.ty_big_thumb .thumb_area { position:relative; }
.ty_big_thumb .thumb_area img { width:270px; height:auto; }
.thumb_area {}
.thumb_area .i_flag { position:absolute; top:0; font-size:0; }
.thumb_area .i_flag span { display:inline-block; padding:3px 5px 4px; }
.thumb_area .bg_01 { background:#ff8330; }
.thumb_area .bg_02 { background:#25a5ff; }
.thumb_area .bg_03 { background:#e20d0d; }
.thumb_area .bg_04 { background:#5637fb; }
.thumb_area .bg_05 { background:#fe6132; }
.thumb_area .bg_06 { background:#ffd619; }/* °ËÀº±ÛÀÚ */
.thumb_area .bg_07 { background:#0070ed; }/* ÀÀ½Ã·áȯ±Þ */
.thumb_area .bg_08 { background:#8e9cec; }/* ½Ã³ª°ø¹Ý */
.thumb_area .bg_09 { background:#4e5db7; }/* Çհݳ»°ø¹Ý */  
.thumb_area .bg_10 { background:#d698de; }
.thumb_area .bg_11 { background:#ee8fbe; }
.thumb_area .bg_12 { background:#ee9b9b; }
.thumb_area .flag-icon-1404189 { padding:3px 8px 4px;background: -webkit-linear-gradient(to right, #f55088, #a00f96); background: -o-linear-gradient(to right, #f55088, #a00f96); background: -moz-linear-gradient(to right, #f55088, #a00f96); background: linear-gradient(to right, #f55088, #a00f96); text-align: center;}/* ÃÊƯ°¡ÇÒÀÎ */  
.thumb_area .flag-icon-1404189:before { display: block; content:'ÃÊƯ°¡ÇÒÀÎ'; font-size: 12px; color: #fff; }/* ÃÊƯ°¡ÇÒÀÎ */  
.thumb_area .i_flag em { display:inline-block; font-size:12px; color:#fff; }
.thumb_area .i_flag .bg_06 em { color:#0d1127; }
.thumb_area .i_end { position:absolute; bottom:-16px; left:0; width:55px; height:43px; font-size:0; text-align:center; }
.thumb_area .i_end span { display:block; padding:7px 1px 5px; font-size:12px; color:#fff; }
.thumb_area .i_end.ty1 { background:url(../images/channel/i_flag_end1.gif) no-repeat 0 0; }
.thumb_area .i_end.ty2 { background:url(../images/channel/i_flag_end2.gif) no-repeat 0 0; }


.thumb_area .i_end2 { position:absolute; bottom:0; left:0; width:55px; height:61px; font-size:0; text-align:center; }
.thumb_area .i_end2 span { display:block; padding:20px 1px 5px; font-size:13px; color:#fff; }
.thumb_area .i_end2.ty1 { background:url(../images/channel/i_flag_end1.svg) no-repeat 0 0; animation: lightly 1s infinite;}
.thumb_area .i_end2.ty2 { background:url(../images/channel/i_flag_end2.svg) no-repeat 0 0;  }
@keyframes lightly {
	0% { filter:brightness(100%); opacity:1; transition:opacity 1s linear; transform:translateY(0); }
	50% { filter:brightness(120%); opacity:1; transition:opacity 1s linear; transform:translateY(6px); }
	100% { filter:brightness(100%);  opacity:1;transition:opacity 1s linear; transform:translateY(0); }
}


.content_none { padding:30px 0 50px; text-align:center; font-size:18px; }
.ty_big_thumb .tit { max-height:75px; padding:15px 2px 0;font-size:17px; font-weight:400; color:#0d1127; line-height:25px; overflow:hidden; }
.ty_big_thumb .info { max-height:60px; padding:8px 3px 0; font-size:14px; font-weight:400; color:#969696; line-height:20px; overflow:hidden;}
.ty_big_thumb .word { max-height:63px; padding:3px 3px 0; overflow:hidden; }
.ty_big_thumb .word span { display:inline-block; padding:4px 6px 0 0; font-size:14px; font-weight:400; line-height:20px; }
.ty_big_thumb li .b_btn_wrap { display:none; }
.ty_big_thumb li.on .b_btn_wrap { display:block; }
.ty_big_thumb li:hover .b_btn_wrap { display:block; position:absolute; bottom:2px; left:2px; right:2px; height:50px; background:#ddd; z-index:20; }
.ty_big_thumb li.on .b_btn_wrap { display:block; position:absolute; bottom:2px; left:2px; right:2px; height:50px; background:#ddd; z-index:20; }
.ty_big_thumb li .b_btn_wrap a { position:relative; display:block; float:left; width:50%; height:50px; text-align:center; }
.ty_big_thumb li .b_btn_wrap:after { display:block; clear:both; content:''; }
.ty_big_thumb li .b_btn_wrap a.instruc_info { background:#aaa; }
.ty_big_thumb li .b_btn_wrap a.instruc_lec { background:#303448; }

.ty_big_thumb li .b_btn_wrap a.icon_more { width:50px; background:url(/design/2018/images/common/icon_more_view.svg) no-repeat 50% 50% #aaa; background-size:4px 20px}
.ty_big_thumb li .b_btn_wrap a.icon_timetable { width:241px; background:#303448; }
.btn_more_view { position:relative; }
.btn_more_view .i_more_view { position:absolute; left:4px; bottom:8px; width:112px; padding:8px; border-radius:0; background:#909090; box-shadow:3px 3px 5px #ccc; }
.btn_more_view .i_more_view .ball_close { position:absolute;right:-29px; top:0; width:30px; height:30px;  border-radius:0 15px 15px 0; background:url(/design/2018/images/common/btn_close.svg) no-repeat 6px 9px #909090; background-size:12px 12px; box-shadow:3px 3px 5px #ccc; }
.btn_more_view .i_more_view:after { position:absolute; left:14px; bottom:2px; border-bottom:8px solid #909090; border-right:10px solid transparent; border-left:10px solid transparent; }
.ty_big_thumb .i_more_view a.go_p { display:block; width:112px; height:35px; padding:2px 8px 5px; box-sizing:border-box; text-align:left; border-radius:3px; }
.ty_big_thumb .i_more_view a.go_p:first-child { margin-top:0; }
.ty_big_thumb .i_more_view a.go_p span { font-size:14px; color:#fff; line-height:20px; }
.ty_big_thumb .i_more_view a.go_p:hover { background:#737373; }
.ty_big_thumb li .b_btn_wrap a span { display:inline-block; line-height:48px; font-weight:400; color:#fff; box-sizing:border-box; vertical-align:middle; }
.ty_big_thumb li .b_btn_wrap a.icon_timetable em { display:inline-block; width:20px; height:16px; vertical-align:middle; background:url(/design/2018/images/common/icon_sub_mnu_arw.png) 100% 3px no-repeat; }

.ty_big_thumb .not_found { padding:50px 0 80px 0; text-align:center; }
.ty_big_thumb .not_found span { font-size:25px; }
.thumb_area .i_sns { position:absolute; bottom:6px; left:6px; }
.thumb_area .i_sns .icon { display:block; float:left; margin:0 3px 0 0; content:''; }

.thumb_area .i_sns .i_youtube { width:25px; height:25px; background:url(../images/common/icon_sns_v2.png) no-repeat 0 0; }
.thumb_area .i_sns .i_twitter { width:25px; height:25px; background:url(../images/common/icon_sns_v2.png) no-repeat -30px 0; }
.thumb_area .i_sns .i_facebook { width:25px; height:25px; background:url(../images/common/icon_sns_v2.png) no-repeat -60px 0; }
.thumb_area .i_sns .i_cafe { width:25px; height:25px; background:url(../images/common/icon_sns_v2.png) no-repeat -90px 0; }
.thumb_area .i_sns .i_mail { width:25px; height:25px; background:url(../images/common/icon_sns_v2.png) no-repeat -120px 0; }
.thumb_area .i_sns .i_googleplus { width:25px; height:25px; background:url(../images/common/icon_sns_v2.png) no-repeat -150px 0; }
.thumb_area .i_sns .i_blog { width:25px; height:25px; background:url(../images/common/icon_sns_v2.png) no-repeat -180px 0; }
.thumb_area .i_sns .i_instar { width:25px; height:25px; background:url(../images/common/icon_sns_v2.png) no-repeat -210px 0; }
.thumb_area .i_sns .i_site { width:25px; height:25px; background:url(../images/common/icon_sns_v2.png) no-repeat -240px 0; }
.thumb_area .i_sns .i_kakao { position:relative; height:25px; margin-right:22px; padding:0 3px 0 22px; background:url(../images/common/icon_sns_v2.png) no-repeat -270px 0; font-size:12px; line-height:20px; }
.thumb_area .i_sns .i_kakao em { position:absolute; top:0; right:-12px; display:inline-block; width:12px; height:25px; margin:0 0 0 5px; padding:0 0 0 0;color:#67634c; background:url(../images/common/icon_sns_v2.png) no-repeat -480px 0; }
.thumb_area .i_sns .i_kakao_ch { width:25px; height:25px; background:url(../images/common/icon_sns_v2.png) no-repeat -496px 0; }

.thumb_area .i_sns:after { display:block; clear:both; content:''; }


.con_inner.video_view { padding:120px 0 0 0; }
.video_view .float_wrap { height:450px; overflow:hidden; }
.video_view .fl_left, .video_view .fl_right { position:relative; height:100%; }
.video_view .mv_area { position:relative; width:800px; text-align:center; vertical-align:middle; font-size:0; background:#dfdfdf; }
.video_view .mv_area:after { display:inline-block; width:1px; height:100%; margin-left:-1px; vertical-align:middle; content:''; }
.video_view .mv_area span { display:inline-block; vertical-align:middle; font-size:40px; color:#fff; }
.video_view .mv_text { position:relative; width:380px; height:450px; border:1px solid #ccc; box-sizing:border-box; }
.video_view .mv_text .text_content { width:378px; height:380px; padding:20px 40px 40px 25px; overflow:auto; box-sizing:border-box;  }
.video_view .mv_text .tit { padding:10px 0 0 0; font-size:22px; font-weight:500; line-height:33px; color:#0d1127; }
.video_view .mv_text .date { padding:5px 0 0 0; font-size:12px; line-height:18px; color:#969696; }
.video_view .mv_text .text { padding:20px 0 0 0; font-size:16px; line-height:27px; }
.video_view .mv_text .word { max-height:63px; padding:10px 3px 0; overflow:hidden; }
.video_view .mv_text .word span { display:inline-block; padding:4px 6px 0 0; font-size:14px; font-weight:400; line-height:20px; }
.video_view .mv_text .word span:before { content: '# ';}
.video_view .mv_text .btn_wrap { position:absolute; bottom:0; left:0; width:100%; height:66px; padding:0; text-align:center; background:#f7f7f7; box-sizing:border-box; }
.video_view .mv_text .btn_wrap a { vertical-align:middle; margin:0 0 0 10px; }
.video_view .mv_text .btn_wrap a:first-child { margin:0 0 0 0; }
.video_view .mv_text .btn_wrap:after { display:inline-block; width:1px; height:100%; margin:0 0 0 -1px; vertical-align:middle; content:''; }
.btn_wrap.video_view { padding:0 0 120px 0;}
.video_view_more { padding:0 0 0px 0; }
.pg_main .video_view_more { padding:0 0 0 0 !important; }
.video_view .mv_area.file_none { position:absolute; top:0; right:0; bottom:0; left:0; background:url(../images/common/mv_file_none.png) no-repeat 48% 45% #787a85; text-align:center; }




/**/
.pg_main .instruc_lst { padding:50px 0 100px 0; }
.instruc_lst ul:after { display:block; clear:both; content:''; }
.pg_review { }
.pg_review .tab_basis { padding:60px 0 0; }
.pg_review .lec_lst_head { padding:40px 15px 20px; border-bottom:0; }
.pg_instruc .lec_lst_head { padding:0 15px 20px 0; }
/*
.instruc_lst li a span { }
.instruc_lst a:hover { background:#e2e3e5; border:1px solid #d5d6d8; transition: ease all .2s; }
.instruc_lst a.on {  border:1px solid #25a5ff; background:#25a5ff; transition: ease all .2s;  }
.instruc_lst a.on span { color:#fff; }
*/
.content.instuc_detail { padding:120px 0 0 0; }
.content.instuc_detail .tab_basis { padding-top:0; }
.instruc_lst li { float:left; position:relative; width:184px; height:170px;  margin:0 15px 30px 0; box-sizing:border-box; background:#f2f2f2; overflow:hidden; }
.instruc_lst li:nth-child(6n+0) { width:184px; margin:0 0 0 0 ; }
.instruc_lst ul:after { display:block; clear:both; content:''; }

/*
.instruc_lst .local_seoul { background-image: linear-gradient( 135deg, #72EDF2 10%, #5151E5 100%); }
.instruc_lst .local_gg { background-image: linear-gradient( 135deg, #F0FF00 10%, #58CFFB 100%); }
.instruc_lst .local_dg { background-image: linear-gradient( 135deg, #81FFEF 10%, #F067B4 100%); }
.instruc_lst .local_bs { background-image: linear-gradient( 135deg, #C2FFD8 10%, #465EFB 100%); }
.instruc_lst .local_jap { background-image: linear-gradient( 135deg, #FAD7A1 10%, #E96D71 100%); }
.instruc_lst .local_chi { background-image: linear-gradient( 135deg, #FFD3A5 10%, #FD6585 100%); }
*/
.instruc_lst li span { font-size:19px; }
.instruc_lst li a { position:absolute; bottom:0; left:0; right:0; background:#fff; padding:7px 0 30px 2px; box-sizing:border-box; }

/* s_cen_lst_basis */
.btn_cen_lst { display:inline-block; margin:0 0 0 15px; padding:0 0 0 15px; }
.btn_cen_lst .center_view { position:relative; padding:4px 30px 6px 15px; font-size:14px; font-weight:400; color:#68686b; border:1px solid #ccc; border-radius:2px; }
.btn_cen_lst .center_view em { position:absolute; top:12px; right:10px; width:10px; height:5px; background:url(../images/common/gnb_site_arw.gif) no-repeat; overflow:hidden; }
.s_cen_lst_basis { position:absolute; top:69px; left:0; border:1px solid #c0c0c3; padding:20px 30px 28px; box-sizing:border-box; background:#fff; z-index:10; box-shadow:3px 3px 5px #ccc }
.s_cen_lst_basis a { display:block; float:left; position:relative; width:177px; margin:0 8px 14px 0; padding:10px 0 10px 30px; box-sizing:border-box; border:1px solid #ccc; border-radius:4px; }
.s_cen_lst_basis a em { position:absolute; top:14px; left:8px; width:16px; height:16px; background:url(../images/common/icon_s_radio.png) no-repeat 0 0; }
.s_cen_lst_basis a em.check { position:absolute; top:14px; left:8px; width:16px; height:16px; background:url(../images/common/icon_s_check.png) no-repeat 0 0; }
.s_cen_lst_basis a span { font-size:15px;  }
.s_cen_lst_basis a:hover { border-color:#25a5ff; transition: ease all .2s; }
.s_cen_lst_basis:after { display:block; clear:both; content:''; }
.s_cen_lst_basis a.on { background:#25a5ff; border-color:#25a5ff; }
.s_cen_lst_basis a.on em { background-position:0 -17px; }
.s_cen_lst_basis a.on em.check { background-position:0 -17px; }
.s_cen_lst_basis a.on span { color:#fff; }
.s_cen_lst_basis .btn_lypop_close { top:-1px; }
.s_cen_lst_basis .btn_lypop_close a { width:60px; height:60px; margin:0; padding:0; border:0; }

.review_lst_wrap { clear:both; padding:0 0 80px 0; }
.review_lst_wrap ul { padding:0 0 20px 0; border-top:1px solid #7d7e83; }
.review_lst_wrap li { position:relative; margin:0 0 -1px 0; padding:15px 20px 17px 35px; border-bottom:1px solid #e1e1e1; box-sizing:border-box; }
.review_lst_wrap a:last-child li { border-color:#7d7e83; }
.review_lst_wrap li a { display:block; }
.review_lst_wrap li:after { display:block; clear:both; content:''; }
.review_lst_wrap li .over_bg { z-index:-1 }
.review_lst_wrap li:hover .over_bg { position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid #808080; box-shadow:3px 3px 5px rgba(0, 0, 0, 0.2); transition: ease all .2s; z-index:10; }


.review_lst_wrap .rv_name { display:inline-block; width:140px; font-size:13px; color:#969696; vertical-align:middle; }
.review_lst_wrap li:after { display:inline-block; width:1px; height:100%; margin-left:-1px; content:''; }
.review_lst_wrap .rv_lec { display:inline-block; width:720px; vertical-align:middle; font-size:13px; color:#68686b; overflow:hidden; }
.review_lst_wrap .rv_tit { font-size:16px; font-weight:400; color:#0d1127; }
.review_lst_wrap .rv_id { display:inline-block; width:220px; vertical-align:middle;  font-size:12px; color:#c0c0c0;  }
.review_lst_wrap li .rv_id em { display:inline-block; width:150px;}

.review_view_wrap { padding:120px 0 120px 0; }
.review_head { position:relative; padding:20px 40px 20px; }
.review_head .rv_lec { display:inline-block; width:720px; vertical-align:middle; font-size:14px; color:#68686b; overflow:hidden; }
.review_head .rv_name { display:inline-block; width:140px; font-size:13px; color:#969696; vertical-align:middle; }
.review_head li:after { display:inline-block; width:1px; height:100%; margin-left:-1px; content:''; }

.review_head .rv_tit { padding:0 0 10px 0; font-size:21px; line-height:35px; font-weight:400; color:#0d1127; }
.review_head .rv_tit_lec { color:#3e9cde; }
.review_head .rv_tit_lec a { color:#0d7fd0; }
.review_head .rv_id { display:inline-block; width:340px; vertical-align:middle;  font-size:12px; color:#c0c0c0; }
.review_head .rv_id em { display:inline-block; width:160px;}
.review_head.over_bg { border:1px solid #808080; box-shadow:3px 3px 5px rgba(0, 0, 0, 0.2); transition: ease all .2s; }

.review_head .instructors { padding:20px 80px 20px; border-bottom:1px dashed #e1e1e1; } /*background:#303448; */
.review_head .instructors p { line-height:85px; font-weight:400; color:#3e9cde; }

.review_head .v_tea { display:inline-block; vertical-align:middle; text-align:right; }
.review_head .v_tea a { display:inline-block; width:80px; text-align:center; vertical-align:middle; }
.review_head .v_tea:after { display:inline-block; width:1px; height:100%; vertical-align:middle; clear:both; content:''; }
.review_head .v_tea .v_tea_img { display:block; text-align:center; }
.review_head .v_tea .v_tea_img img { width:60px; height:60px; border-radius:30px; }
.review_head .v_tea em { vertical-align:middle; color:#949494 !important; }
.review_head .v_tea .v_tea_name { display:block; width:80px; overflow:hidden; text-align:center; }
.review_head .v_tea .v_tea_name span { display: inline-block; width:5.5em; padding:0 2px 0 0; text-overflow:ellipsis; white-space:nowrap; font-size:13px; overflow:hidden; text-align:center; } /* color:#b3b3b3 !important */

.review_middle {}

.review_middle .instructors { padding:20px 80px 20px; border-bottom:1px dashed #e1e1e1; } /*background:#303448; */
.review_middle .instructors p { line-height:85px; font-weight:400; color:#3e9cde; }

.review_middle .instructors .v_tea { display:inline-block; vertical-align:middle; }
.review_middle .instructors .v_tea a { display:inline-block; width:80px; text-align:center; vertical-align:middle; }
.review_middle .instructors .v_tea:after { display:inline-block; width:1px; height:100%; vertical-align:middle; clear:both; content:''; }
.review_middle .instructors .v_tea .v_tea_img { display:block; text-align:center; }
.review_middle .instructors .v_tea .v_tea_img img { width:60px; height:60px; border-radius:30px; }
.review_middle .instructors .v_tea em { vertical-align:middle; color:#949494 !important; }
.review_middle .instructors .v_tea .v_tea_name { display:block; width:80px; overflow:hidden; text-align:center; }
.review_middle .instructors .v_tea .v_tea_name span { display: inline-block; width:5.5em; padding:0 2px 0 0; text-overflow:ellipsis; white-space:nowrap; font-size:14px; overflow:hidden; text-align:center; } /* color:#b3b3b3 !important */


.review_middle .text_content { padding:40px 80px 30px; }
.review_middle .text_content p { padding:0 0 30px 0; font-size:17px; line-height:32px; }
.review_bottom { padding:30px 0 30px; text-align:center;  }
.review_bottom .info_txt { display:inline-block; padding:0 15px 0 0; vertical-align:middle; color:#3e9cde; }
.plus_like { position:relative; display:inline-block; padding:14px 38px 16px 74px; border-radius:4px; border:1px solid #c0c0c3; vertical-align:middle; text-align:left; }
.plus_like em { position:absolute; left:28px; top:18px; width:28px; height:22px; background:url(../images/common/icon_like.png) 0 -23px no-repeat; content:''; }
.plus_like em.on { background-position:0 -23px; }
.plus_like span { font-size:18px; font-weight:400; }
.review_view_wrap .btn_wrap { border-top:1px solid #7d7e83; }
.review_navi { border-top:1px solid #7d7e83; }
.review_navi_lst li { padding:10px 20px 10px; border-bottom:1px solid #eee; }
.review_navi_lst li:hover { background:#f8f8f8; }
.review_navi_lst li:last-child { border-bottom:0; }
.review_navi_lst .navi_head { display:inline-block; width:180px; padding:0 0 0 20px; border-right:1px solid #ddd; box-sizing:border-box; vertical-align:middle; }
.review_navi_lst .navi_head em { display:inline-block; width:40px; height:30px; background:#ddd; content:''; opacity:.3; }
.review_navi_lst em.navi_prev { background:url(/design/2018/images/common/icon_reivew_arw.svg) no-repeat 50% 40%; background-size:18px 9px; }
.review_navi_lst em.navi_next { background:url(/design/2018/images/common/icon_reivew_arw.svg) no-repeat 50% 50%; background-size:18px 9px; transform:rotate(180deg); }
.review_navi_lst .navi_title { display:inline-block; padding:0 0 0 20px; vertical-align:middle; }
/* °­Àǽð£Ç¥ ·¹À̾îÆ˾÷ */
.pop_view_eyes .m_register h3 { padding-left:40px; }
.pop_view_eyes .m_register .temp { width:100%; max-height:500px; padding:0 40px 40px; box-sizing:border-box; border-top:0px solid #eee; border-bottom:0px solid #eee; background:#fff; overflow-y:auto;}

.m_register .time_lst { border-top:1px solid #666; border-bottom:1px solid #666; margin:0 0 40px 0; }
.m_register .time_lst li { padding:5px 0 7px 0; border-bottom:1px solid #eee; font-size:14px; color:#333; }
.m_register .time_lst li:last-child { border-bottom:0; }
.m_register .time_lst li:hover { background:#f8f8f8; }
.m_register .time_lst li div { display:inline-block; text-align:center; vertical-align:middle; box-sizing:border-box; color:#333; }
.m_register .lec_lev { width:140px; padding:0 0 0 6px; }
.m_register .lec_day { width:180px; padding:0 0 0 6px; }
.m_register .lec_time { width:140px; padding:0 0 0 6px; }
.m_register .lec_inst { width:260px; padding:0 0 0 6px; }
.m_register .lec_state { width:80px; padding:0 0 0 6px; }
.m_register .lec_bene { width:200px; padding:0 0 0 6px; }/* ³ëÃâ¾È½ÃÅ°¸é¼­ À§ 5°³°¡ 40px¾¿ ´Ã¾î³²20180725 */
.m_register .lec_bene span { display:block; word-break:break-all; }
.m_register .lec_bene span:after { content:', '; }
.m_register .lec_bene span:last-child::after { content:''; }
.time_lst .time_lst_head,.time_lst .time_lst_head:hover { background:#25283c !important; color:#eee !important; }
.time_lst .time_lst_head div { color:#eee !important; text-align:center !important; }
.lec_state span { display:inline-block; padding:2px 6px 4px; }
.lec_state span.flag_end { color:#fff; background:#888; }
.lec_state span.flag_hot { color:#fff; background:#ff6700; }
.lec_state span.flag_visit { color:#468bd0; padding:2px 0px 4px; }







@keprames move {
	from {transform:translateX(0);}
	to {transform:translateX(400px);}
	
}
@keyframes move2 {
	from {
			transform:translateX(0);
			animation-timing-function:cubic-bezier(1,0,0.8,1);
		}
		to { transform:translateX(400px); }
}
.text_ { font-size:40px; color:#fff; width:800px; height:300px; background:#000; position :relative;animation: move2 1s infinite; }

.vsa_bgimg_wrap { position:relative; overflow:hidden; }
.vsa_bgimg_wrap .mask_bk { position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.3); content:''; }
.vsa_text_wrap { position:absolute; top:50%; left:50%; width:1180px; height:400px; margin:-200px 0 0 -590px; overflow:hidden; z-index:10 }
/* ¹è°æ ½ºÄÉÀÏ */
@keyframes vsa_bg_scale {  
	0% { transform: scale(1.1); transition-delay:10s; }
	100% { transform: scale(1.00); transition-delay:1s; transition-duration: 4s; }
}

.vsa_bgimg_scale { 
	position:relative; 
	width:100%; 
	height:600px; 
	background:url(../images/channel/@visual_bg_01.jpg) no-repeat 50% 50% #c3c3c3; 
	animation:vsa_bg_scale 4s 0s infinite linear alternate;  
	animation-play-state: paused;
}

@keyframes vsa_tt_y {
	0% { transform:translateY(100px); animation-delay:50s; opacity:0; }
	100% { transform:translateY(0); animation-delay:50s; opacity:1; }
}

.vsa_text_wrap .fade_text {  position:relative; animation:vsa_tt_y 1s 1 linear}
.vsa_text_wrap .tt_01 {height:80px; background:#000; content:'';}
.vsa_text_wrap .tt_02 { height:80px; background:#ffcc00; content:'';}

.vsa_text_wrap .tt_03 { height:80px; background:#666; content:''; position:relative; animation:vsa_tt_03 1s; animation-iteration-count:1; }
.vsa_text_wrap .vsa_text_content { display:inline-block; width:98%; vertical-align:middle; }
.vsa_text_wrap:after { display:inline-block; width:1px; height:100%; vertical-align:middle; content:''; }

/*
#mainbanner { display:block; overflow:hidden; position:relative; width:100%; height:880px; text-align:center; }
*/
#main_visual { display:block; overflow:hidden; position:relative; width:100%; height:950px; text-align:center; }/* ¿ø·¡ height:870px */
.mvclip { display: block; position: absolute; z-index: -99; top: 50%; left: 50%; width:1920px; height: 1080px; margin: -540px 0 0 -960px; overflow: hidden; }



/* ¼ö°­½Åû Æ˾÷ */
#wrap_pop_2018 { width:100%; min-width:955px; }
#wrap_pop_2018 .con_inner { width:100%; font-size:16px; }
.lec_head_pop { width:100%; padding: 30px 15px 20px 15px; box-sizing:border-box; font-size:16px; }
.lec_tab_pop { width:100%; padding:8px 0 0 50px; box-sizing:border-box; font-size:16px; background:#2a3050; }
.lec_con_pop { width:100%; margin:50px 0 0 0; padding: 0 50px 50px 50px; box-sizing:border-box; font-size:16px; letter-spacing:-0.03em; font-family:'Noto Sans KR','¸¼Àº °íµñ', Malgun Gothic, AppleGothic, sans-serif !important; color:#68686b; }

/* tab */
.lec_tab_pop { position:relative; }
.lec_tab_pop:after { display:block; clear:both; content:''; }
.lec_tab_pop .n_tab_b { display:inline-block; float:left; }
.lec_tab_pop .n_tab_b li { position:relative; float:left; margin:0; }
.lec_tab_pop .n_tab_b li a { display:block; }
.lec_tab_pop .n_tab_b:after { display:block; clear:both; content:''; }
.lec_tab_pop .n_tab_b li span { display:inline-block; padding:10px 20px 15px; font-size:17px; font-weight:400; color:#fff; }
.lec_tab_pop .n_tab_b em { background:#fff; }
.lec_tab_pop .n_tab_b .active  { background:#fff; }
.lec_tab_pop .n_tab_b .active span { color:#000; font-weight:500; }
/*.lec_tab_pop .n_tab_b .active em { position:absolute; left:0; bottom:0; height:4px; width:100%; background:#e84343; }*/
.lec_tab_pop_fixed { position:fixed; z-index:100; top:0; left:0; animation:tab_fix_y 0.3s 1 linear; box-shadow:0 6px 20px rgba(0, 0, 0, 0.5); }
@keyframes tab_fix_y {
	0% { transform:translateY(-50px); animation-delay:3s; opacity:0; }
	100% { transform:translateY(0); animation-delay:3s; opacity:1; }
}

.lec_tab_pop .lec_anker_t { float:right; text-align:left; }
.lec_anker_t a { position:absolute; top:0; right:0; width:60px; height:58px; display:block; background:#0ebf96; text-align:center; vertical-align:middle; }
.lec_anker_t a div { display:inline-block; padding:4px 0 0 0; text-align:center; vertical-align:middle; }
.lec_anker_t a:before { display:inline-block;  vertical-align:middle; width:1px; height:100%; content:''; }
.lec_anker_t a em { display:block; height:10px; background:url(/design/2018/images/common/gnb_register_arw.gif) no-repeat 50% 80%;  transform:rotate(180deg); vertical-align:middle; }
.lec_anker_t span {display:block;  font-size:0.8em; line-height:1.5; color:#fff; letter-spacing:0.09em; vertical-align:middle; }

.lec_title { position:relative; width:auto; height:auto; display:block; }
.lec_title span { font-size:23px; font-weight:400; color:#0d1127 }
.l_con_title { position:relative; width:auto; height:auto; padding:7px 0;  box-sizing:border-box; }
.l_con_title span { font-size:1.4em; font-weight:500; color:#0d1127 }
.list_title { position:relative; width:auto; height:auto; padding:0 0 5px 0; display:block; }
.lst_title span { font-size:1.2em; font-weight:500; color:#555 }
.lst_title span:before { content:'¡¤ '; }
.lec_copy { padding:20px 0 20px 0; color:#0f53c4; font-weight:400; font-size:1.2em; line-height:1.6; }
.lec_inwrap { padding:0 0 40px 0; }
.lec_inwrap:last-child { padding:0 0 0 0; }
.lec_inwrap .fl_left { float:left; }
.lec_inwrap .fl_right { float:right; }
.lec_inwrap:after { display:block; clear:both; content:''; }

.l_detail_head { position:relative; }
.l_detail_head .fl_left { width:565px; padding:0 35px 0 0; box-sizing:border-box; }
.l_detail_head .fl_right { width:270px; text-align:right; }
.l_detail_head:after { display:block; clear:both; content:''; }
.l_detail_head .lec_sort { display:inline-block; padding:0 8px 1px; background:#d29b79; vertical-align:middle; }
.l_detail_head .lec_sort span { display:inline-block; color:#fff; font-size:0.8em; line-height:24px; }

.l_detail_head .thumb_area img { width:100%; height:auto; }
.l_regi { margin:20px 0 0 0; padding:20px 0 0 0; border-top:2px solid #ddd;}
.l_regi h3 { padding-left:40px; }
.l_regi .temp { width:100%; max-height:500px; padding:0 40px 40px; box-sizing:border-box; border-top:0px solid #eee; border-bottom:0px solid #eee; background:#fff; overflow-y:auto;}
.l_regi .d_btn_wrap { text-align:right; padding:0 0 30px 0; }
.l_regi .time_lst { margin:0 0 30px 0; border-top:1px solid #666; border-bottom:1px solid #666; }
.l_regi .time_lst li { padding:14px 0 16px 0; border:1px solid #fff; border-bottom:1px solid #eee; font-size:14px; box-sizing:border-box; color:#333; }
/*
.l_regi .time_lst li:hover { border:1px solid #000; box-shadow:2px 2px 2px #ddd }
.l_regi .time_lst li.end_lec:hover { border:1px solid #fff; box-shadow:none }
.l_regi .time_lst li.end_lec { opacity:0.5; }
.l_regi .time_lst li div { display:inline-block; text-align:center; vertical-align:middle; box-sizing:border-box; font-weight:400; word-break: break-all }
.l_regi .time_lst li.on { border:1px solid #000; background:#f8f8f8; box-shadow:2px 2px 2px #ddd; }
.l_regi .lec_lev { width:9%; padding:0 }
.l_regi .lec_day { width:16%; padding:0 0 0 6px }
.l_regi .lec_time { width:16%; padding:0 }
.l_regi .lec_inst { width:19%; padding:0 0 0 6px;text-align:left !important;  }
.l_regi .lec_state { width:13%; padding:0 0 0 6px; text-align:center !important; }
.l_regi .lec_fee { width:18%; text-align:right !important; }
.l_regi .lec_submit { width:9%; padding:0 15px 0 0; box-sizing:border-box; text-align:right !important; }
.l_regi .lec_time_tc { text-align:center !important; }
.l_regi .lec_time_tr { text-align:right !important; }
.l_regi .lec_submit.lec_time_tr { padding-right:25px }

*/

.l_regi .time_lst li:hover { border:1px solid #000; box-shadow:2px 2px 2px #ddd }
.l_regi .time_lst li.end_lec:hover { border:1px solid #fff; box-shadow:none }
.l_regi .time_lst li.end_lec { opacity:0.5; }
.l_regi .time_lst li div { display:inline-block; text-align:left; vertical-align:middle; box-sizing:border-box; font-weight:400; word-break: break-all }
.l_regi .time_lst li.on { border:1px solid #000; background:#f8f8f8; box-shadow:2px 2px 2px #ddd; }
.l_regi .lec_lev { width:10%; padding:0; text-align:center !important; }
.l_regi .lec_day { width:18%; position: relative; padding:0 0 0 6px; }
.l_regi .lec_time { width:16%; padding:0 0 0 6px; }
.l_regi .lec_attend { width:10%; padding:0 0 0 6px; }
.l_regi .lec_inst { width:19%; padding:0 0 0 6px;text-align:left !important;  }
.l_regi .lec_state { width:10%; padding:0 0 0 6px; text-align:center !important; }
.l_regi .lec_fee { width:18%; text-align:right !important; }
.l_regi .lec_submit { width:9%; padding:0 15px 0 0; box-sizing:border-box; text-align:right !important; }
.l_regi .lec_time_tc { text-align:center !important; }
.l_regi .lec_time_tr { text-align:right !important; }
.l_regi .lec_submit.lec_time_tr { padding-right:25px }
.l_regi .lec_cal_view { display: inline-block; position: relative; width: 28px; height: 28px; margin: 0 0 3px 6px; background:url(/design/2018/images/content/icon_cal_view_w.svg) no-repeat 50% 40% #e83335; background-size: 18px 18px;border-radius: 4px; vertical-align: middle  }

.l_regi .cal_unit { position: absolute; width: 510px; height: 280px; z-index:1000 } 
.l_regi .ly_calendar { display: block !important; float:left; width: 250px; height: 280px; padding: 0 20px 0; text-align: center !important; border: 1px solid #ccc; background: #fff; z-index:1000 } 

.l_regi .ly_calendar:nth-child(2) { border-left: 0 !important }
.l_regi .time_lst .time_lst_head,.l_regi .time_lst .time_lst_head:hover {  padding:6px 0 9px 0; background:#898a90 !important; color:#eee; border:0; text-align:center; }
.l_regi .time_lst .time_lst_head div { font-size:13px; text-align:center; }
.lec_state span { display:inline-block; padding:2px 8px 3px; }
.lec_state span.flag_end { border-radius:13px; color:#fff; font-weight:400; background:#888; }
.lec_state span.flag_hot { border-radius:13px; color:#fff; font-weight:400; background:url(/design/2018/images/common/flag_hot_bg.gif?v2) no-repeat; }
.lec_state span.flag_visit { color:#ff5f20; font-weight:400; word-break: keep-all; padding:2px 0 3px !important; }
.l_regi .lec_inst p { padding:0 0 2px 0; }
.l_regi .lec_inst .flag_gift { display:inline-block; margin:0 3px 0 0; padding:1px 3px 2px 2px; border-radius: 2px; font-size:0.9em; color:#fff; }
.l_regi .lec_inst .flag_gift.ty1 { background:#db3e84; }
.l_regi .lec_inst .flag_gift.ty2 { display:inline-block; padding:1px 2px 2px 2px; background:#ff8330; }
.l_regi .lec_inst .flag_gift.ty3 { display:inline-block; padding:1px 2px 2px 2px; background:rgba(255,95,32,1); }
.l_regi .lec_inst .flag_gift.ty4 { display:inline-block; padding:1px 2px 2px 2px; background:#ffd619; color:#0d1127 !important; }
.l_regi .lec_inst .flag_gift.ty5 { display:inline-block; padding:1px 2px 2px 2px; background:#0070ed; } /* ÀÀ½Ã·áȯ±Þ */
.l_regi .lec_inst .flag_gift.ty6 { display:inline-block; padding:1px 2px 2px 2px; background:#8e9cec; } /* ½Ã³ª°ø¹Ý */
.l_regi .lec_inst .flag_gift.ty7 { display:inline-block; padding:1px 2px 2px 2px; background:#4e5db7; } /* Çհݳ»°ø¹Ý */
.l_regi .lec_inst .flag_gift em { display:inline-block; margin:0 0 -1px 4px; padding:0 3px 1px 2px; background:#fff; color:rgba(255,95,32,1); }
.l_regi .lec_inst .flag_gift.flag-icon-1404189 { padding:1px 4px 2px 4px; background: -webkit-linear-gradient(to right, #f55088, #a00f96); background: -o-linear-gradient(to right, #f55088, #a00f96); background: -moz-linear-gradient(to right, #f55088, #a00f96); background: linear-gradient(to right, #f55088, #a00f96); text-align: center;}/* ÃÊƯ°¡ÇÒÀÎ */  
.l_regi .lec_inst .flag_gift.flag-icon-1404189:before { display: block; content:'ÃÊƯ°¡ÇÒÀÎ'; font-size: 12px; color: #fff; }/* ÃÊƯ°¡ÇÒÀÎ */  
.lec_submit input { display:inline-block; width:25px; height:25px; background:url(/design/2018/images/common/l_icon_timeck.png) no-repeat 0 0; cursor:pointer; }
.lec_checks { position: relative; display:inline-block; width:30px; height:25px; } 
.lec_checks input[type="checkbox"] { 
	/* ½ÇÁ¦ üũ¹Ú½º´Â È­¸é¿¡¼­ ¼û±è */ 
	position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 
} 
.lec_checks input[type="checkbox"] + label { 
	display: inline-block; vertical-align:middle; position: absolute; top:0; left:0; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } 
.lec_checks input[type="checkbox"] + label:before { /* °¡Â¥ üũ¹Ú½º */ 
	position: absolute; left: 0; top:0; width: 30px; height: 25px; line-height: 25px; text-align: center; background:url(/design/2018/images/common/l_icon_timeck.png) no-repeat 0 0; content: '';  } 
.lec_checks input[type="checkbox"]:checked + label:before { /* üũ¹Ú½º¸¦ üũÇßÀ»¶§ */ background-position:0 -26px; }

/*
.lec_checks input[type="checkbox"] + label:active:before, .lec_checks input[type="checkbox"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } 
*/
.l_regi .d_btn_wrap .btn_type { display:inline-block; margin:0 0 0 10px; padding:3px 15px 5px; }
.l_regi .d_btn_wrap .btn_type.btn_ok { background:#e93030; }
.l_regi .d_btn_wrap .btn_type.btn_order { background:#35a2ea; }
.l_regi .d_btn_wrap .btn_type span { display:inline-block; padding:6px 10px 7px; color:#fff; font-weight:400; font-size:1.2em; }
.lec_head_pop .lec_fee .fee_wrap { position:relative; }
.lec_head_pop .lec_fee .fee_wrap .fl_l { display:inline-block; width:54px; text-align:left; }
.lec_head_pop .lec_fee .fee_wrap .fl_l_2 { display:inline-block; width:54px; text-align:right; }
.lec_head_pop .lec_fee .fee_wrap .fl_r { display:inline-block; width:90px; text-align:left;  }
.lec_head_pop .lec_fee .fee_wrap:after { display:block; clear:both; content:'';  }
.lec_head_pop .lec_fee .fee_num { display:inline-block; width:100%; margin-top:-3px; color:#e03a3a; font-size:1.4em; vertical-align:middle; font-weight:500; }/*e03a3a*/
.lec_head_pop .lec_fee .fee_num.nosale {  }/*e03a3a*/
.lec_head_pop .lec_fee .fee_num:after { display:inline-block; margin-top:-3px; padding-left:2px; color:#69696b; font-weight:300; vertical-align:middle; content:' ¿ø'; font-size:0.8em; }
.lec_head_pop .lec_fee .free_per { padding:3px 0 3px 0; font-size:1.3em; color:#25a5ff; font-weight:500;}
.lec_head_pop .lec_fee .free_text { padding:3px 0 3px 0; font-size:0.9em; color:#25a5ff; font-weight:500; word-break:break-word; display:inline-block;width:38%;}
.lec_head_pop .lec_fee .free_per:after {  font-size:0.7em; color:#25a5ff; font-weight:500; /*content:'%'*/ }
.lec_head_pop .lec_fee .fee_num_ori {color:#69696b; text-decoration:line-through; font-size:1em; }
.lec_head_pop .lec_fee .fee_num_ori:after { text-decoration:line-through; content:'¿ø' }

.l_detail_info { margin:0; }
.l_detail_info li { padding:0 0 10px 0; color:#000; font-size:0.92em; line-height:1.6 }
.l_detail_info li .text_h { display:block; float:left; width:80px; color:#555; }

.l_detail_info li .text_h:before { content:'¡¤ '; }
.l_detail_info li .text_c { display:block; float:left; width:450px; }
.l_detail_info li .text_c img { max-width:450px; height:auto; }
.l_detail_info li:after { display:block; clear:both; content:''; }
.l_detail_info li .i_sns { display:block; position:relative; padding:0 0 0 0;  vertical-align:middle; }
.l_detail_info li .i_sns em { display:inline-block; width:24px; height:20px; background:url(/img/introduction/btn_sns_s_v2.png) no-repeat; vertical-align:middle; overflow:hidden; }
.l_detail_info li .i_sns .twitter { background-position:-1px -30px; }
.l_detail_info li .i_sns .facebook { background-position:-51px -30px; }
.l_detail_info li .i_sns .cafe { background-position:-101px -30px; }
.l_detail_info li .i_sns .kakao,.l_detail_info li .i_sns .cacao { background-position:-151px -30px; }
.l_detail_info li .i_sns .mail { background-position:-201px -30px; }
.l_detail_info li .i_sns .googleplus { background-position:-251px -30px; }
.l_detail_info li .i_sns .blog { background-position:-301px -30px; }
.l_detail_info li .i_sns .instar { background-position:-351px -30px; }
.l_detail_info li .i_sns .youtube { background-position:-401px -30px; }
.career { width:835px; padding:0 0 20px 14px; text-align:left; }
.career img { max-width:100%; }

.lec_con_pop .ex_wrap {  padding:20px 0 0; border-top:1px solid #555; background:#fff; text-align:left; font-size:1.0em }
.lec_con_pop .ex_wrap.vd {  }
.lec_con_pop .ex_wrap.vd .fl_left { float:left; width:533px; height:300px; background:#ddd; }
.lec_con_pop .ex_wrap.vd .fl_right { float:left; position:relative; width:324px; height:300px; box-sizing:border-box; border:1px solid #ddd; border-left:0; }
.lec_con_pop .ex_wrap:after { display:block; clear:both; content:''; }
.lec_con_pop .ex_wrap.vd .vd_lst_tit { height:40px; background:#fff; }
.lec_con_pop .ex_wrap.vd .vd_lst_tit span { display:inline-block; padding:7px 0 0 23px; font-size:16px; font-weight:500; color:#777a8e; vertical-align:middle; }
.lec_con_pop .ex_wrap.vd .vd_lst_tit:before { display:inline-block; width:1px; height:100%; vertical-align:middle; }
.lec_con_pop .ex_wrap.vd .vd_lst { height:258px; overflow-y:auto }
.vd_lst_size_s { background:#f8f8f8; }
.vd_lst_size_s li { padding:10px 20px 10px 25px; border-bottom:1px solid #eee; }
.vd_lst_size_s li:last-child { border:0; }
.vd_lst_size_s li .thumb_img { display:inline-block; width:107px; }
.vd_lst_size_s li .thumb_txt { display:inline-block; width:55%; padding:0 0 0 12px; box-sizing:border-box; font-size:13px; line-height:19px; word-break:break-all; }
.vd_lst_size_s li:after { display:block; clear:both; content:''; }
.vd_lst_size_s li.on { background:url(/design/2018/images/common/video_play_arw.svg) no-repeat #666 8px 50%;  background-size:8px 9px; }
.vd_lst_size_s li.on .thumb_txt{ color:#f2f2f2 }
.vd_lst_size_s li a { display:block; }

#tab_book .lec_inwrap .fl_left { width:150px; padding:0 15px 0 0; box-sizing:border-box; }
#tab_book .lec_inwrap .fl_right { width:650px; padding:0 15px 0 0; box-sizing:border-box; }
#tab_inst .fl_left { width:300px; }
#tab_inst .fl_left .thumb_img { width:270px; }
#tab_inst .fl_right { width:530px; }
.l_inst_name {}
.l_inst_name span { font-size:1.3em; font-weight:400; color:#0d1127; }
.l_inst_intro { margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px dashed #ddd; }
.l_inst_intro span { font-size:0.9em; color:#666;  }
#tab_link .o_list2:first-child { border-top:0; }
#tab_link .o_list2 li:last-child .cell_lecture { border-bottom:0; }
#tab_post .o_data { margin-top:0; }
#tab_post .table_list_01 { margin:5px 0 0 0; }
#tab_post .td_view.td_hide { height:0; }
#tab_post .td_view.td_hide td { display:none; }
#tab_post .td_view td { padding:20px 50px 20px; border-top:0; background:#f8f8f8; text-align:left; }
#tab_post .td_view td { padding:20px 50px 20px; border-top:0; background:#f8f8f8; text-align:left; }
#tab_post .table_list_01 .review_bottom { padding-bottom:10px; }



.tune_wrap { position:relative; height:50px; }
.tune_wrap.main { position:relative; height:auto; }
.tune_wrap h3 { margin:10px 0 0 6px; }
.btn_tune_wrap { float:right; position:relative; height:34px; background:#fff; padding:0 10px 0; }
.btn_tune_wrap.main {  position:absolute; right:0; top:10px; height:34px; background:#fff; padding:0 10px 0; }
.btn_tune_wrap.bg_none {background:none !important; }
.btn_tune { display:block; height:34px; padding:0 11px 0 15px; background:#005cf7; border-radius:18px; }
.btn_tune em { display:inline-block; width:21px; height:18px; background:url(/design/2018/images/content/icon_cen_sel_tune.svg?v1) no-repeat 0 0; background-size:21px 18px; vertical-align:middle; }
.btn_tune_before {   }
.btn_tune_before span { display:inline-block; padding:0 10px 0 0; line-height:33px; vertical-align:middle; color:#fff; }
.btn_tune_after { display:inline-block; padding:0 11px 0 11px; vertical-align:middle; }
.btn_tune_after:after { display:inline-block; width:1px; height:100%; margin:0 0 0 -1px; vertical-align:middle; content:''; }
.btn_tune_after span {  display:inline-block;font-size:0;line-height:33px; vertical-align:middle; }
.cen_tune_ok { display:inline-block; margin:0 14px 0 0; vertical-align:middle;}
.cen_tune_ok span { font-weight:500; color:#005cf7 }

.cen_sel_wrap { position:absolute; right:0; top:40px; width:720px; height:auto; padding:40px 60px; background:#fff; border:2px solid #303448; z-index:11 }
.cen_sel_tit { padding:0 0 15px 2px; border-bottom:1px solid #ccc; }
.cen_sel_tit h3 { font-size:26px; font-weight:500; color:#303448; }

.tune_cen_lst_wrap {  padding:15px 0 0 0; }

.tune_cen_lst_wrap .cen_sel_all { display:inline-block; padding:0 0 0 21px; background:url(/design/2018/images/content/icon_cen_sel_ck.svg) 5px 50% no-repeat; background-size:12px 9px; }
.tune_cen_lst_wrap .cen_sel_all em {  }
.tune_cen_lst_wrap li { display:inline-block; }
.tune_cen_lst_wrap li a { display:block; width:160px; margin:9px 13px 0 0; padding:6px 0 7px 0; border:1px dashed #acacac; border-radius:3px; }
.tune_cen_lst_wrap li a:hover { background:#eee; }
.tune_cen_lst_wrap li a span { display:inline-block; padding:0 5px 0 15px }
.tune_cen_lst_wrap li a.on { background:#303448; border:1px solid #303448; }
.tune_cen_lst_wrap li a.on span { color:#fff; }
.tune_cen_lst_wrap .btn_wrap { position:relative; }
.tune_cen_lst_wrap .btn_wrap .reset { position:absolute; top:50%; left:0; height:30px; margin:-5px 0 0 0;  padding:0 0 0 24px; background:url(/design/2018/images/content/icon_cen_sel_reset.svg) 2px 6px no-repeat; background-size:17px 13px; }
.cen_sel_wrap .close_lypop { position:absolute; right:20px; top:20px; width:31px; height:31px; background:url(/design/2018/images/content/icon_cen_sel_popclose.svg) no-repeat; background-size:31px 31px; }

/* °­ÀÇ »ó¼¼ > ¼ö°­Èıâ */
.dis_inline { display:inline-block; vertical-align:middle; font-family:'Noto Sans KR','¸¼Àº °íµñ', Malgun Gothic, AppleGothic, sans-serif !important; color:#68686b; }
#listCount { padding:0 0 0 10px; }
.n_post_wrap { font-weight:300; font-family:'Noto Sans KR','¸¼Àº °íµñ', Malgun Gothic, AppleGothic, sans-serif !important;  }	
.n_post_wrap .n_post_lst {  }	
.n_post_wrap .n_post_lst li { position:relative; padding:23px 10px 25px 25px;  }	
.n_post_wrap .n_post_lst li .over_bg { position:absolute; top:0; right:0; bottom:0; left:0; border-bottom:1px solid #eee; z-index:0; }	
.n_post_wrap .n_post_lst li:last-child .over_bg { border-color:#333; }	
.n_post_wrap .n_post_lst li:hover .over_bg { position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid #808080; box-shadow:3px 3px 5px rgba(0, 0, 0, 0.2); transition: ease all .2s;  }	

/* °­ÀÇ »ó¼¼ > ¼ö°­Èıâ Á¦¸ñ ¿µ¿ª */
.p_info_wrap { position:relative; padding:0 0 5px 0; }
.p_info_wrap:after { display:block; clear:both; content:''; }
.p_info_title { display:inline-block; width:83%; vertical-align:middle;  }

.p_info_title span { display:inline-block; color:#4384e8; font-size:18px; font-weight:400; }
.p_info_title .p_i_comment { padding:0 0 5px 0; color:#333 !important;  font-size:15px; }
.p_info_title .p_i_comment span { font-size:15px !important; color:#333 !important; }
.p_info_data { display:inline-block; width:16%; vertical-align:middle; text-align:right; }
.p_info_data span { display:inline-block; position:relative; font-size:12px; color:#afafaf; text-align:center; vertical-align:middle; }
.p_u_id { color:#333 !important; }
.p_u_date { width:100px;  }

.btn_p_u_like { display:inline-block; position:relative; width:120px; height:30px; padding:3px 0px 4px 30px; box-sizing:border-box; border:1px solid #fcb8d1; border-radius:15px; color:#e43475 !important; background:url(/design/2018/images/content/icon_n_heart.svg) no-repeat 10px 8px #fff; background-size:17px 13px; text-align:left !important; }
.p_u_like { display:inline-block; padding:0 0 2px 0; color:#e43475 !important; }
.btn_p_u_like:after { display:inline-block; width:1px; height:100%; vertical-align:middle; content:''; }
.btn_p_u_like.like_on { background:url(/design/2018/images/content/icon_n_heart_on.svg) no-repeat 10px 8px #fff; background-size:17px 13px; }

/* °­ÀÇ »ó¼¼ > ¼ö°­Èı⠳»¿ë ¿µ¿ª */
.p_cont_wrap { position:relative; padding:0 20px 0 0; line-height:25px; overflow:hidden; letter-spacing:0; box-sizing:border-box; }

.p_cont_wrap:after { display:block; clear:both; content:''; }
.learnmore .p_cont_wrap { height:auto; }
.p_cont_text { display:inline-block; width:700px; vertical-align:middle; }
.call_text { display:inline-block; padding:0 30px 0 0; line-height:25px; overflow:hidden; letter-spacing:0; box-sizing:border-box; letter-spacing:0 !important; color:#68686b; }
.call_text.p_a { height:75px; }
.call_text.p_b { height:50px; }
.call_text.p_c { height:25px; }
.p_cont_control { position:absolute; top:50%; right:0; margin:-25px 0 0 0; display:inline-block; width:100px; height:100%; vertical-align:middle; content:''; background:#ddd }

.n_post_lst li .btn_more { display:none; }
.n_post_lst li:hover .btn_more { display:block; position:absolute; bottom:1px; right:1px; width:48px; height:48px; border:1px solid #ddd; background:#fff; content:''; z-index:10; text-align:center; }
.n_post_lst li .btn_more:after { display:inline-block; width:1px; height:100%; content:''; vertical-align:middle; }
.n_post_lst li .btn_more em { display:inline-block; width:3px; height:3px; border:solid black; border-width:0 1px 1px 0; padding:3px; vertical-align:middle; transform:rotate(45deg); -webkit-transform:rotate(45deg); }
.learnmore:hover .btn_more em  { transform:rotate(-135deg); -webkit-transform:rotate(-135deg); }

/* °­»ç¼Ò°³¿¡¼­¸¸ º¯°æµÇ´Â °Íµé */
.o_data .h2_wrap { position:relative; padding:0 0 0 20px; border-bottom:1px solid #808080}
.o_data .h2_wrap .go_board { float:right; }
.o_data .h2_wrap:after { display:block; clear:both; content:''; }
.o_data .h2_wrap a { display:inline-block; border:1px solid #555; border-radius:4px; margin:8px 0 0 10px; padding:4px 17px 6px 15px; }
.o_data .h2_wrap a span { display:block; display:inline-block; }
/*.n_post_lst.tea_page .p_cont_wrap { height:25px !important; } */
.n_post_lst.tea_page .p_info_title { }
.n_post_lst.tea_page .p_info_title .lec { display:block; padding:5px 0 0 0;  }
.n_post_lst.tea_page .p_info_title em { display:inline-block; color:#767676; font-size:14px; vertical-align:middle; }
.n_post_lst.tea_page .p_info_title .btn_view_lec { display:inline-block; background:#fff; border:1px solid #f57226; margin:0 0 0 6px; padding:2px 10px 2px 9px; vertical-align:middle; border-radius:15px; }
.n_post_lst.tea_page .p_info_title .btn_view_lec span { font-size:12px; color:#f57226; }
.n_post_lst.tea_page .p_info_title .btn_view_lec:hover { background:#fff8e7; }

.n_post_lst li .review_bottom { display:none !important; }
.n_post_lst li.learnmore .review_bottom { display:block !important; }

/* ¿µ»ó > Èı⠿¡¼­ º¯°æµÇ´Â °Í */
.video_view.pd_slim { padding:40px 0 0 0; }
.video_view.pd_slim .review_lst { padding:0 0 0 0; }
.video_view .icon_review_01,.video_view .icon_review_02,.video_view .icon_review_03,.video_view .icon_review_04,.video_view .icon_review_05 { background:none; }
.video_view .review_tit { width:358px; height:auto; padding:0 0 0 0; border-bottom:0; }
.video_view .review_tit span { height:auto; }
.video_view .review_txt { height:auto; padding:15px 0 0 0; }


.w100_wrap { width:100%; padding:20px 0 40px 0; }
.w100_wrap.gray { background:#9fabb9; }
.w100_wrap.yellow1 { background:#ffe4a6; }
.w100_wrap.yellow1 { background:#ffe9b5; }
.w100_wrap.yellow1 { background:#ffe76f; }

.edu_reco_rv_oth {}
.edu_reco_rv_oth h3 span { color:#fff; }
.edu_reco_rv_oth .list_mask { position:relative; width:1180px; height:390px; overflow:hidden; }
.edu_reco_rv_oth .mv_review_lst { position:absolute; left:0; top:0; width:5000000px }
.edu_reco_rv_oth .mv_review_lst li { float:left; position:relative; width:283px; height:390px; margin:0 15px 0 0; border-radius:4px; box-sizing:border-box; overflow:hidden; background:#fff; }
.edu_reco_rv_oth .mv_review_lst a { display:block; padding:30px 18px 45px 20px; height:100%; }
.edu_reco_rv_oth .mv_review_lst li a .btn_open_rv { visibility:hidden; }
.edu_reco_rv_oth .mv_review_lst li a:hover  { }
.edu_reco_rv_oth .mv_review_lst li a:hover .btn_open_rv  { display:block; visibility:visible; 
animation:btn_rv_y 0.1s 1 linear;

}
@keyframes btn_rv_y {
	0% { transform:translateY(10px); animation-delay:3s; opacity:0; }
	90% { transform:translateY(-2px); animation-delay:3s; opacity:.9; }
	100% { transform:translateY(0); animation-delay:3s; opacity:1; }
}
.edu_reco_rv_oth .mv_review_lst:after { display:block; clear:both; content:''; }
.mv_review_lst .rv_tit { font-size:16px; font-weight:500; line-height:25px; max-height:100px; overflow:hidden;color:#0d1127; } 
.mv_review_lst .rv_con { padding:10px 0 0 0; font-size:14px; color:#68686b; line-height:22px; max-height:176px; overflow:hidden; word-break:break-all;} 
.mv_review_lst .rv_lec { display:inline-block; margin:10px 0 0 0; padding:2px 5px 3px; font-size:12px; color:#fff; background:#cacaca; vertical-align:middle; }
.mv_review_lst .rv_wrt { display:inline-block; padding:10px 0 0 5px; font-size:12px; color:#898989; line-height:23px;vertical-align:middle; }
.edu_reco_rv_oth .vd_oth_btn2 { top:215px; }
.mv_review_lst .btn_open_rv { position:absolute; bottom:20px; left:20px; width:240px; height:40px; background:rgba(0,0,0,0.8); text-align:center; border-radius:20px; box-shadow:0 2px 6px rgba(0, 0, 0, 0.3);  } 
.mv_review_lst .btn_open_rv span { display:inline-block; color:#fff; padding:9px 4px 0 3px; font-size:14px; /*background:url(/design/2018/images/common/icon_sub_mnu_arw.png) no-repeat 0 17px; padding:9px 4px 0 18px; */}

.mv_rv_detail_wrap	{position:absolute; top:56px; left:-40px; width:1260px; height:390px; margin:0; padding-left:40px; border:0; background:#fff; border-radius:20px; }
.mv_rv_detail_wrap .rv_inner { position:relative; }
.mv_rv_detail_wrap .rv_inner:after { display:block; clear:both; content:''; }
.mv_rv_detail_wrap.review_detail .re_content { padding-left:20px; }
.mv_rv_detail_wrap.review_detail .re_lecture { width:475px; padding:45px 60px 35px 25px; border-radius:0 20px 20px 0; }
.mv_rv_detail_wrap.review_detail .review_btn_close { top:20px; right:20px; }

.layer_popup1126 {position:absolute; top:200px; left:50%; z-index:999;}
.layer_popup1126 img {border:1px solid #333;}
.layer_popup1126_close {background-color:#333; color:#fff; width:232px; height:25px; position:absolute; font-size:16px; padding-left:120px;}
.layer_popup1126_close a {color:#fff;}

/* ¸¶ÀÌÆäÀÌÁö ÄíÆùÇÔ */
.pay_cp_before { font-size: 0.875rem; text-decoration: line-through }
.n_c_btb_arw { display: inline-block; width: 10px; height: 5px; vertical-align: middle; background: url(/design/2018/images/common/gnb_site_arw.gif) no-repeat 100% 50%; margin:4px 0 0 4px !important; padding: 0 0 10px 0 !important; border: 0 !important; }
.n_c_wrap { width: 100%; border-bottom: 1px solid #555 /*position:absolute; top: 29px; left: 0; width: 660px; height: auto; max-height: 300px; padding: 1px; background: #555; box-shadow: 6px 6px 0 rgba(0,0,0,0.3) */}
.n_c_wrap h4 { height: 50px; padding: 0 0 0 2px; font-size: 18px; line-height: 49px; font-weight: 500; background: #fff }
.n_c_wrap .coupon_lst { border-top: 1px solid #555; width: 100%; height: auto; background: #f2f2f2 }
.n_c_wrap .coupon_lst li { padding: 12px 20px; border-bottom: 1px solid #e1e1e1; background: #fff }
.n_c_wrap .coupon_lst li.cp_none { padding: 30px; opacity: 0.5; border-bottom: 1px solid #e1e1e1; background: #fff; text-align:center; font-size: 20px }
/*.n_c_wrap .coupon_lst li:hover { background: #f2f2f2 } */
.n_c_wrap .coupon_lst li:last-child { border-bottom: 0 }
.n_c_wrap .coupon_lst li .dc { display: inline-block; width: 17%; text-align: left; vertical-align: middle; box-sizing: border-box; font-size: 16px; color: #767676 }
.n_c_wrap .coupon_lst li .dc .num { display: inline-block; padding: 0 2px 0 0; vertical-align: baseline; font-size: 26px; color: #1a86d2 }
.n_c_wrap .coupon_lst li .name { display: inline-block; width: 48%; text-align: left; vertical-align: middle; box-sizing: border-box; word-break: keep-all; font-size: 16px; color: #333  }
.n_c_wrap .coupon_lst li .name .comm { display: block; margin: 0px 0 0 0; font-size: 12px; color:#8b8b8b }
.n_c_wrap .coupon_lst li .name .comm:before{ display: inline-block; padding: 0 3px 0 0; content: '- ' }
.n_c_wrap .coupon_lst li .date { display: inline-block; width: 25%; text-align: left; vertical-align: middle; box-sizing: border-box; font-size: 12px; color:#8b8b8b }
.n_c_wrap .coupon_lst li .date:before { display: inline-block; padding: 0 3px 0 0; content: '- ' }
.n_c_wrap .coupon_lst li .form { display: inline-block; position: relative; width: 7%; font-size: 14px; text-align: center; vertical-align: middle }
.n_c_wrap .coupon_lst li .form .cp_history { display: inline-block; margin: 4px 0 0 0; padding: 2px 10px; font-size: 14px; color: #333; border: 1px solid #ddd; background: #fff }
.n_c_wrap .coupon_lst li .form .ly_history { position: absolute; right: 0; top:20px; width: 320px; padding: 16px 20px; background: #fff; border: 1px solid #ddd; text-align: left; box-shadow: 3px 3px 0 rgba(0,0,0,0.3); z-index: 10 }
.n_c_wrap .coupon_lst li .form .ly_history .ly_close { position: absolute; right: 14px; top: 10px; width: 26px; height: 26px; margin:0; background: url(/design/2018/images/common/btn_close_bk.svg) no-repeat 50% 50%; background-size: 12px 12px }

.n_c_wrap .coupon_lst .ly_history .pay_date { font-size: 12px }
.n_c_wrap .coupon_lst .ly_history .pay_date strong { color: #333 }
.n_c_wrap .coupon_lst .ly_history .pac_cen { margin: 8px 0 0 0; padding: 8px 0 0 0; border-top: 1px solid #666 }
.n_c_wrap .coupon_lst .ly_history .pac_cen span { display: inline-block; padding: 2px 10px; font-size: 12px; border: 1px solid #ddd; border-radius:30px }
.n_c_wrap .coupon_lst .ly_history .pay_lec { padding: 5px 0 5px 2px; font-size: 16px; }
.n_c_wrap .coupon_lst .ly_history .pay_time { padding: 5px 0 5px 2px; font-size: 13px; color: #767676; border-top: 1px dashed #ccc }

.n_c_wrap .coupon_lst_select { height: 59px; margin: 1px 0 0 0; background: #fff; text-align: center; box-sizing: border-box }
.n_c_wrap .coupon_lst_select .btn { display: inline-block; padding: 6px 28px; font-size: 16px; font-weight: 500; color: #fff; background: #1a86d2; border: 0; border-radius:2px; vertical-align: middle }
.n_c_wrap .coupon_lst_select:after { display: inline-block; width: 1px; height: 59px; vertical-align: middle; content: '' }


/* flag_bg_color */
.flag_bg_01 { background:#ff8330; }
.flag_bg_02 { background:#25a5ff; }
.flag_bg_03 { background:#e20d0d; }
.flag_bg_04 { background:#5637fb; }
.flag_bg_05 { background:#fe6132; }
.flag_bg_06 { background:#302f7d; }
.flag_bg_07 { background:#0070ed; }
.flag_bg_08 { background:#8e9cec; }
.flag_bg_09 { background:#4e5db7; } 
.flag_bg_10 { background:#d698de; }
.flag_bg_11 { background:#ee8fbe; }
.flag_bg_12 { background:#ee9b9b; }
.flag_bg_13 { background:#43b1c2; }
.flag_bg_14 { background:#50cb75; }
.flag_bg_15 { background:#5ca254; }
.flag_bg_16 { background:#7d6c88; }
.flag_bg_17 { background:#de56d9; }
.flag_bg_18 { background:#f2587d; }
.flag_bg_19 { background:#9a7970; }
.flag_bg_20 { background:#759e7a; }