/* contents.css */

.table-wrap th,
.table-wrap td{font-size:14px;}
.table-wrap th{border-bottom:none;}
.table-wrap tbody tr:first-child th{border-top:none;}
.table-wrap tbody tr:first-child td{border-top:none;}

.con-title1{font-size:20px;color:#000;margin-bottom:10px;padding:0;background:none;font-weight:700;}
.con-title1 + .con-wrap{margin-left:0;}

.table-wrap table.type-row tbody th{border-right:none;}
.table-wrap table.type-row tbody td{border-left:none;}

a.down-file,
a.view-direct{vertical-align:middle;line-height:17px;}

/* sub contents */

.about-box {margin-bottom:40px;}
.about-box p.front{font-size:24px;line-height:1.5em;margin-bottom:20px;font-weight:600;}
.about-box ul{margin-top:20px;}

.photo-gallery ul { width:100%; display:inline-block; }
.photo-gallery ul li { float:left; width:32%; margin-left:2%; text-align:left; padding:10px 0; }
.photo-gallery ul li p { width:95%; position:relative; margin:0 auto; }
.photo-gallery ul li p span { position:absolute; bottom:0;left:0; height:32px; line-height:32px; color:#fff; background-color:rgba(0,0,0,0.6); padding:0 20px; border-radius:0 12px 0 0;}
.photo-gallery ul li img { width:100%; }
.photo-gallery ul li:first-child { margin-left:0; }

.view-photo .bxslider{width:100%;height:357px;overflow:hidden;}
.view-photo .bxslider ul li{float:left;}
.view-photo .thumnail{margin-top:3px;}
.view-photo .thumnail ul{overflow:hidden;}
.view-photo .thumnail ul li{float:left;margin-right:3px;}
.view-photo .thumnail ul li img{width:65px;height:62px;}

.flat-map{border:4px solid #d9d9d9;text-align:center;}

.reserve-status {width:auto; height:24px; padding:0 12px; line-height:24px; background:#1e4796; font-size:12px; }

.reserve-detail-title span{line-height:36px;height:36px;border:none;}

.btns.big-btn a, 
.btns.big-btn input{height:40px;line-height:40px;padding:0 30px;font-size:18px;}

.reserve_graybox {border:1px solid #dedede;background-color:#f1f1f1;font-size:15px;padding:24px 24px 24px 148px;position:relative;}
.reserve_graybox:before {display:block;content:'';width:100px;height:100px;background:#f1f1f1 url(/images/ta/m4/reserve_top_img.gif) center no-repeat; background-size:100%; position:absolute;left:24px;top:24px;}
.reserve_graybox p span { display:block; }

.reserve-cal-navi{text-align:center;padding:20px 0;}
.reserve-cal-navi .year .prev{background:url(/images/seocho/board/icon_prev.gif) 0 1px no-repeat;padding:0 0 0 10px;margin-right:15px;font-size:11px;font-weight:bold;}
.reserve-cal-navi .year .next{background:url(/images/seocho/board/icon_next.gif) right 1px no-repeat;padding:0 10px 0 0;margin-left:15px;font-size:11px;font-weight:bold;}
.reserve-cal-navi .year strong{font-size:18px;}
.reserve-cal-navi .month{padding:10px 0 0 0;}
.reserve-cal-navi .month a{display:inline-block;height:28px;line-height:28px;width:28px;text-align:center;background:#eaeaea;}
.reserve-cal-navi .month a.current{background:#a50101;color:#fff;}
.reserve-cal-navi .month a:hover{background:#a50101;color:#fff;}
.reserve-cal-navi .month a span{position:absolute;left:-9999px;top:-9999px;}
.reserve-cal-navi .now-month { text-align:center; color:#f5594e; font-size:35px; font-weight:600; padding-top:35px; }
.reserve-cal-navi .now-month span { color:#8b8b8b; font-size:12px; font-weight:normal; }

.reserve-calendar td{text-align:left;padding:5px 10px;font-size:13px;height:90px;}
.reserve-calendar td .num{font-weight:600;}
.reserve-calendar td a{text-decoration:none;color:#888;text-underline-position: under;}
.reserve-calendar td a.active{color:#225efe;}
.reserve-calendar td.sun .num{color:#ea2727;}
.reserve-calendar td.sat .num{color:#277acd;}

.reserve-agree{border:1px solid #e9e9e9;padding:15px;margin-bottom:20px;}
.reserve-agree .agree1{border-bottom:1px solid #e9e9e9;padding-bottom:10px;overflow:hidden;}
.reserve-agree .agree1 .check{float:left;}
.reserve-agree .agree1 .view-go{float:right;}
.reserve-agree .agree2{padding-top:10px;}
.reserve-agree .regist-agree{border-bottom:none;}

.reserve-complete{border:1px solid #e9e9e9;text-align:center;padding:30px 0;font-size:24px;margin:0 0 20px 0;line-height:1.5em;}
.reserve-complete p:first-child{font-size:27px;}

.term-view{background:#f4f4f4;padding:15px 20px;}
.term-view h4{font-size:15px;margin-bottom:10px;}

dl.law-wrap dt{margin:15px 0 5px;font-weight:600;}
dl.law-wrap dt:first-child{margin-top:0;}
dl.law-wrap dd{margin-left:15px;}
dl.law-wrap dd > ol{margin-left:-15px;}

.map {overflow:hidden;margin-bottom:30px; }
.map li{float:left; box-sizing:border-box; border:1px solid #d1d1d1; margin-right:20px; max-width:calc(50% - 10px);}
.map li:last-child{margin-right:0;}
.map img{max-width:100%;}

.tour-list { clear:both; width:100%; display:inline-block; margin-bottom:30px; }
.tour-list li {overflow:hidden;padding:8px 0;}
.tour-list li div { float:left; margin-right:24px; position:relative; border-radius:8px;overflow:hidden; }
.tour-list li div span { position:absolute; bottom:0;left:0; height:32px; line-height:32px; color:#fff; background-color:rgba(0,0,0,0.6); padding:0 20px; border-radius:0 12px 0 0;}
.tour-list li div + p{padding:8px 0;}

.terminal-list { clear:both; width:100%; display:inline-block; }
.terminal-list li { float:left; width:45%; }
.terminal-list li:last-child { float:right; }
.terminal-list li img { border:3px solid #ececec; }

.tour-wrap{overflow:hidden;text-align:justify;}
.tour-wrap .img-wrap{float:left;margin:0 30px 20px 0;}
.tour-wrap ul{float:left;width:500px;margin-bottom:15px;}
.tour-wrap p{margin-bottom:15px;}

.link-wrap{overflow:hidden;}
.link-wrap .photo{border:1px solid #d1d1d1;background:#ececec;}
.link-wrap .photo img{margin:5px;}

/* 반응형 */

@media all and (min-width:600px) and (max-width:800px){

	.select-wrap1 p{height:170px;margin-bottom:0;}

}

@media all and (min-width:600px){

	.table-scroll{display:none;}

	.link-wrap{overflow:hidden;}
	.link-wrap .photo{float:left;margin-right:5%;}
	.link-wrap .photo img{margin:5px;}
	.link-wrap .txt p{margin-bottom:20px;}
	.link-wrap .btns{text-align:left;padding:0;}

	.reserve-view{overflow:hidden;}
	.reserve-view .view-photo{float:left;width:40%;}
	.reserve-view .view-photo img{width:100%;} /* width:340px */
	.reserve-view .board{float:right;width:57%;}

	.checkin-detail h4{float:left;}
	.checkin-detail .guide{float:right;}
	.checkin-table{clear:both;display:table;width:100%;border-top:1px solid #324147;border-left:1px solid #c2c2c2;}
	.checkin-table ul{display:table-row;}
	.checkin-table ul li{display:table-cell;border-right:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2;border-top:none;text-align:center;}
	.checkin-table ul li span{display:block;height:34px;line-height:34px;background:#7294a1;color:#fff;}
	.checkin-table ul li em{display:block;padding:10px 0;}

	.select-wrap1 p{height:130px;margin-bottom:0;}
	.select-left{float:left;width:48%;}
	.select-right{float:right;width:48%;}

	.event-item{width:100%;}
	.event-item dt{clear:both;float:left;padding:6px 15px 6px 5px;font-weight:bold;}
	.event-item dd{padding:5px;}

	.reserve-main{overflow:hidden;}
	.reserve-main .front{float:left;width:60%;}
	.reserve-main .banners{float:right;width:35%;}
	.reserve-main .banners ul li{margin-bottom:5px;}
	.reserve-main .banners ul li a{display:block;padding:10px;}

}

@media all and (max-width:600px){

	.about-box p.front{font-size:20px;}

	.table-wrap{overflow-x:auto;}
	.table-wrap table.w600{width:600px;}
	.table-wrap table.w800{width:800px;}
	.table-wrap table.w100{width:99.9%;}
	.table-scroll{display:block;}

	.link-wrap .photo{text-align:center;width:250px;margin:0 auto;}
	.link-wrap .txt p{margin-top:10px;}
	.link-wrap .btns a{display:block;height:40px;line-height:40px;}

	.reserve-agree .agree1 .check span{display:block; margin-bottom:4px;}
	.reserve-agree .agree1 .view-go{margin-top:12px;}
	.regist-agree{padding:10px 0;}	

	.photo-gallery ul li { padding:5px 0; }
	.photo-gallery ul li p span { height:24px; line-height:24px; text-indent:15px; font-size:80%; }

	.reserve_graybox {padding:20px;font-size:14px;}
	.reserve_graybox:before {display:none;}

	.tour-list { margin-bottom:20px; }
	.tour-list li { padding:10px 0; }
	.tour-list li div { float:none; clear:both; margin-right:0; position:relative; }
	.tour-list li div img { width:100%;}
	.tour-list li p { padding-top:10px; }

	.terminal-list li { float:none; clear:both; width:50%; }
	.terminal-list li img { width:100%; }
	.terminal-list li:last-child { float:left; }

	.reserve-view .view-photo{width:80%;margin:0 auto 10px auto;}
	.reserve-view .view-photo img{width:100%;} /* width:340px */

	.reserve-cal-navi .month{max-width:270px;margin:0 auto;}
	.reserve-cal-navi .month a{height:40px;line-height:40px;width:40px;margin:0 0 3px 0;}

	.reserve-calendar table,
	.reserve-calendar tbody,
	.reserve-calendar tr,
	.reserve-calendar td{display:block;width:100%;border:none;height:auto;}
	.reserve-calendar colgroup,
	.reserve-calendar thead{display:none;}
	.reserve-calendar table.w800{width:100%;}
	.reserve-calendar{overflow:hidden; border-top:1px solid #333;}
	.reserve-calendar + .table-scroll{display:none;}
	.reserve-calendar td{border-bottom:1px solid #dedede; padding:12px;}
	.reserve-calendar td.empty{display:none;}
	.reserve-calendar td .num{display:block; margin-bottom:4px;font-size:16px;}
	.reserve-calendar td a{display:inline-block; width:48%; padding:4px 0;}
	.reserve-calendar td br{display:none;}
	.reserve-calendar td:nth-child(1) .num:after{content:'(일)'}
	.reserve-calendar td:nth-child(2) .num:after{content:'(월)'}
	.reserve-calendar td:nth-child(3) .num:after{content:'(화)'}
	.reserve-calendar td:nth-child(4) .num:after{content:'(수)'}
	.reserve-calendar td:nth-child(5) .num:after{content:'(목)'}
	.reserve-calendar td:nth-child(6) .num:after{content:'(금)'}
	.reserve-calendar td:nth-child(7) .num:after{content:'(토)'}

	.checkin-detail .guide{padding:0 0 5px 0;}
	.checkin-table ul li{float:left;border:1px solid #c2c2c2;text-align:center;margin:0 -1px 5px -1px;}
	.checkin-table ul li span{display:block;height:34px;line-height:34px;background:#7294a1;color:#fff;}
	.checkin-table ul li em{display:block;padding:10px 0;background:#fff;}
	.checkin-table ul li{width:20%;}
	.checkin-table ul li:first-child{width:100%;}
	.checkin-table ul li:last-child{width:100%;}

	.reserve-complete{font-size:14px;line-height:1.5em;}
	.reserve-complete p:first-child{font-size:18px;}

	.board .reserve-list .recommand li{float:none;width:auto;}

	.map li{float:none; max-width:100%; margin:0;}
	.map li + li{margin-top:10px;}

}

/*회원>로그인*/
.login-wrap{text-align:center;margin-bottom:30px;}
.login-wrap .front-copy{padding:20px 0 30px;}
.login-wrap .front-copy p:nth-of-type(1){font-size:28px;letter-spacing:-1px;padding:0 0 15px 0; font-weight:700;}
.login-wrap .front-copy p:nth-of-type(2){line-height:1.5em;}
.login-form{width:350px;margin:0 auto;padding:0 0 30px 0;}
.login-form:after{display:block;content:'';clear:both;}
.login-form .input{float:left;}
.login-form .input > div{display:flex; align-items:center; margin-bottom:5px;}
.login-form .input .row label{display:inline-block;width:70px;font-size:15px;font-weight:700;text-align:left;}
.login-form .input .row input{width:180px;}
.login-form .pw-wrap{position:relative;}
.login-form .pw-toggle {display: flex;align-items: center;justify-content: center;position:absolute;right:0;top:0;width: 36px;height:36px;background: none;border: none;cursor: pointer;padding: 0;}
.login-form .pw-wrap .icon-view {display: inline-flex;width: 20px;height: 15px;background: url(/images/seocho_2022/member/eye_closed.png) no-repeat center center;background-size: contain;text-indent: -9999px;}
.login-form .pw-wrap .icon-view.active {background: url(/images/seocho_2022/member/eye_open.png) no-repeat center center;background-size: contain;}

.login-form .input .save{padding-left:70px;font-size:14px;text-align:left;}
.login-form .input .save input{margin-right:5px;}
.login-form .command{float:right;}
.login-form .command input{background:#2e63aa;color:#ffffff;border:none;width:87px;height:77px;font-weight:500;}
.login-guide{border:1px solid #e5e5e5;padding:25px 0;font-size:14px;}
.login-guide > div{display:inline;margin:0 20px;white-space:nowrap;}
.login-guide p{display:inline;background:url(/images/seocho/common/content/icon_dot.gif) 0 4px no-repeat;padding:0 8px;}
.login-guide a{display:inline-block;height:25px;line-height:25px;background-color:#444444;color:#f8f8f8;padding:0 15px;}

.login-sns-type{border: 1px solid #e5e5e5; padding: 24px; font-size: 15px; display:flex; flex-wrap:wrap; justify-content: center; align-items: center; margin-bottom:30px;}
.login-sns-type h5{font-size:18px; margin:0 20px; line-height:48px;}
.login-sns-type .sns-select{display:inline-flex; gap:20px 12px; flex-wrap:wrap;}
.login-sns-type .btn-snsLogin{display:flex; align-items:center; width:200px; height:48px; font-size:18px; margin:0 auto;}
.login-sns-type .btn-snsLogin:before{display:block;content:'';width:60px;height:54px; border-right:1px solid rgba(255,255,255,1);}
.login-sns-type .btn-snsLogin span{display:flex;width:calc(100% - 60px); text-align:center; align-items:center; justify-content:center;}
.login-sns-type .btn-snsLogin.naver{background-color:#0f900f; color:#fff;}
.login-sns-type .btn-snsLogin.naver:before{background:url(/images/seocho_2022/member/i_logo_naver.svg) center center no-repeat;}
.login-sns-type .btn-snsLogin.kakao{background-color:#F9E000; color:#371C1D;}
.login-sns-type .btn-snsLogin.kakao:before{background:url(/images/seocho_2022/member/i_logo_kakao.svg) center center no-repeat;}
.login-sns-type .guide-txt{margin-top:16px; font-size:14px; line-height:1.5em;}

@media all and (max-width:599px) {
	.login-sns-type{padding:20px;}
	.login-sns-type .btn-snsLogin{width:90%; font-size:16px;}
	.login-sns-type .guide-txt br{display:none;}
}

.re-agree-guide{border:1px solid #e5e5e5; padding:20px; font-size:15px;}
.re-agree-guide + .login-guide{border-top:none;}
.re-agree-guide .title{font-size:16px; font-weight:500; margin-bottom:10px;}

.login-select-title{text-align:center; font-size:28px; margin:50px 0 25px; font-weight:700;}
.login-select-wrap{display:flex; border:1px solid #CDCDCD; padding:50px 0;}
.login-select-wrap .login-item + .login-item{border-left:1px solid #CDCDCD;}
.login-select-wrap .login-item{text-align:center; box-sizing:border-box; width:33.3333%; padding:0 20px;}
.login-select-wrap h5{font-size:24px; margin-bottom:25px;}
.login-select-wrap .guide-txt{font-size:14px; line-height:1.5em;}
.login-select-wrap .btn{margin-top:20px;}
.login-select-wrap .btn a{display:flex; align-items:center; justify-content:center; height:40px;width:112px; background-color:#8F8F8F; color:#fff; margin:0 auto;}
.login-select-wrap .i-phone,
.login-select-wrap .i-ipin{width:120px;height:120px; margin:0 auto 20px auto;}
.login-select-wrap .i-phone{background:url(/images/seocho_2022/member/i_login_phone.png) center center no-repeat;}
.login-select-wrap .i-ipin{background:url(/images/seocho_2022/member/i_login_ipin.png) center center no-repeat;}
.login-select-wrap .login-item.phone .guide-txt,
.login-select-wrap .login-item.ipin .guide-txt{min-height:60px;display:flex;align-items:center; justify-content:center; }

.login-select-wrap.col2 .login-item{width:50%;}

@media all and (max-width:599px) {
	.login-select-title{font-size:22px; margin:40px 0 20px;}
	.login-select-wrap{padding:0 20px; flex-wrap:wrap}
	.login-select-wrap .login-item + .login-item{border-left:none; border-top:1px solid #CDCDCD;}
	.login-select-wrap .login-item{width:100% !important; padding:30px 0;}
	.login-select-wrap h5{font-size:20px; margin-bottom:10px;}
	.login-select-wrap .btn{margin-top:20px;}
	.login-select-wrap .btn a{height:40px;width:112px;}
	.login-select-wrap .i-phone,
	.login-select-wrap .i-ipin{width:80px;height:80px; background-size:cover !important; margin-bottom:10px;}
	.login-select-wrap .guide-txt br{display:none;}
}