@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
/* CSS Document */

/*content*/
#content{width:100%; height:100%;}

#visual{width:100%; position:relative;}
#visual img{width:100%;}
#visual .m_txt{position:absolute; top:26%; left:5%; color:#fff;}
#visual p{letter-spacing:-0.031em;}
#visual .m_txt h2{font-size:2.500em; letter-spacing:-0.094em;}

#cont01{width:100%;}
#cont01 dl{overflow:hidden; background: #437677;}
#cont01 dl dd{float:left; width:44%; padding:3%;}
#cont01 dl dd:first-child{background:url("../images/main/box_loca.jpg")no-repeat #409a81; background-size:100%; text-align:center;}
#cont01 dl dd:first-child h4{font-size:1.250em; padding-top:48%;}
#cont01 dl dd:first-child p{font-size:0.875em; letter-spacing:-0.094em;}
#cont01 dl dd:first-child h4 a, #cont01 dl dd:first-child p a{color:#fff;}

#cont01 dl dd:last-child{background:url("../images/main/box_tel.jpg")no-repeat #437677; background-size:100%; text-align:center;}
#cont01 dl dd:last-child h4{font-size:1.250em; padding-top:48%;}
#cont01 dl dd:last-child p{font-size:1.375em;}
#cont01 dl dd:last-child h4 a, #cont01 dl dd:last-child p a{color:#fff;}

/*notice*/
#notice{width:100%;}
#notice .notice_wrap{padding:5% 3%;}
#notice .notice_wrap h3{font-size:1.500em; letter-spacing:-0.075em; background:url("../images/main/notice_ico.png")no-repeat 1% 9%; background-size:8%; padding-left:12%;  padding-bottom:5%; border-bottom:solid 0.063em #ddd;}
#notice .notice_wrap h3 a{color:#333;}
#notice .notice_wrap ul{overflow:hidden;}
#notice .notice_wrap ul li{margin-top:5%;}
#notice .notice_wrap ul li span.tit{display:inline-block; width:74%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:600; font-size:1.125em;}
#notice .notice_wrap ul li span.data{display:inline-block; width:23%; text-align:right; color:#888; font-size:1.000em; letter-spacing:-0.031em;}
#notice .notice_wrap p.more_btn{background:#ecdb60; text-align:center; margin-top:8%;}
#notice .notice_wrap p.more_btn a{color:#fff; display:block; padding:4%; font-weight:600;}
#notice .notice_wrap p.more_btn a:hover{background:#437677;}

/*Cont02*/
#cont02{width:100%;}
#cont02 .cont_wrap{background:#f7f7f7; border-top:solid 0.063em #ddd; position: relative;}
#cont02 .cont_wrap .box{position: relative;}
#cont02 .cont_wrap img{width:100%;}
#cont02 .bg img{width:100%;}

/*Cont03*/
#cont03{width:100%;}
#cont03 .cont_wrap{padding:3%; margin-top:8%; margin-bottom:10%;}
.embed-container{position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;} 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }




@media screen and (max-width:375px) {
#visual p{font-size:0.875em;}
#visual .m_txt h2{font-size:1.875em;}
#cont01 dl dd:first-child p{font-size:0.813em;}

}

@media screen and (max-width:320px) {
#visual p{font-size:0.813em;}
#notice .notice_wrap ul li span.tit{display:block; width:100%;}
#notice .notice_wrap ul li span.data{display:block; width:100%; padding-top:1%;}
}