@charset "UTF-8";

@media only screen and (max-width: 1200px) {
	.inner{width:96%;}
	.main_slider .box .txt {padding-left:50pt;}
	.main_slider .box .img{max-width:45%;}
}

@media only screen and (max-width: 1080px) {

	.main_slider .box .txt h2{font-size:32pt;}

	#page .page_top{background-size:cover; height:200px;}
	#page .con{padding: 50pt 0;}

	/* 나의강의실 */
	.myclass{
		    -webkit-flex-direction: column;
			-ms-flex-direction: column;
		flex-direction: column;
	}
	.myclass >article, .myclass > aside{overflow: initial; height: auto;}
	.myclass > article{padding-right:0;}
	.myclass > aside{border:0; padding:0 10px;}
	.myclass > aside .box{padding-left:0; padding-right:0;}
	.myroom_player{padding:0 10px;}
}



@media only screen and (max-width: 980px) {
	.header_logo a{height:40px;}
	header .top_nav .header_logo{width:30%;}
	header .top_nav .top_menu ul li{margin-right:3%;}
	header .top_nav .top_menu ul li a{font-size:100%; padding:10px;}
	header .top_nav .top_menu ul li a.reservation{padding:6px 10px;}
	header .top_nav .top_menu .user{padding:0px 20px;}
	header .top_nav .top_menu .user a{font-size:80%;}
	.notice_box ul li span{width:100%;}
	.notice_box ul li dt{display:none;}

	/* 프로그램 */
	.program_list .info{line-height:110%;}
	.program_list .info li{margin:3pt 0;}
	.program_list .info h2{font-size:140%;}
	.program_list .info h4{font-size:95%; margin:5pt 0 5pt 0;}
	.program_list .info dt, .program_list .info dd{font-size:95%; letter-spacing:-0.3pt;}
	.program_list .btn_area{margin-top:10pt;}
	.program_list .btn_area a{font-size:100%; padding:7pt 15pt;}

	.program_con_top .thumb{width:230px; max-width:50%;}
	.program_con_top .info{padding-left:20pt; }
	.program_con_top .info li{margin:5pt 0; font-size:100%;}
	.program_con_top .btn_area{margin-top:10pt;}
	.program_con_top .btn_area a{font-size:100%; padding:7pt 0; }

	/* 슬라이드 */
	.main_slider{height:450px;}
	.main_slider .box .txt .desc{display:none;}
	.main_slider .bx-controls-direction{font-size:22pt;}
	.bx-controls-direction .bx-prev{float:left;  margin-left:-2pt;}
	.bx-controls-direction .bx-prev:hover{padding-left:5pt;}
	.bx-controls-direction .bx-next{float:right; margin-right:-2pt;}
	.bx-controls-direction .bx-next:hover{padding-right:5pt;}

	.main_slider .box .txt {padding-left:40pt; max-width:100%;}
	.main_slider .box .txt h1{font-size:44pt;}
	.main_slider .box .txt h5{font-size:110%;}

}


@media only screen and (max-width:850px) {
	header .top_nav .top_menu .user{padding:0px 15px;}
	header .top_nav .top_menu .user a{padding-right:10px;}
	header .top_nav .top_menu .user a:last-child{padding-right:0;}
	header .top_nav .top_menu .user a i{display:inline;}
	header .top_nav .top_menu .user a strong{display:none;}
	header .top_nav .top_menu .user a:after{display:none;}

	#page .con{padding: 40pt 0;}


	/* 로그인 */
	.login{width:100%;}
	.login_box .sns_login li a{padding-left:0;}
	.login_box .sns_login li a:before{display:none;}

	.main_slider .box .txt h1{font-size:38pt;}
	.main_slider .box .txt h5{font-size:100%;}

	/* 나의강의실 */
	.class_total{min-width: 70%;}
}


