@charset "utf-8";
/* CSS Document */

@import url('https://webfontworld.github.io/gmarket/GmarketSans.css');
* {font-family: 'GmarketSans',sans-serif; font-weight:300;}

body, html{overflow-x:hidden;}


input[type="checkbox"]:checked+label, input[type="radiobox"]:checked+label, input[type="text"], input[type="number"], input[type="file"], input[type="password"]{
height:35px;
border-radius:5px;
border:solid 1px #CCC;
text-align:center;
}


.gmak { font-family: 'GmarketSans'; font-weight:500;}
.gmak_tlt { font-family: 'GmarketSans'; font-weight:800; color:#575F81; font-size:34px;}
.gmak_tlt:before{content:"\275D";}
.gmak_tlt:after{content:"\2760";} /* 275E */
.gmak_tlt2 { font-weight:500; color:#575F81; font-size:25px;}
.gmak_tlt3 { font-family: 'GmarketSans'; font-weight:800; color:#575F81; font-size:25px;}

.bg_gray {background:#aaa;}
.bg_sgray  {background:#eee;}
.bg_white {background:#FFF;}
.bg_bage {background:#fdfaf5;}
.bg_red{background:#ff6600;}
.bg_blue{background:#575F81;}
.bg_green{background:#a0bd2d;}

.f_l_3 {float:left; width:3%; height:10px;}

.pd_h_6 {clear:both; height:6px;}
.pd_h_10 {clear:both; height:10px;}
.pd_h_15 {clear:both; height:15px;}
.pd_h_20 {clear:both; height:20px;}
.pd_h_30 {clear:both; height:30px;}
.pd_h_40 {clear:both; height:40px;}
.pd_h_50 {clear:both; height:50px;}
.pd_h_58 {clear:both; height:58px;}
.pd_h_59 {clear:both; height:59px;}
.pd_h_60 {clear:both; height:60px;}
.pd_h_61 {clear:both; height:61px;}
.pd_h_62 {clear:both; height:62px;}
.pd_h_63 {clear:both; height:63px;}
.pd_h_70 {clear:both; height:70px;}
.pd_h_80 {clear:both; height:80px;}
.pd_h_90 {clear:both; height:90px;}
.pd_h_100 {clear:both; height:100px;}
.pd_h_110 {clear:both; height:110px;}
.pd_h_120 {clear:both; height:120px;}
.pd_h_130 {clear:both; height:130px;}
.pd_h_160 {clear:both; height:160px;}
.pd_h_180 {clear:both; height:180px;}
.pd_h_200 {clear:both; height:200px;}

.gab_t5 {clear:both; height:5px;}
.gab_t10 {clear:both; height:10px;}
.gab_t30 {clear:both; height:30px;}
.gab_t50 {clear:both; height:50px;}
.gab_t80 {clear:both; height:60px;}


.gt_5 {
clear:both;
height:5px;
}


.gt_10 {
clear:both;
height:10px;
}

.gt_20 {
clear:both;
height:20px;
}

.gt_30 {
clear:both;
height:30px;
}

.gt_50 {
clear:both;
height:50px;
}

.gt_60 {
clear:both;
height:60px;
}

.gt_80 {
clear:both;
height:80px;
}

.gt_100 {
clear:both;
height:100px;
}

.gt_130 {
clear:both;
height:130px;
}

.gt_150 {
clear:both;
height:150px;
}

.t_c {text-align:center;}
.f_w {font-weight:500;}

.txt_col_wht {color:#fff;}
.txt_col_red {color:#C6534D;}
.txt_col_blue {color: #575F81;}
.txt_col_green {color:#6fb032;}

p, body, ul, li, dt, dl, h1, h2, h3, h4, h5,a{margin:0;
padding:0; list-style:none; text-decoration:none; border:0}
a:link { color: #323232; }
a:visited { color:#323232; }
a:hover { color:#6f3737; }
a:active { color:#323232; }

body td{
margin:0;
padding:0;
font-size:12px;
font-family:나눔고딕,Dotum, 굴림, Gulim, arial, Verdana, AppleGothic, sans-serif;
color:#707070;
} 


#wrap{
width:100%; 
height:100%; 
position:relative;
margin:0 auto;
padding:0}

#header_contain{
width:1000px;
position:relative; 
margin:0 auto;
padding:0;}

#header{
width:100%;
height:120px;
background:url('../../images/main/navi_bg.jpg') no-repeat center 0;
}

#header h1{
width:205px;
height:37px;
float:left;
margin:20px 900px 0 800px;
position:absolute
}

#header #gnb{
position:relative;
float:right;
margin-right:1000px;
margin-top:120px;
font:돋음;
}

#gnb li a{
margin-left:15px;
font-size:18px;
font-weight:bold}


#gnb li{
display:inline;
}



#footer_contain #footer{
clear:both;
padding-top:30px;
border-top:1px solid #ffffff;
background:#ffffff
}

#footer_contain #footer .f_inner{
position:relative;
width:1000px;
margin:0 auto}

.f_inner dl{

overflow:hidden}

.f_logo{
float:left;
margin-top:10px
}

.adcopy{
color:#666666;
padding-left:40px;
width:700px;
float:left;
text-align:left
}

.add{margin-bottom:5px;line-height:20px;}

/* SMS */
#msg_screen	{ text-align:center; position:relative; margin:0px 0 0 0; }
#msg_window	{width:264px; height:101px; background:transparent; font:12px/1.4em 굴림체; color:#000000; overflow:hidden; padding:0px; border:solid 1px #666; border-radius:5px;opacity:.5;}
#msg_max	{ position:absolute; left:44px; top:10px; width:203px; height:63px; font-size:11px; color:#000000; text-align:center; cursor:text; }
#max_byte	{ margin:0; padding:8px 0 3px 0; font-size:11px; color:#000000; }
/* SMS */

img {
border:none;
}

#sub_visual img{
width:1000px;
margin:0 auto;
display:block

}



#contents_contain2{
width:1400px;
min-height:350px;
margin:0 auto 60px auto;

}


#left_con{
width:194px;
float:left
}

#left_con h2{ 
 background:url(
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABdSURBVChTfc7BDYAgDEDR2sRFjMN5cGTDkSU4aD6mpDTWfyrpC7CcR73Ltcpf295EQQxZ7DDKIcOGqEOK2CMakGwREU2QvhBN0CP/DRow3sTscYfZcx5rhqwXN3kAwJE1zc51REUAAAAASUVORK5CYII=
)
repeat;

height:80px;
font-size:23px;
line-height:80px;
color:#FFFFFF;
text-align:center;
font-weight:bold;
}


#left_con ul{
border-left:1px solid #cdd2d7;
border-right:1px solid #cdd2d7;
font-size:15px;
text-align:left
}

#left_con ul li{
border-bottom:1px solid #cdd2d7;
padding:10px 0 10px 20px;
}

#left_con ul li a{
color:#003366;
}

#left_con span img{
margin-top:80px}

#right_con{
width:756px;
float:left;
text-align:left;
margin-left:30px;
}

