@charset "utf-8";
/********************
** common 
********************/
.borderBtn{border:1px solid #D9DADE}
.lineBox{border-left:1px solid #FFD4A9; border-right:1px solid #FFD4A9}
.btnLine {border:1px solid #D9DADE;}

/********************
** header 
********************/
header{border-bottom:1px solid #fff;}
header.scroll{background:#fff;}
header.scroll .menu a{color:#222;}
.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:6px}
.toggleBtn span:nth-child(3){left:0; top:12px; }

.toggleBtn.active span:nth-child(1), .toggleBtn.active span:nth-child(3){left:50%; top:50%;}
.toggleBtn.active span:nth-child(2){left:99999px;}
.toggleBtn.active span:nth-child(1){transform: translate(-50%, -50%) rotate(45deg);}
.toggleBtn.active span:nth-child(3){transform: translate(-50%, -50%) rotate(-45deg);}


/********************
** footer 
********************/
.fixBtn{right:60px; bottom:60px}
.fixBtn > div{box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);}
.upScroll{cursor: pointer;}

/********************
** index 
********************/
/** mainBanner **/
.mainBanner{background:url('/img/mainBannerImg1.jpg')center center; background-size:cover}

/** mainIntro **/
.mainIntro{background:linear-gradient(to bottom, #FFF6ED, #fff)}
.mainIntroCnt .swiper-slide > div{box-shadow: 0 0 16px #EDE2D4;}
.mainIntroSliderGageBox{transition: ease-in-out 0.3s;}

/** mainCaseLatest **/
.mainCaseCnt p{overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}

/** mainReviewLatest **/
.mainReviewLatestCnt{line-height: 0;}

/** mainContact **/
.mainContactCnt{border-bottom:1px solid #FFD4A9}
.mainContactMap{align-self: stretch;}
.daum_roughmap_loader_script,.root_daum_roughmap{width:100% !important; height:100% !important}
.root_daum_roughmap .wrap_map{height:100% !important}
.wrap_controllers, .cont{display:none}


/********************
** company 
********************/
.companyInfoCnt{align-self: stretch;}
.companyInfoCnt .wpA{right:0; bottom:0}

.companySubBanner{background:linear-gradient(to bottom, #FDEDD7, rgba(253,237,215,0))}
.companySubBannerCnt{background:rgba(255,255,255,0.8); backdrop-filter:blur(16px); top:-20svh; left:0}

.companyProccessCnt{width:calc(25% - 48px);box-shadow:0 0 4px #D9DADE; align-self: stretch;}

.companyKeyword{background:url('/img/keywordBg.jpg')center center; background-size:cover}

.compnanyKeywordCnt{width:calc(50% - 12px)}

.companyTbl thead td{border-top:1px solid #FFB572}
.companyTbl tbody td{border:1px solid #FFECD4}

.companyLast{background:url('/img/newstartBg.jpg')center center; background-size:cover}
.gradientLine{background:linear-gradient(to bottom, rgba(200,162,124,0), #C8A27C)}

/********************
** boardList 
********************/
/** gallList **/
.gallThumbnail{background-size:cover !important; border:1px solid #efece4}


/** boardList **/
.boardBox{overflow-x:auto}
.boardBox table{min-width:520px; }
.boardBox table thead td{border-top:2px solid #222;border-bottom:1px solid #D9DADE}
.boardBox table tbody td{border-bottom:1px solid #D9DADE}
.boardBox table td{overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.boardBox table tbody tr{cursor: pointer;}

/********************
** boardView 
********************/
/** gallView **/
.viewBtn{border:1px solid #D9DADE}
/** eventView **/
.boardTit{border-bottom:1px solid #D9DADE}

/********************
** boardWrite 
********************/
/** boardWrite **/
.inputLine{border:1px solid #D9DADE}
.checkBoxInput{left:-999999px}
.checkBoxInput + label .check{background:url('/img/chkOff.svg')center center; background-size:cover}
.checkBoxInput:checked + label .check{background:url('/img/chkOn.svg')center center; background-size:cover}


/** attendWrite **/
.attendForm{box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);}
.attendPolicyBox{border:1px solid #EEEEF0}


/********************
** success 
********************/

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

/********************
** register 
********************/
.joinForm{box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);}


/********************
** findInfo 
********************/

/********************
** myPage 
********************/
.mypageCnt{border:1px solid #FFECD4; border-top:1px solid #FE9C56;}

/********************
** policy 
********************/