/* Reset */
* {margin:0; padding:0}
body {min-width:1200px; margin:0; padding:0; height:100%; font-size:0.8em; line-height:1.2; color:#323232; background-color:#fff; font-family:'NanumGothic','Nanum Gothic','Malgun Gothic',Dotum, Arial, sans-serif; }
div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td,button,textarea,select {margin:0;font-family: 'NanumGothic','Nanum Gothic',Dotum, Arial, sans-serif;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display:block}
h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:100%}
ul,ol,dl,dt,dd,li {list-style:none}
fieldset {border:none}
img {border:0; vertical-align:middle}
strong {font-family:'Malgun Gothic','NanumGothic','Nanum Gothic'; font-weight:bold; letter-spacing:-0.1em;}
address,em {font-style:normal; color:#fff}
hr {display:none}
table {border-collapse:collapse; width:100%}
table, td, th {border:none}
th {font-weight:normal}
a {color:#fff; text-decoration:none; cursor:pointer}
a:hover,a:focus {text-decoration:none}
caption,legend {visibility:hidden; width:0; height:0; font-size:0; line-height:0}
button {cursor:pointer;border:0;background-color:transparent;padding:0;margin:0;}
button > span,button > em {position:relative;top:0;left:0;}
label {line-height:13px;}
mark {background:none; color:inherit;}
textarea {padding:10px; background: #fff; border:1px solid #e2e2e2; border-radius: 3px;box-shadow: inset 1px 3px 4px -3px rgba(0,0,0,0.1); resize:none; behavior: url( 'PIE.htc' );}
select {padding: 6px 4px 6px 4px; border-radius: 3px; border: 1px solid #e2e2e2; background: #FFF; color: #696F74; font-size: 13px !important; line-height: 18px !important; font-weight: normal; }
input[type="text"], input[type="password"] {height:32px; padding:0 5px; line-height:18px; text-indent:3px; color: #696F74; vertical-align:middle;
background: #fefefe; border:1px solid #e2e2e2 /*!important*/; border-radius: 3px; box-shadow: inset 1px 3px 4px -3px rgba(0,0,0,0.1);}
/*input[type=file] {padding:5px; border:1px solid #bfbfbf\0/IE8+9; .border:1px solid #bfbfbf; color:#666; background:none; border:none}*/
input[type="file"] {padding:5px; border:1px solid #e2e2e2; color:#666; background:none; border:none}
input[type="image"], input[type="checkbox"] {border:0 none !important; vertical-align: middle; margin-right: 2px;}
input[type='checkbox'], input[type="radio"] {width:16px; height:16px; position:relative; top:-1px; vertical-align:middle; margin-right:3px;}
input[type="submit"] {-webkit-appearance: none; border-radius: 0;}

@media \0screen {input[type=text], input[type=password]{line-height:30px;}}

*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

.blind {position:absolute;left:0;top:0;font-size:0;visibility:hidden;width:0;height:0;line-height:0}
.hidden {visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999px}
.none    {position:absolute; top:-5000px; left:-5000px; height:0;}
.png24 {tmp:expression(setPng24(this));}

.clearfix:after {  content:" "; display:block; clear:both; height:0; visibility:hidden; font-size:0;}

#contents {width:100%; position:relative;}
#wrap { width:1200px; min-height:500px; margin:0 auto; position:relative; }
#wrap:after { content:" "; display:block; clear:both; height:0;visibility:hidden; font-size:0; }
#sub_contents { width:950px; padding:55px 0 100px; float:right;}
#sub_top {width:100%; height:250px; background:#eee;}

/* sub_top */
.sub_top_bg {width:100%; height:250px; background:url('../images/sub_top/top_bg1.jpg') center no-repeat;}
.sub_top_bg2 {width:100%; height:250px; background:url('../images/sub_top/top_bg2.jpg') center no-repeat;}
.sub_top_bg3 {width:100%; height:250px; background:url('../images/sub_top/top_bg3.jpg') center no-repeat;}
.sub_top_bg4 {width:100%; height:250px; background:url('../images/sub_top/top_bg4.jpg') center no-repeat;}
.sub_top_bg5 {width:100%; height:250px; background:url('../images/sub_top/top_bg5.jpg') center no-repeat;}
.sub_top_bg6 {width:100%; height:250px; background:url('../images/sub_top/top_bg6.jpg') center no-repeat;}

/* left_menu */
#left_menu { margin-top:55px; width:200px; float:left; }
#left_menu h3 { width:100%; height:150px; padding-top:55px; font-size:2em; color:#fff; font-weight:600; text-align:center; background-color:#005aab;}
/*#left_menu h3 { width:100%; height:150px; padding-top:55px; font-size:2em; font-weight:600; text-align:center; background:url('../images/left_menu/left_bg.png') center no-repeat;}*/
#left_menu ul { width:100%; text-align:left; padding:25px 0;}
#left_menu ul li { font-size:15px; }
#left_menu ul li a { color:#555; font-weight:600; display:block; padding:13px 15px; border-bottom:1px solid #d9d9d9; padding-right:20px; text-decoration:none;}
#left_menu ul li a:hover, #left_menu ul li a.on { color:#000; font-weight:600; background:url('../images/left_menu/menu_o.png') no-repeat right; }

.banner {padding:50px 0 50px 0;}
.banner_box {width:200px; padding:10px 15px; border:5px solid #dbdbdb;}
.banner_box h2 {padding-top:10px; font-weight:600; font-size:18px; color:#8f8f8f; line-height:20px;}
.banner_box h4 {padding:5px 0; font-weight:800; font-size:25px; color:#005aab; line-height:26px; letter-spacing:-1px; text-align:left;}
.banner_box h5 {padding:5px 0; font-weight:600; font-size:22px; color:#222; letter-spacing:-1px; text-align:left;}
.banner_box h6 {font-weight:bold; font-size:12px; color:#666;}
.banner_box p {font-size:12px; color:#5f5f5f; line-height:18px; letter-spacing:-0.5px;}
.banner_box img {padding:10px 2px;}

/* layout */
#header {position:relative;}
#header h1 {text-align:center; padding:55px 0;}
#header .btn_reserve {position:absolute; right:50%; margin-right:-600px; top:120px;}
#header .btn_reserve a {border:1px solid #d4cec3; padding:10px 20px 8px; display:block; color:#988249;}
#header .btn_reserve a:hover {border:1px solid #eae6df; background-color:#eae6df;}
#header .nav {width:100%; text-align:center; border-top:1px solid #dbdbdb;}
#header .nav li {display:inline-block; *display:inline; position:relative;}
#header .nav li a {display:block; padding:13px 55px 15px; color:#444; font-size:1.3em; height:46px; font-weight:600;}
#header .nav li a:hover {color:#000;}
#header .nav .sub_m {display:none; position:absolute; width:100%; top:46px;  z-index:999; background:rgba(0, 0, 0,0.7); padding:0px 15px 5px;}
#header .nav li:hover .sub_m, #header .nav li .sub_m:hover {display:block;}
#header .nav li:hover .sub_m {transition: .5s ease-in-out;}
#header .nav .sub_m li {display:block; border-bottom:1px solid rgba(255,255,255,0.1);}
#header .nav .sub_m li:last-child {border-bottom:none;}
#header .nav .sub_m li a {display:block; font-size:1.1em; padding:13px 0; text-align:center; color:#fff; height:46px; font-weight:600;}
#header .nav .sub_m li a:hover {color:#fff; font-weight:bold;}

/* title */
.title {margin-bottom:20px;}
.title h2 {padding:10px 0; font-size:20px; color:#222; font-weight:600; line-height:22px; border-bottom:1px solid #dbdbdb;}

/* main */
.body_foot_bg {position:absolute; top:575px; width:100%; text-align:center; min-width:1200px; z-index:99;}
.body_foot_bg img {width:100%; height:282px;}

.main_visual .bx-wrapper .bx-pager
.main_visual { position:relative; width:100%; height:706px; min-width:1200px; }
.main_visual .visual_txt {position:absolute; top:350px; width:100%; height:149px; text-align:center; line-height:200px; z-index:99;}
.main_visual ul {}
.main_visual ul li { width:100%; height:706px; background-size:cover; background-position:center; background-repeat:no-repeat; }
.main_visual .bx-wrapper .bx-pager { bottom:60px; }

.main_wrap { width:1200px; height:100%; margin:40px auto 0;}
.m_bg {position:absolute; width:100%; height:24px; left:0; top:-60px; background:url('../images/m_bg.png') center no-repeat; z-index:99;}

.m_menu { position:relative; width:100%; }
.m_menu_ttl h2 { margin:0 0 15px 45px; font-size:18px; font-weight:600; color:#222; line-height:20px; }
.m_menu_ttl h2 span { font-size:18px; font-weight:bold; color:#f4811f; line-height:20px; }

/* main_leisure_slider */
.slider .bx-wrapper {margin:0 auto; min-width:1100px;}
.slider .bx-wrapper .bx-pager {display:none;}
.main_leisure { height:196px; }
.slider .bx-wrapper .bx-controls-direction a {position:absolute; top:-20%; outline:0; width:21px; height:20px; text-indent:-9999px; z-index:9999;}
.slider .bx-wrapper .bx-prev {left:1068px; background:url(../images/s_controls.png) no-repeat 0 0;}
.slider .bx-wrapper .bx-next {right:0px; background:url(../images/s_controls.png) no-repeat -21px 0;}

.m_wrap {padding:75px 0; width:100%; background:#fafafa;}
.m_wrap ul {width:1200px; margin:0 auto;}
.m_wrap ul li {float:left; border:1px solid #dedede; margin-left:22px; width:283px; height:140px; text-align:center; background:#fff;}
.m_wrap ul li img {padding:40px 0 25px;}
.m_wrap ul li h2 {background:#005aab; padding:13px 10px; color:#fff; font-size:1.4em; font-weight:600; margin-bottom:18px;}
.m_wrap ul li h2 span {font-size:0.5em; font-weight:normal; padding-right:3px;}
.m_wrap ul li p {font-size:1.15em; line-height:1.7em; letter-spacing:-0.5px;}
.m_wrap ul li:first-child {margin-left:0;}
.m_wrap ul li:last-child {margin-right:0; margin-bottom:0;}
.m_wrap ul li:last-child img {padding:0;}

.m_drive_wrap {width:100%; height:350px; margin:100px auto 150px;}
.d_ttl h2 {padding:20px 0 30px; font-weight:800; font-size:4em; color:#222; text-align:center; line-height:20px; letter-spacing:-1px;}
.d_ttl h3 {font-weight:600; font-size:15px; color:#999; text-align:center; line-height:12px; letter-spacing:-0.5px;}

.main_drive {padding:75px 0 100px 0;}
.main_drive ul {width:1200px; margin:0 auto;}
.main_drive ul li {float:left; margin-bottom:55px; border:1px solid #d3d3d3; margin-left:22px; width:283px; height:283px; text-align:center;}
.main_drive ul li img {padding:40px 0 25px;}
.main_drive ul li h5 {font-size:1.8em; font-weight:600; margin-bottom:18px;}
.main_drive ul li h5 span {font-size:0.6em; font-weight:normal; padding-right:3px;}
.main_drive ul li p {line-height:1.7em; font-size:1.2em;}
.main_drive ul li:first-child {margin-left:0;}
.main_drive ul li:last-child {margin-right:0; margin-bottom:0;}
/*.main_drive ul li:last-child img {padding:0;}*/

.m_board_wrap {width:100%; height:300px;}
.c_ttl {padding:80px 0; font-weight:800; font-size:5em; color:#222; text-align:center; line-height:20px; letter-spacing:-1px;}
.bbs_ttl {padding-bottom:15px;}
.bbs_ttl a {float:right; margin-top:-17px; font-weight:600; font-size:15px; color:#222;}

.main_bbs {}
.main_bbs1 {padding:20px 24px; width:391px; height:192px; float:left; margin-right:19px; border:1px solid #c8c8c8;}
.main_bbs1 ul li { }
.main_bbs1 h2 {font-weight:600; font-size:18px; color:#222; line-height:20px;}
.main_bbs1 h3 {padding-top:10px;}

.main_bbs2 {padding:20px 24px; width:391px; height:192px; float:left; margin-right:19px; border:1px solid #c8c8c8;}
.main_bbs2 ul li {}
.main_bbs2 h2 {font-weight:600; font-size:18px; color:#222; line-height:20px;}
.main_bbs2 h3 {padding-top:10px;}

.m_photo_wrap {margin:100px 0; width:100%; height:192px;}
.main_bbs3 {}

.main_info {float:left; width:379px; height:192px; padding:25px 24px; background-color:#005aab;}
.main_info p {font-weight:600; font-size:15px; color:#fff; letter-spacing:-0.5px;}
.main_info h2 {padding-bottom:15px; font-weight:600; font-size:2em; color:#fff; line-height:20px;}
.main_info h3 {padding:5px 0; font-weight:800; font-size:3em; color:#fff; line-height:35px; letter-spacing:-1px;}
.main_info h4 {padding-top:5px; font-weight:600; font-size:13px; color:#fff; line-height:12px; letter-spacing:-0.5px;}

.main_ps {margin-top:30px; padding-bottom:0 !important; text-align:center;}
.main_ps h3 {font-size:30px; font-weight:500; margin-bottom:-5px; padding-top:100px; color:#fff; letter-spacing:-0.03em; line-height:0.95;}
.main_ps h3:after {background:none; display:none;}
.main_ps h4 {font-weight:500; font-size:22px; color:#fff; letter-spacing:5px;}
.main_ps p {padding-top:30px; font-weight:500; font-size:12px; color:#fff; letter-spacing:5px;}

.main_ps .img {margin-top:-90px; height:330px; background:url('../images/main_ps.jpg') center no-repeat;}
.main_ps ul {margin:0 auto; width:100%; max-width:640px;}
.main_ps ul li {margin:10px 10px; padding-top:15px; text-align:center;}
.main_ps ul li a {border:1px solid #fff; color:#fff; padding:8px 40px; margin:0 5px; opacity:0.8;}
.main_ps ul li a:hover {color:#fff;}

/*about*/
.about {width:100%;}
.abo_info {margin-bottom:50px;}
.abo_info h3 {padding:25px 0;  font-size:2.5em; font-weight:600; color:#222;}
.abo_info h4 {padding:50px 0; font-size:1.8em; font-weight:600; color:#222; text-align:right; letter-spacing:-1px;}
.abo_info p {padding:10px 0; font-size:16px; color:#666; line-height:24px; letter-spacing:-0.5px;}
.abo_info p span {font-size:20px; color:#444; line-height:32px; letter-spacing:-0.5px; border-bottom:1px solid #d9d9d9;}

/* exterior */
.exterior {width:100%;}
.out_gallery { width:100%; margin:30px 0 20px 0; }
.out_gallery .bx-wrapper .bx-controls-direction a {position:absolute; top:50%; outline:0; width:32px; height:32px; text-indent:-9999px; z-index:9999;}
.out_gallery .bx-wrapper .bx-prev {left:30px; background:url(../images/g_controls.png) no-repeat 0 0;}
.out_gallery .bx-wrapper .bx-next {right:30px; background:url(../images/g_controls.png) no-repeat -32px 0;}

.out_gallery, .gallery {position:relative; z-index;1;}
#bx-pager {position:absolute; bottom:20px; width:100%; text-align:center; z-index;9999 !important; }
#bx-pager a img {width:32px; height:auto; border:1px solid #999;}
#bx-pager a:hover img {border:2px solid #fff;}
.bx-wrapper .bx-controls-auto {display:none;}

/* location */
.map {width:100%;}
.map_info_ttl {font-size:20px; color:#222; font-weight:600; padding-top:35px;}
.map_info h3 {padding-top:10px; font-weight:600; font-size:16px; color:#222; letter-spacing:-0.5px;}
.map_info p {padding:10px 0; font-size:14px; color:#666; line-height:22px; letter-spacing:-1px;}
.map_info2 {padding-top:15px;}

/* licence */
.licence {width:100%;}
.lic_info {margin-bottom:50px;}
.lic_info_ttl {font-size:1.8em; color:#222; font-weight:600; padding-top:10px;}
.lic_info h3 {padding-top:20px; font-size:14px; color:#555; font-weight:600; line-height:22px;}
.lic_info p {padding:10px 0; font-size:14px; color:#666; line-height:22px; letter-spacing:-1px;}
.lic_info p span {font-size:14px; color:#ff0000; line-height:22px; letter-spacing:-1px;}

.tb_basic {margin-top:15px; border-top:2px solid #000;}
.tb_basic th, tr.tb_l {background:#eee; border:1px solid #d9d9d9; padding:18px 3px; font-size:1.1em; font-weight:600; color:#222;}
.tb_basic td {border:1px solid #d9d9d9; padding:15px 3px; text-align:center; font-size:14px; color:#333; line-height:25px;}
.f_l {background:#eee; font-weight:600; color:#222;}
.name {width:18%;}
.note {width:13%;}

/* board */
.board {width:100%; margin-top:30px;}

/* footer */
#footer {background:#303030;}
#footer .ft_wrap {position:relative; width:100%; max-width:1200px; padding:45px 0 40px; margin:0 auto; color:#fff;}
#footer .top { position:absolute; top:-38px; left:50%; margin-left:-40px; width:76px; height:76px; background:url('../images/top.png') center no-repeat;}
#footer .btm_logo {margin-bottom:25px;}
#footer .ft_infos {margin-bottom:5px; line-height:1.8em;}
#footer .ft_infos h2 {margin-bottom:5px; font-weight:400; font-size:1.5em; font-weight:600; color:#fff; line-height:1.8em;}
#footer .ft_infos h4 {margin-bottom:5px; font-weight:800; font-size:2.2em; color:#56a5e8; line-height:1.8em; letter-spacing:-0.5px;}
#footer .ft_infos p {font-size:14px; color:#fff; font-family:'NanumGothic', serif;}
#footer .copy {padding-top:10px; font-size:12px; color:#5f5f5f;}
#footer .common_btm {font-size:0.8em; padding-top:5px; color:#5f5f5f;}

#footer .quick {}
#footer .quick_list h2 { font-size:2.2em; letter-spacing:-2px; color:#000;}
#footer .quick_box {position:absolute; top:80px; right:0;}
#footer .quick_box_tool {display:table; width:100%;}
#footer .quick_box_list {display:table-cell; width:117px; text-align:right;}
#footer .quick_box_list:first-child {border:0;}
#footer .quick_box_list dl {width:100%;}
#footer .quick_box_list dt {margin-bottom:20px; font-size:1.2em; line-height:1em; color:#56a5e8; font-weight:600;}
#footer .quick_box_list dd {font-size:1em; color:#a2a2a2; line-height:30px;}
#footer .quick_box_list dd a {color:#c1c1c1;}
#footer .quick_box_list dd a:hover {color:#fff;}


