@charset "utf-8";

/* 내용관리 */
#ctt {margin:0 ;padding:0;background:#fff;min-height:200px;
webkit-box-shadow: 0 1px 4px #cbd1df;
  -moz-box-shadow: 0 1px 4px #cbd1df;
       box-shadow: 0 1px 4px #cbd1df;}
.ctt_admin {margin:0 5px;text-align:right}
#ctt  img {width:100%;}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}


.main_title{padding:50px 20px;}
.main_title p{margin:20px 0;letter-spacing:-1px;}
.main_title p:nth-child(1){font-size:35px;font-weight:900;}
.main_title p:nth-child(2){font-size:20px;color:#12693D;}
.main_title ul{display:flex;}
.main_title ul li {display:inline-block;margin:0 20px 0 0;cursor:pointer;}

.active{color:#12693d}


.section07{margin:100px auto;position:relative;}
.section07 .mySwiper2{margin-left:500px;}

.mySwiper2 .swiper-wrapper .swiper-slide{position:relative;display:flex;}
.mySwiper2 .swiper-wrapper .swiper-slide div{display:inline-block;}
.mySwiper2 .swiper-wrapper .swiper-slide div:nth-child(1){width:45%}
.mySwiper2 .swiper-wrapper .swiper-slide div:nth-child(2){width:55%;padding:50px 0 50px 30px ;letter-spacing:-1px;}
.mySwiper2 .swiper-wrapper .swiper-slide .txt_box{text-align:left;}
.mySwiper2 .swiper-wrapper .swiper-slide .txt_box h2{font-size:30px;margin-bottom:20px;}
.mySwiper2 .swiper-wrapper .swiper-slide .txt_box p{font-size:15px;}
.mySwiper2 .swiper-wrapper .swiper-slide img {width:100%;}

.section07 .swiper-button-prev,	 .section07 .swiper-button-next{color:#959595;}
.section07 .swiper-button-next {left: 300px;top:60%;}
.section07 .swiper-button-prev {left: 250px;top:60%;}
.section07 .swiper-button-next:after, 	  .section07 .swiper-button-prev:after{font-size:25px;}
.section07 .swiper-wrapper .swiper-slide img {width:100%;}

.section07_1 {text-align:center;margin:50px auto;}

.port_title {margin-bottom:100px;margin-left: 250px;text-align: left;}
.port_title span{font-size:50px;color:#000;font-weight:bold;}

.div2_img_btn{position:absolute;left:50%;transform:translate(-50%,-10%);bottom:10%;}
.div1_img_btn{position:absolute;left:50%;transform:translate(-50%,-10%);bottom:10%;}



	@media(max-width:700px){
		.section07 {width:100%;}

		.section07{margin:100px auto;position:relative;}
		.section07 .mySwiper2{margin-left:0;}
		.section07 .swiper-button-next {left: 50%;top:17%;}
		.section07 .swiper-button-prev {left: 46%;top:17%;}

		.mySwiper2 .swiper-wrapper .swiper-slide{position:relative;display:block;}
		.mySwiper2 .swiper-wrapper .swiper-slide div{display:block;}
		.mySwiper2 .swiper-wrapper .swiper-slide div:nth-child(1){width:100%}
		.mySwiper2 .swiper-wrapper .swiper-slide div:nth-child(2){width:100%;padding:50px 0 0 ;letter-spacing:-1px;text-align:left;}
		.mySwiper2 .swiper-wrapper .swiper-slide .txt_box{}
		.mySwiper2 .swiper-wrapper .swiper-slide .txt_box h2{font-size:30px;margin-bottom:20px;}
		.mySwiper2 .swiper-wrapper .swiper-slide .txt_box p{font-size:14px;}
		.mySwiper2 .swiper-wrapper .swiper-slide img {width:100%;}

		.port_title{width:auto;margin-left:30px;}
		.port_title span, .port_title2 span{font-size:25px;}
	}

	@media(max-width:430px){
		.section07{margin:50px auto}
		.section07 .swiper-button-next {left: 50%;top:20%;}
		.section07 .swiper-button-prev {left: 40%;top:20%;}
		.section07_1 {text-align: center;margin: 25px auto 50px auto;}
		.mySwiper2 .swiper-wrapper .swiper-slide .txt_box h2 {font-size: 28px;margin-bottom: 20px;}
	}

	@media(max-width:390px){
		.port_title span{font-size:25px;}
	}

	@media(max-width:344px){

		.mySwiper2 .swiper-wrapper .swiper-slide .txt_box h2 {font-size: 25px;}
	}