@charset "utf-8";
/* CSS Document */
#wrap{width:100%; background:#f3f3f3;}



.header { height:113px; background:#1c2d54;
	font-family:"Noto Sans KR","AkzidGroStd",	verdana, arial, 'Times New Roman', Times, serif, sans-serif;
}
.tHeader { /*width:1100px;*/ max-width:1000px; margin:0 auto; position:relative;}
.logo { position:absolute; left:0; top:27px;  }
.logo a { width:275px; height:68px; background:url(/OnlineTrain/main/images/logo.png) no-repeat; display:block; text-indent:-9999px; }

.tnb { position:absolute; right:133px; top:22px; }
.tnb li { float:left; margin-left:9px; padding-left:10px; background:url(/OnlineTrain/main/images/t_dot.png) no-repeat 0 4px; }
.tnb li:nth-child(1) { background:none; }
.tnb li a { font-size:16px; font-weight:400; letter-spacing:-0.07em; color:#fff; line-height:16px;}

.snsNav { position:absolute; top:18px; right:0; }
.snsNav li { margin-left:11px; float:left; }
.snsNav li a { display:block; text-indent:-9999px; }
.snsNav li:nth-child(1) a { width:32px; height:31px; background:url(/OnlineTrain/main/images/sns1.png) no-repeat; }
/*.snsNav li:nth-child(2) a { width:29px; height:31px; background:url(../images/sns2.png) no-repeat;}*/ /* 페이스북 */
.snsNav li:nth-child(2) a { width:32px; height:31px; background:url(/academy/images/main2/youtube.png) no-repeat;}
.snsNav li:nth-child(3) a { width:29px; height:31px; background:url(/OnlineTrain/main/images/sns3.png) no-repeat;}

.gnb { position:absolute; right:0; top:68px; }
.gnb li { float:left; margin-left:34px; }
.gnb li a { font-size:20px; font-weight:700; letter-spacing:-0.07em; color:#fff; line-height:20px; }


.mobile_top {display:none;}
#menu_mobile {display:none;}
#menu_train_start {display:none;}

/*모바일 hide, pc show 일경우  */
.view-mobile {display:none;}
.view-pc {display:block;}

/*글로벌메뉴(공통)*/
/*
#gm_bg{
	width:100%;
	height:204px;
	background: url("../images/common2/m_top_img2.gif");
	background-repeat:no-repeat;
	background-position:50% 50%;
	}
#gm {
	width:100%;
	height:27px;
	background-image:url("../images/common2/gm_bg.png");
	background-repeat:repeat-x;
	margin:0;
	padding:0;
	}
#gm_c { max-width:1040px; margin:0 auto;}
#gm_c li {float:left; }
#logo { width:100%; height:177px; margin:0; padding:0;}
#logo_c {max-width:1040px; margin:0 auto;text-align:left;}
#logo_c img {padding-left:58px; padding-top:0px;}
#logo_c .logo_p {text-align:left;width:320px;}
#logo_c .logo_p a {padding-left:25px;}
#logo_c .logo_p img {padding-left:20px; padding-top:35px}
#logo_c .logo_p span {width:300px; height:auto;}
*/
/*탑메뉴(공통)*/
/*
#menu_top {
	width:100%;
	height:39px;
	background-repeat:repeat-x;
	z-index:5;
}
#menu_c {max-width:1040px; margin:0 auto; z-index:10; }
#menu_c ul {float:left;}


#submenu {
	z-index:999;
	height:211px;
	position:relative;
	left:0px;
	margin-top:0px;
	font-size:11px;
	letter-spacing:-0.8px;
}

#submenu .w_167 { width:167px; float:left;}
#submenu .w_167 td {  font-size:0; line-height:0; display:block;}
#submenu .w_167 td a.rollover img {border-width:0px;}
#submenu .w_167 td a.rollover img { border-width:0px; display:inline; }
#submenu .w_167 td a.rollover img.over { display:none; }
#submenu .w_167 td a.rollover:hover { border:0px; }
#submenu .w_167 td a.rollover:hover img { display:none; }
#submenu .w_167 td a.rollover:hover img.over { display:inline; }

#submenu .w_166 { width:166px;}
#submenu .w_166 td {  font-size:0; line-height:0; display:block;}
#submenu .w_166 td a.rollover img {border-width:0px;}
#submenu .w_166 td a.rollover img { border-width:0px; display:inline; }
#submenu .w_166 td a.rollover img.over { display:none; }
#submenu .w_166 td a.rollover:hover { border:0px; }
#submenu .w_166 td a.rollover:hover img { display:none; }
#submenu .w_166 td a.rollover:hover img.over { display:inline; }

#submenu .w_168 { width:168px;}
#submenu .w_168 td {  font-size:0; line-height:0; display:block;}
#submenu .w_168 td a.rollover img {border-width:0px;}
#submenu .w_168 td a.rollover img { border-width:0px; display:inline; }
#submenu .w_168 td a.rollover img.over { display:none; }
#submenu .w_168 td a.rollover:hover { border:0px; }
#submenu .w_168 td a.rollover:hover img { display:none; }
#submenu .w_168 td a.rollover:hover img.over { display:inline; }


#submenu .w_320 { width:330px}
#submenu .w_320 td {  font-size:0; line-height:0; display:block;}
#submenu .w_320 td a.rollover img {border-width:0px;}
#submenu .w_320 td a.rollover img { border-width:0px; display:inline; }
#submenu .w_320 td a.rollover img.over { display:none; }
#submenu .w_320 td a.rollover:hover { border:0px; }
#submenu .w_320 td a.rollover:hover img { display:none; }
#submenu .w_320 td a.rollover:hover img.over { display:inline; }

#submenu6 {
	z-index:999;
	height:211px;
	position:relative;
	left:0px;
	margin-top:0px;
	font-size:11px;
	letter-spacing:-0.8px;
}

#submenu6 .w_140 { width:140px; float:left;}
#submenu6 .w_140 td {  font-size:0; line-height:0; display:block;}
#submenu6 .w_140 td a.rollover img {border-width:0px;}
#submenu6 .w_140 td a.rollover img { border-width:0px; display:inline; }
#submenu6 .w_140 td a.rollover img.over { display:none; }
#submenu6 .w_140 td a.rollover:hover { border:0px; }
#submenu6 .w_140 td a.rollover:hover img { display:none; }
#submenu6 .w_140 td a.rollover:hover img.over { display:inline; }

#submenu6 .w_148 { width:148px;}
#submenu6 .w_148 td {  font-size:0; line-height:0; display:block;}
#submenu6 .w_148 td a.rollover img {border-width:0px;}
#submenu6 .w_148 td a.rollover img { border-width:0px; display:inline; }
#submenu6 .w_148 td a.rollover img.over { display:none; }
#submenu6 .w_148 td a.rollover:hover { border:0px; }
#submenu6 .w_148 td a.rollover:hover img { display:none; }
#submenu6 .w_148 td a.rollover:hover img.over { display:inline; }

#submenu6 .w_151 { width:151px;}
#submenu6 .w_151 td {  font-size:0; line-height:0; display:block;}
#submenu6 .w_151 td a.rollover img {border-width:0px;}
#submenu6 .w_151 td a.rollover img { border-width:0px; display:inline; }
#submenu6 .w_151 td a.rollover img.over { display:none; }
#submenu6 .w_151 td a.rollover:hover { border:0px; }
#submenu6 .w_151 td a.rollover:hover img { display:none; }
#submenu6 .w_151 td a.rollover:hover img.over { display:inline; }

*/



/*컨텐츠(공통)*/
#con_bg {
	width:100%;
	/*
	background-image:url("../images/common2/bg.jpg");
	*/
	background-color:#eee;
	background-repeat:no-repeat;
	background-position:50% top;
	z-index:0;
	}
#m_con{
	max-width:1040px;
	margin:0 auto;
	background-color:#f2f2f2;
	background-image:url("../images/common2/con_bg.gif");
	background-repeat:no-repeat;
	/*
	overflow:hidden;
	골롬때문에 주석처리함
	*/
	z-index:1;
	}





