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

/**** Media Query *********************************/
@media (max-width:1640px){
	img {max-width: 100%;}

	#header .bot .wrap2,
	#footer .wrap2 {padding: 0 20px;}

	#footer .btn_top {transform:translateY(-100%);right: 20px;}
}

@media (max-width:1440px){
	body {font-size: 15px;}
	input, select, button, textarea {font-size: 14px;}

	#fullpage .wrap1 {padding: 0 20px;}

	#header .bot .logo a {width: 22.43vw;}
	#header .bot .gnb {margin-left: 3vw;}
	#header .bot .gnb > ul > li {width: 11vw;}
	#header .bot .gnb > ul > li > a {font-size: 1.125em;}
	#header .bot .btns a.sitemap {margin-left: 2vw;}

	#fullpage .section1 .box {margin: 0;}
	#fullpage .section1 .mv_list .info {left: 20px;margin-left: 0;}
	#fullpage .section1 .owl-nav.disabled+.owl-dots {left: 20px;margin-left: 0;}
	#fullpage .section1 .mv_link {left: 0;transform:none;}

	#fullpage .notice .tab_area {width: 49%;}
	#fullpage .notice .banner {width: 49%;margin-right: 0;}
}

@media (max-width:1300px){
	#fullpage .section1 .mv_banner {left: auto;right: 20px;}
}

@media (max-width:1200px){
	body {font-size: 14px;}
	input, select, button, textarea {font-size: 13px;}

	#fullpage .now_list .owl-nav [class*=owl-] {background-position:center center !important;box-sizing:content-box;padding: 10px;background-color: rgba(0,0,0,0.3);background-size:50%;}
	#fullpage .now_list .owl-nav .owl-prev {left: 0;}
	#fullpage .now_list .owl-nav .owl-next {right: 0;}

	#fullpage .comu > li {width: 23.5%;margin-left: 2%;}

	#fullpage .section5 .box1 {margin: 0;}
	#fullpage .section5 .dtb {display: block;max-width: 848px;margin: 0 auto;padding: 0 20px;}
	#fullpage .mem_map {display: block;margin-bottom: 1em;}
	#fullpage .mem_map .dtb {display: table;padding: 0;}
	#fullpage .mem_map .map {height: auto;}
	#fullpage .mem_map .info .top {padding: 10% 0;padding-left: 45%;}
	#fullpage .mem_map .info .top .img {}
	#fullpage .mem_map .info .top span {font-size: 1em;}
	#fullpage .mem_map .info .top h4 {font-size: 1.8em;}

	#fullpage .mem_link {display: block;width: 100%;}
	#fullpage .mem_link ul li {width: 16.667%;margin: 0 !important;padding: 1em 0;}
	#fullpage .mem_link ul li a .ico:before,
	#fullpage .mem_link ul li a .ico:after {}
}

@media (max-width:1024px){
	#wrap {overflow: hidden;}

	#fullpage .notice .banner > li {width: 49%;}

	#footer .ft_adr li:nth-child(2) span:nth-child(3):before {display: none;}
}

.mo {display: none;}
.pc {display: block;}
@media (max-width:960px){
	.mo {display: block;}
	.pc {display: none;}

	body {font-size: 13px;}
	input, select, button, textarea {font-size: 12px;}

	#header {height: 100px;}
	#header .bot .logo a {height: 55px;width: 35vw;}
	#header .bot .btns a {margin-top: 17px;}
	#header .bot .gnb {display: none;}

	#fullpage .section1 .mv_list, #fullpage .section1 .mv_list .item {height: calc(100vh - 100px);}

	#fullpage .mem_map .info {padding: 3em 1em;}
	#fullpage .mem_map .info .more {line-height: 3;}
}


