/* 그누보드 내용관리등 에디터로 입력할 경우  여기서부터 */
.map-box{
    display:flex;
    flex-direction:column;
    height:600px;
    position: relative;
    z-index: 1;    
}
#map { 
    width: 100%; 
    aspect-ratio: 16/9; 
    border:1px solid #ccc;
}

.fc_ver2_pointer {color:#C53428; }
.daon_content_wrap{width:100%; min-width:320px; max-width:var(--max-width); margin:0 auto;}
.daon_ver2_page_title{width:100%; text-align:center; margin-bottom:70px;}
.daon_ver2_page_title h1{width:100%; font-size:2.5em; font-weight:600;}
.daon_ver2_page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;}
.daon_ver2_page_title h2{width:100%; font-size:1.2em; color:#666; margin-top:20px; }

.daon_ver2_sub_type10 {width:100%;}
.daon_ver2_sub_type10:after{ content:""; display:block; clear:both;}
.daon_ver2_sub_type10 h3.con_tit {display:block; font-size:1.85em; font-weight:700; line-height:1.5em; max-width:var(--max-width); margin:50px auto 25px;}
.daon_ver2_sub_type10 .g_map {width:100%; height:auto; margin-bottom:30px;}
.daon_ver2_sub_type10 .g_map:after{ content:""; display:block; clear:both;}
.daon_ver2_sub_type10 .daon_map_info {width:100%;margin:0 auto; }
.daon_ver2_sub_type10 .daon_map_info:after {content:""; display:block; clear:both;}
.daon_ver2_sub_type10 .daon_map_info .con_box { width:100%; min-width:320px; transition: 0.3s all ease;}
.daon_ver2_sub_type10 .daon_map_info .con_box:after{content:""; display:block; clear:both;}
.daon_ver2_sub_type10 .daon_map_info .con_box ul { width:100%; margin:35px 0 0 0; padding:0; display:flex;justify-content:space-between;align-items:stretch; gap:2%;} 
.daon_ver2_sub_type10 .daon_map_info .con_box ul li {
    display:flex;
    flex-direction:column;
    text-align:center;
    align-items:center;
    flex:1; 
    min-height:240px; 
    padding:40px 15px; 
    background-color:#fff; 
    border:1px solid #eee; 
    transition: 0.5s all ease; 
    justify-content: center;
}
.daon_ver2_sub_type10 .daon_map_info .con_box ul li:last-child { margin-right:0;}
.daon_ver2_sub_type10 .daon_map_info .con_box ul li:last-child:after {display:none}
.daon_ver2_sub_type10 .daon_map_info .con_box ul li div.tb-cell {display:table-cell; vertical-align:middle; }
.daon_ver2_sub_type10 .daon_map_info .con_box ul li div.tb-cell i {display:block;  font-size:3em; color:#3b445b;}
.daon_ver2_sub_type10 .daon_map_info .con_box ul li div.tb-cell strong {display:block;  font-size:1.5em; color:#000; margin-top:20px;}
.daon_ver2_sub_type10 .daon_map_info .con_box ul li div.tb-cell p { display:block; line-height:1.4em; font-size:1em; color:#666; margin-top:15px; word-break:keep-all;}
.daon_ver2_sub_type10 .daon_map_info .map_info.left {float:left; width:48%;}
.daon_ver2_sub_type10 .daon_map_info .map_info.right {float:right; width:48%; }
.daon_ver2_sub_type10 .daon_map_info .map_info .con_box {width:100%; margin-bottom:30px; padding-bottom:20px; border-bottom:1px solid #eee;}
.daon_ver2_sub_type10 .daon_map_info .map_info .con_box .left-box {float:left; width:20%;}
.daon_ver2_sub_type10 .daon_map_info .map_info .con_box .right-box {float:right; width:80%; font-size:1em;}
.daon_ver2_sub_type10 .daon_map_info .map_info .con_box h2 {font-size:1.1em; margin-bottom:10px; font-weight:700;}
.daon_ver2_sub_type10 .daon_map_info .map_info .con_box h2 i{ display:inline-block; vertical-align:middle; text-align:center; width:30px; margin-right:0px; font-size:1.3em; color:#3b445b; }

@media all and (max-width:1024px){
    .daon_ver2_sub_type10 .daon_map_info .con_box ul li { width:49%; margin-right:2%; margin-bottom:2%;}
    .daon_ver2_sub_type10 .daon_map_info .con_box ul li:nth-child(even) {float:right; margin-right:0;}
    .daon_ver2_sub_type10 .daon_map_info .map_info .con_box .left-box {width:25%;}
    .daon_ver2_sub_type10 .daon_map_info .map_info .con_box .right-box {width:75%;}
    .daon_ver2_sub_type10 .daon_map_info .map_info.left{float:none; width:100%;}
    .daon_ver2_sub_type10 .daon_map_info .map_info.right{float:none; width:100%;}
    .map-box{
        display:flex;
        flex-direction:column;
        height:50vh;
    }       
}

@media(max-width:800px){
    #map {
        aspect-ratio: 1 / 1;
        max-height: 50vh;
    }
    .map-box{
        display:flex;
        flex-direction:column;
        height:50vh;
    }
}

@media screen and (max-width: 768px){
    .daon_ver2_page_title{margin-bottom:40px;}
    .daon_ver2_page_title h1{font-size:1.85em;}
    .daon_ver2_page_title h2{font-size:1em;}	
    
    .daon_ver2_sub_type10 {padding:0 2%; }
    .daon_ver2_sub_type10 h3.con_tit { font-size:1.5em;}
    .daon_ver2_sub_type10 .daon_map_info .con_box ul{
        flex-direction:column;
    }
    .daon_ver2_sub_type10 .daon_map_info .con_box ul li { 
        display:flex;
        align-items:center;
        width:100%;
        min-height:60px;
        padding:15px 20px;
    }
    .daon_ver2_sub_type10 .daon_map_info .con_box ul li div.tb-cell{
        gap:10px;
        display:flex;
        align-items:center;
        width:100%;
        flex:1;
    }
    .daon_ver2_sub_type10 .daon_map_info .con_box ul li div.tb-cell i {font-size:2.5em;  }
    .daon_ver2_sub_type10 .daon_map_info .con_box ul li div.tb-cell strong {font-size:1.25em;margin-top:0;}		
    .daon_ver2_sub_type10 .daon_map_info .con_box ul li div.tb-cell br{display:none;}
    .daon_ver2_sub_type10 .daon_map_info .con_box ul li div.tb-cell p{margin-top:0;display:flex;align-items:center;gap:10px;}
    .daon_ver2_sub_type10 .daon_map_info .map_info .con_box h2 {font-size:1em;}	
    .daon_ver2_sub_type10 .daon_map_info .map_info .con_box .right-box {font-size:1em;}

}

@media screen and (max-width: 640px){
    .daon_ver2_sub_type10 .daon_map_info .map_info .con_box .left-box{width:100%;}
    .daon_ver2_sub_type10 .daon_map_info .map_info .con_box .right-box {width:100%;}
}