@charset "utf-8";


/* 게시판 목록 */
#bo_list { position:relative; }


#bo_list .list-box { border-top:1px solid #666; }
#bo_list .list-box li { position:relative; display:flex; justify-content:space-between; border-bottom:1px solid #ddd; }
#bo_list .list-box li.head { background:#f8f8f8; }
#bo_list .list-box li.empty_table { justify-content:center; align-items:center; height:30vh; }
#bo_list .list-box li:before { content:""; position:absolute; left:0; right:0; bottom:-1px; width:0; height:1px; background:#666; transition-duration:400ms; }
#bo_list .list-box li:not(.head):hover:before { width:100%; }

#bo_list .list-box li div { padding:20px 5px; transition-duration:400ms; }
#bo_list .list-box li.head div { padding-top:25px; padding-bottom:25px; }
#bo_list .list-box li div:not(.li_subject) { text-align:center; white-space:nowrap; overflow:hidden; }

#bo_list .list-box li.head a { position:relative; }
#bo_list .list-box li.head a i { position:absolute; top:calc(50% - 5px); left:calc(100% + 5px); height:10px; font-size:.625rem; color:#ccc; }
#bo_list .list-box li.head a[href*="asc"] i { transform:rotate(-180deg); }

#bo_list .list-box .li_ck { width:40px; display:flex; justify-content:center; align-items:center; }
#bo_list .list-box .li_ck input { margin:0; }
#bo_list .list-box .li_num { width:100px; padding-top:0; padding-bottom:0; display:flex; justify-content:center; align-items:center; }
#bo_list .list-box .li_ca { width:200px; }
#bo_list .list-box .li_subject { flex:1; padding-left:30px; padding-right:30px; }
#bo_list .list-box li:not(.head) .li_subject { font-weight:700; color:#111; }
#bo_list .list-box .li_subject a { display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
#bo_list .list-box .li_subject .li-icon { display:inline-block; vertical-align:middle; margin-top:-3px; }
#bo_list .list-box .li_name { width:150px; }
#bo_list .list-box .li_date,
#bo_list .list-box .li_etc { width:200px; }

#bo_list .list-box .state { color:#aaa; }
#bo_list .list-box .state.complete { color:var(--main-color1); }



@media (max-width: 1400px) {
    #bo_list .list-box .li_ca { width:160px; }
    #bo_list .list-box .li_name { width:120px; }
	#bo_list .list-box .li_name { width:150px; }
    #bo_list .list-box .li_date,
    #bo_list .list-box .li_etc { width:180px; }
}


@media (max-width: 1024px) {
    #bo_list .list-box li.head { display:none; }
	#bo_list .list-box li { flex-wrap:wrap; justify-content:flex-start; align-items:center; padding:15px 5px; }

	#bo_list .list-box li div:not(.li_subject) { text-align:left; }

	#bo_list .list-box li div { padding:0; }


	#bo_list .list-box .li_ck { width:auto; justify-content:flex-start; margin-right:10px; }
	#bo_list .list-box .li_num { width:auto; text-align:left; margin-right:5px; }
	#bo_list .list-box .li_ca { width:auto; border-radius:99px; border:1px solid #666; padding:3px 10px !important; font-size:.875rem; margin-left:5px; }
	#bo_list .list-box .li_subject { flex:none; width:100%; padding:7px 0 3px; font-size:1.125rem; font-weight:600; }


	#bo_list .list-box .li_name,
	#bo_list .list-box .li_tel,
    #bo_list .list-box .li_email,
	#bo_list .list-box .li_date,
	#bo_list .list-box .li_etc { width:auto; margin-right:20px; }

}

@media (max-width: 767px) {
    #bo_list .list-box .li_name,
	#bo_list .list-box .li_tel,
    #bo_list .list-box .li_email,
	#bo_list .list-box .li_date,
	#bo_list .list-box .li_etc { margin-right:15px; }
}


/* 게시판 쓰기 */
#bo_w { border-top:0px solid #666; }
#bo_w .write-box { border-bottom:1px solid #ddd; margin-bottom:30px; }
#bo_w .write-box > ul { display:flex; flex-wrap:wrap; justify-content:space-between; padding:15px 0; }
#bo_w .write-box > ul > li { padding:15px 0; width:calc(50% - 20px); }
#bo_w .write-box > ul > li.noflex { display:block; }
#bo_w .write-box > ul > li.full { width:100%; padding-left:0; padding-right:0; }

#bo_w .write-box .form-tag { position:relative; background-color:#f8f8f8 !important; background-position:calc(100% - 20px) center !important; padding:20px 20px; border:none; border-radius:10px; }
#bo_w .write-box > ul > li > span { position:relative; display:block; margin-bottom:5px; padding:5px 0; color:#000; height:30px; }
#bo_w .write-box > ul > li > span:nth-of-type(2) { margin-top:20px; }
#bo_w .write-box > ul > li > span.required:after { content:"*"; color:#f50000; display:inline-block; margin-left:5px; }

