@charset "utf-8";
@import url(media_sub.css);

/**** Media Query *********************************/
@media (max-width:1200px){
	/* Header */
	.header .hd_sub {padding:0 20px;box-sizing:border-box;}
	.hd_lang {margin-right:-20px;}

	/* Footer */
	.footer .ft_sub {padding:20px;}

	.mv_sec .mv_info {left:20px;right:20px;width:auto;margin:0;}
	.mv_sec .mv_list .item {overflow:hidden;}
	.mv_sec .mv_list .item > img {width:140%;margin-left:-20%;}
	.mv_sec .owl-theme .owl-nav.disabled + .owl-dots {left:20px;right:20px;bottom:30px;width:auto;}

	.mnoti_sec .mnoti {padding:0 20px;box-sizing:border-box;}

	.msec .marti:before {background-size:100% auto;}
	.msec .marti > a.mb02 {left:20px;}
	.msec .marti > a.mb04 {right:20px;}
}

@media (max-width:1024px){
	.mv_info .tit {font-size:44px;line-height:60px;}
	.mv_info .txt {font-size:22px;line-height:32px;}
	.mv_info .txt:after {height:32px;background-size:auto 100%;}

	.msec {padding:50px 0;}
}

@media (max-width:800px){
	/* Header */
	.hd_logo {width:15%;}
	.hd_logo > a {height:69px;}
	.btn_mo_menu {display:block;}
	.hd_lang {width:11%;margin:0;}
	.lang_sel:before,
	.lang_sel:after {height:69px;}
	.gnb {display:block;position:fixed;float:none;right:-40%;top:70px;bottom:0;width:40%;background:rgba(255,255,255,0.9);overflow-y:auto;transition:right 0.4s;}
	.gnb.op {right:0;}
	.gnb > li {display:block;width:100% !important;}
	.gnb > li > a {border-top:solid 1px #dbdbdb;font-size:16px;color:#333 !important;line-height:50px;transition:all 0.4s;}
	.gnb > li:first-child > a {border:none;}
	.gnb > li.mview > a {background:#001f5f;color:#fff !important;}
	.gnb .subm {position:relative;left:auto;width:100%;margin:0;padding:10px 0;box-shadow:none;}
	.gnb .subm > li > a {font-size:14px;}
	.gnb .subm > li > a:active {background:#e00014;color:#fff;text-decoration:none;}

	.header.sc .hd_util {margin-top:4vw;}

	.mv_sec .mv_list .item > img {width:160%;margin-left:-30%;}
	.mv_sec .mv_info {top:30%;}
	.mv_info .tit {font-size:38px;line-height:54px;}
	.mv_info .tit:after {left:40%;top:5px;width:30px;background-size:100% auto !important;}
	.mv_info .txt {margin-top:10px;font-size:20px;}
	.mv_info .txt:after {height:32px;background-size:auto 100%;}

	.mnoti_sec .mnoti dt {width:20%;}
	.mnoti_sec .mnoti dd {width:80%;padding-right:12%;}
	.mnoti_sec .mnoti_list .item > a {width:80%;}
	.mnoti_sec .mnoti_list .item .date {width:17%;}
	.mnoti_sec .owl-theme .owl-nav {right:-17%;}

	.msec {background-position:center center;background-size:100% auto;}
	.msec .marti {min-height:500px;}
	.msec .marti > a {padding:50px 0;}
	.msec .marti > a .tit {font-size:26px;line-height:30px;}
	.msec .marti > a .btn_more {margin:15px auto 0;font-size:14px;line-height:34px;}
}

@media (max-width:640px){

body, input, select, button, textarea {font-size:3vw;}
#wrap {padding-top:15vw;}



.header .hd_sub {padding:0 3vw;}

.hd_logo {width:45%;}
.hd_logo > a {height:15vw;}
.header.sc .hd_logo > a {height:15vw;}

.hd_util {margin-top:4vw;width:20vw;}
.hd_util > li > a {width:50%;line-height:7vw;font-size:3vw;}
.hd_util > li > a:before {width:1.4vw;height:1vw;margin-top:-0.5vw;border-top-width:1vw;border-left-width:0.7vw;border-right-width:0.7vw;}
.hd_util > li > ul {margin-top:4vw;width:20vw;}
.hd_util > li > ul > li > a {font-size:3vw;line-height:2;}

.btn_mo_menu {height:15vw;background-size:auto 35%;}

.pop_bg {z-index:99 !important;}

.gnb {top:15vw;right:-50%;width:50%;margin-left:0;}
.gnb > li > a {width:100%;font-size:3.5vw;}
.header.sc .gnb > li > a {line-height:4;}
.gnb .subm {padding:1.2vw 0;}
.gnb .subm > li > a {font-size:3vw;padding:0.5vw 0;}


.mv_top > img {width:200%;margin-left:-50%;}
.mv_top .mv_top_slogan {top:16vw;}
.mv_top .mv_top_slogan .t1 {font-size:4vw;}

.mv_sec .mv_list .item > img {width:280%;margin-left:-70%;}

.mv_sec .mv_info {top:10%;text-align:center;}
.mv_info .tit1 {font-size:7vw;margin-bottom:5vw;padding-bottom:5vw;}
.mv_info .tit1:before {left:50%;width:6vw;margin-left:-3vw;}
.mv_info .tit2 {font-size:3vw;margin-bottom:5vw;}
.mv_info a {width:30vw;font-size:3vw;line-height:3;border-radius:4.5vw;margin:0 auto;}
.mv_info a:before {border-radius:4.5vw;}

.mv_sec .mv_btn {left:0;margin-left:0;}
.mv_sec .mv_btn a {width:4vw;height:8vw;margin-top:-4vw;}
.mv_sec .mv_btn a.prev {left:3vw;background-size:100%;}
.mv_sec .mv_btn a.next {right:3vw;background-size:100%;}

.mv_img {position:static;width:80%;margin:5vw auto 0;}


.last_tag {box-sizing: border-box; padding: 0 20px 5vw;}
.mc_sec {width:100%;box-sizing:border-box;padding:15vw 3vw 3vw;}
.mc_notice {float:none;width:100%;}
.mc_link {float:none;width:100%;}

.mc_notice > h3 {font-size:5vw;margin-bottom:5vw;}
.mc_notice > h3 a {top:1vw;font-size:3vw;}
.mc_notice > h3 a:before {right:10vw;width:4vw;height:0.8vw;margin-top:-0.4vw;}
.mc_notice .bd {font-size:3vw;padding-bottom:5vw;margin-bottom:5vw;}
.mc_notice .bd .txt {padding-top:0;line-height:4vw;}
.mc_notice .bd .txt p {margin-bottom:2vw;}
.mc_notice .bd .txt p .s1 {padding:0 1.3vw;margin-right:1.3vw;}
.mc_notice .bd .txt dl {font-size:3vw;}



.footer {padding:6vw 0;font-size:3vw;}
.footer .ft_sub {padding:3vw;}
.ft_top {margin-bottom:2vw;}
.ft_top ul li {margin-right:3vw;}
.ft_bot p span {display:block;padding-right:0;}
.ft_bot p span:before {display:none;}
.ft_copy {padding-top:1vw;font-size:2.7vw;}

.btn_top {width:10vw;height:10vw;margin-top:-11vw;background-size:30%;}

}