@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;max-width: 1000px; 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;padding:20px 25px;border:1px solid #ddd;}
.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:350px;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.v2{text-align:left;}
.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;z-index: 1;}
.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;z-index: 1;}
.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;}
}

/* 20205검색결과창 추가 */
.search, .search * {
    font-family: 'Malgun Gothic', '맑은 고딕', sans-serif;
  }
.search p{
    margin-top: 0;
}
.search .search-top{
    display: flex;
    align-items: center;
    gap: 16px;
}
.search .search-top .program--search{
    width: 63%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.search .program--search .search_inner.float-md-right{
    width: 100%;
  }
  .search .program--search .fieldset{
    width: 100%;
    display: flex;
    align-items: center;
}
  .search .program--search .fieldset .search--select{
    display: flex;
    align-items: center;
    gap: 4px;
    flex: 1;
  }
  .search .program--search .fieldset .search--select .search--text{
    flex: 1;
    max-width: unset;
  }
  .search .search-ranking{
    min-width: 400px;
    display: flex;
    align-items: center;
    background: #f6f6f6;
    gap: 22px;
    padding: 18px 19px 14px 27px;
  }
  .search .program--search .fieldset .search--btn{
    margin-left: 4px;
  }
  .search .search-ranking > p{
    margin-top: 0;
    display: inline-flex;
    gap: 2px;
    align-items: center;
    position: relative;
    color: #000;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -0.075rem;
    padding-right: 16px;
  }
  .search .search-ranking > p::before{
    display: block;
    position: relative;
    width: 24px;
    height: 24px;
    background: url(/pcms/common/images/prog/search-ranking-icon.svg);
    content: '';
  }
  .search .search-ranking > p::after{
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 19px;
    background: rgba(0, 0, 0, .12);
    content: '';
    transform: translateY(-50%);
  }
  .search .search-ranking .swiper{
    height: 33px;
    display: inline-flex;
    flex: 1;
    align-items: center;
  }
  .search .search-ranking .swiper a{
    display: inline-flex;
    align-items: center;
    height: 100%;
    font-size: 15px;
    font-weight: 400;
    color: #222;
  }
  .search .search-ranking .slide-ctrl{
    display: inline-flex;
    flex-direction: column;
    gap: 3px;
    width: fit-content;
    font-size: 0;
    line-height: 0;
}
.search .search-ranking .slide-ctrl button{
    display: inline-block;
    width: 16px;
    height: 15px;
    background: url(/pcms/common/images/prog/search-ranking-arrow.svg) no-repeat center center;
}
.search .search-ranking .slide-ctrl button.next{
    transform: scale(1, -1);
}
.search .search-result{
    margin-top: 36px;
}
.search .search-result > ul{
    display: flex;
    border: 1px solid #ddd;
}
.search .search-result > ul > li{
    flex: 1;
}
.search .search-result > ul > li.active{
    background: #079891;
    color: #fff;
}
.search .search-result > ul > li + li{
    border-left: 1px solid #ddd;
}
.search .search-result > ul > li:first-of-type{
    border-left: none;
}
.search .search-result > ul > li > a{
    text-align: center;
    padding: 18px 10px 14px 10px;
    display: inline-block;
    width: 100%;
}
.search .search-result > ul > li > a p{
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    color: #333;
}
.search .search-result > ul > li.active > a p, .search .search-result > ul > li.active > a span{
    font-weight: 700;
    color: #fff;
}
.search .search-result > ul > li > a span{
    display: inline-block;
    width: 100%;
}
.search .search-result-keyword{
    padding-top: 70px;
    text-align: center;
}
.search .search-result-keyword p{
    color: #333;
    font-size: 34px;
    font-weight: 700;
}
.search .search-result-keyword p span{
    color: #079891;
}
.search .search-result-group .group{
    margin-top: 80px;
}
.search .search-result-group .group .keyword{
    color: #079891;
    font-weight: 700;
}
.search .search-result-group .group > .title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 26px;
    border-bottom: 1px solid #999;
}
.search .search-result-group .group > .title p{
    color: #333;
    font-size: 26px;
    font-weight: 700;
}
.search .search-result-group .group > .title p span{
    display: inline-block;
    padding: 5px 10px;
    margin-left: 10px;
    background: #33353A;
    border-radius: 100px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
}
.search .search-result-group .group > ul > li{
    border-bottom: 1px solid #eee;
}
.search .search-result-group .group > ul > li > a{
    padding: 25px 10px;
    display: inline-block;
    width: 100%;
}
.search .search-result-group .group .location{
    display: flex;
    align-items: center;
    gap: 2px;
}
.search .search-result-group .group .location span{
    color: #555;
    font-size: 19px;
    font-weight: 700;
}
.search .search-result-group .group .location span:last-of-type{
    color: #079891;
}
.search .search-result-group .group .location i.ri-arrow-right-s-line{
    display: inline-flex;
    width: 21px;
    height: 20px;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}
