@charset "utf-8";

/* Reset */
html,body{min-height:100%}
body{background:#fff;overflow-y:scroll;.overflow-y:none}
body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,fieldset,input,button,textarea,select,address{margin:0;padding:0}
body,table,input,textarea,select,button{font-family:NBG,나눔바른고딕,나눔고딕,NG,NanumGothic,돋움,Dotum,Tahoma,Geneva,sans-serif;font-size:12px;color:#444}
header,footer,section,article,nav,aside,figure,figcaption{display:block}
ul,ol,dl{list-style:none}
a{color:#666;text-decoration:none}
img{border:0}
hr{display:none}
.content,article{outline:0}
.header img, .lnb img, .footer img,.front .content img,.contentTitle img,.sidebar img{display:block}

/* Skip to Content Button */
.skipToContent{display:block;width:120px;z-index:1;position:absolute;left:50%;top:10px;margin:0 0 0 -60px}
.skipToContent a{display:block;height:1px;overflow:hidden;text-indent:-1000px;cursor:default}
.skipToContent a:focus,.skipToContent a:active{height:12px;text-align:center;text-indent:0;padding:7px 0;background:#666;color:#fff;border-radius:15px}

/* IE6 PNG bug fix */
.png24{tmp:expression(setPng24(this))}

/* for Screen Reader */
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}

/* Layout */
body{}
.wrap{width:100%;position:relative;min-width:1200px}
.header{width:100%;min-width:1200px;height:90px;position:fixed;left:0;top:0;background-color:rgba(0, 0, 0, 0.7);margin:0;z-index:100}
.headerWrap{width:1200px;height:90px;margin:0 auto;position:relative}
.subVisual{width:100%}
.body{width:100%;min-width:1200px;padding:0 0 30px 0}
.body.front{padding:0}
.body:after{content:"";display:block;clear:both}
.content{width:100%;float:none;min-height:auto}
.lnb{padding:0}
.footer{padding:35px 0;border-top:2px solid #fff;position:relative;background:#474747;min-width:1200px}



/* Header */

.header h1{width:210px;height:63px;position:absolute;left:45px;top:15px}
.header h1 a{display:block;overflow:hidden}
.utilmenu{position:absolute;right:0;top:12px}

.gnb{position:absolute;left:560px;top:40px;font-family:NBG;font-weight:600}
#gnb{zoom:1}
#gnb:after{content:"";display:block;clear:both}
#gnb > li{float:left;padding:0 34px}
#gnb li a{display:block;font-size:19px;color:#fff;font-weight:500}
#gnb li.active a{color:#7d9d22}
#gnb li a:hover{color:#7d9d22}



/* Contents */
.contentBody{}


/* Footer */
.copyright{font-size:14px;color:#fff;text-align:center;line-height:24px}

/* Main Contents */

.mainVisual{height:780px;background:#000;position:relative;margin:0 0 70px 0}
.slider {width: 100%;height:780px}
.slick-slide {width: 100%;height:780px;}
.slick-prev:before,
.slick-next:before {color: black;}
.slider > div {position: relative;width: 100%;height: 780px;}
.slider > div img{position:absolute;left:50%;top:50%;margin:-158px 0 0 -315px}
.slider .slick-prev{background:url(../images/btn/cv_arrow_l.png) no-repeat 0 0;width:30px;height:60px}
.slider .slick-next{background:url(../images/btn/cv_arrow_r.png) no-repeat 0 0;width:30px;height:60px}
.slider .slide1, .slider .slide2, .slider .slide3, .slider .slide4, .slider .slide5{height: 780px} 

.txt_mv{position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);width:100%}
.txt_mv span{color:#fff;text-align:center;display:block}
.txt_mv .line1{width:120px;border-bottom:2px solid #fff;margin:0 auto}
.txt_mv .line2{border-bottom:1px solid #fff;margin:0 auto}
.txt_mv .txt1{font-size:80px;letter-spacing:8px;text-shadow:3px 3px 6px #000;margin:40px 0 20px 0}
.txt_mv .txt2{font-size:25px;letter-spacing:1px;text-shadow:2px 2px 3px #222;margin:0 0 18px 0;line-height:35px}
.txt_mv .txt3{font-size:18px;letter-spacing:1px;text-shadow:2px 2px 3px #222;margin:18px 0 0 0;line-height:30px}

/* 영문일때 */
.slider.slider_eng .txt_mv .txt2{font-size:23px;letter-spacing:0px}
.slider.slider_eng .txt_mv .txt3{font-size:17px;letter-spacing:0px}



/* 2022-10월 업데이트 이전 버전*/
/*
.portfolioWrap{width:1200px;margin:0 auto}
.portfolio h2{display:block;text-align:center;font-size:45px;font-weight:normal;color:#000;margin:0 0 50px 0}
.portfolio ul{margin:0 0 50px 0;padding:0 20px}
.portfolio ul:after{content:"";display:block;clear:both}
.portfolio ul li{position:relative;float:left;width:365px;margin:0 32px 50px 0}
*/
/* .portfolio ul li.third{margin:0} */
/* IE8 이하에서는 작동되지 않아 jquery로 처리 (default.js) */
/*
.portfolio ul li:nth-child(3n){margin:0}
.portfolio ul li a{display:block;width:365px;height:255px}
.portfolio ul li a img{width:365px;height:255px}
.portfolio ul li span{display:block;position:absolute;left:0;bottom:0;width:365px;padding:20px 0;text-align:center;font-size:17px;color:#fff;background-color:rgba(0, 0, 0, 0.7)}

.siteLink{background:#f3f3f3;height:410px}
.siteLinkWrap{width:1200px;margin:0 auto}
.siteLink h2{display:block;padding:70px 0 0 0;background:url(../images/bg/bg_siteLink.gif) repeat-x 0 90px;margin:0 0 50px 0}
.siteLink h2 span{display:block;margin:0 auto;text-align:center;color:#000;width:210px;background:#f3f3f3;font-size:37px;font-weight:normal}
.siteLink ul{}
.siteLink ul:after{content:"";display:block;clear:both}
.siteLink ul li{float:left;width:204px;margin:0 45px 0 0}
.siteLink ul li.last{margin:0}
.siteLink ul li img{border:1px solid #444}
.siteLink ul li span{display:block;text-align:center;font-size:18px;color:#000;font-weight:600;margin:15px 0 0 0;font-family:NBG}
*/
/* 여기까지*/


.portfolio{margin:75px 0 80px 0}
.portfolio h2{display:block;text-align:center;font-size:45px;font-weight:normal;color:#000;margin:0 0 50px 0}
.portfolioWrap2{position:relative;width:1200px;margin:0 auto}
.portfolioWrap2 .tabs{padding:0;margin:0 0 20px 0;display:flex;align-items:center}
.portfolioWrap2 .tabs li{padding:15px 0;width:25%;background:#000;color:#fff;border-right:1px solid #fff;box-sizing:border-box;text-align:center;font-size:16px;margin:0 0 1px 0}
.portfolioWrap2 .tabs li.on{cursor: pointer;background:#7d9d22}
.portfolioWrap2 .tabs li:hover{cursor: pointer;background:#7d9d22}
.portfolioWrap2 .tab_cont{display:none}
.portfolioWrap2 .tab_cont.on{display:block}
.portfolioWrap2 .tab_cont ul{margin:0 0 50px 0;padding:0 20px}
.portfolioWrap2 .tab_cont ul:after{content:"";display:block;clear:both}
.portfolioWrap2 .tab_cont ul li{position:relative;float:left;width:365px;margin:0 32px 50px 0}
/* .portfolio ul li.third{margin:0} */
/* IE8 이하에서는 작동되지 않아 jquery로 처리 (default.js) */
.portfolioWrap2 .tab_cont ul li:nth-child(3n){margin:0}
.portfolioWrap2 .tab_cont ul li a{display:block;width:365px;height:255px}
.portfolioWrap2 .tab_cont ul li a img{width:365px;height:255px}
.portfolioWrap2 .tab_cont ul li span{display:block;position:absolute;left:0;bottom:0;width:365px;padding:20px 0;text-align:center;font-size:17px;color:#fff;background-color:rgba(0, 0, 0, 0.7)}


.siteLink2{background:#f3f3f3;height:320px}
.siteLinkWrap{width:1200px;margin:0 auto}
.siteLink2 h2{display:block;padding:80px 0 0 0;background:url(../images/bg/bg_siteLink.gif) repeat-x 0 90px;margin:0 0 50px 0}
.siteLink2 h2 span{display:block;margin:0 auto;text-align:center;color:#000;width:210px;background:#f3f3f3;font-size:37px;font-weight:normal}
.siteLink2 ul{display:flex;justify-content : space-around}
.siteLink2 ul li{border:1px solid #000;background:#fff;}
.siteLink2 ul.link3 li{width:295px}
.siteLink2 ul.link4 li{width:269px}
.siteLink2 ul.link5 li{width:228px}
.siteLink2 ul li a{display:block;padding:10px 0;text-align:center}
.front .siteLink2 ul li a img{display:inline-block;margin:0 10px 0 0}
.siteLink2 ul li span{text-align:center;vertical-align:middle;font-size:18px;color:#000;font-weight:600;font-family:NBG}

.location{height:600px;background:#000 url(../images/bg/bg_location.jpg) no-repeat center 0;padding:70px 0 0 0}
.locationWrap{width:1200px;margin:0 auto}
.locationWrap > div{padding:0 20px;box-sizing:border-box}
.locationWrap > div:after{content:"";display:block;clear:both}
.locationWrap > div .about{float:left;background:url(../images/bg/bg_about.gif) no-repeat 0 0;padding:25px 0 0 0}
.locationWrap > div .about p{font-size:18px;color:#fff;line-height:35px;width:450px}
.locationWrap > div .about p span{display:block;font-size:32px;margin:10px 0 27px 0}
.locationWrap > div .map{width:650px;height:383px;float:right}
.location .locationInfo{width:1200px;border-top:1px solid #fff;margin:30px 0 0 0;padding:27px 20px 0 20px;box-sizing:border_box}
.location .locationInfo div{float:left}
.location .locationInfo div.w500{width:500px}
.location .locationInfo div.w650{width:650px}
.location .locationInfo p{font-size:16px;color:#fff;margin:0 0 10px 0;line-height:22px}
.location .locationInfo p span{display:inline-block;width:70px;background-color:rgba(255, 255, 255, 0.9);color:#000;text-align:center;font-weight:600;border-radius:12px;padding:3px 0 2px 0;margin:0 13px 0 0}
/* 영문일때 */
.location.eng {padding:50px 0 0 0;height:580px}
.location.eng .about {padding:20px 0 0 0}
.location.eng .locationWrap > div .about p{width:490px;font-size:16px;line-height:32px}
.location.eng .locationWrap > div .about p span{margin:10px 0 20px 0}
.location .locationInfo.eng_address div.w550{width:560px}
.location .locationInfo.eng_address div.w650{width:600px}
.location .locationInfo.eng_address p{font-size:14px;}
.location .locationInfo.eng_address p span{width:140px;font-size:13px}



/* 서브 스타일 */

.subVisual{width:100%;height:480px;background:url(../images/mv/sv.jpg) no-repeat center 0}
.s_about{width:100%;padding:80px 0}
.aboutWrap{width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box}
.aboutWrap h2{display:block;text-align:center;font-size:45px;font-weight:normal;color:#000;margin:0 0 50px 0}
.aboutWrap p{font-size:17px;line-height:32px}
.aboutWrap ul li{font-size:17px;line-height:37px;white-space:pre}

.s_about2{background:url(../images/bg/bg_planning.jpg) no-repeat center -50px;padding:70px 20px;box-sizing:border-box}
.s_about2 ul{width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box}
.s_about2 ul li{font-size:17px;line-height:40px;white-space:pre-wrap;color:#fff}

.history{position:relative;width:1200px;margin:0 auto;padding:50px 0}
.history:after{content:"";display:block;clear:both}
.history h2{display:block;text-align:center;font-size:45px;font-weight:normal;color:#000;margin:0 0 50px 0;letter-spacing:0.1em}
.history .historyYear{float:left;width:252px;margin:0 0 0 20px}
.history .historyYear > ul > li{width:240px;background:#fff;border:1px solid #ccc;box-sizing:border-box;margin:-1px 0 0 0}
.history .historyYear > ul > li a{display:block;color:#888;font-size:16px;padding:10px 0;text-align:center}
.history .historyYear > ul > li.active a{color:#9bd44d;font-size:17px;width:252px;background:url(../images/bg/bg_history.gif) no-repeat 0 0;text-indent:-13px;font-weight:bold;padding:15px 0}
.history .historyYear > ul > li.active a:hover{color:#9bd44d;font-size:17px;width:252px;background:url(../images/bg/bg_history.gif) no-repeat 0 0;text-indent:-13px;font-weight:bold;padding:15px 0}
.history .historyYear > ul > li a:hover{background:#f2f2f2;font-weight:bold}
/* .history .historyCont{float:right;width:74%;}
.history .historyCont ul li{font-size:16px;margin:0 0 12px 0;padding:0 0 12px 0;border-bottom:1px dashed #e2e2e2}
.history .historyCont ul li span.area{display:inline-block;background:#ddd;color:#333;padding:6px 15px;border-radius:4px;font-size:16px;margin:0 15px 0 0}
.history .historyCont ul li span.area{display:inline-block;width:250px;background:#e4e4e4;color:#333;padding:8px 15px;border-radius:4px;font-size:16px;margin:0 25px 0 0;text-align:center;} */
.history .historyYear > ul > li.active .historyCont{display:block}
.history .historyCont{position:absolute;left:320px;top:155px;width:850px;display:none}
.history .historyCont ul li{font-size:16px;margin:0 0 12px 0;padding:0 0 12px 0;border-bottom:1px dashed #e2e2e2}
.history .historyCont ul li span.area{display:inline-block;background:#ddd;color:#333;padding:6px 15px;border-radius:4px;font-size:16px;margin:0 15px 0 0}
.history .historyCont ul li span.area{display:inline-block;width:250px;background:#e4e4e4;color:#333;padding:8px 15px;border-radius:4px;font-size:16px;margin:0 25px 0 0;text-align:center;}



.design{width:100%;height:400px;background:url(../images/bg/bg_planning.jpg) no-repeat center 0;padding:70px 0;color:#fff}
.designWrap{width:1200px;margin:0 auto}
.designWrap h2{display:block;text-align:center;font-size:45px;font-weight:normal;margin:0 0 40px 0;letter-spacing:0.1em}
.designWrap .designBox{float:left;width:33%;padding:3%;box-sizing:border-box}
.designWrap .designBox h3{font-size:25px;margin:0 0 30px 0;padding:0 0 20px 0;font-weight:600;border-bottom:1px solid #fff}
.designWrap .designBox span{display:block;font-size:20px;margin:0 0 35px 0}
.designWrap .designBox ul li{font-size:17px;margin:0 0 15px 0;opacity:0.8}

.eng_disign{height:470px}
.eng_disign .designWrap h2{margin:0 0 30px 0}
.eng_disign .designWrap .designBox h3{height:58px}