@media (max-width:800px){
	body {font-size: 12px;}
	input, select, button, textarea {font-size: 11px;}

	#fullpage .section1 .mv_list .info {top: 20%;left: 0;width: 100%;text-align: center;}
	#fullpage .section1 .mv_list .info1 .t1 {font-size: 1.2em;padding-left: 0;}
	#fullpage .section1 .mv_list .info1 .t2 {font-size: 2em;}
	#fullpage .section1 .mv_list .info1 .t3 {font-size: 3em;}
	#fullpage .section1 .owl-nav.disabled+.owl-dots {top: 55%;left: 50%;transform:translateX(-50%);}
	#fullpage .section1 .mv_banner {top: auto;right: 0;bottom: calc(1.375em * 3.63);width: 100%;padding: 0.9375em 2.5em;transform:none;margin-top: 0;}
	#fullpage .section1 .owl-dots .owl-dot:last-child {margin-right: 0;}
	#fullpage .section1 .mv_banner ul li {width: 16.667%;}
	#fullpage .section1 .mv_banner ul li a {border-bottom: 0;}
	#fullpage .section1 .mv_banner ul li:nth-child(1) a, #fullpage .section1 .mv_banner ul li:nth-child(2) a {padding-top: 1.5625em;}
	#fullpage .section1 .mv_banner ul li:nth-child(2) a, #fullpage .section1 .mv_banner ul li:nth-child(4) a {border-right: 1px solid rgba(255,255,255,0.15);}
	#fullpage .section1 .mv_banner ul li:nth-child(5) a, #fullpage .section1 .mv_banner ul li:nth-child(6) a {padding-bottom: 1.5625em;}

	#fullpage .now_list {max-width: 740px;padding: 0 20px;}

	#fullpage .notice .tab_area {float: none;width: 100%;max-width: 600px;margin: 0 auto;}
	#fullpage .notice .tab_cons > li .top > li a {padding: 1em 0;padding-left: 7em;}
	#fullpage .notice .tab_cons > li .top > li a .date {width: 5em;height: 5em;left: 1em;}
	#fullpage .notice .tab_cons > li .top > li a .date dl dt {margin-bottom: 1vw;}
	#fullpage .notice .tab_cons > li .top > li a .cont dt {margin-bottom: 0.5em;}
	#fullpage .notice .tab_cons > li .ul_dot {padding: 1em;padding-bottom: 0;}
	#fullpage .notice .tab_cons > li .ul_dot > li {padding-left: 1em;}
	#fullpage .notice .banner {float: none;width: 100%;max-width: 600px;margin: 0 auto;margin-top: 1.5em;}
	#fullpage .notice .banner > li a {height: 50vw;}
	#fullpage .notice .banner > li a dl {padding: 1.5em;}

	#fullpage .comu {max-width: 600px;margin: 0 auto;}
	#fullpage .comu > li {width: 49%;margin-left: 2%;}
	#fullpage .comu > li:nth-child(2n+1) {margin-left: 0;clear: both;}
	#fullpage .comu > li:nth-child(3),
	#fullpage .comu > li:nth-child(4) {margin-top: 3vw;}
	#fullpage .comu > li a .img {height: 35vw;}
	#fullpage .comu > li a .txt {padding: 1.5em;padding-bottom: 1em;}
	#fullpage .comu > li a .txt p {height: auto;width: 100%;white-space:nowrap;text-overflow:ellipsis;}

	#fullpage .section5 .tit {margin-bottom: 0.5em;}
	#fullpage .section5 .dtb {width: 100%;}
	#fullpage .section5 .box > .dtb {width: 100%;}
	#fullpage .mem_map {width: 100%;max-width: 508px;margin: 0 auto;}
	#fullpage .mem_map .dtb {display: block;}
	#fullpage .mem_map .map {width: 100%;display: block;}
	#fullpage .mem_map .map img {width: 70%;}
	#fullpage .mem_map .info {display: block;padding: 1em;padding-bottom: 4em;}
	#fullpage .mem_map .info > div:after {display: block;clear: both;content: '';}
	#fullpage .mem_map .info .top {float: left;width: 50%;padding: 5% 0;padding-left: 20%;}
	#fullpage .mem_map .info .his {float: right;width: 50%;margin-top: 0;padding-left: 0;}
	#fullpage .mem_map .info .sns {float: right;max-width: 50%;margin: 0 0 0 auto;padding-top: 1em;}

	#fullpage .mem_link {max-width: 508px;margin: 1em auto 0;padding: 0;}
	#fullpage .mem_link ul li a .ico {width: 50%;padding-bottom: 50%;margin-bottom: 0.5em;}
}

