@charset "utf-8";
/* 한돈 아카이브
******************/

/* main jquery tab CSS  **********************************************************************/
.ui-tabs,.ui-tabs .ui-tabs-panel {padding:0;}
.ui-tabs .ui-tabs-nav {padding:0}
.ui-tabs .ui-tabs-nav li,
.ui-widget.ui-widget-content,
.ui-widget-header,
.ui-state-active, .ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active, .ui-button:active,
.ui-button.ui-state-active:hover {border:0;background:transparent;padding:0;}

/* 달력 */
.ui-widget.ui-widget-content {background:#fff;border:1px solid #ddd;}
.ui-state-default, .ui-widget-content .ui-state-default {border:0;}
.ui-datepicker table {margin:0;}

.bx-wrapper .bx-controls-direction a {margin-top:0;}
.bx-wrapper .bx-prev {background:url(../images/ico_prev.png) no-repeat;left:20px;}
.bx-wrapper .bx-next {background:url(../images/ico_next.png) no-repeat;right:20px;}
/* ------------------------------------------ */

.ico:before{display:inline-block;content:'';background-image:url(../images/ico_com.png);background-repeat:no-repeat;vertical-align:middle}
.ico.qmenu:before{width:24px;height:18px;background-position:-75px 0;} /* 퀵메뉴 */
/* 롤링로고 컬러 */
.logo:before {display:inline-block;content:'';background-image:url(../images/ico_logo.png);background-repeat:no-repeat;vertical-align:middle;margin-right:5px;}
.logo.han:before {width:50px;height:41px;background-position:0 0} /* 한돈닷컴 */
.logo.pork:before {width:36px;height:33px;background-position:-53px 0} /* 자조금 */
.logo.in:before {width:40px;height:52px;background-position:-94px 0} /* 인증점 */
.logo.mall:before {width:62px;height:33px;background-position:-137px 0} /* 한돈몰 */

/* 롤링로고 흑백 */
.logoB:before {display:inline-block;content:'';background-image:url(../images/ico_logo_b.png);background-repeat:no-repeat;vertical-align:middle;margin-right:5px;}
.logoB.han:before {width:50px;height:41px;background-position:0 0} /* 한돈닷컴 */
.logoB.pork:before {width:36px;height:33px;background-position:-53px 0} /* 자조금 */
.logoB.in:before {width:40px;height:52px;background-position:-94px 0} /* 인증점 */
.logoB.mall:before {width:62px;height:33px;background-position:-137px 0} /* 한돈몰 */

.bar {display:inline-block;background:url(../images/list_bar.png) no-repeat;width:1px;height:9px;font-size:0;text-indent:-5000px}
.i_sch {display:inline-block;background:url(../images/icon_off.png) no-repeat;width:14px;height:14px;font-size:0;text-indent:-5000px}
.i_sch_on {display:inline-block;background:url(../images/icon_on.png) no-repeat;width:14px;height:14px;font-size:0;text-indent:-5000px}
.i_view {display:inline-block;background:url(../images/view.png) no-repeat 100% 100%;width:42px;height:15px;font-size:0;text-indent:-5000px}
.i_arr_rignt{display:inline-block;background:url(../images/arrow_rignt.png)no-repeat;width:8px;height:13px;font-size:0;text-indent:-5000px;vertical-align:middle;}
.i_arr_low{display:inline-block;background:url(../images/arrow_low.png)no-repeat;width:13px;height:8px;font-size:0;text-indent:-5000px;vertical-align:middle;}
.i_search{display:inline-block;background:url(../images/icon_search.png)no-repeat;width:20px;height:20px;font-size:0;text-indent:-5000px;vertical-align:middle;}
.i_home {display:inline-block;background:url(../images/icon04.png) no-repeat;width:14px;height:13px;font-size:0;text-indent:-5000px}
.i_prev2 {display:inline-block;background:url(../images/ico_prev2.png) no-repeat;width:7px;height:13px;font-size:0;text-indent:-5000px}
.i_next2 {display:inline-block;background:url(../images/ico_next2.png) no-repeat;width:7px;height:13px;font-size:0;text-indent:-5000px}
.i_plus {display:inline-block;background:url(../images/plus.png) no-repeat;width:13px;height:13px;font-size:0;text-indent:-5000px}
.i_minus {display:inline-block;background:url(../images/minus.png) no-repeat;width:13px;height:13px;font-size:0;text-indent:-5000px}
.i_close {display:inline-block;background:url(../images/ico_close.png) no-repeat;width:12px;height:12px;font-size:0;text-indent:-5000px}
.i_arr_up {display:inline-block;background:url(../images/arrow_up.png) no-repeat;width:13px;height:7px;font-size:0;text-indent:-5000px}
.i_arr_down{display:inline-block;background:url(../images/arrow_down.jpg) no-repeat;width:13px;height:7px;font-size:0;text-indent:-5000px}



.wp50{width:50%}
.wpfull{width:100%}

.fl{float:left;}
.fr{float:right;}
.block {display:block;}
.none {display:none}

.positionR {position:relative}

/* 말줄임 */
.ellipsis {display:inline-block;display:-webkit-box;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal;}
.el2 {text-align:left;-webkit-box-orient:vertical;white-space:normal !important;-webkit-line-clamp:2;} /* 2줄 */

#wrap {width:100%;min-width:1260px;height:100%;background-color:#f3f3f3}

/* 헤더 */
header{width:100%;min-height:181px;background-color:#fff;border-bottom:1px solid #d8d2cd;}
header .inner{width:1260px;margin:0 auto 0;}
header .top_logo .top_link {float:right;margin-top:10px;font-size:12px;color:#333333;}
header .top_logo .top_link a {padding:0 5px;}
header .top_logo {width:100%;height:120px;border-bottom:1px solid #d8d2cd;background: white;position: fixed;z-index: 9999;}
header .top_logo h1 {text-align:center;position: absolute;left: 0;right: 0;top: 35px;}
header .gnb {width:1260px;margin:0 auto;overflow:hidden;border-left:1px solid #d8d2cd;}
header .gnb li {width:252px;height:60px;line-height:59px;text-align:center;float:left;border-left:1px solid #d8d2cd}
header .gnb li:first-child{border-left:0;width:251px !important;}
header .gnb li:last-child {border-right:1px solid #d8d2cd;}
header .gnb li a {display:block;height:60px;font-size:16px;color:#555;font-weight:bold;}
header .gnb li a:hover, header .gnb li a.on {background-color:#edb832;color:#fff;}
header .gnb li.q_menu {width:64px;line-height:59px;text-align:center;vertical-align:middle;border-right:1px solid #d8d2cd}
header .gnb li.q_menu a {font-size:0;}

#top_menu{margin-top: 120px;}

/* 드롭다운 네비 */
#navigation {/* position:absolute;left:0;right:0;z-index:1; */border-top:1px solid #d8d2cd;background-color:#fff;}
#navigation .inner{width:1260px;margin:0 auto 0;background-color:#edb832;margin-top:-1px;}
.navi_tb {width:100%;}
.navi_tb table {width:100%;}
.navi_tb table th {background-color:#2b2b2b;color:#fff;border-left:1px solid #666;border-right:1px solid #666;height:50px;line-height:49px;}
.navi_tb table td:first-child {border-left:1px solid #e0e0e0}
.navi_tb table td {border-top:1px solid #e0e0e0;border-right:1px solid #e0e0e0;background-color:#fff;}
.navi_tb table td a{display:block;color:#666;height:40px;line-height:40px;padding-left:20px;font-weight:bold;}
.navi_tb table td a:hover, .navi_tb table td a.on {background-color:#e0e0e0;color:#666}

/* 푸터 */
footer {width:100%;min-height:201px;border-top:1px solid #c6d1dc;background-color:#fff;padding-bottom:26px;overflow:hidden;}
footer .f_logo {width:100%;}
footer .f_logo h2 {text-align:center;margin-bottom:35px;}
footer address {text-align:center;margin-bottom:10px;line-height:1}



/* checkbox */
.checkbox input[type="checkbox"] {border:1px solid #999999;background-color:#dedede;width:13px;height:13px;display:inline-block;vertical-align:middle;}
.checkbox label {color:#c2c2c2;font-size:12px}

/* select 검색 박스 */
.search_area {display:inline-block;}
.search_area .select_list {float:left;width:auto;min-width:86px;padding:0 10px;height:35px;font-size:14px;line-height:24px;color:#666;border:1px solid #b2b0b1;background-color:#fff;box-sizing:border-box;margin-right:10px;}
.search_area input[type="text"] {float:left;width:258px;height:35px;padding:7px;color:#666;border:1px solid #b2b0b1;}
.search_area .btn_search {float:left;height:35px;padding:0 15px;background-color:#a88f7b;color:#fff;font-size:12px;}
.search_area .btn_search:hover {background-color:#756355;}

/* 썸네일 */
.thumb_comm {overflow:hidden;}
.thumb_wp {overflow:hidden;float:left;}
.thumb_wp li {float:left;margin-bottom:10px;margin-right:10px}
.thumb_wp li.mar0 {margin-right:0;}
.thumb_wp .link_thumb {display:block;width:307px;height:353px;border:1px solid #d0c1aa}
.thumb_wp .thumb_img {display:block;width:100%;height:218px;}
.thumb_wp .thumb_img > img {display:block;width:100%;height:100%;}
.thumb_wp .cont_info {border-top:1px solid #d0c1aa;font-size:12px;line-height:14px;padding:0 18px}
.thumb_wp .tit_subject {font-size:16px;color:#555;line-height:22px;}
.thumb_wp .txt_desc {color:#5d5d5d;font-size:14px;}
.thumb_wp .txt_dt {color:#999;font-size:14px;}
.thumb_wp .txt_dt > img {vertical-align:-2px;}
.thumb_wp .txt_dt dt, .thumb_wp .txt_dt dd {display:inline-block}
.thumb_wp .txt_dt span.bar {margin:0 10px;}

/* 페이지네이션 */
.paging {text-align:center;}
.paging span {display:inline-block;width:35px;height:35px;text-align:center;line-height:33px;margin-right:4px;vertical-align:top;background-color:#fff;border:1px solid #d0c1aa;}
.paging span a {display:block;color:#999;}
.paging span.prev {display:inline-block;background:url(../images/ico_prev2.png) no-repeat center;font-size:0;text-indent:-5000px;z-index:2}
.paging span.next {display:inline-block;background:url(../images/ico_next2.png) no-repeat center;font-size:0;text-indent:-5000px;z-index:2}
.paging span:hover {background-color:#ffc021;border:1px solid #d09116;}
.paging span:hover > a {color:#fff}
.paging span.on {border:1px solid #d09116;background-color:#ffc021;color:#fff}
.paging span.on > a{color:#fff}

/* 버튼 */
/*.btn_area {text-align:center;overflow:hidden;}*/
.btn_area {text-align:center;overflow:hidden;width:100%;float:left;}
.btn_area button{height:35px;line-height:33px;color:#fff;font-size:14px;text-align:center;padding:0 19px;margin-left:10px}
.btn_area .basic{background-color:#a88f7b;border:1px solid #756355;}
.btn_area .basic:hover {background-color:#756355;border-color:#a88f7b}
.btn_area .basic.yellow {background-color:#ffc122;border-color:#cf960b}
.btn_area .basic.yellow:hover {background-color:#cf960b;border-color:#ffc122}

/* 테이블 */
.tb-1{border:1px solid #cccbcb;width:100%;margin-bottom:28px;}
.tb-1 thead th{height:35px;line-height:32px;border-left:1px solid #cccbcb;border-bottom:1px solid #cccbcb;background-color:#f5f5f5;font-weight:normal;text-align:center;}
.tb-1 tbody th{padding:9px;height:35px;line-height:32px;border-right:1px solid #cccbcb;border-bottom:1px solid #cccbcb;background-color:#f5f5f5;font-weight:normal;text-align:left;color:#000;vertical-align:top}
.tb-1 tbody td{padding:9px;height:35px;line-height:32px;border-right:1px solid #cccbcb;border-bottom:1px solid #cccbcb;text-align:left;}
.tb-1 tbody td:last-child {border-right:0}

.tb-2{width:100%;border-top:3px solid #b2b0b1;margin-bottom:28px;background-color:#fff;table-layout:fixed}
.tb-2 thead th{height:51px;line-height:50px;border-bottom:1px solid #e0dfe0;}
.tb-2 thead th {background:url(../images/list_bar.png) no-repeat 0 center;}
.tb-2 thead tr:first-child th:first-child{border-left:0;background:none}
.tb-2 tbody td{height:51px;line-height:50px;border-bottom:1px solid #e0dfe0;text-align:center;}
.tb-2 tbody td.title {text-align:left;padding:0 30px;text-overflow:ellipsis; overflow:hidden }


/* input 달력 아이콘 포함 */
.calendar{width:290px;}
.calendar:after{display:block;clear:both;content:'';}
.calendar .sDate,
.calendar .eDate{width:452px;float:left;height:32px;background-color:#ffffff;border:1px solid #cccbcb;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.calendar .hasDatepicker{width:450px;height:30px;padding:5px;background:transparent url(../images/icon05.png) no-repeat;background-position:98%;border:0;}
.calendar .wave{float:left;width:24px;display:block;margin:0 0 0 30px;text-align:center;line-height:30px;}

/* input 달력 아이콘 포함 */
.sgbox .calendar{width:300px;}
.sgbox .calendar:after{display:block;clear:both;content:'';}
.sgbox .calendar .sDate,
.sgbox .calendar .eDate{width:130px;float:left;height:35px;background-color:#ffffff;border:1px solid #cccbcb;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.sgbox .calendar .hasDatepicker{width:124px;height:34px;padding:5px;background:transparent url(../images/icon05.png) no-repeat;background-position:98%;border:0;}
.sgbox .calendar .wave{float:left;width:24px;display:block;margin:0;text-align:center;line-height:30px;}


/* 달력 팝업 */
.calendar_area {z-index:999;position:absolute;top:9px;right:130px;width:380px;border:1px solid #888;
	-webkit-box-shadow:1px 2px 2px 0px rgba(0,0,0,0.1);
	-moz-box-shadow:1px 2px 2px 0px rgba(0,0,0,0.1);
	box-shadow:1px 2px 2px 0px rgba(0,0,0,0.1);
	background-color:#efeff0;
	padding-bottom:34px;
}
.calendar_area>.calendar_date{position:relative;height:41px;border-top:0;border-bottom:1px solid #c7c7c7;text-align:center;background-color:#efeff0;}
.calendar_area>.calendar_date>.date_select {display:inline-block;position:relative;width:145px;height:22px;margin:5px auto 0;font-family:Verdana,Tahoma;font-size:15px;color:#444;}
.calendar_area>.calendar_date .fa {font-size:20px;}
.calendar_area>.calendar_date>.date_select strong{color:#444;font-weight:bold;vertical-align:-2px;}
.calendar_area>.calendar_date>.date_select>.btn_date {position:absolute;top:3px;width:26px;height:22px;cursor:pointer;}
.calendar_area>.calendar_date>.date_select>.btn_prev {left:0;}
.calendar_area>.calendar_date>.date_select>.btn_next {right:0;}
.calendar_area>.calendar_date>.date_select>.btn_date>span {display:block;width:8px;height:14px;margin:5px auto 0;text-indent:-9999em;}
.calendar_area>.calendar_date>.date_select>.btn_next>span {right:0}
.calendar_area>.calendar_date>a.today{float:left;margin:10px 0 0 12px;padding:2px 7px 0;border:1px solid #c6c8cb;font-size:11px;color:#666;letter-spacing:-1px;
	background-color:#fff;
	line-height:18px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	border-radius:2px;
}
.calendar_area>.calendar_date>a.close {display:block;float:right;margin:12px;cursor:pointer;}
.calendar_area>.calendar_date>a.close span {display:block;width:14px;height:13px;margin:0 auto;text-indent:-9999em;}
.calendar_area>.calendar_day {clear:both;border-top:0;border-bottom:1px solid #c7c7c7;background-color:#fff;}
.calendar_area>.calendar_day>table {width:100%;}
.calendar_area>.calendar_day>table tr{border-bottom:1px solid #e0e2e4;}
.calendar_area>.calendar_day>table tr:last-child {border-bottom:0}
.calendar_area>.calendar_day>table td{height:49px;padding:0 4px;border-right:1px solid #e0e2e4;vertical-align:top;font-family:Tahoma,Verdana;font-size:10px;border-bottom:0}
.calendar_area>.calendar_day>table td > a {color:#c8c8c8;}
.calendar_area>.calendar_day>table td.sun a {color:#f84d5d}
.calendar_area>.calendar_day>table td.sta{color:#40a7ff;border-right:0;}
.calendar_area>.calendar_day>table td.sta a {color:#40a7ff!important;}
.calendar_area>.calendar_day>table td.today{background-color:#fff3d3;}
.calendar_area>.calendar_day>table td.today span {color:#fff}
.calendar_area>p{clear:both;display:block;height:34px;border-top:0;font-size:11px;letter-spacing:-1px;text-align:center;color:#767676;line-height:34px;background-color:#efeff0;}
.calendar_area>p .ico {margin-right:5px;margin-top:-2px}


/* 파일업로드 */
.filebox input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.filebox label {
	display:inline-block;
	color:#999;
	font-size:inherit;
	line-height:normal;
	vertical-align:middle;
	background-color:#fdfdfd;
	cursor:pointer;
	border:1px solid #cccbcb;
	border-bottom-color:#999999;
	border-radius:0;
	padding:0 21px;
	height:35px;
	line-height:33px;
	text-align:center;
}
/* named upload */
.filebox .upload-name {
	width:355px;
	float:left;
	padding:.5em .75em;
	font-size:inherit;
	font-family:inherit;
	line-height:normal;
	vertical-align:middle;
	background-color:#fff;
	border:1px solid #cccbcb;
	border-bottom-color:#cccbcb;
	border-radius:0;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	height:35px;
	color:#c2c2c2;
}
.filebox.bs3-primary label {color:#fff;background-color:#c2c2c2;border-color:#999;}

/* 체크박스 */
.style_chk {display:inline-block;position:relative;padding-left:25px;margin-bottom:15px;cursor:pointer;font-size:18px;}
.style_chk input[type="checkbox"] {position:absolute;z-index:-1;opacity:0;box-sizing:border-box;padding:0;}
.style_chk input[type="checkbox"]:checked ~ .chk_indicator {background:#e6e6e6;}
.style_chk input[type="checkbox"]:checked ~ .chk_indicator:after{display:block;}
.style_chk .chk_indicator:after{left:7px;top:3px;width:6px;height:10px;border:solid #848383;border-width:0 2px 2px 0;transform:rotate(45deg);}
.style_chk .chk_indicator {position:absolute;top:2px;left:0;height:20px;width:20px;background-color:#fff;display:block;border:1px solid #c1c1c1}
.style_chk .chk_indicator:after{content:'';position:absolute;display:none;}

/***************************** 여기까지 공통 ******************************************/


/* main
******************/
.visual_wrap {width:1260px;margin:29px auto 0;height:492px;overflow:hidden;border:1px solid #d2c2aa;position:relative}
.visual_wrap .visual_hd {height:55px;line-height:55px;color:#fff;font-size:12px;background-color:#887668;padding:0 12px}
.visual_wrap .visual_hd >div span {padding-left:20px;}
.visual_wrap .visual_hd span.i_arr_rignt {background-position-x:10px}
.visual_wrap .visual_hd a.link_lab {color:#fff}
.visual_wrap .visual_hd a.link_lab>span {color:#fcc218;font-size:12px;font-weight:bold;padding:5px;}
.visual_wrap .visual_hd span.i_arr_low {margin-left:10px;}

/* rolling 추가 */
.rolling_wp{position:relative;height:53px;}
.rolling_wp a.btn_top_event {float:left;display:block;width:53px;height:53px;background:url(../images/btn_top_banner_close.gif) left top no-repeat;overflow:hidden;z-index:5;}
.rolling_wp a.btn_top_event_open {float:left;display:block;width:53px;height:53px;background:url(../images/btn_top_banner_open.gif) left top no-repeat;overflow:hidden;z-index:5;}
.rolling_wp .event_rolling {position:relative;text-align:left;width:180px;height:53px;overflow:hidden;z-index:2;}
.rolling_wp .event_rolling ul {position:relative;top:0}
.rolling_wp .event_rolling ul li {height:40px;line-height:36px;}
.rolling_wp .event_rolling ul li a {color:#000;}
.rolling_wp .event_rolling .news_list span {color:#fcc218;padding:0 5px;}
.rolling_wp .event_rolling .news_list li {color:#fff;}
.rolling_wp .event_rolling .btn_updown {position:absolute;top:0;right:0;}
.rolling_wp .event_rolling .btn_updown a {display:block;width:53px;}
.rolling_wp .event_rolling .btn_updown a.btn_down {margin-top:-35px;}
/* rolling 추가 */

.visual_wrap .data_lab {width:300px;height:364px;padding:20px;position:absolute;top:55px;right:0;border-radius:0;border:1px solid #cdc1ab !important;background-color:#fff !important;}
.visual_wrap .data_lab .tab_hd {width:100%;border:1px solid #a6a6a6;border-radius:0;margin-bottom:22px;background-color:#f3ece6}
.visual_wrap .data_lab .tab_hd li {width:127px;text-align:center;margin:0;padding:0;border-radius:0}
.visual_wrap .data_lab .tab_hd li:first-child{border-right:1px solid #a6a6a6}
.visual_wrap .data_lab .tab_hd li a {display:block;color:#000;width:100%;;color:#afa8a2}
.visual_wrap .data_lab .tab_hd li.ui-tabs-active,
.visual_wrap .data_lab .tab_hd li.on a,
.visual_wrap .data_lab .tab_hd li a:hover {background-color:#fff;color:#000}
.visual_wrap .data_lab div.date {border-top:1px solid #9f9f9f;width:100%;padding-top:14px;color:#575757}
.visual_wrap .data_lab div.date > span {padding-right:14px;}

.news_list {overflow:hidden;margin:18px 20px;}
.news_list li {font-size:12px;line-height:22px;color:#000;}
.news_list li a {display:inline-block;float:right;}
.news_list span.num {display:inline-block;width:14px;height:14px;color:#fff;text-align:center;line-height:14px;font-size:11px;background-color:#a6a6a6;margin-right:8px;}
.news_list span.num.on {background-color:#ffc021;float:left;margin-top:5px;}
.ell_text{ width: 78%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; float: left;	}

.visual_wrap .visual.main_bg {background:url(../images/banner/visual_bg1_3.png) no-repeat 0 0;}
.visual_wrap .visual {height:437px;background-color:#69625d;color:#fff;}
.visual_wrap .visual h2 {text-align:center;padding-top:115px;font-size:45px;line-height:1}
.visual_wrap .visual h2 > span{display:block;font-weight:normal;font-size:16px;margin-bottom:25px;}
.visual_wrap .visual .search_box {display:block;height:57px;width:600px;margin:0 auto;}
.visual_wrap .visual .search_box .search_form {position:relative;}
.visual_wrap .visual .search_box .search_form .form-group {display:inline-block;margin-bottom:0;vertical-align:middle;}
.visual_wrap .visual .search_box .search_form .form-group > input {width:600px;height:57px;line-height:55px;padding:7px;color:#ccc;border:1px solid #b0afad;color:black}
.visual_wrap .visual .search_box .search_form .searchform_btn {border:0;background-color:#a88f7b;position:absolute;top:0;right:0;line-height:0;width:67px;height:57px;}

.visual_site {width:1260px;margin:0 auto;height:66px;border:1px solid #d2c2aa;border-top:0;background-color:#f2ebe5;position:relative}
.visual_site .bx-wrapper {max-width:1135px !important;}
.visual_site .bx-wrapper .bx-controls-direction a {margin-top:-15px}
.site div.slide {width:285px !important;height:65px;line-height:65px;border-right:1px solid #e5e5e5;position:relative}
.site div.slide a {display:block;padding:13px 0px;}
.site div.slide > img {width:100%;height:65px;}
.site div.slide:hover, .site .on {background-color:#fff}
.site div.slide:hover p.title, .site .on p.title {color:#000}
.site p.title {text-align:center;font-size:20px;color:#a7a29e;line-height:1;padding-left:60px;}
.site p.title span {font-size:12px;display:block;padding-top:8px;}
.site .han:hover:before{display:inline-block;content:'';background:url(../images/ico_logo.png) no-repeat 0 0;width:50px;height:41px;position:absolute;left:30px;top:12px;}
.site .han.on:before{display:inline-block;content:'';background:url(../images/ico_logo.png) no-repeat 0 0;width:50px;height:41px;position:absolute;left:30px;top:12px;}
.site .han:before {display:inline-block;content:'';background:url(../images/ico_logo_b.png) no-repeat 0 0;width:50px;height:41px;position:absolute;left:30px;top:12px;}
.site .pork:hover:before{display:inline-block;content:'';background:url(../images/ico_logo.png) no-repeat -53px 0;width:36px;height:33px;position:absolute;left:30px;top:15px;}
.site .pork.on:before{display:inline-block;content:'';background:url(../images/ico_logo.png) no-repeat -53px 0;width:36px;height:33px;position:absolute;left:30px;top:15px;}
.site .pork:before {display:inline-block;content:'';background:url(../images/ico_logo_b.png) no-repeat -53px 0;width:36px;height:33px;position:absolute;left:30px;top:15px;}
.site .in:hover:before{display:inline-block;content:'';background:url(../images/ico_logo.png) no-repeat -94px 0;width:40px;height:52px;position:absolute;left:30px;top:5px;}
.site .in.on:before{display:inline-block;content:'';background:url(../images/ico_logo.png) no-repeat -94px 0;width:40px;height:52px;position:absolute;left:30px;top:6px;}
.site .in:before {display:inline-block;content:'';background:url(../images/ico_logo_b.png) no-repeat -94px 0;width:40px;height:52px;position:absolute;left:30px;top:6px;}
.site .mall:hover:before{display:inline-block;content:'';background:url(../images/ico_logo.png) no-repeat -137px 0;width:62px;height:33px;position:absolute;left:30px;top:12px;}
.site .mall.on:before{display:inline-block;content:'';background:url(../images/ico_logo.png) no-repeat -137px 0;width:62px;height:33px;position:absolute;left:30px;top:12px;}
.site .mall:before {display:inline-block;content:'';background:url(../images/ico_logo_b.png) no-repeat -137px 0;width:62px;height:33px;position:absolute;left:30px;top:12px;}

.container {width:1260px;margin:0 auto;height:auto;overflow:hidden;padding-bottom:41px;}
.noti_box {width:100%;height:275px;overflow:hidden;}
.noti_wrap {width:913px;height:275px;border:1px solid #d2c2aa;color:#fff;float:left;}
.notice {width:38%;height:100%;background-color:#f7c340;float:left;padding:29px;}
.notice h2 {font-size:28px;}
.notice ul.noti_area {margin-top:40px;overflow:hidden;width:100%;border-top:1px solid #fbe09b}
.notice ul.noti_area li {height:40px;line-height:39px;border-bottom:1px solid #fbe09b;padding-left:10px;position:relative;}
.notice ul.noti_area li:before {display:inline-block;content:"";background:url(../images/ico_more.png) no-repeat;width:7px;height:13px;position:absolute;right:0;top:14px;margin-right:10px;}
.notice ul.noti_area li a {color:#fff;display:block}

/* 이용규정 */
.noti_wrap .regulation {width:62%;height:100%;float:left;position:relative;background-color:#ccc;}
.reg_bg {background:url(../images/banner/bg.jpg) no-repeat;}
.faq_bg {background:url(../images/banner/bg2.jpg) no-repeat;}
.regulation .txt_box {position:absolute;bottom:35px;left:25px;color:#fff;}
.regulation h2 {font-size:28px;}
.regulation a.view {display:block;width:137px;height:38px;line-height:36px;border:1px solid #fff;border-radius:25px;color:#fff;text-align:center;margin-top:23px}

/* 추천자료 */
.small_box {width:336px;height:275px;border:1px solid #d2c2aa;float:right;background-color:#fff;}
.small_box h3 {height:55px;line-height:54px;border-bottom:1px solid #f7eadf;font-size:14px;color:#333;padding-left:20px;}

/* 슬라이드 */
.section {width:100%;height:275px;background-color:#fff;border:1px solid #d2c2aa;}
.section .ui-widget.ui-widget-content {border:0;}
.section .sect_hd {height:51px;line-height:50px;padding:0 20px;border-bottom:1px solid #f7eadf}
.section .sect_hd h3 {font-size:14px;color:#333;float:left;}
.section .sect_hd .tab_hd {float:right;}
.section .sect_hd .tab_hd li {float:left;width:56px;height:50px;line-height:50px;text-align:center;position:relative;}
.section .sect_hd .tab_hd li:before {display:inline-block;content:"";background-image:url(../images/list_bar.png);width:1px;height:9px;}
.section .sect_hd .tab_hd li:last-child:before {background:none}
.section .sect_hd .tab_hd li a {display:block;width:55px;padding:0;color:#4d5764;}
.section .sect_hd .more_txt {float:right;height:55px;line-height:50px;}
.section .sect_hd .more_txt a {font-weight:bold;color:#4d5764;}
.section .sect_cnt {padding:12px 0;height:221px;}
.sect_cnt .slide .link_box {display:none}
.sect_cnt .slide:hover .link_box {display:block;background-color:rgba(0,0,0,0.5);position:absolute;top:0;bottom:0;width:100%;padding-top:25%;}
.sect_cnt .slide .link_btn {display:block;border:2px solid #fff;border-radius:25px;width:130px;height:39px;line-height:37px;color:#fff;text-align:center;margin:0 auto;}
.sect_cnt .slide .link_box span {color:#fff;text-align:center;display:block;margin-bottom:20px;}

/* 신규자료 */
.new {}
.col_3 li {width:33.3%}
.col_2 li {width:50% !important;}
.tabs_wp .sect_cnt div.slide {width:216px !important;height:198px;}
.tabs_wp .sect_cnt div.slide > img {width:100%;height:198px;}
.tabs_wp .bx-wrapper {max-width:1135px !important;}

/* 인기자료 */
.best {}

/* 메인 검색결과 화면 */
.main_sch_wrap {width:100%;min-height:560px;padding-left:19px;padding-bottom:60px;background-color:#fff;border:1px solid #d8d2cd}
.main_sch_wrap h2 {color:#000;font-size:12px;height:50px;line-height:50px;}
.main_sch_wrap h2 > span {font-weight:normal}
.main_sch_wrap .photo_area .photo_list {width:100%;}
.main_sch_wrap .photo_area .photo_list a {margin:0;margin-right:18px;margin-bottom:18px;width:226px;height:160px;}
.main_sch_wrap .photo_area .photo_list a p {padding:40px 51px;}





/* sub
******************/
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);


#sub_wrap{width:100%;min-width:1260px;height:100%;background-color:#fff}
.sub_bg01 {background:#40352f url(../images/banner/sub_bg01.jpg) no-repeat top center;}
.sub_visual {width:100%;height:238px;overflow:hidden;border-bottom:1px solid #d8d2cd;position:relative}
.sub_visual .inner {width:1260px;margin:0 auto;overflow:hidden;}
.sub_visual .visual_txt {color:#fff;position:absolute;bottom:30px;}
.sub_visual .visual_txt dt {display:inline-block;font-size:40px;padding-right:30px;border-right:2px solid #dfdeda;line-height:1;vertical-align:top;font-family:'Nanum Myeongjo',serif;}
.sub_visual .visual_txt dd {display:inline-block;font-size:14px;padding-left:30px;}
.contop {width:100%;height:53px;overflow:hidden;border-bottom:1px solid #d8d2cd;background-color:#fff;}
.contop .location {width:1260px;margin:0 auto;height:53px;color:#5d5d5d;position:relative;}
.location span.path img {vertical-align:-2px;}
.location span.path {position:absolute;right:0;top:0;line-height:53px;font-size:13px;}
.location span.path > span {letter-spacing:2px}

.sub_contents {width:100%;position:relative;background-color:#fff;}
.sub_hd {width:1260px;margin:45px auto 0;height:64px;position:relative}
.sub_hd .total {float:left;}
.sub_hd .total img {vertical-align:-3px;margin-right:10px}
.sub_hd .search_area {float:right;}
.sub_contents .inner {width:1260px;margin:0 auto;overflow:hidden;padding-bottom:122px}
.sub_hd h2 {font-size:24px;color:#000;border-left:2px solid #000;padding-left:19px;line-height:1;}

ul.add_area {overflow:hidden;}
ul.add_area li {margin-bottom:15px;height:35px;}
ul.add_area li > a {float:left;margin-left:10px;margin-top:12px}
ul.add_area li > a.i_plus {margin-left:463px}
ul.add_area li .filebox {float:left;}
ul.add_area li .checkbox {float:left;margin-left:10px;margin-top:6px}

/* 등록하기 - 첨부파일 */
.file_area{position:relative;display:none}
.file_area .btn_upload {}
.files {padding-top:10px;}
.files table {width:100%;}
.files table thead th {text-align:center;height:20px;line-height:18px;}
.files table tr:nth-child(even) {background-color:#f5f5f5;}
.files table tbody td {text-align:left;color:#ddd;}
.files .preview {display:block;text-align:center;}
.files .type_img {display:inline-block;margin-left:10px;vertical-align:bottom;line-height:1;}
.files .type_img img{width:20px;height:20px;}
.files .num, .files .date, .files .size, .files .type, .files .type2{line-height:16px;color:#333;text-align:center;display:block;}
.files .name {line-height:16px;color:#333;}

.files audio, .files video, .files iframe {max-width:200px;height:130px;}
.files canvas, .files img {width:70px;height:60px;}
.files audio, .files video, .files canvas {display:inline-block;vertical-align:baseline;}

.table_box .select_list {width:452px;height:35px;line-height:33px;padding:0 12px;border:1px solid #cccbcb;float:left;}
.table_box #main_photo_status {height:27px;line-height:25px;padding:0 12px;border:1px solid #cccbcb;}
.table_box input.inp_txt {width:452px;height:35px;line-height:33px;padding:0 12px;border:1px solid #cccbcb;}
.table_box .guide_wp .select_list {float:none;}
.table_box .guide_wp .select_view {margin-top:5px;border:1px solid #ddd;padding:10px 15px;}
.table_box .guide_wp .select_view:hover {border:1px solid #f7bda8;}
.table_box table.tb-1 tr th {text-align:center;}
.table_box table tr td > table tr th{text-align:center;}
.table_box table tr td > table tr td:first-child {text-align:center;}

.view_table {overflow:hidden;width:100%;}
dl.view_top {border-top:3px solid #d8d7d8;width:100%;overflow:hidden;}
dl.view_top dt {height:54px;line-height:50px;padding:0 19px;border-bottom:1px solid #d8d7d8;font-size:14px;font-weight:bold;}
dl.view_top dt>span{float:right;font-weight:normal;}
dl.view_top dd {min-height:341px;padding:19px}
dl.view_top div.visual_img {width:1260px;height:340px;overflow:hidden;border:1px solid #d8d7d8;margin:0 -19px}
dl.view_top div.visual_img img {display:block;max-width:100%;max-height:100%;margin-left:auto;margin-right:auto}
.view_table .text_box strong {display:block;margin-top:15px;}
.view_table tr td {color:#010101}
.view_table .tb-2.view {}
.view_table .tb-2.view th, .view_table .tb-2.view td {padding:0 19px;text-align:left;color:#999}
.view_table .tb-2.view th>span {float:right;font-weight:normal;}
.view_table .tb-2.view thead td {padding:19px;border-bottom:1px solid #d8d7d8;color:#999}
.view_table .tb-2.view td{position:relative;}
.view_table .tb-2.view td a.view_prev {display:block;background:url(../images/arrow_up.png) no-repeat 0 center;text-align: center;}
.view_table .tb-2.view td a.view_next {display:block;background:url(../images/arrow_down.png) no-repeat 0 center;text-align: center;}
.view_table .writ_poto_scroll {max-height:600px;overflow-x:hidden;overflow-y:auto;}


#print_table {width:1024px}
#print_table dl.view_top div.visual_img {width:1024px;}


.photo_area {}
.photo_area h3 {height:51px;line-height:50px;padding:0 20px;border-bottom:1px solid #d8d7d8;}
/*.photo_area .photo_list {width:933px;margin:0 auto;}*/
.photo_area .photo_list {width:100%;float:left;text-align:center;}
.photo_area .photo_list a {display:inline-block;width:216px;height:198px;margin:7px;position:relative;color:#fff;text-align:center;position:relative;/* border:1px solid #d8d7d8; */vertical-align:top;}
.photo_area .photo_list img {max-width:100%;height:160px;width:100%;}
.photo_area .photo_list a p {display:none;position:absolute;top:0;left:0;width:100%;max-width:100%;max-height:100%;padding:40px;background-color:rgba(0,0,0,0.7);   white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;}
.photo_area .photo_list a span.link {display:block;text-align:center;border:1px solid #fff;border-radius:25px;width:131px;height:39px;line-height:37px;margin:19px auto 0}
.photo_area .photo_list a:hover >p {display:block;}
.photo_area .photo_list a .photo_chk {position:absolute;top:10px;right:10px;z-index:10;width:23px;height:23px}
.photo_area .photo_list .btn_area {margin-top:10px;}
.photo_area .photo_list .btn_area button {margin-left:0;height:25px;line-height:23px;}
.photo_area .btn_area .form-horizontal {float:left;}


.text_box {width:100%;height:150px;border:1px solid #cccbcb;color:#9a9a9a;padding:19px 16px;overflow-x:hidden;overflow-y:auto;}
.text_box ul.s_txt {overflow:hidden;margin-left:20px;}
.checked_box {position:relative;}
.checked_box label,.checked_box span {display:inline-block;vertical-align:top}
.checked_box span > strong {color:#ff0000;padding-right:5px}
.checked_box label#agree1-error,
.checked_box label#agree2-error {font-size:14px;}
.checked_box label#agree1-error:before,
.checked_box label#agree2-error:before {display:inline-block;content:"*";color:#F44336;padding-right:5px;font-weight:bold;}

.input_table {width:100%;border-top:1px solid #d8d7d8;border-bottom:1px solid #d8d7d8;padding:19px 0;}
.input_table table {width:100%;}
.input_table table tr th {padding-left:28px;color:#000;height:47px;text-align:left;}
.input_table table tr td {padding:5px 0;height:47px;}
.input_table table tr td input,.input_table table tr td select {height:40px;line-height:38px;border:1px solid #cccbcb;}
.input_table table tr td input[type="text"] {width:100%}
.input_table table tr td select {width:271px;text-align:center;text-align:center;text-align-last:center;}
.input_table table tr td select[name="tel1"],
.input_table table tr td input[type="tel"] {width:134px;margin:0 2px}

.search_wp {}
.search_wp table td {border-right:0}
.search_wp dl dt,.search_wp dl dd {float:left;padding:0 10px}
.search_wp dl dt {font-weight:bold;}
.search_wp .search_area input[type="text"] {width:430px;}
.search_wp button {height:35px;line-height:34px;width:93px;}

.my_page .tab_hd {border:1px solid #d8d7d8;border-left:0;width:100%;overflow:hidden;}
.my_page .tab_hd li {text-align:center;padding:0;margin:0;float:left;}
.my_page .tab_hd li a {color:#b2b2b2;display:block;width:100%;height:65px;line-height:63px;padding:0 !important;border-left:1px solid #d8d7d8;}
.my_page .tab_hd li a:hover, .my_page .tab_hd li a.on,
.my_page .tab_hd .ui-tabs-active {background-color:#ffc021;color:#fff;}
.my_page .tab_hd .ui-tabs-active a {color:#fff;}
.my_page .photo_area .photo_list {width:100%;}
.my_page .photo_area .photo_list a {width:234px;/* height:234px */height:auto;}
.my_page .photo_area .photo_list a p {padding:40px 51px}
/* .my_page .photo_area .photo_list a:hover >p {display:none} */


/* qna */
.qna_area {padding-top:69px;}
.qna_area .qa_tb {border-top:2px solid #887668;border-bottom:2px solid #887668;width:100%;}
.qna_area .qa_tb tbody th {min-height:75px;line-height:74px;background-color:#f7f7f7;border-top:1px solid #d7d7d7;border-right:1px solid #d7d7d7;text-align:center;font-size:30px;font-family:Arial;font-weight:normal;}
.qna_area .qa_tb tbody td {min-height:75px;padding:20px;border-top:1px solid #d7d7d7;font-size:12px;color:#555;}
.qna_area .qa_tb tbody th.q {color:#887668;}
.qna_area .qa_tb tbody th.a {color:#555;}


/* 이용약관 */
.terms_area {padding-top:69px;min-height:750px;}
.terms_area #terms_accordion h3 {color:#555;font-size:14px;height:61px;line-height:59px;border:1px solid #e1e1e1;background-color:#f3f3f3;padding:0}
.terms_area #terms_accordion > div {padding:35px 30px;height:auto !important;}
.terms_area #terms_accordion > div p strong {display:block;margin-top:15px;}
.terms_area #terms_accordion > div ul.s_txt {overflow:hidden;margin-left:20px;}
.terms_area #terms_accordion .ui-icon, .ui-widget-content .ui-icon {background-image:none;}


/* 로그인 */
.login_wrap {padding-top:42px;}
.login_wrap h1 {font-size:24px;color:#000;border-left:3px solid #000;line-height:1;padding-left:20px;margin-bottom:28px;}
.login_box {width:100%;border-top:1px solid #d8d7d8;border-bottom:1px solid #d8d7d8;padding:30px 0 10px;}
.login_form {width:350px;margin:0 auto;padding-bottom:20px;border-bottom:1px solid #d8d7d8}
.login_form h2 {border-bottom:1px solid #d8d7d8;padding-bottom:30px;margin-bottom:20px;}
.login_form input.inp_txt {width:100%;height:35px;line-height:33px;border:1px solid #d8d7d8;background-color:#f7f7f7;color:#c2c2c2;padding:0 10px;margin-bottom:6px;}
.login_form .style_chk {font-size:12px;color:#555;}
.login_form .style_chk .chk_indicator {width:18px;height:18px;}
.login_form .style_chk .chk_indicator:after {left:5px;top:2px;width:5px;}
.login_form button {width:100%;height:45px;line-height:43px;border:1px solid #756355;background-color:#a88f7b;color:#fff;font-size:14px;}
.login_box .find {width:350px;margin:0 auto;padding:10px 0;}
.login_box .find p {height:35px;line-height:33px;margin-bottom:10px;}
.login_box .find label {font-size:12px;color:#555;}
.login_box .find button{width:170px;height:35px;line-height:33px;border:1px solid #999;background-color:#c2c2c2;color:#fff;font-size:14px;text-align:center;float:right;}


.drop_zone_info{width:100%;height:150px;border:2px dashed #cccbcb;display:table;}
.drop_zone_info h2{display:table-cell; vertical-align:middle;text-align:center;}

/* 로딩바 관련 */
.loading_modal {position: fixed;z-index: 999;height: 100%;width: 100%;top: 0;left: 0;background-color: Black;filter: alpha(opacity=60);opacity: 0.6;-moz-opacity: 0.8;display:none;}
.loading_modal .center {z-index: 1000;margin-top:22%;padding: 10px;width: 100%;background-color: none ;border-radius: 10px;filter: alpha(opacity=100);opacity: 1;-moz-opacity: 1;}
.loading_modal .center img {height: 128px;width: 128px;display:block;margin:auto;}
.loading_modal .center h3 {text-align:center;color:white; width:100%; margin-top:20px;}


/* 자료현황 */
.chart_wrap {margin-top:50px;}
.chart_wrap table.tb-1 thead th {font-weight:bold;}
.graph {position:relative;list-style-type:none;padding:0;margin:0;left:6%;width:94%;}
.graph-legend{position:absolute;margin-right:10px;left:-60px;z-index:9999;font-size:13px;line-height:18px;}
.graph-num{position:absolute;right:10px;z-index:9999;font-size:13px;line-height:18px;color:#fff;}
.graph-bar {
	background-color:#59BAC0;
	-webkit-transition:inherit;
	-moz-transition:inherit;
	-o-transition:inherit;
	transition:inherit;
	border-radius:2px;
	cursor:pointer;
	margin-bottom:10px;
	position:relative;
	z-index:9999;
	display:block;
	height:20px;
	width:0%;
	max-width:847px;
	}
.graph-bar:last-child{margin-bottom:0}

.image_text{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.field-error{color:#FF0000;}

/*메인화면 상단 로그인상태 버튼*/
header .top_logo h1{top:45px !important}
header .top_logo .top_link{margin-top:20px !important}
.top_link a{background:#887668;color:white;width:100px;height:30px;padding:10px !important}

.text_ell{
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.text_list_ell{
    white-space: nowrap;
    overflow: hidden;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: 43px;				
}
.post_select{
float:left;
width:100%;
}
/*메뉴숨김버튼*/
.TopMenuTr{border:1px solid white}
.TopMenuTr td{border-left:0 !important;border-right:0 !important;}
.TopMenuTr div{background-color: #887668;    border: none;    color: white;    padding: 4px 8px;    text-align: center;    text-decoration: none;    display: inline-block;    font-size: 16px;    margin: 4px 2px;    cursor: pointer;	float:right;}