.right_con_inn{
height:60px;
border-bottom:1px dotted #b5b5b5;}

#right_con h3{
font-size:30px;
color:#333333;
font-weight:400;
margin-top:20px;
float:left;
line-height:30px;
}

.loacation{
float:right;
margin-top:28px;
}

#logo {
transition:all .2s;
}

#logo:hover {
opacity:.8;
}

#top ul {
list-style:none;
width:100%;
}

.nav_li {
float:left;
width:33.33%;
text-align:center;
padding-top:0px;
color:#713408;
line-height:25px;
font-size:18px;
cursor:pointer;
transition:all 0.4s;
font-weight:500;
  z-index:99999;
}

.nav_li:hover {

}

#bt_m li {
cursor:pointer;
}

#bt_m li:hover {
font-weight:bold;
}

.zoom {
    padding: 0px;
    transition: transform .5s; /* Animation */
    margin: 0 auto;
}

.zoom:hover {
    transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.item {
  position: relative;
  overflow: hidden;
}

.brd_rds {
border-radius:5px;
}

#ln {
clear:both;
padding-top:20px;
}

.o_room_cr {
float:left;
border:solid 1px #39b3c8; height:120px; width:120px; border-radius:60px; text-align:center;
transition:all 0.3s;
cursor:pointer;

}

.o_room_tl {
padding-top:35px; line-height:25px; font-size:18px; color:#39b3c8;
transition:all 0.3s;
}

.o_room_tl:hover {
font-weight:bold;
text-shadow:2px 2px 2px #ccc;
}

.o_room_cr:hover {
box-shadow:inset 4px 4px 4px #ccc;
}

.pd_l_40 {
float:left;
padding-left:40px;
}

.hg_120 {
height:120px;
}

#pl th{
padding:10px;
line-height:25px;
color:#666;
border:solid 1px #ccc;
font-weight:bold;
box-shadow:inset 2px 2px 2px #eee;
text-shadow:2px 2px 2px #ccc;
}

#pl td{
padding:10px;
line-height:25px;
border:dashed 1px #CCC;
font-size:16px;
box-shadow:inset 2px 2px 2px #eee;
}

.tl {
font-size:20px;
font-weight:bold;line-height:40px;
}

.smit {
height:40px;width:150px;border-radius:5px;border:solid 1px #2761a7; color:#2761a7; background:#d2e1f4;
transition: all .2s;
}

