.sub-page { padding:80px 0 150px 0} 
.sub-page .page_title_wrap h2 { font-size: 2.5em; text-align: center; margin-bottom:70px; font-weight:700 } 

@media(max-width:1024px){
 .sub-page { padding:60px 0 100px 0 } 
 .sub-page .page_title_wrap h2 { margin-bottom:50px } 
 }
@media(max-width:768px){
 .sub-page { padding:40px 0 80px 0 } 
 .sub-page .page_title_wrap h2 { margin-bottom:30px; font-size: 2em; } 
 }

#cultural01 .content_wrap { width: 100%; max-width: 700px; } 
#cultural01 .cinner { padding:0 120px } 
#cultural01 .cinner > .flex-box { gap:100px; align-items: center; } 
#cultural01 .img_wrap {max-width:357px;}
#cultural01 .content_wrap ul { border-top: 2px dashed #c6c2c2; } 
#cultural01 .content_wrap ul li { display: flex; align-items: center; gap: 50px; border-bottom: 2px dashed #c6c2c2; padding: 30px 10px; } 
#cultural01 .content_wrap ul li .tit { gap: 20px; color:var(--color-acc); display: flex; align-items: center; font-weight: 600; padding-right: 50px; border-right: 2px solid #ddd; width: 180px; } 
#cultural01 .content_wrap ul li .tit .img_wrap { background: var(--color-acc); width: 45px; aspect-ratio: 1 / 1; height: auto; border-radius: 50%; display: flex; align-items: center; justify-content: center; } 

#cultural02 .img_wrap,
#cultural03 .img_wrap { background: #D9D9D9; width: 850px; aspect-ratio: 850 / 950; position: relative; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; } 
#cultural02 .img_wrap p,
#cultural03 .img_wrap p { font-size: 4em; color:#fff; } 

.map_wrap { width:100%; height:600px } 
.root_daum_roughmap .wrap_map { height:100%!important } 
.content_box { margin-top: 60px; gap: 100px; } 
.content_box > div { width:calc(50% - 50px); } 
.content_box > div h3 { display: flex; align-items: center; gap: 10px; font-size: 1.25em; color: var(--color-acc); padding-bottom: 20px; border-bottom: 1px solid #CECECE; margin-bottom: 30px; position:relative; } 
.content_box .left ul { display: flex; gap: 20px; flex-direction: column; font-size: .9em; color: #333; } 
.content_box .left h3 { padding-left:55px } 
.content_box .left h3:before { content:''; position:absolute; left:0; bottom:20px; background:url(../img/sub/sub04_icon01.png)no-repeat center center; width:45px; aspect-ratio: 45/25; } 
.content_box .right h3 { padding-left:55px } 
.content_box .right h3:before { content:''; position:absolute; left:0; bottom:20px; background:url(../img/sub/sub04_icon02.png)no-repeat center center; width:45px; aspect-ratio: 1/1; } 
.content_box .right ul { display: flex; flex-direction: column; gap: 35px; } 
.content_box .right ul li { padding-left: 20px; position:relative} 
.content_box .right ul li:before {content:''; position:absolute; top:10px; width:5px; aspect-ratio: 1/1;background:var(--color-acc); border-radius: 50%;left:5px;}
.content_box .right ul li > div { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; } 
.content_box .right ul li > div h4 { margin-right: 10px; font-weight: 600; } 
.content_box .right ul li > div a { display: flex; align-items: center; font-size: .8em; color: var(--color-acc); font-weight: 500; gap: 5px; } 
.content_box .right ul li > p { font-size: .9em; color: #333; } 
.info_wrap { background:var(--color-acc); color:#fff; padding:35px 50px; align-items: center; justify-content: space-between; } 
.info_txt { font-size: 1.4em; font-weight: 600; } 
.info_txt:last-child { display:flex; align-items:center; gap:25px; line-height: 1; } 
.info_txt span { display:flex; align-items:center; gap:6px; color:#fff; font-size: 22px; font-weight: 400; } 

.info_txt .addr { border-right: 1px solid #fff; padding-right: 25px; } 



@media(max-width:1399px) {
    #cultural01 .cinner > .flex-box {gap:60px;    justify-content: space-between;}
    #cultural01 .content_wrap {width:calc(60% - 30px);}
    #cultural01 .img_wrap {width:calc(40% - 30px);}
    #cultural01 .img_wrap img{width:100%;}
    #cultural01 .tit .img_wrap img  {width:50%}
    #cultural01 .cinner {padding:0}

}
@media(max-width:1199px) {
    .content_box {gap:40px}
    .content_box > div {width:calc(50% - 20px)}
    .content_box .right ul li > div h4 {font-size: 18px;}
    .content_box .right ul li > div a {font-size: 13px;}
}
@media(max-width:1024px) {
    #cultural01 .cinner > .flex-box {flex-direction: column;}
     #cultural01 .content_wrap  {width:100%; max-width:none}
    #cultural01 .img_wrap {width:50%}
    #cultural01 .content_wrap ul li {padding:20px 10px ; font-size: 18px;}
    #cultural02 .img_wrap, #cultural03 .img_wrap {width:100%}
     
    .content_box {flex-direction: column;gap:60px;}
    .content_box > div {width:100%}
    .info_txt {font-size: 1.2em;}
    .info_txt span {font-size: .9em;;}
    .info_txt span img {width:18px;}
    .info_wrap{padding:20px 30px;}

}
@media(max-width:768px) {
#cultural02 .img_wrap p, #cultural03 .img_wrap p {font-size: 2em;}
.info_wrap {flex-direction: column;        align-items: flex-end;gap:20px;}
    .info_txt:last-child {flex-wrap:wrap; gap:5px 10px;justify-content: flex-end;;font-size: 16px;}
    .info_txt .addr {padding-right:10px}

}
@media(max-width:640px) {
#cultural01 .content_wrap ul li {flex-direction: column;gap:10px;;align-items: flex-start;}
#cultural01 .content_wrap ul li .tit {border-right: 0;width:100%;gap:10px}
#cultural01 .content_wrap ul li .tit .img_wrap {width:35px;}
}
@media(max-width:500px) {
    #cultural01 .img_wrap {width:100%}
    .content_box .right ul li > div {flex-direction: column;align-items: flex-start;}
    .info_txt .addr{padding-right:0; border-right:0}
}