@charset "utf-8";

/* m_tit */
.m_tit{color: #fff; margin-top: 100px;}
.m_tit h3{font-size: 3.6rem; margin-bottom: 20px;}
.m_tit p{font-size: 1.8rem; font-weight: 300; word-break: keep-all;}

.m_tit2{color: #212121;}
.m_tit2 h3{font-size: 2.4rem;}
.m_tit2 p{font-size: 1.6rem; font-weight: 300; line-height: 1.7em; margin-top: 15px; word-break: keep-all;}
.m_tit2 .more{margin-top: 50px;}
.m_tit2 .more a{font-size: 1.5rem; color: #212121; text-decoration: underline; text-underline-position: under;}

@media all and (max-width:1024px){
	.m_tit{text-align: center; margin-top: 70px;}
	.m_tit h3{font-size: 3.2rem; margin-bottom: 15px;}
	.m_tit2 h3{font-size: 2.2rem;}
	.m_tit p{font-size: 1.7rem;}
	.m_tit2 p{line-height: 1.6em;}
	.m_tit2 .more{margin-top: 40px;}
} 
@media all and (max-width:768px){
	.m_tit{text-align: center; margin-top: 70px;}
	.m_tit h3{font-size: 2.8rem; margin-bottom: 10px;}
	.m_tit2 h3{font-size: 2rem;}
	.m_tit p{font-size: 1.6rem;}
	.m_tit2 p{font-size: 1.5rem; margin-top: 10px;}
	.m_tit2 .more{margin-top: 28px;}
	.m_tit2 .more a{font-size: 1.4rem;}
}
@media all and (max-width:480px){
	.m_tit{margin-top: 0;}
}
	

/* mVisual */
#mVisual{}
#mVisual .mv{width: 100%; height: 100vh; background-repeat: no-repeat; background-position: center center; background-size: cover;}
#mVisual .mv.mv1{background-image: url(/images/main/mv1.png);}
#mVisual .mv.mv2{background-image: url(/images/main/mv2.png);}
#mVisual .mv .inner{height: 100%;}
.mv-inner{position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); display: flex; flex-direction: column;}
.mv-inner .mv_txt{margin-bottom: 70px;}
.mv-inner .mv_txt h3{font-size: 6.8rem; line-height: 1em; color: #fff;}
.mv-inner .mv_txt h3 b{color: #009238;}
.mv-inner .mv_txt h3 span{color: transparent; -webkit-text-stroke: 1px #fff; font-family: 'Roboto', sans-serif; letter-spacing: 0.025em;font-weight: 900;}
.mv-inner .mv_txt p{font-size: 1.8rem; margin-top: 30px; color: #fff; font-weight: 300;}
.mv-inner .mv_txt p span{font-weight: 500;}
.mv-inner .btn_box{display: flex;}
.mv-inner .mv_btn > div{display: none;}
.mv-inner .mv_btn > div.on{display: block;}
.mv-inner i{color: #fff; cursor: pointer;}
.mv-inner .arrows{display: flex; margin-left: 30px;}
.mv-inner .arrows .prev{margin-right:30px;}

@media all and (max-width:1024px){
	.mv-inner .mv_txt{margin-bottom: 50px; text-align: center;}
	.mv-inner .mv_txt h3{font-size: 5.6rem;}
	.mv-inner .mv_txt p{font-size: 1.7rem; margin-top: 20px;}
	.mv-inner .btn_box{justify-content: center;}
}
@media all and (max-width:768px){
	.mv-inner .mv_txt h3{font-size: 4.8rem; line-height: 1.1em;}
	.mv-inner .mv_txt p{font-size: 1.6rem; margin-top: 15px;}
}
@media all and (max-width:480px){
	.section,
	.fp-tableCell{height: auto !important;}
	.mv-inner .mv_txt h3{font-size: 4.2rem;}
}


/* sec2 */
.sec2{background: url(/images/main/sec2_bg.jpg) top center / cover;}
@media all and (min-width:1920px){
	.sec2{background-size: contain !important;}
}
.sec2 ul{margin-top: 80px; display: flex; justify-content: space-between;}
.sec2 ul li{width: calc(25% - 20px); height: 400px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover;
background-size: cover; box-shadow: 2px 3px 12px rgba(0,0,0,0.2); transition: .2s ease-in-out}
.sec2 ul li:hover{transform: scale(1.05);}
.sec2 ul li:nth-child(1){background-image: url(/images/main/sec2_bg1.jpg);}
.sec2 ul li:nth-child(2){background-image: url(/images/main/sec2_bg2.jpg);}
.sec2 ul li:nth-child(3){background-image: url(/images/main/sec2_bg3.jpg);}
.sec2 ul li:nth-child(4){background-image: url(/images/main/sec2_bg4.jpg);}
.sec2 ul li a{display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; height: 100%; color: #fff;}
.sec2 ul li a .txt{}
.sec2 ul li a .txt .icon{margin-bottom: 15px;}
.sec2 ul li a .txt .icon img{max-width: 100%;}
.sec2 ul li a .txt h4{color: rgba(255,255,255,0.6); font-weight: 600; font-size: 1.4rem;}
.sec2 ul li a .txt h3{font-weight: 600; font-size: 2.4rem; margin: 0 0 25px;}
.sec2 ul li a .txt p{font-size: 1.6rem;}
.sec2 .more{text-align: right; margin-top: 50px;}
.sec2 .more a{font-size: 1.5rem; color: #666666; text-decoration: underline; text-underline-position: under;}

@media all and (max-width:1024px){
	.sec2 ul{margin-top: 45px; flex-wrap: wrap;}
	.sec2 ul li{width: calc(50% - 10px); height: 25vmin; margin-bottom: 20px;}
	.sec2 ul li:nth-child(3),
	.sec2 ul li:nth-child(4){margin-bottom: 0;}
	.sec2 ul li a .txt h3{font-size: 2.2rem; margin-bottom: 15px;}
	.sec2 .more{margin-top: 35px;}
}
@media all and (max-width:768px){
	.sec2 ul{margin-top: 35px;}
	.sec2 ul li{height: 40vmin;}
	.sec2 ul li a .txt .icon img{max-width: 36px;}
	.sec2 ul li a .txt h3{font-size: 2rem; margin-bottom: 10px;}
}
@media all and (max-width:480px){
	.sec2{padding: 8rem 0 6rem;}
	.sec2 ul{margin-top: 30px;}
	.sec2 ul li{height: 50vmin; width: calc(50% - 5px); margin-bottom: 10px;}
	.sec2 ul li a .txt .icon{margin-bottom: 10px;}
	.sec2 ul li a .txt .icon img{max-width: 30px;}
	.sec2 ul li p{display: none;}
	.sec2 .more{margin-top: 30px; text-align: center; }
	.sec2 .more a{font-size: 2rem; border: 1px solid #dedede; text-decoration: none; padding: 15px 30px; display: inline-block;}
}


/* sec3 */
.sec3{background: url(/images/main/sec3_bg.png) no-repeat bottom center;}
.sec3 .m_tit{color: #000;}
.sec3 .flex_box{margin-top: 80px; display: flex; justify-content: space-between;}
.sec3 .flex_box > div{padding: 50px 55px;}
.sec3 .flex_box .inquiry{width: calc(27.8571% - 30px); background-color: #ae4682 /*002d65*/;}
.sec3 .flex_box .inquiry .m_tit2,
.sec3 .flex_box .inquiry .m_tit2 a{color: #fff;}
.sec3 .flex_box .notice{width: calc(100% - 27.8571%); border: 1px solid #dedede; background-color: #fff; display: flex; justify-content: space-between;}
.sec3 .flex_box .notice .left_box{width: 260px;}
.sec3 .flex_box .notice .right_box{width: calc(100% - 260px);}
.sec3 .flex_box .notice .right_box ul{}
.sec3 .flex_box .notice .right_box ul li{padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #eee;}
.sec3 .flex_box .notice .right_box ul li:last-child{padding-bottom: 0; margin-bottom: 0; border-bottom: 0px;}
.sec3 .flex_box .notice .right_box ul li a{display: flex; align-items: center;}
.sec3 .flex_box .notice .right_box ul li a .date{text-align: center; width: 60px; color: #212121;}
.sec3 .flex_box .notice .right_box ul li a .date h4{font-size: 1.2rem; font-weight: 300;}
.sec3 .flex_box .notice .right_box ul li a .date h3{font-size: 3.6rem; line-height: 1em;}
.sec3 .flex_box .notice .right_box ul li a .text{margin-left: 30px; width: calc(100% - 90px);}
.sec3 .flex_box .notice .right_box ul li a .text .tit{font-weight: 500; color: #212121;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; font-size: 1.6rem;}
.sec3 .flex_box .notice .right_box ul li a .text p{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; font-size: 1.4rem; color: #777; font-weight: 300; margin-top: 4px;}

@media all and (max-width:1024px){
	.sec3 .flex_box{margin-top: 55px;}
	.sec3 .flex_box > div{padding: 30px 35px;}
	.sec3 .flex_box .inquiry{width: calc(35% - 20px);}
	.sec3 .flex_box .notice{width: calc(100% - 35%);}
	.sec3 .flex_box .notice .left_box{width: 200px}
	.sec3 .flex_box .notice .right_box{width: calc(100% - 200px);}
	.sec3 .flex_box .notice .right_box li{margin-bottom: 20px; padding-bottom: 20px;}
	.sec3 .flex_box .notice .right_box ul li a .text{margin-left: 15px; width: calc(100% - 60px);}
}
@media all and (max-width:768px){
	.sec3 .flex_box{margin-top: 35px; flex-direction: column;}
	.sec3 .flex_box > div{width: 100% !important;}
	.sec3 .flex_box .inquiry{margin-top: 20px; order: 2;}
	.sec3 .flex_box .notice{flex-direction: column;}
	.sec3 .flex_box .notice .left_box,
	.sec3 .flex_box .notice .right_box{width: 100%;}
	.sec3 .flex_box .notice .left_box p,
	.sec3 .flex_box .notice .left_box .more{display: none;}
	.sec3 .flex_box .notice .left_box h3{margin-bottom: 20px;}
	.sec3 .flex_box .notice .right_box li{margin-bottom: 15px; padding-bottom: 15px;}
	.sec3 .flex_box .notice .right_box li:last-child{display: none;}
	.sec3 .flex_box .notice .right_box li:nth-child(2){margin-bottom: 10px; border-bottom: 0; padding-bottom: 0;}
}
@media all and (max-width:480px){
	.sec3{padding: 4rem 0 10rem; background-position: center center;}
	.sec3 .flex_box > div{padding: 20px 25px;}
	.sec3 .flex_box .notice .right_box li{margin-bottom: 10px; padding-bottom: 10px;}
}



/* sec4 */
.sec4{background: url(/images/main/sec4_bg.jpg) no-repeat bottom center;}
.sec4 .inner{display: flex; align-items: center; margin-top: 100px;}
.sec4 .inner .map_box{max-width: 820px; width: 100%;}
.sec4 .inner .text{margin-left: 95px;}
.sec4 .inner .text .m_tit{margin-top: 0;}
.sec4 .inner .text .m_tit p{color: #eee;}
.sec4 .inner .text .info{color: #fff; margin-top: 45px;}
.sec4 .inner .text .info h4{font-size: 2.4rem; color: #fff; font-weight: 500; margin-bottom: 5px;}
.sec4 .inner .text .info p{font-size: 2rem; font-weight: 600; line-height: 2em;}
.sec4 .inner .text .info p span{margin-left: 15px; font-size: 2.4rem; font-weight: 600;}
.sec4 .inner .text .info p span a{color: #fff;}


@media all and (max-width:1400px){
	.sec4 .inner .map_box{max-width: 52vw;}
	.sec4 .inner .text{margin-left: 50px;}
}
@media all and (max-width:1024px){
	.sec4 .inner{flex-direction: column; margin-top: 70px;}
	.sec4 .inner .map_box{max-width: 100%;}
	.root_daum_roughmap .wrap_map{height: 360px !important;}
	.sec4 .inner .text{margin-left: 0; text-align: center; margin-top: 30px;}
	.sec4 .inner .text .info{margin-top: 25px;}
	.sec4 .inner .text .info h4{font-size: 2.2rem;}
	.sec4 .inner .text .info p{font-size: 1.8rem;}
	.sec4 .inner .text .info p span{font-size: 2.2rem; margin-left: 10px;}
}
@media all and (max-width:768px){
	.root_daum_roughmap .wrap_map{height: 320px !important;}
	.sec4 .inner .text .info{margin-top: 15px;}
	.sec4 .inner .text .info h4{font-size: 2rem;}
	.sec4 .inner .text .info p{font-size: 1.7rem;}
	.sec4 .inner .text .info p span{font-size: 2rem; margin-left: 6px;}
}
@media all and (max-width:480px){
	.sec4{padding: 10rem 0 8rem;}
	.sec4 .inner{margin-top: 0;}
	.root_daum_roughmap .wrap_map{height: 60vmin !important;}
}