.search .search-result-group .group .location + .title{
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
    color: #555;
    padding-top: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.search .search-result-group .group .txt{
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #555;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-top: 10px;
}
.search .search-result-group .group  ul.file li{
    padding: 25px 10px;
}
.search .search-result-group .group  ul.file li .anchor, .search .search-result-group .group  ul.file li .download a{
    color: #079891;
    padding: 1px 10px;
    margin-left: 10px;
    border: 1px solid #079891;
    transition: all .2s linear;
}
.search .search-result-group .group  ul.file li .anchor span , .search .search-result-group .group  ul.file li .download a span{
    font-size: 14px;
    font-weight: 400;
}
.search .search-result-group .group  ul.file li .download{
    padding-top: 10px;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
}
.search .search-result-group .group  ul.file li .download > span{
    display: inline-block;
    margin-left: 10px;
    color: #999;
    font-size: 12px;
    font-weight: 400;
}
.search .search-result-group .group  ul.file li .anchor:hover, .search .search-result-group .group  ul.file li .download a:hover{
    color: #fff;
    background: #079891;
}
.search .search-result-group .group  ul.file li .anchor:hover span{
    color: #fff;
}
@media only screen and (max-width: 1000px) {
    .search .search-top{
        flex-direction: column;
    }
    .search .search-top .program--search{
        margin: 30px 0 0 0;
        width: 100%;
    }
    .search .search-ranking{
        min-width: 100%;
    }
    .search .search-result > ul > li > a{
        padding: 13px 10px 9px 10px;
    }
    .search .search-result-group .group ul.file li .download a{
        display: block;
        width: fit-content;
        margin: 10px 0 0 0;
    }
}
@media only screen and (max-width: 768px) {
    .program--search .search_inner.float-md-right .fieldset{
        flex-direction: column;
        width: 100%;
        gap: 4px;
    }
    .search .program--search .fieldset .search--select{
        flex-direction: column;
        width: 100%;
    }
    .search .program--search .fieldset .search--select span{
        width: 100%;
    }
    .search .program--search .fieldset .search--btn input[type="submit"]{
        padding: 0 30px 0 10px;
        background: #33353a url(/pcms/common/images/ir/program--search--icon.png) no-repeat 90% 48%;
    }
    .search .program--search .fieldset .search--select .search--text{
        width: 100%;
    }
    .search .program--search .fieldset .search--btn{
        margin-left: 0;
        width: 100%;
    }
    .search .program--search .fieldset .search--btn span{
        width: 100%;
    }
    .search .search-result > ul{
        flex-wrap: wrap;
    }
    .search .search-result > ul > li{
        flex: unset;
        width: 33.3333%;
    }
    .search .search-result > ul > li:nth-of-type(n+4){
        border-top: 1px solid #ddd;
    }
    .search .search-result-keyword p{
        font-size: 28px;
    }
    .search .search-result-group .group > .title{
        padding-bottom: 13px;
    }
    .search .search-result-group .group > .title p{
        font-size: 24px;
    }
    .search .search-result-group .group .location span{
        font-size: 17px;
    }
    .search .search-result-group .group .location + .title{
        font-size: 18px;
        padding-top: 15px;
    }
    .search .search-result-group .group .location{
        flex-wrap: wrap;
    }
}

/* 이전 뉴스레터보기 버튼추가 */
.newsletter-new .newsletter-anchor{
    text-align: right;
}
.newsletter-new .program--search{
    margin: 10px 0 30px 0;
}
.newsletter-new .brochure_list .card--body .list_ul{
    display: flex;
    margin-top: 30px;
    border: 1px solid #ddd
}
.newsletter-new .brochure_list .card--body .list_ul li{
    width: 50%;
    text-align: center;
    padding: 7px 0 3px 0;
    padding-left: 15px;
    position: relative;
}
.newsletter-new .brochure_list .card--body .list_ul li::before{
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 15px;
    height: 15px;
    font-family: FontAwesome;
    font-size: 15px;
    line-height: 1;
    content: "\f06e";
    transform: translateY(-50%);
}
.newsletter-new .brochure_list .card--body .list_ul li:first-of-type{
    border-right: 1px solid #ddd;
}
.newsletter-new .brochure_list .card--body .list_ul li:first-of-type::before{
    content: "\f017";
    left: 6px;
}
.newsletter-new .brochure_list .card--body .list_ul li:last-of-type:before{
    content: "\f06e";
    left: 32px;
}
.newsletter-new .brochure_list .card--body .list_ul li b{
    font-size: 0;
    line-height: 0;
}
@media only screen and (max-width: 580px) {
    .newsletter-new .brochure_list .card--body .list_ul{
        flex-direction: column;
        width: 214px;
        margin: 30px auto 0 auto;
        position: relative;
    }
    .newsletter-new .brochure_list .card--body .list_ul::before{
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 1px;
        background: #ddd;
        content: '';
    }
    .newsletter-new .brochure_list .card--body .list_ul li{
        margin: 0 auto;
    }
    .newsletter-new .brochure_list .card--body .list_ul li:first-of-type{
        border-right: none;
    }
}

/* 2025 연구원 정보 기능개발 */
.table tr td button.proflie{
    font-size: 28px;
    font-weight: 400;
    color: #06998F;
    padding: 0;
    margin: 0;
    border: none;
}
.table tr td button.proflie i{
    display: inline-block;
    width: 30px;
    height: 28px;
    background: url(/images/kor/sub02/profile-icon.svg) no-repeat center center / contain;
}
html:has(body.modal-open){
    overflow: hidden !important;
}
.centerwrap #profileModal{
    padding: 0;
}
.centerwrap #profileModal .modal__body{
    left: auto;
    right: 0;
    bottom: unset;
    transform: none;
    top: 0;
    margin: 0;
    max-width: unset;
    width: 1350px;
    padding: 0;
    height: 100vh;
    border: 5px solid #079891;
}
#profileModal .modal__content{
    padding: 0;
}
#profileModal .modal__content h2{
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #079891;
    padding: 22px 39px;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5;
}
#profileModal .modal__close{
    position: absolute;
    top: 22px;
    right: 39px;
    display: inline-block;
    width: fit-content;
}
#profileModal .modal__close-button span{
    width: 30px;
    height: 34px;
    background: none;
}
#profileModal .modal__close-button span::before{
    width: 30px;
    height: 34px;
    left: 0;
    top: 0;
    margin: 0;
    transform:none;
    background: none;
    background: url(/images/kor/sub02/profile-close.svg) no-repeat center center;
}
#profileModal .modal__close-button span::after{
    display: none;
}
#profileModal .profile-modal-body{
    height: 100%;
    overflow-y: auto;
}
#profileModal .profile-modal-content{
    padding: 43px 55px;
}
#profileModal .profile-intro{
    display: flex;
    gap: 68px;
}
#profileModal .profile-intro .img{
    width: 180px;
    height: 180px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #F4F4F4;
}
#profileModal .profile-intro  .txt p{
    margin: 0;
}
#profileModal .txt-title{
    color: #00274E;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.5;
} 
#profileModal .txt .txt-name{
    padding-top: 15px;
    color: #2C2C2C;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.5;
}
#profileModal .txt .txt-name +  span{
    display: inline-block;
    padding-top: 10px;
    color: #555;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
}
#profileModal .txt .txt-name +  span strong{
    color: #079891;
    font-weight: 700;
}
#profileModal .txt .txt-name +  span + .txt-title{
    padding-top: 40px;
}
#profileModal .txt > ul{
    margin-top: 15px;
}
#profileModal .txt > ul li{
    display: flex;
    gap: 10px;
    color: #555;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
}
#profileModal .txt > ul li + li{
    margin-top: 10px;
}
#profileModal .txt > ul li::before{
    display: inline-block;
    position: relative;
    width: 6px;
    height: 6px;
    background: #30817B;
    border-radius: 50%;
    content: '';
    flex-shrink: 0;
    top: 10px;
}
#profileModal .tab-ul.type2 li button {
    position: relative;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    background: none;
    border: none;
    cursor: pointer;
    transition: color 0.2s linear;
    padding: 10px 40px 10px 20px;
    border: 1px solid #ddd;
    height: 68px;
    border-left: none;
  }
  #profileModal .tab-ul.type2 li:first-of-type button{
    border-left: 1px solid #ddd;
  }
  
  /* 테두리 효과 */
  #profileModal .tab-ul.type2 li button::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    border: 3px solid #089791;
    content: '';
    transition: all 0.2s linear;
    opacity: 0;
  }
  
  /* hover / active / focus / on 상태 */
  #profileModal .tab-ul.type2 li button:hover::before,
  #profileModal .tab-ul.type2 li.active button::before,
  #profileModal .tab-ul.type2 li.active button:active::before,
  #profileModal .tab-ul.type2 li.active button:focus::before,
  #profileModal .tab-ul.type2 li.active button:hover::before,
  #profileModal .tab-ul.type2 li.on button::before,
  #profileModal .tab-ul.type2 li.on button:active::before,
  #profileModal .tab-ul.type2 li.on button:focus::before,
  #profileModal .tab-ul.type2 li.on button:hover::before {
    opacity: 1;
  }
  
  /* 글자색 변경 */
  #profileModal .tab-ul.type2 li button:hover,
  #profileModal .tab-ul.type2 li.active button,
  #profileModal .tab-ul.type2 li.active button:active,
  #profileModal .tab-ul.type2 li.active button:focus,
  #profileModal .tab-ul.type2 li.active button:hover,
  #profileModal .tab-ul.type2 li.on button,
  #profileModal .tab-ul.type2 li.on button:active,
  #profileModal .tab-ul.type2 li.on button:focus,
  #profileModal .tab-ul.type2 li.on button:hover {
    color: #089791;
    border: none;
  }
  
  /* 기본 화살표 */
  #profileModal .tab-ul.type2 li button::after {
    position: absolute;
    content: "";
    top: 50%;
    right: 15px;
    width: 16px;
    height: 4px;
    margin-top: -1px;
    border-radius: 5px;
    background: #b5b7ba;
    transition: all 0.2s ease-out;
  }
  
  /* on/active/focus 상태의 화살표 이미지 */
  #profileModal .tab-ul.type2 li.on button::after,
  #profileModal .tab-ul.type2 li.active button::after,
  #profileModal .tab-ul.type2 li button:hover::after,
  #profileModal .tab-ul.type2 li button:focus::after,
  #profileModal .tab-ul.type2 li button:active::after {
    width: 16px;
    height: 10px;
    margin-top: -5px;
    background: url(/pcms/dist/img/tab_on_arrow.jpg) no-repeat;
  }
  
  #profileModal .profile-tab{
    margin-top: 40px;
  }
  #profileModal .profile-tab ul{
    display: flex;
    align-items: center;
  }
  #profileModal .profile-con .profile-con-item{
    display: none;
  }
  #profileModal .profile-con .profile-con-item.on{
    display: block;
  }
  #profileModal .profile-con-item p{
    margin: 0;
  }
  #profileModal .profile-con-item dl{
    padding: 40px 10px;
  }
  #profileModal .profile-con-item dl{
    border-bottom: 1px solid #DFDFDF;
  }
  #profileModal .profile-con-item dl .profile-con-title{
      color: #00274E;
      font-size: 22px;
      font-weight: 700;
      line-height: 1.5;  
      margin-bottom: 30px;
  }
  #profileModal .profile-con-item dl > div{
    display: flex;
    gap: 20px;
    align-items: center;
    margin-top: 10px;
    color: #555;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
  }
  #profileModal .profile-con-item dl > div dt{
    min-width: 130px;
    display: inline-block;
    font-weight: 700;
  }
  #profileModal .profile-con-item dl > div dd{
    font-weight: 400;
  }
  #profileModal .profile-con-item .program--page + ul{
    padding-top: 60px;
  }
  #profileModal .profile-con-item .program--page + ul li{
    display: flex;
    gap: 40px;
    padding: 30px 10px;
    border-top: 1px solid #DFDFDF;
  }
  #profileModal .profile-con-item .program--page + ul li:last-of-type{
    border-bottom: 1px solid #DFDFDF;
  }
  #profileModal .profile-con-item .program--page + ul li > span{
    display: inline-block;
    min-width: 140px;
    color: #555;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
  }
  #profileModal .profile-con-item .program--page + ul li > span.wide{
    min-width: 220px;
  }
  #profileModal .profile-con-item .program--page + ul li div p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #555;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
    word-break: break-word;
  }
  #profileModal .profile-con-item .program--page + ul li div p + p{
    color: #0166B6;
    margin-top: 15px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
  }
  #profileModal .profile-con-item .program--page + ul li div p.line1{
    -webkit-line-clamp: 1;
  }
  #profileModal .profile-con-item .program--page + ul li div p.line2{
    -webkit-line-clamp: 2;
    min-height: 48px;
  }
  #profileModal .profile-con-item .program--page + ul li div span{
    display: inline-block;
    margin-top: 10px;
    color: #757575;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
  }
  #profileModal .profile-con-item .program--page + ul li div:has(span[class*="type"]){
    display: flex;
    align-items: center;
    gap: 10px;
    width: calc(100% - 170px);
  }
  #profileModal .profile-con-item .program--page + ul li span[class*="type"]{
    display: inline-block;
    padding: 7px 15px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    margin-top: 0;
  }
  #profileModal .profile-con-item .program--page + ul li div:has(span[class*="type"]) > p{
    -webkit-line-clamp:1;
  }
  #profileModal .profile-con-item .program--page + ul li span.type01, #profileModal .profile-con-item .program--page + ul li span.type03{
    background: #1F7CB1;
  }
  #profileModal .profile-con-item .program--page + ul li span.type02, #profileModal .profile-con-item .program--page + ul li span.type04{
    background: #079891;
  }
  #profileModal .profile-con-item .program--page + ul li div span.type01{
    margin-top: 0;
  }
  #profileModal .profile-con .profile-con-item#tab-education dl > div{
    padding-left: 15px;
    flex-direction: column;
    align-items: flex-start;
  }
  #profileModal .profile-con .profile-con-item#tab-education dl > div > div{
    display: flex;
    align-items: center;
    gap: 20px;
  }
  #profileModal .profile-con .profile-con-item#tab-education dl > div > div dt{
    position: relative;
  }
  #profileModal .profile-con .profile-con-item#tab-education dl > div > div dt::before{
    display: block;
    position: absolute;
    top: 7px;
    left: -15px;
    width: 5px;
    height: 5px;
    background: #E4E4E4;
    border-radius: 50%;
    content: '';
  }
  #profileModal .profile-con .profile-con-item#tab-education dl > div > div dd{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    word-break: break-word;
  }
  @media only screen and (max-width: 1279px) {
    .centerwrap .centerpop .modal__body{
        width: 100% !important;
    }
    #profileModal .profile-modal-content{
        padding: 20px 30px;
    }
    #profileModal .profile-tab ul{
        overflow-x: auto;
        flex-wrap: wrap;
    }
    #profileModal .tab-ul.type2 li{
        width: 25%;
    }
    #profileModal .tab-ul.type2 li:nth-child(5) button{
        border-left: 1px solid #ddd;
    }
    #profileModal .tab-ul.type2 li:nth-child(n+5) button{
        border-top: none;
    }
    #profileModal .tab-ul.type2 li button{
        white-space: nowrap;
    }
  }
  @media only screen and (max-width: 1000px) {
    #profileModal .profile-intro{
        gap: 30px;
    }
    #profileModal .modal__content h2{
        padding: 15px 25px;
    }
    #profileModal .modal__close{
        top: 17px;
    }
    #profileModal .tab-ul.type2 li{
        width: 33.33%;
    }
    #profileModal .tab-ul.type2 li:nth-child(4) button{
        border-left: 1px solid #ddd;
    }
    #profileModal .tab-ul.type2 li:nth-child(n+5) button{
        border-left: none;
    }
    #profileModal .tab-ul.type2 li:nth-child(7) button{
         border-left: 1px solid #ddd;
    }
    #profileModal .profile-intro .img{
        flex-shrink: 0;
        width: 130px;
        height: 130px;
    }
    #profileModal .profile-con-item .program--page + ul li{
        gap: 20px;
    }
    #profileModal .profile-con-item .program--page + ul li > span{
        min-width: 100px;
    }
    #profileModal .profile-con-item .program--page + ul li > span.wide{
        min-width: unset;
        width: 150px;
    }
    #profileModal .profile-con-item .program--page + ul li div:has(span[class*="type"]){
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }
  }
  @media only screen and (max-width: 640px) {
    .centerwrap #profileModal .modal__body{
        border: 3px solid #079891;
    }
    #profileModal .profile-modal-content{
        padding: 15px;
    }
    #profileModal .profile-intro{
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    #profileModal .txt-title{
        font-size: 20px;
    }
    #profileModal .txt .txt-name{
        font-size: 22px;
    }
    #profileModal .txt > ul li{
        text-align: left;
    }
    #profileModal .tab-ul.type2 li{
        width: 100%;
    }
    #profileModal .tab-ul.type2 li:nth-child(n+2) button{
        border-top: none;
        border-left: 1px solid #ddd;
    }
    #profileModal .tab-ul.type2 li button{
        height: 50px;
    }
    #profileModal .tab-ul.type2 li button br{
        display: none;
    }
    #profileModal .profile-con-item dl{
        padding: 25px 0;
    }
    #profileModal .profile-con-item dl .profile-con-title{
        margin-bottom: 15px;
        font-size: 20px;
    }
    #profileModal .profile-con-item dl > div{
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
        margin-top: 0;
        gap: 10px;
    }
    #profileModal .profile-con-item dl > div + div{
        margin-top: 30px;
    }
    #profileModal .profile-con-item .program--page + ul li{
        flex-direction: column;
        text-align: left;
        gap: 10px;
    }
    #profileModal .profile-con-item .program--page + ul li > span{
        text-align: left;
    }
    #profileModal .profile-con .profile-con-item#tab-education dl > div > div{
        flex-direction: column;
        width: 100%;
        gap: 0;
        align-items: flex-start;
    }
  }

  /* 이메일 본인확인 */
  .form-group:has(#email){
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
  }
  .form-group #email{
    width: 300px;
    height: 50px;
    line-height: 48px;
    margin: 0 0 10px;
    padding: 0 20px;
    border: 1px solid #e1e0df;
    color: #999;
    font-size: 15px;
  }
  .login_box_wrap:has(#email) .item + .list-box{
    border-top: 2px solid #0c9d98;
  }
  @media only screen and (max-width: 640px) {
    .form-group:has(#email){
        flex-direction: column;
        gap: 0;
    }
    .form-group #email{
        width: 100%;
    }
  }