html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
}

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;	
}

html, body {font-family: '맑은 고딕','돋움',Dotum,'굴림',Gulim,Helvetica, 'Apple SD Gothic Neo',Tahoma, Geneva, sans-serif,verdana !important; font-size:14px; color:#000; line-height:1.2; font-weight:400; word-break:keep-all; letter-spacing:-0.03em;}

body {
	line-height: 1.2;
	font-size: 13px;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a, a:link, a:hover, a:active, a:visited, a:focus{color: inherit; text-decoration: none}
a {
    margin:0;
    padding:0;
    vertical-align:baseline;
    background:transparent;
    color: #808080;
    text-decoration: none;
}

img {width:100%;vertical-align:top;}
html, body {height:100%;}
input, select{
    vertical-align:middle;
}
input[type=text], input[type=image], input[type=password] {
    border-radius: 0;
	box-sizing: border-box;
}
hr {margin:0;}
select {padding: 4px 7px;}
input[type=text],
input[type=password],
select {height:32px; border: 1px solid #c5c5c5; font-size:14px;}
input[type=radio] {margin: 0 5px;}


select {height:32px; padding:0; padding-left:5px; padding-right:18px !important; border:1px solid #c5c5c5; background:url('/asset/m/images/common/ico_sel_arr01.png') no-repeat right center #fff !important; background-size:18px auto !important;}
select, textarea, input[type="text"], input[type="password"], input[type="number"], input[type="date"], input[type="datetime"], input[type="email"], input[type="tel"] {height:32px; padding:0; padding-left:5px; border:1px solid #c5c5c5; background:#fff;}


.checkbox_c {display:inline-block; margin-right:15px; position:relative;}
.checkbox_c input {position:absolute; left:0; top:50%; width:17px; height:17px; margin-top:-14px; opacity:0; appearance:none; -webkit-appearance:none; -moz-appearance:none; outline:0}
.checkbox_c label {padding-left:22px; font-size:12px; color:#555555; line-height:18px;}
.checkbox_c label:before {position:absolute; top:50%; left:0; width:17px; height:17px; margin-top:-9px; background:url('/asset/m/images/common/icon_checkbox.png') 0 0; background-size:auto 100%; box-sizing:border-box; content:'';}
.checkbox_c input:checked + label:before {background-position:right 0;}

.radio_c {display:inline-block; margin-right:12px !important; position:relative; font-size:0;}
.radio_c input {position:absolute; left:0; top:50%; width:20px; height:20px; margin-top:-10px; opacity:0; appearance:none; -webkit-appearance:none; -moz-appearance:none; outline:0}
.radio_c label {padding-left:25px; font-size:12px; color:#000000; line-height:18px;}
.radio_c label:before {position:absolute; top:50%; left:0; width:18px; height:18px; margin-top:-9px; border:1px solid #c6c6c6; border-radius:50%; background:#ffffff; box-sizing:border-box; content:'';}
.radio_c input:checked + label:after {position:absolute; top:50%; left:5px; width:8px; height:8px; margin-top:-4px; background:#444444; border-radius:50%; box-sizing:border-box; content:'';}

.frow {font-size:0;}
.fsize01 {width:60%;}
.fsize02 {width:80%;}
.full {width:100%;}
.half {width:50%;}
.half+.half {width:48%; margin-left:2%;}

.tel_wrap {overflow:hidden;}
.tel_wrap input {float:left; width:31%;}
.tel_wrap span {float:left; width:3.5%; line-height:32px; text-align:center;}

.email_wrap {overflow:hidden;}
.email_wrap input {float:left; width:32.5%;}
.email_wrap select {float:left; width:28%; margin-left:1.5%;}
.email_wrap span {float:left; width:5.5%; line-height:32px; text-align:center;}

* {box-sizing: border-box;  word-wrap: break-word;}


.border-top {position:relative; margin:30px 10px 12px; padding-left:75px;}
.border-top .count {position:absolute; top:0; left:0; line-height:30px; vertical-align:middle;}
.border-top .border-search {overflow:hidden; position:relative; padding-right:26px; padding-left:80px;}
.border-search #searchKind {position:absolute; top:0; left:0; width:75px;}
.border-search #searchKeyword {width:100%; padding:0; padding-left:5px; border:1px solid #c5c5c5; background:#f8f8f8;}
.border-search input[type=image] {position:absolute; top:0; right:0; width:35px;}

.gallery {overflow:hidden; margin:-2px; padding:15px 10px 0; border-top:1px solid #666666;}
.gallery > li {float:left; width:50%; padding:2px 2px 14px;}
.gallery > li .title {margin-top:6px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.gallery > li .date {margin-top:3px; color:#999999;} 
.gallery .img_wrap {overflow:hidden; position:relative; border:1px solid #d1d1d1; padding-bottom:56.58%;}
.gallery .img_wrap img {position:absolute; top:0; left:0; width:100%; min-height:100%;}


.noList, .no-data {text-align: center; padding: 30px 0;}

.pagination-wrap {text-align:center;margin:25px 0 0;}
.pagination2 {display:inline-block;}
.pagination2 li {float:left;margin:0 7px;height:18px;line-height:18px;vertical-align:middle;}
.pagination2 li.active {font-weight:bold;}
.pagination2 li img {width:19px;}

.board-view-title {padding:5px 10px; background:#f1f1f1; border-bottom:1px solid #c5c5c5; word-wrap: break-word;}
.board-view-title p {margin:10px 0; font-size:14px;}
.board-view-title .board-tit-info {margin-top:-3px; color:#777777;}
.board-view-info {padding:10px; border-bottom:1px solid #c5c5c5; font-size:12px; text-align:right;}
.board-contents {width:100%;padding:10px;box-sizing:border-box;border-bottom:1px solid #c5c5c5; word-wrap: break-word;}
.board-contents img {width: 100% !important;}
.board-contents iframe {width:100% !important; height:calc((100vw - 20px)*.5625) !important;}
.board-link {position:relative; padding:10px 10px 10px 100px; border-bottom: 1px solid #c5c5c5; background:#fff;}
.board-link dt {position:absolute; top:0; left:0; width:90px; height:100%; padding:10px; text-align:center; background:#f5f5f5;}

.rightArea {text-align:right; margin:25px 10px 20px;}
.rightArea img {width:auto; height:28px;}
.centerArea {margin:25px 10px 20px; text-align: center;}
.centerArea img {width:auto; height:28px; margin:0 3px;}
.centerArea.big img {height:34px;}
.centerArea.big input {height:34px;}

.btnArea {overflow:hidden; margin:25px 10px 20px;}
.btnArea img {width:auto; height:30px;}
.btnArea .left {float:left;}
.btnArea .right {float:right;}


.rightArea + .board-table {margin-top:40px;}

.boardLayerPop {position: fixed; left: 50%; top: 50%; width: 300px; z-index: 201; padding:25px 20px; text-align:center; background: #fff; border:1px solid #aaaaaa; transform:translate(-50%,-50%); display: none; }
.boardLayerPop.msgPop {padding:25px 20px;}
.boardLayerPop .passClose {cursor: pointer;}
.boardLayerPop .topTxt {margin-bottom:15px; font-size:14px; color:#111111; text-align:center; line-height:1.3;}
.boardLayerPop .btnWrap {margin-top:5px; font-size:0; text-align:center;}
.boardLayerPop .btnWrap .img_btn {border:0; padding:0; height:28px; margin:0 2px; vertical-align:top;}
.boardLayerPop .btnWrap input[type="image"] {height:28px;}
.boardLayerPop .btnWrap .img_btn img {width:auto; height:28px;}
.boardLayerPop .divPopType1, .boardLayerPop .divPopType2 {display:none;}

#passwordForm input[type="password"] {width:100%; margin:0px 0 12px; box-sizing:border-box;}

.agreeBox {margin:0 0 20px 20px;}

.overlay {display:none; width: 100%; height: 100%; position: fixed; z-index: 200; left: 0; top: 0; background-color: rgba(0,0,0, 0.8); display: none;}

.board-table {width:100%;border-top:1px solid #676767; line-height:1.3; table-layout:fixed; word-break:break-all;}
.board-table tr {border-bottom: 1px solid #d6d6d6;}
.board-table th {height: 32px; vertical-align: middle; text-align:center; background: #f1f1f1;}
.board-table td {height: 52px; padding:10px 5px; vertical-align: middle; text-align: center;}
.board-table td.text-left {text-align: left;}
.board-table td p {margin: 3px 0 0 0;}
.board-table * {vertical-align:middle;}
.board-table .btitle {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.icon_notice {color:#0089cc; font-size:11px;}
.icon_notice img {display:block; width:9px; margin:3px auto 0;}

.board-info {color:#777777;}

.board-table .state.ing {color:#626262;}
.board-table .state.end {color:#346bbd; font-weight:bold;}

.board-table.write {margin-top:30px;}
.board-table.write th,
.board-table.write td {height:35px; padding:5px 7px;}
.board-table.write th {font-weight:bold;}
.board-table.write td {padding:5px 7px; text-align:left}
.board-table.write textarea {height:150px;}

.board-table.write2 th,
.board-table.write2 td {height:50px; padding:10px 0 10px 7px;}
.board-table.write2 td {text-align:left}
.board-table.write2 textarea {height:150px;}

.button-wrap {text-align:center;}
.tw img {width:35%;}
.icon_re {width:7px; margin-right:5px; vertical-align:middle;}
.ans {display: inline-block; color: #0089cc;}

.td_title {position:relative; margin-top:5px; padding-left:13px; word-break:break-all;}
.td_title .icon_re {position:absolute; top:4px; left:0;}


.bnaList-wrap {padding:30px 10px;}
.bnaList ul {overflow:hidden;}
.bnaList ul li {float:none;}
.bnaList .login_before .bnf1:after {position:absolute; top:0; left:0; width:100%; height:100%; background:url('/asset/m/images/common/login_txt.png') no-repeat 0 center rgba(0,0,0,0.9); background-size:auto 100%; content:'';}
.bnaList .bnfimg {position:relative; width:100% !important; padding-bottom:58.42%;}
.bnaList .bnfimg .bnf1 {position:absolute; top:0; left:0; width:100%; height:100% !important;}
.bnaList .bnfimg .bnf2 {position:absolute; top:0; right:0; width:100%; height:100% !important;}
.bnaList .bnfimg img {width:auto; height:100% !important;}
.bnaList .ui-draggable-handle {height:100% !important;}
.bnaList .ui-draggable-handle:before {position:absolute; top:0; left:50%; width:2px; bottom:0; background:#fff; content:'';}
.bnaList .ui-draggable-handle:after {position:absolute; top:16px; left:50%; z-index:10111; width:124px; height:32px; margin-left:-62px; background:url('/asset/m/images/common/bna_drag_txt.png') no-repeat; background-size:contain; content:''; transition:all 0.4s;}
.bnaList .ui-draggable-dragging:after {opacity:0;}
.bnaList .handle {height:100% !important;}
.bnaList .handle img {top:50% !important; width:45px !important; height:auto !important; margin-top:-13px;}
.bnaList .title {overflow:hidden; padding:15px; font-size:14px; color:#222222; font-weight:bold; text-align:center; white-space:nowrap; text-overflow:ellipsis;}
.bnaList.list {margin:15px -2px 0; padding-top:15px; margin-bottom:15px; border-top:1px solid #535456;}
.bnaList.list li {float:left; width:50%; padding:0 2px;}
.bnaList.list .ui-draggable-handle:after {top:8px;}



.tvWrap {padding:30px 10px 0;}
.videoBox {position:relative; padding-bottom:56.25%;}
.videoBox iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

.videoList {overflow:hidden; margin:15px 0 15px; border-top:1px solid #535456; border-bottom:1px solid #535456;}
.videoList ul {overflow:hidden; margin:-2px; padding:15px 0 8px;}
.videoList li {float:left; width:50%; padding:2px;}
.videoList .img_wrap {overflow:hidden; position:relative; padding-bottom:56.58%;}
.videoList .img_wrap img {position:absolute; top:0; left:0; width:100%; min-height:100%;}
.videoList .title {overflow:hidden; padding:11px 0; font-size:12px; color:#222222; text-align:center; white-space:nowrap; text-overflow:ellipsis;}



.eventList {overflow:hidden; margin:0px 0 0px; border-top:1px solid #535456; border-bottom:1px solid #535456;}
.eventList li {float:none; padding:10px 20px;}
.eventList .img_wrap {overflow:hidden; position:relative; width:100%; padding-bottom:30%;}
.eventList .img_wrap img {position:absolute; top:0; left:0; width:100%; min-height:100%;}
.eventList .cont {position:relative; margin:10px 7px 0; padding-right:100px; font-size:12px; line-height:16px;}
.eventList .cont .sbtn {position:absolute; top:0; right:0; overflow:hidden; width:90px; padding:0 7px; font-size:11px; color:#fff; text-align:center; white-space:nowrap; text-overflow:ellipsis; background:#0089cc;}
.eventList .title {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}


.img_wrap {background:url('/asset/m/images/common/noimg.png') no-repeat center #fff; background-size:contain;}


.boardCategory {}
.boardCategory {margin:30px 0 15px;}
.boardCategory ul {overflow:hidden;}
.boardCategory li {float:left; width:20%; text-align:center;}
.boardCategory a {display:block; border-radius:1px; border:1px solid #ececec; font-size:12px; color:#222222; line-height:33px; background:#ede8e8;}
.boardCategory li.on a {border-color:#0471a7; color:#fff; background:#0089cc}


.login-wrap {position:relative; padding:30px 20px; border-bottom:1px dashed #c3c3c3;}
.login-wrap input[type="text"],
.login-wrap input[type="password"] {width:100%; height:40px; margin-bottom:7px;}
.login-wrap input[type="submit"] {width:100%; height:45px; margin-top:20px; border:0; font-size:15px; color:#fff; line-height:45px; background:#231815;}

.login-button {margin:15px 20px;}
.login-button > div {position:relative;height:24px;line-height:24px;vertical-align:middle; font-size:11px;}
.login-button > div img {position:absolute; right:0; width:90px;}

/*

*/


.memberLayer {display:none;}
.memberLayer h2 {line-height:40px; padding-left:15px; font-size:15px; color:#fff; background:#1674b2;}
.memberLayer .ctxt {padding:15px 10px 0; text-align:center; line-height:1.5;}
.idpwFormWrap {padding:20px 15px;}
.idWrap {position: fixed; top: 50%; left: 5%; right:5%; z-index: 201; margin-top:-150px; background: url('/asset/m/images/member/id_search_bg.jpg') no-repeat #fff; background-position:center top; background-size:100% auto;}
.idClose, .pwClose {cursor: pointer; position: absolute; right: 12px; top: 12px; width: 16px;}
.idpwFormWrap {}
.idpwTab {overflow:hidden;}
.idpwTab img {float: left; width:50%; cursor: pointer;}
.idpwOkButton {margin-top: 10px; text-align: center;}
.idpwOkButton input {height:32px;}
.memberTable {width:100%;}
.memberTable td,
.memberTable th {border-bottom:1px solid #d5d5d5; padding:7px;}
.memberTable th {width:30%; padding-left:14px; border-right:1px solid #d5d5d5; text-align:left; background:#f8f8f8;}
.memberTable td {padding-right:0;}
.memberTable input {width:100%;}
.memberLayer .msgBox {margin-bottom:15px; text-align:center;}
.memberLayer .btnWrap {text-align:center;}
.memberLayer .btnWrap button {border:0; background:none; padding:0;}
.memberLayer .btnWrap img {width:auto; height:32px;}
.pwWrap {position: fixed; top: 50%; left: 5%; right:5%; z-index: 201; margin-top:-150px; background: url('/asset/m/images/member/pw_search_bg.jpg') no-repeat #fff; background-position:center top; background-size:100% auto;}
/*
.idpw-table {width:94%;}
.idpw-table tr {border-bottom: 1px solid #d6d6d6;}
.idpw-table th {height: 20px; vertical-align: middle; background: #f1f1f1;}
.idpw-table td {height: 30px; vertical-align: middle; text-align: center; padding: 1% 0 1% 1%;}
*/

.video {position:absolute;left:0;top:0;width:100%;height:100%;}

.fc_point {color:#346bbd !important;}



.reservationChk01 {padding:30px 10px 25px;}
.reservationChk01 .stxt {margin-bottom:15px; font-size:15px; color:#353535; font-weight:700; text-align:center;}
.reservationChk01 .fbox {border:1px solid #d4d4d4; padding:20px; text-align:center; background:#fff;}
.reservationChk01 table {width:100%; margin:0 auto;}
.reservationChk01 table th {width:90px; padding:6px; padding-right:8px; font-size:13px; color:#000000; text-align:right; font-weight:bold;}
.reservationChk01 table td {padding:6px; text-align:left;}
.reservationChk01 table input[type="text"] {width:100%;}
.reservationChk01 .btnWrap {text-align:center; margin-top:15px;}
.reservationChk01 .btnWrap input {height:28px;}

.reservationChk02 {padding:0 10px 0;}
.reservationChk02 h2 {border:1px solid #dddddd; border-top:2px solid #aaaaaa; border-bottom:0;font-size:15px; font-weight:bold; line-height:38px; text-align:center; background:#f1f1f1;}
.reservationChk02 table {width:100%; text-align:center; font-size:12px; color:#3e3e3e;}
.reservationChk02 td,
.reservationChk02 th {padding:15px; border:1px solid #dddddd; vertical-align:middle; background:#ffffff;}
.reservationChk02 th {color:#000000; font-weight:bold;}
.reservationChk02 .stxt {margin-top:16px; font-size:13px; color:#353535; text-align:center; font-weight:bold;}
.reservationChk02 .stxt * {vertical-align:middle;}
.reservationChk02 .stxt img {width:13px; margin-left:6px; margin-right:3px;}