@charset "utf-8";

.list01 {}
.list01 li { margin-bottom:15px;}
.list02 {}
.list02 li { background:url(../images/sub/list_bullet01.gif) left 10px no-repeat; font-size:14px; line-height:24px; padding-left:12px; margin-bottom:3px;}

.tab_nav {} 
.tab_nav:after {content:"";display:block;clear:both;}
.tab_nav li { float:left; display:inline; margin:0; }
.tab_nav li a { }
.tab_nav li.ui-tabs-active a {color:#6d83ac; font-weight:700;}

.con_dl { margin:6% auto; text-align:center;}
.con_dl dt { font-size:15px; line-height:20px; color:#3b3a3a; margin-bottom:20px; text-transform:uppercase;}
.con_dl dd { font-size:13px; line-height:20px; color:#757575;}

/* about01 */
.about01 .subCon_01 { position:absolute;}
.about_01 { position:relative; margin-top:4px; z-index:1;}
.about_01 ul li { margin-bottom:4px; overflow:hidden; }
.about_0101 { position:absolute; width:33.2%; left:0; margin-top:28%;}
.about_0102 {  position:absolute; width:33.2%; left:33.2%; margin:14% 0.2% 0;}
.about_0103 { position:relative; width:33.2%; left:66.8%}
.about_02 { position:relative; width:32.4%; left:48%; margin-top:-18%; z-index:3;}
.about_02 h3 { position:relative; left:-10%; font-family:"Gotham Medium"; font-size:90px; line-height:0.72em; color:#91c2d4; letter-spacing:-0.05em; z-index:2;}
.about_02 > div { position:relative; background:#fff; padding:36px; box-shadow:16px 10px 36px 16px rgba(0, 0, 0, 0.1); margin-top:-3%; z-index:1; }
.about_02 dl {  border:1px solid #d5ccc3; padding:10%; }
.about_02 dl dt {font-family: 'DidotItalic', serif; font-size:28px; font-weight:300; line-height:1em; color:#c3a57a; font-style:italic; text-transform:uppercase; margin-bottom:8%; letter-spacing:-0.01em; }
.about_02 dl dd { font-size:14px; line-height:25px; color:#666;}
.absout_03 { position:relative; left:15%; margin:-23% 0 7%; z-index:2;}
.absout_03 dt { font-family: 'Questrial', sans-serif; font-size:14px; color:#4f4f4f; margin-bottom:3%; }
.absout_03 dd {font-family:"NanumSquareR"; font-size:22px; line-height:1.2em;}
.absout_04 { position:relative;  z-index:1; }
.absout_04 .about_slider { position:relative; width:60.8%; left:5.8%; z-index:2;}
.absout_04 .bg { position:absolute; width:90%; height:80%; left:10%; bottom:0; background:#967f69; z-index:1;}
.absout_05 { position:relative; }
.absout_05 .about_slider { position:relative; width:60.8%; left:33%; z-index:2;}
.absout_05 .bg { position:absolute; width:90%; height:80%; left:0; top:0; background:#9dc4d1; z-index:1;}
.about_dl { position:absolute; z-index:3;}
.about_dl dt {  font-family:"Gotham Medium"; font-size:90px; line-height:0.72em; color:#fff; letter-spacing:-0.05em; margin-bottom:5%;}
.about_dl dd { margin:0 10%;}
.about_dl dd p { font-size:14px; line-height:22px; margin-bottom:3%;}
.absout_04 .about_dl { left:62%; top:50%;}
.absout_04 .about_dl dd p { padding-left:20%; color:#565656;}
.absout_05 .about_dl { right:62%; top:20%; text-align:right;}
.absout_05 .about_dl dd p { padding-right:20%; color:#565656;}
.about_dl dd a { display:inline-block; transition: all 0.2s ease-in-out; }
.about_dl dd a:hover, .about_dl dd a:focus { padding-left:15px; }
.absout_05 .about_dl dd a { padding:0 15px 0 0;}
.absout_05 .about_dl dd a:hover, .absout_05.about_dl dd a:focus { padding:0 0 15px 0;}

/* about02 */
.about02 .subCon_01, .about03 .subCon_01 { position:absolute;}
.land_01 {position:relative; margin:4px 0; z-index:1;}
.land_02 {}
.land_02:after {content:"";display:block;clear:both;}
.land_02 li {float:left; width:33.2%;}
.land_02 li.land_0202 { margin:0 0.2%;}
.land_03 { position:relative; margin:4px 0;}
.land_0301 { position:absolute; width:33.4%; height:100%; z-index:2;}
.land_0301 dl { position:absolute; left:15%; top:18%; }
.land_0301 dt {font-family:"Gotham Light"; font-size:48px; line-height:1em; color:#000; font-weight:700; letter-spacing:-0.05em; margin-bottom:1em;}
.land_0301 dd p { margin-top:1.8em; font-family: 'Oswald', sans-serif; color:#000;}
.land_0302 { position:relative; width:66.6%; margin-left:33.4%; z-index:1;}
.land_04 { position:relative; padding-bottom:5%;}
.btn_nightView { position:absolute; display:block; right:8%; bottom:5%; padding:0 15px 0 0; transition: all 0.3s ease-in-out; z-index:2;}
.btn_nightView:hover, .btn_nightView:focus { padding:0 0 0 15px;}
.land_05 { width:100%; max-width:1200px; margin:3% auto 6%;}
.land_05:after {content:"";display:block;clear:both;}
.land_05 li { float:left; width:33.33%; text-align:center; }
.land_05 li .land_0501 { font-family:"NanumSquareR"; font-size:1.6em; line-height:1.5em; color:#000; }
.land_05 li .land_0502 { font-family: 'Montserrat', sans-serif; font-size:1.15em; line-height:1.5em; color:#b7b7b7;}

/* about03 */

/* room */
.room .subCon_01 { position:absolute;}
.roomRate_title { font-size:20px; line-height:1.5em; color:#a0bcd4; font-weight:400; margin-bottom:1em;}
.room .subCon_01 dl dd { padding-left:0; font-size:14px; line-height:1.6em;}
.roomRate { margin-bottom:2em;}
.roomRate:after {content:"";display:block;clear:both;}
.roomRate li { float:left; width:33%;}

.roomCon { position:relative; width:96%; max-width:1560px; margin:0 auto; padding:6% 0; left:3%;}
.room_01 { position:relative; width:42.56%; margin-left:57.44%; margin-bottom:3%;}
.room_02 { position:relative; width:76.6%; margin-left:23.4%; margin-bottom:3%;}
.room_03 {}
.room_03:after {content:"";display:block;clear:both; margin-bottom:3%;}
.room_03 li.room_0301 { float:left; width:47.24%; margin-right:3.02%;}
.room_03 li.room_0302 { float:left; width:49.74%;}
.room_04 { position:relative;}
.room_0401 { position:relative; width:49.74%; margin-left:50.26%; margin-bottom:15%; z-index:1;}
.room_0402 { position:absolute; width:47.24%; left:0; top:0; padding-top:30%; z-index:2; }
.room_0402 > div { position:absolute; width:86%; left:20%; top:0;}
.room_0402 > div h3 {position:relative; font-family: font-family:"Gotham Medium"; font-size:140px; line-height:1em; z-index:1;}
.room01 .room_0402 > div h3 {color:#a0bcd4;}
.room02 .room_0402 > div h3 {color:#dabd4b;}
.room03 .room_0402 > div h3 {color:#b4d777;}
.room_0402 > div > dl { position:relative; width:100%; margin:-6% 0 0 10%; padding:12% 15% 20%; background:#fff; box-shadow:16px 10px 36px 16px rgba(0, 0, 0, 0.1); z-index:2;}
.room_0402 > div > dl > dt { font-size:24px; color:#000; font-weight:300; text-transform:uppercase; margin-bottom:1.5em;}
.room_0402 > div > dl > dd p { font-size:14px; line-height:1.8em; color:#000; opacity:0.6; margin-bottom:5em;}
.room_0402 dd dt { font-size:20px; line-height:1.5em; color:#7a7975; margin-bottom:1.2em;}
.room_0402 dd dd { line-height:1.6em; color:#959595;}
.room_0403 { margin-top:5%; text-align:center; font-family: 'Damion', cursive; font-size:26px; line-height:1em; color:#fff;}

.room_06 { position:relative;}
.room_0601 { position:relative; width:49.61%; z-index:1;}
.room_0602 { position:absolute; width:47.5%; right:0; top:0; z-index:2;}
.room_0602 > div { position:absolute; width:86%; left:-24%; top:33%;}
.room_0602 > div h3 {position:relative; font-family: font-family:"Gotham Medium"; font-size:140px; line-height:1em; left:44%;z-index:1;}
.room04 .room_0602 > div h3 {color:#f1bdb6;}
.room05 .room_0602 > div h3 {color:#eed796;}
.room06 .room_0602 > div h3 {color:#d9c197;}
.room_0602 > div > dl { position:relative; width:100%; margin:-6% 0 0 10%; padding:12% 15% 20%; background:#fff; box-shadow:16px 10px 36px 16px rgba(0, 0, 0, 0.1); z-index:2;}
.room_0602 > div > dl > dt { font-size:24px; color:#000; font-weight:300; text-transform:uppercase; margin-bottom:1.5em;}
.room_0602 > div > dl > dd p { font-size:14px; line-height:1.8em; color:#000; opacity:0.6; margin-bottom:5em;}
.room_0602 dd dt { font-size:20px; line-height:1.5em; color:#7a7975; margin-bottom:1.2em;}
.room_0602 dd dd { line-height:1.6em; color:#959595;}
.room_0603 { margin-top:5%; text-align:center; font-family: 'Damion', cursive; font-size:26px; line-height:1em; color:#fff;}

.roomPre {}
.roomPre:after {content:"";display:block;clear:both;}
.roomPre li { position:relative; float:left; width:33.2%; margin-bottom:0.2%; overflow:hidden; }
.roomPre li.roomPre02, .roomPre li.roomPre05, .roomPre li.roomPre07 { margin:0 0.2% 0.2%;}
.roomPre_over { position:absolute; width:100%; height:100%; opacity:0; transition: all 0.3s ease-in-out; z-index:2;}
.roomPre li:hover .roomPre_over { opacity:1; cursor:pointer;}
.roomPre li > img { transition: all 0.3s ease-in-out;}
.roomPre li:hover > img {transform: scale(1.1);}
.roomPre01 .roomPre_over { background:#303d76;}
.roomPre02 .roomPre_over { background:#da820a;}
.roomPre03 .roomPre_over { background:#1a5e35;}
.roomPre04 .roomPre_over { background:#bb3020;}
.roomPre05 .roomPre_over { background:#d29f13;}
.roomPre06 .roomPre_over { background:#82653f;}
.roomPre07 .roomPre_over { background:#535141;}
.roomPre_over dl { padding:20% 0 0; text-align:center; color:#fff; }
.roomPre_over dl dt .title01 {display:block; font-family: 'Damion', cursive; font-size:26px; line-height:1em;}
.roomPre_over dl dt .title02 { display:block;  font-family:"Gotham Medium"; font-size:60px; line-height:1em; letter-spacing:-0.05em; margin-bottom:0.5em;}
.roomPre_over dl dd p { opacity:0.6; margin-bottom:5em;}
.roomPre_over dl dd a { display:block; transition: all 0.3s ease-in-out; }
.roomPre_over dl dd a:hover, .roomPre_over dl dd a:focus { margin-left:15px;}

/* service */
.service_01 { position:relative; margin-top:-10%; z-index:2;}
.service_01 div { position:absolute; width:100%; left:0; top:50%; margin-top:-80px; text-align:center; font-family:"Gotham Light"; font-size:66px; line-height:1em; color:#fff; text-transform:uppercase; letter-spacing:0.1em; z-index:2;}
.service_02 { position:relative; width:84%; max-width:1600px; margin:5% auto; text-align:center; z-index:2;}
.service_02 li { width:32%; margin:0 0.65%;}
.service_02 li.service_0201 { position:relative; padding-top:23%;}
.service_02 li.service_0202 { position:absolute; left:33.33%; top:0;}
.service_02 li.service_0203 { position:absolute; left:66.66%; top:0;}

.service_03 { position:absolute; width:42%;height:400px; right:0; bottom:2%; padding:5% 0 0 5%; background:#3a3a3a; box-shadow:16px 10px 36px 16px rgba(0, 0, 0, 0.1);  color:#fff;z-index:5; }
.service_03 dt { font-family: 'DidotItalic', serif; font-size:28px; font-weight:300; line-height:1.5em; font-style:italic; text-transform:uppercase; margin-bottom:2%; letter-spacing:-0.01em;}
.service_03 dd { font-size:14px; line-height:25px; }
.service_03 dd p { margin-top:10%; font-family: 'Montserrat', sans-serif; font-size:15px; text-transform:uppercase; letter-spacing:0.05em; }

.servicePre { position:relative; margin-bottom:0.3%;}
.servicePre:after {content:"";display:block;clear:both;}
.servicePre_img { float:left; width:66.45%; overflow:hidden; }
.servicePre_img img { transition: all 0.3s ease-in-out;}
.servicePre_con { position:relative; float:left; width:33.25%; }
.servicePre01 .servicePre_img, .servicePre02 .servicePre_con { margin-right:0.3%;}
.servicePre_bg { position:absolute; width:100%; vertical-align:top; opacity:0; transition: all 0.3s ease-in-out;  z-index:2;}
.servicePre:hover .servicePre_img img { transform: scale(1.1);}
.servicePre:hover .servicePre_bg { opacity:1;}
.servicePre_con dl { position:absolute; left:12%; top:18%; color:#fff; z-index:3;}
.servicePre_con dl dt { margin-bottom:2em;}
.servicePre_con dl dt .title01 {display:block; font-family: 'Damion', cursive; font-size:26px; line-height:1.6em;}
.servicePre_con dl dt .title02 {display:block;  font-family:"Gotham Medium"; font-size:90px; line-height:1em; letter-spacing:-0.05em; }
.servicePre_con dl dd p { opacity:0.6; margin-bottom:3em;}

.serviceNav { position:relative; background:#fff; z-index:5;}
.serviceNav:after {content:"";display:block;clear:both;}
.serviceNav li { position:relative; float:left; width:calc(25% - 3px); margin-left:4px; overflow:hidden;}
.serviceNav li:first-child { margin-left:0;}
.serviceNav li a { display:block; transition: all 0.3s ease-in-out; }
.serviceNav li img { width:100%; vertical-align:top;}
.serviceNav li .img_on { position:absolute; left:0; top:0; opacity:0; transition: all 0.3s ease-in-out; z-index:2;} 
.serviceNav li a span { display:block; width:100%; margin:5px 0 10px; text-align:center; font-family: 'Poppins', sans-serif; font-weight:300; font-size:12px; letter-spacing:0.1em; text-transform:uppercase; opacity:0; transition: all 0.3s ease-in-out;}
.serviceNav li a:hover, .roomNav li a:focus {  transform: scale(1.1);}
.serviceNav li a:hover .img_on, .serviceNav li a:focus .img_on {opacity:1;}
.serviceNav li a:hover span, .serviceNav li a:focus span {  opacity:1; }

/* facility */
.facility_01 { position:relative; width:38%; max-width:690px; margin-left:55.5%; margin-top:-12%; z-index:1;}
.facility_01_text { position:absolute; width:600px; right:65%; bottom:15%; text-align:center; font-family:'Damion', cursive; font-size:60px; line-height:70px; color:#aa8a5c; z-index:2;}
.facility_02 { position:relative; width:90%; max-width:1560px; margin:3% auto 7%; z-index:1;}
.facility_02 img { vertical-align:top; margin-bottom:2%;}
.facility_0201 { width:42.76%;}
.facility_0202 { width:72.18%;}
.facility_0203 { width:54.3%; margin-left:37%;}
.facility_03 { position:absolute; width:33%; left:59%; bottom:18%; z-index:5; }
.facility_03 h3 { font-family:"Gotham Medium"; font-size:90px; line-height:1em; color:#000; letter-spacing:-0.05em; margin:0 0 2% 10%;}
.facility_03 dl { height:340px; padding-top:90px; background:#fff; box-shadow:16px 10px 36px 16px rgba(0, 0, 0, 0.1); text-align:center;}
.facility_03 dl dt { font-family: 'DidotItalic', serif; font-size:28px; font-weight:300; line-height:1.5em; color:#c3a57a; font-style:italic; text-transform:uppercase; margin-bottom:2%; letter-spacing:-0.01em;}
.facility_03 dl dd { font-size:14px; line-height:25px; color:#666;}
.facility_03 dl dd p { margin-top:10%; font-family: 'Montserrat', sans-serif; font-size:15px; text-transform:uppercase; color:#3d3d3d; letter-spacing:0.05em; }
.facility02 .facility_01_text, .facility02 .facility_03 dl dt { color:#dda5b7;}
.facility03 .facility_01_text, .facility03 .facility_03 dl dt { color:#71b8df;}
.facility04 .facility_01_text, .facility04 .facility_03 dl dt { color:#ca914e;}
.facility05 .facility_01_text, .facility05 .facility_03 dl dt { color:#5c8e6b;}
.facility06 .facility_01_text, .facility06 .facility_03 dl dt { color:#5c8e6b;}

#wrap.facility00 { background:#c3c3c3; }
.fac_pre { position:relative; width:96%; max-width:1500px; margin:-42% auto 0; padding-bottom:10%; }
.fac_list { position:relative; width:40%;}
.fac_list .fac_pre_img { width:100%; vertical-align:top;}
.fac_list dl { position:absolute; width:100%; left:95%; top:30%;}
.fac_list dl dt { margin:0 0 5% 10%; color:#565656;}
.fac_list dl dt span { display:block;  font-family:"Gotham Medium"; font-size:60px; line-height:1em; color:#000; letter-spacing:-0.05em; margin-bottom:0.2em; }
.fac_list dl dd a { display:inline-block; transition: all 0.2s ease-in-out; }
.fac_list dl dd a:hover, .fac_list dl dd a:focus { padding-left:15px; }

.fac_list02 dl, .fac_list05 dl { left:auto; right:95%; text-align:right;}
.fac_list02 dl dt, .fac_list05 dl dt { margin:0 10% 5% 0;}
.fac_list02 dl dt span { color:#fff; }
.fac_list02 dl dd a:hover, .fac_list02 dl dd a:focus, .fac_list05 dl dd a:hover, .fac_list05 dl dd a:focus { padding:0 15px 0 0; }

.fac_list01 { left:12%;} 
.fac_list02 { left:37.4%; margin-top:-3%;}
.fac_list03 { left:3%; margin-top:-3%;}
.fac_list04 { left:22.6%; margin-top:-3%;}
.fac_list05 { left:47.8%; margin-top:-3%;}
.fac_list06 { left:20.6%; margin-top:-3%;}
	
/* tour */
.tourNav { position:relative; margin-bottom:5%;}
.tourNav:after {content:"";display:block;clear:both;}
.tourNav_title { position:relative; float:left; width:32.8%;}
.tourNav_title dl { position:absolute; left:15%; top:20%; z-index:2;}
.tourNav_title .title01 { display:block;font-family:"Gotham Medium"; font-size:64px; line-height:0.9em; color:#fff; letter-spacing:-0.05em; margin-bottom:3%;}
.tourNav_title .title02 { display:block;  font-family: 'Damion', cursive; font-size:28px; line-height:1.6em; color:#fff; opacity:0.5;}
.tourNav_title dd { font-size:14px; line-height:1.8em; color:#000; margin-top:5%;}
.tourNav ul { float:left; width:67.2%;}
.tourNav ul li { float:left; width:24%; margin-left:1%; overflow:hidden;}
.tourNav ul li a { display:block; transition: all 0.2s linear;}
.tourNav ul li a:hover, .tourNav ul li a:focus { transform: scale(1.05);}
.tourNav ul li span { display:block; text-align:center;}
.tourNav ul li span.title01 { font-family: 'Roboto', sans-serif; font-size:13px; letter-spacing:0.1em; text-transform:uppercase; margin:6% 0 3%;}
.tourNav ul li span.title02 {}
.tourNav ul li span.line { width:30px; height:3px; background:#ff4a34; margin:6% auto; }

.tourCon { position:relative; margin-bottom:3%;}
.tourCon .tour_img { position:relative; width:66.6%; max-width:1278px; z-index:1;}
.tourCon02 .tour_img { margin-left:33.4%;}

.tour_img .lSAction { position:absolute; width:111px; height:51px; bottom:0; z-index:2;}
.tourCon01 .tour_img .lSAction {left:0;}
.tourCon02 .tour_img .lSAction { right:0;}
.tour_img .lSAction a { display:block; width:56px; height:51px; top:0; margin:0; background:url(../images/tour/slider_arrow.png);}
.tour_img .lSAction a.lSPrev { left:0;}
.tour_img .lSAction a.lSNext { right:0; width:55px; background-position:-56px 0;}

.tourCon01 .tour_text { position:absolute; width:33.4%; right:2.7%; top:5%; z-index:2; }
.tourCon02 .tour_text { position:absolute; width:33.4%; left:2.7%; top:5%; z-index:2;}
.tour_text h3 { font-family:"Gotham Medium"; font-size:60px; line-height:0.92em; color:#000; letter-spacing:-0.05em; margin:0 0 3% 12%;}
.tour_text dl { background:#fff; min-height:320px; padding:10% 0;  box-shadow:16px 10px 36px 16px rgba(0, 0, 0, 0.1);}
.tour_text dl dt { padding:0 10% 3%; border-bottom:1px solid #e3d9cd; margin-bottom:5%;}
.tour_text dl dt .title01 { font-size:2em; line-height:1em;}
.tour_text dl dt .title02 {font-family: 'Damion', cursive; font-size:22px; line-height:1.6em; color:#ba9f83; margin-left:5px;}
.tour_text dl dd { padding:0 10%; font-size:13px; line-height:1.6em; color:#737373;}
.tour_text dl dd a:hover, .tour_text dl dd a:focus { text-decoration:underline;}

/* reser */
.reser_01 { position:relative;}
.reser_01_bg { position:absolute; width:23.8%; height:100%; left:0; top:0; background:#80848c;  box-shadow:8px 8px 12px rgba(0, 0, 0, 0.1);  z-index:1;}
.reser_01_text { position:absolute; right:10%; top:50%; margin-top:-150px; z-index:2;}
.reser_02 { position:relative; width:88%; max-width:1580px; margin:5% 0 0 10.5%; z-index:5;}
.reser_02:after {content:"";display:block;clear:both;}
.reser_0201 { float:left; width:32%; max-width:500px;}
.reser_0202 { float:right; width:62%;}
.reser_03 { margin:5% 0 0 10.5%; width:88%; max-width:1580px; padding-left:33.3%;}
.reser_03 img { width:90%; max-width:844px;}
.prece_area {}
.pirce_title { }
.pirce_title strong { display:inline-block; width:80px; height:60px; background:#80848c; font-size:15px; line-height:60px; color:#fff; text-align:center;  transition: all 0.2s ease;}
.prece_area:hover {cursor:pointer; }
.prece_area:hover strong { width:100px;}
.priceTable { width:100%; border-collapse:collapse; margin:0 0 20px; border-top:2px solid #80848c; border-bottom:2px solid #80848c; }
.priceTable th { padding:12px 5px; text-align:center; border-bottom:1px solid #ccc; font-weight:normal; background:#f8f8f8;}
.priceTable td { padding:12px 5px; text-align:center; border-bottom:1px solid #ccc; background:#f8f8f8; transition: all 0.2s ease; }
.prece_area:hover .priceTable tbody tr td { cursor:pointer; background:#80848c; color:#fff;}
.priceTable tbody tr:hover td { cursor:pointer; background:#80848c; color:#fff;}
.reser_0202 dl {}
.reser_0202 dl dt { font-size:18px; line-height:1.5em; color:#000; margin-bottom:2%;}
.reser_0202 dl dt span { display:inline-block; margin-left:10px; font-family:"DidotItalic"; font-size:20px; }
.reser_0202 dl dd { font-size:13px; line-height:20px; color:#616161; margin-bottom:6%;}
.cancelTable { width:100%; max-width:800px; border-collapse:collapse;}
.cancelTable th { padding:16px 0; text-align:center; border-bottom:2px solid #ccc; font-weight:normal; color:#fff; background:#80848c;}
.cancelTable td { padding:10px 0; text-align:center; border-bottom:1px solid #ccc; }

.reser02 .subCon_01 { width:80%; left:10%;}
.reser_frame { position:relative; width:100%; height:700px; margin:0 auto; padding-top:30px;}
.reser_05 { position:relative; margin-top:-6.5%; z-index:5;}
.reser_05_text { position:absolute; width:50%; left:25%; bottom:33%; text-align:center; z-index:2;}
.reser_05_text img { width:100%; max-width:382px; vertical-align:top;}

/* map */
.map_con { position:relative; margin-bottom:8%;}
.map_01 { position:relative; width:66.6%; margin-bottom:0.2%; overflow:hidden}
.map_01 #map { position:absolute; width:1500px; height:800px; left:50%; top:50%; margin:-400px 0 0 -750px; z-index:2;}
.map_02 { position:absolute; left:72%; top:7.5%; font-size:15px; line-height:1.8em; z-index:10;}
.map_03 { position:relative; width:33.2%; margin-right:0.2%;}
.map_03 dd { position:absolute; width:70%; left:13%; top:50%; z-index:2;}
.map_04 { position:absolute; width:33.2%; left:33.4%; bottom:0;}
.map_05 { position:absolute; width:33.2%; right:0; top:0; z-index:1;}
.map_05 dd { margin:8% 0 0 13%;}
.map_05 dd p { color:#598ed4; text-decoration:underline;}
.map dd li { line-height:1.5em; margin-bottom:1.5em;}
.map dd li strong { display:block; font-size:1.1em;}

/*  commnuity */
.boardNav { text-align:center;}
.boardNav li { display:inline; margin:0 1em;}
.boardNav li a:hover, .boardNav li a:focus {text-decoration:underline;}
.boardNav li.this a { font-weight:700; text-decoration:underline;}
.board_frame { display:block; width:96%; max-width:1200px; margin:5% auto; }



@media \0screen { /* IE8 웹폰트 설정*/
}

@media  (max-width: 1740px){
}

@media  (max-width: 1580px){


}

@media  (max-width: 1420px){

}

@media  (max-width: 1280px){

.fac_list dl {top:20%;}
.fac_list dl dt span {font-size:40px;}

}


@media  (max-width: 1024px){


}


@media  (max-width: 768px){


}


@media  (max-width: 560px){

}

@media  (max-width: 480px){


}


@media  (max-width: 380px){
	

}