body{color:#333; font-size:14px}
#wrapper{position:relative}
.conTxtBox > *{position:relative}
/*== Header ==*/
#header .hd_wrap .hd_utill {height: 36px;box-sizing: border-box;background: #F7F7F7;border-bottom: 1px solid #dddddd}
#header .hd_wrap .hd_utill:before{content: '';position: absolute;left:0;right:0;height: 36px;display: block;background-color: #F7F7F7;box-sizing: border-box;z-index: -1}
#header .hd_wrap .hd_utill a{color:#555; font-size:12px}
#header .hd_wrap .hd_utill .utill_r{float:right}
#header .hd_wrap .hd_utill ul li{float:left; padding-left:12px; margin-left:12px;line-height:34px}
#header .hd_wrap .hd_utill ul li:first-child{background:none; padding-left:0; margin-left:0}

#header .hd_wrap .hd_center{width:1200px;margin:0 auto;height:149px;position:relative;box-sizing:border-box}
#header .hd_wrap .hd_center h1{position: absolute;top: 40px;left: 150px;z-index:99;display: inline}
#header .hd_wrap .search {position: relative;display: block;width: 402px;text-align:center;margin: 0 auto;top: 36px}
#header .hd_wrap .search .dot{font-size:14px; color:#333}
#header .hd_wrap .search .dot span{background:url('../img/dot.png')no-repeat left 6px; padding:0 20px 13px 10px; display:inline-block; }
#header .hd_wrap .search .input-search {position:relative;width:398px; height:44px; border:2px solid #93c93b;*zoom:1; display:inline-block}
#header .hd_wrap .search .input-search input.input-text {outline:none;float:left;display:inline-block;width:317px;height:24px;line-height:24px; box-sizing:content-box;padding:11px 0 9px 13px;border:0 none;font-size:12px;color:#333;text-overflow:ellipsis}
#header .hd_wrap .search .input-search .input-clear {display:none;position:absolute;right:46px;top:14px;z-index:100}
#header .hd_wrap .search .btn-icon-notext .btn-inner {padding:0}
#header .hd_wrap .search .btn-inner {display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;position:relative}
#header .hd_wrap .search .btn_search {position:relative;width:68px;height:44px; background:url('../img/btn_search.jpg')no-repeat;text-indent:0}
#header .hd_wrap .search .btn_search button {display:block;width:100%;height:100%;border:0 none;background:none;text-indent:-9999px}

#topTxtBnr{right: 0;text-align:right;position: absolute;top: 36px}
#topTxtBnr h4{font-size:28px; font-weight:500;color:#81b52b; line-height:42px}
#topTxtBnr p{color:#4d4d4d; line-height:20px}

/*== Contents==*/
/** 서브 공통 **/
#wrapper .containerWrap .content{width:1200px;margin:15px auto 70px;box-sizing: border-box}
.page-title{font-size:30px; font-weight:bold; color:#333}
/*퀵메뉴*/
.quick{position:absolute; margin-left:-115px;;width:95px;z-index:99; text-align:center;box-sizing:border-box;border:1px solid #d9d9d9}
.quick ul li{border-bottom:1px solid #dedede;height: 110px; box-sizing: border-box;float:left}
.quick ul li:last-child{border-bottom:0;height: 109px}

/**	상품리스트 **/
.location{font-size:12px; font-family: arial; margin-bottom:15px}
.location li{display:inline-block; line-height: 28px; vertical-align: middle}
.location ul span{display:inline-block; margin:0 5px}
.location li select{padding-right: 18px;padding-left: 8px;text-indent:0; background-size:8px 5px; font:arial}
.prd_list_tit{font-size:30px; font-weight:bold;margin-bottom:20px}
.listMenuWrap{width:1200px; display:inline-block;margin-bottom:20px}
.listMenuWrap #list_menu{width:100%; box-sizing:border-box; display:inline-block; border:1px solid #d9d9d9;border-top:2px solid #93c93b}
.listMenuWrap #list_menu > li{float:left; width:239.5px; box-sizing:border-box;position:relative; background:#fff url('../img/select_arrow.png') no-repeat 95% 50%; border:1px solid #d9d9d9;border-top:0;border-left:0;padding:0 10px}
.listMenuWrap #list_menu > li:nth-child(1){border-left:0}
.listMenuWrap #list_menu > li:nth-child(5n){border-right:0;width:240px}
.listMenuWrap #list_menu > li.active{background:#f7fcec url('../img/select_arrow_top.png') no-repeat 95% 50%}
.listMenuWrap #list_menu > li.nonebb{border-bottom:0}
.listMenuWrap #list_menu > li > a{height:38px;line-height:36px;width:100%; display:inline-block;position:relative;font-size:13px;z-index:1}
.listMenuWrap #list_menu > li > a:hover {position:relative}
.listMenuWrap #list_menu > li > .menu_sub{display:none}
.listMenuWrap #list_menu > li.active > .menu_sub{display:block;position:absolute; left:-1px; top:39px;background:#fff; padding:10px 0;border:1px solid #d9d9d9;width: 240px;border-top: 0; z-index: 99; box-sizing: border-box}
.listMenuWrap #list_menu > li.active > .menu_sub li {box-sizing: border-box}
.listMenuWrap #list_menu > li.active > .menu_sub li{padding:0 10px}
.listMenuWrap #list_menu > li.active > .menu_sub li:hover {background:#f7fcec; width:100%}
.listMenuWrap #list_menu > li.active > .menu_sub li a{font-size:13px;line-height:30px;display:inline-block; width:100%}
.listMenuWrap #list_menu > li.active:nth-child(5n) .menu_sub{width:242px}
.listMenuWrap #list_menu > li.active:nth-child(2n) .menu_sub{width:241px}
.listMenuWrap #list_menu > li.nochild{background-image:none !important}

/**	상품상세 **/
.prdDetail{width:1200px; display:inline-block}
.prdDetail #prd_expwrap {width:1200px; display:inline-block; border-top:2px solid #93c93b; margin: 0 0 0}
.prdDetail .prdInfo_wrap{padding:30px; display:inline-block;position:relative}
.prdDetail .prdInfo_wrap a.adminBtn{font-size:14px; width:67px; height:28px; line-height:26px; position:absolute; right:0px; top:5px;color:white}
.prdDetail #prd_expwrap .prdImg_detail{margin-right:50px; float:left}
.prdDetail #prd_expwrap .prdImg_detail .Bigphoto {position:relative; border:1px solid #d4d4d4}
.prdDetail #prd_expwrap .prdImg_detail .Bigphoto .sct_icon{position: absolute; top:0; left: 0}
.prdDetail #prd_expwrap .prdImg_detail .thumPhoto {margin-top:18px; height:74px;text-align:center}
.prdDetail #prd_expwrap .prdImg_detail .thumPhoto p span{float:left;margin-right:10px}
.prdDetail #prd_expwrap .prdImg_detail .thumPhoto p span:last-child{margin-right:0}
.prdDetail #prd_expwrap .prdImg_detail .thumPhoto img{width:81px; height:74px; border:1px solid #d4d4d4}
.prdDetail #prd_expwrap .prd_expInfo{width:560px; float:left}
.prdDetail #prd_expwrap .prd_expInfo .prdInfoTitle{border-bottom:1px solid #d4d4d4; padding-bottom:20px; padding-top:10px}
.prdDetail #prd_expwrap .prd_expInfo .prdInfoTitle .title{font-size:24px; color:#333;margin-bottom:10px; font-weight:500}
.prdDetail #prd_expwrap .prd_expInfo .prdInfoTitle .explain{font-size:16px; color:#777}
.prdDetail #prd_expwrap .prd_expInfo .prdInfoDetail{width:560px; padding-top:14px;display:inline-block;border-bottom:1px solid #d4d4d4}
.prdDetail #prd_expwrap .prd_expInfo .prdInfoDetail dl{display:inline-block; padding:0 0 18px; vertical-align:middle}
.prdDetail #prd_expwrap .prd_expInfo .prdInfoDetail dl dt{width:140px;margin-left:20px; float:left; font-size:15px}
.prdDetail #prd_expwrap .prd_expInfo .prdInfoDetail dl dd{width:380px; float:left; font-size:15px;margin-right:20px}
.prdDetail #prd_expwrap .prd_expInfo .prdInfoDetail dl dd strong{font-size:18px}
.prdDetail #prd_expwrap .prd_expInfo .prdInfoDetail dl dd span{font-size:12px}
.prdDetail #prd_expwrap .prd_expInfo .prdInfoDetail dl dd p{font-size:12px}
.prdDetail #prd_expwrap .prd_expInfo .prdInfoDetail dl dd p strong{font-size:12px}
.prdDetail #prd_expwrap .prd_expInfo .prdInfoDetail dl.amBX dt{line-height:31px}
.prdDetail #prd_expwrap .prd_expInfo .amountBox{border-bottom:1px solid #d4d4d4;background:#fcfcfc; display:inline-block; width:560px;padding:20px; box-sizing:border-box}
.prdDetail #prd_expwrap .prd_expInfo .amountBox p{margin-bottom:10px}
.prdDetail #prd_expwrap .prd_expInfo .amountBox .amount .optionTotal{display:inline-block; font-size:15px; line-height:28px}
.prdDetail #prd_expwrap .prd_expInfo .amountBox .amount form{float:right}
.prdDetail #prd_expwrap .prd_expInfo .amountBox .amount form div{display:inline-block}
.prdDetail #prd_expwrap .prd_expInfo .amountBox .amount .am{border-color:#d4d4d4;height:28px;line-height:28px; vertical-align:top;margin:0 -4px; text-align:center}
.prdDetail #prd_expwrap .prd_expInfo .amountBox .amount .amount_add{background:url('../img/amount_add.jpg')no-repeat; width:28px;height:28px}
.prdDetail #prd_expwrap .prd_expInfo .amountBox .amount .amount_del{background:url('../img/amount_del.jpg')no-repeat; width:28px;height:28px;margin-left:-1px}
.prdDetail #prd_expwrap .prd_expInfo .amountBox .amount a{width:56px; height:28px;border:1px solid #d4d4d4;text-align:center; display:inline-block;box-sizing: border-box; line-height:26px; font-size:12px; color:#777;vertical-align:top}
.prdDetail #prd_expwrap .prd_expInfo .prdInfoOption p{margin-left:20px; font-size:16px; font-weight:500;margin-bottom:20px}
.prdDetail #prd_expwrap .prd_expInfo .prdInfoOption select{width:100%}
.prdDetail #prd_expwrap .prd_expInfo .totalBox{width:100%; display:inline-block; font-size:20px;padding:25px 0;font-weight:500; line-height:24px}
.prdDetail #prd_expwrap .prd_expInfo .totalBox strong{ font-size:24px; font-weight:600}
.prdDetail #prd_expwrap .prd_expInfo .totalBox strong span{ font-size:20px;font-weight:500}
.prdDetail .prdInfo_wrap .btn, .prdDetail .prdInfo_wrap .btn_v2{display:block; text-align: center;margin-top:15px}
.prdDetail .prdInfo_wrap .btn .left a, .prdDetail .prdInfo_wrap .btn_v2 .btn_left_wrapper,
.prdDetail .prdInfo_wrap .btn .left a, .prdDetail .prdInfo_wrap .btn_v2 .btn_right_wrapper {  display: inline-block}
.prdDetail .prdInfo_wrap .btn .left a, .prdDetail .prdInfo_wrap .btn_v2 .btn_left_wrapper a,
.prdDetail .prdInfo_wrap .btn .left input, .prdDetail .prdInfo_wrap .btn_v2 .btn_left_wrapper input {width:180px; height:45px; line-height:43px;float:left;font-size:18px; font-weight:400}
.prdDetail .prdInfo_wrap .btn .right a, .prdDetail .prdInfo_wrap .btn_v2 .btn_right_wrapper a,
.prdDetail .prdInfo_wrap .btn .right input, .prdDetail .prdInfo_wrap .btn_v2 .btn_right_wrapper input {width:96px; height:45px; line-height:43px;float:left; margin-right:-1px;font-size:18px; font-weight:400}

/* 관련상품 */
.prd_related{width:1200px; display:inline-block}
.prd_related .relatedTit {border-bottom:3px solid #93c93b;padding-bottom:20px}
.prd_related .relatedTit {font-size:30px; font-weight:bold; letter-spacing:-1px; line-height:33px}
.prd_related .relatedTit span{font-size:30px; font-weight:bold; letter-spacing:-1px; line-height:33px}
.prd_related .prd_list .sct_img{position: relative}
.prd_related .prd_list .sct_icon{position: absolute; top:0; left:10px}
.prd_related ul li{position:relative; float:left;border:1px solid #d9d9d9; border-top:0;border-right:0;padding:27px;width:300px;text-align:center;max-height:338px; min-height:338px;box-sizing:border-box; position:relative;background:#fff}
.prd_related ul li:nth-child(4n){border-right:1px solid #d9d9d9}
.prd_related ul li:last-child{border-right:1px solid #d9d9d9}
.prd_related ul li .thum{margin-bottom:5px;display: inline-block}
.prd_related ul li .thum img{width:245px; height:213px}
.prd_related ul li .tit { width:245px; margin:0 auto;text-align:center}
.prd_related ul li .tit a{text-align:center; color:#333; font-size:13px; font-weight:400; line-height:16px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: inline-block;width:245px}
.prd_related ul li .price{text-align:center; position:absolute; width:100%;left:0; bottom:22px}
.prd_related ul li .price a{ color:#333; font-size:20px; font-weight:bold; line-height:16px}
.prd_related ul li .price a span{font-size:15px;color:#555}
/* 상품 상세 탭 */
.prd_related + .prdtab_block {margin-top: 30px}
.prd_details{width:1200px; display:inline-block}
.prdtab_block {height:47px;margin-bottom:20px}
.prdtab_block li {height:47px;float:left}
.prdtab_block li a{float:left;position:relative;z-index:1;margin-left:-1px;width:241px;height:48px; box-sizing:border-box;font-size:16px;font-weight:400; color:#777;text-align:center;line-height:3em;cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-bottom:2px solid #93c93b}
.prdtab_block li.active a{position:relative;z-index:2;color:#333;background-color:#fff;border:2px solid #93c93b;border-bottom:0 none; color:#333}
.prdDetail2, .delivery, .prdChange, .prdQnA, .prdTab, .prdReview, .prdQnA{margin:0px 0 100px}
.prdReview{width:1200px; display:inline-block}
.prdReview > div > dl > dt{width:90px; float:left}
.prdReview > div > dl > dd{width:1010px; float:left;line-height:18px}
.prdReview > div{width:1200px;display:inline-block; }
.prdReview > div.reviewTotal{width:1200px;display:inline-block; margin:0px 0 10px}
.prdReview > div.reviewTotal > p{font-weight:500}
.prdReview table{border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}
.prdReview .fa{border-bottom:1px solid #d9d9d9; font-size:14px}
.prdReview .fa td{ padding:20px}
.prdReview .fa#on{border-bottom:1px dashed #d9d9d9; background:#fcfcfc}
.prdReview .tdAns{background:#fcfcfc}
.prdReview .tdAns td{font-size:14px; padding:20px;line-height:25px}

.prdQnA{width:1200px; display:inline-block}
.prdQnA > div > dl > dt{width:90px; float:left}
.prdQnA > div > dl > dd{width:1010px; float:left;line-height:18px}
.prdQnA > div{width:1200px;display:inline-block; }
.prdQnA > div.reviewTotal{width:1200px;display:inline-block; margin:0px 0 10px}
.prdQnA > div.reviewTotal > p{font-weight:500}
.prdQnA table{border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}
.prdQnA .fa2{border-bottom:1px solid #d9d9d9; font-size:14px}
.prdQnA .fa2 td{ padding:20px; text-align:center}
.prdQnA .fa2 td:nth-child(1){text-align:left}
.prdQnA .fa2 td .wait{border:1px solid #d9d9d9; display:inline-block; width:78px; height:28px; box-sizing:border-box; line-height:26px;text-align:center; font-size:13px; color:#999}
.prdQnA .fa2 td .complete{border:1px solid #d9d9d9; display:inline-block; width:78px; height:28px; box-sizing:border-box; line-height:26px; text-align:center; font-size:13px; color:#199401}
.prdQnA .fa2#on{border-bottom:1px dashed #d9d9d9; background:#fcfcfc}
.prdQnA .tdAns{background:#fcfcfc}
.prdQnA .tdAns td{font-size:14px; padding:20px; line-height:25px}
.prdQnA .tdAns td .answer h4{color:#199401;font-weight:500}
.prdQnA .tdAns td .question{margin-bottom:20px}
.prdQnA .tdAns td .question h4{color:#199401;font-weight:500}
.prdReview table tr.noData td, .prdQnA tr.noData td{text-align:center; color:#777777; height:58px;line-height:56px}
.prdReview .btn, .prdQnA .btn{width:auto; margin-top:-27px;z-index:99;position:relative}
.prdReview .btn a, .prdQnA .btn a{width:100px; height:38px; font-size:14px;margin-left:5px;line-height:35px}
.delivery div{line-height:24px}
.prdChange{border-bottom:1px solid #d9d9d9; width:1200px; display:inline-block; padding-bottom:20px}
.prdChange div{line-height:24px}
.prdChange div strong{font-weight:500}

/** 서브메뉴있는 페이지**/
.content #leftMenu{width:205px;float:left;margin-right:30px}
.content #leftMenu h2{font-size:16px;color:#fff; background:#4d4d4d; font-weight:500;padding:0 20px; text-align:left; box-sizing:border-box; height: 48px;line-height: 48px}
.content #leftMenu #snb {background:#fcfcfc; border:1px solid #d4d4d4;border-top:0}
.content #leftMenu #snb ul{padding:15px 0}
.content #leftMenu #snb ul li a{color:#333;line-height:35px; padding:0 20px; font-size:14px;width:100%; display:inline-block; box-sizing:border-box}
.content #leftMenu #snb ul li.active a { background-color:#93C93B; color:#fff; font-weight: 500; } /* 선택상태에 대한 값이 없어 추가 */
.content #leftMenu #snb ul li:not(.active):hover a { background-color:#E7F4C9; color:#333; }
.content #leftMenu #snb ul:first-child{ background:none}
.content #rightContents{width:965px;float:left}

/** 게시판 상세 **/
table tr td.title{text-align:left; padding:0 10px}
#rightContents .page-title{margin-bottom:20px}
#rightContents{position:relative}
#rightContents .listTable{width:100%; border-top:2px solid #93c93b; border-bottom:1px solid #d9d9d9}
#rightContents .listTable thead tr th{background:#fcfcfc; text-align:center; font-weight: bold; font-size:14px; height:44px; line-height:44px;border-bottom:1px solid #d9d9d9}
#rightContents .listTable tbody tr.notice td{background:#f7fcec}
#rightContents .listTable tbody td{ font-size:14px;text-align:center; border-bottom:1px solid #d9d9d9;line-height:18px; padding:10px 0;font-size:13px; vertical-align:middle}
#rightContents .listTable tbody td.title{text-align:left}
#rightContents .listTable tbody tr.no_data td{text-align:center; padding:22px 0; color:#555; font-size:13px}
#rightContents .searchBox{float:right; position:absolute; right:0; top:0}
#rightContents .searchBox .select{width:80px; height:28px; box-sizing:border-box;vertical-align:top}
#rightContents .searchBox input{width:174px; height:28px; box-sizing:border-box; border:1px solid #d9d9d9;vertical-align:top}
/*#rightContents .searchBox .searchBtn{background:#93c93b; width:64px; height:28px;line-height:26px;display:inline-block; color:#fff;font-size:12px;vertical-align:top;text-align:center;margin-left:-4px}*/
#rightContents .searchBox .frm_input{background-color:#fff !important}
#rightContents .searchBox .searchBtn{background:#93c93b; width:64px; height:28px;line-height:26px;display:inline-block; color:#fff;font-size:12px;vertical-align:top;text-align:center;margin-left:-4px; border:none}
/* 게시판 리스트 */
#rightContents .boardDetail table{width:100%; border-top:2px solid #93c93b}
#rightContents .boardDetail table tr.title td{background:#f7fcec; border-bottom:1px solid #d9d9d9;padding:0 30px;font-size:14px; height:44px; line-height:44px}
#rightContents .boardDetail table tr.title + tr td{ border-bottom:1px solid #d9d9d9;padding:0 30px;font-size:14px; height:44px; line-height:44px }
/* #rightContents .boardDetail table tr td{ border-bottom:1px solid #d9d9d9;padding:0 30px;font-size:14px; height:44px; line-height:44px} */

#rightContents .boardDetail table tr td div{display:inline-block; color:#555; font-size:14px}
#rightContents .boardDetail table tr td div strong{font-weight:500; margin-right:12px}
#rightContents .boardDetail table tr td div.etcArea{float:right}
#rightContents .boardDetail table tr td div.etcArea ul li{float:left;padding-left:20px;margin-left:20px; position:relative; color:#555}
#rightContents .boardDetail table tr td div.etcArea ul li:before{content:''; position:absolute; width:1px; height:14px; background:#999; left:0; top:16px}
#rightContents .boardDetail table tr td div.etcArea ul li.first:before{display:none}
/* #rightContents .boardDetail table tr.boardContents td{padding:30px} */
#rightContents .boardDetail table tr.boardContents td div { display:block; }
#rightContents .boardDetail .replyWrap{background:#fcfcfc;padding:30px 30px;border-bottom:1px solid #d9d9d9}
#rightContents .boardDetail .replyWrap p{margin-top: 0px; margin-bottom: 10px;font-size: 14px;font-weight:500}
#rightContents .boardDetail .replyWrap .replyLst li{border-bottom:1px solid #d9d9d9;padding:10px 20px;background:#fff}
#rightContents .boardDetail .replyWrap .replyLst li:first-child{border-top:1px solid #d9d9d9}
#rightContents .boardDetail .replyWrap .replyLst li.noData{font-size:14px; color:#777777; height:58px;line-height:56px;text-align:center;background:#fcfcfc; border:0}
#rightContents .boardDetail .replyWrap .replyLst li .nameTx{line-height:31px;margin:0;font-weight:400}
#rightContents .boardDetail .replyWrap .replyLst li .nameTx strong{font-size:14px; margin-right:15px}
#rightContents .boardDetail .replyWrap .replyLst li .nameTx span{font-size:14px}
#rightContents .boardDetail .replyWrap .replyLst li .txt{font-size:14px;line-height:31px;margin:0;font-weight:400}
#rightContents .boardDetail .replyWrap .replyLst li ul.a_reply li{border-top:1px dashed #d9d9d9;;border-bottom:0;padding:10px 40px; margin-top:10px;background:url('../img/reply.png')no-repeat 15px 18px}
#rightContents .boardDetail .btn{display:inline-block; width:100%;margin-top:20px}
#rightContents .boardDetail .btn .left a:last-child{margin-left:-4px}
#rightContents .boardDetail .btn a{width:90px; height:38px; line-height:36px;font-size:13px}
/* 20220118 추가. 컨텐츠에 마진 0px*/
#rightContents .boardDetail table tr.boardContents td div strong {font-weight:500; margin-right:0px!important}

/*==Footer==*/
/* 푸터 */
#footer{background:url('../img/ft_bg.gif')repeat-x;width:100%; min-width:1200px}
#footer #footerWrap{width:1200px; margin:0 auto}
#footer #footerWrap .ft_menu {height:50px;position:relative}
#footer #footerWrap .ft_menu ul li{float:left;line-height:50px; margin-left:25px}
#footer #footerWrap .ft_menu ul li:first-child{background:none;margin-left:0;padding-left:0}
#footer #footerWrap .ft_menu ul li a{font-size:13px; font-weight:400}
#footer #footerWrap .ft_menu ul li a.green{color:#81b52b}
#footer #footerWrap .ft_menu .siteSelect{position: absolute;right: 20px;top: 12px}
#footer #footerWrap .ft_menu .siteSelect select{width:176px; height:28px; box-sizing:border-box; padding-left:10px; font-size:12px}
#footer #footerWrap .ft_info{display:inline-block;padding:30px 0px}
#footer #footerWrap .ft_info .ft_logo{width:176px;display:inline-block}
#footer #footerWrap .ft_info .Info{width:1020px;display:inline-block}
#footer #footerWrap .ft_info .ft_info2{display:inline-block}
#footer #footerWrap .ft_info .ft_info2 p {line-height:21px; font-size:12px; color:#777; font-weight:400}
#footer #footerWrap .ft_info .ft_info2 p span{ font-size:12px; color:#777}
#footer #footerWrap .ft_info .ft_img{float:right}