@charset "utf-8";
/* ���� ��� */
#header {position:fixed; top:0px; left:0; width:100%; height:80px; z-index:990; background:#fff; border-bottom:1px solid #c8c8c8}
/*sub visual common*/
.sub_visual {position:relative; width:100%; height:500px; margin-bottom:40px; background-size:cover; text-align:center}
.sub_visual h2 {font-size:60px; letter-spacing:10px; padding-top:120px; color:#fff}
.sub_visual h2:after {content:''; display:block; border-bottom:2px solid #fff; width:15%; height:2px; margin:0 auto}
.sub_visual h2.re_title:after {content:''; display:block; border-bottom:2px solid #fff; width:30%; height:2px; margin:0 auto}
.sub_visual span.ns {font-size:24px; font-weight:500; letter-spacing:5px; color:#fff; line-height:65px}
.sub_visual .inner {max-width:1400px; margin:0 auto}
.sub_visual .inner ul {position:relative}
.sub_visual .inner ul:after {clear:both; content:''; display:block}
.sub_visual .inner ul li {display:inline-block; margin:20px 5px; width:120px; height:120px; background:rgba(250,250,250,0.15); border:4px solid #fff; transition:all 0.3s ease}
.sub_visual .inner ul li:hover {background:#21bbb1; border:4px solid #21bbb1}
.sub_visual .inner ul li.on {background:#21bbb1; border:4px solid #21bbb1}
.sub_visual .inner ul li a {position:relative; display:inline-block; width:100%; height:100%; line-height:120px}
.sub_visual .inner ul li a span {font-size:15px; font-weight:500; color:#fff; letter-spacing:-1px}
.sub_visual2 .inner ul li a span.mont {letter-spacing:1px; font-weight:500}
.sub_visual .inner ul li a span:before {content:''; display:block; background:url(../img/sub_bullet.png) center top no-repeat; position:absolute; top:50%; margin-top:-20px; left:45%; width:10px; height:10px}
.sub_visual .inner ul li.on a span:before {content:''; display:block; background:url(../img/sub_bullet_on.png) center top no-repeat; position:absolute; top:50%; margin-top:-20px; left:45%; width:10px; height:10px}
.sub_visual .inner ul li:hover a span:before {content:''; display:block; background:url(../img/sub_bullet_on.png) center top no-repeat; position:absolute; top:50%; margin-top:-20px; left:45%; width:10px; height:10px}
/*���� ���� Ÿ��Ʋ*/
.sub_wrap .inner .sub_title {position:relative; text-align:center; padding:20px 0; border-bottom:1px solid #e5e5e5; margin-bottom:40px}
.sub_wrap .inner .sub_title h3 {font-size:28px; font-weight:700; letter-spacing:-1px; line-height:1.65; color:#333333; padding-bottom:10px}
.sub_wrap .inner .sub_title p {font-size:17px; font-weight:; color:#444444; letter-spacing:-1px}
.sub_wrap .inner .sub_title .sub_pagenation {position:relative}
.sub_wrap .inner .sub_title .sub_pagenation a {transition:all 0.3s ease}
.sub_wrap .inner .sub_title .sub_pagenation a i {position:absolute; bottom:0; border:1px solid #e5e5e5; display:block; width:45px; height:45px; line-height:43px; font-size:18px; transition:all 0.3s ease}
.sub_wrap .inner .sub_title .sub_pagenation a:hover i {border:1px solid #21bbb1; color:#fff; background:#21bbb1}
.sub_wrap .inner .sub_title .sub_pagenation a i.left {left:0}
.sub_wrap .inner .sub_title .sub_pagenation a i.right {right:0}
/*sub visual*/
.sub_visual1 {background:url(../img/sub1_visual.jpg) center top no-repeat}
.sub_visual2 {background:url(../img/sub2_visual.jpg) center top no-repeat}
.sub_visual3 {background:url(../img/sub3_visual.jpg) center top no-repeat}
/*���� ����*/
#sub_wrap.sub_wrap {padding-top:80px}
#sub_wrap > .inner {max-width:1400px; margin:0 auto}
#sub_wrap > .inner > p {display:none;}
#footer > .inner {max-width:1400px; margin:0 auto}
#sub_wrap .inner2 {}
/* 4�� ������ */
.wr-section.typeTeam {padding:0 0 40px}
.wr-section.typeTeam > ul > li .imgArea {position:relative; overflow:hidden}
.wr-section.typeTeam > 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 > ul > li .imgArea img {display:block; width:100%; transition:all .3s ease}
.wr-section.typeTeam > ul > li .imgArea:hover:before {opacity:.5; filter:alpha(opacity='50')}
.wr-section.typeTeam > ul > li .imgArea:hover img {transform:scale(1.1)}
.wr-section.typeTeam > ul > li .infoArea {margin:20px 0; padding-bottom:20px; border-bottom:1px solid #eee}
.wr-section.typeTeam > ul > li .infoArea h3 {font-size:14px; color:#333; font-weight:600; margin-bottom:5px}
.wr-section.typeTeam > ul > li .infoArea span {display:block; font-size:13px; color:#888}
.wr-section.typeTeam > ul > li p {display:-webkit-box;margin-bottom:15px; font-size:14px; color:#888; line-height:1.75; -webkit-box-orient:vertical; -webkit-line-clamp:3; max-height:530px; overflow:hidden; text-overflow:ellipsis}
/* 3�� ���̵� ���� */
.wr-section.typeFullGrid {padding:0 !important}
.wr-section.typeFullGrid > ul > li {position:relative; display:table; min-height:450px; padding:50px; background-size:cover !important}
.wr-section.typeFullGrid > ul > li.item1 {background:url(../img/grid_full_img1.jpg) center no-repeat}
.wr-section.typeFullGrid > ul > li.item2 {background:url(../img/grid_full_img2.jpg) center no-repeat}
.wr-section.typeFullGrid > ul > li.item3 {background:url(../img/grid_full_img3.jpg) center no-repeat}
.wr-section.typeFullGrid > ul > li .textCell {display:table-cell; padding:60px 0; vertical-align:middle}
.wr-section.typeFullGrid > ul > li .textCell h3 {font-size:22px; font-weight:600; color:#fff; letter-spacing:-1px; margin-bottom:40px}
.wr-section.typeFullGrid > ul > li .textCell p {font-size:16px; color:#fff; line-height:1.5; margin-bottom:30px}
.wr-section.typeFullGrid > ul > li .textCell a {color:#fff}
/* 3�� �߾����� �׸��� ���� */
.wr-section.typeFeature > .inner > ul > li .tile {padding:20px; background-color:#333}
.wr-section.typeFeature > .inner > ul > li .tile .tile-count {display:block; font-size:32px; font-weight:600; color:#fff; letter-spacing:-1px; margin-bottom:40px}
.wr-section.typeFeature > .inner > ul > li .tile h3 {font-size:18px; font-weight:600; color:#fff; margin-bottom:15px}
.wr-section.typeFeature > .inner > ul > li .tile p {color:#fff; line-height:1.75}
.wr-section.typeFeature > .inner > ul > li .item1 {background-color:#2c3e50}
.wr-section.typeFeature > .inner > ul > li .item2 {background-color:#fc4349}
.wr-section.typeFeature > .inner > ul > li .item3 {background-color:#6dbcdb}
.wr-section.typeFeature > .inner > ul > li .desc {margin-top:30px; text-align:center}
.wr-section.typeFeature > .inner > ul > li .desc h4 {font-size:14px; font-weight:600; color:#333; letter-spacing:-1px; margin-bottom:5px}
.wr-section.typeFeature > .inner > ul > li .desc p {font-size:13px; color:#888}
/* 2�� �ؽ�Ʈ-�̹��� ���� */
.wr-section.typeNews {background:#f4f4f4; padding:80px 0}
.wr-section.typeNews .gridWrapper:after {clear:both; display:table; content:''}
.wr-section.typeNews .gridWrapper .textArea {float:left; width:55%}
.wr-section.typeNews .gridWrapper .textArea p {color:#555; line-height:1.75; margin-bottom:40px}
.wr-section.typeNews .gridWrapper .imgArea {float:right; width:40%}
.wr-section.typeNews .gridWrapper .imgArea img {display:block; width:100%}
/* ����� ���� */
.wr-section.typeParallax {background-size:cover}
.wr-section.typeParallax.pr1 {background:url(../img/section_bg.jpg) center no-repeat fixed}
.wr-section.typeParallax .captionBox {max-width:510px; margin:auto; padding:30px 0; text-align:center}
.wr-section.typeParallax .captionBox h2 {font-size:30px; font-weight:600; color:#fff; line-height:1.3; margin-bottom:40px}
.wr-section.typeParallax .captionBox p {font-size:14px; color:#fff; line-height:1.6}
.wr-section.typeParallax .captionBox .btnArea {margin-top:30px}
.wr-section.typeParallax .captionBox .btnArea > .btn {margin:0 4px}
/* �⺻ 2�� �׸��� ���� */
.wr-section.typeBasicGrid2 {}
.wr-section.typeBasicGrid2 > .inner > ul > li .imgArea {margin-bottom:20px}
.wr-section.typeBasicGrid2 > .inner > ul > li .imgArea img {display:block; width:100%}
.wr-section.typeBasicGrid2 > .inner > ul > li h4 {font-size:18px; font-weight:600; color:#555; margin-bottom:10px}
.wr-section.typeBasicGrid2 > .inner > ul > li p {color:#888; line-height:1.75}
/*villa css*/
.inner .room_thumb {}
.inner .room_thumb ul {position:relative; display:table; table-layout:fixed; margin:0 -5px; transition:all 0.3s ease}
.inner .room_thumb ul:after {clear:both; content:''; display:block}
.inner .room_thumb ul li {display:inline-block; width:16.66666%; padding:0 5px}
.inner .room_thumb ul li .thumbBox {overflow:hidden; text-align:left; transition:all 0.3s ease}
.inner .room_thumb ul li a {}
.inner .room_thumb ul li a:hover .thumbBox {border:5px solid #21bbb1}
.inner .room_thumb ul li a:hover span {color:#21bbb1}
.inner .room_thumb ul li .thumbBox img {display:block; width:100%}
.inner .room_thumb ul li.on .thumbBox {border:5px solid #21bbb1}
.inner .room_thumb ul li span {display:block; padding:10px 0; font-size:17px; font-weight:500; letter-spacing:-1px; color:#444444; transition:all 0.3s ease}
.inner .room_thumb ul li.on span {color:#21bbb1}
/*��� �����*/
.Thumbnail {margin:0 -5px; display:table; table-layout:fixed}
#preview {display:table-cell; width:16.66666%; padding:0; overflow:hidden;text-align:center;}
#preview:before {clear:both; content:''; display:block; margin:0 -5px}
#preview a {font-size:17px; font-weight:500; letter-spacing:-1px; color:#444444; transition:all 0.3s ease; text-transform:uppercase; overflow:hidden}
#preview a > img {display:block; width:100%; height:auto; border:6px solid transparent}
#preview img.room_thumbnail:hover {border-color:#21bbb1; transition:all 0.3s ease}
#preview ul {position:relative; display:table; table-layout:fixed; margin:0 -5px; transition:all 0.3s ease}
#preview ul:after {clear:both; content:''; display:block}
#preview ul li {display:inline-block; width:16.66666%; padding:0 5px}
#preview ul li .thumbBox {overflow:hidden; text-align:left; transition:all 0.3s ease}
#preview ul li a {}
#preview ul li a:hover .thumbBox {border:5px solid #21bbb1}
#preview ul li a:hover span {color:#21bbb1}
#preview ul li .thumbBox img {display:block; width:100%}
#preview ul li.on .thumbBox {border:5px solid #21bbb1}
#preview ul li span {display:block; padding:10px 0; font-size:17px; font-weight:500; letter-spacing:-1px; color:#444444; transition:all 0.3s ease}
#preview ul li.on span {color:#21bbb1}
.inner .room_table {padding:40px 0 30px}
.inner .room_table table {width:100%; text-align:center}
.inner .room_table table thead {}
.inner .room_table table thead tr {}
.inner .room_table table thead tr th {padding:10px 0; background:#fbfbfb; font-size:14px; font-weight:700; color:#444444; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9}
.inner .room_table table thead tr:first-child th {border-top:2px solid #161616}
.inner .room_table table thead tr:first-child th:first-child {border-left:1px solid #d9d9d9}
.inner .room_table table tbody {}
.inner .room_table table tbody tr {}
.inner .room_table table tbody tr td {padding:10px 0; border-bottom:1px solid #d9d9d9; font-size:13px; font-weight:700; border-right:1px solid #d9d9d9; color:#444444}
.inner .room_table table tbody tr td:first-child {border-left:1px solid #d9d9d9}
/*room thumbnail*/
#facilitySlider:after {clear:both; display:block; content:''}
#facilitySlider .viewer_tle_01 {display:none}
#facilitySlider .viewer_content_01 {width:100% !important; height:auto !important; margin:0 !important}
#maskingTarget {float:none !important; width:100% !important}
#maskingTarget:after {clear:both; content:''; display:block}
#maskingTarget ul li {font-size:0; margin:0 -5px}
#maskingTarget ul li > div {display:inline-block; float:none !important; width:16.66666% !important; height:auto !important; text-align:justify !important; margin:10px 0 !important; padding:0 5px}
#maskingTarget ul li div > div {width:100% !important}
#maskingTarget ul li div a {}
#maskingTarget ul li div a img {display:block; width:100%; height:auto}
#selectedImage {display:block; width:100%; height:auto}
#facilitySlider .floor-container .floor-info .thumb-list {margin:0 -5px}
#facilitySlider .floor-container .floor-info .thumb-list:after {clear:both; content:''; display:block}
#facilitySlider .floor-container .floor-info .thumb-list > li {position:relative; float:left; width:16.666667%; margin-bottom:20px; padding:0 5px; cursor:pointer}
#facilitySlider .floor-container .floor-info .thumb-list > li img {display:block; width:100%}
#facilitySlider .floor-container .floor-info .thumb-list > li:before {position:absolute; top:0; left:5px; right:5px; bottom:0; content:''; border:0px solid #21bbb1; transition:all 0.3s ease}
#facilitySlider .floor-container .floor-info .thumb-list > li.selected:before,#facilitySlider .floor-container .floor-info .thumb-list > li:hover:before {border-width:6px}
/*room desc*/
.room_desc {}
.room_desc .roomIn {}
.room_desc .desc {padding-bottom:50px}
.room_desc .desc h3 {font-size:17px; font-weight:700; color:#444444; padding-bottom:10px}
.room_desc .desc p {font-size:14px; font-weight:500; color:#444444}
/*room table*/
.desc.roomIn2 {}
.desc.roomIn2 table {width:100%; border-top:2px solid #161616}
.desc.roomIn2 table tbody {}
.desc.roomIn2 table tbody tr {}
.desc.roomIn2 table tbody tr td {padding:12px; border-color:#d9d9d9}
.desc.roomIn2 table tbody tr td#app_td1 {background:#f9f9f9; width:10% !important}
table.roomTable {width:100%; text-align:center}
table.roomTable thead {}
table.roomTable thead tr {}
table.roomTable thead tr th {padding:10px 0; background:#fbfbfb; font-size:14px; font-weight:700; color:#444444; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9}
table.roomTable thead tr:first-child th {border-top:2px solid #161616}
table.roomTable thead tr:first-child th:first-child {border-left:1px solid #d9d9d9}
table.roomTable tbody {}
table.roomTable tbody tr {}
table.roomTable tbody tr td {padding:10px 0; border-bottom:1px solid #d9d9d9; font-size:13px; font-weight:700; border-right:1px solid #d9d9d9; color:#444444}
table.roomTable tbody tr td:first-child {border-left:1px solid #d9d9d9}
/*module css*/
table.app_table {width:100%; text-align:center; margin-top:50px}
table.app_table tbody {}
table.app_table tbody tr {}
table.app_table tbody tr:first-child td {padding:10px 0; background:#fbfbfb; font-size:14px; font-weight:700; color:#444444; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9}
table.app_table tbody tr:first-child td {border-top:2px solid #161616}
table.app_table tbody tr:first-child td:first-child {border-left:1px solid #d9d9d9}
table.app_table tbody {}
table.app_table tbody tr {}
table.app_table tbody tr td {padding:10px 0; border-bottom:1px solid #d9d9d9; font-size:13px; font-weight:; border-right:1px solid #d9d9d9; color:#444444}
table.app_table tbody tr td:first-child {border-left:1px solid #d9d9d9}
.inner .btn_area {padding:50px 0}
.inner .btn_area a > span {background:url(../img/border-img.png) center top; position:relative; display:inline-block; padding:10px 60px; transition:all 0.3s ease}
.inner .btn_area a > span:before {position:absolute; content:''; display:block; top:4px; left:4px; right:4px; bottom:4px; background:#fff; z-index:5; transition:all 0.3s ease}
.inner .btn_area a > span:hover:before {color:#21bbb1}
.inner .btn_area a > span > span {font-size:18px; font-weight:700; position:relative; z-index:20; transition:all 0.3s ease}
.inner .btn_area a:hover > span > span {color:#21bbb1}
/* column style (pc) */
*[class^=col-]:after {clear:both; display:table; content:''}
*[class^=col-] {margin:0 -15px}
*[class^=col-] > li {float:left; padding:0 15px}
.col-lg-2 > li {width:50%}
.col-lg-3 > li {width:33.333334%}
.col-lg-4 > li {width:25%}
.col-lg-5 > li {width:20%}
.col-lg-6 > li {width:16.666666666%}
.col-lg-7 > li {width:14.2857142%}
.col-lg-8 > li {width:12.5%}
.col-lg-9 > li {width:33.333334%;margin-top:50px}


.col-wide {margin-left:0 !important; margin-right:0 !important}
.col-half {max-width:660px; margin:auto !important}
.col-half > li {padding-left:0 !important; padding-right:0 !important}
/* section style */
.wr-section {padding:80px 0}
.wr-section:after {clear:both; display:table; content:''}
.wr-section > .inner {max-width:1300px; margin:0 auto; padding:0 50px; overflow:hidden}
.wr-section > .inner > .title {text-align:center; margin-bottom:60px}
.wr-section > .inner > .title.left {text-align:left !important}
.wr-section > .inner > .title h2 {font-size:36px; font-weight:600; color:#333; letter-spacing:-1px; margin-bottom:15px}
.wr-section > .inner > .title.underline h2:after {display:block; margin:15px auto; width:25%; height:2px; content:''; background:#555}
.wr-section > .inner > .title p {color:#999; line-height:1.75; width:50%; margin:auto}
.wr-section > .inner > .title p.color-orange {color:#ee8e37}
/* button style */
.btn {display:inline-block; padding:0 20px; font-family:inherit !important; font-size:13px; height:35px; line-height:33px; border:1px solid #dedede; border-radius:2px; background:#fff; cursor:pointer; vertical-align:top; transition:all .3s ease}
.btn.btn-default {color:#555 !important; background:#fff}
.btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active {background:#f4f4f4}
.btn.btn-light {color:#000 !important; border-color:#fff; background:#fff}
.btn.btn-light:hover, .btn.btn-light:focus, .btn.btn-light:active {color:#fff !important; border-color:#000; background:#000}
.btn.btn-success {color:#fff !important; border-color:#50b35a; background:#50b35a}
.btn.btn-success:hover, .btn.btn-success:focus, .btn.btn-success:active {border-color:#4c9a54; background:#4c9a54}
.btn.btn-grey {color:#fff !important; border-color:#a2a8af; background:#a8aeb6}
.btn.btn-grey:hover, .btn.btn-grey:focus, .btn.btn-grey:active {border-color:#8c95a1; background:#919ba9}
.btn.btn-ghost {color:#fff !important; border-color:rgba(255, 255, 255, .3); border-radius:0 !important; background:transparent !important}
.btn.btn-ghost:hover, btn.btn-ghost:focus, btn.btn-ghost:active {color:#000 !important; border-color:#fff !important; background:#fff !important}
/* button size */ 
.btn.btn-sm {font-size:12px; line-height:28px; height:30px; padding:0 15px}
.btn.btn-lg {line-height:41px; height:45px; padding:0 30px; border-width:2px}
.btn.btn-xlg {font-size:15px; line-height:44px; height:50px; padding:0 40px; border-width:3px}
.btn.btn-slim {border-width:1px !important}
/* button fontawesome icon */
.btn i {margin:0 5px 0 0 ; vertical-align:-1px}
.btn i.right {margin:0 0 0 5px}
/*���ô±�*/
#map {position:relative; height:400px; margin-bottom:30px; overflow:hidden}
.map_box {background:#f9f9f9; padding:30px; margin-bottom:30px}
.map_box ul.map_info {}
.map_box ul.map_info li {position:relative; margin-bottom:5px; padding-left:10px}
.map_box ul.map_info li:before {display:block; content:''; position:absolute; top:9px; left:0; width:3px; height:3px; background:#b9b3b3}
/*----------------------------- �Խ��� -----------------------------*/
/* �Խ��� ���� */
.bbsnewf5 {font:inherit !important}
.bbsnewf5 a:hover {color:inherit !important}
.board {font-family:inherit !important}
.tbl_brd {width:100%; margin-bottom:40px; border-top:2px solid #666}
.tbl_brd input {font:inherit !important}
.tbl_brd input[type=file] {width:80%}
.tbl_brd input[type=text], .tbl_brd input[type=password] {width:80%; height:40px; padding-left:10px; border:1px solid #e8e8e8; border-radius:3px; color:#666}
.tbl_brd input[type=text]:focus, .tbl_brd input[type=text]:hover, .tbl_brd input[type=password]:focus, .tbl_brd input[type=password]:hover {border-color:#d8d8d8}
.tbl_brd select {height:40px; line-height:38px; padding:0 10px; border:1px solid #e0e0e0; cursor:pointer}
.tbl_brd textarea {font:inherit !important; width:80%; max-height:120px; padding:10px; border:1px solid #e0e0e0; border-radius:3px}
.tbl_brd textarea:focus, .tbl_brd textarea:hover {border-color:#d8d8d8}
.tbl_brd select:focus, .tbl_brd select:hover {border-color:#d8d8d8}
.tbl_brd tbody td {font:inherit !important; font-size:14px !important; padding:15px; border-bottom:1px solid #e0e0e0}
.tbl_brd tbody td font, .tbl_brd tbody td span, .tbl_brd tbody td a {font:inherit !important; font-size:14px !important}
.board_bgcolor {width:30% !important; font:inherit !important; color:#333; background:#f9f9f9 !important}
#post_area img {max-width:100%; height:auto !important}
.prvThumbList {margin-top:40px}
.prvThumbList > table td table {width:135px}
div.nneditor-container .seResize2 span {font-size:0 !important}
.brd_btngroup {margin-top:50px}
.brd_btngroup a {margin-top:2px; margin-bottom:2px}
#check_all {margin-left:5px; vertical-align:-5px}
.board_bottom {margin-top:50px}
.board_bottom > a {float:right}
#ext_search {float:left}
#ext_search select {height:35px; line-height:38px; margin-right:5px; padding:0 10px; border:1px solid #e0e0e0; cursor:pointer}
#ext_search select:focus, #ext_search select:hover {border-color:#d8d8d8}
#ext_search input[type=text] {height:35px; margin-right:5px; padding-left:10px; border:1px solid #e8e8e8; border-radius:3px; color:#666}
#ext_search input[type=text]:focus, #ext_search input[type=text]:hover {border-color:#d8d8d8}
.board_comment_bgcolor {padding-bottom:20px; background-color:#f9f9f9 !important}
.comment_txt {padding:10px 0 !important; word-break:}
.comment_txt:first-child {padding:20px !important}
.comment_txt textarea {width:60%; width:-webkit-calc(100% - 120px); width:-moz-calc(100% - 120px); width:calc(100% - 120px); height:50px; padding:10px; font:inherit !important; border:1px solid #e8e8e8; border-radius:3px}
.comment_txt > a.btn {margin:2px 0; padding:0 15px !important; height:30px !important; line-height:28px !important}
.comment_txt > font {display:block; margin-bottom:10px; color:#ccc !important}
.comment_name {color:#333 !important; width:20% !important}
.comment_name input[type=checkbox] {margin-right:5px; vertical-align:middle}
/* �Խ��� ī�װ�� �� */
.cate_select {display:none !important}
.board_tab {position:relative; margin-bottom:50px}
.board_tab > a {display:none}
.board_tab ul {border-bottom:1px solid #e0e0e0}
.board_tab ul > li {float:left; margin-bottom:-1px; margin-left:-1px}
.board_tab ul > li:first-child {margin-left:0}
.board_tab ul > li > a {display:block; padding:12px 30px; color:#999; border:1px solid #e0e0e0; background:#f4f4f4}
.board_tab ul > li.on > a {position:relative; color:#333; border-color:#aaa; border-bottom-color:#fff; background:#fff; z-index:10}
/* ������ Ÿ�� */
.gallery_inner {margin:0 -15px}
.gallery_inner:after {clear:both; display:block; content:''}
.gallery_inner > table {float:left; display:block; margin:0 0 30px 0; padding:0 15px}
.gallery_inner > table.board {width:100% !important}
.gallery-grid-2 .gallery_inner > table {width:50%}
.gallery-grid-3 .gallery_inner > table {width:33.3333334%}
.gallery-grid-4 .gallery_inner > table {width:25%}
.gallery-grid-5 .gallery_inner > table {width:20%}
.gallery_inner td.bbsnewf5 a > img {display:block; width:100%; height:auto !important; transition:all .5s ease}
.gallery_inner td.bbsnewf5 a:hover > img {transform:scale(1.1)}
.gallery_inner .hoverBox {position:absolute; display:block; top:0; left:0; width:100%; height:100%; /*padding:32% 30px 0 30px;*/ padding:0 30px; text-align:center; background:rgba(0,0,0,.8); opacity:0; transition:all .5s ease}
.gallery_inner .hoverBox .inner {height:100%}
.gallery_inner .hoverBox .inner:before {display:inline-block; height:100%; content:''; vertical-align:middle}
.gallery_inner .hoverBox .inner h3 {display:inline-block; font-size:22px; font-weight:500; color:#fff; line-height:1.2; vertical-align:middle}
/*.gallery_inner .hoverBox .inner h3:after {display:block; width:40px; height:1px; margin:20px auto; content:''; background:#fff; opacity:.5}*/
.gallery_inner .hoverBox .inner p {display:none; /*display:-webkit-box;*/ color:#fff; max-height:69px; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis}
.gallery_inner .bbsnewf5:hover .hoverBox {opacity:1}
.bbsnewf5 {position:relative; overflow:hidden}
.brd_paging {display:none; text-align:center}
.brd_paging > b, .brd_paging > a {display:inline-block; width:38px; height:38px; line-height:36px; text-align:center; margin:0 -2px; border:1px solid #e8e8e8}
.brd_paging > b {color:#fff; border-color:#666; background:#666}
.brd_paging > a {color:#666}
.brd_paging > a:hover {color:#555; border-color:#cdcdcd; background:#f4f4f4}
.btn-more {display:block; width:185px; margin:30px auto; height:45px; font-size:16px; color:#000; text-align:center; border:2px solid #000; background:transparent; cursor:pointer; transition:all .3s ease; vertical-align:middle}
.btn-more:disabled {color:#bbb !important; border-color:#ccc !important; background:#f4f4f4 !important}
.btn-more:hover {color:#fff; background:#000}
/*������ �̵�� ����*/
@media screen and (max-width:1024px) {
 #sub_wrap > .inner {padding:0 20px}
 /* 4�� ������ ���� */
 .wr-section.typeTeam > .inner > ul > li {margin-bottom:50px}
 /* ����� ���� */
 .wr-section.typeParallax {background-position:center top !important}
 /*���Ǻ��� �����*/
 .thumb-list {}
 .thumb-list li {}
 .thumb-list li.active img {width:100%}
}
@media screen and (max-width:768px) {
 /*���� ����*/
 .sub_visual {background-size:cover !important}
 .sub_visual1 {height:670px}
 .sub_visual2 {height:670px}
 .sub_visual .inner ul li {display:block; width:50%; height:40px; margin:3px auto}
 .sub_visual .inner ul li a {line-height:35px}
 .sub_visual .inner ul li.on a span:before {display:none; top:50%; margin-top:-2px; left:35%}
 .sub_visual .inner ul li a span:before {display:none; top:50%; margin-top:-2px; left:35%}
 .sub_visual h2 {font-size:30px}
 .sub_visual h2:after {margin:20px auto 0}
 .sub_wrap .inner .sub_title {padding:20px}
 .sub_wrap .inner .sub_title h3 {font-size:25px}
 .sub_wrap .inner .sub_title p {font-size:13px; padding:0}
 .sub_wrap .inner .sub_title .sub_pagenation {position:static}
 .sub_wrap .inner .sub_title .sub_pagenation a i {top:16px}
 /*��Ǻ���*/
 #preview {display:inline-block; width:50%}
 /*Ǫ��*/
 #footer .inner ul li {float:none; width:100%; margin:0 auto; text-align:center}
 /* 4�� ������ ���� */
 .wr-section.typeTeam > .inner > ul > li {margin-bottom:40px}
 .wr-section.typeTeam > .inner > ul > li .infoArea h3 {font-size:14px}
 .wr-section.typeTeam > .inner > ul > li .infoArea span {font-size:12px}
 .wr-section.typeTeam > .inner > ul > li p {display:block; font-size:12px; max-height:inherit; -webkit-line-clamp:inherit}
 .col-md-2 > li {width:50%}
 /* 3�� �߾����� �׸��� ���� */
 .wr-section.typeFeature > .inner > ul > li {margin-bottom:40px}
 .wr-section.typeFeature > .inner > ul > li .tile .tile-count {font-size:24px; margin-bottom:30px}
 .wr-section.typeFeature > .inner > ul > li .tile h3 {font-size:15px}
 .wr-section.typeFeature > .inner > ul > li .tile p {color:#fff; line-height:1.75}
 .wr-section.typeFeature > .inner > ul > li .item1 {background-color:#ff5848}
 .wr-section.typeFeature > .inner > ul > li .item2 {background-color:#3b3737}
 .wr-section.typeFeature > .inner > ul > li .item3 {background-color:#00d255}
 .wr-section.typeFeature > .inner > ul > li .desc {margin-top:30px; text-align:center}
 .wr-section.typeFeature > .inner > ul > li .desc h4 {font-size:14px; font-weight:600; color:#333; letter-spacing:-1px; margin-bottom:5px}
 .wr-section.typeFeature > .inner > ul > li .desc p {font-size:13px; color:#888}
 /* 2�� �ؽ�Ʈ-�̹��� ���� */
 .wr-section.typeNews .gridWrapper .textArea {float:none; width:100%}
 .wr-section.typeNews .gridWrapper .textArea p {font-size:12px}
 .wr-section.typeNews .gridWrapper .imgArea {float:none; width:100%; margin-bottom:30px}
 /* ����� ���� */
 .wr-section.typeParallax .captionBox {max-width:inherit; margin:auto; padding:30px 20px}
 .wr-section.typeParallax .captionBox h2 {font-size:18px; margin-bottom:30px}
 .wr-section.typeParallax .captionBox p {font-size:13px}
 .wr-section.typeParallax .captionBox .btnArea > .btn {margin:0 !important}
 /* �⺻ 2�� �׸��� ���� */
 .wr-section.typeBasicGrid2 > .inner > ul > li {margin-bottom:40px}
 .wr-section.typeBasicGrid2 > .inner > ul > li h4 {font-size:15px}
 .wr-section.typeBasicGrid2 > .inner > ul > li p {font-size:12px}
 #map {width:93%; margin:0 auto}
 .map_box {padding:30px; margin:40px 20px 0}
 /*module css*/
 .Thumbnail {padding:0 20px}
 .mini_cal > tbody > tr:first-child > td:first-child {display:block}
 .mini_cal > tbody > tr:first-child > td:nth-child(2) {display:block}
 /*.mini_cal tbody tr:first-child > td:nth-child(2) {display:block}*/
 .list_wrap {position:relative; overflow:hidden; overflow-x:auto}
 .list_wrap table {width:1000px}
 table.app_table {width:1000px}
 .desc.roomIn2 table {width:1000px}
 table.mini_cal table {width:100%; border-left:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; margin-bottom:20px}
 table.mini_cal table tbody tr td:first-child {display:none !important}
 table.mini_cal table tbody tr td:last-child {display:none !important}
 /*��������*/
 .reser_table tbody tr td {width:100%; float:none; display:block; border-left:1px solid #d9d9d9}
 dl.customer_info dt {display:block; width:100%; float:none}
 dl.customer_info dd {display:block; width:100%; float:none}
}
@media screen and (max-width:480px) {
 .col-sm-1 > li {width:100%}
 .tbl_brd tbody td:first-child {display:none}
 .tbl_brd tbody td {font-size:11px !important; padding:5px}
 .tbl_brd tbody td font, .tbl_brd tbody td span, .tbl_brd tbody td a {font-size:11px !important}
}

.autoimg{margin:0 auto;max-width:460px;padding-top:60px}
.piont{color:#f80052;font-weight:500}
.fontcolor{color:#f80035}