@import url('/http/www.dahan.co.kr/comm/css/root.css'); /* 변수css */ 

/*********** 공통 css *************/
select, .select {font-size:0.9222rem; color:var(--basic); border:1px solid var(--border); padding:0 15px; font-family:inherit; height:50px !important; box-sizing:border-box; -webkit-appearance: none; -webkit-border-radius: 0; background: url("/http/www.dahan.co.kr/img/cat_arrow_bk.svg") no-repeat right 20px center/10px auto; outline:none; cursor:pointer;}
.input {font-size:0.9222rem; color:var(--basic); border:1px solid var(--border); background-color:var(--white); padding:0 15px; font-family:inherit; height:50px; box-sizing:border-box; -webkit-appearance: none; -webkit-border-radius: 0;}
.blind {font-size:0; line-height:0; width:0px; height:0px;}
.textarea {width:100%; height: 200px; font-family:inherit; color:var(--basic); line-height:150%; letter-spacing:-0.5px; padding:15px; border: 1px solid var(--border); background-color:var(--white); box-sizing:border-box; -webkit-appearance: none; -webkit-border-radius: 0;}

/* input 디자인 */
.input_m {width:50%;}
.input_s {width:150px; box-sizing:border-box;}
.input_l {width:100%; box-sizing:border-box;}
.input_file {width: 100%; padding:0 15px; height: 50px; line-height: 50px; box-sizing:border-box; border:1px solid var(--border); -webkit-appearance: none; -webkit-border-radius: 0;}

