/**
* OLYM Cascading Style Sheets
* File Name : contents.css
* Description : 컨텐츠 스타일시트
* Author : Web business Team / Kim min yi
* Email : odesign@olym.co.kr
* Date : 2024.11.15
* Update : 2024.11.15
* Copyright(c) 2024 OLYM Communications. All Rights Reserved.
*/

/* ========== common ========== */
.section .left { width: 500px; }
.section .right { width: 1100px; }
/* ========== // common ========== */

/* ========== sub_tit ========== */
.tit_wrap { position: relative; }
.tit_wrap > p { font-family: 'Montserrat'; font-size: 60px; font-weight: 700; color: rgba(0, 0, 0, 0.07); line-height: 3.8rem; }
.tit_wrap > h4.h_tit { position: absolute; bottom: -20%; }

@media all and (max-width: 1260px) { 
    .tit_wrap > p { font-size: 35px; line-height: 3rem; }
    .tit_wrap > h4.h_tit { bottom: -40%; }
}
@media all and (max-width: 800px) { 
    .tit_wrap > p { font-size: 25px; line-height: 2rem; }
    .tit_wrap > h4.h_tit { bottom: -50%; }
}
/* ========== //sub_tit ========== */



/* ========== 01 - 회사소개 ========== */
.con1 .section { margin-bottom: 100px; }

