@charset "utf-8";


:root {

    --hdH: 9rem;
    --hdIn:5rem;
    --inPd: 20px;
    --inpH: 3.5em;
    --mainIn: max(184rem, 1640px);
    --in: max(164rem, 1440px);
    --in2: 1240px;
    --in3: 1040px;
    --subVisPd: 12rem;
    --subPd: 20rem;
    --subMt: 6rem;

    /* 컬러 */
    --blue:#09549A; 
    --navy:#003147; 
    --skyblue: #57A9F6; 
    --yellow: #F7A736;

    --gray1:#696969;
    --gray2:#4f4f4f;
    --gray3:#9C9C9C;
    --gray4:#828282;

    /* 보더라인 */
    --gray_bor:#CFCFCF;
    --gray_bor2:#E8E8E8;

    --gray_bg:#F4F6F8;


    --radius: 2.4rem; /* 30 */ 

    --en: "Poppins", sans-serif;
    --serif: "Noto Serif KR", serif;



    --h1:7.5rem; 
    --h2:5.4rem; 
    --h3:4.5rem; 
    --h4:4.0rem; 
    --h5:max(3.4rem,28px);
    --h6:max(3rem,25px);
    --h7:max(2.5rem,23px);

    --p1:max(2.2rem,21px); 
    --p2:max(2rem,19px);
    --p3:max(1.8rem,17px);  /* 본문 */  
    --p4:max(1.6rem,15px);
    --p5:max(1.5rem,14px);
    --p6:max(1.4rem,13px);

    --pd2:30rem;
    --pd3:20rem;
    --pd4:15rem;

    --contMt:6rem;
    

}


html.scroll_none { overflow: hidden; }
body::-webkit-scrollbar { width: 5px; height: 5px; }
body::-webkit-scrollbar-thumb { height: 5px; background: #A9A9A9; border-radius: 5px; }


.pin-spacer {max-width: 100%;}


.sr_txt {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    border: 0;
    white-space: nowrap;
}


/* common */
.in {position: relative; width: var(--in); max-width: 100%; padding: 0 var(--inPd); margin: 0 auto;}
.in2 {position: relative; width: var(--in2); max-width: 100%; padding: 0 var(--inPd); margin: 0 auto;}
.in3 {position: relative; width: var(--in3); max-width: 100%; padding: 0 var(--inPd); margin: 0 auto;}
.page_wrap {display: flex; flex-direction: column; min-height: 100vh;}

/* .ms-preloader { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 1; visibility: visible; pointer-events: none; background-color: #fff; z-index: 9999999; transition: opacity 0.8s ease-in-out;}
.ms-preloader.hide{opacity: 0;} */

.mo_over { display: block !important; }
.mo_only { display: none !important; }
.phone_only { display: none !important; }
.mini_only{ display: none !important; }
.fold_only{ display: none !important; }
.fold_mini_only{ display: none !important; }

.sr_only{position: absolute;width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}

.controls .swiper-pagination { position: static;}
.swiper-pagination-bullets .swiper-pagination-bullet {width: 0.8rem; height: 0.8rem;background-color: var(--brown); opacity: 1; border-radius: 1em; transition: width 0.3s ease-in-out , background 0.3s ease-in-out;  }
.swiper-pagination-bullets .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left: 0.3em;}
/* .swiper-pagination-bullet-active {background-color: var(--brown);} */
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;}
 

