@charset "utf-8";


.InnerContent { width:100%;position:relative; z-index:1; margin:0px auto; padding-top:80px;padding-bottom:0px;}
.SubContentTitle { font-size:20px; padding:60px 0 15px 15px;}
.Normal { font-weight:normal !important;}
.NB { font-family:"NanumBarunGothic" !important;}
.Eng { font-family: 'NanumBarunGothic', 'sans-serif'; }
.mt60 { margin-top: 60px;}
.mt30 { margin-top: 30px;}
.mt20 { margin-top: 20px;}
.NoTop { margin-top:0 !important;}


.exp_wrap {position:relative;text-align:center;padding-top:20px;padding-bottom:20px;}
.exp_wrap b {display:block; margin-left:5px; font-size:10px;line-height:22px; font-family:"Gotham-Book"; color:#888; letter-spacing:1px;}
.exp_wrap strong {font:bold 20px/25px "NanumBarunGothic"; color:#3a3a3a; letter-spacing:-1px;}
.exp_wrap span {font-weight:lighter;}



.hos {width:100%;margin-bottom:55px}
.hos_img {float:left;margin-bottom:0px;}
.hos_text {width:90%;float:left;padding:5%;line-height:18px;color:#fff;background:rgba(0,0,0,0.8) !important;margin-bottom:20px;}


#post_area img{width:100%;height:auto !important;}


#foot_wrap {width:100%; /*background:#000;*/ background:url('../../img/images_new/lo_bg.jpg') 0 0 no-repeat;}
.foot {width:100%; height:250px;margin:20px auto;}
.foot h1,.foot .add,.foot .side,.foot .menu {float:left; margin-top:10px;}
.foot .side li {float:left; margin-left:16px;}
.foot .menu li {float:left; margin-left:5px;}
.foot .menu li.first a {border:0;}
.foot h1 {margin-left:0px;}
.foot h2 {font-size:20px;font-family:NanumBarunGothic;margin-bottom:10px;}
.foot span {font-family:NanumBarunGothic;}
.foot .add {margin-left:5px;color:#fff;}
.foot .add p,.foot .add div {margin-bottom:10px;font-size:16px;font-family:Gotham-Black;}
.foot .add div span {margin-right:10px;font-size:30px;color:#5a2a82;font-family:Gotham-Black}
.foot .add div span.kor_txt {font-size:20px;color:#5a2a82;font-family:NanumBarunGothic}
.foot .menu {margin-left:80px;}
.foot .menu a {font:bold 11px/25px 'dotum'; color:#676767; border-left:1px solid #676767; padding-left:5px;}


/* ----------------------------- Æ÷Åä°¶·¯¸® °Ô½ÃÆÇ ½ºÅ¸ÀÏ ----------------------------- */
/* ¸®½ºÆ® ÆäÀÌÁö */
.photo_list_wrapper {margin:0 -15px}
.photo_list_wrapper:after {clear:both; display:block; content:''}
.photo_list_wrapper > table {float:left; width:50%; margin-bottom:20px; padding:0 15px}
.photo_list_wrapper.brd-grid-1 {margin-left:0; margin-right:0}
.photo_list_wrapper.brd-grid-1 > table {width:100% !important; padding:0}
.photo_list_wrapper > table.board {float:none; clear:both; width:100% !important; padding:0}
.photo_list_wrapper > table .bbsnewf5 a img {display:block; width:100%; height:auto}
.photo_list_wrapper > table .bbsnewf5 .gallery_subject {padding:10px 0}
.photo_list_wrapper > table .bbsnewf5 .gallery_subject .gallery_title {font-family:inherit !important; color:#555}
.image_sublist {display:none}
/* ----------------------------- °Ô½ÃÆÇ ¹× ¹ü¿ë Å×ÀÌºí ½ºÅ¸ÀÏ ----------------------------- */
.tbl_board {margin-bottom:30px; border-top:2px solid #666; table-layout:fixed}
.tbl_board th, .tbl_board td {font-family:inherit !important; padding:10px !important; border-bottom:1px solid #e5e5e5}
.tbl_board td td {border:none}
.tbl_board div th, .tbl_board div td {padding:0 !important}
.tbl_board span, .tbl_board font, .tbl_board a {font-family:inherit !important; font-size:inherit !important; color:#555}
.tbl_board a:hover {color:#333 !important}
.tbl_board .board_bgcolor {font-size:inherit !important; font-weight:500; color:#4b4b4b; background:#f4f4f4}
.tbl_board input[type=text], .tbl_board input[type=password] {font-family:inherit !important; font-size:inherit !important; max-width:90%; height:30px; padding-left:10px; border:1px solid #dedede; background:#fff}
.tbl_board select {font-family:inherit !important; font-size:inherit !important; max-width:90%; height:30px; border:1px solid #dedede; background:#fff; vertical-align:middle}
.tbl_board .att_title {font-weight:600; color:#343434; text-align:center; background:#fff !important}
.tbl_board .att_title span, .tbl_board .att_title a, .tbl_board .att_title font {font-weight:600; color:#343434}
.tbl_board.tbl_list tr:hover {background:#f9f9f9}
.tbl_board.tbl_list td a font {font-weight:normal !important; margin-left:10px}
.tbl_board td textarea {width:98%; font-family:inherit !important; font-size:inherit !important; padding:10px; border:1px solid #dedede; background:#fff}
.tbl_board .td_center {text-align:center}
.tbl_board .bbsnewf5 a {display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}

.tbl_board .bbsno, .tbl_board .bbswriter, .tbl_board .bbsetc_dateof_write, .tbl_board .bbspublic_ox, .tbl_board .bbsetc_receive_remail {display:none}



.tbl_board td[rel="¹øÈ£"], .tbl_board td[rel="ÀÛ¼ºÀÚ"], .tbl_board td[rel="ÀÛ¼ºÀÏÀÚ"], .tbl_board td[rel="°ø°³¿©ºÎ"], .tbl_board td[rel="´äº¯¹Þ±â"] {display:none;}
.tbl_board td[rel="Áø·á°ú¸ñ"] {width:25%}
.tbl_board td[rel="Á¦¸ñ"] {width:75%}
/* ----------------------------- °Ô½ÃÆÇ °øÅë ½ºÅ¸ÀÏ ----------------------------- */
/* ÅëÇÕ ÆùÆ® °ü·Ã */
.board, .bbsnewf5 {font-family:inherit !important; font-size:inherit !important}
.bbsnewf5 input, .bbsnewf5 img {vertical-align:middle}
/* Ä«Å×°í¸® */
.brd_category {display:none}
.board_tab {margin-bottom:30px}
.board_tab > ul > li {display:inline-block; margin-bottom:5px}
.board_tab > ul > li > a {display:block; padding:5px 8px; color:#333; border-radius:3px}
.board_tab > ul > li.on > a {color:#fff; background:#000 !important}
/* ÇÏ´Ü ±Û¾²±â ¹öÆ° */
.btn_btm_write {text-align:right}
.board-pagination {margin-top:30px; font-size:0; text-align:center}
.board-pagination > b, .board-pagination > a {display:inline-block; width:30px; height:30px; margin:0 2px; font-size:12px; text-align:center; line-height:28px; border:1px solid #dedede}
.board-pagination > a {color:#777}
.board-pagination > a:hover {color:#555; background:#f4f4f4}
.board-pagination > b {color:#fff; border-color:#333; background:#4b4b4b}
/* °Ë»ö */
#ext_search {margin-top:30px}
/* ----------------------------- ¿¹¾à °ü·Ã ½ºÅ¸ÀÏ ----------------------------- */
/* ¿¹¾à Ķ¸°´õ */
.pickMonth {text-align:center; margin-bottom:30px}
.pickMonth .btn {padding:0 10px !important}
.pickMonth .btn i {margin:0 !important}
.pickMonth #cur {display:inline-block; margin:0 15px; font-size:14px; color:#be9356; letter-spacing:2px}
.tbl_calendar {width:100%; border-top:2px solid #666; table-layout:fixed}
.tbl_calendar thead th {padding:15px 0; font-size:12px; color:#333; border-left:1px solid #e5e5e5; border-bottom:1px solid #dedede}
.tbl_calendar thead th span {display:none}
.tbl_calendar thead th:first-child {border-left:none}
.tbl_calendar tbody td {padding:10px; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; vertical-align:top}
.tbl_calendar tbody td:hover {background:#f9f9f9}
.tbl_calendar tbody tr > td:first-child {border-left:none}
.tbl_calendar .td_sun {color:#c62b2b}
.tbl_calendar .td_sat {color:#3f63eb}
.tbl_calendar .m_sunday, .tbl_calendar .m_saturday {background:#f4f4f4 !important}
.tbl_calendar .ye {display:inline-block; color:#fff !important; margin-right:3px; padding:2px 5px; border-radius:2px; background:#23bbab}
.tbl_calendar .wan {display:inline-block; color:#fff !important; margin-right:3px; padding:2px 5px; border-radius:2px; background:#c43c3c}
.tbl_calendar div[style*='hand'] {cursor:pointer; padding:2px 0}
#order_list {display:none; margin:30px 20px 0 20px; padding:20px; border:1px solid #dedede; background:#f9f9f9}
#order_list h3 {font-size:14px; font-weight:normal; color:#222; margin-bottom:20px}
#order_list ul {margin-bottom:20px}
#order_list ul > li {color:#777; line-height:1.65}
#order_list input[type=button] {padding:8px 25px; border:1px solid #d5d5d5 !important; border-radius:2px; background:#fff; cursor:pointer}
/* ¿¹¾àÇϱâ Æû */
#css_orderform table {width:100%; border-top:2px solid #666; border-collapse:collapse}
#css_orderform table th, #css_orderform table td {padding:15px; border-bottom:1px solid #e5e5e5}
#css_orderform table th {width:25%; font-weight:500; color:#4b4b4b; background:#f4f4f4}
#css_orderform table td input[type=text] {font-family:inherit !important; font-size:inherit !important; height:35px; padding-left:10px; border:1px solid #dedede; background:#fff}
#css_orderform table td select {font-family:inherit !important; font-size:inherit !important; min-width:70px; height:35px; margin:0 10px; padding-left:5px; border:1px solid #dedede; background:#fff; vertical-align:middle}
#css_orderform table td select:first-child {margin-left:0}
#css_orderform table td label {margin-right:10px}
.agreeWrapper {padding:0 20px}
.agreeWrapper .checkArea:after {clear:both; display:block; content:''}
.agreeWrapper .checkArea .left {float:left}
.agreeWrapper .checkArea .right {float:right}
.agreeWrapper .agreeinfo {clear:both; margin-top:5px}
.agreeWrapper .agreeinfo textarea {width:100%; height:160px; padding:10px; border:1px solid #dedede; background:#fff}
.reserve-btn {margin-top:30px; text-align:center}
.reserve-btn .btn {width:40%; height:40px !important; font-size:14px !important; line-height:38px !important}
/* ¿¹¾àÈ®ÀÎ ¹× Ãë¼Ò */
h2.reservation-title {margin-bottom:15px; font-size:14px; font-weight:normal; color:#333}
h2.reservation-title:before {display:inline-block; width:6px; height:2px; margin-right:7px; content:''; background:#000; vertical-align:4px}
.reservation-box {margin:0 20px; padding:20px; border:1px solid #e5d4c6}
.reservation-box ul > li {line-height:1.8}
.reservation-box ul > li:before {display:inline-block; width:2px; height:2px; margin-right:5px; content:''; background:#ccc; vertical-align:4px}
/* ----------------------------- ȸ¿ø °ü·Ã ½ºÅ¸ÀÏ ----------------------------- */
/* ȸ¿ø °ü·Ã °øÅë ¿ä¼Ò */
.joinWrapper {padding:0 20px;}
.joinWrapper .tbl_board col {display:none}
.member-box h2 {font-size:20px; font-weight:300; color:#000; margin-bottom:20px}
.member-box h3 {font-size:15px; font-weight:normal; color:#000; margin-bottom:20px}
.member-box h4 {font-size:14px; font-weight:600; color:#555; margin-bottom:10px}
.member-box input[type=text], .member-box input[type=password] {display:block; width:100%; height:40px; margin-bottom:10px; padding:10px; border:1px solid #dedede; border-radius:0; background:#f9f9f9;box-sizing:border-box;}
.member-box .btn-confirm {display:block; width:100%; height:40px; font-size:15px; color:#fff; border:none; border-radius:0; background:#000; cursor:pointer; outline:none}
.member-box .btn-confirm:hover {background:#333;}
.member-btm-btn {margin-top:30px; text-align:center}
.member-btm-btn .btn {width:40%; height:40px !important; font-size:14px !important; line-height:38px !important}
.member_td_bgcolor {width:25%; color:#4b4b4b; background:#f4f4f4}
textarea {box-sizing:border-box;}
input {border-radius:0;}
/* ·Î±×ÀÎÆäÀÌÁö */
.loginWrapper {position:relative; padding:0 20px}
.loginWrapper > .login-box {margin-bottom:30px; padding:20px; border:1px solid #e5e5e5}
.loginWrapper > .login-box .helpList {margin-top:20px; padding-top:15px; border-top:1px solid #e5e5e5}
.loginWrapper > .login-box .helpList > li {position:relative; color:#888; padding:4px 0 4px 10px}
.loginWrapper > .login-box .helpList > li.warning {color:#ff7e00}
.loginWrapper > .login-box .helpList > li:before {position:absolute; top:5px; left:0; content:'-'}
.loginWrapper > .login-box .helpList > li a {margin-left:10px}
/* ȸ¿ø°¡ÀÔ Áߺ¹È®ÀÎ ÆäÀÌÁö */
.joinWrapper > .join-box {padding:20px; border:1px solid #e5e5e5}
/* ȸ¿ø°¡ÀÔ ¾à°üµ¿ÀÇ ÆäÀÌÁö */
.joinWrapper .agree-box {margin-bottom:40px}
.joinWrapper .agree-box textarea {width:100%; height:250px; margin-bottom:15px; padding:10px; border:1px solid #e5e5e5}
.joinWrapper .agree-box input[type=checkbox] {margin-right:5px}
/* ----------------------------- ¹öÆ° °øÅë ½ºÅ¸ÀÏ ----------------------------- */
.btn {display:inline-block; padding:0 15px !important; height:30px !important; font-family:inherit !important; font-size:12px !important; color:#666 !important; text-align:center; line-height:28px !important; text-decoration:none !important; border:1px solid #dedede; border-radius:2px; background:#fff; cursor:pointer; vertical-align:middle}
.btn.btn-default:hover {color:#555 !important; border-color:#aaa}
.btn.btn-primary {color:#fff !important; border-color:#000; background:#000}
.btn.btn-primary:hover, .btn.btn-primary:focus {border-color:#b58c52; background:#000}
.btn.btn-secondary {color:#fff !important; border-color:#6d7281; background:#6d7281}
.btn.btn-secondary:hover, .btn.btn-secondary:focus {border-color:#686d7b !important; background:#686d7b}
.btn.btn-link {line-height:inherit !important; padding:0 !important; height:auto !important; border:none}
.btn i {margin-right:7px; vertical-align:0}
.btn.right-icon i {margin:0 0 0 7px}
/* ----------------------------- ÅÇ °øÅë ½ºÅ¸ÀÏ ----------------------------- */
.tab-primary {display:table; width:100%; margin-bottom:30px; table-layout:fixed}
.tab-primary > li {display:table-cell; width:auto; height:40px; text-align:center; vertical-align:middle}
.tab-primary > li a {display:block; width:100%; height:100%; font-size:13px; color:#333; line-height:40px; text-align:center; border:1px solid #d5d5d5; border-left:none;box-sizing:border-box;}
.tab-primary > li:first-child a {border-left:1px solid #d5d5d5}
.tab-primary > li.active a {color:#fff; border-color:#000; background:#000 !important}
.tab-primary > li:hover a {background:#f4f4f4}