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

/**** Media Query *********************************/
@media (max-width:1400px){
	.wrap {box-sizing:border-box;padding-left:20px;padding-right:20px;}
	/* Header */
	.header .hd_sub {padding:0 20px;}
	/* Footer */
	.footer {padding:40px 20px 30px;}
	/* Main */
	.mv_sec .item .mv_slog {left:auto;right:0;margin:0;max-width:60%;padding:0 20px;box-sizing:border-box;}

	.msec .marti .box03 .sbox02 .cell {padding:0 30px;}
	.msec .marti .box03 .sbox02 .cell2 .num {background-size:100%;}
}

@media (max-width:1274px){
	.msec .marti .box03 .sbox02 .cell2 .num {font-size:20px;}
}

@media (max-width:1150px){
	.msec .marti .box03 .sbox02 .cell2 .num {padding-top:40px;font-size:20px;}
}

@media (max-width:1024px){
	/* Header */
	.header .hd_logo {width:13%;}
	.hd_logo > a {line-height:85px;}
	.header .btn_sitemap {width:5%;}
	.header .gnb {width:68%;/*margin-right:4%;*/}
	.gnb > li > a {font-size:16px;}
	.gnb .subm > li > a {font-size:14px;line-height:20px;}

	/* Main */
	.mv_sec .item .mv_slog {top:32%;}
	.mv_sec .item .mv_slog .slog01 {font-size:60px;line-height:60px;}
	.mv_sec .item .mv_slog .slog02 {margin-top:15px;font-size:20px;}

	.msec .marti .box .box_tit {font-size:30px;margin-bottom:40px;}
	.msec .marti .box .txt_area {padding:35px 20px;}
	.msec .marti .box01 {margin:100px auto;}
	.msec .marti .box01 .owl-carousel .item .txt {padding:0 40px;}
	.msec .marti .box01 .owl-carousel .item .txt .tit {font-size:22px;}
	.msec .marti .box01 .owl-carousel .item .txt .stit {font-size:15px;}
	.msec .marti .box01 .owl-btn {bottom:40px;}
	.msec .marti .box02 {padding:100px 0;}
	.msec .marti .box03 {margin:90px auto;}
	.msec .marti .box03 .sbox02 .cell {padding:0 20px;}
}