/********************  플레이어  영역 s *********************************/

.cn_list {
	height:240px;
	/*
	overflow:auto;
	overflow-x:hidden;
	border-top:1px solid #3f3f3f;
	*/

	overflow: auto;
	position: relative;

}
.cn_item h2{
	font-size:12px;
	/*
	border-bottom:1px solid #000;
	padding-bottom:4px;
	*/
	text-transform:uppercase;
}
.cn_item {
	cursor:pointer;
	position:relative;
	overflow:hidden;
	height:auto;
	color:#fff;
	padding:5px;
	margin:4px 5px 0px 0px;
	text-shadow:1px 1px 1px #000;
	background:#646c7f;
}
.cn_item:hover, .selected{
	border-color:#4c7ecb;
	background-color: #32394a;
}
.cn_item:hover h2,
.cn_list .selected h2,
.cn_item:active h2{
	border-color:#2C5FAC;
}
.cn_item:hover p,
.selected p,
.cn_item:active p{
	border-color:#527CBB;
}
.cn_item:active {
	color: #011c44;
	text-shadow: 1px 1px 1px #ccdffc;
}

.cn_page{
	display:none;
}
/********************  플레이어  영역 e *********************************/


/*///////////////왼쪽내용*/
#left_c {position:relative; width:220px; float:left; padding-left:20px; padding-right:30px; height:1%; overflow:hidden; z-index:0;}

