.main_ctt {  }

.main_ctt .visual_wrap { position:relative; }
.main_ctt .visual_wrap .visual { height:849px; background-repeat:no-repeat; background-size:cover; background-position:center center; }
.main_ctt .visual_wrap .visual .txt_box { padding-top: 28.8rem; box-sizing:border-box; padding-left: 19rem; }
.main_ctt .visual_wrap .visual .txt_box .txt { font-size:1.4rem; color:#000; font-weight: 600; letter-spacing: 1px; margin-bottom: 2rem; }
.main_ctt .visual_wrap .visual .txt_box .tit { font-size:8rem; color:#000; font-weight: 600; line-height: 84px; }
.main_ctt .visual_wrap .visual .txt_box .tit b { color:#71bf7d; }
.main_ctt .visual_wrap .visual .txt_box .tit strong { color:#93c8d7; }
.main_ctt .visual_wrap:after { content:""; display:block; width:100%; height:101px; background:url(../img/visual_bottom.png) right center no-repeat; position:absolute; left:0; bottom:0; z-index:3; transition:all 1.5s; }

.main_ctt .visual_wrap .visual_arrow { position:absolute; left:30.5rem; bottom:-4.6rem; z-index:4; }

.main_ctt .visual_wrap .visual01 { background-image:url(../img/visual01.png); }
.main_ctt .visual_wrap .visual02 { background-image:url(../img/visual02.png); }

.main_ctt .visual_wrap.active:after { background:url(../img/visual_bottom.png) left center no-repeat; }



.main_ctt .section01 { padding: 15rem 0 18rem; box-sizing:border-box; }
.main_ctt .section01 .container { display:flex; flex-wrap:wrap; }
.main_ctt .section01 .wbox,
.main_ctt .section01 .bbox,
.main_ctt .section01 .sbox { background-size:cover; background-position:right center; background-repeat:no-repeat; }
.main_ctt .section01 .left_box { background-image:url(../img/section01_img01.png); width:50%; max-width:520px; height:700px; }
.main_ctt .section01 .box01 { background-image:url(../img/section01_img02.png); }
.main_ctt .section01 .box02 { background:#f7f7f7; }
.main_ctt .section01 .box03 { background:#fff; }
.main_ctt .section01 .box04 { background-image:url(../img/section01_img03.png); }

.main_ctt .section01 .right_box { display:flex; width:100%; max-width:calc(100% - 520px); flex-wrap:wrap; }
.main_ctt .section01 .right_box .bbox,
.main_ctt .section01 .right_box .sbox { height:50%; }
.main_ctt .section01 .right_box .bbox { width:calc(100% - 360px); }
.main_ctt .section01 .right_box .sbox { width:360px; }

.main_ctt .section01 .list { padding: 6rem 1rem 1rem 6rem; box-sizing:border-box; }
.main_ctt .section01 .list .tit { font-size:2.2rem; color:#fff; font-weight: 600; line-height: 2.6rem; }
.main_ctt .section01 .list .txt { font-size:2.2rem; color:#fff; font-weight: 300; margin-top: 12px; }
.main_ctt .section01 .list .txt b { color:#71bf7d; font-weight: 300; }
.main_ctt .section01 .list .txt strong { color:#93c8d7; font-weight: 300; }
.main_ctt .section01 .list ul {  }
.main_ctt .section01 .list ul:before { content:""; display:block; width:30px; height:2px; background:#fff; margin: 2.2rem 0 1.8rem; }
.main_ctt .section01 .list ul li { margin-top: 1.2rem; }
.main_ctt .section01 .list ul li:first-child { margin-top: 0; }
.main_ctt .section01 .list ul li a { font-size:1.6rem; color:#fff; }

.main_ctt .section01 .sbox .list .tit { color:#000; }
.main_ctt .section01 .sbox .list .txt { color:#3a3a3a; }
.main_ctt .section01 .sbox .list ul:before { background:#71bf7d; }
.main_ctt .section01 .sbox .list ul li a { color:#000; } 



.main_ctt .section02 { position:relative; }
.main_ctt .section02:after { content:""; display:block; width:100%; height:1px; background:#ddd; position:absolute; bottom:105px; z-index:1; }
.main_ctt .section02 .tit_box { text-align: center; }
.main_ctt .section02 .tit_box .tit { font-size:3.2rem; color:#000; font-weight: 600; }
.main_ctt .section02 .tit_box .txt { font-size:1.6rem; color:#000; margin-top: 1.6rem; }

.main_ctt .section02 .icon_box { padding-top: 9rem; box-sizing:border-box; display:flex; }
.main_ctt .section02 .icon_box li { text-align: center; width:12.5%; }
.main_ctt .section02 .icon_box li .inner { position:relative; box-sizing:border-box; padding-top: 84px; transition:all 0.5s; }
.main_ctt .section02 .icon_box li .inner i { display:block; padding-top: 8px; box-sizing:border-box; transition:all 0.5s; position:absolute; top:0; width:100%; }
.main_ctt .section02 .icon_box li .inner .cir { display:inline-block; border: 2px solid transparent; width:19px; height:19px; padding-top: 3px; box-sizing:border-box; border-radius:50%; text-align: center; transition:all 0.5s; font-size:0; position:relative; z-index:2; }
.main_ctt .section02 .icon_box li .inner .cir:before { content:""; display:inline-block; width:9px; height:9px; background:#ddd; border-radius:50%; transition:all 0.5s; }
.main_ctt .section02 .icon_box li .inner .num { font-size:1.6rem; color:#000; font-weight: 600; display:block; margin-top: 2.8rem; }
.main_ctt .section02 .icon_box li .inner .txt { font-size:2.4rem; color:#000; margin-top: 1.2rem; }

.main_ctt .section02 .icon_box li.active .inner {  }
.main_ctt .section02 .icon_box li.active .inner i { padding-top: 0; }
.main_ctt .section02 .icon_box li.active .inner .cir { border: 2px solid #71bf7d; }
.main_ctt .section02 .icon_box li.active .inner .cir:before { background:#71bf7d; }



.main_ctt .section03 { overflow:hidden; padding-top: 14.5rem; box-sizing:border-box; }
.main_ctt .section03 .container { padding-left: 5rem !important; padding-right: 5rem !important; position:relative; }

.main_ctt .section03 .slide_wrap .slide.swiper-slide-prev {  }

.main_ctt .section03 .slide_wrap {  }
.main_ctt .section03 .slide_wrap .slide { transition:all 0.5s; max-width:1100px; margin: 0 12.5rem; }
.main_ctt .section03 .slide_wrap .slide * { transition:all 0.5s; }
.main_ctt .section03 .slide_wrap .slide a { display:inline-block; text-align:left; position:relative; }
.main_ctt .section03 .slide_wrap .slide a:before { content:""; display:block; width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; opacity:0.6; transition:all 0.5s; }
.main_ctt .section03 .slide_wrap .slide a .opacity { opacity:0; }
.main_ctt .section03 .slide_wrap .slide a .tit { font-size:2.4rem; color:#000; font-weight: 600; margin-bottom: 2.8rem; }
.main_ctt .section03 .slide_wrap .slide a .tit strong { color:#71bf7d; }
.main_ctt .section03 .slide_wrap .slide a .img {  }
.main_ctt .section03 .slide_wrap .slide a .prd_box { background:#f7f7f7; position:relative; margin-top: -15rem; max-width:850px; padding-left: 10rem; padding-top: 0rem; box-sizing:border-box; }
.main_ctt .section03 .slide_wrap .slide a .prd_box .item { position:absolute; left:-32px; top:-78px; z-index:2; }
.main_ctt .section03 .slide_wrap .slide a .prd_box dl { font-size:0; position:relative; z-index:3; padding-top: 4rem; box-sizing:border-box; }
.main_ctt .section03 .slide_wrap .slide a .prd_box dl dt,
.main_ctt .section03 .slide_wrap .slide a .prd_box dl dd { display:inline-block; vertical-align: bottom; }
.main_ctt .section03 .slide_wrap .slide a .prd_box dl dt { font-size:11rem; color:#3a3a3a; font-weight: 600; width:350px; line-height: 1em; }
.main_ctt .section03 .slide_wrap .slide a .prd_box dl dd { font-size:1.6rem; color:#3a3a3a; line-height: 2.8rem; width:calc(100% - 350px); padding-left: 6.5rem; padding-right: 3.5rem; box-sizing:border-box; }
.main_ctt .section03 .slide_wrap .slide a .prd_box .more {  }

.main_ctt .section03 .slide_wrap .slide.swiper-slide-active {  }
.main_ctt .section03 .slide_wrap .slide.swiper-slide-active a .opacity { opacity:1; }
.main_ctt .section03 .slide_wrap .slide.swiper-slide-active a:before { opacity:0; }

.main_ctt .section03 .slide_wrap .arrow_box {  }
.main_ctt .section03 .slide_wrap .arrow_box .arrow { position:absolute; top:50%; margin-top: 6.5px; z-index:4; }
.main_ctt .section03 .slide_wrap .arrow_box .prev { left:18rem; }
.main_ctt .section03 .slide_wrap .arrow_box .next { right:18rem; }



.main_ctt .section04 { margin-top: -15rem; padding: calc(15rem + 23rem) 0 25rem; box-sizing:border-box; background:#f7f7f7; position:relative; }
.main_ctt .section04:after { content:""; display:block; width:100%; height:101px; background:url(../img/footer_top.png) center center no-repeat; position:absolute; bottom:0; z-index:2; transition:all 1.5s; }
.main_ctt .section04.active:after { background:url(../img/footer_top.png) left center no-repeat; }
.main_ctt .section04 .section_tit { font-size:3rem; color:#3a3a3a; font-weight: 600; text-align: center; }
.main_ctt .section04 .box_wrap { display:flex; flex-wrap:wrap; margin: 0 auto; width:100%; max-width:calc(1100px + 2.2rem); padding-top: 3.8rem; box-sizing:border-box; }
.main_ctt .section04 .box_wrap .box { display:flex; flex-wrap:wrap; width:50%; padding: 0 1.1rem; box-sizing:border-box; position:relative; }
.main_ctt .section04 .box_wrap .box .input_box { width:100%; display:flex; flex-wrap:wrap; }
.main_ctt .section04 .box_wrap .box .input_box li { width:100%; font-size:0; padding-top: 2.3rem; box-sizing:border-box; }
.main_ctt .section04 .box_wrap .box .input_box li:first-child { padding-top: 0; }
.main_ctt .section04 .box_wrap .box .input_box li span { font-size:1.6rem; color:#3a3a3a; vertical-align: middle; display:inline-block; width:135px; height:41px; border-bottom: 1px solid #ddd; box-sizing:border-box; line-height: 40px; }
.main_ctt .section04 .box_wrap .box .input_box li input,
.main_ctt .section04 .box_wrap .box .input_box li select,
.main_ctt .section04 .box_wrap .box .input_box li textarea { font-size:14px; color:#aaa; font-weight: 500; border: 1px solid transparent; box-sizing:border-box; outline:0; width:calc(100% - 135px); display:inline-block; font-family: "Noto Sans KR", sans-serif; }
.main_ctt .section04 .box_wrap .box .input_box li input,
.main_ctt .section04 .box_wrap .box .input_box li select { background:transparent; height:41px; vertical-align: middle; border-bottom: 1px solid #ddd; }
.main_ctt .section04 .box_wrap .box .input_box li input { padding-left: 4px; }
.main_ctt .section04 .box_wrap .box .input_box li input:-ms-input-placeholder { color: #aaa; }
.main_ctt .section04 .box_wrap .box .input_box li input::-webkit-input-placeholder { color: #aaa; } 
.main_ctt .section04 .box_wrap .box .input_box li input::-moz-placeholder { color: #aaa; }
.main_ctt .section04 .box_wrap .box .input_box li input::-moz-placeholder { color: #aaa; }
.main_ctt .section04 .box_wrap .box .input_box li select {  }
.main_ctt .section04 .box_wrap .box .input_box li textarea { background:#fff; padding: 2rem; height:210px; resize:none; width:100%; }
.main_ctt .section04 .box_wrap .box .input_box li textarea:focus { border: 0; }

.main_ctt .section04 .box_wrap .full_box { width:100%; margin-top: 5rem; }
.main_ctt .section04 .box_wrap .box .chk_box { font-size:0; width:calc(50% - 2.2rem);}
.main_ctt .section04 .box_wrap .box .chk_box .police { display:inline-block; width:150px; height:40px; line-height: 38px; border: 1px solid #222; box-sizing:border-box; text-align: center; font-size:1.3rem; color:#3a3a3a; font-weight: 400; vertical-align: middle; }
.main_ctt .section04 .box_wrap .box .chk_box .police i { margin-left: 1.6rem; }
.main_ctt .section04 .box_wrap .box .chk_box .chk { display:inline-block; width:calc(100% - 150px); text-align: right; vertical-align: middle; font-size:1.4rem; color:#3a3a3a; }
.main_ctt .section04 .box_wrap .box .chk_box .chk input { width:15px; height:15px; vertical-align: -2px; margin-left: 1rem; }
.main_ctt .section04 .box_wrap .box .btn_box { position:absolute; bottom:0; right:1.1rem; width:calc(50% - 2.2rem); }
.main_ctt .section04 .box_wrap .box .btn_box button { width:100%; height:60px; font-size:14px; color:#fff; font-weight: 500; border: 0; background:#3a3a3a; cursor:pointer; }

.main_ctt .section04 .box_wrap .left_box { padding-top: 1.2rem; }
.main_ctt .section04 .box_wrap .right_box .input_box li span { border-bottom: 0; }
.main_ctt .section04 .box_wrap .box .input_box li input:focus,
.main_ctt .section04 .box_wrap .box .input_box li select:focus,
.main_ctt .section04 .box_wrap .box .input_box li textarea:focus { border: 1px solid transparent !important; box-shadow:0 0 0 !important; }
.main_ctt .section04 .box_wrap .box .input_box li input:focus,
.main_ctt .section04 .box_wrap .box .input_box li select:focus { border-bottom: 1px solid #ddd !important; }





@media (max-width:1700px){

	.main_ctt .visual_wrap .visual .txt_box { padding-left: 1.5rem; }
	.main_ctt .visual_wrap .visual_arrow { left:3rem; }


	.main_ctt .section03 .slide_wrap .arrow_box .prev { left:8rem; }
	.main_ctt .section03 .slide_wrap .arrow_box .next { right:8rem; }

}


@media (max-width:1200px){

	.main_ctt .visual_wrap .visual { height:auto; }
	.main_ctt .visual_wrap .visual .txt_box { padding: 20rem 1.5rem 30rem; }


	.main_ctt .section01 { padding-bottom: 15rem; }
	.main_ctt .section01 .left_box,
	.main_ctt .section01 .right_box { max-width:50%; }
	.main_ctt .section01 .right_box .bbox { width:100%; }
	.main_ctt .section01 .right_box .sbox { width:50%; }
	.main_ctt .section01 .right_box .box04 { display:none; }


	.main_ctt .section03 .slide_wrap .arrow_box .prev { left:1rem; }
	.main_ctt .section03 .slide_wrap .arrow_box .next { right:1rem; }
 
}


@media (max-width:992px){

	.main_ctt .visual_wrap .visual { background-position: bottom center; }
	.main_ctt .visual_wrap .visual .txt_box { padding: 15rem 1.5rem 50rem; }
	.main_ctt .visual_wrap .visual .txt_box .tit { font-size:5rem; line-height: 1.3em; }
	.main_ctt .visual_wrap .visual .txt_box .tit br { display:none; }
	.main_ctt .visual_wrap .visual .txt_box .txt { margin-bottom: 0; }
	.main_ctt .visual_wrap .visual_arrow { bottom:-20px; }
	.main_ctt .visual_wrap .visual_arrow a { display:inline-block; width:70px; }


	.main_ctt .section01 .left_box,
	.main_ctt .section01 .right_box { width:100%; max-width:100%; }
	.main_ctt .section01 .left_box { height:auto; }
	.main_ctt .section01 .right_box {  }
	.main_ctt .section01 .right_box .bbox,
	.main_ctt .section01 .right_box .sbox { height:auto; }
	.main_ctt .section01 .list { padding: 5rem 3rem; }
	.main_ctt .section01 .list .tit br { display:none; }


	.main_ctt .section02:after { display:none; }
	.main_ctt .section02 .icon_box { flex-wrap:wrap; margin-left: -5px; padding-top: 3rem; }
	.main_ctt .section02 .icon_box li { width:calc(33.33% - 5px); border: 1px solid #eaeaea; margin-left: 5px; margin-top: 5px; padding: 3rem 1rem; box-sizing:border-box; transition:all 0.5s; }
	.main_ctt .section02 .icon_box li .inner .cir { display:none; }
	.main_ctt .section02 .icon_box li .inner .num { margin-top: 0; }
	.main_ctt .section02 .icon_box li.active { border: 1px solid #71bf7d; border-radius:20px; background:#fafafa; }


	.main_ctt .section03 .slide_wrap .slide a .prd_box { margin-top: 0; padding: 3rem 1.5rem; }
	.main_ctt .section03 .slide_wrap .slide a .prd_box .item { display:none; }
	.main_ctt .section03 .slide_wrap .slide a .prd_box dl { padding-top: 0; }
	.main_ctt .section03 .slide_wrap .slide a .prd_box dl dt,
	.main_ctt .section03 .slide_wrap .slide a .prd_box dl dd { display:block; width:100%; }
	.main_ctt .section03 .slide_wrap .slide a .prd_box dl dt { font-size:3rem; }
	.main_ctt .section03 .slide_wrap .slide a .prd_box dl dd { padding: 0; margin-top: 1rem; }


	.main_ctt .section04 { margin-top: 10rem; padding-top: 10rem; }	
	.main_ctt .section04 .box_wrap .box .input_box li span { width:85px; }
	.main_ctt .section04 .box_wrap .box .input_box li input,
	.main_ctt .section04 .box_wrap .box .input_box li select { width:calc(100% - 85px); }
	.main_ctt .section04 .box_wrap .box .chk_box,
	.main_ctt .section04 .box_wrap .box .btn_box { width:100%; }
	.main_ctt .section04 .box_wrap .box .btn_box { position:static; margin-top: 2rem; }


}


@media (max-width:768px){

	.main_ctt .section02 .icon_box li { width:calc(50% - 5px); }


	.main_ctt .section04 .box_wrap .box { width:100%; padding: 0; }
	.main_ctt .section04 .box_wrap .right_box { padding-top: 2.3rem; }

}


@media (max-width:479px){

	.main_ctt .visual_wrap .visual { background-position: top right -40rem; }


	.main_ctt .section01 .right_box .sbox { width:100%; }


	.main_ctt .section02 { padding-top: 0; }

	.main_ctt .section04 .box_wrap .box .chk_box { text-align: center !important; }
	.main_ctt .section04 .box_wrap .box .chk_box .chk { width:100%; margin-top: 2rem; }

}