@charset "utf-8";
@import "reset.css";
body,html {height:100%; width:100%; margin:0px; padding:0px; font-size:13px; font-family:NanumBarunGothic,NanumBarunGothicBold,NanumBarunGothicLight,'나눔고딕',Sans-Serif;  color:#484848}
/*FONT*/
@font-face {
  font-family:'NanumBarunGothic';
  font-style: normal;
  font-weight: 400;
  src: url('/font/NanumBarunGothic.eot'); /* IE9 Compat Modes */
  src: url('/font/NanumBarunGothic.eot?#iefix') format('embedded-opentype'), /* ie 6,7,8 적용 embedded-opentype ie 8,9 적용 */
       url('/font/NanumBarunGothic.woff') format('woff'), /* ie 제외한 나머지 */
       url('/font/NanumBarunGothic.ttf') format('truetype'),
       url('/font/NanumBarunGothic.svg#NanumBarunGothic') format('svg'); /*모바일브라우져를 위해서*/
} 
@font-face {
  font-family:'NanumBarunGothic';
  font-style: normal;
  font-weight: 700;
  src: url('/font/NanumBarunGothicBold.eot'); /* IE9 Compat Modes */
  src: url('/font/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'), /* ie 6,7,8 적용 embedded-opentype ie 8,9 적용 */
       url('/font/NanumBarunGothicBold.woff') format('woff'), /* ie 제외한 나머지 */
       url('/font/NanumBarunGothicBold.ttf') format('truetype'),
       url('/font/NanumBarunGothicBold.svg#NanumBarunGothicBold') format('svg'); /*모바일브라우져를 위해서*/
} 
@font-face {
  font-family:'NanumBarunGothic';
  font-style: normal;
  font-weight: 900;
  src: url('/font/NanumBarunGothicExtraBold.eot'); /* IE9 Compat Modes */
  src: url('/font/NanumBarunGothicExtraBold.eot?#iefix') format('embedded-opentype'), /* ie 6,7,8 적용 embedded-opentype ie 8,9 적용 */
       url('/font/NanumBarunGothicExtraBold.woff') format('woff'), /* ie 제외한 나머지 */
       url('/font/NanumBarunGothicExtraBold.ttf') format('truetype'),
       url('/font/NanumBarunGothicExtraBold.svg#NanumBarunGothicExtraBold') format('svg'); /*모바일브라우져를 위해서*/
} 
@font-face {
  font-family:'NanumBarunGothic';
  font-style: normal;
  font-weight: 200;
  src: url('/font/NanumBarunGothicLight.eot'); /* IE9 Compat Modes */
  src: url('/font/NanumBarunGothicLight.eot?#iefix') format('embedded-opentype'), /* ie 6,7,8 적용 embedded-opentype ie 8,9 적용 */
       url('/font/NanumBarunGothicLight.woff') format('woff'), /* ie 제외한 나머지 */
       url('/font/NanumBarunGothicLight.ttf') format('truetype'),
       url('/font/NanumBarunGothicLight.svg#NanumBarunGothicLight') format('svg'); /*모바일브라우져를 위해서*/
}

/*LINK*/
a:link {text-decoration:none; color:#000000;}
a:visited {text-decoration:none; color:#000000;}
a:hover {text-decoration:none; color:#000000;}
a:active {text-decoration:none; color:#000000;}

a.lboard:link {text-decoration:none; color:#000000;}
a.lboard:visited {text-decoration:none; color:#000000;}
a.lboard:hover {text-decoration:none; color:#000000;}
a.lboard:active {text-decoration:none; color:#000000;}

a.llogin:link {text-decoration:none; color:#828282}
a.llogin:visited {text-decoration:none; color:#828282}
a.llogin:hover {text-decoration:none; color:#828282}
a.llogin:active {text-decoration:none; color:#828282}





/*PADDING&MARGIN*/
.mt39 {margin-top:39px}
.mt33 {margin-top:33px}
.mt25 {margin-top:25px}
.mt20 {margin-top:20px}
.mt17 {margin-top:17px}
.mt15 {margin-top:15px}
.mt10 {margin-top:10px}
.pt20 {padding-top:20px}
.pt25 {padding-top:25px}
.pt30 {padding-top:30px}
.pt50 {padding-top:50px}
.pt10 {padding-top:10px}
.pt16 {padding-top:16px}
.pt5 {padding-top:5px}
.pb7 {padding-bottom:7px}


.pd7{padding:7px 0;}

/* LAYOUT */
.cursor_p {cursor:pointer}
#wrap {overflow:hidden; width:100%; margin:0px; padding:0px}
#contain { margin-bottom:20%}


/* HEADER */
#header {overflow:hidden; position:fixed; width:100%; background-color:#FFFFFF; z-index:50; top:0px}
.gnb {overflow:hidden}
.gnb h1 {position:absolute; width:100%; text-align:center; top:10px}
.gnb h1 img {width:95px}
.gnb ul .ico_menu {float:left; margin:18px 0px 0px 15px; position:relative; z-index:10}
.gnb ul .ico_menu img {width:24px}
.gnb ul .txt_prev {float:left; margin:18px 0px 0px 15px; position:relative; z-index:10}
.gnb ul .txt_prev img {width:36px}
.gnb ul li+li {float:right; position:relative; z-index:10}
.gnb ul li+li img {width:78px}
.snb {background:url(../img/comm/bg_snb_top1.jpg) repeat-x; background-position:top; overflow:hidden;}
.snb dl dt {background:url(../img/comm/bg_snb_bottom1.jpg) repeat-x; background-position:bottom; overflow:hidden; height:40px; position:relative; border-bottom:1px solid #e0e0e0}
.snb dl dt p {font-size:1.4em; position:absolute; width:100%; text-align:center; top:10px;}
.snb dl dt .arr_snb {float:right; margin:12px 15px; position:relative; z-index:10}
.snb dl dt .arr_snb img { width:15px}
.snb dl dd {overflow:hidden}
.snb dl dd .box_area1 {background:url(../img/comm/bg_snb_bottom2.jpg) repeat-x; background-position:bottom;  overflow:hidden}
.snb dl dd .box_area2 {background:url(../img/comm/bg_snb_bottom2.jpg) repeat-x; background-position:bottom;  overflow:hidden}
.snb dl dd .box_area1 li {float:left; width:50%; text-align:center; color:#8c8c8c; cursor:pointer}
.snb dl dd .box_area2 li {float:left; width:33.3%; text-align:center; color:#8c8c8c;font-size:1.1em; cursor:pointer}
.snb dl dd .box_area2 ul+ul {border-top:1px solid #dedede}
.snb dl dd  ul {overflow:hidden}
.snb dl dd  ul li .line_left {border-left:1px solid #dedede; padding:9px 0px}
.snb dl dd  ul li .line_no {padding:9px 0px}
.snb dl dd  ul li .on {color:#02abc8}

/* LNAV 메뉴를 숨길때 lnav display*/
#lnav {overflow:hidden; position:fixed; /*background:url(../img/sub/bg_spa_detail.png);*/ width:100%; height:100%; z-index:100; top:50px; display:block; left:-100%; }
.box_lnav {width:70%; overflow-y:scroll;-webkit-overflow-scrolling:touch; background-color:#FFFFFF; height:100%; min-height:100%}
.box_lnav .top_box {background-color:#788999; overflow:hidden}
.box_lnav .top_box ul {margin:10px 0px 10px 15px; overflow:hidden}
.box_lnav .top_box ul li {float:left}
.box_lnav .top_box ul li:first-child {padding-right:12px}
.box_lnav .top_box ul li:first-child .logout {color:#fefefe; width:125px; font-weight:bold; text-align:center; font-size:1.25em; padding-top:6px; display:none}
.box_lnav .top_box ul li:first-child .logout a {color:#fefefe}
.box_lnav .top_box ul li:first-child .login {color:#fefefe; width:125px}
.box_lnav .top_box ul li:first-child .login span {font-size:0.9em}
.box_lnav .top_box ul li:first-child .login p {font-size:1.1em; margin-top:3px}
.box_lnav .top_box ul .ico_area {border-left:1px solid #ffffff; padding:4px 13px}
.box_lnav .top_box ul .ico_area img {width:35px}
.box_lnav .bottom_box {overflow:hidden; padding-bottom:50px}
.box_lnav .bottom_box dl {overflow:hidden}
.box_lnav .bottom_box dl dt {overflow:hidden;  border-bottom:1px solid #e0e0e0; background-color:#FFFFFF}
.box_lnav .bottom_box dl dt ul {margin:15px 15px 15px 15px; overflow:hidden}
.box_lnav .bottom_box dl dt ul li:first-child {float:left; color:#494949; font-size:1.22em}
.box_lnav .bottom_box dl dt ul li:first-child a {color:#494949}
.box_lnav .bottom_box dl dt ul li:first-child span { font-size:0.7em; color:#838383; margin-left:7px}
.box_lnav .bottom_box dl dt ul li+li {float:right}
.box_lnav .bottom_box dl dt ul li+li img {width:8px}
.box_lnav .bottom_box dl dd {overflow:hidden; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; background-color:#f9f9f9;display:none}
.box_lnav .bottom_box dl dd ul {overflow:hidden; border-top:1px solid #ffffff; padding:15px}
.box_lnav .bottom_box dl dd ul li {font-size:1.2em; color:#494949}
.box_lnav .bottom_box dl dd ul li+li {margin-top:12px}
.box_lnav .bottom_box dl dd a {color:#494949}



/* FOOTER */
#footer {overflow:hidden; position:fixed; bottom:0; }

.lang_box{width:100%; overflow:hidden;}
.lang_box li{width:33.3%; float:left; background-color:rgba(0,0,0,0.6); text-align:center; height:35px; line-height:35px; border-right:1px solid #000; box-sizing:border-box;}
.lang_box li a{color:#fff; font-weight:500; font-size:13px;}

.ico_bottom {overflow:hidden; width:100%; bottom:0px; background-color:#FFFFFF; text-align:center; padding:2% 0; border-top:1px solid #e8e8e8;}
.ico_bottom img {width:15.5%}
/*
.ico_bottom span { margin-left:1.5%}
.ico_bottom ul {margin:10px auto; width:300px; border:0px solid #003333; overflow:hidden}
.ico_bottom ul li {float:left; text-align:center}
.ico_bottom ul li+li {margin-left:13px}
.ico_bottom ul li p {font-size:0.8em; margin-top:5px; color:#4f4f4f}*/




/* SUB CONTENT */
.sub_mt1 {margin-top:127px; overflow:hidden; padding-bottom:10%}
.sub_mt2 {margin-top:205px; overflow:hidden; padding-bottom:10%}
.sub_mt3 {margin-top:91px; overflow:hidden; padding-bottom:10%}
.sub_mt4 {margin-top:50px; overflow:hidden; padding-bottom:10%} /* 추가 된 CSS */
.sec_type1 {/*margin-top: 15px*/}
.sec_type1 img {width:100%}
.sec_type1 ul li+li {margin-top:20px}
.sec_type2 img {width:100%}
.sec_type3 {margin:0px 15px}
.sec_type3 img {width:100%}
.sec_type4 {margin:20px 15px}
.sec_type4 img {width:100%}
.sec_type4 ul li+li {margin-top:30px}
.sec_type5 {margin:25px 15px}
.sec_type5 img {width:100%}
.sec_type6 {margin:10px 15px}
.sec_type6 img {width:100%}
.sec_type6 ul {overflow:hidden}
.sec_type6 ul li {float:left; width:50%}
.sec_type7 {margin:20px 15px}
.sec_type7 img {width:100%}
.sec_type7 ul li {margin-top:25px}
.sec_type8 {margin:0px 15px}
.sec_type8 img {width:100%}
.sec_type8 ul li {margin-top:30px}
.sec_type9 {margin:0px 15px}
.sec_type9 img {width:100%}
.sec_type9 ul li {margin-top:15px}
.sec_type10 {margin:0px}
.sec_type10 img {width:100%}
.box_detail_spa {background:url(../img/sub/bg_spa_detail.png); position:fixed; width:100%; height:100%; overflow:hidden; z-index:30; border:1px solid #006666; top:0px; left:0px; display:none}
.box_detail_spa dl {overflow:hidden; background-color:#FFFFFF; margin:63% 5px; padding:0px 10px}
.box_detail_spa dl dt {overflow:hidden; text-align:right; margin-top:8px}
.box_detail_spa dl dt img {width:5%}
.box_detail_spa dl dd {margin-top:25px; padding-bottom:30px}
.slide_camping {position:relative; overflow:hidden; margin-top:10px}
.slide_camping img {width:100%}
.arr_slide_camping {overflow:hidden; margin-top:25%; position:absolute; width:100%}
.arr_slide_camping ul li:first-child {float:left; width:10%}
.arr_slide_camping ul li+li {float:right; width:10%}





/* MEMBER */
.member .i_box_style {height:27px; background-color:#f9f9f9; border:1px solid #e0e0e0}
.member .s_box_style {height:34px; background-color:#f9f9f9; border:1px solid #e0e0e0}
.member .t_box_style {background-color:#f9f9f9; border:1px solid #e0e0e0}
.member .txt {margin-left:15px; margin-right:15px; border-bottom:1px solid #e7e7e7; padding-bottom:15px;}
.member .txt p {font-size:1.2em; letter-spacing:-1px; line-height:18px;}
.member .txt .color_point {color:#a06c30;}
.member .txt2 {margin-left:15px; margin-right:15px; padding-bottom:15px; margin-top:15px}
.member .txt2 p {font-size:1.2em; line-height:18px; text-align:center; color:#828282}
.member .agree {overflow:hidden; margin-left:15px; margin-right:15px;}
.member .agree .title {margin-top:30px; font-size:1.3em}
.member .agree .agree_box {margin-top:5px; width:98%; height:200px;  z-index:-1; overflow-x:hidden; overflow-y:scroll; line-height:20px; border:1px solid  #e0e0e0;}
.member .agree .agree_box p {padding:13px;}
.member .agree .agree_check {margin-top:10px;}
.member .agree .all_agree_check {font-size:1.1em; color:#484848; margin-top:15px; font-weight:bold; border-top:1px solid #e7e7e7; padding-top:15px;}
.member .confirm_title {background-color:#f9f9f9; overflow:hidden;  position:relative; margin-top:50px;}
.member .confirm_title .box {background:url(../img/content/sub/member_bg1.jpg) repeat-x; background-position:top; overflow:hidden;}
.member .confirm_title .box ul {overflow:hidden; margin-top:10px; padding-bottom:10px; background:url(../img/content/sub/member_bg2.jpg) repeat-x; background-position:bottom}
.member .confirm_title .box li:first-child {text-align:center; color:#747474; font-size:1.3em;}
.member .data_input {margin-left:15px; margin-right:15px}
.member .data_input .major_txt {font-size:1.13em; color:#828282; margin-top:18px}
.member .data_input .major_txt span { color:#a06c30;}
.member .data_input .major_txt2 {font-size:1.3em; margin-top:15px; color:#828282}
.member .data_input .input_box {margin-top:5px;}
.member .data_input .txt_box {margin-top:19px; border-bottom:1px solid #e7e7e7; padding-bottom:10px;}
.member .data_input .sub_txt1 {font-size:1.1em; margin-top:5px;}
.member .data_input .sub_txt2 {font-size:0.9em; margin-top:5px; line-height:15px; color:#a0a0a0}
.member .data_input .bt {width:80px; background-color:#7f7e7e; border:1px solid #747474; color:#FFFFFF; line-height:30px; text-align:center; margin-top:10px;}
.member .data_input .bt2 {width:100%; background-color:#7f7e7e; border:1px solid #747474; color:#FFFFFF; line-height:32px; text-align:center; font-size:0.9em}
.member .data_input .input_box2 {overflow:hidden; margin-top:7px;}
.member .data_input .input_box2 li:first-child { width:70%;}
.member .data_input .input_box2 li+li { width:30%;}
.member .data_input .input_box2 li {float:left;}
.member .data_input .input_box3 {overflow:hidden;}
.member .data_input .input_box3 li:first-child { float:left;}
.member .data_input .input_box3 li+li { float:right;}
.member .data_input .input_box3 li { width:49%;}
.member .data_input .bt3 {overflow:hidden; margin-top:26px;}
.member .data_input .bt3 li {float:left; width:48%;}
.member .data_input .bt3 li+li { margin-left:5px;}
.member .data_input .bt3 li .ok_bt {background-color:#494949; text-align:center; color:#FFFFFF; border:1px solid #363636; padding-top:10px; padding-bottom:8px;}
.member .data_input .bt3 li .cancel_bt {background-color:#7f7e7e; text-align:center; color:#FFFFFF; border:1px solid #727272; padding-top:10px; padding-bottom:8px;}
.member .data_input .bt4 {overflow:hidden; margin-top:26px;}
.member .data_input .bt4 li .login_bt {background-color:#494949; text-align:center; color:#FFFFFF; border:1px solid #363636; padding-top:15px; padding-bottom:10px; font-size:1.4em;}
.member .data_input .search {overflow:hidden; margin-top:10px;}
.member .data_input .search li { float:left;}
.member .data_input .search li:first-child { width:20%; font-size:1.1em; line-height:30px; color:#828282}
.member .data_input .search li+li {width:80%;}
.member .login_txt {margin-left:15px; margin-top:20px; margin-right:15px; font-size:1em; letter-spacing:-1px; word-spacing:0.5px; text-align:center; color:#828282}
.member .txt_idsave {margin-top:12px; color:#828282}
.member .btn_type1 {background-color:#1ba0bc; border:1px solid #178da5; text-align:center; color:#FFFFFF; padding:10px 0px; overflow:hidden; font-size:1.2em; margin-top:20px; cursor:pointer}
.member .btn_type2 {overflow:hidden; margin-top:20px}
.member .btn_type2 li:first-child {background-color:#7f7e7e; border:1px solid #727272; text-align:center; color:#FFFFFF; padding:10px 0px; overflow:hidden; font-size:1.2em;  cursor:pointer; float:left; width:48%}
.member .btn_type2 li+li {background-color:#1ba0bc; border:1px solid #178da5; text-align:center; color:#FFFFFF; padding:10px 0px; overflow:hidden; font-size:1.2em;  cursor:pointer; float:right; width:48%}

.member .btn_type2 li:first-child {background-color:#7f7e7e; border:1px solid #727272; text-align:center; color:#FFFFFF; padding:10px 0px; overflow:hidden; font-size:1.2em;  cursor:pointer; float:left; width:48%}
.member .btn_type2 li+li {background-color:#1ba0bc; border:1px solid #178da5; text-align:center; color:#FFFFFF; padding:10px 0px; overflow:hidden; font-size:1.2em;  cursor:pointer; float:right; width:48%}
.member .btn_type11 {background-color:#fb920b; border:1px solid #b36705; text-align:center; color:#FFFFFF; padding:10px 0px; overflow:hidden; font-size:1.2em; margin-top:20px; cursor:pointer}

#all_mask{position:fixed; width:100%; height:100%; background-color:#000;left:0; z-index:10; display:none;margin-top:50px;opacity:0.6; filter: alpha(opacity = 60); /* IE 6 ~ 7*/ -ms-filter: “alpha (opacity=60)”; /* // IE8 */ -moz-opacity: 0.6; /*// Firefox 1.5*/ -khtml-opacity: 0.6; /*// Safari 1.x*/}