@charset "utf-8";

/*
font-family: "Play", sans-serif;
*/

.fp-section{position:relative; box-sizing:border-box;}
.fp-section.fp-table, .fp-slide.fp-table {display: table; table-layout:fixed; width: 100%;}
.fp-tableCell {display: table-cell; vertical-align: middle; width: 100%; height: 100%;}
.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell{height:auto !important;}

 
/* 공통 */
#main .section {overflow: hidden;}
#main .inner_bx1 {max-width: 1722px; width: calc(100% - 40px); margin: 0 auto; box-sizing: border-box;}
#main .inner_bx2 {max-width: 1400px; width: calc(100% - 40px); margin: 0 auto; box-sizing: border-box;}
#main .dot_bx {position: fixed; width: calc(100% - 40px); max-width: 1722px; top: 50%; left: 50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); z-index: 10;}
#main .dot_bx ul {position: absolute; left: 0; top: 50%; transform:translate(0%, -50%); -webkit-transform:translate(0%, -50%); font-size: 0;}
#main .dot_bx ul li {margin-bottom: 30px;}
#main .dot_bx ul li:last-child {margin-bottom: 0;}
#main .dot_bx ul li a {width: 16px; height: 16px; position: relative; display: block;}
#main .dot_bx ul li a::before {content: ''; width: 6px; height: 6px; background: rgba(255,255,255,.3); border-radius: 50%; position: absolute; left: 50%; top: 50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
#main .dot_bx ul li a::after {content: ''; width: 16px; height: 16px; box-sizing: border-box; border: 1px solid #fff; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform:translate(-50%, -50%) scale(0.5); -webkit-transform:translate(-50%, -50%) scale(0.5); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; opacity: 0;}
#main .dot_bx ul li.on a::before {background-color: #fff;}
#main .dot_bx ul li.on a::after {transform:translate(-50%, -50%) scale(1); -webkit-transform:translate(-50%, -50%) scale(1); opacity: 1;}



/* sec1 */
#sec1 {background: url(../images/main/sec1_bg.jpg) no-repeat center; background-size: cover; position: relative;}
/* #sec1::before {content: ''; width: 100%; height: 41.973%; position: absolute; bottom: 0; left: 0; background-image: linear-gradient(0deg, #0a1110, rgba(18,26,39,0)); z-index: 2;} */
#sec1 .scroll_bx {max-width: 1722px; width: calc(100% - 40px); position: absolute; left: 50%; bottom: 40px; transform:translate(-50%, 0%); -webkit-transform:translate(-50%, 0%); z-index: 3;}
#sec1 .scroll_bx .sc_w {position: absolute; left: 0; bottom: 60px; font-size: 0; cursor: default;}
#sec1 .scroll_bx .sc_w span {writing-mode: vertical-rl; display: inline-block; font-size: 14px; color: #ffffff; position: relative; left: 2px;}
#sec1 .scroll_bx .sc_w .icon {width: 20px; height: 34px; box-sizing: border-box; border: 1px solid #fff; border-radius: 17px; margin-top: 11px; position: relative;}
#sec1 .scroll_bx .sc_w .icon::before {content: ''; width: 6px; height: 6px; background-color: #fff; border-radius: 50%; position: absolute; left: 50%; margin-left: -3px; top: 6px; animation: scroll01 2s ease infinite;}
@-webkit-keyframes scroll01 {
	0% {
		transform: translate(0, 0px);
	}
	80% {
		transform: translate(0, 13px);
	}
	100% {
		transform: translate(0, 0px);
	}
}
#sec1 .inner_bx2 {position: relative; height: 100%;}
#sec1 .inner_bx2.v_inner {z-index: 1;}
#sec1 .v_bx {display: flex; flex-flow: wrap; position: relative; height: 100%;}
#sec1 .v_bx .l_bx {width: 42.143%; box-sizing: border-box; padding-top: 103px;}
#sec1 .v_bx .l_bx .txt_bx {max-height: 526px; position: relative; width: calc(100% + 130px); height: 100%; display:flex; justify-content:center; align-items:center; table-layout:fixed;}
#sec1 .v_bx .l_bx .txt_bx p {width: 100%; font-size: 60px; line-height: 76px; color: #ffffff; letter-spacing: -0.05em; word-break: keep-all; font-weight: 350;}
#sec1 .v_bx .l_bx .txt_bx p strong {font-weight: 700;}
#sec1 .v_bx .r_bx {width: 57.857%; box-sizing: border-box; padding-right: 74px; display:flex; justify-content:left; align-items:end; table-layout:fixed; z-index: 1;}
#sec1 .v_bx .r_bx .img_bx {display: inline-block; position: relative;}
#sec1 .v_bx .r_bx .img_bx::before {content: ''; position: absolute; width: calc(44% + 74px); top: 17.3%; border: 6px solid #a48e5e; box-sizing: border-box; right: -74px; height: 280px; z-index: -1;}
#sec1 .v_bx .r_bx .img_bx img {max-width: 100%;}
#sec1 .v_bx .r_bx .img_bx .txt_bx {position: absolute; top: 17.3%; right: -74px;; box-sizing: border-box; /*border: 6px solid #a48e5e;*/ width: calc(44% + 74px); z-index: 1; height: 280px; display:flex; justify-content:center; align-items:center; table-layout:fixed;}
#sec1 .v_bx .r_bx .img_bx .txt_bx .txt_w {width: 100%; text-align: right; padding: 0 40px;}
#sec1 .v_bx .r_bx .img_bx .txt_bx p {font-size: 18px; color: #ffffff; font-weight: 350; letter-spacing: -0.05em; word-break: keep-all;}
#sec1 .v_bx .r_bx .img_bx .txt_bx strong {display: block; font-size: 26px; color: #ffffff; font-weight: 700; letter-spacing: -0.05em; word-break: keep-all;}
#sec1 .v_bx .r_bx .img_bx .txt_bx img {margin-top: 24px;}

