@charset "utf-8";

a:focus,button:focus{outline:2px dotted red;}

/* slick */
.slick-slider{ position: relative; display: block; box-sizing: border-box;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;z-index: 9;}
.slick-list:focus{outline: none; }
.slick-list.dragging{cursor: pointer; cursor: pointer; }
.slick-slider .slick-track,
.slick-slider .slick-list{ transform: translate3d(0, 0, 0); }
.slick-track{position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before,
.slick-track:after{display: table; content: ''; }
.slick-track:after{clear: both; }
.slick-loading .slick-track{visibility: hidden; }
.slick-slide{display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide{float: right; }
.slick-slide img{display: block; }
.slick-slide.slick-loading img{display: none; }
.slick-initialized .slick-slide{display: block; }
.slick-loading .slick-slide{visibility: hidden; }
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden {display: none; }
#top_layout {position:absolute;}
#top_layout.on {background:#fff;}
#top_layout .top_layout_inner,
#top_layout .top_layout_inner{position:relative;/* height: 90px; */}
#top_layout .top_wrap.tmp_a:before,
#top_layout .top_layout_inner:before,
#top_layout .top_layout_inner:before{position:absolute;left:0;top: 89px;width:100%;height:1px;background: rgba(255,255,255,0.1);content:'';display:block;z-index: 999;}
#top_layout .top_wrap.tmp_a #logo{width: 239px;margin-left:50px;background-image: url(/images/kor/common/logo_w.png);background-repeat:no-repeat;}
#top_layout .top_wrap .utile_wrap li.login .box {right: -148px;}

@media screen and (max-width:1279px){
  #top_layout .top_wrap.tmp_a #logo {margin-left:20px;}
}
@media screen and (max-width:1023px){
  #top_layout .top_wrap.tmp_a:before, #top_layout .top_layout_inner:before, #top_layout .top_layout_inner:before {top:69px;}
}
@media screen and (max-width:767px){
    #top_layout .top_wrap.tmp_a #logo{width:161px;margin-left:15px;background-size: auto 21px;}
}

.header_fixed #top_layout {position:fixed;left:0;top:0;background-color:#fff;box-shadow: 0 5px 5px 5px rgba(0,0,0,0.08);height:90px;}
.header_fixed #top_layout .top_wrap.tmp_a #logo,#top_layout.on .top_wrap.tmp_a #logo{width: 239px;background-image: url(/images/kor/common/logo.png);background-repeat:no-repeat;}
@media screen and (max-width:1023px){
  .header_fixed #top_layout {height:70px;}
}

/* 서브레이아웃 */
#svisual_layout { height: 351px;}
#svisual_layout .svisual_wrap .subvisual_bg{background:none;animation:none;-webkit-animation:none;}
#svisual_layout .svisual_wrap .subvisual_bg:before{position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;background: 50% 50% no-repeat;background-size:cover;transform:scale(1.1);content:'';}
#svisual_layout .svisual_wrap .subvisual_bg.topImage1:before {background-image:url(/images/kor/common/svisual01.jpg);}
#svisual_layout .svisual_wrap .subvisual_bg.topImage2:before {background-image:url(/images/kor/common/svisual02.jpg);}
#svisual_layout .svisual_wrap .subvisual_bg.topImage3:before {background-image:url(/images/kor/common/svisual03.jpg);}
#svisual_layout .svisual_wrap .subvisual_bg.topImage4:before {background-image:url(/images/kor/common/svisual04.jpg);}
#svisual_layout .svisual_wrap .subvisual_bg.topImage5:before {background-image:url(/images/kor/common/svisual05.jpg);}
#svisual_layout .svisual_wrap .subvisual_bg.topImage6:before {background-image:url(/images/kor/common/svisual06.jpg);}
#svisual_layout .svisual_wrap .subvisual_bg.topImage7:before {background-image:url(/images/kor/common/svisual07.jpg);}
#svisual_layout .svisual_wrap .subvisual_bg.topImage8:before {background-image:url(/images/kor/common/svisual07.jpg);}
#svisual_layout .svisual_wrap .subvisual-layout {padding:158px 0 0;}
#svisual_layout .svisual_wrap .subvisual-layout .subvisual-layout__title {width:402px; height:87px; margin:0 auto; background:url(/images/kor/common/slogan.png)no-repeat; font-size:0;}
#svisual_layout .svisual_wrap .subvisual-layout .subvisual-layout__title:after {display:none;}
@media screen and (max-width:1023px){
    #svisual_layout { height:250px;}
    #svisual_layout .svisual_wrap .subvisual_bg {transform: none !important;}
    #svisual_layout .svisual_wrap .subvisual-layout {padding: 126px 0 0;}
    #svisual_layout .svisual_wrap .subvisual-layout .subvisual-layout__title {width:310px; height:67px; background-size:310px 67px;}
}

@media screen and (max-width:767px){
    #svisual_layout .svisual_wrap .subvisual-layout {padding: 131px 0 0;}
    #svisual_layout .svisual_wrap .subvisual-layout .subvisual-layout__title {width:263px; height:57px; background-size:263px 57px;}
}


#gnb_layout .depth1_ul>li>a{color:#fff}
#gnb_layout > ul > li.on > a,
#gnb_layout .depth1_ul>li>a.current{color:#d72429; border-bottom:1px solid #d72429; }


#top_layout.on #gnb_layout .depth1_ul>li>a,
.header_fixed #top_layout #gnb_layout .depth1_ul>li>a{color: #141414;}
#top_layout.on #gnb_layout > ul > li.on > a,
.header_fixed #top_layout #gnb_layout > ul > li.on > a,
.header_fixed #top_layout #gnb_layout .depth1_ul>li>a.current,
#top_layout.on #gnb_layout .depth1_ul>li>a.current{color:#d72429; border-bottom:1px solid #d72429; }

#gnb_layout.open:before{margin-right: 407px;}
#gnb_layout .depth1_ul > li .item {min-height: 300px;padding-left: 213px;}
#gnb_layout .depth1_ul > li .item .gnb-title {width:213px;}
#gnb_layout .depth1_ul > li .item .gnb-title:after {right:0;bottom: -55px;z-index:-1;width:286px;height:193px;background:url(/images/kor/common/gnb_bg.png)no-repeat;}
#gnb_layout .depth1_ul > li .item .gnb-title strong {padding:80px 0 15px;}
#gnb_layout .depth1_ul > li .item .gnb-title strong:before {display:block;position:absolute;top:0;left:0;z-index: 1;width:60px;height:60px;background:url(/images/kor/common/gnb_icon.png)no-repeat;content:'';}
#gnb_layout .depth1_ul > li.n2 .item .gnb-title strong:before {background-position:-61px 0;}
#gnb_layout .depth1_ul > li.n3 .item .gnb-title strong:before {background-position:-122px 0;}
#gnb_layout .depth1_ul > li.n4 .item .gnb-title strong:before {background-position:-183px 0;}
#gnb_layout .depth1_ul > li.n5 .item .gnb-title strong:before {background-position:-244px 0;}
#gnb_layout .depth1_ul > li.n6 .item .gnb-title strong:before {background-position:-305px 0;}
#gnb_layout .depth1_ul > li.n7 .item .gnb-title strong:before {background-position:-366px 0;}
#gnb_layout .depth1_ul > li .item .gnb-title strong:after {display:block;position:absolute;left:2px;top: 65px;height:3px;background:#d72429;content:'';}
#gnb_layout .depth1_ul > li .item .gnb-depth {margin:0;}
#gnb_layout .depth1_ul > li .item .gnb-depth,
#gnb_layout .depth1_ul > li .item .depth2_ul {min-height: 300px;}
#gnb_layout .depth1_ul > li .item .gnb-depth:before,
#gnb_layout .depth1_ul > li .item .depth2_ul:before,
#gnb_layout .depth1_ul > li .item .depth2_ul:after {display:none;}
#gnb_layout .depth1_ul > li .item .depth2_ul {}
#gnb_layout .depth1_ul > li .item .depth2_ul > li {width: 22%;height: 100%;padding: 0;margin: 0 0 10px 3%;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a{display:block;position: relative; margin:0 0 10px; }
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a:hover:after,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a:focus:after,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a:after {left:auto; top:11px; right:10px; width:17px; height:17px; border-radius:50%; background:#fff url(/images/kor/common/gnb_ov.png)no-repeat; background-position:-19px -1px;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a.on:after {border-radius:50%; background:#ef292f url(/images/kor/common/gnb_ov.png)no-repeat ;background-position:-1px -1px;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a span {display:block; padding:0 15px; border:1px solid #ccc;  color:#333; line-height:41px;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a.on span {border:1px solid #ef292f;color:#ef292f;}
#gnb_layout .depth3_ul {display:block;}
#gnb_layout .depth3_ul > li {position:relative; padding-left:25px;margin:5px 0;}
#gnb_layout .depth3_ul > li:after {display:block; position:absolute; left:15px; top:10px; width:3px; height:3px; background:#aeaeaf; content:'';}
#gnb_layout .depth3_ul > li > a {display:block;}
#gnb_layout .depth3_ul > li > a span{display:block; color:#6c6d6f; font-size:13px;}
#gnb_layout .depth3_ul > li > a:hover span,
#gnb_layout .depth3_ul > li > a:focus span {text-decoration:underline;}
#gnb_layout .depth1_ul > li.n6 .item .depth2_ul > li:nth-child(11) .depth3_ul {display:none;}
#top_layout + .gnb_bg {z-index: 998;}

#mobile-menu .modal-dialog .modal-content .topUtile .m_member ul li.n3 {/*display:none;*/}

/* gnb 높이 */
#gnb_layout .depth1_ul > li.n1 .item .depth2_ul > li {width: 18%;min-height:230px;margin: 0 0 10px 2%;}
#gnb_layout .depth1_ul > li.n5 .item .depth2_ul > li {min-height:110px;}


/* target="_blank" 아이콘 추가 */
#gnb_layout .depth1_ul > li .depth2_ul > li > a[target="_blank"] span:after {display:none;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a[target="_blank"]:hover:after,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a[target="_blank"]:focus:after,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a[target="_blank"]:after,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a.on[target="_blank"]:after {left:auto;top:15px;right:13px;width: 14px;height: 14px;border-radius:0;background:#fff url(/template/A/images/target_blank.png)no-repeat;}
#gnb_layout .depth3_ul > li > a[target="_blank"] span:after {display:inline-block; width:14px; height:14px;margin-left:5px; background:url(/template/A/images/target_blank.png)no-repeat; content:'';}


/* gnb 1차메뉴 글씨크기 조절 */
@media screen and (max-width:1599px){
    #gnb_layout .depth1_ul>li>a {font-size: 17px;padding: 0 15px;}
}
@media screen and (max-width:1399px){
    #gnb_layout .depth1_ul>li>a {padding: 0 13px;}
}



#foot_layout .move_top {opacity: 0;position: fixed;top:auto;right: 2%;bottom: 50px;z-index: 50;width: 60px;height: 60px;}
#foot_layout .move_top.show {opacity: 1;transition: opacity .2s ease-in-out;}
#foot_layout .move_top a {display: block;width: 60px;height: 60px;border: 1px solid #c1c1c1;border-radius: 50%;background: rgba(255,255,255,0.5);text-align: center;}
#foot_layout .move_top a canvas {position: absolute;left: 0;top: 0;z-index: 1;}
#foot_layout .move_top a em {position: relative;z-index: 2;width: 58px;height: 58px;overflow: hidden;display: block;padding-top: 30px;font-size: 12px;transition: all .3s ease-in-out;}
#foot_layout .move_top a em:before {content: "";position: absolute;left: 50%;top: 18px;width: 13px;height: 3px;transform: rotate(-45deg);margin-left: -12px;background: #000;transform-origin: 100%;transition: all .3s ease-in-out;}
#foot_layout .move_top a em:after {content: "";position: absolute;left: 50%;top: 18px;width: 13px;height: 3px;background: #000;transform: rotate(45deg);transform-origin: 0;transition: all .3s ease-in-out;}
#foot_layout .move_top a:hover em{color: #262a36;}
#foot_layout .move_top a:hover em:before,
#foot_layout .move_top a:hover em:after{background: #262a36;}



.animateme {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}

.bg-bubbles {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.bg-bubbles div{
  position: absolute;
  list-style: none;
  display: block;
  width: 40px;
  height: 40px;
  background-color: #efefef;
  bottom: 60px;
  -webkit-animation: square 25s infinite;
  animation: square 25s infinite;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  opacity: 0;
}
.bg-bubbles div:nth-child(1) {
  left: 3%;
  border-radius: 50em;
  background: transparent;
  border: 1px solid #f9f9f9;
}
.bg-bubbles div:nth-child(2) {
  left: 6%;
  width: 75px;
  height: 75px;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 17s;
  animation-duration: 17s;
}
.bg-bubbles div:nth-child(3) {
  left: 15%;
  width: 175px;
  height: 175px;
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
.bg-bubbles div:nth-child(4) {
  left: 40%;
  width: 90px;
  height: 90px;
  -webkit-animation-duration: 22s;
  animation-duration: 22s;
}
.bg-bubbles div:nth-child(5) {
  left: 70%;
  background: transparent;
  border: 1px solid #efefef;
}
.bg-bubbles div:nth-child(6) {
  left: 90%;
  width: 90px;
  height: 90px;
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  border-radius: 50em;
  background: transparent;
  border: 1px solid #f9f9f9;
}
.bg-bubbles div:nth-child(7) {
  left: 32%;
  width: 60px;
  height: 60px;
  -webkit-animation-delay: 7s;
  animation-delay: 7s;
  background: transparent;
  border: 1px solid #efefef;
}
.bg-bubbles div:nth-child(8) {
  left: 55%;
  width: 50px;
  height: 50px;
  -webkit-animation-delay: 15s;
  animation-delay: 15s;
  -webkit-animation-duration: 40s;
  animation-duration: 40s;
}
.bg-bubbles div:nth-child(9) {
  left: 30%;
  width: 140px;
  height: 140px;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 40s;
  animation-duration: 40s;
  border-radius: 50em;
  background: transparent;
  border: 1px solid #f9f9f9;
}
.bg-bubbles div:nth-child(10) {
  left: 90%;
  width: 60px;
  height: 60px;
  -webkit-animation-delay: 11s;
  animation-delay: 11s;
}
.bg-bubbles div:nth-child(11) {
  left: 0%;
  width: 40px;
  height: 40px;
  -webkit-animation-delay: 13s;
  animation-delay: 13s;
  border-radius: 50em;
}
.bg-bubbles div:nth-child(12) {
  left: 55%;
  width: 175px;
  height: 175px;
  -webkit-animation-delay: 7s;
  animation-delay: 7s;
  background: transparent;
  border: 1px solid #efefef;
}
.bg-bubbles div:nth-child(13) {
  left: 65%;
  width: 100px;
  height: 100px;
  -webkit-animation-delay: 8s;
  animation-delay: 8s;
  border-radius: 50em;
}

@-webkit-keyframes square {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-700px) rotate(600deg);
    transform: translateY(-700px) rotate(600deg);
    opacity: 1;
  }
}
@keyframes square {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-700px) rotate(600deg);
    transform: translateY(-700px) rotate(600deg);
    opacity: 0;
  }
}



/* 모바일 KIPF센터 2차메뉴 가림 */
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li.n6 .depth2_ul {display: none !important;}


#top_layout .top_wrap.tmp_a .utile_wrap li:first-child:after {display:none;}
#top_layout .top_wrap.tmp_a .utile_wrap li.login {margin-right: 35px;}
#top_layout .top_wrap.tmp_a .utile_wrap li.login > a {width: 60px;padding: 0;}

#top_layout .top_wrap.tmp_a .search {}
#top_layout .top_wrap.tmp_a .search > a {display:block;position: absolute;right: 116px;top: 0;z-index: 12;width:19px;height: 90px;padding:0;margin:0 5px;background:url(/images/kor/main/search.png)no-repeat center;background-size:19px 19px;font-size:0;}
#top_layout .top_wrap.tmp_a .search > div {display:none;position:absolute;z-index: 20;left:0;right:0;top: 90px;width: 100%;padding: 0;background: #eeeeee;text-align:center;}
#top_layout .top_wrap.tmp_a .search.on > div {display:block;}
#top_layout .top_wrap.tmp_a .search > div .form_wrap {padding: 70px 15px 75px;background: #fff;}
#top_layout .top_wrap.tmp_a .search > div .form_wrap fieldset {}
#top_layout .top_wrap.tmp_a .search > div .form_wrap fieldset:after {display:block; clear:both; visibility:hidden; content:'';}
#top_layout .top_wrap.tmp_a .search > div .form_wrap .search_form {display:inline-block;}
#top_layout .top_wrap.tmp_a .search > div .form_wrap input[type="text"]{width: 565px;height:60px;line-height:60px;padding-left:10px;border: 3px solid #172957;font-size:17px;font-weight:500;}
#top_layout .top_wrap.tmp_a .search > div .form_wrap .submit {display:inline-block;}
#top_layout .top_wrap.tmp_a .search > div .form_wrap input[type="submit"]{height:60px;line-height:60px;padding: 0 20px;background: #172957;color:#fff;font-size:17px;font-weight:500;text-align: center;}
#top_layout .top_wrap.tmp_a .search.on .bg {display:block;position: fixed;left:0;top: 0;right:0;bottom:0;z-index: 5;width:auto;height: 100%;background: rgba(0,0,0,.5);}
#top_layout .top_wrap.tmp_a .search > div .clickClose {display:block;position:absolute;top: 50%;right: 50%;margin-right: -427px;margin-top: -15px;}
#top_layout .top_wrap.tmp_a .search > div .clickClose span {display:inline-block;position:relative;width: 30px;height: 30px;margin-right: 5px;vertical-align: middle;}
#top_layout .top_wrap.tmp_a .search > div .clickClose span:before{position:absolute;top:50%;left:50%;width:100%;height:2px;margin: -1px 0 0 -15px;border-radius:20px;background-color:#282828;content:"";transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
#top_layout .top_wrap.tmp_a .search > div .clickClose span:after{position:absolute;top:50%;left:50%;width:100%;height:2px;margin: -1px 0 0 -15px;border-radius:20px;background-color:#282828;content:"";transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
#top_layout .top_wrap.tmp_a .search > div .clickClose em {display:inline-block;line-height: 30px;vertical-align: middle;}

@media screen and (max-width:1279px){
  #top_layout .top_wrap.tmp_a .search > a {right:90px;width:90px;height:90px;margin: 0;}
  #top_layout .top_wrap.tmp_a .search > div .clickClose {right:90px;top:-90px;margin: 0;}
  #top_layout .top_wrap.tmp_a .search > div .clickClose span {width:90px; height:90px; margin:0;background:#fff;}
  #top_layout .top_wrap.tmp_a .search > div .clickClose span:before {width:30px;margin: -1px 0 0 -15px;}
  #top_layout .top_wrap.tmp_a .search > div .clickClose span:after {width:30px;margin: -1px 0 0 -15px;}
  #top_layout .top_wrap.tmp_a .search > div .clickClose em {display:none;}
}

@media screen and (max-width:1023px){
  #top_layout .top_wrap.tmp_a .search > a {right:70px;z-index: 20;width:70px;height:70px;margin: 0;}
  #top_layout .top_wrap.tmp_a .search > div {top:70px;}
  #top_layout .top_wrap.tmp_a .search > div .form_wrap .search_form  {float: left;width: 80%;}
  #top_layout .top_wrap.tmp_a .search > div .form_wrap input[type="text"] {width:100%; font-size:15px;}
  #top_layout .top_wrap.tmp_a .search > div .form_wrap .submit {float: right;width:19%;}
  #top_layout .top_wrap.tmp_a .search > div .form_wrap input[type="submit"] {width:100%;padding: 0;font-size:15px;}
  #top_layout .top_wrap.tmp_a .search > div .clickClose {right:70px;top:-70px;}
  #top_layout .top_wrap.tmp_a .search > div .clickClose span {width:70px; height:70px;}

}
@media screen and (max-width:435px){
  #top_layout .top_wrap.tmp_a .search > div .form_wrap {padding:35px 30px;}
  #top_layout .top_wrap.tmp_a .search > div .form_wrap .search_form  {float:none;width:100%;margin:0 0 5px;}
  #top_layout .top_wrap.tmp_a .search > div .form_wrap .submit {float: none;width:100%;}

}

/*마크 css*/
.mark_img{position:absolute;top: 50%;right:230px;transform:translateY(-50%); width: 78px; height: 58px;}
@media(max-width:1023px){
  .mark_img{position:static;margin: 60px auto 0;text-align:center}
}