@charset "utf-8";
/*---------------------------------------------
 2025.08.13 나무엑스 심플 사이트 -휘
-----------------------------------------------*/
body{overflow-x:hidden; width:100%;background:#000;font-size:16px; font-family:'WellnessSans_R','Noto Sans KR', '맑음고딕', '돋움', verdana, sans-serif; color:#fff;}

a:link, a:visited {/*color:#000;*/text-decoration:none}
a:hover, a:focus, a:active {color:#ccc;text-decoration:none}
#colorbox:focus {outline: none;}
h1, h2, h3{font-family:'WellnessSans_R'}


#diWrap{position: relative; width:100%;}
#diContainer{clear:both; width:100%; }
#diContents{width:100%; height: 100%;}
#diCon {width:1416px; margin:0 auto;overflow: hidden;}

.ssLift{text-align:left !important;}
.ssRight{text-align:right !important;}


.basicWrapCenter{width:1416px; margin:0 auto;}
.dcHeader{display: flex;align-items: center;height: 80px;justify-content: space-between;}
.dcHeader {position: fixed;top: 0;width: 100%;height: 80px;z-index: 999;background: #002554;box-shadow: 0 2px 5px rgba(0,0,0,0.1);transition: transform 0.4s ease, opacity 0.4s ease;  }
.dcHeader .menu {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);display: flex;justify-content: center;  align-items: center;}
.dcHeader .menu span {font-size: 1.2em;padding: 0 20px;color: #fff;cursor: pointer;}
.dcHeader .menu ._Seleted{color:#8de1d1;}
/* 숨겨질 때 */
.dcHeader.hide {transform: translateY(-100%);}

/*무료상담 신청*/
#diFixBottomWrap{
  position: fixed;width:100%;bottom:0;padding:10px 0;box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 20%);
  background: center center repeat-x;background-image: url(/modules/user/img/skin01/main/bottom_bg.png);
  background-size: cover;background-color:#1d1d1f;z-index:999;
}
#diFixBottomWrap ul{float:left;}
#diFixBottomWrap ul:first-child nth-child(2),#diFixBottomWrap ul:nth-child(3){padding-top:10px;}
#diFixBottomWrap ul:first-child li:nth-child(1){color:#8de2cf;font-size:2.2em;font-weight: 900;margin:0 65px 0 0;}
/*#diFixBottomWrap ul:first-child li:nth-child(2){margin:0 65px;}*/
#diFixBottomWrap ul:first-child li:nth-child(3){color:#8d8d8d}
#diFixBottomWrap ul li input {background:#1d1d1f;text-align:left;border: 1px solid #5a5a5c;color:#5a5a5c; padding: 10px;border-radius: 5px;font-size:16px;font-weight: 400;}
#diFixBottomWrap ul li input:nth-child(1){width:150px}
#diFixBottomWrap ul li input:nth-child(2){width:270px;margin-right:30px;}
#diFixBottomWrap .term_promotion_view{background:#8be2cf;color:#002454 !important;font-size:0.9em !important;padding:5px 10px;border-radius:5px;margin:0 10px 0 0 !important;}
#diFixBottomWrap .term_promotion_view li{text-align:right}

#diFixBottomWrap .submit_btn{float:right;font-size: 20px;font-weight: 600;padding:10px;}
#diFixBottomWrap .submit_btn li{float:left;padding:10px 30px;background:#002454;color:#8be2cf;margin-left:10px;border-radius:5px;}
#diFixBottomWrap .submit_btn li:first-child{background:#8be2cf;color:#002454;}
#diFixBottomWrap .submit_btn li:last-child{}



/*개인정보 수집/이용 안내*/
.dc_agree_wrap{}
.pc_m_agree_tx{padding:40px;line-height:160%;color:#000;}
.pc_m_agree_tx h2{font-size:24px;font-weight:bold;line-height:40px;margin-bottom:20px;color:#8ce2d0}
.pc_m_agree_tx div{background:#e6e9ee;color:#000;border-radius:15px;padding:40px;white-space: normal;overflow:hidden;font-size:13px;}
.pc_m_agree_tx div p{font-size:13px;color:#000;font-weight: 900;margin-bottom:10px;}
.pc_m_agree_tx table{table-layout: fixed;width: 100%;text-align: center;}
.pc_m_agree_tx table tr :is(th, td) {border: 1px solid #ddd;padding:10px;}
.pc_m_agree_tx table th{background:#f6f6f6;width:40%;}
.pc_m_agree_tx table td{background:#fff;width:60%;}
.pc_m_agree_tx p.agree_etc{font-size:0.95em;color:#394e69;line-height:140%;padding-top:20px}

/*시험 결과*/
.test_method{overflow:hidden;padding:50px 0;color:#8d8d8d;font-size:0.85em;line-height:150%}

.footer_wrap{border-top:1px solid #1a1a1a;padding:30px 0 100px;font-size:0.85em;color:#8d8d8d}
.footer_wrap .basicWrapCenter div:nth-child(1){float:left}
.footer_wrap .basicWrapCenter div:nth-child(2){float:left;margin-left:20px;}
.footer_wrap .basicWrapCenter div:nth-child(3){float:right}
.footer_wrap .basicWrapCenter address{padding-top:20px;width:40%;float:left}
.footer_wrap .basicWrapCenter .dcSellerMark{float:right;width:40%;padding-top:20px;}
.footer_wrap .basicWrapCenter .dcSellerMark img{width:100%}


/*상세보기 및 탑버튼*/
#diFixBottomWrap .basicWrapCenter{position: relative;}
#diFixBottomWrap .basicWrapCenter .R_btn{position:absolute;bottom:30px;right:-90px;z-index:99}
#diFixBottomWrap .basicWrapCenter .R_btn div{padding:10px;cursor:pointer;margin-bottom:10px;}
#diFixBottomWrap .basicWrapCenter .R_btn .GO_CARD{margin-left:20px;}
#diFixBottomWrap .basicWrapCenter .R_btn .GO_Review{margin-left:20px;}
#diFixBottomWrap .basicWrapCenter .R_btn #topBtn{display:none;margin-left:20px;}
#diFixBottomWrap .basicWrapCenter .L_btn{position:absolute;bottom:30px;left:-90px;z-index:99;}
#diFixBottomWrap .basicWrapCenter .L_btn #GO_A1{display:none;}
#diFixBottomWrap .basicWrapCenter .L_btn #GO_A1 img{filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.5));}

/*진동 효과*/
@keyframes shake {
  0%, 100% { transform: translate(0, 0); }
  5%  { transform: translate(-4px, 0); }
  10% { transform: translate(4px, 0); }
  15% { transform: translate(-4px, 0); }
  20% { transform: translate(4px, 0); }
  25% { transform: translate(-3px, 0); }
  30% { transform: translate(3px, 0); }
  35% { transform: translate(-2px, 0); }
  40% { transform: translate(2px, 0); }
  45% { transform: translate(0, 0); }
}
#GO_A1 {  animation: shake 3s infinite;}


/*스크롤*/
.OverflowScroll_Y{overflow-y:auto;overflow-x:hidden;}
.OverflowScroll_Y::-webkit-scrollbar {width: 5px;}
.OverflowScroll_Y::-webkit-scrollbar-thumb { background-color: #8a8a8a;border-radius: 10px;height: 50%}
.OverflowScroll_Y::-webkit-scrollbar-track {background-color:#eee;box-shadow: inset 0px 0px 5px white;}
.OverflowScroll_X{overflow-y:hidden;overflow-x:scroll;}
.OverflowScroll_X::-webkit-scrollbar {height: 5px;}
.OverflowScroll_X::-webkit-scrollbar-thumb { background-color: #838383;border-radius: 5px;height: 50%}
.OverflowScroll_X::-webkit-scrollbar-track {background-color:#888;border-radius: 10px;box-shadow: inset 0px 0px 5px white;}