#sec1 .s_inner {position: absolute; left: 50%; bottom: 97px; transform:translate(-50%, 0%); -webkit-transform:translate(-50%, 0%); z-index: 4; height: auto;}
#sec1 .img_s ul {display: table; table-layout: fixed; width: calc(100% + 40px);}
#sec1 .img_s ul li {display: table-cell; padding-right: 40px; box-sizing: border-box;}
#sec1 .img_s .img_bx {overflow: hidden; border-radius: 10px; opacity: 0; transform: translate(0, -30px); -webkit-transition: opacity 0.3s, transform 0.3s; -moz-transition: opacity 0.3s, transform 0.3s; transition: opacity 0.3s, transform 0.3s; box-shadow: 0 20px 30px rgba(0,0,0,0.2);}
#sec1 .img_s ul li.on .img_bx {opacity: 1; transform: translate(0, 0px);}
#sec1 .img_s .img_bx img {width: 100%;}
#sec1 .txt_s {margin-top: 15px;}
#sec1 .txt_s ul {display: table; table-layout: fixed; width: calc(100% + 40px); position: relative;}
#sec1 .txt_s ul li {display: table-cell; padding-right: 40px; box-sizing: border-box; position: relative;}
#sec1 .txt_s .txt1 {font-size: 14px; color: #aaaaaa; letter-spacing: -0.05em; word-break: keep-all; font-weight: 350;}
#sec1 .txt_s .txt2 {font-size: 14px; color: #ffffff; letter-spacing: -0.05em; word-break: keep-all; font-weight: 700; margin-top: 9px;}
#sec1 .txt_s .progress {position: relative; height: 2px; background-color: rgba(255,255,255,.3); margin-top: 7px;}
#sec1 .txt_s .progress::before {content: ''; width: 40px; height: 2px; background-color: rgba(255,255,255,.3); position: absolute; right: -40px; top: 0;}
#sec1 .txt_s ul li:last-child .progress::before {display: none;}
#sec1 .txt_s .progress div {position: absolute; height: 100%; width: 0%; background-color: #d1ba7f; opacity: 0; -webkit-transition: opacity 0.3s, width 4.4s linear; -moz-transition: opacity 0.3s, width 4.4s linear; transition: opacity 0.3s, width 4.4s linear;}
#sec1 .txt_s .progress div::before {content: ''; width: 6px; height: 6px; border-radius: 50%; background-color: #d1ba7f; position: absolute; right: 0; top: 50%; margin-top: -3px;}
#sec1 .txt_s ul li.on .progress div {opacity: 1; width: 100%;}
#sec1 .slide_bx {display: none!important;}
#sec1 .slide_bx .slick-dots li {display: inline-block; margin-right: 10px;}
#sec1 .slide_bx .slick-dots .slick-active button {background-color: red;}



