@charset "utf-8";
.main{ overflow: hidden;}
.main_visual {position: relative;}
.main_visual .swiper-container {height:100%;}
.main_visual .swiper-slide .inner {display:table; height:100%;}
.main_visual .swiper-slide .bg_box{position: absolute; width: 100%; height: 100%; box-sizing: border-box;}
.main_visual .swiper-slide .bg_box img{width: 100%; height: 100%; box-sizing: border-box; object-fit: cover; max-width: none;}
.main_visual .swiper-slide .txt_box {display:table-cell; vertical-align:middle; width:100%; padding-bottom:45px; box-sizing:border-box;}
.main_visual .swiper-slide .txt_box h5 {font-size:var(--fz-60); color:#fff; letter-spacing:-0.025em; font-weight:700; margin: 0; line-height: 1.2;}
.main_visual .swiper-slide .txt_box p {font-size:var(--fz-22); color:#fff; letter-spacing:-0.025em; font-weight:300; word-break: keep-all; margin-top: 25px;}
.main_visual .pager_box {z-index:2;position:absolute; left:calc(50% - 700px); bottom:calc(29.2% + 31.86px); display: flex; align-items: center;}
.main_visual .pager_box .swiper-pagination-bullet {background:#ffffff; margin-right:30px; opacity: .5;}
.main_visual .swiper-pagination-bullet.swiper-pagination-bullet-active{position:relative; display:inline-block; vertical-align:middle; width:24px; height:24px; box-sizing:border-box; background:transparent; border:1px solid #fff; opacity:1;}
.main_visual .swiper-pagination-bullet.swiper-pagination-bullet-active:before{content:''; position:absolute; left:50%; top:50%; background:#fff;
width:6px; height:6px; transform:translate(-50% , -50%); border-radius:6px; box-sizing:border-box;}
.main_visual .pager_box .pager {display:inline-block; vertical-align:middle; margin: 0;}
.main_visual .pager_box a {display:inline-block; vertical-align:middle; margin-right:20px;}
.main_visual .num_box {z-index:2;position:absolute; left:calc(50% - 700px); top:calc(32.9% - 14.805px); font-size:var(--fz-22); color:#fff; font-weight:500; letter-spacing:0;}
.main_visual .num_box .num {display:inline-block; vertical-align:middle;  position:relative;}
.main_visual .num_box span{margin:0 9px; width:3px; height:21px; background:#c0d1d6; display:inline-block; vertical-align:middle; transform: rotate(30deg);}
.main_visual .num_box .total {display:inline-block; vertical-align:middle; opacity:0.5;} 
.main_visual .scroll_box {z-index:2;position:absolute; right:60px; bottom:0; height: 240px; padding-top: 20px; padding-right: 15px; box-sizing: border-box; border-right: 1px solid rgba(255,255,255,0.5);}
.main_visual .scroll_box:before {position: absolute; right: -1px; bottom: 0; width: 1px; height: 160px; background: #ffffff; content: '';}
.main_visual .scroll_box p {font-size:16px; letter-spacing:0; font-weight:500; color:#fff; writing-mode: vertical-lr;
text-orientation: mixed;}

/* #fp-nav ul li .fp-tooltip{width: auto; opacity: 1;}
#fp-nav ul li a span, .fp-slidesNav ul li a span,#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{border-radius: 0;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{width: 100%; height: 100%;} */

@media all and (max-width: 1400px) {
	.main_visual .num_box {left: 3.125%;}
	.main_visual .pager_box {left: 3.125%;}
	
}
@media all and (max-width: 1000px) {

	.main_visual .swiper-container {height:720px;}
	.main_visual .bg_box iframe {display:none;}
	.main_visual .bg_box .m_only {display: block;}
	.main_visual .swiper-slide .txt_box {padding-bottom: 0;}
	.main_visual {height: auto !important;}
	.main_visual .fp-tableCell {height: 100% !important;}
	.main_con01 .btn_box {padding-bottom: 0;}
	.main_visual .scroll_box {display: none;}
	.main_visual .pager_box {bottom: 29.2%;}
	.main_visual .swiper-slide .txt_box h5{font-size: var(--fz-40);}

}
@media all and (max-width: 767px) {
	.main_visual .swiper-container {height:640px;}
}

.main_con01 .fp-tableCell{padding-top:75px; box-sizing:border-box;}
.main_con01 .left_box {display:inline-block; vertical-align:middle; width:calc(100% - 191px); padding-bottom:65px;}
.main_con01 .left_box .main_tit{display: flex; gap: 50px;}
.main_con01 .left_box ul {letter-spacing:-4px; font-size:0;}
.main_con01 .left_box ul li {display:inline-block; vertical-align:middle;}


.main_con01 .left_box ul li.left {width:350px; position: relative;}
.main_con01 .left_box ul li.right{width: calc(100% - 350px); padding-right: 30px; box-sizing: border-box;}

.main_con01 .btn_box {display:inline-block; vertical-align:top; width:188px;}
.main_con01 .btn_box a {font-size:var(--fz-20); font-weight:500; letter-spacing:0; color:#24548f; display: flex; gap: 10px; align-items: center;}
.main_con01 .btn_box a i { margin-left:3px; box-sizing:border-box; border-radius: 50%; width: 60px; aspect-ratio: 1/1; background-color: #24548f; display: flex; align-items: center; justify-content: center;}
.main_con01 .img_bg_box {background:url('/img/main_con01_img01.jpg') no-repeat center center / cover; width:100%; height:480px;}
.main_con01_list {text-align:right;}
.main_con01_list ul {letter-spacing:-4px; font-size:0; margin-top:-160px; display: inline-block; width: 100%; max-width: 450px; box-shadow: 20px 20px 40px rgb(0 0 0 / 10%);}
.main_con01_list ul li {display:inline-block; vertical-align:top; width:50%; max-width: 360px; text-align:left; padding:0 50px; box-sizing:border-box;}
.main_con01_list ul li a {display:table; width: 100%; height:260px;}
.main_con01_list ul li a .tc_box {display:table-cell; vertical-align:middle;}
.main_con01_list ul li a .tc_box p {font-size:var(--fz-20); letter-spacing:-0.025em; color:#fff; font-weight:700; margin:55px 0 5px 0;}
.main_con01_list ul li a .tc_box p.non_mar {margin:0;}
.main_con01_list ul li a .tc_box p b {font-size:14px; letter-spacing:-0; color:rgba(255,255,255,.5); font-weight:300; }
.main_con01_list ul li:nth-of-type(1) {background:#a9d8f4;}
.main_con01_list ul li:nth-of-type(2) {background:#fff;}
.main_con01_list ul li:nth-of-type(2) a .tc_box p {color:#24548f;}
.main_con01_list ul li:nth-of-type(2) a .tc_box p b {color:#a1b4cc;}
.main_con01_list ul li:nth-of-type(3) {background:#3f72b0;}
.main_con01_list ul li:nth-of-type(3) a .tc_box p {color:#ffffff;}
.main_con01_list ul li:nth-of-type(3) a .tc_box p b {color:rgba(255,255,255,.5);}
.main_con01_list ul li:nth-of-type(4) {background:#24548f;}

@media all and (max-width:1024px){
	.main_con01 .fp-tableCell{padding-top: 100px;}
	.main_con01 .left_box .main_tit{ flex-direction: column;}
}

@media all and (max-width:768px){
	.main_con01_list ul li{width: 50%;}
	.main_con01 .btn_box{position: absolute; top: 0; right: 0;}
	.main_con01 .btn_box a{justify-content: flex-end;}
	.main_con01 .left_box{width: 100%;}
}


.main .con02{background: url(/img/main_con03_bg01.jpg)no-repeat center center /cover;}
.main .con02 .inner{display: flex; align-items: center; justify-content: space-between;}
.main .con02 .right_box{width: 60%; max-width: 860px; display: flex; gap: 20px;}

.main .con02 .right_box ul:last-child{margin-top: 50px;}
.main .con02 .right_box ul li + li{margin-top: 20px;}
.main .con02 .right_box ul li a{position: relative; display: block;}
.main .con02 .right_box ul li a .img_box img{max-width: none;}
.main .con02 .right_box ul li .txt_box{position: absolute; width: 100%; height: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: center; flex-direction: column; top: 0; left: 0; gap: 10px 0; overflow: hidden; z-index: 10;}
.main .con02 .right_box ul li .txt_box:before{position: absolute; bottom: -30px; right: -30px; width: 60px; height: 60px; box-sizing: border-box; content: ''; background-color: rgba(36,84,143,9); transform: rotate(45deg); border: 9px solid #fff; transition: .3s; z-index: -1;}
.main .con02 .right_box ul li:hover .txt_box:before{transform: rotate(0); width: 100%; height: 100%; bottom: 0; right: 0; border-color: rgba(36,84,143,.9); background-color: rgba(36,84,143,.9); }
.main .con02 .right_box ul li .txt_box p{color: #fff; }
.main .con02 .right_box ul li .txt_box .tit p{font-size: var(--fz-24); letter-spacing: 0; font-weight: 700;}
.main .con02 .right_box ul li .txt_box .txt p{font-size: var(--fz-18); letter-spacing: -0.025em;}
.main .con02 .right_box ul li .txt_box i{display: block; width: 12px; height: 12px; box-sizing: border-box; background-color: #a9d8f4; clip-path: polygon(50% 0%, 0% 100%, 100% 100%);}

@media all and (max-width:1024px){
	.main .con02{padding: 100px 0;}
	.main .con02 .inner{flex-direction: column; gap: 50px 0;}
	.main .con02 .right_box{width: 100%; flex-wrap: wrap;}
	.main .con02 .right_box ul{width: calc(50% - 10px);}
}

@media all and (max-width:650px){
	.main .con02 .right_box ul{width: 100%;}
	.main .con02 .right_box ul:last-child{margin-top: 0;}
}

.main .con03{background:url(/img/main_con04_bg01.jpg)no-repeat center center /cover;}
.main .con03 .certi_list ul{display: flex; gap: 10px; justify-content: center;}
.main .con03 .certi_list ul li{width: calc(25% - 7.5px); position: relative; cursor: pointer; transition: .3s;}
.main .con03 .certi_list ul li .txt_box{position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px 0; box-sizing: border-box; text-align: center; background-color: rgba(0,0,0,.25); transition: .3s;}
.main .con03 .certi_list ul li .txt_box p{font-weight: 700; color: #ffffff; font-size: var(--fz-24); letter-spacing: -0.025em;}
.main .con03 .certi_list ul li:hover{box-shadow: 0px 26px 30px 0px rgba(0, 0, 0, 0.14);}
.main .con03 .certi_list ul li:hover .txt_box{background-color: #24548f;}

@media all and (max-width:1024px){
	.main .con03{padding: 100px 0;}
}

@media all and (max-width:768px){
	.main .con03 .certi_list ul{flex-wrap: wrap;}
	.main .con03 .certi_list ul li{width: calc(50% - 5px); text-align: center;}
}

.main .con04{background: url(/img/main_con05_bg01.jpg)no-repeat center center /cover;}
.main .con04 .inner {display: flex; align-items: center; justify-content: space-between;}
.main .con04 .contact_info{margin-top: 50px;}
.main .con04 .contact_info ul li{text-align: right;}
.main .con04 .contact_info ul li + li{margin-top: 25px;}
.main .con04 .contact_info ul li h3{font-weight: 700; font-size: var(--fz-32); letter-spacing: -0.025em; line-height: 1em; color: #24548f;}
.main .con04 .contact_info ul li p{font-weight: 600; letter-spacing: -0.025em; font-size: var(--fz-18); line-height: 1.55555em;}
.main .con04 .left_box{width: 58%;}
.main .con04 .map_box{width: 100%; height: 546px;}

@media all and (max-width:1024px){
	.main .con04{padding: 100px 0;}
	.main .con04 .left_box{order: 1; width: 100%;}
	.main .con04 .inner{flex-direction: column; gap: 50px 0;}
	.main .con04 .main_tit h3{text-align: center;}
	.main .con04 .contact_info ul li{text-align: center;}
}

.map_box .root_daum_roughmap{width: 100%; height: 100%;}
.map_box .root_daum_roughmap .wrap_map{width: 100%; height: 100%;}

#fp-nav.fp-left{left: 60px;}
#fp-nav ul li, .fp-slidesNav ul li{width: auto; height: auto; margin: 0;}
#fp-nav ul li + li{margin-top: 30px;}
#fp-nav ul li a span, .fp-slidesNav ul li a span, .fp-sr-only{position: unset; transform: none; background-color: transparent; color: #fff; opacity: .3; font-size: 16px; letter-spacing: -0.025em; margin: 0;}
#fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active + .fp-tooltip{opacity: 0; width: 0;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{margin: 0; opacity: 1;}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{width: auto; height: auto; margin: 0; opacity: 1;}
#fp-nav ul li a.active:before{display: inline-block; content: ''; width: 12px; height: 12px; background-color: #a9d8f4; margin-right: 10px; clip-path: polygon(100% 0, 0% 100%, 100% 100%);}
body[class*="_nav"] #fp-nav ul li a span, body[class*="_nav"] .fp-slidesNav ul li a span, .fp-sr-only{color: #000;}


@media all and (max-width:1200px){
	#fp-nav.fp-left{display: none;}
}