@charset "utf-8";

@import url(util.css);
@import url(animate.min.css);

/* Font */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700);


/* Reset with bootstrap */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'Noto Sans CJK KR','Noto Sans KR','나눔 바른 고딕','맑은 고딕','Malgun Gothic','돋움','Apple SD Gothic Neo',sans-serif;color:#666}
body{-ms-word-break:break-all;word-break:keep-all;word-wrap:break-word;font-size:14px}
a{text-decoration:none;color:#666}
a:hover, a:focus, a:active{text-decoration:none}
a,button,input,textarea{-o-transition:border-color .3s,background .3s,color .3s,opacity .3s;-moz-transition:border-color .3s,background .3s,color .3s,opacity .3s;-webkit-transition:border-color .3s,background .3s,color .3s,opacity .3s,-webkit-transform .3s;transition:border-color .3s,background .3s,color .3s,opacity .3s,-webkit-transform .3s}
li{list-style:none}
address,em{font-style:normal}
label{margin-bottom:0;cursor:pointer}
table{width:100%}
video{max-width:100%}
textarea{resize:none}

/* Helper Classes */
.skip{z-index:100;background:#000;text-align:center;color:#fff}
.skip:active, .skip:focus{position:absolute;width:100%;padding:1em;color:#fff}
.blank{background:url(../img/knowledge/blank.png)}
.overflow{overflow:hidden}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.d-iblock{display:inline-block}
.d-block{display:block}
.pr{position:relative}
.pa{position:absolute}
.no-style{margin:0;padding:0;border:0;background:none}
.twoline{display:block;display:-webkit-box;overflow:hidden;max-height:2.858em;line-height:1.429em;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;white-space:normal}

/* Icon */
[class^=icon-]{display:inline-block;overflow:hidden;margin:0;padding:0;border:0;background-color:transparent;background-position:50% 50%;background-repeat:no-repeat;font-size:0;line-height:0;text-decoration:none;vertical-align:middle;text-indent:-1000em}
.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}
.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}
.icon-mn{display:block;width:59px;height:59px;margin-bottom:3px;border-radius:50%;background-image:url(../img/icon_mn.png)}
.if-scroll .icon-mn{border:1px solid #188a56}
.icon-pause{width:20px;height:20px;margin-left:10px;background-image:url(../img/icon_pause.png);background-size:100%}

/* Typography */
.t-alpha{font-size:50px;padding-bottom:.6em}
.t-beta{font-size:35px}
.t-gamma{font-size:30px}
.t-delta{font-size:18px}

/* Theme */
.color-wh{color:#fff !important}
.color-blk{color:#000 !important}
.color-grey{color:#888 !important}
.color-org{color:#f57606 !important}
.color-mint{color:#2a9f8a !important}
.color-navy{color:#1b354f !important}
.color-ygrn{color:#90b32d !important}
.color-bgrn{color:#177c64 !important}
.color-red{color:#ef3f58 !important}
.color-ylw{color:#ffe11a !important}
.bg-wh{background-color:#fff !important}
.bg-org{background-color:#f57606 !important}
.bg-grn, .w-btn.bg-org{background-color:#86a72a !important}
.bg-mint{background-color:#5ba99b !important}
.bg-navy{background-color:#0f2956 !important}
.bg-ygrn{background-color:#90b32d !important}
.bg-primary, .w-btn.bg-primary{background-color:#295289}
.bg-blk, .w-btn.bg-blk{background-color:#161a1c;color:#fff}
.font-mj{font-family:'Nanum Myeongjo',serif;letter-spacing:-.07em}
.font-en, .font-num{font-family:'Droid Serif', serif}
.bg-blue{background-color:#003591 !important}

/* List */
[class*=lst-type-]{line-height:1.7}
[class*=lst-type-] li{position:relative;padding-left:.714em}
[class*=lst-type-] li:before{position:absolute;left:0}
.lst-type-dot li:before{content:"ㆍ"}
.lst-type-dash li:before{content:'-'}
.dsc-inline{font-size:0}
.dsc-inline dt, .dsc-inline dd{display:inline-block;font-size:14px}
.lst-split li{float:left}
.lst-split li+li:before{content:"";display:inline-block;width:1px;height:.9em;margin:0 15px;background:rgba(255,255,255,.3);vertical-align:middle}

/* Grid */
.row,
.form-horizontal .form-group{margin-left:0;margin-right:0}
.container, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{padding-left:0;padding-right:0}
.w1200{position:relative;width:1200px;margin:0 auto}
.w1100{position:relative;width:1100px;margin:0 auto}

/* Table */
.tb{table-layout:fixed;margin-top:15px;border-bottom:1px solid #777}
.tb th, .tb td{font-family:'Noto Sans CJK KR','Noto Sans KR','나눔 바른 고딕','맑은 고딕','Malgun Gothic','돋움','Apple SD Gothic Neo',sans-serif;font-size:14px}
.tb>tbody>tr:first-child{border-top:2px solid #777}
.tb>tbody>tr+tr{border-top:1px solid #d9d9d9}
.tb-board>tbody>tr:nth-child(even) td{background:#fbfbfb}
.tb-board tr:first-child td{background:none}
.tb-board td{padding:25px 30px}
.tb-board .view-title{text-align:left}
.board-tit{position:relative;display:inline-block;margin-bottom:5px;font-size:19px;color:#333}
.board-tit span{padding-right:5px}
.board-tit img{margin-top:-2px}
.icon-new{position:absolute;right:0;top:50%;width:15px;height:15px;margin-top:-7px;background-image:url(../img/news/new.jpg)}
.board-tit+p{font-size:16px;color:#888}
.meta-num, .meta-date{font-size:17px;text-align:center;color:#888}
.meta-date{text-align:right}
.icon-cal{width:20px;height:19px;margin:-5px 5px 0 0;background-image:url(../img/news/icon_cal.png)}
.view-title .meta-date{font-size:16px}
.view-title .meta-date .icon-cal{margin-right:10px}
.view-title .meta-date+strong:before{content:"";display:inline-block;width:1px;height:.8em;margin:-3px 15px 0;background:#878787;vertical-align:middle}
.tb-board .label, .recruit-slider .label{display:block;width:100px;padding:1em;border-radius:0;border:1px solid #52b7e7;background:#52b7e7;font-weight:400;font-size:16px}
.tb-board .label.off, .recruit-slider .label.off{background-color:#666;border-color:#5e5e5e}
.tb-board .label-round{padding:1em 0;border:1px solid #4ba494;background:none;border-radius:50px;color:#4ba494}
.tb-vertical th{height:60px;background:#f9f9f9;text-align:center;font-weight:500}
.tb-vertical td{padding:9px 18px}
.view .tb-vertical td{padding:18px}
.tb-vertical textarea{height:470px}
.tb-vertical .form-inline .form-control{width:460px}
.icon-chk{width:12px;height:8px;margin:-3px 10px 0 0;background-image:url(../img/news/icon_chk.png)}
.list-text.tb{margin-top:50px}
.list-text.tb tr:first-child{border-top-width:1px}
.tb-vertical u a{color:#5688c6}
.tb-vertical .title{position:relative;display:inline-block;padding-right:20px}
.icon-up, .icon-down{width:12px;height:7px;margin:-3px 10px 0 0}
.icon-up{background-image:url(../img/news/icon_up.png)}
.icon-down{background-image:url(../img/news/icon_down.png)}
.icon-list{width:15px;height:10px;margin:-3px 10px 0 0;background-image:url(../img/news/icon_list.png)}
.databox .form-group{position:relative;width:240px}
.databox.form-inline .form-control{width:100%;padding-right:40px}
.databox .form-group:after{content:"";position:absolute;top:50%;right:10px;width:20px;height:19px;margin-top:-10px;background:url(../img/news/icon_cal.png) no-repeat}
.databox span{padding:0 15px}
.tab-board li+li:before{margin:-2px 15px 0;background:#888}

/* Form */
.w-btn-group{margin-bottom:40px}
.w-btn-group .w-btn{width:50%}
/* Form : Button */
.btn{text-shadow:none;background-color:transparent;box-shadow:none !important}
.w-btn{position:relative;z-index:1;display:inline-block;border:1px solid transparent;border-radius:0;padding:.5em 2em;vertical-align:middle;text-align:center;white-space:nowrap;cursor:pointer;text-transform:uppercase;font-weight:400;font-size:14px;color:#fff}
.w-btn:hover, .w-btn:focus, .w-btn:active{color:#fff}
[class*=btn-outline]{border-color:#fff}
.btn-outline-mint.btn-outline-mint{border-color:#41b19c;color:#41b19c}
.btn-lg{padding:1em;font-size:20px}
.w-btn-group:after{content:"";display:block;clear:both}
.w-btn-group>.w-btn{position:relative;float:left}
.w-btn-group>.w-btn+.w-btn{margin-left:-1px}
.w-btn-group .btn-outline:before{display:none}
.w-btn-group .btn-outline{background:#fff;border:1px solid #444;color:#444}
.w-btn-group .btn-outline.active{background:#444;border-color:#444;color:#fff}
.w-btn-group input[type=checkbox], .w-btn-group input[type=radio]{position:absolute;top:-9999em}
.form-control{border-radius:0;border-color:#b5b5b5;box-shadow:none !important}
.form-control:focus{border-color:#68b9aa}
.input-lg, select.input-lg{height:47px;padding:12px;font-size:14px}
select.input-lg{padding-left:8px}
.btn-default, .btn-default:hover, .btn-default:focus, .btn-default:active{background:#4e545d !important;border:0;color:#fff !important}
.icon-pop-close{position:absolute;top:0;right:0;width:80px;height:80px;background-image:url(../img/pop_close.png)}
.radio-group .btn{padding:9px 0}
.radio-group .btn:after{content:"";display:inline-block;width:30px;height:30px;margin:-4px 30px 0 5px;background:url(../img/news/radio.png) no-repeat;vertical-align:middle}
.radio-group .btn.active:after{background-image:url(../img/news/radio_on.png)}

/* Calender */
.datepicker-dropdown{min-width:0;width:240px}

/* Navs */
.tab-basic>li+li a{border-left:0}
.tab-basic a{display:block;padding:1em;border:1px solid #a2a5ad;font-size:18px;color:#9699a1}
.tab-basic .active a{border-color:transparent;background:#2c3b64;color:#fff}

/* Pagination */
.paging{position:relative;margin-top:-1px;border-top:1px solid #777}
.pagination{margin:20px 0}
.pagination>li>a, .pagination>li>a:hover, .pagination>li>a:focus{border-radius:0 !important;background:none;border-color:transparent;color:#888}
.pagination>li>a, .pagination>li>a:hover, .pagination>li>a:focus{width:40px;height:40px;padding:6px;margin-left:5px;font-size:16px;text-align:center}
.pagination>li.active>a, .pagination>li.active>a:hover, .pagination>li.active>a:focus{border-color:#aaa;background-color:#b3b8bf;color:#fff}
.pagination>li.prev>a, .pagination>li.next>a{border-color:#b5b5b5}
.pagination>li:first-child a{margin-left:0}
.paging .w-btn{position:absolute;top:15px;right:0;width:150px;padding:.7em;font-size:17px}
.paging .btn-default{width:auto;right:160px}
.icon-write{width:14px;height:14px;margin:-2px 10px 0 0;background-image:url(../img/news/icon_write.png)}

/* Label */
.label{border:1px solid transparent}

/* Modal */
.modal-dialog{width:1100px;margin:5% auto;background:#fff;text-align:center}
.pop-business .modal-dialog{margin:3% auto}
[class^=icon-pop-close]{position:absolute;top:0;right:0;width:70px;height:70px;background-image:url(../img/modal_close.png)}
.icon-pop-close-wh{top:-70px;background-image:url(../img/modal_close_wh.png)}
.pop-contact .modal-dialog{width:650px;padding:50px 30px;margin:3% auto;background:#1b354f;text-align:center}
.contact-wrap{position:relative;width:100%;height:1040px;border:0}
.pop-contact .icon-pop-close-wh{top:0;right:0}
.pop-view .modal-dialog{display:inline-block;width:auto;padding:10px}
.pop-view .pop-view-img{max-width:600px}
.pop-view .pop-view-title{padding:20px;font-size:15px}
.complete_box{position:relative;background:#fff}
.pop-recruit .modal-dialog{width:865px}
.pop-recruit .recruit-title, .pop-pdf .title{padding:1em 0;background:#52b7e7;font-size:25px;color:#fff}
.pop-recruit .pop-content{padding:40px 25px;text-align:left}
.pop-recruit .dl-horizontal{padding:30px 45px;background:#ebebeb;color:#111}
.pop-recruit dt{width:105px;text-align:left}
.pop-recruit dd{padding:0 0 15px 50px;margin-left:105px;border-left:1px solid #c5c5c5}
.pop-recruit dd:last-child{padding-bottom:0}
.recruit-content{padding:50px 30px}
.pop-recruit .label{width:70px;padding:5px;background:#52b7e7;border-radius:0;font-size:14px;font-weight:400}
.pop-recruit .label.off{background:#666}
.recruit-file{color:#172c95}
.pop-pdf .modal-dialog{width:400px}
.pop-pdf .title{background:#777}
.pop-pdf .w-btn{padding:1em;text-transform:none;font-size:18px;border-radius:50px}
.pop-pdf .w-btn+.w-btn{margin-top:10px}


/* Slider */
.bx-wrp{overflow:hidden;position:relative;visibility:hidden;height:0}
.bx-wrp.bx-open{overflow:visible;visibility:visible;height:auto}
.bx-controls-direction a{position:absolute;top:50%;width:35px;height:70px;margin-top:-35px;background-repeat:no-repeat;font-size:0;line-height:0;text-indent:-9999em}
.bx-prev{left:-45px;background-image:url(../img/arr_left.png)}
.bx-next{right:-45px;background-image:url(../img/arr_right.png)}
.arr-blk .bx-controls-direction a{width:29px;height:56px;margin-top:-28px}
.arr-blk .bx-prev{left:0;background-image:url(../img/arr_left_blk.png)}
.arr-blk .bx-next{right:0;background-image:url(../img/arr_right_blk.png)}
.slider-pager{position:absolute;top:110px;left:50%;z-index:60;margin-left:380px;text-align:left}
.slider-pager a{display:block;margin-bottom:15px;font-size:12px;color:#a3a3a3}
.slider-pager a:before{content:"";display:inline-block;width:5px;height:5px;margin:-2px 5px 0 0;border-radius:50%;background:#a3a3a3;vertical-align:middle}
.slider-pager a.active{color:#118a56}
.slider-pager a.active:before{background-color:#118a56}

/* Wrapper */
.tb-wrp{display:table;width:100%;table-layout:fixed}
.tb-wrp .cell{display:table-cell;height:100%;width:100%;padding:5% 0;vertical-align:middle;text-align:center}

/* XE fix */
.board .iText{height:27px}
.board select, .board input{height:34px;padding:6px 12px;outline:none !important;box-shadow:none !important}
.board .btn{height:34px !important}
.board input[type=radio], .board input[type=checkbox]{display:inline-block;height:auto;padding:0;margin:0 5px 0 0;vertical-align:middle}
.board input[type=radio]+label{margin-right:10px}
.cke_chrome{box-shadow:none}
.write_author{float:none}
.frm-write ul li{display:inline-block}

/* Animate */
.ani-stop{visibility:hidden;-webkit-animation-name:none !important;animation-name:none !important}
.ani-delay015{-webkit-animation-delay:.15s;animation-delay:.15s}
.ani-delay025{-webkit-animation-delay:.25s;animation-delay:.25s}
.ani-delay02{-webkit-animation-delay:.2s;animation-delay:.2s}
.ani-delay03{-webkit-animation-delay:.3s;animation-delay:.3s}
.ani-delay04{-webkit-animation-delay:.4s;animation-delay:.4s}
.ani-delay05{-webkit-animation-delay:.5s;animation-delay:.5s}
.ani-delay06{-webkit-animation-delay:.6s;animation-delay:.6s}
.ani-delay07{-webkit-animation-delay:.7s;animation-delay:.7s}
.ani-delay075{-webkit-animation-delay:.75s;animation-delay:.75s}
.ani-delay08{-webkit-animation-delay:.8s;animation-delay:.8s}
.ani-delay09{-webkit-animation-delay:.9s;animation-delay:.9s}
.ani-delay10{-webkit-animation-delay:1s;animation-delay:1s}
.ani-delay11{-webkit-animation-delay:1.1s;animation-delay:1.1s}
.ani-delay12{-webkit-animation-delay:1.2s;animation-delay:1.2s}
.ani-delay125{-webkit-animation-delay:1.25s;animation-delay:1.25s}
.ani-delay13{-webkit-animation-delay:1.3s;animation-delay:1.3s}
.ani-delay14{-webkit-animation-delay:1.4s;animation-delay:1.4s}
.ani-delay15{-webkit-animation-delay:1.5s;animation-delay:1.5s}
.ani-delay16{-webkit-animation-delay:1.6s;animation-delay:1.6s}
.ani-delay17{-webkit-animation-delay:1.7s;animation-delay:1.7s}
.ani-delay175{-webkit-animation-delay:1.75s;animation-delay:1.75s}
.ani-delay18{-webkit-animation-delay:1.8s;animation-delay:1.8s}
.ani-delay19{-webkit-animation-delay:1.9s;animation-delay:1.9s}
.ani-delay20{-webkit-animation-delay:2s;animation-delay:2s}
.ani-delay21{-webkit-animation-delay:2.1s;animation-delay:2.1s}
.ani-delay22{-webkit-animation-delay:2.2s;animation-delay:2.2s}
.ani-delay23{-webkit-animation-delay:2.3s;animation-delay:2.3s}
.ani-delay24{-webkit-animation-delay:2.4s;animation-delay:2.4s}
.ani-delay25{-webkit-animation-delay:2.5s;animation-delay:2.5s}
.ani-delay26{-webkit-animation-delay:2.6s;animation-delay:2.6s}
.ani-delay27{-webkit-animation-delay:2.7s;animation-delay:2.7s}
.ani-delay28{-webkit-animation-delay:2.8s;animation-delay:2.8s}
.ani-delay30{-webkit-animation-delay:3s;animation-delay:3s}
.ani-delay40{-webkit-animation-delay:4s;animation-delay:4s}
.ani-duration05{-webkit-animation-duration:.5s;animation-duration:.5s}
.ani-duration{-webkit-animation-duration:1s;animation-duration:1s}
.ani-duration15{-webkit-animation-duration:1.5s;animation-duration:1.5s}
.ani-duration2{-webkit-animation-duration:2s;animation-duration:2s}
.ani-duration3{-webkit-animation-duration:3s;animation-duration:3s}

/*--------------------------------------
    MAIN PAGES
---------------------------------------*/

/* Layout */
body{overflow-x:auto;min-width:1200px}
#wrap{overflow-x:hidden}
#hd{position:fixed;z-index:110;top:0;left:0;right:0}
#snb{position:fixed;z-index:50;top:50%;right:30px;margin-top:-34px}

/* Header */
.logo{position:absolute;z-index:5;top:35px;left:50px;width:147px;height:49px;background:url(../img/logo.png) no-repeat;line-height:0}
.if-scroll .logo{background-image:url(../img/logo_dark.png)}
#hd>.btnSwitch{position:absolute;top:35px;right:35px;text-align:center;font-size:18px;color:#fff}
.if-scroll #hd>.btnSwitch{color:#188a56}

/* Gnb */
.nav-open{overflow:hidden}
.overflow #wrap.if-m,
.nav-open #wrap.if-m{position:fixed;left:0;right:0}
#gnb{overflow:hidden;overflow-y:auto;position:fixed;top:0;left:0;right:0;bottom:0;z-index:110;min-width:1200px;display:none;padding:45px 55px}
#gnb:before{content:"";position:absolute;top:0;left:0;right:50%;bottom:0;transform:translate(-100%,0);background:#fff;transition:transform .4s ease-in}
.gnb-open #gnb:before, .gnb-open .dep2{transform:translate(0,0)}
.dep1{display:block;padding:20px 0;opacity:0;transition-delay:0}
.gnb-open .dep1{filter:Alpha(opacity=100);opacity:1;transition:opacity .3s .4s}
.dep2{display:none;position:absolute;overflow:hidden;top:0;left:50%;right:0;bottom:0;transform:translate(100%,0);transition:transform .4s ease-in}
.sidebox{display:none}
.active .dep2, .gnb-open .sidebox{display:block}
.dep2>ul{display:table;width:100%;height:100%}
.dep2>ul>li{display:table-row;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;-webkit-transition:all .3s;transition:all .3s}
.dep2>ul>li a{overflow:hidden;position:relative;display:table-cell;vertical-align:middle;color:#fff}
.dep2 .g1{background-image:url(../img/bg_dep2_1v.jpg)}
.dep2 .g2{background-image:url(../img/bg_dep2_2v.jpg)}
.dep2 .g3{background-image:url(../img/bg_dep2_3.jpg)}
.dep2 .g4{background-image:url(../img/bg_dep2_4.jpg)}
.dep2 a:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;height:1000px;opacity:.5;-webkit-transition:all .5s;transition:all .5s}
.dep2 a:hover:before, .dep2 a:focus:before{left:50%;opacity:.9}
.dep2 .g1 a:before{background:#192d40}
.dep2 .g2 a:before{background:#465A0E}
.dep2 .g3 a:before{background:#28426d}
.dep2 .g4 a:before{background:#555357}
.dep2 a>*{position:relative;z-index:1}
.dep2 a>span{display:block;transition:padding .5s;padding:0}
.dep2 a:hover>span{padding:20px 0 0 50%}
.sidetxt, .gnb-logo, .icon-close{position:absolute;z-index:1}
.icon-close{top:40px;right:50%;width:30px;height:30px;margin-right:50px;background-image:url(../img/icon_close.png)}
.gnb-logo{top:40px;left:50px}
.sidetxt{top:50%;left:50px;height:280px;margin-top:-140px}
.sidetxt strong{font-size:70px;font-weight:400;line-height:1}
@media screen and (max-width:1365px){
	.sidetxt strong{font-size:50px}
}
.sidetxt p{font-size:18px;color:#9b9b9b}
.sidetxt .dl-horizontal{margin:30px 0;font-size:16px}
.sidetxt .dl-horizontal dt{width:125px;text-align:left;font-weight:400}
.sidetxt .dl-horizontal dd{margin-left:125px}
.gnb-wrap{display:inline-block;width:50%;text-align:right;vertical-align:middle}
.gnb{display:inline-block;width:200px}
#gnb:after{content:"";display:inline-block;width:1px;height:100%;margin-left:-1px;vertical-align:middle}
.gnb .dep1{position:relative;padding-right:70px;font-size:30px;color:#333}
.gnb .active .dep1{color:#41b19c}
.gnb .dep1:after, .gnb .dep1:before{content:"";position:absolute;top:50%;margin-top:-4px;opacity:0;transition:opacity .3s}
.gnb .dep1:hover:after, .gnb .dep1:hover:before, .gnb .active .dep1:after, .gnb .active .dep1:before{opacity:1}
.gnb .dep1:after{right:0;width:40px;height:8px;background:#41b19c}
.gnb .dep1:before{right:40px;width:0;height:0;border:4px solid #41b19c;border-color:#41b19c #41b19c transparent transparent}
.gnb .lst-dep2{font-size:32px;text-align:center}
.gnb .hovertxt{display:none;font-size:17px;transition:all .5s;padding:0}
.gnb .hovertxt p{margin:5px 0 10px;filter:Alpha(opacity=60);opacity:.6}
.gnb .dep2 a:hover .hovertxt, .gnb .dep2 a:focus .hovertxt{display:block;padding:0 0 20px 50%}
.linkbox{position:absolute;bottom:100px;left:50px}
.linkbox a+a:before{content:"|";display:inline-block;margin:-3px 10px 0;font-size:.8em;vertical-align:middle}

/* Footer */
#ft{background:#192343}
.ft-top{padding:70px 0;text-align:center}
.lst-branch{display:inline-block;font-size:0}
.lst-branch dl{display:inline-block;min-height:140px;padding:10px 18px;font-size:14px;text-align:left;vertical-align:top;color:#fff}
.lst-branch dl:first-child{padding-left:0}
.lst-branch dl:last-child{padding-right:0}
.lst-branch dl+dl{border-left:1px solid rgba(255,255,255,.1)}
.lst-branch dt{margin-bottom:1em;font-size:16px;font-weight:400}
.lst-branch dd{filter:Alpha(opacity=40);opacity:.4;line-height:1.8}
.ft-btm{padding:30px 0;background:#0a1027;text-align:center;text-transform:uppercase;color:#3f4456}

/* Common */
.pane{font-size:18px}
.pane.tb-wrp{height:768px}
.bg-full{position:absolute;top:-50%;left:-50%;width:200%;height:200%}
.bg-full .bg{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;min-width:50%;min-height:50%;max-width:none;border:0}
.pane-visual>.bg{position:absolute;top:0;left:0;right:0;bottom:0;background-repeat:no-repeat;background-size:cover}
.snb li+li{margin-top:12px}
.snb a{position:relative;display:block;width:38px;height:8px;background:rgba(0,0,0,.3);font-size:0;line-height:0;text-indent:-9999em}
.snb .active a{background:#188a56}
.snb a:before{content:"";position:absolute;top:0;right:100%;width:0;height:0;border:4px solid transparent;transition:border .3s}
.snb .active a:before{border-color:#188a56 #188a56 transparent transparent}
.snb li.active:first-child a{background:#fff}
.snb li.active:first-child a:before{border-color:#fff #fff transparent transparent}
.pane{overflow:hidden;position:relative;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;text-align:center}
.scrolldown{position:absolute;z-index:50;bottom:85px;left:50%;width:70px;height:70px;margin-left:-35px;background:url(../img/scroll.png) no-repeat}
.pane-visual .t-alpha{overflow:hidden;position:relative;padding-bottom:0;margin-bottom:20px;font-size:110px;line-height:.95;text-shadow:1px 1px 5px rgba(0, 0, 0, .2)}
.industries #pane1 .t-alpha, .gyeonggi #pane1 .t-alpha, .environment #pane1 .t-alpha{text-transform:uppercase}
.industries .pane-visual .overflow, .gyeonggi .pane-visual .overflow, .about .pane-visual .overflow{margin-top:-10px;line-height:1.2}
.about .pane-visual .overflow{margin-bottom:-20px}
.index .pane-visual .t-alpha, .tech .pane-visual .t-alpha{line-height:1.2;text-transform:none}
.business .pane-visual .t-alpha{letter-spacing:-.03em}
.pane-visual:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:3;background:url(../img/pattern.png)}
.pane-visual .cell{position:relative}
.pane-visual .cell, .halfbg{z-index:5}
.halfbg{position:absolute;top:0;right:0;left:50%;bottom:0;filter:Alpha(opacity=75);opacity:.75}
.halfbg.bg-mint{background-color:#108f6f !important}
.box-tit span{display:block}
.box-tit>span:nth-last-of-type(1){font-size:50px}
.hoverwrp{position:relative}
.hoverwrp .hidden-bx{position:absolute;display:none;bottom:0;left:0;right:0}
.hoverwrp:hover .hidden-bx, .hoverwrp:focus .hidden-bx{display:block}

/* Content */
.pane-main{background:#eee}
.pane-main .pane-body{ overflow: hidden; position:relative;padding:300px 0;text-align:left}
.box-tit{position:absolute;width:255px;height:255px;padding:70px 0;background:rgba(245,118,6,.7);text-align:center;font-size:28px;line-height:1.1;color:#fff}
.pane-main .t-beta{font-weight:400;color:#000}
.pane-main .txt{padding-top:30px;line-height:1.8}
.counter-wrp [class^=counter]{font-style:italic}
.counter-wrp dd{font-size:125px;letter-spacing:-3px}
.counter-wrp .unit{font-size:50px;letter-spacing:-.03em}
.highlight{position:relative;display:inline-block;color:#fff}
.highlight span{position:relative;z-index:1}
.highlight [class^=bg]{position:absolute;top:3px;left:0;right:0;bottom:3px}
.bgitem{position:absolute;background-repeat:no-repeat}
.title-wrp{position:relative}
.pane-main{overflow-x:hidden;overflow-y:visible}
.pane1{z-index:3; background: #FFF}
.pane1:before, .pane2:before, .pane2:after, .pane3:before, .pane3:after{position:absolute;content:""; z-index:1; width:2000px; height:2000px;background:#fff;-ms-transform:skewY(-7deg);transform:skewY(-7deg)}
.pane1:before{left:0;right:0;bottom:0;width:auto;margin-bottom:-123px;background:#eee}
.index .pane1:before{top:100%;right:auto;bottom:auto;left:50%;width:2000px;margin-top:-123px;margin-bottom:0}
.pane2:before{ right:50%;bottom:100%; margin-bottom: -123px;}
.pane2:after,.pane3:before{-ms-transform:skewY(10deg);transform:skewY(10deg)}
.pane2:after{right:50%;top:100%; margin-top: -176px;}
.pane3:before{bottom:100%;left:50%; margin-bottom: -176px;background: #EEE;}
.pane3:after{top:85%;right:0; width:100%;background: #EEE; -ms-transform:skewY(-7deg);transform:skewY(-7deg)}
.pane-main .pane-body .w1200{z-index:2}
.bgitem{top:-265px;right:-100px;width:739px;height:708px;background-image:url(../img/item_pane1.png)}
.pane1 .box-tit{top:-45px;right:60px}
.pane2{z-index:2}
.pane-main .pane2{padding:200px 0;text-align:right}
.pane-main .pane2 .counter-wrp+p.color-mint{margin:-20px 0 60px 0}
.pane2 .dsc-figure{display:inline-block;width:400px}
.dsc-figure [class*=box-]{position:relative;float:left;width:200px;height:195px;padding:50px 0;text-align:center}
.dsc-figure .font-mj{display:block;font-size:34px}
.dsc-figure .figure{position:absolute;top:0;left:0;right:0;bottom:0;background-repeat:no-repeat;background-position:50% 0}
.dsc-figure .figure+span{position:relative;z-index:1}
.box-circle .figure{background-image:url(../img/circle.png)}
.box-square .figure{background-image:url(../img/square.png)}
.dsc-figure .box-pentagon{padding-top:60px}
.box-triangle .figure{left:-6px;right:-6px;background-image:url(../img/triangle.png);background-position:50% 10px}
.box-pentagon .figure{background-image:url(../img/pentagon.png)}
.pane2 .bgitem{top:-80px;right:auto;left:130px;width:913px;height:590px;background-image:url(../img/item_pane2.png)}
.pane2 .box-tit{top:100px;left:200px;padding:55px 0;background:rgba(98,181,144,.7)}
.pane-main .pane3{padding:200px 0 400px;background:#fff}
.pane3 .bgitem{top:-85px;right:250px;width:896px;height:598px;background-image:url(../img/item_pane3.png)}
.pane3 .box-tit{top:50%;right:165px;padding:53px 0;margin-top:-200px;background:rgba(55,67,104,.8)}
.pane3 .box-tit small{font-size:16px;color:rgba(255,255,255,.5)}
.pane3 .box-tit>span:last-child{font-size:70px}
.pane3 .box-tit>span:first-child{display:inline-block;text-align:right}
.pane3 .box-square .figure{background-image:url(../img/square_navy.png)}
.pane3 .box-circle{margin-top:-9px}
.pane3 .box-circle .figure{background-image:url(../img/circle_navy.png)}
.pane3 .box-pentagon{margin-top:-9px}
.pane3 .box-pentagon .figure{background-image:url(../img/pentagon_navy.png)}
.pane-main .pane4{padding-top:350px;margin-top:-11%;text-align:right}
.pane4 .bgitem{top:-340px;left:135px;right:auto;width:404px;height:486px;background-image:url(../img/item_pane4_2.png)}
.pane4 .bgitem.i2{top:-50px;left:0;width:293px;height:344px;background-image:url(../img/item_pane4.png)}
.pane4 .bgitem.i3{top:-255px;left:400px;width:432px;height:250px;background-image:url(../img/item_pane4_3.png)}
.pane4 .box-tit{top:90px;left:190px;padding:85px 0;background:rgba(144,179,45,.6)}
.pane4 dd{margin-bottom:-50px;font-size:140px}
.slogon{padding:200px 0;background:#5ba99b;text-align:center;font-size:50px;color:#fff}
.slogon .color-ylw{font-size:100px;color:#fce54d}
.pane-link .tb-wrp{float:left;width:50%;height:51%}
.pane-link .font-mj{display:block;padding-bottom:0;filter:Alpha(opacity=50);opacity:.5}
.pane-link a:hover .font-mj{filter:Alpha(opacity=100);opacity:1}
.pane-link .cell{position:relative;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;font-size:20px;color:#fff}
.link1{background-image:url(../img/bg_pane1.jpg)}
.link2{background-image:url(../img/bg_pane2.jpg)}
.link3{background-image:url(../img/bg_pane3.jpg)}
.link4{background-image:url(../img/bg_pane4.jpg)}
.pane-link .cell>*{position:relative;z-index:1}
.pane-link .cell:after, .pane-link .cell:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;height:1000px}
.pane-link .cell:before{background:rgba(0,0,0,.5)}
.pane-link .cell:after{background:url(../img/pattern.png)}
.pane-link .lst-split{visibility:hidden;height:0;margin:0;filter:Alpha(opacity=0);opacity:0;vertical-align:top;transition:all .3s}
.pane-link .cell:hover .lst-split{visibility:visible;height:auto;margin:.6em 0 1.5em;filter:Alpha(opacity=100);opacity:1}
.icon-arr-circle{width:51px;height:51px;margin-top:-20px;background-image:url(../img/icon_arr.png);transition:all .3s}
.cell:hover .icon-arr-circle{margin-top:0;background-image:url(../img/icon_arr_on.png)}
.pane-contact{background-image:url(../img/bg_contact.jpg)}
.pane-contact .pane-tit{padding-bottom:55px;font-size:60px;color:#fff}
.pane-contact .form-control{width:330px;height:60px;padding:18px;padding-left:25px;margin-right:35px;background:none;border:1px solid rgba(255,255,255,.5);font-size:18px;font-weight:400;line-height:58px;cursor:pointer;color:#fff}
.pane-contact .form-control option{color:#000}
.pane-contact .form-control-static{height:60px;padding:6px 10px;border-bottom:1px solid #419f8d;line-height:40px;font-size:20px}
.pane-contact .form-control-static .font-en{padding-left:30px;font-size:40px}
.pane-contact .w-btn{width:255px;margin-top:65px}
.icon-request{width:33px;height:33px;margin:-6px 10px 0 0;background-image:url(../img/icon_request.png);vertical-align:top}
.scroll-count{position:fixed;bottom:30px;left:50%;z-index:100;margin-left:-90px;font-size:0}
.numbox{display:inline-block;vertical-align:middle}
.scroll-count .num{position:relative;display:inline-block;width:20px;height:20px;margin-left:10px}
.scroll-count .num:after{content:"";display:inline-block;width:10px;height:10px;margin:5px;border-radius:50%;background:rgba(0,0,0,.3);-webkit-transition:all .3s;transition:all .3s}
.scroll-count .num.active:after{width:20px;height:20px;margin:0;background:#18a566}
.btn-contact, .btn-pdf{position:fixed;bottom:30px;right:35px;z-index:50;width:60px;height:60px;padding:17px 0;border-radius:50%;background:#374368;text-align:center;line-height:1.1;color:#fff !important}
.btn-pdf{bottom:100px;line-height:60px;padding:0;background:#188a55}
.nav-open .btn-contact, .nav-open .btn-pdf{z-index:-1}

/* index stone */
.rollingstones{ position:absolute;top:-40%;left:50%;width:1000px; height:600px; background:url(../img/index/stone_1_1.png) no-repeat; background-size: 80% auto; transition:background .3s;}
.rollingstones[data-i=i2]{top:-20%;background-image:url(../img/index/stone_1_2.png)}
.rollingstones[data-i=i3]{top:0%;background-image:url(../img/index/stone_1_3.png)}
.rollingstones[data-i=i4]{top:20%;background-image:url(../img/index/stone_1_4.png)}
.rollingstones[data-i=i5]{top:40%;background-image:url(../img/index/stone_1_5.png)}
.rollingstones[data-i=i6]{top:60%;background-image:url(../img/index/stone_1_6.png)}
.rollingstones[data-i=i7]{top:80%;background-image:url(../img/index/stone_1_7.png)}
.rollingstones[data-i=i8]{top:95%;background-image:url(../img/index/stone_1_8.png)}
.rollingstones[data-i=i1]{ margin-left: 200px;}
.rollingstones[data-i=i2]{ margin-left: 100px;}
.rollingstones[data-i=i3]{ margin-left: 0px;}
.rollingstones[data-i=i4]{ margin-left: -100px;}
.rollingstones[data-i=i5]{ margin-left: -200px;}
.rollingstones[data-i=i6]{ margin-left: -100px;}
.rollingstones[data-i=i7]{ margin-left:0px;}
.rollingstones[data-i=i8]{ margin-left: 100px;}
.pane2 .rollingstones{top:-40%;right:60%;margin-right:-500px;left:auto;background-position:100% 0;background-image:url(../img/index/stone_2_3.png);background-size:50% auto}
.pane2 .rollingstones[data-i=i2]{top:0%;margin-right:-450px;background-image:url(../img/index/stone_2_3.png)}
.pane2 .rollingstones[data-i=i3]{top:8%;background-image:url(../img/index/stone_2_3.png)}
.pane2 .rollingstones[data-i=i4]{top:16%;margin-right:-350px;background-image:url(../img/index/stone_2_4.png)}
.pane2 .rollingstones[data-i=i5]{top:24%;margin-right:-250px;background-image:url(../img/index/stone_2_5.png)}
.pane2 .rollingstones[data-i=i6]{top:36%;margin-right:-150px;background-image:url(../img/index/stone_2_6.png)}
.pane2 .rollingstones[data-i=i7]{top:40%;margin-right:-100px;background-image:url(../img/index/stone_2_7.png)}
.pane2 .rollingstones[data-i=i8]{top:48%;margin-right:-50px;background-image:url(../img/index/stone_2_8.png)}
.pane2 .rollingstones[data-i=i9]{top:56%;margin-right:0;background-image:url(../img/index/stone_2_7.png)}
.pane2 .rollingstones[data-i=i10]{top:64%;margin-right:-10px;background-image:url(../img/index/stone_2_3.png)}
.pane2 .rollingstones[data-i=i11]{top:72%;margin-right:-20px;background-image:url(../img/index/stone_2_4.png)}
.pane2 .rollingstones[data-i=i12]{top:80%;margin-right:-50px;background-image:url(../img/index/stone_2_5.png)}
.pane2 .rollingstones[data-i=i13]{top:88%;margin-right:-100px;background-image:url(../img/index/stone_2_6.png)}
.pane2 .rollingstones[data-i=i14]{top:100%;margin-right:-250px;background-image:url(../img/index/stone_2_7.png)}



.pane3 .rollingstones{top:-30%;margin-left:-150px;background-size:7% auto}
.pane3 .rollingstones[data-i=i1]{top:-20%;margin-left:-150px;background-image:url(../img/index/stone3_1_1.png)}
.pane3 .rollingstones[data-i=i2]{top:-10%;background-image:url(../img/index/stone3_2_1.png)}
.pane3 .rollingstones[data-i=i3]{top:5%;background-image:url(../img/index/stone3_3_1.png)}
.pane3 .rollingstones[data-i=i4]{top:15%;background-image:url(../img/index/stone3_4_1.png)}
.pane3 .rollingstones[data-i=i5]{top:20%;margin-left:-170px;background-image:url(../img/index/stone3_1_1.png)}
.pane3 .rollingstones[data-i=i6]{top:25%;margin-left:-160px;background-image:url(../img/index/stone3_2_1.png)}
.pane3 .rollingstones[data-i=i7]{top:30%;margin-left:-150px;background-image:url(../img/index/stone3_3_1.png)}
.pane3 .rollingstones[data-i=i8]{top:35%;margin-left:-240px;background-image:url(../img/index/stone3_4_1.png)}
.pane3 .rollingstones[data-i=i9]{top:40%;margin-left:-240px;background-image:url(../img/index/stone3_1_1.png)}
.pane3 .rollingstones[data-i=i10]{top:45%;margin-left:-270px;background-image:url(../img/index/stone3_2_1.png)}
.pane3 .rollingstones[data-i=i11]{top:50%;margin-left:-300px;background-image:url(../img/index/stone3_3_1.png)}
.pane3 .rollingstones[data-i=i12]{top:55%;margin-left:-320px;background-image:url(../img/index/stone3_4_1.png)}
.pane3 .rollingstones[data-i=i13]{top:60%;margin-left:-470px;background-image:url(../img/index/stone3_1_1.png)}
.pane3 .rollingstones[data-i=i14]{top:65%;margin-left:-500px;background-image:url(../img/index/stone3_2_1.png)}
.pane3 .rollingstones[data-i=i15]{top:70%;margin-left:-520px;background-image:url(../img/index/stone3_3_1.png)}
.pane3 .rollingstones[data-i=i16]{top:75%;margin-left:-570px;background-image:url(../img/index/stone3_4_1.png)}
.pane3 .rollingstones[data-i=i17]{top:80%;margin-left:-620px;background-image:url(../img/index/stone3_1_1.png)}
.pane3 .rollingstones[data-i=i18]{top:85%;margin-left:-570px;background-image:url(../img/index/stone3_2_1.png)}
.pane3 .rollingstones[data-i=i19]{top:90%;margin-left:-570px;background-image:url(../img/index/stone3_3_1.png)}
.pane3 .rollingstones[data-i=i20]{top:95%;margin-left:-570px;background-image:url(../img/index/stone3_4_1.png)}

.pane3 .rollingstones[data-i=i1].v2{background-image:url(../img/index/stone3_1_2.png)}
.pane3 .rollingstones[data-i=i2].v2{background-image:url(../img/index/stone3_2_2.png)}
.pane3 .rollingstones[data-i=i3].v2{background-image:url(../img/index/stone3_3_2.png)}
.pane3 .rollingstones[data-i=i4].v2{background-image:url(../img/index/stone3_4_2.png)}
.pane3 .rollingstones[data-i=i5].v2{margin-left:-70px;background-image:url(../img/index/stone3_1_2.png)}
.pane3 .rollingstones[data-i=i6].v2{margin-left:-60px;background-image:url(../img/index/stone3_2_2.png)}
.pane3 .rollingstones[data-i=i7].v2{margin-left:-50px;background-image:url(../img/index/stone3_3_2.png)}
.pane3 .rollingstones[data-i=i8].v2{margin-left:-40px;background-image:url(../img/index/stone3_4_2.png)}
.pane3 .rollingstones[data-i=i9].v2{margin-left:-40px;background-image:url(../img/index/stone3_1_2.png)}
.pane3 .rollingstones[data-i=i10].v2{margin-left:-40px;background-image:url(../img/index/stone3_2_2.png)}
.pane3 .rollingstones[data-i=i11].v2{margin-left:-60px;background-image:url(../img/index/stone3_3_2.png)}
.pane3 .rollingstones[data-i=i12].v2{margin-left:-80px;background-image:url(../img/index/stone3_4_2.png)}
.pane3 .rollingstones[data-i=i13].v2{margin-left:-100px;background-image:url(../img/index/stone3_1_2.png)}
.pane3 .rollingstones[data-i=i14].v2{margin-left:-120px;background-image:url(../img/index/stone3_2_2.png)}
.pane3 .rollingstones[data-i=i15].v2{margin-left:-140px;background-image:url(../img/index/stone3_3_2.png)}
.pane3 .rollingstones[data-i=i16].v2{margin-left:-160px;background-image:url(../img/index/stone3_4_2.png)}
.pane3 .rollingstones[data-i=i17].v2{margin-left:-180px;background-image:url(../img/index/stone3_1_2.png)}
.pane3 .rollingstones[data-i=i18].v2{margin-left:-200px;background-image:url(../img/index/stone3_2_2.png)}
.pane3 .rollingstones[data-i=i19].v2{margin-left:-250px;background-image:url(../img/index/stone3_3_2.png)}
.pane3 .rollingstones[data-i=i20].v2{margin-left:-350px;background-image:url(../img/index/stone3_4_2.png)}

.pane3 .rollingstones[data-i=i1].v3{background-image:url(../img/index/stone3_1_3.png)}
.pane3 .rollingstones[data-i=i2].v3{background-image:url(../img/index/stone3_2_3.png)}
.pane3 .rollingstones[data-i=i3].v3{background-image:url(../img/index/stone3_3_3.png)}
.pane3 .rollingstones[data-i=i4].v3{background-image:url(../img/index/stone3_4_3.png)}
.pane3 .rollingstones[data-i=i5].v3{margin-left:30px;background-image:url(../img/index/stone3_1_3.png)}
.pane3 .rollingstones[data-i=i6].v3{margin-left:50px;background-image:url(../img/index/stone3_2_3.png)}
.pane3 .rollingstones[data-i=i7].v3{margin-left:80px;background-image:url(../img/index/stone3_3_3.png)}
.pane3 .rollingstones[data-i=i8].v3{margin-left:100px;background-image:url(../img/index/stone3_4_3.png)}
.pane3 .rollingstones[data-i=i9].v3{margin-left:120px;background-image:url(../img/index/stone3_1_3.png)}
.pane3 .rollingstones[data-i=i10].v3{margin-left:150px;background-image:url(../img/index/stone3_2_3.png)}
.pane3 .rollingstones[data-i=i11].v3{margin-left:200px;background-image:url(../img/index/stone3_3_3.png)}
.pane3 .rollingstones[data-i=i12].v3{margin-left:280px;background-image:url(../img/index/stone3_4_3.png)}
.pane3 .rollingstones[data-i=i13].v3{margin-left:300px;background-image:url(../img/index/stone3_1_3.png)}
.pane3 .rollingstones[data-i=i14].v3{margin-left:250px;background-image:url(../img/index/stone3_2_3.png)}
.pane3 .rollingstones[data-i=i15].v3{margin-left:200px;background-image:url(../img/index/stone3_3_3.png)}
.pane3 .rollingstones[data-i=i16].v3{margin-left:180px;background-image:url(../img/index/stone3_4_3.png)}
.pane3 .rollingstones[data-i=i17].v3{margin-left:160px;background-image:url(../img/index/stone3_1_3.png)}
.pane3 .rollingstones[data-i=i18].v3{margin-left:140px;background-image:url(../img/index/stone3_2_3.png)}
.pane3 .rollingstones[data-i=i19].v3{margin-left:120px;background-image:url(../img/index/stone3_3_3.png)}
.pane3 .rollingstones[data-i=i20].v3{margin-left:100px;background-image:url(../img/index/stone3_4_3.png)}

/*--------------------------------------
    SUB PAGES
---------------------------------------*/

.pane-tit.t-alpha{font-size:50px;padding-bottom:1em;font-weight:700}
.pane-tit.color-blk{padding-bottom:.4em}
.pane-tit+.t-beta{padding-bottom:10px}
.px-h{height:768px}
.circle-bg{position:absolute;z-index:20;top:50%;left:50%;width:807px;height:736px;margin:-368px 0 0 -404px}
.circle-bg i{position:absolute;background-repeat:no-repeat}
.circle-bg .circle1{top:0;left:0;width:807px;height:736px;background-image:url(../img/about/circle_v1.png)}
.circle-bg .circle2{top:230px;right:100%;width:143px;height:142px;margin-right:10px;background-image:url(../img/about/circle1_v1.png)}
.circle-bg .circle3{bottom:70px;right:-10px;width:75px;height:75px;background-image:url(../img/about/circle2_v1.png)}
.circle-bg .circle4{bottom:65px;right:-40px;width:33px;height:33px;background-image:url(../img/about/circle3_v1.png)}

/* about */
.pane-ceo{background-image:url(../img/about/bg_company1.jpg)}
.pane-location{background-image:url(../img/about/bg_company2.jpg)}
.pane-ceo .highlight{padding-right:10px;color:#ffe400}
.pane-ceo .bg{left:-10px;background:rgba(7,30,12,.6)}
.map-txt{padding:60px;font-size:18px;text-align:left}
.map-txt .label{display:inline-block;width:45px;padding:.1em .3em;margin:-2px 5px 0 0;background:#fff;font-weight:400;font-size:12px;line-height:1.1;vertical-align:middle;color:#5ba99b}
.map-txt .font-mj{padding-bottom:10px;font-weight:400}
.map-txt dd{padding-top:10px}
.map-txt-link{position:absolute;bottom:0;right:0;left:726px}
.map-txt-link a{width:100%;background:#3d9080}
.map-txt-link div+div a{background:#31708f;text-transform:none}
.icon-map, .icon-pdf{width:35px;height:31px;margin:-3px 10px 0 0;background-image:url(../img/about/icon_map.png)}
.icon-pdf{width:24px;background-image:url(../img/icon_pdf.png)}
.about .pane-visual{z-index:5}
.about .pane-visual .bg{background-image:url(../img/about/visual1.jpg)}
.environment .pane-visual .bg{background-image:url(../img/about/visual2.jpg)}
.gyeonggi .pane-visual .bg{background-image:url(../img/about/visual4.jpg)}
.industries .pane-visual .bg{background-image:url(../img/about/visual3.jpg)}
.gyeonggi .pane-ceo{background-image:url(../img/about/bg_company1_g.jpg)}
.pane-evrm-outline{overflow-x:hidden;overflow-y:visible}
.pane-evrm-outline .w1200{z-index:2}
.pane-evrm-outline .pane-body{padding:7% 0}
.pane-evrm-outline .pane1:before{bottom:25%;background-color:#f1f1f1}
.pane-evrm-outline .imgwrp{position:relative;height:595px}
.pane-evrm-outline .bx-wrp{margin-top:60px}
.pane-evrm-outline [class^=stone]{position:absolute;background-repeat:no-repeat}
.pane-evrm-outline .stone1{top:-50px;right:-150px;width:245px;height:212px;background-image:url(../img/about/stone1.png)}
.pane-evrm-outline .stone2{left:-110px;bottom:-180px;z-index:60;width:553px;height:490px;background-image:url(../img/about/stone2.png)}
.imgwrp>*{position:absolute;background-repeat:no-repeat}
.imgwrp .i1{bottom:0;left:50%;width:404px;height:486px}
.imgwrp .i2{right:50%;width:404px;height:486px}
.imgwrp .i3{top:0;left:50%;width:293px;height:344px}
.imgwrp .box-tit{right:auto;left:50%}
.wrp1 .i1{margin-left:-35px;background-image:url(../img/about/evrm1.png)}
.wrp1 .i2{bottom:85px;margin-right:-30px;background-image:url(../img/about/evrm1_2.png)}
.wrp1 .i3{background-image:url(../img/about/evrm1_3.png)}
.wrp1 .box-tit{top:50%;margin:-127px 0 0 -127px;background:rgba(81,128,6,.7)}
.wrp2 .i1{left:auto;right:50%;margin-right:-65px;background-image:url(../img/about/evrm2.png)}
.wrp2 .i2{top:0;height:335px;margin-right:-160px;background-image:url(../img/about/evrm2_2.png)}
.wrp2 .i3{top:auto;bottom:77px;margin-left:23px;background-image:url(../img/about/evrm2_3.png)}
.wrp2 .box-tit{top:35px;margin-left:88px;background:rgba(219,134,16,.7)}
.wrp3 .i1{top:35px;left:50%;bottom:auto;margin-left:-60px;background-image:url(../img/about/evrm3.png)}
.wrp3 .i2{top:65px;height:335px;margin-right:20px;background-image:url(../img/about/evrm3_2.png)}
.wrp3 .i3{top:auto;bottom:30px;left:auto;right:50%;margin-right:20px;background-image:url(../img/about/evrm3_3.png)}
.wrp3 .box-tit{top:0;margin-left:-100px;background:rgba(4,69,46,.8)}
.wrp4 .i1{margin-left:-40px;background-image:url(../img/about/evrm4.png)}
.wrp4 .i2{top:50px;height:486px;margin-right:20px;background-image:url(../img/about/evrm4_2.png)}
.wrp4 .i3{margin-left:-75px;background-image:url(../img/about/evrm4_3.png)}
.wrp4 .box-tit{top:auto;bottom:165px;margin-left:-130px;background:rgba(10,13,24,.8)}
.wrp5 .i1{left:auto;right:50%;margin-right:-65px;background-image:url(../img/about/evrm5.png)}
.wrp5 .i2{top:0;height:335px;margin-right:-162px;background-image:url(../img/about/evrm5_2.png)}
.wrp5 .i3{top:170px;margin-left:25px;background-image:url(../img/about/evrm5_3.png)}
.wrp5 .box-tit{top:35px;margin-left:85px;background:rgba(94,94,89,.8)}
.pane-evrm-outline~.pane{z-index:5}
.pane-evrm-business .pane-body, .pane-evrm-history .pane-body{padding-top:4%;vertical-align:top}
.pane-evrm-business .nav-tabs{margin-top:95px}
.pane-evrm-business .t-gamma{overflow:hidden;width:287px;height:287px;margin:0 5px;border-radius:50%;background:url(../img/about/ebusiness1.png) no-repeat}
.pane-evrm-business .t2{background-image:url(../img/about/ebusiness2.png)}
.pane-evrm-business .t3{background-image:url(../img/about/ebusiness4.png)}
.pane-evrm-business .t4{line-height:1.1;background-image:url(../img/about/ebusiness4.png)}
.pane-evrm-business .t4 i{display:block;width:100px;padding:.5em;margin:15px auto 0;letter-spacing:0;font-style:normal;filter:Alpha(opacity=50);opacity:.5}
.pane-evrm-business .t4 span{background:rgba(0,0,0,.7) !important}
.pane-evrm-business .nav-tabs span{position:absolute;bottom:0;left:0;width:100%;height:100%;padding-top:100px;background:rgba(42,53,108,.8);letter-spacing:-.1em;transition:all .4s;cursor:pointer}
.pane-evrm-business .nav-tabs small{display:block;font-size:17px;letter-spacing:0}
.pane-evrm-business .nav-tabs .active span{padding:15px 0 30px;height:auto;background:rgba(0,0,0,.8);font-size:18px}
.pane-evrm-business .nav-tabs .active small{display:none}
.pane-evrm-business .tab-content{border:1px solid #000;border-width:1px 0}
.pane-evrm-business .nav-tabs .active:after{content:"";display:block;width:18px;height:82px;margin:0 auto -20px;background:url(../img/about/tab_line.png) no-repeat}
.tab-hover .nav-tabs{border-bottom:0}
.tab-hover .nav-tabs a{padding:0;border:0 !important;color:#fff !important;cursor:pointer !important}
.tab-hover .media{display:table}
.tab-hover .media .media-left{position:relative;padding:65px 55px 65px 145px;font-weight:400;text-align:right;line-height:1.2;color:#000}
.tab-hover .media .media-body{width:auto;padding:65px 0;text-align:left}
.tab-content .font-en{position:absolute;top:55px;left:80px;font-size:55px;font-style:italic;line-height:1.1;letter-spacing:-.07em}
.pane-evrm-history{background-color:#5ba99b}
.pane-evrm-history .tab-hover{width:910px;margin:0 auto}
.pane-evrm-history .pane-body{padding-top:7%}
.pane-evrm-history .nav-tabs{display:table;width:910px;height:360px;margin:0 auto;border-right:1px solid rgba(255,255,255,.3);table-layout:fixed}
.pane-evrm-history .nav-tabs:before, .pane-evrm-history .nav-tabs:after{display:none}
.pane-evrm-history .nav-tabs>li{position:relative;float:none;display:table-cell;border-left:1px solid rgba(255,255,255,.3);vertical-align:bottom}
.pane-evrm-history .nav-tabs>li.active:after{content:"";position:absolute;right:45px;bottom:-45px;width:1px;height:235px;padding-bottom:45px;background:#d17d28;box-sizing:content-box}
.pane-evrm-history .nav-tabs>.t1.active:after{height:50px}
.pane-evrm-history .nav-tabs>.t2.active:after{height:150px}
.pane-evrm-history .nav-tabs a:after{content:"";display:block;height:15px;margin:20px 0 50px;border-radius:20px;background:#26585d}
.pane-evrm-history .nav-tabs .active a:after{background-color:#d17d28}
.pane-evrm-history .nav-tabs .t2 a:after{margin-bottom:150px}
.pane-evrm-history .nav-tabs .t3 a:after{margin-bottom:235px}
.pane-evrm-history .t-gamma a{background:none !important}
.pane-evrm-history .t-gamma a small{display:block;font-size:18px}
.pane-evrm-history .tab-pane{background:#d17d28;margin-top:45px;box-shadow:5px 5px 20px rgba(0, 0, 0, .5)}
.pane-evrm-history .media .media-left{padding:35px 50px 35px 100px;text-align:left;color:#fff}
.pane-evrm-history .media .media-left small{display:block;font-size:20px;color:#2a0c00}
.pane-evrm-history .media .media-body{padding:35px 0;filter:Alpha(opacity=75);opacity:.75}
.pane-evrm-history .tab-content .font-en{top:27px;left:45px;font-size:45px}
.pane-evrm-manage{background-image:url(../img/about/bg_evrm1.jpg)}
.pane-evrm-manage .t-gamma{margin-top:-25px;font-size:25px}
.manage-graph{width:1174px;height:388px;margin:100px auto 0;background:url(../img/about/manage_bg.png) no-repeat 50% 100%}
.manage-graph>div{position:relative;height:100%}
.manage-graph span{display:inline-block;;width:55px;height:122px;background:#707adb url(../img/about/pattern.png);vertical-align:bottom;animation-duration:1s;transform-origin:bottom}
.manage-graph .graph2{margin-left:30px;background-color:#55cbe0}
.manage1 .graph2{height:310px}
.manage2 .graph1{height:145px}
.manage2 .graph2{height:250px}
.manage3 .graph1{height:50px}
.manage3 .graph2{height:280px}
.graph-value, .graph-stick{position:absolute;left:67px;bottom:184px}
.graph-stick{left:117px;bottom:71px}
.manage2 .graph-value{left:77px;bottom:206px}
.manage3 .graph-value{left:85px;bottom:111px}
.manage2 .graph-stick{left:127px}
.manage3 .graph-stick{left:121px}
.pane-evrm-place{height:955px !important;background:#f1f1f1}
.pane-evrm-place .title-wrp{position:absolute;top:70px;left:70px;padding:45px 20px;border:2px solid #000;border-width:2px 0;text-align:left}
.pane-evrm-place .title-wrp strong{font-size:24px}
.pane-evrm-place .pane-tit{font-size:40px}
.pane-evrm-place .w1200{padding-right:70px}
.pane-evrm-place .hoverwrp{position:absolute;z-index:1}
.pane-evrm-place .hoverwrp.active:before {
  content: '';
  position: absolute;
  display: block;
  width: 300%;
  height: 300%;
  box-sizing: border-box;
  margin-left: -100%;
  margin-top: -100%;
  border-radius: 50%;
  background-color: #188a56;
  -webkit-animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
          animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
.pane-evrm-place .hoverwrp.active:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: white;
  border-radius: 50%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -webkit-animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
          animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
}

@-webkit-keyframes pulse-ring {
  0% {
    -webkit-transform: scale(0.33);
            transform: scale(0.33);
  }
  80%, 100% {
    opacity: 0;
  }
}

@keyframes pulse-ring {
  0% {
    -webkit-transform: scale(0.33);
            transform: scale(0.33);
  }
  80%, 100% {
    opacity: 0;
  }
}
@-webkit-keyframes pulse-dot {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@keyframes pulse-dot {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
.pane-evrm-place .hoverwrp:hover .hidden-bx{display:none}
.pane-evrm-place .hoverwrp:hover, .pane-evrm-place .hoverwrp.active:focus, .pane-evrm-place .hoverwrp.active{z-index:0}
.pane-evrm-place .hoverwrp>.font-mj{position:relative;display:block;width:90px;height:90px;padding:25px 0;border-radius:50%;background:rgba(141,141,141,.4);text-align:center;line-height:1.1;font-weight:400;font-size:18px;color:transparent}
.pane-evrm-place .hoverwrp:hover>.font-mj, .pane-evrm-place .hoverwrp.active>.font-mj{z-index:2;background:rgba(24,138,86,.8);cursor:pointer;color:#fff}
.pane-evrm-place .p1{top:220px;right:400px}
.pane-evrm-place .p2{top:400px;right:350px}
.pane-evrm-place .p3{bottom:420px;right:440px}
.pane-evrm-place .p4{bottom:290px;right:190px}
.pane-evrm-place .p1>.font-mj, .pane-evrm-place .p4>.font-mj{padding:0;line-height:90px}
.pane-evrm-place .hoverwrp.active .hidden-bx{display:block}
.pane-evrm-place .hidden-bx{top:45px;right:100%;bottom:auto;left:auto;width:295px;margin-right:160px;background:#fff;border:1px solid #d9d9d9;box-shadow:10px 10px 3px rgba(0, 0, 0, .05);text-align:left}
.pane-evrm-place .hidden-bx:after{content:"";position:absolute;top:0;left:100%;width:189px;height:146px;margin-left:20px;background:url(../img/about/mainb_arr.png) no-repeat}
.pane-evrm-place .hidden-bx dl{padding:25px;color:#243344}
.pane-evrm-place .hidden-bx dl .font-mj{margin-bottom:5px;font-size:22px}
.pane-evrm-mainb{table-layout:fixed}
.pane-evrm-mainb .cell{position:relative;z-index:0;background:none;color:#fff;transition:z-index .3s linear}
.pane-evrm-mainb .cell .bg{position:absolute;top:0;right:0;left:0;background-repeat:no-repeat;background-size:cover;background-position:50% 50%;transition:all .1s linear}
.pane-evrm-mainb .cell:hover{z-index:10}
.pane-evrm-mainb .cell:hover .bg{left:-25px;right:-25px;transition-duration:.4s}
.pane-evrm-mainb .cell .t-alpha, .pane-evrm-mainb .cell p{position:relative;z-index:2}
.pane-evrm-mainb .cell .t-alpha{padding-bottom:0;font-weight:400;letter-spacing:-.1em}
.pane-evrm-mainb .cell .t-alpha:after{content:"";display:block;width:80px;height:2px;background:#fff;margin:35px auto 15px}
.pane-evrm-mainb .cell p{filter:Alpha(opacity=50);opacity:.5}
.pane-evrm-mainb .bg:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;height:500%;background:rgba(0,0,0,.7) url(../img/pattern.png);transition:all .4s linear}
.pane-evrm-mainb .cell:hover .bg:before{filter:Alpha(opacity=40);opacity:.5}
.pane-evrm-mainb .link1 .bg{background-image:url(../img/about/mainb1.jpg)}
.pane-evrm-mainb .link2 .bg{background-image:url(../img/about/mainb2.jpg)}
.pane-evrm-mainb .link3 .bg{background:#000}
.pane-evrm-mainb .link4 .bg{background-image:url(../img/about/mainb4.jpg)}
.pane-evrm-mainb .w-btn{width:220px;padding:12px;margin-top:70px}
.environment .pane-ceo{background-image:url(../img/about/bg_evrm2.jpg)}
.environment .pane-record{background-image:url(../img/about/bg_evrm3.jpg)}
.incineration .pane-visual .bg{background-image:url(../img/about/visual4.jpg)}
.pane-icnr{background-color:#f1f1f1}
.pane-energy{background-image:url(../img/about/bg_icnr1.jpg)}
.pane-energy .pane-tit{position:relative;width:806px;height:335px;margin:0 auto;padding:90px 0;background:url(../img/about/boxbg.png) no-repeat;font-size:45px}
.pane-energy .highlight .bg{background:rgba(12,89,65,.6)}
.pane-energy .blur{position:absolute;top:1px;left:1px;right:1px;bottom:1px;background:url(../img/about/boxbg.jpg) no-repeat}


/* business */
.business .pane-visual .bg{background-image:url(../img/business/visual1.jpg)}
.pane-reason{background-image:url(../img/business/bg_business1.jpg)}
.row-margin .item{display:block;margin:35px auto;width:205px;height:202px;background:url(../img/business/why1.png) no-repeat 50% 50%}
.reason2 .item{background-image:url(../img/business/why2.png)}
.reason3 .item{background-image:url(../img/business/why3.png)}
.row-margin{margin:0 -55px}
.row-margin>.col-xs-4{padding:0 48px;text-align:left;letter-spacing:-.05em}
.lst-reason .t-gamma{padding-bottom:10px;line-height:1.3}
.row-margin .reason2{padding:0 35px}
.pane-record, .pane-cyclic-record{background-image:url(../img/business/bg_business2.jpg)}
.pane-record .nav{margin:-15px 0 50px;border-bottom:0}
.pane-record .nav>li>a{padding:10px 40px;border:1px solid #fff;border-radius:0;margin:0;font-size:20px;color:#fff}
.pane-record .nav>li+li{margin-left:-1px}
.pane-record .nav>li.active>a, .pane-record .nav>li.active>a:hover, .pane-record .nav>li>a:hover{border:1px solid #fff;background:rgba(255,255,255,.3);color:#fff}
.industries .pane-record{background-image:url(../img/about/bg_company3.jpg)}
.info-slider li{padding:0 4px}
.info-slider .item{position:relative;display:block;height:375px;padding:90px 20px;background:url(../img/business/bg_record1.jpg) no-repeat 50% 50%;font-size:25px;font-weight:400;color:#fff}
.info-slider:not(.recruit-slider) .no-data .item{padding:160px 20px}
.info-slider:not(.recruit-slider) .twoline{height:3.9em;max-height:3.9em;margin-bottom:5px;line-height:1.3em;-webkit-line-clamp:3;font-size:25px}
.industries .info-slider .twoline{height:2.6em;max-height:2.6em}
.info-slider small{display:block;font-size:16px;filter:Alpha(opacity=40);opacity:.4}
.icon-plus, .icon-minus{width:41px;height:41px;margin-top:25px}
.icon-plus{background-image:url(../img/business/icon_plus.png)}
.icon-minus{background-image:url(../img/business/icon_minus.png)}
.info-slider .lyr-dim{display:none;position:absolute;z-index:10;top:0;left:4px;bottom:0;width:892px;background:url(../img/business/bg_record1_on.jpg) no-repeat;background-size:cover}
.open .lyr-dim{display:block}
.info-slider .pos-r .lyr-dim{left:auto;right:4px}
.info-slider .lyr-dim a{float:left;width:292px;background:none}
.info-slider .lyr-dim .detail-info{position:relative;float:left;width:600px;height:100%;padding:55px 50px}
.info-slider .pos-r .lyr-dim a, .info-slider .pos-r .lyr-dim .detail-info{float:right}
.info-slider .lyr-dim .detail-info:after{content:"";position:absolute;top:55px;bottom:55px;left:0;width:1px;background:rgba(255,255,255,.5)}
.detail-info caption{display:none}
.info-slider .pos-r .lyr-dim .detail-info:after{left:100%}
.detail-info .table-wrp{height:265px;padding:5px 0;border:2px solid #fff;border-width:2px 0}
.detail-info table th, .detail-info table td{padding:15px 5px;border-top:1px solid rgba(255,255,255,.3);text-align:center;font-weight:400;color:rgba(255,255,255,.7)}
.business .detail-info table td{text-align:left}
.detail-info table th{border-bottom:2px solid #fff;font-size:14px;color:#fff}
.detail-info table th:first-child{width:50px}
.detail-info table tr:hover td{background:rgba(255,255,255,.1);color:#fff}
.nano > .nano-pane{display:block !important;width:6px}
.pane-solution .pane-tit{font-size:45px}
.pane-solution ul{font-size:0}
.pane-solution li{display:inline-block;margin:110px 0 0;vertical-align:bottom}
.pane-solution li+li{margin-left:80px}
.pane-waste{background:#2e9e8a}
.pane-waste section{display:inline-block;padding:0 75px}
.pane-waste section+section{border-left:1px solid rgba(255,255,255,.3)}
.pane-waste p{padding:1em 0 1.5em;font-size:22px}
.cyclic .pane-visual .t-alpha{line-height:1.2}
.cyclic .pane-visual .bg{background-image:url(../img/business/visual2.jpg)}
.pane-cyclic-why{background-image:url(../img/business/bg_cyclic1.jpg)}
.pane-cyclic-why img{margin-left:-50px}
.pane-cyclic li{float:left}
.pane-cyclic li+li{margin-left:50px}
.pane-cyclic p{margin-bottom:75px;font-size:25px;color:#177c64}
.pane-cyclic-record .media-body{padding:0 50px;background:#fff;text-align:left;vertical-align:middle}
.pane-cyclic-record .info-slider .twoline{font-size:18px}
.pane-cyclic-record .info-slider .twoline.t-gamma{height:2.6em;max-height:2.6em;-webkit-line-clamp:2;font-size:30px}
.pane-cyclic-record .info-slider a{height:auto;padding:0;;background:none;color:#666}
.pane-cyclic-record .dl-horizontal{padding:20px 30px;margin:20px 0;background:#e7e7e7;border:1px solid #cfcfcf;border-radius:3px;font-size:16px;color:#000}
.pane-cyclic-record .dl-horizontal dt{width:auto;margin-right:5px;text-align:left}
.pane-cyclic-record .dl-horizontal dd{margin-left:0}
.xe-widget-wrapper{overflow:visible}

/* tech */
.tech .pane-visual .bg{background-image:url(../img/tech/visual1.jpg)}
.pane-techgoal{background-image:url(../img/tech/bg_tech1.jpg)}
.lst-techgoal{margin:25px -25px 0}
.lst-techgoal .item{width:100%;height:103px;margin:25px 0 55px;background-position:50% 50%}
.lst-techgoal>.col-xs-4+.col-xs-4{border-left:1px solid rgba(255,255,255,.3)}
.techgoal1 .item{background-image:url(../img/tech/tech1_2.png)}
.techgoal2 .item{background-image:url(../img/tech/tech2_2.png)}
.techgoal3 .item{background-image:url(../img/tech/tech3_2.png)}
.pane-techgoal p{padding:30px 0 10px;filter:Alpha(opacity=30);opacity:.5}
.pane-newtech{z-index:5;overflow-x:hidden;overflow-y:visible}
.pane-newtech [class^=stone]{position:absolute;background-repeat:no-repeat}
.pane-newtech .stone1{top:-170px;left:50%;width:587px;height:492px;margin-left:350px;background-image:url(../img/tech/stone1.png)}
.pane-newtech .stone2{bottom:220px;left:50%;width:232px;height:217px;margin-left:-832px;background-image:url(../img/tech/stone2.png)}
.pane-newtech .stone3{z-index:55;right:50%;bottom:70px;width:253px;height:199px;margin-right:350px;background-image:url(../img/tech/stone3.png)}
.newtech-slider .hoverwrp{overflow:hidden;display:block;height:452px;border:1px solid #e6e6e6;font-size:20px;color:#fff}
.newtech-slider img{max-width:100%}
.newtech-slider .hidden-bx{padding:2.2em 0;background:rgba(55,67,104,.97);text-align:center}
.newtech-slider .hidden-bx{display:block;transform:translate(0,100%);transition:transform .5s}
.newtech-slider a:hover .hidden-bx, .newtech-slider a:focus .hidden-bx{transform:translate(0,0)}
.pane-patent{padding:9% 0;	background-image:url(../img/tech/bg_tech2.jpg)}
.pane-patent .w1200{padding:0 135px}
.lst-patent{margin:0 -5px}
.lst-patent>li{float:left;width:20%;padding:5px}
.lst-patent a{overflow:hidden;display:block;height:248px}
.lst-patent img{max-width:100%}
.pane-process{background:#eee}
.pane-process .bx-wrapper{position:relative;left:50%;margin-left:-150px !important}
.pane-process .bx-viewport{overflow:visible !important}
.process-slider [class^=icon-process]{overflow:visible;position:relative;width:301px;height:544px;background-repeat:no-repeat;cursor:pointer}
.icon-process1{background-image:url(../img/business/process1.png)}
.icon-process2{background-image:url(../img/business/process2.png)}
.icon-process3{background-image:url(../img/business/process3.png)}
.icon-process4{background-image:url(../img/business/process4.png)}
.icon-process5{background-image:url(../img/business/process5.png)}
.active [class^=icon-process]:hover:after{content:"";position:absolute;z-index:10;width:544px;height:544px;top:40px;left:-105px;background-repeat:no-repeat;background-position:0 0}
.active .icon-process1:hover:after{background-image:url(../img/business/process1_on.png)}
.active .icon-process2:hover:after{background-image:url(../img/business/process2_on.png)}
.active .icon-process3:hover:after{background-image:url(../img/business/process3_on.png)}
.active .icon-process4:hover:after{background-image:url(../img/business/process4_on.png)}
.active .icon-process5:hover:after{background-image:url(../img/business/process5_on.png)}
.pane-process .bx-next{left:0;right:auto;margin-left:350px}
.pane-process .bx-prev{left:-100px}

/* notices */
.news #ct:before{content:"";display:block;width:100%;height:380px;background:url(../img/news/bg.jpg) no-repeat;background-size:cover}
.news .content{margin-top:-250px}
.news .act-content{margin-top:-100px;padding-top:50px;background:#fff}
.news-hd{position:relative;padding:40px 0;margin-top:90px;background:#fff;text-align:center}
.news-hd .hd-tit{font-size:55px;color:#333}
.hd-link a{position:absolute;top:50px;font-size:16px}
.hd-link a:first-child:before, .hd-link a:first-child+a:after{content:"";display:inline-block;width:46px;height:46px;margin-top:-3px;vertical-align:middle}
.hd-link a:first-child:before{margin-right:10px;background-image:url(../img/news/nav_prev.png)}
.hd-link a:first-child+a:after{margin-left:10px;background-image:url(../img/news/nav_next.png)}
.hd-link a:first-child{left:50px}
.hd-link a:first-child+a{right:50px}
.news-ct{padding:0 50px 100px}
.news-ct .tab-basic{margin-bottom:40px}
.news-ct .text-right .btn{margin-top:20px}
.news-ct .text-right .w-btn{width:165px;padding:.7em;margin-top:20px;font-size:17px}
.news-ct .xe_content table p{padding:0 0 10px}

/* loading */
#loading{ position: fixed;top:0;bottom:0;left:0; right: 0; z-index: 999; height:100% !important; background: #86a72a}
#loading:before{ display: none}
#loading .t-alpha{line-height:1.2}

/* recruit */
.recruit .pane-visual .bg{background-image:url(../img/recruit/visual1.jpg)}
.pane-talented p{font-size:26px}
.pane-talented img{margin:85px 30px 0}
.pane-talented [class^=bgtem]{position:absolute;background-repeat:no-repeat}
.pane-talented .bgtem1{top:-250px;left:20px;width:498px;height:486px;background-image:url(../img/recruit/bgtem1.png)}
.pane-talented .bgtem2{bottom:-250px;right:0;width:526px;height:655px;background-image:url(../img/recruit/bgtem2.png)}
.pane-personnel-system{background-image:url(../img/recruit/bg_pane3.jpg)}
.pane-recruit{background-image:url(../img/recruit/bg_pane4.jpg)}
.pane-welfare{background:#1e2d5e}
.pane-welfare dl{display:inline-block;padding:0 50px;margin-top:20px;text-align:left;vertical-align:top;font-size:18px;letter-spacing:-.05em;color:#bbb}
.pane-welfare dl:not(:last-child){border-right:1px solid #48557c}
.pane-welfare .t-gamma{margin-bottom:20px;font-weight:400;text-align:center;color:#fff}
.recruit-slider .item{height:365px;padding:55px 20px;background:#fff;font-size:25px;line-height:1.2;color:#2f2f2f}
.recruit-slider .label{padding:.8em 1em;margin:0 auto 20px}
.recruit-slider .twoline{height:2.8em}
.icon-more{display:block;width:19px;height:19px;margin:75px auto 0;background-image:url(../img/icon_more.png)}
.icon-recruit{width:32px;height:43px;margin-bottom:20px;background-image:url(../img/icon_recruit.png)}

/* 관리자 */
.gnb-admin{position:absolute;top:0;left:50%;width:1100px;z-index:40;margin-left:-550px;padding:55px 0;text-align:center}
.gnb-admin .nav-justified{display:table;width:100%;table-layout:fixed}
.gnb-admin li{vertical-align:middle}
.gnb-admin a{display:block;color:#fff}
.gnb-admin .active a{background:#fff;color:#000}

/*--------------------------------------
    ANIMATION
---------------------------------------*/

@-webkit-keyframes slideRight {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }

    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes slideRight {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }
    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

.slideRight {
    -webkit-animation-name: slideRight;
    animation-name: slideRight;
	-webkit-transform-origin:100% 50%;
	transform-origin:100% 50%;
	animation-timing-function:cubic-bezier(.35,.03,.14,.86);
}


@-webkit-keyframes scaleUp {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@keyframes scaleUp {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }
    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

.scaleUp {
    -webkit-animation-name: scaleUp;
    animation-name: scaleUp;
	-webkit-transform-origin:center;
	transform-origin:center;
	-webkit-animation-duration:.5s;animation-duration:.5s;
	animation-timing-function:cubic-bezier(.35,.03,.14,.86);
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2200px);
		-ms-transform: translateY(-22000px);
        transform: translateY(-2200px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2200px);
        -ms-transform: translateY(-22000px);
        transform: translateY(-2200px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes rotate {
	0%{transform: rotate(0deg)}
	100% {transform: rotate(360deg)}
}


@keyframes rotate {
	0%{transform: rotate(0deg)}
	100% {transform: rotate(360deg)}
}

.rotate {
    -webkit-animation-name: rotate;
    animation-name: rotate;
	-webkit-animation-duration:7s;
	animation-duration:7s;
	animation-direction:alternate;
}

@-webkit-keyframes rotateReverse {
	0%{transform: rotate(0deg)}
	100% {transform: rotate(-360deg)}
}


@keyframes rotateReverse {
	0%{transform: rotate(0deg)}
	100% {transform: rotate(-360deg)}
}

.rotateReverse {
    -webkit-animation-name: rotateReverse;
    animation-name: rotateReverse;
	-webkit-animation-duration:7s;
	animation-duration:7s;
	animation-timing-function:linear;
	animation-direction:alternate;
}

@keyframes slideUp1 {
     0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideUp1 {
    0% {
        -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.slideUp1 {
    -webkit-animation-name: slideUp1;
    animation-name: slideUp1;
}

@keyframes slideUp2 {
     0% {
        -webkit-transform: translateY(150px);
        -ms-transform: translateY(150px);
        transform: translateY(150px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideUp2 {
    0% {
        -webkit-transform: translateY(150px);
        -ms-transform: translateY(150px);
        transform: translateY(150px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.slideUp2 {
    -webkit-animation-name: slideUp2;
    animation-name: slideUp2;
}

@keyframes slideUp3 {
     0% {
        -webkit-transform: translateY(235px);
        -ms-transform: translateY(235px);
        transform: translateY(235px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideUp3 {
    0% {
        -webkit-transform: translateY(235px);
        -ms-transform: translateY(235px);
        transform: translateY(235px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.slideUp3 {
    -webkit-animation-name: slideUp3;
    animation-name: slideUp3;
}

@-webkit-keyframes focus {
  0% {
    -webkit-filter: blur(4px);
            filter: blur(4px);
    -webkit-transform: translate3d(-1%, 0, 0);
            transform: translate3d(-1%, 0, 0);
  }
  50% {
    -webkit-filter: blur(4px);
            filter: blur(4px);
    -webkit-transform: translate3d(1%, 0, 0);
            transform: translate3d(1%, 0, 0);
  }
  80% {
    -webkit-filter: blur(6px);
            filter: blur(6px);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes focus {
  0% {
    -webkit-filter: blur(4px);
            filter: blur(4px);
    -webkit-transform: translate3d(-2%, 0, 0);
            transform: translate3d(-2%, 0, 0);
  }
  50% {
    -webkit-filter: blur(4px);
            filter: blur(4px);
    -webkit-transform: translate3d(.3%, 0, 0);
            transform: translate3d(.3%, 0, 0);
  }
  80% {
    -webkit-filter: blur(6px);
            filter: blur(6px);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.glowIntro{
  animation-name: glowAnim;
  animation-duration: 2s;
  animation-delay: 2s;
}

@keyframes glowAnim {
    from {
      text-shadow:  0px 0px 10px rgba(255,255,255,0),
                    0px 0px 30px rgba(255,255,255,0.3),
                    0px 0px 50px rgba(255,255,255,0.6),
                    0px 0px 180px rgba(255,255,255,0.9);
    	color: #fff;
    }
    to {
      	text-shadow: 0 0 5px rgba(0,5px,5px,1);
    }
}

.slogon .focus {
  -webkit-animation:focus 3s ease-in-out forwards;
          animation:focus 3s ease-in-out forwards;
}

.slogon .fadeIn{
	-webkit-animation-duration:.5s;animation-duration:.5s;
	animation-timing-function:ease-in-out
}