/* 버튼디자인 */
.btn_w {display:inline-block; text-align:center; height:50px; line-height:48px; width:100px; border:1px solid var(--border); font-size:0.9222rem; letter-spacing:-0.5pt; vertical-align:top; transition:all 0.3s; box-sizing:border-box; cursor:pointer; -webkit-appearance: none; -webkit-border-radius: 0;}
.btn_w:hover {color: var(--black); border:1px solid var(--black); transition:all 0.3s;}
.btn_b:link, .btn_b:visited {display:inline-block; text-align:center; height:50px; line-height:48px; width:100px; border:1px solid #555; background:#555; color:var(--white); font-size:0.9222rem; letter-spacing:-0.5pt; vertical-align:top; transition:all 0.3s; box-sizing:border-box; cursor:pointer; -webkit-appearance: none; -webkit-border-radius: 0;}
.btn_b:hover  {background:var(--black); border:1px solid var(--black); color:var(--white); transition:all 0.3s}
.btn_b_s {font-size:0.9222rem; height:50px;line-height: 48px; -webkit-appearance: none; -webkit-border-radius: 0;display:inline-block; text-align:center; cursor:pointer;  color:var(--white); width:70px; border:1px solid #555; background:#555; letter-spacing:-0.5pt; vertical-align:top; transition:all 0.3s; box-sizing:border-box; -webkit-appearance: none; -webkit-border-radius: 0;}
.btn_b_s:hover  {background:var(--black); border:1px solid var(--black); transition:all 0.3s;}

input.btn_w {text-align:center; height:50px; line-height: 48px; width:100px; border:1px solid #ccc; background:var(--white); color:#555; font-size:0.9222rem; letter-spacing:-0.5pt; vertical-align:top; transition:all 0.3s; cursor:pointer; -webkit-appearance: none; -webkit-border-radius: 0;}
input.btn_w:hover {color:var(--black); border:1px solid var(--black); transition:all 0.3s}
input.btn_b {text-align:center; height:50px; line-height: 48px; width:100px; border:1px solid #555; background:#555; color:var(--white); font-size:0.9222rem; letter-spacing:-0.5pt; vertical-align:top; transition:all 0.3s; cursor:pointer; -webkit-appearance: none; -webkit-border-radius: 0;}
input.btn_b:hover {background:var(--black); border:1px solid var(--black); transition:all 0.3s}

.address_btn{text-align:center; height:50px; line-height: 48px; width:100px; border:1px solid #555; background:#555; color:var(--white); font-size:0.9222rem; letter-spacing:-0.5pt; vertical-align:top; transition:all 0.3s; cursor:pointer; -webkit-appearance: none; -webkit-border-radius: 0;}



/* 일정 상단 */
.sch_top{background:var(--grayBg); padding:15px 20px; box-sizing:border-box; display: flex; align-items:center; justify-content: space-between;}
.sch_top .attention {color:#e00000; font-weight:400; font-size:0.875rem; letter-spacing:-0.5pt;}
.sch_top .btn{}
.sch_top .btnSearch{display: inline-block; padding:0 20px; height:50px; line-height:48px; box-sizing:border-box; border:1px solid var(--main); background:var(--main); color:#fff; text-align:center; font-size:0.938rem; font-weight:700; letter-spacing:-0.35pt; transition:all .3s linear;}
.sch_top .btnSearch:hover{background:none; color:var(--main);}



/* 일정타이틀 */
.sch_title{position:relative; display:flex; align-items: flex-end; margin: 0 0 15px;}
.sch_title li{width:33.3333%;}
.sch_title li.title dl{text-align:center;}
.sch_title li.title dl dt{display: inline-block; vertical-align: top; padding: 12px 0 0 15px; line-height: 100%; font-size:1rem; letter-spacing: 0.3pt; color:#222; font-family: var(--eng); position: relative;}
.sch_title li.title dl dt:after{content:'SCHEDULE'; display: inline-block; font-size:15px; color:rgba(34,34,34,.5); letter-spacing: 0.3pt; font-family: var(--eng); position: absolute; left: 15px; bottom: -20px;}
.sch_title li.title dl dd{display: inline-block; line-height: 100%; font-size:54px; font-weight:800; color:var(--main); letter-spacing: 0.5pt; font-family: var(--eng);}
.sch_title li.btn{position:absolute; right:0; top:0; width:80px;}
.sch_title li.arrow{text-align:right; font-size:0; display: flex; justify-content: flex-end;}
.sch_title li.arrow a{display: flex; align-items:center; justify-content: center; width:56px; height: 56px; border-radius:50%; background-color: var(--grayBg); text-align:center; transition:all .3s linear; margin: 0 5px 0 0;}
.sch_title li.arrow a:last-child{margin: 0;}
.sch_title li.arrow a span{font-size:24px; color:var(--basic); transition:all .3s linear;}
.sch_title li.arrow a:hover span{color:var(--black);}
.sch_title select{ -webkit-appearance: none; -moz-appearance: none; border:none; position:Relative; background:url('/http/www.dahan.co.kr/img/cat_arrow_bk.svg') no-repeat center right; padding:10px 15px 10px 10px; margin-right:14px; font-size:15px; color:#666666; font-family: var(--eng); cursor:pointer; outline:none;}
.sch_title select::-ms-expand {display:none}

.sch_title .btn {}
.sch_title .btn a.btnSearch {display:inline-block;  width:auto; height:auto; padding:8px 10px; color:#064e91; border:1px solid #064e91; line-height:normal; box-sizing:border-box; transition: all 0.3s; letter-spacing:-0.5pt; font-weight:600;}
.sch_title .btn a.btnSearch:hover {color:#fff; background:#064e91; transition: all 0.3s;}


/* 일정관리 - 대 */
.schdule_wrap{width:100%; border-collapse:separate; border-spacing:0; border-left:1px solid var(--border); border-top:1px solid var(--black); margin-top:10px; }
.schdule_wrap th{font-size:14px; color:var(--black); font-weight:bold; border-right:1px solid var(--border); border-bottom:1px solid var(--border); padding:14px 0; font-family:var(--eng);}
.schdule_wrap td{border-bottom:1px solid var(--border); border-right:1px solid var(--border); vertical-align:top; padding:5px; height:75px;}
.schdule_wrap td .schedule_body{}
.schdule_wrap td.mobile{display: none;}

	.schdule_wrap td .schedule_body dt{}
	.schdule_wrap td .schedule_body dt font{font-size:13px; font-family: var(--eng); font-weight:500}
	.schdule_wrap td .schedule_body dt font b{color:var(--black); font-family:inherit; font-weight:700; text-decoration:underline; }
	.schdule_wrap td .schedule_body dd{}
	.schdule_wrap td .schedule_body dd a{display: block; font-size:13px; color:var(--black); font-weight: 500; letter-spacing: -0.35pt; transition:all .2s linear; background:rgba(6,78,145,.05); padding:3px 5px; line-height:150%; margin:0 0 3px;}
	.schdule_wrap .today{display:inline-block; width:18px; height:18px; border-radius:50%; background:var(--black); text-align:center; line-height:18px; font-size:8px; color:#fff; }

.category_pd { padding-bottom:5px; }
.gbtn {cursor:pointer; background-color:#737373; border:1px solid #737373; color:#fff; height:18px;}

.apply_cont {position:relative; width:100%; margin:2px 0px;}
.apply_cont span {display:inline-block; line-height:22px;}
.apply_cont input.btn_apply {display:inline-block; width:56px; height:22px; text-align:center; font-size:11px; letter-spacing:-0.5pt; border:1px solid #1f83ff; color:#1f83ff; margin-left:5px; background:#fff; font-weight:600; cursor:pointer;} 



/* 진행상태 아이콘*/
span.status {display:inline-block; width:54px; height:20px; text-align:center; font-size:11px; letter-spacing:-0.5pt; margin-left:5px; font-weight:600; line-height:18px; box-sizing:border-box;}   
span.status.apply {border:1px solid #54a6f2; background:#54a6f2; color:#fff;}
span.status.ok {border:1px solid #064e91; background:#064e91; color:#fff;}
span.status.cancel {border:1px solid #555; background:#fff; color:#555;}
span.status.end {border:1px solid #999; background:#999; color:#fff;}
span.status.bfday {width:54px;border:1px solid #555; background:#fff; color:#555;}

/*페이징간격*/
.Paging_Num td { padding-left:3px; }

/*패스워드인풋*/
.Password_input input { height:20px; line-height:20px; background:#fff; border:1px solid #ccc; margin:0 1px; padding:3px 4px 3px;}

/*일정관리-소*/
.gray_schedule{width:240px; margin:0 auto; padding:0px; overflow:hidden;}
.gray_schedule .page_con{position:relative; margin-bottom:10px; text-align:center; font-size:14px; font-weight:bold; color:#333333;}
.gray_schedule .page_con a{position:absolute; top:3px;}
.gray_schedule .page_con span.lft{position:absolute; left:56px;}
.gray_schedule .page_con span.rgt{position:absolute; right:56px;}
.gray_schedule .page_con a.rgt{right:56px;}
.gray_schedule .gray_table{border-spacing:1px; background: #e4e4e4;}
.gray_schedule .gray_table td.sun{color:#cc0033;}
.gray_schedule .gray_table td.sat{color:#0066cc;}
.gray_schedule .gray_table td{height:25px; text-align:center; font-size:12px; color:#333;}
.gray_schedule .gray_table thead td{background:#fff; font-weight:bold;}
.gray_schedule .gray_table td.today{background:#ffffcc;}


/***************************************************** 인풋 *****************************************************/
/* 게시판 input ------------------------------------------*/
.AWbbs_input_table{border-top:1px solid #333;}
.AWbbs_input_table th,
.AWbbs_input_table td {text-align:left; padding-left:15px; border-bottom:1px solid #ddd;}
.AWbbs_input_table th{ padding:8px 10px 8px 15px; color:#333;}
.AWbbs_input_table td{padding:8px 10px 8px 15px;}
	/* 체크박스 (HTML 비밀글 공지글) */
	.AW_bbs_input_checkbox{margin:0 0 10px;}
	.AW_bbs_input_checkbox input{vertical-align:middle;}
	.AW_bbs_input_checkbox label{vertical-align:middle; margin:0 10px 0 2px;}


/*********** View *************/
.bbs_view {width:100%; border-collapse:collapse; border-spacing:0px;}
.bbs_view th {color:#333; text-align:left; padding:13px 15px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.bbs_view th.subject {font-size:16px; padding:13px 15px; border-top:1px solid #222; border-right:none;}
.bbs_view td.cont{border-bottom:1px solid #ddd; padding:13px 15px; text-align: left;}
.bbs_view td.view_detail {color:#888; overflow:hidden; border-bottom:1px solid #ddd; padding:13px 15px;}
.bbs_view td.view_detail p {float:left; width:50%;}
.bbs_view td.view_content{padding:15px; word-break:break-all; border-bottom:1px solid #ddd;}
.bbs_view td.view_content td {border:none;}
.bbs_view td.view_content table{max-width:100%}


/*********** Passwd *************/
.passwd {width:450px; margin:0 auto; border:2px solid #eaeaea; padding:20px 15px;}
.passwd ul {width:98%; overflow:hidden;}
.passwd li {float:left;}
.passwd .pw_img {margin-right:5px;}
.passwd .line {width:1px; background:#ddd; height:63px;}
.passwd .info {padding-left:20px;}

.passwd  .msg {padding-bottom:10px;}
.passwd  .input_passwd {margin-right:10px}
.passwd  .btn {}


/*********** Comment *************/
.comments {padding:15px 18px; background:#f9f9f9; border-bottom:1px solid #ddd;}
.comments dl{overflow:hidden; padding:0 0 5px 0;}
.comments dl dt{display:inline-block; font-size:13px;}
.comments dl dd{display:inline-block; margin-right:10px;}

.comments ul{overflow:hidden;}
.comments li{float:left; width:calc(100% - 83px);}
.comments li.btn{float:right; width:80px;}
.comments textarea {height:58px;}
.comments .spam_check{}
.comments .spam_check .sub_txt{font-size:13px; display:inline-block;}
.comm_btn_confirm {display:inline-block; width:80px; cursor:pointer; height:58px; text-align:center; color:#fff; border:1px solid #555; background:#555; font-size:13px; letter-spacing:-0.5pt; vertical-align:top; transition:all 0.3s}


.comments_body{overflow:hidden; border-bottom:1px solid #ddd; padding:15px;}
.comments_body p.file{color:#888; font-size:13px;}
.comments_body p.cont{padding:3px 0 5px 0;}
.comments_body p.info{color:#888; font-size:13px;}
.comments_body p.info strong{color:#333; margin-right:7px}
.comments_body p.info span{margin-right:7px;}
.comments_body p.info span:before{display:inline-block; content:""; width:1px; height:13px; background:#ccc; margin:0 10px -2px 0; overflow:hidden;}


.filebox input[type="file"] {
position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}

.filebox label {display: inline-block;	padding:8px 12px 9px 12px; color: #999;	font-size: inherit;	line-height: normal; font-size:13px;
	vertical-align: middle; background-color: #fff; cursor: pointer;	border: 1px solid #ccc; transition:all 0.3s;}
.filebox label:hover{border:1px solid #333; color:#333; transition:all 0.3s;}

/* named upload */
.filebox .upload-name {
	display: inline-block;
	padding: .5em .75em;  /* label의 패딩값과 일치 */
	font-size: inherit;
	font-family: inherit;
	line-height: normal;
	vertical-align: middle;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-bottom-color: #ccc;
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
}

.upload-hidden {
	margin:1px 0;
	border:0px;
	font-size:12px;
	font-family:NanumGothic, 나눔고딕, NG, Tahoma, Geneva, sans-serif;
	color:#FFFFFF;
	border:1px solid #d86771;
	padding:3px 5px;
	background-repeat: no-repeat;
	background-position:right 3px center;
	background-color: #d86771;
}


/* imaged preview */
.filebox .upload-display {  /* 이미지가 표시될 지역 */
	margin-bottom: 5px;
}

@media(min-width: 768px) { 
	.filebox .upload-display {
		display: inline-block;
		margin-right: 5px;
		margin-bottom: 0;
	}
}

.filebox .upload-thumb-wrap {  /* 추가될 이미지를 감싸는 요소 */
	display: inline-block;
	width: 70px;
	height: 34px;
	padding: 2px;
	vertical-align: middle;
	border: 1px solid #ddd;
	border-radius: 2px;
	background-color: #fff;
}

.filebox .upload-display img {  /* 추가될 이미지 */
	display: block;
	max-width: 100%;
	width: 100%;
	/*height: auto;*/
	height: 100%;
}

	
	/* 코멘트 */
	.AWbbs_comment_id{text-align:center; background:#f7f7f7; line-height:1.4;}
	.AWbbs_comment_id p{font-weight:bold;}
	.AWbbs_comment_id span{display:block; color:#999; font-size:10px;}
	
	/* 코멘트쓰기 */
	.AWbbs_comment_input_info{}
	.AWbbs_comment_input_info .input{background:#fff;}




/* 팝업 - 일정상세내용 */
#popup_info {}
#popup_info h4 {font-size:20px; color:#fff; background:#333; padding:15px; box-sizing:border-box; letter-spacing:-0.5pt;}
#popup_info h4 a.close {position:absolute; right:10px; top:10px; z-index:2; width:20px; height:20px; display:inline-block;}
#popup_info .box {width:100%; height:100%; padding:20px 15px 15px 15px; box-sizing:border-box;}

.blocker {z-index:200 !important;}
.modal {width:auto !important; max-width:1000px !important; padding:0 !important; border-radius:30px;}

.inquiry_view {width:700px; border-collapse:separate; border-spacing:0px; border-top:1px solid #333; table-layout:fixed;}
.inquiry_view th {color:#333; text-align:left; padding:13px 15px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.inquiry_view th.subject {font-size:16px; padding:13px 15px; border-top:1px solid #222; border-right:none;}
.inquiry_view td.cont {border-bottom:1px solid #ddd; padding:13px 15px; text-align: left; word-break:break-all; word-wrap:break-all;}
.inquiry_view td.cont.line {border-right:1px solid #ddd;}
.inquiry_view td.view_detail {color:#888; overflow:hidden; border-bottom:1px solid #ddd; padding:13px 15px;}
.inquiry_view td.view_detail p {float:left; width:50%;}
.inquiry_view td.view_content{padding:15px; word-break:break-all; border-bottom:1px solid #ddd;}



.apply_time { display:none; }
.acc_on {display:block !important;}
.schedule_item {font-weight:700;}

.holiday {color:#ff0000}
.holiday dd {height:100%;text-align:center}