@charset 'utf-8';

section.community_section { position:relative; }
section.community_view_section { padding-bottom:80px; position:relative; }
ul.community_tab { width:1200px; margin-bottom:40px; }
ul.community_tab:after { content:""; display:block; clear:both; }
ul.community_tab li { float:left; width:200px; height:40px; position:relative; }
ul.community_tab a { display:block; width:198px; height:38px; line-height:38px; border:1px solid #ddd; font-size:14px; color:#666; text-align:center; }
ul.community_tab a.selected { background:#181138; border:1px solid #181138; color:#fff; }
ul.community_tab li span { position:absolute; left:47%; bottom:-16px; display:none; }

.sbox { background:#fff url("../img/common/sel_arrow_down.png") 94% center no-repeat; border:1px solid #ddd; border-radius:3px; position:relative; width:160px; height:36px; }
.sbox select { border:0; height:28px; left:0; line-height:28px; opacity:0; position:absolute; top:0; width:100%; }
.sbox_label { color:#666; display:block; font-size:14px; height:38px; line-height:38px; margin:0 10px; overflow:hidden; text-align:left; }

div.sch_wrap { padding:21px 0; }
div.sch_wrap:after { content:""; display:block; clear:both; }
div.sch_wrap dl { width:534px; float:right; }
div.sch_wrap dl dt { float:left; width:162px; }
div.sch_wrap dl dd { float:right; width:360px; height:38px; border:1px solid #ddd; border-radius:3px; background:#fff; position:relative; }
div.sch_wrap dl dd a.btn_sch { position:absolute; right:12px; top:8px; }
div.sch_wrap dl dd input { width:300px; height:28px; line-height:28px; margin:5px 0 0 15px; border:0; outline:none; }

table.community_list { width:1200px; }
table.community_list td { padding:30px 20px; border-bottom:1px solid #ddd; position:relative; vertical-align:middle; }
table.community_list td.store_td2 { padding-left:50px; }
table.community_list td.ftd { border-top:2px solid #ddd; }
table.community_list td.last { border-bottom:1px solid #ddd; }
table.community_list td.ltd { border-bottom:2px solid #ddd; }
table.community_list td.center { text-align:center; }
table.community_list td p.tit { font-size:18px; font-weight:bold; color:#333; margin-bottom:10px; }
table.community_list td p.date { font-size:12px; color:#999; margin-bottom:20px; }
table.community_list td p.con { font-size:14px; color:#666; line-height:1.4; word-break:break-word; }

table.community_view { width:1200px; margin-bottom:20px;  word-break:break-word; }
table.community_view th { font-size:24px; font-weight:bold; color:#333; background:url('../img/community/b_linetop.jpg') 0 top no-repeat; padding:34px 200px 50px 0; text-align:left; position:relative; }
table.community_view th .sinfo_deta { position:absolute; right:0; top:34px; font-size:12px; color:#999; font-weight:normal; }
table.community_view th .sinfo_deta:after { content:""; display:block; clear:both; }
table.community_view th .sinfo_deta li { float:left; }
table.community_view th .sinfo_deta li.sinfo_deta01 { border-right:1px solid #ddd; padding-right:15px; }
table.community_view th .sinfo_deta li.sinfo_deta02 { padding-left:15px; }
table.community_view td { font-size:14px; color:#666; line-height:1.4; }
table.community_view td span.sinfo { font-size:12px; color:#333; }
table.community_view td.cont { border-bottom:2px solid #ddd; word-break:break-word; padding-bottom:40px; }
table.community_view td.cont img { max-width:100% !important; height:auto !important; }
table.community_view td.cont .url_text { margin:10px 0; }
table.community_view td.cont iframe { display:block; }
table.community_view td.cont p.pic { margin:20px 0; }
table.community_view td.cont p.ev_pic { margin:20px 0; text-align:center; }

.btns_wrap { width:1200px; height:35px; position:relative; margin-bottom:30px; }
.btns_wrap p.btn_list { width:120px; height:35px; line-height:35px; float:right;}
.btns_wrap p.btn_list a { display:block; font-size:14px; color:#fff; background:#e71b26; text-align:center; }

table.txt { width:1200px; }
table.txt th { font-size:14px; color:#333; padding:15px 0 15px 20px; border-bottom:1px dotted #d0d0d0; text-align:left; }
table.txt td { border-bottom:1px dotted #d0d0d0; padding:15px 0 15px 20px; background:url('../img/community/txt_line_bg.jpg') 0 center no-repeat; }
table.txt td a { font-size:14px; color:#888; }
table.txt th.fth { background:url('../img/community/btn_prev_txt.png') 70px center no-repeat; border-top:1px solid #ddd; }
table.txt td.ftd { border-top:1px solid #ddd; }
table.txt th.lth { background:url('../img/community/btn_next_txt.png') 70px center no-repeat; border-bottom:1px solid #ddd; }
table.txt td.ltd { border-bottom:1px solid #ddd; }

table.notice_list { width:100%; }
table.notice_list th { padding:16px 0; text-align:center; border-top:2px solid #000; border-bottom:2px solid #ddd; font-size:14px; color:#333; }
table.notice_list td { padding:16px 0; text-align:center; font-size:14px; color:#666; }

table.notice_list td.t_left { text-align:left; padding:16px 20px; }
table.notice_list tr { border-bottom:1px solid #ddd; }
table.notice_list tr.ltd { border-bottom:1px solid #000; }

table.community_list ul.date_list { padding-top:30px; }
table.community_list ul.date_list li { margin-bottom:6px; }
table.community_list ul.date_list dl { width:380px; }
table.community_list ul.date_list dl:after { content:""; display:block; clear:both; }
table.community_list ul.date_list dl dt { width:70px; height:20px; line-height:20px; background:url('../img/community/date_info_bg.png') 0 0 no-repeat; font-size:11px; color:#fff; text-align:center; float:left; }
table.community_list ul.date_list dl dd { margin-left:8px; height:20px; line-height:20px; float:left; width:300px; font-size:12px; color:#999; }

table.community_list td div.ev_close  { position:absolute; left:19px; top:32px; }

.community_ttlbg { background:url("../img/community/community_ttlbg.png") 0 121px no-repeat; width:1200px; }

/* 추가 */

.video_ul_wrap { border-top:2px solid #ddd; border-bottom:1px solid #ddd; }
.video_ul { display:table; margin-left:-30px; overflow:hidden; padding-bottom:30px; }
.video_li { display:inline-table; width:375px; margin:30px 0 0 30px; vertical-align:top; }

.video_li dt { width:380px; height:213px; }
.video_li dt img {width:100%; height:100%;}
/* 판매처 페이지- 동영상일 경우 */
.video_li dt div { height:100%; }
/* 판매처 페이지- 동영상일 경우 end */

.video_tit { color:#333; font-size:18px; font-weight:bold; margin-top:30px; }
.video_date { color:#888; font-size:12px; margin-top:10px; }
.video_text { color:#666; font-size:15px; margin-top:20px; }

table.community_list td img { max-width:100%; height:120px; }
table.community_list td a.news_img_bd { display:block; }
table.community_list td.store_td1 { padding:0 20px; }
table.community_list td.store_td1 img {width:100%;height:210px;}
table.community_list .event_tr td img {width:349px;height:100%;}
.store_ul_wrap_bg { position:absolute; width:1000%; top:0; left:-100%; height:100%; background:#f4f4f4; z-index:-1; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.store_ul_wrap { position:relative; }
.store_ul { display:table; margin:0 auto 0 -35px;  padding-bottom:30px; position:relative; }
.store_li { display:inline-table; vertical-align:top; width:355px; margin:30px 0 0 30px; padding:20px 10px; border:1px solid #ddd; background:#fff;}
.store_li td img{width:100%;height:100%;}
.pad { padding:0 165px 0 0; }
.store_td1 img {width:100%; max-width:100%;}
.online_store_ul { border-bottom:2px solid #ddd; }
.online_store_li { overflow:hidden; border-top:2px solid #ddd; padding:50px 0; }
.online_store { float:left; width:50%; }
.online_store dt {  }
.online_store dt img { width:200px; float:left; }
.online_store dd { float:left; width:360px; margin:0 20px; }

.store_tit { color:#333; font-size:24px; font-weight:bold; }
.store_con { color:#666; font-size:14px; line-height:20px; margin:25px 0 50px 0; }
.store_url { width:162px; height:35px; background:#3f3f3f; font-size:13px; text-align:center; }
.store_url a{ display:block; line-height:35px; color:#fff; }

div.sch_wrap dl.store_sbox{width:162px;}
.offline_tit{ color:#333; font-weight:bold; font-size:24px; margin-bottom:20px; width:350px;  }/*overflow:hidden; text-overflow:ellipsis; white-space:nowrap;*/
.offline_cate { float:right; margin-top:15px; font-size:10px; color:#777; }
.offline_img { clear:both; margin-bottom:10px;}
.offline_img img{width:355px; height:250px;}
.offline_add { min-height:100px; }
.offline_add dl { line-height:25px; font-size:15px; color:#666; }
.offline_add dl dt{ float:left; }
.offline_add dl dd { float:left; width:272px; margin-left:5px; }
.offline_add dl:after { clear:both; content:""; display:block; }
.offline_add .add dd{ width:70%; }
.offline_url { font-size:14px; border-top:1px dashed #ddd; margin-top:10px; }
.offline_url p { background:#3f3f3f; width:125px; margin:0 auto; height:35px; text-align:center; line-height:30px; margin-top:20px;  }
.offline_url p a { display:block;  height:35px; color:#fff; }

.store_view_wrap{ border-top:2px solid #ddd; border-bottom:1px solid #ddd; height:680px;}
.store_view_wrap dl{overflow:hidden;}
.store_view_tit { color:#333;  font-size:26px; font-weight:bold; margin:30px  0 25px 0; }
.store_view_tit p { display:inline;margin-left:10px; }
.store_view_tit p img { margin-top:10px; }
.store_view_add { color:#666; float:left; font-size:14px; }
.store_view_url { float:right; margin-bottom:30px; }

.img_area { float:left; overflow:hidden; width:595px; }
.img_list { margin:10px 0 0 -9px; overflow:hidden; width:604px; }
.img_list li{ float:left; height:92px; margin-left:9px; width:142px; }
.img_list li a { width:142px; margin:0;}
.img_list li a img{ width:140px; }
.zoom_img img{ width:595px; height:387px;}

.map_area { float:right; height:489px; width:594px; position:relative; }
.bigmap_url { position:absolute; z-index:10; bottom:5px; }
.map_area:after{content:"";display:block;clear:both;}

.list_btn{text-align:right; margin:20px 0 20px 0;}

/* 팝업 */
.pop_obj { position:absolute; left:20%; overflow:hidden; z-index:11; display:none; }
.pop_video { width:1010px;height:570px; }

.pop_obj div.pop_head { height:60px; line-height:60px; background:#df3243; position:relative; }
.pop_obj div.pop_head p.close { position:absolute; right:20px; top:24px; }
.pop_obj div.pop_head p.close a { display:block; width:15px; height:14px; }

.pop_obj div.pop_viedo { background:#fff; border:10px solid #df3243; border-top:0; float:right;height:800px;}
.pop_obj div.pop_cont:after { content:""; display:block; clear:both; }

.video_pop_btn { width:125px; height:35px; float:right; text-align:center; line-height:35px;background:#3f3f3f;  }
.video_pop_btn a { display:block;  color:#666; font-size:12px; width:100%; color:#fff; }