/* sec2 */
#sec2 .con_bx {height: 100%; display: flex; flex-flow: wrap;}
#sec2 .con_bx .con_w {width: 50%; box-sizing: border-box; display:flex; justify-content:/*right*/center; align-items:end; table-layout:fixed; position: relative; background-image: linear-gradient(90deg, #a48e5e, #5e4f2f)}
#sec2 .con_bx .con_w > div {width: 100%; text-align: center;}
#sec2 .con_bx .con_w img {max-width: 100%; opacity: 0.3;}
#sec2 .con_bx .txt_bx {position: absolute; width: 100%; padding: 0 60px; bottom: 160px; box-sizing: border-box; z-index: 2; text-align: left;}
#sec2 .con_bx .txt_bx.t_r {text-align: right;}
#sec2 .con_bx .txt_bx strong {font-size: 40px; color: #ffffff; letter-spacing: -0.05em; font-weight: 700;}
#sec2 .con_bx .txt_bx p {font-size: 18px; color: rgba(255,255,255,.6); font-weight: 350; letter-spacing: -0.05em; word-break: break-all; margin-top: 5px;}



/* sec3 */
#sec3 {background-color: #0a1110;}
#sec3 .txt_bx {text-align: center;}
#sec3 .txt_bx .txt1 {font-size: 20px; color: #ffffff; font-weight: 350; letter-spacing: -0.05em; word-break: keep-all;}
#sec3 .txt_bx .txt2 {font-size: 40px; color: #ffffff; letter-spacing: -0.05em; word-break: keep-all; margin-top: 13px;}
#sec3 .txt_bx .txt2 strong {font-size: 700;}
#sec3 .txt_bx img {margin-top: 61px;}
#sec3 .slide_bx {position: relative; font-size: 0; margin-top: 61px; padding: 0 40px;}
#sec3 .slide_bx .slick-arrow {position: absolute; z-index: 1; width: 37px; height: 100%; top: 0; font-size: 0; opacity: 0.3; padding: 0;}
#sec3 .slide_bx .slick-prev {background: url(../images/main/sec3_prev.png) no-repeat center; left: -50px;}
#sec3 .slide_bx .slick-next {background: url(../images/main/sec3_next.png) no-repeat center; right: -50px;}
#sec3 .slide_bx .slick-slide {padding: 0 10px;}
#sec3 .slide_bx .img_bx {text-align: center;}
#sec3 .slide_bx .img_bx img {width: 100%;}



/* sec4 */
#sec4 {background: url(../images/main/sec4_bg.jpg) no-repeat center; background-size: cover;}
#sec4 .con_bx {display: flex; flex-flow: wrap;}
#sec4 .con_bx .l_bx {width: 35.715%; box-sizing: border-box; display:flex; justify-content:center; align-items:center; table-layout:fixed; padding-right: 30px;}
#sec4 .con_bx .l_bx .txt_bx {width: 100%;}
#sec4 .con_bx .l_bx .txt_bx .txt_w strong {display: block; font-size: 40px; color: #ffffff; letter-spacing: -0.05em; word-break: break-all; font-weight: 700; position: relative; padding-top: 21px;}
#sec4 .con_bx .l_bx .txt_bx .txt_w strong::before {content: ''; width: 40px; height: 4px; background-color: #fff; position: absolute; left: 0; top: 0;}
#sec4 .con_bx .l_bx .txt_bx .txt_w p {font-size: 20px; line-height: 30px; color: rgba(255,255,255,.6); font-weight: 350; word-break: keep-all; margin-top: 45px;}
#sec4 .con_bx .l_bx .txt_bx .btn_bx {margin-top: 135px; max-width: 240px; position: relative;}
#sec4 .con_bx .l_bx .txt_bx .btn_bx .btn {padding: 0 30px; height: 60px; display:flex; justify-content:left; align-items:center; table-layout:fixed; background-color: #22392a; border-radius: 30px; cursor: pointer; z-index: 1; position: relative;}
#sec4 .con_bx .l_bx .txt_bx .btn_bx .btn span {display: block; position: relative; font-size: 16px; color: #ffffff; letter-spacing: -0.05em; word-break: keep-all; width: 100%;}
#sec4 .con_bx .l_bx .txt_bx .btn_bx .btn span::before {content: ''; width: 12px; height: 8px; background: url(../images/icon/arrow1.png) no-repeat center; position: absolute; right: 0; top: 50%; margin-top: -4px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
#sec4 .con_bx .l_bx .txt_bx .btn_bx .btn.on span::before {transform: rotate(180deg);}
#sec4 .con_bx .l_bx .txt_bx .btn_bx .s_bx {position: absolute; width: 100%; left: 0; top: 30px; background-color: #fff; border-radius: 0 0 30px 30px; box-sizing: border-box; border: 1px solid #22392a; display: none;}
#sec4 .con_bx .l_bx .txt_bx .btn_bx .s_bx ul {padding: 53px 0 26px; display: flex; flex-flow: wrap;}
#sec4 .con_bx .l_bx .txt_bx .btn_bx .s_bx ul li {width: 50%; box-sizing: border-box; position: relative; margin-top: 5px;}
#sec4 .con_bx .l_bx .txt_bx .btn_bx .s_bx ul li:nth-child(1), #sec4 .con_bx .l_bx .txt_bx .btn_bx .s_bx ul li:nth-child(2) {margin-top: 0;}
#sec4 .con_bx .l_bx .txt_bx .btn_bx .s_bx ul li::before {content: ''; width: 1px; height: 14px; background-color: #d6d9e1; position: absolute; right: 0; top: 50%; margin-top: -7px;}
#sec4 .con_bx .l_bx .txt_bx .btn_bx .s_bx ul li:last-child::before {display: none;}
#sec4 .con_bx .l_bx .txt_bx .btn_bx .s_bx ul li a {display: block; text-align: center; font-size: 16px; color: #22392a; letter-spacing: -0.05em; word-break: keep-all; line-height: 30px;}
#sec4 .con_bx .r_bx {width: 64.285%; box-sizing: border-box;}
#sec4 .con_bx .map_bx {position: relative; overflow: hidden;}
#sec4 .con_bx .map_bx img {width: 100%;}
#sec4 .con_bx .map_bx .on_bx {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
#sec4 .con_bx .map_bx .map_p {position: absolute; top: 0; left: 0; animation: updown01 1s ease infinite;}
@-webkit-keyframes updown01 {
	0% {
		transform: translate(0, 0px);
	}
	30% {
		transform: translate(0, -10px);
	}
	100% {
		transform: translate(0, 0px);
	}
}



