@import url( media_sub.css );
@media all and (max-width:1300px)
{
.header .hd_sub {
	padding: 0px 20px; box-sizing: border-box;
}
.footer .ft_sub {
	padding: 0px 20px; box-sizing: border-box;
}
.footer .ft_info {
	background-size: 18% auto;
}
.mv_sec .mv_info {
	margin: 0px !important; padding: 0px 20px; left: 0px; box-sizing: border-box;
}
.mv_sec .owl-theme .owl-dots {
	margin: 0px !important; padding: 0px 20px; left: 0px; box-sizing: border-box;
}
.mnoti_sec .mnoti_sub {
	padding: 0px 20px; box-sizing: border-box;
}
.mnoti_sec .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	right: -16%;
}
.main_wrap > section .marti_sub {
	padding: 0px 20px; box-sizing: border-box;
}
.msec01 .ms01_ban {
	width: 1300px;
}
.msec04 dl > dd {
	padding-right: 13%;
}
.msec04 .owl-nav {
	right: -16%;
}
.msec04 .btn_mfs {
	right: 55px;
}
.footer_01 { width:100%;}
.footer_02 { width:100%; text-align:center}

}
@media all and (max-width:1024px)
{
.header .gnb {
	width: 65%;
}
.gnb > li > a {
	font-size: 18px;
}
.footer .ft_info {
	padding: 20px 5% 20px 18%; width: 85%;
}
.footer .ft_btns {
	width: 15%;
}
.mv_sec .mv_info {
	top: 24%;
}
.mv_sec .item {
	height: 600px;
}
.msec01 {
	padding: 100px 0px;
}
.msec01 .ms01_ban {
	margin: -10px; width: 1004px; border-spacing: 10px;
}
.msec01 .ms01_ban > a {
	padding: 30px; background-size: 90px auto !important;
}
.msec03 {
	padding: 50px 0px;
}
.msec03 .mbd_sec {
	padding-left: 3%;
}
.msec03 :first-child.mbd_sec {
	padding: 0px 3% 0px 0px;
}
.msec04 .btn_mfs {
	right: 37px;
}
.footer_01 { width:100%;}
.footer_02 { width:100%; text-align:center}

}
@media all and (max-width:960px)
{
.footer .ft_info {
	background: none; padding: 30px 0px; width: 80%;
}
.msec01 .ms01_ban {
	width: 940px;
}
.msec04 dl > dt {
	width: 100%; line-height: 30px; margin-bottom: 15px;
}
.msec04 dl > dd {
	padding: 0px; width: 100%;
}
.msec04 .owl-nav {
	background: none; border: currentColor; border-image: none; top: -45px; width: auto; height: auto; right: 30px;
}
.msec04 .owl-theme .owl-nav [class*='owl-'] {
	margin: 0px;
}
.msec04 .btn_mfs {
	margin: 0px; top: -42px; right: 0px;
}
.footer_01 { width:100%;}
.footer_02 { width:100%; text-align:center}
.footer_01 { width:100%;}
.footer_02 { width:100%; text-align:center}

}
@media all and (max-width:800px)
{
.header {
	background: rgb(255, 255, 255);
}
.header::before {
	display: none;
}
.header .top_logo {
	width: 70%;
}
.top_logo > a {
	height: 80px;width: 50%;
}
.header .ham {
	display: block;
}
.header .gnb {
	background: rgba(1, 157, 219, 0.9); transition:right 0.4s; top: 80px; width: 40%; right: -40%; bottom: 0px; display: block; position: fixed;
}
.header .on.gnb {
	right: 0px;
}
.gnb > li {
	display: block;
}
.gnb > li > a {
	padding: 10px; transition:0.4s; color: rgb(255, 255, 255); line-height: 40px; border-top-color: rgba(255, 255, 255, 0.5); border-top-width: 1px; border-top-style: solid;
}
.gnb > li:first-child > a {
	border: currentColor; border-image: none;
}
.gnb > li.view > a {
	background: rgb(1, 101, 143); color: rgb(255, 255, 255);
}
.gnb > li:hover > a {
	background: rgb(1, 101, 143); color: rgb(255, 255, 255);
}
.gnb > li > a:focus {
	background: rgb(1, 101, 143); color: rgb(255, 255, 255);
}
.gnb > li > a::after {
	display: none;
}
.gnb .subm {
	background: rgba(255, 255, 255, 0.5); padding: 20px 0px !important; transition:none; height: auto; overflow: visible; display: none;
}
.gnb .subm > li > a {
	color: rgb(1, 101, 143); line-height: 35px; font-size: 14px;
}
.gnb .subm > li > a:hover {
	background: rgb(1, 157, 219); color: rgb(255, 255, 255);
}
.gnb .subm > li > a:focus {
	background: rgb(1, 157, 219); color: rgb(255, 255, 255);
}
.gnb .subm > li > a:active {
	background: rgb(1, 157, 219); color: rgb(255, 255, 255);
}
.footer .ft_sub {
	padding: 20px;
}
.footer .ft_info {
	background: url("../../images/layout/ft_logo.png") no-repeat top / auto 50px; padding: 60px 0px 0px; width: 100%; text-align: center;
}
.ft_info > li {
	font-size: 13px;
}
.ft_info > li > span {
	padding-left: 20px;
}
.ft_info > li > span::before {
	left: 10px;
}
.footer .ft_btns {
	margin: 10px 0px 0px; width: 100%; text-align: center;
}
.ft_btns > a {
	margin: 0px 2px; font-size: 13px; vertical-align: top; display: inline-block; min-width: 20%;
}
#wrap {
	margin: 80px 0px 0px;
}
.mv_sec::after {
	display: none;
}
.mv_sec .mv_info .tit {
	line-height: 34px; font-size: 28px;
}
.mv_sec .mv_info .txt {
	margin: 20px 0px; font-size: 18px;
}
.mv_sec .mv_btns > a {
	width: 25%; line-height: 38px; font-size: 14px;
}
.mv_sec .item {
	height: 480px;
}
.mv_sec .owl-theme .owl-dots {
	text-align: center; bottom: 20px;
}
.mnoti_sec dl > dt {
	padding: 0px; width: 8%; height: 45px; line-height: 45px; font-size: 0px;
}
.mnoti_sec dl > dd {
	width: 92%; padding-right: 15%;
}
.mnoti_sec .mnoti_list > li > a {
	line-height: 45px; font-size: 15px;
}
.mnoti_sec .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	width: 26px; height: 26px; right: -19%; margin-top: -13px;
}
.mnoti_sec .bx-wrapper .bx-controls-auto .bx-controls-auto-item > a {
	height: 24px; background-size: 100% 100% !important;
}
.msec01 {
	padding: 50px 0px;
}
.msec01 .ms01_ban {
	margin: 0px; width: 100%; display: block; border-spacing: 0;
}
.msec01 .ms01_ban::after {
	clear: both; display: block; content: "";
}
.msec01 .ms01_ban > a {
	margin: 0px 2% 10px 0px; width: 49%; height: 200px; float: left; display: block;
}
.msec01 .ms01_ban > a:nth-child(2n) {
	margin: 0px 0px 10px;
}
.msec01 .ms01_ban > a .tit {
	font-size: 18px; margin-bottom: 10px;
}
.msec01 .ms01_ban > a .txt {
	font-size: 15px;
}
.msec02 {
	padding: 100px 0px 60px;
}
.msec02 .tit {
	font-size: 50px;
}
.msec02 .txt {
	letter-spacing: 3px;
}
.msec02 .btn_more {
	width: 60px; height: 60px; background-size: 60% auto !important;
}
.msec03 {
	padding: 40px 0px;
}
.msec03 .mbd_sec {
	padding: 20px 0px 0px; width: 100%; border-top-color: rgb(219, 219, 219); border-left-color: currentColor; border-top-width: 1px; border-left-width: medium; border-top-style: solid; border-left-style: none;
}
.msec03 :first-child.mbd_sec {
	padding: 0px 0px 20px;
}
.msec03 .mbd_sec .tit {
	font-size: 18px; margin-bottom: 10px;
}
.msec03 .mbd_sec .mbd_list > li > a {
	font-size: 13px;
}
.msec04 dl > dt {
	font-size: 18px;
}
.footer_01 { width:100%;}
.footer_02 { width:100%; text-align:center}

}
@media all and (max-width:640px)
{
.header .top_logo {
	width: 70%;
}
.top_logo > a {
	width: 90%;
}
.gnb > li > a {
	padding: 5px 10px; font-size: 16px;
}
.gnb .subm {
	padding: 10px 0px !important;
}
.ft_btns > a {
	width: 100%;
}
.mv_sec .mv_info .tit {
	line-height: 30px; font-size: 24px;
}
.mv_sec .mv_info .txt {
	margin: 10px 0px 20px; font-size: 16px;
}
.mv_sec .mv_btns > a {
	width: 30%; line-height: 34px;
}
.mv_sec .item {
	height: 400px;
}
.msec01 {
	padding: 40px 0px;
}
.msec01 .ms01_ban > a {
	padding: 25px; height: 180px; background-size: 80px auto !important;
}
.msec01 .ms01_ban > a .tit {
	font-size: 16px;
}
.msec01 .ms01_ban > a .txt {
	line-height: 22px; font-size: 14px;
}
.msec02 {
	padding: 80px 0px 60px;
}
.msec02 .tit {
	font-size: 40px;
}
.msec02 .txt {
	margin: 10px 0px 40px; letter-spacing: 2px; font-size: 13px;
}
.msec02 .btn_more {
	width: 50px; height: 50px;
}
.footer_01 { width:100%;}
.footer_02 { width:100%; text-align:center}

}
/*@media all and (max-width:480px)
{
body {
	font-size: 12px;
}
.header .top_logo {
	width: 50%;
}
.top_logo > a {
	height: 70px;
}
.header .btn_mo_menu {
	height: 70px;
}
.header .open.btn_mo_menu::before {
	top: 34px;
}
.header .open.btn_mo_menu::after {
	top: 34px;
}
.header .gnb {
	top: 70px;
}
.gnb > li > a {
	font-size: 15px;
}
.gnb .subm > li > a {
	padding: 2px 10px; line-height: 32px; font-size: 13px;
}
.ft_info > li {
	font-size: 12px;
}
.ft_info > li.copy {
	font-size: 11px;
}
.ft_btns > a {
	margin: 0px; width: 100%; font-size: 12px;
}
#wrap {
	margin: 70px 0px 0px;
}
.mv_sec .mv_info .tit {
	line-height: 28px; font-size: 20px;
}
.mv_sec .mv_info .txt {
	margin: 10px 0px; font-size: 12px;
}
.mv_sec .mv_btns > a {
	line-height: 30px; font-size: 12px; margin-right: 5px;
}
.mv_sec .item {
	height: 300px;
}
.mnoti_sec dl > dt {
	width: 10%; background-size: auto 20px;
}
.mnoti_sec dl > dd {
	width: 90%; padding-right: 20%;
}
.mnoti_sec .mnoti_list > li > a {
	font-size: 13px;
}
.mnoti_sec .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	right: -29%;
}
.msec01 .ms01_ban > a {
	background-position: 95% !important; margin: 0px 0px 5px !important; padding: 20px 25px 25px; width: 100%; height: auto;
}
.msec01 .ms01_ban > a:last-child {
	margin: 0px !important;
}
.msec01 .ms01_ban > a .tit {
	font-size: 15px; margin-bottom: 5px;
}
.msec01 .ms01_ban > a .txt {
	line-height: 20px; font-size: 13px;
}
.msec02 {
	padding: 70px 0px 50px;
}
.msec02 .tit {
	font-size: 36px;
}
.msec02 .txt {
	margin: 0px 0px 30px; font-size: 12px;
}
.msec02 .btn_more {
	width: 45px; height: 45px;
}
.msec03 {
	padding: 30px 0px;
}
.msec03 .mbd_sec .tit {
	font-size: 16px; margin-bottom: 5px;
}
.msec03 .mbd_sec .tit .btn_more {
	font-size: 12px;
}
.msec04 dl > dt {
	font-size: 16px; margin-bottom: 10px;
}
.msec04 .owl-nav {
	top: -40px; right: 26px;
}
.msec04 .owl-theme .owl-nav [class*='owl-'] {
	width: 26px; height: 26px; background-size: auto 60% !important;
}
.msec04 .btn_mfs {
	top: -39px; width: 26px; height: 26px; background-size: auto 60% !important;
}
}*/



