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

html{font-size:62.5%; -webkit-text-size-adjust: 100%;text-size-adjust: 100%; word-break: keep-all;}	
body { margin: 0; font-family:'Pretendard'; font-weight:400; font-size: 1.7rem; letter-spacing: -0.5px; color:#282828;  height:100%; line-height:1.7;overflow: hidden;overflow-y:scroll;-webkit-transition: opacity 0.2s ease-in-out 0.2s;transition: opacity 0.2s ease-in-out 0.2s;top:0 !important; }
body.smooth-scroll {overflow:hidden;}
body.has-slider {overflow:hidden;}
body.hidden {opacity:0;}

/*input*/
input[type='checkbox']{ width:2.4rem; height:2.4rem; background-repeat:no-repeat; background-size:contain;}
input[type='checkbox']:checked{background-image: url(/img/common/icon-agreecheck.png);}
input::placeholder, textarea::placeholder{color:#cecece;}
input[type="text"]{font-size:1.7rem; line-height:5rem; border-radius:2.5rem; padding:0 3rem; width: 100%; border: 1px solid #dddddd; }
input[type="tel"]{font-size: 1.7rem; line-height: 5rem; border-radius: 2.5rem; padding: 0 3rem; width: 100%;  border: 1px solid #dddddd;}
textarea{resize:none;  border: 1px solid #dddddd; width:100%; padding: 1.5rem 2rem; border-radius:2.5rem; font-size:1.7rem;}
input, textarea:focus{outline: none;}

/*select*/
select{-webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/appearance:none;background: url('/img/common/icon_select_arrow.png') no-repeat 90% 50%/19px auto;display: block;color:#363636;width: 32rem;font-size: 1.7rem;line-height: 5rem;height: 5rem;border: 1px solid #dddddd;padding:0 3rem;background-color: #fff;border-radius: 2.5rem;}
.txt-center{text-align:center;}

/*button*/
.btn-wrap a{display: flex;align-items: center;justify-content: center; margin-top:1rem;background-color:#333333;border-radius:2.4rem;width:100%;height:7rem;text-align:center;box-shadow: 0px 10px 13px rgb(35 31 32 / 13%););}
.btn-wrap .btn-text{color:#fff; font-size:2.1rem; font-weight:500;}
.btn-wrap.btn2 a{background-color:#fff; border:1px solid #dddddd; color:#333333; width:22.8rem; transition:all 0.2s;}
.btn-wrap.btn2 .btn-text{color:#333333; transition:all 0.4s;}
.btn-wrap.btn2 a:hover {background-color:#333333;}
.btn-wrap.btn2 a:hover .btn-text{ color:#fff;}
.btn-black{font-weight:700; width: fit-content;position:relative; font-size:1.7rem;  padding:0 3.5rem; background-color:#363636 !important; color:#fff; height:5.1rem; line-height:5.1rem; text-align:center;}
.btn-black:before {content: ""; display: block; width: 0; height: 0; border-bottom: 1rem solid transparent; border-top: 1rem solid #fff; border-left: 1rem solid #fff; border-right: 1rem solid transparent; position: absolute; left: 0; top: 0;}
.btn-white{font-weight:700; width: fit-content;position:relative; font-size:1.7rem;  padding:0 3.5rem; background-color:#fff !important; color:#363636; height:5.1rem; line-height:5.1rem; text-align:center;}
.btn-white:before {content: ""; display: block; width: 0; height: 0; border-bottom: 1rem solid transparent; border-top: 1rem solid #0c0c0c; border-left: 1rem solid #0c0c0c; border-right: 1rem solid transparent; position: absolute; left: 0; top: 0;}
.btn-gray{font-weight:700; width: fit-content;position:relative; font-size:1.7rem; padding:0 3.5rem;  background-color:#9a9a9a !important; color:#fff;height:5.1rem; line-height:5.1rem; text-align:center;}
.btn-gray:before {content: ""; display: block; width: 0; height: 0; border-bottom: 1rem solid transparent; border-top: 1rem solid #fff; border-left: 1rem solid #fff; border-right: 1rem solid transparent; position: absolute; left: 0; top: 0;}
.wide{width:22.7rem;}
.mid{width:19rem;}
.w100{width:100%;}

/*search*/
.search-wrap{display:flex;justify-content: flex-end; margin-bottom:6rem;}
.search-wrap.recruit-search{justify-content: space-between;}
.search-box{position: relative;align-items: center;width: 32rem; height:5rem;}
.search-box input{background:#eaeaea;}
.search-box input:focus{background:#fff;}
.search-box input::placeholder{color:#a0a0a0;}
.search{background: url("/img/sub/icon_search.png")no-repeat;position: absolute;right: 3rem;top: calc(50% - 1.1rem);width: 2.2rem;height: 2.2rem;background-size: contain;font-size: 0;}
.select-box{display:none;}

/*paging*/
.paging {text-align:center;padding:11rem 0 0;}
.paging a {width: 2.5rem;height: 3rem;line-height: 3.1rem;text-align:center;font-size: 1.5rem;color:#aaa;}
.paging > a {display:inline-block;vertical-align:middle;text-indent:-9999px;background-size:auto 11px !important;}
.paging > a.pgFirst {background:url("/2025/img/common/paging_first.png")no-repeat center center;}
.paging > a.pgPrev {background:url("/2025/img/common/paging_prev.png")no-repeat center center;}
.paging > a.pgNext {background:url("/2025/img/common/paging_next.png")no-repeat center center;}
.paging > a.pgLast {background:url("/2025/img/common/paging_last.png")no-repeat center center;}
.paging ul {display:inline-block;margin: 0;vertical-align: middle;}
.paging ul:after {content:""; display:table; clear:both;}
.paging ul li {float:left;margin:0 2px;width: auto !important;!i;!;}
.paging ul li a {display:block; -webkit-transition: all 0.3s; transition: all 0.3s; color:#757575;}
.paging ul li.current a {color:#333;font-weight: 800;}

/*팝업*/
.popup{display:none; width:566px; position: absolute; left: 50%; top: 50%; padding: 40px; transform: translate(-50%,-50%); border-radius: 2.4rem; background: #fff;z-index: 10;}
.popup .close{}
.popup .title-txt{font-size:2.4rem; font-weight:800;margin-bottom:1rem;}
.popup .sub-txt{color:#666666; font-size:1.8rem;}
.popup .top{  display: flex;  align-items: flex-start; justify-content: space-between;}
.popup .btn-wrap{margin-top:4rem;}
.popup-dim {display:none; position:fixed; left:0; top:0; z-index:9; width:100%; height:100vh; background:rgba(0,0,0,0.7);}
.popup.show {display:block;}
.popup-dim.show {display:block;}

/* modal */
.blocker {z-index: 9999999 !important;}
.modal h5{padding-top:20px; font-size:21px; margin-bottom:20px; display:block;}
.modal .privacyTxt h3{display:none;}
.modal {overflow:visible !important; padding: 15px !important; z-index: 999999 !important;}
.modal .btnC {display: none !important;}

.currituitionPrvcy {height: 300px; overflow: auto; padding: 1.5rem; border: 1px solid #dddddd; background: #f9f9f9; font-weight: 200; font-size: 13px; color: #999999;}
.currituitionPrvcy strong {font-weight: 300;}
.privacyAgree {padding-top: 5px; text-align: right;}
.privacyAgree label {padding-left: 5px; font-weight: 200; font-size: 14px; color: #999999;}
.privacyCont h3 {font-size: 17px;}


/*-------헤더-------*/
#header { position: fixed; left: 0; top: 0; z-index: 500; width: 100%; max-width: 100%; height: 80px; padding: 0; background-color: transparent; box-shadow: rgba(149, 157, 165, 0.00) 0 8px 15px; transition: background-color 0.5s, transform 0.3s;}
#header.fixed{background-color: #ffffff; }
#header .home-link {width: 2.6rem; height: 3rem; background: url(/img/common/img_logo_white.png) no-repeat left center / auto 100%; flex: 0 0 auto;}
#header.fixed .home-link,#header.on .home-link {width: 2.6rem; height: 3rem; background: url(/img/common/img_logo_black.png) no-repeat left center / auto 100%; flex: 0 0 auto;}
#header .send {width: 2.4rem; height: 2.4rem; margin: .3rem 4rem; background: url(/img/common/icon_mail.png) no-repeat left center / auto 100%;}
#header.fixed .send, #header.on .send {width: 2.4rem; height: 2.4rem; margin: .3rem 4rem; background: url(/img/common/icon_mail_black.png) no-repeat left center / auto 100%;}
#header.fixed  .nice-select .current{color:#282828;}
#header.menu_open { background-color: #cfae94; border-bottom: 1px solid rgba(256,256,256,0. 2); }
#header nav .gnb_bg { position: absolute; left: 50%; top: 80px; width: 100% !important; height: 0; transform: translate(-50%, 0%); transition: all 0.5s; }
#header.on nav .gnb_bg { height: 380px; background-color: #fff; box-shadow: rgba(149, 157, 165, 0.07) 0px 8px 15px; }

#header.move{background-color: rgba(0, 0, 0, 0.92); backdrop-filter: blur(20px);}
#header.on { background-color: #fff; transition: background 0.5s; }
#header.down {transform: translateY(calc(0% - 80px)) !important; }
#header .h_in{display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 0; position: relative; width: 100%; max-width: 100%; height: 100%; padding: 0 60px; align-items: center;}

#header .logo{margin-right: 100px;}
#header .logo a{display: flex;}
#header .logo a .white{display: none;}
#header .logo a .foreign{display: none;}
#header .logo a img{height: 42px;}
#header nav{height: auto !important;}
#header nav .depth1 {display: flex; align-items: center; justify-content: center; position: relative; z-index: 10; height: 100%; }
#header nav .depth1 li { position: relative; }
#header nav .depth1 > li{height: 100%;}
#header nav .depth1 > li > a { display: flex; align-items: center; justify-content: center; position: relative; height: 100%; padding: 0 2.5em; color: #fff; font-size: 1.7rem; font-weight: 600; transition: padding 0.5s, color 0.25s; line-height:1.2}
#header.fixed nav .depth1 > li > a{color:#282828}
#header nav .depth1 > li > a.on{color: #000;}
#header nav .depth1 > li > a.icon:after{content:""; display:block; width:12px; height:12px; position:relative; background: url(/img/common/gnb-blink-icon.png) no-repeat left center / auto 100%; margin-left:1rem; margin-top:-.5rem;}
#header.on nav .depth1 > li > a.icon:after{content:""; display:block; width:12px; height:12px; position:relative; background: url(/img/common/gnb-blink-icon-bk.png) no-repeat left center / auto 100%; margin-left:1rem; margin-top:-.5rem;}
#header.fixed nav .depth1 > li > a.icon:after{content:""; display:block; width:12px; height:12px; position:relative; background: url(/img/common/gnb-blink-icon-bk.png) no-repeat left center / auto 100%; margin-left:1rem; margin-top:-.5rem;}
#header nav .depth1 > li.active > a { color: #000; font-weight: 600; }
#header nav .depth2 { position: absolute; left: 50%; bottom: 0; width: 100%; padding-top: 20px; transform: translate(-50%, 100%); white-space: nowrap; text-align: center; opacity: 0; pointer-events: none; transition: all 0.3s; transition-delay: -0.1s; z-index: 1; }
#header nav .depth2 > li > a { display: block; padding: 0.3em 0; color: #333; font-size: 1.5rem; text-transform: capitalize; transition: color 0.25s, font-weight 0.25s; }
#header nav .depth2 > li.active > a { color: #000; font-weight: 600; }
#header nav .depth2 > li > a > span {position: relative;}
#header.on nav .depth1 > li > a { padding: 0 3em 0; color: #333; position:relative;}
#header.on nav .depth2 { transition-delay: 0.1s; pointer-events: auto; opacity: 1; }
#header nav .depth1 > li > a:hover{color: #000;}
#header nav .depth2 > li > a:hover{color: #000; font-weight: 600;}

#header .right_btn{display: flex; align-items: center;}
#header .right_btn .site-box {cursor: pointer;}
#header .right_btn .site-box .bar {width:2.7rem; height:.2rem; background:#fff;}
#header .right_btn .site-box .bar:nth-child(2) {margin:.5rem 0;}
#header.fixed .right_btn .site-box .bar, #header.on .right_btn .site-box .bar {width:2.7rem; height:.2rem; background:#000;}

#header .right_btn .tran_sel div {height: 24px;margin: 0;padding-left: 0;padding-right: 0px;background: none;border: none;display: flex;align-items: center;}
#header .right_btn .tran_sel .nice-select:after {margin-top: 0px;content: "";right: 0;border: 0;width: 24px;height: 24px;color: #fff;transition: transform 0.15s ease-in-out;transform-origin: center;transform: translateY(-50%);background-size: 100%;}
#header .right_btn .gnbPlace, body.mopen #header .right_btn .tran_sel {display: none;}
#header .right_btn .tran_sel .nice-select.open:after {transform: translateY(-50%);}
.skiptranslate {display: none}
#header .right_btn img {width: 26px;}
.nice-select .current{color:#fff;font-size: 1.7rem; font-weight: 600;}
#header.on .nice-select .current{color:#282828;font-size: 1.7rem; }

#container.blackH #header nav .depth1 > li > a{color:#000;}
#container.blackH #header .home-link{background: url(/img/common/img_logo_black.png) no-repeat left center / auto 100%;}
#container.blackH .nice-select .current{color:#000;}
#container.blackH #header .send{background: url(/img/common/icon_mail_black.png) no-repeat left center / auto 100%;}
#container.blackH #header .right_btn .site-box .bar{background:#000;}
#container.blackH #header nav .depth1 > li > a.icon:after{background: url(/img/common/gnb-blink-icon-bk.png) no-repeat left center / auto 100%;}


/* sitemap */
.site-map {position:fixed; left:0; top:0; width:100%; height:100%; z-index:999; background:#fff; pointer-events:none; opacity:0; transform: translateX(5%); transition: opacity .3s ease, transform .3s ease; overflow:hidden;}
.site-map.on {pointer-events:auto; opacity:1; transform: translateX(0);}
.site-map .site-container .list {display:flex; align-items:center; padding-right:6rem; font-size:1.9rem;}
.site-map .site-container .list.top {justify-content: space-between;}
.site-map .site-container .list ul {position:relative; display:flex; align-items:center; margin-left:7rem;}
.site-map .site-container .list ul:before {content:""; display:block; position:absolute; left:0; bottom:-4.5rem; width:100vw; height:.1rem; background:#ddd;}
.site-map .site-container .list a {width:15rem; white-space:nowrap;}
.site-map .site-container .list a:hover {color:#999;}
.site-map h2,
.site-map h3 {width:36rem; padding:2.5rem 0 4.5rem 60px; font-size:3.2rem; font-weight:700; flex:0 0 auto; background:#f5f5f5;}
.site-map .close-sitemap {width:2.4rem; height:2.4rem; font-size:0; background:url('/img/common/icon_close.png') no-repeat center / cover; margin-top:-40px;}
.site-map .bg-sitemap {position:absolute; left:0; bottom:0; width:36rem; height:100%; background:#f5f5f5; z-index:-1;}

/* footer */
#footer {padding:6rem 0; border-top:1px solid #eaeaea; background:#fff;}
#footer article {display:flex; justify-content: space-between; max-width:120rem; margin:0 auto;}
#footer article .logo {margin-bottom:6rem;}
#footer article .address {display:flex; align-items:center;}
#footer article .copyright {margin-top:.5rem;}
#footer article .bar {display:inline-block; margin:0 1.8rem; width:.1rem; height:1.6rem; background:#a1a1a1;}
#footer .footer-site-navi .nav {display:flex; align-items:center; justify-content: flex-end;}
#footer .footer-site-navi .nav li {position:relative; margin-right:1.8rem; padding-right:1.8rem;}
#footer .footer-site-navi .nav li:first-child {font-weight:600;}
#footer .footer-site-navi .nav li:last-child {margin:0; padding:0;}
#footer .footer-site-navi .nav li:last-child:after {display:none;}
#footer .footer-site-navi .nav li:after {content:""; position:absolute; right:0; top:.6rem; display:block; width:.1rem; height:1.6rem; background:#a1a1a1;}
#footer .footer-site-navi .sns {margin:2.5rem 0; display:flex; align-items:center; justify-content: flex-end;}
#footer .footer-site-navi .sns li {margin-left:1.2rem;}
#footer select {padding:0 2rem; border-radius:1.2rem; background:#eaeaea url('/img/common/icon_select_arrow2.png') no-repeat 92% 50%/15px auto; font-size:1.5rem;}

/* 스크롤 제어 */
.no-scroll {overflow: hidden;}