@charset "utf-8";

#main #container{ overflow:hidden; }

.main_tit{ margin-bottom:55px; text-align:Center; }
.main_tit .tit{ display:block; margin-bottom:13px; font-size:48px; line-height:58px; color:#222; font-weight:700; font-family: 'Montserrat', sans-serif; }
.main_tit p{ font-size:18px; line-height:30px; color:#666; letter-spacing:-0.05em; word-break: keep-all; word-wrap: break-word; }

#main .btn_view{ position:relative; display:inline-block; width:160px; height:60px; font-size:14px; line-height:58px; color:#666; border:1px solid #ccc; text-align:Center; font-family: 'Montserrat', sans-serif; text-transform: uppercase; box-sizing:border-box; overflow:hidden; transition: 0.5s ease-in-out; }
#main .btn_view:before { box-sizing: border-box; transition: 0.5s ease-in-out; z-index: -1; content: ''; position: absolute; top: 0;right: -50px; bottom: 0;left: 0;border-right: 25px solid transparent; border-bottom: 60px solid #1e90ff; transform: translateX(-100%); }

.main_layoutS01{ display:flex; flex-wrap:wrap; align-items: center; background:#f5f5f5; padding:0 60px; }
.main_layoutS01 > div{ width:50%; box-sizing:border-box; }
.main_layoutS01 > .left .img_bx{ position:relative; width:100%; height:410px; overflow:hidden; }
.main_layoutS01 > .left .img_bx img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; }
.main_layoutS01 > .left .img_bx img.m{ display:none; }
.main_layoutS01 > .right{ padding:0 5%; }
.main_layoutS01 > .right .main_tit{ margin-bottom:40px; text-align:left; }

.main_layoutS02{ display:flex; flex-wrap:wrap; align-items: center; padding:160px 60px; }
.main_layoutS02 > div{ box-sizing:border-box; }
.main_layoutS02 > .left{ width:360px; }
.main_layoutS02 > .left .main_tit{ margin-bottom:40px; text-align:left; }
.main_layoutS02 > .left .slide_btn{ font-size:0; }
.main_layoutS02 > .left .slide_btn > button{ display:inline-block; vertical-align:top; width:60px; height:60px; border:1px solid #ccc; box-sizing:border-box; text-indent:-9999px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
.main_layoutS02 > .left .slide_btn .prev{ background:url('../images/main/main_prev.png') no-repeat center; }
.main_layoutS02 > .left .slide_btn .next{ margin-left:-1px; background:url('../images/main/main_next.png') no-repeat center; }
.main_layoutS02 > .left .slide_btn .page{ display:inline-block; vertical-align:top; margin-left:20px; font-size:16px; line-height:60px; color:#999; font-family: 'Montserrat', sans-serif; }
.main_layoutS02 > .left .slide_btn .page .now{ font-weight:600; color:#222; }
.main_layoutS02 > .right{ width:calc(100% - 360px); }
.main_layoutS02 > .right .slide .slick-slide{ margin: 0 12px; }
.main_layoutS02 > .right .slide .slick-list{ margin: 0 -12px; }
.main_layoutS02 > .right .slide .img_bx{ position:relative; padding-bottom:100%; overflow:hidden; }
.main_layoutS02 > .right .slide .img_bx img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:Cover; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s; }

/* sec01 */
#main .sec01 .slide .img_bx{ position:relative; height:830px; }
#main .sec01 .slide .img_bx img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; }
#main .sec01 .slide .img_bx img.m{ display:none; }
#main .sec01 .slide .txt_bx{ position:absolute; left:0; top:50%; width:100%; text-align:Center; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); z-index:100; }
#main .sec01 .slide .txt_bx .txt1{ display:block; margin-bottom:35px; font-size:88px; line-height:98px; color:#fff; font-weight:700; font-family: 'Montserrat', sans-serif; transform: translate3d(0,100px,0); opacity: 0; transition-property: opacity,transform; transition-timing-function: ease; transition-duration: .8s; }
#main .sec01 .slide .txt_bx .txt2{ margin-bottom:15px; font-size:24px; line-height:34px; color:#fff; font-family: 'Montserrat', sans-serif; transform: translate3d(0,100px,0); opacity: 0; transition-property: opacity,transform; transition-timing-function: ease; transition-duration: .8s; transition-delay: .1s;}
#main .sec01 .slide .txt_bx .txt3{ font-size:18px; line-height:28px; color:#fff; letter-spacing:-0.05em; word-break: keep-all; word-wrap: break-word; transform: translate3d(0,100px,0); opacity: 0; transition-property: opacity,transform; transition-timing-function: ease; transition-duration: .8s; transition-delay: .2s;}
#main .sec01 .slide .slick-dots{ position:Absolute; left:0; bottom:40px; width:100%; text-align:Center; font-size:0;}
#main .sec01 .slide .slick-dots li{ display:inline-block; vertical-align:top; margin:0 10px; }
#main .sec01 .slide .slick-dots li button{ position:relative; padding:0; width:21px; height:21px; background:transparent; text-indent:-9999px; opacity:0.5; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
#main .sec01 .slide .slick-dots li button:before{ content:''; position:absolute; left:50%; top:50%; width:7px; height:7px; background:#fff; border-radius:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%); }
#main .sec01 .slide .slick-dots li button:after{ content:''; position:absolute;  left:50%; top:50%; width:0; height:0; border:1px solid #fff; border-radius:50%; box-sizing:border-box; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
#main .sec01 .slide .slick-dots .slick-active button{ opacity:1; }
#main .sec01 .slide .slick-dots .slick-active button:after{ margin-left:-11px; margin-top:-11px; width:21px; height:21px; }

#main .sec01 .slide .img_bx img{ 
	-moz-transform: translate(0) scale(1.3);
	-webkit-transform: translate(0) scale(1.3);
	-o-transform: translate(0) scale(1.3);
	-ms-transform: translate(0) scale(1.3);
	transform: translate(0) scale(1.3); 

	-moz-transition: transform 5.0s ;
	-webkit-transition: transform 5.0s ;
	-o-transition: transform 5.0s ;
	transition: transform 5.0s ; }

#main .sec01 .slide .active .img_bx img{
	-moz-transform: translate(0) scale(0);
	-webkit-transform: translate(0) scale(1);
	-o-transform: translate(0) scale(1);
	-ms-transform: translate(0) scale(1);
	transform: translate(0) scale(1);
}

#main .sec01 .slide .active .txt_bx .txt1{ opacity: 1; transform: translateZ(0); }
#main .sec01 .slide .active .txt_bx .txt2{ opacity: 1; transform: translateZ(0); }
#main .sec01 .slide .active .txt_bx .txt3{ opacity: 1; transform: translateZ(0); }

/* sec02 */
#main .sec02{ padding:150px 0; }
#main .sec02 .list_bx{ overflow:hidden; }
#main .sec02 .list_bx ul{ font-size:0; margin-right:-24px; }
#main .sec02 .list_bx ul li{ display:inline-block; vertical-align:top; width:calc(20% - 24px); margin-right:24px; }
#main .sec02 .list_bx ul li > div{ display:block; }
#main .sec02 .list_bx ul li > div .img_bx{ position:relative; padding-bottom:100%; overflow:hidden; }
#main .sec02 .list_bx ul li > div .img_bx img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:Cover; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s; }
#main .sec02 .list_bx ul li > div p{ margin-top:20px; font-size:16px; line-height:26px; color:#222; font-family: 'Montserrat', sans-serif; text-align:Center; }


/* sec05 */
#main .sec05{ padding-top:75px; padding-bottom:75px; overflow:hidden; }
#main .sec05 .left ul{ font-size:0; margin-right:-24px; }
#main .sec05 .left ul li{ display:inline-block; vertical-align:top; width:calc(50% - 24px); margin-right:24px; overflow:hidden; }
#main .sec05 .left ul li .video_bx{ position:relative; padding-bottom:56.25%; }
#main .sec05 .left ul li .video_bx iframe{ position:absolute; left:0; top:0; width:100%; height:100%; }
#main .sec05 .left ul li .img_bx{ height:auto; padding-bottom:56.25%; }

/* sec06 */
#main .sec07{ display:flex; flex-wrap:wrap; font-size:0; background:#f5f5f5; }
#main .sec07 > div{ display:flex; flex-wrap:wrap; align-items: center; width:50%; }
#main .sec07 .left .map_iframe{ width:100%; height:720px; }
#main .sec07 .left .wrap_map{ width:100%; height:720px; }
.form_wrapS01{ margin:0 auto; width:calc(100% - 60px); max-width:800px; overflow:hidden; }
.form_wrapS01 .tit{ display:block; margin-bottom:20px; font-size:48px; line-height:58px; color:#222; font-weight:700; font-family: 'Montserrat', sans-serif; }
.form_wrapS01 .input_wrap { font-size:0; margin-right:-24px; margin-bottom:-24px; }
.form_wrapS01 .input_wrap label{ display:inline-block; vertical-align:top; position:relative; width:calc(50% - 24px); margin-right:24px; margin-bottom:24px; }
.form_wrapS01 .input_wrap label:last-child{ width:calc(100% - 24px)}
.form_wrapS01 .input_wrap label input{ padding:11px 20px; width:100%; height:50px; font-size:16px; line-height:26px; color:#333; letter-spacing:-0.05em; border:1px solid #ccc; box-sizing:border-box; background:#fff; outline:none; }
.form_wrapS01 .input_wrap label input:focus{ border-color:#222; }
.form_wrapS01 .input_wrap label select{ padding:0 15px; width:100%; height:50px; font-size:16px; color:#999; letter-spacing:-0.05em; border:1px solid #ccc; box-sizing:border-box; background:#fff; outline:none; }
.form_wrapS01 .input_wrap label select:focus{ border-color:#222; }
.form_wrapS01 .input_wrap label textarea{ padding:11px 20px; width:100%; height:160px; font-size:16px; line-height:26px; color:#333; letter-spacing:-0.05em; border:1px solid #ccc; box-sizing:border-box; background:#fff; outline:none; resize:none; }
.form_wrapS01 .input_wrap label textarea::placeholder{ color:#999; }
.form_wrapS01 .input_wrap label textarea:focus{ border-color:#222; }
.form_wrapS01 .input_wrap label span{ position:absolute; left:0; top:0; padding:11px 20px; width:100%; font-size:16px; line-height:28px; color:#999; letter-spacing:-0.05em; box-sizing:border-box; z-index:1; cursor:text; }
.form_wrapS01 .input_wrap label span em{ color:#ff0000; font-style:inherit; }
.form_wrapS01 .input_wrap label.focus span{ opacity:0; }
.form_wrapS01 .form_btm{ margin-top:24px; font-size:0; }
.form_wrapS01 .form_btm:after{ content:''; display:block; clear:both; }
.form_wrapS01 .form_btm label{ display:inline-block; font-size:14px; line-height:24px; color:#666; letter-spacing:-0.05em; }
.form_wrapS01 .form_btm label input{ margin-top:-3px; width:16px; height:16px; margin-right:8px; }
.form_wrapS01 .form_btm label a{ display:inline-block; vertical-align:top; margin-left:20px; color:#999; text-decoration:underline; }
.form_wrapS01 .form_btm > a{ position:relative; display:inline-block; float:right; width:160px; height:60px; font-size:14px; line-height:58px; color:#fff; text-align:Center; border:1px solid #222; font-family: 'Montserrat', sans-serif; overflow:hidden; }
.form_wrapS01 .form_btm > a:hover{ color:#fff; border-color:#1e90ff; }
.form_wrapS01 .form_btm > a:before{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:#222; }
.form_wrapS01 .form_btm > a:after { box-sizing: border-box; transition: 0.4s ease-in-out; z-index: -1; content: ''; position: absolute; top: 0;right: -50px; bottom: 0;left: 0; border-right: 25px solid transparent; border-bottom: 60px solid #1e90ff; transform: translateX(-100%); z-index:1; }
.form_wrapS01 .form_btm > a span{ position:relative; z-index:2; }
/* PC */
@media all and (min-width:1025px){

#main .btn_view:hover{ color:#fff; border-color:#1e90ff; }
#main .btn_view:hover:before { transform: translateX(0); }

.main_layoutS02 > .left .slide_btn .prev:hover{ background:#1e90ff url('../images/main/main_prev_on.png') no-repeat center; border-color:#1e90ff;}
.main_layoutS02 > .left .slide_btn .next:hover{ background:#1e90ff url('../images/main/main_next_on.png') no-repeat center; border-color:#1e90ff;}
.main_layoutS02 > .right .slide a:hover .img_bx img{ transform: scale(1.05);  -webkit-transform: scale(1.05);  -moz-transform: scale(1.05); }

#main .sec02 .list_bx ul li a:hover .img_bx img{ transform: scale(1.05);  -webkit-transform: scale(1.05);  -moz-transform: scale(1.05); }

.form_wrapS01 .form_btm > a:hover{ border-color:#1e90ff; }
.form_wrapS01 .form_btm > a:hover:after { transform: translateX(0); }

}
@media all and (max-width:1200px){

.main_layoutS01{ padding:0 15px; }
.main_layoutS02{ padding:160px 15px; }

}
/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){
	
	.main_tit{ margin-bottom:30px; }
	.main_tit .tit{ margin-bottom:10px; font-size:28px; line-height:32px; }
	.main_tit p{ font-size:13px; line-height:21px; }

	#main .btn_view{ width:120px; height:40px; font-size:12px; line-height:38px; }

	.main_layoutS01{ padding:0 15px; }
	.main_layoutS01 > .left .img_bx{ height:240px; }
	.main_layoutS01 > .right{ padding:0 40px; }
	.main_layoutS01 > .right .main_tit{ margin-bottom:23px; }

	.main_layoutS02{ padding:85px 15px; }
	.main_layoutS02 > .left{ width:230px; }
	.main_layoutS02 > .left .main_tit{ margin-bottom:23px; }
	.main_layoutS02 > .left .slide_btn > button{ width:32px; height:32px; }
	.main_layoutS02 > .left .slide_btn .prev{ background-size:12px auto; }
	.main_layoutS02 > .left .slide_btn .next{ background-size:12px auto; } 
	.main_layoutS02 > .left .slide_btn .page{ margin-left:12px; font-size:12px; line-height:32px; }
	.main_layoutS02 > .right{ width:calc(100% - 230px); }
	.main_layoutS02 > .right .slide .slick-slide{ margin: 0 5px; }
	.main_layoutS02 > .right .slide .slick-list{ margin: 0 -5px; }

	/* sec01 */
	#main .sec01 .slide .img_bx{ height:568px; }
	#main .sec01 .slide .txt_bx .txt1{ margin-bottom:20px; font-size:45px; line-height:50px; }
	#main .sec01 .slide .txt_bx .txt2{ margin-bottom:8px; font-size:16px; line-height:21px; }
	#main .sec01 .slide .txt_bx .txt3{ font-size:13px; line-height:18px; }
	#main .sec01 .slide .slick-dots{ bottom:20px; }
	#main .sec01 .slide .slick-dots li{ margin:0 5px; }
	#main .sec01 .slide .slick-dots li button{ width:12px; height:12px; }
	#main .sec01 .slide .slick-dots li button:before{ width:5px; height:5px; }
	#main .sec01 .slide .slick-dots .slick-active button:after{ margin-left:-6px; margin-top:-6px; width:12px; height:12px; }

	/* sec02 */
	#main .sec02{ padding:85px 0; }
	#main .sec02 .list_bx ul{ margin-right:-11px; }
	#main .sec02 .list_bx ul li{ width:calc(20% - 11px); margin-right:11px; }
	#main .sec02 .list_bx ul li > div p{ margin-top:12px; font-size:12px; line-height:17px; }

	/* sec05 */
	#main .sec05{ padding-top:50px; padding-bottom:50px; }
	#main .sec05 > div{ width:100%; }
	#main .sec05 .left{ margin-bottom:30px; }
	#main .sec05 .left ul{ margin-right:-10px; }
	#main .sec05 .left ul li{ width:calc(50% - 10px); margin-right:10px; }
	#main .sec05 .right{ padding:0; }
 
	/* sec06 */
	#main .sec07 > div{ width:100%; }
	#main .sec07 .left .map_iframe{ height:240px; }
	#main .sec07 .left .wrap_map{ height:240px; }
	#main .sec07 .right{ padding:45px 0; }
	.form_wrapS01{ width:calc(100% - 30px); max-width:100%; }
	.form_wrapS01 .tit{ margin-bottom:15px; font-size:28px; line-height:32px; }
	.form_wrapS01 .input_wrap { margin-right:-10px; margin-bottom:-10px; }
	.form_wrapS01 .input_wrap label{ width:calc(50% - 10px); margin-right:10px; margin-bottom:10px; }
	.form_wrapS01 .input_wrap label:last-child{ width:calc(100% - 10px); }
	.form_wrapS01 .input_wrap label input{ padding:9px 15px; height:40px; font-size:13px; line-height:20px; }
	.form_wrapS01 .input_wrap label select{ padding:0 10px; height:40px; font-size:13px;  }
	.form_wrapS01 .input_wrap label textarea{ padding:9px 15px; height:160px; font-size:13px; line-height:20px; }
	.form_wrapS01 .input_wrap label span{ padding:9px 15px; font-size:13px; line-height:22px; }
	
	.form_wrapS01 .form_btm{ margin-top:18px; }
	.form_wrapS01 .form_btm label{ display:block; font-size:12px; line-height:17px; }
	.form_wrapS01 .form_btm label input{ margin-top:-1px; width:16px; height:16px; margin-right:4px; }
	.form_wrapS01 .form_btm label a{ margin-left:0; float:right; }
	.form_wrapS01 .form_btm > a{ float:inherit; margin:28px auto 0; display:block; width:120px; height:40px; font-size:12px; line-height:40px; }


}

/* 모바일 */
@media all and (max-width:768px){
	
	.main_layoutS01{ display:block; }
	.main_layoutS01 > div{ width:100%; }
	.main_layoutS01 > .left{ margin-bottom:33px;}
	.main_layoutS01 > .left .img_bx{ height:auto; }
	.main_layoutS01 > .left .img_bx img{ position:relative; left:auto; top:auto; width:100%; }
	.main_layoutS01 > .left .img_bx img.pc{ display:none; }
	.main_layoutS01 > .left .img_bx img.m{ display:block; }
	.main_layoutS01 > .right{ padding:0; padding-bottom:50px; }
	
	.main_layoutS02 > .left{ margin-bottom:40px; width:100%; }
	.main_layoutS02 > .right{ width:100%; }

	/* sec01 */
	#main .sec01 .slide .img_bx img.pc{ display:none; }
	#main .sec01 .slide .img_bx img.m{ display:block; }
	
	/* sec02 */
	#main .sec02 .list_bx ul{ margin-bottom:-20px; }
	#main .sec02 .list_bx ul li{ width:calc(50% - 11px); margin-bottom:20px; }

	/* sec05 */
	#main .sec05 .left ul{ margin-right:0; margin-bottom:-10px; }
	#main .sec05 .left ul li{ width:100%; margin-right:0; margin-bottom:10px; }
	#main .sec05 .left ul li .img_bx{ height:auto; padding-bottom:0; }
	#main .sec05 .right{ padding:0; }
	
	/* sec06 */
	.form_wrapS01 .input_wrap { margin-right:0; }
	.form_wrapS01 .input_wrap label{ width:100%; margin-right:0; }
	.form_wrapS01 .input_wrap label:last-child{ width:100%; }

}