@charset "utf-8";
img {max-width:100%}
html.ovh {overflow:hidden;}
#wrap {transition:0.5s;}

#header {position:fixed;left:0;top:0;width:100%;z-index:500;padding:0 10px;box-sizing:border-box;transition:0.5s;height:80px;overflow:hidden;background:#111;}
#header .inner {position:relative;height:80px;max-width:1400px;margin:0 auto;overflow:hidden;}
#header .logo {position:absolute;left:0;top:20px;}
#header .logo * {display:block;}
#header .logo a {width:140px;height:40px;background:url(../images/logo.gif) no-repeat;background-size:contain;text-indent:-9999px;}
#header .gnb {float:right;font-size:0;transition:0.3s;}
#header .gnb > li {display:inline-block;text-align:center;position:relative;}
#header .gnb > li > a {display:inline-block;padding:0 30px;color:#fff;font-family:'Montserrat','Noto Sans KR',sans-serif;height:80px;line-height:80px;font-size:15px;letter-spacing:0;transition:0.3s;position:relative;}
#header .gnb > li.active > a {color:#edb10e;}

#header .btn {position:absolute;width:42px;height:50px;top:0;border:none;display:none;}
#header .menu {left:0;text-indent:-9999px;background:url(../images/head-menu.png) no-repeat;background-size:100% 100%;}


#nav {position:fixed;left:0;top:0;z-index:1000;left:0;top:0;width:100%;height:0;overflow:hidden;transition-delay:0.3s;box-sizing:border-box;padding-right:40px;}
#nav .bg {position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;background:rgba(0,0,0,0.75);transition:0.5s;opacity:0;}
#nav .inner {width:100%;position:absolute;left:0;transform:translate3d(-30px,0,0);top:0;height:100%;overflow:auto;z-index:10;background:#fff;transition:0.5s;opacity:0;}
#nav .top {background:#111;padding:15px;position:relative;}
#nav .top .close {position:absolute;right:20px;top:50%;width:20px;height:20px;margin-top:-10px;background:url(../images/nav-close.png) no-repeat;background-size:cover;border:none;text-indent:-9999px;}

#nav .gnb {border-top:1px solid #ddd;}
#nav .gnb a {font-family:'Montserrat',sans-serif;}
#nav .gnb > li {border-bottom:1px solid #ddd;}
#nav .gnb > li > a {display:block;padding:15px;font-size:14px;font-weight:500;color:#000;position:relative;letter-spacing:0;}

.nav-on #nav {height:100%;transition-delay:0s;}
.nav-on #nav .inner {opacity:1;transform:translate3d(0,0,0);}
.nav-on #nav .bg {opacity:1;}

#vis {padding:0 !important;}
#vis,
#vis .vis {position:relative;overflow:hidden;height:100vh;padding-top:80px;box-sizing:border-box;}
#vis .roll,
#vis .vis {height:100%;}
#vis .vis1 {background:#edb10e;}
#vis .vis1 .txt-box {position:absolute;left:50%;top:50%;	
	width:100%;text-align:center;
	-webkit-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
