/* 사용방법에 따라 잠시 죽여둠
#GBheaderbg100	{ position:relative; width:970px; height:200px; margin:0; padding:0; }
#GBlogo { position:absolute; width:300px; height:200px; top:0; left:335px; }

#GBbg { position:fixed; top:-50%; left:-50%; width:200%; height:200%; }
#GBbg img { position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; min-width:50%; min-height:50%; }
#GBpage-wrap { position: relative; z-index: 2; width: 1000px; margin: 0px auto; padding: 0px; background: white; }
*/

#container_title {
	display: none !important;
	margin-bottom:20px;
	font-size:1.2em;
	font-weight:bold;
}
#GBheaderbg { position:relative; width:1000px; height:200px; margin:0; padding:0; }
#GBlogo { position:absolute; width:400px; height:200px; top:0; left:300px; }
/*다국어페이지 관련*/
#GBlang {position: absolute; width: 280px; height: 20px; top: 0; right: 0; text-align: right; margin-right: 20px; margin-top: 20px; }

#GBft_out {position:relative; background: #3c3c3c;}
#GBft {position:relative;width: 1000px; margin: 0 auto; padding:0 0 30px 0; height: auto;min-height:50px;background: #3c3c3c; }
#GBft .visit {
	width: 750px;
  float: left; 
}
#GBft .copyright {
	width: 720px;
    margin: 0; 
    float: left; 
	padding: 10px 0 10px 30px; 
	font-size: 12px; 
	color: #eee; 
	line-height: 20px; 
}
#GBft .ftlogo {
    width: 250px; 
    float: right; 
}
#GBft .ftlogin {
    width: 690px; 
    height: 38px; 
    float: left; 
    padding-top: 5px; 
    border-top:1px dotted #8d8d8d;
    margin: 0 30px; 
    color: #eee; 
}
#GBft .ftlogin a {
    color: #eee; 
    text-decoration: none; 
}
#GBft .ftlogin .mobilejump {
    width: 110px; 
    height: 28px; 
    float: right; 
    line-height: 2.4em; 
}
/*배경바탕 고정*/
#GBbg {
  position: fixed;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
}
#GBbg img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  min-width: 50%;
  min-height: 50%;
}
#hd_wrapper .admin {width: 980px; margin: 0; padding: 0 10px; font-size: 12px; line-height: 35px; background: #333; color: #eee; }
#hd_wrapper .admin a {color: #eee; padding: 0 10px; text-decoration: none; }

/*오른쪽 스크롤 fixed 메뉴*/
.GBsidemenu {
  display: none;
  position: fixed;
  top: 200px;
  left: 50%;
  margin-left: 500px; 
  width: 50px;
  height: auto;
  border-top: 1px solid #c7c7c7;
  border-right: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7;
  background: #eee;
  z-index: 10000;
}
.GBsidemenu ul {position: relative;  margin: 0; padding: 0;  }
.GBsidemenu ul {list-style: none; }
.GBsidemenu ul li img {width: 40px; height: 40px; margin: 5px; }

/* 텍스트 크기 조절 */
#text_size {position: absolute; margin: 0; top: 0; right: 0; letter-spacing:-3px}
#text_size button {margin:0;padding:1px 2px;border:1px solid #c3c6ca;background:transparent;vertical-align:middle;cursor:pointer}
.ts_up {font-size:1.167em !important}
.ts_up2 {font-size:1.3em !important}

/*스크롤탑 관련*/
.btn {
	background: #4caf50;
	text-align: center;
	vertical-align: middle;
	border: none;
	white-space: nowrap;
	font-weight: 400;
	font-size: 14px;
	letter-spacing: .05em;
	color: #fff;
	text-transform: uppercase;
	height: 54px;
	line-height: 54px;
	padding: 0 26px;
	border-radius: 2px;
	margin-top: 6px;
	margin-bottom: 6px;
	text-decoration: none;
	position: relative;
	display: inline-block;
	overflow: hidden;
	transition: .2s ease-out;
}
.btn:hover {
	box-shadow: 0 4px 7px 0 rgba(0,0,0,.3),0 2px 3px 0 rgba(0,0,0,.1);
}

.GBimg100 {width: 100%; height: auto; }

#reservation {width:100%; height:auto; }
#reservation .left {width:400px; float:left; height:auto; line-height:14px; font-size:14px; }
#reservation .right {width:500px; float:right; height:auto; line-height:14px; font-size:14px; }
#reservation .subfolder {position: relative; float: left; display: inline; margin: 0 18px 20px 17px; padding-bottom: 0px; width: 884px; height: auto; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
#reservation .subfolder ul {list-style:none; margin:0; padding:0; }
#reservation .subfolder li {padding: 0; float: left; margin: 0; width: 220px; height: 30px; display: inline-block; border-bottom: 1px #ccc solid; border-right: 1px #ccc solid; line-height: 30px; font-size: 14px; text-align:center; }
#reservation .subfolder li a {text-decoration: none; width: 100%; display: block; }
#reservation .sub {}
#reservation .half {width:50%; float:left; }
#reservation .sub .subject {font-size:22px; font-weight:bold; color:#777; height:30px; line-height:30px; border-bottom:1px #c7c7c7 dashed; margin:40px 0 20px 0; padding:10px 20px; }
#reservation .sub .content {padding:10px 30px; line-height:1.5em; }
#reservation .sub .content .sub {font-size:13px; font-weight:bold; padding-bottom:5px; }
#reservation .sub .content .con {font-size:12px; padding-left:5px; padding-bottom:10px; line-height:16px; }
#reservation .sub .roomdetail1 {width: 400px; margin-left:30px;  padding:10px 0 10px 0; border: 1px solid #c7c7c7; }
#reservation .sub .roomdetail1 .subject {padding: 5px 0 5px 10px; font-size: 13px; font-weight: bold; }
#reservation .sub .roomdetail1 .content {padding: 5px 0 5px 15px; font-size: 12px; }
#reservation .sub .content .box {width:9%; border-top:1px #c7c7c7 solid; display:inline-block; margin:0; float:left; }
#reservation .sub .content .box .day {padding:10px 5px 10px 5px; text-align:center; border-right:1px #c7c7c7 solid; border-bottom:1px #c7c7c7 solid; }
#reservation .sub .content .box .per {padding:10px 5px 10px 5px; text-align:center; border-right:1px #c7c7c7 solid; border-bottom:1px #c7c7c7 solid; }

