@charset "utf-8";
@import url("font.css");

/* 태그초기화 */
*{margin:0; padding:0; box-sizing:border-box;}
html, body, h1, h2, h3, h4, h5, h6, hr, div, dl, dd, dt, ul, li, ol, form, fieldset, caption, table, th, td, textarea, select, iframe, input, legend, p, img, pre, q, button, blockquote{margin:0px; padding:0px;}
html, body{-webkit-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;-webkit-overflow-scrolling: touch;font-family: "Pretendard", sans-serif;     word-break: keep-all;font-weight:400; font-size:16px; color:#212529; line-height:24px;letter-spacing: -0.01em;}
h1, h2, h3, h4, h5, h6{font-size:inherit;}
ul, ol{list-style:none;}																																  
button{border:0px; background:none; cursor:pointer; font:inherit; vertical-align:middle;}
fieldset{border: 0;}
/* iframe{width: 0;height: 0;position: absolute;bottom: 0;left: 0;} */
em, address, i{ font-style:normal;}
img{border:0px; vertical-align:top;max-width:100%;}
a{text-decoration:none; color:#2c2c2c;}
table{position: relative;width:100%; border-spacing:0px; border-collapse:collapse;table-layout: fixed;}
caption{position: relative;width: 0px;height:0px;clip: rect(0,0,0,0);overflow: hidden;visibility:hidden;}
legend{position: absolute;width: 1px;height: 1px;clip: rect(0,0,0,0);overflow: hidden;}
input[type="checkbox"], input[type="radio"]{border:0px;}
strong{font-weight: 700;}
input[type="text"],input[type="tel"],input[type="password"],input[type="email"],input[type="date"]{padding:15px 12px;font-family: "Pretendard";font-size:16px;color:#525252;border-radius:10px;line-height:24px;font-weight:400;border:1px solid #BEC4CC;}
.error-inp{border-color:#F63D68 !important;background-color: #FFF1F3 !important;color:#F63D68 !important;}
.error-inp-text{margin:4px;color:#F63D68;font-size:12px;line-height:28px;}
.right-inp{border-color:#5993FB !important;background-color: #ecf3ff !important;color: #5993FB !important;}
.right-inp-text{margin:4px;color:#5993FB;font-size:12px;line-height:28px;}
a:focus, button:focus,input:focus,select:focus,textarea:focus{outline:none !important;}
textarea{width:100%;height:150px;padding:13px 12px;resize:none;font-family: 'Pretendard';border:1px solid #BEC4CC;border-radius:10px;font-size: inherit;}
select{height:50px;padding:14px 12px;background:#fff url("../images/common/icon-select-arr.svg")no-repeat;background-position-y: 50%;background-position-x: calc(100% - 12px);-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius:10px;outline:none;font-family: "Pretendard";background-size:18px 18px;border:1px solid #E3E3E3;color:#A3A3A3;font-size: 14px;font-weight:700;line-height: 22px;}
select option {padding:5px 0;font-weight: 400;font-size: 14px;line-height: 26px;color:#373944;background-color:#fff;}
::selection {background-color: #0596DB ; color: #fff; }

.container{width:100%;max-width: 1424px;margin:0 auto;padding:0 12px;}
.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {position: absolute !important;width: 1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;clip: rect(0, 0, 0, 0) !important;white-space: nowrap !important;border: 0 !important;}
.hidden{overflow:hidden;}
#dim{display:none;position: absolute;width:100% !important;height:100%;top: 0;left: 0;z-index: 9999;background-color: rgba(0, 0, 0, 0.7);}
#dim.open{display:block;}
.wrap{overflow: hidden;}
.contents{padding-bottom:80px;}
.d-none{display:none;}
.d-block{display:block;}
/* #container {margin-top: 100px;} */

/* scroll-bar */
.scroll-bar{overflow-y: auto;}
.scroll-bar::-webkit-scrollbar {width: 6px;height:30px;background-color: #EBEBEB;}
.scroll-bar::-webkit-scrollbar-thumb {border-radius: 6px;background-color: #C8C8C8;}
.scroll-bar-x{overflow-x: auto;}
.scroll-bar-x::-webkit-scrollbar {width: 30px;height:6px;background-color: #EBEBEB;}
.scroll-bar-x::-webkit-scrollbar-thumb {border-radius: 6px;background-color: #C8C8C8;}

/* placeholder */
input:-internal-autofill-selected{background:none;}
::placeholder{color: #B8BFC8 !important; opacity:1;font-weight: 500;font-size: 16px;line-height: 24px;font-family: 'Pretendard';}
:-ms-input-placeholder{color: #B8BFC8 !important; opacity:1;font-weight: 500;font-size: 16px;line-height: 24px;font-family: 'Pretendard';}
::-ms-input-placeholder{color: #B8BFC8 !important; opacity:1;font-weight: 500;font-size: 16px;line-height: 24px;font-family: 'Pretendard';}

.skip-navi {overflow:hidden; position:relative; width:100%; z-index:9999;}
.skip-navi a {display:flex; align-items:center;justify-content:center;font-size:0; height: 1px; line-height:0; margin:0 -1px -1px 0; overflow:hidden;text-align:center; width:1px;}
.skip-navi a:focus, .skip-navi a:hover, .skip-navi a:active {background:#000; color:#fff; font-size:inherit; font-weight:700; padding:10px 0;margin:0; height:40px;margin:0; width:auto;} 

/* 공통클래스 */
.nodata{width:100% !important;margin:0 auto;padding:40px 0 !important;text-align:center !important;color:#999 !important;font-size: inherit !important;font-weight: 400 !important;background: none !important;}
.nodata.bor{border-top:1px solid #D8DADF;}
.nodata-img{display: flex;align-items: center;justify-content: center;padding:220px 0 165px;width: 100% !important;text-align:center;color:#959CA7;border-radius: 10px;border: 1px solid #D8DADF;font-weight:700;font-size:18px;line-height:30px;background:#fff url("../images/sub/icon-none.svg")no-repeat 50% 110px;}
.ellipsis-1{width: 100%;overflow: hidden;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break: break-all;}
.ellipsis-2{width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box !important;-webkit-box-orient: vertical;white-space: inherit;-webkit-line-clamp: 2; word-break: break-all;}
.ellipsis-3{width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;white-space: inherit;-webkit-line-clamp: 3; word-break: break-all;}
.w-100{width:100% !important;}
.w-220px{width:220px !important;}
.tl{text-align:left !important;}
.d-none{display:none;}
.d-flex{display:flex;}
.d-lg-none{display:none;}
.justify-content-between{justify-content:space-between;}
.over-x-auto{overflow-x:auto;}
.pt-0{padding-top:0 !important;}
.pb-0{padding-bottom:0 !important;}
.new{display:inline-block;width:24px;height:24px;margin-left:5px;border-radius:8px;color:#fff;background-color: #FF9330;font-weight:700;line-height:24px;font-size:13px;text-align:center;}

/* btn */
.btn-center{display:flex;justify-content:center;}
.btn-end{display:flex;justify-content:flex-end;margin-top:30px;}
.btn-between{display:flex;justify-content:space-between;margin-top:30px;}
.btn3{justify-content:space-between;}
.btns{display:flex;align-items:center;column-gap:8px;}
.btn{display: flex;align-items: center;justify-content: center;font-weight: 700;text-align: center;vertical-align: middle;background-color: transparent;border: 0;cursor: pointer;transition: background .3s,border .3s;border-radius:56px;font-family: 'Pretendard';}
.btn:disabled{background-color: #FAFAFA;border:1px solid #E3E3E3;color:#C8C8C8;}

.btn-lg{padding:14px 13px;font-size:18px;line-height:26px;}
/* .btn-md{padding:11px 20px;}
.btn-sm{padding:8px 15px;font-size: 14px;line-height: 22px;} */

.btn-primary{background-color: #0596DB;border:1px solid #0596DB;color:#fff;}
.btn-white{background-color: #fff;border:1px solid #fff;color:#434B53;}
.btn-secondary{background-color: #023168;border:1px solid #023168;color:#fff;}
.btn-outline-neutral{background-color: #fff;border:1px solid #BEC4CC;color:#434B53;}
/* .btn-primary:hover{background-color: #FD781B;border:1px solid #FD781B;color:#fff;} */


/* badge */
.badges{display:flex;gap:5px;}
.badge{display: inline-block;padding:3px 10px;border-radius:8px;font-weight:700;line-height:20px;font-size:13px;border:1px solid transparent;}


/* badge 숫자 */



/* font color */
.text-primary{color:#0596DB !important;}

/* margin,padding */
.m0{margin:0 !important;}
.mt-80{margin-top:80px;}
.mb-20{margin-bottom:20px !important;}

/* checkbox */
.form-check{display: flex;align-items: center;}
.form-check input[type=checkbox]{width: 20px;height: 20px;margin-right: 6px;cursor:pointer;background-size: 100%;-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-print-color-adjust: exact;background-image: url("../images/common/icon-checkbox-off.svg");border-radius:0;}
.form-check label{width: calc(100% - 26px);color:#212529;cursor:pointer;font-weight:500;}
.form-check input:checked[type=checkbox]{background-image: url("../images/common/icon-checkbox-on.svg");}


/* 아이콘 */
.icon-top{width:34px;height:34px;background:url("../images/common/icon-top.svg");}
.icon-inquiry{width:34px;height:34px;background:url("../images/common/icon-inquiry.svg");}
.icon-solution{width:34px;height:34px;background:url("../images/common/icon-solution.svg");}
.icon-down{width:28px;height:33px;background:url("../images/main/icon-down.svg");}
.icon-view-more{width:34px;height:34px;margin-left:10px;background:url("../images/main/icon-view-more.svg");}
.icon-sec4-item1{width:140px;height:140px;background:url("../images/main/icon-sec4-item1.svg");background-size: 100%;}
.icon-sec4-item2{width:140px;height:140px;background:url("../images/main/icon-sec4-item2.svg");background-size: 100%;}
.icon-sec4-item3{width:140px;height:140px;background:url("../images/main/icon-sec4-item3.svg");background-size: 100%;}
.icon-contact-b{width:28px;height:28px;margin-left:6px;background:url("../images/main/icon-contact-b.svg");}
.icon-contact-w{width:28px;height:28px;margin-left:6px;background:url("../images/main/icon-contact-w.svg");}
.icon-external{width:24px;height:24px;margin-left:8px;background:url("../images/sub/icon-external.svg");}
.icon-external-w{width:24px;height:24px;margin-left:8px;background:url("../images/sub/icon-external-w.svg");}
.icon-btn-allmenu{width:44px;height:44px;background:url("../images/common/icon-btn-allmenu.svg");}
.icon-allmenu-clse{width:40px;height:40px;background:url("../images/common/icon-allmenu-clse.svg");}
.icon-familysite{width:18px;height:18px;margin-right:6px;background:url("../images/common/icon-familysite.svg");}
.icon-tel{width:28px;height:28px;margin-right:10px;background:url("../images/common/icon-tel.svg");}
.icon-email{width:28px;height:28px;margin-right:10px;background:url("../images/common/icon-email.svg");}
.icon-inquiry-tel{width:80px;height:80px;background:url("../images/sub/icon-inquiry-tel.svg");}
.icon-inquiry-fax{width:80px;height:80px;background:url("../images/sub/icon-inquiry-fax.svg");}
.icon-inquiry-email{width:80px;height:80px;;background:url("../images/sub/icon-inquiry-email.svg");}
.icon-doc{width:40px;height:40px;margin-right:8px;background:url("../images/sub/icon-doc.svg");}
.icon-subway{width:24px;height:24px;background:url("../images/sub/icon-subway.svg");}
.icon-bus{width:24px;height:24px;background:url("../images/sub/icon-bus.svg");}
.icon-site{width:44px;height:37px;background:url("../images/common/icon-site.svg");transition:.3s;}
.icon-sol-01{width:80px;height:80px;background:url("../images/sub/icon-sol-01.svg");}
.icon-sol-02{width:80px;height:80px;background:url("../images/sub/icon-sol-02.svg");}
.icon-sol-03{width:80px;height:80px;background:url("../images/sub/icon-sol-03.svg");}
.icon-sol-04{width:80px;height:80px;background:url("../images/sub/icon-sol-04.svg");}
.icon-sol-05{width:80px;height:80px;background:url("../images/sub/icon-sol-05.svg");}
.icon-sol-06{width:80px;height:80px;background:url("../images/sub/icon-sol-06.svg");}
.icon-sol-07{width:80px;height:80px;background:url("../images/sub/icon-sol-07.svg");}
.icon-sol-08{width:80px;height:80px;background:url("../images/sub/icon-sol-08.svg");}
.icon-sol-09{width:80px;height:80px;background:url("../images/sub/icon-sol-09.svg");}
.icon-sol-10{width:80px;height:80px;background:url("../images/sub/icon-sol-10.svg");}
.icon-sol-11{width:80px;height:80px;background:url("../images/sub/icon-sol-11.svg");}
.icon-sol-12{width:80px;height:80px;background:url("../images/sub/icon-sol-12.svg");}
.icon-sol-13{width:80px;height:80px;background:url("../images/sub/icon-sol-13.svg");}
.icon-sol-14{width:80px;height:80px;background:url("../images/sub/icon-sol-14.svg");}
.icon-sol-15{width:80px;height:80px;background:url("../images/sub/icon-sol-15.svg");}
.icon-sol-16{width:80px;height:80px;background:url("../images/sub/icon-sol-16.svg");}
.icon-sol-17{width:80px;height:80px;background:url("../images/sub/icon-sol-17.svg");}
.icon-sol-18{width:80px;height:80px;background:url("../images/sub/icon-sol-18.svg");}

.icon-sol2-01{width:80px;height:80px;background:url("../images/sub/icon-sol2-01.svg");}
.icon-sol2-02{width:80px;height:80px;background:url("../images/sub/icon-sol2-02.svg");}
.icon-sol2-03{width:80px;height:80px;background:url("../images/sub/icon-sol2-03.svg");}
.icon-sol2-04{width:80px;height:80px;background:url("../images/sub/icon-sol2-04.svg");}
.icon-sol2-05{width:80px;height:80px;background:url("../images/sub/icon-sol2-05.svg");}
.icon-sol2-06{width:80px;height:80px;background:url("../images/sub/icon-sol2-06.svg");}
.icon-sol2-07{width:80px;height:80px;background:url("../images/sub/icon-sol2-07.svg");}
.icon-sol2-08{width:80px;height:80px;background:url("../images/sub/icon-sol2-08.svg");}
.icon-sol2-09{width:80px;height:80px;background:url("../images/sub/icon-sol2-09.svg");}
.icon-sol2-10{width:80px;height:80px;background:url("../images/sub/icon-sol2-10.svg");}
.icon-sol2-11{width:80px;height:80px;background:url("../images/sub/icon-sol2-11.svg");}
.icon-sol2-12{width:80px;height:80px;background:url("../images/sub/icon-sol2-12.svg");}
.icon-sol2-13{width:80px;height:80px;background:url("../images/sub/icon-sol2-13.svg");}
.icon-sol2-14{width:80px;height:80px;background:url("../images/sub/icon-sol2-14.svg");}
.icon-sol2-15{width:80px;height:80px;background:url("../images/sub/icon-sol2-15.svg");}
.icon-sol2-16{width:80px;height:80px;background:url("../images/sub/icon-sol2-16.svg");}
.icon-sol2-17{width:80px;height:80px;background:url("../images/sub/icon-sol2-17.svg");}
.icon-sol2-18{width:80px;height:80px;background:url("../images/sub/icon-sol2-18.svg");}

.icon-sol3-01{width:80px;height:80px;background:url("../images/sub/icon-sol3-01.svg");}
.icon-sol3-02{width:80px;height:80px;background:url("../images/sub/icon-sol3-02.svg");}
.icon-sol3-03{width:80px;height:80px;background:url("../images/sub/icon-sol3-03.svg");}
.icon-sol3-04{width:80px;height:80px;background:url("../images/sub/icon-sol3-04.svg");}
.icon-sol3-05{width:80px;height:80px;background:url("../images/sub/icon-sol3-05.svg");}
.icon-sol3-06{width:80px;height:80px;background:url("../images/sub/icon-sol3-06.svg");}
.icon-sol3-07{width:80px;height:80px;background:url("../images/sub/icon-sol3-07.svg");}
.icon-sol3-08{width:80px;height:80px;background:url("../images/sub/icon-sol3-08.svg");}
.icon-sol3-09{width:80px;height:80px;background:url("../images/sub/icon-sol3-09.svg");}
.icon-sol3-10{width:80px;height:80px;background:url("../images/sub/icon-sol3-10.svg");}
.icon-sol3-11{width:80px;height:80px;background:url("../images/sub/icon-sol3-11.svg");}
.icon-sol3-12{width:80px;height:80px;background:url("../images/sub/icon-sol3-12.svg");}
.icon-sol3-13{width:80px;height:80px;background:url("../images/sub/icon-sol3-13.svg");}
.icon-sol3-14{width:80px;height:80px;background:url("../images/sub/icon-sol3-14.svg");}
.icon-sol3-15{width:80px;height:80px;background:url("../images/sub/icon-sol3-15.svg");}
.icon-sol3-16{width:80px;height:80px;background:url("../images/sub/icon-sol3-16.svg");}
.icon-sol3-17{width:80px;height:80px;background:url("../images/sub/icon-sol3-17.svg");}
.icon-sol3-18{width:80px;height:80px;background:url("../images/sub/icon-sol3-18.svg");}

.icon-sol4-01{width:80px;height:80px;background:url("../images/sub/icon-sol4-01.svg");}
.icon-sol4-02{width:80px;height:80px;background:url("../images/sub/icon-sol4-02.svg");}
.icon-sol4-03{width:80px;height:80px;background:url("../images/sub/icon-sol4-03.svg");}
.icon-sol4-04{width:80px;height:80px;background:url("../images/sub/icon-sol4-04.svg");}
.icon-sol4-05{width:80px;height:80px;background:url("../images/sub/icon-sol4-05.svg");}
.icon-sol4-06{width:80px;height:80px;background:url("../images/sub/icon-sol4-06.svg");}
.icon-sol4-07{width:80px;height:80px;background:url("../images/sub/icon-sol4-07.svg");}
.icon-sol4-08{width:80px;height:80px;background:url("../images/sub/icon-sol4-08.svg");}
.icon-sol4-09{width:80px;height:80px;background:url("../images/sub/icon-sol4-09.svg");}
.icon-sol4-10{width:80px;height:80px;background:url("../images/sub/icon-sol4-10.svg");}
.icon-sol4-11{width:80px;height:80px;background:url("../images/sub/icon-sol4-11.svg");}
.icon-sol4-12{width:80px;height:80px;background:url("../images/sub/icon-sol4-12.svg");}

.icon-sol5-01{width:80px;height:80px;background:url("../images/sub/icon-sol5-01.svg");}
.icon-sol5-02{width:80px;height:80px;background:url("../images/sub/icon-sol5-02.svg");}
.icon-sol5-03{width:80px;height:80px;background:url("../images/sub/icon-sol5-03.svg");}
.icon-sol5-04{width:80px;height:80px;background:url("../images/sub/icon-sol5-04.svg");}
.icon-sol5-05{width:80px;height:80px;background:url("../images/sub/icon-sol5-05.svg");}
.icon-sol5-06{width:80px;height:80px;background:url("../images/sub/icon-sol5-06.svg");}
.icon-sol5-07{width:80px;height:80px;background:url("../images/sub/icon-sol5-07.svg");}
.icon-sol5-08{width:80px;height:80px;background:url("../images/sub/icon-sol5-08.svg");}
.icon-sol5-09{width:80px;height:80px;background:url("../images/sub/icon-sol5-09.svg");}
.icon-sol5-10{width:80px;height:80px;background:url("../images/sub/icon-sol5-10.svg");}
.icon-sol5-11{width:80px;height:80px;background:url("../images/sub/icon-sol5-11.svg");}
.icon-sol5-12{width:80px;height:80px;background:url("../images/sub/icon-sol5-12.svg");}

.icon-service-01{width:200px;height:160px;background:url("../images/sub/icon-service-01.svg");}
.icon-service-02{width:200px;height:160px;background:url("../images/sub/icon-service-02.svg");}
.icon-service-03{width:200px;height:160px;background:url("../images/sub/icon-service-03.svg");}
.icon-service-04{width:200px;height:160px;background:url("../images/sub/icon-service-04.svg");}
.icon-service-05{width:200px;height:160px;background:url("../images/sub/icon-service-05.svg");}
.icon-service-06{width:200px;height:160px;background:url("../images/sub/icon-service-06.svg");}
[class^=icon-]{display: inline-block;vertical-align: middle;background-repeat: no-repeat !important;background-position: 50% 50% !important;background-size: 100% !important;transition:.3s ease-in-out;}



/* swiper */
.swiper-pagination-bullet{opacity:1 !important;}
.swiper-button-prev, .swiper-button-next{display: flex;align-items: center;justify-content: center;border-radius: 50%;padding: 0;line-height: 1;opacity: 1 !important;margin: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.swiper-button-next:after,.swiper-button-prev:after{display:none;}
.swiper-button-disabled{opacity:0.35 !important;}

/* header */
.header {position:fixed;z-index:999;width: 100%;left: 0;top: 0;transition:.3s;transform: translateY(-100%);padding:25px 0 24px;transition: ease 0.4s;background: #fff;border-bottom:1px solid #D9DFE8;}
.header.fix{transform: translateY(0);}
.header >.container{display:flex;align-items:center;justify-content: space-between;}
.header .lf{display:flex;align-items:center;}
.header .logo{margin-right:87px;}

/* gnb */
.header .gnb{display:block;}
.header .gnb .dp1{display:flex;gap:40px;}
.header .gnb .dp1 > li> a{position:relative;display:flex;align-items:center;justify-content:center;padding:5px 15px;color:#212529;font-size:20px;font-weight:700;line-height:30px;}	
.header .gnb .dp1 >li >a:hover,.header .gnb .dp1 >li.active >a{color:#0596DB;}
.header .gnb .dp1 >li >a::after{display:block;width:0;height:2px;position:absolute;bottom:0;left:50%;content:'';background:#0596DB;transition:.3s;}
.header .gnb .dp1 >li >a:hover::after,.header .gnb .dp1 >li.active >a::after{left:0;width:100%;}

.header .all-menu{position: absolute;overflow-x: hidden;top:0;left:0;width: 100%;height: 0;background: #0F1126;z-index: 999;transition: height .3s;visibility: hidden;}
.header .all-menu.active{height:100vh;visibility: visible;transition: height .3s;}
.header .all-menu::before{display:block;position:absolute;bottom:0;left:-100%;width:100%;height:390px;transition:.3s;content:'';background: url("../images/common/bg-allmenu-1.png")no-repeat;background-size: 100%;z-index: -1;transition:.5s .3s;}
.header .all-menu.active::before{left:0;}
.header .all-menu::after{display:block;position:absolute;bottom:0;right:-100%;width:636px;height:323px;content:'';background: url("../images/common/bg-allmenu-2.png")no-repeat;background-size: 100%;z-index: -1;transition:.5s .32s;}
.header .all-menu.active::after{right:-38px;}
.header .all-menu .top{padding:21px 60px;border-bottom: 1px solid rgba(255, 255, 255, 0.20);}
.header .all-menu .btn-clse{display:flex;align-items:center;justify-content:center;position:absolute;top:10px;right:60px;width:60px;height:60px;}
.header .all-menu .container{position:relative;height: calc(100vh - 93px);overflow: auto;}

.header .all-menu .all-gnb{display: flex;padding: 4vw 0 0;}
.header .all-menu .all-gnb .dp1 >li:not(:last-child){margin-bottom:40px;}
.header .all-menu .all-gnb .dp1 >li >a{position:relative;transform: translateY(100%);transition:all .85s .35s;display:flex;align-items:center;padding:15px 20px;color:#FFFFFF;font-size:62px;font-weight:700;line-height:88px;}
.header .all-menu.active .all-gnb .dp1 >li >a{transform: translateY(0);}
.header .all-menu .all-gnb .dp1 >li:nth-child(2) >a{transition-delay:.4s;}
.header .all-menu .all-gnb .dp1 >li:nth-child(3) >a{transition-delay:.45s;}
.header .all-menu .all-gnb .dp1 >li:nth-child(4) >a{transition-delay:.5s;}
.header .all-menu .all-gnb .dp1 >li >a:hover,.header .all-menu .all-gnb .dp1 >li.active >a{color:#44AFE3;}
.header .all-menu .all-gnb .dp1 >li >a::after{display:block;width:0;height:2px;position:absolute;bottom:0;left:50%;content:'';background:#44AFE3;transition:.3s;}
.header .all-menu .all-gnb .dp1 >li >a:hover::after,.header .all-menu .all-gnb .dp1 >li.active >a::after{left:0;width:100%;}


.header .contact-box {position:absolute;right:0;top: 400px;bottom:150px;transform: translateY(100%);transition:all .85s .45s;}
.header .contact-box{transform: translateY(0);}
.header .contact-box .family-site-list {margin-bottom:40px;}
.header .contact-box .family-site-list dt{display: flex;align-items: center;margin-bottom:10px;color:#fff;font-weight: 700;line-height: 26px;}
.header .contact-box .family-site-list .btn-select{width:350px;background-color: #fff;color:#646D76;}
.header .contact-box .family-site-list .btn-select::after{position:absolute;right:12px;transition:.3s;width:18px;height:18px;background:url("../images/common/icon-select-arr-g.svg")no-repeat;content:'';}
.header .contact-box .family-site-list .btn-select.on::after{transform:rotate(-180deg);}
.header .contact-box .family-site-list .list-wrap{bottom:-145px;width:350px;background-color: #fff;border-color:#BEC4CC}
.header .contact-box .family-site-list li a{color:#646D76;}
.header .contact-box .family-site-list li a:hover{color:#44AFE3;}
.header .contact-box .contact p{display: flex;align-items: center;margin-bottom:6px;font-size: 24px;font-weight: 700;line-height: 36px;color:#fff;}
.header .contact-box .addr{margin:9px 0 20px;color: #FFF;}
.header .contact-box .copy{color:#B8BFC8;}



/* footer */
.footer{position: relative;z-index: 10;padding:63px 0 64px;background:#292E33;color:#7D8790;}
.foot-top{display: flex;align-items: center;justify-content: space-between;padding-bottom:10px;margin-bottom:30px;border-bottom:1px solid rgba(255,255,255,0.1);}
.foot-btm{display:flex;justify-content:space-between;align-items: center;}
.foot-btm .addr{display:flex;flex-direction:column;gap:30px;font-size: 14px;font-weight: 500;line-height: 21px;}

.family-site-list{position:relative;}
.family-site-list .sns-list{display:flex;gap:15px;margin-bottom:20px;}
.family-site-list .btn-select{position:relative;display:flex;align-items:center;width:240px;height:48px;padding:14px 12px;font-size:14px;border:1px solid #424951;text-align: left;border-radius:8px;color:#FFFFFF;font-weight:500;background-color: #424951;}
.family-site-list .btn-select::after{position:absolute;right:12px;transition:.3s;width:18px;height:18px;background:url("../images/common/icon-select-arr.svg")no-repeat;content:'';}
.family-site-list .btn-select.on::after{transform:rotate(-180deg);}
.family-site-list .list-wrap{display:none;width:240px;z-index: 9999;position: absolute;bottom:54px;padding:12px;overflow:auto;background: #424951;border:1px solid #424951;border-radius:8px;}
.family-site-list .list-wrap.on{display:block;}
.family-site-list .list{display:flex;gap:10px;flex-direction:column;max-height:114px;overflow:auto;}
.family-site-list .list li a{display:block;font-size:14px;font-weight:500;line-height:21px;color:#7D8790;}
.family-site-list .list li a:hover{color:#FFFFFF;}


/* quick-menu */
.quick-menu{display:flex;flex-direction:column;align-items: center;gap:15px;position: fixed;right: 2%;top: 50%;z-index: 998;transform: translateY(-50%);}
.quick-menu > a{display:flex;align-items:center;justify-content:center;width:70px;height:70px;border-radius:100%;transition:.3s;box-shadow: 0px 0px 10px 0px rgba(25, 26, 31, 0.2);}
.btn-inquiry{background-color: #0596DB;border:1px solid #0596DB;}
.btn-inquiry:hover{background-color: #057DB7;border:1px solid #057DB7;}
.btn-inquiry:hover i{background-image:url("../images/common/icon-inquiry-on.svg");}
.quick-menu .btn-site{flex-direction:column;width:76px;height: auto;padding: 13px 0 7px;text-align:center;border-radius:10px;gap:5px;background: linear-gradient(180deg, #04448F 0%, #2879D9 100%);;border:1px solid rgba(255,255,225,0.2);color:#fff;font-size: 13px;line-height: 17px;font-weight: 700;}
.quick-menu .btn-site:hover{border-color:rgba(255,255,255,0.5);}
.quick-menu .btn-site:hover i{transform:translateY(-3px);}
.btn-top {background: #fff;border:1px solid #D5DCE3;}
.btn-top:hover i{transform:translateY(-5px);}

/* ----------------------------------media -------------------*/
/* ----------------------------------media 1024px-------------------*/
@media (max-width: 1024px) { 
/* common */
input[type="text"], input[type="tel"], input[type="password"], input[type="email"], input[type="date"] {padding: 12px 10px;}
textarea {padding: 12px 10px;}
.d-md-block{display:block;}
.d-md-none{display:none;}

.btn-lg {padding: 10px 8px;font-size: 16px;line-height: 26px;}

/* icon */
.icon-inquiry{width:27px;height:27px;}
.icon-solution{width:27px;height:27px;}
.icon-top {width: 27px;height: 27px;}
.icon-sec4-item1{width:80px;height:80px;}
.icon-sec4-item2{width:80px;height:80px;}
.icon-sec4-item3{width:80px;height:80px;}
.icon-down {width: 20px;height: 25px;}
.icon-btn-allmenu {width: 35px;height: 35px;}


/* header */
.header {padding: 14px 0 13px;}
.header .logo{margin:0;}
.header .logo img{height:40px;}
.header .gnb{display:none;}
.header .all-menu .all-gnb{padding:6vw 0 0;}
.header .all-menu .top {padding: 14px 15px;}
.header .all-menu .top img{height:40px;}
.header .all-menu .all-gnb .dp1 >li:not(:last-child){margin:0;}
.header .all-menu .all-gnb .dp1 >li >a{padding:11px 10px;font-size:30px;line-height:38px;}
.header .contact-box{position: static;width: 100%;margin-top: 40px;}
.header .contact-box .family-site-list dt{line-height: 24px;font-size: 14px;}
.header .contact-box .family-site-list .btn-select{width:100%;}
.header .contact-box .family-site-list .list-wrap{width:100%;}
.header .contact-box .contact p {font-size: 17px;line-height: 28px;}
.header .contact-box .addr {margin: 9px 0 13px;font-size: 14px;line-height: 21px;}
.header .contact-box .copy{font-size:14px;}
.header .all-menu::before{height: 100px;}
.header .all-menu::after{width: 315px;height: 160px;}
.header .all-menu.active::after{right:0;}
.header .all-menu .btn-clse{top:7px;right:10px;width: 55px;height: 55px;}

/* footer */
.footer {padding: 38px 0;}
.foot-top {flex-wrap: wrap;gap: 11px;margin-bottom: 20px;}
.foot-top img{height: 45px;}
.foot-btm .addr{gap: 16px;}
.foot-btm{flex-wrap: wrap;gap: 25px;}
.family-site-list{width:100%;}
.family-site-list .list-wrap{bottom: 56px;width:100%;}
.family-site-list .btn-select{width:100%;}
.quick-menu {gap:8px;}
.quick-menu > a {width: 50px;height: 50px;}
.quick-menu .btn-site{width: 55px;padding: 10px 0 7px;font-size: 11px;line-height: 13px;border-radius: 8px;}

}