/* 체험관 지도 안내 리스트 */
.mapList{ font-size:0; border-top:1px dashed #ddd; padding-top:1rem; margin-top:1rem;}
.mapList li{ width:25%; display:inline-block; vertical-align: top; font-size:.75rem; padding-right:.4rem; word-break: keep-all;}

/* 서브 로그인 */
.sublogin h3{ font-size:1.25rem; font-weight:700; color:#222; text-align:center;}
.sublogin .form{ padding:1.25rem; border:1px solid #ccc; border-radius:.5rem; max-width:40rem; margin:1rem auto 0;}
.sublogin .form ul{ max-width:25rem; margin:0 auto;}
.sublogin .form li{ display:flex; align-items:center;}
.sublogin .form li ~ li{ margin-top:1rem;}
.sublogin .form li em{ min-width:4rem; line-height:2rem; margin-right:.5rem; text-align:center; display:block; font-weight:600; border-radius:.25rem; color:#fff; background:#1a5eac; }
.sublogin .form li input[type="text"],
.sublogin .form li input[type="password"],
.sublogin .form li input[type="number"]{ width:calc(100% - 4.5rem); height:2rem; line-height:2rem; padding:0 .5rem; font-weight:600; border:0; border-bottom:1px solid #e4e4e4; color:#222;}
.sublogin .form .btns{ margin:1.5rem 0;}
.sublogin .form .info{ border-top:1px dashed #ccc; padding-top:1rem;}

/*개인정보처리방침*/
.privacy_wrap .pri_img img{width: 4rem;}
.privacy_wrap img.pri_ico {width: 2rem; vertical-align: middle;}

/* 정보목록 : 검색폼 */
.tbl_form table tr td > .date span { padding:0 5px;}

/* 조직도 *//*250604*/
.orgWrap { position:relative; text-align:center; margin-top:3rem; word-break: keep-all;}
.orgWrap :before{ z-index:-1;}
.orgWrap a{ display:block; position:relative;}
.orgWrap h2 p,
.orgWrap h3 p{ position:relative; display:inline-block; min-width:20rem; font-size:1rem; font-weight:600; color:#fff; padding:.75rem; border-radius:.25rem; margin-bottom:1.5rem;}
.orgWrap h2 p span,
.orgWrap h3 p span{ display:inline-block;}
.orgWrap h2 p{ background:#28348a;}
.orgWrap h3 p{ background:#004794;}
.orgWrap .dept1{position:relative; overflow:hidden;}
.orgWrap .dept1:before{ content:""; position:absolute; left:50%; top:0; height:100%; border-left:1px solid #ddd;}
.orgWrap .dept2{ position:relative; display:flex; flex-wrap:wrap; align-items:flex-start; overflow:hidden;}
.orgWrap .dept2:before{ content:""; position:absolute; left:25%; top:0; width:50%; border-top:1px solid #ddd;}
.orgWrap .dept2 dl{ position:relative; flex:1; margin:0 .5rem;  padding-top:1.25rem;}
.orgWrap .dept2 dl:before{ content:""; position:absolute; left:calc(50% - 1px); top:0; height:100%; border-left:1px solid #ddd;}
.orgWrap .dept2 dl:first-of-type:before,
.orgWrap .dept2 dl:last-of-type:before{ content:""; position:absolute; left:50%; top:0; height:100%; border-left:1px solid #ddd;}
.orgWrap .dept2 dt{ position:relative; display:flex; height:2.5rem; justify-content:center; align-items:center; font-size:.85rem; font-weight:600; color:#fff; padding:.15rem .25rem; border:1px solid; border-radius:.25rem;}
.orgWrap .dept2 dd{min-height:10rem;padding:.75rem 1rem;border:1px solid #ccc;border-radius:0 0 .25rem .25rem;margin-top:-.25rem;background:#fff;text-align:left;display: flex;flex-wrap: wrap;}
.orgWrap .dept2 dd ul {width:50%;}
.orgWrap .dept2 dd li{ position:relative; padding-left:10px;}
.orgWrap .dept2 dd li:before{ content:""; position:absolute; left:0; top:.5rem; width:4px; height:4px; border-radius:50%; background:#999; z-index: 1;}
/* 조직도 : 색상 */
.orgWrap .col1 dt{ background:#0d69cd;}
.orgWrap .col2 dt{ background:#7758db;}

/* 달력 */
.rsv_top_area {overflow:hidden; margin: 1.5rem 0; }
.rsv_top_area .calendar_wrap{ width:45%; float:left; border:1px solid #d2d2d2; border-radius:.25rem;}
.rsv_top_area .calendar_wrap .nowcal {position:relative; border-bottom:1px solid #d2d2d2; height:3rem; }
.rsv_top_area .calendar_wrap .nowcal span {display:inline-block; text-indent:-9999px; content:''}
.rsv_top_area .calendar_wrap .currunt_month {width:100%; font-size:.95rem; font-weight:700; text-align:center; line-height:3rem; }
.rsv_top_area .calendar_wrap .prev_month {position:absolute; top:.5rem; left:0}
.rsv_top_area .calendar_wrap .next_month {position:absolute; top:.5rem; right:0}
.rsv_top_area .calendar_wrap .prev_month a {display:block; width:2.25rem; height:2.25rem; background:url('/images/dgedu/web/jinhak/sub/arr_prv.png') no-repeat 50% 42% ; }
.rsv_top_area .calendar_wrap .next_month a {display:block; width:2.25rem; height:2.25rem; background:url('/images/dgedu/web/jinhak/sub/arr_nxt.png') no-repeat 50% 42%; }
.rsv_top_area .calendar{width:100%; border-bottom:1px solid #d2d2d2; }
.rsv_top_area .calendar thead th {height:2rem; border-bottom:1px solid #d2d2d2; font-weight:500; }
.rsv_top_area .calendar tbody td {text-align:center; height:2.2rem; cursor:pointer; border-left:1px solid #ebebeb; border-top:1px solid #ebebeb; color:#555; }
.rsv_top_area .calendar tbody td:first-child{border-left:none; }
.rsv_top_area .calendar tbody td:hover {background:#d5eded; }
.rsv_top_area .calendar .sun > p{color:#d23a3a; }
.rsv_top_area .calendar .sat > p{color:#2667ab; }
.rsv_top_area .calendar .select { background: #9ad0f4!important; font-weight:600; }
.rsv_top_area .calendar .select:hover{background:#007dbd; }
.rsv_top_area .calendar .select > p {color:#fff; }
.rsv_top_area .calendar .full{cursor:default; background: #f6cece; }
.rsv_top_area .calendar .rev_no{cursor:default; background: #ebf2f6; }
.rsv_top_area .calendar .rev_no:hover {background: #f8f8f8; } 
.rsv_top_area .calendar .rev_no p span { font-size:11px; }
.rsv_top_area .calendar .day_no:hover{ background:none; cursor:default; }
.rsv_top_area .fa_select{ position:relative; width:53%; min-height:16.5rem; border-radius:.25rem; float:right; border:1px solid #ddd; }
.rsv_top_area .fa_select .s_tit {font-weight:600; height: 3rem; line-height: 3rem; font-size:.9rem; padding:0 1rem; border-bottom:1px solid #ddd; background:#528fed; color:#fff; }
.rsv_top_area .fa_select .rev_cont {position:relative; padding:1rem; height: 14.5rem; overflow: auto; margin-bottom: .75rem; }

.cal_sort {padding:10px; }
.cal_sort > span {display:inline-block; font-size:.75rem; padding-right:5px; }
.cal_sort > span:before {content:''; display:inline-block; width:.7rem; height:.7rem; background:#fff; border:1px solid #d2d2d2; vertical-align:middle; margin-right:.2rem; font-size:.6rem; text-align:center}
.cal_sort > span.type2:before {background: #ebf2f6; content:''; } /* 181212 수정 */
.cal_sort > span.type3:before {background: #f6cece; content:''; } /* 2021 기능개선 jsl 수정 */

/* 인사말 수정 */
.greet_box {position:relative;padding: 2rem 2rem; font-size: 1.3rem;}
.greet_box::before {content:''; clear:both; display:block;}
.greet_box .greet_img {position:absolute;right: 7%;top: 0;}
.greet_bg {position: relative;padding: 3.3rem 0;height: 231px;}/*250613*/
.greet_bg::before {content:'';display:block;width: 100%;height: 284px;background: url(/images/dgedu/web/daegu-i/sub/greet_bg.png) top no-repeat;background-size: contain;position: absolute;top:0;z-index: -1;}
.greet_bg .title1 {font-size: 1.3rem;}
.greet_bg .title2 {font-size: 1.8rem;}
.grtWrap .grtTxt p {font-size : 0.9rem;}

/*250604*/
.pscBox {background:#fff; border:4px solid #ececec;}
.pscBox ul {border:1px solid #e3e3e3; box-shadow:none; border-radius:1rem;}
.pscBox p.txt {text-align:left; font-size:.8rem; font-weight:bold;}

.btn_ico i {padding-left:0 !important; font-size:1.2rem !important;}

@media (max-width:1024px) {
    
    /* 체험관 지도 안내 리스트 */
    .mapList li{ min-width:33%;}
    
    /* 인사말 수정 */
    .greet_bg {height: 150px;}
	.greet_box .greet_img {position: relative; display: block; text-align:center; right:0;}

	/*250604*/
	.orgWrap .dept2 dd ul {width:100%;}
}

@media (max-width:768px) {
    
    /* 체험관 지도 안내 리스트 */
    .mapList li{ min-width:50%;}

    /* 정보목록 : 검색폼 */
    .tbl_form table tr td > .date{ display:flex;}
    .tbl_form table tr td > .date input { flex:1;}

    /* 조직도 */
	.orgWrap .dept1 h2 p, 
	.orgWrap .dept1 h3 p{ font-size:.95rem; min-width:50%;}
	
	/* 달력 */
	.rsv_top_area .calendar_wrap{ width:100%; float:none; margin-bottom:1rem;}
	.rsv_top_area .fa_select{ width:100%; float:none; min-height:6rem; }
	.rsv_top_area .fa_select .rev_cont{ height:auto;}
}

@media (max-width:580px) {

	/* 조직도 */
	.orgWrap{ margin-top:1.5rem;}
	.orgWrap .dept1 h2 p, .orgWrap .dept1 h3 p{ margin-bottom:1rem;}
	.orgWrap .dept2{ width:100%; margin:0; border:2px solid #ccc; padding:0 1rem 1.25rem; background:#fff; border-radius:.25rem;}
	.orgWrap .dept2 dl{ flex:auto; width:100% !important; min-height:0px; margin:0;}
	.orgWrap .dept2 dl:before{ display:none;}
	.orgWrap .dept2 dd{ min-height:0px !important;}
	/* 조직도 : 색상1 */
	.orgWrap .col1 dd{ border-color:#b1cff0;}
	/* 조직도 : 색상2 */
	.orgWrap .col2 dd{ border-color:#c3b5ef;}
	
	/* 인사말 수정 */
	.greet_box {font-size: 1.1rem;}
	.greet_box .greet_img {margin: 0 0 20px;}
	.greet_bg .title1 {font-size: 1rem;}
	.greet_bg .title2 {font-size: 1.3rem;}
}

@media (max-width:380px) {
    
    /* 체험관 지도 안내 리스트 */
    .mapList li{ min-width:100%;}

    /* 서브 로그인 */
    .sublogin .form{ padding:1rem .75rem;}

	/* 조직도 */
	.orgWrap .dept1 h2 p, .orgWrap .dept1 h3 p{ display:block;}
}