@import url(../../_common/cb_common.css);

.container {width: 1140px;margin: 0 auto; padding: 0;}



/* sidebar */
    .sidebar {
        float: left;
        width: 200px;
        /*border: 1px solid #e5e5e5;*/
        /*padding: 20px;*/
    }

    .sidebar .login_box { border: 1px solid #e5e5e5;padding: 20px; }
    .sidebar .login {overflow: hidden;}
    .sidebar .headline {border-bottom: 1px dotted #ccc;display: block;margin-bottom: 15px;}
    .sidebar .headline h3 {border-bottom: 2px solid #3498db;display: inline-block;margin: 0 0 -2px;padding-bottom: 5px;font-size: 15px;}
    .sidebar .login .text {padding-top: 5px;}
    .sidebar .login .text li {float: left;padding-right: 7px;}
    .sidebar .welcome {overflow: hidden;}
    .sidebar .welcome li{float: left;padding-right: 3px;padding-bottom:5px;}
    .sidebar .welcome p{margin-bottom: 10px;}
    .sidebar .welcome .btn{font-size: 11px;}

    .sidebar .sidebar_latest li{padding-bottom:10px;}

    .sidebar .tag-clouds{overflow:hidden;}
    .sidebar .tag-clouds ul li{float:left; padding-right:10px;}

    .sidebar .sidebar-social-login-box {
        clear:both;
        text-align:center;
        margin-top:10px; border:1px solid #e3e3e3;
        background-color: #f5f5f5;background-image:linear-gradient(to bottom,#e8e8e8 0,#f5f5f5 100%);
        background-repeat:repeat-x; border-color:#dcdcdc;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1);
        padding: 8px;border-radius: 3px;}


    .side_banners {
        margin-top: 20px;
    }
    .side_banners > li {
        margin-bottom: 10px;
    }
    .side-stat {
        border:1px solid #d7d7d7;
        padding: 60px 10px 20px 10px;
        background: url('../images/ttl_main_point.gif') 5px 10px no-repeat;
    }

    .side-stat .stat-text {

    }

    .loginarea input {
      box-sizing: border-box;
        width: 100%;
    }

    .loginarea li {display: block;margin: 0px; clear: both; margin-bottom: 15px;}
    .loginarea li>span {float: left;width: 25%;text-align: right;padding-right: 20px;margin-top: 5px;color: #000;font-weight: bold;}
    .input {border: 1px solid #e5e6e7;/*height: 20px;*/outline: 0 none;padding: 3px 12px;background-color: #FFFFFF;background-image: none;border-radius: 5px;}
    textarea.input{height:100px;}
    textarea.dhtmleditor {border: 1px solid #e5e6e7;outline: 0 none;padding: 5px 3px 3px 5px;background-color: #FFFFFF;background-image: none;border-radius: 5px;width:100%;height:350px;}
    select.input {height: 30px;}
    .form-text{padding-top: 4px;}
    .checkbox-group{padding-top: 5px;}

    .no_padding{padding: 0 !important;}



/* content */
    .content_wrap {
      width: 920px;
      /*width: 880px;*/
      float: right;
    }


/* footer */
    footer {border-top: 1px solid #e5e5e5;background-color: #ffffff;padding: 30px 0;clear:both;overflow: hidden;}
    /*footer #footer_include { overflow-y: hidden; }*/
    footer .company {margin-bottom:7px;clear:both;float:left;}
    footer .company li{float:left; padding-right:10px;}
    footer .see_mobile {
        clear: both;margin: 0px auto 0 auto;text-align: center;
        /*display: none*/
    }
    footer .copyright{font-size:12px;clear:both;}
    footer .copyright span{padding-right:7px;}


    .footer_logo{
        margin:17px 60px 0 0;
    }

    .footer_info{
        color: #696969;
        float: left;
        line-height: 23px;
        margin-top:10px;
    }

    .footer_container{
        margin: 0 auto;
        width: 1140px;
    }


/* 헤더 */

    /* header */
    header{background: #082a47;color: #fff;display: block;clear: both; width:100%;}
    header .container {height:40px;}
    header .header-top-menu {float:right;line-height:40px;font-size:12px;}
    header .header-top-menu .fa{color:#ccc;}
    header .header-top-menu li{float: left; display:inline-block;padding-right: 15px;}
    header .header-top-menu li a{ color:#ccc; font-size:12px;padding-left: 5px;}
    header .fa{padding-right:5px;}
    header .badge{margin-left:5px;display: inline-block;min-width: 10px;padding: 3px 7px;font-size: 10px;font-weight: 700;color: #fff;line-height: 1;vertical-align: baseline;white-space: nowrap;text-align: center;background-color: #999;border-radius: 10px;}



    .navbar {
      background: #fff;
      border: 0 none;
      border-radius: 0;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
      height:70px;
      /*overflow: hidden;*/
      margin-bottom: 0;
      /*padding: 10px 0;*/
      /*line-height:50px;*/
    }
    .logo {
      padding-top: 10px;
      padding-bottom: 10px;
      font-size: 18px;
      line-height: 20px;
      height: 50px;
    }
    .menu {
        color: #545454;
        float: left;
        font-family: Nanum Gothic,sans-serif;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: -1pt;
        line-height: 50px;
        margin: 0 0 0 13px;
    }
    .menu li{
        float: left;
        display: block;
        line-height: 70px;
        position: relative;
    }
    .menu li>a{padding: 0 20px;}
    .menu li.active>a, .menu li>a:hover, .menu li>a:focus, .menu .open>a{color: #fff;background-color: #3498db;padding: 0 20px;display: inline-block;}
    .menu .dropdown-menu{position: absolute; top: 50px; right: 0;background: #444;overflow: hidden;z-index: 1;min-width: 190px;}
    .menu .dropdown-menu li{height: 40px; line-height: 40px; float: none;}
    .menu .dropdown-menu li a{color: #ccc; display:block; line-height: 40px;}
    .menu .dropdown-menu li a:hover{color: #fff;}
    .menu .dropdown-menu li.active>a, .menu .dropdown-menu li>a:hover, .menu .dropdown-menu li>a:focus {color: #fff;background: #3498db;padding: 0 20px;display: block;}
    .menu .dropdown-menu {display:none;}
    .menu .open .dropdown-menu {display:block;}
    /* main */
    .main {width:100%; clear:both; margin-top: 20px;overflow: hidden;}
    .main_box1{width: 48%;margin:0 1%;}





/**
 * 추가 css
 */


/**
 * 슬라이드 사이즈
 */
.main-top{
  height: 300px;
}
.main-top-slider{
  width: 100%;
}

/**
 * 메인 공지사항
 */
.main-notice-layout{
  color: #000;
  position:relative;
  display: block;
  clear: both;
  width:100%;
  overflow: hidden;
  margin-bottom: 10px;
}

.notice-tit-wrap{
  width:768px;
  min-height:227px;
}
.main-notice-layout .notice-tit{
  position:absolute;
}


.main-notice-layout .main-notice-textarea{

  width:100%;
  min-height:227px;
  padding:45px 10px 10px 10px;
  border: 5px solid #5bdecf;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/**
 * 조황정보
 */
.main-johwang{
  width:100%;
  background-color:#f2f8fb;
  padding:38px 0;
}


/**
 * Middel Contents
 */
.reserve-contents{
  padding-bottom:20px;
  clear:both;
  min-height: 165px;
}

.reserve-contents dl dd{
  float:left;
}


/**
 * 메인 예약달력
 */
.calender-rv{
    width: 658px;
}

.reservation_box {
    padding: 5px;
    border: 10px solid #5bdecf;
}
.main_reservation_title {
    width: 1140px;
    text-align: center;
}

/**
 * 기상안내
 */
.main-weather{
  margin-bottom: 20px;
  background-color: #f5f5f5;
  height: 170px;
  padding: 28px 0px;
}

dl.weather-wrap dt {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    margin: 0 0 15px 15px;
}

dl.weather-wrap dd {
    margin-right: 21px;
}

/**
 * 공지사항 & 예약문의
 */
#main-contact {
    color: #000;
    display: block;
    clear: both;
    width: 346px;
    height: 250px;
    float: left;
}

#main-contact .md-content-wrap {
    width: 345px;
    height: 248px;
    border: 1px solid #d7d7d7;
}

#main-contact .md_list {
    padding: 12px 0 0 8px;
    line-height: 14px;
    width: 325px;
    margin-left: 8px;
}
#main-contact .md_list li {
    background: url(../images/dot_point.png) left center no-repeat;
    padding-left: 10px;
    overflow: hidden;
    float: none;
    margin-top: 10px;
}

.add-btn {
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 15px;
}

.sub_title{
    display: inline-block;
    margin:15px 0 0 15px;
}

#main-contact ul.board li span {
   color:#6b6b6b;
}

.md-content-title{
   position:relative;
}
.md-content-content{
   width:343px;
}

/**
 * 공통배너
 */
.main-banner ul li{
   float: left;
}

/**
 * content-title
 */
.ct {
  font-weight: bold;
  font-size: 16px;
  color: #000000;
  height: 45px;
  width: 1140px;
  text-align: center;
}

/**
 * list-title
 */
.lt{
   background-color: #ffffff;
   line-height: 38px;
   border-bottom: 1px solid #ebeef3;
}

/**
 * content-list
 */
.cl{
   display:inline-block;
   *display:inline;
   zoom:1;

}
.cl li{
   float: left;
   margin: 10px 0 10px 13px;
   z-index: 1;
}

/**
 * common
 * line:ebeef3
 * outline:dee3eb
 * 타이틀 : 000;
 * 서브 타이틀 : 888;
 */
.bgff{
   background-color: #ffffff;
}
.bgdee{
   background-color: #dee3eb;
}
.outline{
   border:1px solid #dee3eb;
}