@media (max-width:960px){
	/* Header */
	.header .hd_sub {padding:0 0 0 20px;}
	.header .btn_menu {display:block;}
	.header .btn_sitemap {display:none;width:6%;margin:20px 0 0;}
	.header .hd_lang {margin-top:26px;}
	.header .gnb {display:block;position:fixed;float:none;right:-30%;top:86px;bottom:0;width:30%;margin:0;background:#f5f5f5;overflow-y:auto;transition:right 0.4s;}
	.header .gnb.open {right:0;}
	.gnb > li {display:block;}
	.gnb > li:before {display:none;}
	.gnb > li > a {padding:20px;border-bottom:solid 1px #dbdbdb;text-align:left;transition:all 0.4s;}
	.gnb > li.on > a {background:#0086e7;color:#fff;}
	.gnb .subm {position:relative;left:auto;background:#fff;}
	.gnb > li.on .subm {padding:10px 0;}
	.gnb .subm > li > a {padding:10px 20px;color:#505050;text-align:left;}

	/* Main */
	.msec .marti .box01 {margin:80px auto;}
	.msec .marti .box02 {padding:80px 0;}
	.msec .marti .box03 {margin:80px auto;}
	.msec .marti .box .txt_area {padding:25px 15px;}
	.msec .marti .box01 .owl-carousel .item .txt .tit {font-size:20px;}
	.msec .marti .box01 .owl-carousel .item .txt .stit {font-size:14px;}
	.msec .marti .box03 .sbox02 .cell {padding:0 10px;}
	.msec .marti .box03 .sbox02 .cell .box_tit {font-size:17px;}
	.msec .marti .box03 .sbox02 .cell1 .etc {font-size:14px;}
	.msec .marti .box03 .sbox02 .cell2 .num {padding-top:33px;}
}

@media (max-width:800px){
	/* Header */
	.header .hd_logo {width:15%;}
	.header .btn_sitemap,
	.header .btn_menu {width:7%;}
	.header .gnb {right:-40%;width:40%;}

	/* Footer */
	.ft_menu {position:static;margin:0;}
	.ft_menu > a {float:none;display:inline-block;}
	.ft_menu > a.btn_priv {padding-left:0;}

	/* Main */
	.mv_sec .item .mv_slog {top:30%;}
	.mv_sec .item .mv_slog .slog01 {font-size:46px;line-height:50px;}
	.mv_sec .item .mv_slog .slog02 {margin-top:10px;font-size:16px;}

	.msec .marti .box01 {margin:70px auto;}
	.msec .marti .box02 {padding:70px 0;}
	.msec .marti .box03 {margin:70px auto;}
	.msec .marti .box .box_tit {font-size:28px;margin-bottom:30px;}
	.msec .marti .box .txt_area {padding:20px 15px;}
	.msec .marti .box01 .owl-carousel .item .txt {padding:0 10px;}
	.msec .marti .box01 .owl-carousel .item .txt .tit {margin-bottom:10px;}
	.msec .marti .box01 .owl-carousel .item .txt .stit {font-size:12px;}
	.msec .marti .box01 .owl-btn {bottom:0;right:23px;}
	.msec .marti .box01 .owl-btn > div {font-size:14px;line-height:18px;padding:0 10px;}
	.msec .marti .box01 .owl-btn > div.owl-prev1 {padding-left:23px;}
	.msec .marti .box01 .owl-btn > div.owl-next1 {padding-right:23px;}
	.msec .marti .box03 .sbox02 .cell .box_tit {font-size:19px;}
	.msec .marti .box03 .sbox02 .cell1 .etc {font-size:15px;}
	.msec .marti .box03 .sbox01 ,
	.msec .marti .box03 .sbox02 {float:none;width:100%;}
	.msec .marti .box03 .sbox02 {margin-top:20px;}
	.msec .marti .box03 .sbox02 .cell {padding:0 40px;}
	.msec .marti .box03 .sbox02 .cell1 ,
	.msec .marti .box03 .sbox02 .cell2 {background-size:100% !important;}
	.msec .marti .box03 .sbox02 .cell2 .num {padding-top:40px;background-size:200px;}
}

@media (max-width:640px){
	body {line-height:1.4;}
	.wrap {padding-left:3vw;padding-right:3vw;}

	/* Header */
	.header .hd_logo {width:18%;}
	.hd_logo > a {height:80px;line-height:70px;}
	.header .btn_sitemap {width:8%;height:50px;margin:15px 0 0;}
	.header .btn_menu {width:8%;height:50px;margin:15px 0 0;background-size:35% auto !important;}
	.header .hd_lang {margin-top:23px;}
	.header .gnb {top:80px;}
	.gnb > li > a {padding:15px 20px;font-size:15px;width:100%;}
	.gnb .subm > li > a {font-size:13px;}

	/* Footer */
	.footer {padding:30px 20px;text-align:center;}
	.ft_menu > a {padding:5px 10px;}

	#wrap {margin:80px 0 0;}

	/* Main */
	.mv_sec .item .mv_slog .slog01 {font-size:40px;line-height:46px;}
	.mv_sec .item .mv_slog .slog02 {margin-top:5px;font-size:14px;}

	.msec .marti .box01 {margin:10vw auto;}
	.msec .marti .box02 {padding:10vw 0;}
	.msec .marti .box03 {margin:10vw auto;}
	.msec .marti .box .box_tit {font-size:5vw;margin-bottom:5vw;}
	.msec .marti .box .txt_area {padding:4vw;}
	.msec .marti .box .txt_area .date {font-size:3vw;margin-bottom:1vw;}
	.msec .marti .box .txt_area .tit {font-size:4vw;margin-bottom:2.5vw;}
	.msec .marti .box .txt_area .txt {font-size:3vw;line-height:1.6;height:10vw;}
	.msec .marti .box .txt_area .more {font-size:2.8vw;margin-top:4.5vw;}
	.msec .marti .box01 .owl-carousel .item {display:block;}
	.msec .marti .box01 .owl-carousel .item .img ,
	.msec .marti .box01 .owl-carousel .item .txt {display:block;width:100%;}
	.msec .marti .box01 .owl-carousel .item .txt {box-sizing:border-box;padding:5vw 4vw 8vw;}
	.msec .marti .box01 .owl-carousel .item .txt .tit {font-size:4vw;margin-bottom:2vw;}
	.msec .marti .box01 .owl-carousel .item .txt .stit {font-size:3vw;line-height:1.6;}
	.msec .marti .box01 .owl-btn {bottom:2vw;right:5vw;}
	.msec .marti .box01 .owl-btn > div {font-size:3vw;line-height:1.1;padding:0 4vw;}
	.msec .marti .box01 .owl-btn > div.owl-prev1 {padding-left:5vw;}
	.msec .marti .box01 .owl-btn > div.owl-prev1::before {height:2vw;margin-top:-0.9vw;}
	.msec .marti .box01 .owl-btn > div.owl-next1 {padding-right:5vw;}
	.msec .marti .box03 .sbox01 .box_tit {font-size:5vw;margin-bottom:5vw;}
	.msec .marti .box03 .sbox01 .mnoti_list .txt_area {padding:4vw;}
	.msec .marti .box03 .sbox02 .cell {padding:0 5vw;height:45vw;}
	.msec .marti .box03 .sbox02 .cell .box_tit {font-size:3.5vw;padding:10vw 0 4.5vw;}
	.msec .marti .box03 .sbox02 .cell1 .etc {font-size:3vw;line-height:1.6;padding:3vw 0;}
	.msec .marti .box03 .sbox02 .cell1 .more {font-size:3vw;margin-top:3vw;}
	.msec .marti .box03 .sbox02 .cell2 .num {padding:6vw 0 4.2vw;font-size:3.2vw;background:url(../../images/main/main_07.png) no-repeat center 4.5vw;background-size:30vw;}
	.msec .marti .box03 .sbox02 .cell2 .etc {font-size:3vw;}
}

@media (max-width:480px){
	body {font-size:12px;}

	/* Header */
	.header .hd_logo {width:22%;}
	.header .btn_sitemap,
	.header .btn_menu {width:11%;}
	.header .gnb {right:-50%;width:50%;}

	/* Footer */
	.footer .ft_info > li {font-size:12px;line-height:22px;}
	.ft_menu > a {font-size:13px;line-height:24px;}

	/* Main */
	.mv_sec .item .mv_slog .slog01 {font-size:30px;line-height:36px;}
	.mv_sec .item .mv_slog .slog02 {margin:0;font-size:12px;}
}

@media (max-width:414px){
	/* Header */
	.header .hd_logo {width:25%;}
	.hd_logo > a {height:60px;line-height:50px;}
	.header .btn_sitemap,
	.header .btn_menu {height:40px;margin:10px 0 0;}
	.header .hd_lang {margin-top:14px;}
	.header .gnb {top:60px;}

	#wrap {margin:60px 0 0;}

	/* Main */
	.mv_sec .item .mv_slog .slog01 {font-size:26px;line-height:30px;}
}

@media (max-width:375px){
	/* Header */
	.header .btn_sitemap,
	.header .btn_menu {width:12%;}

	/* Main */
}

@media (max-width:360px){
	/* Header */
	.header .gnb {right:-60%;width:60%;}

	/* Main */
	.mv_sec .item .mv_slog .slog01 {font-size:24px;line-height:28px;}
	.mv_sec .item .mv_slog .slog02 {font-size:11px;}
}

@media (max-width:320px){
	/* Header */
	.header .hd_logo {width:30%;}
	.header .btn_sitemap,
	.header .btn_menu {width:14%;}

	/* Main */
	.mv_sec .item .mv_slog {top:26%;}
	.mv_sec .item .mv_slog .slog01 {font-size:22px;line-height:24px;}
}