@charset "UTF-8"; 

.tit-depth-arrow-icon {
    position: relative;
    padding-left: 21px;
    background: url(../images/ico/ico-title-arrow.gif) left 4px no-repeat;
    font-size: 1.143em;
    line-height: 1.4em;
    font-family: 'Noto Sans Korean Medium';
}
.tit-dotted-icon li{
    position: relative;
    padding: 3px 5px 0 15px;
    background: url(../images/ico/ico-dotted-grey.png) no-repeat 4px 13px;
}

@media all and (min-width:1200px){
.sub_main{background:url("../images/sub/sub_main.png") no-repeat center bottom; min-height:150px;}}
@media (max-width:1199px){
.sub_main{background:#98c7e5 url("../images/sub/sub_main_m.png") no-repeat center bottom; min-height:115px; background-size:90%;}
}

/*lnb*/
#lnb{width:100%;display:block; overflow:hidden;}
#lnb h2 {display:none;}
button {
    vertical-align: top;
    background: transparent; border:0}

#lnb #sideNav {position:relative;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;/* padding-top:5px; */}
#lnb #sideNav .sideNavMenu {float:left;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;/* padding:10px 0px; */}
#lnb #sideNav .sideNavMenu > ul{margin-top:30px;}
#lnb #sideNav .sideNavMenu > ul {display:block; position: relative;}
#lnb #sideNav .sideNavMenu > ul > li {display:block; position:relative; background:#f8f8f8; float:left; border:1px solid #e8e8e8; width:25%;}
#lnb #sideNav .sideNavMenu > ul > li:first-child {margin-top:0;}
#lnb #sideNav .sideNavMenu > ul > li li {position:relative;}
#lnb #sideNav .sideNavMenu > ul > li > a {display:block; position:relative; padding:12px 20px; text-align:center;
color:#333; font-size:112%; line-height:1.2;text-decoration:none; -webkit-box-sizing:border-box; box-sizing:border-box;}
#lnb #sideNav .sideNavMenu > ul > li:hover > a, #sideNav .sideNavMenu > ul > li > a:focus {background-color:#f5f5f5;}
#lnb #sideNav .sideNavMenu > ul > li .btnMenuDropDown {display:block; position:absolute; top:6px; right:0; width:30px;  height:30px;overflow:hidden; text-indent:-9999px;}
#lnb #sideNav .sideNavMenu > ul > li .btnMenuDropDown:before {content:''; position:absolute; top:50%; left:50%; margin:-4px 0 0 0px; width:12px; height:12px; text-align:center; background:url("../images/sub/bg_arrow_sidenav_depth1.png") no-repeat 0 0;}
#lnb #sideNav .sideNavMenu > ul > li .btnMenuDropDown:hover:before, #sideNav .sideNavMenu > ul > li .btnMenuDropDown:focus:before {margin:-4px 0 0 0px; width:12px; height:12px; background:url("../images/sub/bg_arrow_sidenav_depth1.png") no-repeat 0 0;}
#lnb #sideNav .sideNavMenu > ul > li > .btnMenuDropDown {top:5px; right:5px; }
#lnb #sideNav .sideNavMenu > ul > li.active > a {
background-color:#0d51a5; color:#fff; border-color:#0d51a5;}
#lnb #sideNav .sideNavMenu > ul > li.active > .btnMenuDropDown:before {margin:0; width:12px; height:12px; background:url("../images/sub/bg_arrow_sidenav_depth1_over.png") no-repeat 0 0;}
#lnb #sideNav .sideNavMenu > ul > li.active > ul {display:block;}
#lnb #sideNav .sideNavMenu > ul > li > ul {display:none; position:relative; padding:7px 5px 13px; overflow:hidden;}
#lnb #sideNav .sideNavMenu > ul > li > ul > li {position:relative;}
#lnb #sideNav .sideNavMenu > ul > li > ul > li:first-child {padding-top:0}
#lnb #sideNav .sideNavMenu > ul > li > ul > li:last-child {padding-bottom:0}
#lnb #sideNav .sideNavMenu > ul > li > ul > li > a {display:block; padding:8px 30px 8px 10px; color:#666; font-size:16px;}
#lnb #sideNav .sideNavMenu > ul > li > ul > li.active > a, #sideNav .sideNavMenu > ul > li > ul > li:hover > a, #sideNav .sideNavMenu > ul > li > ul > li > a:focus {color:#333; font-weight:bold;}
#lnb #sideNav .sideNavMenu > ul > li > ul > li.active > .btnMenuDropDown:before {margin:-2.5px 0 0 -4px; width:8px; height:5px; background-position:-40px 0;}
#lnb #sideNav .sideNavMenu > ul > li > ul > li.active > ul {display:block;}
#lnb #sideNav .sideNavMenu > ul > li > ul > li > ul {display:none; padding:6px 14px; margin:0 0 4px 0; overflow:hidden; background:#f5f5f5; border-radius:3px; font-size:110%;}
#lnb #sideNav .sideNavMenu > ul > li > ul > li > ul > li > a {padding:5px 16px 5px 0;display:block; color:#666;}
#lnb #sideNav .sideNavMenu > ul > li > ul > li > ul > li.active > a, #sideNav .sideNavMenu > ul > li > ul > li > ul > li:hover > a, #sideNav .sideNavMenu > ul > li > ul > li > ul > li > a:focus {color:#333; font-weight:bold;}
#lnb #sideNav .sideNavMenu > ul > li > ul > li > ul > li > ul > li { padding:3px 8px 2px 10px; position:relative; }
#lnb #sideNav .sideNavMenu > ul > li > ul > li > ul > li > ul > li a:before { content:""; width:3px; height:3px; position:absolute;top:10px; /*top:47% !important;*/ left:5% !important; background:#c7c7c7; }
#lnb #sideNav .sideNavMenu > ul > li > ul > li > ul > li > ul > li a { padding-left:4px; color:#aeaeae; }
#lnb #sideNav .sideNavMenu > ul > li > ul > li > ul > li > ul > li.active > a, #sideNav .sideNavMenu > ul > li > ul > li > ul > li > ul > li:hover > a, #sideNav .sideNavMenu > ul > li > ul > li > ul > li > ul > li > a:focus {color:#333; font-weight:bold;}
#lnb #sideNav .sideNavMenu > ul > li > ul > li > ul > li > .btnMenuDropDown { width:25px; height:25px; right:0; }
#lnb #sideNav .sideNavMenu > ul > li > ul > li > ul { padding:6px 3px 6px 14px !important; }
#lnb #sideNav .sideNavMenu > ul > li > ul > li > ul > li > ul > li:first-child { margin-top:4px; }
#lnb #sideNav .sideNavMenu > ul > li > ul > li > ul > li > ul > li:last-child { margin-bottom:4px; }

/*layout */
.content_wrap{width:76%; float:right; min-height:500px; padding-bottom:20px; position:relative;}
.content_wrap .sub_tit{width:100%; padding:20px 0 20px 0; border-bottom:1px solid #e3e3e3;margin-bottom: 25px;}
.sub_tit h1{display:inline-block; color:#262626; padding:0px 22px 0 0; font-size:24px; font-weight:500; margin:0;}
.scrum{display:inline-block; padding:22px 0 0 0; }
.scrum span.home{display:inline-block; width:16px; height:12px; background:url("../images/bul/bul_home.svg")no-repeat; margin-right:4px;}
.scrum span.arrow{width:7px; height:10px; background:url("../images/bul/scrum_arrow.png")no-repeat left center; padding:2px 4px 2px 12px; }
.tit_link{float:right; display:inline-block; padding:15px 0 15px 0;}

@media (max-width:1199px){
/* 	#lnb {width:100%;float:none;}
	#lnb h2{display:none;}
	#lnb #sideNav .sideNavMenu > ul{margin-top:15px;}
	#lnb #sideNav .sideNavMenu > ul > li {float:left; border:1px solid #e8e8e8;}
	#lnb #sideNav .sideNavMenu > ul > li > a {padding:12px 20px; text-align:center;} */
.content_wrap{width:100%; border-top:2px solid #343434;display:block; padding:0px 15px;}
.content_wrap .sub_tit{padding:0px 0px 20px 0px;}
.sub_tit h1{padding-top:17px;}
	.scrum{display:none;}
	.wide-white {padding:0 0 15px 0}
}

@media (max-width:767px){
.content_wrap .sub_tit{padding:0px 0px 0px 0px;}
#lnb #sideNav .sideNavMenu > ul > li {width:50%}
}

@media all and (min-width:1200px) { /* pc ver */
	.tit_link ul li {float:left; margin-left:4px;}
	.tit_link ul a {display:block; border-radius:4px; width:30px; height:30px; line-height:27px; text-align:center; background:#666;}
	.tit_link ul span {color:#fff;}
	.tit_link ul dl {position:relative; height:30px; overflow:hidden;}
	.tit_link ul dl.show {height:90px; overflow:visible;}
	.tit_link ul dd {position:absolute; top:34px;}
	.tit_link ul dd.sns1 {left:-67px;}
	.tit_link ul dd.sns2 {left:-33px;}
	.tit_link ul dd.sns3 {left: 1px;}
	.tit_link ul dd.sns4 {display:none;}
	.tit_link ul dd.sns5 {left: 35px;}
	.tit_link ul dd.sns6 {display:none;}
	.tit_link ul dd a {background-color:transparent; background-image:url("../images/ico/ico-content-social_pc.png"); background-repeat:no-repeat;} 
	.tit_link ul dd.sns2 a {background-position:-30px 0;}
	.tit_link ul dd.sns3 a {background-position:-60px 0;}
	.tit_link ul dd.sns4 a {display:none;}
	.tit_link ul dd.sns5 a {background-position:-90px 0;}
	.tit_link ul dd.sns6 a {display:none;}
}

@media all and (min-width:768px) and (max-width:1199px) { /* tablet ver */
    .tit_link ul li {float:left; margin-left:4px;}
	.tit_link ul a {display:block; border-radius:4px; width:30px; height:30px; line-height:27px; text-align:center; background:#666;}
	.tit_link ul span {color:#fff;}
	.tit_link ul dl {position:relative; height:30px; overflow:hidden;}
	.tit_link ul dl.show {height:90px; overflow:visible;}
	.tit_link ul dd {position:absolute; top:34px;}
	.tit_link ul dd.sns1 {left:-136px;}
	.tit_link ul dd.sns2 {left:-102px;}
	.tit_link ul dd.sns3 {left:-68px;}
	.tit_link ul dd.sns4 {left:-34px;}
	.tit_link ul dd.sns5 {left:0px;}
	.tit_link ul dd.sns6 {left:34px;}
	.tit_link ul dd a {background-color:transparent; background-image:url("../images/ico/ico-content-social.png"); background-repeat:no-repeat;} 
	.tit_link ul dd.sns2 a {background-position:-30px 0;}
	.tit_link ul dd.sns3 a {background-position:-60px 0;} 
	.tit_link ul dd.sns4 a {background-position:-90px 0;} 
	.tit_link ul dd.sns5 a {background-position:-120px 0;} 
	.tit_link ul dd.sns6 a {background-position:-150px 0;} 
}


@media all and (max-width:767px) { /* mobile ver */
	.sub_tit h1{font-size:130%;}
	.scrum{display:none;}

    .tit_link ul li {float:left; margin-left:4px;}
	.tit_link ul a {display:block; border-radius:4px; width:30px; height:30px; line-height:27px; text-align:center; background:#666;}
	.tit_link ul span {color:#fff;}
	.tit_link ul dl {position:relative; height:30px; overflow:hidden;}
	.tit_link ul dl.show {height:90px; overflow:visible;}
	.tit_link ul dd {position:absolute; top:34px;}
	.tit_link ul dd.sns1 {left:-136px;}
	.tit_link ul dd.sns2 {left:-102px;}
	.tit_link ul dd.sns3 {left:-68px;}
	.tit_link ul dd.sns4 {left:-34px;}
	.tit_link ul dd.sns5 {left:0px;}
	.tit_link ul dd.sns6 {left:34px;}
	.tit_link ul dd a {background-color:transparent; background-image:url("../images/ico/ico-content-social.png"); background-repeat:no-repeat;} 
	.tit_link ul dd.sns2 a {background-position:-30px 0;}
	.tit_link ul dd.sns3 a {background-position:-60px 0;} 
	.tit_link ul dd.sns4 a {background-position:-90px 0;} 
	.tit_link ul dd.sns5 a {background-position:-120px 0;} 
	.tit_link ul dd.sns6 a {background-position:-150px 0;} 
	.tit_link {
    float: right;
    display: inline-block;
    padding: 10px 0 10px 0;
	}
}

@media (max-width:640px){
    .sub_tit {overflow:hidden; padding:0;}
	.sub_tit h1{padding:15px 0 0 0;}
	.scrum span.arrow{padding:2px 2px 2px 10px;} 
	.content_wrap .sub_tit { padding: 0px 0px 0px 0px;}
}

@media (max-width:400px){
	.scrum{display:none;}
}

.content {
    width: 100%;
    min-height: 500px;
    padding-top:10px;
    position: relative;
    padding-bottom:20px;
}
@media (max-width:1199px){
.content {
    width: 100%;
    display: block;
    padding: 0 15px 15px 15px;
}
	}

/*습득물찾아주세요*/

@media (min-width:992px){
.frmSub .col-md-1 {width:15%}
.frmSub .col-md-11 { width:85%}
.frmSub .col-md-7 {width:45%}
.frmSub div {height:50px; padding:12px 20px;}
.frmSub div.date_find, .frmSub div.date_find_left {height:100px}
.frmSub div.date_find{padding:0;}
.frmSub div.sch_detail, .frmSub div.sch_list{height:60px;}
.frmSub div.col-xs-12{height:auto;}

table .thum {width:100px;}
.VeiwImg {padding:10px 20px 0 0;}
#getFrm div.col-md-7 {padding-top:10px;}
.frmSub .border-left{ border-left:1px solid #e8e8e8;}
#getFrm div.col-md-7 table .title{color: #0a54ab;font-weight: bold;}}

.sub_tit {overflow:hidden;}
.search_opt #frmSub {border-top:2px solid #222; }
.search_opt_adm #frmSub {border-top:0}

.frmSub div {border-bottom:1px solid #e8e8e8; overflow:hidden;}
.frmSub input {margin:0 5px;}
.frmSub .col-md-1 {background-color:#f5f5f5; font-size:1.0em; border-right:1px solid #e8e8e8;}
.frmSub div.date_find .date_find_radio {border-bottom:0}
.frmSub div.date_find .date_find_txt {padding:0 20px;}

.frmSub div.date_find .date_find_txt .form-control {display:inline-block; width:110px; height:25px; padding:0 0 0 12px;}
.frmSub .sch_detail input {display:inline-block; width:auto; margin:0}
.frmSub .sch_detail input::placeholder{color:#666 !important}

table.opt_admin_tbl td{text-align:left; padding-left:15px !important; padding-right:15px !important}
table.opt_admin_tbl td.date_all_top {border-bottom:0; padding-bottom:0;}
table.opt_admin_tbl td.date_all {}
table.opt_admin_tbl td input {margin-left:4px; margin-top:0}
table.opt_admin_tbl td.date_all input.form-control {width:30%; display:inline-block;}
table.opt_admin_tbl td input.sch_input {margin-left:0; width:50%; float:left;}
table.opt_admin_tbl td .sch_btn{margin-left:5px;}
 .btn_small{font-size:90%; padding:3px 6px;}




@media (max-width:991px){
.frmSub div {padding:8px 0;}
.frmSub div.date_find {padding:0}
.frmSub div.date_find .date_find_txt {border-bottom:0; padding-bottom:8px;padding-left:0; padding-right:0;}
.frmSub input{margin:5px;}
.frmSub .col-md-1 {padding:8px 15px;}
	}
@media (max-width:680px){
.frmSub div.ml20{margin-left:0}

	}
.paging { overflow:hidden; text-align:center; border:1px solid #ffffff; }
table .ing span {color:#fff; padding:2px 5px;}
table .ing span.bred {background:#f00b0b}
table .ing span.bgreen {background:#15a292}
table .ing span.bblue {background:#0085d2}


/*이용안내 -처리절차안내*/
p.pimg {margin:15px 0;}
div.row h5 {color:#0085d2; margin-top:10px; margin-bottom:5px; font-family: 'Noto Sans Korean Medium';font-size:1.143em;;} 


/* tab menu */
.tab-titlemenu {overflow:hidden; margin-top:10px;}
.tab-titlemenu li {position:relative; display:inline-block; margin:0 0px 3px 0; background:#ccc;}
.tab-titlemenu li a {display:block; margin:1px; padding-right:20px; padding-left:20px; height:38px; background:#f5f5f5; font-size:1.143em; line-height:37px; color:#000;}
.tab-titlemenu li span.mif-enter {position:absolute; top:50%; right:16px; margin-top:-6px; color:#999;}
.tab-titlemenu li.on {background:#1b8cdd;}
.tab-titlemenu li.on a {margin-left:15px; padding-right:15px; padding-left:15px; background:#fff; color:#333;}
.tab-titlemenu li.on span.mif-checkmark {position:absolute; top:50%; left:7px; margin-top:-5px; font-size:12px; color:#fff;}

@media (max-width:992px){
.tab-titlemenu li{width:100%; min-width:auto;}
}



/*login*/
.login_form {width:500px; margin:50px auto 10px auto; overflow:hidden;}
.login_btn {width:500px; margin:0 auto;}

#LostFrm input.id_form {width:50%; float:left;}
#LostFrm .btn-warning {margin-left:5px;}
@media (max-width:550px){
.login_form {width:100%;}
.login_btn {width:100%; margin:0 auto;}
}