html, body, #wrap{min-height:100%; height:100%}

#header {position:absolute; left:0; top:0; z-index:10; min-width:100%; border-bottom:2px solid #D3CFC6; background:#E0D9C7}
.header_in {width:1200px; padding:22px; overflow:hidden}
.header_in h1 {float:left}
.header_in .gnb {float:left; margin:9px 0 0 30px}
.header_in .gnb li {float:left; padding:0 10px; border-right:1px solid #D1A18D}
.header_in .gnb li a{color:#947652; font-weight:bold}

#container {float:left; width:1200px; height:100%; padding-top:76px}
#container #snb {float:left; width:200px; height:100%; border-right:2px solid #D3CFC6}
#container #snb h2 {padding:8px 5px; font-weight:bold; font-size:14px; color:#555; border-bottom:2px solid #9A846C; background:#F7F5F0}

/* #container #snb > ul > li {padding:4px 5px; color:#000; font-weight:bold; border-bottom:1px solid #D1A18D}
#container #snb > ul > li ul li a {color:#555} */

#container #snb > ul > li {color:#555; font-weight:bold; border-bottom:1px solid #D1A18D}
#container #snb > ul > li strong {display:block; padding:4px 5px; color:#fff; border-bottom:1px solid #D1A18D; background:#9A846C}
#container #snb > ul > li ul li {font-weight:normal; padding:3px 0 3px 8px}
#container #snb > ul > li ul li a {color:#555}

#container #content {float:left; width:985px; padding:10px 0 130px 10px}

/* 페이징 */
.paging {position:relative; width:100%; margin:15px auto; overflow:hidden; text-align:center}
.paging a {display:inline; padding:0 3px; color:#555}
.paging ol {overflow:hidden; height:21px; text-align:center}
.paging ol li {display:inline}
.paging ol li a{padding:5px; color:#444}
.paging ol li a:hover{color:#000}
.paging .paging_btn {position:absolute; right:0;top:2px}
.paging .paging_btn a {padding:2px 4px; margin-left:5px; border:1px solid #888}

/* 경로 */
.path {width:100%; margin-bottom:10px;overflow:hidden; padding-bottom:5px; border-bottom:1px solid #9A846C}
.path h3 {float:left; font-weight:bold; font-size:14px; color:#777}
.path ol {float:right}
.path ol li{float:left; padding:0 2px}

/* 하단 박스버튼 */
.rnc {text-align:center; height:34px; padding-top:8px; margin-top:10px; border:1px solid #ddd; background:#F7F5F0; position:relative; overflow:hidden;}
.rnc a {padding:3px 6px; margin:0 4px; border:1px solid #888; color:#000; background:#fff}
.rnc a.pos_lset01{left:0; line-height:17px; position:absolute; top:8px;}
.rnc a.pos_lset02{left:60px; line-height:17px;position:absolute; top:8px;}
.rnc a.pos_lset03{left:120px; line-height:17px;position:absolute; top:8px;}
.rnc a.pos_rset01{right:0; line-height:17px;position:absolute; top:8px;}
.rnc a.pos_rset02{right:60px; line-height:17px;position:absolute; top:8px;}
.rnc a.pos_rset03{right:120px; line-height:17px;position:absolute; top:8px;}


/* 하단검색 */
.bot_search {text-align:center}
.bot_search select {height:20px}
.bot_search input {height:20px}
.bot_search input[type=button] {padding:0 4px; height:21px}
.bot_search input[type=button]::-moz-focus-inner {padding:0;border:0}

/* 게시판형 */
.table01 {width:100%}
.table01 thead {border-bottom:1px solid #888; border-top:1px solid #888}
.table01 th, .table01 td {text-align:center; padding:5px 0}
.table01 td {border-bottom:1px solid #E0D9C7}
.table01 td input[type=text]{height:19px; border:1px solid #aaa}
.table01 th {text-align:center; font-weight:normal; background:#E0D9C7}


/* 폼형 */
.table02 {width:100%; margin-top:10px; border-top:2px solid #888}
.table02 tbody th {padding:5px 0; color:#666; text-align:center; vertical-align:middle; border-bottom:1px solid #F2EEE7; background:#E0D9C7}
.table02 tbody td {padding:5px; border-bottom:1px solid #F2EEE7; text-align:left}
.table02 td input[type=text]{height:19px; border:1px solid #aaa}

/* 폼형 (폼형에 td가 센터정렬일시 table에 클래스추가)*/
.t_center {}
.t_center tbody td {text-align:center !important}

/* 폼형 (폼형에 보더가 들어갈시 table에 클래스추가) */
.t_bd {}
.t_bd tbody td {border:1px solid #E0D9C7}

.top_search {padding:10px; margin-bottom:10px; background:#E0D9C7; border:1px solid #888}

/* 로그인 */
#login_wrap {height:100%; background:#F2EEE7; overflow:hidden}
#login_wrap #login {position:relative; width:761px; height:281px; margin:0 auto; margin-top:220px; background:url(../img/pic/login.jpg) 0 0 no-repeat}
#login .login_in {position:absolute; right:158px; top:145px}
.login_in dl {overflow:hidden; margin-bottom:8px}
.login_in dl dt {width:50px; float:left; color:#fff; font-weight:bold; font-size:16px; vertical-align:middle}
.login_in dl dd {float:left}
.login_in dl dd input {width:140px; height:21px}
.login_in button {position: absolute; right:-75px; top: 0px; width: 66px; height: 51px; line-height: 50px;border: 1px solid #000}

/**/
.site_top {overflow:hidden; margin:10px 0  5px; padding:5px 0}
.site_top select {float:left}
.site_top span {float:right}
.site_top span a {margin-left:10px; padding:3px 5px; border:1px solid #888; color:#000; background:#fff}

/* 테이블에 들어가는 버튼타입  */
.btn_type01 {padding:3px 5px; border:1px solid #888; color:#000; background:#fff}

/*회원목록*/
.men_num {float:right}
.men_num span {float:none}

/**/
.st_title {display:block; margin-top:10px; font-weight:bold; color:#555}

/* 검색분류 관리 */
.list_group {overflow:hidden}
.list_group .section {width:178px; float:left; margin-right:15px; border:1px solid #E0D9C7}
.list_group .section strong {display:block; padding:5px 0; text-align:center; color:#555; border-top:2px solid #888; background:#E0D9C7}
.list_group .section ul {width:178px; height:240px; overflow-y:scroll; overflow-x:none}
.list_group .section ul li {padding:2px 0; text-align:center; cursor:pointer}
.list_group .section .bot {width:178px; padding:7px 0; text-align:center; border-top:1px solid #E0D9C7}
.list_group .section .bot a {display:inline-block; margin:0 4px; padding:2px 4px; border:1px solid #aaa}

/* 인기제품관리 */
.ff_group {overflow:hidden}
.ff_group .sec01 {float:left; width:37%; margin-right:15px}
.ff_group .sec02 {float:left; width:60%}
.ff_group .sec02 .list_group {float:left}
.ff_group .sec02 .ff_lap {width:66.5%; float:left}

/* 포토게시판 */
.mr5{margin-right:5px}
.photo_bx{overflow:hidden}
.photo_bx dl{float:left; width:138px; height:249px; margin:10px 2px; padding:10px; border:1px solid #E0D9C7}
.photo_bx dd{padding:5px 0; text-align:center}
.photo_bx dt{overflow:hidden; width:138px; padding:5px 0 10px; font-size:11px; text-overflow:ellipsis; white-space:nowrap; text-align:center; font-weight:bold; color:#9A846C}
.photo_bx dd.pic {overflow:hidden; width:138px; height:138px; padding:0; background:#000}
.photo_bx dd img{width:100%; height:100%}



/*2014-04-23 ace */
/*margin*/
.mt15 {margin-top:15px}
.ml15 {margin-left:15px}
.mb15 {margin-bottom:15px}
.mr15 {margin-right:15px}

/*text*/
.txc_r {color:#ff0000} /*red*/
.fw_b {font-weight:bold}

/*border*/
.br_r{border-right:1px solid #E0D9C7}

/* log */
.site_top.v02 select{float:none; margin-left:500px}

/* cs */
.table01 .con{text-align:left; padding:10px}
.cs .table01.v02 {border-top:1px solid #E0D9C7}

.vdio {width:295px; height:200px}
.pic img{overflow:hidden; width:244px; height:auto}
.pic.thum img{overflow:hidden; width:100px; height:auto}

/* bbs */
.view_con {padding:10px; border-bottom:1px solid #E0D9C7}
.view_con dl{overflow:hidden; font-weight:bold}
.view_con dd{float:left; padding:0 10px; margin:10px 0; font-size:11px; color:#666}
.view_con dd a{color:#666}
.view_con .fl_r{float:right; padding:0}
.tbl_fils{display:inline-block; padding-right:18px; background:url(../img/common/file.gif) right 0 no-repeat}


/* 팝업 */
.pop {padding:0 5px}
.pop_title {display:block; font-size:20px; font-weight:bold; color:#555; padding:5px 0 10px; border-top:5px solid #E0D9C7; border-bottom:1px dashed #555;}
.pop_inputbox {padding:10px; margin-top:10px; background:#E0D9C7;}
.pop_inputbox input {margin-right:10px}
.pop_cs_bx {padding:5px; margin-top:40px; background:#E0D9C7; overflow:hidden; }
.pop_cs_bx a {float:right;}

/* 2014-05-09 팝업추가 */
.pop.v02{padding:0; background:#E6D7EE;}
.monkeyBox1 {/*width:100%;*/  margin:5px;}
.monkeyBox1 ul{overflow:hidden; clear:both; width:100%; background:#fff;}
.monkeyBox1 li{float:left; width:auto;}
.monkeyBox1 li.left{width:2%;max-width:17px; }
.monkeyBox1 li.con{width:96%; height:100%;}
.monkeyBox1 li.right{width:2%;max-width:18px;}
.monkeyBox1 .top {}
.monkeyBox1 .top li.left{max-width:17px; background:#FFF url(../img/bg/pop_3_1.gif) 0 0 no-repeat;}
.monkeyBox1 .top li{height:22px; background:#FFF url(../img/bg/pop_3_2.gif) 0 0 repeat-x;}
.monkeyBox1 .top li.right{max-width:18px; background:#FFF url(../img/bg/pop_3_3.gif) 0 0 no-repeat;}
.monkeyBox1 .middle li.left{padding:10px 0; background:#FFF url(../img/bg/pop_3_back1.gif) 0 0 repeat-y;}
.monkeyBox1 .middle ul{height:680px}
.monkeyBox1 .middle li{height:680px;}
.monkeyBox1 .middle li.con{width:96%; height:100%;}
.monkeyBox1 .middle li.con p{padding:10px;}
.monkeyBox1 .middle li.right{padding:10px 0; background:#FFF url(../img/bg/pop_3_back2.gif) 0 0 repeat-y;}
.monkeyBox1 .bottom li.left{max-width:17px; background:#FFF url(../img/bg/pop_3_4.gif) 0 0 no-repeat;}
.monkeyBox1 .bottom li{height:9px; background:#FFF url(../img/bg/pop_3_5.gif) 0 0 repeat-x;}
.monkeyBox1 .bottom li.right{max-width:18px; background:#FFF url(../img/bg/pop_3_6.gif) 0 0 no-repeat;}
.monkeyBox1 div{ margin:0 auto; background:#E6D7EE; padding:0 10px;}
/* 2014-05-12 팝업추가 */
.pop.v03 .monkeyBox1 .top li.left{max-width:17px; background:#FFF url(../img/bg/pop_1_1.gif) 0 0 no-repeat;}
.pop.v03 .monkeyBox1 .top li{height:22px; background:#FFF url(../img/bg/pop_1_2.gif) 0 0 repeat-x;}
.pop.v03 .monkeyBox1 .top li.right{max-width:18px; background:#FFF url(../img/bg/pop_1_3.gif) 0 0 no-repeat;}
.pop.v03 .monkeyBox1 .middle li.left{padding:10px 0; background:#FFF url(../img/bg/pop_1_back1.gif) 0 0 repeat-y;}
.pop.v03 .monkeyBox1 .middle li.right{padding:10px 0; background:#FFF url(../img/bg/pop_1_back2.gif) 0 0 repeat-y;}
.pop.v03 .monkeyBox1 .bottom li.left{max-width:17px; background:#FFF url(../img/bg/pop_1_4.gif) 0 0 no-repeat;}
.pop.v03 .monkeyBox1 .bottom li{height:9px; background:#FFF url(../img/bg/pop_1_5.gif) 0 0 repeat-x;}
.pop.v03 .monkeyBox1 .bottom li.right{max-width:18px; background:#FFF url(../img/bg/pop_1_6.gif) 0 0 no-repeat;}
.pop.v03 .monkeyBox1 div{ margin:0 auto; background:#EFEADF; padding:0 10px;}

.pop.v04 .monkeyBox1 .top li.left{max-width:17px; background:#FFF url(../img/bg/pop_2_1.gif) 0 0 no-repeat;}
.pop.v04 .monkeyBox1 .top li{height:22px; background:#FFF url(../img/bg/pop_2_2.gif) 0 0 repeat-x;}
.pop.v04 .monkeyBox1 .top li.right{max-width:18px; background:#FFF url(../img/bg/pop_2_3.gif) 0 0 no-repeat;}
.pop.v04 .monkeyBox1 .middle li.left{padding:10px 0; background:#FFF url(../img/bg/pop_2_back1.gif) 0 0 repeat-y;}
.pop.v04 .monkeyBox1 .middle li.right{padding:10px 0; background:#FFF url(../img/bg/pop_2_back2.gif) 0 0 repeat-y;}
.pop.v04 .monkeyBox1 .bottom li.left{max-width:17px; background:#FFF url(../img/bg/pop_2_4.gif) 0 0 no-repeat;}
.pop.v04 .monkeyBox1 .bottom li{height:9px; background:#FFF url(../img/bg/pop_2_5.gif) 0 0 repeat-x;}
.pop.v04 .monkeyBox1 .bottom li.right{max-width:18px; background:#FFF url(../img/bg/pop_2_6.gif) 0 0 no-repeat;}
.pop.v04 .monkeyBox1 div{ margin:0 auto; background:#F7E6C3; padding:0 10px;}