@charset "UTF-8";

#content {line-height:1.7;}

/* 페이지 준비중 */
.ready {overflow: hidden; padding: 40px 0; border: 2px solid #d4d4d4; }
.ready div{width: 100%; min-height: 260px; padding-left: 43%; background:url('/gayasan/camping/img/sub/ready.png') no-repeat 13% center;}
.ready p{font-size: 20px; line-height: 1.5;}
.ready p:first-child{font-size: 34px; font-weight: 700; padding-top: 20px;}
.ready p:first-child::after{display: block; content: "";  width:57%; height:1px; background:#ddd; margin-top:20px;}
.ready p:last-child{padding-top: 20px;}
@media all and (max-width:1240px) {
	.ready div {padding-top:280px; padding-left: 0; background-position: center 10px;}
	.ready p{text-align: center;}
	.ready p:first-child::after{background: none;}
	.ready p:last-child{padding-top: 0;}
} 
@media all and (max-width:480px) {
	.ready{padding: 30px 10px; margin-right: 10px;}
	.ready div{padding-top: 220px; background-size: 200px;}
	.ready p:first-child{font-size: 28px;}
	.ready p:last-child{font-size: 17px;}
} 


/* board */
.bod_head .bod_search > * {height:38px !important; line-height:normal !important; font-size:1.6rem !important;}
.bod_list th,
.bod_list td {font-size:1.6rem !important;}
.bod_page > * {font-size:1.4rem !important;}
.bod_gallery .subject {margin:20px 0 7px !important; font-size:1.8rem !important; font-weight:500 !important;}
.bod_gallery .date {margin:0 0 0 2px !important; font-size:1.5rem; letter-spacing:-0.1px;}
.write_o,
.write_c,
.bod_btn a,
.bod_btn input[type='submit'] {background:#940b1c !important; padding:3px 15px !important; border:0 !important; color:#fff !important; font-size:1.6rem !important; line-height:32px !important;}
.bod_btn a.btn_write,
.bod_btn a.btn_list,
.bod_btn input[type='submit'],
.btn_wrap .write_o,
.bod_btn a.btn_blue02 {background:#037641 !important;}
.bod_view h4 {font-size:2.2rem !important; line-height:1.4; letter-spacing:-1.3px !important;}
.bod_view h4:before {display:none; }
.bod_guide .cont {font-size:1.6rem !important; line-height:1.6 !important;}
.bod_guide .cont div p {margin-bottom:10px;}
.bod_guide .cont div p.text_blue {margin-top:20px; color:#037641;}
.bod_guide .list_black {font-size:1.5rem;}
.bod_guide .list_black > li {margin:5px 6px;}
.bod_guide .list_hyp {margin:5px 0 10px;}
.bod_guide .list_hyp > li {margin:3px 6px;}
.bod_guide .minAgree label {margin:0 10px 0 5px; font-size:1.6rem !important;}
.bod_guide .minAgree input[type="checkbox"] {}
.bod_wrap .tbl_form dt,
.bod_wrap .tbl_form dd {padding:10px;}
.bod_wrap .tbl_form dt {width:130px; padding-top:0; padding-bottom:0; line-height:60px;}
.bod_wrap .tbl_form dt:after {top:25px; right:20px}
.bod_wrap .tbl_form dt span {margin-right:5px;}
.bod_wrap .tbl_form dd {width:calc(100% - 130px); line-height:40px;}
.bod_wrap .tbl_form dd input[type="text"],
.bod_wrap .tbl_form dd input[type="password"],
.bod_wrap .tbl_form dd input[type="file"] {height:40px; width:100%;}
.bod_wrap .tbl_form dd input[type="file"] {height:auto; padding:5px; margin-bottom:7px;}
.bod_wrap .tbl_form dd .inp_txt.wp50 {margin-bottom:20px;}
.bod_wrap .tbl_form dd textarea {display:block; width:100% !important; padding:4px 5px;}
.bod_wrap .tbl_form dd label {display:block;}
.bod_wrap .tbl_form .text_red {display:block; margin-top:-45px; line-height:1.8; color:#940b1c; font-size:1.5rem; font-weight:500;}
.bod_wrap .tbl_form .pwWrap label {display:inline-block; margin-right:7px;}
.bod_wrap .tbl_form .pwWrap input[type="checkbox"] {vertical-align:middle; margin-top:-3px;}
.bod_wrap .tbl_form .pwWrap .text_red {margin-top:0;}
.password_wrap {position:relative; width:100% !important; margin:0 0 20px 0 !important; padding:25px 33px !important; border:2px solid #d1e0f1 !important; border-radius:10px; background:#fff;}
.password_wrap:before {content:""; position:absolute; right:-10px; bottom:-10px; width:100%; height:100%; background:#ecf5ff; z-index: -1; border-radius:0 0 20px 0;}
.password_wrap div p {margin-bottom:10px; padding-top:140px !important; background:url('/sjmhc/img/content/lock.gif') no-repeat center 0; font-size:1.7rem !important; font-weight:500; color:#272727 !important;}
.password_wrap div input[type="password"] {width:200px !important;}
@media  all and (max-width:768px) {
	#srchColumn {margin-left:0;}
}
@media all and (max-width:599px) {
	.bod_wrap .tbl_form dt {float:none; width:100%; line-height:inherit; padding-top:13px;}
	.bod_wrap .tbl_form dt:after {display:none;}
	.bod_wrap .tbl_form dd {float:none; width:100%; padding-bottom:15px;}
	.password_wrap div p {padding-top:100px !important; background-size:40px;}
}

/* heading */
#content h4 {position:relative; margin:40px 0 20px; padding-top:10px; font-size:2.6rem; font-weight:600; line-height:1.5;}
#content h4:before {content:''; position:absolute; top:0; left:2px; width:30px; height:3px; background:#037641;}
#content h5 {position:relative; margin:25px 0 10px 2px; color:#037641; font-size:2.2rem; font-weight:600; line-height:1.5; padding-left: 20px;}
#content h5::before{position: absolute; content: ""; top: 50%; transform: translateY(-50%); left: 0; width: 14px; height: 14px; background: url('../img/sub/h5.png') no-repeat left center;}
#content h4 ~ p {margin-left:3px;}
#content h5 ~ p {margin-left:3px;}
@media all and (max-width:599px) {
	#content h4 {margin:35px 0 15px;}
}

/* list */
.ol_depth01 li {list-style:none;}
.ol_depth01 {margin:0 0 15px 0;}
.ol_depth01 > li {margin:5px 0;}
.ol_depth01 > li:first-child {margin-top:0;}
.ol_depth01 > li strong {font-weight:500;}
.ol_depth02 {margin:5px 0 13px 20px;}
.ol_depth02 > li {margin:5px 0; font-size:1.6rem;}
.ol_depth02 > li:first-child {margin-top:0;}
.num_list {margin-left:3px;}
.num_list > li {position:relative; margin:7px 0; padding-left:22px;}
.num_list > li span:first-of-type {position:absolute; left:0;}
.num_list2 > li {position:relative; margin:7px 0; padding-left:80px;}
.num_list2 > li span:first-of-type {position:absolute; left:0;}
.num_list2 span {margin-right:10px; font-weight:500;}
.cont_depth01 {margin:10px 0 10px 15px;}
.cont_depth01 > li {padding:4px 0px 4px 20px; background:url('../img/sub/depth01.png') no-repeat left 12px;}
.cont_depth01 > li .tbl_area {margin-bottom:0;}
.cont_depth02 {margin:8px 0 5px 5px;}
.cont_depth02 > li {padding:2px 0px 2px 20px; background:url('../img/sub/depth02.png') no-repeat left 11px; font-size:1.6rem;}
.cont_depth03 {margin:8px 0 5px 5px;}
.cont_depth03 > li {padding:2px 0px 2px 15px; background:url('../img/sub/depth03.png') no-repeat left 13px; font-size:1.5rem; color:#3a3a3a;}

/* box */
.guide_box {position:relative; margin:20px 0 30px; padding:25px 33px; border:2px solid #d1e0f1; border-radius:10px; background:#fff;}
.guide_box:before {content:""; position:absolute; right:-10px; bottom:-10px; width:100%; height:100%; background:#ecf5ff; z-index: -1; border-radius:0 0 20px 0;}
.guide_box .cont_depth01,
.guide_box .cont_depth02,
.guide_box .cont_depth03 {margin:0;}
.guide_box .cont_depth01 li,
.guide_box .cont_depth02 li,
.guide_box .cont_depth03 li {font-size:1.7rem;}
.guide_box .num_list,
.guide_box .num_list2 {margin:0; font-size:1.7rem;}
.guide_box.icon > div {padding-left:75px; background:url('../img/content/box_icon.png') no-repeat left top;}
.guide_box .small {margin:9px 0 0 1px;}
.guide_box .big {font-size:2.6rem; font-weight:600; letter-spacing:-1.3px; line-height:1.5}
.guide_box + h5 {margin-top:40px !important;}
.box4 {margin:20px 0; padding:6px; background:url('/sjmhc/img/content/box_pattern.png');}
.box4 > div {background:#fff; padding:30px;}
.box4 .cont_depth01 {margin-left:0; margin-top:0;}
@media all and (max-width:599px) {
	.guide_box {padding:20px;}
	.guide_box.icon > div {padding-left:0; background:none;}
	.guide_box + h5 {margin-top:25px !important;}
	.box4 > div {background:#fff; padding:25px;}
}
.img_box{padding: 8px; border: 1px solid #ddd;}

/* table */
.scroll_txt {display:none;}
.tbl_area {overflow-x:auto; margin:20px 0; clear:both; width:100%; border-top:1px solid #555}
.tbl_type1 {/*border-top:1px solid #555;*/ margin-left:-1px; width:100%;}
.tbl_type1 thead th,
.tbl_type1 tbody th,
.tbl_type1 tbody td {padding:10px 15px; font-size:1.6rem; text-align:center;}
.tbl_type1 thead th,
.tbl_type1 tbody th {background:#f3f3f3;}
.tbl_type1 thead th {border-left:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4;}
.tbl_type1 tbody th, .tbl_type1 tbody td, .tbl_type1 tfoot th, .tbl_type1 tfoot td {border-left:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; word-break:break-all;}
.tbl_type1.exam th span {display:inline-block; margin-right:7px; color:#c9281b;}
.tbl_type1.reserve th,
.tbl_type1.reserve td  {font-size:1.5rem;}
@media all and (max-width:1023px) {
	.tbl_type1 {min-width:1023px;}
	.tbl_type1.exam {min-width:auto;}
	.scroll_txt {display:block; margin-top:25px; text-align:right; font-size:1.3rem;}
	.scroll_txt span {padding:0 0 0 32px; background:url('../img//sub/scroll.png') no-repeat left center;}
	.tbl_area {margin:10px 0 25px;}
}
@media all and (max-width:599px) {
	.scroll_txt {text-align:center;}
	.tbl_type1.exam {min-width:500px;}
}

/* button */
.btnWrap {margin:40px 0; width:100%; text-align:center;}
.btn_style {display:inline-block; padding:5px 20px; font-size:1.5rem; font-weight:500;}
.btn_style.large {padding:10px 20px;}
.btn_style.type1 {background:#424242; color:#fff;}
.btn_style.type2 {background:#037641; color:#fff;}
.btn_style.type3 {background:#00a99d; color:#fff;}
.btn_style.type4 {background:#940b1c; color:#fff;}

/* etc */
.caution span {display:inline-block; background:url('/sjmhc/img/content/red_info.png') no-repeat left 4px; color:#f93149; font-size:1.5rem; margin:7px 0 3px; padding-left:27px; font-weight:500;}
.p_wrap p {margin:20px 0;}
.source {margin:40px 0; text-align:right; font-size:1.4rem;}
.banImg img {border-radius:0 0 5rem 0;}
@media all and (max-width:599px) {
    .caution span {background-position-y:1px;}
}

/* 찾아오시는길 */
.road {overflow:hidden;}
.road .wrap_controllers {display:none;}
.road * {border:0;}
.road .road_left {float:left; width:70%; border-bottom:1px solid #dad8d1;}
.road .road_right {float:right; position:relative; width:30%; min-height:401px; padding:35px; background:#037641; color:#fff;}
.road .road_right .name {font-size:2.5rem; letter-spacing:-1px; font-weight:600; line-height:1.4}
.road .road_right .name span {display:block; margin:8px 0 0 2px; font-size:1.9rem; line-height:1.7; font-weight:400;}
.road .road_right .add {margin:25px 0 0 3px;}
.road .road_right .info {position:absolute; bottom:35px; padding-right:35px; font-size:1.6rem;}
.road .road_right .info p {position:relative; padding-left:49px; margin-left:3px; letter-spacing:0.1px;}
.road .road_right .info p span {position:absolute; left:0; letter-spacing:0.7px;}
@media all and (max-width:1240px) {
	.road .road_left {float:none; width:100%;}
	.road .road_right {float:none; width:100%; min-height:auto;}
	.road .road_right .name span {margin-top:3px;}
	.road .road_right .add {margin:20px 0 40px 3px;}
	.road .road_right .info {position:static;}
}
@media all and (max-width:599px) {
	.road .road_right {padding:25px;}
	.road .road_right .add {margin-bottom:30px;}
	.road .road_right .info {padding-right:0}
}