@charset "utf-8";
/* CSS Document */

/**************************************************************

	File name :   main.css
	function :    Main Layout
	Last update : 2026-01-30 : PM

***************************************************************/

/* common : header : GNB */
#header h1{position:absolute;top:24px;left:0; width:167px;height:52px;}
#gnb {position:relative;height:100px;line-height:100px; float:right;}
#gnb > h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb .gnb_wrap {margin:0 auto;position:relative;z-index:10}
#gnb #gnb_1dul {font-size:1.083em;padding:0;zoom:1}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb_1dli {float:left;line-height:100px;padding:0px;position:relative}
#gnb .gnb_1dli a{color:#333;font-size:20px;}
#gnb .gnb_1dli a:hover{color:#0059c6;}
#gnb .gnb_1dli:last-child a{color:#f64f0d; font-weight:900; font-size:22px; font-family:'NanumSquareNeo', 'NanumSquare';}

/* main */
#container{position:relative;box-sizing:border-box;display:block; width:100%;height:auto; overflow:hidden;}
#container .contents{position:relative; padding-top:100px;font-weight:400;clear:both;}
#container .contents:last-child{padding:0;}
/* main : fullPage */
#container .contents.bg01{background:#0059c6; height:100%;}
#container .contents.bg02{background:url('../img/main/bg02.jpg') no-repeat center center;background-size:cover;height:100%;}
#container .contents.bg03{background:url('../img/main/bg03.jpg') no-repeat center center;background-size:cover;height:100%;}
#container .contents.bg04{background:url('../img/main/bg04.jpg') no-repeat center center;background-size:cover;height:100%;}
#container .contents.bg05{background:url('../img/main/bg05.jpg') no-repeat center center;background-size:cover;height:100%;}
#container .contents.bg06{margin:0;padding:0;height:auto !important}
#container .fp-tableCell{margin:0;padding:0;height:auto !important;}
.fp-auto-height.fp-section,.fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell{height: auto !important;}
.fp-responsive .fp-auto-height-responsive.fp-section, .fp-responsive .fp-auto-height-responsive .fp-slide, .fp-responsive .fp-auto-height-responsive .fp-tableCell {height: auto !important;}
/* main : fullPage : menu */
#menu{position:absolute;top:418px;left:20px;z-index:100;}
#menu li{text-align:left;margin-bottom:10px;}
#menu li a{ width:150px;border:0;border-radius:0;text-align:right;margin-bottom:10px;padding:2px 15px 2px 10px;height:15px; color:#108adf;font-weight:500;font-size:12px;font-family:'Noto Sans KR';}
#menu li a span{display:inline-block; background:#108adf;border-radius:10px; margin-right:10px;width:10px;height:10px;}
#menu li a:hover, #menu li.active a{background:#108adf;border:0;border-radius:10px;color:#fff;}
#menu li.active a span, #menu li a:hover span{background:#fff;}
/* index : common */
#container .contents h2{margin:0;width:auto;height:40px;line-height:40px;font-size:40px;text-align:center;font-weight:900;letter-spacing:-2px;color:#333;}
#container .contents h2.white{color:#fff;}
#container .contents .text{padding-top:22px;margin-bottom:40px; font-size:27px;font-weight:500;letter-spacing:-2px;color:#555;font-family:'NanumSquareNeo';text-align:center;}
#container .contents .text.white{color:#fff;font-family:'NanumSquareNeo';font-weight:700;}
#container .contents .text2{padding-top:22px;margin-bottom:40px; font-size:27px;font-weight:300;letter-spacing:-2px;color:#fff; text-align:center;}
#container .contents .wrap{position:relative; margin:0 auto; width:1400px;}
/*
#container #section1 .detail{margin-top:calc((24 / 720) * 100vw);}
.middle{top:50%;transform:translate(0%, -50%);}
*/

/* main : section01 */
#container #section1{position: relative;}
#container #section1 .detail{position:absolute; top:270px;left:5%; height:auto; z-index:1000;}

#container #section1 h2{text-align:left; font-size:2.9rem;}
#container #section1 .text{margin:20px 0 30px;padding:0; font-family:'NanumSquareNeo';text-align:left;font-size:2.15rem;}
#container #section1 .contact li{
  border:2px solid #fff;border-radius:120px;box-sizing:border-box; margin-right:20px; width:260px;height:80px;line-height:80px; text-align:center; float:left;}
