@charset "UTF-8";

#multipleDiv_temp_05_7{margin-top:170px;}
@media all and (max-width:1024px) {
  #multipleDiv_temp_05_7{margin-top:0;}
  .title_area strong,
  .album_title strong,
  .webzine_title strong{font-size:32px !important;line-height: 1.3;}
}


/* visual - text */
#menu14840_obj133{position: absolute;z-index: 1;top: 90px;left: 50%;text-align: center;width: 100%;box-sizing:border-box;transform: translate(-50%,0);max-width: 1400px;}
.box-slogan {background-color: rgba(16,43,79,.8);transition: all .5s;text-align: center;width: 100%;max-width: 1400px;margin: 0 auto;padding: 52px 60px;}
.visual-slogan {opacity: 0; transition: .4s;}
.visual-slogan.is_visible {opacity:1; transition: .4s;}
.visual-slogan h2 {opacity: 0;width: 100%;font-size: 46px;font-weight:700;padding-bottom:40px;padding: 0 40px 40px 40px;color:#fff;line-height: 55px;display:inline-block;position:relative;z-index:1;border-bottom:1px solid rgba(255,255,255,.5);transform: translateY(50px);transition: .75s;}
.visual-slogan.is_visible h2 {opacity: 1;transform: translateY(0px); transition: .75s;}

.visual-slogan p {opacity: 0; text-align:center; font-size:22px; padding-top:40px; font-weight:400;  color:#fff; transform: translateX(-30px); transition: .75s;}
.visual-slogan.is_visible p {opacity:1; transform: translateX(0); transition: .75s; transition-delay:0.8s;}

body #menu14840_obj134{position: absolute;z-index: 1;bottom: 35px;left: 0;width: 100%;box-sizing:border-box;}
.box_area {max-width: 1400px;position: relative;margin: 0 auto;}
.box_area ul {width:100%;position:relative;padding: 25px 0 0 0;}
.box_area ul li {float:left; width:calc((100% / 4) - 2px); padding:34px 0 43px; background-color:#fff; margin-right:2px; box-shadow:0px 0px 5px rgba(0,0,0,.25);}

/* visual - quick */
.box_area .box_notice_s{z-index: 1;width: 210px;height:26px;line-height:25px;content:'';color:#fff;background-color:rgba(49,51,56, 0.6);font-size:16px;position:absolute;top: 0;right:0;text-align:center;padding: 0 10px;}
.box_area ul li .title_area {position:relative; padding:0 35px;}
.box_area ul li .title_area .title {font-size: 18px;font-weight:400;color:#333;text-align:left;padding-bottom:28px;border-bottom:1px solid rgba(0,0,0,.5);}
.box_area ul li .title_area .icon {display:block; width:41px; height:38px; position:absolute; right:35px; top:0; text-indent:-9999em; opacity:1}
.box_area ul li .info_area {text-align:right;padding: 21px 35px 0;}
.box_area ul li .info_area .value {font-weight:600;font-size:42px;color:#333;vertical-align:sub;line-height: 1.2;}
.box_area ul li .info_area span {font-weight:500;font-size: 17px;color:#666;vertical-align:bottom;}

.box_area ul li:nth-child(1) .title_area .icon {background:url('../../images/main/box_icon01.png') 0 0 no-repeat;}
.box_area ul li:nth-child(2) .title_area .icon {background:url('../../images/main/box_icon02.png') 0 0 no-repeat;}
.box_area ul li:nth-child(3) .title_area .icon {background:url('../../images/main/box_icon03.png') 0 0 no-repeat;}
.box_area ul li:nth-child(4) .title_area .icon {background:url('../../images/main/box_icon04.png') 0 0 no-repeat;}

.box_area ul li:last-child {position:relative; margin-right:0;}

@media all and (max-width:1420px) {
    .box-slogan{padding: 40px 50px;}
	body #menu14840_obj133,
	body #menu14840_obj134{padding:0 75px; width:100%;}
  .visual-slogan{width:100%;left:0;transform:none;}
  .visual-slogan h2{font-size:32px; padding-bottom:0; padding: 0 20px 20px 20px;}
  .visual-slogan p{font-size:16px;  padding-top:20px;}
  .box_area ul li .title_area{padding: 0 15px;}
  .box_area ul li .title_area .title{font-size: 16px; height: 77px;}
  .box_area ul li .title_area .icon{right: 15px;}
  .box_area ul li .info_area{padding: 15px 15px 0; height: 82px;}
  .box_area ul li .info_area .value{font-size: 35px;}
  .box_area ul li .info_area span{font-size: 16px;}
}

@media all and (max-width: 1280px) {
    .visual-slogan h2{font-size : 28px;}
    .box_area ul li .title_area .title{padding-right: 50px;}
}

@media all and (max-width:1023px) {
  #menu14840_obj133 {top: 0px;}
  .box-slogan{padding: 28px 40px;}
  .visual-slogan{padding:30px 0;}
  .visual-slogan h2{font-size: 25px; line-height: 1.2;}
  .box_area ul{text-align: center;}
  .box_area ul li{width:calc(100% / 2 - 7px);padding:15px 0 20px;margin-bottom:5px;text-align: left;display: inline-block;vertical-align: top;float:none;}
  .box_area ul li:nth-child(2),
  .box_area ul li:nth-child(4){margin-left:5px;}
  .box_area ul li .title_area{padding:0 30px;}
  .box_area ul li .info_area{padding:20px 30px 0;}
  .box_area ul li .info_area .value{font-size:32px;}
}

@media all and (max-width:768px) {
    body #menu14840_obj133,
	body #menu14840_obj134{padding:0 60px; width:100%;}
    body #menu14840_obj134{margin: 0;}
  .visual-slogan h2{padding-bottom:0; border: 0px;}
  .visual-slogan p{display: none;}
  .box_area ul li .title_area{padding: 0 15px;}
  .box_area ul li .info_area{padding: 20px 15px 0;}
  .box_area ul li .info_area .value{font-size: 25px;}
  .box_area ul li .title_area .icon{right: 15px;}
  .box-slogan{padding: 30px 20px;}
  .visual-slogan h2{font-size: 25px;}
}

@media all and (max-width: 540px) {
    .box_area ul li{width: 100%; margin-left: 0 !important; padding: 10px 0 15px 0;}
    .box_area ul li .title_area .icon{position: relative; margin: 0 auto; right: auto; display: none;}
    .box_area ul li .title_area{padding:0 15px;}
  .box_area ul li .title_area .title{font-size:16px;padding-bottom: 5px; padding-top: 5px; padding-right: 0; height: auto;}
  .box_area ul li .info_area{padding:15px 15px 0; height: auto;}
  .visual-slogan h2{font-size: 16px;}
}

/**공지사항**/
#multipleDiv_temp_05_8{background: linear-gradient(90deg, #f9f9f9 50%, #e9f2f7 50%); overflow:hidden;}

@media all and (max-width:1400px) {
 body #multipleContentsDiv_temp_05_8{width:auto;}
}

@media all and (max-width:768px) {
  #multipleDiv_temp_05_8{background:#f9f9f9;}
  #menu14840_obj324{background-color: #e9f2f7;}
}


/*웹진*/
#multipleDiv_temp_05_9{padding:150px 0;}
.webzine_title{text-align: center;margin-bottom: 80px;}
.webzine_title strong{font-size:40px;font-family: 'Noto Bold'; color:#000;}
.webzine_title strong span{color:#fd9e00;}

#menu14840_obj418{padding:10px 0;}
.webzine_wrap > ul{margin:0 auto;padding: 0 85px;max-width: 1450px;width: 100%;height: 371px;box-sizing: border-box;position: relative;z-index: 1;overflow: visible;}
.webzine_wrap > ul > div{overflow: visible !important;}
.webzine_wrap .slick-initialized .slick-slide{margin-left: 50px;margin-right: 50px;}
.webzine_wrap .slick-slide img{width:100%;height: 100%;}
.webzine_wrap ul li{text-align: center;font-size:0;}
.webzine_wrap .slick-initialized .slick-slide{-webkit-filter: brightness(80%);filter: brightness(80%);}
.webzine_wrap .slick-initialized .slick-slide.slick-current{-webkit-filter: brightness(100%);filter: brightness(100%);}
.webzine_wrap ul li .thum{width:calc(100% - 440px);display: inline-block;vertical-align: top;height: 371px;}
.webzine_wrap ul li .text{width:440px;display: inline-block;vertical-align: top;text-align: left;font-size:18px;height: 371px;background-color: #fff;box-shadow: rgba(0,0,0,0.1) 1px 1px 10px 1px;padding: 50px;box-sizing: border-box;position: relative;}
.webzine_wrap ul li .text strong{display: block;font-family: 'Noto Medium';font-size: 28px;margin-bottom: 35px;color: #fd9e00;}
.webzine_wrap ul li .text p{color:#666;font-size:18px;margin-bottom:20px;height: 130px;}
.webzine_wrap ul li .text a.movieBtn{padding:10px 15px;color:#fd9e00;font-family:'Noto Regular';display: inline-block;margin-right:10px;border:1px solid #fd9e00;}
.webzine_wrap ul li .text a.movieBtn:hover{background: #fd9e00;color:#fff;}
.webzine_wrap ul li .text a.downBtn{padding:10px 15px;color:#999;font-family:'Noto Regular';display: inline-block;margin-right:10px;border:1px solid #999;}
.webzine_wrap ul li .text a.downBtn:hover{background:#999;color:#fff;}
.webzine_wrap ul li .text .count{position: absolute;bottom: 40px;right: 30px;font-size:36px;opacity:0.2;font-family: 'Noto Bold';}
.webzine_wrap ul li .text .count .current{color:#fd9e00;}
.webzine_wrap ul li .text .count .slash{color:#999;}
.webzine_wrap ul li .text .count .total{color:#999;}

.webzine_wrap .slick-arrow{width:24px;height: 43px;position: absolute;top:50%;z-index: 1;text-indent: -9999px;}
.webzine_wrap .slick-prev{left: 120px;background:url('../../images/main/left_arrow.png') 0 0 no-repeat;}
.webzine_wrap .slick-next{right: 120px;background:url('../../images/main/right_arrow.png') 0 0 no-repeat;}
@media all and (max-width:1400px) {
  body #multipleContentsDiv_temp_05_10{width:auto}
}

@media all and (max-width:1400px) {
  #multipleDiv_temp_05_9{padding:100px 0;}
  .webzine_title{margin-bottom:20px;}
  .main .webzine_wrap ul li .thum{width:100%;}
  .main .webzine_wrap ul li .text{width:100%;padding: 35px;height: auto;}
  .main .webzine_wrap ul li .text p{height: 80px;overflow: hidden;}
}

@media all and (max-width:768px) {
  .webzine_wrap .slick-initialized .slick-slide{margin-left:25px;margin-right:25px;}
  .main .webzine_wrap ul li .thum{height: auto;}
  .webzine_wrap .slick-prev{left:35px;}
  .webzine_wrap .slick-next{right:35px;}
  .webzine_wrap .slick-arrow{top:60%;}
  .webzine_wrap > ul{padding:0;}

  .webzine_wrap ul li .text strong{text-overflow: ellipsis;overflow: hidden;display: block;white-space: nowrap;}
}

@media all and (max-width:480px) {
  .main .webzine_wrap ul li .text{padding:25px 40px;}
  .webzine_wrap > ul > div{padding:0 !important;}
  .webzine_wrap ul li .text .count{display: none;}
  .webzine_wrap ul li .text strong{margin-bottom: 10px;font-size: 22px;}
  .main .webzine_wrap ul li .text p{font-size:16px;height: 70px;}
  .webzine_wrap .slick-arrow{width:15px;height: 25px;background-size:contain;top:85%;}
  .webzine_wrap ul li .text a.movieBtn,
  .webzine_wrap ul li .text a.downBtn{padding:5px 10px;font-size:15px;margin-right: 5px;}
}

/**소식**/
#multipleDiv_temp_05_10{background-color:#fefbf5;padding:150px 0;}
.album_title{text-align: center;margin-bottom:50px;}
.album_title strong{font-family: 'Noto Bold';font-size: 40px;display: block;margin-bottom: 14px;line-height: 1;}
.album_title p{font-size:18px;font-family: 'Noto Light';line-height: 1;}

@media all and (max-width:1400px) {
#multipleDiv_temp_05_10{background-color:#fefbf5;padding:100px 0;}
}


/**하단퀵메뉴**/

#multipleDiv_temp_05_11{padding:150px 0;background: url('../../images/main/research_back_01.png') no-repeat left top; background-size: cover;}
#multipleContentsDiv_temp_05_11{max-width:1400px; margin:0 auto;}
.research .title_area{text-align: center;color:#fff;margin-bottom:60px;}
.research .title_area strong{font-size:40px;font-family: 'Noto Bold';display: inline-block;}
.research .title_area p{font-size:18px;}
.research .quick_area {background-color:#bbb;overflow: visible;height: 460px;}
.research .quick_area li{height:230px; float:left; width:33.33333%; position:relative;}
.research .quick_area li a {width:100%; height:100%; display:block; box-sizing:border-box; padding-top:45px; transition: all .4s;}
.research .quick_area li a:hover,.quick_area li a:focus {transform:translate(-10px, -10px); color:inherit;}
.research .quick_area li:nth-child(2n-1) a {background-color:#fff;}
.research .quick_area li:nth-child(2n) a {background-color: #e9f2f7;}
.research .quick_area li .icon_area {width:65px; height:65px; display:block; text-indent:-9999em; margin:0 auto 25px;}
.research .quick_area li:nth-child(1) .icon_area {background:url('../../images/main/research_icon01.png') 0 0 no-repeat;}
.research .quick_area li:nth-child(2) .icon_area {background:url('../../images/main/research_icon02.png') 0 0 no-repeat;}
.research .quick_area li:nth-child(3) .icon_area {background:url('../../images/main/research_icon03.png') 0 0 no-repeat;}
.research .quick_area li:nth-child(4) .icon_area {background:url('../../images/main/research_icon04.png') 0 0 no-repeat;}
.research .quick_area li:nth-child(5) .icon_area {background:url('../../images/main/research_icon05.png') 0 0 no-repeat;}
.research .quick_area li:nth-child(6) .icon_area {background:url('../../images/main/research_icon06.png') 0 0 no-repeat;}
.research .quick_area li .text_area {text-align:center;display:block;}
.research .quick_area li .text_area .title {font-size:20px;font-weight:500;display:block;margin-bottom: 2px;font-family: 'Noto Medium';color: #333;}
.research .quick_area li .text_area .info {font-size:15px;font-weight:400;color:#666;display:block;font-family: 'Noto Light';}
.research .quick_area li .arrow {width:14px; height:26px; background:url('../../images/main/research_arrow.png'); display:block; text-indent:-9999em; position:absolute; right:27px; top:100px; opacity:0; transition: all .4s;}
.research .quick_area li a:hover .arrow ,.research .quick_area li a:focus .arrow {opacity:1;}


@media only screen and (max-width:1320px){
.research .quick_area li .text_area .info {display: none !important;}
}



@media all and (max-width:1400px) {
  #multipleDiv_temp_05_11{padding:100px 20px}
  body #multipleContentsDiv_temp_05_11{width:auto;}
}

@media all and (max-width:1023px) {
  #multipleContentsDiv_temp_05_11{padding:70px 0;}
}

@media all and (max-width:768px) {
  .research{padding:0 25px;}
  .research .quick_area{height: auto;}
  .research .quick_area li{width:calc(100% / 2 - 2px);display: inline-block;vertical-align: top;float:none;margin-bottom:3px;}
}

@media all and (max-width:480px) {
  #multipleContentsDiv_temp_05_11{background-size:cover;}
  .research .quick_area li{width:100%;height: auto;margin-bottom:1px;}
  .research .quick_area li a{padding-top: 20px;padding-bottom: 20px;}
  .research .quick_area li .icon_area{margin: 0 auto 10px;}
  .research .quick_area li .text_area .title{font-size:18px;}
  .research .quick_area li .text_area .info{font-size:14px;}
  .research .quick_area li .arrow{right:15px;top:50%;margin-top:-13px;}
}

/******/