/*로그인(공통)*/
.login {float:left;	margin-top:10px; width:220px; background-color:#fff; }
.login p { border-right:solid 1px #e5e5e5; border-left:solid 1px #e5e5e5; border-top:solid 1px #e5e5e5; float:left; width:219px; height:31px; background-color:#FFF; text-align:center; padding-top:20px; color:#b0b0b0;}
.name{color:#444e66;}
.login dl{float:left; padding-bottom:2px;}
.login ul {padding-left:10px;}
.login li {float:left; height:24px;}
.login .inputsize{width:132px;}

/*왼쪽배너*/
.l_ban {padding-top:10px; width:220px; float:left; }
.l_ban li{height:41px;}
.l_customer {width:220px;padding-top:8px; float:left;}
.l_ex8 {width:220px;padding-top:10px; float:left;}
.l_test {padding-top:10px; float:left;}
/*
.l_movie_player {

	margin-top:10px;
	float:left;
	width:504px;
	height:264px;
	overflow:hidden;
	background-repeat:no-repeat;

}
*/
.l_movie {
	margin-top:10px;
	float:left;
	width:220px;
	height:187px;
	overflow:hidden;
	background-image:url("../images/main/l_program_movie_title.gif");
	background-repeat:no-repeat;
	}
.l_movie li {padding-top:44px; padding-left:14px;}
.l_movie02 {
	margin-top:10px;
	float:left;
	width:220px;
	height:187px;
	overflow:hidden;
	background-image:url("../images/main/l_app_movie_title.gif");
	background-repeat:no-repeat;
	}
.l_movie02 li {padding-top:44px; padding-left:14px;}
.l_blog {padding-top:10px; line-height:20px;}
.l_blog ul{border-bottom:solid 1px #e5e5e5; border-left:solid 1px #e5e5e5; border-right:solid 1px #e5e5e5; background-color:#FFFFFF; height:155px; padding:10px 10px 10px 10px;}
.l_blog li {width:185px;height:40px;line-height:25px;}

/*///////////////메인중간내용*/
#m_center_c { position:relative; width:502px; height:1%; overflow:hidden; z-index:0;  float:left; margin-left:25px;}

.img_gallery {width:502px; float:left; padding-top:10px;}
.img_gallery p {width:502px; float:left;}
.img_gallery li {float:left;}

.contents_movie {
	width:500px;
	height:263px;
	float:left;
	border-left:1px solid #3b4356;
	border-top:1px solid #3b4356;
	border-bottom:1px solid #3b4356;
	border-right:1px solid #3b4356;
	background-color:#475269;
	margin-top:31px;
	}
.contents_movie p {width:331px; float:left; padding-top:12px; padding-left:10px;}
/*
#m_container_1 {position:absolute;padding-left:10px;width:320px;height:240px; text-align:center; float:left; padding-top:10px;}

.m_text {width:158px; height:263px; float:left;  border-left:1px solid #626b7f; }
.m_text ul li { padding-left:18px; padding-top:9px; padding-bottom:15px; border-bottom:1px solid #626b7f; }
.m_text ul li.b_none {border:none;}

*/
.m_text {width:158px; height:263px; float:left; border-left:1px solid #626b7f; }
.m_text ul li { padding-left:0px; padding-top:0px; padding-bottom:0px; border-bottom:0px solid #626b7f; }
.m_text ul li.b_none {border:none;}
.m_text li { font-size:0; line-height:0; display:block;}
.m_text li a.rollover img {border-width:0px;}
.m_text li a.rollover img { border-width:0px; display:inline; }
.m_text li a.rollover img.over { display:none; }
.m_text li a.rollover:hover { border:0px; }
.m_text li a.rollover:hover img { display:none; }
.m_text li a.rollover:hover img.over { display:inline; }

.ctn_movie {
	width:500px;
	height:263px;
	float:left;
	border-left:1px solid #3b4356;
	border-top:1px solid #3b4356;
	border-bottom:1px solid #3b4356;
	border-right:1px solid #3b4356;
	background-color:#475269;
	margin-top:31px;
}

.m_img { font-size:0; line-height:0; display:block;}
.m_img a.rollover img {border-width:0px;}
.m_img a.rollover img { border-width:0px; display:inline; }
.m_img a.rollover img.over { display:none; }
.m_img a.rollover:hover { border:0px; }
.m_img a.rollover:hover img { display:none; }
.m_img a.rollover:hover img.over { display:inline; }

/*패키지 메인*/
.pakage{float:left; height:auto;}
.pakage p {width:344px; float:left; margin-top:10px;}
.pakage ul {margin:0; padding:0;}
.pakage li {
	width:220px;
	height:142px;
	background-color:#FFF;
	float:left;
	background-image:url(../images/main2/c_pakage_ban_bg.gif);
	background-repeat:no-repeat;
	background-position:left top;
	border-right:solid 1px #e5e5e5;
	border-bottom:solid 1px #e5e5e5;
	padding-left:30px;
	padding-top:20px;
}
.pakage dt{padding-bottom:10px;}
.pakage dd {height:16px; color:#abb0b5; letter-spacing:0;}

.pakage_bnr li {
	float:left;
	width:156px;
	height:142px;
	background-color:#FFF;
	float:left;
	background-image:url(../images/main2/c_pakage_ban_bg.gif);
	background-repeat:no-repeat;
	background-position:left top;
	border-right:solid 1px #e5e5e5;
	border-bottom:solid 1px #e5e5e5;
	padding-left:10px;
	padding-top:30px;
}


/*패키지 서브*/
.pakage_sub {float:left; height:auto;}
.pakage_sub p {width:210px; float:left; margin-top:10px;}
.pakage_sub ul {margin:0; padding:0;}
.pakage_sub li {
	width:190px;
	height:142px;
	background-color:#FFF;
	float:left;
	background-image:url(../images/main2/c_pakage_ban_bg.gif);
	background-repeat:no-repeat;
	background-position:left top;
	border-right:solid 1px #e5e5e5;
	padding-left:20px;
	padding-top:20px;
}
.pakage_sub dt{padding-bottom:10px;}
.pakage_sub dd {height:16px; color:#abb0b5; letter-spacing:0;}

/*
.pakage{float:left; height:390px;}
.pakage p {width:344px; float:left; margin-top:10px;}
.pakage ul {margin:0; padding:0;}
.pakage li {
	width:220px;
	height:142px;
	background-color:#FFF;
	float:left;
	background-image:url(../images/main2/c_pakage_ban_bg.gif);
	background-repeat:no-repeat;
	background-position:left top;
	border-right:solid 1px #e5e5e5;
	border-bottom:solid 1px #e5e5e5;
}
.pakage dt{padding-bottom:10px;}
.pakage dd {height:16px; color:#abb0b5; letter-spacing:0;}
*/
.hong_ban{margin-top:10px; float:left;}

/*///////////////메인오른쪽내용*/
#m_right_c { position:relative; padding-top:31px; overflow:hidden; z-index:0;}
#m_left_c { position:relative;  padding-top:31px; overflow:hidden; z-index:0;padding-left:20px;float:left;}

.r_rank_issue { max-width:236px;margin-top:0px; line-height:20px;height:auto;margin-bottom:10px;background-color:#fff;padding:10px;border:solid 1px #ddd;}
.r_rank_issue p {
	max-width:236px;
	height:20px;
	font-weight:bold;
	}

.top_poster {max-width:237px; border:solid 1px #e5e5e5; padding:0px 0px; margin:0px 0px 8px 0px; background-color:#FFFFFF;}


.top_banner1 {max-width:237px; border:solid 1px #e5e5e5; padding:0px 0px; margin:8px 0px;background-color:#FFFFFF;}
.top_banner2 {max-width:237px; border:solid 1px #e5e5e5; padding:0px 0px; margin:8px 0px;background-color:#FFFFFF;}

.bottom_poster {max-width:217px; border:solid 1px #e5e5e5; padding:10px 10px; background-color:#FFFFFF;}
.after {max-width:237px; height:213px; border:solid 1px #e5e5e5; background-color:#FFFFFF; margin-top:10px;}
.after ul{padding-top:20px;}
.after li.f_left{float:left;}
.after li.f_right{float:right; margin-right:15px; color:#abb0b5;}
.after dl{ width:197px; margin-left:20px; clear:both; display:block; height:44px; padding-top:10px; border-bottom:solid 1px #e5e5e5;}
.after dt{float:left; padding-right:20px;}
.after dd{float:left; color:#abb0b5;}
.notice{ margin-top:10px; line-height:20px;}
.notice ul{border-bottom:solid 1px #e5e5e5; border-left:solid 1px #e5e5e5; border-right:solid 1px #e5e5e5; background-color:#FFFFFF; height:71px; padding:20px 20px;}
.press{ margin-top:10px; line-height:20px;}
.press ul{border-bottom:solid 1px #e5e5e5; border-left:solid 1px #e5e5e5; border-right:solid 1px #e5e5e5; background-color:#FFFFFF; height:71px; padding:20px 20px;}
.bottom_poster {width:217px; border:solid 1px #e5e5e5; background-color:#FFFFFF; margin-top:10px;}
/*///////////////카피(공통)*/


/* 하단 광고 */
.advertisement {
	position:fixed;
	bottom:0px;
	color:#fff;
	padding:0px 0px;
	margin:0px 0px;
	width:100%;
	z-index:9999;
}
.ad_area {
/*
	background-color:#2D46C1;
	background-color:#6633CC;
*/
	background-color:#EC2028;
	width:100%;
}
.ad_wrap {
	/*width:1050px;*/
	width:1100px;
	margin:0 auto;
}
.advertisement p {text-align:right;}
.close { width:100%;padding:0px 5px 5px 0px;background:#fff;}
.close span {width:20px;height:20px;padding:0px 5px 2px 5px;cursor:pointer;}


#copy {max-width:1040px; height:140px; margin:0 auto; clear:both; padding-top:30px;margin-bottom:100px;}
.copy_ban{ background-image:url("../images/common2/copy_ban_bg.gif"); background-repeat:repeat-x; max-width:1000px; height:28px; overflow:hidden; margin-left:20px; border-right:solid 1px #e5e5e5;}
.copy_ban li {float:left;}
.copy_logo {padding-left:30px; padding-top:26px;}
.copy_logo p {float:left; width:220px;}
.copy_text {float:left; padding-top:4px;}
.copy_text ul li {padding:5px 0px;}


/*///////////////서브////////////*/
#center_c {max-width:770px; float:left; padding-top:10px; overflow:hidden;padding-left:20px;}

/*  오른쪽 메뉴 */
#right_c {position:relative; max-width:220px; float:left; padding-top:10px;padding-left:10px; padding-right:20px; height:1%; overflow:hidden; z-index:0;}

/*서브메뉴*/
#lnb { position:relative; float:left; width:220px; margin-top:0px; height:1%; overflow:hidden;  background-color:#FFFFFF; border:solid 1px #e5e5e5;}
#lnb h2 {
	position:relative;
	max-width:220px;
	height:55px;
	background-image:url("../images/common2/smenu_top_bg.gif");
	background-repeat:no-repeat;
	 }
#lnb h2 img { padding-left:25px; padding-top:21px;}
#lnb ul { position:relative; width:190px; margin:0 0 20px 15px; }
#lnb ul li { width:190px; background:url(../images/common2/smenu_rollOut3.gif) no-repeat ; background-position:left top; font-size:14px; padding-top:6px; }
#lnb ul li a, #lnb ul li a:hover{ width:190px; height:44px; padding-left:20px; line-height:30px; display:block; font-weight:800;}
#lnb ul li.on { color:#ffffff; background:url(../images/common2/smenu_rollOver3.gif) no-repeat ; background-position:left top;}
#lnb ul li.on a, #lnb ul li.on a:hover{ width:190px; height:44px; padding-left:20px; display:block; color:#fff;   font-weight:800;}
#lnb ul li #dep2 { width:190px; padding:0; margin:0; }
#lnb ul li #dep2 li { height:30px; background-image:none; background-color:#49536b; border-bottom:solid 1px #646d81; }
#lnb ul li #dep2 li a, #lnb ul li #dep2 li a:hover  { width:190px; height:20px; display:block; text-decoration:none; color:#bdc2ce;  background:url(../images/common/ssmenu_bullet.gif) no-repeat ; background-position:10px 12px; font-weight:bold;}


#center_area { overflow:hidden; width:100%; height:352px;}
.stitle {height:51px; background:url("../images/common2/title_bg.gif"); background-repeat:no-repeat;}
.stitle p{ padding-left:31px; padding-top:18px;}
.location {float:right; padding-top:20px;}
.location li{float:left; color:#b0b0b0; padding-right:10px; background-image:url("../images/common2/location_bg.gif"); background-repeat:no-repeat; background-position:right top; padding-left:10px;}
/*.con_all{width:770px; background-color:#FFFFFF; border:solid 1px #e5e5e5; margin-top:10px; padding:30px 30px;}*/
.con_all {background-color:#FFFFFF; border:solid 1px #e5e5e5; margin-top:5px; padding:30px 21.5px;}
.con {padding:4px;max-width:717px;}
.con dl {clear:both;}



/* 상단 2차 메뉴 리스트 */
.tabmenu{ padding:0 0 0px 0px; }
.tabmenu ul{  margin:0; padding-left:10px; list-style:none; border-bottom:1px solid #404960; font-family:dotum, Sans-serif; font-size:13px; *zoom:1;}
.tabmenu ul:after{ content:""; display:block; clear:both;}
.tabmenu li{ float:left; margin:0px 1px -1px 1px;  }
.tabmenu li a{ position:relative; float:left; text-decoration:none; border-top:1px solid #c0c0c0; border-right:1px solid #c0c0c0;border-left:1px solid #c0c0c0;background:#efefef; color:#666;}
.tabmenu li a span{ display:inline-block; padding:6px 7px; letter-spacing:-1px; cursor:pointer;border-top:1px solid #fff;border-left:1px solid #fff; }
.tabmenu li a:hover{background:#fff; color:#404960; border:1px solid #404960; }
.tabmenu li ul{ display:none; width:100%; top:40px; left:0; list-style:none; border:0; margin:0; padding:0; white-space:nowrap; overflow:hidden; *zoom:1;}
.tabmenu li ul:after{ content:""; display:block; clear:both;}
.tabmenu li.selected a{ border:2px solid #404960; padding:1px;border-bottom:0px solid #fff; margin-top:-3px; background-color:#fff; color:#454BC0;}
.tabmenu li.selected a span{ display:inline-block;padding-top:7px; font-weight:bold;background-color:#fff; }
.tabmenu li.selected a:hover{ border:2px solid #404960; padding:1px;border-bottom:0px solid #fff; margin-top:-3px; background-color:#fff; color:#404960;}

/* 상단 2차 홍코스 메뉴 리스트 */
.tabmenu_hong { padding:0 0 0px 0px; }
.tabmenu_hong ul{  margin:0; padding-left:10px; list-style:none; border-bottom:1px solid #F20000; font-family:dotum, Sans-serif; font-size:30px; *zoom:1;}
.tabmenu_hong ul:after{ content:""; display:block; clear:both;}
.tabmenu_hong li{ float:left; margin:0px 1px -1px 1px;  }
.tabmenu_hong li a{ position:relative; float:left; text-decoration:none; border-top:1px solid #c0c0c0; border-right:1px solid #c0c0c0;border-left:1px solid #c0c0c0;background:#efefef; color:#666;}
.tabmenu_hong li a span{ display:inline-block; width:200px; text-align:center;padding:6px 7px; letter-spacing:-1px; cursor:pointer;border-top:1px solid #fff;border-left:1px solid #fff; }
.tabmenu_hong li a:hover{background:#fff; color:#F20000; border:1px solid #F20000; }
.tabmenu_hong li ul{ display:none; width:100%; top:40px; left:0; list-style:none; border:0; margin:0; padding:0; white-space:nowrap; overflow:hidden; *zoom:1;}
.tabmenu_hong li ul:after{ content:""; display:block; clear:both;}
.tabmenu_hong li.selected a{ border:3px solid #F20000; padding:1px;border-bottom:0px solid #fff; margin-top:-3px; background-color:#fff; color:#F20000;}
.tabmenu_hong li.selected a span{ display:inline-block;padding-top:7px; font-weight:bold;background-color:#fff; }
.tabmenu_hong li.selected a:hover{ border:3px solid #404960; padding:1px;border-bottom:0px solid #fff; margin-top:-3px; background-color:#fff; color:#404960;}


.float_l { float:left;}
.float_r { float:right;}




/*///////////////동영상레이아웃및css////////////*/

#player_wrap{width:1035px; height:652px; background-color:#f0f0f0; background-image:url(../images/09_etc/player_bg.gif); background-repeat:no-repeat; position:absolute;}
#player_wrap2{width:1035px; height:702px; background-color:#f0f0f0; background-image:url(../images/09_etc/player_bg2.gif); background-repeat:no-repeat;}
#player_wrap3{width:1335px; height:702px; background-color:#f0f0f0; background-image:url(../images/09_etc/player_bg3.gif); background-repeat:no-repeat;}

/*상단탭*/
#player_t_tab { width:936px; height:46px; position:absolute; left:40px;}
#player_t_tab li{float:left; font-size:0; line-height:0; display:block;}
#player_t_tab li a.rollover img {border-width:0px;}
#player_t_tab li a.rollover img { border-width:0px; display:inline; }
#player_t_tab li a.rollover img.over { display:none; }
#player_t_tab li a.rollover:hover { border:0px; }
#player_t_tab li a.rollover:hover img { display:none; }
#player_t_tab li a.rollover:hover img.over { display:inline; }

/*오른쪽탭*/
#player_r_tab { width:49px; float:right; margin-top:65px;}

/*중간내용*/
#movie {width:640px; height:480px; margin-top:81px; margin-left:40px; float:left; }

#movie_sample {width:640px; height:480px; margin-top:30px; margin-left:40px; float:left; }
#player_r_tab_sample { width:49px; float:right; margin-top:15px;}
#player_t_tab_sample li{float:left; font-size:0; line-height:0; display:block;}
#player_t_tab_sample li a.rollover img {border-width:0px;}
#player_t_tab_sample li a.rollover img { border-width:0px; display:inline; }
#player_t_tab_sample li a.rollover img.over { display:none; }
#player_t_tab_sample li a.rollover:hover { border:0px; }
#player_t_tab_sample li a.rollover:hover img { display:none; }
#player_t_tab_sample li a.rollover:hover img.over { display:inline; }

#movie_text_sample{width:286px; float:left; margin-top:15px; margin-left:10px;}
#movie_text_sample ul{border-left:solid 1px #eaeaea; border-right:solid 1px #eaeaea; border-bottom:solid 1px #eaeaea; width:100%; height:482px; background-color:#FFFFFF; color:#909090; letter-spacing:-0.2px; line-height:16px;}
#movie_text_sample ul li.text{padding-left:23px; padding-right:11px;}

.movie_control{float:left; width:508px; height:47px; background-image:url(../images/09_etc/movie_bg.gif); background-repeat:repeat-x;}
.timeline{ background-image:url(../images/09_etc/control_bar_bg.gif); background-repeat:no-repeat; width:295px; height:20px; margin-top:14px; margin-left:17px; float:left;}
.time {width:80px; float:left; margin-top:18px; margin-left:18px; font-family:Tahoma; font-size:10px; color:#555a70; font-weight:bold; height:18px;}
.time li {float:left; width:37px;}
.time li.r_bar{background-image:url(../images/09_etc/time_bar.gif); background-repeat:no-repeat; background-position:top right; color:#516ccf;}
.pad_l_3{padding-left:3px;}
.sound {width:67px; height:11px; float:left; margin-top:18px; margin-left:18px;}
.sound_spk {width:17px;height:11px;float:left;}
.sound_bar {width:48px; height:3px; float:left; margin-top:4px;}

#movie_text{width:286px; float:left; margin-top:64px; margin-left:10px;}
#movie_text ul{border-left:solid 1px #eaeaea; border-right:solid 1px #eaeaea; border-bottom:solid 1px #eaeaea; width:100%; height:482px; background-color:#FFFFFF; color:#909090; letter-spacing:-0.2px; line-height:16px;}
#movie_text ul li.text{padding-left:23px; padding-right:11px;}



/* 960 size 영상 */

#player_tab { max-width:936px; height:46px; position:absolute; left:5px;}
#player_tab li{float:left; font-size:0; line-height:0; display:block;}
#player_tab li a.rollover img {border-width:0px;}
#player_tab li a.rollover img { border-width:0px; display:inline; }
#player_tab li a.rollover img.over { display:none; }
#player_tab li a.rollover:hover { border:0px; }
#player_tab li a.rollover:hover img { display:none; }
#player_tab li a.rollover:hover img.over { display:inline; }

#player_right_tab { width:49px; float:right; margin-top:65px;}

#movie960 {max-width:960px; height:540px; margin-top:48px; margin-left:5px; float:left; }

#movie_text960{max-width:286px; float:left; margin-top:34px; margin-left:5px;}
#movie_text960 ul{border-left:solid 1px #eaeaea; border-right:solid 1px #eaeaea; border-bottom:solid 1px #eaeaea; width:100%; height:482px; background-color:#FFFFFF; color:#909090; letter-spacing:-0.2px; line-height:16px;}
#movie_text960 ul li.text{padding-left:23px; padding-right:11px;}



.contents_line {border-bottom:solid 1px #e5e5e5;width:100%;margin-bottom:15px;}


/*intro*/

.ctn_txt {width:717px;margin-top:22px;}

.box_msg {max-width:717px;margin:5px 0 15px 0;}


/* 보도자료 */
.report_movie {
	max-width:717px;
	height:auto;
	float:left;
	border-left:1px solid #3b4356;
	border-top:1px solid #3b4356;
	border-bottom:1px solid #3b4356;
	border-right:1px solid #3b4356;
	background-color:#475269;
	margin-top:20px;
	margin-bottom:20px;
}

/* faq */
.faq_wrap {background:url(../images/04_community/bg_join_top.gif) no-repeat left top; max-width:717px; overflow:hidden; margin-bottom:10px;}
.faq_wrap_b {background:url(../images/04_community/bg_join_bt.gif) no-repeat 0 0; max-width:717px; height:29px;}

.faq_menu {margin:26px 0 0 21px; max-width:680px;}
.faq_menu dt {background:url(../images/04_community/bg_d_hline02.gif) repeat-x left bottom; padding-bottom:10px; overflow:hidden;}
.faq_menu dt p {background:url(../images/04_community/tle_question.gif) no-repeat 0 2px; font-weight:bold; line-height:18px; padding-left:25px; color:#444;}
.faq_menu dd {background:url(../images/04_community/tle_answer.gif) no-repeat 0 2px; line-height:18px; padding-left:25px; margin-top:12px; color:#666;}
.faq_menu_t dd span {position:relative;top:12px;line-height:18px; padding-left:25px; margin-top:12px; color:#666;}

.photo_m {width:150px; border:0px solid #333333;}
a:hover .photo_m {border:3px solid #006699;}


/* daum cafe */
#cafe_center_c { position:relative; max-width:502px; height:1%; overflow:hidden; z-index:0;  float:left; }
#cafe_right_c { position:relative; max-width:239px; height:1%; padding-top:0px; overflow:hidden; z-index:0;padding-left:20px;float:left;}

.cafe_movie {
	max-width:500px;
	height:263px;
	float:left;
	border-left:1px solid #3b4356;
	border-top:1px solid #3b4356;
	border-bottom:1px solid #3b4356;
	border-right:1px solid #3b4356;
	background-color:#475269;
	margin-top:10px;
}


.s_movie {
	max-width:717px;
	height:auto;
	float:left;
	border-left:1px solid #3b4356;
	border-top:1px solid #3b4356;
	border-bottom:1px solid #3b4356;
	border-right:1px solid #3b4356;
	background-color:#475269;
	margin-top:31px;
}


/* 탭메뉴*/
.s_tabmenu {position:relative; border-bottom:2px solid #e63e3f; width:717px; height:33px; background:url(../images/04_groupstudy/tabmenu_bg.gif); }
.r_tabmenu {
	position:relative;
	margin-top:7px;
	max-width:712px;
	height:42px;
	background-image:url("../images/tabmenu/tbg.gif");
	background-repeat:repeat-x;
}
.r_tabmenu ul {
}
.r_tabmenu ul li {float:left;}

.c_tabmenu {
	position:relative;
	margin-top:7px;
	max-width:712px;
	height:42px;
	background-image:url("../images/tabmenu/tbg2.gif");
	background-repeat:repeat-x;
}
.c_tabmenu ul {}
.c_tabmenu ul li {float:left;}



.course_tabmenu {
	position:relative;
	margin-top:7px;
	width:100%;
	height:52px;
}
.course_tabmenu ul {}
.course_tabmenu ul li {float:left;}



.con_tabmenu {
	position:relative;
	margin-top:7px;
	max-width:712px;
	height:52px;
	background-image:url("../images/tabmenu/tabmenu_bg.png");
	background-repeat:repeat-x;
}

.con_tabmenu ul {}
.con_tabmenu ul li {float:left;}
.st_tabmenu {
	position:relative;
	margin-top:5px;
	max-width:712px;
	height:42px;
	background-image:url("../images/tabmenu/tbg3.gif");
	background-repeat:repeat-x;
}
.st_tabmenu ul {}
.st_tabmenu ul li {float:left;}


.v_tabmenu {
	position:relative;
	margin-top:7px;
	max-width:717px;
	border:1px solid #BBBBBB;
	background-color:#dddddd;
	padding:10px 0;
	margin-bottom:10px;
}

.b_cap_txt { clear: both;float:left;padding-left:10px; font-size:0.92em; height:20px; width:100%;}
.b_list_right {  float:right;padding-right:5px;text-align:right;}
.b_cap_right { position:relative;float:right;}




/* 훈련중인 강의정보 */
.train_select {width:220px;}
.train_select p {
	border-right:solid 1px #e5e5e5;
	border-left:solid 1px #e5e5e5;
	border-top:solid 1px #e5e5e5;
	float:left;
	width:200px;
	min-height:31px;
	background-color:#fff;
	text-align:center;
	margin-top:10px;
	padding:15px 4px 10px 16px;
	color:#b0b0b0;
}

/* 훈련중인 강의 정보  */
.trainListDiv { left:0px;z-index:1;}
.trainListDiv_sel {display:block;color:#009999;font-weight:bold;cursor:pointer;padding-left:0px;padding-top:5px;width:180px;height:25px;background:url('../images/00_train/train_sel.gif') 0 0 no-repeat;}
.trainlist {position:absolute; left:11px;top:118px; width:220px; border:2px #666666 solid;background-color:#fff;z-index:999;padding-bottom:15px;}
.trainlist dl {margin-left:10px;margin-top:10px;width:180px;float:left;}
.trainlist dl dt {font-weight:bold;padding:5px 0;color:#27789a;}
.trainlist dl dd ul li {padding-left:2px;line-height:1.4em; background:url('../images/00_train/list_ico2.gif') left 6px no-repeat;}
.trainlist dl dd ul li a:hover {color:#27789a;text-decoration:underline;}

.train_data { width:220px;height:600px;background-color:#fff; overflow:hidden;overflow-y:scroll; }
/*
.trainlist dl dd.list_t1 {height:170px;}
.trainlist dl dd.list_t2 {height:110px;}
*/

.trainlist .btnClose {font-weight:bold;color:#ffffff;position:absolute;width:70px;right:0px;background-color:#666666;text-align:center;border:1px #666666 solid}
.trainlist .btnClose a {color:#ffffff;}


/*/////////////// 컨텐츠 full size ////////////*/
#center_m {max-width:1018px; float:left; padding-top:31px; overflow:hidden;}
.con_m_all {max-width:982px; background-color:#FFFFFF; border:solid 1px #e5e5e5; margin-top:10px; padding:30px 15px;}
.con_m {max-width:980px;}
.stitle_m {height:51px; background:url("../images/common2/title_bg_m.gif"); background-repeat:no-repeat;}
.stitle_m p{padding-left:31px; padding-top:18px;}
.location_m {float:right; padding-top:20px;}
.location_m li {float:left; color:#b0b0b0; padding-right:10px; background-image:url("../images/common2/location_bg.gif"); background-repeat:no-repeat; background-position:right top; padding-left:10px;}


#floatMenu {
	display:block;position:fixed; top:120px; left:50%; margin-left:521px; width:100px; height:200px;z-index:9999;
}
#floatMenu_mobile {display:none;}





/* 무료훈련강의 */
.gallery_wrap { overflow:hidden; height:1%; position:relative; margin:10px auto 0 auto; max-width:717px; padding:0 1px 30px 1px; }
.gallery { position:relative; float:left; display:inline; width:170px; height:auto; margin:10px 6px 0 6px; }
.gallery .pic {
	/*padding-top:2px;*/
	height:120px;
	overflow:hidden;
	border:5px solid #e34849;/*
	background-image:url("../images/04_report/bg_photo.gif");
	*/
	background-repeat:no-repeat;
	text-align:center;
}
.gallery .sj { margin:5px 0 0 0; max-width:170px; height:50px; color:#444; font-weight:bold; line-height:1.2em;}
.gallery span.date { color:#c7c7c7; font-size:11px; font-family:Verdana; font-weight:normal; }
/*.vod .btn_view { position:absolute; left:150px; top:141px; }*/
.gallery .btn_view { position:absolute; left:140px; top:90px; }
.gallery .btn_img { width:100px; }

/* //////////////////////////////////////////////////////////  ������  /////////////////////////////////////////////////////// */




img.width_p100 {width:717px;}

@media (max-width:600px) {

	#floatMenu {display:none;}
	#floatMenu_mobile {
		display:block;position:fixed; bottom:500px;z-index:999;
	}
	.ad_img a img {width:100%;}
}