@charset "utf-8";
.pagination{flex-wrap:wrap}

/* 조직도  /icore/sub01_03.do */

.se03a_org .org_wrap ul li span em,.se03a_org .org_wrap .lv1 .lv1_0 a span em{display:block; text-align: center;}
.se03a_org .org_wrap::before{visibility: visible; top:73px}
.se03a_org .org_wrap .lv1 .lv1_1::after{left: 10.3%; width: 80%; }
.se03a_org .org_wrap .lv1 .lv1_0_1 li{width:100%; padding: 0; text-align: center;}
.se03a_org .org_wrap .lv1 .lv1_1 > li{width: calc(20% - 6px);}
.se03a_org .org_wrap .lv1 .lv1_0_1 li::before,.se03a_org .org_wrap .lv1 .lv1_0_1 li::after{display:none}
.se03a_org .org_wrap .lv1 .lv1_0_1 li a{display: inline-block; width: 263px;}
.se03a_org .org_wrap .lv1 .lv1_0_1 li a span{text-align: center; display:block; font-size: 19px; font-weight: bold;}


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

    .sub01_03  .contents_wrap{width:100%}
}

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

    .se03a_org .org_wrap::before{top:0}
    .se03a_org .org_wrap .lv1 .lv1_0_1{ position: relative;}
    .se03a_org .org_wrap .lv1 .lv1_0_1:before{ content: ''; display: block;  position: absolute;  left: 30px; width: 50%; height: 1px; transform: none; top: 30px; background: #ddd;}
    .se03a_org .org_wrap .lv1 .lv1_0_1 li a,.se03a_org .org_wrap .lv1 .lv1_1 > li{width:100%}
    .se03a_org .org_wrap ul li span em,.se03a_org .org_wrap .lv1 .lv1_0 a span em{display:inline-block}
    
}

/* 소식지  sub02_02_01*/

/* 검색바 */
.s020201 .program--search{margin: 20px 0; padding:33px 20px 30px}
.s020201 .program--search .float-md-left{display: inline-block; margin-right: 10px;}
.s020201 .program--search .float-md-left,.s020201 .program--search .search_inner.float-md-right,.s020201 .program--search .search_inner.float-md-right .fieldset{float:none; width:auto}
.s020201 .program--count:before{top: -2px;}



