@charset "UTF-8";






@media screen and (max-width:1580px){
	
	.sitemap_wrap .sitemap_box {padding: 0 15px;}

}



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


	/*header*/
	.head_logo {left: 20px;}
	.head_logo img {width: 150px;}


	
	.gnb_header {padding: 0 240px 0 200px;}


	.gnb > li > a {font-size: 1.111em;}
	.sub_gnb > li > a  {font-size: 0.889em;}

	.header_util_right .language_btn_wrap a {margin: 0 5px; font-size: 0.889em;}

	.header_util_right {right: 20px;}
	.header_util_right .language_btn_wrap {margin-right: 15px;}
	.header_util_right .header_util_sch {margin-right: 15px;}


	/* footer */
	.quick_box {left: auto; right: 20px; margin-left: 0;}
}

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

	/* head_logo */
	.head_logo {left: 15px; top: 15px; z-index: 2; -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0);}

	.header_util_right {top: 15px; -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0);}

	.gnb_header {padding: 0;}
	.gnb_header > .container {max-width: 100%;}
	.gnb {top: auto; bottom: 0; max-width: 100%;}
	.gnb > li > a {height: 60px; line-height: 60px;}

	.sitemap_wrap .sitemap > li > a {margin:0 0 20px 0; font-size: 1.389em;}
	.sitemap_wrap .sitemap_sub_gnb > li {margin-bottom: 10px;}
	.sitemap_wrap .sitemap_sub_gnb > li > a {font-size: 1em;}


	.sub_gnb {top: 61px;}
	
	.footer .foot_right {width: 335px;}
	.footer .foot_right .sns_box {width: 125px;}
	
	
	



}
@media screen and (max-width:1080px){
	/* header */

	.m_gnb_btn {display:block;}
	.gnb {display: none;}
	.sitemap_btn {display: none;}
	.header_util_right {display: none;}

	
	
	.header:hover {border-bottom: none;}
	/* scrolled */
	.header.scrolled {padding-top:16.667vw;}


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


	.gnb_header > .container {height:120px;}
	
	.head_logo {left: 35px; top: 50%; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%);}
	.head_logo img {width: auto;}
	
	.m_gnb_btn {right:4.861vw; width: 55px; height: 45px;}
	.m_gnb_btn .bar { width: 55px; height: 5px;}
	.m_gnb_btn .bar_top {top: 9px;}
	.m_gnb_btn .bar_bottom {bottom: 10px;}
	
	.m_gnb_btn.on {width: 6.250vw; height: 6.250vw;}
	.m_gnb_btn.on .bar {left: 0.417vw; width: 8.194vw;}
	
	.m_gnb_wrap {top: 120px; height: calc(100% - 120px);}
	.m_gnb_layout {position: relative; width: 100%; min-height: 100%; padding-bottom: 250px;}

	/* footer */
	.quick_box {display: block; bottom: 2.778vw; right: 2.778vw;} 
	

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

	/* banner_box1 */
	.banner_box1 .banner_slider {height: 8.333vw;}
	.banner_box1 .banner_slider li a {height: 8.333vw;}

	.quick_box button, .quick_box a {width: 9.028vw; height: 9.028vw; line-height:9.028vw}
	
	
}

@media screen and (max-width:760px){
	.header.scrolled {padding-top:16.667vw;}
	
	
	.gnb_header > .container {height:16.667vw;}
	
	.head_logo {left: 4.861vw; top: 50%; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%);}
	.head_logo img {width: 28.333vw;}
	
	.m_gnb_btn {right:4.861vw; width: 7.639vw; height: 6.250vw;}
	.m_gnb_btn .bar { width: 7.639vw; height: 0.694vw;}
	.m_gnb_btn .bar_top {top: 1.250vw;}
	.m_gnb_btn .bar_bottom {bottom: 1.389vw;}
	
	.m_gnb_btn.on {width: 6.250vw; height: 6.250vw;}
	.m_gnb_btn.on .bar {left: 0.417vw; width: 8.194vw;}
	
	.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:11.842vw; line-height:11.842vw; padding: 0 4.605vw; color:#fff; font-size:4.605vw;}
	.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_gnb > li > a.on:after {-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg); }


	.m_sub_gnb {display:none; padding: 4.605vw 4.605vw; background-color:#0080cc;}
	.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:hover {color: #f0ff00;}
	.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 #f0ff00; color: #fff;}

	.m_gnb > li > a {height: 11.842vw; line-height: 11.842vw;}
	
	
	
	
	
	.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;}

	/* banner_box1 */
	.banner_box1 .banner_slider {height: 8.333vw;}
	.banner_box1 .banner_slider li a {height: 8.333vw;}

	.quick_box button, .quick_box a {width: 9.028vw; height: 9.028vw;}
	
	
}

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

}