

/* Button */
[class*='btn-'] {display: inline-block;text-align:center;transition:background-color 0.2s ease-out, color 0.2s ease-out;}
[class*='btn-']:hover {cursor: pointer;transition:background-color 0.3s ease-in,  color 0.3s ease-in;}
.btn-color         {color:#fff;background-color:#b69c59;border:1px solid #b69c59;}
.btn-color:hover   {color:#fff;background-color:#b69c59;border:1px solid #b69c59;}
.btn-colorline         {color:#b69c59;background-color:#ffffff;border:1px solid #b69c59;}
.btn-colorline:hover   {color:#b69c59;background-color:#ffffff;border:1px solid #b69c59;;}
.btn-black         {color:#fff;background-color:#323232;border:1px solid #232323;}
.btn-black:hover   {color:#fff;background-color:#232323;border:1px solid #121212;;}
.btn-basic         {color:#666666;background-color: #ffffff;border:1px solid #dddddd;}
.btn-basic:hover   {color:#333333;background-color: #ffffff;border:1px solid #cccccc;;}

      .mini   {display:inline-block;font-size:11px;padding:0px 10px 2px 10px;}
 input.mini   {display:inline-block;font-size:11px;padding:4px 10px 3px 10px;}
button.mini   {display:inline-block;font-size:11px;padding:4px 10px 3px 10px;}

	  .small  {display:inline-block;font-size:11px;padding:3px 10px 4px 10px;}
 input.small  {display:inline-block;font-size:11px;padding:5px 10px 6px 10px;}
button.small  {display:inline-block;font-size:11px;padding:5px 10px 6px 10px;}

	  .medium {display:inline-block;font-size:13px;padding:5px 10px 7px 10px; letter-spacing:-1px;}
 input.medium {display:inline-block;font-size:12px;padding:7px 10px 9px 10px;vertical-align:middle; letter-spacing:-1px;}
button.medium {display:inline-block;font-size:12px;padding:9px 10px 8px 10px;}

	  .large  {display:inline-block;font-size:16px;padding:6px 20px 8px 20px;}
 input.large  {display:inline-block;font-size:16px;padding:10px 20px 11px 20px;margin-top:-4px;}
button.large  {display:inline-block;font-size:16px;padding:11px 20px 12px 20px;margin-top:-2px;}

/* Form */
input.frm_input {height:28px;border:1px solid #dddddd;background:#ffffff;color:#000;vertical-align:middle;line-height:28px;padding:0px 5px;}
select.frm_select {height:28px;border:1px solid #dddddd;background:#ffffff;color:#000;vertical-align:middle;line-height:28px;padding:0px 5px;}

/* Board */ 
.boardlist    { width:100%; }
.boardlist th {color:#666; padding:15px 10px; text-align:center; border-top:1px solid #999; border-bottom:1px solid #dcdcdc; background:#fcfcfc; } 
.boardlist td {color:#666; padding:12px 10px; text-align:center; border-top:1px solid #ececec; border-bottom:1px solid #ececec; } 
.boardlist tr:hover {background:#f9f9f9} 
.boardlist td.subject {text-align:left; } 
.boardlist td.subject a {color:#666;} 
.boardlist td.subject a:hover {color:#111;} 
.boardlist td.subject span { font-size:11px; color:#ff6600; font-family:tahoma; font-weight:normal; } 
.boardlist td span.notice { font-size:12px; color:#ffffff; background:#ff6600; padding:2px 5px 4px 5px; font-weight:bold; } 

.boardform    {width:100%;margin-bottom:20px;border-top:1px solid #e6e6e6;}
.boardform th {color:#666;padding:10px 20px;background-color:#f6f6f6;border-bottom:1px solid #e6e6e6;text-align:left;}
.boardform td {color:#666;padding:10px 10px;background-color:#ffffff;border-bottom:1px solid #e6e6e6;text-align:left;line-height:150%;}

.boardview_head    { width:100%; border-bottom:1px solid #ececec; }
.boardview_head th { font-size:20px; color:#111; padding-bottom:10px; text-align:left; }
.boardview_head td span.name { font-size:11px; color:#555; }
.boardview_head td span.line { font-size: 9px; color:#ccc; padding:0px 5px; }
.boardview_head td span.date { font-size: 9px; color:#555; font-family:tahoma}
.boardview_head td span.right{ font-size: 9px; color:#555; font-family:tahoma; text-align:right; }
.boardview_text { width:100%; padding:20px 0px; border-bottom:1px solid #ececec; line-height:200%; word-break:break-all;}
.boardview_link {border-bottom:1px solid #ececec;padding:10px 0px;line-height:200%;}

.boardbutton { width:100%; margin-top:20px; vertical-align:top; text-align:center; }
.boardbutton div.tl { text-align:left; float:left; }
.boardbutton div.tr { text-align:right; }

.boardsearch { margin-top:20px; height:30px;background:#ffffff; padding:11px; text-align:center;overflow:hidden;}
.boardsearch form   { display: inline-block; vertical-align:top;}
.boardsearch input.search  {width:300px;height:33px;padding-left:8px;background:#fff; border:1px solid #ccc; line-height:22px; margin-top:0px;margin-right:-1px; float:left;}
.boardsearch input.search:after {clear:both;content:"";display:block;}

/* Paging */
.pg_wrap {clear:both;margin-top:20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current {display:inline-block;padding:0 8px;height:25px;color:#000;letter-spacing:0;line-height:25px;vertical-align:middle}
.pg a  {color:#666}
.pg a:hover {color:#000}
.pg_page {background:#fff;border:1px solid #ddd;text-decoration:none}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:0 0 0 0;background:#333;border:1px solid #111;color:#fff;font-weight:normal}

/* Category, 가로사이즈는 스킨상단에 정의 */
#bo_cate ul {margin-bottom:20px;padding-left:1px;zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {float:left;margin-bottom:-1px;}
#bo_cate a {display:block;position:relative;margin-left:-1px;padding:10px 0px;border:1px solid #ddd;background:#f7f7f7;color:#888;font-size:13px;text-align:center;cursor:pointer}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none}
#bo_cate #bo_cate_on {z-index:2;border:1px solid #565e60;background:#fff;color:#565e60;font-weight:bold}

/* Tab */
.tabmenu       { margin-bottom:20px; }
.tabmenu td    { border:1px solid #ccc; padding:5px;text-align:center; }
.tabmenu td.on { background:#f3f3f3; }

/* Popup */
.popup_title   { padding:20px; font-size:18px; background:#161616; color:#fff; }
.popup_content { padding:20px; }

/* Kcaptcha */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {width:100px;height:41px;border:1px solid #e9e9e9}
#captcha #captcha_mp3 {position:absolute;top:0;left:101px;;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../../plugin/kcaptcha/img/sound.gif')}
#captcha #captcha_reload {position:absolute;top:21px;left:101px;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_reload span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../../plugin/kcaptcha/img/reload.gif')}
#captcha #captcha_key {margin:0 0 0 25px;padding:0 5px;width:100px;height:43px;border:1px solid #dddddd;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/*네이버페이*/
.itemform-naverpay{margin-top:15px}
.cart-naverpay{margin-top:15px}

/*에디터 버튼삭제*/
.sound_only{display:none !important;}
.cke_sc{display:none !important;}