/***********************
서브 스타일 시트
***********************/
/*서브공통 상단*/
.sub_top_title {text-align:center; background:#fcfcfc url(../img/sub_top_bg1.png) center top no-repeat; padding:52px 0; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9}
.sub_top_title h2 {font-size:30px; font-weight:500; color:#333333}

/*서브컨텐츠*/
/*sub1*/
.sub_inner {padding:70px 60px}
.sub_inner .top_area {position:relative; border-bottom:1px solid #d9d9d9; margin-bottom:95px}
.sub_inner .top_area:after {clear:both; content:''; display:block}
.sub_inner .top_area .img_wrap span {position:absolute; bottom:-4px; right:0; display:block; width:7px; height:7px; background:#999999; border-radius:50%}
.sub_inner .top_area .img_wrap img.sub1_bg {position:absolute; bottom:-10px; right:30px}
.sub_inner .top_area .img_wrap img.sub1_bg2 {bottom:-35px; left:0}
.sub_inner .top_area .desc {padding-left:65px}
.sub_inner .desc h3 {font-size:28px; font-weight:500; color:#333333; padding-bottom:25px}
.sub_inner .desc p {font-size:16px; font-weight:500; line-height:1.75; color:#81888f}
.sub_inner > div > div {display:inline-block}
.sub_inner > div .desc {vertical-align: middle}
.sub_inner .bottom_area {margin-bottom:50px}
.sub_inner .bottom_area:after {clear:both; content:''; display:block}
.sub_inner .bottom_area .img_wrap {float:right}

/*sub2*/
.floor_wrap {}
.floor_wrap .floor_item {display:block; width:100%; padding-bottom:30px}
.floor_wrap .floor_item .floor {display:inline-block; vertical-align:middle}
.floor_wrap .floor_item .floor span {position:relative; display:inline-block; width:230px; height:50px; line-height:50px; font-size:20px; font-weight:500; background:#aaaaaa; color:#fff; padding-left:20px}
.floor_wrap .floor_item .floor.active span {background:#ec880e}
.floor_wrap .floor_item .floor span:after {content:''; display:block; position:absolute; top:50%; right:20px; margin-top:-4px; width:8px; height:8px; background:#fff; border-radius:50%}
.floor_wrap .floor_item .room_num {display:inline-block; width:70%; margin-left:5px; vertical-align:middle}
.floor_wrap .floor_item .room_num ul {font-size:0}
.floor_wrap .floor_item .room_num ul:after {clear:both; content:''; display:block}
.floor_wrap .floor_item .room_num ul li {display:inline-block; width:120px; height:50px; line-height:48px; text-align:center; border:1px solid #d9d9d9; margin-right:10px}
.floor_wrap .floor_item .room_num ul li:hover {border:1px solid #ec880e}
.floor_wrap .floor_item .room_num ul li.active {border:1px solid #ec880e}
.floor_wrap .floor_item .room_num ul li a {display:block; width:100%; height:100%; font-size:16px; color:#999999}
.floor_wrap .floor_item .room_num ul li a:hover {color:#ec880e}
.floor_wrap .floor_item .room_num ul li.active a {color:#000}
.info_wrap .floor_info1 {display:none; padding-top:50px}
.info_wrap .floor_info1 .top {position:relative}
.info_wrap .floor_info1 .top h4 {font-size:22px; font-weight:700; color:#333333; padding-left:20px}
.info_wrap .floor_info1 .top h4:before {content:''; display:block; position:absolute; top:0; left:0; background:url(../img/floor_bullet.jpg) center top no-repeat; width:4px; height:20px}
.info_wrap .floor_info1 .top p {font-size:16px; font-weight:500; color:#333333; padding:10px 0 20px}

/* sub3 */
.ex_menu {padding-bottom:40px; text-align:center}
.ex_menu h3 {font-size:18px; font-weight:500; color:#161616}
.ex_menu h3:after {content:''; display:block; border:2px solid #ec880e; width:3%; margin:30px auto}
.ex_menu ul {display:table; table-layout:fixed; width:50%; margin:0 auto}
.ex_menu ul li {display:table-cell; width:100%; padding:0 5px}
.ex_menu ul li a {display:inline-block; width:100%; height:100%; padding:12px 20px; font-size:16px; font-weight:500; background:#3e6d8b; color:#fff; transition:all .3s ease}
.ex_menu ul li a:hover {background:#ec880e}
.ex_menu ul li.on a {background:#ec880e}
.ex_slider {width:100%; margin:0 auto; overflow:hidden; display:none}
.ex_slider ul {position:relative; overflow:hidden; width:1000%}
.ex_slider ul:after {clear:both; content:''; display:block}
.ex_slider ul li.slide1 {background:url(../img/ex_slide01.jpg) center top no-repeat}
.ex_slider ul li.slide2 {background:url(../img/ex_slide02.jpg) center top no-repeat}
.ex_slider ul li.slide3 {background:url(../img/ex_slide03.jpg) center top no-repeat}
.ex_slider ul li.slide4 {background:url(../img/ex_slide04.jpg) center top no-repeat}
.ex_slider ul li.slide5 {background:url(../img/ex_slide05.jpg) center top no-repeat}
.ex_slider ul li.slide6 {background:url(../img/ex_slide06.jpg) center top no-repeat}
.ex_slider ul li.slide7 {background:url(../img/ex_slide07.jpg) center top no-repeat}
.ex_slider ul li.slide8 {background:url(../img/ex_slide08.jpg) center top no-repeat}
.ex_slider ul li.slide9 {background:url(../img/ex_slide09.jpg) center top no-repeat}
.ex_slider ul li.slide10 {background:url(../img/ex_slide10.jpg) center top no-repeat}
.ex_slider ul li.slide11 {background:url(../img/ex_slide11.jpg) center top no-repeat}
.ex_slider ul li.slide12 {background:url(../img/ex_slide12.jpg) center top no-repeat}
.ex_slider ul li.slide13 {background:url(../img/ex_slide13.jpg) center top no-repeat}
.ex_slider ul li.slide14 {background:url(../img/ex_slide14.jpg) center top no-repeat}
.ex_slider ul li.slide15 {background:url(../img/ex_slide15.jpg) center top no-repeat}

.ex_slider ul li {width:1160px; height:500px; float:left; background-size:cover; background-position:100% 100%; margin:0 auto; text-align:center}
.event_wrap {text-align:center; margin-top:60px; width:100%; border-top:1px solid #d9d9d9; padding:50px 0}
.event_wrap h3 {font-size:20px; font-weight:500}
.bg_content {display:table-cell !important; width:100%; height:400px; background:url(../img/bg_content.jpg) center top no-repeat; vertical-align:middle; background-attachment:fixed}
.bg_content p {display:inline-block; width:75%; font-size:16px; font-weight:500; line-height:1.85; color:#fff}

/* sub4 */
.around_wrap {font-size:0; text-align:center; display:none}
.around_wrap:after {clear:both; content:''; display:block}
.around_wrap .around_box {float:left; width:50%}
.around_wrap .around_box .img_box {width:550px; margin:0 auto}
.around_wrap .around_box .img_box img {display:block; width:100%}
.around_wrap .around_box .desc {text-align:left; width:550px; margin:0 auto; padding:25px 0 50px}
.around_wrap .around_box h3 {display:inline-block; width:auto; font-size:18px; font-weight:700; color:#333; padding-bottom:0}
.around_wrap .around_box h3:after {content:''; display:block; border:1px solid #d9d9d9; width:auto; margin:10px 0}
.around_wrap .around_box span {display:block; font-size:20px; font-weight:500; color:#22647e; line-height:1.85; padding-bottom:10px; min-height:60px}
.around_wrap .around_box p {font-size:14px; font-weight:500; color:#161616}

.wr-section.typeTeam {}
.wr-section.typeTeam > .inner > ul > li .imgArea {position:relative; overflow:hidden}
.wr-section.typeTeam > .inner > ul > li .imgArea:before {position:absolute; top:0; left:0; width:100%; height:100%; content:''; background:#000; opacity:0; filter:alpha(opacity='0'); transition:all .3s ease; z-index:10}
.wr-section.typeTeam > .inner > ul > li .imgArea img {display:block; width:100%; transition:all .3s ease}
.wr-section.typeTeam > .inner > ul > li .imgArea:hover:before {opacity:.5; filter:alpha(opacity='50')}
.wr-section.typeTeam > .inner > ul > li .imgArea:hover img {transform:scale(1.1)}
.wr-section.typeTeam > .inner > ul > li .infoArea {margin:20px 0; padding-bottom:20px; border-bottom:1px solid #eee}
.wr-section.typeTeam > .inner > ul > li .infoArea h3 {font-size:14px; color:#333; font-weight:600; margin-bottom:5px}
.wr-section.typeTeam > .inner > ul > li .infoArea span {display:block; font-size:13px; color:#888}
.wr-section.typeTeam > .inner > ul > li p {display:-webkit-box; font-size:14px; color:#888; line-height:1.75; -webkit-box-orient:vertical; -webkit-line-clamp:3; max-height:74px; overflow:hidden; text-overflow:ellipsis}

/* sub5 */
.reser_subTitle {text-align:center}
.reser_subTitle h3 {font-size:30px; font-weight:500; color:#63bb90; margin-top:-20px}
.reser_subTitle p {font-size:16px; font-weight:500; padding:5px 0; line-height:1.85}
.reser_table {padding-top:40px}
.reser_table > h4 {font-size:16px; font-weight:500; color:#161616; padding:0 0 20px}
.reser_table > p {font-size:14px; font-weight:500; line-height:1.75; padding-top:20px}
.reser_table table {width:100%; border-top:2px solid #161616; text-align:center}
.reser_table table thead tr {}
.reser_table table thead tr th {background:#f7f7f7; padding:15px 0; border-left:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf; font-size:16px; font-weight:700; color:#2f2f2f}
.reser_table table thead tr th:first-child {border-left:0}
.reser_table table tbody tr td {padding:10px 0; border-left:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf; font-size:14px; font-weight:500; color:#161616}
.reser_table table tbody tr td:first-child {border-left:0}
.caution_wrap {padding-top:50px}
.caution_wrap .caution_box {padding:40px; background:#f9f9f9; border:1px dashed #d9d9d9; width:100%; margin:30px 0}
.caution_wrap .caution_box h4 {display:block; font-size:20px; font-weight:500; color:#161616}
.caution_wrap .caution_box h4 span {font-size:12px; font-weight:500; display:inline-block; padding-left:5px}
.caution_wrap .caution_box h4:after {content:''; display:block; width:100%; border-bottom:1px dotted #ccc; margin:20px 0 0}
.caution_wrap .caution_box ul {display:block; padding-top:20px}
.caution_wrap .caution_box ul li {position:relative; font-size:14px; font-weight:500; color:#484848; line-height:1.85; padding-left:10px; word-break:keep-all}
.caution_wrap .caution_box ul li:after {content:'-'; display:inline-block; position:absolute; top:0; left:0}
.caution_wrap .caution_box ul li span {font-weight:700; color:#e4975e}
.caution_wrap .caution_box3 ul {padding-bottom:40px}
.caution_wrap .caution_box3 > span {display:inline-block; padding:10px 0; float:right; font-size:14px; font-weight:700; color:#e45e5e}
.caution_wrap .caution_box3 > p {padding:10px 0; position:relative; font-size:14px; line-height:1.85; padding-left:20px}
.caution_wrap .caution_box3 > p:before {content:'*'; position:absolute; top:12px; left:0}
.caution_wrap .caution_box3:after {clear:both; content:''; display:block}
.caution_wrap .caution_box table {width:100%; border-top:2px solid #000; text-align:center}
.caution_wrap .caution_box table thead tr {}
.caution_wrap .caution_box table thead tr th {padding:15px 0; border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9; background:#676767; color:#fff; font-weight:500}
.caution_wrap .caution_box table thead tr th:first-child {border-left:0}
.caution_wrap .caution_box table tbody tr td {padding:15px 0; border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9; background:#fff}
.caution_wrap .caution_box table tbody tr td:first-child {border-left:0}

/* sub6 */
.map_box {width:100%; padding:40px; margin-top:50px; background:#f9f9f9; border:1px dashed #d0d0d0}
.map_box .top {margin-bottom:30px}
.map_box .top h3 {position:relative; font-size:20px; font-weight:500; padding-left:20px}
.map_box .top h3:before {content:'ㆍ'; display:block; position:absolute; top:6px; left:-4px}
.map_box .top p {font-size:16px; font-weight:500; padding:10px 0}
.map_box .top p i {vertical-align:inherit}
.map_box .bottom h3 {position:relative; padding-left:20px}
.map_box .bottom h3:before {content:'ㆍ'; display:block; position:absolute; top:6px; left:-4px}
.map_box .bottom h3 span {font-size:20px; font-weight:500}
.map_box .bottom span {font-size:16px; font-weight:500; display:block; padding:5px 0}
.map_box .bottom span.finish {font-size:20px; font-weight:500; display:inline-block}
.map_box .bottom p {font-size:16px; font-weight:500; padding:10px 0}
.map_box .bottom p span.txt {position:relative; display:inline-block; padding-left:20px}
.map_box .bottom p span.txt:before {content:'▶'; position:absolute; top:8px; left:0; font-size:10px}
.map_box .bottom p i {vertical-align:inherit; transform:rotate(90deg)}


/* 서브 슬라이드 영역 */
.owl-item {float:left}
.owl-nav > div {position:absolute; top:50%; text-align:center; margin-top:-23px; cursor:pointer}
.owl-nav > div.owl-prev {left:0}
.owl-nav > div.owl-next {left:1115px}
.owl-nav > div i {display:inline-block; width:45px; height:45px; line-height:45px; background:rgba(0,0,0,0.55); transition:all 0.3s ease}
.owl-nav > div i:hover {background:rgba(250,250,250,0.55); color:#fff}
.owl-dots {position:absolute; bottom:50px; left:50%; margin-left:-85px}
.owl-dots:before {content:''; position:absolute; bottom:18px; left:50%; border:1px solid rgba(250,250,250,0.55); width:122px; height:1px; margin-left:-61px}
.owl-dots > div {display:inline-block; width:35px; height:35px; line-height:35px; margin-left:10px; vertical-align:middle; text-align:center; padding:0; background:transparent; border-radius:50%; vertical-align: middle}
.owl-dots > div.active {border:1px solid #fff}
.owl-dots > div:first-child {margin-left:0}
.owl-dots > div span {display:inline-block; width:13px; height:13px; background:rgba(250,250,250,0.55); border-radius:50%; cursor:pointer}
.owl-dots > div.active span {background:rgba(250,250,250,1)}

/*객실 정보 테이블*/
.info_wrap {}
.info_wrap  .floor_info1 {width:100%}
.middle table {width:100%; border-top:2px solid #000; text-align:center}
.middle table thead {}
.middle table thead tr {}
.middle table thead tr th {padding:10px 0; background:#fafafa; font-size:16px; font-weight:700; color:#333333; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9}
.middle table thead tr th:last-child {border-right:0}
.middle table tbody {}
.middle table tbody tr {}
.middle table tbody tr td {padding:10px 0; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; font-size:16px; font-weight:500; color:#333333}
.middle table tbody tr td:last-child {border-right:0}
.middle > p {padding-top:10px; font-size:14px; font-weight:500}
.middle > p span {display:inline-block; margin-right:10px}


/*서브페이지 푸터*/
#footer {position:relative; border-top:1px solid #d9d9d9}


/*------------------------ 게시판 공통 스타일시트 ------------------------*/
#board_nav {display:none}

/*------------------------ 공통 UI 스타일시트 ------------------------*/
/* 탭 */
.tab-primary {display:table; width:100%; border-collapse:collapse; table-layout:fixed}
.tab-primary > li {display:table-cell; width:auto; height:50px; border:1px solid #d0d0d0; cursor:pointer}
.tab-primary > li:hover {background:#f9f9f9}
.tab-primary > li a {display:block; width:100%; height:100%; font-size:18px; font-weight:600; color:#0c0c0c; line-height:50px; text-align:center}
.tab-primary > li.selected {border-color:#0c0c0c; background:#0c0c0c}
.tab-primary > li.selected a {color:#fff}
.tab-submenu, .tab-category {margin-bottom:40px}
.tab-category > li:first-child {display:none}

/* 텍스트 에어리어 */
.area-primary {padding:20px; font-family:inherit; font-size:14px; color:#777; line-height:25px; border:1px solid #d8d8d8}
.area-agree {width:100%; height:200px}
.area-content {width:100%; height:230px}
.area-comment {width:100%; height:120px}

/* 체크박스 */
.check-agree {margin-top:25px}
.check-primary.check-inline {display:inline-block}
/*
.check-primary {position:relative}
.check-primary input[type=checkbox] {position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; overflow:hidden; clip:rect(0,0,0,0)}
.check-primary input[type=checkbox] + label {position:relative; display:inline-block; font-size:14px; font-weight:600; color:#777; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none}
.check-primary input[type=checkbox] + label:before {display:inline-block; width:15px; height:15px; margin:-2px 8px 0 0; text-align:center; content:''; border:1px solid #d0d0d0; background:#fff; vertical-align:-3px}
.check-primary input[type=checkbox]:checked + label:before {border-color:#0c0c0c}
.check-primary input[type=checkbox]:checked + label:after {display:block; position:absolute; top:50%; left:5px; width:5px; height:5px; margin-top:-2px; content:''; background:#0c0c0c}*/

/* 테이블 */
.tbl-basic {width:100%; border-top:3px solid #0c0c0c}
.tbl-basic thead th {font-size:15px; font-weight:600; color:#333; text-align:center; padding:15px 0; border-bottom:1px solid #d8d8d8; background:#f7f7f7}
.tbl-basic tbody th {font-weight:600; color:#0c0c0c; text-align:left; padding:13px 0 13px 40px; background:#f7f7f7}
.tbl-basic tbody th, .tbl-basic tbody td {font-size:14px; line-height:1.6; border-bottom:1px solid #d8d8d8}
.tbl-basic tbody td {color:#777; padding:13px 25px}
.tbl-basic tbody td a:hover {color:#0c0c0c; text-decoration:underline}
.tbl-basic tbody td input.block {margin:4px 0}

.tbl-simple {width:100%; border-top:2px solid #333}
.tbl-simple th, .tbl-simple td {font-size:14px; padding:13px 15px; line-height:1.75}
.tbl-simple td:nth-child(2) p {font-size:13px; font-weight:600}
.tbl-simple td:nth-child(2) span {font-size:12px; color:#ababab}
.tbl-simple th {color:#0c0c0c; text-align:center; padding-left:0; padding-right:0; border-bottom:1px solid #d0d0d0; background:#f7f7f7}
.tbl-simple td {color:#777; border-bottom:1px solid #d0d0d0}
.tbl-simple td .btn-link {display:inline-block; font-size:13px; font-weight:600; color:#333; padding:5px 8px; border:1px solid #e2e2e2; background:#fff}
.tbl-simple td .btn-link:hover {border-color:#bbb}
.tbl-simple td.td_on, .tbl-simple td.td_on a {color:#d40000 !important}
.tbl-simple td.td_on, .tbl-simple td.td_on a em {color:#d40000 !important}
.tbl-simple td strong {color:#d40000}

.tbl-board tbody tr:hover td {background:#f8f8f8}

tr.hide, td.hide {display:none}

.tbl-transparent {width:100%}
.tbl-transparent tbody th, .tbl-transparent tbody td {font-size:14px; color:#777; padding:5px 0; border:none; background:none}
.tbl-transparent tbody th {font-weight:600; text-align:left}
span.required {margin-left:5px; font-size:20px; color:#d80606; vertical-align:inherit}
.td_center {text-align:center}

/* 서식 진행 */
.btn_confirm {margin-top:30px; text-align:center}

/* 입력 요소 */
.text-primary {height:35px; padding:0 10px; font-size:14px; font-weight:normal; color:#777; border:1px solid #d0d0d0;margin-top:1px;}
.text-primary.half {width:50%}
.text-primary.block {display:block; width:100%}
.file-transparent {position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:none; overflow:hidden; clip:rect(0,0,0,0)}

/* 셀렉트 박스 */
.combo-primary {display:inline-block; padding:0 10px; height:35px; font-size:15px; border:1px solid #d0d0d0; background:#fff; cursor:pointer; vertical-align:middle}

/* 버튼 */
.btn {display:inline-block; padding:0 25px; height:35px; font-size:15px; font-weight:600; text-align:center; line-height:33px; border:1px solid #d0d0d0; background:transparent; cursor:pointer; vertical-align:middle}
.btn.btn-grey {color:#2d2d2d; background:#f7f7f7}
.btn.btn-black {color:#fff; border-color:#2d2d2d; background:#2d2d2d;transition:all .3s;}
.btn.btn-black:hover {border-color:#42b6f6; background:#42b6f6}
.btn.btn-black-o {color:#2d2d2d; border-color:#2d2d2d}
.btn.btn-red {color:#fff; border-color:#9c0000; background:#9c0000}
.btn.btn-red-o {color:#d40000; border-color:#9c0000}
.btn.btn-white {color:#2d2d2d; border-color:#fff; background:#fff}

.btn.btn-lg {font-size:17px; line-height:43px; height:45px; padding:0 35px}
.btn.btn-xl {font-size:20px; line-height:48px; height:50px; padding:0 45px}

/* 레이블 */
.lbl-chain {margin-right:20px}

/* 참고사항 */
blockquote {margin:40px 0 0 0; padding:20px; border:1px solid #dedede; border-top:2px solid #0c0c0c; line-height:35px; text-align:center; display:none}
blockquote h3 {display:inline-block; width:10%; font-size:15px; font-weight:600; color:#0c0c0c; margin-bottom:10px}
blockquote h3:before {display:inline-block; width:16px; height:16px; font-size:13px; font-weight:600; color:#fff; text-align:center; line-height:16px; content:'!'; margin-right:8px; background:#0c0c0c}
blockquote p {display:inline-block; font-size:14px; color:#666}

/* 페이지네이션 */
ol.pagination {margin-top:40px; font-size:0; text-align:center}
ol.pagination > li {display:inline-block; font-size:14px; width:26px; height:26px; margin:0 2px; border:1px solid #d0d0d0; vertical-align:middle}
ol.pagination > li:hover {background:#f6f6f6}
ol.pagination > li a {display:block; width:100%; height:100%; font-size:14px; font-weight:600; color:#777; line-height:24px}
ol.pagination > li.current {border-color:#2d2d2d; background:#2d2d2d}
ol.pagination > li.current a {color:#fff}

.pg_wrap {margin-top:40px; font-size:0; text-align:center}
.pg_wrap strong, .pg_wrap a {display:inline-block; font-size:14px; width:26px; height:26px; margin:0 2px; line-height:24px; border:1px solid #d0d0d0; vertical-align:middle}
.pg_wrap a:hover {background:#f6f6f6}
.pg_wrap a {font-size:14px; font-weight:600; color:#777}
.pg_wrap .pg_current {color:#fff; border-color:#2d2d2d; background:#2d2d2d}
.pg_wrap .pg_start, .pg_wrap .pg_end {font-size:0; text-indent:-9999em}
.pg_wrap .pg_start:after {font-family:'FontAwesome'; font-size:14px; font-weight:normal; content:'\f100'}
.pg_wrap .pg_end:after {font-family:'FontAwesome'; font-size:14px; font-weight:normal; content:'\f101'}


.process {font-size:30px;}