@charset "utf-8";

.mcont0-section-wrap {position:relative;width:100%;}
#mcont0-section {}
#mcont0-section li{box-sizing: border-box;border-collapse:collapse;display:table-cell;}
#mcont0-section .slick-track > li{height: 850px;background-size:cover !important;}
#mcont0-section li .txtBox {display: block;position:relative;width:100%;max-width: 1200px;margin: 0 auto;height: auto;text-align: left;z-index: 52;top: 36%;transform: skew(-0.03deg);text-align: center;}
#mcont0-section li .txtBox > div.tit_block {
	font-size: 65px;
	font-weight:700;
	color: #333333;
	opacity: 0; 
	transform: translateY(100px);
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
}
#mcont0-section li .txtBox p.subtit {
	font-size: 22px;
	font-weight: 700;
	color: #333333;
	opacity: 0; 
	margin-top: 2%; 
	line-height: 1.5;
	transform: translateY(100px);
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
}
#mcont0-section li.slick-current .txtBox > div.tit_block {transform: translateY(0);opacity: 1;}
#mcont0-section li.slick-current .txtBox p.subtit {transform: translateY(0);opacity: 1;}
#mcont0-section li .txtBox p.subtit {
	transition-delay:1s;
}
.font_white div, .font_white p {color:#ffffff !important;}

.slick-dots li button {
	width: 14px !important;
	height: 14px !important;
	padding:0px; 
	background-color: transparent !important;
	border: 2px solid #fff !important;
	transition: all 0.1s ease;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
}
.slick-dots li.slick-active button {width:30px !important;background-color:#fff !important; border-radius: 10px !important;}

.mcont0-section-wrap span.slick_button {position:absolute;z-index:1;bottom:12.7%;left:50%;}
.slick-dots {width:80px !important;}

@media screen and (max-width:1200px){
	#mcont0-section li .txtBox {top: 45%;width:75%;}
	#mcont0-section .slick-track > li{height: 700px;}
	#mcont0-section li .txtBox>div.tit_block {font-size: 50px;}
	#mcont0-section li .txtBox p.subtit {font-size: 20px;}
}

@media screen and (max-width:990px){
	#mcont0-section li .txtBox {top: 30%;width:95%;}
	#mcont0-section .slick-track > li{height: 500px;}
	#mcont0-section li .txtBox>div.tit_block {font-size: 38px;}
	#mcont0-section li .txtBox p.subtit {font-size: 18px;}
	#mcont0-section li .txtBox>div.tit_block:after {margin: 30px 0px;}
}

@media screen and (max-width:850px){
	#mcont0-section .slick-track > li{height:450px;}
	#mcont0-section li .txtBox>div.tit_block {font-size: 36px;}
	#mcont0-section li .txtBox p.subtit {font-size: 16px;}
	#mcont0-section li .txtBox>div.tit_block:after {margin: 25px 0px;}
}
@media screen and (max-width:750px){
	#mcont0-section .slick-track > li{height:400px;}
	#mcont0-section li .txtBox>div.tit_block {font-size: 32px;}
	#mcont0-section li .txtBox p.subtit {font-size: 15px;}
	#mcont0-section li .txtBox>div.tit_block:after {margin: 20px 0px;}
	.slick-dots {bottom:5% !important;}
	.slick-dots li button {padding:0px !important;width:10px !important;height:10px !important;}
}
@media screen and (max-width:650px){
	#mcont0-section .slick-track > li{height:350px;}
	#mcont0-section li .txtBox>div.tit_block {font-size: 28px;}
	#mcont0-section li .txtBox p.subtit {font-size: 14px;}
	#mcont0-section li .txtBox>div.tit_block:after {margin: 20px 0px;}
}
@media screen and (max-width:500px){
	#mcont0-section .slick-track > li{height:300px;}
	#mcont0-section li .txtBox>div.tit_block {font-size: 26px;font-weight: 600;}
	#mcont0-section li .txtBox p.subtit {font-size: 13px;font-weight: 500;}
	#mcont0-section li .txtBox>div.tit_block:after {height:1px;}
}
@media screen and (max-width:400px){
	#mcont0-section li .txtBox>div.tit_block {font-size: 22px;}
}

.slider {width: 50%; margin: 100px auto;}
.slick-slide img {width: 100%;}
.slick-prev:before, .slick-next:before {color: black;}
.slick-slide {transition: all ease-in-out .3s; opacity: .2;}
.slick-active {opacity: 1;}
.slick-current {opacity: 1;}

.slick-slider .slick-prev,
.slick-slider .slick-next {display: none !important;}



/* 퀵메뉴 */
#mcont00-section {width: 100%;  clear: both ;text-align: center;border-bottom: 1px solid #cccccc;}
#mcont00-section ul {display: inline-block;width: 100%;max-width: 1400px;margin: 30px auto;}
#mcont00-section ul li {width: 16.666%;float: left;text-align: center;border-right:1px solid #ccc;}
#mcont00-section ul li:last-child {border-right:0px;}
#mcont00-section ul li a {display: block;font-size: 16px;color: #333;}
.icon_img span {
	display: inline-block;
	width:85px;
	height:85px;
	-webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
	margin-bottom:7px;
}
.icon_img01 span { background:url('../img/main/quick1.gif') top center no-repeat; }
.icon_img02 span { background:url('../img/main/quick2.gif') top center no-repeat; }
.icon_img03 span { background:url('../img/main/quick3.gif') top center no-repeat; }
.icon_img04 span { background:url('../img/main/quick4.gif') top center no-repeat; }
.icon_img05 span { background:url('../img/main/quick5.gif') top center no-repeat; }
.icon_img06 span { background:url('../img/main/quick6.gif') top center no-repeat; }

#mcont00-section ul li a:hover .icon_img span {
	background-position: bottom center !important;
}

@media screen and (max-width:1000px){
	#mcont00-section ul {margin: 20px auto;}
	.icon_img span {
		width:75px;
		height:70px;
	}
	.icon_img01 span,
	.icon_img02 span,
	.icon_img03 span,
	.icon_img04 span,
	.icon_img05 span,
	.icon_img06 span {background-size:70px 140px; }
}

@media screen and (max-width:800px){
	#mcont00-section ul li {width: 33.333%;border-right:0px;}
	#mcont00-section ul li:nth-child(4),
	#mcont00-section ul li:nth-child(5),
	#mcont00-section ul li:nth-child(6) {margin-top:20px;}
	#mcont00-section ul li a {font-size: 14px;}
	.icon_img span {margin-bottom:2px;}
}
@media screen and (max-width:500px){
	#mcont00-section ul li a {font-size: 13px;}
}


#mcont01-section {display: table;width:100%;max-width:1400px;margin:60px auto;clear:both;}
#mcont01-section .cont-area {}
#mcont01-section .cont-area .txt01 {font-size:36px;font-weight: 500;text-align:center;margin-bottom: 3%;}
#mcont01-section .cont-area .box-area {}
#mcont01-section .cont-area .box-area ul {}
#mcont01-section .cont-area .box-area ul li {position:relative;float:left;line-height:0px;}
#mcont01-section .cont-area .box-area ul li a {display:block;}
#mcont01-section .cont-area .box-area ul li.w50 {width:50%;}
#mcont01-section .cont-area .box-area ul li.w25 {width:25%;}
#mcont01-section .cont-area .box-area ul li.w50 a,
#mcont01-section .cont-area .box-area ul li.w25:nth-child(5) a,
#mcont01-section .cont-area .box-area ul li.w25:nth-child(6) a,
#mcont01-section .cont-area .box-area ul li.w25:nth-child(9) a,
#mcont01-section .cont-area .box-area ul li.w25:nth-child(10) a {color:#fff;text-shadow: 1px 1px 5px rgb(0 0 0 / 30%);}
#mcont01-section .cont-area .box-area ul li div.txt {position:absolute;font-size:16px;letter-spacing:-0.5px;line-height:1.5;margin: 35px 0 0 35px;z-index: 10;}
#mcont01-section .cont-area .box-area ul li div.txt span.br {display:block;}
#mcont01-section .cont-area .box-area ul li div.txt h3 {font-size:30px;font-weight: 500;margin-bottom:15px;}
#mcont01-section .cont-area .box-area ul li img {width:100%;height:auto;}
#mcont01-section .cont-area .box-area ul li .cover {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
	background: rgba(0, 0, 0, 0.1);
	opacity: 0;
	z-index: 1;
	-webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
}