/* 소식지 */
.s020201 .bx{padding:20px 46px; border-top:2px solid #df3127;; background-color:#f7f7f7;}
.s020201 .bx .lay{position:relative; min-height:400px; padding-left:250px;}
.s020201 .bx .lay .head{position:absolute; left:0; top:0; width:292px;}
.s020201 .bx .lay .head div{
    margin-bottom:20px; border:1px solid #ddd; background-color:#fff;
    box-shadow:5px 10px 5px rgba(0,0,0,0.2);
    -webkit-box-shadow:5px 10px 5px rgba(0,0,0,0.1);
}
.s020201 .bx .lay .head div img{display:block;}
.s020201 .bx .lay .head .btn{width:100%;}
.s020201 .bx .lay .midd strong{display:inline-block; line-height:26px; padding:16px 0 10px 5px;  font-size:24px; color:#33373b;  margin-right:20px;}
.s020201 .bx .lay .midd ul{overflow:hidden;}
.s020201 .bx .lay .midd ul li{min-height:67px;float:left; width:25%; padding:5px;  margin-top: -3px;}
.s020201 .bx .lay .midd ul li label{display:table; table-layout:fixed; margin-bottom:0px; width:100%; height:100%; background-color:#fff;}
.s020201 .bx .lay .midd ul li label>span,
.s020201 .bx .lay .midd ul li label>a{display:table-cell; width:100%; height:54px; line-height:18px; padding:5px 10px; vertical-align:middle; text-align:center; font-size:14px; color:#33373b;}
.s020201 .bx .lay .midd ul li label>span em,
.s020201 .bx .lay .midd ul li label>a em{display:block; font-family:"Noto Sans KR";}
.s020201 .bx .lay .midd ul li input[type="radio"]{opacity:0; position:absolute; left:0; top:0; z-index:0;}
.s020201 .bx .lay .midd ul li .photos{display:none; height: 340px;}

.s020201 .bx .lay .midd ul li input[type="radio"]:checked~label>span,
.s020201 .bx .lay .midd ul li input[type="radio"]:checked~label>a{}
.s020201 .bx .lay .midd ul li input[type="radio"]:checked~.photos{display:block;}

.s020201 .bx .lay .midd ul li:nth-child(4n+1){clear:both;}

.s020201 .bx .lay .midd .photos{position:absolute; left:0; top:25px; width:210px;}
.s020201 .bx .lay .midd .photos div{ 
    position: relative;
    overflow: hidden;
    height: calc(100% - 64px);
    margin-bottom:20px; border:1px solid #ddd; background-color:#fff;
    box-shadow:5px 10px 5px rgba(0,0,0,0.2);
    -webkit-box-shadow:5px 10px 5px rgba(0,0,0,0.1);

}
.s020201 .bx .lay .midd .photos div img{width: auto; height: 100%; max-width: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.s020201 .bx .lay .midd .photos .btn{width:100%; text-align: center;}

.s020201 .bx .lay .midd .move [class*="btn_"]{overflow:hidden; display:none; position:absolute; top:0; z-index:300; width:30px; height:100%; text-indent:-1000px; background-position:center center; background-repeat:no-repeat;}
.s020201 .bx .lay .midd .move .btn_prev{
    left:-10px; background-image:url(/images/icore/sub02/arrow.png);
    transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
}
.s020201 .bx .lay .midd .move .btn_next{right:-10px; background-image:url(/images/icore/sub02/arrow.png);}

.s020201 .lists{margin-top:2px;}
.s020201 .lists>ul>li{padding:35px 0 10px 0; border-top:1px solid #ddd;}
.s020201 .lists>ul>li .head{position:relative; min-height:50px; margin-bottom:20px;}
.s020201 .lists>ul>li .head strong{display:block; line-height:50px; padding-left:10px;  font-size:24px; color:#33373b;}
.s020201 .lists>ul>li .head .btn{position:absolute; right:10px; top:0;}
.s020201 .lists>ul>li .midd{}
.s020201 .lists>ul>li .midd ul{position:relative; z-index:0; margin:0 -20px}
.s020201 .lists>ul>li .midd ul:after{content:""; display:block; clear:both;}
.s020201 .lists>ul>li .midd ul li{float:left; width:25%; padding:0 20px}

.s020201 .lists>ul>li .midd ul li .lay{}
.s020201 .lists>ul>li .midd ul li .lay a{display:block;}
.s020201 .lists>ul>li .midd ul li .lay a span{display:block; overflow: hidden; position:relative; width:100%; height:270px; padding:0 10px 15px 10px;}
.s020201 .lists>ul>li .midd ul li .lay a span:after{
    content:""; display:block; position:absolute; left:0; bottom:0; width:calc(100% - 2px); height:15px; border:1px solid #ccc;
    box-shadow:0px 5px 5px rgba(0,0,0,0.1);
    -webkit-box-shadow:0px 5px 5px rgba(0,0,0,0.1);
}
.s020201 .lists>ul>li .midd ul li .lay a span img{display:block; width:100%; max-width:100%; height:100%; border:1px solid #e2e2e2; border-bottom:none;}
.s020201 .lists>ul>li .midd ul li .lay a strong{display:block; padding:15px 10px 30px 10px; text-align:center; font-weight:400; font-size:16px; color:#596068;}

.s020201 .lists>ul>li.on .midd ul li:nth-child(1n+1){display:block;}

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

   .sub02_02_01 .contents_wrap{width:100%}

}

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

    .s020201 .bx .lay .midd ul li label>span em,
    .s020201 .bx .lay .midd ul li label>a em{display:inline;}

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

    .s020201 .bx{padding:30px;}
    .s020201 .bx .lay{padding-left:35%;}
    .s020201 .bx .lay .midd ul li .photos{width:30%;}

    .s020201 .program--search{}
    .s020201 .program--search .float-md-left{}
    .program--search .program--count{top:7px}
    .s020201 .program--search .search_inner.float-md-right{display:inline-block}

    
}

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

    .s020201 .lists>ul>li .midd ul li{width:50%}
    
}


@media screen and (max-width: 768px){
    
.program--search .search--btn span{ width:81px}
    
}


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

    .s020201 .bx .lay{padding:480px 0 0 0;}
    .s020201 .bx .lay .midd ul li .photos{left:50%; top:0; width:292px; margin-left:-146px;}
    .s020201 .bx .lay .midd .photos div{height:100%}

    .s020201 .lists>ul>li .head .btn{height:40px; line-height:38px; padding:0 10px;}
    .s020201 .lists>ul>li .midd ul li .lay a strong{font-size:13px;}

    .s020201 .program--search{text-align: left;}
    .s020201  .program--search .program--count{top: 0;}
    .program--search .search--btn input[type="submit"]{color:#fff}


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

    .s020201 .bx .lay .midd ul li label>span,
    .s020201 .bx .lay .midd ul li label>a{line-height:16px; font-size:12px;}
    .s020201 .program--search .float-md-left,.s020201 .program--search .search_inner.float-md-right,.program--search .search_inner.float-md-right .fieldset{display:block; width:100%}
     .s020201 .program--search .search--btn button{background:#fff}

}

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

    .s020201 .bx .lay{min-height:10px; padding:0;}
    .s020201 .bx .lay .midd strong{padding-top:0; margin-right: 0;}
    .s020201 .bx .lay .midd ul li label,
    .s020201 .bx .lay .midd ul li input[type="radio"]{display:none;}
    .s020201 .bx .lay .midd ul li .photos{display:block; position:relative; left:0; width:100%; margin-left:0;}
    .s020201 .bx .lay .midd ul li .photos div{margin:0;     height: calc(100% - 64px);}
    .s020201 .bx .lay .midd ul li .photos .btn{position:absolute; left:0; top:0; z-index:100; width:100%; height:100%; border:none; background-color:rgba(0,0,0,0);}

    .s020201 .bx .lay .midd .move{position:relative; height:280px; margin-top: 19px;}
    .s020201 .bx .lay .midd .move [class*="btn_"]{display:block;}
    .s020201 .bx .lay .midd .move ul{position:absolute; left:0; top:0; width:100%; height:100%;}
    .s020201 .bx .lay .midd .move ul li{
        opacity:0; position:absolute; left:100%; top:0; z-index:0; width:200px; margin-left:0;
        transition:opacity 0.3s linear;
        -webkit-transition:opacity 0.3s linear;
    }

    .s020201 .bx .lay .midd .move.step_1 ul li:nth-child(1),
    .s020201 .bx .lay .midd .move.step_2 ul li:nth-child(2),
    .s020201 .bx .lay .midd .move.step_3 ul li:nth-child(3),
    .s020201 .bx .lay .midd .move.step_4 ul li:nth-child(4),
    .s020201 .bx .lay .midd .move.step_5 ul li:nth-child(5),
    .s020201 .bx .lay .midd .move.step_6 ul li:nth-child(6),
    .s020201 .bx .lay .midd .move.step_7 ul li:nth-child(7),
    .s020201 .bx .lay .midd .move.step_8 ul li:nth-child(8),
    .s020201 .bx .lay .midd .move.step_9 ul li:nth-child(9),
    .s020201 .bx .lay .midd .move.step_10 ul li:nth-child(10),
    .s020201 .bx .lay .midd .move.step_11 ul li:nth-child(11),
    .s020201 .bx .lay .midd .move.step_12 ul li:nth-child(12),
    .s020201 .bx .lay .midd .move.step_13 ul li:nth-child(13),
    .s020201 .bx .lay .midd .move.step_14 ul li:nth-child(14),
    .s020201 .bx .lay .midd .move.step_15 ul li:nth-child(15),
    .s020201 .bx .lay .midd .move.step_16 ul li:nth-child(16),
    .s020201 .bx .lay .midd .move.step_17 ul li:nth-child(17),
    .s020201 .bx .lay .midd .move.step_18 ul li:nth-child(18),
    .s020201 .bx .lay .midd .move.step_19 ul li:nth-child(19),
    .s020201 .bx .lay .midd .move.step_20 ul li:nth-child(20){opacity:1; left:50%; z-index:100; margin-left:-100px;}

}

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

    .s020201 .lists>ul>li .midd ul li{width:100%}
      
}

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

    .s020201 .bx .lay .midd strong{font-size:24px;}
    .s020201 .bx .lay .midd .move .btn_prev{left: -25px;}
    .s020201 .bx .lay .midd .move .btn_next{right: -25px;}
      
}

/* 카카오톡 소식지 sub02_02_02.do */

.ir-icon__md.icon16{background-position: -560px -141px;}
.s020202 .txtwrap .h-box{font-size: 25px;}
.s020202 .txtwrap p{font-size: 17px; margin-top:0}
.s020202 .ui-topbox.type1 .inner{position:relative; padding-bottom: 72px;}
.s020202 .ui-topbox.type1 .btn{position:relative; float:right; top:9px; }

.s020202 .point-txt{font-size:18px; font-weight:bold}
.s020202 .point-txt.dsc{font-size: 16px;}

.s020202 .program--search > div{display:inline-block}
.s020202 .program--search .search_inner.float-md-right{width:calc(100% - 240px);text-align: right;}
.s020202 .program--search .search_inner.float-md-right .fieldset{display: inline-block;}
.s020202 .program--search .search_inner.float-md-right{}
.s020202 .program--search .search_inner.float-md-right .search--text{max-width:none; width:40%}
/*  */

.board--card--list.kakao{}
.board--card--list.kakao .obj .thm--box .inner img{top:50%; transform:translate(-50%,-50%)}
.board--card--list.kakao .obj .item .card--body{text-align:center; height:140px}
.board--card--list.kakao .obj .item .card--body .tit{margin: 20px 0 19px 0}
.board--card--list.kakao .obj .item .card--body .btn{padding:8px 48px 8px 19px}

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

    .sub02_02_02 .contents_wrap{width:100%}
    
}

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

    .s020202 .program--search .float-md-left{display:inline-block; width:auto}
    
}

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

    .s020202 .program--search .float-md-left{display:block; width:100%}
    .s020202 .program--search .search_inner.float-md-right{width: 100%;}
    
}

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

    .s020202 .program--search .float-md-left{display:block; width:100%}
    .s020202 .program--search .search_inner.float-md-right{width: 100%;}
    .s020202 .program--search .search_inner.float-md-right .search--text{width:100%}
    
}

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

    .s020202 .ui-topbox.type1 .btn{right:50%; transform: translateX(50%);}

}

