/*mainStyle.css*/
@font-face {
    font-family: 'GongGothicLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  transform : rotate(0.03deg);
  src: url(/fonts/NotoSansKr/NotoSansKR-Thin.woff2) format('woff2'),
       url(/fonts/NotoSansKr/NotoSansKR-Thin.woff) format('woff'),
       url(/fonts/NotoSansKr/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  transform : rotate(0.03deg);
  src: url(/fonts/NotoSansKr/NotoSansKR-Light.woff2) format('woff2'),
       url(/fonts/NotoSansKr/NotoSansKR-Light.woff) format('woff'),
       url(/fonts/NotoSansKr/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   transform : rotate(0.03deg);
   src: url(/fonts/NotoSansKr/NotoSansKR-Regular.woff2) format('woff2'),
        url(/fonts/NotoSansKr/NotoSansKR-Regular.woff) format('woff'),
        url(/fonts/NotoSansKr/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   transform : rotate(0.03deg);
   src: url(/fonts/NotoSansKr/NotoSansKR-Medium.woff2) format('woff2'),
        url(/fonts/NotoSansKr/NotoSansKR-Medium.woff) format('woff'),
        url(/fonts/NotoSansKr/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   transform : rotate(0.03deg);
   src: url(/fonts/NotoSansKr/NotoSansKR-Bold.woff2) format('woff2'),
        url(/fonts/NotoSansKr/NotoSansKR-Bold.woff) format('woff'),
        url(/fonts/NotoSansKr/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   transform : rotate(0.03deg);
   src: url(/fonts/NotoSansKr/NotoSansKR-Black.woff2) format('woff2'),
        url(/fonts/NotoSansKr/NotoSansKR-Black.woff) format('woff'),
        url(/fonts/NotoSansKr/NotoSansKR-Black.otf) format('opentype');
 } 
 @font-face {
    font-family: 'SCoreDream';
    font-weight: 100; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream1.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream1.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 200; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream2.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream2.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 300; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream3.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream3.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 400; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream4.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream4.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 500; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream5.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream5.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 600; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream6.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream6.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 700; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream7.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream7.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 800; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream8.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream8.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 900; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream9.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream9.woff) format('woff');
    font-display: swap;
}

@font-face{
    font-family: 'Tuesday,;
    font-style: normal;
    font-weight: 300;
    src: local(※),
        url(/font/TuesdayNight-Regular.eot) format("opentype"),
        url(/font/TuesdayNight-Regular.woff) format("woff"),
        url(/font/TuesdayNight-Regular.woff2) format("woff2")
		url(/fonts/TuesdayNight-Regular.otf) format('opentype');
}
 
body.dark-mode { background:#333; }
body.dark-mode h1, h2 , h3, p { color:#fff; }
body.dark-mode p,
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode a { color:#fff; }
body.dark-mode button {
    background-color:#c71526;
    color:#fff;
}
body.light-mode h1, h2, h3, p, a { color:#333; }
body.light-mode button {
    background-color:#c71526;
    color:#eee
}
button { background:#c71526; }
#darkLight {
    width:70px; height:90px; 
    font-size:3em;
    padding-left:0.5%;
    position:fixed;
    right:0; bottom:3%;
    border-radius:100px 0 0 100px;
    transition:all .3s;
    z-index:99999;
}
#darkLight:hover {
    width:130px;
    padding-left:1%;
    background-color:#111;
}

#container{overflow: hidden; /*font-family: 'GongGothicLight';*/}
.bannerWrap{width: 100%; height: 950px; position: relative;}
.bannerWrap > img{height: 100%; width:100%;position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.bannerWrap > div{width: 768px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.bannerWrap > div img{margin: 30px auto;}
.bannerWrap > div h2, .bannerWrap > div p{text-align: center; color: #fff;}
.bannerWrap > div h2{font-size: 48px; letter-spacing: -1px; line-height: 1.2; margin-bottom: 40px;}
.bannerWrap > div p{font-size: 28px; line-height: 1.5;}
.bannerWrap > div p span{display: block;}
.bannerWrap > div > div{width: 37px; height: 192px; position: absolute; font-size: 100px; color: #fff; z-index: 10; top: 30px; background: url(../img/main/square_bracket1.png); background-size: 100% 100%;}
.bannerWrap > div > div.square_bracket1{left: 100px;}
.bannerWrap > div > div.square_bracket2{background-image: url(../img/main/square_bracket2.png); right: 100px;}
.inner.box{padding: 0 20px 120px;} 
.main_title{padding: 100px 0;}
.main_title h2{font-size: 60px; line-height: 1.0; color: #777; text-align: center;}
/*.main_title h2::after{content: ""; display: block; width: 1px; height: 35px; background: #223040; margin: 55px auto;}*/
.main_title h2 span{color: #d40424; font-weight: 600; margin-right: 20px;}
.main_title p{width: 70%; margin: 0 auto; text-align: center; font-size: 20px; line-height: 1.5;}
.detail{width: 100%; margin: 0 auto;}
.detail > ul{width: 100%; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto;}
.detail > ul li{float: left; width: 32%; padding: 13px 0;}
.detail > ul li.second{margin: 0 2%;}
.detail > ul li img{margin: 30px auto 35px;}
.detail > ul li p{color: #666; font-size: 28px; margin-bottom: 26px;}
.detail > ul li p span{display: block;}
.detail > ul li strong{display: block; font-size: 35px; line-height: 1.5; color: #333; margin: 0 auto; text-align: center;} 
.detail > ul li strong span{font-size: 44px; color: #223040; display: inline-block; font-weight: bold; margin-right: 10px;}
.detail > ul li p{text-align: center;}


.aboutWrap{width: 100%;height:1150px; position:relative;}
.aboutWrap .inner{width: 100%;}
.aboutWrap .inner.box{padding:0;}
.aboutWrap .main_title{position:absolute;top:35%;width:50%;float:left;font-family:'Noto Sans KR';padding:0;}
.aboutWrap .main_title h2{font-family:'Noto Sans KR'; color:#000; font-weight:500;letter-spacing:6px;margin: 30px 0; }
.aboutWrap .main_title h3{font-family:'Noto Sans KR'; color:#000; font-size:23px;font-weight:200;letter-spacing:5px;text-align:center;margin: 30px 0; }
.aboutWrap .main_title p{margin: 0 auto; text-align: center; font-size: 16px; line-height: 1.5;transform:rotate(-0.05deg);}
.aboutWrap .detail{width:50%;float:right;padding:110px 0;}
.aboutWrap .detail > ul li strong{text-align: center;}
.aboutWrap .view_go{margin-top:50px;}
.aboutWrap .view_go a{color: #000; text-align: center; font-size: 15px; width: 20%; border: 1px solid #000; padding: 15px 0px; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;  -webokit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition: 0.3s; -0-transition-duration: 0.3s;margin: 0 auto;}
.aboutWrap .view_go a:hover{background: #000; color: #fff;}


.video_box {
    width: 100%;
    height: 0;
    padding-top: 56.25%; /* 가장 중요 */
    position: relative;
	margin-bottom:100px;
}

.video_box iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.main_videoWrap .jarallax{height:100vh;}

/*.main_videoWrap{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
.main_videoWrap iframe, .main_videoWrap object, .main_videoWrap embed{position:absolute;top:0;left:0;width:100%;height:90%;*/


.coreComWrap{width: 100%; height:973px;background: url(../img/main/bg_img1.jpg); background-size: cover; background-position: center;background-attachment: fixed;}
.coreComWrap .main_title h2::after{background: #fff;}
.coreComWrap .main_title h2, .coreComWrap .main_title h2 span, .coreComWrap .main_title p{color: #fff;}
.coreComWrap .main_title h2{letter-spacing: -4px; font-weight: 600;}
.coreComWrap .main_title h2 span{letter-spacing: 0;}
.coreComWrap .detail ul li{background: #fff; border-radius: 10px; padding: 44px 0;}
.coreComWrap .detail ul li strong{font-weight: bold; margin-bottom: 26px;}
.coreComWrap .detail ul li p{font-size: 22px; line-height: 1.4; margin-bottom: 0;}
.coreComWrap .detail ul li{background: #fff; border-radius: 10px; padding: 44px 0;}
.coreComWrap .detail ul li strong{font-weight: bold; margin-bottom: 26px;}
.coreComWrap .detail ul li p{font-size: 22px; line-height: 1.4; margin-bottom: 0;}
.coreComWrap .cover{position:absolute;top:0;left:0;width:100%;/*height:100%;background:url(../img/main_visual_cover.png) center bottom no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-width:300px;opacity:.6;z-index:1*/}
.coreComWrap .copy_area{width:90%;text-align:center;color:#fff;position:absolute;top:50%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2}
.coreComWrap .copy_area h1{font-size:14px;font-weight:300; line-height:1.3; letter-spacing:0.5px; padding-bottom:20px;  color:#fff; text-align:center}
.coreComWrap .copy_area h2{font-size:62px;font-weight:100; line-height:1.3; letter-spacing:-5px;  color:#fff; text-align:right;font-family:'GmarketSans';font-weight:500;}
.coreComWrap .copy_area h3{font-size:18px;font-weight:500;text-align:right;margin:10px 0 0; /*padding:0 20px;*/ word-break:keep-all; color:#fff;font-family:'Noto Sans KR';opacity:0.8; letter-spacing:-1px}


.portfolioWrap{background: url(../img/main/port_bg.png); padding-bottom: 90px;}
.portfolioWrap .main_title h2::after{background: #fff;}
.portfolioWrap .main_title h2, .portfolioWrap .main_title h2 span, .portfolioWrap .main_title p{color: #fff;}
.port_go{width: 100%;}
.portfolioWrap .port_go a{color: #fff; text-align: center; font-size: 18px; width: 100%; border: 1px solid #fff; padding: 15px 0px; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;  -webokit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition: 0.3s; -0-transition-duration: 0.3s;margin: 0 auto;}
.portfolioWrap .port_go a:hover{background: #fff; color: #223040;}
.pic_lt .lat_title, .pic_lt .lt_more, .pic_lt li .new_icon, .pic_lt .lt_date{display: none;}
.portfolioWrap .mainPage{display: block;}  
.portfolioWrap .latest_wr{display: none;}
.portfolioWrap .latest_wr2{display: block;}
.portfolioWrap .pic_lt .empty_li{width: 100%; height: 500px; background: #fff; line-height: 500px; text-align: center;}
.portfolioWrap .pic_lt{width: 100%; background: none; border: none; margin-bottom: 0;} 
.portfolioWrap .pic_lt ul{padding: 0;}
.portfolioWrap .pic_lt li{padding: 0; margin:0.6%; height:347px; overflow: hidden;}
.portfolioWrap .pic_lt li .lt_img{  }
.portfolioWrap .pic_lt li .lt_img img{display: block;    display: block;}
.portfolioWrap .pic_lt li .lt_img + a{display: none;}
.portfolioWrap .latest_wr2 .pic_lt .new_icon + a{display: none;}
.portfolioWrap .owl-theme .owl-dots .owl-dot{outline: 0 none;}
.portfolioWrap .owl-theme .owl-dots .owl-dot span{background: #ddd;}
.portfolioWrap .owl-theme .owl-dots .owl-dot span:hover, .portfolioWrap .owl-theme .owl-dots .owl-dot.active span{background: #c80e21;}


/* 하단 이미지 슬라이드 */
.con_wrap {/*overflow:hidden;*/}
.con_wrap .img_area {position: relative;margin:0 0 0 0;}
.con_wrap .img_area.no_slide {height:auto; padding-bottom:25%;}
.con_wrap .img_area.no_slide::after {display:none;}
.img_area .m_slide .item {width:100vw; height:100vh; z-index:0;}
.img_area .slide_txt {position:absolute; top:50%; left:50%; width:80vw; transform:translate(-50%, -50%);z-index:9;}
.img_area .slide_txt h2{font-family:'GmarketSans'; font-size:2.5em;color:#fff; text-align:center; text-shadow:0 1px 3px rgba(0,0,0,.2); }
.img_area .slide_txt h3{font-family:'Noto Sans KR'; font-size:1.2em;color:#fff; text-align:center;margin-top:20px; }
.img_area .slide_txt .eng {/*margin-left: -1em; */font-family: 'SUIT'; font-size:calc(1rem + .365vw); font-weight:200; letter-spacing:.65em; text-transform: uppercase;}
.img_area .slide_txt .eng2 {margin-bottom: 1em; font-size:calc(2rem + .82031vw); font-weight:200; letter-spacing:.2em; text-transform: uppercase;}
.img_area .slide_txt .kor {font-size:calc(1rem + .3125vw); font-weight:200; line-height: 1.8;}
.img_area .slide_txt a {display:inline-block; margin-top:.8vw; padding:.2vw 3vw .4vw; font-size:.3em; letter-spacing:0.1em; font-weight:700; border:1px solid #fff; border-radius:20px; font-family:'open sans'; text-align:middle; text-shadow:none;}
.img_area .slide_txt a:hover {background:rgba(0,0,0,.3)}
.img_area .slide_txt a span {font-size:1.5em;}



    -webkit-animation: slideTextAni 1.8s cubic-bezier(0.4, 0, 0.2, 1) both;
    animation: slideTextAni 1.8s cubic-bezier(0.4, 0, 0.2, 1) both;
}

@-webkit-keyframes slideTextAni {
	from {
		opacity:0;
		-webkit-transform: translateY(30px); 
		transform: translateY(30px); 
	}
	to {
		opacity:1;
		-webkit-transform: translateY(0); 
		transform: translateY(0); 
	}
}
@keyframes slideTextAni {
	from {
		opacity:0;
		-webkit-transform: translateY(30px); 
		transform: translateY(30px); 
	}
	to {
		opacity:1;
		-webkit-transform: translateX(0); 
		transform: translateX(0); 
	}
}

.paging_custom {position: absolute; width: 8em; right:4vmin; bottom: 3em; z-index:10;}
.paging_custom .swiper-pagination-fraction {font-family: 'SUIT'; font-size:14px; font-weight:100; color:#fff; bottom: .35em; pointer-events: none;}

.img_area .swiper-button-prev,
.img_area .swiper-button-next {width: 9px; height: 16px; z-index: 10; cursor: pointer; background-position: center; background-repeat: no-repeat; background-size:200%; text-indent:-9999px;}
.img_area .swiper-button-next {background:url('../images/icon_rarrow_r.png'); left: auto; right: 0;}
.img_area .swiper-button-prev {background:url('../images/icon_rarrow_l.png'); left:0; right: auto;}


/* view */
.view {position:relative; padding:12vmin 0 10vmin;}
.view .textbox {margin:0;text-align:center;}
.view .textbox .stit{font-size:40px;font-family:'SCoreDream'; font-weight:700;letter-spacing:0.4em;min-height:100px;}
.view .textbox h3{font-size:25px;font-family:'Noto Sans KR'}
.view .view_list ul {}
.view .view_list li .item {display:block; padding-bottom: 72.975%;}
.view .view_list li .item:hover::before {content:""; display:block; width:100%; height:100%; position:Absolute; top:0; background:rgba(0,0,0,.3); -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.view .view_list a {display:block; height: 100%;}
.view .view_list .btn_box {padding:4vmin 0; text-align: center;}
.view .view_list .btn_box h2 {font-size:40px;font-family:'GmarketSans'; font-size:calc(1.4rem + .3125vw); font-weight:500; color:#666;}
.view .view_list .btn_box h2::after {content:''; display:block; margin: 3vmin auto; width: calc(25% + 80px); border-bottom: 1px solid #cbc7bd;}
.view .view_list .btn_box p.eng {font-family: 'Fahkwang', sans-serif; font-size:calc(.8rem + .3125vw); color:#aaa; letter-spacing:.1em; text-transform: uppercase;}
.view .view_list .btn_box span{/*border:1px solid #000; padding:10px 10px;*/font-weight:400;}

.view_button {width:100%; position: absolute; top: 50%; z-index: 9;}
.view_button .swiper-button-prev-unique,
.view_button .swiper-button-next-unique {width: 37px; height: 72px; z-index: 10; cursor: pointer; background-position: center; background-repeat: no-repeat; background-size: auto; text-indent: -9999px;}
.view_button .swiper-button-prev-unique {background-image:url('../images/ricon_arrow_l.png'); right: auto; left: 2%;}
.view_button .swiper-button-next-unique {background-image:url('../images/ricon_arrow_r.png'); left: auto; right: 2%;}


.view .item:after {content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:rgba(255,255,255,0.8);transition: all 0.3s;/*opacity: 1;*/opacity: 0;}

.view .swiper-slide-next .item:after,
.view .swiper-slide-duplicate-prev .item:after,
.view .swiper-slide-active .item:after,
.view .swiper-slide-duplicate-active .item:after {opacity: 0;}

.ct_con {margin:auto; width:90%; max-width:1680px;}
.ct_con2 {margin:auto; width:90%; max-width:1560px;}
.ct_con3 {margin:auto; width:90%; max-width:1440px;}
.ct_con4 {margin:auto; width:90%; max-width:1280px;}


.bgimg {background-size:cover; background-position:center; background-repeat:no-repeat; background-color:#607D8B;}


/* sub_title */
.sub_title {padding:7vw 0 10vmin;}
.sub_title .txt {padding-top:4vw; font-size:calc(1rem + .3125vw); text-align:center;}

.sub_tit {display: flex; align-items: center; justify-content: space-between;}
.sub_tit span.line {margin: 0 7vmin; width: 100%; height:1px; background-color:#c6ccb7;}
.sub_tit .eng3 {margin-top: -1vmin; font-size: calc(1.25rem + .5vw); color:#675b46;}
.sub_tit .kor {font-size: calc(1rem + .3125vw); color:#4f4c47;}

.sub_tit span {
    -webkit-animation:subTitAni 3s none;
    animation:subTitAni 3s none;
}

@-webkit-keyframes subTitAni {
    from {
        opacity:0;
        visibility:hidden;
        width:0;
    }
    to {
        opacity:1;
        visibility:visible;
        width:100%;
    }
}
@keyframes subTitAni {
    from {
        opacity:0;
        visibility:hidden;
        width:0;
    }
    to {
        opacity:1;
        visibility:visible;
        width:100%;
    }
}


.consertWrap{background: url(../img/main/consert_bg.png);}
.consertWrap .inner{padding-bottom: 170px;}
.consertWrap .main_title{padding-bottom: 30px;}
.consertWrap .latest_wr{width: 100%; margin: 0 auto;}
.consertWrap .latest_wr > div{float: left; width: 45%;}
.hot_icon .latest_wr > div.ing_projects{ }
.pic_lt li .hot_icon { float:left; margin:1%; }
.consertWrap .latest_wr > div.news{float: right;}
.consertWrap .lat{margin-bottom: 0; border: none; padding: 60px; min-height: 493px;}
.consertWrap .lat .lat_title{border-bottom: none; background: none; padding: 0; line-height: 1.0em; font-size: 1.0em; color:#333; border-bottom: 1px solid #ddd;}
.consertWrap .lat .lat_title a{color: #333; font-size: 30px; color: #333; font-weight: 600; line-height: 70px; height: 70px;}
.consertWrap .lat ul{padding: 0; margin-top: 30px;}
.consertWrap .lat li{padding: 0; padding-right: 0; padding-left: 0; line-height: 45px; overflow: hidden; }
.consertWrap .lat li:before{display: none;}
.consertWrap .lat li a{width: 70%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #333; font-size: 18px;}
.consertWrap .lat li a:hover{color:#c80e21; font-weight: bold;}
.consertWrap .lat .lt_date{color: #888; font-size: 18px; float:right; }
.consertWrap .lat .lat_title_area{position: relative;}
.consertWrap .lat .lt_more{top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0;  font-weight: normal; color: #7a838c; font-size: 45px;}
.consertWrap .lat .lt_more .fa{display: none;}
.consertWrap .lat li .new_icon{display: none;}
.consertWrap .lat li .hot_icon { float:left; margin: 4%; }
.consertWrap .lat .lat_title a:after{display: none;}
.consertWrap .lat .empty_li{line-height: 270px; font-size: 18px;}
.contactWrap{background: url(../img/main/bg_img2.png); background-size: cover; background-position: center;}
.contactWrap .inner{padding-bottom: 170px;}
.contactWrap .main_title{padding-bottom: 70px;}
.contactWrap .main_title h2::after{display: none;}
.contactWrap .main_title h2, .contactWrap .main_title h2 span, .contactWrap .main_title p{color: #fff;}
.contactWrap .main_title p{padding-top: 50px;}
.contactWrap .detail{width: 100%; height: 420px;}
.contactWrap .root_daum_roughmap{height: 100%;}
.contactWrap .root_daum_roughmap .wrap_map{height: 100%;}
@media screen and (max-width: 1199px){
    .bannerWrap > div img{width:110px;}   
    .bannerWrap > div h2{font-size: 30px;}
    .bannerWrap > div p{width: 90%; margin: 0 auto; font-size: 18px;}
    .bannerWrap > div > div{top: 20px;}
    .bannerWrap > div > div.square_bracket1{left: 160px;}
    .bannerWrap > div > div.square_bracket2{right: 160px;}
    .inner{width: 100%; padding: 0 20px 60px;} 
    .main_title{padding: 60px 0;}
    .main_title h2{font-size: 42px;}
    .main_title h2::after{width: 1px; height: 24px; margin: 35px auto;}
    .main_title h2 span{margin-right: 15px;}
    .main_title p{width: 100%; font-size: 16px; padding: 0 30px;} 
    .detail > ul li p{font-size: 20px; margin-bottom: 0;}
    .detail > ul li strong{font-size: 26px;} 
    .detail > ul li strong span{font-size: 30px;}
    .detail > ul li, .detail > ul li img{-webkit-transition-duration: 0.3s;transition-duration: 0.3s; -webokit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition: 0.3s; -0-transition-duration: 0.3s;} 
    .aboutWrap .detail > ul li:hover img{-webkit-transition-delay: 0.2s;transition-delay: 0.2s;}
    .coreComWrap{background-size: auto 100%;background-attachment:scroll;}
    .coreComWrap .main_title h2{letter-spacing: -2px;}
    .coreComWrap .detail ul li strong{margin-bottom: 0; font-size: 26px;}
    .coreComWrap .detail ul li p{padding: 0 20px; font-size: 20px;}  
    .portfolioWrap .port_go a{width: 100%; margin-top: 35px;}
    .portfolioWrap .port_go a{font-size: 16px;}
    .contactWrap .inner{padding-bottom: 100px;}
    .contactWrap .main_title{padding-bottom: 50px;}  
}
@media screen and (min-width:481px){
    .portfolioWrap .mainPagewrap{width: 100%; position: relative;}
    .portfolioWrap .latest_wr{display: none;}
    .portfolioWrap .latest_wr2{display: block; width: 100%; height: auto; margin: 0 auto;} 
    .portfolioWrap .pic_lt ul{display: inherit; width: 100%; overflow: hidden; margin-bottom: 32px; padding: 0;}
    .portfolioWrap .pic_lt li{padding: 0; width: 32%;  padding: 0;}
    .portfolioWrap .pic_lt li .lt_img{margin: 0; width: 100%; overflow: hidden;}
    .portfolioWrap .pic_lt li .lt_img:hover img{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2); -webkit-transition-duration: 0.6s; transition-duration: 0.6s; -webokit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -ms-transition: 0.6s; -0-transition-duration: 0.6s;}
}
@media screen and (min-width:481px) and (max-width: 1199px){
    .bannerWrap{height: 800px;}
}
@media screen and (max-width:1024px){
    .consertWrap .latest_wr > div{width: 49%;} 
    .consertWrap .lat .lat_title a{font-size: 20px;}
    .consertWrap .lat .lt_more{font-size: 30px;}
    .consertWrap .lat li a, .consertWrap .lat .lt_date{font-size: 16px;}
    .consertWrap .lat .empty_li{line-height: 270px; font-size: 16px;}
}
@media screen and (max-width:767px){
    .bannerWrap > div{width: 480px;}
    .bannerWrap > div > div.square_bracket1{left: 20px;}
    .bannerWrap > div > div.square_bracket2{right: 20px;}
    .detail > ul{width: 80%; display: inherit;}
    .detail > ul li{width: 100%;}
    .detail > ul li.second{margin: 0;}
    .detail > ul li p{font-size: 20px; margin-bottom: 0;}
    .detail > ul li strong{font-size: 26px;} 
    .detail > ul li strong span{font-size: 30px;}
    .consertWrap .inner{padding-bottom: 80px;}
    .consertWrap .main_title{padding-bottom: 0;} 
    .consertWrap .latest_wr > div{float: left; width: 100%;}
    .consertWrap .latest_wr > div.ing_projects{margin-bottom: 5%;}
    .consertWrap .lat{padding: 40px;}
    .consertWrap .lat .lat_title a{font-size: 20px; line-height: 60px; height: 60px;}
    .consertWrap .lat li{line-height: 50px;}
    .consertWrap .lat li a, .consertWrap .lat .lt_date{font-size: 16px;}
    .consertWrap .lat .empty_li{line-height: 300px; font-size: 16px;}
}
@media screen and (max-width:600px){
    .portfolioWrap .latest_wr{display: block;}
    .portfolioWrap .latest_wr2{display: none;}
    .portfolioWrap .pic_lt .empty_li{height: 200px; line-height: 200px;}
    .portfolioWrap .inner{position: relative;}
    .portfolioWrap .mainPagewrap{width: 100%; position: relative;}
    .portfolioWrap .latest_wr{width: 240px; height: auto; margin: 0 auto;}
    .portfolioWrap{padding-bottom: 60px;}
    .portfolioWrap .port_go a{width: 100%; margin-top: 35px; font-size: 12px; padding: 10px 0;}
}


@media screen and (max-width: 640px) {
	.img_area .slide_txt {/*display:none;*/}
	.con_wrap .img_area button {display:none;}
	.coreComWrap .cover{height:0;}
	.con_wrap .img_area::after {display:none;}
	.con_wrap .img_area.no_slide {padding-bottom:40%;}
	.paging_custom {left:50%; right: inherit; bottom: 2em; transform: translateX(-50%);}
	/*.img_area .swiper-container-horizontal > .swiper-pagination-progressbar {display:none;}*/

	.aboutWrap{margin-top:80px;height:900px;}
	.aboutWrap .main_title{width:100%;top:50%;}
	.aboutWrap .main_title h2{font-size:45px;font-weight:600;}
	.aboutWrap .main_title h3{font-size:20px;letter-spacing:5px;}
	.aboutWrap .main_title p{font-size:15px;line-height:1.7;letter-spacing:-1px;}
	.aboutWrap .view_go{margin-top:35px;}
	.aboutWrap .view_go a{padding:10px 10px;width:30%;}
	.aboutWrap .detail{width:100%;padding:0;}
	.aboutWrap .detail img{height:400px;}
	
	.coreComWrap .copy_area{top:55%;}
	.coreComWrap .copy_area h2{font-size:45px;letter-spacing:0;}
	.coreComWrap .copy_area h3{padding:0;}
	
	.main_videoWrap{height:400px;padding:50px 0;}
	.main_videoWrap iframe{height:100%;}
	.main_videoWrap .jarallax{height:650px;}
	
	.img_area .slide_txt h2{line-height:50px;}
	.img_area .slide_txt h3{word-break:keep-all;}
	
	.view .textbox .stit{font-size:26px;letter-spacing:0.1em;min-height:35px;}
	.view .view_list .btn_box h2 {font-family:'GmarketSans'; font-size:1.3rem; font-weight:500; color:#666;}
	
	.video_box {
    width: 100%;
    height: 0;
    padding-top: 56.25%; /* 가장 중요 */
    position: relative;
	margin-bottom:60px;
}

.video_box iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}


}


@media screen and (min-width:481px) and (max-width:767px){
    .coreComWrap .detail ul{width: 40%; min-width: 320px;}
    .coreComWrap .detail img{margin: 10px auto 20px;}
    .coreComWrap .detail > ul li.second{margin: 20px 0;}
}
@media screen and (max-width: 480px){
    .bannerWrap{height: 700px;}
    .bannerWrap > div{width: 320px;}
    .bannerWrap > div img{width: 63px; height: 42px; margin: 30px auto 20px;}   
    .bannerWrap > div h2{font-size: 20px;}
    .bannerWrap > div p{font-size: 12px;}
    .bannerWrap > div > div{width: 20px; height: 104px;}
    .bannerWrap > div > div.square_bracket1{left: 20px;}
    .bannerWrap > div > div.square_bracket2{right: 20px;}
    .main_title{padding: 40px 0;}
    .main_title h2{font-size: 27px;}
    .main_title h2::after{width: 1px; height: 13px; margin: 20px auto;}
    .main_title h2 span{margin-right: 10px;}
    .main_title p{width: 100%; font-size: 12px; padding: 0 20px;} 
    .detail > ul{width: 240px;}
    .detail > ul li{width: 100%; height: 100px; overflow: hidden;}
    .detail > ul li img{width: 56px; margin: 0px auto 30px;} 
    .detail > ul li p{font-size: 16px;}
    .detail > ul li strong{font-size: 23px; line-height: 1.5; margin: 0 auto; text-align: left; line-height: 1.0;} 
    .detail > ul li strong span{font-size: 35px; color: #223040; display: inline-block; font-weight: bold; margin-right: 10px;} 
    .detail > ul li p, .detail > ul li strong{text-align: left; width: 152px; margin-right: 0px;}
    .aboutWrap .detail > ul li img{float: left;}
    .aboutWrap .detail > ul li p{float: right;}
    .aboutWrap .detail > ul li strong{float: right;} 
    .aboutWrap .detail > ul li strong{text-align: left;}
    .coreComWrap .detail ul li{padding: 40px 0; height: 240px;}
    .coreComWrap .detail > ul li.second{margin: 15px 0;}
    .coreComWrap .detail ul li strong, .coreComWrap .detail ul li p{width: 100%;}
    .coreComWrap .detail ul li strong{margin-bottom: 15px; text-align: center; font-size:23px;}
    .coreComWrap .detail ul li p{font-size: 14px; margin-bottom: 0; text-align: center;} 
    .consertWrap .inner{padding-bottom: 60px;}
    .consertWrap .lat{padding: 30px; min-height: 373px;}
    .consertWrap .lat .lat_title a{font-size: 17px; height: 40px; line-height: 40px;}
    .consertWrap .lat .lt_more{font-size: 20px;}
    .consertWrap .lat li{line-height: 40px;}
    .consertWrap .lat li a, .consertWrap .lat .lt_date{font-size: 14px;}
    .consertWrap .lat .empty_li{line-height: 240px; font-size: 14px;}
    .contactWrap .inner{padding-bottom: 50px;}
    .contactWrap .main_title{padding-bottom: 30px;}
    .contactWrap .detail{height: 220px; overflow: hidden;}  
    .portfolioWrap .pic_lt li .lt_img {height: 220px;}
}
@media screen and (max-width:350px){
    .portfolioWrap .port_go a{font-size: 12px;}
}