.labelhidden{ display:none;}
.CateGoriright select{ height: 26px; cursor: pointer; vertical-align: middle; }
.CateGoriright input{ padding: 0 10px; height: 26px; cursor: pointer; color: #f5f5f5; border: 1px solid #000; border-left: 1px solid #4b86c0; border-top: 1px solid #4b86c0; background: #004a93; vertical-align: middle; }

.container:before{ display: table; content: " "; }
.labelhidden{ display:none;}
.container .container-w{ position: relative; margin-right: auto; margin-left: auto; width: 1200px; overflow: hidden; }

/* list */
.list-table td p[class*="A"]{font-weight:bold;}
.list-table td .A1{ color: #3c5b9b; text-align: center; }
.list-table td .A2{ color: #dd5959; text-align: center; }
.list-table td .A3{ color: #cb8057; text-align: center; }
.list-table td .A4{ color: #5c934d; text-align: center; }
.list-table td .A5{ color: #FF6614; text-align: center; }
.list-table td .A6{ color: #BABABA; text-align: center; }


/* 신청리스트 상태 */
.edu_ing {float: left; width: 100px; padding: 0; text-align: center; height: 30px; font-size: 16px; line-height: 27px; color: #eb5454; border: 1px solid #eb5454; margin-right: 15px;}
.edu_after {float: left; width: 100px; padding: 0; text-align: center; height: 30px; font-size: 16px; line-height: 27px; color: #5d5d5d; border: 1px solid #5d5d5d; margin-right: 15px;}
.edu_before {float: left; width: 100px; padding: 0; text-align: center; height: 30px; font-size: 16px; line-height: 27px; color: #0442e8; border: 1px solid #0442e8; margin-right: 15px;}
.enroll_ing {display:inline-block; width:105px; height:30px; line-height: 28px; background:#8b4e3d; color:#fff;font-size:13px; text-align:center}
.enroll_after {display:inline-block; width:105px; height:30px; line-height: 28px; background:#5e5e5e; color:#fff;font-size:13px; text-align:center}
.enroll_before {display:inline-block; width:105px; height:30px; line-height: 28px; background:#3d7a8b; color:#fff;font-size:13px; text-align:center}


/* LOGIN FORM */
#Loginwrap										{ position:relative; width:50%; margin: 0px auto 100px auto; letter-spacing:-1px;}
#Loginwrap	h4{ position:relative; width:100%; margin:0 auto; text-align: center; font-size: 25px; font-weight: 500; color:#000000; padding-bottom:20px; line-height: 33px; }
#Loginwrap	h4	 strong					{ font-weight:normal; font-size: 22px; }
#Loginwrap	ul									{ position:relative; width: 51.8%; margin:0 auto; text-align:center; padding:25px 0;}
#Loginwrap	ul	li								{ display:inline;padding:0 35px; background:url(../img/line.gif) right 4px no-repeat; }
#Loginwrap	ul	li a:hover{ color: #e4280f; }
#Loginwrap	.line								{ background:none;}
#Loginwrap	.txt								{ position:relative; width: 51.8%; margin:0 auto; text-align: center; border-top:1px solid #dfdfdf; padding-top:20px; font-size:13px; line-height:24px;}
#Loginwrap	.txt	span						{ color: #df1c1c; }
#Loginwrap	.bdnone						{ border:0;}
#Loginwrap .onlogin{ width: 45%; margin: 0 auto; font-size: 16px; font-weight: 500; text-align: center; border:1px solid #dfdfdf; background-color:#FBFCFD; padding:30px 40px; }

#loginbg											{ position:relative;margin:0 auto; border:1px solid #dfdfdf; background-color:#FBFCFD; padding:30px 40px;}
#loginbg	p										{ font-size:14px; padding-bottom:10px;}
#loginbg	p	span								{ color:#0E77E6;}
#loginbg .loginform							{ margin:30px auto; }
#loginbg .loginform input{ padding-left: 9px; width: 98%; vertical-align: middle; border: 1px solid #dfdfdf; height:30px; font-size:15px; margin-bottom:10px;}
#loginbg .loginbt{ display: block; margin: 10px auto; padding: 8px 0; width: 100%; height: auto; font-size: 18px; text-align: center; color: #fff; border-radius: 3px; border: 1px solid #ea5b07; background-color: #ea5b07; cursor: pointer; -webkit-appearance: none; }
#loginbg .loginbt:hover{ border: 1px solid #bf2603; background-color: #bf2603; }

#loginbg	.pwchange						{ position:relative; float:left; width:100%; margin:15px 0;}
#loginbg .pwchange	label				{ float:left; width:100px; line-height:40px; color:#333;}
#loginbg .pwchange	input 			{ float:right; width:75%; vertical-align:middle; border:1px solid #dfdfdf; height:30px; font-size:15px; margin-bottom:10px; }
.login_id, .login_pass	{ position:absolute; display:none; font-size:0; overflow:hidden; visibility:hidden;}


#loginbg	.pwchange						{ position:relative; float:left; width:100%; margin:15px 0;}
#loginbg .pwchange	label				{ float:left; width:100px; line-height:40px; color:#333;}
#loginbg .pwchange	input 			{ float:right; width:75%; vertical-align:middle; border:1px solid #dfdfdf; height:30px; font-size:15px; margin-bottom:10px; }


/* 신청리스트 */
.edu-cation{text-align:right; padding-bottom:23px;} 
.edu-cation span{display:inline-block; border-bottom:1px solid #da1212; color:#da1212; margin-left:5px;}
#edulist .listbox-list{overflow:hidden; padding:20px 0 15px; border-bottom:1px solid #b8b8b8; border-top:2px solid #393939}
#edulist .eudstitlebox{float:left; width:100px; padding:0; text-align:center; height:30px; font-size:16px; line-height:30px; color:#eb5454; border:1px solid #eb5454; margin-right:15px; }
#edulist .predu{color:#0442e8; border:1px solid #0442e8}
#edulist .lastedu{color:#5d5d5d; border:1px solid #5d5d5d}
#edulist .listbox-list .listbox-txtedu{float:left; width:700px; box-sizing:border-box;}
#edulist .listbox-list .listbox-more{float:right; width:160px}
#edulist .list-contents .listbox-title{font-weight:500; letter-spacing:-2px;}
#edulist { overflow:hidden;}
#edulist .listbox{float:left; border-bottom:1px solid #d8d8d8; padding:30px 20px 20px; cursor:pointer; width:100% }
#edulist .listbox:hover{background-color: #f0f0f0; cursor:pointer; -webkit-transition: background-color 200ms linear; -ms-transition: background-color 200ms linear; transition: background-color 200ms linear;}
#edulist .listbox-img{ float:left; width:150px; margin-right:35px}
#edulist .listbox-img img{width:100%;}
#edulist .listbox-subt{ float:left; width:830px; color:#8d8a8a; font-size:14px; font-weight:500}
#edulist .stitlebox{border:1px solid rgba(0,0,0,1); padding:0 15px; float:left; margin-right:10px}
#edulist .listbox-title{ font-size:18px; color:#000; float:left; width:655px }
#edulist .listbox-stitle{line-height:160%;}
#edulist .listbox-namew{overflow:hidden; padding-top:40px }
#edulist .listbox-txtedu{ font-size:15px; width:100%;}
#edulist .listbox-name{color:#333333; overflow:hidden; height:50px; margin-left:10px; width:100%;}
#edulist .listbox-name ul{float:left; overflow:hidden; width:100% }
#edulist .listbox-name ul li{float:left; margin-right:2%; border-bottom:1px solid #d0d0d0;padding-left:5px; padding-right:5px; height:50px; line-height:50px; box-sizing:border-box}
#edulist .listbox-name ul li:first-child{ text-align:center}
#edulist .listbox-name ul li:last-child{ margin-right:0}
#edulist .listbox-name ul li span{ font-weight:600; padding-bottom:5px; }
#edulist .listbox-b{float:right;}
#edulist .listbox-b a{display:inline-block; width:105px; height:30px; line-height:30px; background:#8b4e3d; color:#fff;font-size:13px; text-align:center}
#edulist .listbox-b a:hover{background: #6a3627; cursor:pointer; -webkit-transition: background-color 200ms linear; color:#FFF; -ms-transition: background-color 200ms linear; transition: background-color 200ms linear;}
#edulist .predubtn a{background:#3d7a8b;}
#edulist .predubtn a:hover{background:#2c606f;}
#edulist .lastedubtn a{background:#5e5e5e;}
#edulist .lastedubtn a:hover{background:#4d4c4c;}
#edulist .edulist-detail{clear:both; line-height:160%; border-bottom:1px solid #c1c1c1; padding:35px 30px 25px; color:#333333; box-sizing:border-box; font-size:14px;}
#edulist .edulistbox{margin-bottom:55px;}
#edulist .eudview-list{overflow:hidden; padding:0px 0 15px; border-bottom:4px solid #666666; margin-bottom:20px; }
#edulist .eduviewbtn{float:none; text-align:center; margin-top:20px}
#edulist .viewbox-name ul{width:100%;}
#edulist .viewbox-name ul li:first-child{width:10%; text-align:center}
#edulist .viewbox-name ul li:last-child{width:87%; margin-right:0}
#edulist .eduview-detail{border-bottom:1px solid #d1d1d1; line-height:160%; position:relative; margin-bottom:35px;}
#edulist .eduview-sns{text-align:right; margin-bottom:10px; padding-top:10px;}
#edulist .eduview-sns a{padding:0 3px;}
#edulist .eduview-detail-v{border-top:1px solid #666666; color:#707070}
#edulist .eduview-detail-t{padding:25px 0 40px; font-size:20px; color:#4f4e4e}
#edulist .eduview-detail-s{line-height:220%; font-size:15px; padding-bottom:60px;}
#edulist .eduview-detail-s p{padding-bottom:20px;}
.v-line{width:260px; height:2px; background:rgb(51,51,51); position:absolute; left:50%; margin-left:-130px; bottom:0}
#edulist .edulistbtn a{border:1px solid #dfdfdf; width:80px; height:40px; line-height:40px; text-align:center; float:right; display:block}

.indent-line{margin-left:13px;}
.login_id, .login_pass	{ position:absolute; display:none; font-size:0; overflow:hidden; visibility:hidden;}
.alert	{z-index:999}

.CateGoriright select{ height: 26px; cursor: pointer; vertical-align: middle; }
.CateGoriright input{ padding: 0 10px; height: 26px; cursor: pointer; color: #f5f5f5; border: 1px solid #000; border-left: 1px solid #4b86c0; border-top: 1px solid #4b86c0; background: #004a93; vertical-align: middle; }

/* 검색 */

/*
.searchbar			{ float: left; width: 98.5%; text-align: right; margin-bottom: 30px; }
.search				{ margin: 0; padding: 0; }
.search fieldset	{ margin: 0; padding: 0; border: 0; }
.search select		{ width: 135px; height: 38px; font-size:15px; line-height: 40px; vertical-align: top; border: 1px solid #ccc; background: #fff; }
.search .item		{ display: inline-block; position: relative; width: 400px; height: 38px; color: #333; line-height: 38px; vertical-align: top; }
.search .iLabel		{ position: absolute; top: 0; left: 5px; width: 100%; text-align: left; color: #767676; white-space: nowrap; }
.search .iText		{ display: inline-block; width: 400px; height: 36px; color: #333; line-height: 38px; vertical-align: top; border: 0; border: 1px solid #ccc; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; }
.search .btnSearch	{ display: inline-block; position: relative; margin: 8px 0 0 -35px; }
*/
/* 페이지 */
.pagination					{ float: left; margin: 30px 0; width: 100%; text-align: center; }
.pagination a				{ display: inline-block; margin-right: -5px; width: 40px; height: 40px; color: #666; font-size: 13px; line-height: 40px; text-align: center; vertical-align: middle; border: 1px solid #ccc; border-right: 0; }
.pagination a:last-child	{ border-right:1px solid #ccc;}
.pagination span			{ display: inline-block; margin-right: -3px; width: 40px; height: 40px; line-height: 40px; color: #fff; font-size: 13px; font-weight: bold; text-align: center; vertical-align: middle; border: 1px solid #464e6b; border-right: 0; background: #464e6b; }
.pagination .first			{ font-size: 0px; background: url(../img/pagination_01.png) no-repeat center; }
.pagination .prev			{ font-size: 0px; background: url(../img/pagination_02.png) no-repeat center; }
.pagination .last			{ font-size: 0px; background: url(../img/pagination_04.png) no-repeat center; }
.pagination .next			{ font-size: 0px; background: url(../img/pagination_03.png) no-repeat center; }

/*버튼*/
.btnbox {float: left;width: 100%;text-align: right;margin: 20px 0;}
.btn {vertical-align: top;padding: 5px 25px;display: inline-block;text-align: center;border: 1px solid transparent; font-size:14px; line-height:30px; letter-spacing: 0;}
.btn-small {vertical-align: top;padding: 3px 10px;display: inline-block;text-align: center;border: 1px solid transparent;line-height: 1.2; border-radius: 3px;font-size: 12px;letter-spacing: -1px;}
.btn-default {color: #333;background: #fff;border: 1px solid #dfdfdf;border-bottom: 1px solid #c4c4c4; }
.btn-default:link, .btn-default:visited{ color:#333;}
.btn-default:hover { color:#333; }
.btn-enter {color: #fff;background: #464e6b;border: 1px solid #036;}
.btn-enter:hover { color:#fff;}
.btn-enter a:hover { color:#fff; }
.btn-enter:link, .btn-enter:visited{ color:#fff;}
.btn-basic {color: #fff;background: #666;border: 1px solid #555;}
.btn-basic:hover { color:#fff;}
.btn-basic:link, .btn-basic:visited{ color:#fff;}
.btn-red {color: #fff;background: #F33;border: 1px solid #F00;}
.btn-red:hover { color:#fff;}
.btn-red:link, ..btn-red:visited{ color:#fff;}
.btn-right{ padding-left:15px; padding-right:15px; float:right; font-weight:normal; margin-bottom:5px;}
.btnbox span input	{ cursor: pointer; }
.btncenter{ padding-top: 50px; text-align: center; }
.btncenter div{ cursor: pointer; }

/* list */
.page_list													{ position:relative; float:left; width:100%; border-top:1px solid #393939; margin-top:20px;}
.page_list		.ta_bo									{ border-collapse:collapse; width:100%; border:0;}
.page_list		.ta_bo caption							{ font-weight:bold;text-align:left; visibility:hidden; overflow:hidden; height:0; width:0; position:absolute;}
.page_list		.ta_bo caption em					{ float:right;font-style:normal;font-weight:normal;color:#f60}

/* .page_list		.ta_bo th, td							{ padding:12px; text-align:center; border-bottom:1px solid #dfdfdf; }*/
.page_list		.ta_bo th								{ text-align:center}
.page_list		.ta_bo .left								{ text-align:left;}
.page_list		.ta_bo .left	 span	img			{ vertical-align:middle;}
.page_list		.ta_bo th input							{ float:left}
.page_list		.ta_bo thead th						{ border-bottom:1px solid #dfdfdf; font-weight:bold; color:#222; padding:15px 0;}
.page_list		.ta_bo tfoot td							{ font-weight:bold; background:#f8f8f8}

/* write */
.page_write						{ position:relative; float:left; width:100%; /*border-top:1px solid #393939;*/ margin-bottom:20px;}
.page_write	 .subject			{ width:100%; padding:15px 0; border-bottom:1px solid #dfdfdf; display:inline-block;}
.page_write	 .subject	label	{ float:left; width:10%; text-align:center; line-height: 40px; font-size:15px; border:1px solid #e0e0e0; background: #f5f5f5; }
.page_write	 .subject	input	{ float:right; width: 88.3%; height:38px; font-size: 16px; padding-left: 5px; border:1px solid #ccc; }

.page_write .nomember					{ position:relative; float:left; width:100%; padding:10px 0 10px 0;}
.page_write .nomember p				{ float:left; }
.page_write .nomember label			{ float:left; font-weight:bold; margin-right: 10px; padding:0 0 0 8px}
.page_write .nomember input			{ float:left; width: 100px; border: 1px solid #a9a9a9; font-size: 16px; }
.page_write .category						{ position:relative; width:100%; overflow:hidden; }
.page_write .category	label				{ float:left; margin-right:5px;}
.page_write .category	select			{ margin-left:3px; padding: 0 10px; height: 42px; cursor: pointer; }
.page_write .category .c1				{ float:left; width:auto; margin:3px 0 2px 13px;}
.page_write .category .c2				{ float:right; width:auto;}
.page_write .category .c2	 li			{ float:left; text-align:left; margin-left:10px; font-size:12px;}
.page_write .writememo					{ margin-top:10px;}

.inputstyle3{ font-size: 16px; height: 30px; }


/*파일첨부*/
.thume						{ position:relative; float:left; width:100%; margin-top:20px; background-color:#F7F8F9; border-top:2px solid #F2F4F5; border-bottom:2px solid #F2F4F5;}
.guide						{ position:relative; float:left; padding:0 15px 10px 15px; font-size:13px; padding-left: 25px; text-indent: -8px; }
.insert						{ margin:20px;}
.insert ul					{ float:left; width:100%; margin-bottom:10px;}
.insert ul li				{ margin-bottom:5px; width:50%; float:left;}
.insert input[type="file"]	{ position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
.insert label				{ display: inline-block; width: 20%; padding: .45em 0; text-align: center; color: #999; font-size: inherit; line-height: normal; vertical-align: middle; cursor: pointer; color: #fff; background-color: #555; border-color: #444; border-radius: .25em; }
.insert .upload-name		{ display: inline-block; width: 70%; padding: .42em .75em;font-size: inherit;font-family: inherit;line-height: normal;vertical-align: middle;background-color: #fff;border: 1px solid #aaaaaa;border-bottom-color: #e2e2e2;border-radius: .25em;-webkit-appearance: none;-moz-appearance: none;appearance: none;}

/*view*/
.btn_basic1{ float:left; width: auto; text-align:left;}
.btn_basic2{ float:right; width: auto; text-align:right;}
#form_view{ float:left; width:100%; /*border-top:1px solid #393939; */}
.page_view .subject{ font-size: 19px; letter-spacing:-1px; border-bottom:1px solid #d8d8d8; padding:15px 0; font-weight: 400;}
.page_view .info{ text-align:right; color:#777; margin-top:5px; font-size:12px;}
.page_view .smartOutput{ border-bottom:1px dashed #ddd; padding:40px 0px;}
#file{ position:relative; float:left; width:100%; padding:10px 0; border-bottom:1px solid #dfdfdf;}
/*#file p	{ display: none; }*/
#file p	span{ display: inline-block; margin-bottom: 5px; min-width: 87px; height: 25px; font-size: 12px; text-indent: 10px; line-height: 25px; background: url(../img/btn_down.gif) 90% center no-repeat; border: 1px solid #ccc; }
.allfile span		{ display: inline-block; margin-right: 10px; min-width: 45%; }
.allfile span img	{ vertical-align: middle; }
.allfile span a		{ color: #989898; font-size: 11px; letter-spacing: -1px; font-family:'돋움', dotum, applegothic, sans-serif; }
.allfile span a:hover	{ color: #1f9bdb; }
.allfile span span		{ padding: 0; }
.allfile span span a	{ padding: 4px 3px 1px 3px; font-size: 11px; border: 1px solid #ffd5b0; border-radius: .2em; background: #fff1d7; }
.allfile span span a:hover	{ color: #ff6600; }
.snsbtn							{ float:right; width:auto; margin-right:10px;}
.snsbtn ul						{ width:100%; padding:10px 0;}
.snsbtn ul li					{ float:left;}
.snsbtn ul li img{ vertical-align: top; }
.sharebtn						{ float:right; width:auto;}
.sharebtn ul					{ width:100%; padding:10px;}
.sharebtn ul li					{ float:left; margin:0 10px 0 0;}
.sharebtn ul li img{ vertical-align: top; }
span.count a { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url("../img/bg_sns_bubble_left.gif"); background-origin: padding-box; background-position: 0 0; background-repeat: no-repeat; background-size: auto auto; display: inline-block; font-weight: bold; height: 16px; line-height: 17px;	vertical-align:top;}
span.count a .inner-button { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url("../img/bg_sns_bubble_right.gif"); background-origin: padding-box; background-position: 100% 0; background-repeat: no-repeat; background-size: auto auto; display: inline-block; font-weight: bold; height: 16px; line-height: 17px; padding-bottom: 0; padding-left: 6px; padding-right: 6px; padding-top: 0;}
.bottom_list{width:100%; float:left; border-top:1px solid #999;}
.bottom_list ul li{ border-bottom:1px solid #ddd; height:35px; overflow:hidden;}
.bottom_list ul li span a			{ padding:5px 0; display:block; color:#646464;}
.bottom_list ul li span a strong	{ display:inline-block; width:70px; color: #333333; }
.bottom_list ul li span a:hover		{ color: #1089c7; }


/*코멘트*/
#commentView{ float: left; position: relative; margin-top: 10px; width: 100%; border-top: 2px solid #66575a; }
#commentView ul{ float: left; width: 100%; }
#commentView li{ padding: 0 0 20px 0; font-size: 14px; }
#commentView .cominf{ float: left; padding: 3px 0; width: 100%; font-size: 11px; background: #f5f5f5; }
#commentView .cominf dt{ float: left; }
#commentView .cominf dt span:first-child{ margin-left: 5px; padding-right: 20px; font-size: 13px; font-weight: bold; }
#commentView .cominf dd{ float: right; }
#commentView .cominf dd span{ padding-left: 1px; }
#commentView .cominf dd span a{ display: inline-block; padding: 3px 4px 4px 3px; line-height: 1; background: #ffffff; border: 1px solid #dcdcdc; }
#commentView .cominf dd span.cbutton{ margin-right: 5px; }
#commentView .commentTextArea{ width: 100%; padding-top: 30px; }
#commentView .commentTextArea .commentText{ padding: 10px; font-size: 13px; line-height: 1.5; letter-spacing: 0; }

.commentBox{ float: left; position: relative; margin: 0; padding: 0; width: 100%; }
.commentBox textarea{ float: left; width: 830px; }
.commentBox .commententer { float: right; width: 60px; text-align: center; }

#commentallwrapper .commentwrite{float: left; margin-top: 30px; padding: 5px 0 0; width: 100%; border-top: 1px solid #e7e7e7; }
#commentallwrapper .commentwrite legend{ display: none; }
#commentallwrapper .commentwriteinner{float: left; width: 100%; }
#commentallwrapper .commentwriteinner textarea{ border: 1px solid #d2d2d2; }

.writerinformation{ float: left; width: 100%; font-size: 13px; }
.writerinformation span{ margin: 0 10px 0 5px; }
.writerinformation label{ margin-right: 5px; font-weight: bold; }
.regnum{ float: left; padding: 5px; font-size: 13px; }
.regnum strong{ padding: 0 5px; font-size: 14px; letter-spacing: 1px; background: #fad2d2; }


.characterenter{ float: left; width: 100%; padding: 5px 0; font-size: 13px; text-align: center; }
.characterenter strong{ padding: 0 5px; font-size: 14px; letter-spacing: 1px; background: #fad2d2; }

@media screen and (max-width:800px) {
	/* list */
	.page_list ul li{width:50%;}
	
	/* 검색 */
	.search select{ width:30%; float:left;}
	.search .item{ width: 70%; float: right;}
	.search .iText{ width: 98%; float: right;}
	.search .iLabel{ width:95%;}
	.search .btnSearch{ position:absolute; right:5%;}
	
	/* 페이지 */
	.pagination a { width:30px; line-height:30px; height:30px;}
	.pagination span{ width:30px; line-height:30px; height:30px;}
	
	/*파일첨부*/
	.insert ul li{width:100%;}
	.insert label {width: 25%;}
	.insert .upload-name {width: 73%;}
	
	/*버튼*/
	.btnbox {text-align: center;}
	.btn{ padding:5px 15px;}

	.allfile span a		{ font-size: 11px; }
	.page_view .subject	{ font-size: 18px; }
	.bottom_list ul li	{ padding-bottom: 5px; height: 27px; }
	.bottom_list ul li span a	{ font-size: 11px; letter-spacing: -1px; }
	.bottom_list ul li span a strong	{ width: 50px; }

	#Loginwrap{ position: relative; width: 80%; }

}


@media screen and (max-width:600px) {
	/* list */
	.page_list ul li{width:100%;}
	.mnom	{ font-size: 12px; letter-spacing: -1px; }
	.mview	{ display: none; }

	.page_list .ta_bo th		{ padding: 5px 3px; font-size: 90%; }
	.page_list .ta_bo td			{ padding: 7px 3px; font-size: 90%; line-height: 1.3; }
	.page_list .ta_bo thead th	{ padding: 5px 7px; background: #f5f5f5; }

	/* write */
	.page_write	 .subject	label						{ width:20%; }
	.page_write	 .subject	input						{ width:77%; height:40px; -webkit-border-radius:0;-webkit-appearance:none;}

	/*파일첨부*/
	.insert label {width: 23%; font-size: 12px; }
	.insert .upload-name {width: 68%;}

	/* 페이지 */
	.pagination{ margin: 0 0 30px; }
	.pagination a { width: 20px; height: 20px; line-height: 20px; font-size: 11px; margin: -1px; border: 1px solid #ccc; }
	.pagination span{ width: 20px; height: 20px; line-height: 20px; font-size: 11px; margin: 0; }
	.pagination .first			{ font-size: 0px; background: url(../img/pagination_01.png) no-repeat center; background-size: 40% 40%; }
	.pagination .prev			{ font-size: 0px; background: url(../img/pagination_02.png) no-repeat center; background-size: 40% 40%; }
	.pagination .last			{ font-size: 0px; background: url(../img/pagination_04.png) no-repeat center; background-size: 40% 40%; }
	.pagination .next			{ font-size: 0px; background: url(../img/pagination_03.png) no-repeat center; background-size: 40% 40%; }

	/*view*/
	.page_view .subject{ font-size: 16px; padding: 8px 0 5px; line-height: 1.3; background: #f5f5f5; }
	.btn_basic1{ text-align:center; width:100%; margin-bottom:10px; }
	.btn_basic1 .btn{ padding:5px 0; width:23%; }
	.btn_basic2{ width:100%;}

}

@media screen and (max-width:320px) {

	.bottom_list ul li span a	{ font-size: 12px; }
	.bottom_list ul li span a strong	{ width: 45px; }

}



#containertab ul.tabs { margin: 0; padding: 0; float: left; list-style: none; margin-bottom:20px; border-left: 1px solid #eee; width: 100%;}
#containertab .tab_content .tabtitle{font-size:19px; padding:10px 0; font-weight:600; line-height:130%; letter-spacing:-2px; color:#191919; font-weight:400}
#containertab .tab_content .tabtitle:hover{color:#2c4084; cursor:pointer}
#containertab .tab_content .subtabtitle{font-size:12px; color:#797979; padding-bottom:5px; letter-spacing:-1.2px; margin-bottom:5px; border-bottom:1px solid #efecee }
#containertab ul.tabs li { float: left; text-align:center; cursor: pointer; width:49%; line-height: 34px; border: 1px solid #474e61; overflow: hidden; position: relative; margin-right:0.5%; font-size:14px; box-sizing:border-box}
#containertab ul.tabs li.active { background: #373e51; border-bottom: 1px solid #FFFFFF; color:rgb(255,255,255)}
#containertab .tab_container { clear: both; float: left; width: 100%; background: #FFFFFF; position:relative}
#containertab .tab_content { padding: 5px; font-size: 12px; display: none;	width: 100%;	position:relative;}
#containertab .more{position:absolute; top:-25px; right:10px; font-size:11px;}
#containertab .tab_container .tab_content ul { width:100%; margin:0px; padding:0px;}
#containertab .tab_container .tab_content ul li { padding:3px 10px 9px 3px; font-size:13px; list-style:none; border-bottom:1px solid #efecee }
#containertab .tab_container .tab_content ul li a{font-weight:normal; font-weight:300}
#containertab .tab_container .tab_content ul li:hover{color:#2c4084; cursor:pointer;}
#containertab .tab_container ul li span{display:inline-block; float:right; font-size:12px}
#containertab .tab_container .notice-more{ letter-spacing:-1px; position:absolute; right:10px; top:-5px}
#containertab .notice-more span{padding-right:5px; color:#b5b5b5; font-size:14px}

.newsplus{overflow:hidden; float:left; box-sizing:border-box; width:410px; height:275px; position:relative}
.newsplus ul li a{font-weight:normal; font-weight:300}
.newsplus ul li { padding: 3px 10px 8px 0; font-size: 13px; list-style: none; font-weight:normal}
.newsplus ul li span { display: inline-block; float: right; font-size: 12px;}
.newsplus-titile{font-size:17px; border-bottom:1px solid #d4d4d4; height:38px; line-height:38px; font-weight:500; margin-bottom:20px}
.newsplus .more{background:url(../images/more.png) no-repeat right center; padding-right:15px; position:absolute; top:9px; right:8px}

.customservice{width:225xp; float:right;}
.customservice .pdf{overflow:hidden; margin-bottom:17px; font-size:14px}
.customservice .pdf .p1 a{float:left; text-align:center; border-right:1px solid #eeeeee; background:url(../images/n-p1.png) no-repeat center; height:120px; width:50%; box-sizing:border-box ; padding-top:100px; display:block}
.customservice .pdf .p2 a{float:left; text-align:center; background:url(../images/n-p2.png) no-repeat center; height:110px; width:50%; box-sizing:border-box; padding-top:100px; display:block}
.customservice .flow a{border:1px solid #dadada; background:url(../images/n-flow.png) no-repeat #f8f8f8 18px center; height:60px; line-height:60px; font-size:15px; padding-left:80px; display:block}
.customservice .map a{border:1px solid #dadada; background:url(../images/n-map.png) no-repeat#f8f8f8 25px center; height:60px;line-height:60px; font-size:15px; padding-left:80px; border-top:none; display:block}


.snews{background:#f7f7f7; padding:60px 0; margin-bottom:75px; overflow:hidden; position:relative}
.snews .snewstitle{font-size:24px; color:#1d1d1d; font-weight:600; margin-bottom:23px; font-weight:600}
.snews .snewstitle span{display:block; width:30px; height:2px; background:#000000; text-align:center; margin:15px auto 35px;}
.snews .snewsbox{float:left; width:255px; margin-right:30px;}
.snews .snewsbox:hover, .snews .snewsbox .snewsub:hover{color:#7a44b5; cursor:pointer}
.snews .snewsbox:last-child{margin-right:0;}
.snews .snewsbox .snewsimg{margin-bottom:30px;}
.snews .snewsbox .snewstxt{font-size:15px; font-weight:500; margin-bottom:10px; text-align:left}
.snews .snewsbox .snewsub{font-size:11px; color:#7e7d7d; margin-bottom:20px;text-align:left; color: #4d4d4d; }
.snews .snewsbox .snewsmore{text-align:center;}
.snews .bullet{ height:10px; line-height:10px; position:absolute; top:480px; z-index:3 ; left:50%}
.snews .bullet ul li{ font-size:10px; text-indent:-3000px; border-radius:10px; background:#dadada; font-size:12px; width:14px; height:14px; text-align:center; text-shadow:-1px 1px 0px #CCC; float:left; margin-right:6px;}
.snews .bullet ul li.on{ background-color:#56add3; }

.calender{border:1px solid #dfdfdf; border-top:2px solid #000; padding-top:40px; padding-left:150px; overflow:hidden ; position:relative}
.calender .calender-box{width:310px; float:left;}
.calender .calender-box .calender-title{font-size:15px; margin-bottom:7px;}
.calender .calender-box .calender-day{font-size:13px; margin-bottom:32px; color:#9a9a9a}
.calender-desbox{background:#fafafa; border:1px solid #dfdfdf; border-top:none; padding:25px 0; text-align:center; overflow:hidden}
.calender-desbox .day-title{font-size:16px; float:left; width:140px; position:relative; margin-left:110px}
.calender-desbox .calender-des{width:795px; float:right;}
.calender-desbox .day-title .day-prev{position:absolute; left:0px; width:50px; cursor:pointer}
.calender-desbox .day-title .day-next{position:absolute; right:0px;width:50px; cursor:pointer}
.calender-desbox .calender-des ul li{float:left; font-size:15px}
.calender-desbox .calender-des ul li span{display:inline-block; width:20px; height:20px; border-radius:100%; line-height:20px; margin-right:3px; cursor:pointer}
.calender-desbox .calender-des ul li span.black{background:rgb(0,0,0); color:rgb(255,255,255)}
.calender-desbox .calender-des ul li span.red{background:#F00;color:rgb(255,255,255)}
.calender .calender-prev{position:absolute; left:0; top:70px;}
.calender .calender-next{position:absolute; right:0; top:70px;}

.calender-box .month .prev{position:absolute; left:0; cursor:pointer}
.calender-box .month .next{position:absolute; right:0; cursor:pointer}
.calender-box .month .now{font-size:22px; text-align:center; letter-spacing:0}



.tel{position:relative; float:left; width:245px}
.tel .tel-more{position:absolute; right:10px; top:0px;}
.tel .tel-title{font-size:18px; border-bottom:1px solid #dddddd; margin-bottom:10px; letter-spacing:-1px}
.tel .tel-r{background:url(../images/main_tel.png) no-repeat}
.tel .tel-r > div{padding-left:95px;}
.tel .tel-r .tel-1{font-size:18px; font-weight:bold;}
.tel .tel-r .tel-2{font-size:15px; font-weight:bold; letter-spacing:-1.5px}
.tel .tel-r .tel-3{font-size:11px; margin-bottom:15px ; letter-spacing:0}
.tel .tel-r .tel-4{font-size:9px}
.bot-b{float:left; width:350px; margin-left:55px; text-align:center; overflow:hidden}
.bot-b > div{width:115px; float:left; height:140px; text-align:center; border-left:1px solid #edeff0; padding:0 15px; box-sizing:border-box}
.bot-b > div:last-child{border-right:1px solid #edeff0;}
.bot-b .bot-title{ font-size:15px; display:block; margin-top:20px; margin-bottom:5px }
.bot-b .bot-subtitle{font-size:11px; color:#898989;display:block}
.bot-ad{float:right;}
.allmore a{display:block; background:url(../images/n-allmore.png) no-repeat #ffffff 70px center; width:90px; height:30px; box-sizing:border-box; line-height:30px; border:1px solid #474e61; position:absolute; right:0; padding-left:20px}
.ca .allmore a{top:-35px;}




/*navi_area*/
.navi_area{position:relative;height:48px;border-bottom:1px solid #e5e5e5}
.navi_area .layout{position:relative;height:48px}
.navi_area .btn_home{width:50px;height:48px;background-position:0 -60px}
.navi_dp1_list{display:inline-block;zoom:1;font-size:14px}
.navi_dp1_list:after{display:block;clear:both;content:''}
.navi_dp1_list>.navi_dp1{float:left;position:relative}
.navi_dp1_list>.navi_dp1>a{position:relative;display:block;padding:0 20px;width:115px;height:48px;line-height:48px;border-right:1px solid #e5e5e5;text-decoration:none; font-size:16px; color:#8c8c8c }
.navi_dp1_list>.navi_dpleft>a{width:225px; height:37px; border:1px solid #e5e5e5; box-sizing:border-box; line-height:37px;}
.navi_dp1_list>.navi_dp1:first-child>a{border-left:1px solid #e5e5e5}
.navi_dp1_list>.navi_dp1>a:after{position:absolute;content:'';top:50%;right:20px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #000000}
.navi_dp1_list>.navi_dp1.active>a:after{position:absolute;content:'';top:50%;right:20px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:5px solid #000000;border-top:none}
.navi_dp2_list{display:none;position:absolute;top:100%;left:-1px;border:1px solid #e5e5e5;background-color:#fff;z-index:10}
.navi_dp1_list>.navi_dp1:first-child .navi_dp2_list{left:0; top:49px; width:100%}
.navi_dp2_list>.navi_dp2>a{display:block;padding:5px 20px;text-decoration:none; line-height:40px}
.navi_dp2_list>.navi_dp2>a:hover, .navi_dp2_list>.navi_dp2>a:active, .navi_dp2_list>.navi_dp2>a:focus,.navi_dp2_list>.navi_dp2.active>a{background-color:#f4f4f4}
.navi_dpleft .navi_dp2_list>.navi_dp2>a{width:223px; height:37px; line-height:37px; box-sizing:border-box; padding:0; padding-left:20px}
.navi_dp1_list>.navi_dpleft:first-child .navi_dp2_list{top:36px; overflow:hidden; height:300px; overflow-y:scroll}



.leftbox{ clear:both}
.totalviewbtn{height:45px; line-height:45px; background:url(../images/totalbtn.png) no-repeat 85% center; border:1px solid #666666; font-size:16px; width:100%; box-sizing:border-box; margin-bottom:30px; font-weight:500; cursor:pointer; padding-left:20px;}
.totalviewbtn:hover{background: url(../images/totalbtn.png) no-repeat 85% center #f5f5f5; cursor:pointer; -webkit-transition: background-color 200ms linear; -ms-transition: background-color 200ms linear; transition: background-color 200ms linear;}
.totalviewbtn a{display:inline-block; width:100%; height:100%;}

#applyForm{ position: relative; margin-right: auto; margin-left: auto; width: 100%}

.leftnav{float:left; width:225px;}
.leftnav .leftnav-title{font-size:15px; border-top:1px solid rgb(0,0,0); height:42px; line-height:42px; padding-left:15px; box-sizing:border-box; color:rgb(0,0,0); font-weight:bold; clear:both; margin-bottom:8px; background:url(../images/arrplus.png) no-repeat 90% center #f5f5f5; cursor:pointer}
.leftnav .pluson{ background:url(../images/arrmius.png) no-repeat 195px center #f5f5f5; }
.leftnav .localselect p{margin-bottom:10px; font-size:14px}
.leftnav .localselect p label{padding-left:10px;}
.leftnav .lastime-user-img-sbox { height: 170px; overflow: auto;}
.leftnav .leftsearch{width: 225px; height: 37px; border: 1px solid #e5e5e5; box-sizing: border-box; line-height: 37px; padding-left:10px; position:relative}
.leftnav .leftsearch input.leftseacht{ border:none; height:23px}
.leftnav .leftsearch input.leftseachimg{position:absolute; top:10px; right:10px; cursor:pointer}
.leftnav .morebox{padding-left:15px; padding-top:18px; color:#636363; letter-spacing:0;}
.leftnav .morebox:last-child{margin-bottom:30px; border-bottom:1px solid #cccccc;padding-bottom:20px; }
.leftnav .morebox .morebox-t{font-weight:600; color:#2b2b2b; font-size:14px; }
.leftnav .morebox .morebox-s {padding-bottom:20px; letter-spacing:-0.5px; font-size:14px; }
.leftnav .morebox .morebox-s p{padding-bottom:20px; letter-spacing:-0.5px; }

.list-contents{ float:right; font-size:14px; box-sizing:border-box; width:1000px;}
.list-contents .list-total{border-bottom:2px solid #868686; padding-bottom:12px; overflow:hidden;} 
.list-contents .list-total .list-total-btn{float:left; overflow:hidden}
.list-contents .list-total .list-total-btn>div{float:left;}
.list-contents .list-total .list-total-btn .p-btn{border:1px solid #b4b4b4; width:90px; height:35px; line-height:35px; padding-left:18px; box-sizing:border-box; background:url(../images/plus-p3.png) no-repeat 64px center; cursor:pointer; margin-right:5px;}
.list-contents .list-total .list-total-btn .p-btn:hover{ background:url(../images/plus-p3.png) no-repeat 64px center #f5f5f5; cursor:pointer; -webkit-transition: background-color 100ms linear; -ms-transition: background-color 100ms linear; transition: background-color 100ms linear;}


.list-contents .list-total .list-total-btn .p-result{border-bottom:1px solid #a9a9a9; margin-left:10px; padding-top:7px; color:#8c8c8c}
.list-contents .list-total .list-total-btn .p-result span{color:rgba(0,0,0,1); font-weight:600}
.list-contents .list-total .list-view-w{float:right; overflow:hidden; width:185px;}
.list-contents .list-total .list-view-num{float:left; width:110px; height:35px;}
.list-contents .list-total .list-view-num select {width: 100%; color:#505050; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; outline: none; cursor: pointer; -moz-appearance: none; text-indent: 3px; text-overflow: ellipsis; font-size: 14px; height: 35px; letter-spacing:-1px; background: url(../images/view-num.png) 85% center no-repeat; border:1px solid #cbcbcb; box-sizing:border-box; font-weight:600}
.list-contents .list-total-cnt{float:left;}
.list-contents .list-total-view{float:right; margin-bottom:7px; width:70px;}
.list-contents .list-total-view li{float:left; cursor:pointer}


.list-contents .listboxw{overflow:hidden;}
.list-contents .list-thum{margin-top:0;}

#sublist .listbox{float:left; width:320px; height:350px; margin-right:10px; border:1px solid #d8d8d8; margin-bottom:40px; padding:0}
#sublist .listbox-subt{width:100%;}
#sublist .listbox-img{width:100%; height:200px; margin-right:0}
#sublist .listbox-more{width:100%; margin-left:-10px; }
#sublist .listbox-subt ul{ min-height: 60px; }

.listbox:nth-child(3n){margin-right:0;}
.listbox-img{position:relative;}
.listbox-txt{position:absolute; height:40px; line-height:40px; background:rgba(0,0,0,0.5); width:100%; bottom:0; text-align:center; color:rgb(255,255,255); font-size:18px}
.listbox-subt{padding-left:18px; box-sizing:border-box; margin-top:20px;}
.listbox-subt li{background:url(../images/dot-gray.png) no-repeat left center; font-size:16px; padding-left:15px; margin-bottom:3px; color:#585858; letter-spacing:0}
.listbox-subt li span{font-weight:bold;}
.listbox-stitle{text-align:center; font-size:16px; padding:0; }
.listbox-stitle span{border-bottom:1px solid rgb(204,204,204); display:inline-block; text-align:center; color:rgba(51,51,51,1)}
/*.listbox-more a{display:block; width:110px; height:35px; line-height:35px; background: url(../images/detaildot.png) #eb5f0e no-repeat 80% center; color:rgb(255,255,255); margin-top:10px; margin-left:auto; margin-right:auto; padding-left:18px; font-size:16px; letter-spacing:0}*/
.listbox-more a{display:block;width: 110px;height:35px;line-height:35px;background: #e37a3d no-repeat 85% center;color:rgb(255,255,255);margin-top:10px;margin-left:auto;margin-right:auto;text-align: center;/* padding-left:18px; */font-size: 15px;letter-spacing:0;border-radius: 4px;}


.list-table th{font-size:16px; height:64px; border-bottom:1px solid #e5e5e5; font-weight:normal}
.list-table td{height:60px; line-height:60px; border-bottom:1px solid #e5e5e5;}
.list-table tr td:nth-child(2n){text-align:center;}
.list-table tr td:nth-child(3n){text-align:center;}


.list-table th{background:#f8f8f8; font-size:16px; height:64px; border-top:2px solid #222 ;border-bottom:1px solid #e5e5e5; font-weight: 700; }
.list-table .listbox-more a{border-radius:4px; display:block;width:95px;height:36px;line-height:36px;background: url(../images/detaildot.png) #eb5f0e  no-repeat 80% center;color:rgb(255,255,255);margin-top:0;padding-left:18px;font-size:16px;letter-spacing:0; text-align:left}
.list-table .listbox-more a:hover{background:url(../images/detaildot.png) #eb5f0e  no-repeat 80% center; cursor:pointer; -webkit-transition: background-color 100ms linear; -ms-transition: background-color 100ms linear; transition: background-color 100ms linear;}
.list-table .gray-more a{background: url(../images/detaildot_gray.png) #9e9e9e no-repeat 80% center;}
.list-table .gray-more a:hover{background: url(../images/detaildot_gray.png) #eb5f0e  no-repeat 80% center; cursor:pointer; -webkit-transition: background-color 100ms linear; color:#FFF; -ms-transition: background-color 100ms linear; transition: background-color 100ms linear;}
.list-table .delete_btn{border-radius:4px;background:#ddd;padding:8px 16px;}

/*나의 신청현황 보기 테이블*/
.my-list-table td{line-height:140%;height:auto;padding:8px 0;}
.my-list-table .table-noti{display:none;}

/*달력*/
.leftcalendar{width:280px; float:left; padding-top:60px;}
.leftcalendar .listbox{height:auto; padding-bottom:15px; margin-bottom:8px}
.leftcalendar .navi_dp1_list{width:100%; margin-bottom:45px;}
.leftcalendar .navi_dp1_list>.navi_dpleft>a{width:280px; color:#5b5b5b; font-size:14px; font-weight:600}
.leftcalendar .navi_dp1_list>.navi_dpleft a span{position:relative; padding:0 13px 0 0;}
.leftcalendar .navi_dp1_list>.navi_dpleft a span::before {display: block; position: absolute; top: 5px; left:55px; width: 1px; height: 9px; background:#dddddd; content: ''; }
.leftcalendar .navi_dpleft .navi_dp2_list>.navi_dp2>a{width:278px;}

.calender-box{width:940px; float:right; padding-top:55px; } 
.calender-box .month{overflow:hidden; position:relative; height:35px; line-height:35px; width:220px; margin:0 auto 15px }
.calender-box .month .prev{position:absolute; left:0; cursor:pointer}
.calender-box .month .next{position:absolute; right:0; cursor:pointer}
.calender-box .month .now{font-size:22px; text-align:center; letter-spacing:0}

.weekdays{border-top:2px solid #585858;}
.weekdays li { display:block; width: 14.2%; color: #666; text-align: center; height:40px; line-height:40px; font-size:14px; border-bottom:1px solid #a0a0a0; float:left; color:rgba(0,0,0,1); box-sizing:border-box}
.days {display: inline-block;}
.days-w{display:grid; grid-template-columns:repeat(7, 1fr);}
/*.days li{border-left:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;height:auto; min-height:72px; width: 14.2%; float:left; box-sizing:border-box }*/
.days li{border-left:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;height:auto; min-height:72px;width:100%; float:none; box-sizing:border-box }
.days .daynum{border-bottom:1px solid #f3f3f3; height:28px; line-height:28px; padding-left:10px; font-weight:600}
.days .graynum{color:#d8dde6; font-weight:normal;}
.days .bono{border-bottom: 1px solid #d8d8d8 !important;}
.days .daydetail{padding-top:8px; box-sizing:border-box;}
.days .daydetail span{display:block; width:100px; height:23px; border:1px solid #dfdfdf; background:#f1f1f1; font-size:12px; line-height:23px; text-align:center; margin:0 auto 5px; cursor:pointer; color:#9b9b9b}
.days .offday{color:#ff0000;}
.days .btnoff2{background:#e1e1e1 !important;}
.days .btnon{background:#6a4e53 !important; color:#dedede !important; border:1px solid #6a4e53 !important }
.days .btnon2{background:#3d1306 !important;}
.calender-btn{overflow:hidden; text-align:center; padding-top:40px; padding-bottom:0px; clear:both; margin-bottom:30px;}
.calender-btn div{display:inline-block; width:150px; height:50px; line-height:50px; font-size:18px; margin-left:10px; cursor:pointer} 
.calender-btn div.btnon{background:#3c3e51; color:rgba(255,255,255,1); border:1px solid #3c3e51}

.calender-btn div.btnoff{background:#fff; color:#3c3e51; border:1px solid #3c3e51}
.calender-btn div.btnoff:hover{background:#3c3e51; color:rgba(255,255,255,1); cursor:pointer; -webkit-transition: background-color 200ms linear; -ms-transition: background-color 200ms linear; transition: background-color 200ms linear;}
.sin .sin-top .sin-top-stitle .sin-dw{padding-left:30px;}
/*view*/
.viewinfo{overflow:hidden; margin-bottom:60px; width:810px; margin:0 auto}
.viewinfo .view-img{float:left; width:calc(100% - 420px); height:500px; position:relative}
.viewinfo .view-img a{display:inline-block;width:100%;height:100%;}
.viewinfo .view-img a.view-img-item img{width:100%; height:100%;}
.viewinfo .imgprev{position:absolute; left:30px; top:180px; cursor:pointer}
.viewinfo .imgnext{position:absolute; right:30px; top:180px; cursor:pointer}
.viewinfo .view-detail{float:right; width:810px; background:#433e3e; padding:25px ; box-sizing:border-box; color:#fff; position:relative; letter-spacing:0px; height:530px;}
.viewinfo .view-detail .view-title{ font-size:32px; font-weight:700; margin-bottom:5px; }
.viewinfo .view-detail .view-title span{display:block; height:1px; width:30px; background:#85807f; margin-top:15px}
.viewinfo .view-detail .view-subtitle{ font-size:16px; border-bottom:1px solid #575252; margin-bottom:30px; padding-bottom:30px}
.viewinfo .view-detail .view-time{text-align:center; font-size:16px; font-weight:bold; margin-bottom:15px}
.viewinfo .view-detail .view-list{border-bottom: 1px solid #575252; padding-bottom:10px; margin-bottom:20px}
.viewinfo .view-detail .view-list li{background:url(../images/view-list-dot.png) no-repeat left 8px; padding-left:15px; font-size:13px; margin-bottom:12px; overflow:hidden; }
.viewinfo .view-detail .view-list li span{display:block; float:left; }
.viewinfo .view-detail .view-list li span:first-child[class="bold"]{ width:75px; margin-right:0;}
.viewinfo .view-detail .view-list li span.txs{letter-spacing:0;}
.viewinfo .view-detail .view-list li span.txs em{padding-left:7px;}
.viewinfo .view-detail .view-list li .payment-info{color:#959393; font-weight:600;}
.viewinfo .view-detail .view-list li .payment-info span{display:block;width:100%;}
.viewinfo .view-detail .view-list li span em{padding-left:25px;}
.viewinfo .view-detail .view-txt{position:absolute; height:60px; width:100%; text-align:center; color:rgb(255,255,255); font-size:20px; background:#474e61 url(../images/sub_sinbtn.png) no-repeat 125px center ; bottom:0; left:0; right:0; padding-left:185px; line-height:60px; box-sizing:border-box; text-align:left; font-weight:600; cursor:pointer} 
.viewinfo .view-detail .view-txt:hover{background: #2f3649 url(../images/sub_sinbtn.png) no-repeat 125px center;; cursor:pointer; -webkit-transition: background-color 100ms linear; color:#FFF; -ms-transition: background-color 100ms linear; transition: background-color 100ms linear;}


.viewinfo .view-detail .view-numbox{float:left; width:50%; position:relative}
.viewinfo .view-detail .view-numbox:first-child{padding-left:35px; box-sizing:border-box; padding-top:0;}
.viewinfo .view-detail .view-numbox:last-child{text-align:center; }
.viewinfo .view-detail .view-numbox::before { display: block; position: absolute; top: 25px; left:-10px; width: 1px; height:40px;
 border-left: 1px solid #726e6e; content: '';}
.viewinfo .view-detail .view-numbox:first-child::before{border:none;}
.viewinfo .view-detail .view-num1{font-size:16px; color:#bdbcbc}
.viewinfo .view-detail .view-num1 span{ display:block; border-bottom:1px solid #8c8c8c; width:60px; font-weight:500; letter-spacing:-1px; }
.viewinfo .view-detail .view-num2{font-size:30px; font-weight:bold; letter-spacing:-1px; color:#bdbcbc}
.viewinfo .view-detail .view-num2 span{font-size:24px;font-weight:bold}
.viewinfo .view-detail .view-num3{font-size:14px; letter-spacing:-1px; width:95px; height:95px; background:#765140; border-radius:100%; box-sizing:border-box; text-align:center; color:#ffffff; text-decoration:underline; position:relative; cursor:pointer; padding-top:25px; margin:0 auto }
.viewinfo .view-detail .view-num3:hover{background:#6a4737; -webkit-transition: background-color 200ms linear; color:#FFF; -ms-transition: background-color 200ms linear; transition: background-color 200ms linear;}


.view-detail-list{ margin:0 auto 70px; width:100%;}
.view-detail-list .view-detail{float:right; width:420px;background: #f7f7f7; padding:40px 25px 25px ; box-sizing:border-box; color: #5c5c5c; position:relative; letter-spacing:0px; height:500px; letter-spacing:-1px;}
.view-detail-list .view-detail .view-title{text-align:center;}
.view-detail-list .view-detail .view-subtitle{text-align:center; font-size:18px; font-weight:600; margin-bottom:20px; padding-bottom:37px}
.view-detail-list .view-detail .view-list li span:first-child{letter-spacing:1px; font-size:16px;}
.view-detail-list .view-detail .view-list li:nth-child(4) span:first-child{letter-spacing:0;}
.view-detail-list .view-detail .view-list li span:last-child{font-weight:normal; color:#5c5c5c; word-break:keep-all; font-size:16px;}
.view-detail-list .view-detail .view-num1{color:#5c5c5c;}
.view-detail-list .view-detail .view-num2{color:#5c5c5c;}
.view-detail-list .view-detail .view-num4{font-size: 24px; font-weight: bold; letter-spacing: -1px; padding-top: 7px; }
.view-detail-list .view-detail .phone span{width:100px; margin:0 auto;}

.agreebox-detail{background:#f7f7f7; border:1px solid #e8e8e8; padding: 20px 35px; box-sizing:border-box;}
.agreebox-detail .p-box{border-bottom:1px solid #e8e8e8; padding-bottom:30px; margin-bottom:20px; overflow:hidden}
.agreebox-detail .agreebox-list{overflow:hidden; margin-bottom:5px;}
.agreebox-detail .agreebox-list .agreebox-title{background:url(../images/dot-b.png) no-repeat left center; font-size:14px; padding-left:10px;}
.agreebox-detail .agreebox-list .agreebox-price{font-size:18px; color:#19477b; font-weight:600}
.agreebox-detail .totalp-list{overflow:hidden; margin-bottom:5px;}
.agreebox-detail .totalp-list .totalp-title{font-size:22px; color:#060606; font-weight:600; float:left}
.agreebox-detail .totalp-list .totalp-price{float:right; color:#ef4106; font-weight:600; font-size:22px}
.agreebox-detail .totalp-sub{font-size:14px; text-align:right; color:#7b7b7b!important;}
.agreebox-detail .totalp-box{border-bottom:1px solid #e8e8e8; padding-bottom:12px; margin-bottom:12px; overflow:hidden}
.agreebox-detail .p-box span{display:inline-block;}
.agreebox-detail .p-box span:first-child{float:left;}
.agreebox-detail .p-box span:last-child{float:right;}
.agreebox-detail .pricepay-list{overflow:hidden;}
.agreebox-detail .pricepay-list .pricepay-title{font-size:16px; color:#060606; font-weight:600; float:left}
.agreebox-detail .pricepay-list .pricepay-price{float:right; font-weight:600; font-size:16px; color:#4c4c4c}
.agreebox-detail .pricepay-sub{font-size:12px; text-align:right; color:#6a6a6a; letter-spacing:0; padding-top:10px;}
.agreebox-detail .d-box-title{border-bottom:1px solid #e8e8e8; color:#060606; font-size:16px; font-weight:600; margin-bottom:20px;}
.agreebox-detail .d-box-list{height:140px; color:#575757; font-size:14px; padding-left:20px; box-sizing:border-box}
.agreebox-detail .d-box-list p{margin-bottom:15px;}


.info-txt{border:1px solid #d5d5d5; overflow:hidden; margin-bottom:60px; width:810px; margin:0 auto ;clear:both; padding:25px 40px; box-sizing:border-box; color:#363636}
.info-txt-white-back	{background: #f7f7f7}
.info-txt .info-txt-title{font-size:16px; background:url(../images/dot-b.png) no-repeat left center; padding-left:10px; margin-bottom:10px;}
.info-txt .info-txt-subtitle{padding-left:10px;line-height:200%; letter-spacing:-0.5px}
.info-txt .info-txt-subtitle b.red{color:#ef4106;}

.reservtime_list{display:inline-block;zoom:1;font-size:14px}
.reservtime_list:after{display:block;clear:both;content:''}
.reservtime_list>.reservtime_dp1{float:left;position:relative}
.reservtime_list>.reservtime_dp1>span{position:relative;display:block;padding:0 20px 0 50px;width:185px;height:44px;line-height:44px;border-right:0px solid #e5e5e5;text-decoration:none; font-size:16px; color:#383838; box-sizing:border-box; background:url(../images/time_ch.png) no-repeat 130px center; cursor:pointer}
.reservtime_list>.reservtime:first-child>span{border-left:1px solid #e5e5e5}
.reservtime2_list{display:none; width:185px; position:absolute;top:100%;left:-1px;border:1px solid #e5e5e5;background-color:#fff;z-index:10; height:300px; overflow:auto;}
.reservtime2_list>.reservtime_dp2{display:block;width:183px;text-decoration:none; box-sizing:border-box; border-bottom:1px solid #e5e5e5; height:42px; line-height:42px; padding-left:50px; font-size: 16px; cursor:pointer}
.reservtime2_list>.reservtime_dp2:last-child{border-bottom:none;}
.reservtime2_list>.reservtime_dp2:hover{background-color:#f4f4f4}



.view-calender-w{ background:#f8f8f8; border:1px solid #cdcdcd; padding:20px 30px; box-sizing:border-box; height:500px; margin:45px 0; }
.view-calender-w-title{text-align:center; height:40px; line-height:40px; font-size:16px; color:#5b5b5b; }
.next-arr{ text-align:center; float:left; margin-right:30px; padding-top:200px;}
.view-calender-box{float:left; width:280px; margin-right:30px; }
.view-calender-box .listbox{background:#ffffff; height:auto; padding-bottom:20px; margin-bottom:5px;}
.view-calender-box {width:280px; float:left; ;}
.view-calender-box .listbox{height:auto; padding-bottom:15px; margin-bottom:8px}
.view-calender-box .navi_dp1_list{width:100%; margin-bottom:25px; }
.view-calender-box .navi_dp1_list>.navi_dpleft>a{width:280px; color:#5b5b5b; font-size:14px; font-weight:600; background:rgba(255,255,255,1)}
.view-calender-box .navi_dp1_list>.navi_dpleft a span{position:relative; padding:0 13px 0 0;}
.view-calender-box .navi_dp1_list>.navi_dpleft a span::before {display: block; position: absolute; top: 5px; left:55px; width: 1px; height: 9px; background:#dddddd; content: ''; }
.view-calender-box .navi_dpleft .navi_dp2_list>.navi_dp2>a{width:278px;}



.view-calender{float:left; width:305px; margin-right:30px; height:325px; }
.view-calender-title{text-align:center; background:#878787; height:48px; line-height:48px; color:rgb(255,255,255); font-size:14px; letter-spacing:0; }
.calendermonth .prevca{background:url(../images/prevca.png) no-repeat; cursor:pointer; position:absolute; left:0; width:10px; height:15px}
.calendermonth .nextca{background:url(../images/nextca.png) no-repeat right; cursor:pointer; position:absolute; right:0;width:10px; height:15px}

.calendermonth{text-align:center; font-size:14px; letter-spacing:1px; position:relative; background:#FFF; padding:15px 0 15px}
.calendertable table{border-bottom:1px solid #c9c9c9; color:#8c8c77}
.calendertable th{font-size:12px; text-align:center; color:#c9c9c9; font-weight:normal; height:25px; background:rgba(255,255,255,1)}
.calendertable tr:nth-child(1){border-bottom:1px solid #c9c9c9;}
.calendertable td:nth-child(7n){ border-right:1px solid #c9c9c9}
.calendertable td{border-left:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9; text-align:center; height:32px; background:#f1f1f1; font-size:13px }
.calendertable td.white{background:rgb(255,255,255);}
.calendertable td.brown{background:#ded4c9;}
.calendertable td.blue{background:#578cd5; color:rgb(255,255,255)}
.calendertable td.brown span{text-decoration:line-through; }
.calendertable td.white span{cursor:pointer}
.calendertable td span.noline{text-decoration:none;}

.reserv{float:left; width:395px; box-sizing:border-box; height:325px; }
.reserv-w{ }
.reserv-c{background:#f5f5f5; padding:10px 10px 5px; box-sizing:border-box;}
.reserv .reservbox{width:185px; float:left; margin-right:5px; }
.reserv .reservbox:last-child{margin-right:0; float:right; margin-bottom:8px;}
.reserv .reservtime{border:1px solid #e5e5e5; background:#ffffff; margin-bottom:3px; font-size:16px; font-weight:bold}
.reserv .reserv-selected{clear:both; background:#ffffff; border:1px solid #e5e5e5; padding:20px 0 30px; text-align:center; box-sizing:border-box; height:180px;}
.reserv .opentime{background:url(../images/view_c1.png) no-repeat 40px center; height:42px; line-height:42px; padding-left:70px }
.reserv .closetime{background:url(../images/view_c2.png) no-repeat 40px center; height:42px; line-height:42px; padding-left:70px }
.reserv .reserv-selected-title{font-size:16px;}
.reserv .reserv-selected-title span{display:block; text-align:center; width:30px; height:1px; background:rgb(51,51,51); margin:5px auto 40px}
.reserv .reserv-input{font-size:20px; font-weight:bold; position:relative; overflow:hidden; padding:0 15px 0 30px; box-sizing:border-box; letter-spacing:0; color:#383838; }
.reserv .reserv-input .reserv-close{ float:right; cursor:pointer}
.reserv .reserv-input .reserv-time{ float:left; font-weight:600}
.reserv-btn{background:#474e61 url(../images/de-list.png) no-repeat 80px center; color:rgb(255,255,255); font-size:20px; height:60px; line-height:60px; cursor:pointer; margin:0 10px; padding-left:130px; letter-spacing:0}
.reserv-btn:hover{background: #2f3649 url(../images/de-list.png) no-repeat 80px center;; cursor:pointer; -webkit-transition: background-color 200ms linear; color:#FFF; -ms-transition: background-color 200ms linear; transition: background-color 200ms linear;}



.reservinfo{float:right; background:#f5f5f5; width:425px;background:#f5f5f5; padding:10px; box-sizing:border-box; height:325px;}
.reservinfo .reservinfo-input{margin-bottom:15px;}
.reservinfo .reservinfo-input >div {margin-bottom:6px;}
.reservinfo .reservinfo-input label{width:75px; text-align:center; font-size:14px; display:inline-block; cursor:pointer }
.reservinfo .reservinfo-title{border:1px solid #e5e5e5; background:#ffffff; margin-bottom:3px; font-size:16px; font-weight:bold; height:43px; line-height:43px; text-align:center; letter-spacing:0; margin-bottom:15px}
.reservinfo .reservinfo-input input{border:1px solid #e6e6e6; background:#fff; height:32px; box-sizing:border-box; line-height:32px}
.reservinfo .reservinfo-input .input100{width:324px; padding-left:10px; box-sizing:border-box}
.reservinfo .reservinfo-input .input110{width:110px; padding-left:10px; box-sizing:border-box}
.reservinfo .reservinfo-input .input135{width:135px; padding-left:10px; box-sizing:border-box}
.reservinfo .reserv-check{overflow:hidden;}
.reserv-check{ padding-top:10px; color:#7a7a7a;}
.reserv-check .reserv-check1{ float:right}
.reserv-check .reserv-check1 > div{display:block; float:left; padding-left:15px; letter-spacing:0 }
.reserv-check .reserv-check1 span{margin-right:10px; position:relative; top:5px;}
.reserv-check .reserv-check1 .reon span{display:inline-block; width:24px; height:16px; border:1px solid #dedede; background:rgb(255,255,255)}
.reserv-check .reserv-check1 .reoff span{display:inline-block; width:24px; height:16px; border:1px solid #dedede; background:#ded4c9}
.reserv-t{clear:both; line-height:50px; border-top:1px solid #cecfd4; color:#7a7a7a; text-align:center; letter-spacing:0}

.group-check{display:inline-block; background: #fff; height: 32px; line-height:32px; font-size:15px; padding-left:5px; float:none}
.group-check input[type="checkbox"] { display:none;}
.group-check input[type="checkbox"] + label{padding-right:10px; cursor:pointer}
.group-check input[type="checkbox"] + label span { display:inline-block; width:22px; height:22px; margin:0 6px 0 0; vertical-align:middle; background:url(../images/view_check_off.png) no-repeat; background-size:20px; cursor:pointer;}
.group-check input[type="checkbox"]:checked + label span { background:url(../images/view_check_on.png) no-repeat; background-size:20px}

.group-check input[type="radio"] {display:none;}
.group-check input[type="radio"] + label{padding-right:5px; cursor:pointer; margin-right:0}
.group-check input[type="radio"] + label span { display:inline-block; width:22px; height:22px; margin:0 6px 0 0; vertical-align:middle; background:url(../images/view_radio.png) no-repeat; background-size:20px; cursor:pointer;}
.group-check input[type="radio"]:checked + label span { background:url(../images/view_radio_on.png) no-repeat; background-size:20px}


.tab_container{padding:50px 30px;font-size:14px; box-sizing:border-box; border:1px solid #d2d2d2; border-top:none; min-height:510px; margin-bottom:180px; color:#555555; letter-spacing:0}
.reserv-tab-list ul.tabs{border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2}
.reserv-tab-list ul.tabs li { float: left; text-align:center; cursor: pointer; width:33.33%; height:57px; line-height: 57px; border: 1px solid #d2d2d2; overflow: hidden; position: relative; font-size:18px;box-sizing:border-box; background:#f5f5f5; border-right:none; color:#8c8c8c}
.reserv-tab-list ul.tabs li.active { background: #fff; border: 1px solid #364054; border-bottom:none; color:#5c5c5c}

.agree-sbox{text-align:center; color:#8f8f8f; font-weight:600; margin-bottom:45px;}
.agree-sbox1{font-size:30px; color:rgba(0,0,0,1)}
.agree-sbox2{font-size:22px; font-weight:500;}
.agree-sbox2 em{color:rgba(0,0,0,1);}

.agree_list{display:inline-block;zoom:1;font-size:14px}
.agree_list:after{display:block;clear:both;content:''}
.agree_list>.agree_dp1{float:left;position:relative}
.agree_list>.agree_dp1>a{position:relative;display:block;padding:0 20px;width:270px;height:48px;line-height:48px;text-decoration:none; font-size:16px; box-sizing:border-box}
.agree_list>.agree_dp1>a:after{position:absolute;content:'';top:50%;right:20px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #000000}
.agree_list>.agree_dp1.active>a:after{position:absolute;content:'';top:50%;right:20px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:5px solid #000000;border-top:none}
.agree2_list{display:none;position:absolute;top:100%;left:-1px;border:1px solid #e5e5e5;background-color:#fff;z-index:10}
.agree2_list>.agree_dp2 >a{display:block;padding:5px 20px;width:270px;text-decoration:none; line-height:40px; box-sizing:border-box; border-bottom:1px solid #e5e5e5}
.agree2_list>.agree_dp2 >a:hover{background-color:#f4f4f4}
.agreebox{width:390px;}


/*사용신청서*/
.de-titlebox{background:#604d40; height:60px; line-height:60px; overflow:hidden; padding:0 50px; box-sizing:border-box; margin-bottom:30px; margin-top:50px;}
.de-day {color:#feffb3; font-size:17px; font-weight:600; float:left; letter-spacing:0; width:300px;}
.de-titledetail{float:right; color:#FFF; width:600px; text-align:right; font-size:26px; font-weight:500}
.de-subtitle{padding-left:10px; color:#c19d87; font-weight:normal}
.de-form{overflow:hidden; margin-bottom:35px;}
.de-form .de-form-title{border-bottom:2px solid #604d40; font-size:20px; padding-bottom:5px}
.de-form .de-form-title span{color:#616161; font-size:14px; text-align:right; display:inline-block; float:right}
.de-form .de-form-table{overflow:hidden;}
.de-form .de-form-table .de-form-tr{overflow:hidden; clear:both; }
.de-form .de-form-table .de-form-tr span
.de-form .de-form-table .address-tr{clear:both; overflow:visible;}

.de-form .de-form-table .tr50{width:50%; float:left; clear: inherit; height: 65px;}
.de-form .de-form-table .tr50 .de-form-td{width:calc(100% - 175px); height: 65px;}
.de-form .de-form-table .tr50 .de-form-td input[type=text]{width:99%;}
.de-form .de-form-table .address-tr .de-form-td{line-height:inherit; height: 157px;}
.de-form .de-form-table .de-btn{background:#eeeeee; border:1px solid #dddddd; padding:7px 10px; display:inline-block; margin-left:10px; cursor:pointer}
.de-form .de-form-table .de-btn:hover{background:#e0dcdc; border:1px solid #e0dcdc; -webkit-transition: background-color 200ms linear; -ms-transition: background-color 200ms linear; transition: background-color 200ms linear;}
.de-form .de-form-table .de-form-tr .point { background:#dafafa}

.de-form .de-form-table .address-tr .de-form-td p{margin-bottom:7px;}
.de-form .de-form-table .address-tr .de-form-th{height:157px;}
.de-form .de-form-table .de-form-th{float:left; background:#fafafa; width:175px; border-bottom:1px solid #e5e5e5; height:65px; font-size:15px; line-height:65px; padding-left:15px; box-sizing:border-box}
.de-form .de-form-table .de-form-td{float:left; width:calc(100% - 175px)!important; border-bottom:1px solid #e5e5e5; padding:15px; box-sizing:border-box;height:65px; }
.de-form .de-form-table .de-form-td input[type=text], .de-form .de-form-table .de-form-td select, .de-form .de-form-table .de-form-td input[type=password]{width:100%; height:35px; line-height:35px; border:1px solid #aaaaaa; padding:0; box-sizing:border-box}
.de-form .mun{margin-top:15px;}
.de-form .mun textarea{height:140px; overflow-y:scroll; width:100%; box-sizing:border-box}
.de-form .agreein-title{height:50px; line-height:50px; font-size:13px; letter-spacing:0}

.de-form-sbox{border:1px solid #e8e8e8; width:595px; float:left; margin-bottom:12px; padding:15px 30px; box-sizing:border-box; height:320px; color:#666666 }
.de-form-sbox:nth-child(2n){float:right;}
.de-form-sbox-w{overflow:hidden; margin-top:20px;}
.de-form-sbox .d-box-title{font-size:20px; margin-bottom:10px; color:rgb(51,51,51)}
.de-form-sbox .d-box-list{height:204px; border-bottom:1px solid #e8e8e8;}
.d-box-total{height:50px; line-height:50px; text-align:right; color:rgb(51,51,51)}
.d-box-total span{font-size:20px; font-weight:600; padding-left:10px;}

/*너비 오류 수정*/
.de-form-td .group-check:first-child{width:auto;margin-top:0; margin-bottom:15px;}
.de-form-td .sin .sin-top .sin-top-stitle{width:100%!important;}
.de-form-td .sin .sin-top .sin-top-stitle .sin-dw{width:calc((100% - 60px) / 2)!important;}

/*예약일자 리스트 추가*/
.reserve-date-list{display:flex; flex-flow:row wrap; gap:4px; margin-top:16px;}
.reserve-date-list span{display:inline-block; padding:6px 14px; border-radius:30px; font-weight:600;}
.reserve-date-list span:nth-of-type(odd){ background:#fce5d7;}
.reserve-date-list span:nth-of-type(even){ background:#fff1c6;}

.w200{width:200px !important;}
.w630{width:630px !important;}
.w130{width:130px !important;}
.w160{width:160px !important;}
.w180{width:180px !important;}
.w245{width:245px !important;}
.w70{width:70px !important;}
.pr5{padding-right:5px !important;}
.pl5{padding-left:5px !important;}

.d-box-list ul li{ height:42px; }
.d-box-list p{ font-size:15px; float:left; border-bottom:1px solid #e5e5e5; height:40px; width:420px; line-height:40px }
.d-box-list .spinner{background:#f7f7f7; float:right; overflow:hidden}
.d-box-list .spinner.input-group input{width:38px; float:left; height:33px; background:#f7f7f7; border:1px solid #e5e9ec; box-sizing:border-box; border-right:none}
.d-box-list .spinner .input-group-addon{width:20px; float:left; position:relative; left:-1px; }
.d-box-list .spinner .input-group-addon .spin-up{background:url(../images/spin-up.png) no-repeat; display:inline-block; width:19px; height:17px; position:absolute; top:0; right: 0px}
.d-box-list .spinner .input-group-addon .spin-down{background:url(../images/spin-down.png) no-repeat; display:inline-block; width:19px; height:16px; position:absolute; top:17px; right:0px}
.d-box-check{position:relative;}
.d-box-check .g-check{position:absolute; top:0; right:5px;}

.agreein{height:160px; overflow-y:scroll; border:1px solid #e5e5e5; font-size:13px; margin-bottom:15px; padding:5px 25px; box-sizing:border-box; font-weight:normal; line-height:180%; color:rgb(102,102,102)}
.agreeokbtn{text-align:center; font-size:16px}

.spinner.input-group .input-group-addon a.spin-up .icon-sort-down,.spinner.input-group .input-group-addon a.spin-down .icon-sort-down{position:relative;top:-6px}
.spinner.input-group .input-group-addon a.spin-up:hover,.spinner.input-group .input-group-addon a.spin-down:hover{color:#555}
.spinner.input-group input{text-align:center}
.spinner.input-group.input-group-lg .input-group-addon a.spin-up,.spinner.input-group.input-group-lg .input-group-addon a.spin-down{font-size:16px;height:12px}
.spinner.input-group.input-group-sm .input-group-addon a.spin-up,.spinner.input-group.input-group-sm .input-group-addon a.spin-down{font-size:12px;height:9px}

.counter-total{background:#fcfcfc; border:1px solid #e2e2e2; padding:30px 25px 15px 0; box-sizing:border-box; overflow:hidden; margin-bottom:45px;}
.counter-total-count{width:360px; float:right; text-align:right}
.counter-total-count .counter-list{font-size:22px;}
.counter-total-count .counter-list .won{padding-left:40px;}
.counter-total-count .counter-txt{color:#7b7b7b; padding-top:10px;}
.counter-total-txt{width:800px; text-align:center; float:left; font-size:16px; padding-top:10px;}
.counter-total-txt span{padding:0 14px;}
.counter-total-txt .won{font-size:17px; font-weight:700; letter-spacing:0}
.won{color:#7e3a0c !important;}
.agreeokbtn .group-check label{font-size:20px;}


#hamburger{display:none;}
.mmain-top{display:none;}
.pc{display:block;}
.mobile{display:none;}
.list-table{display:none;}


@media (max-width:1350px){
	.skin_container{width:100%;}
}

@media only all and (max-width:1024px){
	#sublist .listbox{width:49%; margin-right:0.5%; margin-bottom:20px; height:auto;}
	#sublist .listbox:nth-child(2n){float:right; margin-right:0;}
	#sublist .listbox-txt{font-size:13px;}
	#sublist .listbox-subt{padding-left:0; font-size:12px; padding-bottom:15px;}
	#sublist .listbox-subt ul{padding-left:5px;}
	#sublist .list-total{display:none;}
	#sublist .list-thum{margin-top:10px;}
	.listbox-page ul{margin:0 0 20px;}
	.leftnav .morebox{padding:10px; box-sizing:border-box;}
	
	.viewinfo{padding:0; box-sizing:border-box;width:100%}
	.viewinfo .view-img{width:100%; height:auto}
	.viewinfo .view-detail{width:100%; height:auto; padding-bottom:60px;}
	.viewinfo .view-detail .view-num2{font-size:28px;}
	.viewinfo .view-detail .view-num2 span{font-size:24px;}
	.viewinfo .view-detail .view-num3{font-size:14px; text-align:center; }
	.viewinfo .view-img img{width:100%;}
	.viewinfo .imgprev{top:60px; left:10px;}
	.viewinfo .imgnext{top:60px; right:10px;}
	.viewinfo .view-detail .view-title{font-size:24px;}
	.viewinfo .view-detail .view-numbox::before{display:none;}
	.viewinfo .view-detail .view-numbox:first-child{padding-left:0;}
	.viewinfo .view-detail .view-numbox:last-child{text-align:left;}
	.viewinfo .view-detail .phone span{margin:0px;}
	.viewinfo .view-detail .view-list li span:last-child{width:100%;}
	.viewinfo .view-detail .view-txt{padding-left:0; text-align: center; height:50px; line-height:50px; background-image:none;}
	.viewinfo .view-detail .view-txt:hover{background-image:none;}
	.reserv-tab-list{padding:0 3%;}
	.reserv-tab-list ul.tabs li{font-size:14px; height: 40px; line-height:40px}
	.tab_container{padding:20px; min-height: auto; margin-bottom:50px;}
	
	.calender-box{width:100%;}
	.leftcalendar{width:100%; padding-top:0}
	.leftcalendar .navi_dp1_list>.navi_dp1{float:none;}
	.leftcalendar .navi_dp1_list>.navi_dpleft:first-child .navi_dp2_list{width:90%; left:50%; margin-left:-45%; box-sizing:border-box}
	.calender-box .month{width:90%;}
	.weekdays{display:none;}
	.days-w{overflow-y:scroll; height:250px; clear:both; width:90%; margin:0 auto;display:block;}
	.days li{width:100%; height:auto; min-height:auto; position:relative; border-left:none}
	.days .daydetail span{float:left; width:auto; margin-right:5px; padding:0 7px; font-size:11px;}
	.days .daynum{float:left; width:20px; height:20px; border-radius:50%; padding:0; line-height:20px; text-align:center; font-weight:500; position:absolute;left: 3px;
	 top: 8px;
	 font-size: 12px;
	 font-weight: 400;}
	.days .daydetail{float:left; width:100%; padding-left:30px; 
	 min-height: 40px;}
	.calender-btn{padding:30px 0;}
	.calender-btn div{width:100px; height:40px; line-height:40px;}
	.leftcalendar .leftbox{padding:0 3%; box-sizing:border-box}
	.leftcalendar .navi_dp1_list{margin-bottom:20px;}
	.agreebox{width:100%;}
	.info-txt{width:94%; box-sizing:border-box; margin:0 auto; padding:20px;}
	.agree-sbox1{font-size:20px;}
	.agree-sbox2{font-size:18px}
	.agree-sbox{margin-bottom:10px;}
	
	.totalviewbtn{margin-bottom:0;}
	.footer .policybox li a{padding:0 10px;}
	.footer .policybox{padding-left:10px;}
	.container-w{padding:3%;}
	.container{width:100%;}
	
	.leftnav{width:100%;}
	.list-contents{width:100%; padding:0}
	
	.leftcalendar .navi_dp1_list>.navi_dpleft>a{width:90%; margin:0 auto;}
	
	.view-calender-w{height:auto; margin:0 3%; margin-bottom: 3%; }
	.view-calender-box .listbox{display:none;}
	.view-calender-w-title{display:none;}
	.next-arr{display:none;}
	.view-calender-box{width:100%;}
	.view-calender{width:100%; margin-right:auto; height:auto}
	.reserv{width:100%; float:none; height:auto; }
	
	.reserv .reservbox{width:48%;}
	.reserv-w{clear:both; }
	.reserv-c{clear:both;}
	.reservtime_list>.reservtime_dp1{width:100%;}
	.reservtime_list>.reservtime_dp1>span{width:100%; background: url(../images/time_ch.png) no-repeat 90% center; padding-left:0}
	.reservtime_list{width:100%;}
	.reserv-t{line-height:160%; margin-top:15px;}
	
	.reserv .reserv-input .reserv-close{top:10px; position:absolute; right:10px}
	.reserv .reserv-selected{position:relative; height:auto;}
	.reserv .reserv-input{position:initial;}
	.de-titledetail{width:100%; font-size:18px; text-align:left}
	.de-day{width:100%;}
	.de-titlebox{height:auto; margin:10px 3%; line-height:inherit; padding:10px}
	.de-titlebox > div{padding:5px 0; text-align:center}
	.de-form{height:auto; margin:10px 3% 20px}
	.de-form .de-form-table .de-form-th{width:100%; height:40px !important; line-height:40px; }
	.de-form .de-form-table .de-form-td{width:100%!important; height:auto !important; padding: 15px 0;}
	.de-form .de-form-table .tr50{width:100%; height:auto}
	.de-form .de-form-table{overflow:visible;}
	.de-form .de-form-table .address-tr .de-form-th{height:auto;}
	.de-form .de-form-table .tr50 .de-form-td{width:100%;}
	.de-form .de-form-title span{display:none;}
	.de-form-sbox{width:100%; padding:10px;}
	.counter-total-txt{width:100%;}
	.counter-total-count{width:100%; text-align:center; padding-top:20px;}
	.counter-total{margin:0 3%; padding:10px; }
	.counter-total-txt span{display:block;}
	.d-box-list p{width:100%; padding-right:60px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing:border-box}
	.d-box-list ul li{position:relative;}
	.d-box-list .spinner{ margin-top:10px; position:absolute; top:-5px; right:0}
	.de-form .de-form-table .de-form-td span{margin-bottom:5px; display:inline-block;}

	.group-check label{margin-right:0}
	.group-check input[type="checkbox"] + label{padding-right:0;}
	.reserv .opentime{ display: block; padding-left: 10px; background: url(../images/view_c1.png) no-repeat 10px center; }
	.reserv .reservtime{text-align:center;}
	.reserv .closetime{ display: block; padding-left: 10px; background: url(../images/view_c1.png) no-repeat 10px center; }
	.reserv-btn{ padding-left: 20px; text-align: center; background: #474e61 url(../images/de-list.png) no-repeat 30px center; }
	
	.w200{width:100% !important;}
	.w630{width:100% !important;}
	.w130{width:100% !important;}
	.w160{width:100% !important;}
	.w180{width:100% !important;}
	.w245{width:100% !important;}
	
	.mw130{width:140px !important;}
	#sublist{display:block !important;}
	.pc{display:none !important;}
	.list-contents .list-total{display:none;}
	#sublist .listbox-img{height:auto; position:relative; margin-bottom:0}
	#sublist .listbox-more a{margin-right:auto; width: 85px; padding-left: 18px;}
	
	#loginbg { width: 100%; box-sizing: border-box;}
		#loginbg .loginform input:nth-child(2){width:100% !important; float:none; box-sizing: border-box;}
	#loginbg .loginform input:nth-child(3){width:100% !important; float:none; box-sizing: border-box;}
	#loginbg .loginform input{box-sizing: border-box; width:100% !important; }
	.container .container-w{width:100%; box-sizing: border-box;}
	#applyForm{width:100%;}
	.group-check{clear:both; float: none;}
	.sin .sin-top .sin-top-stitle .sin-dw{padding-left:5px; box-sizing:border-box}
	.sin{padding:10px;}
	
	/*너비 오류 수정*/
	.de-form-td .group-check .tmp-check{margin-right:8px;}
	.de-form-td .group-check .tmp-check label[for*="term_p"] span,
	.de-form-td .group-check .tmp-check label[for="man"] span,
	.de-form-td .group-check .tmp-check label[for="woman"] span{width:22px!important;}
	.de-form-td input[name="email"],
	.de-form-td input[name="direct_dm"]{width:100%!important;}
	.de-form-td .sin .sin-top .sin-top-stitle .sin-dw{width:100%!important;}
	.de-form-td .sin .sin-top .sin-top-stitle .sin-down a{position:absolute; width:136px;}
	
	/*나의 신청현황 리스트 수정*/
	.list-table td{font-size:14px;line-height:normal;}
	.list-table .listbox-more a{width:68px;font-size:14px;background:#eb5f0e;padding-left:0;text-align:center;}
	.list-table .listbox-more a:hover{background:#eb5f0e;}
}
@media (max-width:720px){
	.viewinfo .view-img img{height:300px;}
	.view-num{display: flex; flex-direction:column; gap:8px;}
	.reserv-tab-list{overflow:hidden;}
	
	/*너비 오류 수정*/
	.de-form-td .sin .sin-top .sin-top-stitle .sin-down a{position:relative; width:100%;}
	/*나의 신청현황 리스트 수정*/
	.my-list-table{width:100%;overflow-x:scroll;}
	.my-list-table .table-noti{display:block;text-align:center;margin-bottom:8px;}
	.my-list-table table{width:670px;}
	
}

/* 결제완료창 (나의 신청현황의 모달 결제완료창 포함) */
.payment-wrap:not(.tosspay-wrap){max-width:500px;width: 100%;}
.payment-wrap .info-txt{width:100%;}
.payment-wrap, .modal {
	.view-detail .view-title{margin-bottom:0;text-align:center;}
	.view-detail .view-title span{display:none;}
	.view-detail{height:auto;width:100%;padding:3vmin 20px;}
	.view-detail .view-list{margin-bottom:0;}
	.view-detail .view-list li{font-size:18px;display:grid;grid-template-columns:100px auto;}
	.view-num{display:none;}
	.agreebox{width:100%;}
	.p-box, .agreebox-list, .totalp-box{padding-bottom:20px!important;}
	.agreebox-title, .totalp-title, .pricepay-title{font-size:18px!important; color:#060606!important; font-weight:600!important; background:none!important; padding-left:0!important;}
	.info-txt{margin:0 auto 6vmin;padding:20px;}
	.info-txt-title{font-size:18px;font-weight:600;}
	.info-txt-subtitle{line-height:150%;word-break:keep-all;}
	.info-txt .calender-btn{margin-bottom:0;padding-top:20px;}
	
} 
.bank_noti{text-align:right;}
@media (max-width:720px){
	.payment-wrap .view-detail .view-list li{font-size:16px;}
	.modal .info-txt{width:100%;}
}