@charset "utf-8";

#footer .fCont{position:relative; z-index: 20}
.btn_mouse {
    position: absolute;
    bottom: 25px;
    z-index: 200;
    left: 50%;
    margin-left: -11px;
    display: block;
    width: 22px;
    height: 56px;
    text-indent: -9999em;
    background: red;
}

.scroll{width:100%; font-size:0; line-height:0; text-align: center; position: absolute; left:0; bottom:40px; z-index:101;animation-duration: 1s;
   /* animation-iteration-count:infinite;
    animation-name: scrollDown;
    animation-timing-function:linear;
    animation-direction:alternate;*/ cursor: pointer;}
.scroll p {font-size:15px;color:#fff;margin-top:30px;}
/*  @keyframes scrollDown {
    from {height:84px;}
    to {height:60px;}
  }*/
.btn_main_down{display: block; position: absolute; left: 0;bottom:50px;margin:0 0 0 0; z-index:20; width:100%; text-align: center;}
.animated, .appear-animation{animation-delay: 100ms;}
.mainWrap{position:relative;min-height:680px;height:100%; overflow:hidden;}
.mainStep{ position:fixed; right:20px;top:50%; box-sizing: border-box; z-index:19;width:180px;}
.mainStep ul{text-align:left; /*position:absolute; left:100px; top:50%; -webkit-transform:translate(0, -50%); transform:translate(0, -50%); -ms-transform:translate(0, -50%); z-index: 2; width:180px;*/ }
.mainStep ul:after{content:""; display:block; width:0px;height:-webkit-calc(100% - 36px); height:calc(100% - 36px); position:absolute; left:0; top:18px; background:rgba(255,255,255,0.3);}
.mainStep ul li{margin-top:10px;}
.mainStep ul li:first-child{margin-top:0;}
.mainStep ul a{display:block; width:100%; height:30px; position:relative; line-height:30px; z-index: 2}
.mainStep ul a:after{content:""; display:block; width:100%; height:30px; border-radius: 50px;background-color:#0d3f9a; position:absolute; left:20px; top:0;  opacity: 0; filter: alpha(opacity=0);}
.mainStep ul a:after,
.mainStep ul a .txt{
    -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -ms-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}
.mainStep ul a .txt{position:relative; padding-right:22px; display:block; z-index:2; font-size:13px; color:rgba(255,255,255,0);text-align:right;transition: all 300ms;}
.mainStep ul a .txt:after{content:""; display:block; width:7px; height:7px; background:#fff; /*border-radius: 50px;*/ position:absolute; right:-3px; top:12px;border-radius:20px;transition: all 300ms;}
.mainStep ul a .txt:before{content:""; display:block; width:25px; height:25px; border:2px solid #525252; /*border-radius: 50px;*/ position:absolute; right:-14px; top:1px; opacity: 0;border-radius:25px;transition: all 300ms;}
.mainStep .btnStep {position:absolute; left:70px; bottom:100px; z-index: 2;}
/*.mainStep ul a:hover:after{opacity: 1 !important; filter: alpha(opacity=100) !important; left:0 !important;}*/
/*.mainStep ul .on a:after{opacity: 1 !important; filter: alpha(opacity=100) !important; left:0 !important;}*/
.mainStep ul a:hover .txt{color:#fff;transition: all 300ms;}
.mainStep ul .on a .txt{color:#fff;transition: all 300ms;}
/*.mainStep ul a:hover .txt:after{background-color:#fff;}*/
.mainStep ul .on a .txt:after,
.mainStep ul a:hover .txt:after{background-color:#fff;transition: all 300ms;}
.mainStep ul .on a .txt:before,
.mainStep ul a:hover .txt:before{border-color:#fff; opacity: 1;transition: all 300ms;}





/*두번째섹션*/
.mainWrap.section1 .mainStep ul a .txt{color:rgba(0,0,0,0);text-align:right;}
.mainWrap.section1 .mainStep ul a .txt:after{background:#222;}
.mainWrap.section1 .mainStep ul a .txt:before{border:2px solid #222;}
.mainWrap.section1 .mainStep ul a:hover .txt{color:#222;}
.mainWrap.section1 .mainStep ul .on a .txt{color:#222;}
.mainWrap.section1 .mainStep ul .on a .txt:after,
.mainWrap.section1 .mainStep ul a:hover .txt:after{background-color:#222;}
.mainWrap.section1 .mainStep ul .on a .txt:before,
.mainWrap.section1 .mainStep ul a:hover .txt:before{border-color:#222;}

.mainWrap.section2 .mainStep ul a .txt{color:rgba(0,0,0,0);text-align:right;}
.mainWrap.section2 .mainStep ul a .txt:after{background:#888;}
.mainWrap.section2 .mainStep ul a .txt:before{border:2px solid #888;}
.mainWrap.section2 .mainStep ul a:hover .txt{color:#888;}
.mainWrap.section2 .mainStep ul .on a .txt{color:#888;}
.mainWrap.section2 .mainStep ul .on a .txt:after,
.mainWrap.section2 .mainStep ul a:hover .txt:after{background-color:#888;}
.mainWrap.section2 .mainStep ul .on a .txt:before,
.mainWrap.section2 .mainStep ul a:hover .txt:before{border-color:#888;}

.mainWrap.section3 .mainStep ul a .txt{color:rgba(0,0,0,0);text-align:right;}
.mainWrap.section3 .mainStep ul a .txt:after{background:#888;}
.mainWrap.section3 .mainStep ul a .txt:before{border:2px solid #888;}
.mainWrap.section3 .mainStep ul a:hover .txt{color:#888;}
.mainWrap.section3 .mainStep ul .on a .txt{color:#888;}
.mainWrap.section3 .mainStep ul .on a .txt:after,
.mainWrap.section3 .mainStep ul a:hover .txt:after{background-color:#888;}
.mainWrap.section3 .mainStep ul .on a .txt:before,
.mainWrap.section3 .mainStep ul a:hover .txt:before{border-color:#888;}






.sec_button{text-align: center; margin-top:40px;}
.btn_main_down{display: block; position: absolute; left: 0;bottom:50px;margin:0 0 0 0; z-index:20; width:100%; text-align: center;}

/* main secstion */
.sectionWrap{position:absolute; left:0; top:0; width: 100%;}
.section.bg .sectionCon{background-color:#f8f8f8;}
.section{position:relative;}
.section .sectionCon{position:absolute;left:0;top:50%; width:100%; -webkit-transform:translate(0, -50%); transform:translate(0, -50%); -ms-transform:translate(0, -50%); box-sizing:border-box; padding:0 0;}
.small .section .sectionCon{height: 610px;margin:-305px 0 0 -490px;}

.main_box {position:absolute;top:30%;left:50%;width:960px;margin-left:-480px;z-index:20;/*background:rgba(255,255,255,0.7);*/text-align:center;padding:80px 0px;}
.main_box h1 {line-height:1;margin-top:20px;font-size:140px;font-family: 'Roboto', sans-serif;font-weight:bold;color:#fff;letter-spacing:20px;}
.main_box > span {font-size:25px;color:#333;line-height:1;margin-top:10px;display:block;color:#d1d1d1;font-size:32px;color:#fff;}

#mainCover {position:absolute; top:0; left:0; width:100%; height:100%; min-height:100vh; overflow:hidden}
#mainCover .mask {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.3; filter:alpha(opacity='30'); z-index:30}
#mainCover .video {position:relative; width:100%; height:100%; background:url(../img/main_video.jpg) center top no-repeat; background-size:cover; z-index:20}
#mainCover .video video {display:block; width:auto;height:130%;object-fit:cover}



/* title */
.mainTit{text-align: center; margin-bottom:13px; padding-top:75px;}
.mainTit .tit{display:block; font-size:43px;/* padding-top:50px;*/ color:#000;  /* background:url('/ko/front/image/main/icn_tit.png') no-repeat 50% 0;*/ font-family: 'Titillium', 'NotoSansKR', sans-serif; line-height:1.2;}
.sec_top_tx {text-align: center; font-size:17px; color:#676767;}

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

.sec01Cont .sec01ListBx ul li .img img,
.section02 .sectionCon .sec02_list ul li > a .img img{ 
  vertical-align:top;
transform:scale(1);
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -o-transform:scale(1);
  -webkit-transition:2s;
  -moz-transition:2s;
  -ms-transition:2s
  }

.sec01Cont .sec01ListBx ul li .img:hover img,
.section02 .sectionCon .sec02_list ul li > a:hover .img img{
  transform:scale(1.05);
  -webkit-transform:scale(1.05);
  -moz-transform:scale(1.05);
  -o-transform:scale(1.05);
  -webkit-transition:2s;
  -moz-transition:2s;
  -ms-transition:2s
}

.section00 {position:relative; overflow:hidden;z-index:11 !important;}
.section00 .section00Wrap{overflow: hidden;width:100%;height:100%; box-sizing:border-box; position: relative; }

/* section01 - 끊임없는 개척가 정신 */
.section01 {z-index:11 !important;background:url('../img/01.png') no-repeat top center;background-size:cover;}
.section01 .sectionCon .conArea {max-width:1440px;width:100%;margin-right:auto;margin-left:auto;position:relative;}
.section01 .sectionCon .conArea .txtArea {position:absolute;left:50%;top:100px;text-align:right;}
.section01 .sectionCon .conArea .txtArea h1 {font-size:32px;font-weight:500;letter-spacing:0;color:#222;line-height:1.2;position:relative;}
.section01 .sectionCon .conArea .txtArea h1 strong {font-weight:bold;}
.section01 .sectionCon .conArea .txtArea > span {margin-top:1.625rem;font-size:18px;color:#444;display:block;}


/* section02 - 다양한 사업분야에서 */
.section02 {background:#fff;}
/* Swiper */
.main-story [class*=swiper-button]{width:40px;height:40px;background:#fff;border-radius:50%;border:1px solid #555;text-indent: -9999px;}
.main-story [class*=swiper-button] i {font-size:20px;text-indent:0px;color:#555;}
.main-story .swiper-button-next{right:0px;transform:scaleX(-1);-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1);-ms-transform:scaleX(-1)}
.main-story .swiper-button-prev{left:0px}
.main-story .swiper-controls{display:flex;justify-content:center;margin-top:3rem}
.main-story .swiper-controls [class*=swiper-button]{position:static;width:2.778rem;height:2.778rem;border:1px solid #222;border-radius:0;margin:0;background:url(../img/swiper.svg) no-repeat 50% 50%/.5rem auto}
.main-story .swiper-controls .swiper-button-next{margin-left:-1px}
.main-story .swiper-pagination {height:3px;width:80%;bottom:20px;}
.main-story .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#2E2E88;}

/* main-story */
.container-stroy {max-width:1440px;width:100%;margin-right:auto;margin-left:auto;}
.section02 .main-cnt-hd {position:relative;z-index:120;margin-top:0px;margin-right:100px;}
.section02 .main-cnt-hd h2{font-size:32px;font-weight:500;letter-spacing:0;color:#222;line-height:1.2;position:relative;margin-top:1.625rem;}
.section02 .main-cnt-hd h2 strong {font-weight:bold;}
.section02 .main-cnt-hd p{font-size:18px;color:#444;}
.section02 .main-cnt-hd .business-more-btn {margin-top:100px;}
.section02 .main-cnt-hd .business-more-btn a {font-size:16px;color:#333;border:solid 1px #333;padding:15px 30px 15px 30px;display:inline-block;transition:all .4s}
.section02 .main-cnt-hd .business-more-btn a i {margin-left:20px;}
.section02 .main-cnt-hd .business-more-btn a:hover {border:solid 1px #000;background:#000;color:#fff;}
.section02 .main-cnt-hd .business-more-btnm {display:none;}

.main-story{position:relative;background-color:#fff}
.main-story-inner{display:-ms-flexbox;display:flex;-ms-flex-align:flex-start;align-items:flex-start}
.section02 .main-cnt-btn-area {margin-top:50px;position:relative;}
.section02 .main-cnt-btn-area .swiper-control{position:absolute;right:0px;bottom:0px;}
.section02 .main-cnt-btn-area [class*=swiper-button]{position:relative;margin-top:0}
.section02 .main-cnt-btn-area .swiper-button-prev{left:-50px;top:40px;}
.section02 .main-cnt-btn-area .swiper-button-next{right:auto;margin-left:0px}
.main-story-slider{position:relative;width:60%;overflow:hidden;}
.main-story-slide-item {position:relative;;opacity:1;transition:all .4s;transition-property:unset !important;}

.main-story-slide-item-inner{display:inline-block;position:relative;z-index:10;margin-top:0;text-align:left;transition:all .4s}
.main-story-slide-item-img img{max-width:100%;border:solid 1px #ddd;}
.main-story-slide-item-info {position:relative;left:0px;bottom:0px;background:rgba(0,0,0,0);width:100%;padding:20px 0px;transition:all .4s}
.main-story-slide-item-info .txt-desc{font-weight:400;color:#222;font-size:20px;transition:all .4s;line-height:1;position:relative;}
.main-story-slide-item-info .txt-desc em {font-size:14px;color:#666;}


[class^=icon-]{display:inline-block;overflow:hidden;margin:0;padding:0;border:0;background-color:transparent;background-position:50% 50%;background-repeat:no-repeat;font-size:0;line-height:0;text-decoration:none;vertical-align:top;text-indent:-1000em;background-size:auto 100%;outline:0 !important}

.icon-arr{width:3.125rem;height:3.125rem;background:#313033 url(../../img/icon-arr-wh.svg) no-repeat center center / .9375rem .6875rem;border-radius:50%}
.icon-arr.icon-arr-red{background:#ba2020 url(../img/icon-arr-wh.svg) no-repeat center center / .9375rem .6875rem}
[class*=icon-summary]{margin-left:auto;background-size:cover}


#mainProductContent{position:relative; padding:107px 0 195px}

.main-story .main-cnt-btn-area {position:relative;}
.main-story .swiper-pagination-bullets {left:165px;top:-180px;z-index:130;width:auto;}
.main-story .swiper-pagination-bullet {opacity:1;color:#888;}
.main-story .swiper-pagination-bullets span {position:relative;display:block;padding:20px;background:none;}
.main-story .swiper-pagination-bullets span:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -430px;
  width: 0px;
  height: 1px;
  background-color: #013A93;
  border-radius: 50%;
  opacity: 0;
  transition:all .4s;
}
.main-story .swiper-pagination-bullets span.swiper-pagination-bullet-active:before {opacity: 1;width: 250px;}
.main-story .swiper-pagination-bullets span:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -195px;
  width: 175px;
  text-align: left;
  font-size: 18px;
  font-family: "Noto Sans KR", serif;
  /*font-style: italic;*/
  text-transform: uppercase;
  transform: translateY(-50%);
  letter-spacing: 0.05em;
  color: #888;
  opacity: 1;
  -webkit-transition: all 0.7s cubic-bezier(0.475, 0.425, 0, 0.995);
  -moz-transition: all 0.7s cubic-bezier(0.475, 0.425, 0, 0.995);
  -ms-transition: all 0.7s cubic-bezier(0.475, 0.425, 0, 0.995);
  transition: all 0.7s cubic-bezier(0.475, 0.425, 0, 0.995);
  -webkit-transform: translate3d(30px, -50%, 0);
  -moz-transform: translate3d(30px, -50%, 0);
  -ms-transform: translate3d(30px, -50%, 0);
  transform: translate3d(30px, -50%, 0);
}
.main-story .swiper-pagination-bullets span.swiper-pagination-bullet-active:after {color:#013A93;}








/**/
.section03 {background:url('../img/section03-bg.png') no-repeat top center;background-size:cover;}
/* Swiper */


/* main-notice */
.container-notice {max-width:1440px;width:100%;margin-right:auto;margin-left:auto;}
.section03 .main-notice-inner {font-size:0px;}
.section03 .main-cnt-hd {position:relative;z-index:120;margin-top:0px;margin-right:5%;vertical-align:top;display:inline-block;width:30%;}
.section03 .main-cnt-hd > h2{font-size:32px;font-weight:500;letter-spacing:0;color:#222;line-height:1.2;position:relative;margin-top:1.625rem;}
.section03 .main-cnt-hd > h2 strong {font-weight:bold;}
.section03 .main-cnt-hd > p{font-size:18px;color:#444;}
.section03 .main-cnt-hd .notice-more-btn {margin-top:100px;}
.section03 .main-cnt-hd .notice-more-btn a {font-size:16px;color:#333;border:solid 1px #333;padding:15px 30px 15px 30px;display:inline-block;transition:all .4s}
.section03 .main-cnt-hd .notice-more-btn a i {margin-left:20px;}
.section03 .main-cnt-hd .notice-more-btn a:hover {border:solid 1px #000;background:#000;color:#fff;}

.section03 .main-cnt-hd > .notice-list {font-size:20px;margin-top:50px;width:80%;}
.section03 .main-cnt-hd > .notice-list h1 {font-size:20px;}
.section03 .main-cnt-hd > .notice-list .main-notice {margin-top:20px;}
.section03 .main-cnt-hd > .notice-list .main-notice li {position:relative;border-bottom:solid 1px #ddd;padding:20px 0px 10px;}
.section03 .main-cnt-hd > .notice-list .main-notice a {font-size:15px;}
.section03 .main-cnt-hd > .notice-list .main-notice span {position:absolute;left:0px;top:7px;font-size:12px;color:#999;}
  
.section03 .notice-right {vertical-align:top;display:inline-block;width:65%;padding-top:0px;}  
.section03 .notice-right > div {margin-bottom:20px;position:relative;}
.section03 .notice-right > div .txtArea {position:absolute;left:30px;top:60px;z-index:10;}  
.section03 .notice-right > div .txtArea h1 {color:#fff;font-size:24px;margin-bottom:10px;}
.section03 .notice-right > div .txtArea span {color:#fff;font-size:18px;}  




.boxArea {position:absolute;left:-700px;top:390px;padding:50px;box-shadow:1px 1px 1px #000;font-size:16px;box-shadow:5px 6px 20px rgba(0, 0, 0, .4);background:#fff url('../img/mul.png') no-repeat 350px 80px;}
.boxArea.noshadow {box-shadow:none;}
.boxArea > h2 {font-size:24px;color:#222;margin-bottom:10px;}
.boxArea .listArea {height:207px;overflow-y:scroll;padding-right:30px;}
.boxArea .listArea .info {display:block;padding:10px 0px;border-bottom:solid 1px #013A93;cursor:pointer;}
.boxArea .listArea .info h2 {display:inline-block;vertical-align:top;font-size:16px;width:60px;position:relative;top:10px;}
.boxArea .listArea .info span {display:inline-block;vertical-align:top;font-size:16px;width:360px;}
.boxArea .listArea .info i {display:inline-block;vertical-align:top;font-size:16px;width:60px;position:relative;top:10px;text-align:right;color:#013A93;}
.boxArea .listArea::-webkit-scrollbar {width:3px;}
.boxArea .listArea::-webkit-scrollbar-thumb {background:#013A93;}

/* 레이어모달 */
.pop-layer {position:absolute;display:none;top:0px;left:0px;width:620px;height:352px;z-index:1100;padding:40px;background:#fff;/*box-shadow:5px 6px 20px rgba(0, 0, 0, .4);*/background:#fff url('../img/mul.png') no-repeat 350px 80px;}
.pop-layer .title {border-top-right-radius:0px;border-top-left-radius:0px;position:relative;border-bottom:solid 1px #013A93;padding-bottom:30px;}
.pop-layer .title > h1 {color:#222;font-size:24px;width:100%;line-height:1;}
.pop-layer .btn-close {position:absolute;top:-5px;right:0px;width:30px;height:30px;border:0px solid red;background:none;cursor:pointer;outline:none;}
.pop-layer .btn-close span {position:absolute;display:block;top:50%;width:20px;height:2px;background:#000;transition: 1s ease;margin-left:5px;}
.pop-layer .btn-close span.line1 {transform:rotate(45deg)}
.pop-layer .btn-close span.line2 {transform:rotate(-45deg)}
.pop-layer .board {margin-top:20px;}
.pop-layer .board p {padding:5px 0px;font-size:16px;color:#444;}



.global-box {position:absolute;display:;top:0px;left:0px;width:575px;height:282px;z-index:1100;padding:40px;background:#fff;box-shadow:5px 6px 20px rgba(0, 0, 0, .4);background:#fff url('../img/mul.png') no-repeat 350px 80px;}
.global-box .title {border-top-right-radius:0px;border-top-left-radius:0px;position:relative;border-bottom:solid 1px #013A93;padding-bottom:30px;}
.global-box .title > h1 {color:#222;font-size:24px;width:100%;line-height:1;}
.global-box .board {margin-top:20px;}
.global-box .board p {padding:5px 0px;font-size:16px;color:#444;}
.global-box.nam {top:85%}
.global-box.tue {top:-25px;left:50%;}
.global-box.jung {top:97%;left:65%;}



  
@media all and (max-width:1440px) {
.main-story-inner {padding:0px 20px;}
.main-annulment-inner {padding:0px 20px;}
.section01 .sectionCon .conArea {max-width:100%;width:100%;padding:0px 20px;}
.section02 .sectionCon .conArea {max-width:100%;width:100%;padding:0px 20px;}
.section03 .sectionCon .conArea {max-width:100%;width:100%;padding:0px 20px;}
.section04 .sectionCon .conArea {max-width:100%;width:100%;padding:0px 20px;}


.boxArea {left:-540px;z-index:10;}

.section05 .sectionCon .conArea .content.sec-con .blank {position:fixed;left:20px;top:29%;}
.global-box.nam {left:60px;}

.section01 .sectionCon .conArea .txtArea {left:auto;right:20px;}


}


@media all and (max-width:1164px) {

    .mainWrap,
    .section {position:static !important;min-height:auto !important;height:auto !important; /*overflow:visible !important;*/}
	
    .section.section02 {position: relative !important}
    .section.section02 .sectionCon{position: relative !important}
	.section01 {background:none;}
	.section01 .sectionCon .conArea .txtArea {position:relative;top:0px;text-align:left;padding:40px 20px 0px;}
	.section01 .sectionCon .conArea .txtArea h1 {font-size:22px;font-weight:500;letter-spacing:0;color:#222;line-height:1.2;position:relative;}
	.section01 .sectionCon .conArea .txtArea h1 strong {font-weight:bold;}
	.section01 .sectionCon .conArea .txtArea > span {margin-top:1.625rem;font-size:15px;color:#444;display:block;}

	
	.section01:after{display:none;}
	.section03:after{display:none;}

	
	
	

    .section.section05 {position: relative !important}
    .section.section05 .sectionCon{position: relative !important; padding-top:0;}
    .section05:after{display:none;}

    .section05 .sectionCon .sec03Cont{display:block; }
    .section05 .sec03Col.col01{width:100%; display:block; padding-left:10px; padding-right:10px; background: url('../img/sec03_bg.jpg') no-repeat 50% 50%; margin:0 auto; padding-top:80px; padding-bottom:80px;}
    .section05 .sec03Col.col02{padding-left:10px;}
    .section05 .sec03Col.col02 .sec03_list{padding-left:0;}
    .section05 .sec03Col.col02 .sec03_list ul{/*margin-left:-40px;*/}
	
    .sectionWrap{position:relative; left:auto !important; top:auto !important; width: 100%;}
    .section{position:relative;}
    .section .sectionCon{padding:45px 0; -webkit-transform: translate(0, 0);
    transform: translate(0, 0); -ms-transform: translate(0, 0);}
    .mainStep{display:none !important;}
    .sectionCon{position:static !important; margin-top:0 !important; min-height:auto !important;height:auto !important;}
    .section00 .btn_main_down{display:none;}
    #mainCover{position: relative;min-height:auto;}
	.section00 {position:relative !important;}
	
	#scrollTop-main {display:none;}
	.scroll p {display:none;}
	
    
    
    .appear-animation{opacity: 1 !important;     -webkit-animation-name: none !important; -moz-animation-name: none !important; -o-animation-name: none !important; animation-name: none !important;}
    
    




.main_box {position:absolute;top:30%;left:50%;width:960px;margin-left:-480px;z-index:20;/*background:rgba(255,255,255,0.7);*/text-align:center;padding:80px 0px;}
.main_box h1 {line-height:1;margin-top:20px;font-size:40px;font-family: 'Roboto', sans-serif;font-weight:bold;color:#fff;letter-spacing:10px;}
.main_box > span {font-size:16px;color:#333;line-height:1;margin-top:10px;color:#fff;}



/* 사업분야 */
.main-story [class*=swiper-button]{}
.main-story .swiper-button-next{right:-7.8125rem;transform:scaleX(-1);-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1);-ms-transform:scaleX(-1)}
.main-story .swiper-button-prev{left:-7.8125rem}
.main-story .swiper-controls{display:flex;justify-content:center;margin-top:3rem}
.main-story .swiper-controls [class*=swiper-button]{position:static;width:2.778rem;height:2.778rem;border:1px solid #222;border-radius:0;margin:0;}
.main-story .swiper-controls .swiper-button-next{margin-left:-1px}
.main-story .swiper-pagination-fraction{position:static;display:flex;justify-content:flex-end;align-items:center;color:#d4d4d4;font-size:2rem;font-weight:700;line-height:1;margin-top:1.444rem}
.main-story .swiper-pagination-current{color:#000}

.container-stroy {max-width:100%;width:100%;box-sizing:border-box;margin-right:auto;margin-left:auto;}
.section01 .main-cnts{background-color:#fff}
.section01 .main-cnt-hd{position:relative;z-index:100;flex:1;padding:0px;width:100%;display:block;}
.main-story .fade-up{display:inline-block; transform:translateY(100%); transition:all 1s}


.section01 .main-cnt-hd h2 {font-size:32px;line-height:1.2;}
.section01 .main-cnt-hd p {font-size:13px;}


/* section02 - 다양한 사업분야에서 */
.section02 {background:#fff;}
/* Swiper */
.main-story [class*=swiper-button]{width:40px;height:40px;background:#fff;border-radius:50%;border:1px solid #555;text-indent: -9999px;}
.main-story [class*=swiper-button] i {font-size:20px;text-indent:0px;color:#555;}
.main-story .swiper-button-next{right:0px;transform:scaleX(-1);-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1);-ms-transform:scaleX(-1)}
.main-story .swiper-button-prev{left:0px}
.main-story .swiper-controls{display:flex;justify-content:center;margin-top:3rem}
.main-story .swiper-controls [class*=swiper-button]{position:static;width:2.778rem;height:2.778rem;border:1px solid #222;border-radius:0;margin:0;background:url(../img/swiper.svg) no-repeat 50% 50%/.5rem auto}
.main-story .swiper-controls .swiper-button-next{margin-left:-1px}
.main-story .swiper-pagination {height:3px;width:65%;bottom:20px;}
.main-story .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#2E2E88;}

/* main-story */
.container-stroy {max-width:100%;width:100%;margin-right:auto;margin-left:auto;}
.section02 .main-cnt-hd {position:relative;z-index:120;margin-top:0px;margin-right:0px;width:100%;}
.section02 .main-cnt-hd h2{font-size:22px;}
.section02 .main-cnt-hd p{font-size:15px;}
.section02 .main-cnt-hd .business-more-btn {display:none;}
.section02 .business-more-btnm {margin-top:50px;display:block;}
.section02 .business-more-btnm a {font-size:13px;border:solid 1px #000;padding:8px 20px 8px 20px;}
.section02 .business-more-btnm a i {margin-left:20px;}
.section02 .business-more-btnm a:hover {border:solid 1px #000;background:#fff;color:#000;}

.main-story{position:relative;background-color:#fff}
.main-story-inner{display:block;}
.section02 .main-cnt-btn-area {margin-top:50px;position:relative;}
.section02 .main-cnt-btn-area .swiper-control{position:absolute;right:0px;bottom:0px;}
.section02 .main-cnt-btn-area [class*=swiper-button]{position:relative;margin-top:0}
.section02 .main-cnt-btn-area .swiper-button-prev{left:-50px;top:40px;}
.section02 .main-cnt-btn-area .swiper-button-next{right:auto;margin-left:0px}
.main-story-slider{width:100%;margin-top:30px;}
.main-story-slide-item {position:relative;;opacity:1;transition:all .4s;transition-property:unset !important;}

.main-story-slide-item-inner{display:inline-block;position:relative;z-index:10;margin-top:0;text-align:left;transition:all .4s}
.main-story-slide-item-img img{max-width:100%}
.main-story-slide-item-info {position:relative;left:0px;bottom:0px;background:rgba(0,0,0,0);width:100%;padding:20px 0px;transition:all .4s}
.main-story-slide-item-info .txt-desc{font-size:13px;}




.section02 .sectionCon .conArea {}
.section02 .sectionCon .conArea h1 {font-size:32px;}
.section02 .sectionCon .conArea h1:before {left:-10px;top:0px;width:10px;height:10px;}
.section02 .sectionCon .conArea .titArea > span {margin-top:1.625rem;font-size:13px;}
.section02 .sectionCon .conArea .main-consulting-mobile {margin-top:40px;width:100%;}
.section02 .sectionCon .conArea .main-consulting-mobile > div {position:relative;margin-bottom:20px;}
.section02 .sectionCon .conArea .main-consulting-mobile > div:before {position:absolute;left:0px;top:0px;content:'';width:100%;height:100%;background:rgba(0,0,0,0.4);}
.section02 .sectionCon .conArea .main-consulting-mobile > div .main-consulting-slide-item-img img {width:100%;}

.main-consulting-slide-item-info {position:absolute;left:0px;top:0px;padding:20px;}
.main-consulting-slide-item-info h5 {font-size:16px;top:0px;}
.main-consulting-slide-item-info > span {font-size:13px;color:#fff;margin-top:20px;display:inline-block;opacity:1;height:72px;}



/* main-notice */
.container-notice {max-width:100%;width:100%;margin-right:auto;margin-left:auto;}
.section03 .main-notice-inner {font-size:0px;padding:0px 20px;}
.section03 .main-cnt-hd {position:relative;z-index:120;margin-top:0px;margin-right:0px;vertical-align:top;display:inline-block;width:100%;}
.section03 .main-cnt-hd > h2{font-size:22px;margin-top:1.625rem;}
.section03 .main-cnt-hd > p{font-size:13px;}
.section03 .main-cnt-hd .notice-more-btn {margin-top:20px;}
.section03 .main-cnt-hd .notice-more-btn a {font-size:13px;padding:8px 20px;}
.section03 .main-cnt-hd .notice-more-btn a i {margin-left:20px;}
.section03 .main-cnt-hd .notice-more-btn a:hover {border:solid 1px #000;background:#fff;color:#000;}

.section03 .main-cnt-hd > .notice-list {font-size:16px;margin-top:30px;width:100%;}
.section03 .main-cnt-hd > .notice-list h1 {font-size:16px;}
.section03 .main-cnt-hd > .notice-list .main-notice {margin-top:20px;}
.section03 .main-cnt-hd > .notice-list .main-notice li {position:relative;padding:20px 0px 10px;}
.section03 .main-cnt-hd > .notice-list .main-notice a {font-size:13px;}
.section03 .main-cnt-hd > .notice-list .main-notice span {left:0px;top:7px;font-size:11px;}
  
.section03 .notice-right {vertical-align:top;display:inline-block;width:100%;padding-top:0px;margin-top:60px;}  
.section03 .notice-right > div {margin-bottom:20px;position:relative;}
.section03 .notice-right > div .txtArea {position:absolute;left:20px;top:20px;z-index:10;}  
.section03 .notice-right > div .txtArea h1 {color:#fff;font-size:16px;margin-bottom:0px;line-height:1;}
.section03 .notice-right > div .txtArea span {color:#fff;font-size:12px;}  




.boxArea {position:relative;left:0px;top:0px;padding:20px;font-size:16px;background:#fff url('../img/mul.png') no-repeat 150px 80px;margin-top:30px;}
.boxArea > h2 {font-size:16px;margin-bottom:10px;}
.boxArea .listArea {height:168px;padding-right:30px;}
.boxArea .listArea .info {display:block;padding:10px 0px;border-bottom:solid 1px #013A93;cursor:pointer;}
.boxArea .listArea .info h2 {display:inline-block;vertical-align:top;font-size:12px;width:14%;position:relative;top:10px;}
.boxArea .listArea .info span {display:inline-block;vertical-align:top;width:70%;font-size:12px;}
.boxArea .listArea .info span p {font-size:12px;width:100%;overflow: hidden; text-overflow: ellipsis;-webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box;}
.boxArea .listArea .info i {display:inline-block;vertical-align:top;font-size:12px;width:13%;position:relative;top:10px;text-align:right;color:#013A93;}
.boxArea .listArea::-webkit-scrollbar {width:3px;}
.boxArea .listArea::-webkit-scrollbar-thumb {background:#013A93;}

/* 레이어모달 */
.pop-layer {position:absolute;display:none;top:0px;left:0px;width:100%;height:220px;z-index:1100;padding:20px;background:#fff;/*box-shadow:5px 6px 20px rgba(0, 0, 0, .4);*/background:#fff url('../img/mul.png') no-repeat 150px 80px;}
.pop-layer .title {padding-bottom:20px;}
.pop-layer .title > h1 {font-size:16px;}
.pop-layer .board {margin-top:20px;}
.pop-layer .board p {padding:5px 0px;font-size:12px;}



.global-box {position:relative;display:;top:0px;left:0px;width:100%;height:auto;margin-bottom:20px;z-index:1100;padding:20px;background:#fff url('../img/mul.png') no-repeat 150px 80px;}
.global-box .title {border-top-right-radius:0px;border-top-left-radius:0px;position:relative;border-bottom:solid 1px #013A93;padding-bottom:20px;}
.global-box .title > h1 {color:#222;font-size:16px;width:100%;line-height:1;}
.global-box .board {margin-top:20px;}
.global-box .board p {padding:5px 0px;font-size:12px;}
.global-box.nam {top:0px;left:0px;}
.global-box.tue {top:0px;left:0px;}
.global-box.jung {top:0px;left:0px;}



/* 공지사항 */
.section06 {}
.section06 .sectionCon .conArea {}
.section06 .sectionCon .conArea .titArea > h1 {font-size:32px;}
.section06 .sectionCon .conArea .titArea > h1:before {left:-10px;top:0px;width:10px;height:10px;}  
.section06 .sectionCon .conArea .titArea > span {margin-top:1.625rem;font-size:13px;}
.section06 .sectionCon .conArea .main-customer {font-size:0px;margin-top:30px;}
.section06 .sectionCon .conArea .main-customer .boxArea2 {font-size:16px;width:100%;height:auto;margin-right:20px;padding:30px;display:inline-block;margin-bottom:20px;}
.section06 .sectionCon .conArea .main-customer .boxArea2 a {font-size:13px;}
.section06 .sectionCon .conArea .main-customer .boxArea2 h1 {font-size:16px;margin-bottom:30px;}
.section06 .sectionCon .conArea .main-customer .boxArea2.center h1 {margin-bottom:20px;}
.section06 .sectionCon .conArea .main-customer .boxArea2 h2 {font-size:16px;}
.section06 .sectionCon .conArea .main-customer .boxArea2 p {font-size:13px;padding:5px 0px;}
.section06 .sectionCon .conArea .main-customer .boxArea2 li {line-height:1.4;}

.section06 .sectionCon .conArea .main-customer .boxArea2 .more-btn {position:absolute;right:30px;top:20px;font-size:30px;}
.section06 .sectionCon .conArea .main-customer .boxArea2 .more-btn i {font-size:20px;}





}


@media all and (max-width:777px) {
    .mainTit{text-align: center; margin-bottom:10px; padding-top:0;}
    .mainTit .tit{font-size:25px; /*padding-top:30px; background-size: 59px 18px*/}
    .mainTit .sub {padding-bottom:15px; font-size:16px;}
    .mainTit .sub:after{content:""; display:block; width:38px; margin-left:-19px;}
    
    .section .sectionCon{padding-bottom:50px;}
    
	
    #mainCover .video video {width:250%}
	
	.displaybrnone {display:none;}
	
	
	
	
	.main-annulment-slider {max-width:70%;margin-left:3%;margin-top:30px;}
	.main-annulment-slide-item-info {padding:20px 20px;}

}



.main-mobile-style {display:none !important;}


@media screen and (max-width:1164px) {

.main-mobile-style {display:inline-block !important;}
.main-pc-style {display:none !important;}

}