@media (max-width:640px){
	body {font-size: 3.3vw;}
	input, select, button, textarea {font-size: 3vw;}
	select {padding: 0 1vw;}

	#header {height: 25vw;}
	#header .bot .wrap2, #footer .wrap2 {padding: 0 3vw;}
	#header .top,
	#header .top .util li {height: 8vw;}
	#header .top .util li.fb a img,
	#header .top .util li.yt a img {height: 8vw;}
	#header .top .util li.zm, #header .top .util li a {line-height: 8vw;height: 8vw;}
	#header .top .util li.zm {display: none;}

	#header .bot .logo a {height: 14vw;width: 45vw;}

	#header .bot .btns a {width: 2.5em;height: 2.5em;margin-top: 5vw;}
	#header .bot .btns a img {max-width: 50%;}
	#header .bot .btns a.sitemap img {max-width: 70%;}

	#hd_sch {padding: 5vw;margin-top: 3vw;}
	#hd_sch form input[type='text'] {height: 8vw;}
	#hd_sch form input[type='submit'] {height: 8vw;line-height: 8vw;}

	#fullpage .tit {font-size: 2.4em;margin-bottom: 1.2em;}

	.section,
	.fp-tableCell {vertical-align: top;height: 85vh !important;}
	#fullpage .section1 .mv_list, #fullpage .section1 .mv_list .item {height: calc(85vh - 25vw);}
	#fullpage .section1 .mv_banner {padding: 1em;bottom: 10vw;}
	#fullpage .section1 .mv_banner ul li a {padding: 0.5em 0 !important;}
	#fullpage .section1 .mv_banner ul li a img {width: 55%;}
	#fullpage .section1 .mv_link ul li a {font-size: 1.125em;padding-left: 2em;line-height: 10vw;}
	#fullpage .section1 .mv_link ul li a:after {display: none;}
	#fullpage .section1 .mv_link ul li a img {left: 0.4em;}

	#fullpage .now_list {height: auto;padding: 0 3vw;}
	#fullpage .now_list .owl-nav [class*=owl-] {width: 10vw;height: 15vw;padding: 0;}

	#fullpage .notice .banner > li a {height: 17em;}
	#fullpage .notice .banner > li a dl dt {font-size: 1.4em;}
	#fullpage .notice .banner > li a:before, #fullpage .notice .banner > li a:after {width: 5em;height: 5em;}

	#fullpage .mem_map .map img {height: 60vw;}
	#fullpage .mem_map .info .top {width: 50%;padding: 4vw 0;padding-left: 20%;}
	#fullpage .mem_map .info .top span {font-size: .9em;}
	#fullpage .mem_map .info .top .ico {width: 2.4em;}
	#fullpage .mem_map .info .his {width: 45%;font-size: 2.7vw;}
	#fullpage .mem_map .info .sns {float: right;clear:both;max-width: 60%;}

	#fullpage .mem_link ul li {width: 33.33%;padding: 0.5em 0;}
	#fullpage .mem_link ul li a .ico {width: 35%;padding-bottom: 35%;}

	#fullpage .logo_banner .wrap1 {padding: 0 1vw;}
	#fullpage .logo_banner .wrap1 a {height: 15vw;}
	#fullpage .logo_banner .wrap1 a img {max-width: 80%;}

	#footer .ft_adr li:nth-child(2) span:nth-child(1):before {display: none;}
	#footer .btn_top {right: 3vw;transform: translateY(-200%);}
}