/* main_about */
#main_about { position: relative; padding: 140px 0; overflow: hidden; background: url(/image/main/about_bg.jpg) no-repeat center/cover; }
#main_about .frame { display: none; z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.55); }
#main_about .textbox { z-index: 3; position: relative; }
#main_about .textbox .text1 { font-size: 40px; color: #145eb2; line-height: 1.25; }
#main_about .textbox .text1 b { font-weight: 700; }
#main_about .textbox .text2 { margin-top: 13px; font-size: 18px; color: #5a5a5a; line-height: 1.7; }
#main_about .textbox a { margin-top: 35px; display: inline-block; padding: 13px 45px; text-align: center; font-size: 18px; color: #fff; background-color: #145eb2; border: 1px solid #145eb2; border-radius: 10px; transition: background-color 0.3s; }
#main_about .textbox a:hover { background-color: #444; }
@media (max-width: 767px) {
    #main_about { background-position-x: 70%; }
    #main_about .frame { display: block; }
    #main_about .textbox { text-align: center; }
    #main_about .textbox .text2 br { display: none; }
}

/* main_product */
#main_product { position: relative; overflow: hidden; padding: 90px 0; }
#main_product .text1 { padding-bottom: 45px; text-align: center; font-weight: 600; font-size: 45px; color: #2a2a2a; line-height: 1.3; }
#main_product .text1 br { display: none; }
#main_product .productWrap { position: relative; }
@media (max-width: 767px) {
    #main_product .text1 br { display: inline-block; }
}

/* main_loc */
#main_loc { position: relative; overflow: hidden; padding: 100px 0; }
#main_loc .contents1 { display: flex; flex-wrap: nowrap; align-items: center; }
#main_loc .contents1 .left { width: 46%; padding-right: 4%; }
#main_loc .contents1 .right { width: 54%; }

#main_loc .contents1 .left .textbox .text1 { padding-bottom: 35px; font-weight: 600; font-size: 45px; color: #2a2a2a; }
#main_loc .contents1 .left .textbox dl { display: flex; flex-wrap: nowrap; }
#main_loc .contents1 .left .textbox dl:nth-of-type(n + 2) { margin-top: 8px; }
#main_loc .contents1 .left .textbox dl dt, #main_loc .contents1 .left .textbox dl dd { font-size: 18px; color: #7e7e7e; line-height: 1.65; }
#main_loc .contents1 .left .textbox dl dt { min-width: max-content; font-weight: 700; color: #000; }
#main_loc .contents1 .left .textbox .br1 { display: none; }
#main_loc .contents1 .left .textbox .moreBtn { margin-top: 50px; display: flex; flex-wrap: nowrap; }
#main_loc .contents1 .left .textbox .moreBtn a { display: inline-block; padding: 13px 45px; text-align: center; font-size: 18px; color: #fff; border-radius: 10px; transition: background-color 0.3s; }
#main_loc .contents1 .left .textbox .moreBtn a:hover { background-color: rgba(0, 0, 0, 0.3); }
#main_loc .contents1 .left .textbox .moreBtn a:first-of-type { margin-right: 10px; background-color: #145eb2; border: 1px solid #145eb2;} 
#main_loc .contents1 .left .textbox .moreBtn a:first-of-type:hover { background-color: #444; }
#main_loc .contents1 .left .textbox .moreBtn a:last-of-type { background-color: #4444a4; border: 1px solid #4444a4; }
#main_loc .contents1 .left .textbox .moreBtn a:last-of-type:hover { background-color: #444; }

#main_loc .contents1 .right .mapcont { display: inline-block; width: 100%; height: 450px; }
#main_loc .contents1 .right .mapcont .root_daum_roughmap { width: 100%; height: 100%; }
#main_loc .contents1 .right .mapcont .root_daum_roughmap .wrap_map { width: 100%; height: calc(100% - 32px); }

@media (max-width: 1535px) {
    #main_loc .contents1 .right .mapcont { height: calc(200px + 15vw); }
}
@media (max-width: 1279px) {
    #main_loc .contents1 .left { width: 50%; padding-right: 2%; }    
    #main_loc .contents1 .right { width: 50%; }    
}
@media (max-width: 1230px) {
    #main_loc .contents1 .left { width: 53%; padding-right: 2%; }    
    #main_loc .contents1 .right { width: 47%; }    
}
@media (max-width: 1024px) {
    #main_loc .contents1 { display: block; }
    #main_loc .contents1 li { text-align: center; }
    #main_loc .contents1 .left { width: 100%; padding-right: initial; }    
    #main_loc .contents1 .right { width: 100%; margin-top: 20px; }    

    #main_loc .contents1 .left .textbox dl { display: inline-flex; width: 100%; max-width: 500px; text-align: left; }
    #main_loc .contents1 .left .textbox .br1 { display: inline-block; }
    #main_loc .contents1 .left .textbox .moreBtn { justify-content: center; }
    #main_loc .contents1 .left .textbox .moreBtn a:first-of-type { margin-right: 7px; }
    #main_loc .contents1 .left .textbox .moreBtn a:last-of-type { margin-left: 7px; }

    #main_loc .contents1 .right .mapcont { max-width: 500px; }
}
@media (max-width: 524px) {
    #main_loc .contents1 .left .textbox dl { display: block; text-align: center; }
    #main_loc .contents1 .left .textbox dl:nth-of-type(n + 2) { margin-top: 11px; }
    #main_loc .contents1 .left .textbox dl dt { min-width: initial; }
    #main_loc .contents1 .left .textbox .br1 { display: none; }
    #main_loc .contents1 .left .textbox .moreBtn a:first-of-type { margin-right: 4px; }
    #main_loc .contents1 .left .textbox .moreBtn a:last-of-type { margin-left: 4px; }

    #main_loc .contents1 .right .mapcont { height: calc(180px + 13vw); }
}

/* main_cate */
#main_cate { padding: 80px 0; overflow: hidden; background: url(/image/main/cata_bg.jpg) no-repeat center/cover; }
#main_cate .textbox .text1 { font-weight: 600; font-size: 40px; color: #fff; }
#main_cate .textbox .text2 { margin-top: 20px; font-size: 20px; color: #c8c8c8; }
#main_cate .textbox a { margin-top: 30px; display: inline-block; padding: 13px 45px; text-align: center; font-size: 18px; color: #fff; border: 1px solid #bfbfbf; border-radius: 10px; transition: background-color 0.3s; }
#main_cate .textbox a:hover { background-color: rgba(0, 0, 0, 0.3); }
@media (max-width: 767px) {
    #main_cate .textbox { text-align: center; }
}