/* sec5 */
#sec5 {background: url(../images/main/sec5_bg.jpg) no-repeat center; background-size: cover;}
#sec5 .bg {content: ''; width: calc(50% + 160px); right: 0; height: 84%; background-color: #fff; position: absolute; bottom: 0; border-radius: 50px 0 0 0;}
#sec5 .con_bx {display: flex; flex-flow: wrap; position: relative; z-index: 1;}
#sec5 .con_bx .l_bx {width: calc(50% - 160px); box-sizing: border-box;}
#sec5 .con_bx .l_bx .txt_bx {display: flex; flex-flow: wrap; position: relative; height: 100%;}
#sec5 .con_bx .l_bx .txt_bx .txt_w {width: 100%;}
#sec5 .con_bx .l_bx .txt_bx .txt_w strong {display: block; font-size: 40px; color: #ffffff; font-weight: 700; letter-spacing: -0.05em; word-break: keep-all; padding-top: 21px;}
#sec5 .con_bx .l_bx .txt_bx .info_bx {width: 100%; display:flex; justify-content:left; align-items:end; table-layout:fixed; padding-top: 100px;}
#sec5 .con_bx .l_bx .txt_bx .info_bx ul {width: 100%;}
#sec5 .con_bx .l_bx .txt_bx .info_bx ul li {margin-bottom: 46px;}
#sec5 .con_bx .l_bx .txt_bx .info_bx ul li:last-child {margin-bottom: 0;}
#sec5 .con_bx .l_bx .txt_bx .info_bx ul li p {font-size: 16px; color: #ffffff; letter-spacing: -0.05em; word-break: keep-all; margin-bottom: 16px;}
#sec5 .con_bx .l_bx .txt_bx .info_bx ul li a {display: inline-block; font-family: "Play", sans-serif; font-size: 40px; color: #ffffff; font-weight: 700;}
#sec5 .con_bx .l_bx .txt_bx .txt_w strong::before {content: ''; width: 40px; height: 4px; background-color: #fff; position: absolute; left: 0; top: 0;}
#sec5 .con_bx .r_bx {width: calc(50% + 160px); box-sizing: border-box; padding-left: 120px;}
#sec5 .form_bx {padding-top: 40px;}
#sec5 .form_bx .f_bx .f_w {display: flex; flex-flow: wrap; border-bottom: 1px solid #22392a; padding-left: 170px; position: relative; margin-bottom: 10px; min-height: 70px;}
#sec5 .form_bx .f_bx .f_w:last-child {margin-bottom: 0;}
#sec5 .form_bx .f_bx .f_w .ttl {position: absolute; left: 0; top: 50%; transform:translate(0%, -50%); -webkit-transform:translate(0%, -50%); font-size: 15px; color: #22392a; letter-spacing: -0.05em; font-weight: 700; word-break: keep-all;}
#sec5 .form_bx .f_bx .f_w .ttl label {display: inline-block;}
#sec5 .form_bx .f_bx .f_w input[type=text], #sec5 .form_bx .f_bx .f_w input[type=tel], #sec5 .form_bx .f_bx .f_w input[type=email], #sec5 .form_bx .f_bx .f_w input[type=password] {width: 100%; height: 70px; padding: 0 20px; font-size: 16px; color: #111; letter-spacing: -0.05em; word-break: keep-all; border: none; outline: none; background-color: transparent;}
#sec5 .form_bx .f_bx .f_w input[type=text]::placeholder, #sec5 .form_bx .f_bx .f_w input[type=tel]::placeholder, #sec5 .form_bx .f_bx .f_w input[type=email]::placeholder, #sec5 .form_bx .f_bx .f_w input[type=password]::placeholder {color: #aaaaaa;}
#sec5 .form_bx .f_bx .f_w select {width: 100%; height: 70px; padding: 0 50px 0 20px; font-size: 16px; color: #111; letter-spacing: -0.05em; word-break: keep-all; border: none; outline: none; background-color: transparent; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url(../images/icon/arrow3.png) no-repeat right 26px center;}
#sec5 .form_bx .f_bx .f_w select:invalid{background: url(../images/icon/arrow2.png) no-repeat right 26px center}
#sec5 .form_bx .f_bx .f_w select option {color: #111;}
#sec5 .form_bx .f_bx .f_w select:required:invalid {color: #aaa;}
#sec5 .form_bx .agree_bx {position: relative; margin-top: 29px; font-size: 0;}
#sec5 .form_bx .agree_bx input {appearance: none; -webkit-appearance: none; -moz-appearance: none; position: absolute; visibility: hidden;}
#sec5 .form_bx .agree_bx label {display: inline-block; position: relative; padding-left: 32px; font-size: 16px; color: #666666; font-weight: 700; letter-spacing: -0.05em; word-break: keep-all; line-height: 23px; cursor: pointer;}
#sec5 .form_bx .agree_bx label::before {content: ''; width: 23px; height: 23px; border: 2px solid #d7d7d7; box-sizing: border-box; position: absolute; left: 0; top: 50%; margin-top: -12px;}
#sec5 .form_bx .agree_bx input:checked + label::before {background: url(../images/icon/chk1.png) no-repeat center #22392a; border-color: #22392a;}
#sec5 .form_bx .agree_bx .pop_btn {position: absolute; right: 0; top: 50%; margin-top: -12px; line-height: 23px; border-bottom: 1px solid #aaaaaa; font-size: 14px; color: #aaaaaa; font-weight: 350; letter-spacing: -0.05em; word-break: keep-all; cursor: pointer;}
#sec5 .form_bx .f_btn {display: block; width: 100%; text-align: center; line-height: 70px; border-radius: 35px; background-color: #22392a; font-size: 16px; color: #ffffff; font-weight: 700; letter-spacing: -0.05em; word-break: keep-all; margin-top: 56px;}



