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

/**** Media Query *********************************/
@media (max-width:640px){
	
	body {width: 100%; min-width: auto; /*overflow-x: hidden;*/}
	.br_none {display: none;}
	#wrap.main_wrap {margin: 0 auto;}
	.msec01 {margin: 0 3vw !important; width: auto;}
	.msec02 {margin: 0 3vw !important; width: auto;}
	.msec03 {margin: 0 3vw !important; width: auto}
	.msec04 {margin: 0 3vw !important; width: auto}
	.btn_top {display: none !important;}

	/* Header */
	.header .btn_sm {display: none;}
	.header {min-width: auto;overflow:visible; height: 80px;}
	.header .hd_sub {padding: 0 3vw;}
	.header .hd_sub:before {height: 70px;}	
	.header .hd_etc {display: none;}
	.header .hd_logo > a {height: 80px; background-size: 75%;}
	.header .btn_mo_menu:before {top: 25px;}
	.header .btn_mo_menu:after {bottom: 25px;}
	.header .btn_mo_menu {display:block;height: 80px;}
	.header .gnb {display:block;float:none;position:fixed;bottom:0;right:-50%;width:50%;height: 100% !important; margin:0;background:#f3f3f3;overflow-y:auto;transition:right 0.4s; z-index: 200;}
	.header .gnb.op {right:0;}
	.gnb > li {display:block;float:none;width: 100%; padding:0; border-top: 0}
	.gnb > li:hover {border-top: 0;} 
	.gnb > li:after {background: none;}
	.gnb > li.st {width: 100%;}
	.gnb > li > a {font-size: 3.5vw; padding:0;border-top:solid 1px #fff;line-height:13vw;transition:all 0.4s;}
	.gnb > li:before {display: none;}
	.gnb > li.mview > a {background:#0f75bc;color:#fff;}
	.gnb .subm {width: 100%; display:none;position: static;height:auto;padding:3vw 0;background:#cacaca !important;transition:none; margin-top: 0; box-shadow: none;}
	.gnb .subm a { color:#333 !important; font-size: 3vw; }
	
	.header .sitemap {display: none;}

	/* Footer */
	.footer .ft_info {padding: 20px 10px; font-size: 3vw; text-align: center;}
	.footer .ft_add {padding-bottom: 10px;}
	.footer .copy {padding-top: 10px;}
	.footer .ft_add p {display: inline; font-size: 2.8vw;}

	.footer .ft_rig {position: static; float: none; text-align: center;}
	.footer .ft_rig ul li {margin: 10px 5px 10px 0;}
	.footer .ft_rig ul li a {font-size: 3vw;}
	.footer .copy span {font-size: 2.8vw;}
	/* Main */
	.mv_sec {height:300px; padding-top: 80px;}
	.mv_sec .owl-theme .item {height:300px;}
	.mv_sec .owl-theme .item > img {width:170%; margin-left: -100px;}
	.mv_sec .mv_info {left: 3%; right: 3%; margin-left: 0; top: 82%; margin-top: 0; top: 20%;}
	.mv_sec .mv_info .txt1 {font-size: 3.2vw;}
	.mv_sec .mv_info .txt2 {font-size: 6vw;}
	.mv_sec .mv_info .txt3 {font-size: 3.4vw; line-height: 1.4; padding-top: 15px;}
	.mv_sec .mv_info .txt4 {font-size: 3.4vw; line-height: 1.4;}
	.mv_sec:after {display: none;}
	.owl-theme.mv_list .owl-nav.disabled+.owl-dots {right:22px;}
	.btm_arr {display: none;}
	.top_info article {width: 100%; float: none;}
	.top_info article .inner {width: 100%; height: 100px !important}
	.top_info article.tpo1 .inner h3 {text-align: center; font-size: 5vw; width:50%;}
	.top_info article.tpo1 .inner h3 > span {display: block;}
	.top_info article.tpo1 .inner dl dt {font-size: 3.2vw;}
	.top_info article.tpo1 .inner dl dd {font-size: 3.2vw;}
	.top_info article.tpo2 .inner {float: none; padding: 0; height: auto !important;}
	.top_info article.tpo2 .inner ul {padding: 0;}
	.top_info article.tpo2 .inner ul li {margin-bottom: 0; margin-right: 0; font-size: 3.2vw; width: 100%; float: none; box-sizing: border-box; padding:0 0 0 20px;}
	.top_info article.tpo2 .inner ul li:last-child {padding: 30px 0 30px 90px; border-top: 1px solid #ccc;}
	.top_info article.tpo2 .inner ul li:nth-child(1) a {width: auto; font-size: 3.4vw; padding: 30px 0 30px 70px}
	.top_info article.tpo2 .inner ul li:nth-child(1) a:before {background-size: 90%; top: 11px;}
	.top_info article.tpo2 .inner ul li:nth-child(2):before {left: 20px;  top:15px; background-size: 90%;}
	.msec01 .inner {padding: 40px 0 60px;}
	.tit_b h3 {font-size: 6vw;}
	.tit_b p {font-size: 3.2vw;}
	.msec01 .inner ul {margin-top: 20px; text-align: center;}
	.msec01 .inner ul li {width: auto; margin-right: 0; margin-bottom: 20px;}
	.msec01 .inner ul li .bt_t {padding: 15px 0 !important; height: 85px !important;}
	.msec01 .inner ul li .bt_t p {font-size: 4.5vw;}
	.msec01 .inner ul li .mbb img {width: 100%;}
	.msec02 {padding: 20px 0 50px; background-size: 300% 100%; background: url(../images/main/msec02_bg.jpg) no-repeat right 38% top}
	.msec02 .tit_b {text-align: left; padding: 20px;}
	.msec02 .tit_b p {font-size: 3.5vw; padding: 13px; border-radius: 20px; background: rgba(255,255,255,0.3);}
	.msec02 .tit_b .m_btn {height: 40px; margin-top: 25px; margin-right: 10px;}
	.msec02 .tit_b .m_btn a {line-height: 35px; font-size: 3.2vw;}
	.msec03 article {width: 100%; float: none;}
	.msec03 article.at1 {padding: 50px 0 60px;}
	.msec03 article.at1 ul {margin-top: 20px;}
	.msec03 article.at1 ul li {margin-right: 6%;}
	.msec03 article.at1 ul li .img_bg {width: 100px; height: 100px; line-height: 100px;}
	.msec03 article.at1 ul li .img_bg > img {width: 65%;}
	.msec03 article.at1 ul li p {font-size: 4vw;}
	.msec03 article.at1 ul li span {font-size: 3vw;}
	.msec03 .in_box {width: 100%;}
	.msec03 article.at2 {padding: 50px 0 60px;}
	.msec03 article.at2 .bd_list li a {font-size: 3.8vw}
	.msec03 article.at2 .bd_box .list_b dt {font-size: 6vw;}
	.msec03 article.at2 .bd_box .list_b dd {font-size: 3.2vw;}
	.msec03 article.at2 .bd_box .list_b dt > span {font-size: 3vw;}
	.msec03 a.vm_btn {font-size: 3.2vw;}
}

@media (max-width:480px){

	
}
@media (max-width:414px){

}

@media (max-width:375px){

}