﻿@charset "utf-8";

/* 메인 배너 */
#container > .main_visual > .visual {position:relative;}
#container > .main_visual > .visual > li {display:none;position:absolute;top:0;left:0;}
#container > .main_visual > .visual > li.first { display:block; }
#container > .main_visual > .visual > li > img{ width:100%;}
#container > .main_visual .maintitle{position:absolute;color:#fff;text-align:center;padding-right:30px;line-height:0.8em;z-index:100;right:0;top:230px;font-size:26px;font-weight:700}
#container > .main_visual .maintitle span{font-size:16px}


/* 공지사항 */
#container > .notice{overflow:hidden;position:absolute;width:65%;top:300px;border:1px solid #222;;padding:2%;right:5%;background:#333;opacity:0.8;z-index:200}
#container > .tel {position:absolute;width:65%;top: 62%;padding:2%;right:5%;z-index:200}
#container > .notice  p{font-size:14px;font-weight:100;color:#fff;border-bottom:1px solid #222;padding-bottom:10px;}
#container > .notice  p span{float:right;font-weight:100;font-size:0.8em;padding:7px 10px 0 0}


/* 테이블 */
.tab_01{width:100%;}
.tab_01 tr td{font-size:12px;font-weight:100;color:#ddd;padding:2% 0;}

.tbl00 {width:100%;border:1px solid #ccc;background:#fff;}
.tbl00 > tr {}
.tbl00 thead > tr > th {font-size:0.7em;background:#eee;color:#333;text-align:center; padding:10px 0;border: 1px solid #ccc; }
.tbl00 thead > tr > td { font-size: 0.7em;background:#fff;color:#333;text-align:center;padding:10px 0;border: 1px solid #ccc; }
.tbl00 tbody > tr > th { font-size: 0.7em;background:#eee; color:#333;text-align:center; padding:10px 0;border: 1px solid #ccc; }
.tbl00 tbody > tr > td { font-size: 0.7em;background:#fff; color:#333;text-align:center;padding:10px 0;border: 1px solid #ccc; }

.tbl01{width:100%;font-size:0.7em;color:#999;padding:10px 0 0 10px;border:1px solid #ccc;background:#fff;}
.tbl01 thead > tr { height: 40px; border-bottom: 1px dashed #ccc; }
.tbl01 thead > tr > th {border:1px solid #ccc;color:#444; text-align:center; background:#eee; }
.tbl01 thead > tr > td {border-right:1px solid #ccc;color:#444; text-align: left; padding-left:10px; }
.tbl01 tbody > tr { height:50px; border-bottom:1px dashed #ccc; }
.tbl01 tbody > tr > th {color:#444; text-align:center;}
.tbl01 tbody > tr > td {border:1px solid #ccc;color:#444;text-align:center;padding:10px 5px}
.tbl01 tbody > tr > td > span { font-size: 0.8em; }
.tbl01 tbody > tr b { padding-right:5px; color:#f33;}

.tbl03{width:100%;font-size:0.8em;border:1px solid #ccc;color:#999;padding:10px 0 0 10px;background:#fff;}
.tbl03 thead > tr > th {border:1px solid #ccc;padding:10px 0;color:#444;text-align:center;background:#eee; }
.tbl03 thead > tr > td {border-right:1px solid #ccc;color:#444; text-align:left;padding-left:10px; }
.tbl03 tbody > tr {padding:10px 0; border-bottom:1px solid #ccc;border-left:1px solid #ccc; }
.tbl03 tbody > tr > th {color:#444;text-align:center;}
.tbl03 tbody > tr > td {font-weight:normal;border:1px solid #ccc;color:#444;text-align:center;padding:10px 5px}
.tbl03 tbody > tr > td > span { font-size:0.8em; }
.tbl03 tbody > tr b { padding-right:5px; color:#f33;}
.tbl03 tbody .over{line-height:1.8em}

.tbl03 tbody > tr > th.jaemok{font-size:1.1em}

/* page */
.page_nav{width:100%;display:block;text-align:center; margin-top:20px}
.page_nav a{display:inline-block;width:9.5%;padding:2% 1%;border:1px solid #ddd; text-align:center; font:0.7em 'Verdana'; color:#999; letter-spacing:-2px}
.page_nav a.on, .page_nav a:hover{width:9.5%;display:inline-block;border:1px solid #2b44a0; text-align:center; background:#333; color:#fff}


.bottom_tip{padding-top:10px;font-size:12px}

/*폼박스*/
input { font-size: 0.94em; padding: 2px 0; }

.t_box01 { width:90%; height:20px; border:none; border-bottom: 1px solid #ddd; }

.t_box01:focus { background-color: #E2F2FF; outline:none; }

.t_box02 { width:60%; height:20px; border:none; border-bottom: 1px solid #ddd; }
.t_box02:focus { background-color: #E2F2FF; outline:none; }

.t_box03 { width:80%; height:20px; border:none; border-bottom: 1px solid #ddd; }
.t_box03:focus { background-color: #E2F2FF; outline:none; }

/* placeholder */
::-webkit-input-placeholder{color:#afcb20 !important;}
::-moz-placeholder{color:#afcb20 !important;}
:-ms-input-placeholder{color:#afcb20 !important;}
:-o-input-placeholder{color:#afcb20 !important;}


/*셀렉트박스*/
.s_box01 { width:80%; height:26px; border:none; border: 1px solid #ddd; }
.s_box01:focus { background-color: #fff8df; outline:none; }

.tbl01 button{font-size:0.8em;border:none;width:20%;padding:4px 0px;color:#fff; background:#999;}



/*네비게이션*/
.menu_on{display:block}
.menu_blind{display:none;}
.menu_btn{float:right;width:30px;height:30px;padding-right:15px;margin-top:23px}
.menu_btn > a {display:inline-block; }
.menu_btn img {width:100%; }


#slideRight{z-index:1000;position:fixed;right:-200px;top:0;background:#333; opacity:0.97;width:199px;padding-top:10px;border-left:1px solid #222; /* box-shadow:5px -10px 35px 0px #207268 inset */}
#slideRight h2 {box-sizing:border-box;}
#slideRight h2 > img { width:90%; padding: 6% 6%;}

.list_menu2 {width:95%;}
.list_menu2 > li { color:#fff;margin-left:20px; }
.list_menu2 > li > h1{ width:160px; margin-bottom: 8px; padding: 12px 0 6px 0; font-size:0.8em;font-weight:normal;color:#fff; border-bottom:1px solid #222;letter-spacing:0.02em;}
.list_menu2 > li > h1 > .ico_ar{float:right;font-size:1.2em;line-height:20px;color:#afcb20;}
.list_menu2 > li > h1 > a{color:#fff}
.list_menu2 > li > ul { display:none; }
.list_menu2 > li > ul li a {padding-left:5%;font-size:0.8em;color:#bbdc61;font-weight:100;line-height:2em}

.cate_login {width:200px;height:40px; margin-top: 30px; background:#18d1dd;text-align:center;}
.cate_login a {display:block; line-height:40px;font-size:14px;color:#fff;}

.cate_logout {height:40px; margin-top: 30px; text-align:center;}
.cate_logout a {width:44%; display:inline-block; padding:0; background:#fff; line-height:40px; font-size:0.76em; color:#207268; box-sizing:border-box;}

.cate_util {width:100%; text-align:center; margin: 10% 0;}
.cate_util a {font-size:13px; padding: 0 3px; color:#d7ecf9; }

.cate_call {width:100%; text-align:center; margin: 10% 0; font-size:0.98em; font-weight:bold; color:#fff;}


/*서브컨텐츠*/
.content_in { padding: 0 10px; min-height: 375px;}
.content_in ul{border:1px solid #ddd;padding:20px 15px;background-color:#fff}
.content_in > h4{padding:20px 0 10px 0;font-size:20px;color:#333; }
.content_in > h5 {font-weight:200;text-align: center; padding: 20px 0 10px 0; font-size: 26px; color: #444; }
.content_in > h6 {text-align:left;padding-bottom:5px;font-size:0.8em;color:#333}
.content_in > hr { margin: 10px 25% 30px; border:1px dotted #ddd; }

.con_list {width:100%;margin-top:5%}
.con_list > li{float:left;width:31%;line-height:34px;font-size:0.75em;text-align:center;border-bottom:2px solid #333; }
.con_list > li a { display:inline-block; width:100%; height:34px; color:#333; }
.con_list > li.on a {background:#333;color:#fff}

.con_list2 { margin-top: -4px;}
.con_list2 > li { float:left;width:49%; height: 40px; background:#289789; line-height:40px; text-align:center; font-size:0.8em; border-left:1px solid #19826d; }
.con_list2 > li:first-child {border-left:none;}
.con_list2 > li a { display:inline-block; width:100%; height: 40px; color:#fff; }
.con_list2 > li.on a { background:#f7f7f7; color:#207268; font-weight:bold; }

.top_tt{font-size:0.7em;color:#999;text-align:center;margin:3% 0 5% 0}
.top_tt > p { padding-top:10px; font-size: 0.9em; color: #888; }
.top_tt > ul { margin: 0 5%; padding-top:20px; font-size: 0.9em; color: #888; }
.top_tt > ul li { list-style-type:square; padding-bottom:8px; }

.top_tt02 dt{font-size:1em;font-weight:600;color:#207268;padding:15px 0 5px 0;border-bottom:1px dotted #ddd}
.top_tt02 dd{color:#666;font-size:0.8em;margin-top:5px}

/*공지사항*/

.board li{background:url("../images/btn_view.png") right 12px no-repeat; background-size:40px 27px;border-top:1px solid #eee;list-style:none;}
.board li:first-child{border-top:0}
.board li a{display:block; width:auto;padding:5px 0 }

.board li .date{display:block; color:#999;font:0.8em/0.9em 'Verdana'; padding-top:5px; margin-left:15px;}
.board li .date .area{font:700 13px/20px 'Noto Sans', sans-serif; color:#2eabb2; margin-right:5px}
.board li .title{display:block; width:82%; font:14px/24px 'Noto Sans', sans-serif; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-left:15px;}
.board li .title2{display:inline-block; width:60%; font:14px/24px 'Noto Sans', sans-serif; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board li .titleMain{display:block; width:82%; height:47px; line-height:47px; color:#c2922d; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-left:10px; font-family:'Noto Sans', sans-serif;}
.board li .main_tit{display:block; width:82%; height:47px; line-height:47px; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-left:15px;}

.btn_area{margin:20px 0; text-align:center}
.btn_area span{margin:0 3px; display:inline-block;}
.btn_b01{font-size:0.8em;display:block;min-width:80px; background:#aaa; padding-bottom:2px; border-radius:2px; line-height:30px; text-align:center; color:#fff;  padding:0 12px}
.btn_b02{display:block; height:30px; min-width:80px; background:#999; padding-bottom:2px; border-radius:2px; line-height:30px; text-align:center; color:#fff; padding:0 12px}
.btn_b03{display:block; height:30px; min-width:80px; background:#9cb12f ; padding-bottom:2px; border-radius:6px; line-height:30px; text-align:center; color:#fff; padding:0 8px}

.bbs_contents {margin-top:-1px;padding:10px;font-size:0.7em; color:#666;background:#fff;border:1px solid #ccc; line-height:1.5em}
.bbs_contents img{width:100%}

/*예약페이지*/
.year_pn{text-align:center;margin-bottom:4%}
.year_pn > a img{width:80%;vertical-align:middle}
.year_pn > .y_prev {float:left;padding-left:20%;}
.year_pn > .y_next {float:right;padding-right:20%}
.year_pn > span {font-size:0.9em;font-family:'NanumSquar Regular'; color:#999;line-height:20px;vertical-align:middle;  }
.year_pn > span > strong {padding-left:5px; font-size:1.3em; color:#363636;font-family:'NanumSquar EB';vertical-align:middle;}

.tbl02 {width:100%;border:1px solid #333;background:#fff}
.tbl02 thead > tr > th{font-size:0.7em;background:#333;color:#fff;text-align:center;padding:4% 0}
.tbl02 thead > tr > td{padding:3% 0;font-size:0.7em;background:#fff;color:#999;text-align:center;}
.tbl02 thead > tr > td.sun{color:#f33}
.tbl02 thead > tr > td.sat{color:#2286d6}
.tbl02 tr > td .jointitle{font-size:1em;font-weight:600}
.tbl02 tr > td .data2{color:#999}
.tbl02 tr > td a{color:#333}
.tbl02 tbody > tr > th {font-size:0.7em;background:#accc; color:#444; text-align: center; padding:5px 0; border: 1px solid #ccc; }
.tbl02 tbody > tr > td { font-size: 0.7em; background:#fff; color:#444; text-align: center;padding:2% 0; border: 1px solid #ccc; }


.exs {font-size: 0.8em; }
.exs > a { display:inline-block; width:100px;line-height:20px; height:12px; text-align: center;background:#a00000 }
.exs ul{border:0}
.exs ul li{float:left;display:inline;width:30%;}
.exs a.r_choice, .exs a.r_end, .exs a.r_closed{float:left;width:10px;height:10px;margin:5px 5px 0 0;}

a.r_choice {display:block;width:80%;height:80%;color:#fff;line-height:30px; background:#afcb20;box-sizing:border-box;}
a.r_end {display:block; width:80%; height:80%; color:#bbb; line-height:30px; background:#ddd; box-sizing:border-box; }
a.r_closed {display:block; width:80%; height:80%; color:#444; line-height:30px; background:#999; box-sizing:border-box; }
a.today { text-decoration: underline;}



.bottom_tt {padding:10px 0; font-size:0.8em; }
.bottom_tt > p {font-size:0.9em; color: #999 }
.bottom_tt > ul{margin-top:10px;padding: 10px 5%;font-size:0.9em; color:#999;background:#fdfdfd}
.bottom_tt > ul li {margin-left:15px;list-style-type:square; padding:0 10px 8px 0px;}

.bottom_tt > span{font-size:0.7em;padding-top:-2px}

a.reser_btn0 {display:inline-block;font-size:0.7em; margin: 10px 0 5px 0; padding: 6px 15px; text-align:center;line-height:12px;color:#fff !important; background:#999999; }/*블랙스타일*/

a.reser_btn1 { display: inline-block;font-size:0.7em; margin: 10px 0 5px 0; padding: 6px 15px; text-align:center;line-height:12px;color:#fff !important; background:#c24e69; }/*전체코스*/
a.reser_btn2 { display: inline-block;font-size:0.7em; margin: 10px 0 5px 0; padding: 6px 15px; text-align:center; line-height:12px; color:#fff !important; background:#207268; }/*마운틴*/
a.reser_btn22 { display: inline-block;font-size:0.7em; margin: 10px 0 5px 0; padding: 6px 15px; text-align:center; line-height:12px; color:#fff !important; background:#91b45c; }/*레이코스*/

a.reser_btn3 {display:inline-block;font-size:0.7em;padding:6px 10px;text-align:center;line-height:12px;color:#fff;background:#afcb20; }/*변경*/
a.reser_btn4 { display: inline-block;font-size:0.7em; padding: 6px 10px; text-align:center; line-height:12px; color:#fff; background:#9699a5; }/*취소*/

.info_list > li, .soloimg p { padding-left:12px;font-size:0.88em; color:#444; background:url("../images/use_bullet01.png") no-repeat 0px 9px }
.info_list > p, .soloimg p > span{font-size:1em;font-weight:bold;padding-bottom:10px;color:#333}
.info_list {margin-top:5px }

.content_in .check_icon{width:150px;margin:0 auto}
.content_in .check_icon img{width:100%}
.content_in .power_icon{width:106px;margin:0 auto;padding:70px 0 20px 0}


/* Title */
#change .sub_title{width:100%;border-bottom:1px solid #eee;line-height:2.5em;text-indent:-30px;text-align:center;background:#f8f8f8;color:#333;border-bottom:1px dotted #ccc;font-size:1.2em}
#change .sub_title02{width:100%;border-bottom:1px solid #eee;line-height:2.5em;text-align:center;color:#fff;background:#23b9da;margin-bottom:5%;font-size:1.2em}
#change .sub_title03{width:100%;border-bottom:1px solid #eee;line-height:2.5em;text-align:center;color:#fff;background:#666;margin-bottom:5%;font-size:1.1em}
#change .sub_title04{width:100%;border-bottom:1px solid #eee;line-height:2.5em;text-align:center;color:#fff;background:#364681;margin-bottom:5%;font-size:1.1em}

.content_in .secon_title{width:90%;margin:0 auto;padding:5% 0 3% 0;font-size:1em;text-align:center;border-bottom:1px dotted #999}
.content_in .reservText{border:0; width:90%;margin:0 auto;padding:5% 0 3% 0;font-size:0.75em;text-align:left;}

/* TAP */
.secon_titless{float:left;width:90%;margin:20px 0 30px 0;padding:0 5% 3% 5%;}
.secon_titless ul{border:0;width:100%;float:left}
.secon_titless ul li{width:45%;text-align:center;font-size:0.9em;margin-left:10px;float:left;display:inline;line-height:28px;border-bottom:2px solid #333;font-weight:bold}
.secon_titless ul li a{color:#333;font-weight:bold}
.secon_titless ul li:first-child{margin-left:0}
.secon_titless ul li.tapon{border:2px solid #333;line-height:26px}
.secon_titless ul li.tapon a{color:#333;}

.secon_titless03{float:left;width:90%;margin:20px 0 30px 0;padding:0 5% 3% 5%;}
.secon_titless03 ul{border:0;width:100%;float:left}
.secon_titless03 ul li{width:30%;text-align:center;font-size:0.9em;margin-left:10px;float:left;display:inline;line-height:28px;border-bottom:2px solid #333;font-weight:bold}
.secon_titless03 ul li a{color:#333;font-weight:bold}
.secon_titless03 ul li:first-child{margin-left:0}
.secon_titless03 ul li.tapon{border:2px solid #333;line-height:26px}
.secon_titless03 ul li.tapon a{color:#333;}

.secon_titless04{float:left;width:90%;margin:20px 0 30px 0;padding:0 5% 3% 5%;}
.secon_titless04 ul{border:0;width:100%;float:left;}
.secon_titless04 ul li{width:20%;text-align:center;font-size:0.8em;margin-left:10px;float:left;padding-top:10px;display:inline;height:40px;line-height:1.2em;border-bottom:2px solid #333;font-weight:bold}
.secon_titless04 ul li a{color:#333;font-weight:bold}
.secon_titless04 ul li:first-child{margin-left:0}
.secon_titless04 ul li.tapon{border:2px solid #333;height:38px;line-height:1.2em;padding-top:10px}
.secon_titless04 ul li.tapon a{color:#333;}


/* 버튼 */
.last_join{ text-align:center; }
.last_join > a {display:inline-block;width:47.5%;margin-top:10px;padding:15px 0;color:#fff;font-size:0.8em;font-family:'NanumSquar Bold';text-align:center;background:#afcb20;border:3px solid #afcb20;/* border-radius: 2px;*/letter-spacing:0.02em }
.last_join > a.back_gray { background:#fff;color:#afcb20;border:3px solid #afcb20;}

.last_join02{ text-align:center;}
.last_join02 > a {display:inline-block;width:31.8%;margin:15px 0px;padding:5px 0;color:#fff;font-size:0.6em;font-family:'NanumSquar Bold';text-align:center;color:#fff;background:#999;/* border-radius: 2px;*/letter-spacing:0.02em }
.last_join02 > a.back_gray { background:#333;color:#fff}
.last_join02 > a.back_blue { background:#23b9da;color:#fff}

.last_join03{ text-align:center;}
.last_join03 > a {display:inline-block;width:47.5%;margin-top:10px;padding:15px 0;color:#fff;font-size:0.8em;font-family:'NanumSquar Bold';text-align:center;color:#fff;background:#495da6;/* border-radius: 2px;*/letter-spacing:0.02em }
.last_join03 > a.back_gray { background:#fff;color:#495da6;padding:12px 0;border:3px solid #495da6;font-weight:700}

/* 로그인 */
.content_in .login_area{width:70%;margin:0 auto}
.content_in .login_area div{width:100%;margin-bottom:10px;}
.content_in .login_area label{float:left;width:20px;font-size:0.8em;line-height:3em;padding-right:10px;color:#495da6;font-weight:600}
.content_in .login_area input{width:80%;height:30px;text-indent:10px;border-bottom:1px solid #495da6;border-top:0;border-left:0;border-right:0;color:#afcb20}

.content_in .forgetid{width:100%;}
.content_in .forgetid p{font-size:0.7em;text-align:center;margin-top:30px;}
.content_in .forgetid li ul{width:100%}
.content_in .forgetid li{font-size:0.8em;text-align:center;display:inline;float:left;width:49%;margin-left:2%;background:#495da6;}
.content_in .forgetid li a{color:#fff}
.content_in .forgetid li .ok{color:#495da6;background:#fff;border:3px solid #495da6}
.content_in .forgetid li:first-child{margin-left:0}

/* 자동로그인 */
.content_login_area2 {
	width:60%;
  margin: 0 auto;
}
.content_login_area2 .box4 {
	font-size: 0.8em;
  font-weight: 600;
  color: #495da6;
	position: relative;
	height:22px;
	line-height: 22px;
	width:90%;
	margin:10px auto 20px;
}
.content_login_area2 .box4 .chk{
	position: absolute;
	right:0;
	top:0;
}
.checkbox_s2 {
	align-self: center;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width:50px;
  height: 16px;
}
.checkbox_s2 input {
	overflow: hidden;
	height: 0;
	width:0;
	font-size: 0;
	text-indent: -999999px;
	opacity: 0;
}
.checkbox_s2 span {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #D4DADF;
	transition: .4s;
	border-radius: 34px;
}
.checkbox_s2 span:before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    left: -3px;
    top: 50%;
  	margin-top:-11px;
    transition: .4s;
    border-radius: 50%;
    background-color: #FFF;
		border: 1px solid #CCC;
}
.checkbox_s2 input:checked+span{
	background-color: #495da6;

}
.checkbox_s2 input:checked+span:before {
    transform: translateX(34px);
		border: 1px solid #CCC;
    background: #fff;
}



/* ---------- 회원가입 ---------- */

.intro { width:90%; margin: 20px 0; line-height: 38px;  padding: 0% 5%;}
.intro a { display: block;  width:100%; padding: 6% 0; background: rgba(0,0,0,0.7); text-align:center;  color: #fff; font-size: 16px;  border-radius: 20px;  }
.intro a .b_txt { font-size: 20px; }

.join_intro{padding:0 5px}
.intro_tit {color: #444;font-size:0.8em; padding:10px 0 8px 0; }
.intro_box {padding:0px 15px;}
.intro_box ul li {font-size:0.8em;letter-spacing:-0.5px;padding:15px 0 5px 0;border-bottom:1px dashed #ccc}

.intro_box ul li a {display:block;margin:10px 45px;padding:7px 10px;color:#fff;font-size:0.8em;text-align:center;background:#444;}
.intro_box .all_chk{text-align:center;padding: 14px 0  18px 0; font-size:14px;font-weight:bold;color:#333}
.privacy_in iframe{margin-top:-10px}

span.name{color: #333; font-weight: bold; }

.next_join{text-align: center; }
.next_join > a{display:block; margin: 10px 15px; padding: 15px 5px; color: #fff; font-size:1em; font-family:'NanumSquar Bold'; text-align:center; background:#207268;letter-spacing:0.02em }

.next_join02{text-align:center;}
.next_join02 > a{display:block;padding:15px 5px;color:#fff;font-size:1em;font-family:'NanumSquar Bold';text-align:center; background:#364681;letter-spacing:0.02em }

.last_join { text-align: center; }
.last_join > a { display:inline-block;width:44%;margin:10px 0px;padding:14px 0;color:#d4ff0e;font-size:1em; font-family:'NanumSquar Bold';text-align:center;background:#207268;border:3px solid #207268;/* border-radius: 2px;*/letter-spacing:0.02em }
.last_join > a.back_gray { background:#fff;border:3px solid #207268;color:#207268}

.join_agree { text-align: center; padding: 24px 0; font-size: 0.9em; border-bottom: 1px solid #ccc; }
.join_clear { text-align: center; font-size: 0.9em }

.pri_close { float:right; padding:5px 5px; }
.pri_close a { display:block; padding:5px 10px;background:#7f869f;color:#fff;font-size:0.8em;border-radius:3px; }


/*회원가입 인트로 약관동의 체크박스 스타일시트*/
.intro_box input[type="checkbox"] {  /* 실제 체크박스는 화면에서 숨김 */
  position: absolute;
   width: 1px;
   height: 1px;
   padding: 0;
   margin: -1px;
   overflow: hidden;
   clip:rect(0,0,0,0);
   border: 0
}
.intro_box input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  padding-left: 30px;  /* 글자와 체크박스 사이의 간격을 변경 */
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.intro_box input[type="checkbox"] + label:before {  /* 가짜 체크박스 */
  content: '';
  position: absolute;
  left: 0;
  top: 0px;  /* 이 값을 변경해서 글자와의 정렬 */
  width: 21px;  /* 체크박스의 너비를 지정 */
  height: 21px;  /* 체크박스의 높이를 지정 */
  line-height: 21px; /* 세로정렬을 위해 높이값과 일치 */
  text-align: center;
  background: #fafafa;
  border: 1px solid #cacece;
  border-radius : 3px;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
}
.intro_box input[type="checkbox"] + label:active:before,
.intro_box input[type="checkbox"]:checked + label:active:before {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.intro_box input[type="checkbox"]:checked + label:before {  /* 체크박스를 체크했을때 */
  content: '\2714';  /* 체크표시 유니코드 사용 */
  color: #034ea2;
  text-shadow: 1px 1px #fff;
  background: #e9ecee;
  border-color: #adb8c0;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
}

.img_boxing {width:100%}
.img_boxing dl{margin-bottom:20px}
.img_boxing dl dd{margin-bottom:10px;font-size:0.7em;color:#999;line-height:1.2em}
.img_boxing dl dd span{font-size:1em;color:#333;padding-bottom:20px}
.img_boxing dl dd span span{color:#99b021;font-weight:700}
.img_boxing dl dt img{width:100%}
.img_boxing02 img{width:100%}


/* 시설안내 */
.sisel p{font-size:0.7em;margin-bottom:10px}
.sisel .img100 img{width:100%}
.content_in .siseltitle{font-size:0.95em;margin-bottom:5px;font-weight:700}

/* 코스소개 */
.con_list { margin-top: -4px;}
.con_list > li { float:left; width:33.1%; height: 40px;border-bottom:1px solid #207268;background:#207268; line-height:40px; text-align:center; font-size:0.8em; border-left:1px solid #fff; }
.con_list > li:first-child {border-left:none;}
.con_list > li a { display:inline-block; width:100%; height: 40px; color:#fff; }
.con_list > li.on a {background:#f7f7f7; color:#207268;font-weight:bold; }

.con_list2 { margin-top: -4px;}
.con_list2 > li { float:left; width:49%; height: 40px; background:#289789; line-height:40px; text-align:center; font-size:0.8em; border-left:1px solid #19826d; }
.con_list2 > li:first-child {border-left:none;}
.con_list2 > li a { display:inline-block; width:100%; height: 40px; color:#fff; }
.con_list2 > li.on a { background:#f7f7f7; color:#207268; font-weight:bold; }


/* 이용요금 안내 */
.gbox_tbl table{width:100%;border: 1px solid #ddd;table-layout:fixed; }
.gbox_tbl tabler tr{padding:10px 0}
.gbox_tbl table tr:last-child { border:none; }
.gbox_tbl table tr th {height:30px;font-size:0.7em;border:1px solid #ddd; }
.gbox_tbl table .g_last th {padding:10px 0}
.gbox_tbl table .gbox_tt1 td {padding: 5px; font-size:0.7em; border: 1px solid #ddd;text-align: center; box-sizing:border-box; }
.gbox_tbl .gbox_tt2 {margin: 10px 0 40px 0;font-size:1em}
.gbox_tt3{font-size: 11px;margin: 10px 0 40px 0;}


.gbox_tbl .minititle{width:100%;padding-left:10px;}

.gbox_tbl .minititle dt{font-size:0.7em;margin-left:-15px;font-weight:100;}
.gbox_tbl .minititle dd{text-indent:10px;font-size:0.7em;}
.gbox_tbl .minititle dd span{color:#999;font-size:0.7em;padding-left:20px}
.gbox_tbl h3{font-size:0.9em;margin:30px 0 10px 0;font-weight:400}
.gbox_tbl h3 b{font-size:1.1em;font-weight:700;}


/* 자주하는 질문 */

.tbl03 {width:100%; border-collapse:collapse; border-top:2px solid #80a4c9;} 	/* board table */
.tbl03 th {background:#fdfdfd; font-size:0.7em; line-height:1.3em; color:#80a4c9; border-bottom:1px solid #ddd; padding:15px 0}
.tbl03 td {border-bottom:1px solid #ddd;font-size:0.7em; line-height:1.3em; padding:15px 5px; color:#666}
.tbl03 td img{vertical-align:middle}
.tbl03 td a{color:#6186ad}
.tbl03 td a.link{display:block; float:left; width:100%; color:#4DB6AC; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.tbl03 td a.link:hover{color:#80a4c9}
.tbl03 td a.link span{font-size:0.7em; color:#999; margin-top:2px}
.tbl03 td.dc{text-decoration:line-through; color:#999}
