@charset "utf-8";

/* common */
.board_wrap {padding:50px 30px 100px 30px;}
.board_wrap h2 {font-family:'Poppins', sans-serif !important; font-weight:700; font-size:30px !important}
.board_wrap h3 {font-size:18px !important; margin:0 0 20px 0}
.clear {clear:both}
.w_center {text-align:center !important}

/* list style */
.board_list {border-top:solid 1px #000; padding:15px 0 15px 0; position:relative}
.board_list.select {background:#f7e4e5}
.board_list .info_list li {float:left; margin:0 3px 0 0;font-size:16px;}
.board_list .title {font-size:20px; font-weight:600;  padding:5px 0 0 0}
.board_list.counsel .title {font-size:20px; font-weight:600;  padding:5px 100px 0 0}
.board_list .more {font-size:16px;font-family:'Poppins', sans-serif !important;letter-spacing:2px !important; line-height:1 !important; padding:15px 0 0 0}
.board_list .more span{width:14px; height:14px; border-radius:14px; background:#f896a6; display:inline-block; margin:0 2px 0 0; position:relative; top:2px}
.board_list .btn{position:absolute; right:0; top:15px}
.board_list .date{font-size:16px}
.ing {background:#fff; color:#aeaeae; border:solid 1px #aeaeae; width:80px; height:35px;   display:inline-block; line-height:33px; font-size:14px; text-align:center}
.end {background:#fff; color:#f896a6; border:solid 1px #f896a6; width:80px; height:35px;   display:inline-block; line-height:33px;font-size:14px; text-align:center}
.tag_list {padding:0 0 30px 0}
.tag_list li a{font-size:18px; font-weight:600; color:#000}
.tag_list li a.select {color:#f896a6}


/* write_table basic 게시판 쓰기 */
.write_table {border-top:solid 1px #000;}
.write_list {border-bottom:solid 1px #000;padding:10px 0 10px 0}

/* view_table basic 게시판 보기 */
.view_table { }
.view_head {border-top:solid 1px #000; border-bottom:solid 1px #000; padding:15px 0 15px 0 }
.view_info li {float:left; margin:0 3px 0 0;font-size:16px;padding:0 0 5px 0}
.view_tit {font-size:22px; font-weight:600}
.view_con {font-size:16px; min-height:300px; border-bottom:solid 1px #000; padding:15px 0 15px 0; line-height:1.5}
.view_con img {width:100%}


/* 갤러리형 게시판 list*/
.gall_list {padding:0 0 40px 0} 
.gall_list .img {padding:0 0 15px 0}
.gall_list .img img{width:100%}
.gall_list .date{font-size:16px;font-family:'Poppins', sans-serif !important;}
.gall_list .title {font-size:20px; font-weight:600;  }
.gall_list .more {font-size:16px;font-family:'Poppins', sans-serif !important;letter-spacing:2px !important; line-height:1 !important; padding:15px 0 0 0}
.gall_list .more span{width:14px; height:14px; border-radius:14px; background:#f896a6; display:inline-block; margin:0 2px 0 0; position:relative; top:2px}



/* 서브하단 장비*/
.equipment {padding:50px 0 0 0;position:relative;width:100%;}
.equipment .tit {padding:0 0 30px 0}
.equipment .tit img{width:100%}
.equipment .equipment_slider{position:relative;width:100%;height:auto;margin:0 auto;overflow:hidden; padding:0 50px 80px 50px}
.equipment .swiper-wrapper .equipment_slider .swiper-slide img{width:100%;overflow:hidden}
.equipment .swiper-button-prev:after, .equipment .swiper-button-next:after {font-size: 30px;}


/* 서브하단 전후사진*/
.ba_wrap {padding:50px 2rem; background:#eae9ef}
.ba_wrap .tit {padding:0 0 10px 0}
.ba_inner {position:relative; margin:0 0 2rem 0}
.ba_inner img{width:100%}
.ba_hover {position:absolute; left:0; top:0;z-index:2; width:100% }
.ba_hover img {width:100%}
.ba_title {font-size:18px;font-weight:600;padding:0 0 10px 0}



/* comment */
.comment_wrap {padding:30px 0;}
.comment_title {font-family:'Poppins', sans-serif;font-size:14px;font-weight:600; padding:0 0 20px 0}
.comment_tit {padding:0 0 15px 0; font-size:16px;  position:relative; font-weight:600; color:#f896a6}
.comment_tit span {font-size:14px; color:#aeaeae; font-weight:normal; margin:0 0 0 5px}
.comment_tit div {position:absolute; right:0; top:0; line-height:18px; color:#000}
.comment_tit div ul li {float:left; margin:0 0 0 10px; font-size:16px; font-weight:600}
.comment_con {font-size:16px; line-height:1.5; padding:0 0 15px 0}
.comment_textarea {}
.comment_btn {width:100%; height:45px; line-height:45px; display:inline-block; text-align:center; color:#fff; font-size:16px; background:#373737; margin:10px 0 0 0}
.comment_btn_s {color:#aeaeae; padding:0 10px 0 10px; height:30px; line-height:30px; font-size:14px; font-family:'notokr-regular', sans-serif; border:solid 1px #dedede; text-align:center; display:inline-block; background:#fff }


/* page style */
.paging_wrap {text-align:center; padding:40px 0 0 0; position:relative}
.paging_wrap ul li {display:inline-block; line-height:40px}
.paging_wrap ul li a { display:block; font-size:12px; color:#000;  text-align:center;  margin:0 0 0 15px}
.paging_wrap ul li a:hover {color:#ff6c68}
.paging_wrap ul li a.w_select {text-decoration:underline; color:#ff6c68; font-weight:600}


/* search style */
.board_search_wrap {padding:45px 0 45px 0; text-align:center; background:#f8f7f7}
.board_search_select {width:160px; height:46px; background:url(/images/sub/sub_menu_arrow.jpg) no-repeat 90% center #fff; font-size:15px; border:none;  padding:0 0 0 10px; border-radius:0; -webkit-appearance:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.board_search { margin:0 0 0 10px; height:46px; line-height:46px; display:inline-block}
.board_search_input {width:320px;height:46px; padding:0 0 0 10px; font-size:15px;}



/* btn style */
.btn_wrap {padding:40px 0 40px 0}
.btn_in_left {float:left; font-size:16px;}
.btn_in_right {float:right}
.btn_right {padding:50px 0 50px 0; text-align:right}
.btn_center {padding:50px 0 50px 0; text-align:center}
.btn_position {position:absolute; right:0; top:60px}
.btn_001 {background:#f896a6; font-size:16px; width:80px; height:80px; line-height:80px; border-radius:80px; font-family:'Poppins', sans-serif; color:#000; text-align:center; display:inline-block; font-weight:600}
.btn_002 {background:#000000; font-size:16px; width:80px; height:80px; line-height:80px; border-radius:80px; font-family:'Poppins', sans-serif; color:#fff; text-align:center; display:inline-block; font-weight:600}
.btn_003 {background:#eaeaea; font-size:16px; width:80px; height:80px; line-height:80px; border-radius:80px; font-family:'Poppins', sans-serif; color:#000; text-align:center; display:inline-block; font-weight:600}

/* form */
.input_001 {width:100%; height:45px; background:#fff; border:none; color:#000; font-size:16px;}
.input_002 {width:100%; height:200px; background:#fff; border:none; color:#000; font-size:16px; padding:10px }
.input_003 {width:100%; height:100px; background:#fff; border:solid 1px #dedede; color:#000; font-size:16px; padding:10px }
.input_004 {width:80%; height:45px; background:#fff; border:solid 1px #dedede;color:#000; font-size:16px; padding:0 5px}
.input_005 {width:20%; height:45px; line-height:45px;font-size:16px;color:#fff; background:#f896a6; text-align:center;display:inline-block;outline:none; border:none}
.input_006 {width:100%; height:60px; background:#fff; border:none;border-bottom:solid 1px #dedede; color:#000; font-size:16px;}
.input_006:focus {border-bottom:solid 1px #000;}
.input_007 {position:absolute; right:0; top:10px; width:30%; height:40px; line-height:40px;font-size:16px;color:#fff; background:#c1c1c1; text-align:center;display:inline-block;outline:none; border:none}


input::-ms-input-placeholder  { color: #d0d0d0; }
/* Internet Explorer 10 이상에 적용 */
input::-webkit-input-placeholder  { color: #d0d0d0; } 
/* Webkit, Blink, Edge에 적용 */
input::-moz-placeholder  { color: #d0d0d0; }
/* Mozilla Firefox에 적용 */
textarea::-ms-input-placeholder  { color: #d0d0d0; }
/* Internet Explorer 10 이상에 적용 */
textarea::-webkit-input-placeholder  { color: #d0d0d0; } 
/* Webkit, Blink, Edge에 적용 */
textarea::-moz-placeholder  { color: #d0d0d0; }
/* Mozilla Firefox에 적용 */
.demo-list {padding:20px 0 0 0 }
.demo-list li{font-size:16px; font-weight:600; float:left;padding:0 20px 0 0}
.demo-list li span {font-size:14px; color:#aeaeae; margin:5px 0 0 0; padding:0 0 20px 0; display:inline-block; font-weight:normal}

/* login */
.write_list_member {position:relative} 
.login_btn {margin:40px 0 0 0; }
.login_btn span {background:#000000;text-align:center; width:100%; height:60px; line-height:60px; font-size:16px; display:inline-block; color:#ffffff}
.page_login_etc_list {text-align:center; padding:20px 0 50px 0}
.page_login_etc_list li{display:inline-block;margin:0 5px 0 5px;font-size:16px;  }
.page_login_etc_list li a { color:#aeaeae}
.page_login_s_tit {font-size:18px; padding:0 0 15px 0; text-align:center;}
.page_login_sns_btn table {width:100%}
.page_login_sns_btn table tr td{ padding:0 0 10px 0}
.page_kakao_btn {width:100%;  height:60px; line-height:60px; text-align:center; color:#000; display:inline-block; background:#fbe300; font-size:16px}
.page_naver_btn {width:100%;  height:60px; line-height:60px; text-align:center; color:#fff; display:inline-block; background:#00c73c; font-size:16px}

/* 회원가입 */
.agree_wrap { padding:0px 0 0 0}
.agree_list	{font-size:16px; height:60px; line-height:55px; font-weight:600; border-bottom:solid 1px #000; position:relative}
.agree_list .arrow {position:absolute; right:0; line-height:60px; top:0}
.agree_list .arrow img {height:20px}
.agree_textarea {  padding:15px;font-size:15px;  }
.wg_agree01 { display: none;position:fixed;width:calc(100% - 30px);height:calc(100% - 30px); top:15px;left:15px;overflow-y:scroll;z-index:1000000000; background:#fff; padding:60px 35px;font-size:16px; }
.close01{position:fixed; right:35px; top:35px;  z-index:1000000001;	 }
.close01 img {height:25px}
.wg_agree_tit {font-size:20px; font-weight:600; padding:0 0 20px 0}
.wg_agree01 tr td {color:#c1c1c1 !important; vertical-align:top}

.wg_agree02 { display: none;position:fixed;width:calc(100% - 30px);height:calc(100% - 30px); top:15px;left:15px;overflow-y:scroll;z-index:1000000000; background:#fff; padding:60px 35px;font-size:16px; }
.close02{position:fixed; right:35px; top:35px;  z-index:1000000001;	 }
.close02 img {height:25px}
.wg_agree02 tr td {color:#c1c1c1 !important; vertical-align:top}



/* 비밀번호입력 */
.password_popup {padding:20px; }
.password_popup_in {width:100%; background:#fff; padding:50px 0 20px 0;}
.password_tit {text-align:center; padding:0 20px 0 20px}
.password_tit img {width:100%}
.password_text {font-size:16px; line-height:1.8; padding:45px 20px 25px 20px;text-align:center; word-break:keep-all}
.password_input {text-align:center;padding:0 20px 0 20px;}
.password_input input {width:100%; font-size:16px; padding:0 0 0 10px; width:100%; height:45px; border:solid 1px #dedede; background:#fff;}


/* 개인정보수집박스 */
.online_privacy_box {background:#f8f7f7; padding:20px 20px; }
.online_privacy_box table {width:100%}
.online_privacy_box table tr th {font-size:16px; text-align:left; line-height:1.5; width:30%; padding:0 0 10px 0 }
.online_privacy_box table tr td {font-size:16px; text-align:left; line-height:1.5; width:70%; padding:0 0 10px 0; word-break:keep-all}



/* 개인정보,이용약관 */
.clause_big_tit {font-size:16px; font-weight:600; padding:0 0 15px 0}
.clause_top {margin:0 0 30px 0}
.clause_top p {padding:0 0 15px 0; font-size:16px}
.clause_line {margin:0 0 30px 0}
.clause_tit { font-family:'notokr-bold', sans-serif; padding:0 0 10px 0; font-size:16px}
.clause_text {line-height:1.2;padding:0 0 20px 0;font-size:16px}
.clause_rule table td{padding:0 0 20px 0;font-size:16px}
.clause_rule .clause_rule_td1 {width:23px;padding:0} 
.clause_rule .clause_rule_td2 {padding:0}
.clause_rule tr td ol {padding:0 0 0 20px}
.clause_rule tr td ol li{list-style:square}
.clause_table table {border-top:solid 2px #000}
.clause_table table tr th{padding:10px; border-bottom:solid 1px #dedede}
.clause_table table tr td{padding:10px;border-bottom:solid 1px #dedede; text-align:center}

.online_table {width:100%}
.online_table .intd {padding:0 0 10px 0; width:100%;}
.online_input {border:none; background:#f2f2f2; width:100%; height:45px; padding:0 0 0 10px; color:#a7a7a7; font-size:16px}
.online_btn {width:100%; height:50px; line-height:50px; display:inline-block; background:#ff6c68; color:#fff; font-family:'notokr-bold', sans-serif; text-align:center; margin:10px 0 0 0; font-size:18px}







.find01 {width:100%; border:none; border-bottom:solid 1px #000000; height:50px;padding:0 0 0 10px; font-size:16px}



/*board_page*/
.paging {
	text-align:center; padding-top:10px;
}
.paging a {
	display:inline-block;
	width:30px; height:30px;
	line-height:30px;
	text-align:center;
	border:1px solid #ccc;
	margin:0 3px;
}
.paging .page_btn {
	background:#999;
	border-color:#999;
	color:#fff;
}
.paging .selected {
	background:#4d4d4d;
	border-color:#4d4d4d;
	color:#fff;
}