@charset "utf-8";
/* 서브비주얼 */
.cont h3{position:absolute; left:-10000px; width:1px; height:1px; overflow:scroll;}

.sub_vis01{background:url('../_sub01/img/sub_vis01.png') no-repeat center top; background-color:#000; height:348px;}


/* 페이지내 서브메뉴 */
.sub_menu{border-bottom:1px solid #ddd; height:55px;}
.sub_menu > ul{width:1150px; margin:0 auto; overflow:hidden; padding-top:15px; text-align:center;}
.sub_menu > ul > li{display:inline;}
.sub_menu > ul > li > a{font-size:16px; font-family:'Noto Sans KR', '맑은고딕', 'Malgun Gothic', '나눔고딕', 'nanumgothic', '돋움', Verdana; display:inline-block; padding:0 50px;}
.sub_menu > ul > li > a:hover, .sub_menu > ul > li > a.on{color:#555; border-bottom:3px solid #dd5c00; padding-bottom:15px;}


/* 로케이션 */
.title{font-family:'Noto Sans KR', '맑은고딕', 'Malgun Gothic', '나눔고딕', 'nanumgothic', '돋움', Verdana; font-size:32px; color:#333;}


/* 컨텐츠 */
.cont{width:1100px; margin:0 auto; overflow:hidden;padding:45px 25px;}
.page{padding-top:35px;}
.title{float:left;}
.location{float:right; background:url(../_sub01/img/home.png) no-repeat left 5px; padding-left:12px;}
.location > span{color:#ccc; padding:0 7px;}


/* 인사말 */
.greeting_tit{font-size:22px; font-family:'Noto Sans KR', '맑은고딕', 'Malgun Gothic', '나눔고딕', 'nanumgothic', '돋움', Verdana; color:#de5c00; margin-bottom:25px;}
.col01{color:#7cb201; font-weight:bold; font-size:14px;}
.greeting_txt01{float:left; width:615px; font-size:14px; line-height:1.7em;}
.greeting_txt02{font-size:14px; clear:both; margin-top:25px; margin-bottom:35px; line-height:1.7em;}
.sign_txt01{font-size:17px; color:#333; font-family:'Noto Sans KR', '맑은고딕', 'Malgun Gothic', '나눔고딕', 'nanumgothic', '돋움', Verdana;}
.sign_txt02{font-size:14px; color:#555; font-family:'Noto Sans KR', '맑은고딕', 'Malgun Gothic', '나눔고딕', 'nanumgothic', '돋움', Verdana;}
.sign_txt03{float:left; font-family:'나눔명조', 'nanummyeongjo', '돋움', Verdana; font-size:35px; color:#333; font-weight:600; margin-left:15px;}

/* 개요 */
.rblit{font-size:23px; color:#333; font-family:'Noto Sans KR', '맑은고딕', 'Malgun Gothic', '나눔고딕', 'nanumgothic', '돋움', Verdana; background:url(../_sub01/img/rblit.png) no-repeat left top; font-weight:400; margin-bottom:25px; margin-top:35px;}

.cont_box{border-radius:20px; border:1px solid #ccc; overflow:hidden;}
.img01, .img02, .img03{float:left; margin-right:10px;}
.img01{height:235px;}
.img02{height:185px;}
.img03{height:110px;}
.txt01, .txt02, .txt03{float:left; padding:25px;}
.txt01 > ul > li, .txt02 > ul > li, .txt03 > ul > li{background:url(../_sub01/img/ry_dot.png) no-repeat left 7px; padding-left:20px; line-height:22px;}
.txt01 > ul > li > span{color:#333; padding-right:35px; font-weight:600;}
.txt02 > ul > li > span{color:#333;  font-weight:600; width:150px; display:inline-block;}
.txt02 > ul > li > span.sec_li{display:block; margin-left:150px; width:auto; color:#555; font-weight:normal;}


.his01_tit, .his02_tit{font-size:22px; font-family:'Noto Sans KR', '맑은고딕', 'Malgun Gothic', '나눔고딕', 'nanumgothic', '돋움', Verdana; color:#fff; width:260px; border-radius:15px; text-align:center; padding:20px 0; float:left; margin-right:110px;}
.his01_tit{background-color:#7fb600;}
.his02_tit{background-color:#00b68d;}
.his01_ul, .his02_ul{float:left;}
.his01_ul > ul > li{background:url(../_sub01/img/gr_dot.png) no-repeat left 7px; padding-left:20px; line-height:22px;}
.his02_ul > ul > li{background:url(../_sub01/img/cy_dot.png) no-repeat left 7px; padding-left:20px; line-height:22px;}
.his01_ul > ul > li > span, .his02_ul > ul > li > span{color:#333; font-weight:600; width:95px; display:inline-block;}
.his01_ul > ul > li > span.sec_li, .his02_ul > ul > li > span.sec_li{display:block; margin-left:95px; width:auto; color:#555; font-weight:normal;}

.s_tit{font-size:18px; font-family:'Noto Sans KR', '맑은고딕', 'Malgun Gothic', '나눔고딕', 'nanumgothic', '돋움', Verdana; font-weight:400; background:url(../_sub01/img/s_tit.gif) no-repeat left center; padding-left:15px;margin-bottom:15px;}

.tbl02{width:calc(100% - 60px);box-sizing:border-box; text-align:center; font-size:13px; font-family:'돋움','Nanum Gothic'; margin-bottom:25px;margin-left:30px; margin-top:15px; border-collapse:separate;border-left:none; text-align:center; border-top:2px solid #555; }
.tbl02 td,.tbl02 th{padding:7px 10px;border-left:none;color:#555;line-height:20px;border-collapse:separate; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.tbl02 td.nobdr,.tbl02 th.nobdr{border-right:none;}
.tbl02 th{background:#f1f1f1; color:#333; font-size:14px; font-weight:600 ;border-right:1px solid #f1f1f1;}
.tbl02 .align{text-align:left; padding-left:15px;}

/* 비전 */
.diagram01_img{padding:25px 0; text-align:center;}
.diagram01_txt{background:#f2f2f2; border-radius:0 0 20px 20px; border-top:1px dashed #aaa; padding:25px;}
.diagram01_txt > ul > li{background:url(../_sub01/img/circle_gray.gif) no-repeat left 8px; padding-left:13px;}

/* 조직도 */
.organization{text-align:center;}

/* 오시는길 */
.contact_img{float:left; padding:25px;}
.contact_txt01, .contact_txt02, .contact_txt03{float:left; padding:25px; width:840px;}
.borb{border-bottom:1px dotted #aaa; overflow:hidden; margin-bottom:25px;}
.contact_txt02 > ul > li{background:url(../_sub01/img/circle_gray.gif) no-repeat left 8px; padding-left:13px;}
.col02{color:#0080b6; font-weight:bold; font-size:14px;}

/* 중도매인 업무*/
.parti{background:url(../_sub02/img/middle_bg.png) no-repeat left top;}
.parti_cont{margin-left:320px; width:704px; padding:25px;}
.parti_txt01, .parti_txt02, .parti_txt03{float:left; padding:25px; width:470px;}
.parti_txt02 > ul > li{background:url(../_sub01/img/circle_gray.gif) no-repeat left 8px; padding-left:13px;}

/* 중도매인 참여 안내 */
.parti01{background:url(../_sub04/img/parti_bg.png) no-repeat left top;}

/* 청과이야기 */
.cont_box01{border-radius:20px; border:1px solid #ccc; overflow:hidden; padding:25px; margin-bottom:25px;}


/* 시세현황 */
.control {width:100%; margin:0 auto; text-align:center;}
.control .no > a, .control .arrow > a {border:1px solid #ccc; padding:2px 7px; display:inline-block; margin-right:2px; text-decoration:none;}
.control .no > a:hover, .control .no > a.on { background:#767676; border:1px solid #666; color:#fff; font-weight:bold;}
.control .arrow > a:hover {background:#f1f1f1;}

.search {width:100%; background:#f3f3f3; padding:15px 0; margin-bottom:25px; position:relative;}
.search label{position:absolute; left:-10000px; width:1px; height:1px; overflow:scroll;}
.search input {background-image:none; height:40px; color:#555; border:1px solid #ccc;}
.search input.search_btn {background:url(../img/magnifier.png) no-repeat right top; border:none; width:41px; height:40px; margin-left:3px; position:absolute; top:15px; cursor:pointer;}
#cate01, #cate02, #year, #month, #date{height:40px; color:#555; border:1px solid #ccc; padding:5px;}
#cate01, #cate02{width:250px;}
#year, #month, #date{width:120px;}
#cate01{margin-left:70px;}