@charset "UTF-8";

/*sub_layout*/
header {position: fixed; top:0; transform: translate3d(0, -100%, 0); transition: transform 0.3s ease; will-change: transform; background:#fff; border-bottom:1px solid #eee; }
header.on {transform: translate3d(0, 0, 0);}
.sub_top { display:flex; justify-content:space-between; margin:80rem auto;}
.sub_top .location { display:flex; align-items:center; margin:0 0 10rem 5rem; }
.sub_top .location a {display:flex; align-items:center; font-size:15rem; }
.sub_top .location a::after {content:''; display:block; width:6rem; height:6rem; border-top:1px solid #999; border-right:1px solid #999; transform:rotate(45deg); margin:0 10rem; }
.sub_top .location a:last-of-type::after {display:none;}
.sub_top .location a.home::after {border:0; width:1px; height:15rem; background:#999; transform:none;}
.sub_top .location a.home img { width:12rem; opacity:0.8; }
.sub_top .location a:last-of-type {font-weight:600; }
.sub_top h3 {font-size:50rem; line-height:1.2; }
.sub_util > li > a { justify-content:center; width:50rem; height:50rem; background:#f3f3f3; border-radius:50%; }
.sub_util > li > a::before {display:none;}
.sub_util li:not(:first-of-type) {margin-left:10rem;}
.sub_util .share div { top:60rem; border-radius:10rem; }
#container {padding:100rem 0; }
#container .wrap {max-width:1400px;}
@media all and (max-width:1023px){
   /*.sub_top {margin:50rem auto;}*/
}
@media all and (max-width:768px){
    .sub_top { position:relative; /*margin:30rem auto; */}
    .sub_top h3 {font-size:40rem; padding-right:120rem; }
    .sub_util { position:absolute; right:0; bottom:0; }
    #container {padding:80rem 0 60rem;}
}


/*content*/
.content_point { position: relative; height: 100vh; overflow: hidden; display: flex; align-items: center; justify-content: center; margin-bottom:70rem; }
.content_point .img { position: absolute; height:100vh; left: 50%; top: 0; transform: translate(-50%, 0); z-index: 1; border-radius:20rem; background:#000; overflow:hidden;  }
.content_point .img img {width:100%; height:100%; object-fit:cover; opacity:1;}
.content_point dl { position: relative; z-index: 2; color: #fff; text-align: center; max-width:80%; }
.content_point dl > * { opacity: 0; transform: translateY(150rem); transition: opacity 0.7s ease, transform 0.7s ease; }
.content_point dl dt { font-size:50rem; font-weight:800; margin-bottom:40rem; }
.content_point dl dd { font-size:20rem; }
.content_point.active dl > * { opacity: 1; transform: translateY(0); }
.content_point.active dl dt { transition-delay: 0.1s; line-height:1.3; }
.content_point.active dl dd { transition-delay: 0.2s; }
@media all and (max-width:768px){
    .content_point .img {width:94%;}
    .content_point dl dt {font-size:35rem;}
    .content_point dl dd {font-size:18rem;}
}

/*인사말*/
.greeting {display:flex; justify-content:space-between; }
.greeting .left { width: calc(30% - 20rem); font-size:60rem; font-weight:800; line-height:1.2; }
.greeting .left p.small {font-size:20rem; font-weight:300; color:#666; margin-bottom:20rem; }
.greeting .left p.small span {display:block;}
.greeting .right { width: calc(70% - 20rem);}
.greeting .right p+p {margin-top:30rem; }
@media all and (max-width:1023px){
    .greeting .left {font-size:40rem;}
}
@media all and (max-width:768px){
    .greeting { flex-wrap:wrap; }
    .greeting .left,
    .greeting .right {width:100%;}
    .greeting .left { margin-bottom:30rem; }
}


/*주변관광지*/
.tour_list > div { display:flex; justify-content:space-between; margin-top:60rem; }
.tour_list > div:nth-child(even) { flex-direction:row-reverse; }
.tour_list > div > * { width:calc((100% - 40rem)/2); }
.tour_list .img img {width:100%; border-radius:20rem; }
.tour_list dt {font-size:27rem; font-weight:700; margin:30rem 0 10rem; }
.tour_list dd.info {margin-top:20rem;}
.tour_list dd.info p { display:flex; align-items:center; margin:5rem 0;}
.tour_list dd.info p span { display:flex; align-items:center; justify-content:center; width:35rem; height:35rem; background:var(--p_color); border-radius:50%; margin-right:5rem; text-indent: -999999rem;}
.tour_list dd.info p span.icon1::before { content:''; display:block; width:13px; height:16px; background:url('/design2026/kingmunmu/img/content/tour_icon1.png') no-repeat center;}
.tour_list dd.info p span.icon2::before { content:''; display:block; width:16px; height:16px; background:url('/design2026/kingmunmu/img/content/tour_icon2.png') no-repeat center;}
@media all and (max-width:1023px){
    .tour_list dt {margin:10rem 0;}
}
@media all and (max-width:768px){
    .tour_list > div {flex-wrap:wrap;}
    .tour_list > div:nth-child(even) { flex-direction:row; }
    .tour_list > div > * { width:100%; }
    .tour_list dt { margin:30rem 0 10rem;}
}


/*찾아오시는길*/
.contact_us .root_daum_roughmap { border-radius:20rem; overflow:hidden; }
.contact_us .root_daum_roughmap .cont,
.contact_us .root_daum_roughmap .map_border,
.contact_us .root_daum_roughmap .hide,
.contact_us .root_daum_roughmap .wrap_btn_zoom {display:none;}
.contact_us .root_daum_roughmap .wrap_map { height:500rem;}
.contact_us .address { display:flex; align-items:center; justify-content:space-between; margin-top:60rem; }
.contact_us .address dl { width:calc((100% - 40rem)/2); }
.contact_us .address dl dt {font-weight:800; font-size:30rem; }
.contact_us .address dl dd p {font-size:20rem; font-weight:500; margin-top:7rem;}
.contact_us .address dl dd strong {color:var(--p_color);}
@media all and (max-width:768px){
    .contact_us .root_daum_roughmap .wrap_map { height:300rem;}
    .contact_us .address {flex-wrap:wrap; margin-top:20rem; }
    .contact_us .address dl { width:100%; }
    .contact_us .address dl dt {margin-top:30rem; font-size:25rem; }
}


/*문무대왕 생애*/
.munmu_history { position: relative; min-height: 100vh; overflow: hidden; }
.munmu_history_inner { min-height: 100vh; display: flex; align-items: center; gap: clamp(40px, 6vw, 90px); }
.munmu_photo { position: relative; flex: 0 0 min(42vw, 420px); max-width:420px; }
.munmu_photo img { display: block; width: 100%; height: auto; }
.munmu_photo .img_gray { filter: grayscale(1); opacity: 0.45; }
.munmu_photo .img_color { position: absolute; left: 0; top: 0; width: 100%; height: 100%; clip-path: inset(100% 0 0 0); will-change: clip-path; }
.munmu_history_items { position: relative; flex: 1; }
.munmu_history_items > div { position: absolute; left: 0; top: 0; width: 100%; opacity: 0; visibility: hidden; }
.munmu_history_items dt { margin-bottom: 30rem; font-size: 40rem; font-weight: 800; line-height:1.3;  }
.munmu_history_items dt strong { display:block; font-size:25rem; color: var(--p_color); margin-bottom:5rem; }
.munmu_history_items dd { font-size:20rem; }
.munmu_history .source { position:absolute; right:0; bottom:50rem; font-size: 15px; color: #777; }
@media all and (max-width:768px){
    .munmu_photo { position:absolute; top:10%; right:3%; width:200rem; }
}
@media all and (max-width:480px){
    .munmu_photo { position:absolute; top:30%; right:50%; transform:translate(50%, -60%); width:180rem; }
    .munmu_history_items {margin-top:100rem;}
    .munmu_history_items dt { font-size:30rem; }
    .munmu_history_items dd { font-size:17rem; }
}



/*삼국통일과 문무대왕*/
.munmu_unification { position: relative; min-height: 100vh; }
.munmu_unification_inner { min-height: 100vh; display: flex; align-items: center; justify-content:space-between; }
.munmu_unification_photo { position: relative; 
	width: 40%;
	height: 620px;
	max-height: 62vh;
	-ms-flex: 0 0 40%;
	flex: 0 0 40%; overflow: hidden; border-radius: 20rem; }
.munmu_unification_photo img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; visibility: hidden; transform: scale(1.08); will-change: opacity, transform; }
.munmu_unification_photo img.on { opacity: 1; visibility: visible; transform: scale(1); }
.munmu_unification_items { position: relative; width:53%; }
.munmu_unification_items > div { position: absolute; left: 0; top: 50%; width: 100%; opacity: 0; visibility: hidden; transform: translateY(-40%); }
.munmu_unification_items dt { margin-bottom: 30rem; font-size: 40rem; font-weight: 800; line-height:1.3; }
.munmu_unification_items dd { font-size:20rem;}
.munmu_unification_items dd p + p { margin-top:10rem; }
.munmu_unification .source { margin-top: -100rem; position: relative; z-index: 2; font-size: 15rem; color: #777; }
@media all and (max-width:1023px){
    .munmu_unification_items dt { margin-bottom:20rem; font-size:35rem; }
}
@media all and (max-width:768px){
    .munmu_unification_photo { position:absolute; left:-3%; top:0; width:106%; height:50vh; border-radius:0; z-index:-1; }
    .munmu_unification_photo::before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(180deg, transparent 0, #fff 100%); z-index:1; }
    .munmu_unification_items  {width:100%;}
}
@media all and (max-width:480px){
    .munmu_unification_items dt { font-size:30rem; }
    .munmu_unification_items dd {font-size:17rem;}
}


/*해중릉 이야기+호국 해양정신*/
.story_wrap { position:relative;  margin-bottom:-100rem; font-family:'NotoSerifKR', serif;  overflow:hidden; }
.story_wrap .bg_fixed { position:absolute; left:0; top:0; width:100%; height:100vh; z-index:1; pointer-events:none; }
.story_wrap .bg { position:absolute; left:50%; top:0; width:60%; height:100vh; transform:translateX(-50%) !important; overflow:hidden; border-radius:20rem; background:#000; }
.story_wrap .bg video { display:block; width:100%; height:100%; object-fit:cover; opacity:0.5; }
.story_wrap .story { position:relative; z-index:2; margin:0 auto; padding:100vh 0 30vh ; color:#fff; text-align:center; }
.story_wrap .story .title { font-size:50rem; font-weight:800; line-height:1.4; margin-bottom:100rem; }
.story_wrap .story .txt { font-size:20rem; }
.story_wrap .story .txt + .txt { margin-top:70rem; }
.story_wrap .source { position:absolute; right:0; bottom:50rem; font-size: 15px; color: #777; }
/*해중릉 이야기*/
.story_wrap .point { display:block; font-weight:800; margin:20rem auto; font-size:1.3em; color:var(--p_color);}
.story_wrap ul { text-align:left; max-width:800rem; margin:20rem auto 0;  }
.story_wrap ul li {display:flex; margin:15rem 0; }
.story_wrap ul li strong { display:flex; justify-content:space-between; margin-right:20rem; flex-shrink:0; width:160rem; border-right:1px solid rgba(255,255,255,0.3); }
@media all and (max-width:768px){
    .story_wrap { margin-bottom:-60rem; }
    .story_wrap .story {padding:100vh 0 20vh;}
    .story_wrap .bg {min-width: 90%;}
    .story_wrap .story .title {font-size:40rem; margin-bottom:60rem; }
    .story_wrap .story .txt + .txt {margin-top:40rem; }
}
@media all and (max-width:480px){
    .story_wrap .story .title {font-size:30rem; margin-bottom:40rem; }
    .story_wrap .story .txt { font-size:18rem; }
    .story_wrap .story .txt + .txt {margin-top:30rem; }
}


/*전시실 + 시설안내*/
.junsi_map { display:flex; justify-content:space-between; gap:50rem; border-radius:20rem; border:1px solid #ccc; padding:30rem; }
.junsi_map .map_wrap { flex:0 0 40%; }
.junsi_map .swiper_wrap { width:calc(60% - 50rem); min-width:0; }
.junsi_map .map_wrap .map { position:relative; margin:50rem auto;}
.junsi_map .map_wrap .map img { display:block; width:100%; height:auto; }
.junsi_map .map_wrap .map a { position:absolute; display:flex; align-items:center; justify-content:center; width:30rem; height:30rem; border-radius:50%; background:#eee; font-weight:700; transition:0.3s; z-index:2; }
.junsi_map .map_wrap .map a.on { background:var(--p_color); color:#fff; }
.junsi_map .btn { display:flex; flex-wrap:wrap; margin-top:10rem; }
.junsi_map .btn a { display:flex; width:calc((100% - 11rem)/2); margin:10rem 0 0 10rem; align-items:center; gap:10rem; min-height:50rem; padding:0 15rem; border:1px solid #ddd; border-radius:10rem; background:#fff; color:#333; text-decoration:none; transition:0.3s; line-height:1.2; }
.junsi_map .btn a:nth-of-type(2n-1) {margin-left:0;}
.junsi_map .btn a span { display:flex; align-items:center; justify-content:center; flex:0 0 30rem; width:30rem; height:30rem; border-radius:50%; background:#fff; }
.junsi_map .btn a.on { border-color:var(--p_color); background:var(--p_color); color:#fff; }
.junsi_map .btn a.on span { background:#fff; color:var(--p_color); }
.junsi_map .swiper_wrap > div { position:relative; display:none; border-radius:20rem; overflow:hidden; }
.junsi_map .swiper_wrap > div.on { display:block; }
.junsi_map .swiper_wrap dl { position:relative; background:rgba(0,0,0,0.07); z-index:2; padding:30rem; }
.junsi_map .swiper_wrap dt { margin-bottom:10rem; font-size:22rem; font-weight:700; }
.junsi_map .swiper_wrap dd { font-size:16rem; }
.junsi_map .swiper_wrap dd p {font-size:1.1em; font-weight:600; }
.junsi_map .swiper {position:relative;}
.junsi_map .swiper_wrap .controls a { position:absolute; left:20rem; top:50%; display:flex; align-items:center; justify-content:center; width:50rem; height:50rem; border-radius:50%; background:rgba(0,0,0,0.3); transform:translateY(-50%); z-index:2; }
.junsi_map .swiper_wrap .controls a::before {content:''; display:block; width:11rem; height:11rem; margin-left:5rem; border-top:2px solid #fff; border-left:2px solid #fff; transform:rotate(-45deg);}
.junsi_map .swiper_wrap .controls a.next { left:auto; right:20rem; transform:translateY(-50%) scaleX(-1); }
.junsi_map .swiper_wrap .controls a.swiper-button-disabled {opacity:0.5;}
.junsi_map.floor1 .map_wrap .map a.num1 {left: 45%;top:24%;}
.junsi_map.floor1 .map_wrap .map a.num2 {left: 59%;top: 46%;}
.junsi_map.floor1 .map_wrap .map a.num3 {left: 86%;top: 8%;}
.junsi_map.floor1 .map_wrap .map a.num4 {left: 86%;top: 64%;}
.junsi_map.theme.floor1 .map_wrap .map a.num1 {left: 86%;top: 8%;}
.junsi_map.theme.floor1 .map_wrap .map a.num2 {left: 86%;top: 64%;}
.junsi_map.floor2 .map_wrap .map a.num1 {left: 85%;top: 30%;}
.junsi_map.floor2 .map_wrap .map a.num2 {left: 13%;top: 30%;}
.junsi_map.floor2 .swiper_wrap dd span {display:block; font-weight:600; color:var(--p_color2); }
.junsi_map.floor2 .swiper-wrapper div span {position:absolute; right:20rem; bottom:20rem; background:rgba(0,0,0,0.5); color:#fff; z-index:2; padding:5rem 20rem; font-size:0.9em; border-radius:5rem; }
.junsi_map.facilities .map_wrap .map a.num1 {left: 3%;top: 36%;}
.junsi_map.facilities .map_wrap .map a.num2 {left: 17%;top: 7%;}
.junsi_map.facilities .map_wrap .map a.num3 {left: 31%;top: 46%;}
@media (max-width:1023px) {
	.junsi_map { display:block; padding:20rem; }
	.junsi_map .map_wrap { margin-bottom:40rem; }
    .junsi_map .swiper_wrap {width:100%;}
    .junsi_map .swiper_wrap .controls { display:block; }
}
@media (max-width:480px) {
	.junsi_map .swiper_wrap dl {padding:20rem;}
    .junsi_map .swiper_wrap .controls a {width:40rem; height:40rem; left:10rem;}
}


/*관람안내*/
.info_wrap .info { display:flex; justify-content:space-between; margin-bottom:20rem; }
.info_wrap .info dl { width:calc((100% - 60rem)/2); border:1px solid #ccc; padding:50rem; border-radius:20rem; }
.info_wrap .info dt { display:flex; align-items:center; flex-direction:column; font-weight:600; font-size:30rem;  }
.info_wrap .info dt span { position:relative; display:flex; align-items:center; justify-content:center; border-radius:20rem; width:100rem; height:100rem; overflow:hidden; margin:0 auto 10rem;  }
.info_wrap .info dt span::before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:var(--p_color); opacity:0.1; }
.info_wrap .info dd {text-align:center; font-size:20rem; }
.info_wrap .info dd ul { margin:10rem auto 20rem;}
.info_wrap .info dd.charge ul { display:flex; flex-wrap:wrap; justify-content:center; gap:5rem 20rem; }
.info_wrap .info dd li strong {margin-right:10rem;}
.info_wrap .info dd.small { font-size:16rem; text-align:left; color:var(--p_color2); }
.info_wrap .info dd.small::before {content:'*'; }
.info_wrap .caution { display:flex; flex-wrap:wrap; justify-content:space-between;  align-items:center; }
.info_wrap .caution h4,
.info_wrap .caution p {width:100%;}
.info_wrap .caution p { font-size:19rem; }
.info_wrap .caution dl { position:relative; width:calc((100% - 60rem)/2); margin-top:40rem; padding-left:130rem; }
.info_wrap .caution dl::before {content:''; position:absolute; left:0; top:0; width:90rem; height:90rem; background:#efefef url('/design2026/kingmunmu/img/content/info_caution_icon1.png') no-repeat center/cover; border-radius:50%; }
.info_wrap .caution dl:nth-of-type(2)::before {background-image:url('/design2026/kingmunmu/img/content/info_caution_icon2.png');}
.info_wrap .caution dl:nth-of-type(3)::before {background-image:url('/design2026/kingmunmu/img/content/info_caution_icon3.png');}
.info_wrap .caution dl:nth-of-type(4)::before {background-image:url('/design2026/kingmunmu/img/content/info_caution_icon4.png');}
.info_wrap .caution dl:nth-of-type(5)::before {background-image:url('/design2026/kingmunmu/img/content/info_caution_icon5.png');}
.info_wrap .caution dl dt {font-weight:600; font-size:20rem; margin-bottom:5rem; }
@media all and (max-width:1023px){
    .info_wrap .info dl {width:calc((100% - 30rem)/2); padding:30rem; }
    .info_wrap .info dt span {width:80rem; height:80rem; }
    .info_wrap .info dt span img {width:40rem;}
}
@media all and (max-width:768px){
    .info_wrap .info { flex-wrap:wrap; margin-bottom:0; }
    .info_wrap .info dl {width:100%; margin-bottom:20rem; }
    .info_wrap .caution dl {width:100%; margin-top:30rem;}
}



/*콘텐츠 사이즈*/
#boardSearchForm,
.board_list_v01,
.board_btn,
#paging_area,
.box5_nomal,
#sitemap,
.board_view,
#frm { max-width:1400rem; width:94%; margin:0 auto; }
.board_btn {margin-top:30rem; }

/*tab*/
.box5_nomal ul { display:flex; flex-wrap:wrap; margin:-40rem 0 40rem; }
.box5_nomal a { display:flex; align-items:center; background:#f3f5f9; height:40rem; padding:0 20rem; border-radius:10rem; font-size:0.95em; margin:5rem 5rem 5rem 0; }
.box5_nomal a:hover {background:#dfe1e5; }
.box5_nomal li.active a {background:#222; color:#fff; }
.box5_nomal li.active a::before { content:''; display:block; width:5rem; height:8rem; border-right:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(45deg); margin-bottom:5rem; margin-right:10rem;}

/*게시판*/
.board_view .title h4 { justify-content:center; font-size:1.5em !important; padding:10rem 50rem 30rem;}
.board_view .title > div { padding:0;}
.board_view .title .data {align-items:stretch;}
.board_view .title .data dl { width:100%; background:#fff; flex-wrap:nowrap;}
.board_view .title .data dl dt { flex-shrink:0; padding:10rem 20rem; width:20%; height:100%; background:#f3f3f3; }
.board_view .title .data dl dd { padding:10rem 20rem;}
.board_view .cont { padding:0 15rem 15rem;}
@media all and (max-width:1023px){
	.board_view .title .data dl dt { width:30%; }
	.board_view .title .data dl dt,
	.board_view .title .data dl dd {padding:10rem;}
}
.board_photo a {display:flex; flex-direction:column; justify-content:space-between; }
.board_photo .thumb {height:auto;}
.board_photo dl dt {min-height:55rem;}


/*일반 게시판*/
/*게시판 뷰화면*/
.view_wrap {width: 100%;border-bottom: 1px solid #999;padding: 10rem 0;overflow: hidden;}
.view_wrap dt {float: left;width: 13%;font-weight: bold;padding-left: 10rem;}
.view_wrap dd { float: left; padding-left: 10rem;}
.board_view {margin-bottom: 20rem;}
#content.ver2 h4.view_tle {display: block; height: auto;background: #eef2f6 none repeat scroll 0 0;border-bottom: 1px solid #999;border-top: 1px solid #999;font-size: 18rem;font-weight: 600;padding: 10rem 10rem 10rem 15rem;background-image: none;margin-bottom: 0; margin-top: 0;}
#content.ver2 h4.view_tle::before, #content.ver2 h4.view_tle::after {display: none;}
.view_name {border-bottom: 1px solid #999;padding: 10rem 0;overflow: hidden;}
.view_name dt {float: left; font-weight: bold;padding-left: 10rem;width: 13%;}
.view_name dd {float: left;padding-left: 10rem;width: 32%;}
.view_full {border-bottom: 1px solid #999;height: 17rem;padding: 10rem 0;}
.view_full dt {float: left; font-weight: bold;padding-left: 10rem;width: 13%;}
.view_full dd {float: left;padding-left: 10rem;width: 82%;}
.view_file {border-bottom: 1px solid #999;padding: 10rem 0 10rem 0;}
.view_file::after { content:''; display:table; clear:both;}
.view_file dt {float: left; font-weight: bold;overflow: hidden;padding-left: 10rem;width: 13%;}

.view_file dd {float: left;width: 87%;}
.btn_fileview {margin-left: 10rem;}
.btn_fileview img {position: relative;width: 50rem;height: 19rem;vertical-align: middle;}
.view_file dd ul {margin: 0;padding: 0;}
.view_file dd ul li {background: url("/design/common/img/board/file/file_add.gif") no-repeat 0 4rem; padding: 0 0 5rem 28rem;}
.view_file dd ul li img {vertical-align: middle;}

.view_body {border-bottom: 1px solid #999; line-height: 1.6em;padding: 3%;}
.view_body img {text-align: center;max-width: 100%;height: auto !important;overflow: hidden;}
.view_body video {width: auto;max-width: 100%;}
.view_subtle {display: block;padding: 0 0 12rem 0;font-weight: 600;font-size: 15rem;color: #666;}
.view_dept {border-bottom: 1px solid #999;padding: 10rem 0;float: left;width: 100%;}
.view_dept dt {float: left;
font-weight: bold;padding-left: 10rem;width: 13%;}

.view_dept dd {float: left;padding-left: 10rem;width: 32%;}
.view_mgr {border-bottom: 1px solid #999;padding: 10rem 0;float: left;width: 100%;}
.view_mgr dt {float: left;
font-weight: bold;padding-left: 10rem;width: 13%;}

.view_mgr dd {float: left;padding-left: 10rem;width: 32%;}
.view_prev {border-top: 1px solid #333;}
.view_prev,
.view_next {display:flex;align-items:center;border-bottom: 1px solid #999;height:50rem;}
.view_prev dt,
.view_next dt {font-weight: bold;width: 13%;padding-left:10rem;}
.view_prev dd,
.view_next dd {width: 87%;}
.img_up {background: url("/design/common/img/board/up_bg.gif") no-repeat 70rem center;}
.img_down {background: url("/design/common/img/board/down_bg.gif") no-repeat 70rem center;}
.view_btn_wrap {height: 24rem;margin-bottom: 20rem;float: left;width: 100%;margin-top: 20rem;}
.view_btn_r {float: right;}
.view_btn_r button {margin-left: 5rem;}
.reply_tle_wrap {background: url("/design/common/img/board/reply_bg.gif") no-repeat scroll 0 15rem;overflow: hidden;width: 100%;margin-top: 20rem;float: left;border-top: 1px dashed #999;}
.reply_tle_wrap h4 {padding: 7rem 0 0 20rem !important;font-weight: bold;color: #2a69a8;font-size: 15rem;}
.reply_text {border: 1px solid #c5ccd3;
height: 78rem;width: 90%;}
.reply_text_wrap {margin-top: 5rem;}
.reply_view {border-bottom: 1px solid #999;margin-top: 10rem;overflow: hidden;padding-bottom: 15rem;float: left;width: 100%;margin-bottom: 30rem;}
.reply_view_tle {padding-bottom: 15rem;}
.reply_view_tle .name {font-weight: bold;}
.reply_view_tle .date {color: #777; font-family: tahoma; padding-left: 10rem;}
.reply_view_tle img {width: 20rem;height: 20rem;vertical-align: middle;}
.reply_del {height: 14rem;margin-left: 10rem;width: 14rem;}
.reply_view_body {line-height: 1.8em;}
.reply_tle_wrap2 {overflow: hidden;padding: 20rem;}
.reply_tle_wrap2 h3 {border-bottom: 1px solid #ddd;padding-bottom: 20rem;width: 50%;}
.reply_text2 {border: 1px solid #c5ccd3;color: #888;height: 78rem;width: 40%;}
.reply_text_wrap2 {margin-top: 20rem;}
@media all and (max-width:480px){
	.view_name dt,
	.view_file dt,
	.view_prev dt,
	.view_next dt {width:25%;}
	.view_name dd,
	.view_file dd,
	.view_prev dd,
	.view_next dd {width:75%;}
}


/*쓰기*/
legend {position: absolute;left: -99999px;top: -999999px;}
.top_txt01 {margin-bottom: 10rem;text-align: right;}
.top_txt01 span {color: #ff0000;}
.write_wrap {position: relative;border-top: 3rem solid #444;}
.write_wrap>* {box-sizing: border-box;}
.write_wrap::before {content: '';position: absolute;left: 0;top: 0;width: 30%;height: 100%;background: #eee;z-index: -1;}
.write_wrap dl {overflow: hidden;border-bottom: 1px solid #ccc;}
.write_wrap dl dt {float: left;width: 30%;padding: 10rem;color: #333;font-weight: 500;box-sizing: border-box;}
.write_wrap dl dt span {color: #ff0000;}
.write_wrap dl dd {float: left;width: 70%;padding: 10rem;box-sizing: border-box;}
.write_wrap dl dd input,
.write_wrap dl dd textarea {border: 1px solid #ccc;padding: 5rem;width: 100%;box-sizing: border-box;}
.write_wrap dl dd textarea {height: auto;}
.write_wrap dl dd input[type="radio"] {width: 18rem;}
.write_wrap dl dd input[type="file"] {border: 1px dashed #ccc;/*width:30%; */}

.write_wrap dl dd input[type="checkbox"] {width: 20rem;}
.btn_check {display: inline-block;margin-top: 7rem;padding: 2rem 20rem;border: 1px solid #047296;font-weight: bold;color: #fff;background: #0480a8;}
.writeBtn>* {vertical-align: top;}
.writeBtn>input[type="image"] {height: auto;border: 0;padding: 0;}


/*일반게시판리스트*/
.board_list_v01 {margin-bottom: 30rem;margin-top: 10rem;}
.board_list_v01 table {border-collapse: collapse;border-spacing: 0;border-top: 1px solid #9a9a9a;table-layout: fixed;width: 100%;}
.board_list_v01 table caption {font-size: 0;height: 0;line-height: 0;position: absolute;text-indent: -99999rem;top: -99999rem;}
.board_list_v01 table th {background: #f5f5f5 none repeat scroll 0 0;border-bottom: 1px solid #9a9a9a;font-weight: normal;padding: 15rem 2%;text-align: center;/*font-family:'notokr-medium'*/}

.board_list_v01 table th a {color: #111;}
.board_list_v01 table th a img {width: 20rem;height: 15rem;}
.board_list_v01 table th a:hover {text-decoration: underline;}
.board_list_v01 table td {border-bottom: 1px solid #ccc;padding: 10rem 1%;text-align: center;/*word-wrap: normal; */
word-break: keep-all;}
.board_list_v01 table td * {vertical-align: middle;}
.board_list_v01 table td a img {width: 20rem;height: 19rem;}
.board-list table tbody tr:hover td,
.board-list tbody tr:focus td {background: #f4f8fc none repeat scroll 0 0;border-bottom: 1px solid #999;}
.board_list_v01 table .num {width: 8%;}
.board_list_v01 table .con_satPnt {width: 10%;text-align: center !important;}

.board_list_v01 table .w_name {width: 15%;}
.board_list_v01 table .date {width: 12%;}
.board_list_v01 table .hits {width: 10%;}
.board_list_v01 table .file {width: 9%;}
.board_list_v01 table .bod_replySta {width: 13%;}
.board_list_v01 table .con_etc2 {width: 13%;}
.board_list_v01 table .bgp_name {width: 9%;}

.board_list_v01 table td.file a:nth-of-type(2)~a {display: none;}

.board_list_v01 table .w_nameb {width: 16%;}
.board_list_v01 table td.file {font-size: 0;line-height: 0;}
.board_list_v01 table .file img {width: 16rem;height: 16rem;margin: 2rem 2rem;}
.board_list_v01 table td.notice {background: #f1f4f7 none repeat scroll 0 0;border-bottom: 1px solid #999;padding: 10rem 0;}
.board_list_v01 table td.title {letter-spacing: 0;padding-left: 5rem;text-align: left;}
.board_list_v01 table td.con_linkurl {letter-spacing: 0;padding-left: 5rem;text-align: left;}
.board_list_v01 table td.title .ico_new {border-radius: 5rem;color: #fff;display: inline-block;font: 11rem "Malgun Gothic", "Dotum", "Arial", "verdana", "Helvetica";margin-right: 5rem;padding: 2rem 5rem;text-align: center;background-color: #cc3300;}
.board_list_v01 table td.title .ico_sc.cbg1 {background: #af7e20 none repeat scroll 0 0;border: 1px solid #96660b;}
.board_list_v01 table td.title .ico_sc.cbg2 {background: #4d7ca0 none repeat scroll 0 0;border: 1px solid #194d74;}
.board_list_v01 table td.title .ico_sc.cbg3 {background: #aa4d6e none repeat scroll 0 0;border: 1px solid #983558;}
.board_list_v01 table td.title .ico_sc.cbg4 {background: #464646 none repeat scroll 0 0;border: 1px solid #525252;}
.board_list_v01 table td.title a {/*display: inline; */
display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 90%;/*비밀번호아이콘 때문에 100 > 90으로 수정*/}

.board_list_v01 table td.title img {padding-right: 1%;vertical-align: top;padding-top: 7rem;}
.board_list_v01 table td.title a::after {clear: both;content: "";display: block;visibility: hidden;}
.board_list_v01 table td.notice {background: #f1f4f7 none repeat scroll 0 0;border-bottom: 1px solid #999;padding: 10rem 0;}

@media (max-width: 880px) {
	.board_list_v01 table .num,
	.board_list_v01 table .date,
	.board_list_v01 table .hits,
	.board_list_v01 table .bgp_name {display: none;}
	.board_list_v01 table .title {width: 50% !important;}
	.board_list_v01 table .file {width: 20%;}
	.board_list_v01 table .w_name {width: 30%;}
	.board_list_v01.corona19_Protector table .num {display: table-cell;width: 10%;}
	.board_list_v01.corona19_Protector table .date {display: table-cell;width: 20%;}
	.board_list_v01.corona19_Protector table .title {display: table-cell;width: 70%;}

	.board_list_v01 table td.title a {text-overflow: initial;white-space: normal;}
	.board_list_v01 table td.title a {width: 80%;}
}
@media all and (max-width:640px) {
	.board_list_v01 table td.file a:nth-of-type(1)~a {display: none;}
}
@media all and (max-width:599px) {
	.board_list_v01 table .con_satPnt {width: 20%;}
}

/*비밀번호*/
.del_wrap { max-width:500rem; margin:0 auto; border:1px solid #ddd; border-radius:5rem; padding:30rem; text-align:center;}
.del_wrap .del_top {font-size:1.3em; font-weight:600; }
.del_wrap .del_area p {margin:15rem 0 10rem; }
.del_wrap .del_area .vi_hid { position:absolute; left:-9999px; top:-9999px; }
.del_wrap .del_area input[type="password"] { width:100%; max-width:200rem; align-content:center; border:0; border-radius:3rem; height:40rem; padding:0 10rem; background:#efefef; text-align:center; }

/*페이징*/
#paging_area {clear: both; margin: 25rem auto 10rem;position: relative;text-align: center;width: 100%;}
#paging img {vertical-align: middle;}
.paging {display: flex;justify-content: center;flex-wrap: wrap;font-family: verdana;font-size: 0.95em;text-align: center;}
.paging a,
.paging strong {border: 1px solid #fff;color: #555;display: block;font: 13rem verdana !important;text-align: center;border: 1px solid #999;width: 30px;margin: 2rem;flex-shrink: 0;align-content: center;}
.paging a:hover {background: #fff none repeat scroll 0 0;border: 1px solid #999;text-decoration: underline;vertical-align: middle;}
.paging strong {border: 1px solid #333;color: #fff;font-weight: bold;background-color: #555;}
.paging .pre,
.paging .next {color: #565656;font-weight: normal;vertical-align: middle;}
.paging .pre {border: 0 none;padding: 0 !important;}
.paging .pre img {vertical-align: middle;}
.paging .next {border: 0 none;padding: 0 !important;}
.paging .next img {vertical-align: middle;}
.paging .pre_end {border: 0 none;padding: 0 !important;}
.paging .pre_end img {vertical-align: middle;}
.paging .next_end {border: 0 none;padding: 0 !important;}
.paging .next_end img {vertical-align: middle;}

/*게시판 버튼*/
.board_btn_center{ text-align:center; margin-top:30rem; }
.board_btn_center a,
.board_btn_center input,
.board_btn_center button { display: inline-flex; align-items:center; justify-content:center; min-width:80rem; height:40rem; padding:0 20rem; background: #444; color: #fff; border-radius: 3rem; cursor:pointer; }
.board_btn_center a:hover,
.board_btn_center input:hover,
.board_btn_center button:hover  {color:#fff; background:#222;}


/*사이트맵*/
#sitemap dt a { display:inline-block; font-size:25rem; color:var(--p_color); margin:40rem 0 20rem; font-weight:700;}
#sitemap dd > ul { display:flex; flex-wrap:wrap;}
#sitemap dd > ul > li { width:calc(25% - 22.5rem); padding:0; margin:15rem 0 15rem 30rem;}
#sitemap dd > ul > li:nth-of-type(4n+1) {margin-left:0;}
#sitemap dd > ul > li > a { position:relative; display:flex; align-items:center; justify-content:space-between; border:1px solid #a6afbd; height:50rem; padding:0 20rem; border-radius:5rem; font-weight:600; font-size:1em;}
#sitemap dd > ul > li > a::after { content:''; display:block; flex-shrink:0; width:8rem; height:8rem; border-right:2px solid #a6afbd; border-bottom:2px solid #a6afbd; transform:rotate(45deg);}
#sitemap .dd ul ul {padding:10rem 20rem 0;}
#sitemap .dd ul ul li a { position:relative; display:block; padding:5rem 0 5rem 13rem;}
#sitemap .dd ul ul li a::before {content:''; position:absolute; left:0; top:13rem; width:4px; height:4px; border-radius:50%; background:#a6afbd;}
#sitemap .dep_s02 {padding:10rem 20rem 0;}
#sitemap .dep_s02 > li > a { position:relative; display:block; padding:5rem 0 5rem 13rem; }
#sitemap .dep_s02 > li > a::before {content:''; position:absolute; left:0; top:13rem; width:4px; height:4px; border-radius:50%; background:#a6afbd; }
#sitemap a[target="_blank"] span { display:flex;}
#sitemap a[target="_blank"] span::after { content:''; width:13px; height:13px; background:var(--sprite_template) 0 0; margin:2rem 0 0 5rem;}
@media all and (max-width:768px){
	#sitemap dd > ul > li { width:calc(50% - 15rem);}
	#sitemap dd > ul > li:nth-of-type(3n+1) {margin-left:30rem;}
	#sitemap dd > ul > li:nth-of-type(2n+1) {margin-left:0;}
	#sitemap dd > ul > li > a {padding: 0 15rem;}
	#sitemap .dd ul ul  {padding:10rem 10rem 0;}
}