@charset "utf-8";
/*
	진도군안전문화운동 SUB STYLE
    WRITER :Kim Cheonhyun
	Last Modify Date :2022. 08. 19.
*/

/* layout */
body { background:#fff; }
#container { margin:108px auto 0; }

/* guideWrap */
.visual h2 { line-height:145px; background:#050503 url(/sites/safeculture/images/sub/bg_sub01.jpg) center no-repeat; text-align:center; color:#fff; font-size:2em; font-weight:400; }
.wrapBg01 .visual h2 { background-color:#050503; background-image:url(/sites/safeculture/images/sub/bg_sub01.jpg); }
.wrapBg02 .visual h2 { background-color:#050503; background-image:url(/sites/safeculture/images/sub/bg_sub02.jpg); }
.wrapBg03 .visual h2 { background-color:#050503; background-image:url(/sites/safeculture/images/sub/bg_sub03.jpg); }
.wrapBg04 .visual h2 { background-color:#050503; background-image:url(/sites/safeculture/images/sub/bg_sub04.jpg); }
.guideWrap { position:relative; border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; z-index:6; }
.locationWrap { position:relative; max-width:1172px; margin:0 auto; z-index:7; }
.locationWrap:after { content:''; display:block; clear:both; }
.siteLocation p.home { float:left; border-left:1px solid #f1f1f1; border-right:1px solid #f1f1f1; }
.siteLocation p.home a { display:block; overflow:hidden; width:3.625em; height:3.375em; background:url(/themes/safeculture/images/sub/icon_home.png) center no-repeat; text-indent:-999px; }
.siteLocation .locationTab { margin-left:60px; }
.locationTab>li { position:relative; float:left; margin-left:-1px; }
.locationTab>li>button { position:relative; min-width:11em; height:3.375em; padding:0 2.5em 0 1.25em; border-right:1px solid #f1f1f1; border-left:1px solid #f1f1f1; box-sizing:border-box; text-align:left; font-weight:300; }
.locationTab>li>button:after { content:''; position:absolute; right:1em; top:50%; width:.625em; height:.625em; margin-top:-.3125em; border-right:1px solid #000; border-bottom:1px solid #000; box-sizing:border-box; transform:rotate(45deg); transition:all .4s; }
.locationTab>li>button.active:after { transform:rotate(225deg); }
.locationTab>li>button .prevTab { display:none; }
.locationTab>li div { display:none; position:absolute; left:0; top:3.375em; min-width:100%; background:#fff; z-index:5; }
.locationTab>li div ul { width:100%; padding:.5em; border:1px solid #f1f1f1; box-sizing:border-box; }
.locationTab>li div ul li { margin:.5em 0; }
.locationTab>li div ul li a { display:block; white-space:nowrap; }
.locationWrap .subBtn { float:right; }
.locationWrap .subBtn>li { display:inline-block; position:relative; margin-left:-4px; }
.locationWrap .subBtn>li>button { overflow:hidden; position:relative; width:2.375em; height:3.375em; background:center no-repeat; text-indent:-999px; z-index:30; }
.locationWrap .share button.btnShare { background-image:url(/themes/safeculture/images/sub/icon_share.png); }
.locationWrap .subBtn>li.active>button:after { content:''; position:absolute; left:50%; bottom:0; width:12px; height:8px; margin:0 0 0 -6px; background:url(/themes/safeculture/images/sub/arrow_box.png) center bottom no-repeat; }
.locationWrap .subBtn div.popSubBtn { display:none; position:absolute; right:-2em; top:3.375em; min-width:13em; padding:1em; margin-top:-1px; background:#fff; border:1px solid #999; box-shadow:2px 2px 7px rgba(43,43,43,.43); box-sizing:border-box; text-align:center; z-index:20; }
.locationWrap .subBtn div.popSubBtn .shareList { text-align:left; }
.locationWrap .subBtn div.popSubBtn .shareList li { display:inline-block; margin:0 1px; }
.locationWrap .subBtn div.popSubBtn .shareList li a { display:block; overflow:hidden; width:1.8125em; height:1.8125em; background:center no-repeat; background-size:contain; border-radius:50%; color:#000; text-indent:-999px; }
.locationWrap .subBtn div.popSubBtn .shareList li.share1 a { background-color:#0cc742; background-image:url(/themes/safeculture/images/sub/icon_share1.png); }
.locationWrap .subBtn div.popSubBtn .shareList li.share2 a { background-color:#3c5b9a; background-image:url(/themes/safeculture/images/sub/icon_share2.png); }
.locationWrap .subBtn div.popSubBtn .shareList li.share3 a { background-color:#f5bd11; background-image:url(/themes/safeculture/images/sub/icon_share3.png); }
.locationWrap .subBtn div.popSubBtn .shareList li.share4 a { background-color:#f5f5f5; background-image:url(/themes/safeculture/images/sub/icon_share4.png); }
.locationWrap .subBtn div.popSubBtn p.btnClose { position:absolute; top:0; right:0; padding:1.09375em .875em; }
.locationWrap .subBtn div.popSubBtn p.btnClose button { overflow:hidden; position:relative; width:1.625em; height:1.625em; vertical-align:top; text-indent:-999px; }
.locationWrap .subBtn div.popSubBtn p.btnClose button:before,
.locationWrap .subBtn div.popSubBtn p.btnClose button:after { content:''; position:absolute; left:0; top:50%; width:100%; height:2px; margin-top:-1px; background:#000; }
.locationWrap .subBtn div.popSubBtn p.btnClose button:before { transform:rotate(45deg); }
.locationWrap .subBtn div.popSubBtn p.btnClose button:after { transform:rotate(135deg); }
#contentGroup { max-width:1098px; margin:0 auto; }
h3.pageTit { max-width:1098px; margin:4rem auto;/*70 56/1920*/ text-align:center; line-height:1; color:#010101; font-size:2.25em; font-weight:400; }
.content { overflow:hidden; position:relative; margin:.9009% 0 6%; }
.content p.topTxt { max-width:1110px; margin:2.66666em auto; padding:1em; background:#ededed; box-sizing:border-box; text-align:center; font-size:.9375em; font-weight:300; word-break:keep-all; }
.content p.lowTxt { font-size:.875em; } 
.content p.topInfoTxt { margin:1em; text-align:center; color:#444; font-weight:300; word-break:keep-all; }
.content p.topInfoTxt i { display:block; padding:2.8181818em 0 .5em; background:url(/themes/safeculture/images/sub/icon_complete.png) center top no-repeat; background-size:2.6em; color:#2262e1; font-size:1.375em; font-family:'GmarketSansMedium'; }
.content p.topInfoTxt a { color:#000; font-weight:500; }
.content .boardImage { text-align:center; }
/* tabmenu */
.tabNav { margin-bottom:2em; text-align:center; }
.tabNav p { display:none; }
.tabNav p button { position:relative; width:100%; padding:1em; border:1px solid #eceff6; border-bottom:2px solid #237123; text-align:left; color:#2f982f; }
.tabNav p button:after { content:''; position:absolute; right:1em; top:50%; width:1em; height:1em; margin-top:-.75em; border-right:2px solid #237123; border-bottom:2px solid #237123; box-sizing:border-box; transform:rotate(45deg); transition:all .4s; }
.tabNav p button.action:after { transform:rotate(225deg); margin-top:-.35em; }
.tabList { display:inline-block; }
.tabList .tabType { display:flex; overflow:hidden; justify-content:center; background:#f3f3f3; border-radius:2em; }
.tabList .tabType li { position:relative; text-align:center; }
.tabList .tabType li::before { content:''; position:absolute; left:-1px; top:50%; width:1px; height:1.4375em; margin-top:-.71875em; background:#dcdcdc;  }
.tabList .tabType li:first-child::before { display:none; }
.tabList .tabType li a { display:block; padding:1em 2em; line-height:1.75em; color:#8c8c8c; font-weight:300; white-space:nowrap; }
.tabList .tabType li.active a {  color:#2f982f; font-weight:500; }
@media only screen and (max-width:720px) {
    /* layout */
    #container { margin-top:6em; }
    .visual { display:none; }
    .siteLocation p.home,
    .locationWrap p.btnPrint { display:none; }
/*    .locationWrap { padding-right:5em;}*/
    .siteLocation .locationTab { margin:0; }
    .locationTab>li { display:none; float:none; }
    .locationTab>li:last-child { display:block; }
    .locationTab>li>button { background:#2f982f; color:#fff; }
    .locationTab>li>button:after { border-color:#fff; }
    .locationTab>li>button { width:calc(100% - 5rem); height:3em; margin-right:5rem; border:none; font-size:1.375em; }
    .locationTab>li>button .nowTab { display:none; }
    .locationTab>li>button .prevTab { display:block; }
    .locationTab>li div { top:3em; border-left:none; font-size:1.375em; z-index:31; }
    .locationTab>li div ul { border-left:none; border-right:none; }
    .locationTab>li div ul li a { padding:0 1em; }
    .locationWrap .subBtn li { display:none; }
    .locationWrap .subBtn .share { display:block; position:absolute; right:0; bottom:0; width:5em; height:4.125em; background-position:center;}
    .locationWrap .subBtn .share button.btnShare { background-size:1.5em auto; }
    .locationWrap .subBtn>li>button { width:100%; height:100%; }
    .locationWrap .subBtn .share>button { background-color:#272; background-image:url(/themes/safeculture/images/sub/btn_share_mo.png); background-size:2em auto; }
    .locationWrap .subBtn .share>button:after { display:none; }
    .locationWrap .subBtn .share div.popSubBtn { right:0; top:5em; min-width:14em; }
    .locationWrap .subBtn div.popSubBtn .shareList li a { width:2em; height:2em; background-size:2em auto; }
    .tabNav { margin-left:4%; margin-right:4%; }
    .tabNav p { display:block; }
    .tabNav .tabList { display:none; }
    .tabNav .tabList .tabType { display:block; background:#fff; border:1px solid #ebeef5; border-top:none; border-radius:0; }
    .tabNav .tabList .tabType li { display:block; border-top:1px solid #ebeef5; text-align:left; }
    .tabNav .tabList .tabType li a { padding:1em; }
    .tabNav .tabList .tabType li.active a { color:#8c8c8c; font-weight:300; }
}
/* content */
/* 기본 콘텐츠 스타일 */
.defaultContent h4 { margin:.75rem 0; padding:0 2rem; background:url(/themes/safeculture/images/sub/icon_h4.png) left .3em no-repeat; line-height:1.5em; color:#010101; font-size:1.25em; font-weight:400; }
.defaultContent h4 b { color:#174a17; font-weight:normal; }
.defaultContent .txt { margin:.75rem 0 .75rem 2rem; line-height:1.5882; font-size:1.0625em; font-weight:300; word-break:keep-all; text-align:justify; }
.defaultContent .conBtm { margin-bottom:3rem; }
.defaultContent .img { margin:2em 1em 3em; font-size:1.125em; font-weight:500; }
.defaultContent .img img { margin-bottom:1em; }
@media only screen and (max-width:720px) {
    .defaultContent { margin:0 4%; }
    .defaultContent .txt br { display:none; }
    .defaultContent .img { margin:1em 5%; }
}
/* table */
.defaultTable { overflow:hidden; }
.defaultTable table { width:100%; margin-left:-1px; margin-bottom:.75em; border-top:2px solid #007bda; line-height:1.4; }
.defaultTable thead,
.defaultTable tbody { margin-left:-1px; }
.defaultTable th,
.defaultTable td { padding:.8em 1em; border-bottom:1px solid #d3d5d7; border-left:1px solid #d3d5d7; font-weight:300; text-align:center; vertical-align:middle; }
.defaultTable th { background-color:#f8f8f8; color:#2f982f; }
.defaultTable td { color:#424242; }
.defaultTable td ul { text-align:left; }
.defaultTable td ul li { position:relative; padding-left:.5em; }
.defaultTable td ul li:after { content:''; position:absolute; left:0; top:.625em; width:5px; height:1px; background:#000; }
.scroltable-wrapper {position:relative;}
.scroltable-container {overflow:auto; }
.scroltable-nav {display:none;position:absolute;width:60px;height:100%;cursor:pointer}
.scroltable-nav.scroltable-nav-left {left:0;background:url(/themes/safeculture/images/sub/arrow-left.png) no-repeat 10px center, -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0), #fff);background:url(/themes/safeculture/images/sub/arrow-left.png) no-repeat 10px center, -moz-linear-gradient(to left, rgba(255, 255, 255, 0), #fff);background:url(/themes/safeculture/images/sub/arrow-left.png) no-repeat 10px center, -ms-linear-gradient(to left, rgba(255, 255, 255, 0), #fff);background:url(/themes/safeculture/images/sub/arrow-left.png) no-repeat 10px center, -o-linear-gradient(to left, rgba(255, 255, 255, 0), #fff);background:url(/themes/safeculture/images/sub/arrow-left.png) no-repeat 10px center, linear-gradient(to left, rgba(255, 255, 255, 0), #fff)}
.scroltable-nav.scroltable-nav-right {right:0;background:url(/themes/safeculture/images/sub/arrow-right.png) no-repeat right 10px center, -webkit-linear-gradient(0, rgba(255, 255, 255, 0), #fff);background:url(/themes/safeculture/images/sub/arrow-right.png) no-repeat right 10px center, -moz-linear-gradient(to right, rgba(255, 255, 255, 0), #fff);background:url(/themes/safeculture/images/sub/arrow-right.png) no-repeat right 10px center, -ms-linear-gradient(to right, rgba(255, 255, 255, 0), #fff);background:url(/themes/safeculture/images/sub/arrow-right.png) no-repeat right 10px center, -o-linear-gradient(to right, rgba(255, 255, 255, 0), #fff);background:url(/themes/safeculture/images/sub/arrow-right.png) no-repeat right 10px center, linear-gradient(to right, rgba(255, 255, 255, 0), #fff)}
/* 헌장 */
.charterWrap { position:relative; max-width:1098px; padding:.625rem; box-sizing:border-box; }
.charterInner { position:relative; padding:4.73588% 5%;/*52 123 / 1098*/ }
.charterWrap:before { content:''; position:absolute; left:0; top:0; right:0; bottom:0; border:4px solid #deb551; box-sizing:border-box; }
.charterInner:before { content:''; position:absolute; left:0; top:0; right:0; bottom:0; border:2px solid #deb551; box-sizing:border-box; }
.charterWrap .round { overflow:hidden; position:absolute; width:3.75rem; height:3.75rem; }
.charterWrap>.round { z-index:2; }
.charterWrap .round1 { left:0; top:0; }
.charterWrap .round2 { right:0; top:0; }
.charterWrap .round3 { left:0; bottom:0; }
.charterWrap .round4 { right:0; bottom:0; }
.charterWrap .round:before { content:''; position:absolute; width:100%; height:100%; background:#fff; border:4px solid #deb551; border-radius:50%; box-sizing:border-box; }
.charterInner>.round:before { border-width:2px; }
.charterWrap .round1:before { left:-1.875rem; top:-1.875rem; }
.charterWrap .round2:before { right:-1.875rem; top:-1.875rem; }
.charterWrap .round3:before { left:-1.875rem; bottom:-1.875rem; }
.charterWrap .round4:before { right:-1.875rem; bottom:-1.875rem; }
.charterInner h4,
.charterInner p.txt,
.charterInner ol { max-width:854px; margin:0 auto; box-sizing:border-box; }
.charterInner h4 { margin-bottom:2.08em; text-align:center; color:#000; font-size:1.5625em; font-weight:400; }
.charterInner p.txt { padding:0 2.5em; text-align:center; color:#424242; word-break:keep-all; }
.charterWrap ol { margin-top:3em; padding:36px 72px; background:#f7f8fb; border-top-left-radius:2.25em; border-bottom-right-radius:2.25em; line-height:1.875; }
.charterWrap ol li { display:flex; word-break:keep-all; }
.charterWrap ol span { display:inline-block; vertical-align:middle; }
.charterWrap ol span.num { flex-grow:0; flex-shrink:0; margin-right:.5em; color:#1f2d5e; font-family:'GongGothicLight'; }
.charterWrap ol span.txt { flex-grow:1; color:#424242; }
@media screen and (max-width:960px) {
    .charterWrap { margin:0 4%; }
    .charterInner { padding:2em; }
    .charterInner h4 { display:none; }
    .charterInner p.txt { padding:0; }
    .charterInner ol { margin-top:2em; padding:0; background:none; line-height:1.4; }
    .charterInner ol li { margin-top:.25em; }
}
/* 안전표시 */
.signWrap .item { max-width:1016px; margin:0 auto 2.5em; }
.signWrap .item h4 { position:relative; padding:0 3.75em; }
.signWrap .item .box { padding:3% 5%; border:1px solid; border-radius:.625em; }
.signWrap .signStyle1 .box { border-color:#de4c3f; }
.signWrap .signStyle2 .box { border-color:#f0811f; }
.signWrap .signStyle3 .box { border-color:#5499bd; }
.signWrap .signStyle4 .box { border-color:#89c854; }
.signWrap .signStyle5 .box { border-color:#3c3e5f; }
.signWrap .signStyle6 .box { border-color:#545454; }
.signWrap .item .box ul.signList { display:flex; flex-wrap:wrap; margin-top:-2.1875em; }
.signWrap .item .box ul.signList li { display:inline-block; width:20%; margin-top:2.1875em; padding:0 .5em; box-sizing:border-box; text-align:center; vertical-align:top; }
.signWrap .item .box ul.signList li span.icon { display:block; margin-bottom:1em; }
.signWrap .item .box ul.signList li span.txt,
.signWrap .item .box ul.txtSignList li span.txt { display:inline-block; max-width:10em; padding:.5em .625em; background:#ebeef5; border-radius:.625em; line-height:1.125em; color:#000; font-weight:300; word-break:keep-all; }
.signWrap .item .box ul.txtSignList { display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:-2.1875em; }
.signWrap .item .box ul.txtSignList li { display:inline-block; width:30%; margin-top:2.1875em; padding:0 .5em; box-sizing:border-box; text-align:center; vertical-align:top; line-height:1.5; }
.signWrap .item .box ul.txtSignList li span { display:block; word-break:keep-all; }
.signWrap .item .box ul.txtSignList li span.txtBox { display:flex; flex-direction:column; justify-content:center; margin-bottom:1em; padding:5%; align-items:center; min-height:9em; border:2px solid #8e8e8e; }
.signWrap .item .box ul.txtSignList li span.txtBox b { display:block; font-weight:500; }
.signWrap .item .box ul.txtSignList li span.txtBox i { display:block; font-weight:300; }
.signWrap .item .box ul.txtSignList li span.txt { line-height:1.5;}
.signWrap .item .box dl { display:flex; align-items:center; max-width:890px; margin:0 auto; }
.signWrap .item .box dl dt { flex-grow:0; flex-shrink:0; width:8em; }
.signWrap .item .box dl dd { flex-grow:1; }
.signWrap .item .box dl dd ul li { position:relative; padding-left:.875em; line-height:1.875em; font-weight:300; }
.signWrap .item .box dl dd ul li:before { content:''; position:absolute; left:0; top:.875em; width:3px; height:3px; background:#292929; border-radius:50%; }
.signWrap2 { max-width:1100px; margin:0 auto 2.5em; }
.signWrap2 h4 { margin-bottom:1em; text-align:center; font-size:1.75em; }
.signWrap2 .img { margin-bottom:.625em; }
.signWrap2 .txt { text-align:right; font-size:1.125em; font-weight:500; }
.signWrap2 .txt:before { content:'※ '; }
.signWrap2 .lg { max-width:46%; margin:0 auto; text-align:center; }
.otherPoint { max-width:1016px; margin:0 auto; }
.otherPoint p { margin-bottom:1em; }
.otherPoint .defaultTable { width:49%; }
.otherPoint .defaultTable table { table-layout:fixed; }
@media screen and (max-width:960px) {
    .signWrap,
    .signWrap2 { margin:0 4%; }
    .signWrap .item .box ul.signList li { width:33.33333%; }
}
@media screen and (max-width:640px) {
    .signWrap .item .box ul.signList li,
    .signWrap .item .box ul.txtSignList li { width:50%; }
    .signWrap .item .box dl { flex-direction:column; }
    .signWrap .item .box dl dt { margin-bottom:2em; }
    .otherPoint .defaultTable { float:none; width:100%; }
}
@media screen and (max-width:310px) {
    .signWrap .item .box ul.signList li,
    .signWrap .item .box ul.txtSignList li { width:100%; }
}
/* 안전점검표 */
.safetyTableWrap { margin:4% 0; }
.safetyTableWrap .inner { display:flex; align-items:center; margin-bottom:5em; padding-left:6.37522%; }
.safetyTableWrap .inner .bg { width:31.42076%; padding-top:20.4918%; background:url(/sites/safeculture/images/sub/bg_safetable.png) center no-repeat; background-size:contain; }
.safetyTableWrap .inner dl { margin-left:7%; }
.safetyTableWrap .inner dl dt { flex-grow:1; color:#0c3c31; font-size:2.0625em; font-family:'BCcardB'; }
.safetyTableWrap .inner dl dt span { color:#3dad55; }
.safetyTableWrap .inner dl dd { margin-top:1em;  color:#424240; font-size:1.5em; font-family:'BCcardL'; }
.safetyTableWrap ul { display:flex; flex-wrap:wrap; }
.safetyTableWrap ul li { display:inline-block; width:33.33333%; margin-bottom:5em; text-align:center; }
.safetyTableWrap ul li a { display:block; }
.safetyTableWrap ul li i { display:inline-block; width:9.3125rem; height:9.3125rem; background:#f5f5f5 center no-repeat; background-size:5.3125rem auto; border-radius:50%; }
.safetyTableWrap ul li.icon01 i { background-image:url(/sites/safeculture/images/sub/icon_safetable01.png); }
.safetyTableWrap ul li.icon02 i { background-image:url(/sites/safeculture/images/sub/icon_safetable02.png); }
.safetyTableWrap ul li.icon03 i { background-image:url(/sites/safeculture/images/sub/icon_safetable03.png); }
.safetyTableWrap ul li.icon04 i { background-image:url(/sites/safeculture/images/sub/icon_safetable04.png); }
.safetyTableWrap ul li.icon05 i { background-image:url(/sites/safeculture/images/sub/icon_safetable05.png); }
.safetyTableWrap ul li.icon06 i { background-image:url(/sites/safeculture/images/sub/icon_safetable06.png); }
.safetyTableWrap ul li.icon07 i { background-image:url(/sites/safeculture/images/sub/icon_safetable07.png); }
.safetyTableWrap ul li.icon08 i { background-image:url(/sites/safeculture/images/sub/icon_safetable08.png); }
.safetyTableWrap ul li.icon09 i { background-image:url(/sites/safeculture/images/sub/icon_safetable09.png); }
.safetyTableWrap ul li.icon10 i { background-image:url(/sites/safeculture/images/sub/icon_safetable10.png); }
.safetyTableWrap ul li.icon11 i { background-image:url(/sites/safeculture/images/sub/icon_safetable11.png); }
.safetyTableWrap ul li.icon12 i { background-image:url(/sites/safeculture/images/sub/icon_safetable12.png); }
.safetyTableWrap ul li.icon13 i { background-image:url(/sites/safeculture/images/sub/icon_safetable13.png); }
.safetyTableWrap ul li.icon14 i { background-image:url(/sites/safeculture/images/sub/icon_safetable14.png); }
.safetyTableWrap ul li.icon15 i { background-image:url(/sites/safeculture/images/sub/icon_safetable15.png); }
.safetyTableWrap ul li.icon16 i { background-image:url(/sites/safeculture/images/sub/icon_safetable16.png); }
.safetyTableWrap ul li.icon17 i { background-image:url(/sites/safeculture/images/sub/icon_safetable17.png); }
.safetyTableWrap ul li.icon18 i { background-image:url(/sites/safeculture/images/sub/icon_safetable18.png); }
.safetyTableWrap ul li.icon19 i { background-image:url(/sites/safeculture/images/sub/icon_safetable19.png); }
.safetyTableWrap ul li.icon20 i { background-image:url(/sites/safeculture/images/sub/icon_safetable20.png); }
.safetyTableWrap ul li.icon21 i { background-image:url(/sites/safeculture/images/sub/icon_safetable21.png); }
.safetyTableWrap ul li span { display:block; margin-top:1.5rem; line-height:1.3; font-size:1.125em; letter-spacing:-.025em; }
.safetyTableWrap .infoTable table { margin-bottom:1em; }
.pointLine { margin-bottom:1em; color:#424242; }
.pointLine:before { content:'※ '; }
p.btnDown { text-align:center; }
p.btnDown a { display:inline-block; min-width:25.625em; padding:1.375em; border:1px solid #2f982f; }
p.btnDown a span { display:inline-block; padding-right:3em; background:url(/sites/safeculture/images/sub/icon_down.png) right center no-repeat; vertical-align:top; color:#2f982f; font-weight:300; }
@media screen and (max-width:960px) {
    .safetyTableWrap { margin:0 4%; }
    .safetyTableWrap .inner { flex-direction:column; padding:0; }
    .safetyTableWrap .inner .bg { width:100%; margin-bottom:1em;  padding-top:50%; }
    .safetyTableWrap .inner dl { margin:0; text-align:center; }
    .safetyTableWrap .inner dl i { display:block; }
    .safetyTableWrap ul li { width:50%; }
}
/* 행동요령 */
.tipsWrap { max-width:1046px; margin:5% auto 2%; }
.tipsWrap .tipsInner { display:flex; align-items:center; margin-bottom:5em; }
.tipsWrap .bgArea { flex-grow:0; flex-shrink:0; width:44.455066%; padding-top:30%; background:left center no-repeat; }
.tipsWrap .bgArea.icon01 { background-image:url(/sites/safeculture/images/sub/bg_tips01.png); }
.tipsWrap .bgArea.icon02 { background-image:url(/sites/safeculture/images/sub/bg_tips02.png); }
.tipsWrap .bgArea.icon03 { background-image:url(/sites/safeculture/images/sub/bg_tips03.png); }
.tipsWrap .bgArea.icon04 { background-image:url(/sites/safeculture/images/sub/bg_tips04.png); }
.tipsWrap dl { flex-grow:1; word-break:keep-all; }
.tipsWrap dl dt { margin-bottom:1em; color:#424242; font-size:1.375em; }
.tipsWrap dl dd { line-height:1.58823; color:#424242; font-size:1.0625em; }
.btnGo { text-align:center; }
.btnGo a { display:inline-block; min-width:21em; padding:1em 2em; background:#1f2d5e; border-radius:2em; box-sizing:border-box; line-height:1.66666em; color:#fff; font-size:1.125em; }
.btnGo a span { display:inline-block; padding-right:2em; background:url(/sites/safeculture/images/sub/arrow_go.png) right center no-repeat; }
@media screen and (max-width:960px) {
    .tipsWrap { margin:4%; }
    .tipsWrap .tipsInner { flex-direction:column; }
    .tipsWrap .bgArea { width:100%; padding-top:60%; background-position:center top; background-size:auto 90%; }
}
/* 문화운동 안내 */
.infoWrap { max-width:1098px; margin:0 auto; }
.infoWrap .map { min-height:400px; margin-bottom:2.875em; background:#f3f3f3; }
.infoWrap .map .pointTxt { padding:3px 10px; background:rgba(0,0,0,0.5); border-radius:30px; color:#fff; }
.infoTable { overflow:hidden; }
.infoTable table { table-layout:fixed; width:100%; margin-left:-1px; margin-bottom:2.5em; border-top:2px solid #b4b4b4; line-height:1.4; }
.infoTable table.viewCaption caption { left:auto; right:auto; width:100%; height:auto; margin:0 2px 1em; padding-left:1.5em; background:url(/themes/safeculture/images/sub/icon_h4.png) left center no-repeat; text-align:left; color:#424242; font-size:1.25em; text-indent:0; }
.infoTable thead,
.infoTable tbody { margin-left:-1px; }
.infoTable th,
.infoTable td { border-bottom:1px solid #e7e7e7; font-weight:300; vertical-align:middle; }
.infoTable th { position:relative; padding:1.1em 1em; background-color:#fafafa; color:#424242; }
.infoTable th::after { content:''; position:absolute; left:-1px; top:50%; width:1px; height:1em; margin-top:-.5em; background:#dcdcdc; }
.infoTable td { padding:1em; color:#3c4141; }
@media screen and (max-width:960px) {
    .infoWrap { margin:4%; }
    .infoTable table .moNone { display:none; }
    .infoTable td { text-align:center; }
}
/* 안전교육 */
.teachWrap { max-width:1094px; margin:0 auto; }
.teachList {}
.teachList .item { margin-bottom:4em; }
.teachList .item .inner { display:flex; align-items:center; width:100%; padding:5% 4.5%; border:1px solid #ddd; border-radius:1.125em; box-sizing:border-box; }
.teachList .item .bgArea { flex-grow:0; flex-shrink:0; width:16.45338%; padding-top:16.45338%; margin-right:6%; background:#f1f1f1 center no-repeat; background-size:60% auto; border-radius:50%; }
.teachList .item .bgArea.icon01 { background-image:url(/sites/safeculture/images/sub/icon_teach1.png); }
.teachList .item .bgArea.icon02 { background-image:url(/sites/safeculture/images/sub/icon_teach2.png); }
.teachList .item .bgArea.icon03 { background-image:url(/sites/safeculture/images/sub/icon_teach3.png); }
.teachList .item dl { flex-grow:1; color:#424242; }
.teachList .item dl dt { line-height:1.3636; font-size:1.375rem; }
.teachList .item dl dt span { display:block; font-size:1.25rem; }
.teachList .item dl dd { margin-top:1em; line-height:1.588235; font-size:1.0625rem; font-weight:300; word-break:keep-all; }
.teachList .item .btnGo { margin-top:-2.0625em; margin-bottom:2em; }
@media screen and (max-width:960px) {
    .teachList { margin:0 4%; }
    .teachList .item { padding:5%; border:1px solid #ddd; border-radius:1.125em; box-sizing:border-box; }
    .teachList .item .inner { flex-direction:column; padding:0; border:none; }
    .teachList .item .bgArea { width:30%; padding-top:30%; margin:0 0 2em 0; }
    .teachList .item dl { text-align:center; }
    .teachList .item .btnGo { margin:2em 0 0; }
}
/* boardStyle */
.boardStyle { max-width:1100px; margin:3.0208333% auto 0; padding:0 .625em; }
.boardStyle select { width:100%; height:40px; padding-left:1em; background:url(/themes/safeculture/images/sub/arrow_select.png) right 10px center no-repeat; border:1px solid #cfcfcf; color:#555453; appearance:none; -webkit-appearance:none; -moz-appearance:none; }
.borderTopBox { margin:3.625em 0 2.5em; padding:1.25em; background:#fcfcfc; border:1px solid #d9d9d9; text-align:center; }
.borderTopBox p { color:#454545; font-size:.9375em; font-weight:300; }
/* Board Search */
.boardInfo { overflow:hidden; padding:0 0 1.7142857em; text-align:right; font-size:.875em; }
.boardInfo .infoCount { float:left; line-height:2.8em; }
.infoCount { line-height:3.142857em; color:#494949; }
.infoCount span { display:inline-block; position:relative; margin-right:1em; padding-left:.5em; font-weight:300 }
.infoCount span:after { content:''; position:absolute; left:0; top:50%; width:2px; height:2px; background:#5b5b5b; border-radius:50%; }
.infoCount b { color:#d61b3e; font-weight:400; }
.infoCount .pageInfo { font-weight:500; }
.boardInfo ul li { display:inline-block; vertical-align:top; }
.boardInfo .boardSelect p { display:inline-block; position:relative; width:7.2em; }
.boardInfo .boardSelect select { width:100%; height:3.142857em; padding:0 .5em; }
.boardInfo .boardSearchText { position:relative; width:22.42857em; height:3.142857em; border:1px solid #cfcfcf; box-sizing:border-box; }
.boardSearchText input.text { width:100%; height:100%; padding-right:2.857142em; border:0; box-sizing:border-box; text-indent:.5em; vertical-align:top; }
.boardSearchText .btnBoardSearch { position:absolute; right:0; top:0; width:2.857142em; height:100%; background:url(/themes/safeculture/images/sub/btn_board_search.png) center no-repeat; vertical-align:top; text-indent:-9999px; }
.boardInfo ul li.btn button { min-width:5em; height:3.33333em; border:1px solid #c6c6c6; border-radius:3px; }
.boardTit { overflow:hidden; margin:2em 0 1.125em; }
.boardTit h4 { float:left; font-size:1.4375em; font-weight:500; }
.boardTit p.btn { float:right; }
.boardTit p.btn a { display:block; position:relative; padding:.5em 3.6em .5em 1.2em; border:1px solid #d8a481; line-height:1.533333em; color:#b14903; font-size:.9375em; }
.boardTit p.btn a:after { content:''; position:absolute; right:1.2em; top:0; width:1em; height:100%; background:url(/themes/safeculture/images/sub/icon_btn_down.png) center no-repeat; background-size:1em auto;}
.conSelectArea { position:relative; margin:1.125em 0; }
.conSelectArea>dl,
.conSelectArea>dl>dt,
.conSelectArea>dl>dd,
.conSelectArea ul li { display:inline-block; vertical-align:middle; }
.conSelectArea ul.minMargin li { margin-right:-5px; }
.conSelectArea>dl { margin-right:2em; }
.conSelectArea>dl>dt { margin-right:1em; font-size:1.125em; font-weight:500; }
.conSelectArea .posAllMenu { position:absolute; right:0; top:3px; }
.conSelectArea .posAllMenu button { height:2.133333em; padding:0 1em; background:#000; border-radius:1.1em; color:#fff; font-size:.9375em; font-weight:300; }
@media all and (max-width:840px) {
    .conSelectArea>dl { margin-right:1em; }
    .conSelectArea>dl>dt { margin-right:.5em; }
}
@media all and (max-width:780px) {
    .conSelectArea>dl { display:block; margin-right:0; margin-bottom:.5em;  }
    .conSelectArea>dl>dt { float:left; width:6em; margin-right:0; line-height:2em; }
    .conSelectArea>dl>dd { display:block; margin-left:7em; }
    .conSelectArea .posAllMenu { top:50%; margin-top:-1em; }
}
@media all and (max-width:460px) {
    .conSelectArea>dl>dd ul li { width:50%; margin-right:-4px; }
    .conSelectArea .posAllMenu { position:static; margin:0; }
    .conSelectArea .posAllMenu button { width:100%; }
}
/* Board List */
.boardCalendar { margin:2.875em 0 1.625em; text-align:center; }
.boardCalendar li { display:inline-block; vertical-align:middle; }
.boardCalendar .dateControl { margin-bottom:.75em; font-size:1.625em; }
.boardCalendar .dateControl li { padding:0 .25em }
.boardCalendar .dateControl li button { overflow:hidden; position:relative; width:1.5em; height:100%; text-indent:-999px; }
.boardCalendar .dateControl li button:after { content:''; position:absolute; left:50%; top:50%; width:.615384em; height:.615384em; margin-top:-.307692em; border:2px solid #000; box-sizing:border-box; transform:rotate(45deg); }
.boardCalendar .dateControl li.prev button:after { margin-left:-.153846em; border-top:none; border-right:none; }
.boardCalendar .dateControl li.next button:after { margin-left:-.461538em; border-bottom:none; border-left:none; }
.boardCalendar .dateList { font-size:.9375em; font-weight:300; }
.boardCalendar .dateList li { position:relative; margin:0 3px 10px 3px; padding-top:.66666em; }
.boardCalendar .dateList li i { position:absolute; left:50%; top:0; overflow:hidden; width:.466666em; height:.466666em; margin-left:-.233333em; background:#055e92; border-radius:50%; text-indent:-999px; }
.boardCalendar .dateList li span { display:block; width:1.6em; line-height:1.6em; border-radius:50%; }
.boardCalendar .dateList li.holiday span { color:#ea082d; }
.boardCalendar .dateList li.today span { background:#393939; color:#fff; }
.boardList { overflow:hidden; width:100%; margin-bottom:1.875em; table-layout:fixed; text-align:center; color:#5f5f5f; font-weight:300; }
.rollTable { min-width:800px; }
.stateTable .rollTable { min-width:400px; }
.boardStyle .scrollTableWrap { position:relative; box-sizing:border-box; }
.scrollThead ul { overflow:hidden; display:table; table-layout:fixed; width:100%; }
.scrollThead ul li { display:table-cell; }
.boardStyle .scrollTableWrap { margin-bottom:3.375em; }
.boardStyle .scrollTableWrap .scrollList { overflow-y:auto; max-height:27.0375em;/*3.8625x7*/ }
.boardStyle .scrollTableWrap .scrollList table { margin-bottom:0; }
.boardStyle .scrollTableWrap .scrollList thead { display:none; }
.boardStyle .scrollTableWrap .scrollList.scroll td:last-child { padding-left:16px; box-sizing:border-box; }
.boardList thead,
.scrollThead ul li { border-top:1px solid #b4b4b4; border-bottom:1px solid #e7e7e7; }
.boardList caption { border-top:1px solid #b4b4b4; font-size:1px; color:transparent; width:100%; margin:0 0 -2px 0; }
.boardList tbody tr { border-bottom:1px solid #e7e7e7; }
.boardList thead th,
.scrollThead ul li { position:relative; padding:1.125em .5em; line-height:1.5625em; background:#fafafa; text-align:center; color:#3c3c3c; font-weight:300; }
.boardList thead th:after,
.boardStyle .scrollTableWrap .scrollThead ul li:after { content:''; position:absolute; left:0; top:50%; width:1px; height:.875em; margin-left:-1px; margin-top:-.4375em; background:#ccc; }
.boardStyle .boardList td { padding:1em .5em; vertical-align:middle; line-height:1.8em; }
.boardStyle .boardList td a { color:#000; }
.boardList .num,
.scrollThead ul li.num { width:5em; }
.boardList .year,
.scrollThead ul li.year { width:3em; }
.boardList .quarter,
.scrollThead ul li.quarter { width:3em; }
.boardList .thumbnail,
.scrollThead ul li.thumbnail { width:6em; }
.boardList .category,
.scrollThead ul li.category { width:6em; }
.boardList .business,
.scrollThead ul li.business { width:7em; }
.boardList .business2,
.scrollThead ul li.business2 { width:10em; }
.boardList .subject,
.boardList .buBrand,
.scrollThead ul li.subject,
.scrollThead ul li.buBrand { width:auto; }
.boardList .writer,
.boardList .member,
.scrollThead ul li.writer,
.boardList .listBtn { width:7em; }
.boardList .term { width:14em; }
.boardList .date,
.scrollThead ul li.date { width:5em; }
.boardList .tel,
.scrollThead ul li.tel { width:7em; }
.boardList .hits,
.scrollThead ul li.hits,
.boardList .state { width:5em; }
.boardList .file,
.boardList .downFile { width:3em; }
.boardStyle .boardList td.downFile { padding-left:0; padding-right:0; }
.boardList .add { width:8em; }
.boardList td.subject { text-align:left; }
.boardList td.subject a { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#000; }
.boardList td.subject a em { color:#d0440c; }
.boardList td.subject a i { display:inline-block; vertical-align:middle; line-height:1.5833333em; font-size:.75em; font-weight:100; }
.boardList td.subject a i.notice { width:2.5em; background:#48464c; border:1px solid #c6c6c6; text-align:center; color:#fff; border-radius:3px; }
.boardList td.subject a i.reply { margin-right:.5em; padding-left:1.4166666em; background:url(/themes/safeculture/images/sub/icon_reply.png) left top no-repeat; background-size:1.33333em auto; }
.boardList td.subject a i.reply span { display:inline-block; padding:0 .5em; border:1px solid #b5b8bc; background:#f6f7f9; color:#3f3f3f; }
.boardList td.subject a i.secret { margin-right:.5em; padding:0 .5em; border:1px solid #edba9e; color:#af501c; }
.boardList td.subject a i.new { overflow:hidden; width:2.166666em; margin-right:.66666em; background:url(/themes/safeculture/images/sub/txt_new.png) center no-repeat; background-size:100% auto; text-indent:-999px; }
.boardList td.subject a i.file { overflow:hidden; width:1.417em; margin-left:.4em; background:url(/themes/safeculture/images/sub/icon_file_etc.jpg) center no-repeat; text-indent:-999px; line-height:inherit; background-size:1.417em auto; }
.boardList .term span.tit,
.teachInfo .term span.tit { display:inline-block; margin-right:.5em; padding:0 .4em; background:#f8f8f8; border:1px solid #b3b3b3; vertical-align:middle; line-height:1.4615384em; color:#414141; font-size:.8125em; }
.teachInfo .term span.tit { font-size:.866666em; }
.boardList .state span,
.teachInfo .state span { display:inline-block; width:5.133333em; border-radius:1.133333em; box-sizing:border-box; line-height:2.266666em; text-align:center; font-size:.9375em; }
.boardList .state span.proceeding,
.teachInfo .state span.proceeding { background:#06827a; color:#fff; }
.boardList .state span.closing,
.teachInfo .state span.closing { background:#fff; border:1px solid #919191; color:#757575; }
.boardList .state span.end,
.teachInfo .state span.end { background:#949494; color:#fff; }
.boardList .state span.expected,
.teachInfo .state span.expected { color:#616060; }
.boardList .listBtn button { height:2.266666em; padding:0 .66666em; border:1px solid #5f5f5f; border-radius:.25em; color:#000; font-size:.9375em; font-weight:300; }
.boardList .listBtn button.cancel i { position:relative; display:inline-block; width:1em; line-height:1em; margin-right:.25em; vertical-align:middle; }
.boardList .listBtn button.cancel i:before,
.boardList .listBtn button.cancel i:after { content:''; position:absolute; left:0; top:50%; width:100%; height:1px; background:#1d1d1d; }
.boardList .listBtn button.cancel i:before { transform:rotate(45deg); }
.boardList .listBtn button.cancel i:after { transform:rotate(135deg); }
.boardStyle .boardList td a.fileDown { display:inline-block; overflow:hidden; width:.9375em; height:1.125em; background:url(/themes/safeculture/images/sub/icon_board_down.png) center no-repeat; background-size:100% auto; text-indent:-999px; }
.boardList .add span { display:inline-block; height:23px; vertical-align:middle; }
.boardList .add span.on { overflow:hidden; width:22px; height:23px; background:url(/sites/atc/images/sub/icon_file_add.png) center no-repeat; vertical-align:middle; text-indent:-9999px; }
.boardList .file span { display:inline-block; overflow:hidden; width:23px; height:23px; background-position:center; background-repeat:no-repeat; vertical-align:middle; text-indent:-9999px; }
.boardList .file span.hwp { background-image:url(/sites/atc/images/sub/icon_file_hwp.jpg); }
.boardList .file span.zip { background-image:url(/sites/atc/images/sub/icon_file_zip.jpg); }
.boardList .file span.jpg { background-image:url(/sites/atc/images/sub/icon_file_jpg.jpg); }
.boardList .file span.gif { background-image:url(/sites/atc/images/sub/icon_file_gif.jpg); }
.boardList .file span.doc { background-image:url(/sites/atc/images/sub/icon_file_doc.jpg); }
.boardList .file span.xlsx { background-image:url(/sites/atc/images/sub/icon_file_xlsx.jpg); }
.boardList .file span.ppt { background-image:url(/sites/atc/images/sub/icon_file_ppt.jpg); }
.boardList .file span.pdf { background-image:url(/sites/atc/images/sub/icon_file_pdf.jpg); }
.boardList .file span.etc { background-image:url(/sites/atc/images/sub/icon_file_etc.jpg); }
.noData { margin-top:-1.66666em; padding:3em; border-bottom:1px solid #ededed; text-align:center; font-size:1.125em; font-weight:500; }
.postList .noData { margin-top:0; border-bottom:none; }
/* galleryWrap */
.galleryWrap {}
.galleryList li { display:inline-block; width:25%; margin-right:-4px; padding:.25em .25em 1.75em; box-sizing:border-box; vertical-align:top; }
.galleryList.col5 li { width:20%; }
.galleryList li a { display:block; word-break:keep-all; }
.galleryList li a span { display:block; }
.galleryList li a span.imgArea { overflow:hidden; position:relative; background:#f1f1f1 url(/themes/safeculture/images/sub/no_images.jpg) center no-repeat; }
.galleryList li a span.imgArea { padding-top:56.4885496%;/*148/262*/ }
.galleryList li a span.imgArea img { position:absolute; left:50%; top:50%; width:100%; min-height:100%; transform:translate(-50%, -50%); }
.galleryList li a span.txtArea { padding:.625em .5em; text-align:center; }
.galleryList li a span.txtArea strong { display:block; overflow:hidden; margin:.625em 0; color:#000; font-size:1.125em; font-weight:300; white-space:nowrap; text-overflow:ellipsis; }
.galleryList li a span.txtArea i.map { color:#676767; font-size:.9375em; font-weight:300; }
/* postBoard */
.postList { position:relative; border:1px solid #d6d6d6; }
.postList>ul>li { padding:2.592592%; border-top:1px solid #d6d6d6; }
.postList>ul>li:first-child { border:none; }
.postList>ul>li>div.postItem { overflow:hidden; }
div.postItem p.img { float:left; width:14.67%;/*150/1022*/ }
div.postItem p.img img { width:100%; max-width:150px; }
div.postItem ul,
div.postItem p.btn { margin-left:19.56%;/*200/1022*/ }
div.postItem ul { overflow:hidden; display:flex; flex-wrap:wrap; }
div.postItem ul li { width:50%; padding:.2em 0; font-size:.9375em; }
div.postItem ul li.block { width:100%; }
div.postItem p.btn { margin-top:1.2em; padding:1.2em 0; border-top:1px solid #e8e8e8; }
div.postItem span { display:block; font-weight:300; }
div.postItem span.tit { float:left; width:5em; color:#676767; }
div.postItem span.txt { margin-left:5em; color:#191818; word-break:keep-all; }
div.postItem ul li.block span.txt { min-height:4.2em; }
div.postItem p.btn a { display:inline-block; padding-right:1.5em; background:url(/themes/safeculture/images/sub/icon_board_down.png) right bottom no-repeat; background-size:1em auto; font-size:.9375em; }

/* Board List - Btn */
.boardBtn { margin:2.1875em 0; text-align:right; }
.writeBtn { margin:2.1875em 0; text-align:center; }
.boardBtn.center { padding:0 1.5em; text-align:center; }
.boardBtn p,
.boardBtn ul li,
.writeBtn ul li { display:inline-block; }
.boardBtn a,
.boardBtn input,
.boardBtn button { display:block; margin-right:3px; padding:0 1em; border:1px solid #d1d1d1; box-sizing:border-box; border-radius:3px; line-height:2.5em; color:#4e4e4e; font-weight:300; white-space:nowrap; }
.boardBtn i { display:inline-block; width:1.25em; height:1.125em; margin-right:.25em; background:url(/themes/safeculture/images/sub/bg_board_btn.png) no-repeat; background-size:100% auto; vertical-align:middle; }
.boardBtn i.list { background-position:0 -14.1875em; }
.boardBtn i.write { background-position:0 -3.625em; }
.boardBtn i.cancle { background-position:0 -7.1875em; }
.boardBtn i.delete { background-position:0 -10.625em; }
.boardBtn i.modify { background-position:0 -1.3125em; }
.writeBtn input,
.writeBtn button,
.writeBtn a { display:block; min-width:11.111em; height:2.666em; line-height:2.666em; padding:0 .5em; background:#5771fd; border-radius:1.333em; color:#fff; font-size:1.125em; }
.teachViewBtn { margin:8.90909% 2em; text-align:center; }
.teachViewBtn ul li { display:inline-block; margin-right:-4px; vertical-align:middle; }
.teachViewBtn button,
.teachViewBtn a { display:block; min-width:12.5em; height:3.4117647em; line-height:3.4117647em; box-sizing:border-box; font-size:1.0625em; font-weight:400; }
.teachViewBtn .fullBox { background:#016c65; color:#fff; }
.teachViewBtn .blankBox { background:#fff; border:1px solid #016c65; color:#016c65; }

/* board Page */
.boardPage { text-align:center; margin:3.125em 1em; }
.boardPage ul { display:inline-block; line-height:1; }
.boardPage ul li { display:inline-block; margin-right:-0.333em; background:#fff; vertical-align:top; font-size:.9375em; }
.boardPage ul li.prev { margin-right:1.733333em; }
.boardPage ul li.next { margin-left:1.733333em; }
.boardPage ul li a,
.boardPage ul li strong { display:block; min-width:2.66666em; line-height:2.66666em; padding:0 .25em; border:1px solid #dedede; box-sizing:border-box; text-align:center; vertical-align:top; font-weight:300; }
.boardPage ul li a { overflow:hidden; color:#5b5b5b; }
.boardPage ul li strong { position:relative; border-color:#06827a; color:#06827a; font-weight:400; text-decoration:underline; }
.boardPage ul li.first a {background-image:url('/themes/safeculture/images/sub/btn_board_first.png');}
.boardPage ul li.prev a {background-image:url('/themes/safeculture/images/sub/btn_board_prev.png');}
.boardPage ul li.next a {background-image:url('/themes/safeculture/images/sub/btn_board_next.png');}
.boardPage ul li.last a {background-image:url('/themes/safeculture/images/sub/btn_board_last.png');}
.boardPage ul li.first a,
.boardPage ul li.prev a,
.boardPage ul li.next a,
.boardPage ul li.last a {text-indent:-999px; background-position:center; background-repeat:no-repeat; }
/* board Btm Info */
.btmInfo { margin:3.75em 0 1em; padding:1.066666em 1.866666em; background:#fcfcfc; border:1px solid #d9d9d9; color:#454545; font-size:.9375em; font-weight:300; }
.btmInfo p.info { padding-left:1.733333em; background:url(/themes/safeculture/images/sub/icon_info.png) left top no-repeat; }
/* board view */
.viewTit { margin:0; padding:3.636363% .75em; border-top:1px solid #c5c5c5; }
.viewTit h4 { padding-bottom:1.818181%; line-height:1.2; color:#000; font-size:26px; font-weight:500; }
.viewTit ul.boardWriteInfo li { display:inline-block; position:relative; padding:0 .5em 0 .8em; color:#666; }
.viewTit ul.boardWriteInfo li:after { content:''; position:absolute; left:0; top:50%; width:1px; height:.875em; margin-top:-.4375em; background:#cfcfcf; }
.viewTit ul.boardWriteInfo li:first-child { padding-left:0; }
.viewTit ul.boardWriteInfo li:first-child:after { display:none; }
.viewContent { padding:4% 1.25em; border-top:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; line-height:1.4; color:#000; text-align:justify; }
.viewContent .teachInfo table { table-layout:fixed; width:100%; }
.viewContent .teachInfo table th,
.viewContent .teachInfo table td { padding:.866666em 1.2em; border:1px solid #dedede; vertical-align:middle; font-size:.9375em; font-weight:300; }
.viewContent .teachInfo table th { width:8em; background:#fafafa; text-align:center; }
.viewContent .teachInfo table td .thCell { display:none; }
.viewContent .teachInfo table td span { font-size:1em; vertical-align:middle; }
.viewContent .videoBox .videoWrap { overflow:hidden; position:relative; margin:2em 0; padding-top:56.2172%; }
.viewContent .videoBox .videoWrap iframe { position:absolute; top:0; left:0; width:100% !important; height:100% !important; }
@media screen and (max-width:720px) {
    .viewContent .teachInfo table { display:block; }
    .viewContent .teachInfo table th { display:none; }
    .viewContent .teachInfo table td { display:table; table-layout:fixed; width:100%; margin-top:-1px; }
    .viewContent .teachInfo table td .thCell,
    .viewContent .teachInfo table td .tdCell { display:table-cell; padding:.866666em 1.2em; vertical-align:middle; }
    .viewContent .teachInfo table td .thCell { width:6em; background:#fafafa; border-right:1px solid #dedede; text-align:center; }
    .teachViewBtn { margin:8.90909% 0 0; }
    .teachViewBtn ul li { width:50%; }
    .teachViewBtn button,
    .teachViewBtn a { width:100%; }
}
.viewContent pre { margin:0; padding:0; background:transparent; }
.viewContent .viewContentInner { margin:0; padding:0; white-space:normal; font-family:inherit; }
.viewContent .viewContentInner .img { max-width:800px; margin:0 auto; padding:1em; text-align:center;}
.viewContent .viewContentInner p { padding:5px 0; }
.viewContent .viewContentInner li { list-style:disc inside; }
.imgSlider { text-align:center; }
.imgSlider .slick-slide img { display:inline-block; }
.imgSlider .slick-dots { margin:1em; text-align:center; }
.imgSlider .slick-dots li { display:inline-block; margin:0 5px; }
.imgSlider .slick-dots li button { overflow:hidden; width:1em; height:1em; background:transparent; border:1px solid #dadada; border-radius:50%; text-indent:-999px; }
.imgSlider .slick-dots li.slick-active button { background:#1c0b3d; }
.imgSlider .viewSlide { position:relative; margin-bottom:6px; }
.imgSlider .viewSlideNav { margin:0 -4px; }
.imgSlider .viewSlideNav .item { display:inline-block; width:25%; padding:4px; }
.imgSlider .slick-arrow { overflow:hidden; position:absolute; top:50%; width:60px; height:60px; margin-top:-30px; background:#000; background-color:rgba(0,0,0,.43); border-radius:50%; z-index:1002; text-indent:-999px; }
.imgSlider .slick-arrow:after { content:''; position:absolute; left:50%; top:50%; width:22px; height:22px; margin-top:-12px; border-width:0 0 2px 2px; border-style:solid; border-color:#fff; }
.imgSlider .slick-prev { left:-65px; }
.imgSlider .slick-next { right:-65px; }
.imgSlider .slick-prev:after { margin-left:-6px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); }
.imgSlider .slick-next:after { margin-left:-18px; -webkit-transform:rotate(225deg); -ms-transform:rotate(225deg); transform:rotate(225deg); }
/* 출처 */
.openWrap { overflow:hidden; display:table; table-layout:fixed; width:100%; margin-top:3%; padding:1%; border:1px solid #dadada; box-sizing:border-box; }
.openWrap p { display:table-cell; vertical-align:middle; padding:4px 1em; }
.openWrap p.img { width:25%; text-align:center; }
.openWrap p.txt { width:auto; border-left:1px solid #dadada; box-sizing:border-box; word-break:keep-all; }
/* 게시판 상세 댓글 */
.viewContent .commentWrap { margin-top:3%; margin-bottom:1%; padding:2em 0 0; border-top:1px solid #d2d2d2; }
.viewContent .commentWrap p.count { padding-bottom:1em; color:#010101; font-size:1.25em; font-weight:300; }
.viewContent .commentWrap p.count strong { font-weight:500; }
.viewContent .commentWrap .commentForm { position:relative; padding:0; border:1px solid #a6a6a6; font-size:.9375em; font-weight:300; }
.viewContent .commentWrap .commentForm p.name { margin:1.2em 1% 1em; color:#000; }
.viewContent .commentWrap .commentForm textarea { width:98%; height:4.6em; margin:0 1%; border:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:1em; resize:none; }
.viewContent .commentWrap .commentForm .txtCount { padding:1em 1%; border-top:1px solid #efefef; color:#a1a1a1; }
.viewContent .commentWrap .commentForm .btnList { position:absolute; right:1%; bottom:1em; }
.viewContent .commentWrap .btnList li { display:inline-block; }
.viewContent .commentWrap .commentForm .btnList input { height:1.8em; padding:0 1em; border:none; border-radius:.9em; color:#fff; font-size:1em; cursor:pointer; }
.viewContent .commentWrap .commentForm .btnList input.submit { background:#5771fd; }
.viewContent .commentWrap .commentForm .btnList input { background:#9c9c9c; }
.viewContent .commentWrap .commentList { margin-top:2em; border-top:1px solid #d2d2d2; }
.viewContent .commentWrap .commentList.commentCnt { margin-top:0; }
.viewContent .commentWrap .commentList .item { position:relative; padding:1.25em 0; font-weight:300; border-bottom:1px solid #f4f4f4; }
.viewContent .commentWrap .commentList .item dl dt { padding-bottom:1em; color:#666; font-size:.875em; }
.viewContent .commentWrap .commentList .item dl dt span { display:inline-block; }
.viewContent .commentWrap .commentList .item dl dt span.name { position:relative; padding-right:1em; }
.viewContent .commentWrap .commentList .item dl dt span.name:after { content:''; position:absolute; right:0; top:.3em; width:1px; height:.9em; background:#c8c8c8; }
.viewContent .commentWrap .commentList .item dl dt span.date { padding-left:1em; }
.viewContent .commentWrap .commentList .item dl dd { color:#000; font-size:1.0625em; }
.viewContent .commentWrap .commentList .item dl dd pre { white-space:pre-wrap; font-family:'Noto Sans KR'; font-size:1em; }
.viewContent .commentWrap .commentList .item dl dd textarea { width:100%; height:6em; }
.viewContent .commentWrap .commentList .btnList { margin-top:1em; }
.viewContent .commentWrap .commentList .btnList input,
.viewContent .commentWrap .commentList .btnList button { min-width:44px; height:22px; margin:3px; background:#fff; border:1px solid; border-radius:11px; color:#919191; font-size:12px; font-weight:300; cursor:pointer; }
.viewContent .commentWrap .commentList .btnList input.modify,
.viewContent .commentWrap .commentList .btnList button.modify { color:#ff5e17; }
.viewContent .commentWrap .commentList .btnList button.submit { color:#5771fd; }
.viewContent .commentWrap .commentList p.btnLike { position:absolute; right:0; bottom:1em; }
.viewContent .commentWrap .commentList p.btnLike button { position:relative; height:30px; padding:0 10px 0 30px; text-align:left; color:#818181; font-size:18px; }
.viewContent .commentWrap .commentList p.btnLike button:after { content:''; position:absolute; left:0; top:50%; margin-top:-10px; width:20px; height:20px; background:url(/sites/atc/images/sub/icon_like.png) center no-repeat; }

/* board view - File */
.boardFile { overflow:hidden; margin-top:3%; padding:1em; background:#f6f6f6; border:1px solid #dbdbdb; box-sizing:border-box; color:#000; font-weight:300; }
.boardFile h5 { position:relative; float:left; width:4.5em; font-weight:300; }
.boardFile h5:after { content:''; position:absolute; right:0; top:50%; width:1px; height:.6875em; margin-top:-.34375em; background:#a3a3a3; }
.boardFile ul { margin-left:5.25em; margin-top:-2px; }
.boardFile ul li { padding-bottom:4px; }
.boardFile ul li a { display:block; position:relative; width:100%; padding-right:5em; box-sizing:border-box; color:#000; }
.boardFile ul li a span { display:inline-block; vertical-align:middle; }
.boardFile ul li a span.fileName { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:80%; }
.boardFile ul li a i { display:inline-block; overflow:hidden; width:23px; height:23px; margin-right:8px; background-position:center; background-repeat:no-repeat; vertical-align:middle; text-indent:-9999px; }
.boardFile ul li a i.hwp { background-image:url(/themes/safeculture/images/sub/icon_file_hwp.jpg); }
.boardFile ul li a i.zip { background-image:url(/themes/safeculture/images/sub/icon_file_zip.jpg); }
.boardFile ul li a i.jpg { background-image:url(/themes/safeculture/images/sub/icon_file_jpg.jpg); }
.boardFile ul li a i.gif { background-image:url(/themes/safeculture/images/sub/icon_file_gif.jpg); }
.boardFile ul li a i.doc,
.boardFile ul li a i.docx { background-image:url(/themes/safeculture/images/sub/icon_file_doc.jpg); }
.boardFile ul li a i.xls,
.boardFile ul li a i.xlsx { background-image:url(/themes/safeculture/images/sub/icon_file_xlsx.jpg); }
.boardFile ul li a i.pptx,
.boardFile ul li a i.ppt { background-image:url(/themes/safeculture/images/sub/icon_file_ppt.jpg); }
.boardFile ul li a i.pdf { background-image:url(/themes/safeculture/images/sub/icon_file_pdf.jpg); }
.boardFile ul li a i.png,
.boardFile ul li a i.etc { background-image:url(/themes/safeculture/images/sub/icon_file_etc.jpg); }
.boardFile ul li a span.btn { position:absolute; top:2px; right:0; width:5em; padding:0 15px 0 0; background:url(/themes/safeculture/images/sub/btn_board_down.png) right center no-repeat; box-sizing:border-box; }

/* board view - Ctrl */
.viewCtrl { margin-bottom:3.125em; font-weight:300; color:#000; }
.viewCtrl dl {  position:relative; padding:17px 26px; border-bottom:1px solid #c9c9c9; font-size:0; }
.viewCtrl dl dt,
.viewCtrl dl dd { font-size:16px; font-size:1rem; }
.viewCtrl dl dt { float:left; width:7em; padding-left:2.1875em; }
.viewCtrl dl.prevList dt { background:url(/themes/safeculture/images/sub/bg_board_prev_list.png) left center no-repeat; }
.viewCtrl dl.nextList dt { background:url(/themes/safeculture/images/sub/bg_board_next_list.png) left center no-repeat; }
.viewCtrl dl dd { position:relative; margin-left:7em; padding-left:1em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:left; box-sizing:border-box; }
.viewCtrl dl dd:before { content:''; position:absolute; top:50%; left:0; width:1px; height:.875em; margin-top:-.4375em; background:#cfcfd0; }
.viewCtrl dl dd a { color:#000; }

/* gallery view */
.gallSlider { position:relative; width:100%; margin-bottom:15px; border-bottom:1px solid #dedbdb; /*box-sizing:border-box;*/ }
.glaaSlider .slider { width:100%; margin:0px auto; }
.slick-slide img { width:100%; }
.gallCtrl { position:absolute; left:0; right:0; top:50%; width:95%; margin:0 auto; margin-top:-22px; z-index:1; }
.gallCtrl li { width:32px; height:56px; }
.gallCtrl li button { width:100%; height:100%; background:none; border:0 none; text-indent:-9999px; cursor:pointer; }
.gallCtrl .btnPrev { float:left; background:url(/sites/atc/images/sub/btn_gall_prev.png) center no-repeat; }
.gallCtrl .btnNext { float:right; background:url(/sites/atc/images/sub/btn_gall_next.png) center no-repeat; }

.boardStyle .viewTabContent { clear:both; margin-top:4%; }
.boardStyle .viewTabContent h5 { margin:1em 0 .75em; padding-left:1.75em; background:url(/sites/atc/images/sub/icon_restorant.png) left center no-repeat; font-size:1.25em; font-weight:500; }
.boardStyle .viewTabContent .viewTxt { padding:0 0 1.5em 2.125em; border-bottom:1px solid #f2f2f2; line-height:1.4; font-weight:300; }
.btnCenter { clear:both; }
.btnCenter a { display:inline-block; min-width:9.7647em; line-height:1.64705em; padding:1em; background:#000; text-align:center; color:#fff; font-size:1.0625em; font-weight:300; }
.btnCenter a span { display:inline-block; padding-left:1.5em; }
.btnCenter a.btnList span { background:url(/sites/atc/images/sub/icon_list.png) left center no-repeat; }
@media only screen and (max-width:720px) {
    .fairView h4 { float:none; width:100%; text-align:center; font-size:1.5em; }
    .fairView .posterArea .pdfDown { display:none; }
    .fairView .telInfo { margin:0; }
    .fairView .pdfDown.moView { display:block; }
    .fairView .pdfDown a { padding:1em 3.5em; }
    .fairView .pdfDown a:before { left:1em; background-size:1.5em auto; }
    .fairView .pdfDown a:after { right:1.875em; width:1.25em; background-size:contain; }
    .restorantView h4 { border:none; }
    .restorantView .fairBtn { clear:both; margin:0; padding-top:1em; }
}
@media only screen and (max-width:480px) {
    .fairView .posterArea { float:none; width:80%; margin:0 auto; }
    .restorantView .posterArea { width:100%; }
    .fairView .fairTxt { margin:1em; }
    .restorantView .fairTxt ul.txtLine { margin-bottom:0; }
    .restorantView .fairBtn ul.btnLine li a { padding:.5em; }
    .boardStyle .viewTabContent .viewTxt { padding-left:0; }
}
/* 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; }
@media only screen and (max-width:960px) {
    /* boardList */
    .boardCalendar .dateList { text-align:left; }
    .boardCalendar .dateList li { text-align:center; }

    /* GalleryList */
    .galleryList.col5 li { width:33.33%; }
	/* board View */
	.viewTit h4 { font-size:1.25em; }
    .imgSlider { margin:0 50px; }
    .imgSlider .slick-arrow { width:30px; height:30px; }
    .imgSlider .slick-prev { left:-35px; }
    .imgSlider .slick-next { right:-35px; }
    .imgSlider .slick-arrow:after { width:10px; height:10px; margin-top:-5px; }
    .imgSlider .slick-prev:after { margin-left:-3px; }
    .imgSlider .slick-next:after { margin-left:-6px; }
    /* board view - File */
    .boardFile { padding:20px; background-color:#fbfbfb; border:1px solid #cfcfcf; }
    .boardFile h5 { display:none; }
    .boardFile ul { margin-left:0; }
    .boardFile > p { display:block; }
    .boardFile dl { overflow:hidden; margin-top:5px; padding:0; border-top:0 none; }
    .boardFile dl dt { display:none; }
    .boardFile dl dd.fileName { position:relative; width:100%; padding:0 0 10px 13px; border-bottom:1px solid #eaeaea; }
    .boardFile dl dd.fileName:before { content:'ㆍ'; position:absolute; top:0; left:0; display:block; color:#3a53a2; }
    .boardFile dl dd.fileName a { display:block; width:auto; color:#3a53a2; }
    .boardFile dl dd.fileDown { position:static; top:auto; right:auto; float:right; margin-top:5px; }
    .fileName span { display:none; }

	/* board view - Ctrl */
	.viewCtrl dl dt { padding:0 10px 0 35px; }
	.viewCtrl dl.prevList dt,
	.viewCtrl dl.nextList dt { width:3em; background-position:0 center; }
	.viewCtrl dl dd { padding-left:12px; }

    /* 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; }
}
@media only screen and (max-width:720px) {
    h3.pageTit { margin:8.88888% 0 8%; }
    h3.pageTit .topLk { display:block; padding-top:.625em; }
    h3.pageTit .topLk a { margin:0; }
    #contentGroup { font-size:14px; }
    /* Board List */
    .boardStyle .scrollTableWrap .scrollList.scroll td:last-child { padding-left:.5em; }
    .boardInfo { padding:0 0 1em 0; }
    .boardInfo .infoCount { display:none; }
	.boardInfo .boardSelect { float:none; display:flex; width:100%; margin-right:0; margin-bottom:.5em; }
    .boardInfo .boardSelect p { display:block; width:100%; margin-left:-1px; }
    .boardInfo .boardSelect p:first-child { margin-left:0; }
    .boardInfo .boardSearchText { position:relative; width:100%; }
    .boardSearchText input.text { width:100%; }
    .boardList .add { width:4em; }
    .boardList .moNone,
    .boardList .num,
    .boardList .writer,
    .boardList .date2,
    .boardList .file,
    .boardList .hits,
    .boardList .term,
    .boardList .member,
    .scrollThead ul li.num { display:none; }
    .boardList .moBlock,
    .rollTable .num,
    .rollTable .writer,
    .rollTable .date2,
    .rollTable .file { display:table-cell; }
    /* GalleryList */
    .galleryList li,
    .galleryList.col5 li { width:50%; }
    /* postBoard */
    div.postItem p.img { float:none; width:100%; text-align:center; }
    div.postItem ul,
    div.postItem p.btn { margin-left:0; }
    div.postItem ul { display:block; margin-top:1em; }
    div.postItem ul li { width:100%; }
    div.postItem p.btn { margin-top:.5em; padding:.5em 0; }
    /* Board List - Btn */
    .boardBtn p a { display:block; margin-right:2px; padding:10px 20px 12px 49px; font-size:14px; }
    .boardBtn p input { display:block; margin-right:2px; padding:12px 15px 12px 40px; font-size:14px; }
    .boardBtn .modify { background-position:24px -9px; }
    .boardBtn .write { background-position:24px -47px; }
    .boardBtn .cancle { background-position:24px -104px; }
    .boardBtn .delete { background-position:24px -161px; }
    .boardBtn .list { background-position:24px -216px; }
    /* boardPage */
    .boardPage ul li.prev { margin-right:-5px; }
    .boardPage ul li.next { margin-left:0; }
    .boardPage ul li.first a,
    .boardPage ul li.prev a,
    .boardPage ul li.next a,
    .boardPage ul li.last a { background-size:auto 1em; }
}
@media only screen and (max-width:560px) {
    .galleryList02 li a { font-size:12px; }
    .galleryList02 li a span.imgArea b { font-size:1.25em; }
}
@media only screen and (max-width:480px) {
    #contentGroup { font-size:12px; }
    h3.pageTit { font-size:1.66666em; }
}

/* checkbox, radio */
.check,
.styleCheck { position:relative; overflow:hidden; }
.check input,
.styleCheck input { position:absolute; left:0; top:0; margin-left:-100px; }
.check label { display:block; width:18px; height:18px; background:url(/sites/atc/images/use/icon_checkbox.gif) 0 -52px; text-indent:-999px; overflow:hidden; }
.check input:checked + label { background-position:0 -75px; }
.check input:focus + label { outline:1px dotted #000; }
.styleCheck label { position:relative; display:block; overflow:hidden; padding-left:24px; font-weight:normal; }
.agreeWrap .allAgree label { padding-left:40px; line-height:27px; }
.agreeWrap .rowCheck label { margin-left:13px; padding-left:30px; line-height:20px; }
.agreeWrap .rowCheck .checkChoiceBox label { margin-left:8px; }
.styleCheck label:after { content:'/'; position:absolute; left:0; top:50%; width:18px; height:18px; margin-top:-9px; background:#fff; border:1px solid #959595; text-indent:-999px; }
.agreeWrap .allAgree label:after { width:24px; height:24px; margin-top:-12px; }
.agreeWrap .rowCheck label:after { width:20px; height:20px; margin-top:-10px; }
.styleCheck input:checked + label:after { background:#0bab78 url(/sites/atc/images/use/bu_check.gif) center no-repeat; border-color:#0bab78; }
.styleCheck input:focus + label { text-decoration:underline; }
.radioList li input,
.sradioList li input { position:absolute; left:0; top:0; margin-left:-999px; }
.radioList li label { line-height:26px; color:#7d7d7d; font-weight:normal; }
.radioList li label i { display:inline-block; width:26px; height:26px; margin-right:10px; background:url(/sites/atc/images/use/bu_radio.png) center bottom no-repeat; vertical-align:middle; }
.radioList li input:checked + label { color:#313131; }
.radioList li input:checked + label i { background-position:center top; }
.sradioList li { position:relative; display:inline-block; margin-right:28px; overflow:hidden; }
.sradioList li label { padding-left:26px; line-height:43px; color:#000; font-size:16px; font-weight:normal; }
.sradioList li label:after { position:absolute; left:0; top:50%; content:'.'; width:21px; height:21px; margin-top:-10px; background:#fff center no-repeat; border:1px solid #959595; border-radius:50%; text-indent:-999px; }
.sradioList li input:checked + label { color:#313131; }
.sradioList li input:checked + label:after { background-image:url(/sites/atc/images/use/bu_radio2.gif); border-color:#0bab78; }
.sradioList li input:focus + label { text-decoration:underline; }
/* btnStyle */
.btnFormWrap {}
.layerBox .btnFormWrap,
.btnCenter { padding:20px; text-align:center; }
.btnRight { padding:20px 10px; text-align:right; }
.btnView { margin-bottom:10px; text-align:center; }
.boardBtnList { margin-bottom:30px; }
.viewBtn { position:absolute; left:8px; top:12px; }
.viewBtn li,
.boardBtnList li { display:inline-block; }
.viewBtn li a,
.boardBtnList li a,
.boardBtnList li button { display:block; min-width:84px; line-height:22px; padding:10px; border:1px solid #cfcfcf; border-radius:3px; box-sizing:border-box; text-align:center; color:#050505; }
.viewBtn li a i,
.boardBtnList li a i,
.boardBtnList li button i { display:inline-block; width:20px; height:20px; margin-right:5px; background-position:left center; background-repeat:no-repeat; vertical-align:bottom; }
.viewBtn li a.list i,
.boardBtnList li .list i { background-image:url(/sites/atc/images/sub/icon_btn_list.gif); }
.boardBtnList li .mod i { background-image:url(/sites/atc/images/sub/icon_btn_mod.gif); }
.boardBtnList li .del i { background-image:url(/sites/atc/images/sub/icon_btn_del.gif); }
.boardBtnList li .write i { background-image:url(/sites/atc/images/sub/icon_btn_write.gif); }
.boardBtnList li .cancel i { background-image:url(/sites/atc/images/sub/icon_btn_cancel.gif); }
.btnFormWrap ul { font-size:0; }
.btnFormWrap li { display:inline-block; }
.btnFormWrap li button,
.btnFormWrap li input,
.btnFormWrap li a { display:block; min-width:194px; height:55px; line-height:55px; margin:0 3px; padding:0 30px; border:1px solid #2c9b78; box-sizing:border-box; vertical-align:middle; color:#2c9b78; font-size:18px; }
.btnFormWrap li a.submit,
.btnFormWrap li input[type="submit"],
.btnFormWrap li button[type="submit"] { background:#2c9b78; color:#fff; }
.btnFormWrap li .bill { background:#2c9b78; color:#fff !important; }
.btnFormTd { min-width:100px; height:43px; padding:0 10px; background:#f1f1f1; border:1px solid #dcdcdc; }
a.btnFormTd { display:inline-block; line-height:41px; text-align:center; }
.layerBox .btnFormWrap li button,
.layerBox .btnFormWrap li input,
.layerBox .btnFormWrap li a { min-width:120px; height:36px; line-height:36px; border:1px solid #e2e2e2; color:#3c3c3c; }
.layerBox .btnFormWrap li input[type="submit"],
.layerBox .btnFormWrap li button[type="submit"] { background:#2c9b78; color:#fff; }
.btnWrap button { min-width:100px; height:52px; line-height:50px; padding:0 27px; border:1px solid #e1e0e0; }
.btnWrap button i { display:inline-block; overflow:hidden; margin-right:5px; background-position:center top; background-repeat:no-repeat; vertical-align:middle; }
.btnWrap .openBtn i { width:12px; height:12px; background-image:url(/sites/atc/images/sub/icon_more.gif); }
.btnView a { display:inline-block; min-width:233px; line-height:35px; padding:10px; color:#fff; }
.btnView a.viewCol { background-color:#1b8866; }
.boardView .btnWrap button { background:#fafafa; }

/* popup */
.layerPopWrap { display:none; position:fixed; top:0; right:0; bottom:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.7); vertical-align:middle; z-index:10; }
.popContainer { display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%; }
.popInner { overflow-y:auto; position:relative; min-width:320px; max-width:460px; margin:0 auto; padding:1.875em 1.25em; background:#fff; border-radius:.25em; box-sizing:border-box; }
.popInner p { margin:.75em auto; text-align:center; word-break:keep-all; }
.popInner .popIcon { width:3.75em; height:3.75em; margin-top:0; background:#ededed center no-repeat; border-radius:50%; }
.popInner .popIcon.info { background-image:url(/themes/safeculture/images/sub/icon_confirm.png); }
.popInner .popIcon.check { background-image:url(/themes/safeculture/images/sub/icon_alert.png); }
.popInner .teachTit { color:#0400bb; }
.popInner .txtAlert { color:#000; font-weight:300; }
.popBtn { display:flex; justify-content:space-between; margin-top:2em; }
.popBtn li { display:block; width:100%; padding:0 2px; box-sizing:border-box; }
.popBtn li button { display:block; width:100%; height:3.125em; font-weight:300; }
.popBtn li button.blankBox { border:1px solid #3f3f3f; color:#222; }
.popBtn li button.fullBox { background:#222; color:#fff; }

/* 본인인증 */
.public_sect { max-width:1100px; margin:0 auto; padding:0 1em; }
.color_blue{color:#324a9a;}
.color_red{color:#d9276a;}
.board_header_txt{border:1px solid #dde2e8;padding:10px;}
.basic_button{display:inline-block;padding:5px 10px;border-radius:2px;background-color:#4e6eb7;color:#fff;text-align:center;}
.public_notice{margin-top:1em; margin-bottom:10px;padding:18px 30px;border:1px solid #cccccc;font-size:16px;color:#6b6b6b;}
.public_notice .title{font-size:18px;color:#333;}
.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;}
/* 휴대폰 및 G-PIN 인증 */
.auth_check{ display:flex; align-items:stretch; margin:0 -5px 10px;}
.auth_check > div{ width:50%; min-height:100%; margin:0 5px; }
.auth_check > div dl{overflow:hidden;height:100%;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{padding:16px 25px;color:#707070}
@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{width:auto;padding:0 20px;}
	.public_notice{padding:16px 24px;}
	.public_sect .public_btn{margin-bottom:24px;}
	.public_sect .public_btn a{width:40%;height:38px;line-height:38px;}
	.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;}
}
@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 dl a img{height:26px;}
	.auth_check > div dl dd div{padding:12px 16px;}
    .auth_check { display:block; }
    .auth_check > div { width:100%; }
	.auth_check > div dl{margin-bottom:10px;}
}
@media screen and (max-width:479px){
	.public_form{margin-bottom:12px;}
	.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;}
}

/* 로그인 및 게시물 삭제 */
.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;}
.cont_sect { max-width:1100px; margin:3.0208333% auto 0; padding:0 .625em; }
.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.i1{float:left;}
.public_form .desc_btn > div.i2{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)}
/* 회원가입완료 */
.join_finish {max-width: 900px;margin:3.0208333% auto;padding: 2.5em;border:1px solid #cfcfcf;background:#fcfcfc;box-sizing: border-box;word-break: keep-all;}
.join_finish .desc_text{padding-bottom: 20px;font-size: 20px;color:#15171b;text-align:center;}
.join_finish .desc_text em{color:#c41c5c}
.join_finish .form_enter_btn{margin-bottom:0;}
.form_enter_btn{margin-bottom:50px;padding-top:12px;text-align:center;}
.form_enter_btn:after{display:block;clear:both;content:'';}
.form_enter_btn li{display:inline-block;width:200px;margin:0 5px;}
.form_enter_btn button,.form_enter_btn a{display:block;width:100%;height:34px;line-height:32px;font-size:14px;text-align:center;}
.form_enter_btn .enter_btn_01 button,
.form_enter_btn .enter_btn_01 a{border:1px solid #205790;background:#205790;color:#ffffff;}
.form_enter_btn .enter_btn_02 button,
.form_enter_btn .enter_btn_02 a{border:1px solid #a7a7a7;background:#777;color:#ffffff;}
.form_enter_btn .enter_btn_03 button,
.form_enter_btn .enter_btn_03 a{border:1px solid #a7a7a7;color:#747474;}
@media screen and (max-width:960px){
    .join_finish {margin: 0 4% 8% 4%;}
}
@media screen and (max-width:767px){
	.join_finish {}
	.join_finish .desc_text{padding-bottom:20px;font-size:18px;}
    .form_enter_btn{margin-bottom:25px;}
	.form_enter_btn li{display:block;float:left;box-sizing:border-box;width:100%;margin:0;padding:0 2px}
	.form_enter_btn.idx2 li{width:50%;}
	.form_enter_btn.idx3 li{width:33.3%;}
	.form_enter_btn button,.form_enter_btn a{margin:0}
}
@media screen and (max-width:479px){
	.join_finish{}
	.join_finish .desc_text{padding-bottom:15px;font-size:16px;}
}

/* 공공누리 저작권 표시 */
#contLicense{ max-width:1080px; margin:0 auto 20px;font-family:"돋움","dotum";font-size:12px;color:#414141;}
#contLicense:after{display:block;clear:both;content:'';}
#contLicense .license_wrap{position:relative;padding:26px 25px;border-top:4px solid #6076bc;text-align:center;}
#contLicense .license_wrap:after{display:block;clear:both;content:'';}
#contLicense .license_wrap a{display:inline-block;padding-right:25px;}
#contLicense .license_wrap img{height:40px;}
.license_wrap .desc_text{display:inline-block;word-break:keep-all}
@media screen and (max-width:1159px){
	#contSurvey{padding:0 12px;}
	#contLicense{width:auto;}
}
@media screen and (max-width:1023px){
	#contLicense{margin-bottom:12px;}
/*	#contLicense .license_wrap{padding:20px 25px 20px 210px;}*/
/*	.license_wrap .desc_image{width:185px;}*/
}
@media screen and (max-width:767px){
	#contLicense .license_wrap{padding:16px 20px}
/*	.license_wrap .desc_image{width:155px;margin-top:-15px;}*/
	#contLicense .license_wrap img{height:30px;}
}
@media screen and (max-width:579px){
	#contLicense .license_wrap{padding:16px}
/*	.license_wrap .desc_image{width:140px;margin-top:-15px;}*/
}
@media screen and (max-width:479px){
	#contLicense{margin-bottom:10px;padding:0;} 
	#contLicense .license_wrap{padding:16px;}
	#contLicense .license_wrap a{display:block;position:static;top:auto;left:auto;margin:0 0 12px;padding-bottom:12px;border-bottom:1px dashed #dfe2e4;width:auto;text-align:center;}
	#contLicense .license_wrap img{height:64px;}
}
/* 페이지 만족도
---------------------------------------------------------------------- */
.page_service{position:relative;max-width:1080px; margin:0 auto; border-bottom:1px solid #d5d4d4;}
.page_service .srv_notice{position:relative;font-size:12px;color:#373c55;padding-bottom:8px;line-height:22px;}
.page_service .srv_text{padding:0 0 0 26px;background:url(/themes/home/images/content/page_service_notice.png) 0 0 no-repeat;font-size: 14px;}
.page_service .srv_grade{display:none;position:absolute;top:0;right:0;color:#555555;}
.page_service .srv_grade:after{display:block;clear:both;content:'';}
.page_service .srv_grade dt,.page_service .srv_grade dd{float:left;height:22px;}
.page_service .srv_grade dt{padding-right:3px;}
.page_service .srv_grade dd{width:90px;background:url(../images/content/srv_grade_off.jpg) 0 50% repeat-x;}
.page_service .srv_grade dd div{width:100%;height:100%;background:url(../images/content/srv_grade_on.jpg) 0 50% repeat-x;text-indent:-9999em}
.page_service .srv_body{display:block;position:relative;padding:18px 370px 21px 20px;border:1px solid #d5d4d4;border-bottom:0 none;background:#ffffff}
.page_service .srv_body:after{display:block;clear:both;content:''}
.page_service .srv_comment{position:relative;padding: 0 60px 0 101px;border:1px solid #dfe2e4;}
.srv_comment .page_select{position:absolute;top:0;left:0;width:100px;height:100%;border-right:1px solid #dfe2e4;color:#555453;}
.srv_comment .page_select select {background:url(/themes/safeculture/images/sub/arrow_select.png) right 10px center no-repeat;appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;height: 100%;padding:0 .5em;border: none;font-size: 14px;}
.srv_comment .page_select .dir_title{display:block;border:0 none;}
.srv_comment .page_select .dir_title button{display:block;width:100%;height:32px;line-height:32px;background:#fff url(../images/content/board_search_arrow.png) 100% 50% no-repeat;background-size:auto 18px ;-webkit-appearance:none;overflow:hidden;text-align:left;text-indent:6px;}
.srv_comment .page_select > ul{display:none;position:absolute;top:33px;left:0;right:0;border:1px solid #d5d5d5;background-color:#fff;z-index:1}
.srv_comment .page_select > ul > li{padding-top:1px;}
.srv_comment .page_select > ul > li > button{display:block;width:100%;padding:2px 0;white-space:nowrap;text-align:left;text-indent:12px;}
.srv_comment .page_select > ul > li > button:hover{background:#999;color:#fff}
.srv_comment .page_input,
.srv_comment .page_submit{display:block;border:none; }
.srv_comment .page_input{width:100%;height: 36px;line-height: 36px;text-indent: 10px;}
.srv_comment .page_submit{position:absolute;top:0;right:0;width: 60px;height: 100%;border-left:1px solid #dfe2e4;color:#555453;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none; background:#f0f0f0}
/* QR코드 */
.srv_body .srv_qr_img,.srv_body .srv_qr_text{position:absolute;display:block;}
.srv_body .srv_qr_img{top:25px;right:300px;width:60px;height:60px;}
.srv_body .srv_qr_text{z-index:1;top:0;right:0;width:285px;padding:32px 10px 0 0;font-size: 12px;color:#000;word-break:keep-all;text-align:justify;}
.srv_body .srv_qr_text em{font-weight:700;}
.srv_body .srv_license{display:none;width:244px;border-left:1px solid #e9e9e9;text-align:center;}
.page_service button,.page_service input{font-size: 14px;}
.page_service .srv_foot{padding:10px 20px;border:1px solid #d5d4d4;border-bottom:0 none;background:#fbfbfb;font-size: 13px;color:#3d3d3d;}
.page_service .srv_foot:after{display:block;clear:both;content:'';}
.page_service .srv_foot li{float:left;padding:0 22px 0 7px;color:#090909;}
@media screen and (max-width:1159px){
	.page_service .srv_body{padding:18px 370px 21px 20px;}
	.srv_body .srv_qr_img{}
	.srv_body .srv_license{width:240px;}
}
/* @media screen and (max-width:859px){
	input[type=text]::-webkit-input-placeholder{opacity:0;}
} */
@media screen and (max-width:767px){
	#pageService{padding-top:30px;}
	.page_service .srv_body{padding:18px 20px;}
	.page_service .srv_comment{margin-bottom:10px;}
	.srv_body .srv_qr_img,
	.srv_body .srv_qr_text{display:none}
	.srv_body .srv_license{float:none;width:auto;border-left:0 none}
}
@media screen and (max-width:479px){
	#pageService{padding-top:20px;}
	.page_service .srv_body{padding:18px 20px;}
	.page_service .srv_comment{margin-bottom:10px;padding: 0 60px 0 0;}
	.srv_body .srv_qr_img{display:none}
	.srv_body .srv_license{float:none;width:auto;border-left:0 none}
	.srv_comment .page_select {position:static;width: 100%;height: 36px;border-bottom: 1px solid #dfe2e4;}
}
/* 프린트 설정 */
@media print {
    body{
        width: 210mm;
        height: 277mm;
        margin: 0; /* margin: auto auto; 로 자동 여백 설정도 가능 */
   } 
	#headerWrap,
	#footerWrap,
    .visual,
    .guideWrap {display:none !important;}
}