@charset "utf-8";

/* 전 페이지 공통 엘리먼트 및 태그 스타일 */
* { margin: 0; padding: 0; }

@font-face { font-family: 'NotoKrL'; font-style: normal; font-weight: 100; src: url('../fonts/notokr/notokr-light.eot'); src: url('../font/notokr-light.eot?#iefix') format('embedded-opentype'), url('../font/notokr-light.woff2') format('woff2'), url('../font/notokr-light.woff') format('woff'); }
@font-face { font-family: 'NotoKrR'; font-style: normal; font-weight: 300; src: url('../fonts/notokr/notokr-regular.eot'); src: url('../font/notokr-regular.eot?#iefix') format('embedded-opentype'), url('../font/notokr-regular.woff2') format('woff2'), url('../font/notokr-regular.woff') format('woff'); }
@font-face { font-family: 'NotoKrM'; font-style: normal; font-weight: 500; src: url('../fonts/notokr/notokr-medium.eot'); src: url('../font/notokr-medium.eot?#iefix') format('embedded-opentype'), url('../font/notokr-medium.woff2') format('woff2'), url('../font/notokr-medium.woff') format('woff'); }
@font-face { font-family: 'NotoKrB'; font-style: normal; font-weight: 900; src: url('../fonts/notokr/notokr-bold.eot'); src: url('../font/notokr-bold.eot?#iefix') format('embedded-opentype'), url('../font/notokr-bold.woff2') format('woff2'), url('../font/notokr-bold.woff') format('woff'); }

@font-face { 
font-family: 'Iropke Batang'; 
font-style: normal; 
font-weight: 400; 
src: url('../font/IropkeBatangM.eot'); 
src: url('../font/IropkeBatangM.eot?#iefix') format('embedded-opentype'), 
url('../font/IropkeBatangM.woff2') format('woff2'), 
url('../font/IropkeBatangM.woff') format('woff'); 
}