#mcont01-section .cont-area .box-area ul li:hover .cover {opacity: 1;}

@media screen and (max-width:1400px){
	#mcont01-section .cont-area .box-area ul li div.txt {font-size:15px;margin: 20px;}
	#mcont01-section .cont-area .box-area ul li div.txt h3 {font-size:28px;}
	#mcont01-section .cont-area .box-area ul li div.txt span.br {display:none;}
}
@media screen and (max-width:1000px){
	#mcont01-section .cont-area .txt01 {font-size:34px;}
	#mcont01-section .cont-area .box-area ul li div.txt {font-size:14px;margin: 15px;}
	#mcont01-section .cont-area .box-area ul li div.txt h3 {font-size:26px;}
}
@media screen and (max-width:800px){
	#mcont01-section {margin:40px auto;}
	#mcont01-section .cont-area .txt01 {font-size:30px;}
	#mcont01-section .cont-area .box-area ul li.w50 {width:100%;}
	#mcont01-section .cont-area .box-area ul li.w25 {width:50%;}
	#mcont01-section .cont-area .box-area ul li div.txt h3 {font-size:24px;}
}
@media screen and (max-width:500px){
	#mcont01-section {margin:30px auto;}
	#mcont01-section .cont-area .txt01 {font-size:24px;}
	#mcont01-section .cont-area .box-area ul li.w25 {width:100%;}
	#mcont01-section .cont-area .box-area ul li div.txt {font-size:13px;margin: 15px;}
	#mcont01-section .cont-area .box-area ul li div.txt h3 {font-size:22px;}
	
	#mcont01-section .cont-area .box-area ul li {height:200px;background-size:cover !important;}
	#mcont01-section .cont-area .box-area ul li img {display:none;}
	#mcont01-section .cont-area .box-area ul li:nth-child(1) {background:url('../img/main/info1.jpg') top center no-repeat;}
	#mcont01-section .cont-area .box-area ul li:nth-child(2) {background:url('../img/main/info2.jpg') top center no-repeat;}
	#mcont01-section .cont-area .box-area ul li:nth-child(3) {background:url('../img/main/info3.jpg') top center no-repeat;}
	#mcont01-section .cont-area .box-area ul li:nth-child(4) {background:url('../img/main/info4.jpg') top center no-repeat;}
	#mcont01-section .cont-area .box-area ul li:nth-child(5) {background:url('../img/main/info5.jpg') top center no-repeat;}
	#mcont01-section .cont-area .box-area ul li:nth-child(6) {background:url('../img/main/info6.jpg') top center no-repeat;}
	#mcont01-section .cont-area .box-area ul li:nth-child(7) {background:url('../img/main/info7.jpg') top center no-repeat;}
	#mcont01-section .cont-area .box-area ul li:nth-child(8) {background:url('../img/main/info8.jpg') top center no-repeat;}
	#mcont01-section .cont-area .box-area ul li:nth-child(9) {background:url('../img/main/info9.jpg') top center no-repeat;}
	#mcont01-section .cont-area .box-area ul li:nth-child(10) {background:url('../img/main/info10.jpg') top center no-repeat;}
}



