@charset "utf-8";

/* 컨텐츠작업
*--------------------------- */
.wrap{min-width:320px;margin:0 auto;}
.content {width:1200px;margin:0 auto;}

/* header */
header.pt_header .logoWp {height:100px;}
header.pt_header .logoWp .logo {width:147px;margin:0 auto;padding-top:15px;}
header.pt_header .combSch {width:303px;float:right;margin-top:-45px;}
header.pt_header .combSch button {background-color:#a88f7b}

nav {border-top:4px solid #dd1b24;border-bottom:1px solid #dcdcdc;height:63px;}
nav .row {margin-right:-10px;margin-left:-10px;}
nav .gnb {overflow:hidden;display:inline-block}
nav .gnb li {float:left;border-left:1px solid #dcdcdc}
nav .gnb li:last-child {border-right:1px solid #dcdcdc}
nav .gnb li a {display:block;padding:18px 27px;font-weight:700;color:#555555;text-align:center;width:148px; font-size:16px;}
nav .q_menu {width:60px;height:58px;line-height:64px;text-align:center;vertical-align:middle;float:right;border-left:1px solid #d8d2cd;border-right:1px solid #d8d2cd;cursor:pointer}
nav .sub_menu {
    display:table;
    position: absolute;
    top:227px;
    left: 0;
    width: 100% !important;
    height: 220px;
    background: #fff;
    z-index: 999999;
	padding-top:15px;
    border-bottom: 3px solid #d8d2cd;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
}
nav .sub_menu ul {float:left;}
nav .sub_menu ul li {height:23px;line-height: 23px;padding-left:10px}
nav .sub_menu ul li a {font-size:14px;color:#696969;display:block;}
nav .sub_menu ul li a:hover {color:#e2921a}
nav .sub_menu ul {width:150px;}

/* nav .gnb li.menu01 a,
nav .sub_menu ul.sub01 {width:140px}
nav .gnb li.menu02 a,
nav .sub_menu ul.sub02 {width:150px}
nav .gnb li.menu03 a,
nav .sub_menu ul.sub03 {width:150px}
nav .gnb li.menu04 a,
nav .sub_menu ul.sub04 {width:140px}
nav .gnb li.menu05 a,
nav .sub_menu ul.sub05 {width:140px}
nav .gnb li.menu06 a,
nav .sub_menu ul.sub06 {width:140px} */

#main_li:before {    display: inline-block;
    content: '⋅';
    margin-right: 12px;
    position: absolute;
    bottom: 10px;}
#main_a {position:absolute; bottom:10px;font-size: 12px;
    width: 250px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
	padding-left:10px;
    word-break: break-all;}
/* 메인 */
section {clear: both;}
.cntWp {border:1px solid #d2c2aa; border-radius:4px;}
.mainWp #slider01 .bx-viewport .imgBox a img {border-radius:4px;}
.mainWp {background-color:#f0dede;}
.mainWp section {display:block;padding-top: 10px;}
.mainWp section h3 {border-bottom:1px solid #f7eadf;padding:20px}
.mainWp section h3 .more {display:inline-block;float:right}
.mainWp .cntWp {background-color:#fff}
.mainWp .content {padding:20px 0 40px;overflow:hidden;}
.mainWp .row {margin-right:-10px;margin-left:-10px;}
.mainWp .row15 {margin-right:-15px;margin-left:-15px;}
.mainWp #slider01 {}
.mainWp #slider01 .bx-wrapper {border:0;box-shadow:none;margin-bottom:0}
.mainWp #slider01 .bx-viewport {height:561px !important;}
.mainWp #slider01 .bx-viewport .imgBox {height:561px}
.mainWp #slider01 .bx-controls {display:block;}
.mainWp #slider01 .bx-pager {bottom:10px;}
.mainWp .banner {width:590px;height:130px;margin-top:10px}
.mainWp .banner img {display:block;width:100%;height:100%;}
/* map */
.mainWp .map {height:365px; overflow: hidden}
.mainWp .map .wp {padding:10px 12px 15px;overflow:hidden}
.mainWp .map .selectBox {float:left;margin:0 5px;}
.mainWp .map select {font-size:12px;padding:3px 0}
.mainWp .map .sel02 select{width:168px}
.mainWp .slogan {padding:0 12px 15px;overflow:hidden}
.mainWp .slogan h2,.mainWp .slogan h3,.mainWp .slogan h4 {font-weight:normal;padding:0px;color:#737373;border:0;line-height:16px}
.mainWp .slogan h3 {margin-bottom:15px;padding-left:10px}
.mainWp .slogan h3 span {margin-left:-7px}
.mainWp .slogan h2 {border-top:1px solid #ebebeb;padding-top:15px}
.mainWp .slogan h2 strong {color:#cb8f4e}
.mainWp .slogan h4 {border:1px solid #ebebeb;border-radius:3px;text-align:center;padding:5px 0;background:rgba(241,234,228,0.5)}
.hanMap .selectBox {float:left}
.hanMap .selectBox select {font-size:12px}
.mainWp .mapWp {/* height:457px; */overflow-y:auto;padding:0 15px;margin:15px 0}
.hanMap .mapWp .top_leftcon {background-color:#e8e8e8;padding:15px 0;text-align:center}
.hanMap ul.list li:before {display:inline-block;content:'⋅';margin-right:5px;vertical-align: top;}
.hanMap ul.list li .i_new {float:right;margin-top:-16px;margin-right:-25px;}
.hanMap .mapList {margin-top:15px;font-size:14px;}
.hanMap .map_link {display:inline-block;float:right}

.mainWp .talk {position:relative;height:310px; margin-bottom: 10px; overflow: hidden}
.mainWp .talk .imgBox {width:100%;height:200px;padding:15px}
.mainWp .talk .imgBox .evenImg {width:258px;height:100%;}
.mainWp .talk .txt {font-size:14px;color:#737373;padding:0 15px;}
.mainWp .talk .txt strong { font-size: 12px; width: 250px; display: block; margin-bottom: 5px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;overflow: hidden;word-break:break-all;}
.mainWp .talk .txt .ellipsis2 {width: 250px; height: 40px; line-height: 1.4;}
.board2 li {font-size: 15px;width: 250px;display: block; margin-bottom: 5px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; padding: 0 15px; overflow: hidden; font-size:14px;}

.mainWp .event {position:relative;height:365px;}
.mainWp .event h3 {border-bottom:1px solid #f7eadf}
.mainWp .event #slider02 {margin:15px;}
.mainWp .event #slider02 .bx-wrapper {border:0;box-shadow:none;margin-bottom:0}
.mainWp .event #slider02 .bx-viewport .imgBox {height:330px;}
.mainWp .event #slider02 .bx-controls {display:block;}
.mainWp .event #slider02 .bx-pager {bottom:10px;}
.mainWp .event .sliderWp .txt {color:#595959;letter-spacing:-1px;text-align:left;}
.mainWp .event .sliderWp .txt .title {font-weight:bold;margin-bottom:7px;}

.mainWp .tabWp .ui-tabs.ui-widget-content {border:0;margin-bottom:15px;border-radius:0;padding:0}
.mainWp .tabWp .ui-tabs .ui-tabs-nav{padding:0;border-radius:0;margin-bottom:15px;background:#f7f7f7;border:0;border-bottom:1px solid #ebebeb;}
.mainWp .tabWp .ui-widget-header{overflow:hidden;border-color:#f7eadf;background:transparent;padding:0;margin-bottom:15px;}
.mainWp .tabWp .ui-widget-header .ui-state-default{border-right:0;border-left:0;border-top:0;background:#f7f7f7;}
.mainWp .tabWp .ui-widget-header .ui-state-default a {color:#646464;padding:.5em 0;text-align:center;width:100%;height:54px;line-height:42px;font-size:14px;font-weight:bold;display:block;border-right:1px solid #ebebeb}
.mainWp .tabWp .ui-widget-header .ui-corner-top {border-radius:0;}
.mainWp .tabWp .ui-widget-header li {width:50%;padding:0 !important;margin:0 !important;float:left;border-right:1px solid #ebebeb;}
.mainWp .tabWp .ui-widget-header .ui-tabs-active {border:0;border-bottom:1px solid #fff;background:#fff;}
.mainWp .tabWp .ui-widget-header .ui-tabs-active a {color:#000;border-right:1px solid #ebebeb}
.mainWp .tabWp .ui-state-active a,
.mainWp .tabWp .ui-state-active a:link{color:#000}
.mainWp .tabWp .ui-tabs-panel {padding:0 15px !important;margin:0;}

.mainWp .board {position:relative;height:244px;margin-bottom:10px;}
.mainWp .board h3 {border-bottom:1px solid #f7eadf}
.mainWp .board ul.list li {text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;height:27px;}
.mainWp .board ul.list li:before {display:inline-block;content:'⋅';margin-right:12px;vertical-align: top;}
.mainWp .board ul.list li .i_new {float:right;margin-top:-16px;margin-right:-25px;}
.mainWp .board ul.list li a {font-size:14px;}
.mainWp .board ul.list.board2 {margin:20px 0; }
.mainWp .board ul.list.board2 li {text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;height:27px;}
.mainWp .board ul.list.board2 li:before {display:inline-block;content:'⋅';margin-right:12px;vertical-align: top;}
.mainWp .board ul.list.board2 li .i_view {float:right;margin-top:-21px;margin-right:-55px;}

.mainWp .videoWp {position:relative;height:244px;margin-bottom:10px;}
.mainWp .videoWp .video {padding:15px;height:188px;}


/* 행사일정 */
.schedule h1 {border-bottom:0;height:30px;line-height:30px;margin-bottom:0}
.schedule .calendarWp{padding:0 15px;height:220px}
.calendar-views .week, .calendar-display:hover, .calendar-arrow span:hover {color:#614d31 !important;}
.calendarWp #one {width:210px !important;height:220px !important;margin: 0 auto;}
.calendarWp .view .calendar-hd {padding:0}
.calendarWp .view .calendar-ct {height:172px !important}
.calendarWp .calendar .week li, 
.calendarWp .calendar .days li {width:28px !important;height:28px !important;line-height:28px !important;font-size:12px;}
.calendarWp .calendar .calendar-views .now {background:#ffc021!important;}
.calendarWp .calendar .calendar-views .selected {background:#ffebb9 !important}
.calendarWp .calendar .calendar-views .days {color:#614d31 !important;}
.calendarWp .calendar-display {font-size:14px;width:100%;text-align:center;color:#aeb8c3;margin-left:-15px;}
.calendarWp .calendar-display .m {color:#c1c8d1}
.calendarWp .calendar-arrow {position:absolute;left:0;right:0;width:100%;margin-top:-5px;}
.calendarWp .calendar-arrow .prev {margin-left:25%;color:#c1c8d1}
.calendarWp .calendar-arrow .next {margin-right:33%;color:#c1c8d1}


/* 배너리스트 */
.pork_banner {position:relative;padding:15px;height:111px;}
.pork_banner .list {overflow:hidden;}
.pork_banner .list li {float:left;width:16.6%;text-align:center;}
.pork_banner .list li a {display:block;border-right: 1px solid #dcdcdc;margin-bottom:10px;}
.pork_banner .list li img {width:60%}
.pork_banner .list li p {margin-top:12px;color:#929aa5;font-size:14px;}
.pork_banner .list li.last a {border-right:0}


.mainWp .s_banner {position:relative;padding:20px 15px;height:111px;}
.mainWp .s_banner .thumb_img {display:inline-block}
.mainWp .s_banner .thumb_img .i_phon {margin:15px 0 0;}
.mainWp .s_banner .cont_info {display:inline-block;position:absolute;top:0;margin-top:27px;padding-left:10px;}
.mainWp .s_banner .cont_info h2 {margin-bottom:5px;}
.mainWp .s_banner .cont_info .tel {font-size:30px}
.mainWp .s_banner .arr {display:block;float:right;margin-top:15px;}
.mainWp .s_banner .s_txt {font-size:12px;}

.mainWp .cash {position:relative;height:310px; margin-bottom: 10px}
.mainWp .cash h3 {border-bottom:1px solid #f7eadf}
.mainWp .cash .cashCnt {padding:15px;}
.mainWp .cash .cashCnt img {height:70px}

.mainWp .main_area {padding:15px 0 0;max-height:242px;overflow:hidden}
.mainWp .main_area .area_slider {overflow-y:hidden;overflow-x:scroll;width:1200px}
.mainWp .main_area li {width:236px;height:210px;float:left;padding:20px 15px;}
.mainWp .main_area li.last {border-right:0}
.mainWp .main_area .info_txt{vertical-align:middle}
.mainWp .main_area .info_txt .ico{display:inline-block;width:25px;height:25px;border-radius:100%;background-color:#e0aa00;text-align:center;vertical-align:top;margin-top:8px}
.mainWp .main_area .info_txt p{display:inline-block;letter-spacing:-1px;font-size:12px;color:#777777}
.mainWp .main_area .imgBox {margin-top:25px;height:auto;}
.mainWp .main_area .imgBox img{width:50%;height:auto;margin:10px auto 0;}
.mainWp .main_area .img02{margin-top:-5px}
.mainWp .main_area .img01 img,
.mainWp .main_area .img04 img{width:70%}


.mainWp .ebook {position:relative;height:365px;}
.mainWp .ebook h3 {border-bottom:1px solid #f7eadf}
.mainWp .ebook .sliderWp {margin-top:30px}
.mainWp .ebook #slider03 .bx-controls-direction {display:block}
.mainWp .ebook #slider03 .imgBox {width:146px;height:200px;margin:0 auto}
.mainWp .ebook .bx-wrapper .bx-controls-direction a {margin-top:-45px}

.mainWp .share {padding:20px 10px;overflow:hidden;}
.mainWp .share h3 {margin-bottom:12px;padding:0 0 10px}
.mainWp .share img {height:198px}
.mainWp .share ul.sns_list {overflow:hidden}
.mainWp .share ul.sns_list li {width:50%;float:left;}
.mainWp .share ul.sns_list li:nth-child(1) {padding-right:5px}
.mainWp .share ul.sns_list li:nth-child(1) .imgBox {text-align:left}
.mainWp .share ul.sns_list li:nth-child(2) {padding-left:5px}
.mainWp .share ul.sns_list li:nth-child(2) .imgBox {text-align:right;}


/* footer */
.fico:before {display:block;content:'';background-image:url(../../images/porkboard/common/f_ico_info.png);background-repeat:no-repeat;vertical-align: middle;}
.fico.f1:before {width:32px;height:32px;background-position:-32px 0}
.fico.f2:before {width:32px;height:32px;background-position:-64px 0}
.fico.f3:before {width:38px;height:32px;background-position:6px 0}

footer{width:100%;height:185px;z-index:1;border-top:1px solid #c6d1dc;background-color:#fff;padding:30px 0 25px;color:#7e7e7e}
footer .bar {margin:0 10px}
footer .f_list li {float:left;}
footer .f_list li:nth-child(1) {width:25%;}
footer .f_list li:nth-child(2) {width:55%}
footer .f_list li:nth-child(3) {width:20%;}
footer .f_list li:last-child {text-align:right}
footer .f_share {margin-bottom:12px; margin-left:6px}
footer .f_catch a {font-size:12px;color:#777;border-right:1px solid #dcdcdc;padding:0 6px;}
footer .f_catch a.last {border-right:0}
footer .addr {text-align:center;font-size:12px;}
footer .addr img {margin-bottom:39px;}
footer .f_link {display:inline-block}
footer .f_link div {float:left;text-align:center}
footer .f_link div a{font-size:12px;}
footer .f_link div a span {width:32px;margin:0 auto;display:block;margin-bottom:10px;}




.except_hanon {margin-top:90px !important;}