@charset "utf-8";

@import url('/archive/common/css/base.css');

/* layout */
#header { position:absolute; }
#container { padding-top:102px;}
.guideWrap { position:relative; background:#675d59; z-index:2; }
/* .guideWrap h2 { background-position:center top; background-repeat:no-repeat; height:114px; line-height:114px; text-align:center; } */
/* .subLayout1 .guideWrap h2 { background-image:url('/archive/images/common/bg_visual01.png'); } */
/* .guideWrap h2 span { position:relative; display:inline-block; height:114px; line-height:114px; color:#fff; font-family:'Nanum Myeongjo'; font-size:32px; } */
/*
.guideWrap h2 span:before { content:''; position:absolute; left:-100px; top:50%; width:80px; height:1px; background:#fff; }
.guideWrap h2 span:after { content:''; position:absolute; right:-100px; top:50%; width:80px; height:1px; background:#fff; }
*/
.locationWrap { position:relative; max-width:1233px; margin:0 auto; }
.locationWrap .siteLocation>ul { font-size:0; }
.locationWrap .siteLocation>ul>li { position:relative; display:inline-block; vertical-align:top; }
.locationWrap .siteLocation>ul>li>a,
.locationWrap .siteLocation>ul>li>button,
.locationWrap .siteLocation>ul>li>span { display:block; position:relative; height:56px; line-height:56px; padding:0 18px; box-sizing:border-box; color:#fff; font-size:15px; }
.locationWrap .siteLocation>ul>li.home { border-left:1px solid #766b67; border-right:1px solid #766b67; }
.locationWrap .siteLocation>ul>li.home a { width:53px; height:100%; background:#5f5551 url(/archive/images/common/icon_home.gif) center no-repeat; text-indent:-999px; }
.locationWrap .siteLocation>ul>li.lkList { padding-right:8px; background:url(/archive/images/common/arrow_location.gif) right center no-repeat; }
.locationWrap .siteLocation>ul>li.lkList:last-child { background:none;}
.locationWrap .siteLocation>ul>li.lkList>a:before,
.locationWrap .siteLocation>ul>li.lkList>button:before { display:none; content:'메뉴 펼치기'; overflow:hidden; position:absolute; right:10px; top:50%; width:1px; height:1px; margin-top:-5px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:8px solid #fff; text-indent:-999px; transition: all 0.4s; }
.locationWrap .siteLocation>ul>li.active>a:before,
.locationWrap .siteLocation>ul>li.active>button:before { display:none; content:'메뉴 접기'; border-top:none; border-bottom:8px solid #fff; }
.locationWrap .siteLocation>ul>li>button { text-align:left; }
.locationWrap .siteLocation div { display:none; position:absolute; width:200px; background:#fff; border:1px solid #dcdcdc; box-sizing:border-box; font-size:16px; }
.locationWrap .siteLocation div ul li { padding:10px; border-top:1px solid #dcdcdc; }
.locationWrap .siteLocation div ul li:first-child { border-top:none; }
.locationWrap .siteLocation div ul li a { display:block; }
.tabWrap p.tabBtn { display:none; }
.locationWrap .snsLkList { position:absolute; top:50%; right:70px; bottom:0; margin-top:-13px; font-size:0; }
.locationWrap .snsLkList li { display:inline-block; padding:3px; }
.locationWrap .snsLkList li a { display:block; overflow:hidden; width:25px; height:25px; background:#463939 center no-repeat; border-radius:50%; text-indent:-999px; }
.locationWrap .snsLkList li.blog a { background-image:url(/archive/images/common/sns_blog.gif); }
.locationWrap .snsLkList li.facebook a { background-image:url(/archive/images/common/sns_facebook.gif); }
.locationWrap .snsLkList li.instargram a { background-image:url(/archive/images/common/sns_instar.gif); }
.locationWrap .snsLkList li.kakao a { background-image:url(/archive/images/common/sns_kakao.gif); }
.locationWrap .snsLkList li.youtube a { background-image:url(/archive/images/common/sns_youtube.gif); }
.locationWrap .snsLkList li.twitter a { background-image:url(/archive/images/common/sns_twitter.png); }
.locationWrap .snsLkList li.url a { background-image:url(/archive/images/common/sns_url.png); }
.locationWrap p.btnPrint { position:absolute; top:0; right:0; bottom:0; border-left:1px solid #766b67; border-right:1px solid #766b67; }
.locationWrap p.btnPrint button { overflow:hidden; width:53px; height:100%; background:url(/archive/images/common/btn_print.gif) center no-repeat; text-indent:-999px; }
#content { max-width:1280px; margin:0 auto; padding:40px 0; }
.quickWrap { position:fixed; right:0; top:0; width:52px; height:100%; padding-top:280px; color:#fff; box-sizing:border-box; z-index:5; }
.quickWrap .btnSearch button { overflow:hidden; width:52px; height:46px; background:#000 url(/archive/images/main/btn_search.gif) center no-repeat; color:#fff; text-indent:-999px; }

/* content */
#content h3.pageTit { margin:15px; text-align:center; color:#010101; font-size:26px; }
#content p.pageInfo { margin:15px 15px 60px; text-align:center; color:#626262; word-break:keep-all; }
ol { counter-reset:item; }
ol.txtList li { display: block; margin-top:.5em; text-indent:-1em; }
ol.txtList>li { margin:.5em 1em 1.5em 2em; }
ol.txtList li:before { margin-right:.2em; content:counters(item, ". ") ". "; counter-increment:item }
ol.txtList li li { margin-left:2.2em; text-indent:-2em; }
ol.txtList li li li { margin-left:.8em; text-indent:-.8em; }
ol.txtList li li li li { margin-left:.8em; }
ol.txtList li li:before { content:counters(item, ". ") ". "; counter-increment:item }
ol.txtList li li li:before { content:"- "; }
ol.txtList li li li li:before { content:"· "; }
/* intro */
.introStyle { position:relative; max-width:1138px; line-height:1.4; margin:60px auto; word-break:keep-all; }
.introStyle h4 { margin:30px 0.5%; font-size:26px; font-family:'Nanum Myeongjo'; }
.introStyle h4.colRed { margin-top:50px; color:#eb4d16; }
.introStyle .imgFigure { margin:0; text-align:center; }
.introStyle .imgFigure img { margin-@charset "utf-8";

@import url('/archive/common/css/base.css');

/* layout */
#header { position:absolute; }
#container { padding-top:102px;}
.guideWrap { position:relative; background:#675d59; z-index:101; }
/* .guideWrap h2 { background-position:center top; background-repeat:no-repeat; height:114px; line-height:114px; text-align:center; }
.subLayout1 .guideWrap h2 { background-image:url('/archive/images/common/bg_visual01.png'); } */
/* .guideWrap h2 span { position:relative; display:inline-block; height:114px; line-height:114px; color:#fff; font-family:'Nanum Myeongjo'; font-size:32px; } */
/*
.guideWrap h2 span:before { content:''; position:absolute; left:-100px; top:50%; width:80px; height:1px; background:#fff; }
.guideWrap h2 span:after { content:''; position:absolute; right:-100px; top:50%; width:80px; height:1px; background:#fff; }
*/
.locationWrap { position:relative; max-width:1233px; margin:0 auto; }
.locationWrap .siteLocation>ul { font-size:0; }
.locationWrap .siteLocation>ul>li { position:relative; display:inline-block; vertical-align:top; }
.locationWrap .siteLocation>ul>li>a,
.locationWrap .siteLocation>ul>li>button,
.locationWrap .siteLocation>ul>li>span { display:block; position:relative; height:56px; line-height:56px; padding:0 18px; box-sizing:border-box; color:#fff; font-size:15px; }
.locationWrap .siteLocation>ul>li.home { border-left:1px solid #766b67; border-right:1px solid #766b67; }
.locationWrap .siteLocation>ul>li.home a { width:53px; height:100%; background:#5f5551 url(/archive/images/common/icon_home.gif) center no-repeat; text-indent:-999px; }
.locationWrap .siteLocation>ul>li.lkList { padding-right:8px; background:url(/archive/images/common/arrow_location.gif) right center no-repeat; }
.locationWrap .siteLocation>ul>li.lkList:last-child { background:none;}
.locationWrap .siteLocation>ul>li.lkList>a:before,
.locationWrap .siteLocation>ul>li.lkList>button:before { display:none; content:'메뉴 펼치기'; overflow:hidden; position:absolute; right:10px; top:50%; width:1px; height:1px; margin-top:-5px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:8px solid #fff; text-indent:-999px; transition: all 0.4s; }
.locationWrap .siteLocation>ul>li.active>a:before,
.locationWrap .siteLocation>ul>li.active>button:before { display:none; content:'메뉴 접기'; border-top:none; border-bottom:8px solid #fff; }
.locationWrap .siteLocation>ul>li>button { text-align:left; }
.locationWrap .siteLocation div { display:none; position:absolute; width:200px; background:#fff; border:1px solid #dcdcdc; box-sizing:border-box; font-size:16px; }
.locationWrap .siteLocation div ul li { padding:10px; border-top:1px solid #dcdcdc; }
.locationWrap .siteLocation div ul li:first-child { border-top:none; }
.locationWrap .siteLocation div ul li a { display:block; }
.tabWrap p.tabBtn { display:none; }
.locationWrap .snsLkList { position:absolute; top:50%; right:70px; bottom:0; margin-top:-13px; font-size:0; }
.locationWrap .snsLkList li { display:inline-block; padding:3px; }
.locationWrap .snsLkList li a { display:block; overflow:hidden; width:25px; height:25px; background:#463939 center no-repeat; border-radius:50%; text-indent:-999px; }
.locationWrap .snsLkList li.blog a { background-image:url(/archive/images/common/sns_blog.gif); }
.locationWrap .snsLkList li.facebook a { background-image:url(/archive/images/common/sns_facebook.gif); }
.locationWrap .snsLkList li.instargram a { background-image:url(/archive/images/common/sns_instar.gif); }
.locationWrap .snsLkList li.kakao a { background-image:url(/archive/images/common/sns_kakao.gif); }
.locationWrap .snsLkList li.youtube a { background-image:url(/archive/images/common/sns_youtube.gif); }
.locationWrap .snsLkList li.twitter a { background-image:url(/archive/images/common/sns_twitter.png); }
.locationWrap .snsLkList li.url a { background-image:url(/archive/images/common/sns_url.png); }
.locationWrap p.btnPrint { position:absolute; top:0; right:0; bottom:0; border-left:1px solid #766b67; border-right:1px solid #766b67; }
.locationWrap p.btnPrint button { overflow:hidden; width:53px; height:100%; background:url(/archive/images/common/btn_print.gif) center no-repeat; text-indent:-999px; }
#content { max-width:1280px; margin:0 auto; padding:40px 0; }
.quickWrap { position:fixed; right:0; top:0; width:52px; height:100%; padding-top:280px; color:#fff; box-sizing:border-box; z-index:5; }
.quickWrap .btnSearch button { overflow:hidden; width:52px; height:46px; background:#000 url(/archive/images/main/btn_search.gif) center no-repeat; color:#fff; text-indent:-999px; }

/* content */
#content h3.pageTit { margin:15px; text-align:center; color:#010101; font-size:26px; }
#content p.pageInfo { margin:15px 15px 60px; text-align:center; color:#626262; word-break:keep-all; }
ol { counter-reset:item; }
ol.txtList li { display: block; margin-top:.5em; text-indent:-1em; }
ol.txtList>li { margin:.5em 1em 1.5em 2em; }
ol.txtList li:before { margin-right:.2em; content:counters(item, ". ") ". "; counter-increment:item }
ol.txtList li li { margin-left:2.2em; text-indent:-2em; }
ol.txtList li li li { margin-left:.8em; text-indent:-.8em; }
ol.txtList li li li li { margin-left:.8em; }
ol.txtList li li:before { content:counters(item, ". ") ". "; counter-increment:item }
ol.txtList li li li:before { content:"- "; }
ol.txtList li li li li:before { content:"· "; }
/* intro */
.introStyle { position:relative; max-width:1138px; line-height:1.4; margin:60px auto; word-break:keep-all; }
.introStyle h4 { margin:30px 0.5%; font-size:26px; font-family:'Nanum Myeongjo'; }
.introStyle h4.colRed { margin-top:50px; color:#eb4d16; }
.introStyle .imgFigure { margin:0; text-align:center; }
.introStyle .imgFigure img { margin-bottom:20px; }
.introStyle .imgCaption span { display:block; margin:5px; color:#433b38; }
.introStyle .imgCaption span.tit { font-size:18px; font-weight:bold; }
.introStyle .imgCaption span.txt { font-size:15px; }
.introStyle p.txt { margin:20px 0.5% 50px; color:#010101; font-size:16px; }
.imgList { position:relative; margin-bottom:40px; font-size:0; }
.imgList li { display:inline-block; width:49%; margin:0.5%; vertical-align:top; font-size:17px; }
.imgList li.txtBox { position:absolute; right:0.8%; bottom:0; width:48.2%; height:48%; background:#675d59; }
.imgList li.txtBox div { display:table; width:100%; height:100%; }
.imgList li.txtBox div dl { display:table-cell; width:100%; height:100%; padding:0 5%; box-sizing:border-box; vertical-align:middle; }
.imgList li.txtBox div dl dt { margin-bottom:34px; border-bottom:1px solid #ffe5db; color:#fff; font-size:20px; font-weight:bold; }
.imgList li.txtBox div dl dt span { position:relative; display:inline-block; padding-bottom:18px; color:#fff; font-size:23px; font-family:'Nanum Myeongjo'; }
.imgList li.txtBox div dl dt span:after { content:''; position:absolute; left:0; bottom:-2px; width:100%; height:3px; background:#fcdb56;}
.imgList li.txtBox div dl dd { margin-top:20px; color:#fff; font-size:17px; }
.imgList li.txtBox div dl dd span { display:block; line-height:1.4; }
.imgList li.txtBox div dl dd span.tit { float:left; width:4.5em;}
.imgList li.txtBox div dl dd span.txt { margin-left:4.5em; }
.imgCenter { text-align:center; }
.oldHistoryLine { position:relative; margin:50px 0.5% 80px; padding:5% 2.5%; border:1px solid #cfcfcf; }
.introStyle .caption { position:absolute; left:0; right:0; bottom:-26px; width:100%; text-align:center; }
.introStyle .caption span { display:inline-block; width:322px; line-height:52px; background:#fff; border:1px solid #cfcfcf; text-align:center; color:#2f2f2f; font-size:18px; }
.oldHistoryLine ul { position:relative; font-size:0; }
.oldHistoryLine ul:after { content:''; position:absolute; left:0; right:0; top:72px; width:100%; height:6px; background:#675d59; }
.oldHistoryLine ul li { display:inline-block; width:14.28571%; padding-left:1%; box-sizing:border-box; vertical-align:top; }
.oldHistoryLine ul li dl { color:#41322c; letter-spacing:-1px; }
.oldHistoryLine ul li dl dt { position:relative; height:90px; font-size:18px; }
.oldHistoryLine ul li dl dt:after { content:''; position:absolute; left:0; bottom:0; width:16px; height:16px; background:#fff; border:6px solid #675d59; border-radius:50%; z-index:2; }
.oldHistoryLine ul li dl dt span { display:inline-block; margin-right:6px; font-size:30px; }
.oldHistoryLine ul li dl dd { margin-top:15px; font-size:16px; }
.floatBox { display:inline-block; width:99%; margin:40px 0.5% 60px; }
.floatBox .left { float:left; width:50%; }
.floatBox .left h4 { margin-top:4px; }
.floatBox .right { float:right; width:48%; }
.mapItem { position:relative; border:1px solid #cfcfcf; padding:20px 5px 50px; box-sizing:border-box; text-align:center; }
.small { max-width:700px; margin:0 auto 100px; }
.introStyle .boxArea { display:table; margin-bottom:37px; padding:20px; border:1px solid #fdddd2; }
.introStyle .boxArea ul,
.introStyle .boxArea p { display:table-cell; padding:0 2%; vertical-align:middle;}
.introStyle .boxArea ul { width:36%; border-right:1px solid #d8d5d4; }
.introStyle .boxArea ul li { padding-left:10px; background:url(/archive/images/intro/bu_li02.gif) left 8px no-repeat; }
.introStyle .boxArea ul li span { display:block; }
.introStyle .boxArea ul li span.tit { float:left; width:4.5em; }
.introStyle .boxArea ul li span.txt { margin-left:4.5em; }
.introStyle .boxArea p { width:56%; }
.introStyle p.btnMore { margin:26px 10px 40px; text-align:center; }
.introStyle p.btnMore button { width:192px; height:48px; background:#675d59; border-radius:24px; color:#fff; font-size:17px; }

/* historyStyle */
.historyLine { position:relative; margin:50px 0.5% 160px; padding:0 1%; }
.historyLine:before { content:''; position:absolute; left:50%; top:0; width:1px; height:100%; background:#f8774a; }
.historyLine p.caption { bottom:-80px; }
.historyLine p.caption span { border-color:#f8774a ; }
.historyLine>ul { overflow:hidden; padding-top:40px; }
.historyLine>ul>li { position:relative; clear:both; width:50%; min-height:7em; box-sizing:border-box; }
.historyLine>ul>li.left { float:left; padding-right:36px; background-position:right top; text-align:right; }
.historyLine>ul>li.right { float:right; padding-left:36px; background-position:left top; text-align:left;  }
.historyLine>ul>li:before { content:''; position:absolute; top:0; width:22px; height:22px; background:url(/archive/images/intro/bu_history01.gif) center no-repeat; }
.historyLine>ul>li.left:before { right:-11px; }
.historyLine>ul>li.right:before { left:-11px; }
.historyLine>ul p { position:relative; line-height:1; margin-bottom:20px; background:url(/archive/images/intro/bu_history02.gif) no-repeat; color:#ff571c; font-size:23px; font-weight:600; font-family:'S-Core Dream 6'; }
.historyLine>ul p:before { content:''; position:absolute; top:11px; width:27px; height:1px; background:#f8774a; }
.historyLine>ul>li.left p { padding-right:26px; background-position:right 8px; }
.historyLine>ul>li.right p { padding-left:26px; background-position:left 8px; }
.historyLine>ul>li.left p:before { right:-25px; }
.historyLine>ul>li.right p:before { left:-25px; }
.historyLine>ul>li.left ul { margin-right:26px; }
.historyLine>ul>li.right ul { margin-left:26px; }
.historyLine>ul>li ul li { display:block; }
.historyLine>ul>li ul li div { display:inline-block; padding-left:8px; background:url(/archive/images/intro/bu_li01.gif) left 12px no-repeat; box-sizing:border-box; }
.historyLine>ul>li span { display:block; }
.historyLine>ul>li span.tit { float:left; width:4.5em; text-align:left; }
.historyLine>ul>li span.txt { margin-left:4.5em; }
/* infoStyle */
.infoStyle {}
.infoStyle .topTxt { margin-bottom:50px; color:#000; font-size:19px; text-align:center; }
.infoStyle .topTxt i { display:block; }
.infoStyle .infoTopImg { max-width:1060px; margin:0 auto 60px; font-size:0; }
.infoStyle .infoTopImg li { display:inline-block; width:49%; margin:0 0.5%; border:1px solid #ebebeb; box-sizing:border-box; text-align:center; vertical-align:top; }
.infoStyle .infoTopImg li p { margin-bottom:42px; }
.infoStyle .infoTopImg li p img { width:100%; }
.infoStyle .infoTopImg li dl { margin-bottom:40px; padding:0 30px; }
.infoStyle .infoTopImg li dt { margin-bottom:25px; color:#000; font-size:25px; }
.infoStyle .infoTopImg li dd { color:#323232; font-size:15px; word-break:keep-all; text-align:left; line-height:24px; }
.infoStyle h4 { margin:36px; text-align:center; color:#010101; font-size:26px; }
.infoStyle .infoTableStyle { text-align:center; font-size:0; }
.infoStyle .infoTableStyle li { display:inline-block; width:100%; max-width:250px; margin:8px; border:1px solid #c8c8c8; box-sizing:border-box; text-align:center; }
.infoStyle .infoTableStyle li dl { color:#000; font-size:18px; }
.infoStyle .infoTableStyle li dl dt { height:23px; line-height:23px; padding:15px; background:#f5f4f4; border-bottom:1px solid #c8c8c8; }
.infoStyle .infoTableStyle li dl dd { padding:10px; }
.infoStyle .infoListCount { display:table; width:100%; max-width:1100px; margin:0 auto; }
.infoStyle .infoListCount li { display:table-cell; table-layout:fixed; width:20%; height:187px; padding:0 16px; }
.infoStyle .infoListCount.cols4 li { width:25%; padding:0 40px; }
.infoStyle .infoListCount li p { display:table-cell; width:187px; height:187px; background:#88817d center no-repeat; border-radius:50%; text-align:center; vertical-align:middle; }
.infoStyle .infoListCount li.icon01 p { background-image:url(/archive/images/content/info_relic01.jpg); }
.infoStyle .infoListCount li.icon02 p { background-image:url(/archive/images/content/info_relic02.jpg); }
.infoStyle .infoListCount li.icon03 p { background-image:url(/archive/images/content/info_relic03.jpg); }
.infoStyle .infoListCount li.icon04 p { background-image:url(/archive/images/content/info_relic04.jpg); }
.infoStyle .infoListCount li.icon05 p { background-image:url(/archive/images/content/info_relic05.jpg); }
.infoStyle .infoListCount li p i { display:block; width:100%; height:60px; background:center no-repeat; }
.infoStyle .infoListCount li p i.icon01 { background-image:url(/archive/images/content/info_icon01.gif); }
.infoStyle .infoListCount li p i.icon02 { background-image:url(/archive/images/content/info_icon02.gif); }
.infoStyle .infoListCount li p i.icon03 { background-image:url(/archive/images/content/info_icon03.gif); }
.infoStyle .infoListCount li p i.icon04 { background-image:url(/archive/images/content/info_icon04.gif); }
.infoStyle .infoListCount li span { display:block; color:#fff; font-size:20px; }
/* mapType Content */
.mapWrap { position:relative; overflow:hidden; max-width:1214px; margin:0 auto 100px; background:#f9f9f9; border:1px solid #dcdcdc; box-sizing:border-box; }
.mapWrap:after { content:''; position:absolute; left:215px; top:0; width:1px; height:100%; background:#dcdcdc; }
.mapWrap button.tabBtn { display:none; }
.mapWrap .mapNav { position:relative; float:left; width:215px; padding-top:52px; z-index:100; }
.mapNav h4 { position:absolute; top:0; width:50%; }
.mapNav h4.mapBtn01 { left:0; }
.mapNav h4.mapBtn02 { left:50%; }
.mapNav h4 a { display:block; background:#675d59; text-align:center; line-height:52px; color:#fff; font-size:17px; }
.mapNav h4 a.active { background:#e04b0f; text-decoration:underline; }
.mapNav .mapNavList a { position:relative; display:block; padding:10px 18px; line-height:24px; border-bottom:1px solid #dcdcdc; color:#000; font-size:16px; }
.mapNav .mapNavList a span { display:block; }
.mapNav .mapNavList .active>a { color:#c62f00; text-decoration:underline; }
.mapNav .mapNavList>ul>li>a { background:#fff; }
.mapNav .mapNavList .sNav a:before { content:''; position:absolute; right:16px; top:50%; margin-top:-1px; width:12px; height:1px; background:#797979; }
.mapNav .mapNavList .sNav a:after { overflow:hidden; content:'메뉴 펼치기'; position:absolute; right:22px; top:50%; width:1px; height:12px; margin-top:-6px; background:#797979; transition: all 0.4s; text-indent:-999px; }
.mapNav .mapNavList .sNav.open a:after { content:'메뉴 접기'; transform:rotate(90deg); opacity:0; }
.mapNav .mapNavList>ul>li>a span { padding-left:20px; background:url(/archive/images/search/icon_tit.gif) left center no-repeat; }
.mapNav .mapNavList .listArea2>ul>li>a { padding-left:39px; }
.mapNav .mapNavList .listArea2>ul>li>a span { padding-left:8px; background:url(/archive/images/search/bu_snav.gif) left center no-repeat; }
.mapNav .mapNavList .listArea2>ul>li.active>a span { background-image:url(/archive/images/search/bu_snav_on.gif); }
.mapNav .mapNavList .listArea3 { display:none; border-bottom:1px solid #dcdcdc;  }
.mapNav .mapNavList .listArea3 li a { padding:5px 18px 5px 50px; border-bottom:none; }
.mapNav .mapNavList .listArea3 li a span { padding-left:10px; background:url(/archive/images/search/bu_ssnav.gif) left center no-repeat; }
.mapNav .mapNavList .listArea3 a:before,
.mapNav .mapNavList .listArea3 a:after { display:none; }
.mapNav2 h4 { position:absolute; top:0; width:50%; }
.mapNav2 h4.mapBtn01 { left:0; }
.mapNav2 h4.mapBtn02 { left:50%; }
.mapNav2 h4 a { display:block; background:#675d59; text-align:center; line-height:52px; color:#fff; font-size:17px; }
.mapNav2 h4 a.active { background:#e04b0f; text-decoration:underline; }
.mapNav2 .mapNavList2 li { position:relative; }
.mapNav2 .mapNavList2 a { position:relative; display:block; padding:10px 18px; line-height:24px; border-bottom:1px solid #dcdcdc; color:#000; font-size:16px; }
.mapNav2 .mapNavList2 a span { display:block; }
.mapNav2 .mapNavList2 .active>a { color:#c62f00; text-decoration:underline; }
.mapNav2 .mapNavList2>ul>li>a { background:#fff; }
.mapNav2 .mapNavList2 .openBtn { position:absolute; right:0; top:5px; width:30px; height:30px; text-indent:-999px; overflow:hidden; }
.mapNav2 .mapNavList2 .openBtn:before { content:''; position:absolute; right:6px; top:50%; margin-top:-1px; width:12px; height:1px; background:#797979; }
.mapNav2 .mapNavList2 .openBtn:after { overflow:hidden; content:'메뉴 펼치기'; position:absolute; right:12px; top:50%; width:1px; height:12px; margin-top:-6px; background:#797979; transition: all 0.4s; text-indent:-999px; }
.mapNav2 .mapNavList2 .active>.openBtn:after { content:'메뉴 접기'; transform:rotate(90deg); opacity:0; }
.mapNav2 .mapNavList2>ul>li>a span { padding-left:20px; background:url(/archive/images/search/icon_tit.gif) left center no-repeat; }
.mapNav2 .mapNavList2 .listArea2>ul>li>a { padding-left:39px; }
.mapNav2 .mapNavList2 .listArea2>ul>li>a span { padding-left:8px; background:url(/archive/images/search/bu_snav.gif) left center no-repeat; }
.mapNav2 .mapNavList2 .listArea2>ul>li.active>a span { background-image:url(/archive/images/search/bu_snav_on.gif); }
.mapNav2 .mapNavList2 .listArea3 { display:none; border-bottom:1px solid #dcdcdc;  }
.mapNav2 .mapNavList2 .listArea3 li a { padding:5px 18px 5px 50px; border-bottom:none; }
.mapNav2 .mapNavList2 .listArea3 li a span { padding-left:10px; background:url(/archive/images/search/bu_ssnav.gif) left center no-repeat; }
.mapNav2 .mapNavList2 .listArea3 div { background:#eee; }
.mapWrap .mapArea { position:relative; margin-left:216px; background:#f3f1f1; overflow:hidden; }
.mapWrap .mapArea .map { width:100%; height:740px; }
.mapWrap .mapArea .map img { max-width:none; }
.mapArea .mapUtil { position:absolute; right:0; top:0; width:182px; height:100%; box-sizing:border-box; z-index:2; }
.mapArea .btn { position:absolute; left:auto; right:0; top:0; width:182px; z-index:3; }
.mapArea .btn button { width:100%; height:50px; background:#363636; color:#fff; font-size:12px; font-family:"돋움",Dotum; font-weight:bold; }
.mapArea .btn button span { display:inline-block; line-height:16px; padding-left:20px; background:url(/archive/images/search/btn_view.gif) left center no-repeat; }
.mapUtil { display:none; }
.mapUtil>div { height:100%; padding-top:50px; background:#2d2d2d; background-color:rgba(45,45,45,0.85); box-sizing:border-box; }
.mapUtil>div div { overflow-y:auto; height:100%; padding:10px 8px; box-sizing:border-box; }
.mapUtil>div ol li { line-height:27px; padding:3px; color:#fff; font-size:14px; letter-spacing:-0.05em; }
.mapUtil>div ol li i { display:inline-block; width:25px; line-height:25px; margin-right:10px; background:#000; border-radius:50%; text-align:center; font-style:normal; }
.mapUtil>div ol li.colType01 i { background:#eda700; } /* 건물지 */
.mapUtil>div ol li.colType02 i { background:#e88008; } /* 마당 */
.mapUtil>div ol li.colType03 i { background:#1d46cb; } /* 배수로 */
.mapUtil>div ol li.colType04 i { background:#ea3692; } /* 집수정 */
.mapUtil>div ol li.colType05 i { background:#a91bcd; } /* 대형계단 */
.mapUtil>div ol li.colType06 i { background:#5320b0; } /* 축대 */
.mapUtil>div ol li.colType07 i { background:#1b1464; } /* 방형석조유구 */
.mapUtil>div ol li.colType08 i { background:#c13f13; } /* 암거 */
.mapUtil>div ol li.colType09 i { background:#2ca7d4; } /* 보도시설 */
.mapUtil>div ol li.colType10 i { background:#15a77c; } /* 우물 */
.mapUtil>div ol li.colType11 i { background:#769020; } /* 기타석열 */
.mapUtil>div ol li.colType12 i { background:#10871e; } /* 비좌 */
.mapUtil>div ol li.colType13 i { background:#907516; } /* 전바닥 */
.mapUtil>div ol li.colType14 i { background:#2637d7; } /* 시굴파랑 */
.mapUtil>div ol li.colType15 i { background:#f2ab00; } /* 회경전 */
.mapUtil>div ol li.colType16 i { background:#ed4e00; } /* 장회전 */
.mapUtil>div ol li.colType17 i { background:#c60505; } /* 원덕전 */
.moMapUtil { display:none; }
/* galleryList */
.galleryList { overflow:hidden; max-width:1214px; margin:50px auto; }
.galleryList h4 { margin:29px; color:#010101; font-size:24px; }
.boardView .galleryList h4 { margin-left:14px; }
.galleryList ul { font-size:0; }
.galleryList li { display:inline-block; width:20%; margin-bottom:50px; padding:0 12px; box-sizing:border-box; text-align:center; vertical-align:top; }
.galleryList li a { display:block; max-width:220px; }
.galleryList li a span { display:block; color:#000; font-size:18px; }
.galleryList li a span.img { height:120px; overflow:hidden; }
.galleryList li a span.h220 { height:220px; }
.galleryList li a span.img img { min-height:100%; }
.galleryList li a span.txt { padding:20px; }
.searchContent .btnMoreCenter,
.galleryList .btnMore { text-align:center; margin-top:-20px; }
.searchContent .btnMoreCenter button,
.searchContent .btnMoreCenter a,
.galleryList .btnMore button,
.galleryList .btnMore a { display:inline-block; width:272px; height:58px; background:#f4f4f4; border:1px solid #e0e0e0; }
.searchContent .btnMoreCenter span,
.galleryList .btnMore span { display:inline-block; padding-right:34px; background:url(/archive/images/search/icon_plus.gif) right center no-repeat; color:#000; font-size:16px; }
/* boardView */
.boardView { position:relative; max-width:1140px; margin:0 auto; }
.boardView h3 { margin:37px; text-align:center; color:#010101; font-size:34px; }
.viewCategory { position:absolute; left:0; top:0; }
.mapWrap button.tabBtn,
.viewCategory button.tabBtn { overflow:hidden; width:54px; height:52px; background:#675d59 url(/archive/images/search/icon_category.png) center no-repeat; border:1px solid #675d59; box-sizing:border-box; text-indent:-999px; }
.mapWrap.active button.tabBtn,
.viewCategory.active button.tabBtn { background-color:#fff; background-image:url(/archive/images/search/icon_category_on.png); border:1px solid #d0d0d0; }
.viewCategory .mapNav2 { display:none; position:absolute; left:54px; top:0; width:215px; padding-top:52px; z-index:3; background:#f9f9f9; }
.boardView .viewTop { overflow:hidden; padding:40px 15px; border-top:1px solid #e4e2e1; border-bottom:1px solid #e4e2e1; min-height:390px; }
.boardView .viewTop .viewImg { position:relative; float:left; width:46.228%; }
.boardView .viewTop .viewImg p.img { border:1px solid #b1a5a0; }
.boardView .viewTop .btnList { margin-top:10px; text-align:right; font-size:0; }
.boardView .viewTop .btnList li { display:inline-block; width:25%; padding-left:1px; box-sizing:border-box; vertical-align:top; }
.boardView .viewTop .btnList li:first-child { padding:0; }
.boardView .viewTop .btnList li a { display:block; background:#4b4531; text-align:center; font-size:16px; }
.boardView .viewTop .btnList li a span { display:inline-block; line-height:20px; padding:10px 0 10px 28px; background-position:left center; background-repeat:no-repeat; color:#fff; }
.boardView .viewTop .btnList li a span.iconDown { background-image:url(/archive/images/search/icon_down.png); }
.boardView .viewTop .btnList li a span.iconView { background-image:url(/archive/images/search/icon_zoom.png); }
.boardView .viewTop .btnList li a span.iconLink { background-image:url(/archive/images/search/icon_link.png); }
.boardView .viewTop .btnList li a span.iconLink2 { background-image:url(/archive/images/search/icon_link2.png); }
/*
.boardView .viewTop .btn { position:absolute; right:0; bottom:0; width:168px; height:44px; line-height:44px; background:#4b453a; text-align:center; }
.boardView .viewTop .btn span { display:inline-block; padding-left:20px; background:url(/archive/images/search/icon_zoom.png) left center no-repeat; color:#fff; }
.boardView .viewTop .btn2 { position:absolute; right:170px; bottom:0; width:168px; height:44px; line-height:44px; background:#4b453a; text-align:center; }
.boardView .viewTop .btn2 span { display:inline-block; padding-left:20px; background:url(/archive/images/search/icon_down.png) left center no-repeat; color:#fff; }
*/
.boardView .viewTop .viewTxt { margin-left:50.17543%; }
.viewTxt li { overflow:hidden; padding:5px 0 0; }
.viewTxt li:first-child { padding-top:0; }
.viewTxt dl { font-size:17px; }
.viewTxt dl dt { float:left; width:14em; line-height:1.4; padding-bottom:5px; padding-left:10px; background:url(/archive/images/search/bu_view.gif) left 13px no-repeat; color:#5c5959; }
.viewTxt dl dd { line-height:1.4; margin-left:10px; padding-bottom:5px; color:#3d3d3d; }
.viewTxt dl dd a { color:#ce4706; }
.viewTxt dl dd .btnMoreTxt { display:inline-block; line-height:1.4; margin-left:20px; padding-bottom:5px; color:#e04b0f; }
.boardView .galleryList { position:relative; margin-top:40px; }
.boardView .galleryList .btnZoom { position:absolute; right:20px; top:29px; background:#e04b0f; border-radius:20px; }
.boardView .galleryList .btnZoom button { width:168px; height:40px; }
.boardView .galleryList .btnZoom span { display:inline-block; padding-left:20px; background:url(/archive/images/search/icon_zoom.png) left center no-repeat; color:#fff; font-size:18px; }
.viewerPop { position:fixed; display:none; table-layout:fixed; left:0; top:0; width:100%; height:100%; background:#000; background-color:rgba(0,0,0,0.5); z-index:10; }
.popArea { display:table-cell; width:100%; vertical-align:middle; }
.viewerWrap { position:relative; max-width:1048px; margin:0 auto; }
.viewerWrap h4 { padding:24px 0; color:#fff; font-size:26px; }
.viewerArea { overflow:hidden; position:relative; width:100%; background:url(/archive/images/search/bg_popup.jpg) right top no-repeat; }
.viewerArea .viewerSlide { float:left; width:76.71755%; max-height:576px; background:#fff; overflow:hidden; text-align:center; vertical-align:middle; }
.viewerArea .viewerSlide div { position:relative; height:576px; }
.viewerArea .viewerSlide img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}
.viewerArea .viewInfo { position:absolute; width:23.28245%; height:100%; margin-left:76.71755%; color:#fefefe; }
.viewerArea .viewInfo .viewerTxt { display:block; padding:18.44262% 14.75409%; font-size:18px; word-break:keep-all; }
.viewerArea .viewInfo .viewerControl { position:absolute; right:0; bottom:0; width:100%; }
.viewerArea .viewInfo .viewerControl ul { width:100%; text-align:right; font-size:0; }
.viewerArea .viewInfo .viewerControl ul li { display:inline-block; width:33%; margin-left:0.33333%; background:#000; vertical-align:top; font-size:18px;}
.viewerArea .viewInfo .viewerControl ul li button { overflow:hidden; width:100%; height:60px; background:center no-repeat; text-indent:-999px; }
.viewerArea .viewInfo .viewerControl ul li.prev button { background-image:url(/archive/images/search/btn_prev.png); }
.viewerArea .viewInfo .viewerControl ul li.next button { background-image:url(/archive/images/search/btn_next.png); }
.viewerArea .viewInfo .viewerControl ul li span { display:block; width:100%; height:60px; line-height:60px; text-align:center; }
.viewerWrap .btnClose { position:absolute; right:8px; top:24px; }
.viewerWrap .btnClose button { overflow:hidden; width:27px; height:27px; background:url(/archive/images/search/btn_close.png) center no-repeat; text-indent:-999px; }
.viewerArea .viewerSlide2 { float:left; width:76.71755%; max-height:576px; background:#fff; overflow:hidden; text-align:center; vertical-align:middle; }
.viewerArea .viewerSlide2 div { position:relative; height:576px; }
.viewerArea .viewerSlide2 img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}
.viewerArea .viewInfo2 { position:absolute; width:23.28245%; height:100%; margin-left:76.71755%; color:#fefefe; }
.viewerArea .viewInfo2 .viewerTxt { display:block; padding:18.44262% 14.75409%; font-size:18px; word-break:keep-all; }
.viewerArea .viewInfo2 .viewerControl2 { position:absolute; right:0; bottom:0; width:100%; }
.viewerArea .viewInfo2 .viewerControl2 ul { width:100%; text-align:right; font-size:0; }
.viewerArea .viewInfo2 .viewerControl2 ul li { display:inline-block; width:33%; margin-left:0.33333%; background:#000; vertical-align:top; font-size:18px;}
.viewerArea .viewInfo2 .viewerControl2 ul li button { overflow:hidden; width:100%; height:60px; background:center no-repeat; text-indent:-999px; }
.viewerArea .viewInfo2 .viewerControl2 ul li.prev button { background-image:url(/archive/images/search/btn_prev.png); }
.viewerArea .viewInfo2 .viewerControl2 ul li.next button { background-image:url(/archive/images/search/btn_next.png); }
.viewerArea .viewInfo2 .viewerControl2 ul li span { display:block; width:100%; height:60px; line-height:60px; text-align:center; }
/* search */
.totalSearch { }
.totalSearch .searchForm { position:relative; max-width:760px; margin:24px auto 18px; padding:10px 20px; background:#fff; border:2px solid #7a5444; border-radius:30px; -webkit-border-radius:30px; box-sizing:border-box; }
.totalSearch .searchForm p { margin-right:230px; }
.totalSearch .searchForm p input { padding-left:20px; background:url(/archive/images/search/icon_search.gif) left center no-repeat; color:#010101; }
.totalSearch .searchForm ul { position:absolute; right:0; top:10px; font-size:0; }
.totalSearch .searchForm ul li { position:relative; display:inline-block; }
.totalSearch .searchForm ul li:after { content:''; position:absolute; left:0; top:50%; width:1px; height:17px; margin-top:-7px; background:#a59f9d; }
.totalSearch .searchForm ul li:first-child:after { display:none; }
.totalSearch .searchForm ul li input { padding:0 11px; cursor:pointer; }
.totalSearch .searchForm input { width:100%; height:30px; background:transparent; border:none; border-radius:0; -webkit-border-radius:0; box-sizing:border-box; color:#573f3f; font-size:18px; }
.totalSearch .searchForm ul li input[type="submit"] { font-weight:bold; }
dl.recomKeyword { max-width:758px; margin:0 auto; padding:18px 10px; border-top:1px solid #cfcfcf; font-size:15px; }
dl.recomKeyword dt { float:left; width:80px; color:#191919; }
dl.recomKeyword dd { overflow:hidden; margin-left:96px; }
dl.recomKeyword dd ul { margin-left:-30px; }
dl.recomKeyword dd li { display:inline-block; margin:0 0 10px 30px; }
dl.recomKeyword dd li * { color:#828282; font-weight:300; }
.detailSearchWrap { display:none; max-width:764px; margin:0 auto; font-size:0; }
.detailFormArea select,
.detailFormArea input { height:46px; margin:0.5%; border:1px solid #cfcfcf; box-sizing:border-box; color:#515151; font-size:15px; font-weight:300; text-indent:10px; }
.detailFormArea select { position:relative; width:19%; /* background:url(/archive/images/search/arrow_select.gif) 90% center no-repeat; */ }
.detailFormArea input { width:59%; }

.detailFormArea2 select,
.detailFormArea2 input { height:46px; margin:0.5%; border:1px solid #cfcfcf; box-sizing:border-box; color:#515151; font-size:15px; font-weight:300; text-indent:10px; }
.detailFormArea2 select { position:relative; width:19%; /* background:url(/archive/images/search/arrow_select.gif) 90% center no-repeat; */ }
.detailFormArea2 input { width:39%; }
.detailBtnArea { margin:26px 0; text-align:center; }
.detailBtnArea li { display:inline-block; max-width:190px; width:100%; }
.detailBtnArea li.submit button { background:#786a65; }
.detailBtnArea li.reset button { background:#524641; }
.detailBtnArea button { width:100%; height:52px; color:#fff; font-size:17px; }
.searchTxt { display:table; width:100%; margin-bottom:58px; background:#fbf8f3; border:1px solid #ded9d0; box-sizing:border-box; }
.searchTxt p,
.searchTxt dl { display:table-cell; padding:15px 12px; vertical-align:middle; }
.searchTxt p { width:190px; border-right:1px solid #ded9d0; box-sizing:border-box; text-align:center; font-size:18px; }
.searchTxt p strong { color:#d25001; }
.searchTxt dl { width:auto; font-size:0; }
.searchTxt dl dt { position:relative; float:left; width:115px; margin-right:20px; padding:0 20px; font-size:18px; box-sizing:border-box; }
.searchTxt dl dt:after { content:''; position:absolute; right:0; top:50%; width:1px; height:17px; margin-top:-8px; background:#dadada; }
.searchTxt dl dd { margin-left:135px; font-size:16px; vertical-align:middle; overflow:hidden; }
.searchTxt dl dd ul { margin-left:-10px; }
.searchTxt dl dd li { display:inline-block; margin-left:10px; }
.searchTxt dl dd button { overflow:hidden; width:30px; background:url(/archive/images/search/btn_del.gif) center no-repeat; text-indent:-999px; }
.searchArea {}
.searchArea .sNav { float:left; width:193px; }
.searchArea .sNav .navTab { margin-bottom:11px; background:#f9f9f9; border:1px solid #dcdcdc; }
.searchArea .sNav .navTab h4 { position:relative; line-height:30px; padding:12px 10px 12px 40px; background:#fff url(/archive/images/search/icon_tit.gif) 17px center no-repeat; border-bottom:1px solid #dcdcdc; color:#000; font-size:18px; }
.searchArea .sNav .navTab h4 button { display:none; position:absolute; right:8px; top:50%; width:20px; height:20px; margin-top:-10px; background:#fff url(/archive/images/common/icon_plus.gif) center no-repeat; border:1px solid #ccc; text-indent:-999px; overflow:hidden; }
.searchArea .sNav .navTab h4 button.opend { background-image:url(/archive/images/common/icon_minus.gif); }
.searchArea .sNav .navTab ul { padding:7px 20px; }
.searchArea .sNav .navTab ul li { position:relative; overflow:hidden; margin:7px 0; font-size:16px; }
.searchArea .sNav .navTab ul li a { display:block; margin-left:8px; padding-left:7px; background:url(/archive/images/search/bu_snav.gif) left center no-repeat; color:#000; font-weight:300; }
.searchArea .sNav .navTab ul li.active a { background-image:url(/archive/images/search/bu_snav_on.gif); color:#d34012; font-weight:normal; }
.searchArea .sNav .navTab ul li input { position:absolute; left:0; top:0; width:1px; height:1px; margin-left:-50px; }
.searchArea .sNav .navTab ul li label { padding-left:20px; color:#000; font-weight:300; }
.searchArea .sNav .navTab ul li label:after { content:''; position:absolute; overflow:hidden; left:0; top:50%; width:12px; height:12px; margin-top:-6px; background:transparent; border:1px solid #848484; box-sizing:border-box; text-indent:-999px; }
.searchArea .sNav .navTab ul li input:checked + label { color:#d33f11; font-weight:normal; }
.searchArea .sNav .navTab ul li input:checked + label:after { content:'선택됨'; background:#d34012; border-color:#d34012; }
.searchArea .searchContent { margin-left:220px; }
.searchContent .searchItem,
.searchContent .postList { position:relative; overflow:hidden; margin-bottom:50px; padding-top:8px; border-top:1px solid #ded9d0; }
.searchContent .postList { padding-top:0; border-top:none; }
.searchContent .searchItem h4 { padding:22px 5px; color:#010101; font-size:20px; }
.searchContent .searchItem h4 span { color:#d34012; }
.searchContent .searchItem ul { margin:0 -10px; font-size:0; }
.searchContent .searchItem ul li { display:inline-block; width:20%; margin-bottom:50px; text-align:center; vertical-align:top; font-size:20px; }
.searchContent .searchItem ul li a { display:block; max-width:186px; margin:0 auto; color:#000; font-size:16px; }
.searchContent .searchItem ul li a span { display:block; }
.searchContent .searchItem ul li a span.img { max-height:252px; margin-bottom:14px; overflow:hidden; }
.searchContent .searchItem ul li a span.img img { max-height:124px; }
.searchContent .searchItem ul li a span.txt { padding:0 10px;}
.searchContent .postList li.postItem { position:relative; overflow:hidden; margin-bottom:12px; padding:22px; border:1px solid #eae8e7; }
.searchContent .postList li.postItem p.img { float:left; width:248px; }
.searchContent .postList li.postItem div { margin-left:286px; margin-right:90px; }
li.postItem div ul { margin:12px 0 12px -2px; font-size:0; }
li.postItem div ul li { display:inline-block; margin:0 2px; }
li.postItem div ul li span { display:block; height:26px; line-height:26px; padding:0 10px; border:1px solid #dcdcdc; text-align:center; color:#000; font-size:14px; }
li.postItem div p.tit { padding:4px 0; color:#080808; font-size:21px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
li.postItem div p.txt { padding:20px 0 10px; color:#545454; font-size:15px; }
.searchContent .postList li.postItem p.btn { position:absolute; right:33px; top:50%; margin-top:-32px; }
.searchContent .postList li.postItem p.btn a { display:block; width:72px; height:65px; padding:12px 16px; background:#998b85; box-sizing:border-box; text-align:center; color:#fff; }
.searchContent .searchItem .btnMore { position:absolute; right:0; top:35px; }
.searchContent .searchItem .btnMore a { color:#5f5551; font-size:15px; }

/* 공지사항 */
.boardStyle { max-width:1058px; margin:0 auto; }
/* board Btn */
.boardBtn { margin-bottom:28px; text-align:right; font-size:0; }
.boardBtn p { display:inline-block; font-size:15px;}
.boardBtn p a { display:inline-block; margin-top:15px;margin-left:3px; padding:12px 15px 12px 40px; background:url(/archive/images/board/bg_boardBtn.jpg) no-repeat; border:1px solid #cfcfcf; border-radius:3px; color:#050505; }
.boardBtn .boardBtn_modify { background-position:13px 0px; }
.boardBtn .boardBtn_manage { background-position:13px 0px; }
.boardBtn .boardBtn_reply { background-position:13px 0px; }
.boardBtn .boardBtn_write { background-position:13px -42px; }
.boardBtn .boardBtn_cancel { background-position:13px -84px; }
.boardBtn .boardBtn_delete { background-position:13px -126px; }
.boardBtn .boardBtn_list { background-position:13px -168px; }

/* board List */
.boardInfo { overflow:hidden; margin:0 0 12px 0; padding:0 19px 0 7px; }
.infoCount { float:left; margin-top:15px; padding-left:10px; background:url(/archive/images/board/bg_commentTotal.jpg) left center no-repeat; font-size:14px; font-weight:300; color:#494949; }
.countTotal { font-weight:400; color:#cf0000; }
.countToday { font-weight:400; color:#0041c9; }
.boardSelect { float:right; height:43px; line-height:41px; font-size:14px; color:#555453; }
.boardSelect li { float:left; }
.boardSelect li.Select { min-width:130px; margin-right:-1px; }
.boardSelect li.Select select { width:100%; height:43px; padding:0 10px 0 10px; /* background:url(/archive/images/board/btn_boardSelect.jpg) 92% center no-repeat; */ border:1px solid #cfcfcf; font-size:14px; box-sizing:border-box; vertical-align:top; }
.boardSelect li.boardSearchText {overflow:hidden; width:233px; height:100%; border:1px solid #cfcfcf; box-sizing:border-box; }
.boardSearchText input.text { width:180px; height:100%; border:0; text-indent:18px; vertical-align:top; }
#wrap .boardSearchText input.btn,
.boardSelect .boardSearchText input.btn { width:43px; height:100%; background:url(/archive/images/board/btn_boardSearch.jpg) center no-repeat; border:none; vertical-align:top; text-indent:-9999px; }
.boardStyle .topInfo { overflow:hidden; padding:10px 3%; border-top:1px solid #7f7f7f; font-size:15px; }
.boardStyle .topInfo i { float:left; margin-right:5px; font-style:normal; }
.boardStyle .topInfo span { overflow:hidden; display:block; }
.boardStyle .boardList { clear:both; width:100%; margin-bottom:23px; table-layout:fixed; font-size:14px; font-weight:300; text-align:center; }
.boardList thead { border-top:1px solid #7f7f7f; border-bottom:1px solid #dedbdb; }
.boardList thead th { font-weight:300; }
.boardList .check { width:5%; }
.boardList .num { width:8%; }
.boardList .subject { width:auto; }
.boardList .writer { width:12%; }
.boardList .date { width:14%; }
.boardList .hits { width:8%; }
.boardList .file { width:6%; }
.boardList .goin { width:15%; }
.boardList .sangju { width:15%; }
.boardList .binso { width:10%; }
.boardList .phone { width:18%; }
.boardList tbody tr { border-bottom:1px solid #dedbdb; }
.boardStyle .boardList th, .boardStyle .boardList td { padding:14px 10px; }
.boardStyle .boardList td.subject { text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.boardStyle .boardList td.subject a img{ vertical-align:middle; padding:0 5px; }
.boardStyle .boardList td.subject a img.fileIcon { display:none; }
.boardStyle .boardList td.writer { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.boardStyle .boardList td.area { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.boardList td.check input { margin-top:-3px; }
.boardList td.num span { display:block; }
.boardList td.num .iconNotice img { vertical-align:middle; max-height:30px; }
.boardList td.subject .iconNew img { margin:-2px 0 0 3px; vertical-align:middle; }
.boardList td.subject .isecret img { margin:-2px 0 0 3px; vertical-align:middle; }
.boardList td.subject .ireply { position:relative; display:inline-block; line-height:19px; margin:0 10px 0 18px; padding:0 5px; background:#f6f7f9; border:1px solid #cfcfcf; }
.boardList td.subject .ireply:after { content:''; position:absolute; left:0; top:3px; width:13px; height:12px; margin-left:-18px; background:url(/archive/images/board/icon_reply.gif) center no-repeat; }
.boardList td.file span { display:block; }
.boardList td.file span img { vertical-align:middle; }

.write_table tbody {border-top:1px solid #dde2e8;}
/* board no data */
.no_data { width:100%; margin-bottom:23px; padding:20px 0 50px 0; border-bottom:1px solid #dedbdb; text-align:center; color: #050505; }
.gall_list .no_data { border-top:1px solid #dedbdb; padding:50px 0;}

/* board Page */
.boardPage { text-align:center; margin-bottom:30px; }
.boardPage ul { display:inline-block; border:1px solid #cfcfcf; font-size:0; line-height:1; }
.boardPage ul li { display:inline-block; border-left:1px solid #cfcfcf; font-size:13px; font-family:"�섎닎怨좊뵓", Nanum Gothic; }
.boardPage ul li:first-child { border-left:none; }
.boardPage ul li a { color:#6f6f70; }
.boardPage ul li strong { background:#545454 url(/archive/images/board/pages_underline.jpg) center 26px no-repeat; color:#ddd; }
.boardPage ul li a,
.boardPage ul li strong { display:block; min-width:36px; height:36px; line-height:36px; font-weight:bold; text-align:center; vertical-align:top; }
.boardPage ul li a img { margin-top:-2px; vertical-align:middle;}

.boardPage ul li.first a {text-indent:-99999px;background:url('/archive/images/board/btn_comment_first.jpg') 50% no-repeat;}
.boardPage ul li.prev a {text-indent:-99999px;background:url('/archive/images/board/btn_comment_prev.jpg') 50% no-repeat;}
.boardPage ul li.next a {text-indent:-99999px;background:url('/archive/images/board/btn_comment_next.jpg') 50% no-repeat;}
.boardPage ul li.last a {text-indent:-99999px;background:url('/archive/images/board/btn_comment_last.jpg') 50% no-repeat;}

/* *board view* */
.viewTit { padding:0 13px; border-top:1px solid #dde2e8; border-bottom:1px solid #dde2e8; font-size:0; }
.viewTit h4 { display:inline-block; width:70%; padding:20px 0; font-size:20px; color:#3f3f3f; }
.viewTit p { display:inline-block; width:30%; text-align:right; box-sizing:border-box; font-size:14px; }
.viewTit p span { display:inline-block; padding:0 10px; color:#6b6b6b;}
.viewContent { padding:23px 40px 40px 40px; border-bottom:1px solid #dde2e8; font-size:14px; }
.viewContent .cont_view { padding:0; }
.viewContent .txt { padding:12px 0; text-align:justify; line-height:24px; color:#3f3f3f; }
.viewContent .txt table,
.viewContent .txt table th,
.viewContent .txt table td { border:1px solid; vertical-align:middle; }
.viewContent .img { padding:20px; text-align:center; }
.viewContent .img img{ max-width:100%; }
.viewContent .txt img[style*="height"] { height:auto !important; }
.viewContent .topBtn { display:inline-block; margin:10px 0 30px 5px; border:1px solid #cfcfcf; border-radius:3px; color:#050505; }
.viewContent .topBtn a { display:block; padding:3px 15px; }
.viewContent .txtWrap { border-bottom:1px #E6E6E6 solid; }
.viewContent .images {text-align:center;}
.type_zipcode { position:relative; max-width:150px; padding-right:5em; }
.type_zipcode input { width:100%; font-size:14px; }
#wrap .type_zipcode .elmt_button { position:absolute; right:0; top:0; }
#wrap .type_zipcode .elmt_button button { min-width:5em; height:34px; line-height:34px; border:1px solid #cfcfcf; border-left:none; font-size:14px; color:#6b6b6b; }
#view_address .elmt_input { padding-top:4px; }
#view_address .elmt_input input { width:100%; }

/* board view File */
.boardFile { margin-top:30px; padding:20px; border:1px solid #dbdbdb; }
.boardFile a { color:#3f3f3f; }
.boardFile dl { position:relative; padding:12px 98px 12px 77px; border-top:1px solid #dde2e8; font-family:'돋움',Dotum; }
.boardFile dl:first-child { border-top:none; }
.boardFile dl dt { position:absolute; left:0; width:58px; padding-left:19px; background:url(/archive/images/board/bg_boardFile.jpg) 59px center no-repeat; }
.boardFile dl dd.fileName { width:95%; padding-right:5%; margin-top: 5px; margin-bottom: 5px;}
.boardFile dl dd.fileName a { font-size: 90%; display: inline-block; margin-top: 5px; margin-left: 6px;}
.fileName span.icon_fileHwp { display:inline-block; width: 19px;}
.fileName span.icon_fileHwp img { margin-top:-3px;  }
.boardFile dl dd.fileDown { position:absolute; top:7px; right:10px; width:86px; height:30px; line-height:28px; margin-right:12px; }
.fileDown a.btn_down { display:block; padding-left:29px; background:url(/archive/images/board/btn_fileDown.jpg) 8px 7px no-repeat; }
/* board view Ctrl */
.viewCtrl { display:table; margin-bottom:25px; border-top:1px solid #dde2e8; font-weight:300; color:#3f3f3f; }
.viewCtrl dl { display:table-row;  position:relative; overflow:hidden; }
.viewCtrl dl dt,
.viewCtrl dl dd { display:table-cell; padding:2px 0; border-bottom:1px solid #dde2e8; }
.viewCtrl dl dt { padding:13px 13px 12px 54px; white-space:nowrap; }
.viewCtrl dl.prevList dt { background:url(/archive/images/board/btn_prevList.jpg) 18px center no-repeat; }
.viewCtrl dl.nextList dt { background:url(/archive/images/board/btn_nextList.jpg) 18px center no-repeat; }
.viewCtrl dl dd { width:100%; padding-left:16px; background:url(/archive/images/board/bg_boardFile.jpg) left center no-repeat; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box; vertical-align:middle; }
.viewCtrl dl dd a { display:inline-block; width:100%; color:#3f3f3f; word-break:keep-all; white-space:normal; overflow:hidden; text-overflow:ellipsis; }
/* board view Comment */
.boardComment { font-family:"돋움", dotum; font-size:12px; }
.commentWrap { border-top:3px solid #43434a; border-bottom:1px solid #dde2e8; background:#f6f6f6; padding:25px; }
.commentTotal { padding:0 10px; background:url(/archive/images/board/bg_commentTotal.jpg) left center no-repeat; font-size:14px; font-weight:bold; color:#3f3f3f; }
.commentTotal strong { color:#fb460f; }
.commentReturn img{ vertical-align:middle; margin-top:-2px; padding-right:10px; }
.comment_info { font-size:12px; color:#606060; }

.commentWrite { position:relative; width:100%; padding-left:53px; height:46px; margin-top:12px; background:#fff; border:1px solid #cfcfcf; box-sizing:border-box; }
.commentTit { position:absolute; left:0; width:52px; height:46px; line-height:46px; text-align:center; border-right:1px solid #cfcfcf; }
.commentTxt{ position:relative; width:100%; height:46px; padding-right:70px; box-sizing:border-box; }
.commentTxt input.text { width:100%; height:42px; padding:0 60px 0 13px; background:none; border:0px; box-sizing:border-box; }
#wrap .commentTxt input.btn{ position:absolute; right:0px; top:-1px; width:70px; height:46px; line-height:44px; background:#545454; color:#fff; font-size:14px; }
.comment_count{ position:absolute; top:0; right:90px; height:45px; line-height:45px; color:#a6a6a6; font-size:14px; }

.commentList { font-family:"돋움", dotum; color:#3f3f3f; margin-bottom:28px; }
.commentList ul { font-size:0; width:100%; border-bottom:1px solid #dde2e8; }
.commentList li { float:left; font-size:12px; }
.commentList .writer { width:12.5%; padding:17px 10px 15px 25px; background:url(/archive/images/board/table_bar.jpg) right center no-repeat; box-sizing:border-box;  font-weight:bold;}
.commentList .comments { width:73%; text-align:left; padding:12px 8px 11px 8px; box-sizing:border-box; }
.commentList .comments img { vertical-align:middle; }
.commentList .date { width:14.5%; text-align:right;  padding:17px 25px 15px 8px; color:#a0a0a0; font-weight:bold; box-sizing:border-box;}
.commentDelete { padding-left:10px; }
.commentModify { padding-left:5px; }
.commentPage { text-align:center; padding-bottom:28px; border-bottom:1px solid #dde2e8; }
.commentPage ul { display:inline-block; font-size:0; }
.commentPage ul li { display:inline-block; font-size:14px; font-family:"돋움", dotum; }
.commentPage ul li:first-child { border-left:none; }
.commentPage ul li a { color:#000; }
.commentPage ul li strong { background:url(/archive/images/board/comment_pages_line.jpg) center 23px no-repeat; color:#e73444; }
.commentPage ul li a,
.commentPage ul li strong { display:block; min-width:25px; height:33px; line-height:33px; font-weight:bold; text-align:center; vertical-align:top; }
.commentPage ul li a img { margin-top:-2px; vertical-align:middle;}
.commentPage ul li.first {  min-width:31px; height:33px; line-height:33px; border:1px solid #dadada; }
.commentPage ul li.prev { min-width:31px; height:33px; line-height:33px; margin-right:18px; border:1px solid #dadada; border-left:0; }
.commentPage ul li.next {  min-width:31px; height:33px; line-height:33px; margin-left:18px; border:1px solid #dadada; border-right:0; }
.commentPage ul li.last {  min-width:31px; height:33px; line-height:33px; border:1px solid #dadada; }
/* board view Answer */
.answer_section dl dt { padding:12px 15px 15px 85px; background:url(/archive/images/board/bg_boardAnswe.jpg) 40px center no-repeat;  border-bottom:1px solid #dde2e8; font-weight:500; font-size:26px; }
.answer_section dl dd { padding:22px 15px 22px 40px; border-bottom:1px solid #dde2e8; font-size:14px; color:#6b6b6b; }
.answer_section dl dd > div { display:inline-block; vertical-align:middle; }
.answer_section dl dd .tit,
.answer_section dl dd .txt { display:inline-block; vertical-align:middle; }
.answer_section .viewContent { margin-bottom:20px; padding:13px 40px 25px 40px; background:#f9f9f9; }
@media all and (max-width:1100px) {
    /* intro */
    .oldHistoryLine ul:after { top:84px; }
    .oldHistoryLine ul li dl dt { height:100px; }
}
@media all and (max-width:1024px) {
    #container { padding-top:0; }    
}
@media all and (max-width:960px) {
    .guideWrap h2,
    .locationWrap .siteLocation>ul>li.home,
    .locationWrap p.btnPrint { display:none; }
    .locationWrap .siteLocation { border-bottom:1px solid #d6d6d6; }
    .locationWrap .siteLocation>ul>li.lkList { display:block; padding-right:0; background:none; }
    .locationWrap .siteLocation>ul>li.lkList.death2 { background:#f5f5f5; }
    .locationWrap .siteLocation>ul>li>a,
    .locationWrap .siteLocation>ul>li>button { display:block; width:100%; height:47px; line-height:47px; padding:0 18px; }
    .locationWrap .siteLocation>ul>li.death1 { margin-right:45px; }
    .locationWrap .siteLocation>ul>li.lkList.death2 button,
    .locationWrap .siteLocation>ul>li.lkList.death2 a { color:#000; }
    .locationWrap .siteLocation>ul>li.lkList>a:before,
    .locationWrap .siteLocation>ul>li.lkList>button:before,
    .locationWrap .siteLocation>ul>li.active>a:before,
    .locationWrap .siteLocation>ul>li.active>button:before { display:block; }
    .locationWrap .siteLocation>ul>li.death2.lkList>a:before,
    .locationWrap .siteLocation>ul>li.death2.lkList>button:before,
    .locationWrap .siteLocation>ul>li.death2.active>a:before,
    .locationWrap .siteLocation>ul>li.death2.active>button:before { border-top-color:#6d6d6d; border-bottom-color:#6d6d6d; }
    .locationWrap .siteLocation div { position:static; width:100%; }
    /* tabMenu Style */
    .locationWrap .snsLkList { top:0; right:0; bottom:auto; top:0; margin-top:0; }
    .tabWrap p.tabBtn { display:block; width:45px; height:47px; background:#fff; text-align:right; }
    .tabWrap p.tabBtn button { width:100%; height:100%; background:#4b4340 url(/archive/images/common/btn_sns.gif) center no-repeat; background-size:auto 42.55319%; }
    .tabWrap ul { display:none; background:#fff; border:1px solid #d6d6d6; }
    .locationWrap .snsLkList li { display:block; padding:3px; text-align:center; }
    .locationWrap .snsLkList li a { margin:0 auto; }
    #content { padding:20px 4.6875%; }
    #content h3.pageTit { font-size:22px; }
    #content p.pageInfo { margin:20px 10%; font-size:16px; }
    /* introStyle */
    .introStyle { margin:24px auto; }
    .introStyle h4 { margin-bottom:10px; font-size:20px; }
    .introStyle h4.colRed { margin-top:20px; }
    .introStyle p.txt { margin:16px 0; font-size:14px; }
    .introStyle .imgFigure {}
    .introStyle .imgFigure img { margin-bottom:10px; }
    .introStyle .imgCaption span { margin:5px; }
    .introStyle .imgCaption span.tit { font-size:17px; }
    .introStyle .imgCaption span.txt { font-size:13px; }
    .imgList { margin-bottom:20px; }
    .imgList li { display:block; width:99%; text-align:center; }
    .imgList li.txtBox { position:static; width:99%; height:auto; margin:0 auto; background:#675d59; }
    .imgList li.txtBox div { display:block; }
    .imgList li.txtBox div dl { display:block; padding:5%; box-sizing:border-box; text-align:left; }
    .oldHistoryLine ul:after { content:''; position:absolute; left:8px; right:auto; top:0; width:3px; height:100%; background:#675d59; }
    .oldHistoryLine ul li { display:block; width:100%; padding-left:4px; padding-bottom:20px; }
    .oldHistoryLine ul li dl { overflow:hidden; letter-spacing:0; }
    .oldHistoryLine ul li dl dt { position:relative; float:left; width:8em; height:auto; padding-left:20px; font-size:16px; }
    .oldHistoryLine ul li dl dt:after { content:''; position:absolute; left:0; top:8px; bottom:auto; width:5px; height:5px; background:#fff; border:3px solid #675d59; border-radius:50%; z-index:2; }
    .oldHistoryLine ul li dl dt span { display:inline-block; margin-right:6px; font-size:18px; }
    .oldHistoryLine ul li dl dd { margin-left:10em; margin-top:0; }
    .oldHistoryLine ul li dl dd br { display:none; }
    .small { margin:0 auto 50px; }
    .floatBox { display:block; width:100%; margin:40px 0.5% 60px; }
    .floatBox .left { float:none; width:100%; }
    .floatBox .left h4 { margin-top:4px; }
    .floatBox .right { float:none; width:98%; }
    .introStyle .boxArea { display:block; margin-bottom:20px; padding:2% 5%; }
    .introStyle .boxArea ul,
    .introStyle .boxArea p { display:block; padding:3% 2%; box-sizing:border-box; vertical-align:middle; }
    .introStyle .boxArea ul { width:98%; border-right:none; border-bottom:1px solid #d8d5d4; font-size:15px; }
    .introStyle .boxArea p { width:98%; font-size:13px; }
    /* historyStyle */
    .historyLine { margin:0 0 10px; padding:10px 10px; border:1px solid #cfcfcf; }
    .historyLine p.caption { position:relative; left:0; top:0; bottom:auto; width:auto; padding-bottom:10px; background:#fff; z-index:3; }
    .historyLine p.caption span { width:auto; padding:0 10px; border-color:#f8774a ; }
    .historyLine:before { display:none; }
    .historyLine>ul { padding-top:20px; font-size:15px; }
    .historyLine>ul>li { width:100%; min-height:8em; }
    .historyLine>ul>li.left { float:none; padding-right:0; padding-left:20px; background:none; text-align:left; }
    .historyLine>ul>li.right { float:none; padding-left:20px; background:none; }
    .historyLine>ul>li:before { z-index:2; top:5px; width:10px; height:10px; background-size:cover; }
    .historyLine>ul>li.left:before { right:auto; left:5px; }
    .historyLine>ul>li.right:before { left:5px; }
    .historyLine>ul p { position:relative; line-height:1; margin-bottom:10px; background:none; color:#ff571c; font-size:18px; font-weight:600; }
    .historyLine>ul p br { display:none; }
    .historyLine>ul p:before { display:none; }
    .historyLine>ul>li.left p { padding-right:0; padding-left:0; background-position:left 8px; }
    .historyLine>ul>li.right p { padding-left:0; }
    .historyLine>ul>li.left p:before { right:auto; left:10px; }
    .historyLine>ul>li.left ul { margin-right:0; margin-left:0; }
    .historyLine>ul>li.right ul { margin-left:0; }
    /* infoStyle */
    .infoStyle .topTxt { margin-bottom:20px; font-size:16px; text-align:left; }
    .infoStyle .topTxt i { display:inline-block; }
    .infoStyle .infoTopImg { margin-bottom:40px; }
    .infoStyle .infoTopImg li { display:block; width:96%; margin:0 auto 10px; }
    .infoStyle .infoTopImg li p { margin-bottom:20px; }
    .infoStyle .infoTopImg li p img { width:100%; }
    .infoStyle .infoTopImg li dl { margin-bottom:24px; }
    .infoStyle .infoTopImg li dt { font-size:20px; }
    .infoStyle h4 { margin:10px; text-align:left; font-size:20px; }
    .infoStyle .infoTableStyle { text-align:left; }
    .infoStyle .infoTableStyle li { width:32.33333%; max-width:none; margin:0.5%; }
    .infoStyle .infoTableStyle li dl { font-size:16px; }
    .infoStyle .infoListCount { display:block; width:100%; font-size:0; }
    .infoStyle .infoListCount li { float:left; display:table; table-layout:fixed; width:33.33333%; height:auto; padding:8px; box-sizing:border-box; }
    .infoStyle .infoListCount.cols4 li { float:none; display:inline-block; width:50%; padding:8px; }
    .infoStyle .infoListCount li p { display:table-cell; width:24vw; height:24vw; background-size:cover; box-sizing:border-box; }
    .infoStyle .infoListCount.cols4 li p { display:block; width:100%; height:auto; margin:0; padding:10px; border-radius:0; }

    /* mapType Content */
    .mapWrap { position:relative; margin-bottom:30px; }
    .mapWrap:after { display:none; }
    .mapWrap button.tabBtn { display:block; position:absolute; left:0; top:0; z-index:3; }
    .mapWrap .mapNav { display:none; position:absolute; float:none; left:54px; background:#fff; z-index:5; }
    .mapWrap .mapArea { position:relative; min-height:50vh; margin-left:0; background:#f3f1f1; }
    .mapWrap .mapArea .map { width:100%; height:50vh; }
    .mapWrap .mapArea .map img { max-width:none; }
    .mapWrap .mapUtil>div { padding-top:0; }
    .mapWrap .mapUtil>div div { overflow-y:auto; height:100%; padding:10px 8px; box-sizing:border-box; }
    .mapWrap .mapUtil>div ol { display:none; font-size:0; }
    .mapUtil>div ol li { display:inline-block; width:20%; box-sizing:border-box; }
    .moMapUtil { position:relative; display:block; }
    /* gallery List */
    .galleryList li,
    .searchContent .searchItem ul li { width:33.33333%; }
    /* search Area */
    .searchTxt { display:block; margin-bottom:30px; }
    .totalSearch .searchForm { margin:20px auto; }
    .totalSearch .searchForm p { margin-right:160px; }
    .totalSearch .searchForm input { font-size:15px; }
    .totalSearch .searchForm ul li input { padding:0 4px;}
    .totalSearch dl.recomKeyword { max-width:758px; margin:0 auto; padding:18px 10px; border-top:1px solid #cfcfcf; font-size:14px; }
    .totalSearch dl.recomKeyword dd { overflow:hidden; margin-left:86px; }
    .totalSearch dl.recomKeyword dd ul { margin-left:-10px; }
    .totalSearch dl.recomKeyword dd li { display:inline-block; margin:0 0 10px 10px; }
    .totalSearch .detailFormArea select,
    .totalSearch .detailFormArea input { height:32px; font-size:14px; }
	.totalSearch .detailFormArea2 select,
    .totalSearch .detailFormArea2 input { height:32px; font-size:14px; }
    .totalSearch .detailBtnArea { margin:13px 0; text-align:center; }
    .totalSearch .detailBtnArea li { max-width:140px; }
    .totalSearch .detailBtnArea button { width:100%; height:52px; color:#fff; font-size:15px; }
    .totalSearch .topSearch .btnClose button { background-size:auto 20px; }
    .searchTxt p,
    .searchTxt dl { display:block; padding:10px; }
    .searchTxt p { width:100%; border-right:none; text-align:left; font-size:14px; }
    .searchTxt dl { width:100%; font-size:0; }
    .searchTxt dl dt { width:72px; margin-right:5px; padding:0; font-size:14px; }
    .searchTxt dl dt:after { content:''; position:absolute; right:0; top:50%; width:1px; height:14px; margin-top:-7px; background:#dadada; }
    .searchTxt dl dd { margin-left:80px; }
    .searchTxt dl dd ul { margin-top:-3px; }
    .searchTxt dl dd li { display:inline-block; margin:0 10px; font-size:14px; }
    .searchArea .sNav { float:none; width:100%; }
    .searchArea .sNav .navTab h4 button { display:block; }
    .searchArea .sNav .navTab ul { display:none; font-size:0; }
    .searchArea .sNav .navTab ul li { display:inline-block; width:25%; vertical-align:top; }
    .searchArea .searchContent { margin-left:0; }
    /* view area */
    .boardView .viewTop {padding:20px 5px; }
    .boardView .viewTop .viewImg { float:none; width:90%; margin:0 auto; }
    .boardView .viewTop .viewImg p.img img { width:100%; }
    .boardView .viewTop .btnList li a { font-size:13px; }
    .boardView .viewTop .btnList li a span { line-height:16px; padding-left:14px; background-size:14px auto; }
    .boardView .viewTop .viewTxt { margin:20px 0 0;}
    .viewTxt dl { font-size:16px; }
    .viewTxt dl dt { width:10em; background-position:left 11px; }
	/* board List */
	.boardInfo { margin:24px 0 10px 0; padding:0; }
	.boardList .num,
	.boardList .hits { display:none; }
	.boardList .writer { width:12%; }
	.boardList .date { width:12%; }
	.boardList .file { width:7%; }
    .quickWrap { display:none; }
}
@media screen and (max-width:879px) {
	/* board List */
	.boardSelect { width:100%; }
	.infoCount { margin-top:0; margin-bottom:10px; }
    .boardSelect { display:table; table-layout:fixed; width:100%; }
    #wrap .boardSelect li { display:table-cell; width:25%; }
	#wrap .boardSelect li.Select { min-width:50px; background:none; }
	#wrap .boardSelect li.boardSearchText { position:relative; width:50%; margin-left:0; padding-right:43px;}
	.boardSearchText input.text { width:100%; background:none; }
	#wrap .boardSearchText input.btn { position:absolute; right:0; border-left:1px solid #cfcfcf; }
}
@media screen and (max-width:767px) {
	/* board Txt */
	.topTxt { margin:0 10px; /*border-top:3px solid #434040;*/ }
	.topTxt ul { overflow:hidden; padding:0; }
	.topTxt ul li:first-child { float:left; width:100%; text-align:left; }
	.topTxt ul li.topTxt_img { float:left; margin-top:10px; }
	.boardStyle { margin:0 10px; }
	/* board Btn */
	.boardBtn p { font-size:14px; }
	/* board List */
	.boardList .subject { width:66%; }
	.boardList .writer { display:none; }
	.boardList .date { width:16%; }
	.boardList .hits { width:10%; }
	.boardList .file { width:8%; }
	.boardList .phone { display:none; }
	/* board Page */
	.boardPage ul li strong { background:#545454 url(/archive/images/board/pages_underline.jpg) center 23px no-repeat; }
	.boardPage ul li a,
	.boardPage ul li strong { min-width:30px; height:30px; line-height:30px; }
    .mapUtil>div ol li { width:50%; }
}

@media screen and (max-width:599px) {
    /* gallery List */
    .galleryList li,
    .searchContent .searchItem ul li { width:50%; }
    /* Search Area */
    .searchArea .sNav .navTab ul li { width:50%; }
    .infoStyle .infoTableStyle li { width:49%; }
	/* board Txt */
	.topTxt p { width:100%; margin:0 auto; }
	/* board List */
	.boardList .subject { width:76%; }
    #wrap .boardList .subject .fileIcon { display:inline-block; }
	.boardList .date { width:24%; }
	.boardList .hits,
	.boardList .file { display:none; }
}

@media screen and (max-width:479px) {
	/* board Page */
	.boardPage ul li strong { background:#545454 url(/archive/images/board/pages_underline.jpg) center 17px no-repeat; }
	.boardPage ul li a,
	.boardPage ul li strong { min-width:20px; height:20px; line-height:20px; }
}

/* 출력 스타일 */
@media print {
    @page { margin: 1cm;}
    body { font-size:12pt; }
    #wrap { width:1024px; border:none; }
    #header,
    .guideWrap,
    .quickWrap,
    #footer { display:none; }
}
/* 서브 동영상 추가 스타일 */
.sub_movie {  margin:0 auto; width:100%; max-width:756px; position:relative; margin-bottom:50px;  }
.sub_movie video { max-width:100%;  object-fit:cover; vertical-align:bottom;}
.sub_movie .caption { overflow:hidden; position:absolute; left:0; bottom:0; width:100%; height:80px; line-height:40px; padding:20px 1%; background:#000; background-color:rgba(0,0,0,0.27); box-sizing:border-box; text-align:center; color:#fff; font-size:16px; text-overflow:ellipsis; white-space:nowrap; }
.sub_movie .controlIcon { overflow:hidden; position:absolute; left:50%; top:50%; width:74px; height:74px; margin:-37px 0 0 -37px; border-radius:50%; -webkit-border-radius:50%; }
.sub_movie .controlIcon button { width:100%; height:100%; background:url(/archive/images/main/btn_play.png) center no-repeat; border-radius:50%; text-indent:-999px; }
.ready_lay { width:100%; height:350px;  margin-top:100px; }

/* SITEMAP */
.siteMapLayout {padding-top: 35px;}
.siteMapLayout .siteMapList { text-align:left; font-size: 0;}
.siteMapLayout .siteMapList > li {display: inline-block; width:25%; margin-bottom: 35px; padding:0 3%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; vertical-align: top;}
.siteMapLayout .siteMapList li h3 {display: block; margin-bottom:18px; padding: 10px; border-bottom:2px solid #736258; color:#281b1b; font-size:20px; font-weight: 500;}
.siteMapLayout .siteMapList div li a { display:block; padding:10px; }
.siteMapLayout .siteMapList div>ul>li>a { background:url(/images/common/bu_2p.png) 1px 17px no-repeat; border-bottom:1px solid #dbdbdb; color:#4b4b4b; font-size: 16px;}
.siteMapLayout .siteMapList div ul ul {padding: 10px 0;}
.siteMapLayout .siteMapList div ul ul li a {padding:6px 10px; color:#717171; font-size:15px; }
.siteMapLayout .siteMapList div ul ul li a:hover,
.siteMapLayout .siteMapList div ul ul li a:focus { color: #34a886; text-decoration:underline;}
@media all and (max-width: 1024px) {
    .siteMapLayout .siteMapList > li {width: 50%;}
}
@media all and (max-width: 767px) {
    .siteMapLayout .siteMapList li h3 {margin-bottom: 10px; padding: 8px; font-size: 17px;}
    .siteMapLayout .siteMapList div>ul>li>a {padding: 8px 10px; font-size: 14px;}
    .siteMapLayout .siteMapList div ul ul {padding:8px 0;}
    .siteMapLayout .siteMapList div ul ul li a {font-size: 13px;}
}

/* loading Animation */
.loadingWrap { display:none; }
.loadArea { position:fixed; display:table; left:0; top:0; width:100%; height:100%; background:#000; background-color:rgba(0,0,0,0.5); z-index:100; }
.loadArea .loading { display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; }
.lds-dual-ring { display: inline-block; width: 80px; height: 80px; }
.lds-dual-ring:after { content: " "; display: block; width: 64px; height: 64px; margin: 8px; border-radius: 50%; border: 6px solid #fff; border-color: #fff transparent #fff transparent; animation: lds-dual-ring 1.2s linear infinite; }
@keyframes lds-dual-ring {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

bottom:20px; }
.introStyle .imgCaption span { display:block; margin:5px; color:#433b38; }
.introStyle .imgCaption span.tit { font-size:18px; font-weight:bold; }
.introStyle .imgCaption span.txt { font-size:15px; }
.introStyle p.txt { margin:20px 0.5% 50px; color:#010101; font-size:16px; }
.imgList { position:relative; margin-bottom:40px; font-size:0; }
.imgList li { display:inline-block; width:49%; margin:0.5%; vertical-align:top; font-size:17px; }
.imgList li.txtBox { position:absolute; right:0.8%; bottom:0; width:48.2%; height:48%; background:#675d59; }
.imgList li.txtBox div { display:table; width:100%; height:100%; }
.imgList li.txtBox div dl { display:table-cell; width:100%; height:100%; padding:0 5%; box-sizing:border-box; vertical-align:middle; }
.imgList li.txtBox div dl dt { margin-bottom:34px; border-bottom:1px solid #ffe5db; color:#fff; font-size:20px; font-weight:bold; }
.imgList li.txtBox div dl dt span { position:relative; display:inline-block; padding-bottom:18px; color:#fff; font-size:23px; font-family:'Nanum Myeongjo'; }
.imgList li.txtBox div dl dt span:after { content:''; position:absolute; left:0; bottom:-2px; width:100%; height:3px; background:#fcdb56;}
.imgList li.txtBox div dl dd { margin-top:20px; color:#fff; font-size:17px; }
.imgList li.txtBox div dl dd span { display:block; line-height:1.4; }
.imgList li.txtBox div dl dd span.tit { float:left; width:4.5em;}
.imgList li.txtBox div dl dd span.txt { margin-left:4.5em; }
.imgCenter { text-align:center; }
.oldHistoryLine { position:relative; margin:50px 0.5% 80px; padding:5% 2.5%; border:1px solid #cfcfcf; }
.introStyle .caption { position:absolute; left:0; right:0; bottom:-26px; width:100%; text-align:center; }
.introStyle .caption span { display:inline-block; width:322px; line-height:52px; background:#fff; border:1px solid #cfcfcf; text-align:center; color:#2f2f2f; font-size:18px; }
.oldHistoryLine ul { position:relative; font-size:0; }
.oldHistoryLine ul:after { content:''; position:absolute; left:0; right:0; top:72px; width:100%; height:6px; background:#675d59; }
.oldHistoryLine ul li { display:inline-block; width:14.28571%; padding-left:1%; box-sizing:border-box; vertical-align:top; }
.oldHistoryLine ul li dl { color:#41322c; letter-spacing:-1px; }
.oldHistoryLine ul li dl dt { position:relative; height:90px; font-size:18px; }
.oldHistoryLine ul li dl dt:after { content:''; position:absolute; left:0; bottom:0; width:16px; height:16px; background:#fff; border:6px solid #675d59; border-radius:50%; z-index:2; }
.oldHistoryLine ul li dl dt span { display:inline-block; margin-right:6px; font-size:30px; }
.oldHistoryLine ul li dl dd { margin-top:15px; font-size:16px; }
.floatBox { display:inline-block; width:99%; margin:40px 0.5% 60px; }
.floatBox .left { float:left; width:50%; }
.floatBox .left h4 { margin-top:4px; }
.floatBox .right { float:right; width:48%; }
.mapItem { position:relative; border:1px solid #cfcfcf; padding:20px 5px 50px; box-sizing:border-box; text-align:center; }
.small { max-width:700px; margin:0 auto 100px; }
.introStyle .boxArea { display:table; margin-bottom:37px; padding:20px; border:1px solid #fdddd2; }
.introStyle .boxArea ul,
.introStyle .boxArea p { display:table-cell; padding:0 2%; vertical-align:middle;}
.introStyle .boxArea ul { width:36%; border-right:1px solid #d8d5d4; }
.introStyle .boxArea ul li { padding-left:10px; background:url(/archive/images/intro/bu_li02.gif) left 8px no-repeat; }
.introStyle .boxArea ul li span { display:block; }
.introStyle .boxArea ul li span.tit { float:left; width:4.5em; }
.introStyle .boxArea ul li span.txt { margin-left:4.5em; }
.introStyle .boxArea p { width:56%; }
.introStyle p.btnMore { margin:26px 10px 40px; text-align:center; }
.introStyle p.btnMore button { width:192px; height:48px; background:#675d59; border-radius:24px; color:#fff; font-size:17px; }

/* historyStyle */
.historyLine { position:relative; margin:50px 0.5% 160px; padding:0 1%; }
.historyLine:before { content:''; position:absolute; left:50%; top:0; width:1px; height:100%; background:#f8774a; }
.historyLine p.caption { bottom:-80px; }
.historyLine p.caption span { border-color:#f8774a ; }
.historyLine>ul { overflow:hidden; padding-top:40px; }
.historyLine>ul>li { position:relative; clear:both; width:50%; min-height:7em; box-sizing:border-box; }
.historyLine>ul>li.left { float:left; padding-right:36px; background-position:right top; text-align:right; }
.historyLine>ul>li.right { float:right; padding-left:36px; background-position:left top; text-align:left;  }
.historyLine>ul>li:before { content:''; position:absolute; top:0; width:22px; height:22px; background:url(/archive/images/intro/bu_history01.gif) center no-repeat; }
.historyLine>ul>li.left:before { right:-11px; }
.historyLine>ul>li.right:before { left:-11px; }
.historyLine>ul p { position:relative; line-height:1; margin-bottom:20px; background:url(/archive/images/intro/bu_history02.gif) no-repeat; color:#ff571c; font-size:23px; font-weight:600; font-family:'S-Core Dream 6'; }
.historyLine>ul p:before { content:''; position:absolute; top:11px; width:27px; height:1px; background:#f8774a; }
.historyLine>ul>li.left p { padding-right:26px; background-position:right 8px; }
.historyLine>ul>li.right p { padding-left:26px; background-position:left 8px; }
.historyLine>ul>li.left p:before { right:-25px; }
.historyLine>ul>li.right p:before { left:-25px; }
.historyLine>ul>li.left ul { margin-right:26px; }
.historyLine>ul>li.right ul { margin-left:26px; }
.historyLine>ul>li ul li { display:block; }
.historyLine>ul>li ul li div { display:inline-block; padding-left:8px; background:url(/archive/images/intro/bu_li01.gif) left 12px no-repeat; box-sizing:border-box; }
.historyLine>ul>li span { display:block; }
.historyLine>ul>li span.tit { float:left; width:4.5em; text-align:left; }
.historyLine>ul>li span.txt { margin-left:4.5em; }
/* infoStyle */
.infoStyle {}
.infoStyle .topTxt { margin-bottom:50px; color:#000; font-size:19px; text-align:center; }
.infoStyle .topTxt i { display:block; }
.infoStyle .infoTopImg { max-width:1060px; margin:0 auto 60px; font-size:0; }
.infoStyle .infoTopImg li { display:inline-block; width:49%; margin:0 0.5%; border:1px solid #ebebeb; box-sizing:border-box; text-align:center; vertical-align:top; }
.infoStyle .infoTopImg li p { margin-bottom:42px; overflow:hidden; height: 345px;}
.infoStyle .infoTopImg li p img { width:100%; }
.infoStyle .infoTopImg li dl { margin-bottom:40px; padding:0 30px; }
.infoStyle .infoTopImg li dt { margin-bottom:25px; color:#000; font-size:25px; }
.infoStyle .infoTopImg li dd { color:#323232; font-size:15px; word-break:keep-all; text-align:left; line-height:24px; }
.infoStyle h4 { margin:36px; text-align:center; color:#010101; font-size:26px; }
.infoStyle .infoTableStyle { text-align:center; font-size:0; }
.infoStyle .infoTableStyle li { display:inline-block; width:100%; max-width:250px; margin:8px; border:1px solid #c8c8c8; box-sizing:border-box; text-align:center; }
.infoStyle .infoTableStyle li dl { color:#000; font-size:18px; }
.infoStyle .infoTableStyle li dl dt { height:23px; line-height:23px; padding:15px; background:#f5f4f4; border-bottom:1px solid #c8c8c8; }
.infoStyle .infoTableStyle li dl dd { padding:10px; }
.infoStyle .infoListCount { display:table; width:100%; max-width:1100px; margin:0 auto; }
.infoStyle .infoListCount li { display:table-cell; table-layout:fixed; width:20%; height:187px; padding:0 16px; }
.infoStyle .infoListCount.cols4 li { width:25%; padding:0 40px; }
.infoStyle .infoListCount li p { display:table-cell; width:187px; height:187px; background:#88817d center no-repeat; border-radius:50%; text-align:center; vertical-align:middle; }
.infoStyle .infoListCount li.icon01 p { background-image:url(/archive/images/content/info_relic01.jpg); }
.infoStyle .infoListCount li.icon02 p { background-image:url(/archive/images/content/info_relic02.jpg); }
.infoStyle .infoListCount li.icon03 p { background-image:url(/archive/images/content/info_relic03.jpg); }
.infoStyle .infoListCount li.icon04 p { background-image:url(/archive/images/content/info_relic04.jpg); }
.infoStyle .infoListCount li.icon05 p { background-image:url(/archive/images/content/info_relic05.jpg); }
.infoStyle .infoListCount li p i { display:block; width:100%; height:60px; background:center no-repeat; }
.infoStyle .infoListCount li p i.icon01 { background-image:url(/archive/images/content/info_icon01.gif); }
.infoStyle .infoListCount li p i.icon02 { background-image:url(/archive/images/content/info_icon02.gif); }
.infoStyle .infoListCount li p i.icon03 { background-image:url(/archive/images/content/info_icon03.gif); }
.infoStyle .infoListCount li p i.icon04 { background-image:url(/archive/images/content/info_icon04.gif); }
.infoStyle .infoListCount li span { display:block; color:#fff; font-size:20px; }
/* mapType Content */
.mapWrap { position:relative; overflow:hidden; max-width:1214px; margin:0 auto 100px; background:#f9f9f9; border:1px solid #dcdcdc; box-sizing:border-box; }
.mapWrap:after { content:''; position:absolute; left:215px; top:0; width:1px; height:100%; background:#dcdcdc; }
.mapWrap button.tabBtn { display:none; }
.mapWrap .mapNav { position:relative; float:left; width:215px; padding-top:52px; z-index:100; }
.mapNav h4 { position:absolute; top:0; width:50%; }
.mapNav h4.mapBtn01 { left:0; }
.mapNav h4.mapBtn02 { left:50%; }
.mapNav h4 a { display:block; background:#675d59; text-align:center; line-height:52px; color:#fff; font-size:17px; }
.mapNav h4 a.active { background:#e04b0f; text-decoration:underline; }
.mapNav .mapNavList a { position:relative; display:block; padding:10px 18px; line-height:24px; border-bottom:1px solid #dcdcdc; color:#000; font-size:16px; }
.mapNav .mapNavList a span { display:block; }
.mapNav .mapNavList .active>a { color:#c62f00; text-decoration:underline; }
.mapNav .mapNavList>ul>li>a { background:#fff; }
.mapNav .mapNavList .sNav a:before { content:''; position:absolute; right:16px; top:50%; margin-top:-1px; width:12px; height:1px; background:#797979; }
.mapNav .mapNavList .sNav a:after { overflow:hidden; content:'메뉴 펼치기'; position:absolute; right:22px; top:50%; width:1px; height:12px; margin-top:-6px; background:#797979; transition: all 0.4s; text-indent:-999px; }
.mapNav .mapNavList .sNav.open a:after { content:'메뉴 접기'; transform:rotate(90deg); opacity:0; }
.mapNav .mapNavList>ul>li>a span { padding-left:20px; background:url(/archive/images/search/icon_tit.gif) left center no-repeat; }
.mapNav .mapNavList .listArea2>ul>li>a { padding-left:39px; }
.mapNav .mapNavList .listArea2>ul>li>a span { padding-left:8px; background:url(/archive/images/search/bu_snav.gif) left center no-repeat; }
.mapNav .mapNavList .listArea2>ul>li.active>a span { background-image:url(/archive/images/search/bu_snav_on.gif); }
.mapNav .mapNavList .listArea3 { display:none; border-bottom:1px solid #dcdcdc;  }
.mapNav .mapNavList .listArea3 li a { padding:5px 18px 5px 50px; border-bottom:none; }
.mapNav .mapNavList .listArea3 li a span { padding-left:10px; background:url(/archive/images/search/bu_ssnav.gif) left center no-repeat; }
.mapNav .mapNavList .listArea3 a:before,
.mapNav .mapNavList .listArea3 a:after { display:none; }
.mapNav2 h4 { position:absolute; top:0; width:50%; }
.mapNav2 h4.mapBtn01 { left:0; }
.mapNav2 h4.mapBtn02 { left:50%; }
.mapNav2 h4 a { display:block; background:#675d59; text-align:center; line-height:52px; color:#fff; font-size:17px; }
.mapNav2 h4 a.active { background:#e04b0f; text-decoration:underline; }
.mapNav2 .mapNavList2 li { position:relative; }
.mapNav2 .mapNavList2 a { position:relative; display:block; padding:10px 18px; line-height:24px; border-bottom:1px solid #dcdcdc; color:#000; font-size:16px; }
.mapNav2 .mapNavList2 a span { display:block; }
.mapNav2 .mapNavList2 .active>a { color:#c62f00; text-decoration:underline; }
.mapNav2 .mapNavList2>ul>li>a { background:#fff; }
.mapNav2 .mapNavList2 .openBtn { position:absolute; right:0; top:5px; width:30px; height:30px; text-indent:-999px; overflow:hidden; }
.mapNav2 .mapNavList2 .openBtn:before { content:''; position:absolute; right:6px; top:50%; margin-top:-1px; width:12px; height:1px; background:#797979; }
.mapNav2 .mapNavList2 .openBtn:after { overflow:hidden; content:'메뉴 펼치기'; position:absolute; right:12px; top:50%; width:1px; height:12px; margin-top:-6px; background:#797979; transition: all 0.4s; text-indent:-999px; }
.mapNav2 .mapNavList2 .active>.openBtn:after { content:'메뉴 접기'; transform:rotate(90deg); opacity:0; }
.mapNav2 .mapNavList2>ul>li>a span { padding-left:20px; background:url(/archive/images/search/icon_tit.gif) left center no-repeat; }
.mapNav2 .mapNavList2 .listArea2>ul>li>a { padding-left:39px; }
.mapNav2 .mapNavList2 .listArea2>ul>li>a span { padding-left:8px; background:url(/archive/images/search/bu_snav.gif) left center no-repeat; }
.mapNav2 .mapNavList2 .listArea2>ul>li.active>a span { background-image:url(/archive/images/search/bu_snav_on.gif); }
.mapNav2 .mapNavList2 .listArea3 { display:none; border-bottom:1px solid #dcdcdc;  }
.mapNav2 .mapNavList2 .listArea3 li a { padding:5px 18px 5px 50px; border-bottom:none; }
.mapNav2 .mapNavList2 .listArea3 li a span { padding-left:10px; background:url(/archive/images/search/bu_ssnav.gif) left center no-repeat; }
.mapNav2 .mapNavList2 .listArea3 div { background:#eee; }
.mapWrap .mapArea { position:relative; margin-left:216px; background:#f3f1f1; overflow:hidden; }
.mapWrap .mapArea .map { width:100%; height:740px; }
.mapWrap .mapArea .map img { max-width:none; }
.mapArea .mapUtil { position:absolute; right:0; top:0; width:200px; height:100%; box-sizing:border-box; z-index:2; }
.mapArea .btn { position:absolute; left:auto; right:0; top:0; width:200px; z-index:3; }
.mapArea .btn button { width:100%; height:50px; background:#363636; color:#fff; font-size:12px; font-family:"돋움",Dotum; font-weight:bold; }
.mapArea .btn button span { display:inline-block; line-height:16px; padding-left:20px; background:url(/archive/images/search/btn_view.gif) left center no-repeat; }
.mapUtil { display:none; }
.mapUtil>div { height:100%; padding-top:50px; background:#2d2d2d; background-color:rgba(45,45,45,0.85); box-sizing:border-box; }
.mapUtil>div div { overflow-y:auto; height:100%; padding:10px 8px; box-sizing:border-box; }
.mapUtil>div ol li { line-height:27px; padding:3px; color:#fff; font-size:14px; letter-spacing:-0.05em; }
.mapUtil>div ol li i { display:inline-block; width:25px; line-height:25px; margin-right:10px; background:#000; border-radius:50%; text-align:center; font-style:normal; }
.mapUtil>div ol li.colType01 i { background:#eda700; } /* 건물지 */
.mapUtil>div ol li.colType02 i { background:#e88008; } /* 마당 */
.mapUtil>div ol li.colType03 i { background:#1d46cb; } /* 배수로 */
.mapUtil>div ol li.colType04 i { background:#ea3692; } /* 집수정 */
.mapUtil>div ol li.colType05 i { background:#a91bcd; } /* 대형계단 */
.mapUtil>div ol li.colType06 i { background:#5320b0; } /* 축대 */
.mapUtil>div ol li.colType07 i { background:#1b1464; } /* 방형석조유구 */
.mapUtil>div ol li.colType08 i { background:#c13f13; } /* 암거 */
.mapUtil>div ol li.colType09 i { background:#2ca7d4; } /* 보도시설 */
.mapUtil>div ol li.colType10 i { background:#15a77c; } /* 우물 */
.mapUtil>div ol li.colType11 i { background:#769020; } /* 기타석열 */
.mapUtil>div ol li.colType12 i { background:#10871e; } /* 비좌 */
.mapUtil>div ol li.colType13 i { background:#907516; } /* 전바닥 */
.mapUtil>div ol li.colType14 i { background:#2637d7; } /* 시굴파랑 */
.mapUtil>div ol li.colType15 i { background:#f2ab00; } /* 회경전 */
.mapUtil>div ol li.colType16 i { background:#ed4e00; } /* 장회전 */
.mapUtil>div ol li.colType17 i { background:#c60505; } /* 원덕전 */
.moMapUtil { display:none; }
/* galleryList */
.galleryList { overflow:hidden; max-width:1214px; margin:50px auto; }
.galleryList h4 { margin:29px; color:#010101; font-size:24px; }
.boardView .galleryList h4 { margin-left:14px; }
.galleryList ul { font-size:0; }
.galleryList li { display:inline-block; width:20%; margin-bottom:50px; padding:0 12px; box-sizing:border-box; text-align:center; vertical-align:top; }
.galleryList li a { display:block; max-width:220px; }
.galleryList li a span { display:block; color:#000; font-size:18px; }
.galleryList li a span.img { height:120px; overflow:hidden; }
.galleryList li a span.h220 { height:220px; }
.galleryList li a span.img img { min-height:100%; }
.galleryList li a span.txt { padding:20px; }
.searchContent .btnMoreCenter,
.galleryList .btnMore { text-align:center; margin-top:-20px; }
.searchContent .btnMoreCenter button,
.searchContent .btnMoreCenter a,
.galleryList .btnMore button,
.galleryList .btnMore a { display:inline-block; width:272px; height:58px; background:#f4f4f4; border:1px solid #e0e0e0; }
.searchContent .btnMoreCenter span,
.btnMore span { display:inline-block; padding-right:34px; background:url(/archive/images/search/icon_plus.gif) right center no-repeat; color:#000; font-size:16px; }

.btnBackDiv { border-bottom:1px solid #e4e2e1; }
.btnBack { text-align:center; margin-top:-20px; }
.btnBack button,
.btnBack a { display:inline-block; width:272px; height:58px; background:#f4f4f4; border:1px solid #e0e0e0; }
.btnBack span { display:inline-block; padding-right:34px; color:#000; font-size:16px; }
/* boardView */
.boardView { position:relative; max-width:1140px; margin:0 auto; }
.boardView h3 { margin:37px; text-align:center; color:#010101; font-size:34px; }
.viewCategory { position:absolute; left:0; top:0; }
.mapWrap button.tabBtn,
.viewCategory button.tabBtn { overflow:hidden; width:54px; height:52px; background:#675d59 url(/archive/images/search/icon_category.png) center no-repeat; border:1px solid #675d59; box-sizing:border-box; text-indent:-999px; }
.mapWrap.active button.tabBtn,
.viewCategory.active button.tabBtn { background-color:#fff; background-image:url(/archive/images/search/icon_category_on.png); border:1px solid #d0d0d0; }
.viewCategory .mapNav2 { display:none; position:absolute; left:54px; top:0; width:215px; padding-top:52px; z-index:1000; background:#f9f9f9; }
.boardView .viewTop { overflow:hidden; padding:40px 15px; border-top:1px solid #e4e2e1; min-height:390px; }
.boardView .viewTop .viewImg { position:relative; float:left; width:46.228%; }
.boardView .viewTop .viewImg p.img { border:1px solid #b1a5a0; text-align:center;}
.boardView .viewTop .btnList { margin-top:10px; text-align:right; font-size:0; }
.boardView .viewTop .btnList li { display:inline-block; width:25%; padding-left:1px; box-sizing:border-box; vertical-align:top; }
.boardView .viewTop .btnList li:first-child { padding:0; }
.boardView .viewTop .btnList li a { display:block; background:#4b4531; text-align:center; font-size:16px; }
.boardView .viewTop .btnList li a span { display:inline-block; line-height:20px; padding:10px 0 10px 28px; background-position:left center; background-repeat:no-repeat; color:#fff; }
.boardView .viewTop .btnList li a span.iconDown { background-image:url(/archive/images/search/icon_down.png); }
.boardView .viewTop .btnList li a span.iconView { background-image:url(/archive/images/search/icon_zoom.png); }
.boardView .viewTop .btnList li a span.iconLink { background-image:url(/archive/images/search/icon_link.png); }
.boardView .viewTop .btnList li a span.iconLink2 { background-image:url(/archive/images/search/icon_link2.png); }
/*
.boardView .viewTop .btn { position:absolute; right:0; bottom:0; width:168px; height:44px; line-height:44px; background:#4b453a; text-align:center; }
.boardView .viewTop .btn span { display:inline-block; padding-left:20px; background:url(/archive/images/search/icon_zoom.png) left center no-repeat; color:#fff; }
.boardView .viewTop .btn2 { position:absolute; right:170px; bottom:0; width:168px; height:44px; line-height:44px; background:#4b453a; text-align:center; }
.boardView .viewTop .btn2 span { display:inline-block; padding-left:20px; background:url(/archive/images/search/icon_down.png) left center no-repeat; color:#fff; }
*/
.boardView .viewTop .viewTxt { margin-left:50.17543%; }
.viewTxt li { overflow:hidden; padding:5px 0 0; }
.viewTxt li:first-child { padding-top:0; }
.viewTxt dl { font-size:17px; }
.viewTxt dl dt { float:left; width:14em; line-height:1.4; padding-bottom:5px; padding-left:10px; background:url(/archive/images/search/bu_view.gif) left 13px no-repeat; color:#5c5959; }
.viewTxt dl dd { line-height:1.4; margin-left:10px; padding-bottom:5px; color:#3d3d3d; }
.viewTxt dl dd a { color:#ce4706; }
.viewTxt dl dd .btnMoreTxt { display:inline-block; line-height:1.4; margin-left:20px; padding-bottom:5px; color:#e04b0f; }
.boardView .galleryList { position:relative; margin-top:40px; }
.boardView .galleryList .btnZoom { position:absolute; right:20px; top:29px; background:#e04b0f; border-radius:20px; }
.boardView .galleryList .btnZoom button { width:168px; height:40px; }
.boardView .galleryList .btnZoom span { display:inline-block; padding-left:20px; background:url(/archive/images/search/icon_zoom.png) left center no-repeat; color:#fff; font-size:18px; }
.viewerPop { position:fixed; display:none; table-layout:fixed; left:0; top:0; width:100%; height:100%; background:#000; background-color:rgba(0,0,0,0.5); z-index:10; }
.popArea { display:table-cell; width:100%; vertical-align:middle; }
.viewerWrap { position:relative; max-width:1048px; margin:0 auto; }
.viewerWrap h4 { padding:24px 0; color:#fff; font-size:26px; }
.viewerArea { overflow:hidden; position:relative; width:100%; background:url(/archive/images/search/bg_popup.jpg) right top no-repeat; }
.viewerArea .viewerSlide { float:left; width:76.71755%; max-height:576px; background:#fff; overflow:hidden; text-align:center; vertical-align:middle; }
.viewerArea .viewerSlide div { position:relative; height:576px; }
.viewerArea .viewerSlide img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}
.viewerArea .viewInfo { position:absolute; width:23.28245%; height:100%; margin-left:76.71755%; color:#fefefe; }
.viewerArea .viewInfo .viewerTxt { display:block; padding:18.44262% 14.75409%; font-size:18px; word-break:keep-all; }
.viewerArea .viewInfo .viewerControl { position:absolute; right:0; bottom:0; width:100%; }
.viewerArea .viewInfo .viewerControl ul { width:100%; text-align:right; font-size:0; }
.viewerArea .viewInfo .viewerControl ul li { display:inline-block; width:33%; margin-left:0.33333%; background:#000; vertical-align:top; font-size:18px;}
.viewerArea .viewInfo .viewerControl ul li button { overflow:hidden; width:100%; height:60px; background:center no-repeat; text-indent:-999px; }
.viewerArea .viewInfo .viewerControl ul li.prev button { background-image:url(/archive/images/search/btn_prev.png); }
.viewerArea .viewInfo .viewerControl ul li.next button { background-image:url(/archive/images/search/btn_next.png); }
.viewerArea .viewInfo .viewerControl ul li span { display:block; width:100%; height:60px; line-height:60px; text-align:center; }
.viewerWrap .btnClose { position:absolute; right:8px; top:24px; }
.viewerWrap .btnClose button { overflow:hidden; width:27px; height:27px; background:url(/archive/images/search/btn_close.png) center no-repeat; text-indent:-999px; }
.viewerArea .viewerSlide2 { float:left; width:76.71755%; max-height:576px; background:#fff; overflow:hidden; text-align:center; vertical-align:middle; }
.viewerArea .viewerSlide2 div { position:relative; height:576px; }
.viewerArea .viewerSlide2 img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}
.viewerArea .viewInfo2 { position:absolute; width:23.28245%; height:100%; margin-left:76.71755%; color:#fefefe; }
.viewerArea .viewInfo2 .viewerTxt { display:block; padding:18.44262% 14.75409%; font-size:18px; word-break:keep-all; }
.viewerArea .viewInfo2 .viewerControl2 { position:absolute; right:0; bottom:0; width:100%; }
.viewerArea .viewInfo2 .viewerControl2 ul { width:100%; text-align:right; font-size:0; }
.viewerArea .viewInfo2 .viewerControl2 ul li { display:inline-block; width:33%; margin-left:0.33333%; background:#000; vertical-align:top; font-size:18px;}
.viewerArea .viewInfo2 .viewerControl2 ul li button { overflow:hidden; width:100%; height:60px; background:center no-repeat; text-indent:-999px; }
.viewerArea .viewInfo2 .viewerControl2 ul li.prev button { background-image:url(/archive/images/search/btn_prev.png); }
.viewerArea .viewInfo2 .viewerControl2 ul li.next button { background-image:url(/archive/images/search/btn_next.png); }
.viewerArea .viewInfo2 .viewerControl2 ul li span { display:block; width:100%; height:60px; line-height:60px; text-align:center; }
/* search */
.totalSearch { }
.totalSearch .searchForm { position:relative; max-width:760px; margin:24px auto 18px; padding:10px 20px; background:#fff; border:2px solid #7a5444; border-radius:30px; -webkit-border-radius:30px; box-sizing:border-box; }
.totalSearch .searchForm p { margin-right:230px; }
.totalSearch .searchForm p input { padding-left:20px; background:url(/archive/images/search/icon_search.gif) left center no-repeat; color:#010101; }
.totalSearch .searchForm ul { position:absolute; right:0; top:10px; font-size:0; }
.totalSearch .searchForm ul li { position:relative; display:inline-block; }
.totalSearch .searchForm ul li:after { content:''; position:absolute; left:0; top:50%; width:1px; height:17px; margin-top:-7px; background:#a59f9d; }
.totalSearch .searchForm ul li:first-child:after { display:none; }
.totalSearch .searchForm ul li input { padding:0 11px; cursor:pointer; }
.totalSearch .searchForm input { width:100%; height:30px; background:transparent; border:none; border-radius:0; -webkit-border-radius:0; box-sizing:border-box; color:#573f3f; font-size:18px; }
.totalSearch .searchForm ul li input[type="submit"] { font-weight:bold; }
dl.recomKeyword { max-width:758px; margin:0 auto; padding:18px 10px; border-top:1px solid #cfcfcf; font-size:15px; }
dl.recomKeyword dt { float:left; width:80px; color:#191919; }
dl.recomKeyword dd { overflow:hidden; margin-left:96px; }
dl.recomKeyword dd ul { margin-left:-30px; }
dl.recomKeyword dd li { display:inline-block; margin:0 0 10px 30px; }
dl.recomKeyword dd li * { color:#828282; font-weight:300; }
.detailSearchWrap { display:none; max-width:764px; margin:0 auto; font-size:0; }
.detailFormArea select,
.detailFormArea input { height:46px; margin:0.5%; border:1px solid #cfcfcf; box-sizing:border-box; color:#515151; font-size:15px; font-weight:300; text-indent:10px; }
.detailFormArea select { position:relative; width:19%; /* background:url(/archive/images/search/arrow_select.gif) 90% center no-repeat; */ }
.detailFormArea input { width:59%; }

.detailFormArea2 select,
.detailFormArea2 input { height:46px; margin:0.5%; border:1px solid #cfcfcf; box-sizing:border-box; color:#515151; font-size:15px; font-weight:300; text-indent:10px; }
.detailFormArea2 select { position:relative; width:19%; /* background:url(/archive/images/search/arrow_select.gif) 90% center no-repeat; */ }
.detailFormArea2 input { width:39%; }
.detailBtnArea { margin:26px 0; text-align:center; }
.detailBtnArea li { display:inline-block; max-width:190px; width:100%; }
.detailBtnArea li.submit button { background:#786a65; }
.detailBtnArea li.reset button { background:#524641; }
.detailBtnArea button { width:100%; height:52px; color:#fff; font-size:17px; }
.searchTxt { display:table; width:100%; margin-bottom:58px; background:#fbf8f3; border:1px solid #ded9d0; box-sizing:border-box; }
.searchTxt p,
.searchTxt dl { display:table-cell; padding:15px 12px; vertical-align:middle; }
.searchTxt p { width:190px; border-right:1px solid #ded9d0; box-sizing:border-box; text-align:center; font-size:18px; }
.searchTxt p strong { color:#d25001; }
.searchTxt dl { width:auto; font-size:0; }
.searchTxt dl dt { position:relative; float:left; width:115px; margin-right:20px; padding:0 20px; font-size:18px; box-sizing:border-box; }
.searchTxt dl dt:after { content:''; position:absolute; right:0; top:50%; width:1px; height:17px; margin-top:-8px; background:#dadada; }
.searchTxt dl dd { margin-left:135px; font-size:16px; vertical-align:middle; overflow:hidden; }
.searchTxt dl dd ul { margin-left:-10px; }
.searchTxt dl dd li { display:inline-block; margin-left:10px; }
.searchTxt dl dd button { overflow:hidden; width:30px; background:url(/archive/images/search/btn_del.gif) center no-repeat; text-indent:-999px; }
.searchArea {}
.searchArea .sNav { float:left; width:193px; }
.searchArea .sNav .navTab { margin-bottom:11px; background:#f9f9f9; border:1px solid #dcdcdc; }
.searchArea .sNav .navTab h4 { position:relative; line-height:30px; padding:12px 10px 12px 40px; background:#fff url(/archive/images/search/icon_tit.gif) 17px center no-repeat; border-bottom:1px solid #dcdcdc; color:#000; font-size:18px; }
.searchArea .sNav .navTab h4 button { display:none; position:absolute; right:8px; top:50%; width:20px; height:20px; margin-top:-10px; background:#fff url(/archive/images/common/icon_plus.gif) center no-repeat; border:1px solid #ccc; text-indent:-999px; overflow:hidden; }
.searchArea .sNav .navTab h4 button.opend { background-image:url(/archive/images/common/icon_minus.gif); }
.searchArea .sNav .navTab ul { padding:7px 20px; }
.searchArea .sNav .navTab ul li { position:relative; overflow:hidden; margin:7px 0; font-size:16px; }
.searchArea .sNav .navTab ul li a { display:block; margin-left:8px; padding-left:7px; background:url(/archive/images/search/bu_snav.gif) left center no-repeat; color:#000; font-weight:300; }
.searchArea .sNav .navTab ul li.active a { background-image:url(/archive/images/search/bu_snav_on.gif); color:#d34012; font-weight:normal; }
.searchArea .sNav .navTab ul li input { position:absolute; left:0; top:0; width:1px; height:1px; margin-left:-50px; }
.searchArea .sNav .navTab ul li label { padding-left:20px; color:#000; font-weight:300; }
.searchArea .sNav .navTab ul li label:after { content:''; position:absolute; overflow:hidden; left:0; top:50%; width:12px; height:12px; margin-top:-6px; background:transparent; border:1px solid #848484; box-sizing:border-box; text-indent:-999px; }
.searchArea .sNav .navTab ul li input:checked + label { color:#d33f11; font-weight:normal; }
.searchArea .sNav .navTab ul li input:checked + label:after { content:'선택됨'; background:#d34012; border-color:#d34012; }
.searchArea .searchContent { margin-left:220px; }
.searchContent .searchItem,
.searchContent .postList { position:relative; overflow:hidden; margin-bottom:50px; padding-top:8px; border-top:1px solid #ded9d0; }
.searchContent .postList { padding-top:0; border-top:none; }
.searchContent .searchItem h4 { padding:22px 5px; color:#010101; font-size:20px; }
.searchContent .searchItem h4 span { color:#d34012; }
.searchContent .searchItem ul { margin:0 -10px; font-size:0; }
.searchContent .searchItem ul li { display:inline-block; width:20%; margin-bottom:50px; text-align:center; vertical-align:top; font-size:16px; }
/*.searchContent .searchItem ul li a { display:block; max-width:186px; margin:0 auto; color:#000; font-size:16px; }*/
.searchContent .searchItem ul li a span { display:block; }
.searchContent .searchItem ul li a span.img { max-height:252px; margin-bottom:14px; overflow:hidden; }
.searchContent .searchItem ul li a span.img img { max-height:124px; }
.searchContent .searchItem ul li a span.txt { padding:0 10px;}
.searchContent .searchItem ul li a span.txt2 { padding:10px 0 5px 10px;}

/* 기본 목록 개수 */
.searchContent .searchItem.col5 ul li {
    width:20%;
}

.searchContent .searchItem.col4 ul li {
    width:25%;
}

.searchContent .searchItem.col3 ul li {
    width:33.3333%;
}

.searchContent .searchItem.col21 ul li {
    width:50%;
    text-align:left;
}

.searchContent .searchItem.col1 ul li {
    width:100%;
}


/* 5개 보기 : 이미지 위 / 제목 아래 */
.searchContent .searchItem.col5 ul li a,
.searchContent .searchItem.col4 ul li a,
.searchContent .searchItem.col3 ul li a {
    display:block;
}

.searchContent .searchItem.col5 .img,
.searchContent .searchItem.col4 .img,
.searchContent .searchItem.col3 .img {
    display:block;
}

.searchContent .searchItem.col5 .txt,
.searchContent .searchItem.col4 .txt,
.searchContent .searchItem.col3 .txt {
    display:block;
}
/* 기본 숨김 */
.searchContent .searchItem .txt2 {    display:none;}

/* 2개 보기에서만 표시 */
.searchContent .searchItem.col2 .txt2 {    display:block;}

/* 2개 보기 : 이미지 왼쪽 / 제목 오른쪽 */

/* 2개 보기 */
.searchContent .searchItem.col2 ul li {
    width:50%;
    display:inline-block;
    vertical-align:top;
}

.searchContent .searchItem.col2 ul li a {
    display:flex;
    align-items:flex-start;
    text-align:left;
}

.searchContent .searchItem.col2 ul li .img {
    width:200px;
    flex:0 0 200px;
}

.searchContent .searchItem.col2 ul li .img img {
    width:100%;
    height:auto;
    display:block;
}
.searchContent .searchItem.col2 ul li .info {
    display:block;
    padding-left:20px;
}

.searchContent .searchItem.col2 ul li .txt {
    display:block;
}



.searchContent .postList li.postItem { position:relative; overflow:hidden; margin-bottom:12px; padding:22px; border:1px solid #eae8e7; }
.searchContent .postList li.postItem p.img { float:left; width:248px; }
.searchContent .postList li.postItem div { margin-left:286px; margin-right:90px; }
li.postItem div ul { margin:12px 0 12px -2px; font-size:0; }
li.postItem div ul li { display:inline-block; margin:0 2px; }
li.postItem div ul li span { display:block; height:26px; line-height:26px; padding:0 10px; border:1px solid #dcdcdc; text-align:center; color:#000; font-size:14px; }
li.postItem div p.tit { padding:4px 0; color:#080808; font-size:21px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
li.postItem div p.txt { padding:20px 0 10px; color:#545454; font-size:15px; }
.searchContent .postList li.postItem p.btn { position:absolute; right:33px; top:50%; margin-top:-32px; }
.searchContent .postList li.postItem p.btn a { display:block; width:72px; height:65px; padding:12px 16px; background:#998b85; box-sizing:border-box; text-align:center; color:#fff; }
.searchContent .searchItem .btnMore { position:absolute; right:0; top:35px; }
.searchContent .searchItem .btnMore a { color:#5f5551; font-size:15px; }

/* 공지사항 */
.boardStyle { max-width:1058px; margin:0 auto; }
/* board Btn */
.boardBtn { margin-bottom:28px; text-align:right; font-size:0; }
.boardBtn p { display:inline-block; font-size:15px;}
.boardBtn p a { display:inline-block; margin-top:15px;margin-left:3px; padding:12px 15px 12px 40px; background:url(/archive/images/board/bg_boardBtn.jpg) no-repeat; border:1px solid #cfcfcf; border-radius:3px; color:#050505; }
.boardBtn .boardBtn_modify { background-position:13px 0px; }
.boardBtn .boardBtn_manage { background-position:13px 0px; }
.boardBtn .boardBtn_reply { background-position:13px 0px; }
.boardBtn .boardBtn_write { background-position:13px -42px; }
.boardBtn .boardBtn_cancel { background-position:13px -84px; }
.boardBtn .boardBtn_delete { background-position:13px -126px; }
.boardBtn .boardBtn_list { background-position:13px -168px; }

/* board List */
.boardInfo { overflow:hidden; margin:0 0 12px 0; padding:0 19px 0 7px; }
.infoCount { float:left; margin-top:15px; padding-left:10px; background:url(/archive/images/board/bg_commentTotal.jpg) left center no-repeat; font-size:14px; font-weight:300; color:#494949; }
.countTotal { font-weight:400; color:#cf0000; }
.countToday { font-weight:400; color:#0041c9; }
.boardSelect { float:right; height:43px; line-height:41px; font-size:14px; color:#555453; }
.boardSelect li { float:left; }
.boardSelect li.Select { min-width:130px; margin-right:-1px; }
.boardSelect li.Select select { width:100%; height:43px; padding:0 10px 0 10px; /* background:url(/archive/images/board/btn_boardSelect.jpg) 92% center no-repeat; */ border:1px solid #cfcfcf; font-size:14px; box-sizing:border-box; vertical-align:top; }
.boardSelect li.boardSearchText {overflow:hidden; width:233px; height:100%; border:1px solid #cfcfcf; box-sizing:border-box; }
.boardSearchText input.text { width:180px; height:100%; border:0; text-indent:18px; vertical-align:top; }
#wrap .boardSearchText input.btn,
.boardSelect .boardSearchText input.btn { width:43px; height:100%; background:url(/archive/images/board/btn_boardSearch.jpg) center no-repeat; border:none; vertical-align:top; text-indent:-9999px; }
.boardStyle .topInfo { overflow:hidden; padding:10px 3%; border-top:1px solid #7f7f7f; font-size:15px; }
.boardStyle .topInfo i { float:left; margin-right:5px; font-style:normal; }
.boardStyle .topInfo span { overflow:hidden; display:block; }
.boardStyle .boardList { clear:both; width:100%; margin-bottom:23px; table-layout:fixed; font-size:14px; font-weight:300; text-align:center; }
.boardList thead { border-top:1px solid #7f7f7f; border-bottom:1px solid #dedbdb; }
.boardList thead th { font-weight:300; }
.boardList .check { width:5%; }
.boardList .num { width:8%; }
.boardList .subject { width:auto; }
.boardList .writer { width:12%; }
.boardList .date { width:14%; }
.boardList .hits { width:8%; }
.boardList .file { width:6%; }
.boardList .goin { width:15%; }
.boardList .sangju { width:15%; }
.boardList .binso { width:10%; }
.boardList .phone { width:18%; }
.boardList tbody tr { border-bottom:1px solid #dedbdb; }
.boardStyle .boardList th, .boardStyle .boardList td { padding:14px 10px; }
.boardStyle .boardList td.subject { text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.boardStyle .boardList td.subject a img{ vertical-align:middle; padding:0 5px; }
.boardStyle .boardList td.subject a img.fileIcon { display:none; }
.boardStyle .boardList td.writer { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.boardStyle .boardList td.area { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.boardList td.check input { margin-top:-3px; }
.boardList td.num span { display:block; }
.boardList td.num .iconNotice img { vertical-align:middle; max-height:30px; }
.boardList td.subject .iconNew img { margin:-2px 0 0 3px; vertical-align:middle; }
.boardList td.subject .isecret img { margin:-2px 0 0 3px; vertical-align:middle; }
.boardList td.subject .ireply { position:relative; display:inline-block; line-height:19px; margin:0 10px 0 18px; padding:0 5px; background:#f6f7f9; border:1px solid #cfcfcf; }
.boardList td.subject .ireply:after { content:''; position:absolute; left:0; top:3px; width:13px; height:12px; margin-left:-18px; background:url(/archive/images/board/icon_reply.gif) center no-repeat; }
.boardList td.file span { display:block; }
.boardList td.file span img { vertical-align:middle; }

.write_table tbody {border-top:1px solid #dde2e8;}
/* board no data */
.no_data { width:100%; margin-bottom:23px; padding:20px 0 50px 0; border-bottom:1px solid #dedbdb; text-align:center; color: #050505; }
.gall_list .no_data { border-top:1px solid #dedbdb; padding:50px 0;}

/* board Page */
.boardPage { text-align:center; margin-bottom:30px; }
.boardPage ul { display:inline-block; border:1px solid #cfcfcf; font-size:0; line-height:1; }
.boardPage ul li { display:inline-block; border-left:1px solid #cfcfcf; font-size:13px; font-family:"�섎닎怨좊뵓", Nanum Gothic; }
.boardPage ul li:first-child { border-left:none; }
.boardPage ul li a { color:#6f6f70; }
.boardPage ul li strong { background:#545454 url(/archive/images/board/pages_underline.jpg) center 26px no-repeat; color:#ddd; }
.boardPage ul li a,
.boardPage ul li strong { display:block; min-width:36px; height:36px; line-height:36px; font-weight:bold; text-align:center; vertical-align:top; }
.boardPage ul li a img { margin-top:-2px; vertical-align:middle;}

.boardPage ul li.first a {text-indent:-99999px;background:url('/archive/images/board/btn_comment_first.jpg') 50% no-repeat;}
.boardPage ul li.prev a {text-indent:-99999px;background:url('/archive/images/board/btn_comment_prev.jpg') 50% no-repeat;}
.boardPage ul li.next a {text-indent:-99999px;background:url('/archive/images/board/btn_comment_next.jpg') 50% no-repeat;}
.boardPage ul li.last a {text-indent:-99999px;background:url('/archive/images/board/btn_comment_last.jpg') 50% no-repeat;}

/* *board view* */
.viewTit { padding:0 13px; border-top:1px solid #dde2e8; border-bottom:1px solid #dde2e8; font-size:0; }
.viewTit h4 { display:inline-block; width:70%; padding:20px 0; font-size:20px; color:#3f3f3f; }
.viewTit p { display:inline-block; width:30%; text-align:right; box-sizing:border-box; font-size:14px; }
.viewTit p span { display:inline-block; padding:0 10px; color:#6b6b6b;}
.viewContent { padding:23px 40px 40px 40px; border-bottom:1px solid #dde2e8; font-size:14px; }
.viewContent .cont_view { padding:0; }
.viewContent .txt { padding:12px 0; text-align:justify; line-height:24px; color:#3f3f3f; }
.viewContent .txt table,
.viewContent .txt table th,
.viewContent .txt table td { border:1px solid; vertical-align:middle; }
.viewContent .img { padding:20px; text-align:center; }
.viewContent .img img{ max-width:100%; }
.viewContent .txt img[style*="height"] { height:auto !important; }
.viewContent .topBtn { display:inline-block; margin:10px 0 30px 5px; border:1px solid #cfcfcf; border-radius:3px; color:#050505; }
.viewContent .topBtn a { display:block; padding:3px 15px; }
.viewContent .txtWrap { border-bottom:1px #E6E6E6 solid; }
.viewContent .images {text-align:center;}
.type_zipcode { position:relative; max-width:150px; padding-right:5em; }
.type_zipcode input { width:100%; font-size:14px; }
#wrap .type_zipcode .elmt_button { position:absolute; right:0; top:0; }
#wrap .type_zipcode .elmt_button button { min-width:5em; height:34px; line-height:34px; border:1px solid #cfcfcf; border-left:none; font-size:14px; color:#6b6b6b; }
#view_address .elmt_input { padding-top:4px; }
#view_address .elmt_input input { width:100%; }

/* board view File */
.boardFile { margin-top:30px; padding:20px; border:1px solid #dbdbdb; }
.boardFile a { color:#3f3f3f; }
.boardFile dl { position:relative; padding:12px 98px 12px 77px; border-top:1px solid #dde2e8; font-family:'돋움',Dotum; }
.boardFile dl:first-child { border-top:none; }
.boardFile dl dt { position:absolute; left:0; width:58px; padding-left:19px; background:url(/archive/images/board/bg_boardFile.jpg) 59px center no-repeat; }
.boardFile dl dd.fileName { width:95%; padding-right:5%; margin-top: 5px; margin-bottom: 5px;}
.boardFile dl dd.fileName a { font-size: 90%; display: inline-block; margin-top: 5px; margin-left: 6px;}
.fileName span.icon_fileHwp { display:inline-block; width: 19px;}
.fileName span.icon_fileHwp img { margin-top:-3px;  }
.boardFile dl dd.fileDown { position:absolute; top:7px; right:10px; width:86px; height:30px; line-height:28px; margin-right:12px; }
.fileDown a.btn_down { display:block; padding-left:29px; background:url(/archive/images/board/btn_fileDown.jpg) 8px 7px no-repeat; }
/* board view Ctrl */
.viewCtrl { display:table; margin-bottom:25px; border-top:1px solid #dde2e8; font-weight:300; color:#3f3f3f; }
.viewCtrl dl { display:table-row;  position:relative; overflow:hidden; }
.viewCtrl dl dt,
.viewCtrl dl dd { display:table-cell; padding:2px 0; border-bottom:1px solid #dde2e8; }
.viewCtrl dl dt { padding:13px 13px 12px 54px; white-space:nowrap; }
.viewCtrl dl.prevList dt { background:url(/archive/images/board/btn_prevList.jpg) 18px center no-repeat; }
.viewCtrl dl.nextList dt { background:url(/archive/images/board/btn_nextList.jpg) 18px center no-repeat; }
.viewCtrl dl dd { width:100%; padding-left:16px; background:url(/archive/images/board/bg_boardFile.jpg) left center no-repeat; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box; vertical-align:middle; }
.viewCtrl dl dd a { display:inline-block; width:100%; color:#3f3f3f; word-break:keep-all; white-space:normal; overflow:hidden; text-overflow:ellipsis; }
/* board view Comment */
.boardComment { font-family:"돋움", dotum; font-size:12px; }
.commentWrap { border-top:3px solid #43434a; border-bottom:1px solid #dde2e8; background:#f6f6f6; padding:25px; }
.commentTotal { padding:0 10px; background:url(/archive/images/board/bg_commentTotal.jpg) left center no-repeat; font-size:14px; font-weight:bold; color:#3f3f3f; }
.commentTotal strong { color:#fb460f; }
.commentReturn img{ vertical-align:middle; margin-top:-2px; padding-right:10px; }
.comment_info { font-size:12px; color:#606060; }

.commentWrite { position:relative; width:100%; padding-left:53px; height:46px; margin-top:12px; background:#fff; border:1px solid #cfcfcf; box-sizing:border-box; }
.commentTit { position:absolute; left:0; width:52px; height:46px; line-height:46px; text-align:center; border-right:1px solid #cfcfcf; }
.commentTxt{ position:relative; width:100%; height:46px; padding-right:70px; box-sizing:border-box; }
.commentTxt input.text { width:100%; height:42px; padding:0 60px 0 13px; background:none; border:0px; box-sizing:border-box; }
#wrap .commentTxt input.btn{ position:absolute; right:0px; top:-1px; width:70px; height:46px; line-height:44px; background:#545454; color:#fff; font-size:14px; }
.comment_count{ position:absolute; top:0; right:90px; height:45px; line-height:45px; color:#a6a6a6; font-size:14px; }

.commentList { font-family:"돋움", dotum; color:#3f3f3f; margin-bottom:28px; }
.commentList ul { font-size:0; width:100%; border-bottom:1px solid #dde2e8; }
.commentList li { float:left; font-size:12px; }
.commentList .writer { width:12.5%; padding:17px 10px 15px 25px; background:url(/archive/images/board/table_bar.jpg) right center no-repeat; box-sizing:border-box;  font-weight:bold;}
.commentList .comments { width:73%; text-align:left; padding:12px 8px 11px 8px; box-sizing:border-box; }
.commentList .comments img { vertical-align:middle; }
.commentList .date { width:14.5%; text-align:right;  padding:17px 25px 15px 8px; color:#a0a0a0; font-weight:bold; box-sizing:border-box;}
.commentDelete { padding-left:10px; }
.commentModify { padding-left:5px; }
.commentPage { text-align:center; padding-bottom:28px; border-bottom:1px solid #dde2e8; }
.commentPage ul { display:inline-block; font-size:0; }
.commentPage ul li { display:inline-block; font-size:14px; font-family:"돋움", dotum; }
.commentPage ul li:first-child { border-left:none; }
.commentPage ul li a { color:#000; }
.commentPage ul li strong { background:url(/archive/images/board/comment_pages_line.jpg) center 23px no-repeat; color:#e73444; }
.commentPage ul li a,
.commentPage ul li strong { display:block; min-width:25px; height:33px; line-height:33px; font-weight:bold; text-align:center; vertical-align:top; }
.commentPage ul li a img { margin-top:-2px; vertical-align:middle;}
.commentPage ul li.first {  min-width:31px; height:33px; line-height:33px; border:1px solid #dadada; }
.commentPage ul li.prev { min-width:31px; height:33px; line-height:33px; margin-right:18px; border:1px solid #dadada; border-left:0; }
.commentPage ul li.next {  min-width:31px; height:33px; line-height:33px; margin-left:18px; border:1px solid #dadada; border-right:0; }
.commentPage ul li.last {  min-width:31px; height:33px; line-height:33px; border:1px solid #dadada; }
/* board view Answer */
.answer_section dl dt { padding:12px 15px 15px 85px; background:url(/archive/images/board/bg_boardAnswe.jpg) 40px center no-repeat;  border-bottom:1px solid #dde2e8; font-weight:500; font-size:26px; }
.answer_section dl dd { padding:22px 15px 22px 40px; border-bottom:1px solid #dde2e8; font-size:14px; color:#6b6b6b; }
.answer_section dl dd > div { display:inline-block; vertical-align:middle; }
.answer_section dl dd .tit,
.answer_section dl dd .txt { display:inline-block; vertical-align:middle; }
.answer_section .viewContent { margin-bottom:20px; padding:13px 40px 25px 40px; background:#f9f9f9; }
@media all and (max-width:1100px) {
    /* intro */
    .oldHistoryLine ul:after { top:84px; }
    .oldHistoryLine ul li dl dt { height:100px; }
}
@media all and (max-width:1024px) {
    #container { padding-top:0; }    
}
@media all and (max-width:960px) {
    .guideWrap h2,
    .locationWrap .siteLocation>ul>li.home,
    .locationWrap p.btnPrint { display:none; }
    .locationWrap .siteLocation { border-bottom:1px solid #d6d6d6; }
    .locationWrap .siteLocation>ul>li.lkList { display:block; padding-right:0; background:none; }
    .locationWrap .siteLocation>ul>li.lkList.death2 { background:#f5f5f5; }
    .locationWrap .siteLocation>ul>li>a,
    .locationWrap .siteLocation>ul>li>button { display:block; width:100%; height:47px; line-height:47px; padding:0 18px; }
    .locationWrap .siteLocation>ul>li.death1 { margin-right:45px; }
    .locationWrap .siteLocation>ul>li.lkList.death2 button,
    .locationWrap .siteLocation>ul>li.lkList.death2 a { color:#000; }
    .locationWrap .siteLocation>ul>li.lkList>a:before,
    .locationWrap .siteLocation>ul>li.lkList>button:before,
    .locationWrap .siteLocation>ul>li.active>a:before,
    .locationWrap .siteLocation>ul>li.active>button:before { display:block; }
    .locationWrap .siteLocation>ul>li.death2.lkList>a:before,
    .locationWrap .siteLocation>ul>li.death2.lkList>button:before,
    .locationWrap .siteLocation>ul>li.death2.active>a:before,
    .locationWrap .siteLocation>ul>li.death2.active>button:before { border-top-color:#6d6d6d; border-bottom-color:#6d6d6d; }
    .locationWrap .siteLocation div { position:static; width:100%; }
    /* tabMenu Style */
    .locationWrap .snsLkList { top:0; right:0; bottom:auto; top:0; margin-top:0; }
    .tabWrap p.tabBtn { display:block; width:45px; height:47px; background:#fff; text-align:right; }
    .tabWrap p.tabBtn button { width:100%; height:100%; background:#4b4340 url(/archive/images/common/btn_sns.gif) center no-repeat; background-size:auto 42.55319%; }
    .tabWrap ul { display:none; background:#fff; border:1px solid #d6d6d6; }
    .locationWrap .snsLkList li { display:block; padding:3px; text-align:center; }
    .locationWrap .snsLkList li a { margin:0 auto; }
    #content { padding:20px 4.6875%; }
    #content h3.pageTit { font-size:22px; }
    #content p.pageInfo { margin:20px 10%; font-size:16px; }
    /* introStyle */
    .introStyle { margin:24px auto; }
    .introStyle h4 { margin-bottom:10px; font-size:20px; }
    .introStyle h4.colRed { margin-top:20px; }
    .introStyle p.txt { margin:16px 0; font-size:14px; }
    .introStyle .imgFigure {}
    .introStyle .imgFigure img { margin-bottom:10px; }
    .introStyle .imgCaption span { margin:5px; }
    .introStyle .imgCaption span.tit { font-size:17px; }
    .introStyle .imgCaption span.txt { font-size:13px; }
    .imgList { margin-bottom:20px; }
    .imgList li { display:block; width:99%; text-align:center; }
    .imgList li.txtBox { position:static; width:99%; height:auto; margin:0 auto; background:#675d59; }
    .imgList li.txtBox div { display:block; }
    .imgList li.txtBox div dl { display:block; padding:5%; box-sizing:border-box; text-align:left; }
    .oldHistoryLine ul:after { content:''; position:absolute; left:8px; right:auto; top:0; width:3px; height:100%; background:#675d59; }
    .oldHistoryLine ul li { display:block; width:100%; padding-left:4px; padding-bottom:20px; }
    .oldHistoryLine ul li dl { overflow:hidden; letter-spacing:0; }
    .oldHistoryLine ul li dl dt { position:relative; float:left; width:8em; height:auto; padding-left:20px; font-size:16px; }
    .oldHistoryLine ul li dl dt:after { content:''; position:absolute; left:0; top:8px; bottom:auto; width:5px; height:5px; background:#fff; border:3px solid #675d59; border-radius:50%; z-index:2; }
    .oldHistoryLine ul li dl dt span { display:inline-block; margin-right:6px; font-size:18px; }
    .oldHistoryLine ul li dl dd { margin-left:10em; margin-top:0; }
    .oldHistoryLine ul li dl dd br { display:none; }
    .small { margin:0 auto 50px; }
    .floatBox { display:block; width:100%; margin:40px 0.5% 60px; }
    .floatBox .left { float:none; width:100%; }
    .floatBox .left h4 { margin-top:4px; }
    .floatBox .right { float:none; width:98%; }
    .introStyle .boxArea { display:block; margin-bottom:20px; padding:2% 5%; }
    .introStyle .boxArea ul,
    .introStyle .boxArea p { display:block; padding:3% 2%; box-sizing:border-box; vertical-align:middle; }
    .introStyle .boxArea ul { width:98%; border-right:none; border-bottom:1px solid #d8d5d4; font-size:15px; }
    .introStyle .boxArea p { width:98%; font-size:13px; }
    /* historyStyle */
    .historyLine { margin:0 0 10px; padding:10px 10px; border:1px solid #cfcfcf; }
    .historyLine p.caption { position:relative; left:0; top:0; bottom:auto; width:auto; padding-bottom:10px; background:#fff; z-index:3; }
    .historyLine p.caption span { width:auto; padding:0 10px; border-color:#f8774a ; }
    .historyLine:before { display:none; }
    .historyLine>ul { padding-top:20px; font-size:15px; }
    .historyLine>ul>li { width:100%; min-height:8em; }
    .historyLine>ul>li.left { float:none; padding-right:0; padding-left:20px; background:none; text-align:left; }
    .historyLine>ul>li.right { float:none; padding-left:20px; background:none; }
    .historyLine>ul>li:before { z-index:2; top:5px; width:10px; height:10px; background-size:cover; }
    .historyLine>ul>li.left:before { right:auto; left:5px; }
    .historyLine>ul>li.right:before { left:5px; }
    .historyLine>ul p { position:relative; line-height:1; margin-bottom:10px; background:none; color:#ff571c; font-size:18px; font-weight:600; }
    .historyLine>ul p br { display:none; }
    .historyLine>ul p:before { display:none; }
    .historyLine>ul>li.left p { padding-right:0; padding-left:0; background-position:left 8px; }
    .historyLine>ul>li.right p { padding-left:0; }
    .historyLine>ul>li.left p:before { right:auto; left:10px; }
    .historyLine>ul>li.left ul { margin-right:0; margin-left:0; }
    .historyLine>ul>li.right ul { margin-left:0; }
    /* infoStyle */
    .infoStyle .topTxt { margin-bottom:20px; font-size:16px; text-align:left; }
    .infoStyle .topTxt i { display:inline-block; }
    .infoStyle .infoTopImg { margin-bottom:40px; }
    .infoStyle .infoTopImg li { display:block; width:96%; margin:0 auto 10px; }
    .infoStyle .infoTopImg li p { margin-bottom:20px; }
    .infoStyle .infoTopImg li p img { width:100%; }
    .infoStyle .infoTopImg li dl { margin-bottom:24px; }
    .infoStyle .infoTopImg li dt { font-size:20px; }
    .infoStyle h4 { margin:10px; text-align:left; font-size:20px; }
    .infoStyle .infoTableStyle { text-align:left; }
    .infoStyle .infoTableStyle li { width:32.33333%; max-width:none; margin:0.5%; }
    .infoStyle .infoTableStyle li dl { font-size:16px; }
    .infoStyle .infoListCount { display:block; width:100%; font-size:0; }
    .infoStyle .infoListCount li { float:left; display:table; table-layout:fixed; width:33.33333%; height:auto; padding:8px; box-sizing:border-box; }
    .infoStyle .infoListCount.cols4 li { float:none; display:inline-block; width:50%; padding:8px; }
    .infoStyle .infoListCount li p { display:table-cell; width:24vw; height:24vw; background-size:cover; box-sizing:border-box; }
    .infoStyle .infoListCount.cols4 li p { display:block; width:100%; height:auto; margin:0; padding:10px; border-radius:0; }

    /* mapType Content */
    .mapWrap { position:relative; margin-bottom:30px; }
    .mapWrap:after { display:none; }
    .mapWrap button.tabBtn { display:block; position:absolute; left:0; top:0; z-index:3; }
    .mapWrap .mapNav { display:none; position:absolute; float:none; left:54px; background:#fff; z-index:5; }
    .mapWrap .mapArea { position:relative; min-height:50vh; margin-left:0; background:#f3f1f1; }
    .mapWrap .mapArea .map { width:100%; height:50vh; }
    .mapWrap .mapArea .map img { max-width:none; }
    .mapWrap .mapUtil>div { padding-top:0; }
    .mapWrap .mapUtil>div div { overflow-y:auto; height:100%; padding:10px 8px; box-sizing:border-box; }
    .mapWrap .mapUtil>div ol { display:none; font-size:0; }
    .mapUtil>div ol li { display:inline-block; width:20%; box-sizing:border-box; }
    .moMapUtil { position:relative; display:block; }
    /* gallery List */
    .galleryList li,
    .searchContent .searchItem ul li { width:33.33333%; }
    /* search Area */
    .searchTxt { display:block; margin-bottom:30px; }
    .totalSearch .searchForm { margin:20px auto; }
    .totalSearch .searchForm p { margin-right:160px; }
    .totalSearch .searchForm input { font-size:15px; }
    .totalSearch .searchForm ul li input { padding:0 4px;}
    .totalSearch dl.recomKeyword { max-width:758px; margin:0 auto; padding:18px 10px; border-top:1px solid #cfcfcf; font-size:14px; }
    .totalSearch dl.recomKeyword dd { overflow:hidden; margin-left:86px; }
    .totalSearch dl.recomKeyword dd ul { margin-left:-10px; }
    .totalSearch dl.recomKeyword dd li { display:inline-block; margin:0 0 10px 10px; }
    .totalSearch .detailFormArea select,
    .totalSearch .detailFormArea input { height:32px; font-size:14px; }
	.totalSearch .detailFormArea2 select,
    .totalSearch .detailFormArea2 input { height:32px; font-size:14px; }
    .totalSearch .detailBtnArea { margin:13px 0; text-align:center; }
    .totalSearch .detailBtnArea li { max-width:140px; }
    .totalSearch .detailBtnArea button { width:100%; height:52px; color:#fff; font-size:15px; }
    .totalSearch .topSearch .btnClose button { background-size:auto 20px; }
    .searchTxt p,
    .searchTxt dl { display:block; padding:10px; }
    .searchTxt p { width:100%; border-right:none; text-align:left; font-size:14px; }
    .searchTxt dl { width:100%; font-size:0; }
    .searchTxt dl dt { width:72px; margin-right:5px; padding:0; font-size:14px; }
    .searchTxt dl dt:after { content:''; position:absolute; right:0; top:50%; width:1px; height:14px; margin-top:-7px; background:#dadada; }
    .searchTxt dl dd { margin-left:80px; }
    .searchTxt dl dd ul { margin-top:-3px; }
    .searchTxt dl dd li { display:inline-block; margin:0 10px; font-size:14px; }
    .searchArea .sNav { float:none; width:100%; }
    .searchArea .sNav .navTab h4 button { display:block; }
    .searchArea .sNav .navTab ul { display:none; font-size:0; }
    .searchArea .sNav .navTab ul li { display:inline-block; width:25%; vertical-align:top; }
    .searchArea .searchContent { margin-left:0; }
    /* view area */
    .boardView .viewTop {padding:20px 5px; }
    .boardView .viewTop .viewImg { float:none; width:90%; margin:0 auto; }
    .boardView .viewTop .viewImg p.img img { width:100%; }
    .boardView .viewTop .btnList li a { font-size:13px; }
    .boardView .viewTop .btnList li a span { line-height:16px; padding-left:14px; background-size:14px auto; }
    .boardView .viewTop .viewTxt { margin:20px 0 0;}
    .viewTxt dl { font-size:16px; }
    .viewTxt dl dt { width:10em; background-position:left 11px; }
	/* board List */
	.boardInfo { margin:24px 0 10px 0; padding:0; }
	.boardList .num,
	.boardList .hits { display:none; }
	.boardList .writer { width:12%; }
	.boardList .date { width:12%; }
	.boardList .file { width:7%; }
    .quickWrap { display:none; }
}
@media screen and (max-width:879px) {
	/* board List */
	.boardSelect { width:100%; }
	.infoCount { margin-top:0; margin-bottom:10px; }
    .boardSelect { display:table; table-layout:fixed; width:100%; }
    #wrap .boardSelect li { display:table-cell; width:25%; }
	#wrap .boardSelect li.Select { min-width:50px; background:none; }
	#wrap .boardSelect li.boardSearchText { position:relative; width:50%; margin-left:0; padding-right:43px;}
	.boardSearchText input.text { width:100%; background:none; }
	#wrap .boardSearchText input.btn { position:absolute; right:0; border-left:1px solid #cfcfcf; }
}
@media screen and (max-width:767px) {
	/* board Txt */
	.topTxt { margin:0 10px; /*border-top:3px solid #434040;*/ }
	.topTxt ul { overflow:hidden; padding:0; }
	.topTxt ul li:first-child { float:left; width:100%; text-align:left; }
	.topTxt ul li.topTxt_img { float:left; margin-top:10px; }
	.boardStyle { margin:0 10px; }
	/* board Btn */
	.boardBtn p { font-size:14px; }
	/* board List */
	.boardList .subject { width:66%; }
	.boardList .writer { display:none; }
	.boardList .date { width:16%; }
	.boardList .hits { width:10%; }
	.boardList .file { width:8%; }
	.boardList .phone { display:none; }
	/* board Page */
	.boardPage ul li strong { background:#545454 url(/archive/images/board/pages_underline.jpg) center 23px no-repeat; }
	.boardPage ul li a,
	.boardPage ul li strong { min-width:30px; height:30px; line-height:30px; }
    .mapUtil>div ol li { width:50%; }
}

@media screen and (max-width:599px) {
    /* gallery List */
    .galleryList li,
    .searchContent .searchItem ul li { width:50%; }
    /* Search Area */
    .searchArea .sNav .navTab ul li { width:50%; }
    .infoStyle .infoTableStyle li { width:49%; }
	/* board Txt */
	.topTxt p { width:100%; margin:0 auto; }
	/* board List */
	.boardList .subject { width:76%; }
    #wrap .boardList .subject .fileIcon { display:inline-block; }
	.boardList .date { width:24%; }
	.boardList .hits,
	.boardList .file { display:none; }
}

@media screen and (max-width:479px) {
	/* board Page */
	.boardPage ul li strong { background:#545454 url(/archive/images/board/pages_underline.jpg) center 17px no-repeat; }
	.boardPage ul li a,
	.boardPage ul li strong { min-width:20px; height:20px; line-height:20px; }
}

/* 출력 스타일 */
@media print {
    @page { margin: 1cm;}
    body { font-size:12pt; }
    #wrap { width:1024px; border:none; }
    #header,
    .guideWrap,
    .quickWrap,
    #footer { display:none; }
}
/* 서브 동영상 추가 스타일 */
.sub_movie {  margin:0 auto; width:100%; max-width:756px; position:relative; margin-bottom:50px;  }
.sub_movie video { max-width:100%;  object-fit:cover; vertical-align:bottom;}
.sub_movie .caption { overflow:hidden; position:absolute; left:0; bottom:0; width:100%; height:80px; line-height:40px; padding:20px 1%; background:#000; background-color:rgba(0,0,0,0.27); box-sizing:border-box; text-align:center; color:#fff; font-size:16px; text-overflow:ellipsis; white-space:nowrap; }
.sub_movie .controlIcon { overflow:hidden; position:absolute; left:50%; top:50%; width:74px; height:74px; margin:-37px 0 0 -37px; border-radius:50%; -webkit-border-radius:50%; }
.sub_movie .controlIcon button { width:100%; height:100%; background:url(/archive/images/main/btn_play.png) center no-repeat; border-radius:50%; text-indent:-999px; }
.ready_lay { width:100%; height:350px;  margin-top:100px; }

/* SITEMAP */
.siteMapLayout {padding-top: 35px;}
.siteMapLayout .siteMapList { text-align:left; font-size: 0;}
.siteMapLayout .siteMapList > li {display: inline-block; width:25%; margin-bottom: 35px; padding:0 3%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; vertical-align: top;}
.siteMapLayout .siteMapList li h3 {display: block; margin-bottom:18px; padding: 10px; border-bottom:2px solid #736258; color:#281b1b; font-size:20px; font-weight: 500;}
.siteMapLayout .siteMapList div li a { display:block; padding:10px; }
.siteMapLayout .siteMapList div>ul>li>a { background:url(/images/common/bu_2p.png) 1px 17px no-repeat; border-bottom:1px solid #dbdbdb; color:#4b4b4b; font-size: 16px;}
.siteMapLayout .siteMapList div ul ul {padding: 10px 0;}
.siteMapLayout .siteMapList div ul ul li a {padding:6px 10px; color:#717171; font-size:15px; }
.siteMapLayout .siteMapList div ul ul li a:hover,
.siteMapLayout .siteMapList div ul ul li a:focus { color: #34a886; text-decoration:underline;}
@media all and (max-width: 1024px) {
    .siteMapLayout .siteMapList > li {width: 50%;}
}
@media all and (max-width: 767px) {
    .siteMapLayout .siteMapList li h3 {margin-bottom: 10px; padding: 8px; font-size: 17px;}
    .siteMapLayout .siteMapList div>ul>li>a {padding: 8px 10px; font-size: 14px;}
    .siteMapLayout .siteMapList div ul ul {padding:8px 0;}
    .siteMapLayout .siteMapList div ul ul li a {font-size: 13px;}
}

/* loading Animation */
.loadingWrap { display:none; }
.loadArea { position:fixed; display:table; left:0; top:0; width:100%; height:100%; background:#000; background-color:rgba(0,0,0,0.5); z-index:100; }
.loadArea .loading { display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; }
.lds-dual-ring { display: inline-block; width: 80px; height: 80px; }
.lds-dual-ring:after { content: " "; display: block; width: 64px; height: 64px; margin: 8px; border-radius: 50%; border: 6px solid #fff; border-color: #fff transparent #fff transparent; animation: lds-dual-ring 1.2s linear infinite; }
@keyframes lds-dual-ring {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}