@charset "utf-8";
/*
* YOUR WEB Style Sheets
* File Name : default.css
* Description : 기본 스타일시트
* Author : Web business Team / Jeong Sang Hoon
* Date : 2022.08.16
* Update : 2022.08.16
* Copyright(c) 2022 YOUR WEB Communications. All Rights Reserved.
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*{margin:0; padding:0; border:0; box-sizing: border-box; word-break: keep-all;}
body,html{line-height: 1; font-family: 'S-CoreDream','Noto Sans KR', sans-serif; font-weight: 400; overflow-x: hidden; scroll-behavior:smooth;}
header *,.site_map, .site_map *{transition: all .3s ease;}
.wrap{margin-bottom:100px;}
.en{font-family: 'Montserrat', sans-serif;}
:root{
    --shadow1: 0 15px 25px rgba(0, 0, 0, .25);
    --shadow2: 0  5px 15px rgba(0, 0, 0, .25);
}
.grid{max-width:1440px; width:100%; margin:0 auto;}
.page-header h1{font-size:42px; display: flex; justify-content: center; font-weight: 700; padding:100px 0;}
@font-face {
    font-family: 'S-CoreDream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
/* header */
header{position: fixed; width:100%; height:100px; padding:0 60px; z-index: 10000; transition: all .3s ease; display: block; background: linear-gradient(180deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 100%);}
header:hover{background:#fff;}
header .container{width:100%; height:100%; display: flex; align-items: center; justify-content: space-between;}
header .logo span{display: flex; color:#fff; max-width:250px;}
header .logo span .logo1{display: none;}
header .logo span .logo2{display: block;}
header:hover .logo span .logo1{display: block;}
header:hover .logo span .logo2{display: none;}
header:hover .logo span{color:#000;}
header .logo span b{display: flex; filter: blur(10px); animation: fade_in 1s linear forwards; animation-delay: calc(var(--i) * .1s); animation-timing-function:ease; opacity: 0; font-size:20px;}
@keyframes fade_in { 0%{filter: blur(10px); opacity: 0;} 100%{filter: blur(0); opacity: 1;} }
header .menu_group{display: flex; height:100%; align-items: center; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); content:'';}
header .menu_group > ul{display: flex; height:100%; width:100%;}
header .menu_group > ul > li{height:100%; position: relative; flex-grow: 1;}
header .menu_group > ul > li > a{font-size:18px; display: flex; align-items: center; height:100%; font-weight: 700; position: relative; color:#fff; width:185px; justify-content: center;}
header .menu_group > ul > li > a::after{position: absolute; left:50%; bottom:0; transform: translateX(-50%); width:0; height:5px; background:#000; content:''; transition: all .3s ease;}
header:hover .menu_group > ul > li > a{color:#000;}
header .menu_group > ul > li:hover > a::after{width:100%;}
header .menu_group > ul > li ul{position: absolute; left:50%; top:100%; transform: translate(-50%,0) rotateY(90deg); background:#fff; width:100%; box-shadow: var(--shadow1); opacity: 0; visibility: hidden;}
header .menu_group > ul > li:hover ul{ transform: translate(-50%,0) rotateY(0); opacity: 1; visibility: inherit;}
header .menu_group > ul > li ul li{width:100%;}
header .menu_group > ul > li ul li a{display: flex; padding:15px; width:100%; opacity: 0; transition: all .1s ease;}
header .menu_group > ul > li:hover ul li a{opacity: 1;}
header .menu_group > ul > li ul li:hover a{background:#f2f2f2;}
header .site_map_btn{width:20px; height:20px; position: relative; cursor: pointer;}
header .site_map_btn span{position: absolute; width:5px;  height:5px; background:#fff;}
header:hover .site_map_btn span{background:#000;}
header .site_map_btn span:nth-child(1){left:0; top:0;}
header .site_map_btn span:nth-child(2){right:0; top:0;}
header .site_map_btn span:nth-child(3){left:0; bottom:0;}
header .site_map_btn span:nth-child(4){right:0; bottom:0;}
.site_map{position: fixed; left:50%; top:50%; transform: translate(-50%,-50%); content:''; z-index: 99999999; width:100%; height:100vh; opacity: 0; visibility: hidden;}
.site_map.on{opacity: 1; visibility: inherit;}
.site_map .bg_close{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); content:''; width:100%; height:100%; background:#000; opacity: .75;}
.site_map .container{position: absolute; right:0; top:0; max-width:700px; width:100%; background:#fff; z-index: 10; height:100%; overflow-y: scroll; padding:120px 60px; transform: translateX(100%); transition: all .3s ease;}
.site_map.on .container{transform: translateX(0);}
.site_map .container::-webkit-scrollbar{width:0;}
.site_map .menu{width:100%;}
.site_map .menu > li{margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid #ddd;}
.site_map .menu > li:last-child{margin:0;}
.site_map .menu > li > a{font-size:30px; font-weight: 700; display: flex; line-height: 1;}
.site_map .menu > li ul{ margin:20px -10px; display: flex; flex-wrap: wrap;}
.site_map .menu > li ul li{width:25%;}
.site_map .menu > li ul li a{font-size:20px; padding:10px; display: flex; color:#777;}
.site_map .close__{position: absolute; right:20px; top:20px; width:60px; height:60px; z-index: 100; background:#000; box-shadow: var(--shadow2); cursor: pointer;}
.site_map .close__::before{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%) rotate(45deg); content:''; width:60%; height:1px; background:#fff; transition: all .3s ease;}
.site_map .close__:hover::before{transform: translate(-50%, -50%) rotate(135deg);}
.site_map .close__::after{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%) rotate(-45deg); content:''; width:60%; height:1px; background:#fff; transition: all .3s ease;}
.site_map .close__:hover::after{transform: translate(-50%, -50%) rotate(45deg);}
@media(max-width:1400px){
    header{padding:0 40px; height:80px;}
    header .menu_group{display: none;}
}

@media(max-width:1024px){
    .site_map .menu > li ul li a{font-size:16px;}
    .site_map .container{padding:80px 60px;}
}

@media(max-width:768px){
    header{padding:0 40px; height:60px;}
    .site_map .menu > li ul li{width:33.33333%;}
    .site_map .container{padding:80px 40px;}
}

@media(max-width:425px){
    header{padding:0 20px;}
    .site_map .menu > li ul li{width:50%;}
    .site_map .container{padding:80px 20px;}
    .site_map .close__{width:40px; height:40px;}
    header .site_map_btn{width:18px; height:18px;}
}
/* header - end */


/* footer */
.footer{background:#111;}
.footer .content_menu{width:100%; height:80px; border-bottom:1px solid rgba(255, 255, 255, .15);}
.footer .menu_group{max-width:1600px; width:100%; height:100%; margin:0 auto; display: flex; padding: 0 40px; justify-content: space-between; }
.footer .menu_left .menu{display: flex; align-items: center; height:100%;}
.footer .menu_left .menu ul{display: none;}
.footer .menu_left .menu li{margin-right:40px;}
.footer .menu_left .menu li:last-child{margin:0;}
.footer .menu_left .menu a{color:#fff; opacity: .5; font-size:16px; transition: all .3s ease;}
.footer .menu_left .menu a:hover{opacity: 1;}
.footer .menu_right ul{display: flex; height:100%; align-items: center;}
.footer .menu_right ul li{margin-right:40px;}
.footer .menu_right ul li:last-child{margin:0;}
.footer .menu_right ul li a{color:#fff; opacity: .5; transition: all .3s ease;}
.footer .menu_right ul li a:hover{opacity: 1;}
.footer .content_info {background:#111;}
.footer .content_info .group{max-width:1600px; width:100%; margin:0 auto; padding:40px; display: flex; justify-content: space-between;}
.footer .content_info .info_left {width:calc(100% - 290px); padding-top:40px;}
.footer .content_info .info_left h2{font-size:30px; font-weight: 700; color:#fff; margin-bottom:20px; max-width:300px;}
.footer .content_info .info_left ul{display: flex; flex-wrap: wrap;}
.footer .content_info .info_left ul li{color:#fff; font-weight: 300; margin-right:30px; display: flex; align-items: center; font-size:15px;}
.footer .content_info .info_left ul li:nth-child(1){width:100%; margin-bottom:15px}
.footer .content_info .info_left ul li .desc1{margin-right:10px; opacity: .5; font-weight: 500;}
.footer .content_info .info_left ul li .desc2{opacity: .5; font-weight: 300;}
.footer .content_info .info_right{width:290px; display: flex; flex-direction: column;}
.footer .content_info .info_right h2{color:#fff; display: flex; flex-direction: column; margin-bottom:20px;}
.footer .content_info .info_right h2 .desc1{font-size:18px; font-weight: 500; margin-bottom:10px; opacity: .5; line-height: 1;}
.footer .content_info .info_right h2 .desc2{font-size:42px; font-weight: 700; line-height: 1.2;}
.footer .content_info .info_right h2 .desc2 em {font-size:30px !important; font-weight: 700;}
.footer .content_info .info_right ul li{color:#fff; opacity: .5; display: flex; align-items: center; margin-bottom:10px; font-size:15px;}
.footer .content_info .info_right ul li:last-child{margin:0;}
.footer .content_info .info_right ul li .desc1{width:70px; font-weight: 700;}
.footer .content_info .info_right ul li .desc2{width:calc(100% - 70px); font-weight: 700;}
.footer .cope{height:80px; width:100%; border-top:1px solid rgba(255, 255, 255, .15); display: flex; align-items: center; justify-content: center; color: rgba(255, 255, 255, .5); background:#111; cursor: none;}
@media(max-width:1440px){

}

@media(max-width:1024px){
    .footer .menu_group{justify-content: flex-start;}
    .footer .menu_left .menu{display: none;}
    .footer .content_info .group{padding:40px; flex-direction: column;}
    .footer .content_info .info_left{padding:0; margin-bottom:80px; width:100%;}
    .footer .content_info .info_left h2{font-size:26px;}
    .footer .content_info .info_left ul{margin:-5px -15px;}
    .footer .content_info .info_left ul li{margin:5px 15px ;}
    .footer .content_info .info_right{width:100%;}
    .footer .content_info .info_right h2 .desc2{font-size:36px;}
	.footer .content_info .info_right h2 .desc2 em {font-size:26px;}    
}

@media(max-width:768px){
    .footer .menu_group{padding:0 20px;}
    .footer .content_info .group{padding:60px 20px;}
}

@media(max-width:440px){
    .footer .content_menu{height:auto; display: flex;}
    .footer .menu_right{width:100%;}
    .footer .menu_right ul{display: flex; flex-direction: column; padding:10px;}
    .footer .menu_right ul li{margin:0;}
    .footer .menu_right ul li a{display: flex; padding:10px;}
    .footer .content_info .info_left h2{text-align: center;}
    .footer .content_info .info_left ul{justify-content: center;}
    .footer .content_info .info_right h2{align-items: center;}
	.footer .content_info .info_right ul li {justify-content:center;}
    .footer .content_info .info_right ul li .desc1{margin-right:5px;}
    .footer .content_info .info_right ul li .desc1, footer .content_info .info_right ul li .desc2{width:auto;}
    .footer .cope{font-size:12px;}
    .footer .content_info .info_left ul li:first-child{display: flex; flex-direction: column; text-align: center;}
    .footer .content_info .info_right h2 .desc2{text-align:center;}
}



/* 이용약관 , 개인정보 취급방침*/
.tos{margin:100px 0; padding:60px; height:800px; overflow-y: scroll; box-shadow: var(--shadow1);}
.privacy{margin:100px 0; padding:60px; height:800px; overflow-y: scroll; box-shadow: var(--shadow1);}
.tos h2{font-size:30px; font-family: 'Dolbomche_R',sans-serif; font-weight: 700; margin:60px 0;}
.privacy h2{font-size:30px; font-family: 'Dolbomche_R',sans-serif; font-weight: 700; margin:60px 0;}
.tos h3{font-size:26px; font-family: 'Dolbomche_R',sans-serif; font-weight: 700; opacity: .75; padding:40px 0 0;}
.privacy h3{font-size:26px; font-family: 'Dolbomche_R',sans-serif; font-weight: 700; opacity: .75; padding:40px 0 0;}
.tos p{font-size:14px; font-weight: 300; opacity: .65; line-height: 2;}
.privacy p{font-size:14px; font-weight: 300; opacity: .65; line-height: 2;}
.tos p br:nth-child(1){display: none;}
.privacy p br:nth-child(1){display: none;}
.tos::-webkit-scrollbar{width:5px;}
.privacy::-webkit-scrollbar{width:5px;}
.tos::-webkit-scrollbar-track{background: transparent;}
.privacy::-webkit-scrollbar-track{background: transparent;}
.tos::-webkit-scrollbar-thumb{background:#000; border-radius: 100px;}
.privacy::-webkit-scrollbar-thumb{background:#000; border-radius: 100px;}

/* 이메일무단수집거부 */
.sec_email{padding:100px 60px; max-width:1024px; width:100%; margin:0 auto; box-shadow: var(--shadow1); margin-top:100px;}
.sec_email br{display: none;}
.sec_email {display: flex; align-items: center;}
.sec_email .img_box{width:20%; margin-right:60px;}
.sec_email .img_box span{display: flex; align-items: center; justify-content: center;}
.sec_email .img_box img{width:100%;}
.sec_email .text_box{width:80%;}
.sec_email .text_box h2{font-size:36px; font-family: 'Dolbomche_R',sans-serif; font-weight: 700; margin-bottom:20px;}
.sec_email .text_box h3{font-size:20px; font-weight: 700; margin-bottom:20px; opacity: .75;}
.sec_email .text_box p{font-size:16px; font-weight: 300; position: relative; padding-top:20px; line-height: 2; opacity: .5;}
.sec_email .text_box p::before{position: absolute; left:0; top:0; content:''; width:20px; height:1px; background:#fff; opacity: .5;}



/* 서브비주얼 */
.sub_visual{margin-top:100px;}
/* .sub_visual.nth_1{background:url(/images/sub/nth_1.jpg) no-repeat center / cover;} */
/* .sub_visual.nth_2{background:url(/images/sub/nth_2.jpg) no-repeat center / cover;} */
/* .sub_visual.nth_3{background:url(/images/sub/nth_a.jpg) no-repeat center / cover;} */
.sub_visual.nth_4{background:url(/images/sub_top/0306.jpg) no-repeat center / cover;}
.sub_visual.nth_18{background:url(/images/sub_top/0303.jpg) no-repeat center / cover;}
.sub_visual.nth_info{background:url(/images/sub_top/0303.jpg) no-repeat center / cover;}
.sub_visual.nth_0{background:url(/images/sub_top/0303.jpg) no-repeat center / cover;}
.sub_visual .container{display: flex; align-items: center; justify-content: center; width:100%; height:500px;}
.sub_visual h2{font-size:24px; font-weight: 700; display: flex; flex-direction: column; text-shadow: 0 5px 10px rgba(0, 0, 0, .25); text-align: center;}
.sub_visual h2::before{margin-bottom:20px; text-align: center; font-size:55px; text-shadow: 0 5px 10px rgba(0, 0, 0, .25); font-family: 'Montserrat'; line-height: 1;}
.sub_visual .menu_sub{height:80px; background:rgba(0, 0, 0, .75);}
.sub_visual .menu_sub ul{display: flex; height:100%; justify-content: center;}
.sub_visual .menu_sub ul li{height:100%; position: relative; width:170px;}
.sub_visual .menu_sub ul li a{display: flex; align-items: center; justify-content: center; width:100%; height:100%;  color:#ccc; transition: all .3s ease; position: relative; font-size:16px;}
.sub_visual .menu_sub ul li a::before{position: absolute; left:100%; top:50%; transform: translate(-50%,-50%); content:''; width:1px; height:30px; background:#fff; opacity: .15;}
.sub_visual .menu_sub ul li:last-child a::before{display: none;}
.sub_visual .menu_sub ul li a.on{background:#fff; color:#000;}


.sub_visual.nth_1 .container h2{color:#fff;}
.sub_visual.nth_2 .container h2{color:#fff; text-shadow: 0 5px 10px rgba(0, 0, 0, .5);}
.sub_visual.nth_3 .container h2{color:#fff;}
.sub_visual.nth_4 .container h2{color:#fff; text-shadow: 0 5px 10px rgba(0, 0, 0, .25); font-size:0;}
.sub_visual.nth_4 .container h2::before{font-size:55px;}
.sub_visual.nth_3 .container{position: relative; z-index: 1;}
.sub_visual.nth_3 .container::before{position: absolute; width:100%; height:100%; content:''; left:0; top:0; background:rgba(0, 0, 0, .1); z-index: -1;}

.sub_visual.nth_1 h2::before{content:'About Us';}
.sub_visual.nth_2 h2::before{content:'Business Introduction';}
.sub_visual.nth_3 h2::before{content:'Business Review';}
.sub_visual.nth_4 h2::before{content:'Construction Case';}
.sub_visual.nth_18 h2{font-size:0;}
.sub_visual.nth_18 h2::before{content:'Service Center'; font-size:55px;}
.sub_visual.nth_info h2::before{content:'Service Center';}



@media(max-width:1400px){
.sub_visual {margin-top:80px;}
}


@media(max-width:1200px){
.sub_visual .menu_sub ul li a {font-size:15px;}
}

@media(max-width:768px){
.sub_visual {margin-top:60px;}
.sub_visual .container {height:300px;}
.sub_visual .menu_sub {height:auto;}
.sub_visual .menu_sub ul {flex-wrap:wrap;justify-content:flex-start;}
.sub_visual .menu_sub ul li {flex-basis:50%;border-bottom:1px solid rgba(255,255,255,0.15);}
.sub_visual .menu_sub ul li:nth-of-type(odd) {border-right:1px solid rgba(255,255,255,0.15);}
.sub_visual .menu_sub ul li a {padding:13px;font-size:13px;}
.sub_visual .menu_sub ul li a::before {display:none;}
.sub_visual h2  {font-size:18px;}
.sub_visual h2::before {font-size:26px;margin-bottom:10px;}

}



@media (max-width:1440px) {
    header{padding:0 20px !important;}
    header .menu_group{display: none !important; }
    
}