@charset "utf-8";

#container { margin-bottom:6.25em; }
/*비주얼*/ 
#container h2.subTit { padding-top:2.412em;padding-bottom:2.324em;background-image:url(/themes/youth/images/sub/bg_visual.jpg);background-repeat:no-repeat;background-position:50% 0;background-size:cover;color:#fff;text-align:center;font-weight:500;font-size:2.125em; }
#container h2.visual01,
#container h2.visual02,
#container h2.visual03,
#container h2.visual04,
#container h2.visual05,
#container h2.visual06 { background-image:url(/themes/youth/images/sub/bg_visual.jpg); }
#container h2.subTit span { display:inline-block;vertical-align:middle; }

/* select */
.selectArea { position:relative; }
.selectArea select { position:absolute; left:0; top:0; width:100%;height:100%; opacity:0.001; }
.selectArea .selectBtn { overflow:hidden;display:inline-block;width:100%;padding:0 1.875em 0 0.625em;background-color:#fff;border:1px solid #ccc;white-space:nowrap;text-overflow:ellipsis;line-height:2.5em;font-weight:300;text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; }
.selectArea .selectBtn:after { content:''; position:absolute; top:50%; right:0.938em; width:0.813em; height:0.438em; margin-top:-0.125em;background-image:url(/themes/youth/images/board/arrow_select.png);background-repeat:no-repeat;background-position:center; }
.selectArea .selectBtn.active:after { background-image:url(/themes/youth/images/board/arrow_select_on.png); }
.selectArea .selectBtn.active:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:2px solid #000; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

#content h3.pageTit { margin-top:1.571em;margin-bottom:2.057em;text-align:center;font-weight:500;font-size:2.188em; }
.defaultLayout { max-width:1110px;margin:0 auto;padding:0 4%; }

/*location*/
.siteLocation { border-bottom:1px solid #cecece;background-color:#fff; }
.siteLocation .locationWrap { max-width:1220px;margin:0 auto; }
.siteLocation .locationWrap:after { content:'';clear:both;display:block; }
.siteLocation .locationWrap .location { float:left;font-size:0; }
.siteLocation .location .home { display:inline-block;border-left:1px solid #cecece;border-right:1px solid #cecece;vertical-align:top;font-size:16px; }
.siteLocation .location .home a { display:block;width:3.438em;height:3.438em;padding-top:1.125em;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; }
.siteLocation .location>ul { display:inline-block;vertical-align:top; }
.siteLocation .location>ul>li { display:inline-block;position:relative;width:14.667em;border-right:1px solid #cecece;color:#383838;vertical-align:top;font-size:15px; }
.siteLocation .location li .tit button { overflow:hidden;display:block;width:100%;padding:0 1.2em;white-space:nowrap;text-overflow:ellipsis;text-align:left;line-height:3.667em; }
.siteLocation .location li .tit button span { overflow:hidden;display:block;position:relative;padding-right:20px;white-space:nowrap;text-overflow:ellipsis; }
.siteLocation .location li .tit button span:after { content:'';position:absolute;top:1.533em;right:0.133em;width:0.533em;height:0.533em;border-top: 1px solid #636363;border-right: 1px solid #636363;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);transition:0.3s; }
.siteLocation .location li.active .tit span:after { -webkit-transform:rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform:rotate(-45deg) -o-transform:rotate(-45deg);transform:rotate(-45deg); }
.siteLocation .location li div { display:none;position:absolute;left:0;width:100%;background:#fff;border:1px solid #cecece;box-sizing:border-box;z-index:1; }
.siteLocation .location li div ul li { border-top:1px solid #cecece; }
.siteLocation .location li div ul li:first-child { border-top:none; }
.siteLocation .location li div ul li a { overflow:hidden;display:block;padding:0.667em 1.2em;color:#000;line-height:2em;box-sizing:border-box;  }
.siteLocation .location li div ul li a:hover,
.siteLocation .location li div ul li a:focus { font-weight:bold;text-decoration:underline; }
.siteLocation .locFunc { float:right;font-size:0; }
.siteLocation .locFunc>li { display:inline-block;vertical-align:top; }
.siteLocation .locFunc .share p { display:none; }
.siteLocation .locFunc .shareList ul { text-align:center; }
.siteLocation .locFunc .shareList ul li { display:inline-block;margin:0.938em 0.188em 0;vertical-align:top;font-size:16px; }
.siteLocation .locFunc .shareList ul li a { display:block; }
.siteLocation .locFunc .print { display:inline-block;vertical-align:top;font-size:16px; }
.siteLocation .locFunc .print>button { overflow:hidden;width:2.5em;height:3.438em;background:url(/themes/youth/images/sub/icon_print.png) no-repeat 50% 50%;text-indent:-999px; }
@media all and (max-width:960px) {
    #content h3.pageTit { margin-top:1.579em;margin-bottom:1.316em;font-size:1.727em; }
    
    .siteLocation { position:relative;border-bottom:none; }
    .siteLocation .locFunc>li,
    .siteLocation .locFunc .shareList ul li,
    .siteLocation .location>ul>li { font-size:13px; }
    #container h2.subTit,
    .siteLocation .location .home,
    .siteLocation .locFunc .print { display:none; }
    .siteLocation .locationWrap .location { float:none; }
    .siteLocation .location>ul { display:block; }
    .siteLocation .location>ul>li { display:block;width:100%;border-right:none; }
    .siteLocation .location ul li.depth1 { background:#3a65ff; }
    .siteLocation .location ul li.depth1 .tit { margin-right:3.5em; }
    .siteLocation .location ul li.depth1 .tit button { color:#fff;line-height:3.5em;font-size:1.077em; }
    .siteLocation .location li .tit button span:after { top:1.35em;width:0.571em;height:0.571em;border-top:1px solid #fff;border-right:1px solid #fff; }
    .siteLocation .location ul li.depth2 { background-color:#f8f8f8; }
    .siteLocation .location ul li.depth2 .tit button { border-bottom:1px solid #cecece;line-height:3.5em;font-size:1.077em; }
    .siteLocation .location ul li.depth2 .tit button span { background-image:url(/themes/youth/images/sub/btn_location_plus.png);background-repeat:no-repeat;background-position:right 50%;background-size:1.071em auto; }
    .siteLocation .location ul li.depth2.active .tit button span { background-image:url(/themes/youth/images/sub/btn_location_minus.png); }
    .siteLocation .location li.depth2 .tit button span:after { content:none; }
    .siteLocation .location li div { position:static;left:auto;border:none; }
    .siteLocation .location li div ul { border-bottom:1px solid #cecece; }
    .siteLocation .locFunc .share p { display:inline-block;position:absolute;top:0;right:0; }
    .siteLocation .locFunc .share p button { overflow:hidden;display:block;width:3.5em;height:3.5em;background:#1643e5 url(/themes/youth/images/sub/btn_share.png) no-repeat 50% 50%;background-size:1.143em auto;text-indent:-999px;font-size:1.077em; }
    .siteLocation .locFunc { float:none; }
    .siteLocation .locFunc .shareList { display:none;position:absolute;top:3.769em;right:0;padding:1em;border:1px solid #dcdcdc;background-color:#fff; }
    .siteLocation .locFunc .shareList ul li { margin-top:0; }
}

/* 로그인 및 게시물 삭제 */
.elmt_label label{display:block;}
.elmt_label label,
.elmt_input input,
.elmt_input textarea,
.elmt_button input,
.elmt_button button,
.elmt_submit input{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.public_notice{margin-bottom:10px;padding:18px 30px;border:1px solid #cccccc;font-size:16px;color:#6b6b6b;line-height:1.3; }
.public_notice .title{font-size:18px;color:#333;}
.public_form{margin-bottom:30px;padding:20px 54px;border:1px solid #cccccc;}
.public_form > div{padding-left:206px;background-position:0 50%;background-repeat:no-repeat;}
.public_form .desc_wrap{padding:18px 62px 15px;border-left:1px solid #bdbdbd;}

.public_form .elmt_text{padding:12px 2px;color:#333;}
.public_form .elmt_input{margin-bottom:5px;}
.public_form .elmt_input input{height:48px;padding:0 15px;border:1px solid #cfcfcf;background:#fcfcfc;overflow:hidden;font-size:16px;color:#b0b0b0;}
.public_form .elmt_button input{height:52px;border:1px solid #cfcfcf;background:#1a358c;font-size:16px;color:#fff;}

.public_form .desc_btn:after{display:block;clear:both;content:'';}
.public_form .desc_btn > div{width:49%;}
.public_form .desc_btn > div.eq1{float:left;}
.public_form .desc_btn > div.eq2{float:right;}

.public_sect { max-width:1100px;margin:0 auto;padding:0 4%; }
.public_sect .public_btn{margin-bottom:30px;text-align:center;}
.public_sect .public_btn a{display:inline-block;width:244px;height:46px;line-height:46px;margin:0 6px;border:1px solid #cccccc;background-color:#422f33;font-size:16px;color:#ffffff;}

#loginForm.public_form > div{background-image:url(/themes/home/images/content/form_bg_login.png)}
#login_form.public_form > div{background-image:url(/themes/home/images/content/form_bg_login.png)} /* 190731 */
#deleteForm.public_form > div{background-image:url(/themes/home/images/content/form_bg_delete.png)}
#modifyeForm.public_form > div{background-image:url(/themes/home/images/content/form_bg_modify.png)}

/* 190718 추가 */
.loginGuide {margin-bottom: 12px;}
.loginGuide li.last {margin-top: 7px;}
/* 추가 끝 */

/* 휴대폰 및 G-PIN 인증 */
.auth_check { margin-top:20px; }
.auth_check:after{display:block;clear:both;content:'';}
.auth_check > div{float:left;width:50%;}
.auth_check > div.auth_sms > dl{margin-right:5px;}
.auth_check > div.auth_pin > dl{margin-left:5px;}
.auth_check > div dl{overflow:hidden;border:1px solid #cccccc;border-radius:15px}
.auth_check > div dl a{display:block;padding:14px 0 12px;background-color:#4868a2;text-align:center;}
.auth_check > div dl a img {height:32px;}
.auth_check > div dl dd div{ min-height:98px;padding:16px 25px;color:#707070;line-height:1.4;box-sizing:border-box; }

@media screen and (max-width:1023px){
    .public_notice{padding:16px 24px;}
    .public_form{margin-bottom:24px;padding:20px 0;}
    .public_form > div{padding-left:206px;background-position:0 50%;background-repeat:no-repeat;}
    .public_form .desc_wrap{padding:18px 50px 15px;border-left:1px solid #bdbdbd;}
    .public_sect .public_btn{margin-bottom:24px;}
    .public_sect .public_btn a{width:40%;height:38px;line-height:38px;}
    .auth_check { margin-top:10px; }
    .auth_check > div dl dd div { min-height:auto; }
}
@media screen and (max-width:767px){
    .public_notice{padding:12px 14px;font-size:14px;}
    .public_form{margin-bottom:18px;padding:20px 0;}
    .public_form > div{padding-left:130px;background-position:0 50%;background-size:130px auto;}
    .public_form .desc_wrap{padding:0 20px;font-size:12px;}
    .public_form .elmt_text{padding:8px 2px;color:#535353;}
    .public_form .elmt_input input{height:38px;}
    .public_form .elmt_button input{height:40px;}
    .public_form .elmt_input input,.public_form .elmt_button input,.public_sect .public_btn a{font-size:14px;}
    .public_sect .public_btn{margin-bottom:18px;}
    .public_sect .public_btn a{width:44%;margin:0 4px;}
    .auth_check > div { float:none;width:100%;margin-top:10px; }
    .auth_check > div dl a img{height:26px;}
    .auth_check > div dl dd div{padding:12px 16px;}
}
@media screen and (max-width:479px){
    .public_form{margin-bottom:12px;}
    .auth_check > div{float:none;width:100%;}
    .auth_check > div.auth_sms > dl{margin-right:0;}
    .auth_check > div.auth_pin > dl{margin-left:0;}
    .auth_check > div dl{margin-bottom:10px;}
    .public_sect .public_btn{margin-bottom:12px;}
}
@media screen and (max-width:379px){
    .public_notice{padding:12px 14px;font-size:14px;}
    .public_form{padding:16px;}
    .public_form > div{padding-left:0;padding-top:120px;background-position:50% -20px;background-size:150px auto;}
    .public_form .desc_wrap{padding:0;border-left:0;font-size:12px;}
    .public_form .elmt_input input,.public_form .elmt_button input,.public_sect .public_btn a{font-size:12px;}
}

/*본인인증*/
.certWrap { max-width:1015px;margin:0 auto;padding:0 5%; }
.certWrap .titBox { padding:1.625em 1em 1.625em 5.313em;border:1px solid #dedede;background-color:#fbfbfb; }
.certWrap .titBox dl { overflow:hidden; }
.certWrap .titBox dl dt { display:block;float:left;margin-top:0.182em;padding:0.227em 1.364em 0.227em 0;border-right:1px solid #d6d6d6;font-weight:400;font-size:1.375em; }
.certWrap .titBox dl dd { margin-left:15.333em;line-height:1.4;word-break:keep-all;letter-spacing:-0.04em;font-weight:300;font-size:0.938em; }
.certWrap .certType { margin-top:7.5%;text-align:center;font-size:0; }
.certWrap .certType .item { display:inline-block;width:50%;padding:0 4%;vertical-align:top;font-size:16px;box-sizing:border-box; }
.certWrap .certType .item .tit { padding-top:6.24em;background-repeat:no-repeat;background-position:50% 0;background-size:5.120em auto;font-size:1.563em; }
.certWrap .certType .item.phone .tit { background-image:url(/themes/youth/images/sub/icon_cert_phone.png); }
.certWrap .certType .item.ipin .tit { background-image:url(/themes/youth/images/sub/icon_cert_ipin.png); }
.certWrap .certType .item .txt { min-height:8.125em;margin-top:0.75em;color:#4e4e4e;line-height:1.5;word-break:keep-all; }
.certWrap .certType .item .btn a { display:inline-block;min-width:13.222em;border:1px solid #000;font-size:1.125em; }
.certWrap .certType .item .btn a span { display:inline-block;padding:1.111em 0;padding-right:1.389em;background:url(/themes/youth/images/sub/arrow_cert.png) no-repeat 99% 50%;background-size:0.556em auto; }
@media all and (max-width:1280px) {
    .certWrap .certType .item { font-size:15px; }
}
@media all and (max-width:1024px) {
    .certWrap .certType .item { font-size:14px; }
}
@media all and (max-width:960px) {
    .certWrap .titBox { padding:1.625em 2em; }
    .certWrap .titBox dl dt { float:none;margin-top:0;margin-bottom:0.727em;padding:0 0 0.727em;border-right:none;border-bottom:1px solid #d6d6d6;text-align:center; }
    .certWrap .titBox dl dd { margin-left:0;font-size:1em; }
    .certWrap .certType .item { display:block;width:100%;font-size:13px; }
    .certWrap .certType .item.ipin { margin-top:3em; }
    .certWrap .certType .item .txt { min-height:auto;margin-bottom:1.455em; }
}
@media all and (max-width:640px) {
    .certWrap .certType .item { font-size:12px; } 
}
@media all and (max-width:480px) {
    .certWrap .certType .item { font-size:11px; }
}

/* no-data */
.noData { padding:2em;border-bottom:1px solid #dcdcdc;text-align:center;font-weight:300; }

/* board category */
.boardCagegory { margin-bottom:3.438em;border:1px solid #dcdcdc; }
.boardCagegory ul { display:table;table-layout:fixed;width:100%; }
.boardCagegory li { display:table-cell;vertical-align:middle; }
.boardCagegory li a { display:block;margin-left:-1px;border-left:1px solid #dcdcdc;color:#888;text-align:center;color:#4c4c4d;font-size:0.938em; }
.boardCagegory li a span { display:block;padding:1.125em 0.667em;position:relative; }
.boardCagegory li.active a { color:#2d4bff;font-weight:500; }
.boardCagegory li.active a span:after { content:'';position:absolute;bottom:0;left:0;width:100%;height:0.2em;background:#2d4bff; }

/* board search */
.boardWrap { max-width:1110px;margin:5em auto 0;padding:0 4%; }
.boardItems:after { content:'';display:block;clear:both; }
.boardItems { margin-bottom:2.188em; }
.boardItems .total { float:left;margin-top:1.467em;padding-left:0.533em;background:url(/themes/youth/images/board/bu_3p.png) no-repeat 0 50%;color:#48464c;font-weight:400;font-size:0.938em; }
.boardItems .total strong { display:inline-block;margin-left:0.533em;color:#000;font-weight:500; }
.boardItems .boardSearch { float:right;max-width:432px;width:100%; }
.boardItems .boardSearch .selectArea { float:left;width:25%; }
.boardItems .boardSearch .selectArea .selectBtn { padding-left:1.333em;padding-right:2.133em;border-radius:2em;border:1px solid #c6c6c6;line-height:3.2em;font-size:0.938em;box-sizing:border-box; }
.boardItems .boardSearch .searchInput { position:relative;float:left;width:73.5%;margin-left:1.5%;font-size:0.938em; }
.boardItems .boardSearch .searchInput input[type="text"] { width:100%;height:3.333em;padding-left:1.467em;padding-right:3.667em;border-radius:2em;border:1px solid #c6c6c6;line-height:3.333em;font-weight:300; }
.boardItems .boardSearch .searchInput button { overflow:hidden;display:inline-block;position:absolute;top:0;right:0;width:3.667em;height:100%;background:url(/themes/youth/images/board/btn_search.png) no-repeat 50% 50%;background-size:1.4em auto;text-indent:-999px; }

/* board list */
.boardList table { width:100%;table-layout:fixed;border-top:1px solid #000; }
.boardList table tbody tr:hover td { background-color:#fafafa; }
.boardList table thead th { padding:1.438em 0;background-color:#fafafa;text-align:center;font-weight:500; }
.boardList table tbody td { padding:1.333em 0.667em;border-bottom:1px solid #ededed;color:#474747;text-align:center;vertical-align:middle;font-size:0.938em; }
.boardList table tbody td.subject { color:#000;text-align:left; }
.boardList table tbody td.subject a { overflow:hidden;display:inline-block;max-width:100%;white-space:nowrap;text-overflow:ellipsis; }
.boardList table tbody td.subject a:hover,
.boardList table tbody td.subject a:focus { text-decoration:underline; }
.boardList table .num,
.boardList table .hits { width:5.7em; }
.boardList table .writer,
.boardList table .writerMo { overflow:hidden;width:9em;white-space:nowrap;text-overflow:ellipsis; }
.boardList table .date,
.boardList table .dateMo { width:7.2em; }
.boardList table .file,
.boardList table .progress { width:5.5em; }
.boardList table td.progress { color:#ff2828;}
.boardList table td.complete { color:#2d4bff; }
.boardList table .notice a { font-weight:700; }
.boardList table .notice a span { display:inline-block;margin-right:0.4em;padding:0 0.667em;border-radius:15px;background-color:#000;color:#fff;line-height:1.733em;vertical-align:baseline; }

/* board gallery */
.galleryList { overflow:hidden; }
.galleryList ul { margin-left:-1%;margin-right:-1%;font-size:0; }
.galleryList ul li { display:inline-block;width:30.92%;margin:0 1.2066% 2.5em;vertical-align:top;font-size:16px; }
.galleryList ul li a { display:block;text-align:center; }
.galleryList ul li a span { overflow:hidden;display:block; }
.galleryList ul li a .img { overflow:hidden;position:relative;padding-top:85.7%; }
.galleryList ul li a .img img { display:block;position:absolute;top:0;left:50%;width:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%); }
.galleryList ul li a .tit { margin-top:0.9em;padding:0 0.75em;white-space:nowrap;text-overflow:ellipsis;font-weight:500;font-size:1.25em; }
.galleryList ul li a .txt { margin-top:0.375em;padding:0 0.75em;color:#010000;white-space:nowrap;text-overflow:ellipsis;font-weight:300; }
.galleryList ul li a .date { margin-top:1.214em;color:#333;font-weight:300;font-size:0.875em; }
.galleryList.type2 li { width:31.3333%;margin:0 1% 2.5em; }
.galleryList.type2 li a .img { padding-top:143.38%; }
.galleryList.type2 li a .date { margin-top:0.706em;font-size:1.063em; }

/* board write */
.boardWrite { max-width:1200px;margin:0 auto; }
.boardWrite .tit { margin:1.227em 1.909em 1.364em; color:#060606; font-size:1.375em; font-weight:400; text-align:left; }
.boardWrite .tit span { position:relative; display:inline-block; margin-left:0.357em; padding-left:1em; color:#8f8f8f; font-size:0.636em; }
.boardWrite .tit span:after { content:''; position:absolute; top:0; left:0; width:1px; height:100%; background-color:#cacdc9; }
.writeTbl { width:100%; border-bottom:1px solid #ccc; text-align:left; }
.writeTbl + .writeTbl { margin-top:-2px; }
.writeTbl tbody th { width:9.438em; padding:1.25em 0.625em; border:1px solid #ccc;border-left:none; color:#6b6b6b;font-weight:400;vertical-align:middle; }
.writeTbl tbody td { padding:0.313em 0.625em; border:1px solid #ccc; }
.writeTbl tbody th .label { display:inline-block; padding-left:3em; background-image:url(../images/board/bl_board_write.png);background-position:2.5em 0.5em; background-repeat:no-repeat; }
.writeTbl tbody td { border-right:none;vertical-align:middle; }
.writeTbl tbody td p { margin:0.5em 0; }
.writeTbl input[type="text"],
.writeTbl input[type="password"] { height:2.5em;padding:0 0.938em; border:1px solid #ccc; }
.writeTbl .selectArea { max-width:9.375em; }
.writeTbl .txtSize1 { max-width:345px; width:100%; }
.writeTbl .txtSize2 { max-width:660px; width:100%; }
.writeTbl .editor { height:25em; }
.writeTbl .editor textarea { width:100%; height:100%; padding:0.938em; border:1px solid #ccc; }
.inputHidden { overflow:hidden; position:absolute; width:1px; height:1px; padding:0; margin:-1px; clip:rect(0,0,0,0); border:0; }
.writeTbl .guideTxt,
.writeTbl .file_txt { margin-top:0.583em; margin-bottom:1em; color:#6b6b6b; font-size:0.750em; line-height:1.5; }
.writeTbl .guideTxt>i { display:none; }
.writeTbl .fileGroup { position:relative; max-width:855px; width:100%; padding-right:67px; color:#6b6b6b; font-size:0.875em; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; }
.writeTbl .fileGroup + .fileGroup { margin-top:0.286em; }
.writeTbl .fileGroup .fileBox { position:relative; max-width:790px; width:100%; padding:0 6.571em 0 4.286em; border:1px solid #cfcfcf; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; }
.writeTbl .fileCount { position:absolute; top:0.25em; left:0; width:4.286em; text-align:center; }
.writeTbl .fileBox .fileTxt { width:100%; padding:0 10px; border:none; border-left:1px solid #cfcfcf; }
.writeTbl .fileBox .btnAttach { position:absolute; top:0; right:0; width:6.571em; height:100%; border-left:1px solid #cfcfcf; background-color:#f7f7f7; line-height:2.5em; text-align:center; cursor:pointer; }
.writeTbl .fileGroup .btnFile { position:absolute; top:50%; right:0; margin-top:-0.929em; border:1px solid #cfcfcf; }
.writeTbl .fileGroup .btnFile:after { content:''; position:absolute; top:50%; left:50%; width:1px; height:1.143em; margin:-0.571em -1px 0 0; background-color:#cacdc9; }
.writeTbl .fileGroup .btnFile button { overflow:hidden; width:1.643em; height:1.714em; background-position:center; background-repeat:no-repeat;background-size:0.857em auto;text-indent:-999px; }
.writeTbl .fileGroup .btnFile .add { background-image:url(/themes/youth/images/board/btn_file_add.png); }
.writeTbl .fileGroup .btnFile .delete { background-image:url(/themes/youth/images/board/btn_file_delete.png); }
.boardWrite>.guideTxt { display:none; margin-bottom:2.083em; padding:0.833em 0.167em 2.083em; border-bottom:1px solid #dcdcdc; color:#6b6b6b; font-size:0.750em; text-align:left; line-height:1.5; }
.writeTbl .add_file_wrap .add_file { margin:0.667em 0;font-size:0.938em; }
.writeTbl .add_file_wrap .add_file li { margin:0.333em 0; }
.writeTbl .input_box { display:inline-block;width:100%;vertical-align:top; }
.writeTbl td label[for="password"] { display:inline-block;margin-top:0.625em;margin-left:0.250em; }
.writeTbl td label[for="password"]:before { content:'※';}
.boardWrite>.guideTxt>i { display:block; float:left; margin-right:0.25em; }
.boardWrite>.guideTxt>span { display:block; overflow:hidden; }
.boardWrite .boardBtn { text-align:center; }

/* board view */
.viewTit { position:relative;padding:3.125em 0.813em;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2; text-align:center; }
.viewTit .tit { display:inline-block;padding:0 5em 0 6.875em;font-weight:500;font-size:1.5em;color:#000;text-align:left;word-break:keep-all; }
.viewTit .viewItems { position:absolute;top:4.071em; left:0.929em;color:#6b6b6b;text-align:left;font-size:0.875em; }
.viewTit .viewItems>dt { display:inline-block; }
.viewTit .viewItems>dd { display:inline-block; padding-left:0.214em; }
.viewTit .viewItems>dd:last-child { display: block;text-align: left;padding: 0;margin-top: 5px; }
.viewTit .viewHits { position:absolute; top:4.071em; right:0.929em;color:#6b6b6b;font-size:0.875em; }
.viewContent { max-width:1040px; margin:0 auto; padding:2.5em 0 3.750em;color:#262626; }
.viewContent .txt { padding:0.625em 0;line-height:1.5;font-weight:300; }
.viewContent .txt img { text-align:center; }
.viewContent .txt em,
.viewContent .storyTxt em { font-style:italic; }
.viewContent .img { padding:0.625em 0; text-align:center; }
.viewContent .img img { max-width:100%; }
/* board view - File */
.boardFile { max-width:1040px;margin:0 auto 2.688em;font-weight:300; color:#3f3f3f; text-align:left; }
.boardFile>p { display:none; }
.boardFile a { color:#3f3f3f; }
.boardFile dl { position:relative;padding:1.250em 6.438em 1.250em 4.688em;border:1px solid #dbdbdb;background-color:#f6f6f6; }
.boardFile dl+dl { border-top:none; }
.boardFile dl dt { position:absolute;left:0;width:4.429em;background:url(/themes/youth/images/board/bg_file_line.gif) right center no-repeat; font-size:0.875em;text-align:center; }
.boardFile dl dd.fileName { width:95%; padding-right:5%; font-size:0.938em; }
.boardFile .fileName span { float:left; padding-right:1em; }
.boardFile .fileName span img { margin-top:-0.2em;  }
.boardFile .fileName a { overflow:hidden;display:block;;white-space:nowrap; text-overflow:ellipsis; }
.boardFile dl dd.fileDown { position:absolute;top:0;right:0;width:7.143em;height:100%;font-family:'돋움',' dotum','Noto Sans KR','sans-serif';font-size:0.875em; }
.boardFile .fileDown a.btnDown { display:block;height:100%;padding-top:1.6em;padding-left:2.071em; background:url(/themes/youth/images/board/btn_file_down.png) 8px center no-repeat;background-size:1.154em auto;box-sizing:border-box; }
/* board view - Ctrl */
.viewCtrl { margin-bottom:1.563em;border-top:1px solid #dde2e8;color:#3f3f3f;font-weight:300;text-align:left; }
.viewCtrl dl { position:relative;padding:17px 24px 17px 122px;border-bottom:1px solid #dde2e8; font-size:0; }
.viewCtrl dl dt,
.viewCtrl dl dd { display:inline-block;font-size:16px; }
.viewCtrl dl dt { position:absolute;left:0;padding:0 1.125em 0 3.750em;background-position:1.5em center; background-repeat:no-repeat; }
.viewCtrl dl.prevList dt { background-image:url(/themes/youth/images/board/bg_prev_list.png); }
.viewCtrl dl.nextList dt { background-image:url(/themes/youth/images/board/bg_next_list.png); }
.viewCtrl dl dd { overflow:hidden;width:100%;padding-left:1.125em; background:url(/themes/youth/images/board/bg_view_ctrl.gif) left center no-repeat; white-space:nowrap; text-overflow:ellipsis; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; }
.viewCtrl dl dd a { color:#3f3f3f; }

/* Board Btn */
.boardBtn { margin:30px 0;text-align:right; font-size:0; }
.boardBtn p { display:inline-block;vertical-align:top;font-size:15px; }
.boardBtn p a { display:block; margin-right:5px; padding:12px 15px 12px 40px; background:url(/themes/youth/images/board/bg_board_btn.jpg) no-repeat; border:1px solid #cfcfcf; border-radius:3px; color:#050505; }
.boardBtn p input { display:block; margin-right:5px; padding:12px 15px 12px 40px; background:url(/themes/youth/images/board/bg_board_btn.jpg) no-repeat; border:1px solid #cfcfcf; border-radius:3px; color:#050505; font-family:'Noto Sans KR','sans-serif'; line-height:1; }
.boardBtn p button { display:block; margin-right:5px; padding:13px 15px 12px 40px; background:url(/themes/youth/images/board/bg_board_btn.jpg) no-repeat; border:1px solid #cfcfcf; border-radius:3px; color:#050505; font-family:'Noto Sans KR','sans-serif'; line-height:1; }
.boardBtn .btnModify,
.boardBtn .button_cancle { background-position:13px 0px; }
.boardBtn .btnWrite { background-position:13px -42px; }
.boardBtn .btnCancle { background-position:13px -84px; }
.boardBtn .btnDelete { background-position:13px -126px; }
.boardBtn .btnList { background-position:13px -168px; }

/* pagination */
.pagination { margin-top:4.875em; }
.pagination ul { text-align:center;font-size:0; }
.pagination ul li { display:inline-block;margin:0 0.133em;vertical-align:top;font-size:15px; }
.pagination ul li a,
.pagination ul li strong { display:block;width:1.667em;height:1.667em;border-radius:50%;line-height:1.667em;font-weight:300; }
.pagination ul li strong { background:#2d4bff;color:#fff;font-weight:500; }
.pagination ul li.first,
.pagination ul li.prev,
.pagination ul li.next,
.pagination ul li.last { margin:0; }
.pagination ul li.prev { margin-right:0.533em; }
.pagination ul li.next { margin-left:0.533em; }
.pagination ul li.first a,
.pagination ul li.prev a,
.pagination ul li.next a,
.pagination ul li.last a { overflow:hidden;border-radius:0;background-repeat:no-repeat;background-position:50% 50%;background-size:auto 0.6em;text-indent:-999px; }
.pagination ul li.first a { background-image:url(/themes/youth/images/board/btn_first.png); }
.pagination ul li.prev a { background-image:url(/themes/youth/images/board/btn_prev.png); }
.pagination ul li.next a { background-image:url(/themes/youth/images/board/btn_next.png); }
.pagination ul li.last a { background-image:url(/themes/youth/images/board/btn_last.png); }
@media all and (max-width:1280px) {
    /* board gallery */
    .galleryList ul li { font-size:15px; }
}
@media all and (max-width:1024px) {
    /* board gallery */
    .galleryList ul li { font-size:14px; }
    .galleryList.type2 ul { margin:0; }
}
@media all and (max-width:960px) {
    /* board category */
    .boardCagegory { margin-bottom:2em; }
    .boardCagegory ul { display:block;font-size:0; }
    .boardCagegory li { display:inline-block;width:25%;font-size:1rem; }
    .boardCagegory li a { margin-top:-1px;border-top:1px solid #dcdcdc; }
    
    /* board search */
    .boardWrap { margin-top:2.273em; }
    .boardItems .total { display:none; }
    .boardItems .boardSearch { float:none;margin:0 auto; }
    .boardItems .boardSearch:after { content:'';display:block;clear:both; }
    .boardItems .boardSearch .selectArea .selectBtn,
    .boardItems .boardSearch .searchInput { font-size:1em; }
    .boardItems .boardSearch .selectArea .selectBtn { line-height:3.545em; }
    .boardItems .boardSearch .searchInput input[type="text"] { height:3.636em;line-height:3.636em; }

    /* board list */
    .boardList table .writer,
    .boardList table .hits,
    .boardList table .file,
    .boardList table .date { display:none; }
    .boardList table thead th,
    .boardList table tbody td { padding:1em 0.8em;font-size:1.091em; }
    .boardList table .num { width:3.2em; }
    .boardList table .dateMo { width:5.2em; }
    .boardList table .writerMo,
    .boardList table .progress { width:4.5em; }
    .boardList table .notice a span { line-height:1.818em;font-size:0.917em; }
    
    /* board gallery */
    .galleryList ul li { font-size:13px; }
    
    /* board write */
    .boardWrite .tit { margin-left:0; }
    .writeTbl + .writeTbl { margin-top:0.909em;border-bottom:0 none; }
    .writeTbl tbody th { width:4.615em;padding:1.091em 1em;border-left:1px solid #dcdcdc; background-color:#fafafa; }
    .writeTbl tbody th .label { padding-left:0.615em; background-position:left 0.462em; }
    .writeTbl tbody th .label>span { display:none; }
    .writeTbl tbody td { padding:0; border-right:1px solid #dcdcdc; }
    .writeTbl + .writeTbl tbody th { display:block; width:auto; padding:1.154em 0.769em; border-bottom:0 none; }
    .writeTbl + .writeTbl tbody td { display:block; width:auto; }
    .writeTbl input[type="text"] { width:100%;border:0 none; }
    .writeTbl input[type="password"] { display:block;width:100%;border:none;/*border-bottom:1px solid #dcdcdc;*/ }
    .writeTbl .editor textarea { border:0 none; }
    .writeTbl .selectArea { max-width:none; }
    .writeTbl .selectBtn { border:0 none; }
    .writeTbl .guideTxt { display:none; }
    .writeTbl .fileGroup { padding-right:4.615em; }
    .writeTbl .fileGroup + .fileGroup { margin-top:0; border-top:1px solid #dcdcdc; }
    .writeTbl .fileGroup .fileBox { padding:0 5.538em 0 0; border:0 none; }
    .writeTbl .fileCount { display:none; }
    .writeTbl .fileBox .fileTxt { border-left:0 none; }
    .writeTbl .fileBox .btnAttach { width:5.385em; border-right:1px solid #dcdcdc; background-color:transparent; }
    .writeTbl .fileGroup .btnFile { top:0; height:100%; margin-top:0; border:0 none; }
    .writeTbl .fileGroup .btnFile:after { height:1.385em; margin:-0.692em -1px 0 0; }
    .writeTbl .fileGroup .btnFile button { width:2.231em; height:100%; }
    .boardWrite>.guideTxt { display:block; }
    .writeTbl .file_txt { display:block;padding:1em; }
    .writeTbl .add_file_wrap { padding:0 1em; }
    .writeTbl .add_file_wrap input[type="text"] { border:1px solid #ccc; }
    .writeTbl .input_box { display:block; }
    .writeTbl .input_box+label { display:block;margin-bottom:0.625em; }
    
    /* board view */
    .viewTit { padding:1.364em 0 1.818em;border-bottom:0 none;text-align:left; }
    .viewTit .tit { margin-bottom:0.588em;padding:0;font-size:1.545em;line-height:1.3; }
    .viewTit .viewItems,
    .viewTit .viewHits { position:static;margin-bottom:0.273em; }
    .viewTit .viewItems>dd:last-child { display:inline-block;margin-top:0;padding-left:0.214em; }
    .viewContent { padding:0 0 1.923em;font-size:1.182em; }
    /* board view - File */
    .boardFile dl { margin:0;padding:0 8.636em 0 0.909em; }
    .boardFile dl dt { left:-9999px; }
    .boardFile dl dd.fileName { width:100%;padding:0;background:url(/themes/youth/images/board/bl_file_name.gif) 1px center no-repeat;font-size:1.091em; }
    .boardFile dl dd.fileName a { padding:1em 0;font-weight:400; color:#ac5909; }
    .boardFile .fileName span { display:none; }
    .boardFile dl dd.fileDown { width:8.8em; }
    .boardFile .fileDown a.btnDown { padding-top:1.2em;padding-left:2.5em;font-size:1.182em; }
    /* board view - Ctrl */
    .viewCtrl dl { position:relative;padding:13px 10px 13px 50px; }
    .viewCtrl dl dt { padding:0 0.833em 0 0.167em;font-size:12px; }
    .viewCtrl dl dd { padding-left:0.833em;font-size:12px; }
    .viewCtrl dl.prevList dt { background-image:none; }
    .viewCtrl dl.nextList dt { background-image:none; }

    /* pagination */
    .pagination { margin-top:3.636em; }
    .pagination ul li { font-size:13px; }
}
@media all and (max-width:640px) {
    /* board gallery */
    .galleryList ul { margin:0; }
    .galleryList ul li { width:48%;margin:0 1% 1.636em;font-size:12px; }
    .galleryList.type2 ul li { width:48%;margin:0 1% 2.455em; }
    .galleryList ul li a .tit { font-size:1.182em; }
    .galleryList ul li a .date,
    .galleryList.type2 li a .date { margin-top:0.4em; }

    /* board write */
    .writeTbl .fileGroup .fileBox { padding:0 52px 0 0; }
    .writeTbl .fileBox .btnAttach { width:50px; }
    .writeTbl .fileBox .btnAttach>span { display:none; }

    /* Board Btn */
    .boardBtn { margin:15px 0; }
    .boardBtn p { font-size:12px; }
    .boardBtn p a { margin-right:0.250em; padding:0.667em 1.250em 0.667em; background:none; }
    .boardBtn p input { margin-right:0.250em; padding:0.667em 1.250em 0.667em; background:none; }
    .boardBtn p button { margin-right:0.250em; padding:0.667em 1.250em 0.667em; background:none; }
    
    /* pagination */
    .pagination ul li { font-size:12px; }
}
@media all and (max-width:480px) {
    /* board gallery */
    .galleryList ul li { font-size:11px; }
}

/*공간안내>대관신청-신청폼*/
.formLayout { max-width:746px;margin:0 auto;padding:0 4%; }
.formWrap { border-top:1px solid #e0e0e0; }
.formWrap ::placeholder { font-weight:300;color:#9a9a9a; }
.formWrap ::-webkit-input-placeholder { font-weight:300;color:#9a9a9a; }
.formWrap ::-moz-placeholder { font-weight:300;color:#9a9a9a; }
.formWrap : -ms-input-placeholder { font-weight:300;color:#9a9a9a; }
.formWrap .txt,
.formWrap .selectArea .selectBtn { width:100%;height:3.25em;padding:0 0.875em;border:1px solid #dedede;background-color:#fcfcfc;line-height:3.25em;box-sizing:border-box; }
.formWrap .selectArea .selectBtn { font-weight:400; }
.formWrap .selectArea .selectBtn:after { right:1.875em;width:0.875em;height:0.625em;margin-top:-0.313em;background-image:url(/themes/youth/images/sub/arrow_select_down.png);background-size:contain; }
.formWrap .selectArea .selectBtn.active:after { background-image:url(/themes/youth/images/sub/arrow_select_up.png); }
.formWrap .formItem { margin-top:2em;margin-bottom:3.125em; }
.formWrap .label { display:block;margin-bottom:0.8em;color:#000;font-weight:500;font-size:1.25em; }
.formWrap input.datepicker { padding-left:2.688em;background:#fcfcfc url(/themes/youth/images/sub/icon_calendar.png) no-repeat 0.75em 50%;background-size:1.313em auto; }
.formWrap .formHyphen { display:inline-block;color:#000;vertical-align:top;text-align:center;line-height:3.25em;font-weight:900; }
.formTab { overflow:hidden; }
.formTab .item { position:relative;float:left;width:48.2%;text-align:center; }
.formTab .item.i1 { margin-right:3.6%; }
.formTab .item input { overflow:hidden;position:absolute;top:0;left:-9999px;width:1px;height:1px;margin-left:-1px; }
.formTab .item label { display:block;padding:1.563em 1em 1.25em;border:1px solid #e4e4e4;background-color:#fcfcfc;color:#8e8e8e;cursor:pointer; }
.formTab .item label span { display:inline-block;padding-top:2.375em;background-repeat:no-repeat;background-position:50% 0; }
.formTab.renting .item.i1 label span { background-image:url(/themes/youth/images/sub/icon_renting01.png);background-size:auto 1.875em; }
.formTab.renting .item.i2 label span { background-image:url(/themes/youth/images/sub/icon_renting02.png);background-size:auto 1.875em; }
.formTab .item input:checked+label { border:1px solid #246cfe;background-color:#fcfdff;color:#246cfe;font-weight:500; }
.formTab.renting .item.i1 input:checked+label span { background-image:url(/themes/youth/images/sub/icon_renting01_on.png); }
.formTab.renting .item.i2 input:checked+label span { background-image:url(/themes/youth/images/sub/icon_renting02_on.png); }
.formTab .item .lk { margin-top:0.688em; }
.formTab .item .lk a { display:inline-block;color:#444;font-size:0.938em; }
.formTab .item .lk a:hover,
.formTab .item .lk a:focus { text-decoration:underline; }
.formWrap .timeGroup { overflow:hidden; }
.formWrap .timeGroup .selectArea { float:left;width:48.2%; }
.formWrap .timeGroup .formHyphen { float:left;width:3.6%; }
.formWrap .timeGroup .selectArea .selectBtn { padding:0 2.813em;background:#fcfcfc url(/themes/youth/images/sub/icon_time.png) no-repeat 1.125em 50%;background-size:1.125em auto; }
.formWrap .checkbox { position:relative; }
.formWrap .checkbox input { overflow:hidden;position:absolute;top:0;left:-9999px;width:1px;height:1px;margin-left:-1px; }
.formWrap .checkbox label { display:inline-block;padding:0.133em 0 0.133em 2em;background-image:url(/themes/youth/images/sub/bg_checkbox_off.png);background-repeat:no-repeat;background-position:0 50%;background-size:1.400em auto;color:#9a9a9a;font-weight:300;font-size:0.938em;cursor:pointer; }
.formWrap .checkbox input:checked+label { background-image:url(/themes/youth/images/sub/bg_checkbox_on.png);color:#000;font-weight:400; }
.formWrap .birthGroup,
.formWrap .phoneGroup,
.formWrap .addrGroup { margin-top:2em;margin-bottom:3.125em; }
.formWrap .birthGroup:after { content:'';clear:both;display:block; }
.formWrap .birthGroup ol li { position:relative;float:left;width:31%;padding-left:3.5%; }
.formWrap .birthGroup ol li:first-child { padding-left:0; }
.formWrap .birthGroup ol li:before { content:'-';position:absolute;top:50%;left:3.5%;margin-top:-0.5em;font-weight:900; }
.formWrap .phoneGroup:after { content:'';clear:both;display:block; }
.formWrap .phoneGroup .selectArea { float:left;width:8.75em; }
.formWrap .phoneGroup .formHyphen { float:left;width:1.563em; }
.formWrap .phoneGroup .txt { float:left;width:-webkit-calc(100% - 10.313em);width:calc(100% - 10.313em); }
.formWrap .addrGroup .txt { margin-top:0.5em; }
.formWrap .addrGroup .zipCodeBox .txt { display:inline-block;width:138px;margin-top:0;vertical-align:top; }
.formWrap .addrGroup .zipCodeBox .btnZipcode { display:inline-block;margin-left:0.313em;padding:0 0.938em;background:#000;color:#fff;vertical-align:top;font-weight:300;line-height:3.25em;box-sizing:border-box; }
.formWrap .txtCheck { margin-top:1em; }
.formWrap .txtCheck dt { margin-bottom:0.5em;color:#010101; }
.formWrap .txtCheck dd { position:relative;font-size:0; }
.formWrap .txtCheck input { overflow:hidden;position:absolute;top:0;left:-9999px;width:1px;height:1px;font-size:16px; }
.formWrap .txtCheck label { display:inline-block;margin-top:-1px;margin-left:-1px;background:#fcfcfc;color:#9a9a9a;line-height:3.125em;cursor:pointer;font-size:16px; }
.formWrap .txtCheck label span { display:block;position:relative;padding:0 2em; }
.formWrap .txtCheck label span:after { content:'';position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid #dedede; }
.formWrap .txtCheck input:checked+label { color:#246cfe; }
.formWrap .txtCheck input:checked+label span:after { border:1px solid #246cfe;z-index:1; }

.defaultBtn { margin-top:4.063em;text-align:center; }
.defaultBtn ul { font-size:0; }
.defaultBtn ul li { display:inline-block;margin:0 0.444em;vertical-align:top;font-size:18px; }
.defaultBtn ul li .type1,
.defaultBtn ul li .type2 { display:inline-block;height:2.778em;min-width:8.5em;padding:0 0.833em;line-height:2.778em;box-sizing:border-box; }
.defaultBtn ul li .type1 { border:1px solid #666; }
.defaultBtn ul li .type2 { background:#455bff;color:#fff; }
.defaultBtn .type3 { display:inline-block;width:11.85em;height:2.85em;border-radius:0.75em;background:#455bff;color:#fff;font-size:1.25em;line-height:2.85em; }

.formWrap.boardPop { max-width:300px;margin:0 auto;padding:0 3%;border-top:none;box-sizing:border-box; }
.formWrap.boardPop .formItem { margin-top:0;padding-top:2em;margin-bottom:3em; }
.formWrap.boardPop .defaultBtn { margin-top:0; }
.formWrap.boardPop .defaultBtn ul li { width:100%;margin:0; }
.formWrap.boardPop .defaultBtn ul li .type1,
.formWrap.boardPop .defaultBtn ul li .type2 { display:block;min-width:auto; }

@media all and (max-width:1280px) {
    .formWrap .txtCheck label { font-size:15px; }
}
@media all and (max-width:1024px) {
    .formWrap .txtCheck label { font-size:14px; }
}
@media all and (max-width:960px) {
    .formWrap .formItem { margin-bottom:2.182em; }
    .formWrap .txtCheck label { font-size:13px; }
    
    .defaultBtn { margin-top:3.182em; }
    .defaultBtn ul li { width:50%;margin:0;font-size:15px; }
    .defaultBtn ul li .type1,
    .defaultBtn ul li .type2 { display:block;width:100%;min-width:auto;height:3.467em;line-height:3.467em; }
    .defaultBtn .type3 { width:100%; }
}
@media all and (max-width:640px) {
    .formWrap .txtCheck label  { font-size:12px; } 
}
@media all and (max-width:480px) {
    .formWrap .txtCheck label  { font-size:11px; }
}

/*센터소개>청년센터란*/
.youthAbout { max-width:998px;margin:0 auto;padding:0 4%;text-align:center; }
.youthAbout .aboutTxt { margin-top:0.4em;margin-bottom:4.75em;line-height:1.5;word-break:keep-all;font-size:1.250em; }
.youthAbout .infoGroup { font-size:0; }
.youthAbout .infoGroup dl { display:inline-block;margin:0 2%;vertical-align:top;font-size:16px; }
.youthAbout .infoGroup dl dt { padding-top:3.75em;background-repeat:no-repeat;background-position:50% 0;background-size:auto 2.65em;font-weight:700;font-size:1.25em; }
.youthAbout .infoGroup dl.i1 dt { background-image:url(/themes/youth/images/sub/icon_about01.png); }
.youthAbout .infoGroup dl.i2 dt { background-image:url(/themes/youth/images/sub/icon_about02.png); }
.youthAbout .infoGroup dl.i3 dt { background-image:url(/themes/youth/images/sub/icon_about03.png); }
.youthAbout .infoGroup dl.i4 dt { background-image:url(/themes/youth/images/sub/icon_about04.png); }
.youthAbout .infoGroup dl dd { margin-top:0.625em; }
.youthAbout .infoGroup dl dd ul li { margin:0.188em 0;color:#666;line-height:1.4;word-break:keep-all;letter-spacing:-0.05em; }
.youthAbout .infoGroup dl dd ul li .tit { display:block;float:left;text-align:left; }
.youthAbout .infoGroup dl dd ul li .txt { display:block;margin-left:5em;text-align:left;font-weight:300; }
.youthAbout .infoGroup dl.i3 dd ul li .txt { margin-left:6.563em; }
@media all and (max-width:1280px) {
    .youthAbout .infoGroup dl { font-size:15px; }
}
@media all and (max-width:1024px) {
    .youthAbout .infoGroup dl { font-size:14px; }
}
@media all and (max-width:960px) {
    .youthAbout .aboutTxt { margin-bottom:2.769em;padding:0 4%; }
    .youthAbout .aboutTxt span { display:block; }
    .youthAbout .infoGroup { padding:0 5%; }
    .youthAbout .infoGroup dl { width:50%;margin:0 0 3em;font-size:13px; }
    .youthAbout .infoGroup dl dd { display:inline-block; }
    .youthAbout .infoGroup dl.i3 dd ul li .txt { margin-left:6em; }
}
@media all and (max-width:640px) {
    .youthAbout .infoGroup dl  { font-size:12px; } 
}
@media all and (max-width:480px) {
    .youthAbout .infoGroup dl  { font-size:11px; }
}

/*센터소개>자주묻는 질문*/
.faqTop { text-align:center; }
.faqTop p { display:inline-block;padding:1em 1.875em;border-radius:2em;background-color:#f1f0f6;color:#4c427b;font-weight:300; }
.faqCon { margin-top:2.813em;padding:0.75em 1.25em;border-top:1px solid #000; }
.faqCon .itemGroup { border-bottom:1px solid #ededed; }
.faqCon .itemGroup .btnFaq a { overflow:hidden;display:block;padding:0.813em 0;line-height:1.4;font-weight:500;font-size:1.125em; }
.faqCon .itemGroup .btnFaq a .bu { overflow:hidden;display:inline-block;float:left;width:2.112em;height:2.112em;border-radius:50%;background:#452daf url(/themes/youth/images/sub/icon_question.png) no-repeat 50% 50%;background-size:contain;text-indent:-999px; }
.faqCon .itemGroup .btnFaq a .txt { display:block;position:relative;margin-top:0.444em;margin-left:3.167em;padding-right:3.611em; }
.faqCon .itemGroup .btnFaq a .txt:after { content:'';position:absolute;top:0;right:1em;width:0.667em;height:0.667em;border-top:2px solid #000;border-right:2px solid #000;-webkit-transform:rotate(135deg);transform:rotate(135deg);transition:0.3s; }
.faqCon .itemGroup.active .btnFaq a .txt:after { -webkit-transform:rotate(-45deg);transform:rotate(-45deg); }
.faqCon .itemGroup .item { display:none;margin-bottom:1em;margin-left:3.75em;padding:1.125em 1.375em;background-color:#f6f6f6;line-height:1.4;font-weight:300; }
@media all and (max-width:960px) {
    .faqCon { padding:0.75em 0; }
    .faqCon .itemGroup .btnFaq a .bu { width:1.727em;height:1.727em; }
    .faqCon .itemGroup .btnFaq a .txt { margin-top:0.167em;margin-left:2.25em;padding-right:2.5em; }
    .faqCon .itemGroup .btnFaq a .txt:after { top:0.2em;width:0.583em;height:0.583em; }
    .faqCon .itemGroup .item { margin-left:2.455em; }
}

/*센터소개>찾아오시는길*/
.directions { max-width:1000px;margin:0 auto;padding:0 4%; }
.directions .mapWrap { height:35em;border:1px solid #d5d5d5;border-bottom:none;z-index:0; }
.directions .txtBox { position:relative;padding:2.75em 2.75em 2.25em;border:1px solid #d5d5d5;border-top:none; }
.directions .txtBox h4 { margin-bottom:0.909em;font-weight:500;font-size:1.375em; }
.directions .txtBox dl { overflow:hidden;margin:0.5em 0; }
.directions .txtBox dl dt { display:inline-block;float:left;padding-left:1.063em;background-repeat:no-repeat;background-position:0 50%;background-size:auto 1em;letter-spacing:0.5em;; }
.directions .txtBox dl.i1 dt { background-image:url(/themes/youth/images/sub/icon_location.png); }
.directions .txtBox dl.i2 dt { background-image:url(/themes/youth/images/sub/icon_phone.png); }
.directions .txtBox dl dd { margin-left:4.375em;font-weight:300; }
.directions .txtBox .btnMap { position:absolute;top:50%;right:2.5em; }
.directions .txtBox .btnMap button { display:inline-block;width:5.588em;height:5.588em;margin-top:-2.765em;border-radius:50%;background:#ffd451;letter-spacing:-0.02em;font-weight:500;font-size:1.063em; }
.directions .txtBox .btnMap button span { display:inline-block;padding-top:1.647em;background:url(/themes/youth/images/sub/bg_go_arrow.png) no-repeat 50% 0;background-size:1.647em auto; }
@media all and (max-width:960px) {
    .directions .mapWrap { height:20em; }
    .directions .txtBox { padding:2.182em 1.273em 2em; }
    .directions .txtBox dl { line-height:1.4;letter-spacing:-0.03em;font-size:1.091em; }
    .directions .txtBox dl dd span { display:block; }
    .directions .txtBox dl dd { margin-left:4.167em; }
    .directions .txtBox .btnMap { right:1em;top:auto;bottom:2em; }
    .directions .txtBox .btnMap button { width:5.273em;height:5.273em;font-size:1em; }
}

/*공간안내>공간안내*/
.spaceGuide { max-width:1085px;margin:0 auto;padding:0 4%; }
.spaceGuide .topTxt { margin-bottom:0.875em;text-align:right; }
.spaceGuide .topTxt span { display:inline-block;padding:0.125em 0 0.188em 1.563em;background:url(/themes/youth/images/sub/bg_tip.png) no-repeat 0 0.125em;background-size:1.250em auto;color:#48464c; }
.spaceGuide .moTabBtn { display:none; }
.spaceGuide .spaceWrap { margin-bottom:5.750em; }
.spaceGuide .tabCon { overflow:hidden;display:none; }
.spaceGuide .tabCon .slide { position:relative;float:left;width:58%; }
.spaceGuide .tabCon .slide .item img { margin:0 auto; }
.spaceGuide .tabCon .slide .controls button { overflow:hidden;position:absolute;top:50%;width:2.688em;height:2.688em;background-repeat:no-repeat;background-position:50% 50%;background-size:2.688em auto;text-indent:-999px; }
.spaceGuide .tabCon .slide .controls button.slick-arrow.slick-hidden { display:none; }
.spaceGuide .tabCon .slide .controls .slick-prev { left:4%;background-image:url(/themes/youth/images/sub/btn_prev_space.png); }
.spaceGuide .tabCon .slide .controls .slick-next { right:4%;background-image:url(/themes/youth/images/sub/btn_next_space.png); }
.spaceGuide .tabCon .slide .controls .counter { display:inline-block;position:absolute;bottom:10%;left:50%;min-width:4.250em;margin:0 auto;padding:0 1em;border-radius:1.875em;background-color:rgba(000,000,000,0.4);color:#fff;line-height:1.875em;text-align:center;box-sizing:border-box;-webkit-transform:translateX(-50%);transform:translateX(-50%); }
.spaceGuide .tabCon .txtBox { float:right;width:35%;padding-top:1.563em; }
.spaceGuide .tabCon .txtBox h4 { font-size:1.563em; }
.spaceGuide .tabCon .txtBox .stit { margin-top:1.222em;color:#444;line-height:1.4;font-size:1.125em; }
.spaceGuide .tabCon .txtBox ul { margin-top:1.25em; }
.spaceGuide .tabCon .txtBox ul li { overflow:hidden;margin:0.5em 0;letter-spacing:-0.02em; }
.spaceGuide .tabCon .txtBox ul li span.tit { display:inline-block;float:left;font-weight:700; }
.spaceGuide .tabCon .txtBox ul li span.txt { display:block;margin-left:4.063em;line-height:1.3;font-weight:300; }
.spaceGuide .tabCon .txtBox .btnRenting { margin-top:3.625em; }
.spaceGuide .tabCon .txtBox .btnRenting a { display:block;max-width:346px;border-radius:0.556em; background:#ff4945;color:#fff;text-align:center;line-height:3.111em;font-weight:300;font-size:1.125em; }
@media all and (max-width:960px) {
    .spaceGuide .topTxt { text-align:center; }
    .spaceGuide .spaceWrap { display:none; }
    .spaceGuide .moTabBtn { overflow:hidden;display:block;margin-bottom:3.455em; }
    .spaceGuide .moTabBtn li { float:left;width:49%;margin:0.273em 0.5%;border:1px solid #b9b9b9;text-align:center;box-sizing:border-box; }
    .spaceGuide .moTabBtn li a { display:block;padding:0.909em; }
    .spaceGuide .tabCon .slide { float:none;width:100%; }
    .spaceGuide .tabCon .txtBox { float:none;width:100%;margin-top:2.545em;padding-top:0; }
    .spaceGuide .tabCon .txtBox ul li { display:inline-block; }
    .spaceGuide .tabCon .txtBox ul li:nth-child(odd) { margin-right:1em; }
    .spaceGuide .tabCon .txtBox .btnRenting { margin-top:1.636em; }
}

/*공간안내>대관안내*/
.rentingGuide h4.tit { text-align:center;font-weight:900;font-size:1.563em; }
.rentingGuide .steps { padding-bottom:3.75em;border-bottom:1px solid #efefef;text-align:center; }
.rentingGuide .steps h4 { margin-bottom:2em; }
.rentingGuide .steps ol { font-size:0; }
.rentingGuide .steps ol li { display:inline-block;position:relative;margin:0 5.5%;padding-top:6.75em;background-repeat:no-repeat;background-position:50% 0;background-size:auto 5.313em;vertical-align:top;line-height:1.4;letter-spacing:-0.03em;font-size:16px; }
.rentingGuide .steps ol li:after { content:'';position:absolute;top:1.813em;right:-3.625em;width:0.813em;height:0.813em;border-top:2px solid #a0a0a0;border-right:2px solid #a0a0a0;-webkit-transform: rotate(45deg);transform: rotate(45deg); }
.rentingGuide .steps ol li.i1:after { right:-5em; }
.rentingGuide .steps ol li.i3:after { content:none; }
.rentingGuide .steps ol li.i1 { background-image:url(/themes/youth/images/sub/icon_renting_step01.png); }
.rentingGuide .steps ol li.i2 { background-image:url(/themes/youth/images/sub/icon_renting_step02.png); }
.rentingGuide .steps ol li.i3 { background-image:url(/themes/youth/images/sub/icon_renting_step03.png); }
.rentingGuide .steps ol li .tit { font-weight:900;font-size:1.125em; }
.rentingGuide .steps ol li .tit span { display:block;color:#a1a1a1;font-weight:700;font-size:0.875em; }
.rentingGuide .steps ol li .txt { margin-top:0.467em;font-size:0.938em; }
.rentingGuide .rules { margin-top:3.875em;position:relative;padding:0.5em 0.938em 1.875em;border-bottom:1px solid #efefef; }
.rentingGuide .rules .titBox { text-align:center; }
.rentingGuide .rules .titBox h4.tit { display:inline-block;vertical-align:top; }
.rentingGuide .rules .titBox p { position:absolute;top:0;left:50%;margin-left:3.875em; }
.rentingGuide .rules .titBox p a { display:inline-block;padding:0 1.25em;border:1px solid #d5d5d5; }
.rentingGuide .rules .titBox p a span { display:block;padding:0.813em 2em 0.813em 0;background:url(/themes/youth/images/sub/icon_download.png) no-repeat 99% 50%;background-size:1.063em auto; }
.rentingGuide .rules ul { overflow:hidden;margin-top:1em; }
.rentingGuide .rules ul li { float:left;display:table;table-layout:fixed;width:33.33333%;min-height:3.882em;margin:1.471em 0;padding-left:4.706em;padding-right:3em;background-repeat:no-repeat;background-position:0 0;background-size:contain;word-break:keep-all;line-height:1.4;letter-spacing:-0.05em;font-size:1.063em;box-sizing:border-box; }
.rentingGuide .rules ul li.i1 { background-image:url(/themes/youth/images/sub/icon_renting_rule01.png); }
.rentingGuide .rules ul li.i2 { background-image:url(/themes/youth/images/sub/icon_renting_rule02.png); }
.rentingGuide .rules ul li.i3 { background-image:url(/themes/youth/images/sub/icon_renting_rule03.png); }
.rentingGuide .rules ul li.i4 { background-image:url(/themes/youth/images/sub/icon_renting_rule04.png); }
.rentingGuide .rules ul li.i5 { background-image:url(/themes/youth/images/sub/icon_renting_rule05.png); }
.rentingGuide .rules ul li.i6 { background-image:url(/themes/youth/images/sub/icon_renting_rule06.png); }
.rentingGuide .rules ul li span { display:table-cell;vertical-align:middle; }
.rentingGuide .calendar { margin-top:3.438em; }
.rentingGuide .calendar .dateFunc { overflow:hidden;margin-top:2.75em; }
.rentingGuide .calendar .dateFunc .prev,
.rentingGuide .calendar .dateFunc .next { float:left; }
.rentingGuide .calendar .dateFunc p a { overflow:hidden;display:block;width:1.5em;height:1.5em;border-radius:50%;border:1px solid #cacaca;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;text-indent:-999px; }
.rentingGuide .calendar .dateFunc .prev a { background-image:url(/themes/youth/images/sub/arrow_calendar_prev.png); }
.rentingGuide .calendar .dateFunc .next a { background-image:url(/themes/youth/images/sub/arrow_calendar_next.png); }
.rentingGuide .calendar .dateFunc h5 { float:left;margin:0 0.455em;letter-spacing:-0.02em;font-weight:300;font-size:1.375em; }
.rentingGuide .calendar .dateFunc h5 strong { font-weight:900; }
.rentingGuide .calendar .calendarTbl { table-layout:fixed;width:100%;margin-top:2em; }
.rentingGuide .calendar .calendarTbl thead th { width:14.28571%;padding:0.889em 0;background-color:#888;color:#fff;text-align:center;font-weight:300;font-size:1.125em; }
.rentingGuide .calendar .calendarTbl td { height:8.125em;padding:0.875em 1em;border:1px solid #d9d9d9;word-break:break-all; }
.rentingGuide .calendar .calendarTbl td .num { letter-spacing:-0.03em;font-weight:900;font-size:1.563em; }
.rentingGuide .calendar .calendarTbl td .num.on { color:#ff0060; }
.rentingGuide .calendar .calendarTbl td .item { margin:0.4em 0;color:#ff0060;line-height:1.2;font-size:0.938em; }
.rentingGuide .calendar .calendarTbl td .item span { display:inline-block;vertical-align:top;letter-spacing:-0.04em; }
.rentingGuide .calendar .calendarTbl td .item .txt { padding-left:0.467em;background:url(/themes/youth/images/sub/bu_2p.png) no-repeat 0 0.533em; }
.rentingGuide .calendar .moList { display:none; }
.rentingGuide .btnMore { margin-top:3.125em;text-align:center; }
.rentingGuide .btnMore a { display:inline-block;min-width:19.222em;padding:1em;border-radius:0.556em;background:#ff4945;color:#fff;font-weight:300;font-size:1.125em;box-sizing:border-box; }
@media all and (max-width:1280px) {
    .rentingGuide .steps ol li { font-size:15px; }
}
@media all and (max-width:1024px) {
    .rentingGuide .steps ol li { font-size:14px; }
}
@media all and (max-width:960px) {
    .rentingGuide h4.tit { text-align:left;font-size:1.364em; }
    .rentingGuide .steps h4.tit { margin-bottom:1.467em; }
    .rentingGuide .steps ol li { display:block;margin:0 0 1.818em;padding-bottom:2.727em;font-size:13px; }
    .rentingGuide .steps ol li.i3 { padding-bottom:0;margin-bottom:0; }
    .rentingGuide .steps ol li:after { top:auto;right:auto;bottom:0;left:50%;transform:translateX(-50%) rotate(135deg); }
    .rentingGuide .steps ol li .tit { font-size:1.273em; }
    .rentingGuide .steps ol li .tit span { margin-bottom:0.444em; }
    .rentingGuide .steps ol li .txt { font-size:1em; }
    .rentingGuide .rules { margin-top:2em; }
    .rentingGuide .rules .titBox { text-align:left; }
    .rentingGuide .rules .titBox h4.tit { float:left;margin-top:0.533em; }
    .rentingGuide .rules .titBox p { position:static;top:auto;left:auto;margin-left:5.909em; }
    .rentingGuide .rules ul li { float:none;width:100%;min-height:3.091em;margin:0.909em 0;padding-left:3.636em;letter-spacing:0; }
    .rentingGuide .rules ul li span br { display:none; }
    .rentingGuide .calendar { margin-top:2.273em; }
    .rentingGuide .calendar .dateFunc { margin-top:1.636em; }
    .rentingGuide .calendar .calendarTbl { margin-top:1.091em; }
    .rentingGuide .calendar .calendarTbl thead th { font-size:1em; }
    .rentingGuide .calendar .calendarTbl td { height:3.455em;padding:0.5em; }
    .rentingGuide .calendar .calendarTbl td .num { font-size:1em; }
    .rentingGuide .calendar .calendarTbl td .item { display:none; }
    .rentingGuide .calendar .moList { display:block;margin-top:1.455em;color:#ff0060; }
    .rentingGuide .calendar .moList li { overflow:hidden;margin:0.727em 0; }
    .rentingGuide .calendar .moList li .num { float:left;font-weight:900;font-size:1.091em; }
    .rentingGuide .calendar .moList li .item { margin-left:2.455em;padding-left:0.636em;background:url(/themes/youth/images/sub/bu_2p.png) no-repeat 0 0.455em; }
    .rentingGuide .btnMore { margin-top:2.727em; }
    .rentingGuide .btnMore a { display:block;min-width:auto; } 
}
@media all and (max-width:640px) {
    .rentingGuide .steps ol li { font-size:12px; } 
}
@media all and (max-width:480px) {
    .rentingGuide .steps ol li { font-size:11px; }
}

/*센터소개>진도군 청년정책*/
.borderPolicy { max-width:1110px;margin:5em auto 0;padding:0 4%; }
.borderPolicy .boardItems .boardSearch { max-width:727px; }
.borderPolicy .boardItems .boardSearch .selectArea { width:14.86%; }
.borderPolicy .boardItems .boardSearch .searchInput { width:43.7%;margin-left:0; }
.borderPolicy .boardItems .boardSearch .termSelect { float:left;width:40%;margin:0 0.72%;padding:0 1.688em;border-radius:2em;border:1px solid #c6c6c6;box-sizing:border-box; }
.borderPolicy .boardItems .boardSearch .termSelect:after { content:'';clear:both;display:block; }
.borderPolicy .boardItems .boardSearch .termSelect .datepicker { float:left;width:44%;height:3.2em;padding-left:1.6em; border:none;background:url(/themes/youth/images/sub/icon_calendar.png) no-repeat 0 50%;background-size:1.4em auto;line-height:3.2em;letter-spacing:-0.02em;font-size:0.938em; }
.borderPolicy .boardItems .boardSearch .termSelect span { display:block;float:left;width:12%;line-height:2.667em;text-align:center;font-size:1.125em; }
.borderPolicy .category { margin-top:4.063em;margin-bottom:3.75em;padding:0 1.8%; }
.borderPolicy .category ul:after { content:'';clear:both;display:block; }
.borderPolicy .category ul li { float:left;width:12.5%;text-align:center; }
.borderPolicy .category ul li a { display:block;color:#888;font-weight:500; }
.borderPolicy .category ul li a span { display:block;position:relative;padding-top:6.875em;padding-bottom:2.5em;border-bottom:1px solid #dcdcdc; }
.borderPolicy .category ul li a span:before { content:'';position:absolute;top:0;left:0;right:0;margin:0 auto;width:6.188em;height:6.188em;border-radius:50%;border:1px solid #dedede;background-color:#fff;background-repeat:no-repeat;background-position:50% 50%;background-size:auto 3.375em; }
.borderPolicy .category ul li.i1 a span:before { background-image:url(/themes/youth/images/sub/icon_policy00.png); }
.borderPolicy .category ul li.i2 a span:before { background-image:url(/themes/youth/images/sub/icon_policy01.png); }
.borderPolicy .category ul li.i3 a span:before { background-image:url(/themes/youth/images/sub/icon_policy02.png); }
.borderPolicy .category ul li.i4 a span:before { background-image:url(/themes/youth/images/sub/icon_policy03.png); }
.borderPolicy .category ul li.i5 a span:before { background-image:url(/themes/youth/images/sub/icon_policy04.png); }
.borderPolicy .category ul li.i6 a span:before { background-image:url(/themes/youth/images/sub/icon_policy05.png); }
.borderPolicy .category ul li.i7 a span:before { background-image:url(/themes/youth/images/sub/icon_policy06.png); }
.borderPolicy .category ul li.i8 a span:before { background-image:url(/themes/youth/images/sub/icon_policy07.png); }
.borderPolicy .category ul li.active a,
.borderPolicy .category ul li a:hover,
.borderPolicy .category ul li a:focus { color:#6a70b0; }
.borderPolicy .category ul li.active a span:before,
.borderPolicy .category ul li a:hover span:before,
.borderPolicy .category ul li a:focus span:before { border-color:#c9cdf2;background-color:#f8f8ff;transition:0.4s; }
.borderPolicy .category ul li.active a span:after { content:'';position:absolute;bottom:-1px;left:50%;width:1.438em;height:1.188em;background:url(/themes/youth/images/sub/bg_policy_on.png) no-repeat 50% 50%;-webkit-transform:translateX(-50%);transform:translateX(-50%); }
.borderPolicy .policyList { position:relative;margin-top:2.813em;padding:0 1.8%; }
.borderPolicy .policyList .polTit { margin-bottom:0.88em;color:#131d88;font-weight:500;font-size:1.563em; }
.borderPolicy .policyList ul { overflow:hidden; }
.borderPolicy .policyList ul li { position:relative;float:left;width:32.33333%;margin-right:1.5%;margin-bottom:1em;box-sizing:border-box; }
.borderPolicy .policyList ul li:nth-child(3n) { margin-right:0; }
.borderPolicy .policyList ul li a { display:block;padding:1.375em 1.125em 1.5em;border:1px solid #e7e7e7; }
.borderPolicy .policyList ul li a:hover,
.borderPolicy .policyList ul li a:focus { border-color:#c9cdf2;background-color:#f8f8ff;-webkit-transition:0.3s;transition:0.3s; }
.borderPolicy .policyList ul li a span { display:block; }
.borderPolicy .policyList ul li a .label { margin-bottom:0.8em;color:#5a62bf;font-size:0.938em; }
.borderPolicy .policyList ul li a .tit { overflow:hidden;color:#010101;line-height:1.3;font-weight:500;font-size:1.125em;white-space:nowrap;text-overflow:ellipsis; }
.borderPolicy .policyList ul li a .dottxt { height:2.357em;margin-top:1em;color:#333;line-height:1.2;word-break:keep-all;font-weight:300;font-size:0.875em; }
.borderPolicy .policyList ul li .writer { margin-top:1.125em;padding:0.125em 0;padding-left:1.75em;background:url(/themes/youth/images/sub/icon_user.png) no-repeat 0 50%;background-size:1.313em auto;color:#787ebf; }
.borderPolicy .policyList ul li .writer a { display:inline-block;color:#787ebf; }
.borderPolicy .policyList .btnMore { position:absolute;top:0.25em;right:1.8%; }
.borderPolicy .policyList .btnMore a { display:block;padding:0 0.867em;border-radius:0.8em;border:1px solid #e7e7e7;font-weight:300;font-size:0.938em;}
.borderPolicy .policyList .btnMore a span { display:block;padding:0.267em 0.667em 0.267em 0;background:url(/themes/youth/images/sub/btn_more_8p.png) no-repeat 99% 50%; }
.borderPolicy .policyList .btnMore a:hover,
.borderPolicy .policyList .btnMore a:focus { text-decoration:underline; }
.borderPolicy .policyList ul li .boardBtn { position:absolute;top:8px;right:8px;margin:0;margin-right:0; }
.borderPolicy .policyList ul li .boardBtn a { padding:6px 0 6px 24px;border:none;background-position:0 -6px; }
.borderPolicy .policyList ul li .boardBtn a:hover,
.borderPolicy .policyList ul li .boardBtn a:focus { background-color:#fff;text-decoration:underline; }

/*청년뉴스*/
.borderPolicy.news,
.borderPolicy.news .category { padding:0; }

/*팝업*/
.policyPop { display:none;overflow-y:auto;z-index:10;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(000,000,000,0.5); }
.policyPop .popWrap { position:absolute;top:50%;left:50%;max-width:575px;width:100%;padding-right:3.438em;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%); }
.policyPop .popWrap .btnClose { position:absolute;top:0;right:0; }
.policyPop .popWrap .btnClose button { overflow:hidden;display:block;width:3.438em;height:3.438em;background:url(/themes/youth/images/sub/btn_close.png) no-repeat 50% 0;background-size:1.063em auto;text-indent:-999px; }
.policyPop .policyCon { margin:0 auto;padding:2.188em;background-color:#fff; }
.policyPop .policyCon .titBox { display:table;table-layout:fixed;position:relative;width:100%;padding-left:4.750em;box-sizing:border-box; }
.policyPop .policyCon .titBox:before { content:'';position:absolute;top:0;left:0;width:3.75em;height:3.75em;border-radius:50%;border:1px solid #c9cdf2;background-color:#f8f8ff;background-repeat:no-repeat;background-position:50% 50%;background-size:auto 2.375em; }
.policyPop .policyCon .titBox.i1:before { background-image:url(/themes/youth/images/sub/icon_policy01.png); }
.policyPop .policyCon .titBox.i2:before { background-image:url(/themes/youth/images/sub/icon_policy02.png); }
.policyPop .policyCon .titBox.i3:before { background-image:url(/themes/youth/images/sub/icon_policy03.png); }
.policyPop .policyCon .titBox.i4:before { background-image:url(/themes/youth/images/sub/icon_policy04.png); }
.policyPop .policyCon .titBox.i5:before { background-image:url(/themes/youth/images/sub/icon_policy05.png); }
.policyPop .policyCon .titBox.i6:before { background-image:url(/themes/youth/images/sub/icon_policy06.png); }
.policyPop .policyCon .titBox.i7:before { background-image:url(/themes/youth/images/sub/icon_policy07.png); }
.policyPop .policyCon .titBox h4 { display:table-cell;width:100%;height:2.727em;color:#010101;vertical-align:middle;font-weight:500;font-size:1.375em; }
.policyPop .policyCon .stit { margin-top:1.111em;padding-top:1.111em;border-top:1px solid #dcdcdc;color:#010101;line-height:1.2;word-break:keep-all;letter-spacing:-0.02em;font-size:1.125em; }
.policyPop .policyCon .hash { margin-top:0.5em; }
.policyPop .policyCon .hash ul { font-size:0; }
.policyPop .policyCon .hash ul li { display:inline-block;margin:0 0.25em;vertical-align:top;font-size:16px; }
.policyPop .policyCon .hash ul li a { display:block;padding:0.125em 0;color:#333;letter-spacing:-0.02em;font-weight:300; }
.policyPop .policyCon .hash ul li a:before { content:'#';margin-right:0.188em; }
.policyPop .policyCon .hash ul li a:hover,
.policyPop .policyCon .hash ul li a:focus { text-decoration:underline; }
.policyPop .policyCon .conBox { margin-top:1em;padding:1em 1.375em;background-color:#f6f7ff; }
.policyPop .policyCon .conBox dl { overflow:hidden;margin:0.313em 0;color:#585b6f;line-height:1.4; }
.policyPop .policyCon .conBox dl dt { display:block;float:left; }
.policyPop .policyCon .conBox dl dd { margin-left:4.5em;font-weight:300; }
.policyPop .policyCon .writer { margin-top:1.375em;padding:0.125em 0 0.125em 1.875em;background:url(/themes/youth/images/sub/icon_user.png) no-repeat 0 50%;background-size:1.313em auto;color:#787ebf; }
.policyPop .policyCon .writer a { display:inline-block;color:#787ebf; }
@media all and (max-width:1280px) {
    .policyPop .policyCon .hash ul li { font-size:15px; }
}
@media all and (max-width:1024px) {
    .policyPop .policyCon .hash ul li { font-size:14px; }
}
@media all and (max-width:960px) {
	.borderPolicy { margin:3em auto 0; }
    .borderPolicy .boardItems .boardSearch { max-width:none; }
    .borderPolicy .boardItems .boardSearch .selectArea { width:25%;margin-bottom:0.4em; }
    .borderPolicy .boardItems .boardSearch .termSelect { width:73.5%;margin:0 0 0.4em 1.5%; }
    .borderPolicy .boardItems .boardSearch .termSelect .datepicker { font-size:1em; }
    .borderPolicy .boardItems .boardSearch .searchInput { clear:both;float:none;width:100%; }
    .borderPolicy .category { margin-top:3.182em;margin-bottom:0;padding:0; }
    .borderPolicy .category ul li { width:50%; }
    .borderPolicy .category ul li a { padding:0 1.273em;margin-top:-1px;margin-left:-1px;border:1px solid #dedede;text-align:left; }
    .borderPolicy .category ul li a span { padding:1.273em 0 1.273em 2.909em;border:none; }
    .borderPolicy .category ul li a span:before { top:50%;right:auto;width:2.273em;height:2.273em;border-radius:0;border:none;background-size:contain;-webkit-transform:translateY(-50%);transform:translateY(-50%); }
    .borderPolicy .category ul li.active a span:after { content:none; }
    .borderPolicy .category ul li.active a,
    .borderPolicy .category ul li a:hover,
    .borderPolicy .category ul li a:focus { border-color:#c9cdf2;background-color:#f8f8ff;color:#6a70b0; }
    .borderPolicy .policyList { margin-top:3.091em;padding:0; }
    .borderPolicy .policyList .btnMore a { font-size:1em; }
    .borderPolicy .policyList ul li { float:none;width:100%;margin-right:0;margin-bottom:0.455em; }
    .borderPolicy.latest .policyList ul li:last-child { display:none; }
    .borderPolicy .policyList ul li a .dottxt { height:auto;max-height:2.455em;font-size:1em; }
    .borderPolicy .policyList ul li .writer { margin-top:1.455em; }
    .policyPop .policyCon .hash ul li { font-size:13px; }
	.borderPolicy.news { margin-bottom:2em; }
    .borderPolicy.news .category { margin-top:0; }
}
@media all and (max-width:640px) {
    /*팝업*/
    .policyPop .popWrap { max-width:90%;padding-top:3.364em;padding-right:0; }
    .policyPop .popWrap .btnClose button { background-position:50% 50%; }
    .policyPop .policyCon .hash { margin-top:1em; }
    .policyPop .policyCon .hash ul li { font-size:12px; }
}
@media all and (max-width:480px) {
    .policyPop .policyCon .hash ul li { font-size:11px; }
}

/*청년커뮤니티>청년DB*/
.youtDbIntro { padding-bottom:1em;background:url(/themes/youth/images/sub/bg_youthdb_title02.png) no-repeat 0 bottom;background-size:9.563em auto;text-align:center; }
.youtDbIntro h4.tit { padding-top:2.188em;background:url(/themes/youth/images/sub/bg_youthdb_title01.png) no-repeat 88.5% 50%;background-size:1.438em auto; }
.youtDbIntro p.stit { margin-top:1.625em;margin-bottom:2.375em;color:#555; }
.youtDbIntro p.txt { max-width:81.982%;margin:0 auto;padding:1.667em 0 1.667em;border:1px solid #d2d2d2;background-color:#fbfbfb;line-height:1.45;letter-spacing:-0.03em;font-weight:500;font-size:1.125em;box-sizing:border-box; }
.youtDbIntro p.txt strong { font-weight:900; }
.youtDbIntro .formGroup { position:relative;margin-top:2.125em; }
.youtDbIntro .formGroup input { overflow:hidden;position:absolute;top:0;left:-9999px;width:1px;height:1px;margin-left:-1px; }
.youtDbIntro .formGroup label { display:inline-block;padding:0.133em 0 0.133em 2em;background-image:url(/themes/youth/images/sub/bg_checkbox_off.png);background-repeat:no-repeat;background-position:0 0;background-size:1.313em auto;color:#9a9a9a;letter-spacing:-0.03em;font-size:0.938em;cursor:pointer; }
.youtDbIntro .formGroup input:checked+label { background-image:url(/themes/youth/images/sub/bg_checkbox_on.png);color:#000; }
.joinTurnList { max-width:630px;margin:86px auto;text-align:center;font-size:0; }
.joinTurnList li { display:inline-block;position:relative;width:25%;font-size:16px; }
.joinTurnList li:before,
.joinTurnList li:after { content:'';position:absolute;top:1.75em;width:50%;height:2px;background:#d5d5e1;z-index:-1; }
.joinTurnList li:before { left:0; }
.joinTurnList li:after { right:0; }
.joinTurnList li:first-child:before,
.joinTurnList li:last-child:after { display:none; }
.joinTurnList li div { position:relative;padding-top:4.176em;letter-spacing:-0.04em;font-weight:300;font-size:1.063em;  }
.joinTurnList li div:after { content:'';position:absolute;left:50%;top:0;width:3.294em;height:3.294em; margin-left:-1.647em; background-color:#b2b2c8;background-position:center;background-repeat:no-repeat;background-size:auto 1.647em;border-radius:50%; }
.joinTurnList li.turn01 div:after { background-image:url(/themes/youth/images/sub/icon_youth_db01.png); }
.joinTurnList li.turn02 div:after { background-image:url(/themes/youth/images/sub/icon_youth_db02.png); }
.joinTurnList li.turn03 div:after { background-image:url(/themes/youth/images/sub/icon_youth_db03.png); }
.joinTurnList li.on div:after { background-color:#0000fe; background-image:url(/themes/youth/images/sub/icon_youth_db.png); }
.joinTurnList li.active div:after { background-color:#0000fe; }
.joinSect { max-width:1040px;margin:0 auto; }
.joinSect .clauseWrap { margin-top:4.25em; }
.clauseWrap .clauseTit { color:#15171b;font-size:1.375em; }
.clauseWrap .clauseBox { overflow:hidden;margin-top:1.286em;color:#4c4c4c;font-family:'돋움',' dotum','Noto Sans KR','sans-serif';font-size:0.875em; }
.clauseWrap .clauseTxt { overflow-y:scroll;height:17.143em;padding:1.786em 2.143em; border:1px solid #ddd; font-weight:300; color:#282828; line-height:1.5; letter-spacing:-0.04em; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.clauseWrap .clauseTxt h4 { margin:1.125em 0; font-size:1.143em; }
.clauseWrap .clauseTxt h4:first-child { margin-top:0; }
.clauseWrap .clauseTxt h5 { margin:1em 0 0.667em; font-size:1.071em; }
.clauseWrap .clauseTxt h5:first-child { margin-top:0; }
.clauseWrap .clauseTxt h6 { margin-bottom:0.333em; font-weight:normal; font-size:1.071em; }
.clauseWrap .clauseTxt p,
.clauseWrap .clauseTxt ol,
.clauseWrap .clauseTxt dl  { margin:0.714em 0; }
.clauseWrap .clauseTxt ol ol { margin-left:1.357em; }
.clauseWrap .clauseTxt ol li { overflow:hidden; }
.clauseWrap .clauseTxt ol li>i { float:left; margin-right:0.357em; }
.clauseWrap .clauseTxt ol li>span { overflow:hidden; display:block; }
.clauseWrap .clauseTxt ol>li>p { margin-left:1.357em; }
.clauseWrap .clauseTxt p { overflow:hidden; }
.clauseWrap .clauseTxt p>i { float:left; margin-right:0.357em; }
.clauseWrap .clauseTxt p>span { overflow:hidden; display:block; }
.clauseWrap .clauseTxt dl dt { overflow:hidden; margin-bottom:0.714em; }
.clauseWrap .clauseTxt dl>dt>i { float:left; margin-right:0.357em; }
.clauseWrap .clauseTxt dl>dt>span { overflow:hidden; display:block; }
.clauseWrap .clauseTxt dl>dd { overflow:hidden; margin-left:1.286em; }
.clauseWrap .clauseTxt dl>dd>i { float:left; margin-right:0.357em; }
.clauseWrap .clauseTxt dl>dd>span { overflow:hidden; display:block; }
.clauseWrap .agree { padding:1.429em 2.143em 1.786em; border:1px solid #ddd; border-top:0; color:#46373a; }
.clauseWrap .agree .agreeNo { padding-left:2em; }
.clauseWrap .agree>div { display:inline-block; }
.clauseWrap .agree>div input { display:inline-block; margin-right:5px; vertical-align:middle; -webkit-appearance:radio;appearance:radio; }
.clauseWrap .agree>div label { display:inline-block; font-weight:300; vertical-align:middle; }
.joinSect .agreeAll { padding:1.5em 1.875em 0; }
.joinSect .agreeAll>input { display:inline-block; margin-right:0.313em; vertical-align:middle; -webkit-appearance:checkbox;appearance:checkbox; }
.joinSect .agreeAll>label { display:inline-block;color:#4c4c4c;vertical-align:middle;font-weight:700;font-size:0.938em;font-family:'돋움',' dotum','Noto Sans KR','sans-serif'; }
.formTab.youthDb .item.i1 label span { background-image:url(/themes/youth/images/sub/bg_youthdb01.png);background-size:1.563em auto; }
.formTab.youthDb .item.i2 label span { background-image:url(/themes/youth/images/sub/bg_youthdb02.png);background-size:1.563em auto; }
.formTab.youthDb .item.i1 input:checked+label span { background-image:url(/themes/youth/images/sub/bg_youthdb01_on.png); }
.formTab.youthDb .item.i2 input:checked+label span { background-image:url(/themes/youth/images/sub/bg_youthdb02_on.png); }
@media all and (max-width:1280px) {
    .joinTurnList li { font-size:15px; }
}
@media all and (max-width:1024px) {
    .joinTurnList li { font-size:14px; }
}
@media all and (max-width:960px) {
    .youtDbIntro { padding-bottom:0;background-position:0 90%;background-size:4.727em auto; }
    .youtDbIntro h4.tit { padding-top:1em;background-position:99% 0;background-size:1.091em auto; }
    .youtDbIntro h4.tit img { max-width:39.249%; }
    .youtDbIntro p.stit { margin-top:2.182em;margin-bottom:1.364em; }
    .youtDbIntro p.stit span { display:block;margin-bottom:0.455em; }
    .youtDbIntro p.txt { max-width:none;padding:1.5em 2.2em;word-break:keep-all; }
    .youtDbIntro p.txt br { display:none; }
    .youtDbIntro p.txt span { display:block;margin-top:0.308em;font-size:1.083em; }
    .youtDbIntro .formGroup { margin-top:1em; }
    .youtDbIntro .formGroup label { background-position:0.273em 0.273em;text-align:left;line-height:1.3;font-size:1em; }
    
    .joinTurnList { margin:27px auto 45px; }
    .joinTurnList li { font-size:13px; }
    .clauseWrap .clauseBox { font-size:1em; }
    .clauseWrap .clauseTxt { padding:1.2em; }
    .clauseWrap .agree>div label span { display:none; }
    .joinSect .agreeAll>label { font-size:1.091em; }
}
@media all and (max-width:640px) {
    .joinTurnList li { font-size:12px; } 
}
@media all and (max-width:480px) {
    .joinTurnList li { font-size:11px; }
}