@import url("common.css");

.martop{ position:relative; width:100%; overflow: hidden; margin:0 auto; padding-top:128px;} /*   background:url('../../img/vimg.png') 1083px 186px no-repeat; */



#visual2{position:relative; width:100%; height:860px;  z-index:1; margin:0 auto; background:url('../../img/visual_background.jpg') center no-repeat; background-size:cover; }
#visual2:after{content: "";display: block; clear: both;}
.martop .visual_tit{padding-top: 114px; width: 1170px;top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0 auto; position: absolute;  z-index: 5; color:#fff}
.martop .visual_tit .vis_t1{position: relative; margin-bottom:6px; letter-spacing:-0.5pt; line-height:30px; font-family: 'Gmarket Sans', sans-serif; font-size:24px; font-weight:700;}
.martop .visual_tit .vis_t1 span{position: relative; font-family: inherit;}
.martop .visual_tit .vis_t1 span:after{position: absolute; right: 0; bottom:0px; z-index: -1; display:block; height:7px; width:100%; background:rgba(190,157,109,0.5); content:'';}
.martop .visual_tit .vis_t2{letter-spacing:-0.5pt; line-height:30px; font-family: 'Gmarket Sans', sans-serif; font-size:24px; font-weight:700;}
.martop .visual_tit .vis_t3{margin:30px 0 30px 0; line-height:80px; letter-spacing:-3pt; font-family: 'Gmarket Sans', sans-serif; font-size:70px; font-weight:700; }
.martop .visual_tit .vis_t3 span{font-family: inherit; color:#be9d6d}
.martop .visual_tit .vis_t4{font-size:18px; letter-spacing:-0.5pt; line-height:30px; margin-bottom:5px;}
.martop .visual_tit .vis_t4 span{font-weight:700}
.martop .visual_tit .vis_t5{font-size:18px; letter-spacing:-0.5pt; line-height:30px}
.martop .visual_tit .vis_t6{font-family: 'Gmarket Sans', sans-serif; font-size:50px; font-weight:500; margin-top:40px;}
.martop .visual_tit .vis_t7{font-family: 'Gmarket Sans', sans-serif; font-weight:700; font-size:80px; line-height:100%;}


#visual2 .visual_in {height:860px;}
#visual2 .slick-list {height:860px; }
#visual2 .roll{height:860px; }
#visual2 .duc_img{position: absolute; margin-right: -647px; top: 50%;  transform: translateY(-50%); right: 50%;}



#visual{ position:relative; width:100%;  z-index:1; margin:0 auto }
#visual:after{content: "";display: block; clear: both;}
	#visual .visual_in {position:relative; width:100%; height:100%; } /**/
		#visual .visual_in .roll{position:Relative; width:100%; height:100%; overflow:hidden;}
		#visual .visual_in .img_in{position:relative; overflow: hidden;}
		#visual .visual_in .img {display: block; height:600px; background-repeat: no-repeat; background-color:#f0f1f3;
	background-size: cover; background-position: 50% 0;  border:0;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1); }
#visual .visual_in .action .img {transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); }
#visual .visual_in .img{background:url("../../img/v_bg.jpg"), #f0f1f3; }


#visual .duc_img{position: absolute; margin-right: -585px; position: absolute; z-index: 2; top: 50%; transform: translateY(-50%); right: 50%;}
#visual .duc_img2{position: absolute; margin-right: -585px; position: absolute; z-index: 2;  bottom:0; right: 50%;}
#visual .visual_tit{width:1170px; top: 50%; left: 50%; transform: translate(-50%, -50%);  margin:0 auto; position: absolute; z-index: 1;}
#visual .visual_txin{padding-top:120px; padding-bottom:70px; position: relative;}
#visual .visual_tit h2{color:#333; font-weight:300; letter-spacing:-3pt; font-size:42px; line-height:50px; margin-bottom:30px;}	
#visual .visual_tit h2 span{font-weight:700;  line-height:50px;}
#visual .visual_tit .vtit{font-size:18px; color:#777; line-height:26px; font-weight:300; letter-spacing:-0.5pt; margin-bottom:40px}
#visual .btnbox a{font-weight:400; letter-spacing:-0.5pt; margin-right:5px; border-radius:5px; padding: 0 30px; background:#be9d6d; box-sizing:border-box; border:1px solid #be9d6d; color:#fff; font-size:17px; line-height: 65px; height: 65px;display: inline-block; transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
#visual .btnbox a:hover{color:#be9d6d; background:#fff;}
#visual .btnbox a:last-child{margin-right:0}


#visual .visual_in .roll .fadeActive{opacity:0; transform:translateY(40px);}
#visual .visual_in .roll .fadeActive2{opacity:0; transform:translateY(40px);}
#visual .visual_in .roll .fadeActive3{opacity:0; transform:translateY(40px);}
#visual .visual_in .roll .fadeActive4{opacity:0; transform:translateY(40px);}
#visual .visual_in .roll .fadeActive5{opacity:0; transform:translateY(40px);}
	
#visual .visual_in .roll.action .fadeActive{opacity:1;transform:translateY(0);transition:all 1.0s ;}
#visual .visual_in .roll.action .fadeActive2{opacity:1;transform:translateY(0);transition:all 1.0s 0.2s;}
#visual .visual_in .roll.action .fadeActive3{opacity:1;transform:translateY(0);transition:all 1.0s 0.4s;}
#visual .visual_in .roll.action .fadeActive4{opacity:1;transform:translateY(0);transition:all 1.0s 0.6s;}
#visual .visual_in .roll.action .fadeActive5{opacity:1;transform:translateY(0);transition:all 1.0s 0.8s;}

