@charset "utf-8";

#visual_wrap{background-color: #fdfdfd; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9;}
#visual {width:1920px;left:50%;margin-left:-960px;position:relative;overflow: hidden;}
#lnb {float:left;width:180px; margin-top: -38px;}
#content {float:right;width:720px;position:relative; margin-top: 30px;}

#lnb .title_side {height:100px;line-height:100px;font-size:26px;font-weight:500;text-align:center; background: url("/images/sub/title_bg.jpg") 0 0 no-repeat; color: #fff; text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.57);  -webkit-text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.57); }
#lnb>ul {width:178px; border: 1px solid #e1e1e1;}
#lnb>ul>li {border-bottom: 1px solid #e1e1e1;}
#lnb>ul>li:last-child {border-bottom: 0;}
#lnb>ul>li>a {display:block;height:49px;line-height:49px;color:#777;vertical-align:top; background-color: #fbfbfb; font-size: 14px;  text-indent: 10px; font-weight: 500;}

#lnb>ul>li>a:hover, #lnb li>a.on {color:#936b14; background-color: #fff;}

/* 3depth */
#lnb li ul {display:none; margin:0 0 15px 20px;}
#lnb li ul a{font-size: 13px; color: #282828;}
#lnb li ul a:hover, #lnb li ul a.on{color:#936b14;}
#lnb li a.on+ul {display:block;}

.top_btn{cursor: pointer; right:350px; bottom: 100px;width: 67px; position: fixed; display: none;}

.depth3 {padding:7px 0 10px;}

.path {position:absolute;top:20px;right:5px;}
.path li {display:inline-block;zoom:1;*display:inline;font-size:12px;color:#545454;vertical-align:middle; background:url('/images/misc/arr_depth01.png') 0 center no-repeat; padding-left: 16px; margin-left: 7px;}
.path li.first{padding: 9px 3px 0 0;}
.path li:first-child {background: none;}
.path li:nth-child(2) {background: none; margin: 0; padding: 0;}
.path li:last-child {}
.path span {font-weight:500;}

.title_cont:before{content: "";display: block; width: 47px; height: 4px; background-color: #baa475;margin-bottom: 10px; line-height: 1;}
.title_cont { width: 720px; color: #555; font-size: 24px; font-weight: 500; letter-spacing: -0.05em;}
#inner_content {padding:30px 0 60px;}

/*공통*/
.text{color: #4c4c4c; font-size: 16px; font-weight: 500;}

/*.form_box*/
.form_box{border: 1px solid #ccc; border-radius: 10px; overflow: hidden; margin: 20px 0;}
.form_box dl{border-bottom: 1px solid #ccc;}
.form_box dl:last-child{border-bottom: 0;}
.form_box dl:after{display: block; content: ""; clear: both;}
.form_box dt{width: 30%; background-color: #a89679; float: left; height: 40px; line-height: 40px; color: #fff; font-size: 16px; font-weight: 500; text-align: center}
.form_box dd{width: 70%; float: left; height: 40px; line-height: 40px;  padding-left: 20px; box-sizing: border-box; }

.radio_wrap{margin-right: 20px;}
.radio_wrap:last-child{margin-right: 0;}
.radio_wrap label{ color: #5e5e5e; font-size: 16px;}

.result_wrap{margin: 25px 0;}
.result_wrap .form_box{float: left; width: 350px; margin: 0; box-sizing: border-box; -webkit-box-sizing: border-box;}

.score_box{float: right; height: 124px; width: 350px;border: 1px solid #ccc; border-radius: 10px; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 0 0 100px; background: url("/images/sub/ico_score.png") 20px center no-repeat;display: table; background-size: 60px;}
.score_box.line5{padding:7px 0 0 130px; }
.score_box p{font-size: 13px; color: #000 ;font-weight: 500;}
.score_box>div{height: 100%; display: table-cell; vertical-align: middle;}

.graph_box{width: 350px; height:250px; border: 1px solid #ccc; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 20px 14px;}
.graph_num{}
.graph_num p{height: 40px;}


.standard_box{width: 350px; height:250px; border: 1px solid #ccc; float: right; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 10px 20px 0;}
.standard_box h2{padding-left: 30px; background: url("/images/sub/ico_standard.png") 0 center no-repeat; font-size: 18px; color: #1e8361; font-weight: 500; margin-bottom: 10px;}
.standard_box{}

.result_text{font-size: 16px; color: #0f0f0f; font-weight: 500;}
.result_text  span{color: #f2812e;}
.btn{display: table; margin: 40px auto;}
.btn a{margin: 0 5px;}

/*서울 및 경기권 지역자원도*/
.tab_list{}
.tab_list li{float: left;}
.tab_list li a{display: block;font-size: 14px; color: #fff; height: 27px; line-height: 27px; background-color: #c9b797; padding: 0 12px; letter-spacing:-0.025em; border-radius: 8px; margin-right: 5px; font-weight: 500;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.53);  -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.53);
}
.tab_list li:hover a,.tab_list li.on a{background-color: #a48a5c;}
.tab_list li:last-child{margin-right: 0;}
.title{padding-left: 30px; background: url("/images/sub/ico_standard.png") 0 center no-repeat; font-size: 20px; color: #1e8361; font-weight: 500; margin-top: 20px;}

.local_resources_table{width: 100%; border-top: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; margin-top: 10px;}
.local_resources_table thead th{font-size: 12px; color: #2d2d2d; letter-spacing: -0.025em; border-bottom: 1px solid #b7b7b7; padding: 10px 10px;}
.local_resources_table tbody td{font-size: 12px; color: #2d2d2d; letter-spacing: -0.025em; border-bottom: 1px solid #e1e1e1; text-align: center; padding: 10px 0; word-break: break-all;}
.local_resources_table tbody tr:last-child td{border-bottom: 0;}
.local_resources_table tbody td{}

/*개인정보취급방침*/
.privacy_wrap{height: 360px; background-color: #ededed; overflow-y: scroll; padding: 15px 20px; margin-top: 20px;}
.privacy_wrap p{font-size: 12px; color: #131313;}
.privacy_wrap p.mt{margin-top: 20px;}

/*의뢰서 다운로드*/
.download_wrap{margin-bottom: 50px;}
.download_wrap li{float: left;}
.download_wrap li:hover{opacity: 0.8;}
.download_wrap li:first-child{margin-right:80px;}
.download_text{font-size: 16px; color: #7a7a7a; letter-spacing: -0.05em; font-weight: 500;}

/*오시는길*/
.map{width: 100%; height: 350px; overflow: hidden; margin: 20px 0 30px;}
.map img{
    width: 100%;
}
/* sticky foot */
#footer_wrap {}
#footer_wrap.sticky {width:100%; left:0;bottom:0;z-index:9999;}
#container_wrap {padding-bottom:0px;}
#container_wrap.sticky {padding-bottom:100px;}

.sub08 a{line-height:18px !important; text-align:left; padding:6px 0 0 0; box-sizing:border-box;}

/* 커뮤니티 - 일정표 */
#cld_table td {padding:4px 4px 10px 4px; white-space:none;}