#bo_w .write-box label ~ label { margin-left:10px; }

#bo_w .write-box .w_file { position:relative; }
#bo_w .write-box .w_file ~ .w_file { margin-top:5px; }
#bo_w .write-box .w_file input[type="file"] { display:none; }
#bo_w .write-box textarea { resize:none; height:calc(100% - 35px); }

#bo_w .write-box > ul > li .btn { position:absolute; padding:5px 20px; border:1px solid #666; top:50%; transform:translateY(-50%); right:20px; margin:0; border-radius:99px; font-size:.875rem; cursor:pointer; }
#bo_w .write-box > ul > li .btn:hover { background:#333; color:#fff; }

#bo_w .write-box i { font-size:1.25rem; }
#bo_w .write-box #cb-agreement { border:1px solid #ddd; margin-top:-3px; }

#bo_w .captcha-box #captcha_info { display:block; margin-top:5px; }


@media (max-width: 767px) {
    #bo_w .write-box > ul > li { padding:10px 0; width:100%; }
}



/* 댓글 */
/*#bo_comment .pf_img { display:none; }*/


/* 게시판 읽기 */
#bo_v { --view-row-padding:30px; --view-col-padding:10px; }
#bo_v .view-head { border-top:1px solid #666; border-bottom:1px solid #ddd; padding:var(--view-row-padding); }
#bo_v .view-head .ctg { display:inline-block; border-radius:99px; padding:5px 20px; border:1px solid var(--main-color1); color:var(--main-color1); margin-bottom:10px; }
#bo_v .view-head .subject { font-size:2rem; font-weight:600; }
#bo_v .view-head .desc { display:flex; margin-top:20px; }
#bo_v .view-head .desc li:not(:last-child) { margin-right:30px; }
#bo_v .view-head .desc li b { margin-right:5px; }


#bo_v .view-file { padding:var(--view-col-padding) var(--view-row-padding); background:#fcfcfc; border-bottom:1px solid #ddd; }
#bo_v .view-file li { padding:5px 0; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; }
#bo_v .view-file li b { display:flex; align-items:center; }
#bo_v .view-file li img { width:20px; margin-right:5px; }
#bo_v .view-file li .small { margin-left:5px; color:#888; font-weight:400; }
#bo_v .view-file li .btn { border-radius:99px; padding:5px 15px; border:1px solid #666; margin-left:auto; }
#bo_v .view-file li .btn:hover { background:#333; color:#fff; }
#bo_v .view-file li .btn i { font-size:.875rem; }

#bo_v .view-link { padding:var(--view-col-padding) var(--view-row-padding); display:flex; flex-wrap:wrap; align-items:center; margin:0 -5px; }
#bo_v .view-link li { margin:5px; }
#bo_v .view-link li a { display:inline-block; padding:10px 30px; border:1px solid #ddd; border-radius:99px; }
#bo_v .view-link li a:hover { box-shadow:2px 2px 3px rgba(0,0,0,.1); }
#bo_v .view-link li a i { font-size:.875rem; }


#bo_v .view-box { padding:var(--view-row-padding) var(--view-row-padding) calc(var(--view-row-padding) + 20px); }
#bo_v .view-box .view-editor { margin-top:20px; }


#bo_v .view-btn-box { border-top:1px solid #ddd; padding-top:40px; }
#bo_v .view-another ~ .view-btn-box { border-top:none; padding-top:0px; }


@media (max-width: 1024px) {
	#bo_v { --view-row-padding:20px; }
	#bo_v .view-head .subject { font-size:1.5rem; }
}


@media (max-width: 767px) {
	#bo_v { --view-row-padding:15px; --view-col-padding:5px; }
	#bo_v .view-head .ctg { padding:5px 15px; margin-bottom:5px; }
	#bo_v .view-head .desc { margin-top:15px; }

	#bo_v .view-link li { margin:2.5px; }
	#bo_v .view-link li a { padding:5px 15px; }
}
.page-content {  }
    .page-content > div { position:relative; z-index:1; display:flex; flex-wrap:wrap; padding:50px 100px 100px; }
