@charset "utf-8";
main { position: relative; height: 580px; margin-top: 92.53px; background: url(../img/sub4/mainbanner.jpg) no-repeat center/cover;  }
main::after { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.15); }
main .c1280 { position: relative; height: 100%; text-align: center; }
main .c1280 .txtbox { position: absolute; bottom: 0; left: 0; display: flex;  flex-direction: column; justify-content: center; align-items: center; width: 250px; aspect-ratio: 1/1; background: #333785; z-index: 1; }
main .c1280 .txtbox h1 { color: #fff; font-size: 30px; margin-bottom: 15px; }
main .c1280 .txtbox p { color: rgba(255, 255, 255, 0.3); }

.inquirys> p { text-align: center; margin-bottom: 30px; font-size: 16px; }
.inquirys> ul { display: flex; justify-content: space-around; align-items: center; width: 50%; margin: 0 auto 100px; background: #f9f9f9; border-radius: 15px; padding: 40px; margin-bottom: 100px; }
.inquirys> ul li a { text-align: center;}
.inquirys> ul li a :first-child { font-size: 24px; font-weight: 800; color: #272a66; }
.inquirys> ul li a p i { margin-right: 10px; }
.inquirys> ul li a> :last-child { font-size: 24px; font-weight: 800; color: #3997d2; }
.inquirys> div { display: flex; align-items: center; }
#daumRoughmapContainer1773582420125 { width: 60%; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.root_daum_roughmap .wrap_map { height: 475px !important; }
.root_daum_roughmap .cont .section.lst { display: none; }
.root_daum_roughmap .wrap_controllers { display: none; }
.inquirys> div ul { width: 40%; padding-left: 40px; }
.inquirys> div ul> :first-child { margin-bottom: 30px;}
.inquirys> div ul li span { display: block; color: #272a66; font-size: 24px; font-weight: 700; margin-bottom: 10px; }
.inquirys> div ul li p { font-size: 16px; }


@media screen and (max-width: 1024px) {
    main .c1280 .txtbox { width: 350px; aspect-ratio: 1.618/1; }
    main .c1280 .txtbox h1 { margin-bottom: 10px; }
    .inquirys> p { font-size: 15px; }

    .inquirys> ul { margin-bottom: 60px; padding: 30px; }
    .inquirys> ul li a :first-child { font-size: 20px;}
    .inquirys> div ul { padding-left: 20px; }
    .inquirys> div ul li span{ font-size: 20px; }
    .root_daum_roughmap .wrap_map { height: 350px !important; }
    .inquirys> div ul li p { font-size: 15px; }
}

@media screen and (max-width: 820px) {
    main { height: 45vh; margin-top: 72.67px; }
    main .c1280 .txtbox { width: 300px; }

    .inquirys> ul { width: 75%; }
    .inquirys> ul li a> :last-child { font-size: 20px; }
}

@media screen and (max-width: 601px) {
    main .c1280 .txtbox { width: 250px; }

    .inquirys> p { text-align: left; }
    .inquirys> p br { display: none; }
    .inquirys> ul {width: 100%; padding: 20px;}
    .inquirys> ul li a :first-child, .inquirys> ul li a> :last-child { font-size: 18px; }
    .inquirys> div { display: block; }
    #daumRoughmapContainer1773582420125 { width: 100%; margin-bottom: 20px; }
    .inquirys> div ul { width: 100%; padding:0; }
    .inquirys> div ul> :first-child { margin-bottom: 15px; }
    .inquirys> div ul li span { font-size: 16px; margin-bottom: 5px;  }
    .inquirys> div ul li p { font-size: 14px; }
}

@media screen and (max-width: 375px) {
    .inquirys> ul li a :first-child, .inquirys> ul li a> :last-child { font-size: 16px; }
}

@media screen and (max-width: 360px) {
    .inquirys> ul { display: block; }
    .inquirys> ul> :first-child { margin-bottom: 15px; }
}