@charset "utf-8";

/* CSS Document */

*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#board_skin {max-width:1280px; margin:0 auto; font-size:18px; font-style:normal; font-weight:normal; line-height:1.5; letter-spacing:-0.03em;}
select, input[type="text"], input[type="password"], .textForm, textarea {background:#ffffff; border:1px solid #d3d3d3; font-size:18px; color:#585858;}
select {height:40px; padding:0 40px 0 10px; vertical-align:middle;}
input[type="text"], input[type="password"],.textForm {padding:0 0 0 10px;}
input[type="text"], input[type="password"], input[type="file"], .textForm {font-size:18px; color:#585858; height:40px;}
textarea {padding:10px;}

select, textarea, button, input[type="text"], input[type="password"], input[type="reset"], input[type="file"],input[type="search"], input[type="number"], input[type="date"], input[type="datetime"], input[type="email"], input[type="tel"],input[type="submit"] {
	border-radius: 0px;
	 -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;	
}

select::-ms-expand {display: none;}
select {padding:0 35px 0 10px; background: #fff url('/board/images/icon_select_arr_pc.jpg') 100% 50% no-repeat;}

.email_wrap {overflow:hidden;}
.email_wrap input {float:left; width:46%;}
.email_wrap .bar {float:left; width:8%; line-height:40px; text-align:center;}

.fsize01 {width:100%; max-width:500px;}

#board_skin .no_data {padding:50px; text-align:center; background:#f7f7f7;}

.main_pop {}
.main_pop .pop_cont {background:#fff;}
.main_pop .pop_cont img {display:block; max-width:100%;}
.main_pop .pop_footer {font-style:normal; font-weight:normal; position:relative; padding:7px 5px; font-size:14px; color:#fff; background:#070a13;}
.main_pop .pop_footer * {vertical-align:middle;}
.main_pop .pop_footer a {position:absolute; top:7px; right:10px;}

.board_top {overflow:hidden; margin-bottom:40px;}
.board_title {float:left; font-family:'Gotham book',sans-serif; font-size:40px; font-weight:700; color:#222222; letter-spacing:-0.04em; line-height:1;}

.btitle01 {margin-bottom:30px;}
.btitle01 h3 {font-family:'Gotham book',sans-serif; font-size:40px; font-weight:700; color:#222222; letter-spacing:-0.04em; line-height:1; text-transform:uppercase;}
.btitle01 p {margin-top:14px; color:#555555;}

.swiper-button-prev:after,
.swiper-button-next:after {display:none !important;}

#search_box {float:right; width:700px; font-size:0; vertical-align:top; text-align:right;}
#search_box * {vertical-align:top;}
#search_box form {display:inline;}
#search_box select, #search_box input[type='text'] {margin:0; color:#595959;}
#search_box select {width:18%;}
#search_box input[type='text'] {width:39%; margin-left:1%;}
#search_box input[type='submit'] {width:18%; border:0px; cursor:pointer; background:#272525;}
#search_box .btn {width:22%; min-width:auto; margin-left:1%; background:#666666;}



.pageArea {text-align:center; margin:40px 0 0px;}
.pageArea .pagingList {text-align:center; display:inline-block;}
.pageArea .pagingList > span, .pageArea .pagingList > a {float:left; margin:0 5px; border:1px solid #a8a8a8;}
.pageArea  img {vertical-align:top;}
.pageArea .paging {display:inline-block; float:left;}
.pageArea .paging li {float:left; width:40px; height:40px; margin:0 5px;}
.pageArea .paging li a {display:block; height:40px; border:1px solid #a8a8a8; font-size:17px; color:#595959; line-height:38px; background:#fff; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.pageArea .paging li.over a, .pageArea .paging li a:hover {border:1px solid #272525; color:#fff; background:#272525;}




.board_view {width:100%; border-top:2px solid #222222;}
.board_view .subject {float:left; width:55%; font-size:22px; color:#222222; line-height:1.2;}
.board_view .subject em {color:#339ea4;}
.board_view .b_info {position:relative; top:0; right:0; float:right; max-width:45%;}
.board_view .top {overflow:hidden; padding:20px; position:relative; border-bottom:1px solid #cbcbcb; background:#f8f8f8;}
.board_view .contents {padding:50px 20px; border-bottom:1px solid #a8a8a8;}
.board_view .contents .tit {display:block; width:100px; margin-bottom:20px; font-size:15px; color:#fff; text-align:center; line-height:30px; background:#383838;}
#replay_cont {padding:50px; border-bottom:1px solid #a8a8a8; background:#f8f8f8;}
#replay_cont .tit {display:block; width:100px; margin-bottom:20px; border:1px solid #595959; font-size:15px; color:#595959; text-align:center; line-height:30px; background:#fff;}
.board_view .file {border-bottom:1px solid #cbcbcb; padding:15px; }
.board_view .file * {vertical-align:middle;}
.board_view .file .tit {float:left; font-size:15px; color:#383838;}
.board_view .file ul {position:relative; margin-left:90px;}
.board_view .file ul:before {position:absolute; top:0; left:-17px; content:'|';}
.board_view .file a {display:inline-block; color:#0971ba; line-height:20px;}
.board_view .file img {vertical-align:middle !important;}
.board_view .file li {padding-left:20px; background:url('../images/ico_file.gif') no-repeat 0 6px;}
.board_view .contents .img_wrap {margin-bottom:7px; text-align:center;}
.board_view .contents .img_wrap img {width:auto; max-width:100%;}
.board_view .contents img {max-width:100%;}

.b_info {overflow:hidden; position:absolute; top:22px; right:10px;}
.b_info li {float:left; position:relative; padding:0 13px; font-size:15px;}
.b_info li+li:before {position:absolute; left:-5px; top:0px; content:'|';}
.b_info b {font-weight:normal; color:#339ea4;}



.write_form  {border-top:2px solid #222222;}
.write_form table {width:100%;}
.write_form table th,
.write_form table td {padding:15px 20px; border-bottom:1px solid #cbcbcb; vertical-align:middle; text-align:left;} 
.write_form table th {font-weight:500; background:#f8f8f8;}



.star {color:#fe0265;}





.img_wrap {overflow:hidden;}
.img_wrap span {display:block; position:relative; padding-bottom:100%;}
.img_wrap img {position:absolute; top:0; left:0; width:100%; height:100%;}




.btn_area {overflow:hidden; margin-top:40px; text-align:center;}
.btn_area * {vertical-align:middle;}
.btn_area p {display:inline-block;}
.btn_area p.right {float:right; margin-right:-5px;}
.btn_area p.left {float:left; margin-left:-5px;}
.btn_area p .btn {float:left; margin:0 5px;}
.btn {display:inline-block; min-width:150px; height:40px; padding:0 20px; border:0; font-size:18px; color:#fff !important; text-align:center; line-height:40px; background:#666666; cursor:pointer;} 


.btnArea {overflow:hidden; margin-top:40px; text-align:center;}
.btnArea * {vertical-align:middle;}
.btnArea p {display:inline-block;}
.btnArea p.right {float:right; margin-right:-5px;}
.btnArea p.left {float:left; margin-left:-5px;}
.btnArea p .btn {float:left; margin:0 5px;}


.btn.gray01 {background:#272525;}
.btn.gray02 {background:#b5b6b8;}
.btn.btn_border {color:#222222 !important; border:1px solid #cccccc; line-height:38px; background:none;}
.btn.btn_border01 {color:#222222 !important; border:1px solid #222222; line-height:38px; background:none;}
.btn.c_point {background:#272525;}
.btn_arr_prev:before {display:inline-block; position:relative; top:-1px; width:7px; height:12px; margin-right:11px; vertical-align:middle; background:url('../images/icon_prev_arr.png'); background-size:contain; content:'';}
.btn_arr_next:after {display:inline-block; position:relative; top:-1px; width:7px; height:12px; margin-left:11px; vertical-align:middle; background:url('../images/icon_next_arr.png'); background-size:contain; content:'';}


/*
.btn.b_gray {line-height:23px; border:1px solid #595959; color:#595959 !important; background:#fff;}
*/

.btn_point_submit {display:block; width:300px; height:60px; margin:40px auto 0; font-size:24px; color:#fff; font-weight:500; background:#fe0265;}
.btn.larger {min-width:240px; height:65px; line-height:65px; font-size:20px;}
.btn.small {width:75px; min-width:75px; height:30px; padding:0; border-radius:5px; font-size:14px; color:#fff; line-height:30px; background:#c2c2c2;}
.btn.normal {min-width:auto; height:30px; font-size:15px; line-height:30px;}







/*############################################################# 카테고리 #############################################################*/

#categoryBox {overflow:hidden; margin-bottom:40px; text-align:left;}
#categoryBox .category {overflow:hidden; border-top:1px solid #d9d9d9; border-left:1px solid #d9d9d9; vertical-align:top;}
#categoryBox .category li {float:left; vertical-align:middle; background:#f3f3f3;}
#categoryBox .category li a {display:block; text-align:center; font-size:16px; line-height:45px; font-weight:normal; color:#333333; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
#categoryBox .category li a {border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;}
#categoryBox .category li a:hover {background:#51cae8; color:#fff; font-weight:400; text-decoration:none;}
#categoryBox .category li.select a { background:#51cae8; color:#fff;}
#categoryBox .category li.select a:hover { background:#51cae8; color:#fff; text-decoration:none;}


#categoryBox .category.grid2 li {width:25%;}
#categoryBox .category.grid3 li {width:33.33%;}
#categoryBox .category.grid4 li {width:25%;}
#categoryBox .category.grid5 li {width:20%;}
#categoryBox .category.grid6 li {width:16.66%;}
#categoryBox .category.grid7 li {width:14.2857%;}
#categoryBox .category.grid8 li {width:12.5%;}
#categoryBox .category.grid9 li {width:11.1111%;}
#categoryBox .category.grid10 li {width:20%;}
#categoryBox .category.grid11 li {width:16.6666%;}
#categoryBox .category.grid12 li {width:16.6666%;}
#categoryBox .category.grid13 li {width:14.2857%;}
#categoryBox .category.grid14 li {width:14.2857%;}
#categoryBox .category.grid15 li {width:12.5%;}
#categoryBox .category.grid16 li {width:12.5%;}



/*################################# write #################################*/
.agreeBox.type01 {margin:40px 0; padding:40px; border:1px solid #d9d9d9; background:#f8f8f8;}
.agreeBox.type01 h2 {font-size:16px; color:#fff; line-height:51px; text-align:center; background:#2a2937;}
.agreeBox.type01 .scroll_cont {height:200px; padding:25px 45px; overflow:hidden; overflow-y:auto; font-size:15px; line-height:1.6; background:#fff;}
.agreeBox.type01 .agreeChk {padding-top:15px; font-size:14px; color:#666666; text-align:center;}

.agreeBox.type02 {margin-bottom:40px; background:#f8f8f8; border:1px solid #e1e1e1; padding:40px;}
.agreeBox.type02 p {text-align:center; padding-top:15px; font-size:15px;}
.agreeBox.type02 p .smallT { font-size:13px; color:#999;}
.agreeBox.type02 table {width:100%; background:#FFF;}
.agreeBox.type02 table th {height:50px; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; font-size:16px; color:#fff; background:#2a2937;}
.agreeBox.type02 table td {border:1px solid #d3d3d3; padding:12px; font-size:16px; text-align:center;}


.writeForm {width:100%; border-top:2px solid #242633;}
.writeForm td * {vertical-align:middle;}
.writeForm td, .writeForm th {border-bottom:1px solid #cbcbcb; padding:20px; text-align:left;}
.writeForm th {font-size:16px; color:#585858; padding:17px 10px 17px 30px; vertical-align:top; line-height:22px; vertical-align:middle; background:#f8f8f8;}
.boardTxt {font-size:15px; color:#585858;}
span.boardTxt, em.boardTxt {display:inline-block; padding-left:10px;}
p.boardTxt {padding-top:5px;}
em.boardTxt, .boardTxt em {color:#0971ba;}
.writeForm .file_list li+li {margin-top:5px;}
.writeForm .file_img {margin-top:5px;}
.auto_input_box b {color:#ff0000;}
.auto_input_box b.txt {display:inline-block; padding-left:15px;}


/*################################# passwordBox #################################*/
.passwordBox {position:relative; width:700px; margin:100px auto; padding:100px 45px 45px; border:1px solid #ededed; text-align:center; background:#f8f8f8;}
.passwordBox .timg {position:absolute; top:-100px; left:270px;}
.passwordBox strong {display:block; font-size:24px; color:#383838;}
.passwordBox > p {padding:15px 0 30px; font-size:15px; color:#585858;}
.passwordBox input[type="password"] {width:380px;}
.passwordBox .btn {margin-top:20px;}


/*############################################################# 버튼 #############################################################*/

#searchBox {margin-top:30px; text-align:right;}
#searchBox:first-child {margin-top:0;}
#searchBox form {display:inline-block;}
#searchBox select, #searchBox input[type='text'] {float:left; height:40px; font-size:16px; color:#595959;}
#searchBox select {width:120px; margin-right:14px; padding:5px;}
#searchBox input[type='text'] {width:270px; margin-right:14px;}
#searchBox input[type='submit'] {float:left; width:120px; height:40px; margin-right:0; border:0px; font-size:16px; color:#fff; cursor:pointer; background:#383838;}
#searchBox input[type='file'] {width:270px; margin-left:14px;}
#searchBox .btn {float:left !important; width:120px; min-width:auto; margin-left:14px;}
#searchBox .bar {float:left; text-align:center; margin-right:14px; line-height:40px;}

#boardSkin .boardList {}
/* #boardSkin .boardList .title {font-family:'Noto Sans KR', 맑은고딕, "Malgun Gothic", "Apple SD Gothic Neo", sans-serif, 나눔고딕, "Nanum Gothic", Dotum; font-size:20px; letter-spacing:-0.03em; color:#1a1a1a; font-weight:500;} */
table.boardList {width:100%; border-top:2px solid #161616; word-break:break-all; text-align:center;}
table.boardList th {border-bottom:1px solid #c8c8c8; font-size:16px; font-weight:normal; color:#383838; line-height:55px; background:#f8f8f8;}
table.boardList td {border-bottom:1px solid #cbcbcb; padding:17px 5px; font-size:16px; color:#585858; text-align:center; line-height:25px;}
table.boardList td.td_category {color:#51cae8;}
table.boardList td.td_subject {text-align:left;}




/*
.btn_view {display:block; position:relative; padding-right:20px; text-align:center; font-size:18px; color:#fff; line-height:65px; background:url('../images/icon_arrow01.png') no-repeat 82% center #51cae8;}
.btn_view02 {display:inline-block; padding:0 10px; border-radius:3px; font-size:14px; color:#fff !important; text-align:center; line-height:30px; background:#51cae8;}
*/

.state {display:inline-block; width:75px; min-width:75px; height:30px; padding:0; border-radius:5px; font-size:16px;  line-height:30px; border:1px solid #51cae8; border-radius:5px; -webkit-border-radius:5px;}
.state.rock {color:#51cae8;}
.state.unrock {color:#383838; border-color:#383838;}

/* common */
.btn_area + .btn_area {margin-top:20px;}
.btnArea + .btnArea {margin-top:20px;}
.full {width:100%;}
.fSize60 {width:60%;}
.fSize01 {width:250px;}
.fSize02 {width:120px;}
input.number, select.number {width:100px;}
.red {color:#c90b0b;}
.point {color:#51cae8;}
.hr  {display:block; height:100px; border:0;}
.left {float:left;}
.right {float:right;}


@media all and (max-width:1199.99px){
	.m_hidden {display:none;}

	.board_title {margin-bottom:35px;}
	#search_box {width:100%;}
	
	.board_view .subject {width:100%;}
	.board_view .b_info {width:100%; margin-top:5px; max-width:none; left:-10px; text-align:left;}

	.write_form {border-top:0;}
	.write_form table th,
	.write_form table td {padding:10px 0; border:0;}

	.btn_area {font-size:0;}
	.btn_area p.right {display:inline; float:none; margin:0;}
	.btn_area p.left {display:inline; float:none; margin:0;}
	.btn_area p .btn {float:none; margin:3px;}

	.btnArea {font-size:0;}
	.btnArea p.right {display:inline; float:none; margin:0;}
	.btnArea p.left {display:inline; float:none; margin:0;}
	.btnArea p .btn {float:none; margin:3px;}
}
@media all and (max-width:767.9px){
	.board_top {margin-bottom:18px;}	
	.board_title {margin-bottom:17px; font-size:20px;}
	.btitle01 {margin-bottom:15px;}
	.btitle01 h3 {font-size:20px;}
	.btitle01 p {margin-top:7px;}
	
	#search_box select {width:30%;}
	#search_box input[type='text'] {width:43%;}
	#search_box input[type='submit'] {width:25%; height:35px;}
	#search_box a {display:none;}

	select {height:35px; padding:0 28px 0 10px; font-size:14px; background: #fff url('/board/images/icon_select_arr_m.jpg') 100% 50% no-repeat; background-size:auto 100%;}
	input[type="text"], input[type="password"],.textForm {padding:0 0 0 8px; font-size:14px;}
	input[type="text"], input[type="password"], input[type="file"], .textForm {height:35px; font-size:14px;}
	textarea {padding:10px; font-size:14px;} 
	
	.fsize01 {width:100%; max-width:100%;}

	.email_wrap .bar {line-height:35px;}

	.pageArea {margin-top:20px;}
	.pageArea  img {width:28px;}
	.pageArea .pagingList > span, .pageArea .pagingList > a {margin:0 2px;}
	.pageArea .paging li {float:left; width:30px; height:30px; margin:0 2px;}
	.pageArea .paging li a {height:30px; font-size:12px; line-height:28px;}

	.board_view .top {padding:15px;}
	.board_view .subject {font-size:17px;}
	.b_info {font-size:13px;}

	.write_form table th,
	.write_form table td {padding:5px 0;}
	
	.btn_area p {display:block; overflow:hidden; margin:0 -1%;}
	.btn_area {margin-top:20px;}
	.btn_area p .btn {margin:2px;}
	.btnArea p {display:block; overflow:hidden; margin:0 -1%;}
	.btnArea {margin-top:20px;}
	.btnArea p .btn {margin:2px;}
	.btn {min-width:75px; height:30px; padding:0 10px; font-size:14px; line-height:30px;}

	.btn.larger {width:48%; min-width:auto; height:45px; margin:1%; padding:0 5px; line-height:45px; font-size:14px;}
	.btn.m_full {width:100%; margin:1% 0;}
	
	.btn_point_submit {width:100%; height:45px; margin:5px auto 0; font-size:17px;}
	.btn.btn_border,
	.btn.btn_border01 {line-height:28px;}
	.btn_arr_prev:before {width:6px; height:10px; margin-right:8px;}
	.btn_arr_next:before {width:6px; height:10px; margin-left:8px;}

}