@charset "utf-8";
/*sub css 모바일*/
@import url('layout.css'); /* 메인및 서브공통 레이아웃 css */
@import url('contents.css'); /* 서브 컨텐츠 css */

body {font-family:'Noto Sans KR','Nanum Gothic', sans-serif; color:#424242; font-size:14px;}

#content{ line-height:170%; padding:5%; min-height:400px}
#content img{ max-width:100%; height:auto;}
.clear { clear:both;}
#path_box .depth1, #path_box .depth2 {float:left;width: 50%;}
#path_box .depth3{position: relative;top: 20px;clear:both;margin:20px;z-index: 100; }
.depth1>ul , .depth2>ul {display: none;position: absolute;width:50%;z-index:50;}
.depth3>ul {display: none;position: absolute;width: 100%; z-index: 900;}

#path_box .depth1>a {
    display: block;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    color: #525252;
	padding:0 15% 0 7%;
    /*border-bottom: 1px solid #e0e0e0;*/
    border-right: 1px solid #e0e0e0;
    background:#f6f6f6 url(/layout/images/module/common/path_arrow.png) no-repeat 95% center;
    background-size: 13px 8px;
	letter-spacing: -0.8px;
	}

#path_box .depth2>a {
    display: block;
    height: 45px;
    line-height: 45px;
    font-size: 13px;
    color: #fff;
    padding:0 15% 0 10%;
    background: #475268 url(/layout/images/module/common/path_arrow2.png) no-repeat 92% center;
    background-size: 13px 8px;
}

#path_box .depth3>a {
    display: block;
    font-size: 14px;
    color: #fff;
    padding-left: 20px;
    height: 35px;
    line-height: 35px;
    background: #464445 url(/layout/images/module/common/icon_plus.png) no-repeat 95% center;
    background-size: 13px 13px;
    border-bottom: 1px solid #fff;
}

#path_box .depth1>ul>li, #path_box .depth2>ul>li {
    display: block;
    height: 45px;
    line-height: 45px;
    font-size: 13px;
    color: #525252;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    background: #e0dede;
	overflow:hidden;
}

#path_box .depth1>ul>li>a, #path_box .depth2>ul>li>a {display: block;   padding:0 10%; height:45px;}
#path_box .depth1>ul>li.on, #path_box .depth2>ul>li.on {background: #999;}
#path_box .depth1>ul>li.on>a, #path_box .depth2>ul>li.on>a {color: #fff;}

#path_box .depth1>ul>li.on>a, #path_box .depth2>ul>li ul li { background:#369;}

#path_box .depth3 {
    position: relative;
    top: 20px;
    clear: both;
    margin: 20px;
    z-index: 100;
}

#path_box .depth3>ul {    display: none;    position: absolute;    width: 100%;}

#path_box .depth3>ul>li>a {
    background: #e0eeef none repeat scroll 0 0;
    border-bottom: 1px solid #fff;
    color: #444343;
    display: block;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    padding-left: 20px;
}
#path_txt {height:45px; line-height:45px; color:#fff; font-size:14px;width: 100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position: relative; z-index: 9; background-color: #f2f2f2; box-sizing: border-box; padding: 0 13px; border-bottom: 1px solid #d0d0d0;}
#path_txt a{font-size:14px; color:#2d2d2d; margin:0 3px}

#content_module {line-height:170%; padding:15px 10px 10px 10px;min-height: 400px;}
#content_module img { width:100%}


#content_module .calendar .cal img{width:5%;}

/*대상자의뢰 20190515 김은영*/
 .apply_srch_top {text-align: center; font-size: 20px; padding-bottom: 30px; }
 .apply_srch {height: 142px;margin: 0 auto 70px;background-color: #f3f3f3;}
 .apply_srch ul {width: 100%; border:1px solid #e4e4e4; height: 204px;}
 .apply_srch ul li{float:left;line-height: 40px;box-sizing: border-box;transition: ease-in-out 0.15s;margin-bottom:0px !important;}
 .apply_srch ul li.name{width: 450px;border-bottom: 1px solid #d2d2d2;}
 .apply_srch ul li.phone{ width: 450px;border-bottom: 1px solid #d2d2d2;}
 .apply_srch ul li.phone p{ padding:0px; background-color: #fff;}
 .apply_srch ul li.pass{width: 450px;border-left: none;border-right: none;}
 .apply_srch ul li.btn {width: 50%; box-sizing: border-box;}
 .apply_srch ul li p {float: left; width: 13px; text-align: center;}
 .apply_srch ul li span.apply_title {width: 130px; float: left; box-sizing: border-box; text-align: center; background-color: #747474; color: #fff;}
 .apply_srch ul li .bg_blue {background-color:#65b1cf !important;}
 .apply_srch ul li input[type="text"] {border: none; height: 40px; line-height: 40px; float: left; color: #333333; background-color: #fff; display: block; margin: 0; padding: 0 10px;}
 .apply_srch ul li.name input[type="text"] {width:300px;}
 .apply_srch ul li.phone input[type="text"] {width: 78px;}
 .apply_srch ul li.pass input[type="password"] {width:300px;}
 .apply_srch ul li.cate { border-bottom:1px solid #d2d2d2; width:100%;}
 .apply_srch ul li.cate input {margin-left:10px;}
 .apply_srch ul li.cate span.apply_title { margin-right:12px;}
 .apply_srch ul li input[type="submit"] , .apply_srch ul li input[type="button"] {border: none; width: 100%; height: 40px; line-height: 40px; background-color: #fbbc0f; color: #333;  transition: ease-in-out 0.15s; cursor: pointer;}
 .apply_srch ul li.cate label {font-size:13px; margin-left:2px; letter-spacing:-0.5px;}
 .apply_srch ul li.cle input[type="button"] {background-color:#dedede !important; }
 .apply_srch ul li.cle:hover input[type="button"] {background-color:#868686 !important;}
 .apply_srch ul li:hover input[type="submit"], .apply_srch ul li:hover input[type="button"] {background-color: #5258A4; color: #fff;}
 .board_t1 a.btn_remove {padding: 5px 11px; background: #f13737; border-radius: 5px; color: #fff;}
 .apply_srch ul li input[type="password"] {border: none; height: 40px; line-height: 40px; float: left; color: #333333; background-color: #fff; display: block; margin: 0; padding: 0 10px;}


/* 패스워드 */
table.write_form {margin: 5% auto;}
table.write_form tr {border-bottom: 0;display: flex;flex-direction: row;flex-wrap: wrap;margin-bottom: 5px;}
table.write_form tr th {width:100% !important;background:none !important;padding:10px 0 !important;font-weight: 400;font-size: 1.2em;	}
table.write_form td #input_passwd {width: 100% !important;box-sizing: border-box;}
.board_button {text-align: center;}

