@charset "utf-8";

:root {
    --inPd: 20px;
    --headerH: 11.6rem;
    --headerSidePadding: 6rem;
    --footerH: 20.2rem;

    --mainInWide: min(100%, 186rem); /* 최대 1800px, 패딩포함 1860px */
    --mainSidePadding: 3rem;


    --subIn: min(100%, 126rem); /* 최대 1220px, 패딩포함 1260px */
    --subInWide: min(100%, 144rem); /* 최대 1440px */
    --subSidePadding: 2rem;

    --inpH: 6rem;  /* 70 */
    --inpH: 3.3em;

    --color111: #111111;
    --point: #002741;

    --cellTextColor: #FF7700;
    --healthcareTextColor: #00BA9B;
    --lifeScienceTextColor: #1EA0FE;
    --bioInfraTextColor: #003B72;

    --brown: #322D25;
    --navy: #1B1C66;
    --black:#1c1c1c;
    --bg: #F6F6F6;
    --bg2: #F5F1EC;
    --blue: #002575;
    --gray: #AAAAAA;
    --lineColor: #e5e5e5;

    /* --en:"Poppins", sans-serif;
    --en2: "kudryashev-d-contrast-sans", sans-serif; */

    --mainTitlefontSize: 6.4rem;
    --mainTest: 3.4rem;


    --stickyGap: 10rem; /* 연혁 페이지 */
    --tit: max(5.4rem, 50px);     /* 65 */
    --tit55: max(4.6rem, 48px);  /* 55 임시 추가 */
    --tit50: max(4.2rem, 45px);   /* 50 추가 */
    --tit45: max(3.8rem, 40px);   /* 45 임시 추가 */
    --tit40: max(3.3rem, 35px);    /* 40  임시 추가*/
    --tit35: max(2.9rem, 30px);   /* 35 임시 추가 */
    --smTit: max(2.5rem, 26px);   /* 30 */


    --lgTxt2: max(2.5rem, 25px); /* 30 */
    --lgTxt: max(2rem, 22px); /* 25 */
    --txt1: max(1.8rem, 20px); /* 22 */
    --txt2: max(1.6rem, 19px); /* 20 */
    --txt: max(1.5rem, 18px); /* 18 */
    --subTxt: max(1.5rem, 18px); /* 18 */
    --smTxt: max(1.3rem, 15px); /* 16 */
    --tinyTxt: max(1.2rem, 14px); /* 15 */

    --subSectPd: 16rem; /* 200 */
    --subSectPd2: 20rem; /* 260 */

    --subContMt2: 20rem; /* 260 */
    --subContMt1: 16rem; /* 200 */
    --subContMt: max(6.4rem, 70px); /* 80 */



    --radius: 3.2rem;
    --radius3: 2.5rem; /* 30 */
    --inpRadius: 0.8rem;

}

html.scroll_none { overflow: hidden; }
.en { font-family: var(--en); }
.ms_preloader { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 1; visibility: visible; background-color: #fff; z-index: 9999; }
.hidden {clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; position: absolute; width: 1px}
.pc1024 {display: block !important;}
.pc768 {display: block !important;}
.mo1024 {display: none !important;}
.mo768 {display: none !important;}

.tal {text-align: left !important;}
.tac {text-align: center !important;}
.tar {text-align: right !important;}

.fl{float:left !important;}
.fr{float:right !important;}
.cl{ clear:both !important;}
.db {display: block;}
.dib {display: inline-block;}
.df {display: flex;}
.df > div {flex:1;}

.highlight {color: #FF8412;font-weight: inherit;}

/* Margin Top */
.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 0.5rem !important; }      /* 5px */
.mt10 { margin-top: 1rem !important; }       /* 10px */
.mt15 { margin-top: 1.5rem !important; }     /* 15px */
.mt20 { margin-top: 2rem !important; }       /* 20px */
.mt25 { margin-top: 2.5rem !important; }     /* 25px */
.mt30 { margin-top: 3rem !important; }       /* 30px */
.mt35 { margin-top: 3.5rem !important; }     /* 35px */
.mt40 { margin-top: 4rem !important; }       /* 40px */
.mt45 { margin-top: 4.5rem !important; }     /* 45px */
.mt50 { margin-top: 5rem !important; }       /* 50px */
.mt55 { margin-top: 5.5rem !important; }     /* 55px */
.mt60 { margin-top: 6rem !important; }       /* 60px */

/* Margin Right */
.mr0 { margin-right: 0 !important; }
.mr5 { margin-right: 0.5rem !important; }    /* 5px */
.mr10 { margin-right: 1rem !important; }     /* 10px */
.mr15 { margin-right: 1.5rem !important; }   /* 15px */
.mr20 { margin-right: 2rem !important; }     /* 20px */
.mr25 { margin-right: 2.5rem !important; }   /* 25px */
.mr30 { margin-right: 3rem !important; }     /* 30px */
.mr35 { margin-right: 3.5rem !important; }   /* 35px */
.mr40 { margin-right: 4rem !important; }     /* 40px */
.mr45 { margin-right: 4.5rem !important; }   /* 45px */
.mr50 { margin-right: 5rem !important; }     /* 50px */
.mr55 { margin-right: 5.5rem !important; }   /* 55px */
.mr60 { margin-right: 6rem !important; }     /* 60px */

/* Margin Bottom */
.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 0.5rem !important; }   /* 5px */
.mb10 { margin-bottom: 1rem !important; }    /* 10px */
.mb15 { margin-bottom: 1.5rem !important; }  /* 15px */
.mb20 { margin-bottom: 2rem !important; }    /* 20px */
.mb25 { margin-bottom: 2.5rem !important; }  /* 25px */
.mb30 { margin-bottom: 3rem !important; }    /* 30px */
.mb35 { margin-bottom: 3.5rem !important; }  /* 35px */
.mb40 { margin-bottom: 4rem !important; }    /* 40px */
.mb45 { margin-bottom: 4.5rem !important; }  /* 45px */
.mb50 { margin-bottom: 5rem !important; }    /* 50px */
.mb55 { margin-bottom: 5.5rem !important; }  /* 55px */
.mb60 { margin-bottom: 6rem !important; }    /* 60px */

