/* BASIC css start */
/* 211115 morenvy ¿µ±¤ */

.header_bg {display:none;}
body {padding: 0 0 696px !important;}
#mfooter {position: fixed;}
#contents {padding:0 !important;}
.sub_content {width:100% !important;text-align:center;}

/* ¸ÞÀÎÀ̹ÌÁö ¿µ¿ª */
.swiper0 .swiper-slide {width:100%; height:100vh; position:relative;}
.swiper0 .swiper-slide-active .bg {transform: scale(1);}
.swiper0 .bg {transform: scale(1.12); transition: 3s ease;}
.swiper0 .bg01 {width:100%; height:100%;}
.swiper0 .bg02 {width:100%; height:100%;}
.swiper0 .bg03 {width:100%; height:100%;}
.swiper0 .bg04 {width:100%; height:100%;}


.swiper0 .main_bg_text {position:absolute; top:50%; left:320px; transform:translateY(-50%);}
.swiper0 .main_bg_text .t01 {margin:0 0 24px; font-size:80px; font-weight:700; color:#fff; line-height:88px; text-align:left;}
.swiper0 .main_bg_text .t02 {font-size:20px; font-weight:400; color:#fff; line-height:32px; text-align:left;}


.swiper0 .wrap_swiper_bt {width:92%; position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%,-50%); color:#fff; font-size:14px; font-weight:700;}
.swiper0 .wrap_swiper_bt div {width:auto; height:auto; margin:auto; padding:10px 65px 10px 0; line-height:24px; background:0; transition: padding .3s ease;}
.swiper0 .wrap_swiper_bt div.swiper-button-prev {padding:10px 0 10px 65px;padding-right:0;}
.swiper0 .wrap_swiper_bt div:after {content:""; width:48px; height:1px; position:absolute; top:45%; right:0%; transform:translateY(-50%); opacity:0.6; background:#fff; transition: width .3s ease;}
.swiper0 .wrap_swiper_bt div.swiper-button-prev:after {right:auto; left:0%;}
.swiper0 .wrap_swiper_bt .swiper-button-prev:hover {padding-left:90px;}
.swiper0 .wrap_swiper_bt .swiper-button-next:hover {padding-right:90px;}
.swiper0 .wrap_swiper_bt div:hover:after{width:80px; }
.swiper0 .swiper-pagination0 {display: flex; align-items: center; bottom:210px !important; left:320px !important; text-align:left;}
.swiper0 .swiper-pagination0 .swiper-pagination-bullet {width:4px; height:4px; margin-right:36px !important; background:#fff;-webkit-transition: opacity 0.3s;-moz-transition: opacity 0.3s;-ms-transition: opacity 0.3s;-o-transition: opacity 0.3s;transition: opacity 0.3s;}
.swiper0 .swiper-pagination0 .swiper-pagination-bullet:after {content:""; width:0px; height:0px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff; border-radius:50%; opacity:0;-webkit-transition: width 0.3s , height 0.3s;-moz-transition: width 0.3s , height 0.3s;-ms-transition: width 0.3s , height 0.3s;-o-transition: width 0.3s , height 0.3s;transition: width 0.3s , height 0.3s;}
.swiper0 .swiper-pagination0 .swiper-pagination-bullet-active {width:8px; height:8px; position:relative; background:#fff; opacity:1;}
.swiper0 .swiper-pagination0 .swiper-pagination-bullet-active:after {content:""; width:24px; height:24px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff; border-radius:50%; opacity:0.4;}

.swiper0 .swiper-slide-active .t01 {-webkit-animation-name: fadeInUp1; animation-name: fadeInUp1; -webkit-animation-duration:1.5s !important; animation-duration:1.5s !important;
-webkit-backface-visibility: hidden; backface-visibility: hidden;}
.swiper0 .swiper-slide-active .t02 {-webkit-animation-name: fadeInUp2; animation-name: fadeInUp2; -webkit-animation-duration: 1.5s !important; animation-duration:1.5s !important;
-webkit-backface-visibility: hidden; backface-visibility: hidden;}

@-webkit-keyframes fadeInUp1 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp1 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInUp2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

/* ¸ÞÀÎÀ̹ÌÁö ½ºÅ©·Ñ ¾ÆÀÌÄÜ */
.icon-scroll,
.icon-scroll:before{ position:absolute; z-index:1; left:50%;}
.icon-scroll{ width:24px; height:40px; margin-left:-20px; bottom:80px; transform:translateX(-50%); margin-top:-35px; box-shadow:inset 0 0 0 2px #fff; border-radius:25px;}
.icon-scroll:before{content:''; width:4px; height:4px; background:#fff; margin-left:-2px; top:8px; border-radius:4px; animation-duration:1.5s; animation-iteration-count:infinite; animation-name:scroll;}

@keyframes scroll{
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(18px);
  }
}

/* °øÅëŸÀÌƲ */
.main_title .t01 {margin:0 0 16px; font-size:48px; font-weight:700; color:#1a1a1a; line-height:56px;}
.main_title .t02 {font-size:20px; font-weight:400; color:#6a6a6a; line-height:32px;}


/* section01 (WORKS)*/
.section01 {display:flex;flex-direction: row-reverse;width:92%; max-width:1280px; margin:200px auto 200px auto; position:relative;}
.section01_title.main_title .t01 {text-align:right;}
.section01_title.main_title .t02 {text-align:right;}
.section01_title.main_title {text-align:right;}
.section01_title img {width:240px; padding:24px 0px 0px;}

.section01 .swiper1 {width:840px; margin:0 auto 0 0;}
.section01 .swiper1 .wrap_works {display:flex; justify-content: space-between;  position:relative;}
.section01 .swiper1 .wrap_works .work_thumb {display:flex;}
.section01 .swiper1 .wrap_works .work_thumb .thumb {display:flex; flex-direction:column; position:relative; font-size:0;}
.section01 .swiper1 .wrap_works .work_thumb .thumb01 {margin-right:40px;}
.section01 .swiper1 .wrap_works .work_thumb .thumb .work_t01 {display:inline-block; padding:24px 0 0; font-size:20px; font-weight:500; color:#1a1a1a; line-height:32px;}
.section01 .swiper1 .wrap_works .work_thumb .thumb .work_bt {display:flex; align-items:center; justify-content:center; opacity:0; width:120px; height:120px; margin:-12px 0 0; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(0.4); font-size:14px; font-weight:700; color:#1a1a1a; line-height:18px; text-align:center; background:#fff; border-radius:50%;}
.section01 .swiper1 .wrap_works .work_thumb .thumb:hover .work_bt {opacity:1;top:50%;transform:translate(-50%,-50%) scale(1); }
.section01 .swiper1 .wrap_works .work_thumb .work_bt:hover {color:#fff; background:#1a1a1a;}
.section01 .swiper-button-prev {width:24px; height:20px; margin:0; position:static; background:url('/design/kcca/0790modernstudio/arrow_l.svg') no-repeat center;}
.section01 .swiper-button-next {width:24px; height:20px; margin:0; position:static; background:url('/design/kcca/0790modernstudio/arrow_r.svg') no-repeat center;}
.section01 .swiper-pagination {position:static; padding:0 12px; font-size:16px; color:#9a9a9a;}
.section01 .swiper-pagination .swiper-pagination-current {color:#1a1a1a; padding:0 8px 0 0;}
.section01 .swiper-pagination .count {display:inline-block; color:#1a1a1a;}
.section01 .swiper-pagination .count02 {display:inline-block; padding:0 0 0 8px;}
.section01 .wrap_swiper_bt {display:flex; align-items:center; position:absolute; bottom:0; right:0%;}


/* section02 (100% ¹è³Ê) */
.swiper2 .swiper-slide {width:100%; height:1080px; position:relative;}
.swiper2 .bg01 {width:100%; height:100%;}
.swiper2 .bg02 {width:100%; height:100%;}
.swiper2 .main_bg_text {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center;}
.swiper2 .main_bg_text .t01 {margin:0 0 32px; font-size:80px; font-weight:700; color:#fff; line-height:88px;}
.swiper2 .main_bg_text .t02 {font-size:20px; font-weight:400; color:#fff; line-height:32px;}
.swiper2 .wrap_swiper_bt {width:92%; position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%,-50%); color:#fff; font-size:14px; font-weight:700;}
.swiper2 .wrap_swiper_bt div {width:auto; height:auto; margin:auto; padding:10px 65px 10px 0; line-height:24px; background:0; transition: padding .3s ease;}
.swiper2 .wrap_swiper_bt div.swiper-button-prev {padding:10px 0 10px 65px;padding-right:0;}
.swiper2 .wrap_swiper_bt div:after {content:""; width:48px; height:1px; position:absolute; top:50%; right:0%; transform:translateY(-45%); opacity:0.6; background:#fff; transition: width .3s ease;}
.swiper2 .wrap_swiper_bt div.swiper-button-prev:after {right:auto; left:0%;}
.swiper2 .wrap_swiper_bt .swiper-button-prev:hover {padding-left:90px;}
.swiper2 .wrap_swiper_bt .swiper-button-next:hover {padding-right:90px;}
.swiper2 .wrap_swiper_bt div:hover:after{width:80px; }
.swiper2 .swiper-pagination2 {display: flex; align-items: center; justify-content: center; bottom:210px !important;}
.swiper2 .swiper-pagination2 .swiper-pagination-bullet {width:4px; height:4px; margin-right:36px !important; background:#fff;-webkit-transition: opacity 0.3s;-moz-transition: opacity 0.3s;-ms-transition: opacity 0.3s;-o-transition: opacity 0.3s;transition: opacity 0.3s;}
.swiper2 .swiper-pagination2 .swiper-pagination-bullet:after {content:""; width:0px; height:0px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff; border-radius:50%; opacity:0;-webkit-transition: width 0.3s , height 0.3s;-moz-transition: width 0.3s , height 0.3s;-ms-transition: width 0.3s , height 0.3s;-o-transition: width 0.3s , height 0.3s;transition: width 0.3s , height 0.3s;}
.swiper2 .swiper-pagination2 .swiper-pagination-bullet-active {width:8px; height:8px; position:relative; background:#fff; opacity:1;}
.swiper2 .swiper-pagination2 .swiper-pagination-bullet-active:after {content:""; width:24px; height:24px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff; border-radius:50%; opacity:0.4;}

.swiper2 .swiper-slide-active .t01 {-webkit-animation-name: fadeInUp1; animation-name: fadeInUp1; -webkit-animation-duration:1.5s !important; animation-duration:1.5s !important;
-webkit-backface-visibility: hidden; backface-visibility: hidden;}
.swiper2 .swiper-slide-active .t02 {-webkit-animation-name: fadeInUp2; animation-name: fadeInUp2; -webkit-animation-duration: 1.5s !important; animation-duration:1.5s !important;
-webkit-backface-visibility: hidden; backface-visibility: hidden;}


/* section04 (NEWS)*/
.section04 {width:100%; position:relative; padding:200px 0;}
.section04:after {content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,1px); width:92%; height:1px; background:#E1E1E1;}
.section04 .section04_title {padding:0 0 50px; text-align:center;}
.section04 .swiper4 {width:92%; max-width:1280px; margin:0 auto;}
.section04 .swiper4 .thumb {width:100%; font-size:0;}
.section04 .swiper4 .thumb a {display:block; width:100%; text-align:center;  box-sizing:border-box;}
.section04 .swiper-button-prev {width:24px; height:20px; margin:0; position:static; background:url('/design/kcca/0790modernstudio/arrow_l.svg') no-repeat center;}
.section04 .swiper-button-next {width:24px; height:20px; margin:0; position:static; background:url('/design/kcca/0790modernstudio/arrow_r.svg') no-repeat center;}
.section04 .swiper-pagination {position:static; padding:0 12px; font-size:16px; color:#9a9a9a;}
.section04 .swiper-pagination .swiper-pagination-current {color:#1a1a1a; padding:0 8px 0 0;}
.section04 .swiper-pagination .count {display:inline-block; color:#1a1a1a;}
.section04 .swiper-pagination .count02 {display:inline-block; padding:0 0 0 8px;}
.section04 .wrap_swiper_bt {display:inline-flex; align-items:center; padding:60px 0 0; position:relative; bottom:0; left:50%; transform:translateX(-50%);}



/* section06 (ºñµð¿À¹è³Ê) */
.section06 {}
.section06 .inner {display: flex;flex-wrap: wrap;align-items: center; height:960px;}
.section06 .video {position:relative; width:50%; height:100%;}
.section06 .video .thumbnail{position: relative;width: 100%;height:100%;}
.section06 .video .thumbnail:before{display:block; content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.3);opacity:0; transition:0.3s;}
.section06 .video.on .thumbnail:before{opacity:1; transition:0.5s 0.4s;}
.section06 .video .thumbnail span{width: 100%;height: 100%;display: block;}
.section06 .video .btn_g {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display:block; cursor: pointer;}
.section06 .video .btn_g button {display:block; overflow:inherit; border: 0; background:transparent;}
.section06 .video .btn_g circle{stroke-dasharray: 500;stroke-dashoffset: 0;transition: 0.7s;}
.section06 .video .btn_g:hover circle{stroke-dashoffset:500; }
.section06 .video .btn_g svg{fill: transparent;transition: 0.9s;}
.section06 .video .btn_g svg circle,
.section06 .video .btn_g svg polyline{stroke: #fff;stroke-width: 4px;}
.section06 .video .btn_g:hover svg{transform:scale(1.3); transition:0.5s 0.4s;}

.section06 .right_txt {display: flex; align-items: center; width:50%; height:100%; background:#F6F6F6;}
.section06 .right_txt .wrap_t {width:100%; margin:0 320px 0 160px;}
.section06 .right_txt .wrap_t .t01 {font-size:48px; font-weight:700; line-height:56px; color:#1a1a1a; white-space:nowrap;}
.section06 .right_txt .wrap_t .t02 {margin:32px 0 0; font-size:20px; line-height:32px; color:#6a6a6a;word-break: keep-all; width:80%;}
.section06 .right_txt .wrap_t .t03 {display:inline-flex; align-items: center; margin:84px 0 0; font-size:16px; font-weight:500; color:#1a1a1a; line-height: 24px;}
.section06 .right_txt .wrap_t .t03 img {margin-left:16px;}
.section06 .right_txt .wrap_t .t03:hover img {transform:translateX(20px);}


/* video popup */
#bg {position:fixed;left:0;top:0;width:100%;height:100%;background: rgba(0,0,0,0.5);display:none;z-index:2001;}
#video-popup {display:none;position:fixed;top:50%;left:50%;max-width: 1400px;width: 93%;z-index:20000;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
#video-popup .inner {position:relative;width: 100%;height: 0;padding-top: 56%;}
#video-popup .close {display:block; width:100%; height:100%; z-index:-1; background:transparent;}
#video-popup iframe {position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
#video-popup .popup-close {position: absolute;right: 0;top: -50px; z-index:-1; cursor: pointer;width: 35px;height: 35px;}
#video-popup .popup-close:before,
#video-popup .popup-close:after {display:block;content:"";position: absolute;top: 17px;left: -7px; z-index:-1; width: 50px; height: 2px; background: #fff;transform: rotate(45deg);}
#video-popup .popup-close:after {transform: rotate(-45deg);}
/* popup */
#layer-popup {display:none;position:fixed;top:50%;left:50%;z-index:2000;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
#layer-popup .popup-close {position:relative; text-align:right; cursor:pointer; z-index:1000; top:60px; right:30px;}
#layer-popup .inner {width:1200px; margin:0 auto; height:695px;  padding:100px 75px; background:#fff; box-sizing: border-box;}
#layer-popup .inner h1 {text-align:left;font-size:30px;font-weight:500;color:#362e2b;line-height:28px}
#layer-popup .inner pre {width:100%;margin:0 auto;height:432px;white-space:pre-wrap;overflow-y:scroll;box-sizing:border-box;border-top:1px solid #cfcdcd;border-bottom:1px solid #cfcdcd;background:#f5f5f5;font-family:'Noto Sans KR';font-size:17px;color:#362e2b;padding:50px 30px;margin-top:28px}
#layer-popup .sub_tit {font-weight:500;font-size:20px}
#layer-popup .inner pre table td,#text-popup .inner pre table th {border:1px solid #000;padding:2px}
#layer-popup.find .inner {width:650px;height:468px;padding:184px 0 0;background:#fff url(../img/page/find_idpw_popup.jpg) no-repeat center top}
#layer-popup.find .inner .pop_title {text-align:center; font-size:26px;font-weight:500;color:#362e2b}


/* section07 (Æ÷Æ®Æú¸®¿À) */
.section07 {width:100%; margin:0px auto; padding:200px 0 0;}
.section07 .section07_title {margin:0 0 80px; text-align:center;}
.section07 .inner {font-size:0; overflow:hidden;}
.section07 .inner .por_thumb {display:inline-block; width:25%; position:relative;}
.section07 .inner .por_thumb .thumb {display:inline-block; width:100%;}
.section07 .inner .por_thumb .thumb img {width:100%;}
.section07 .inner .por_thumb .inner_t {display:flex; width:100%; height:100%; position:absolute; top:0; left:0;}
.section07 .inner .por_thumb .inner_t .wrap_t {opacity:0; display: flex; flex-direction: column; width:100%; padding:120px 64px 120px 40px; transform:translateY(60px);}
.section07 .inner .por_thumb .inner_t .wrap_t .t01 {font-size:24px; font-weight:700; color:#fff; line-height: 32px;}
.section07 .inner .por_thumb .inner_t .wrap_t .t02 {margin:24px 0 auto; font-size:18px; line-height:24px; color:#fff;}
.section07 .inner .por_thumb .inner_t .wrap_t .t03 {display:inline-flex; align-items: center; font-size:16px; font-weight:500; color:#fff; line-height: 24px;}
.section07 .inner .por_thumb .inner_t .wrap_t .t03 img {margin-left:16px;}
.section07 .inner .por_thumb .inner_t .wrap_t .t03:hover img {transform:translateX(20px);}
.section07 .inner .por_thumb:hover .thumb img {filter: brightness(50%); -ms-filter: brightness(50%);}
.section07 .inner .por_thumb:hover .inner_t .wrap_t {opacity:1; transform:translateY(0);}



/* section08 (´º½º) */
.section08 { padding:200px 0; background:#f6f6f6;}
.section08 .section08_inner {width:92%; max-width:1280px; margin:0px auto;}
.section08 .section08_inner .wrap_notice {padding:80px 0 0; position:relative;font-family: 'Montserrat', 'Pretendard', sans-serif;}
.section08 .section08_inner .wrap_notice .nt_info {display: flex; justify-content: space-between; padding:36px 0; border-bottom:1px solid #e8e8e8; box-sizing:border-box;}
.section08 .section08_inner .wrap_notice .nt_info:hover {background:#fbfbfb;}
.section08 .section08_inner .wrap_notice ul li:first-child .nt_info { border-top:1px solid #e8e8e8;}
.section08 .section08_inner .wrap_notice .nt_info .nt_name {font-size:20px; color:#3a3a3a !important; line-height:24px;}
.section08 .section08_inner .wrap_notice .nt_info .nt_name font {color:#3a3a3a !important; }
.section08 .section08_inner .wrap_notice .nt_info .nt_name b {font-weight:400 !important;}

.section08 .section08_inner .wrap_notice .nt_info .nt_count {display:inline-block; font-size:16px; color:#9a9a9a; line-height: 24px;}
.section08 .section08_inner .notice_more {display:flex; align-items: center; position:absolute; right:0; bottom:100%; font-size:16px; font-weight:500; color:#1a1a1a; line-height: 24px;}
.section08 .section08_inner .notice_more img {margin-left:16px;}
.section08 .section08_inner .notice_more:hover img {transform:translateX(20px);}






/* BASIC css end */