#vis .vis1 .txt {font-family:'Montserrat',sans-serif;font-size:76px;color:#fff;font-weight:800;}
#vis .txt .ani {display:inline-block;opacity:0;
	-webkit-transform:scale(10,10) rotate(.001deg);
	-o-transform:scale(10,10) rotate(.001deg);
	-ms-transform:scale(10,10) rotate(.001deg);
	-moz-transform:scale(10,10) rotate(.001deg);
	transform:scale(10,10) rotate(.001deg);
	-webkit-transition:0.7s;
	-o-transition:0.7s;
	-ms-transition:0.7s;
	-moz-transition:0.7s;
	transition:0.7s;
	
}
#vis .txt ._bk {color:#111;}
#vis .txt .ani7, #vis .txt .ani8, #vis .txt .ani9, #vis .txt .ani10, #vis .txt .ani11, #vis .txt .ani12, #vis .txt .ani13, #vis .txt .ani14, #vis .txt .ani15 {color:#111;}
#vis .txt .ani2 {transition-delay:0.2s;}
#vis .txt .ani3 {transition-delay:0.4s;}
#vis .txt .ani4 {transition-delay:0.6s;}
#vis .txt .ani5 {transition-delay:0.8s;}
#vis .txt .ani6 {transition-delay:1.0s;}
#vis .txt .ani7 {transition-delay:1.2s;}
#vis .txt .ani8 {transition-delay:1.4s;}
#vis .txt .ani9 {transition-delay:1.6s;}
#vis .txt .ani10 {transition-delay:1.8s;}
#vis .txt .ani11 {transition-delay:2.0s;}
#vis .txt .ani12 {transition-delay:2.1s;}
#vis .txt .ani13 {transition-delay:2.2s;}
#vis .txt .ani14 {transition-delay:2.4s;}
#vis .txt .ani15 {transition-delay:2.6s;}
#vis .txt .ani16 {transition-delay:2.8s;}
#vis .txt .ani17 {transition-delay:3.0s;}
#vis .txt .ani18 {transition-delay:3.2s;}
#vis .txt .ani19 {transition-delay:3.4s;}
#vis .txt .ani20 {transition-delay:3.6s;}
#vis .txt .ani21 {transition-delay:3.8s;}
#vis .txt .ani22 {transition-delay:4.0s;}
#vis .txt .ani23 {transition-delay:4.2s;}
#vis.action .ani {opacity:1;
	-webkit-transform:scale(1,1);
	-o-transform:scale(1,1);
	-ms-transform:scale(1,1);
	-moz-transform:scale(1,1);
	transform:scale(1,1);
}

#vis .vis2 {background:url(../images/vis2.gif) 0 0/cover no-repeat;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;
	-webkit-animation-name:visimg;
	-webkit-animation-duration:5s;
	-webkit-animation-delay:7s;
	-webkit-animation-fill-mode:forwards;
	animation-name:visimg;
	animation-duration:5s;
	animation-delay:7s;
	animation-fill-mode: forwards;
}
#vis .vis2 .img {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}

@keyframes visimg {	
	0% {opacity:0;}  
	100% {opacity: 1;}
}


#main .contain {box-sizing:border-box;padding:20px 10px;}
#main .contain > .inner {max-width:1460px;height:100%;margin:0 auto;position:relative;padding:0 10px;}
#main .tit {font-size:15px;}
#main .tit h3 {font-family:'Montserrat','Noto Sans KR',sans-serif;color:#000;font-weight:400;line-height:1em;margin-bottom:40px;}
#main .tit h3 span {position:relative;display:inline-block;padding-right:90px;margin-right:18px;font-size:15px;}
#main .tit h3 span:after {content:'';display:block;width:66px;height:1px;background:#222;position:absolute;right:0;top:50%;margin-top:-0.5px;}

#main .stit {font-family:'Montserrat','Noto Sans KR',sans-serif;font-size:40px;color:#000;font-weight:600;line-height:1.2em;}
#main .stit span {font-weight:200;}
#main .stxt {font-size:16px;color:#555;font-weight:300;line-height:1.4em;margin-top:10px;}
#main .stxt a {vertical-align:baseline; }

#main .contain > .inner:before {content:'';display:inline-block;vertical-align:middle;height:100%;}
/*#main .wrap {position:relative;top:50%;transform:translate(0,-50%);left:0;width:100%;}*/

#main .wrap {display:inline-block;width:99%;vertical-align:middle;}


