/* header */
header{ z-index: 999; top:0; transition: top 0.3s ease-in-out; position: fixed; color: #fff; width: 1024px; max-width: 100%; background: #fff;
    }

 header.fixed{border-bottom:1px solid #eee; }/* box-shadow: 0px 3px 3px 0px hsla(0, 11%, 17%, 0.05); */
    .header_inner {height:60px; padding:20px 0;}

.header_inner > div{position: absolute; top:20px;}

.header_inner .header_left{left: 20px; font-size:16px; font-weight: 700; z-index:9;}
.header_inner .header_left .arrow {width: 1.3rem; height: 1.3rem; cursor:pointer;}
.header_inner .header_left .arrow span {width:0.8rem;}

.header_inner .header_center{z-index:8; font-size: 16px; width: 100%; margin: 0 auto; color: #444; line-height: 100%; font-weight: 700;}
.header_inner .header_right{cursor:pointer; width: 22px; height: 22px; right: 10px; background-size: auto 22px; transform: translateX(-50%); top: 50%;}
.header_right.search{cursor:pointer; background-image:url(../img/btn_search.png); background-repeat: no-repeat; top:19px !important;}
.header_inner .header_right.close{opacity:0.65; background-image:url(../img/close.svg); background-repeat: no-repeat;
  background-size:17px auto !important;
  height:17px; width:17px; top:21px !important; right:13px;}

/* nav bar */
.nav_bar{max-width:1024px; z-index: 9999; position: fixed; background:#fff; bottom:0; width:100%; border-top:1px solid #dedede; padding-top:9px; padding-bottom:9px;}
.nav_bar ul li{width:20%; float:left; text-align: center; justify-content:center; align-items:center;}
.nav_bar ul li img{width:19px; max-width:100%; max-height:100%;} 
.nav_bar ul li span{display: block; font-size:10px; line-height: 1; color:#808080;}
.nav_bar ul li.active span{color:#0033bb;}


.section{padding-top:60px;}
.container{padding-top:24px;}

.boundary2{margin:0 auto; width:auto;}
.boundary2 > div{margin:0 auto; width:80%; padding-top:36px;}
.boundary2 .inner p{font-size:14px;}
.boundary2 .icon_container{text-align: center; padding-bottom:20px;}
.boundary2 .icon_container img{width:72px;}
.boundary2 .btn.fixed_btn{width:80%; padding-bottom:60px;}


.btn.normal{margin:20px 0;}

/* 페이지 최하단 btn */
.btn.fixed_btn{position: fixed; bottom:0; width:100%; max-width:1024px; left:0; right:0; margin:auto;}
.btn.fixed_btn button{border-radius: 2px; height:50px;}
.btn.fixed_btn button.blue{background:#0033bb; color:#fff;}
.btn.fixed_btn button.text_only{background:none; color:#0033bb; font-size:14px;  width:auto; margin:auto; margin-bottom:10px; text-decoration: underline;}

/* 텍스트 over */
.overtext {white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}


/* 정사각형 이미지 */
.square {position: relative; width: 100%;}
.square:after {content: "";display: block;padding-bottom: 100%;}
.square > .inner{position: absolute; width: 100%; height: 100%;}
.search_bar_container{width:100%; position: fixed; z-index: 999; top:0;}

.search_bar {
    position: relative;
    padding-top:12px;
    padding-bottom:10px;
    background:#fff;
}

.search_bar div {
    border: 0;
    overflow: hidden;
}

.search_bar div input[type="text"] {
    height: 38px;
    line-height: 38px;
    width: 100%;
    border: 0;
    text-indent: 5px;
    padding:0 50px;
    background: #fff;
    font-family: 'Noto Sans KR', sans-serif;
}

.search_left {
    border: 0;
    border-radius: 0px;
    overflow: hidden;
    width:24px;
    height:24px;
    padding: 0px;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
}


.search_left{position: absolute; cursor:pointer; transform: translateY(-50%); top: 50%; left:20px;}
.search_left .arrow{top:2px; width:1.3rem; height:1.3rem;}
.search_left .arrow span {width: 0.8rem;}
.search_left.close{background-image:url(../img/close.svg); background-repeat: no-repeat; background-size:18px auto !important; height:18px; width:18px; }

.search_bar input[type="image"] {
    border: 0;
    border-radius: 3px;
    overflow: hidden;
    height: 24px;
    position: absolute;
    right: 21px;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
}

/* swich */



.switch {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 20px;
  }
  
  .switch input { 
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ddd;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .slider:before {
    position: absolute;
    content: "";
    height:14px;
    width: 14px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.2);
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  input:checked + .slider {
    background-color: #0033bb;
    
  }
  
  input:checked + .slider:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
  }
  
  /* Rounded sliders */
  .slider.round {
    border-radius: 38px;
  }
  
  .slider.round:before {
    border-radius: 50%;
  }

  /* 이용약관 term */
  .term_container .term_content{padding-bottom:20px;}
  .term_container .term_content h2{padding-bottom:6px; font-size:14px;}
  .term_container .term_content p{padding-bottom:4px; font-size:14px;}