@import url(content.css);

body {margin:0; padding:0; font-family: "돋움"; font-size:9pt; color: #666;}
td, textarea {font-family: "돋움"; font-size: 9pt; color: #666; line-height:150%;}
select{font-family: "돋움"; font-size: 9pt; color: #666; line-height:105%; vertical-align:top;}
input {font-family: "돋움"; font-size: 9pt; color: #666; line-height:105%; padding-top:2px;vertical-align:top;}

a:link, a:visited, a:active {text-decoration:none; color:#666;} /*  */
a:hover { text-decoration:none; color:#15384c; }

a.navicolor:link, a.navicolor:active, a.navicolor:visited { text-decoration: none; color:#898989; font-weight: normal; }
a.navicolor:hover { text-decoration: none; color : #666;} /* 현재위치(네비게이션) 링크폰트 */

a.category:link, a.category:active, a.category:visited { text-decoration: none; color:#333333; font-weight: normal; font-size:12px; font-family:돋움; }
a.category:hover { text-decoration: none; color : #333333;  font-weight:bold;} /* 메인 카테고리 링크폰트 */

a.community:link, a.community:active, a.community:visited { text-decoration: none; color:#333333; font-weight: normal; font-size:12px; font-family:돋움; }
a.community:hover { text-decoration: none; color : #333333;} /* 메인 커뮤니티 링크폰트 */


a.mainmenu:link, a.mainmenu:active, a.mainmenu:visited { text-decoration: none; color:#FFFFFF; font-size: 11px; font-family:돋움; }
a.mainmenu:hover { text-decoration: none; color : #FFFFFF; }/* 메인 top 카테고리 링크*/

a.faq:link, a.faq:active, a.faq:visited{ text-decoration:none; color:#555555; background-color:#FFFFFF }
a.faq:hover { text-decoration:none; color:#FF6600; } /* 자주하시는 질문 질문링크폰트*/


a.sitemap {color:#666;} /* 사이트맵 */
a.sitemap:hover { text-decoration:none; color: #15384c;}

img {border:0px;}
img.top {vertical-align:top;}
img.middle {vertical-align:middle;}
img.bottom {vertical-align:bottom;}
/*.png24 {tmp:expression(setPng24(this));} */

p, div, ul, li, dl, dt, dd {margin:0px; padding:0px;}
.input { border-color:#bbb; border-style:solid; border-width:1px; }
.textarea { border: 1px solid #bbb; }
form {margin:0px; padding:0px;}


.button { }
.select { }
.c_both {clear:both;}
 
/* layout */
#header {width:1000px; margin:0 auto; overflow:hidden; height:100px; z-index:100; position:relative; z-index:50; overflow:hidden;}
#header h1 {float:left; width:280px; margin:20px 10px;z-index:50}
/*메뉴관련 :topmenu=탑메뉴 /menu_title - 오른쪽텍스트 타이틀/ leftmenu =왼쪽텍스트메뉴 ..*/
#topmenu {position:relative; height:25px; text-align:right; margin:15px 0px; padding:0px;z-index:50}
#topmenu ul {list-style:none; padding:0px; margin:0px; float:right;z-index:50}
#topmenu ul li {float:left; padding-left:12px; z-index:50}

#menu_navi {position:relative; width:680px; height:27px;z-index:50}
#menu_navi ul {height:27px;  list-style:none;z-index:50}
#menu_navi li {float:left; height:27px; padding:0px 32px; z-index:50}
#menu_navi li#menu1 {width:84px;}
#menu_navi li#menu2 {width:66px;}
#menu_navi li#menu3 {width:82px;}
#menu_navi li#menu4 {width:83px;}
#menu_navi li#menu5 {width:66px; padding-right:10px !important; }
#menu_navi li a {display:block; height:27px;}

#footer { clear:both; overflow:hidden; padding:30px; background-color:#e7ebed; text-align:center;}
#footer #copyright {}
#footer #footer_right {float:right; width:475px; text-align:right;}
#footer #footer_right #footer_menu {text-align:right; overflow:hidden; position:relative; z-index:100;}
#footer #footer_right #footer_menu ul {float:right; list-style:none;}
#footer #footer_right #footer_menu li {float:left; background:url(./images/common/footer_menu_bg.gif) no-repeat left top; padding-left:19px;}
#footer #footer_right #footer_menu li.bg_no {background-image:none;}
#footer #footer_right #sns {text-align:right; overflow:hidden; margin-top:12px}
#footer #footer_right #sns ul {float:right; list-style:none;}
#footer #footer_right #sns li {float:left; padding-left:10px;}
.b { font-weight: bold; } 
.button  { background-color:#BDDFF7; border-width:1px; border-style:ridge; border-color:#999999;  height:20px; color:black;}
.contentbg { background-color:#FFFFFF; }

/* 배경, 테두리색 */

.bg_faq { background-color:#CCCCCC;}   /*자주하시는 질문 상단박스 배경색 */ 
.bg_left {border-right:1 solid; border-color:#FFFFFF; }    /* 메인 왼쪽 백그라운드 */
.bg_right {border-left:1 solid; border-color:#FFFFFF; }    /* 메인 오른쪽 백그라운드 */
.bg_body {background-color:#DDDDDD;}   /* 메인 테두리색 */
.gong9bg { background-color:#F4F4F4; }
.subjectbg { background-color:#F0F0F0; }
.tablebg { background-color:#DDDDDD; }
.board   { background-color:#ffffff; }
.bookmark  {background-color:#EAE6D9; color:#3E3E3E; font-weight:bold;}
.itemimageborder { border-width:0; border-style:solid; border-color:#E7E7E7; } /* 제품 중간 이미지 테두리 */

/* 배경색 */

.ht { height:30px; } 
.ht2 { height:20px; } 

.leading { line-height:150%; } /* 내용 줄간격 */
.t_latest { color:#758D2A; font-size:12px; background-image:url('./image/bg_latest.gif'); font-weight:bold; font-family:돋움}

/* 라인 */
.line    { background-color:#E57C39; height:1px;} /* 모든 테이블 상단 파란 라인 */
.bbs_line    { background-color:#aaaaaa; height:2px;} /* 모든 테이블 상단 파란 라인 */
.tl1 {background-color:#AFAFAF; height:1px}   /* 모든 테이블 진한 회색라인  */
.tl2 {background-color:#EDEDED; height:3px}  /* 모든 테이블 옅은 회색라인  */
.dotline  { background-image: url('./image/bg_linein.gif'); height:1px;}  /* 점선라인 (상품, 경매, 공동구매 등 옵션구분선)  */
/* 라인 */

/* 폰트 */
.bh  {font-weight:bold; font-family:verdana; font-size:11px; color: #777777}
.item { font-weight: bold; font-size:14px} /*상품상세보기 상품명 폰트 */
.login   { font-size: 7pt; font-family:verdana;} /* 로그인 입력시 폰트*/
.mypage { font-size:11px; font-family:돋움} /* 마이페이지 회원정보 폰트 */
.memo    { font-size:8pt;}  /*메인 쪽지 건수 폰트 */
.name { font-weight: bold; color:#555555;}
.t_order   {color:#3374A8; font-weight:bold; font-size:10pt;} /* 주문서입력  결제정보 폰트*/
.t_order2 {color:#918237; font-weight:bold; font-size:10pt;} /* 주문서입력  주문하시는 분, 받으시는 분 폰트 */
.tail {color:#A1A1A2; font-family:돋움; font-size:8pt; line-height:140%;} /*하단 회사정보 입력 폰트 */
.edit    { border-color:#B4B4B4; border-style:solid; border-width:1px; }  /* 모든 input에 입력되는 텍스트 폰트*/
.result    { color:#3366cc; font-size:10pt;background-color:#eeeeee;border-color:#B4B4B4; border-style:solid; border-width:0px; }  /* 모든 input에 입력되는 텍스트 폰트*/
.result_    { border-color:#B4B4B4; border-style:solid; border-width:0px; }  /* 모든 input에 입력되는 텍스트 폰트*/
.textpoint {color:#B80107; }
.top1 { font-size:11px;} /*메인 제일 상단 메뉴*/
.top2 { color:#FFFFFF; background-color:#000000; font-size:11px;} /* 메인 카테고리 메뉴 */
.timer {background:url(./images/common/icon_clock.gif) no-repeat left; border-style:none; color:#B80107; font-weight:bold; height:28px; font-size:16px; border-width: 0px; padding-left:32px; line-height:28px; margin-bottom:5px;}
.timer_no {background-image:none; height:0px; font-size:0px; line-height:0px; border-style:none 0px; border-width:0px;}
.tt {font-size:9pt;COLOR: #575757;}
.tail {	font-family: "돋움"; font-size: 8pt; color: #555555; line-height: 130%;}
/* 폰트 */

.onmouseover { background-color:#F5F5F5; color:#000000;}
.onmouseout  { background-color:#FFFFFF; color:#000000;}

.price { color:#FF7E3D; } 

.sfont { font-size:11px; }
.select  { background-color:#F4F4F4; }
.small   { font-size: 8pt; }
.subject { color:#315584; }

.ttop { background-color:#FCFBFA; text-align:center;} /* 테이블 상단 항목부분*/
.tdsl { color:#464646; background-color:#F0F0F0; }`
.tdsl1 { color:#464646; background-color:#ffffff; }`
.tdsr { color:#464646; background-color:#F0F0F0; text-align:right; }
.tdsc { color:#0EA2B8; background-color:#F0FEFF; text-align:center; }

.w50 { width:50%; }
.w99 { width:99%; }
.lh130 {line-height:130%;}
.lh140 {line-height:140%;}
.lh150 {line-height:150%;}
.lh160 {line-height:160%;}

.orange {color:#FF6600;}
.red {color:#9d1a2b;}
.blue {color:#3399FF;}
.bg_y {background:#FFFFCC; padding:3px; font-weight:bold;}
.blue_line {color:#fff; background:#aaa; padding:2px; font-weight:bold; font-size:12px;}

.pinkline {border-bottom:1px solid #ebcfd3;}

/* margin */
.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.ml20 {margin-left:20px !important;}

/* padding */
.p10 {padding:10px;}
.p20 {padding:20px;}
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pl1 {padding-left:1px;}
.pl5 {padding-left:6px;}
.pl6 {padding-left:6px;}
.pl10 {padding-left:10px;}
.pl20 {padding-left:20px;}
.pl30 {padding-left:30px;}
.pr5 {padding-right:5px;}
.pr30 {padding-right:30px;}
.pr10 {padding-right:10px;}
.pr20 {padding-right:20px;}
.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}

/* align */
.t_left {text-align:left !important;}
.t_right {text-align:right !important;}
.t_center {text-align:center !important;}
.t_justify {text-align:justify !important;}
.left {float:left;}
.right {float:right;}
.both {clear:both;}


.mout  { color:#333333; background-color:#FFFFFF; }
.mover { color:#000000; background-color:#FFFFAF; }

.outlogin {color:#8C8C8C; border:1px solid #bebebe; font-size:9pt; font-family:돋움; background-color:#FFFFFF; height:18px; width:100px;} /* 로그인 입력시 폰트*/

/* heading */
h1, h2, h3, h4, h5, h6 {margin:0px; padding:0px;}
h4.main_latest {border-bottom:1px solid #e3e3e3; height:28px;}
h4.basic {font-size:16px; color:#472c15;}

/* main */
#main { background:url(./images/main/main_bg.gif) repeat-x bottom; position:relative; width:100%; height:720px; margin:0 auto; overflow:hidden;}
#main_img {margin:0 auto; text-align:center;}
#main_leaf {position:absolute; top:-50px; left:-110px;}
#main_banner { float:left; width:303px; height:110px; overflow:hidden;padding:0px;margin:0px;}
#main_banner ul { display:inline;padding:0px;margin:0px;}
#main_banner ul li { display:inline;padding:0px;margin:0px;}
#main_banner #franchise {float:left; width:197px; height:406px; position:relative;}
#main_banner #franchise ul {position:absolute; list-style:none; overflow:hidden; left:18px; bottom:30px;}
#main_banner #franchise ul li {float:left; padding-right:1px;}
#main_banner #popupzone {float:left; width:272px; height:448px;position:relative; margin-left:60px;}
#main_banner #popupzone #main_zone  {top:0px;left:0px; position:absolute;width:272px; height:448px;margin:0px;padding:0px;}
#main_banner #popupzone #main_zone #picpr {}
#main_banner #popupzone #main_zone #prcon {position: absolute; left:22px; top:182px; width:220px; height:220px; overflow: hidden;}
#main_banner #popupzone #main_zone #prcon ul {position: absolute; left: 0; top: 0;margin:0px;padding:0px; list-style:none;}
#main_banner #popupzone #main_zone #prcon ul li {list-style:none; margin:0px;padding:0px;}
#main_banner #popupzone #main_zone #prnum {width:260px; text-align:center; position: absolute; bottom:0; left:0;}
#main_banner #popupzone #main_zone #prnum img {cursor:pointer;}
#main_banner #popupzone #popupzone_bg {position:absolute; left:0; top:0;}
#main_banner #product {float:left; width:112px; height:387px; margin-left:60px;}
#main_banner #product #product_positon {position:relative;}
#main_banner #product #product_positon #product_bg {position:absolute; left:0; top:0;}
#main_banner #product #product_positon #product_img {position:absolute; left:15px; bottom:25px;}
#main_notice { float:left; padding-left:40px; width:300px; height:110px;}
#main_notice h3 { height:30px;}
#main_notice dl.main_lately {width:300px; height:80px; font-size:12px; color:#8a9ca6;}
#main_notice dl a, a.link, a:visited, a:active {color:#8a9ca6;}
#main_notice dl a.hover { text-decoration:none; color: #ffffff; !important;}
/* #main_notice dl.main_lately dt {float:left; width:220px; line-height:160%; background:url(/html/bbs/skin/latest/base/icon_li.gif) no-repeat left 7px; padding-left:7px; height:21px;} */
#main_notice dl.main_lately dt {float:left; width:220px; line-height:160%; height:21px;}
#main_notice dl.main_lately dd {float:right; width:70px; padding:0px; margin:0px; text-align:right; line-height:160%; height:21px;}
#main_notice dl.main_lately dt.no_data {line-height:110px; width:300px; height:80px; text-align:center; color:#8a9ca6;} 


/*[2014-01-24] 메인비주얼*/
.main{width:100%; clear:both; height: 550px; margin:0px;padding:0px; overflow:hidden; position:relative;background:#000000;}
.main .mainVisual {background:#e7ebed;position: relative; height: 550px; padding:0px;margin:0px;
}
.main .mainVisual h2 {	top: 0px; text-indent: -9999px; overflow: hidden; display: block; position: absolute;}
.main .mainVisual::after {	clear: both; display: block; content: "";}
.main .mainVisual .list {	left: 0px; top: 0px; width: 25%; height: 550px; overflow: hidden; float: left; position: relative;}
.main .mainVisual .list a {	width: 100%; height: 550px; display: block;}
.main .mainVisual .list .p.img {	display: block !important;height: 550px; }
.main .mainVisual .list .img {	left: 0px; top: 0px; position: absolute;}
.main .mainVisual .list .num {	right: 0px; bottom: 40px; position: absolute; z-index: 10;}
.main .mainVisual .list .view {	margin: 29px auto 0px; width: 95px; height: 31px; display: none; position: relative; z-index: 10;}
.main .mainVisual .list .view span {	top: 0px; text-indent: -9999px; overflow: hidden; display: block; position: absolute;}
.main .mainVisual .list .txt {	text-align: center; display: block; position: relative; z-index: 10; padding:0px; padding-top: 70px;}
.main .mainVisual .on.list .txt {}
.main .mainVisual .list .txt .on {	margin: 0px auto;display: none;	height: 65px;}
.main .mainVisual .list .txt .off {	margin: 0px auto;display: block;height: 50px;}
.main .mainVisual .list .txt img.on {height: 65px;}
.main .mainVisual .list .txt img.off {	height: 50px;}
/*.main .mainVisual .list .txt img {FILTER: alpha(opacity=0); opacity: 0}*/


/* sub */
#content { margin:0 auto; width:1000px; min-height:500px; height:auto !important; font-size:12px; position:relative;}
#content #sub_img {position:absolute; left:300px; top:-15px;}
#content #con_left {margin:0; padding:0 10px 0 10px; }
#content #top_menu {position:relative;width:100%;}
#content #top_menu ul{list-style:none;display:block;} 
#content #top_menu li.submenu  {height:73px; width:333px; float:left; text-align:center;}
/*#content #top_menu li.submenu  {height:20px; width:273px; float:left; background:url(./images/sub/leftmenu_bg.png) no-repeat left top; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/sub/leftmenu_bg.png', sizingMethod='crop'); padding:20px 30px 30px 30px;}*/
#content #top_menu li.submenu a.text {display:block; font-size:1.5em; font-weight:bold; background:url(./images/sub/tab_bg_off.png) repeat; padding:20px 30px 32px 30px;}
#content #top_menu li.submenu a.text:hover {color:#fff; background:url(./images/sub/tab_bg_on.png) no-repeat center top; }
#content #top_menu li.submenu .text_hover {display:block; font-size:1.5em; font-weight:bold; color:#fff; background:url(./images/sub/tab_bg_on.png) no-repeat center top; padding:20px 30px 32px 30px;}


#content #con_left #sms {line-height:150%; font-size:12px; height:235px; padding-top:20px; background:url(images/sub/sms_bg.png) no-repeat; text-align:center;}
#content #con_left #sms #sms_con { padding:20px 33px; }
#content #con_left #sms #sms_con input { font-size:12px;}

#content #con_right {position:relative; overflow:visible;}
#content #con_right h3 {height:50px; overflow:hidden; margin-left:50px;}
#content #con_right h3 td {font-size:40px; color:#52823b;}
#content #sub_navi { width:50%; margin-top:60px; color:#666; float:right; text-align:right;}
#content #sub_navi b {color:#666;}
#content #con_right #con_body_bg {background:url(./images/sub/con_right_bg.png) repeat-y left 10px; margin-top:10px;}
#content #con_right #con_body_bottom_bg {background:url(./images/sub/con_right_bottom_bg.jpg) no-repeat center bottom; margin-bottom:200px;}
#content #con_body { clear:both; min-height:500px; _height:500px; height:auto !important; padding:40px 0px 70px 0; overflow:hidden;}

/*board*/
table {border-collapse:collapse;}
table td p, table th p {margin:0px; padding:0px; vertical-align:middle;}
caption {visibility:hidden; line-height:0; font-size:0;}
td.nodata {height:100px; line-height:100px; text-align:center;}
.btn_center {margin-top:20px; text-align:center;}
.btn_center input {padding:0; margin:0; vertical-align:top;}
.btn_f_left {float:left; width:60%; text-align:left;}
.btn_f_left input {padding:0; margin:0; vertical-align:top;}
.btn_f_right {float:right; width:40%; text-align:right;}
.btn_f_right input {padding:0; margin:0; vertical-align:top;}
.btn_prevnext {margin-top:10px; text-align:center;}
.bbs_top {overflow:hidden; padding-bottom:10px;}
.bbs_info {float:left; width:40%; font-size:11px; padding-top:3px;}
.bbs_info b {color:#FF6600; font-size:11px;}
.bbs_cate {float:right;width:60%;text-align:right;}
.bbs_cate select {border:1px solid #ddd; background:#fff;}
.bbs_search {border:0px solid #ddd; margin-top:10px; padding:10px; }
.bbs_search form {text-align:center;}
.bbs_search select {border:1px solid #ccc; background:#fff;}
.bbs_search input {vertical-align:top; margin:0; padding:0;}
.keyword {border:1px solid #ccc; width:200px; height:16px; line-height:16px; padding:0 5px;}

table.list {}
table.list th {background:#e7ebed; border-bottom:1px solid #b8c3c9; border-top:2px solid #15384c; text-align:center; color:#15384c; font-size:11px; padding:12px 5px 8px 5px; font-weight:normal;}
table.list td {border-bottom:1px solid #b8c3c9; text-align:center; padding:5px; vertical-align:middle;}
table.list td input, table.list td img {vertical-align:middle;}

#gallery_list {background:url(./images/contents/th_view_bg.gif) repeat-x;text-align:center; padding:11px; border-bottom:1px solid #bbac9e;}
#gallery_list div {float:left; width:147px; text-align:center; padding:10px 0;}
#gallery_list div p {text-align:center; line-height:160%;}
#gallery_list div p.img {margin-bottom:10px;}
#gallery_list div p input {vertical-align:middle;}
#gallery_list .nodata {text-align:center; height:120px; line-height:120px;}

table.form {border-top:2px solid #15384c; }
table.form th { background:#e7ebed;border-bottom:1px solid #b8c3c9; text-align:center; color:#472c15; height:28px; line-height:30px; font-size:11px; font-weight:normal;}
table.form td {border-bottom:1px solid #b8c3c9; text-align:left; padding:5px;}
table.form td.f_top {border-top:2px solid #15384c; }
table.form td input {vertical-align:middle;}

table.view {}
table.view th {background:#f3f5f6; border-bottom:1px solid #b8c3c9; text-align:left; color:#15384c; font-size:11px;}
table.view th.title {background:#f3f5f6; border-bottom:1px solid #b8c3c9; border-top:2px solid #15384c; vertical-align:middle; height:33px; padding:3px 10px 0 10px; color:#15384c; font-size:12px; }
table.view td {border-bottom:1px solid #b8c3c9; text-align:left; padding:20px;}
table.view td.info {padding:5px 10px;}
table.view tr.t_line th {text-align:center;}
table.view tr.t_line td {padding:5px;}
table.view td.f_top {background:#f9f3dd url(./images/contents/th_view_bg.gif) repeat-x; height:3px; margin:0; padding:0;}

table.comment {margin-top:10px; border:1px solid #b8c3c9;}
table.comment td {background:#efe9d4; padding:5px; text-align:center;}
table.comment td.info {padding:8px 5px 3px 5px;}
table.comment td.info dl dt {float:left; width:70px;}
table.comment td.info dl dd {float:left; width:100px;}
table.comment td textarea {border:1px solid #ddd; width:100%; line-height:130%;}

table.comment_list td {padding:10px 20px; border-bottom:1px solid #b8c3c9;}
table.comment_list tr.writer_info td {background:#f9f3dd; padding:5px 10px;}
table.comment_list tr.writer_info td p {color:#CC3300;}

#event {background: url(./images/contents/th_view_bg.gif) repeat-x;}
#event dl {border-bottom:1px solid #bbac9e; overflow:hidden; padding:15px;}
#event dl dt {float:left; width:260px; text-align:center;}
#event dl dd {float:right; width:290px; text-align:left;}
#event dl dd p {border-bottom:1px dashed #ccc; height:25px; line-height:25px;}
#event dl dd b {display:inline-block; width:70px; color:#735f4d; font-size:11px;}
#event dl dd p input {vertical-align:middle;}
#event dl dd a {font-weight:bold; color:#735f4d;}
#event dl dd .event_btn {border-bottom:0; text-align:right; padding-top:5px;} 
#event dl dd .event_btn a {display:inline-block; color:#472c15; font-weight:normal; font-size:11px; background:url(./images/contents/event_go_icon.gif) no-repeat right 7px; padding-right:10px;}
#event dl dd .event_btn a:hover {font-weight:bold;}
#event p.nodata {text-align:center; height:120px; line-height:120px;}

.paging {text-align:center; margin-top:10px; height:11px; line-height:11px;}
.paging img {vertical-align:text-top;}
.paging b {display:inline-block; padding:0 5px; color:#72503d;}
.paging a {display:inline-block; padding:0 5px;}
.paging a.p_p0 {padding:0;}

.bbs_prev {padding:10px 10px 10px 20px; border-bottom:1px solid #b8c3c9; background:url(./images/contents/bg_prev.gif) no-repeat 5px center;}
.bbs_next {padding:10px 10px 10px 20px; border-bottom:1px solid #b8c3c9; background:url(./images/contents/bg_next.gif) no-repeat 5px center;}
.bbs_prevnext {padding:10px; border-bottom:1px solid #b8c3c9;}
.bbs_prevnext b, .bbs_prev b, .bbs_next b {font-size:11px; display:inline-block; padding-right:20px;}

#bbs_del {background: url(./images/contents/th_view_bg.gif) repeat-x; padding:40px 0; text-align:center; width:400px; margin:20px auto; border-bottom:1px solid #b8c3c9;}
#bbs_del .input_line {}
#bbs_del .input_line label {font-size:11px; padding-right:20px;}
#bbs_del .input_line input {border:1px solid #b8c3c9;}
#bbs_del .btn {margin-top:20px;}

/*게시물 복사 이동*/
h1.bbs_cm_title {background:#666; font-size:1.6em; height:45px; line-height:45px; padding-left:15px; color:#fff;}
#bbs_cm {padding:15px;}
#bbs_cm .guide {background:url(../images/contents/icon_arrow.gif) no-repeat left center;padding-left:10px;}
#bbs_cm ul {margin-top:15px; border-top:2px solid #ccc; list-style:none;}
#bbs_cm ul li {border-bottom:1px solid #ddd; padding:5px;}

/*login*/
#login {position:relative;width:370px; height:300px;/* background:url(./images/contents/login_bg.png) no-repeat right top;*/ margin:40px auto;}
#login p {margin:0; padding:0;}
#login label {display:inline-block; width:60px; line-height:20px;}
#login #l_id {position:absolute; left:0; top:45px; border-top:2px solid #15384c; padding:20px 0 0 30px; width:340px;}
#login #l_pw {position:absolute; left:0; top:90px; border-bottom:1px solid #7e919c; padding:0 0 20px 30px; width:340px;}
#login #l_id input, #login #l_pw input {border:1px solid #ccc; width:160px;}
#login #l_btn {position:absolute; right:30px; top:60px;}
#login dl {position:absolute; left:0; top:150px; overflow:hidden; width:370px;}
#login dl dt {float:left; width:50%; line-height:20px; height:25px;}
#login dl dt span {display:inline-block; background:url(./images/contents/login_icon.gif) no-repeat 2px 6px; width:15px; height:16px;}
#login dl dd {float:right; width:50%; text-align:right; line-height:20px; height:25px;}

/*store*/
#store_new_bg {background:url(./images/contents/store_new_bg.gif) no-repeat right top; padding-bottom:13px;}
#store_new {border-bottom:1px solid #b8c3c9;}
#store_new h4 {background:#472c15; color:#fff; padding:8px 10px; font-size:16px;}
#store_new > .img {padding:10px; text-align:center;}
#store_new > .text {padding:10px; text-align:justify;}
#store_new > .nodata {background: url(./images/contents/th_view_bg.gif) repeat-x; height:100px; line-height:100px; text-align:center;}
#store_list {}
#store_search_position {overflow:hidden; padding-bottom:20px;}
#store_map {float:left; width:250px; height:290px; text-align:center; padding:10px; background:url(./images/contents/store_map_bg.gif) no-repeat left top;}
#store_search_box {float:right; padding-left:20px; margin-top:20px;}
#store_search_box h4 {}
#store_search_box p {font-size:11px; margin-top:10px; background:url(./images/contents/icon_arrow.gif) no-repeat left 2px; padding-left:8px; width:300px; letter-spacing:-0.05em;}
#store_search_box .store_search {margin-top:10px; background:url(./images/contents/store_search_bg.gif) no-repeat left top; padding:13px 10px; text-align:center;}
#store_search_box .store_search select {border:1px solid #ccc; background:#fff;}
#store_search_box .store_search input.keyword {width:130px;}
#store_list > .bbs_info {clear:both; padding:20px 0 5px 0;}
#store_list > .bbs_cate {padding-top:15px;}
#store_view {}
#store_view h4 {background:#472c15; color:#fff; padding:5px 10px; font-size:16px;}
#store_view h5 {clear:both; padding:20px 0 10px 0; font-size:14px; color:#472c15;}
#store_view #store_img {float:left; width:273px; margin-top:15px;}
#store_view #store_img p.img {text-align:center; background:url(./images/contents/store_img_bg.gif) no-repeat left top; padding:11px;}
#store_view #store_img p img {width:250px; height:200px; border:1px solid #bbac9e;}
#store_view #store_img ul {list-style:none; margin-top:10px;}
#store_view #store_img ul li {float:left; width:33.3%; text-align:center;}
#store_view #store_img ul li img {width:80px; height:64px; border:1px solid #ddd;}
#store_view #store_info {float:right; width:310px; margin-top:20px;}
#store_view #store_info table th {letter-spacing:-0.05em;}
#mapContainer {display:block; margin:0 auto; width:610px; height:440px; border:1px solid #bbac9e;}

/*menu_list*/
#slogan {position:absolute; left:0; top:92px; width:610px; padding:0 60px 0 80px; text-align:center;}
.menu_coffee_text {padding-bottom:20px; padding-left:20px;}
.menu_coffee_img {position:absolute; right:30px; top:150px; z-index:300;}
.menu_jadam_text {text-align:center; padding-bottom:30px;}
.menu_jadam_img {position:absolute; right:40px; top:130px; z-index:300;}
#menu_list {overflow:hidden;}
#menu_list div {width:33.3%; height:178px; float:left; text-align:center; background:url(./images/contents/menu_list_bg.jpg) no-repeat center top; padding-top:17px;}
#menu_list div .text {height:43px; line-height:43px;}
#menu_list div .text input, #menu_list div .text img {vertical-align:middle;}
#menu_list p.nodata {text-align:center; height:100px; line-height:100px; background:#fff; border:1px solid #b8c3c9; margin:0 5px;}
#menu_view {width:624px; _height:284px; min-height:284px; height:auto !important; margin:-7px 0 0 -7px; position:relative;}
#menu_view #menu_info {background:url(./images/contents/menu_view_bg.png) repeat-y center top; _height:284px; min-height:284px; height:auto !important;}
#menu_view #menu_info > .top_bg {background:url(./images/contents/menu_view_top_bg.jpg) no-repeat left top; height:37px;}
#menu_view #menu_info > .bottom_bg {clear:both; background:url(./images/contents/menu_view_bottom_bg.jpg) no-repeat left top; height:37px;}
#menu_view #menu_info > .menu_img {float:left; margin-left:37px; width:280px; height:210px; position:relative;}
#menu_view #menu_info > .menu_img .img {width:280px; height:210px;}
#menu_view #menu_info > .info {float:right; margin-right:37px; width:240px;}
#menu_view #menu_info > .info h4 {font-size:20px; color:#866a55; padding:5px 0; line-height:30px; border-bottom:1px solid #866a55;}
#menu_view #menu_info > .info .text {color:#777; line-height:160%; margin-top:10px; min-height:70px; _height:70px; height:auto !important; text-align:justify;}
#menu_view #menu_info > .info .star {margin-top:15px;}
#menu_view #menu_info > .info .star img {vertical-align:middle; padding-right:10px;}
#menu_view #menu_info > .info .price {margin-top:15px; color:#333; font-size:18px; padding-top:15px; border-top:1px solid #e5e5e5;}
#menu_view #menu_info > .info .price img {vertical-align:middle;}
#menu_view #menu_info > .info .price span {padding-right:15px;}
#menu_view #menu_info > .menu_img .material {position: absolute; left:0; bottom:-20px; width:275px; height:48px; text-align:right;}
.btn_list {text-align:right;}
#menu_view h5 {font-size:14px; color:#472c15; margin-top:15px;}
#menu_view h5 span {font-weight:normal;}
#menu_view #comment_write {background:url(./images/contents/menu_view_comment_bg.gif) no-repeat left top; padding:13px 11px; margin-top:10px; width:588px; height:84px;}
#menu_view #comment_write dl {overflow:hidden; margin:2px 0 12px 10px;}
#menu_view #comment_write dt {float:left; color:#472c15; font-weight:bold; padding:2px 15px 0 0;}
#menu_view #comment_write dd {float:left; vertical-align:middle;}
#menu_view #comment_write dd img {width:60px; height:10px; padding-top:3px;}
#menu_view #comment_write textarea {width:510px; height:40px; margin-left:5px;}
#menu_view #star_eve {text-align:right; margin-bottom:5px; font-size:11px;}
#menu_view #star_eve span {padding-left:5px; font-size:14px; color:#f47b20;}
dl.form_price {overflow:hidden;}
dl.form_price dt {float:left; width:12%; font-size:11px; height:23px; line-height:23px; font-weight:bold;}
dl.form_price dd {float:left; width:37%; height:23px;}
#menulist_all {overflow:hidden; margin:15px auto 0 auto; width:608px;}
#menulist_all h4 {float:left; width:152px; height:130px; text-align:center; padding-bottom:20px;}
#menulist_all .box {float:left; width:152px; height:130px; background:url(./images/contents/menulist_all_bg.gif) no-repeat center top; text-align:center; padding-bottom:20px;}
#menulist_all .box img {border:1px solid #b8c3c9; margin:9px 0;}
#menulist_all .box .img {text-align:center;}
#menulist_all .box .img img {width:110px; height:83x;}
#menulist_all .box .text {text-align:center; font-size:11px; color:#825e4a; letter-spacing:-0.1em;}
#menulist_all .box .text img {vertical-align:middle; margin:0; border:none;}

/*popup*/
#pop {width:100%;}
#pop h1 {background:#666; color:#fff; font-size:14px; padding:10px; text-align:left;}
#pop .box_center {text-align:center; padding:15px;}
#pop .box_center label {padding-right:15px;}
#pop .box_center2 {text-align:center; padding:20px 15px;}
#pop .box_center2 label {display:inline-block; text-align:left; height:18px; line-height:20px;}
#pop .box_left {text-align:left; padding:15px;}
#pop .box_left label {display:inline-block; width:120px; text-align:right; padding-right:15px;}
#pop .box_zip {padding:15px;}
#pop .box_zip p input {vertical-align:middle; margin:0; padding:0;}
#pop .box_zip .zip_result {margin-top:20px;}
#pop .box_zip table {border-top:2px solid #aaa; margin-top:5px;}
#pop .box_zip th {border-bottom:1px solid #ddd; font-size:11px; background:#f5f5f5; height:25px; line-height:25px;}
#pop .box_zip td {border-bottom:1px solid #ddd; padding:3px; line-height:130%;}
#pop .idch {padding:40px 20px; text-align:center; background:#f5f5f5;}

/*cost*/
#cost p {text-align:right;}
#cost table {margin-top:10px;}
#cost table tbody th {background-image:none;border-bottom:1px solid #b8c3c9; color:#444;}
#cost table tbody td.t_align {border-right:1px solid #b8c3c9; text-align:justify;}
#cost ul {list-style:none;}
#cost li {text-align:justify; line-height:150%;}
#cost ul.l_style {margin-top:10px;}
#cost ul.l_style > li { list-style:disc; margin-left:20px;}

/*menustory*/
#menustory {line-height:160%;}
#menustory li{display:inline;}
#menustory b {color:#c66b1f;}
#menustory #ms_1 {background:url(./images/contents/menu/ms_bg1.png) no-repeat left bottom; margin:15px 0 30px 0; padding-bottom:10px; text-align:justify;}
#menustory #ms_2 {background:url(./images/contents/menu/ms_bg2.png) no-repeat left bottom; margin:15px 0 30px 0; padding-bottom:10px; text-align:justify;}
#menustory #ms_2 > p {font-size:14px; color:#7b5e33; font-weight:bold; margin-top:5px;}
#menustory #ms_2 > .first {font-size:15px; margin-top:0;}
#menustory #ms_2 > .end {font-size:12px; color:#7b5e33; font-weight:normal; color:#666;}
#menustory #ms_3 {background:url(./images/contents/menu/ms_bg3.png) no-repeat left bottom; margin:15px 0 30px 0; padding-bottom:10px; text-align:justify;}
#menustory #ms_4 {background:url(./images/contents/menu/ms_bg4.png) no-repeat left bottom; margin:15px 0 30px 0; padding-bottom:10px; text-align:justify;}
#menustory #ms_4 > p {margin-top:5px;}
#menustory #ms_4 > .first {font-size:14px; color:#7b5e33; font-weight:bold; margin-top:0;}
#menustory #ms_5 {background:url(./images/contents/menu/ms_bg5.png) no-repeat left bottom; margin:15px 0 30px 0; padding-bottom:10px; text-align:justify;}
#menustory #ms_6 {background:url(./images/contents/menu/ms_bg6.png) no-repeat left bottom; margin:15px 0 30px 0; padding-bottom:10px; text-align:justify;}

.franchise1_img1 {background:url(./images/contents/franchise1/img1.png) no-repeat left top; padding-left:150px; padding-top:10px; min-height:85px;}
.franchise1_img2 {background:url(./images/contents/franchise1/img2.png) no-repeat left top; padding-left:150px; padding-top:10px; min-height:95px;}
.franchise1_img3 {background:url(./images/contents/franchise1/img3.png) no-repeat left top; padding-left:150px; padding-top:10px; min-height:90px;}
.franchise1_img4 {background:url(./images/contents/franchise1/img4.png) no-repeat left top; padding-left:150px; padding-top:10px; min-height:60px;}
.franchise1_img5 {background:url(./images/contents/franchise1/img5.png) no-repeat left top; padding-left:150px; padding-top:10px; min-height:97px;}
.franchise1_img6 {background:url(./images/contents/franchise1/img6.png) no-repeat left top; padding-left:150px; padding-top:10px; min-height:100px;}


a.pop_notice_btn {display:block; width:34px; height:17px; line-height:17px; letter-spacing:-0.1em; font-size:11px; text-align:center; border:1px solid #ddd; background:#eee; color:#666;}
a.pop_notice_btn:hover {background:#3e7ab0; color:#fff; border-color:#3e7ab0;}


ul.basic {margin:0;list-style:none;}
ul.basic li {padding-left:13px;background:url(./images/sub/icon_basic.gif) no-repeat left 6px;line-height:160%}
ul.basic span {font-weight:bold;}
ul.basic li li {list-style:none; background:none; padding:0;}

ul.facility1 {margin:0;list-style:none; font-size:14px;}
ul.facility1 li {padding-left:13px;background:url(./images/sub/icon_basic.gif) no-repeat left 6px;line-height:160%; border-bottom:solid 1px #e7ebed; padding:0 0 15px 15px; margin-top:15px;}
ul.facility1 span {font-weight:bold;}


table.board1{border-top:2px solid #15384c;line-height:140%}
table.board1 td{padding:5px 10px;border-bottom:1px solid #ccc;border-right:1px solid #ccc; text-align:center;}
table.board1 th{padding:5px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;background:#f5f5f5;text-align:center}
table.board1 th.left_line,table.board1 td.left_line{border-left:1px solid #ccc}
table.board1 th.noline{border-right:0}



/*위치안내 start*/
.facility2 {z-index:1; position:relative; width:1000px; margin:0 auto; height:550px; background-color:#FFFFFF;}
.facility2 .all_visual_content {z-index:10; position:relative; margin:0 auto; width:1000px; height:550px;}
.facility2 .visual_content {position:absolute; margin:0; width:1000px; height:550px;}
.facility2 .visual_obj_group {Z-INDEX: 10; POSITION: absolute; TEXT-ALIGN: left; LETTER-SPACING: -1px; TOP: 0px; LEFT: 0px}
.facility2 .visual_obj_group > DIV {POSITION: absolute; WIDTH: 1000px; HEIGHT: 500px; TOP: 0px; LEFT:0px}
.facility2 .visual_obj_group .txt_group {z-index:5; position:absolute; filter:alpha(opacity=0); top:0px; left:0px; opacity:0; padding-left:0px;}
.facility2 .visual_obj_group .txt1 {LINE-HEIGHT: 25px; COLOR: #444; FONT-SIZE: 24px}
.facility2 .visual_obj_group .visual_img {POSITION: absolute; FILTER: alpha(opacity=0); opacity: 0}
.facility2 .visual_obj_group .white > P {COLOR: #fff}
.facility2 .visual_obj_group .white > P.s {COLOR: #ddd}
.facility2 .visual_obj_group .white > P.s A {COLOR: #ddd}
.facility2 .visual_obj_group .white > P.s SPAN {	COLOR: #ddd; FONT-SIZE: 13px}
.facility2 .visual_obj_group .white > P A {COLOR: #fff}
.facility2 .visual_obj_group .obj1 {BOTTOM: 0px; RIGHT: 0px}
.facility2 .visual_obj_group .obj2 {BOTTOM: 0px; RIGHT: -150px}
.facility2 .visual_obj_group .obj3 {BOTTOM: 0px; RIGHT: 14px} 
.facility2 .visual_bg_group {z-index:1; POSITION: absolute;width:100%;margin:0 auto;TOP: 0px; LEFT: 0px; height:500px; padding:0px;}
.facility2 .visual_bg_01 {TOP: 0px; LEFT: 0px; padding:0px;POSITION: absolute; FILTER: alpha(opacity=0);width:100%;margin:0 auto; height:500px; opacity: 0;BACKGROUND: url(images/sub/drawing_tab1.gif) no-repeat center bottom;}
.facility2 .visual_bg_02 {TOP: 0px; LEFT: 0px; padding:0px;POSITION: absolute; FILTER: alpha(opacity=0);width:100%;margin:0 auto; height:500px; opacity: 0;BACKGROUND: url(images/sub/drawing_tab2.gif) no-repeat center bottom;}
.facility2 .visual_bg_03 {TOP: 0px; LEFT: 0px; padding:0px;POSITION: absolute; FILTER: alpha(opacity=0);width:100%;margin:0 auto; height:500px; opacity: 0;BACKGROUND: url(images/sub/drawing_tab3.gif) no-repeat center bottom;}
.facility2 .visual_bg_04 {TOP: 0px; LEFT: 0px; padding:0px;POSITION: absolute; FILTER: alpha(opacity=0);width:100%;margin:0 auto; height:500px; opacity: 0;BACKGROUND: url(images/sub/drawing_tab4.gif) no-repeat center bottom;}
.facility2 .visual_bg_05 {TOP: 0px; LEFT: 0px; padding:0px;POSITION: absolute; FILTER: alpha(opacity=0);width:100%;margin:0 auto; height:500px; opacity: 0;BACKGROUND: url(images/sub/drawing_tab5.gif) no-repeat center bottom;}

.facility2 .visual_tab {	BACKGROUND: url(images/sub/facility2_tab_bg.gif) no-repeat center bottom;Z-INDEX: 15; POSITION: absolute; WIDTH: 1000px; BOTTOM: 0px; HEIGHT: 40px; padding:0px;}
.facility2 .visual_tab UL {list-style:none;	MARGIN: 0px auto; WIDTH: 1000px;HEIGHT: 40px; }
.facility2 .visual_tab UL  LI {	POSITION: relative; WIDTH:200px; FLOAT: left; HEIGHT: 40px; CURSOR: pointer;}
.facility2 .visual_tab UL  LI   .img {bottom:0px;	POSITION: absolute;}


/*위치안내 end*/

/*망양휴게소 start*/
.intro1 {z-index:1; position:relative; width:1000px; margin:0 auto; height:356px; background-color:#FFFFFF;}
.intro1 .all_visual_content {z-index:10; position:relative; margin:0 auto; width:1000px; height:356px;}
.intro1 .visual_content {position:absolute; margin:0; width:1000px; height:356px;}
.intro1 .visual_obj_group {Z-INDEX: 10; POSITION: absolute; TEXT-ALIGN: left; LETTER-SPACING: -1px; TOP: 0px; LEFT: 0px}
.intro1 .visual_obj_group > DIV {POSITION: absolute; WIDTH: 1000px; HEIGHT: 336px; TOP: 0px; LEFT:0px}
.intro1 .visual_obj_group .txt_group {z-index:5; position:absolute; filter:alpha(opacity=0); left:65px; top:50px;opacity:0; padding-left:65px;}
.intro1 .visual_obj_group .txt1 {LINE-HEIGHT: 25px; COLOR: #444; FONT-SIZE: 24px}
/*.intro1 .visual_obj_group .txt_group img{ FILTER: alpha(opacity=0); opacity: 0}*/
.intro1 .visual_obj_group .visual_img {POSITION: absolute; FILTER: alpha(opacity=0); opacity: 0}
.intro1 .visual_obj_group .white > P {COLOR: #fff}
.intro1 .visual_obj_group .white > P.s {COLOR: #ddd}
.intro1 .visual_obj_group .white > P.s A {COLOR: #ddd}
.intro1 .visual_obj_group .white > P.s SPAN {	COLOR: #ddd; FONT-SIZE: 13px}
.intro1 .visual_obj_group .white > P A {COLOR: #fff}
.intro1 .visual_obj_group .obj1 {BOTTOM: 0px; RIGHT: 0px}
.intro1 .visual_obj_group .obj2 {BOTTOM: 0px; RIGHT: -150px}
.intro1 .visual_obj_group .obj3 {BOTTOM: 0px; RIGHT: 14px} 
.intro1 .visual_bg_group {z-index:1; POSITION: absolute;width:100%;margin:0 auto;TOP: 0px; LEFT: 0px; height:336px; padding:0px;}
.intro1 .visual_bg_01 {TOP: 0px; LEFT: 0px; padding:0px;POSITION: absolute; FILTER: alpha(opacity=0);width:100%;margin:0 auto; height:336px; opacity: 0;BACKGROUND: url(images/sub/intro1_tab1_img.jpg) no-repeat center bottom;}
.intro1 .visual_bg_02 {TOP: 0px; LEFT: 0px; padding:0px;POSITION: absolute; FILTER: alpha(opacity=0);width:100%;margin:0 auto; height:336px; opacity: 0;BACKGROUND: url(images/sub/intro1_tab2_img.jpg) no-repeat center bottom;}
.intro1 .visual_bg_03 {TOP: 0px; LEFT: 0px; padding:0px;POSITION: absolute; FILTER: alpha(opacity=0);width:100%;margin:0 auto; height:336px; opacity: 0;BACKGROUND: url(images/sub/intro1_tab3_img.jpg) no-repeat center bottom;}
.intro1 .visual_bg_04 {TOP: 0px; LEFT: 0px; padding:0px;POSITION: absolute; FILTER: alpha(opacity=0);width:100%;margin:0 auto; height:336px; opacity: 0;BACKGROUND: url(images/sub/intro1_tab4_img.jpg) no-repeat center bottom;}
.intro1 .visual_bg_05 {TOP: 0px; LEFT: 0px; padding:0px;POSITION: absolute; FILTER: alpha(opacity=0);width:100%;margin:0 auto; height:336px; opacity: 0;BACKGROUND: url(images/sub/intro1_tab5_img.jpg) no-repeat center bottom;}

.intro1 .visual_tab {	Z-INDEX: 15; POSITION: absolute; WIDTH: 1000px; BOTTOM: 0px; HEIGHT: 10px; padding:0px;}
.intro1 .visual_tab UL {list-style:none;	MARGIN: 0px auto; WIDTH: 1000px;HEIGHT: 10px; }
.intro1 .visual_tab UL  LI {	POSITION: relative; WIDTH:200px; FLOAT: left; HEIGHT: 10px; CURSOR: pointer;}
.intro1 .visual_tab UL  LI   .img {bottom:0px;	POSITION: absolute;}

/*망양휴게소 end*/

/*팬션소개 start*/
/*.slide_wrap{width:1000px;height: 673px; border-top-color: rgb(21, 56, 76); border-bottom-color: rgb(231, 235, 237); border-top-width: 4px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;}
.roomthum{list-style: none; padding-top: 10px;}
.roomvisual_roll {width:100%; position:relative;}
.roomthum {width:100%; clear:both; padding:10px 0; position:relative;}
.roomthum ul { display:block; overflow:hidden;}
.roomthum ul li {float:left; margin-left:2px; display:block;}
.roomthum ul li a img {opacity:0.5;}
.roomthum ul li a.active img {opacity:1 !important;}
.roomthum ul li:first-child {margin-left:0;}
.roomthum ul li a {display:block; position:relative; width:111px; height:59px;}
.roomthum ul li a div {position:absolute; top:-200px; left:0; background:none; width:109px; height:59px; }
.roomthum ul li a.active div {top:0; background:url('/html/images/sub/thum_mask.png') no-repeat 0 0;}
.roomthum ul li.flex-active-slide div {top:0; background:url('/html/images/sub/thum_mask.png') no-repeat 0 0;}
.roomthum ul li.flex-active-slide img { opacity:1;}
p.btn_roominfo { text-align:right; clear:both; padding:0;}
*/

#roomvisual_roll{width:1000px;height: 673px; border-top-color: rgb(21, 56, 76); border-bottom-color: rgb(231, 235, 237); border-top-width: 4px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;}
.roomScreen {overflow: hidden;position: relative;height: 540px;width: 1000px; cursor:pointer; clear:both;}
.roomScreen .images {position:absolute; display:none; }
.roomBtn ul ,li {list-style:none; margin:0; padding:0;  }
.roomBtn {width:1000px;cursor:pointer;padding-top: 10px;}
.roomBtn li.fir{width:109px;float:left;margin:0px;height:59px;}
.roomBtn li {width:109px;float:left;margin-left:2px;height:59px;}
.roomBtn li img {width:105px;}
.roomBtn li .over {opacity:1;border-color: rgb(248, 185, 06);border-width:3px;border-style: solid;}
.roomBtn li .out {opacity:0.5;border:3px solid #ffffff;}


/*펜션소개 end*/