@charset "utf-8";
#header_main {background-color:#0ca56f; position:fixed; z-index:100; width:100%}

#content {padding:0px !important;}
.writer_c{ color:#777}
.w40{width:40px}
.w30{width:30px}
.w10{width:10px}
.w12{width:12px}
.w15{width:15px}
.w35{width:35px}
.dowm{width:20px}


.btn_triangle_down {height:25px;margin-left:40px;padding:20px;position:absolute;left:50%;top:17px;outline:none;}
.triangle_down {width:20px;height:20px;position:absolute;left:10px;top:0px; background:url(../images/main/top_down.png) no-repeat 0px 10px;outline:none;/*border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #000;*/}
.triangle_up {width:20px;height:20px;position:absolute;left:10px;top:0px; background:url(../images/main/top_up.png) no-repeat 0px 10px;outline:none;/*border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:5px solid #000;*/}


.category_com{display:inline-block;background:url() no-repeat;background-size:280px 237px;width:137.5px;height:29.5px;text-indent:-9999px;overflow:hidden;font-size:0;vertical-align:top;}
.category_site {width:100%;position:absolute;left:0;top:60px;z-index:100;display:none;box-shadow:0 5px 25px #b4b4b4;-webkit-box-shadow:0 5px 25px #b4b4b4;}
.category_site .flex_tab_wrap{overflow:hidden;background:#fff;}/*padding:7.5px 0;*/
.category_site .flex_tab_wrap ul:after{content:'';display:block;clear:both;}
.category_site .flex_tab_wrap ul{ overflow:hidden}
.category_site .flex_tab_wrap ul li{border-right:1px solid #efeff0;border-bottom:1px solid #efeff0;box-sizing:border-box;width:50%;float:left;height:40px; line-height:40px;text-align:left; text-align:left; font-size:13px; font-family:"notokr-bold"; z-index:1000000; position:relative}/*background:#f0f0f0;margin:2px 0.5%;border-radius:2px;-webkit-border-radius:3px;border-width:1px 0 0 1px; border-style:solid; border-color:#dfdfdf; */
.category_site .flex_tab_wrap ul li a{display:block;width:100%;height:100%; padding-left:15px}
/*.family_com{ background:url(../images/main/arr_right.png) no-repeat 85% 4px;background-size:7%;}*/
.category_site .flex_tab_wrap ul li:after{position:absolute;content:'';right:15px;width:7px;height:7px;margin-top:-25px;border:1px solid #717587;border-width:0 1px 1px 0;background:none;-webkit-transform:rotate(315deg);transform:rotate(315deg);-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;}


.q_tit{ font-size:17px; font-family:"notokr-medium"; color:#006666 }
.q_box{ font-size:17px; font-family:"notokr-medium"; color:#444 }
.a_red{ color:#fe3f3f}
.qna_btn{padding:7px 15px; position:absolute; font-style:14px; color:#006666; border:1px solid #066; right:10px}


/*공지*/
.ann{ width:35px; font-size:13px; line-height:16px;  padding:2px 3px 2px 3px; margin-right:5px;*-moz-border-radius:19px;-webkit-border-radius:19px;border-radius:19px;color:#fff;border-radius:20px;background:#fff; color:#2c7d77; border:1px solid #2c7d77; text-align:center; font-weight:600; display:inline-block}

.main_wrap { background:#f2f2f2;}
.mainContent { position: relative; height:auto; background:#f6f6f6;width: 100%; }

.subContent { position: relative; height:auto; background:#fff;width: 100%; }



/* Header */
.h1_box {height:60px;position:relative}
.h1_box h1 {padding-top:10px;text-align:center; }
.h1_box h1 img{ margin-left:-20px}
.btn_triangle_down {
	height:25px;
	margin-left:40px;
	padding:20px;
	position:absolute;
	left:1132px;
	top:82px;
	outline:none;
}
.triangle_down {width:20px;height:20px;position:absolute;left:10px;top:0px; background:url(../images/main/top_down.png) no-repeat 0px 10px;outline:none;/*border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #000;*/}
.triangle_up {width:20px;height:20px;position:absolute;left:10px;top:0px; background:url(../images/main/top_up.png) no-repeat 0px 10px;outline:none;/*border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:5px solid #000;*/}
.D-daybox{ width:15px; font-size:13px; line-height:20px;  padding:2px 4px 2px 4px; margin-right:5px;*-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;color:#fff;border-radius:5px;background:#149b99; color:#fff;  text-align:center; font-weight:600; display:inline-block; font-family:Tahoma, Geneva, sans-serif}
.daybox{ width:15px; font-size:13px; line-height:20px;  padding:2px 4px 2px 4px;*-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;color:#fff;border-radius:5px;background:#fff; color:#666;  text-align:center; font-weight:600; display:inline-block; font-family:Tahoma, Geneva, sans-serif}

/*상단아이콘들1904*/
.h1_box div.nav{padding:11px 15px 15px 15px;cursor:pointer;outline:none;}
.h1_box div.menu{position:absolute;top:0;left:0;outline: none;}
.h1_box div.service{position:absolute;top:0;right:0;outline: none;}
.h1_box div.member{position:absolute;top:0;right:0;outline: none;}
.h1_box div.member_re{position:absolute;top:0;right:0;outline: none;}/*right:40px;*/
.h1_box div.logout{position:absolute;top:0;right:35px;outline: none;}/*right:75px;*/
.h1_box div.ask{position:absolute;top:0;right:0;outline: none;}

.h1_box div.login_b{position:absolute;top:0;right:35px;outline: none;}
.h1_box div .button{text-indent:-999px;overflow:hidden; cursor:pointer;outline: none;}
.h1_box div.menu .button{width:120%;height:120%;background:url(../images/main/all_icon.png) no-repeat  ;border:0;background-size:100%; background-position:50% 32%;outline: none;}
.h1_box div.menu .button_close{width:120%;height:120%;background:#fff; border:0;outline: none;}
.h1_box div.member .button{width:120%;height:120%;background:url(../images/main/m_icon.png) no-repeat  ;border:0;background-size:100%; background-position:50% 32%;outline: none;}
.h1_box div.member_re .button{width:120%;height:120%;background:url(../images/main/mre_icon.png) no-repeat  ;border:0;background-size:100%; background-position:50% 32%;outline: none;}
.h1_box div.logout .button{width:120%;height:120%;background:url(../images/main/logout_icon.png) no-repeat  ;border:0;background-size:100%; background-position:50% 32%;outline: none;}
.h1_box div.login_b .button{width:120%;height:120%;background:url(../images/main/log_icon.png) no-repeat  ;border:0;background-size:100%; background-position:50% 32%;outline: none;}
.h1_box div.ask .button{width:120%;height:120%;background:url(../images/main/ask_icon.png) no-repeat  ;border:0;background-size:100%; background-position:50% 32%;outline: none;}



/*학원소개*/
.sp_t{ width:100%; min-height:50px; overflow:hidden;}
.sp_t .stxt{ margin:10px 10px 10px 15px; position:absolute }
.sp_t .stxt .tit{ font-size:18px; line-height:15px;  font-family:"notokr-bold"; color:#333333; margin-bottom:5px}
.sp_t .stxt .tit_one{ font-size:17px; line-height:20px;  font-family:"notokr-bold"; color:#2c7d77; margin-bottom:3px; padding-top:10px; background:url(../images/sub/one_icon.png) no-repeat 0px 5px; background-size:10px; }
.sp_t .stxt .txt{ font-size:13px; color:#666; font-family:"notokr-medium"; }



/*서브메뉴*/
.subtit{ width:100%; text-align:left; height:50px; line-height:51px; background:#f6f6f6; font-size:17px;font-family:"notokr-bold"; border-bottom:1px solid #CCC; color:#058356}
.subtit span{ padding:0 20px}
.submenu {width:100%;  background:#fff; position:relative; border-bottom:1px solid #0ca56f; z-index:1;}
.submenu img { width: 26px; height:20px; }
.cf:after{ content:""; display:block; clear:both;}

.here { width:100%; height:50px;line-height:35px; display:block; float:left; padding:7px 0 0 0; font-size:1.1em; color:#333; font-weight:bold; letter-spacing:-0.5pt; background:url(../images/sub/sub_view.png) no-repeat; background-size: auto 25%; background-position:95% 60%; position:relative; box-sizing:border-box;}

.hereup{ width:100%; height:50px; line-height:35px; display:block; float:left; padding:7px 0 0 0; font-size:1.1em; color:#333; font-weight:bold; letter-spacing:-0.5pt; background:url(../images/sub/sub_up.png) no-repeat; background-size: auto 25%; background-position:95% 55%; position:relative; box-sizing:border-box;}
.here:hover{ border:none;}
.hereup:hover{ border:none;}

.submenu2{ width:100%; position:relative; margin-top:-2px; padding:0;}
.submenu2 ul {background:#f2f3f3;}
.submenu2 li{ width:100%; height:40px; line-height:20px; border-bottom:1px solid #ccc; box-sizing:border-box;}
.submenu2 li a{height:40px;line-height:20px;  margin:0 auto; padding:10px 0 8px 20px; font-size:0.9em; font-weight:normal; display:block; color:#666; /*background:url(../re_img/school/sub_view.png) no-repeat ; background-size: auto 70%; background-position:5% 50%;*/ box-sizing:border-box;}
.submenu2 li a:hover{ border:none;}
.submenu2 .on{ background:#666; }
.submenu2 .on a{ color:#fff; font-weight:bold;}

/*메뉴탭*/

.menu_nav {background: #f7f7f7;overflow:hidden}
.menu_nav ul {width:100%;border-bottom:1px solid #d0d1d1;border-top:1px solid #d0d1d1;padding:0 5px;display:table}
.menu_nav ul li {height:40px;text-align:center;display:table-cell;font-family:"notokr-medium";}
.menu_nav ul li a {line-height:40px;font-size:13px;/*font-size:14px;*/display:block;letter-spacing:-1px;}
.menu_nav ul li.active a {border-bottom:2px solid #009ace;color:#009ace}
.m_navline{ background:url(../images/main/line_02.png) no-repeat 1px 14px}
.m_navline:first-child{ background-image:none}



.swiper-container-horizontal>.swiper-pagination-progress{ position:inherit; left:inherit; top:inherit; height:0.2rem;}




.btn_more {background-position:0 0;width:50px;height:50px;position:absolute;left:0;top:5px}
.btn_event {background-position:0 -55px;width:50px;height:50px;position:absolute;right:0;top:5px}
.btn_event .evt_point {background-color:#109aa3;width:20px;height:20px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;text-align:center;padding-top:1px;font-weight:bold;color:#fff;display:inline-block;position:absolute;right:5px;bottom:7px;font-size:0;}
.btn_event .evt_point span{vertical-align:middle;font-size:0.75rem;/*font-size:11px;*/line-height:18px;}
.btn_event > span .evt_plus{vertical-align:middle;font-size:0.65rem;}



/*직렬메인 롤링배너1904*/
.main_slide .bx-wrapper .bx-viewport .bxslider li a,
.bottom_slide .bx-wrapper .bx-viewport .bxslider li a,
.login_bnr .bx-wrapper .bx-viewport .bxslider li a{position:relative;max-width:640px;margin:0 auto; }
.slide_end_day{position:absolute;top:6%;left:5%;z-index:3}
.slide_end_day > strong{display:block;padding:5px 12px;background:#fff;font-size:1rem;text-align:center;color:#333;vertical-align:middle}
.slide_end_day.bt_bn > strong{font-size:0.8rem}
@media screen and (min-width:320px) and (max-width:359px){
	.slide_end_day > strong{padding:5px;font-size:0.6rem}
	.slide_end_day.bt_bn > strong{padding:5px;font-size:0.6rem}
}
@media screen and (min-width:360px) and (max-width:448px){
	.slide_end_day > strong{font-size:0.7rem}
	.slide_end_day.bt_bn > strong{font-size:0.7rem}
}



.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
}

.bx-wrapper img {
	max-width: 100%;
	display:inline-block;
	width:100%;
}

/* bxslider */
.bx-wrapper{margin:0 auto!important;}
.bx-wrapper .bx-pager.bx-default-pager a{background: #fff;width: 8px;height: 8px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active
{background: #10713e;

	width: 50px;
	height: 10px;
	margin: 0 3px 0 3px;
	outline: 0;
	font-size:0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}



/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	/*
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border:  5px solid #fff;
	left: -5px;

	background: #fff;*/

	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
	
}
.bx-wrapper .bx-viewport li {
left:0;
}
.bx-wrapper .bx-viewport li a{
display:block;
text-align:center;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	width:100%;
	position: absolute;
	bottom:10px;
	left:0;
	
}

div#adslide .bx-wrapper .bx-pager, div#adslide .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 78px;
	width: 3%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	/*background: url(images/bx_loader.gif) center center no-repeat #fff;*/
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */
.bx-wrapper .bx-pager {
	text-align: center;
	/*font-size: .85em;*/
	line-height:0.7rem;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	/*padding-top: 20px;*/
}
div#adslide .bx-wrapper .bx-pager {
	font-size:0.8rem; /*font-size:12px;*/
}
div#csadslide .bx-wrapper .bx-pager {
	padding: 10px; !important;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 3px 0 3px;
	outline: 0;
	font-size:0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	/*background: url(images/controls.png) no-repeat 0 -32px;*/
}

.bx-wrapper .bx-next {
	right: 10px;
	/*background: url(images/controls.png) no-repeat -43px -32px;*/
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	/*background: url(images/controls.png) -86px -11px no-repeat;*/
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	/*background: url(images/controls.png) -86px -44px no-repeat;*/
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	/*text-align: left;
	width: 80%;*/
	text-align: center;
    width: 100%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption { 
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}
.bx-controls-auto{display:none;}
.bxslider li{/*display:none;*/}
.bxslider li:first-child{/*display:block;*/}

.bxslider-btn-skin1 .bx-controls-direction a{
margin-top:0;
}
.bxslider-btn-skin1 .bx-controls-direction{
	position: absolute;
	bottom: 25px;
	right: 0;
}
.bxslider-btn-skin1 .bx-controls-direction .bx-prev {
	left:-51px;
    width: 25px;
    height: 25px;
    background-image: url("../images/main/button2.png");
	background-position: 0 -236px;
}

.bxslider-btn-skin1 .bx-controls-direction .bx-next {
	left:-25px;
    width: 25px;
    height: 25px;
    background-image: url("../images/main/button2.png");
	background-position: -26px -236px;
}




/*중간배너1903*/
.main-bottom-swiper {position:relative; overflow:hidden;margin-top:5px;}
.main-bottom-swiper-wrap .swiper-bottom-cont {overflow:hidden; width:1000%;}
.main-bottom-swiper-wrap .swiper-bottom-cont > li {float:left; font-size:0; line-height:0;}
.main-bottom-swiper-wrap .swiper-bottom-cont > li img {width:100%;}

.main-tab-cont {display:none; padding:10px;}
.swiper-pagination{position:absolute;text-align:center;-webkit-transition:3s;-moz-transition:3s;-o-transition:3s;transition:3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10;}.swiper-pagination.swiper-pagination-hidden{opacity:0}
		
.swiper-bottom-pagination{ position:absolute; text-align:center; width:100%; top:70%; display: none;}/*불릿 위치*/




/*직렬카테고리아이콘들*/
.icon_box{  width:100%; position:relative; height:auto; background:#FFF; overflow:hidden; border-bottom:1px solid #d9d9d9}  

.main_conbanner {border-top:1px solid #dcdcdc;}
.main_conbanner ul {display:table;width:100%;margin-left:-1px;}
.main_conbanner li {float:left;width:25%;height:88px;text-align:center;border-top:1px solid #dcdcdc; background:url(../images/main/line_03.png)repeat-y right center}
.main_conbanner li:nth-of-type(4n) {width:25%}
.main_conbanner li:nth-of-type(1),
.main_conbanner li:nth-of-type(2),
.main_conbanner li:nth-of-type(3),
.main_conbanner li:nth-of-type(4) {border-top:0;}
.main_conbanner li a {position:relative;display:block;width:100%;height:26px;padding-top:62px;font-size:13px;font-weight:bold;color:#232928;background: url(../images/main/sp_maincon.png) no-repeat center top;background-size:80px auto}
.main_conbanner li a:hover,
.main_conbanner li a:focus,
.main_conbanner li a:active {color:#fff;background:#0ca56f url(../images/main/sp_maincon_on.png) no-repeat center top;background-size:80px auto}
.main_conbanner li:nth-of-type(1) a {background-position:center 0;}
.main_conbanner li:nth-of-type(2) a {background-position:center -100px}
.main_conbanner li:nth-of-type(3) a {background-position:center -200px}
.main_conbanner li:nth-of-type(4) a {background-position:center -300px}
/*.main_conbanner li:nth-of-type(5) a {background-position:center -400px}
.main_conbanner li:nth-of-type(6) a {background-position:center -1000px}
.main_conbanner li:nth-of-type(7) a {background-position:center -600px}
.main_conbanner li:nth-of-type(8) a {background-position:center -700px}*/

.main_conbanner li.pass a {background-position:center -1100px !important}
.main_conbanner li:nth-of-type(1) a:hover,
.main_conbanner li:nth-of-type(1) a:focus,
.main_conbanner li:nth-of-type(1) a:active {background-position:center 0;}
.main_conbanner li:nth-of-type(2) a:hover,
.main_conbanner li:nth-of-type(2) a:focus,
.main_conbanner li:nth-of-type(2) a:active {background-position:center -100px}
.main_conbanner li:nth-of-type(3) a:hover,
.main_conbanner li:nth-of-type(3) a:focus,
.main_conbanner li:nth-of-type(3) a:active {background-position:center -200px}
.main_conbanner li:nth-of-type(4) a:hover,
.main_conbanner li:nth-of-type(4) a:focus,
.main_conbanner li:nth-of-type(4) a:active {background-position:center -300px}


.main_conbanner li.pass a:hover,
.main_conbanner li.pass a:focus,
.main_conbanner li.pass a:active {background-position:center -1100px !important}

.main_conbanner li a .new {display:block;position:absolute;top:-1px;right:-2px;width:33px;height:18px;background: url() no-repeat 0 0;background-size:33px auto;}


/*중간배너*/
.main_row01{position:relative; overflow:hidden;}
.main_row01 li{ float:left; overflow:hidden; width:100%; margin-bottom:2px; margin-top:5px}
.main_row01 li img{ width:100%}


/*메인작은배너2*/

.banner_list { padding:2%; overflow:hidden;}
.banner_list ul{ width:100%}
.banner_list li .small{float:left; display:inline-block; border:1px solid #b5b5b5; background:#fff; width:48.8%; text-align:center; margin-right:0.5%; margin-bottom:1%; border:1px solid #CCC}
.banner_list li .small.right {float:right; margin-right:0px;border:1px solid #b5b5b5; background:#fff; width:48.8%; text-align:center;  margin-bottom:1%; border:1px solid #CCC }
.banner_list li .small img {display:block; width:100%;}



.b_nowon {width:100%; padding:0 3%; box-sizing:border-box;}
.b_nowon img {width:100%;}
.b_nowon li {width:48.5%; position:relative; float:left;}
.b_nowon li img {width:100%;}
.b_nowon_bene1 {width:50%; height:100%; position:absolute; top:0; left:0;}
.b_nowon_bene2 {width:50%; height:100%; position:absolute; top:0; right:0;}


/*메인수강신청*/
.ask_box{  width:100%; position:relative; height:auto; background:#f6f6f6; overflow:hidden;  margin-top:12px}  
.m_ask{ width:100%; padding:0 2%; box-sizing:border-box; display:inline-block}

.m_ask li {width:29.5%; position:relative; float:left; border:1px solid #CCC; padding:1% 1%; font-size:13px; color:#333333; text-align:center; background:#FFF; line-height:16px }
.m_ask li img {width:100%;}
.m_ask span{  font-family:"notokr-bold";}


/*종합반리스트/합격스토리*/

.center01{  width:100%; position:relative; height:auto; background:#FFF}
.h1_tit{ font-size:18px; font-family:"notokr-bold"; height:50px; line-height:50px; text-align:center}
.c_txt{ font-size:12px; text-align:center; height:30px; line-height:30px; border-top:1px solid #CCC; border-bottom:1px solid #CCC; width:100%}
.center04{  width:100%; position:relative; height:auto;}





/*공지사항*/
.center02{  width:100%; position:relative; height:auto; background:#FFF;padding-bottom:10px; overflow:hidden; border-bottom:1px solid #d9d9d9}
.notice { overflow:hidden; height:40px; position:relative; border-bottom:1px #d1d2d6 solid; border-top:1px #d1d2d6 solid; line-height:40px}
.notice .title {font-size:16px; font-family:"notokr-bold"; letter-spacing:-1px; position:absolute; top:0; left:15px}
.notice .txt{font-size:11px; letter-spacing:-1px; position:absolute; top:34px; left:15px; color:#999999}
.m_more {right:15px; position:absolute; top:3px; text-align:right;}
.m_more img {width:70%;}
.notice_tbl{ width:100%; border-collapse:collapse;}
.notice_tbl th{ width:25%; padding:6px 0 6px 15px; text-align:left; color:#666; font-weight:600; font-size:12px; line-height:13px}
.notice_tbl td{padding:6px 10px 6px 10px; color:#666; text-align:left;font-size:14px; line-height:18px;font-weight:500}
.reply{background:url(../images/main/re_icon.png) no-repeat 1px 5px;background-size:30px 12px; width:100%; }
.reply .tit{ width:80%; margin-left:33px;}

/*메인타이틀 공통으로 씀*/
.m_tit { overflow:hidden; height:25px; position:relative; line-height:35px}
.m_tit .title {font-size:16px; font-family:"notokr-bold"; letter-spacing:-1px; position:absolute; top:0; left:15px}
.m_tit .txt{font-size:11px; letter-spacing:-1px; position:absolute; top:34px; left:15px; color:#999999}


/*메인아이콘하단_190315*/
.icon_service {position:relative; bottom:0;  width:100%; z-index:500}
.servicelist {overflow:hidden; }
.servicelist li {float:left;width:25%; background:#eeeeee; background:url(../images/main/line_03.png)repeat-y right center}
.servicelist li+li+li+li+li {border-bottom-color:#ccc}
.servicelist li a {display:block;width:100%;text-align:center;padding:55px 0 13px; background:no-repeat center 10px; background-size:45px 40px; font-size:13px; font-weight:600}
.servicelist li:nth-child(5n+1) a {border-left:none}
.servicelist li.ico01 a { color:#333333; background-image:url(../images/main/i_img05.png)}
.servicelist li.ico02 a {color:#333333;  background-image:url(../images/main/i_img06.png)}
.servicelist li.ico03 a { color:#333333;  background-image:url(../images/main/i_img07.png)}
.servicelist li.ico04 a {color:#333333; background-image:url(../images/main/i_img08.png)}




/*포토게시판리스트*/
.center03{  width:100%; position:relative; height:auto; background:#FFF;padding-bottom:10px; overflow:hidden;}
.h1_tit03{ font-size:18px; font-family:"notokr-bold"; height:45px; line-height:60px; text-align:center}
.rec_box {
  position: relative;
  height: auto;
  overflow: hidden;
  padding:0 5px 0 5px}





/*nowopen_작은롤링배너*/

#main_banner_wrap{
    position: relative;
   
}

#main_banner_wrap img{
    width: 100%;
}

#main_banner_wrap > #main_banner_info{
    position: absolute;
    bottom:5px;
    right: 0px;
    
    line-height: 28px;
}

#main_banner_wrap > #main_banner_info > #btn_show_all_banner{
    width: 50px;
    float: right;
    margin-left: 8px;
	margin-right:10px;
	
    vertical-align: bottom;
	background-color:#333;
	opacity:0.8;
	font-size:14px;
	line-height:20px;
	font-weight:600;
	color:#FFF;
	padding:3px 4px 7px 9px;
	height:20px;
	border-radius:2em;
}

#main_banner_wrap > #main_banner_info > #main_banner_pager{
    color: #2f353a; margin-bottom: -3px;
    float: right;
   opacity:0.8;
	font-size:11px;
	line-height:20px;
	font-weight:600;
	color:#FFF;padding:2px 9px 2px 9px;background-color:#333;
}

#main_banner_wrap > #main_banner_info > #main_banner_pager > #main_cur_page{
    font-weight: bold;font-family:tahoma;
}
#main_banner_wrap > #main_banner_info > #main_banner_pager > #main_total_page{
    font-weight: bold; font-family:tahoma;
}


#main_banner_wrap > #main_banner img{
    vertical-align: top;
    width: 100%;
}
.classRec
 {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

 .classRec img
{
  position: relative;
  left: 1px;
  top: 0;
  display: block;
   width:75%;
   margin:0 auto
}

/*테이블*/
.list_tbl{ width:100%; border-top:solid 1px #ece5e0; border-left:solid 1px #ece5e0; border-right:solid 1px #ece5e0;border-collapse:collapse; position:relative}
.list_tbl th{ border-bottom:solid 1px #ece5e0; border-right:solid 1px #eee; background:#f6f5f5; padding:6px 0 6px 15px; text-align:left; color:#333; font-family:"notokr-medium"; font-size:14px; line-height:13px}
.list_tbl .th_c{ text-align:center; }
.list_tbl .th_tit{ text-align:center; padding:7px 6px 9px 6px; background:#f5f6f7; color:#666; font-size:14px; border-top:2px solid #666; border-bottom:1px solid #666;font-family:"notokr-medium"; line-height:18px}
.list_tbl td{border-bottom:solid 1px #ece5e0; padding:6px 10px 6px 10px; color:#666; text-align:justify;font-size:12px;}
.list_tbl .td_txt{ text-align:center; padding:7px 6px 9px 6px;font-size:13px;font-family:"notokr-medium"; line-height:19px }
.list_tbl .td_left{ text-align:left; padding:7px 6px 9px 6px;font-size:14px; line-height:19px; color:#444444 }
.list_tbl .td_center{ text-align:center; padding:7px 6px 9px 6px;font-size:14px; line-height:19px; color:#444444 }
.list_tbl .thfb{ font-size:12px; font-weight:600; padding:8px 0 8px 0; text-align:center}
.list_group{ width:100%; overflow:hidden; }
.list_tbl .td_arr{ position:relative}
.list_tbl .tdba{
	line-height:18px;
	/* [disabled]font-size:13px; */
	overflow:hidden;
	padding:6px 10px 8px 10px;
	font-family:"notokr-medium";
}
.list_tbl .revi{ line-height:18px; font-size:13px; overflow:hidden; padding:6px 10px 8px 10px; font-family:"notokr-medium";}
.list_tbl .rline{border-right:solid 1px #ece5e0;}
.list_tbl .ba_y { background:#fefce3}
.list_tbl .ba_0c { background:#e5efef}
.list_tbl .bookBtn{font-size:11px; font-weight:600; background:#fff; color:#666; padding:5px 7px; height:23px; line-height:23px;  border:1px solid #999; }
.list_tbl td .Btn_end{font-size:10px; font-weight:600;  background:#246c8e; color:#fff; padding:5px 5px; height:23px; line-height:23px; border:1px solid #246c8e}
.list_tbl td .Btn_ing{font-size:9px; font-weight:600; background:#00b5d2; color:#fff; padding:5px 3px; height:23px; line-height:23px; border:1px solid #00b5d2; letter-spacing:-1px}
.list_tbl .td_14{ font-size:14px; font-family:"notokr-medium"; padding:10px 10px 10px 10px; text-align:center; line-height:18px}

/*리스트보기등등공통*/
.more_box{ width:100%; position:relative; height:auto; margin-top:10px}
.more_box .more{ width:89%; border:1px solid #d2d2d2; text-align:center; padding:14px; font-size:12px; line-height:12px; margin:0 auto; background:#fff; font-family:'NotoSansKR-Light'}


.more_box1{ width:100%; position:relative; height:auto;}
.more_box1 .more{ width:100%; border-bottom:1px solid #d2d2d2; text-align:center; padding:14px; font-size:12px; line-height:12px; margin:0 auto; background:#fff; font-family:'NotoSansKR-Light'}



/**/
.lec_box {padding:20px 10px 10px 10px;}


.chk_l {display: inline-block; width: 100%; overflow:hidden}
.chk_l span { float: left; width: 50%; position: relative }
.chk_l span.tour{width: inherit;}
.chk_l span.tour a{font-size:13px; margin-top: 10px; display:inline-block; color: #e3473d; padding-right: 24px;}
.chk_l .i_Cb { z-index: 100; top: 1px; left: 2px; height: 24px; border: none; opacity: 0; color: #333; cursor:pointer }
.chk_l label { display: inline-block; position: absolute; height: 26px; padding-left: 31px; top: 0; left:0;  line-height:20px; color: #777; background: url(../images/sub/c_checkbox_off.png) no-repeat; background-size:20px 20px;cursor:pointer }
.chk_l .i_Cb:checked +label { background: url(../images/sub/c_checkbox_on.png) no-repeat; background-size:20px 20px;}



/* 쌤리스트1903 */



.tchPrf {display:block; width:100%; padding-bottom:40%; position:relative; overflow:hidden; border-bottom:solid 1px #ddd;}
.tc_btn{ margin-top:70px; margin-left:20px; line-height:30px; width:70%; position:absolute; }
.tc_btn .sample{font-size:0.9rem;font-family:"notokr-medium";  position:absolute; left:0px; background:#fff; color:#FF0000; border:1px solid #FF0000; padding:2px 13px;  line-height:25px; top:10px;   height:25px; text-align:center;z-index:90; border-radius:5px}
.tc_btn .sample a{ color:#F00}
.tc_btn .class{font-size:0.9rem; font-family:"notokr-medium"; position:absolute; left:96px; background:#fff; border:1px solid #666; padding:2px 10px; line-height:25px; top:10px; color:#666; width:60px; height:25px;text-align:center;z-index:90;border-radius:5px}
.tc_btn .class a{ color:#666}

.tchPrf > div {position:absolute; left:0; right:0; top:0; bottom:0;}
.tchPrf > div > div {display:table; width:100%; height:100%;}
.tchPrf > div > div > div {display:table-cell; width:100%; padding-left:20px; padding-top:20px}
.tchPrf h5 {font-family:"notokr-medium"; font-size: 13pt;    letter-spacing: -0.025em;    color: #333;    font-weight: 400;    text-transform: uppercase;    line-height: 1.0em;	margin-bottom:10px;}
.tchPrf h5:after {content:""; display:block; width:30px; height:30px; position:absolute; left:15px; bottom:10px; background:url(../images/sub/t_btn.png)no-repeat 2px 2px; background-size:25px}
.tchPrf h6 {font-size:11pt; font-weight:600;}
.tchPrf p {font-size:12pt; font-weight:600;}
.teacherList li .tchPrf p:before {display:inline-block; padding:3px 6px; margin-right:4px; margin-top:-4px; vertical-align:middle; background:#58a97e; color:#fff; font-size:8pt; font-weight:400;border-radius:5px}
.teacherList li.gn .tchPrf p:before {content:"7.9급공무원";}
.teacherList li.gun .tchPrf p:before {content:"군무원";}
.teacherList li.sc .tchPrf p:before {content:"소방공무원";}
.teacherList li.ic .tchPrf p:before {content:"교원임용";}

.teacherList{padding-top:15px;}
.tchPrf img {position:absolute; right:0px; top:0px; height:105%;}

.teacherCareer {background:#efeff0; padding:0 15px 20px;}
.teacherCareer h4 {font-size:12pt; letter-spacing:-0.06em; padding-bottom:5px; border-bottom:solid 1px #aaa; font-weight:500; padding-top:20px;}
.teacherCareer ul {margin-top:15px; color:#fff; text-align:left}
.teacherCareer ul li {color:#333; font-size:10pt; letter-spacing:-0.04em; text-align:left; position:relative; padding:2px 0; padding-left:10px;}
.teacherCareer ul li:before {content:""; display:block; width:2px; height:2px; background:#333; position:absolute; left:0; top:9px;}
.teacherThumb {display:block; border-bottom:solid 1px #555;}




/*메인강사롤링*/
.section_type7 {padding:10px 0 10px 10px}

.category_swiper{}
.category_swiper .category_swiper_in{white-space:nowrap;overflow-y:hidden;overflow-x:scroll;-webkit-overflow-scrolling:touch;-webkit-scroll-snap-type:mandatory;scroll-snap-type:mandatory;position:relative}
.category_swiper .category_swiper_in .swiper_list{display:inline-block;}
.category_swiper .category_swiper_in .swiper_list a {text-align:center;display:block;white-space:nowrap}
.category_swiper .category_swiper_in .swiper_list a.active {font-weight:bold;border-bottom:2px solid #109aa3;color:#109aa3}

.category .shadow {
	width:30px;height:45px;position:absolute;right:0;top:0;z-index:10;
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.99) 99%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.99) 99%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.99) 99%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 )
	}
.teacher .tit {;white-space:normal;letter-spacing:-0.1rem;font-size:14px;line-height:1.3rem;font-weight:bold;color:#5e5e5e;position:absolute;left:7px;top:20px;word-wrap:normal; text-align: left}
.teacher .tag {width:38px;height:15px;background-color:#fff;/*-moz-border-radius:19px;-webkit-border-radius:5px;border-radius:19px;*/color:#666;border-radius:20px;background:#fff;margin-right:3px; letter-spacing:-0.5px; font-weight:bold; border:1px solid #999;text-align:center;margin:0 2px 0 0;font-size:11px; /*font-size:11px;*/line-height:12px;display:table;position:absolute;left:5px;bottom:20px; padding:2px 5px;}
.teacher .tag .inner {display:table-cell;vertical-align:middle}
.teacher .name {font-size:0.8rem; /*font-size:12px;*/font-weight:bold;position:absolute;left:5px;bottom:35px}
.teacher .explan {font-size:0.65rem; /*font-size:11px;*/line-height:0.7rem;color:#ababab;overflow:hidden;position:absolute;left:5px;bottom:3px;word-break:break-all;white-space:initial;}
.fc_point{ font-size:11px; text-align:center; padding-top:3px}
.tit_line{ border-bottom:1px solid #c3c2c2; font-size:14px; font-weight:600; margin-bottom:3px}
.teacher .category_swiper .category_swiper_in{}
.teacher .category_swiper .category_swiper_in .swiper_list{position:relative;width:30%; border:1px solid #e9e9e9;text-align:right;}

@media all and (min-width:630px) and (max-width:740px){
	.teacher .tit{font-size:1rem;left:10px;top:10px;line-height:1.5rem;}
}
@media all and (min-width:741px) and (max-width:1200px){
	.teacher .tit{font-size:1.2rem;left:10px;top:10px;line-height:1.6rem;}
	.teacher .tag{font-size:1rem;line-height:1.1rem;width:48px;height:48px;-moz-border-radius:23px;-webkit-border-radius:23px;border-radius:23px;}
	.teacher .name{left:8px;font-size:1rem;line-height:1.1rem;}
}

/**/


.br_top--more{position: absolute;right:0;bottom:0;z-index: 3;width:4.42rem; padding:2px 9px 2px 3px; line-height: 20px;overflow: hidden;text-align: center;box-sizing: border-box;padding-right: 1.6rem;color:#fff;font-size:11px; font-family:tahoma}

.br_top--more::after{content: '';position: absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,5); opacity:0.6;z-index: -1;}
.br_top--more a{position: absolute;right:0;top:0;width:36.2%;height:100%;background:#000;}
.br_top--more a::before{content: '';display: block;height:calc(50% - 1px);position: absolute;top:0;left:25%;right:25%;border-bottom: 1px solid #fff;}
.br_top--more a::after{content: '';display: block;width:50%;position: absolute;left:0;top:25%;bottom:25%;border-right: 1px solid #fff;}
.br_top--more3{padding-right: 0;text-align: center;color:#3f3f3f}
.br_top--more3::after{background: none}
.swiper-pagination-current{font-weight: bold;}

.main_ban-sub01{ margin:1rem 0 0 0; }
.main_ban-sub01 img{ width:100%; }
.main_ban-sub01 .swiper-container2 {
    width: 100%;
    height: 100%;
}
.main_ban-sub01 .swiper-slide {
    text-align: center;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-button-prev2, .swiper-button-next2{
    z-index: 10;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
}

.swiper-button-prev2{
content:"";
display: block;
width:1rem;
height:1rem;
border-top:0.3rem solid #fff;
border-right:0.3rem solid #fff;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
position: absolute;
left:1rem;
top:50%;
margin-top:-0.5rem;
opacity: 0.2;
}

.swiper-button-next2{
content:"";
display: block;
width:1rem;
height:1rem;
border-top:0.3rem solid #fff;
border-right:0.3rem solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
right:1rem;
top:50%;
margin-top:-0.5rem;
opacity: 0.2;
}

.more_wrap{width:100%;position: relative;margin:0 auto;}
.main_swiper .more_wrap{max-width:657px; width:100%; }
.ly_top---more{position: fixed;left:0;top:0;right:0;bottom:0;z-index:10000;display: none;overflow-y: auto;text-align: center}
.ly_top---more h3{position: absolute;left:0;right:0;top:2.7%;text-align: center;color:#fff;font-size:1.2rem;font-weight: normal}
.ly_top---more::after{content:'';position: fixed;left:0;top:0;right:0;bottom:0;background: #000;opacity:0.9;z-index: -1;}
.ly_top---more>a>img{width:100%;display:block;max-width:640px;margin:0 auto}
.ly_top--btn{text-align: right;padding:1.4rem 2rem;position: relative}
.ly_top--btn img{width:3.8%}
.main_ban-sub3{position: relative}


/*학원정보일정*/
.p_info { width:100%;position: relative;margin:0 auto;}
.p_info .call {padding:10px 15px 20px 15px; background:#fff; overflow:hidden; }
.p_info .call .t50{ width:50%; float:left}
.p_info .call .t50 .time{ width:80%; float:left; margin-top:5px; margin-left:50px} 
.p_info .call .t50 .time li{font-size:12px; color:#666666; text-align:left; display: block  }
.p_info .call .t50 .timetit{ position:absolute; top:18px; font-size:12px; color: #333; line-height:15px; font-weight:600;  padding-right:10px; width:42px}
.p_info .call .t50 .time span{ font-family:Tahoma, Geneva, sans-serif}

.p_info .call .b50{ width:50%; float:right}
.p_info .call .b50 .bank{ width:80%; float:left; margin-top:5px;margin-left:50px} 
.p_info .call .b50 .bank li{font-size:12px; color:#666666; text-align:left; display: block  }
.p_info .call .b50 .banktit{ position:absolute; top:18px; font-size:12px; color: #333; line-height:15px; font-weight:600;  padding-right:10px; width:42px}
.p_info .call .b50 .bank span{font-family:Tahoma, Geneva, sans-serif}

/*서브페이지*/
.sub_center{  width:100%; position:relative; height:auto; background:#FFF;padding-bottom:10px; overflow:hidden; }
.sub_center .topimg{ width:100%; height:auto; min-height:120px; overflow:hidden; border-bottom:1px solid #d9d9d9}

.sub_center .topimg .wtxt{ margin:30px 0 10px 15px; position:absolute }
.sub_center .topimg .wtxt .tit{ font-size:18px; line-height:25px;  font-family:"notokr-bold"; color:#333333; margin-bottom:5px}
.sub_center .topimg .wtxt .tit_one{ font-size:21px; line-height:25px;  font-family:"notokr-bold"; color:#333333; margin-bottom:5px; padding-top:15px; background:url(../images/sub/one_icon.png) no-repeat 1px 5px; background-size:10px; }
.sub_center .topimg .wtxt .txt{ font-size:14px; color:#666; font-family:"notokr-medium"; }



/*회원헤택*/

.num_info { width:100%;position: relative;margin:0 auto;}
.num_info .box {padding:5px 15px 10px 5px; background:#fff; overflow:hidden; }
.num_info .box .list{ width:89%; float:left; margin-top:5px; margin-left:40px} 
.num_info .box .list li{font-size:14px; color:#666666; text-align:left; display: block;font-family:"notokr-medium";  }
.num_info .box .listtit{ position:absolute; top:13px; font-size:12px; width:28px;height:28px;background-color:#fff;*-moz-border-radius:19px;-webkit-border-radius:19px;border-radius:19px;color:#fff;border-radius:20px;background:#2c7d77; line-height:28px; text-align:center; font-family:tahoma; font-weight:600}


.time_tit{ width:100%; position:relative; margin:0 auto}
.time_tit .num{height:40px; line-height:40px; font-size:18px; font-weight:600;font-family:"notokr-bold"; text-align:center;border:1px solid #999;border-radius:20px; width:70%; margin:0 auto}




/*페이지버튼탭*/
.page_tap{width:100%; height:100%; position:relative; margin-bottom:20px; }
.page_tap ul{width:100%; height:100%; position:relative; border-top:1px solid #ccc; border-left:1px solid #ccc;}
.page_tap li a{width:50%; position:relative; float:left; padding:10px 0; color:#333; text-align:center; border-bottom:1px solid #ccc; border-right:1px solid #ccc;background:#fff; box-sizing:border-box; font-size:14px}
.page_tap .on{font-weight:bold; color:#fff; border-bottom:1px solid #12703e; border-right:1px solid #12703e;  background:#12703e; box-sizing:border-box;}
.page_tap li .line{border-left:1px solid #ccc; }

.slideshow_wrap {width:100%; margin:0 auto;}
.slideshow_wrap .slideshow { position:relative; width:100%; height:200px; overflow:hidden; border:1px solid #CCC; }
.slideshow_wrap .thumbs {display:inline-block; width:100%; overflow:hidden;}
.slideshow_wrap .thumbs li { width:20%;height:50px; margin-top:3px;border:1px solid #CCC; overflow:hidden }


/**시설안내1904**/
.locaCont {padding-top:15px;}
.locaTable {padding:15px;}
.locaTable table {width:100%; border-top:solid 1px #bababa; border-bottom:solid 1px #bababa;}
.locaTable table tr {border-bottom:solid 1px #dcdcdc;}
.locaTable table tr:last-child {border-bottom:none;}
.locaTable table th {color:#212121; letter-spacing:-0.07em; background:#f7f7f7;border-bottom:solid 1px #c9c8c8}
.locaTable table td {padding:11px 15px; color:#767676; letter-spacing:-0.06em; border-bottom:solid 1px #c9c8c8}
.locaTable table .line{ border-left:1px solid #CCC}
.joinlist {padding:3px 0; padding-left:0px; position:relative; font-family:Tahoma, Geneva, sans-serif; line-height:18px}
.joinlist em {
	font-style:normal; display:block; width:14px; height:14px; margin-right:5px; line-height:14px; position:absolute; left:0; top:50%; margin-top:-7px;
	border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; color:#fff; text-align:center; font-size:7pt; font-weight:500;}

.locaBus {padding:3px 0; padding-left:0px; position:relative; font-family:Tahoma, Geneva, sans-serif; line-height:18px}
.locaBus em {
	font-style:normal; display:inline-block; padding:1px 2px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;
	position:absolute; top:5px; left:0; font-weight:500; color:#fff; text-align:center; font-size:7pt; color:#fff;
}

.join_ra{border-radius:10px; background:#fff; border:1px solid #069; color:#069; padding:2px 5px; width:100%; text-align:center;"}



.faq_box{padding:10px 0;box-sizing:border-box; border-bottom:1px solid #d2d2d2;}
.faq_box select{width:100%;height:40px;border:1px solid #a2a2a2;text-indent:10px;border-radius:3px;background:#fff; padding-left:10px}



.f_item{overflow:hidden; float:left; width:50px; height:50px;  margin-right:7px; margin-top:-15px}
.file-face{width:100%; height:100%; background:url(../images/sub/file_p.png)no-repeat 0 -3px ;  font-size:0px}
.file-hidden{margin-bottom:-25px; margin-top:15px; opacity:0;}