/* Margin Left */
.ml0 { margin-left: 0 !important; }
.ml5 { margin-left: 0.5rem !important; }     /* 5px */
.ml8 { margin-left: 0.8rem !important; }     /* 8px */
.ml10 { margin-left: 1rem !important; }      /* 10px */
.ml15 { margin-left: 1.5rem !important; }    /* 15px */
.ml20 { margin-left: 2rem !important; }      /* 20px */
.ml25 { margin-left: 2.5rem !important; }    /* 25px */
.ml30 { margin-left: 3rem !important; }      /* 30px */
.ml35 { margin-left: 3.5rem !important; }    /* 35px */
.ml40 { margin-left: 4rem !important; }      /* 40px */
.ml45 { margin-left: 4.5rem !important; }    /* 45px */
.ml50 { margin-left: 5rem !important; }      /* 50px */
.ml55 { margin-left: 5.5rem !important; }    /* 55px */
.ml60 { margin-left: 6rem !important; }      /* 60px */

/* Padding Top */
.pt0 { padding-top: 0 !important; }
.pt5 { padding-top: 0.5rem !important; }     /* 5px */
.pt10 { padding-top: 1rem !important; }      /* 10px */
.pt15 { padding-top: 1.5rem !important; }    /* 15px */
.pt20 { padding-top: 2rem !important; }      /* 20px */
.pt25 { padding-top: 2.5rem !important; }    /* 25px */
.pt30 { padding-top: 3rem !important; }      /* 30px */
.pt35 { padding-top: 3.5rem !important; }    /* 35px */
.pt40 { padding-top: 4rem !important; }      /* 40px */
.pt45 { padding-top: 4.5rem !important; }    /* 45px */
.pt50 { padding-top: 5rem !important; }      /* 50px */
.pt55 { padding-top: 5.5rem !important; }    /* 55px */
.pt60 { padding-top: 6rem !important; }      /* 60px */

/* Padding Right */
.pr0 { padding-right: 0 !important; }
.pr5 { padding-right: 0.5rem !important; }   /* 5px */
.pr10 { padding-right: 1rem !important; }    /* 10px */
.pr15 { padding-right: 1.5rem !important; }  /* 15px */
.pr20 { padding-right: 2rem !important; }    /* 20px */
.pr25 { padding-right: 2.5rem !important; }  /* 25px */
.pr30 { padding-right: 3rem !important; }    /* 30px */
.pr35 { padding-right: 3.5rem !important; }  /* 35px */
.pr40 { padding-right: 4rem !important; }    /* 40px */
.pr45 { padding-right: 4.5rem !important; }  /* 45px */
.pr50 { padding-right: 5rem !important; }    /* 50px */
.pr55 { padding-right: 5.5rem !important; }  /* 55px */
.pr60 { padding-right: 6rem !important; }    /* 60px */

/* Padding Bottom */
.pb0 { padding-bottom: 0 !important; }
.pb5 { padding-bottom: 0.5rem !important; }  /* 5px */
.pb10 { padding-bottom: 1rem !important; }   /* 10px */
.pb15 { padding-bottom: 1.5rem !important; } /* 15px */
.pb20 { padding-bottom: 2rem !important; }   /* 20px */
.pb25 { padding-bottom: 2.5rem !important; } /* 25px */
.pb30 { padding-bottom: 3rem !important; }   /* 30px */
.pb35 { padding-bottom: 3.5rem !important; } /* 35px */
.pb40 { padding-bottom: 4rem !important; }   /* 40px */
.pb45 { padding-bottom: 4.5rem !important; } /* 45px */
.pb50 { padding-bottom: 5rem !important; }   /* 50px */
.pb55 { padding-bottom: 5.5rem !important; } /* 55px */
.pb60 { padding-bottom: 6rem !important; }   /* 60px */

/* Padding Left */
.pl0 { padding-left: 0 !important; }
.pl5 { padding-left: 0.5rem !important; }    /* 5px */
.pl10 { padding-left: 1rem !important; }     /* 10px */
.pl15 { padding-left: 1.5rem !important; }   /* 15px */
.pl20 { padding-left: 2rem !important; }     /* 20px */
.pl25 { padding-left: 2.5rem !important; }   /* 25px */
.pl30 { padding-left: 3rem !important; }     /* 30px */
.pl35 { padding-left: 3.5rem !important; }   /* 35px */
.pl40 { padding-left: 4rem !important; }     /* 40px */
.pl45 { padding-left: 4.5rem !important; }   /* 45px */
.pl50 { padding-left: 5rem !important; }     /* 50px */
.pl55 { padding-left: 5.5rem !important; }   /* 55px */
.pl60 { padding-left: 6rem !important; }     /* 60px */

/* Font-weight */
.fw100 { font-weight: 100 !important; }
.fw200 { font-weight: 200 !important; }
.fw300 { font-weight: 300 !important; }
.fw400 { font-weight: 400 !important; }
.fw500 { font-weight: 500 !important; }
.fw600 { font-weight: 600 !important; }
.fw700 { font-weight: 700 !important; }
.fw800 { font-weight: 800 !important; }
.fw900 { font-weight: 900 !important; }

