@charset "UTF-8";

@media screen and (max-width:1300px){
	/* footer */
	.quick_box {left: auto; right: 20px; margin-left: 0;}
}

@media screen and (max-width:1200px){
	/* common */
	.container {padding:0 5px;}

	/* head_logo */
	.head_logo {left: 15px;}
}

@media screen and (max-width:1080px){
	/* header */
	.gnb_header {background-color: #000;}
	.gnb_header .container {height:120px;}
	.m_gnb_btn {display:block;}
	.m_gnb_close {display: none;}
	.gnb {display: none;}
	.sitemap_btn {display: none;}

	.header_util_right {display: none;}

	.head_logo {top: 50%; height: 75px; transform:translate(0,-50%);	}

	.gnb_header .apply_btn {display: none;}
	
	/* scrolled */
	.header.scrolled {padding-top:110px;}
	.header.scrolled .gnb_header .head_logo {top: 50%;}


	/* common */
	.contents {padding-bottom: 321px;}

	.m_gnb_wrap {top: 120px; height: calc(100% - 120px);}
	.m_gnb_layout {position: relative; width: 100%; min-height: 100%; padding-bottom: 250px;}


	/* footer */
	.q_share_box {display: block;} 

	.footer {display: block; padding: 0 6.250vw 6.250vw;}
	.footer .link_list {display: block; width: 100%; padding: 5.278vw 0; border-bottom: 1px solid #e5e5e5; text-align: center;}
	.footer .link_list > li {display: inline-block; margin: 0 2.361vw 0;  vertical-align: middle;}
	.footer .link_list > li > a {font-size: 2.778vw;}

	.footer .txt_box {display: block; width: 100%; margin: 0 auto 4.167vw; padding: 5.556vw 0 0; overflow: hidden;}
	.footer .txt_box > div {margin-bottom: 1.389vw; font-size: 1em; overflow: hidden;}
	.footer .txt_box > div p {display: inline-block; margin-bottom: 1.111vw; margin-right: 1.389vw;}
	.footer .txt_box > div span {display: inline-block; }
	.footer .txt_box > div.left { float: none; width: 100%; font-size: 2.500vw; text-align: center;}
	.footer .txt_box > div.right { float: none; width: 100%; font-size: 2.500vw; text-align: center;}
	.footer .txt_box .copyright {float: none; width: 100%; text-align: center; font-size: 2.500vw;}


	.footer .foot_right {display: block; width: 100%;}
	.footer .foot_right .baro_box {display: block; width: 100%; max-width: 44.444vw; height: 8.333vw; margin: 0 auto 15px;}
	.footer .foot_right .baro_box .site_btn {width: 100%; height: 8.333vw; line-height: 8.333vw;}

	.footer .foot_right .sns_box {display: block; width: 100%; max-width: 44.444vw; margin: 0 auto; padding-left: 0;  text-align: center;}
	.footer .foot_right .sns_box .box {float: none; display: inline-block; width: auto; height: 7.361vw; margin: 0 1.806vw; line-height:7.361vw;}

	.footer .foot_right .sns_box p {display: none;}
	.footer .foot_right .sns_box .box i {font-size: 4.167vw;}

	.quick_box {bottom: 2.778vw;}
	.quick_box button, .quick_box a {width: 9.028vw; height: 9.028vw; line-height: 9.028vw; font-size: 3.472vw;}
	.quick_box button:hover, .quick_box button:focus, .quick_box a:hover, .quick_box a:focus {font-size: 3.472vw;}

	
	
}

@media screen and (max-width:720px){
	.gnb_header .container {height: 16.667vw;}
	
	.head_logo {height: 10.417vw;}
	.m_gnb_btn {right:4.861vw; width: 9.028vw; height: 9.028vw; -webkit-background-size:5vw 3.194vw; 	background-size: 5vw 3.194vw;}
	.m_gnb_close {right:4.861vw; width: 9.028vw; height: 9.028vw; -webkit-background-size:4.167vw 4.028vw; 	background-size: 4.167vw 4.028vw;}
	
	
	.m_gnb_wrap {top: 16.667vw; height: calc(100% - 16.667vw);}
	
	
	.m_gnb_layout {position: relative; width: 100%; min-height: 100%; padding-bottom: 32.895vw;}
	

	.m_gnb > li > a {display:block; position:relative; z-index:1; height:16.667vw; line-height:16.667vw; padding: 0 4.605vw; color:#fff; font-size:8.333vw;}
	.m_gnb > li > a:after {content: ''; position: absolute; right: 4.605vw; top: 50%; width: 3.816vw; height: 2.105vw; margin-top: -1.053vw; background: url('/template/cms/academy/images/common/xi-angle-down.png') no-repeat; -webkit-background-size: cover;
	background-size: cover; }


	.m_sub_gnb {display:none; padding: 4.605vw 4.605vw; }
	.m_sub_gnb > li {margin-bottom: 4.605vw;}
	.m_sub_gnb > li:last-child {margin-bottom: 0;}
	.m_sub_gnb > li > a {position: relative; display:block; width:100%; padding-left: 2.632vw; color:#fff; font-size:3.684vw;}
	
	.m_sub_gnb > li > a:before {content: ''; position: absolute; left: 0; top: 1.974vw; width: 0.658vw; height: 0.658vw; background-color: #fff; border-radius:50%;}
	.m_sub_gnb > li:first-child > a {border-top:0 none;}
	.m_sub2_gnb {padding:0.658vw 5%; border-top: 1px solid #efede9;}
	.m_sub2_gnb li a {display:block; padding:0.658vw 0; color:#5a5340;}
	.m_sub2_gnb li a:before {content:"-"; margin-right:0.658vw; vertical-align:top;}

	.m_gnb_bg {display:none; position:fixed; left:0; top:0; z-index:9998; width:100%; height:100%; background-color:#000; opacity: 0;}




	.m_search_box {bottom: 16.447vw; margin: 0 0 4.605vw; padding: 0 4.605vw;}

	.m_search_box .search_box_bar {position: relative; width: 100%; height: 10.526vw; padding: 0 7.895vw 0 0; background-color: #fff;  border-radius: 5.263vw;}
	.m_search_box .search_box_bar input {border: none; width: 100%; height: 10.526vw; padding-left: 4.605vw; background: none; color: #000; font-size: 1.556em;}
	
	.m_search_box .search_box_bar input::placeholder {color: rgba(0, 0, 0, 0.5); font-size: 3.684vw; font-weight: 300;}
	.m_search_box .search_btn {position: absolute; display: block; right: 0; top: 0; width: 10.526vw; height: 10.526vw; background: url('/template/cms/academy/images/common/ico_search_btn_m.png') no-repeat; background-position: center center; border-radius:50%; -webkit-background-size: cover;
	background-size: cover;  text-align: center; font-size: 0; overflow: hidden; }

	

	.m_gnb_wrap .language_btn_wrap {bottom: 6.579vw; width: 19.737vw; margin-left: -9.868vw; padding-top: 0.395vw;}
	.m_gnb_wrap .language_btn_wrap a {display: inline-block; margin: 0 1.316vw; padding-bottom: 0.921vw; color: rgba(255,255,255,0.5); font-weight: 700; font-size: 3.158vw;}
	.m_gnb_wrap .language_btn_wrap a.on {border-bottom: 0.658vw solid #ffc000; color: #fff;}
	
	
	.m_gnb_wrap .apply_btn {position: absolute; display: block; bottom: 18.056vw; left: 50%; width: 29.861vw; height: 9.722vw; margin-left: -14.861vw; }

	.m_gnb_wrap .apply_btn {  border-width: 2px; border-style: solid; border-image:  linear-gradient(to right, #ffc000, #45b782); border-image-slice:1; font-size: 2.778vw;  text-align: center;}
	.m_gnb_wrap .apply_btn .text {display: inline-block; position: relative; margin: 0; padding: 0 4.722vw 0 0; font-weight: 500; font-size: 2.778vw; line-height: 9.167vw; color: #ffffff;}
	.m_gnb_wrap .apply_btn i {position: absolute; top: 50%; right: 0; margin: -10px 0 0; color: #ffffff;}
	
	.m_gnb_wrap .apply_btn {background: #ffc000;  background: -webkit-linear-gradient(to right, #ffc000, #45b782); background: linear-gradient(to right, #ffc000, #45b782);}
	.m_gnb_wrap .apply_btn .text {color: #000;}
	.m_gnb_wrap .apply_btn .text i {color: #000;}
	

	
	
}

@media screen and (max-width:480px){
	/* common */
	body {font-size:14px;}
	.contents {padding-bottom: 316px;}

}