@charset "utf-8";
/* 공통 헤드에 아이콘, 견적문의, 연락처 등등 */
.tbheader .head-icons{text-align: right;}
.tbheader .head-icons .icons{margin-left:5px;}
.head-icons .head-linkBtn{ position:relative; font-size:1.5rem; display:inline-block; letter-spacing:0.05em; padding:0 2.2em; height:44px; line-height:43px; transition:.2s ease-out; vertical-align:middle; }
.head-icons .head-linkBtn.linefff{border:2px solid #fff; color:#fff;}
  .head-icons .head-linkBtn.linefff:hover{border:2px solid #BF1326; color:#fff; background: #BF1326;}
  .head-icons .head-linkBtn.linefff.menuhover,
  body.headfixed .head-icons .head-linkBtn.linefff{border:2px solid #222; color:#222; background: transparent;}
  body.headfixed .head-icons .head-linkBtn.linefff:hover{border:2px solid #BF1326; color:#fff; background: #BF1326;}
  
.head-icons .head-linkBtn.bgfull{background:#112c4d; color:#fff;}
body.headfixed .head-icons .head-linkBtn.bgfull{background:#e1e1e1; color:#000;}
body.headfixed .head-icons .head-linkBtn.bgfull:hover{ color:#fff; }

.head-icons .head-linkBtn.radius{border-radius: 40px;}
  .head-icons .head-linkBtn.radius{border-radius: 40px;}

  .head-linkBtn.mouseSensedBtn::after,
  body.headfixed .head-linkBtn.mouseSensedBtn::after{ background: #69b2fb; }
  
  /* hover 시 덮기 */
  body.headfixed .mouseSensedBtn.is-on::after { transform: translate(0, 0); }
  
  /* transition 비활성 상태 */
  body.headfixed .mouseSensedBtn.no-anim::after { transition: none !important; }


.head-icons .head-snsIcon img{width:28px;}
.head-icons .sidebarIcon{ display:none; padding:3px;  vertical-align: middle;}
.head-icons .sidebarIcon .sidebarIcon_block{position:relative; width:28px; height:16px; cursor: pointer;}
.head-icons .sidebarIcon span.line{position:absolute; width:100%; height:2px; border-radius: 2px; background:#fff; left:0; }
  body.headfixed .sidebarIcon span.line{background:#222;}
  .tbheader.subopen .sidebarIcon span.line{background:#222;}
.head-icons .sidebarIcon span.line:nth-child(1){top:0; transform-origin:25% 50%; transition:.3s;}
.head-icons .sidebarIcon span.line:nth-child(2){top:calc(50% - 1px);}
.head-icons .sidebarIcon span.line:nth-child(3){bottom:0; transform-origin:25% 50%; transition:.3s;}
.sidebarIcon.open .sidebarIcon_block{z-index: 105;}
.sidebarIcon.open span.line{background:#222;}
.sidebarIcon.open span.line:nth-child(1){transform:rotate(45deg) translateX(10%);}
.sidebarIcon.open span.line:nth-child(2){opacity:0;}
.sidebarIcon.open span.line:nth-child(3){transform:rotate(-45deg) translateX(10%);}

@media screen and (max-width:1024px){
  .head-icons .sidebarIcon{display:inline-block;}
}
@media screen and (max-width:560px){
  .head-icons .head-snsIcon,
  .head-icons .head-linkBtn{display: none;}
}



/* header01 */
.tbheader{
  position:fixed; top:0; left:0; width:100%; height:auto; z-index:100; background:transparent;
}
.tbheader{ top:-100px; transition:top 1s .5s;}
.tbheader.loaded{ top:0;}


.tbheader.subopen{ background-color: #fff; }
.tbheader .tbinner{height:100%;}
.header_sec{display: flex;position:relative; display:flex; align-items: center; height:100px; transition: height .3s ease-out;}

.tbheader .head-logo{padding-right:20px;} /* 로고 사이즈 바뀌면 다시 확인하기 */
.tbheader .head-logo a.logotxt{letter-spacing:0.03em; color:#fff; font-family: 'Roboto Slab','Pretendard','Noto Sans KR', serif; } /* 로고 사이즈 바뀌면 다시 확인하기 */
  body.headfixed .tbheader a.logotxt,
  .tbheader.subopen a.logotxt { color:#000; }

.tbheader .head-menu{ flex-grow: 1; height:100%; display:flex; align-items: center; text-align: center; justify-content:right; padding-right:20px; }
.tbheader .head-menu .category_menu{ display:flex; align-items: center; position: relative; height:100%; }
  .tbheader .head-menu .category_menu{transition:background .3s ease-out;}
.tbheader .head-menu .category_menu .mainmenu
{font-size:2rem; padding:8px 25px 8px 25px; font-weight:500; letter-spacing: 0.05em;}

.tbheader .head-menu .category_menu .mainmenu a{ color:#fff; font-weight:500; position:relative; transition:.3s ease-out}
  .tbheader .head-menu .category_menu:hover .mainmenu a { color:#69b2fb; }

.tbheader .head-menu .subblocks{ display:none; position:absolute; background:rgba(255,255,255,.8); height:auto; top:calc(100% - 13px); left:50%; transform:translate(-50%, 0); padding:25px 0; border-radius:10px; transition: .3s; }
/*.tbheader .head-menu .subblocks::after{ position:absolute; width:50px; height:2px; background:#afafaf; border-radius:2px; top:-1px; left:50%; transform:translateX(-50%);  content:"";}*/
body.headfixed .head-menu .subblocks{ border-radius: 0; }

.tbheader .head-menu .subblocks .subblocks-li{ min-width:120px; padding:0 20px; margin-bottom:10px;}
  .tbheader .head-menu .subblocks .subblocks-li:last-child{margin-bottom:0;}
  .tbheader .head-menu .subblocks .subblocks-li a{ display:inline-block; text-wrap:nowrap; color:#000; font-weight:600; font-size:1.6rem; position:relative; transition:color .3s ease-out; }
  .tbheader .head-menu .subblocks .subblocks-li:hover a{ color:#4fa4f8; }



/* 스크롤 fixed HEAD + sub메뉴 slideDown시에 */
body.headfixed .tbheader{ background:rgba(255,255,255,.8); box-shadow: 0 3px 10px rgb(78 78 78 / 15%);}
body.headfixed .tbheader .header_sec{height:80px;}
body.headfixed .tbheader .head-menu .subblocks{top:80px;}
body.headfixed .tbheader .head-menu .category_menu .mainmenu a{ color:#000;}
body.headfixed .tbheader .head-menu .category_menu:hover .mainmenu a{ color:#69b2fb;}

.tbheader .fixedNone{}
.tbheader .fixedInline{display: none;}
body.headfixed .tbheader .fixedNone{display: none;}
body.headfixed .tbheader .fixedInline{display: inline;}
.tbheader.subopen .fixedNone{display: none;}
.tbheader.subopen .fixedInline{display: inline;}
@media screen and (max-width:1400px){
  .tbheader .head-menu .category_menu .mainmenu {font-size:1.6rem; padding:8px 1.5em;}
}
@media screen and (max-width:1024px){
  .tbheader .head-menu{display: none;}
  .tbheader .head-logo{flex-grow: 1;}
  .header_sec,
  body.headfixed .tbheader .header_sec{height:75px;}
}
@media screen and (max-width:768px){
  .head-logo .logo{height:24px;}
}