footer {border-top:1px solid #ddd;}

/* 서브 상단 비쥬얼  */
section.sub_visual {width:100%; height:170px; background:url('../../_images/sub/sub_visual_01.jpg') no-repeat center center !important; background-size:cover;}
section.sub_visual.sub_visual1 {background:url('../../_images/sub/sub_visual_01.jpg') no-repeat center center !important; background-size:cover;}
section.sub_visual.sub_visual2 {background:url('../../_images/sub/sub_visual_02.jpg') no-repeat center center !important; background-size:cover;}
section.sub_visual.sub_visual3 {background:url('../../_images/sub/sub_visual_03.jpg') no-repeat center center !important; background-size:cover;}
section.sub_visual.sub_visual4 {background:url('../../_images/sub/sub_visual_04.jpg') no-repeat center center !important; background-size:cover;}
section.sub_visual.sub_visual5 {background:url('../../_images/sub/sub_visual_05.jpg') no-repeat center center !important; background-size:cover;}
section.sub_visual.sub_visual6 {background:url('../../_images/sub/sub_visual_06.jpg') no-repeat center center !important; background-size:cover;}

article.sub_head_title {display:block; width:100%; text-align:center; }
h2.sub {padding-top: 43px; color:#fff; -moz-text-shadow: 0px 1px 1px #000;  -webkit-text-shadow: 0px 1px 1px #000;  text-shadow: 0px 1px 1px #000; }
h2.sub strong { display:block; font-size:24px; color:#fff; }
p.h2_line { margin:10px auto; width:50px; height:1px; background:#d4d4d4; }
p.navigation { width:100%; text-align:center; height:30px; line-height:30px; font-size:13px;  color:#fff; }
p.navigation img {margin:0 10px; }

/* 중 라인바 타이틀 */
h3 {position:relative; font-size:26px; font-weight:bold; color:#000000; padding-top:10px; margin-bottom:20px;}
h3:after{content:"";display:block;clear:both;}
h3:before {position:absolute; left:0; top:0; width:20px; height:4px; background:#da1f3d; content:'';}
h5 { font-size:18px; font-weight:bold; color:#da1f3d; margin-bottom:15px; line-height:140%;}


#contents {padding:0;}
#contents .list_page {padding-top:1px;}

/*참가업체리스트*/
.exhibitor_search {width:100%;min-height:50px;padding:10px 0;background:#e5e5e5;text-align:center;border:2px solid #cfcfcf;}
.exhibitor_search:after {content:"";display:block;clear:both;}
.exhibitor_search select{background: #fff url(../../_images/main/select_arrow01.png) no-repeat 90% center; border: 1px solid #acacac; padding: 0 30px 0 10px; font-size: 15px; color: #686868; height: 33px;}
.exhibitor_search input.text01 {height:34px; line-height:34px; width:50%;margin-top:10px; border:1px solid #acacac;}
.exhibitor_search a.search_btn {margin-top:10px;display:inline-block;height:34px;line-height:34px;padding:0 20px 0 35px;
font-weight:bold;font-size:12px;letter-spacing:-1px;vertical-align:middle;background:url('../../_images/sub/searchcon_ico.png') no-repeat left 10px center #333333;
color:#fff;}
.exhibitor_search a.search_btn:hover{background:url('../../_images/sub/searchcon_ico.png') no-repeat left 10px center #da1f3d;}

@media (min-width:767px) {
	.exhibitor_search select{margin-top:0;}
	.exhibitor_search input.text01 {margin-top:0;}
	.exhibitor_search a.search_btn {margin-top:0;}
}

.exhibitor_list {}
.exhibitor_list:after {content:"";display:block;clear:both;}
.exhibitor_list li{float:left;width:25%;font-size:18px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
border-top:1px solid #cfcfcf;border-left:1px solid #cfcfcf;}
.exhibitor_list li a{width:100%; display:block;height:75px;line-height:75px;background:url(../../src/images/contents/exhibitor/ico_arrow_off.png) no-repeat right 20px center}
.exhibitor_list li a:hover{background:url(../../src/images/contents/exhibitor/ico_arrow_on.png) no-repeat right 20px center;color:#da1f3d;}
.exhibitor_list li a img{display:inline-block;cursor:pointer}
.exhibitor_list li span.img{width:100px;text-align:center; display: inline-block;}
.exhibitor_list li span{display:inline-block;}
.exhibitor_list li.br{border-right:1px solid #cfcfcf;}
.exhibitor_list li.bb{border-bottom:1px solid #cfcfcf;}


.exhibitor_list2box{position:relative}
.exhibitor_list2box:after {content:"";display:block;clear:both;}
.exhibitor_list2box .exhibitor_choice{position:absolute;top:0;right:0; display:none;}

.btn_back_box {width:110px;margin-top:20px;clear:both;float:right}
.btn_back_box:after {content:"";display:block;clear:both;}
.btn_back_box a.btn_back{display:block;border:1px solid #da1f3d;color:#da1f3d;padding:0 20px 0 30px;height:33px;line-height:33px;background:url('../../_images/sub/btn_back_img.png') no-repeat left 10px center}

.exhibitor_list2 {width:100%;margin:10px 0 0 0;border-top:2px solid #da1f3d;}
.exhibitor_list2:after {content:"";display:block;clear:both;}
.exhibitor_list2 dl{}
.exhibitor_list2 dl dt {float:left;width:25%;background:#f9f9f9;font-size:16px;color:#333;font-weight: bold;text-align:center;height:45px;line-height:45px;border-bottom:1px solid #d5d5d5;}
.exhibitor_list2 dl dd {float:left;width:25%;font-size:14px;text-align:center;height:45px;line-height:45px;border-bottom:1px solid #d5d5d5;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.exhibitor_list2 dl dd.booth{font-weight: bold;color:#da1f3d;}

/*board*/
.data {width:100%;margin:10px 0 0 0;border-top:2px solid #da1f3d;}
.data table {width:100%;}
.data table th {background:#f9f9f9;font-size:15px;color:#000;/*font-weight: bold;*/text-align:center;border-bottom:1px solid #d5d5d5;}
.data table td {background:#fff;font-size:15px;color:#333; padding:10px; border-bottom:1px solid #d5d5d5;}
.data table td select {background: #fff url(../../_images/main/select_arrow01.png) no-repeat 90% center; border: 1px solid #acacac; padding: 10px 30px 10px 10px; font-size: 15px; color: #686868; }

.data_brand.data table colgroup col:nth-child(odd){width:20%;}
.data_brand.data table colgroup col:nth-child(even){width:30%;}

 

.meeting_type {overflow:hidden;}

.meeting_type.cursornone {position:relative;}
.meeting_type.cursornone:before {position:absolute; z-index:999; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,.2); content:'';}

.meeting_type.none li {background:transparent;}
.meeting_type.none li.select {background:transparent;}
.meeting_type.none li.select label {color:#333;}
.meeting_type li {float:left; width:calc(30% - 2px); padding:3px 0; /*background:#ffd9df;*/ text-align:center; margin:1px; box-sizing:border-box;}
.meeting_type.wide li {width:calc(30% - 2px);}

@media (min-width:767px) {
	.meeting_type.col5 li {width:calc(20% - 2px);}
}

/*@media (max-width:710px) {
	.meeting_type.wide li {width:24.6%;}
}

@media (max-width:545px) {
	.meeting_type.wide li {width:33.33%;}
}*/
/*.meeting_type li.select {background:#fb9dac;}
.meeting_type li.select label {color:#fff;}*/
/*.meeting_type li input[type=checkbox]:checked + label {color:#fff;}
.meeting_type li input[type=checkbox]:checked li {background:#fb9dac;}*/
.meeting_type li.disabled {/*background:#eee;*/}
.meeting_type li.disabled label {color:#333;}

.src_word {margin-left:-0.5%;}
.src_word:after {content:""; display:block; clear:both;}
.src_word li{float:left; line-height:35px; width:35px; margin-bottom:0.5%; font-size:14px;border:1px solid #e5e5e5;background:#f9f9f9;margin-left:0.5%;color:#333333;font-weight:bold;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.src_word li.all {width:76px;}
.src_word li.number {width:98px;}
.src_word li a{display:block;height:35px;text-align:center;}
.src_word li a:hover{background:#333333;color:#ffffff}
.src_word li a.selected{background:#333333;color:#ffffff}

/*참가업체리스트 뷰페이지*/
.com_info {width:100%; min-height:290px;display:block; }
.com_info
.com_info ul {}
.com_info ul:after {content:"";display:block;clear:both;}
.com_info ul .left{float:left;width:29.5%; height:282px;text-align:center; line-height:282px; border:1px solid #d5d5d5;}

.com_info ul .right{float:right;width:70%;padding-left:50px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.com_info h5.title{font-size:25px;color:#333333;font-weight: bold; border-bottom:2px solid #da1f3d;
/*overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-o-text-overflow:ellipsis; -webkit-line-clamp:1;  라인수 line-height:1.3;height:46px;*/
/*-webkit-box-orient: vertical; word-wrap:break-word; height:44px; */ line-height: 1.5em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */ }	

	
*+html a{white-space:nowrap}
.com_info dl{height:27px;line-height:27px;clear:both;}
.com_info dl:after {content:""; display:block; clear:both;}
.com_info dl dt {float:left;width:150px;font-size:14px;font-weight:bold;color:#333333;}
.com_info dl dd {float:left;font-size:14px;color:#333333;}
.com_info dl dd a.map_pop{color:#da1f3d;font-size:11px;border:1px solid #da1f3d;padding:5px 10px;margin-left:5px}
.com_info dl.line{border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5;height:44px;line-height:44px;margin-top:5px}
.com_info dl .both {color:#da1f3e; font-weight:bold;font-size:18px;}
.com_info a:hover {color:#da1f3d}

.exhibitor_gallery_box {width:100%;border-bottom:1px solid #d5d5d5;margin-bottom:10px;overflow:hidden;}
.exhibitor_gallery_box ul {margin:20px 0 0 0px;}
.exhibitor_gallery_box ul {margin-left:-20px}
.exhibitor_gallery_box ul:after {content:""; display:block; clear:both;}
.exhibitor_gallery_box ul li {float:left;width:275px;overflow:hidden;min-height:240px;margin:0 0 20px 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.exhibitor_gallery_box ul li a {display:block;}
.exhibitor_gallery_box ul li p.title {font-size:16px; font-weight:bold; color:#454545;margin:20px 0;width:100%;
overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-o-text-overflow:ellipsis; -webkit-line-clamp:1; /* 라인수 line-height:1.3;height:46px;*/
-webkit-box-orient: vertical; word-wrap:break-word;  line-height: 1.2em; height:1.2em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */ }		
*+html a{white-space:nowrap
}
.exhibitor_gallery_box ul li p.title strong{color:#da1f3d}
.exhibitor_gallery_box ul li p.tit {font-size:15px;font-weight:bold;color:#666666;height:20px;padding-top:20px;
overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-o-text-overflow:ellipsis; -webkit-line-clamp:1; /* 라인수 line-height:1.3;height:46px;*/
-webkit-box-orient: vertical; word-wrap:break-word;  line-height: 1.2em; height:1.2em; /* border-top:2px solid #d5d5d5;line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */ }		
*+html a{white-space:nowrap
}
.exhibitor_gallery_box ul li p.date {font-size:14px;color:#777777;width:100%;padding-top:5px;
overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-o-text-overflow:ellipsis; -webkit-line-clamp:2; /* 라인수 line-height:1.3;height:46px;*/
-webkit-box-orient: vertical; word-wrap:break-word;  line-height: 1.2em; height:34px; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */ }		
*+html a{white-space:nowrap
}
.exhibitor_gallery_box ul li p.img {border:1px solid #d5d5d5; line-height:200px;height:200px;width:100%;text-align:center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.exhibitor_gallery_box ul li p.img img{max-height:200px; max-width:100%;}

@media only screen and (max-width:1200px) {
	.exhibitor_list li span.img{width:50px;}

	.exhibitor_gallery_box ul {margin:20px 0 0 0px;}
	.exhibitor_gallery_box ul {margin:0px 0 0 -2%;}
	.exhibitor_gallery_box ul li {width:23%;margin:0 0 20px 2%;}
}

@media only screen and (max-width:959px) {
.exhibitor_list li span.img{width:100px;}
.exhibitor_list li{float:none;clear:both;width:100%;border-right:1px solid #cfcfcf;}
.exhibitor_list li.bb{border-bottom:0}
.exhibitor_list li.bb2{border-bottom:1px solid #cfcfcf;}

.com_info ul .left{float:none;clear:both;width:100%;height:282px;text-align:center; line-height:282px;border:1px solid #d5d5d5;}
.com_info ul .right{float:none;clear:both;width:100%;padding-left:0px;margin-top:20px;}

}

@media only screen and (max-width:767px) {
	.exhibitor_search select{width:95%; background-position:98% center;}
	.exhibitor_search input.text01 {width:95%;margin-bottom:10px;}
	.exhibitor_search a.search_btn{display:block;width:95%;padding:0;margin:0 auto; background-position:45% center;}
	.exhibitor_search a.search_btn:hover{background-position:45% center;}
	
	.exhibitor_list2 dl{border-bottom:1px solid #d5d5d5;}
	.exhibitor_list2 dl dt {display:none}
	.exhibitor_list2 dl dd {float:none;clear:both;width:100%;text-align:left;height:30px;line-height:30px;border-bottom:0;}

	.exhibitor_gallery_box ul {margin:20px 0 0 0;}
	.exhibitor_gallery_box ul li {width:100%;margin:0 0 20px 0;}
}
/**********참가업체리스트 end***********/


/*
	* paging
*/
.pagings {margin:30px 0 0 0;text-align:center;}
.pagings ul {display:inline-block;/*display:inline;*/margin-bottom:0;margin-left:0;/*zoom:1;*/}
.pagings ul li { display:inline; /*position:relative*/}
.pagings ul li.first a, .pagings ul li.last a {}
.pagings ul li.prev a, .pagings ul li.next a {}
.pagings ul li a {float:left;margin-top:10px;margin-right:10px;padding:2px 10px;line-height:2;text-decoration:none;cursor:pointer;color:#333333;font-size:12px;font-weight:bold;border:1px solid #dddddd;}
.pagings ul li.last a { margin-right:0px; }
.pagings ul li a:hover {background:#e5e5e5;}
.pagings ul .active a:hover {background:#9e0c23;}
.pagings ul .active a { background:#da1f3d;color:#fff; font-weight:bold; cursor:pointer;}
.pagings img {vertical-align:middle}


/*
	*prev/next
*/
ul.prev_next {margin:20px 0 0 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
ul.prev_next li {padding:12px 0;border-top: 1px solid #ddd;font-size:14px;color:#222; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
ul.prev_next li:first-child{border-top:0;}
ul.prev_next li .name {display: inline-block;width: 80px;line-height:1.2;border-right:1px solid #ddd;text-align:center;letter-spacing:-1px;font-size:13px;font-weight: normal;margin:0 20px 0 0;}
ul.prev_next li a {width:610px;overflow:hidden;color:#222;white-space:nowrap;text-decoration:none; }

/*input[type="radio"] {
    display:none;
}
input[type="radio"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-2px 10px 0 0;
    vertical-align:middle;
    background:url(check_radio_sheet.png) left top no-repeat;
    cursor:pointer;
}
input[type="radio"]:checked + label span {
    background:url(check_radio_sheet.png) -19px top no-repeat;
}*/

/*레이어팝업*/
.pop-layer .pop-container {
  padding: 20px 25px;
}

.pop-layer p.ctxt {
  color: #666;
  line-height: 25px;
}

.pop-layer .btn-r {
  width: 100%;
  margin: 10px 0 20px;
  padding-top: 10px;
  border-top: 1px solid #DDD;
  text-align: right;
}

.pop-layer {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 95%;
  max-width:1100px;
  max-height: 90%;
  overflow-x:hidden;
  overflow-y:auto;
  background-color: #fff;
  z-index: 500;
}

.dim-layer {
  display: none;
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 501;
}

.dim-layer .dimBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .7;
  filter: alpha(opacity=70);
}

.dim-layer .pop-layer {
  display: block;
}

a.btn-layerClose {
	position:fixed;
	top:0;
	right:0;
	background:#da1f3d;
	width:58px;
	height:58px;
	line-height:50px;
	text-align:center;
	z-index:501;
}

@media (max-width:1100px) {
	.pop-layer {max-height:80%;}
	a.btn-layerClose {top:0; right:0;}
}

@media (max-width:425px) {
	/*a.btn-layerClose {top:45px; right:8px; width:38px; height:38px; line-height:30px;}*/
	a.btn-layerClose {top:0; right:0; width:38px; height:38px; line-height:30px;}
	a.btn-layerClose img {width:16px;}

	.pop-layer {width:100%; max-height:100%; height:100%;}
}

.pop-layer .btn_wrap {overflow:hidden; border-bottom:1px solid #ddd; padding-bottom:15px;}
.pop-layer .btn_wrap a {float:left; margin-left:11px; display:inline-block; border-radius:3px; height:46px; line-height:46px; background:#feae01; width:100%; max-width:138px; font-size:18px; color:#fff; text-align:center;}
.pop-layer .btn_wrap a:first-child {margin-left:0;}
.pop-layer .btn_wrap a.favorite {border:1px solid #da1f3d; background:#fff url('../../_images/main/favorite_ico.png') no-repeat center center; text-indent:-99999px; width:100%; max-width:78px;}
.pop-layer .btn_wrap a.favorite.select {background:#da1f3d url('../../_images/main/favorite_ico_ov.png') no-repeat center center;}
.pop-layer .btn_wrap a.message {border:1px solid #9886ec; background:#fff url('../../_images/main/message_ico.png') no-repeat center center; text-indent:-99999px; width:100%; max-width:78px;}
.pop-layer .btn_wrap a.message.select {background:#9886ec url('../../_images/main/message_ico_ov.png') no-repeat center center;}
.pop-layer .btn_wrap a.meeting {}

.pop-layer .company_thum {margin:5px;}
.pop-layer .company_thum ul {overflow:hidden;}
.pop-layer .company_thum ul li {float:left; display:inline-block;; width:100%; max-width:200px; vertical-align:middle; padding:0 5px;}
.pop-layer .company_thum ul li img {max-width:100%;}

.pop-layer .data table td {word-break:break-all;}

.pop-layer .result_tit {text-align:center; padding:40px 0; font-size:28px; font-weight:300;}
.pop-layer .result_tit span {font-weight:500;}
.pop-layer .result_tit span.point01 {color:#149c19;}
.pop-layer .result_tit span.point02 {color:#ff0000;}

@media (max-width:640px) {
	.pop-layer .company_thum ul li {width:80%;}
}
/*레이어팝업//end*/

/*미팅일정*/
.schedule {}
.schedule>div {margin-top:30px;}
.schedule>div:first-child {margin-top:0;}
.schedule p.tit {display:block; background:#e8e8e8;  padding:10px;}
.schedule p.tit02 {display:block; background:#da1f3d; color:#fff;padding:10px;}
.schedule .list {}
.schedule .list a {font-weight:600;}
.schedule .list td.time {color:#606060; font-weight:400; width:10%}
.schedule .list td.profile {width:55%}
.schedule .list .btn {}
.schedule .list .btn a {margin-left:3px; display:inline-block; border-radius:3px; height:36px; line-height:36px; background:#feae01; /*width:16%;*/ padding:0 10px; font-size:15px; color:#fff; text-align:center; vertical-align:middle;}
.schedule .list .btn a:first-child {margin-left:0;}
.schedule .list .btn a.favorite {border:1px solid #da1f3d; width:16%;background:#fff url('../../_images/main/favorite_ico.png') no-repeat center center; text-indent:-99999px;}
.schedule .list .btn a.favorite.select {background:#da1f3d url('../../_images/main/favorite_ico_ov.png') no-repeat center center;}
.schedule .list .btn a.message {border:1px solid #9886ec; background:#fff url('../../_images/main/message_ico.png') no-repeat center center; text-indent:-99999px;}
.schedule .list .btn a.message.select {background:#9886ec url('../../_images/main/message_ico_ov.png') no-repeat center center;}
.schedule .list .btn a.meeting {}
.schedule .list .btn a.refuse {background:#cebd97;}
.schedule .list .btn a.change {background:#b78923;}
.schedule .list .btn a.change02 {background:#feae01;}
.schedule .list .btn a.change03 {background:#474d60;}

.schedule .list .conf_td div.conf_list { border:none; text-decoration:underline; background:#fff; color:#000;height:36px; line-height:36px;margin-left:3px; padding:0 10px; font-size:15px; }



@media (max-width:1110px) {
	.schedule .list td,
	.schedule .list td.time {display:block; width:100%;}
	.schedule .list td.profile {width:100%}
	.schedule .list .btn {text-align:center;}
	.schedule .list .btn a {width:20%;}
	
}

@media (max-width:940px) {
	.schedule .list .btn a {width:20%;}
	
}

@media (max-width:820px) {
	.schedule .list td,
	.schedule .list td.time {display:block; width:100%;}
	.schedule .list td.profile {width:100%}
	.schedule .list .btn {text-align:center;}
	.schedule .list .btn a {width:20%;}
}
/*미팅일정//end*/

/*@media (max-width:1200px) {
	.schedule ul.list li a {display:block; width:100%;}
	.schedule ul.list li .btn {display:block; width:100%; margin-top:15px;}
}*/

@media (max-width:767px) {
	/*.schedule ul.list li span {display:block; margin-right:0; margin-bottom:5px;}*/

	.meeting_type li {width:calc(50% - 2px);}
}

/*@media (max-width:380px) {
	.meeting_type li {width:calc(100% - 2px);}
}*/

/*@media (max-width:360px) {
	.schedule ul.list li .btn a {height:36px; line-height:36px; width:25%; max-width:auto !important; font-size:18px;}
}*/

/*내 프로필*/
.profile_wrap {padding:30px 0;}
.profile_wrap input {border:1px solid #ddd; padding:10px; width:auto;}

.attention_list {overflow:hidden; border-top:2px solid #da1f3d;}
.attention_list li {float:left; width:16.66%; padding:10px 15px; border-bottom:1px solid #d5d5d5;}

.attention_list label {display:inline-block !important; padding-right:30px;}
.attention_list .coffee label {background:url('../../_images/main/coffee_ico.png') no-repeat center right;}/*커피*/
.attention_list .tea label {background:url('../../_images/main/tea_ico.png') no-repeat center right;}/*차*/
.attention_list .juice label {background:url('../../_images/main/juice_ico.png') no-repeat center right;}/*음료*/
.attention_list .package label {background:url('../../_images/main/package_ico.png') no-repeat center right;}/*포장재/용기*/
.attention_list .bakery label {background:url('../../_images/main/bakery_ico.png') no-repeat center right;}/*베이커리*/
.attention_list .material label {background:url('../../_images/main/material_ico.png') no-repeat center right;}/*원부재료*/
.attention_list .other label {background:url('../../_images/main/other_ico.png') no-repeat center right;}/*기타*/
.attention_list .chocolate label {background:url('../../_images/main/chocolate_ico.png') no-repeat center right;}/*초콜릿*/
.attention_list .icecream label {background:url('../../_images/main/icecream_ico.png') no-repeat center right;}/*아이스크림*/
.attention_list .interior label {background:url('../../_images/main/interior_ico.png') no-repeat center right;}/*인테리어*/
.attention_list .store label {background:url('../../_images/main/store_ico.png') no-repeat center right;}/*매장설비*/
.attention_list .franchise label {background:url('../../_images/main/franchise_ico.png') no-repeat center right;}/*프랜차이즈*/

@media (max-width:1060px) {
	.attention_list li {width:25%;}
}

@media (max-width:720px) {
	.attention_list li {width:33.33%;}
}

@media (max-width:550px) {
	.attention_list li {width:50%;}
}

@media (max-width:400px) {
	.attention_list li {width:100%;}
}

/*board_search*/
.board_search {padding:50px 0 30px; text-align:center;}
.board_search select {margin-right:-4px;}
.board_search input[type=text] {border:1px solid #acacac; padding:13px; height:50px; font-family:inherit; font-size:16px; color:#000; width:340px;}
.board_search input[type=submit] {background:#fff url('../../_images/sub/board_search_ico.png') no-repeat center center; width:43px; height:50px; border:1px solid #acacac; padding:13px; font-family:inherit; font-size:16px; color:#666; text-indent:-99999px; margin-left:-5px; cursor:pointer;}
.board_search input[type=submit]:hover {background:#eee url('../../_images/sub/board_search_ico.png') no-repeat center center;}

/*board_list*/
.board_list {border-top:2px solid #da1f3d; width:100%;}
.board_list table {width:100%; table-layout:fixed;}
.board_list table thead th {background:#fafafa; border-bottom:1px solid #dedede; padding:15px 10px; text-align:center; font-size:16px; font-weight:500; color:#222;}
.board_list table tbody td {border-bottom:1px solid #dedede; padding:20px 10px; text-align:center; color:#666;}
.board_list table tbody td .notice {display:block; background:url('../../_images/sub/notice_ico.png') no-repeat center center; width:24px; height:20px; text-indent:-99999px; margin:0 auto;}
.board_list table tbody td.date {font-weight:300;}
.board_list table tbody td.subject {text-align:left; /*display:inline-block;*/ width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_list table tbody td.subject a {font-size:17px; color:#666; font-weight:400;}
.board_list table tbody td.subject a:hover {color:#da1f3d;}
.board_list table tbody tr.notice td.subject a {color:#da1f3d;}

/*board_view*/
.board_view {border-top:2px solid #da1f3d; width:100%;}
.board_view .tit {}
.board_view .tit>div {overflow:hidden; padding:20px; border-bottom:1px solid #bdbdbd;}
.board_view .tit>div>p.subject {float:left; width:70%; font-size:22px; font-weight:bold; line-height:24px;}
.board_view .tit>div>ul {float:right;}
.board_view .tit>div>ul>li {position:relative; float:left; padding:0 20px; font-size:14px; color:#666;}
.board_view .tit>div>ul>li:after {position:absolute; top:0; right:0; width:1px; height:100%; background:#ddd; content:'';}
.board_view .tit>div>ul>li:first-child {padding-left:0;}
.board_view .tit>div>ul>li:last-child {padding-right:0;}
.board_view .tit>div>ul>li:last-child:after {display:none;}
.board_view .tit>div>ul>li span {font-weight:bold; color:#333; margin-right:5px;}
.board_view .tit .file {overflow:hidden;}
.board_view .tit .file p {float:left; display:inline-block; margin-bottom:5px; margin-right:10px; font-size:14px; color:#555; background:url('../../_images/sub/ico_file.png') no-repeat center left; padding-left:20px;}
.board_view .tit .file p:last-child {margin-bottom:0;}
.board_view .tit .file p a {font-size:14px; color:#555;}
.board_view .stxt {overflow:hidden; padding:10px 20px; border-bottom:1px solid #cdcdcd; font-size:14px; background:#f9f9f9;}
.board_view .cont {padding:20px; line-height:24px; border-bottom:1px solid #dfdfdf; min-height:260px;}
.board_view .btn {padding:15px 60px;}

.board_view .view_ft {overflow:hidden;width:100%;height:auto;/*margin-top:50px;*/padding:20px 0;border-bottom:1px solid #dfdfdf}
.board_view .view_ft div {float:left;width:calc(25% - 20px); margin:0 10px;}
.board_view .view_ft div a.subject {display:block;display:-webkit-box;overflow:hidden;height:3em;font-size:16px;line-height:1.5em;line-height:1.5em;color:#333;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word}
.board_view .view_ft div:hover a.subject {color:#da1f3d;}
.board_view .view_ft div p {padding:0 0 10px;cursor:pointer}
.board_view .view_ft div p img {max-width:100%;}

.board_view .same>li {border-bottom:1px solid #dfdfdf; text-align:left; overflow:hidden; display:table; width:100%;}
.board_view .same>li .tit {padding:20px; display:table-cell; width:85px; vertical-align:middle;}
.board_view .same>li .txt {padding:20px 20px 20px 0; display:table-cell; width:calc(100% - 85px); word-break:break-word;}
.board_view .same>li .txt ul li {margin-bottom:5px;}
.board_view .same>li .txt ul li:last-child {margin-bottom:0;}
.board_view .same>li .txt ul li:before {display:inline-block; width:6px; height:1px; background:#333; vertical-align:middle; margin-right:7px; content:'';}
.board_view .same>li .txt ul li a {font-size:17px;}
.board_view .same>li .next {font-size:17px; font-weight:bold;}
.board_view .same>li .next span {background:url('../../_images/sub/up_arrow.png') no-repeat right center; padding-right:30px;}
.board_view .same>li .prev {font-size:17px; font-weight:bold;}
.board_view .same>li .prev span {background:url('../../_images/sub/down_arrow.png') no-repeat right center; padding-right:30px;}
.board_view .same>li a {color:#333; text-decoration:none;}
.board_view .same>li a:hover {color:#da1f3d;}

/*paging*/
.paging {margin-top:30px; text-align:center;}
.paging ul {}
.paging ul li {display:inline-block; margin:0 13px;}
.paging ul li a {display:block; font-size:16px; color:#666; font-weight:400; padding:3px 0;}
.paging ul li.first a {background:url('../../_images/sub/paging_first.png') no-repeat center left; text-indent:-99999px; width:15px;}
.paging ul li.prev a {background:url('../../_images/sub/paging_prev.png') no-repeat center left; text-indent:-99999px; width:9px;}
.paging ul li.next a {background:url('../../_images/sub/paging_next.png') no-repeat center left; text-indent:-99999px; width:9px;}
.paging ul li.last a {background:url('../../_images/sub/paging_last.png') no-repeat center left; text-indent:-99999px; width:15px;}
.paging ul li.active a {color:#da1f3d; border-bottom:2px solid #da1f3d; font-weight:600;}

@media (max-width:650px) {
	.board_search {padding-top:0;}
	.board_search input[type=text],
	.board_search input[type=submit] {padding:7px 10px;}

	.board_list table {display:block;}
	.board_list table thead {display:none;}
	.board_list table tbody,
	.board_list table tbody tr {width:100%; display:block; padding:0;}
	.board_list table tbody tr {position:relative; border-bottom:1px solid #dedede;}
	.board_list table tbody td {width:100%; display:block; border-bottom:none; text-align:left; padding:10px 10px 0 10px;}
	.board_list table tbody td:first-child {display:none; position:absolute; top:0; left:0;}
	.board_list table tbody tr.notice td:first-child {display:block; width:24px;}
	.board_list table tbody td .notice {margin:0; margin-top:-6px;}
	.board_list table tbody tr.notice td.subject {width:100%; display:block; padding-left:40px;}
	.board_list table tbody td.date {padding-top:5px; padding-bottom:10px;}

	.board_view table {display:block;}
	.board_view .tit>div {padding:10px;}
	.board_view .tit>div>p.subject {width:100%; font-size:18px;}
	.board_view .tit>div>ul {width:100%; margin-top:10px; padding-top:10px; border-top:1px solid #dedede;}
	.board_view .tit>div>ul>li {/*width:50%; text-align:center;*/ font-size:13px;}
	.board_view .stxt {padding:10px; font-size:13px;}
	.board_view .cont {padding:10px; font-size:15px;}

	.board_view .same>li,
	.board_view .same>li .tit {font-size:13px;}
	.board_view .same>li .tit {padding:12px;}
	.board_view .same>li .txt {padding:12px 10px 12px 0;}
}

@media (max-width:767px) {
	section.sub_visual {height:100px;}
	h2.sub {padding-top:16px; font-size:18px;}
	p.h2_line {margin:7px auto;}

	.data table th,
	.data table td {font-size:14px}

	/*.data_brand.data table th{width:30%; display:block;}
	.data_brand.data table td{width:70%; display:block;}*/

	/*.data_brand.data table th, .data_brand.data table td, .data_brand.data table tr, .data_brand.data tbody, .data_brand.data thead{display:block;}
	.data_brand.data table th{float: left; width: 108px; padding: 10px;}
	.data_brand.data table td{float: right; width: calc(100% - 108px); padding: 10px;}

	.data_brand.data table th.img_tit{height: 152px;} 
	.data_brand.data table td.img_cont{height: 152px;} 
	.data_brand.data table th.prd_tit{height: 115px;} 
	.data_brand.data table td.prd_cont{height: 115px;} 
	.data_brand.data table colgroup col:nth-child(odd){width:30%;}
	.data_brand.data table colgroup col:nth-child(even){width:70%;}*/

	.pop-layer .company_thum ul li img {width: 175px; max-width:inherit;}
}

@media (max-width:500px) {
	.board_search select {width:25%;}
	.board_search input[type=text] {width:60%;}
	.board_search input[type=submit] {width:15%;}

	/*.data_brand.data table th.img_tit{height: 145px;} 
	.data_brand.data table td.img_cont{height: 145px;} 
	.data_brand.data table th {width: 97px; padding: 10px 5px;}
	.data_brand.data table td{width: calc(100% - 97px); 10px 5px;}*/
	
}

/*FAQ*/
.faq .faq_view {position:relative; background:#f8f8f8; border-top:1px solid #999;}
.faq .faq_view:first-child {border-top:none;}
.faq .faq_view a {display:block; padding:25px 55px 25px 50px; text-decoration:none; color:#555; font-size:20px; word-break:keep-all;}
.faq .faq_view a:before {position:absolute; left:14px; top:50%; margin-top:-25px; font-size:35px; opacity:.2; content:'Q';}
.faq .faq_view:hover {background:#ececec;}
.faq .faq_view.opened {background:#ececec; border-top:2px solid #da1f3d;}
.faq .faq_view.opened a {color:#000;}
.faq .faq_view:after {
	content: '\02795'; /* Unicode character for "plus" sign (+) */
	font-size: 13px;
	color: #555;
	position:absolute;
	top:50%;
	margin-top:-7px;
	right:25px;
}
.faq .faq_view.opened:after {
	content: "\2796"; /* Unicode character for "minus" sign (-) */
	color:#333;
	margin-top:-11px;
}
.faq .faq_txt {position:relative; background:#fff; line-height:22px; padding:25px 25px 25px 50px; overflow:hidden; color:#333; font-size:16px; word-break:keep-all;}
.faq .faq_txt:before {position:absolute; left:17px; top:25px; font-size:35px; opacity:.2; content:'A';}
.faq .faq_txt span {vertical-align:top;}

@media (max-width:640px) {
	.faq .faq_view a {font-size:15px; padding:15px 45px 15px 40px;}
	.faq .faq_txt {font-size:12px; padding:15px 15px 15px 40px;}
	.faq .faq_view a:before {left:10px; top:50%; margin-top:-20px; font-size:25px;}
	.faq .faq_txt:before {left:13px; top:15px; font-size:25px;}
}

@media (max-width:420px) {
	.pop-layer .btn_wrap a {width: 30%; min-width:78px; font-size: 14px; margin-left:3px !important;}
	.pop-layer .btn_wrap a.favorite,
	.pop-layer .btn_wrap a.message {min-width:55px !important; max-width:60px !important;}
	
	.data table th,
	.data table td {font-size:12px}
	
	
}

@media (max-width:408px) {
	.mb_w65p {width:65% !important;}
	.mb_w35p {width:35% !important; margin-left:0 !important; height:43px;}
	.mb_w30p {width:30% !important;}
}

/*메시지*/
.message_wrap {overflow:hidden; background:#eee; padding:30px 0;}
.message_wrap dl.message {border:1px solid #ddd; border-bottom:none;}
.message_wrap dl.message dt {position:relative; background:#f8f8f8; border-bottom:1px solid #ddd; padding:14px 20px; font-size:14px; color:#555; cursor:pointer;}
.message_wrap dl.message dt.opened {background:#fff; border-left:3px solid #da1f3d;}
.message_wrap dl.message dt p {font-size:16px; margin-bottom:5px; color:#333; font-weight:600; /*white-space: normal; line-height: 1.2; max-height: 2.4em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden;*/ width:90%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.message_wrap dl.message dt span {margin-right:5px;}

.message_wrap .chat_cont {background:#fff; border-bottom:1px solid #ddd;}
.message_wrap .chat_cont>div {padding:20px; height:330px; overflow-y:auto;}
.message_wrap .chat_cont>div>div:last-child {margin-bottom:20px;}

.message_wrap .chat_cont>div .date {position:relative; text-align:center; padding:10px 0; font-size:14px; color:#999;}
.message_wrap .chat_cont>div .date span {background:#fff; position:relative; z-index:1; padding:0 10px;}
.message_wrap .chat_cont>div .date:after {position:absolute; left:0; top:20px; z-index:0; width:100%; height:1px; background:#eee; content:'';}
.message_wrap .chat_cont>div .speech {overflow:hidden; margin-top:20px;}
.message_wrap .chat_cont>div .speech:first-child {margin-top:0;}
.message_wrap .chat_cont>div .speech ul li {margin-top:25px;}
.message_wrap .chat_cont>div .speech ul li:first-child {margin-top:0;}
.message_wrap .chat_cont>div .speech ul li .name {margin-bottom:5px; font-size:16px; font-weight:600;}
.message_wrap .chat_cont>div .speech ul li div {position:relative; padding:15px;}
.message_wrap .chat_cont>div .speech ul li div span {display:block; font-size:13px; font-weight:300; letter-spacing:0; margin-top:5px;}

.message_wrap .chat_cont>div .speech.receive {}
.message_wrap .chat_cont>div .speech.receive ul {max-width:48%; float:left;}
.message_wrap .chat_cont>div .speech.receive ul li .name {text-align:left;}
.message_wrap .chat_cont>div .speech.receive ul li div {background:#eee; margin-left:10px; border-radius:0 10px 10px 10px;}
.message_wrap .chat_cont>div .speech.receive ul li div:after {position:absolute; top:0; left:-10px; width:17px; height:10px; background:url('../../_images/sub/speech_receive_bg.png') no-repeat center center; content:'';}
.message_wrap .chat_cont>div .speech.receive ul li span {color:#999;}

.message_wrap .chat_cont>div .speech.send {}
.message_wrap .chat_cont>div .speech.send ul {max-width:48%; float:right;}
.message_wrap .chat_cont>div .speech.send ul li .name {text-align:right;}
.message_wrap .chat_cont>div .speech.send ul li div {background:#da1f3d; color:#fff; margin-right:10px; border-radius:10px 0 10px 10px;}
.message_wrap .chat_cont>div .speech.send ul li div:after {position:absolute; top:0; right:-10px; width:17px; height:10px; background:url('../../_images/sub/speech_send_bg.png') no-repeat center center; content:'';}
.message_wrap .chat_cont>div .speech.send ul li span {color:#fff; opacity:.7;}

.message_wrap .chat_cont .send_box {overflow:hidden; background:#f9f9f9; border-top:1px solid #ddd; height:auto;}
.message_wrap .chat_cont .send_box textarea {float:left; width:90%; height:70px; resize:none; border:1px solid #ddd; padding:10px;}
.message_wrap .chat_cont .send_box input[type=submit] {float:left; width:10%; height:70px; background:#da1f3d; color:#fff; border:none; cursor:pointer;}
.message_wrap .chat_cont .send_box input[type=submit]:active {background:#a2182e; padding:2px 0 0 0;}


.message_wrap .chat_cont .send_box input[type=button] {float:left; width:10%; height:70px; background:#da1f3d; color:#fff; border:none; cursor:pointer;}
.message_wrap .chat_cont .send_box input[type=button]:active {background:#a2182e; padding:2px 0 0 0;}

/*message*/
.message .message_view:after {
	content: '\02795'; /* Unicode character for "plus" sign (+) */
	font-size: 13px;
	color: #555;
	position:absolute;
	top:50%;
	margin-top:-7px;
	right:25px;
}
.message .message_view.opened:after {
	content: "\2796"; /* Unicode character for "minus" sign (-) */
	color:#333;
}

@media (max-width:640px) {
	.message_wrap .chat_cont>div {height:250px;}
	.message_wrap .chat_cont>div .speech.receive ul,
	.message_wrap .chat_cont>div .speech.send ul {max-width:100%;}

	.message_wrap .chat_cont .send_box textarea {width:70%; font-size:15px;}
	.message_wrap .chat_cont .send_box input[type=submit] {width:30%; font-size:15px;}

	/*.message .message_view a {font-size:15px; padding:15px 45px 15px 40px;}
	.message .message_txt {font-size:12px; padding:15px 15px 15px 40px;}
	.message .message_view a:before {left:10px; top:50%; margin-top:-20px; font-size:25px;}
	.message .message_txt:before {left:13px; top:15px; font-size:25px;}*/
}