
/*COPY*/
.copyWrap .inner{position: relative;}
.footMenuWrap{margin-bottom: 30px;padding: 16px 0;border: 1px solid #e0e0e0;border-right: none; border-left: none;background: #f1f1f1;}

.copyWrap h2{position: absolute;left: 0;}
.infoWrap{box-sizing: border-box;padding-left: 156px;width: 100%;}
.infoWrap dl{float: left;box-sizing: border-box;margin-bottom: 30px;padding-left: 40px;width: 390px;border-left: 1px solid #e1e1e1;}
.infoWrap dl dd{color: #6e6d6d;letter-spacing: -0.06em;font-size: 12px;font-family: "dotum";line-height: 18px;}
.infoWrap dl span{color: #e31937;font-weight: bold;}
.infoWrap dl a{display: inline-block;margin-left: 5px;width: 78px;height: 14px;border: 1px solid #cdcdcd;color: #e31937;text-align: center;font-size: 11px;line-height: 14px;}
.infoWrap dl:nth-child(2){width: 340px;border-right: 1px solid #e1e1e1;}
.infoWrap dl:nth-child(3){width: 370px;border-left: none;}
.infoWrap dl dt{margin-bottom: 20px;height: 16px;background: url(../images/ico_call.png) 0 0 no-repeat;text-indent: -9999px;}
.infoWrap dl:nth-child(2) dt{background-image: url(../images/ico_company.png);}
.infoWrap dl:nth-child(3) dt{background-image: url(../images/ico_money.png);}
.infoWrap dl img{margin-right: 15px;height: 20px;vertical-align: middle;}
.infoWrap dl:nth-child(3) dd{margin-bottom: 5px;height: 20px;}
.copyRight{position: relative;padding: 30px 0 35px 65px;border-top: 1px solid #e1e1e1;background: url(../images/img_inipay.png) left 30px no-repeat;}
.copyRight a{margin-bottom: 5px;color: #181818;font-weight: bold;font-size: 12px;font-family: "dotum";}
.copyRight a span{color: #462c79;}
.copyRight p{margin-bottom: 13px;color: #6e6d6d;font-size: 12px;font-family: "dotum";}
.copyRight p:nth-child(3){margin-bottom: 0;}

.famSiteLink{position: absolute;top: 50%;right: 0;display: block;padding-left: 10px;width: 163px;height: 24px;border: 1px solid #d5d5d5;background: url(../images/bg_famselect.png) center center no-repeat;cursor: pointer;transform: translateY(-50%);-ms-appearance: none;-moz-appearance: none;-webkit-appearance: none;-o-appearance: none;appearance: none;}
.famSiteLink ul{position: absolute;right: -1px;bottom: 26px;display: none;box-sizing: border-box;padding-left: 10px;width: 175px;border: 1px solid #d5d5d5;background: #fff;}
.famSiteLink ul li{height: 24px;line-height: 24px;}


/*MAIN CONTAINER*/

#container{position: relative;}

/*#toolCategory{margin-bottom: 20px;}*/
#toolCategory li{float: left;margin-bottom: 5px;}
#toolCategory li a{display: block;}

/* .section_2, .section_3{padding: 35px 0 0;} */
/* .section_2 h2, .section_3 h2{margin-bottom: 22px;padding-left: 225px;height: 33px;background: url(../images/h2_sec_2.png) left center no-repeat;line-height: 42px;} */
.section_2 .bestSeller{position: relative;}
.section_2 .bestCategory{position: absolute;left: 0;box-sizing: border-box;padding-top: 152px;width: 250px;height: 500px;background: url(../images/bg_bestseller.jpg) 0 0 no-repeat;}
.bestCategory dt{position: absolute;left: -9999px;text-indent: -9999px;}
.bestCategory dd{float: left;width: 125px;height: 116px;background: url(../images/ico_bs_1.png) center center no-repeat;text-indent: -9999px;cursor: pointer;}
.bestCategory dd:hover {background-image: url(../images/on_ico_bs_1.png);}
.bestCategory dd.on{background-image: url(../images/on_ico_bs_1.png);}
.bestCategory dd:nth-child(3){background-image: url(../images/ico_bs_2.png);}
.bestCategory dd:nth-child(3):hover{background-image: url(../images/on_ico_bs_2.png);}
.bestCategory dd:nth-child(3).on{background-image: url(../images/on_ico_bs_2.png);}
.bestCategory dd:nth-child(4){background-image: url(../images/ico_bs_3.png);}
.bestCategory dd:nth-child(4):hover{background-image: url(../images/on_ico_bs_3.png);}
.bestCategory dd:nth-child(4).on{background-image: url(../images/on_ico_bs_3.png);}
.bestCategory dd:nth-child(5){background-image: url(../images/ico_bs_4.png);}
.bestCategory dd:nth-child(5):hover{background-image: url(../images/on_ico_bs_4.png);}
.bestCategory dd:nth-child(5).on{background-image: url(../images/on_ico_bs_4.png);}
.bestCategory dd:nth-child(6){background-image: url(../images/ico_bs_5.png);}
.bestCategory dd:nth-child(6):hover{background-image: url(../images/on_ico_bs_5.png);}
.bestCategory dd:nth-child(6).on{background-image: url(../images/on_ico_bs_5.png);}
.bestCategory dd:nth-child(7){background-image: url(../images/ico_bs_6.png);}
.bestCategory dd:nth-child(7):hover{background-image: url(../images/on_ico_bs_6.png);}
.bestCategory dd:nth-child(7).on{background-image: url(../images/on_ico_bs_6.png);}

.bestRank{box-sizing: border-box;margin-bottom: 35px;padding: 20px 10px 0 260px;width: 100%;border: 1px solid #dedfdf;}
.bestRank li{float: left;margin: 0 28px 5px; width: 140px;}
.bestRank li:nth-child(6), .bestRank li:nth-child(7), .bestRank li:nth-child(8), .bestRank li:nth-child(9), .bestRank li:nth-child(10){margin-bottom: 8px;}
.bestRank li figure{ margin: 0;width: 100%;}
.bestRank figure img{box-sizing: border-box; margin-bottom: 12px;width: 100%;border: 1px solid #dedfdf;}
.bestRank figure a{position: relative;display: block;}
.bestRank li .bestNum{position: absolute;top: 0;right: 0;display: block;width: 37px;height: 49px;background: url(../images/tag_best_1.png) 0 0 no-repeat;text-indent: -9999px;}
.bestRank li:nth-child(2) .bestNum{background-image: url(../images/tag_best_2.png);}
.bestRank li:nth-child(3) .bestNum{background-image: url(../images/tag_best_3.png);}
.bestRank li:nth-child(4) .bestNum{background-image: url(../images/tag_best_4.png);}
.bestRank li:nth-child(5) .bestNum{background-image: url(../images/tag_best_5.png);}
.bestRank li:nth-child(6) .bestNum{background-image: url(../images/tag_best_6.png);}
.bestRank li:nth-child(7) .bestNum{background-image: url(../images/tag_best_7.png);}
.bestRank li:nth-child(8) .bestNum{background-image: url(../images/tag_best_8.png);}
.bestRank li:nth-child(9) .bestNum{background-image: url(../images/tag_best_9.png);}
.bestRank li:nth-child(10) .bestNum{background-image: url(../images/tag_best_10.png);}
.bestRank .itemName{position: absolute; top: 106px;display: block;width: 100%;height: 25px;border: 1px solid #dedfdf;border-top: none;background: rgba(0,0,0,0.5);color: #fff;text-align: center;font-size: 13px;line-height: 25px;box-sizing: border-box;}
.bestRank figcaption{position: relative;box-sizing: border-box;padding-bottom: 30px;color: #5a5a5a;font-size: 13px;height: 81px;}
.bestRank figcaption p{position: absolute; bottom:6px;left: 50%;color: #000;font-weight: bold;font-size: 13px;transform: translateX(-50%);}


.subVisual ul{margin-top: 35px;}
.subVisual ul:first-child{margin-top: 0;}

.chBanner li{float: left;width: 25%;}

.section_3, .section_4{margin-bottom: 35px;}
.section_3 h2{background-image: url(../images/h2_sec_3.png);}
.newItem{border-top: 2px solid #282828;}
.newItem li{float: left;box-sizing: border-box;padding: 25px 15px;min-height: 380px;width: 20%;border: 1px solid #e2e4e6;border-top: none;border-right: none;}
.newItem li:nth-child(5n){border-right: 1px solid #e2e4e6;}
.newItem li figure{margin: 0;}
.newItem li figure a{position: relative;display: block;}
.newItem .itemName{position: absolute;top: 190px;width: 100%;height: 30px;background: rgba(0,0,0,0.5);color: #fff;text-align: center;font-size: 13px;line-height: 30px;}
.newItem img{margin-bottom: 15px;width: 100%;}
.newItem figcaption{color: #292929;font-weight: bold;font-size: 13px;font-family: "Gulim";}
.newItem figcaption span{display: block;margin-bottom: 15px;color: #e31836;}
.newItem figcaption p{color: #000;font-weight: bold;font-size: 15px;}

.section_5 .inner{margin-bottom: 40px;border-top: 2px solid #000;}
.section_5 .inner > div{float: left;height: 440px;}

.bbs{box-sizing: border-box;padding: 25px;width: 419px; border-bottom: 1px solid #e1e1e1;border-left: 1px solid #e1e1e1;}
.bbs > div{position: relative;margin-top: 27px;}
.bbs > div:first-child{margin-top: 0;}
.bbs h3{margin-bottom: 20px;text-indent: -9999px;}
.csReview{height: 210px;}
.csReview h3{width: 79px; height: 17px;background: url(../images/h3_review.png) 0 0 no-repeat;}
.csNotice h3{width: 80px;height: 17px;background: url(../images/h3_notice.png) 0 0 no-repeat;}
.csNotice li{position: relative;margin-bottom: 5px;padding-left: 10px;}
.csNotice li a{ color: #515151;font-size: 11px;}
.csNotice li:before{position: absolute; top: 50%;left: 1px;display: inline-block;margin-top: -1px;width: 2px;height: 2px;background-color: #ff4c4c;content: "";}
.more{position: absolute;top: 0;right: 0;}
.customerCenter{width: 436px;border: 1px solid #e1e1e1;border-top: none;border-bottom: none;}
.callCenter, .accountInfo{box-sizing: border-box;height: 220px;border-bottom: 1px solid #e1e1e1;background: url(../images/bg_callcenter.jpg) center center no-repeat;text-indent: -99999px;}
.accountInfo{background-image: url(../images/bg_account.jpg);}
.sns{box-sizing: border-box;width: 403px;border-right: 1px solid #e1e1e1;}
.sns>div{box-sizing: border-box;border-bottom: 1px solid #e1e1e1;background: url(../images/bg_youtube.jpg) center center no-repeat;text-indent: -9999px;}
.sns .dtYoutube{height: 147px;}
.sns .dtYoutube a,.sns .dtBlog a{display: block;height: 100%;}
.sns .dtSNS{position: relative;height: 146px;background-image: url(../images/bg_sns.jpg);background-position: center 25px;}
.sns .dtSNS a{position: absolute;top: 83px;left: 50%; display: block;margin-left: -101px;width: 100px; height: 37px;}
.sns img{display: block;}
.sns .dtSNS a.dtTW{margin-left: 1px;}
.sns .dtBlog{height: 147px;background-image: url(../images/bg_blog.jpg);}

.sub_wrap{padding-top: 20px;}
#aside{width: 200px;}
#contents{position: relative;padding-top: 20px;padding-bottom: 100px;width: 1040px;}
.lnb_box h2 {width: 100%;height: 140px;background: url(../images/bg_lnb.png) 0 0 no-repeat; background-size: contain;color: #fff;text-align: center;font-weight: bold;font-size: 22px;line-height: 195px;}
.lnb {box-sizing: border-box;padding: 10px 0;border: 1px solid #dedfdf;border-top: none;border-bottom: none;}
.lnb+img{margin-bottom: 100px;}
.lnb > span {display:block;     margin: 10px 0;}
.lnb > span:after {display: inline-block;margin-left:10px;padding:10px;background: url(../images/arrow_bt.png) left 85% no-repeat;content:'';}
.lnb li {padding:10px 0;}
.lnb li .on:before {display:inline-block;margin-right: 10px;margin-left: -8px;width:15px;height:3px;background:#ec3c40;content:'';}
.lnb li a { padding-left:23px; text-transform:uppercase;font-size:16px;}
.lnb li .on {padding-left:7px;}
.lnb li a.on,
.lnb li a:hover,
.lnb li a:active{ color:#ec3c40;font-weight: bold;}

.historyWrap{position: relative;}
.buttonWrap{position: absolute;top: 115px;left: 50%;transform: translateX(-50%);}
.mapWrap{position: absolute;top: 135px;}








/*---------- 뷰페이지 - 가격정보 -----------*/
.goods_img_info .goods_info .total_pay {overflow:hidden;padding:0 15px;padding-top:20px;padding-right:0;border-top:1px dotted #cfcfcf;}
.goods_img_info .goods_info .total_pay p{font-weight:bold;}
.goods_img_info .goods_info .total_pay p.left{float:left;color:#333;font-weight:700;font-size:20px;}
.goods_img_info .goods_info .total_pay p.right{float:right;color:#333333; font-weight:bold;font-size:14px;}
.goods_img_info .goods_info .total_pay p.right b{color:#e49553;letter-spacing:0;font-size:24px;}

/*수량*/
.amount_box{display:inline-block;*display:inline;overflow:hidden;width:164px;*zoom:1;}
.amount_box button{float:left;width:43px;height:43px;border:0 none;background:none;text-indent:-9999px;cursor:pointer;}
.amount_box button.minus{background:url(./images/btn_minus.jpg);}
.amount_box button.plus{background:url(./images/btn_plus.jpg);}
.amount_box input[type=text]{float:left;width:78px;height:41px;border:0 none;border-top:1px solid #dadada; border-bottom:1px solid #dadada;text-align:center;line-height:43px;}

.goods_tit {position:relative;margin-bottom:30px; padding:15px 0 20px;background:url(../images/border.jpg) left bottom no-repeat;}
.goods_tit p{ color:#333333;font-weight:700;font-size:30px;}
.goods_tit>div {position:absolute;top:10px;right:0;}
.goods_tit>div a{float:left;margin-left:-1px;}
.goods_tit>div a.last{margin-left:6px;}

/*이미지*/
.goods_img_info {overflow:hidden;box-sizing: border-box;border: 1px solid #e9e9e9;}
.goods_img_info .goods_img{float:left;width:508px;}
.slider_box .slide_thum .flex-viewport li{box-sizing: border-box;margin-right: 10px;height: 59px;border: 1px solid #ebeced;}
.slider_box .slide_thum .flex-viewport li.check, .slider_box .slide_thum .flex-viewport li.on{border: 1px solid #ec3c3f;}
.slider_box .slide_thum img{width: 100%;}
#carousel_photo{margin: 0 auto;width: 320px;}
#slider_photo{position: relative;margin-bottom: 7px;}
#slider_photo .flex-viewport li{box-sizing: border-box;width: 450px;height: 404px;}
#slider_photo .flex-viewport li img{width: 450px;height: 402px;margin: 0 auto;display: block;}
#slider_photo .flex-direction-nav{position: absolute;top: 50%;width: 100%;transform: translateY(-50%);}
#slider_photo .flex-direction-nav li{float: left;margin-left: 15px;width: 30px;}
#slider_photo .flex-direction-nav li:nth-child(2){float: right;margin-right: 15px;}
#slider_photo .flex-direction-nav a{display: block;width: 30px;height: 54px;background: url(../images/btn_carousel_prev.png) 0 0 no-repeat;text-indent: -9999px;}
#slider_photo .flex-direction-nav a.flex-next{background-image: url(../images/btn_carousel_next.png);}


/*상품상세*/
.goods_info{float: right;width: 530px;}
.goods_info a.btnClose{position: absolute;top: 0;right: 0;display: block;width: 13px;height: 13px;background: url(../images/btn_close.png) 0 0 no-repeat;text-indent: -9999px;}
.goods_price table{box-sizing: border-box;padding-left: 10px;width: 100%;}
.goods_price table th{width: 155px;color: #282828;text-align: left;font-size: 17px;}
.goods_price table td{color: #282828;text-align: right;font-weight: bold;font-size: 17px;}
.amount td div{float: right;}
.amount td input{display: inline-block;
    float: left;
    width: 38px;
    height: 25px;
    border: 1px solid #e6e6e6;
    border-right: none;
    border-left: none;
    text-align: center;
    line-height: 25px;}
.sellPrice td{font-size: 22px !important;}
.discountPrice{padding-bottom: 10px;height: 100px;background: url(../images/bg_border.png) center bottom repeat-x;line-height: 20px;}
.discountPrice td span{display: block;color: #ec3c40;font-size: 22px;}
.discountPrice td strong{color: #767676 !important;text-decoration: line-through;font-size: 13px !important;}
.purPoint, .installment, .present,.amount{height: 60px;}

.present td{font-weight: normal !important;}
.transFee{height: 77px;border-bottom: 1px sold #dedfdf;}
.transFee span{display: block;text-align: right;}
.transFee strong{color: #666;font-weight: normal;font-size: 14px;}
.purOption th, .purOption td{padding-bottom: 20px;}
.purOption select{display: block;box-sizing: border-box;margin-bottom: 5px;padding-left: 5px;width: 100%;height: 35px;border: 1px solid #dbdbdb;}


.totalPrice th, .totalPrice td{border-top: 1px solid #dedfdf;}
.totalPrice th{letter-spacing: -0.06em;font-weight: bold;font-size: 22px !important;}
.totalPrice th span{font-size: 17px;}
.totalPrice td{ color: #ec3c40 !important;font-size: 22px !important;}
.totalPrice td span{margin-left: 5px; color: #282828;font-size: 17px;}

/*DT 커스터마이징*/
.customTop{position: relative;box-sizing: border-box;padding-left: 264px;width: 100%;height: 122px;background: url(../images/bg_custom_top.jpg) center center no-repeat; background-size: cover;}
.customTop h1{position: absolute;top: 20px;left: 30px;}
.customTop h1 img{width: 120px;}
.customTop .processBar{float: left;box-sizing: border-box;padding: 0 15px;width: 100%;}
.customTop .processBar li{position: relative;float: left;box-sizing: border-box;padding-left: 10px;width: 25%;height: 122px;background: url(../images/bg_arrow_process.png) right center no-repeat;line-height: 150px;}
.customTop .processBar li:nth-child(4){background: none;line-height: 140px;}
.customTop .processBar li img{position: absolute;top: 50%;left: 10px;opacity: 0.5;transform: translateY(-50%);}
.customTop .processBar li.on img{opacity: 1;}
.customMiddle{box-sizing: border-box;text-align: center;padding-right: 325px;min-width: 1070px;width: 100%;background: url(../images/bg_custom.png) repeat;position: relative;}
.customContents{overflow-y: auto;box-sizing: border-box;margin: 0 auto;padding: 15px;width: 1050px;background: #fff;}
.customContents li{float: left;box-sizing: border-box;width: 25%;height: 353px;border: 1px dotted #d4d8dd;border-top: none;border-left: none;}
.customContents li:nth-child(4n){border-right: none;}
.customContents.cList{overflow-y: scroll;height: 775px;}

/* 20180205 김수영_추가 */
.customLeft{width: 200px;display: inline-block;}
.customLeft *{box-sizing: border-box;}
.customLeft h3{text-align: left;background: #e31836 url(../images/ico_custom_left.png) 175px center no-repeat;;color: #fff;font-size: 14px;height: 35px;line-height: 35px;border: 1px solid #b8112a;padding-left: 15px;position: relative;}
/* .customLeft h3 a{position: absolute;display: inline-block;text-indent: -9999px;top: 50%;right: 10px;margin-top: -5px;} */
.customLeft ul{overflow-y: scroll;border: 1px solid #ddd;border-top: none;padding: 10px 6px;}
.customLeft li{font-size: 13px;position: relative;border: 1px solid #ddd;border-radius: 3px;margin-top: 5px;padding: 5px 5px 5px 30px;background: #fff;}
.customLeft li:first-child{margin-top: 0;}
.customLeft span.left{position: absolute;}
.customLeft li img:first-child{position: absolute;left: 5px;top: 50%;margin-top: -9px;width: 18px;height: 18px;}
.customLeft li img:nth-child(2), .customLeft li img:nth-child(3){float: right;margin-left: 3px;cursor: pointer;}
.customWrap+div{padding: 30px 75px;}
a[id^=can_]{width: 54px;height: 54px;border: 1px solid #ddd;line-height: 54px;position: relative;text-align: center;color: #000;font-size: 14px;display: inline-block;background: #fff;border-radius: 3px;}
a[id^=can_].on{color: #fff;background: #e31836;}
/* .customLeft ul+a, .custom_h3{width: 54px;height: 54px;display: inline-block;border: 1px solid #ddd;line-height: 54px;text-align: center;color: #000;font-size: 14px;} */
.preViewBtn{width: 166px;height: 46px;display: inline-block;background: #333 url(../images/ico_preview.png) 40px center no-repeat;border-radius: 3px;color: #fff;line-height: 46px;font-size: 14px;text-indent: 25px;}

.popLayer{display: none;z-index: 9999;position: fixed;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,0.5);}
.popPreview{width: 1140px;height: 765px;position: absolute;top: 50%;left: 50%;margin-left: -570px;margin-top: -367px;background: #fff;}
.popPreview h4{position: relative;height: 45px;text-align: center;color: #fff;font-size: 22px;font-weight: bold;background: #d81734;line-height: 45px;}
.btnClosePop{position: absolute;display: inline-block;width: 25px;height: 25px;background: url(../images/btn_close_pop.png) right center no-repeat;text-indent: -9999px;top: 10px;right: 10px;}
.previewWrap{height: 720px;box-sizing: border-box;padding: 10px;}
.previewBox{border: 1px solid #e1e1e1;height: 700px;background: #e9e9e9;position: relative;}
#temp_canvas{background: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}


#wrap.custom{box-sizing: border-box;padding-top: 122px;min-width: 1395px;background: url(../images/bg_custom.png) repeat;}
#header.custom{position: absolute;top: 0;min-width: 1395px;width: 100%;}
#container.custom{box-sizing: border-box;padding-top: 50px;}
.customRight{position: absolute;top: 0;right: 0;width: 325px;}
.customInfoTop, .productListBox{background: #f7f6f6;}
.customInfoTop h2{padding-left: 15px;height: 50px;background: #333;color: #fff;font-weight: bold;font-size: 26px;line-height: 50px;}
.customInfoTop .selectInfo{box-sizing: border-box;padding: 15px;height: 190px;}
.selectInfo h3{margin-bottom: 5px;color: #000;font-weight: bold;font-size: 15px;}
.selectInfo h4{display: none;margin-bottom: 5px;color: #e31836;font-weight: bold;font-size: 30px;}
.selectInfo.payInfo h4{display: block;color: #000;font-size: 15px;}
.selectInfo.payInfo h4 span{margin-bottom: 5px;color: #e31836;font-weight: bold;font-size: 30px;}
.selectInfo p{display: none;color: #666;font-size: 13px;}
.selectInfo.selected h4, .selectInfo.selected p{display: block;}
.customInfoBottom h3{padding-left: 15px;height: 35px;background: #e0e0e0;color: #000;font-size: 13px;line-height: 35px;}
.detailInfo{box-sizing: border-box;padding: 15px;height: 490px;background: #f7f6f6;}
.cautionBox{box-sizing: border-box;padding: 5px;min-height: 155px;border: 1px solid #dbdbdb;background: #fff;}
.caseDetail{display: none;box-sizing: border-box;padding: 10px;border: 1px solid #e6e6e6;background: #fff;}
.detailInfo.selected .caseDetail{display: block;}
.caseDetail dt,.caseDetail dd{float: left;margin-top: 10px;height: 43px; color: #000;font-size: 15px;line-height: 43px;}
.caseDetail dt:nth-child(1), .caseDetail dd:nth-child(2){margin-top: 0;}
.caseDetail dt{width: 45%;font-weight: bold;}
.caseDetail dd{width: 55%;}
.caseDetail select{box-sizing: border-box;padding-left: 5px;width: 150px;height: 43px;border: 1px solid #dbdbdb;color: #000;}
.caseDetail input{box-sizing: border-box;padding-right: 10px;width: 100%;height: 43px;border: none;background: #dbdbdb;color: #000; text-align: right;line-height: 43px;}
.customRight input[type=button].btnNext{width: 100%;height: 60px;background: #e31836;color: #fff;text-align: center;font-weight: bold;font-size: 20px;line-height: 60px;}

/**/
.cateSelect{box-sizing: border-box;padding: 15px;}
.cateSelect dt, .cateSelect dd{float: left;width: 50%;height: 54px;line-height: 54px;}
.cateSelect dd{box-sizing: border-box;padding: 5px 0;}
.cateSelect select, .cateSelect input[type=text]{box-sizing: border-box;padding-left: 5px;width: 100%;height: 41px;border: 1px solid #dbdbdb;background: #fff;vertical-align: middle;}
.cateSelect input[type=text]{background-image: url(../images/bg_sch_custom.png);background-repeat: no-repeat;background-position: right center;}
.cateSelect dt label{color: #000;font-weight: bold;font-size: 15px;}

.productListBox{box-sizing: border-box;padding: 15px;}
ul.productList{overflow-y: scroll;box-sizing: border-box;height: 470px;border: 1px solid #dbdbdb;}
ul.productList li{position: relative;box-sizing: border-box;padding-left: 90px;height: 87px;border-bottom: 1px solid #dbdbdb;}
ul.productList img{position: absolute; top: 5px; left: 5px;}
ul.productList li > div{height: 87px;}
ul.productList h4{box-sizing: border-box;padding-top: 15px;height: 45px;color: #000;font-weight: bold;font-size: 12px;line-height: 15px;}
ul.productList p{color: #999;font-size: 15px;}

.btnCustomPrev, .btnCustomNext{float: left;width: 50%;height: 60px;background: #333;color: #fff;text-align: center;font-weight: bold;font-size: 20px;line-height: 60px;}
.btnCustomNext{background: #e31836;}

.customWrap{box-sizing: border-box;margin: 0 auto;padding: 15px;width: 1050px;background: #fff;}
.customContents.regProduct{overflow: hidden;box-sizing: border-box;padding: 1px;width: 1020px;height: 705px;background: #e7e7e7;}
.regProduct > div{float: left;}
.regToolBox{background: #fff;}
.infoVertical{position: relative;box-sizing: border-box;margin-top: 5px;margin-left: 5px;padding-left: 7px;background: url(../images/bg_arrow_mid2.png) 0 0 repeat-y;}
.infoVertical:before, .infoVertical:after{position: absolute;top: -5px;left: 0;display: inline-block;width: 7px;height: 5px;background: url(../images/bg_arrow_upper.png) 0 0 no-repeat;content: "";}
.infoVertical:after{top: inherit;bottom: -5px;background-image: url(../images/bg_arrow_lower.png);}
.infoHorizontal{position: relative;box-sizing: border-box;margin-top: 5px;margin-left: 5px;padding-top: 7px;background: url(../images/bg_arrow_mid.png) 0 0 repeat-x;text-align: center;}
.infoHorizontal:before, .infoHorizontal:after{position: absolute;top: 0; left: -5px;display: inline-block;width: 5px;height: 7px;background: url(../images/bg_arrow_start.png) 0 0 no-repeat;content: "";}
.infoHorizontal:after{right: -5px;left: inherit;background-image: url(../images/bg_arrow_end.png);}

.customDepth1 li{float: none;width: 100%;height: auto;border: none;}
.customDepth1 > li > strong{text-align: left;display: block;margin-bottom: 10px;padding-left: 18px;background: url(../images/bullet_red_square.png) left center no-repeat;color: #e31836;font-weight: bold;font-size: 25px;}
.customDepth2{margin-bottom: 30px;}
.customDepth2 li{height: 85px;border-bottom: 1px dashed #dbdbdb;}
.customDepth2 li:last-child{border-bottom: none;}
.customDepth2 li:first-child{height: 45px;border-bottom: none;background: #f7f6f6;}
.customDepth2 li > div{position: relative;display: inline-block;float: left;height: 85px;color: #000;text-align: center;font-weight: bold;font-size: 15px;}
.customDepth2 li:first-child div{height: 45px;line-height: 45px;}
.customDepth2 li > div:first-child{box-sizing: border-box;width: 80%;border-right: 10px solid #fff;}
.customDepth2 li > div:nth-child(2){width: 20%;}
.customDepth2 li img{position: absolute;top: 4px;left: 0;width: 76px;height: 76px;}
.customDepth2 li div div{padding-left: 85px;width: 100%;}
.customDepth2 li h4, .customDepth2 li p{text-align: left;font-size: 15px;}
.customDepth2 li h4{margin-top: 20px;color: #111;}
.customDepth2 li p{color: #666;font-weight: normal;}

/*회원메뉴*/
/*상단*/




.noticeWrap .center+dd li:before{display: none;}
.noticeWrap .center+dd li{padding-left: 65px;height: 55px;background: url(../images/bg_notice_call.png) left center no-repeat;line-height: 55px;}
.noticeWrap .center+dd li:first-child strong{letter-spacing: -0.06em;font-size: 24px;}
.noticeWrap .center+dd li:nth-child(2){background-image: url(../images/bg_notice_fax.png);}
.noticeWrap .center+dd li:nth-child(3){background-image: url(../images/bg_notice_clock.png);}
.noticeWrap .center+dd li:nth-child(4){background-image: url(../images/bg_notice_mail.png);}



/*마이페이지*/


#frmOrder table, #frm table.myCart, #order_form table{position: relative;margin-bottom: 40px;width: 100%;border-collapse: collapse;border-top: 2px solid #3d3d3d;}
#frmOrder table th, #frmOrder table td, #frm table.myCart th, #frm table.myCart td, #order_form table th, #order_form table td{box-sizing: border-box;padding: 8px;height: 45px;border: 1px solid #e6e6e6;text-align: center;letter-spacing: -0.1em;font-size: 16px;}
#frmOrder table th, #frm table.myCart th, #order_form table th{background: #f8f8f8;color: #333;font-weight: bold;}
#frmOrder table td, #frm table.myCart td{color: #666;}
#frm table.myCart th{letter-spacing: -0.06em;}
#frm table.myCart td{letter-spacing: -0.06em;font-size: 14px;}
button.inTable,.replyTag,a.inTable{display: inline-block;margin: 0 auto;width: 85px;height: 30px;background: #3d3d3d;color: #fff;text-align: center;font-size: 12px;line-height: 30px;}
button.cRed, a.cRed, input.cRed{background: #ec3c40 !important; color: #fff;}
button.cWhite, a.cWhite{border: 1px solid #333;background: #fff !important; color: #333;}
#frmOrder table td.hasButton{padding: 7px 20px;}
#frmOrder h3{margin-bottom: 15px;color: #333;font-weight: bold;font-size: 20px;line-height: 23px;}
#frmOrder table.infoType2 th, #frmOrder table.infoType2 td{padding-left: 20px;text-align: left;}
#frmOrder table.infoType2 th{width: 130px;border-left: none;}
#frmOrder table.infoType2 td{border-right: none;}
#frmOrder table td.hasButton{padding: 0 ;border-left: none;}
#frmOrder table td.hasThumbnail, #frm table.myCart td.hasThumbnail{position: relative;padding: 10px 10px;height: 100px;text-align: left;}
/*#frmOrder table td.hasThumbnail{position: relative;padding: 25px;padding-left: 130px;height: 120px;}*/
/*#frmOrder table td.hasThumbnail img{position: absolute;left: 20px;top: 50%;margin-top: -50px;}*/
#frmOrder table td.hasThumbnail h4{color: #333;font-weight: bold;font-size: 16px;}
#frmOrder table td.hasThumbnail p{color: #666;font-size: 14px;}
#frmOrder table td.hasThumbnail img{margin-right: 5px;vertical-align: middle;}
#frmOrder table td.hasThumbnail > div{display: inline-block;vertical-align: middle;}

#frmOrder .receipt{margin-bottom: 15px;padding: 40px 175px;background: #f8f8f8;}
#frmOrder .receipt p{text-align: center;}
#frmOrder .receipt p:first-child{margin-bottom: 10px;}
#frmOrder .receipt input[type=radio]{margin-left: 20px;}
#frmOrder .receipt input[type=radio]:first-child{margin-left: 0;}
#frmOrder .receipt input[type=text]{width: 350px;height: 45px;border: 1px solid #e6e6e6;}
#frmOrder .receipt label{color: #666;font-size: 16px;}
/*
#frmOrder select{border: 1px solid #e6e6e6;background: url(../images/arrow_select_custom.png) right center no-repeat;}
*/
.minusPCS, .plusPCS{display: inline-block;float: left;width: 25px;height: 25px;border: 1px solid #e6e6e6;background: url(../images/btn_pcs_minus.png) center center no-repeat;}
.plusPCS{background-image: url(../images/btn_pcs_plus.png);}
#optionStock0{display: inline-block;float: left;width: 38px;height: 25px;border: 1px solid #e6e6e6;border-right: none;border-left: none;text-align: center;line-height: 25px;}




.dData{text-align: right;}
#frmOrder textarea{ overflow-y: scroll;width: 100%;height: 150px;border: 1px solid #e6e6e6;resize: none;}
#frmOrder.reWriteInfo td, #frmOrder.reWriteInfo th{height: 65px;text-align: left;}
#frmOrder.reWriteInfo input, #frmOrder.reWriteInfo select{box-sizing: border-box;height: 45px;border: 1px solid #e6e6e6;}


/*상품 뷰(주문)페이지 2017-11-15김수영*/
/* .goods_price{box-sizing: border-box;padding: 17px;border-left: 1px solid #e9e9e9;background: #f6f6f6;min-height: 515px;}
.goods_price>span{display: block;margin-bottom: 10px;font-size: 15px;}
.goods_price>h3{margin-bottom: 10px;font-size: 24px;}
.goods_price>p:nth-child(3){margin-bottom: 10px;padding-bottom: 15px;border-bottom: 1px solid #e9e9e9;font-size: 15px;}

.goods_price dt, .goods_price dd{height: 40px;color: #000;letter-spacing: -0.06em;line-height: 40px;}
.goods_price dl dt{float: left;width: 130px;font-size: 16px;}
.goods_price dl dd{float: right;width: 350px;font-size: 16px;}
.goods_price dl span, .goods_price dl strong{display: inline-block;font-weight: bold;}
.goods_price dl strong{color: #ec3c3f;}
.goods_price dl:nth-child(4){margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid #e9e9e9;}
.goodsOption{height: auto !important;min-height: 20px;}
dd.goodsUnit{padding: 6px 0;box-sizing: border-box;} */
/* .goodsUnit a, .goodsUnit input[type=text]{float: left;} */
/* .goodsUnit input[type=text]{display: inline-block;float: left;width: 38px;height: 25px;border: 1px solid #e6e6e6;border-right: none;border-left: none;text-align: center;line-height: 25px;}
.optionWrap{margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid #e9e9e9;}
.optionWrap select{margin-top: 5px;width: 100%;height: 25px;border: 1px solid #dbdbdb;background: #fff;color: #707070;vertical-align: middle;font-size: 12px;}
.installment{position: relative;}
.installment > span{display: inline-block;float: left;}
.installment .btnDetail{display: block;float: left;box-sizing: border-box;margin-top: 12px;margin-left: 10px;width: 60px;height: 15px;border: 1px solid #dbdbdb;border-radius: 1px;background: #fff;color: #707070;;text-align: center;font-weight: normal;font-size: 12px;line-height: 15px;}
.purPoint td span{font-weight: normal;}
.installment td{position: relative;}
.detailCard{position: absolute;top: 35px; right: 0;display: none;box-sizing: border-box;padding: 20px;width: 430px;border: 2px solid #282828;background: #fff;}
.detailTop{position: relative;}
.detailTop h3{margin-bottom: 20px;color: #282828;text-align: center;font-size: 22px;}
.detailTop h3 span{font-weight: bold;}
.detailTop a{position: absolute;top: 0;right: 0;}
table.cardList thead tr{height: 33px;border-bottom: 1px solid #dedfdf;background: #666;}
table.cardList thead tr th{color: #fff;text-align: center; font-weight: bold;font-size: 14px;}
table.cardList thead th:first-child{width: 80px;}
table.cardList thead th:nth-child(3){width: 70px;}
table.cardList tbody tr td{padding: 10px 0;text-align: center;}
table.cardList tbody td:nth-child(2) li{color: #282828;letter-spacing: -0.06em;font-weight: bold;font-size: 13px;}
table.cardList tbody td:nth-child(2) li span{font-weight: normal;} */


.addOption{}
.addOptUnit{box-sizing: border-box;margin-bottom: 5px;padding: 10px 20px;width: 100%;background: #fff;}
.addOptUnit input[type=text]{display: inline-block;float: left;width: 38px;height: 25px;border: 1px solid #e6e6e6;border-right: none;border-left: none;text-align: center;line-height: 25px;}
.addOptUnit:last-child{margin-bottom: 15px;}
.addOptUnit p{position: relative;margin-bottom: 10px;border-bottom: 1px dashed #dedfdf;text-align: left;} /* padding-bottom: 15px */
.addOptUnit p span{font-size: 14px;}
.addOptUnit span{display: block;color: #595959;font-size: 15px;}
.addOptUnit > div{float: left;}
.addOptUnit > span{float: right;color: #282828;font-weight: bold;font-size: 18px;}
/*.addOption td div div{float: left;box-sizing: border-box;width: 90px;height: 25px;border: 1px solid #dbdbdb;}
.addOption td div div a, .addOption td div div span{display: block;float: left;box-sizing: border-box;height: 25px;}
.addOption td div div span{width: 38px;border-right: 1px solid #dbdbdb;border-left: 1px solid #dbdbdb;color: #282828;text-align: center;font-size: 13px;line-height: 22px;}
.addOption td div div a{width: 25px;background: url(../images/btn_pcs_minus.png) center center no-repeat;text-indent: -9999px;}
.addOption td div div a.plusPCS{background-image: url(../images/btn_pcs_plus.png);}*/

.nPay{float: left;}
.nPay a.btnNPay{display: block;width: 213px;height: 37px;background: url(../images/npay.png) 0 0 no-repeat;text-indent: -9999px;}
/*버튼*/
/*.goods_info .btns {margin:0;}*/
.goods_info .btns a {display:inline-block;float:left;margin-left:2px;}
.goods_info .btns a:first-child {margin-left:0;}
.sub_location {display:none;}

.recomWrap{border-bottom:1px solid #EFEFEF;padding-bottom:8px;}
.recomWrap h3{padding-bottom: 15px;padding-left: 32px;height: 36px;background: url('../images/recom_title.jpg') left center no-repeat;color: #575757;font-size: 16px;line-height: 36px; margin-top:24px; font-weight:bold; color:#00013A; }
.recomProduct {width: 100%; border-top:2px solid #282828;}
.recomProduct li{float: left;box-sizing: border-box;padding: 12px 18px;/*min-height: 310px;width: 20%;border-left: 1px solid #e2e4e6;*/}


/*.recomProduct li:last-child{border-right: 1px solid #e2e4e6;}*/
.recomProduct li figure{margin: 0;}
.recomProduct li figure a{position: relative;display: block;}
.recomProduct .itemName{position: absolute;top: 115px;width: 100%;height: 30px;background: rgba(0,0,0,0.5);color: #fff;text-align: center;font-size: 13px;line-height: 30px;}
.recomProduct img{margin-bottom: 15px;width: 100%;}
.recomProduct figcaption{color: #292929;font-weight: bold;font-size: 13px;/* font-family: "Gulim"; */}
.recomProduct figcaption span{display: block;margin-bottom: 15px;color: #e31836;}
.recomProduct figcaption p{color: #000;font-weight: bold;font-size: 15px;}

.recomWrap .bx-wrapper{position: relative;max-width: 100% !important;width: 100% !important; }
.recomWrap .bx-controls{position: absolute;top: -24px;right: 0;width: 42px;height: 32px;/*border: 1px solid #c1c1c1;*/}
/*.recomWrap .bx-prev, .recomWrap .bx-next{display: inline-block;width: 12px;height: 12px;background: url(../images/bg_arrow_start.png) center center no-repeat;background-size: 3px 5px;text-indent: -9999px;}*/
.recomWrap .bx-prev, .recomWrap .bx-next{display: inline-block;width: 21px;height: 21px;background: url(../images/bg_arrow_end.jpg) center center no-repeat;background-size: cover;text-indent: -9999px;}
.recomWrap .bx-next{/*border-left: 1px solid #e6e7ea;*/background-image: url(../images/bg_arrow_start.jpg);}

.goods_info_wrap .recomWrap .recomProduct li{}



/*장바구니*/
.cartProcess{position: absolute;top: 0;right: 0;}
.cartProcess li{float: left;box-sizing: border-box;padding-top: 40px;height: 57px;background: url(../images/cart_step_1.png) center top no-repeat;color: #909090; font-weight: bold;font-size: 13px;}
.cartProcess li.on{color: #e31836;}
.cartProcess li:first-child.on{background-image: url(../images/cart_step_1_on.png);}
.cartProcess li:nth-child(3){background-image: url(../images/cart_step_2.png);}
.cartProcess li:nth-child(3).on{background-image: url(../images/cart_step_2_on.png);}
.cartProcess li:nth-child(5){background-image: url(../images/cart_step_3.png);}
.cartProcess li:nth-child(5).on{background-image: url(../images/cart_step_3_on.png);}
.cartProcess li:nth-child(2n){margin: 0 20px;padding: 0;background: none;}
.cartProcess li:nth-child(2n) img{vertical-align: -20px;}

#frm table.myCart th, #frm table.myCart td{padding: 10px;color: #000;}
.myCart .order_title_size img{float: left;}
.myCart .orderTitle{float: left;margin-left: 10px;}
.myCart .orderTitle{text-align: left !important;}
.myCart .goods_price{text-align: right;font-size: 20px;min-height: inherit;border-left: none;}
.myCart .goods_price .total_price{color: #e31836;}
.goodsOption{display: block;}
.goodsOption span{color: #e31836;}
.optionStock input{box-sizing: border-box;margin-bottom: 5px;width: 70px;height: 26px;border: 1px solid #e7e7e7;background: #f8f8f8;color: #000;text-align: center;}
.optionStock button{;width:50px;height:20px;background: #3d3d3d;color:#fff;font-size: 11px;line-height: 20px;}
.cartBtnWrap{margin: 10px auto 50px;text-align: center;}
.orderFeeWrap{margin-bottom: 10px;border: 2px solid #000;;}
.totalFee{padding-left: 740px;border-bottom: 1px solid #e9e9e9;background: url(../images/bg_totalfee.jpg) 30px 30px no-repeat;}
.totalFee li{position: relative;display: inline-block;box-sizing: border-box;padding: 10px 0;padding-left: 17px;width: 400px;border-top: 1px solid #e9e9e9;border-left: 1px solid #e9e9e9;width: 100%;padding-right: 15px;}
.totalFee li:first-child{padding-top: 20px;border-top: none;}
.totalFee li span.flLeft{font-weight: bold;font-size: 15px;}
.totalFee li span.flLeft img{margin-left: 10px;vertical-align: middle;cursor: pointer;}
.totalFee li span.flRight{font-weight: normal;font-family: "Gulim";}
.totalFee li span.flRight strong{margin-right: 3px;font-size: 20px;}
.totalFee li > img{position: absolute;top: 33px;left:22px;z-index: 10;display: none;}
.myFee{box-sizing: border-box; padding-right: 15px;padding-left: 25px;height: 107px;background: #f8f8f8;line-height: 107px;}
.myFee span{display: inline-block;font-weight: bold;font-size: 24px;}
.myFee span.flRight{font-weight: normal;}


#order_form .myCart tr td:first-child{padding: 20px 15px;}
#order_form .orderTitle{padding-top: 1px;}
#order_form .privacyWrap{overflow-y: scroll;box-sizing: border-box;margin-bottom: 5px;padding: 18px;height: 160px;border: 1px solid #c6c6c6;}

#order_form table.infoType3{border-top: none;}
#order_form table.infoType3 th{border-right: none;border-left: none;background: none;text-align: left;font-size: 16px;}
#order_form table.infoType3 thead th{border: none;border-bottom: 2px solid #3d3d3d;text-align: left;font-size: 20px;}
/* #order_form table.infoType3.orderPlace thead th{background-image: url(../images/bg_order_info_2.png);}
#order_form table.infoType3.orderCoupon thead th{background-image: url(../images/bg_order_info_3.png);}
#order_form table.infoType3.orderPay thead th{background-image: url(../images/bg_order_info_4.png);} */
#order_form table.infoType3 td{border-right: none;border-left: none;text-align: left;}
#order_form table.infoType3 tbody th{width: 175px;border-top: none;}
#order_form table.infoType3 input{border: 1px solid #b5b5b5;vertical-align: middle;padding-left:3px;}
#order_form table.infoType3 select{border: 1px solid #b5b5b5;}
#order_form table.infoType3 input[type=radio]{border: none;}
#order_form table.infoType3 button{margin-left: 10px;width: 71px;height: 25px;background: url(../images/btn_address.png) 0 0 no-repeat;text-indent: -9999px;}
#order_form td{position: relative;}
#order_form table.infoType3.orderCoupon td > a.search{position: absolute;top: 50%;left:120px;margin-top: -15px;background-image: none;text-indent: 0;font-size: 14px;line-height: 28px;}
#order_form input, #order_form select{box-sizing: border-box;height: 45px;vertical-align: middle;line-height: 45px;}
/*
#order_form select{background: url(../images/arrow_select_custom.png) right center no-repeat;}
*/
#order_form table.orderCoupon td{border-top: none;font-size: 13px;}
#order_form table.orderCoupon td span{display: inline-block;margin: 0 2px;color: #e31836;font-weight: bold;font-size: 14px;}
#order_form table.orderCoupon td strong{display: inline-block;margin-right: 2px;font-size: 14px;}
#order_form table.orderCoupon .infoBoard{position: absolute;top: -145px;left: 390px;}
.infoBoard > div > div{position: relative;z-index: 10;display: none;float: left;box-sizing: border-box;margin-right: 40px;padding: 20px 25px;width: 478px;height: 309px;background: url(../images/bg_coupon.png) 0 0 no-repeat;}
.infoBoard > div > div.on{display: block;}
.infoBoard dl{margin-bottom: 20px;}
.infoBoard dt{padding-bottom: 13px;border-bottom: 2px solid #3d3d3d;font-weight: bold;font-size: 16px;}
.infoBoard dd{padding: 10px 13px;border-bottom: 1px solid #c0c0c0;}
.infoBoard dd:first-child{border-bottom: 1px solid #e7e7e7;}
.infoBoard li{position: relative;margin-bottom: 3px;padding-left: 7px;color: #646464;font-size: 11px;}
.infoBoard li:before{position: absolute;top: 50%;left: 0;display: inline-block;margin-top: -1px;width: 2px;height: 2px;background: #eb3d3f;content: "";}
.infoBoard label{color: #000;font-weight: bold;font-size: 13px;}
.infoBoard input[type=radio]{margin-left: 5px;}
.infoBoard p{margin-top: 25px;text-align: center;}
.infoBoard input[type=text]{color:#e31836;text-align: right;font-size:14px;}
.pointCard label{margin-right: 85px;}
.pointCard input{padding-right: 5px;font-weight: bold;}
.pointCard{margin-top: 50px;}

#order_form.orderEnd{padding: 0 180px;}
.orderEndVisual{margin-bottom: 10px;padding: 0 180px;}
.infoType3.orderEnd td{font-size: 13px !important;}
.infoType3.orderEnd li{line-height: 20px;}
.infoType3.orderEnd .orderNum{color: #e31836;font-weight: bold;font-size: 14px;}
.infoType3.orderEnd strong{font-size: 14px;}
.infoType3.orderEnd thead th{background-image: url(../images/bg_order_info_5.png) !important;}
#order_form.orderEnd .totalFee{padding-left: 480px;}


/*통합검색*/
.sub_search h3{padding-bottom: 10px;height: 30px;border-bottom: 2px solid #dbdbdb;font-size: 14px;line-height: 30px;}
.sub_search .sort_select, .sub_search .item_no_select{float: right;}
.sub_search .shop_sort{ box-sizing: border-box;margin-bottom: 50px; padding: 0 10px;height: 40px; border-bottom: 1px solid #dbdbdb; background: #f9f9f9; line-height: 40px;}
.sub_search .shop_sort .flRight{width: auto;}
.sub_search .shop_sort select{margin-top: 7px;margin-left: 10px;}


/* 날짜 입력 달력 */

.Zebra_DatePicker *                          { margin: 0; padding: 0; color: #666;z-index:9999;font-size:12px;}
.Zebra_DatePicker                            { position: absolute; background: #373737; border: 3px solid #373737; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: none; z-index: 100; font-family: 'dotum'; font-size: 14px }

/* = GLOBALS
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker table                      { border-collapse: collapse; border-spacing: 0 }

.Zebra_DatePicker td,
.Zebra_DatePicker th                         { text-align: center; padding: 5px 0 }

.Zebra_DatePicker td                         { cursor: pointer }

.Zebra_DatePicker .dp_daypicker,
.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_yearpicker             { margin-top: 3px }

.Zebra_DatePicker .dp_daypicker td,
.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td         { width: 30px; border: 1px solid #BBB; background: #DEDEDE url('../images/default-date.png') repeat-x top; color: #666 }

/* = HEADER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_header td             { color: #E0E0E0; background: #373737 }

.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next       { width: 30px }

.Zebra_DatePicker .dp_header .dp_caption    { font-weight: bold }
.Zebra_DatePicker .dp_header .dp_hover      { background: #222; color: #FFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px }
.Zebra_DatePicker .dp_header .dp_blocked    { color: #888; cursor: default }

/* = DATEPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_week_number,
.Zebra_DatePicker .dp_daypicker th          { background: #F1F1F1; font-size: 11px; padding-top: 7px }

.Zebra_DatePicker td.dp_weekend_disabled,
.Zebra_DatePicker td.dp_not_in_month        { background: #ECECEC url('../images/disabled-date.png'); color: #E0E0E0; cursor: default }

.Zebra_DatePicker td.dp_weekend             { background: #DEDEDE url('../images/default-date.png') repeat-x top; color: #666 }

.Zebra_DatePicker td.dp_selected            { background: #E26262; color: #E0E0E0 !important }

/* = MONTHPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_monthpicker td        { width: 33% }

/* = YEARPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_yearpicker td         { width: 33% }

/* = SOME MORE GLOBALS (MUST BE LAST IN ORDER TO OVERWRITE PRESIOUS PROPERTIES)
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_current             { color: #E26261 }
.Zebra_DatePicker td.dp_disabled_current    { color: #E38585 }
.Zebra_DatePicker td.dp_hover               { background: #67AABB url('../images/selected-date.png') repeat-x top; color: #E0E0E0 }
.Zebra_DatePicker td.dp_disabled            { background: #ECECEC url('../images/disabled-date.png') repeat-x top; color: #DDD; cursor: default }


h3.title_h3 {
	margin-bottom: 15px;
    color: #333;
    font-weight: bold;
    font-size: 20px;
    line-height: 23px;
}
table.tbl_1{
	position: relative;
    margin-bottom: 40px;
    width: 100%;
    border-collapse: collapse;
    border-top: 2px solid #3d3d3d;
}
td.box_td{
box-sizing: border-box;
    padding: 8px;
    height: 45px;
    border: 1px solid #e6e6e6;
    letter-spacing: -0.1em;
    font-size: 16px;
}

/* roulette */
.rouletteWrap {
	width: 1200px;
	margin: 55px 0 70px;
}
.bgAll {
	width: 100%;
	position: absolute;
}
.bgAll img {
	width: 100%;
}
.luckList {
	position: relative;
	z-index:1;
	margin: 0 100px 0;
	padding-top: 450px;
}
.luckList:after {
	content:"";
	display:block;
	width:0;
	height:0;
	overflow:hidden;
	clear:both;
}
.luckList li {
	width: 159px;
	float: left;
	margin-left: 9px;
}
.luckList li:first-child {
	margin-left: 0;
}
.roulRound:after {
	content:"";
	display:block;
	width:0;
	height:0;
	overflow:hidden;
	clear:both;
}
.roulDiv {
	width: 606px;
	position: relative;
	float: left;
	margin-top: 76px;
	margin-left: 28px;
}
.roulDiv > img {
	width: 100%;
}
.pinDiv {
	position: absolute;
	width: 73px;
	top: -35px;
	left: 50%;
	margin-left: -36.5px;
}
.roulStartBtn {
	width: 535px;
    margin: 0 auto;
    display: block;
    padding-top: 18px;
}
.roulStartBtn img {
	width: 100%;
}
.myLuckList {
	position: relative;
	width: 501px;
	float: left;
	margin-left: 40px;
	margin-top: 68px;
}
.myLuckList h4 {
	font-size: 24px;
	color: #fff;
	font-weight: 700;
	position: relative;
	padding-left: 13px;
	float: left;
	margin-top: 26px;
    letter-spacing: -2.5px;
}
.myLuckList h4:after {
	display: block;
	content:"";
	position: absolute;
	width: 4px;
	height: 26px;
	background-color: #fff;
	top: 4px;
	left: 0;
}
.entryNum {
	float: right;
	margin-top: -2px;
}
.entryTit {
	font-size: 24px;
	color: #fff;
	font-weight: 700;
}
.entryWrap {
	font-size: 50px;
	color: #fff;
	font-weight: 700;
}
.myLuckList table {
	table-layout: fixed;
	width: 100%;
	margin-top: 18px;
}
.myLuckList table th, .myLuckList table td {
	text-align: center;
	vertical-align: middle;
	border-top: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
}
.myLuckList table tbody tr:last-child td {
	border-bottom: 1px solid #e4e4e4;
}
.myLuckList table th:last-child, .myLuckList table td:last-child {
	border-right: 1px solid #e4e4e4;
}
.myLuckList table th {
	background-color: #ffecee;
	font-size: 21px;
	color: #333;
	height: 69px;
}
.myLuckList table td {
	background-color: #fff;
	font-size: 22px;
	color: #666;
	height: 61px;
	font-family: "Malgun Gothic", "dotum", sans-serif;
}

/* attendance check */
.attendWrap {
	background-color: #f8f8f8;
	padding: 72px 0 72px;
	margin: 50px 0 60px;
}
.attendTit {
	text-align: center;
}
.attendTitWrap p {
	text-align: center;
	font-size: 25px;
	color: #666;
	font-weight: bold;
	margin-top: 18px;
    letter-spacing: -1.5px;
}
.attendTable {
	width: 1066px;
	margin: 50px auto 0;
}
.attendTable table {
	width: 100%;
	table-layout: fixed;
}
.attendTable table th {
	background-color: #8578d2;
	color: #fff;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	height: 69px;
}
.attendTable table td:first-child {
	border-left: 0;
}
.attendTable table td {
	text-align: center;
	background-color: #e7e4f6;
	padding: 20px 0 24px;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}
.atDiv {
	position: relative;
}
.atDiv p {
	position: absolute;
	top: -16px;
    left: 11px;
	font-size: 19px;
	font-weight: bold;
	color: #9c867f;
}
.atDiv .imgWrap {
	-webkit-transition: all 1s; /* For Safari 3.1 to 6.0 */
    transition: all 1s;
	opacity: 0;
}
.atDiv .imgWrap.on {
	opacity: 1;
}
.checkAttendBtn {
	margin-top: 50px;
	display: block;
	text-align: center;
}



/*****************/

.visited_table {border-top:2px solid #666666; border-bottom:1px solid #d3d3d3;box-sizing: border-box;padding-left: 10px;width: 100%;border-collapse: collapse;}
.visited_table th, .visited_table td{color: #282828; padding:5px;text-align: center;border-bottom:1px solid #f7f7f7;}
.visited_table th{font-weight: bold;background-color:#f7f7f7;border-bottom:1px solid #eaeaeb;}
.visited_table td{}
.visited_table td input[type=text], .visited_table td select{ line-height:24px; border:1px solid #EFEFEF;border-radius:5px;padding:3px 8px; width:100%;}