/* sec6 */
#sec6 {background: url(../images/main/sec6_bg.jpg) no-repeat center; background-size: cover;}
#sec6 .con_bx {display: flex; flex-flow: wrap; overflow: hidden;}
#sec6 .con_bx .l_bx {width: 64.285%; box-sizing: border-box; position: relative; overflow: hidden; height: 540px;}
#sec6 .con_bx .l_bx .root_daum_roughmap {position: absolute; left: 0; top: 50%; transform:translate(0%, -50%); -webkit-transform:translate(0%, -50%);}
#sec6 .con_bx .r_bx {width: 35.715%; box-sizing: border-box; background-color: #22392a; padding: 0 60px; display:flex; justify-content:center; align-items:center; table-layout:fixed; overflow: hidden;}
#sec6 .con_bx .r_bx ul {width: 100%;}
#sec6 .con_bx .r_bx ul li {margin-bottom: 49px;}
#sec6 .con_bx .r_bx ul li:last-child {margin-bottom: 0;}
#sec6 .con_bx .r_bx ul li strong {display: block; font-size: 20px; color: #ffffff; letter-spacing: -0.05em; word-break: break-all; font-weight: 700;}
#sec6 .con_bx .r_bx ul li p {font-size: 16px; line-height: 26px; color: #ffffff; word-break: keep-all; margin-top: 3px;}




