@charset "utf-8";
body { font-family:Dotum, 돋움, Gulim, 굴림 Trebuchet MS, Helvetica, AppleSDGothicNeo, sans-serif; font-size:81.25%; line-height:1.1em; color:#808080; }

/* Layout */
#wrapper { width:100%; min-width:1020px; }

/* Container */
#container { width:100%; height:auto; background-color:#e2e1e6; font-family:dotum, Trebuchet MS; position:relative; border-bottom:1px solid #cdcdcd; }
#container h2.hidden { width:0; height:0; font-size:0; line-height:0; visibility:hidden; overflow:hidden; position:absolute; }

#container div.banner_info { width:1020px; margin:0 auto; padding-top:20px; }

/* Best4 */
#container div.wrap_best4 { width:1020px; margin:0 auto; padding-top:10px; position:relative; }
#container div.wrap_best4:after { clear:both; content:""; display:block; height:0; visibility:hidden; }
#container div.wrap_best4 div.best4_img { width:204px; height:410px; float:left; background-color:#fff; }
#container div.wrap_best4 section.best4 { width:816px; height:410px; float:right; background-color:#262626; text-align:center; }
#container div.wrap_best4 section.best4 h2.best4_tit { height:28px; padding-top:17px; }
#container div.wrap_best4 section.best4 ul.best4_list { padding-top:15px; padding-left:28px; }
#container div.wrap_best4 section.best4 ul.best4_list li { float:left; width:174px; padding:0 8px; }
#container div.wrap_best4 div.best4_banner { width:816px; height:410px; }
#container div.wrap_best4 div.best4_pre { width:18px; height:36px; position:absolute; left:214px; top:197px; z-index:2; }
#container div.wrap_best4 div.best4_next { width:18px; height:36px; position:absolute; right:10px; top:197px; z-index:2; }

/* Best4_banner */
#container div.wrap_best4 section.visual_banner { position:absolute; right:0; top:10px; z-index:3; }
#container div.wrap_best4 section.visual_banner div.visual_close { width:30px; height:30px; position:absolute; right:0; top:0; z-index:4; }
#container div.wrap_best4 section.visual_banner div.visual_pre { width:18px; height:36px; position:absolute; left:15px; top:187px; z-index:4; }
#container div.wrap_best4 section.visual_banner div.visual_next { width:18px; height:36px; position:absolute; right:15px; top:187px; z-index:4; }
#container div.wrap_best4 section.visual_banner ul.visual_num { width:60px; position:absolute; left:0; top:0; z-index:3; }
#container div.wrap_best4 section.visual_banner ul.visual_num li { float:left; }
#container div.wrap_best4 section.visual_banner ul.visual_banner_list li { width:816px; height:410px; float:left; font-size:0; line-height:0; }
#container div.wrap_best4 section.visual_banner ul.visual_banner_list li div.tit { font-size:0; line-height:0; text-indent:100%; overflow:hidden; white-space:nowrap; }
#container div.wrap_best4 section.visual_banner ul.visual_banner_list li.list_allday { background:url('/images/banner/20150424.jpg') no-repeat; position:relative; }
#container div.wrap_best4 section.visual_banner ul.visual_banner_list li a.btn_close { display:inline-block; width:30px; height:30px; z-index:4; position:absolute; right:0; top:0;  }
#container div.wrap_best4 section.visual_banner ul.visual_banner_list li a.btn_go { width:816px; height:410px; display:inline-block; z-index:3; font-size:0; line-height:0; text-indent:100%; overflow:hidden; white-space:nowrap; }

/* Freepass */
#container div.wrap_freepass { width:1020px; margin:0 auto; padding-top:10px; }
#container div.wrap_freepass:after { clear:both; content:""; display:block; height:0; visibility:hidden; }
#container div.wrap_freepass section.freepass { float:left; width:760px; height:300px; }
#container div.wrap_freepass section.freepass div.freepass_banner { width:760px; height:260px; }
#container div.wrap_freepass section.freepass nav.freepass ul.freepass_list li { float:left; }
#container div.wrap_freepass section.freepass nav.freepass ul.freepass_list li a { display:inline-block; width:151px; height:40px; border-right:1px solid #7a7a80; text-align:center; line-height:40px; font-size:12px; font-weight:bold; color:#fff; background-color:#939399; }
#container div.wrap_freepass section.freepass nav.freepass ul.freepass_list li a.last { border-right:1px solid #939399; }
#container div.wrap_freepass section.freepass nav.freepass ul.freepass_list li a:hover,
#container div.wrap_freepass section.freepass nav.freepass ul.freepass_list li a:active { background-color:#192233; border-right:1px solid #192233; }
#container div.wrap_freepass section.freepass nav.freepass ul.freepass_list li a.on { background-color:#192233; border-right:1px solid #192233; }
#container div.wrap_freepass section.freepass nav.freepass ul.freepass_list4 li { float:left; }
#container div.wrap_freepass section.freepass nav.freepass ul.freepass_list4 li a { display:inline-block; width:189px; height:40px; border-right:1px solid #7a7a80; text-align:center; line-height:40px; font-size:12px; font-weight:bold; color:#fff; background-color:#939399; }
#container div.wrap_freepass section.freepass nav.freepass ul.freepass_list4 li a.last { border-right:1px solid #939399; }
#container div.wrap_freepass section.freepass nav.freepass ul.freepass_list4 li a:hover,
#container div.wrap_freepass section.freepass nav.freepass ul.freepass_list4 li a:active { background-color:#192233; border-right:1px solid #192233; }
#container div.wrap_freepass section.freepass nav.freepass ul.freepass_list4 li a.on { background-color:#192233; border-right:1px solid #192233; }
#container div.wrap_freepass section.epilogue { float:right; width:248px; height:298px; border:1px solid #cdcdcd; background-color:#fff; }
#container div.wrap_freepass section.epilogue { float:right; width:248px; height:298px; border:1px solid #cdcdcd; background-color:#fff; }
#container div.wrap_freepass section.epilogue header { width:208px; height:16px; margin:0 auto; padding-top:20px; }
#container div.wrap_freepass section.epilogue header:after { clear:both; content:""; display:block; height:0; visibility:hidden; }
#container div.wrap_freepass section.epilogue header h2.epilogue_tit { float:left; }
#container div.wrap_freepass section.epilogue header div.more { float:right; }
#container div.wrap_freepass section.epilogue div.epilogue_img { width:208px; margin:0 auto; padding-top:20px; } 
#container div.wrap_freepass section.epilogue ul.epilogue_list { width:208px; margin:10px auto 0 auto; border-top:1px solid #e2e1e6; }
#container div.wrap_freepass section.epilogue ul.epilogue_list li { border-bottom:1px solid #e2e1e6; }
#container div.wrap_freepass section.epilogue ul.epilogue_list li a { font-size:11px; line-height:30px; color:#808080; letter-spacing:-1px; }
#container div.wrap_freepass section.epilogue ul.epilogue_list li a span { padding:0 5px; }

/* Popular */
#container div.wrap_popular { width:1020px; margin:10px auto 0 auto; padding-bottom:20px; border:1px solid #cdcdcd; background-color:#fff; text-align:center; }
#container div.wrap_popular section.popular { padding-top:20px; }
#container div.wrap_popular section.popular h2.popular_tit { height:16px; }
#container div.wrap_popular section.popular ul.popular_list { padding-top:15px; padding-left:13px; }
#container div.wrap_popular section.popular ul.popular_list:after { clear:both; content:""; display:block; height:0; visibility:hidden; }
#container div.wrap_popular section.popular ul.popular_list li { float:left; width:228px; padding:0 10px; }
#container div.wrap_popular section.popular ul.popular_list li div.instructor { height:90px; border-top:1px solid #e2e1e6; }
#container div.wrap_popular section.popular ul.popular_list li div.video_tit { height:32px; }
#container div.wrap_popular section.popular ul.popular_list li div.video_tit a { display:inline-block; width:100%; height:32px; line-height:32px; color:#fff; font-family:Trebuchet MS; font-size:13px; font-weight:bold; background-color:#192233; }
#container div.wrap_popular section.popular ul.popular_list li div.video { width:228px; height:128px; background-color:#e2e1e6; }
#container div.wrap_popular section.popular ul.popular_list li div.wrap_btn {}
#container div.wrap_popular section.popular ul.popular_list li div.wrap_btn:after { clear:both; content:""; display:block; height:0; visibility:hidden; }
#container div.wrap_popular section.popular ul.popular_list li div.wrap_btn a.btn_sample { display:inline-block; height:28px; float:left; width:50%; font-size:11px; color:#fff; font-weight:bold; line-height:28px; background-color:#939399; }
#container div.wrap_popular section.popular ul.popular_list li div.wrap_btn a.btn_signup_course { display:inline-block; height:28px; float:left; width:50%; font-size:11px; color:#fff; font-weight:bold; line-height:28px; background-color:#f2613d; }

/* Service */
#container div.wrap_service { width:1020px; margin:0 auto; padding:10px 0 20px 0; }
#container div.wrap_service:after { clear:both; content:""; display:block; height:0; visibility:hidden; }
#container div.wrap_service section.service { width:760px; height:220px; float:left; position:relative; }
#container div.wrap_service section.service div.service_btn_pre { position:absolute; left:20px; top:86px; z-index:2; }
#container div.wrap_service section.service div.service_btn_next { position:absolute; right:20px; top:86px; z-index:2; }
#container div.wrap_service section.service_banner { float:right; }