/* scroll motion */
.scroll-motion { position:relative; opacity:0; transform:translateY(30px); } /* 아래에서 위로 올라오는 모션 */
.scroll-motion.down {transform:translateY(-50px);} /* 위에서 아래로 내려오는 모션 */
.scroll-motion.left {transform:translateX(-50px);} /* 왼쪽에서 오른쪽으로 이동하는 모션 */
.scroll-motion.right { transform:translateX(30px); } /* 오른쪽에서 왼쪽으로 이동하는 모션 */

/* dot_list */
.dot_list > li{padding-left:1.2rem;position:relative;}
.dot_list > li:after{content:'';display:block;position:absolute;left:0;top:0.95rem;width:0.3rem;height:0.3rem;background:#1c1c1c;border-radius:100%;}
.dot_list li + li {margin-top: 0.5rem;}

/* num_list */
.num_list{counter-reset:numList;}
.num_list > li{padding-left:1.8rem;position:relative;counter-increment:numList;}
.num_list > li:after{content:counter(numList) ".";display:block;position:absolute;left:0;top:0;color:#1c1c1c;}
.num_list li + li{margin-top:0.5rem;}

/* dash_list */
.dash_list > li{padding-left:1rem;position:relative;counter-increment:num;}
.dash_list > li:after{content:'';display:block;position:absolute;left:0;top: 0.8rem;width: 0.5rem;height: 0.1rem;background:#1c1c1c;}
.dash_list li + li{margin-top:0.5rem;}






/* header */
body.scroll_lock {position: fixed;} /* 아이폰에서 3depth 열면 상단 여백 튐 방지 */
.header {position: fixed;left: 0;top: 0;right: 0;height: var(--headerH);_padding: 0 var(--mainSidePadding);z-index: 100;background-color: #fff;transition: all 0.4s;border-bottom: 1px solid #E5E5E5;}
.header.down {transform: translateY(calc(-1 * var(--headerH)));}

.header_inner {display: flex;align-items: center;justify-content: space-between;height: 100%;width: var(--mainInWide);}
.header_inner.in {width: var(--mainInWide);padding: 0 var(--mainSidePadding);margin: 0 auto;}
.header .logo {height: 100%;display: flex;align-items: center;justify-content: center;line-height: 0;}
.header .logo img {height: auto;width: 16.3542vw;max-width: 314px;}

.header .nav {height: 100%;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.header .nav::before {content: '';width: 150vw;height: 100vh;display: block;position: fixed;top: var(--headerH);left: calc(50% - 53vw);bottom: 0;pointer-events: none;opacity: 0;background: rgba(0, 0, 0, 0.7);z-index: -1;transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.5s cubic-bezier(0.4, 0, 0.2, 1);}
.header .nav::after {content: '';display: block;position: absolute;top: var(--headerH);left: calc(50% - 53vw);right: 0;width: 150vw;height: 0;pointer-events: auto;background-color: #fff;transition: height 0.5s cubic-bezier(0.4, 0, 0.2, 1);_z-index: -1;}

.header .nav .depth1 {display: flex;align-items: center;height: 100%;}
.header .nav .depth1 > li {position: relative;height: 100%;display: flex;align-items: center;}
.header .nav .depth1 > li > a {display: flex;align-items: center;height:100%;padding-right: clamp(40px, 4.167vw, 80px);font-size: clamp(16px, 1.146vw, 22px);color:#111;font-weight:600;transition:color 0.3s ease, padding 0.4s ease;}
.header .nav .depth1 > li:last-child > a {padding: 0;}
/* .header .nav .depth1 > li > a::after{ content: ""; width: 100%; height: 2px; background: #FF7700; position: absolute; bottom: -1px; left: 0; transform: scaleX(0); transition: transform 0.5s; } 1depth hover시 하단 밑줄 효과 */
.header .nav .depth1 > li > a:hover {color: #FF7700;}

.header .nav .depth2 {height: 0;overflow: hidden;visibility: hidden;opacity: 0;transition: height 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);position: absolute;top: var(--headerH);width: 100%;left: 50%;transform: translateX(-50%);display: flex;flex-direction: column;gap: 3rem;}
.header .nav .depth2 > li:first-child {margin-top: 5rem;}
.header .nav .depth2 > li a {font-size: clamp(14px, 0.938vw, 18px);color: #333;font-weight: 600;}
.header .nav .depth2 > li a:hover {color: #FF7700;}

.header .nav .depth3 { list-style: none; max-height: 0; overflow: hidden; opacity: 0; display: flex; flex-direction: column; gap: 0.8rem; padding-left: 0; margin-top: 0; transition: max-height 0.6s cubic-bezier(0.4,0,0.2,1), opacity 0.5s ease, margin-top 0.5s ease; }
.header .nav .depth3 > li { overflow: hidden; }
.header .nav .depth3 > li a { display: block; font-size: clamp(12px, 0.833vw, 16px); color: #888; font-weight: 500; text-decoration: none; padding-left: 1rem; border-left: 2px solid transparent; transition: color 0.2s, border-color 0.2s, padding-left 0.2s; white-space: nowrap; }
.header .nav .depth3 > li:first-child a {padding-top: 1rem;}
.header .nav .depth3 > li a:hover { color: #FF7700; }
.header .nav .depth3 > li + li {margin-top: 0.7rem;}
.header .nav .depth2 > li:hover .depth3 { max-height: 20rem; opacity: 1; margin-top: 0.8rem; }

.header .nav .depth2 > li.active > a { color: #FF7700; }
.header .nav .depth1 > li.active > a { color: #FF7700; }


/* hover 클래스 추가 및 hover 효과 */
.nav.hover::before { opacity: 1; visibility: visible; }
.nav.hover::after { height: clamp(380px, 25.438vw, 430px); }
.nav.hover .depth1 > li > a { padding-right: min(6.2vw, 100px);}
.nav.hover .depth1 > li:last-child > a { padding-right: 0;}
.nav.hover .depth2 { height: 23.438vw; visibility: visible; overflow: visible; opacity: 1; z-index: 1; }

.header .right-wrap {display: flex;align-items: center;gap: 3rem;}
.lang_select { position: relative; height: 100%; }
.lang_select .lang_btn { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; padding: 0 3rem 0 1rem; font-size: max(1.4rem, 15px); background: transparent; cursor: pointer; font-size: 1.8rem; }
.lang_select .lang_btn:after {content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1.4rem;height: 0.8rem;background: url("data:image/svg+xml,<svg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M11.7436 1.22656L6.97139 5.99873L2.19922 1.22656' stroke='%23111' stroke-width='2.45566' stroke-miterlimit='10' stroke-linecap='round'/></svg>") no-repeat center / contain; transition: transform 0.3s ease;}
.lang_select.active .lang_btn:after { transform: translateY(-50%) rotate(180deg); }
.lang_select .current { font-weight: 600; }
.lang_select .lang_list { position: absolute; top: calc(100% + 10px); left: 50%; transform: translateX(-50%); width: 100%; border-radius: 1.2rem; background: #fff; display: none; overflow: hidden;border: 1px solid #111;padding: 0.5em 0;}
.lang_select.active .lang_list { display: block; z-index: 100; }
.lang_select .lang_list li { text-align: center; line-height: 2em; font-size: 1em; font-weight: 600; cursor: pointer; overflow: hidden;}
.lang_select .lang_list li:hover,
.lang_select .lang_list li.on {color: #FF7700;}

.btn_sitemap {margin-left: 2rem;}
.mo_gnb { position: fixed; display: flex; flex-direction: column; justify-content: center; right: 0; top: 0; font-size: var(--txt);/*17*/ width: 100%; height: 100%; _background-color: rgba(50,45,37,0.9); _backdrop-filter: blur(20px); z-index: 3000; pointer-events: none; transform: translateX(100%); transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out; _background-color: rgb(0, 0, 0);}
.mo_gnb.on { display: none; opacity: 1; transform: translateX(0); pointer-events: visible;z-index: -1;}

.mo_gnb > .inner{display: flex; flex-direction: column; align-items: center; justify-content: center; max-width: 80%; width: 100%; height: 100%; padding: 8rem 2rem; margin: 0 auto;}
.mo_gnb .logo,
.mo_gnb .member_wrap,
.mo_gnb .links {display: none;}
.mo_gnb .lang_select {display: none !important;}
.mo_gnb .right-wrap{height: auto;}
.mo_gnb .cls_btn{position: absolute; right: 4vw; top: 3vw; top:0; display: flex; align-items: center; justify-content: center; width: 7rem; height: 7rem; border-radius: 100%; border: 1px solid #fff; background-color: #fff; fill: #000; cursor: pointer; opacity: 0; transition: opacity 0.8s ease 0.5s, background-color 0.5s, fill 0.5s;display: none;}
.mo_gnb .cls_btn svg { width: 35%; transition: transform 0.3s ease;}
.mo_gnb.on .tit span{ transform: translateY(0);}
.mo_gnb.on .cls_btn{opacity: 1;}

.mo_gnb .cont {display: flex; justify-content: space-between; align-items: stretch; margin: 0 auto; max-width: 80%; width: 100%; padding: 8rem 2rem;} /* align-items: stretch; height:100% */
/* .mo_gnb .cont .box { position: relative; padding:0 2% 1em;} */
/* .mo_gnb .cont .box::before { content: ""; position: absolute; left: 0; top: 0;  bottom: 0;  width: 1px; background: rgba(255,255,255,.1);} */
.mo_gnb .cont .box .depth1 { position: relative; padding-top:1em; margin-bottom: 0; font-size: 1.6em; font-weight: 600; overflow: hidden; color:#fff;}
.mo_gnb .cont .box .depth1 span {position: relative; display: inline-block; transform: translateY(130%); overflow: hidden; transition: transform 1s ease 0.5s;}
.mo_gnb .cont .box .depth1::before { content: ''; position: absolute; left: 0; top: 0.2em; width: 0.2em; height: 0.2em; border-radius: 100%; transform: translateY(-200%); background-color:var(--gold); opacity: 0; transition: opacity 0.5s, transform 0.5s; }
.mo_gnb .cont .box.active .depth1:before { transform: translateY(0); opacity: 1; }
.mo_gnb.on .cont .box .depth1 span{transform: translateY(0);}

.mo_gnb .cont .box .depth2 > li { color: rgba(255,255,255,.6); transition: color 0.6s;}
.mo_gnb .cont .box .depth2 > li a{display: block; overflow: hidden; margin:0.3em 0;}
.mo_gnb .cont .box .depth2 > li a span{position: relative; display: inline-block; transform: translateY(150%); overflow: hidden;  transition: transform 1s ease 0.5s;}
.mo_gnb .cont .box .depth2 > li a span::before { content: ''; position: absolute; left: 0; bottom: 0.2em; width: 0; border-bottom: 1px solid #fff; transition: width 0.6s; }
.mo_gnb .cont .box .depth2 > li.active { color: #fff; }
.mo_gnb .cont .box .depth2 > li.active a::before { width: 100%; }
.mo_gnb .cont .box .depth2 > li a.active{color:var(--gold);}
.mo_gnb.on .cont .box .depth2 > li a span{transform: translateY(0);}
.mo_gnb .btn_search { display: none;}
.mo_gnb .lang_list {display: none;}

.mo_gnb .cont .box .depth3 { display: none; padding-left: 1em; }
.mo_gnb .cont .box .depth3 > li a {display: block;font-size: 0.9em;margin: 0.2em 0;}
.mo_gnb .cont .box .depth3 > li a:hover {opacity: 1;}

/* 모바일 글로벌헬스케어 하위뎁스 노출X */
.mo_gnb .cont .box .depth1.direct,
.mo_gnb .cont .box .depth1.direct > a {width: 100%;}
.mo_gnb .box:nth-child(4) {display: none !important}
.mo_gnb .box:nth-child(5) .depth2 {display:none !important;}
.mo_gnb .box:nth-child(5) .depth1::after {display:none !important;}

/* 검색팝업+페이지 */
.search_popup {position: fixed;top: var(--headerH);left: 0;width: 100%;z-index: 99;opacity: 0;visibility: hidden;transform: translateY(-3rem);transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.5s;}
.search_popup.on {opacity: 1;visibility: visible;transform: translateY(0);}
.header.search-open .nav::before {opacity: 1;pointer-events: auto;}
.search_popup .popup_inner {position: relative;width: 100%;background: #fff;padding: 12rem 4rem 4rem;position: absolute;_top: var(--headerH);left: 50%;transform: translateX(-50%);height: clamp(380px, 25.438vw, 430px);}
.search_popup .popup_close {position: absolute;top: 2rem;right: 2rem;width: 4rem;height: 4rem;font-size: 2.4rem;background: none;border: 0;cursor: pointer;}

.search_box {display: flex;max-width: 800px;margin: auto;border-bottom: 2px solid #E5E5E5;align-items: center;}
.search_box input {flex: 1;height: 6rem;padding: 0 2rem;font-size: 2.8rem;color: #111;}
.search_box input::placeholder {color: #999;}
.search_box button {width: 6rem;}

.contents_wrap.search {margin-top: 0;min-height: 50rem;}
.contents_wrap.search .contents_area > .in {margin-top: calc(12rem + var(--headerH));}
.result {text-align: center;margin-top: 10rem;font-size: 3.6rem;letter-spacing: -0.5px;color: #999;}
.result b {color: #111;font-weight: 500;}
.result span {color: #FF8412;}

.data_wrap {margin-top: 16rem;}
.data_item .data_title {font-size: 3.2rem;font-weight: 600;}
/* .data_item .data_title i {color: #FF8412;} */
.data_wrapper {width: 100%;height: 100%;overflow: hidden;display: flex;flex-direction: row;flex-wrap: wrap;gap: 2.5rem;margin-top: 3rem;}
.news_list {display: none;cursor: pointer;background-color: #fff;height: auto;width: calc((100% - 5rem) / 3);}
.news_list.show {display: block;}
.news_list a {display: block;width: 100%;}
.news_list .img {overflow: hidden;}
.news_list img {transition: transform .4s ease;transform-origin: center;}
.news_list .info {padding: 2.6rem 2.6rem 3rem 2.6rem;}
.news_list .tit { font-size: 2rem; font-weight: 700; color: var(--cellTextColor);}
.news_list .txt {font-size: max(1.6rem, 24px); margin-top: 10px; font-weight: 700; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;transition: all .3s ease;}
.news_list .date {font-size: 1.6rem; font-weight: 400; color: #555; margin-top: 2.4rem; display: block;}
.news_more {margin-top: 6rem;text-align: center;}

.news_list a:hover .txt {color: var(--cellTextColor);}
.news_list a:hover img {transform:scale(1.1);}

.webpage_data {margin-top: 12rem;}
.webpage_data .data_wrapper {gap: 0; flex-direction: column;}
.webpage_data h4 {font-size: 2.8rem;margin-bottom: 1.6rem;}
.webpage_data h4::after {margin-left: 0.8rem;}
.webpage_data .info p {font-size: 2rem;color: #666;font-weight: 400;line-height: 3rem;letter-spacing: -0.5px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}

.page_list {display:none;padding-bottom: 5rem;border-bottom: 1px solid var(--lineColor);padding-top: 6rem;}
.page_list.show {display: block;}
.page_list + .page_list  {padding-top: 5rem;}
.contents_location {display: flex;align-items: center;gap: 3.6rem;margin-top: 2.4rem;}
.contents_location span {font-size: 1.8rem;color: #999;font-weight: 600;position: relative;}
.contents_location span + span::before {content: '';background: url('../img/icon_next.png') no-repeat;width: 14px;height: 14px;color: #999;display: block;position: absolute;right: 0;left: -2.1rem;top: 50%;transform: translateY(-50%);background-size: contain;}




/* footer */
.footer { background:#0D3A5A; padding:4rem 0; color:#fff; min-height: 20rem;position: relative;}
.footer .inner { margin:0 auto; display:flex; justify-content:space-between; align-items:flex-end;align-items: center;}
.footer .inner.in {width: var(--mainInWide);padding: 0 var(--mainSidePadding);margin: 0 auto;}
.footer_left { }
.footer_links { display:flex; gap:2rem; margin-bottom:4.7rem; }
.footer_links li {position: relative;}
.footer_links li::after {content: '';display: block;width: 1px;height: 14px;background: #6C7D8C;position: absolute;top: 50%;right: -1rem;transform: translateY(-50%);}
.footer_links li:last-child::after {display: none;}
.footer_links li a { font-size: 1.6rem; color:#A6B4BF; font-weight: 500;}
.footer_info { font-size:1.6rem; color:#A6B4BF; margin-bottom:1.6rem; font-weight: 500;}
.footer_copy { font-size:1.6rem; color:#A6B4BF; }
.footer_right { text-align:right; }
.footer_right .cha_network_btn {font-size:1.8rem;margin-bottom: 3rem;color:#fff;font-weight:500;text-align: center;display: flex;align-items: center;justify-content: center;gap: 1rem;padding: 1.2rem 0;transition: background 0.4s, color 0.4s;}
.footer_right .cha_network_btn svg path { transition: stroke 0.2s; }
.footer_right .cha_network_btn:hover {background: #fff;color: #00294A;}
.footer_right .cha_network_btn:hover circle { fill: #00294A;}
.footer_right .cha_network_btn:hover path { stroke: #fff; fill: #fff;}
.sns_list { display:flex; gap:2rem; justify-content:flex-end; align-items: center;}
.sns { }


.fixed-bottom { position: sticky; right: 0; bottom: 0; width: 100%; height: 0; z-index: 1; }
.fixed-bottom .btn-scroll { position: absolute; bottom: 30px; right: 3%; display: flex; flex-direction: column; opacity: 0; pointer-events: none; transition: opacity var(--transition-duration); }
.fixed-bottom .btn-scroll[data-btn-visible=true] { opacity: 1; pointer-events: auto; }
.fixed-bottom .btn-scroll .btn-scroll-up { width: clamp(5rem, 3.13vw, 6rem); height: clamp(5rem, 3.13vw, 6rem); background: url('../img/top_btn.png') no-repeat center / contain; cursor: pointer; transition: all 0.3s ease;}
.fixed-bottom .btn-scroll .btn-scroll-up:hover { background: url('../img/top_btn_hover.png') no-repeat center / contain; }

/* 차네트워크 */
.cha_network {visibility: hidden;opacity: 0;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);z-index: 2000;transition: opacity .6s ease, visibility .6s ease;}
.cha_network .pop_wrap {position: absolute; top: 0; right: -70rem; width: 60rem; height: 100%; background-color: #fff; transition: right .6s ease;padding: 4.8rem 3rem 4.8rem 4rem;}
.cha_network.on {visibility: visible;opacity: 1;}
.cha_network.on .pop_wrap {right: 0;}

.cha_network .pop_wrap {display: flex; flex-direction: column;}
.cha_network .pop_wrap .pop_head {display: flex; justify-content: space-between; align-items: center; height: auto;display: flex;align-items: center; justify-content: flex-start;position: relative;border-bottom: 2px solid #003456;padding-bottom: 1.5rem;}
.cha_network .pop_wrap .pop_head h3 {color: #003456;font-size: 3.2rem;font-weight: 600;letter-spacing: -0.5px;margin-left: 1.4rem;}
.cha_network .pop_wrap .pop_close_btn {position: absolute; right: 0;}

.cha_network .pop_wrap .pop_cont {height: calc(100% - 5rem);}
.cha_network .pop_wrap .pop_cont .scroll_area {height: 100%;padding-right: 1rem;overflow: auto;}
.cha_network .pop_wrap .pop_cont .scroll_area::-webkit-scrollbar {width: 3px; background: transparent;}
.cha_network .pop_wrap .pop_cont .scroll_area::-webkit-scrollbar-thumb {width: 4px; background: #d9d9d9; border-radius: 2px;}

.scroll_area > div,
.scroll_area > div + div {margin-top: 3rem;}
.list_title {font-size: 2.2rem;font-weight: 700;color: #003456;padding-left: 1.6rem;position: relative;}
.list_title::before {content: '';width: 6px;height: 6px;background-color: #003456;border-radius: 50%;display:block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

.list_network {display: flex; flex-wrap: wrap; width: 100%;margin-top: 2rem;}
.list_network > li {width: 50%; box-sizing: border-box;padding: 0 2rem;border: 1px solid #E5E5E5;}
.list_network > li:nth-child(even) {border-left: none;}
.list_network > li:nth-child(4n+3):not(:nth-last-child(-n+2)),
.list_network > li:nth-child(4n+4):not(:nth-last-child(-n+2)) {border-bottom: 0; border-top: 0;}
.list_network > li:nth-last-child(-n+2) {border-top: 0;}
.list_network > li.b_t {border-top: 1px solid #E5E5E5;}
.link_network {display: flex; align-items: center; font-size: 1.8rem; font-weight: 700; color: #111; height: 6rem;justify-content: space-between;}
.link_network::after {content: '';background: url('../img/icon_chanetwork.png') no-repeat center / contain; width: 2.6rem; height: 2.6rem; }

@media screen and (max-width: 1602px) {
    .header .nav {left: 52%;}
    .header .nav .depth1 > li > a {padding-right: 3.5vw;}
    .nav.hover .depth1 > li > a { padding-right: 3.8vw;}
    .nav.hover .depth1 > li:nth-child(3) > a {padding-right: 5.3vw;}
    .header .nav .depth3 > li a {padding-left: 0;}
}

@media screen and (max-width: 1200px) {
    .header {height: 6.5rem;}
    .header_inner.in {padding: 0 var(--subSidePadding);}
    .header .logo {height: 1.8rem;}
    .header .logo a,
    .header .logo img {height: 100%;min-width: 175px;width: auto;}
    .header .nav {display: none;}
    .lang_select {display: none;}
    /* .header .right-wrap > .btn_search { display: none; } */
    .header .mo_gnb .btn_search svg { width:2rem; display: block;margin-left: 2rem;}

    .header .right-wrap {gap: 2rem;}
    .btn_sitemap {margin-left: 0;}
    .btn_sitemap {width: 2.5rem;height: 2rem;}
    .btn_sitemap a,
    .btn_sitemap svg {width: 100%; height: 100%;}
    .btn_search {width: 2rem;height: 2rem;}
    .btn_search a,
    .btn_search svg {width: 100%; height: 100%;}

    .search_popup {top: 6.5rem;}

    .mo_gnb {background-color: #fff;position: fixed;top: 0;left: 0;width: 100%;height: 100dvh;overflow-y: auto;-webkit-overflow-scrolling: touch;display: unset;inset: 0;touch-action: pan-y;}
    .mo_gnb .top {position: relative; display: flex; justify-content: flex-start; align-items: center; width: 100%; height: 6.5rem; border: 0;padding: 0 2rem;}
    .mo_gnb .cls_btn {display:flex; width: 1.2em;height: 1.2em;top: 50%;transform: translateY(-50%);transition: none;right: 2rem;}
    .mo_gnb .cls_btn svg {width: 100%;}
    .mo_gnb .lang_list {display: flex;font-size: 1.5rem;color: #A9A9A9;font-weight: 600;}
    .mo_gnb .lang_list li+li {margin-left: 1.5rem;}
    .mo_gnb .lang_list li.on {color: var(--cellTextColor);border-bottom: 1px solid var(--cellTextColor);}
    .mo_gnb .btn_search { display: block;}
    .mo_gnb .top .right-wrap{display: flex; height: 2.6em; justify-content: flex-end; position: relative; width:100%; }
    .mo_gnb .top .right-wrap .lang_select .nice-select{padding:0 2.6em 0 1.2em; display: flex !important;}
    .mo_gnb .top .right-wrap .lang_select .nice-select:after{right: 1em}
    .mo_gnb .top .right-wrap .cls_btn{position: relative; background-color: transparent; width: 20px; height: 20px; border-radius: 0; top: 0; left: 0;}
    .mo_gnb .top .right-wrap .cls_btn svg{width: 100%; height: 100%;}
    .mo_gnb .top .right-wrap .nice-select { position: absolute; left: 0; top:0; margin-left: 0;}
    .mo_gnb .lang_select { display: block !important;}
    .mo_gnb .cont{flex-direction: column; max-width: 100%; padding: 0 var(--inPd);}
    .mo_gnb .cont .box{border-bottom: 1px solid var(--lineColor); padding: 0;}
    .mo_gnb .cont .box::before{display: none;}
    .mo_gnb .cont .box .depth1{position:relative; display: flex; align-items: center; cursor: pointer; color:#1c1c1c; padding:2.3rem 0; font-size:20px;}
    .mo_gnb .cont .box .depth1::before{display: none;}
    .mo_gnb .cont .box .depth1::after { content:""; display:inline-block; width:1.2em; height:1.2em; margin-left:auto; vertical-align:middle; line-height:1; transition:transform .3s; background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M320.3 461.3L502.9 278.7L525.5 256.1L480.2 210.8L457.6 233.4L320.2 370.8L182.8 233.4L160.2 210.8L114.9 256.1L137.5 278.7L297.5 438.7L320.1 461.3z"/></svg>') no-repeat center / contain; }
    .mo_gnb .cont .box .depth1.active::after { transform:rotate(180deg); }
    .mo_gnb .cont .box:last-child .depth1::after {background: url("data:image/svg+xml;utf8,<svg class='ml8' width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M6.25 1.16406H12.8342V7.74829' stroke='black' stroke-width='1.70399' stroke-miterlimit='10' stroke-linecap='round' /><path d='M12.8342 1.16406L1.76953 12.4807' stroke='black' stroke-width='1.70399' stroke-miterlimit='10' stroke-linecap='round' /></svg>") no-repeat center / contain;width: 0.8em;height: 0.8em;}
    .mo_gnb .cont .box:last-child .depth1.active::after { transform: none; }
    .mo_gnb .cont .box .depth1.active {color: var(--cellTextColor);}
    .mo_gnb .cont .box .depth1 span{display: inline-block; transform: translateY(0);}
    .mo_gnb .cont .box .depth1.no_more::after {display: none;}
    .mo_gnb .cont .box .depth2{display: none; padding: 2.5rem 0;border-top: 1px solid var(--lineColor);}
    .mo_gnb .cont .box .depth2 > li {color: #1c1c1c; font-size:1.8rem;margin-left: 2rem;}
    .mo_gnb .cont .box .depth2 > li + li {margin-top: 2.5rem;}
    .mo_gnb .cont .box .depth2 > li a{color: #333;font-size: 1.8rem;font-weight: 600;margin: 0;}
    .mo_gnb .cont .box .depth2 > li a.active{opacity: 1}
    .mo_gnb .cont .box .depth2 > li > a {position: relative;}
    .mo_gnb .cont .box .depth2.more > li > a::after {content:""; position: absolute; width: 1.2em; height: 1.2em; transform: translateX(0); background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M320.3 461.3L502.9 278.7L525.5 256.1L480.2 210.8L457.6 233.4L320.2 370.8L182.8 233.4L160.2 210.8L114.9 256.1L137.5 278.7L297.5 438.7L320.1 461.3z"/></svg>') no-repeat center / contain;transition:transform .3s;}
    .mo_gnb .cont .box .depth2.more > li.no_more > a::after {display: none;}
    .mo_gnb .cont .box .depth2.more > li.active > a::after { transform: rotate(180deg); }
    .mo_gnb .cont .box .depth2.more > li.active > a {color: var(--cellTextColor);}
    .mo_gnb .cont .box .depth3 {padding-left: 0;margin-top: 2.5rem;}
    .mo_gnb .cont .box .depth3 > li + li {margin-top: 2rem;}
    .mo_gnb .cont .box .depth3 > li a {color: #888;font-size: 1.6rem;font-weight: 400;margin: 0;}
    .mo_gnb .cont .box .depth3.active li >a {color: var(--cellTextColor);}

    .mo_gnb.on { opacity: 1; transform: translateX(0); pointer-events: visible;z-index: 101; display: block;}
    .mo_gnb.on .cont .box .depth2 > li a span {margin-right: 1.5rem;}


}




@media screen and (max-width: 1024px) {
    .pc1024 {display: none !important;}
    .mo1024 {display: block !important;}

    .cha_network .pop_wrap .pop_head {height: auto;padding-bottom: 1rem;}
    .cha_network .pop_wrap .pop_head svg {height: 2.1rem;width: 2.1rem;}
    .cha_network .pop_wrap .pop_head .pop_close_btn svg {height: 1.5rem;width: 1.5rem;}
    .cha_network .pop_wrap .pop_head h3 {font-size: 2.2rem;margin-left: 0.7rem;}
    .cha_network .pop_wrap {width: 100%;right: -100%;padding: 2.5rem 2rem;}
    .cha_network .pop_wrap .pop_cont {height: calc(100% - 6.5rem);}
    .cha_network .pop_wrap .pop_cont .scroll_area {padding-bottom: 0;}
    .scroll_area > div,
    .scroll_area > div + div {margin-top: 2rem;}
    .list_network {margin-top: 1.2rem;}
    .link_network::after {width: 1.9rem;height: 1.9rem;}
    .list_network > li {width: 100%;border: 1px solid #E5E5E5;}
    .list_network > li:nth-child(even) {border-left: 1px solid #E5E5E5;}
    .list_network > li:nth-child(4n+3):not(:nth-last-child(-n+2)),
    .list_network > li:nth-child(4n+4):not(:nth-last-child(-n+2)) {border-bottom: 1px solid #E5E5E5;; border-top: 1px solid #E5E5E5;;}
    .list_network > li:nth-last-child(-n+2) {border-top: 1px solid #E5E5E5;}
    .list_network > li + li {border-top: 0 !important;}
    .link_network {height: 5rem;font-size: 1.6rem;}

    /* 순서제어 */
    .list_network > li:nth-child(odd) {order: 1;}
    .list_network > li:nth-child(even) {order: 2;}

    .list_title {font-size: 1.9rem;padding-left: 1.5rem;}
    .list_title::before {width: 5px;height: 5px;}
}



@media screen and (max-width: 768px) {
    .pc768 {display: none !important;}
    .mo768 {display: block !important;}


    .dot_list > li{padding-left:1rem;line-height: 2rem;}
    .dot_list > li:after{top:0.7rem;}
    .dot_list li + li {margin-top: 1rem;}

    .footer {padding: 5rem 0 6rem;}
    .footer .inner {flex-direction: column-reverse;}
    .footer .inner.in {padding: 0 var(--subSidePadding);}
    .footer_left {width: 100%;}
    .footer_right {width: 100%;display: flex;align-items: flex-start;flex-direction: column;}
    .footer_right .cha_network_btn {font-size: 1.5rem;margin: 0 0 2.3rem 0;}
    .footer_links {margin: 4rem 0 3rem;flex-wrap: wrap;gap: inherit;}
    .footer_links li {padding-right: 1.7rem;}
    .footer_links li::after {height: 1.2rem;right: 0.85rem;transform: translateY(-35%);}
    .footer_links li a {font-size: 1.3rem;}
    .footer_info {font-size: 1.3rem;margin-bottom: 0.8rem;line-height: 1.8rem;}
    .footer_copy {font-size: 1.3rem;line-height: 1.8rem;}

    .top_btn {width: 4rem;height: 4rem;}
    .top_btn:hover {background: initial;}
    .top_btn.absolute {position: absolute; bottom: calc(var(--footer-height) - 30px);}

    .fixed-bottom .btn-scroll {right: 2rem;bottom: 2rem;}
    .fixed-bottom .btn-scroll .btn-scroll-up:hover {background: url('../img/top_btn.png') no-repeat center;background-size: contain;}

    .contents_wrap.search .contents_area > .in {margin-top: calc(4rem + var(--headerH));}
    .search_popup {height: 100dvh;}
    .search_popup .popup_inner {height: 100%;padding: 9rem 2rem 0;}
    .search_popup .popup_close {width: 1.5rem;height: 1.5rem;}
    .search_box {width:100%;}
    .search_box input {min-width:0;font-size:1.8rem;height: 5rem;}
    .search_box button {flex-shrink:0;width:4.8rem;}
    .search_box svg {width: 2rem;height: 2rem;}
    .result {font-size: 2.6rem;line-height: 3.3rem;margin-top: 3.5rem;}
    .data_wrap {margin-top: 7rem;}
    .data_item .data_title {font-size: 2.3rem;}
    .data_wrapper {gap: 1rem;margin-top: 2rem;}
    .news_list {width: calc((100% - 1rem) / 2);}
    .news_list .info {padding: 1.2rem 1rem;}
    .news_list .tit {font-size: 1.2rem;}
    .news_list .txt {font-size: 1.5rem;margin-top: 0.7rem;}
    .news_list .date {font-size: 1.1rem;margin-top: 1.5rem;}
    .news_more {margin-top: 3rem;}
    .search .common_btn {background-color: #fff;font-size: 1.4rem;}
    .webpage_data {margin-top: 5rem;}
    .webpage_data .data_wrapper {margin-top: 0;}
    .page_list {padding-top: 3rem;padding-bottom: 2rem;}
    .page_list + .page_list {padding-top: 2rem;}
    .webpage_data h4 {font-size: 2rem;}
    .webpage_data .info p {font-size: 1.4rem;line-height: 2.5rem;}
    .contents_location {gap: 2.7rem;margin-top: 1.5rem;}
    .contents_location span {font-size: 1.3rem;}



}


/* 모바일(터치 디바이스) 호버 막기 */
@media (hover: none) {
    .footer_right .cha_network_btn:hover {background: none;color: #fff;}
    .footer_right .cha_network_btn:hover circle { fill: #fff;}
    .footer_right .cha_network_btn:hover path { stroke: #00294A; fill: #00294A;}
}