/* table-icon */
.table-responsive .table-icon{display:block; opacity:1}​
.table-responsive{position:relative}
.table-responsive .table-icon{position:absolute; top:50%; left:50%; transform:translate(-50%,0); height: 50px; width: 50px; background-color: #fff; border-radius: 50%; box-shadow: 0 0 15px rgba(0,0,0,0.3);}
.table-icon *{display:inline-block; width:50px; height:50px;}
.table-icon .swipe-icon{position:absolute; top:15px; left:19%; overflow:visible; animation: hand-move 3s ease-out infinite; }
.table-icon .swipe-icon .swipe-arrow{animation:pulse-arrow 3s ease-out infinite;}
.table-icon path{fill:#F0542B;}

    @keyframes hand-move{
        
        0%, 100%{transform:translateX(0)}
        50%{transform:translateX(15px)}
        
    }

    @keyframes pulse-arrow{

        0%{opacity:1; transform:translateX(0)}
        50%{opacity:1; transform:translateX(.25em)}
        75%{opacity:1; transform:translateX(.25em)}
        100%{opacity:1; transform:translateX(0)}
}
        

/* icore/sub02_02_03.do */
#ust-story{ padding:0 127px; height:920px}
#ust-story .slide-wrap{position:relative; width:100%; height:100%; max-width:1800px; margin:0 auto;}
#ust-story .slide-wrap:after{content:''; display:inline-block; width:149px; height:114px; position:absolute;top: -99px; right:10px; background: url(/images/kor/sub06/ust_on.png) no-repeat center;}
#ust-story .slide-wrap .slide-arrow{display:inline-block; width:52px; height:52px; position:absolute; top:50%; transform: translate(0,-50%); border-radius: 50%;}
#ust-story .slide-wrap .slide-arrow i{color:#fff; position:relative; display:inline-block; font-size: 30px;  }
#ust-story .slide-wrap .slide-arrow.prev{background-color:#333333; left:-86px}
#ust-story .slide-wrap .slide-arrow.prev i{right: 2px;}
#ust-story .slide-wrap .slide-arrow.next{background-color:#e53123; right:-86px}
#ust-story .slide-wrap .slide-arrow.next i{left: 2px;}
#ust-story .slide-inner{width:100%; height:100%;}
#ust-story .slide-inner:after{content:''; display:block; clear:both}
#ust-story .slide-inner .slide-item{ height:100%; padding:24px; float:left}
#ust-story .slide-inner .slide-item:nth-child(odd){background-color:#fff}
#ust-story .slide-inner .slide-item:nth-child(even){background-color:#f6f6f6}
#ust-story .slide-inner .slide-item .s-tit strong{display:block; width:100%; padding:15px; margin-bottom:24px; text-align: center; color:#fff; font-size: 18px;  border-radius:15px; white-space: nowrap; }
#ust-story .slide-inner .slide-item:nth-child(odd) .s-tit strong{background-color:#e53123}
#ust-story .slide-inner .slide-item:nth-child(even) .s-tit strong{background-color: #2e3e73}

#ust-story .slide-inner .slide-item .s-con{overflow: hidden; height:100%; max-height:787px}
/* 슬라이드 영역 너비값 */
#ust-story .slide-inner .slide-item .ust-on{position:relative; width:100%; max-width:100%; height:calc(50% - 12px); overflow: hidden; margin-bottom:24px}
#ust-story .slide-inner .slide-item .ust-on:after{content:''; display:block; clear:both}
#ust-story .slide-inner .slide-item .ust-on li{position:absolute; top:0; left:0; width: 100%; height:100%; float:left; margin-left: 1px; border:2px solid transparent;}

#ust-story .slide-inner .slide-item .link{position:relative; display:block; width:100%; height:100%; border-radius: 10px; border:1px solid #e6e6e6; overflow: hidden; }
#ust-story .slide-inner .slide-item .link .thm{width:100%; height:240px;}
#ust-story .slide-inner .slide-item .link .thm > div{width:100%; height:100%;overflow: hidden; position:relative}
#ust-story .slide-inner .slide-item .link .thm img{display:block; position:relative; width:auto; max-width:none; height:100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }

#ust-story .slide-inner .slide-item .link .text_box{ height: calc(100% - 240px); padding:20px;}
#ust-story .slide-inner .slide-item:nth-child(odd) .link .text_box{background-color:#f9f4f4}
#ust-story .slide-inner .slide-item:nth-child(even) .link .text_box{background-color:#fff}

#ust-story .slide-inner .slide-item .link .text_box [class*=sns]{color:#333}
#ust-story .slide-inner .slide-item .link .text_box h3{padding:6px 0 15px 0; font-size: 15px; color: #df3127; border:0; font-weight: bold;}
#ust-story .slide-inner .slide-item .link .text_box .con{ width: 100%; transition:all 0.4s; line-height: 1.2;}
#ust-story .slide-inner .slide-item .link .text_box .con [class*=sns]{position: relative; }
#ust-story .slide-inner .slide-item .link .text_box .con .sns_tit{ position:static;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-weight: bold; }
#ust-story .slide-inner .slide-item .link .text_box .con .sns_like, #ust-story .slide-inner .slide-item .link .text_box .con .sns_data{position:relative; top: 15px;display:inline-block; padding-left:20px}
#ust-story .slide-inner .slide-item .link .text_box .con .sns_like:before,#ust-story .slide-inner .slide-item .link .text_box .con .sns_data:before{content:''; display:inline-block; width:17px; height:13px; background:url(/images/kor/sub06/s7_ico.png) no-repeat; position:absolute; top:50%; left:0%; margin-top: -4.5px;}

#ust-story .slide-inner .slide-item .link .text_box .con .sns_data{ }
#ust-story .slide-inner .slide-item .link .text_box .con .sns_data:before{ width:14px; background-position: -79px -35px;}
#ust-story .slide-inner .slide-item .link .text_box .con .sns_like{float: right;}
#ust-story .slide-inner .slide-item .link .text_box .con .sns_like:before{background-position: -109px -35px;}
#ust-story .more{
  width: 96px;
  background-color: #e83421;
  color: #fff;
  border-radius: 5px;
  font-weight: bold;
  padding: 10px 25px;
  margin-left: 5px;
  display: none;
}
@media screen and (max-width:1023px){
  #ust-story{padding: 0 10px;height: 540px; }
  #ust-story .s-con .ust-on{display: none;}
  #ust-story .s-con .ust-on:first-child{display: block;}
  #ust-story .slide-inner .slide-item .ust-on{height: 370px;}
  #ust-story .slide-inner .slide-item .link .text_box{height: 170px;}
  #ust-story .slide-inner .slide-item .ust-on li{height: 370px;}
  #ust-story .slide-wrap .slide-arrow.prev{left:0px;}
  #ust-story .slide-wrap .slide-arrow.next{right:0px;}
  #ust-story .slide-wrap .slide-arrow{top:-30%}
  #ust-story .slide-inner .slide-item .ust-on{margin-bottom: 5px;}
  #ust-story .more{display: none;}
 }



/* 우수성과 - 콘텐츠모아보기 arrow 추가 및 이미지 css 수정 */
#ust-story .slide-inner .slide-item .link .thm img {width:100%; height:auto;}
#ust-story .slide-inner .slide-item .link .thm > div {background:#f7f7f7}

#ust-story .slide-inner .slide-item .s-tit {position:relative;display: block;}
#ust-story .slide-inner .slide-item .s-tit .ir-arrow {background-position:-165px -236px;}

#ust-story {height:810px;}
#ust-story .slide-inner .slide-item .s-con {height: 660px;}
#ust-story .slide-inner .slide-item .link .thm {height:185px;}
#ust-story .slide-inner .slide-item .link .text_box#ust-story .slide-inner .slide-item .link .text_box {height:100%;}
@media (max-width:1023px){
  #ust-story {height:540px;}
  #ust-story .slide-inner .slide-item .link .thm img {width:auto;}
}
@media (max-width:400px){
  #ust-story .slide-inner .slide-item .link .thm img {width:100%;}
}
/* 우수성과 - 콘텐츠모아보기 arrow 추가 및 이미지 css 수정 End */