.page-content > div:nth-child(2){padding:0 100px 100px;}
.page-content > div:nth-child(3){padding:100px 100px;}
    .page-content > div:nth-child(3):before { content:""; position:absolute; left:50%; top:0; bottom:0; width:100vw; transform:translateX(-50%); background:#f8f8f8; z-index:-1; }

   
	
	
	.page-content > div .header { width:35%; max-width:500px; overflow:hidden; background: url('../../../img/about_title_bg.png') repeat-x top; }
    .page-content > div .header .head { position:relative; font-size:2.57rem; color:#81d8d0; text-transform: uppercase; display:inline-block; background: #fff; }
    .page-content > div .header .head:after { content:""; position:absolute; left:100%; top:0; bottom:0; width:100%; }
	.page-content > div .header .head2 {background: #f8f8f8;}

    .page-content > div .content { flex:1; padding-left: 120px; }

    .sec1 .content { display:flex; gap:0 20px; }
    .sec1 .tab-con { position:relative; flex:1; }
    .sec1 .tab-btn { width:20%; }
    .sec1 .tab-btn button { display:block; width:100%; height:57%;  }
	
    .sec1 .tab-btn button img { width:100%; height:100%; object-fit:cover; }
	.sec1 .tab-btn button:first-child{ padding-bottom: 5px; height:43%;}
	
	.sec1 .root_daum_roughmap_landing { position:absolute; left:0; top:0; opacity:0; visibility:hidden; width:100%; height:100%; }
    .sec1 .root_daum_roughmap_landing.on { position:relative; opacity:1; visibility:visible; }

    .sec1 .root_daum_roughmap .wrap_map { height:100% !important; }
	
	#map{width:100%;height:470px;}
	.sec1 .mapw { width:100%; }
	.sec1 .wrap {position: absolute;left: 0;bottom: -33px;width: 288px;height: 105px;margin-left: -70px;text-align: left;overflow: hidden;}
    .sec1 .wrap * {padding: 0;margin: 0;}
    .sec1 .wrap .info {width: 286px;height: 95px;border-radius: 5px;border-bottom: 2px solid #ccc;border-right: 1px solid #ccc;overflow: hidden;background: #fff;}
    .sec1 .wrap .info:nth-child(1) {border: 0;box-shadow: 0px 1px 2px #888;}
    .sec1 .info .title {padding: 5px 0 5px 10px;height: 35px;background: #eee;border-bottom: 1px solid #ddd;font-size: 1.125rem;font-weight: 700;}
    .sec1 .info .close {position: absolute;top: 10px;right: 10px;color: #888;width: 17px;height: 17px;background: url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/overlay_close.png');}
    .sec1 .info .close:hover {cursor: pointer;}
    .sec1 .info .body {position: relative;overflow: hidden; font-size: 12px;font-family: 'Malgun Gothic', dotum, '돋움', sans-serif;line-height: 1.5;}
    .sec1 .info .desc {position: relative;margin: 13px 0 0 10px;height: 95px;}
	.sec1 .desc {margin-top: 30px;}
    .sec1 .desc .ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: wrap;}
    .sec1 .desc .jibun {font-size: 11px;color: #888;margin-top: -2px;}
    .sec1 .info .img {position: absolute;top: 6px;left: 5px;width: 73px;height: 71px;border: 1px solid #ddd;color: #888;overflow: hidden;}
    .sec1 .info:after {content: '';position: absolute;margin-left: -12px;left: 50%;bottom: 0;width: 22px;height: 12px;background: url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}
    .sec1 .info .link {color: #5085BB;}
	
	.sec1 .desc span{font-weight: 700; }

    .sec1 img[alt="close"] { top: -62px !important; right: -60px !important; color: #888;width: 17px;height: 17px;background: url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/overlay_close.png');}


.bu_wrap{width:100%; display:inline-block; margin-top: 20px;}
.bu_left{width: 50%; float: left; padding-right: 5px;}
.bu_right{width: 50%; float: left; padding-left: 5px;}
#bo_w .write-box > ul > li > .bu_wrap span { position:relative; display:block; margin-bottom:5px; padding:5px 0; color:#000; height:30px; }
#bo_w .write-box > ul > li > .bu_wrap span.required:after { content:"*"; color:#f50000; display:inline-block; margin-left:5px; }
	
	@media (max-width: 1624px) {
	
	#map{width:100%;height:380px;}
	}
	
	@media (max-width: 1424px) {
	
	#map{width:100%;height:320px;}
	}




    @media (max-width: 1024px) {
        .page-content > div .header { margin-bottom: 30px; }
        .page-content > div .header,
        .page-content > div .content { width:100%; }
		.page-content > div .content {  padding-left:1px; }
		.sec1 .content {margin-top: 50px;}
		
		 
     

        .page-content > div .header .head { font-size:2rem; }
    }

    @media (max-width: 767px) {
        .page-content > div { padding:50px 0; }
		.sec1 .content {margin-top: 30px;}
		.page-content > div .header { max-width: 100%;  background: url('<?php echo G5_THEME_IMG_URL?>/about_title_bg_m.png') repeat-x top; }
    }