@charset "utf-8";

/* 테이블 */
.yytc-sub .sub_style_1{margin-top:25px; width:100%; table-layout:fixed; font-size:13px; border-top:2px solid #111;}
.yytc-sub .sub_style_1.center{text-align:center;}
.yytc-sub .sub_style_1 th{padding:12px; color:#222; border-bottom:1px solid #d4d4d4; border-right:1px solid #d4d4d4; background:#fbfbfb; font-family:"NanumBarunGothicB";}
.yytc-sub .sub_style_1 th:last-child{border-right:none;}
.yytc-sub .sub_style_1 th.left{text-align:left;}
.yytc-sub .sub_style_1 th.right{text-align:right;}
.yytc-sub .sub_style_1 td{padding:10px 15px; color:#666; font-family:"NanumBarunGothic"; border-bottom:1px solid #ddd; border-right:1px solid #d4d4d4; line-height:24px; word-break:keep-all;}
.yytc-sub .sub_style_1 td:last-child{border-right:none;}
.yytc-sub .sub_style_1 td.center{text-align:center;}
.yytc-sub .sub_style_1 td.right{text-align:right;}
.yytc-sub .sub_style_1 td a:hover{text-decoration:underline;}
.yytc-sub .sub_style_1 td ul{}
.yytc-sub .sub_style_1 td ul li{padding-left:12px; position:relative; line-height:24px;}
.yytc-sub .sub_style_1 td ul li::after{content:""; position:absolute; top:9px; left:0; width:4px; height:4px; background:#aaa; border-radius:2px;}
.yytc-sub .sub_style_1 td .metro{display:inline-block; text-align:center; padding:5px 0px 4px 0px; margin-right:5px; width:60px; color:#fff; font-size:12px; line-height:initial; border-radius:2px;}
.yytc-sub .sub_style_1 td .metro.ever{background:#61b350;}
.yytc-sub .sub_style_1 td .metro.bundang{background:#f2ae24;}
.yytc-sub .sub_style_1 td .metro.n_bundang{background:#b33655;}

/* 회원가입 */
/* step */
.yytc-sub .step1{margin-bottom:40px;}
.yytc-sub .step1 ol{display:table; overflow:hidden; table-layout:fixed; width:100%;}
.yytc-sub .step1 ol li{display:table-cell; position:relative; width:auto; padding:21px 0 21px 20px; background:#e5e5e5; font-family:"NanumBarunGothic"; font-size:15px; color:#666; text-align:center;}
.yytc-sub .step1 ol li::before{content:""; position:absolute; z-index:1; top:0; right:-30px; border-bottom:30px solid #e5e5e5; border-right:30px solid transparent;}
.yytc-sub .step1 ol li::after{content:""; position:absolute; z-index:1; top:30px; right:-30px; border-top:30px solid #e5e5e5; border-right:30px solid transparent;}
.yytc-sub .step1 ol li.on{position:relative; background:#268cbf; color:#fff;}
.yytc-sub .step1 ol li.on::before{content:""; position:absolute; z-index:1; top:0; right:-30px; border-bottom:30px solid #268cbf; border-right:30px solid transparent;}
.yytc-sub .step1 ol li.on::after{content:""; position:absolute; z-index:1; top:30px; right:-30px; border-top:30px solid #268cbf; border-right:30px solid transparent;}
.yytc-sub .step1 ol li.line{border-right:1px solid #797e85;}

/* 약관동의 */
.yytc-sub .agree_notice{padding-bottom:30px; border-bottom:1px solid #ddd;}
.yytc-sub .agree_notice li{padding-left:28px; margin-bottom:6px; color:#555; font-size:14px; background:url(/images/sub/agree_notice.png) no-repeat 0 0; line-height:22px;}
.yytc-sub .agree{margin-top:30px;}
.yytc-sub .agree span label{margin-left:8px;}
.yytc-sub .agree input[type="checkbox"]{width:13px; height:13px;}
.yytc-sub .agree_txt{margin-bottom:20px;}
.yytc-sub .agree_txt > div{overflow-y:scroll; height:196px; padding:15px; margin-bottom:15px; border:1px solid #dbdbdb;}
.yytc-sub .agree_txt span{display:block; text-align:right;}
.yytc-sub .agree_all{text-align:center; padding:20px 0; margin-top:40px; color:#268cbf; font-size:15px; font-family:'NanumBarunGothicB'; border:1px solid #ddd;}
.yytc-sub .agree_all span label{margin-left:8px;}

/* 야영장 이용안내 */
/* 실시간예약 */
/* 야영장예약 */
.yytc-sub .camping_rsv .date_pager{text-align:center;}
.yytc-sub .camping_rsv .date_pager a{display:inline-block; line-height:34px;}
.yytc-sub .camping_rsv .date_pager span{display:inline-block; padding:0 25px; color:#333; font-size:24px; font-family:"NanumSquare"; letter-spacing:-0.045em;}
.yytc-sub .camping_rsv .date_pager span b{color:#2483b2; font-family:"NanumSquareB";}
.yytc-sub .camping_rsv .notice{padding-left:20px; margin-top:30px; color:#444; font-size:14px; background:url(/images/main/event_notice.png) no-repeat 0 1px;}
.yytc-sub .camping_rsv .notice b {color:#2483b2; font-weight:normal;}
.yytc-sub .camping_rsv select{padding-left:10px; width:110px; height:39px; color:#888; font-size:13px; border:1px solid #ddd; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(/images/sub/select_bg.gif) no-repeat right center #fff;}
.yytc-sub .camping_rsv .rsv_cat{overflow:hidden; text-align:center; padding:18px; border:1px solid #d5d5d5;}
.yytc-sub .camping_rsv .rsv_cat li{position:relative; float:left; padding-left:21px; margin-right:18px; color:#444; font-size:14px;}
.yytc-sub .camping_rsv .rsv_cat li:last-child{margin-right:0;}
.yytc-sub .camping_rsv .rsv_cat li::after{content:""; position:absolute; left:0; width:15px; height:15px; border-radius:8px;}
.yytc-sub .camping_rsv .rsv_cat li.bookable::after{background:#59b359;}
.yytc-sub .camping_rsv .rsv_cat li.standby::after{background:#f29c24;}
.yytc-sub .camping_rsv .rsv_cat li.complete::after{background:#e6677c;}
.yytc-sub .camping_rsv table.sub_style_1.camp{border-top:none;}
.yytc-sub .camping_rsv table.sub_style_1.camp th{color:#fff; font-size:16px; background:#444; border:none;}
.yytc-sub .camping_rsv table.sub_style_1.camp td{padding:10px; line-height:initial;}
.yytc-sub .camping_rsv table.sub_style_1.camp td:first-child{border-left:1px solid #ddd;}
.yytc-sub .camping_rsv table.sub_style_1.camp td:last-child{border:1px solid #ddd;}
.yytc-sub .camping_rsv table.sub_style_1.camp td p.date{margin-bottom:15px; font-size:14px;}
.yytc-sub .camping_rsv table.sub_style_1.camp td p.date.sat{color:#0087ff;}
.yytc-sub .camping_rsv table.sub_style_1.camp td p.date.holiday{color:#ff7559;}
.yytc-sub .camping_rsv table.sub_style_1.camp td ul li{padding-left:0; margin-bottom:2px; color:#888; font-size:13px; line-height:initial;}
.yytc-sub .camping_rsv table.sub_style_1.camp td ul li::after{display:none;}
.yytc-sub .camping_rsv table.sub_style_1.camp td ul li a{display:block; color:#333;}
.yytc-sub .camping_rsv table.sub_style_1.camp td ul li span{display:inline-block; text-align:center; padding:4px 0 3px 0; margin-right:5px; width:22px; background:#000; color:#fff; font-size:11px; border-radius:3px; line-height:12px;}
.yytc-sub .camping_rsv table.sub_style_1.camp td ul li span.bookable{background:#59b359;}
.yytc-sub .camping_rsv table.sub_style_1.camp td ul li span.standby{background:#f29c24;}
.yytc-sub .camping_rsv table.sub_style_1.camp td ul li span.complete{background:#e6677c;}
.yytc-sub .local_sel{margin-top:60px;}
.yytc-sub .local_sel div{padding:25px; margin-bottom:20px; background:#fcfcfc;}
.yytc-sub .local_sel div p{padding-left:25px; color:#666; font-size:14px; line-height:24px; background:url(/images/subSite/yytc/local_sel.png) no-repeat 0 3px;}
.yytc-sub .local_sel ul{text-align:center; padding:20px; border:1px solid #ddd;}
.yytc-sub .local_sel ul li{display:inline-block; margin:0 20px; color:#333; font-size:15px; font-family:"NanumBarunGothicB";}
.yytc-sub .rsv_list{margin-top:25px;}
.yytc-sub .rsv_list > li{overflow:hidden; padding:30px; margin-bottom:12px; background:#fcfcfc; border:1px solid #d5d5d5;}
.yytc-sub .rsv_list li img{display:inline-block; float:left; width:280px; height:144px; background:#000;}
.yytc-sub .rsv_list li > div{float:left; margin-left:20px;}
.yytc-sub .rsv_list li > div:nth-child(2){padding-right:30px; border-right:1px solid #ddd;}
.yytc-sub .rsv_list li > div:last-child{float:right; padding:38px 0; margin-left:0; width:125px;}
.yytc-sub .rsv_list li > div:last-child a{display:inline-block; text-align:center; padding:14px 0; margin:5px 0; width:100%; background:#333; color:#fff; font-size:15px;}
.yytc-sub .rsv_list li > div ul li{overflow:hidden; position:relative; padding-left:11px; margin-bottom:6px; font-size:15px;}
.yytc-sub .rsv_list li > div ul li::after{content:""; position:absolute; top:9px; left:0; width:4px; height:4px; background:#969696; border-radius:2px;}
.yytc-sub .rsv_list li > div ul li span{float:left; padding-right:15px; margin-right:15px; width:55px; color:#333; font-family:"NanumBarunGothicB"; border-right:1px solid #ddd; line-height:14px;}
.yytc-sub .rsv_list li > div .txt li span{margin-top:5px;}
.yytc-sub .rsv_list li > div .txt li p{float:left; color:#555; font-size:14px; line-height:24px;}
.yytc-sub .rsv_list li > div .sel{margin-top:20px;}
.yytc-sub .rsv_list li > div .sel li::after{top:17px;}
.yytc-sub .rsv_list li > div .sel li span{margin-top:13px;}
.yytc-sub .rsv_list li > div .sel li select{float:left; width:135px;}

.yytc-sub .select_camp{margin-top:30px;}
.yytc-sub .select_camp > li{display:table; overflow:hidden; width:100%; border:1px solid #ddd;}
.yytc-sub .select_camp li .left{display:table-cell; text-align:center; vertical-align:middle; width:140px; background:#fafafa; color:#444; font-size:40px; font-family:"NanumSquareB"; border-right:1px solid #ddd;}
.yytc-sub .select_camp li .right{display:table-cell;}
.yytc-sub .select_camp li .right_top{padding:20px 30px; border-bottom:1px solid #ddd;}
.yytc-sub .select_camp li .right_top ul li{overflow:hidden; position:relative; padding-left:11px; margin-bottom:6px; font-size:15px;}
.yytc-sub .select_camp li .right_top ul li:last-child{margin-bottom:0;}
.yytc-sub .select_camp li .right_top ul li::after{content:""; position:absolute; top:9px; left:0; width:4px; height:4px; background:#969696; border-radius:2px;}
.yytc-sub .select_camp li .right_top ul li span{float:left; padding-right:15px; margin:5px 15px 0 0; width:55px; color:#333; font-family:"NanumBarunGothicB"; border-right:1px solid #ddd; line-height:14px;}
.yytc-sub .select_camp li .right_top ul li p{float:left; color:#555; font-size:14px; line-height:24px;}
.yytc-sub .select_camp li .right_bottom{overflow:hidden; padding:25px 30px;}
.yytc-sub .select_camp li .right_bottom p{float:left; margin-right:20px; color:#666; font-size:15px; line-height: 22px;}
.yytc-sub .select_camp li .right_bottom p.use{padding-right:40px; background:url(/images/subSite/yytc/select_camp_plus.png) no-repeat right 0;}
.yytc-sub .select_camp li .right_bottom p.add{padding-right:40px; background:url(/images/subSite/yytc/select_camp_equal.png) no-repeat right 0;}
.yytc-sub .select_camp li .right_bottom p.total{font-size:22px; font-family:"NanumSquare"; letter-spacing:-0.045em;}
.yytc-sub .select_camp li .right_bottom p b{color:#444; font-family:"NanumBarunGothicB";}
.yytc-sub .select_camp li .right_bottom p.total b{font-family:"NanumSquareB";}

.yytc-sub .total_price{text-align:center; padding:30px; margin-top:30px; border:1px solid #ddd;}
.yytc-sub .total_price p{color:#666; font-size:18px; font-family:"NanumSquare"; line-height:26px; letter-spacing:-0.045em;}
.yytc-sub .total_price p b{margin-left:15px; color:#2483b2; font-size:26px; font-family:"NanumSquareB";}