

/* spotzone */
.spotzone{ z-index:10; position:relative; margin:0 auto; }

.spotzone li{ width:100% !important;min-height:1010px; position:relative;  }
.spotzone li:after {content:'';  position:absolute; left:0; bottom:0; width:100%; height:200px; background:url('/images/main/visual_cover.png') no-repeat center bottom; z-index:5 }
.spotzone li.n01{background:url(/images/main/visual_01.jpg) no-repeat center 0;background-size:cover;}
.spotzone li.n02{background:url(/images/main/visual_02.jpg) no-repeat center 0;background-size:cover;}
.spotzone li.n03{background:url(/images/main/visual_03.jpg) no-repeat center 0;background-size:cover;}
.spotzone li.n04{background:url(/images/main/visual_04.jpg) no-repeat center 0;background-size:cover;}

.spotzone li .txtbox { position:absolute;width:100%;color:#fff; text-align:center;position:absolute;left:0; padding-top:340px;color:#fff;text-align:center; }
.spotzone li .txtbox .tit {padding-top:0px;}
.spotzone li .txtbox .exp {padding-top:0px;}


.spotzone li .txtbox .tit,
.spotzone li .txtbox .exp{  transition:all 1s cubic-bezier(0.16, 0.84, 0.44, 1); transition-delay:0.6s; }

.spotzone li .txtbox .tit{  font-size:60px; font-weight:100;  text-shadow:1px 1px 5px rgba(0, 0, 0, 0.3); line-height:75px; color:#fff;letter-spacing:-.08em; opacity:0;  }
.spotzone li .txtbox .tit strong {font-weight:600;}
.spotzone li .txtbox .exp{  font-size:28px; ; line-height:1.5em;  text-shadow:1px 1px 5px rgba(0, 0, 0, 0.3); font-weight:300;color:#fff;letter-spacing:-.08em; opacity:0;  }

.spotzone li .txtbox .tit{ transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px); }
.spotzone li .txtbox .exp{ transform:translateY(60px);-moz-transform:translateY(60px);-webkit-transform:translateY(60px);-ms-transform:translateY(60px);-o-transform:translateY(60px); }

/* active */
.spotzone li.active .txtbox .tit{opacity:1; transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transition-delay:.2s;}
.spotzone li.active .txtbox .exp{opacity:1; transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);transition-delay:0.4s;}

.spotzone .bx-pager{ z-index:999; position:absolute; bottom:150px; left:0; width:100%; text-align:center; }
.spotzone .bx-pager div{ display:inline-block; }
.spotzone .bx-pager a{ display:inline-block; position:relative; width:15px; height:15px; margin:0 5px;  border:1px solid #fff; background:transparent; border-radius:50%;transition:all .4s;text-indent:-999em;}
.spotzone .bx-controls a.active{ width:53px; border-radius:2em; background:#fff;}

.bx-controls-direction a {position:absolute; top:50%; margin-top:-60px; width:65px; height:65px;  line-height:65px; border:1px solid rgba(255,255,255,0.3); border-radius:50%; z-index:50;color:transparent; background:transparent;color:#fff;text-align:center;font-size:0; transition: all 0.3s ease-in; }
.bx-controls-direction a:hover {background-color:#00A0E9;}
.bx-controls-direction a.bx-prev { left:100px; }
.bx-controls-direction a.bx-prev:after {content:'\e93d'; display:inline-block; font-family:'xeicon'; font-weight:bold; font-size:32px !important; }
.bx-controls-direction a.bx-next { right:100px; }
.bx-controls-direction a.bx-next:after {content:'\e940'; display:inline-block; font-family:'xeicon';  font-weight:bold; font-size:32px !important; }

@media screen and ( max-width:1400px ) {
    .spotzone li {  min-height:700px; }
    .spotzone li:after { display:none; }

	.spotzone li .txtbox {padding-top:250px; }
	.spotzone li .txtbox .tit{  font-size:45px; line-height:58px;  }
    .spotzone li .txtbox .exp{  font-size:20px; }

    .spotzone .bx-pager{ bottom:60px; }
    
	.bx-controls-direction a {margin-top:-30px;}
	.bx-controls-direction a.bx-prev {left:10px; }
	.bx-controls-direction a.bx-next {right:10px; }
}

@media screen and ( max-width:1024px ) {
    .spotzone li {  min-height:500px; }

	.spotzone li .txtbox {padding-top:170px; }
	.spotzone li .txtbox .tit{  font-size:35px; line-height:45px;  }
    .spotzone li .txtbox .exp{  font-size:18px; }

    .spotzone .bx-pager{ bottom:40px; }
    
	.bx-controls-direction a {display:none; }
}

@media screen and ( max-width:768px ) {
    .spotzone li {  min-height:350px; }

	.spotzone li .txtbox {padding-top:120px; }
	.spotzone li .txtbox .tit{  font-size:23px; line-height:35px;  }
    .spotzone li .txtbox .exp{  font-size:14px; line-height:20px;padding:0; margin-top:-15px;}

    .spotzone .bx-pager{ bottom:40px; }
    
}



/* ½Ã°øÈÄ±â ½½¶óÀÌµå */
#wrap .main_s3 { text-align: center;  position: relative;}

.main_construction {width:100%; overflow:hidden; position:relative; padding:140px 0 30px;  background:#eeece9 url(/images/main/bg_case.jpg) no-repeat center 0;}
.main_construction .title {display:block; padding:0 0 30px;text-align:center; letter-spacing:-.05em; }
.main_construction .title h2 {display:block; font-size:50px; font-weight:100; color:#222 }
.main_construction .title h2 strong {font-weight:500; }
.main_construction .title p {display:block; padding-top:10px; font-size:20px; font-weight:300; line-height:1.6em; color:#555}

.const_swiper {max-width:1100px; margin:0 auto; position:relative;}
.const_swiper .swiper-container {
	width: 100%;
	height: 573px;
	overflow:inherit !important;
}
.const_swiper .swiper-slide {text-align:center; opacity:0.4; filter:alpha(opacity=40);
	-webkit-transition: 1000ms ease-in-out; /* Safari */
	-moz-transition: 1000ms ease-in-out; /* Safari */
	-o-transition: 1000ms ease-in-out; /* Safari */
	-ms-transition: 1000ms ease-in-out; /* Safari */
    transition: 1000ms ease-in-out;
}
.const_swiper .swiper-slide.swiper-slide-active {opacity:1; filter:alpha(opacity=100);
	-webkit-transition: 1000ms ease-in-out; /* Safari */
	-moz-transition: 1000ms ease-in-out; /* Safari */
	-o-transition: 1000ms ease-in-out; /* Safari */
	-ms-transition: 1000ms ease-in-out; /* Safari */
    transition: 1000ms ease-in-out;
}
.const_swiper .swiper-slide .const_img {width:900px; height:450px; margin:0 auto 20px; font-size:0; line-height:0; background-repeat:no-repeat; background-position:center center; background-size:cover;  }
.const_swiper .swiper-slide .const_text {opacity:0; filter:alpha(opacity=0);
	-webkit-transition: 1000ms ease-in-out; /* Safari */
	-moz-transition: 1000ms ease-in-out; /* Safari */
	-o-transition: 1000ms ease-in-out; /* Safari */
	-ms-transition: 1000ms ease-in-out; /* Safari */
    transition: 1000ms ease-in-out;
}
.const_swiper .swiper-slide.swiper-slide-active .const_text {opacity:1; filter:alpha(opacity=100);
	-webkit-transition: 1000ms ease-in-out; /* Safari */
	-moz-transition: 1000ms ease-in-out; /* Safari */
	-o-transition: 1000ms ease-in-out; /* Safari */
	-ms-transition: 1000ms ease-in-out; /* Safari */
    transition: 1000ms ease-in-out;
}
.const_swiper .swiper-slide .const_text dt {font-size:22px; line-height:25px; letter-spacing:-0.025em; color:#444444; font-weight:300; margin-bottom:20px;}
.const_swiper .swiper-slide .const_text dd {font-size:16px; line-height:24px; letter-spacing:-0.025em; color:#888888; font-weight:300;}
.swiper-next {position:absolute; top:180px; right:0; z-index:2; cursor:pointer; background:url(/images/main/btn_next.png) top left no-repeat; width:40px; height:86px;}
.swiper-prev {position:absolute; top:180px; left:0; z-index:2; cursor:pointer; background:url(/images/main/btn_prev.png) top left no-repeat; width:40px; height:86px;}

@media screen and ( max-width:1200px ) {
  .main_construction { padding:120px 0 0;  }
  .const_swiper {width:100%; overflow:hidden; }
  .const_swiper .swiper-container {height:400px;}
  .const_swiper .swiper-slide .const_img {width:80%; height:300px; }
  .const_swiper .swiper-slide .const_text dt { font-size:18px;  }
  .swiper-next { right:10px; top:180px; background:url(/images/main/btn_next.png) top left no-repeat; top:50%; margin-top:-70px; background-size:100%;  width:20px; height:43px; }
  .swiper-prev { left:10px; top:180px; background:url(/images/main/btn_prev.png) top left no-repeat; top:50%; margin-top:-70px;   background-size:100%;  width:20px; height:43px; }
  

}
@media screen and ( max-width:1024px ) {
	.main_construction .title h2 {font-size:30px; }
	.main_construction .title p { padding-top:8px; font-size:16px; }

}
@media screen and ( max-width:767px ) {
     .const_swiper .swiper-container {height:280px;}
     .const_swiper .swiper-slide .const_img {width:80%; height:200px; }

	 .main_construction .title h2 {font-size:25px; }
	 .main_construction .title p {font-size:14px; padding:0 30px; }

}

/* ---- end  ½Ã°øÈÄ±â ½½¶óÀÌµå */


/* ------ Products Á¦Ç°¼Ò°³ -------- */

.product-main {padding:30px 0; position:relative;word-break:keep-all;  }
.product-main dl.title {position:relative; display:inline-block; width:50%; }
.product-main dl.title dt {display:block; position:relative; font-size:30px; font-family:'GmarketSans'; font-weight:500; color:#333; }
.product-main dl.title dt:after {content:'';  display:inline-block; vertical-align:middle; margin-left:10px; height:2px; width:55px; background-color:#333; }
.product-main dl.title dd {padding-top:20px; font-size:23px;  line-height:1.6em; font-weight:300; color:#666;}
.product-main ul {}
.product-main ul li {position:relative; display:inline-block; width:calc(50% - 60px);}
.product-main ul li a {display:block;  }
.product-main ul li.st1 {margin-top:50px; width:calc(50% - 80px);}
.product-main ul li.st1 a  .img-wrap { height:650px; overflow:hidden;}
.product-main ul li.st2 {float:right; margin-top:-150px; }
.product-main ul li.st3 {float:right; margin-top:-150px; }
.product-main ul li.st3 .img-wrap { height:350px; overflow:hidden;}
.product-main ul li a .img-wrap { height:590px; overflow:hidden;}
.product-main ul li a .img-wrap .thumb {background-repeat:no-repeat;display:block; width:100%; height:100%;  background-position:center center; background-size:cover;transition:transform 0.3s ease 0s;-webkit-transition:transform 0.3s ease 0s;}
.product-main ul li a .txt-box {position:relative; width:75%; background-color:#fff; padding:30px 50px 0 12px; margin-top:-120px; z-index:10 }
.product-main ul li a .txt-box strong {color:#00A0E9; font-size:18px; font-weight:500;letter-spacing:0; opacity:0.7 }
.product-main ul li a .txt-box h2 {font-size:40px; color:#333; font-weight:300; }
.product-main ul li a .txt-box p {font-size:18px; line-height:1.6em; color:#666; padding-top:15px; letter-spacing:-.07em; }

.product-main ul li a:hover  .img-wrap .thumb {transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}

.product-main .btn-more {display:block; margin-top:100px;  }
.product-main .btn-more a{ display:block; position:relative; width:250px; height:60px; line-height:58px; text-indent:30px; text-transform:uppercase; border:1px solid #333;background-color:#fff; background-image:url('/images/main/ico_arrow.png') ; 
                               background-repeat:no-repeat;background-position:calc(100% - 20px)  ; font-size:16px;  font-weight:500;   }
.product-main .btn-more a:after {content:'';  position:absolute; width:250px; height:60px; left:8px; top:8px; background-color:#00A0E9; z-index:-2;transition: all 0.2s ease-in;}
.product-main .btn-more a:hover { background-color:#00A0E9;border:1px solid #00A0E9;  color:#fff;  background-image:url('/images/main/ico_arrow_w.png') ;}
.product-main .btn-more a:hover:after {left:0; top:0; opacity:0;}


@media screen and ( max-width:1200px ) {
	.product-main {padding:60px 20px;}

	.product-main dl.title dt { font-size:20px;  }
	.product-main dl.title dt:after { width:45px; }
	.product-main dl.title dd {padding-top:12px; font-size:18px;  line-height:1.5em; }
	.product-main ul li {width:calc(50% - 40px);}
	.product-main ul li.st1 {width:calc(50% - 50px);}
	.product-main ul li a .txt-box {padding:25px 40px 0 8px; }
	.product-main ul li a .txt-box strong {font-size:16px;}
	.product-main ul li a .txt-box h2 {font-size:35px; }
	.product-main ul li a .txt-box p {font-size:16px; padding-top:12px;}
	.product-main ul li.st2 {margin-top:-100px; }
	.product-main ul li.st3 {margin-top:-100px; }

}


@media screen and ( max-width:1024px ) {
    .product-main dl.title dd  br { display:none;}

	.product-main ul li a .txt-box {width:80%; padding:25px 30px 0 8px; }
	.product-main ul li a .txt-box strong {font-size:14px;}
	.product-main ul li a .txt-box h2 {font-size:28px; }
	.product-main ul li a .txt-box p {font-size:14px; padding-top:8px;}
	.product-main ul li.st3 {margin-top:-150px; }

}

@media screen and ( max-width:860px ) {
	.product-main dl.title {width:100%; }
	.product-main ul {padding:20px 0; }
	.product-main ul li { display:inline-block; vertical-align:top; width:calc(33.3% - 20px) !important;  }
	.product-main ul li.st1 {margin-top:0px; width:calc(33.3% - 10px) !important;  margin-left:0;  }
	.product-main ul li.st1 a .img-wrap { height:170px;}
	.product-main ul li.st3 .img-wrap { height:170px; }
	.product-main ul li a .img-wrap { height:170px; }

	.product-main ul li.st2 {display:inline-block;  width:calc(33.3% - 10px) !important; margin-left:15px;  margin-top:0px; }
	.product-main ul li.st3 { display:inline-block;  width:calc(33.3% - 10px) !important; margin-left:15px; margin-top:0px; }

	.product-main ul li a .txt-box {width:90%;margin-left:5%;  padding:20px 12px 0px; margin-top:-30px; }
	.product-main ul li a .txt-box strong {font-size:13px;}
	.product-main ul li a .txt-box h2 {font-size:20px; }
	.product-main ul li a .txt-box p {font-size:13px; line-height:18px; padding-top:5px; letter-spacing:-.08em;}

    .product-main .btn-more { display:inline-block; clear:both; padding-top:40px;  text-align:center; width:100%; margin:0px auto;  }
	.product-main .btn-more a { display:inline-block;  text-align:left; width:230px; height:45px; line-height:43px;  text-indent:25px; background-position:calc(100% - 20px); font-size:14px;  }
	.product-main .btn-more a:after { width:230px; height:45px; left:5px; top:5px; }

}

@media screen and ( max-width:650px ) {
    .product-main {padding:35px 10px;}
	.product-main dl.title { text-align:center; }
	.product-main dl.title dt { font-size:23px; color:#222; }
	.product-main dl.title dt:after {content:'';  display:block;clear:both; margin:10px auto ; }
	.product-main dl.title dd {padding-top:12px; font-size:16px;  line-height:1.5em; letter-spacing:-.07em;  }


	.product-main ul li { display:block;width:100% !important;  }
	.product-main ul li.st1 { width:100% !important;  }
	.product-main ul li.st2 {width:100% !important; margin-left:0px;  margin-top:30px; }
	.product-main ul li.st3 {width:100% !important; margin-left:0px;  margin-top:30px; }
	.product-main ul li.st1 a .img-wrap { height:200px;}
	.product-main ul li.st3 .img-wrap { height:200px; }
	.product-main ul li a .img-wrap { height:200px; }



}

/* ¹®ÀÇÇÏ±â */
.inquiry {display:block; background:url('/images/main/bg_inquiry.jpg') no-repeat center ; background-size:cover; padding:70px 0; text-align:center; }
.inquiry dl dt {display:block; font-size:45px; color:#fff; line-height:1.6em;font-weight:100;  }
.inquiry dl dd {display:block; font-size:18px; font-weight:300; color:#fff; padding-top:10px; }
.inquiry .btn-inquiry {}
.inquiry .btn-inquiry a {display:block; margin:20px auto; width:275px; height:55px; line-height:55px; background-color:#00A0E9; color:#fff; font-size:16px; font-weight:500;}

@media screen and ( max-width:1024px ) {	
  .inquiry {padding:50px 0; }
  .inquiry dl dt { font-size:30px; }
  .inquiry dl dd { font-size:16px; padding:0 30px;  }
  .inquiry .btn-inquiry a { width:240px; height:50px; line-height:50px; font-size:15px;}

}



/*ÆË¾÷*/
#pop {     width: 270px;   position: absolute;    z-index: 99999; background:#fff;   border:1px solid #eee; }
.popup_wrap.main_popup {position: relative;margin:10px;}
.popup_wrap.main_popup.main_popup .popup {    margin: 0 auto;    padding:40px 15px 10px;    text-align: center;    color: #030406;    box-sizing: border-box;}
.popup_wrap.main_popup .popup .title { display:hidden;   font-size: 27px;    line-height: 32px;    font-weight: bold;   padding: 17px 0 12px 0;}
.popup_wrap.main_popup .popup .contents {    font-size: 14px;    padding:0;    line-height: 20px;}
.popup_wrap.main_popup .popup img {max-width:100%;}
.popup_wrap.main_popup .popup .btn { margin-top:30px;   text-align: center;    font-size: 15px;    background:#e70014;  color:#fff; }
.popup_wrap.main_popup .popup .btn a {    width: 100%;    line-height: 35px;    display: block;    color: #fff;}
.popup_wrap.main_popup .popup .btn a span { color: #fff;}
#pop .close {   overflow: hidden; text-align: right; margin: 0 10px 10px;}
#pop .close .check {     font-size: 12px;    line-height: 22px;    padding-left: 5px; display: inline-block; vertical-align: text-top;}
#pop .close .check input {    margin-right: 4px;}
#pop .close .closeBTN {    font-size: 12px;    padding:0 4px;  display: inline-block;}

#pop .close a {color: #888;font-family:'Raleway';}


@media screen and ( max-width:800px ) {	

#pop {     width: 270px !important;   position: absolute; left:0 !important; right:0 !important; margin:0 auto;    top:50% !important;  transform:translateY(-50%);  z-index: 99999; background:#fff;   border:1px solid #eee; }


}