@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 #f7ab00; background:#f7ab00; color:#fff;}
.tbbtn.bgfull:hover{ border-color:#f78b00; background:#f78b00;}
.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{ }
}


/* 포인트 백그라운드 (대체로 버튼에 쓰입니다.) */
.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;}

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


.sponsor .lineTxt {display:flex; width:100%; border-top:1px solid #ddd; padding:30px 0;}
.sponsor .lineTxt .font {width:280px;}
.sponsor .lineTxt .back {width:100%;}


@media(max-width: 560px){
  .sponsor .lineTxt {flex-wrap:wrap; padding:30px 0;}
  .sponsor .lineTxt .font {width:100%; padding-bottom:15px;}
}


/*테이블 기본 레이아웃*/
table { width:100%; border-bottom: 1px solid #b7b7b7; border-collapse: collapse; margin-bottom:30px;}
  table caption { width:0; height:0; font-size:0; line-height:0; overflow:hidden; text-indent:-9999px;}
  table th { padding:26px 15px 22px; background-color:#ffe4a7; border-right:1px solid #b7b7b7; border-bottom:1px solid #b7b7b7;  font-weight:500; font-size:2rem; color:#111; line-height:1.2em; }
  table td {padding: 20px 20px 16px;  border-top:1px solid #b7b7b7; border-right:1px solid #b7b7b7; font-weight:400; font-size:1.7rem; color:#222;  line-height:1.2em; text-align:center; }
  table th:last-child,
  table td:last-child { border-right:none; }
  table td.last_border {border-right:1px solid #b7b7b7;}
  
  table tr.leftTit td.topLine {border-top:1px solid #b7b7b7;}
  table td.tdTit {background-color:#e5e5e5;}
  table td img {max-width:100%;}

  @media(max-width: 1024px){
    table th { padding:20px 10px 16px; font-size:1.8rem; }
    table td { padding:16px 10px 12px; font-size:1.5rem; }
  }