@charset "utf-8";

.section {position:relative;}


/* 섹션 01 */
.section02 {overflow:hidden;}
.scroll-down {position:absolute; left:50%; bottom:0; z-index:10; text-align:center; width:106px; margin-left:-53px;}
.scroll-down .sd-img {position:relative;}
.scroll-down .sd-txt {color:#fff; font-size:16px; font-weight:400;}

.main-section-box {width: 100%; z-index:20; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.main-section-box .main-title {text-align:center;}
.main-section-box .main-title .t1 {font-size:20px; font-weight:500; color:#eeeeee; opacity:0.6; line-height:30px; opacity:0; transform:translateY(50px); transition:1s ease-out; text-shadow:0 0 10px rgba(0,0,0,0.5);}
.on .main-section-box .main-title .t1 {opacity:1; transform:translateY(0);}
.main-section-box .main-title .t2 {font-size:54px; font-weight:700; color:#ffffff; line-height:81px; opacity:0; transform:translateY(50px); transition:1s ease-out; transition-delay:0.3s;  text-shadow:0 0 10px rgba(0,0,0,0.5);}
.on .main-section-box .main-title .t2 {opacity:1; transform:translateY(0);}
.main-search-form {display: flex; justify-content: center; margin-top:30px; opacity:0; /*transform:translateY(50px);*/ transition:0.5s ease-out; transition-delay:1s;}
.on .main-search-form {opacity:1; transform:translateY(0);}
.main-search-form:after {content:""; display:block; clear:both;}
.main-search-form .sch-select {float:left; vertical-align: top; }
.main-search-form .sch-select .nice-select {background:none; border-radius:0; border:none; border-bottom:2.5px solid #fff; width:230px; font-size:22px; font-weight:500; color:#fff;}
.main-search-form .sch-select .nice-select:after {border-color:#fff;}
.main-search-form .sch-select .nice-select .option {color:#444;}
.main-search-form .sch-select .nice-select .option:hover, .main-search-form .sch-select .nice-select .option.focus, .main-search-form .sch-select .nice-select .option.selected.focus {background:#ddd; color:#ed2424; font-weight: 500;}
.main-search-form .sch-value {float:left; margin-left:25px; vertical-align: top;}
.main-search-form .sch-value input {background:none; outline:none; border:none; width:580px; border-bottom:2.5px solid #fff; font-size:22px; font-weight:400; color:#fff; height:42px; box-sizing:border-box; padding:0 20px; float:left;}
.main-search-form .sch-value input::placeholder {color:#CCCCCC;}
.main-search-form .sch-value input:-ms-input-placeholder {color: #CCCCCC;}
.main-search-form .sch-value button {float:left; background:none; outline:none; border:none; border-bottom:2.5px solid #fff; height:42px; vertical-align: top;  color:#fff; font-size:20px; padding:0 20px;}
.mainbg {z-index:10; position:relative; overflow:hidden; height:100%; background: url("/assets/images/mainbg01.jpg") center / cover no-repeat;}
.mainbgcover {z-index:11; position:relative; overflow:hidden; height:100%; background:#000000be; opacity:0.5; position:absolute; left:0; top:0; width:100%;}
.section02 .mainbgcover {opacity:0.75; background:#031326;}
.section05 .mainbgcover {opacity:0.83;}

.iconmouse{z-index:20; position: absolute; bottom: 90px; left: 50%; transform: translate(-50%, 0);  width: 26px; height: 40px; border:2px solid #fff; border-radius: 20px; }
@keyframes Mouse_act
{
0%{transform:translateY(5px);}

50%{transform:translateY(-5px);}

100%{transform:translateY(5px);}

}
/*.iconmouse::before{content: 'SCROLL'; display: block; position: absolute; top: -35px; left: 50%; margin-left: -29px; width: 60px; font-size: 16px; color: #fff; letter-spacing: 0px; font-weight:600;}*/
.iconmouse .ball{position: absolute; top: 8px; left:50%; margin-left:-8.5px; width:15px; height: 15px; background: #fff; border-radius: 50%; animation: Mouse_act 1s ease-out infinite;}
.iconmouse .double-arrow {font-size:12px; color:#fff; position:absolute; bottom:-25px; left: 50%; transform:translateX(-50%);}

#myMenu {position:fixed; right:50px; top:50%; transform:translate(-100%,-50%); transition:0.3s ease; z-index:99; height:200px;}
#myMenu:after {content:""; width:3px; height:160px; background:#DDDDDD; position:absolute; right:0; top:20px;}
/*#myMenu.on {transform:translate(0,-50%); opacity:1;} */
#myMenu li {display:none;}
#myMenu li:before {}
#myMenu li a {    display: flex; /* flex-direction: row; */ align-content: flex-start; align-items: center;}
#myMenu li .num {position:absolute; left:0; top:0; color:#B50C14; font-size:12px; font-weight:500; left:50%; transform:translateX(-50%);}
#myMenu li .txt {position:absolute; left:0; top:190px; color:#B50C14;  left:50%; transform:translateX(-50%); writing-mode: vertical-lr; margin-left:-1px;}
#myMenu li .bar {width:5px; height:20%; background:#B50C14; display: inline-block; z-index:100; position:absolute; top:20px;  left:50%; transform:translateX(-50%); margin-left:-1.5px;}
#myMenu li.active {display:block;}
/*#myMenu li.active .bar {width:px; background:#5E5E5E;}*/
#myMenu li.active .txt {display:inline-block; opacity:1;}
#myMenu li + li .bar {top:50px;}
#myMenu li + li + li .bar {top:80px;}
#myMenu li + li + li + li .bar {top:110px;}
#myMenu li + li + li + li + li .bar {top:140px;}

/* 섹션 02 */
.section02 {background:url("/assets/images/mainbg002.png") no-repeat center center; background-size:cover;}
.section02 .sec-box02 {z-index:30; position:relative; height:100%;}
.section02 .sec-box02 .left {width:35%; float:left; text-align:right; padding-right:100px; position:relative; height:100%; display: flex; align-items: center; justify-content: flex-end;}
.section02 .sec-box02 .left:before {content:""; position:absolute; right:0; top:0; bottom:0; height:100%; width:1px; background:#ffffff54;}
.section02 .sec-box02 .left:after {content:""; position:absolute; right:0; top:50%; transform:translateY(-50%); width:3px; height:90px; background:#fff; margin-right:-1px;}
.section02 .about-us {display: inline-block;}
.section02 .about-us .tit {text-align:left;}
.section02 .about-us .tit .sub-tit {font-weight:600; font-size:18px; color:#B50C14; line-height:27px;}
.section02 .about-us .tit h1 {font-weight:600; font-size:38px; color:#fff; line-height:46px; margin-top:14px;}
.section02 .about-us .view-btn {margin-top:55px; position:relative;}
/*.section02 .about-us .view-btn a {position:absolute; width:100%; height:100%;}*/
/*.section02 .about-us .view-btn .txt {display:flex; align-items: center; justify-content: flex-end; color:#fff; font-size:12px; line-height:18px;}*/
.section02 .about-us .view-btn .txt a {display:flex; align-items: center; justify-content: flex-end; color:#fff; font-size:12px; line-height:18px;}
.section02 .about-us .view-btn .txt a img {margin-left:10px;}

.section02 .sec-box02 .right {width:65%; float:left; text-align:center; height:100%; display: flex; align-items: center; justify-content: center;}
.section02 .about-item {display: inline-block;}
.section02 .about-item ul {}
.section02 .about-item ul li {float:left;     display: flex; align-items: center; margin-right:90px;}
.section02 .about-item ul li:last-child {margin-right:0;}
.section02 .about-item ul li .icon {color:#D0DEEB; font-size:40px;}
.section02 .about-item ul li .txt {text-align:left; padding-left:25px;}
.section02 .about-item ul li .txt .t1 {color:#FFFFFF; font-size:18px; line-height:21px;}
.section02 .about-item ul li .txt .t2 {color:#FFFFFF; font-size:14px; font-weight:275; line-height:21px;}


/* 섹션 03 */
.section03 {background:url("/assets/images/mainbg003a.png") no-repeat center center;  background-size:cover;}
.sc02_ul {font-size:0; width:100%; height:100%; position:relative; z-index:2;}
.sc02_ul li {display: inline-block; vertical-align: top; width:33.3333333%; height:100%; overflow:hidden; position:relative; transition:1s; cursor:pointer;}
.sc02_ul li:after {content:""; position:absolute; right:0; top:0; width:1px; height:100%; background:#fff; opacity:0.8;}
.sc02_ul li:last-child {}
.sc02_ul li .bg {position:absolute; left:0; top:0; width:100%; height:100%; transition:1s; z-index:2; }
.sc02_ul li.bg_off  .bg {left:-100%;}
.sc02_ul li.on {background:rgba(0,0,0,0.5);}

.sc02_ul li .li_box {display:table;width:100%; height:100%; position:relative; z-index:3;}
.sc02_ul li .li_box .li_content {display:table-cell; vertical-align: middle; text-align:center;}
.sc02_ul li .li_box .li_content .ic {}
.sc02_ul li .li_box .li_content .ic svg {opacity:0.5; height:100px;}
.sc02_ul li .li_box .li_content .txt {color:rgba(227,227,227); font-size:28px; font-weight:600; line-height:35px; margin-top:17px; opacity:0.6;}
.sc02_ul li .li_box .li_content .txt a {display: inline-block; width:100%; height:100%; color:#fff;}
.sc02_ul li.on .li_box .li_content .ic svg {opacity:1;}
.sc02_ul li.on .li_box .li_content .ic svg path {fill:#E3E3E3;}
.sc02_ul li.on .li_box .li_content .txt {opacity:1;}

.sc02_bg {position:absolute; z-index:1; left:0; top:0; width:100%; height:100%;}
.sc02_bg > div {width:100%; height:100%; transition:1s; opacity:0; position:absolute; left:0; top:0; width:100%; height:100%;}
.sc02_bg > div.on {opacity:1;}
.sc02_bg > div.sc02_bg1 {background:url("/assets/images/mainbg003a.png") no-repeat center center;  background-size:cover;}
.sc02_bg > div.sc02_bg2 {background:url("/assets/images/sc02_bg2_0805.jpg") no-repeat center center; background-size:cover;}
.sc02_bg > div.sc02_bg3 {background:url("/assets/images/sc02_bg3.jpg") no-repeat center center; background-size:cover;}


/* 섹션 04 */
.section04 {background:#192634; }
.section04:after {content:""; position:absolute; left:0; top:0; background:url("/assets/images/mainbg004.png") no-repeat right bottom; width:100%; height:100%; z-index:1;     mix-blend-mode: overlay; background-blend-mode: overlay;}
.section04 .sec-box04 {position:relative; z-index:30;}
.section04 .sec-top {z-index:30; position:relative;}
.section04 .sec-top .left {width:35%;   text-align:right; padding-right:100px; position:relative; height:100%; display: flex; align-items: center; justify-content: flex-end; margin-bottom:120px;}
/*.section04 .sec-top .left:before {content:""; position:absolute; right:0; top:0; bottom:0; height:100%; width:1px; background:#fff;}*/
/*.section04 .sec-top .left:after {content:""; position:absolute; right:0; top:50%; transform:translateY(-50%); width:3px; height:90px; background:#fff; margin-right:-1px;}*/
.section04 .blog {display: inline-block;}
.section04 .blog .tit {text-align:left;}
.section04 .blog .tit .sub-tit {font-weight:600; font-size:18px; color:#B50C14; line-height:27px;}
.section04 .blog .tit h1 {font-weight:600; font-size:38px; color:#fff; line-height:46px; margin-top:14px;}
.section04 .blog .view-btn {margin-top:55px; position:relative;}
.section04 .blog .view-btn .txt a {display:flex; align-items: center; justify-content: flex-end; color:#fff; font-size:12px; line-height:18px;}
.section04 .blog .view-btn .txt a img {margin-left:10px;}
.section04 .sec-bot {padding-right:330px;}
.section04 .sw-page {height:40px; text-align:right; position:relative;}
.section04 .sw-page .swiper-pagination {right:0;}
.section04 .sw-page .swiper-pagination-bullet {background:#CCCCCC; opacity:1; margin-left:7px; height:11px; width:11px;}
.section04 .sw-page .swiper-pagination-bullet-active {background:#B50C14; width:44px; border-radius:4px;}

.swiper-container2 {height:150px;}
.swiper-container2 .swiper-slide {width:435px;  height:150px; overflow:hidden;  text-align:center;}
.swiper-container2 .swiper-slide .sw2-txt {background:#fff; text-align:left; padding:20px 30px;}
.swiper-container2 .swiper-slide .sw2-txt .t1 {color:#333333; font-weight:600; font-size:18px; line-height:24px;}
.swiper-container2 .swiper-slide .sw2-txt .t2 {color:#666666; font-weight:400; font-size:14px; line-height:24px; margin-top:9px; 
display: -webkit-box;
-webkit-line-clamp: 3;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
text-align: left;
word-wrap: break-word;
line-height: 24px;
height: 72px;  }
.swiper-container2 .swiper-slide img {max-width:100%;}
.swiper-container2 .swiper-slide.swiper-slide-active img {filter:none !important;}
.swiper-container2 .swiper-slide.swiper-slide-active .sw2-txt {display:block;}

.swiper-container2 .swiper-button-next {right:50%; margin-right:-380px;}
.swiper-container2 .swiper-button-prev {left:50%; margin-left:-380px;}
.swiper-container2 .swiper-button-next, .swiper-container2 .swiper-button-prev {background:none; width:130px; height:130px; margin-top:13px;}
.swiper-container2 .swiper-button-next img, .swiper-container2 .swiper-button-prev img {max-width:100%;}

.swiper-container2 .swiper-wrapper {text-align:center; vertical-align: top;}
/*.swiper-container2 .swiper-wrapper {*/
/*-webkit-box-align: center;*/
/*    -webkit-align-items: center;*/
/*    -moz-box-align: center;*/
/*    -ms-flex-align: center;*/
/*    align-items: center;*/
/*	}*/


/* 섹션 05 */
.section05 {background:url("/assets/images/mainbg005.png") no-repeat center center;  background-size:cover;}
.contact-us-main {z-index:30; max-width:1480px; margin:0 auto; position:relative;}
.contact-us-main .contact-top {}
.contact-us-main .contact-top:after {content:""; display:block; clear:both;}
.contact-us-main .contact-bot {position:relative;}
.contact-us-main .contact-bot:after {content:""; display:block; clear:both;}
.contact-top .left {width:420px; float:left;}
.contact-top .right {width:990px; float:left; padding-top:99px; margin-left:60px;}
/* .contact-bot .left {width:420px; float:left;} */
.contact-bot .right {width:990px; float:left; padding-top:99px; margin-left:60px;}
.contact-top .left .tit {}
.contact-top .left .tit .t1 {font-weight:600; font-size:18px; color:#B50C14; line-height:27px;}
.contact-top .left .tit .t2  {font-weight:600; font-size:38px; color:#fff; line-height:46px; margin-top:14px; white-space: nowrap;}
.contact-top .right .ct-tab {display:flex;}
.contact-top .right .ct-tab li {display:flex; align-items: center; color:#fff; font-size:18px; line-height:31px; cursor:pointer; padding:0 19px; position:relative;}
.contact-top .right .ct-tab li:first-child {padding-left:0;}
.contact-top .right .ct-tab li:after {content:""; width:1px; height:29px; position:absolute; background:#1E2B38; right:0; top:3px; z-index:30; box-shadow:rgb(4 13 22 / 65%) 1px 0 1px 0; background:rgb(255 255 255 / 10%); box-shadow:none;}
.contact-top .right .ct-tab li:last-child:after {content:none;}
.contact-top .right .ct-tab li img {opacity:0.5; margin-left:10px; opacity:0.2; width:22px;}
.contact-top .right .ct-tab li.on {color:#B50C14; font-weight:600;}
.contact-top .right .ct-tab li.on img {opacity:1; }
/* .contact-bot .left {position:relative; margin-top:40px;}
.contact-bot .backgray {background:#FFFFFF; opacity:0.2; position:absolute; right:0; top:0; bottom:0; width:9999px; height:100%; border-radius:10px 10px 0 0;}
.ct-change-box {display:none;}
.ct-change-box.ct-change-box1 {display:block;}
.ct-change-box .map-space {width:100%; height:290px;}
.ct-change-box .map-info {margin-top:30px;}
.ct-change-box .map-info dl {}
.ct-change-box .map-info dl dt {color:#fff; font-size:16px; font-weight:500; margin-bottom:25px;}
.ct-change-box .map-info dl dd {position:relative; padding-left:30px; color:#CCCCCC; font-size:12px; font-weight:275; line-height:18px; margin-bottom:17px; letter-spacing:0;}
.ct-change-box .map-info dl dd span.ic {position:absolute; left:0; font-size:15px; text-align:center; display: inline-block; width:22px;} */

/* contact 폼삭제 및 수정 */
/* .section05 .fp-scroller {height:100%;} */
.contact-bot .left {position:relative; margin-top:40px;}
.contact-bot .backgray {background:#FFFFFF; opacity:0.2; position:absolute; left:0; top:0; bottom:0; width:100%; height:100%; border-radius:10px 10px 0 0;}
.ct-change-box {display:none; height:515px; font-size:0;}
.ct-change-box.ct-change-box1 {display:block;}
.ct-change-box .map-space {width:50%; height:100%; display:inline-block; vertical-align: top; float:left;}
.ct-change-box .map-space img {max-width:auto; width:100%; height:100%; object-fit: cover;}
.ct-change-box .map-info { display:inline-block; width:50%; height:100%; vertical-align: top; float:left; display:flex; align-items: flex-end; padding-left:60px; padding-bottom:45px;}
.ct-change-box .map-info dl {}
.ct-change-box .map-info dl dt {color:#fff; font-size:24px; font-weight:500; margin-bottom:25px;}
.ct-change-box .map-info dl dd {position:relative; padding-left:30px; color:#CCCCCC; font-size:18px; font-weight:275; line-height:18px; margin-bottom:17px; letter-spacing:0;}
.ct-change-box .map-info dl dd span.ic {position:absolute; left:0; font-size:15px; text-align:center; display: inline-block; width:22px;}

.frm-box .row {display:flex; justify-content: space-between;margin-bottom:70px;}
/*.frm-box .row:after {content:""; display:block; clear:both;}*/
.frm-box .row.col-1 .col {width:100%;}
.frm-box .row.col-2 .col {width:457px;}
.frm-box .row.nomargin {margin:0;}
.frm-box .row .col {}
.frm-box .row .col label {display:block; font-weight:300; font-size:16px; color:#AAAAAA;}
.frm-box .row .col input {width:100%; border:none; outline:none; border-bottom:1px solid #888888; font-size:20px; font-weight:400; background:none; padding:12px 0; color:#fff;}
.frm-box .row .col input::placeholder {color:#fff;}
.frm-box .row .col .hint {color:#fff; font-size:20px; font-weight:300; line-height:30px; margin-top:13px;}
.frm-box .row .col textarea {font-size:20px; line-height:1.4; margin-top:20px; background:none; resize:none; outline:none; border:none; border-bottom:1px solid #888888; width:100%; height:40px; color:#fff; padding:10px; box-sizing:border-box;}
.frm-box .row.row-btn {display:block;}
.frm-box .row.row-btn .btn-submit {margin-top:45px;}
.frm-box .row.row-btn .btn-submit button {background:none; outline:none; border:none; display: flex; align-items: center; color:#fff; float:right; padding:5px 10px; cursor:pointer;}
.frm-box .row.row-btn .btn-submit button img {margin-right:6px;}

/* 섹션 06 */
.section06, .section06 .fp-tableCell { height: auto !important; }