@charset "utf-8";
html {overflow-y:scroll; font-size:10px;}
@media screen and (max-width:1024px) {
  html{font-size:9.5px;}
}
/* 아이폰 */
input{ appearance: none; -webkit-appearance: none; -webkit-border-radius: 0;}
select{ -webkit-appearance: none; -moz-appearance: none; appearance: none;
background: url('../img/tbimg/common/slt_arrow.svg') no-repeat 98% 50% #fff; /*화살표 select박스 오른쪽 중앙 배치,배경 흰색*/
}
select::-ms-expand{  display:none; /* 화살표 없애기 for IE10, 11*/ }
body {font-size:1.6rem;font-family:'Noto Sans SC', 'Noto Sans KR', dotum, sans-serif; color:#222; font-weight:400; line-height:1.5em; transition:padding-top .3s;}
@media screen and (max-width:1024px){
  
}
input, button {font-family:'Noto Sans SC', 'Noto Sans KR', dotum, sans-serif; font-size:1.5rem}
button {border-radius: 0; -moz-appearance:none;-webkit-appearance:none;appearance:none;}
textarea, select {font-family:'Noto Sans SC','Noto Sans KR', dotum, sans-serif;}
label, input, button, select, img {font-size:1.5rem}
input[type=text]:focus,input[type=password]:focus, textarea:focus, select:focus {
  -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; border:1px solid #c6c6c6 !important;
}
a{outline: none;}
.placeholdersjs {color:#e1e1e1 !important}
#wrapper, #container_wr{min-width:100%}
#container{ max-width:2560px; min-height:500px; position:relative; float:none; margin:0 auto; font-size: inherit; width:100%; zoom:normal}
.tbsec {overflow:hidden;}
/* 트랜지션 */
.trstn3s{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s; } /* transition:.3s; */
.trstn5s{ -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.3s;  transition: all 0.5s; } /* transition:.5s; */
/* 기본버튼 */
a.tbbtn{text-decoration: none;}
.tbbtn{
  display: inline-block; padding:0 1.7em; font-size:1.6rem; height:48px; line-height:47px; font-weight: 400; border:0;cursor: pointer;
  -moz-appearance:none; -webkit-appearance:none; appearance:none;
  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;
}

.tbbtn.small{ padding:0 1.2em; height:34px; line-height:33px; font-size:1.5rem; cursor: pointer;}
.tbbtn.big{ padding:0 2.2em;min-width:90px; height:60px; line-height:58px; }
.tbbtn.linefff{border:1px solid #fff; color:#fff; background:transparent;}
.tbbtn.linefff:hover{ background-color:#fff; color:#222;}
.tbbtn.line{border:1px solid #e1e1e1; color:#a5a5a5; }
.tbbtn.line:hover{ background-color:#a5a5a5; color:#fff;}
.tbbtn.line000{border:1px solid #222; color:#222; background:transparent;}
.tbbtn.line000:hover{ background-color:#222; color:#fff;}
.tbbtn.linegray{border:1px solid #989898; color:#989898; background:#fff;}
.tbbtn.linegray:hover{ background-color:#a5a5a5; color:#fff;}
.tbbtn.bgfull{ border:1px solid #073da8; background:#073da8; color:#fff;}
.tbbtn.bgfull:hover{ border-color:#05286e; background:#05286e;}

.tbbtn.circle{border-radius:50%;width:40px; height:40px; padding:0; line-height:38px; font-size:2.2rem; font-weight: 500; font-family: 'Noto Sans SC','Noto Sans KR', Verdana, Dotum, AppleGothic, sans-serif;}
.tbbtn.radius{padding:0 2.5em; border-radius: 1.4em;}

/* 스르륵 btn */
.tbbtn.slurp { position:relative; border:1px solid #222; color:#222;}
.tbbtn.slurp span{ position:relative; }
.tbbtn.slurp::before { content:""; position:absolute; top:0; bottom:0; left:0; height:100%; width:0%; background-color:#073da8; border-radius: 1.4em; transition: all 0.3s ease-out;} 
.tbbtn.slurp:hover::before { width:100%; }
.tbbtn.slurp:hover {border:1px solid #073da8; color:#fff; }


@media screen and (max-width:768px){
  .tbbtn {padding:0 1.3em; height:40px; line-height:38px; font-size:1.4rem;}
}


/*모바일 br 제거*/
.tab_block{display:none;}
.mob_block{display:none;}
@media screen and (max-width:768px){
.dis_none::after {content:"\A"; white-space: pre;}
.tab_none {display:none;}
.tab_block{display:block;}
}
@media screen and (max-width:560px){ 
.mob_none {display:none;}
.mob_block{display:inline-block;}
}


/* 전체패딩 */
.tbinner{ margin:0 auto; width:100%; max-width:1400px; }
.tbinner.wide { max-width: 1850px;}
.tbinner.wide1560 { max-width: 1560px;}

@media screen and (max-width: 1920px){
  .tbinner.wide {padding:0 35px;}
}
@media screen and (max-width: 1630px){
  .tbinner {padding:0 35px;}
}
@media screen and (max-width: 1470px){
  .tbinner {padding:0 35px;}
}
@media screen and (max-width: 1024px){
  .tbinner{ padding:0 20px; }
}
@media screen and (max-width: 768px){
  .tbinner{ padding:0 15px; }
}
@media screen and (max-width: 560px){
  /*.tbinner{ padding:0 10px; }*/
}
.sec_pddgtop{ padding-top:130px; }
.sec_pddgbttm{ padding-bottom:130px; }

.sec_pddgtop200 {padding-top:200px;}
.sec_pddgbttm200 {padding-bottom:200px;}

.sec_pddgtop180{ padding-top:180px; }
.sec_pddgbttm180{ padding-bottom:180px; }

.sec_pddgtop100{ padding-top:100px; }
.sec_pddgbttm100{ padding-bottom:100px; }

.sec_pddgtop80{ padding-top:80px; }
.sec_pddgbttm80{ padding-bottom:80px; }

@media screen and (max-width:1470) {
  .sec_pddgtop200 {padding-top:180px;}
  .sec_pddgbttm200 {padding-bottom:180px;}
  .sec_pddgtop180{ padding-top:150px; }
  .sec_pddgbttm180{ padding-bottom:150px; }
  .sec_pddgtop{ padding-top:100px; }
  .sec_pddgbttm{ padding-bottom:100px; }
  .sec_pddgtop100{ padding-top:80px; }
  .sec_pddgbttm100{ padding-bottom:80px; }
}
@media screen and (max-width:1024px) {
  .sec_pddgtop200 {padding-top:150px;}
  .sec_pddgbttm200 {padding-bottom:150px;}
  .sec_pddgtop180{ padding-top:130px; }
  .sec_pddgbttm180{ padding-bottom:130px; }
  .sec_pddgtop{ padding-top:80px; }
  .sec_pddgbttm{ padding-bottom:80px; }
  .sec_pddgtop80{ padding-top:50px; }
  .sec_pddgbttm80{ padding-bottom:50px; }
  .sec_pddgtop100{ padding-top:50px; }
  .sec_pddgbttm100{ padding-bottom:50px; }
}
@media screen and (max-width:768px) {
  .sec_pddgtop200 {padding-top:130px;}
  .sec_pddgbttm200 {padding-bottom:130px;}
  .sec_pddgtop180{ padding-top:100px; }
  .sec_pddgbttm180{ padding-bottom:100px; }
}
@media screen and (max-width:560px) {
  .sec_pddgtop200 {padding-top:100px;}
  .sec_pddgbttm200 {padding-bottom:100px;}
}



.dsp_none768{}
.dsp_block768 {display:none;}
@media screen and (max-width:768px){
  .dsp_none768 {display:none;}
  .dsp_block768 {display:block;}
}



/* 마진 패딩 */
.mgbttm5{margin-bottom:5px;}
.mgbttm10{margin-bottom:10px;}
.mgbttm15{margin-bottom:15px;}
.mgbttm20{margin-bottom:20px;}
.mgbttm25{margin-bottom:25px;}
.mgbttm30{margin-bottom:30px;}
.mgbttm40{margin-bottom:40px;}
.mgbttm50{margin-bottom:50px;}
.pdbttm10{padding-bottom:10px;}
.pdbttm20{padding-bottom:20px;}
.pdbttm30{padding-bottom:30px;}
.pdbttm40{padding-bottom:40px;}
.pdbttm50{padding-bottom:50px;}
.pdbttm60{padding-bottom:60px;}

.mgtop20{margin-top:20px;}
.mgtop25{margin-top:25px;}
.mgtop30{margin-top:30px;}
.mgtop40{margin-top:40px;}
.pdtop10{padding-top:10px;}
.pdtop20{padding-top:20px;}
.pdtop40{padding-top:40px;}
.pdtop30{padding-top:30px;}


@media screen and (max-width:768px){
  .mgbttm5{margin-bottom:3px;}
  .mgbttm10{margin-bottom:7px;}
  .mgbttm15{margin-bottom:8px;}
  .mgbttm20{margin-bottom:15px;}
  .mgbttm25{margin-bottom:18px;}
  .mgbttm30{margin-bottom:22px;}
  .mgbttm40{margin-bottom:25px;}

  .pdbttm60{padding-bottom:40px;}
  .pdbttm50{padding-bottom:35px;}
  .pdbttm40{padding-bottom:30px;}
  .pdbttm30{padding-bottom:22px;}
  .pdbttm20{padding-bottom:15px;}

  .mgtop20{margin-top:15px;}
  .mgtop25{margin-top:18px;}
  .mgtop30{margin-top:22px;}
  .mgtop40{margin-top:30px;}
  .pdtop10{padding-top:7px;}
  .pdtop20{padding-top:15px;}
  .pdtop40{padding-top:30px;}
  .pdtop30{padding-top:22px;}
}

/* 텍스트 정렬 .align */
.alignCenter{text-align: center;}
.alignLeft{text-align: left;}
.alignRight{text-align: right;}


/* 기본 하이라이터 */
span.highlighter{position:relative; display:inline-block; padding:0 3px; z-index: 1;}
span.highlighter:before {content:""; position:absolute; bottom:3px; left:0; width:100%; height:18px; background-color:#bbd2ff; opacity:.9; z-index:-1; }
@media screen and (max-width:768px){
  span.highlighter:before {height:14px; }
}

/* 텍스트 text */
.font70{font-size:7rem;line-height:1.3em;display:block; }
.font60{font-size:6rem;line-height:1.3em;display:block; }
.font54{font-size:5.4rem;line-height:1.3em;display:block; }
.font48{font-size:4.8rem;line-height:1.4em;display:block; }
.font40{font-size:4rem;line-height:1.4em;display:block; }
.font32{font-size:3.2rem;line-height:1.4em;display:block; }
.font26{font-size:2.6rem;line-height:1.4em;display:block; }
.font22{font-size:2.2rem;line-height:1.5em;display:block; }
.font20{font-size:2.0rem;line-height:1.5em;display:block; }
.font18{font-size: 1.8rem;line-height:1.6em;display:block; }
.font16{font-size: 1.6rem;line-height:1.4em;display:block; }

@media screen and (max-width:1024px){
  .font70 {font-size:5.2rem;}
  .font60 {font-size:4.5rem;}
  .font54 {font-size:4rem;}
  .font48 {font-size:3.8rem;}
  .font40 {font-size:3.4rem;}
  .font32{font-size:2.6rem;}
  .font26{font-size:2.2rem;}
  .font22{font-size:2rem;}
  .font20{font-size:1.8rem;}
  .font18{font-size:1.6rem;}
  .font16{font-size: 1.5rem;line-height:1.4em;display:block; }
}
@media screen and (max-width:768px){
  .font70 {font-size:4rem;}
  .font60 {font-size:3.4rem;}
  .font54 {font-size:3.2rem;}
  .font48{font-size:3rem;}
  .font40 {font-size:2.5rem;}
  .font32{ font-size:2.2rem;}
  .font26{font-size:2rem;}
  .font22{font-size:1.7rem;}
}

/* font-weight */
.fontWeight100{font-weight:100;}
.fontWeight200{font-weight:200;}
.fontWeight300{font-weight:300;}
.fontWeight400{font-weight:400;}
.fontWeight500{font-weight:500;}
.fontWeight600{font-weight:600;}
.fontWeight700{font-weight:700;}
.fontWeight800{font-weight:800;}
.fontWeight900{font-weight:900;}


/* 뉴비 갤러리 기본 */
.nbgall{display:grid; }
  .nbgall.grid2{grid-template-columns: repeat(2, 1fr); column-gap: 20px; row-gap: 20px;}
  .nbgall.grid3{grid-template-columns: repeat(3, 1fr); column-gap: 20px; row-gap: 40px;}
  .nbgall.grid4{grid-template-columns: repeat(4, 1fr); column-gap: 30px; row-gap: 50px;}
  .nbgall.grid5{grid-template-columns: repeat(5, 1fr); column-gap: 25px; row-gap: 30px;}
  
.nbgall li{position: relative;}
.nbgall .thumb_rate{ position:relative; width:100%; height:0; padding-bottom:100%; overflow:hidden; }
.nbgall .thumb_rate .thumLink{position:absolute; width:100%; height:100%; top:0; left:0;}
.nbgall .rate50{padding-bottom:50%;}
.nbgall .rate56{padding-bottom:56%;}
.nbgall .rate71{padding-bottom:71%;}
.nbgall .rate80{padding-bottom:80%;}
.nbgall .rate100{padding-bottom:100%;}
.nbgall .rate130{padding-bottom:130%;}
.nbgall .thumb_rate .thumLink .thumbImg{width:100%; height:100%; object-fit: cover;}

.nbgall .description{padding:20px 0 0}
  .nbgall .description.center{text-align: center;}
.nbgall .description .title{ margin-bottom:10px; font-weight:500; line-height:1.5em; display:-webkit-box;  -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; word-wrap: break-word;}
.nbgall .description .cont{line-height:1.6em; display:-webkit-box;  -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; word-wrap: break-word;}

.nbgall.grid1{grid-template-columns: repeat(1, 1fr);}
.nbgall .empty_list{width:100%; font-size: 1.8rem; padding:50px 0 !important;}

@media(max-width: 1200px){
  .nbgall.grid3{column-gap: 40px; row-gap: 50px;}
  .nbgall.grid5{grid-template-columns: repeat(3, 1fr);}
}
@media(max-width: 1024px){
  .nbgall.grid3{column-gap: 20px; row-gap: 30px;}
  .nbgall.grid5{column-gap: 15px; row-gap: 20px;}
  .nbgall.grid4{grid-template-columns: repeat(3, 1fr);}

}
@media(max-width: 768px){
  .nbgall.grid3{grid-template-columns: repeat(2, 1fr); }
  .nbgall.grid5{grid-template-columns: repeat(2, 1fr);}
  .nbgall.grid4{grid-template-columns: repeat(2, 1fr);}
}
@media(max-width: 560px){
  .nbgall.grid4{column-gap: 15px; row-gap: 30px;}
  .nbgall .description{font-size: 1.5rem;}
  .nbgall .description .title{font-size:1.7rem; margin-bottom:5px;}
}
@media(max-width: 480px){
  .nbgall.grid1{column-gap: 10px; row-gap: 10px;}
  .nbgall.grid3,
  .nbgall.grid2{grid-template-columns: repeat(1, 1fr); }}


.menuHvEff{position:absolute; width:0; height:1px; bottom:-0.4em; left:0; background:#fff; transition:width .3s ease-out}
/* 타이틀 */
.titleArea { border-bottom:0; font-family:'Noto Sans SC', 'Noto Sans KR', Verdana, Dotum, AppleGothic, sans-serif;padding-bottom:40px;}
  .titleArea.textcenter {text-align:center;}
  .titleArea.textleft {text-align:left;}
  .titleArea .smllTitle{ font-size:1.8rem; font-weight:300; line-height:1.2em; margin-bottom:0; letter-spacing: 0.05em; color:#444;}
  .titleArea h2 { position:relative; display:block; font-size:4.8rem; text-align:center; font-weight:700; margin-bottom:25px; line-height:1.4em;}
  .titleArea h2.left{text-align:left;} .titleArea h2.center{text-align:center;} .titleArea h2.right{text-align:right;}
  .bold {font-size:4.7rem;; font-weight:800;}
  .titleArea p.left{text-align:left;} .titleArea p.center{text-align:center;} .titleArea p.right{text-align:right;}
  .titleArea h4.sml_tit {font-size:2.4rem; text-align:center; letter-spacing:5px; font-weight:400; margin-bottom:20px; line-height:1.3em;}
  .titleArea p{padding-bottom:25px; color:#989898; font-size:1.8rem; line-height:1.6em;}
  @media screen and (max-width:1024px){
    .titleArea h2 {font-size:4rem;}
    .bold {font-size:3.9rem;}
  }
  @media screen and (max-width:768px){
    .titleArea h2 {font-size:3.4rem;}
    .bold {font-size:3.3rem;;}
    .titleArea {padding-bottom:20px;}
    .titleArea h4.sml_tit {font-size:2.2rem;margin-bottom:10px; }
  }


/*내용content 타이틀*/
.sub_tit h4.sml_tit {font-size:2.4rem;}

h3.cont_tit { position:relative; font-size:2.6rem; font-weight:600; line-height:1.4em; padding-bottom:40px;}
h3.cont_tit_big { position:relative; font-size:3.6rem; font-weight:600; line-height:1.4em; padding-bottom:40px;}
h3.cont_tit_sml { position:relative; font-size:2rem; font-weight:600; line-height:1.4em; padding-bottom:40px; }
p.cont_p { font-size:1.6rem; font-weight:400; line-height:1.6em; }
p.cont_p_big { font-size:2rem; font-weight:400; line-height:1.8em; }
@media screen and (max-width:1024px){
  h3.cont_tit { font-size:2.3rem; padding-bottom:20px; }
  h3.cont_tit_big { font-size:2.8rem; padding-bottom:20px; }
  p.cont_p_big { font-size:1.7rem; line-height:1.7em; }
}
@media screen and (max-width:768px){
  h3.cont_tit { font-size:2rem; }
  p.cont_p { font-size:1.5rem; line-height:1.5em; }
  h3.cont_tit_big { font-size:2.6rem; }
   
}
@media screen and (max-width:560px){
 h3.cont_tit_big { font-size:2rem; }
}
.point_txt {color:#073da8;}
.colorGray {color:#777;}
.txt_bold {font-weight:600;}
.txt_thin {font-weight:300;}

/*메인 타이틀 sec*/
.mainsec .titleArea {position:relative; background-color:#001d57; padding-bottom:130px; color:#fff;}
.txt_box.titleArea p.verticalTxt {position:absolute; top:30px; font-size:2rem; writing-mode: vertical-rl; word-spacing:10px;}
.txt_box.titleArea p.verticalTxt.left { left:20rem; }
.txt_box.titleArea p.verticalTxt.right { right:20rem; }
.txt_box.titleArea h2 {margin-bottom:10px;}

.txt_box .cont_tit_sml {padding-bottom:10px; font-weight:400; letter-spacing:5px; color:#073da8;}
.txt_box .cont_tit_big {padding-bottom:0px; font-weight:400; }

@media screen and (max-width:1400px){
.txt_box.titleArea p.verticalTxt.left { left:3rem; }
.txt_box.titleArea p.verticalTxt.right { right:3rem; }
}
@media screen and (max-width:1024px){
  .mainsec .titleArea {padding-bottom:90px;}
}
@media screen and (max-width:768px){
 .txt_box.titleArea p.verticalTxt {display:none;}
}
@media screen and (max-width:560px){
 
}
/* 서브배너 */
.tbsub-bnn{
  position:relative;height:400px; width:100%; background-position:center center; background-size: auto 140%;
}
.tbsub-bnn h3.subbnnTitle{ position:absolute; display:block; top:50%; left:50%; transform:translate(-50%,-20%); font-size:5rem; line-height:1em; color:#fff; font-weight:500; text-align: center; letter-spacing: 0.05em; }
@media screen and (max-width:1024px){
  .tbsub-bnn{ position:relative;height:350px; }
  .tbsub-bnn h3.subbnnTitle{ font-size:4rem; transform:translate(-50%,-50%);}
}
@media screen and (max-width:768px){
  .tbsub-bnn{ position:relative;height:300px; }
  .tbsub-bnn h3.subbnnTitle{ font-size:3.5rem; }
}
.tbsec.submenubar,
.tbsec.tbsub-bnn{overflow:visible;}
.submenubar{position:absolute; bottom:-1px; left:0; width:100%; height:60px; }


.submenubar .submenu-wrap{display:flex; width:100%; height:100%; background:rgba(0,0,0,.6) }
.submenubar .submenuHome{width:50px; }
.submenubar .submenuHome a{display:block; width:50px; height:59px; border-right:1px solid rgba(255,255,255,.3); text-align: center;}
.submenubar .submenuHome a img { width:30px; height:100%; margin:0 auto;}
.submenubar .submenuBlock{ position:relative; height:100%;  z-index: 3;}
.submenubar .submenuBlock .selectedMenu{padding-right:30px;height:59px; font-size:1.6rem; border-right:1px solid rgba(255,255,255,.3); position:relative;}
.submenubar .submenuBlock:hover .selectedMenu{background:#073da8}
.submenubar .submenuBlock .selectedMenu::after {content:""; position:absolute; top:50%; right:15px; transform: translateY(-50%); width:15px; height:15px;  background-image:url('../img/tbimg/common/slt_arrow.svg'); background-repeat: no-repeat;}
.submenubar .submenuBlock .submenus{ position:absolute; top:100%; left:-1px; width:calc(100% + 1px); border-left:1px solid rgba(255,255,255,.3);border-right:1px solid rgba(255,255,255,.3);}
.submenubar .submenuBlock a.submenuLink.main{padding:0 75px 0 30px;}
.submenubar .submenuBlock .submenus li{ height:49px; background:rgba(0,0,0,.6); border-bottom:1px solid rgba(255,255,255,.3); font-size:1.4rem;} 
.submenubar .submenuBlock a.submenuLink{position:relative; display:block; width:100%; padding:0 30px 0 30px; line-height:58px; min-width:150px; color:#fff;}
.submenubar .submenuBlock .submenus li a.submenuLink{line-height:48px; color:#fff;}
.submenubar .submenuBlock .submenus li:hover a.submenuLink{ color: #4b83f3; font-weight:500; transition:.2s}

@media screen and (max-width:768px){
.submenubar{ height:50px; }
.submenubar .tbinner { padding-right:0; padding-left:0; }
.submenubar .submenuHome a{height:49px;}
.submenubar .submenuBlock .selectedMenu{ height:49px; }
.submenubar .submenuBlock{ min-width:auto; width:calc(50% - 50px); }
.submenubar .submenuBlock a.submenuLink{ line-height:48px;}
}
@media screen and (max-width:560px){
.submenubar .submenuHome{display:none}
.submenubar .submenuBlock{ width:100%; }
.submenubar .submenuBlock1{display: none;}
.submenubar .submenuBlock:hover .selectedMenu{background:none}
.submenubar .submenuBlock a.submenuLink.main{padding:0 30px 0 15px;}
.submenubar .submenuBlock a.submenuLink{padding:0 15px;}
}

/* 헤드 */
.tbheader{
  position:fixed; top:0; left:0; width:100%; height:auto; z-index:100; overflow: hidden; background:transparent;
  -webkit-transition: padding 0.3s, height .3s, top .3s, background .3s,  top 0.3s; -moz-transition: padding 0.3s, height .3s, background .3s, top .3s ; -ms-transition: padding 0.3s, height .3s, background .3s, top .3s; -o-transition: padding 0.3s, height .3s, background .3s, top .3s;  transition: padding 0.3s, height .3s, background .3s, top .3s;
}
.tbheader.subopen{ background-color: #fff; }
.tbheader.headHide{top:-100px}
.tbheader .tbinner{height:100%;}
.header_sec{display: flex;position:relative; display:flex; align-items: center; height:100px; transition: height .3s ease-out;}

.tbheader .head-menu{
  height:100%; display:flex; align-items: center; text-align: center; justify-content:right
}
.tbheader .head-menu{flex-grow: 1;}

.tbheader .head-menu .category_menu, 
.tbheader .head-icons { display:flex; align-items: center; position: relative; height:100%; }
.tbheader .head-menu .category_menu .mainmenu,
.tbheader .head-icons .icons a span
{font-size:1.8rem; padding:8px 2em; font-weight:400; letter-spacing: 0.05em; transition: padding .3s ease-out;}
.tbheader .head-menu .category_menu .mainmenu a{ color:#fff; position:relative}
  .tbheader.subopen .head-menu .category_menu .mainmenu{padding:8px 3em;}
  .tbheader.subopen .head-menu .category_menu .mainmenu a { color:#000; }
.tbheader .head-logo img {height:50px;} 
.tbheader .head-icons a.tbbtn{color:#fff; font-size:1.8rem; margin-right:20px; margin-left:10px;}

.tbheader .head-menu .subblocks{position:absolute; width:100%; height:auto; top:100px; left:0; padding:10px 0 30px 0; transition: background 0.3s ease-out, top .3s ease-out;}
.tbheader .head-menu .subblocks .subblocks-li{margin-bottom:15px;}
.tbheader .head-menu .category_menu:nth-child(2) .subblocks .subblocks-li{margin:0px 12px 15px;}
  .tbheader .head-menu .subblocks .subblocks-li a{ color:#000; font-weight:400; font-size:1.6rem; position:relative; transition:color .3s ease-out; }
  .tbheader .head-menu .category_menu:hover .mainmenu a .menuHvEff{width:100%;}
  .tbheader .head-menu .category_menu{transition:background .3s ease-out;}

  .tbheader .head-menu .category_menu:hover{background:#21469b;}
  .tbheader .head-menu .category_menu:hover .subblocks{background:#21469b}
  .tbheader .head-menu .category_menu:hover .subblocks .subblocks-li a{color:#fff;}
  .tbheader.subopen .head-menu .category_menu:hover .mainmenu a {color: #fff;}
  .tbheader .head-menu .category_menu .subblocks .subblocks-li a:hover{color: #a7bff6;}


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

.tbheader.fixed .head-logo .logo{display: none;}
.tbheader .head-logo .logo000{display: none;}
.tbheader.fixed .head-logo .logo000{display: block;}
.tbheader.fixed .head-icons .resmenu-icon{display: none;}
.tbheader .head-icons .resmenu-icon000{display: none;}
.tbheader.fixed .head-icons .resmenu-icon000{display: inline-block;}
.tbheader.subopen .head-logo .logo{display: none;}
.tbheader .head-logo .logo000{display: none;}
.tbheader.subopen .head-logo .logo000{display: block;}
.tbheader.subopen .head-icons .resmenu-icon{display: none;}
.tbheader .head-icons .resmenu-icon000{display: none;}
.tbheader.subopen .head-icons .resmenu-icon000{display: inline-block;}


@media screen and (max-width:1500px){
.tbheader.subopen .head-menu .category_menu .mainmenu{padding:8px 2.2em;}
}
@media screen and (max-width:1400px){
  .tbheader .head-menu{display: none;}
  .tbheader .head-logo{flex-grow: 1;}
  .tbheader .head-icons .tbbtn{display:none;}
  
}
@media screen and (max-width:1024px){
  .header_sec,
  .tbheader.fixed .header_sec{height:65px;}
  .tbheader .head-logo img{height:45px}
  .tbheader.headHide{top:-65px}
}
@media screen and (max-width:768px){
  .tbheader .head-logo img{height:40px}
}

/* 사이드바 */
.sidebar{ width:100%;height:100%; background:rgba(0,0,0,.3); position:fixed; top: 0; left:0; z-index: 20;display:none; }
.sidebar.show { display:block; }
  .sidebar_area{
    width:400px; height:100%; max-height:1000px; min-height:560px; transition:right .3s; position:fixed; top: 0; overflow-y: auto; right: -100%; z-index:21; overflow-x: visible;  text-align:left; background:#fff; transition:.3s; padding:100px 50px;
  }
  .sidebar_area.show{ right:0; }
  .sidebar_area .sideclose{ position:absolute; top:30px; right:30px; z-index:100; cursor: pointer; }
.sidebar_area .sidebar_menu{ margin-bottom:20px; }
.sidebar_area .sidebar_menu .sidebar_mainmenu{
  position:relative; display:inline-block; width:100%; color:#222; font-size:2.4rem; line-height:1.5em; margin-bottom:10px; cursor: pointer;
}
.sidebar_area .sidebar_menu .sidebar_mainmenu.subExt::after{ position:absolute; background-image:url('../img/tbimg/common/more_plus.svg'); right:10px; top:50%; transform: translateY(-50%); display: block; width: 28px; height: 28px; background-repeat: no-repeat; content:""; }
.sidebar_area .sidebar_menu .sidebar_mainmenu.subExt.active::after{background-image:url('../img/tbimg/common/more_minus.svg');}
.sidebar_area .sidebar_menu .res_subblocks .resSubblocks-li{margin-bottom:7px; padding:0 10px}
.sidebar_area .sidebar_menu .res_subblocks .resSubblocks-li a:last-child{margin-bottom:0;}
.sidebar_area .sidebar_menu .res_subblocks a{font-size:1.6rem; color:#a5a5a5; margin-bottom:0;}

.sidebar_area .sbbtn_area{ padding-top:2em; overflow: hidden;}
.sidebar_area .sbbtn_wrap{ margin:0 -5px; font-size:0; text-align: center; }
.sidebar_area .sbbtn_wrap .tbbtn{ display:inline-block; width:calc(50% - 10px);  margin:0 5px; padding:0; text-align: center; font-size:1.7rem; }
.sidebar_area .sbadmin{margin-top:20px;}
@media (max-width: 560px){
  .sidebar_area{ width:100%; text-align: center;}
  .sidebar_area .sbbtn_wrap .tbbtn{ width:calc(40% - 10px);}
}
@media (max-width: 420px){
  .sidebar_area .sbbtn_wrap .tbbtn{ width:calc(50% - 10px);}
  .sidebar_area{padding:100px 30px;}
}

/* 푸터 */
#ft { min-width:100%; background:#383838; font-size: 1.5rem; padding-top:70px; padding-bottom:70px; text-align: left;}
.ft_cont_wrap {width:100%;}
.ft_info_wrap { width:100%;}
.nbbtn {color:#fff; font-weight:400;} 
.ft_info_wrap .info_top img.ft_logo {height:50px;}

/*회사 정보*/
   .info_top { padding-bottom:40px;  }
   .info_top a.rt_btn {position:relative; float:right; font-size:1.6rem; line-height:1em; font-weight:500; padding:13px 20px 13px 42px; border:1px solid #fff; color:#fff; /*border-radius:5px;*/ margin-top:-18px;}
   .info_top a.rt_btn:hover {border:1px solid #f29419; background-color:#f29419;}
   .info_top a.rt_btn:after {content:""; display:block; clear:both;}
   .info_top a.rt_btn:before {content:""; position:absolute; left:12px; top: 50%;
    transform: translateY(-50%); background:url('../img/tbimg/sub/call_ico2.svg') no-repeat; background-size:100%; background-position:center; width:20px; height:20px;}
   .info_top ul {display:inline-block; }
   .info_top ul li {display:inline-block; padding-right:7px;}
   .info_top ul li a { color:#fff; font-weight:600;}
   .info_top ul li:after { content:""; display:inline-block; height: 1em; border-left: 1px solid #828282; margin: -1px 0 0 10px; vertical-align: middle;}
   .info_top ul li:last-child:after {display:none;}
   
   .info_cont {display:flex; justify-content: space-between;}
   
   .company_info {font-style:normal; font-size:1.4rem; color:#fff; font-weight:400; line-height:1.8em; }
   .company_info li {padding:0 0 0px;}
   .company_info span { width: 150px; display:inline-block; padding-right:7px; }
   .company_info span.linelast:after { display:none; }
   .info_cont .info { text-align:right; color:#fff;}
   .info_cont .info li.info_last a{ color:#fff;}
   .info_cont .info li.info_last {padding-top:15px;}

   .ft_copy { font-size:1.5rem; font-weight:500; line-height:1.5em; margin-top:20px;}



@media (max-width: 1024px){
  .ft_info_wrap { width:100%;}
}

@media (max-width: 768px){
  #ft { padding-top:50px; padding-bottom:70px; }

  .ft_info_wrap  { width:100%; text-align: center; }
  .ft_info_wrap .ft_customer { width:100%; order:1; padding-bottom:30px;  }
  .info_top { padding-bottom:30px; }
  .info_top img.ft_logo {width:180px;}
  .info_cont {display:block; }
  .company_info { font-size:1.4rem; }
  .company_info span { width: auto; padding-right:7px; }
  .company_info li {padding:0;}
  .company_info span:after { display:none; }

  .info_cont .info { text-align:center; font-size:1.4rem; margin-top:20px;}
}

/*footer login*/
.ft_login {display: inline;}
.nbbtn {display: inline-block; padding:0; font-size:1.2rem; line-height:45px; font-weight: 400; border:0; cursor: pointer;
  -moz-appearance:none; -webkit-appearance:none;  appearance:none;
  -webkit-transition: all 0.3s; -moz-transition: all 0. 3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}

.nbbtn.font98{color:#989898; background:transparent;}
.nbbtn.font98:hover{ color:#fff;}
.nbbtn.fontfff{color:#fff; background:transparent;}
.nbbtn.fontfff:hover{ color:#989898;}


/* 게시판 리스트 */
  /* 노이미지 */
  a.noimg{width:100%; height:100%;}
  .no_image{position:absolute; width:100%; height:100%; top:0; left:0; background:#f1f1f1; color:#fff; font-size:4.5rem; font-weight:600;text-align: center;}
  .no_image span{position:absolute; width:100%; top:50%; left:0; transform: translateY(-50%);}


/* 갤러리 tbGall */
.tbGallBasic{ font-size:0; margin:0 -10px; }
.tbGallBasic::after{display:block;visibility:hidden;clear:both;content:"";}
.tbGallBasic > li {
  position:relative; width:25%; padding-left:10px; padding-right:10px; padding-bottom:25px; vertical-align: top; display:inline-block; transition:.3s;
}
.tbGallBasic > li.empty_list{width:100%; font-size: 1.8rem; padding:305px 0;}
.tbGallBasic .gall-thum{ position:relative; width:100%; height:0; padding-bottom:100%; overflow:hidden; }
.tbGallBasic .gall-thum a{ width:100%; position:absolute; top:0; left:0; top:50%; left:50%; transform:translate(-50%, -50%);transition: width .3s; }
.tbGallBasic .gall-thum .tbThumImg{ width:100%; height:100%; object-fit: cover; }
.tbGallBasic .gall-thum .thumHoverBorder{ position:absolute; background:#44b0f9; 
  -webkit-transition:background-color 0.3s ease-out;
  -moz-transition:background-color 0.3s ease-out;
  -o-transition:background-color 0.3s ease-out;
  transition:background-color 0.3s ease-out  }
.tbGallBasic .gall-description{ padding:1.2em 0.8em; font-size:1.5rem; font-weight:400; color:#989898; font-family:'Noto Sans SC','Noto Sans KR', dotum, sans-serif;}
.gall-description .prd-title{  display:block;font-size:1.8rem; line-height:1.5em; font-weight:500; margin-bottom:10px;}
  .gall-description .prd-title.center{text-align: center;}
.gall-description p {font-size:1.5rem; line-height:1.6em; font-weight:400;}
  .gall-description p.center{text-align: center;}
  .gall-description .prd-title a{
    -webkit-transition:color 0.3s ease-out;
    -moz-transition:color 0.3s ease-out;
    -o-transition:color 0.3s ease-out;
    transition:color 0.3s ease-out
  }
.gallbasic-dim{
  position:absolute; top:0; left:0; width:100%; height:100%; transition:background .5s; 
}
.tbGallBasic > li:hover .gallbasic-dim{ background: rgba(0,0,0,.2); }
.tbGallBasic > li.li25{width:25%;}
.tbGallBasic > li.li33{width:33.3333%;}
.tbGallBasic > li.li50{width:50%;}
@media(max-width: 1200px){
  .tbGallBasic > li {width:33.33333%;}
  .tbGallBasic > li.li25{width:33.33333%;}
}
@media screen and (max-width:1024px){
  .tbGallBasic .gall-description{ padding:0.7em 0.5em; }
  .gall-description .prd-title{ font-size:1.7rem;margin-bottom:0.4em;}
}
@media screen and (max-width:768px){
  .tbGallBasic{ margin:0 -5px; }
  .tbGallBasic > li { padding-left:5px; padding-right:5px; }
  .tbGallBasic > li { width:50%; }
  .tbGallBasic > li.li25{width:50%;}
  .tbGallBasic > li.li33{width:50%;}
}
@media screen and (max-width:560px){
  .tbGallBasic > li { padding-left:3px; padding-right:3px; }
  .tbGallBasic > li.li33{width:100%;}
}
@media screen and (max-width:420px){
  .tbGallBasic > li { width:100%; }
}
/* 버튼 */
a.btn,.btn {line-height:normal; height:auto; font-weight:normal; vertical-align: middle; font-size:1.5rem;}
.btn_confirm {text-align:center} /* 서식단계 진행 */
.btn_submit,.btn_close, a.btn_cancel, button.btn_cancel{ 
  background:#fff; color:#000; font-size:1.5rem; line-height:1em; padding:1em 2.3em; font-weight: 400; cursor:pointer; border-radius: 0;
  -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out
}
.btn_submit {border:1px solid #3a8afd;background:#3a8afd;color:#fff;}
.btn_submit:hover {border:1px solid #3a8afd;background:#3a8afd}
.btn_close {border:1px solid #a5a5a5; color:#989898; background:#fff}
.btn_close:hover{border:1px solid #333; color:#333;}
a.btn_close {}
a.btn_cancel {display:inline-block;border:1px solid #a5a5a5; color:#a5a5a5; background:#fff}
button.btn_cancel {display:inline-block;border:1px solid #a5a5a5; color:#a5a5a5; background:#fff}
.btn_cancel:hover {border:1px solid #333; color:#333; background:#fff; }
a.btn_frmline, button.btn_frmline {width:128px;font-size:1.4rem; padding:0 2px; } /* 우편번호검색버튼 등 */

/* 기본테이블 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background:#f6f6f6;}
.tbl_head01 tbody th {padding:1em 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td {color:#222; padding:1em 10px; border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}
.tbl_wrap table tr,.tbl_wrap table td{position: relative;}
.tbl_wrap table tr.trCont:hover{background:#f6f6f6;}

/*move.php 체크박스*/
.new_win .tbl_head01 td {color:#222; padding: 10px 5px;   border-top:1px solid #e1e1e1;border-bottom:1px solid  #e1e1e1;}
.new_win .tbl_head01 table tr th input[type="checkbox"].move_allcheck + label { color:#bebebe; }
.new_win .tbl_head01 table tr th input[type="checkbox"].move_allcheck + label:hover { color:#3a8afd; }
.new_win .tbl_head01 table tr th input[type="checkbox"].move_allcheck:checked + label { color:#222; }

.new_win .tbl_head01 table tr td input[type="checkbox"].move_check + label { color:#bebebe; } 
.new_win .tbl_head01 table tr td input[type="checkbox"].move_check + label:hover { color:#3a8afd; }
.new_win .tbl_head01 table tr td input[type="checkbox"].move_check:checked + label { color:#222; }

/* 검색결과 색상 */
.sch_word {background:transparent; color:#3a8afd;font-weight:600; padding:2px; margin:0; }

/* 폼 테이블 */
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #e1e1e1;color:#222; padding:0.8em 10px;-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
.wr_content textarea.bgwhite,.tbl_frm01 textarea.bgwhite,.form_01 textarea.bgwhite, .frm_input.bgwhite{background:#fff;}
.frm_input {height:auto; font-size:1.5rem; line-height:1.7em; padding:0.8em 10px; font-weight: 400;}
.frm_input::placeholder{color:#b5b5b5;}
.full_input {width:100%}
.half_input {width:calc(50% - 5px);}
#bo_w .write_div.captchabox{margin-top:1em;}
@media(max-width:768px){
  #bo_w .write_div.captchabox{margin-top:1em;}
  .half_input {width:100%;}
  #bo_w #wr_password, #bo_w #wr_homepage {margin-left:0}
}
/* 새창 기본 스타일 */
.new_win .btn_close, .new_win .btn_submit {
  overflow:hidden;cursor:pointer; font-size:1.5rem; line-height:1em; padding:1em 2.3em; font-weight: 400; cursor:pointer; height:auto; border:1px solid #d0d4df;background:#fff;color:#989898;
  -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out;
}
.new_win .btn_submit { border:1px solid #222;background:#222;color:#fff; }
/* 페이징 */
.pg_wrap {margin-top:40px; float:none; display:block; width:100%; text-align: center;}
.pg_page, .pg_current {display:inline-block; min-width:auto; width:35px; height:35px;line-height:35px; font-size:1.5rem; font-weight: 400; border-radius: 0; padding:0;}
.pg_page {color:#222;}
.pg_page:hover {background-color:#f6f6f6}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#f6f6f6}
.pg_current {background:#3a8afd;border:1px solid #3a8afd;color:#fff;}
@media screen and (max-width:768px){
  .pg_wrap{margin-top:30px;}
}
/* 캡챠 */
#captcha #captcha_mp3 { margin:0 0 0 3px; }
#captcha #captcha_reload {margin:0 0 0 3px; }
#captcha #captcha_key {margin:0 0 0 3px; font-size:1.5rem;}

/* //-> 뉴비 커스텀 팝업레이어 */
#hd_pop {position:static;}
.hd_pops iframe{max-width:100% !important;}
#hd_pop.resizeCss, .hd_pops.resizeCss{width:100% !important;}
.hd_pops.resizeCss {top:0 !important; left:0 !important; transform: none !important;}
.hd_pops.resizeCss .hd_pops_con,
.hd_pops.resizeCss img,
.hd_pops.resizeCss iframe{width:100% !important;}
.hd_pops.resizeCss .hd_pops_con{height:auto !important;}
.popDim{}
/* //<- 뉴비 커스텀 팝업레이어 */

.popupBg{display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;} 
.popupBg .dimBackground {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity: .5; filter:alpha(opacity=70);} 
.popupBg .popuplayer{display:block;} 
.popuplayer {
  background-color:#f1f1f1;
  width:100%; max-width:800px; height:100%; max-height:500px;
  display:none;
  position:absolute;
  top:50%;left:50%; transform: translate(-50%, -50%);
  z-index:100000; 
}
@media screen and (max-height:700px){
  .popuplayer{max-height:100%;}
}
.popupPage{height:100%;}

.pdl25 {padding-left:20px;padding-top:10px;}



/* 퀵버튼 */
.left_icon {}
.left_icon .sml_fixed {position:fixed; bottom:30px; right:30px; z-index: 50; }
.left_icon .sml_fixed li {margin-bottom: 5px;}
.left_icon .sml_fixed li:first-child a {background-color:#3fb449;}
.left_icon .sml_fixed li:first-child .text {color:#fff;}
.left_icon .sml_fixed li a {display:inline-block; overflow:hidden; position:relative; width:130px; height:50px;  border-radius: 25px; -webkit-border-radius:25px; background-color:#f8f9f8; font-size:2.8rem; padding-left: 20px;  box-shadow: 3px 3px 5px rgb(0 0 0 / 30%);}
.left_icon .sml_fixed li:last-child .icon {
  padding-right: 5px;}
.left_icon .sml_fixed .icon {display: inline-block; height:50px; border-radius: 50%; font-size: 1.4rem;  color:#222; font-style: normal; line-height: 1; letter-spacing: 1px;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.left_icon .sml_fixed .text {font-size: 1.4rem; vertical-align: top; line-height: 50px; color: #222; white-space: normal;}
.sml_fixed .icon i {font-size: 3rem; padding-top: 9px;}

.mb_bottom {display:none;}

 @media screen and (max-width:768px){
  .left_icon .sml_fixed {bottom:10px; right:10px; z-index: 100; }
}

@media(max-width:560px){
  .left_icon {display:none;}

  .mb_bottom {display:block;}
  .mb_bottom .sns_icon {position:fixed; bottom: 0; left: 0; width:100%; height:50px; background:#222; z-index: 999; text-align: center;}
  .mb_bottom .sns_icon a {display:inline-block; width:20%;}
  

  .sns_icon a .fa { font-size: 2.8rem; color:#fff; padding:0 13px; vertical-align: middle;}
}



/*문의하기*/
.fix_inquiry {margin:0 auto; width:100%; background-color:#073da8; transition:bottom .5s;}
.fix_inquiry .tbinner {position:relative;}

.box_wrap {display:flex; padding:30px 0 25px;}
.fixright {width:60%;}
  .input_box {font-size:0;}
  .input_box input {width:calc(50% - 5px); margin-right:10px;}
  .input_box input:last-child {margin-right:0px;}
  .fixright .btn_area {display:flex; flex-wrap:wrap; justify-content:space-between; align-items: center; padding-top:15px;}
  .fixright .btn_area .agree {color:#fff;}
  .fixright .btn_area .agree .privacy_agree {color:#fff;}

.fixleft {width:40%;}

.tel_noti {color:#fff; font-size:2.6rem; line-height:1.6em; }
.tel_noti p {display:inline-block; padding-bottom:10px;}
.tel_noti h3 {display:block; font-size:4rem;}

input[type=checkbox] { display: none; }
input[type=checkbox] + label { cursor: pointer; }
input[type=checkbox] + label > div {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    background: transparent;
    box-sizing: border-box;
    width: 18px; height: 18px;
    margin-top: -2px;
    margin-right:3px;
    border: 1px solid #fff;
    border-radius: 2px;
}
input[type=checkbox]:checked + label > div:before {
    font-family: FontAwesome;
    color: #222;
    content: "\f00c";
    position: relative;
    top: -3px; left: 1px;
}
input[type=checkbox]:checked + label > div{
  background: #fff;;
}
@media screen and (max-width:1200px){
  .tel_noti img {height:25px;}
  .tel_noti {font-size:2rem; } 
  .tel_noti h3 {display:block; font-size:4rem;}
}

@media screen and (max-width:960px){
 
}
@media screen and (max-width:768px){
  .box_wrap {flex-wrap:wrap;padding:20px 0;}
  .fixright {width:100%;}
  .fixleft {flex-wrap:wrap; width:100%; padding-bottom:20px;}
  .fixleft img {display:none; }
  .tel_noti p,
  .tel_noti h3 {display:inline-block; font-size:2.4rem; }
  .tel_noti p {padding-bottom:0px; padding-right:10px;}
}