.nice-select {font-size: var(--p3); border-radius: 0;}
.nice-select .list {min-width: 100%; box-shadow: 0 0 0 1px var(--gray_bor); background-color: #fff; border-radius: 1rem;} /*min-width: calc(100% + 2px); left: -1px;*/
.nice-select .list .option {height: 3em; line-height: 3em; min-height: 0; padding: 0 10px;}
.nice-select:after { right: 2.5rem; width: 0.6em;; height: 0.6em; margin-top: -0.3em; font-size: 1em; border: 0; transform: rotate(0deg); transform-origin: center; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8" fill="none"><path d="M5.04564 7.13991C5.44405 7.59524 6.15238 7.59524 6.55079 7.13991L11.347 1.6585C11.9128 1.01192 11.4536 0 10.5944 0H1.00199C0.142827 0 -0.316351 1.01192 0.249409 1.6585L5.04564 7.13991Z" fill="%231C1C1C"/></svg>') center/contain no-repeat; transition: transform 0.3s; }
.nice-select.open:after { transform: rotate(180deg); }


/*  */



/* 스와이퍼 컨트롤러 */

.swiper_controls {display: flex; align-items: center;}
.swiper_controls .num {text-align: center; width: 1.5em; font-weight: 700;}
.swiper_controls .pagination {position: relative; width: 10rem; height: max(0.4rem,2px); background-color:#E8E8E8; margin: 0 0.5em;}
.swiper_controls .pagination .swiper-pagination-progressbar-fill {background-color: #1c1c1c;}
.swiper_controls .swiper_btn {display: flex; align-items: center; cursor: pointer;}
.swiper_controls .swiper_btn.swiper-button-disabled svg {opacity: 0.3;}
.swiper_controls .swiper_btn svg {width: 1em; height: auto;; transition: 0.3s ease-in-out;}
.swiper_controls .swiper_next {margin-left: 1em;}
.swiper_controls .swiper_prev {margin-right: 1em;}

.swiper_controls.none {display: none !important;}



.com_swiper_paging {display: flex; justify-content: center; margin-top: 30px;}
.com_swiper_paging .swiper-pagination { position: static; width: 20rem; height: 0.4rem; background-color: rgba(255,255,255,0.3);}
.com_swiper_paging .swiper-pagination .swiper-pagination-progressbar-fill {background-color: #fff;}

.com_swiper_paging.bk .swiper-pagination {background-color: var(--gray_bor2);}
.com_swiper_paging.bk .swiper-pagination .swiper-pagination-progressbar-fill {background-color: var(--navy);}

.com_swiper_paging.none {display: none !important;}


/* load sect */

.com_load_box {display: flex;  gap: 3rem;}
.com_load_box .cont {border-radius: 3rem; overflow: hidden; min-width: 0; width: 50%; }
.com_load_box .info_cont {background-color: var(--blue); padding: 8rem; color: #fff;}
.com_load_box .info_cont .txt_cont_box {display: flex; justify-content: space-between;}
.com_load_box .info_cont .cont_tit {font-size: var(--h6); font-weight: 700;}
.com_load_box .info_cont .txt_box ul li {display: flex; }
.com_load_box .info_cont .txt_box ul li + li {margin-top: 1.5rem;}
.com_load_box .info_cont .txt_box .ico {width: 1em; height: 1.7em; display: flex; align-items: center; font-size: var(--p1); flex-shrink: 0;}
.com_load_box .info_cont .txt_box .ico svg {width: 100%; height: auto;}
.com_load_box .info_cont .txt_box .txt {margin-left: 0.5em; font-weight: 700; font-size: var(--p1);}
.com_load_box .info_cont .txt_box ul li.sm .txt {font-size: var(--p3); font-weight: 600;}
.com_load_box .info_cont .txt_box ul li.sm .ico {height: calc(var(--p3) * 1.7);}
.com_load_box .info_cont .txt_box .txt .sub_txt {display: block; margin-top: 0.25em; color: rgba(255,255,255,0.6); font-weight: 500; font-size: var(--p5);}
.com_load_box .ico_cont_box {display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin-top: 5rem; }
.com_load_box .ico_cont_box .box {display: flex; align-items: center; justify-content: center; flex-direction: column; background: rgba(255, 255, 255, 0.10); border-radius: 15px; padding: 3rem 1rem; border: 2px solid transparent; transition: border 0.3s ease-in-out;}
.com_load_box .ico_cont_box .box .ico {display: flex; align-items: center; justify-content: center;width: 4.5rem; height: 4.5rem; border-radius: 1rem;}
.com_load_box .ico_cont_box .box .ico.naver {background-color: #5BCE36;}
.com_load_box .ico_cont_box .box .ico.kakao {background-color: #F9E000;} 
.com_load_box .ico_cont_box .box .ico.google {background-color: #fff;}
.com_load_box .ico_cont_box .box .ico.t {background-color: #fff;} 
.com_load_box .ico_cont_box .box .ico svg {height: auto; font-size: 1rem;}
.com_load_box .ico_cont_box .box .ico.naver svg {width: 1.8em; }
.com_load_box .ico_cont_box .box .ico.kakao svg {width: 1.8em; }
.com_load_box .ico_cont_box .box .ico.google svg {width: 2.4em;}
.com_load_box .ico_cont_box .box .ico.t svg {width: 3em;} 
.com_load_box .ico_cont_box .box .txt {font-size: var(--p4); font-weight: 600; margin-top: 0.5em;}
.com_load_box .map_cont {position: relative; height: auto;}
.com_load_box .cont .map_cont {width: 100%; height: 100%;} 
.com_load_box .cont #map {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}



/* Header */

.main .header {background-color: transparent; color: #fff;}

.main .header .logo polygon,
.main .header .logo path {fill: #fff; transition: 0.3s ease-in-out;}

.main .header .util_wrap .ico.search svg path {stroke: #fff; }
.main .header .util_wrap .ico.ham svg rect {fill: #fff;}

.header .util_wrap .ico svg {display: block; width: 2.2em;}

.header .util_wrap .ico.home{display: none;}

.header { position: fixed; left: 0; top: 0; width: 100%; font-size: var(--p3); background-color: #fff; z-index: 100; border-bottom: 1px solid transparent; transition: 0.3s ease-in-out }

.header.search,
.header.hover {background-color:#fff;}


.header .logo polygon,
.header .logo path {fill: var(--navy); transition: 0.3s ease-in-out;}

.header.hover {border-color: var(--gray_bor2);}

.header.search .nav .list .depth1 > a,
.header.hover .nav .list .depth1 > a {color: #1c1c1c;}

.header.header_down {background-color:#fff; color: #1c1c1c; box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);}


.header.search .logo polygon,
.header.search .logo path,
.header.hover .logo polygon,
.header.hover .logo path,
.header.header_down .logo polygon,
.header.header_down .logo path {fill: var(--navy);transition: 0.3s ease-in-out;}

.header.hover .util_wrap .ico.search svg path,
.header.search .util_wrap .ico.search svg path,
.header.header_down .util_wrap .ico.search svg path {stroke: #1c1c1c; }


.header.search .util_wrap .ico.ham svg path,
.header.hover .util_wrap .ico.ham svg path,
.header.header_down .util_wrap .ico.ham svg path,
.header.header_down .util_wrap .ico.ham svg rect{fill: #1c1c1c;}

.header.down {transform: translateY(-100%)}
.header.down .nav .list .depth1 .depth2 {opacity: 0 !important; pointer-events: none;}
.header .header_in { position: relative; display: flex; gap: 0; width: 100%; max-width: 100%; height: var(--hdH); padding: 0 var(--hdIn); align-items: center; z-index: 3;}

.header .logo { width: 24rem }
.header .logo svg{ display: block; width: 100%; height: auto; overflow: visible;}

.header .sub_logo {
    font-size: var(--p4);
    color: #fff;
    font-weight: 700;
    padding: 0.5em 1em;
    border-radius: 1rem;
    margin-right: 0.7em;
    background-color: var(--navy);
    display: inline-block;
    margin-left: 2rem;
}

/* .header .header_top{display: flex; justify-content: flex-end; grid-column: 3; grid-row: 1; margin-top: 1.75em; font-size: 1.3rem;color: #000; }
.header .header_top div{display: flex; margin-left: 3.5em;}
.header .header_top div a + a{position: relative; padding-left: 0.75em; margin-left: 0.75em;}
.header .header_top div a + a::before{content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: rgba(255, 255, 255, 0.5);} */


.header .nav .top_box {display: none;}
.header .nav { height: 100%;  font-size: var(--p3); position: absolute; left:50%; top: 0;  transform: translateX(-50%);}
.header .nav .list {display: flex; align-items: center; height: 100%;}
.header .nav .list .depth1 {position: relative; height: 100%;  white-space: nowrap;}
.header .nav .list .depth1 > a {height: 100%; font-size: var(--p2); font-weight: 600; display: flex; align-items: center; padding: 0 2.5em; position: relative; z-index: 3 ;transition: 0.3s ease-in-out; } 
.sub .header .nav .list .depth1 > a {background-color: #fff;}
.header:not(.pp_practice-areas):not(.pp_construction-realestate) .nav .list .depth1.active > a {color: var(--blue);}

.header .nav .list .depth1 > a span {position: relative;}
.header .nav .list .depth1 .depth2 {position: absolute; left: 50%; bottom: -2px; transform: translate(-50%,100%); min-width: 22rem; box-shadow: 0 6px 10px rgba(0, 0, 0, 0.025), 6px 0 10px rgba(0, 0, 0, 0.025), -6px 0 10px rgba(0, 0, 0, 0.025);
;white-space: nowrap; opacity: 0; pointer-events: none; text-align: center; color: #1c1c1c; transition: 0.3s ease-in-out;}
.header .nav .list .depth1.menu_4 .depth2 { color: #fff; background-color: var(--navy);}
.header .nav .list .depth1.menu_4 .depth2  li {box-sizing: border-box;}
.header .nav .list .depth1.menu_4 .depth2  li a {border-bottom: 2px solid rgba(255,255,255,0.05);}


.header .nav .list .depth1 .depth2::before {content: ""; position: absolute; left: 50%; top: 0; transform: translateX(-50%) ;width:0%; height: 2px;  transition: 0.4s ease-in-out;}
/* .header .nav .list .depth1 .depth2 li + li {margin-top: 0.5em;} */

.header .nav .list .depth1 .depth2 li > a {font-size: var(--p4); font-weight: 500; padding:0 1em; display: block; background-color: var(--navy); height: 3.2em; display: flex; align-items: center; justify-content: center; position: relative; margin-top: -1px;}
.header .nav .list .depth1 .depth2 li > a:hover {background-color: #fff; color: var(--blue) !important; font-weight: 700; z-index: 2;}
.header .nav .list .depth1 .depth2 li > a span {position: relative;}
.header .nav .list .depth1 .depth2 li > a span::before {content: ""; position: absolute; left: 0; bottom: 0; width: 0%; height: 2px; background-color: #fff; transition: 0.3s ease-in-out;}

.header .nav .list .depth1 .depth2 li:last-child > a {margin-bottom: -1px;}
.header .nav .list .depth1 .depth2 li:last-child .depth3 {}

.header .nav .list .depth1 .depth2 li.active > a {color: var(--blue);}
.header .nav .list .depth1.menu_4 .depth2 > li.active > a {color: #fff;}
.header .nav .list .depth1.menu_4 .depth2 > li.active > a {color: #72ade3;}



.header .nav .list .depth1.on .depth2{opacity: 1; pointer-events: all;}
.header .nav .list .depth1.on .depth2::before {width: 0%;}


.header .nav .list .depth1 .depth3 {position: absolute; right: 1px; top: -1px; transform: translateX(100%); height: calc(100% + 1px); max-height: calc(100% + 1px); min-width: 14.5em;overflow-y: auto; background-color: #fff; padding: 0 0.6em ;color: #1c1c1c; opacity: 0; pointer-events: none; text-align: left; z-index: 3; box-shadow: 0 10px 50px rgba(0, 0, 0, 0.05), 10px 0 50px rgba(0, 0, 0, 0.05), -10px 0 50px rgba(0, 0, 0, 0.05);}
.header .nav .list .depth1 .depth3::-webkit-scrollbar{display: inherit; width: 10px;}
.header .nav .list .depth1 .depth3::-webkit-scrollbar-thumb{background: var(--navy); border-right: 5px solid #fff; border-radius: 3px; border-top-right-radius: 8px 3px; border-bottom-right-radius: 8px 3px;}
.header .nav .list .depth1 .depth3::-webkit-scrollbar-track{background: #fff}
.header .nav .list .depth1 .depth3::-webkit-scrollbar-button:vertical:decrement{height: 5px;}
.header .nav .list .depth1 .depth3::-webkit-scrollbar-button:vertical:increment{height: 5px;}

.header .nav .list .depth1 .depth3 > li {color: var(--gray1);}
.header .nav .list .depth1 .depth3 > li.active {color: var(--navy);}
.header .nav .list .depth1 .depth3 > li.active a {font-weight: 700;}
.header .nav .list .depth1 .depth3 > li a {background-color: #fff; font-size: var(--p5); height: calc(var(--p4) * 3.2); justify-content: flex-start; color: var(--gray2); border-bottom: 1px solid var(--gray_bor2); position: relative; z-index: 3;}
/* .header .nav .list .depth1 .depth3 > li:first-child a {color: var(--blue);} */
.header .nav .list .depth1 .depth3 > li a:hover {font-weight: 600;}


.header .nav .list .depth1.menu_7 .depth2 > li a{background-color: #fff;}
.header .nav .list .depth1.menu_7 .depth2 > li .depth3 {display: none;}

/* .header .nav .list .depth1 .depth2 > li:hover .depth3 {opacity: 1; pointer-events: all;} */

.header .nav .list .depth1.menu_4 .depth2 > li.on > a {background-color: #fff;color: var(--blue);z-index: 4;position: relative;font-weight: 700;margin-left: -1px;width: calc(100% + 2px);}

.header .nav .list .depth1.menu_4 .depth2 > li.active.on > a {color: var(--blue);}
.header .nav .list .depth1 .depth2 > li.on .depth3 {opacity: 1; pointer-events: all;}


.header .nav .list .depth1 .depth2 > li:hover > a span::before {width: 0%;}


.header .nav .list .depth1.menu_4 .depth2 li:hover {}
.header .nav .list .depth1.menu_4 .depth2 li:hover > a {}
.header .nav .list .depth1.menu_4 .depth2 li:hover > a span {}

/* header util*/
.header .util_wrap { display: flex; align-items: center; justify-content: flex-end; margin-left: auto; height: 100%; position: relative; }
.header .util_wrap .util_btn { display: inline-block; font-size:var(--smTxt); height: 2.7em; font-weight: 500; transition: background 0.3s ease-in-out , color 0.3s ease-in-out; }
.header .util_wrap > .ico + .ico  { margin-left: 1rem; }
.header .util_wrap > .ico.ham{display: none;}
.header .util_wrap .util_btn.ico{width: 2.7em;}
.header .util_wrap .util_btn.ico svg{width: 100%; height: 100%;}
.header .util_wrap .ico svg path,
.header .util_wrap .ico svg rect {transition: 0.3s ease-in-out;}
.header .util_wrap .util_btn:not(.ico){border:1px solid #000; border-radius:100px; padding:0 1.2em; line-height: 2.6em;}
.header .util_wrap .util_btn.login.ico{display: flex; align-items: center; justify-content: center; }
/*.header .util_wrap .util_btn.login.ico svg{width: 1.6em;}*/
.header .util_wrap .util_btn.logout{border: 1px solid var(--yellow); background: var(--yellow); color:#fff;}
/* .header .util_wrap .util_btn.ham_btn svg{width: 2em;} */
/* .header .util_wrap .util_btn.login.ico:hover{background-color: #101010;} */

.header .util_wrap .util_btn_box.branch{display: flex; align-items: center; position: relative; height: 100%;}
.header .util_wrap .network_list{position: absolute; right: 0; bottom: 10px; transform: translateY(100%) ;min-width: max-content; pointer-events: none; opacity: 0; transition: opacity 0.3s ease;}
.header .util_wrap .network_list.open{pointer-events: visible; opacity: 1;}
.header .util_wrap .network_list .network_box{ background-color: var(--yellow); border-radius: 15px; padding: 1.65rem; padding-top: 2.5rem;}
.header .util_wrap .network_list .network_box .logo{margin: 0 auto 2rem; width: 50%;}
.header .util_wrap .network_list ul{display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px 0px;}
.header .util_wrap .network_list ul li a{font-size: var(--smTxt); padding: 0.5em 0; width: 3.2em; line-height: 1; display: block; color: #fff; border-radius: 10rem; text-align: center; font-weight: 700; transition: 0.3s ease;}
.header .util_wrap .network_list ul li.active  a{ background: var(--brown);}

.header .util_wrap .ser_btn {width: 5rem; display: flex; align-items: center;}
.header .util_wrap .ser_btn svg {width: 100%; height: auto;}




.keyword_form .search { position: relative; width: 80rem; max-width: 100%; margin: 5rem auto 0;}
.keyword_form .search input {background-color: var(--gray_bg); border-radius: 2rem; height: 4.5em; font-size: var(--p2); padding: 0 6em 0 1.5em; width: 84rem; font-weight: 700; max-width: 100%;}
.keyword_form .search input::placeholder {color: #1C1C1C; opacity: 0.5;}
.keyword_form .search .btn_search {position: absolute; right: 1.5em; top: 50%; transform: translateY(-50%); width: 1.4em; height: 1.4em; background: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23 23L17.6833 17.6833M20.5556 10.7778C20.5556 16.1779 16.1779 20.5556 10.7778 20.5556C5.37766 20.5556 1 16.1779 1 10.7778C1 5.37766 5.37766 1 10.7778 1C16.1779 1 20.5556 5.37766 20.5556 10.7778Z" stroke="%231C1C1C" stroke-width="2" stroke-linecap="square" stroke-linejoin="round"/></svg>') no-repeat center / contain;}
.keyword_form .keyword_box {display: flex; justify-content: center; margin: 3rem auto 0; width: 80rem; max-width: 100%; }
.keyword_form .keyword_box .tit {font-size: var(--p4); font-weight: 700; margin-right: 1em; height: 2em; line-height: 2em;}
.keyword_form .keyword { display: flex; flex-wrap: wrap; gap: 10px;  max-width: 100%; font-size: var(--p6);}
.keyword_form .keyword .btn { font-weight: 600; color: var(--gray1); border: 1px solid var(--gray_bor );  border-radius: 10em; padding: 0 1em; height: 2.5em; line-height: 2.5em; transition: 0.3s ease-in-out;}
.keyword_form .keyword .btn.none {display: none;}
.keyword_form .keyword .btn_more {height: auto;}
.keyword_form .keyword .btn_more svg {width: 1.4em; height: 2.5em; width: 2.5em; border-radius: 50%;}

.keyword_form .commonFileDeleteBtn {position: absolute; right: 4em;top: 50%;transform: translateY(-50%);display: flex;align-items: center;justify-content: center;width: 1.5em;height: 1.5em;background-color: rgba(9,84,154,0.2);border-radius: 50%;margin-left: auto;}
.keyword_form .commonFileDeleteBtn.hide {opacity: 0; pointer-events: none;}

.main .header .all_search_box {transition: 0.3s ease-in-out;}
.header .all_search_box {position: absolute; left: 0; bottom: 0; width: 100%; transform: translateY(100%); opacity: 0; pointer-events: none; }
.header .all_search_box .close_btn {position: absolute; right: var(--hdIn); top: var(--hdIn); width: 4.7rem; height: 4.7rem; display: flex; align-items: center; justify-content: center; transition: 0.3s ease-in-out}
.header .all_search_box .close_btn svg {width: 3rem; height: auto;}




.all_search_box .keyword_form {background-color: var(--gray_bg); padding: var(--pd4) var(--inPd); color: #1c1c1c; }
.all_search_box .keyword_form .cont_tit_box {text-align: center; }
.all_search_box .keyword_form .cont_tit_box .tit {font-size: var(--h3); font-weight: 700; line-height: 1.5;}
.all_search_box .keyword_form .cont_tit_box .txt {font-size: var(--p2); margin-top: 1em;}
.all_search_box .keyword_form .search input {background-color: #fff;}

.all_search_box .all_search_box .keyword_form {}



.header.search .all_search_box {opacity: 1; pointer-events: all;}

.all_search_bg {position: fixed; inset: 0; z-index: 99; background-color: rgba(0, 0, 0, 0.5); opacity: 0; pointer-events: none;}
.all_search_bg.on {opacity: 1; pointer-events: all;}



/* 로그인 후 */
.header .util_wrap .login {position: relative;}
.header .util_wrap .login .login_nav {position: absolute; left: 50%; bottom: -1rem; transform: translate(-50%,100%); white-space: nowrap;background-color: #fff;box-shadow: 0 0 5px rgba(92, 103, 129, 0.3); color: #000; padding: 1em 1em; border-radius: 1.5rem; z-index: 5; opacity:0; transition: opacity 0.3s ease-in-out; pointer-events: none; }
.header .util_wrap .login .login_nav.active {opacity: 1; pointer-events: auto}
.header .util_wrap .login .login_nav li + li {margin-top: 10px}
.header .util_wrap .login .login_nav a {display: flex; align-items: center;  font-weight: 500; margin-right: 0; font-size: var(--smTxt)}
.header .util_wrap .login .login_nav a .login_nav_ico {width: 1em; height: 1.3em; margin-right: 0.6em; transform: translateY(-1px)}
.header .util_wrap .login .login_nav a .login_nav_ico svg {width: 100%; height: auto}
.header .util_wrap .login .login_nav a .txt {}

.site_map {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color:#Fff; z-index: 9999; overflow-y: auto; opacity: 0; pointer-events: none;}
.site_map.active {opacity: 1; pointer-events: all;}
/* .site_map .in {width: max(184rem,1640px);} */
.site_map .top {display: flex; align-items: center; justify-content: space-between; padding: 0 var(--hdIn); background-color: var(--navy); height: var(--hdH);}
.site_map .top .logo {width: 20rem; }
.site_map .top .logo a {display: flex; align-items: center; height: 100%;}
.site_map .top .logo svg {width: 100%; height: auto; overflow: visible;}
.site_map .top .logo polygon,
.site_map .top .logo path {fill:#fff;transition: 0.3s ease-in-out;}
.site_map .top .close_btn {width: 3rem; height: 3rem; transition: 0.3s ease-in-out;}
.site_map .top .close_btn svg {width: 100%; height: auto;}

.site_map .cont {padding: 12rem 0 ;}
.site_map .cont .list .depth1 {display: flex; align-items: flex-start; padding-bottom: 1.2em; border-bottom: 1px solid var(--gray_bor);}
.site_map .cont .list .depth1 + .depth1  {padding-top: 1.2em;}
.site_map .cont .list .depth1  > a {font-size: var(--p1); font-weight: 700; width: 7em; flex-shrink: 0; overflow: hidden; display: block;}
.site_map .cont .list .depth1  > a span {transform: translateY(100%); display: inline-block; transition: 0.6s ease-in-out;}
.site_map .cont .list .depth2 {display: grid;  grid-template-columns: repeat(5,minmax(0,1fr)); gap: 4rem 0; }

.site_map .cont .list .depth2 > li {border-left: 1px solid var(--gray_bor); padding:0 1.2em;}
.site_map .cont .list .depth2 > li > a { font-weight: 700; transition: 0.3s ease-in-out; overflow: hidden; display: block;}
.site_map .cont .list .depth2 > li > a span {transform: translateY(100%); display: inline-block; transition: 0.6s ease-in-out 0.2s;}

.site_map .cont .list .depth2 .depth3 {margin-top: 1em; }
.site_map .cont .list .depth2 .depth3 > li:first-child {display: none;}
.site_map .cont .list .depth2 .depth3 > li:first-child + li {margin-top: 0;}
.site_map .cont .list .depth2 .depth3 li a {position: relative; color: var(--gray2); font-size: var(--p4);transition: 0.3s ease-in-out; overflow: hidden; display: block; line-height: 1.5;}
.site_map .cont .list .depth2 .depth3 li a  span {transform: translateY(100%); display: inline-block; transition: 0.6s ease-in-out 0.4s;}
.site_map .cont .list .depth2 .depth3 li a::before {content: ""; position: absolute; left: 0; top: 0.65em; width: 3px; height: 3px; background-color: #1c1c1c; opacity: 0; transform: translate(-10px,-50%); transition: 0.3s ease-in-out; border-radius: 50%;}

.site_map .cont .list .depth2 .depth3 li + li {margin-top: 0.75em;}

.site_map .cont .list .depth2 > li.active > a {color: var(--blue);}
.site_map .cont .list .depth2 .depth3 li.active a {padding-left: 0.5em; color:#1c1c1c;}
/* .site_map .cont .list .depth2 .depth3 li.active a::before {opacity: 1;  transition-delay: 0.6s;} */

.site_map.active .cont .list .depth1 > a span,
.site_map.active .cont .list .depth2 > li > a span,
.site_map.active .cont .list .depth2 .depth3 li a span {transform: unset;}
.site_map.active .cont .list .depth2 .depth3 li.active a::before {opacity: 1; transform: unset; transition-delay: 0.6s;}






.footer {background-color: #F4F6F8; padding: 8rem 0;}
.footer .in {width: var(--mainIn);}
.sub .footer .in {width: var(--in);}
.footer .quick_form {display: flex; justify-content: space-between;}
.footer .quick_form .cont_tit_box .tit {font-size: var(--h6); font-weight: 700; line-height: 1.5;}
.footer .quick_form .cont_tit_box .num {display: flex; align-items: center; font-size: 6rem; font-weight: 700; color: var(--blue); margin-top: 1rem;}
.footer .quick_form .cont_tit_box .num .ico {width: 0.7em; margin-right: 0.25em;}
.footer .quick_form .cont_tit_box .num .ico svg {width: 100%; height: auto;}

.footer .quick_form .form_box {width: 50%;}
.footer .quick_form .form_box .inp_cont {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 15px;}
.footer .quick_form .form_box .inp_cont .inp_tit {font-size: var(--p3); font-weight: 600; margin-bottom: 1rem;}
.footer .quick_form .form_box .inp_cont .inp_tit .req {color: var(--blue);} 

.footer .quick_form .form_box .inp_cont .nice-select {background-color: #fff; border:none; border-radius: 1rem; height: var(--inpH); line-height: var(--inpH); padding: 0 8rem 0 2.5rem; }
.footer .quick_form .form_box .inp_cont .nice-select .list { top: calc(100% + 2px); max-height: 300px; overflow-y: auto; }
.footer .quick_form .form_box .inp_cont .nice-select .list::-webkit-scrollbar{display: inherit; width: 10px;}
.footer .quick_form .form_box .inp_cont .nice-select .list::-webkit-scrollbar-thumb{background: #BFBFBF; border-right: 5px solid #fff; border-radius: 3px; border-top-right-radius: 8px 3px; border-bottom-right-radius: 8px 3px;}
.footer .quick_form .form_box .inp_cont .nice-select .list::-webkit-scrollbar-track{background: #fff;}
.footer .quick_form .form_box .inp_cont .nice-select .list::-webkit-scrollbar-button:vertical:decrement{height: 5px;}
.footer .quick_form .form_box .inp_cont .nice-select .list::-webkit-scrollbar-button:vertical:increment{height: 5px;}


.footer .quick_form .form_box .inp_cont .inp { position: relative; overflow: hidden; width: 100%; height: var(--inpH); color: #000; }
.footer .quick_form .form_box .inp_cont .inp input{width: 100%; max-width: 100%; height: 100%; background-color: #fff;; padding: 0 1em; border-radius: 1rem; transition: 0.25s ease;}
.footer .quick_form .form_box .inp_cont .inp input:focus{border:1px solid #101010; background-color: #fff;}


/* 업무분야_외부링크로 접속시 빈 cont 숨김 */
.inp_cont > .cont:empty{display: none;}
.inp_cont:has(> .cont:empty) > .cont.solo{ grid-column: 1 / -1;}

.form_chk{ display: flex; align-items: center; font-size:var(--p4); font-weight: 500;}
.form_chk + .form_chk{margin-top: 0.5em;}
.form_chk .chk_box{position: relative;}
.form_chk .chk_box label { display: flex; align-items: center; cursor: pointer; }
.form_chk .chk_box input{position: absolute; width: 1px; height: 1px; margin: 0; padding: 0; border: 0; opacity: 0; pointer-events: none; clip: rect(0 0 0 0); clip-path: inset(50%); overflow: hidden;}
.form_chk .chk_box input + label .ico { display: flex; align-items: center; justify-content: center; margin-right: 0.5em; margin-top: -0.2em ;border-radius: 0.6rem; width:1.4em; height:1.4em; background-color: #fff; border:2px solid rgba(0,0,0,0.3); transition: all 0.3s ease;}
.form_chk .chk_box input + label .ico svg{display: block; width: 0.8em;}
.form_chk .chk_box input:checked + label .ico{ fill: #fff; background-color: var(--navy); border-color: var(--navy);}
.form_chk .chk_box input:checked + label .ico path{ fill: #fff;}
.form_chk .chk_box + .view_btn { flex-shrink: 0; margin-left: 1em; transition: color 0.3s; font-weight: 400; line-height: 1.7; color: #828282; border-bottom: 1px solid #828282; font-size: var(--p5); transition: 0.3s ease-in-out;} 

.footer .quick_form .form_box .inp_cont .submit_btn {height: var(--inpH); background-color: var(--skyblue); width: 100%; color: #fff; border-radius: 1rem; overflow: hidden; font-weight: 500; transition: background-color 0.3s ease-in-out;}
.footer .quick_form .form_box .inp_cont .cont.solo {display: flex; align-items: flex-end;}
.footer .quick_form .form_chk {margin-top: 2rem;}

.footer .foo_info_cont {border-top: 1px solid var(--gray_bor); margin-top: 5rem; padding-top: 5rem; display: flex; justify-content: space-between; align-items: flex-start;} 
.footer .foo_info_cont .left_cont .logo {width: 21rem;}
.footer .foo_info_cont .left_cont .link_txt {display: flex; margin-top: 3rem;}
.footer .foo_info_cont .left_cont .link_txt .txt {position: relative; font-size: var(--p4); font-weight: 500;}
.footer .foo_info_cont .left_cont .link_txt .txt::before {content:""; position: absolute; left: 0; bottom: -0.1em; width: 0; height: 1px; background-color: #1c1c1c; transition: 0.3s ease-in-out;}
.footer .foo_info_cont .left_cont .link_txt .txt + .txt {margin-left: 2rem;} 
.footer .foo_info_cont .left_cont .link_txt .txt strong {font-weight: 700;}


.footer .foo_info_cont .left_cont .info_txt {display: flex; margin-top: 1rem; color: #828282; font-weight: 500; font-size: var(--p4); gap: 21px;}
.footer .foo_info_cont .left_cont .info_txt li {position: relative;}
.footer .foo_info_cont .left_cont .info_txt li + li::before {position: absolute; left: -10px; top: 45%; transform: translate(-100%,-50%); content: ""; display: block; width: 1px; height: 0.9em; background-color: var(--gray_bor);}
.footer .foo_info_cont .copy_txt {color: #828282; font-weight: 500; margin-top: 3rem; font-size: var(--p5);}

.footer .foo_info_cont .ico_cont {display: flex; align-items: center; display: none;}
.footer .foo_info_cont .ico_cont .ico {width: 6rem;}
.footer .foo_info_cont .ico_cont .ico + .ico {margin-left: 15px;}
.footer .foo_info_cont .ico_cont .ico svg {width: 100%; height: auto;}
.footer .foo_info_cont .ico_cont .ico svg g,
.footer .foo_info_cont .ico_cont .ico svg path {transition: 0.3s ease-in-out;}

.fixed_qucik {position: fixed; right: 5rem; bottom: 5rem; z-index: 30; width: 5em;}
.fixed_qucik .call_box {border-radius: 1.5rem; overflow: hidden; width: 100%;}
.fixed_qucik .call_box .top_tit {background-color: var(--navy); line-height: 1.7; color: #fff; font-size: 12px; font-weight: 600; padding: 0.5em; text-align: center;}
.fixed_qucik .call_box .cont {display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: var(--blue); padding: 1em 0; font-size: var(--p5); font-weight: 700; color: #fff; text-align: center;}
.fixed_qucik .call_box .cont .ico {width: 2.5em;}
.fixed_qucik .call_box .cont .ico svg {width: 100%; height: auto; display: block; margin-bottom: 1rem;}
.fixed_qucik .call_box .cont .txt {line-height: 1.9; position: relative; margin-top: -0.3em;}
.fixed_qucik .call_box .cont .txt .dash {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

.fixed_qucik .call_box + .call_box{margin-top: 1.5rem;}
.fixed_qucik .call_box.emergency .cont{background: #fff; color: #101010; border: 1px solid var(--gray_bor); border-top: none; border-radius: 0 0 1.5rem 1.5rem;}
.fixed_qucik .call_box.emergency .top_tit{background:#FF9C32;}
.fixed_qucik .call_box.emergency .cont .ico {width: 1.8em;}
.fixed_qucik .call_box.emergency .cont .txt{line-height: 1.4; margin-top: 0.1em;}

.fixed_qucik .call_box.kakao .cont{background: #fff; color: #1C1C1C; border: 1px solid var(--gray_bor); border-top: none; border-radius: 0 0 1.5rem 1.5rem; transition: background 0.3s ease;}
.fixed_qucik .call_box.kakao .cont .txt{line-height: 1.4;}
.fixed_qucik .call_box.kakao .cont .txt span{font-size: 0.9em;}
.fixed_qucik .call_box.kakao .cont .txt span.color{color: var(--navy);}
.fixed_qucik .call_box.kakao .cont .ico{width: 2em;}

.fixed_qucik .btn {display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; height: 5em; border-radius: 1.5rem; overflow: hidden; margin-top: 15px; transition: background-color 0.3s ease;}
.fixed_qucik .btn .txt {font-size: var(--p5); font-weight: 600; margin-top: 0.6em; overflow: hidden; line-height: 1; text-align: center;}
.fixed_qucik .btn .txt span {display: inline-block; vertical-align: middle; transition: 0.3s ease-in-out; line-height: 1.05;}

.fixed_qucik .btn.consult {background-color: #fff; border: 1px solid var(--gray_bor); }
/* .fixed_qucik .btn.consult .txt span {text-shadow: 0px var(--p5) 0px #1c1c1c;} */
.fixed_qucik .btn.consult .ico {width: 1.3em; height: auto;}


.fixed_qucik .btn.top {background-color: var(--navy); color: #fff;}
.fixed_qucik .btn.top .txt span {text-shadow: 0px var(--p5) 0px #fff;}
.fixed_qucik .btn.top .ico {width: 1em; height: auto;}

.fixed_qucik .btn.consult.kakao_id .txt span {text-shadow:none;}
.fixed_qucik .btn.kakao_id:hover .txt span {transform: translateY(0);}

.dot_txt{position: relative; padding-left: 0.7em;}
.dot_txt:before{content: '·'; position: absolute; left: 0; top: 0; line-height: 0.8em; font-size: 1.8em; }

/* ai 텍스트 */
.com_ai_txt {display: flex; align-items: flex-start; justify-content: center; font-size: var(--p3); color: #444; margin-top: 2.5rem; opacity: 0; transform: translateY(50px); transition: opacity 0.6s ease-in-out 0.6s, transform 0.6s ease-in-out 0.6s;}
.com_ai_txt .star_ico {pointer-events: none; width: 2em; display: inline-flex; align-items: center; margin-right: 0.5em;}
.com_ai_txt .star_ico object {width: 100%; height: auto;}



/* 통합검색 결과창 */

.all_search_page {margin-top: var(--hdH);     display: flex;flex-direction: column;min-height: 100vh;}
.all_search_page .in {flex: 1;}
.all_search_page #emptyResult {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.empty_box {}
.all_search_page .member_sect .view_btn_box {display: flex; justify-content: center; margin-top: 4rem; display: none;}
.all_search_page .member_sect .view_btn_box.on {display: flex;}
.all_search_page .member_sect .view_btn_box.up .com_cont_view_btn svg {transform: rotate(180deg);}


.all_search_page .tab_wrap .tab {position: relative; font-size: var(--h5); font-weight: 700; color: #828282; padding-bottom: 0.25em; transition: color 0.3s ease-in-out;}
.all_search_page .tab_wrap .tab + .tab {margin-left: 1em;}
.all_search_page .tab_wrap .tab::before {content: ""; position: absolute; left: 0; bottom: 0; width: 0%; height: 3px; background-color: #1c1c1c; transition: 0.3s ease-in-out;}

.all_search_page .tab_wrap .tab.active {color: #1C1C1C;}
.all_search_page .tab_wrap .tab.active::before {width: 100%;}

.all_search_page .tab_wrap ,
.all_search_page .sect {padding-top: var(--pd4); overflow: hidden;}
.all_search_page .sect_tit_box {margin-bottom: 3rem;}
.all_search_page .sect_tit_box .tit {display: flex; align-items: flex-start; font-size: var(--h3); font-weight: 700; line-height: 1.5;}
.all_search_page .sect_tit_box .num {margin-left: 0.5em ; display: inline-flex; align-items: center; justify-content: center; font-size: var(--p4); font-weight: 700; height: 1.8em; min-width: 2.5em; padding: 0 0.8em ;border-radius: 10em; background-color: #E6F6FF; color: var(--blue);}

.all_search_page .menu_sect .cont_box {display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 3rem;}
.all_search_page .menu_sect .cont_box .cont {display: block;padding: 4rem;position: relative;border-radius: 3rem; border: 1px solid var(--gray_bor);}
.all_search_page .menu_sect .cont_box .cont .arr_ico_box {display: flex; justify-content: flex-end;}
.all_search_page .menu_sect .cont_box .cont .arr_ico_box .arr_ico {display: flex;align-items: center;justify-content: center;width: 3em;height: 3em;margin-bottom: 2rem;border-radius: 0.6em;background-color: var(--gray_bg);transition: 0.3s ease-in-out;}
.all_search_page .menu_sect .cont_box .cont .arr_ico_box .arr_ico .ico {width: 30%; height: 30%;background: url('data:image/svg+xml, <svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.3789 10.0225L12.1631 17.959L11.4912 18.6992L10.0107 17.3535L10.6836 16.6133L16.3789 10.3496L-4.52396e-07 10.3496L-3.64973e-07 8.34961L16.3789 8.34961L10.6836 2.08496L10.0107 1.3457L11.4912 -3.71504e-07L12.1631 0.740234L19.3789 8.67676L19.9902 9.34961L19.3789 10.0225Z" fill="%23003147"></path></svg>') no-repeat center / contain; transition: 0.3s ease-in-out;}
.all_search_page .menu_sect .cont_box .cont .type {display: inline-flex;align-items: center;font-weight: 500;font-size: var(--p4);line-height: 1;color: var(--gray4);}
.all_search_page .menu_sect .cont_box .cont .type span + span {border-left: 1px solid var(--gray4);padding-left: 0.6em;margin-left: 0.6em;}
.all_search_page .menu_sect .cont_box .cont .tit {margin-top: 1rem; font-weight: 700; font-size: var(--h7);}

.all_search_page .lawyer_list {margin-top: 0;}




/* 데이트 피커  */

/* DatePicker */
body .ui-widget{font-size:var(--txt20);}
body .ui-datepicker {position: relative; border:1px solid var(--lineColor); z-index: 1001 !important; width: 15em; min-width:250px; display: none; border-radius: 10px; border:1px solid var(--lineColor); background-color: #fff; padding:0; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
body .ui-datepicker-trigger { display: none; }
body .ui-datepicker .ui-datepicker-header { position:relative; border-radius: 8px 8px 0 0; padding: 10px; background-color: var(--brown); border-color: var(--brown);}
body .ui-datepicker table {font-size:1em; margin-bottom: 0; font-size: var(--smTxt);}
body .ui-state-default,
body .ui-widget-content .ui-state-default,
body .ui-widget-header .ui-state-default { background: none; border: 0; border-radius: 10px; transition:all 0.3s ease; }

body .ui-state-active { background: var(--yellow) !important; color: #fff; }

body .ui-datepicker-today a { font-weight: 600; color: var(--yellow); }
body .ui-datepicker .ui-datepicker-prev { left: 2px; cursor: pointer; }
body .ui-datepicker .ui-datepicker-next { right: 2px; cursor: pointer; }
body .ui-datepicker td span,
body .ui-datepicker td a { text-align: center; }
body .ui-datepicker .ui-datepicker-prev span,
body .ui-datepicker .ui-datepicker-next span { display:none; }

body .ui-datepicker .ui-datepicker-prev,
body .ui-datepicker .ui-datepicker-next { position:absolute; top:18px; top: 50%; margin-top: -10px; display: none;}
body .ui-datepicker .ui-datepicker-prev-hover,
body .ui-datepicker .ui-datepicker-next-hover {background-color: unset; border:none;}
body .ui-datepicker .ui-datepicker-prev { left:12px;}
body .ui-datepicker .ui-datepicker-prev:before {content: "";display: block;width: 20px;height: 20px;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23fff"><path d="M52.7 267.3c-6.2-6.2-6.2-16.4 0-22.6l160-160c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6L86.6 256 235.3 404.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0l-160-160z"/></svg>') no-repeat center / contain;}
body .ui-datepicker .ui-datepicker-next { right:12px; }
body .ui-datepicker .ui-datepicker-next:before { content: "";display:block ; width:20px; height:20px; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23fff" ><path d="M267.3 244.7c6.2 6.2 6.2 16.4 0 22.6l-160 160c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L233.4 256 84.7 107.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l160 160z"/></svg>') no-repeat center / contain;}
body .ui-datepicker .ui-datepicker-prev-hover { left:12px; }
body .ui-datepicker .ui-datepicker-next-hover { right:12px; }
body .ui-datepicker .ui-datepicker-prev span,
body .ui-datepicker .ui-datepicker-next span { position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
body .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; color: #fff; }
body .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
body .ui-datepicker select.ui-datepicker-month-year { width: 100%; }
body .ui-datepicker select.ui-datepicker-month,
body .ui-datepicker select.ui-datepicker-year { width: 49%; }
body .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: 400; border: 0; }
body .ui-datepicker td { border: 0; padding: 1px; }
body .ui-datepicker td span,
body .ui-datepicker td a { display: block; padding: .4em .2em; text-align: center; text-decoration: none; }
body .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
body .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
body .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

body .ui-widget.ui-widget-content {border: none; box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1);}


.ui-datepicker .ui-datepicker-title {display: flex;justify-content: center;align-items: center;gap: 0.5rem;}
.ui-datepicker .ui-datepicker-title select {display: none;}
.ui-datepicker .ui-datepicker-title .nice-select {float: none;display: inline-flex;height: 36px;line-height: 34px;font-size: var(--p3);padding-left: 15px;padding-right: 0px;color: #fff;background-color: transparent;border: none;}
.ui-datepicker .ui-datepicker-title .nice-select:after {right: 5px;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="%23fff"><path d="M0.262666 0.324249C0.635712 -0.0827652 1.26856 -0.1102 1.67575 0.262726L5.99997 4.22366L10.3242 0.262726C10.7314 -0.110302 11.3642 -0.0828187 11.7373 0.324249C12.1103 0.731419 12.0828 1.36424 11.6758 1.73734L6.67673 6.31741C6.29451 6.66758 5.70744 6.66752 5.32517 6.31741L0.32419 1.73734C-0.0828246 1.36429 -0.110259 0.731439 0.262666 0.324249Z" fill="%23fff"/></svg>') center/contain no-repeat;}
.ui-datepicker .ui-datepicker-title .nice-select .list {max-height: 300px;overflow-y: auto;min-width: 100%;}
.ui-datepicker .ui-datepicker-title .nice-select .option {height: 2.5em;line-height: 2.5em;padding: 0 14px;color: #101010;font-size: var(--p3);}
.ui-datepicker .ui-datepicker-title .nice-select.ui-datepicker-year {min-width: 85px;}
.ui-datepicker .ui-datepicker-title .nice-select.ui-datepicker-month {min-width: 65px;}




/* 모달 */
.modal {display: block; overflow: auto; position: fixed; top:0; left:0; right:0; bottom:0; z-index: 9999; opacity: 0; width:100%; height: 100%; padding: 10rem 0; font-size: var(--p3); background: rgba(0,0,0,0.7); pointer-events: none;}
.modal.open {opacity: 1; pointer-events: inherit; }
.modal .modal_wrap {display: table; table-layout: fixed; vertical-align: middle; margin: 0 auto; width: 100%; height: 100%; position: relative; padding: 0 2rem;}
.modal .modal_wrap .scroll_box {display: table-cell; vertical-align: middle}
.modal .modal_wrap .modal_cont {position: relative; width: max(50rem, 500px); max-width: 100%; margin: 0 auto; background-color: #fff; border-radius: 2.4rem;}
.modal .modal_wrap .modal_cont .modal_close {position: absolute; top: 3.5rem; right: 3rem; width: 3rem; height: 3rem; cursor: pointer; z-index: 2; flex-shrink: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="54" height="54" viewBox="0 0 54 54" fill="none"><path d="M48.4863 0.943405C49.7442 -0.314503 51.7839 -0.314221 53.042 0.943405C54.3 2.20146 54.3 4.24101 53.042 5.49907L31.5479 26.9922L53.042 48.4864C54.3 49.7444 54.3 51.784 53.042 53.042C51.7839 54.3 49.7444 54.3001 48.4863 53.042L26.9922 31.5479L5.49902 53.042C4.24096 54.3001 2.2014 54.3001 0.943359 53.042C-0.31426 51.784 -0.31452 49.7443 0.943359 48.4864L22.4365 26.9922L0.943359 5.49907C-0.314407 4.241 -0.314568 2.20137 0.943359 0.943405C2.20132 -0.314559 4.24094 -0.314373 5.49902 0.943405L26.9922 22.4366L48.4863 0.943405Z" fill="%23101010"/></svg>') no-repeat center; background-size: 1.2em; transition: transform 0.5s; }
.modal .modal_wrap .modal_cont .modal_close.wh {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="54" height="54" viewBox="0 0 54 54" fill="none"><path d="M48.4863 0.943405C49.7442 -0.314503 51.7839 -0.314221 53.042 0.943405C54.3 2.20146 54.3 4.24101 53.042 5.49907L31.5479 26.9922L53.042 48.4864C54.3 49.7444 54.3 51.784 53.042 53.042C51.7839 54.3 49.7444 54.3001 48.4863 53.042L26.9922 31.5479L5.49902 53.042C4.24096 54.3001 2.2014 54.3001 0.943359 53.042C-0.31426 51.784 -0.31452 49.7443 0.943359 48.4864L22.4365 26.9922L0.943359 5.49907C-0.314407 4.241 -0.314568 2.20137 0.943359 0.943405C2.20132 -0.314559 4.24094 -0.314373 5.49902 0.943405L26.9922 22.4366L48.4863 0.943405Z" fill="%23fff"/></svg>') no-repeat center; background-size: 1.2em; transition: transform 0.5s; }
.modal .modal_wrap .modal_cont .modal_close.out { top: -2rem; right: 0; transform: translateY(-100%);}

.modal .modal_wrap .modal_cont .head{display: flex; align-items: center; justify-content: space-between; padding: 2.4rem 2.4rem 2rem; background:var(--navy)}
.modal .modal_wrap .modal_cont .head .tit{margin-right: 1.5em; font-size:var(--h7); font-weight: 700; color: #fff;}
.modal .modal_wrap .modal_cont .head .modal_close {position: static; }
.modal .modal_wrap .modal_cont .head .modal_close.out {position: absolute; }

.modal .modal_wrap .modal_cont .btn_wrap { display: flex; align-items: center; justify-content: center; width: 100%; margin-top: 5rem; }
.modal .modal_wrap .modal_cont .btn_wrap .btm_btn { cursor:pointer;display: flex; align-items: center; justify-content: center; flex: 1; max-width: 50%; height: 3.2em; padding: 0 1.5em; line-height: 3.2rem; font-size: var(--p3); font-weight: 600; border-radius: 0.8rem; background-color: #000; border: 1px solid #000; color: #fff; box-shadow: 0 0 0 transparent; transition: all 0.3s; white-space: nowrap; }
.modal .modal_wrap .modal_cont .btn_wrap .btm_btn.line{background-color: #fff; color: #000; border-color: #000;}
.modal .modal_wrap .modal_cont .btn_wrap .btm_btn .txt { font-weight: 600; }
.modal .modal_wrap .modal_cont .btn_wrap > * + * { margin-left: 1rem; }


/* over modal */
.over_modal {display: block; overflow: auto; position: fixed; top:0; left:0; right:0; bottom:0; z-index: 9999; opacity: 0; width:100%; height: 100%; padding: 8rem 0; background: rgba(0,0,0,0.7); font-size: var(--p3); pointer-events: none; transition: 0.3s ease-in-out;}
.over_modal.open {opacity: 1; pointer-events: inherit; }
.over_modal .modal_wrap {display: table; table-layout: fixed; vertical-align: middle; margin: 0 auto; width: 100%; height: 100%; position: relative; padding: 0 2rem;}
.over_modal .modal_wrap .scroll_box {display: table-cell; vertical-align: middle}
.over_modal .modal_wrap .modal_cont {position: relative; width: max(50rem, 500px); max-width: 100%; margin: 0 auto; background-color: #fff;}
.over_modal .modal_wrap .modal_cont .modal_close {position: absolute; top: 3rem; right: 3rem; width: 3rem; height: 3rem; cursor: pointer; z-index: 2;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="54" height="54" viewBox="0 0 54 54" fill="none"><path d="M48.4863 0.943405C49.7442 -0.314503 51.7839 -0.314221 53.042 0.943405C54.3 2.20146 54.3 4.24101 53.042 5.49907L31.5479 26.9922L53.042 48.4864C54.3 49.7444 54.3 51.784 53.042 53.042C51.7839 54.3 49.7444 54.3001 48.4863 53.042L26.9922 31.5479L5.49902 53.042C4.24096 54.3001 2.2014 54.3001 0.943359 53.042C-0.31426 51.784 -0.31452 49.7443 0.943359 48.4864L22.4365 26.9922L0.943359 5.49907C-0.314407 4.241 -0.314568 2.20137 0.943359 0.943405C2.20132 -0.314559 4.24094 -0.314373 5.49902 0.943405L26.9922 22.4366L48.4863 0.943405Z" fill="%23101010"/></svg>') no-repeat center; background-size: 1.2em; transition: transform 0.5s; }
.over_modal .modal_wrap .modal_cont .modal_close.wh {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="54" height="54" viewBox="0 0 54 54" fill="none"><path d="M48.4863 0.943405C49.7442 -0.314503 51.7839 -0.314221 53.042 0.943405C54.3 2.20146 54.3 4.24101 53.042 5.49907L31.5479 26.9922L53.042 48.4864C54.3 49.7444 54.3 51.784 53.042 53.042C51.7839 54.3 49.7444 54.3001 48.4863 53.042L26.9922 31.5479L5.49902 53.042C4.24096 54.3001 2.2014 54.3001 0.943359 53.042C-0.31426 51.784 -0.31452 49.7443 0.943359 48.4864L22.4365 26.9922L0.943359 5.49907C-0.314407 4.241 -0.314568 2.20137 0.943359 0.943405C2.20132 -0.314559 4.24094 -0.314373 5.49902 0.943405L26.9922 22.4366L48.4863 0.943405Z" fill="%23fff"/></svg>') no-repeat center; background-size: 1.2em; transition: transform 0.5s; }
    
.over_modal .modal_wrap .modal_cont.member{width: 60rem; background: none;}

.over_modal .modal_wrap .modal_cont .head .modal_close {position: static}
.over_modal .modal_wrap .modal_cont.terms {width: max(100rem, 800px);}
.over_modal .modal_wrap .modal_cont.terms.w500 {width: max(60rem, 600px);}
.over_modal .modal_wrap .modal_cont .head{display: flex; align-items: center; justify-content: space-between; padding: 2.4rem 2.4rem 2rem; background:var(--navy); color: #fff;}
.over_modal .modal_wrap .modal_cont .head .tit{margin-right: 1.5em; font-size:var(--h7); font-weight: 700;}


.over_modal .modal_wrap .modal_cont.terms h3 {font-size: var(--p1) !important;}


/* 비디오 모달 */
.modal .modal_wrap .modal_cont.video_modal {width: 100rem; }
.modal .modal_wrap .modal_cont.video_modal .video {position: relative; border-radius: 2.4rem; overflow: hidden; padding-top:56.25%;}
.modal .modal_wrap .modal_cont.video_modal img,
.modal .modal_wrap .modal_cont.video_modal video,
.modal .modal_wrap .modal_cont.video_modal iframe {position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain;}




.modal_cont.terms{overflow: hidden; border-radius: 2.4rem;}
.modal_cont.terms .cont{overflow-y: auto; max-height: 65vh; padding: 2.4rem; background-color: #f6f6f6; border-radius: 0 0 2.4rem 2.4rem; font-size: var(--p3);}
.modal_cont.terms .cont .h3 {font-weight: 700; font-size: var(--txt3); margin-bottom: 5px;}
.modal_cont.terms .cont .sect + .sect {margin-top: 20px;}
.modal_cont.terms .cont::-webkit-scrollbar{width: 10px;}
.modal_cont.terms .cont::-webkit-scrollbar-thumb{background: #d7d7d7; border-right: 5px solid #f6f6f6; border-radius: 3px; border-top-right-radius: 8px 3px; border-bottom-right-radius: 8px 3px;}
.modal_cont.terms .cont::-webkit-scrollbar-track{background: #f6f6f6;}
.modal_cont.terms .cont::-webkit-scrollbar-button:vertical:decrement{height: 15px;}
.modal_cont.terms .cont::-webkit-scrollbar-button:vertical:increment{height: 15px;}
.modal_cont.terms .item {display: flex}
.modal_cont.terms .item .number {margin-right: 0.3em}

.modal_cont.terms .cont .table{margin-left: 0; margin-right: 0;}

.modal .modal_wrap .modal_cont.member{width: max(50rem, 500px);}




/* 알랏레이어 */
.msg_layer{display: block; justify-content: center; align-items: center; overflow: auto; position: fixed; top:0; bottom:0; left:0; right:0; z-index: 9999; opacity: 0; width:100%; height: 100%; padding: 50px 20px 80px; background: rgba(0, 0, 0, 0.5); pointer-events: none; transition: 0.2s ease-in-out}
.msg_layer.open{opacity: 1; pointer-events: inherit}
.msg_layer .modal_wrap{display: table; position: relative; width: 100%; height: 100%; padding: 0 var(--resp_wrap_pd); margin: 0 auto; table-layout: fixed; vertical-align: middle}
.msg_layer .modal_wrap .scroll_box{display: table-cell; vertical-align: middle}
.msg_layer .modal_wrap .modal_cont {position: relative; width:max(45rem, 450px); max-width: 100%; padding: 40px var(--modal_row_pd) 40px; margin: 0 auto; background-color: #fff; border-radius: 12px;}
.msg_layer .modal_wrap .modal_cont .cont {padding: 4rem 3rem}
.msg_layer .modal_wrap .modal_cont .cont p {font-size: var(--txt3); text-align: center}
.msg_layer .modal_bot_box {display: flex; justify-content: center}
.msg_layer .modal_bot_box .btn {display: inline-block; width: 12rem; height: 4rem; line-height: 3.9rem; background-color: #000; color: #fff}
.msg_layer .modal_bot_box .btn:first-child:nth-last-child(2),
.msg_layer .modal_bot_box .btn:first-child:nth-last-child(2) ~ .btn {width: 12rem;}
.msg_layer .modal_top { display: flex; align-items: center; justify-content: space-between; padding: 4rem 4rem 2rem; display: none}
.msg_layer .modal_top.step { align-items: flex-start; }
.msg_layer .modal_top .tit_wrap {  }
.msg_layer .modal_top .step { font-size: 16px; font-weight: 600; }
.msg_layer .modal_top .step + .tit { margin-top: 10px; }
.msg_layer .modal_top .tit { font-size: 24px; font-weight: 700; }
.msg_layer .btn_wrap { display: flex; align-items: center; justify-content: center; width: 100%; margin-top: 3rem; }
.msg_layer .btn_wrap .btm_btn { cursor:pointer;display: flex; align-items: center; justify-content: center; flex: 1; max-width: 50%; height: 3em; padding: 0 1.5em; line-height: 3.1rem; font-size: var(--p3); font-weight: 600; border-radius: 2em; background-color: var(--blue); border: 1px solid var(--blue); color: #fff; box-shadow: 0 0 0 transparent; transition: box-shadow 0.3s, background-color 0.3s, color 0.3s; white-space: nowrap; }
.msg_layer .btn_wrap .btm_btn.wh{background-color: #fff; color: #000; border-color: #000;}
.msg_layer .btn_wrap .btm_btn .txt { font-weight: 600; }
.msg_layer .btn_wrap > * + * { margin-left: 1rem; }


/* QR */
.modal .modal_wrap .modal_cont.quick_qr{width: max(40rem, 400px);;}
.modal .modal_wrap .modal_cont.quick_qr .modal_close{position: absolute;}
.modal .modal_wrap .modal_cont.quick_qr .head{background-color: transparent; padding: 0;}

/* 404 */
.un_found_wrap{background-color: #F9F5EF; color: #101010; height: 100vh; display: flex; align-items: center; justify-content: center; text-align: center; padding:var(--inPd)}
.un_found_wrap .ico svg{height: 5em; fill: #fff; margin-bottom: 1em}
.un_found_wrap .tit{font-size:var(--tit); font-weight:700;}
.un_found_wrap .txt{margin-top: 1em;}
.un_found_wrap .round_btn{margin-top: 6rem; display: flex; justify-content: center;}



/* hover */
@media screen and (min-width: 1241px) {
    .swiper_controls .swiper_btn:hover svg {opacity: 1;}
    .com_load_box .ico_cont_box .box:hover {border-color: #fff;}

    .header .nav .list .depth1:hover > a {color: var(--blue);}



    .header .util_wrap .util_btn_box:hover .util_btn +  .network_list {opacity: 1; pointer-events: visible;}
    .header .util_wrap .util_btn:not(.ico):hover{background-color: #101010; color: #fff;}
    .keyword_form .keyword .btn:hover {background-color: #1c1c1c; color: #fff; border-color: #1c1c1c;}
    .header .all_search_box .close_btn:hover {transform: rotate(180deg);}
    .site_map .top .close_btn:hover {transform: rotate(180deg);}

    .site_map .cont .list .depth2 > li:hover > a {color: var(--blue);}
    .site_map .cont .list .depth2 .depth3 li a:hover {padding-left: 0.5em; color:#1c1c1c;}
    .site_map .cont .list .depth2 .depth3 li a:hover::before {opacity: 1; transform: unset;}

    .form_chk .chk_box + .view_btn:hover {color: #1c1c1c; border-color: #1c1c1c;}
    .footer .quick_form .form_box .inp_cont .submit_btn:hover {background-color: var(--blue);}
    .footer .foo_info_cont .left_cont .link_txt .txt:hover::before {width: 100%;}
    .footer .foo_info_cont .ico_cont .ico:hover svg g path,
    .footer .foo_info_cont .ico_cont .ico:hover svg path {fill: var(--navy); }
    .footer .foo_info_cont .ico_cont .ico:hover svg mask path {fill: #fff;}
    /* .fixed_qucik .btn:hover .txt span {transform: translateY(-100%);} */
    .fixed_qucik .btn.consult:hover,
    .fixed_qucik .call_box.kakao .cont:hover{background-color: #DDF0FF;}
    .fixed_qucik .btn.top:hover{background-color: var(--blue);}

    .all_search_page .tab_wrap .tab:hover {color: #1C1C1C;}
    .all_search_page .tab_wrap .tab:hover::before {width: 100%;}
    .all_search_page .menu_sect .cont_box .cont:hover .arr_ico_box .arr_ico {background-color: var(--navy);}
    .all_search_page .menu_sect .cont_box .cont:hover .arr_ico_box .arr_ico .ico {background: url('data:image/svg+xml, <svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.3789 10.0225L12.1631 17.959L11.4912 18.6992L10.0107 17.3535L10.6836 16.6133L16.3789 10.3496L-4.52396e-07 10.3496L-3.64973e-07 8.34961L16.3789 8.34961L10.6836 2.08496L10.0107 1.3457L11.4912 -3.71504e-07L12.1631 0.740234L19.3789 8.67676L19.9902 9.34961L19.3789 10.0225Z" fill="%23fff"></path></svg>') no-repeat center / contain;}
    .modal .modal_wrap .modal_cont .btn_wrap .btm_btn:hover{background-color: var(--blue); border-color: var(--blue);}
    

    .site_map{display: none;}

}

html {font-size: clamp(8.5px, calc(0.3125vw - 0px), 10px);} 




@media screen and (max-width: 2560px) {


}






@media screen and (max-width: 2000px) {
    html { font-size: 8px; }

    :root {
        --hdH : 80px;

        --h1:7.5rem; 
        --h2:5.4rem; 
        --h3:4.5rem; 
        --h4:4.0rem; 
        --h5:26px; 
        --h6:24px; 
        --h7:22px; 
    
        --p1:20px; 
        --p2:18px;
        --p3:17px;  /* 본문 */  
        --p4:15px;
        --p5:14px;
        --p6:13px;


    }

    .header .nav .depth1 > li.is-open .depth2_wrap{height: 63rem;}
    .header .nav .depth2_wrap .depth_tit .tit{font-size: 4.5rem;}
    .header .nav .depth2_wrap .depth2 > li > a{font-size: 18px;}
    .header .nav .depth2_wrap .depth2.wide > li > a{width: 30rem;}
    .header .nav .depth2_wrap .depth2.wide .depth3 > li > a {width: 20rem;}
    .header .nav .depth2_wrap .depth3 > li > a{font-size: 16px; width: 17rem;}
    .header .nav .depth2_wrap li a{height: 6.6rem;}
    .header .nav .depth2_wrap .depth2{padding-top: 1.5rem;}
    .header .nav .depth2_wrap .depth_tit{padding-top: 1.7rem;}
    .header .util_wrap .network_list .network_box{padding: 2rem;}





    /* .reserv_modal .modal_cont .head {padding: 2.5rem 3rem 1.8rem;} */
    .modal_cont .form_cont{padding: 3rem;}
    .modal_cont .form_cont .nice-select,
    .modal_cont .form_cont .placeholder,
    .modal_cont .form_cont .btm_box .form_chk,
    .write_modal_form .form_list > li .nice-select{font-size: 15px;}

    .modal_3d .device_sect .device_3d .remote .remote_cont .product_main .product_main_list .item .cate{font-size: var(--tinyTxt);}
    .modal_3d .device_sect .device_3d .how_info .how_info_list{font-size: 12px;}
}



@media screen and (max-width: 1840px) {

    .header .sub_logo {font-size: var(--p3);}
    .header .nav .list .depth1 > a {padding: 0 1.6em;}
}

@media screen and (max-width: 1640px) {


    

    html { font-size: 7px; }

    :root {

       

        --h1:54px; 
        --h2:40px; 
        --h3:36px; 
        --h4:32px; 
        --h5:26px; 
        --h6:23px; 
        --h7:21px; 
    
        --p1:19px; 
        --p2:17px;
        --p3:16px;  
        --p4:14px;
        --p5:13px;

    }



}


@media screen and (max-width: 1440px) {

    :root {
        --hdIn:var(--inPd);
    }
    .header .sub_logo {font-size: var(--p5);}
    .site_map .cont .list .depth2 {grid-template-columns: repeat(4,minmax(0,1fr));}
    .header .nav {left: 55%;}

    .fixed_qucik{ bottom: 3rem;}
    .fixed_qucik .btn{margin-top: 10px; }
    .fixed_qucik .call_box .top_tit{font-size: 10px;}

    .fixed_qucik .btn .txt,
    .fixed_qucik .call_box .cont,
    .fixed_qucik .call_box.kakao .cont .txt span{font-size: 14px;}
    
    /* .fixed_qucik .call_box .cont .ico{display: none;} */
}



@media screen and (max-width: 1240px) {
    html { font-size: 7px; }

    :root {
        --hdH: 70px;
        --subMt: 6rem;

        --h1:50px; 
        --h2:38px; 
        --h3:34px; 
        --h4:30px; 
        --h5:24px; 
        --h6:22px; 
        --h7:20px; 
    
        --p1:18px; 
        --p2:16px;
        --p3:15px;  
        --p4:13px;
        --p5:13px;
        --p6:12px;

    }


    .mo_over { display: none !important; }
    .mo_only { display: block !important; }


    .header .nav {display: none;}
    .header .util_wrap > .ico.ham{display: block;}

    .site_map{overflow: hidden;}
    .site_map .cont {padding-top: 40px;}

    .site_map {background-color: var(--navy);}
    .site_map .cont {position: relative; padding: 0; width: 100%; height: 100%; overflow-y: auto;}
    .site_map .cont .in {padding: 0; min-height: 100%;}
    .site_map .cont .list {display: block; max-width: 100%; padding: 0; margin-top: 0; min-height: 100%;}
    .site_map .cont .list .depth1 {display: block; width: 100%; border: none !important; padding-bottom: 0;}
    .site_map .cont .list .depth1 + .depth1 {margin-left: 0; padding: 0; border-top: 1px solid rgba(255, 255, 255, 0.15);}
    .site_map .cont .list .depth1 > a {position: relative; display: flex; align-items: center; width: 100%; padding: 1em var(--inPd); cursor: pointer; font-size: var(--h6); color: #fff; font-weight: 700; background-color: var(--navy);}
    .site_map .cont .list .depth1 > a:before {display: none;}
    .site_map .cont .list .depth1 > a span {display: inline-block; transform: translateY(0); transition: none;}
    .site_map .cont .list .depth1.has-depth2 > a:after {content: ""; display: block; width: 0.7em; height: 1em; margin-left: auto; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8" fill="none"><path d="M5.04564 7.13991C5.44405 7.59524 6.15238 7.59524 6.55079 7.13991L11.347 1.6585C11.9128 1.01192 11.4536 0 10.5944 0H1.00199C0.142827 0 -0.316351 1.01192 0.249409 1.6585L5.04564 7.13991Z" fill="%23FFFFFF"/></svg>') center / contain no-repeat; transition: transform 0.3s ease-in-out;}
    /* .site_map .cont .list .depth1.active > a {background-color: #fff; color: #101010;} */
    .site_map .cont .list .depth1.active.has-depth2 > a:after {transform: rotate(180deg); background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8" fill="none"><path d="M5.04564 7.13991C5.44405 7.59524 6.15238 7.59524 6.55079 7.13991L11.347 1.6585C11.9128 1.01192 11.4536 0 10.5944 0H1.00199C0.142827 0 -0.316351 1.01192 0.249409 1.6585L5.04564 7.13991Z" fill="%23fff"/></svg>');}

    /* .site_map .cont .list .depth1.has-depth2.active{padding-bottom:1.35em} */
    .site_map .cont .list .depth2 {display: none; position: static; min-height: 0; height: auto; margin-top: 0; padding: 0 0 1.5em; color: #101010; background-color: #fff; border: none; z-index: auto;}    
    .site_map .cont .list .depth1 .depth2 {padding: 1em 0.7em;
        background-color: var(--gray_bg);
        border-radius: var(--radius);
        margin: 0 1.2em; padding-bottom: 1.35em;}
    .site_map .cont .list .depth2.on {height: auto;}
    .site_map .cont .list .depth1.on .depth2 {}
    .site_map .cont .list .depth2 > li {font-size: var(--p1); border-left: none; padding: 0 var(--inPd);}
    .site_map .cont .list .depth2 > li + li {margin-top: 0; border-top: none; border-left: none;}
    .site_map .cont .list .depth2 > li > a {position: relative; display: flex; align-items: center; cursor: pointer; padding: 0.7em 0; font-size: var(--p2); font-weight: 700; line-height: 1.4; transition: none; color: #101010;}
    .site_map .cont .list .depth2 > li > a span {transition: none;}
    .site_map .cont .list .depth2 > li > a:after {display: none;}
    .site_map .cont .list .depth2 > li.active > a {color: #101010;}
    .site_map .cont .list .depth2 > li.on > a {padding-left: 0;}
    .site_map .cont .list .depth2 > li.on > a:before {opacity: 0; left: 0;}
    .site_map .cont .list .depth2 .depth3 {display: none !important; margin-top: 0; padding: 0; background: none; border-radius: 0; margin-bottom: 0;}
    .site_map .cont .list .depth2 .depth3 > li:first-child {display: none;}
    .site_map .cont .list .depth2 .depth3 li a span {transition: none;}
    .site_map.active .cont .list .depth2 .depth3 li.active a::before {transition-delay: 0s; transition: 0s;}

    
    .site_map .cont .list .depth1.has-depth3 .depth2 {padding-bottom: 1.2em; }
    .site_map .cont .list .depth1.has-depth3 .depth2 > li {padding: 0 var(--inPd);}
    .site_map .cont .list .depth1.has-depth3 .depth2 > li > a {font-size: var(--p3); font-weight: 500; color: var(--gray2); padding: 0.55em 0 0.55em 0; line-height: 1.5;}
    .site_map .cont .list .depth1.has-depth3 .depth2 > li > a::before {content: ""; position: absolute; left: 0; top: 0.75em; width: 3px; height: 3px; background-color: #1c1c1c; opacity: 0; transform: translate(-10px, -50%); transition: 0.3s ease-in-out; border-radius: 50%;}
    .site_map .cont .list .depth1.has-depth3 .depth2 > li.active > a {padding-left: 0.5em; color: #1c1c1c;}
    .site_map .cont .list .depth1.has-depth3 .depth2 > li.active > a::before {opacity: 1; transform: translate(0, -50%);}



    .footer .foo_info_cont {position: relative;}
    .footer .foo_info_cont .ico_cont{position: absolute; right: 0; top:4rem;}


    .com_load_box .info_cont {padding: 30px}
    .com_load_box .info_cont .txt_cont_box {display: block;}
    .com_load_box .info_cont .txt_box {margin-top: 1em;}
    .com_load_box .info_cont .txt_box .txt {font-size: var(--p2);}

    .all_search_page .tab_wrap .tab_box {overflow-x: auto; display: flex; width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd);}
    .all_search_page .tab_wrap .tab_box::-webkit-scrollbar {display: none;}
    .all_search_page .tab_wrap .tab {flex-shrink: 0;}
 

    .all_search_page .menu_sect .cont_box {grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px;}
    .all_search_page .menu_sect .cont_box .cont {padding: 20px;}

}



@media screen and (max-width: 1024px) {

    .site_map .cont .list .depth2 {grid-template-columns: repeat(3,minmax(0,1fr));}

    .com_load_box {flex-direction: column;}
    .com_load_box .map_cont {padding-top: max(40%, 200px);}
    .com_load_box .cont {width: 100%; order: 2;}
    .com_load_box .cont + .cont {order: 1;}
    .com_load_box .cont .map_cont {position: absolute; left: 0; top: 0;}

    .footer .quick_form .cont_tit_box .num {font-size: var(--h3);}
    .footer .quick_form .form_box {width: 55%;}

    .footer .foo_info_cont .left_cont .info_txt {flex-wrap: wrap; gap: 5px 10px;}
    .footer .foo_info_cont .left_cont .info_txt li + li::before {left: -5px;}

}



@media screen and (max-width: 768px) {
    html {font-size: 6px;}
    

    :root {
        --hdH: 60px;
        --hdIn: 15px;
        --inPd: 15px;

        --h1:34px; 
        --h2:28px; 
        --h3:26px; 
        --h4:24px; 
        --h5:20px; 
        --h6:18px; 
        --h7:18px; 
    
        --p1:16px; 
        --p2:14px;
        --p3:14px;  
        --p4:13px;
        --p5:12px;
        --p6:12px;

        --subVisPd: 60px;
        --subPd: 120px;
        --subMt: 30px;
    
        --radius: 10px; 
        --radius2: 20px; 
    
        --pd2:100px;
        --pd3:100px;
        --pd4:80px;

        --contMt:30px;
    
    }

    .phone_only {display: block !important;}
    .phone_only.flex {display: flex !important;} 
    .phone_over {display: none !important;}


    .header .sub_logo {font-size: 10px; padding: 0.4em 0.7em; border-radius: 5px; margin-left: 10px;}

    .footer{padding-bottom: 100px;}
    .footer .quick_form {display: block;}
    .footer .quick_form .form_box{width: 100%; margin-top: var(--contMt);}
    .footer .foo_info_cont .left_cont .info_txt li + li::before {display: none;}

    .fixed_qucik .btn.top .txt span{text-shadow: none;}

    .all_search_page .menu_sect .cont_box .cont {padding: 15px 20px;}
    
    .all_search_box .keyword_form {overflow: hidden;}
    .keyword_form .keyword_box {width: 90rem; display: block;}
    .keyword_form .keyword {margin-top: 10px;}
    .keyword_form .search {width: 90rem;}
    .keyword_form .search input {font-size: var(--p3); height: 4em; width: 100%; border-radius: 10px;}
    .keyword_form .search input::placeholder {font-size: var(--p5);}
    .keyword_form .commonFileDeleteBtn {right: 3.5em;}
    .keyword_form .search input{padding: 0 5.5em 0 1em;}
    .keyword_form .search .btn_search {right: 1em;}

    .keyword_form .keyword {overflow-x: auto; display: flex; flex-wrap: nowrap; padding-bottom: 5px; gap: 5px 10px; width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd); max-width: none;padding-bottom: 5px;}
    .keyword_form .keyword::-webkit-scrollbar {display: none;}
    .keyword_form .keyword .btn {flex-shrink: 0;}
    .keyword_form .keyword .btn_more {display: none;}
    .keyword_form .keyword .btn.none {display: block;}



    .fixed_qucik {display: grid; grid-template-columns: repeat(4,minmax(0,1fr)) ;align-items: center; right: 0; bottom: 0; width: 100%; height: 70px; background-color: var(--skyblue) ;}
    .fixed_qucik .btn {height: auto; margin: 0; color: #fff;}
    
    .fixed_qucik .btn .ico {width: 1.5em; height: 1.5em;}
    .fixed_qucik .btn.blog .ico{width: 1.2em;}
    .fixed_qucik .btn.consult .ico {width: 1.2em; height: 1.5em;}
    .fixed_qucik .btn.consult .ico path {fill: #fff;}
    .fixed_qucik .btn.consult .ico path.line {fill: var(--skyblue);}
    .fixed_qucik .btn.people .ico path[fill="#003147"] {fill: var(--skyblue);}

    .fixed_qucik .btn.consult {background-color: transparent; box-shadow: none; color: #fff; border: none;}
    .fixed_qucik .btn.top {position: absolute; right: 15px; top: -15px; height: 50px; width: 50px;  transform: translateY(-100%); font-size: 11px;}
    .fixed_qucik .btn.top svg {width: 0.6em;}

    .fixed_qucik .btn.consult .txt {font-weight: 600;}
    .fixed_qucik .btn.consult .txt span {text-shadow: none;}



    .all_search_page .menu_sect .cont_box {grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px;} 

    

    /*    7681*/
}



@media screen and (max-width: 767px) and (min-width: 601px) {
    .fold_only {display: block !important;}
}



@media screen and (max-width: 600px) {


    :root {
        --hdH: 60px;
        --subMt:30px;
        --subPd: 80px;
        /* --subMt2:20px; */


    }

    .mini_over{display: none !important;}
    .mini_only{display: block !important;}
    .mini_only.inline {display: inline !important}

    .round_btn .btn{padding: 1.1em 1.5em; font-size: 13px;}
    .round_btn .btn:after{margin-left: 0.5em;}

    .round_tab .tab{font-size: 16px;}

    /*.header .logo{width:150px;}*/
    .header .util_wrap > * + *{margin-left: 8px;}


    .footer{padding: 45px 0 95px;}

    .com_load_box .info_cont {padding: 30px 20px;}
    .com_load_box .cont {border-radius: var(--radius);}
    .com_load_box .ico_cont_box {grid-template-columns: repeat(2,minmax(0,1fr));}
    .com_load_box .ico_cont_box .box {padding: 15px 10px; border-radius: 10px;}

    .definition_sect .sub_tit_box .txt br {display: none;}


    .all_search_page .menu_sect .cont_box {grid-template-columns: repeat(1,minmax(0,1fr));} 

    /* .site_map .cont .list .depth1 > a {width: 24rem;}
    .site_map .cont .list .depth2 {left: calc(24rem - 1px);width: calc(100% - 24rem + 1px);}
    .site_map .cont .list .depth2 .depth3 li a span {word-break: break-all;} */

}



@media screen and (max-width: 345px) {
    html {font-size: 5.5px;}

    .fold_mini_only{ display: block !important; }


    :root {
        --h1:32px; 
        --h2:26px; 
        --h3:24px; 
        --h4:22px; 
        --h5:18px; 
        --h6:16px; 
        --h7:16px; 
    
        --p1:13px; 
        --p2:12px;
        --p3:12px;  
        --p4:12px;
        --p5:11px;
        --p6:11px;
    }
}