#visual .visual_in .roll .duc_img img{animation: updown 3s ease-out infinite; animation-delay:0.7s;}

@keyframes updown {
	0% {transform:translateY(0);}
	50% {transform:translateY(3%);}
	100% {transform:translateY(0);}
}




.slick-slider{    min-height: 1px;position: relative;display: block;box-sizing: border-box;
		-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;
			touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden; margin:0;padding: 0;  }
.slick-slide{display: none;float: left; }
.slick-initialized .slick-slide{display: block;}



#visual .slick-arrow {position:absolute;  z-index:10 !important; border-radius:100%; box-sizing:border-box; font-size:0; width:19px; height:38px;
background-color:transparent; background-repeat:no-repeat; outline:none; cursor:pointer; z-index:100; border:none; 
background:url('../../img/arrow_l.png') center no-repeat; opacity:0.5; transition: all 0.3s ease-out; transform: translate(-50%, -50%); top:50%;} 
#visual .slick-prev {left:5%; }
#visual .slick-next {right:5%;  background:url('../../img/arrow_r.png') center no-repeat; }
#visual .slick-arrow:hover { border-color:#00467f; transition: all 0.3s ease-out;}
#visual .slick-prev:hover{opacity:1;}
#visual .slick-next:hover{opacity:1;}


