@charset "utf-8";

.table-bx {display: table; width: 100%; height: 100%; table-layout: fixed;}
.table-cell-bx {display:table-cell; vertical-align: middle; height: 100%;}

.multipleContentsDiv, .multipleDiv {width: 100%; height: 100%;}

/* responsive web 초기화 */
.fp-enabled body.fp-responsive {overflow-y: auto;}
/* 메인비주얼 */

  #multipleDiv_type1_29{/*min-height:100vh;*/}

#menu3264_obj85 {height: 100% !important;}
/* 상단공지사항 */
#menu3264_obj141 {position: absolute; left: 0px; bottom: 0; z-index: 100; width: 50%; height: 208px;}
#menu3264_obj151 {position: absolute; top: unset; right: 0px; bottom: 0; z-index: 100; width: 50%; height: 208px}
/* information company */
#menu3264_obj19 {height: 100% !important;}
/* business */
#menu3264_obj173 {height: 100% !important;}
/* board */
#menu3264_obj35 {height: 100% !important;}

#menu3264_obj170{position:absolute;right:160px;top:calc(50% - 52px);width:520px !important;z-index: 10;}
.mainLink{height:100%;overflow:hidden;}
.mainLink a{position:relative;width:240px;height:180px;padding-top:126px;color:#FFF;line-height:1;transition:0.5s;display:flex;align-items:flex-start;transition:all ease .5s;justify-content:center;flex-direction:row;background: rgba(0,0,0,0.25);border: 1px solid rgba(255,255,255,0.25);}
.mainLink strong{position:relative;font-size: 20px;color:#fff;line-height:.9;}
.mainLink strong::after{content:"";display:block;transition:0.3s;width:40px;height:1px;background:#fff;position:absolute;top:-25px;left:calc(50% - 20px)}
.mainLink a::after{width:69px;height:37px;margin-top:auto;content:"";display:block;transition:0.3s;background:url(../../images/main/arrow_1_w.png) no-repeat center;position:absolute}
.mainLink .item_1{float:left;}
.mainLink .item_2{margin-top:20px;float:right;}
.mainLink .item_3{margin-top:40px;float:left;}
.mainLink .item_4{margin-top:40px;float:right;}

.mainLink a:hover{border:1px solid #fff;background:rgba(0,0,0,0.75);}

.mainLink .item_1:before{content:'';width:74px;height:68px;background: url('../../images/main/main-icon1.png');display:block;left:48%;top: 23px;position: absolute;margin-left: -32px;}
.mainLink .item_2:before{content:'';width:73px;height:56px;background: url('../../images/main/main-icon2.png');display:block;left:43%;top: 28px;position: absolute;margin-left: -27px;}
.mainLink .item_3:before{content:'';width:74px;height:56px;background: url('../../images/main/main-icon3.png');display:block;left:44%;top: 28px;position: absolute;margin-left: -25px;}
.mainLink .item_4:before{content:'';width:70px;height:56px;background: url('../../images/main/main-icon4.png');display:block;left:50%;top: 28px;position: absolute;margin-left: -35px;}

@media (max-width: 1460px) {
    #menu3264_obj170{right: 40px;}  
 }
@media (max-width: 1023px) {
    #menu3264_obj170{top: calc(20% - 52px);}  
 }

/*
@media all and (max-width: 1500px) {
  #menu3264_obj170{right:15px;}
}

@media all and (max-width: 1300px) {
  #menu3264_obj170{width:380px !important;}
  .mainLink a{width:48%;height: 180px;padding-top: 135px;}
  .mainLink .item_4,
  .mainLink .item_3{margin-top:15px;}
  .mainLink strong{font-size:16px;}
}


@media all and (max-width: 1200px) {
  .section-line::before {

	display: none;
  }

  body #fp-nav.right {
	right: 8px;
  }

  body #fp-nav ul li .fp-tooltip {
	display: none;
  }
}

@media (max-width: 1023px) {
  #menu3264_obj170{width:100% !important;padding: 0 20px;right: unset;margin-top: 0;top: calc(50% - 170px);}
  .mainLink a{height:100px;padding-top: 70px;}
  .mainLink strong{font-size:14px;}
  .mainLink strong::after{top: -10px;width: 15px;left: calc(50% - 7.5px);}
  .mainLink .item_1:before{width: 48px;height: 38px;background-size:contain;background-repeat:no-repeat;top: 12px;margin-left: -21px;}
  .mainLink .item_2:before{width:42px;height:40px;background-size:contain;background-repeat:no-repeat;top: 12px;margin-left: -19px;}
  .mainLink .item_3:before{width:44px;height:38px;background-size:contain;background-repeat:no-repeat;top: 12px;margin-left: -17px;}
  .mainLink .item_4:before{width:48px;height:36px;background-size:contain;background-repeat:no-repeat;top:15px;margin-left:-24px;}

  #menu3264_obj141{width:100%;bottom: 220px;}
  #menu3264_obj151{width:100%;}
}

@media (max-width: 767px) {
  #menu3264_obj170{top: calc(50% - 200px);}
}


@media all and (max-width: 500px) {
  .section-line::before {
	right: 15px;
  }

  body #fp-nav.right {
	right: 4px;
  }
}*/

/* 메인 컨텐츠 영역 */
.main-tit {text-align: center; margin-bottom: 70px; margin-top: 100px;}
.main-tit h2 {font-size: 65px; color: #fff; font-weight: 700; }
.main-tit p {font-size: 18px; line-height: 30px; color: #fff; font-family:'S-CoreDream-3Light';}

.pc-blank {display: block;}



/* 두번째 section */
.main-information {background: url("../../images/main/main_information_bg.jpg") no-repeat center; background-size: cover; height: 100%;}
.main-informaion-list {padding-top: 100px}
.main-informaion-list li {float: left; width: 25%; text-align: center; padding: 0 30px; box-sizing: border-box;}
.main-informaion-list li a {display: block; color: #fff;}
.main-informaion-list li .tit {font-size: 24px; line-height: 30px; color: #fff;}
.main-informaion-list .information-counter p {font-size: 18px; color: #fff;}
.main-informaion-list .information-counter p span {font-size: 80px; font-family: "Titillium Web"; font-weight: 600;}
.main-informaion-list li .info {font-size: 16px; line-height: 25px; color: #fff; word-break: keep-all; letter-spacing: -0.5px;}

.main-informaion-list .slick-dots {text-align: center; margin-top: 120px;}
.main-informaion-list .slick-dots li {float: none; display: inline-block; vertical-align: middle; width: auto; padding: 0 7px;}
.main-informaion-list .slick-dots li button {text-indent: -9999px; width: 15px; height: 15px; border-radius: 50%; background: rgba(255, 255, 255, 0.2);}
.main-informaion-list .slick-dots li.slick-active button {background: #fff;}

.main-informaion-list li a:hover {text-decoration: underline;}

/**EFFECT**/
.type1-notice {transform: translateY(100px); opacity: 0; transition: all 0.75s;}
.type1-notice.effect {transform: translateY(0); opacity: 1;}

.mainLink > a{transform:scale(0);opactiy:0;transition:all 0.75s;}
.mainLink.effect > a{opacity:1;transform:scale(1);}
.mainLink.effect > a:nth-child(1){transition-delay:0.2s;}
.mainLink.effect > a:nth-child(2){transition-delay:0.2s;}
.mainLink.effect > a:nth-child(3){transition-delay:0.2s;}
.mainLink.effect > a:nth-child(4){transition-delay:0.2s;}


#wrap-slider257 .slick-initialized .slick-slide{width:262px  !important}
#wrap-slider257  .slider{height: 60px;}
