html{font-size: 20px;}

a{color: #333;}

*{box-sizing: border-box;}

img{max-width: 100%;}

body,html{min-height:100%;}

body{font:16px Arial,"microsoft yahei","microsoft JhengHei", Helvetica, sans-serif; color:#212121;-webkit-tap-highlight-color:rgba(255,255,255,0);background-color: #fff;overflow-x: hidden;text-align: justify;}

pre{font-family:'SourceHanSansCN-Regular',"microsoft JhengHei"; white-space:pre-wrap;word-wrap: break-word;}

a{text-decoration:none; outline:none; transition:cubic-bezier(0.215,.61,.355,1);}

a,a:focus,div:focus{outline: none;}

a:active,div:active{outline:none;star:expression(this.onFocus=this.blur());}

.clearfix:after{content:"\200B"; display:block; height:0; clear:both;}

.clearfix{*zoom:1;}/*IE/7/6*/

/*h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}*/

input{outline: none;-webkit-appearance: none;border-radius: 0; font-size:16px;}

input[type="text"],input[type="password"],input[type="search"],textarea,select,input[type="date"]{outline: none;-webkit-appearance: none;border-radius: 0; font-size:16px; display:block; width:100%; border:none; background:none; border:1px solid #dbdbdb; padding:6px 12px; transition:ease .45s;}

input[type="radio"]{display:inline-block; width:20px; height:20px; position:relative; top:2px; margin-right:5px; cursor:pointer;}

input[type="checkbox"]{display:inline-block; width:20px; height:20px; position:relative; top:2px; margin-right:5px; cursor:pointer;}



textarea{resize:none; overflow:hidden;}

textarea::-webkit-input-placeholder {color: #888888;}

textarea:-moz-placeholder {　color: #888888;}

textarea::-moz-placeholder {color: #888888;}

textarea:-ms-input-placeholder {color: #888888;}

select::-ms-expand { display: none; }

select{background: url(../images/icon_xiala_light.png) right 12px center no-repeat;

    background-size: 16px;

    padding-left: 25px;

    padding-right: 26px!important;}

i,em{font-style:normal;}



@font-face {

  font-family: 'Dosis';font-style: normal;  /* project id 1853964 */

  src: url('../fonts/Dosis.ttf');

  src: url('../fonts/Dosis.woff') format('woff');

  font-display:swap;

}





/*.wow{visibility: hidden;}*/

.basecolor{color: #ef7e1a;}

.left{float:left;}

.right{float:right;}

.flex{display:flex;display:-webkit-flex;display:-ms-flex;-js-display:flex;flex-direction:row; -webkit-flex-direction:row;-ms-flex-direction:row;}

.flex-text-center{display:flex;display:-webkit-flex;display:-ms-flex;-js-display:flex;flex-direction:row; -webkit-flex-direction:row;-ms-flex-direction:row;justify-content: center;-webkit-justify-content: center;-ms-justify-content: center;}

.flex-align-center{display:flex;display:-webkit-flex;display:-ms-flex;-js-display:flex;flex-direction:row; -webkit-flex-direction:row;-ms-flex-direction:row;align-items: center;-webkit-align-items: center;-ms-align-items: center;}

.flex-align-end{display:flex;display:-webkit-flex;display:-ms-flex;-js-display:flex;flex-direction:row; -webkit-flex-direction:row;-ms-flex-direction:row;align-items: flex-end;-webkit-align-items: flex-end;-ms-align-items: flex-end;}

.flex-center{display:flex;display:-webkit-flex;display:-ms-flex;-js-display:flex;flex-direction:row; -webkit-flex-direction:row;-ms-flex-direction:row;align-items: center;-webkit-align-items: center;-ms-align-items: center;justify-content: center;-webkit-justify-content: center;-ms-justify-content: center;}



.flex-space-between{display:flex;display:-webkit-flex;display:-ms-flex;-js-display:flex;flex-direction:row; -webkit-flex-direction:row;-ms-flex-direction:row;justify-content: space-between;-webkit-justify-content: space-between;-ms-justify-content: space-between;}

.flex-space-between-center{display:flex;display:-webkit-flex;display:-ms-flex;-js-display:flex;flex-direction:row; -webkit-flex-direction:row;-ms-flex-direction:row;justify-content: space-between;-webkit-justify-content: space-between;-ms-justify-content: space-between;align-items: center;-webkit-align-items: center;-ms-align-items: center;}



.flex1{display:flex;display:-webkit-flex;display:-ms-flex;-js-display:flex;flex-direction:column; -webkit-flex-direction:column;-ms-flex-direction:column;}



.flex-wrap{flex-wrap:wrap; -webkit-flex-wrap:wrap;-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap;}

.flex-auto{flex: 0 0 auto;-ms-flex: 0 0 auto;-webkit-flex: 0 0 auto;}



.tran03{-webkit-transition: all 0.3s;

-o-transition: all 0.3s;

transition: all 0.3s;}

.tran1{-webkit-transition: all 1s;

-o-transition: all 1s;

transition: all 1s;}

.tran06{

    -webkit-transition: all 0.6s;

    -moz-transition: all 0.6s;

    -o-transition: all 0.6s;

    -ms-transition: all 0.6s;

    transition: all 0.6s;

}



.container{ margin:auto; position:relative;}

.container1400{max-width:1420px; margin:auto; position:relative; padding:0 10px;}

.blue{color:#1e4fdb;}

.l-grid-2>li{width:50%; float:left;}

.l-grid-3>li{width:33.333333333333336%; float:left;}

.l-grid-4>li{width:25%; float:left;}

.l-grid-5>li{width:20%; float:left;}

.l-grid-6>li{width:16.666666666666668%; float:left;}

/*分享*/

#bsWXBox{box-sizing:initial;}

#bsBox{box-sizing:initial;}

/*浏览器滚动条*/

::-webkit-scrollbar{width:10px;height:5px;}

::-webkit-scrollbar-button:vertical{display:none}

::-webkit-scrollbar-track:vertical{background-color:black}

::-webkit-scrollbar-track-piece{background:#E3E3E3}

::-webkit-scrollbar-thumb:vertical{background-color:#555;border-radius:30px}

::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}

::-webkit-scrollbar-corner:vertical{background-color:#535353}

::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}



/*.preload{width: 100vw;height: 100vh;background-color: #fff;position: fixed;top: 0;left: 0;z-index: 9999;display: none;}

.pace-done .preload{visibility: hidden;opacity: 0;}

.pace{width: 100vw;height: 100vh;position: fixed;top: 0;left: 0;z-index: 10000;display: none;}*/

/*首页有加载条*/

.index_page .preload{display: block;}

.index_page .pace{display: block;}



.container{width: 80%;margin-left: auto;margin-right: auto;}





.headtop{position:fixed; top:0; left:0; width:100%; z-index:100; }



body { background-color:#fff; }

#wrap {overflow:hidden; width:100%; min-width:320px; position:relative; }

.area{ max-width:1300px; margin:0px auto;} /* width 홈페이지 컨텐츠 가로값에 맞게 변경 */

.area-box{ max-width:1600px; margin:0px auto; }

::selection {

    background: #b9292a;   

    color: #fff;

}

::-moz-selection {

    background: #2a7c95;    

    color: #fff;

}

/* ****************** HEADER ********************** */

.index_page #header{ top: 20px;}

#header{

    position:fixed; height:90px; top: 0px; left:0; width:100%; z-index:99; 

    -webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s

}

#headerInnerWrap{}

#headerInnerWrap{

    position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:9999; 

    -webkit-transition:background-color 0.3s;

    transition:background-color 0.3s

}

#headerInner{

    position:relative; height:100%; margin:0px auto; 

    transition: all 0.5s;

}

#header .logo{position:absolute; z-index:100; float:left; width:200px; height: 60px; text-align:center;top: 15px;left: 27px; }

#header .logo a{display:block;width: 100%;height: 100%; background: url(../images/logo_w.png) left center no-repeat;background-size: 100% auto;}

#header .logo img{vertical-align:top;width:236px;}



#header.scroll{top: 0;height: 70px;}

#header.scroll .logo{top: 5px;}

.index_page #header .logo a,#header.scroll .logo a{background-image: url(../images/logo.png);}

#header.scroll #gnb{top: 0px;}

#header.scroll .header-util-box{top: 18px;}

#header.scroll #headerInnerWrap{background-color: #fff;top: 0;box-shadow: 0px 4px 8px rgba(0,0,0,0.1);}

#header.scroll #gnb > ul > li > a{color: #333;}



/* -------- Header :: UTIL BOX -------- */

.header-util-box{position:absolute; top:28px; right:60px; z-index:100;}

.header-util-box .icon-dianhuatianchong{color: #333;}



.header-search {position:relative; float:left;  height:36px; z-index:100; margin-left:18px;width: 40px;transition: all 0.5s;}

.header-search .input{transform: scaleX(0);  height: 36px;border: none; border-bottom: 1px solid #fff;padding: 0 10px;transition: all 0.5s;color: #fff;}

.header-search .search-btn{position: absolute;right: 0;top: 0; width: 36px;height: 36px;line-height: 36px;text-align: center;cursor: pointer; border-radius: 36px;background-color:rgba(255,255,255,0.8);}

#header.scroll .header-search .input{border-color: #333;color: #333;}

#header.scroll .header-search .input::-webkit-input-placeholder{color:#666;}



.header-search .input::-webkit-input-placeholder{color:#eee;}



.search_open .header-search{width: 240px; }

.search_open .header-search .input{display: inline-block;transform: scaleX(1);width: 200px;}

#gnb > ul{transition: all 0.5s;}

.search_open #gnb > ul {transform: translateX(-200px);}



/* Header :: 언어선택 */

.header-lang {position:relative; float:left; width:36px; height:36px; z-index:100; margin-left:18px; }

.header-lang .lang-open-btn {overflow:hidden; position:relative; z-index:11; display:block; width:100%; text-align:center; height:100%; font-size:10px; color:#333; background-color:#fff; border-radius:50%;}

.header-lang .lang-open-btn i {position:relative; top:-1px; }

.header-lang .lang-open-btn .arrow{position:absolute; top:0px; right:0px;}

.header-lang .lang-open-btn .arrow i{font-size:16px;}

.header-lang > ul {display:none; position:absolute; top:20px; left:0px; z-index:10; width:100%; padding: 17px 0 15px; border-radius:0 0 20px 20px; background-color:#fff;}

.header-lang > ul > li > a{display:block; text-align:center; padding:5px 0; color:#000; font-size:12px; letter-spacing:-0.5px; font-weight:700;}

.header-lang > ul > li.cur > a,

.header-lang > ul > li > a:hover{color:#7cb673; }

.header-lang.open .lang-open-btn .arrow i{transform:rotate(180deg); margin-top:-3px;}



/* Header :: 사이트맵버튼 */

.sitemap-line-btn{float:left; width:156px; height:37px; text-align:center; box-sizing:border-box; background-color:rgba(255,255,255,0.8); border-radius:30px; line-height:38px;}

.sitemap-line-btn .icon{display:inline-block; vertical-align:middle; margin-right:14px;}

.sitemap-line-btn .line{display:block; width:15px; height:1px; background-color:#000; margin: 4px auto; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

.sitemap-line-btn .sitemap-tit{display:inline-block; vertical-align:top; color:#333; font-size:19px; letter-spacing:0.25px;}

/* active */

.sitemap-open-btn.active{position:relative; z-index:100000;}

.sitemap-open-btn.active .line:nth-child(2), 

.sitemap-open-btn.active .line:nth-child(4){opacity: 0;}

.sitemap-open-btn.active .line:nth-child(1){

     -webkit-transform: translateY(5px) rotate(45deg);

      transform: translateY(5px) rotate(45deg);

}

.sitemap-open-btn.active .line:nth-child(3){

     -webkit-transform: translateY(-5px) rotate(-45deg);

      transform: translateY(-5px) rotate(-45deg);

}



/* -------- Header :: GNB(PC) -------- */

.gnb-overlay-bg{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9997;}    /* gnb overlay BG */

#gnb{position:absolute; text-align:right; top:10px; left:0px; width:100%; z-index:99;}

#gnb > ul{display:inline-block; margin-right:300px; *display:inline;*zoom:1;}

#gnb > ul > li{position:relative; float:left; word-break:keep-all; }

#gnb > ul > li > a{

    position:relative; z-index:100; display:block; height:70px;line-height: 47px; padding:12px 32px 0; text-align:center; color:#fff; font-size:18px; letter-spacing:-0.5px; font-weight:400; -webkit-transition:all 0.5s; transition:all 0.5s; 

}

#gnb > ul > li > a:before{position:absolute; left:50%; width:0;  bottom:10px; height:3px; background-color:#b9292a; content:"";  -webkit-transition:all 0.5s; transition:all 0.5s; }

#gnb > ul > li:hover > a:before,

#gnb > ul > li > a:hover:before,#gnb > ul > li.cur > a:before{margin-left:-32px; width:65px;}



/* GNB :: 2차 각각메뉴 */

#gnb.each-menu > ul > li .gnb-2dep{

    /* display:none; */

    position:absolute; 

    top:70px; 

    left:50%; 

    z-index:99;

    width:180px;

    margin-left:-90px;

    text-align:left; 

    visibility:hidden;

    opacity:0;filter:Alpha(opacity=0);

}

#gnb.each-menu > ul > li.gnb5 .gnb-2dep{width: 240px;}

#gnb.each-menu > ul > li.gnb5 .gnb-2dep ul{overflow: hidden;}

#gnb.each-menu > ul > li.gnb5 .gnb-2dep ul li{float: left;width: 50%;}



#gnb.each-menu > ul > li .gnb-2dep:before{

    content:""; position:absolute; top:0; left:0px; right:0px; height:0; opacity:0;filter:Alpha(opacity=0); background-color:rgba(185,39,45,0.7); 

    -webkit-transition:all 0.4s; transition:all 0.4s

}

#gnb.each-menu > ul > li .gnb-2dep ul{padding:15px 0;}

#gnb.each-menu > ul > li .gnb-2dep ul li{position:relative; padding:8px 30px; opacity:0;filter:Alpha(opacity=0);-webkit-transition:all 0s 0s;-moz-transition:all  0s 0s;-o-transition:all  0s 0s;-ms-transition:all  0s 0s;transition:all  0s 0s; }

#gnb.each-menu > ul > li .gnb-2dep ul li a{ display:block; color:#fff; font-size:16px; letter-spacing:-0.75px; font-weight:400; line-height:1.3;text-align: center;}

#gnb.each-menu > ul > li .gnb-2dep ul li a:hover{color:#fff;}

/* over했을때 */

#gnb.each-menu > ul > li:hover .gnb-2dep:before{height:100%; opacity:1.0;filter:Alpha(opacity=100);}

#gnb.each-menu > ul > li .gnb-2dep.open{visibility:visible; opacity:1.0;filter:Alpha(opacity=100);}

#gnb > ul > li .gnb-2dep.open ul li{opacity:1.0;filter:Alpha(opacity=100); -webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;-ms-transition:all 0.8s;transition:all 0.8s;}

#gnb > ul > li .gnb-2dep.open ul li:nth-child(1){-webkit-transition-delay: 0.05s; transition-delay:0.05s;}

#gnb > ul > li .gnb-2dep.open ul li:nth-child(2){-webkit-transition-delay: 0.1s; transition-delay:0.1s;}

#gnb > ul > li .gnb-2dep.open ul li:nth-child(3){-webkit-transition-delay: 0.15s; transition-delay:0.15s;}

#gnb > ul > li .gnb-2dep.open ul li:nth-child(4){-webkit-transition-delay: 0.2s; transition-delay:0.2s;}

#gnb > ul > li .gnb-2dep.open ul li:nth-child(5){-webkit-transition-delay: 0.25s; transition-delay:0.25s;}

#gnb > ul > li .gnb-2dep.open ul li:nth-child(6){-webkit-transition-delay: 0.3s; transition-delay:0.3s;}

#gnb > ul > li .gnb-2dep.open ul li:nth-child(7){-webkit-transition-delay: 0.35s; transition-delay:0.35s;}

#gnb > ul > li .gnb-2dep.open ul li:nth-child(8){-webkit-transition-delay: 0.4s; transition-delay:0.4s;}

#gnb > ul > li .gnb-2dep.open ul li:nth-child(9){-webkit-transition-delay: 0.45s; transition-delay:0.45s;}

#gnb > ul > li .gnb-2dep.open ul li:nth-child(10){-webkit-transition-delay: 0.5s; transition-delay:0.5s;}

#gnb > ul > li .gnb-2dep.open ul li:nth-child(11){-webkit-transition-delay: 0.55s; transition-delay:0.55s;}

#gnb > ul > li .gnb-2dep.open ul li:nth-child(12){-webkit-transition-delay: 0.6s; transition-delay:0.6s;}

#gnb > ul > li .gnb-2dep.open ul li:nth-child(13){-webkit-transition-delay: 0.65s; transition-delay:0.65s;}

#gnb > ul > li .gnb-2dep.open ul li:nth-child(14){-webkit-transition-delay: 0.7s; transition-delay:0.7s;}

#gnb > ul > li .gnb-2dep.open ul li:nth-child(15){-webkit-transition-delay: 0.75s; transition-delay:0.75s;}



/* -------- Header :: GNB(Mobile) -------- */

.nav-open-btn{display:none;}

#gnbM{display:none}



/*body{padding-bottom: 15.5rem;}*/





/* FOOTER */

.footer{background-image:url(images/footer-bg.jpg);background-attachment:fixed; background-repeat:no-repeat; background-position:center center; color: #fff;position: relative;width: 100%;left: 0;bottom: 0;z-index: 0;padding-bottom: 6.15rem;z-index: 1;overflow: hidden;}

.footer a{color: #fff;}

.footer:after{position: absolute;left: 0;bottom: 0;width: 100%;height: 10.6rem;content: "";background:#313131;z-index: 0;}

.footer .content_wrap{position:relative;padding-top: 3.6rem;padding-bottom: 2.5rem; background:#464646;z-index: 2;color: #fff; }

.footer .content_wrap:after{position: absolute;right: -100%;top: 0;width: 100%;height: 100%;content: "";background:#464646;z-index: 0;}

.footer .content{display: flex;flex-wrap: wrap;}

.footer .foot_logo {position:relative; cursor: pointer; flex:1; padding: 0 5px; float: left;text-align: center;  }

.footer .foot_logo p{font-size: 1rem;line-height: 2;margin-top: 0.5rem}

.footer .foot_lnk {position:relative;  flex:1.3; float: left; padding: 0 2% 0 2%;border-left: 1px solid #666;}

.footer .foot_lnk .con{width: 47%;float: left;margin-right: 6%;}

.footer .foot_lnk .con:last-child{margin-right: 0%;}

.footer .foot_lnk .con .name {font-size: 16px;margin-bottom: 10px;color:#fff;}

.footer .foot_lnk .con .fsub{column-count: 2;column-gap: 0px;}
@media (max-width: 1300px){
    .footer .foot_lnk .con:nth-child(1) .fsub{column-count: 1}
    .footer .foot_lnk .con .none{
        display: none;
    }
}

.footer .foot_lnk .con a {display:block; width:100%; height:100%;  font-size:14px; line-height:24px; letter-spacing:0rem; color:#ccc; margin:0 10px 10px 0;transition: all 0.5s;}

.footer .foot_lnk .con a:hover{color: #b9292a;}

.footer .foot_lnk .con .none{height: 24px;}



.footer .foot_contact {position:relative;  flex:1; float: left; padding: 0 1.5rem;min-width: 260px;border-left: 1px solid #666;}

.footer .foot_contact .name {font-size: 16px;margin-bottom: 12px;}

.footer .foot_contact p { font-size:14px; line-height:24px; color:#ccc; margin-bottom:20px;padding-left: 26px;}

.footer .foot_contact p.tel{background: url(../images/icon_tel_w.png) left top 5px no-repeat;line-height: 30px;}

.footer .foot_contact p.addr{background: url(../images/icon_addr_w.png) left top 5px no-repeat;}

.footer .foot_contact p.tel span{font-size: 1.3rem;}





.footer .wxewm{width:24%;padding-left: 1.5rem;float: left;border-left: 1px solid #666;}

.footer .wxewm .ewms .con{width: 50%;text-align: center;float: left;font-size: 14px;}

.footer .wxewm .ewms .con img{transition: all 0.5s;transform-origin: center bottom;}

.footer .wxewm .ewms .con img:hover{transform: scale(1.3);}



.footer .foot_flnk {display: flex;font-size: 13px;width: 12.0rem;margin: 0.5rem auto 0;position: relative;z-index: 1;}

.footer .foot_flnk .name{flex: 0 0 auto;margin-left: 10px;line-height: 30px;color: #ccc;}



.footer .foot_flnk .flinks{flex: 1;padding-right: 1.5rem;background: url(../images/icon_xiala_lit.png) right 0.5rem no-repeat;position: relative; height: 30px;cursor: pointer;border-bottom: 1px solid #ccc;}



.footer .foot_flnk .flinks .lisk{position: absolute;left: 0;top: 0;width: 100%;height: 32px;overflow: hidden;padding-left: 10px;}

.footer .foot_flnk .flinks a{display: block;font-size: 13px;color: #c0bfbf;height: 26px;line-height: 26px;}

.footer .foot_flnk .flinks:hover .lisk{height: 156px;overflow: auto; background-color: #ffff; }

.footer .foot_flnk .flinks:hover a{color: #555;}

.footer .foot_flnk .flinks:hover a:hover{color: #333;}



.footer .powerby{padding: 1.0rem 0;color: #ccc;font-size: 14px;text-align: center;}

.footer .powerby a{color: #ccc;}

.footer .powerby a:hover{text-decoration: underline;}





.foot_share.share{font-size: 14px;margin-top: 20px;}

.foot_share.share span{color: #ccc;}

.foot_share.share .lhShare{display: inline-block;width: 1.6rem;height: 1.6rem;line-height: 1.4rem;background-color: transparent;border: 1px solid #ccc;margin: 0 0 0 0.5rem;}

.foot_share.share .lhShare .iconfont{font-size: 1rem;vertical-align: middle;}









/* ****************** 사이트맵 ********************** */

/* -------- 사이트맵 01 -------- */

/* 사이트맵 01 */

.sitemap-wrapper{padding:30px; background-color:#fff;}

.sitemap-wrapper > ul{display:table; width:100%; table-layout:fixed;}

.sitemap-wrapper > ul > li{display:table-cell; vertical-align:top; text-align:center;}

.sitemap-wrapper > ul > li > h2{color:#191919; margin:0 2% 20px 2%; padding:15px; font-size:18px; background-color:#f2f2f2;  letter-spacing:-1.0px; margin-bottom:20px; font-weight:500;}

.sitemap-wrapper > ul > li .sitemap-2dep {padding:0 5% 20px;}

.sitemap-wrapper > ul > li .sitemap-2dep a{display:block; padding:10px 0; color:#666; font-size:14px; font-weight:400; line-height:1.2em;}

.sitemap-wrapper > ul > li .sitemap-2dep a:hover{color:#000; }



/* -------- 사이트맵 02 -------- */

/* 사이트맵 02 :: Layout */

#sitemapContent{    

    position:fixed; 

    top:0; left:0; right:0; bottom:0; 

    opacity:0;filter:Alpha(opacity=0); 

    visibility:hidden;   

    z-index:-1;

    -webkit-transition:all 0.3s  0.5s;

    transition:all 0.3s  0.5s;

}

#sitemapInnerCon{position:absolute; top:0; left:0; bottom:0; right:100px; border-right:1px solid #ddd; }

#sitemapContent .sitemap-bg-box{position:absolute; top:0px; left:0px; width:100%; height:100%;}

#sitemapContent .visual-intro-item{float:left; position:relative; height:100%;}

#sitemapContent .visual-intro-item:before{

    position:absolute;  left:0; top:0px; width:1px; height:0; content:""; background-color:#ddd; z-index:1; 

}

#sitemapContent .visual-intro-item:first-child:before{display:none}

#sitemapContent .visual-intro-item:after{   

    content:""; 

    position:absolute; right:0; top:0px; 

    width:100%; height:100%; 

    background: #333; 

    -webkit-transition: width .6s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s;

    transition: width .6s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s ;

}

#sitemapContent .sitemap-close-btn{position:absolute; top:40px; right:40px;}

#sitemapContent .sitemap-close-btn i{font-size:20px; color:#222;}

/* 사이트맵 02 :: 메뉴리스트 */

.sitemap-wrapper-style02{height:100%; }

.sitemap-wrapper-style02 > ul{overflow:hidden; position:relative; z-index:1; height:100%;}

.sitemap-wrapper-style02 > ul > li{overflow:hidden; float:left; width:20%;height:100%;}

.sitemap-wrapper-style02 > ul > li > h2{overflow:hidden; color:#191919; font-size:18px; letter-spacing:-1.0px; margin:30% 15% 40px; font-weight:600; }

.sitemap-wrapper-style02 > ul > li:hover > h2{color:#2a7c95;}

.sitemap-wrapper-style02 > ul > li .sitemap-2dep a{

    overflow:hidden; position:relative; display:block;  padding:20px 15%; color:#777; font-size:15px; letter-spacing:-0.15px; font-weight:400; line-height:1.2;

    -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s

}

.sitemap-wrapper-style02 > ul > li .sitemap-2dep a:after{

    position:absolute; top:0; left:0; width:0; content:""; height:100%; background:#2a7c95;

    -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s

}

.sitemap-wrapper-style02 > ul > li .sitemap-2dep a span{position:relative; z-index:1;}

.sitemap-wrapper-style02 > ul > li .sitemap-2dep a .gnb-icon{display:none;}

.sitemap-wrapper-style02 > ul > li .sitemap-2dep a:hover{color:#fff; }

.sitemap-wrapper-style02 > ul > li .sitemap-2dep a:hover:after{width:100%; }

.sitemap-wrapper-style02 ul li span{

    display:block; opacity:0;filter:Alpha(opacity=50);

    -webkit-transform:translateX(-5%);

    transform:translateX(-50%);

    transition: transform .8s cubic-bezier(0.47, 0, 0.31, 1.04) 0s, opacity .8s cubic-bezier(0.47, 0, 0.31, 1.04) 0s; 

}

/* 사이트맵 open */

#sitemapContent.open{

    opacity:1.0;filter:Alpha(opacity=100); 

    visibility:visible; 

    z-index:99999; 

    background-color:#fff;

    -webkit-transition:all 0.3s  0s; 

    transition:all 0.3s 0s;

}

#sitemapContent.open .visual-intro-item:before{height:100%;}

#sitemapContent.open .visual-intro-item:after {width:0;}

#sitemapContent.open .visual-intro-item {

    -webkit-transform: scaleX(1);

    transform: scaleX(1); 

    transform-origin:right top; 

    transition-property: transform;

}

#sitemapContent.open .sitemap-wrapper-style02 ul li span{

    opacity:1.0;filter:Alpha(opacity=100);

    -webkit-transform:translateX(0);

    transform:translateX(0);

    transition: transform .8s cubic-bezier(0.47, 0, 0.31, 1.04), opacity .8s cubic-bezier(0.47, 0, 0.31, 1.04); 

}







.cursor{width:40px; height:40px; position:absolute; left:0; top:0;pointer-events: none;margin: -25px 0 0 -25px; z-index: 12;  visibility:hidden;}

.cursor:before{content: '';display: block;width: 100%;height: 100%; background:#fff; border-radius: 50%;box-sizing: border-box;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(1);transition: all .4s cubic-bezier(.3,1.83,.49,.88);}

.cursor.nav:before{ background: none; border:1px solid #fff;width:80px;height: 30px; border-radius: 15px;}

.cursor.btn:before{width:6rem; height:6rem;}

.cursor.btn2:before{width:100%; height:100%; border:1px solid #f4f4f4; background: none; }

.cursor,

.cursor::after {

	user-select: none;

	pointer-events: none;

	mix-blend-mode: difference

}



/*分享二维码*/

#lhCode{position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:3px; background:#fff; border:4px solid #7F7F7F; z-index:3000;}

#lhCode>h2{height:36px; line-height:36px; background:#F2F2F2; overflow:hidden; position:relative; padding:0 0 0 20px; font-size:14px; color:#666666;}

#lhCode>h2>i{cursor:pointer; float:right; width:35px; height:35px; text-align:center;}

#lhCode>.ewm{width:220px; height:220px; padding:20px;}

#lhCode>.ewm canvas{width:100%; height:100%;}

.lhShare{padding: 0 0px;}









 .preload {

    position: fixed;

    left: 0;

    top: 0;

    right: 0;

    height: 100%;

    z-index: 1000;

    background: #fff;

    -webkit-transition: background-color .5s;

    transition: background-color .5s;

    -webkit-transform-origin: 50% 42%;

    -ms-transform-origin: 50% 42%;

    transform-origin: 50% 42%

    }



    .preload.is-loaded {

        background: 0 0

    }



    .preload.is-animate-out {

        -webkit-transform: scale(5);

        -ms-transform: scale(5);

        transform: scale(5);

        opacity: 0;

        -webkit-transition: opacity 1s,-webkit-transform 1s;

        transition: opacity 1s,-webkit-transform 1s;

        transition: transform 1s,opacity 1s;

        transition: transform 1s,opacity 1s,-webkit-transform 1s

    }



    .preload.is-paused .preload__progress {

        -webkit-transform: scale(0);

        -ms-transform: scale(0);

        transform: scale(0)

    }



    .preload.is-paused .preload__progress-inner {

        -webkit-animation: none;

        animation: none

    }



    .preload.is-clean {

        background: 0 0;

        z-index: -1;

        -webkit-transition: none;

        transition: none

    }



    .preload.is-clean .preload__bg {

        display: none

    }



    .preload.is-clean .preload__progress {

        background: rgba(0,0,0,.5);

        top: 50%

    }



    .preload.is-clean .preload__progress-inner {

        background: #35373b

    }



    .preload.is-clean-paused .preload__progress-inner {

        -webkit-animation: none;

        animation: none

    }



    .preload__bg {

        position: absolute;

        left: 0;

        top: 0;

        width: 100%;

        height: 100%

    }



    .preload__progress {

        position: absolute;

        top: 50%;

        left: 50%;

        width: 200px;

        margin:-1px 0 0 -100px;

        height: 1px;

        background: rgba(255,255,255,.15);

        -webkit-transition: .3s;

        transition: .3s

    }

    .preload__progress.hid{

        left: 0;

        width: 100%;

    }



.preload__progress-inner {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: #fff;

    -webkit-animation: preloadLine 1.6s both infinite;

    animation: preloadLine 1.6s both infinite;

}



@-webkit-keyframes preloadLine {

    2% {

        -webkit-transform-origin: 100% 50%;

        transform-origin: 100% 50%;

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }



    48% {

        -webkit-transform-origin: 100% 50%;

        transform-origin: 100% 50%;

        -webkit-transform: scaleX(0);

        transform: scaleX(0)

    }



    52% {

        -webkit-transform-origin: 0 50%;

        transform-origin: 0 50%;

        -webkit-transform: scaleX(0);

        transform: scaleX(0)

    }



    98% {

        -webkit-transform-origin: 0 50%;

        transform-origin: 0 50%;

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }

}



@keyframes preloadLine {

    2% {

        -webkit-transform-origin: 100% 50%;

        transform-origin: 100% 50%;

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }



    48% {

        -webkit-transform-origin: 100% 50%;

        transform-origin: 100% 50%;

        -webkit-transform: scaleX(0);

        transform: scaleX(0)

    }



    52% {

        -webkit-transform-origin: 0 50%;

        transform-origin: 0 50%;

        -webkit-transform: scaleX(0);

        transform: scaleX(0)

    }



    98% {

        -webkit-transform-origin: 0 50%;

        transform-origin: 0 50%;

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }

}



.load-bg{

    height: 100%;

    width: 100%;

    position: fixed;

    top: 0;

    left: 0;

    overflow: hidden;

    z-index:999;

	opacity: 0;

}

.load-bg .top{

    height: 50%;

    width: 100%;

    background-color: rgba(255, 255, 255, 0.5);

    position: absolute;

    top: 0;

    left: 0;

}

.load-bg .top i{

    display: block;

    width: 200px;

    height: 1px;

    background-color: #555;

    position: absolute;

    bottom: 0;

    left:50%;

    margin-left: -100px;

    -webkit-transition: .5s;

    transition: .5s;

}

.load-bg .top i.on{

    left:0%;

    margin-left: 0px;

    width:100%;

}

.load-bg .bot{

    bottom: 0;

    left: 0;

    position: absolute;

    width: 100%;

    height:50%;

    background-color: rgba(255, 255, 255, 0.5);

}



/*首页有加载条*/

.load-bg,.preload{display: none;}

.index_page .load-bg,.index_page .preload{display: block;}

.index_page.pace-done .pace{display: none;}



.footer .backtop{position: absolute;left: -5.25rem;top: 0; width: 48px;height: 212px;background: url(../images/icon_backtop.png) center top no-repeat;background-size: 100%;cursor: pointer;padding-top: 82px;}

.footer .backtop .text{font-size: 18px;width: 130px; height: 48px;line-height: 48px; transform-origin: 0% 0%; color: rgba(0,0,0,0.5);position: absolute;left: 0;bottom: -48px;transform: rotate(-90deg);}