.telbox{box-sizing: border-box; position: absolute; color:#fff; padding:40px 100px 40px 0; background:#be9d6d;  bottom:0px;  z-index:1;  left: 0; width:50%; height:180px; display: flex;justify-content: flex-end;-ms-flex-pack: end;}
.telbox .tel_in{position: relative;  }
.telbox .tel_t{font-size:32px; font-weight:700; font-family: 'Poppins', sans-serif; background:url('../../img/tel.png') left center no-repeat; padding-left:25px; line-height:100%; margin-bottom:20px;}

.main-scroll{width:1170px; margin:0 auto; position: relative;}
.main-scroll .in{position: absolute; right:-41px; z-index:2; top:166px;}
.main-scroll a{transform: rotate(-90deg); display:block; color:#333; font-family: 'Poppins', sans-serif; font-weight:700; line-height:100%; font-size:13px; }
.main-scroll .line{width:1px; height:100px; background:#ddd;  margin: 60px auto 0 auto; }
.main-scroll .line:before {border-radius:50px; display:block; content:""; width:10px; height:10px; background:#be9d6d;  position:absolute; bottom:-5px; left:50%; transform:translate(-50%, 0); animation: down_ani 2s ease-in-out infinite;}

@keyframes down_ani {          
       0% {bottom:100px;} 
	   50% {bottom:-5px;}  
       100% {bottom:100px;} 
}




/* °øÅë */
.main_tit{font-size:18px; font-weight:500; line-height:100%; letter-spacing:-0.3pt; margin-bottom:10px;}
.main_tit2{font-size:26px; font-weight:700; line-height:100%; color:#333; letter-spacing:-1pt;}
.main_txt{font-size:14px;  font-family: 'Poppins', 'Noto Sans KR', sans-serif; }
h3.main_title{font-weight:700; font-family: 'Poppins', 'Noto Sans KR', sans-serif; color:#333; font-size:48px;line-height:100%; margin-bottom:29px;}
.main_stxt{font-size:18px; color:#777; line-height:28px; letter-spacing:-0.5pt;}
.eng_t{font-size:17px; color:#777; font-family: 'Poppins', sans-serif; font-weight:400; line-height:100%; letter-spacing:0.3pt;}


/* ½Ã°ø»ç·Ê */
#example_wrap{position: relative; overflow: hidden;  width:1170px; padding-top:120px; margin:0 auto 180px auto;}
#example_wrap h3.main_title{text-align:center; letter-spacing:-3pt}
#example_wrap .main_stxt{text-align:center;}
#example_wrap ul{position: relative; margin-top:60px}
#example_wrap li{padding:20px 0; position: relative; text-align:center; float:left; width:390px; border-right:1px solid #ddd; box-sizing:border-box;}
#example_wrap li:last-child{border-right:none}
#example_wrap li .icon{position: relative; height:119px; width:144px; display:block; margin:0 auto; transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
#example_wrap li.one .icon{background:url('../../img/exicon_01.png') center no-repeat;}
#example_wrap li.one .icon:after{position: absolute;z-index: -1; left: -10px; width:35px; height:35px; display:block; background:rgba(190,157,109,0.5); content:''; border-radius:35px;}
#example_wrap li.one:hover .icon{background:url('../../img/exicon_01_over.png') center no-repeat;}
#example_wrap li.two .icon{background:url('../../img/ex_icon02.png') center no-repeat;}
#example_wrap li.two .icon:after{position: absolute;z-index: -1; left: -10px; bottom:-10px; width:35px; height:35px; display:block; background:rgba(190,157,109,0.5); content:''; border-radius:35px;}
#example_wrap li.two:hover .icon{background:url('../../img/ex_icon02_over.png') center no-repeat;}
#example_wrap li.three .icon{background:url('../../img/ex_icon03.png') center no-repeat;}
#example_wrap li.three .icon:after{position: absolute;z-index: -1; top:35px; right:-15px; width:35px; height:35px; display:block; background:rgba(190,157,109,0.5); content:''; border-radius:35px;}
#example_wrap li.three:hover .icon{background:url('../../img/ex_icon03_over.png') center no-repeat;}
#example_wrap li .tbox{margin-top:33px;}
#example_wrap li p{color:#333; font-size:18px; font-weight:500; line-height:100%; letter-spacing:-0.7pt; margin-bottom:15px; }
#example_wrap li span{display: inline-block; position: relative;color:#777; letter-spacing:-0.5pt; line-height:100%; transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
#example_wrap li span:after{width:100%; height:1px; background:#777; display:block; content:''; margin-top:5px; transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
#example_wrap li:hover span{color:#be9d6d;}
#example_wrap li:hover span:after{background:#be9d6d;}



/* Our Information */
#information_wrap{position: relative; overflow: hidden;  width:1170px; padding-top:180px; margin:0 auto 180px auto; }
#information_wrap .inwp{position: relative; overflow: hidden; float:left; width:540px;}
#information_wrap .inwp2{position: relative; overflow: hidden; float:right; width:540px; }
#information_wrap .ifbox{position: relative;}
#information_wrap .ifbox.one{margin-top:70px; }
#information_wrap .ifbox.three{ margin-top:40px;}
#information_wrap .ifbox .pic{ overflow: hidden; position: relative;}
#information_wrap .ifbox .pic img{transition: all .3s linear;}
#information_wrap .ifbox:hover .pic img{transform:scale(1.1);}
#information_wrap .ifbox .icon{box-shadow:5px 5px 30px rgba(0,0,0,0.2); width:100px; height:100px;  border-radius: 100%; position: absolute; top: -77px; right:30px; transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
#information_wrap .ifbox.one .icon{background:url('../../img/main_icon01.png') center no-repeat, #333;}
#information_wrap .ifbox.two .icon{background:url('../../img/main_icon02.png') center no-repeat, #333;}
#information_wrap .ifbox.three .icon{background:url('../../img/main_icon03.png') center no-repeat, #333;}
#information_wrap .ifbox.one:hover .icon{background:url('../../img/main_icon01.png') center no-repeat, #be9d6d;}
#information_wrap .ifbox.two:hover .icon{background:url('../../img/main_icon02.png') center no-repeat, #be9d6d;}
#information_wrap .ifbox.three:hover .icon{background:url('../../img/main_icon03.png') center no-repeat, #be9d6d;}
#information_wrap .ifbox .tbox{position: relative;}
#information_wrap .main_tit2{margin-top:27px;}
#information_wrap .eng_t{margin-top:20px;}




/* The Good Company */
#company_wrap{position: relative; overflow: hidden; background:url('../../img/main_bg01.jpg') center no-repeat; background-size:cover;}
#company_wrap .in{width:1170px; margin:180px auto; }
#company_wrap h3.main_title{color:#fff; text-align:center; margin-bottom:35px}
#company_wrap .main_stxt{text-align:center; color:#fff; font-size:16px; line-height:24px; letter-spacing:-0.3pt;}

.main_btn{border-bottom:1px solid #fff; box-sizing:border-box; padding:22px 0; position: relative; font-family: 'Poppins', sans-serif;  font-weight:400; color:#fff; font-size:15px; line-height:100%; width:170px;  margin:95px auto 0 auto;  display:block; transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.main_btn:before{position: absolute; right: 0; top: 24px; width:10px; height:10px; display:block; background:url('../../img/plus.png') center no-repeat; content:'';transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
.main_btn:hover{background:#be9d6d ; padding:22px 18px; color:#fff; border-bottom:1px solid #be9d6d }
.main_btn:hover:before{right:18px;}




/* Ç÷§Æû */
#platform_wrap{position: relative;}
#platform_wrap .in{position: relative; width:1170px; margin:180px auto; text-align: center;}
#platform_wrap h3.main_title{font-size:44px; text-align:center; letter-spacing:-3pt }
#platform_wrap .main_stxt{text-align:center; letter-spacing:-0.3pt; margin-bottom:50px}
#platform_wrap .num_list{position: relative; margin-bottom:50px;}
#platform_wrap .num_list > div{display:inline-block; letter-spacing:-0.5pt; font-size: 18px; color: #777; margin-right:30px}
#platform_wrap .num_list div:last-child{margin-right:0}
#platform_wrap .num_list span{margin-right: 9px; border-radius:35px; width:35px; height:35px; line-height:35px; background:#be9d6d; color:#fff; display:inline-block; font-family: 'Poppins', sans-serif; font-size:15px; font-weight:700; }

#platform_wrap .roll{position: relative; width:1170px; height:500px; margin-top:50px;}
#platform_wrap .roll .bg{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; 
	background-size: cover; background-position: 50% 0;  border:0;
	}
#platform_wrap .roll.one .bg{background-image:url('../../img/main_roll1.jpg');}
#platform_wrap .roll.two .bg{background-image:url('../../img/main_roll2.jpg');}
#platform_wrap .roll.three .bg{background-image:url('../../img/main_roll3.jpg');}
#platform_wrap .text_box{position: absolute;top: 0; height: 500px; background:rgba(0,0,0,0.8); width:585px; box-sizing:border-box}
#platform_wrap .text_box .pltit{font-size:30px; font-weight:700; color:#be9d6d; line-height:100%; letter-spacing:-1pt; margin-bottom:25px; text-align: left;}
#platform_wrap .dot_list{position: relative; overflow: hidden;}
#platform_wrap .dot_list li{text-align: left; position: relative; color:#fff; line-height:22px;  letter-spacing:-0.35pt; margin-bottom:5px; padding-left:10px; word-break:keep-all;}
#platform_wrap .dot_list li:last-child{margin-bottom:0}
#platform_wrap .dot_list li:before{position: absolute; left: 0; top: 10px; width:3px; height:3px; background:#fff; display:block; content:''; }
#platform_wrap .abs{position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%); width:80%;}

#platform_wrap .slick-arrow {position:absolute;  top: 50%; transform: translateY(-50%); z-index:9; box-sizing:border-box; font-size:0; border:none; width:19px; height:38px; background-color:transparent;
background-repeat:no-repeat; outline:none; cursor:pointer; z-index:100; background:url('../../img/arrow_l.png') center no-repeat; opacity:1; transition: all 0.3s ease-out;} 
	#platform_wrap .slick-prev {left:-80px;}
	#platform_wrap .slick-next {right:-80px; background:url('../../img/arrow_r.png') center no-repeat; }
	#platform_wrap .slick-arrow:hover { border-color:#00467f; transition: all 0.3s ease-out;}


#platform_wrap .slick-dots {position:absolute; bottom:-40px; left:50%; transform:translate(-50%, 0); z-index:10; box-sizing:border-box; text-align:center}
	#platform_wrap .slick-dots li{cursor:pointer; font-size:0; margin:0 8px; padding:0; display:inline-block; vertical-align:middle; width:auto; height:auto;}
	#platform_wrap .slick-dots li button{cursor:pointer; font-size:0; margin:0; padding:0; border:none; position:relative; background:rgba(0,0,0,0.3); border-radius:20px; width:7px; height:7px }
	#platform_wrap .slick-dots li.slick-active button {background:#be9d6d; width:11px; height:11px}


#platform_wrap .as_pop {position: relative; text-align:center; color:#333; letter-spacing:-0.5pt; line-height:1; transition: all 0.3s ease-out;}  /* position:absolute; left:50%; transform:translateX(-50%); bottom:-100px;  */
#platform_wrap .as_pop:before {content:''; width:100%; height:1px; background:#333; position:Absolute; bottom:-4px; left:0; transition: all 0.3s ease-out;}
#platform_wrap .as_pop:after {content:''; width:15px; height:15px; background:url('../../img/as_icon.png') center no-repeat; position:absolute; top:2px; left:-20px; transition: all 0.3s ease-out;}

#platform_wrap .as_pop:hover {color:#be9d6d; transition: all 0.3s ease-out; margin-left:5px;}
#platform_wrap .as_pop:hover:before {background:#be9d6d; transition: all 0.3s ease-out;}
#platform_wrap .as_pop:hover:after {background:url('../../img/as_icon_up.png') center no-repeat; transition: all 0.3s ease-out; left:-25px;}



/**** AS Æ˾÷ ****/
#modal {position:fixed; top:40%; left:50%; transform:translate(-50%,-50%); max-width:620px; background:#fff; max-height:730px; visibility:hidden; opacity:0; z-index:99999999; transition: all 0.4s ease-out;}
#modal.view {visibility:visible; opacity:1; top:50%; transition: all 0.4s ease-out;}

#modal .in {padding:40px; box-sizing:border-box;}
#modal .in .close_btn {position:absolute; top:40px; right:40px; width:20px; height:20px;}
#modal .in .close_btn p{position:absolute; left:0; top:2px; display:inline-block; width:20px; height:2px; background:#adadad; margin:7px 0; transform: rotate(-45deg); transition: all 0.3s ease-out;}
#modal .in .close_btn p.two{transform: rotate(45deg); transition: all 0.3s ease-out;}
#modal .in .close_btn:hover p{transform: rotate(45deg); transition: all 0.3s ease-out;}
#modal .in .close_btn:hover p.two{transform: rotate(-45deg); transition: all 0.3s ease-out;}

#modal .in .pop_tit {font-size:20px; font-weight:bold; color:#333; letter-spacing:-0.7pt; line-height:1;}

#modal .scroll_cont {margin-top:40px; height:490px; /* padding-right:30px; */ box-sizing:border-box; overflow:hidden;}
		#modal .scroll_cont .mCSB_scrollTools .mCSB_draggerRail {width:4px !important; background:#e8e8e8 !important; border-radius:10px !important;}
		#modal .scroll_cont .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {border-radius:10px !important; background:#333 !important;}

#modal .scroll_cont h4 {font-size:17px; color:#333; letter-spacing:-0.7pt; line-height:1; font-weight:bold; margin:45px 0 15px;}
#modal .scroll_cont p {line-height:26px; color:#777; letter-spacing:-0.5pt; margin:0 0 27px; word-break: keep-all;}
#modal .scroll_cont dl {margin:0 0 30px;}
		#modal .scroll_cont dl dt {font-weight:500; color:#333; letter-spacing:-0.5pt; line-height:20px; margin:0 0 10px;}
		#modal .scroll_cont dl dt i {font-family: 'Poppins', sans-serif; display:inline-block; width:20px; height:20px; background:#be9d6d; color:#fff; font-size:13px; font-weight:bold; text-align:center; font-style:normal; margin-right:7px;}
		#modal .scroll_cont dl dd {color:#777; letter-spacing:-0.5pt; line-height:26px; word-break: keep-all;}
#modal .okBtn {display:block; width:100%; line-height:50px; background:#333; color:#fff; text-align:center; font-weight:bold; letter-spacing:-0.5pt; margin:40px 0 0; transition: all 0.3s ease-out;}
#modal .okBtn:hover {background:#be9d6d; transition: all 0.3s ease-out;}
/**** AS Æ˾÷ ****/



/* ¿À½Ã´Â±æ */
#location_wrap{background:#f0f1f3;}
#location_wrap .main_title{text-align:center;}
#location_wrap .main_stxt{text-align:center; margin-bottom:50px}
#location_wrap .in{padding:130px 0; width:1170px; margin:0 auto}
		#location_wrap {padding:0 55px; box-sizing:border-box; width:100%;}
		#location_wrap .contact{box-sizing:border-box; width:100%; margin:0 0 30px; text-align:center;}
		#location_wrap dl {display:inline-block; font-size:0; margin-right:23px; text-align:left;}
		#location_wrap dl:last-child {margin-right:0;}
		#location_wrap dl dt {displaY:inline-block; width:80px; height:80px; background:#fff; border-radius:100%; border:1px solid #dedede; box-sizing:border-box; vertical-align:middle;}
		#location_wrap dl dt img {position:relative; top:50%; left:50%; transform:translate(-50%,-50%);}
		#location_wrap dl dd {display:inline-block; padding-left:15px; vertical-align:middle;}
		#location_wrap dl dd h4 {font-size:18px; color:#333; letter-spacing:-0.7pt; font-weight:500; line-height:1; margin:0 0 10px;}
		#location_wrap dl dd p {font-size:16px; color:#777; letter-spacing:-0.5pt; line-height:1;}

		.root_daum_roughmap .wrap_controllers {display:none;}


/* Æó±â¹° */
#wastes_wrap{position: relative; overflow: hidden; background:url('../../img/main_bg02.jpg') center no-repeat; background-size: cover;}
#wastes_wrap .in{position: relative; overflow: hidden;  width:1170px; margin:180px auto}
#wastes_wrap h3.main_title{font-size:44px; text-align:center; letter-spacing:-3pt; color:#fff; margin-bottom:40px}
#wastes_wrap .main_stxt{text-align:center; font-size:16px; letter-spacing:-0.3pt;color:#fff}
#wastes_wrap .main_tit2{text-align:center; color:#fff; margin-bottom:15px;}
	#wastes_wrap .counter_box{padding:30px 0; position: relative; overflow: hidden;  text-align:center; color:#fff; background:rgba(255,255,255,0.1); border-radius:5px;}
	#wastes_wrap .counter_box dl{position: relative; float:left; width:390px; }
	#wastes_wrap .counter_box dl:after{width:1px; height:70px; display:block; background:rgba(255,255,255,0.2); content:''; right:0; transform: rotate(15deg); position: absolute; top: 0;}
	#wastes_wrap .counter_box dl:last-child:after{display:none;}
	#wastes_wrap .counter_box dt{font-size:16px; line-height:100%; font-weight:500}
	#wastes_wrap .counter_box dt span{font-size:26px; font-family: 'Poppins', sans-serif; line-height:100%; font-weight:500; }
	#wastes_wrap .counter_box dd{color:rgba(255,255,255,0.7); margin-top:15px; font-size:16px; line-height:130%; letter-spacing:-0.3pt; }
	
	#wastes_wrap .coun_txt{color:#fff;  font-family: 'Poppins', sans-serif; font-weight:500; font-size:100px; line-height:100%; padding:80px 0; text-align:center;}
	#wastes_wrap .coun_txt span{ font-family: 'Poppins', sans-serif; }

	#wastes_wrap .num_box{position: relative; overflow: hidden;}
	#wastes_wrap .num_box dl{position: relative; overflow: hidden; margin-bottom:20px;}
	#wastes_wrap .num_box dl:nth-child(1){width:575px; float:left; margin-right:20px; }
	#wastes_wrap .num_box dl:nth-child(2){width:575px; float:left; }
	#wastes_wrap .num_box dl:nth-child(3){clear:both;}
	#wastes_wrap .num_box dl:last-child{margin-bottom:0}
	#wastes_wrap .num_box dt{float:left; width:40px; height:40px; text-align:center; line-height:40px; background:#be9d6d; color:#fff; font-family: 'Poppins', sans-serif; font-weight:700 }
	#wastes_wrap .num_box dd{padding-left: 15px; background:rgba(252,255,255,0.2); width: calc(100% - 40px); color:#fff; font-size:14px; letter-spacing:-0.3pt;  border-left:none; box-sizing:border-box; height:40px; line-height:40px; float:left;}

/* Çù·Â»ç */
#logo_wrap{position: relative; overflow: hidden; width:1170px; margin:80px auto}
#logo_wrap .slick-slide{position: relative; margin: 0 20px 0 0;}
#logo_wrap .slick-list{margin: 0 -20px 0 0;}


.grayscale {
  /* Firefox 10-34 */
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");

  /*
    Chrome 19+,
    Safari 6+,
    Safari 6+ iOS,
    Opera 15+
  */
  -webkit-filter: grayscale(1);

  /* Firefox 35+ */
  filter: grayscale(1);

  /* IE 6-9 */
  filter: gray;
}

.grayscale.grayscale-fade {
  transition: filter .5s;
}

/* Webkit hack until filter is unprefixed */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .grayscale.grayscale-fade {
    -webkit-transition: -webkit-filter .5s;
    transition:         -webkit-filter .5s;
  }
}

.grayscale.grayscale-off,
.grayscale.grayscale-fade:hover {
  -webkit-filter: grayscale(0);
  filter:         grayscale(0);
}

/* Background element */
.grayscale.grayscale-replaced {
  -webkit-filter: none;
  filter:         none;
}

.grayscale.grayscale-replaced > svg {
  -webkit-transition: opacity .5s ease;
  transition:         opacity .5s ease;
  opacity: 1;
}

.grayscale.grayscale-replaced.grayscale-off > svg,
.grayscale.grayscale-replaced.grayscale-fade:hover > svg {
  opacity: 0;
}





/************ ver2 *************/
.main_title2{font-size:48px; letter-spacing:-1.5pt; text-align:center; margin-bottom:20px; color:#333; font-weight:300; font-family:'Gmarket Sans', sans-serif; line-height:100%; }
.main_title2 span{font-weight:700; font-family: inherit;}
.main_title2 span.brt{color:#be9d6d}


.main_boldt{font-size:26px; color:#333; font-weight:700; font-family:'Gmarket Sans', sans-serif; line-height:100%; letter-spacing:-0.5pt; margin-bottom:15px; }
.main_txt2{font-size:16px; color:#777; letter-spacing: -0.5pt; word-break: keep-all; line-height:24px;}

.pad130{padding:130px 0}
.greybg{background:#f0f1f3}



/* ½Ã°ø °¡´É ¼­ºñ½º */
#service_wrap{position: relative; overflow: hidden;}
#service_wrap .in{position: relative; width:1170px; margin:0 auto}
#service_wrap .in:after{content: "";display: block; clear: both;}
#service_wrap .main_stxt{text-align:center;}

#service_wrap .service_list{position: relative; margin-top:50px; display:flex;}
#service_wrap .service_list dl{ box-sizing: border-box; border: 2px solid #ddd; border-radius: 10px; position: relative;overflow: hidden;  background:#fff; width:calc((100% - 60px)/3); margin-right:30px; transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
#service_wrap .service_list dl:hover{border:2px solid #be9d6d; box-shadow:20px 20px 30px rgba(0,0,0,0.1)}
#service_wrap .service_list dl:last-child{margin-right:0}
#service_wrap .service_list dt{position: relative; height: 119px; width: 144px; display: block; margin:50px auto 70px auto;}
#service_wrap .service_list dl.one dt{background: url('../../img/exicon_01.png') center no-repeat;}
#service_wrap .service_list dl.one dt:before {position: absolute;left: -10px; width: 35px; height: 35px;display: block; background: rgba(190,157,109,0.5); content: '';border-radius: 35px;}
#service_wrap .service_list dl.two dt{background: url('../../img/ex_icon02.png') center no-repeat;}
#service_wrap .service_list dl.two dt:before {position: absolute;left: -10px; bottom: -10px; width: 35px; height: 35px;display: block; background: rgba(190,157,109,0.5); content: '';border-radius: 35px;}
#service_wrap .service_list dl.three dt{background: url('../../img/ex_icon03.png') center no-repeat;}
#service_wrap .service_list dl.three dt:before {position: absolute; top: 35px; right: -15px; width: 35px; height: 35px;display: block; background: rgba(190,157,109,0.5); content: '';border-radius: 35px;}
#service_wrap .service_list dd.info{position: relative;padding:0 30px 100px 30px ; }
#service_wrap .service_list dd.btn{position: absolute; bottom:0; width:100%;}
#service_wrap .service_list dd.btn a{padding:17px 0; font-weight:500; background:#000; color:#fff; font-size:17px; line-height:100%; letter-spacing: -0.3pt; text-align:center; display:block; }
#service_wrap .service_list dl:hover dd.btn a{background:#be9d6d}

#service_wrap .check_cont {margin:30px 0 0;}
#service_wrap .check_cont li {position:relative; padding-left:25px; letter-spacing:-0.5pt; line-height:1.7; color:#777; margin:0 0 4px;}
#service_wrap .check_cont li:after {content:''; width:20px; height:20px; background:url('../../portfolio/img/check_icon.png')no-repeat center; position:absolute; top:2px; left:0;}
#service_wrap .check_cont li:last-child{margin-bottom:0}

#service_wrap .se_t{position:relative; letter-spacing:-1pt; margin-top:60px; text-align:center; color:#333; line-height:100%; font-size:30px;  font-family:'Gmarket Sans', sans-serif;}
#service_wrap .se_t span{position:relative; z-index:1; font-family: inherit; font-weight:700; display:inline-block; }
#service_wrap .se_t span:after{content:''; display:block; background:rgba(190,157,109,0.3); height:15px; width:100%; position: absolute;  bottom: 0; z-index: -1; }




/* ¸®ºä */
#review_wrap{position:relative; overflow: hidden; }
#review_wrap .in{width:1170px;  margin:0 auto}
#review_wrap .tbox{position: relative;  text-align:center; }
#review_wrap .main_title2{position: relative; display:inline-block; }
#review_wrap .main_title2:after{content:'';position: absolute; top:-51px; right:-30px; display:block; background:url('../../img/reveiw_icon.png') center no-repeat; width:47px; height:45px; }
#review_wrap .main_stxt{text-align:center;}

#review_wrap .review_roll{margin-top:50px;  overflow: visible;}
#review_wrap .review_roll li{opacity: 0.5; position:relative; background:#fff; box-shadow:5px 5px 10px rgba(0,0,0,0.05); padding:40px 30px; box-sizing:border-box; border:1px solid #ddd; box-sizing:border-box; border-radius:10px; }
#review_wrap .review_roll li.slick-active{opacity:1;}
#review_wrap .review_roll li .tit{letter-spacing:-0.8pt; margin-bottom:20px; font-size:18px; color:#333; line-height:100%; font-weight:500; position:relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#review_wrap .review_roll li .star{margin-bottom:17px; }
#review_wrap .review_roll li .retxt{overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 6;-webkit-box-orient: vertical;
 word-wrap: break-word;line-height: 1.6em;height:9.6em; word-break: break-all; font-size:16px; color:#777; letter-spacing:-0.3pt }
#review_wrap .review_roll li .date{margin-top:50px; line-height:100%; color:#bebebe; text-align: right;}

#review_wrap .slick-slide {position: relative; margin: 0 30px 0 0}
#review_wrap .slick-list {margin: 0 -30px 0 0;  overflow: visible;}




/* ½Ã°ø»ó´ã ¹× ¿¹¾à¹æ¹ý */
#inq_warp{position:relative; overflow: hidden; }
#inq_warp:before{position: absolute; bottom:0; right:50%; margin-right:-800px;  content: ""; background:url('../../img/inq_bg.png') no-repeat; width:457px; height:398px; display:block; }
#inq_warp .in{position:relative;  width:1170px; margin:0 auto}
#inq_warp .in:after { content: "";display: block; clear: both;}
#inq_warp .main_title2{text-align:left; line-height:56px;}

#inq_warp .left_box{position:relative; overflow: hidden;float:left; width:370px;  }
#inq_warp .right_box{position:relative; float:left; width:800px;}
#inq_warp .right_box:after {content: ""; display: block; clear: both;}


#inq_warp dl{position:relative;  margin-bottom:60px }
#inq_warp dl:after { content: "";display: block; clear: both;}
#inq_warp dl:last-child{margin-bottom:0}
#inq_warp dt{margin-bottom:10px; font-size:26px; color:#333;   letter-spacing: -0.8pt; line-height:110%; font-weight:700; font-family:'Gmarket Sans', sans-serif;}

#inq_warp dl.one dt{background:url('../../img/inq_icon01.png') left center no-repeat; padding:8px 0 8px 68px;}
#inq_warp dl.two dt{background:url('../../img/inq_icon02.png') left center no-repeat;  padding:13px 0 13px 68px;}
#inq_warp dl.three dt{background:url('../../img/inq_icon03.png') left center no-repeat;  padding:12px 0 12px 68px;}

#inq_warp .btn_box{position:relative; margin-top:30px; }
#inq_warp .btn_box a{box-shadow:5px 5px 5px rgba(0,0,0,0.05); box-sizing: border-box; border-radius: 5px; width:260px; height:65px; margin-right:10px; display:block; float:left; transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }

#inq_warp .btn_box a.bt1{letter-spacing:-0.3pt; text-align:center; border:2px solid #be9d6d; background:#be9d6d; line-height:61px; color:#fff; font-weight:500; }
#inq_warp .btn_box a.bt1:hover{background:#fff; color:#be9d6d}

#inq_warp .btn_box a.bt2{letter-spacing:-0.3pt; text-align:center; border:2px solid #32b44a; background:#32b44a; line-height:61px; color:#fff; font-weight:500; }
#inq_warp .btn_box a.bt2 span{position: relative; top:0px; margin-right:10px; width:30px; height:31px; background:url('../../img/blog.png') center no-repeat; display: inline-block; vertical-align: middle;}
#inq_warp .btn_box a.bt2:hover{background:#fff; color:#32b44a;  }
#inq_warp .btn_box a.bt2:hover span{background:url('../../img/blog_over.png') center no-repeat;}

/*#inq_warp .btn_box a.bt2{letter-spacing:-0.3pt; text-align:center; border:2px solid #fae100; background:#fae100; line-height:61px; color:#000100; font-weight:500; }
#inq_warp .btn_box a.bt2 span{position: relative; top: -3px; margin-right:10px; width:30px; height:31px; background:url('../../img/kakao.png') center no-repeat; display: inline-block; vertical-align: middle;}
#inq_warp .btn_box a.bt2:hover{background:#fff; color:#000100}*/

#inq_warp .btn_box .bt3{position:relative;background:#574426; text-align:center; color:#fff; float:left; border-radius: 5px; width:260px; height:65px;box-shadow:5px 5px 5px rgba(0,0,0,0.05);box-sizing: border-box; }
#inq_warp .btn_box .bt3 .btb{padding-top:7px; }
#inq_warp .btn_box .bt3 .tx{text-align: left; position:relative; line-height: 26px; letter-spacing: -0.3pt; display: inline-block;}
#inq_warp .btn_box .bt3 .icon{position: relative;  margin-right: 10px; top: -5px; display:inline-block;width:23px; height:23px; background:url('../../img/qtel.png')}
#inq_warp .btn_box .bt3 .tx span{ display:block; font-size:15px; font-family:'Gmarket Sans', sans-serif; font-weight:500}



/* ¿Ã´ñ°¡±¸´Â È®½ÇÇÕ´Ï´Ù */
#sure_wrap{position:relative;background:url('../../img/sure_bg.png') center no-repeat; background-size:cover;}
#sure_wrap .in{position:relative;width:1170px; margin:0 auto}
#sure_wrap .tbox{position:relative; padding:200px 0}
#sure_wrap .pic{position: absolute; bottom:0; right:0}
#sure_wrap .main_title2{text-align:left; margin-bottom:30px;}
#sure_wrap .main_stxt{margin-bottom:70px;}

.main_nbtn{width:240px; box-shadow:5px 5px 5px rgba(0,0,0,0.05); line-height:61px; height:65px; display:block; color:#fff; font-weight:500; font-size:17px; border:2px solid #be9d6d; box-sizing:border-box; background:#be9d6d; text-align:center; letter-spacing: -0.3pt; border-radius: 5px;  transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.main_nbtn:hover{background:#fff; color:#be9d6d}




/* ¿Ã´ñ°¡±¸´Â ¹«¾ùÀÌ ´Ù¸¥°¡¿ä? */
#different_wrap{position:relative;}
#different_wrap .in{position:relative;width:1170px; margin:0 auto; display:flex; align-items: center;}
#different_wrap .tbox{position:relative; width:585px; }
#different_wrap .pic{ width:585px;}
#different_wrap .main_title2{margin-bottom:40px;}

#different_wrap .num_list2{position: relative; margin-bottom:70px;}
#different_wrap .num_list2 li{letter-spacing:-0.5pt; font-size: 18px; color: #777; margin-bottom:40px;}
#different_wrap .num_list2 li:last-child{margin-bottom:0}
#different_wrap .num_list2 .num{font-size:22px; color:#333; font-family:'Gmarket Sans', sans-serif; font-weight:500; letter-spacing:-0.8pt; line-height: 100%; margin-bottom:10px;}
#different_wrap .num_list2 span{margin-right: 9px; text-align:center; border-radius:35px; width:35px; height:35px; line-height:35px; background:#be9d6d; color:#fff; display:inline-block; font-family: 'Poppins', sans-serif; font-size:15px; font-weight:700; }

#different_wrap .main_nbtn {position:relative;}
#different_wrap .main_nbtn span{position: relative; top: 2px; width:18px; height:18px; display:inline-block; margin-right:8px; background:url('../../img/as_bt.png') center no-repeat; transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
#different_wrap .main_nbtn:hover span{background:url('../../img/as_bt2.png') center no-repeat;}




/* ¼­¿ï ¹× °æ±â */
#sk_wrap{position:relative; width:1170px; margin:0 auto}
#sk_wrap .main_stxt{text-align:center; margin-bottom:80px; }




/* ´ëÇ¥ ½Ã°ø»ç·Ê */
#case_warp{position:relative; width:1170px; margin:0 auto}
#case_warp .main_title2{margin-bottom:50px;}

#case_warp .main_nbtn{margin:30px auto 80px auto}
#case_warp .main_nbtn:last-child{margin-bottom:0}

#case_warp .case_roll{}
#case_warp .case_roll .caroll:hover .info_box{border-color:#be9d6d }
#case_warp .case_roll .caroll:hover p{color:#be9d6d}
#case_warp .case_roll .pic_box {position:relative;overflow: hidden; border-radius:10px 10px 0 0; }
#case_warp .case_roll .pic_box .pic{position:relative; float:left; overflow: hidden; }
#case_warp .case_roll .pic_box .pic div{position: absolute; bottom:10px; transform: translateX(-50%);padding:5px 0; left:50%; border-radius: 50px; width:64px; color:#fff; background:#9e9e9e; text-align:center; font-size:15px; font-weight:600; line-height:100%;  font-family: 'Poppins', sans-serif;}
#case_warp .case_roll .pic_box .pic div.af{background:#be9d6d;}
#case_warp .case_roll .pic_box .pic img{background-position:center !important ;  background-repeat: no-repeat !important;  background-size: cover !important;}

#case_warp .case_roll .info_box{border-radius: 0 0 10px 10px; position:relative; overflow: hidden;padding:27px 30px; border:1px solid #ddd; border-top:none; box-sizing:border-box; transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
#case_warp .case_roll .info_box p{margin-bottom:6px; letter-spacing:-0.8pt; font-size:18px; color:#333; font-weight:500; line-height:100%; position:relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
#case_warp .case_roll .info_box div span{font-size: 13px; letter-spacing: -0.5pt; display: inline-block; padding-left: 20px;  color: #777;}
#case_warp .case_roll .info_box div span.date { background: url('../../portfolio/img/date.png')no-repeat center left; letter-spacing: 0;}
#case_warp .case_roll .info_box div span.loca { margin-right: 13px; background: url('../../portfolio/img/loca.png')no-repeat center left;}

#case_warp .slick-slide {position: relative; margin: 0 30px 0 0}
#case_warp .slick-list {margin: 0 -30px 0 0; }

#case_warp .slick-arrow {position:absolute;  top: 50%; transform: translateY(-50%); z-index:9; box-sizing:border-box; font-size:0; border:none; width:19px; height:38px; background-color:transparent;
background-repeat:no-repeat; outline:none; cursor:pointer; z-index:100; background:url('../../img/arrow_l.png') center no-repeat; opacity:1; transition: all 0.3s ease-out;} 
#case_warp .slick-prev {left:-80px;}
#case_warp .slick-next {right:-80px; background:url('../../img/arrow_r.png') center no-repeat; }
#case_warp .slick-arrow:hover { border-color:#00467f; transition: all 0.3s ease-out;}