@charset "utf-8";
table{
border-collapse: collapse;
    
}
/* layaut */
.board_visual_wrap {width:100%;position:relative; height:290px; float:left;}
.board_visual {position:absolute; left:50%; margin-left:-960px;}
.board_contants_wrap {width:100%; padding:70px 0 0 0; min-height:100px;float:left;}
.board_contants {width:1200px; margin:0px auto}

/* page style */
.paging_wrap {width:100%; text-align:center}

.paging_wrap a {width:30px; height:30px; display:block; font-size:16px; color:#aeaeae; background:#fff; text-align:center; line-height:30px; margin:0; padding:0}
.paging_wrap a:hover {color:#333}
.paging_wrap a.w_select {background:#000000; color:#fff}
.paging_wrap a img {vertical-align:top; position:relative;}


/* list style */
table.board_list {width:100%; border-top:solid 2px #333}
table.board_list tr th {font-size:18px; color:#2f2f2f; line-height:70px; border-bottom:solid 1px #333;display: table-cell;}
table.board_list tr td {font-size:16px; color:#2f2f2f; line-height:70px; border-bottom:solid 1px #dedede; text-align:center;display: table-cell;}
table.board_list tr td.tit {width:590px; }
table.board_list tr td.subject {text-align:left; padding:0 50px 0 50px}
table.board_list tr td .date {color:#aeaeae} 
table.board_list tr td .ing {background:#AEAEAE; color:#fff; width:70px; height:42px; display:inline-block; line-height:42px; }
table.board_list tr td .end {background:#0c4da2; color:#fff; width:70px; height:42px; display:inline-block; line-height:42px; }

/* write_table basic 게시판 쓰기 */
.write_table {border-top:solid 2px #333; width:100%; }
.write_table tr th {width:150px; height:70px; line-height:70px; border-bottom:solid 1px #dedede; font-size:16px; text-align:left; padding: 0 0 0 20px}
.write_table tr td {height:70px; height:70px; line-height:70px; border-bottom:solid 1px #dedede; font-size:16px; font-weight:normal; text-align:left}



/* view_table basic 게시판 보기 */
.view_table {border-top:solid 2px #333; width:100%; }
.view_table tr th {height:70px;  border-bottom:solid 1px #dedede; font-size:16px; text-align:left; padding: 25px 0 25px 25px}
.view_table tr td {height:70px;/* line-height:70px;*/ border-bottom:solid 1px #dedede; font-size:16px; font-weight:normal; text-align:left}
.view_tit {font-size:30px; font-weight:600; padding:0 0 10px 0; display:inline-block; letter-spacing:-1px}


.view_table2 {border-top:solid 2px #333; width:100%; }
.view_table2 tr th {width:100%;  border-bottom:solid 1px #dedede; padding:25px 0 25px 25px; letter-spacing:-1px; text-align:left}
.view_table2 tr td {width:100%; padding:10px; font-size:16px;  border-bottom:solid 1px #dedede}
.view_font_1 {color:#d0d0d0; font-size:14px}
.view_font_2 {color:#2f2f2f; font-size:30px; font-weight:600; padding:0 0 10px 0}
.view_font_3 {font-size:16px; }
.view_font_4 span {color:#aeaeae}   

/* search style */
.board_search_wrap {width:100%; padding:50px 0 0 0; text-align:center}
.board_search_select {width:150px; height:50px; background:url(/images/sub/sub_menu_arrow.jpg) no-repeat center right #fff; font-size:15px;border:none;  border-bottom:solid 2px #333; padding:0 0 0 10px; border-radius:0; -webkit-appearance:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.board_search {width:320px; border-bottom:solid 2px #333; margin:0 0 0 20px; height:50px; line-height:50px; display:inline-block}
.board_search_input {width:280px; border:none; font-size:16px }



/* btn style */
.btn_right {width:100%; padding:50px 0 50px 0; text-align:right}
.btn_center {width:100%; padding:50px 0 50px 0; text-align:center}
.btn_001 {width:150px; height:50px; color:#fff; background:#333; line-height:50px; text-align:center; font-weight:600; font-size:18px; display:inline-block; border-style:solid; border-color:#333; border-width:1px;}
/* .btn_001 {width:150px; height:50px; color:#fff; background:#333; line-height:50px; text-align:center; font-weight:600; font-size:18px; display:inline-block}  */
.btn_001:hover {background:#000}
.btn_002 {width:150px; height:50px; color:#999999; background:#ffffff; line-height:50px; text-align:center; font-weight:600; font-size:18px; display:inline-block; border-style:solid; border-color:#999999; border-width:1px; } 
/* .btn_002 {width:150px; height:50px; color:#fff; background:#939393; line-height:50px; text-align:center; font-weight:600; font-size:18px; display:inline-block} */
.btn_002:hover {color:#333; border-color:#333;}
/* .btn_002:hover {background:#808080}*/


/* form */

.input_001 {width:290px; height:36px; background:#fff; font-size:15px; border:solid 1px #dedede; padding:0 0 0 10px}
.input_002 {width:210px; height:40px; background:#fff; border:solid 1px #dedede; font-size:16px; padding:0 0 0 10px}
.input_003 {width:100%; height:100px; background:#fff; border:solid 1px #dedede; font-size:16px; padding:0 0 0 10px}
.input_004 {width:210px; height:36px; background:#fff; border:solid 1px #dedede; font-size:16px; padding:0 0 0 10px}
.input_005 {width:100%; height:175px; background:#fff; border:solid 1px #dedede; font-size:16px; padding:0 0 0 10px}
.input_006 {}
.input_007 {}




/* comment */
.comment_wrap {width:100%; float:left; border-top:solid 1px #dedede; border-bottom:solid 1px #dedede; padding:25px 0 25px 0; margin:50px 0 0 0}
.comment_tit {width:100%; float:left; position:relative; padding:0 0 25px 0; font-size:16px; font-weight:600}
.comment_tit span {color:#909090; font-weight:100; margin:0 0 0 10px}
.comment_tit ul {position:absolute !important; right:0; top:-10px}
.comment_tit ul li {float:left; padding:0px !important; margin:0 -3px }
.comment_con {width:100%; float:left;font-size:16px; line-height:1.5}
.comment_con_left {width:1230px; float:left; margin:0 20px 0 0}
.comment_con_right {width:150px;float:left;}



/* with star */
.star_list {width:100%;float:left; padding:0 0 80px 0}
.star_list li{float:left}
.star_list li .starimg {width:400px; height:400px; overflow:hidden; text-align:center !important;vertical-align:middle; position:relative;}
.star_list li .starimg .star_hover {width:400px; height:400px; line-height:400px; text-align:center; position:absolute; left:0; top:0; background:rgba(248,185,72,0.9); opacity:0; z-index:98;transition:color 0.1s linear 0s, background-color 0.1s linear 0s, opacity 0.1s linear 0s !important;}
.star_list li .starimg:hover .star_hover {opacity:1;}
.star_list li .star_text_1 {font-size:14px; font-weight:600; position:absolute; left:25px; bottom:45px; color:#fff; z-index:99}
.star_list li .star_text_2 {font-size:18px; font-weight:600; position:absolute; left:25px; bottom:23px; color:#fff; z-index:99}


/* reserve */
.reserve_top {width:100%; float:left; padding:0 0 60px 0}
.reserve_tit {width:100%; float:left; font-size:16px; font-weight:600; }
.reserve_time {width:100%; padding:10px 0 0 0; float:left;}
.calendar_wrap {float:left;width:321px;margin:0 14px 0 0}
.calendar_tit {width:100%;float:left;text-align:center; background:#969696; color:#ffffff;line-height:60px; }
.calendar_tit ul li {display:inline-block; margin:0 20px 0 20px; font-size:20px; }
.calendar_tit ul li a{color:#fff}
.wg_calendar {width:100%; float:left;}
.wg_calendar ul {display:table}
.wg_calendar ul li {display:table-cell; border-top:solid 1px #fff; border-right:solid 1px #fff;}
.wg_calendar ul li:last-child{border-right:none}
.wg_calendar ul li span {width:45px; height:44px; line-height:44px; text-align:center; display:inline-block; background:#f5f5f5;font-size:18px; color:#000}
.wg_calendar ul li span.day_off {background:#d9d9d9; color:#fff; cursor:text}
.wg_calendar ul li span.today {background:#F79534; color:#fff}
.reserve_time_r {float:left;width:210px;border:solid 1px #dedede;height:332px;overflow-y:scroll; margin:0 30px 0 0}
.reserve_time_r ul li {height:40px; line-height:40px; font-size:16px; padding:0 0 0 10px}
.reserve_time_r ul li.time_off {color:#909090}
.reserve_time_r ul li.time_select {background:#F79534; color:#fff}
.reserve_time_r ul li span {font-size:15px}
.reserve_mid {float:left;width:100%;margin:0 0 40px 0}
.reserve_write {width:620px; border-top:solid 1px #dedede }
.reserve_write tr th {width:140px; background:#fafafa; text-align:center; font-size:16px; line-height:50px; height:50px;border-bottom:solid 1px #dedede } 
.reserve_write tr td {text-align:left; padding:0 0 0 25px;  font-size:16px; font-weight:normal; line-height:50px; height:50px;border-bottom:solid 1px #dedede } 
.reserve_bot {float:left;width:100%;}
.reserve_bot_text {float:left;border:solid 1px #dedede; width:100%; height:190px; background:#fafafa; overflow-y:scroll; padding:20px;  color:#aeaeae; font-size:16px;}
.reserve_bot_agree {float:left; width:100%;  font-size:16px; margin:10px 0 0 0}


/* model */
.model_text {width:100%; line-height:80px; font-size:16px; color:#aeaeae !important; text-align:center !important; float:left;}
.model_file {width:100%;text-align:center;float:left;}
.model_file ul li {display:inline-block; margin:0 20px 0 20px; width:300px; line-height:1}
.model_file_img {width:100%;float:left;}
.model_file_img img {width:300px; height:310px;}
.model_file_input {width:100%; float:left;background:#e1e1e1}
.model_file_input input {border:none !important; outline:none;background:none }
.model_file_text {line-height:70px; font-size:16px;padding:0 0 10px 0;display:block}


/* review */
.board_review_visual {width:100%; float:left; background:url(/images/board/review_bg.jpg) center top no-repeat; padding:270px 0 0 0}
.review_nav {width:100%; float:left;padding:0 0 30px 0}
.review_nav ul {width:100%;float:left; border-top:solid 1px #aeaeae; border-bottom:solid 1px #aeaeae;}
.review_nav ul li {border-right:solid 1px #aeaeae; float:left;}
.review_nav ul li:first-child {border-left:solid 1px #aeaeae}
.review_nav span.review_nav_on {width:178px; height:50px; background:#f9b949; color:#fff; font-size:18px; line-height:50px; text-align:center; display:inline-block}
.review_nav span.review_nav_off {width:169px; height:50px; background:#fff; color:#aeaeae; font-size:18px; line-height:50px; text-align:center; display:inline-block}
.review_list {width:100%; float:left;margin:0 0 50px 0}
.review_list li {width:290px; margin:0 13px 30px 0; border-bottom:solid 1px #000; float:left;}
.review_list li:nth-child(4), .review_list li:nth-child(8), .review_list li:nth-child(12){margin:0 0 30px 0; } 
.review_list li .review_list_img {width:290px; height:290px; float:left}
.review_list li .review_list_info {width:290px; height:130px;float:left;padding:10px}
.review_list li .review_list_info .info_1 {width:100%; padding:0  0 10px 0; width:100%; font-size:22px}
.review_list li .review_list_info .info_2 {width:100%; font-size:18px;word-break:keep-all }






 /* after 
.board_after_visual {width:100%; float:left; background:url(/images/board/after_bg.jpg) center top no-repeat; padding:270px 0 100px 0}
.after_nav {width:100%; float:left;padding:0 0 40px 0}
.after_nav ul {width:100%;float:left; border-top:solid 1px #fff; border-bottom:solid 1px #fff;}
.after_nav ul li {border-right:solid 1px #fff; float:left;}
.after_nav ul li:first-child {border-left:solid 1px #fff}
.after_nav span.after_nav_on {width:170px; height:50px; background:#fff; color:#9cc0d6; font-size:18px; line-height:50px; text-align:center; display:inline-block}
.after_nav span.after_nav_off {width:170px; height:50px; background:none; color:#fff; font-size:18px; line-height:50px; text-align:center; display:inline-block}
.after_login {position:absolute; left:0; top:0; z-index:10}
.slider-pro-wrap {width:100%; clear:both}
.slider-pro {position: relative;-moz-box-sizing: content-box;box-sizing: content-box; width:100%; padding:0 0 60px 0; }
.sp-slides-container {position: relative;}
.sp-mask {position: relative;overflow: hidden;}
.sp-slides {position: relative;-webkit-backface-visibility: hidden;-webkit-perspective: 1000;height:100%; }
.sp-slide {position: absolute;}
.sp-image-container {overflow: hidden;}
.sp-image {position: relative;display: block;border: none;}
.sp-no-js {overflow: hidden;max-width: 100%;}       */




/* Thumbnails
--------------------------------------------------*/
.sp-thumbnails-container {position: relative;overflow: hidden;}
.sp-bottom-thumbnails {position: absolute;bottom:60px;left: 50%; margin-left:-94px; width:188px; z-index:99}
.sp-bottom-thumbnails {}
.sp-thumbnails {position: relative;}
.sp-thumbnail { border: none;}
.sp-thumbnail-container {position: relative;display: block;overflow: hidden;float: left;-moz-box-sizing: border-box;box-sizing: border-box;}

/* Horizontal thumbnails
------------------------*/
.sp-bottom-thumbnails .sp-thumbnail-container {margin-left: 2px;margin-right: 2px;}
.sp-bottom-thumbnails .sp-thumbnail-container:first-child {margin-left: 0;}
.sp-bottom-thumbnails .sp-thumbnail-container:last-child {margin-right: 0;}


/* Bottom thumbnails with pointer
---------------------------------*/
.sp-thumbnail-text {width: 60px; text-align:center;  -moz-box-sizing: border-box;box-sizing: border-box;color:#fff;font-size:18px; font-weight:600;height:60px; line-height:60px;     background-color: #2f2f2f;}
.sp-bottom-thumbnails .sp-selected-thumbnail .sp-thumbnail-text{background:#9cc0d6 !important; color:#ffffff !important;}
.sp-bottom-thumbnails .sp-selected-thumbnail .sp-thumbnail-text:before{background:#9cc0d6 !important}


/* Layers
--------------------------------------------------*/
.slidetext {width:100%; height:60px; line-height:60px; text-align:center; background:#e0e0e0; color:#818181; font-size:18px; position:absolute !important;left:0 !important; bottom:0 !important;  z-index:98 }


/* Touch Swipe
--------------------------------------------------*/
.sp-grab {cursor: pointer;}

/* Arrows
--------------------------------------------------
.sp-arrows {position: absolute;}
.sp-fade-arrows {opacity: 1;-webkit-transition: opacity 0.5s;transition: opacity 0.5s;}
.sp-slides-container:hover .sp-fade-arrows {opacity: 1;}
.sp-horizontal .sp-arrows {width: 100%;left: 0;top: 50%;margin-top: 14px;}
.sp-vertical .sp-arrows {height: 100%;left: 50%;top: 0;margin-left: -10px;}
.sp-arrow {position: absolute;display: block;width: 48px;height: 24px;cursor: pointer;}
.sp-vertical .sp-arrow {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
.sp-horizontal .sp-previous-arrow {left: -100px; background:url(/images/board/after_arrow_1.jpg) no-repeat}
.sp-horizontal .sp-next-arrow {right: -100px; background:url(/images/board/after_arrow_2.jpg) no-repeat}
.sp-previous-arrow:before, .sp-previous-arrow:after, .sp-next-arrow:before, .sp-next-arrow:after {content: '';position: absolute;width: 50%;height: 50%;}
.sp-previous-arrow:before {left: 30%;top: 0;-webkit-transform: skew(145deg, 0deg);-ms-transform: skew(145deg, 0deg);transform: skew(145deg, 0deg);}
.sp-previous-arrow:after {left: 30%;top: 50%;-webkit-transform: skew(-145deg, 0deg);-ms-transform: skew(-145deg, 0deg);transform: skew(-145deg, 0deg);}
.sp-next-arrow:before {right: 30%;top: 0;-webkit-transform: skew(35deg, 0deg);-ms-transform: skew(35deg, 0deg);transform: skew(35deg, 0deg);}
.sp-next-arrow:after {right: 30%;top: 50%;-webkit-transform: skew(-35deg, 0deg);-ms-transform: skew(-35deg, 0deg);transform: skew(-35deg, 0deg);}*/


.after_list {width:100%; padding:50px 0 70px 0; float:left;}
.after_list ul li {width:380px; margin:0 30px 30px 0; float:left;}
.after_list ul li .after_list_img {position:relative; width:380px; height:190px; }
.after_list ul li .after_list_img > img {width:100%}
.after_list ul li:hover .after_list_img > img {width:100%; cursor:pointer;  border:solid 3px #9cc0d6;-moz-box-sizing: border-box;box-sizing: border-box;}
.after_list ul li .after_list_login {position:absolute; left:0; top:0}
.after_list ul li:hover .after_list_login img {width:100%; cursor:pointer;   border:solid 3px #9cc0d6; -moz-box-sizing: border-box;box-sizing: border-box;}
.after_list ul li:nth-child(3), .after_list ul li:nth-child(6), .after_list ul li:nth-child(9){margin:0 0 30px 0; } 




 /* video */
.board_video_visual {width:100%; float:left; background:url(/images/board/video_bg.jpg) center top no-repeat; padding:270px 0 100px 0}
.video_nav {width:100%; float:left;padding:0 0 40px 0}
.video_nav ul {width:100%;float:left; border-top:solid 1px #fff; border-bottom:solid 1px #fff;}
.video_nav ul li {border-right:solid 1px #fff; float:left;}
.video_nav ul li:first-child {border-left:solid 1px #fff}
.video_nav span.after_nav_on {width:178px; height:50px; background:#fff; color:#eccccf; font-size:18px; line-height:50px; text-align:center; display:inline-block}
.video_nav span.after_nav_off {width:169px; height:50px; background:none; color:#fff; font-size:18px; line-height:50px; text-align:center; display:inline-block}


/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 *  Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 *  Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
            This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
            calculation of the height of the owl-item that breaks page layouts
         */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 *  Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      background: #869791;
      color: #FFF;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #869791; }




.sub_join_wrap {width:100%; float:left; padding:100px 0 0 0}
.sub_etc_tit {width:100%; float:left;}
.agree_wrap {width:100%; float:left;margin:0 0 25px 0  }
.agree_textarea {width:100%; height:230px; float:left; border:solid 1px #dedede; padding:10px;font-size:15px;overflow-y:scroll}
.agree_bottom {width:100%; float:left; background:#fcfcfc; border:solid 1px #dedede; height:45px; line-height:45px; text-align:right; padding:0 20px 0 20px; font-size:15px; border-top:none} 
.join_table_wrap {width:100%; float:left;margin:0 0 50px 0}
.join_table_wrap table {border-top:solid 2px #000;}
.join_table_wrap tr th {font-size:16px; width:170px; height:70px; line-height:70px; text-align:left; padding:0 0 0 20px; border-bottom:solid 1px #dedede}
.join_table_wrap tr td { height:70px; line-height:70px;border-bottom:solid 1px #dedede;font-size:16px;}
.join_table_wrap tr td a {position:relative; top:2px} 
.join_input_1 {width:290px; height:36px; border:solid 1px #dedede; background:#fff; }
.join_input_2 {width:80px; height:36px; border:solid 1px #dedede; background:#fff; }
.join_input_3 {width:86px; height:36px; border:solid 1px #dedede; background:#fff; }
.join_input_4 {width:200px; height:36px; border:solid 1px #dedede; background:#fff; } 
.join_btn {width:130px; height:36px; background:#aeaeae; color:#fff; line-height:36px; font-size:16px;  text-align:center; display:inline-block}

.sub_etc_wrap {width:100%; float:left;padding:100px 0 0 0}
.sub_etc {width:100%; float:left;border:solid 1px #dedede; padding:50px}


.news_contants {width:1220px; margin:0px auto}
.board_news_list {width:100%; float:left; margin:0 0 50px 0}
.board_news_list li {width:590px; float:left; margin:0 10px 0 10px}
.board_news_img {width:100%; float:left;}
.board_news_tit {width:100%; float:left; margin:10px 0 0 0; padding:10px 0 10px 0; border-top:solid 1px #dedede; border-bottom:solid 1px #dedede}
.board_news_text {font-size:16px; padding:15px 0 80px 0; width:100%; float:left; word-break:keep-all}
.board_news_tit table {width:100%}
.board_news_tit table tr td {padding:5px}
.board_news_company {width:60px; height:60px; border-radius:60px; border:solid 1px #dedede; overflow:hidden}
.board_news_title {font-size:30px; letter-spacing:-1px;}
.board_news_date {font-size:18px; color:#aeaeae}


.online_tab {width:100%; float:left; }
.online_tab li {float:left;}
.online_tab li span.online_tab_on .select_img{display:block}
.online_tab li span.online_tab_on .no_select_img{display:none}
.online_tab li span.online_tab_off .select_img{display:none}
.online_tab li span.online_tab_off .no_select_img{display:block}





@media (max-width: 800px) {

    .board_tit {width:100%; float:left;}
    .board_tit img {width:100%}

    .login_box {padding:20px 10px 50px 10px; width:100%; float:left}
    .login_input li{margin:0 0 10px 0; width:100%; font-size:16px; float:left}
    .login {width:100%;float:left; background:#fff; border:solid 1px #dedede; font-size:16px ;height:50px; padding:0 0 0 5px }
    .login_check {float:left; width:100%; text-align:center;padding:10px 0 30px 0}
    .login_check li {display:inline-block; font-size:14px;margin:0 10px 0 10px}
    .login_check li a {color:#5d5d5d}
    .sns_login li{margin:0 0 5px 0; width:100%}


    .join_box {padding:30px 10px 50px 10px; width:100%; float:left}

    .join_input {width:100%; border:none; height:30px; }
    .join_td1 {font-size:16px; font-weight:600; color:#000;border-bottom:solid 1px #dedede; padding:10px 0 10px 0; line-height:30px}
    .join_td2 {font-size:16px; border-bottom:solid 1px #dedede; line-height:30px;padding:10px 0 10px 0;}
    .join_text {width:100%; padding:30px 0 30px 0; float:left; border-bottom:solid 1px #dedede}
    .join_text ul li {width:100%;float:left; padding:0 0 10px 0}
    .join_text_left {float:left;font-size:16px; }
    .join_text_right {float:right}
    .join_text_right a {color:#d4d4d4}



    /* layaut */
    .board_visual_wrap {width:100%;position:relative;  float:left;}
    .board_visual_wrap img {width:100%}
    .board_contants_wrap {width:90%; padding:60px 0 0 0;float:unset;margin: auto;}


    /* page style */
    .paging_wrap {width:100%; text-align:center}

    .paging_wrap a {width:30px; height:30px; display:block; color:#000; font-size:16px; color:#aeaeae; background:#fff; text-align:center; line-height:24px; margin:0; padding:0}
    .paging_wrap a:hover {color:#333}
    .paging_wrap a.w_select {background:#333; color:#fff}
    .paging_wrap a img {vertical-align:top; }


    /* list style */
    .board_contants{
        width:100%;
    }
    table.board_list {width:100%; border-top:solid 2px #333}
    table.board_list tr th {font-size:14px; color:#2f2f2f; padding:10px 0 10px 0; border-bottom:solid 1px #333 ;    line-height: 1.4;}
    table.board_list tr td {font-size:12px; color:#2f2f2f; padding:10px 0 10px 0;  border-bottom:solid 1px #dedede; text-align:center; vertical-align:middle; line-height: 1.3;}
    table.board_list tr td.tit {}
    table.board_list tr td.subject {text-align:left; padding:0 0 0 10px}
    table.board_list tr td .date {color:#aeaeae} 
    table.board_list tr td .ing {background:#aeaeae; color:#fff; width:auto; height:auto;line-height:18px; padding:5px 10px 5px 10px; display:inline-block;}
    table.board_list tr td .end {background:#0c4da2; color:#fff; width:auto; height:auto;line-height:18px; padding:5px 10px 5px 10px;  display:inline-block; }

    /* write_table basic 게시판 쓰기 */
    .write_table {border-top:solid 2px #333; width:100%; }
    .write_table tr th {width:30%; padding:10px; border-bottom:solid 1px #dedede; font-size:16px; text-align:left;vertical-align:middle}
    .write_table tr td {padding:10px 0 10px 0; border-bottom:solid 1px #dedede; font-size:16px; font-weight:normal; text-align:left; vertical-align:middle}



    /* view_table basic 게시판 보기 */
    .view_table {border-top:solid 2px #333; width:100%; }
    .view_table tr th {border-bottom:solid 1px #dedede; font-size:16px; text-align:left; padding: 20px; font-weight:normal;vertical-align:middle}
    .view_tit {font-size:20px; font-weight:600; padding:0 0 10px 0; display:inline-block; letter-spacing:-1px}
    .view_table tr td {border-bottom:solid 1px #dedede; font-size:16px; font-weight:normal; padding:10px 0 10px 0; text-align:left}

    .view_table2 {border-top:solid 2px #333; width:100%; }
    .view_table2 tr td {width:100%; padding:10px; border-bottom:solid 1px #dedede;vertical-align:middle}
    .view_font_1 {color:#d0d0d0; font-size:14px}
    .view_font_2 {color:#2f2f2f; font-size:30px; font-weight:600; padding:0 0 10px 0}
    .view_font_3 {font-size:16px; }
    .view_font_4 span {color:#aeaeae}       

    /* search style */
    .board_search_wrap {width:90%; padding:50px 0 0 0; text-align:center;     
        margin: auto;}
    .board_search_wrap ul li {padding:0 5px 0 5px; float:left}
    .board_search_select {width:35%; height:40px; background:url(/images/sub/sub_menu_arrow.jpg) no-repeat center right #fff; font-size:15px;border:none; margin:0 0 10px 0;  border-bottom:solid 2px #333; padding:0 5px 0 5px; border-radius:0; -webkit-appearance:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
    .board_search {width:55%; border-bottom:solid 2px #333; padding:0 0 0 0; height:40px; line-height:40px; display:inline-block}
    .board_search_input {width:calc(95% - 30px); }



    /* btn style */
    .btn_right {width:100%; padding:50px 0 50px 0; text-align:right}
    .btn_center {width:100%; padding:50px 0 50px 0; text-align:center}
    .btn_001 {width:150px; height:40px; color:#fff; background:#333; line-height:40px; text-align:center; font-weight:600; font-size:16px; display:inline-block; border-style:solid; border-color:#333; border-width:1px;}
    /*.btn_001 {width:150px; height:40px; color:#fff; background:#333; line-height:40px; text-align:center; font-weight:600; font-size:16px; display:inline-block}*/
    .btn_001:hover {background:#000}
    .btn_002 {width:150px; height:40px; color:#999999; background:#ffffff; line-height:40px; text-align:center; font-weight:600; font-size:16px; display:inline-block; border-style:solid; border-color:#999999; border-width:1px; } 
    /*.btn_002 {width:150px; height:40px; color:#fff; background:#939393; line-height:40px; text-align:center; font-weight:600; font-size:16px; display:inline-block}*/
    .btn_002:hover {background:#808080}


    /* form */

    .input_001 {width:290px; height:36px; background:#fff; font-size:15px; border:solid 1px #dedede; padding:0 0 0 10px}
    .input_002 {width:100%; height:40px; background:#fff; border:solid 1px #dedede; font-size:16px; padding:0 0 0 10px}
    .input_003 {width:100%; height:100px; background:#fff; border:solid 1px #dedede; font-size:16px; padding:0 0 0 10px}
    .input_004 {width:90%; height:36px; background:#fff; border:solid 1px #dedede; font-size:16px; padding:0 0 0 10px}
    .input_005 {width:100%; height:175px; background:#fff; border:solid 1px #dedede; font-size:16px; padding:0 0 0 10px}
    .input_006 {width:100%; height:40px; background:#fff; border:solid 1px #dedede; font-size:16px; padding:0 0 0 10px}
    .input_007 {}





    /* comment */
    .comment_wrap {width:100%; float:left; background:#f8f8f8;  padding:10px; margin:25px 0 25px 0}
    .comment_tit {width:100%; float:left; position:relative; padding:0 0 10px 0; font-size:16px; border-bottom:solid 1px #dedede; font-weight:600; position:relative;}
    .comment_tit span {color:#909090; font-weight:100; margin:0 0 0 10px}
    .comment_tit ul {position:absolute !important; right:0; top:-5px}
    .comment_tit ul li {float:left; padding:0px !important; margin:0 -3px }
    .comment_btn {width:60px; height:30px; line-height:30px; display:inline-block; font-size:14px; background:#fff; border:solid 1px #dedede; color:#fff; text-align:center}
    .comment_con {width:100%; float:left;font-size:16px; line-height:1.5; padding:10px 0 0 0}
    .comment_con_left {width:100%; float:left; }
    .comment_textarea {width:100%; height:90px; background:#fff; border:solid 1px #dedede}
    .comment_con_right {width:100%; float:left;}
    .comment_con_right span {width:100%; height:100%; display:inline-block; line-height:40px; background:#333333; color:#fff; text-align:center}




    /* with star */
    .star_list {width:100%;float:left; padding:0 0 30px 0}
    .star_list li{float:left; width:50%}
    .star_list li .starimg {width:100%; float:left; overflow:hidden; text-align:center !important;vertical-align:middle; position:relative;}
    .star_list li a .star_hover {width:100%;text-align:center; display:none; position:absolute; left:0; top:0; background:rgba(248,185,72,0.9); opacity:0; z-index:98;transition:color 0.1s linear 0s, background-color 0.1s linear 0s, opacity 0.1s linear 0s !important;}
    .star_list li .starimg .star_hover img {line-height:50%}
    .star_list li a:hover .star_hover {display:block} 
    .star_list li .starimg img {width:100%}
    .star_list li .star_text_1 {font-size:14px; font-weight:600; position:absolute; left:10px; bottom:45px; color:#fff; z-index:99}
    .star_list li .star_text_2 {font-size:16px; font-weight:600; position:absolute; left:10px; bottom:23px; color:#fff; z-index:99}


    /* reserve */
    .reserve_top {width:100%; float:left; padding:0 0 40px 0}
    .reserve_tit {width:100%; float:left; font-size:16px; font-weight:600; }
    .reserve_time {width:100%; padding:10px 0 0 0; float:left;}
    .calendar_wrap {float:left;width:100%;margin:0 14px 0 0}
    .calendar_tit {width:100%;float:left;text-align:center; background:#969696; color:#ffffff;line-height:50px; }
    .calendar_tit ul li {display:inline-block; margin:0 20px 0 20px; font-size:20px; }
    .calendar_tit ul li a{color:#fff}
    .wg_calendar {width:100%; float:left;}
    .wg_calendar ul {}
    .wg_calendar ul li {float:left; width:14.28%;  border-top:solid 1px #fff; border-right:solid 1px #fff;}
    .wg_calendar ul li:last-child{border-right:none}
    .wg_calendar ul li span {width:100%; height:44px; line-height:44px; text-align:center; display:inline-block; background:#f5f5f5;font-size:18px; color:#000}
    .wg_calendar ul li span.day_off {background:#d9d9d9; color:#fff; cursor:text}
    .wg_calendar ul li span.today {background:#F79534; color:#000}
    .reserve_time_r {float:left;width:100%;border:solid 1px #dedede;height:200px;overflow-y:scroll; margin:0 0 20px 0}
    .reserve_time_r ul li {height:35px; line-height:35px; font-size:16px; padding:0 0 0 10px}
    .reserve_time_r ul li.time_off {color:#909090}
    .reserve_time_r ul li.time_select {background:#93cfc3; color:#fff}
    .reserve_time_r ul li span {font-size:15px}
    .reserve_mid {float:left;width:100%;margin:0 0 40px 0}
    .reserve_write {width:100%; border-top:solid 1px #dedede }
    .reserve_write tr th {width:35%; background:#fafafa; text-align:center; font-size:16px; padding:10px;border-bottom:solid 1px #dedede;vertical-align:middle } 
    .reserve_write tr td {text-align:left; padding:0 0 0 10px;  font-size:16px; font-weight:normal; padding:10px 0 10px 10px;border-bottom:solid 1px #dedede } 
    .reserve_bot {float:left;width:100%; margin:0 0 30px 0}
    .reserve_bot_text {float:left;border:solid 1px #dedede; width:100%; height:190px; background:#fafafa; overflow-y:scroll; padding:20px;  color:#aeaeae; font-size:16px;}
    .reserve_bot_agree {float:left; width:100%;  font-size:16px; margin:10px 0 0 0}




    /* model */
    .model_text {width:100%; padding:10px; font-size:16px; color:#aeaeae !important; text-align:center !important; float:left;}
    .model_file {width:100%;text-align:center;float:left;}
    .model_file ul li {float:left; padding:0 10px 0 10px; width:33.33333%; line-height:1}
    .model_file_img {width:100%;float:left;}
    .model_file_img img {width:100%; }
    .model_file_input {width:100%; float:left;background:#e1e1e1}
    .model_file_input input {border:none !important; outline:none;background:none }
    .model_file_text {line-height:70px; font-size:16px;padding:0 0 10px 0;display:block}


    /* review */
    .board_review_visual {width:100%; float:left; padding:0 10px 0 10px; background:url(/images/board/review_bg.jpg) center top no-repeat; background-size:100% auto }
    .review_nav {width:100%; float:left;padding:0 0 30px 0}
    .review_nav ul {width:100%;float:left; border-top:solid 1px #aeaeae; }
    .review_nav ul li {border-right:solid 1px #aeaeae; float:left; width:33.3333%}
    .review_nav ul li:nth-child(1), .review_nav ul li:nth-child(2), .review_nav ul li:nth-child(5) {border-left:solid 1px #aeaeae}
    .review_nav span.review_nav_on {width:100%; height:35px; background:#f9b949; color:#fff; font-size:16px; line-height:35px; text-align:center; display:inline-block;border-bottom:solid 1px #aeaeae;}
    .review_nav span.review_nav_off {width:100%; height:35px; background:#fff; color:#aeaeae; font-size:16px; line-height:35px; text-align:center; display:inline-block;border-bottom:solid 1px #aeaeae;}
    .review_list {width:100%; float:left;margin:0 0 50px 0}
    .review_list li {width:50%; padding:0 10px 0 10px; margin:0 -1px 30px -1px; border-bottom:solid 1px #000; display:inline-block}
    .review_list li .review_list_img {width:100%; float:left}
    .review_list li .review_list_img img {width:100%}
    .review_list li .review_list_info {width:100%; height:100px;float:left;padding:10px}
    .review_list li .review_list_info .info_1 {width:100%; padding:0  0 10px 0; width:100%; font-size:18px}
    .review_list li .review_list_info .info_2 {width:100%; font-size:18px;word-break:keep-all }



    .online_tab {width:100%; float:left; }
    .online_tab li {float:left; width:25%}
    .online_tab li img {width:100%}
    .online_tab li span.online_tab_on .select_img{display:block}
    .online_tab li span.online_tab_on .no_select_img{display:none}
    .online_tab li span.online_tab_off .select_img{display:none}
    .online_tab li span.online_tab_off .no_select_img{display:block}


     /* after
    .board_after_visual {width:100%; float:left; background:url(/images/board/after_bg.jpg) center top no-repeat; padding:0 10px 50px 10px; background-size:100% auto}
    .after_nav {width:100%; float:left;padding:0 0 30px 0}
    .after_nav ul {width:100%;float:left; border-top:solid 1px #fff; }
    .after_nav ul li {border-right:solid 1px #fff; float:left; width:33.3333%}
    .after_nav ul li:nth-child(1), .after_nav ul li:nth-child(2), .after_nav ul li:nth-child(5) {border-left:solid 1px #fff}
    .after_nav span.after_nav_on {width:100%; height:35px; background:#fff; color:#9cc0d6; font-size:16px; line-height:35px; text-align:center; display:inline-block;border-bottom:solid 1px #fff;}
    .after_nav span.after_nav_off {width:100%; height:35px; background:#9cc0d6; color:#fff; font-size:16px; line-height:35px; text-align:center; display:inline-block;border-bottom:solid 1px #fff;}


    .after_login {position:absolute; left:0; top:0; z-index:10; width:50%}
    .after_login img {width:100%}
    .slider-pro-wrap {width:100%; clear:both}
    .slider-pro {position: relative;-moz-box-sizing: content-box;box-sizing: content-box; width:100%; padding:0 0 40px 0; }
    .sp-slides-container {position: relative;}
    .sp-mask {position: relative;overflow: hidden;}
    .sp-slides {position: relative;-webkit-backface-visibility: hidden;-webkit-perspective: 1000;height:100%; }
    .sp-slide {position: absolute;}
    .sp-image-container {overflow: hidden;}
    .sp-image {position: relative;display: block;border: none;}
    .sp-no-js {overflow: hidden;max-width: 100%;}

    /* Thumbnails
    --------------------------------------------------
    .sp-thumbnails-container {position: relative;overflow: hidden;}
    .sp-bottom-thumbnails {position: absolute;bottom:40px;left: 50%; margin-left:-64px; width:128px; z-index:99}
    .sp-bottom-thumbnails {}
    .sp-thumbnails {position: relative;}
    .sp-thumbnail { border: none;}
    .sp-thumbnail-container {position: relative;display: block;overflow: hidden;float: left;-moz-box-sizing: border-box;box-sizing: border-box;}

    /* Horizontal thumbnails
    ------------------------
    .sp-bottom-thumbnails .sp-thumbnail-container {margin-left: 2px;margin-right: 2px;}
    .sp-bottom-thumbnails .sp-thumbnail-container:first-child {margin-left: 0;}
    .sp-bottom-thumbnails .sp-thumbnail-container:last-child {margin-right: 0;}


    /* Bottom thumbnails with pointer
    ---------------------------------
    .sp-thumbnail-text {width: 40px; text-align:center;  -moz-box-sizing: border-box;box-sizing: border-box;color:#fff;font-size:14px; font-weight:600;height:40px; line-height:40px;     background-color: #2f2f2f;}
    .sp-bottom-thumbnails .sp-selected-thumbnail .sp-thumbnail-text{background:#9cc0d6 !important; color:#ffffff !important;}
    .sp-bottom-thumbnails .sp-selected-thumbnail .sp-thumbnail-text:before{background:#9cc0d6 !important}
        

    /* Layers
    --------------------------------------------------*/
    .slidetext {width:100%; height:40px; line-height:40px; text-align:center; background:#e0e0e0; color:#818181; font-size:16px; position:absolute !important;left:0 !important; bottom:0 !important;  z-index:99 }


    /* Touch Swipe
    -------------------------------------------------
    .sp-grab {cursor: pointer;}

    /* Arrows
    -------------------------------------------------
    .sp-arrows {position: absolute;}
    .sp-fade-arrows {opacity: 1;-webkit-transition: opacity 0.5s;transition: opacity 0.5s;}
    .sp-slides-container:hover .sp-fade-arrows {opacity: 1;}
    .sp-horizontal .sp-arrows {width: 100%;left: 0;top: 50%;margin-top: 14px;}
    .sp-vertical .sp-arrows {height: 100%;left: 50%;top: 0;margin-left: -10px;}
    .sp-arrow {position: absolute;display: block;width: 48px;height: 24px;cursor: pointer;}
    .sp-vertical .sp-arrow {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
    .sp-horizontal .sp-previous-arrow {left: -100px; background:url(/images/board/after_arrow_1.jpg) no-repeat}
    .sp-horizontal .sp-next-arrow {right: -100px; background:url(/images/board/after_arrow_2.jpg) no-repeat}
    .sp-previous-arrow:before, .sp-previous-arrow:after, .sp-next-arrow:before, .sp-next-arrow:after {content: '';position: absolute;width: 50%;height: 50%;}
    .sp-previous-arrow:before {left: 30%;top: 0;-webkit-transform: skew(145deg, 0deg);-ms-transform: skew(145deg, 0deg);transform: skew(145deg, 0deg);}
    .sp-previous-arrow:after {left: 30%;top: 50%;-webkit-transform: skew(-145deg, 0deg);-ms-transform: skew(-145deg, 0deg);transform: skew(-145deg, 0deg);}
    .sp-next-arrow:before {right: 30%;top: 0;-webkit-transform: skew(35deg, 0deg);-ms-transform: skew(35deg, 0deg);transform: skew(35deg, 0deg);}
    .sp-next-arrow:after {right: 30%;top: 50%;-webkit-transform: skew(-35deg, 0deg);-ms-transform: skew(-35deg, 0deg);transform: skew(-35deg, 0deg);}
            */

    .after_list {width:100%; padding:50px 0 0 0; float:left;}
    .after_list ul li {width:50%; padding:0 10px 30px 10px; float:left; margin:0 -1px 0 -1px}
    .after_list ul li .after_list_img {position:relative; width:100%;  }
    .after_list ul li .after_list_img > img {width:100%; height:100%;}
    .after_list ul li .after_list_login {position:absolute; left:3px; top:3px; width:100%;}
    .after_list ul li .after_list_login img {width:100%; cursor:pointer; }

    .after_list_hover {position:absolute; left:0; top:0; width:100%; height:100%;border:solid 3px #9cc0d6; display:none; z-index:999}
    .after_list ul li:hover .after_list_hover {display:block}




     /* video */
    .board_video_visual {width:100%; float:left; background:url(/images/board/video_bg.jpg) center top no-repeat; padding:0 10px 50px 10px; background-size:100% auto}
    .video_nav {width:100%; float:left;padding:0 0 30px 0}
    .video_nav ul {width:100%;float:left; border-top:solid 1px #fff; }
    .video_nav ul li {border-right:solid 1px #fff; float:left; width:33.3333%}
    .video_nav ul li:nth-child(1), .video_nav ul li:nth-child(2), .video_nav ul li:nth-child(5) {border-left:solid 1px #fff}
    .video_nav span.after_nav_on {width:100%; height:35px; background:#fff; color:#eccccf; font-size:16px; line-height:35px; text-align:center; display:inline-block;border-bottom:solid 1px #fff;}
    .video_nav span.after_nav_off {width:100%; height:35px; background:#eccccf; color:#fff; font-size:16px; line-height:35px; text-align:center; display:inline-block;border-bottom:solid 1px #fff;}
    .sub_video_wrap {width:100%; position:relative; float:left; background:#000; margin:0 0 30px 0}
    .sub_video_info {float:left; background:#fff; width:100%; }
    .sub_video_info img {width:100%}
    .sub_video {width:100%; float:left; }






    .sub_join_wrap {width:100%; float:left; padding:60px 10px 20px 10px}
    .sub_join_tit {width:100%; float:left;}
    .agree_wrap {width:100%; float:left;margin:0 0 15px 0  }
    .agree_textarea {width:100%; height:180px; float:left; border:solid 1px #dedede; padding:10px;font-size:15px;overflow-y:scroll}
    .agree_bottom   {width:100%; float:left; background:#fcfcfc; border:solid 1px #dedede; height:45px; line-height:45px; text-align:right; padding:0 20px 0 20px; font-size:15px; border-top:none} 
    .join_table_wrap {width:100%; float:left;margin:0 0 20px 0}
    .join_table_wrap ul li {float:left; text-align:center; line-height:36px}
    .join_table_wrap table {border-top:solid 2px #000;}
    .join_table_wrap tr th {font-size:16px; width:30%; padding:10px; text-align:left; border-bottom:solid 1px #dedede; vertical-align:middle}
    .join_table_wrap tr td { padding:10px 0 10px 0; border-bottom:solid 1px #dedede;font-size:16px;}
    .join_input_1 {width:100%; height:36px; border:solid 1px #dedede; background:#fff; }
    .join_btn {width:100%; height:36px; background:#aeaeae; color:#fff; line-height:36px; font-size:16px;  text-align:center; display:inline-block}


    .password_wrap {width:100%; }
    .password_wrap img {width:100%}
    .password_wrap ul li {margin:0 0 10px 0}
    .password_btn {width:100%; text-align:center}
    .password_btn ul li {float:left; padding:0 5px 0 0; width:50%; margin-left:0 -1px 0 -1px}
    .password_btn ul li:last-child {padding:0  0 0 5px;}
    .password_btn_1 {width:100%; height:40px; line-height:40px;  text-align:center; display:inline-block; color:#999999; background:#fff; border:solid 1px #dedede; font-size:16px}
    .password_btn_2 {width:100%; height:40px; line-height:40px; text-align:center; display:inline-block; color:#fff; background:#333333; font-size:16px}



    .board_tit {width:100%}
    .board_tit img {width:100%}


    .news_contants{width: 100%;}
    .board_news_list {width:100%; float:left; margin:0 0 50px 0}
    .board_news_list li {width:100%; float:left; padding:10px 0 10px 0; border-bottom:solid 1px #dedede;display: flex; align-content: center;align-items: center;}
    .board_news_list a {display: flex; align-items: center;}
    .board_news_tit{width:65%; border-top: none; border-bottom: none; margin: auto; padding: 0;}
    .board_news_img{width: 35%;}
    .board_news_tit tr td {padding:0 10px 0 0; vertical-align:middle}
    .board_news_tit tr td:first-child {display: none;}

    /*.board_news_company{display: none;}*/
    .board_news_tit tr td img {width:100%}
    .board_news_title {width:100%; float:left; font-size:20px; padding:0 0 10px 0; letter-spacing:-1px;}
    .board_news_date {width:100%; float:left;font-size:16px; color:#aeaeae}

    .dim-layer .pop-layer{ margin: 50% auto !important; width: 100%; top: 0; left: 0;  }

    .hide_m {display: none !important; }

}