@charset "utf-8";
/* 공통 */
body { }

#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 #004a90; background:#004a90; color:#fff;}
.tbbtn.bgfull:hover{ border-color:#000342; background:#000342;}
.tbbtn.bgfull2{ border:1px solid #000342; background:#000342; color:#fff;}
.tbbtn.bgfull2:hover{ border-color:#004a90; background:#004a90;}


.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;}

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


.wordKeep {word-break: keep-all;}