#sub_page{padding-top: 50px; padding-bottom: 70px;}
.junbijung{text-align: center; font-size: 1.7em; font-weight: 700; padding: 1.0em 0}

.f16{font-size: 16px; font-size: 1rem;}

.tit-st1{font-size: 24px; font-weight: 700; color: #000; margin-bottom: 40px;}
.tit-st1 span{display: inline-block; padding-right: 30px; border-bottom: 1px solid #ccc;}

.color-blue{color: #243a72}
.color-blue2{color: #3071ca}
.color-red{color: #9d1c20}
.color-gray{color: #5e5e60}

.bg-black{background: #000;color: #fff}
.bg-black_r{border: 1px solid #000;color: #000}
.bg-blue{background: #243a72; color: #fff}
.bg-blue_r{border: 1px solid #243a72; color: #243a72}

.bbs-btn_w{text-align: right; margin-top: 30px;}
.btn-write{width: 107px; font-size: 17px; font-size: 1.063rem; font-size: 1.063rem; padding: 10px 0; text-align: center; display: inline-block;}

.btn-view_w{margin-top: 50px;}
.btn-list{width: 11.059em; height: 3.529em; line-height: 3.529em; text-align: center; display: block;margin: 0 auto; font-size: 1.063em;}

.btns_w-st1{margin-top: 50px; text-align: center;}
.btn-st1{width: 11.059em; height: 3.529em; line-height: 3.529em; text-align: center; display:   block; font-size: 1.063em; display: inline-block;vertical-align: middle;}
.btns_w-st1 > *{margin: 0 1px;}

.btn-adm{text-align: right; margin-top:3em;}

.bul-dash > li,.bul-dash > dd{position: relative;padding-left: .8em;margin-top: .3em;}
.bul-dash > li:before,.bul-dash > dd:before{position:absolute;left: 0;top:0;content:'-'}
.bul-dash > li:first-child,.bul-dash > dd:first-child{margin-top: 0}
.bul-mark > li{margin-top: 0.3em;}
.bul-mark > li:first-child{margin-top: 0;}
.bul-mark > li,.bul-mark.b{padding-left: 1.33em;position: relative;display: block;}
.bul-mark > li:before, .bul-mark.b:before{position: absolute;left: 0;top:0;content: '※'}

.bul-stars > li{position: relative;padding-left: .67em;margin-top: .3em;}
.bul-stars > li:before{position: absolute;left: 0;top:0;content: '*'}
.bul-stars > li:first-child{margin-top: 0 !important;}
.bul-stars.b{padding-left: 1em;position: relative;display: block;}
.bul-stars.b:before{position: absolute;left: 0;top:0;content: '*'}

.bul-decimal{list-style: decimal;margin-left: 1em;}
.bul-decimal > li{margin-top: .3em;}
.bul-decimal > li:first-child{margin-top: 0 !important;}

.bul-dot > li,.bul-dot > dd{position: relative;padding-left: .78em;margin-top: .3em;}
.bul-dot > li:before,.bul-dot > dd:before{position: absolute;left: 0;top:.7em;width: 3px;height: 3px;content: '';background: #000}
.bul-dot > li:first-child{margin-top: 0 !important;}

.bul-dot.b{position: relative;padding-left: .78em;}
.bul-dot.b:before{position: absolute;left: 0;top:.7em;width: 3px;height: 3px;;content: '';background: #000}

.bul-dot2 > li,.bul-dot2 > dd{position: relative;padding-left: .78em;margin-top: .3em;}
.bul-dot2 > li:before,.bul-dot2 > dd:before{position: absolute;left: 0;top:0;content: '·';}
.bul-dot2 > li:first-child{margin-top: 0 !important;}

.bbs-top{position: relative;}
.bbs-top .sch-st1{position: absolute; top: 0; width: 100%}
.bbs-top .sch-st1 .in{max-width: 474px; margin: 0 auto; padding-left: 135px; position: relative;}
.bbs-top .sch-st1 select,.bbs-top .sch-st1 input{height: 40px}
.bbs-top .sch-st1 select{position: absolute;left: 0;top:0;width: 130px}
.bbs-top .sch-st1 .input{position: relative; padding-right: 76px;}
.bbs-top .sch-st1 input{width: 100%; padding: 0 10px}
.bbs-top .sch-st1 button{position: absolute;right: 0;top:0;width: 76px;height: 100%;background: #4c4c4c;color: #fff}
.bbs-top .total{position: absolute;right: 0;top:10px; font-size: 17px; font-size: 1.063rem; font-size: 1.063rem;}
.bbs-top .total > span{position: relative;float: left; margin-left: 10px; padding-left: 10px;}
.bbs-top .total > span:before{position: absolute;left: 0;top:50%;width: 1px;height: 10px;margin-top: -5px; background: #ccc; content: ''}
.bbs-top .total > span:first-child{margin-left: 0; padding-left: 0;}
.bbs-top .total > span:first-child:before{background: none}

.bbs-isotope{margin-left: -1.5%;}
.bbs-isotope .item{float: left; width: 23.5%;margin: 0 0 1.5% 1.5%; border:1px solid #ccc}
.bbs-isotope a{display: block;padding: 20px; position: relative;}
.bbs-isotope a > *{display: block;}
.bbs-isotope .tit{color:#000; margin-bottom: .7em; font-size: 19px; font-size: 1.188rem;}
.bbs-isotope .date{font-size: .938em; opacity: .7}
.bbs-isotope .txt{font-size: 17px; font-size: 1.063rem; margin: 1.18em 0;}
.bbs-isotope .view{display: inline-block;border-bottom: 1px solid #696969; line-height: 1;}
.bbs-isotope a:hover:before{position: absolute;left: -1px;top:-1px;right:-1px;bottom:-1px;margin: auto; border:1px solid #243a72;content: ''}
.bbs-isotope a:hover .view{color: #243a72; border-bottom-color: #243a72;}
/* 행사 갤러리: 카드 높이/이미지 비율 통일 */
.bbs-isotope-gal{display: flex; flex-wrap: wrap;}
.bbs-isotope-gal:before,.bbs-isotope-gal:after{display: none;}
.bbs-isotope-gal .item{float: none; box-sizing: border-box; display: flex;}
.bbs-isotope-gal .item > a{display: flex; flex-direction: column; width: 100%; box-sizing: border-box;}
.bbs-isotope-gal .img{position: relative; width: 100%; height: 0; padding-bottom: 66.67%; overflow: hidden; flex: none;}
.bbs-isotope-gal .img > *{position: absolute; left: 0; top: 0;}
.bbs-isotope-gal .tit{margin-top: .8em; line-height: 1.5; height: 3em; overflow: hidden;}
.bbs-isotope-gal .txt{line-height: 1.5; height: 3em; overflow: hidden;}
.bbs-isotope-gal .view{margin-top: auto; align-self: flex-start;}

.paging_w{margin-top: 3em;font-weight: 700;}
.paging_w ul{font-size: 0;text-align: center;}
.paging_w li{font-size: 18px;font-size: 1.125rem;display: inline-block;margin-left: -1px;vertical-align: middle;border:1px solid #ddd; width: 2.222em;height: 2.222em; line-height: 2.222em; background: #f9f9f9}
.paging_w .arrows{white-space: nowrap;overflow: hidden;text-indent: -999px;background:#f9f9f9 url('') center center no-repeat;border-color: #bbb;position: relative}
.paging_w .first{background-image: url('../img/bbs/first.gif'); border-radius: 5px 0 0 5px}
.paging_w .prev{background-image: url('../img/bbs/prev.gif')}
.paging_w .next{background-image: url('../img/bbs/next.gif')}
.paging_w .last{background-image: url('../img/bbs/last.gif'); border-radius: 0 5px 5px 0}
.paging_w a{display: block;}
.paging_w .active{background: #111; color: #fff;}

.bbs-view{border-top: 1px solid #000;}
.bbs-view .top{padding: 20px; position: relative; border-bottom: 1px solid #ccc;}
.bbs-view .top .t{font-size: 1.25em; color: #000; padding-right: 248px;}
.bbs-view .tit .date{font-size: .933rem;color:#666;letter-spacing: -0.05em;}
.bbs-view .tit .date span{display:inline-block;padding:0 0 0 50px;position:relative;}
.bbs-view .tit .date span:first-child{padding-left: 0;}
.bbs-view .tit .date span+span:before{content: '';height:15px;height:.938rem;border-left:1px solid #dddddd;position:absolute;left:25px;top:50%;margin-top:-7.5px;margin-bottom: -.47rem;}
.bbs-view .tit .date em{color:#111;display:inline-block;margin-left:5px;}
.bbs-view .cont{padding: 30px 20px;text-align: left;overflow: auto;border-bottom: 1px solid #ccc;}
.bbs-view .etc{position: absolute;right: 20px;top:50%; transform: translateY(-50%); font-size: 0;}
.bbs-view .etc span{display: inline-block; font-size: 1rem; margin-left: 0; padding-left: 0; margin-left: 7px; padding-left: 7px; position: relative;}
.bbs-view .etc span:before{position: absolute;left: 0;top:50%;width: 1px;height: 10px; content: ''; margin-top: -5px; background: #b8b8bf}
.bbs-view .etc span:first-child{margin-left: 0; padding-left: 0;}
.bbs-view .etc span:first-child:before{background: none}

.prev_next{line-height: 4.706em;margin-top:3.529em;font-weight: 400; font-size: 1.063em;border-top: 1px solid #ccc;}
.prev_next dl{position: relative;padding-left: 180px; border-bottom: 1px solid #ccc;}
.prev_next dt{width: 180px;text-align: center; position: absolute;left: 0;top:0;height: 100%; background: #f4f4f4; color: #000}
.prev_next dd{padding: 0 30px;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;display: block; font-size: 1.059em;}
.prev_next dd a{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
.prev_next .prev{margin-top: 0;}
.prev_next a:hover{text-decoration: underline;}

.form-st1{border-top: 2px solid #333;}
.form-st1 .item{display: table; width: 100%; border-bottom: 1px solid #ddd;}
.form-st1 .item > *{display: table-cell;vertical-align: middle;}
.form-st1 .t{width: 180px; padding: 10px; font-weight: 400;    word-break: keep-all; text-align: center; background: #f4f4f4; color: #000}
.form-st1 .cont{padding: 15px 20px; color: #666; height: 73px}

.form-st2{border-top: 2px solid #333; padding: 25px 0; border-bottom: 1px solid #ddd;}
.form-st2 .item{display: table; width: 100%}
.form-st2 .item > *{display: table-cell;vertical-align: top;}
.form-st2 .t{width: 180px; padding: 10px; font-weight: 700;    word-break: keep-all; text-align: center; background: #fff; color: #000;font-size: 1.125em;}
.form-st2 .cont{padding: 15px 20px; color: #666}
.form-st2 .attach{margin-bottom: 1.3em;}

.form-st1 select,.form-st1 input[type="text"]{height: 40px; width: 100%; padding: 0 20px}
.form-st1 textarea{width: 100%;display: block;padding: 10px; height: 280px}
.form-st1 .small{max-width:205px}
.form-st1 .mid{max-width:350px}
.form-st1 select{padding-left: 10px;}
.form-st1 .add_txt{margin-left: 1.25em;}

.bbs-file{border-bottom: 1px solid #ccc; padding: 20px}
.bbs-file .t{display: inline-block; padding-right: 10px; margin-right: 10px;position: relative;}
.bbs-file .t:after{position: absolute;right: 0;top:50%;width: 1px; height: 10px; background: #b8b8bf; content: ''; margin-top: -5px;}
.bbs-file .ico,.ico-file{display: inline-block; background: url('../img/bbs/file.gif') left center no-repeat; padding-left: 20px;}
.bbs-file .ico a:hover,.ico-file:hover a{border-bottom: 1px solid #535353;}

.tel-st1 .dash,.mail-st1 .dash,.date_form dt,.date_form dd span{text-align: center; line-height: 40px;}
.tel-st1 > *{float: left; width: 31.333333333%}
.tel-st1 .dash{width: 3%;text-align: center}

.mail-st1{max-width: 800px}
.mail-st1 > *{float: left; width: 33%}
.mail-st1 .e1{width: 28%}
.mail-st1 .dash{width: 5%;text-align: center}
.mail-st1 .e3{float: right;}

.date_form{position: relative;}
.date_form:before{position: absolute;left: 50%;width: 1px;height: 40px;content: '';background: #ccc;margin-top: -20px;top: 50%}
.date_form > dl{width: 48%; float: right; position: relative; padding-left: 40px; position: relative;}
.date_form > dl:first-child{float: left;}
.date_form dt{position: absolute;left: 0;top:0;}
.date_form dd{position: relative; padding-right: 1.5em; float: left; width: 22.5%; margin-left: 1.5%;}
.date_form dd.y{width: 26.5%}
.date_form span{position: absolute;right: 0;top:0}

.bbs-faq{border-top: 1px solid #111}
.bbs-faq .item{border-bottom: 1px solid #ccc; font-size: 1.063em}
.bbs-faq .q{padding: 30px}
.bbs-faq .q .in,.bbs-faq .a .in{position: relative; padding-left: 74px;;}
.bbs-faq .q .in:before{position: absolute;left: 0;top:0;content: 'Q'; color: #000}
.bbs-faq .q > span{display: table-cell;vertical-align: middle;}
.bbs-faq .a{border-top: 1px solid #000;padding: 30px;background: #f7f7f7;display: none;}
.bbs-faq .a .in:before{position: absolute;left: 0;top:0; content: 'A'; color: #999}
.bbs-faq .q a{background: url('../img/bbs/faq.gif') right center no-repeat;padding-right: 3.5em;display: block;}
.bbs-faq .active a{color: #243a72;background-image: url('../img/bbs/faq_on.gif')}

.bbs-gallery{margin-left: -2%;}
.bbs-gallery .item{float: left; width: 31.3%;margin: 0 0 2% 2%;}
.bbs-gallery a{display: block; position: relative;}
.bbs-gallery a > *{display: block;}
.bbs-gallery .tit{color:#000; margin: .8em 0 .7em; font-size: 19px; font-size: 1.188rem; font-weight: 400;}
.bbs-gallery .date{font-size: .938em; opacity: .7}
.bbs-gallery .txt{font-size: 17px; font-size: 1.063rem; margin: 1.18em 0; height: 2.7em; overflow: hidden;}
.bbs-gallery .view{display: inline-block;border-bottom: 1px solid #696969; line-height: 1;}
.bbs-gallery .img{border:1px solid transparent}
.bbs-gallery a:hover .img{border:1px solid #000}
.bbs-gallery .img{position: relative; padding-bottom: 53%;overflow: hidden;}
.bbs-gallery .img img{display: block;width: 100%; position: absolute;left: 0;top:0;right: 0;bottom: 0;margin: auto;}
.bbs-gallery a:hover .view{color: #243a72; border-bottom-color: #243a72;}

.bbs-list{border-top: 1px solid #000;word-break: break-word; position: relative;}
.bbs-list table{width: 100%}
.bbs-list th,.bbs-list .th{border-bottom: 1px solid #000; color: #000; white-space: nowrap;}
.bbs-list td{border-bottom: 1px solid #ccc}
.bbs-list th,.bbs-list td{padding: 1em;text-align: center}
.bbs-list .tit{text-align: left;}
.bbs-list tr:hover{background: #f7f7f7}
.bbs-list .notice{background: #f1f1f1; color: #000}
.bbs-list a:hover{text-decoration: underline;}
.bbs-list .reply{vertical-align: text-bottom; margin: 0 5px 0 .5em;}
.bbs-list .reply img{vertical-align: middle;}

.inquiry-top {position: relative;}
.inquiry-top .txt1 {position: absolute; top: 0; width: 100%; left: 200px;}

.mypage .form-st2{margin-top: 40px;}

.pop-bg{position: fixed; background: rgba(0,0,0,.5); left: 0;top:0;width: 100%;height: 100%;z-index: 151;display: none; overflow-y: auto;}
#pop-login{width: 97%; width: 97%; left: 50%; top:50%; background: #fff; padding: 80px;max-width: 660px; position:relative; transform: translate(-50%,-50%); text-align: center;}
#pop-login .t{font-size: 40px; font-weight: 700; margin-bottom: 30px;display: block;}
#pop-login .form input{border:0; width: 100%; padding: 0 1em; font-size: 17px; font-size: 1.063rem; height: 60px}
#pop-login li{border:1px solid #ccc; margin-top: 10px;}
#pop-login li:first-child{margin-top: 0;}
#pop-login .remeber{margin: 15px 0; text-align: left;}
.btn-login{display: block; height: 91px; font-size: 1.375em; font-weight: 700; display: block; width: 100%}

#pop-login .btn-close{position: absolute;right: 30px;top:30px; width: 18px; height: 18px; background: url('../img/common/btn-close.png') center center no-repeat; background-size: 100%; display: block;white-space: nowrap;overflow: hidden;text-indent: -999px;}

.ck-st1{cursor: pointer; position: relative;}
.ck-st1 input{border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 0;}
.ck-st1 label{position: relative;display: block;background: #fff;padding-left: 1.67em}
.ck-st1 input + label span{position: absolute; display: block; width:20px;height:20px;width: 1.25rem; height: 1.25rem; top:50%; left: 0; border:1px solid #ddd; background: url('../img/bbs/ck.gif') center center no-repeat;border-radius: 50%; margin-top: -10px; margin-top: -0.625rem;}
.ck-st1 input:checked + label span{background: url('../img/bbs/ck_on.gif') center center no-repeat; border-color: #4b1e78}

.group-st1{display: table; width: 100%; font-size: 18px; font-size: 1.125rem; font-weight: 400;}
.group-st1 > *{display: table-cell; vertical-align: top;}
.group-st1 .tit{width: 420px; font-size: 2.111em; line-height: 1.35; font-weight: 400;}
.group-st1 .cont{line-height: 1.8;}
.greeting .l{float: left; width: 48%}
.greeting .r{float: right; width: 48%}

.info_page .dev{margin-left: -3%; margin-top:2.778em; text-align: center; line-height: 1.5;}
.info_page .dev > li{float: left; width: 30.3333333%; margin-left: 3%; border-top: 3px solid #2b4076; padding-top: 1.111em;}
.info_page .dev .t{display: block;margin-bottom: 1.667em; line-height: 1.15;}

.program_info{font-size: 18px; font-size: 1.125rem;}
.program_info > ul{margin-left: -2%;}
.program_info > ul > li{float: left; width: 48%; margin: 0 0 2% 2%; border:1px solid #b8b8bf; height: 288px}
.program_info .t{padding: 1.111em 2.222em 0; margin-bottom: 2.222em; display: inline-block; position: relative; border-top: 3px solid #2b4076; margin-top: -1px;}
.program_info .txt{padding: 0 30px 0 40px}
.program_info ol li{margin-top: .3em;}
.program_info ol li:first-child{margin-top: 0;}

.hanja{font-family: Dotum;}

.group-st2{font-size: 17px; font-size: 1.063rem; color: #525252; line-height: 1.67}
.group-st2 .tit{font-size: 20px; font-size: 1.20rem; color: #000; font-weight: 600; margin-bottom: 1em; display: block; line-height: 1.35;}
.group-st2 .mb{margin-bottom: 2.941em;}
.com_w .half_w{margin-left: -5%;}
.com_w .half_w > *{float: left; width: 45%; margin-left: 5%;}

.mt-st1{margin-top: 70px;}
.mt-st2{margin-top: 130px;}

.group-st3{display: table; width: 100%; font-size: 18px; font-size: 1.125rem; font-weight: 400;}
.group-st3 > *{display: table-cell; vertical-align: top;}
.group-st3 .t{width: 207px;font-size: 1.278em; padding-top: 15px; position: relative; padding-top: .938rem; font-weight: 600;}
.group-st3 .t:before{width: 1.522em; height: 3px; background: #2b4076; content: ''; position: absolute;left: 0;top:0}

.essay .group-st3{margin-top: 123px;}
.essay .group-st3:first-child{margin-top: 0;}

.tip_page{font-size: 17px; font-size: 1.063rem}
.td-u{text-decoration: underline;}

.inner .page cf {width: 1180px; margin: 0 auto;}
.celebration {display: flex;}
.celebration li:nth-child(1), .celebration li:nth-child(2) {width: 40.2%; text-align: center;}
.celebration li:nth-child(3) {width: 19.6%; text-align: center;}
.celebration li div img {width: 90%;}
.celebration li:nth-child(1) a {background-color: #253a73;}
.celebration li:nth-child(2) a {background-color: #9d1c20;}
.celebration li:nth-child(3) a {background-color: #616161;}
.celebration li a {
    display: inline-block;
    margin-top: 30px;
    height: 44px;
    padding: 0 20px;
    border-radius: 22px;
    color: #ffffff;
    font-size: 18px;
    line-height: 42px;
}

.contents .page {
    width: 100%;
    margin: 0 auto;
}
.board_list {
    table-layout: fixed;
}
table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
.board_list caption {
    width: 0;
    height: 0;
    font-size: 0;
    opacity: 0;
}
.board_list th {
    padding: 25px 0;
    border-top: 2px solid #373a3d;
    border-bottom: 1px solid #ccc;
    font-weight: 500;
    line-height: 1;
    color: #333;
}

.board_list td {
    padding: 20px 0;
    border-bottom: 1px solid #eee;
    color: #666;
    text-align: center;
    word-break: break-all;
}




.bbs-view embed,.bbs-view embed *{max-width: 100% !important; max-height: 100% !important}
@media (max-width:1024px){
.bbs-view embed{height: 50vw !important}
}

.bbs-view iframe,.bbs-view iframe *{max-width: 100% !important; max-height: 100% !important}
@media (max-width:1024px){
.bbs-view iframe{height: 50vw !important}
}

.video embed,.video embed *{max-width: 100% !important; max-height: 100% !important}
@media (max-width:1024px){
.video embed{height: 50vw !important}
}

.video iframe,.video iframe *{max-width: 100% !important; max-height: 100% !important}
@media (max-width:1024px){
.video iframe{height: 50vw !important}
}