@charset "utf-8";

.photo2 li{width:24.5%;}
@media all and (max-width:1120px){
	.photo2 li{width:32.5%;}
}
@media all and (max-width:660px) {
	.photo2 li{width:49%;}
}
@media all and (max-width:380px){
	.photo2 li{width:100%;}
}

#sub_default h4, 
.tit_txt { font-size: 22px; font-weight: 800; padding: 0; padding-left: 12px; }
#sub_default h4:before, 
.tit_txt:before { width: 3px; height: 15px; background-color: #cc5f00; top: 5px; }

.dot li:before { width: 3px; height: 3px; background: #ccc; top: 12px; }

.img { position: relative; }
.img .wrap { position: relative; /*padding-top: 67%;*/ overflow: hidden; transition: .3s; }
.img .wrap .centered { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%); }
.img .wrap .centered img { position: absolute; top: 0; left: 0; width: auto; max-width: none; height: 100%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }

/* 로그인 */
#sub_login{overflow:hidden; /*width:100%;*/ border:1px solid #ddd; font-weight:bold; box-sizing:border-box;}
#sub_login .login{display:block; padding:45px 6%;}
#sub_login .login .txt{font-size:17px;}
#sub_login .login .in_box{float:left; width:60%; margin:0 0.3em 0 0;}
#sub_login .login .in_box input[type="text"],
#sub_login .login .in_box input[type="password"]{width:100%; height:49px; line-height:49px; padding:0 0 0 10px; margin:0 0 8px 0; font-size:15px; border-radius:5px; border:1px solid #ddd; background:#f8f8f8; box-sizing:border-box;}
#sub_login .login .in_box input:hover,
#sub_login .login .in_box input:active,
#sub_login .login .in_box input:focus{border-color:#aeaeae;}
#sub_login .login .bt_login{float:left; width:36%; max-width:125px; height:108px; color:#fff; font-size:17px; background:#d46a39; border-radius:5px; border:none; font-weight:bold;}
#sub_login .login .ck_id{clear:both; width:100%; padding:5px 0 0 0;}
#sub_login .login .ck_id label{display:inline-block; padding:0 0 0 5px; vertical-align:middle;}
#sub_login h4, 
.tit_txt { position: relative; clear: both; width: 100%; padding: 0 0 15px 30px; line-height: 100%;  font-size: 22px; letter-spacing: -1px; font-weight: 800; color: #000; box-sizing: border-box;
    background: url(/images/kr/common/bg_tit.gif) no-repeat 0 1px; }
#sub_login h4:before, 


/* 의사일정 */
#sub_agenda .btns{position:relative; float:left; height:60px; width:100%; text-align:center;}
#sub_agenda .btn_left{position:absolute; top:0; left:0;}
#sub_agenda h3{padding:0 0 0 26%; line-height:37px; font-family:"arial"; font-size:37px;}
#sub_agenda .btn_right{left:auto; right:0;}
#sub_agenda .btn-primary{background:#2C3E50; border-color:#2C3E50;}
#sub_agenda .btn-primary.today{opacity:0.7;}
#sub_agenda .btn-primary:hover{background:#1e2b37; border-color:#1e2b37;}
#sub_agenda .calendar{width:100%; table-layout:fixed; border-collapse:collapse; margin:0 0 20px 0; font-size:16px; font-weight:400;}
#sub_agenda .calendar th{padding:7px 0; color:#fff; background:#707070; border:1px solid #ddd}
#sub_agenda .calendar td{height:113px; line-height:120%; vertical-align:top !important; padding:2px; text-align:right; border:1px solid #ddd;}
#sub_agenda .calendar td.today{background:#fffa90;}
#sub_agenda .calendar .calendarView{display:block; overflow:hidden; width:96%; padding:3px 1px; margin:0 auto 1px; font-size:14px; color:#333; line-height:120%; white-space:nowrap; text-overflow:ellipsis; text-align:center; color:#fff; background:#056fd7; border-radius:2px;}
#sub_agenda .calendar .sun{color:red;}
#sub_agenda .calendar .sat{color:blue;}
#sub_agenda .calendar td.other{opacity:0.3; background:#eee;}
@media all and (max-width:768px) {
	#sub_agenda .btns{height:50px;}
	#sub_agenda .btn_left .btn{font-size:14px; padding:4px 8px;}
	#sub_agenda h3{line-height:30px;}
	#sub_agenda .calendar td{height:70px;}
	#sub_agenda .calendar .calendarView{font-size:13px;}
}
@media all and (max-width:568px) {
	#sub_agenda .btns{height:auto; text-align:left;}
	#sub_agenda .btn_left{position:static;}
	#sub_agenda .btn_left .btn{font-size:13px; padding:3px 6px;}
	#sub_agenda h3{clear:both; width:100%; padding:10px 0 15px; line-height:26px; font-size:28px; text-align:center;}
	#sub_agenda .calendar{font-size:14px;}
	#sub_agenda .calendar td{height:55px;}
}
@media all and (max-width:380px) {
	#sub_agenda h3{line-height:24px; font-size:27px;}
	#sub_agenda .calendar .calendarView{font-size:12px;}
}

/* 성희롱신고센터 */
#sub_board .info_box2 {position: relative;margin: 0 0 25px;padding: 30px 200px 75px 30px;word-break: keep-all;border: 1px solid #d1d0d0;}
#sub_board .info_box2::after {content:''; position: absolute; top: 30px; right: 30px; width: 114px; height: 114px; background: url(/images/kr/open/ico_sos.png)no-repeat;}
#sub_board .info_box2 .red {font-size: 19px; color: #e55858;}
#sub_board .info_box2 p {margin: 5px 0 10px;}
#sub_board .info_box2 ul li {position: relative; padding: 0 0 0 20px;}
#sub_board .info_box2 ul li::before {content:'▲'; position: absolute; top: -1px; left: 0; color: #d1d0d0;}

@media all and (max-width:768px) {
	#sub_board .info_box2 {padding: 30px 30px 75px;}
	#sub_board .info_box2 .red,
	#sub_board .info_box2 p {display: block;padding-right: 150px;}
	#sub_board .info_box2 p {margin: 10px 0 20px;}
}
@media all and (max-width:568px) {
	#sub_board .info_box2 {padding: 20px 20px 70px;}
	#sub_board .info_box2::after {top: 20px; right: 20px; width: 80px;height: 80px;background-size: cover;}
	#sub_board .info_box2 .red,
	#sub_board .info_box2 p {padding-right: 90px;}
	#sub_board .info_box2 .red {font-size: 17px;}
}
@media all and (max-width:400px) {
	#sub_board .info_box2::after {display: none;}
	#sub_board .info_box2 .red,
	#sub_board .info_box2 p {padding-right: 0px;}
}


/* 성희롱신고센터 다운로드 버튼 */
.sos_btn {float:left;height:35px;background-color: #475484;line-height:35px;padding: 0 20px 0 20px;margin: 10px 12px 0 0;font-size:14px;color:#fff;border-radius:10px;}
.sos_btn::after {content:''; display:inline-block; margin: 0 0 0 7px; width: 16px; height: 16px; background: url(/images/intra/ico_download.png)no-repeat;}