/* 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=Titillium+Web:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap');


/*Reset*/
body{margin: 0; padding: 0; width:100%; overflow-x:hidden;}
div,p,h1,h2,h3,h4,h5,h6,ol,li,dl,dt,dd,ul,pre,form,fieldset,legend,input,textarea,button,select,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:700;}
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:#333; font-size:15px; line-height:1.5; letter-spacing:-0.015em; 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%; min-width:1200px; height:80px; background-size:cover; position:relative; z-index:9999999;}
.header-logo{position:absolute; left:50%; margin-left:-600px; top:50%; margin-top:-21px; z-index:100;}
.header-logo img{width:202px;}

.header-gnb{width:100%; height:80px; 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:80px; left:0; background:#e0e0e0;}

.pc-gnb .gnb{width:1000px; margin:0 auto; text-align:center;  position:relative; height:auto; left:50%; margin-left:-300px; top:0;}
.pc-gnb .gnb:after{clear:both; display:block; height:0; content:""; visibility:hidden;}
.pc-gnb .gnb > li{display:block; position:relative; width:16.6666%; height:80px; line-height:80px; text-align:center; box-sizing:border-box; vertical-align:top; float:left;  }
.pc-gnb .gnb > li:after{content:""; display:block; position:absolute; width:0%; height:2px; left:50%; margin-left:-10%; bottom:-2px; background:#ec0928; z-index:9;transform: scaleX(0);transform-origin: center;transition: .1s ease-out;}
.pc-gnb .gnb > li:hover:after{width:20%;transform:scaleX(1);transition: .3s ease-out;}

.pc-gnb .gnb > li > a{display:block; font-size:18px; color:#4f4f4f; 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; z-index:5; width:100%; background:rgba(255,255,255,1); box-sizing:border-box; border-right:1px #e0e0e0 solid; padding-top:20px;}
/*.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;}
.pc-gnb .gnb > li > ul li a:hover{color:#000;}
.pc-gnb .gnb > li > ul.gnb-max-h{height:220px;}
.gnb-open-btn{display:none;}
.gnb-close-btn{display:none;}
.mobile-gnb{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;}*/


/*footer*/
footer{width:100%; border-top:1px #e5e5e5 solid; color:#666;padding:40px 0 50px; line-height:1.55em;}
.foot-area{width:1200px; margin:0 auto 0;}
.foot-area:after{clear:both; content:"."; display:block; height:0; visibility:hidden;}
.foot-info strong{display:block; font-size:16px; font-weight:700; margin-bottom:17px;}
footer address{font-weight:00;}
footer address p{display:inline-block; font-size:14px; margin-right:40px;}
footer address span{display:inline-block; font-weight:700; margin-right:5px;}
footer .copyright{margin:35px auto 0; border-top:1px #e5e5e5 solid; width:1200px; font-family:'Titillium Web', sans-serif; font-weight:400;letter-spacing:0; font-size:14px; padding-top:20px;}
footer .copyright strong{color:#da251c;}

.contain{overflow-x:hidden;}

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

/*visual*/
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-arrow{position:absolute; font-size:0;  background:transparent; display:none;}
.slick-slider .slider-for{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-slide {float: left; text-align:center; /*height: 100%; min-height: 1px;*/}
.slick-dots{position:absolute; left:50%; margin-left:-600px; top:440px; z-index:99999999; width:100%;}
.slick-dots > li{display:inline-block;margin-right:10px; font-size:0; text-indent:-9999px; overflow:hidden; width:20px; height:20px; box-sizing:border-box; background:url(img/visual-b-b.png)}
.slick-dots > li.slick-active{background:url(img/visual-b-a.png)}
#main-visual{width:100%;  position:relative; background:#fff;}
.visual-item{position:relative; width: 100%; height:100%; text-align:center; margin:0 auto;}
.visual-item > img{display:block; position:absolute; left:50%; margin-left:-1000px; top:0;}
.visual-txt{position:absolute; z-index:2; left:50%; margin-left:-600px; text-align:left; top:125px;}
#main-visual:after,
.slick-track:after{clear:both; display:block; height:0; content:""; visibility:hidden;}

.vt1{font-family:'Titillium Web', sans-serif; font-weight:700; font-size:18px; color:#ff2548; text-transform:uppercase; letter-spacing:0;}
.vt2{color:#fff; font-size:50px; letter-spacing:-0.05em; line-height:1.2em; margin:20px 0;}
.vt3{font-family:'Titillium Web', sans-serif;  font-weight:400; font-size:15px; color:rgba(255,255,255,0.4);letter-spacing:0;}

@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);}
}

.slick-active .visual-txt p{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;}
.slick-active .visual-txt p.vt2{animation-delay: 0.3s;}
.slick-active .visual-txt p.vt3{animation-delay: 0.7s;}


/*main °øµ¿*/
.main-title{text-align:center; padding:100px 0 40px; width:100%;line-height:1; }
.main-title h2{font-weight:700; font-size:48px;}
.main-title span{display:block; text-transform:uppercase;font-family:'Titillium Web', sans-serif; font-size:18px; color:#888888; padding-top:24px;}



/*ȸ»ç¼Ò°³*/
#company{width:1200px; margin:0 auto; padding-bottom:100px;}
.company-list li{float:left; width:25%; box-sizing:border-box; text-align:center; background-position:50% 20px; background-size:52px 52px;); background-repeat:no-repeat; padding-top:130px; line-height:1; border-left:1px #eaeaea solid;}
.company-list li:first-child{border-left-width:0;}
.company-list li.company1{background-image:url(img/ci01.gif);}
.company-list li.company2{background-image:url(img/ci02.gif);}
.company-list li.company3{background-image:url(img/ci03.gif);}
.company-list li.company4{background-image:url(img/ci04.gif);}
.ci01{font-weight:500; font-size:18px; color:#000;}
.ci02{font-family:'Titillium Web', sans-serif; font-size:14px; color:#999; font-weight:600; text-transform:uppercase; letter-spacing:0; padding:10px 0 30px; background-size:85px;}
.ci03{font-weight:700; font-size:20px; line-height:1.15em; height:90px;}
.company-list:after{clear:both; display:block; height:0; content:""; visibility:hidden;}
.ceo{padding:50px; word-break:keep-all; font-size:17px; border-bottom:1px #c9cfd7 solid; line-height:1.95em;}
.ceo p{text-align:right; margin-top:40px; color:#2e2a3f; f}
.ceo p strong{font-size:22px; font-weight:500;}

/*»ç¾÷¿µ¿ª*/
#business{background:#f1f5f6; width:100%; padding-bottom:100px;}
.business-list{width:1200px; margin:0 auto;}
.business-list li{float:left; width:277px; margin-left:30px; overflow:hidden;}
.business-list li a{text-align:center; display:block; background:url(img/business-bg.png); background-size:cover; padding:90px 0 55px; color:#fff; position:relative;}
.business-list li:first-child{margin-left:0; width:278px;}
.business-list li:nth-child(3){width:278px;}
.business-list li h3{font-size:22px; font-weight:700; position:relative; z-index:2;}
.business-list li p{font-size:15px; position:relative; padding-bottom:30px; filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8; position:relative; z-index:2; transition:all 0.5s}
.business-list li p:before{content:""; display:block; width:34px; height:3px; background:#fff; margin:25px auto 30px;}
.business-list li .bu-bg{position:absolute; width:100%; height:100%; background-size:cover;  top:0; filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;}
.business-list li.bi1 .bu-bg{background-image:url(img/bi01.jpg);}
.business-list li.bi2 .bu-bg{background-image:url(img/bi02.jpg);}
.business-list li.bi3 .bu-bg{background-image:url(img/bi03.jpg);}
.business-list li.bi4 .bu-bg{background-image:url(img/bi04.jpg);}
.busi-btn{background:rgba(255,255,255,1); display:inline-block; padding:10px 20px; position:relative; z-index:2; color:#666; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s}
.busi-btn span{display:inline-block; background:url(img/btn-arrow.png) no-repeat 100% 50%; color:#666; text-transform:uppercase; display:inline-block; text-align:center; font-family:'Titillium Web', sans-serif; font-weight:600; font-size:14px;background-size:12px 20px; padding-right:20px; -moz-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s}
.business-list li a:hover p{transform:translatey(-30px);}
.business-list li a:hover p:before{background:rgba(0,0,0,0)}
.business-list li a:hover .bu-bg{filter:alpha(opacity=30);opacity:0.3;-moz-opacity:0.3;transform: scale( 1.5 );}
.business-list li a:hover .busi-btn{ background:#ff2548; border-radius:100px;}
.business-list li a:hover .busi-btn span{background-image:url(img/btn-arrow-hover.png); color:#fff; }
.business-list:after{clear:both; display:block; height:0; content:""; visibility:hidden;}



/*»ç¾÷½ÇÀû*/
#performance{background:url(img/performance-bg.jpg) no-repeat 50% 100%; padding-bottom:55px; position:relative;}
#performance .slider-for2:after,
#performance .slider-nav2:after,
.performance-slide:after{clear:both; display:block; height:0; content:""; visibility:hidden;}
.performance-slide{width:1200px; margin:0 auto; overflow:hidden; position:relative;}
#performance .slider-for2{width:585px; float:left; position:relative; z-index:2; background:#fff;}
#performance .slider-for2 > div{position:relative;}
.per-t{position:absolute; z-index:99; bottom:0; font-size:16px;font-weight:500; background:url(img/per-t.png) no-repeat 100%; padding-right:28px;}
.per-t span{display:block;background:#fff;  padding:15px 0 15px 28px; }
#performance .slider-nav2 {width:923px; float:right; overflow:hidden; padding-top:75px; position:absolute; right:0px; z-index:1;}
#performance .slider-nav2 img{width:100%;}
#performance .slider-nav2 .slick-slide{margin-left:30px; }
#performance .slider-nav2 .slick-current{background:#000;}
#performance .slider-nav2 .slick-current.slick-active img{box-sizing:border-box;filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;}
.arrowSlider{position:absolute; z-index:999; right:0; top:0}
.arrowSlider span{display:inline-block; background:#fff; text-align:center; width:45px; height:45px; margin-left:2px; border:1px #b4b4b4 solid; box-sizing:border-box; position:relative; overflow:hidden; cursor:pointer; transition:all 0.3s}
.arrowSlider span i{font-size:24px; line-height:45px;}
.arrowSlider span:hover{background-color:#555; border-color:#555; color:#fff;}
.slideCount{position:absolute; left:612px; top:10px; background:url(img/count-line.gif) no-repeat 50%;font-family:'Titillium Web', sans-serif; font-size:18px; }
.slideCount span{display:inline-block; padding:10px; padding-top:10px; padding-bottom:0; vertical-align:bottom}
.slideCount .slideCountItem{font-weight:700; padding-top:0; vertical-align:top;}
.performance-title{position:absolute; left:50%; margin-left:45px; color:#fff; width:554px; bottom:80px; }
.performance-title a{display:block; width:70px; height:70px; font-size:0; color:#fff; background:#fff url(img/btn-arrow.png) no-repeat 50%; position:absolute; right:0; top:0; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s; z-index:99;}
.performance-title a:hover{background-color:#ff2548; background-image:url(img/btn-arrow-hover.png);}
.performance-title h3{display:inline-block; background:url(img/per-ico.png) no-repeat 0 0; background-size:37px; padding-top:40px; font-size:20px; font-weight:700; padding-right:30px;}
.performance-title p{display:inline-block; font-size:16px; color:rgba(255,255,255,0.7)}


/*°øÁö»çÇ×*/
#notice{width:1200px; margin:0 auto 80px;}
.notice-list li{float:left; width:33.334%;box-sizing:border-box; padding:30px 40px 30px 25px; border-left:1px #e5e5e5 solid;}
.notice-list li:first-child{border-left-width:0;}
.notice-list .n-date{font-family:'Titillium Web', sans-serif; font-size:15px; font-weight:600; color:#1c1395;}
.notice-list .n-date i{font-size:17px; vertical-align:-2px; padding-right:3px;}
.notice-list a{display:block; box-sizing:border-box; width:100%; box-sizing:border-box;}
.notice-list a p{margin:3px 0 10px; display:block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; position: relative; line-height:24px; height: 24px; font-size:18px; font-weight:500; box-sizing: border-box; transition:all 0.3s}
.notice-list a:hover p{color:#1c1395;}
.notice-list a div{display:block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; position: relative; line-height:24px; height: 48px; font-size:14px; color:#666; box-sizing: border-box;}
.notice-list:after{clear:both; display:block; height:32px; content:""; visibility:hidden;}
.more-btn a{text-transform:uppercase; display:inline-block; text-align:center; font-family:'Titillium Web', sans-serif; font-weight:600; font-size:14px; color:#000; padding:0 20px; line-height:44px; border:1px #cfcfcf solid; background:#fff; transition:all 0.5s}
.more-btn span{display:inline-block; background:url(img/btn-arrow.png) no-repeat 100% 50%; background-size:12px 20px; padding-right:20px;transition:all 0.3s}
.more-btn{text-align:right;}

.more-btn a:hover { background:#ff2548; border-color:#ff2548;}
.more-btn a:hover span{background-image:url(img/btn-arrow-hover.png); color:#fff; }

/*ºü¸¥¸Þ´º ¿µ¿ª*/
#quick-area{background:#f1f5f6; width:100%; padding:80px 0;}
.quick-area1{width:1200px; margin:0 auto;}
.quick-area1 li{float:left; text-align:center; width:24.25%; margin-left:1%; }
.quick-area1 li:first-child{margin-left:0;}
.quick-area1 li a{display:block;background-color:#fff; background-repeat:no-repeat; background-position:50% 100px; padding-bottom:125px; line-height:1; width:100%; box-sizing:border-box;}
.quick-area1 li.qa1-1 a{background-image:url(img/qa01.png);}
.quick-area1 li.qa1-2 a{background-image:url(img/qa02.png);}
.quick-area1 li.qa1-3 a{background-image:url(img/qa03.png);}
.quick-area1 li.qa1-4 a{background-image:url(img/qa04.png);}
.quick-area1 li p{font-size:18px; font-weight:700; color:#333; padding:40px 0 15px;}
.quick-area1 li span{text-transform:uppercase;font-family:'Titillium Web', sans-serif; font-size:15px; color:#888;}
.quick-area2{width:1200px; margin:1% auto 0;}
.quick-area2 li{float:left; width:49.5%; margin-left:1%; }
.quick-area2 li:first-child{margin-left:0;}
.quick-area2 li a{display:block; width:100%; box-sizing:border-box;line-height:1; background-size:cover; padding:50px 40px;}
.quick-area2 li.qa2-1 a{background-image:url(img/qa05.jpg); color:#fff;}
.quick-area2 li.qa2-2 a{background-image:url(img/qa06.jpg)}
.quick-area2 li p{font-size:18px; font-weight:700;  }
.quick-area2 li p i{display:inline-block; margin-left:20px;}
.quick-area2 li span{padding-top:20px; font-size:15px; display:block;filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4;}
.quick-area1:after,
.quick-area2:after{clear:both; display:block; height:0; content:""; visibility:hidden;}

/*¼­ºê******************************************************************/
#sub-top{width:100%;display:table; table-layout:fixed; height:400px; position:relative; box-sizing:border-box; overflow:hidden; background-position:center 0;  background-repeat:no-repeat;}
#sub-top.sub-top1{background-image:url(img/sub-bg01.jpg);}
#sub-top.sub-top2{background-image:url(img/sub-bg02.jpg);}
#sub-top.sub-top3{background-image:url(img/sub-bg03.jpg);}
#sub-top.sub-top4{background-image:url(img/sub-bg04.jpg);}
#sub-top.sub-top5{background-image:url(img/sub-bg05.jpg);}
#sub-top.sub-top6{background-image:url(img/sub-bg06.jpg);}
.st-text-box{text-align:center;  display:table-cell; vertical-align:middle; width:100%;height:inherit; box-sizing:border-box;}
.sttb-t01{text-transform:uppercase;font-family: 'Montserrat', sans-serif; letter-spacing:0; font-weight:700; font-size:40px; color:#fff ;text-shadow:1px 1px 2px rgba(0,0,0,0.3); }
.sttb-t02{font-size:25px; font-weight:300; color:rgba(255,255,255,0.5)}
#snb{width:100%; position:absolute; height:60px; bottom:0px; left:0%; background:rgba(0,0,0,0.5);border-top:1px rgba(255,255,255,0.3) solid;}
#snb ul{width:1200px; margin:0 auto; text-align:center; position:relative; z-index:22;}
#snb ul:after{clear:both; display:block; height:0; content:""; visibility:hidden;}
#snb ul li{display:block; float:left; line-height:60px; position:relative;  }
#snb ul li:after{content:""; position:absolute; border-left:1px rgba(255,255,255,0.3) solid; width:1px; height:60px; top:0%; left:0px;}
#snb ul li:first-child:after{display:none;}
#snb ul li a{display:block; font-size:16px; color:#fff; width:100%;}
#snb ul li.current{background:#fff;}
#snb ul li.current a{color:#222; font-weight:600;}
#snb.snb1 ul li{width:16.6%;}
#snb.snb2 ul li{width:20%;}
#snb.snb3 ul li{width:25%;}
#snb.snb4 ul li{width:33.333%;}
#snb.snb5 ul li{width:50%;}
#snb.snb6 ul li{width:50%;}
.sub-title{text-align:center; font-size:45px; font-weight:700; padding-top:90px; letter-spacing:-0.02em;}
.sub-content{width:1200px; margin:0 auto; padding:60px 0 100px;}
.sub-cont-tit1{padding-bottom:20px; background:url(img/sub-but.png) no-repeat 0px 12px; background-size:14px; padding-left:20px; font-size:25px; font-weight:700; letter-spacing:-0.05em;}


/*1-1 ȸ»ç°³¿ä*/
.sub1-1-top{position:relative; height:340px; width:100%; text-align:center; background:url(img/sub1-1.jpg); background-size:cover; display:table; table-layout: fixed;}
.sub1-1-top-area{display:table-cell; vertical-align:middle;  box-sizing:border-box; width:100%;height:inherit; }
.sub1-1-top p{border-bottom:2px #fff solid; font-size:32px; display:inline-block; text-shadow:1px 1px 2px rgba(0,0,0,0.3); color:#fff;}
.sub1-1-top-b{font-family:'Titillium Web', sans-serif; text-transform:uppercase; letter-spacing:1.25em; position:absolute; bottom:0; left:0; width:100%; background:rgba(26,27,60,0.9); padding:15px 5px; box-sizing:border-box; color:#fff; text-shadow:1px 1px 2px rgba(0,0,0,0.3);}
.sub-table2{width:100%; border-top:2px #db2a20 solid; border-bottom:1px #5d5d5d solid;}
.sub-table2 th,
.sub-table2 td{padding:15px; 0; border-top:1px #dce0e5 solid; }
.sub-table2 tr:first-child th,
.sub-table2 tr:first-child td{border-top-width:0;}
.sub-table2 th{font-size:16px;background:#f1f3f6;font-weight:500; }

.sub-table22{width:100%; border-top:2px #db2a20 solid; border-bottom:1px #5d5d5d solid;}
.sub-table22 th,
.sub-table22 td{padding:15px; 0; border-top:1px #dce0e5 solid; }
.sub-table22 tr:first-child th,
.sub-table22 tr:first-child td{border-top-width:0;}
.sub-table22 th{font-size:16px;background:#f1f3f6;font-weight:500; }

.sc-ma1{padding-top:80px;}
.sc-li1>li{float:left; width:32%; margin-left:2%; box-sizing:border-box; border:1px #e5e5e5 solid; border-top:2px #29166f solid;}
.sc-li1>li:first-child{margin-left:0;}
.sc-li1:after{clear:both; display:block; height:0; content:""; visibility:hidden;}
.sc-li1>li > dl{text-align:center;}
.sc-li1>li > dl > dt{background:#f1f3f6; font-size:20px; font-weight:700; padding:15px 10px;}
.sub-cont-paper-li{text-align:left; padding:10px 60px;}
.sub-cont-paper-li li{position:relative; margin:10px 0; padding-left:10px;}
.sub-cont-paper-li li:before{content:""; display:block; position:absolute; background:#838383; width:4px; height:4px; left:0; top:10px;}
.sub-cont-paper-li li span{display:inline-block; width:60px; font-weight:700;}

/*1-2 ¿¬Çõ*/
.history dl{position:relative; min-height:60px; padding-top:40px; margin-bottom:40px; border-top:1px #e0e0e0 solid;}
.history dt{font-size:25px; font-weight:700; background:#24253c; color:#fff; padding:10px 0; width:150px; text-align:center; position:absolute; left:0; top:40px; border-radius:2px;}
.history dd{padding-left:200px; position:relative;}
/*.history dd:after{position:absolute; content:""; display:block; width:80px; height:1px; background:#29166f; left:150px; top:22px;}*/
.history dd > ul > li{vertical-align:top; padding:10px 0;}
.history dd > ul{position:relative;}
/*.history dd > ul:after{position:absolute; content:""; width:11px; height:11px; background:#29166f; border-radius:9999px; left:-76px; top:17px;}*/
.history dd > ul > li > span{font-weight:500; font-size:18px; display:inline-block; width:120px;vertical-align:top}
.history dd > ul > li > div{display:inline-block; font-size:18px; color:#777;}
.history dd > ul > li > div p{margin-bottom:10px;}

/*1-3 ¹Ì¼Ç&ºñÁ¯*/
.s13-t1{background:#26284f; color:#fff; font-size:20px; padding:25px; text-align:center; border-radius:20px;}
.s13-t2{background:#394b8e; color:#fff; font-size:20px; padding:25px; text-align:center;border-radius:20px 20px 0 0;}
.sc-li1.s13{margin-top:20px;}
.sc-li1.s13 > li{border-radius:0 0px 20px 20px;}
.sc-li1.s13 > li > dl > dd{padding:20px;}
.sc-li1.s13 > li > dl > dd p{font-size:18px; color:#394b8e; margin-bottom:5px;}
.sc-li1.s13 > li > dl > dd span{color:#6f7a8a; font-family:'Titillium Web', sans-serif; text-transform:uppercase; letter-spacing:0em; }

/*1-5 Á¶Á÷µµ*/
.org-img img{width:100%; max-width:700px; display:block; margin:0 auto;}

/*1-6 ¿À½Ã´Â±æ*/
.wrap_controllers{display:none;}
.wrap_map{height:480px !important;margin-bottom:-30px;}
.map-info li{border-top:1px #e0e0e0 solid; padding:30px 0;}
.map-info li span{display:inline-block; font-weight:700; background:url(img/sub-but.png) no-repeat 0px 7px; background-size:14px; padding-left:20px; font-size:20px; width:100px;}
.map-info li p{display:inline-block; font-size:16px; padding-right:40px; color:#666; letter-spacing:0;}
.map-info li i{display:inline-block; background:#26284f; color:#fff; width:30px; height:30px; line-height:30px; text-align:center; border-radius:50%; margin-right:5px;}
.map-info li p.mi-add{font-size:20px;}

/*2 »ç¾÷¿µ¿ª*/
.s2-p1{font-size:16px; background:#f1f3f6; border:1px #dee4e7 solid; box-sizing:border-box; padding:20px; color:#49555c;}
.s2-li:after{clear:both; display:block; height:0; content:""; visibility:hidden;}
.s2-li li{width:23.5%; margin-left:2%; float:left; margin-top:20px; box-sizing:border-box; border:1px #f4f4f4 solid;}
.s2-li li img{width:100%;}
.s2-li li:nth-child(4n+1){margin-left:0;}
.sub2-top-text{padding:40px; text-align:left; border:4px #29166f solid; border-width:0 4px 0 4px;  font-size:17px; word-break:keep-all; background:#f6f6f6; line-height:1.95em; margin-bottom:20px;}
.sub2-top-text span{color:#3c329c;}
.sub2-top-text li{margin-top:15px; padding-top:15px; border-top:1px #cfcccc dashed;}
.sub2-top-text li:first-child{margin-top:0; padding-top:0; border-top:0;}
.sub1-top-img{box-sizing:border-box;}
.sub2-top-img img{width:100%;}

/*4-1 °¢Á¾ ¸éÇãµî·ÏÁõ*/
.cert-list li{float:left; width:22.75%; margin-left:3%; height:500px; margin-bottom:20px; text-align:center;}
.cert-list li:nth-child(4n+1){margin-left:0;}
.cert-img{border:1px #e0e0e0 solid; box-sizing:border-box;box-shadow: 7px 7px 0px rgba(0,0,0,0.1); }
.cert-img img{width:100%}
.cert-txt{margin-top:30px; font-size:16px; font-weight:500;}
.cert-list:after{clear:both; display:block; height:0; content:""; visibility:hidden;}

/*4-2 ±â¼úÀοøº¸À¯ÇöȲ*/
.sub-table1{width:100%; border-top:2px #db2a20 solid; border-bottom:1px #5d5d5d solid;}
.sub-table1 thead th{background:#f1f3f6; font-size:16px; font-weight:500; padding:15px 0;  border-left:1px #dce0e5 solid; }
.sub-table1 tbody td{border-top:1px #dce0e5 solid; border-left:1px #dce0e5 solid; text-align:center; font-size:16px; padding:15px 0; color:#777;}
.sub-table1 thead th:first-child,
.sub-table1 tbody td:first-child{border-left-width:0;}

/*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:#73ad38; border-top-color:#73ad38; border-bottom-color:#73ad38;}
.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;}


/*================================== respensive ==================================*/
@media (max-width:1279px) {
/*header*/
header{width:100%; min-width:100%;}
.pc-gnb .gnb{width:80%; left:20%; margin:0; margin-left:0; right:0%;}
.header-logo{left:5%; margin-left:0;}


/*visual*/
.visual-txt{left:5%; margin-left:0;}
.slick-dots{top:auto; top:480px; left:5%; margin-left:0;}

/*ȸ»ç¼Ò°³*/
#company{width:96%; }

/*»ç¾÷¿µ¿ª*/
.business-list{width:96%;}
.business-list li{width:24%; margin-left:1%;}
.business-list li:first-child,
.business-list li:nth-child(3){width:23%}

/*»ç¾÷½ÇÀû*/
#performance .slider-for2{width:45%; background-color:rgba(255,255,255,0);}
#performance .slider-nav2{width:50%; padding-top:180px;}


/*¼­ºê*/
#snb ul{width:100%;}
.sub-content{width:96%; margin:0px auto; padding:30px 0 40px;}
}



@media (max-width:1024px) {
/*header*/
.gnb-open-btn{display:block; position:absolute; right:3%; top:50%; margin-top:-20px;  z-index:999; width:40px; height:40px; line-height:40px; text-align:center; background:#131f55; font-size:20px; color:#fff;}
.gnb-close-btn{display:block; position:absolute; top:0; right:280px; width:40px; height:40px; line-height:40px; text-align:center; background:#131f55; font-size:20px; color:#fff;}
/*sidemenu*/
#sidebar{position:fixed;top:0;bottom:0;background:#e5e5e5; display:none; right:-200px; z-index:999999;¡¡-webkit-transition: right 1s;  transition: right 1s; width:auto; overflow:visible; }
#sidebar .close-sb{height:60px;width:60px;position:absolute; left:-60px; top:0px; z-index:999; text-align:center; background:#3b2929}
#sidebar .close-sb img{width:70%; display:block; margin:10px auto;}
#sidebar .gnb{position:relative; z-index:55; width:280px; left:auto; right:0; overflow:hidden auto; height:100%;background:#31343f;}
#sidebar .gnb > li{display:block; width:100%;}
#sidebar .gnb > li > a{line-height:40px;  display:block; box-sizing:border-box; padding:0 20px; color:#fff;}
#sidebar ul li li > a{display:block;border-bottom:1px solid #31343f;font-size:15px;color:rgba(255,255,255,0.7); background:rgba(255,255,255,0.1);padding:10px 20px;}
.sidebg{position:fixed; height:150%; background:rgba(0,0,0,0.5); width:100%; top:0; right:0; z-index:44;}
.mobile-gnb{display:block;}
.pc-gnb{display:none;}


/*footer*/
.foot-area{width:96%;}
footer .copyright{width:96%;}
footer address p{margin-right:10px;}

/*¸ÞÀÎ*/

.main-title{padding:50px 0 40px; }

/*visual*/
#main-visual{height:100%;}
.visual-item{height:100%; display:block; vertical-align:top;}
.visual-item > img{left:-30%; margin-left:0; width:160%;}
.slick-dots{display:none;}
.visual-txt{left:5%; margin-left:0; top:50%; margin-top:-100px;}
.vt2{font-size:30px;}
.vt3{font-size:13px;}

/*ȸ»ç¼Ò°³*/
#company{padding-bottom:50px;}
.ci03{font-size:16px;}


/*»ç¾÷¿µ¿ª*/
#business{padding-bottom:50px;}
.business-list li{width:49%; margin-left:2%; margin-bottom:2%; box-sizing:border-box;}
.business-list li:first-child,
.business-list li:nth-child(3){width:49%; margin-left:0;}
.business-list li a{padding:30px 0px; text-align:left;}
.business-list li a:hover p{transform:translatey(0px);}
.business-list li .bu-bg{opacity:0.5;}
.business-list li h3{padding-left:20px;}
.business-list li p{padding:10px 60px 10px 20px; font-size:12px;word-break:keep-all;}
.business-list li p br{display:none;}
.business-list li p:before{display:none;}
.busi-btn{font-size:0; position:absolute; right:20px; top:50%; margin-top:-20px; padding:0;}
.busi-btn span{font-size:0; display:block; width:40px; height:40px; padding:0; background-position:50%;}


/*»ç¾÷½ÇÀû*/
.slider-nav2{display:none;}
.slideCount{display:none;}
#performance{padding-bottom:50px;}
.performance-slide{width:100%;}
#performance .arrowSlider{display:none;}
#performance .slider-for2{ width:97%; margin:0 auto; padding:0; float:none; overflow:hidden;}
#performance .slider-for2 img{width:100%;}
#performance .slider-for2 .slick-slide{margin-right:10px;}
.performance-title{position:relative; left:0; bottom:0; padding-top:30px; width:96%; margin:0 auto;}
.performance-title a{top:50%; margin-top:-25px;}
.performance-title h3{padding-top:0; line-height:37px; padding-left:50px; background-position:0 50%; vertical-align:top;}
.performance-title p {word-break:keep-all;}

/*°øÁö»çÇ×*/
#notice{width:96%; margin-bottom:50px;}
.more-btn{text-align:center;}
.notice-list li{padding:10px;}

/*ºü¸¥¸Þ´º*/
#quick-area{padding:2% 0;}
.quick-area1{width:96%;}
.quick-area1 li{width:49%; margin-left:2%; margin-bottom:2%;}
.quick-area1 li:nth-child(3){margin-left:0;}
.quick-area2{width:96%; margin-top:0;}
.quick-area2 li a{padding:30px;}
.quick-area2 li.qa2-1 a{background-position:50%;}
.quick-area2 li span{padding-top:10px}



}

@media (max-width:768px) {
/*footer*/
footer{padding:20px 0; font-size:13px;}
.foot-info strong{margin-bottom:10px; font-size:14px;}
footer .copyright{margin-top:10px;}


/*¸ÞÀÎ*/
.main-title{padding:40px 0 20px;}
.main-title h2{font-size:32px;}
.main-title span{font-size:15px; padding-top:15px;}

/*ȸ»ç¼Ò°³*/
.company-list li{width:50%; padding-top:60px; background-position:50% 5px;}
.company-list li:nth-child(3){border-left-width:0;}
.company-list li:nth-child(3),
.company-list li:nth-child(4){border-top:1px #eaeaea solid; padding-top:80px;background-position:50% 15px;}
.ci02{font-size:12px; padding:10px 0;}
.ci03{font-size:13px; height:50px; line-height:1.2em;}
.ceo{padding:20px 0; font-size:20px;}
.ceo p{margin-top:20px;}
.ceo p strong{font-size:25px}

/*»ç¾÷¿µ¿ª*/
#business{padding-bottom:2%;}
.business-list li,
.business-list li:first-child, .business-list li:nth-child(3){width:100%; margin-left:0;}
.business-list li a{padding:15px 0;}
.business-list li h3{font-size:18px;}
.business-list li p{padding-right:80px;}


/*»ç¾÷½ÇÀû*/
#performance{padding-bottom:20px; background-size:cover; background-position:50% 50%;}
#performance .main-title{color:#fff;}
.performance-title{padding:20px 0;}
.performance-title h3{padding:0; text-align:center; display:block; background-position:0% 0; background:none;}
.performance-title p{display:block; text-align:center;}
.performance-title p br{display:none;}
.performance-title a{ text-transform: uppercase; font-weight:600; width:130px;  margin:20px auto 0; font-family: 'Titillium Web', sans-serif; font-size:14px; height:40px; line-height:40px; background-size:12px 20px; background-position:90% 50%; top:auto; bottom:0; color:#000; position:relative; box-sizing:border-box; padding-left:5%;}
.per-t{font-size:13px; display:none;}


/*°øÁö»çÇ×*/
.notice-list li{width:100%; border-left:0; border-top:1px #e5e5e5 solid;}
.notice-list li:first-child{border-top-width:0;}
.notice-list:after{height:20px;}

/*ºü¸¥¸Þ´º*/
.quick-area1 li a{background-size:50px; padding-bottom:70px; background-position:50% 85%;}
.quick-area1 li p{padding:20px 0 5px; font-size:16px;}
.quick-area1 li span{font-size:12px;}
.quick-area2 li{width:100%; margin-left:0; margin-bottom:2%;}
.quick-area2 li a{padding:20px;}
.quick-area2 li p{font-size:16px;}
.quick-area2 li span{font-size:12px;}


/*¼­ºê*/
.sttb-t01{font-size:32px; line-height:1.25em}
.sttb-t02{font-size:18px;}
#sub-top{height:180px; background-size:cover;}
#snb{display:none;}
.sub-title{font-size:32px; padding-top:50px;}
.sc-ma1{padding-top:30px;}
.sub-cont-tit1{font-size:20px; background-position:0 8px;}

/*1-1 ȸ»ç°³¿ä*/
.sub1-1-top{height:auto; display:block;}
.sub1-1-top-area{display:block; padding:30px 0 30px; }
.sub1-1-top p{font-size:22px; padding:0 20px; border-bottom:0;word-break:keep-all;}
.sub1-1-top-b{font-size:14px; position:relative;word-break:keep-all; letter-spacing:-0em}
.sub-table2,
.sub-table2 tbody,
.sub-table2 tr,
.sub-table2 th,
.sub-table2 td{display:block;}
.sub-table2 th{width:100%; box-sizing:border-box; text-align:left;}
.sub-table2 td{width:100%; box-sizing:border-box;}
.sub-table2 tr:after{clear:both; display:block; height:0; content:""; visibility:hidden;}
.sub-table2 tr:first-child th, 
.sub-table2 tr:first-child td{border-top-width:1px;}
.sc-li1>li{width:100%; margin-left:0; margin-bottom:10px;}
.sub-cont-paper-li{padding:10px 20px}
.sc-li1>li > dl > dt{font-size:17px;}

/*1-2 ¿¬Çõ*/
.history dt{position:relative; top:auto; width:100%; box-sizing:border-box; font-size:18px; text-align:left; padding:10px; box-sizing:border-box;}
.history dl{padding-top:0; border-top-width:0; min-height:auto; margin-bottom:20px;}
.history dd{padding-left:0; padding:10px;}
.history dd > ul > li > span{display:block;}
.history dd > ul > li > div p{margin-bottom:5px;}

/*1-3 ¹Ì¼Ç&ºñÁ¯*/
.s13-t1,
.s13-t2{padding:20px; font-size:17px; word-break:keep-all;}
.sc-li1.s13 > li > dl > dd{padding:10px;}
.sc-li1.s13 > li > dl > dd p{font-size:15px;}

/*1-6 ¿À½Ã´Â±æ*/
.map-info li span{display:block; width:100%;}
.map-info li p.mi-add{font-size:16px;}
.map-info li p{margin-top:10px; display:block;}
.wrap_map{height:300px !important;}

/*2 »ç¾÷¿µ¿ª*/
.sub2-top-text{padding:20px; font-size:15px; word-break:keep-all; line-height:1.55em; margin-bottom:0;}
.sub2-top-text br{display:none;}
.s2-p1{padding:10px; font-size:14px;}
.s2-li li,
.s2-li li:nth-child(4n+1){width:49%; margin-left:2%;}
.s2-li li:nth-child(2n+1){margin-left:0%;}

/*4-1°¢Á¾¸éÇãµî·ÏÁõ*/
.cert-list li{width:47%; margin-left:6%; height:auto; padding-bottom:10px;}
.cert-list li:nth-child(2n+1){margin-left:0;}
.cert-txt{margin-top:20px; height:40px; line-height:20px;word-break:keep-all;}

/*4-2±â¼úÀοøº¸À¯ÇöȲ*/
.sub-table1 tbody td{font-size:15px;}
.sub-table1 thead th:first-child,
.sub-table1 tbody td:first-child{display:none; width:0;}
.sub-table1 thead th:nth-child(2),
.sub-table1 tbody td:nth-child(2){border-left-width:0;}
}

@media (max-width:600px) {
/*vivual*/
.visual-item > img{width:180%; left:-30%;}
.visual-txt{margin-top:-75px;}
.vt1{font-size:15px;}
.vt2{margin:5px 0; font-size:25px;}
.vt3{font-size:10px;}


}