@charset "utf-8";


/* input */
input[type="text"],
input[type="tel"],
input[type="number"],
input[type="email"],
input[type="date"],
input[type="password"]{font-size: 0.938em; width: 100%; height: 42px; border: 1px solid #ccc; color: #333; padding: 0 10px;}

input[type="radio"]{font-size: 0.938em; width: 1.333em; height: 1.333em; border-radius: 100%; cursor: pointer; vertical-align: middle; background-color: #fff; border: 1px solid #ccc;}
input[type="radio"]:checked{background: #333 !important; border: 4px solid #fff; outline: 1px solid #333;}
input[type="checkbox"]{font-size: 0.938em; width: 1.25em; height: 1.25em; border: 1px solid #ccc; background: #fff; cursor: pointer;}
input[type="checkbox"]:checked{background: #333 url('/resources/gsfc/img/common/icon/ico-chk.png') no-repeat center; border-color: #333;}
input[readonly]{background: #f8f8f8 !important;}

input[type="radio"] + label,
input[type="checkbox"] + label,
input[type="text"] + label{margin-left: 5px; cursor: pointer;}
label + input[type="radio"], 
label + input[type="checkbox"],
label:not(.hide) + input[type="text"]{margin-left: 10px;}
.textarea-st1{width: 100%; height: 130px; overflow-y: auto; border: 1px solid #e7e7e7;}
 

.mark-star::after{content: '\002a'; display: inline-block; color: #cf4767; margin-left: 5px;}

/* 로그인 */
.login_com{max-width: 430px; margin: 0 auto;}

.login{word-break: keep-all;}
.login input[type="checkbox"]{width: 1.125em; height: 1.125em; font-size: 16px; font-size: 1em;}
.login input[type="checkbox"]:checked{background: #333 url('/resources/gsfc/img/common/icon/ico-chk.png') no-repeat center; border-color: #333;}
.login .form_w >li:not(:last-child){margin-bottom: 10px;}
.form_w .inp-st1{position: relative;}
.form_w .inp-st1::before{content: ''; position: absolute; top: 50%; left: 1.188em; transform: translateY(-50%); background: url('') no-repeat center; width: 1.063em; height: 1.25em;}
.form_w .inp-st1::after{content: ''; position: absolute; top: 50%; left: 3.438em; transform: translateY(-50%); background: #ccc; width: 1px; height: 1.125em;}
.form_w .inp-st1 input{width: 100%; line-height: 50px; padding: 0 1.250em 0 4.5em; border: 1px solid #ccc;}
.readOnly,
input[readonly]{background: #f8f8f8 !important;}
.form_w .inp-st1.name::before{background-image: url('/resources/gsfc/img/common/icon/ico-name.png');}
.form_w .inp-st1.id::before{background-image: url('/resources/gsfc/img/common/icon/ico-id.png');}
.form_w .inp-st1.pass::before{background-image: url('/resources/gsfc/img/common/icon/ico-pass.png');}
.form_w .remeber{text-align: center; margin: 0.625em 0; color: #666;}
.form_w .remeber .inp-chk{display: inline-block;}
.form_w .reason{height: 135px; overflow-y: auto; padding: 1.25em; border: 1px solid #ccc;}
.login .btn-login{width: 100%; line-height: 50px; }
.login .etc{text-align: center;font-size: 0;margin-top: 1.25em;margin-top: 1.875rem;}
.login .etc >*{display: inline-block;font-size: 14px; padding-left: 1.143em; margin-left: 1.143em; position: relative; color: #666;}
.login .etc >*:before{position: absolute;left: 0;top:50%;width: 1px;height: 10px;content: '';background: #ddd; margin-top: -5px;}
.login .etc >*:first-child{margin-left: 0;padding-left: 0;}
.login .etc >*:first-child:before{background: none}
.login .etc a:hover{text-decoration: underline;}
.login .sns_join{font-size: 0; margin: 45px -5px -10px;}
.login .sns_join >*{display: inline-block; width: calc(50% - 10px); line-height: 50px; margin: 0 5px 10px; font-size: 1rem; padding: 0 1.25em;}
.login .sns_join >* >span{display: block; position: relative; padding-right: 1.25em;}
.login .sns_join >* >span::before{content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1.25em; height: 1.188em; background: url('') no-repeat center / 100%;}
.login .sns_join .naver{background: #4ab749; color: #fff;}
.login .sns_join .kakao{background: #fff200; color: #3a2020;}
.login .sns_join .naver span::before{background-image: url('/resources/gsfc/img/common/icon/ico-naver.png')}
.login .sns_join .kakao span::before{background-image: url('/resources/gsfc/img/common/icon/ico-kakao.png')}

/* 회원가입 */
.btns-mem{display: flex; align-items: flex-start; justify-content: center; margin-top: 2.5em;}
.btns-mem >a{display: flex; flex-direction: column; align-items: center; justify-content: center; width: 200px; height: 205px; border: 1px solid #ccc; color: #666; transition: background .3s ease, color .3s ease, border-color .3s ease}
.btns-mem >a:first-child{margin-right: 1.875em;}
.btns-mem >a >*{display: block;}
.btns-mem >a img{ margin-bottom: 1.25em;}
.btns-mem >a strong{}
.btns-mem >a span{}
.btns-mem >a:hover{background: #f8f8f8; border: 2px solid #333; color: #333;}

.sns_connect{display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; margin-top: 2.5em;}
.sns_connect >li{width: 200px; margin: 0 15px;}
.sns_connect .in{min-height: 190px; border: 1px solid #ccc; text-align: center; padding: 2.5em 0;}
.sns_connect .in strong{display: block; line-height: 1; margin: 0.8em 0 0.5em;}
.sns_connect .in span{display: block;}
.sns_connect >li >a{width: 100%; line-height: 50px; text-align: center; display: none; margin-top: -1px;}
.sns_connect .con .btn-discon{display: block;}
.sns_connect .dis .btn-con{display: block;}

/* 아이디패스워드찾기 */
.join .noti-box .in .img{width: 160px;}
.join .noti-box .in .text{width: calc(100% - 160px);}
.join .noti-box .in::before{content: ''; position: absolute; width: 1px; height: 100px; background: #ccc; top: 0; left: 130px;}

/* 개인정보수집동의 박스 */
.agree_com{}
.agree_com >*{margin-bottom: 2.5em;}
.agree_com >*:last-child{margin-bottom: 0;}
.agree_com .box{border: 1px solid #ccc;}
.agree_com .tit{padding: 1.25em 1.875em; background: #f8f8f8; border-bottom: 1px solid #ccc; color: #222;}
.agree_com .tit label{font-weight: 600;}
.agree_com .cont{max-height: 240px; overflow-y: auto; font-size: 14px; font-size: 0.875em; color: #666; padding: 1.429em 2.143em; line-height: 1.8;}


/* 마이페이지 */
.mypage-com{display: flex; flex-wrap: wrap; align-items: flex-start; margin-top: 80px;}
.mypage-com .lnb{width: 240px; margin-right: 60px;}
.mypage-com .lnb .title{font-size: 22px;font-size: 1.375em;font-weight: 600;color: #fff;background: #333;line-height: 80px;text-align: center;}
.mypage-com .lnb .depth1{position: relative;padding: 1.25em;border: 1px solid #dedede;border-top: 0;}
.mypage-com .lnb .depth1 >li >a{display: block;font-size: 18px;font-size: 1.125em;padding: 10px 0;}
.mypage-com .lnb .depth2{display: none;}
.mypage-com .lnb .depth1 .active >a + .depth2{display: block;}
.mypage-com .lnb .depth2 >li >a{display: block;padding: 5px 0;}
.mypage-com .lnb .on{font-weight: 600; color: #333; text-decoration: underline;}
.mypage-com .content{flex: 1;}
.mypage-com .group{margin-top: 2.5em;}
.mypage-com table{}
.mypage-com table th{}
.mypage-com table td{font-size: 14px;padding: 10px;}


.mypage .eduPay{display: flex;flex-wrap: wrap;margin: 0 -10px;}
.mypage .eduPay .type{margin: 0 10px;}
.mypage .eduPay .type >*{width: 200px; height: 80px; border: 1px solid #ccc; color: #666; transition: all .3s ease;}
.mypage .eduPay .type >*:hover,
.mypage .eduPay .type .active{border: 2px solid #333; color: #333; font-weight: 600; background: #f7f4f9;}
.mypage .eduPay .type >* span{position: relative;display: inline-block;padding-left: 35px;text-align: left;}
.mypage .eduPay .type >* span:before{content: '';position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 21px;height: 21px;background: url('') no-repeat center / 100%; transition: all .3s ease;}
.mypage .eduPay .type.card >* span:before{background: url('/resources/gsfc/img/common/icon/pay-type1.png');}
.mypage .eduPay .type.card >*:hover span:before,
.mypage .eduPay .type.card .active span:before{background: url('/resources/gsfc/img/common/icon/pay-type1_on.png');}
.mypage .eduPay .type.phone >* span:before{background: url('/resources/gsfc/img/common/icon/pay-type2.png');}
.mypage .eduPay .type.phone >*:hover span:before,
.mypage .eduPay .type.phone .active span:before{background: url('/resources/gsfc/img/common/icon/pay-type2_on.png');}
.mypage .eduPay .type.bank >* span:before{background: url('/resources/gsfc/img/common/icon/pay-type3.png');}
.mypage .eduPay .type.bank >*:hover span:before,
.mypage .eduPay .type.bank .active span:before{background: url('/resources/gsfc/img/common/icon/pay-type3_on.png');}



/* 입력폼 style */
.form-st1{border-top: 2px solid #333;}
.form-st1 .item{display: flex; flex-wrap: wrap; align-items: center; padding: 10px 0; border-bottom: 1px solid #dedede; min-height: 63px;}
.form-st1 .col{font-size: 17px; font-size: 1.063em; font-weight: 600; color: #333; display: block; width: 280px; padding: 0 2.059em; cursor: default;}
.form-st1 .col_s{word-break: keep-all; text-align: center; margin: 0 10px; color: #333; font-weight: 600;}
.form-st1 .cont{flex: 1; color: #333; font-weight: 500; font-size: 15px; font-size: 0.958em;}
.form-st1 .cont >.line:not(:last-child){border-bottom: 1px solid #dedede; margin-bottom: 10px; padding-bottom: 10px;}
.form-st1 .cont.w100{width: 100% !important; padding: 0 2.059em;}
.form-st1 input[type="text"],
.form-st1 input[type="password"]{width: 100%; height: 42px; padding: 0 10px; border: 1px solid #ccc;}
.form-st1 .sel select{width: 100%; height: 42px; border: 1px solid #ccc; padding: 0 25px 0 10px; background: url('/resources/gsfc/img/common/icon/ico-drop.png') no-repeat right 20px center;}
.form-st1 .break{width: 1px; height: 20px; background: #dedede; display: block; margin: 0 1.875em; padding: 0 !important;}
.form-st1 label.t{white-space: nowrap;}
/* 버튼 추가 st */
.form-st1 .btnType{padding-right: 140px; position: relative;}
.form-st1 .btnType button{width: 125px; line-height: 42px; font-size: 15px; font-size: 0.938em; position: absolute; top: 0; right: 0;}
.form-st1 .btnType2{padding-right: 125px; position: relative;}
.form-st1 .btnType2 .hasBtn{position: absolute; top: 0; right: 0;}
.form-st1 .btnType2 .hasBtn button{width: 120px; line-height: 42px; font-size: 15px; font-size: 0.938em;}
.form-st1 .btn{width: 120px; line-height: 42px; font-size: 15px; font-size: 0.938em;}
.form-st1 .btn-del{background: #666; color: #fff;}
.form-st1 .btn-del::after{content: '\002d'; display: inline-block; margin-left: 20px;}
.form-st1 .btn-add{background: #a03c54; color: #fff;}
.form-st1 .btn-add::after{content: '\002b'; display: inline-block; margin-left: 20px;}

/* 박스 정렬 및 크기 */
.form-st1 .box{width: 100%; max-width: 540px; position: relative;}
.form-st1 .btw{justify-content: space-between}
.form-st1 .row {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -5px -10px; align-items: center;}
.form-st1 .row.gap20{margin: 0 -10px -10px;}
.form-st1 .row >*{padding: 0 5px; margin-bottom: 10px;}
.form-st1 .row >.row{margin-bottom: 0;}
.form-st1 .row.gap20 >*{padding: 0 10px;}
.form-st1 .auto{flex: 1;}
.form-st1 .w50{width: 49%;}
.form-st1 .xxs{max-width: 160px; width: 100%;}
.form-st1 .xs{max-width: 260px; width: 100%;}
.form-st1 .sm{max-width: 400px; width: 100%;}
.form-st1 .m{max-width: 560px; width: 100%;}
.form-st1 .col-1{-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%;max-width: 8.333333%;}
.form-st1 .col-2{-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%;}
.form-st1 .col-3{-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
.form-st1 .col-4{-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;}
.form-st1 .col-5{-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%;}
.form-st1 .col-6{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.form-st1 .col-7{-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%;}
.form-st1 .col-8{-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%;}
.form-st1 .col-9{-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%;}
.form-st1 .col-10{-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%;max-width: 83.333333%;}
.form-st1 .col-11{-ms-flex: 0 0 91.666667%;flex: 0 0 91.666667%;max-width: 91.666667%;}
.form-st1 .col-12{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
/* 핸드폰, 이메일, 주소 st */
.form-st1 .dash{display: inline-block;width: 3%;text-align: center;}
.form-email,
.form-phone,
.form-pernum,
.form-pernum{display: flex; align-items: center; justify-content: space-between;}
.form-email .e1{width: 31.3333%;}
.form-email .e2{width: 63%}
.form-email2{display: flex; align-items: center; flex-wrap: wrap; margin: 0 -2px -5px;}
.form-email2 >*{margin: 0 2px 5px;;}
.form-email2 .e1{min-width: 160px;}
.form-email2 .e2{min-width: 300px;}
.form-email2 .e3{min-width: 300px;}
.form-phone .num{width: 31.3333%;}
.form-pernum .num{width: 47.5%;}
.form-pernum2 .front{width: 47.5%;}
.form-pernum2 .back{width: 47.5%;}
.form-pernum2 .back input[type="text"]{width: 42px;}
.form-pernum2 .back span{display: inline-block; vertical-align: middle; margin: 3px 0 0 5px;}
.form-adr{}
.form-adr .zip{max-width: 470px; position: relative; padding-right: 120px;}
.form-adr .zip .zipBtn{width: 120px; line-height: 42px; position: absolute; top: 0; right: 0;}
.form-adr .detail{margin-top: 10px;}
.form-adr2{}
.form-adr2 .zip{max-width: 470px; position: relative; padding-right: 120px;}
.form-adr2 .zip .zipBtn{width: 120px; line-height: 42px; position: absolute; top: 0; right: 0;}
.form-adr2 .detail{margin-top: 10px;}
/* 날짜 입력 st */
.form-period{display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; width: 100%; margin: 0 -5px -10px;}
.form-period .group{margin: 0 5px 10px;}
.form-period .sel{min-width: 120px;}
.form-period .dash{width: 16px;}
.datepick{position: relative;}
.datepick .hasDatepicker{padding-right: 45px !important;}
.datepick .ui-datepicker-trigger{position: absolute; top: 0; right: 0; width: 42px; height: 42px; background: transparent url('/resources/bpcf/img/bbs/ico-cal.png') no-repeat center; text-indent: -9999px; opacity: .6;}
.datepick .hasDatepicker:focus + .ui-datepicker-trigger{opacity: 1;}

/* 파일등록 st */
.form-st1 .inp-file{position: absolute; left: -9999px; z-index: 2; width: 100%; height: 42px; margin: 0; overflow: hidden; opacity: 0;}
.form-st1 .inp-file-label{position: relative; display: block; width: 100%; line-height: 42px; padding: 0 10px; border: 1px solid #ccc;}
.form-st1 .inp-file-label::after{content: '\d30c\c77c\cca8\bd80'; position: absolute; top: 5px; right: 14px; font-size: 13px; width: 80px; line-height: 30px; background: #e5e5e5; border: 1px solid #ccc; color: #333; border-radius: 3px; text-align: center;}
/* 생년월일 st*/
.form-birth{display: flex; align-items: center;}
.form-birth .y{max-width: 160px;}
.form-birth .m,
.form-birth .d{max-width: 80px;}
.form-birth input[type="text"]{margin-right: 10px;}
.terms{max-height: 240px; overflow-y: auto; font-size: 14px; font-size: 0.875em; color: #666; padding: 1.429em 2.143em; line-height: 1.8; border: 1px solid #dedede}

.mktConsent{}
.mktConsent >li{display: flex; flex-wrap: wrap; align-items: center; border-bottom: 1px solid #dedede; padding: 10px 0;}
.mktConsent >li:last-child{border-bottom: 0;}
.mktConsent >li .l{width: 265px;}
.mktConsent >li .r{flex: 1; display: flex; align-items: center;}


.form-st2{border-top: 2px solid #333; border-bottom: 1px solid #dedede;}
.form-st2 .item{padding: 0 2.5em;}
.form-st2 .col{font-size: 17px; font-size: 1.063em; font-weight: 600; color: #333; display: block; padding: 1.176em 0 0; cursor: default;}
.form-st2 .cont{padding: 0.625em 0;}
.text-area{width: 100%; }
.text-area textarea{width: 100%; height: 150px; overflow-y: auto; border: 1px solid #ccc; padding: 1em;}
.text-area.sm textarea{height: 80px;}
.text-area.m textarea{height: 120px;}


/* 게시판 리스트 상단 */
.bbs-top{display: flex; align-items: center; justify-content: space-between; margin-bottom: 2.5em;}
.bbs-top .r{font-size: 0;}
.bbs-top .r>*{display: inline-block;vertical-align: middle; font-size: 1rem; margin-right: 5px;}
.bbs-top .r>*:last-child{margin-right: 0;}
.bbs-top .r .etc{margin-right: 20px;}
.bbs-top .paging{display: flex; align-items: center;}
.bbs-top .paging .total:after{content: '';display: inline-block;width: 1px;height: 15px;background: #ccc;margin: 0 20px -2px;}
.select_w{position: relative; width: 120px;height: 50px;}
.select_w select{width: 100%; height: 100%; padding: 0 20px; border: 1px solid #dedede; background: #fff url('/resources/gsfc/img/common/icon/ico-drop.png') no-repeat right 20px center;}
.sch-st1{position: relative; width: 370px;height: 50px;}
.sch-st1 input[type="text"]{width: 100%; height: 100%;padding: 0 50px 0 10px;}
.sch-st1 .submit{background: #000 url('/resources/gsfc/img/common/icon/btn-sch.png') center center no-repeat; position: absolute;right: 0;top:0;width: 50px; height: 100%;white-space: nowrap;overflow: hidden; text-indent: -9999px;}
.sch-st1 .submit:focus{outline: 1px solid #fff; outline-offset: -2px;}
.sch-box{font-size: 0; text-align: center;}
.sch-box >*{display: inline-block;vertical-align: middle; font-size: 1rem; margin-right: 5px;}
.sch-box >*:last-child{margin-right: 0;}
.bbs-top2{display: flex; align-items: center; justify-content: flex-end; margin-bottom: 1.875em; margin: 0 -2px 1.875em;}
.bbs-top2 >*{margin: 0 2px 5px;}
.list-top{display: flex; align-items: center; justify-content: space-between; padding: 15px;}
.list-top.border{border-bottom: 1px solid #333; border-top: 2px solid #333; }


/* 공지사항 게시판 */
.bbs-list{border-top: 2px solid #333;}
.bbs-list thead tr >th{padding: 20px 10px;border-bottom: 1px solid #333;font-weight: 600;white-space: nowrap;line-height: 1;color: #333;}
.bbs-list td{padding: 15px 10px 15px;border-bottom:1px solid #dedede;text-align: center;color: #777;word-break: break-all;}
.bbs-list .td{border-bottom: 1px solid #dedede;}
.bbs-list .br{border-right: 1px solid #dedede;}
.bbs-list .tit{text-align: left; position: relative;}
.bbs-list .tit a{display: block;}
.bbs-list .tit a:hover{text-decoration: underline;}
.bbs-list .tit .in{display: flex; gap:5px}
.bbs-list .tit .in .t{max-width: calc(100% - 20px)}
.bbs-list .tit .in .link{display: block;width: 14px;height: 14px;background: url('/resources/gsfc/img/common/icon/ico-link_b.png') no-repeat center / 100%;margin: 4px 0 0 5px; flex-shrink:0}
.bbs-list .tit .press{margin-left: 10px; color: #333; font-weight: 700; white-space: nowrap}
.bbs-list .lock,
.bbs-list .reply{padding-left: 1.5em;}
.bbs-list .reply >a{white-space: normal;}
.bbs-list .lock::before{content: ''; position: absolute; top: 1.35em; left: 0; width: 0.824em; height: 1.059em; background: url('/resources/gsfc/img/common/icon/ico-lock.png') no-repeat center / 100%;}
.bbs-list .reply::before{content: ''; position: absolute; top: 1.5em; left: 0; width: 0.706em; height: 0.706em; background: url('/resources/gsfc/img/common/icon/ico-reply.png') no-repeat center / 100%;}
.bbs-list .no{width: 5em}
.bbs-list .writer{width: 7em}
.bbs-list .date{width: 8em}
.bbs-list .date2{width: 15em}
.bbs-list .hit{width: 8em}
.bbs-list .file.pc{width: 5em}
.bbs-list .file >img{vertical-align: top;}
.bbs-list_m{font-size: 14px; font-size: 0.824em; margin-top: 5px; display: none; color: #999}
.bbs-list_m > *{display: inline-block; margin-right: 10px;}
.bbs-list_m > *:last-child{margin-right: 0;}
.bbs-list_m strong{margin-right: 4px;}
.bbs-list_m > li:not(:last-child):after{content: '';display: inline-block;width: 1px;height: 12px;background: #999;margin: 0px -6px -2px 6px;}
.bbs-list td >.label{display: inline-block;font-size: 13px;width: 70px;line-height: 20px;padding-top: 5px;border-radius: 30px}
/* 공지사항 리스트 상단 고정 */
.bbs-list .noti{background: #f8f8f8;}
/* .bbs-list .noti .tit >a:before{content: '\acf5\c9c0';display: inline-block;font-size: 0.824em;background: #e64747;color: #fff;width: 2.857em;line-height: 1.643em;text-align: center;border-radius: 5px;vertical-align: middle;margin-right: 8px;} */
.bbs-list .label-st1.m,
.bbs-list .label-st2.m{display: none;}
.bbs-list.type_g thead tr >th{background: #f8f8f8;}/* 배경 회색 */


.bbs-list2{position: relative;}
.bbs-list2 >ul{border-top: 2px solid #222;}
.bbs-list2 >ul >li{border-bottom: 1px solid #ccc;}
.bbs-list2 .item{display: block;padding: 1.25em 0;}
.bbs-list2 .tit{display: flex;align-items: center;}
.bbs-list2 .t{font-size: 17px;font-size: 1.063rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.bbs-list2 .date{display: inline-block;font-size: 14px;font-size: 0.875em;color: #666;margin-left: 10px;vertical-align: middle;}
.bbs-list2 .cont{font-size: 15px; font-size: 0.938em; color: #666;}
.bbs-list2 .item:hover .t{text-decoration: underline;}


/* 페이지네이션 */
.paginationSet{margin-top: 40px;}
.pagination{text-align: center;}
.pagination >li{display: inline-block; width: 2.222em; height: 2.222em; font-size: 18px; font-size: 1.125em; color: #666; vertical-align: middle;}
.pagination >li >a{display: block; width: 100%; height: 100%; line-height: 2.222em;}
.pagination .active a{color: #000; text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 2px; font-weight: 600;}
.pagination >li:not(.i) >a:hover{text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 2px;}
.pagination .i{background: url('') no-repeat; width: 1.667em;}
.pagination .i a{white-space: nowrap; overflow: hidden; text-indent: -9999px;}
.pagination .first{background-image: url('/resources/gsfc/img/common/icon/btn-first.png'); background-position: right 8px;}
.pagination .prev{background-image: url('/resources/gsfc/img/common/icon/btn-prev2.png'); background-position: left 8px;}
.pagination .next{background-image: url('/resources/gsfc/img/common/icon/btn-next2.png'); background-position: right 8px;}
.pagination .last{background-image: url('/resources/gsfc/img/common/icon/btn-last.png'); background-position: left 8px;}

/* 게시판 상세페이지 */
.bbs-view{}
.bbs-view .top{border-bottom: 1px solid #333;  padding-bottom: 25px; position: relative;}
.bbs-view .top .tit{font-size: 34px; font-size: 2.125em; font-weight: 600; color: #1f1f1f; line-height: 1.35;}
.bbs-view .top .tit strong{display: block; margin-top: 10px;}
.bbs-view .top .etc{font-size: 0; margin-top: 15px;}
.bbs-view .top .etc > span{display: inline-block; font-size: 1rem; color: #999; margin-right: 1.25em; padding-right: 1.25em; position: relative;}
.bbs-view .top .etc > span:before{position: absolute;right: 0;top:50%; width: 1px;; height: 10px; margin-top: -5px; content: ''; background: #dedede; content: ''}
.bbs-view .top .etc > span:last-child{padding-right: 0; margin-right: 0;}
.bbs-view .top .etc > span:last-child:before{background: none}
.bbs-view .top .etc > span strong{font-weight: 600; color: #333; margin-right: 5px;}
.bbs-view .attach_area{padding: 1.25em 1.25em 0.938em; border-bottom: 1px solid #dedede;}
.bbs-view .attach_area >ul{display: flex; flex-wrap: wrap; margin: 0 -20px -5px;}
.bbs-view .attach_area >ul >li{margin: 0 20px 5px; color: #999;}
.bbs-view .attach_area >ul >li a{padding-left: 18px; background: url('/resources/gsfc/img/common/icon/ico-file.png') no-repeat left center;}
.bbs-view .attach_area >ul >li a:hover{text-decoration: underline;}
.editor{padding: 50px; border-bottom: 1px solid #ccc;} 
.editor img{display: block;margin: 0 auto; height: auto !important}


.bbs-view2{}
.bbs-view2 .head{padding: 2.5em 1.25em; border-top: 2px solid #333; border-bottom: 1px solid #ccc;}
.bbs-view2 .head .t{font-size: 32px; font-size: 2em; font-weight: 600; color: #333;}
.bbs-view2 .video_w{position: relative; width: 100%; padding-bottom: 56.25%; background: #f8f8f8;}
.bbs-view2 .video_w >*{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}


.bbs-detail{margin-top: 2.5em;}
.bbs-detail .editor{border-top: 2px solid #333; border-bottom: 1px solid #ccc; padding: 2.5em 0;}

/* 이전글 다음글 */
.prev_next{border-top: 1px solid #000; margin-top: 50px; border-bottom: 1px solid #000; display: flex;}
.prev_next li{ position: relative; padding: 1em; width: 50%}
.prev_next .prev{padding-left: 150px;padding-right: 1.5em;text-align: left;color: #777;}
.prev_next .next{padding-right: 150px; text-align: right; padding-left: 1.5em; border-left: 1px solid #dedede;}
.prev_next .tit{position: absolute;top:1em;width: 135px;color: #333;font-size: 17px;font-size: 1.063em;font-weight: 600;}
.prev_next .tit:after{position: absolute;width: 1px; height: 14px; margin-top: -7px; background: #ddd; content: ''; top:50%}
.prev_next .prev .tit:after{right: 0;}
.prev_next .next .tit:after{left: 0;}
.prev_next .prev .tit{left: 0;padding: 0 20px 0 30px;}
.prev_next .next .tit{right: 0;left: auto;padding: 0 30px 0 20px;}
.prev_next .arrow{width: 8px;height: 8px;border-top: 2px solid #333;border-left: 2px solid #333;vertical-align: middle;top: 50%;content: '';margin-top: -4px;display: inline-block;position: absolute;}
.prev_next .prev .arrow{transform: rotate(-45deg);margin-right: 18px;left: 0;}
.prev_next .next .arrow{transform: rotate(135deg);margin-left: 18px;}
.prev_next a{display: block; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.prev_next a:hover{text-decoration: underline;}


/* 채용공고 */
.recruit{}
.recruit .group:not(:last-child){margin-bottom: 5em;}
.recruit .ingroup:not(:last-child){margin-bottom: 2.5em;}

/* 설문조사 */
.survey .tit{position: static;}
.survey .tit > a.active + .pop_survey{opacity:1; visibility:visible;}
.pop_survey{padding: 1.875em; width: 640px; position: absolute; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%); z-index: 100; max-height: 80vh; padding: 1.875em; background: #fff; border: 1px solid #ccc; overflow-y: auto; opacity:0; visibility:hidden; transition: all .3s;}
.pop_survey .pop-head{border-bottom: 2px solid #333; padding-bottom: 1.3em;}
.pop_survey .label{display: block; color: #333; font-weight: 600;}
.pop_survey .tit{font-size: 26px; font-weight: 600;}
.pop_survey .cont{padding-top: 1.563em;}
.pop_survey .cont >li:not(:last-child){margin-bottom: 1.875em;}
.pop_survey .cont .q{position: relative;font-size: 18px;font-size: 1.125em;font-weight: 600;color: #000;margin-bottom: 1em;padding-left: 2.222em;}
.pop_survey .cont .q >span{position: absolute;top: -3px;left: 0;display: inline-block;width: 2.143em; line-height: 2.143em; text-align: center;font-size: 14px; font-size: 0.778em; font-weight: 600;color: #fff;background: #000;border-radius: 100%;}
.pop_survey .cont .a{padding: 1.25em; background: #f8f8f8; border: 1px solid #cecece;}
.pop_survey .cont .list >li:not(:last-child){margin-bottom: 10px;}
.pop_survey .cont .textbox_w{position: relative; padding: 0;}
.pop_survey .cont .textbox_w textarea{padding: 1.25em; border: 0; background: transparent; width: 100%; height: 100%; min-height: 155px; resize: none;}
.pop_survey .cont .textbox_w textarea::placeholder{font-size: 1rem; line-height: 1.5em;}
.pop_survey .cont #textLengthCheck{font-size: 14px; color: #888; position: absolute; bottom: 1.429em; right: 1.429em;}
.pop_survey .pop-close{position: absolute;top: 1.875em;right: 1.875em;width: 20px;height: 20px;}
.pop_survey .pop-close:before{content: '';position: absolute;left: 50%;transform: translate(-50%, -50%) rotate(45deg);width: 100%;height: 2px;background: #333;}
.pop_survey .pop-close:after{content: '';position: absolute;left: 50%;transform: translate(-50%, -50%) rotate(-45deg);width: 100%;height: 2px;background: #333;}

/* 공연 일정 */
.schedule_w{}
.schedule__top{padding: 1.125em 1.563em 1.125em 2.5em;display: flex;/* flex-wrap: wrap; */align-items: center;justify-content: space-between;border-top: 2px solid #333;border-bottom: 1px solid #333;}
.schedule__top.center{justify-content: center}
.schedule__top .year{display: flex;align-items: center;}
.schedule__top .year >span{display: inline-block;font-size: 28px; font-size: 1.750em; margin: 0 1.071em; vertical-align: middle; font-weight: 600; color: #333;}
.schedule__top .year >button{}
.schedule__top .month{font-size: 0;}
.schedule__top .month >li{font-size: 1rem; display: inline-block;}
.schedule__top .month >li >button{font-size: 20px; font-size: 1.25em; color: #666; width: 56px; height: 56px; border-radius: 100%; margin: 0 0.750em;}
.schedule__top .month >li .on{font-weight: 600; color: #fff; background: #333;}
/* 년도별 달력 */
.schedule__top.st2{}
.schedule__top.st2 .year{margin: 0 50px;}
.schedule__top.st2 .years{display: flex;justify-content: space-between;flex-wrap: wrap;flex: 1;}
.schedule__top.st2 .y{font-size: 28px;font-size: 1.750em;/* margin: 0 1.071em; */vertical-align: middle;color: #666;padding: 0 10px;}

/* 일정 공통 라벨 */
.label-st1{display: inline-block;font-size: 12px;font-weight: 500;color: #fff;border-radius: 15px;width: 100px;line-height: 24px;text-align: center;}
.label-st1.gs{background: #47a4cf;}
.label-st1.hj{background: #cf4767;}
.label-st1.gj{background: #47cf7a;}
.label-st1.green{background: #00a47b;}
.label-st1.blue{background: #016593;}
.label-st2{display: inline-flex;align-items: center;justify-content: center;font-size: 12px;font-weight: 500;color: #333;border-radius: 15px;min-width: 40px;line-height: 24px;text-align: center;border: 1px solid #333;background: #fff;padding: 0 7px;}
.label-st2.wide{min-width: 80px;}
.label-st2.map:before{content: ''; display: inline-block; width: 11px; height: 12px; background: url('/resources/gsfc/img/common/icon/ico-map.png') no-repeat center / 100%; margin-right: 5px;}

.schedule__etc{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-top: 2.5em;}
.schedule__etc .l{margin-bottom: -10px;}
.schedule__etc .l >*{margin: 0 3px 10px;}
.schedule__etc .r{display: flex; flex-wrap: wrap; margin: 0 -2px -5px;}
.schedule__etc .r >*{margin: 0 2px 5px;}
.schedule__etc .search_w{}
.schedule__etc .btn{display: inline-flex;align-items: center;justify-content: center;min-width: 200px;height: 50px;padding: 0 20px;background: #e5e5e5;border: 1px solid #ccc;}
.schedule__etc .btn.on{background: #333; color: #fff; border-color: #333;}
.schedule__etc .cal:before{content: ''; display: inline-block; width: 18px; height: 18px; background: url('/resources/gsfc/img/common/icon/ico-cal_b.png') no-repeat center / 100%; margin: -3px 5px 0 0; vertical-align: middle;}
.schedule__etc .cal.on:before{background-image: url('/resources/gsfc/img/common/icon/ico-cal_on.png')}
.schedule__etc .list:before{content: ''; display: inline-block; width: 16px; height: 16px; background: url('/resources/gsfc/img/common/icon/ico-list_b.png') no-repeat center / 100%; margin: -3px 5px 0 0; vertical-align: middle;}
.schedule__etc .list.on:before{background-image: url('/resources/gsfc/img/common/icon/ico-list_on.png')}
.schedule__etc .labels{background: #f4f4f4;border-radius: 50px;padding: 0.625rem 1.875rem;font-size: 0;margin-bottom: -3px;}
.schedule__etc .labels >*{margin-right: 10px;margin-bottom: 3px;}
.schedule__etc .labels .line{display: inline-block;width: 1px;height: 20px;background: #dedede;margin: -8px 20px 0;vertical-align: middle;}
.schedule__etc .sortbox{background: #f4f4f4; padding: 10px 20px;}
.schedule__etc .sortbox .line{display: inline-block;width: 1px;height: 20px;background: #dedede;margin: -8px 10px 0;vertical-align: middle;}
.schedule__etc .sortbox .time:before{content: '';display: inline-block;width: 1.25em;height: 1.25em;border-radius: 100%;vertical-align: bottom;margin: 0 5px 1px 0;}
.schedule__etc .sortbox .time1:before{background: #00a47b;}
.schedule__etc .sortbox .time1 >strong{color: #00a47b;}
.schedule__etc .sortbox .time2:before{background: #016593;}
.schedule__etc .sortbox .time2 >strong{color: #016593;}
.schedule__etc .sch_w{display: flex;align-items: center;flex-wrap: wrap;justify-content: center;margin-bottom: -0.625em;}
.schedule__etc .sch_w >*{margin-bottom: 0.625em;}
.schedule__etc .sorts{display: flex; align-items: center; margin-right: 1.25em;}
.schedule__etc .sorts >li:not(:first-child){margin-right: 1.25em;}
.schedule__etc .sorts >li:first-child:after{content: ''; display: inline-block; width: 1px; height: 20px; background: #dedede; margin: 0 1.25em -5px;}
.schedule__etc .sorts >li input[type="checkbox"]:checked{background-color: #333;}

/* 일정 달력 */
.calendar{margin-top: 2.5em;table-layout: fixed;}
.calendar:before{content: ''; position: absolute; top: 0; right: -1px; width: 2px; height: 100%; background: #fff;}
.calendar th{font-size: 17px; font-size: 1.063em; font-weight: 600; text-align: center; border-top: 2px solid #333; border-bottom: 1px solid #333; border-right: 1px solid #dedede; padding: 1em 10px; line-height: 1; color: #333;}
.calendar td{border-bottom: 1px solid #dedede;border-right: 1px solid #dedede;height: 170px;vertical-align: top;padding: 1.25em;}
.calendar .day{font-size: 15px;font-size: 0.938em;font-weight: 500;color: #333;margin-bottom: 5px;}
.calendar .item{}
.calendar .item >li:not(:last-child){margin-bottom: 5px;}
.calendar .item span{}
.calendar .item a{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 15px;font-size: 0.938em; padding-bottom: 4px; margin-top: 5px; line-height: 1.2;}
.calendar .item a:hover{font-weight: 600; text-decoration: underline; color: #333;}
.calendar .itemLayer{position: relative; max-width: 700px; width: 95%; max-height: 95%; display: flex; left: 50%; top:50%; transform: translate(-50%, -50%); background: #fff; text-align: left;}
.calendar .itemLayer .in{flex:1;overflow-y: auto;display: flex;align-items: stretch;justify-content: flex-start;padding: 2.5em;}
.calendar .itemLayer .img{max-width: 240px;}
.calendar .itemLayer .img >img{width: 100%;height: 100%;object-fit: cover;}
.calendar .itemLayer .cont{width: calc(100% - 240px);display: grid;align-content: space-between;padding-left: 2.5em;padding-top: 2.5em;}
.calendar .itemLayer .tit{font-size: 32px;font-size: 2em; font-weight: 600; color: #333; line-height: 1.2;margin-bottom: 5px;margin-top: 10px;}
.calendar .itemLayer .info{margin-bottom: 2em;}
.calendar .itemLayer .info >li{display: flex;align-items: flex-start;color: #666;margin-bottom: 5px;}
.calendar .itemLayer .info >li >strong{width: 60px;margin-right: 10px;text-align: justify;line-height: 0.5;margin-top: -1px;}
.calendar .itemLayer .info >li >strong:before,
.calendar .itemLayer .info >li >strong:after{content: ""; display: inline-block; width: 100%;}
.buttons_w{display: flex;justify-content: flex-start;flex-wrap: wrap;margin: 0 -5px -5px;}
.buttons_w >*{display: inline-block; text-align: center; max-width: 145px; width: 100%; line-height: 50px; margin: 0 5px 5px; transition: all .2s;}
/* .buttons_w >*:focus-visible,
.buttons_w >*:hover{background: #333; color: #fff;} */
.calendar .itemLayer .btn-close{position: absolute;top: 2.5em;right: 2.5em;width: 26px;height: 26px;}
.calendar .itemLayer .btn-close:before{content: '';position: absolute;left: 50%;transform: translate(-50%, -50%) rotate(45deg);width: 100%;height: 2px;background: #333;}
.calendar .itemLayer .btn-close:after{content: '';position: absolute;left: 50%;transform: translate(-50%, -50%) rotate(-45deg);width: 100%;height: 2px;background: #333;}

.calendar td{height: 140px;}
.calendar .disable{background: #f4f4f4;}/* 휴관 */
.calendar .able{}
.calendar .renMark{display: block; width: 100px; line-height: 24px; text-align: center; border-radius: 20px; margin: 1em auto 0; font-size: 12px; font-weight: 500;}
.calendar .detail{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;font-size: 14px;width: 100%;margin-bottom: 3px;}
.calendar .detail >span{display: inline-block;font-size: 13px;width: 66px;line-height: 25px;text-align: center;border-radius: 30px;}
.calendar .detail:last-child{margin-bottom: 0;}

/* 학생도슨트 */
.docent .calendar td{text-align: center;}
.docent .calendar .day{text-align: left;}
.docent .calendar .label-st1{}
.docent .calendar .label-st1:not(:last-child){margin-bottom: 5px;}

/* 일정 리스트 */
.schedule__list_w{margin-top: 2.5em;}
.schedule__list{}
.schedule__list .item_w{position: relative; padding: 3.125em 0; border-bottom: 1px solid #dedede;}
.schedule__list .item{display: flex;flex-wrap: wrap;align-items: stretch;}
.schedule__list .item .img{width: 260px; height: 390px; margin-right: 40px;}
.schedule__list .item .img >img{width: 100%; height: 100%; object-fit: cover;}
.schedule__list .item .cont{flex: 1;display: grid;align-content: space-between;}
.schedule__list .item .tit{font-size: 32px;font-size: 2em;font-weight: 600; color: #333; padding-top: 10px; margin-bottom: 0.5em; padding-right: 100px;}
.schedule__list .item .info{margin-bottom: 2em;}

/* 일정 상세보기 */
.info-st1 >li{display: flex;align-items: flex-start;color: #666;margin-bottom: 8px;}
.info-st1 >li >strong{width: 60px;margin-right: 15px;}
.info-st1.wide >li >strong{width: 80px;margin-right: 15px;}
.info-st1 >li .desc{flex: 1;;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 1.4em;max-height: 4.5em;overflow: hidden;}
.info-st1 >li .text{flex: 1; width: 100%;}
.info-st1.col2{display: flex;flex-wrap: wrap;align-items: flex-start;}
.info-st1.clearfix >li{float: left;width: 50%;padding-right: 10px;}
.info-st1.st2 >li{position: relative;color: #666;margin-bottom: 5px;width: 50%;padding-left: 105px;padding-right: 10px;}
.info-st1.st2 >li >strong{position: absolute;top: 0;left: 0;width: 95px;text-align: justify;line-height: 0.5;margin-top: -3px;}
.info-st1.st2 >li >strong:before,
.info-st1.st2 >li >strong:after{content: ""; display: inline-block; width: 100%;}


.schedule__view{}
.schedule__viewtop{position: relative; padding: 3.125em 0; border-top: 2px solid #333; border-bottom: 1px solid #333;}
.schedule__viewtop .item{display: flex;flex-wrap: wrap;align-items: stretch;}
.schedule__viewtop .item .img{width: 260px; height: 390px; margin-right: 40px;}
.schedule__viewtop .item .img >img{width: 100%; height: 100%; object-fit: cover;}
.schedule__viewtop .item .cont{flex: 1;display: grid;align-content: space-between;}
.schedule__viewtop .item .tit{font-size: 32px;font-size: 2em;font-weight: 600; color: #333; margin: 5px 0 0.5em; padding-right: 100px;}
.schedule__viewtop .item .info-st1{margin-bottom: 2em;}

.schedule__viewInfo{display: flex;flex-wrap: wrap;align-items: flex-start;padding: 1.875em 0;margin-top: 3.125em;border-top: 1px solid #333;border-bottom: 1px solid #dedede;}
.schedule__viewInfo .img{width: 260px;padding: 0 20px;display: flex;align-items: flex-start;}
.schedule__viewInfo .img >img{margin: 4px 10px 0 0}
.schedule__viewInfo .cont{flex: 1; padding-right: 1em; line-height: 1.5;}

.bbs-copyright{margin-top: 50px;}
.bbs-copyright img{margin-right: 10px;}

/* 대관 */
.rental__sel{position: relative;width: 250px;height: 50px;margin: 2.5em 0 0 auto;}
.rental__sel select{width: 100%; height: 100%; padding: 0 20px; border: 1px solid #dedede; background: #fff url('/resources/gsfc/img/common/icon/ico-drop.png') no-repeat right 20px center;}


/* 문화예술교육신청 */
.edu-form .group{margin-bottom: 50px;}
.edu-list{position: relative;}
.edu-list thead tr >th{background: #f8f8f8;}
.edu-list:after{content: '';position: absolute;top: 0;right: -1px;width: 1px;height: 100%;background: #fff;}
.edu-list td{font-size: 14px; font-size: 0.875em; border-right: 1px solid #dedede;}
.edu-list .item{display: flex;align-items: center;}
.edu-list .img{display: block; width: 120px; height: 120px; margin-right: 20px;}
.edu-list .img >img{width: 100%; height: 100%; object-fit: cover;}
.edu-list .cont{flex: 1; text-align: left;}
.edu-list .sort{display: block;color: #333 !important;margin-bottom: 1em;}
.edu-list .subj{font-weight: 600; margin: 5px 0 10px; font-size: 16px; font-size: 1.143em; color: #333;}
.edu-list .subj >span{display: block;}
.edu-list .view{display: block;width: 145px;line-height: 45px;padding-top: 5px;text-align: center;margin-top: 1.875em;}
.edu-list .view:before{content: ''; display: inline-block; background: url('/resources/gsfc/img/common/icon/ico-view.png') no-repeat center / 100%; margin: 0 5px -2px 0; width: 15px; height: 15px;}

.edu__view{}
.edu__viewtop{position: relative; padding: 3.125em 0; border-top: 2px solid #333; border-bottom: 1px solid #333;}
.edu__viewtop .item{display: flex;flex-wrap: wrap;align-items: flex-end;}
.edu__viewtop .item .img{width: 260px; height: 390px; margin-right: 40px;}
.edu__viewtop .item .img >img{width: 100%; height: 100%; object-fit: cover;}
.edu__viewtop .item .cont{flex: 1;}
.edu__viewtop .item .sort{font-size: 14px; color: #333; text-decoration: underline; }
.edu__viewtop .item .tit{font-size: 32px;font-size: 2em;font-weight: 600;margin: 5px 0 0.5em; padding-right: 100px;}
.edu__viewtop .item .info{margin-bottom: 2em;display: flex;flex-wrap: wrap;}
.edu__viewtop .item .info >li{position: relative; color: #666;margin-bottom: 5px;width: 50%;padding-left: 95px;}
.edu__viewtop .item .info >li >strong{position: absolute;top: 0;left: 0;width: 57px;margin-right: 20px;text-align: justify;line-height: 0.5;margin-top: -1px;}
.edu__viewtop .item .info >li >strong:before,
.edu__viewtop .item .info >li >strong:after{content: ""; display: inline-block; width: 100%;}


/* 이미지 게시판 */
.bbs-img_w{position: relative;border-top: 1px solid #333;border-bottom: 1px solid #ccc;padding-top: 2.5em;}
.bbs-img{display: flex;flex-wrap: wrap;align-content: flex-start;margin: 0 -1.5%;}
.bbs-img .item{width: 22%; margin: 0 1.5% 2.5em;}
.bbs-img .item >a{display: block;}
.bbs-img .img{display: block;position: relative;width: 100%;padding-bottom: 75%;overflow: hidden; margin-bottom: 0.938em;}
.bbs-img .img >img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: auto; transition: all .3s ease;}
.bbs-img .sort{font-size: 13px;display: block;color: #333;text-decoration: underline;}
.bbs-img .name{font-size: 18px;font-size: 1.125em;font-weight: 600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 1; margin: 0.5em 0;}
.bbs-img .tit{font-size: 20px;font-size: 1.25em;font-weight: 500; color: #333;}
.bbs-img .desc{margin-top: 10px;}
.bbs-img .desc.nowrap{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 1;}
.bbs-img .item >a:hover .img >img{transform: translate(-50%, -50%) scale(1.05, 1.05)}
.bbs-img .item >a:hover .name,
.bbs-img .item >a:hover .tit{text-decoration: underline;}

.bbs-img_w.st2{border-top: 0; border-bottom: 0; padding: 0;}
.bbs-img_w.st2 .bbs-img{margin: 0;}
.bbs-img_w.st2 .item{width: 25%; border-bottom: 1px solid #ccc; padding: 2.5em 1.5%; margin: 0;}

/* 허준박물관 > 문답모음 */
.bbs-qna{border-top: 1px solid #ccc;}
.bbs-qna .item{border: 1px solid #ccc;border-top: 0;background: #eee;padding: 0 1em;}
.bbs-qna .tit{position: relative;font-size: 17px;font-size: 1.063em;color: #666;padding: 1em 0 1em 1.294em;width: 100%;text-align: left;display: flex;align-items: center;justify-content: space-between;}
.bbs-qna .tit:before{content: '\0051\002e';display: block;position: absolute;top: 1em;left: 0;font-weight: 600;color: #333;}
.bbs-qna .tit:after{content: '';display: block;width: 11px;height: 7px;background: url('/resources/gsfc/img/common/icon/ico-arrow2_d.png') no-repeat center / 100%; margin-left: 10px;}
.bbs-qna .cont{position: relative;display: none;padding: 1em 0 1em 1.294em;}
.bbs-qna .cont:before{content: '\0041\002e';display: block;position: absolute;top: 1em;left: 0;color: #333;font-weight: 600;}
.bbs-qna .item.open{background: #fff;}
.bbs-qna .open .tit{color: #333;border-bottom: 1px solid #ccc; font-weight: 600;}
.bbs-qna .open .tit:after{background-image: url('/resources/gsfc/img/common/icon/ico-arrow2_u.png');}

/* 의성허준 > 동의보감 */
.bbs-img2{}
.bbs-img2 .item{display: flex;flex-wrap: wrap;align-items: stretch; padding: 1.875em 0; border-bottom: 1px solid #ccc;}
.bbs-img2 .item .img{width: 100%;max-width: 320px;height: 240px;margin-right: 30px;}
.bbs-img2 .item .img >img{width: 100%; height: 100%; object-fit: cover;}
.bbs-img2 .item .cont{flex: 1;/* display: grid; *//* align-content: space-around; */}
.bbs-img2 .item .tit{font-size: 32px;font-size: 2em;font-weight: 600; color: #333; margin-bottom: 0.5em; line-height: 1.2;}
.bbs-img2 .item .txt{display: -webkit-box;overflow: hidden;-webkit-line-clamp: 4;-webkit-box-orient: vertical;line-height: 1.4em;max-height: 5.6em;}
.bbs-img2 .item .info{margin-bottom: 2em;}
.bbs-img2 .item .cont .buttons_w{margin-top: 2em;}


/* 의성허준 > 동의보감 상세 */
.bogam-wrap{}
.bogam-top{padding: 2.5em 1.25em; border-top: 1px solid #333; border-bottom: 1px solid #333; display: flex; flex-wrap: wrap; align-items: flex-start; position: relative;}
.bogam-top .img{white-space: nowrap; margin-right: 1.875em; max-width: 320px;}
.bogam-top .tit{font-size: 32px;font-size: 2em;font-weight: 600; color: #333; margin-bottom: 0.5em; line-height: 1.2;}
.bogam-top .cont{flex: 1;}
.bogam-list{margin-top: 2.5em;border-top: 1px solid #ccc;}
.bogam-list .item{border: 1px solid #ccc;border-top: 0;background: #eee;padding: 0 1em;}
.bogam-list .tit{position: relative;font-size: 17px;font-size: 1.063em;font-weight: 600;color: #666;padding: 1em 0;width: 100%;text-align: left;display: flex;align-items: center;justify-content: space-between;}
.bogam-list .tit:after{content: '';display: block;width: 11px;height: 7px;background: url('/resources/gsfc/img/common/icon/ico-arrow2_d.png') no-repeat center / 100%;}
.bogam-list .cont{display: none;padding: 1em 0;}
.bogam-list .item.open{background: #fff;}
.bogam-list .open .tit{color: #333;border-bottom: 1px solid #ccc;}
.bogam-list .open .tit:after{background-image: url('/resources/gsfc/img/common/icon/ico-arrow2_u.png');}
.bogam-list .open .cont{}


/* 이미지 게시판 상세 */
.img-view_w{border-top: 2px solid #333;}
.img-view__head{padding: 2.5em;}
.img-view__head .tit{font-size: 32px; font-size: 2em; font-weight: 600; color: #333;}
.img-view{display: flex; align-items: flex-start; padding: 2.5em 2.5em 10px; background: #f8f8f8;}
.img-view__img{width: 65.715%;margin-right: 2.5em;}
.img-view__img >img{width: 100%; object-fit: cover;}
.img-view__btns{width: 34.285%; display: flex;flex-wrap: wrap; align-items: flex-start; margin: 0 -1.25em;}
.img-view__btns li{position: relative;width: calc(50% - 2.5em);margin: 0 1.25em 1.875em;}
.img-view__btns li.on:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0,.4) url('/resources/gsfc/img/common/icon/ico-view.png') no-repeat center;z-index: 1;}
.img-view__btns li >*{position: relative;display: block;width: 100%;padding-bottom: 75%;overflow: hidden;}
.img-view__btns li >* >img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: auto;}

.img-view2{display: flex;flex-wrap: wrap;align-items: flex-start;padding: 2.5em 0;border-top: 2px solid #333;border-bottom: 1px solid #ccc;}
.img-view2 >*{width: 50%;}
.img-view2 .img_w{padding-right: 2%;}
.img-view2 .slider-for{position: relative;}
.img-view2 .slider-for.height-0{min-height: 400px;}
.img-view2 .slider-for .slider{}
.img-view2 .slider-for .slider li{max-height: 600px; overflow: hidden;}
.img-view2 .slider-for .slider .img{position: relative;width: 100%;padding-bottom: 100%;overflow: hidden;}
.img-view2 .slider-for .slider img{display: block; width: 100%;height: 100%;object-fit: cover; position: absolute; top: 0; left: 0;}
.img-view2 .slider-for .status{position: absolute;bottom: 30px;right: 30px;color: #888;font-size: 15px;font-size: 0.938em;background: rgba(255, 255, 2555, 0.8);width: 80px;line-height: 30px;text-align: center;border-radius: 30px;}
.img-view2 .slider-for .status .current{color: #222;font-weight: 600;}
.img-view2 .slider-for .status .total{}
.img-view2 .slider-nav{margin-top: 1.25em; position: relative; overflow: hidden;}
.img-view2 .slider-nav:before{content: '';position: absolute;top: 0;left: 0;width: 60px;height: 100%;background: linear-gradient(90deg, #fff, transparent);z-index: 1;}
.img-view2 .slider-nav:after{content: '';position: absolute;top: 0;right: 0;width: 60px;height: 100%;background: linear-gradient(90deg, transparent, #fff);z-index: 1;}
.img-view2 .slider-nav .slider{}
.img-view2 .slider-nav .slick-list{margin: 0 -5px;}
.img-view2 .slider-nav .slick-track{}
.img-view2 .slider-nav .slick-slide{margin: 0 0.625em;}
.img-view2 .slider-nav .slick-slide button{position: relative;display: block;width: 100%;padding-bottom: 75%;overflow: hidden;}
.img-view2 .slider-nav .slick-slide img{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.img-view2 .slider-nav .controls > button{width: 60px;height: 60px;background: url('') no-repeat center;z-index: 2;}
.img-view2 .slider-nav .controls .btn-prev{position: absolute; top: 50%; left: 0; transform: translateY(-50%);background-image: url('/resources/gsfc/img/common/icon/btn-prev.png');}
.img-view2 .slider-nav .controls .btn-next{position: absolute; top: 50%; right: 0; transform: translateY(-50%);background-image: url('/resources/gsfc/img/common/icon/btn-next.png');}
.img-view2 .cont{padding-left: 2%;}
.img-view2 .cont .tit{font-size: 30px; font-size: 1.875em; font-weight: 600; color: #333;}
.img-view2 .cont .tit >span{vertical-align: top; margin: 8px 10px 0 0;}
.img-view2 .cont .info{margin-top: 1.5em}
.img-view2 .cont .info >li{display: flex;flex-wrap: wrap;padding-bottom: 1.5em;}
.img-view2 .cont .info >li >*{display: block;}
.img-view2 .cont .info .t{position: relative;font-size: 18px;font-size: 1.125em;font-weight: 600;color: #222;width: 85px;padding-left: 13px;}
.img-view2 .cont .info.wide .t{width: 100px;}
.img-view2 .cont .info.wide2 .t{width: 150px;}
.img-view2 .cont .info .t:before{content: '';position: absolute;top: 3px;left: 0;width: 3px;height: 1em;background: #333;}
.img-view2 .cont .info .desc{font-size: 17px; font-size: 1.063em; display: block; color: #333; flex: 1; width: 100%; padding-left: 15px;}
.img-view2 .cont .info .map{position: relative; width: 100%; padding-bottom: 29.762%; overflow: hidden; margin-top: 1em;}
.img-view2 .cont .info .map >*{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}



/* 통합검색 */
.totalpage{}
.totalpage .sch-top{position: relative; display: flex;flex-wrap: wrap;}
.totalpage .sch-top .sel{width: 360px;}
.totalpage .sch-top .sel select{width: 100%;height: 80px;border: 1px solid #cdcdcd;padding: 0 20px;background: url('/resources/gsfc/img/common/icon/ico-drop3.png') no-repeat right 20px center;}
.totalpage .sch-top .input_w{position: relative;width: 100%;flex: 1;margin-left: -1px;margin-right: 20px;}
.totalpage .sch-top .input_w input[type="text"]{width: 100%;height: 80px;padding-left: 70px;background: url('/resources/gsfc/img/common/icon/btn-sch_g.png') no-repeat 26px center;padding-right: 160px;}
.totalpage .sch-top .input_w .submit{width: 140px;height: 80px;font-size: 18px;font-size: 1.125em;background: #333;color: #fff;position: absolute;top: 0;right: 0;}
.totalpage .sch-top .detail{width: 140px; height: 80px; font-size: 17px; font-size: 1.063em; font-weight: 600; border: 1px solid #333;}
.totalpage .sch-top .detail:after{content: '';background: url('/resources/gsfc/img/common/icon/ico-drop3.png') no-repeat;display: inline-block;width: 10px;height: 7px;filter: brightness(0.3);margin-left: 10px;}
.totalpage .sch-top .detail.on{background: #f5f5f5;}
.totalpage .sch-top .detail.on:after{transform: rotate(180deg);}
.totalpage .detail_box{position: absolute;top: 120px;left: 0;background: #f8f8f8;width: 100%;border: 1px solid #cdcdcd;border-bottom: 0; display: none; z-index: 1;}
.totalpage .detail_box >ul{}
.totalpage .detail_box .item{padding: 1.5em 0;display: flex;align-items: center;border-bottom: 1px solid #cdcdcd;color: #000; min-height: 80px;}
.totalpage .detail_box .subj{position: relative; width: 360px;text-align: center; }
.totalpage .detail_box .subj:after{content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 20px; background: #cdcdcd;}
.totalpage .detail_box input[type="radio"]{width: 0.813em;height: 0.813em;border: 1px solid #7d7d7d;}
.totalpage .detail_box input[type="radio"]:checked{background: #7d7d7d !important;border: 3px solid #fff;outline: 1px solid #7d7d7d;}d{background: #333; border: 5px solid #fff; outline: 1px solid #333;}
.totalpage .detail_box .cont{width: 100%;flex: 1;padding-left: 2.5em;padding-right: 1em;position: relative;}
.totalpage .detail_box .period{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;margin-bottom: -10px;}
.totalpage .detail_box .period >*{margin-bottom: 10px;}
.totalpage .detail_box .period .date_w{}
.totalpage .detail_box .period .date_w .datepick{width: 200px;}
.totalpage .detail_box .period .date_w .datepick input[type="text"]{width: 100%;}
.totalpage .detail_box .period .date_w .dash{width: 30px; text-align: center;}
.totalpage .detail_box .submit{font-size: 18px;font-size: 1.125em;width: 140px; height: 80px;background: #333;color: #fff;position: absolute;bottom: 0;right: 0;}
.totalpage label + input[type="radio"]{margin-left: 20px;}
.totalpage .chk_w{width: 100%; margin-top: 2.5em; display: flex;}

.tab-total{max-width: 1400px; margin: 0 auto; display: flex;flex-wrap:wrap; margin-top: 2.5em;}
.tab-total >li{position: relative; width: 12.5%;}
.tab-total.len5 >li{width: 20%;}
.tab-total.len6 >li{width: 16.6666%;}
.tab-total >li a{position: relative; display: table; width: 100%; height: 3.750em; padding: 0 10px; line-height: 1.15; text-align: center;}
.tab-total >li a >span{position: relative; display: table-cell; vertical-align: middle;}
.tab-total >li .active{background: #fff; color: #333; font-weight: 600;}
.tab-total >li .active span >span{color: #333;}

.total-result{display: flex;/* flex-wrap: wrap; */align-items: flex-start;padding-top: 2.5em;border-top: 2px solid #333;}
.total-result >*{}
.total-result .l{flex: 1;width: calc(100% - 280px);padding-right: 2.5em;}
.total-result .r{width: 280px;height: 100px;padding-left: 2.5em;border-left: 1px solid #dedede;}
.total-result .group{position: relative;}
.total-result .group >h3{padding-bottom: 0.5em;border-bottom: 1px solid #dedede;}
.total-result .group .navi{font-size: 17px; font-size: 1.063em; color: #888; margin-top: 1em;}
.total-result .group .navi .arr{display: inline-block;}
.total-result .group .navi .arr:after{content: '';display: inline-block;width: 7px;height: 7px;border-top: 1px solid #888;border-right: 1px solid #888;transform: rotate(45deg);vertical-align: middle;margin: 0 10px 2px;}
.total-result .group .list{display: flex;margin: 1.25em -1% -1em;flex-wrap: wrap;}
.total-result .group .list >li{width: 23%; margin: 0 1% 1em;}
.total-result .group .list .item{display: block;}
.total-result .group .list .img{display: block;margin-bottom: 15px;position: relative;overflow: hidden;}
.total-result .group .list .img >img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: auto;}
.total-result .group .list .tit{font-size: 22px;font-size: 1.375em;font-weight: 600;color: #1f1f1f;line-height: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 0.4em; padding-bottom: 1px;}
.total-result .group .list .date{display: block;color: #888;}
.total-result .group .list .desc{display: block;font-size: 17px;font-size: 1.063em;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height: 1.4em;overflow: hidden;}
.total-result .group .more{font-size: 15px;font-size: 0.938em;display: block;position: absolute;top: 0.5em;right: 0;color: #333;opacity: 0.6;transition: all .2s ease;}
.total-result .group .more:after{content: '';display: inline-block;width: 9px;height: 5px;background: url('/resources/gsfc/img/common/icon/ico-drop.png') no-repeat center / 100%;transform: rotate(-90deg);margin: 0px 0 3px 10px;filter: brightness(0.5);}
.total-result .group .more:hover{opacity: 1; text-decoration: underline; font-weight: 600;}
.total-result .group .list.type1 .img{width: 100%;padding-bottom: 142%;}
.total-result .group .list.type2 .img{width: 100%;padding-bottom: 71%;}
.total-result .group .list.type3{margin: 1.25em 0;}
.total-result .group .list.type3 >li{width: 100%;margin: 0 0 1.25em;}
.total-result .group .list.type3 >li:last-child{margin-bottom: 0;}
.total-result .group .list .item:hover .tit{text-decoration: underline;}
.total-result .r .tit{font-weight: 600; color: #666; padding-bottom: 5px; border-bottom: 1px solid #dedede;}
.total-result .rank_w{}
.total-result .rank_w .list{margin-top: 10px;}
.total-result .rank_w .list >li:not(:last-child){margin-bottom: 5px;}
.total-result .rank_w .list >li >a{display: block;font-size: 15px;font-size: 0.938em;color: #8f8f8f;line-height: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right: 2em;}
.total-result .rank_w .list >li span{display: inline-block;font-size: 11px;font-size: 0.733em;font-weight: 600;width: 1.727em;line-height: 1.727em;border: 1px solid #ccc;text-align: center;border-radius: 3px;vertical-align: middle;margin-right: 0.95em;}
.total-result .rank_w .list >li .up{background: url('/resources/gsfc/img/common/icon/rank-up.png') no-repeat right center;}
.total-result .rank_w .list >li .down{background: url('/resources/gsfc/img/common/icon/rank-down.png') no-repeat right center;}
.total-result .rank_w .list >li .new{background: url('/resources/gsfc/img/common/icon/rank-new.png') no-repeat right center;}
.total-result .keyword{margin-top: 2.5em;}
.total-result .keyword .list{margin-top: 10px;}
.total-result .keyword .list >li{display: flex;align-items: center;justify-content: space-between;}
.total-result .keyword .list >li >a{font-size: 15px;font-size: 0.938em;color: #8f8f8f;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: calc(100% - 1.5em);}
.total-result .keyword .list >li >button{width: 1.188em;height: 1.188em;text-indent: -9999px;background: url('/resources/gsfc/img/common/icon/btn-del.png') no-repeat center / 100%;vertical-align: middle;}

/* 아카이브 */
.sch-top{position: relative; display: flex;flex-wrap: wrap;}
.sch-top .sel{width: 360px;}
.sch-top .sel select{width: 100%;height: 80px;border: 1px solid #cdcdcd;padding: 0 20px;background: url('/resources/gsfc/img/common/icon/ico-drop3.png') no-repeat right 20px center;}
.sch-top .input_w{position: relative;width: 100%;flex: 1;margin-left: -1px;}
.sch-top .input_w input[type="text"]{width: 100%;height: 80px;padding-left: 70px;background: url('/resources/gsfc/img/common/icon/btn-sch_g.png') no-repeat 26px center;padding-right: 160px;}
.sch-top .input_w .submit{width: 140px;height: 80px;font-size: 18px;font-size: 1.125em;background: #333;color: #fff;position: absolute;top: 0;right: 0;}

.acv-menu{display: flex;flex-wrap: wrap;align-items: center;border-left: 1px solid #cdcdcd;}
.acv-menu >li{width: 20%;}
.acv-menu >li >a{display: block;min-height: 180px;border: 1px solid #cdcdcd;border-left: 0;padding: 1.875em;display: flex;flex-direction: column;justify-content: space-between; transition: background .3s ease;}
.acv-menu a:hover{background: #f8f5fa; outline: 2px solid #333; outline-offset: -2px;}
.acv-menu .sort{display: block;font-size: 18px;font-size: 1.125em;font-weight: 600;}
.acv-menu .sort:before{content: '';display: inline-block;width: 0.889em;height: 0.889em;background: url('') no-repeat center / 100%;margin: 0 5px -2px 0;  transition: background .3s ease;}
.acv-menu .sort.a:before{background-image: url('/resources/gsfc/img/common/icon/acv-ico01.png');}
.acv-menu a:hover .sort.a:before{background-image: url('/resources/gsfc/img/common/icon/acv-ico01_on.png');}
.acv-menu .sort.b:before{background-image: url('/resources/gsfc/img/common/icon/acv-ico02.png');}
.acv-menu a:hover .sort.b:before{background-image: url('/resources/gsfc/img/common/icon/acv-ico02_on.png');}
.acv-menu .sort.c:before{background-image: url('/resources/gsfc/img/common/icon/acv-ico03.png');}
.acv-menu a:hover .sort.c:before{background-image: url('/resources/gsfc/img/common/icon/acv-ico03_on.png');}
.acv-menu .sort.d:before{background-image: url('/resources/gsfc/img/common/icon/acv-ico04.png');}
.acv-menu a:hover .sort.d:before{background-image: url('/resources/gsfc/img/common/icon/acv-ico04_on.png');}
.acv-menu .sort.e:before{background-image: url('/resources/gsfc/img/common/icon/acv-ico05.png');}
.acv-menu a:hover .sort.e:before{background-image: url('/resources/gsfc/img/common/icon/acv-ico05_on.png');}
.acv-menu .total{text-align: right;font-size: 18px;font-size: 1.125em;}
.acv-menu .total >strong{display: inline-block;font-size: 22px;font-size: 1.222em;margin-left: 5px;}

.acv-s{}
.acv-s .slider_w{position: relative;}
.acv-s .slider .slick-list{margin-right: -30px;}
.acv-s .slider .slick-track{}
.acv-s .slider .slick-slide{margin-right: 30px; position: relative; transition: top .3s ease;}
.acv-s .slider .item{display: block; position: relative;}
.acv-s .slider .img{position: relative;width: 100%;padding-bottom: 75%;transition: box-shadow .3s ease;}
.acv-s .slider .img >img{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.acv-s .slider .more{font-weight: 600;color: #fff;padding: 0 20px;line-height: 60px;background: #6f3690 url('/resources/gsfc/img/main/btn-next.png') no-repeat right 20px center;border-radius: 0 0 10px 10px;opacity: 0;visibility: hidden;transition: all .3s ease;}
.acv-s .slider .info{position: relative;margin-top: 1.25em;top: -60px;transition: all .3s ease;}
.acv-s .slider .info .label{font-size: 14px; font-size: 0.875em; color: #333; text-decoration: underline;}
.acv-s .slider .info .tit{font-size: 22px;font-size: 1.375em;font-weight: 600;color: #1f1f1f;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.acv-s .slider .item:hover .more{opacity: 1; visibility: visible}
.acv-s .slider .item:hover .info{top: 0;}
.acv-s .slider .item:hover .tit{text-decoration: underline;}
.acv-s .controls{position: relative;display: flex;align-items: center; margin-top: 1.25em;}
.acv-s .controls >button{width: 3.5em; height: 3.5em; background: url('') no-repeat center / 100%;}
.acv-s .controls .btn-prev{background-image: url('/resources/gsfc/img/main/btn-prev2.png'); margin-left: 30px;}
.acv-s .controls .btn-next{background-image: url('/resources/gsfc/img/main/btn-next2.png'); margin-left: 15px;}
.acv-s .progress_bar{flex: 1;}
.acv-s .progress_bar .bar{display: block;width: 100%;height: 2px;overflow: hidden;background-color: #ccc;background-image: linear-gradient(to right, #743c93, #743c93);background-repeat: no-repeat;background-size: 30%;transition: background-position-x .4s ease-in-out;}
.acv-s .btn-more{position: absolute;top: 0;right: calc(50% - 700px);}

.sch-section{}
.sch-section .more{font-size: 15px;font-size: 0.938em;display: block;position: absolute;bottom: calc(100% + 1.875em);right: 0;color: #333;opacity: 0.6;transition: all .2s ease;}
.sch-section .more:after{content: '';display: inline-block;width: 9px;height: 5px;background: url('/resources/gsfc/img/common/icon/ico-drop.png') no-repeat center / 100%;transform: rotate(-90deg);margin: 0px 0 3px 10px;filter: brightness(0.5);}
.sch-section .more:hover{opacity: 1; text-decoration: underline; font-weight: 600;}

/* 온라인 박물관 */
.bbs-online{}
.bbs-online__top{background: url('/resources/gsfc/img/bbs/bg-online.png') repeat-x center / auto 100%; padding: 50px}
.bbs-online__top >.inner{display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;}
.bbs-online__top .img{width: 48%; position: relative;}
.bbs-online__top .img:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url('/resources/gsfc/img/common/icon/ico-play.png') no-repeat center;background-color: rgba(0, 0, 0, 0.4);}
.bbs-online__top .img >img{display: block; width: 100%; height: 100%; object-fit: cover;}
.bbs-online__top .cont{width: 48%; margin-top: 20px;}
.bbs-online__top .cont .t1{font-size: 38px; font-size: 2.375em; font-weight: 600; line-height: 1.2; color: #333; margin-top: 20px;}
.bbs-online__top .cont .t2{color: #333; margin-top: 1em;}

.bbs-online__list{display: flex;flex-wrap: wrap;align-content: flex-start;border-top: 2px solid #333;margin-top: 3.125em;}
.bbs-online__list >li{width: 33.3333%;border-bottom: 1px solid #ccc;}
.bbs-online__list >li >a{display: block;padding: 2.5em;}
.bbs-online__list .img{position: relative; margin-bottom: 20px !important;}
.bbs-online__list .img:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url('/resources/gsfc/img/common/icon/ico-play.png') no-repeat center;background-color: rgba(0, 0, 0, 0.4); opacity: 0; visibility: hidden; transition: all .3s ease-in-out;}
.bbs-online__list a:hover .img:before{opacity: 1; visibility: visible;}
.bbs-online__list .img >img{width: 100%; height: 100%; object-fit: cover;}
.bbs-online__list >li >a >*:not(:last-child){margin-bottom: 10px;}
.bbs-online__list .t1{font-size: 18px; font-size: 1.125em; font-weight: 600; color: #333;}
.bbs-online__list .t2{}
.bbs-online__list .desc{}
.bbs-online__list .desc:before{content: '\00b7'; display: inline-block; font-weight: 600; margin-right: 3px;}

/* 겸재정선 > 해설예약 목록 */
.cmntr-com{display: flex;flex-wrap: wrap;align-items: flex-start;padding: 3.125em 0;border-top: 2px solid #333;border-bottom: 1px solid #ccc;}
.cmntr-com >*{width: 50%;padding: 0 2.5em;}
.cmntr-com >* .tit-line2{border-bottom: 1px solid #333; padding-bottom: 0.5em;}
.cmntr-com .step1{border-right: 1px solid #ccc;}
.cmntr-com .step1 .calendar_w{overflow-x: auto;}
.cmntr-com .step1 .calendar{margin-top: 0; min-width: 619px}
.cmntr-com .step1 .calendar th{border-top: 1px solid #333; font-size: 14px; font-size: 0.875em;}
.cmntr-com .step1 .calendar td{height: 70px;padding: 0; }
.cmntr-com .step1 .calendar td a{display: block; padding: 10px; height: 100%;}
.cmntr-com .step1 .calendar .day{font-size: 14px; font-size: 0.875em;}
.cmntr-com .step1 .calendar .sel{background: #333;}
.cmntr-com .step1 .calendar .sel .day{color: #fff;}
.cmntr-com .step1 .calendar .sel span{font-size: 12px; font-weight: 500; color: #333; background: #fff; line-height: 24px; padding: 0 10px; border-radius: 20px;}
.cmntr-com .cal{}
.cmntr-com .cal__top{padding: 1em 2em;display: flex; justify-content: space-between; align-items: center;}
.cmntr-com .cal__top >span{display: inline-block;font-size: 22px;font-size: 1.375em;margin: 0 1.071em;vertical-align: middle;font-weight: 600;color: #333;}
.cmntr-com .cal__top >button{}
.cmntr-com .step2{}