@media only screen and (max-width:780px) {
	header .top_nav .header_logo{width:300px;}
	header .top_nav .top_menu ul li{display:none;}
	header .top_nav .nav_btn{display:table-cell !important;}

	/* 메인슬라이드 */
	.main_slider li{}
	.main_slider .gradient{
		position: absolute; width:100%; height:100%; position: absolute; left:0; top:0;
		background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.7) 0%, rgba(43,43,43,0) 200%);
		background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.7) 0%,rgba(43,43,43,0) 200%);
		background: radial-gradient(ellipse at center,  rgba(255,255,255,0.7) 0%,rgba(43,43,43,0) 200%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
	}
	.main_slider{height:85%; min-height:660px;}
	.main_slider li .inner{width:86%;}
	.main_slider .box .txt{
		position:relative; top:30pt; left:0;
		width:100%; text-align:center; padding-left:0;
		transform: translate(0%, 0%);
		-webkit-transform:translate(0%, 0%);
		-moz-transform:translate(0%, 0%);
		-ms-transform:translate(0%, 0%);
	}
	.main_slider .box .img{
		width:380px; max-width:100%; left:50%;
		transform: translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
	}
	.main_slider .box .txt h1,
	.main_slider .box .txt h5{text-shadow: 0 5px 3px #fff;}
	.main_slider .box .btn a{color:#fff; background:#222;}





	/* 메인 공지사항 */
	.notice_box ul li{display:none;}
	.notice_box ul li:first-child{display:block; width:100%;}
	.notice_box ul li span{width:70%;}
	.notice_box ul li dt{float:right; display:block;}


	/* 메인 갤러리 */
	.main_gallery .title h1{font-size:xx-large; margin:10px 0;}
	.main_gallery .title h1:before{width:470px;}
	.main_gallery .title h2{font-size:86%; margin-top:0px;}
	.main_gallery ul{width:100%; margin-top:0;}
	.main_gallery ul li{width:32%; display:none;}
	.main_gallery ul li:nth-child(-n+6){display:inline-block;}

	/* 서브 */
	.page_title{height:150px;}
	.page_title span{font-size:80%;}
	.page_title h1{font-size:250%; margin-top:10pt;}
	.page_con{padding:20pt 14pt;}
	.page_con .tab{margin-bottom:30pt;}
	.page_con .tab ul li a{padding:8px 20px;}

	/* 프로그램 */
	.program_list .thumb{min-width:230px;}
	.program_list .info li{margin:3pt 0;}
	.program_list .info h2{font-size:140%;}
	.program_list .info h4{font-size:90%;}
	.program_list .btn_area{margin-top:7pt;}
	.program_list .btn_area a{padding:5pt 15pt; width:48%;}

	.program_con_top .thumb{width:200px; max-width:30%;}
	.program_con_top .info{padding-left:10pt;}
	.program_con_top .info li{margin:3pt 0; font-size:95%;}
	.program_con_top .btn_area{margin-top:5pt;}
	.program_con_top .btn_area a{font-size:90%; padding:5pt 0; }
	.program_con .detail_payinfo{width:100%;}

	/* 갤러리 */
	.bbs .list_gallery ul li{width:33%;}

	/* input */
	input[type=email]{width:200px; min-width:62pt;}

	/* 로그인 */
	.login_box > div{display:block; width:100%; height:auto; border-top:1px solid #ddd; border-left:0;}
	.login_box .nonmember{padding-top:30pt; margin-top:30pt;}
	.login_box .login_form .input_line{width:67%;}
	.login_box .login_form .btn_line{position: absolute; right:0; top:-2pt; width:30%; height:68pt; vertical-align:top; }
	.login_box .login_form .btn_login{height:100%; margin-top:0pt;}
	.footer_fix a{font-size:13px;}
	.footer_fix ul li{padding:0 15px; height:50px; line-height:50px;}
	.footer_fix ul.linked{border:0}
	.footer_fix ul.linked li{padding-left:0; padding-right:0;}
	.footer_fix ul.linked li:first-child{border:0;}
	.footer_fix .linked li:first-child a:first-child{margin-right:5px;}
	.footer_fix ul.linked li .scrollup{padding:0 10px;}
}

@media only screen and (max-width:600px){

	.main_slider .box .txt h2{font-size:28pt;}

	/* FOOTER */
	.footer_fix ul li{padding:0 5px;}
	.footer_fix ul li i{display:none;}
	.footer_fix ul.linked li{padding-right:5px}
	.footer_fix ul.linked li .scrollup{display:none;}
	footer{padding:5vw 0; padding-bottom:20pt;}
	footer .logo{margin:3vw;}
	footer .logo img{max-width:200px;}
	footer .copyright{padding-left:3vw;}
	footer .copyright a{font-size:9pt;}
	footer .copyright a:after{font-size:5pt; vertical-align:1pt}
	footer .copyright span{font-size:9pt;}
	footer .copyright span:after{font-size:5pt; vertical-align:1.1pt}
	footer .copyright span:first-child{display:block;}
	footer .copyright span:first-child:after{display:none;}
	footer .copyright p{font-size:9pt;}
	footer .familysite{right:3vw;}
	footer .familysite > label > select{min-width:auto; height:24pt; font-size:9pt;}
	footer .familysite > label:after{top:0px;}

	/* 메인 공지사항 */
	.main_slider .box{width:80%;}
	.main_notice{padding:10px 0;}
	.notice_title{font-size:0;}
	.notice_box ul li{padding-left:0px; font-size:small;}
	.notice_box ul li dt{padding-top:0;}
	.page_con .title h1{font-size:x-large; word-break:keep-all;}
	.page_con .title span{font-size:small; word-break:keep-all; display:block; width:90%; margin:7pt auto 0 auto;}

	/* 서브 */
	#page .page_top{height:160px;}
	#page .page_top h1{font-size:36pt;}
	#page .page_tab{margin:0 auto 30pt;}

	.page_con .tab100{}
	.page_con .tab100 li{width:25%;}
	.page_con .tab100 ul li a{min-width:auto !important; padding-left:0; padding-right:0; font-size:small; letter-spacing:0;}

	#tabs ul li a{font-size:90%; padding:7pt 0;}
	#tabs ul li a.active{font-size:90%;}

	/* 나의강의실 */
	.class_total{min-width: 99%;}


	/* 프로그램 */
	.program_list >  ul li{}
	.program_list >  ul li .thumb,
	.program_list >  ul li .info{display:block; max-width:100%; width:100%;}
	.program_list .thumb img{max-width:100%;}
	.program_list .info{padding-top:10pt; padding-left:0;}
	.program_list .info h4{font-size:100%; margin-bottom:7pt;}
	.program_list .info li{margin:5pt 0;}
	.program_list .btn_area{margin-top:15pt;}
	.program_list .btn_area a{width:49%; padding:10pt 15pt;}

	.program_con_top .program_summary{
			-webkit-flex-direction: column;
			-ms-flex-direction: column;
		flex-direction: column;
		    align-items: center;
	}
	.program_con_top .thumb{width:70%; max-width:280px; margin:0 auto;}
	.program_con_top .info{
		padding-top:7pt; padding-left:0;
			-webkit-align-self: center;
			-ms-flex-item-align: center;
		align-self: center;
	}
	.program_con_top .btn_area a{width:100%; padding:10pt;}

	.program_price td:first-child{}
	.program_price td{display:block; width:100% !important;}
	/* 게시판 */
	table th.field_l{width:15%; min-width:80px;}

	/* input */
	input[type=tel]{width:50pt;}
	input[type=tel], select{min-width:50pt;}

	/* Form */
	.program_price ul li dt {text-align:left;}



	/* 프로그램 */
	.tourist_info{display:table; width:100%; margin-top:5pt; font-size:90%;}
	.tourist_info > div{display:block; border:0;}
	.tourist_info > div:first-child{text-align:left; background:none;}
	.tourist_info > div:first-child:before{content:"-"; padding-right:2pt;}
	.tourist_info ul li{display:table; width:100%; border-top:1px solid #ddd;}
	.tourist_info ul li:last-child{border-bottom:1px solid #ddd;}
	.tourist_info ul li dt, .tourist_info ul li dd{display:table-cell; bordeR:0; text-align:left;}
	.tourist_info ul li dt{width:20%; height:25pt;}
	.agree_label{display:block;}
	.reservation_list{font-size:7pt;}
	.reservation_list td.date{display:none; border:1px solid #000 !important; width:10pt; overflow:hidden;}


	/* 게시판 */
	table th, table td{padding:5pt 3pt;}
	table th{font-size:small;}
	table td{padding-left:10pt;}
	table th.field_l{width:10%; min-width:50pt;}
	.bbs .view .view_con{padding-lefT:3pt; padding-right:3pt;}
	.agreement .txt_box{font-size:small;}

	ul.program_dp li div.classname {width:100%;height:40px;line-height:40px;font-size:14px;text-align:center;color:red;font-weight:800}
	ul.program_dp li div.classname2 {width:100%;height:40px;font-size:14px;line-height:20px;text-align:center;color:red;font-weight:800}

}

@media only screen and (max-width: 480px) {
	header .top_nav{padding:8px 0;}
	header .top_nav .header_logo{width:50%; max-width:60%;}
	header .top_nav .nav_btn i{font-size:140%;}

	/* 메인 */
	.main_slider .box{width:70%;}
	.main_slider .box > h1{font-size:xx-large;}
	.main_slider .box .txt h2{font-size:25pt;}

	/* FOOTER */
	.footer_fix .inner{width:100% !important;}
	.footer_fix ul li{height:40px; line-height:40px;}
	.footer_fix a, {font-size:12px;}
	.footer_fix ul.box li:first-child a{font-size:0;}
	.footer_fix ul.box li:first-child a span{font-size:13px;}
	.footer_fix ul.linked img{width:24px; vertical-align:middle; margin-top:-3px;}
	footer .logo img{max-width:150px;}
	footer .copyright a{font-size:8pt;}
	footer .copyright a:after{font-size:4pt; vertical-align:1pt}
	footer .copyright span{font-size:8pt;}
	footer .copyright span:after{font-size:4pt; vertical-align:1.1pt}
	footer .copyright p{font-size:8pt;}
	footer .familysite > label > select{height:20pt; font-size:8pt;}

	/* 메인 슬라이드 */
	.main_slider .box .txt h1{font-size:32pt;}
	.main_slider .box .txt h5{font-size:100%;}

	/* 메인 공지사항 */
	.notice_title{padding-left:3px;}
	.notice_box ul li span{width:100%;}
	.notice_box ul li dt{display:none;}


	/* 메인 갤러리 */
	.main_gallery{padding:15% 0; }
	.main_gallery .title h1{font-size:xx-large; margin:10px 0;}
	.main_gallery .title h1:before{width:300px;}
	.main_gallery .title h2{font-size:86%; margin-top:0px;}
	.main_gallery ul{width:100%; margin-top:0; margin-bottom:5%;}
	.main_gallery ul li{width:48%; display:none;}
	.main_gallery ul li:nth-child(-n+6){display:inline-block;}
	.main_gallery .more{padding:8px 12px 6px 17px; font-size:90%;
	}

	/* 서브 */
	#page .con{font-size:13px;}
	#page .page_top{height:140px;}
	#page .page_top h1{font-size:30pt;}
	#page .page_tab > ul > li > a > span{padding:20px 10px;}
	#page .page_tab > ul > li:first-child > a > span{padding-left:20px;}
	#page .page_tab > ul > li:last-child > a > span{padding-right:20px;}
	#page .page_tab > ul > li > a:after{height: 18px; margin-top: -8px;}

	.page_title{height:120px;}
	.page_title h1{font-size:200%;}

	.page_con .tab ul li a{min-width:100px;}
	.page_con span.null{display:block; height:5pt; font-size:0; margin:0;}

	#tabs ul li{width:auto !important}
	#tabs ul li a{font-size:small; padding:7pt 5pt;}
	#tabs ul li a.active{font-size:90%;}



	/* 갤러리 */
	.bbs .list_gallery ul li{width:50%;}


	/* input */
	input[type=tel]{width:25%; max-width:75%;}
	input[type=tel], select{}

	.bbs  select{width:100%; max-width:90%;}
	.bbs .search_box select{width:80px; height:18pt; padding-top:0}
	.bbs .search_box .search_input{width:120px; height:18pt; }
	.bbs .search_box .search_input input[type=search]{width:70%; height:18pt; font-size:80%;}
	.bbs .search_box .btn_search i{font-size:10pt; line-height:18pt;}
	.bbs .write input[type=text], .bbs .write input[type=password], .bbs .write input[type=number], .bbs .write input[type=tel], .bbs .write input[type=email],	.bbs .write  input[type=text].tit{max-width:90%;}
	.bbs .write textarea{max-width:94%;}


	/* 페이징 */
	.paging{margin-top:20pt;text-align:center; font-size:0;}
	.paging a{display:inline-block; font-size:11px; font-weight:500; width:24px; height:24px; line-height:22px; border:1px solid #ddd; border-right:0; vertical-align:middle; color:#777;}
	.paging a:last-child{border-right:1px solid #ddd;}
	.paging a.aw{font-size:0;}
	.paging a.aw i{font-size:14px; line-height:24px;}
	.paging a.active{position:relative; color:#000; font-weight:900; border-bottom:1px solid #222;}
	.paging a.active:after{content:""; display:block; position:absolute; bottom:0; height:100%; border-bottom:1px solid #222; width:100%;}


	.program_payment dt, .program_payment dd{display:block; text-align:center;}
	.program_payment dt{margin-bottom:10pt;}
	.program_payment .pay_price{margin-left:0;}

	/* 로그인 */
	.login_box{padding:20pt 0;}
	.login_box > div{padding:0 15pt;}
	.login_form{margin-top:5pt;}
	.login_form input[type=text], .login_form input[type=password]{width:100%; max-width:100%; height:25pt; font-weight:500;}
	.login_box .login_form .input_line{width:100%;}
	.login_box .login_form .btn_line{position: relative; right:0; top:3pt; width:100%; height:30pt;}
	.login_box .login_form .btn_login{height:100%; margin-top:0pt;}
	.login_box .sns_login li{width:100%; }




	.footer_fix a{font-size:13px;}
	.footer_fix ul li{padding:0 15px; height:50px; line-height:50px;}
	.footer_fix ul.linked{border:0}
	.footer_fix ul.linked li{padding-left:0; padding-right:0;}
	.footer_fix ul.linked li:first-child{border:0;}
	.footer_fix .linked li:first-child a:first-child{margin-right:5px;}
	.footer_fix ul.linked li .scrollup{padding:0 10px;}

	ul.program_dp li div.classname {width:100%;height:40px;line-height:40px;font-size:10px;text-align:center;color:red;font-weight:800}
	ul.program_dp li div.classname2 {width:100%;height:40px;font-size:10px;line-height:20px;text-align:center;color:red;font-weight:800}



}

@media only screen and (max-width: 400px) {
	.main_slider .box .txt h2{font-size:20pt;}
	#page .page_tab > ul > li > a > span{padding:15px 8px;}
	#page .page_tab > ul > li > a:after{height: 15px; margin-top: -8px;}

}

@media only screen and (max-width: 370px) {
	html, body{min-width:350px;}
	.list_top .fl select{width:100%;}
	.list_top .fl{float:none; border-bottom:1px solid #ddd; margin-bottom:10pt; padding-bottom:10pt;}
	#page .page_top{height:120px;}
	#page .page_top h1{font-size:24pt;}
	#page .page_tab > ul > li > a{font-size:90%;}

	.page_title{min-height:120px; max-height:120px;}
	.page_title h1{font-size:150%;}

	.bbs .search_box .search_input{width:110px; height:18pt;}

	.login_form .help{text-align:center;}
	.login_form .help .saveID{float:none; display:block;}
	.login_form .help .log_registor{float:none; display:block; margin-top:3pt;}


	ul.program_dp li div.classname {width:100%;height:40px;line-height:40px;font-size:9px;text-align:center;color:red;font-weight:800}
	ul.program_dp li div.classname2 {width:100%;height:40px;font-size:9px;line-height:20px;text-align:center;color:red;font-weight:800}

}


/* safari */
_::-webkit-full-page-media, _:future, :root .btn_postcode{vertical-align:1.5px; line-height:20pt;}