@charset "utf-8";

.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:100%; padding:0 10px 50px 10px;float:left;}


/* 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:30px; 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 */
table.board_list {width:100%; border-top:solid 2px #333}
table.board_list tr th {font-size:16px; color:#2f2f2f; padding:10px 0 10px 0; border-bottom:solid 1px #333}
table.board_list tr td {font-size:14px; color:#2f2f2f; padding:10px 0 10px 0;  border-bottom:solid 1px #dedede; text-align:center; vertical-align:middle}
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; padding:5px 10px 5px 10px; display:inline-block;}
table.board_list tr td .end {background:#93cfc3; color:#fff; 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:100%; padding:50px 10px 0 10px; text-align:center}
.board_search_wrap ul li {padding:0 5px 0 5px; float:left}
.board_search_select {width:100%; 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 0 0 10px; border-radius:0; -webkit-appearance:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.board_search {width:100%; border-bottom:solid 2px #333; padding:0 0 0 0; height:40px; line-height:40px; display:inline-block}
.board_search_input {width:calc(100% - 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:100%; 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:#9796d1; color:#ffffff}
.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%}



.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}
.board_news_tit{width:100%}
.board_news_tit tr td {padding:0 10px 0 0; vertical-align:middle}
.board_news_tit tr td img {width:100%}
.board_news_title {width:100%; float:left; font-size:25px; padding:0 0 20px 0; letter-spacing:-1px;}
.board_news_date {width:100%; float:left;font-size:16px; color:#aeaeae}