/* PC */
@media all and (min-width:1025px){
	/* 공통 */
	#main .dot_bx ul li a:hover::before {background-color: #fff;}
	
	
	
	/* sec2 */
	#sec2 .con_bx .con_w {-webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s;}
	#sec2 .con_bx .con_w:hover {background-image: linear-gradient(90deg, #0a1110, #212e23);}
	#sec2 .con_bx .con_w img {-webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s;}
	#sec2 .con_bx .con_w:hover img {opacity: 1;}
	#sec2 .con_bx .txt_bx {-webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; transition: transform 0.3s;}
	#sec2 .con_bx .con_w:hover .txt_bx {transform: translate(0, -30px);}
	
	
	
	/* sec3 */
	#sec3 .slide_bx .slick-arrow {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
	#sec3 .slide_bx .slick-arrow:hover {opacity: 1;}
	#sec3 .slide_bx .slick-prev:hover {background-position: left center;}
	#sec3 .slide_bx .slick-next:hover {background-position: right center;}
}

/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){
	#sec1.fp-section,#sec1 .fp-tableCell{height:auto !important}
	#sec2.fp-section,#sec2 .fp-tableCell{height:auto !important}
	#sec3.fp-section,#sec3 .fp-tableCell{height:auto !important}
	#sec4.fp-section,#sec4 .fp-tableCell{height:auto !important}
	#sec5.fp-section,#sec5 .fp-tableCell{height:auto !important}
	#sec6.fp-section,#sec6 .fp-tableCell{height:auto !important}
	
	
	
	/* 공통 */
	#main .dot_bx {display: none!important;}
	
	
	
	/* sec1 */
	#sec1 {padding-top: 100px;}
	#sec1 .scroll_bx {display: none!important;}
	#sec1 .v_bx .l_bx {padding-top: 0;}
	#sec1 .v_bx .l_bx .txt_bx {max-height: 346px;}
	#sec1 .v_bx .l_bx .txt_bx p {font-size: 40px; line-height: 50px;}
	#sec1 .v_bx .r_bx {justify-content: center; padding-right: 20px;}
	#sec1 .v_bx .r_bx .img_bx::before {height: 121px; border-width: 3px; right: -5px; width: calc(44% + 5px);}
	#sec1 .v_bx .r_bx .img_bx .v_img {max-width: 400px;}
	#sec1 .v_bx .r_bx .img_bx .txt_bx {height: 121px; right: -5px; width: calc(44% + 5px);}
	#sec1 .v_bx .r_bx .img_bx .txt_bx .txt_w {padding: 0 17px;}
	#sec1 .v_bx .r_bx .img_bx .txt_bx p {font-size: 8px;}
	#sec1 .v_bx .r_bx .img_bx .txt_bx strong {font-size: 11px;}
	#sec1 .v_bx .r_bx .img_bx .txt_bx img {margin-top: 10px; max-width: 44px;}
	#sec1 .s_inner {bottom: 21px;}
	#sec1 .img_s ul {width: calc(100% + 20px);}
	#sec1 .img_s ul li {padding-right: 20px;}
	#sec1 .img_s .img_bx {border-radius: 5px; box-shadow: 0 10px 15px rgba(0,0,0,0.2);}
	#sec1 .txt_s {margin-top: 7px;}
	#sec1 .txt_s ul {width: calc(100% + 20px);}
	#sec1 .txt_s ul li {padding-right: 20px;}
	#sec1 .txt_s .txt1 {font-size: 12px;}
	#sec1 .txt_s .txt2 {font-size: 12px; line-height: 17px; margin-top: 8px;}
	#sec1 .txt_s .progress {margin-top: 7px; height: 1px;}
	#sec1 .txt_s .progress::before {height: 1px; width: 20px; right: -20px;}
	#sec1 .txt_s .progress div::before {width: 5px; height: 5px; margin-top: -2px;}



	/* sec2 */
	#sec2 .con_bx .con_w {padding-top: 70px;}
	#sec2 .con_bx .txt_bx {padding: 0 20px; bottom: 37px;}
	#sec2 .con_bx .txt_bx strong {font-size: 25px;}
	#sec2 .con_bx .txt_bx p {margin-top: 0; font-size: 14px;}



	/* sec3 */
	#sec3 {padding: 57px 0 60px;}
	#sec3 .txt_bx .txt1 {font-size: 15px; line-height: 20px;}
	#sec3 .txt_bx .txt2 {margin-top: 8px; font-size: 30px; line-height: 35px;}
	#sec3 .txt_bx img {margin-top: 28px;}
	#sec3 .slide_bx {margin-top: 30px; padding: 0 16px;}
	#sec3 .slide_bx .slick-arrow {width: 25px;}
	#sec3 .slide_bx .slick-prev {left: -16px; background-position: left center; background-size: 9px auto;}
	#sec3 .slide_bx .slick-next {right: -16px; background-position: right center; background-size: 9px auto;}
	#sec3 .slide_bx .slick-slide {padding: 0 9px;}



	/* sec4 */
	#sec4 {padding: 60px 0;}
	#sec4 .con_bx .l_bx .txt_bx .txt_w strong {padding-top: 6px; font-size: 30px;}
	#sec4 .con_bx .l_bx .txt_bx .txt_w strong::before {width: 20px; height: 2px;}
	#sec4 .con_bx .l_bx .txt_bx .txt_w p {margin-top: 20px; font-size: 15px; line-height: 20px;}
	#sec4 .con_bx .l_bx .txt_bx .btn_bx {margin-top: 70px; max-width: 280px;}
	#sec4 .con_bx .l_bx .txt_bx .btn_bx .btn {padding: 0 20px; height: 46px; border-radius: 23px;}
	#sec4 .con_bx .l_bx .txt_bx .btn_bx .btn span {font-size: 14px;}
	#sec4 .con_bx .l_bx .txt_bx .btn_bx .s_bx {top: 23px; border-radius: 0 0 23px 23px;}
	#sec4 .con_bx .l_bx .txt_bx .btn_bx .s_bx ul {padding: 29px 0 7px;}
	#sec4 .con_bx .l_bx .txt_bx .btn_bx .s_bx ul li::before {height: 10px; margin-top: -5px;}
	#sec4 .con_bx .l_bx .txt_bx .btn_bx .s_bx ul li a {font-size: 14px;}
	@-webkit-keyframes updown01 {
		0% {
			transform: translate(0, 0px);
		}
		30% {
			transform: translate(0, -5px);
		}
		100% {
			transform: translate(0, 0px);
		}
	}



	/* sec5 */
	#sec5 {padding: 60px 0;}
	#sec5 .bg {height: calc(100% - 60px); border-radius: 20px 0 0;}
	#sec5 .con_bx .l_bx {display:flex; justify-content:center; align-items:center; table-layout:fixed;}
	#sec5 .con_bx .l_bx .txt_bx {display: block; width: 100%; height: auto;}
	#sec5 .con_bx .l_bx .txt_bx .txt_w strong {padding-top: 6px; font-size: 30px;}
	#sec5 .con_bx .l_bx .txt_bx .txt_w strong::before {width: 20px; height: 2px;}
	#sec5 .con_bx .l_bx .txt_bx .info_bx {padding-top: 30px;}
	#sec5 .con_bx .l_bx .txt_bx .info_bx ul li {margin-bottom: 22px;}
	#sec5 .con_bx .l_bx .txt_bx .info_bx ul li p {margin-bottom: 6px; font-size: 13px;}
	#sec5 .con_bx .l_bx .txt_bx .info_bx ul li a {font-size: 20px;}
	#sec5 .con_bx .r_bx {padding-left: 60px; padding-top: 30px;}
	#sec5 .form_bx {padding-top: 0;}
	#sec5 .form_bx .f_bx .f_w {padding-left: 130px; margin-bottom: 5px; min-height: 45px;}
	#sec5 .form_bx .f_bx .f_w .ttl {font-size: 13px;}
	#sec5 .form_bx .f_bx .f_w select {height: 45px; padding: 0 40px 0 0; font-size: 13px; background-position: right 15px center!important;}
	#sec5 .form_bx .f_bx .f_w input[type=text], #sec5 .form_bx .f_bx .f_w input[type=tel], #sec5 .form_bx .f_bx .f_w input[type=email], #sec5 .form_bx .f_bx .f_w input[type=password] {height: 45px; padding: 0; font-size: 13px;}
	#sec5 .form_bx .agree_bx {margin-top: 20px;}
	#sec5 .form_bx .agree_bx label {padding-left: 26px; font-size: 14px; line-height: 16px;}
	#sec5 .form_bx .agree_bx label::before {width: 16px; height: 16px; margin-top: -8px;}
	#sec5 .form_bx .agree_bx .pop_btn {line-height: 16px; font-size: 12px; margin-top: -8px;}
	#sec5 .form_bx .f_btn {line-height: 45px; font-size: 14px; margin-top: 32px;}



	/* sec6 */
	#sec6 {padding: 60px 0;}
	#sec6 .con_bx .l_bx {height: 350px;}
	#sec6 .con_bx .l_bx .root_daum_roughmap .map > div:nth-child(2) {bottom: 95px!important;}
	#sec6 .con_bx .r_bx { padding: 25px 20px 29px;}
	#sec6 .con_bx .r_bx ul li {margin-bottom: 13px;}
	#sec6 .con_bx .r_bx ul li strong {font-size: 15px;}
	#sec6 .con_bx .r_bx ul li p {margin-top: 4px; font-size: 13px; line-height: 18px;}
}