#m_reservation {width:100%; height:auto; }
#m_reservation .left {width:400px; float:left; height:auto; line-height:14px; font-size:14px; }
#m_reservation .right {width:500px; float:right; height:auto; line-height:14px; font-size:14px; }
#m_reservation .subfolder {position: relative; float: left; display: inline; margin: 0 18px 20px 17px; padding-bottom: 0px; width: 884px; height: auto; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
#m_reservation .subfolder ul {list-style:none; margin:0; padding:0; }
#m_reservation .subfolder li {padding: 0; float: left; margin: 0; width: 220px; height: 30px; display: inline-block; border-bottom: 1px #ccc solid; border-right: 1px #ccc solid; line-height: 30px; font-size: 14px; text-align:center; }
#m_reservation .subfolder li a {text-decoration: none; width: 100%; display: block; }
#m_reservation .sub {}
#m_reservation .half {width:50%; float:left; }
#m_reservation .sub .subject {font-size:16px; font-weight:bold; color:#777; height:30px; line-height:30px; border-bottom:1px #c7c7c7 dashed; margin:40px 0 20px 0; padding:10px 20px; }
#m_reservation .sub .content {padding:10px 5%; }
#m_reservation .sub .content .sub {font-size:13px; font-weight:bold; padding-bottom:5px; }
#m_reservation .sub .content .con {font-size:12px; padding-left:5px; padding-bottom:10px; line-height:16px; }
#m_reservation .sub .roomdetail1 {width:90%; margin:0 5% 0 5%; padding:10px 0 10px 0; border: 1px solid #c7c7c7; }
#m_reservation .sub .roomdetail1 .subject {padding: 5px 0 5px 10px; font-size: 13px; font-weight: bold; }
#m_reservation .sub .roomdetail1 .content {padding: 5px 0 5px 10px; font-size: 12px; }
#m_reservation .sub .content .box {width:32%; border:1px #c7c7c7 solid; display:inline-block; margin:0; float:left; }
#m_reservation .sub .content .box .day {padding:10px; text-align:center;}
#m_reservation .sub .content .box .per {padding:10px; text-align:center; border-top:1px #c7c7c7 solid; }
#m_reservation .sub .reserve-box {width:60%; height:40px; margin:0 auto; text-align:center; font-size:14px; line-height:40px; background:#eee;  border:2px solid #c7c7c7; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
#m_reservation .sub .reserve-box a {display:block; text-decoration:none; width:100%;}

#ft_company p.ft_copy .GBGB {padding:5px; color:#75738c; }
#ft_company p.ft_copy .GBGB a {color:#75738c; }
#ft_company p.ft_copy .GBGB:hover {background-color: #448ccb; color: #448ccb;}
#ft_company p.ft_copy .GBGB a:hover {color: #eee;}
#ft_company p.ft_info {padding:15px;}
#ft_company p.ft_info a {color:#b0aec5; }

#comp_bn {width:498px !important; float:right !important; }
#comp_bn button.bubn_btn {width:498px !important; }
#comp_bn .bubn_img .bubn_img_ov {width:498px !important; height:321px !important; }
#comp_bn .bubn_img .bubn_img_ov h3 {margin-bottom:10px;margin-top:115px !important; }
#comp_bn .bubn_img .bubn_img_ov {background: rgba(0,0,0,0.2) !important}

#comp_if {border-left: none !important; }
#comp_if li { width:499px !important;  }
#comp_if li p {top:50px !important; }
#comp_if li p.tel {font-size:30px;font-weight:bold;margin-top:10px; }

#comp_if li.com_bg1 a {background:url(../GBimg/intro1.jpg) no-repeat bottom right #e7f0f6}
#comp_if li.com_bg2 a {background:url(../GBimg/intro2.jpg) no-repeat bottom right #659cd4}
#comp_if li.com_bg3 a {background:url(../GBimg/intro4.jpg) no-repeat bottom right #e7f0f6}

#main_bn li.bn_bg1 {    background: url(../GBimg/main1.jpg) no-repeat 50% 50%;}
#main_bn li.bn_bg2 {    background: url(../GBimg/main2.jpg) no-repeat 50% 50%;}
#main_bn li.bn_bg3 {    background: url(../GBimg/main6.jpg) no-repeat 50% 50%;}

.swiper-slide {background: url(../GBimg/flower.jpg) no-repeat 50% 50%;}

/*메인 회사소개링크*/
#comp_if_m{padding:20px;}
#comp_if_m:after {display:block;visibility:hidden;clear:both;content:""}
#comp_if_m li{width:33%;float:left;position:relative;text-align:center}
#comp_if_m li h2{font-size:24px;margin-top:10px;color:#3d96d6}
#comp_if_m li p{color:#566472;font-size:1.083em;line-height:1.4em}
#comp_if_m li p.tel {font-size:30px;font-weight:bold;margin-top:10px; }

@media all and (max-width:570px){
#comp_if_m li{width:93%;margin:3%;}
#comp_if_m li a img{width:100%}
#comp_if_m li h2{font-size:1.167em}
#comp_if_m li p{}
}