#mcont02-section {width:100%;margin:0 auto;clear:both;}
#mcont02-section .cont-area {position: relative;width:100%; display:table;}
#mcont02-section .cont-area .ibox {display: block;position:absolute;z-index: 10;background: rgba(0, 0, 0, 0.5);width: 100%;height: 100%;color: #fff;text-align: center;}
#mcont02-section .cont-area .ibox .txt01 {font-size: 36px;margin-top: 80px;}
#mcont02-section .cont-area .ibox .txt02 {font-size: 16px;margin: 20px 0 40px 0;}
#mcont02-section .cont-area .ibox a {display: inline-block;font-size: 16px;width: 170px;line-height: 50px;text-align: center;background-color: #fff;color: #000;}
#mcont02-section .cont-area #daumRoughmapContainer1650311710055 {width: 100% !important;height: 400px;}
.root_daum_roughmap .wrap_btn_zoom, .roughmap_maker_label {display:none;}

@media screen and (max-width:1000px){
	#mcont02-section .cont-area .ibox .txt01 {font-size: 34px;}
	#mcont02-section .cont-area .ibox a {font-size: 15px;width: 160px;line-height: 40px;}
}
@media screen and (max-width:800px){
	#mcont02-section .cont-area .ibox .txt01 {font-size: 30px;margin-top: 50px;}
	#mcont02-section .cont-area .ibox .txt02 {font-size: 14px;}
	#mcont02-section .cont-area #daumRoughmapContainer1650311710055 {height: 300px;}
}
@media screen and (max-width:500px){
	#mcont02-section .cont-area .ibox .txt01 {font-size: 24px;margin-top: 45px;}
	#mcont02-section .cont-area .ibox .txt02 {font-size: 13px;margin: 10px 0 25px 0;}
	#mcont02-section .cont-area .ibox a {font-size: 14px;width: 150px;line-height: 35px;}
	#mcont02-section .cont-area #daumRoughmapContainer1650311710055 {height: 250px;}
}


