@charset "utf-8";

/********************
** subBanner
********************/
.subBammerBtns {bottom:0;}

/********************
** header
********************/
header{left:0;top:0;border-bottom:1px solid #91949f;}
.toggleBtn{cursor:pointer;}
.toggleBtn span{transition:ease-in-out 0.3s;}
.toggleBtn span:nth-child(1){left:0;top:0}
.toggleBtn span:nth-child(2){left:0;top:10px;}
.toggleBtn span:nth-child(3){left:0;top:20px}
.toggleBtn.active span:nth-child(1){left:50%;top:50%; transform:translate(-50%,-50%) rotate(45deg); background:#222;}
.toggleBtn.active span:nth-child(2){left:9999px;top:10px;}
.toggleBtn.active span:nth-child(3){left:50%;top:50%; transform:translate(-50%,-50%) rotate(-45deg); background:#222;}
.dropMenuArrow{transform:rotate(0deg);transition:ease-in-out 0.3s;}
.dropDownMenu.active .dropMenuArrow{transform:rotate(180deg);}
.menu{position:relative;}
.dropDownMenu{position:relative;}
.dropDownMenu .dropDownCnt{position:absolute; left:0; top:100%; width:100%; min-width:180px; z-index:1000; background:#fff; opacity:0; visibility:hidden; transform:translateY(-8px); transition:opacity .2s ease, transform .2s ease, visibility .2s ease; box-sizing:border-box;}
.dropDownMenu:hover .dropDownCnt{opacity:1; visibility:visible; transform:translateY(0);}
.dropDownCnt > a:hover{background: #F7F8F8;}
.dropDownCnt > a{display:flex; align-items:center; width:100%; box-sizing:border-box; border-bottom:1px solid #eeeef0;}
.dropDownCnt > a:last-child{border-bottom:0;}


/********************
** mainBanner
********************/
.mainBanner {overflow: hidden;}
.mainBanner::before {content: ""; position: absolute; inset: 0; background: url('/img/mainBanner.jpg') center / cover no-repeat;}

/********************
** about
********************/
.count {display: inline-block; transition: transform .3s ease;}

/********************
** news
********************/
.newsGrid {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));}
.mainnewsCard {text-decoration: none; color: inherit;}
.mainnewsCard > div {aspect-ratio: 1 / 1; width: 100%; transition: background-color .25s ease, color .25s ease;}
.mainnewsCard:hover > div {background-color: #26272B; color: #F7F8F8;}
.mainnewsCard:hover p,
.mainnewsCard:hover .newsDesc,
.mainnewsCard:hover .newsDesc * {color: #F7F8F8 !important;}
.mainnewsTit {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.newsDesc {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden;}

/********************
** introduce
********************/
.introductionBg {background:url('/img/company-002.jpg'); background-position:center; background-size:cover;}
.introduceCnts {display:grid; grid-template-columns:repeat(6, 1fr);}

/********************
** directions
********************/
.cont {display:none !important;}
.wrap_btn_zoom {display:none !important;}
.wrap_controllers {display:none !important;}
.root_daum_roughmap {width:100% !important;}
.wrap_map {height:560px !important;}

/********************
** souvenir
********************/
.souvenirBtns {display:grid; grid-template-columns: repeat(5, 1fr); gap:0; border-top:1px solid #D9DADE; border-left:1px solid #D9DADE;}
.souvenirBtns button {background:#fff; border:0; border-right:1px solid #D9DADE; border-bottom:1px solid #D9DADE;}
.souvenirSubBtns {grid-template-columns: repeat(5, 1fr);}
.souvenirSubBtns.cols-4 {grid-template-columns: repeat(4, 1fr);}
.souvenirSubBtns.cols-3 {grid-template-columns: repeat(3, 1fr);}
.souvenirSubTabBtn.active {background:#26272B; color:#F7F8F8;}
.souvenirList {display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap:40px; row-gap:0;}
.souvenirList img {width:100%; aspect-ratio:1 / 1; object-fit:cover; display:block;}

/********************
** experience
********************/
.experienceImg {background:url('/img/program.jpg'); background-position:center; background-size:cover; top:0; left:50%; right:50; transform:translateX(-50%);}
.experienceTxtBox {bottom: 0; left:50%; right:50%; transform:translateX(-50%);}
.expCntLines {border-top:4px solid #26272B;}
.expCntLine {border-bottom:1px solid #EEEEF0;}
.expCntBoxLine {border-right:1px solid #D9DADE; border-bottom:1px solid #D9DADE;}
.expBoxCnts {display:grid; grid-template-columns:repeat(5, 1fr); border:1px solid #D9DADE; border-right:0; border-bottom:0;}
.expCntImgs {display:grid; grid-template-columns:repeat(3, 1fr);}

/********************
** business
********************/
.businessGrid {display: grid; grid-template-columns: repeat(3, 1fr);}
.businessGrid > a {aspect-ratio: 1 / 1; width: 100%; overflow: hidden;}
.business1 {background:url('/img/product-001.jpg'); background-position:center; background-size:cover;}
.business2 {background:url('/img/product-002.jpg'); background-position:center; background-size:cover;}
.business3 {background:url('/img/product-003.jpg'); background-position:center; background-size:cover;}
[id^="business-"] {scroll-margin-top: 120px;}

/********************
** member
********************/
.historyCnts {border-top:2px solid #26272B; border-bottom:2px solid #26272B;}
.historyCnts .historyCnt {border-bottom:1px solid #D9DADE;}
.historyCnts .historyCnt:last-child {border-bottom:none;}

/********************
** member
********************/
.memberGrid {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); row-gap: 120px;}
.memberGrid img {width: 100%; height: auto; display: block;}

/********************
** ptrmirt
********************/
.ptrmirt3Cnts {border-top:2px solid #26272B; border-bottom:2px solid #26272B;}
.ptrmirt3Cnts .ptrmirt3Cnt {border-bottom:1px solid #D9DADE;}
.ptrmirt3Cnts .ptrmirt3Cnt:last-child {border-bottom:none;}
.premierGrid {display: grid; grid-template-columns: repeat(4, 1fr);}
.premierGrid img {width: 100%; height: auto; display: block;}

/********************
** parther
********************/
.partherCnts .partherCnt{border-bottom:1px solid #D9DADE;}
.partherCnts .partherCnt:last-child{border-bottom:none;}

/********************
** special
********************/
.specialBg {background:url('/img/service-004-main.jpg'); background-position:center; background-size:cover;}
.specialCnts {display:grid; grid-template-columns:repeat(4, 1fr); row-gap:56px;}
.specialCnts2 {display:grid; grid-template-columns:repeat(4, 1fr);}

/********************
** factory
********************/
.factoryBg {background:url('/img/service-003-main.jpg'); background-position:center; background-size:cover;}
.factoryCnts {display:grid; grid-template-columns:repeat(4, 1fr); row-gap:56px;}
.factoryCnts2 {display:grid; grid-template-columns:repeat(4, 1fr);}

/********************
** office
********************/
.officeBg {background:url('/img/service-002-main.jpg'); background-position:center; background-size:cover;}
.officeCnts {display:grid; grid-template-columns:repeat(4, 1fr); row-gap:56px;}
.officeCnts2 {display:grid; grid-template-columns:repeat(4, 1fr);}

/********************
** building
********************/
.buildingBg {background:url('/img/service-001-main.jpg'); background-position:center; background-size:cover;}
.buildingCnts {display:grid; grid-template-columns:repeat(4, 1fr); row-gap:56px;}
.buildingCnts2 {display:grid; grid-template-columns:repeat(4, 1fr);}
.buildingCnts3 {display:grid; grid-template-columns:repeat(3, 1fr);}

/********************
** cleanning
********************/
.cleanningBg {background:url('/img/service-005-main.jpg'); background-position:center; background-size:cover;}

/********************
** Contact
********************/
.online{background:url('/img/contactBg.jpg'); background-size:cover;}
.inputBox{border: 1px solid #D9DADE;}
.inputBox:placeholder-shown{color: #91949f; line-height: 1em;}

.custom-checkbox{width: 20px; height: 20px; padding: 0; border: none; background: url('/img/chkOff.svg') no-repeat center; background-size: 20px 20px; margin-right: 10px; transition: background 0.2s ease; position: relative;}
.checkpolicy input[type="checkbox"] {display: none;}
.checkpolicy input[type="checkbox"]:checked + .custom-checkbox{background: url('/img/chkOn.svg') no-repeat center; background-size: 20px 20px;}
.checkpolicy input[type="checkbox"]:checked + .custom-checkbox::after{content: none;}

.moreBtn{text-decoration: underline;}

.onlineBtn{ cursor: pointer;}

/********************
** subBanner
********************/
.subBanner1{background:url('/img/subBanner-001.jpg')center center; background-size:cover}
.subBanner2{background:url('/img/subBanner-002.jpg')center center; background-size:cover}
.subBanner3{background:url('/img/subBanner-003.jpg')center center; background-size:cover}
.subBanner4{background:url('/img/subBanner-004.jpg')center center; background-size:cover}
.subBanner5{background:url('/img/subBanner-005.jpg')center center; background-size:cover}
.subBanner6{background:url('/img/subBanner-006.jpg')center center; background-size:cover}

/********************
** success
********************/
/** List **/
.successTable th {border-top:2px solid #26272B;}
.successTable td {border-top:1px solid #D9DADE;}
.successTable tbody:last-child {border-bottom:2px solid #26272B;}
.catTabs{display:grid; grid-template-columns:repeat(3, 1fr); background:#fff; }
.catTabs a{display:flex; align-items:center; justify-content:center; background:#fff; color:#91949F; text-decoration:none; white-space:nowrap; border:1px solid #E6E8EE; min-height:56px;}
.catTabs a.is-active{background:#F7F8F8; color:#5D606C;}
.caseGrid{display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:24px; row-gap:56px;}
@media (max-width: 1024px){.caseGrid{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:18px; row-gap:32px;}}
@media (max-width: 768px){.caseGrid{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:16px; row-gap:24px;}}
.caseCard{text-decoration:none; color:inherit; display:block;}
.caseThumb{width:100%; aspect-ratio:1 / 1; background:#F2F4F7; overflow:hidden;}
.caseThumb img{width:100%; height:100%; object-fit:cover; display:block;}
.caseCat{display:inline-block;}
.caseTit{word-break:keep-all;}
/** view **/
.successBLine {border-bottom:1px solid #D9DADE;}
.successBtnLine {border:1px solid #D9DADE;}
.caseMainTxt {min-height:360px;}

/********************
** news
********************/
.index .newsDesc p{font-size:20px !important; text-align:left !important;}
.index .newsDesc b {font-size:20px !important;}
.index .newsDesc span{font-size:20px !important;}
.newsCard > div{aspect-ratio: 1 / 1; width: 100%;}

/********************
** notice
********************/
/** List **/
.noticeTable {table-layout:fixed; width:100%;}
.noticeTable th {border-top:2px solid #26272B;}
.noticeTable td {border-top:1px solid #D9DADE;}
.noticeTable tbody:last-child {border-bottom:2px solid #26272B;}
.noticeTitleCell {overflow:hidden;}
.noticeTitle {display:block !important; width:100% !important; max-width:100% !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important;}
.ellipsis-1 {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
/** view **/
.noticeBLine {border-bottom:1px solid #D9DADE;}
.noticeBtnLine {border:1px solid #D9DADE;}
.noticeView .editorContent {font-family:'pretendard', sans-serif; color:#2c1e1c;}
.noticeView .editorContent img {max-width:100%; height:auto;}
.noticeView .editorContent b,
.noticeView .editorContent strong {font-weight:700;}
.noticeView .editorContent i,
.noticeView .editorContent em {font-style:italic;}
.noticeView .editorContent u {text-decoration:underline;}
.noticeView .editorContent s,
.noticeView .editorContent del {text-decoration:line-through;}
.noticeView .editorContent h1 {font-size:2em; font-weight:700;}
.noticeView .editorContent h2 {font-size:1.5em; font-weight:700;}
.noticeView .editorContent h3 {font-size:1.17em; font-weight:700;}
.noticeView .editorContent h4 {font-size:1em; font-weight:700;}
.noticeView .editorContent h5 {font-size:0.83em; font-weight:700;}
.noticeView .editorContent h6 {font-size:0.67em; font-weight:700;}
.noticeView .editorContent font {font-size:revert; font-weight:revert; color:revert;}
.noticeView .editorContent font[size="1"] {font-size:0.75em;}
.noticeView .editorContent font[size="2"] {font-size:0.875em;}
.noticeView .editorContent font[size="3"] {font-size:1em;}
.noticeView .editorContent font[size="4"] {font-size:1.25em;}
.noticeView .editorContent font[size="5"] {font-size:1.5em;}
.noticeView .editorContent font[size="6"] {font-size:2em;}
.noticeView .editorContent font[size="7"] {font-size:3em;}

/********************
** soinsult
********************/
/** List **/
.sonsultTable th {border-bottom:1px solid #D9DADE; border-top:1px solid #D9DADE; border-right:1px solid #D9DADE;}
.sonsultTable th:last-child {border-right:none;}
.sonsultTable td {border-bottom:1px solid #D9DADE; border-top:1px solid #D9DADE; border-right:1px solid #D9DADE;}
.sonsultTable td:last-child {border-right:none;}
/** View **/
.consiltCntLine {border-top:1px solid #EEEEF0;}
.consiltCnts .consiltCntLine:last-child {border-bottom:1px solid #EEEEF0;}

/********************
** footer
********************/
footer {border-top:1px solid #D9DADE;}

/********************
** login
********************/
.loginBg {background:url('/img/mainBanner.jpg'); background-position:center; background-size:cover;}
.loginBox {box-shadow:0 0 16px rgba(0, 0, 0, 0.05);}

/********************
** admin
********************/
.adminBtn {box-shadow:0 0 16px rgba(0, 0, 0, 0.25);}