@charset "utf-8";
/* 공통 */
body { }
/* tabeefactory7 에서만 쓰는거 */
.tb7section{ }
.tb7section .secName{border-top:2px solid #000; border-bottom:2px solid #000; background-color:#e1e0e0;}



#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}

/* 기본버튼 */
a.tbbtn{text-decoration: none;}
.tbbtn{ padding:0 1.7em; height:50px; line-height:48px; }
.tbbtn.small{ padding:0 1.2em; height:36px; line-height:34px; }
.tbbtn.big{ padding:0 2.2em; min-width:90px; height:60px; line-height:58px; }
.tbbtn.bgfull{ border:1px solid #f8b624; background:#f8b624; color:#fff;}
.tbbtn.bgfull:hover{ border-color:#ff9d00; background:#ff9d00;}
.tbbtn.bgfull2{ border:1px solid #002947; background:#002947; color:#fff;}
.tbbtn.bgfull2:hover{ border-color:#003e94; background:#003e94;}


.tbbtn.radius{padding:0 2.5em; border-radius: 50px;}
.tbbtn.big.radius{border-radius: 60px;}

/* 그라데이션 버튼 */
.tbbtn.bgGradient { background-image: linear-gradient(to right, #24C6DC 0%, #4b6dd4  38%, #0143E2  95%); text-align: center; transition: 0.5s; background-size: 200% auto; color: #fff; }   
.tbbtn.bgGradient:hover { background-position:top  right ; }
.tbbtn.bgGradient2 { background-image: linear-gradient(to bottom right, #e58753 0%, #cc2553  70%, #970a40  100%); text-align: center; transition: 0.5s; background-size: 200% auto; color: #fff;} 
.tbbtn.bgGradient3 { color: #fff; background-image: linear-gradient(to bottom right, #e58753 0%, #cc2553  70%, #a01c4f  100%); background-size: 200% auto; transition: 0.5s; }

/* 스르륵 progressBtn */
.tbbtn.progressBtn { border:1px solid #222; color:#222;}
.tbbtn.progressBtn span{ }
.tbbtn.progressBtn::before { background-color:#F57D3D; } 
.tbbtn.progressBtn:hover::before {  }
.tbbtn.progressBtn:hover {border:1px solid #F57D3D; color:#fff; }

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

/* 포인트 텍스트 */
.colorfff{color:#fff;}
.colorGray{color:#989898;}
.pointColor{color:#ffb412;}
.pointColor2{color:#002947;}
.pointColor3{color:#159bed;}

/* 포인트 백그라운드 (대체로 버튼에 쓰입니다.) */
.pointBgColor{border:1px solid #03549e; background-color:#03549e;}
.pointBgColor2{background-color:#002947; border:1px solid #002947;}



/* 전체패딩 */
.tbinner{ max-width:1560px; }
.tbinner_wide {max-width:1760px;}
.tbinner_narrow {max-width:1400px;}
.tbinner_thin{max-width:1260px;}
@media screen and (max-width: 1790px){
  .tbinner_wide {padding:0 35px;}
}
@media screen and (max-width: 1630px){ /* 1630px : max-width + 35px + 35px  */
  .tbinner {padding:0 35px;}
}
@media screen and (max-width: 1500px){
  .tbinner_narrow { padding:0 50px; }
}
@media screen and (max-width: 1360px){
  .tbinner_thin { padding:0 50px; }
}
@media screen and (max-width: 1024px){
  .tbinner,
  .tbinner_wide{ padding:0 25px; }
}
@media screen and (max-width: 768px){
  .tbinner,
  .tbinner_wide{ padding:0 20px; }
  .tbinner_narrow,
  .tbinner_thin{ padding:0 20px; }
}


.pddgtop{ padding-top:150px; }
.pddgbttm{ padding-bottom:150px; }
@media screen and (max-width:1400px) {
  .pddgtop{ padding-top:120px; }
  .pddgbttm{ padding-bottom:120px; }
}
@media screen and (max-width:1024px) {
  .pddgtop{ padding-top:100px; }
  .pddgbttm{ padding-bottom:100px; }
}
@media screen and (max-width:560px) {
  .pddgtop{ padding-top:70px; }
  .pddgbttm{ padding-bottom:70px; }
}

.menuHvEff{position:absolute; width:0; height:1px; bottom:-0.4em; left:0; background:#fff; transition:width .3s ease-out}

/* 타이틀 */
.titleArea { }
.titleArea .left{text-align:left;} .titleArea .center{text-align:center;} .titleArea .right{text-align:right;}

.titleArea h1{ }
.titleArea h2{ }
.titleArea h3{ }
.titleArea h4{ }
.titleArea h5{ }
.titleArea p{}
.titleArea p.pBig{  }

  @media screen and (max-width:1024px){
    
  }
  @media screen and (max-width:768px){

  }
  
/* 버튼 */
.btn_submit {border:1px solid #3a8afd;background:#3a8afd;color:#fff;}
.btn_submit:hover {border:1px solid #3a8afd;background:#3a8afd}

.wordBreak {word-break: keep-all;}
.pdbttm10 {padding-bottom:10px;}

.squareBul {position:relative; padding:8px 10px 8px 15px;}
.squareBul::before {content:""; position:absolute; top:0; left:0; width:12px; height:12px; background-color:#e95710; }

.cirBul {position:relative; padding:8px 10px 8px 20px;}
.cirBul::before {content:""; position:absolute; top:50%; left:0; transform:translateY(-61%);width:14px; height:14px; border-radius:50%; background-color:#cdcdcd; }
.cirBul::after {content:""; position:absolute; top:20px; left:4px; width:6px; height:6px; background-color:#fff; border-radius:50%;  }

.lineBul {position:relative; padding:5px 0 5px 18px;}
.lineBul::before {content:""; position:absolute; top:15px; left:0; width:8px; height:2px; background-color:#a5a5a5; }

.bullet {position:relative; padding:3px 0 3px 12px;}
.bullet::before {content:""; position:absolute; top:13px; left:0; width:5px; height:5px; background-color:#a5a5a5; }


.imgCenter,
.imgCenter img {width:100%;}

.abImg {position:relative; width:100%; height:0; padding-bottom:35%; overflow:hidden; }
.abImg .thumImg {position:absolute; top:0; left:0; width:100%; }
.abImg .thumImg img {width:100%; height:100%; object-fit:cover;}


.innerBox {padding:40px 30px; background-color:#f6f6f6;} 
.innerBox .inTxt { display:flex; align-items:center;  padding:3px 0;}
.innerBox .inTxt .num {display:flex; align-items:center; justify-content:center; width:28px; height:28px; line-height:38px; border-radius:50%; margin-right:10px; background-color:#f7b525; color:#fff; }

.pddgL {padding-left:16px;}
@media screen and (max-width:768px){
  .innerBox .inTxt { flex-wrap:wrap; text-align:left;}
  .innerBox .inTxt .num {margin-bottom:10px; }
}