.smit:hover {
box-shadow:inset 2px 2px 2px #aaa;
text-shadow: 2px 2px 2px #aaa;
}

.r_v {
background:#65a9dc;
color:#FFF;
line-height:80px;
border-radius:5px;
cursor:pointer;
box-shadow: 3px 3px 3px #ccc;
transition:all 0.5s;
width:90%;
margin:auto;
}

.r_v:hover {
background:#eee;
color:#666;
box-shadow:inset 2px 2px 2px #aaa;
text-shadow: 2px 2px 2px #aaa;
}

.c_r {
color:#ff6600;
}

/* 메인 슬라이드 이미지 */
@-webkit-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-moz-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-o-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

#cf4a {
  position:relative;
  height:780px;
  width:2000px;
  margin:0 auto;
}
#cf4a img {
  position:absolute;
  left:0;
}

#cf4a img {
  -webkit-animation-name: cf4FadeInOut;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 22s;

  -moz-animation-name: cf4FadeInOut;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 22s;

  -o-animation-name: cf4FadeInOut;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 22s;

  animation-name: cf4FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 22s;
}

#cf4a img:nth-of-type(1) {
  -webkit-animation-delay: 16s;
  -moz-animation-delay: 16s;
  -o-animation-delay: 16s;
  animation-delay: 16s;
}
#cf4a img:nth-of-type(2) {
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  -o-animation-delay: 12s;
  animation-delay: 12s;
}
#cf4a img:nth-of-type(3) {
  -webkit-animation-delay: 8s;
  -moz-animation-delay: 8s;
  -o-animation-delay: 8s;
  animation-delay: 8s;
}




/*                    HP_BOARD       START               */


#hp_board table {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

#hp_board table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

#hp_board table th {
  background-color: #f8f8f8;
  border-top: 1px solid #333;
  border-bottom: 1px solid #ddd;
  padding: .35em;
  font-weight:bold;
  font-size:20px;
  letter-spacing: .1em;
  text-transform: uppercase;
   text-align: center;
}

#hp_board table tr:hover {
  background:#FAFAFA;
}

#hp_board table td {
  border-bottom: 1px solid #ddd;
  padding: .35em;
  font-size:16px;
}

#hp_board table th,
#hp_board table td {
  padding: .625em;
 }

.bd_td_tlt {width:40%;}

.bd_tlt_ct {text-align:center;}


/*====================================================================
	Board Buttons
============================================================***/

.nw {
border:solid 2px green;padding:5px 10px; width:100px; text-align:center;
cursor:pointer;
color:green;
font-weight:bold;
}

.bl {
border:solid 1px #3d7711;background:#508D81;color:#fff;padding:3px 10px; cursor:pointer;
}

.rpl {
border:solid 2px #1e78ae;padding:5px 10px; width:100px; text-align:center;
cursor:pointer;
color:#1e78ae;
font-weight:bold;
}

.del {
border:solid 2px #ff6600;padding:5px 10px; width:100px; text-align:center;
cursor:pointer;
color:#ff6600;
font-weight:bold;
}

.edt {
border:solid 2px #1e78ae;padding:5px 10px; width:100px; text-align:center;
cursor:pointer;
color:#1e78ae;
font-weight:bold;
}

.nw:hover,  .rpl:hover, .del:hover, .edt:hover{
text-shadow:2px 2px 2px #CCC;
box-shadow:inset 2px 2px 2px #CCC;
font-weight:bold;
}

.bd_arr {
background:#666;
padding:5px 10px;
font-weight:bold;
border-radius:10px;
}

.btn {
border:solid 1px #6f9b37; font-size:12px; text-align:center; padding:5px; border-radius:15px; color:#6f9b37; width:140px; font-weight:500; cursor:pointer;
transition:all .2s;
}

.btn:hover {
background:#6f9b37; color:#FFF;
}

.video_btn {
transition: all .4s;
}

.video_btn:hover {
margin-top:-10px;
}

.brd_btm {
border-bottom:dashed 1px #CCC;
padding-bottom:10px;
}


.sub_top_head {
position:absolute; z-index:99; 
font-size:35px;  margin:430px 0 0 -700px; left:50%; 
line-height:60px; 
color:#FFF; text-decoration:none; font-size:35px;   font-family: 'GmarketSans';font-weight:500;
text-shadow:2px 2px 2px #000;
}



.gall_brd {
	float:left; width:25%;
}

.gall_img_w{
width:330px;margin:auto;'
}
.gall_img_h{
height:280px;
}

div.contain {
  text-align: center;
}

div.contain p {
	padding:10px;
}

.image {
  opacity: 1;
  display: block;
  transition: .2s ease;
  backface-visibility: hidden;
}

.image:hover {box-shadow:4px 4px 4px #999;}

.s2_room_tlt { font-size:50px;}