@charset "UTF-8";

@media only screen and (max-width: 1280px) {
	.inner{width:96%;}
	.main_slider li .txt{padding:0 30pt;}
	.main_slider li .txt h1{font-size:27pt;}
	.main_slider li .img{max-width:50%;}

	.page_con .introduce-cell li{width:50% !important; margin-bottom:50px;}
}

@media only screen and (max-width: 980px) {
	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:12pt;}
	header .top_nav .top_menu ul li a.reservation{padding:6px 10px;}

	/* 슬라이드 */
	.main_slider li .txt h1{font-size:25pt;}

	/* 메인 프로그램 */
	.main_program ul li{padding:10pt;}

	/* 메인 공지사항&고객센터 */
	.main_notice{float:left; width:55%;}
	.main_center{float:right; width:300px;}


	/* 프로그램 */
	.program_list .info{line-height:120%;}
	.program_list .info li{margin:3pt 0;}
	.program_list .info h2{font-size:140%; padding-right:20px; margin-bottom:5pt;}
	.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:20%;}
	.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; width:38%;}


}

@media only screen and (max-width:850px) {
	/* 슬라이드 */
	.main_slider li .txt{max-width:50%;}
	.main_slider li .txt h1{font-size:210%;}
	.main_slider li .img{max-width:50%;}

	/* 메인 프로그램 */
	.main_program ul li{padding:10pt;}

	/* 메인 공지사항&고객센터 */
	.main_notice{float:left; width:55%;}
	.main_center{float:right; width:250px;}

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


@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;}

	/* 슬라이드 */
	.main_slider li .txt{
		position: relative; left:50%; top:50%; margin-top:10px; text-align:center; max-width:90%;
		transform: translate(-50%, -50%);
		-webkit-transform:translate(-50%, -50%);
		-moz-transform:translate(-50%, -50%);
		-ms-transform:translate(-50%, -50%);
	}
	.main_slider li .img{
		max-width:100%; left:0; opacity: 0.3;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
        filter:alpha(opacity=30);
	}
	.main_slider .bx-pager{text-align:center;}


	/* 메인 프로그램 */
	.main_program .title h1{font-size:xx-large; margin:10px 0;}
	.main_program .title h1:before{width:470px;}
	.main_program .title h2{font-size:86%; margin-top:0px;}
	.main_program ul li{padding:10pt; width:50%;}



	/* 메인 갤러리 */
	.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:20%; min-height:160px; max-height:210px; background-size:auto 220%;}
	.page_title span{font-size:80%;}
	.page_title h1{font-size:200%; margin-top:10pt;}
	.page_con{padding:20pt 14pt;}
	.page_con .tab{margin-bottom:30pt;}
	.page_con .tab ul li a{padding:8px 20px;}

	/* 프로그램 */


	.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; width:46%;}
	.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){

	header .top_nav .header_logo img{max-width:100px;}
	/* 슬라이드 */
	.main_slider li .txt{padding:0 30pt;}
	.main_slider li .txt h1{font-size:22pt; line-height:130%;}
	.main_slider li .txt p{font-size:90%; color:#000;}

	/* 메인 프로그램 */
	.main_program ul li .thumb .month{width:40px; height:40px; font-size:small;}
	.main_program ul li .thumb .ribbon{}
	.main_program ul li .thumb .ribbon > span{top:0; font-size:80%; padding:3px 0 3px 15px;}


	/* 메인 공지사항&고객센터 */
	.main_notice{float:none; width:100%;}
	.main_center{float:none; width:100%; margin-top:50px;}

	/* 러닝스쿨 소개 */
	.page_con .introduce-cell li{width:100% !important;}

	/* 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;}


	.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_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%;}


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

	.program_con_top .thumb,
	.program_con_top .info{display:block; width:100%; max-width:280px; margin:0 auto;}
	.program_con_top .info{border-top:1px solid #ddd; margin-top:12pt; padding-top:7pt; padding-left:0;}
	.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;}



}

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

	/* 메인 */
	.main_slider{height:520px}
	.main_slider li .txt{
		top:30pt; padding:0 10pt;
		transform: translate(-50%, 0);
		-webkit-transform:translate(-50%, 0);
		-moz-transform:translate(-50%, 0);
		-ms-transform:translate(-50%, 0);
	}
	.main_slider li .txt h1{font-size:18pt;}
	.main_slider li .img{
		max-width:70%; left:0; right:0; margin:0 auto; opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter:alpha(opacity=100);
	}

	.main_slider .bx-controls-direction{font-size:30pt;}

	/* 메인 프로그램 */
	.main_program ul li .info p{font-size:10pt;}
	.main_program ul li .info p.month{font-size:9pt;}
	.main_program ul li .info p.title{font-size:12pt;}
	.main_program ul li .info p.date{font-size:9pt;}

	/* 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;}

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

	/* 메인 프로그램 */
	.main_program{padding:15% 0; }
	.main_program .title h1{font-size:xx-large; margin:10px 0;}
	.main_program .title h1:before{width:300px;}
	.main_program .title h2{font-size:86%; margin-top:0px;}
	.main_program ul li .thumb .ribbon{}
	.main_program ul li .thumb .ribbon > span{top:0; font-size:80%; padding:3px 0 3px 15px;}

	/* 메인 갤러리 */
	.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_title h1{font-size:x-large;}
	.page_con h2,
	.page_con h3{font-size:large !important;}
	.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{width:80%;}

	.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;}


}

@media only screen and (max-width: 370px) {
	html, body{min-width:350px;}
	header .top_nav .header_logo img{max-width:50px;}
	.list_top .fl select{width:100%;}
	.list_top .fl{float:none; border-bottom:1px solid #ddd; margin-bottom:10pt; padding-bottom:10pt;}
	.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;}

}


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