@charset "utf-8";

.main_slideWrap{width: 100%; position: relative; left: 220px;}
.main_slideWrap div{height: 257px;}
.main_slideWrap .slick-slide{width: 345px !important;}

/* .main_slideWrap .picture_slider div.slider{background-position: center; background-repeat: no-repeat; background-size: contain; width: 338px; height: 249px;}
.main_slideWrap .picture_slider div.slider_1{background-image: url('../../assets/images/about-1.png');}
.main_slideWrap .picture_slider div.slider_2{background-image: url('../../assets/images/about-2.png');}
.main_slideWrap .picture_slider div.slider_3{background-image: url('../../assets/images/about-3.png');}
.main_slideWrap .picture_slider div.slider_4{background-image: url('../../assets/images/about-4.png');}
.main_slideWrap .picture_slider div.slider_5{background-image: url('../../assets/images/about-5.png');}
.main_slideWrap .picture_slider div.slider_6{background-image: url('../../assets/images/about-6.png');} */


.main_slideWrap .slick-list {margin:0 -20px;}
.main_slideWrap .slick-slide {margin:0 20px;}
.main_slide_box{width: 100%; overflow-x: hidden; margin-bottom: 140px;}

.main_slideWrap .slider{position: relative; padding-bottom: 10px;}
.main_slideWrap .slider .title{
    z-index: 1;
    border-radius: 0 20px 0 20px;
    width: 220px;
    height: 55px;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    color: white;
    background: rgb(0,136,255);
    background: linear-gradient(90deg, rgba(0,136,255,1) 0%, rgba(0,212,140,1) 100%);
    position: absolute;
    bottom: 0px;
    left: 0;
}


/* company 완료 */
.com_banner {
    padding-top: 120px;
    width: 1480px;
    margin: 0 auto;
}

.com_title h2 {
    margin-bottom: 15px;
}

.com_tit {
    margin-bottom: 40px;
}

.com_tit .img_home {
    display: flex;
}

.com_tit p {
    color: #999999;
    font-size: 16px;
    font-weight: 600;
    margin-right: 15px;
}