/* 모바일 */
@media all and (max-width:768px){
	/* sec1 */
	#sec1 {padding: 119px 0 0; background: url(../images/main/sec1_bg_m.jpg) no-repeat center; background-size: cover;}
	#sec1 .v_bx .l_bx {width: 100%; padding-top: 0;}
	#sec1 .v_bx .l_bx .txt_bx {width: 100%; text-align: center; max-height: none;}
	#sec1 .v_bx .l_bx .txt_bx p {font-size: 30px; line-height: 38px;}
	#sec1 .v_bx .r_bx {width: 100%; padding: 35px 0 0;}
	#sec1 .v_bx .r_bx .img_bx::before {right: -30px; width: calc(44% + 30px);}
	#sec1 .v_bx .r_bx .img_bx .v_img {max-width: 270px;}
	#sec1 .v_bx .r_bx .img_bx .txt_bx {right: -30px; width: calc(44% + 30px);}
	#sec1 .img_s ul {width: 100%; position: relative; height: 87px;}
	#sec1 .img_s ul li {position: absolute; height: 87px; width: 100%; text-align: center; left: 0; top: 0; padding-right: 0;}
	#sec1 .img_s .img_bx {height: 100%; display: inline-block;}
	#sec1 .img_s .img_bx img {width: auto; max-height: 100%;}
	#sec1 .txt_s ul {width: calc(100% + 10px);}
	#sec1 .txt_s ul li {padding-right: 10px;}
	#sec1 .txt_s .progress::before {width: 10px; right: -10px;}



	/* sec2 */
	#sec2 .con_bx .con_w {width: 50%;}



	/* sec4 */
	#sec4 {background: url(../images/main/sec4_bg_m.jpg) no-repeat center; background-size: cover;}
	#sec4 .con_bx .l_bx {width: 100%; padding-right: 0;}
	#sec4 .con_bx .l_bx .txt_bx .txt_w {text-align: center; margin-bottom: 27px;}
	#sec4 .con_bx .l_bx .txt_bx .txt_w strong::before {left: 50%; margin-left: -10px;}
	#sec4 .con_bx .l_bx .txt_bx .btn_bx {margin: 30px auto 0;}
	#sec4 .con_bx .r_bx {display: none!important;}



	/* sec5 */
	#sec5 {background: url(../images/main/sec5_bg_m.jpg) no-repeat center; background-size: cover;}
	#sec5 .bg {display: none;}
	#sec5 .con_bx .l_bx {width: 100%; text-align: center;}
	#sec5 .con_bx .l_bx .txt_bx .txt_w strong::before {left: 50%; margin-left: -10px;}
	#sec5 .con_bx .r_bx {width: 100%; padding-left: 0; background-color: #fff; padding: 35px 20px 30px; border-radius: 20px; margin-top: 26px;}
	#sec5 .con_bx .r_bx {transform: translate3d(0,100px,0);}
	#sec5 .con_bx .r_bx.aos-animate {transform: translateZ(0);}
	#sec5 .form_bx .f_bx .f_w {padding-left: 0; margin-bottom: 15px; min-height: auto;}
	#sec5 .form_bx .f_bx .f_w .ttl {position: relative; top: 0; -webkit-transform: none; transform: none; margin-bottom: 8px;}



	/* sec6 */
	#sec6 {background: url(../images/main/sec6_bg_m.jpg) no-repeat center; background-size: cover;}
	#sec6 .con_bx {transform: translate3d(0,100px,0);}
	#sec6 .con_bx.aos-animate {transform: translateZ(0);}
	#sec6 .con_bx .l_bx {width: 100%; height: 192px;}
	#sec6 .con_bx .l_bx .root_daum_roughmap .map > div:nth-child(2) {bottom: 174px!important;}
	#sec6 .con_bx .r_bx {width: 100%;}
}