#about {background:url(../images/ab-bg.gif) no-repeat 50% 50%;background-size:cover;background-attachment:fixed;}
.ab-history {margin:40px 0 0;position:relative;}
.ab-history:after {content:'';display:block;clear:both;}
.ab-history > li {float:left;width:20%;position:relative;}
.ab-history .img {padding-right:15px;}
.ab-history .line {display:block;width:100%;height:1px;background:#030404;position:relative;left:0;margin-top:50px;}
.ab-history dl {padding:70px 10px 0 0;position:relative;}
.ab-history dl:before {content:'';display:block;width:26px;height:17px;background-image:url(../images/ab-arr.png);background-repeat:no-repeat;position:absolute;left:0;top:-8.5px;}
.ab-history > li.fst dl:before {width:10px;height:20px;background-image:none;background:#edb10e;top:-10px;}
.ab-history dl dt {font-family:'Montserrat','Noto Sans KR',sans-serif;font-size:18px;color:#000;font-weight:600;margin-bottom:15px;}
.ab-history dl dt span {font-weight:500;}
.ab-history dl dd {font-size:15px;color:#555;line-height:26px;padding-left:13px;background:url(../images/ab-dot.gif) left 11px no-repeat;}

#business .stit {position:relative;padding-left:442px;}
#business .stit h4 {position:absolute;left:0;top:0;}
#business .stit .stxt {padding-left:30px;border-left:4px solid #000;}

#business .bu-box {margin:105px -15px 0;}
.roll-wrap {float:left;width:33.3333%;padding:0 15px;box-sizing:border-box;}
#business .bu-box:after {content:'';display:block;clear:both;}
#business .roll-box {position:relative;box-shadow:0px 6px 15px 5px rgba(179,179,179,0.4);}
#business .roll-box .area {display:block;background:#fff;}
#business .roll-box .roll .img {display:block;position:relative;}
#business .roll-box .roll .area img {width:100%;}
#business .roll-box .over {display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.8);transition:0.3s;font-size:18px;color:#fff;text-align:center;opacity:0;}
#business .roll-box .over:before {content:'';display:inline-block;height:100%;vertical-align:middle;}
#business .roll-box .over dl {display:inline-block;vertical-align:middle;}
#business .roll-box .over dl dt {font-size:24px;}
#business .roll-box .over dl dd {margin-top:20px;line-height:1.4em;font-weight:300;}
#business .roll-box .area:hover .over {opacity:1;}
#business .roll-box .box {display:block;height:57px;padding-left:30px;}
#business .roll-box .box:before {content:'';display:inline-block;height:100%;vertical-align:middle;}
#business .roll-box .box .in {display:inline-block;vertical-align:middle;}
#business .roll-box .box .act {display:inline-block;font-size:16px;color:#222;font-weight:400;position:relative;padding-right:20px;margin-right:20px;}
#business .roll-box .box .act:after {content:'';display:block;width:1px;height:14px;background:#e8e8e8;position:absolute;right:0;top:50%;margin-top:-7px;}
#business .roll-box .box .pro {font-size:12px;color:#b2b2b2;vertical-align:top;}
#business .roll-box .bx-controls-direction a {display:block;width:38px;height:28px;text-indent:-9999px;position:absolute;bottom:15px;z-index:136;}
#business .roll-box .bx-controls-direction .bx-prev {background:url(../images/bu-prev.gif) no-repeat;right:73px;border-right:1px solid #e8e8e8;}
#business .roll-box .bx-controls-direction .bx-next {background:url(../images/bu-next.gif) no-repeat;right:35px;}

#product {background:url(../images/pro-bg.gif) no-repeat 50% 50%;background-size:cover;background-attachment:fixed;}
.pro-box {margin:60px -15px 0;}
.pro-box:after {content:'';display:block;clear:both;}
.pro-box > li {float:left;width:33.3333%;padding:0 15px;box-sizing:border-box;}
.pro-box > li > a {display:block;background:#fff;}
.pro-box > li > a .img {overflow:hidden;}
.pro-box > li > a img {width:100%;transition:0.3s;}
.pro-box > li > a .box {display:block;height:57px;line-height:57px;padding-left:30px;position:relative;}
.pro-box > li > a .box:after {content:'';display:block;width:17px;height:17px;background:url(../images/pro-more.gif) 0 0/cover no-repeat;position:absolute;right:30px;top:20px;}
.pro-box > li > a .box .act {font-family:'Montserrat',sans-serif;font-size:16px;color:#222;font-weight:400;}
.pro-box > li > a:hover img {transform:scale(1.1,1.1);}

.part-box {margin-top:45px;border-top:1px solid #ddd;border-left:1px solid #ddd;overflow:hidden;}
.part-box a {float:left;width:25%;border-right:1px solid #ddd;border-bottom:1px solid #ddd;box-sizing:border-box;position:relative;}
.part-box a .over {display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:url(../images/part-bg.gif) 0 0/cover no-repeat;transition:0.3s;font-size:15px;color:#fff;text-align:center;opacity:0;}
.part-box a .over:before {content:'';display:inline-block;height:100%;vertical-align:middle;}
.part-box a .over span {display:inline-block;vertical-align:middle;}
.part-box a:hover .over {opacity:1;}

#people {background:url(../images/peo-bg.jpg) no-repeat 50% 50%;background-size:cover;background-attachment:fixed;}
#people .img {margin-top:40px;text-align:center;}

#contact .stxt {line-height:1.6em;margin-top:15px;}
#contact .stxt span {display:inline-block;padding-left:25px;background-position:left center;background-repeat:no-repeat;}
#contact .stxt .add {background-image:url(../images/con-ico1.gif);}
#contact .stxt .tel {background-image:url(../images/con-ico2.gif);}
#contact .stxt .mail {background-image:url(../images/con-ico3.gif);}
#contact .con-map {margin-top:35px;height:440px;}
#contact .con-map iframe {height:440px;}



#footer {background:#111;padding:45px 10px;}
#footer .inner {max-width:1400px;margin:0 auto;position:relative;overflow:hidden;font-family:'Montserrat',sans-serif;font-size:13px;color:#ccc;}
#footer .copy {float:left;}
#footer .down {float:right;color:#fff;background:url(../images/btn-down.gif) left center no-repeat;padding:3px 0 3px 25px;}



#wrap.sub {padding-top:80px;}


#svis {background-position:50% 0;background-repeat:no-repeat;background-size:cover;overflow:hidden;}
#svis .inner {max-width:1440px;margin:0 auto;position:relative;}
#svis dl {position:absolute;left:50%;transform:translate(-50%,0);top:0;padding-top:100px;width:100%;font-size:0;display:table;}
#svis.svis3 dl {padding-top:70px;}
#svis dl dt {display:table-cell;width:40%;text-align:center;vertical-align:middle;}
#svis dl dd {display:table-cell;width:60%;font-size:16px;color:#222;line-height:1.4em;padding-left:40px;border-left:4px solid #000;box-sizing:border-box;}
.svis3 dl dt img {margin-top:-30px;}

#sub .inner {max-width:1440px;margin:0 auto;}

.sub1 {padding:100px 10px 160px;}
.__clo {margin:0 -15px;}
.__clo:after {content:'';display:block;clear:both;}
.__clo > li {float:left;width:25%;padding:0 15px 30px;box-sizing:border-box;}


.sub2 {padding:80px 10px 160px;}
.__for-top .box {font-size:0;}
.__for-top .box > div {display:inline-block;width:50%;box-sizing:border-box;vertical-align:middle;}
.__for-top .box .lef {padding-right:6%;}
.__for-top .box .rig span {display:block;font-size:22px;color:#000;font-weight:300;line-height:1.5em;}
.__for-top .box .rig strong {font-weight:600;}
.__for-top .box .rig p {font-size:16px;color:#777;font-weight:300;line-height:1.8em;margin-top:28px;}
.__for-logo {overflow:hidden;margin-top:50px;}
.__for-logo li {float:left;width:14.2857%;box-sizing:border-box;text-align:center;padding-top:13px;border-right:1px dashed #ccc;}
.__for-logo li:first-child {border-left:1px dashed #ccc;}
.__for-logo li p {font-size:14px;color:#222;line-height:1.2em;margin-top:20px;}

.__for-mid {margin-top:110px;}
.__for-tit {display:block;font-size:30px;color:#000;font-weight:600;}
.__for-tit span {font-weight:300;}
.__for-img {margin:30px -15px 0;overflow:hidden;}
.__for-img li {float:left;width:33.3333%;padding:0 15px;box-sizing:border-box;margin-bottom:40px;}
.__for-img .desc {width:100%;height:60px;font-size:16px;color:#222;box-sizing:border-box;padding:20px 0 0 20px;margin-top:-30px;position:relative;z-index:10;background:#fff;}
.__for-img .desc .num {display:inline-block;font-family:'Montserrat',sans-serif;font-size:30px;color:#df5a26;font-weight:700;margin-right:15px;vertical-align:middle;position:relative;}
.__for-img .desc .num:before {content:'';display:block;width:100%;height:100%;background:url(../images/for-num.png) 0 0 no-repeat;position:absolute;left:0;top:5px;z-index:0;}

.__for-bot {margin-top:90px;}
.__for-tbl {display:table;width:100%;margin-top:30px;border-top:1px solid #7e7e7e;table-layout:fixed;}
.__for-tbl .row {display:table-row;}
.__for-tbl .th, .__for-tbl .td {display:table-cell;border-bottom:1px solid #e3e3e3;vertical-align:middle;text-align:center;}
.__for-tbl .th {width:13%;font-size:16px;color:#fff;background:#909090;}
.__for-tbl .td {width:29%;padding:20px 5px;font-size:16px;color:#444;font-weight:300;}
.__for-tbl .bg1 {background:#fafafa;}
.__for-tbl .name .td {font-size:18px;color:#000;font-weight:500;}
.__for-tbl .orn .td {color:#df5a26;}
.__for-tbl .link a {margin:5px 10px;}

.__for-tbl2 {width:100%;border-top:1px solid #7e7e7e;margin-top:15px;}
.__for-tbl2 .tit {width:20%;}
.__for-tbl2 th, .__for-tbl2 td {text-align:center;border-bottom:1px solid #e3e3e3;}
.__for-tbl2 th {font-size:13px;color:#fff;font-weight:400;background:#909090;}
.__for-tbl2 td {font-size:13px;color:#444;font-weight:300;padding:10px 5px;}
.__for-tbl2.type1 td {background:#fafafa;}
.__for-tbl2 .name {font-size:15px;color:#000;font-weight:500;}
.__for-tbl2 .orn {color:#df5a26;}
.__for-tbl2 .link a {float:left;width:50%;padding:5px;margin:3px 0;box-sizing:border-box;}

.sub3 {padding:80px 0 160px;}
.__bag-top {overflow:hidden;}
.__bag-top > div {float:left;width:50%;box-sizing:border-box;}
.__bag-top .rig {padding-left:40px;}
.__bag-top .rig .tit {display:block;font-family:'Montserrat',sans-serif;font-size:30px;color:#000;font-weight:600;text-align:center;}

.__bag-desc {width:100%;margin-top:20px;}
.__bag-desc .w1 {width:28%;}
.__bag-desc th, .__bag-desc td {font-family:'Montserrat','Noto Sans KR',sans-serif;font-size:16px;border-bottom:1px solid #e3e3e3;padding:17px 0;}
.__bag-desc th {color:#fff;font-weight:400;text-align:left;background:#909090;padding-left:20px;}
.__bag-desc td {color:#444;background:#fafafa;padding-left:40px;}

.__bag-mid {background:url(../images/bag-bg.gif) 50% 0/cover fixed no-repeat;padding:150px 10px 140px;overflow:hidden;margin-top:100px;}
.__bag-mid .inner {font-size:0;text-align:center;}
.__bag-tag {display:inline-block;width:33.33333%;vertical-align:middle;}
.__bag-tag strong {display:block;font-family:'Montserrat','Noto Sans KR',sans-serif;font-size:20px;color:#000;font-weight:600;margin-top:35px;}
.__bag-tag:nth-child(1) {padding-left:80px;box-sizing:border-box;}



.__bag-tbl {margin-top:100px;}
.__bag-tbl .th, .__bag-tbl .td {font-family:'Montserrat',sans-serif;line-height:1.4em;font-weight:400;}
.__bag-tbl .th {text-align:left;padding-left:20px;}
 
.__bag-tbl2 .tit {width:auto}
.__bag-tbl2 th {width:105px;}
.__bag-tbl2 th, .__bag-tbl2 td {font-family:'Montserrat',sans-serif;line-height:1.3em;font-weight:400;}
.__bag-tbl2 th {text-align:left;padding-left:5px;}

.back_btn {text-align:right;margin-top:30px;}
.back_btn.type1 {margin-top:0;}
.back_btn a {display:inline-block;font-size:13px;color:#fff;background:#111;padding:10px 20px;border-radius:10px;}