.com_tit p a{color: #999999;}

.com_tit .border_line {
    color: #444444;
    border-bottom: 2px solid #444444;
    width: 57px;
}

.banner_video{ margin: 0 auto; border-radius: 50px; overflow: hidden; margin-bottom: 100px; width: 90%; max-width: 1790px;}

.banner_video iframe {
    /* height: 305px;
    width: 100%; */
/*     
    width: 1790px;
    height: 350px;
    margin-left: 65px;
    margin-bottom: 100px;
    border-radius: 50px; */
    min-width: 1790px;
    width: 90%;
    min-height: 350px;
    height: 100%;
}
/* company 완료 */


/* company_greetings */
.greetings_line{position: relative; color: #444444 !important;}
.greetings_line:after{content: ''; position: absolute; width: 100%; color: #444444; border-bottom: 2px solid #444444; left: 0; bottom: 0;}

.company_greetings{position: relative;}
.company_greetings:after{content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: url('../../assets/images/greetings_bg.png') center / contain no-repeat; width: 727px; height: 637px;}
.company_greetings h3{line-height: 52px; margin: 0 auto; display: block; width: 820px; text-align: center; font-size: 38px; color: #444444; font-weight: 900;}
.company_greetings h3 span{color: #045EAC; font-size: 32px; font-weight: 700; display: block; margin-top: 45px;}
.company_greetings h3 + img{margin: 30px auto 30px; display: block;}
.company_greetings > div{width: 1040px; margin: 0 auto;}
.company_greetings > div p{line-height: 30px; font-size: 20px; color: #444444; text-align: center;}
.company_greetings > div p strong{font-weight: 600;}
.company_greetings > div p:not(:last-child){margin-bottom: 45px;}
.company_greetings > div p:nth-child(1) strong:nth-of-type(1){background-color: #00AC72; color: #fff;}
.company_greetings > div p:nth-child(3) strong{display: block; color: #00AC72;}


/* company_greetings Fin */


/* FGSS */
.fgss .fgss_line{position: relative; color: #444444;}
.fgss_line:after{content: ''; position: absolute; width: 100%; color: #444444; border-bottom: 2px solid #444444; left: 0; bottom: 0;}

.business_fgss{width: 1480px; margin: 0 auto;}
.fgss_content{display: flex;}
.fgss_content .cer_tit{width: 35%;}
.fgss_content .patents{width: 60%; margin-left: 5%;}
.fgss_content h2 span:nth-of-type(1){color: #045EAC;}
.fgss_content h2 span:nth-of-type(2){color: #00AC72;}
.fgss_content .patents .wrap > *{display: block;}
.fgss_content_1 .patents .wrap div:nth-of-type(1) p{line-height: 30px; font-size: 20px; color: #555555;}
.fgss_content_1 .patents .wrap div:nth-of-type(1) p:nth-child(1){margin-bottom: 35px;}
.fgss_content_1 .patents .wrap ul.iconBox{display: flex; flex-wrap: wrap; padding: 20px 0;}
.fgss_content_1 .patents .wrap ul.iconBox li{position: relative; width: 25%; height: 170px; padding: 60px 0;}
.fgss_content_1 .patents .wrap ul.iconBox li:hover:before,
.fgss_content_1 .patents .wrap ul.iconBox li.active:before{opacity: 1;}
.fgss_content_1 .patents .wrap ul.iconBox li:before{content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); opacity: 0.5; height: 50px; background-position: center; background-size: contain; background-repeat: no-repeat;}
.fgss_content_1 .patents .wrap ul.iconBox li:nth-child(1):before{background-image: url('../../assets/images/fgss_content_icon_1.png'); width: 40px;}
.fgss_content_1 .patents .wrap ul.iconBox li:nth-child(2):before{background-image: url('../../assets/images/fgss_content_icon_2.png'); width: 47px;}
.fgss_content_1 .patents .wrap ul.iconBox li:nth-child(3):before{background-image: url('../../assets/images/fgss_content_icon_3.png'); width: 51px;}
.fgss_content_1 .patents .wrap ul.iconBox li:nth-child(4):before{background-image: url('../../assets/images/fgss_content_icon_4.png'); width: 60px;}
.fgss_content_1 .patents .wrap ul.iconBox li:nth-child(5):before{background-image: url('../../assets/images/fgss_content_icon_5.png'); width: 50px;}
.fgss_content_1 .patents .wrap ul.iconBox li:nth-child(6):before{background-image: url('../../assets/images/fgss_content_icon_6.png'); width: 44px;}
.fgss_content_1 .patents .wrap ul.iconBox li:nth-child(7):before{background-image: url('../../assets/images/fgss_content_icon_7.png'); width: 48px;}
.fgss_content_1 .patents .wrap ul.iconBox li:nth-child(8):before{background-image: url('../../assets/images/fgss_content_icon_8.png'); width: 67px;}
.fgss_content_1 .patents .wrap ul.iconBox li img{display: block; margin: 0 auto;}
.fgss_content_1 .patents .wrap div:nth-of-type(2) dl{padding: 10px 0; margin-bottom: 70px; display:none;}
.fgss_content_1 .patents .wrap div:nth-of-type(2) dl.active{display: block;}
.fgss_content_1 .patents .wrap div:nth-of-type(2) dl dt{position: relative; font-size: 20px; font-weight: 700; padding: 15px 0 15px 75px; background-color: #F9F9F9;}
.fgss_content_1 .patents .wrap div:nth-of-type(2) dl dt:before{content: ''; position: absolute; left: -5px; top: -10px; font-size: 18px; padding: 15px; background: rgb(0,136,255); background: linear-gradient(90deg, rgba(0,136,255,1) 0%, rgba(0,212,140,1) 100%); color: #fff;}
.fgss_content_1 .patents .wrap div:nth-of-type(2) dl:nth-of-type(1) dt:before{content: '01';}
.fgss_content_1 .patents .wrap div:nth-of-type(2) dl:nth-of-type(2) dt:before{content: '02';}
.fgss_content_1 .patents .wrap div:nth-of-type(2) dl:nth-of-type(3) dt:before{content: '03';}
.fgss_content_1 .patents .wrap div:nth-of-type(2) dl:nth-of-type(4) dt:before{content: '04';}
.fgss_content_1 .patents .wrap div:nth-of-type(2) dl:nth-of-type(5) dt:before{content: '05';}
.fgss_content_1 .patents .wrap div:nth-of-type(2) dl:nth-of-type(6) dt:before{content: '06';}
.fgss_content_1 .patents .wrap div:nth-of-type(2) dl:nth-of-type(7) dt:before{content: '07';}
.fgss_content_1 .patents .wrap div:nth-of-type(2) dl:nth-of-type(8) dt:before{content: '08';}
.fgss_content_1 .patents .wrap div:nth-of-type(2) dl dd{padding: 10px; position: relative;}
.fgss_content_1 .patents .wrap div:nth-of-type(2) dl dd:before{content: ''; position: absolute; width: 2px; height: 2px; border-radius: 100%; background-color: #666666; display: block; left: 0; top: 15px;}
.fgss_content_1 .patents .wrap div:nth-of-type(3) div{margin: 20px 0; background: url('../../assets/images/as_bg.png') center / contain no-repeat; width: 100%; height: 230px; border-radius: 10px;}
.fgss_content_1 .patents .wrap div:nth-of-type(3) ul{margin-bottom: 100px;}
.fgss_content_1 .patents .wrap div:nth-of-type(3) ul li{position: relative; padding-left: 50px; color: #555555; font-size: 20px; font-weight: 500;}
.fgss_content_1 .patents .wrap div:nth-of-type(3) ul li:not(:last-child){margin-bottom: 20px;}
.fgss_content_1 .patents .wrap div:nth-of-type(3) ul li:before{position: absolute; left: 0; font-size: 20px; color: #00AC72; font-weight: 700;}
.fgss_content_1 .patents .wrap div:nth-of-type(3) ul li:nth-child(1):before{content: '01';}
.fgss_content_1 .patents .wrap div:nth-of-type(3) ul li:nth-child(2):before{content: '02';}
.fgss_content_1 .patents .wrap div:nth-of-type(3) ul li:nth-child(3):before{content: '03';}
.fgss_content_1 .patents .wrap div:nth-of-type(3) ul li:nth-child(4):before{content: '04';}

.fgss_content_2{margin-bottom: 100px;}
.fgss_content_2 .patents .wrap div p{font-size: 20px; line-height: 30px; color: #555555;}
.fgss_content_2 .patents .wrap div img{display: block; margin: 20px 0; width: 100%;}



/* .fgss_content_3 .fgss_slider .slick-track{width: 100% !important;}
.fgss_content_3 .fgss_slider .slick-slide.slick-current.slick-active{width: 100% !important;} */

.fgss_content_3 .slick-slide img{width: 100%; border-radius: 20px;}
.fgss_content_3 .patents .wrap{position: relative;}
.fgss_content_3 .patents .wrap .fgss_arrow{
    position: absolute; width: 380px; top: 405px;

    border-radius: 0 20px 0 20px;
    height: 55px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: white;
    background: rgb(0,136,255);
    background: linear-gradient(90deg, rgba(0,136,255,1) 0%, rgba(0,212,140,1) 100%);
    bottom: 25px;
    left: 0;
    bottom: -10px;
}


.fgss_content_3 .patents .wrap .slick-slider{position: relative;}
.fgss_content_3 .patents .wrap .slick-slider table{width: 100%; margin-top: 50px; border-top: 1px solid #999999; margin-bottom: 15px;}
.fgss_content_3 .patents .wrap .slick-slider table tbody tr{border-bottom: 1px solid #EEEEEE;}
.fgss_content_3 .patents .wrap .slick-slider table tbody tr th,
.fgss_content_3 .patents .wrap .slick-slider table tbody tr td{padding: 20px 25px; box-sizing: border-box;}
.fgss_content_3 .patents .wrap .slick-slider table tbody tr th{width: 20%; background-color: #FBFBFB; text-align: left;}
.fgss_content_3 .patents .wrap .slick-slider table tbody tr td span{display: block;}
.fgss_content_3 .patents .wrap .slick-slider table tbody tr td span:not(:last-child){margin-bottom: 20px;}
.fgss_content_3 .patents .wrap .slick-slider table + p,
.fgss_content_3 .patents .wrap .slick-slider table + p + p{color: #888888; font-size: 15px; margin-bottom: 10px; font-weight: 300;}


.fgss_content_3 .patents .wrap .fgss_arrow button{z-index: 30; position: absolute; background-color: transparent; border: none; text-indent: -9999px; cursor: pointer;}
.fgss_content_3 .patents .wrap .fgss_arrow .slick-prev{left: 0; width: 55px; height: 55px;}
.fgss_content_3 .patents .wrap .fgss_arrow .slick-prev:after{content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: block; background: url('../../assets/images/fgss_prevBtn.png') center / contain no-repeat; width: 11px; height: 13px;}
.fgss_content_3 .patents .wrap .fgss_arrow .slick-next{right: 0; width: 55px; height: 55px;}
.fgss_content_3 .patents .wrap .fgss_arrow .slick-next:after{content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: block; background: url('../../assets/images/fgss_nextBtn.png') center / contain no-repeat; width: 11px; height: 13px;}

.fgss_content_3 .slick-slide .title{position: absolute; top: 415px; width: 380px; height: 55px; display: block; z-index: 1000;}
.fgss_content_3 .fgss_dots{position: absolute; top: 405px;}
.fgss_content_3 .fgss_dots .slick-dots{ height: 55px; z-index: 20; width: 380px;}
.fgss_content_3 .fgss_dots .slick-dots li{display: none; position: relative;}
.fgss_content_3 .fgss_dots .slick-dots li button{display: none;}
.fgss_content_3 .fgss_dots .slick-dots li:after{width: 380px; font-size: 18px; font-weight: 700; color: #fff; line-height: 55px; text-align: center; position: absolute; text-align: center; display: block; z-index: 20;}
.fgss_content_3 .fgss_dots .slick-dots li:nth-child(1):after{content: 'Fuel Tank';}
.fgss_content_3 .fgss_dots .slick-dots li:nth-child(2):after{content: 'Fuel Preparation Room';}
.fgss_content_3 .fgss_dots .slick-dots li:nth-child(3):after{content: 'LNG Bunkering Station';}
.fgss_content_3 .fgss_dots .slick-dots li:nth-child(4):after{content: 'Vent Mast';}
.fgss_content_3 .fgss_dots .slick-dots .slick-active{display: block; }




/* FGSS Fin */



/* Retrofit & Conversion */
.fgss .fgss_line{position: relative; color: #444444;}
.fgss_line:after{content: ''; position: absolute; width: 100%; color: #444444; border-bottom: 2px solid #444444; left: 0; bottom: 0;}

.business_retrofit{width: 1480px; margin: 0 auto;}
.retrofit_content{display: flex;}
.retrofit_content .cer_tit{width: 35%;}
.retrofit_content .patents{width: 60%; margin-left: 5%;}
.retrofit_content h2 span:nth-of-type(1){color: #045EAC;}
.retrofit_content h2 span:nth-of-type(2){color: #00AC72;}
.retrofit_content .patents .wrap > *{display: block;}
.retrofit_content .patents .wrap > div:nth-of-type(1){margin-bottom: 85px;}
.retrofit_content .patents .wrap > div:nth-of-type(1) p{line-height: 30px; font-size: 20px; color: #555555;}
.retrofit_content .patents .wrap > div:nth-of-type(1) p:nth-child(1){margin-bottom: 35px;}
.retrofit_content .patents .wrap > div h3{font-size: 26px; font-weight: 900; margin-bottom: 10px;}
.retrofit_content .patents .wrap > div:nth-of-type(2) h3 + p{margin-bottom: 45px;}

.retrofit_content .patents .wrap div p{font-size: 20px; line-height: 30px; color: #555555;}
.retrofit_content .patents .wrap .ourService_area{margin-bottom: 85px;}
.retrofit_content .patents .wrap .ourService_area > li:not(:last-of-type){margin-bottom: 50px;}
.retrofit_content .patents .wrap .ourService_area > li > div{background-repeat: no-repeat; background-size: contain; background-position: center; width: 920px; height: 280px;}
.retrofit_content .patents .wrap .ourService_area > li:nth-child(1) > div{background-image: url('../images/ourService_1.png');}
.retrofit_content .patents .wrap .ourService_area > li:nth-child(2) > div{background-image: url('../images/ourService_2.png');}
.retrofit_content .patents .wrap .ourService_area > li:nth-child(3) > div{background-image: url('../images/ourService_3.png');}
.retrofit_content .patents .wrap .ourService_area > li:nth-child(4) > div{background-image: url('../images/ourService_4.png');}
.retrofit_content .patents .wrap .ourService_area > li:nth-child(5) > div{background-image: url('../images/ourService_5.png');}
.retrofit_content .patents .wrap .ourService_area > li > div{position: relative;}
.retrofit_content .patents .wrap .ourService_area > li > div span{
    border-radius: 0 20px 0 20px;
    width: 380px;
    height: 55px;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    color: white;
    background: rgb(0,136,255);
    background: linear-gradient(90deg, rgba(0,136,255,1) 0%, rgba(0,212,140,1) 100%);
    position: absolute;
    bottom: 25px;
    left: 0;
    bottom: -10px;
}

.retrofit_content .patents .wrap .ourService_area > li > ul{margin-top: 40px; justify-content: space-between; display: flex; flex-wrap: wrap;}
.retrofit_content .patents .wrap .ourService_area > li > ul > li{margin-bottom: 15px; width: 50%; position: relative; padding-left: 20px;}
.retrofit_content .patents .wrap .ourService_area > li > ul > li:before{position: absolute; content: ''; display: block; width: 3px; height: 3px; border-radius: 100%; background-color: #666666; left: 0; top: 5px;}

.retrofit_content .patents .wrap > div:nth-of-type(3) h3{margin-bottom: 25px;}
.retrofit_content .patents .wrap > div:nth-of-type(3) > div h4{margin-bottom: 15px; font-size: 20px; color: #999999; font-weight: 700;}
.retrofit_content .patents .wrap > div:nth-of-type(3) > div:not(:last-of-type){margin-bottom: 45px;}

.retrofit_content .patents .wrap > div:nth-of-type(3) > div > div{display: flex;  border-radius: 10px; background: rgb(0,212,140); background: linear-gradient(90deg, rgba(0,136,255,0.3) 0%, rgba(0,212,140,0.3) 100%);}
.retrofit_content .patents .wrap > div:nth-of-type(3) > div > div span{width: 20%; color: #fff; font-size: 18px; font-weight: 600; text-align: center; display: block; width: 185px; line-height: 55px;}

.retrofit_content .patents .wrap > div:nth-of-type(3) > div:nth-of-type(1) span.blue{border-radius: 10px 0 0 10px;  background-color: rgb(0,138,252);}
.retrofit_content .patents .wrap > div:nth-of-type(3) .BG{background: rgb(0,136,255); background: linear-gradient(90deg, rgba(0,136,255,1) 0%, rgba(0,212,140,1) 100%);}
.retrofit_content .patents .wrap > div:nth-of-type(3) .case2 span,
.retrofit_content .patents .wrap > div:nth-of-type(3) .case3 span:not(:last-child){color: rgba(255,255,255,0.7);}
/* Retrofit & Conversion Fin */



/* business_area */

.business_area > ul{display: flex; margin: 0 auto; justify-content: space-between; width: 1480px; }
.business_area > ul > li{position: relative; width: 31.33%;}
.business_area > ul > li > div{height: 300px; position: relative; max-width: 100%; overflow: hidden; border-radius: 30px;}

.business_area > ul > li > div > img{height: 300px; line-height: 0;}
.business_area > ul > li > div > img:nth-of-type(1){width: 100%;}
.business_area > ul > li > div:hover > img:nth-of-type(1){transform: scale(1.1); width: 100%;}
.business_area > ul > li > div a{display: none; width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.business_area > ul > li > div a:after{content: '자세히 보기'; display: block; position: absolute; font-size: 18px; color: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 100;}
.business_area > ul > li > div:hover a{display: block;}
.business_area > ul > li > div:hover a img{height: 300px; width: 100%;}
/* .business_area > ul li > div > img:nth-of-type(2){display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;} */
/* .business_area > ul li > div:hover > img:nth-of-type(2){display: block;} */
/* .business_area > ul li > div:hover:after{content: '자세히 보기'; display: block; position: absolute; font-size: 18px; color: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 100;} */


.business_area > ul > li h3{
    border-radius: 0 20px 0 20px;
    width: 70%;
    height: 55px;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    color: white;
    background: rgb(0,136,255);
    background: linear-gradient(90deg, rgba(0,136,255,1) 0%, rgba(0,212,140,1) 100%);
    position: absolute;
    top: 255px;
    left: 0;
    z-index: 1;
}

.business_area > ul > li > ul{margin-top: 35px;}
.business_area > ul > li > ul li{position: relative; padding-left: 15px; color: #666666; font-size: 18px; line-height: 28px;}
.business_area > ul > li > ul li:before{content: ''; display: block; position: absolute; color: #666666; border-radius: 100%; width: 3px; top: 13px; height: 3px; background-color: #666666; left: 0;}
.business_area > ul > li > ul li:not(:last-child){margin-bottom: 15px;}
/* business_area Fin */


/* smartOperationalSolution */
.business_smartOperationalSolution{width: 1480px; margin: 0 auto;}
.business_smartOperationalSolution .content{display: flex;}
.business_smartOperationalSolution .content .cer_tit{width: 35%;}
.business_smartOperationalSolution .content .patents{width: 60%; margin-left: 5%;}
.business_smartOperationalSolution .content h2 span:nth-of-type(1){color: #045EAC;}
.business_smartOperationalSolution .content h2 span:nth-of-type(2){color: #00AC72;}
.business_smartOperationalSolution .content .patents h3{font-size: 26px; font-weight: 900; color: #333333; margin-bottom: 20px;}
.business_smartOperationalSolution .content .rotorSail{margin-bottom: 100px;}
.business_smartOperationalSolution .content .rotorSail > ul{margin-bottom: 45px;}
.business_smartOperationalSolution .content .rotorSail > ul li{position: relative; line-height: 28px; font-size: 18px; color: #666666; font-weight: 500; padding-left: 15px;}
.business_smartOperationalSolution .content .rotorSail > ul li:not(:last-child){margin-bottom: 15px;}
.business_smartOperationalSolution .content .rotorSail > ul li:before{content: ''; position: absolute; top: 13px; width: 3px; height: 3px; background-color: #666666; border-radius: 100%; left: 0;}
.business_smartOperationalSolution .content .rotorSail > div{display: flex;}
.business_smartOperationalSolution .content .rotorSail > div img:nth-child(1){width: 30%;}
.business_smartOperationalSolution .content .rotorSail > div img:nth-child(2){width: 70%; margin-left: 15px;}

.business_smartOperationalSolution .content .composite{display: flex; justify-content: space-between;}
.business_smartOperationalSolution .content .composite ul li{position: relative; line-height: 28px; font-size: 18px; color: #666666; font-weight: 500; padding-left: 15px;}
.business_smartOperationalSolution .content .composite ul li:not(:last-child){margin-bottom: 15px;}
.business_smartOperationalSolution .content .composite ul li:before{content: ''; position: absolute; top: 13px; width: 3px; height: 3px; background-color: #666666; border-radius: 100%; left: 0;}
/* smartOperationalSolution */

/* business_performance */

.business_performance{width: 1480px; margin: 0 auto;}
.business_performance h2{margin-bottom: 40px;}
.business_performance .content .patents h3{font-size: 26px; font-weight: 900; color: #333333; margin-bottom: 20px;}

.business_performance .content .patents .wrap,
.business_performance .slick-track{width: 920px; height: 500px;}
.business_performance .content .patents .wrap{position: relative;}
.business_performance .content .patents .arrow{position: absolute; top: 48%; width: 100%; transform: translateY(-48%);}
.business_performance .content .patents .arrow button{text-indent: -9999px; width: 40px; height: 40px; background-color: rgba(0,0,0,0.1); border: none;}
.business_performance .content .patents .arrow button:after{content: ''; width: 8px; height: 13px; background-repeat: no-repeat; background-size: contain; background-position: center; display: block; z-index: 10; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.business_performance .patents > ul > li > p{border: 1px solid #ddd; color: #444444; margin-bottom: 20px; position: relative; font-weight: 500; padding: 22px 40px; width: 100%; border-radius: 10px; font-size: 20px;}
.business_performance .patents > ul > li > p.active {
    padding: 22px 40px;
    border: none;
    color: white;
    background: rgb(0,136,255);
    background: linear-gradient(90deg, rgba(0,136,255,1) 0%, rgba(0,212,140,1) 100%);
}
.business_performance .patents > ul > li > p:after{content: ''; right: 35px; top: 20px; position: absolute; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('../../assets/images/arrow_down.png'); width: 18px; height: 24px;}
.business_performance .patents > ul > li > p.active:after{background-image: url('../../assets/images/arrow_up.png');}
.business_performance .patents > ul > li > p + .hidden{display: none;}
.business_performance .patents > ul > li > p.active + .hidden{display: block;}


.business_performance .flexWrap{display: flex; margin-bottom: 60px;}
.business_performance .flexWrap .slick-slide img{border-radius: 10px; position: absolute; left: 0; top: 0;}
.business_performance .flexWrap .slick-slide .slick-track{width: 100%;}
.business_performance .flexWrap .slick-prev{position: absolute; left: 0;}
.business_performance .flexWrap .slick-next{position: absolute; right: 0;}
.business_performance .flexWrap .slick-prev:after{background-image: url('../../assets/images/slider_arrow_left.png');}
.business_performance .flexWrap .slick-next:after{background-image: url('../../assets/images/slider_arrow_right.png');}
.business_performance .flexWrap .slick-dots{position: absolute; bottom: 20px; left: 30px; display: flex;}
.business_performance .flexWrap .slick-dots li button{margin-right: 10px; text-indent: -9999px; padding: 0; border: none; background-color: #DDDDDD; width: 10px; height: 10px; border-radius: 100%;}
.business_performance .flexWrap .slick-dots li.slick-active button{background-color: #00AC72; border-radius: 5px; width: 19px; height: 10px;}
.business_performance .patents > ul > li .project_information{position: relative;}
.business_performance .patents > ul > li .project_information:after{content: ''; position: absolute; right: 0; bottom: 0; background: url('../../assets/images/dhsc_logo.png') center / contain no-repeat; width: 200px; height: 47px;}
.business_performance .patents > ul > li .project_information ul{margin: 20px 0 0 40px;}
.business_performance .patents > ul > li .project_information ul li{position: relative; font-weight: 500; padding-left: 25px; font-size: 20px; display: flex;}
.business_performance .patents > ul > li .project_information ul li:before{content: ''; position: absolute; top: 8px; background-color: #CCCCCC; left: 0; width: 6px; height: 6px; border-radius: 100%; }
.business_performance .patents > ul > li .project_information ul li:not(:last-child){margin-bottom: 30px;}
.business_performance .patents > ul > li .project_information ul li span{color: #045EAC; line-height: 20px; font-size: 18px; font-weight: 600; width: 130px; display: block;}
/* business_performance */


/* promotion data */

.promotion_data{width: 1480px; margin: 0 auto;}
.promotion_data .content .cer_tit{display: flex; justify-content: space-between; margin-bottom: 40px;}
.promotion_data .content .cer_tit .searchBox{position: relative;}
.promotion_data .content .cer_tit .searchBox input[type='search']:focus + button{display: none;}
.promotion_data .content .cer_tit .searchBox input{border: 1px solid #EEEEEE; border-radius: 5px; line-height: 35px; border-radius: 5px; padding: 0 20px;}
.promotion_data .content .cer_tit .searchBox input::placeholder{color: #CCCCCC; font-size: 14px;}
.promotion_data .content .cer_tit .searchBox button{position: absolute; border: none; right: 20px; top: 13px; content: ''; background: url('../../assets/images/newsRoom_search.png') center / contain no-repeat; width: 10px; height: 10px; display: block;}


.promotion_data .content .cer_tit h3{margin-bottom: 0; font-size: 42px; color: #444444; font-weight: 800;}
.promotion_data .content .patents h4{font-size: 26px; font-weight: 900; color: #333333; margin-bottom: 20px;}
.promotion_data .patents ul{border-top: 1px solid #2e2e2e; margin-bottom: 25px;}
.promotion_data .patents ul li{border-bottom: 1px solid #DDDDDD;}
.promotion_data .patents ul li a{transition: 0.5s; position: relative; display: block; padding: 35px 0; color: #555555; font-size: 20px; font-weight: 500;}
.promotion_data .patents ul li a span{float: right; font-size: 16px; color: #999999; line-height: 20px; font-weight: 400;}


.promotion_data .patents ul li:hover a{font-size: 20px; font-weight: 600; color: #045EAC;}
.promotion_data .patents ul li:hover a span {color: #666666; font-size: 16px; font-weight: 400;}
.promotion_data .patents ul li .fa-solid {color: #045EAC;}
.promotion_data .patents ul li a i{width:0; transition: 0.5s; display:inline-flex; opacity:0; position:absolute; left:0;}
.promotion_data .patents ul li:hover a {padding-left:30px;}
.promotion_data .patents ul li:hover a i {width:auto; opacity:1;}
.promotion_data .patents ul li:hover .fa-solid {display: inline;}


.promotion_data .patents .paging ol{display: flex; justify-content: right;}
.promotion_data .patents .paging ol li{width: 30px; height: 30px; border-radius: 100%; background-color: #fff;}
.promotion_data .patents .paging ol li.active:not(.arrow){background-color: #00AC72;}
.promotion_data .patents .paging ol li.active:not(.arrow) a{color: #fff;}
.promotion_data .patents .paging ol li a{font-size: 14px; font-weight: 500; display: block; line-height: 30px; text-align: center;}

/* promotion data */

/* promotion data view */

.promotion_data_view{width: 1480px; margin: 0 auto;}
.promotion_data_view .content .cer_tit h3{margin-bottom: 30px; font-size: 42px; line-height: 60px; color: #444444; font-weight: 800;}
.promotion_data_view .content .cer_tit h3 span{display: block;}

.promotion_data_view .content .patents > div:nth-of-type(1){padding-bottom: 20px;}
.promotion_data_view .content .patents > div:nth-of-type(1) span{position: relative; font-size: 16px; color: #999999;}
.promotion_data_view .content .patents > div:nth-of-type(1) span:nth-child(1){font-weight: 700; padding-right: 26px;}
.promotion_data_view .content .patents > div:nth-of-type(1) span:nth-child(2){font-weight: 500; padding-left: 25px;}
.promotion_data_view .content .patents > div:nth-of-type(1) span:nth-child(1):after{content: ''; position: absolute; width: 1px; height: 12px; background-color: #CCCCCC; right: 0; top: 4px;}
.promotion_data_view .content .patents > div:nth-of-type(2){padding: 40px 0 100px 0; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;}

/* promotion data view */


/* promotion catalog */

.promotion_catalog{width: 1480px; margin: 0 auto;}
.promotion_catalog .content .cer_tit{display: flex; justify-content: space-between; margin-bottom: 40px;}
.promotion_catalog .content .cer_tit .searchBox{position: relative;}
.promotion_catalog .content .cer_tit .searchBox input[type='search']:focus + button{display: none;}
.promotion_catalog .content .cer_tit .searchBox input{border: 1px solid #EEEEEE; border-radius: 5px; line-height: 35px; border-radius: 5px; padding: 0 20px;}
.promotion_catalog .content .cer_tit .searchBox input::placeholder{color: #CCCCCC; font-size: 14px;}
.promotion_catalog .content .cer_tit .searchBox button{position: absolute; border: none; right: 20px; top: 13px; content: ''; background: url('../../assets/images/newsRoom_search.png') center / contain no-repeat; width: 10px; height: 10px; display: block;}


.promotion_catalog .content .cer_tit h3{margin-bottom: 0; font-size: 42px; color: #444444; font-weight: 800;}
.promotion_catalog .content .patents h4{font-size: 26px; font-weight: 900; color: #333333; margin-bottom: 20px;}
.promotion_catalog .patents ul{border-top: 1px solid #2e2e2e;}
.promotion_catalog .patents ul li{border-bottom: 1px solid #DDDDDD; display: flex; justify-content: space-between;}
.promotion_catalog .patents ul li a{padding: 35px 0; display: block;}
.promotion_catalog .patents ul li a:nth-child(1){transition: 0.5s; position: relative; color: #555555; font-size: 20px; font-weight: 500;}

.promotion_catalog .patents ul li a:nth-child(2){font-size: 16px; color: #999999; line-height: 20px;}

.promotion_catalog .patents ul li:hover a:nth-child(1){font-size: 20px; font-weight: 600; color: #045EAC;}
.promotion_catalog .patents ul li:hover a:nth-child(2){color: #666666;}
.promotion_catalog .patents ul li:hover a span {color: #666666;}
.promotion_catalog .patents ul li .fa-solid {color: #045EAC;}
.promotion_catalog .patents ul li a:nth-child(1) i{width:0; transition: 0.5s; display:inline-flex; opacity:0; position:absolute; left:0;}
.promotion_catalog .patents ul li:hover a:nth-child(1) {padding-left:30px;}
.promotion_catalog .patents ul li:hover a:nth-child(1) i {width:auto; opacity:1;}
.promotion_catalog .patents ul li:hover .fa-solid {display: inline;}

.catalog_popUp{display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 1000;}
.catalog_popUp .BG{position: fixed; z-index: 100; width: 100%; height: 100%; background-color: rgba(0,0,0,0.05); left: 0; top: 0;}
.catalog_popUp.active{display: block;}
.catalog_popUp .popUp_content{position: relative; z-index: 1004; width: 360px; background-color: #fff; left: 50%; top: 50%; transform: translate(-50%, -50%);}

.catalog_popUp .popUp_content > p{background-color: #f8f8f8; padding: 30px 35px; color: #555555; font-size: 20px; font-weight: 700;}
.catalog_popUp .popUp_content > p strong{color: #00AC72; font-size: 14px; font-weight: 700; display: block; margin-bottom: 10px;}
.catalog_popUp .popUp_content > ul{padding: 25px 35px 0 35px; border-bottom: 1px solid #EEEEEE;}
.catalog_popUp .popUp_content > ul li:not(:last-child){margin-bottom: 20px;}
.catalog_popUp .popUp_content > ul li:nth-child(5){margin-bottom: 25px;}
.catalog_popUp .popUp_content > ul li:last-child{margin-bottom: 30px;}
.catalog_popUp .popUp_content > ul li label{color: #666666; position: relative; font-size: 14px; font-weight: 500;}
.catalog_popUp .popUp_content > ul li.red label:after{content: ''; right: -5px; top: 0; display: block; position: absolute; width: 3px; height: 3px; background-color: #FF3E3E; border-radius: 100%;}
.catalog_popUp .popUp_content > ul li input[type='text']{font-size: 14px; font-weight: 300; border: none; margin-top: 10px; width: 100%; padding: 5px 0; border-bottom: 1px solid #EEEEEE;}

.catalog_popUp .popUp_content > ul li.checkBox input[type='checkbox']{display: none;}
.catalog_popUp .popUp_content > ul li.checkBox label{padding-left: 20px; position: relative;}
.catalog_popUp .popUp_content > ul li.checkBox label:before{content: ''; left: 0; top: 3px; position: absolute; background: url('../../assets/images/catalogue_checkBox.png') center / contain no-repeat; width: 13px; height: 13px;}
.catalog_popUp .popUp_content > ul li.checkBox input[type='checkbox']:checked + label:before{background-image: url('../../assets/images/catalogue_checkBox_checked.png');}
.catalog_popUp .popUp_content > div{display: flex;}
.catalog_popUp .popUp_content > div button{cursor: pointer; line-height: 50px; font-size: 16px; font-weight: 600; width: 50%; border: none; background-color: #fff;}
.catalog_popUp .popUp_content > div button.cancel{color: #CCCCCC;}
.catalog_popUp .popUp_content > div button.check{color: #256DCB; border-left: 1px solid #EEEEEE;}
/* promotion catalog */



/* promotion video */
.promotion_video{border-top: 1px solid #EEEEEE; padding-top: 50px;}
.promotion_video .content .patents > ul{width: 1480px; margin: 0 auto; display: flex; flex-wrap: wrap;}
.promotion_video .content .patents > ul li{width: 24%; margin-bottom: 30px;}
.promotion_video .content .patents > ul li:not(:nth-child(4n)){margin-right: 1.33%;}
.promotion_video .content .patents > ul li iframe{border-radius: 10px; width: 350px; height: 195px;}
.promotion_video .content .patents > ul li p{color: #444444; font-size: 18px; font-weight: 600; margin: 15px 0 20px 0; line-height: 24px;}
.promotion_video .content .patents > ul li p + span{color: #666666; font-size: 14px;}
.promotion_video .content .patents > ul li .videoBox{display: block; width: 100%;}
.promotion_video .content .patents > ul li .videoBox > div{position: relative; padding-bottom: 56.25%;}
.promotion_video .content .patents > ul li .videoBox > div iframe{position: absolute; width: 100%; height: 100%;}
/* promotion video */



/* recruitment information */

.recruitment_information{width: 1480px; margin: 0 auto;}
.recruitment_information .content .cer_tit{display: flex; justify-content: space-between; margin-bottom: 40px;}
.recruitment_information .content .cer_tit .searchBox{position: relative;}
.recruitment_information .content .cer_tit .searchBox input[type='search']:focus + button{display: none;}
.recruitment_information .content .cer_tit .searchBox input{border: 1px solid #EEEEEE; border-radius: 5px; line-height: 35px; border-radius: 5px; padding: 0 20px;}
.recruitment_information .content .cer_tit .searchBox input::placeholder{color: #CCCCCC; font-size: 14px;}
.recruitment_information .content .cer_tit .searchBox button{position: absolute; border: none; right: 20px; top: 13px; content: ''; background: url('../../assets/images/newsRoom_search.png') center / contain no-repeat; width: 10px; height: 10px; display: block;}


.recruitment_information .content .cer_tit h3{margin-bottom: 0; font-size: 42px; color: #444444; font-weight: 800;}
.recruitment_information .content .patents ul{border-top: 1px solid #999999; margin-bottom: 25px;}
.recruitment_information .content .patents ul li{position: relative; border-bottom: 1px solid #EEEEEE;}
.recruitment_information .content .patents ul li:after{content: ''; display: block; clear: both;}
.recruitment_information .content .patents ul li:nth-child(1){background-color: #FBFBFB;}
.recruitment_information .content .patents ul li span{display: block; float: left; padding: 25px 0; font-size: 18px; font-weight: 500;}
.recruitment_information .content .patents ul li span:nth-of-type(1){width: 70%; padding-left: 20px; box-sizing: border-box;}
.recruitment_information .content .patents ul li span:nth-of-type(2){width: 15%; text-align: center;}
.recruitment_information .content .patents ul li span:nth-of-type(3){width: 15%; text-align: center;}
.recruitment_information .content .patents ul li.off span{color: #999999;}
.recruitment_information .content .patents ul li a{position: absolute; width: 100%; height: 100%; display: block;}
.recruitment_information .content .patents ul li a:hover + span{text-decoration: underline;}

.recruitment_information .content .patents .paging ol{display: flex; justify-content: right;}
.recruitment_information .content .patents .paging ol li{width: 30px; height: 30px; border-radius: 100%; background-color: #fff;}
.recruitment_information .content .patents .paging ol li.active:not(.arrow){background-color: #00AC72;}
.recruitment_information .content .patents .paging ol li.active:not(.arrow) a{color: #fff;}
.recruitment_information .content .patents .paging ol li a{font-size: 14px; font-weight: 500; display: block; line-height: 30px; text-align: center;}


/* recruitment information */




/* recruitment information */

.job_posting_view{border-top: 1px solid #EEEEEE; padding-top: 50px;}
.job_posting_view .content{width: 1480px; margin: 0 auto;}
.job_posting_view .content .cer_tit h3{margin-bottom: 30px; font-size: 42px; color: #444444; font-weight: 800;}
.job_posting_view .content .cer_tit > div{display: flex; margin-bottom: 20px;}
.job_posting_view .content .cer_tit > div span{position: relative; color: #999999; font-weight: 700; font-size: 16px;}
.job_posting_view .content .cer_tit > div span:nth-child(1){padding-right: 26px;}
.job_posting_view .content .cer_tit > div span:nth-child(1):after{content: ''; position: absolute; width: 1px; height: 12px; background-color: #CCCCCC; right: 0; top: 2px; display: block;}
.job_posting_view .content .cer_tit > div span:nth-child(2){padding-left: 25px;}
.job_posting_view .content .patents{margin-bottom: 60px;}
.job_posting_view .content .patents img{width: 100%;}
.greenBtn{cursor: pointer; display: block; text-align: center; line-height: 40px; margin: 0 auto; color: #fff; font-size: 16px; font-weight: 500; border: none; background-color: transparent; background: url('../../assets/images/hexagon.png') center / contain no-repeat; width: 200px; height: 40px;}
.input_text{border: 1px solid #EEEEEE; height: 45px; border-radius: 5px;}
/* recruitment information */

/* application */

.application{border-top: 1px solid #EEEEEE; padding-top: 50px;}
.application .content{width: 1480px; margin: 0 auto;}
.application .content legend{display: none;}
.application .content table caption{color: #444444; font-size: 22px; font-weight: 800; text-align: left; margin-bottom: 25px;}
.application .content table{width: 100%; border-top: 1px solid #999999; margin-bottom: 100px;}

.application .content table tbody tr th,
.application .content table thead tr th,
.application .content table tbody tr td{padding: 25px;}
.application .content table tbody tr th,
.application .content table thead tr th,
.application .content table tbody tr td{border-bottom: 1px solid #EEEEEE;}
.application .content table:nth-of-type(1) thead tr th{text-align: left; background-color: #FBFBFB;}
.application .content table:nth-of-type(1) thead tr th:nth-child(2),
.application .content table:nth-of-type(1) tbody tr:not(:last-child) td:nth-child(2){border-left: 1px solid #EEEEEE;}
.application .content table:nth-of-type(1) tbody tr:last-child td:nth-child(2){display: flex; justify-content: right;}
.application .content table:nth-of-type(1) tbody tr:last-child td:nth-child(2) div:nth-of-type(2){margin-left: 40px;}
.application .content table:nth-of-type(1) tbody tr:last-child td:nth-child(2) div input[type='radio']{display: none;}
.application .content table:nth-of-type(1) tbody tr:last-child td:nth-child(2) div label{font-size: 16px; color: #666666; padding-left: 20px; position: relative;}
.application .content table:nth-of-type(1) tbody tr:last-child td:nth-child(2) div label:before{content: ''; left: 0; top: 6px; position: absolute; background: url('../../assets/images/application_radio.png') center / contain no-repeat; width: 10px; height: 10px;}
.application .content table:nth-of-type(1) tbody tr:last-child td:nth-child(2) div input[type='radio']:checked + label:before{background-image: url('../../assets/images/application_radio_checked.png');}

.application .content table caption span{color: #00AC72; font-size: 22px; font-weight: 800; margin-right: 15px;}
.application .content table tbody tr th{text-align: left;}
.application .content table:not(:first-of-type) tbody tr th{width: 250px; background-color: #FBFBFB;}

.application .content table:nth-of-type(2) tbody tr:nth-of-type(2) td,
.application .content table:nth-of-type(3) tbody tr td,
.application .content table:nth-of-type(4) tbody tr td,
.application .content table:nth-of-type(5) tbody tr td{padding: 10px;}

.application .content table:nth-of-type(4) tbody tr td div{position: relative;}
.application .content table:nth-of-type(4) tbody tr td div:after{position: absolute; font-size: 14px; color: #666666; top: 6px; left: 100px; content: '※ 첨부파일은 .zip 파일로 압축하여 제출해 주세요.';}
.application .content table:nth-of-type(4) tbody tr td div input[type='file']{display: none;}
.application .content table:nth-of-type(4) tbody tr td div input[type='file'] + label{color: #999999; font-size: 14px; font-weight: 500; background-color: #F6F6F6; border: 1px solid #999999; border-radius: 3px; line-height: 26px; text-align: center; width: 75px; display: block;}

/* application */


/* application_check */
.application_check{border-top: 1px solid #EEEEEE; padding-top: 80px;}
.application_check .content{width: 1480px; margin: 0 auto;}
.application_check .content legend{display: none;}
.application_check .content table caption{color: #444444; font-size: 18px; text-align: left; margin-bottom: 25px;}
.application_check .content table{width: 100%; border-top: 1px solid #999999; margin-bottom: 40px;}
.application_check .content table tbody tr th,
.application_check .content table tbody tr td{border-bottom: 1px solid #EEEEEE;}
.application_check .content table tbody tr th{padding: 25px; text-align: left; width: 250px; background-color: #FBFBFB;}
.application_check .content table tbody tr td{padding: 10px;}
/* application_check */


/* application_result */

.application_result{ border-top: 1px solid #EEEEEE; padding-top: 100px;}
.application_result .content{width: 1480px; margin: 0 auto;}
.application_result .content > p{margin-bottom: 20px; font-size: 20px; font-weight: 600;}
.application_result .content > p strong{color: #045EAC;}
.application_result .content > div{border-top: 1px solid #CCCCCC; padding: 40px 50px; box-sizing: border-box; background-color: #FBFBFB;}
.application_result .content > div > p{font-size: 18px; line-height: 30px; color: #555555;}
.application_result .content > div > p:not(:last-child){margin-bottom: 30px;}
/* application_result */


/* contactUs */

.contactUs{width: 90%; margin: 0 auto;}
.contactUs .map_area{margin-bottom: 105px;}
.contactUs.content{width: 1480px; margin: 0 auto; display: flex;}
.contactUs.content h3{font-size: 42px; margin-bottom: 110px; color: #00AC72; font-weight: 900;}
.contactUs.content h3 span{font-size: 24px; line-height: 34px; color: #444444; display: block; font-weight: 600; width: 210px; margin-top: 30px;}
.contactUs.content > div:nth-of-type(1){width: 35%;}
.contactUs.content > div:nth-of-type(2){width: 65%;}
.contactUs.content > div:nth-of-type(1) > ul li:before{font-size: 16px; color: #00AC72; font-weight: 700; margin-right: 15px;}
.contactUs.content > div:nth-of-type(1) > ul li:nth-child(1):before{content: 'T';}
.contactUs.content > div:nth-of-type(1) > ul li:nth-child(2):before{content: 'F';}
.contactUs.content > div:nth-of-type(1) > ul li:nth-child(3):before{content: 'E';}

.contactUs.content > div:nth-of-type(1) > ul li{color: #666666; font-size: 16px; font-weight: 500;}
.contactUs.content > div:nth-of-type(1) > ul li:not(:last-child){margin-bottom: 25px;}

.contactUs.content > div:nth-of-type(2) form fieldset ul{display: flex; flex-wrap: wrap;}
.contactUs.content > div:nth-of-type(2) form fieldset ul li{border-bottom: 1px solid #DDDDDD;}
.contactUs.content > div:nth-of-type(2) form fieldset ul li:not(:last-child){width: 48%;}
.contactUs.content > div:nth-of-type(2) form fieldset ul li:nth-child(even){margin-left: 4%;}
.contactUs.content > div:nth-of-type(2) form fieldset ul li:last-child{width: 100%; margin-bottom: 30px;}
.contactUs.content > div:nth-of-type(2) form fieldset ul li:not(:last-child){margin-bottom: 45px;}
.contactUs.content > div:nth-of-type(2) form fieldset ul li label{display: block; line-height: 24px; color: #444444; font-size: 20px; font-weight: 700;}
.contactUs.content > div:nth-of-type(2) form fieldset ul li input{padding: 10px 0; width: 100%; border: none;}
.contactUs.content > div:nth-of-type(2) form fieldset ul li input::placeholder{color: #cccccc; font-size: 18px; font-weight: 500;}
.contactUs.content > div:nth-of-type(2) form fieldset > div{display: flex; align-items: center; justify-content: space-between;}
.contactUs.content > div:nth-of-type(2) form fieldset > div > div input{display: none;}
.contactUs.content > div:nth-of-type(2) form fieldset > div > div label{padding-left: 20px; position: relative; font-size: 16px; font-weight: 500; color: #666666;}
.contactUs.content > div:nth-of-type(2) form fieldset > div > div label:before{content: ''; position: absolute; width: 14px; height: 14px; background: url('../../assets/images/contactUs_checkBox.png') center / contain no-repeat; left: 0; top: 3px;}
.contactUs.content > div:nth-of-type(2) form fieldset > div > div input[type='checkbox']:checked + label:before{background-image: url('../../assets/images/contactUs_checkBox_checked.png');}
.contactUs.content > div:nth-of-type(2) form fieldset > div > div button{color: #AAAAAA; font-size: 16px; background-color: transparent; border: none; font-weight: 500; cursor: pointer;}
.contactUs.content > div:nth-of-type(2) form fieldset > div > div button:hover{color: #254C78; text-decoration: underline;}
.contactUs.content > div:nth-of-type(2) form fieldset > div input[type='submit']{cursor: pointer; display: block; text-align: center; line-height: 40px;  color: #fff; font-size: 16px; font-weight: 500; border: none; background-color: transparent; background: url('../../assets/images/hexagon.png') center / contain no-repeat; width: 200px; height: 40px;}

/* contactUs */





.hexagonBtn{display: block; position: relative; width: 200px; height: 40px;}
.hexagonBtn:after{transition: background 0.4s; content: ''; position: absolute; width: 200px; height: 40px; left: 0; top: 0; display: block; background: url('../../assets/images/hexagon_solid.png') center / contain no-repeat;}
.hexagonBtn:hover:after{content: ''; position: absolute; right: 0; top: 0; display: block; background: url('../../assets/images/hexagon_hover.png') right / contain no-repeat; width: 200px; height: 45px;}
.hexagonBtn span{color: #00AC72; font-size: 15px; font-weight: 500; transition: all 0.3s; position: absolute; display: block; left: 50%; top: 50%; transform: translate(-50%, -50%); line-height: 40px;}
.hexagonBtn:hover span{left: 0; top: 50%; transform: translate(0,-50%);}



/* .hexagonBtn span{display: block; line-height: 40px; text-align: center; color: #00AC72; font-size: 15px; font-weight: 500;}
.hexagonBtn:hover{background: url('../../assets/images/hexagon_hover.png') right / contain no-repeat; width: 46px; height: 40px;}
.hexagonBtn:hover span{text-align: left;} */


.root_daum_roughmap.root_daum_roughmap_landing{max-width: 1790px; margin: 0 auto; border-radius: 50px;}
.root_daum_roughmap .wrap_controllers{display: none;}



/* alink3d demo */
.inputBox label{margin-bottom: 8px; display: block; width: 100%; font-size: 16px; line-height: 19px; font-weight: 600; color: #444444;}
.inputBox input{outline: none; border: 1px solid #EEEEEE; box-sizing: border-box; padding: 17px 20px; border-radius: 10px; width: 100%;}
.inputBox input:focus{border: 1px solid #005FB0;}
.inputBox input::placeholder{color: #CCCCCC; font-size: 15px; line-height: 18px;}
.blueBG_btn,
.blueLine_btn{width: 100%; padding: 15px 0; border-radius: 10px; font-size: 16px; font-weight: 700; line-height: 19px; cursor: pointer; display: block; text-align: center;}
.blueBG_btn{background-color: #005FB0; border: 1px solid #005FB0; box-sizing: border-box; color: #fff; margin-bottom: 10px;}
.blueLine_btn{background-color: #fff; border: 1px solid #005FB0; box-sizing: border-box; color: #005FB0;}



/* .loginWrap,
.signUpWrap,
#sub-container.active,
.popUp_sample{position: relative; width: 100%; height: calc(100% - 205px);} */
.login_box,
.signUp_box{padding-top: 180px; padding-bottom: 50px; width: 440px; margin: 0 auto;}
.login_box fieldset,
.signUp_box fieldset{min-width: 0;}
.login_box .inputBox:nth-of-type(1){margin-bottom: 25px;}
.login_box .inputBox:nth-of-type(2){margin-bottom: 20px;}
.login_box .checkBox{margin-bottom: 45px;}

.login_box fieldset legend,
.signUp_box fieldset legend{margin-bottom: 55px; padding-bottom: 15px; position: relative; font-size: 24px; font-weight: 700; color: #444444; line-height: 29px; text-align: center;}
.login_box fieldset legend:after,
.signUp_box fieldset legend:after{content: ''; position: absolute; width: 36px; background-color: #005FB0; height: 2px; display: block; bottom: 0; left: 50%; transform: translateX(-50%);}

.signUp_box .inputBox label span{color: #999999; font-size: 16px; font-weight: 600;}
.signUp_box .inputBox{margin-bottom: 30px;}
.signUp_box .inputBox #user_company{margin-bottom: 10px;}
.signUp_box .checkBox{margin-bottom: 15px;}

.product_wrap{border-top: 1px solid #EEEEEE;}
.product_wrap ul{ display: flex; flex-wrap: wrap; width: 1480px; margin: 45px auto 0;}
.product_wrap ul li:not(:nth-child(4n)){margin-right: 2.66%;}
.product_wrap ul li{overflow: hidden; position: relative; margin-bottom: 2%; border: 1px solid #EEEEEE; border-radius: 10px; width: 23%;}
.product_wrap ul li a{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}

.product_wrap .productList_img{display: flex; align-items: center; height: 250px; overflow: hidden;}
.product_wrap .productList_img img{width: 100%;}
/* .product_wrap .productList_txt{position: absolute; bottom: 0; width: 100%; height: 90px; border-radius: 0 0 10px 10px; border-top: 1px solid #EEEEEE; background-color: #FBFBFB; padding: 15px 20px; box-sizing: border-box;} */
.product_wrap .productList_txt{width: 100%; height: 90px; border-radius: 0 0 10px 10px; border-top: 1px solid #EEEEEE; background-color: #FBFBFB; padding: 15px 20px; box-sizing: border-box;}
.product_wrap .productList_txt span{display: block;}
.product_wrap .productList_txt .productList_date{font-size: 12px; color: #0063E9; font-weight: 400; line-height: 14px; margin-bottom: 5px;}
.product_wrap .productList_txt .productList_name{margin-bottom: 5px; font-size: 16px; line-height: 22px; font-weight: 500; color: #3d3d3d;}
.product_wrap .productList_txt .productList_lock{width: 100%; display: block; text-align: right;}


html,
body,
#wrap.active{width: 100%; height: 100%;}


/* alink3d demo */