@charset "utf-8";
/* CSS Document */

#renewal { margin:40px 0 100px; font-family:맑은 고딕,Malgun Gothic,'돋움','Helvetica','Tahoma',dotum,sans-serif, sans-serif;}
#renewal pre { font-family:맑은 고딕,Malgun Gothic,'돋움','Helvetica','Tahoma',dotum,sans-serif, sans-serif;}
.subcontents #renewal { margin:0 0 100px; }

#gnb { width:1040px; margin:0 auto;}
#gnb li { float:left; width:25%;}
#gnb ul:after { content:""; display:block; clear:both;}
#gnb li a { display:block; height:35px; padding-top:12px; text-align:center; font-size:18px; line-height:1.2; color:#181818; font-family:맑은 고딕, 'Helvetica','Tahoma',dotum,sans-serif; font-weight:bold; }
#gnb li a:hover { color:#fff; background:#ed1c24;}
#gnb li a.on { color:#ed1c24; }
#gnb li a.on:hover {color:#fff;}

.comp { width:1040px; margin:0 auto 40px;}
.comp:after { content:""; display:block; clear:both;}

.tabWrap { padding:4px 0; background:url(../images/common/bg_pattern.png); }
.tabWrap .inner { padding:15px 0; background:#fff; }
.tabWrap .inner:after { content:""; display:block; clear:both;}
.tab { float:left}
.tab a { display:inline-block; height:16px; padding:0 20px; font-size:16px; line-height:16px; border-left:2px solid #e6e6e6;}
.tab a:first-child { border-left:0;}
.tab a.on { color:#333; font-weight:bold;}
.tabWrap .total { float:right; padding-right:20px; font-size:16px;line-height:16px; }
.tabWrap .total strong { color:#333; text-decoration:underline;}

.itemListWrap { overflow:hidden; }
.itemList {margin-left:-35px; border-bottom: 1px solid #e6e6e6;}
.itemList:after { content:""; display:block; clear:both;}
.itemList li { float:left; width:180px; padding-left:35px; text-align:center; border-bottom:1px solid #e6e6e6; margin-bottom:-1px}
.inner { display:block; padding:30px 0 40px;}
.imgWrap { position:relative;width:150px; margin: 0 auto 10px;}
.imgWrap img { width:100%;}
.brandNm { color:#999; font-size:14px;}
.itemNm { overflow:hidden; height:56px; margin:8px 0 7px; font-size:16px; line-height:1.2;}
.tagArea { position:absolute; top:-10px; left:-15px;}
.priceArea { height:42px;}
.priceArea .price { display:block; color:#333; font-size:22px; letter-spacing:-2px; line-height:1.4; font-family:Arial, Helvetica, sans-serif}
.priceArea .prevPrice { font-size:14px; color:#999;}
.prevPrice em { text-decoration:line-through;}
.itemList.singleLine { border-bottom:none;}
.itemList.singleLine .inner { padding-bottom:0;}

.tagArea div{ overflow:hidden; width: 44px; height:44px; font-size:12px; color:#fff; text-align:center; line-height:44px; letter-spacing:-1px; }
.tag01 {background:url(../images/common/bg_badge.png) no-repeat left bottom; }
.tag02 {background:url(../images/common/bg_badge.png) no-repeat left top; }
.tag02 strong { font-size:22px;font-family:Arial, Helvetica, sans-serif; }

#paging {text-align:center; }
#paging a { display:inline-block; width:24px; height:24px; margin:0 3px; font-size:14px; color:#999; line-height:24px; vertical-align:middle; }
#paging a.on { color:#333; font-weight:bold; background:#dbdbdb; border-radius:100%;}
#paging a.prev,
#paging a.next { width:13px; height:20px; background:url(../images/common/paging.png); }
#paging a.prev { background-position:left top; margin-right:40px;}
#paging a.next { background-position:right top; margin-left:40px;}


.bestWrap { height:700px; overflow:hidden;}
.bestWrap .itemList { margin-left:-40px; border-bottom:none;}
.bestWrap .inner { padding:0}
.bestWrap .itemList >div { width:230px; height:330px; padding-left:40px; float:left; border-bottom:none;margin-bottom:40px;line-height:100%;}
.bestWrap .itemList .wide { width:500px;}
.rank { width:80px; margin-bottom:17px; padding-top:4px; background:url(../images/common/bg_pattern.png); }
.rank p { padding-top:13px; background:#fff; color:#333; font-size:20px; line-height:1; text-align:left; font-family:Arial, Helvetica, sans-serif; }
.bestWrap .imgWrap { width:180px; padding:0 10px}
.bestWrap .txtWrap {}
.bestWrap .itemNm { height:auto; margin:6px 0 3px; white-space:nowrap; text-overflow:ellipsis;word-wrap:normal;}
.bestWrap .wide .rank { float:left; width:170px; margin-bottom:80px; font-size:26px;}
.bestWrap .wide .imgWrap { float:right; width:260px; margin-top:40px; }
.bestWrap .wide .txtWrap { float:left; width:190px; text-align:left; }
.bestWrap .wide .itemNm { height:60px; margin:8px 0 32px; white-space:normal;}

.bestWrap .itemList .today { width:480px; float:left; margin-right:20px; background:url(../images/common/bg_pattern.png); }
.bestWrap .today .inner { margin:10px; padding:10px; background:#fff;*height:286px; }
.bestWrap .today .imgWrap { float:right; width:250px; margin:0; padding:0;}
.bestWrap .today .txtWrap { float:left;}
.bestWrap .today .itemNm { clear:both;}
.bestWrap .today .time { margin:10px 0 40px; font-size:34px; color:#ffa09d; font-family:Arial, Helvetica, sans-serif; line-height:1; }
.bestWrap .today .tagArea { position:static; float:left; margin-right:12px;}
.bestWrap .today .priceArea { float:left;/* padding-left:56px;*/}
.bestWrap .today .priceArea .price { font-size:30px; }
.bestWrap .today .priceArea .prevPrice { font-size:20px;}
.bestWrap .today .itemNm { overflow:hidden; margin:0; height:auto; padding:5px 50px 10px 0; font-size:18px; color: #aaa; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}

.mainBanner { position:relative;}
.mainBanner ul { position:absolute; top:30px; right:30px;}
.mainBanner ul li { float:left; margin-left:17px;}
.mainBanner ul li a { display:block; width:140px;}
.mainBanner ul li a img { width:100%; border-radius:100%;}

.hr { width:100%; height:10px; margin-bottom:40px; background:url(../images/common/bg_pattern02.png);text-align:center;}
.hr .tt { display:inline-block; padding:5px 20px; background:#fff; font-size:24px; color:#333; font-family:Arial, Helvetica, sans-serif; line-height:1; margin-top:-10px; *display:inline; *position:relative; *top:-7px; }

.themeList { margin-left:-35px;}
.themeList:after { content:""; display:block; clear:both;}
.themeList li { float:left; width:180px; margin-left:35px; text-align:center; font-size:20px; font-weight:bold;}
.themeList li i { display:inline-block; width:20px; height:4px; margin:30px 0 15px; background:#ff423b;}

.hottab { width:1040px; margin:0 auto 20px;}
.hottab:after { content:""; display:block; clear:both;}
.hottab a { display:block; float:left; width:230px; height:60px; line-height:60px; margin-left:40px; background:url(../images/common/bg_pattern.png); text-align:center; font-size:20px; font-weight:bold; color:#333; }
.hottab a:first-child { margin-left:0;}
.hottab a.on { color:#fff;}
.hottab a.on.type01 { background:#523667;}
.hottab a.on.type02 { background:#e08a45;}
.hottab a.on.type03 { background:#31b6d0;}
.hottab a.on.type04 { background:#4f60b4;}

.hotpick { float:left; width:780px; }
.hotpick .hottab { width:100%; margin:0;}
.hotpick .hottab li  { float:left;width:195px; padding-top:1px; background:#e6e6e6; }
.hotpick .hottab a { display:block; width:auto; float:none; margin:0; height:48px; line-height:48px; border-left:1px solid #fff;font-size:21px; color:#666; border-bottom:1px solid #e6e6e6;}
.hotpick .hottab a.on { background:#fff;border-bottom:1px solid #fff;}
.hottab li:first-child a { border-left:1px solid #e6e6e6; }
.hotBanner { float:left; /*border-left:1px solid #e6e6e6;*/}
.hotItem { border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;}
.hotItem .itemList { margin:0; padding-top:4px;}
.hotItem .itemList li { width:151px;}
.hotItem .itemNm { height:auto; margin:6px 0 3px; white-space:nowrap; text-overflow:ellipsis;word-wrap:normal;}

.half-col:after { content:""; display:block; clear:both;}
.half-col > div { float:right; }
.half-col > div:first-child { float:left; }

.ttType01 {padding-bottom:4px; background:url(../images/common/bg_pattern.png);}
.ttType01 span { display:block; background:#fff; font-size:20px; color:#333; line-height:1; padding-bottom:10px;}

.notiList { width:300px; }
.notiList .ttType01 { margin-bottom:7px;}
.notiList li { border-bottom:1px solid #f0f0f0; font-size:16px; }
.notiList li a { display:block; line-height:35px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}
.customBtn { width:660px;}
.customBtn ul:after { content:""; display:block; clear:both;}
.customBtn li { float:left; width:150px; margin-left:20px; background:url(../images/common/bg_pattern.png); }
.customBtn li:first-child { margin-left:0; }
.customBtn li a { display:block; height:150px; text-align:center;}
.customBtn li a i { display:inline-block; overflow:hidden; width:44px; height:44px; margin:35px 0 25px; background:url(../images/common/ico_notice.png);  }
.customBtn li a i.ico01 { background-position:left top;}
.customBtn li a i.ico02 { background-position:right top;}
.customBtn li a i.ico03 { background-position:left bottom;}
.customBtn li a i.ico04 { background-position:right bottom;}
.customBtn li a span { display:block; text-align:center; font-size:18px; color:#333; font-weight:bold}

.notiLink div { width:320px; margin-top:27px;}
.notiLink a { display:block; padding:13px 10px; background:url(../images/common/bg_link.png) left bottom no-repeat; font-size:18px; color:#333; line-height:1; letter-spacing:-1px; }

.linkSet { padding:40px 39px; border:1px solid #e6e6e6;}
.linkSet:after { content:""; display:block; clear:both;}
.linkSet > div { float:left; width:180px; margin-left:80px;}
.linkSet > div:first-child { margin-left:0;}
.linkSet a { display:block; line-height:28px; font-size:14px; }
.linkSet .ttType01 { margin-bottom:20px;}

.popBrand { background:url(../images/common/bg_pattern.png);}
.popBrand .inner { width:1040px; margin:0 auto;  padding:20px 0;}
.popBrand ul:after { content:""; display:block; clear:both;}
.popBrand li { float:left; position:relative; margin-left:34px; width:100px; height:100px;}
.popBrand li:first-child { margin-left:0;}
.popBrand li img { width:100px;border-radius:50%;}
.popBrand li a { display:block;}
.popBrand li a.on { position:absolute; top:-12px; left:-12px; width:124px; height:152px; padding:12px; background:url(../images/common/bg_brand.png) no-repeat; }
.popBrand li a:hover img { margin:-6px 0 0 -6px;border:6px solid #dbdbdb}
.popBrand li a.on:hover img{ margin:0;border:none;}

.quickMenu { position:fixed; top:0; right:-70px; width:60px; height:100%; padding:0 10px; background:#999; z-index:1002;}
.quickMenu.on { right:0; }
.quickMenu img { width:100%;}
.quickUtil { margin-bottom:20px;}
.quickUtil a { display:block; padding:15px 0; font-size:13px; color:#fff; text-align:center; font-weight:bold; border-bottom:1px solid #adadad; letter-spacing:-1px; }
.quickUtil a i { display:block; width:26px; height:26px; margin:0 auto 9px; background:url(../images/common/ico_quick.png) no-repeat;}
.quickUtil a i.ico01 { background-position:0 0;}
.quickUtil a i.ico02 { background-position:0 -26px;}
.quickUtil a i.ico03 { background-position:0 -52px;}
.quickUtil a i.ico04 { background-position:0 -78px;}
.quickUtil a i.ico05 { background-position:0 -104px;}
.quickTt { margin-bottom:1px; padding-bottom:8px; line-height:1; font-size:13px; font-weight:bold; color:#fff; letter-spacing:-2px; border-bottom:1px dashed #bbbbbb; text-align:center; }
.quickLately { margin-bottom:20px; border-top:1px dashed #bbbbbb;}
.quickLately li { margin-top:10px;}
#gotop { position:static; bottom:auto ; margin-left: 0; }
.quickBtn { display:block; width:32px; height:45px; position:absolute; top:217px; left:-22px; background:url(../images/common/bg_quick.png) no-repeat;}
.quickBtn i { display:block; margin:15px 0 0 13px; width:9px; height:14px; background:url(../images/common/wArr.png) no-repeat left top;}
.on .quickBtn i { background-position:right top; }

.box01 { padding:24px 40px; background:#f8f8f6; border:1px solid #dbdbdb; font-size:20px; font-weight:bold;}
.recommendation { width:1040px; height:92px; margin:0 auto 18px; background:url(../images/common/bg_happy.png) no-repeat right top; }
.recommendation p { padding:33px 0 0 15px; font-size:24px; letter-spacing:-2px; background:url(../images/common/bul.png) no-repeat left 33px; }
.recommendation p .bb { border-bottom:1px solid #666}

.topSer .search { position:relative; margin-top:11px;}
.searchDefault { display:none; position:absolute; top:67px; left:0; right:0; background:#fff; z-index:10; border:3px solid #ccc;}
.searchDefault .searchTab:after { content:""; display:block; clear:both;}
.searchDefault .searchTab a { display:block; float:left; width:50%; padding:10px 0 9px; text-align:center; background:#c8c8c8; font-size:14px;}
.searchDefault .searchTab a.on {background:#fff; color:#333; font-weight:bold;}
.searchDefault #last,
.searchDefault #popular { margin:5px 10px 2px; }
.searchDefault ul li { position:relative; border-top:1px solid #e6e6e6;}
.searchDefault ul li:first-child { border-top:none;}
.searchDefault li a { display:block; color:#999; font-size:13px;}
.delList { display:block; position:absolute; top:0; right:-5px; padding:10px; line-height:0;}
.delList .ico { display:block; width:9px; height:9px; background:url(../images/common/btn_del.png);  }
.searchDefault .item { display:block; padding:10px 0 8px 5px; margin-right:35px; }
.searchDefault ol:after { content:""; display:block; clear:both;}
.searchDefault ol li { float:left; width:247px; }
#popular,
#last { overflow:hidden; display:none;}
#popular ol { margin:-1px 0 0 -1px; }
#popular a { padding: 9px 0 8px 5px; border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6;}
#popular li:nth-child(even) a { padding-left:10px;}
#popular a span { display:inline-block; margin-right:10px; font-size:11px; color:#ff777c; }
.searchOn .searchDefault { display:block; }
.hideTxt { width:0; height:0; font-size:0;}

.cartWrap { width:1039px; background:url(../images/common/bg_pattern.png); padding-left:1px; }
.cartInner { overflow:hidden; width:1039px; margin-bottom:-1px}
.cartList {width:1040px;}
.cartList:after { content:""; display:block; clear:both;}
.cartList li { float:left; border-bottom:1px solid #fff; border-right:1px solid #fff; }
.cartList li a { display:block; width:103px; height:84px; padding-top:19px; text-align:center; }
.cartList li a img { width:43px;}
.cartList li a p { padding-top:12px; font-size:14px; }
.cartList li a.on { background:#fff; color:#333; }

.brandWrap { position:relative; border:1px solid #e6e6e6; z-index:1; }
.brandInner { overflow:hidden; width:1039px; }
.brandList {width:1040px; margin-bottom: -1px; }
.brandList:after { content:""; display:block; clear:both;}
.brandList li { float:left; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6; }
.brandList li a { display:block; width:207px; height:184px; padding-top:23px; text-align:center; }
.brandList li a img { width:135px;}
.brandList li a p { padding-top:6px; font-size:14px; }
.brandList li a.on { background:#fff; color:#333; }

.inner:after { content:""; display:block; clear:both;}
.itemDetail .inner { position:relative; padding:40px 0 0;}
.itemDetail .imgWrap { float:left; width:450px; padding:20px 30px 0 40px; margin:0;}
.itemDetail .txtWrap { float:left; width:520px; margin:0;}
.itemDetail .tagArea { top:0; left:0;}
.itemDetail .tagArea div { width:80px; height:80px; line-height: 80px; font-size:22px; letter-spacing:-2px;}
.itemDetail .tag02 {background:url(../images/common/bg_badge02.png) no-repeat left top;}
.itemDetail .tag01 {background:url(../images/common/bg_badge02.png) no-repeat left bottom;}
.itemDetail .tag02 strong { font-size:44px;}
.itemDetail .brandNm { font-size:16px; text-decoration:underline; }
.itemDetail .itemNm { height:77px; margin-bottom:14px; font-size:21px; color:#333; }
.itemDetail .itemInfo { font-size:20px; line-height:1.3}
.itemDetail .itemInfo span { vertical-align:middle; }
.itemDetail .itemInfo .tt { display:inline-block; width:96px; color:#999; }
.itemDetail .itemInfo .price { font-size:38px;font-family:Arial, Helvetica, sans-serif; color:#333; vertical-align:middle; letter-spacing:-2px; }
.shareWrap { margin:20px 0; text-align:right;}
.shareWrap a { display:inline-block; margin-left:10px;}
/*.btnSet { position:absolute; bottom:0; right:0;}*/
.btnBuy { padding-top:4px; background:url(../images/common/bg_pattern.png); }
.btnBuy p { padding-top:20px; background:#fff;}
.btnBuy a { display:inline-block; margin-left:10px;}
.btnBuy a:first-child { margin-left:0;}

.brandBest {padding:10px; background:url(../images/common/bg_pattern.png); }
.brandBest .itemList { margin:0; border-bottom:0; background:#fff;}
.brandBest .itemList li { padding-left:20px;border-bottom:0;}

.detailtabArea { overflow:hidden;}
.useStep { overflow:hidden; padding:40px 30px;}
.useStep li { float:left; width:175px; padding-left:85px;background:url(../images/common/bg_step.png) no-repeat left 38px; }
.useStep li:first-child { padding-left:0; background:none;}
.useStep li strong { display:block; font-size:16px; margin:20px 0 15px; letter-spacing:-1px; }
.useStep li p { width:185px; font-size:14px; line-height:1.2; word-break: break-word; }

#footerWrap .footer ul.footerInfo address { line-height:1.3; letter-spacing:0; word-break: break-word;}
#footerWrap .footer ul.footerInfo address span { color:#ccc; font-weight:bold;}
#footerWrap .footer ul.footerInfo .copy { color:#999; letter-spacing:0; }

.hotMain h2 { font-size:20px; line-height:60px; color:#333; }
.hotMain .inner { padding-top:0;}
.hotMain .itemList { margin:0; border-bottom:none; }
.hotMain li {width: 230px; margin-left: 40px; padding-left:0; background:url(../images/common/bg_pattern.png); border-bottom:none;}
.hotMain li:first-child {margin-left: 0; }
.hotMain li .imgWrap { width:200px;}
.hotMain .itemNm { padding:0 20px;}
.hotMain .more { display:inline-block; margin-bottom:-43px;}

.mainCate { overflow:hidden; position:relative; width:690px; height:138px; padding:0 44px; border:1px solid #e6e6e6;}
.mainCate .cartList { width:690px; margin:0 auto;}
.mainCate .cartList li { border:none;}
.mainCate .cartList li a { width:138px; height:113px; padding-top:24px;}
.mainCate .cartList li a img { width:60px;}
.mainCate .cartList li a p { font-size:16px; padding-top:16px; color:#999;}
#renewal .mainCate  .bx-wrapper .bx-controls-direction a { top:-79px;}
#renewal .mainCate .bx-wrapper .bx-controls-direction a.bx-prev { left:-24px;}
#renewal .mainCate .bx-wrapper .bx-controls-direction a.bx-next { right:-24px;}

/* ie8 이하 */
.ie8 {position:fixed; top:183px; left:50%; width:550px; padding:25px; margin-left:-300px; background:#f2f2f2; z-index:2000;}
.ie8 p { margin-bottom:10px;}
.ie8 a { font-weight:bold; text-decoration:underline;}
.ie8 .popClose { display:block; position:absolute; top:5px; right:5px}

/* bx 커스텀*/
.bx-wrapper .bx-controls-direction a {display:inline-block; text-indent: -9999px; z-index: 9999;}

.topRbanner .bx-controls { position:absolute; bottom:0; right:0;}
.topRbanner .bx-wrapper .bx-controls-direction a { width:15px; height:14px;}
.topRbanner .bx-wrapper .bx-controls-direction a.bx-prev { background:url(/images/btn_left01.gif)}
.topRbanner .bx-wrapper .bx-controls-direction a.bx-next { background:url(/images/btn_right01.gif)}

#renewal .pager { text-align:center; padding:22px 55px 0; z-index:1; }
#renewal .pager a { display:inline-block; padding:0 16px 0 22px; background:url(../images/common/bull.png) left center no-repeat; line-height:1; color:#999; font-size:14px; }
#renewal .pager a:first-child { padding-left:0; background:none; }
#renewal .pager .active { font-weight:bold; color:#333;}
#renewal .bx-controls { position:relative; z-index:2;}
#renewal .bx-wrapper .bx-controls-direction a {position: absolute;top:20px;width:13px; height:20px; background:url(../images/common/paging.png); }
#renewal .bx-wrapper .bx-controls-direction a.bx-prev {left: 0; background-position:left top;}
#renewal .bx-wrapper .bx-controls-direction a.bx-next { right: 0; background-position:right top;}
#renewal .bx-wrapper .bx-controls-auto { text-align: center;}
#renewal .bx-wrapper .bx-controls-auto .bx-start,
#renewal .bx-wrapper .bx-controls-auto .bx-stop {display: block; position:absolute; top:17px; right:30px;text-indent: -9999px;width: 26px; height: 26px;background: url(../images/common/btn_controller.png)  no-repeat;}
#renewal .bx-wrapper .bx-controls-auto .bx-start { background-position:left bottom;}
#renewal .bx-wrapper .bx-controls-auto .bx-stop {background-position:left top}
#renewal .bx-wrapper .bx-controls-auto .bx-start.active,
#renewal .bx-wrapper .bx-controls-auto .bx-stop.active { display:none;}

#renewal .brandSlider,
#renewal .brandSlider .bx-wrapper { position:relative;}
#renewal .brandSlider .bx-controls { position:absolute; right:0; bottom:60px; width:500px;}
#renewal .brandSlider .pager { position:absolute; right:0; bottom:60px; width:390px;}
#renewal .brandSlider .pager { bottom:20px;}

#renewal .hot-pager a { width:8px; height:8px; margin:0 9px; padding:0; border:4px solid #ddd; border-radius:50%; background:none;}
#renewal .hot-pager .first.active { border-color:#523667;}
#renewal .hot-pager .sec.active { border-color:#e08a45;}
#renewal .hot-pager .third.active { border-color:#31b6d0;}
#renewal .hot-pager .fourth.active { border-color:#4f60b4;}

#renewal .themeSlider { position:relative;}
#renewal .theme-pager { position:absolute; top:0; right:0; padding:0;}
#renewal .theme-pager a { display:block; width:85px; height:56px; margin:0 2px 10px; padding:0; background:url(../images/common/bg_pager.png) no-repeat left top; font-size:16px; line-height:56px; color:#fff; letter-spacing:-1px;}
#renewal .pager.theme-pager a:first-child{background:url(../images/common/bg_pager.png) no-repeat;}
#renewal .pager.theme-pager a:first-child.active,
#renewal .theme-pager .active { background-position:left bottom;color:#fff; font-weight:normal; }
.main-slider { *height:380px; *overflow:hidden; }
#renewal.main { margin-top:0;}

/* ie7 */
#gnb ul,
.comp,
.tabWrap .inner,
.themeList,
.itemList,
.half-col,
.popBrand ul,
.linkSet,
.boxInner {*zoom:1;}

#renewal .brandSlider .pager {*top:260px; *right:55px; *width:390px;}
.brandInner { *margin-bottom: 0;}
.brandList {*margin-bottom: -1px;}
#popular a {*border-left:none;}
.bestWrap {*position:relative;}

/* 대량 발송 */
.mass-input { border-top: 2px solid #666; border-bottom: 1px #d6d6d6 solid;}
.mass-input .fr { margin-right: 20px; width: 200px;}
.mass-input .receiverInfo { position: relative;}
.mass-input .poBR { position:absolute; width:200px; bottom:-10px; right:20px;}
.mass-input .btnArea {height: auto; margin:0 0 10px;}
.mass-input .btnArea .btnType05 { display:inline-block; min-width:100px; height:35px; line-height:35px; padding:0 10px; border:1px solid #fff; color:#fff; font-weight:bold; vertical-align:middle; text-align:center; cursor: pointer;}
.mass-input .btnArea .btnType05 { height:26px; line-height:26px; background:#909090; border:1px solid #333;}
.mass-input .btnArea .btnType05.type01 { width:100%; height:30px; line-height:28px; padding:0; box-sizing:border-box; background:#909090; border:1px solid #333;}
.mass-input .btnArea .btnType05.type02 { width:100%; height:30px; line-height:28px; padding:0; box-sizing:border-box; background:#fff; border:1px solid #666; color:#666;}
.mass-input .btnArea .btnType05.type03 { width:100%; height:30px; line-height:28px; padding:0; box-sizing:border-box; background:#f7f7f7; border:1px solid #c0c0c0; color:#666;}
.mass-input .btnArea .btnType05.type04 { width:100%; height:30px; line-height:28px; padding:0; box-sizing:border-box; background:#ed1c24; border:1px solid #c80008; color:#fff;}
.filehidden { position: absolute;;opacity:0; filter:alpha(opacity=0); }
.tbTop { position:relative; height:38px; margin-bottom:30px; line-height:38px;border-bottom: 1px solid #ddd; color: #252525;}
.tbTop > div { float:right; margin-right: 20px;}
.tbTop > div:first-child { float:left; margin-left: 20px;}
.tbTop .single { width:100%}
.boxInner:after { content: ""; display: block; clear: both;}
.ui-state-default { border:none;}
.slick-header-column:hover, .slick-header-column-active { background:none;}
body>textarea { z-index:0; position:fixed !important; height:0 !important; left:-100000px !important; top:-100000px !important; }
.tbWrap{ position:relative; margin: 0 20px;}
.complete { position:absolute; top:0; left:0; right:0; bottom:0; text-align:center; border:1px solid #bbbbbb; background:rgba(239,239,239,0.7); z-index:2; }
.ie .complete { background:rgb(239,239,239); }
.complete p { font-size:14px; margin-bottom:20px;}
.complete .block { margin-top:125px;}
.complete .block .loader { margin-top:-35px}

.gridWrap {position:relative; }
.gridWrap .gridView{width:768px;text-align:center; border-top: 1px solid #666; border-bottom: 1px #d6d6d6 solid;}
.gridWrap .grid {width:100%;height:331px;}
.gridWrap .ui-state-default { background:#f7f7f7; border: none;}
.gridWrap .slick-header-column.ui-state-default { padding:8px 4px 7px; font-weight:bold; border: none}
.gridWrap .slick-header-columns {}
.gridWrap .slick-cell.selected {background:none;}
.slick-row.odd { background:none;}
.slick-viewport { height: 299px !important;overflow-x:hidden !important;}
/*.slick-row:last-child{ display:none}*/
input.editor-text { width: 100%; height: 100%; border: 0; margin: 0; background: transparent; outline: 0; padding: 0;}

.gridWrap .slick-cell.copied { background: #b7dbff; background: rgba(183, 219, 255, 0.5);-webkit-transition: 0.5s ;}
#loading {position:fixed; top:50%; left:50%; margin:-150px 0 0 -150px; text-align:center; z-index:100}


.guideBox { clear: both; margin-top: 30px; padding:20px 40px; background: #f9f9f9; font-size:12px; border-top: 1px solid #e3e3e3;}
.guideBox li { margin-top:10px; line-height: 1.5}
.guideBox li ol { padding-left:10px;}
.guideBox li ol li { margin-top:3px; }
.guideBox li ol ul { padding-left:10px;}
.formTxt,
.imgBtn { display:inline-block; vertical-align:middle}