@CHARSET "UTF-8";

@font-face {
    font-family: 'NanumSquare';
    src: url('/resources/fonts/nanumsquarer.eot');
    src: url('/resources/fonts/nanumsquarer.eot?#iefix') format('embedded-opentype'),
         url('/resources/fonts/nanumsquarer.woff2') format('woff2'),
         url('/resources/fonts/nanumsquarer.woff') format('woff'),
         url('/resources/fonts/nanumsquarer.ttf') format('truetype'),
         url('/resources/fonts/nanumsquarer.svg#nanumsquarerregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, details, figcaption, figure, dialog,
footer, header, hgroup, menu, nav, section {margin: 0; padding: 0; border: 0;box-sizing:border-box;}
article, aside, details, figcaption, figure, dialog,
footer, header, hgroup, menu, nav, section {display: block;}
html, body { height:100%; box-sizing: border-box;}
body {font-family: 'NanumSquare','맑은 고딕','Malgun Gothic','Apple SD Gothic Neo','돋움',dotum,sans-serif; color:#333; -webkit-text-size-adjust:none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
a:link {text-decoration: none; color:#404040; }
a:visited {text-decoration: none; color:#404040; }
a:hover { text-decoration: none; color:#404040; }
a:active { text-decoration: none;color:#404040; }
a:focus { text-decoration: none; color:#404040; }
select, input, textarea {font-size: 100%;vertical-align: top ; font-family: 'NanumSquare','맑은 고딕','Malgun Gothic','Apple SD Gothic Neo','돋움',dotum,sans-serif}
input {margin: 0;padding: 0;}
ol, ul {list-style: none;}
label {cursor: pointer;}
legend, caption {width: 0;height: 0; visibility: hidden; font-size: 0;line-height: 0;}
button {cursor: pointer;}
button:focus {outline: 1px dotted;}
img {vertical-align: top;}
input[type="button"] {cursor: pointer;}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
}

 input[type="button"],  input[type="text"]  {
 	 -webkit-appearance: none; 
 	 	-moz-appearance: none;
	     	 appearance: none;
	     	 }
input[type="text"] {border: solid 1px #dadada;}
	     	 
/* 배경색 */
/* body{background-color:#9FC93C;} */
body{
    background: url(/common/images/main_pattern.png);
}

#wrap {    
	position: relative;
    min-height: 100%;
    }
#container {    
	min-height:500px;
    }

a:link {text-decoration: none;color:#fff;}
a:visited {text-decoration: none;color:#fff;}
a:hover { text-decoration: none;color:#fff;}
a:active { text-decoration: none;color:#fff;}
a:focus { text-decoration: none;color:#fff;}

.tright {text-align:right  !important;}
.tcenter {text-align:center !important;}
.tleft {text-align:left !important;}

.mtop5 {margin-top:5px !important;}
.mtop10 {margin-top:10px !important;}
.mtop20 {margin-top:20px !important;}
.mtop50 {margin-top:50px !important;}
.mtop80 {margin-top:80px !important;}
.mtop100 {margin-top:100px !important;}

.pleft20 {padding-left:20px !important;}
.pright5 {padding-right:5px !important;}
.pd0 {padding:0 !important;}
.mg0 {margin:0 !important;}

.inblock {display:inline-block;}
.clear{clear:both;}

.w100p {width:100% !important;}
.w90p {width:90% !important;}
.w95p {width:95% !important;}

/*height*/
.h100 {height:100px !important;}
.h200 {height:200px !important;}
.h300 {height:300px !important;}
.h400 {height:400px !important;}


.lineh150 {line-height:150% !important;}



/*float*/
.fleft {float:left !important;}
.fright {float:right !important;}


/* 풋터 */
.web_footer {
	clear:both;
	width:100%;
	text-align:center;
	line-height:150%;	
	color:#fefefe;
	padding:20px 5px 10px 5px;
	background-color:#262832;
	font-size:12px;
	}
	

.web_footer ol li {display:inline-block;padding-right:3px;}
.web_footer ol li a {
	border:1px #ffffff solid;
	padding:5px 10px;
	color:#fefefe;
	border-radius:2px;
	}
	
.web_footer ul li {display:inline-block;padding-right:3px;}
.web_footer ul li::after{content: "|";padding:0 10px;}
.web_footer ul li:last-child::after{content: " ";padding:0 0 0 10px;}

.web_footer2 {
	clear:both;
	width:100%;
	text-align:center;
	line-height:150%;	
	color:#fefefe;
	padding:0px 10px 20px 10px;
	background-color:#262832;
	font-size:12px;
	}
.web_footer2 ul li {display:inline-block;padding-right:3px;}
.web_footer2 ul li::after{content: "|";padding:0 10px;}
.web_footer2 ul li:last-child::after{content: " ";padding:0 10px;}
.web_footer2:after{clear:both; display:block; content: "";}
.web_footer2 a {border:1px solid #FFF;padding:0.2em 0.5em;margin-left:1em;border-radius:3px;}

/*오시는길*/
.map_pop {width:100%;background-color:rgba(0,0,0,0.8);padding:30px 10px 10px 10px;position:fixed;top:0;left:0;bottom:0;z-index:100000;}
.map_pop > div {background-color:#3f4454;padding-bottom:10px;}
.map_pop .close {background-color:#545c77;color:#FFF;height:50px;font-size:16px;text-align:center;padding-left:50px;}
.map_pop .close span {display:inline-block;padding:12px 20px 0 20px;}
.map_pop .close a { display:inline-block;float:right;color:#262832;height:50px;width:50px;background-color:#545c77;text-align:center;font-size:0px;
		background-image:url(/resources/mobile/image/video_close.png);
		background-repeat:  no-repeat;
		background-position: center center;	
		background-size: 100% 100%;
	}


/*약관*/
.div_txtarea_h {
	width:100%;	
	/* height:400px; 제이쿼리에서 조정함 */
	overflow-y:auto;
	padding:20px;
	color:#4c4c4c;
	font-size:1em;
	white-space:pre-wrap;
	background-color:#FFF;
	border:1px solid #ddd;
	}
	
/*버튼사이즈*/
#pop_content input[type="button"] {width:50px;height:30px;margin-top:10px;}
.btn_small {width:50px;height:40px;font-size:11px;line-height:40px;}
.btn_small2 {width:70px;height:40px;font-size:11px;line-height:40px;}
.btn_medium  {width:45%;height:3em;font-size:1.1em;margin-top:3px;}
.btn_medium2  {width:30%;height:3em;font-size:1.1em;margin-top:3px;}
.btn_large {width:100%;height:45px;font-size:1.3em;margin-top:3px;}


/*버튼색상*/
.btn_lightgray {background-color:#f1f1f1;border:1px solid #c0c0c0;color:#333333;}
.btn_gray {background-color:#4c4c4c;border:1px solid #404040;color:#FFFFFF;}
.btn_orange {background-color:#f08200;border:1px solid #dc7700;color:#FFFFFF;}
.btn_blue {background-color:#11abdf;border:1px solid #0090c0;color:#FFFFFF;}
.btn_orange {background-color:#f08200;border:1px solid #dc7700;color:#FFFFFF;}
.btn_darkblue {background-color:#2e3f6c;border:1px solid #232f4d;color:#FFFFFF;}


a.dark_btn {
	display:block;
	background:#262832;
	border:1px solid #484b53;
	border-radius:5px;
	padding:15px;
	text-align:center;margin:10px;
	}
	

p.dark_btn {
	display:block;
	background:#262832;
	border:1px solid #484b53;
	border-radius:5px;
	padding:15px;
	text-align:center;margin:10px;
	}
	

/*그리드 페이징*/
[id$="_boardList"] .jqx-fill-state-pressed-metro a {color:#FFF;}
a.jqx-grid-pager-number {color:#333;}
a.jqx-fill-state-pressed {color:#FFF;}


/*페이지*/
.center {
    text-align: center;
}

.pagination {
    display: inline-block;
}

.pagination a {
	background-color:#262832;
    float: left;
    padding: 10px 16px;
    text-decoration: none;
    margin: 0 4px;
    height:40px;
    width:40px;
}

.pagination a.active {
    background-color: #63656f;
    color: white;
}

.pagination a:hover:not(.active) {background-color: #262832;}

/*상단*/
#header {/* position:fixed; */height:100px;width:100%;background-color:#262a38;min-width:1080px;top:0;/* z-index:10; */}
#header hl {width:553px;color:#fff;font-size:36px;text-align:center;padding:20px 10px 10px 10px;float:left;}
#header hl span {display:block;width:210px;color:#fbf066;font-size:18px;text-align:center;}
#header hl.logo {background:url(/resources/images/common/logo.png) no-repeat left;
			width:553px;
			float:left;
			padding-top:100px;
			
					}
#header ul {float:right;}
#header ul li {display:inline-block;width:150px;border-left:1px solid #585b66;height:100px;box-sizing: border-box;}
#header ul li a {display:inline-block;width:100%;height:100px;box-sizing: border-box;text-align:center;font-size:24px;padding-top:38px;opacity:0;}
#header ul li a:hover {font-size:24px;color:#fbf066;background:#262a38;padding-top:38px;opacity:1;}
#header ul li .on  {font-size:24px;color:#fbf066;background:#262a38;padding-top:38px;opacity:1;}

#header ul li.home {background:url(/resources/images/common/menu01_home.png) no-repeat center center;}
#header ul li.time {background:url(/resources/images/common/menu02_time.png) no-repeat center center;}
#header ul li.video {background:url(/resources/images/common/menu03_video.png) no-repeat center center;}
#header ul li.seminar {background:url(/resources/images/common/menu04_seminar.png) no-repeat center center;}
#header ul li.gallery {background:url(/resources/images/common/menu05_alltime.png) no-repeat center center;}
#header ul li.notice {background:url(/resources/images/common/menu06_login.png) no-repeat center center;}


/*메인*/

#content {width:1080px;margin:0 auto;min-height:922px}
#content .web_content {width:100%;/* padding-top:120px; *//* margin-bottom:20px; */}


/*타이틀*/


.main_box {color:#FFF;background-color:#505e8d;}
.main_box:after {clear:both; display:block; content: "";}
.main_box li {text-align:center;}

.main_box .video {display:block;width:800px;height:450px;background-color:#262a38;}
.main_box .lec_more {
	display:block;width:800px;float:left;background-color:#262a38;padding-top:10px;font-size:22px;
}

.main_box .pingpong {
	display:block;
	border-radius: 40px / 40px;
	border: 10;
	padding-top:230px;
	font-size:36px;
	width:358px;
	height:358px;
	background-image:url(/resources/mobile/image/pingpong.png);
	background-size:100%;
	}

.main_box .pocketball {
	display:block;
	border-radius: 40px / 40px;
	padding-top:250px;
	font-size:36px;
	width:358px;
	height:358px;
	background-color:#008000;
	background-image:url(/resources/mobile/image/pocketball.png);
	background-size:100%;
	background-repeat: no-repeat;
	}

.main_box .boardgame {
	display:block;
	border-radius: 40px / 40px;
	padding-top:150px;
	font-size:36px;
	width:358px;
	height:358px;
	background-color:#8080ff;
	background-image:url(/resources/mobile/image/boardgame.png);
	background-size:100%;
	opacity : 0.8;
	}
	
.main_box .gameconsole {
	display:block;
	border-radius: 40px / 40px;
	padding-top:150px;
	font-size:36px;
	width:358px;
	height:358px;
	background-color:#ffff00;
	background-image:url(/resources/mobile/image/gameconsole.png);
	background-size:100%;
	opacity : 0.8;
	}
	
.main_box .performanceroom {
	display:block;
	border-radius: 40px / 40px;
	padding-top:150px;
	font-size:36px;
	width:358px;
	height:358px;
	background-color:#8000ff;
	background-image:url(/resources/mobile/image/performanceroom.png);
	background-size:100%;
	opacity : 0.8;
	}
	
.main_box .karaokeroom {
	display:block;
	border-radius: 40px / 40px;
	padding-top:150px;
	font-size:36px;
	width:358px;
	height:358px;
	background-color:#ff8000;
	background-image:url(/resources/mobile/image/karaokeroom.png);
	background-size:100%;
	opacity : 0.8;
	}
	
.main_box .carrom {
	display:block;
	border-radius: 40px / 40px;
	padding-top:130px;
	font-size:36px;
	width:358px;
	height:358px;
	background-color:#ff97ff;
	background-image:url(/resources/mobile/image/carrom.png);
	background-size:100%;
	opacity : 0.8;
	}
	
.main_box .vrsports {
	display:block;
	border-radius: 40px / 40px;
	padding-top:150px;
	font-size:36px;
	width:358px;
	height:358px;
	background-color:#8000ff;
	background-image:url(/resources/mobile/image/vrsports.png);
	background-size:100%;
	opacity : 0.8;
	}

.main_box .band1 {
	display:block;
	border-radius: 40px / 40px;
	padding-top:130px;
	font-size:36px;
	width:358px;
	height:358px;
	background-color:#ff97ff;
	background-image:url(/resources/mobile/image/band1.png);
	background-size:100%;
	opacity : 0.8;
}

.main_box .timetable {
	display:block;
	padding-top:150px;
	font-size:36px;
	width:358px;
	height:358px;
	background-color:#505e8d;
	background-image:url(/resources/mobile/image/bgimg01.png);
	background-size:100%;
	}
	
.main_box .lab {
	display:block;
	padding-top:150px;
	font-size:36px;
	width:358px;
	height:358px;
	background-color:#1f212a;
	background-size:100%;
	}
.main_box .lab a {color:#1f212a;}
	
.main_box .gallery {
	display:block;
	width:250px;
	height:300px;
	background-color:#000;
	}
	
.main_box .gallery img{
	width:250px;
	height:300px;
	}	
.main_seminar {display:block;width:800px;height:125px;float:left;background-color:#3f4454;}

.main_seminar > ul > li {width:660px;display:inline-block;float:left;color:#FFF;padding-top:9px;padding-left:30px;padding-right:30px;}
.main_seminar > ul > li:first-child {
	width:140px;height:125px;
	display:inline-block;
	color:#fe9681;float:left;
	padding-top:50px;font-size:20px;
	background-color:#494d5d;
	padding-left:10px;padding-right:10px;
	}
.main_seminar > ul > li > ul li {display:inline-block;color:#FFF;float:left;pa}
.main_seminar > ul > li > ul li p {width:100px;padding:7px 10px;font-size:14px;}
.main_seminar > ul > li > ul li span {display:inline-block;height:30px;padding-top:5px;padding-left:7px;padding-right:7px;}
.main_seminar > ul > li > ul li a {
	display:inline-block;
	background:#262832;
	border-radius:5px;
	width:100px;
	padding:7px 10px;
	text-align:center;
	font-size:14px;
	}
.main_seminar > ul > li > ul li:last-child {float:right;}
.main_seminar p.red {background-color:#d15b44;display:inline-block;text-align:center;}
.main_seminar p.blue {background-color:#2175b6;display:inline-block;text-align:center;}
.main_seminar p.gray {background-color:#b3b7c1;color:#000000;display:inline-block;text-align:center;}


.main_notice {
	display:block;width:1080px;height:125px;float:left;
	/* background-image:url(/resources/mobile/image/notice_bg.png); */
}

.main_notice li {
	display:block;float:left;
}
.main_notice li:first-child {
	width:200px;height:125px;
	border-radius: 20px / 20px;
	background:url(/resources/images/common/menu06_notice.png) no-repeat center center;	
	background-color:#6a6e7c;
	padding-top:50px;
	font-size:20px;
}
.main_notice li:nth-child(2) {	
	width:700px;height:125px;
	padding-top:20px;
	padding-left:30px;
	padding-right:20px;
	text-align:left;
}
.main_notice li:nth-child(2) a {	
	display:block;
	padding-top:10px;
}
.main_notice li:nth-child(3) {	
	width:60px;height:125px;
	padding-top:40px;
	padding-left:30px;
	padding-right:30px;
	text-align:left;
	font-weight:normal;
}

.main_notice:after {clear:both; display:block; content: "";}
.main_notice span {float:right;font-size:50px;color:#6ae8f7;}

.main_notice span.date {display:block;float:right;font-size:14px;color:#fff;}
/* 
.main_notice p::after { 
						content: " + ";
						float:right;
						font-size:30px;
						
				}
				 */
				
				


/*서브*/
.subbox {text-align:center;}

.sub_select {width:100%;padding:7px 10px;border-bottom:1px solid #2e313c;}
.sub_select select {width:100%;color:#fff;background-color:#262832;border:1px solid #484b53;border-radius:3px;padding:10px 5px;margin-bottom:2px;}

/*수업시간표*/
.video_item {border-top:1px solid #424550;border-bottom:1px solid #2e313c;}
.video_item::after{clear:both; display:block; content: "";}
.video_item > li {padding:10px;display:inline-block;float:left;}
.video_item > li:first-child {width:35%;}	
.video_item > li:last-child {width:65%;}
.video_item p.teacher {width:100%;background-color:#262832;font-size:0.8em;text-align:center;}
.video_item a.item_ti {color:#d7e230;line-height:1.5em;}
.video_item ol {font-size:0.8em;line-height:1.5em;padding-top:10px;}
.video_item ol li::before {content: "- ";}
.play_icon {}
.odd {background-color:#3f4454;border-top:1px solid #494c57;}
.video_item:nth-child(odd) {background-color:#3f4454;}

/*시간표리스트*/

.time_list_box {width:1300px;height:700px; overflow-x: hidden;overflow-y: scroll;background-color:#4b505f;}
.time_list > li {background-color:#4b505f;float:left;width:50%;padding:10px 20px;color:#FFF;height:220px;overflow:hidden;}
.time_list > li:nth-child(2n) {background-color:#4b505f;float:right;border-left:1px #575d70 solid;}
.time_list > li:nth-child(4n) {background-color:#3f4454;}
.time_list > li:nth-child(4n-1) {background-color:#3f4454;}
.time_list li ol {width:310px;float:right;}
.time_list li ol li {padding:5px 0 0 0;}

.time_list li a.video {display:inline-block;text-align:center;font-size:0px;background-repeat:no-repeat;background-size:130%;background-position:center center;margin-bottom:15px;}

.time_list li ol p {padding:4px 0 0 0;}
.time_list li ol p::before {content: "- ";}
.time_list li ol li:first-child::before {content: "";}
.time_list li ol li:first-child {color:#d7e230;margin-bottom:10px;font-size:20px;margin-top:10px;}

/* .teacher_viedo .class_list li:first-child {width:40%;float:left;}
.teacher_viedo .class_list li:nth-child(2) {width:60%;float:right;padding:10px 10px 5px 0px;color:#d7e230;}
.teacher_viedo .class_list li p{font-size:11px;	}
.teacher_viedo .class_list li p::before {content: "- ";} 


.timelist_pop {width:100%;background-color:rgba(0,0,0,0.8);position:fixed;top:0;left:0;bottom:0;z-index:100000;}
.timelist_pop .close a {
		position:absolute;
		right:0;top:0;
		width:30px;height:30px;
		font-size:0px;		
		background-image:url(/resources/mobile/image/video_close.png);
		background-repeat:  no-repeat;
		background-position: center center;	
		background-size: 100% 100%;
	}
	*/

.class_list li a.video {display:inline-block;text-align:center;font-size:0px;background-repeat:no-repeat;background-size:130%;background-position:center center;margin-bottom:15px;}

.timelist_pop {color:#fff;width:100%;background-color:rgba(0,0,0,0.8);position:absolute;top:0;left:0;bottom:0;z-index:100000;padding-top:100px;}
.timelist_pop > div {width:889px;height:500px;margin:0 auto;}
.timelist_pop .close a {
		position:absolute;
		right:0;top:0;
		width:50px;height:50px;
		font-size:0px;		
		background-image:url(/resources/mobile/image/video_close.png);
		background-repeat:  no-repeat;
		background-position: center center;	
		background-size: 100% 100%;
		z-index:100000;
	}


/*시간표*/
.filtering {height:50px;background-color:#4db4d7;color:#fff;}
.filtering span {display:inline-block;padding-top:15px;padding-bottom:5px;padding-left:40px;background:url(/resources/images/common/ico_list.png) no-repeat 12px 14px;}
.filtering a {
	float:right;
	display:block;
	background-color:#1b1c23;
	width:150px;height:35px;
	background-position:20px 8px;
	background-repeat:no-repeat;	
	margin-top:7px;
	margin-right:10px;
	padding-top:10px;
	padding-left:10px;
	text-align:center;
	border-radius:50px;
	}
.filtering .filter {background-image:url(/resources/images/common/ico_filter.png);}
.filtering .reload {background-image:url(/resources/images/common/ico_reload.png);}



.filtering_pop {color:#fff;width:100%;background-color:rgba(0,0,0,0.8);position:absolute;top:0;left:0;bottom:0;z-index:100000;padding-top:700px;}
.filtering_pop > div {width:500px;height:650px;;margin:0 auto;background-color:#3f4454;}
.filtering_pop .close {background-color:#545c77;color:#FFF;height:50px;font-size:16px;text-align:center;padding-left:50px;}
.filtering_pop .close span {display:inline-block;padding:15px 20px 0 20px;font-size:20px;}
.filtering_pop .close a { display:inline-block;float:right;color:#262832;height:50px;width:50px;background-color:#545c77;text-align:center;font-size:0px;
		background-image:url(/resources/mobile/image/video_close.png);
		background-repeat:  no-repeat;
		background-position: center center;	
		background-size: 100% 100%;
	}

.select_class {background-color:#3f4454;padding-bottom:10px;min-height:200px;}
.select_class p {padding:15px 15px 0 15px;}
.select_class p.no_class {color:#757987;}
.select_class ul {padding:10px;}
.select_class ul::after {clear:both; display:block; content: "";}
.select_class ul li {float:left;width:31.3%;border:2px #fff solid;margin:1%;text-align:center;border-radius:30px;padding:10px 0;}
.select_class ul li.selected {border:2px #d7e230 solid;color:#d7e230; }
.select_class hr {
	border-left:none;
	border-right:none;
	border-bottom:1px solid #5c606e;
	border-top:1px solid #3f4454;
	margin-left:10px;
	margin-right:10px;
	}



/*설명회소식*/
.seminar_table {border-bottom:1px solid #424550;}
.seminar_table > li:first-child {background-color:#262832;color:#fff;height:50px;line-height:50px;padding-left: 15px;}
.seminar_table > li {background-color:#3f4454;}
.seminar_table > li:nth-child(even) {background-color:#4b505f;}
.seminar_table ul > li {display:inline-block;float:left;}
.seminar_table ul::after{clear:both; display:block; content: "";}

.seminar_table .info {color:#fff;width:500px;padding:15px 20px 10px 20px;}
.seminar_table .info a {display:block;color:#d7e230;font-size:22px;padding-top:20px;}
.seminar_table ol li {padding-top:10px;}
.seminar_table ol li::before {content: "- ";}
.semi_img {padding:2px 10px;}

.seminar_table p.red {background-color:#d15b44;display:inline-block;padding:7px;width:100px;text-align:center;}
.seminar_table p.blue {background-color:#2175b6;display:inline-block;padding:7px;width:100px;text-align:center;}
.seminar_table p.gray {background-color:#b3b7c1;color:#000000;display:inline-block;padding:7px;width:100px;text-align:center;}
.btn_area {padding-top:45px;text-align:center;width:250px;}
.btn_area .dark_btn {
	font-size:20px;
	background:#262832;
	border:1px solid #484b53;
	border-radius:5px;
	padding:10px 40px;;
	text-align:center;margin:10px;
	}
.btn_area .reserv_btn {
	position:absolute;
	width:120px;
	height:68px;
	background-repeat:  no-repeat;
	}

/*신청하기*/
/* .seminar_video {color:#fff;width:100%;background-color:rgba(0,0,0,0.8);position:absolute;top:0;left:0;bottom:0;z-index:100000;padding-top:100px;}
.seminar_video > div {width:978px;height:600px;;margin:0 auto;background-color:#3f4454;}
.seminar_video .close {background-color:#545c77;color:#FFF;height:50px;font-size:16px;text-align:center;padding-left:50px;}
.seminar_video .close span {display:inline-block;padding:15px 20px 0 20px;font-size:20px;}
.seminar_video .close a { display:inline-block;float:right;color:#262832;height:50px;width:50px;background-color:#545c77;text-align:center;font-size:0px;
		background-image:url(/resources/mobile/image/video_close.png);
		background-repeat:  no-repeat;
		background-position: center center;	
		background-size: 100% 100%;
	} */
.seminar_pop {color:#fff;width:100%;background-color:rgba(0,0,0,0.8);position:absolute;top:0;left:0;bottom:0;z-index:100000;padding-top:100px;}
.seminar_pop > div {width:450px;height:600px;margin:0 auto;background-color:#3f4454;padding-bottom:10px;}
.seminar_pop .close {background-color:#545c77;color:#FFF;height:50px;font-size:16px;text-align:center;padding-left:50px;}
.seminar_pop .close span {display:inline-block;padding:15px 20px 0 20px;font-size:20px;}
.seminar_pop .close a { display:inline-block;float:right;color:#262832;height:50px;width:50px;background-color:#545c77;text-align:center;font-size:0px;
		background-image:url(/resources/mobile/image/video_close.png);
		background-repeat:  no-repeat;
		background-position: center center;	
		background-size: 100% 100%;
	}

.seminar_video {color:#fff;width:100%;background-color:rgba(0,0,0,0.8);position:absolute;top:0;left:0;bottom:0;z-index:100000;padding-top:100px;}
.seminar_video > div {width:889px;height:500px;margin:0 auto;}
.seminar_video .close a {
		position:absolute;
		right:0;top:0;
		width:50px;height:50px;
		font-size:0px;		
		background-image:url(/resources/mobile/image/video_close.png);
		background-repeat:  no-repeat;
		background-position: center center;	
		background-size: 100% 100%;
		z-index:100000;
	}
	
.semi_img a.video {display:inline-block;text-align:center;font-size:0px;background-repeat:no-repeat;background-size:130%;background-position:center center;margin-bottom:15px;}

ul.seminar_input {padding:0 10px;}
ul.seminar_input li {
	padding:10px 0px 12px 0px;
	background-repeat:  no-repeat;
	background-position: 1em center;	
	background-size: 7px auto;
	border-bottom:1px solid #5c606e;
	}

ul.seminar_input li:nth-child(odd) {
    background-color:#3f4454;
}


ul.seminar_input li.title {color:#d7e230;font-size:40px;}
ul.seminar_input p {height:30px;padding-top:3px;}
ul.seminar_input input {width:100%;border-radius:3px;padding:7px 10px;background-color:#262832;border:1px #666870 solid;color:#fff;}
ul.seminar_input select {width:100%;border-radius:3px;padding:7px 10px;background-color:#262832;border:1px #666870 solid;color:#fff;}
ul.seminar_input .phone input {width:31%;border-radius:3px;padding:7px 10px;background-color:#262832;border:1px #666870 solid;color:#fff;}



/*공지사항*/
/*notice_table*/
table.notice_table {color:#FFF;border-collapse:collapse;width:100%;}
table.notice_table tr {height:60px;}
table.notice_table tr:first-child {height:50px;}
table.notice_table th {background-color:#262832;height:50px;}
table.notice_table td {text-align:center;padding:3px 7px;} 

table.notice_table tr:nth-child(even) {
    background-color:#3f4454;
}
table.notice_table tr:nth-child(odd) {
    background-color:#4b505f;
}

.notice_pop {color:#fff;width:100%;background-color:rgba(0,0,0,0.8);position:absolute;top:0;left:0;bottom:0;z-index:100000;padding-top:100px;}
.notice_pop > div {width:700px;height:600px;;margin:0 auto;background-color:#3f4454;}
.notice_pop .close {background-color:#545c77;color:#FFF;height:50px;font-size:16px;text-align:center;padding-left:50px;}
.notice_pop .close span {display:inline-block;padding:15px 20px 0 20px;font-size:20px;}
.notice_pop .close a {display:inline-block;float:right;color:#262832;height:50px;width:50px;background-color:#545c77;text-align:center;font-size:0px;
		background-image:url(/resources/mobile/image/video_close.png);
		background-repeat:  no-repeat;
		background-position: center center;	
		background-size: 100% 100%;
	}
.nopop_li ul {width:100%;}	
.nopop_li ul li {padding:10px 20px;line-height:30px;border-top:1px solid #505462;border-bottom:1px solid #2e313c;}
.nopop_li ul li:last-child {min-height:300px;}
.nopop_li ul li span {}
.nopop_li ul li span::after{content: "|";padding:0 20px 0 15px;}

.nopop_li .notice_con {overflow-x:hidden;overflow-y:auto;height:300px;text-align: justify;word-break: break-all;}	


/*갤러리*/
ul.gallery_list {padding-top:20px;}
ul.gallery_list:after { clear : both; content: " "; display: block; }
ul.gallery_list li {	
	display: block; 
	margin-right:25px;	
	margin-bottom:25px;
	width:240px;
	height:320px;
	float:left;
	text-align:center;
	background-color:#000;
	}
ul.gallery_list li:nth-child(5n) {margin-right:0px;}
ul.gallery_list li img {width:240px;height:280px;}

ul.gallery_list li span {	
	display: inline-block; 
	width:100%;
	padding:0 10px;
	line-height:40px;
	text-align:center;
	background-color:#262832;
	}
	
/*갤러리팝업*/
.view_box {margin:0 auto;position:relative;}
.gallery_pop {width:100%;background-color:rgba(0,0,0,0.8);padding:30px 20px 0px 20px;position:absolute;top:0;left:0;bottom:0;z-index:100000;}
.gallery_pop .close {width:100%;background-color:#545c77;color:#FFF;height:50px;font-size:16px;text-align:center;padding-left:50px;}
.gallery_pop .close span {display:inline-block;padding:15px 20px 0 20px;font-size:20px;}
.gallery_pop .close a.last { display:inline-block;float:right;color:#262832;height:50px;width:50px;background-color:#545c77;text-align:center;font-size:0px;
		background-image:url(/resources/mobile/image/video_close.png);
		background-repeat:  no-repeat;
		background-position: center center;	
		background-size: 100% 100%;
	}
	

.gallery_pop .detail {text-align:center;width:100%;vertical-align:middle;overflow:hidden;}
.gallery_txt {position:absolute;bottom:0px;color:#000;background-color:#fff;width:100%;line-height:150%;padding:15px;height:80px;text-size:14px;}

.zoom {position:absolute;right:10px;bottom:10px;width:30px;z-index:10000;}
.zoom a {display:block;width:30px;}
.zoom_2 {position:absolute;right:10px;bottom:5px;z-index:10000;}
.zoom_2 a {display:inline;width:30px;}
/* .gallery_pop .imgbox {position:relative;overflow:hidden;background-color:#000;} */


/*약도팝업*/

.map_pop {width:100%;background-color:rgba(0,0,0,0.8);padding:70px 20px 0px 20px;position:absolute;top:0;left:0;bottom:0;z-index:100000;}
.map_pop .close {width:100%;background-color:#545c77;color:#FFF;height:50px;font-size:16px;text-align:center;padding-left:50px;}
.map_pop .close span {display:inline-block;padding:15px 20px 0 20px;font-size:20px;}
.map_pop .close a { display:inline-block;float:right;color:#262832;height:50px;width:50px;background-color:#545c77;text-align:center;font-size:0px;
		background-image:url(/resources/mobile/image/video_close.png);
		background-repeat:  no-repeat;
		background-position: center center;	
		background-size: 100% 100%;
	}
.mapView {margin:0 auto;position:relative;width:640px;z-index:10000;}
.mapView ul {color:#fff;}
.mapView ul li {
	color:#fff;
	padding:15px;
	border-bottom:1px solid #5c606e;
	border-top:1px solid #3f4454;	
	vertical-align:top;
	line-height:130%;
	}
.mapView ul li:last-child {text-align:center;padding-top:20px;border-bottom:0px;border-top:0px;	}
.mapView .map_ti {display:inline-block;width:80px;vertical-align:top;}
.mapView .map_ti::after {content: "|";padding:0 5px 0 15px;}
.mapView .map_in {display:inline-block;width:490px;line-height:130%;vertical-align:top;}


	

/*옐로우아이디*/

.yellow_mfloat {
    position: fixed;
    top:150px;
    right:50%;
    margin-right:-730px;
    background: url(/resources/mobile/image/yellow_id.png) no-repeat;
    background-size:100%;
    width:60px;
    height:60px;
    font-size:0px;
}


/*강의동영상*/
/*동영상*/

.tutor_viedo {width:750px;height:550px;float:left;background-color:#21232c;}
.tutor_viedo .class_info {color:#fff;padding:20px;}
.tutor_viedo .class_info li {padding-top:5px;}
/* .tutor_viedo .class_info li::before {content: "- ";} */
.tutor_viedo .class_info li:first-child {color:#d7e230;font-size:20px;padding-bottom:7px;}
.tutor_viedo .class_info li:first-child::before {content: "";}

/* 강의리스트 */
.class_ti {width:550px;height:50px;float:right;background-color:#262a38;color:#fff;font-size:20px;padding:15px 0 0 15px;}
.class_box {width:550px;height:500px;background-color:#4b505f;float:right;overflow-x: hidden;overflow-y: scroll;}
.class_box li ol {width:550px;color:#FFF;background-color:#4b505f;padding:0px 20px;border-top:1px #545865 solid;border-bottom:1px #404450 solid;}
.class_box li ol:nth-child(odd) {}
.class_box li ol li {float:left;display:inline-block;width:220px;}
.class_box li ol li p::before {content: "- ";}
.class_box li ol:after { clear : both; content: " "; display: block; }
/* .class_box li ol li:first-child::before {content: "";} */
.class_box li ol li:first-child {float:left;}
.class_box li ol li:nth-child(2) {color:#d7e230;margin-bottom:10px;font-size:20px;padding-top:20px;}
.class_box li ol li p {padding-top:5px;}


.tutor_list_box {width:1300px;height:200px;background-color:#3f4454;padding-top:20px;}
.tutor_list_box > div {width:1220px;margin-left:40px;margin-right:40px;}
.tutor_list_box span.pic {display:block;text-align:center;margin:0 20px;height:130px;font-size:0px;background-repeat:no-repeat;background-size:100%;background-position:center center;}
.tutor_list_box span.name {display:block;text-align:center;margin:0 20px;height:30px;padding-top:5px;color:#FFF;background-color:#505e8d;} 


/*스크롤*/
.class_box::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #616573;
}

.class_box::-webkit-scrollbar
{
	width: 10px;
	background-color: #616573;
}

.class_box::-webkit-scrollbar-thumb
{
	background-color: #363a47;
	border: 2px solid #4b505f;
}

.time_list_box::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #616573;
}

.time_list_box::-webkit-scrollbar
{
	width: 10px;
	background-color: #616573;
}

.time_list_box::-webkit-scrollbar-thumb
{
	background-color: #363a47;
	border: 2px solid #4b505f;
}



.time_list li ol li:first-child.noclass {position:absolute;z-index:10000;margin-left:230px;color:#bdc0c4;padding-top:250px;}


a.allbtn {
	position:absolute;left:10px;top:10px;
	display:inline-block;
	background:#262832;
	
	border-radius:7px;
	padding:8px 15px;
	text-align:center;
	font-size:12px;
	}