@charset "utf-8";

/* reset */
a {color:#585858 !important;text-decoration:none !important;}
a:active, a:hover, a:focus {text-decoration:none !important;color:#444 !important;}
li {list-style:none !important;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal;}
h1,h2,h3,h4 {font-weight:700}

/* html5속성 선언 ie8용 */
article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary {display:block;}

/* IR */
.ir_wa {display:block;overflow:hidden;position:relative;z-index:-10;width:100%;height:100%} /* 중요한 이미지 대체텍스트로 이미지off시에도 대체 텍스트를 보여주고자 할때 */
.ir_pm {display:block;overflow:hidden;font-size:0px;line-height:0;text-indent:-9999px} /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.blind {display:block;overflow:hidden;position:absolute;top:-1000em;left:0} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */

/* 공통사용
*--------------------------- */
h1 {font-size:20px}
h2 {font-size:16px}
h3 {font-size:14px}
h4 {font-size:12px}

button {border:0;background-color:transparent;}
.bar {color:#cecece}
.sub_txt{padding:15px 15px;text-align:center;}
/* 글씨컬러 */
.cYell {color:#e0aa00}

/* 정렬 */
.fl {float:left;}
.fr {float:right}

/* 말줄임 */
/* 한 줄 자르기 */ 
.ellipsis {text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}

/* 여러 줄 자르기 */ 
.ellipsis2 {
	display:inline-block;overflow:hidden;text-overflow:ellipsis;
	/* 여러 줄 자르기 추가 스타일 */ 
	display:-webkit-box;white-space:normal;text-align:left;word-wrap:break-word;-webkit-box-orient:vertical;
	-webkit-line-clamp:3; /* 3줄 */
}


/* 아이콘 */
.ico:before{display:inline-block;content:'';background-image:url(../../images/porkboard/common/ico_com.png);background-repeat:no-repeat;vertical-align:middle}
.ico.play:before{width:27px;height:27px;background-position:0 0;} /* playbtn */
.ico.play:before {background-position:0 0;width:27px;height:27px;} /* playbtn */
.ico.map:before {background-position:0 -40px;width:16px;height:16px;} /* map */
.ico.phone:before {background-position:-19px -40px;width:16px;height:16px;} /* 노랑전화 */
.ico.sch:before{width:20px;height:20px;background-position:0 -57px;vertical-align:middle;} /* search */
.ico.qmenu:before{width:24px;height:18px;background-position:-75px 0;margin-top:20px;} /* 퀵메뉴 */
.ico.more:before{width:21px;height:21px;background-position:-19px -58px;} /* more */
.ico.film:before{width:12px;height:6px;background-position:0px -79px;} /* 영상필름카메라 */
.ico.doc:before{width:10px;height:13px;background-position:-14px -79px;} /* 문서 */
.ico.gift:before{width:11;height:11;background-position:-26px -79px;} /* 선물 */

.i_new{display:inline-block;background-image:url(../../images/porkboard/common/ico_new.png);background-repeat:no-repeat;width:16px;height:16px;}
.i_view{display:inline-block;background-image:url(../../images/porkboard/common/ico_view.png);background-repeat:no-repeat;width:51px;height:19px;}
.i_trp{display:inline-block;background-image:url(../../images/main/ico_trp.png);background-repeat:no-repeat;width:64px;height:64px;}
.i_pig{display:inline-block;background-image:url(../../images/main/ico_pig.png);background-repeat:no-repeat;width:64px;height:64px;}
.i_phon{display:inline-block;background-image:url(../../images/main/ico_phon.png);background-repeat:no-repeat;width:28px;height:42px;}


.sns:before{display:inline-block;content:'';background-image:url(../../images/porkboard/common/ico_sns.png);background-repeat:no-repeat;vertical-align:middle;margin-right:5px;}
.sns.fac:before {width:36px;height:36px;background-position:0 0} /* 페이스북 */
.sns.youtu:before {width:36px;height:36px;background-position:-36px 0} /* 유투브 */
.sns.insta:before {width:36px;height:36px;background-position:-72px 0} /* 인스타 */
.sns.naver:before {width:36px;height:36px;background-position:-108px 0} /* 네이버 */

.arr:before{display:inline-block;content:'';background-image:url(../../images/porkboard/common/ico_bic_arr.png);background-repeat:no-repeat;vertical-align:middle;margin-right:5px;}
.arr.lf:before {width:20px;height:35px;background-position:-20px 0} /* left */
.arr.rig:before {width:20px;height:35px;background-position:0 0} /* right */

/* 이미지박스 */
.imgBox {width:100%;height:100%;margin:0 auto;text-align:center;}
.imgBox.ct {border:1px solid #eee;border-radius:100%;width:79px;height:66px}
.imgBox.ct img {border-radius:100%;display:bolck;}
.imgBox img {width:100%;height:100%;}
.imgBox.v1_c{height:auto; !important}

/*video*/
.video{position:relative;}
.video:before{position:absolute;top:50%;left:0px;right:0;display:block;margin:-15px auto 0;content:''; /*background-image:url(../../images/porkboard/common/btn_play.png);background-repeat:no-repeat;width:28px;height:37px;*/}
.video img{display:block;width:100%;height:100%;}

.s_tit {font-size:14px;color:#7d7d7d}
.date {font-size:12px;color:#7d7d7d;}
.s_txt {font-size:9px;color:#7d7d7d}

/* 썸네일 */
.thumbWp {}
.list_thumb {overflow:hidden;border:1px solid #dcdcdc}
.list_thumb li {float:left;width:132px;padding-right:20px}
.list_thumb .link_thumbtn_gnbb {display:block;}
.list_thumb .thumb_img {display:block}
.list_thumb .cont_info {padding:12px;}
.list_thumb .link {font-weight:bold;}
.list_thumb .title {display:block;font-size:16px;line-height:16px;color:#333;width:210px;}
.list_thumb .txt_desc {display:block;margin-top:8px;font-size:12px;line-height:14px;color:#777}
.list_thumb .txt_time {display:block;margin-top:20px;font-size:11px;line-height:13px;color:#ccc}

/* 상단 사이트로고 컬러 */
.logo:before {display:inline-block;content:'';background-image:url(../../images/porkboard/common/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/porkboard/common/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} /* 한돈몰 */

/*search*/
.combSch{margin:0 12px;}
.combSch input{padding:0 10px;width:80%;height:40px;line-height:40px;background-color:#eeeeee;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.combSch button {background-color:#a88f7b;}
.combSch .basic {float:right;width:20%;height:40px;color:#fff;}
.combSch .ico{float:right;width:20%;height:40px;}

/* 슬라이드 */
.sliderWp .txt {padding:20px 0;}
#visual_slide { width:100%;height:auto;position:relative;} 
#visual_slide .bx-wrapper {border:0;background:transparent;margin-bottom:0;box-shadow:none}
#visual_slide ul { position:relative;width:100%;height:auto;overflow:hidden;margin:0px;padding:0px;}
#visual_slide ul li { position:relative;list-style-type:none;float:left;height:auto;width:100%;margin:0px auto;text-align:center;}
#visual_slide .bx-pager{position:absolute;left:0;right:0px;bottom:0px;}
#visual_slide .bx-pager .bx-pager-item a{display:inline-block;*display:inline;*zoom:1;width:12px;height:12px;border-radius:100%;background-color:#b0b0b0;overflow:hidden;text-indent:-3000px}
#visual_slide .bx-pager .bx-pager-item a.active{width:12px;height:12px;border-radius:100%;background-color:#e0aa00}
#visual_slide .bx-pager .bx-pager-item a.hover{width:12px;height:12px;border-radius:100%;background-color:#e0aa00}
#visual_slide.selectBox .selectArea .opt:after .bx-controls-auto{ display:none;position:absolute;right:50px;bottom:15px;margin-bottom:456px;z-index:200;}
#visual_slide .bx-controls-direction {display:none;}
#visual_slide .bx-wrapper .bx-controls-direction a {width:15px;height:25px;}
#visual_slide .bx-wrapper .bx-prev {background:url(../../images/porkboard/common/controls.png) no-repeat 0 -65px;}
#visual_slide .bx-wrapper .bx-next {background:url(../../images/porkboard/common/controls.png) no-repeat -17px -65px;}
#visual_slide .bx-controls-auto .bx-controls-auto-item{ display:inline-block;*display:inline;*zoom:1;}
#visual_slide .bx-controls-auto .bx-controls-auto-item a.bx-start{ display:inline-block;*display:inline;*zoom:1;width:6px;height:12px;background-image:url(./images/main/play.png);background-position:0 0;background-repeat:no-repeat;overflow:hidden;text-indent:-3000px;}
#visual_slide .bx-controls-auto .bx-controls-auto-item a.bx-start.active{ display:none;background-image:url(./images/main/play.png);}
#visual_slide .bx-controls-auto .bx-controls-auto-item a.bx-stop{ display:inline-block;*display:inline;*zoom:1;width:6px;height:12px;background-image:url(./images/main/stop.png);background-position:0 0;background-repeat:no-repeat;overflow:hidden;text-indent:-3000px;}
#visual_slide .bx-controls-auto .bx-controls-auto-item a.bx-stop.active{ display:none;background-image:url(./images/main/stop.png);}

/* scroll */
::-webkit-scrollbar {width:5px;}
::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px;} 
::-webkit-scrollbar-thumb {border-radius:0px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);}

/*selectbox*/
.selectWp{position:relative;width:250px;height:59px;display:inline-block;}
.selectWp select{display:none;}
.selectWp .selectArea{width:100%;margin:0;border-right:1px solid #d8d2cd;position:absolute;top:0;left:0;}
.selectWp .selectArea:hover{}
.selectWp .selectArea .opt{display:block;height:59px;line-height:59px;padding:0 0 0 10px;color:#545454;text-align:left;}
.selectWp .selectArea .opt:before{position:absolute;top:25px;right:12px;display:inline-block;content:'';width:8px;height:8px;border-left:1px solid #545454;border-bottom:1px solid #545454;transform:rotate(-45deg);}
.selectWp .selectArea .opt.on:before{transform:rotate(135deg);}
.selectWp .selectArea .opt:after{display:block;width:34px;height:59px;float:right;content:'';-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.selectWp .selectArea ul{display:none;border-top:0;overflow:auto;max-height:188px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#fff;}
.selectWp .selectArea li{width:100%;height:30px;line-height:30px;padding:0 10px;text-align:left;cursor:pointer}
.selectWp .selectArea li:hover{background:#ffc021;}


/* header */
header.pt_header{position:relative;}
header.pt_header .site {background-color:#f1eae4}
header.pt_header .site ul {overflow:hidden;widthL:100%}
header.pt_header .site li {width:20%;float:left;border:1px solid #d8d2cd;padding:15px;height:64px;}
header.pt_header .site li.on {border-bottom-color:#fff;background-color:#fff;}
header.pt_header .site li:hover .logoB:before,
header.pt_header .site li.on .logoB:before {display:inline-block;content:'';background-image:url(../../images/porkboard/common/ico_logo.png);background-repeat:no-repeat;vertical-align:middle;margin-right:5px;}
header.pt_header .site li.in {padding:5px 15px;}
header.pt_header .site li.in .cont_info{padding-top:8px}
header.pt_header .site .thumbWp .logoB {display:inline-block;vertical-align:top;margin-right:5px;}
header.pt_header .site .thumbWp .cont_info {display:inline-block;text-align:center}
header.pt_header .site .thumbWp .cont_info .siteNm {}
header.pt_header .site li.last {background-color:#dfdad5}
header.pt_header .site ol.nav {width:100%;overflow:hidden;margin-top:10px;}
header.pt_header .site ol.nav li {border:0;width:33%;padding:0;text-align:center;height:16px;line-height:16px;}
header.pt_header .site ol.nav li a {display:block;border-right:1px solid #c9c1ba;font-size:14px;color:#777;font-weight:bold;padding:0}
header.pt_header .site ol.nav li a:hover {background-color:transparent;color:#504f4f;}
header.pt_header .site ol.nav li.last a {border-right:0;padding:0 5px;}


/* header */
header.pt_header .logoWp .logo {width:91px;margin:0 auto;}
header.pt_header .logoWp .logo img {margin-top:10px;}
header.pt_header .combSch {width:210px;float:right;margin-top:-55px;}
header.pt_header .combSch button {background-color:#a88f7b}


/* 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:0px 0}
.fico.f2:before {width:32px;height:32px;background-position:-32px 0}

footer.pt_footer{width:100%;height:185px;z-index:1;border-top:1px solid #c6d1dc;background-color:#fff;padding:30px 0 25px;color:#7e7e7e}
footer.pt_footer .bar {margin:0 10px}
footer.pt_footer .f_list li {float:left;}
footer.pt_footer .f_list li:nth-child(1) {width:20%;}
footer.pt_footer .f_list li:nth-child(2) {width:60%}
footer.pt_footer .f_list li:nth-child(3) {width:20%;}
footer.pt_footer .f_list li:last-child {text-align:right}
footer.pt_footer .f_share {margin-bottom:12px}
footer.pt_footer .f_catch a {font-size:12px;color:#777;border-right:1px solid #dcdcdc;padding:0 6px;}
footer.pt_footer .f_catch a.last {border-right:0}
footer.pt_footer .addr {text-align:center;font-size:12px;}
footer.pt_footer .addr img {margin-bottom:22px;}
footer.pt_footer .f_link {width:100%; display:inline-block}
footer.pt_footer .f_link div {text-align:center; display:inline-block}
footer.pt_footer .f_link div a{font-size:12px;}
footer.pt_footer .f_link div a span {width:32px;margin:0 auto;display:block;margin-bottom:10px;}