.travelover-body {
  text-align: left;
  font-size: 13px;
  font-family: 'Noto Sans KR', 'Sans-serif';
  letter-spacing: -0.03em;
  
  background-size: cover;
  background: url("../image/main-bg.jpg") no-repeat center bottom ; 

}

.ui-container {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden; }

.default-color {
  color: #0a9243; 
}
.sm-btn {
  border: 1px solid #08a048;
  background-color: #08a048;
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
  padding: 7px 10px;
  border-radius: 5px;
  color: #fff;
  margin-top: 10px;
  vertical-align: middle;
  font-weight: bold;
}
.travelover-header {
  /* margin-top: 80px; */
  width: 100%;
  height:45px;
  background: rgba(255, 255, 255, 0.53);
  /* background: rgb(255, 255, 255); */
  border-top: 1px solid #d6e2e5;
  /* border-bottom: 1px solid #d6e2e5; */
  padding-top: 10px;
  
  }
  .travelover-header .logo {
    background: url("../image/header-logo.png") no-repeat left top;
    padding-left: 27px;
    display: inline-block;

  }
  .travelover-header .close-btn {
    float: right; }

.main-contents {
  clear: both; }
  .main-contents .left-column {
    float: left;
    padding-top: 180px; }
  .main-contents .right-column {
    float: right;
    padding-top:10px; 
    padding-bottom:35px
  }
  .main-contents:after {
    display: block;
    content: '';
    clear: both; }
  .main-contents .column-tit {
    line-height: 1.4em;
    font-size: 49px;
    font-weight: bold; 
    text-shadow: 1px 1px 2px rgba(48, 48, 48, 0.3);
  }
  .main-contents .join-list {
    padding-top: 10px; }
    .main-contents .join-list li {
      font-size: 20px;
      padding-top: 5px; }

  .main-contents .join-banner {
    padding-top: 30px; }
    .main-contents .join-banner .join-banner-list {
      overflow: hidden;
      padding: 30px 0;
      background: #f9fcfd;
      border-radius: 10px;
      box-shadow: 1px 1px 3px #dce0e3;
      }
      .main-contents .join-banner .join-banner-list li {
        float: left;
        text-align: center;
        padding: 0 42px;
        }
        .main-contents .join-banner .join-banner-list li:first-child {
          border-right: 1px solid #a2a2a2; }
        .main-contents .join-banner .join-banner-list li span {
          display: block; }
      .main-contents .join-banner .join-banner-list .list-tit {
        font-size: 18px;
        font-weight: bold;
        color: #525359;
      }
      .main-contents .join-banner .join-banner-list .list-desc.first{
        position:relative;
      }
      .main-contents .join-banner .join-banner-list .list-desc.first:after{
        position:absolute;
        width:20px;
        height:20px;
        content:'';
        display:block;
        top:0;
        left:-14px;
        background:url(../image/first-visit-mark.png) no-repeat left top;
      }
      .main-contents .join-banner .join-banner-list .list-desc {
        display: inline-block;
        /* font-weight: bold; */
        color: #06a7a5;
        font-size: 12px;
        border-bottom: 1px solid #06a7a5; }
        .main-contents .join-banner .join-banner-list .list-desc.first {
          position: relative;
          margin-left: 15px; }
          .main-contents .join-banner .join-banner-list .list-desc.first:after {
            position: absolute;
            top: 2px;
            left: -18px;
            content: "";
            display: block;
            width: 14px;
            height: 14px;
            background: url("../image/first-visit-mark.png") no-repeat left top;
            color: #079997;
          }

.state-area{
  overflow:hidden;
}
.main-state-list{
overflow:hidden;
float: right;
}
.main-state-list li{
  float:left;
  font-size:14px;
  color:#858585;
  margin-right:20px;
}
.main-state-list li:last-child{
  margin-right:0;
}
.main-state-list li.active{
  color:#000;
  font-weight: bold;
  border-bottom:2px solid #000;
}
.main-form-area{
  margin-top:22px;
  padding: 22px 38px 70px 38px;
  background:#fff;
  border-top:5px solid #08a048;
}
.main-form-area .form-tit{
  display:block;
  font-size:14px;
  margin-bottom:12px;
  /* padding-top:40px; */
  vertical-align: top;
}
.tab-btn-container{
    overflow:hidden;
}
.tab-btn-container .tab-btn{
  float:left;
  width:33%;
  height:100px;
  background:#a0a5ab;
  outline:none;
}
.tab-btn-container .tab-btn.active{
  background:#2faa33;
  border:1px solid #06853c;
  font-weight: bold;
}
.tab-btn-container .tab-btn .icon{
  display:block;
}
.tab-btn-container .tab-btn .tab-tit{
  display:block;
  color:#fff;
  font-size:16px;
  padding-top:13px;
}
.tab-contents{
  display:none;
}
.tab-contents.active{
  display:block;
}
.date-area{overflow: hidden;}
.date-area .input-date{
  float: left;
  /* background: #fcfcfc; */
  width: 236px;
  /* height: 44px; */
}
.date-area .date-input{background: #fcfcfc;border: 1px solid #d3d3d3;height: 40px;width:145px; margin: 0;float: left;font-size: 16px;padding-left: 15px;}
.date-area .date-time{height: 40px;vertical-align: top;float: left; margin-left:10px; padding-left: 10px; border: 1px solid #d3d3d3;background: #fcfcfc;/*border-left: none; border-radius: unset; */border-radius: 0;font-size: 16px;width:70px;}
.date-area .middle-mark{float: left;height: 40px;line-height: 40px;font-size: 16px;padding: 0 20px;}
.form-border.first{
  border:1px solid #e5e5e5;
  border-style: dashed;
  margin:40px 0 0 0;
}
.calc-input-area .form-tit{
  display:inline-block;
  width:120px;
}
.form-calc{
  position:relative;
  display:inline-block;
  width:400px;
  height: 24px;
  line-height: 24px;
}
.form-calc .prupose-txt{
  padding:0 25px 0 5px;
  font-size: 14px;
  vertical-align: top;
  line-height: 1.3;
}
.default-input{
  background: #fcfcfc;
  border: 1px solid #d3d3d3;
  height: 44px;
  line-height:44px;
  font-size:16px;
  padding-left:15px;
  width: 100%;
}
.form-calc .input-close-btn{
  position:absolute;
  top: 13px;
  right:135px;
}
.form-border{
  border:1px solid #666a6d;
  margin:40px 0 15px 0;
}
.notice-list li{
  padding-top:5px;
}
.form-btn-area{
  padding-top:30px;
  overflow:hidden;
}
.form-btn-area .lookup-btn{
  float:left;
  width:190px;
  height:56px;
  border:2px solid #08a048;
  font-weight: bold;
  font-size:16px;
  color:#08a048;
  border-radius: 4px;
}
.form-btn-area .submit-btn{
  float:left;
  font-weight: bold;
  font-size:16px;
  height:56px;
  width:314px;
  background:url('../image/arrow-bg.png') no-repeat right 30px center #08a048;
  color:#fff;
  margin-left: 19px;
  padding:0 30px;
  text-align:left;
  border-radius: 4px;
}
/*Pop*/
.pop-bg{
  display:none;
  position: fixed;
  width:100%;
  height:100%;
  background:#000;
  opacity: 0.6;
  top:0;
  left:0;
  z-index:100;
}
.pop-bg.active{
  display:block;
}
.pop-contents{
  display:none;
  z-index:200;
  position: fixed;
}
.pop-contents.active{
  display:block;
}
.pop-step{
  position: fixed;
  top:56px;
  left:50%;
}
.pop-step01{
  width:580px;
  margin-left:-290px;
}
.pop-desc{
  background:#fff;
  padding:60px;
}
.pop-header{
  widows: 580px;
  height:70px;
  line-height:70px;
  background:#06853c;
  text-align:center;
  font-size:18px;
  color:#fff;
}
.pop-header .pop-close{
  position:absolute;
  right:20px;
  color:#fff;
  top: 18px;
  font-size: 30px;
}
.pop-list li{
  font-size:16px;
  padding-bottom:5px;
}
.inform-list{
  background:#eff9fb;
  width:100%;
  padding:15px 0;
  text-align:center;
  font-size:19px;
}
.inform-list strong{
  font-size:22px;
  color:#00adab;
  font-weight: bold;
}
.inform-list span{
  font-size:13px;
  color:#8e8f8f;
}
.step-btn{
  width:100%;
  height:63px;
  line-height:63px;
  font-size:18px;
  font-weight: bold;
  color:#fff;
  background:#08a048;
  border-radius: 5px;
  margin-top:20px;
}
.pop-hr{
  border:1px solid #d5d5d5;
  margin-top:70px;
}
.pop-default-txt{
  font-size:13px;
  color: #5b5a5a;
  line-height:1.5;
}

.pop-step{
  display:none;
  width:880px;
  margin-left:-440px;
  background:#f6f6f6;
  padding:20px;
}
.pop-step.active{
  display:block;
}

.step-header{
  height:45px;
  font-size:20px;
  font-weight: bold;
  text-align:left;
}
.step-header .pop-close{
  position:absolute;
  right:20px;
  color:#a1a1a6;
  font-weight: normal;
  top: 18px;
  font-size: 30px;
}
.step-inform{
  background:#fff;
  padding:0 50px 30px 50px;
  border-radius: 5px;
  margin-bottom: 10px;
}
.step-input-area{
  padding-bottom:10px;
  padding-top: 30px;
}
.step-input-area.first{
  border-bottom:1px solid #d5d5d5;
}
.step-input-area .default-chk{
  width:25px;
  height:25px;
  vertical-align: top;
  margin: 0;
}
.step-input-area .chk-label{
  font-size:15px;
  margin-left:10px;
  vertical-align: middle;
  line-height: 1;
  pointer-events: none;
}
.step-desc{
  width:100%;
  height:130px;
  overflow:hidden;
  overflow-y:auto;
  border:1px solid #d5d5d5;
  padding: 15px;
}
.pop-notice .notice-list{
  padding-top:20px;
}
#simple_example .pop-notice .notice-list:first-child {
  padding-top:0;
  white-space : normal;
}
.pop-notice .notice-list {
  padding-top: 0;
  white-space: pre-line;
}

.pop-step03 .pop-list{
  padding:10px 0px;
  text-align: center;
}
.styledRadio{
  display:inline-block;
}
.styledCheckbox{
  display:inline-block;
}
.nation-keyup-event{
  display:none;
  position:absolute;
  background: #fff;
  border: 1px solid #000;
  width: 100%;
}
.nation-keyup-event.active{
  /* display:block; */
}

.nation-keyup-event ul{
  padding:10px 0;
  overflow-y:scroll;
  max-height: 180px;
}
.nation-keyup-event ul li a{
  display:block;
  padding:0 10px;
}
.nation-keyup-event ul li a:hover{
  background:#f3fbfb;
}
.nation-keyup-event .not-search{
  text-align:left;
  padding-top: 10px;
}
.nation-keyup-event .link-area{
  text-align:center;
}
.not-search strong{
  padding-left:10px;
}
.not-search p{
  padding-left:10px;
  padding-bottom:10px;
}
.nation-keyup-event .not-search a{
  width:100%;
  display:block;
  background:#f7f7f7;
  padding:10px;
  border-top:1px solid #cbcbcb;
}

.hidden{
  display:none;
}

.wrongRed {
  border: 1px solid red !important;
}

.wrongRed_span{
  color: red;
  font-size: 12px;
  position: absolute;
  bottom: 16px;
  left: 120px;
}

.warning-msg {
  color: red;
  font-size: 12px;
  position: absolute;
  bottom: 16px;
  /* right:0; */
  left: 130px;
  line-height: 3;
}

.tour_reason_div
{ position: relative;
  display: inline-block;
  width: 400px;
  height: 24px;
  line-height: 24px;
  margin-top:40px !important;
}

.tour_reason_div .prupose-txt{
  padding:0 25px 0 15px;
  font-size: 14px;
  vertical-align: top;
  line-height: 1;
}

.tour_reason_head{
  width:120px;
  /* padding-top:20px; */
  display:inline-block;
}

.p_t_40{
  padding-top:40px !important;
}

.front_msg{
  background: #fff !important;
  height: 0px !important;
}

.insu_intro_msg{
  color:red;
  float: left;
}

.popup_notice_wrap {
  height: 450px;
  overflow-y: scroll;
  padding: 15px;
}

.popup_notice_wrap dl dt {
  margin-top: 10px;
  line-height: 2em;
}

.popup_notice_wrap dl dd {
  font-weight: 300;
  line-height: 1.5em;
  white-space: pre-line;

}

.popup_notice_wrap dl dd>span {
  color: #888;
  display: block;
  font-size: 14px;
  white-space: pre-line;
}

/* .pop-contents .step-inform {
  background: #fff;
  padding: 0px;
  border-radius: 5px;
  margin-bottom: 10px;
  height: 460px;
} */

.pop-contents .popup_notice_wrap {
height: 400px;
overflow-y: scroll;
padding: 0px 30px;
}

.fix-background-scroll{
  overflow: hidden !important;
  width: 100% !important;
  height: 100% !important;
  position: fixed !important;
}

    .jplan_select_div {
      width: 90%;
      overflow: hidden;
      margin: 0 auto;
    }

    .jplan_select_div2 {
      width: 30%;
      text-align: center;
      padding: 30px 15px;
      border: 4px solid #ff7a22;
      float: left;
      margin: 7px;
    }

    .jplan_title {
      font-size: 16px;
    }

    .jplan_price {
      font-size: 24px;
    }

    .jplan_price_sub {
      font-size: 12px;
      color: #999;
    }

    .jplan_price_sebu {
      font-size: 12px;
      padding: 2px 5px;
      background: #e9e9e9;
      color: #666;
      margin: 5px;
    }

    .jplan_line {
      width: 100%;
      border-top: 1px solid #ff7a22;
      ;
      margin: 16px 0px;
    }

    .jplan_sum {
      font-size: 12px;
      color: #666;
    }
    .header_imsi {
      float: right;
    }

    .header_imsi li {
      float: left;
      margin-left: 30px;
      font-size: 16px;
      font-weight: 400;
    }
    .footer_imsi {
      width: 1208px;
      text-align: center;
      margin: 50px auto 0 auto;
      font-size: 12px;
      color: #ababab;
      background: rgba(255, 255, 255, 0.6);
      padding: 15px 0px;
      overflow: hidden;
    }

    .footer_imsi_ul {
      width: 1080px;
      padding-left: 355px;
      color: #a0a0a0;

    }

    .footer_imsi_ul li {
      float: left;
      margin: 5px;
    }
.sub-aside {
  position: absolute;
  top: 147px;
  width: 75px;
  height: 870px;
  overflow: hidden;
  left: 50%;
  z-index: 10;
  margin-left: 610px;
}

.sub-aside ul li {
  width: 75px;
  height: 75px;
  font-size: 12px;
  text-align: center;
  color: #fff;
  font-weight: bold;
}

.sub-aside ul li a {
  display: block;
  height: 100%;
  padding-top: 45px;
}
.sub-aside ul li.first a{
  background:url('../image/sub-aside-4-2.png') no-repeat center top 16px #137e40;
}
.sub-aside ul li.second{
  /*
  border:1px solid #137e40;
  */
}
.sub-aside ul li.second a{
  color:#137e40;
  background:url('../image/sub-aside-first-2.png') no-repeat center top 16px #fff;
}
.sub-aside ul li.third{
  border-top: 1px solid #137e40;
}

.sub-aside ul li.third a{
  color:#137e40;
  background:url('../image/sub-aside-second.png') no-repeat center top 16px #fff;
}

.sub-aside ul li.fourth {
  border: 1px solid #0084c9;
}

.sub-aside ul li.fourth a {
  background: url('../image/sub-aside-5.png') no-repeat center top 16px #0084c9;
  color: #fff;
}

.sub-aside ul li.fifth {
  border-bottom: 1px solid #137e40;
}

.sub-aside ul li.fifth a {
  color: #8c8c8c;
  background: url('../image/sub-aside-third_off.png') no-repeat center top 16px #fff;
}

.sub-aside ul li.quick_group a {
  background: url('../image/group-quick.png') no-repeat center top;
}

.sub-aside ul li.quick_univ a {
  background: url('../image/univ-quick.png') no-repeat center top;
}

.sub-aside ul li.quick_religion a {
  background: url('../image/religion-quick.png') no-repeat center top;
}

.sub-aside ul li.quick_pilgrimage a {
  background: url('../image/pilgrimage-quick.png') no-repeat center top;
}

.call-popup-tit {
  font-size: 28px;
  font-weight: 200;
  letter-spacing: -0.03em;
  text-align: center;
  padding-top: 100px;
}

.call-popup-btnwarp {
  text-align: center;
  padding: 30px 0px 100px 0px;
}

.call-popup-btn1 {
  padding: 14px 32px;
  border: 1px solid #08a048;
  border-radius: 50px;
  font-size: 16px;
  margin: 5px;
  letter-spacing: -0.03em;
}

.call-popup-btn2 {
  padding: 14px 32px;
  border: 1px solid #fbe31e;
  background: #fee729;
  color: #1e0c06;
  border-radius: 50px;
  font-size: 16px;
  margin: 5px;
  letter-spacing: -0.05em;
}


.mySlides {
  display: none;
}

.btn-arrow {
  padding: 10px;
  text-align: center;
}

.w3-center {
  width: 100%;
  float: left;
  text-align: center;
  margin-top: 10px;
}

.w3-btn {
  padding: 7px 10px;
  border: 1px solid #ededed;
}

.popup_notice_table {
  margin-top: 15px;
  /* padding-right: 15px; */
  line-height: 1.5em;
  text-align: center;
  width: 100%;
  border-bottom: 1px solid #dcdcdc;
}

.popup_notice_table tr th {
  background: #f4f4f4;
  line-height: 2.5em;
  border-top: 1px solid #ddd;
}

.popup_notice_table tr td {
  line-height: 2em;
  border-top: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
}

.popup_notice_table tr td:first-child {
  border-left: none;
}

.popup_notice_table tr:last-child {
  border-bottom: 1px solid #ddd;
}


	input[type=text]::-ms-clear {
	  display: none;
  }
  select::-ms-expand {
    display: none
  }
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.step-desc2-input {
  height: 30px;
  padding-left: 10px;
}

.change-pw {
  margin-top: 15px;
}

.change-disc {
  margin-top: 15px;
}

.change-inform {
  background: #fff;
  padding: 0 25px 15px 25px;
  border-radius: 5px;
  margin-bottom: 10px;
}

.cancle_input{
  margin-top: 15px;
  margin-bottom: 15px;
}

.cancle_title{
  margin-right : 15px
}

.plan-list .add-txt-n {
  position: absolute;
  top: -10px;
  right: 0;
  width: 350px;
  left: 170px;
  height: auto;
  background: #099d3b;
  color: #fff;
  padding: 6px;
  z-index: 99999;
}

.main_link_seoul {
  position: absolute;
  right: 0;
  width: 270px;
  padding: 10px;
  border: 2px solid #385dae;
  border-radius: 5px;
  text-align: center;
}

.main_link_seoul:hover {
  background: #385dae;
  color: white;
  cursor: pointer
}