/*@media all and (max-width:414px)
{
.header .top_logo {
	width: 50%;
}

.header .gnb {
	width: 50%; right: -50%;
}
.header .btn_mo_menu {
	width: 8%;
}
.mv_sec .mv_info {
	top: 20%;
}
.mv_sec .mv_info .tit {
	line-height: 26px; font-size: 18px;
}
.mv_sec .mv_btns > a {
	border: 1px solid rgb(1, 157, 219); border-image: none; width: 35%; line-height: 26px;
}
.mv_sec .item {
	height: 250px;
}
.mv_sec .owl-theme .owl-dots {
	bottom: 10px;
}
.mv_sec .owl-theme .owl-dots .owl-dot span {
	width: 10px; height: 10px;
}
.msec01 {
	padding: 30px 0px;
}
}*/



/*@media all and (max-width:375px)
{
.footer .ft_info {
	padding: 50px 0px 0px; background-size: auto 40px;
}
.ft_btns > a {
	margin: -1px 0px 0px; width: 100%; display: block;
}
.mnoti_sec dl > dt {
	width: 12%; background-size: auto 18px;
}
.mnoti_sec dl > dd {
	width: 88%; padding-right: 20%;
}
.mnoti_sec .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	right: -29%;
}
.msec01 .ms01_ban > a {
	background-size: 70px auto !important;
}
.msec02 .txt {
	letter-spacing: 1px;
}
}*/