@charset "utf-8";

.menu-type1{ margin-top: 60px;}
.menu-type1 .list{display: flex;align-items: center;}
.menu-type1 .list + .list{margin-top:120px;}
.menu-type1 .list > div{flex:1;max-width:50%;}
.menu-type1 .list .img-box{}
.menu-type1 .list .img-box .slick-slide{}
.menu-type1 .list .img-box .slick-slide img{display: block;width:100%;border-radius: 0 30px 0 0 ;}
.menu-type1 .list .img-box .slick-dots{margin-top:10px;text-align: center;font-size:0;}
.menu-type1 .list .img-box .slick-dots li{display: inline-block;width:10px;height:10px;}
.menu-type1 .list .img-box .slick-dots li + li{margin-left:10px;}
.menu-type1 .list .img-box .slick-dots li button{display: block;width:100%;height:100%;border-radius: 100%;background: #ccc;font-size:0;}
.menu-type1 .list .img-box .slick-dots li.slick-active button{background: #dc000c;}
.menu-type1 .list .txt-box{padding-left:60px;}
.menu-type1 .list .txt-box h3{font-size: 34px;font-weight: bold;color: #202020;}
.menu-type1 .list .txt-box em{margin-top:5px;display: block;font-size: 19px;font-weight: normal;color: #787878;}
.menu-type1 .list .txt-box p{margin-top:60px;font-size: 19px;font-weight: 500;line-height: 1.68;color: #202020;}

.menu-introduction{}

.foundation-guide{}
.foundation-guide .inquiry{}
.foundation-guide .inquiry .form-box h4{ font-size: 30px;font-weight: bold;margin-top:60px}
.foundation-guide .inquiry .form-box h4 span{font-weight:500;}
.foundation-guide .inquiry .form-box dl{border-top:2px solid #202020;margin-top:20px;}
.foundation-guide .inquiry .terms-box{margin-top:20px;}
.foundation-guide .inquiry .top-box{margin-top:60px;}

.bg_box { background:#F7F6F2; padding: 80px 0}

.company .about { margin-bottom: -130px}
.about { position:relative; }
.about section { min-height:100vh;  scroll-margin-top: var(--snapOffset);}
.aboutset01 { background: url(/_public/images2/contents/about_bg.png) no-repeat;background-size: cover; height: 100vh; margin-top: -60px; padding: 160px 0;}
.aboutset01 div {display: flex;align-items: flex-start;}
.aboutset01 div h3 { font-size: 60px; color: #fff; line-height: 1.2; width: 690px}
.aboutset01 div span {font-size: 22px;font-weight: 600; letter-spacing: -0.5px; color: #fff;top: 280px;position: relative;}
.aboutset02 { position:relative; background:#fff; }

.sildenon { display:flex; align-items:center; gap:80px; height: 100vh}
.sildenon .img-box { flex:1; position:relative; overflow:hidden;}
.sildenon .img-box img { display:block; width:100%; height:auto; }
.sildenon .txt-wrap { flex:1; position:relative; }
.sildenon .txt-wrap p { font-size:23px; line-height:1.6; font-weight:500; letter-spacing: -1px}
.sildenon .txt-wrap p em { display: block; font-size: 30px; margin-bottom: 30px;color:#04327B; font-style:normal; font-weight:700; }
.sildenon .txt-wrap span { display:block; margin-top:20px; font-size:16px; color:#787878; }

/* (선택) 스크롤 위치 보정: fixed header가 있을 때 유용 */
:root {
  --snapOffset: 0px;
}


.certification {padding-bottom:90px;}
.certification h2 { text-align: center; font-size: 40px; margin-bottom: 60px}
.certification h2 span { display: block; font-size: 30px; color: #CCCCCC}
.certification section {display:flex;flex-wrap:wrap;position:relative;border-top:2px solid #202020;}
.certification section:before {content:"";display:block;width:100%;height:1px;background:#202020;position:absolute;bottom:0;left:0;}

.certification section > div {width:50%;padding:30px;display:flex;align-items:center;border-bottom:1px solid #ccc;}
.certification section div .img-box { max-width: 135px; border: 1px solid #ddd;position:relative;cursor:pointer;}
.certification section div .img-box img {display:block;width:100%;}
.certification section div .img-box .mask{position: absolute;top:0;left:0;width:100%;height:100%;background: rgb(12 86 179 / 90%);display: flex;align-items: center;justify-content: center;flex-direction: column;gap:10px;transition: all 0.3s;opacity: 0;}
.certification section div .img-box .mask i{display:inline-block;width:25px;height:25px;background: url(/_public/images2/icon/ico_zoom.svg) no-repeat;background-size: cover;}
.certification section div .img-box .mask span{display:inline-block;font-size: 16px;font-weight: 600;color: #fff;}
.certification section div .img-box:hover .mask {opacity:1;}
.cert .list ul li .txt-box{width:calc(100% - 240px);}
.certification section div .txt-box {margin-left:50px; width: 100%}
.certification section div .txt-box strong {display:block;font-size:17px;color:#5481C2;margin-bottom:14px;}
.certification section div .txt-box p {font-size:21px;font-weight:700;line-height:1.6;margin-bottom:20px;padding-right:20%;}
.certification section div .txt-box span {font-size:17px;color:#787878;}


:root{--snapOffset:0px;--vh:1vh;}
.about section{height:calc((var(--vh) * 100) - var(--snapOffset));min-height:calc((var(--vh) * 100) - var(--snapOffset));box-sizing:border-box;overflow:hidden;}
.aboutset02 .sildenon{height:100%;align-items:stretch;}
.aboutset03 .sildenon{height:100%;align-items:stretch;}
.sildenon .img-box{height:100%;overflow:hidden;}
.sildenon .img-box img{width:100%;height:100%;object-fit:cover;display:block;}
.sildenon .txt-wrap{height:100%;display:flex;flex-direction:column;justify-content:center;}


@media (max-width:1600px){
    .aboutset01 { padding-left: 20px}
    .aboutset01 div h3 { font-size: 54px}
    .aboutset01 div span { height: 500px; font-size: 20px; top: 200px}
    .aboutset02 .sildenon{height:auto;min-height:auto;align-items:center;}
    .aboutset03 .sildenon{height:auto;min-height:auto;align-items:center;}
    .sildenon .img-box{height:auto;}
    .sildenon .img-box img{min-height: 100vh;object-fit:initial;}
    .sildenon .txt-wrap{height:auto;}
    .sildenon .txt-wrap p em { font-size: 26px}
    .sildenon .txt-wrap p { font-size: 20px}
}

@media (max-width:1340px){
.about section{height:auto;min-height:auto;}
.sildenon .txt-wrap p { padding-right: 50px; word-break: keep-all;}
.sildenon .txt-wrap p br { display: none;}
}

@media all and (max-width:1280px) {
    .about section{height:auto;min-height:auto;overflow:visible;}
    .company .about {margin-top: -40px}
    .sildenon .img-box img{min-height:auto;object-fit:initial;}
    .aboutset01 { margin-top:-30px;padding: 100px 30px;}
    .aboutset01 div h3 { font-size: 37px; width: 100%}
    .aboutset01 div span { top: 60px; font-size: 19px; word-break: keep-all;font-weight: 500;}
    .aboutset01 div span br.brn { display: none;}
    .about section { min-height:inherit;}
    .sildenon .txt-wrap p { font-size: 24px; padding-right: 0}
    .sildenon .txt-wrap p em { font-size: 26px}
    .company .location { padding: 0 20px}
}

@media all and (max-width:1024px) {
    .company .about { margin-bottom: -0; }
    .aboutset01 div span { display: block;text-align: justify; font-size: 16px; letter-spacing: -0.5px;}
    .sildenon { flex-direction: column;}
    .sildenon .img-box img { width: 100%}
    .sildenon .txt-wrap {padding:0 30px}
    .aboutset02 .sildenon .txt-wrap {padding-bottom: 80px}
    .sildenon .txt-wrap p { font-size: 18px; }
    .sildenon .txt-wrap span { font-size: 14px}
    .sildenon .txt-wrap p em { font-size: 24px; margin-bottom: 20px}

    .certification {padding-bottom:50px; padding: 0 20px}
    .certification h2 { font-size: 30px; margin-bottom: 50px; word-break: keep-all;}
    .certification h2 span {font-size: 24px; }
    .certification section div .txt-box {margin-left:35px;}
    .certification section div .txt-box strong {font-size:16px;margin-bottom:10px;}
    .certification section div .txt-box p {font-size:19px;margin-bottom:15px;padding-right:0;}
    .certification section div .txt-box span {font-size:16px;}

}

@media all and (max-width:768px) {
    .certification {padding-bottom:40px;}
    .certification h2 { font-size: 24px; margin-bottom: 30px}
    .certification h2 span {font-size: 19px; }
    .certification section {border-bottom:0}
    .certification section > div {width:100%;border-bottom: 1px solid #ccc;padding:30px 0;}
    .certification section div .img-box {width:30%;}
    .certification section div .txt-box {width:70%;margin-left:20px;}
    .certification section div .txt-box strong {font-size:15px;margin-bottom:10px;}
    .certification section div .txt-box p {font-size:17px;margin-bottom:14px;word-break:keep-all;}
    .certification section div .txt-box p br {display:none;}
    .certification section div .txt-box span {font-size:14px;}
}



.company .history .box .l-cont{flex:0 0 600px;max-width:600px;position:sticky;top:140px;align-self:flex-start;width:100%;}
.company .history .box .r-cont{flex:1;max-width:none;position:relative;width:auto;}
.company .history .his-media{display:none;}


/* 연혁 */
.company .history{padding:0px;}
.company .history .his-lefttxt{ display: none; margin:0 0 12px 0;font-weight:700; font-size:64px; }
.company .history .his-lefttxt .y-to { font-weight: 400}
.company .history .his-lefttxt .y-tilde { font-weight: 400}
.company .history .box{display:flex;gap:100px;align-items:flex-start;}
.company .history .box > div{flex:1;max-width:50%;}
.company .history .box .l-cont{position:sticky;top:240px;align-self:flex-start; width:100%;max-width:600px;}
.company .history .box .l-cont .inbox{position:static;text-align:center;}
.company .history .box .l-cont .inbox .slider{}
.company .history .box .l-cont .inbox .swiper-slide{}
.company .history .box .l-cont .inbox .swiper-slide img{display: block;margin: auto;}
.company .history .box .l-cont .inbox .swiper-slide span{font-size: 16px; color: #202020;display: block; font-weight: 500; margin-top: 10px;}
.company .history .box .r-cont{position:relative;width:auto;}
.company .history .box .r-cont .bullet{position:absolute;display: inline-block;bottom: -19px;left: -24px;width: 50px;height: 50px;transition: all 0.4s;}
.company .history .box .r-cont .bullet img{display: block;}
.company .history .box .r-cont .bar{content: "";position: absolute;top:0;left:0;width:2px;height:2px;background: #2E599D;z-index: 10;transition: all 0.5s;}
.company .history .box .r-cont .bullet img{display: block;}
.company .history .box .r-cont ul{ padding-top: 90px; position: relative;padding-left: 70px;}
.company .history .box .r-cont ul:before{content: "";position: absolute;top:0;left:0;width:2px;height:100%;background: #C4C4C4}
.company .history .box .r-cont ul li{position: relative;}
.company .history .box .r-cont ul li + li{margin-top:80px;}
.company .history .box .r-cont ul li h3{font-size: 34px;font-weight: 600;letter-spacing: -1.08px;color: #000;margin-bottom: 10px;}
.company .history .box .r-cont ul li h3 span{display:inline-block;font-size: 30px;font-weight: 800;letter-spacing: -0.6px;color: #000;}
.company .history .box .r-cont ul li p{position: relative;padding-left: 16px;font-size:19px;font-weight: 400;line-height: 2.25;letter-spacing: -0.5px;color: #000;}
.company .history .box .r-cont ul li p:before{content: "";position: absolute;top:20px;left:0;width:5px;height:5px;border-radius: 100%;background: #000;}
.company .history .box .r-cont ul li p span { font-size: 16px; color: #666; margin-top: -12px; display: block;}
.company .history .box .r-cont ul li p img { vertical-align: middle; margin-right: 10px; }
.company .history .box .r-cont ul li h3 img { vertical-align: middle; margin-left: 10px; top: -3px;  position: relative;}


@media (max-width:1400px){
.company .history .box{gap:60px;}
.company .history .his-lefttxt{font-size:56px;}
.company .history .box .l-cont{max-width:520px;top:160px;}
.company .history .box .r-cont{width:auto;}
.company .history .box .r-cont ul{padding-left:70px;}
}

@media (max-width:1380px){
.company .history { padding: 0 20px;}
}

@media (max-width:1280px){
.company .history .box{gap:40px;}
.company .history .his-lefttxt{font-size:48px;}
.company .history .box > div{max-width:none;}
.company .history .box .l-cont{max-width:480px;top:180px;}
.company .history .box .r-cont{width:auto;}
.company .history .box .r-cont ul{padding-left:64px;}
.company .history .box .r-cont ul li h3{font-size:30px;}
.company .history .box .r-cont ul li p{font-size:18px;}
}

@media (max-width:1024px){
.company .history .box{flex-direction:column;gap:40px;}
.company .history .box .l-cont{display:none;}
.company .history .box .r-cont { width: 100%}
.company .history .box .r-cont .his-media strong {font-size: 32px;display: block;margin-bottom: 10px;}
.company .history .box .r-cont ul{padding-top:20px;padding-left:46px;}
.company .history .his-media{display:block;margin:26px 0 10px;padding-left:30px;}
.company .history #hisbox01,
.company .history #hisbox02,
.company .history #hisbox03{padding-top:16px;}
.company .history .his-media img{width:100%;height:auto;display:block;border-radius:10px;}
.company .history .his-media span{display:block;margin-top:10px;font-size:14px;font-weight:500;color:#202020;}
.company .history .his-media:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#ddd;}
}



@media (max-width:768px){
.company .history .his-lefttxt{font-size:32px; }
.company .history .box{gap:30px;}
.company .history .box .r-cont ul{padding-left:46px;}
.company .history .box .r-cont ul li + li{margin-top:25px;}
.company .history .box .r-cont ul li h3{font-size:26px;margin-bottom: 2px;}
.company .history .box .r-cont ul li p{font-size:17px;line-height:1.5; padding-left: 13px;}
.company .history .box .r-cont ul li p:before{top:10px;}
.company .history .box .r-cont .bullet{left:-18px;width:40px;height:40px;}
.company .history .box .r-cont .bar{width:2px;}
}

@media (max-width:480px){
.company .history .his-lefttxt{font-size:28px;}
.company .history .box .l-cont .inbox .swiper-slide span{font-size:14px;}
.company .history .box .r-cont ul{padding-left:32px;}
.company .history .box .r-cont ul li h3{font-size:22px;}
.company .history .box .r-cont ul li p{font-size:15px;}
.company .history .box .r-cont ul li p span{font-size:13px;line-height: 1.2;margin: 0;}
.company .history .box .r-cont .bullet{left:-16px;width:36px;height:36px;}
}


/* 카탈로그 */
.catalog { }
.catalog h2 { font-size: 34px; text-align: center;margin-bottom: 70px}
.catalog .calist { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
.catalog .calist a { display:flex; align-items:center; gap:18px; padding:26px 28px; background:#F5F5F5; border:1px solid #F5F5F5; border-radius:12px; text-decoration:none; transition:background .2s ease, border-color .2s ease; }
.catalog .calist a i { flex:0 0 50px; width:50px; height:55px; background:url(/_public/images2/icon/pdf_ico.svg) center/cover no-repeat; }
.catalog .calist a span { flex:1; min-width:0; font-size:20px; font-weight:700; color:#111; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.catalog .calist a::after { content:""; flex:0 0 55px; width:55px; height:55px; background:url(/_public/images2/icon/down_rd_ico.svg) center/cover no-repeat; }
.catalog .calist a:hover { background:#E6E6E6; border-color:#111; }  /* 첨부파일 첫번째 박스 느낌 */
.catalog .calist a:focus-visible { outline:3px solid rgba(0,0,0,.35); outline-offset:3px; }


@media (max-width:1440px){
.catalog { padding:30px 20px; }
}

@media (max-width:1280px){
.catalog h2 { font-size: 30px}
.catalog .calist a span { font-size: 18px}
}


@media (max-width:1024px){
.catalog h2 { word-break: keep-all;font-size:24px; margin-bottom:40px; }
.catalog .calist { grid-template-columns:1fr; gap:16px; }
.catalog .calist a { padding:20px 10px; word-break: keep-all;}
.catalog .calist a span { font-size:16px; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.catalog .calist a i { width: 40px; height: 45px; background-size:contain;}
.catalog .calist a::after { width: 40px; height: 40px; background-size:contain;}
}



/* 위치안내 */
.company { }
.location > div[id^="locmap"] { display:none; }
.location > div#locmap01 { display:block; }
.location .mapbox {display: flex;flex-wrap: wrap;justify-content: space-between;}
.location .mapbox div {}
.location .mapbox div.leftbox { }
.location .mapbox div.leftbox h3 { font-size: 40px; }
.location .mapbox div.leftbox ul { margin: 40px 0; }
.location .mapbox div.leftbox ul li { font-size: 17px; margin-bottom: 30px; }
.location .mapbox div.leftbox ul li img { vertical-align: middle; }
.location .mapbox div.leftbox ul li:last-child { margin-bottom: 0}
.location .mapbox div.leftbox ul li span { font-weight: bold; display: inline-block; margin-right: 7px;}
.location .mapbox div.leftbox a { color: #04327B; display: inline-block;font-size: 16px; background: #fff; border: 1px solid #04327B;padding: 15px 20px; border-radius: 5px; font-weight: 600}
.location .mapbox div.leftbox ul li em { margin-left: 23px; letter-spacing: -0.5px; }
.location .mapbox div.leftbox ul li:first-child span { display: block; margin-bottom: 10px}
.location .mapbox div.leftbox a i { vertical-align: middle;background: url(/_public/images2/icon/link_icon_b.png); margin-left: 5px;width: 19px; height: 19px; display: inline-company;}
.location .mapbox div.leftbox a:hover { color: #fff; background: #04327B}
.location .mapbox div.leftbox a:hover i { background: url(/_public/images2/icon/link_icon_w.png); }
.location .mapbox div.mapbox { transition:all 0.3s; width: 800px; border: 1px solid #ccc; padding: 10px}
.root_daum_roughmap .cont { display: none !important;}

.location .mapbox .btarea button {text-align: center; margin: auto;display: block;background: #091125; padding: 20px 80px; font-weight: 500; border-radius: 5px; font-size: 18px; margin-top: 40px; color: #fff;}
.location .mapbox .btarea button:hover { background: #000; }

.tap_mu02 { }
.tap_mu02 ul { display: flex; gap:15px; margin-bottom: 50px;}
.tap_mu02 ul li { flex: 1; }
.tap_mu02 ul li a{ background: #F3F5F7; border-radius: 10px;font-size: 20px; padding: 18px 0; width: 100%; text-align: center; display: block;position: relative; font-weight: 500; color: #202020}
.tap_mu02 ul li a.on { background: #04327B; color: #fff}
.tap_mu02 ul li a:hover { background:#E4E9EE}
.tap_mu02 ul li a:hover.on { background: #04327B; color: #fff}


/* 제품소개 */
.swiper-slide { width: 100% !important}
.product .pro-info { display: flex; gap:50px}
.product .pro-info .infoimg { width: 690px; height: 480px; position:relative; overflow:hidden; border-radius:15px;background: #f1f2f6;display: flex;  align-items: center; justify-content: center;min-height: fit-content;}
.product .pro-info .infoimg img { width:100%; height:auto;  max-height: 100%; object-fit: contain; display:block; }
.product .pro-info .infoimg .slide_pagination{display:flex;gap:3px;justify-content:center; position: absolute; z-index: 9; bottom: 15px;}
.product .pro-info .infoimg .slide_pagination .swiper-pagination-bullet{width:8px;height:8px;border-radius:50%;background:rgba(0,0,0,.25);opacity:1;}
.product .pro-info .infoimg .slide_pagination .swiper-pagination-bullet-active{background:#f2c200;transform:scale(1.5);}
.product .pro-info .infotxt { padding: 20px 0;flex: 1; display: flex; flex-direction: column;  justify-content: space-between;}
.product .pro-info .infotxt h3 { font-size: 34px; margin-bottom: 30px;}
.product .pro-info .infotxt p { font-size: 19px; line-height: 1.5; word-break: keep-all;}
.product .pro-info .infotxt a {}
.product .pro-info .infotxt a:hover { color: #f98500;text-decoration: underline; }

.product .infoimg {position: relative;}
.product .infoimg em { background: #fff; bottom: 20px; right:20px; position: absolute; color: #04327B; font-size: 16px; font-weight: bold; padding: 3px 10px; border: 1px solid #04327B; border-radius: 5px; display:block;z-index: 9;}
.product .infoimg img { display: block;height: auto; }

.product .infotxt {position: relative;}
.product .infotxt em { background: #fff; color: #04327B; font-size: 16px; font-weight: bold; padding: 3px 10px; border: 1px solid #04327B; border-radius: 5px; display:inline-block; margin-bottom: 10px}
.product .infotxt img { display: block;height: auto; }


/* tablet */
@media all and (max-width:1600px) {
.product .pro-info .infotxt p { font-size: 18px; }
}


/* tablet */
@media all and (max-width:1440px) {
.location { padding: 0 20px}
.location .mapbox div.mapbox { width: 650px}
}


@media all and (max-width:1380px) {
.location .mapbox div.mapbox { width: 600px}
}

/* tablet */
@media all and (max-width:1280px) {
    .product .pro-info { padding: 20px}
    .product .pro-info .infotxt h3 { font-size: 30px; margin-bottom: 20px;}
    .product .pro-info .infotxt p { font-size: 17px}
    .product .pro-info .infotxt a { margin-top: 30px; padding: 14px;width: 100%; }
    .tap_mu02 ul li a{ font-size: 18px;}
    .location .mapbox div.leftbox h3 { font-size: 34px}

    .location .mapbox div.leftbox ul li:first-child span { margin-bottom: 10px}
    .location .mapbox div.leftbox ul li em { margin-left: 24px}
    .location .mapbox div.leftbox ul li { font-size: 16px}
    .location .mapbox div.mapbox { width: 500px}
}

/* mobile */
@media all and (max-width:1024px) {
    .product .pro-info { flex-direction: column; gap:20px}
    .product .pro-info .infoimg {width: 100%; height: auto;}
    .product .pro-info .infotxt h3 { font-size: 26px; margin-bottom: 20px;}
    .product .pro-info .infotxt p { font-size: 16px}
    .product .pro-info .infotxt a { font-size: 16px; margin-top: 30px; padding: 14px;width: 100%; }
    .tap_mu02 ul { gap:10px;flex-wrap: wrap }
    .tap_mu02 ul li { width: 48%; flex:auto;}
    .tap_mu02 ul li a{ font-size: 16px;padding: 13px 0;}
    .location .mapbox { flex-direction: column; width: 100%}
    .location .mapbox div.mapbox { width: 100%}
    .location .mapbox div.leftbox a { padding: 10px 20px; width: 100%; text-align: center; margin-bottom: 40px;}
}

/* mobile */
@media all and (max-width:768px) {
    .product .pro-info .infotxt h3 { font-size: 24px;margin-bottom: 10px;}
    .product .pro-info .infotxt { padding: 10px 0}
    .product .infotxt em { font-size: 14px}
    .location .mapbox div.leftbox h3 { font-size: 30px}
    .location .mapbox div.leftbox ul { margin: 30px 0;}
    .location .mapbox div.leftbox ul li { font-size: 15px}
    .location .mapbox div.leftbox ul li em { margin-left: 0}

}


/* 문의하기 */
.contactus .inquiry { display: flex;flex-wrap: wrap;justify-content: space-between;}
.contactus .inquiry .left-box { }
.contactus .inquiry .left-box h3{ font-size: 34px;}
.contactus .inquiry .left-box p { font-size: 17px; color: #787878; font-weight: 500}
.contactus .inquiry .left-box p strong {margin: 40px 0 10px; font-size: 19px; color: #000; display: block;}
.contactus .inquiry form { width: 900px; transition:all 0.3s;}

.contactus .inquiry .policy-box{margin-top:50px;}
.contactus .inquiry .policy-box > h3{font-size: 18px;font-weight: bold;color: #121212;}
.contactus .inquiry .policy-box > h3 span { color:#787878}
.contactus .inquiry .policy-box .policy-txt{margin-top:20px;height:220px;border-radius: 10px;background-color: #fff;overflow-y: auto;padding:20px; font-size: 15px;font-weight: 500;line-height: 1.67;color: #787878; border: 1px solid #ccc; word-break: keep-all;}
.contactus .inquiry .policy-box .policy-txt p.p-box { padding:0; }
.contactus .inquiry .policy-box .policy-txt p { color:#787878; margin-bottom: 30px}
.contactus .inquiry .policy-box .policy-txt h4 {}
.contactus .inquiry .policy-box .chk{margin-top:20px;}
.contactus .inquiry .button-box{margin-top:50px;display: flex;gap:20px;justify-content: center;}
.contactus .inquiry .button-box button{display: flex;align-items: center;justify-content: center;width:290px;height:60px; border: solid 1px #232220;background: #232220;color:#fff;font-size: 17px;font-weight: 500;}
.contactus .inquiry .button-box button:first-child{background: #fff;color:#232220}
.contactus .btarea button {text-align: center; margin: auto;display: block;background: #091125; padding: 20px 80px; font-weight: 500; border-radius: 999px; font-size: 18px; margin-top: 40px; color: #fff;}
.contactus .btarea button:hover { background: #000; }



.form-box{}
.form-box .field-row{display:flex;gap:20px;flex-direction: column;}
.form-box .field-row + .field-row{margin-top:30px;}
.form-box .field-row .field-col{ min-width:320px;}
.form-box .field-row .field-col.full{flex:0 0 100%;min-width:100%;}

.form-box .field-row .field-col .label{font-size:18px;font-weight:600;color:#121212;}
.form-box .field-row .field-col .label em{color:#FE4715;font-style:normal;}
.form-box .field-row .field-col .field{margin-top:10px;}

.form-box .field-row .field-col .field input{border-radius:10px;border:0;outline:none;}
.form-box .field-row .field-col .field textarea{border-radius:10px;border:0;outline:none;}

.form-box .field-row .field-col .field input[type="text"],
.form-box .field-row .field-col .field input[type="password"],
.form-box .field-row .field-col .field input[type="number"],
.form-box .field-row .field-col .field input[type="tel"],
.form-box .field-row .field-col .field input[type="date"],
.form-box .field-row .field-col .field input[type="email"]{width:50%;height:60px;background:#F2F2F2;padding:0 20px;font-size:17px;font-weight:500;}

.form-box .field-row .field-col .field input[type="text"]::placeholder,
.form-box .field-row .field-col .field input[type="password"]::placeholder,
.form-box .field-row .field-col .field input[type="tel"]::placeholder,
.form-box .field-row .field-col .field input[type="number"]::placeholder,
.form-box .field-row .field-col .field input[type="date"]::placeholder,
.form-box .field-row .field-col .field input[type="email"]::placeholder{color:#999;}

.form-box .field-row .field-col .field textarea{width:100%;height:240px;background:#F2F2F2;padding:20px;font-size:17px;font-weight:500;resize:none;}
.form-box .field-row .field-col .field textarea::placeholder{color:#999;}

.form-box .field-row .field-col .field input[name="subject"] { width: 100% }

/* 이메일: 2칸 + @ + 셀렉트 */
.form-box .field-row .field-col .field.eminp{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;}
.form-box .field-row .field-col .field.eminp input{min-width:0;}
.form-box .field-row .field-col .field.eminp input:first-child { width: 20%}
.form-box .field-row .field-col .field.eminp input[name="email2"]{width: 26%}
.form-box .field-row .field-col .field.eminp .at{font-weight:800;color:#8C8C8C;}
.form-box .field-row .field-col select{width:26%; font-size: 16px;border: 1px solid #ddd; height:60px; border-radius: 10px;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:40px; padding-left: 10px; color: #000}
.form-box .field-row .field-col select:hover {border: 1px solid #000; }

/* 연락처: select + 4자리 + 4자리 */
.form-box .field-row .field-col .field.hp{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;}
.form-box .field-row .field-col .field.hp select{width:20%}
.form-box .field-row .field-col .field.hp input{width:110px;max-width:140px; }
.form-box .field-row .field-col .field.hp .dash{font-weight:900;color:#8C8C8C;}
.form-box .field-row .field-col .field input[name="title"]{width: 100%}

.form-box .filebox{margin-top:30px;}
.form-box .filebox .label{font-size:18px;font-weight:600;color:#121212;margin-bottom:10px;}
.form-box .filebox .fileui{display:flex;gap:14px;align-items:center;}
.form-box .filebox .fileui .fileinp{flex:1;position:relative;}
.form-box .filebox .filebox .fileui .fileinp{;}
.form-box .filebox .fileui .fileinp .filetxt{width:100%;height:60px;border:0;border-radius:10px;background:#F2F2F2;padding:0 54px 0 20px;font-size:17px;font-weight:500;outline:none;}
.form-box .filebox .fileui .fileinp .filetxt::placeholder{color:#999;}
.form-box .filebox .fileui .fileinp .fileclear{ position:absolute;right:16px;top:50%;transform:translateY(-50%);width:30px;height:30px;cursor:pointer;}
.form-box .filebox .fileui .fileinp .fileclear::before{content:"";position:absolute;left:50%;top:50%;width:20px;height:20px;transform:translate(-50%,-50%);background:url(/_public/images2/icon/ico_del2.png) no-repeat center/contain;}
.form-box .filebox .fileui .filebtn{flex:0 0 150px;height:60px;border:1px solid #1E3A8A;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#1E3A8A;background:#fff;cursor:pointer;}
.form-box .filebox .fileui .filebtn input[type="file"]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;}



@media all and (max-width:1280px) {
.contactus .location div.leftbox ul { margin: 30px 0}
.contactus .location div.leftbox { margin-bottom: 30px}
.contactus .location div.leftbox h3 { font-size: 30px}
.contactus .location div.leftbox ul li { font-size: 15px; margin-bottom: 16px}
.contactus .location div.leftbox ul li span { margin-right: 8px}
.contactus .location div.mapbox { width: 640px !important; }

.contactus .inquiry { margin-top: 20px; padding: 0 20px}
.contactus .inquiry form { width: 740px}
.contactus .inquiry .left-box h3 { font-size: 30px}
.contactus .inquiry .left-box p { font-size: 16px}
.contactus .inquiry .left-box p strong { font-size: 18px}


.form-box .field-row .field-col .field { margin-top: 5px}
.form-box .field-row .field-col .label { font-size: 15px}
.form-box .field-row .field-col .field input[type="text"],
.form-box .field-row .field-col .field input[type="password"],
.form-box .field-row .field-col .field input[type="tel"],
.form-box .field-row .field-col .field input[type="number"],
.form-box .field-row .field-col .field input[type="date"],
.form-box .field-row .field-col .field input[type="email"]{height:55px;padding:0 15px;font-size: 15px;font-weight: 500; border-radius: 6px}
.form-box .field-row + .field-row { margin-top: 18px}
.form-box .field-row .field-col .field textarea { font-size: 15px; padding: 15px; height: 120px;border-radius: 6px}
}


@media all and (max-width:1024px) {
    .contactus .location { flex-direction: column;}
   .contactus .location div.mapbox { width: 100% !important}
   .contactus .location div.leftbox ul li img { width: 18px; }
   .contactus .inquiry form  { margin-top: 40px; width: 100%;}
   .contactus .inquiry .left-box h3 { font-size: 28px; word-break: keep-all;}
   .contactus .inquiry .left-box h3 br { display: none;}
   .contactus .inquiry .left-box p strong { margin: 20px 0 5px}
   .contactus .inquiry .left-box p { font-size: 15px}
   .form-box .field-row { gap:10px }

   .form-box .field-row .field-col .field input[type="text"],
   .form-box .field-row .field-col .field input[type="password"],
   .form-box .field-row .field-col .field input[type="number"],
   .form-box .field-row .field-col .field input[type="tel"],
   .form-box .field-row .field-col .field input[type="date"],
   .form-box .field-row .field-col .field input[type="email"]{width:100%;height:60px;padding:0 20px;font-size:16px;}
   .form-box .field-row .field-col .field.eminp input:first-child{ width: 30%}
   .form-box .field-row .field-col .field.eminp input[name="email2"] { width: 62%}

   .contactus .btarea button {font-size: 16px; }

}
@media (max-width:768px){
.form-box .field-row{flex-direction:column;}
.form-box .field-row .field-col{min-width:100%;}
.form-box .field-row .field-col .field.eminp{flex-wrap:wrap;}
.form-box .field-row .field-col .field.eminp select{width:100%;}
.form-box .field-row .field-col .field.hp{flex-wrap:wrap;}
.form-box .field-row .field-col .field.hp select{flex:0 0 110px;}
.form-box .field-row .field-col .field.hp input{flex:1;}
.form-box .field-row .field-col .field.hp .dash{display:none;}

.form-box .filebox { margin-top: 15px}
.form-box .filebox .fileui{ align-items:stretch;}
.form-box .filebox .label { font-size: 16px}
.form-box .filebox .fileui .filebtn{flex:0 0 auto;width: 26%;margin: 0;}

.form-box .filebox .fileui .fileinp .filetxt { font-size: 15px}
}

@media all and (max-width:420px) {
.form-box .field-row .field-col .field.eminp input[name="email2"] { width: 60%}
}