@charset "utf-8";
/* 공통 */
body { }
.point_font{font-family: "Nanum Myeongjo",'Noto Sans KR', serif;}
#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 #3a8afd; background:#3a8afd; color:#fff;}
.tbbtn.bgfull: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{ }
}

/* 전체패딩 */
.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;}





.fix_inquiry {position:fixed; left:0; bottom:0; margin:0 auto; width:100%;  z-index:999; background-color:#453730; transition:bottom .5s;}
.fix_inquiry.close .fix_btn img { transform: rotate(180deg); margin-top:-5px;}
.fix_inquiry .tbinner {position:relative;}
.fix_btn { position:absolute; top:-32px; right:0; width:50px; height:32px; border-radius:40px 40px 0 0; background-color:#453730; text-align:center; color:#fff; padding-top:10px;}
.fix_btn img {width:18px; }

.fix_inquiry .box_wrap {display:flex; padding:15px 0;}
.fixright {width:60%;}
  .input_box input {width:calc(33.333% - 10px); margin-right:10px; height: 40px; padding: 0 13px;}
  .input_box input:last-child {margin-right:0px;}
  .input_box .tbbtn{height:40px; line-height:38px; }
  .fixright .btn_area {display:flex; flex-wrap:wrap; justify-content:space-between; align-items: center;}
  .fixright .btn_area .agree {color:#fff;}
  .fixright .btn_area .agree .privacy_agree {color:#fff;}

.fixleft {width:40%; display:flex; }
.fixleft img {height:100px; padding-left:20px;}

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

input[type=checkbox] { display: none; }
input[type=checkbox] + label { cursor: pointer; font-size:1.5rem;}
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){
  .fixleft img {height:70px; }
  .tel_noti {font-size:2rem; } 
  .tel_noti h3 {display:inline-block; font-size:4rem;}
}

@media screen and (max-width:960px){
  .fixright {width:100%;}
  .fixleft {width:100%; display:flex; }
}
@media screen and (max-width:768px){
  .box_wrap {flex-wrap:wrap; padding:20px 0;}
  .fixleft {flex-wrap:wrap; padding-bottom:12px;}
  .fixleft img {display:none; }
  .tel_noti p,
  .tel_noti h3 {display:inline-block; font-size:2.4rem; }
  .tel_noti p {padding-bottom:0px; font-size:1.6rem; padding-right:10px;}
  input[type=checkbox] + label{font-size:1.5rem;}
  .input_box input{height:35px; line-height: 35px;}
}


/*퀵버튼*/
.quick__03 { padding:15px 20px;  border-radius:7px; position:fixed; bottom:150px; right:25px; z-index: 50; background: #f8f9f8; box-shadow: 0 0 15px 0 rgb(0 0 0 / 20%);  text-align:center}
.quick__03 a {display:flex; justify-content:center; align-items:center; }
.quick__03 a .quick_icon img { height:30px; padding-right:5px;}

.quick__03 a span {position:relative;font-weight: 700; font-size: 2.8rem;}
.quick__03 a span:after {content: ''; position: absolute; bottom:0; left:0; width:100%; height:8px; background: rgba(0,0,0,.2);}

@keyframes fixedmove {
  0%, 100% { transform:translate(0%,0)}
  50% {transform: translate(0,-15%); }
}

.quick__03 {animation: fixedmove 1.5s infinite linear;}


@media screen and (max-width:768px){
  .quick__03 { width:60px; height:60px; bottom:50%; right:10px; transform:translateY(50%); border-radius:50%; }
  .quick__03 a span {display:none;}
  .quick__03 a .quick_icon img { padding-right:0px; }
}