@charset "utf-8";

.board-list { margin-top:20px; }

/* Top Search */
.list-tsearch { padding: 4rem 2.5rem; border: 1px solid #ddd; background: #f5f5f5; }
.board-list .list-tsearch .t { font-size: 1.25rem; font-weight: 600; }
.board-list .list-tsearch .box { display: flex; justify-content: flex-end; margin-top: 1rem;  }
.board-list .list-tsearch .box select { margin-right: 0.5rem; max-width: 100%; width: 15rem; }
.board-list .list-tsearch .box input { margin-right: 0.5rem;
	outline: none; box-shadow: none; -webkit-box-shadow: none; transition-duration: 200ms; }
.board-list .list-tsearch .box input:focus { border: 1px solid #00a0e0; }
.board-list .list-tsearch .box button { padding-left: 1rem; padding-right: 1rem; background: #00a0e0; color: white; }

.board-list .map { position: relative; width: 306px; height: 551px; margin: 0 auto; }
.board-list .map a { position: absolute; left: 0; top: 0; padding: 0.2rem 0.6rem 0.3rem;
	border-radius: 2rem; background: #333; color: white; font-size: 0.9rem; font-weight: 300; }
.board-list .map .a1 { left: 20%; top: 13%; }
.board-list .map .a2 { left: -4%; top: 19%; }
.board-list .map .a3 { left: 26%; top: 24%; }
.board-list .map .a4 { left: 43%; top: 30%; }
.board-list .map .a5 { left: 16%; top: 38%; }
.board-list .map .a6 { left: 36%; top: 38%; }
.board-list .map .a7 { left: 25%; top: 53%; }
.board-list .map .a8 { left: 15%; top: 72%; }
.board-list .map .a9 { left: 7%; top: 64%; }
.board-list .map .a10 { left: 50%; top: 61%; }
.board-list .map .a11 { left: 65%; top: 47%; }
.board-list .map .a12 { left: 93%; top: 57%; }
.board-list .map .a13 { left: 80%; top: 68%; }
.board-list .map .a14 { left: 67%; top: 38%; }
.board-list .map .a15 { left: 2%; top: 88%; }
.board-list .map .a16 { left: 58%; top: 15%; }

.board-list .top-part { display: flex; align-items: center; margin: 3rem -2rem 4rem 0; }
.board-list .top-part .item { width: 50%; margin-right: 2rem; }
.board-list .top-part .right {  }
.board-list .top-part .right .desc { margin-top: 1.5rem; color: #666; font-size: 1.2rem; font-weight: 600; }

@media (max-width: 767px) {
	.board-list .top-part { flex-wrap: wrap; margin-right: 0; }
	.board-list .top-part .item { width: 100%; margin-right: 0; }
	.list-tsearch { padding: 1.5rem 1rem; }
}

/* Category */
.list-category .tabs { margin-bottom:20px; }
.list-category .dropdown { margin-bottom:20px; }
.list-category .active a, .list-category .selected a { color:crimson; font-weight:bold !important; }

/* List */
.board-list .dropdown-menu { list-style:none; }
.list-wrap { width:100%; }
.list-admin { text-align:center; margin:15px 0px; }
.list-btn .sort-drop { min-width:120px !important; left:auto !important; right:0px !important; }
.list-btn .sort-drop .sort a { color:crimson !important; font-weight:bold !important; }
.is-pc .ko .list-btn .sort-drop { font-size: 12px; }

.list-body { border-top:2px solid #333; }

.list-webzine { margin-bottom:15px;  }
.list-category { margin:40px 0; }

/* List */
.list-item { display:block; border-bottom: 1px solid #ddd; padding: 2.5rem 0; position:relative; background-color: white; }
.list-item:first-child { border-top: 2px solid #666; }
.list-item:hover {  }

.list-item .image { width: 170px; }
.list-item .image img { width: 100%; }
.list-item .content { position:absolute; left:230px; right: 0; top:50%; transform:translateY(-50%);
	display: flex; align-items: center; justify-content: space-between; }
.list-item .content .con {  }
.list-item .content .view { padding: 0.75rem 3rem; border-radius: 2rem; background: #eee; color: #999; font-size: 0.65rem; }
.list-item .content .view:hover { background: #00a0e0; color: white; }

.list-item .content .subject { font-size: 1.4rem; font-weight: 500; }
.list-item .content .subject .types { margin-top: 0.5rem; margin-left: 1.2rem; }
.list-item .content .subject .types span { display: inline-block; margin-right: 0.25rem; padding: 0.2rem 0.5rem; border-radius: 4px;
	background: #00a0e0; color: white; font-size: 0.85rem; font-weight: 300; }
.list-item .content .address { margin-top: 0.75rem; font-size: 1.1rem; }
.list-item .content .time { margin-top: 0.25rem; }
.list-item .content .tel { margin-top: 1rem; }

@media (max-width: 991px) {
	.list-item .image { width:100%; }
	.list-item .content { position:static; padding: 1rem 0.5rem; transform:none; }
}

@media (max-width: 767px) {
	.list-item .content { flex-wrap: wrap; }
	.list-item .content .view { margin: 2rem auto; }
}



/* Icon */
.list-board .wr-notice { background:#fafafa; margin-bottom:15px; }
.list-board .wr-notice li { background:none; }
.list-board .wr-vicon { position:absolute; left:15px; bottom:12px; color: rgba(255,255,255,1); font-size:32px; z-index:1; text-shadow: 1px 1px 1px #000; }
.list-board .wr-none { padding:50px 0px; text-align:center; color:#888; }

.list-body .list-box { position:relative; border:1px solid #ddd; background:#fff; }
.list-body .list-front { position:relative; }
.list-body .list-box:hover,
.list-body .list-box.active { border-width:3px; border-style:solid; overflow:hidden; }
.list-body .list-box:hover .list-front,
.list-body .list-box.active .list-front { margin:-2px; overflow:hidden; }
.list-body .list-chk { position:absolute; left:15px; top:12px; z-index:2; }
.list-body .list-text .div-title-underline-thin { margin:0px 0px 2px; padding:0px 0px 2px; padding-right:1px; letter-spacing:-1px; }

.list-body .list-img { position:relative; }
.list-body .list-img .list-thumb { position:relative; overflow:hidden; max-height:360px; }
.list-body .list-img .list-thumb .wr-img { width:100%; height:auto; }
.list-body .list-img .thumb-icon { position:absolute; left:0; top:0; width:100%; height:100%; }
.list-body .list-img .thumb-icon .wr-fa { position:absolute; left:0; top:50%; width:100%; text-align:center; font-size:50px; margin-top:-25px; }
.list-body .list-img .wr-date { position:absolute; right:15px; bottom:12px; font-size:16px; color: rgba(255,255,255,0.8); text-shadow: 1px 1px 1px #000; z-index:2; letter-spacing:-1px; }
.list-body .list-text { padding:15px; }
.list-body .list-desc { line-height:20px; overflow:hidden; margin-bottom:20px; }
.list-body .list-desc strong { display:block; font-size:16px; font-weight:normal; }
.list-body .list-info .pull-right i { margin-left:10px; margin-right:2px; }
.list-body .list-info .wr-mb { display:inline-block; width:34px; height:34px; border-radius:50%; background:#eee; color:#fff; margin-right:4px; vertical-align:middle; }
.list-body .list-info .wr-mb img { width:34px; height:34px; border-radius:50%; }
.list-body .list-info .wr-mb i { width:34px; height:34px; line-height:34px; text-align:center; font-size:20px; border-radius:50%; }

/* Photo */
.list-body.is-photo .list-info,
.list-body.is-photo .list-info.pull-left,
.list-body.is-photo .list-info.pull-right { line-height: 34px; }
.list-body.is-photo .list-text { padding:15px 15px 10px; }

/* Hover Border */
.color-body.list-body .list-box:hover,
.color-body.list-body .list-box.active { border-color: rgb(233, 27, 35); }

.red-body.list-body .list-box:hover,
.red-body.list-body .list-box.active { border-color: rgb(233, 27, 35); }

.darkred-body.list-body .list-box:hover,
.darkred-body.list-body .list-box.active { border-color: rgb(170, 60, 63); }

.crimson-body.list-body .list-box:hover,
.crimson-body.list-body .list-box.active { border-color: rgb(220, 20, 60); }

.orangered-body.list-body .list-box:hover,
.orangered-body.list-body .list-box.active { border-color: orangered; }

.orange-body.list-body .list-box:hover,
.orange-body.list-body .list-box.active { border-color: rgb(240, 150, 20); }

.green-body.list-body .list-box:hover,
.green-body.list-body .list-box.active { border-color: rgb(140, 195, 70); }

.lightgreen-body.list-body .list-box:hover,
.lightgreen-body.list-body .list-box.active { border-color: rgb(160, 200, 80); }

.deepblue-body.list-body .list-box:hover,
.deepblue-body.list-body .list-box.active { border-color: rgb(0, 125, 180); }

.skyblue-body.list-body .list-box:hover,
.skyblue-body.list-body .list-box.active { border-color: rgb(100, 195, 245); }

.blue-body.list-body .list-box:hover,
.blue-body.list-body .list-box.active { border-color: rgb(52, 152, 219); }

.navy-body.list-body .list-box:hover,
.navy-body.list-body .list-box.active { border-color: rgb(50, 60, 70); }

.violet-body.list-body .list-box:hover,
.violet-body.list-body .list-box.active { border-color: rgb(85, 60, 125); }

.yellow-body.list-body .list-box:hover,
.yellow-body.list-body .list-box.active { border-color: rgb(241, 196, 15); }

.darkgray-body.list-body .list-box:hover,
.darkgray-body.list-body .list-box.active { border-color: #666; }

.gray-body.list-body .list-box:hover,
.gray-body.list-body .list-box.active { border-color: #888; }

.lightgray-body.list-body .list-box:hover,
.lightgray-body.list-body .list-box.active { border-color: #ddd; }

.black-body.list-body .list-box:hover,
.black-body.list-body .list-box.active { border-color: #333; }

.white-body.list-body .list-box:hover,
.white-body.list-body .list-box.active { border-width:1px; border-color: #fff; }
.white-body.list-body .list-box:hover .list-front,
.white-body.list-body .list-box.active .list-front { margin:0px; }

/* Style */
.box-body.list-body .list-img { margin: 10px 10px 0px; }

.round-body.list-body .list-img { margin: 10px 10px 0px; border-radius:15px; }
.round-body.list-body .list-img .wr-img,
.round-body.list-body .list-img .thumb-icon{ border-radius:15px; }
.round-body.list-body .shadow-line { margin:0px 15px; }

.line-body.list-body .list-box { border-left:0; border-top:0; border-right:0; }
.line-body.list-body .list-box:hover .list-front,
.line-body.list-body .list-box.active .list-front { margin:0px 0px -2px; }
.line-body.list-body .list-text { padding-left:10px !important; padding-right:10px !important; }

.line-round-body.list-body .list-box { border-left:0; border-top:0; border-right:0; }
.line-round-body.list-body .list-box:hover .list-front,
.line-round-body.list-body .list-box.active .list-front { margin:0px 0px -2px; }
.line-round-body.list-body .list-img { border-radius:15px; }
.line-round-body.list-body .list-img .wr-img,
.line-round-body.list-body .list-img .thumb-icon{ border-radius:15px; }
.line-round-body.list-body .shadow-line { margin:0px 15px; }
.line-round-body.list-body .list-text { padding-left:10px !important; padding-right:10px !important; }

.list-wrap .tiles {  }
.list-wrap .tiles .content { margin-top: 0; padding: 2rem 3rem; background: #f5f5f5; }
.list-wrap .tiles .head { margin-bottom: 1rem; font-size: 1.6rem; font-weight: 400; }
.list-wrap .tiles .info { color: #777; font-size: 1.1rem; font-weight: 300; }
.list-wrap .tiles .info i { width: 1.25rem; }
.list-wrap .tiles .info .t { display: inline-block; width: 3.5rem; }
.list-wrap .tiles .info .d { line-height: 2.5; }

.list-wrap .hover-a-border2-ani1 .a .a2::before,
.list-wrap .hover-a-border2-ani1 .a .a3::before { height: 0.5rem; background: #555; }
.list-wrap .hover-a-border2-ani1 .a .a2::after,
.list-wrap .hover-a-border2-ani1 .a .a3::after { width: 0.5rem; background: #555; }

/* Page */
.list-wrap .pagination a, .view-wrap .pagination a { color:#333 !important; }
.list-wrap .pagination .active a, .view-wrap .pagination .active a { color:#fff !important; background:#444 !important; border-color:#444 !important; }

/* View */
.view-wrap {  }
.view-wrap .top-box { display: flex; }
.view-wrap .item {  }
.view-wrap .item1 { width: 45%; }
.view-wrap .item2 { flex: 1; padding-left: 4rem; }

.view-wrap .item1 .wrap { position:relative; }
.view-wrap .item1 .wrap .img { height:600px; }
.view-wrap .item1 .wrap .btn-area { position:absolute; left:20px; top:20px; z-index:1; }
.view-wrap .item1 .wrap .btn-area a { float:left; height:36px; line-height:32px; padding:0 10px; background:white; border-width:2px; border-style:solid; }
.view-wrap .item1 .wrap .btn-area a.on { background: #00a0e0; color: white; }

.view-wrap .item2 .title { margin-bottom: 1rem; }
.view-wrap .item2 .title .t { font-size: 1.5rem; }
.view-wrap .item2 .title .types { margin-top: 0.5rem; }
.view-wrap .item2 .title .types span { display: inline-block; margin-right: 0.25rem; padding: 0.2rem 0.5rem; border-radius: 4px; background: #00a0e0; color: white; font-size: 0.85rem; }

.view-wrap .item2 .table { height: 600px; }

.view-wrap .item2 table { width: 100%; border-top: 2px solid #00a0e0; font-size: 0.95rem; }
.view-wrap .item2 tr { border-bottom: 1px solid #e5e5e5; }
.view-wrap .item2 th { width: 25%; padding: 0.7rem 1.5rem; background: #f5f5f5; }
.view-wrap .item2 td { color:#888; padding: 0.7rem 1.5rem; }
.view-wrap .item2 td a { color:#888; }

.view-wrap .item2 .sns { display: flex; margin-top: 1rem; }
.view-wrap .item2 .sns a { display: block; margin: 0 0.2rem; width: 36px; height: 36px; border-radius: 50%; border: 1px solid #aaa; }
.view-wrap .item2 .sns a i {
	display: inline-block; width: 34px; height: 18px;
	margin-top: 8px;
	background: none center/contain no-repeat; }

.view-wrap .map-wrap { position:relative; height: 500px; margin: 3rem 0; }
.view-wrap .map { position:absolute; left:0; top:0; right:0; bottom:0; }
.view-wrap .map .root_daum_roughmap { width:100% !important; height:100%; }
.view-wrap .map .wrap_map { height:100% !important; }
.view-wrap .map .wrap_controllers, .view-wrap .item1 .wrap > .map .map_border { display:none; }

.view-wrap .con-title { margin-bottom: 2rem; padding: 0.75rem; border: 1px solid #00a0e0; font-weight: 600; text-align: center; }
.view-wrap .content-wrap { padding: 1rem 0; }
.view-wrap .content {  }
.view-wrap .content img { max-width:100%; }

.view-wrap .map {  }
.view-wrap .map .map-label { position: absolute; left: 15px; top: -2.8rem; transform: translateX(-50%); padding: 0.6rem;
	border: 1px solid #333; background: white; font-weight: 700; white-space: nowrap; }

@media (max-width:991px) {
	.view-wrap .item {  }
}
@media (max-width:767px) {
	.view-wrap .top-box { flex-wrap: wrap; }
	.view-wrap .item1 { width: 100%; }
	.view-wrap .item2 { margin-top: 1.5rem; padding-left: 0; }

	.view-wrap .map-wrap { height: 300px; }
}


#wr_content { resize:none; }
#bo_vc_opt ol {	margin:0;padding:0;list-style:none;zoom:1; }
#bo_vc_opt ol:after { display:block;visibility:hidden;clear:both;content:""; }
#bo_vc_opt ol li { float:left;margin:0; }
#bo_vc_send_sns ul { margin:0;padding:0;list-style:none;zoom:1; }
#bo_vc_send_sns ul:after { display:block;visibility:hidden;clear:both;content:""; }
#bo_vc_send_sns ul li {	float:left;margin:0 20px 0 0; }
#bo_vc_send_sns input {	margin:0 0 0 5px; }

.view-btn { margin:0px 0px 30px; }
.view-btn i { margin-right:2px; }

@media all and (max-width:460px) {
	.responsive .view-btn i { margin-right:0px; }
}

/* Write */
.write-wrap { width:100%; overflow:hidden; }
.write-wrap h2 { letter-spacing:-1px; padding:0px; margin:10px 0px 30px; }
.write-wrap table { width:100%; border:0px; min-width:500px;}
.write-wrap table td { border:0px; border-bottom:1px solid #ddd; padding:8px 15px !important; line-height:20px; vertical-align:middle; }
.write-wrap .form-label label { font-weight:normal; margin-right:15px; vertical-align:middle; line-height:20px; }
.write-wrap .form-label label input { padding:0px !important; margin:0px !important; vertical-align:middle; }
.write-wrap .form-line { border-bottom:2px solid orangered; height:1px; }
.write-wrap .form-title { border-bottom:2px solid orangered; line-height:24px; }
.write-wrap .form-title-thin { border-bottom:1px solid orangered; line-height:24px; }
.write-wrap .sub-title { padding-right:0px !important; width:140px; }
.write-wrap .sub-title span { display:block; border-right:1px solid #ddd; padding-right:10px; }
.write-wrap .sub-title span b { font-weight:normal; }
.write-wrap .form-group { margin-bottom:8px; }
.write-wrap .form-text { margin:10px 0px 20px; }
.write-wrap .form-text textarea { height:100px; }
.write-wrap .form-sign { margin:20px 0px; }
.write-wrap .write-file { border:0;box-shadow:none; }
.write-wrap .write-btn { margin:15px 0px 25px; text-align:center; }
.write-wrap .delete-file { margin:0px; padding:0px 10px; font-weight:normal; }
.write-wrap .delete-file label { font-weight: normal; }
.write-wrap .labels label { margin-right: 1.5rem; vertical-align: baseline; }
.write-wrap .labels label:last-child { margin-right: 0; }

.write-wrap .help-block { margin-bottom:5px; }
.write-wrap .help-block li { margin-bottom:0; }

#variableFiles { width:100%; margin:0 !important; border:0; }
#variableFiles td { padding:3px 0px !important; border:0; }
#variableFiles input[type=file] { box-shadow : none; border: 1px solid #ccc !important; outline:none; }
#variableFiles .form-group { margin:0; }
#variableFiles .col-sm-12 .form-group { margin:6px 0px; }
#variableFiles .checkbox-inline { padding-top:0px; font-weight:normal; }

@media (max-width:991px) { 
	.responsive .view-col.pull-left, 
	.responsive .view-col.pull-right { float:none !important; }
}