@font-face {
 font-family: 'NanumSquare';
 font-weight: 800;
 src: url(../font/NanumSquareL.eot);
 src: url(../font/NanumSquareL.eot?#iefix) format('embedded-opentype'),
      url(../font/NanumSquareL.woff) format('woff'),
      url(../font/NanumSquareL.ttf) format('truetype');
}

@font-face {
 font-family: 'NanumSquareR';
 font-weight: 800;
 src: url(../font/NanumSquareR.eot);
 src: url(../font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(../font/NanumSquareR.woff) format('woff'),
      url(../font/NanumSquareR.ttf) format('truetype');
}


@font-face {
 font-family: 'NanumSquareEB';
 font-weight: 800;
 src: url(../font/NanumSquareEB.eot);
 src: url(../font/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
      url(../font/NanumSquareEB.woff) format('woff'),
      url(../font/NanumSquareEB.ttf) format('truetype');
}

body { width: 100%; height: 100%; font-family: 'nanum-barun-gothic-bold'; overflow-x: hidden; }
div { margin: 0 auto; }
fieldset, img { border: none; }
img { border: 0; vertical-align: top; border: 0 none; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
table { border-collapse: collapse; }
address, em { font-style: normal; }
input, textarea { font-family: inherit; font-size: 1.05em; }


/*로그인페이지와 관리자모드의 인풋창 까지 바뀜*/

dl, dt, dd, p { margin: 0; padding: 0; }
ul, li { list-style: none; margin: 0; padding: 0; }
hr { display: none; }
table, tr, td, th, p, li span, div { font-family: 'NotoKrR'; }

#wrap { width: 100%; height: 100%; margin: 0 auto; position: relative; }
#wrap .top_bt_fix { height: 26px; position: absolute; right: 29px; top: 22px; z-index: 4000; }

.top_bt_fix ul { float: right; }
.top_bt_fix li { display: inline; float: left; }

#wrap .menu_area { width: 215px; height: 95%; position: fixed; top: 0; left: 0; z-index: 4000; }

.menu_area .logo { width: 215px; height: 135px; }
.menu_area .logo img { padding: 20px 0 0 30px; }

.menu_area .menu_tab { width: 900px; height: 40px; position: fixed; color: #9d9d9d; top: 38px; left: 300px; }

.menu_tab #bt_menu_tab1,
.menu_tab #bt_menu_tab2,
.menu_tab #bt_menu_tab3,
.menu_tab #bt_menu_tab4,
.menu_tab #bt_menu_tab5,
.menu_tab #bt_menu_tab6 { cursor: pointer; line-height: 40px; font-size: 18px; font-family: 'NanumSquareR';}

.menu_tab #bt_menu_tab1.amenu01 { color: #ffffff; }
.menu_tab #bt_menu_tab2.amenu02 { color: #ffffff; }
.menu_tab #bt_menu_tab3.amenu03 { color: #ffffff; }
.menu_tab #bt_menu_tab4.amenu04 { color: #ffffff; }
.menu_tab #bt_menu_tab5.amenu05 { color: #ffffff; }
.menu_tab #bt_menu_tab6.amenu06 { color: #ffffff; }

.menu_tab .tab { width: 900px; height: 40px; position: fixed; top: 38px; left: 300px; }

.menu_tab .tab a#bt_menu_tab1 { float: left; cursor: pointer; text-align: center; }
.menu_tab .tab a#bt_menu_tab2 { float: left; cursor: pointer; text-align: center; }
.menu_tab .tab a#bt_menu_tab3 { float: left; cursor: pointer; text-align: center; }
.menu_tab .tab a#bt_menu_tab4 { float: left; cursor: pointer; text-align: center; }
.menu_tab .tab a#bt_menu_tab5 { float: left; cursor: pointer; text-align: center; }

.menu_tab .tab a { font-size: 14px; color: rgba(255,255,255,1); transition-duration: 1s; margin-right: 50px; }
.menu_tab .tab a:hover { text-decoration: none; line-height: 40px; color: rgba(255,255,255,1); }

#menu_tab2, #menu_tab3, #menu_tab4, #menu_tab5, #menu_tab6 { display: none; }

li.menu_text01 { float: left; color: #fff; font-size: 14px; line-height: 33px; padding: 0 15px 0 15px; }
li.menu_text01 a { color: #9d9d9d; }
li.menu_text01 a:active { color: #9d9d9d; }
li.menu_text01 a:visited { color: #9d9d9d; }
li.menu_text01 a:hover { color: #ffffff; text-decoration: none; }

li.menu_text01 a.on_menu_active { color: #ffffff; text-decoration: none; }
li.menu_text01 a.on_menu_active:hover { color: #ffffff; text-decoration: none; }

.menu_area .copy_area { width: 160px; position: fixed; bottom: 30px; left: 27px; color: #919191; font-size: 10px; line-height: 16px; }

.copy_area a { color: #919191; }
.copy_area a:active { color: #919191; }
.copy_area a:visited { color: #919191; }
.copy_area a:hover { color: #919191; text-decoration: none; }

li.menu_text01 { display: block; margin-left: 10px; color: #fff; font-size: 12px; font-size: 12px; line-height: 27px; }
li.menu_text01 a { color: #bfbfbf; }
li.menu_text01 a:active { color: #bfbfbf; }
li.menu_text01 a:visited { color: #bfbfbf; }
li.menu_text01 a:hover { color: #ffffff; text-decoration: none; }

li.menu_text01 a.on_menu_active { color: #ffffff; text-decoration: none; font-weight: bold; }
li.menu_text01 a.on_menu_active:hover { color: #ffffff; text-decoration: none; font-weight: bold; }

#wrap .title_area { width: 100%; min-width: 987px; height: 87px; text-align: center; background: #e8e8e8; position: fixed; top: 154px; left: 0; z-index: 300; }
#wrap .submenu_bar { width: 100%; height: 31px; background: url(../images/submenu_bar.png) no-repeat; }
#wrap .bottom_line { position: fixed; bottom: 33px; width: 100%; height: 52px; background: #555; z-index: 7001; }

.bottom_line ul.bottom_line01 { float: left; margin: 16px 0 0 16px; }
ul.bottom_line01 li { display: inline; float: left; margin-left: 5px; }
.bottom_line ul.bottom_line02 { float: right; margin: 12px 16px 0 0; }
ul.bottom_line02 li { display: inline; float: left; margin-right: 5px; }


/* 메인페이지 풀스크린 이미지 리사이징 스타일시트*/

.parent { width: 258px; height: 258px; overflow: hidden; position: relative; cursor: pointer; }
.child { width: 232px; height: 232px; border-radius: 3px; background-position: center; background-size: cover; transition: all .7s; margin-top: 11px; }

div.c_box1 .child { background-image: url("/images/zoom01.png"); }
div.c_box2 .child { background-image: url("/images/zoom02.png"); }
div.c_box3 .child { background-image: url("/images/zoom03.png"); }
div.c_box4 .child { background-image: url("/images/zoom04.png"); }


.fullBgImg { width: 100%; min-width: 1280px; height: 100%; min-height: 1000px; background-repeat: no-repeat; background-position: center center; 
background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; 
display: block; z-index: 100; overflow: hidden;  



            -webkit-transform:scale(1.0); /*  크롬 */

            -moz-transform:scale(1.0); /* FireFox */

            -o-transform:scale(1.0); /* Opera */

            transform:scale(1.0);

            transition: transform 20.0s;

            -o-transition: transform 20.0s;

            -moz-transition: transform 20.0s;

            -webkit-transition: transform 20.0s;


}

.fullBgImg::hover 
{
 cursor:pointer;

            -webkit-transform:scale(1.1); /*  크롬 */

            -moz-transform:scale(1.1); /* FireFox */

            -o-transform:scale(1.1); /* Opera */

            transform:scale(1.1);

            transition: transform 20.0s;

            -o-transition: transform 20.0s;

            -moz-transition: transform 20.0s;

            -webkit-transition: transform 20.0s;
}

.fullBgImg::after 
{
 cursor:pointer;

            -webkit-transform:scale(1.1); /*  크롬 */

            -moz-transform:scale(1.1); /* FireFox */

            -o-transform:scale(1.1); /* Opera */

            transform:scale(1.1);

            transition: transform 10.0s;

            -o-transition: transform 10.0s;

            -moz-transition: transform 10.0s;

            -webkit-transition: transform 10.0s;
}

.fullBgImg .catch_position01 { position: fixed; top: 50%; margin-top: -37px; right: 46px; z-index: 1000; }

#container { width: 100%; overflow: hidden; margin: 0 auto; position: relative; z-index: 0; border: 0; }
#slides { position: relative; }

.slides_container { width: 100%; overflow: hidden; position: relative; }



/* 서브페이지 영역*/
#wrap .subcontent { width: 100%; min-width: 1010px; text-align: left; padding-top: 40px; }


@media screen and (max-width:1366px) {
    #wrap .subcontent { min-height: 640px; min-height: 650px \0/IE8+9; }
}

@media screen and (min-width:1920px) {
    #wrap .subcontent { min-height: 737px; min-height: 744px \0/IE8+9; }
}

h1 { height: 60px; }


/* 오시는길 li */
#wrap .subcontent ul.location li { display: inline-block; *display: inline; text-align: left; float: left; }

.btn_reserve { margin-bottom: 26px; }

.map_space { width: 1010px; height: auto; }
.map_space .map_space01 { width: 358px; float: left; }
.map_space .map_space02 { width: 652px; float: left; }
.subcontent .section2 { width: 1010px; height: 76px; float: left; margin-left: 270px; }
.subcontent .sub_title { width: 1010px; height: 27px; float: left; margin-left: 275px; font-size: 12px; color: #aaaaaa; }


/* booking guide table */
td.table_title { width: 140px; height: 30px; background: #f5662d; text-align: center; }

td.table_title span { color: #ffffff; font-size: 14px; text-align: center; }
td.table_guide_top { color: #727272; text-align: left; height: 30px; font-size: 16px; }

span.table_guide_top_span01 { color: #f5662d; }
span.table_guide_top_span02 { color: #b20000; }

td.table_guide { color: #727272; text-align: left; height: 25px; font-size: 14px; }
span.table_guide_span01 { color: #dc0000; text-decoration: underline; }
span.table_guide_span02 { color: #dc0000; }
span.table_guide_span03 { color: #dc0000; font-size: 18px; }

table.table_border { border: 1px solid #afa593; margin-top: 10px; color: #747474; text-align: center; }
tr.tr_border { border-bottom: 1px solid #afa593; color: #ffffff; }
tr.tr_border2 { border-bottom: 1px solid #afa593; }
td.td_border { border-right: 1px solid #afa593; height: 40px; }
td.td_border02 { border-bottom: 1px solid #afa593; }
td.td_border03 { border-right: 1px solid #afa593; }


td.td_guide { line-height: 25px; }
table.guide_yellow { width: 100%; background: #eeeeee; line-height: 30px; text-align: center; }
table.guide_yellow td { padding: 30px 0 30px 0; color: #786850; font-size: 16px; }

table.refund_table { width: 100%; margin: 50px 0 50px 0; text-align: center; }
table.refund_table td { height: 40px; color: #584b45; border: 1px solid #d2d2d2; }

td.refund_title { font-size: 14px; }

.subcontent table.info { width: 100%; border-top: 1px solid #d1d1d1; }
.subcontent table.info th { font-size: 13px; font-weight: 800; color: #3a3a3a; text-align: center; padding: 15px 0; border: 1px solid #d1d1d1; border-bottom: 3px solid #939393; }
.subcontent table.info th:first-child { border-left: none; }
.subcontent table.info th + th + th + th + th { border-right: none; }
.subcontent table.info th span { color: #6f6e6e; }
.subcontent table.info td.td_number { font-size: 16px; color: #6f6e6e; text-align: center; }
.subcontent table.info td { color: #4a4a4a; text-align: center; border: 1px solid #d1d1d1; letter-spacing: -1px; height: 40px; font-family: 'nanum-barun-gothic-bold'; }
.subcontent table.info td:first-child { font-size: 16px; border-left: none; }
.subcontent table.info td + td + td + td + td { border-right: none; }


.p01 { width: 100%; height: 37px; border-bottom: 1px solid #c5af1d; text-align: center; line-height: 37px; }
.p02 { width: 100%; height: 38px; text-align: center; line-height: 38px; }

.p02 .p02_1 { width: 49%; height: 37px; border-right: 1px solid #c5af1d; text-align: center; float: left; }
.p02 .p02_2 { width: 49%; height: 38px; text-align: center; float: left; }

.p_table02 { width: 100%; height: auto; text-align: center; }

.p_table02 .p_table02_1 { width: 49%; height: auto; border-right: 1px solid #d1d1d1; text-align: center; float: left; height: 55px; line-height: 55px; }
.p_table02 .p_table02_2 { width: 49%; height: auto; text-align: center; float: left; height: 55px; line-height: 55px; }


/* 텝 제 1분류 영역*/
.subcontent .subnavi { width: 1010px; height: 29px; margin-top: 45px; float: left; margin-left: 270px; }

.subnavi ul { }

.subnavi li { display: inline; float: left; margin-right: 7px; padding: 0; }

.subnavi ul li a { display: inline; float: left; padding: 0; font-size: 12px; font-weight: bold; color: #ffffff; }
.subnavi ul li a span { text-align: center; font-weight: bold; color: #ffffff; }

.subnavi ul li a.sub_on { width: 161px; height: 29px; background: url(../images/sub_tab_off.gif) no-repeat; font-weight: bold; color: #ffffff; text-decoration: none; line-height: 29px; text-align: center; }
.subnavi ul li a.sub_on:hover { width: 161px; height: 29px; background: url(../images/sub_tab_on.gif) no-repeat; font-weight: bold; color: #ffffff; text-decoration: none; line-height: 29px; }

.subnavi ul li.on_menu_active a { width: 161px; height: 29px; background: url(../images/sub_tab_on.gif) no-repeat; font-weight: bold; color: #ffffff; text-decoration: none; line-height: 29px; }
.subnavi ul li.on_menu_active a:hover { width: 161px; height: 29px; background: url(../images/sub_tab_on.gif) no-repeat; font-weight: bold; color: #ffffff; text-decoration: none; line-height: 29px; }


/* 텝 제 1분류 영역 종료*/

.subnavi ul li.room_tab01 a { width: 161px; height: 29px; background: url(../images/sub_tab_room01.gif) no-repeat; font-weight: bold; color: #ffffff; text-decoration: none; line-height: 29px; text-align: center; }
.subnavi ul li.room_tab02 a { width: 161px; height: 29px; background: url(../images/sub_tab_room02.gif) no-repeat; font-weight: bold; color: #ffffff; text-decoration: none; line-height: 29px; text-align: center; }

.subcontent .subject1 { width: 1010px; height: auto; margin-left: 270px; min-height: 600px; margin-top: 46px; }

.top { position: fixed; left: 50%; bottom: 0; margin-left: 450px; }

.foot_copy { width: 100%; height: 45px; position: fixed; left: 50px; bottom: 30px; z-index: 900; color: #ffffff; font-size: 10px; color: rgba(255, 255, 255, 0.8); font-family: 'NotoKrM'; }
.foot_copy a:visited { font-size: 11px; color: rgba(255, 255, 255, 0.8); text-decoration: none; }
.foot_copy .mark {position:absolute; left:700px; top:0; z-index:6;}

a.weplan_link { text-decoration: none; font-size: 11px; color: rgba(255, 255, 255, 0.8); }
span.webplan_span { font-size: 9px; color: rgba(255, 255, 255, 0.8); line-height: 18px; font-family: 'NotoKrL'; }

.prev { width: 120px; height: 120px; background: #000000; position: fixed; left: 50%; top: 50%; margin-left:-600px; margin-top:-60px; background: url(../images/room_prev.png); z-index: 9999; opacity: 0.7; transition-duration: 0.7s; }
.prev:active, .prev:hover { opacity: 1; }
.next { width: 120px; height: 120px; background: #000000; position: fixed; left: 50%; top: 50%; margin-left:500px; margin-top:-60px; background: url(../images/room_next.png); z-index: 9999; opacity: 0.7; transition-duration: 0.7s; }
.next:active, .next:hover { opacity: 1; }

span.copy_foot { font-size: 8px; position: fixed; bottom: 61px; }

.wrapper { width: 100%; height: 100%; overflow: hidden; position: relative; }

.text_area { position: absolute; z-index: 300; text-align: center; left: 50%; top: 49%; width: 1000px; height: 220px; margin-left: -500px; margin-top: -110px; }

.wrapper img { width: 100%; height: 100%; display: block; float: left; }

p.room_title { color: #ffffff; font-size: 110px; font-family: 'NanumSquare'; letter-spacing:-2px;}
ul.room_menu { margin: 0 auto; display: inline-block; }


/* 밑줄 효과 */
ul.room_menu li { float: left; display: inline-block; }

p.room_m12 {font-size:22px; color:#ffffff; text-align:center; font-family: 'NanumSquareR';} 
.room_m1:after { content: ''; display: block; height: 1.5px; width: 0; background: transparent; transition: width .5s ease, background-color .5s ease; }

.room_m1:hover:after { width: 100%; background: rgba(255,255,255,0.9); transition: width .5s ease, background-color .5s ease; }

ul.room_menu li.room_m1 a { color: rgba(255,255,255,0.9); font-size: 22px; font-family: 'NanumSquareR'; transition-duration: 0.7s; transition: color 0.5s ease; list-style: none; }
ul.room_menu li.room_m1 a:visited { color: rgba(255,255,255,1); }
ul.room_menu li.room_m1 a:active { color: rgba(255,255,255,1); }
ul.room_menu li.room_m1 a:hover { color: rgba(255,255,255,1); text-decoration: none; }

ul.room_menu li a.sub_on:hover { color: rgba(255,255,255,1); font-size: 22px; font-family: 'NotoKrL'; transition-duration: 0.7s; transition: color 0.5s ease; list-style: none; text-decoration: none; }

ul.room_menu li.on_menu_active a { color: rgba(255,255,255,1); font-size: 22px; font-family: 'NotoKrL'; transition: color 0.5s ease; list-style: none; text-decoration: none; padding-bottom: 1px; border-bottom: 2px solid #ffffff; }
ul.room_menu li.on_menu_active a u { text-decoration: none; border-bottom: 1px solid black; }

ul.room_menu ul li.on_menu_active a:hover { color: rgba(255,255,255,0.6); font-size: 16px; font-family: 'NotoKrL'; transition-duration: 0.7s; transition: color 0.5s ease; list-style: none; text-decoration: none; }

li.r_m_1 { padding: 0 15px 0 15px; color: rgba(255,255,255,1); font-size: 11px; float: left; font-family: 'NotoKrL'; line-height: 23px; }

.wrapper .text_area2 { position: absolute; top: 20%; z-index: 300; text-align: center; right: 25%; top: 42%; margin-top: -110px; width: 500px; height: 220px; }

div.room_close { position: fixed; top: 2%; right: 2%; z-index: 5000; }
div.room_close a { opacity: 0.5; font-size: 13px; color: #ffffff; text-decoration: none; }

.text_2 { position: fixed; bottom: 100px; z-index: 300; text-align: center; right: 30px; background: rgba(000,000,000,0.1); padding: 0 20px; }

div.me_box { color: #ffffff; position: fixed; font-size: 16px; font-family: 'NotoKrL'; top: 105px; left: 250px; z-index: 400; margin-top: 35px; }

td.me_box_td {color: #ffffff; font-size: 16px;}
.me_box a {color:#deff00; font-family: 'NotoKrB';}
.me_box a:visited {color:#deff00; }
.me_box a:active {color:#deff00; }
.me_box a:hover {text-decoration:none; color:#deff00; }

div.me_box2 { color: #ffffff; position: fixed; font-size: 16px; font-family: 'NotoKrL'; top: 105px; left: 100px; z-index: 400; margin-top: 35px; }

span.t_b { font-family: 'NotoKrM'; }

div.re_box { position: fixed; top: 105px; left: 250px; z-index: 400; font-family: 'NotoKrL'; margin-top: 35px; }

table.r_tab1 td { color: #ffffff; line-height: 28px; font-size: 14px; font-family: 'NotoKrR'; }

td.r_td1 { border-top: 2px solid #ffffff; color: #ffffff; padding-left: 10px; line-height: 30px; font-size: 14px; font-family: 'NotoKrR'; }
td.r_td2 { border-top: 1px solid rgba(255,255,255,0.35); border-bottom: 1px solid rgba(255,255,255,0.35); color: #ffffff; padding-left: 10px; line-height: 30px; font-size: 14px; font-family: 'NotoKrR'; }


/* navi */
ul.resernavi li { display: inline-block; *display: inline; padding-right: 15px; }
ul.resernavi li a { font-size: 14px; text-align: center; font-family: 'NotoKrR'; }

ul.resernavi li span { padding: 6px 60px 6px 10px; background: none; border: 1px solid #696563; }
ul.resernavi li a span { color: #ffffff; }

ul.resernavi li a:hover { text-decoration: none; }
ul.resernavi li a:hover span { background-color: #ffffff; border: 1px solid #ffffff; color: #1c2534; }

ul.resernavi li.on_menu_active span { padding: 6px 60px 6px 10px; background-color: #ffffff; border: 1px solid #ffffff; }
ul.resernavi li.on_menu_active a span { color: #1c2534; }

table.re_tab1 td { font-size: 14px; color: #ffffff; font-family: 'NotoKrR'; line-height: 28px; padding-right: 5px; }

p.soogi { color: #f5b18e; font-size: 17px; height: 30px; line-height: 30px; border-bottom: 3px solid #f5b18e; width: 220px; padding-bottom: 10px; margin-top: 40px; margin-bottom: 20px; }

.latest_tab { width: 820px; height: auto; text-align: center; color: #ffffff; }
.latest_tab a { color: #ffffff; }

.latest_tab .latest_tab_tab { width: 820px; height: 30px; height: auto; float: left; position: relative; }

.latest_tab_tab #bt_latest_tab_tab1,
.latest_tab_tab #bt_latest_tab_tab2,
.latest_tab_tab #bt_latest_tab_tab3,
.latest_tab_tab #bt_latest_tab_tab4{ cursor: pointer; }

.latest_tab_tab #bt_latest_tab_tab1.selected2 { width: 115px; height: 35px; background: #ffffff; color: #1c2534; border: 1px solid #ffffff; }
.latest_tab_tab #bt_latest_tab_tab2.selected2 { width: 115px; height: 35px; background: #ffffff; color: #1c2534; border: 1px solid #ffffff; }
.latest_tab_tab #bt_latest_tab_tab3.selected2 { width: 130px; height: 35px; background: #ffffff; color: #1c2534; border: 1px solid #ffffff; }
.latest_tab_tab #bt_latest_tab_tab4.selected2 { width: 130px; height: 35px; background: #ffffff; color: #1c2534; border: 1px solid #ffffff; }

.latest_tab_tab .tab { width: 820px; height: 30px; cursor: pointer; float: left; }

.latest_tab_tab .tab a#bt_latest_tab_tab1 { width: 115px; float: left; height: 35px; font-size: 14px; text-align: left; line-height: 35px; transition-duration: 0.7s; }
.latest_tab_tab .tab a#bt_latest_tab_tab2 { width: 115px; float: left; height: 35px; font-size: 14px; text-align: left; line-height: 35px; transition-duration: 0.7s; }
.latest_tab_tab .tab a#bt_latest_tab_tab3 { width: 130px; float: left; height: 35px; font-size: 14px; text-align: left; line-height: 35px; transition-duration: 0.7s; }
.latest_tab_tab .tab a#bt_latest_tab_tab4 { width: 130px; float: left; height: 35px; font-size: 14px; text-align: left; line-height: 35px; transition-duration: 0.7s; }

.latest_tab_tab .tab a { color: #ffffff; border: 1px solid rgba(255,255,255,0.38); margin-right: 20px; padding-left: 10px; }
.latest_tab_tab .tab a:hover { color: #ffffff; text-decoration: none; border: 1px solid rgba(255,255,255,0.38); }

#latest_tab_tab2, #latest_tab_tab3, #latest_tab_tab4 { display: none; }

/*최근게시물 텝*/
span.l_s { letter-spacing: -1px; opacity: 0.35; }


/* 팝업 */
.layer { display: none; position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; }
.layer .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.76; filter: alpha(opacity=50); }
.layer .pop-layer { display: block; }

.pop-layer { display: none; position: absolute; top: 50%; left: 50%; width: 936px; height: auto; z-index: 10; }
.pop-layer p.ctxt { color: #666; line-height: 25px; }
.pop-layer .btn-r { width: 100%; text-align: right; }
.pop-layer p { color: rgba(255,255,255,0.3); font-size: 14px; margin-top: 10px; }
.pop-layer a span { font-family: 'Arial'; }

a.cbtn { display: inline-block; height: 40px; padding: 0 25px 0; background-color: #202121; font-size: 15px; color: #fff; line-height: 40px; text-decoration: none; }
a.cbtn:hover { color: #fff; text-decoration: none; }
a.cbtn:active { color: #fff; text-decoration: none; }
a.cbtn:visited { color: #fff; text-decoration: none; }


/* 지도 */
.pulse-button { margin: 15px auto; color: #ffffff; cursor: pointer; border-radius: 15px; border: 0px solid #ffffff; width: 15px; height: 15px; position: absolute; left: 206px; top: 440px; }

button.pulse-button { animation: borderPulse 1000ms infinite ease-out, colorShift 10000ms infinite ease-in; }
button.pulse-button-hover { animation: colorShift 10000ms infinite ease-in; }

button:hover,
button:focus { animation: borderPulse 1000ms infinite ease-out, colorShift 10000ms infinite ease-in, hoverShine 200ms; }


@keyframes colorShift {
    0%, 100% { background: none; }
    33% { background: none; }
    66% { background: none; }
}

@keyframes borderPulse {
    0% { box-shadow: inset 0px 0px 0px 10px rgba(255, 255, 255,.4), 0px 0px 0px 0px rgba(255,255,255,1); }
    100% { box-shadow: inset 0px 0px 0px 3px rgba(255, 255, 255,.2), 0px 0px 0px 10px rgba(255,255,255,0); }
}


@keyframes hoverShine {
    0% { background-image: linear-gradient(135deg, rgba(255,255,255,.4) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%); }
    50% { background-image: linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.4) 50%, rgba(255,255,255,0) 100%); }
    100% { background-image: linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,.4) 100%); }
}