@charset "UTF-8";
/*-------------------------------------------------
title       : 초기화
Author      : 플랜아이 광주
Create date : 2020-03-02
-------------------------------------------------*/

/* 가로값 */
.w8 {width: 8rem !important;}
.w12 {width: 12rem !important;}
.w15 {width: 15rem !important;}

.blank { padding: 2.25rem 0; text-align: center; }

.form_textbox { width: 100%; height: 4rem; max-height: 100%; padding: 0 1rem; border: 1px solid #ddd; text-align: left; vertical-align: top; -webkit-transition: all 0.2s; transition: all 0.2s; }
.form_textbox:focus { border-color: #000; } 
.form_textbox.hasDatepicker { width: 15rem; padding-right: 5rem; }
.form_textbox.hasDatepicker + .ui-datepicker-trigger { position: absolute; left: auto; top: auto; width: 3rem; margin: 0.6rem 0 0 -4rem; }
.form_textbox.number { width: 15rem; }

.form_mail { line-height: 4rem; }
.form_mail .form_textbox { width: 20rem; }

.form_select { display: inline-block; position: relative; height: 4rem; color: #333; }
.form_select::after { position: absolute; top: auto; left: auto; right: auto; font-family: "xeicon"; position: absolute; top: 50%; left: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 1rem; transform: translateY(-50%); content: ''; }
.form_select select { width: 100%; height: 4rem; padding: 0 3rem 0 1rem; border: 1px solid #ddd; vertical-align: top; -webkit-transition: all 0.2s; transition: all 0.2s; }
.form_select select:hover, .form_select select:focus { border-color: #000; }

.form_check { display: inline-block; position: relative; z-index: 0; margin-right: 2rem; padding-left: 2.5rem; vertical-align: top; }
.form_check label { cursor: pointer; }
.form_check label::before { position: absolute; left: 0; top: 0.5rem; z-index: -2; width: 1.5rem; height: 1.5rem; border: 1px solid #ddd; background-color: #fff; content: ''; }
.form_check label::after { position: absolute; top: auto; left: auto; right: auto; font-family: "xeicon"; left: 0; top: 0.5rem; z-index: -1; width: 1.5rem; height: 1.5em; color: #484c58; content: ''; text-align: center; line-height: 1.5rem; opacity: 0; -webkit-transition: all 0.2s; transition: all 0.2s; }
.form_check input { position: absolute; left: 0; top: 0; opacity: 0; }
.form_check input:focus + label::before { outline: 1px dotted #000; }
.form_check input:checked + label::after { opacity: 1; }
.form_check:last-child { margin-right: 0; }

.form_radio { display: inline-block; position: relative; z-index: 0; margin-right: 2rem; padding-left: 2.5rem; vertical-align: top; }
.form_radio label { cursor: pointer; }
.form_radio label::before { position: absolute; left: 0; top: 0.5rem; z-index: -2; width: 1.5rem; height: 1.5rem; border-radius: 100%; border: 1px solid #ddd; background-color: #fff; content: ''; }
.form_radio label::after { position: absolute; left: 0.5rem; top: 1rem; z-index: -1; width: 0.5rem; height: 0.5rem; border-radius: 100%; content: ''; -webkit-transition: all 0.2s; transition: all 0.2s; }
.form_radio input { position: absolute; left: 0; top: 0; opacity: 0; }
.form_radio input:focus + label::before { outline: 1px dotted #000; }
.form_radio input:checked + label::after { background-color: #484c58; }
.form_radio:last-child { margin-right: 0; }

.form_file { display: block; overflow: hidden; position: relative; z-index: 0; width: 100%; height: 3.5rem; max-height: 100%; text-align: left; line-height: 3.5rem; }
.form_file input { width: 8rem; height: 7rem; margin-top: -3.5rem; border: 0 none; opacity: 0; cursor: pointer; }
.form_file input:hover + .txt::before,
.form_file input:focus + .txt::before { background-color: #999; color: #fff; }
.form_file .txt::before { position: absolute; left: 0; top: 0; z-index: -1; width: 8rem; height: 100%; border: 1px solid #999; font-size: 1.5rem; color: #333; content: '첨부파일'; text-align: center; cursor: pointer; transition: all 0.2s; }
.form_file .txt { overflow: hidden; float: right; width: calc(100% - 9rem); text-overflow: ellipsis; }

.bul > li { position: relative; padding-left: 1rem; text-align: left; }
.bul > li::before { position: absolute; left: 0; top: auto; content: ''; }
#D64301
.bul.depth1 > li::before { content: '-'; }
.bul.depth1 > li + li { margin-top: 1rem; }

.bul.depth2 > li::before { content: '·'; }

.bul strong { font-weight: 500; color: #000; }

.btn_line {height: 5rem; border: 1px solid #ddd; line-height: 5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.6rem; font-weight: 500;display: inline-block; min-width: 12rem; padding: 0 1rem; background-color: #fff; color: #333; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; transition: all 0.2s; }
.btn_line + .btn_line {margin-left: .5rem;}
.btn_line:hover, .btn_line:focus { border-color: #D64301; background-color: #D64301; color: #fff; }
.btn_line i { font-size: 1.6rem; margin-left: 0.5rem; vertical-align: middle; }

.agree .title { margin-top: 2rem; font-size: 2.5rem; font-weight: 500; color: #333; }
.agree .form { text-align: right; }
.agree .item { overflow: hidden; overflow-y: auto; max-height: 31.5rem; margin: 1rem 0; padding: 3rem 3rem 0; border: 1px solid #ddd; }
.agree .item::after { display: block; width: 100%; height: 3rem; content: ''; }
.agree .item p strong { display: block; margin: 1rem 0 2rem; font-size: 1.8rem; font-weight: 500; color: #000; }
.agree:first-child .title { margin-top: 0; }

.board_box.type1 { padding: 5rem; border: 1px solid #ddd; border-top-color: #555; background-color: #f8f8f8; text-align: center; }
.board_box.type1 .title { font-size: 3rem; margin-bottom: 2rem; font-weight: 600; color: #000; }
.board_box.type1 .title i { font-size: 5rem; display: block; margin: 0 auto 0.5rem; font-family: "xeicon"; font-weight: 400; color: #162943; }
.board_box.type1 .form { width: 40rem; max-width: 100%; margin: 1rem auto 0; }
.board_box.type1 .txt { display: block; margin-top: 0.5rem; color: #c00; }
.board_box.type1.table { display: table; width: 100%; padding: 0; table-layout: fixed; }
.board_box.type1.table .group { display: table-cell; padding: 4rem; vertical-align: top; }
.board_box.type1.table .group2 { border-left: 1px solid #ddd; }
.board_box.type1.table a.group:hover .title, .board_box.type1.table a.group:focus .title { text-decoration: underline; }

.board_box.type2 { position: relative; margin: 4rem 0 2rem; padding: 3rem; padding-left: 28rem; border: 1px solid #ddd; border-top-color: #555; background-color: #fcfcfc; }
.board_box.type2:first-child { margin-top: 0; }
.board_box.type2 .img { position: absolute; left: 0; top: 0; width: 24.6rem; height: 100%; padding: 3rem; border-right: 1px solid #ddd; background-color: #fff; }
.board_box.type2 .img i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 5rem; font-family: "xeicon"; font-weight: 400; color: #162943; }
.board_box.type2 .title { font-size: 2rem; margin-bottom: 1rem; font-weight: 600; color: #000; }
.board_box.type2 .btn_line { margin-top: 2rem; border-color: #333; background-color: #333; color: #fff; }
.board_box.type2 .btn_line:hover, .board_box.type2 .btn_line:focus { background-color: #fff; color: #333; }

.board_btns { margin-top: 3rem; text-align: center; }
.board_btns .txt { margin: -2rem 0 1rem; font-size: 1.5rem; color: #999; text-align: left; }
.board_btns .btn { height: 5rem; border: 1px solid #333; line-height: 4.8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.6rem; display: inline-block; min-width: 10.5rem; padding: 0 2rem; background-color: #333; color: #fff; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; font-weight: 500; margin: 0 0.25rem; }
.board_btns .btn:hover, .board_btns .btn:focus { background-color: transparent; color: #333; }
.board_btns .btn.type1 { border: 1px solid #ddd; background-color: #fff; color: #333; }
.board_btns .btn.type1:hover, .board_btns .btn.type1:focus { background-color: #707070;color: #fff; }

.board_list { overflow: hidden; border-top: 2px solid #555; border-bottom: 1px solid #aaa; }
.board_list table { width: 100%; margin-bottom: -1px; }
.board_list .comment { font-size: 1.2rem; font-weight: 300; color: red; }

.board_list .tstyle_write th { font-size: 1.6rem; padding: 1rem; border-bottom: 1px solid #ddd; font-weight: 600; color: #333; text-align: left; line-height: 4rem; }
.board_list .tstyle_write td { text-align: left; }
.board_list .tstyle_write .point1 { color: #c00; }
.board_list .tstyle_write .contents { padding-bottom: 0; }

.board_list .tstyle_write .form_radio label::before, .board_list .tstyle_write .form_radio label::after, .board_list .tstyle_write .form_check label::before, .board_list .tstyle_write .form_check label::after { margin-top: 0.5rem; }
.board_list .tstyle_write .form_textbox#m_id { width: calc(100% - 11rem); }

.board_list .tstyle_write .file th, .board_list .tstyle_write .file td { padding-bottom: 0.5rem; border-bottom: 0 none; }
.board_list .tstyle_write .file img { width: 2.5rem; margin-right: 0.5rem; }
.board_list .tstyle_write .file.active th, .board_list .tstyle_write .file.active td { padding-top: 1rem; line-height: 3.5rem; }
.board_list .tstyle_write .file + .file th, .board_list .tstyle_write .file + .file td { padding-top: 0; }
.board_list .tstyle_write .file + .file label { opacity: 0; }
.board_list .tstyle_write .file:last-child th, .board_list .tstyle_write .file:last-child td { padding-bottom: 1rem; }
.board_list .tstyle_write .file .btn_del, .board_list .tstyle_write .file_img .btn_del { font-size: 2rem; display: inline-block; overflow: hidden; width: 2rem; height: 2rem; color: #888; text-align: center; line-height: 2rem; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; }
.board_list .tstyle_write .file .btn_del::before, .board_list .tstyle_write .file_img .btn_del::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; text-align: center; line-height: inherit; content: ''; }
.board_list .tstyle_write .file .btn_del:hover, .board_list .tstyle_write .file .btn_del:focus, .board_list .tstyle_write .file_img .btn_del:hover, .board_list .tstyle_write .file_img .btn_del:focus { color: #116eb4; }

.board_list + .kogl_open { margin-top: 4rem; }


/* PDF형 */
.board_pdf { display: inline-block; width: calc(100% + 0px); width: calc(100% + 4rem); margin: 0 -2rem; }
.board_pdf > * { clear: none; float: left; width: calc(25% - 0px); margin-right: 0px; }
.board_pdf > *:nth-child(n + 5) { margin-top: 0px; }
.board_pdf > *:nth-child(2n + 1) { clear: none; }
.board_pdf > *:nth-child(3n + 1) { clear: none; }
/* .board_pdf > *:nth-child(4n + 1) { clear: both; } */
.board_pdf li { padding: 4rem 2rem; position: relative;}
.board_pdf .thumb { display: block; overflow: hidden; position: relative; height: 0; margin-bottom: 2rem; padding-top: 41.5rem; }
.board_pdf .thumb img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-height: 100%; }
.board_pdf .title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 2.2rem;font-weight: 800; display: block; margin-bottom: 0.5rem; color: #222; }
.board_pdf li .group .item span {display: inline-block;color: #555;font-weight: 500;}
.board_pdf li .group .item span:first-child::after {content: '';position: relative;display: inline-block;width: 1px;height: 1.4rem;top: -1px;background-color: #ddd;margin: 0 1.5rem 0 1.5rem;vertical-align: middle;}
.board_pdf li .group .item span i {vertical-align: -2px;margin-right: .6rem;display: inline-block;color: #AAA;}
.board_pdf .label { font-weight: 400; color: #000; }
.board_pdf .name { display: none; }
.board_pdf .btn { display: block; overflow: hidden; margin-top: 2rem; }
.board_pdf .btn a { font-size: 1.5rem; position: relative; float: left; width: calc(50% - 0.5rem); min-width: auto; height: 4.2rem; padding: 0 1.5rem; text-align: center; line-height: 4rem; }
/* .board_pdf .btn a i { position: absolute; top: 50%; left: 3rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); } */
.board_pdf .btn a > * {display: inline-block;}
.board_pdf .btn a i {display: inline-block;font-size: 1.8rem;color: #8F8F8F;}
.board_pdf .btn a span {padding-left: 1rem;color: #111;font-weight: 400;transition: .3s;}
.board_pdf .btn a:hover span, .board_pdf .btn a:focus span {color: #fff;}
.board_pdf .btn a + a { float: right; }


/* 동영상 게시판 */
.gallery_list { overflow: hidden; width: calc(100% + 5rem); margin-bottom: -1px; }
.gallery_list li { float: left; width: 33.333%; padding: 4rem 5rem 4rem 0; border-bottom: 1px solid #ddd; }
.gallery_list li:nth-child(3n+1) { clear: both; }

.gallery_list.type1 li { width: 25%; }
.gallery_list.type1 li:nth-child(3n+1) { clear: none; }
.gallery_list.type1 li:nth-child(4n+1) { clear: both; }

.gallery_list a { display: block; }
.gallery_list a:hover .thumb::before,
.gallery_list a:hover .thumb::after,
.gallery_list a:focus .thumb::before,
.gallery_list a:focus .thumb::after { opacity: 1; transform: rotate(0); transition: all 0.4s 0.1s; }
.gallery_list a:hover .thumb img,
.gallery_list a:focus .thumb img { opacity: 0.6; }

.gallery_list .thumb { display: block; overflow: hidden; position: relative; z-index: 0; height: 0; margin-bottom: 2rem; padding-top: 56.25%; background-color: #000; color: #fff; }
.gallery_list .thumb img { position: absolute; left: 0; top: 50%; z-index: -1; width: 100%; min-height: 100%; transform: translateY(-50%); transition: all 0.2s; }
.gallery_list .thumb::before { position: absolute; left: 0; top: 50%; width: 100%; margin-top: -1rem; font-family: 'xeicon'; font-size: 3.2rem; content: ''; text-align: center; line-height: 0; opacity: 0; transform: rotate(180deg); transition: all 0.2s; }
.gallery_list .thumb::after { position: absolute; left: 0; top: 50%; width: 100%; margin-top: 1rem; font-weight: 600; content: 'View Detail'; text-align: center; opacity: 0; transition: all 0.2s; }

.gallery_list .title { display: inline-block; overflow: hidden; max-width: 100%; font-size: 1.8rem; color: #222; text-overflow: ellipsis; white-space: nowrap; }
.gallery_list .title .xi-new { margin-top: 0.3rem; }
.gallery_list .label { font-weight: 400; color: #000; }

.gallery_list .desc { white-space: nowrap; }
.gallery_list .desc > span + span::before { display: inline-block; position: relative; top: -1px; width: 1px; height: 1.4rem; margin: 0 1rem 0 0.75rem; background-color: #ddd; content: ''; vertical-align: middle; }
.gallery_list .desc > span { display: inline-block; vertical-align: middle; }
.gallery_list .desc .name { display: none; }
.gallery_list .desc .name + span::before { display: none; }
.gallery_list .desc p {border-bottom: 1px solid #AAA;margin-top: 1rem;}
.gallery_list .desc p em {display: inline-block;font-size: 1.4rem;border-left: 1px solid #AAA;color: #555;line-height: 3.5rem;font-weight: 500;padding:0 1.2rem}
.gallery_list .desc p em:first-child {padding-left:0;border-left:0;color:#2fd37e;}
.gallery_list .desc .title {margin: 1.7rem 0 .7rem;word-break: keep-all;white-space:initial;font-weight: 700;font-size: 2rem;color: #111;height: 6.3rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

/* 웹진형 게시판 */
.blog_list { margin-bottom: -1px; }
.blog_list a { display: block; overflow: hidden; padding: 4rem 0; border-bottom: 1px solid #ddd; }
.blog_list a:hover .thumb::before,
.blog_list a:hover .thumb::after,
.blog_list a:focus .thumb::before,
.blog_list a:focus .thumb::after { opacity: 1; transform: rotate(0); transition: all 0.4s 0.1s; }
.blog_list a:hover .thumb img,
.blog_list a:focus .thumb img { opacity: 0.6; }

.blog_list .thumb { overflow: hidden; float: left; position: relative; z-index: 0; width: 30rem; height: 19rem; background-color: #000; color: #fff; }
.blog_list .thumb img { min-width: 100%; min-height: 100%; }
.blog_list .thumb::before { position: absolute; left: 0; top: 50%; z-index: 1; width: 100%; margin-top: -1rem; font-family: 'xeicon'; font-size: 3.2rem; content: ''; text-align: center; line-height: 0; opacity: 0; transform: rotate(180deg); transition: all 0.2s; }
.blog_list .thumb::after { position: absolute; left: 0; top: 50%; z-index: 1; width: 100%; margin-top: 1rem; font-weight: 600; content: '자세히 보기'; text-align: center; opacity: 0; transition: all 0.2s; }

.blog_list .title { display: block; overflow: hidden; margin-bottom: 1rem; font-size: 1.8rem; font-weight: 600; color: #222; text-overflow: ellipsis; white-space: nowrap; }
.blog_list .label { font-weight: 400; color: #000; }
.blog_list .txt { display: block; overflow: hidden; height: 5.2rem; margin-bottom: 3rem; color: #666; }

.blog_list .desc { float: right; width: calc(100% - 35rem); padding: 2.5rem 0; }
.blog_list .desc > span + span::before { display: inline-block; position: relative; top: -1px; width: 1px; height: 1.4rem; margin: 0 1rem 0 0.75rem; background-color: #ddd; content: ''; vertical-align: middle; }
.blog_list .desc > span { dislay: inline-block; vertical-align: middle; }
.blog_list .desc .name { display: none; }
.blog_list .desc .name + span::before { display: none; }

/* 사이트맵 */
.sitemap {overflow: hidden; width: calc(100% + 2.5rem); display: flex; flex-wrap: wrap;}
.sitemap .group {flex:1 1 calc(25% - 2.5rem); max-width: calc(25% - 2.5rem); width: 100%; margin-right: 2.5rem; margin-bottom: 6.5rem;}
.sitemap .group dt {background-color: #676A81;color: #fff;border-radius: 10px 10px 0 0 ;font-size: 1.9rem;font-weight: 600;text-align: center;padding: 1.6rem 0;}
.sitemap a:hover, .sitemap a:focus {text-decoration: underline;}
.sitemap .depth2 {border-bottom: 1px solid #aaa;}
.sitemap .depth2 > li + li {border-top: 1px solid #ddd;}
.sitemap .depth2 > li > a {display: block;padding: 1.7rem 0 1.6rem 1.2rem;font-size: 1.8rem;font-weight: 600;color: #333;}
.sitemap .depth2 > li > ul {margin-bottom: 2.5rem;padding-left: 2rem;margin-top: -.5rem;}
.sitemap .depth2 > li > ul li {position: relative;padding-left: 1rem;}
.sitemap .depth2 > li > ul li::before {content: '';position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 5px;height: 5px;border-radius: 50%;background-color: #363E88;}
.sitemap .depth2 > li > ul li a {display: block;}
.sitemap .depth2 > li > ul li + li {margin-top: .6rem;}


@media (max-width: 1024px) 
{ 
    .sitemap .group {flex:1 1 calc(50% - 2.5rem); max-width: calc(50% - 2.5rem); margin-bottom: 5rem;}

    .contents_info #satisfy .title .txt { position: static; }
    .contents_info #satisfy .form { position: relative; top: auto; left: auto; right: auto; bottom: auto; -webkit-transform: translate(0, 0); transform: translate(0, 0); width: 100%; padding: 0 20rem 0 0; }
    .contents_info #satisfy .form .length { left: auto; right: 0; text-align: left; }
    .contents_info #satisfy .form .btn { right: 10rem; } 
}

@media (max-width: 768px) 
{ 
    .board_box.type2 { padding: 2rem; padding-left: 22rem; }
    .board_box.type2 .img { width: 20rem; padding: 2rem; }
    .board_btns .btn { min-width: 0 !important; }

    .board_list .tstyle_write th { display: block; padding: 0 1rem !important; border-bottom: 0 none; }
    .board_list .tstyle_write td { padding: 0 1rem !important; }
    .board_list .tstyle_write .file { border: 0 none; }
    .board_list .tstyle_write .file th::after { display: block; margin-bottom: 1rem; font-size: 1.5rem; font-weight: 300; color: #555; content: 'hwp,xls,doc,ppt,pdf,zip,jpg,gif,png 파일만, 5MB까지 업로드가 가능합니다.'; line-height: 1.2; }
    .board_list .tstyle_write .file .form_file .txt { color: transparent; }
    .board_list .tstyle_write .file .form_file .txt.active { color: #555; }
    .board_list .tstyle_write .file + .file { padding-top: 0; }
    .board_list .tstyle_write .file + .file th { display: none; }
    .board_list .tstyle_write .file:last-child { padding-bottom: 1.5rem; }
    .board_list .tstyle_write .form_radio label::before, .board_list .tstyle_write .form_radio label::after, .board_list .tstyle_write .form_check label::before, .board_list .tstyle_write .form_check label::after { margin-top: -0.2rem; } 

    .contents_info { margin-top: 5rem; }
    .contents_info .duty .list { width: calc(100% - 3rem); }
    .contents_info .duty .list li { float: none; }
    .contents_info .duty .label { display: inline-block; position: relative; width: 10rem; margin-right: 1rem; vertical-align: middle; }
    .contents_info .duty .label::after { position: absolute; top: 50%; left: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; margin: 0; }
    .contents_info .duty .date { display: block; position: static; padding-left: 4rem; }
    .contents_info .qr { display: none; }
    .kogl .txt { padding: 1.5rem; }
}

@media (max-width: 580px) 
{   
    .sitemap{width: 100%; display: block;}
    .sitemap .group {max-width: 100%; margin-bottom: 3rem;}

    .board_box.type1 { padding: 2rem; }
    .board_box.type1 .txt br { display: none; }
    .board_box.type1.table .group { display: block; padding: 2rem; }
    .board_box.type1.table .group2 { border-left: 0 none; border-top: 1px solid #ddd; }
    .board_box.type2 { padding: 0 1.5rem 1.5rem; }
    .board_box.type2 .img { display: block; position: static; width: calc(100% + 3rem); margin: 0 -1.5rem 1.5rem; border: 0 none; border-bottom: 1px solid #ddd; text-align: center; }
    
    .board_list .tstyle_write .form_mail .form_textbox { display: block; width: 100%; }
    .board_list .tstyle_write .form_mail .form_textbox + .form_textbox { float: right; width: calc(100% - 2rem); margin: 0.25rem 0; }
    .board_list .tstyle_write .form_mail .form_select { display: block; clear: both; width: 100%; }


    /* 동영상 게시판 */
	.gallery_list { width: calc(100% + 2rem); }
	.gallery_list li { width: 50% !important;}
	.gallery_list li:nth-child(3n+1) { clear: none !important; }
	.gallery_list li:nth-child(2n+1) { clear: none !important; }
	.gallery_list .desc .title {font-size: 1.8rem;margin: 1rem 0 0.7rem;height: 6rem;}
	.gallery_list .desc p em {padding: 0 1rem;}
	.hash_tag a.spanKwd {padding: .4rem .8rem;}
}

@media (max-width: 420px) 
{ 
    .contents_info #satisfy .list .form_radio { display: block; }
    .contents_info #satisfy .form { height: auto; padding-right: 0; }
    .contents_info #satisfy .form .btn { position: static; height: 4rem; vertical-align: top; }
    .contents_info #satisfy .form .length { top: auto; bottom: 0; text-align: right; line-height: 4rem; } 
}

@media ( max-width: 400px )
{
	/* 동영상 게시판 */
	.gallery_list .desc span { display: block; }
	.gallery_list .desc span::before { display: none !important; }
	.gallery_list .desc p em {font-size: 1.2rem;line-height: 3rem;}
	

}