@charset "utf-8";

/* CSS Document */
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#board_skin {font-size:14px; font-family: '맑은 고딕','돋움',Dotum,'굴림',Gulim,'Apple SD Gothic Neo', Sans-serif; font-style:normal; font-weight:normal; line-height:1.5;}
select, input[type="text"], input[type="number"], input[type="password"], .textForm, textarea {background:#ffffff; border:1px solid #cccccc; font-size:15px; color:#666666;}
select {height:40px; padding:5px 5px 5px 10px; vertical-align:middle;}
select::-ms-expand {display: none;}
select {
	border-radius: 0px; /* iOS 둥근모서리 제거 */
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
	background: #fff url('images/ico_select.png') 100% 50% no-repeat !important; background-size:28px auto !important;
}

input[type="number"], input[type="text"], input[type="password"],.textForm {padding:0 10px;}
input[type="number"], input[type="text"], input[type="password"], input[type="file"], .textForm {font-size:15px; color:#666666; height:40px;}
textarea {font-family: '맑은 고딕','돋움',Dotum,'굴림',Gulim,'Apple SD Gothic Neo', Sans-serif; border:1px solid #cccccc !important; padding:10px !important; font-size:15px; color:#666666; background:#fff !important;}
input[type="submit"], input[type="number"], input[type="text"], input[type="password"],textarea,button {
	border-radius: 0px;
	 -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;	
}


.checkbox {display:inline-block; overflow:hidden; position:relative; font-size:14px; color:#000000; line-height:18px;}
.checkbox * {vertical-align:middle;}
.checkbox input {position:absolute; top:-100px; left:0;}
.checkbox label {display:inline-block; position:relative; padding-left:23px;}
.checkbox label em {color:#999999;}
.checkbox label:before {position:absolute; top:2px; left:0; width:14px; height:14px; background:url('images/ico_checkbox.png') no-repeat 0 0; background-size:auto 14px; content:'';}
.checkbox input:checked+label:before {background-position:right 0;}


.radio {display:inline-block; overflow:hidden; position:relative; font-size:14px; color:#000000; line-height:18px;}
.radio * {vertical-align:middle;}
.radio input {position:absolute; top:-100px; left:0;}
.radio label {display:inline-block; position:relative; padding-left:23px;}
.radio label em {color:#999999;}
.radio label:before {position:absolute; top:2px; left:0; width:14px; height:14px; background:url('images/ico_radio.png') no-repeat 0 0; background-size:auto 14px; content:'';}
.radio input:checked+label:before {background-position:right 0;}


.filebox {overflow:hidden; position:relative; height:40px; padding-right:100px;}
.filebox input[type="file"] {position: absolute; top:-10px; left:0; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.filebox label {position:absolute; top:0; right:0px; width:101px; height:40px; color:#fff !important; text-align:center; line-height:40px; background:#222222; cursor:pointer;}
.filebox .upload_name {float:left; width:100%; border:1px solid #d2d2d2; color:#000000; background:#ffffff;}
.filebox .btn_add {position:absolute; top:0; right:0; width:100px; height:40px; color:#fff; background:#6b6d6f;}

.filebox_list li+li {margin-top:5px}


#board_skin {margin:18px 15px 50px;}
#board_skin .no_data {padding:20px; text-align:center; background:#f7f7f7;}

.main_pop {}
.main_pop .pop_cont {background:#fff;}
.main_pop .pop_cont img {max-width:100%;}
.main_pop .pop_footer {font-family: '맑은 고딕','돋움',Dotum,'굴림',Gulim,'Apple SD Gothic Neo', Sans-serif; font-style:normal; font-weight:normal; position:relative; padding:7px 5px; color:#fff; background:#070a13;}
.main_pop .pop_footer * {vertical-align:middle;}
.main_pop .pop_footer a {position:absolute; top:7px; right:10px;}







/* 신규 */
.frow {margin-top:16px;}
.frow:first-child {margin-top:0;}
.frow .label {display:block; margin-bottom:6px; font-size:16px; font-weight:bold;}
.frow .label * {vertical-align:middle;}
.frow input[type="text"],
.frow input[type="password"] {width:100%;}
.frow input[type="password"]+input[type="password"] {margin-top:5px;}
.frow select {width:100%;}
.check {color:#ed1c24;}
.frow textarea {width:100%; height:320px;}
.frow02 {position:relative; min-height:40px; margin-top:16px; padding-left:80px; border-bottom:1px solid #cccccc; font-size:15px; color:#666666; line-height:40px;}
.frow02:first-child {margin-top:0;}
.frow02 .label {position:absolute; top:0; left:0; font-size:15px; font-weight:bold; color:#333333;}
.notice_txt {margin:-4px 0 10px; font-size:13px; color:#666666; line-height:1.2;}

.b_line {padding-bottom:10px; border-bottom:1px solid #cccccc;}


.board_chk_txt {margin:13px 0 0px; font-size:14px; color:#202020; text-align:right;}

.btn_chk_wrap {position:relative; padding-right:100px;}
.btn_chk_wrap .btn_chk {position:absolute; top:0; right:0; width:100px; height:40px; font-size:15px; color:#fff; line-height:40px; text-align:center; background:#222222;}

.email_wrap {overflow:hidden;}
.email_wrap input[type="text"] {float:left; width:49%;}
.email_wrap input[type="text"]:first-child {width:90%; margin-bottom:5px;}
.email_wrap select {float:left; width:49.3%; margin-left:1.4%;}
.email_wrap .bar {float:left; width:10%; line-height:40px; text-align:center;}
.email_wrap .bar:before {display:none;}

.tel_wrap {overflow:hidden;}
.tel_wrap input[type="text"] {float:left; width:35.1%; margin-left:1.4%;}
.tel_wrap select {float:left; width:27%;}

.select_tab {overflow:hidden;}
.select_tab li {float:left; width:50%; position:relative;}
.select_tab label {display:block; position:relative; border:1px solid #cccccc; cursor:pointer; font-size:15px; color:#999999; line-height:39px; text-align:center; background:#f7f7f7;}
.select_tab li+li label {margin-left:-1px;}
.select_tab input:checked+label {z-index:1; border-color:#000; color:#000000; background:#fff;}


.select_tab_type02 {display:inline-block; width:100%;}
.select_tab_type02 li {float:left; width:50%; position:relative;}
.select_tab_type02 label {display:block; position:relative; border:1px solid #d9d9d9; margin-top:-1px; cursor:pointer; font-size:15px; color:#333333; line-height:30px; text-align:center; background:#f3f3f3;}
.select_tab_type02 li:nth-child(2n) label {margin-left:-1px;}
.select_tab_type02 input:checked+label {z-index:1; color:#fff; background:#94af97;}



.agree_group_box {margin:35px -15px 20px; padding:25px 15px; background:#f6f6f6;}
.agree_group_box * {vertical-align:top;}
.agree_group_box .frow {position:relative; margin-top:6px; margin-left:8px; padding-right:70px; line-height:20px;}
.agree_group_box .frow.all {margin:0;}
.agree_group_box .frow .btn_agree_view {position:absolute; top:0; right:0; padding-right:10px; font-size:12px; color:#838383; background:url('../images/ico_link_arrow.png') no-repeat right center; background-size:6px auto;}
.agree_group_box h3 {margin:30px 0 8px; font-size:16px; color:#333333; font-weight:bold;}
.agree_group_box .txt {font-size:13px; color:#666666; line-height:1.2;}

.write_form .agree_group_box {margin:15px -15px 15px; padding:15px 15px 20px;}
#reservationArea .agree_group_box {margin-top:15px; padding:25px 25px;}

.movie_box {position:relative; padding-bottom:56.23%;}
.movie_box iframe {position:absolute; top:0; left:0; width:100%; height:100%;}





.board_title {margin-bottom:10px; font-size:18px; font-weight:bold; color:#383838;}



.b_info {overflow:hidden; margin-top:5px; margin-left:-8px; font-size:13px; color:#999999; line-height:16px;}
.b_info li {float:left; position:relative; padding:0 8px;}
.b_info li+li:before {position:absolute; top:50%; left:-1px; width:1px; height:10px; margin-top:-5px; background:#999; content:'';}




/*  카테고리 */
#category_box {margin-bottom:15px; text-align:left;}
#category_box .category {display: -ms-flexbox!important; display: flex!important; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch!important; align-items: stretch!important; border-top:1px solid #d9d9d9; border-left:1px solid #d9d9d9; vertical-align:top;}
#category_box .category li {-ms-flex: 0 0 50%; flex: 0 0 50%; width:100%; max-width: 50%; vertical-align:middle; background:#fff;}
#category_box .category li a {display:block; height:100%; padding:8px 5px; text-align:center; font-size:14px; line-height:20px; color:#000000;}
#category_box .category li a {border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
#category_box .category li.select a {background:#94af97; color:#fff;}
#category_box .category.grid2 li {width:50%;}

.category_box {margin:0 10px 15px; text-align:left;}
.category_box .category {display: -ms-flexbox!important; display: flex!important; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch!important; align-items: stretch!important; border-top:1px solid #d9d9d9; border-left:1px solid #d9d9d9; vertical-align:top;}
.category_box .category li {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; vertical-align:middle; background:#fff;}
.category_box .category li a {display:block; height:100%; padding:8px 5px; text-align:center; font-size:14px; line-height:20px; color:#000000;}
.category_box .category li a {border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
.category_box .category li.select a {background:#94af97; color:#fff;}

        

/*  리스트 */
.board_list * {vertical-align:middle; word-break:break-all;}
.board_list .title {font-size:15px; color:#222222; line-height:18px; font-weight:bold;}

.board_list_img {border-top:1px solid #d0d0d0;}
.board_list_img > li {border-bottom:1px solid #d0d0d0;}
.board_list_img a {display:block; padding:5px 0;}
.board_list_img .title {display:-webkit-box; overflow:hidden; white-space:normal; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; max-height:36px;}



.icon_notice {display:inline-block; width:41px; height:17px; margin-right:8px; border-radius:2px; font-size:12px; color:#fff; line-height:17px; text-align:center; background:#333333;}
.icon_new {width:10px;}
.icon_lock {width:9px; margin-right:6px;}


.board_list_txt {border-top:1px solid #d0d0d0;}
.board_list_txt > li {border-bottom:1px solid #d0d0d0;}
.board_list_txt a {display:block; padding:14px 5px;}
.board_list_txt .title {display:-webkit-box; overflow:hidden; white-space:normal; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; max-height:38px;}

.board_list .date {font-size:13px; color:#999999;} 

.img_wrap p {position:relative; padding-bottom:100%;}
.img_wrap p img {position:absolute; top:0; left:0; width:100%; height:100%;}


/* 페이징 */
.page_area {text-align:center; margin:20px 0 12px;}
.page_area .paging_list {text-align:center; display:inline-block; vertical-align:top;}
.page_area .paging_list > span, .page_area .paging_list > a {float:left; margin:0 4px; border:1px solid #a8a8a8;}
.page_area  img {vertical-align:top; height:30px;}
.page_area .paging {display:inline-block; float:left; vertical-align:top;}
.page_area .paging li {float:left; width:32px; height:32px; margin:0 2px;}
.page_area .paging li a {display:block; border:1px solid #a8a8a8; font-size:12px; color:#666666; line-height:30px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.page_area .paging li.over a {border-color:#000000; color:#fff; background:#383838;}




/*############################################################# 검색 #############################################################*/
#search_box {font-size:0; text-align:center;}
#search_box form {}
#search_box select, #search_box input[type='text'] {}
#search_box select {width:29%;}
#search_box input[type='text'] {width:41%; margin:0 1%;}
#search_box input[type='submit'] {width:28%; height:40px; border:0px; font-size:15px; color:#fff; cursor:pointer; background:#222222;}




/* view */
.board_view {width:100%; border-top:1px solid #383838;}
.board_view .subject {display:block; font-size:17px; color:#383838; line-height:1.3; font-weight:bold;}
.board_view .top {padding:15px 5px; border-bottom:1px solid #cbcbcb;}
.board_view .contents {padding:20px; border-bottom:1px solid #a8a8a8;}
.board_view .contents img {max-width:100%; height:auto;}
.board_view .contents .tit {display:block; width:100px; margin-bottom:20px; font-size:12px; 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:12px; 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; padding-top:4px; font-size:12px; color:#383838;}
.board_view .file ul {position:relative; margin-left:70px;}
.board_view .file ul:before {position:absolute; top:3px; 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:15px; background:url('../images/ico_file.gif') no-repeat 0 6px; background-size:10px auto;}
.board_view .contents .imgWrap {margin-bottom:7px; text-align:center;}
.board_view .contents .imgWrap img {width:auto; max-width:100%;}





/* write_form */
.write_form {padding:0 0px 0;}
.write_form .bottom_agree {margin:15px -15px 0; padding:15px; background:#f6f6f6;}

.agree_box.type01 {margin:20px 0; padding:10px; border:1px solid #d9d9d9; background:#f8f8f8;}
.agree_box.type01 h2 {font-size:13px; color:#fff; line-height:35px; text-align:center; background:#2a2937;}
.agree_box.type01 .scroll_cont {height:120px; padding:15px 20px; overflow:hidden; overflow-y:auto; font-size:12px; line-height:1.6; background:#fff;}
.agree_box.type01 .agreeChk {padding-top:10px; font-size:11px; color:#666666; text-align:center;}

.agree_box.type02 {margin-bottom:20px; background:#f8f8f8; border:1px solid #e1e1e1; padding:10px;}
.agree_box.type02 p {text-align:center; padding-top:8px; font-size:12px;}
.agree_box.type02 p .smallT { font-size:11px; color:#999;}
.agree_box.type02 table {width:100%; background:#FFF;}
.agree_box.type02 table th {height:30px; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; font-size:13px; color:#fff; text-align:center; background:#2a2937;}
.agree_box.type02 table td {border:1px solid #d3d3d3; padding:8px; font-size:12px; text-align:center;}


.bottom_agree {padding:10px; font-size:12px; color:#585858; text-align:center;}
.bottom_agree a {color:#000 !important;}



/* password_box */
.password_box input[type="password"] {width:100%;}
.password_box .btn {margin-top:20px;}


.board_top_txt {margin-top:30px; text-align:center;}
.board_top_txt strong {display:block; font-size:18px; color:#383838; font-weight:bold;}
.board_top_txt > p {padding:5px 0 15px; font-size:13px; color:#585858; line-height:18px;}

.sms_tit strong {display:inline-block; width:110px; height:28px; margin-right:15px; border-radius:5px; color:#fff; line-height:28px; text-align:center; background:#f76539;}
.sms_tit strong i {display:inline-block; width:7px; height:9px; margin-right:8px; background:url('../images/icon_arrow02.png') no-repeat center; background-size:100% auto;}
.sms_tit span {display:block; margin-top:10px;}


.agree_title {margin:30px 0 10px; font-size:15px; color:#383838; }



/* 버튼 */
.btn_area {overflow:hidden; margin-top:20px; text-align:center; font-size:0;}
.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 {margin:2px;}
.btn {display:inline-block; min-width:100px; height:40px; padding:0 20px; border:0; font-size:15px; color:#fff !important; text-align:center; line-height:40px; background:#383838; cursor:pointer;} 
.btn.big {font-size:17px; min-width:160px;}
.btn.border {line-height:38px;}
.btn.border01 {color:#383838 !important; border:1px solid #595959; background:#fff;} 
.gray02 {background:#3a4d5c;}
.gray {background:#c2c2c2;}
.c_point {background:#94af97;}





/*############################################################# 버튼 #############################################################*/


/*
.btn_area {overflow:hidden; margin-top:20px; 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 2px;}
.btn {display:inline-block; min-width:60px; height:30px; padding:0 10px; border:0; font-size:13px; color:#fff !important; text-align:center; line-height:30px; background:#383838; cursor:pointer;} 

.btn.larger {min-width:150px; height:45px; line-height:45px; font-size:18px;}
.btn.small {min-width:60px; height:25px; padding:0 5px; border-radius:5px; font-size:12px; color:#fff; line-height:25px; background:#c2c2c2;}
.btn.ssmall {min-width:auto; height:20px; padding:0 10px; line-height:20px; background:#7f7f7f;}
.btn.round {border-radius:3px;}

.btn.gray01 {background:#c2c2c2;}
.btn.btn_border {color:#383838  !important; border:1px solid #595959; line-height:28px; background:#fff;}
.btn.c_point {background:#f76539;}
.btn.b_gray {line-height:23px; border:1px solid #595959; color:#595959 !important; background:#fff;}

.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 #fb6c2a;}
.btn_view02 {display:inline-block; padding:0 10px; border-radius:3px; font-size:14px; color:#fff !important; text-align:center; line-height:30px; background:#fb6c2a;}
*/



/* common */
.btn_area + .page_area {margin-top:20px;}
.full {width:100% !important;}

.mt5 {margin-top:5px !important;}

input.id {width:60%;}
select.number {width:30%;}
input.number {width:25%;}
input.email, select.email {width:43%;}
.red {color:#c90b0b;}
.fc_point {color:#94af97;}
.fc_gray {color:#666666 !important;}
.hr  {display:block; height:50px; border:0;}
.left {float:left;}
.right {float:right;}
.none_bold {font-weight:normal !important;}


.board_chk_list {overflow:hidden; padding-left:10px;}
.board_chk_list li {float:left;}


