/**
* File Name : layout.css
* Description : 메인,서브 공통 스타일시트
* Author : Web business Team / White
* Date : 2015.06.19
* Update : 2015.06.19
*/

@font-face {font-family:NanumSquareR;src: url(/font/NanumSquareR.eot);src: local("나눔스퀘어"), url(.NanumSquareR.eot) format("eot");}


/* Layout Selector */
html, body { height:100%;}
#wrap { width:100%; font-size:13px; line-height:1.4em;}
#container { width:100%;}
#container:after { content:""; display:block; clear:both;}
.main #contents { width:1050px; margin:0 auto; padding:30px 0;}
.sub #contents { width:1050px; margin:0 auto; min-height:650px; padding-bottom:50px;}
.sub #contents2 { width:100%; margin:0 auto; min-height:650px; padding-bottom:50px;}

/* header */
#header { z-index:100; width:100%; height:148px;}
#header .header_in { width:1050px; margin:0 auto; position:relative;}
#header h1 { position:absolute; top:65px; left:0; z-index:1002;}


/* gnb */
#gnb { width:100%; height:35px; background:#000;}
#gnb .gnb_in { position:relative; width:1050px; margin:0 auto;}

#gnb .gnb_left {float:left; color:#666666; letter-spacing:-0.05em; font-size:12px}
#gnb .gnb_left li { float:left; margin-right:15px; padding-top:8px}
#gnb .gnb_left li a { display:block;}
#gnb .gnb_left li a:hover { color:#0065ad;}

#gnb .gnb_right {float:right; color:#666666; letter-spacing:-0.05em; font-size:12px; padding-top:8px}
#gnb .gnb_right li {float:left; padding-left:12px; }
#gnb .gnb_right li a:hover { color:#0065ad;}
#gnb .gnb_right .no_img {background:none}
#gnb .gnb_right .visitnm { font-family:NanumSquare; font-size:13px; font-weight:bold; color:#FFCC00;}
#gnb .gnb_right .visitxt { font-family:NanumSquare; font-size:13px; font-weight:bold; color:#c7c7c7;}