.con1 .sec1 { position: relative; padding-top: 180px; display: flex; flex-direction: column; gap: 50px; }
.con1 .sec1::before { z-index: -99; content: ''; position: absolute; right: -10%; top: 0; background: url('/project/design/01_comp/bg_comp1.png') no-repeat center center; width: 1400px; height: 450px; border-radius: 170px 0 0 0;}
.con1 .sec1 > h1.h_tit { font-family: 'Montserrat'; font-weight: 800; color: #00133F; line-height: 6rem; }
.con1 .sec1 > p { width: 70%; font-size: 20px; font-weight: 400; color: #333; line-height: 2.8rem; }
.con1 .sec1 > p > b { font-family: 'Montserrat'; font-size: 40px; font-weight: 800; color: #00133F; }
.con1 .sec2 { height: 800px; display: flex; flex-direction: row; position: relative; padding: 130px 0; }
.con1 .sec2::before { content: ''; position: absolute; left: 50%; top: 0; transform: translate(-50%, 0); background-color: #f8f8f8; width: 19200px; height: 800px; z-index: -99;}
.con1 .sec2 .right { position: relative; display: flex; flex-direction: column; justify-content: space-between; }
.con1 .sec2 .right::before { content: ''; position: absolute; left: 50%; top: 28%; transform: translate(-50%, 0); background: url('/project/design/01_comp/img_arrow.png') no-repeat center center; width: 580px; height: 280px; z-index: -1;}

.ideology_box1 { display: flex; flex-direction: row; gap: 25px; }
.ideology_box1 .inner { width: 100%; background: #fff; box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.06); border-radius: 10px; }
.ideology_box1 .inner > .p_desc1 { padding: 18px; color: #fff; font-size: 20px; font-weight: 800; background: #5B82DF; display: flex; align-items: center; justify-content: center; border-radius: 10px 10px 0 0; }
.ideology_box1 .inner > .p_desc2 { padding: 35px; color: #333; font-size: 16px; font-weight: 400; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; line-height: 1.8rem; }
.ideology_box2 { margin-top: 40px; display: flex; flex-direction: row; gap: 40px; }
.ideology_box2 > p { padding: 26px; width: 100%; background: #fff; box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.06); border-radius: 10px; text-align: center; font-size: 20px; font-weight: 800; color: #00133F; }
.ideology_box3 { margin-top: 140px; }
.ideology_box3 > p { padding: 24px; display: flex; align-items: center; justify-content: center; background: linear-gradient(180deg, #5B82DF, #1F48A8); box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.06); border-radius: 10px; font-size: 25px; font-weight: 800; color: #fff; }

.con1 .sec3 { display: flex; flex-direction: row; gap: 155px; }
.con1 .sec3 .left { position: relative; }
.con1 .sec3 .left > .tit_wrap { position: absolute; left: 45%; top: 10%; transform: translate(-50%, 0); color: #fff; }
.con1 .sec3 .left > .tit_wrap > p { color: rgba(255, 255, 255, 0.07);}
.con1 .sec3 .left > .img_box > img { border-radius: 0 80px 0 0;}

.con1 .sec3 .left > .img_box > img.his_pc { display: block; }
.con1 .sec3 .left > .img_box > img.his_m { display: none; }

.con1 .sec3 .right { margin-top: 80px; display: flex; flex-direction: column; gap: 70px; }
.con1 .sec3 .right .tit_desc { color: #111; }
.con1 .sec3 .right .tit_desc > .desc1 { font-size: 35px; font-weight: 300; }
.con1 .sec3 .right .tit_desc > .desc2 { font-size: 55px; font-weight: 300; }
.con1 .sec3 .right .tit_desc > .desc2 > b { font-weight: 800; color: #00133F; font-family: 'Montserrat'; }

.hts_inner { display: flex; flex-direction: column; position: relative; }
.hts_inner::after { position: absolute; left: 0; top: 3%; content: ''; width: 1px; height: 100%; background: #ddd; z-index: -10; }
.his_year_wrapper { position: relative; display: flex; flex-direction: column; gap: 30px; padding: 0 0 70px 70px; }
.his_year_wrapper::after { content: ''; background: #00257E; position: absolute; top: 1rem; left: -0.8rem; border-radius: 50px; border: 0.6rem solid #D9DEEC; padding: 4px; box-sizing: border-box; }
.his_year_wrapper .his_top { padding: 8px 40px; font-family: 'Montserrat'; font-size: 35px; font-weight: 800; color: #111; background: #F6F6F6; border-radius: 10px; }
.his_year_wrapper ul.his_bot { display: flex; flex-direction: column; }
.his_year_wrapper ul.his_bot > li { margin: 0 0 20px 40px; display: flex; flex-direction: row; gap: 55px; }
.his_year_wrapper ul.his_bot > li:last-child { margin: 0 0 0 40px; }
.his_year_wrapper ul.his_bot > li > .date { width: 15%; font-family: 'Montserrat'; font-size: 20px; font-weight: 800; color: #666;}
.his_year_wrapper ul.his_bot > li > ul { width: auto; display: flex; flex-direction: column; gap: 20px;}
.his_year_wrapper ul.his_bot > li > ul > li { position: relative; padding-left: 20px; font-size: 18px; font-weight: 400; color: #666; }
.his_year_wrapper ul.his_bot > li > ul > li::before { content: ''; position: absolute; left: 0; top: 13px; transform: translate(0, -50%); width: 5px; height: 5px; border-radius: 5px; background: #00257E;}

@media all and (max-width: 1600px) {
    .con1 .sec2 { gap: 30px; }
    .con1 .sec3 { gap: 100px;}
}
@media all and (max-width: 1440px) { 
    .con1 .sec1 { padding-top: 100px; gap: 40px; }
    .con1 .sec1 > h1.h_tit { line-height: 6rem; }
    .con1 .sec1 > p { width: 100%; }

    .con1 .sec2 { height: auto; padding: 80px 0; flex-direction: column; gap: 60px; }
    .con1 .sec2::before { height: 700px; }
    .con1 .sec2 .right { width: 100%; flex-direction: column; justify-content: space-between; }
    .con1 .sec2 .right::before { background-size: 50%; top: 18%; }
    
    .ideology_box1 { gap: 15px; }
    .ideology_box1 .inner > .p_desc1 { padding: 15px; font-size: 16px;  }
    .ideology_box1 .inner > .p_desc2 { padding: 20px; font-size: 15px; line-height: 1.4rem; }
    .ideology_box2 { margin-top: 30px; gap: 30px; }
    .ideology_box2 > p { padding: 20px; font-size: 16px; }
    .ideology_box3 { margin-top: 90px; }
    .ideology_box3 > p { padding: 20px; font-size: 20px; }

    .con1 .sec3 { gap: 60px; }
    .con1 .sec3 .left { width: 60%; }
    .con1 .sec3 .left > .tit_wrap { left: 45%; }
    .con1 .sec3 .left > .img_box > img { width: 100%; border-radius: 0 40px 0 0;}
    .con1 .sec3 .right { width: 100%; margin-top: 0px; gap: 30px; }
    .con1 .sec3 .right .tit_desc > .desc1 { font-size: 35px; }
    .con1 .sec3 .right .tit_desc > .desc2 { font-size: 40px; }
    
    .hts_inner { display: flex; flex-direction: column; position: relative; }
    .his_year_wrapper { position: relative; display: flex; flex-direction: column; gap: 20px; padding: 0 0 30px 30px; }
    .his_year_wrapper::after { top: 0.6rem; left: -0.5rem; border: 0.4rem solid #D9DEEC; padding: 3px; }
    .his_year_wrapper .his_top { padding: 5px 30px; font-size: 25px; }
    .his_year_wrapper ul.his_bot > li { width: auto; margin: 0 0 30px 30px; gap: 30px; }
    .his_year_wrapper ul.his_bot > li:last-child { margin: 0 0 0 30px; }
    .his_year_wrapper ul.his_bot > li > .date { font-size: 15px; }
    .his_year_wrapper ul.his_bot > li > ul > li { padding-left: 10px; font-size: 15px; }
    .his_year_wrapper ul.his_bot > li > ul > li::before { top: 10px; width: 3px; height: 3px; }
}
@media all and (max-width: 1024px) { 
    .con1 .section { margin-bottom: 80px; }

    .con1 .sec1 { padding-top: 80px; gap: 30px; }
    .con1 .sec1 > h1.h_tit { line-height: 4rem; }
    .con1 .sec1 > p { font-size: 18px; line-height: 2.4rem; }
    .con1 .sec1 > p > b { font-size: 30px; }
    .con1 .sec2 { height: auto; padding: 60px 0; gap: 50px; }
    .con1 .sec2::before { height: 550px; }

    .ideology_box1 .inner > .p_desc1 { font-size: 15px; }
    .ideology_box1 .inner > .p_desc2 { font-size: 14px; }
    .ideology_box2 { margin-top: 20px; gap: 20px; }
    .ideology_box2 > p { padding: 15px; font-size: 15px; }
    .ideology_box3 { margin-top: 70px; }
    .ideology_box3 > p { padding: 15px; font-size: 16px; }

    .con1 .sec3 .left { width: 100%; }
    .con1 .sec3 .left > .tit_wrap { left: 35%; }
    .con1 .sec3 .right .tit_desc > .desc1 { font-size: 25px; }
    .con1 .sec3 .right .tit_desc > .desc2 { font-size: 35px; }

    .his_year_wrapper .his_top { padding: 5px 20px; font-size: 20px; }
    .his_year_wrapper ul.his_bot > li { margin: 0 0 20px 20px; gap: 20px; }
    .his_year_wrapper ul.his_bot > li:last-child { margin: 0 0 0 20px; }
    .his_year_wrapper ul.his_bot > li > .date { font-size: 14px; }
    .his_year_wrapper ul.his_bot > li > ul { width: auto; gap: 10px; }
    .his_year_wrapper ul.his_bot > li > ul > li { font-size: 14px; }
}
@media all and (max-width: 800px) { 
    .con1 .section { margin-bottom: 50px; }

    .con1 .sec1 { padding-top: 50px;  }
    .con1 .sec1::before { right: -10%; top: 0; border-radius: 170px 0 0 0; background-size: 100%;}
    .con1 .sec1 > h1.h_tit { line-height: 2.4rem; }
    .con1 .sec1 > p { font-size: 14px; line-height: 1.8rem; }
    .con1 .sec1 > p > b { font-size: 25px; }
    .con1 .sec2 { padding: 50px 0; gap: 30px; }
    .con1 .sec2::before { height: 750px; }
    .con1 .sec2 .right::before { top: 53%; }

    .ideology_box1 { flex-direction: column; }
    .ideology_box1 .inner > .p_desc1 { padding: 10px; }
    .ideology_box1 .inner > .p_desc2 { padding: 15px; }

    .con1 .sec3 { flex-direction: column; gap: 30px; }
    .con1 .sec3 .left { width: 100%; }
    .con1 .sec3 .left > .tit_wrap { top: 20%; left: 30%;}
    .con1 .sec3 .left > .img_box > img { width: 100%; border-radius: 0 40px 0 0; }
    .con1 .sec3 .left > .img_box > img.his_pc { display: none; }
    .con1 .sec3 .left > .img_box > img.his_m { display: block; width: 100%; }
    .con1 .sec3 .right { width: 100%; margin-top: 0px; gap: 30px; }
    .con1 .sec3 .right .tit_desc > .desc1 { font-size: 18px; }
    .con1 .sec3 .right .tit_desc > .desc2 { font-size: 22px; }
}
/* ========== // 01 - 회사소개 ========== */



/* ========== 02 - 제품소개 ========== */
.con2 .top { margin-top: 80px; display: flex; flex-direction: row; justify-content: space-between; gap: 100px; }
.con2 .top .left { padding: 3% 0 0 2%; flex: 1; }
.con2 .top .left > span { font-family: 'Montserrat'; font-size: 20px; font-weight: 700; color: #5B82DF; }
.con2 .top .left > .p_tit { font-size: 70px; font-weight: 800; }
.con2 .top .left > .p_desc { margin-top: 60px; font-size: 18px; font-weight: 400; color: #666; line-height: 1.8rem; width: 92%; }
.con2 .top .right > img { border-radius: 30px; width: 100%;}

.con2 .bot { margin-top: 120px; display: flex; flex-direction: row;}
.con2 .bot .left { width: 400px; }
.con2 .bot .right { width: 1200px; display: flex; flex-direction: column; gap: 50px; }
.con2 .bot .right .inner { width: 100%; display: flex; flex-direction: column; gap: 20px; }
.con2 .bot .right .inner > ul { display: flex; flex-direction: row; gap: 20px;}
.con2 .bot .right .inner > ul > li { padding: 40px 60px; width: 100%; display: flex; flex-direction: row; align-items: center; gap: 40px; background: #F7F7F7; border-radius: 20px; }
.con2 .bot .right .inner > ul > li > .icon_box { padding: 15px; background-color: #fff; border-radius: 15px; }
.con2 .bot .right .inner > ul > li > .desc_box { display: flex; flex-direction: column; gap: 10px; color: #333; }
.con2 .bot .right .inner > ul > li > .desc_box > .p_desc1 { font-size: 20px; font-weight: 800; line-height: 2.2rem; }
.con2 .bot .right .inner > ul > li > .desc_box > .p_desc2 { font-size: 18px; font-weight: 400; }
.con2 .bot .right .inner > h6.h_tit { position: relative; font-size: 25px; font-weight: 800; color: #111; padding-left: 20px;}
.con2 .bot .right .inner > h6.h_tit::before { content: ''; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); width: 3px; height: 25px; background-color: #5B82DF; }

.con2 .tab_box .img_desc { margin-top: 130px; display: flex; flex-direction: column; gap: 20px;}
.con2 .tab_box .img_desc > img { border: 1px solid #ddd; padding: 50px; display: flex; align-items: center; justify-content: center; }

@media all and (max-width: 1440px) {
    .con2 .top { gap: 50px; }
    .con2 .top .left { flex: 1; padding: 2% 0 0 0; }
    .con2 .top .left > span { font-size: 16px; }
    .con2 .top .left > .p_tit { font-size: 50px; }
    .con2 .top .left > .p_desc { font-size: 16px; line-height: 1.6rem; }
    .con2 .top .right { flex: 2; }
    .con2 .top .right > img { width: 100%; border-radius: 20px; }
}
@media all and (max-width: 1024px) { 
    .con2 .top { margin-top: 30px; gap: 20px; }
    .con2 .top .left {  padding: 0; }
    .con2 .top .left > span { font-size: 13px; }
    .con2 .top .left > .p_tit { font-size: 35px; }
    .con2 .top .left > .p_desc { margin-top: 20px; font-size: 14px; line-height: 1.2rem; }

    .con2 .bot { margin-top: 40px; gap: 20px;}
    .con2 .bot .left { width: 20%; }
    .con2 .bot .right { width: 100%; gap: 30px; }
    .con2 .bot .right .inner { width: 100%; flex-direction: column; gap: 10px; }
    .con2 .bot .right .inner > ul { gap: 10px;}
    .con2 .bot .right .inner > ul > li { padding: 20px; gap: 20px; border-radius: 15px; }
    .con2 .bot .right .inner > ul > li > .icon_box { padding: 10px; border-radius: 10px; }
    .con2 .bot .right .inner > ul > li > .icon_box > img { height: 30px; }
    .con2 .bot .right .inner > ul > li > .desc_box { gap: 5px; }
    .con2 .bot .right .inner > ul > li > .desc_box > .p_desc1 { font-size: 15px; line-height: 1.4rem; }
    .con2 .bot .right .inner > ul > li > .desc_box > .p_desc2 { font-size: 14px; }
    .con2 .bot .right .inner > h6.h_tit { font-size: 18px; padding-left: 10px;}
    .con2 .bot .right .inner > h6.h_tit::before { width: 3px; height: 20px; }

    .con2 .tab_box .img_desc { margin-top: 40px; gap: 10px; }
    .con2 .tab_box .img_desc > img { padding: 15px; }
}
@media all and (max-width: 800px) { 
    .con2 .top { flex-direction: column-reverse; }
    .con2 .bot { flex-direction: column; }
    .con2 .bot .left { width: 100%; }
    .con2 .bot .right .inner > ul { flex-direction: column;}
}
/* ========== // 02 - 제품소개 ========== */


/* ========== 03 - 연구개발 ========== */
.con3 .rese_top { height: 550px; position: relative;}
.con3 .rese_top .left { position: absolute; left: -10%; top: 0; z-index: -1;}
.con3 .rese_top .left > img { border-radius: 0 80px 0 0; }
.con3 .rese_top .right { width: 1200px; padding: 80px 100px; position: absolute; right: -10%; bottom: 10%; background: linear-gradient(to bottom, #00257E, #00133F); border-radius: 80px 0 0 0; overflow: hidden; }
.con3 .rese_top .right::before { content: ''; position: absolute; left: 0; top: 0; background: url('/project/design/03_rese/bg_rese_top2.png') no-repeat center center; width: 1200px; height: 320px; opacity: 0.3;}
.con3 .rese_top .right > p { width: 92%; font-size: 20px; font-weight: 300; line-height: 3.2rem; color: #fff; }
.con3 .rese_top .right > p > b { font-size: 40px; font-weight: 700; font-family: 'Montserrat'; }

.con3 .tech_wrap { margin-top: 80px; }
.con3 .tech_wrap ul.tech_inner { margin-top: 80px; display: flex; flex-direction: column; gap: 100px; }
.con3 .tech_wrap ul.tech_inner > li { display: flex; flex-direction: row; gap: 120px; align-items: flex-end; }
.con3 .tech_wrap ul.tech_inner > li:nth-child(2n) { flex-direction: row-reverse; justify-content: space-between; }
.con3 .tech_wrap ul.tech_inner > li > .left > img { border-radius: 30px; width: 100%; }
.con3 .tech_wrap ul.tech_inner > li > .right > .desc { margin-top: 45px; display: flex; flex-direction: column; gap: 20px; }
.con3 .tech_wrap ul.tech_inner > li > .right > .desc > p.p_desc1 { font-size: 40px; font-weight: 800; color: #111; }
.con3 .tech_wrap ul.tech_inner > li > .right > .desc > p.p_desc2 { font-size: 18px; font-weight: 400; color: #666; line-height: 2rem; }

@media all and (max-width: 1260px) { 
    .con3 .tit_wrap > p { line-height: 2.2rem; }
    .con3 .tit_wrap > h4.h_tit { bottom: -30%; }

    .con3 .rese_top { height: 350px; }
    .con3 .rese_top .left { position: absolute; left: -10%; top: 0; z-index: -1;}
    .con3 .rese_top .left > img { width: 100%; height: 350px; border-radius: 0 80px 0 0; }
    .con3 .rese_top .right { width: 100%; padding: 50px 60px; right: -10%; bottom: 10%; }
    .con3 .rese_top .right::before { height: 200px;  }
    .con3 .rese_top .right > p { font-size: 16px; line-height: 2rem; }
    .con3 .rese_top .right > p > b { font-size: 30px; }

    .con3 .tech_wrap { margin-top: 60px; }
    .con3 .tech_wrap ul.tech_inner { gap: 50px; }
    .con3 .tech_wrap ul.tech_inner > li { gap: 60px; }
    .con3 .tech_wrap ul.tech_inner > li > .right > img { height: 60px; }
    .con3 .tech_wrap ul.tech_inner > li > .right > .desc { margin-top: 25px; }
    .con3 .tech_wrap ul.tech_inner > li > .right > .desc > p.p_desc1 { font-size: 30px; }
    .con3 .tech_wrap ul.tech_inner > li > .right > .desc > p.p_desc2 { font-size: 16px; line-height: 1.6rem; }
}
@media all and (max-width: 800px) { 
    .con3 .rese_top { height: 280px; }
    .con3 .rese_top .left { width: 100%; }
    .con3 .rese_top .left > img { width: 100%; height: 200px; border-radius: 0 40px 0 0; }
    .con3 .rese_top .right { width: auto; padding: 30px; bottom: 0%; border-radius: 40px 0 0 0; }
    .con3 .rese_top .right::before { width: 600px; height: 185px; left: 0; top: 0; background-size: 100%;}
    .con3 .rese_top .right > p { font-size: 14px; line-height: 1.8em; }
    .con3 .rese_top .right > p > b { font-size: 20px; }

    .con3 .tech_wrap { margin-top: 40px; }
    .con3 .tech_wrap ul.tech_inner { margin-top: 30px; display: flex; flex-direction: column; gap: 20px; }
    .con3 .tech_wrap ul.tech_inner > li { flex-direction: column; align-items: flex-start; gap: 20px; border-bottom: 1px solid #ddd; padding-bottom: 20px;}
    .con3 .tech_wrap ul.tech_inner > li:last-child { border: none; }
    .con3 .tech_wrap ul.tech_inner > li:nth-child(2n) { flex-direction: column; }
    .con3 .tech_wrap ul.tech_inner > li > .left > img { border-radius: 20px; }
    .con3 .tech_wrap ul.tech_inner > li > .right > img { height: 50px; }
    .con3 .tech_wrap ul.tech_inner > li > .right > .desc { margin-top: 15px; gap: 10px; }
    .con3 .tech_wrap ul.tech_inner > li > .right > .desc > p.p_desc1 { font-size: 23px; }
    .con3 .tech_wrap ul.tech_inner > li > .right > .desc > p.p_desc2 { font-size: 14px; line-height: 1.4rem; }
}
/* ========== // 03 - 연구개발 ========== */


/* ========== 04 - 오시는길 ========== */
.con4 .section { display: flex; flex-direction: row; justify-content: space-between; gap: 60px; }
.con4 .section .left { display: flex; flex-direction: column; justify-content: space-between; }
.con4 .section .left .top { display: flex; flex-direction: column; gap: 10px; }
.con4 .section .left .top > span { font-family: 'Montserrat'; font-size: 18px; font-weight: 800; color: #5B82DF; }
.con4 .section .left .top > p { font-size: 45px; font-weight: 800; color: #111; }

.con4 .section .left .bot { padding: 50px; background: #F7F7F7; border-radius: 20px; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; gap: 10px; }
.con4 .section .left .bot .info { display: flex; flex-direction: column; gap: 10px;}
.con4 .section .left .bot .info > span { font-size: 18px; font-weight: 800; color: #5B82DF; }
.con4 .section .left .bot .info > p { font-size: 22px; font-weight: 700; color: #333; }
.con4 .section .left .bot .icon_inner { display: inline-block; width: 75px; height: 75px; background: #fff; border-radius: 15px; }

.con4 .section .wrap_controllers.hide { display: none; }
.con4 .section .map_border { display: none; }
.con4 .section .root_daum_roughmap { width: 100% !important; height: 500px !important; border-radius: 20px; }
.con4 .section .root_daum_roughmap .wrap_map { height: 500px; }

.con4 .sec1 { padding-bottom: 60px; }
.con4 .sec2 { border-top: 1px solid #ddd; padding-top: 60px; }

@media all and (max-width: 1260px) { 
    .con4 .section .left .bot { padding: 30px; border-radius: 20px; gap: 10px; }
    .con4 .section .left .bot .info > span { font-size: 16px; }
    .con4 .section .left .bot .info > p { font-size: 18px; }
    .con4 .section .right { width: 100%;}
    .con4 .section .root_daum_roughmap { height: 400px !important; }
    .con4 .section .root_daum_roughmap .wrap_map { height: 400px; }
}
@media all and (max-width: 1024px) { 
    .con4 .section { flex-direction: column; gap: 30px; }
    .con4 .section .left { width: 100%; gap: 20px;}
    .con4 .section .left .top { display: flex; flex-direction: column; gap: 0; }
    .con4 .section .left .top > span { font-size: 14px; }
    .con4 .section .left .top > p { font-size: 25px; }
    .con4 .section .left .bot { padding: 20px; border-radius: 15px; flex-direction: row; align-items: flex-start; gap: 10px; }
    .con4 .section .left .bot .info { gap: 5px;}
    .con4 .section .left .bot .info > span { font-size: 14px; }
    .con4 .section .left .bot .info > p { font-size: 16px; }
    .con4 .section .left .bot .icon_inner { width: 50px; height: 50px; border-radius: 10px; }
    .con4 .section .left .bot .icon_inner > img { height: 50px; }
    .con4 .section .root_daum_roughmap { height: 300px !important; }
    .con4 .section .root_daum_roughmap .wrap_map { height: 300px; }

    .con4 .sec1 { padding-bottom: 30px; }
    .con4 .sec2 { padding-top: 30px; }
}
@media all and (max-width: 450px) { 
    .con4 .section { gap: 20px; }
    .con4 .section .left .bot { flex-direction: column; align-items: flex-end; }
    .con4 .section .root_daum_roughmap { border-radius: 15px; }
}
/* ========== // 04 - 오시는길 ========== */


/* ========== 05 - 개인정보처리방침 ========== */
.con5 .p_desc { padding: 20px; background: #f7f7f7; text-align: center; font-size: 17px; font-weight: 700; color: #333;}
.con5 .privacy_desc { margin-top: 2rem; padding: 20px; border: 1px solid #ddd; height: 300px; overflow-y: scroll; }
/* ========== // 05 - 개인정보처리방침 ========== */