@charset "euc-kr";

.content.visual_area { position:relative; height:580px; background:url(../images/main/@visual_bg_00.jpg) no-repeat 50% 0 #98979e; }
.content.lang_area { padding:15px 0 40px 0; text-align:center; background:#303448; }
.content.lang_area.after { padding:40px 0 40px 0; background:#303448; }
.content.review_area { padding:60px 0 40px 0; background:#fff; }
.content.video_area { position:relative; padding:40px 0 80px 0; background:#fff; }
.content.inter_cn_area { padding:40px 0; background:#303448; }
.content.inter_cn_area.after { padding:40px 0 0 0; background:#303448; }
.inter_cn_wrap { position:relative; padding:60px 0; background:#fff; }
/* Å¸ÀÌÆ²(Èò±ÛÀÚ, ¼± ¾øÀ½) */
.main_h2_bg { padding:0 0 10px 0; text-align:center; }
.main_h2_bg span { font-size:40px; color:#fff; }
.c_text { padding:0 0 25px 0; color:#fff; text-align:center; } /* Á¦¸ñ ¹Ø ¼³¸í */
/* Å¸ÀÌÆ²(¼± ÀÖÀ½) */
.main_h2 { position:relative; height:80px; font-size:40px; color:#0d1127; text-align:center; }
.main_h2 span { position:absolute; left:50%; top:0; font-size:40px; color:#0d1127; background:#fff; }
.main_h2 span.review {  margin-left:-179px; width:358px; }
.main_h2 span.video {  margin-left:-240px; width:480px; }
.main_h2:before { display:block; position:absolute; top:25px; width:100%; height:8px; background:#e7e7e8; content:''; }
.main_h2 strong { font-weight:500; }
.main_h2 .line { display:block; height:8px; background:#e7e7e8; content:''; }


.main_h3 { padding:10px 0 12px 0; text-align:left;  }
.main_h3 span { font-size:21px; font-weight:500; color:#0d1127; }

.tabs_keyword { display: inline-block; vertical-align: middle; padding: 0 0 10px 15px; }
.tabs_keyword .reco-tab { display: inline-block; vertical-align: middle; }
.tabs_keyword .reco-tab li { display: inline-block; padding: 5px 16px 5px; border-radius: 40px; background: #ddd; font-weight: 500; cursor: pointer; }
.tabs_keyword .reco-tab li.on { padding-right: 40px; background: url(/design/2018/images/common/icon_check_info.png) no-repeat 94% 50% #e93030; color: #fff; }
/*
.tabs_keyword { position: absolute;top: 44px; left: 200px;}
.tabs_keyword li {float: left;padding: 1px 20px;position: relative; }
.tabs_keyword li:last-child {background: none;border: 1px solid #ddd;}
.tabs_keyword li.on {background: #e72e34;color: #fff;height: 25px;}
.tabs_keyword li.on:after { width: 13px; height: 7px;position: absolute;left: 50%;margin-left: -6px;bottom: -7px; content: '';}
*/
.visual_area .con_inner { height:580px; }
.visual_area .visual_content { display:inline-block; padding:0 0 0 10px; vertical-align:middle; }
.visual_area .con_inner:after { display:inline-block; width:1px; height:100%; vertical-align:middle; content:''; }
.visual_area .visual_title { padding:30px 0 0}
.visual_area .visual_title p { font-size:120px; font-weight:500; color:#fff; }
.visual_area .visual_text { padding:0 0 0 3px; }
.visual_area .visual_text p { padding: 10px 0 0 0; font-size:25px; font-weight:400; color:#fff; }
.visual_area .visual_btn { padding:30px 0 90px 5px;}
.visual_area .visual_btn .btn_trans_b { display:inline-block; padding:7px 30px 11px; border:1px solid rgba(255,255,255,0.8); border-radius:3px;  }
.visual_area .visual_btn .btn_trans_b:hover { border-color:#0d1127; background:#0d1127; transition: ease all .5s;}
.visual_area .visual_btn .btn_trans_b span { font-size:23px; font-weight:400; line-height:30px; }


/* ¼ö°­¾ð¾î ¼±ÅÃÇÏ±â */
.lang_area { text-align:center; }
.lang_area .h_text { padding:0 0 10px 0; }

.lang_choice { display:inline-block; } 
.lang_choice a { display:block; float:left; margin:0 4px 0 0; padding:19px 17px 21px 16px; background:#303448; border:1px solid #9ea4bb; box-sizing:border-box; transition: ease all .5s; border-radius:3px; }
.lang_choice a:first-child { padding:19px 21px 21px 20px; } 
.lang_choice a:last-child { margin:0; } 
.lang_choice:after { display:block; clear:both; content:''; }
.lang_choice a:hover, .lang_choice a.on { background:#e93030; border:1px solid #e93030; box-sizing:border-box; }
.lang_choice a span { font-size:21px; font-weight:500; color:#c4c8d8; }
.lang_choice a:hover span, .lang_choice a.on span { color:#fff; }
.lang_area.after h2 { display:inline-block; padding:0 0 0 0; vertical-align:middle; }
.lang_area.after h2 em { color:#f03d3d; }
.lang_area .btn_trans_b:before {  }
.lang_area .btn_trans_b { position:absolute; right:0; top:50%; margin-top:-19px; display:inline-block; vertical-align:middle; }
.lang_area .con_inner:before { display:inline-block; vertical-align:middle; content:''; }

/* ¼ö°­ÈÄ±â */
.review_area {}
.review_lst { padding:17px 0 0 0; text-align:left; }
.review_lst ul { display:inline-block; }
.review_lst li { float:left; width:368px; margin:0 30px 0 0; text-align:left; }
.review_lst li:last-child { margin:0 0 0 0; }
.review_lst ul:after { display:block; clear:both; content:''; }
.icon_review_01 { background:url(../images/main/icon_review_01.png?v2) no-repeat 98% 0 }
.icon_review_02 { background:url(../images/main/icon_review_02.png?v2) no-repeat 98% 0 }
.icon_review_03 { background:url(../images/main/icon_review_03.png?v2) no-repeat 98% 0 }
.icon_review_04 { background:url(../images/main/icon_review_04.png?v2) no-repeat 99% 0 }
.icon_review_05 { background:url(../images/main/icon_review_05.png?v2) no-repeat 100% 0 }
.icon_review_06 { background:url(../images/main/icon_review_06.png?v2) no-repeat 97% 0 }

.review_lst .review_tit { display:inline-block; position:relative; width:245px; height:107px; padding:0 113px 0 10px; vertical-align:middle; border-bottom:1px solid #4e5459; }
.review_lst .review_tit span { display:inline-block; width:98%; height:50px; font-size:17px; font-weight:500; vertical-align:middle; overflow:hidden; }
.review_lst .review_tit:after { display:inline-block; width:1px; height:100%; vertical-align:middle; content:''; }
.review_lst .review_txt { height:92px; padding:6px 20px 0 10px; font-size:14px; color:#68686b; line-height:23px; overflow:hidden; }
.rv_cen_area { position:absolute; bottom:0; right:0; width:105px; padding:0; font-size:14px; font-weight:400; color:#fff !important; text-align:center; overflow:hidden; background:#4e5459; border-radius:11px 11px 0 0; }

.review_detail { position:relative; width:1178px; margin-top:30px; border:1px solid #303448; }
.review_btn_close { position:absolute; right:0; top:0; width:40px; height:40px; vertical-align:middle; text-align:center; }
.review_btn_close .icon { display:inline-block; width:40px; height:40px; background:url(../images/common/btn_close.svg) no-repeat 8px 8px; background-size:24px 24px; }
.review_detail .re_arw { display:block; position:absolute; top:-17px; width:34px; height:17px; background:url(../images/common/re_arw.svg) no-repeat; }
.review_detail .re_01 { left:180px; }
.review_detail .re_02 { left:573px; }
.review_detail .re_03 { left:967px; }
.review_detail .re_content { float:left; width:785px; height:390px; padding:35px 70px 35px 70px; box-sizing:border-box; background:#fff; overflow:auto; }
.review_detail .re_lecture { float:left; position:relative; width:393px; height:390px; padding:45px 25px 35px 25px; box-sizing:border-box; background:#303448; overflow:hidden; }
.review_detail:after { display:block; clear:both; content:''; }
.review_detail .re_content p { padding:0 0 15px 0; line-height:1.7; word-break:break-all;}
.review_detail .re_content p.title { font-size:22px; font-weight:500;}

.re_lecture .v_lec { }
.re_lecture .v_tea { position:relative; margin:20px 0 0 0; padding:20px 0 0 0; border-top:1px solid #595d6d;  /* position:absolute; bottom:10px;left:30px; */ }

.re_lecture .v_lec p { font-size:16px; color:#ebebed;  }
.re_lecture .v_lec span { font-size:14px; color:#838591;  }
.re_lecture .v_lec a {  color:#d6d6da !important; }
/* .re_lecture .v_lec a { display:inline-block; margin:14px 0 0 0; padding:9px 37px 10px 20px; background:url(../images/main/btn_lec_go.png) no-repeat 88% 19px #fff; border-radius:3px; }
.re_lecture .v_lec a span { font-weight:500; color:#0d1127; } */
.re_lecture .v_tea a { display:inline-block; width:110px; text-align:center; vertical-align:middle; }
.re_lecture .v_tea:after { display:inline-block; width:1px; height:100%; margin:0 0 0 -1px; vertical-align:middle; clear:both; content:''; }
.re_lecture .v_tea .v_tea_img { display:block; position:relative; width:80px; height:80px; margin:0 0 0 15px; text-align:center; border-radius:40px; overflow:hidden; }
.re_lecture .v_tea .v_tea_img img { width:80px; height:80px; }
.re_lecture .v_tea .v_tea_img_mask { position:absolute; top:0; left:0; width:0; height:0; z-index:-1; }
/*.re_lecture .v_tea a:hover .v_tea_img_mask { display:block; position:absolute; top:0; left:0; right:0; right:0; width:80px; height:80px; z-index:1; background:url(/design/2018/images/common/icon_sch_btn.svg) 50% 50% no-repeat rgba(37,165,255,0.8);  background-size:50px 48px; animation:tea_img_ani 0.1s 1 linear; }
@keyframes tea_img_ani {
	0% { transform:translateX(30px); animation-delay:3s; opacity:0; }
	70% { transform:translateX(0); animation-delay:3s; opacity:1; }
	100% { transform:translateX(0); animation-delay:3s; opacity:0.8; }
}*/
.re_lecture .v_tea em { vertical-align:middle; color:#949494 !important; }
.re_lecture .v_tea .v_tea_name { display:block; width:110px; padding:0 0 5px 0; overflow:hidden; text-align:center; }
.re_lecture .v_tea .v_tea_name span { display: inline-block; padding:2px 2px 0 0; font-size:14px; color:#fff !important; text-align:center; /* width:7.4em;  text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#b3b3b3 !important */}/**/



/* µ¿¿µ»ó */
.choose_video { position:relative; padding:30px 0 0 0; }
.edu_reco_video { position:relative; margin:40px 0 0 0; padding:30px 0 0 0; border-top:1px solid #c0c0c3; }
.content.video_area .btn_wrap { padding-top: 0; }



/* ÇÐ¿ø Ã£±â */
.choice_center { position:relative; border-top:1px solid #6f717f; vertical-align:middle;}
.center_lst { display:inline-block; width:98%; /*width:970px;*/ padding:0 8px 0; vertical-align:middle; }
.center_lst a { display:inline-block; margin:9px 1px 0 0; padding:4px 15px 6px; border:1px solid #303448; border-radius:3px; box-sizing:border-box; }
.center_lst a span { font-weight:400; color:#a8a9af; }
.center_lst a:hover { border-color:#a8a9af; transition: ease all .2s; } 
.center_lst a:hover span { color:#fff; transition: ease all .2s; } 
.center_lst a.on { background:#25a5ff; border-color:#303448; transition: ease all .2s; } 
.center_lst a.on span, .center_lst a:hover.on span { color:#fff; transition: ease all .2s; } 
.center_btn { display:inline-block;  width:165px; vertical-align:middle; }
.choice_center:after { display:block; clear:both; content:''; } 
.inter_cn_area.after .choice_center { padding:0 0 30px 0; }

.center_btn .btn_center_save:before {  }
.center_btn .btn_center_save { position:absolute; right:0; top:50%; margin-top:-19px; display:inline-block; vertical-align:middle; }
.center_btn .con_inner:before { display:inline-block; vertical-align:middle; content:''; }
.save_ok { display:inline-block; vertical-align:middle; width:97%; height:100px; padding:70px 0 0 0; box-sizing:border-box; text-align:center; background:url(../images/common/icon_save_ok.svg) no-repeat 50% 0; background-size:62px 62px;transition: ease all .2s; }
.save_ok span { color:#fff; }

.select_center { text-align:center; }
.select_center .lst_tab { display:inline-block; width:880px; padding:0 0 0 145px; text-align:center; vertical-align:middle; }
.select_center .lst_tab ul{ text-align:center; }
.center_btn_tab { display:inline-block;  width:150px; text-align:right; vertical-align:middle; }
.select_center .lst_tab a { display:inline-block; width:170px; margin:0 0 0 4px; padding:12px 0 12px 0; background:#bbb; text-align:center; }
.select_center .lst_tab a:first-child { margin:0 0 0 0; }
.select_center .lst_tab a span { display:inline-block; font-size:20px; font-weight:400; letter-spacing:-0.08em; color:#5a5a5a; }
.select_center .lst_tab a.on { background:#fff; }
.select_center .lst_tab a.on span { color:#0d1127; }

.inter_cn_wrap .con_inner { position:relative; }
.cn_left_wrap { float:left; width:600px; padding:0 20px 0 0; box-sizing:border-box; }
.cn_right_wrap { float:left; width:580px; }
.inter_cn_wrap .con_inner:after { display:block; clear:both; content:''; }

.inter_cn_wrap .h_text { display:inline-block; padding:0 12px 0 0; font-size:40px; text-align:left; color:#0d1127; vertical-align:middle; }
.cn_notice_lst { padding:5px 0 0 0; overflow:hidden; }
.cn_notice_lst li { padding:6px 0 7px 0; height:29px;  overflow:hidden; }
.cn_notice_lst .nt,.cn_notice_lst .ev { display:inline-block; width:115px; margin:0 8px 0 0; padding:4px 0 5px; text-align:center; vertical-align:middle; font-size:14px; line-height:19px; color:#fff; border-radius:3px; }
.cn_notice_lst .nt { background:#50a2ef; }
.cn_notice_lst .ev { background:#ff6565; padding:5px 0 5px; }

.cn_notice_lst li em { display:inline-block; width:53px; margin:-1px 0 0 5px; padding:0 3px 0 3px; font-size:13px; color:#333; background:#fff; border-radius:2px; vertical-align:middle; box-sizing:border-box; }
.cn_notice_lst .tit { display:inline-block; padding:1px 9px 0 3px; font-size:18px; width:24em;  text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.cn_left_wrap .btn_wrap { padding:30px 0 0 3px; text-align:left; }
.cn_left_wrap .btn_wrap a { margin:0 10px 0 0; }
.cn_map {}
.cn_map_import { width:580px; height:300px; overflow:hidden; background:#eee; content:''; }
.cn_map_add { padding:10px 0 30px 2px; }
.cn_map_add div { position:relative; padding:0 0 4px 0; }
.cn_map_add em { display:inline-block; width:30px; padding:0 10px 0 0; color:#0d1127; font-weight:500;  vertical-align:top; text-align:left;  }
.cn_map_add span { display:inline-block; width:510px; vertical-align:top; text-align:left; }
.cn_map_add div:after { display:block; clear:both; content:''; }

.cn_bn_wrap { position:relative; width:100%;  height:210px; }
.cn_bn_img { position:relative; }
.cn_bn_img a { position:absolute; top:0; left:0; width:580px; height:210px; }
.cn_bn_img a.on { z-index:10; }
.cn_bn_lst { position:absolute; top:5px; right:10px;  z-index:60; }
.cn_bn_lst a { display:inline-block; width:12px; height:12px; margin:0 0 0 2px; background:rgba(255,255,255,0.5); border-radius:6px; }
.cn_bn_lst a.on { background:#25a5ff; }
.cn_bn_img a img { width:580px !important; height:210px !important; }



/* floating banner */
.floating_wrap_top { position:absolute; top:120px; left:50%; margin:0 0 0 -590px; z-index:100 }
.floating_wrap_top_t { position:absolute; top:255px; left:50%; margin:0 0 0 -400px; z-index:100 }

.floating_wrap_top_s { position:absolute; top:120px; left:50%; margin:0 0 0 -345px; z-index:100 }
.floating_wrap { position:absolute; top:50%; left:50%; margin:-190px 0 0 -590px; z-index:100 }
.floating_wrap_s { position:absolute; top:50%; left:50%; margin:-190px 0 0 -192px; z-index:100 }
.floating_wrap_fixed { position:absolute; top:453px; left:50%; margin-left:610px; z-index:100 }
.floating_wrap_fixed .toeic { display:block; position:relative; width:100px; height:260px; padding:0; box-sizing:border-box; }
.floating_wrap_fixed .toeic .acc { position:absolute; top:0; left:10px; }
.floating_wrap_fixed .eng { display:block; position:relative; width:100px; height:260px; padding:0; box-sizing:border-box; }
.floating_wrap_fixed .eng .acc { position:absolute; top:0; left:10px; }
.floating_wrap_fixed .japchi { display:block; position:relative; width:100px; height:260px; padding:0; box-sizing:border-box; }
.floating_wrap_fixed .japchi .acc { position:absolute; top:0; left:9px; }

.fl_bn_fade { animation:fl_bn_wrap 0.3s 1 linear }
.floating_wrap_top a { display:block; }
.floating_banner {z-index:100; position:absolute; top:40px; left:50%; margin-left:400px;}
.floating_banner_sub {z-index:5; position:absolute; top:10px; left:50%; margin-left:30px;}
.floating_banner_register {z-index:100; position:absolute; top:40px; left:50%; margin-left:400px;}
/*.floating_banner_r {z-index:100; top:246px; left:50%; margin-left:610px; position:fixed;}*/

.floating_set_thum  {z-index:9; position:absolute; top:63px; left:50%; margin:0 0 0 0px;}
.floating_set_1_thum {position:absolute; top:0; left:0; margin:0 0 0 -594px;}
.floating_set_2_thum {position:absolute; top:0; left:0; margin:0 0 0 440px;}

.floating_main_mini {position:absolute; top:0; left:1207px; z-index:99;}
.floating_main_mini img {width:450px;}


/* ÃÖ±Ù º» ¿µ»ó */
.my_past_mv { position:absolute; left:50%; top:240px; width:114px; margin:0 0 0 670px; padding:5px; background:#fff; border-radius:2px; border:1px solid #b4b4b4; box-sizing:border-box; }
.mv_lst_twrap { position:relative;  height:40px; }
.mv_lst_twrap:before { display:inline-block; height:100%; content:''; vertical-align:middle; }
.mv_lst_twrap h3 { display:inline-block; vertical-align:middle; }
.mv_lst_twrap .past_mv_alldel { display:inline-block; margin:0 0 0 10px; padding:2px 8px 3px; vertical-align:middle; border:1px solid #ccc; font-size:13px; border-radius:4px; }
.mv_past_inner { display:inline-block; position:relative; width:100px; margin:0 auto; }
.my_past_mv .mv_tit { display:block; padding:0 0 2px 4px; font-size:13px; color:#68686b; line-height:22px; }
.past_mv_thumb_wrap { position:relative; display:block; float:left; margin:5px 5px 0 0; vertical-align:middle; }
.past_mv_thumb { display:inline-block; float:left; position:relative; width:72px; height:72px; margin:0; padding:1px; background:#e4e4e4; text-align:center;  vertical-align:middle; box-sizing:border-box; }
.past_mv_thumb img { width:auto; height:70px; }
.btn_past_mv_more { display:block; float:left;  width:30px; height:72px; vertical-align:middle; background:url(/design/2018/images/content/icon_mv_thumbs_more.gif) no-repeat 50% 50% #b4b4b4; background-size:16px 8px; }
.btn_past_mv_close { display:block; float:left;  width:30px; height:72px; vertical-align:middle; background:url(/design/2018/images/content/icon_mv_thumbs_close.gif) no-repeat 50% 50%; background-size:15px 15px; }
.my_past_inner { padding:0px; background:#ddd;  }
.my_past_inner:after { display:block; clear:both; content:''; }
.past_mv_wrap { position:relative; clear:both;  }
.past_mv_wrap h3 span  { font-size:20px; font-weight:500; color:#141414; }
.past_mv_wrap .cont_btn  { position:absolute; right:0px; bottom:0px; height:72px; width:30px; background:#b4b4b4; }
.past_mv_wrap .mv_lst_wrap  { position:absolute; right:-6px; top:5px; width:440px; padding:15px 0px 15px 20px; background:#fff; border:2px solid #303448; box-sizing:border-box; z-index:20;/*4b8cf9*/ }
.mv_lst_wrap .ov_scroll { width:100%; max-height:158px; margin:-4px 0 0 0; box-sizing:border-box; overflow-y:auto; }
.mv_lst_wrap .ov_scroll .past_mv_thumb { display:inline-block; margin:0; width:72px; height:72px; padding:1px; background:#d1d1d1;  overflow:hidden; text-align:center; }
.mv_lst_wrap .ov_scroll:after { display:block; clear:both; content:''; }
.past_mv_thumb_wrap:hover .mvthumb_delete { visibility:visible; }
.past_mv_thumb_wrap .mvthumb_delete { visibility:hidden; position:absolute; right:0; top:0; background:url(/design/2018/images/content/icon_mv_thumbs_close.gif) no-repeat 50% 50% #b4b4b4; background-size:10px 10px; width:20px; height:20px; }

@media (max-width:1519px) and (min-width:320px) {
	.my_past_mv { display:none; }
}	



.no_sel_center { width:100%; height:516px; background:url(/design/2018/images/main/ex_sel_cen_bg.gif) no-repeat 50% 0 #4c4c4c; text-align:center; vertical-align:middle; }
.no_sel_center .text_area { display:inline-block; padding:140px 0 50px 0; vertical-align:middle; background:url(/design/2018/images/main/ex_no_sel_cen.svg) no-repeat 50% 0; background-size:105px 120px; }
.no_sel_center .text_area span { font-size:35px; color:#fff; }
.no_sel_center:after { display:inline-block; width:1px; height:100%; vertical-align:middle; content:''; }



.thum_190611 {display:inline-block; margin:0 0 0 150px; left:50%; top:303px; float:right; width:240px; height:135px; cursor:pointer; position:absolute;}



/* ÅäÀÍ Ã¼³Î ºÎºÐ - °­»ç ¹è³Ê Á¦ÀÛ °Ç 2019.12.12 */
#teacherbox{width: 1180px; margin: 0 auto; transform: translateY(90px)}
#smallImgs ul:after{display: block; content: ""; clear: both;}
#smallImgs ul li{float: left; overflow: hidden;}
#smallImgs ul:nth-child(1) li{height: 201px;}
#smallImgs ul:nth-child(2) li{height: 259px;}
#smallImgs ul:nth-child(3) li{height: 122px;}
#smallImgs ul li{text-align: center; position: relative;}
#smallImgs ul li .pic{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
#smallImgs ul li span{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 999; padding-bottom: 15px; box-sizing: border-box;}
#smallImgs .bg_c01{background: #dddddd; width: 300px;}
#smallImgs .bg_c02{background: #f0f0f0; width: 193px;}
#smallImgs .bg_c03{background: #cccccc; width: 193px;}
#smallImgs .bg_c04{background: #bbbbbb; width: 193px;}
#smallImgs .bg_c05{background: #dddddd; width: 300px;}
#smallImgs .bg_c06{background: #eeeeee; width: 300px;}
#smallImgs .bg_center{background: #eee; width: 579px;}
#smallImgs .bg_c07{background: #eeeeee; width: 300px;}
#smallImgs .bg_c08{background: #dddddd; width: 300px;}
#smallImgs .bg_c09{background: #bbbbbb; width: 193px;}
#smallImgs .bg_c10{background: #cccccc; width: 193px;}
#smallImgs .bg_c11{background: #f0f0f0; width: 193px;}
#smallImgs .bg_c12{background: #dddddd; width: 300px;}
#bigImg img{position: absolute; top: 201px; left: 300px;}
#smallImgs ul li:hover .pic{cursor: pointer; transform: scale(1.1) translateX(-45%); transition: transform 0.3s;}
/* //ÅäÀÍ Ã¼³Î ºÎºÐ Á¾·á */


/* ¿µ¾îÈ¸È­ ¸ÞÀÎ ºÎºÐ - °­»ç ÁÂ¿ì ½½¶óÀÌµå ¹è³Ê Á¦ÀÛ °Ç 2019.11.27 */
#timesq {width: 100%; height: 580px; background: url(/design/2018/images/channel/bg_timesquare.jpg) no-repeat 50% 0; margin: 0; padding: 0;}
#ident {position: relative; max-width: 1110px; margin: 0 auto;}
#timesq div.banner-infinite {position: relative; margin: 0 100px;}
#timesq div.banner-infinite > div.box {position: relative; overflow: hidden; padding: 0 10px;}
#timesq div.banner-infinite > .box .main_tcopy{text-align: center; height: 230px; padding-top: 68px; box-sizing: border-box;}
#timesq div.banner-infinite ul.banner {position: relative; width: 100%; padding-bottom: 20px; background: transparent;}
#timesq div.banner-infinite ul.banner:after {content: ''; display: block; clear: both;}
#timesq div.banner-infinite ul.banner li {position: relative; width: 180px; height: 284px; overflow: hidden; float: left; transition: transform 0.3s; margin-right: 0px; transform: scale(0.9);}
#timesq div.banner-infinite ul.banner li:hover {transform: scale(1.02);}
/*div.banner-infinite ul.banner li.on {transform: scale(1);}*/
#timesq div.banner-infinite ul.banner li a {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
#timesq div.banner-infinite ul.banner li a img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 100%;}
#timesq div.banner-infinite ul.banner li a em {position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.6); color: #ffffff; text-align: center; font-size: 14px; padding: 10px 0;}
#timesq div.banner-infinite a.prev,
#timesq div.banner-infinite a.next {position: absolute; top: 80%; transform: translate(0, -50%);}
#timesq div.banner-infinite a.prev {left: -60px;}
#timesq div.banner-infinite a.next {right: -60px;}
#timesq div.banner-infinite .teacher_pic.ann{position: absolute; bottom: -46px; left: -180px;}
#timesq div.banner-infinite .teacher_pic.jung{position: absolute; bottom: -46px; right: -200px;}           
/* //¿µ¾îÈ¸È­ ¸ÞÀÎ ºÎºÐ Á¾·á */


/* ¿µ¾îÈ¸È­ Ã¼³Î ºÎºÐ - °­»ç ÁÂ¿ì ½½¶óÀÌµå ¹è³Ê Á¦ÀÛ °Ç 2019.11.27 */
#ident.ch_en {position: relative; max-width: 1010px; margin: 0 auto;}
#timesq div.banner-infinite > .box .main_tcopy.ch_en{text-align: center; height: 230px; padding-top: 78px; box-sizing: border-box;}
#timesq div.banner-infinite ul.banner li.ch_en {position: relative; width: 160px; height: 254px; overflow: hidden; float: left; transition: transform 0.3s; margin-right: 0px; transform: scale(0.9);}
#timesq div.banner-infinite ul.banner li.ch_en:hover {transform: scale(1.02);}
/*div.banner-infinite ul.banner li.on {transform: scale(1);}*/
#timesq div.banner-infinite ul.banner li a {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
#timesq div.banner-infinite ul.banner li a img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 100%;}
#timesq div.banner-infinite ul.banner li a em {position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.6); color: #ffffff; text-align: center; font-size: 14px; padding: 10px 0;}
#timesq div.banner-infinite a.prev,
#timesq div.banner-infinite a.next {position: absolute; top: 80%; transform: translate(0, -50%);}
#timesq div.banner-infinite a.prev {left: -60px;}
#timesq div.banner-infinite a.next {right: -60px;}
#timesq div.banner-infinite .teacher_pic2.ann{position: absolute; top: 90px; left: -180px;}
#timesq div.banner-infinite .teacher_pic2.jung{position: absolute; top: 90px; right: -200px;}           
/* ¿µ¾îÈ¸È­ Ã¼³Î ºÎºÐ Á¾·á */



/* 20200113 Áß±¹¾î Ã¤³Î ºñÁê¾ó ¿µ¿ª */
.channel-chinese { min-width: 1260px; text-align: center }
.channel-chinese .title-wrap { margin: 0 auto }
.channel-chinese .title-wrap .title-images { display: block }
.channel-chinese .title-wrap .title-no1 { margin: 58px auto 0; width: 539px; height: 55px; background: url(/design/2018/images/channel/chinese/title-01.png) no-repeat }
.channel-chinese .title-wrap .title-no2 {  margin: 17px auto 0; width: 538px; height: 34px; background: url(/design/2018/images/channel/chinese/title-02.png) no-repeat }
.channel-chinese .title-wrap .title-no3 {  margin: 16px auto 0; width: 523px; height: 20px; background: url(/design/2018/images/channel/chinese/title-03.png) no-repeat }
.channel-chinese .teacher-big-wrap { width: 689px; height: 281px; margin: 12px auto 0; padding: 0 30px 0 20px; background: url(/design/2018/images/channel/chinese/tea-bg.png) no-repeat; text-align: center; box-sizing: border-box } /*613*253*/
.channel-chinese .teacher-big-wrap .teacher {  }
.channel-chinese .teacher-list-wrap { display: inline-block }
.channel-chinese .teacher-list-wrap .team { float:left; margin: 0 10px 0 0 }
.channel-chinese .teacher-list-wrap .team-name { display: block; height: 36px; text-align: center }
.channel-chinese .teacher-list-wrap .team-name.no01 { background: url(/design/2018/images/channel/chinese/team-1.png) no-repeat 50% 0 }
.channel-chinese .teacher-list-wrap .team-name.no02 { background: url(/design/2018/images/channel/chinese/team-2.png) no-repeat 50% 0 }
.channel-chinese .teacher-list-wrap .team-name.no03 { background: url(/design/2018/images/channel/chinese/team-3.png) no-repeat 50% 0 }
.channel-chinese .teacher-list-wrap .team-name.no04 { background: url(/design/2018/images/channel/chinese/team-4.png) no-repeat 50% 0 }
.channel-chinese .teacher-list-wrap .team-name.no05 { background: url(/design/2018/images/channel/chinese/team-5.png) no-repeat 50% 0 }
.channel-chinese .teacher-list-wrap .team-name.no06 { background: url(/design/2018/images/channel/chinese/team-6.png) no-repeat 50% 0 }
.channel-chinese .teacher-list-wrap .team-name.no07 { background: url(/design/2018/images/channel/chinese/team-7.png?a2) no-repeat 50% 0 }
.channel-chinese .teacher-list-wrap .team-name.no08 { background: url(/design/2018/images/channel/chinese/team-8.png?a2) no-repeat 50% 0 }
.channel-chinese .teacher-list-wrap .team-name.no09 { background: url(/design/2018/images/channel/chinese/team-9.png?a2) no-repeat 50% 0 }
.channel-chinese .teacher-list-wrap .team .team-bg { margin: 6px 0 0 0; padding: 6px 0 0 0; background: #1e458d; border-radius: 4px 4px 0 0 }
.channel-chinese .teacher-list-wrap .team .team-bg.on { background: #bb253a }
.channel-chinese .teacher-list-wrap .team li { float:left; position: relative; width: 54px; height: 130px; z-index: 1 /*; background:#ddd; */}
/* .channel-chinese .teacher-list-wrap .team li:nth-child(even) { background:#666; } */
.channel-chinese .teacher-list-wrap .team ul:after { display: block; clear: both; content: '' }
.channel-chinese .teacher-list-wrap .team:last-child { margin: 0 }
.channel-chinese .teacher-list-wrap:after { display: block; clear: both; content: '' }
.channel-chinese .teacher-list-wrap .tea-unit { position: absolute; width: 54px; height: 130px; cursor: pointer; z-index:10 }
.channel-chinese .teacher-list-wrap .tea-unit.no01 { width: 89px; margin: 0 0 0 -25px; background: url(/design/2018/images/channel/chinese/teacher-s-01.png?a2) no-repeat 0 20px; }
.channel-chinese .teacher-list-wrap .tea-unit.no02 { width: 72px; margin: 0 0 0 -7px; background: url(/design/2018/images/channel/chinese/teacher-s-02.png?a2) no-repeat 0 20px; }
.channel-chinese .teacher-list-wrap .tea-unit.no03 { width: 73px; margin: 0 0 0 -12px; background: url(/design/2018/images/channel/chinese/teacher-s-03.png?a2) no-repeat 0 20px; }
.channel-chinese .teacher-list-wrap .tea-unit.no04 { width: 69px; margin: 0 0 0 -15px; background: url(/design/2018/images/channel/chinese/teacher-s-04.png?a2) no-repeat 0 20px; }
.channel-chinese .teacher-list-wrap .tea-unit.no05 { width: 67px; margin: 0 0 0 -7px; background: url(/design/2018/images/channel/chinese/teacher-s-05.png?a2) no-repeat 0 20px; }
.channel-chinese .teacher-list-wrap .tea-unit.no06 { width: 87px; margin: 0 0 0 -10px; background: url(/design/2018/images/channel/chinese/teacher-s-06.png) no-repeat 0 20px; }
.channel-chinese .teacher-list-wrap .tea-unit.no07 { width: 66px; margin: 0 0 0 -7px; background: url(/design/2018/images/channel/chinese/teacher-s-07.png?a2) no-repeat 0 20px; }
.channel-chinese .teacher-list-wrap .tea-unit.no08 { width: 80px; margin: 0 0 0 -10px; background: url(/design/2018/images/channel/chinese/teacher-s-08.png) no-repeat 0 20px; }
.channel-chinese .teacher-list-wrap .tea-unit.no09 { width: 79px; margin: 0 0 0 -5px; background: url(/design/2018/images/channel/chinese/teacher-s-09.png) no-repeat 0 20px; }
.channel-chinese .teacher-list-wrap .tea-unit.no10 { width: 73px; margin: 0 0 0 -10px; background: url(/design/2018/images/channel/chinese/teacher-s-10.png) no-repeat 0 20px; }
.channel-chinese .teacher-list-wrap .tea-unit.no11 { width: 76px; margin: 0 0 0 0px; background: url(/design/2018/images/channel/chinese/teacher-s-11.png) no-repeat 0 20px; }
.channel-chinese .teacher-list-wrap .tea-unit.no12 { width: 75px; margin: 0 0 0 -19px; background: url(/design/2018/images/channel/chinese/teacher-s-12.png) no-repeat 0 20px; }
.channel-chinese .teacher-list-wrap .tea-unit.no13 { width: 72px; margin: 0 0 0 -3px; background: url(/design/2018/images/channel/chinese/teacher-s-13.png) no-repeat 0 20px; }
.channel-chinese .teacher-list-wrap .tea-unit.no14 { width: 70px; margin: 0 0 0 -11px; background: url(/design/2018/images/channel/chinese/teacher-s-14.png) no-repeat 0 20px; }
.channel-chinese .teacher-list-wrap .tea-unit.no15 { width: 61px; margin: 0 0 0 3px; background: url(/design/2018/images/channel/chinese/teacher-s-15.png) no-repeat 0 20px; }
.channel-chinese .teacher-list-wrap .tea-unit.no16 { width: 77px; margin: 0 0 0 -14px; background: url(/design/2018/images/channel/chinese/teacher-s-16.png?a2) no-repeat 0 20px; }
.channel-chinese .teacher-list-wrap .tea-unit.no17 { width: 74px; margin: 0 0 0 -1px; background: url(/design/2018/images/channel/chinese/teacher-s-17.png) no-repeat 0 20px; }
.channel-chinese .teacher-list-wrap .tea-unit.no18 { width: 74px; margin: 0 0 0 -6px; background: url(/design/2018/images/channel/chinese/teacher-s-18.png) no-repeat 0 20px; }
.channel-chinese .teacher-list-wrap .tea-unit.no19 { width: 64px; margin: 0 0 0 5px; background: url(/design/2018/images/channel/chinese/teacher-s-19.png) no-repeat 0 20px; }
.channel-chinese .teacher-list-wrap .tea-unit.no20 { width: 71px; margin: 0 0 0 -5px; background: url(/design/2018/images/channel/chinese/teacher-s-20.png) no-repeat 0 20px; }
.channel-chinese .teacher-list-wrap .tea-unit.no21 { width: 71px; margin: 0 0 0 -12px; background: url(/design/2018/images/channel/chinese/teacher-s-21.png) no-repeat 0 20px; }
.channel-chinese .teacher-list-wrap .tea-unit.no22 { width: 68px; margin: 0 0 0 -4px; background: url(/design/2018/images/channel/chinese/teacher-s-22.png) no-repeat 0 20px; }

.channel-chinese .teacher-list-wrap .tea-unit:hover,.channel-chinese .teacher-list-wrap li.on .tea-unit { position: absolute; background-position-y:-111px; z-index:10; }
.channel-chinese .teacher-list-wrap .team li.on { z-index:10 }
.channel-chinese .teacher-list-wrap .team li:hover .arrow, .channel-chinese .teacher-list-wrap .team li.on .arrow { position: absolute; top: 16px; left: 50%; margin: 0 0 0 -6px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff /*; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s*/}
.channel-chinese .etc-click { position: absolute; top: 60px; width: 280px; height: 420px }
.channel-chinese .etc-click.left { left: 50%; margin: 0 0 0 -630px }
.channel-chinese .etc-click.right { right: 50%; margin: 0 -630px 0 0 }