@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Jost:wght@600;700&display=swap");
/* 페이지 컨트롤러 */

/* 페이지 컨트롤러 END */
/* 페이지 디자인 */
#section1,
#section2,
#section3,
#section4,
#section5,
#section6,
#section7 {
    text-align: center;
}

#section3 {
    background-color: transparent;
    min-width: 1050px !important;
    height: 97vh;
    min-height: 800px;
}

.n_head1 {height: 42px; color:#ebebeb; font-size: 13px; margin: 0 auto;}
.n_head1a {float: left; background-color: #000; border-radius: 16px; padding: 0.3em 1em; margin-top: -6px; display: block; cursor: pointer; margin-right: 10px;}
.n_head1a a{color:#ebebeb;}
.n_head1a a:hover{color:#fdec8d;}
.n_head1b {font-size: 13px;}
.n_head1b > li{float: left; padding: 0.3em 0.6em; margin-top: 8px;}
.n_head1b a{color:#ebebeb;}
.n_head1b a:hover{color:#fdec8d;}
.n_head1c {font-size:16px;}
.n_head1c > li {float: left; padding-left: 1em; margin-top: 10px; color:#FF4902;}
.n_head1c > li:not(:last-child){color:#FF4902;}
.n_head1c a{color:#ebebeb;}
.n_head1c a:hover{color:#fdec8d;}
.n_head1c span {color: #fb8220; font-size: 14px; font-weight: 500;}

.n_head1d {background-color: #f7dd01; border-radius: 16px; padding: 0.1em 1em; display: block; cursor: pointer; margin-right: 10px; font-size: 14px; font-weight: 500;}
.n_head1d a{color:#333;}
.n_head1d a:hover{color:#744100;}

.n_nav_all {width: 80px; font-size:14px; font-weight: 500; float: right; padding-bottom: 10px; margin-top: -31px; margin-right: 20px;}
.n_nav_all a{color:#fff; line-height: 1.3;}
/* .n_nav_all:hover .n_nav_box{transform: scaleY(1); } */
/* ohy 추가 */
.n_nav_all:hover ~ .n_nav_box { transform: scaleY(1); } 
.n_nav_box:hover { transform: scaleY(1); } 
.n_nav_box .bt_all_nav:visited { transform: scaleY(0); } 
/* ohy 추가 끝 */
.n_nav_box {width: 100%; height: 240px; background-color: #fff; border-bottom: 1px solid #666; z-index: 1006; position: absolute; transform:scaleY(0); transform-origin: top; transition:ease all 0.2s; display: flex; justify-content: center;}
.n_nav_box ul {float:left;}
.n_nav_con1 {width: 690px; float:left; margin-top: 10px;}
.n_nav_con1 >ul > li:first-child{float: left; font-size: 16px; padding:30px 50px 7px 15px; border-bottom: 2px solid #666; font-weight: 600;}
.n_nav_con1 >ul > li {float: left; font-size: 16px; font-weight: 400; padding:30px 25px 10px 15px; border-bottom: 1px solid #e9e9e9;}
.n_nav_con2 {width: 120px; float:left; margin-top: 11px;}
.n_nav_con2 >ul > li {font-size: 16px; padding:30px 15px 8px 15px; border-bottom: 2px solid #666; font-weight: 600;}
.n_nav_con3 {width: 130px; float:left; margin: 10px 50px; font-size: 16px; padding:30px 15px 8px 15px; border-bottom: 2px solid #666; font-weight: 600;}
.bt_all_nav {float:right; margin-top: 40px;}
.bt_all_nav:hover .n_nav_box {transform: scaleY(0);}

.n_head3 {width: 100%; height: 68px; z-index: 9; position: absolute;}
.n_logo {float: left; margin-top: 10px; padding-right: 20px;}
.n_nav {font-size:16px; font-weight: 500; width: 870px;}
.n_nav > li{float: left; padding: 22px 22px}
.n_nav a{color:#fff;}
.n_nav a:hover{color:#fdec8d;}

.bt_all_nav {float:right; margin-top: 40px;}
.bt_all_nav:hover .n_nav_box {transform: scaleY(0);}

/* 메인 STARTUPS */
.list_portfolio {
    height: 100%;
    display: flex;
    color: #fff;
    z-index: 1;
}
.bg_port01,
.bg_port02,
.bg_port03,
.bg_port04 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    z-index: -1;
}
.bg_port01 {
    background: url(../images/bg-image/b1.jpg) no-repeat center; 
    background-size: cover;
}
.bg_port02 {
    display: none;
    background: url(../images/bg-image/b2.jpg) no-repeat center;
    background-size: cover;
}
.bg_port03 {
    display: none;
    background: url(../images/bg-image/b3.jpg) no-repeat center;
    background-size: cover;
}
.bg_port04 {
    display: none;
    background: url(../images/bg-image/b4.jpg) no-repeat center;
    background-size: cover;
}
.list_portfolio li{
    border-left: 1px solid rgba(255, 255, 255, 0.4);
}
.list_portfolio li {
    cursor: pointer ;
}

.list_portfolio li > div > .text_detail {
        font-size: 2rem;
        font-weight: 400;
        text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
.list_portfolio li .counter {
    visibility: hidden;
    opacity: 0;
    font-size: 3rem;
    font-weight: 500;
    transition: all 0.4s;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
.list_portfolio li .counter.on {
    visibility: visible;
    opacity: 1;
}
.list_portfolio li > div > h3 {
    font-size: 5.4rem;
    font-weight: 700;
    margin: 1rem 0;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.list_portfolio img {
    width: 100%; height: 100%; z-index: 1; position: relative; margin-top: -150px;
}

.list_portfolio li{
    border-left: 1px solid rgba(255, 255, 255, 0.4);
}
.list_portfolio li {
    cursor: pointer ;
}

.lipo_01,
.lipo_02,
.lipo_03,
.lipo_04 {
    transition: all 0.3s;
}
.lipo_01:hover,
.lipo_02:hover,
.lipo_03:hover,
.lipo_04:hover {
    background-color: rgba(0, 0, 0, 0.4);
}

.list_portfolio li:nth-child(1),
.list_portfolio li:nth-child(2),
.list_portfolio li:nth-child(3),
.list_portfolio li:nth-child(4) {
    width: 25%;
}
.list_portfolio li:nth-child(1) > div,
.list_portfolio li:nth-child(2) > div,
.list_portfolio li:nth-child(3) > div,
.list_portfolio li:nth-child(4) > div {
    position: relative;
    top: 55%;
    transform: translateY(-120%);
    height: 15rem;
    transition: all 0.3s;
}
.list_portfolio li:nth-child(1):hover > div,
.list_portfolio li:nth-child(2):hover > div,
.list_portfolio li:nth-child(3):hover > div,
.list_portfolio li:nth-child(4):hover > div {
    top: 45%;
}

#myVideo{
		position:absolute;
		right: 0;
		top:0;
		bottom: 0;
		width: 100%;
		height: 100vh;
 		background-color: black; 
  		background-position:center center;
  		background-size:cover;
   		object-fit:fill;
	
	}

.h_bann {z-index: 10; position: absolute; right: 20px; color:#fff; text-align: right; margin-top: 14px;}
.h_bann li {font-size: 13px; display: block; margin: 10px 0;}
.h_bann span {font-size: 15px; font-weight: 500; color: #fedf80; border-bottom: 1px solid rgba(255, 255, 255, 0.4);}
.h_bann a {color: #fff;}


.air_search_box {margin:-25px 0 40px; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; background: #ebebeb}
.air_search_box .inner2 {overflow: hidden; position: relative; padding: 0 0 14px;}
.air_search_box dl {overflow: hidden; display: block}
.air_search_box .dl01 {margin:0 17px 0 0;}
.air_search_box .dl01, .air_search_box .dl02 {float: left; margin-top: 30px;}
.air_search_box .dl01 dt {padding:0 0 0 10px; background:url("../images/icon01.png") no-repeat left center ;}
.air_search_box .dl02 dt {padding:0 0 0 10px; background:url("../images/icon02.png") no-repeat left center ;}
.air_search_box .dl02 dl:last-child dt {background:url("../images/icon03.png") no-repeat left center ;}
.air_search_box dt {float:left; width:70px;   font-size:16px; line-height:36px; color:#636363; font-weight:600; box-sizing: border-box}
.air_search_box dd {position: relative; float:left; width:420px; margin:0 0 12px; font-size:14px; line-height:40px; color:#636363; text-align: left;}
.air_search_box dd .sel_area {width:314px}
.air_search_box dd input[type=checkbox] {vertical-align: -2px}
input[type=text].inp_new {height:36px; font-size:14px; line-height:36px; color:#999; font-weight:500; padding:0 10px; border:1px solid #ccc; box-sizing: border-box}
.air_search_box select  {margin:0 18px 0 0; vertical-align:top; display: inline-block; height:36px; font-size:14px; line-height:36px; color:#999; padding:0 31px 0 10px; border:1px solid #ccc; box-sizing: border-box; background:#fff url(../images/arrow.png) no-repeat 92% 50%; -webkit-appearance: none;  -moz-appearance: none;  -o-appearance: none;  appearance: none;}
.air_search_box select::-ms-expand {display: none;}
.air_search_box label {vertical-align:top; margin:0 11px 0 0;}
.air_search_box .inp_cal {position: absolute; top:0; right:0}
.air_search_box .bt_sear01 {position: absolute;top: 12px; right: 8px;}
.air_search_box .bt_sear01 img {vertical-align: top}
.air_search_box .inp_sear {position: relative; display: inline-block; margin: 0 14px 0 0}
.air_search_box .inp_sear .bt_sear01 {position: absolute;top: 10px; right: 7px;}
.air_search_box .bt_sear02 {position: absolute; top:30px; right:0}
.air_search_box .dl02 dl select {margin: 0 4px 0 0}
.air_search_box .dl02 dl:last-child select {margin: 0 18px 0 0}

.inner2 {width:1100px; margin:0 auto;}
.inner2::after { clear: both; content: ""; display: blo}

.mid_ban {width: 86%; min-width: 1150px; display: flex; flex-wrap: wrap; margin: 0 auto; padding: 20px 0;}
.mid_bani {flex: 1 1 20%; border-radius: 15px; overflow: hidden; margin:10px; }
.mid_bani img {width: 100%; display: block;}

.mid02_ban {width: 86%; display: flex; min-width: 1150px; margin: 0 auto; margin-top: 80px;}
.mid02_bani {flex: 1 1 20%; padding: 10px; cursor: pointer;}
.mid02_bani li:nth-child(1) {height: 25px; font-size: 16px; font-weight: 500; margin-top: -4px;}
.mid02_bani li:nth-child(2) {height: 40px; font-size: 30px; font-weight: 400;}
.mid02_bani li:nth-child(3) {height: 30px; font-size: 12px; font-weight: 500; margin: 4px 0;}
.mid02_bani span {font-weight: 600; color: #2f4f87;}

.m_golf {width: 100%; padding: 80px 0; margin: 0 auto;}
.m_golf_t {font-size: 46px; font-weight: 500; margin: 20px 0;}
.m_golf_t span {color: #4B7602; font-weight: 700;}
.m_golf_t p {font-size: 18px; margin-top: 6px; color: #555;}
.m_golf_c {display: flex; justify-content: center; margin-top: 44px;}
.m_golf_g{width: 387px; margin-right: 20px; text-align: left; display: block;}
.m_golf_g0{width: 387px; text-align: left; display: block;}
.m_golf_g li:nth-child(1), .m_golf_g0 li:nth-child(1) {border-radius: 10px; overflow: hidden;}
.m_golf_g li:nth-child(2), .m_golf_g0 li:nth-child(2) {font-size: 20px; font-weight: 400; margin-top: 14px; color: #333;}
.m_golf_g li:nth-child(3), .m_golf_g0 li:nth-child(3) {font-size: 30px; font-weight: 600; color: #01836f;}
.m_golf_g li:nth-child(4), .m_golf_g0 li:nth-child(4) {font-size: 15px; font-weight: 400; margin-top: 10px; color: #333;}
.g_img {width: 387px; height: 282px; overflow: hidden;}

.mid_ban02 {width: 1200px; margin: 0 auto; padding: 20px 0 80px 0;}
.slider {
            width: 100%;
            position: relative;
        }

        .slide {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            opacity: 0;
            transition: opacity 1s ease-in-out;
            border-radius: 16px;
            overflow: hidden; 
        }

        .slide.active {
            opacity: 1;
            z-index: 1; 
        }

.m_trip {width: 100%; height: 700px; padding: 50px 0; margin: 0 auto; margin-top: 130px;}
.m_trip_t {font-size: 46px; font-weight: 500;}
.m_trip_t li:nth-child(1) {height: 30px;}
.m_trip_t span {font-weight: 600; color: #5f20b5;}
.m_trip_p {width: 86%; min-width: 1150px; max-width: 1840px; margin: 0 auto; padding: 46px 0; color: #fff; display: flex;}
.m_trip_p01, .m_trip_p02, .m_trip_p03, .m_trip_p04 {width: 24%; height: 436px; flex: 1 1 20%; border-radius: 15px; overflow: hidden; margin:0 10px; position: relative; cursor: pointer;}
.m_trip_p01 {background:url('../images/h_img01.jpg') no-repeat center;}
.m_trip_p02 {background:url('../images/h_img02.jpg') no-repeat center;}
.m_trip_p03 {background:url('../images/h_img03.jpg') no-repeat center;}
.m_trip_p04 {background:url('../images/h_img04.jpg') no-repeat center;}
.m_trip_s {width: 100%; background-color: rgba(0, 0, 0, 0.5); text-align: left; padding: 20px 18px 15px 18px; position: absolute; bottom: 0;}
.m_trip_s li:nth-child(1) {font-size: 22px; font-weight: 500; margin-top: -10px; word-break: keep-all;}
.m_trip_s li:nth-child(2) {font-size: 14px; font-weight: 300; word-break: keep-all;}
.m_trip_s li:nth-child(3) {font-size: 18px; font-weight: 500; margin-top: 6px;}

.m_bus {width: 1200px; padding: 50px 0; margin: 0 auto;}
.m_bus_t {font-size: 46px; font-weight: 500;}
.m_bus_t span {font-weight: 600; color: #1b589e;}
.m_bus_t p {font-size: 20px;}
.m_bus_c {width: 1198px; height: 330px; background:url('../images/m_bus_bk.jpg') no-repeat center; margin-top: 25px;}
.m_bus_s {padding: 220px 0 20px 490px;}
.m_bus_s01 {float: left;}
.m_bus_s01 li:nth-child(1) {font-size: 16px; font-weight: 400;}
.m_bus_s01 li:nth-child(2) {font-size: 18px; font-weight: 500; text-align: right;}
.m_bus_s01 span {font-size: 26px; font-weight: 600; color: #ea0329; margin-left: 6px;}
.m_bus_s02 {float: left; width: 190px; height: 60px; background-color: #d30628; font-size: 20px; font-weight: 500; color: #FFF; text-align: center; margin-left: 25px; padding: 16px 0; display: block; cursor: pointer;}

.m_info {width: 100%; border-top: 1px solid #c2c0c0;  border-bottom: 1px solid #c2c0c0; padding: 40px 0 40px 0; text-align: center; display: inline-grid;}
.m_info01 {width: 1200px; text-align: left; font-size: 14px; margin: 0 auto;}
.m_info01 li:nth-child(1) {float: left; margin-top: 10px;}
.m_info01 li:nth-child(2) {float: left; margin-left: 30px;}
.m_info01 img {padding: 0 5px;}
.m_info02 {width: 1200px; text-align: left; margin-top: 4px; display: flex; margin: 0 auto;}
.m_info02a {padding-right: 50px;}
.m_info02a li:nth-child(1) {font-size: 18px; color: #333; font-weight: 400;}
.m_info02a li:nth-child(2) {font-size: 30px; color: #000; font-weight: 600;}
.m_info03a {padding: 0 50px; margin-top: 30px;}
.m_info03a li {font-size: 15px; color: #333; font-weight: 400;}
.m_info03a span {font-size: 18px; font-weight: 600; margin-left: 10px;}
.m_info03a p {font-size: 18px; font-weight: 600; margin-left: 64px;}
.m_info03b {padding: 0 0 0 94px; border-left: 1px solid #e9e9e9; margin: -30px 0 0 50px;}
.m_info03b li {font-size: 15px; color: #333; font-weight: 400;}
.m_info03b span {font-size: 17px; font-weight: 500; margin-left: 10px;}
.m_info03b p {font-size: 17px; font-weight: 500; margin-left: 81px;}
.m_info03t {font-size: 18px; font-weight: 600; margin-bottom: 12px;}

.n_footer {width: 1200px; margin: 0 auto; display: flex; padding: 40px 0;}
.n_footer2 {text-align: left; margin-left: 30px;}
.n_footer2 li:nth-child(1) {padding-bottom: 10px; font-weight: 300;}
.n_footer2 li:nth-child(1) a {margin-right: 24px;}
.n_footer2 li:nth-child(2) {font-size: 14px; padding: 10px 0;}
.n_footer2 span {font-weight: 400;}
.n_footer2 li:nth-child(3) {font-size: 12px;}

.scale {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transition: all 0.3s ease-in-out; 
}
.scale:hover {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}

.mgt33 {margin-top:33px;}
.wd1100moa {width: 1100px; margin: 0 auto;}

/* 메인 STARTUPS END */

@media all and (min-width: 1700px) {
    .mid02_bani li:nth-child(3) {height: 30px; font-size: 14px; font-weight: 400; margin: 4px 0;}
}


@media all and (min-width: 1280px) and (max-width: 1570px) {
    .list_portfolio li {
        width: 25%;
    }

    .list_portfolio li > div > h3 {
        font-size: 4rem;
    }
    .list_portfolio li > div > .text_detail {
        font-size: 1.8rem;
        font-weight: 400;
    }
}
@media all and (min-width: 1151px) and (max-width: 1279px) {
    .list_portfolio li {
        width: 25%;
    }
    .list_portfolio li > div > h3 {
        font-size: 3.2rem;
    }
    .lipo_01,
    .lipo_02,
    .lipo_03,
    .lipo_04 {
        padding: 0 2rem;
    }
    .list_portfolio li > div > .text_detail {
        font-size: 1.6rem;
        font-weight: 400;
    }
}

@media all and (max-width: 1150px) {
    .list_portfolio li {
        width: 25%;
    }
    .list_portfolio li > div > h3 {
        font-size: 3rem;
    }
    .lipo_01,
    .lipo_02,
    .lipo_03,
    .lipo_04 {
        padding: 0 2rem;
    }
    .list_portfolio li > div > .text_detail {
        font-size: 1.4rem;
        font-weight: 400;
    }
    .mid02_bani li:nth-child(2) {height: 34px; font-size: 26px; font-weight: 400;
    }
}


/* @media all and (max-width: 1150px) {
    .list_portfolio {
        flex-direction: column;
        justify-content: flex-start;
    }
    .list_portfolio li {
        width: 100% !important;
        margin-top: 6rem;
        margin-left: auto;
        top: 0;
    }

    .list_portfolio li {
        border-left: none;
        padding: 10px;
    }
    .list_portfolio li:first-child > div {
        text-align: center;
        padding-right: 0;
    }
    .list_portfolio li:first-child > div > p:last-child {
        display: none;
    }
    .list_portfolio li > div > h3 {
        font-size: 2.8rem;
    }
    .lipo_01,
    .lipo_02,
    .lipo_03,
    .lipo_04 {
        padding: 0;
    }
    .list_portfolio li > div > .text_detail {
        font-size: 2rem;
        font-weight: 400;
    }
    .list_portfolio li > div > h3 {
        margin: 0.5rem 0;
        font-size: 3rem;
        font-weight: 700;
    }
    .list_portfolio li > div > p:first-child {
        font-size: 2rem;
    }
    .list_portfolio > li:first-child > div > h2.mobile {
        display: block;
        font-size: 7rem;
    }
    .list_portfolio > li:first-child > div > h2.web {
        display: none;
    }
    .list_portfolio li:nth-child(1):hover > div,
    .list_portfolio li:nth-child(2):hover > div,
    .list_portfolio li:nth-child(3):hover > div,
    .list_portfolio li:nth-child(4):hover > div {
        top: 0;
        transform: translateY(0);
        height: inherit;
    }
    .list_portfolio li .counter {
        font-size: 5rem;
        visibility: visible;
        opacity: 1;
    }
}
@media all and (max-width: 600px) {
    .list_portfolio li {
        width: 100% !important;
        margin-left: auto;
        margin-top: 6rem;
    }
    .list_portfolio li > div,

    .list_portfolio li > div > h3 {
        margin: 0.5rem 0;
        font-size: 3rem;
        font-weight: 700;
    }

    .lipo_01,
    .lipo_02,
    .lipo_03,
    .lipo_04{
        transition: all 0.3s;
        padding: 0;
    }
    .list_portfolio > li:first-child > div > h2.mobile {
        display: block;
        font-size: 4.3rem;
    }
    .list_portfolio > li:first-child > div > h2.web {
        display: none;
    }
    .info_card_area {
        display: none;
    }
    .info_bt_area {
        margin-top: 5rem;
    }
    .info_tit_area > p:first-child,
    .space_tit_area > p:first-child {
        font-size: 2rem;
    }
}
@media all and (max-width: 375px) {
    .list_portfolio li {
        width: 100% !important;
        margin-left: auto;
        margin-top: 1.5rem;
        padding: 0 2rem;
        box-sizing: border-box;
    }
    .list_portfolio li > div,
    .list_portfolio li:first-child > div {
        text-align: center;
        padding-right: 0;
    }
} */