@charset "utf-8";



/* 업무추진비 */
.expense_search {}
.expense_search .t_box {padding: 32px 0;background: #eef3f5 url(/images/prog/ico1.png)no-repeat 7% bottom;background: #eef3f5;}
.expense_search .t_box .inner {padding:0 20px;text-align:center;}
.expense_search .t_box .inner span {display:inline-block;margin: 0 10px;}
.expense_search .t_box .inner span label {display:inline-block;line-height:40px;margin-right: 10px;margin-bottom: 0;font-size: 14px;color:#3a3a3a;}
.expense_search .t_box .inner span select,
.expense_search .t_box .inner span input[type="text"] {width:200px;height:40px;line-height:38px;padding-left: 15px;border:1px solid #cdcdcd;background-color: #fff;}
.expense_search .t_box .inner span.btnbox {margin: 0 0 0 -5px;}

.expense_search .b_box {/* margin: 30px 0 0; */padding: 35px 0 30px;background: #eef3f5;}
.expense_search .b_box .inner {width:100%;max-width: 785px;padding:0 20px;margin:0 auto;}
.expense_search .b_box .inner label {display:inline-block;width: 55px;line-height:40px;margin-right: 10px;margin-bottom: 0;font-size:15px;color:#3a3a3a;vertical-align:top;}
.expense_search .b_box .inner select {height:40px;line-height:38px;padding-left: 15px;border:1px solid #cdcdcd;background-color: #fff;}
.expense_search .b_box .inner input[type="text"] {height:40px;line-height:38px;padding-left: 15px;border:1px solid #cdcdcd;background-color: #fff;}
.expense_search .b_box .inner .sp1 {float:left;margin:0 0 20px;}
.expense_search .b_box .inner .sp1 .dateform {display:inline-block; }
.expense_search .b_box .inner .sp1 .dateform em {display:inline-block;float:left;position:relative;width:200px;height: 40px;}
.expense_search .b_box .inner .sp1 .dateform em:before {display:block;position:absolute;left:0;right: 45px;top:0;content:'';width: auto;height:40px;border:1px solid #cdcdcd;background:#fff;box-sizing: border-box;}
.expense_search .b_box .inner .sp1 .dateform em:after {display:block; position:absolute; right:0; top:0; content:''; width:40px; height:40px; background:url(/images/prog/date.png)no-repeat;}
.expense_search .b_box .inner .sp1 .dateform em input {position:absolute;left:0;top:0;z-index:1; width:100%;height:100%;border: none;background: none;}
.expense_search .b_box .inner .sp1 .dateform span {display:inline-block;float:left; width:30px; line-height:40px;text-align:center; }
.expense_search .b_box .inner .sp2 {float:right;margin:0 0 20px;}
.expense_search .b_box .inner .sp2 select {width:150px;}
.expense_search .b_box .inner .sp3 {float:left;}
.expense_search .b_box .inner .sp3 select {width:195px;}
.expense_search .b_box .inner .sp4 {float:right;}
.expense_search .b_box .inner .sp4 input[type="text"] {width: 235px;}
.expense_search .b_box .inner .sp4 input[type="submit"],
.expense_search .b_box .inner .sp4 input[type="button"] {width:80px;height:40px;line-height:40px;margin-left: 5px;background: #00a6a2;text-align:center;color:#fff;}
.expense_search .b_box .inner .sp4 button {height:40px; margin:0 0 0 5px;}

.expense_search .b_box2 .inner .sp4 {display: block;float:none;width: 100%;margin: 0 auto;text-align:center;}
@media(max-width:1519px){
    .expense_search .t_box {background: #eef3f5}
    .expense_search .t_box3 .inner span select {width:130px;}
    .expense_search .t_box3 .inner span.btnbox {display:block;width: 100%;margin: 20px 0 0;text-align:center;}

    .expense_search .t_box4 .inner span select {width: 150px;}
}

@media(max-width:850px){
    .expense_search .t_box .inner span {float:left;width:50%;margin: 0 0 5px;padding:0 20px;}
    .expense_search .t_box .inner span:after {display:block; clear:both; visibility:hidden; content:'';}
    .expense_search .t_box .inner span label {float:left;width:55px;margin: 0;}
    .expense_search .t_box .inner span select,
    .expense_search .t_box .inner span input[type="text"] {float:right; width:calc(100% - 65px);}
    .expense_search .t_box .inner span.btnbox {display:block;width: 100%;margin: 20px 0 0;text-align:center;}

    .expense_search .t_box2 .inner span {float:none;width:auto;margin: 0 10px;padding: 0;}
    .expense_search .t_box2 .inner span label {float: none;width: auto;margin: 0 10px 0 0;}
    .expense_search .t_box2 .inner span select {float: none;width: 200px;}
    .expense_search .t_box2 .inner span.btnbox {display: inline-block;width: auto;margin: 0 0 0 -5px;}
    
    .expense_search .b_box {padding:35px 20px 30px;}
    .expense_search .b_box .inner label {float:left;width: 55px;margin: 0;}
    .expense_search .b_box .inner .sp1 {width:100%;margin: 0 0 10px;}
    .expense_search .b_box .inner .sp1 .dateform {float:right;width: calc(100% - 55px);}
    .expense_search .b_box .inner .sp1 .dateform em {width:45%;}
    .expense_search .b_box .inner .sp1 .dateform span {width:10%;}
    .expense_search .b_box .inner .sp2,
    .expense_search .b_box .inner .sp3 {width:100%;margin: 0 0 10px;} 
    .expense_search .b_box .inner .sp2 select,
    .expense_search .b_box .inner .sp3 select {float:right;width: calc(100% - 55px);}
    .expense_search .b_box .inner .sp4 {width:100%;}
    .expense_search .b_box .inner .sp4 input[type="text"] {float:left;width: calc(100% - 191px);}
    .expense_search .b_box .inner .sp4 input[type="submit"],
    .expense_search .b_box .inner .sp4 input[type="button"],
    .expense_search .b_box .inner .sp4 button {float:left;}
    .expense_search .b_box .inner .sp4 button {margin: 0 0 0 5px;height:40px;vertical-align: top;}
    
}

@media(max-width:580px){
    .expense_search .t_box {padding:20px 0;}
    .expense_search .t_box .inner span {float:none; width:100%;padding:0;}
    .expense_search .t_box .inner span label {float:none; width:100%; text-align:left;}
    .expense_search .t_box .inner span select,
    .expense_search .t_box .inner span input[type="text"] {float:none; width:100%;}
    
    .expense_search .t_box2 .inner span.btnbox {display: block;width: 100%;margin: 20px 0 0;text-align: center;}

    .expense_search .b_box {padding:20px;}
    .expense_search .b_box .inner {padding:0;}
    .expense_search .b_box .inner label, 
    .expense_search .b_box .inner .sp1 .dateform,
    .expense_search .b_box .inner .sp2 select, 
    .expense_search .b_box .inner .sp3 select {float:none; width:100%;}
    .expense_search .b_box .inner .sp1 .dateform em,
    .expense_search .b_box .inner .sp1 .dateform span {width:100%;}
    .expense_search .b_box .inner .sp4 input[type="text"] {width:100%; margin:0 0 5px;}
    .expense_search .b_box .inner .sp4 input[type="submit"],
    .expense_search .b_box .inner .sp4 input[type="button"] {width:49%; margin:5px 0 0;}
    .expense_search .b_box .inner .sp4 button {margin:5px 0 0 2%; width:49%;}
}








/* 논문 팝업  */
.centerwrap .centerpop .h2 {margin:50px 0 10px;}
.centerwrap .centerpop .h2:first-child {margin:0 0 10px;}
.centerwrap .centerpop .modal__body {overflow-y: auto;top:10%;bottom:10%;width: 1200px !important;height:auto;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.centerwrap .centerpop .modal__close-button span{display:inline-block;width:50px;height:50px;background: #000;}
.centerwrap .centerpop .modal__close-button span:after,.modal__close-button span:before{display:inline-block;position:absolute;top:50%;left:50%;background-color:#fff;vertical-align:middle;transform:rotate(-45deg);content:'';}
.centerwrap .centerpop .modal__close-button span:before{left:50%;width:28px;height:1px;margin-top:0;margin-left:-14px}
.centerwrap .centerpop .modal__close-button span:after{width:1px;height:28px;margin-top:-14px}

@media(max-width:1279px){
    .centerwrap .centerpop .modal__body {left:30px;right:30px; width:auto !important;transform:none;-webkit-transform:none;}
}




.icon-list {}
.icon-list > li {position:relative;min-height: 26px;padding-left:105px;margin:10px 0;line-height:26px;font-size: 15px;}
.icon-list > li:before {display:inline-block;content:'';position:absolute;width: 5px;height:5px;top: 10.5px;left:1px;border-radius:50%;background:#30817b;}
.icon-list > li em {display:block;position:absolute;left:18px;top:0;color:#666;font-size:16px;font-weight:700;vertical-align:top;line-height:26px;}



/* 개인정보 수집동의 */
.ui_subscription--form{position:relative;margin-bottom:30px;margin-top:-3px;padding:20px 25px;border:1px solid #ddd;border-top:3px solid #2d3d4e;}
.ui_subscription--form:after{display:block;clear:both;content:'';}
.ui_subscription--form .inner{position:relative;width:100%}
.ui_subscription--form .ui_text--box .box-text__scroll{height:200px;padding: 10px;overflow-x: hidden;overflow-y: scroll;}
.ui_subscription--form .ui_text--box .box-text__scroll h3:first-child {margin:0 0 10px;}
.ui_radio--custom{margin-top:20px;padding-top:15px;border-top:1px solid #ddd;text-align:center}
.ui_radio--custom .inblock {display:inline-block;font-size: 15px;}
.ui_radio--custom input[type='radio']:checked + label{background: #63676d;border: 1px solid #63676d;text-shadow:0px 0px 5px rgba(0,0,0,0.3);color:#fff;}
.ui_radio--custom input[type='radio']{position:absolute;position:fixed;z-index:-100;top:-9999px;left:-9999px;}
.ui_radio--custom label{position:relative;width: auto;min-width: 110px;height: 40px;margin: 0 3px;padding: 0 10px;color:#747981;border:1px solid #cacaca;font-size:16px;font-weight:500;line-height: 38px;text-align: center;}
.ui_radio--custom label.pre{width:auto;padding:0 15px 0 40px;}
.ui_radio--custom label .chk_ball{display: inline-block;width:16px;height:16px;margin-right: 10px;border:1px solid #cacaca;border-radius:100%;background:#fff;vertical-align: middle;}
.ui_radio--custom input[type='radio']:checked + label .chk_ball{border:5px solid #fff;background: #63676d;}
.ui_radio--custom input[type='radio']:focus + label{outline:1px dotted #212121;outline:5px auto -webkit-focus-ring-color;}



/* 입력폼 */
.addrbtn {height:34px;line-height:34px;padding: 0 20px;border-color: #089791;background-color: #089791;color:#fff;}
.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .radio-inline {padding-bottom:7px;}
.form-horizontal.bucket-form .form-group .control-label *,
.form-horizontal .label {margin: 0;padding: 0;border-radius: 0;   }
.form-horizontal .label {top: 5px; color: #089791;font-size: 15px;}
.form-horizontal .input {    padding: 6px 12px;color: #555; }
.bucket-form, .table-form {border-top: 2px solid #089791;}
.form-horizontal.bucket-form .form-group .control-label:before {    background-color: #f9f9f9;}
@media(max-width:767px){
    .form-horizontal .label {top:0;}
}

/* 상세페이지 */
.main-photo__skin,
.main-photo__skin .photo_list--wrap,
.main-photo__skin .photo_list--wrap .slick-list,
.main-photo__skin .photo_list--wrap .slick-list .slick-track,
.main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide,
.main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide >div,
.main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide >div .photo_list--item,
.main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide >div .photo_list--item a {display:inline-block;width:100%;height:100%;vertical-align:top;}



.photo_wrap {overflow:hidden; margin:0 0 30px;padding:40px; border:1px solid #ddd;}
.photo_wrap .inner {position:relative}
.photo_wrap .inner:after {display:block; clear:both; visibility:hidden; content:'';}
.photo_wrap .thumb {float:left;overflow: hidden;position:relative;z-index: 1;width:360px;border: 1px solid #f3f3f3;text-align:center;}
.photo_wrap .thumb span {}
.photo_wrap .thumb span img {}
.photo_wrap .thumb span {}
.photo_wrap .info_box {float:right;position:relative;z-index: 1;width:calc(100% - 360px);padding-left:30px;}
.photo_wrap .info_box > strong {display:inline-block; margin:0 10px 15px 0; line-height:1.4;font-size:22px; font-weight:700; color:#121212;}
.photo_wrap .info_box > strong span {display:inline-block; font-size:16px; font-weight:normal; color:#333;}
.photo_wrap .info_box > p {margin:0 0 30px;}
.photo_wrap .info_box p,
.photo_wrap .info_box2 p {font-size:16px; color:#666;}
.photo_wrap .text_box {padding:10px 20px 20px; background:#f7f7f8;}

.photo_wrap.typeA {}
.photo_wrap.typeA .info_box .schedule {}
.photo_wrap.typeA .info_box .schedule .tit {display:inline-block;height:30px;line-height:28px;margin: 0 0 15px;padding:0 20px;border:1px solid #014171;border-radius:30px;color:#014171;font-size:15px;font-weight:700;}
.photo_wrap.typeA .info_box .schedule > p {position:relative; padding:0 0 0 33px; font-size:16px; color:#666;}
.photo_wrap.typeA .info_box .schedule > p span {display:inline-block;position:absolute;left:0;top: -6px;width:23px;height:35px;margin-right:10px;background:url(/images/skin/schedule_icon.png)no-repeat 0 0;}

.photo_wrap.typeA-2 {}
.photo_wrap.typeA-2 .photoslide {position:relative;z-index:1;}
.photo_wrap.typeA-2 .picture {display:block;width:100%; height:250px;}
.photo_wrap.typeA-2 .picture span {display:block; position:relative;width:100%; height:100%;}
.photo_wrap.typeA-2 .picture span img {position: absolute; top: 50%; left: 50%; width:auto; max-width:1000%; height:100%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.photo_wrap.typeA-2 .control {display: inline-block;position:absolute;z-index:2;right: 0;bottom:0;width: auto;height: 40px;text-align: right;}
.photo_wrap.typeA-2 .control .paging {display:inline-block;float: left;padding:0 15px;background:rgba(0,0,0,.5);}
.photo_wrap.typeA-2 .control .paging span {display:inline-block; line-height:40px; color:#fff; font-weight:700;}
.photo_wrap.typeA-2 .control button {display:inline-block;float: left;position: relative;width:40px;height:40px;margin: 0;border-right: 1px solid #fff;background:rgba(0,0,0,.5);font-size:0;vertical-align: top;}
.photo_wrap.typeA-2 .control button[data-control="prev"]:before,
.photo_wrap.typeA-2 .control button[data-control="next"]:before{width:6px;height:6px;border-width:2px;border-style: solid;border-color: #fff;transform: rotate(45deg);}
.photo_wrap.typeA-2 .control button[data-control="prev"]:before{right: -4px;border-width: 0 0 2px 2px;}
.photo_wrap.typeA-2 .control button[data-control="next"]:before{left: -4px;border-width: 2px 2px 0 0;}
.photo_wrap.typeA-2 .control button[data-control="stop"]:before{width: 2px;height:9px;box-shadow: -3px 0 #fff, 3px 0 #fff;}
.photo_wrap.typeA-2 .control button[data-control="play"]:before{right: -4px;width: 0;height: 0;border-width: 5px 0 5px 8px;border-style: solid;border-color: transparent transparent transparent #fff;}

.photo_wrap.typeB .thumb {width:240px;}
.photo_wrap.typeB .info_box {width:calc(100% - 240px);}
.photo_wrap.typeB .img_box {}
.photo_wrap.typeB .img_box ul {margin:0 -10px;}
.photo_wrap.typeB .img_box ul:after {display:block; clear:both; visibility:hidden; content:'';}
.photo_wrap.typeB .img_box ul li {float:left;width:calc(33.33% - 20px);margin:0 10px 10px;border: 1px solid #f3f3f3;text-align:center;}

.photo_wrap.typeC {}
.photo_wrap.typeC .thumb2 {}
.photo_wrap.typeC .thumb2 ul {margin:0 -10px;}
.photo_wrap.typeC .thumb2 ul:after {display:block; clear:both; visibility:hidden; content:'';}
.photo_wrap.typeC .thumb2 ul li {float:left;width:calc(50% - 20px);margin:0 10px 10px;border: 1px solid #f3f3f3;text-align:center;}
.photo_wrap.typeC .info_box2 {position:relative; padding:30px 30px 30px 255px; background:#f7f7f8;}
.photo_wrap.typeC .info_box2 strong {display:inline-block;position:absolute;left:30px;top:30px;max-width: 195px;line-height: 1.4;font-size:22px;font-weight:700;color:#121212;}
.photo_wrap.typeC .info_box2 p {margin:0;}

.photo_wrap2 {padding:0; border:none;}
.photo_wrap2.typeD .thumb2 {}
.photo_wrap2.typeD .thumb2 ul {margin:0 -10px;}
.photo_wrap2.typeD .thumb2 ul:after {display:block; clear:both; visibility:hidden; content:'';}
.photo_wrap2.typeD .thumb2 ul li {float:left;width:calc(50% - 20px);margin:0 10px 10px;text-align:center;}
.photo_wrap2.typeD .thumb2 ul li span {display:block;width:100%;border: 1px solid #ddd; border-bottom:0; background:#f7f7f8;}
.photo_wrap2.typeD .thumb2 ul li span img{max-height:100%;max-width:none;width:100%}
.photo_wrap2.typeD .thumb2 ul li p {min-height:90px; margin:0; padding:20px 10px; border: 1px solid #ddd; border-top:none;}

@media(max-width:1023px){
    .photo_wrap .thumb {float:none; width:100%; margin:0 0 20px;}
    .photo_wrap .info_box {float:none; width:100%; padding:0;}

    .photo_wrap.typeB .thumb {width:100%;}
    .photo_wrap.typeB .info_box {width:100%;}
}

@media(max-width:767px){
    .photo_wrap {padding: 30px 25px;}
    .photo_wrap2 {padding:0;}

    .photo_wrap.typeC .info_box2  {padding:20px}
    .photo_wrap.typeC .info_box2 strong {position:static;max-width:100%; margin:0 0 15px;}
    
    .photo_wrap2.typeD .thumb2 ul {margin:0;}
    .photo_wrap2.typeD .thumb2 ul li  {float:none; width:100%;margin:0 0 10px;}
    .photo_wrap2.typeD .thumb2 ul li p {min-height:auto;}
}

@media(max-width:640px){
    .photo_wrap.typeB .img_box ul {margin:0;}
    .photo_wrap.typeB .img_box ul li {float:none; width:100%;margin:0 0 10px; }
    
    .photo_wrap.typeC .thumb2 ul {margin:0;}
    .photo_wrap.typeC .thumb2 ul li {float:none; width:100%;margin:0 0 10px;}
}

/* 검색  */
.program--search .fieldset:after {display:block; clear:both; visibility:hidden; content:''; }
.program--search.progtype3 {}
.program--search.progtype3 .fieldset {width:100%;}
.program--search.progtype3 .btn {margin:0;} 
.program--search.progtype4 .btn {margin:0;}
@media(max-width:767px){
    .program--search.progtype4 .pull-right {width:100%; margin:5px 0 0;}
    .program--search.progtype3 .search--btn span,
    .program--search.progtype4 .search--btn span {width: 95px;}    
}
@media(max-width:640px){
    .program--search .search_inner {float:none;}
}
@media(max-width:600px){
    .program--search .search--select, 
    .program--search .search--text,
    .program--search .search--date,
    .program--search .search--date + .data {float:left;}
    .program--search .search--date + .data {display:block; width:6%; line-height:32px; text-align:center; }
    .program--search.progtype3 .search--btn span,
    .program--search.progtype4 .search--btn span {width:100%;}  
}

/* 버튼 */
.btn-only-icon.btn-default .ir-link{background-position:-147px -236px}
.btn-only-icon.btn-default:focus .ir-link, 
.btn-only-icon.btn-default:hover .ir-link{background-position:-180px -213px}

.btn-only-icon.btn-primary .ir-download{background-position:-109px -236px}
.btn-only-icon.btn-primary:focus .ir-download,
.btn-only-icon.btn-primary:hover .ir-download {background-position: -130px -236px;}


/* sns */
.sub_sns {position: relative;}
.sub_sns .sns_btnwrap {}
.sub_sns .sns_btnwrap a {display:inline-block;position: relative;margin: 0 5px 5px;width:52px;height:52px;border-radius:50%;background-image:url(/images/prog/sns_icon.png);background-color:#eee;font-size:0;vertical-align: top;}
.sub_sns .sns_btnwrap a.fa{background-position:0 0 ;background-color:#3f66c7;}
.sub_sns .sns_btnwrap a.tw{background-position:-52px 0 ;background-color:#1babee;}
.sub_sns .sns_btnwrap a.bl{background-position:-104px 0 ;background-color:#15a949;}
.sub_sns .sns_btnwrap a.in{background-position:-156px 0 ;background-image:url(/images/prog/sns_inbg.png);}
.sub_sns .sns_btnwrap a.yt{background-position:-208px 0 ;background-color:#da1a1a}
.sub_sns .tab-ul.type3 li{height: 54px;background: #fff;}
.sub_sns .tab-ul.type3 li a:after{display:none;position: absolute;right: 17px;top: 50%;width: 29px;height: 29px;background: url(/images/prog/sns_icon2.png);transform: translateY(-50%);content: '';}
.sub_sns .tab-ul.type3 li.bl a:hover:before,
.sub_sns .tab-ul.type3 li.bl a:focus:before,
.sub_sns .tab-ul.type3 li.bl.on a:before{border:0;border-bottom: 4px solid #15a949}
.sub_sns .tab-ul.type3 li.bl a:hover:before,
.sub_sns .tab-ul.type3 li.bl a:focus:before,
.sub_sns .tab-ul.type3 li.bl.on a:before{border:0;border-bottom: 4px solid #15a949}
.sub_sns .tab-ul.type3 li.in a:hover:before,
.sub_sns .tab-ul.type3 li.in a:focus:before,
.sub_sns .tab-ul.type3 li.in.on a:before{border:0;border-bottom: 4px solid #ce3186}
.sub_sns .tab-ul.type3 li.yt a:hover:before,
.sub_sns .tab-ul.type3 li.yt a:focus:before,
.sub_sns .tab-ul.type3 li.yt.on a:before{border:0;border-bottom: 4px solid #da1a1a}
.sub_sns .tab-ul.type3 li.fb a:hover:before,
.sub_sns .tab-ul.type3 li.fb a:focus:before,
.sub_sns .tab-ul.type3 li.fb.on a:before{border:0;border-bottom: 4px solid #3f66c7}
.sub_sns .tab-ul.type3 li.tw a:hover:before,
.sub_sns .tab-ul.type3 li.tw a:focus:before,
.sub_sns .tab-ul.type3 li.tw.on a:before{border:0;border-bottom: 4px solid #2ba1f3}
.sub_sns .tab-ul.type3 li.bl a:hover:after,
.sub_sns .tab-ul.type3 li.bl a:focus:after,
.sub_sns .tab-ul.type3 li.bl.on a:after{display:block;background-position: 0 0;}
.sub_sns .tab-ul.type3 li.in a:hover:after,
.sub_sns .tab-ul.type3 li.in a:focus:after,
.sub_sns .tab-ul.type3 li.in.on a:after{display:block;background-position: -29px 0;}
.sub_sns .tab-ul.type3 li.yt a:hover:after,
.sub_sns .tab-ul.type3 li.yt a:focus:after,
.sub_sns .tab-ul.type3 li.yt.on a:after{display:block;background-position: -58px 0;}
.sub_sns .tab-ul.type3 li.fb a:hover:after,
.sub_sns .tab-ul.type3 li.fb a:focus:after,
.sub_sns .tab-ul.type3 li.fb.on a:after{display:block;background-position: -87px 0;}
.sub_sns .tab-ul.type3 li.tw a:hover:after,
.sub_sns .tab-ul.type3 li.tw a:focus:after,
.sub_sns .tab-ul.type3 li.tw.on a:after{display:block;background-position: -116px 0;}
.sub_sns .tab-ul.type3 li a:hover span, 
.sub_sns .tab-ul.type3 li.on a span {color:#000;}
.sub_sns .sns_list {margin: 15px 0 0;}
.sub_sns .sns_list ul {margin:0 -14px;}
.sub_sns .sns_list ul:after {display:block; clear:both; visibility:hidden; content:'';}
.sub_sns .sns_list ul li {float:left;position:relative;width:calc(33.33% - 28px);height: 330px;margin: 0 14px 30px;padding: 60px 3% 30px;border:1px solid #ddd;}
.sub_sns .sns_list ul li[data-cnt="9"] {display:none;}
.sub_sns .sns_list ul li:after {display:block; position:absolute; top:20px; right:20px; content:''; width:52px; height:52px; border-radius:50%; background-image:url(/images/prog/sns_icon.png); }
.sub_sns .sns_list ul li strong {display:block; overflow:hidden; width:100%;padding-right: 50px;font-size: 21px;font-weight:700;color:#2d3d4e;text-overflow: ellipsis; white-space: nowrap;}
.sub_sns .sns_list ul li p {display:block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; height: 120px;text-overflow: ellipsis; white-space: normal;}
.sub_sns .sns_list ul li .btn_wrap {margin:25px 0 0;}
.sub_sns .sns_list ul li .btn_wrap a {display:block;width:100%;padding: 10px;text-align:center;}
.sub_sns .sns_list .more{width: 230px;margin: 30px auto 0;}
.sub_sns .sns_list .more a{width: 100%;text-align: center;}

.sub_sns .sns_list.n1 ul li:after {background-color:#3f66c7; background-position:0 0 ;}
.sub_sns .sns_list.n2 ul li:after {background-color:#1babee; background-position:-52px 0 ;}
.sub_sns .sns_list.bl ul li:after {background-color:#15a949; background-position:-104px 0 ;}
.sub_sns .sns_list.yt ul li{padding: 0}
.sub_sns .sns_list.yt ul li a{display: block; width: 100%; height: 100%; padding: 87px 33px 30px}
.sub_sns .sns_list.yt ul li .thumb{position: relative; height: 129px;background: #000}
.sub_sns .sns_list.yt ul li .thumb img{position:absolute; top:50%; left:50%; max-width:none; height:100%; max-height:100%; transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);}
.sub_sns .sns_list.yt ul li strong{display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; height: 43px;margin-top: 13px;padding: 0;font-size: 15px;color: #6d6f7e;line-height: 1.4;font-weight: normal;white-space: normal;}
.sub_sns .sns_list.yt ul li em{display: block;margin-top: 5px;color: #6d6f7e;}
.sub_sns .sns_list.yt ul li:after {background-color:#da1a1a; background-position:-208px 0 ;}

.sub_sns .ui-list__column .inner .item{min-height: 310px;}
.sub_sns .ui-list__column .inner .ui-summary strong span {font-size: 14px; line-height: 1.2;}

.sub_sns .ir-icon__line{background-image: url("/images/kor/sub07/sub_sns.png")}
.sub_sns .circle .ir-icon__line{width: 110px;height: 110px;}
.sub_sns .ui-list__column{text-align:center;}
.sub_sns .ir-icon__line.icon1{background-position: 0 -110px;}
.sub_sns .ir-icon__line.icon2{background-position: -110px -110px;}
.sub_sns .ir-icon__line.icon3{background-position: -220px -110px;}
.sub_sns .ir-icon__line.icon4{background-position: -330px -110px;}
.sub_sns .ir-icon__line.icon5{background-position: -440px -110px;}
.sub_sns .ir-icon__line.icon6{background-position: -550px -110px;}

.sub_sns .ui-list__column .inner .ui-summary {min-height: 150px;}
.sub_sns .ui-list__column .inner .ui-summary strong {min-height: 60px;}
.sub_sns .ui-list__column .inner .ui-summary p {margin: 5px 0 15px 0;}

.sub_sns .tab-ul.type2 li a[target="_blank"] span:after,
.sub_sns .tab-ul.type2 li a[target="_blank"]:hover span:before,
.sub_sns .tab-ul.type2 li a[target="_blank"]:focus span:before {width: 12px;height: 11px;margin: -5px 0 0;border-radius: 0;background: url(/images/kor/common/target.png)no-repeat;vertical-align:middle;}


@media screen and (max-width:1100px) {
    .sub_sns .ui-list__column .inner .item{min-height: 360px;}
}
@media screen and (max-width:1023px) {
    .sub_sns .sns_list ul li {width:calc(50% - 28px);}

    .sub_sns .ui-list__column .inner .item{min-height: 310px;}
    .sub_sns .ui-list__column .inner .ui-summary strong {min-height: 60px;}
}
@media screen and (max-width:860px) {
    .sub_sns .ui-list__column .inner .ui-summary strong {min-height: 90px;}
    .sub_sns .ui-list__column .inner .item{min-height: 355px;}
}
@media screen and (max-width: 768px) {
    .sub_sns .ui-list__column .inner .ui-summary strong {min-height: 50px;}
    .sub_sns .ui-list__column .inner .item{min-height: 310px;}
}

@media screen and (max-width:767px){
    .sub_sns .sns_list ul {margin:0;}
    .sub_sns .sns_list ul li {width:100%;margin:0 0 20px;padding: 60px 30px 30px;}
    .sub_sns .tab-ul.col4 li {width:50%;}
}



/* 로그인  */
.login_box_wrap {}
.login_box_wrap .ui-topbox {padding:0;}
.login_box_wrap .ui-topbox.type1 .circle {width:131px; height:131px; background:url(/images/prog/login_ico1.png)no-repeat;}
.login_box_wrap .ui-topbox .inner .h-box {font-size:24px; font-weight:bold; color:#666666;}
.login_box_wrap .ui-topbox .inner .h-box span {display:inline-block;font-size:24px; font-weight:bold; color:#089791;}
.login_box_wrap #ipin_realname {padding:40px; border-top:2px solid #0c9d98; background:#fafafa; text-align:center; }
.login_box_wrap #ipin_realname .icon {display:inline-block;width:42px;height:44px;margin: 10px 0 20px;background:url(/images/prog/login_ico2.png)no-repeat;}
.login_box_wrap #ipin_realname h2 {display:block;margin: 0 0 10px;font-weight:bold;font-size: 20px;color:#093055;}
.login_box_wrap #ipin_realname p {margin:10px 0; font-size:15px ; color:#63666e; }
.login_box_wrap #ipin_realname a {min-width:200px;}
.login_box_wrap #ipin_realname .list-box {margin:25px 0 0; padding:15px 0 0; border-top:1px dashed #8d8d8d; text-align:left;}


.login_box_wrap2 {position:relative;margin: 0 0 30px;padding: 45px 50px 45px 220px;border: 1px solid #dadada;}
.login_box_wrap2 .ico {position:absolute;left: 45px;top: 22px;width:131px;height:163px;background:url(/images/prog/login_ico3.png)no-repeat;}
.login_box_wrap2 .box-login {}
.login_box_wrap2 .box-login .item.title{float:left; width:50%; }
.login_box_wrap2 .box-login .item.title h2 {font-size:24px; font-weight:bold; color:#666666;}
.login_box_wrap2 .box-login .item.title h2 em {display:inline-block;font-size:24px; font-weight:bold; color:#089791;}
.login_box_wrap2 .box-login .item.title p {margin:20px 0 15px; color:#666666;}
.login_box_wrap2 .box-login .item.title a {display:inline-block;height:35px;line-height:33px;margin: 3px 0;padding:0 10px;border:1px solid #e1e0df;font-size: 14px;color: #63666e;}
.login_box_wrap2 .box-login .item.form {float:left; width:50%; }
.login_box_wrap2 .box-login .item.form fieldset {position:relative;margin: 15px 0 0;padding-right:140px;}
.login_box_wrap2 .box-login .item.form fieldset input {width:100%;height:50px;line-height:48px;margin:0 0 10px;padding: 0 20px;border: 1px solid #e1e0df;color: #999;font-size: 15px;}
.login_box_wrap2 .box-login .item.form fieldset button {position: absolute;right:0;top:0;width:130px;height:110px;background: #089791;color: #fff;font-size: 18px;}
.login_box_wrap2 .border {width:100%;height:0px;margin: 30px 0 25px;border-top: 1px dashed #e5e5e5;}

.loginboxtab {}
.loginboxtab #tab_content_w .con {display:none;}
.loginboxtab #tab_content_w .con.on {display:block;}

@media(max-width:1429px){
    .login_box_wrap2 .box-login .item.title {float:none;width: 100%;}
    .login_box_wrap2 .box-login .item.form {float:none; width:100%;}

}

@media(max-width:767px){
    .login_box_wrap2 {padding:50px 30px;}
    .login_box_wrap2 .ico {display:none;}
}

@media(max-width:480px){
    .login_box_wrap2 .box-login .item.form fieldset {padding:0;}
    .login_box_wrap2 .box-login .item.form fieldset button {position:static; width:100%; height:50px; line-height:50px;}
}

/* 조직도 검색결과 없음  */
.program--search.dept--search .search--text{min-width:50%;}
.message-icon2,.ui-message .message-icon{border-radius:50%;background-color:#efefef;}
.ui-message{clear:both;margin:0 auto;padding:70px 50px;}
.ui-message p,.ui-message strong{display:block;font-size:20px;line-height:1.4;text-align:center;}
.ui-message strong{color:#000;font-size:32px;}
.ui-message .message-icon{margin:0 auto 20px;padding:20px;width:100px;height:100px;}
.ui-message strong.small-text{font-size:20px;}
.message-icon2,.ui-message .message-icon{border-radius:50%;background-color:#efefef}
.ui-message{clear:both;margin:0 auto;padding:70px 50px}
.ui-message p,.ui-message strong{display:block;font-size:20px;line-height:1.4;text-align:center}
.ui-message strong{color:#000;font-size:32px}
.ui-message .message-icon{margin:0 auto 20px;padding:20px;width:100px;height:100px}
.ui-message strong.small-text{font-size:20px}
.message-icon2{width:200px;height:200px;margin:0 auto 40px;padding:60px 30px}
.message-icon2 svg{display:block;overflow:hidden}
.message-icon2 svg #screen{overflow:hidden}
.message-icon2 svg #XMLID_2_{transform:translateY(100%)}
.message-icon2 svg #XMLID_2_.run-animation{animation:slide_top 5s forwards;animation-delay:1.5s;-webkit-animation:slide_top 5s forwards;-webkit-animation-delay:2s}
.message-icon2 svg #XMLID_1_{transform:translateX(-50%)}
.message-icon2 svg #XMLID_1_.run-animation{animation:slide_left .5s forwards;animation-delay:1s;-webkit-animation:slide_left .5s forwards;-webkit-animation-delay:1s}
@-webkit-keyframes slide_top {
20%,80%{transform:translateY(80%)}
100%{transform:translateY(0)}
}
@keyframes slide_top {
20%,80%{transform:translateY(20%)}
100%{transform:translateY(0)}
}
@-webkit-keyframes slide_left {
100%{transform:translateX(0)}
}
@keyframes slide_left {
100%{transform:translateX(0)}
}

/* 게시판 새글 */
.ir-bbs-new {background:none;}







/* Magazine Review */
.sub06_03_03 #lnb_layout {display:none;}
.sub06_03_03 .contents_wrap {width:100%;}
.sub06_03_03 .tab-ul.col3 li {width:16.66%;}
.magazine {position:relative;padding-right: 340px;margin: 50px 0 0;}
.magazine .bestreview {position:absolute;right:0;top:0;width: 285px;padding: 30px 30px 15px;border: 1px solid #ddd;background:#fff;box-shadow: 0 3px 0 #f0f0f0;}
.magazine .bestreview.fixed {position:fixed; right:50%; margin-right:-730px;}
.magazine .bestreview .inner {}
.magazine .bestreview .title {padding:0 0 20px;margin:0 0 20px;border-bottom:1px solid #ddd;text-align:center;font-weight:bold;font-size:20px;color: #00958f;}
.magazine .bestreview ul {}
.magazine .bestreview ul li {position:relative;margin: 20px 0;}
.magazine .bestreview ul li a {display:block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 48px;padding-left: 28px;text-overflow: ellipsis;white-space: normal;font-size: 15px;}
.magazine .bestreview ul li span {display:block;position:absolute;left:0;top: 0;text-align:center;color: #00958f;font-weight:bold;}
.magazine .bestreview .move_top {display:block;position:absolute;right: 0;bottom: -55px;width:55px;height:55px;padding:3px 0 0;border:1px solid #ddd;background:#fff;text-align:center;font-size: 13px;font-weight: bold;color: #767676;box-shadow: 0 3px 0 #f0f0f0;}
.magazine .bestreview .move_top span {display:block; width:10px; height:10px; margin:0 auto 1px; border:solid #6f6f6f; border-width:2px 0 0 2px; transform:rotate(45deg); -webkit-transform:rotate(45deg); }
.magazine .listbox {margin:0 -15px;}
.magazine .listbox .col {float:left; width:calc(33.33% - 30px); margin:0 15px 30px; border:1px solid #ddd; }
.magazine .listbox .col a {display:block;}
.magazine .listbox .col .thumb {height:200px;}
.magazine .listbox .col .thumb span {display:block; width:100%; height:100%; background-position:center; background-size:cover; background-repeat:no-repeat; }
.magazine .listbox .col .info {}
.magazine .listbox .col .info .inner {padding: 25px 25px;}
.magazine .listbox .col .info .cate {display:block; line-height:1; margin:0 0 10px;font-weight:bold; font-size:15px; color: #00958f;}
.magazine .listbox .col .info strong {display:block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 42px;line-height: 1.4;font-weight:bold;font-size:15px;color: #000;text-overflow: ellipsis;white-space: normal;}
.magazine .listbox .col .info p {display:block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;height: 84px;line-height: 1.4;font-size:15px;color: #999;text-overflow: ellipsis;white-space: normal;}
.magazine .listbox .col .info ul {border-top:1px solid #ddd;}
.magazine .listbox .col .info ul li {float:left; width:50%; line-height:45px;  text-align:center;font-size: 15px;}
.magazine .listbox .col .info ul li:first-child {border-right:1px solid #ddd;}
.magazine .listbox .col .info ul li i {margin:0 10px 0 0;}
.magazine .listbox .col .info ul li span {font-size:0;}

@media screen and (max-width:1519px){
    .magazine {padding-right: 315px;}
    .magazine .bestreview.fixed {right:30px; margin-right:0;}
}  

@media screen and (max-width:1200px){
    .sub06_03_03 .tab-ul.col3 li {width:33.33%;}
    .magazine {padding:0;}
    .magazine .bestreview,
    .magazine .bestreview.fixed {position:relative; right:auto; top:auto; }
    .magazine .bestreview {width:100%;margin: 0 0 30px;}
    .magazine .bestreview ul li a {display:block; height:auto;text-overflow: ellipsis;white-space: nowrap;}
    .magazine .bestreview .move_top {display:none;}
}

@media screen and (max-width:980px){
    .magazine .listbox .col {width:calc(50% - 30px);}
}

@media screen and (max-width:580px){
    .magazine .listbox .col {width:calc(100% - 30px);}
}




.tab-ul.board-tab{overflow:hidden;position: relative;margin: 0 0 30px;border-bottom: 1px solid #dbdada;text-align: center;}
.tab-ul.board-tab:before {display:none;}
.tab-ul.board-tab li {display: inline-block;float: none;position:relative;width: auto;margin: 0;border: none;}
.tab-ul.board-tab li:after {display:block;position:absolute;top: 50%;right:-2px;content:'';width:4px;height:4px;margin-top: -2px;border-radius:50%;background:#dbdada;}
.tab-ul.board-tab li:last-child:after {display:none;}
.tab-ul.board-tab li a {display: block;width: auto;height: auto;padding: 0;margin: 0 20px;border:none;border-bottom: 4px solid transparent;background: none;font-size: 16px;}

.tab-ul.board-tab li a span {padding:10px 0;line-height: 1.6;color: #1a1b1c;}
.tab-ul.board-tab li a span:before {}
.tab-ul.board-tab li.on a, .tab-ul.board-tab li.on a:active, .tab-ul.board-tab li.on a:focus, .tab-ul.board-tab li.on a:hover {border-bottom: 4px solid #00958f;background: none;color: #00958f;}
.tab-ul.board-tab li.on a span {font-weight:700;color: #00958f;}


.text-left button {line-height:1.3; text-align:left;}

/* 게시판 자막 css */
.accessibility_vod_wrap {border: 1px solid #dcdcdc;margin:30px 0 10px;}
.accessibility_vod_wrap .subtit {padding: 35px 65px;background: #fbfbfb;}
.accessibility_vod_wrap .subtit strong {float: left;margin-top: 10px;padding-bottom: 20px;width: 15%;font-size: 16px;font-weight: 700;color: #089892;position: relative;}
.accessibility_vod_wrap .subtit strong:before{content:"";position:absolute;left:0;bottom: 0;width: 45px;background:#237ab2;height: 2px;}
.accessibility_vod_wrap .subtit strong:after{content:"";position:absolute;left: 25px;bottom: -8px;background:transparent;width: 15px;height: 15px;border:1px solid #089892;border-width:0 2px 2px 0;transform: rotate(315deg);}
.accessibility_vod_wrap .subtit .subtit_txt {float: right;padding: 10px;width: calc(83% - 10px);}
.accessibility_vod_wrap .subtit .subtit_txt .txtwrap {width: 100%;height: 100px;overflow-y: scroll;}
.accessibility_vod_wrap .subtit .subtit_txt pre {width: 100%;white-space: pre-line;word-wrap: break-word;word-break: keep-all;font-family: 'nsk', 'sans-serif';}
.accessibility_vod_wrap .subtit:after {content: "";display: block;clear: both;visibility: hidden;}

@media only screen and (max-width: 767px) {
    .accessibility_vod_wrap .vod_box {padding: 20px;}
    .accessibility_vod_wrap .subtit strong {padding-bottom: 0;}
	.accessibility_vod_wrap .subtit strong:before,
	.accessibility_vod_wrap .subtit strong:after{display: none;}
    .accessibility_vod_wrap .subtit strong, .accessibility_vod_wrap .subtit .subtit_txt {float: none;width: 100%;}
    .accessibility_vod_wrap .subtit h4 {margin-bottom: 15px;padding: 0;background: none;}
    .accessibility_vod_wrap .subtit {padding: 20px;}
    .accessibility_vod_wrap .subtit .subtit_txt {padding: 0;margin-top:15px;}
}