/* Written By KYI */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');


/*Reset*/
body, div,p,h1,h2,h3,h4,h5,h6,ol,li,dl,dt,dd,ul,pre,form,fieldset,legend,button,table,th,td{margin:0;padding: 0;border:0;}
ul,ol,li,dl{list-style: none;}
img{border:0;vertical-align: middle; font-size:0;}
address,caption,cite,code,dfn,em,var{font-style: normal;}
a{color:inherit; text-decoration:none; color:#333;}
a:hover,a:active,a:focus{text-decoration:none;}
table{padding:0; border:0; border-spacing:0px; border-collapse:collapse;}
strong{font-weight:500;}
h1,h2,h3,h4,h5,h6{font-weight:400;}
article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary,main {display:block;}
/* common */
body,th,td,input,select,textarea,button{color:#3b3b3b; font-size:16px; line-height:1.5; letter-spacing:-0.08em;font-family: 'Noto Sans KR', sans-serif;}
.blind{display:none;}
/*font-weight Light:300, Regular:400, Bold:700, ExtraBold:800*/

 *:focus { outline:none; }/*Å©·Ò¿¡¼­ div, ±âŸ ¹öÆ° Ŭ¸¯½Ã »ý±â´Â Å׵θ® Á¦°Å*/
/*°øÅë***********************************************************************************/
/*header*/
header{width:100%; height:84px; background:#fff; position:fixed; z-index:9999999; border-bottom:1px #ccc solid;}
.header-logo{position:absolute; left:50%; margin-left:-600px; top:50%; margin-top:-34px; z-index:100;}
.header-logo img{width:270px;}
.header-gnb{width:100%; height:50px; padding-top:32px; background:#fff; position:relative; z-index:99; transition:all 0.5s; top:0; overflow:hidden;}
.header-gnb:after{content:""; display:block; height:1px; width:100%; position:absolute; top:84px; left:0; background:#e0e0e0;}
.pc-gnb .gnb{width:1200px; box-sizing:border-box; padding-left:300px; padding-right:80px;margin:0 auto; text-align:right;  position:relative; height:auto;}
.pc-gnb .gnb:after{clear:both; display:block; height:0; content:""; visibility:hidden;}
.pc-gnb .gnb > li{display:inline-block; position:relative; width:20%; height:54px; line-height:54px; text-align:center; box-sizing:border-box; vertical-align:top;}
.pc-gnb .gnb > li:after{content:""; display:block; width:1px; height:16px; background:#c9c9c9; position:absolute; left:0; top:50%; margin-top:-8px;}
.pc-gnb .gnb > li:first-child:after{display:none;}
.pc-gnb .gnb > li ul:after{content:""; display:block; position:absolute; width:0%; height:3px; left:50%; margin-left:-25%; bottom:0px; background:#003b95; z-index:9;transform: scaleX(0);transform-origin: center;transition: .1s ease-out;}
.pc-gnb .gnb > li:hover ul:after,
.pc-gnb .gnb > li.current ul:after{width:50%;transform:scaleX(1);transition: .3s ease-out;}
.pc-gnb .gnb > li.current > a{color:#003b95;}

.pc-gnb .gnb > li > a{display:block; font-size:20px; color:#333;  font-family: 'NanumSquare', sans-serif; font-weight:700; position:relative;}
.pc-gnb .gnb > li > ul{/*max-height: 0;*/ transition: max-height 0.2s ease-out ;  transition: border 0.1s ease-out ; overflow:hidden; text-align:left;  padding-left:40px; z-index:5; width:100%; background:rgba(255,255,255,1); box-sizing:border-box; border-right:1px #e0e0e0 solid; padding-top:20px;}
.pc-gnb .gnb > li.gnb3 > ul{padding-left:5px;}
/*.gnb:hover  ul{max-height: 500px; transition: max-height 0.3s ease-in; border:3px #464646 solid; z-index:99999; background:#fff;}*/
.pc-gnb .gnb > li > ul li{height:30px; line-height:30px;}
.pc-gnb .gnb > li > ul li:first-child{border-top-width:0;}
.pc-gnb .gnb > li > ul li a{display:block; color:#888; font-size:14px; padding-left:10px;}
.pc-gnb .gnb > li > ul li a:hover{color:#000; text-decoration:underline; position:relative;}
.pc-gnb .gnb > li > ul li a:hover:after{position:absolute; left:0; top:50%; margin-top:-1px; content:""; display:block; width:3px; height:3px; background:#999; border-radius:99px;}
.gnb-open-btn{display:none;}
.gnb-close-btn{display:none;}
.mobile-gnb{display:none;}
.home-btn{display:none;}
.mo-depth2{display:none;}
/*.header-gnb .gnb:hover ul{max-height: 500px; transition: max-height 0.3s ease-in; border:3px #464646 solid; z-index:99999; background:#fff;}*/



.tnb-sns{position:absolute; top:1px; left:50%; margin-left:250px; width:300px; text-align:right; z-index:999;}
.tnb-sns li{display:inline-block;}
.tnb-sns li a{display:block; width:30px; height:30px; overflow:hidden;}
.tnb-sns li img{width:100%; vertical-align:top;}

.pc-all-open-btn{position:absolute; left:50%; margin-left:518px;top:43px; z-index:99; font-size:22px;  width:30px; text-align:center; height:30px; line-height:30px;border:1px #c9c9c9 solid; cursor:pointer;}

.pc-all-gnb .mobile-gnb-box{width:100%; background:#fff; border-bottom:1px #ccc solid; display:none; position:fixed; z-index:9999; top:0px; padding:10px 0; box-shadow: 1px 1px 10px rgba(0,0,0,0.5);}
.pc-all-gnb .mobile-gnb-box .tnb-sns{display:none;}
.pc-all-gnb .mobile-gnb-box .gnb{width:1200px; margin:0 auto;}
.pc-all-gnb .mobile-gnb-box .gnb > li{width:25%; float:left; border-right:1px #e9e9e9 solid; box-sizing:border-box; padding:10px 30px; min-height:330px;}
.pc-all-gnb .mobile-gnb-box .gnb > li:first-child{border-left:1px #e9e9e9 solid;}
.pc-all-gnb .mobile-gnb-box .gnb > li > a{font-size:25px; font-weight:600; }
.pc-all-gnb .mobile-gnb-box .gnb > li > a:hover{position:relative; color:#0369c0; text-decoration:underline; }
.pc-all-gnb .mobile-gnb-box .gnb > li > a:hover:after{position:absolute; left:-12px; top:50%; margin-top:-1px; content:""; display:block; width:5px; height:5px; background:#0369c0; border-radius:99px;}
.pc-all-gnb .mobile-gnb-box .gnb > li > ul > li{padding:5px 0;}
.pc-all-gnb .mobile-gnb-box .gnb > li > ul > li > a:hover{position:relative; color:#0369c0; text-decoration:underline; }
.pc-all-gnb .mobile-gnb-box .gnb > li > ul > li > a:hover:after{position:absolute; left:-7px; top:50%; margin-top:-1px; content:""; display:block; width:3px; height:3px; background:#0369c0; border-radius:99px;}
.pc-all-gnb .mobile-gnb-box .gnb .mo-depth2{display:block;}
.pc-all-gnb .mobile-gnb-box .gnb .mo-depth2 a{display:block; color:#888; font-size:15px; margin-top:5px; position:relative; padding-left:10px;}
.pc-all-gnb .mobile-gnb-box .gnb .mo-depth2 a:after{position:absolute; left:3px; top:50%; margin-top:-1px; content:""; display:block; width:3px; height:3px; background:#999; border-radius:99px;}
.pc-all-gnb .mobile-gnb-box .gnb .mo-depth2 a:hover{color:#000; text-decoration:underline;}
.pc-all-gnb .mobile-gnb-box .gnb .mo-depth2 a:hover:after{background:#333;}
.pc-all-close-btn{display:none; position:absolute; width:40px; height:40px; line-height:40px; text-align:center; z-index:9999; top:311px; left:50%; background:#0369c0; margin-left:600px; font-size:20px; color:#fff; cursor:pointer;}

.moblie-menu{display:none;}

/*footer   background:#202428*/
footer{width:100%; box-sizing:border-box; background:#7e7e7f;color:rgba(255,255,255,0.6); clear:both;  box-sizing:border-box;  line-height:1.8em;  margin:0 auto;}
.foot-area{padding:20px 0 120px 0; width:1200px; margin:0 auto; display:table; table-layout:fixed;}
.foot-area .foot-info{width:50%; display:table-cell; padding-right:50px; vertical-align:top; font-size:15px;}
.foot-area .foot-customer{width:50%; display:table-cell; padding-left:50px; vertical-align:top; font-size:15px;}
.foot-area .foot-info .copyright{letter-spacing:0em; font-family: 'Poppins', sans-serif; font-weight:400; font-size:14px; text-transform:uppercase; padding-top:15px;}
.foot-area .foot-info .copyright strong{font-weight:600;}
.foot-title{color:rgba(255,255,255,0.8); margin-bottom:20px;}
.foot-title span{font-size:17px;}
.foot-title p{font-size:26px;}
.foot-title p a{display:inline-block; font-size:15px; padding:0px 15px; background:rgba(255,255,255,0.1); border-radius:9999px; color:rgba(255,255,255,0.7); vertical-align:top; margin-left:5px;}


footer address{display:block; }
footer address p{display:inline-block;  margin-right:30px; position:relative;  letter-spacing:-0.05em;}
footer address span{display:inline-block; margin-right:5px;}


/*bottom-fixed*/
#bottom-fixed{background:#b1d5ee; padding:20px 0; position:fixed; bottom:0; z-index:9999; width:100%;}
#bottom-fixed ul{width:1200px; margin:0 auto; box-sizing:border-box; padding-left:350px;}
#bottom-fixed li{display:inline-block; width:48%; position:relative; box-sizing:border-box; padding-left:120px; color:#001351; vertical-align:top;} 
#bottom-fixed li h3{position:absolute; left:0; top:50%; margin-top:-38px; background:#001351; padding:10px 25px; color:#fff; font-size:15px;}
#bottom-fixed li h3 img{display:block; width:35px; margin:0 auto;}
#bottom-fixed li div{padding:5px 0;}
#bottom-fixed li div p{font-size:30px;font-family: 'Poppins', sans-serif; font-weight:600; letter-spacing:-0.05em; line-height:1.1em;}
#bottom-fixed li div p a{color:#001351;}
#bottom-fixed li div span{display:block; font-size:18px;}
#bottom-fixed li div span img{display:inline-block; vertical-align:-2px; margin-right:2px;}
.bf-img{position:absolute; left:50%; margin-left:-700px; top:-5px;}
.bf-img-mobile{display:none;}


/*side-fixed*/
#side-fixed{position:fixed; z-index:9999; right:30px; top:150px;}
#side-fixed p{text-align:center; font-size:16px;font-family: 'Poppins', sans-serif; font-weight:600; letter-spacing:0em;padding:10px 0; color:#000; background:#90c31e;}
.side-sns li{margin-bottom:15px;}
.side-sns li a{display:block; width:55px; height:55px; border-radius:9999px; overflow:hidden;}
.side-sns li img{width:100%;}

.side-ul{width: 120px; border: 1px #2475ba solid; background: #2c82cb; text-align: left; overflow: hidden;}
.side-ul a {display: block; color:rgba(255,255,255,0.8); border-top:1px rgba(255,255,255,0.1) solid; font-size: 14px; line-height: 1.15em; padding: 15px 0;padding-left:15px;}
.side-ul li:first-child a{background:none; border-top:0;} 
.side-ul a:hover{color:#000; text-decoration:underline; position:relative; }
.side-ul a:hover:after{position:absolute; width:3px; height:3px; content:""; display:block; background:#333; left:7px; top:50%; margin-top:-1px;}

.contain{overflow-x:hidden; width:100%;}

/*¸ÞÀÎ***********************************************************************************/

/*slide °øÅë*/
.slick-slide{display:inline-block;}
.slick-list{position:relative; z-index:1;}
 .slick-arrow{background:transparent;}

/*visual-text*/
@keyframes vt-ani {
  0 {opacity:0; -moz-transform:translatey(20%); -ms-transform:translatey(20%); transform:translatey(20%); }
  100% {opacity:1; moz-transform:translatey(0);  -ms-transform:translatey(0); transform:translatey(0);}
}

/*visual*/
#visual{position:relative; height:720px; overflow:hidden; margin-bottom:-10px; padding-top:84px;}
.visual-img{position:relative;}
.visual-img-bg{position:relative; padding-top:720px; overflow:hidden;}
.visual-img-bg img{position:absolute; left:50%; top:0%; margin-left:-1000px;}

.visual-img-text{position:absolute; height:100%; width:100%; top:50%; margin-top:-13.5%; text-align:center;}

.visual01-text{top:50%; margin-top:-17%;}
.visual01-text img{height:90%;}

.slick-dots{position:absolute; bottom:50px; z-index:999; text-align:center; width:100%;background:transparent}
.slick-dots li{display:inline-block; margin:0 5px;}
.slick-dots li button{display:block; background:transparent; width:18px; height:22px; font-size:0; box-sizing:border-box; background:url(img/visual-nav.png);}
.slick-dots li.slick-active button{background:url(img/visual-nav-on.png);}
#visual .slick-active .visual-img-text{opacity:0;  -moz-transform:translatey(20%); -ms-transform:translatey(20%); transform:translatey(20%);  animation-timing-function: ease-out; animation-name: vt-ani;  animation-duration: 0.5s;animation-delay: 0.2s; animation-fill-mode:both;}

/*¸ÞÀÎ ½½·Î°Ç*/
.main-slogan{text-align:center; background:#e9f5ff; padding:80px 0;}
.main-slogan p{display:inline-block; text-align:left; background:url(img/logo-icon.png) no-repeat 0 50%; color:#003b95; font-size:36px; line-height:1.2em; padding:10px 0; padding-left:160px;}
.main-slogan strong{font-weight:700;}


/*»ç¾÷¿µ¿ª*/
.business-area{display:table; table-layout:fixed; width:100%;}
.business-area section{display:table-cell; width:50%; vertical-align:top; text-align:center; padding:80px 0; background-size:cover;}
.business-title h2{font-size:36px; font-weight:700; color:#fff;}
.business-title p{font-family: 'Poppins', sans-serif; font-weight:300; font-size:17px; letter-spacing:0em;}
.busi-menu-list{margin-top:30px;}
.busi-menu-list li{display:inline-block; padding:0 30px;}
.busi-menu-list li a{display:block; color:#fff;  font-size:18px;}

.busi-menu-list li a {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
}
.busi-menu-list li a:hover, .busi-menu-list li a:focus, .busi-menu-list li a:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);

}



.busi-icon{background:#fff; border-radius:45px; padding:10px; width:90px; margin:0 auto; margin-bottom:10px;}
.busi-icon img{width:100%;}
.business-area #renewable{background-image:url(img/busi1-bg.jpg)}
.business-area #renewable .business-title p{color:#8eb2d7;}
.business-area #alternative{background-image:url(img/busi2-bg.jpg)}
.business-area #alternative .business-title p{color:rgba(255,255,255,0.6);}


/*¼³Ä¡»ç·Ê*/
#gallery{width:100%; margin:0 auto; padding-top:10px; position:relative; overflow:hidden; background:#e9f5ff;}
#gallery .main-title-link a{position:relative; right:auto; margin-left:15px;}
.gallery-area{position:relative;}
.gallery-box{box-sizing:border-box; padding-right:1px;}
.gallery-box a{display:block;}
.gallery-img{position:relative; padding-top:70%; width:100%; overflow:hidden; background:#000; box-sizing:border-box; }
.gallery-img img{max-width:100%; position:absolute; left:50%; top:50%;}
/*À̹ÌÁöhover*/
.gallery-img:hover > img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}
.gallery-img img{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}


/*°ü·Ã»çÀÌÆ®*/
#site-banner{padding:30px 0;}
#site-banner h2{font-size:20px; font-weight:500; position:absolute; left:0; top:0; line-height:inherit; }
.site-banner-area{width:1200px; margin:0 auto; position:relative; height:60px; line-height:60px; padding-left:200px; box-sizing:border-box;}
.site-banner-list{ width:100%; overflow:hidden; }
.site-banner-list:after{clear:both; display:block; height:0; content:""; visibility:hidden;}
.site-banner-list .slick-arrow{cursor:pointer; position:absolute; left:105px; border:1px #bcbfc0 solid; top:50%;  margin-top:-15px; z-index:2; width:28px; height:28px; font-size:0; background-position:50%; background-image:url(img/site-arrow-prev.gif);}
.site-banner-list .slick-next{left:auto; left:132px; background-image:url(img/site-arrow-next.gif);}
.site-banner-img{ display:block; padding:0 10px; box-sizing:border-box; overflow:hidden;}
.site-banner-img img{width:100%;}



/*¼­ºê******************************************************************/

#sub{border-bottom:1px #e6eaec solid; padding-top:84px;}

#sub-top{width:100%; margin:0 auto; display:table; table-layout:fixed; height:400px; padding-bottom:30px; margin-top:0px; position:relative; box-sizing:border-box;  background-color:#333; background-position:center 0;  background-repeat:no-repeat; background-size:cover; background-position:50% 50%;}
#sub-top.ssub-top1{background-image:url(img/sub-bg01.jpg);}
#sub-top.ssub-top2{background-image:url(img/sub-bg02.jpg);}
#sub-top.ssub-top21{background-image:url(img/sub-bg021.jpg);}
#sub-top.ssub-top3{background-image:url(img/sub-bg03.jpg);}
#sub-top.ssub-top4{background-image:url(img/sub-bg04.jpg);}
#sub-top.ssub-top5{background-image:url(img/sub-bg01.jpg);}
#sub-top.ssub-top6{background-image:url(img/sub-bg01.jpg);}

.st-text-box{text-align:center;  display:table-cell; vertical-align:middle; width:100%;height:inherit; box-sizing:border-box; color:#fff;}
.sttb-t1{font-size:60px; font-weight:700; letter-spacing:-0.08em; background:url(img/sub-logo.png) no-repeat 50% 0; padding-top:80px; padding-bottom:30px; line-height:1.25em;}
.sttb-t2{font-family: 'Poppins', sans-serif; font-weight:300; font-size:26px; letter-spacing:0em; text-transform:uppercase; color:rgba(255,255,255,0.7);}
.sub-nav{text-align:center; margin-bottom:10px;}
.sub-nav > div{display:inline-block; padding:0 5px;}
.sub-nav > div i{color:#8e8e8e; font-size:13px; padding-right:7px;}
.sub-nav > div.s-home i{font-size:18px; padding-right:0;}


#snb{background:#fff; color:#333; height:80px; line-height:80px; text-align:center; width:100%; border:1px #ebebeb solid; box-sizing:border-box; width:1200px; margin:0 auto; position:relative; top:-40px; }
#snb li{display:inline-block; position:relative; margin-left:-3px; padding:0 30px;}
#snb li a{display:block; color:#777;  font-size:18px; position:relative; font-weight:500; padding:0 10px;}
#snb li.current a,
#snb li a:hover{color:#0369c0; font-weight:500; }
#snb li.current a:after,
#snb li a:hover:after{position:absolute; content:""; display:block; width:40px; height:6px; background:#0369c0; bottom:1px; left:50%; margin-left:-20px; }
#snb.snb5 li a{padding:0 18px;}

#snb.snb3{background:#fff; color:#333; height:80px; line-height:80px; text-align:center; width:100%; border:1px #ebebeb solid; box-sizing:border-box; width:1200px; margin:0 auto; position:relative; top:-40px; }
#snb.snb3 li{display:inline-block; position:relative; margin-left:-3px; padding:0 5px;}
#snb.snb3 li a{display:block; color:#777;  font-size:18px; position:relative; font-weight:500; padding:0 10px;}
#snb.snb3 li a:hover{color:#000;}
#snb.snb3 li.current a{color:#0369c0; font-weight:500; }
#snb.snb3 li.current a:after{position:absolute; content:""; display:block; width:40px; height:6px; background:#0369c0; bottom:1px; left:50%; margin-left:-20px; }


.sub-nav-list{position:absolute; left:50%; width:600px; bottom:60px; text-align:right; color:#fff;}
.sub-nav-list > li{display:inline-block; font-size:15px; position:relative; margin-right:10px; padding-left:16px;}
.sub-nav-list > li:after{content:""; display:block; position:absolute; width:6px; height:12px;left:0; top:50%; margin-top:-6px; background:url(img/sub-nav.png) no-repeat 50%;}
.sub-nav-list > li:first-child img{vertical-align:-1px;}
.sub-nav-list > li:first-child:after{display:none;}
.sub-nav-list > li a{color:#fff;}
.sub-nav-list > li a:hover{color:#f1e901; text-decoration:underline;}


.sub-nav-list > li.ssnb-hover{padding:0; padding-right:12px; padding-bottom:20px; cursor:pointer; color:#6dba3a; background-repeat:no-repeat; background-image:url(img/sub-nav-hover.gif); background-position:100% 9px;}
.sub-nav-list > li.ssnb-hover:after{display:none;}
.ssnb-box{display:none; border:1px #e0e0e0 solid; border-radius:10px; position:absolute; width:auto; right:0px; padding:15px; padding-top:5px; top:28px; background:#fff; z-index:999;}
.ssnb-box a{font-size:14px; color:#888;}
.ssnb-box a:hover{color:#111;}

/*ÀϺΠ»ö»ó ºí·¢*/
#sub-top.ssub-color-black .st-text-box p{color:#fff; text-shadow:
       2px 2px 0 #000,
     -2px -2px 0 #000,  
      2px -2px 0 #000,
      -2px 2px 0 #000,
       2px 2px 0 #000;}
#sub-top.ssub-color-black .sub-nav-list,
#sub-top.ssub-color-black .sub-nav-list > li a{color:#222;}
#sub-top.ssub-color-black .sub-nav-list > li:after{background-image:url(img/sub-nav-black.png) }
#sub-top.ssub-color-black .sub-nav-list > li a:hover{color:#2c82cb; text-decoration:underline;}

.sub-content{width:100%; max-width:1200px; margin: 0 auto; padding-bottom:100px;}
.sub-content:after{clear:both; display:block; height:0; content:""; visibility:hidden;}

/*sub°øÅë*/
.sub-title-link h2{text-align:center; padding:10px 0; background:#0369c0; color:#fff; font-weight:600; font-size:22px;}

/*Àλ縻*/
.sub11-img{display:inline-block; width:490px; vertical-align:top;}
.sub11-text{display:inline-block; width:650px; box-sizing:border-box; padding-left:50px;}
.sub11-text p{margin-top:40px; word-break:keep-all; font-size:18px;}
.sub11-text1,
.sub11-text  .sub11-text1{ color:#0369c0; font-size:25px; font-weight:600;}
.sub11-text2,
.sub11-text .sub11-text2{margin-top:0; color:#1d4160; font-size:28px; font-weight:500;}

/*ȸ»ç¼Ò°³*/
.tb-list{border-top:2px #0369c0 solid; border-bottom:1px solid #7c7f82; width:100%; table-layout:fixed;}
.tb-list th{background:#ebeff0; border-top:1px solid #e0e3e6;}
.tb-list td{border-top:1px solid #e0e3e6; padding:10px;}
.sub12-dl{position:relative;}
.sub12-dl dt{position:absolute; left:0; top:0;}
.sub12-dl dd{padding-left:220px;}
.history-list li{position:relative; border:2px #0369c0 solid; border-width:2px 1px 1px 1px; padding:20px 0 0; display:inline-block; width:15%; margin-right:5px; text-align:center;  vertical-align:top; height:120px; margin-bottom:20px;}
.history-list li span{font-family: 'Poppins', sans-serif; font-weight:600; color:#0369c0; font-size:20px; letter-spacing:0em;display:block; position:relative;}
.history-list li span:after{content:""; display:block; width:20%; height:3px; background:#0369c0;  margin:10px auto 10px;}
.history-list li p{position:relative;font-size:17px;}
.history-list li.hisli-li{background:#0369c0; color:#fff; width:17%;}
.history-list li.hisli-li span{color:#fff;}
.history-list li.hisli-li span:after{background:#fff;}
.sub12-img{margin-bottom:50px;}
.sub12-img img{width:100%;}

/*Á¶Á÷µµ*/
.sub-center-text{text-align:center; margin-bottom:50px;}
.sub13-img-box{padding:70px; background:#f9f9f9;}
.sub13-img-box img{max-width:100%; margin:0 auto; display:block;}

/*¿À½Ã´Â±æ*/
.sub14-dl dt{color:#001351; font-weight:500; font-size:20px; position:relative;}
.sub14-top{background:#b1d5ee; padding:20px; text-align:center; color:#001351; font-size:16px; margin-bottom:50px;} 
.sub14-top p{display:inline-block; margin:0 10px;}

.sub14-p1{margin-bottom:10px;}
.sub-float-box dl{float:left; width:48%; margin-left:4%; margin-top:50px;}
.sub-float-box dl:nth-child(2n+1){margin-left:0;}
.sub-float-box:after{clear:both; display:block; height:0; content:""; visibility:hidden;}

/*»ç¾÷¿µ¿ª*/
table td{word-break:break-all;}
.depth2-tab{text-align:center; margin-bottom:20px; text-align:center;}
.depth2-tab li{display:inline-block; width:22%;}
.depth2-tab li a{display:block; padding:10px 0; background:#e0e0e0; box-sizing:border-box;}
.depth2-tab li.current a,
.depth2-tab li a:hover{background:#001351; color:#fff;}

.depth3-tab{text-align:center;}
.depth3-tab li{display:inline-block;}
.depth3-tab li a{display:block; padding:10px 40px; box-sizing:border-box; border:1px #e0e0e0 solid; border-radius:9999px;}
.depth3-tab li.current a,
.depth3-tab li a:hover{background:#0369c0; border-color:#0369c0; color:#fff;}

.depth4-tab{padding-top:30px; text-align:center;}
.depth4-tab.scroll-fixed{position:fixed; top:50px;}
.depth4-move span{display:inline-block; cursor:pointer; padding:10px; position:relative;}
.depth4-move span.current,
.depth4-move span:hover{color:#0369c0;background:#ccc;}
.depth4-move span:after{content:""; display:block; position:absolute; width:1px; height:12px; background:#ccc; left:0; top:17px;}
.depth4-move span:first-child:after{display:none;}

.sub-product-box{width:100%; max-width:900px; margin:0 auto; padding-top:50px;}
.sub-product-box-depth-box{float:right; right:0; width:100%; max-width:900px; padding-top:50px;}
.SPB-tab{display:none;}
.SPB-tab.current{display:block;}

.color-blue{color:#2f5597;}
.color-red{color:#dd6117;}
.color-green{color:#3f9211;}
.sub-cont-tit1{font-weight:600; color:#004ea1; font-size:28px; padding-bottom:20px;}
.sub-cont-tit2{font-size:22px; padding-bottom:10px; font-weight:600; color:#062967; position:relative; padding-left:18px;}
.sub-cont-tit2:after{content:""; display:block; width:6px; height:6px; border:3px #062967 solid; border-radius:50%;position:absolute; left:0; top:11px;}
.sub-cont-img1 img{max-width:100%; margin:0 auto; display:block;}
.sub-cont-img2{box-sizing:border-box; border:2px #777 solid; padding:15px; overflow:hidden; width:100%;}
.sub-cont-img2 img{width:100%;}

.sub-cont-img3{box-sizing:border-box; overflow:hidden; width:100%; padding-right:20px;}
.sub-cont-img3 img{width:100%; border:1px #e0e0e0 solid;}

.sub-cont-text1{font-size:1.125rem; font-weight:500; margin-bottom:20px; word-break:keep-all;}
.sub-cont-text2{font-size:1.063rem; font-weight:500; color:#3c547a;}
.sub-cont-text3{border:1px #ccc solid; }
.sub-cont-text4{font-size:1.125rem; font-weight:500; margin-bottom:10px; word-break:keep-all;}
.sub-cont-text5{font-weight:500; margin-bottom:5px; color:#000;}
.sub-cont-text6{font-weight:600; color:#003b95; background:#003b95;}

.sub-cont-text7{background:#001351; color:#fff; font-size:24px; text-align:center;}
.sub-cont-text7 span{font-family: 'Poppins', sans-serif; font-weight:600; letter-spacing:0; font-size:40px; vertical-align:middle; margin-right:10px;}

.sub-ma-top5{margin-top:5px;}
.sub-ma-top10{margin-top:10px;}
.sub-ma-top20{margin-top:20px;}
.sub-ma-top30{margin-top:30px;}
.sub-ma-top50{margin-top:50px;}

.ma-boder{margin-top:100px; padding-top:150px; border-top:1px #ccc solid;}

.sub-cont-table1{width:100%; table-layout:fixed; background:#fff;}
.sub-cont-table1{border:1px #dedede solid; border-width:0 1px 1px 0; font-size:0.938rem;}
.sub-cont-table1 thead th{border-top:3px #333 solid; background:#f9f9f9; border-left:1px solid #dedede; padding:15px;}
.sub-cont-table1 thead th.table1-blue-box{background:#e5eef4; color:#2f5597;}
.sub-cont-table1 thead th.table1-red-box{background:#f9f3f3; color:#dd6117;}
.sub-cont-table1 thead tr:nth-child(2) th{border-top:1px solid #dedede;}
.sub-cont-table1 tbody th{border-left:1px #dedede solid; border-top:1px #dedede solid; }
.sub-cont-table1 tbody td{border-left:1px #dedede solid; border-top:1px #dedede solid; text-align:center; padding:10px; word-break:keep-all;}


.sub-cont-ul1{padding:10px 25px; box-sizing:border-box; border:2px dotted #d8d8d8; margin-top:30px;}
.sub-cont-ul1 li{margin:10px 0; word-break:keep-all; font-size:15px;}
.sub-cont-box1{padding-bottom:50px; border-bottom:1px #d8d8d8 solid;}
.sub-cont-box1 dl{border-top:1px dashed #ccc; margin-top:30px; padding-top:30px; position:relative;}
.sub-cont-box1 dl:first-child{border-top:0; margin-top:0; }
.sub-cont-box1 dl dt{position:absolute; width:28%; word-break:keep-all; top: 25px; left: 0; padding-left: 13px; color: #2173ca; font-weight: 500;  font-size: 18px;}
.sub-cont-box1 dl dt:after{content:"";  display: block; width: 3px; height: 20px;  position: absolute; top: 4px;  left: 0;background: #2173ca;}
.sub-cont-box1 dl dd{box-sizing:border-box; padding-left:30%; word-break:keep-all;}
.sub-cont-box1.scb1-ww1 dt{width:160px}
.sub-cont-box1.scb1-ww1 dd{padding-left:180px;}
.sub-cont-box1.scb1-ww2 dt{width:100px}
.sub-cont-box1.scb1-ww2 dd{padding-left:120px;}
.line-top-box1{border-top:1px dashed #ccc; padding-top:30px; margin-top:30px;}

.sub-cont-box2{padding:10px; font-weight:500; color:#334069; background:#f1f5f8; border:1px #e0e5ea solid; box-sizing:border-box; margin-bottom:15px;}
.sub-cont-ul2 li{margin-top:5px;}
.sub-cont-ul2 li:first-child{margin-top:0;}

.ex-type1{font-size:0.938em; color:#777; word-break:keep-all;}
.ex-type2{color:#ec6600; font-weight:500; margin-top:10px;}

.total-box1{border:1px #ccc solid; border-radius:5px; display:inline-block; padding:0px 10px; margin-left:5px; color:#e8264c;}

.total-box2,
.sub-cont-ul2 li.total-box2{border-top:2px #333 solid; margin-top:10px; padding-top:10px; color:#e8264c;}

.sub-cont-table2{width:100%; table-layout:fixed;}
.sub-cont-table2 td{border:1px #dedede solid; text-align:center; vertical-align:top; word-break:keep-all;}
.sub-cont-table2 td .text-p-box{padding:20px 10px;}
.sub-cont-table2 td span{display:block;}
.sub-cont-table2 td .text-left{text-align:left; padding:20px;}
.sub-cont-table2 th{padding:10px; border:1px #dedede solid;}
.blue-box{background:#e5eef4; padding:10px 0; border-bottom:1px #d2dee6 solid;}
.red-box{background:#f9f3f3; padding:10px 0; border-bottom:1px #ecd9d9 solid;}
.gray-box{background:#f7f7f7; padding:10px 0; border-bottom:1px #ccc solid;}

.tr-blue-box th,
.tr-blue-box td{background:#e5eef4; color:#003b95; font-size:1.063rem; font-weight:600;}

.sub-cont-ul3{border-top:2px #2173ca solid; border-bottom:1px #ccc solid; margin-top:30px;}
.sub-cont-ul3 li{padding:20px 15px; word-break:keep-all;}
.sub-cont-ul3 li:nth-child(2n+1){background:#e5eef4; }
.sub-cont-ul3 li p{font-weight:500; font-size:1.063rem; margin-bottom:7px;}

 .sub-but-type1{position:relative; padding-left:10px;}
.sub-but-type1:after{content:""; display:block; width:3px; height:3px; background:#5a646c; position:absolute; left:0; top:10px;}
.color-red .sub-but-type1:after{background-color:#dd6117;}

.sub-left-right{display:table; width:100%; table-layout:fixed;}
.sub-left-right dl{display:table-cell; width:50%; vertical-align:top; padding:0 10px;}

.sub-cont-box3{padding:50px; background:#edf3f8;}
.sub-cont-box3 .sub-cont-tit1{font-size:22px;}

.sub-cont-table3{background:#fff; width:100%; table-layout:fixed; }
.sub-cont-table3 td{padding:20px; font-size:0.938rem; border:2px #d0dde7 solid; vertical-align:top;}
.sub-cont-table3 td li{padding:5px 0; border-top:1px #e9eef1 dashed;}
.sub-cont-table3 td li:first-child{border-top-width:0;}


.sub-cont-ul4{text-align:center;}
.sub-cont-ul4 li{display:inline-block;}

.sub-cont-ul5 li{float:left; width:23.5%; margin-left:2%; margin-bottom:2%;}
.sub-cont-ul5 li:first-child{margin-left:0;}
.sub-cont-ul5:after{clear:both; content:"."; display:block; height:0; visibility:hidden;}
.scu5-img{box-sizing:border-box; border:2px #001351 solid; overflow:hidden;}
.scu5-img img{width:100%;}
.scu5-text{background:#001351; color:#fff; padding:10px 0; text-align:center;}
.sub-cont-ul5-w2 li{ width:49%; margin-left:2%; margin-bottom:2%; float:left;}
.sub-cont-ul5-w2 li:nth-child(2n+1){margin-left:0;}
.sub-cont-ul5-w2:after{clear:both; content:"."; display:block; height:0; visibility:hidden;}

.sub-cont-ul6 li{display:inline-block; width:30%; margin-right:2%;border-radius:5px; overflow:hidden; text-align:center;}
.sub-cont-ul6 li img{width:100%;}
.sub-cont-ul6 li .scu6-text{background:#333; color:#fff; box-sizing:border-box; padding:10px 0;}

.sub-cont-text-box1{box-sizing:border-box; padding:20px; border:1px #333 solid;}
.sub-cont-img-box1{text-align:center;}
.sub-cont-img-box1 img{width:25%; margin:0 5px; display:inline-block;}

.sub-cont-table4{border-bottom:1px #dedede solid; width:100%; table-layout:fixed;}
.sub-cont-table4{border-bottom:1px #dedede solid;}
.sub-cont-table4 thead th{background:#d8e5f0; padding:10px;border:1px #b7bfc7 solid; border-bottom:0; }
.sub-cont-table4 td{padding:20px; font-size:0.938rem; border:1px #dedede solid; word-break:keep-all;vertical-align:top;}
.sub-cont-table4 tbody th{background:#f9f9f9; padding:10px 0; border:1px #dedede solid; border-bottom:0;}

.bg-color1{background:#4074db;}

.sub-cont-table5{border-bottom:1px #dedede solid; width:100%;}
.sub-cont-table5 thead th{background:#d8e5f0; padding:10px;border:1px #b7bfc7 solid; border-bottom:0; font-size:15px; }
.sub-cont-table5 td{padding:0px; font-size:0.938rem; border:1px #dedede solid; word-break:keep-all;vertical-align:top;}
.sub-cont-table5 td.td-padding1{padding:20px;}
.sub-cont-table5 tbody th{background:#f9f9f9; padding:10px; border:1px #dedede solid; border-bottom:0;text-align:left; font-weight:400; width:50%; font-size:15px;}

.sub-cont-ul7 li{float:left; width:48%; margin-left:4%; margin-bottom:4%;}
.sub-cont-ul7 li:nth-child(2n+1){margin-left:0;}
.sub-cont-ul7:after{clear:both; content:"."; display:block; height:0; visibility:hidden;}
.scu7-img-box{box-sizing:border-box; border:3px #9fa0a0 solid;  border-radius:10px; overflow:hidden; margin-top:10px;}
.scu7-img-box div{padding:10px;}
.scu7-img-box span{ display:block; background:#9fa0a0; text-align:center; padding:5px 0; color:#fff;}

.sub-cont-ul8{margin:30px 0;}
.sub-cont-ul8 li{ background:#f2f2f2; box-sizing:border-box; padding:10px; margin-bottom:10px; position:relative;}
.sub-cont-ul8 li span{background:#00439b; color:#fff; padding:7px 30px; display:inline-block; margin-bottom:10px; position:absolute; left:10px; top:10px;}
.sub-cont-ul8 li p{ font-size:0.938rem; padding:10px 10px  10px 130px;}

.sub-cont-ul9 li{margin-bottom:10px; padding-top:10px; border-top:1px dashed #ccc; }
.sub-cont-ul9 li.sub-but-type1:after{top:20px;}
.sub-cont-ul9 li:first-child{border-top:0; padding-top:0;}

.line2{line-height:1.4em; min-height:2.8em;}

/*µ¿¿µ»óÀÚ·á*/
.sub-roduct-list{text-align:center;}
.sub-product-list li{display:inline-block; margin:0 1% 70px 1%; width:47%; text-align:left;}

.sub-product-list:after{clear:both; content:"."; display:block; height:0; visibility:hidden;}
.sub-product-list a{display:block; width:100%; box-sizing:border-box; }
.spl-img{border:1px #efefef solid; margin-bottom:20px;width:100%; position:relative; overflow:hidden;box-sizing:border-box; }
.spl-img img{margin:0 auto; top:0; width:100%; position:absolute; left:50%; top:50%;}
.spl-img:hover > img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}
.spl-img > img{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}
.spl-text{overflow: hidden; line-height:24px; height:24px; position:relative; padding-right:10px;}
.sub-product-list a:hover .spl-text{color:#2f3b83;}

.spl-date {letter-spacing:0em; color: #777; font-size: 0.938rem;}
/*paging*/
.paging{text-align:center; margin-top:30px;}
.paging a,
.paging strong{display:inline-block; margin-left:-1px; border:1px #c8c8c8 solid; width:40px; height:40px; line-height:40px; vertical-align:top;font-family: 'Montserrat', sans-serif; font-weight:500; font-size:15px;}
.paging strong{color:#fff; background:#2f3b83; border-top-color:#2f3b83; border-bottom-color:#2f3b83;}
.paging .p-prev, 
.paging .p-next{font-size:0; text-indent:-999999; overflow:hidden;}
.p-prev i, 
.p-next i{font-size:16px; line-height:40px;}


/*´Ü°¡Ç¥*/
.download-list{text-align:center; margin-top:30px;}
.download-list li{display:inline-block; margin:0 1% 40px 1%;width:30%;  box-sizing:border-box; border:1px #c9d2d9 solid; background:#eef3f7; border-radius:5px; }
/*width:47%; */
.download-list li div{padding:30px;}
.download-list li p{height:3.6em; overflow:hidden; line-height:1.2em;}
.download-list li a{display:inline-block; background:#003b95; color:#fff; margin-top:5px; padding:15px 50px; font-size:18px;}

#ifrm {
    width: 100%;
	min-height: 300px;
    overflow: hidden;
    border: 0;
}



#snb44{background:#fff; color:#333; height:35px; line-height:35px; margin:0 auto;margin-bottom:50px;text-align:center; width:100%;max-width:500px; border-top:1px #e0e0e0 solid; border-bottom:1px #e0e0e0 solid; }
#snb44 ul{width:100%; margin:0 auto;}
#snb44 li{display:inline-block; position:relative; margin-left:-3px; width:50%;}
#snb44 li a{display:block; color:#777;  font-size:15px; position:relative; font-weight:300;}
#snb44 li a:hover{color:#fff; font-weight:300; background:#4fa80e;}
#snb44 li a:after{content:""; display:block; width:1px; height:100%; background:#e0e0e0; left:0; top:0%;  position:absolute;}
#snb44 li:first-child a:after{display:none;}
#snb44 li.current a{color:#fff; font-weight:300; background:#4fa80e;}
#snb44.snb5 li a{padding:0 18px;}

#snb55{background:#fff; color:#333; height:35px; line-height:35px; margin:0 auto;margin-bottom:80px;text-align:center; width:100%;}
#snb55 ul{width:100%; margin:0 auto;}
#snb55 li{display:inline-block; position:relative; margin-left:-3px; width:14.1%; border:1px #e0e0e0 solid; }
#snb55 li a{display:block; color:#777;  font-size:13px; position:relative; font-weight:300;}
#snb55 li a:hover{color:#000;}
#snb55 li a:after{content:""; display:block; width:1px; height:100%; background:#e0e0e0; left:0; top:0%;  position:absolute;}
#snb55 li:first-child a:after{display:none;}
#snb55 li.current a{color:#fff; font-weight:300; background:#4fa80e;}
#snb55.snb5 li a{padding:0 18px;}