/* slick-slider 필수 css */
.slick-slider{position:relative; display:block; box-sizing:border-box; -webkit-user-select:auto; -moz-user-select:auto; -ms-user-select:auto; user-select:auto; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer; cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.slick-track{position:relative; top:0; left:0; display:block;}
.slick-track:before,.slick-track:after{display:table; content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none; float:left; height:100%; min-height:1px; -webkit-transform: translate3d(0,0,0);}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display: block; margin:0 auto;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto; border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-slide {
   -webkit-transform: translate3d(0,0,0);
}


/* main */
#main{ margin-top:84px;}


/* 
	Main Viusal
*/
#main_visual{ position: relative;}
#main_visual .visu_wrap{}
#main_visual .visu_wrap .visu{ position: relative; height: 854px; overflow:hidden;}
#main_visual .visu_wrap .visu .bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition:all 4s; transform:scale(1.1)}
#main_visual .visu_wrap .visu.active .bg{ transform:scale(1)}
#main_visual .visu_wrap .visu1 .bg{ background: url('/img/main/main_visual_bg1.jpg') no-repeat center/cover;}
#main_visual .visu_wrap .visu2 .bg{ background: url('/img/main/main_visual_bg2.jpg') no-repeat center/cover;}
#main_visual .visu_wrap .visu3 .bg{ background: url('/img/main/main_visual_bg3.jpg') no-repeat center/cover;}
#main_visual .visu_wrap .visu4 .bg{ background: url('/img/main/main_visual_bg4.jpg') no-repeat center/cover;}
#main_visual .visu_wrap .visu .inner{ height: 100%;}
#main_visual .visu_wrap .visu .inner dl{ position: relative; top: 275px; text-align:center;}
#main_visual .visu_wrap .visu .inner dl dt{ font-weight:700; font-size:110px; font-weight:700; letter-spacing:-0.020em; margin-bottom:40px; color: #fff; font-family: 'Lato', sans-serif; text-transform:uppercase; transition:all 1s ease-in-out; opacity: 0; transform:translateY(-30px)}
#main_visual .visu_wrap .visu.active .inner dl dt{ opacity: 1; transition-delay:.4s; transform:none;}
#main_visual .visu_wrap .visu .inner dl dd{}
#main_visual .visu_wrap .visu .inner dl dd ul{ font-size:0;}
#main_visual .visu_wrap .visu .inner dl dd ul li{ font-size:36px; letter-spacing:-0.01em; color: #fff; font-family: 'Lato', sans-serif; position: relative; display: inline-block; vertical-align:middle; transition:all 1s ease-in-out; opacity: 0; transform:translateY(-30px)}
#main_visual .visu_wrap .visu.active .inner dl dd ul li{ opacity: 1; transform:none; transition-delay:.8s;}
#main_visual .visu_wrap .visu .inner dl dd ul li:nth-of-type(n+2){ margin-left:20px;}

#main_visual .slide_dots { position:absolute; width:100%; left:0; bottom:320px; z-index:2; text-align:center;}
#main_visual .slide_dots ul{ }
#main_visual .slide_dots ul li{ display:inline-block; position:relative; cursor:pointer; margin-right:24px;}
#main_visual .slide_dots ul li:last-child{margin:0;}
#main_visual .slide_dots ul li.on .circle__right { animation: circleRight 5.2s linear forwards;}
#main_visual .slide_dots ul li.on .circle__left {animation: circleLeft 5.2s linear forwards;}
#main_visual .slide_dots ul li.on span{ background-color: #fff;}
#main_visual .slide_dots ul span { width:6px; height:6px; background-color:rgba(255,255,255,0.6); border-radius:50%; display:block;}

.circle__box {
  width: 16px;
  height: 16px;
  position: absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
}

.circle__wrapper {
  width: 8px;
  height: 16px;
  position: absolute;
  top: 0;
  overflow: hidden;
}

.circle__wrapper--right {
  right: 0;
}

.circle__wrapper--left {
  left: 0;
}

.circle__whole {
  width: 16px;
  height: 16px;
  border: 1px solid transparent;
  border-radius: 50%;
  position: absolute;
  top: 0;
  transform: rotate(-135deg);
  box-sizing:border-box;
}

.circle__right {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  right: 0;
  
}

.circle__left {
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  left: 0;
  
}

@keyframes circleRight {
  0% {
    -webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
  }
  50%,
  100% {
    -webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
  }
}

@keyframes circleLeft {
  0%,
  50% {
  	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
  100% {
  -webkit- transform: rotate(45deg);
  -moz- transform: rotate(45deg);
  -ms- transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

/* 
	Main Content
*/
#main_content{}
#main_content .con_wrap{}
#main_content .con_wrap .con{ position: relative; overflow:hidden;}

#main_content .con_wrap .con1{ padding: 140px 0 180px 0;}
#main_content .con_wrap .con1:before{ content:url('/img/main/main_con_bg1.jpg'); position: absolute; left: 0; top: 0; z-index: -1;}
#main_content .con_wrap .con1 .listBox{ font-size:0; text-align:center;}
#main_content .con_wrap .con1 .listBox .list{ position: relative; display: inline-block; vertical-align:top; text-align:center; width: 16.6%;}
#main_content .con_wrap .con1 .listBox .list img{ margin-bottom:55px;}
#main_content .con_wrap .con1 .listBox .list dl{}
#main_content .con_wrap .con1 .listBox .list dl dt{ font-size:50px; color: #262626; font-weight:700; letter-spacing:-0.05em; font-family:"arial"; margin-bottom:30px; line-height:1.3; }
#main_content .con_wrap .con1 .listBox .list dl dt.txt { font-size:35px; }
#main_content .con_wrap .con1 .listBox .list dl dt.txt .stxt { font-size:24px; margin:-5px 0 -9px; display:block }
#main_content .con_wrap .con1 .listBox .list dl dd{ font-size:18px; color: #262626; font-weight:500; letter-spacing:-0.03em;}

#main_content .con_wrap .con2{ padding: 120px 0 205px 0;}
#main_content .con_wrap .con2:after{ content:url('/img/main/main_con_bg2.jpg'); position: fixed; right: 0; bottom: 0; z-index: -1;}
#main_content .con_wrap .con2 .listBox{}
#main_content .con_wrap .con2 .listBox:after{ display: block; content:''; clear:both;}
#main_content .con_wrap .con2 .listBox .list{ position: relative; float: left; width: 16.64285714286%; height: 340px; border:1px solid #e0e0e0; box-sizing:border-box; border-left:0; background-color: #f5f5f5;}
#main_content .con_wrap .con2 .listBox .list:nth-of-type(1){ border-left:1px solid #e0e0e0;}
#main_content .con_wrap .con2 .listBox .list a{ position: relative; display: block; height: 100%; background: url('/img/main/main_con2_list_bg.jpg') no-repeat center top;}
#main_content .con_wrap .con2 .listBox .list a .inner{ position: absolute; top: 50%; left: 0; width: 100% ;transform:translateY(-50%); text-align:center;}
#main_content .con_wrap .con2 .listBox .list a > .inner img{ margin-bottom:42px;}
#main_content .con_wrap .con2 .listBox .list a > .inner p{ position: relative; font-size:20px; color: #262626; font-family:"arial"; letter-spacing:-0.03em; padding-top:30px; min-height:60px; LINE-HEIGHT: 150%;}
#main_content .con_wrap .con2 .listBox .list a > .inner p:before{ content:''; width: 40px; height: 2px; background-color: #1759a3; position: absolute; top: 0; left: 50%; transform:translateX(-50%);}
#main_content .con_wrap .con2 .listBox .list a > .inner p.l_h{ line-height:1.5;}
#main_content .con_wrap .con2 .listBox .list a .hover_box{ position: absolute; left: 0; bottom: 0; background: url('/img/main/hover_box_bg.jpg') no-repeat center/cover; width: 320px; height: 460px; z-index: 2; transition:all .4s cubic-bezier(0.22, 0.61, 0.36, 1); opacity: 0; visibility: hidden; text-align:center; transform:scale(0.8)}
#main_content .con_wrap .con2 .listBox .list.on a .hover_box{ opacity: 1; visibility: visible; transform:scale(1)}
#main_content .con_wrap .con2 .listBox .list a .hover_box .inner{}
#main_content .con_wrap .con2 .listBox .list a .hover_box .inner img{ margin-bottom:42px;}
#main_content .con_wrap .con2 .listBox .list a .hover_box .inner .txt{ position: relative; padding-top:26px; height: 182px; box-sizing:border-box;}
#main_content .con_wrap .con2 .listBox .list a .hover_box .inner .txt:before{ content:''; width: 40px; height: 2px; background-color: #fff; position: absolute; top: 0; left: 50%; transform:translateX(-50%);}
#main_content .con_wrap .con2 .listBox .list a .hover_box .inner .txt > *{ color: #fff; letter-spacing:-0.03em; }
#main_content .con_wrap .con2 .listBox .list a .hover_box .inner .txt dt{ font-size:24px; font-weight:700; margin-bottom:18px;  LINE-HEIGHT: 130%; font-family:'arial'; }
#main_content .con_wrap .con2 .listBox .list a .hover_box .inner .txt dd{ font-size:16px; line-height:1.5;}
#main_content .con_wrap .con2 .listBox .list a .hover_box .inner button{ position: relative; background-color:transparent; border:none; font-size:15px; color: #fff; font-family:'arial'; letter-spacing:-0.05em; width: 114px; padding: 5px 0; text-align:left;}
#main_content .con_wrap .con2 .listBox .list a .hover_box .inner button:after{ content:url('/img/common/btn_plus_icon.png'); position: absolute; right: 0; top: 4px;}

#main_content .con_wrap .con3{ background: url('/img/main/main_con3_bg.png') no-repeat center/cover; height: 630px;}
#main_content .con_wrap .con3 .inner{ height: 100%;}
#main_content .con_wrap .con3 .inner .txt{ position: relative; top: 90px;}
#main_content .con_wrap .con3 .inner .txt p{ font-size:60px; color: #fff; font-family:'arial'; letter-spacing:-0.025em; margin-bottom:34px; text-transform:uppercase;}
#main_content .con_wrap .con3 .inner .txt p b{ font-weight:700; color: #2b8ada; font-size:86px}
#main_content .con_wrap .con3 .inner .txt h3{ font-size:20px; color: #fff; font-weight:500; letter-spacing:-0.025em; line-height:1.6; margin-bottom:38px;}  
#main_content .con_wrap .con3 .inner button{ position: relative; background-color: transparent; width: 190px; height: 60px; box-sizing:border-box; border:none; border-top:1px solid rgba(255,255,255,0.3); border-bottom:1px solid rgba(255,255,255,0.3); text-align:center; overflow:hidden; transition:all 0.9s, color 0.3s; }
#main_content .con_wrap .con3 .inner button span{ position: relative; display: inline-block; font-size:15px; color: #fff; font-family:"arial"; letter-spacing:-0.025em; z-index: 2;}
#main_content .con_wrap .con3 .inner button span:after{ content:url('/img/common/btn_plus_icon.png'); display: inline-block; vertical-align:middle; position: relative; top: -2px; margin-left:15px;}
#main_content .con_wrap .con3 .inner button:after{ content:''; position: absolute; left: -35%; top: 0; width: 0; height: 100%; background-color: #2b8ada; transform:skew(50deg); transition-duration:0.6s; transform-origin:top left;}
#main_content .con_wrap .con3 .inner button:hover:after{ width: 135%; width: 135%; }


#main_content .con_wrap .con4{ padding: 140px 0 112px 0; background-color: #fff;}
#main_content .con_wrap .con4 .con_tit{ margin-bottom:45px;}
#main_content .con_wrap .con4 .con_tit p{ font-size:66px; color: #000; font-family:"arial"; letter-spacing:-0.025em; text-align:center; text-transform:uppercase;}
#main_content .con_wrap .con4 .con_tit p b{ font-weight:700; color: #005ead;}

/* 지도 공통으로 */
.map_com .listBox{ margin-bottom:70px;}
.map_com .listBox ul{ text-align:center; font-size:0;}
.map_com .listBox ul li{ position: relative; display: inline-block; vertical-align:middle; font-size:14px; color: #262626; font-family:"arial"; letter-spacing:-0.05em;}
.map_com .listBox ul li:nth-of-type(1){ padding-left:30px;}
.map_com .listBox ul li:nth-of-type(1):before{ content:url('/img/main/main_con4_map_icon_s.png'); position: absolute; left: 0; top: 0;}
.map_com .listBox ul li:nth-of-type(1):after{ content:''; display: inline-block; vertical-align:middle; margin: 0 28px 0 34px; width: 1px; height: 16px; background-color: #c6c6c6;}
.map_com .listBox ul li:nth-of-type(2){ padding-left:14px;}
.map_com .listBox ul li:nth-of-type(2):before{ content:''; width: 8px; height: 8px; background-color: #262626; border-radius:50%; position: absolute; left: 0; top: 3px;}
.map_com .mapBox{ position: relative;}
.map_com .mapBox .img{ text-align:center;}
.map_com .mapBox .img img:nth-of-type(2){ display: none;}
.map_com .mapBox .circle{}
.map_com .mapBox .circle .list{ position: absolute; width: 6px; height: 6px; background-color: #262626; border-radius:50%;}
.map_com .mapBox .circle .list:before{ content:''; display: block; position: absolute; width: 8px; height: 8px; border-radius:50%; background-color: #5a4f44; top: 50%; left: 50%; transform:translate(-50%, -50%);
	animation: circle 4s linear infinite alternate;
}
.map_com .mapBox .circle .list4:before,
.map_com .mapBox .circle .list4:after{ display: none;}
.map_com .mapBox .circle .list1{ left: 27.2%; bottom: 40.4%;}
.map_com .mapBox .circle .list2{ left: 34.2%; bottom: 23.6%;}
.map_com .mapBox .circle .list3{ left: 51.2%; top: 23.6%;}
/* .map_com .mapBox .circle .list4{ left: 50.2%; top: 28.3%;} */
.map_com .mapBox .circle .list5{ left: 52.2%; top: 33%;}
.map_com .mapBox .circle .list6{ left: 55.9%; top: 36.6%;}
.map_com .mapBox .circle .list7{ left: 55.9%; top: 38.9%;}
.map_com .mapBox .circle .list8{ left: 59.3%; top: 39.4%;}
.map_com .mapBox .circle .list9{ left: 48.3%; top: 40.4%;}
.map_com .mapBox .circle .list10{ left: 51.3%; top: 45.4%;}
.map_com .mapBox .circle .list11{ left: 58.3%; top: 49%;}
.map_com .mapBox .circle .list12{ left: 68.1%; top: 50.5%;}
.map_com .mapBox .circle .list13{ left: 74.8%; top: 60.4%;}
.map_com .mapBox .circle .list14{ right: 18%; top: 39.4%;}
.map_com .mapBox .circle .list15{ right: 15%; top: 40%;}
.map_com .mapBox .ping{}
.map_com .mapBox .ping .list{ position: absolute; background: url('/img/main/main_con4_map_icon.png') no-repeat center; width: 26px; height: 34px;
	animation: ping 1s linear infinite alternate;
}
.map_com .mapBox .ping .list1{ top: 23.5%; left: 45.8%;}
.map_com .mapBox .ping .list2{ top: 44%; left: 60.8%;}
.map_com .mapBox .ping .list3{ top: 56.5%; right: 25.3%;}

@keyframes circle{
	0% {opacity: 0;}
	30% {opacity: 1;}
	60% { box-shadow: 0 0 0 10px rgba(123,108,85,.5); opacity: 0;}
	100% { opacity: 0;}
}

@keyframes ping{
	0%{ transform:translateY(-5px)}
	100%{ transform:translateY(0px)}
}

/* 20250912 추가 */
#main { margin-top: 0; }
#main_visual .video-box { overflow:hidden; position: relative; width: 100%; min-height:854px; height: 100vh; }
#main_visual .video-box .bg-video { position: absolute; left: 50%; top: 50%; width: 101%; min-height:100%; object-fit:cover; transform:translate(-50%, -50%); }

@media screen and (max-width:1400px){
	#main { margin-top: 84px; }
	#main_visual .video-box { min-height: initial; height: auto; }
	#main_visual .video-box::before { content:""; display: block; padding-top: 56.25%; }
}