#lnb { position:absolute; top:48px; width:100%; z-index:1000;}
.lnb_wrap { overflow:hidden; visibility:hidden; background:url('../image/common/bg_lnb_warp.gif') repeat-x center 100px; height:260px;}
.lnb_wrap > ul { width:1048px; margin:0 auto; position:relative;}
.lnb_wrap > ul:after { content:" "; display:block; clear:both;}
.lnb_wrap > ul > li { float:left;}
.lnb_wrap > ul > li > a { display:block; font-size:15px; color:#252525; font-weight:bold; height:60px; text-align:center; padding:40px 20px 0 20px; letter-spacing:-0.075em;}
.lnb_wrap > ul > li > a:hover { color:#0069b4; background:url('../image/common/bg_lnb_on.gif') no-repeat center top;}
.lnb_wrap > ul > li.current > a, .lnb_wrap > ul > li.actived > a { color:#0069b4; background:url('../image/common/bg_lnb_on.gif') no-repeat center top;}

.lnb01 { position:absolute; top:0; right:684px;}
.lnb02 { position:absolute; top:0; right:565px;}
.lnb03 { position:absolute; top:0; right:450px;}
.lnb04 { position:absolute; top:0; right:325px;}
.lnb05 { position:absolute; top:0; right:207px;}
.lnb06 { position:absolute; top:0; right:122px;}
.lnb07 { position:absolute; top:0; right:5px;}
.lnb08 { position:absolute; top:0; right:0;}


.snb { width:1050px;height:150px; padding-top:95px; margin:0 auto; z-index:1001;}
.snb li { float:left;}
.snb li a { display:block; font-size:14px; font-weight:bold; letter-spacing:-0.075em; color:#fff; width:150px; padding-top:110px; text-align:center;}
.snb li a:hover { text-decoration:underline; color:#ffdb00;}

.snb02 { margin-left:285px;}
.snb03 { margin-left:180px;}
.snb04 { margin-left:425px;}
.snb05 { margin-left:425px;}
.snb06 { margin-left:450px;}
.snb07 { margin-left:325px;}

.snb .bg_menu0101 { background:url('../image/common/ico_lnb0101.gif') no-repeat center 20px;}
.snb .bg_menu0102 { background:url('../image/common/ico_lnb0102.gif') no-repeat center 20px;}
.snb .bg_menu0103 { background:url('../image/common/ico_lnb0103.gif') no-repeat center 20px;}
.snb .bg_menu0104 { background:url('../image/common/ico_lnb0104.gif') no-repeat center 20px;}
.snb .bg_menu0105 { background:url('../image/common/ico_lnb0105.gif') no-repeat center 20px;}
.snb .bg_menu0106 { background:url('../image/common/ico_lnb0106.gif') no-repeat center 20px;}
.snb .bg_menu0107 { background:url('../image/common/ico_lnb0107.gif') no-repeat center 20px;}

.snb .bg_menu0201 { background:url('../image/common/ico_lnb0201.gif') no-repeat center 20px;}
.snb .bg_menu0202 { background:url('../image/common/ico_lnb0202.gif') no-repeat center 20px;}
.snb .bg_menu0203 { background:url('../image/common/ico_lnb0203.gif') no-repeat center 20px;}
.snb .bg_menu0204 { background:url('../image/common/ico_lnb0204.gif') no-repeat center 20px;}

.snb .bg_menu0301 { background:url('../image/common/ico_lnb0301.gif') no-repeat center 20px;}
.snb .bg_menu0302 { background:url('../image/common/ico_lnb0302.gif') no-repeat center 20px;}
.snb .bg_menu0303 { background:url('../image/common/ico_lnb0303.gif') no-repeat center 20px;}
.snb .bg_menu0304 { background:url('../image/common/ico_lnb0304.gif') no-repeat center 20px;}
.snb .bg_menu0305 { background:url('../image/common/ico_lnb0305.gif') no-repeat center 20px;}
.snb .bg_menu0306 { background:url('../image/common/ico_lnb0306.gif') no-repeat center 20px;}

.snb .bg_menu0401 { background:url('../image/common/ico_lnb0401.gif') no-repeat center 20px;}
.snb .bg_menu0402 { background:url('../image/common/ico_lnb0402.gif') no-repeat center 20px;}
.snb .bg_menu0403 { background:url('../image/common/ico_lnb0403.gif') no-repeat center 20px;}
.snb .bg_menu0404 { background:url('../image/common/ico_lnb0404.gif') no-repeat center 20px;}

.snb .bg_menu0501 { background:url('../image/common/ico_lnb0201.gif') no-repeat center 20px;}
.snb .bg_menu0502 { background:url('../image/common/ico_lnb0302.gif') no-repeat center 20px;}
.snb .bg_menu0503 { background:url('../image/common/ico_lnb0203.gif') no-repeat center 20px;}
.snb .bg_menu0504 { background:url('../image/common/ico_lnb0303.gif') no-repeat center 20px;}

.snb .bg_menu0601 { background:url('../image/common/ico_lnb0601.gif') no-repeat center 20px;}
.snb .bg_menu0602 { background:url('../image/common/ico_lnb0602.gif') no-repeat center 20px;}
.snb .bg_menu0603 { background:url('../image/common/ico_lnb0603.gif') no-repeat center 20px;}

.snb .bg_menu0701 { background:url('../image/common/ico_lnb0701.gif') no-repeat center 20px;}
.snb .bg_menu0702 { background:url('../image/common/ico_lnb0702.gif') no-repeat center 20px;}
.snb .bg_menu0703 { background:url('../image/common/ico_lnb0703.gif') no-repeat center 20px;}
.snb .bg_menu0704 { background:url('../image/common/ico_lnb0704.gif') no-repeat center 20px;}
.snb .bg_menu0705 { background:url('../image/common/ico_lnb0705.png') no-repeat center 20px;}



/* main_visual */
.main_visual { position:relative; width:100%; height:400px;/*background:#fff url('../image/main/main_3.jpg') no-repeat center top;*/}
.mv_wrapper {position:relative;}
.mv_wrapper .bx-prev {left: 30px;background: url("../image/main/btn_arr_prev.png") no-repeat 0 0;}
.mv_wrapper .bx-next {right: 30px;background: url("../image/main/btn_arr_next.png") no-repeat 0 0;}
.mv_wrapper .bx-controls-direction a {position: absolute;top: 50%; margin-top: -33px;outline: 0;width: 64px; height: 84px;text-indent: -9999px;z-index: 999999;}
.mv_wrapper .bx-pager {position:absolute;width:740px; left:0px; bottom:30px;  text-align: center;font-size:0;}

.mv_wrapper .visual01 {background:url('../image/main/main_1.jpg') repeat center top; width:100%; height:400px;}
.mv_wrapper .visual02 {background:url('../image/main/main_2.jpg') repeat center top; width:100%; height:400px;}
.mv_wrapper .visual03 {background:url('../image/main/main_3.jpg') repeat center top; width:100%; height:400px;}
.mv_wrapper .visual04 {background:url('../image/main/main_4.jpg') repeat center top; width:100%; height:400px;}


.mv_wrapper .bx-prev2 {left: 80px;background: url("../image/main/btn_arr_prev.png") no-repeat 0 0;}
.mv_wrapper .bx-next2 {right: 80px;background: url("../image/main/btn_arr_next.png") no-repeat 0 0;}


.section{min-width:1050px; height:515px;  }
.section_bg{background: url("../image/main/section_bg.jpg") repeat-x 0 0;  padding-top:10px }

.section_inner:after {content:""; display:block; clear:both;}
.section_inner{width:1050px;margin:0 auto;*zoom:1;position: relative; }

.section .skyban {width:120px; min-height:100px;position:absolute; left:-140px}
.section .skyban .search_ban {width:120px; height:30px; background:#000000; /*padding-left:5px; padding-top:5px*/}
.section .skyban .search_ban input {border:0px; background:#ffffff; /*border-radius:3px 0 0 3px;*/ letter-spacing:1px; text-indent:4px; height:30px; width:86px}

.section .eventban {width:120px; min-height:100px; position:absolute; right:-140px}
.section .eventban .search_ban {width:120px; height:30px; }



.dmbslide{float:left; width:210px; }
.lmitem{float:left; width:210px; height:253px;position: relative;}
.umbslide{overflow: hidden;}
.dmbslide2{float:left;width:202px;}
.lmitem2{float:left; position: relative;width:202px;height:240px;} 
.ldj_floating{position: absolute;left:50%;top:442px;z-index:9999;margin-left: -501px;}
.dmbslide .ic2, .lmitem2 .ic2{position: absolute;right: 7px;top:10px;}

.t_banner {width:100%; /* height:968px; */ height:779px; background:#f4f4f4; padding:30px 0;}
.t_banner .inner {width:1048px; /* height:968px; */ height:779px; margin:auto; border: 1px solid #e0e0e0; background:#ffffff; padding: 0;}
.t_banner .inner .box01 {width:516px; height:266px; background:#ffffff; float:left; overflow:hidden;}
.t_banner .inner .box02 {width:516px; height:260px; background:#ffffff; float:left; overflow:hidden}
.t_banner .inner .box03 {width:516px; height:217px; background:#ffffff; float:left; overflow:hidden}
.t_banner .inner .box04 {width:516px; height:179px; background:#ffffff; float:left; overflow:hidden}
.t_banner .inner .con span{display:block; float: left;}
.t_banner .inner .box02 .bgImg01{width: 516px; height: 260px; background: url(../image/main/t_banner_box02_bgImg01.jpg) no-repeat;}
.t_banner .inner .box02 .bgImg02{background: url(../image/main/t_banner_box02_bgImg02.jpg) no-repeat;}
.t_banner .inner .box02 .con .vodBg{width: 305px; height: 184px; background: url(../image/main/t_banner_box02_vodBg.jpg) no-repeat;}
.t_banner .inner .con  .vod {width:305px; height:215px; background:#cccccc; float:left}
.t_banner .inner .con  .vod_btn {float:left;}
.t_banner .inner .con  .vod_btn li {cursor: pointer; float: left;}
.t_banner .inner .box03 .boxBg01{height: 217px; background: url(../image/main/t_banner_box03_boxBg01.jpg) no-repeat;}
.t_banner .inner .box03 .boxBg02{height: 217px; background: url(../image/main/t_banner_box03_boxBg02.jpg) no-repeat;}

.tb2_box3_ban li{float:left; margin-right:5px; margin-bottom:5px}
.tb2_box4_ban li {float:left; margin-right:5px}

.t_banner .inner .box2 {width:343px; height:215px; background:#ffffff; float:left;overflow:hidden}
.t_banner .inner .box2 .Listin {width:343px; height:215px; background:#ffffff; float:left;  }
.t_banner .inner .box2 .Listin li {background:#ffffff; float:left;  }

.t_banner .inner .box2 .con {width:331px; height:179px; border:1px solid #cccccc; border-top:0px; padding:15px 0 0 10px}

.t_banner2 {width:100%; height:515px; background: url("../image/main/section_bg.jpg") repeat-x 0 0; padding-top:10px }
.t_banner2 ul {width:1050px; height:525px; margin:auto; }
.t_banner2 li {float:left}

.ad_ban {width:100%; height:626px; background:#f4f4f4}
.ad_ban .inner {width:1050px; height:606px; padding:10px 0; margin:auto}
.ad_ban .inner .ban_left {float:left; width:627px;}
.ad_ban .inner .ban_left li {float:left;  }
.ad_ban .inner .ban_right {float:left; width:423px;  }
.ad_ban .inner .ban_right li{float:left}
.ad_ban .inner .ban_left .ad_ban_left_ban6 {width:208px; height:238px; background: url("../image/main/ad_ban_left_ban6.jpg") repeat-x 0 0; position: relative;}
.ad_ban .inner .ban_left .ad_ban_left_ban6 .btn1 {display:block; width:78px; height:32px; position: absolute; top:128px; left:113px}
.ad_ban .inner .ban_left .ad_ban_left_ban6 .btn2 {display:block; width:78px; height:32px; position: absolute; top:163px; left:113px}
.ad_ban .inner .ban_left .ad_ban_left_ban7 {width:419px; height:238px;  background: url("../image/main/ad_ban_left_ban7.jpg") repeat-x 0 0; position: relative;}
.ad_ban .inner .ban_left .ad_ban_left_ban7 .btn1 {display:block; width:78px; height:32px; position: absolute; top:54px; left:325px} 
.ad_ban .inner .ban_left .ad_ban_left_ban7 .btn2 {display:block; width:78px; height:32px; position: absolute; top:171px; left:325px}

.main_bd {width:100%; height:520px; background:#dde3e5; padding:10px 0px;}
.main_bd .inner {width:1050px; height:530px; margin:auto}
.main_bd .inner .bd_left {float:left; width:620px;}
.main_bd .inner .bd_right {float:right; width:420px}
.main_bd .inner .bd_right dl {width:420px; height:147px; baCKGROUND:#fdebfa; border:1px solid #dadada; }
.main_bd .inner .bd_right dl dt {float:left}
.main_bd .inner .bd_right dl dd {float:left; padding-left:15px; padding-top:5px; font-size:12px}
.main_bd .inner .bd_right dl dd .txt {display:inline-block; width:220px }

.main_bd  .ucc {width:390px; height:168px; background:#ffffff; border:1px solid #cccccc; margin-top:10px; padding:15px; position: relative;}
.main_bd  .ucc .ucc_tit {height:17px; margin-bottom:10px}
.main_bd  .ucc .tit {float:left}
.main_bd  .ucc .btn {float:right}
.main_bd  .ucc .pre {display:inline-block; width:14px; height:15px;  background: url("../image/main/ucc_pre.png") no-repeat 0 0;}
.main_bd  .ucc .pre:hover {background: url("../image/main/ucc_pre_on.png") no-repeat 0 0}
.main_bd  .ucc .next {display:inline-block; width:14px; height:15px;  background: url("../image/main/ucc_next.png") no-repeat 0 0;}
.main_bd  .ucc .next:hover {background: url("../image/main/ucc_next_on.png") no-repeat 0 0}
.main_bd  .ucc .vod {width:195px; height:142px; background:#cccccc; float:left}
.main_bd  .ucc ul {float:left; margin-left:10px}
.main_bd  .ucc ul li {line-height:22px}
.main_bd  .ucc .txt {display:inline-block; width:130px}
.main_bd  .ucc .etc {font-size:11px; color:#a8a8a8}
.main_bd  .ucc .more {clear:both; width:42px; height:15px; background:#6d6d6d; font-size:11px; text-align:center;  position: absolute; bottom:15px; right:15px}
.main_bd  .ucc .more a {color:#ffffff; line-height:15px}

.main_uni  {width:100%; height:99px; border-bottom:1px solid #cccccc}
.main_uni ul {width:1050px; height:99px; margin:auto}
.main_uni ul li {float:left}




.guide_tab {width:620px; height:40px;margin-left:1px }
.guide_tab li {float:left; display:inline-block;  width:123px; height:40px; background:#e9e9e9; border:1px solid #cccccc; margin-left:-1px ; cursor: pointer }

.guide_tab li:hover{display:inline-block; width:123px; height:39px; background:#ffffff;  font-size:14px; color:#ffffff; border-top:2px solid #000000;}
.guide_tab li.active {display:inline-block; width:123px; height:39px; background:#ffffff;  font-size:14px; color:#ffffff; border-top:2px solid #000000;  border-bottom:0}
.guide_tab li.active:hover{text-decoration:none}
.guide_con {width:618px; height:455px; background:#ffffff;  border:1px solid #cccccc; border-top:0; padding-top:20px}
.guide_con .con {border-bottom:1px solid #ccc; height:105px; padding:15px 15px }
.guide_con  .con_paging {width:618px; height:35px; text-align:center; line-height:35px}
.guide_con  .con_paging ul {display:inline; }

.guide_con  .con_paging ul li {display:inline-block; width:17px; height:7px; background:#7e7e7e; cursor: pointer}
.guide_con  .con_paging ul li:hover { background:#1a7de2}
.guide_con  .con_paging ul li.on { background:#1a7de2}

.guide_con .img {width:90px; height:110px; background:#cccccc; float:left}
.guide_con .font {float:left; margin-left:10px;  position: relative; width:480px}
.guide_con .font .txt1 {font-size:15px; font-weight:bold; color:#000000;  margin-top:5px}
.guide_con .font .txt2 {font-size:13px; font-weight:bold; color:#c52e00; margin-top:5px}
.guide_con .font .txt3 {font-size:12px; color:#000000;  margin-top:5px}
.guide_con .font .txt4 {font-size:12px; color:#007eb7;  margin-top:3px}
.guide_con .font .txt4 span {color:#000000}
.guide_con .font .btn {width:71px; height:32px; background: url("../image/main/guide_con_btn.png") no-repeat 0 0; padding-left:35px; line-height:32px;  position: absolute; top:5px; right:15px}
.guide_con .font .btn a {display:inline-block; width:106px; height:32px; color:#ffffff; }
.guide_con .font .btn a span {color:#ffd800; font-weight:bold}

.rollring {width:100%; height:300px; padding-top:20px }
.rollring .in {width:1050px; margin:auto;}
.rollring .in .tit {font-size:16px; width:80px; height:88px; line-height:88px;}
.rollring  .con_bottom{width:1010px; height:260px; background:#ececec; border:1px solid #cccccc; padding:20px; }
.rollring .con_bottom ul li{float:left; padding-left:12px;  font-size:12px}
.rollring .con_bottom ul li a { color:#5e5e5e;}
.rollring .banner02{margin-left:35px; position: relative; padding-top:25px; }
.rollring .con_bottom .ban_left{position:absolute; top:-196px; left:-39px;}
.rollring .con_bottom .ban_right{position:absolute; top:-196px;  right:-45px;}


.sitemap{padding:0px 0;background:#383c42}
.site_map{position:relative;width:1050px;margin:0 auto}
.site_map .menu_list{display:inline-block;width:1050px;margin:0 auto;padding:0px 0 10px;text-align:left;font-family:dotum;font-size:12px;line-height:1.6;letter-spacing:0px;}
.site_map .menu_list li{float:left;vertical-align:top}
.site_map .menu_list li li{border:none;}
.site_map .menu_list li ul{float:left;clear:both;padding-left:12px;width:180px;}
.site_map .menu_list li li a{color:#d1d1d1}
.site_map .menu_list li a.depth1{float:left;clear:both;margin-top:15px;padding-left:11px;font-weight:bold;color:#fdfdfd;line-height:2;}
.site_map .menu_list ul.depth2{width:auto}
.site_map .menu_list ul.depth2 li{clear:both;width:155px}
.site_map .menu_list ul.depth2.type1 li{float:left;width:auto;clear:none}
.site_map .menu_list ul.depth2 li strong{display:block;font-weight:normal;color:#d1d1d1}
.site_map .menu_list ul.depth3{padding-left:2px;width:180px}
.site_map .menu_list ul.depth3.type1{width:170px}
.site_map .menu_list ul.depth3 li{clear:both;width:100% !important;color:#aaa}
.site_map .menu_list ul.depth3 li a{color:#aaa}
.site_map .menu_list li img{margin-top:-1px;vertical-align:middle}

.foot {width:100%; height:;}
.foot .f_gnb {width:100%; height:54px; background:#212121}
.foot .f_gnb .in {width:1050px; height:54px; margin:auto; line-height:55px; text-align:center;  position: relative;}
.foot .f_gnb .in li {display:inline-block; }
.foot .f_gnb .in .top {position:absolute; right:0px; bottom:0px}
.foot .copy {width:1050px; margin:auto; text-align:center; color:#383c42}

/* sub_visual */
.sub_visual { width:100%; height:160px; background:url('../image/sub/sub_visual.jpg') no-repeat center top; z-index:10;}
.sub_visual .tit_sub_visual { text-align:center; padding-top:58px;}

#snb { width:100%; height:80px; background:#3e4149;}
#snb .snb_box { display:table; margin:0 auto;}
#snb .snb_box:after {content:" "; display:block; clear:both;}
#snb li { float:left;}
#snb li a { display:block; padding:31px 27px; color:#b0b1b3; font-size:15px; letter-spacing:-0.05em;}
#snb li a:hover,
#snb li .on { background:#0069b4; color:#fff;}



/* stle */
#stle { width:100%; height:44px; background:#0069b4; margin-bottom:50px; }
#stle .stle_box { position:relative; width:1050px; margin:0 auto;}
#stle h3.stle_title { padding-top:13px; color:#fff; font-size:17px; line-height:17px; font-weight:bold; letter-spacing:-0.075em;}
#stle ul { position:absolute; top:11px; right:0;}
#stle li { float:left; color:#a7afbd; font-size:13px; letter-spacing:-0.05em;}


/* stle2 */
#stle2 { width:100%; height:44px; background:#0069b4; margin-bottom:0px; }
#stle2 .stle_box2 { position:relative; width:1050px; margin:0 auto;}
#stle2 h3.stle_title2 { padding-top:13px; color:#fff; font-size:17px; line-height:17px; font-weight:bold; letter-spacing:-0.075em;}
#stle2 ul { position:absolute; top:11px; right:0;}
#stle2 li { float:left; color:#a7afbd; font-size:13px; letter-spacing:-0.05em;}


/* tab */
.tab { display:block; clear:both;width:100%;position:relative; margin-bottom:60px;  height:50px; }
.tab ul { display:table;margin:0 auto;}
.tab ul:after { content:" "; display:block; clear:both;}
.tab li { float:left; margin-right:10px;}
.tab li a { display:block; width:200px; padding:15px 0; font-weight:bold; border-top:solid 1px #e6e6e6; border-right:solid 1px #bebebe; border-bottom:solid 1px #bebebe; border-left:solid 1px #e6e6e6; color:#575757; text-align:center;}
.tab li a:hover, .tab li .on { padding:14px 0 15px 0; border-top:solid 2px #0069b4; color:#363636;}

.stab { display:block; clear:both;width:100%;position:relative;float:left;margin-bottom:60px;}
.stab ul { display:table; margin:0 auto;}
.stab ul:after { content:" "; display:block; clear:both;}
.stab li { float:left; margin-right:10px;}
.stab li a { display:block; width:130px; padding:15px 0; font-weight:bold; border-top:solid 1px #e6e6e6; border-right:solid 1px #bebebe; border-bottom:solid 1px #bebebe; border-left:solid 1px #e6e6e6; color:#575757; text-align:center;}
.stab li a:hover, .stab li .on { padding:14px 0 15px 0; border-top:solid 2px #0069b4; color:#363636;}

.base_width{position:relative;width:1050px;margin:0 auto}

.video {width:935px; height:425px; background:#151a20}
.video .top {height:28px;  background:url('../image/sub/video_top_bg.gif') repeat-x left top; padding-top:9px; padding-left:17px}
.video .video_left {margin-left:10px; border:1px solid #31353a; width:630px; height:375px; background:#01060c; float:left}
.video .video_right {margin-left:10px; border:1px solid #31353a; width:270px; height:375px; background:#01060c; float:left}
.video .video_right .info {height:110px; padding:10px}
.video .video_right .img {width:80px; height:110px; float:left}
.video .video_right .img img {width:80px; height:110px;}
.video .video_right .txt {float:left; width:155px; margin-left:10px}
.video .video_right .txt .name {color:#ffffff; font-size:12px;  font-weight:bold;} 
.video .video_right .txt .class {color:#0461a4; font-size:12px; font-weight:bold;margin-top:5px}
.video .video_right .txt .class_txt {width:155px; height:65px; background:#2c3137; margin-top:10px; color:#ffffff; font-size:11px; padding-top:3px}
.video .video_right .txt .class_txt span {display:inline-block; width:50px; margin-left:10px; color:#959595; margin-right:10px}
.video .video_right .txt .class_txt li {margin-top:2px}
.video .video_right .list .title {height:28px; padding-top:10px;  background:url('../image/sub/video_list_bg.gif') repeat-x left top; border-bottom:1px solid #31353a; text-align:center; color:#0461a4;font-size:14px; font-weight:bold; }
.video .video_right .list table {border-collapse:collapse; width:100%;}
.video .video_right .list th {background:#000000; color:#959595; font-size:12px; height:34px; border-bottom:1px solid #1a1f24}
.video .video_right .list td { color:#ffffff; font-size:12px; height:34px; text-align:center; border-top:1px solid #000306; border-bottom:1px solid #1a1f24}
.video .video_right .list .btn a {display:inline-block;width:42px; line-height:18px; height:18px; background:#0461a4; color:#ffffff}
.video .video_right .list .a_left {text-align:left; padding-left:10px}



#teacher_info { position:relative; width:100%; height:782px; background:url('../image/sub/teacher_bg.jpg') no-repeat center top;}
.teahc_img {position:relative; width:1050px; height:782px; margin:0 auto;}
.teahc_poster {position:relative; width:1050px; height:782px; margin:0 auto;}
.teach_nick { width:122px; height:64px; background:url('../image/sub/super_teach_nick.png'); position: absolute;left:0px; top:0px; z-index: 1;}
.teach_name{ position:absolute; width:122px; height:50px; font-family:NanumSquare; font-size:17px; font-weight:bold; color:#FFFFFF; z-index: 10; padding:14px 0 0 11px; }
.teach_menu{ width:122px; height:125px; z-index: 10; position: absolute;left:0px; top:64px; }
.Leftbn1 { width:122px; height:267px; z-index: 10; position: absolute;left:0px; top:193px; }
.Leftbn2 { width:122px; height:251px; z-index: 10; position: absolute;left:0px; top:464px; }
.teach_profile { width:331px; height:28px; position: absolute; z-index: 20; text-align:right; left:719px; top:65px; }
.Tname {width:164px; font-family:NanumSquare; font-size:20px; font-weight:400; color:#FFFFFF; z-index: 20; position: absolute;left:0px; top:0px; padding:4px 0 0 0px; text-align:left;}
.TnameBlue {font-family:NanumSquare; font-size:20px; font-weight:400; color:#00a8ff; z-index: 20;  text-align:left;}
.teach_bbbox { position:absolute; width:274px; height:157px; z-index: 20;position: absolute;left:500px; top:550px; background:url('../image/sub/super_teach_best.png')repeat-x left top;}
.teach_bbbox .arrowBt { display:inline-block;z-index: 30;  text-align:left;  padding:16px 19px 0px 218px; }
.teach_bbbox .teach_bbcont { display:inline-block;z-index: 30;  text-align:left;  padding:18px 19px 0px 21px; font-family:NanumSquare; font-size:12px;   line-height:180%; color:#fff;}
.teach_bbbox .teach_bbcont { display:inline-block;z-index: 30;  text-align:left;  padding:18px 19px 0px 21px; font-family:NanumSquare; font-size:12px;   line-height:180%; color:#fff;}
.teach_bbbox .teach_bbcont li a{  color:#fff;}

.teach_bbbox .teach_btnapply { list-style:none; display:inline-block; z-index: 30; height:25px;  text-align:left; padding:16px 95px 0px 21px; }
.teach_Nobbox { position:absolute; width:273px; height:157px; z-index: 20;position: absolute;left:777px; top:550px; background:url('../image/sub/super_teach_notice.png')repeat-x left top;}
.teach_Nobbox .morebt{  display:inline-block;z-index: 30;  text-align:left;   padding:16px 19px 0px 236px;}
.teach_Nobbox .teach_Nolist { display:inline-block;z-index: 30;  text-align:left;  color:#fff; z-index: 30; font-family:NanumSquare; font-size:12px;  padding:20px 21px 16px 22px; line-height:180%;}
.teach_Nobbox .teach_Nolist a{ color:#fff;}


.teach_Nobbox2 { position:absolute; width:273px; height:157px; z-index: 20;position: absolute;left:777px; top:550px; background:url('../image/sub/super_teach_notice2.png')repeat-x left top;}
.teach_Nobbox2 .morebt{  display:inline-block;z-index: 30;  text-align:left;   padding:16px 19px 0px 236px;}
.teach_Nobbox2 .teach_Nolist { display:inline-block;z-index: 30;  text-align:left;  color:#fff; z-index: 30; font-family:NanumSquare; font-size:12px;  padding:20px 21px 16px 22px; line-height:180%;}
.teach_Nobbox2 .teach_Nolist a{ color:#fff;}


#teacher_slider { position:relative; width:100%; height:660px; background:#d3edff; z-index:100;}
#teacher_slider .content { position:relative; width:1050px; height:660px; margin:0 auto; overflow:hidden;z-index:100; }

#teacher_slider2 { position:relative; width:100%; height:660px; background:#01ccff; z-index:100;}

#teacher_youtube { position:relative; width:100%; height:782px; background:url(../image/sub/youtube_bg.png); }
.teacher_yuplay { position:relative;  width:902px; height:473px; padding-top:48px ; margin:0 auto;}
.teacher_object { position:relative;  width:902px; height:473px; margin:0 auto;}


#super_corse { position:relative; width:100%;  background:#fff; margin-bottom:50px; }
.corse_title { position:relative;  width:902px; height:100px; background:url('../image/sub/super_corse_title_bg.png') repeat-x left top; margin:0 auto;}
.corse_title .tit_nm{ position:absolute;  width:555px; height:45px; padding-top:55px;  font-size:30px; font-family:Nanum Gothic; font-weight:bold;}
.corse_tapmn {position:relative; width:902px; height:43px; background-image:url(../image/sub/corse_tapmn_line.png); margin:0 auto; margin-top:59px; }
.corse_List {position:relative; width:902px; padding-top:10px; margin:0 auto; font-size:13px; font-family:Nanum Gothic;}
.corse_List .headT{position:relative; width:902px; height:35px; background-image:url(../image/sub/corse_headTbg.png); font-size:13px; font-family:Nanum Gothic;}
.corse_List .Fliner{position:relative; width:902px; height:60px; border-bottom: 1px solid #cecece; font-size:12px; font-family:Nanum Gothic; padding:5px; 0 2px; 0;}
.corse_List .corse_icon{position:relative;  height:19px; font-size:13px; font-family:Nanum Gothic; }
.corse_List .corse_dtxt_blue{ font-size:13px; font-family:Nanum Gothic; margin:3px; font-weight:bold; color:#1e6c99; line-height:180%;}
.corse_List .corse_dtxt_red{  font-size:13px; font-family:Nanum Gothic; margin:3px;  font-weight:bold; color:#d32929;line-height:180%;}
.corse_List .corse_dtxt_grey{  font-size:13px; font-family:Nanum Gothic; margin:3px; font-weight:bold; line-height:180%;}
.corse_List .corse_dtxt_greys{  font-size:12px; font-family:Nanum Gothic; margin:3px; font-weight:bold; line-height:180%;}

.corse_page {position:relative; width:902px; height:50px; border-bottom: 1px solid #cecece; font-size:13px; font-family:Nanum Gothic;}

.tab-wrapper {position:relative; padding-top:59px; width:902px; margin:0 auto;}
.tab-menu ul {font-size:0px; letter-spacing:0; word-spacing:0; }
.tab-menu li {position:relative; background-color:#232323; color:#bcbcbc; display:inline-block; list-style:none; padding:10px 35px; opacity: 0.6;cursor:pointer;z-index:30; font-family:NanumSquare; font-size:13px; }
.tab-menu li:hover {color:#fff; font-family:NanumSquare; font-size:13px;}
.tab-menu li.active {color:#fff; font-family:NanumSquare; font-size:13px;  font-weight:bold;  opacity: 1;}
.tab-menu li.active:hover {color:#fff; font-family:NanumSquare; font-size:13px; }
.tab-menu li a {color:#fff; font-family:NanumSquare; font-size:13px;}


.tab-content>div {  background-color: #fff;  box-sizing:border-box; width: 834px; padding-top:20px;  min-height:200px; font-family:NanumSquare; font-size:12px;line-height:180%;}
.line {  position:absolute;  width:0; height: 4px; background-color: #d92f2f;  top: 0;  left: 0;}
.linebar {  position:absolute;  width:834; height: 2px; background-color: #232323;  top: 0;  left: 0;}


.page_num { width: 400px; margin: 0 auto; padding:40px; text-align: center; font-size: 12px; color: #333; }
.prev_num { background-color: #fff; color: #333; padding: 5px 10px; border: solid 1px #dcdcdc;}
.num a{ background-color: #153d90; color: #fff;border: solid 1px #153d90;}
.num a:link{  background-color: #fff; color: #333;  border: solid 1px #dcdcdc; direction:none;padding: 5px 10px;}
.num a:hover{  background-color: #153d90; color: #fff;  border: solid 1px #153d90; }
.num a:active {	background-color: #153d90; color: #333;  border: solid 1px #153d90;  }
.next_num { background-color: #fff; color: #333; padding: 5px 10px; border: solid 1px #dcdcdc}