section.main_sec{ overflow:hidden; }
.main_sec .sec_con{ max-width:1200px; width:100%; margin:0 auto; }


/****************quickmenu****************/
.qm_wrap{ position:fixed; z-index:999; top:50%; left:20px; transform:translate(0, -50%); }
.qm_link{ width:40px; height:40px; border-radius:100%; background-color:#83807f; margin-bottom:15px; transition-duration:0.3s; }
.qm_link:last-child{ margin-bottom:0; }
.qm_link i{ color:#fff; font-size:20px; }


/****************sec_01****************/
#sec_01{ position:relative;  background-color:#333333; }
#sec_01 .swiper-container{ min-height:50.4688vw; height:100%; }
.sec01_sli{ min-height:50.4688vw; height:50.4688vw; background-color:#333; background-size:cover; background-position:center; background-repeat:no-repeat; padding:170px 100px 120px; justify-content:center; align-items:flex-start; }
.sec01_sli_txt{ font-family:'Open Sans', 'Noto Sans KR'; max-width:750px; width:100%; text-align:center; }
.sec01_sli_txt > h1{ font-size:60px; font-weight:700; line-height:1.3; opacity:0; transform:translate(0, 50px); transition:0.8s transform 0.8s, 0.6s opacity 0.8s; }
.sec01_sli_txt > p{ font-size:18px; font-weight:400; line-height:1.5; margin-top:10px; opacity:0; transform:translate(0, 50px); transition:0.8s transform 1s, 0.6s opacity 1s; }
.sec01_sli_txt > a{ font-family:'Open Sans', 'Noto Sans KR'; display:inline-block; padding-right: 30px; position: relative; margin-top: 40px; opacity:0; transform:translate(0, 50px);  transition:0.8s transform 1.2s, 0.6s opacity 1.2s; }
.sec01_sli_txt > a:after{ content: ''; position: absolute; top: 0; right: 0; border-top: 26px solid transparent; border-left:30px solid; border-bottom: 26px solid transparent; transition:0.4s border-color; }
.sec01_sli_txt > a p{ font-size: 16px; font-weight: 400; padding: 15px 36px; transition:0.4s background-color, 0.4s color; }
.sec01_sli_txt > a:hover:after{ border-left-color:#333; }
.sec01_sli_txt > a:hover p{ background-color:#333; }
.swiper-slide-active .sec01_sli_txt > h1{ transform:translate(0, 0); opacity:1; }
.swiper-slide-active .sec01_sli_txt > p{ transform:translate(0, 0); opacity:1; }
.swiper-slide-active .sec01_sli_txt > a{ transform:translate(0, 0); opacity:1; }

.sec01_video{ position:absolute; top:0; bottom:0; left:0; right:0; z-index:1; }
.sec01_txt_wrap{ padding:170px 40px 140px; z-index:50; min-height:50.4688vw; }

.sec01_scr{ position:absolute; z-index:100; bottom:30px; left:50%; transform:translate(-50%, 0); text-align:center; }
.sec01_scr > p{ font-size:12px; font-weight:400; color:#fff; margin-bottom:5px; }
.sec01_scr > div{ display:inline-block; width:25px; height:42px; border-radius:40px; border:2px solid #fff; position:relative; }
.sec01_scr > div:after{ content:''; width:5px; height:5px; border-radius:100%; background-color:#fff; position:absolute; top:8px; left:calc(50% - 2.5px); animation:2s scrmove infinite; -webkit-animation:2s scrmove infinite; -moz-animation:2s scrmove infinite; -o-animation:2s scrmove infinite; }

@-webkit-keyframes scrmove {
	0% { top:8px; opacity:1; }
	80% { top: 25px; opacity:0; }
	81%{ top:8px; opacity:0; }
	100%{ top:8px; opacity:1; }
}
@-o-keyframes scrmove {
	0% { top:8px; opacity:1; }
	80% { top: 25px; opacity:0; }
	81%{ top:8px; opacity:0; }
	100%{ top:8px; opacity:1; }
}
@-moz-keyframes scrmove {
	0% { top:8px; opacity:1; }
	80% { top: 25px; opacity:0; }
	81%{ top:8px; opacity:0; }
	100%{ top:8px; opacity:1; }
}
@keyframes scrmove {
	0% { top:8px; opacity:1; }
	80% { top: 25px; opacity:0; }
	81%{ top:8px; opacity:0; }
	100%{ top:8px; opacity:1; }
}

@media(max-width:850px){
	.sec01_sli{ padding:170px 30px 140px; }
	.sec01_sli_txt > h1{ font-size:45px; }
	.sec01_sli_txt > p{ font-size:16px; }
}

@media(max-width:520px){
	.sec01_sli{ padding:140px 30px; }
	.sec01_sli_txt > h1{ font-size:35px; }
	.sec01_sli_txt > p{ font-size:14px; }
	.sec01_sli_txt > a{ padding-right:25px; }
	.sec01_sli_txt > a p{ padding:12px 30px; }
	.sec01_sli_txt > a:after{ border-left-width:25px; border-top-width:23px; border-bottom-width:23px; }
}


/****************sec_02****************/
#sec_02{ padding:100px 20px; }
.sec02_title_wrap{ text-align:center; margin-bottom:80px; }
.sec02_title_wrap h1{ font-family:'Open Sans', 'Noto Sans KR'; font-size:36px; font-weight:700; color:#333; margin-bottom:10px; }
.sec02_title_wrap p{ font-size:15px; font-weight:300; color:#777; }
.sec02_pt.pt_right{ padding-left:75px; }
.sec02_left_title{ position:relative; padding-left:60px; padding-right:75px; word-break: keep-all; margin-bottom:40px; }
.sec02_left_title i{ position:absolute; top:5px; left:0; font-size:40px; }
.sec02_left_title h3{ font-size:17px; font-weight:400; color:#666; }
.sec02_sli_wrap{ padding-right:75px; position:relative; }
#sec02_sli .sec02_sli{ padding-bottom:66.66666666666667%; background-position:center; background-size:cover; background-repeat:no-repeat; }
.sec02_sli_wrap:after{ content:''; position:absolute; top:0; right:37px; width:1px; height:100%; background-color:#ebebeb; }
.sec02_sli_wrap #sec02_pagination{ z-index:20; width:auto; left:inherit; right:30px; top:0; padding-bottom:30px; background-color:#fff; }
.sec02_sli_wrap .swiper-pagination-bullet{ width:14px; height:14px; background-color:#ebebeb; margin:0 0 17px 0; border-radius:0; display:block; opacity:1; }
.sec02_sli_wrap .swiper-pagination-bullet:last-child{ margin-bottom:0; }
.pt_left{ transform:translate(-100px, 0); opacity:0; transition:1.4s transform, 1.4s opacity; }
.active.pt_left{ transform:translate(0, 0); opacity:1; }
.sec02_pt2_wrap{ margin:0 -20px; }
.sec02_pt2{ transform:translate(100px, 0); opacity:0; transition:0.8s transform, 0.8s opacity; }
.active .sec02_pt2{ transform:translate(0, 0); opacity:1; }
.sec02_pt2.delay_1{ transition-delay:0s; }
.sec02_pt2.delay_2{ transition-delay:0.2s; }
.sec02_pt2.delay_3{ transition-delay:0.4s; }
.sec02_pt2.delay_4{ transition-delay:0.6s; }
.sec02_pt2:nth-child(-n + 2){ margin-bottom:40px; }
.sec02_pt2 i{ width:64px; height:64px; border-radius:100%; text-align:center; line-height:64px; font-size:30px; margin-bottom:20px; }
.sec02_pt2 h3{ font-size:18px; font-weight:400; color:#333; }
.sec02_pt2 > div{ width:60px; height:3px; margin:15px 0; }
.sec02_pt2 p{ font-size:14px; font-weight:300; color:#777; }

/****************sec_03****************/
#sec_03{ padding:100px 20px; background-size:cover; background-position:50% 100%; }
#sec_03 .sec_con{ max-width:800px; }
.sec03_txt{ text-align:center; word-break:keep-all; transform:scale(1.2); opacity:0; transition:1.4s transform, 0.8s opacity; }
.active .sec03_txt{ transform:scale(1); opacity:1; }
.sec03_txt h3{ font-family:'Open Sans', 'Noto Sans KR'; font-size:24px; font-weight:400; margin-bottom:20px; }
.sec03_txt h1{ font-size:30px; font-weight:600; margin-bottom:10px; }
.sec03_txt p{ font-size:16px; font-weight:300; }
.sec03_txt > a{ font-family:'Open Sans', 'Noto Sans KR'; display:inline-block; padding-right: 30px; position: relative; margin-top:35px; }
.sec03_txt > a:after{ content: ''; position: absolute; top: 0; right: 0; border-top: 26px solid transparent; border-bottom: 26px solid transparent; transition-duration: 0.4s; }
.sec03_txt > a p{ font-size: 16px; font-weight: 400; padding: 15px 36px; transition-duration: 0.4s; }

/****************sec_04****************/
#sec_04{ padding:120px 50px; }
#sec_04 .sec_con{ max-width:100%; padding:85px 30px 115px; background-position:center; background-size:cover; background-repeat:no-repeat; }
.sec04_title_wrap{ text-align:center; margin-bottom:80px; }
.sec04_title_wrap h1{ font-family:'Open Sans', 'Noto Sans KR'; font-size:36px; font-weight:700; margin-bottom:10px; }
.sec04_title_wrap p{ font-size:15px; font-weight:300; }
.sec04_pt_wrap{ max-width:995px; width:100%; margin:0 auto; justify-content:center; }
.sec04_pt{ max-width:200px; width:100%; transition-duration:0.5s; position:relative; z-index:1; box-shadow:0 0 0 0 rgba(0,0,0,0.6); background-color:#fff; background-position:center; background-size:cover; background-repeat:no-repeat; }
.sec04_pt.selected{ transform:scale(1.1); z-index:3; box-shadow:3px 3px 6px 0 rgba(0,0,0,0.6); background-color:#333; }
.sec04_pt_in{ background-color:rgba(0,0,0,0.85); padding:60px 20px; text-align:center; transition-duration:0.5s; flex-direction:column; }
.sec04_pt.selected .sec04_pt_in{ background-color:transparent; }
.sec04_pt_ic{ font-size:65px; margin-bottom:35px; color:#5b5f65; }
.sec04_pt.selected .sec04_pt_ic{ display:none; }
.sec04_pt_sub{ font-size:15px; font-weight:400; color:#999; margin-bottom:5px; transition-duration:0.5s; }
.sec04_pt.selected .sec04_pt_sub{ color:#fff; }
.sec04_pt_title{ font-size:26px; font-weight:400; color:#fff; transition-duration:0.5s; width:100%; }
.sec04_pt.selected .sec04_pt_title{ color:#fff; }
.sec04_pt_desc{ color:#fff; display:none; margin-top:10px; width:100%; }
.sec04_pt.selected .sec04_pt_desc{ display:block; }
.sec04_pt_cross{ position:relative; height:25px; margin-top:10px; display:none; }
.sec04_pt_cross:before{ content:''; position:absolute; top:0; left:calc(50% - 0.5px); width:1px; height:25px; background-color:#fff; }
.sec04_pt_cross:after{ content:''; position:absolute; top:calc(50% - 0.5px); left:calc(50% - 12.5px); width:25px; height:1px; background-color:#fff; }
.sec04_pt.selected .sec04_pt_cross{ display:block; }





/****************sec_05****************/
#sec_05{ padding:120px 30px; }
.sec05_title_wrap{ text-align:center; margin-bottom:80px; }
.sec05_title_wrap h1{ font-family:'Open Sans', 'Noto Sans KR'; font-size:36px; font-weight:700; color:#333; margin-bottom:10px; }
.sec05_title_wrap p{ font-size:15px; font-weight:300; color:#777; }
.sec05_pt_wrap{ margin:0 -35px; justify-content:center; }
.sec05_pt{ max-width:33.33333%; width:100%; transform:translate(0, 100px); opacity:0; transition:0.9s transform, 0.7s opacity; }
.sec05_pt_wrap.active .sec05_pt{ opacity:1; transform:translate(0, 0); }
.sec05_pt.delay_1{ transition-delay:0s; }
.sec05_pt.delay_2{ transition-delay:0.2s; }
.sec05_pt.delay_3{ transition-delay:0.4s; }
.sec05_pt > a{ font-family:'Open Sans', 'Noto Sans KR'; display:inline-block; padding-right: 30px; position: relative; margin-top:20px; }
.sec05_pt > a:after{ content: ''; position: absolute; top: 0; right: 0; border-top: 27px solid transparent; border-bottom: 27px solid transparent; transition-duration: 0.4s; }
.sec05_pt > a p{ font-size: 16px; font-weight: 400; color:#fff; padding: 15px 36px; transition-duration: 0.4s; }
.sec05_pt > a:hover:after{ border-left-color:#333; }
.sec05_pt > a:hover p{ background-color:#333; }
.sec05_pt_img{ margin-bottom:20px; box-shadow:3px 3px 5px 0 rgba(0,0,0,0.2); }
.sec05_pt_img img{ max-width:100%; width:100%; height:auto; display:block; }
.sec05_pt h1{ font-size:28px; font-weight:600; color:#333; padding-bottom:25px; margin-bottom:25px; position:relative; }
.sec05_pt h1:after{ content:''; width:58px; height:3px; position:absolute; bottom:0; left:0; }
.sec05_pt p{ font-size:14px; font-weight:300; color:#928e92; line-height:1.5; }

/****************sec_06****************/
#sec_06{ padding:80px 30px; background-size:cover; background-position:center; background-repeat:no-repeat; }
.sec06_pt_wrap{ margin:0 -40px; }
.sec06_pt{ transition:0.8s transform, 0.8s opacity; }
.sec06_pt_wrap.active .sec06_pt{ transform:translate(0, 0); opacity:1; }
.sec06_pt.direction_1{ transform:translate(-100px, 0); opacity:0; }
.sec06_pt.direction_2{ transform:translate(100px, 0); opacity:0; }
.sec06_pt.flex{ flex-direction:column; }
.sec06_title{ font-size:36px; font-weight:700; position:relative; padding-left:45px; line-height:1.35em; margin-bottom:30px; }
.sec06_title:before{ content:''; width:30px; height:30px; position:absolute; top:9px; left:0; }
.sec06_info{ padding-left:45px; margin-bottom:30px; }
.sec06_info ul li{ font-size:16px; font-weight:400; margin-bottom:15px; position:relative; }
.sec06_info ul li:last-child{ margin-bottom:0; }
.sec06_info ul li i{ position:absolute; top:3px; left:0; font-size:18px; }
.sec06_title2{ margin-bottom:40px; flex-direction:row; align-items:stretch; }
.sec06_title2 h1{ padding-left:20px; font-size:30px; font-weight:700; word-break: keep-all; text-align:right; }
.sec06_title2_str{ position:relative; min-width:100px; }
.sec06_title2_str:before{ content:''; width:100%; height:1px; background-color:#fff; position:absolute; left:0; top:22px; }
.sec06_map{ height:100%; position:relative; background-color:#222; overflow:hidden; }
/*google map*/
.sec06_map iframe{ position:absolute; z-index:0; top:0; left:0; width:100% !important; height:100% !important; }
/*naver map*/
.sec06_map table, .sec06_map table img{ position:absolute; z-index:0; display:block; top:50%; left:50%; width:100% !important; height:auto !important; transform:translate(-50%, -50%); }
.sec06_map table > tbody > tr > td > table{ display:none; }
/*daum map*/
.sec06_map .root_daum_roughmap.root_daum_roughmap_landing{ position:absolute; z-index:0; top:0; left:0; width:100% !important; height:100% !important; padding:0 !important; margin:0 !important; }
.sec06_map .root_daum_roughmap .wrap_map{ position:absolute; width:100% !important; height:100% !important; }






@media(max-width:1200px){
	.sec05_pt_wrap{ margin:0 -15px; }
	.sec05_pt.pdh-35{ padding:0 15px; }
}
@media(max-width:960px){
	.sec04_pt_in{ padding:30px 20px; }
	.ptwrap_05, .ptwrap_04{ flex-flow:row wrap; }
	.sec04_pt_wrap.ptwrap_05 .sec04_pt{ max-width:50%; }
	.sec04_pt_wrap.ptwrap_05 .sec04_pt:nth-child(-n + 3){ max-width:33.3333333%; }

	.sec04_pt_wrap.ptwrap_04 .sec04_pt{ max-width:50%; }
}
@media(max-width:850px){
	.sec02_pt.col-06{ width:100%; }
	.sec02_pt:first-child{ margin-bottom:50px; }
	.sec02_pt.pt_right{ padding-left:0; }
	.sec06_pt_wrap{ margin:0 -15px; }
	.sec06_pt.pdh-40{ padding-left:15px; padding-right:15px; }
}

@media(max-width:800px){
	.sec05_pt{ width:100%; max-width:450px; margin:0 auto 50px; }
	.sec05_pt:last-child{ margin-bottom:0; }

	.sec06_pt.col-06{ width:100%; margin-bottom:50px; }
	.sec06_pt.col-06:last-child{ margin-bottom:0; }
	.sec06_title{ margin-bottom:20px; }
	.sec06_info{ padding-left:0; }
	.sec06_title2{ margin-bottom:25px; }
	.sec06_map{ height:300px; }
}

@media(max-width:750px){
	.ptwrap_03, .ptwrap_02{ flex-flow:row wrap; }
	.sec04_pt_wrap.ptwrap_03 .sec04_pt{ max-width:33.33333333%; }
	.sec04_pt_wrap.ptwrap_02 .sec04_pt{ max-width:50%; }
}

@media(max-width:700px){
	.sec02_left_title{ padding-right:0; }
	.sec02_sli_wrap:after{ display:none; }
	.sec02_sli_wrap{ padding-right:0; }
	.sec02_sli_wrap #sec02_pagination{ left:0; top:inherit; bottom:15px; background-color:transparent; width:100%; padding-bottom:0; }
	.sec02_sli_wrap .swiper-pagination-bullet{ width:12px; height:12px; display:inline-block; margin:0 5px; }
}

@media(max-width:620px){
	.sec04_pt_wrap.ptwrap_05 .sec04_pt{ max-width:50%; }
	.sec04_pt_wrap.ptwrap_05 .sec04_pt:nth-child(-n + 3){ max-width:50%; }
	.sec04_pt_wrap.ptwrap_05 .sec04_pt:last-child{ max-width:100%; }
	.sec04_pt_wrap.ptwrap_03 .sec04_pt{ max-width:100%; }
}

@media(max-width:500px){
	.sec02_pt2.col-06{ width:100%; }
	.sec02_pt2:nth-child(-n + 3){ margin-bottom:50px; }

	.sec04_pt_wrap.ptwrap_05 .sec04_pt,
	.sec04_pt_wrap.ptwrap_05 .sec04_pt:nth-child(-n + 3),
	.sec04_pt_wrap.ptwrap_04 .sec04_pt,
	.sec04_pt_wrap.ptwrap_02 .sec04_pt,
	.sec04_pt_wrap.ptwrap_01 .sec04_pt{ max-width:100%; }
}