@charset "utf-8";/* CSS Document */

.board_wrap{padding-top:40px;}



.cont_info{/*border-top:4px solid #000;*/}
.cont_info_row{display:inline-block;width:100%;padding:0 24px;border:1px solid #eee;border-top:none;}
.cont_info_row.cell{display:table;}
.cont_info_row .cont_info_cell{float:left;display:table-cell;padding:0;border-left:1px solid #eee;}
.cont_info_row .cont_info_cell:first-child{border:none;}
.cell3 .cont_info_cell{width:33.2%}
.cont_info.store_info{}



.cont_info.store_info .cont_info_row {padding:20px 0 40px;}
.cont_info.store_info .cont_info_row.cell{padding:20px 0;}
.cont_info.store_info .cont_info_row .cont_info_cell{padding:0 24px;}

.cont_info.store_info .guide_txt{padding:0 24px;}
.store_history{color:#666;font-size:14px;line-height:1.57;font-weight: normal;}




.box_wrap{width:100%;}
.info_title{width:100%;margin-top:60px;margin-bottom:12px;}
.info_title .sub_title{display:inline-block;color:#000;font-size:24px;font-weight:500;line-height:30px;}
.info_title .info_text{padding-top:12px;font-size:12px;color:#666}
.info_title .info_text i{color:#da291c}
.info_title .info_text2 {padding: 0;}



.box_board{display:table;width:100%;}
/* form형 게시판 */
.board_form > ul{display:table-row;min-height:80px;padding:20px 0 20px 20px;border-bottom:1px solid #eee}
.board_form > ul > li{display:table-cell}
.board_form .board_label{width:162px;line-height:40px;}
.board_form .board_label i{color:#da291c}
.board_form .board_input{}

.board_form{width:100%;}
.board_form th, .board_form td{padding:20px 0;border-bottom:1px solid #eee; font-size: 14px; font-weight: 500;}
.board_form th{padding-left:20px;text-align:left;vertical-align:top;line-height: 40px;}
.board_form th.no_inpt{line-height:1.57;}
/* .board_form > tbody > tr > th{width:180px !important;} */
.board_form th i{color:#da291c; font-size: 14px; font-weight: 500;}
.board_form td{height: 40px;}

.info_error{margin-top:8px;color:#da291c;font-size:12px;line-height:100%;}


.more_list {display:inherit;margin:0 auto;border:0; background:initial; cursor:pointer;}

.swiper-button-prev, .swiper-button-next {z-index:1;}

.notice_detail {padding:30px 0; margin-bottom:30px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.txt_box {}
.txt_box > p {font-size:16px;}
.red_txt {color:#ca0000;}

.notice_changeCont {border:1px solid #333; margin-top:30px;}
.notice_changeCont tr th {font-size:14px; padding:5px 0; font-weight:500; background:#ddd; border-right:1px solid #333; border-bottom:1px solid #333;}
.notice_changeCont tr th:last-child {border-right:0;}
.notice_changeCont tr td {font-size:12px; border-right:1px solid #333; border-bottom:1px solid #333; padding:10px 5px;}
.notice_changeCont tr td:last-child {border-right:0;}
.notice_changeCont tr:last-child td {border-bottom:0;}
.notice_changeCont tr td.title {text-align:center; background:#f6f6f6;}
.notice_changeCont tr td.title span {color:#333;}
.notice_changeCont tr td span {color:#ca0000;}

.noticeTxT_box {text-align:left; }
.noticeTxT_box ul {min-height:100px; padding:15px 10px; background:#efefef; position:relative;}
.noticeTxT_box ul li {position:relative; font-size:15px; padding-left:15px; font-weight:700; letter-spacing:-1px; margin-bottom:5px;}
.noticeTxT_box ul li:before {content:''; position:absolute; width:4px; height:4px; background:#333; border-radius:50%; left:0; top:10px;}
.noticeTxT_box ul li:last-child {margin-bottom:0;}
.link_txt {position:absolute; right:10px; bottom:10px;}
.link_txt a {font-size:15px; color:#0c96d8; font-weight:500;}
.link_txt a:hover {text-decoration:underline;}


.inPutBox_box {}
.group_box {padding:30px 0; border-bottom:1px solid #ddd;}
.group_box:last-child {border-bottom:0;}
.group_choice_box {overflow:hidden; margin-bottom:20px;}
.group_choice_box:last-child {margin-bottom:0;}
.group_choice_box > span {float:left;}
.group_choice_box > span.title {width:170px; margin-right:10px; font-size:16px; padding-left:20px; height:45px; display:table;}
.group_choice_box > span.title > em {display:table-cell; vertical-align:middle; font-weight:700;}
.group_choice_box > span.choice {width:calc(100% - 200px); overflow:hidden;}
.group_choice_box > span.choice em {float:left;}
.group_choice_box > span.choice em + em {margin-left:10px;}
.group_choice_box > span.choice .long select {width:400px; font-size:16px; color:#333; height:45px; border:2px solid #ccc; text-indent:10px;} 
.group_choice_box > span.choice .mideum select {width:290px; font-size:16px; color:#333; height:45px; border:2px solid #ccc; text-indent:10px;} 
.group_choice_box > span.choice .short select {width:100px; font-size:16px; color:#333; height:45px; border:2px solid #ccc; text-indent:10px;} 
.group_choice_box > span.choice em select option:disabled {color:#999;}
.group_choice_box > span.choice .long input {width:400px; font-size:16px; color:#333; height:45px; border:2px solid #ccc; text-indent:10px; border-radius:10px;} 
.group_choice_box > span.choice .mideum input {width:290px; font-size:16px; color:#333; height:45px; border:2px solid #ccc; text-indent:10px; border-radius:10px;}
.group_choice_box > span.choice .md_short input {width:230px; font-size:16px; color:#333; height:45px; border:2px solid #ccc; text-indent:10px; border-radius:10px;} 
.group_choice_box > span.choice .short input {width:100px; font-size:16px; color:#333; height:45px; border:2px solid #ccc; text-indent:10px; border-radius:10px;} 
.group_choice_box > span.choice em input::placeholder {color:#999;}
.group_choice_box > span.choice em.import {font-size:16px; color:#aaa; display:table; height:45px;}
.group_choice_box > span.choice em.import > span {vertical-align:middle; display:table-cell;}
.group_choice_box > span.choice .textarea {width:100%; margin-left:0;}
.group_choice_box > span.choice .textarea textarea {width:calc(100% - 30px); height:200px; padding:5px 10px; font-size:16px; color:#333; border:2px solid #ccc; border-radius:10px; resize:none;} 
.group_choice_box > span > em {}
.group_choice_box > span .essential {margin-left:5px; color:#c50b0b; font-weight:bold; font-size:20px; vertical-align:middle;}
.file_btn {border:2px solid #ccc; color:#999; width:200px; height:45px; font-size:20px;}
.file_attach {color:#666; font-size:16px; display:table; height:45px;}
.file_attach > span {display:table-cell; vertical-align:middle; }
.file_attach .close {vertical-align:middle; display:inline-block; width:20px; height:20px; background:url(/image/icon/ico_close.png) no-repeat; background-size:contain; margin-right:10px;}
.cont_title {display:block; font-size:20px; font-weight:700; position:relative;}
.cont_title .check_btn {position:absolute; right:0; top:0; padding-left:25px; font-size:16px; font-weight:500;}
.cont_title .check_btn:before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:20px; height:20px; background:url(/image/icon/ico_check_off.png) no-repeat; background-size:contain;}
.cont_title .check_btn.active:before {background:url(/image/icon/ico_check_on.png) no-repeat; background-size:contain;}
.w_100p {width:100%;}
em.w_100p + em {margin-top:15px;}

.group_box .btn_box {margin-left:200px; width:calc(100% - 200px); margin-bottom:0;}
.red_btn {background:#c50b0b; color:#fff; border:0;}
.btn_box .basic_btn {display:inline-block; width:auto; min-width:100px; height:40px; padding:0 10px;}

.group_title {margin-bottom:20px;}
.group_title h2 {font-size:18px; font-weight:700; color:#000; margin-bottom:10px;}
.group_title p {font-size:16px; color:#333;}
.facility_server {margin-bottom:30px;}
.facility_server:last-child {margin-bottom:0;}
.facility_server h3 {font-size:26px; color:#c50b0b; font-weight:700; margin-bottom:5px;}
.server_box {border:1px solid #ccc; background:#efefef; padding:10px 15px;}
.server_box ul {overflow:hidden;}
.server_box ul li {float:left; width:24.25%; margin-right:1%;}
.server_box ul li:nth-child(4n) {margin-bottom:10px;}
.server_box ul li:nth-child(4n), .server_box ul li:last-child {margin-right:0;}
.server_box ul li > a {display:table; width:100%; height:80px; background:#fff; border:1px solid #ccc; text-align:center;}
.server_box ul li > a span {display:table-cell; vertical-align:middle; font-size:20px; line-height:26px; font-weight:700;}
.server_box ul li > a span .small_txt {font-size:16px;}
.server_box ul li > a span.lett_sp_plus_txt {letter-spacing:5px;}

@media screen and (min-width:768px) and (max-width:1024px){
/* tablet */
	/* 마이페이지 - 문의내역 */
    .re_inqu_form .board_form .inp_double td.td_inp { width: 36%; }
    .re_inqu_form .board_form .inp_double td.td_inp:nth-of-type(1) .box_select2 { max-width: 90%; }
    .re_inqu_form .board_form .inp_double td.td_inp:nth-of-type(2) .box_select_group1 { max-width: 40%; }
    .re_inqu_form .board_form .inp_double td.td_inp:nth-of-type(2) .box_select_group2 { max-width: 55%; }

    /* 앱다운로드 */
    .app_inner { text-align: center; }
    .app_inner .app_info { text-align: left; }
    .appDown_02 .app_inner img, 
    .appDown_bg03 .app_inner .app_info, 
    .appDown_04 .app_inner img, 
    .appDown_04 .app_inner .app_info,
    .appDown_bg05 .app_inner .app_info { margin-left: 0; }
    .appDown_02 .app_inner .app_info { margin-left: 9%; }
    .appDown_bg03 .app_inner img { margin-left: 5%; max-width: 390px; }
    .appDown_04 .app_inner img { max-width: 420px; }
    .appDown_bg05 .app_inner img { margin-left: 16%; }	

}

@media screen and (min-width:768px) and (max-width:855px){
    /* Event Schedule */  
    .calender_wrap .cal_b ul li { padding-left: 5%; }
    .calender_wrap .cal_b ul li ~ li { margin-left: 3%; }
}
 
@media all and (min-width: 260px) and (max-width: 890px){
/* mobile */
    .box_board{display: block;}
	.board_form th, .board_form td{display:inline-block;width:100%;border-bottom:none}
	.board_form th{width:100%;padding:24px 0 5px;}
	.board_form td{height:auto;padding:0;}
}


/******************************************************************************
*****************************    list_board    ********************************
******************************************************************************/
.board_list{width:100%;border-top:1px solid #777;}
.board_list .line_box{padding:28px 0;border-bottom:1px solid #eee}
.board_list .line_box ul{overflow:hidden;}
.board_list .line_box ul li{float:left;text-align:center;display:table;min-height:24px;width: auto;}
.board_list .line_box ul li > span{display:table-cell;vertical-align:middle;font-size:16px;}
.board_list .line_box ul li > span > a{position:relative;display:block;}
.board_list .line_box ul li > span > a:hover{text-decoration: underline;}

.board_list .line_box ul li.number{width:92px;color:#666}
.board_list .line_box ul li.date{width: 92px;}
.board_list .line_box ul li.title{width:calc(100% - 184px);}

/* thead */
.board_list .line_box.line_th{border-color:#ccc;padding:15px 0;}
.board_list .line_box.line_th ul li {height:20px;background: #fff;}
.board_list .line_box.line_th ul li.title {margin-bottom:0;text-align: center;}
.board_list .line_box.line_th ul li > span {font-size:14px;color:#000;font-weight: 400;}
.board_list .line_box.line_th ul li.title > span{padding:0;}

/* tbody */


/* 공지사항 */
.notice_box .list_tbody .line_box ul li.title{width:calc(100% - 284px);}
.notice_box .line_box ul li.sources{width:100px;}
.notice_box .line_box ul li.sources span{font-size:13px;font-weight:300;color:#666;}
.notice_box .line_box ul li .date_pos{font-size:13px;color:#666;font-weight:300}

.notice_box .list_tbody ul li.title {text-align:left;font-weight:700;}
.notice_box .list_tbody ul li > span > .sources {position: absolute; right:0;bottom:15%;font-size:13px;font-weight:300;color:#666;font-style:normal}
.notice_box .list_tbody .line_box ul li.title a{position:relative;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:1.2em;/*height:1.2em;*/}


/* 마이페이지 - 문의내역 */
.board_list.drop_type .line_box.line_th{border-color:#ccc;padding:15px 0;}
.board_list.drop_type .line_box.line_th ul li {height:20px;background: #fff;}
.board_list.drop_type .line_box.line_th ul li.title {margin-bottom:0;text-align: center;}
.board_list.drop_type .line_box.line_th ul li > span {font-size:14px;color:#000;font-weight: 400;}
.board_list.drop_type .line_box.line_th ul li.title > span{padding:0;}

.board_list.drop_type {width:100%;border-top:1px solid #777;}
.board_list.drop_type .line_box {padding:0;border-bottom:1px solid #eee;}
.board_list.drop_type .line_box > a { padding:20px 0; width: 100%; overflow:hidden; text-align:center;display:table;min-height:24px;}
.board_list.drop_type .line_box > a > span{display:table-cell;vertical-align:middle;font-size:16px;}
.board_list.drop_type .line_box > a .number{padding-right:23px; width:115px;color:#666}
.board_list.drop_type .line_box > a .date{width: 92px;}
.board_list.drop_type .line_box > a .title{width:100%;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word; display: inline-block; /*display:-webkit-box;*/-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:1.2em;/*height:1.2em;*/text-align: left;line-height: 24px;}
.board_list.drop_type .line_box > a .date_pos {width: 92px;font-size:13px;color:#666;font-weight:300;}
.board_list.drop_type .line_box > a .table_row { display: table-row; }
.board_list.drop_type .line_box > a .table_row > span { display: table-cell; padding-top:7px;font-size: 14px; color: #666; text-align: left; }
.board_list.drop_type .line_box > a .table_row > span.blank { width: 115px; } 
.board_list.drop_type .line_box > a .table_row > span.inqu_type span ~ span { margin-left: 15px; }
.board_list.drop_type .line_box > a .table_row > span.inqu_state { padding-right: 14px; text-align: right; } 

.board_list.drop_type .dropList { display: none; padding: 30px 32px 40px 40px;  background: #f8f8f8; }
.board_list.drop_type .dropList .question, .board_list.drop_type .dropList .answer { position: relative; margin-left: 76px; }
.board_list.drop_type .dropList .inqu_icon { position: absolute; left: 0; top: 0; font-style: inherit; width: 24px; height: 24px; border-radius: 6px; text-align: center; color: #fff; font-weight: 500; line-height:1.71}
.board_list.drop_type .dropList .inqu_icon.Q { background-color: #da291c; }
.board_list.drop_type .dropList .inqu_icon.A { background-color: #255b8e; }
.board_list.drop_type .dropList .inqu_box { padding-left: 32px; }
.board_list.drop_type .dropList .inqu_box .tit { margin-bottom: 8px; font-size: 14px; line-height: 24px; color: #000; }
.board_list.drop_type .dropList .inqu_box p { margin: 0; font-size: 14px; line-height: 22px; color: #666; letter-spacing: -0.7px; }
.board_list.drop_type .dropList .inqu_box .inqu_file { margin-top: 17px; }
.board_list.drop_type .dropList .inqu_box .inqu_file:before { content:''; display: inline-block;  width: 24px; height: 24px; background:url(/images/common/ico_file.png) no-repeat center; background-size: contain; vertical-align: middle; }
.board_list.drop_type .dropList .inqu_box .inqu_file > a { margin-left: 10px; }
.board_list.drop_type .dropList .inqu_box .date { margin-top: 10px; font-size: 13px; line-height: 19px; color: #666; }
.board_list.drop_type .dropList .question ~ div { margin-top: 40px; }
.board_list.drop_type .dropList .re_inqu_btn { margin-left: 76px; margin-top: 40px; }
.board_list.drop_type .dropList .re_inqu_form { padding: 30px; border: 1px solid #ddd; border-radius: 6px; background: #fff; }

.re_inqu_form .box_board { border-bottom: 1px solid #ccc; }
.re_inqu_form .board_form th, .re_inqu_form .board_form td { padding: 0 0 20px 0; border-bottom: 0; }  
.re_inqu_form .board_form th { width: 72px; }
.board_list.drop_type .dropList .file_notice_txt li { display: block; float: none; text-align: left;}
.re_inqu_form .select2-container { width: 100% !important; }

.empty_area { padding: 60px 0; border-bottom: 1px solid #ccc; }
.empty_area p { margin: 0; font-size: 16px; line-height: 24px; color: #666; text-align: center; }
.empty_area p:before{ content:''; display: block; margin: 0 auto 12px auto; width: 48px; height: 48px; background: url(/images/common/ico_alert.png) no-repeat center; background-size: contain; }


/* 영업시간 */
.cont_info_cell .store_holiday { font-size: 24px; font-weight: 500; line-height: 24px; }
.cont_info_cell .store_holiday em { display: inline-block; margin-right: 5px; font-size: 60px; line-height: 1; font-weight: bold; font-style: inherit; }
.cont_info_cell .info_list { padding: 8px 0; }
.cont_info_cell .info_list li ~ li { margin-top: 8px; }
.cont_info_cell .info_list li { font-size: 14px; line-height: 20px; font-weight:500; }
.cont_info_cell .info_list li .date { display: inline-block; margin-left: 10px; font-size: 14px; line-height: 20px; color: #666; } 
.cont_info_row .store_notice { padding: 10px 24px 20px 24px; }
.cont_info_row .store_notice li { position: relative; padding-left: 22px; font-size: 14px; line-height: 20px; color: #666; word-break: keep-all; }
.cont_info_row .store_notice li ~ li { margin-top: 6px; }
.cont_info_row .store_notice li:before { content:''; position: absolute; left: 0; top: 3px; margin: 6px 12px 6px 6px; width: 4px; height: 4px; background: #777; border-radius: 50%; vertical-align: middle; }
.cont_info_row .store_notice li .hyperlink { text-decoration: underline;     text-underline-position: under; }
.info_title2 { width: 100%; margin-top: 60px; margin-bottom: 20px; }
.info_title2 .sub_title { display: inline-block; margin-bottom: 0; color: #000; font-size: 24px; font-weight: 500; line-height: 36px; }
.flex_info .cont_info_row  { display: flex; flex-wrap: wrap; }
.flex_info .cont_info_row .cont_info_cell:first-child { padding: 0 40px; }

.board_wrap3 { padding-top: 20px; }
.board_list.drop_type .line_box.expand_type { position: relative; padding: 43px 20px; width: 100%; overflow: hidden; display: table; min-height: 24px; }
.board_list.drop_type .line_box.expand_type.only_tit { padding: 43px 20px !important; }
.board_list.drop_type .line_box.expand_type:nth-last-of-type(1) { border-bottom: 0; }
.board_list.drop_type .line_box.expand_type.non_expand { padding: 28px 20px; }
.board_list.drop_type .line_box.expand_type span{display:table-cell;vertical-align:middle;font-size: 16px; line-height: 24px; }
.board_list.drop_type .line_box.expand_type .floor{ width:108px; color: #9d5817; font-weight: 500; }
.board_list.drop_type .line_box.expand_type .name{ width: calc(100% - 408px); font-weight: 500; white-space: pre-wrap; text-overflow: ellipsis; overflow: hidden; max-width: 400px; }
.board_list.drop_type .line_box.expand_type .tel { width: 310px; font-size:14px; line-height: 24px; color:#666; text-align: right; padding-right: 40px; vertical-align: top;}
.board_list.drop_type .line_box.expand_type .tel > a { display: inline-block; margin-left: 10px; width: auto; font-size:14px; line-height: 24px; color:#000; text-decoration: underline; text-underline-position: under; }
.board_list.drop_type .line_box.expand_type .tel > a ~ a:before { content:''; display: inline-block; margin-right: 10px; width: 1px; height: 14px; background: #ccc; vertical-align: middle; }
.board_list.drop_type .line_box.expand_type .table_row { display: table-row; }
.board_list.drop_type .line_box.expand_type .table_row > span { display: table-cell; font-size: 14px; color: #666; text-align: left; }
.board_list.drop_type .line_box.expand_type .table_row > span.blank { width: 108px; } 
.board_list.drop_type .line_box.expand_type .table_row > span.time { display: inline-block; margin-top: 6px; font-size: 16px; line-height: 24px; color: #666; }
.board_list.drop_type .line_box.expand_type .table_row > span.time .row_time { display: block; margin-top: 4px; }  
.board_list.drop_type .line_box.expand_type .dropOption_icon { content: ''; position: absolute; right: 8px; top: 50%; transform: translateY(-50%); padding: 20px; width: 16px; height: 16px; background: url(/images/common/ico_dropDown.png) no-repeat center; background-size: 16px; }
.board_list.drop_type .line_box.expand_type .dropOption_icon.open { background-image: url(/images/common/ico_dropUp.png); background-size: 16px; }
.board_list.drop_type .droptoggle2 .dropList { padding: 0; }
.board_list.drop_type .droptoggle2 .dropList .dl_row { display: flex; padding: 30px 0; border-bottom: 1px solid #eee; }
.board_list.drop_type .droptoggle2 .dropList:nth-last-of-type(1) .dl_row:last-child { border-bottom:0; }

.board_list.drop_type .droptoggle2 .dropList .dl_row dl { padding: 0 20px; width: 50%; font-size: 0;; }
.board_list.drop_type .droptoggle2 .dropList .dl_row dl ~ dl { border-left: 1px solid #eee; }
.board_list.drop_type .droptoggle2 .dropList .dl_row dt { display: inline-block; width: 108px; font-size: 16px; line-height: 24px; color: #9d5817; font-weight: 500; vertical-align: top; }
.board_list.drop_type .droptoggle2 .dropList .dl_row dd { display: inline-block; width: calc(100% - 108px); }
.board_list.drop_type .droptoggle2 .dropList .dl_row dd p:nth-child(1) { font-size: 16px; line-height: 24px; color: #000; font-weight: 500; }
.board_list.drop_type .droptoggle2 .dropList .dl_row dd p.tel { margin-top: 4px; font-size: 14px; line-height: 20px; color:#666; }
.board_list.drop_type .droptoggle2 .dropList .dl_row dd p.tel > a { display: inline-block; margin-left: 10px; width: auto; font-size:14px; line-height: 24px; color:#000; text-decoration: underline; text-underline-position: under; }
.board_list.drop_type .droptoggle2 .dropList .dl_row dd p.tel > a ~ a:before { content:''; display: inline-block; margin-right: 10px; width: 1px; height: 14px; background: #ccc; vertical-align: middle; }
.board_list.drop_type .droptoggle2 .dropList .dl_row dd p.time { margin-top: 10px; padding-right: 40px; font-size: 16px; line-height: 24px; color: #666; word-break: keep-all; }

.board_list.drop_type .droptoggle2 { border-bottom: 1px solid #ccc; }
.board_list.drop_type .line_box.expand_type.last,
.board_list.drop_type .line_box.expand_type:last-of-type { border-bottom: 0; }
.board_list.drop_type .line_box.expand_type.last + .dropList .dl_row:first-child { border-top: 1px solid #eee; }


@media screen and (min-width:768px) and (max-width:1024px){
/* tablet */
    
}
    
@media all and (min-width: 260px) and (max-width: 890px){
/* mobile */

   
}