#container #section1 .contact li a{display:flex;justify-content:center;align-items:center; color:#fff; font-weight:700;font-size:25px;}
#container #section1 .contact li a span{display:block; margin-right:15px;width:49px;height:80px; background:url('../img/main/ico_phone.png') no-repeat center center; background-size:80%;}
#container #section1 .contact li.kakao{border-color:#ffeb3b;background:#ffeb3b;}
#container #section1 .contact li.kakao a{color:#3e2723;}
#container #section1 .contact li.kakao a span{background:url('../img/main/ico_kakao.png') no-repeat center center; background-size:80%; width:69px;height:80px;}
#container #section1 .contact li:last-child{margin-right:0;}
/* main : section01 : swiper */
#container #section1 .mainCover{position:absolute;top:0;left:0;box-sizing:border-box;display:block; width:100%;height:100vh; overflow:hidden;}
#container #section1 .mainCover .swiper-slide{background-size:cover; width:100%;height:100vh;min-height:977px;text-indent:-9999em;}
#container #section1 .mainCover .swiper-slide:nth-child(1){background:url('../img/main/profile01.jpg') no-repeat center center;}
#container #section1 .mainCover .swiper-slide:nth-child(2){background:url('../img/main/profile02.jpg') no-repeat center center;}
#container #section1 .mainCover .swiper-pagination{bottom:20px;left:0;width:100%;height:auto;}
#container #section1 .mainCover .swiper-pagination-bullet{width:10px;height:10px;}
#container #section1 .mainCover .swiper-pagination-bullet-active{border-radius:10px;}

/* main : section02 */
#container #section2{padding-top:200px;}
#container #section2 .flexCont{display:flex;justify-content:space-around;align-items:center; padding-top:100px;}
#container #section2 .flexCont li{background-color:#0059c6;border-radius:50%; padding-top:80px; width:250px;height:250px;color:#fff;font-family:'NanumSquareNeo';font-size:40px;text-align:center;font-weight:300;}
#container #section2 .flexCont li span{display:block; margin-bottom:5px; font-weight:800;}

/* main : section03 : process */
#container #section3{padding-top:200px;}
#container #section3 .swiper{height:500px;}
#container #section3 .swiper .swiper-slide{background:#fff;border-radius:10px; padding:30px 20px; width:430px;height:500px;}
#container #section3 .swiper .swiper-slide .imgBox{background-size:100%;border-radius:10px; margin-bottom:30px; width:100%;height:260px;}
#container #section3 .swiper .swiper-slide.step01 .imgBox{background:url('../img/main/process01.jpg') no-repeat center center;}
#container #section3 .swiper .swiper-slide.step02 .imgBox{background:url('../img/main/process02.jpg') no-repeat center center;}
#container #section3 .swiper .swiper-slide.step03 .imgBox{background:url('../img/main/process03.jpg') no-repeat center center;}
#container #section3 .swiper .swiper-slide.step04 .imgBox{background:url('../img/main/process04.jpg') no-repeat center center;}
#container #section3 .swiper .swiper-slide dt{margin-bottom:30px; font-family:'NanumSquareNeo';font-weight:900;font-size:20px;color:#1a72e7;}
#container #section3 .swiper .swiper-slide dd{font-size:18px; word-wrap: break-word; word-break:keep-all; line-height:1.6em;}

/* main : section04 */
#container #section4{padding-top:200px;}
#container #section4 h2{color:#fff; text-shadow: 0 2px black, 2px 0 black, -2px 0 black, 0 -2px black;}
#container #section4 .text{color:#fff; text-shadow: 0 2px black, 2px 0 black, -2px 0 black, 0 -2px black;}
#container #section4 .newsArea{display:flex;justify-content:space-around;align-items:center; padding-top:40px;}
#container #section4 .newsArea .newsItem{position:relative; background:#fff;border-radius:20px; padding:50px;width:410px;height:311px;}
#container #section4 .newsArea .newsItem .mark{position:absolute;top:50px;right:50px; background:#e2f1ff;border-radius:20px; width:104px;height:34px;line-height:34px; font-size:16px;font-weight:500; color:#028ced;text-align:center;}
#container #section4 .newsArea .newsItem dt{font-family:'NanumSquareNeo';color:#231f1f;font-size:24px;font-weight:900; letter-spacing:-1px; margin:10px 0 30px;}
#container #section4 .newsArea .newsItem dd{font-size:18px; word-wrap: break-word; word-break:keep-all; line-height:1.6em;}
#container #section4 .newsArea .newsItem .btn{background-color:#f8670d;border-radius:20px; margin-top:30px;height:50px; line-height:50px;}
#container #section4 .newsArea .newsItem .btn a{display:block; color:#fff;}

/* main : section05 */
#container #section5{padding-top:200px;}
#container #section5 .contactArea{display:flex;justify-content:space-around;align-items:center; padding-top:40px;}
#container #section5 .contactArea .conItem{position:relative; background:#fff url('../img/main/ico_phone2.png') no-repeat center center; border-radius:20px; padding:50px;width:660px;height:400px; text-align:center;}
#container #section5 .contactArea .conItem.kakao{background:#ffeb3b url('../img/main/bg_contact.png') no-repeat center center; }
#container #section5 .contactArea .conItem dt{margin-bottom:250px;font-family:'NanumSquareNeo';color:#231f1f;font-size:24px;font-weight:900; letter-spacing:-1px;}
#container #section5 .contactArea .conItem dd{font-size:18px; word-wrap: break-word; word-break:keep-all; line-height:1.6em;}
#container #section5 .contactArea .conItem.kakao dt, #container #section5 .contactArea .conItem.kakao dd{color:#3e2723;}