@charset "UTF-8";
/* 공통 top-box */
.ui-topbox.type1 .ir-icon{top:40%}

/* 리스트 색상 - 상태값 색상 통일 */
.stats.stats1{color:#d5403c}/* 접수대기 자료준비중 */
.stats.stats2{color:#4175c8}/* 대기접수 */
.stats.stats3{color:#0aa699}/* 접수중 */
.stats.stats4{color:#a8b5c5}/* 접수종료 */
.stats.stats5{color:#223b62}/* 사업보류 */
.stats.stats6{color:#ff8400}/* 사업연기 */
.stats.stats7{color:#ec332e}/* 사업취소 */

.span.stats{display:block; color:#fff;font-size: 15px;letter-spacing: -1px; padding:9.5px 6.5px  6.5px 10px; min-width: 78px;}
.span.stats.stats1{background-color:#d5403c}/* 접수대기 자료준비중 */
.span.stats.stats2{background-color:#4175c8}/* 대기접수 */
.span.stats.stats3{background-color:#0aa699}/* 접수중 */
.span.stats.stats4{background-color:#a8b5c5}/* 접수종료 */
.span.stats.stats5{background-color:#223b62}/* 사업보류 */
.span.stats.stats6{background-color:#ff8400}/* 사업연기 */
.span.stats.stats7{background-color:#ec332e}/* 사업취소 */


.badge.circle{width:60px !important;height:auto !important; padding: 10px 6.5px 6.5px !important; border-radius: 10px !important;line-height: 22px; box-sizing: border-box; font-size: 14px !important; letter-spacing: -1px; font-weight: normal;}
.badge.stats1{background-color:#164fcb !important;}/* 접수중*/
.badge.stats2{background-color:#c33408 !important;}/* 대기접수 */
.badge.stats3{background-color:#029d73 !important;}/* 접수중 */
.badge.stats4{background-color:#17838d !important;}/* 접수종료 */
.badge.stats5{background-color:#666 !important;}/* 접수마감 */
.badge.stats6{background-color:#e12b54 !important;}/* 사업취소 */
.badge.stat7{background-color:#0537a8 !important;}/* 사업취소 */

/* login.jsp */
.program--contents__login .btn{border-radius: 5px; border-color: #164571;
    background-color: #164571; padding: 6.5px 45px 9.5px 22px}

.program--contents__login .btn:hover,
.program--contents__login .btn:focus,
.program--contents__login .btn:active{background-color: transparent;}	

.program--contents__login .ui-topbox.type1{padding:0}
.program--contents__login .ui-topbox.type1 .inner{padding:30px}
.program--contents__login .ui-topbox.type1 .circle,.program--contents__login .ui-topbox.type1:before{display:none}
.program--contents__login .ui-topbox .inner .h-box{font-size: 34px;}
.program--contents__login .ui-topbox .inner p{color:#6e7179}
.program--contents__login .txt-tip{position:relative;padding-left:20px; padding-top: 10px; border-top:1px dashed #ddd;}
.program--contents__login .txt-tip:before{content:'※'; display:block; position:absolute; top:10px; left: 0;  width:18px; height:18px; border-radius: 50%; background-color:#1257a4; color:#fff; font-size: 12px; text-align: center; padding:0 1px; box-sizing: border-box;  background-image: none;line-height }

.program--contents__login .ui-list__column{display:flex; }

.program--contents__login .ui-list__column .inner{ border:5px solid transparent}
.program--contents__login .ui-list__column .item{padding:37px 20px; min-height:450px; border:1px solid #cacaca; text-align: center; min-height: 484px;}
.program--contents__login .ui-list__column .item .icon{width:80px; height:80px; background-image:url(/youth/images/kor/common/ir.png); background-repeat:no-repeat;background-position:-28px -33px }
.program--contents__login .ui-list__column .item .icon1{background-position:-15px -10px}
.program--contents__login .ui-list__column .item .icon2{background-position: -130px -10px;}
.program--contents__login .ui-list__column .item .icon3{background-image: url(/youth/images/kor/common/ir-icon3.png); background-repeat: no-repeat;
    background-position:center center;
    height: 45px;
    width: 100%;
    margin-top: 27px; margin-bottom: 8px;}
.program--contents__login .ui-list__column .item .h2{margin-top: 10px; font-size: 20px;}
.program--contents__login .ui-list__column .item .txt-h2{
	min-height: 58px;
    margin: 0 0 10px;
    line-height: 1.3;}
.program--contents__login .ui-list__column .item .list-box2{padding:20px 0 0; text-align:left; border-top:1px dashed #ddd; margin-top: 30px;}
.program--contents__login .ui-list__column .item .list-1st{margin-top: 0;}
.program--contents__login .ui-list__column .item .list-1st li{line-height: 1.2; padding-left: 8px; margin-bottom: 10px;}
.program--contents__login .ui-list__column .item .list-1st li:before{top:12px}


.program--contents__login .ui-list__column .inner:nth-child(3) .btn{padding:9px 23px 9px 46px;background-color: #1c2674;} 
.program--contents__login .ui-list__column .inner:nth-child(3) .btn:hover,
.program--contents__login .ui-list__column .inner:nth-child(3) .btn:focus,
.program--contents__login .ui-list__column .inner:nth-child(3) .btn:active{color:#fff}
.program--contents__login .ui-list__column .inner:nth-child(3) .btn:before{    content: '';
    display: inline-block;
    position: absolute;
    width: 30px;
    height: 28px;
    background: url(/youth/images/kor/common/btn_onepass_blue_36.png);
    top: 6px;
    left: 9px;
    background-position: -12px -5px;}


/* sns button */
.program--contents__login .ui-list__column .item .sns-btn{text-align: center; max-width:350px; margin:10px auto 0 auto}
.program--contents__login .ui-list__column .item .sns-btn button{display:table;width:100%;margin-top: 5px;text-align: center;border-radius: 5px;}
.program--contents__login .ui-list__column .item .sns-btn button > span{color:#fff;font-size:15px;display:table-cell;vertical-align:middle;height:50px;text-align:center;width: 100%;/* display: block; */padding: 0 30px;line-height: 50px;font-weight: bold;}
.program--contents__login .ui-list__column .item .sns-btn button > span i{margin-right: 10px;display: inline-block;width: 45px;height: 45px;background: url(/youth/images/kor/common/ir-sns.png) no-repeat;margin-top: -5px;}
.program--contents__login .ui-list__column .item .sns-btn button > span *{vertical-align:middle}
.program--contents__login .ui-list__column .item .sns-btn button > span em{display:inline-block;vertical-align: top;}
.program--contents__login .ui-list__column .item .sns-btn button.naver{background:#219a17;}
.program--contents__login .ui-list__column .item .sns-btn button.kakao{background:#fff201;}
.program--contents__login .ui-list__column .item .sns-btn button.facebook{background:#3b5c9a;}
.program--contents__login .ui-list__column .item .sns-btn button.kakao span{color:#3a2020}
.program--contents__login .ui-list__column .item .sns-btn button.naver > span i{background-position:-60px 0;}
.program--contents__login .ui-list__column .item .sns-btn button.kakao > span i{background-position:-118px 0;}
.program--contents__login .ui-list__column .item .sns-btn button.facebook > span i{background-position: 0 0;}


@media screen and (max-width:980px){
	.program--contents__login .ui-list__column .item .sns-btn button > span{padding:0 15px}
}

@media screen and (max-width:920px){
	.program--contents__login .ui-list__column{display:block}
	.program--contents__login .ui-list__column .inner{width:100%;max-width:100%;flex: 0 0 100%}
	.program--contents__login .ui-list__column .item{padding-top: 20px; min-height:440px}
}


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

	.program--contents__login .ui-list__column{flex-direction: column;}
	.program--contents__login .ui-list__column .inner{flex:0 0 100%; max-width:100%}


}

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

	.program--contents__login .ui-list__column .item .sns-btn button > span{padding:0 10px 0 15px }

}

/* sub-2_01_01.do */

.pagination{display:block}
.pagination ul{display:flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.page-item.active .page-link{line-height: 1.2;}


.ico-list li{position:relative}
.ico-list li:before{content:''; display:inline-block; width: 24px; height: 24px; border-radius: 50%; background-color:#1257a4; background-position:center center; background-repeat:no-repeat; position:absolute; top:0; left:0}
.ico-list .tel:before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M21 16.42v3.536a1 1 0 0 1-.93.998c-.437.03-.794.046-1.07.046-8.837 0-16-7.163-16-16 0-.276.015-.633.046-1.07A1 1 0 0 1 4.044 3H7.58a.5.5 0 0 1 .498.45c.023.23.044.413.064.552A13.901 13.901 0 0 0 9.35 8.003c.095.2.033.439-.147.567l-2.158 1.542a13.047 13.047 0 0 0 6.844 6.844l1.54-2.154a.462.462 0 0 1 .573-.149 13.901 13.901 0 0 0 4 1.205c.139.02.322.042.55.064a.5.5 0 0 1 .449.498z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");}
.ico-list .adr:before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 20.9l4.95-4.95a7 7 0 1 0-9.9 0L12 20.9zm0 2.828l-6.364-6.364a9 9 0 1 1 12.728 0L12 23.728zM12 13a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0 2a4 4 0 1 1 0-8 4 4 0 0 1 0 8z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");}




/* 지도보기 sub02_01_02.do */


/* 청소년 이용기관 상세보기 sub02_01_02.do */
.h2 .small{font-size: 16px;}
/* .list-1st > li{font-weight: bold;} */
.list-3st > li{font-weight: normal;}

/* 포토리스트  */
.photo_wrap .thumb,
.photo_wrap .thumb .photo_list--wrap,
.photo_wrap .thumb .photo_list--wrap .slick-list,
.photo_wrap .thumb .photo_list--wrap .slick-list .slick-track,
.photo_wrap .thumb .photo_list--wrap .slick-list .slick-track .slick-slide,
.photo_wrap .thumb .photo_list--wrap .slick-list .slick-track .slick-slide >div,
.photo_wrap .thumb .photo_list--wrap .slick-list .slick-track .slick-slide >div .photo_list--item,
.photo_wrap .thumb .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 {}
.photo_wrap .inner {position:relative; }
.photo_wrap .inner:after {display:block; clear:both; visibility:hidden; content:'';}
.photo_wrap .inner .info_box > strong{margin:0;vertical-align: middle;margin-bottom: 26px;display: block;}
.photo_wrap .inner .info_box > strong *{vertical-align: middle;}
.photo_wrap .inner .info_box > strong em{position:relative;display: block;font-size:35px;padding: 0 2px;font-family: 'score';color:#2b3b59;}
.photo_wrap .inner .info_box > strong .badge{width: auto;border-radius: 30px;background-color: #4175c8;height: auto;z-index: 5;font-size: 16px;padding: 5px 15px;}


.photo_wrap {margin: 107px 0 0;}
.photo_wrap .inner {position:relative;border-radius: 50px 0 0 0;background-color: #fff;/* background:#2b3b59 url(/youth/images/skin/photo_bg.png)no-repeat right bottom; */border: 8px solid #e5ecf5;padding: 58px 108px;min-height: 352px;}
.photo_wrap .inner2 {position:relative;min-height: 365px;padding: 70px 50px 50px 660px;border-radius:50px 0 50px 0;background: url(/youth/images/skin/photo_bg2.png)no-repeat left top;}
.photo_wrap .thumb {/*overflow: hidden;*/position:absolute;z-index: 1;right: 50px;top: -70px;bottom: 42px;width:560px;height:auto;background-color: #fff;/* box-shadow: 5px 5px 10px rgb(0 0 0 / 5%); */border-radius: 0 50px 0 0;z-index: 2;}
.photo_wrap .thumb .main-photo__skin {position:relative;z-index:1;width:100%;}
.photo_wrap .thumb .photoslide {position:relative;z-index:1;width:100%;}
.photo_wrap .thumb .picture {display:block;overflow:hidden;width:100%;height: 364px; position: relative;/* border: 1px solid; */}
.photo_wrap .thumb .picture span {display:block; position:relative; width:100%; height:100%; background:#fff; }
.photo_wrap .thumb .picture span img {position: absolute;top: 50%;left: 50%;width:auto;min-width:auto;max-width: none;/* max-height: none; *//* width: 100%; */height: 100%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.photo_wrap .thumb .control {display:inline-block;z-index:1;width: auto;}
/* .photo_wrap .thumb .control .paging {display:inline-block;float: right;padding:0 15px;background:rgba(0,0,0,.5); height:40px} */
.photo_wrap .thumb .control .paging span {display:inline-block; line-height:40px; color:#fff; font-weight:700;  height:100%}
.photo_wrap .thumb .control button {display:inline-block;float:none;position: absolute;top:50%; transform: translate(0,-50%); width:40px;height:40px;margin: 0;border-right: 1px solid rgba(255,255,255,0.3);background:rgba(0,0,0,.5);font-size:0;vertical-align: top; border-radius: 50%;}
.photo_wrap .thumb .control button.prev{left:-19px}
.photo_wrap .thumb .control button.next{right:-19px;}

.photo_wrap .thumb .control button[data-control="stop"],
.photo_wrap .thumb .control button[data-control="play"]{border-left:1px solid rgba(255,255,255,0.3)}
.photo_wrap .thumb .control button[data-control="prev"]:before,
.photo_wrap .thumb .control button[data-control="next"]:before{content:''; display:block;position:absolute; top:50%; width:12px;height:12px;border-width:2px;border-style: solid;border-color: #fff;transform: translateY(-50%) rotate(45deg);}
.photo_wrap .thumb .control button[data-control="prev"]:before{right: 10px;border-width: 0 0 2px 2px;}
.photo_wrap .thumb .control button[data-control="next"]:before{left: 10px;border-width: 2px 2px 0 0;}
.photo_wrap .thumb .control button[data-control="stop"]:before{width: 2px;height:9px;box-shadow: -3px 0 #fff, 3px 0 #fff;}
.photo_wrap .thumb .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 .info_box {position:relative;z-index:1;padding-top: 41px;}
.photo_wrap .info_box .icon-list{}
.photo_wrap .info_box .icon-list li{position:relative;padding-left: 128px;min-height: 25px;margin-top: 7px;}
.photo_wrap .info_box .icon-list li .fa{width:22px;height:22px;background-color:#01559e;background-size: 60%;background-position: 50%;background-repeat: no-repeat;border-radius: 50%;margin-right:2px;}
.photo_wrap .info_box .icon-list li .fa:before{font-size:0;}
.photo_wrap .info_box .icon-list li .fa.fa-map-marker{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 23.728l-6.364-6.364a9 9 0 1 1 12.728 0L12 23.728zm4.95-7.778a7 7 0 1 0-9.9 0L12 20.9l4.95-4.95zM12 13a2 2 0 1 1 0-4 2 2 0 0 1 0 4z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");}
.photo_wrap .info_box .icon-list li .fa.fa-search{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M11 2c4.968 0 9 4.032 9 9s-4.032 9-9 9-9-4.032-9-9 4.032-9 9-9zm0 16c3.867 0 7-3.133 7-7 0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7zm8.485.071l2.829 2.828-1.415 1.415-2.828-2.829 1.414-1.414z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");}
.photo_wrap .info_box .icon-list li .fa.fa-calendar{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M9 1v2h6V1h2v2h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h4V1h2zm11 9H4v9h16v-9zm-4.964 1.136l1.414 1.414-4.95 4.95-3.536-3.536L9.38 12.55l2.121 2.122 3.536-3.536zM7 5H4v3h16V5h-3v1h-2V5H9v1H7V5z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");}
.photo_wrap .info_box .icon-list li .fa.fa-list-ol{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M8 4h13v2H8V4zm-5-.5h3v3H3v-3zm0 7h3v3H3v-3zm0 7h3v3H3v-3zM8 11h13v2H8v-2zm0 7h13v2H8v-2z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");}
.photo_wrap .info_box .icon-list li .fa.fa-car{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M19 20H5v1a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V11l2.48-5.788A2 2 0 0 1 6.32 4H17.68a2 2 0 0 1 1.838 1.212L22 11v10a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1zm1-7H4v5h16v-5zM4.176 11h15.648l-2.143-5H6.32l-2.143 5zM6.5 17a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm11 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");}
.photo_wrap .info_box .icon-list li .fa.fa-map-marker2{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M19 21H5a1 1 0 0 1-1-1v-9H1l10.327-9.388a1 1 0 0 1 1.346 0L23 11h-3v9a1 1 0 0 1-1 1zM6 19h12V9.157l-6-5.454-6 5.454V19zm3-9h6v6H9v-6zm2 2v2h2v-2h-2z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");}
.photo_wrap .info_box .icon-list li .fa.fa-money{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M5 9a1 1 0 0 1 1 1 6.97 6.97 0 0 1 4.33 1.5h2.17c1.333 0 2.53.58 3.354 1.5H19a5 5 0 0 1 4.516 2.851C21.151 18.972 17.322 21 13 21c-2.79 0-5.15-.603-7.06-1.658A.998.998 0 0 1 5 20H2a1 1 0 0 1-1-1v-9a1 1 0 0 1 1-1h3zm1.001 3L6 17.022l.045.032C7.84 18.314 10.178 19 13 19c3.004 0 5.799-1.156 7.835-3.13l.133-.133-.12-.1a2.994 2.994 0 0 0-1.643-.63L19 15h-2.111c.072.322.111.656.111 1v1H8v-2l6.79-.001-.034-.078a2.501 2.501 0 0 0-2.092-1.416L12.5 13.5H9.57A4.985 4.985 0 0 0 6.002 12zM4 11H3v7h1v-7zm14-6a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm0 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-7-5a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm0 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");}
.photo_wrap .info_box .icon-list li .fa.fa-time{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm1-8h4v2h-6V7h2v5z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");}
.photo_wrap .info_box .icon-list li .fa.fa-year{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 17l-5.878 3.59 1.598-6.7-5.23-4.48 6.865-.55L12 2.5l2.645 6.36 6.866.55-5.231 4.48 1.598 6.7L12 17zm0-2.344l2.817 1.72-.766-3.21 2.507-2.147-3.29-.264L12 7.708l-1.268 3.047-3.29.264 2.507 2.147-.766 3.21L12 14.657z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");}


.photo_wrap .info_box .icon-list li em{position:absolute;left:0;top:0;width: 128px;color: #000;font-weight: bold;padding-right:36px;}
.photo_wrap .info_box .icon-list li em *{vertical-align:middle}
.photo_wrap .info_box .icon-list li em:after{content:'';position:absolute;right: 18px;top: 8px;width:1px;height:12px;background-color:#c9cdd4;}
.photo_wrap .info_box .btn_box {margin-top: 18px;}
.photo_wrap .info_box .btn_box .btn{padding: 15px;min-width:140px;border-radius:5px;font-size: 16px;text-align:center;font-weight:bold;color: #fff;background-color: #00274e;}
.photo_wrap .info_box .btn_box .btn .fa:before{font-size:0;}
.photo_wrap .slick-autoplay-toggle-button{display:none;}

.icon-list li{position:relative;/* padding-left: 128px; */min-height: 25px;margin-top: 7px;}
.icon-list li .fa{width:22px;height:22px;background-color:#01559e;background-size: 60%;background-position: 50%;background-repeat: no-repeat;border-radius: 50%;margin-right:2px;}
.icon-list li .fa:before{font-size:0;}

.icon-list li .fa.fa-map-marker{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 23.728l-6.364-6.364a9 9 0 1 1 12.728 0L12 23.728zm4.95-7.778a7 7 0 1 0-9.9 0L12 20.9l4.95-4.95zM12 13a2 2 0 1 1 0-4 2 2 0 0 1 0 4z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");}

.icon-list li .fa.fa-search{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M11 2c4.968 0 9 4.032 9 9s-4.032 9-9 9-9-4.032-9-9 4.032-9 9-9zm0 16c3.867 0 7-3.133 7-7 0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7zm8.485.071l2.829 2.828-1.415 1.415-2.828-2.829 1.414-1.414z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");}

.icon-list li .fa.fa-calendar{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M9 1v2h6V1h2v2h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h4V1h2zm11 9H4v9h16v-9zm-4.964 1.136l1.414 1.414-4.95 4.95-3.536-3.536L9.38 12.55l2.121 2.122 3.536-3.536zM7 5H4v3h16V5h-3v1h-2V5H9v1H7V5z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");}

.icon-list li .fa.fa-list-ol{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M8 4h13v2H8V4zm-5-.5h3v3H3v-3zm0 7h3v3H3v-3zm0 7h3v3H3v-3zM8 11h13v2H8v-2zm0 7h13v2H8v-2z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");}

.icon-list li .fa.fa-car{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M19 20H5v1a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V11l2.48-5.788A2 2 0 0 1 6.32 4H17.68a2 2 0 0 1 1.838 1.212L22 11v10a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1zm1-7H4v5h16v-5zM4.176 11h15.648l-2.143-5H6.32l-2.143 5zM6.5 17a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm11 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");}


.photo_wrap.typeB{margin-top:0;}
.photo_wrap.typeB .inner{border:1px solid #c4cbd2;border-radius: 5px;padding:56px;padding-left: 456px;min-height: 333px;}
.photo_wrap.typeB .thumb{top:51px;left:56px;right:auto; bottom:auto; border-radius: 0;width: 340px;height: 333px;}
.photo_wrap.typeB .thumb .picture{height: 333px;}
.photo_wrap.typeB .inner .info_box > strong{display:block;padding-bottom: 10px;border-bottom:1px solid #c4cbd2;padding-right: 80px;line-height: 1.4; font-size: 22px;}
.photo_wrap.typeB .inner .info_box > strong i{display:block;color:#09326d}
.photo_wrap.typeB .inner .info_box > strong em{color:#3a3a3a;padding: 0;}
.photo_wrap.typeB .inner .info_box .badge{position: absolute;top: 3px;right: auto;left: 0;padding: 4px 6.5px  2px!important; min-width:92px; font-family: 'GongGothic';}
.photo_wrap.typeB .inner .info_box .list-1st{}
.photo_wrap.typeB .inner .info_box .list-1st li{padding-left: 113px;min-height: 26px;}
.photo_wrap.typeB .inner .info_box .list-1st li em{font-weight:bold;width: 81px;display: inline-block;position: absolute;top: 0;left: 18px;color: #333; text-align: left;  font-family:'GongGothic'}
.photo_wrap.typeB .inner .info_box .list-1st li em .fa{display:none;}
.photo_wrap.typeB .inner .info_box .list-1st li em:before{content:'';position:absolute;top: 8px;right:0;width:1px;height:12px;background-color:#ddd;}
.photo_wrap.typeB .inner .info_box .card--btn{margin-top:20px;}
.photo_wrap.typeB .inner .info_box .card--btn .btn{min-width:198px;text-align:center;border-radius:5px;}
.photo_wrap.typeB  + .cnts_txt{padding:38px 0 68px;}

.program--view{	margin-bottom: 50px;}
.program--view .inner{}
.program--view .inner .title{position:relative;padding:36px 0;padding-right:103px;border-top:1px solid #000;border-bottom:1px solid #dbdbdb}
.program--view .inner .title > strong{display:block;line-height: 1.4;}
.program--view .inner .title > strong i{display:block;color:#09326d}
.program--view .inner .title > strong em{color: #000;padding: 0;font-size: 20px;}
.program--view .inner .title .badge{position: absolute;top: 10px;right: 20px;}
.program--view .inner .info_box{padding:32px 18px;border-bottom:1px solid #dbdbdb}
.program--view .inner .info_box .cnts_txt{padding: 10px;padding-top:10px;border-top: 1px dashed #ddd;margin-top: 20px;}
.program--view .inner .info_box .list-1st{}
.program--view .inner .info_box .list-1st li{padding-left: 113px;min-height: 26px;}
.program--view .inner .info_box .list-1st.col2 li{display:inline-block;width:49%}
.program--view .inner .info_box .list-1st li em{font-weight:bold;width: 81px;display: inline-block;position: absolute;top: 0;left: 18px;color: #333;}
.program--view .inner .info_box .list-1st li em .fa,.program--view .inner .info_box .list-1st li em span{display:none;}
.program--view .inner .info_box .list-1st li em:before{content:'';position:absolute;top: 8px;right:0;width:1px;height:12px;background-color:#ddd;}
.program--view .inner .card--btn{margin-top:20px;margin-bottom: 0;text-align:center;}
.program--view .inner .card--btn .btn{min-width:198px;text-align:center;border-radius:5px;line-height: 30px;}


.program--view .apply-article{/* border:1px solid #e1e1e1; *//* padding:40px; */margin: 84px 0 30px 0;overflow: hidden;}
.program--view .apply-article .forward{text-align:center;font-size: 28px;color:#000;font-weight:bold;margin-bottom:20px;}
.program--view .apply-article .forward strong{color:#1c7c57;font-weight:bold;}
.program--view .apply-article .forward-article{table-layout:fixed;display:table;width: calc(100% + 20px);text-align:center;margin: 0 -10px;}
.program--view .apply-article .forward-article .self-accrdt{display:table-cell;border:10px solid transparent;}
.program--view .apply-article .forward-article .self-accrdt .item{background-color: #fff;padding: 39px 10px;border: 1px solid #d3d3d3;border-radius: 5px;min-height: 300px;}
.program--view .apply-article .forward-article .self-accrdt .item .ir{display:block;margin:0 auto 20px;width: 87px;height: 87px;background:#fff url(/youth/images/prog/infedcCourse/ir-info__icon.png) no-repeat;background: #edf2f7;border-radius: 5px;position: relative;}
.program--view .apply-article .forward-article .self-accrdt .item .ir:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width: 55px;height: 55px;}
.program--view .apply-article .forward-article .self-accrdt .item em,.program--view .apply-article .forward-article .self-accrdt .item strong{display:block;text-align:center;line-height:1.2}
.program--view .apply-article .forward-article .self-accrdt .item strong{font-size: 18px;color: #3a3a3a;font-weight:bold;margin-bottom: 16px;}
.program--view .apply-article .forward-article .self-accrdt .item em{font-size: 16px;color: #666;}

.program--view.view-type2{/* padding-bottom:30px; */}
.program--view.view-type2 .inner{border:1px solid #e1e4e9;border-radius:5px;padding-bottom: 70px;}
.program--view.view-type2 .inner .title{border-top:none;border-bottom:none;background-color:#f1f5fb;padding: 40px;padding-right: 103px;}
.program--view.view-type2  .inner .title > strong em{font-family: 'score';font-size: 30px;color: #223b62;}
.program--view.view-type2  .inner .title > ul{margin:0}
.program--view.view-type2  .inner .title > ul:after {display:block; clear:both; visibility:hidden; content:'';}
.program--view.view-type2  .inner .title > ul li{display:inline-block;}
.program--view.view-type2  .inner .title > ul li:before{width:1px;height:14px;background-color:#c1c4c9}
.program--view.view-type2  .inner .title > ul li:first-child{padding-left:0}
.program--view.view-type2  .inner .title > ul li:first-child:before{display:none;}
.program--view.view-type2  .inner .title > ul li em{font-weight:bold;color:#000}


.program--view.view-type2 .inner .title .badge{top:40px;right: 30px;}
.program--view.view-type2 .inner .info_box .cnts_txt,.program--view.view-type2 .inner .info_box{border:none;}
.program--view.view-type2 .inner .info_box{padding:40px;}

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

	.program--view .apply-article .forward-article .self-accrdt .item em{font-size:20px;}

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

	.program--view .apply-article .forward-article .self-accrdt{display:inline-block;float:left;width:50%;}


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

	.program--view .apply-article{padding:20px;margin-top:70px;}
	.program--view .apply-article .forward-article .self-accrdt{display:block;float:none;width:100%;}
	.program--view .apply-article .forward-article .self-accrdt .item i{display:none;}

}


@media(max-width:1023px){

	.photo_wrap {margin:0 0 30px;}
	.photo_wrap.typeB .inner{padding-left: 370px;}
	.photo_wrap.typeB .thumb{position:absolute; left: 20px;width: 320px;margin: 0;}
	.photo_wrap.typeB .inner .info_box > strong em{font-size: 22px;line-height: 1.2;}
	.photo_wrap .inner2 {padding:45px 30px;}
	.photo_wrap .thumb {position:static; width:100%; max-width:578px; height:350px;margin:0 auto 30px;}
	.photo_wrap .thumb .picture span img {position: absolute;top: 50%;left: 50%;width: auto;min-width: 100%;max-width: 1000%;height: 100%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}

}

@media(max-width:900px){

	.photo_wrap.typeB .inner{padding-left: 53px;}
	.photo_wrap.typeB .thumb{position: static;top: auto;left: auto;width: 100%;max-width: none;margin: 0 auto 30px;}
	.photo_wrap.typeB .inner .info_box > strong em{font-size: 30px;}

}

@media(max-width:767px){

	.photo_wrap.typeB .inner{padding:30px;}
	.photo_wrap.typeB .inner .info_box > strong em{font-size: 24px;}
	.photo_wrap .thumb {height:300px;}
	.photo_wrap .inner2{padding:40px 25px;}
	.photo_wrap.typeB .inner .info_box > strong{padding-right:0}

}

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

	.photo_wrap .thumb {height:250px;}

}

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

	.photo_wrap.typeB .inner .info_box .list-1st li{padding-left:18px;}
	.photo_wrap.typeB .inner .info_box .list-1st li em{display:block;position:relative;top:auto;left:auto;}
	.photo_wrap.typeB .inner .info_box .list-1st li em:before{display:none;}
}

.photo_wrap .info_box{position:relative;}
.photo_wrap .info_box .button-list{position:absolute; top:0;right:0}
.photo_wrap .info_box .button-list li{display:inline-block;float:left; margin-left:5px}
.photo_wrap .info_box .button-list a{font-size: 13px;padding: 6.5px 31px 6.5px 6.5px;height: 34px; line-height: 23px;}
.photo_wrap .info_box .button-list a .ir{right:9px; top:51%}


.photo_wrap.typeB .inner .info_box .list-1st.sns-list li{padding-left:113px ;}
.photo_wrap.typeB .inner .info_box .list-1st.sns-list li:before{top:14px}
.photo_wrap.typeB .inner .info_box .list-1st.sns-list li em{line-height: 35px;}
.photo_wrap.typeB .inner .info_box .list-1st.sns-list li em:before{top:11px}
.photo_wrap .info_box .sns-list li:after{content:''; display:block; clear:both}
.photo_wrap .info_box .sns-list li a{display: inline-block;}
.photo_wrap.typeB .inner .info_box .list-1st.sns-list li a em{ text-indent: -9999px; width:auto}
.photo_wrap.typeB .inner .info_box .list-1st.sns-list li a em::before{display:none}
.photo_wrap .info_box .sns-list li a:before{content:''; display:inline-block;width:33px; height:33px; float:left; margin-right: 6px; margin-bottom: 2px; background-image: url(/youth/images/kor/common/ir-sns_2.png);}
.photo_wrap .info_box .sns-list li a:last-child{margin-right: 0;}

.photo_wrap .info_box .sns-list li a.ins:before{background-position:-76px 0 ;}
.photo_wrap .info_box .sns-list li a.yt:before{background-position:-114px 0 ;}
.photo_wrap .info_box .sns-list li a.fb:before{background-position: -1px 0;}
.photo_wrap .info_box .sns-list li a.nv:before{background-position: -37px 0;}
.photo_wrap .info_box .sns-list li a.dm:before{background-position: -77px -37px;}
.photo_wrap .info_box .sns-list li a.kko:before{background-position:-152px -37px;}
.photo_wrap .info_box .sns-list li a.kst:before{background-position:-1px -73px;}
.photo_wrap .info_box .sns-list li a.tt:before{background-position: -37px -36px;}
.photo_wrap .info_box .sns-list li a.nb:before{background-position:-115px -36px;}


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

}

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

	.photo_wrap .info_box .button-list{position: static; display:block; width:100%; margin-bottom:15px}
	.photo_wrap .info_box .button-list:after{content:''; display:block; clear:both}
	.photo_wrap .info_box .button-list li{max-width:calc(33.3333% - 5px); width:100%; }
	.photo_wrap .info_box .button-list li a{width:100%; padding:14px 31px 10px 6.5px; height:auto; margin-bottom:2px; font-size: 15px;}
	.photo_wrap.typeB .inner .info_box .list-1st.sns-list{display:block}
	.photo_wrap.typeB .inner .info_box .list-1st.sns-list li{padding-left:18px ;}
	.photo_wrap .info_box .sns-list li a{width:100%;height: 35px;margin-bottom: 4px;display: block;}
	.photo_wrap .info_box .sns-list li a:before{margin-right: 16px;}
	.photo_wrap.typeB .inner .info_box .list-1st.sns-list li a em{text-indent: 0; width:100%}


}

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

	.photo_wrap .info_box .button-list li{max-width:100%; }


}

/* 위치보기 kakao-map */
#kakao-map{height:500px}
#kakao-map .root_daum_roughmap .wrap_map{height:100%}


/*/kor/sub02_02.do */

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

	.s0202 .card-body .form-group .control-label label br{display:none}

}

/* sub03_04_02.do & sub03_04_03.do */

.form-group__upload{padding-right: 3px;}
.form-input__addon label{font-weight: 500; border-radius: 5px;}
.card-body>.form-group .radio .checkbox-inline{min-width:10%; display:inline-block}

.ui-topbox .inner .txtwrap .color{color:#e83421; display:block}
.ui-topbox .inner .down-wrap .btn{ font-size: 13px; padding:11px 31px 6.5px 10px}
.ui-topbox .inner .down-wrap .btn .ir-bbs{right:10px}
.txt-tip:before{background:url(/youth/pcms/dist/img/ir-bbs.png) -32px -147px no-repeat; top:3px}
.table tr td .btn{padding:9.5px 6.5px  6.5px 10px; min-width:78px}

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

}

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

	.h2{font-size: 17px; line-height: 1.2;}
	.ui-topbox .inner .down-wrap .btn{width:100%; margin-bottom:3px; font-size:14px}

}

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

	.form-group .form-inline.d-flex [class^=form-control]{width:31%}
	.card-body>.form-group .radio .checkbox-inline{width:40%}
}

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

	.h2{font-size: 16px;}
}

/* /kor/sub03_01.do*/
.ui-calendar .calendar-area .calendar .calHeader .calBtn{top: 0;}
.ui-calendar .time-area .time_box .obj{height:472px; overflow-y:auto; overflow-x: hidden;}
.ui-calendar .time-area .time_box .item:first-child{margin-top: 10px;}
.ui-calendar .time-area .time_box .item{padding-left: 0; border-bottom:1px solid #ddd; margin: 10px 0;}
.ui-calendar .time-area .time_box .item_tit{position:relative;}
.ui-calendar .time-area .time_box .item_tit strong{font-size: 18px;}
.s0301 .ui-calendar .time-area .time_box .item_tit{padding-bottom: 10px; padding-top: 44px;}
.s0301 .badge.circle,.cate-type{position:absolute;}
.s0301 .badge.circle{padding: 5px 5.5px 3.5px !important; top:0; min-width:75px}
.cate-type{ top:0; left:85px; padding:8px 5.5px 3.5px;font-size: 15px; }


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

	.ui-calendar{flex-direction: column;}
	.ui-calendar .calendar-area{margin-bottom: 30px;}

}

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

	.ui-calendar .calendar-area .calendar .calHeader .calDate{font-size: 25px;}
	.ui-calendar .calendar-area{padding: 0;}
	.ui-calendar .time-area .date_tit{font-size: 17px;}
	.ui-calendar .time-area .time_box .item_tit strong{font-size: 15px;}

}

/* /kor/ /sub03_02.do*/

/* 검색 */
.program_search {padding:50px 50px 40px; background:#f1f3f4; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom: 20px;}
.program_search .inner {margin-bottom:15px;}
.program_search .inner:after{content:"";display:block;clear:both;visibility:hidden;}
.program_search .inner .box {float:left; position:relative; padding-left:75px;}
.program_search .inner .box.box01 {margin-right: 2%;width: 23.5%;}
.program_search .inner .box.box02 {width: 74%;}
.program_search .inner .box.box02:after{content:"";display:block;clear:both;visibility:hidden;}
.program_search .inner .box.box02 input {float:left; width:47%; min-width:auto; background:#fff url(/lifelongedu/img/sub01/sub01_0102_icon01.png)no-repeat 95% center;}
.program_search .inner .box.box02 .mid {float:left;width:6%; line-height:40px; font-size:20px; font-weight:500; text-align:center;}
.program_search .inner .box.box03 {width:74%}
.program_search .inner .box.box03_a{width:100%}
.program_search .inner .box.box04 {margin-right: 2%;width: 24%;}
.program_search .inner .box.box04_b{margin-right:4%; width:45%;}
.program_search .inner .box.box05{width: 45%;}
.program_search .inner .box.box_last{margin-right:0; margin-left:5%}
.program_search .inner .box05.box_last .date_input{}
.program_search .inner .box05.box_last .date_input *{display:inline-block}
.program_search .inner .box05.box_last .date_input .calendar{max-width:calc(50% - 8.5px)}

.program_search .inner .box .tit {position:absolute;top:0;left:0;line-height:40px;font-size:16px;color:#1f1f1f;font-weight: bold;}
.program_search .inner .box select,
.program_search .inner .box input {width:100%;height:40px;line-height:40px;background:#fff;border:1px solid #fff;font-size: 14px;color:#252525;}
.program_search .inner .box input::placeholder {color: #777;}
.program_search .inner .box select{padding-left: 10px;padding-right: 30px;background-image:url(/youth/pcms/common/images/ir/arrow-select.png);background-repeat:no-repeat;background-position: 99% 50%;}
.program_search .search--btn input[type="submit"]{padding: 0 25px 0 10px;background-color: #165fcb;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M11 2c4.968 0 9 4.032 9 9s-4.032 9-9 9-9-4.032-9-9 4.032-9 9-9zm0 16c3.867 0 7-3.133 7-7 0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7zm8.485.071l2.829 2.828-1.415 1.415-2.828-2.829 1.414-1.414z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");background-repeat:no-repeat;color:#fff;text-shadow:0 0 1px #000;border: none;font-size: 15px;font-weight: bold;background-position: 100% 49%;font-family: "S-CoreDream", "gothic", "Malgun Gothic", "맑은 고딕", Dotum, 돋움, Helvetica, "Apple SD Gothic Neo", "애플 SD 산돌고딕 Neo";}
.program_search .search--btn button{height:45px;font-family: "S-CoreDream", "gothic", "Malgun Gothic", "맑은 고딕", Dotum, 돋움, Helvetica, "Apple SD Gothic Neo", "애플 SD 산돌고딕 Neo";font-weight: 700;}
.s0302 .program_search .text-center{display:block; width:100%; margin-top: 30px;}
.s0302 .program_search .text-center .search--btn{margin: 0 4px; display:inline-block}
.mid{display:inline-block;padding:0 2px;}

#eduBgngDt,
#minAge,
#maxAge{width:45%;display:inline-block;}


.board--card--list.board_reservation{}
.board--card--list .col .inner-box > a, .board--card--list .col .inner-box > button, .board--card--list.type2 .col .inner-box > a, .board--card--list.type2 .col .inner-box > button{/* margin-bottom:10px; */margin-top: -1px;background: #fff;}
.board--card--list.board_reservation .obj .col .inner-box .item .badge{position:static}
.board--card--list.board_reservation .obj .col .inner-box .item .badge.cate-type{background:#ff8400;}
.board--card--list .obj.col1 .card--body .title{line-height: 1;}
.board--card--list .obj.col1 .card--body .title em{display: inline-block;font-size: 14px;margin:10px 0 5px 0;color:#222;font-family:'GongGothic';font-family: "S-CoreDream", "gothic", "Malgun Gothic", "맑은 고딕", Dotum, 돋움, Helvetica, "Apple SD Gothic Neo", "애플 SD 산돌고딕 Neo";letter-spacing: -1px;/* border: 1px solid #ddd; *//* padding: 2px 15px; */}
.board--card--list .obj.col1 .card--body .title em.small{
	display: inline-flex;
	justify-content: flex-end;
	float: right;
}
.stats-list{position:relative}
.stats-list .cate-type{top:3px; left:76px}
.stats-list .badge{display:inline-block;padding: 3px 5.5px 3.5px !important;width:auto !important;min-width:70px;font-weight: bold;border-radius: 2px !important;}
.board--card--list.board_reservation .obj{margin-top: 0;}
.board--card--list.board_reservation .obj .card--body ul li, .board--card--list.board_reservation.type2 .obj .card--body ul li{display:block; position:relative; padding-left: 100px;}
.board--card--list.board_reservation .obj .card--body ul li em, .board--card--list.board_reservation.type2 .obj .card--body ul li em{width:auto; position:absolute; left:0; top: 0px; font-family:'GongGothic'}
.board--card--list .col .inner-box > button .item .thm--box:before,.board--card--list .col .inner-box > button .item .thm--box:after,.board--card--list .col .inner-box > button .item .thm--box:hover::before,.board--card--list .col .inner-box > button .item .thm--box:hover::after{display:none}
.program--count:before{top: -2px;}

.photo_wrap.edue  .inner{padding:56px 56px 40px 450px}
.photo_wrap.edue  .inner .info_box > strong{font-size: 25px; line-height: 1;}
.photo_wrap.edue  .inner .info_box > strong em{display:block; font-size: 20px; line-height: 1; margin:6px 0}
.photo_wrap.edue .thumb{height:458px;}
.photo_wrap.edue .thumb-inner{position:relative; width:100%; height:100%; overflow: hidden;}
.photo_wrap.edue .card-img-top{height:100%; max-width:none; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
.photo_wrap.edue .inner .info_box .list-1st li{ font-weight: 500;}

.s0302 .down-btn{padding:10px 47px 9px 15px; line-height: 1;margin-bottom: 3px;}
.table tr td .btn.down-icon{width:50px; height: 50px; min-width: auto; padding:5px; border:1px solid #ddd}
.btn-secondary.btn-icon .ir-download{top:50%; left:50%; transform:translate(-50%,-50%)}
@media screen and (max-width: 1023px) {

	.photo_wrap.edue .inner{padding:56px 56px 40px 370px}

}

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

	.photo_wrap.edue .inner{padding:56px 56px 40px 56px}
	.photo_wrap.edue .info_box{padding-top: 33px;}

}

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

	.program_search .inner{margin-bottom: 5px;}
	.program_search .inner .box.box05{display:block; width:100%; margin-bottom:5px}
	.program_search .inner .box.box_last{margin-left: 0; margin-bottom: 0;}
	.board--card--list .obj.col1 .col .inner-box .item, .board--card--list.type2 .obj.col1 .col .inner-box .item{padding-left: 0;}
	.board--card--list .obj .thm--box .inner, .board--card--list.type2 .obj .thm--box .inner{position:relative; top:auto; left:auto; overflow: hidden; }
	.board--card--list .obj.col1 .col .thm--box{position:relative; height:353px; max-width:100%; width:100%}
	.board--card--list.board_reservation .obj .card--body,.board--card--list.board_reservation.type2 .obj .card--body{padding:32px ​20px 20p}

}

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

	.photo_wrap.edue .inner {padding:56px 30px 40px 30px}
	.photo_wrap.edue .inner .info_box .list-1st li{padding: 20px 0 0 17px;}
	.photo_wrap.edue .inner .info_box .list-1st li em:before{display:none}
	.s0302 .down-btn{margin-top: 7px;}
}

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

	.board--card--list .obj .thm--box .inner img{width:auto;}
	.s0302 .down-btn{display:block; margin-bottom:3px; margin-top: 0;}
	.s0302 .down-btn:first-of-type{margin-top: 7px;}

}

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

	.program_search{padding:50px 20px 40px}
	.program_search .inner .box.box05{padding-left: 0;}
	.program_search .inner .box .tit{position:relative; display:block}
	.s0302 .program_search .btn{padding:11px 15px 9px}
	.program_search .search--btn input[type="submit"]{padding: 0 25px 0 2px;}

}

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

	.photo_wrap.edue .inner .info_box > strong{font-size: 20px;}
	.photo_wrap.edue .inner .info_box > strong em{font-size: 16px;}
	.photo_wrap.edue .inner .info_box .list-1st li em{position:absolute; top:0; left:16px}
	.photo_wrap.edue .inner .info_box .list-1st li em:before{display:none}

}

/* sub03_03.do */
.current{font-size: 18px; margin-bottom: 10px;}
.s0303 .ui-topbox.type1 .inner{padding:40px}
.s0303 .ui-topbox .inner .txtwrap .list-1st li{line-height: 1.3;}
.s0303 .ui-topbox .inner .txtwrap .color{display:inline-block}

.s0303 .table tr td .btn{min-width:104px}
.s0303 .layer-button .btn{background-color:#223b62}

.ui_subscription--form.short-text .ui_text--box .box-text__scroll{height:100px}
.ui_subscription--form .ui_text--box .box-text__scroll h3:first-child{line-height: 1.3;font-size: 16px;letter-spacing: -1px;/* font-family: "S-CoreDream", "gothic", "Malgun Gothic", "맑은 고딕", Dotum, 돋움, Helvetica, "Apple SD Gothic Neo", "애플 SD 산돌고딕 Neo"; */}

/* 반려사유 팝업 */
.modal__body{max-width:400px; width:100% !important; min-height: 180px; padding-top: 0;}
.modal__header{margin:0; padding:15px; font-size: 17px; background:#00a291; color:#fff; font-size: 17px;}
.modal__content{padding: 15px;}
.modal__close-button span{width:57px;height:57px}

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

	.ui_subscription--form .inquiry--btn{flex-direction: column;}
	.ui_subscription--form.short-text .ui_text--box .box-text__scroll{height:115px}

}

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

	.ui_subscription--form.short-text .ui_text--box .box-text__scroll{height:160px}

}


/*12.21 */
/* 탑박스 */
.s0503 .list-1st li {color:red;line-height:1.3;}
.s0503 .list-1st>dd:before, .list-1st>li:before, .txt_bul:before {top:50%;margin-top:-5px;}

/* 검색박스 */
.s0503 .program--search {margin:15px 0px;}
.s0503 .program--search .fieldset {text-align:right;}

/*등록버튼*/
.s0503 .box-footer {margin-top: 0px;}
.s0503 .box-footer .btn {background-color:#165fcb;color:#fff;}

/* 페이지버튼 */
.s0503 .pagination {display:inline-block;}

/* 컨텐츠 리스트 설정 */
/* 박스크기 */
.s0503 .board--card--list, .board--card--list .obj{padding:0px 4px;}
.s0503 .board--card--list .obj .col .inner-box .item {border-radius:5px;}
.s0503 .board--card--list.type2.promtrlReqst .obj .card--body {border: none;padding: 20px 25px;text-align: left;}
.s0503 .board--card--list .obj.col3 .col {height:136px;}
.s0503 .board--card--list.promtrlReqst .obj .card--body .tit, .board--card--list.type2.promtrlReqst .obj .card--body .tit {padding-bottom: 3px;font-size: 20px;font-weight:bold;font-family: "S-CoreDream", "gothic", "Malgun Gothic", "맑은 고딕", Dotum, 돋움, Helvetica, "Apple SD Gothic Neo", "애플 SD 산돌고딕 Neo";color: #000;}
.s0503 .board--card--list .obj .card--body ul {padding-bottom:20px;}
.s0503 .board--card--list.type2 .obj .card--body ul{display:flex;margin-left: -10px;padding-bottom: 0;}
.s0503 .board--card--list.type2 .obj .card--body ul li{margin-left: -1px;padding: 0 10px;position: relative;margin: 0;line-height: 22px;vertical-align: top;}
.s0503 .board--card--list.type2 .obj .card--body ul li em{position: relative;top: -2px;}

.s0503 .board--card--list.promtrlReqst .obj .card--body ul li.icon_03 em:before,
.s0503 .board--card--list.type2.promtrlReqst .obj .card--body ul li.icon_03 em:before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M14.6 8H21a2 2 0 0 1 2 2v2.104a2 2 0 0 1-.15.762l-3.095 7.515a1 1 0 0 1-.925.619H2a1 1 0 0 1-1-1V10a1 1 0 0 1 1-1h3.482a1 1 0 0 0 .817-.423L11.752.85a.5.5 0 0 1 .632-.159l1.814.907a2.5 2.5 0 0 1 1.305 2.853L14.6 8zM7 10.588V19h11.16L21 12.104V10h-6.4a2 2 0 0 1-1.938-2.493l.903-3.548a.5.5 0 0 0-.261-.571l-.661-.33-4.71 6.672c-.25.354-.57.644-.933.858zM5 11H3v8h2v-8z' fill='rgba(50,152,219,1)'/%3E%3C/svg%3E");}

.s0503 .board--card--list.promtrlReqst .obj .col .inner-box .item .badge,
.s0503 .board--card--list.type2.promtrlReqst .obj .col .inner-box .item .badge{font-family:Helvetica, "Apple SD Gothic Neo", "애플 SD 산돌고딕 Neo";font-size: 13px;display: block;word-break: break-word;line-height: 1.4;text-align: center;padding-top: 15px !important;}

.s0503 .board--card--list.promtrlReqst .obj .col .inner-box .item .badge em,
.s0503 .board--card--list.type2.promtrlReqst .obj .col .inner-box .item .badge em{display:block;font-family: "S-CoreDream", "gothic", "Malgun Gothic", "맑은 고딕", Dotum, 돋움, Helvetica, "Apple SD Gothic Neo", "애플 SD 산돌고딕 Neo";font-weight:bold;font-size: 16px;margin-top: 1px;}

@media (max-width:800px) {

	.s0503 .board--card--list .obj .col{width:100%;flex: 0 0 100%;max-width: 100%;}

}

@media (max-width: 769px) {

	.s0503 .program--search .fieldset {text-align:center;}

}

@media (max-width:685px) {

	.s0503 .program--search .search--btn {display:flex;justify-content:center;margin-top:20px;}
	.s0503 .program--search .search--btn .btn--submit {width:50%;}
	.s0503 .program--search .search--btn .btn--submit, .program--search .search--btn button {width:50%;}
	.s0503 .program--search .search--text {width:100%;margin-left:20%;}

}

@media (max-width:605px) {

	.s0503 .board--card--list.type2.promtrlReqst .obj .card--body {border: none;padding: 20px 10px;text-align: left;}

}

@media (max-width:601px) {

	.s0503  .btn.btn-default {background-color:#00a877;}
	.s0503 .program--search .search--btn {display:flex;justify-content:right;}
	.s0503 .program--search .search--btn .btn--submit {width:50%;}
	.s0503 .program--search .search--btn .btn--submit, .program--search .search--btn button {width:50%;}
	.s0503 .program--search .program--count span {margin-right:50px;}
	.s0503 .program--search .search--text {width:100%;margin-left:0px;}

}

@media (max-width:561px) {
	.s0503 .board--card--list.type2.promtrlReqst .obj .card--body {border: none;padding: 20px 25px;text-align: left;}
	.s0503 .program--search .search--btn .btn--submit {width:50%;}
	.s0503 .program--search .search--btn .btn--submit, .program--search .search--btn button {width:50%;}
}


/* 설문조사 페이지 */
.progboard_total {margin:0 0 10px;}
.progbasic_box {position:relative;margin-bottom: 30px;padding: 15px 20px;border: 1px solid #d9d9d9;background: #fff;}
.progbasic_box:after {content:"";position:absolute;bottom:-4px;left:-1px;display:block;width:100%;height:3px;background:#f1f1f1;}
.progbasic_box .basic_search strong {line-height:34px; margin:0 5px 0 0; font-size:16px;}
.progbasic_box .inner:after {display:block; clear:both; visibility:hidden; content:''; }
.progbasic_box .grap {float:left; width:auto; }
.progbasic_box .grap select,
.progbasic_box .grap input { height: 34px; line-height:34px; border: 1px solid #ddd;}

/* 설문조사 리스트  */
.surveyWrap {margin:0 0 50px;}
.surveyWrap * {box-sizing:border-box; word-break:keep-all;}

.surveylist {margin:0 -15px; }
.surveylist:after {display:block; clear:both; visibility:hidden; content:'';}
.surveylist .colbox {float:left; width:calc(33.33% - 30px); margin:0 15px 30px; border:1px solid #ddd; }
.surveylist .colbox a {display:block; position:relative; width:100%; }
.surveylist .colbox .cate {position:absolute; left:0; top:0; height:40px; line-height:40px; padding:0 15px; font-size:14px; font-weight:bold; color:#fff; }
.surveylist .colbox .cate1 {background: #0466b7;}
.surveylist .colbox .cate2 {background: #d63431;}
.surveylist .colbox .cate3 {background: #586270;}
.surveylist .colbox .thumb {height:200px; border-bottom:1px solid #ddd; background-position:center; background-size:cover; }
.surveylist .colbox .info {padding:25px 30px;}
.surveylist .colbox .info strong {display:block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 50px;line-height: 1.5;text-overflow: ellipsis;white-space: normal;font-size: 17px;font-weight: bold;color: #000;}
.surveylist .colbox .info .box {margin: 15px 0 0;padding: 10px 0 0;border-top:1px solid #ddd;}
.surveylist .colbox .info .box:after {display:block; clear:both; visibility:hidden; content:'';}
.surveylist .colbox .info .box .date {float:left; color:#777; font-size:15px;}
.surveylist .colbox .info .box .view {float:right; color:#777; font-size:15px;}
.surveylist .colbox .info .box .view:before {display:inline-block;content:'';width: 22px;height: 23px;margin: -3px 5px 0 0;background: url(/youth/images/kor/common/icon-bbs.png) no-repeat 0 0;vertical-align:middle;}
@media(max-width:1300px){
	.surveylist .colbox {width:calc(50% - 30px);}
}

@media(max-width:640px){
	.surveylist .colbox {width:calc(100% - 30px);}
}

.surveyview {}
.surveyview .toptit {}
.surveyview .toptit .cate {display:block;overflow: hidden;line-height: 1.1; margin:0 0 10px;font-size: 20px;font-weight: bold;}
.surveyview .toptit .cate1 {color: #0466b7;}
.surveyview .toptit .cate2 {color: #d63431;}
.surveyview .toptit .cate3 {color: #586270;}
.surveyview .toptit strong {display:block;overflow: hidden;line-height: 1.3;padding: 0 0 40px;border-bottom: 2px solid #3a3a3a;font-size: 30px;font-weight: bold;color: #272727;}
.surveyview .toptit ul {padding:35px 0;margin: 0 0 40px;border-bottom: 1px solid #3a3a3a;}
.surveyview .toptit ul:after {display:block; clear:both; visibility:hidden; content:'';}
.surveyview .toptit ul li {float:left;position:relative;width:50%;margin: 3px 0;padding-left:75px;font-size:15px;color:#333;}
.surveyview .toptit ul li span {display:block;position:absolute;left: 0;top:0;color: #333;font-size: 15px;font-weight: 700;}
.surveyview .toptit ul li a {display:inline-block;height:23px;line-height: 21px;margin: 0 5px 5px 0;padding: 0 10px;border: 1px solid #333;font-size: 15px;color: #333;}
.surveyview .editorBox {font-size:15px}
.surveyview .btnbox {margin: 50px 0;text-align:center;}
.surveyview .btnbox .btntype {display:inline-block;min-width:100px;height:40px;line-height:40px;padding:0 20px;border: 1px solid #0466b7;color: #0466b7;}
.surveyview .btnbox .btntype2 {background:#0466b7; color:#fff; }

.tip {position:relative;padding-left: 17px;font-size:15px;color:#272727;}
.tip:before {display:block;position:absolute;content:'※';left:0;top: -1px; }

.satisfaction {min-height:130px;}

@media(max-width:767px){
	.surveyview .toptit ul li {float:none; width:100%;}
}

/* 댓글 */
.commont_tit {margin:100px 0 10px;}
.commont_tit:after {display:block; clear:both; visibility:hidden; content:''; }
.commont_tit strong {display:block; float:left; color: #272727; font-size:18px; font-weight:bold;}
.commont_tit span {display:block; float:right; color: #272727;}
.comment {padding: 20px 0 0;border-top: 2px solid #222;}
.comment .group {}
.comment .group .item {padding: 20px 0;border-bottom: 1px dashed #ddd;}
.comment .group .item:last-child {border-bottom: 1px solid #ddd;}

.comment .group .item p {font-size:15px;}
.comment .group .item .commtop {margin:10px 0 0;}
.comment .group .item .commtop:after {display:block; clear:both; visibility:hidden; content:''; }
.comment .group .item .commtop strong {display:block;float:left;font-size:15px;font-weight:normal;color: #999;vertical-align: top;}
.comment .group .item .commtop strong span {margin-right:10px;font-weight:bold;color: #333;}
.comment .comment_write {position:relative; padding:20px 110px 20px 0;}
.comment .comment_write textarea {width:100%;height:100px;padding: 10px;}
.comment .comment_write a,
.comment .comment_write button {display:block;position:absolute;right:0;top:20px;width:100px;height:100px;line-height:100px;background-color: #0466b7;text-align:center;color:#fff;font-weight:bold;}
.likebtn {float:right;text-align:right;}
.likebtn .btntype {line-height: 24px;padding: 0 5px;border:1px solid #0466b7;background:#fff;color:#0466b7;vertical-align: top;}
.likebtn .btntype2 {border:1px solid #d63431; color:#d63431;  }
.likebtn .btntype span {margin-right:5px;vertical-align: middle;}

@media(max-width:500px){
	.comment .comment_write {padding:20px 0;}
	.comment .comment_write a,
	.comment .comment_write button {position:static; width:100%; height:50px; line-height:50px;margin:10px 0 0; }
}

.scrollbox {}
.scrollbox > strong {display:block;margin:0 0 10px; font-size:18px;font-weight: bold;color: #272727;}
.scrollbox > div {border:1px solid #ccc;padding:20px; }
.scrollbox > div .inner {overflow-y:auto; height:150px; }

.checklist {}
.checklist .checkbox {padding:0 0 30px; border-bottom:1px dashed #ddd; }
.checklist .checkbox > strong {display:block; margin:30px 0 10px; font-size:18px;font-weight: bold;color: #272727; }
.checklist .checkbox > strong span {margin-right:5px; color:#0466b7; font-weight:bold; }
.checklist .checkbox > div {margin:5px 0 0; }
.checklist .checkbox.type3 > div,
.checklist .checkbox.type4 > div {display:inline-block; margin:5px 15px 0 0; }
.checklist .checkbox > div label {font-size:15px; }
.checklist .checkbox > div input {margin:0 10px 0 0;}
.checklist .checkbox > div textarea {width:100%; height:200px;     border: 1px solid #ccc;}

.survey_imglist{}
.survey_imglist .colbox{margin:0 0 30px; padding:30px 35px; border:1px solid #ddd; }
.survey_imglist .colbox:after{display:block; clear:both; visibility:hidden; content:'';}
.survey_imglist .colbox .thumb {float:left; width:40%; height:200px; ;}
.survey_imglist .colbox .info {float:left;width:60%;padding:20px 0 0 30px;}
.survey_imglist .colbox .info strong {display:block;margin:0 0 10px;font-size: 17px;color:#272727;font-weight:bold;}
.survey_imglist .colbox .info p {font-size:15px;}
.survey_imglist .colbox label {display: inline-block;width: 100px;margin: 25px auto 0;padding: 5px 15px;border: 1px solid #ddd;text-align: center;font-size: 17px;}
.surveyWrap .imglist_txt {margin:70px 0 15px;text-align:center;font-size:20px;font-weight:bold;}
.surveyWrap .imglist_txt span {color: #d63431;}

.surveyWrap .opinion {margin: 0 0 60px;padding: 0 0 60px;border-bottom: 1px solid #ddd;text-align:center;}
.surveyWrap .opinion label {display: inline-block;min-width: 100px;padding: 10px 15px;margin:0 5px;}
.surveyWrap .opinion label.type1 {border:1px solid #0466b7; background:#0466b7; color:#fff;}
.surveyWrap .opinion label.type2 {border:1px solid #d63431; background:#d63431; color:#fff; }
.surveyWrap .opinion label input {margin:0 10px 0 0; }

.surveyWrap .ui-accordion--faq {border-top:1px solid #ddd;}
.surveyWrap .ui-accordion--faq .accordion__item {}
.surveyWrap .accordion__header {position:relative;padding: 20px 100px 20px 20px;}
.surveyWrap .accordion__header:after {display:block; clear:both; visibility:hidden; content:''; }
.surveyWrap .accordion__header label {display: inline-block;position: relative;z-index: 10;font-size:18px;margin: 0;}
.surveyWrap .accordion__header label input {margin:-3px 10px 0 0}
.surveyWrap .accordion__header a {display:block;position:absolute;top: 50%;transform: translateY(-50%);left: 0;width: 100%;height: 100%;border: 1px solid #ddd;border-top: 0;border-bottom:0;text-align: right;padding: 25px 20px;}
.surveyWrap .accordion__body {display:none;}
.surveyWrap .accordion__body .accordion__content {padding:20px;background: #f4f4f4;font-size:15px;}


@media(max-width:767px){

	.survey_imglist .colbox {padding:20px 20px;}
	.survey_imglist .colbox .thumb {float:none; width:100%; max-width:500px; margin:0 auto; }
	.survey_imglist .colbox .info {float:none; width:100%; padding:0; margin:20px 0 0;}
}


/* sns */
#tab_wrap {position: relative;}
#tab_wrap * {box-sizing:border-box; }

#tab_wrap .menu_wrap{border:1px solid #cecece;overflow:hidden;}
#tab_wrap .menu_wrap:after {display:block; clear:both; visibility:hidden; content:''; }
#tab_wrap .menu_wrap li{display:block;float:left;width:25%;margin:0 0 -1px -1px;border:dashed #cecece;border-width:0 0 1px 1px;}
#tab_wrap .menu_wrap li a{display:block;padding:7px 15px 7px 35px;background:url(/youth/images/kor/common/bul_tab.png) no-repeat 15px -28px;font-weight:700;text-align:justify;cursor:pointer;}
#tab_wrap .menu_wrap li a.ov,
#tab_wrap .menu_wrap li a:hover,
#tab_wrap .menu_wrap li a:focus,
#tab_wrap .menu_wrap li a:active{background:#66747F url(/youth/images/kor/common/bul_tab.png) no-repeat 15px 13px;color:#fff;}
#tab_wrap .menu_wrap li a[target="_blank"] span{padding-right:15px;background:url(/youth/images/kor/common/ico_window.gif) no-repeat 100% 50%;}


#tab_wrap .sns_list {margin: 15px 0 0;}
#tab_wrap .sns_list ul {margin:0 -14px;}
#tab_wrap .sns_list ul:after {display:block; clear:both; visibility:hidden; content:'';}
#tab_wrap .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;}
#tab_wrap .sns_list ul li[data-cnt="9"] {display:none;}
#tab_wrap .sns_list ul li:after {display:block; position:absolute; top:20px; right:20px; content:''; width:52px; height:52px; border-radius:50%; background-image:url(/youth/images/kor/survey/sns_icon.png); }
#tab_wrap .sns_list ul li strong {display:block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 52px;margin: 0 0 10px;padding-right: 40px;text-overflow: ellipsis;white-space: normal;font-size: 20px;line-height: 1.3;}
#tab_wrap .sns_list ul li p {display:block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;height: 110px;text-overflow: ellipsis;white-space: normal;}
#tab_wrap .sns_list ul li .btn_wrap {margin:25px 0 0;}
#tab_wrap .sns_list ul li .btn_wrap a {display:block;width:100%;padding: 10px;border: 1px solid #ddd;text-align:center;background-position: 90% center;}
#tab_wrap .sns_list .more{width: 230px;margin: 30px auto 0;}
#tab_wrap .sns_list .more a{width: 100%;text-align: center;}

#tab_wrap .sns_list.n1 ul li:after {background-color:#3f66c7; background-position:0 0 ;}
#tab_wrap .sns_list.n2 ul li:after {background-color:#1babee; background-position:-52px 0 ;}
#tab_wrap .sns_list.bl ul li:after {background-color:#15a949; background-position:-104px 0 ;}
#tab_wrap .sns_list.yt ul li{padding: 0}
#tab_wrap .sns_list.yt ul li a{display: block; width: 100%; height: 100%; padding: 87px 33px 30px}
#tab_wrap .sns_list.yt ul li .thumb{position: relative; height: 129px;background: #000}
#tab_wrap .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%);}
#tab_wrap .sns_list.yt ul li strong{display: block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 43px;margin-top: 13px;padding: 0;font-size: 17px;color: #6d6f7e;line-height: 1.4;font-weight: bold;white-space: normal;}
#tab_wrap .sns_list.yt ul li em{display: block;margin-top: 5px;color: #6d6f7e;}
#tab_wrap .sns_list.yt ul li:after {background-color:#da1a1a; background-position:-208px 0 ;}

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

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

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

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


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

	#tab_wrap .sns_list ul li {width:calc(50% - 28px);}

}

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

	#tab_wrap .menu_wrap li {width:50%;}
	#tab_wrap .sns_list ul {margin:0;}
	#tab_wrap .sns_list ul li {width:100%;margin:0 0 20px;padding: 60px 30px 30px;}
	#tab_wrap .tab-ul.col4 li {width:50%;}

}

.agreebox2 {margin:20px 0 0; text-align:center; }
.agreebox2 label {margin:0 5px; font-size:15px; }

/* 검색박스 */

.basic_box {position:relative;display:block;margin-bottom:50px;padding:15px 20px 10px 20px;background:#fff;border:1px solid #d9d9d9;}
.basic_box:before {content:"";position:absolute;bottom:-4px;left:-1px;display:block;width:100%;height:3px;background:#f1f1f1;}
.basic_box:after{content:"";display:block;visibility:hidden;clear:both;}
.basic_box *{vertical-align:middle}

.board_total{display:block;float:none;margin:0;padding-left:18px;background:url(/youth/pcms/common/images/ir/icon_bbs.gif) no-repeat 0 10px;color:#666;font-size:14px;line-height:36px;}
.board_total *{vertical-align:baseline;}
.board_total .bold.red{color:#e03321;}
.board_total .bold {padding-right:5px;}
.red {background-color:transparent !important;}

.basic_search{display:block;float:none;position:relative;padding-left:0;}
.basic_search .grap{display:block;position:relative;width:100%;}
.basic_search .grap select{margin-bottom:5px;padding:0 10px;width:100%;height:36px;border:1px solid #ddd;line-height:36px;}
.basic_search .searchinput{position:relative;padding-right:50px;width:100%;border:1px solid #ddd;}

.basic_search .searchinput input[type="submit"]{position:absolute;top: -1px;right:-1px;padding:0;width:34px;min-width:46px;height: 36px;background: #ee402e url(/youth/images/kor/common/search_ico.png) no-repeat 50%;border:none;border-radius:0px;text-indent:-9999em;}
.basic_search .searchinput input[type="submit"]:focus{outline:1px dotted #666;}
.basic_search .searchinput input[type="text"]{width:100%;height:34px;padding:0 40px 0 10px;border:none;}
.basic_box label{padding:0 10px;line-height:34px;}

@media only screen and (min-width:480px) {
	.basic_search .grap,
	.basic_search .searchinput{display:inline-block;width:auto;}
	.basic_search .grap select{margin-bottom:0;width:100px;font-size:13px;}
	.basic_search .searchinput input[type="text"]{width:240px;}
}

@media only screen and (min-width:640px) {

	.board_total{display:inline-block; float:left;}
	.basic_search{display:inline-block; float:right; padding-left:0;}
	.bbs_searchbox input[type="text"]{width:100%;}
}


.button_agree{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M14.6 8H21a2 2 0 0 1 2 2v2.104a2 2 0 0 1-.15.762l-3.095 7.515a1 1 0 0 1-.925.619H2a1 1 0 0 1-1-1V10a1 1 0 0 1 1-1h3.482a1 1 0 0 0 .817-.423L11.752.85a.5.5 0 0 1 .632-.159l1.814.907a2.5 2.5 0 0 1 1.305 2.853L14.6 8zM7 10.588V19h11.16L21 12.104V10h-6.4a2 2 0 0 1-1.938-2.493l.903-3.548a.5.5 0 0 0-.261-.571l-.661-.33-4.71 6.672c-.25.354-.57.644-.933.858zM5 11H3v8h2v-8z' fill='rgba(50,152,219,1)'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: 16px 60%;padding-left: 50px;}
.button_agree:before{}


/* 페이징 설정 */
.surveyWrap .paginate {display:inline-block;display:flex;justify-content:center;margin-top: 20px;}

/* 220120  /youth/bbs/BBSMSTR_000000000196/list.do*/

.bbs_196 .program--search{margin:0}
.board--card--list .obj{margin-top:20px}
/* .board--card--list .obj .card--body > div{display:block; overflow: hidden; } */
.board--card--list .obj .card--body .tit{padding:8px 0; border-bottom:4px double #ddd; font-size:18px; font-weight:bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.board--card--list .obj .card--body .list_ul li:before{top:9px}
.board--card--list .obj .card--body .list_ul li.hit{float:none; padding-left: 12px;}
.board--card--list .obj .card--body .list_ul li.hit:after{display:none}
.board--card--list .obj .card--body ul li.regDate{padding:0; position: static;}
.board--card--list .obj .card--body ul li.regDate:before{display:none}

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

	.board--card--list .obj .card--body .list_ul li:first-child{display:block;width: 100%;padding-right: 0;}
	.board--card--list .obj .card--body .list_ul li:before{display:none}
	.board--card--list .obj .card--body .list_ul li.hit{padding-left: 0;}
	.board--card--list .obj .card--body ul li.regDate{top:auto; bottom:0}

}

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

	.program--search .search--btn .btn--submit{width:81px}

}

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

	.board--card--list .obj .card--body .list_ul li:first-child{display:inline-block;width: auto; padding-right: 15px;}
	.board--card--list .obj .card--body .list_ul li:before{display:block}
	.board--card--list .obj .card--body .list_ul li.hit{padding-left: 15px;}
	.board--card--list .obj .card--body ul li.regDate{top:0; bottom:auto}

}

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

	.board--card--list .obj .card--body .list_ul li:first-child{display:block;width: 100%;padding-right: 0;}
	.board--card--list .obj .card--body .list_ul li:before{display:none}
	.board--card--list .obj .card--body .list_ul li.hit{padding-left: 0;}
	.board--card--list .obj .card--body ul li.regDate{top:auto; bottom:0}

}


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

	.program--search .search--btn .btn--submit{width:100%}

}

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

	.board--card--list .obj .card--body ul li.regDate{position: absolute; top:0}

}

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

	.board--card--list .obj .card--body ul li.regDate{position: static; top:auto}

}


/* 220120  /youth/bbs/BBSMSTR_000000000196/write.do*/
.form-group__upload .form-control{line-height: 32px;}

/* youth/bbs/BBSMSTR_000000000196/list.do */
.board--card--list .obj .thm--box .inner> img{max-width:none; width:auto; height:100%; position:absolute; top:50%;left:50%; transform: translate(-50%,-50%);}

@media screen and (max-width:767px) {
	.board--card--list .obj .thm--box .inner{position: absolute; top:0; left:0}
	
}


/* 접근성 수정 20231017 */
#foot_layout {height: auto;}
#foot_layout .sns-link a .fab {display: inline-flex; align-items: center; gap: 5px;}
#foot_layout .sns-link a .fab em {font-size: 15px; color: #aaa;}
#foot_layout address .list-item, #foot_layout address a {color: #aaa;}
#foot_layout .copyright-box {color: #aaa;}
#body_layout #location .utile_wrap .location_wrap li.navi_home a {background: url(/youth/images/kor/common/ir_origin.png) no-repeat -21px 0;}
#body_layout #location .utile_wrap .print_wrap li .ir-tmpl, #body_layout #location .utile_wrap .print_wrap li.sns .sns_wrap button {background-image: url(/youth/images/kor/common/ir_origin.png); background-repeat: no-repeat;}
.program--search .search--text input[type="text"]::placeholder {color: #777;}
#foot_layout .footer-marker {text-align: center;}
#foot_layout .footer-marker > img {display: inline-block; width: 70px;}
@media (max-width:767px) {
    #foot_layout {height: auto;}
    #foot_layout address .list-box {flex-wrap: wrap;}
}