#mcont03-section {display: table;width:100%;max-width:1400px;margin: 50px auto;clear:both;}
#mcont03-section > ul {width:50%;float:left;}
#mcont03-section > ul:first-child {padding-right:40px;border-right:1px solid #ccc;}
#mcont03-section > ul:last-child {padding-left:40px;}
#mcont03-section h3.mtitle {position: relative;font-size: 30px;font-weight: 500;}
#mcont03-section b {display: inline-block;font-size: 36px;color:#0e383e;margin: 10px 0;}
#mcont03-section a.bt_more {display: inline-block;width: 80px;line-height: 30px;border-radius: 30px;text-align: center;font-size: 14px;color: #fff;background-color: #0e383e;float: right;margin-top: 5px;}
#mcont03-section table {width: 100%;}
#mcont03-section table th {font-size: 16px;font-weight: 500;line-height: 49px;background-color: #d8f3e1;border-top: 2px solid #0e383e;border-bottom: 1px solid #cccccc;border-right: 1px solid #cccccc;}
#mcont03-section table td {font-size: 14px;text-align: center;line-height: 47px;border-bottom: 1px solid #cccccc;border-right: 1px solid #cccccc;color: #333333;}
#mcont03-section table th:last-child, #mcont03-section table td:last-child {border-right:0px;}
#mcont03-section p {font-size: 14px;color: #333333;margin-top: 20px;}
#mcont03-section p span.red {color: #ff0000;}
#mcont03-section .mboard {width: 100%;display: table;margin-top: 15px;}
#mcont03-section .mboard ul {width: 100%;}
#mcont03-section .mboard ul li {float: left;line-height: 37px;}
#mcont03-section .mboard ul li.txt {width: 80%;}
#mcont03-section .mboard ul li.txt a {font-size:16px;color:#333;}
#mcont03-section .mboard ul li.date{width: 20%;text-align: right;font-size:14px;color:#999999;}
#mcont03-section .pc_ver {}
#mcont03-section .mo_ver {display:none;}

@media screen and (max-width:1400px){
	#mcont03-section {padding-left:10px; padding-right:10px;}
	#mcont03-section h3.mtitle {font-size: 28px;}
	#mcont03-section b {font-size: 34px;}
	#mcont03-section a.bt_more {font-size:13px;}
	#mcont03-section .mboard ul li.txt a {font-size:15px;}
	#mcont03-section .mboard ul li.date{font-size:13px;}
	#mcont03-section table th {font-size: 15px;}
	#mcont03-section table td {font-size: 13px;letter-spacing:-0.5px;}
}
@media screen and (max-width:1200px){
	#mcont03-section h3.mtitle {font-size: 26px;}
	#mcont03-section b {font-size: 30px;}
	#mcont03-section a.bt_more {font-size:12px;}
	#mcont03-section > ul:first-child {padding-right:20px;}
	#mcont03-section > ul:last-child {padding-left:20px;}
}
@media screen and (max-width:1000px){
	#mcont03-section > ul {width:100%; clear:both; padding:0px !important;}
	#mcont03-section > ul:first-child {border-right:0px}
	#mcont03-section > ul:last-child {margin-top:30px}
	#mcont03-section .mboard ul li {float: left;line-height: 30px;}
}
@media screen and (max-width:800px){
	#mcont03-section {margin:40px auto;}
	#mcont03-section {padding-left:5px; padding-right:5px;}
	#mcont03-section h3.mtitle {font-size: 24px;}
	#mcont03-section b {font-size: 26px;}
	#mcont03-section .mboard ul li.txt a {font-size:14px;}
	#mcont03-section table th {font-size: 14px;line-height: 1.3;padding:8px 0;}
	#mcont03-section table td {font-size: 13px;line-height: 1.3;padding:10px 0;}
}
@media screen and (max-width:500px){
	#mcont03-section {margin:30px auto;}
	#mcont03-section h3.mtitle {font-size: 20px;}
	#mcont03-section b {font-size: 20px;}
	#mcont03-section p {font-size: 13px;margin-top: 15px;}
	#mcont03-section .mboard ul li.txt {width: 100%;line-height: 23px;}
	#mcont03-section .mboard ul li.txt a {font-size:13px;}	
	#mcont03-section .mboard ul li.date{display:none;}
	#mcont03-section a.bt_more {line-height: 27px;}
	#mcont03-section .pc_ver {display:none;}
	#mcont03-section .mo_ver {display: table;}
}