@charset "UTF-8";

/**
 * custom css 입니다. 추가적인 css 는 여기에 작성을 해주세요.
 */

/* 공용 */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img { margin:0; padding:0; }
html { width:100%; height:100%; }
li { list-style:none; }
img,fieldset { border:none; vertical-align:top; }
table { border:0; border-spacing:0; border-collapse:collapse; }
th,td { border:0; vertical-align:top; }
.cboth { clear:both;*zoom:1 }
.cboth:after { content:" "; display:block; clear:both; }
.fleft {float:left;}
.fright {float:right;}
.left { text-align: left; }
.center { text-align: center; }
.bold { font-weight: bold; }
.none { display:none; }

.pdt5 {padding-top:5px;}
.pdt10 {padding-top:10px;}
.pdt15 {padding-top:15px;}
.pdt20 {padding-top:20px;}
.pdl20 {padding-left:20px;}

/* 레이아웃 */
#wrap,
#container {min-width:1100px;}
#container {width:1100px;}

/* 좌우 스크롤 */
#scroll-left { position: fixed; top:335px; right: 50%; margin: 0 560px 0 0; }
#scroll-right { position: fixed; top:335px; left: 50%; margin: 0 0 0 560px; }

/* 상품 오버시 라인 */
.item-display .thumbnail a > img:hover {border:1px solid #999;}

/* 메인 상품이동형 */
.type-horizontal .list .wrap { width:1060px; }
.type-horizontal .list > button {top:120px;}

/* 상단 */
#mheader .top_banner {margin:0 auto;text-align:center;background:url('../img/mimg/top_banner_bg.jpg') repeat-x;}
#mheader .section {height:40px;line-height:40px;border-bottom:1px solid #eaeaea;}
#mheader .section .section_inner {width:1100px;margin:0 auto;}
#mheader .section .section_inner .section_left {float:left;}
#mheader .section .section_inner .section_left ul {font-size:0;height:40px;border-right:1px solid #eaeaea;}
#mheader .section .section_inner .section_left ul li {float:left;height:40px;line-height:40px;padding:0 10px;border-left:1px solid #eaeaea;}
#mheader .section .section_inner .section_left ul li a {height:40px;line-height:40px;font-size:11px;color:#767676;}
#mheader .section .section_inner .section_left ul li a img {vertical-align:middle;padding:0 4px;}
#mheader .section .section_inner .section_left ul li a:hover {color:#333;text-decoration:none;}
#mheader .section .section_inner .section_right {float:right;margin-right:10px;}
#mheader .section .section_inner .section_right ul {font-size:0;height:40px;}
#mheader .section .section_inner .section_right ul li {float:left;height:40px;line-height:40px;padding:0;font-size:10px;color:#9c9c9c;}
#mheader .section .section_inner .section_right ul li a {height:40px;line-height:40px;font-size:11px;color:#767676;}
#mheader .section .section_inner .section_right .cart span {color:#eb3c0d;}
#mheader .section .section_inner .section_right .mypage { position:relative;z-index:10; width:68px; padding:0;top:1px; }
#mheader .section .section_inner .section_right .mypage > a { display:block;height:40px;line-height:40px; background:url('../img/mimg/icon_mypage_off.gif') no-repeat right 15px; }
#mheader .section .section_inner .section_right .mypage div { display:none; position:absolute; top:38px; left:-5px; width:80px; padding:0; background:#fff; border:1px solid #eaeaea;border-top:1px solid #fff;}
#mheader .section .section_inner .section_right .mypage div a { display:block; padding:0 0 0 5px; color:#828282; font-size:11px; height:30px;line-height:30px; }
#mheader .section .section_inner .section_right .mypage div a:hover { background:#969696; color:#fff;}
#mheader .section .section_inner .section_right .mypage.hover > a { position:absolute; top:0; left:0; padding:0; width:68px;background:#fff url('../img/mimg/icon_mypage_on.gif') no-repeat right 15px;color:#333; }
#mheader .section .section_inner .section_right .mypage.hover > div { display:block; }
#mheader .section .section_inner .section_right ul li a:hover {color:#333;text-decoration:none;}
#mheader .section1 {position:relative;height:125px;width:1100px;margin:0 auto;}
#mheader .section1 .top_logo {position:absolute; top:0; left:10px;height:120px;line-height:120px;}
#mheader .section1 .top_logo img {vertical-align:middle;line-height:120px;}
#mheader .section1 .top_community {position:absolute; top:0; right:10px;height:120px;line-height:120px;}
#mheader .section1 .top_community ul li {float:left;}
#mheader .section1 .top_community ul li img {vertical-align:middle;line-height:120px;}
#mheader .section1 .top_community ul li a {filter: alpha(opacity=70); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.70; opacity:0.7;}
#mheader .section1 .top_community ul li a:hover {filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; opacity:1;}
#mheader .section1 .top_search {width:350px;margin:0 auto;text-align:center;padding-top:42px;}
#mheader .section1 .top_search .inner {height:37px;width:340px;border:1px solid #777;float:left;}
#mheader .section1 .top_search .inner #search-form {width:290px;height:37px;line-height:37px;color:#444;border:0;display:left;}
#mheader .section1 .top_search .inner #btnSearchTop {width:37px;line-height:37px;border:0;float:right;}

#mheader .section2 {width:100%;height:50px;background-color:#333;}
#mheader .section2 .section_inner {width:1100px;margin:0 auto;height:50px;border:0;}
#mheader .section2 .section_inner .all-category {position:relative; float:left; width:70px; height:50px; margin:0; padding:0; background:#ee2d14 url('../img/header/ico-all-category.png') no-repeat center center}
#mheader .section2 .section_inner .all-category > a {display:block; height:50px; padding:0; color:#fff; font-size:0px;}
#mheader .section2 .section_inner .all-category > .all-category-layer {display:none; position:absolute; z-index:50; top:0; left:0; width:996px; /*min-height:616px;*/ border:2px solid #ee2d14; border-top:none; background:#fff;}
#mheader .section2 .section_inner .all-category > .all-category-layer h2 {height:36px; margin:0 0 14px; padding:13px 0 0 38px; background:#ee2d14 url('../img/header/ico-all-category.png') no-repeat 11px 18px; color:#fff; font-size:14px;}
#mheader .section2 .section_inner .all-category .all-category-layer > div {position:relative;}
#mheader .section2 .section_inner .all-category .all-category-layer > div > button {display:block; position:absolute; top:17px; right:17px; width:18px; height:18px; background:url('../img/header/btn-acl-close.png') no-repeat left top;}
#mheader .section2 .section_inner .all-category .all-category-layer > div > button span {display:none;}
#mheader .section2 .section_inner .all-category .all-category-layer > div > ul {display:table; margin:0 0 30px 9px;}
#mheader .section2 .section_inner .all-category .all-category-layer > div > ul > li {display:table-cell; width:162px; min-height:145px; border-left:1px solid #e8e8e8;}
#mheader .section2 .section_inner .all-category .all-category-layer > div > ul > li:first-child {width:163px; border-left:none;}
#mheader .section2 .section_inner .all-category .all-category-layer > div > ul > li > strong {display:block; height:24px; padding:6px 0 0 15px; background:#f1f1f1; font-size:13px;}
#mheader .section2 .section_inner .all-category .all-category-layer > div > ul > li > strong a {color:#333;}
#mheader .section2 .section_inner .all-category .all-category-layer > div > ul > li > strong a:hover {color:#ee2d14;}
#mheader .section2 .section_inner .all-category .all-category-layer > div > ul > li > ul {padding:5px 0 0 15px; line-height:22px;}
#mheader .section2 .section_inner .all-category .all-category-layer > div > ul > li > ul a:hover {color:#ee2d14;}
#mheader .section2 .section_inner .all-category .all-category-layer > div > ul > li > ul > li {}
#mheader .section2 .section_inner .all-category .all-category-layer > div > ul > li > ul > li > ul {padding:0 0 2px 4px; font-size:11px; line-height:20px;}
#mheader .section2 .section_inner .all-category .all-category-layer > div > ul > li > ul > li > ul > li > ul {padding:0 0 0 8px; line-height:20px;}
#mheader .section2 .section_inner .all-category .all-category-layer > div > ul > li > ul > li > ul > li > ul a {color:#a2a2a2; font-size:11px;}
#mheader .section2 .section_inner .category.type-layer ul {display:none; border:1px solid #515151;}
#mheader .section2 .section_inner .category.type-layer ul li {}
#mheader .section2 .section_inner .category.type-layer ul li a {margin:0 18px; background:url('../img/lnb/dot-3x1-d2d2d2.png') repeat-x left top;}
#mheader .section2 .section_inner .category.type-layer ul li.dot-hide > a {background:none;}
#mheader .section2 .section_inner .category.type-layer ul li:hover {background:#333;}
#mheader .section2 .section_inner .category.type-layer ul li:hover > a {background:none; color:#fff; font-weight:bold;}
#mheader .section2 .section_inner .category.type-layer > li {position:relative;float:left;}
#mheader .section2 .section_inner .category.type-layer > li > a {display:block; padding:0 20px; color:#fff; line-height:50px;font-size:14px; font-weight:bold;background:url('../img/mimg/top_menu_bar.gif') no-repeat left 20px;}
#mheader .section2 .section_inner .category.type-layer > li:first-child > a {background:none;}
#mheader .section2 .section_inner .category.type-layer > li > a:hover,
#mheader .section2 .section_inner .category.type-layer > li > a.has-sub {position:relative; z-index:10; top:0; left:0;color:#ffcc00;}
#mheader .section2 .section_inner .category.type-layer > li ul {padding:7px 0;width:200px;}
#mheader .section2 .section_inner .category.type-layer > li > ul {position:absolute; z-index:10; top:50px; left:0; background:#fff;}
#mheader .section2 .section_inner .category.type-layer > li > ul > li {position:relative;}
#mheader .section2 .section_inner .category.type-layer > li > ul > li > a {display:block; padding:5px 0 7px;}
#mheader .section2 .section_inner .category.type-layer > li > ul > li:first-child > a {background:none;}
#mheader .section2 .section_inner .category.type-layer > li ul a.on,
#mheader .section2 .section_inner .category.type-layer > li ul a:hover {font-weight:bold;}
#mheader .section2 .section_inner .category.type-layer > li > ul > li > ul {position:absolute; top:-8px; left:100%; background:#fff;}
#mheader .section2 .section_inner .category.type-layer > li > ul > li > ul > li {position:relative;}
#mheader .section2 .section_inner .category.type-layer > li > ul > li > ul > li > a {display:block; padding:5px 2px 7px;}
#mheader .section2 .section_inner .category.type-layer > li > ul > li > ul > li:first-child > a {background:none;}
#mheader .section2 .section_inner .category.type-layer > li > ul > li > ul > li > ul {position:absolute; top:-8px; left:100%; background:#fff;}
#mheader .section2 .section_inner .category.type-layer > li > ul > li > ul > li > ul > li {position:relative;}
#mheader .section2 .section_inner .category.type-layer > li > ul > li > ul > li > ul > li > a {display:block; padding:5px 2px 7px;}
#mheader .section2 .section_inner .category.type-layer > li > ul > li > ul > li > ul > li:first-child > a {background:none;}
#mheader .section2 .section_inner .category.type-layer > li > ul li a {color:#333; text-indent:6px;}
#mheader .section2 .section_inner .category.type-layer > li.tit {padding:9px 0 12px; color:#222; font-size:14px; font-weight:bold; text-indent:17px; cursor:default;}
#mheader .section2 .section_inner .category.type-layer > li.tit img {width:178px; margin-left:-17px;}
#mheader .section2 .section_inner .category.type-layer > li > ul li.tit {padding:5px 0 7px; color:#333; font-size:13px; text-indent:16px; cursor:default;}
#mheader .section2 .section_inner .category.type-layer > li > ul li.tit img {width:178px; margin-left:-16px;}
#mheader .section2 .section_inner .category.type-layer > li > ul li.tit:hover {background:none;}
#mheader .section2 .section_inner .category.type-layer > li > ul li.tit + li.dot-hide a {background:url('../img/lnb/dot-3x1-d2d2d2.png') repeat-x left top;}
#mheader .section2 .section_inner .category.type-layer > li > ul li.tit + li.dot-hide:hover a {background-image:none;}


/* 하단 */
#mfooter {width:100%;border-top:1px solid #dedede;margin:0 auto;}
#mfooter .section_inner {width:1100px;margin:0 auto;}
#mfooter .section {height:35px;line-height:35px;border-bottom:3px solid #333333;}
#mfooter .section .section_left {float:left;}
#mfooter .section .section_left li {float:left;width:165px;line-height:35px;height:35px;border-right:1px solid #dedede;}
#mfooter .section .section_left li:first-child {border-left:1px solid #dedede;}
#mfooter .section .section_left li a {line-height:35px;font-size:11px;color:#767676;display:block;padding:0 10px 0 14px;}
#mfooter .section .section_left li a:hover {color:#111;}
#mfooter .section .section_left li a span {float:right;}
#mfooter .section .section_left li a.privacy {font-weight:bold;color:#111;border-bottom:3px solid #7c7c7c;}
#mfooter .section .section_left li a.privacy:hover {color:#7c7c7c;}
#mfooter .section .section_right {float:right;}
#mfooter .section .section_right li {float:left;width:68px;line-height:35px;height:35px;border-right:1px solid #dedede;}
#mfooter .section .section_right li:first-child {border-left:1px solid #dedede;}
#mfooter .section .section_right li a {text-align:center;line-height:35px;font-size:11px;color:#767676;display:block;}
#mfooter .section .section_right li a:hover {color:#111;}
#mfooter .section1 {width:100%;background-color:#fafafa;border-bottom:1px solid #dedede;padding:40px 0;}
#mfooter .section1 .customer {float:left;width:221px;padding-left:15px;min-height:122px;background:url('../img/mimg/bt_line.gif') no-repeat right top;}
#mfooter .section1 .customer strong {color:#293744;font-size:22px;height:22px;line-height:22px;padding:5px 0 10px;display:block;font-weight:normal;letter-spacing:1px;}
#mfooter .section1 .customer p {font-size:11px;color:#767676;line-height:18px;}
#mfooter .section1 .customer p span {color:#000;}
#mfooter .section1 .banking {float:left;width:194px;padding-left:61px;min-height:122px;background:url('../img/mimg/bt_line.gif') no-repeat right top;}
#mfooter .section1 .banking strong {color:#293744;font-size:15px;height:22px;line-height:22px;padding:5px 0 10px;display:block;font-weight:normal;}
#mfooter .section1 .banking p {font-size:11px;color:#767676;line-height:18px;}
#mfooter .section1 .banking p span {color:#000;}
#mfooter .section1 .notice {float:left;width:181px;padding:0 61px;min-height:122px;background:url('../img/mimg/bt_line.gif') no-repeat right top;}
#mfooter .section1 .notice ul {margin-top:6px;}
#mfooter .section1 .notice ul li a {width:180px;height:21px;line-height:21px;overflow:hidden;display:block;font-size:11px;}
#mfooter .section1 .notice ul li a:hover {color:#111;}
#mfooter .section1 .quickmenu {float:right;width:220px;padding:0 0 0 0;}
#mfooter .section1 .quickmenu .quick_box {width:218px;height:35px;border:1px solid #dedede;margin-top:6px;}
#mfooter .section1 .quickmenu .quick_box:hover {border:1px solid #999;}
#mfooter .section1 .quickmenu .quick_box a {line-height:33px;font-size:11px;color:#111;padding-left:10px;display:block;}
#mfooter .section1 .quickmenu .quick_box span {float:right;width:34px;height:35px;line-height:33px;border-left:1px solid #dedede;text-align:center;font-size:17px;}
#mfooter .section2 {width:1100px;margin:0 auto;padding:40px 0;position:relative;}
#mfooter .section2 .bt_logo {float:left;padding-left:15px;width:220px;}
#mfooter .section2 .copyright {float:left;font-size:11px;line-height:18px;color:#767676;}
#mfooter .section2 .copyright strong,
#mfooter .section2 .copyright button,
#mfooter .section2 .copyright a {font-size:11px;line-height:18px;color:#111;font-weight:normal;}
#mfooter .section2 .certify-mark {padding:5px;}
#mfooter .section2 .certify-mark span {display:inline-block; vertical-align:top; padding:5px 5px;}

/* 메인 */
.main_img_bg {text-align:center;margin:0 auto;width:100%;background-color:#ececec;}
.body- .contents {width:1100px;margin:0 auto;}
.contents .main_title {margin:40px 0;}
.contents .top_line {padding-top:65px;border-top:1px solid #dedede;}
.contents .main_list h2 {display:none;}

.order-page .price-box {
 width:1100px;
}

.table1 > .board-list td {vertical-align:middle;}
table.goods-board td.ordernum {vertical-align:middle;}
table.goods-board td.dotted {border-bottom:1px dotted #b4b4b4;}
/*
	포인트 보더박스 색상 일괄적용 시작
*/
.pagination .active,
.recent-list div.list ul li:hover > a,
.recent-list div.list ul li div,
.board-paging .this,
.location .navi .this div,
.location .navi .this:hover,
.txt-field.error,
.tip-layer,
.type-tab-list li .btn button.wish,
#top.header .navi .container ul li.mypage div,
#top.header .navi .container ul li.mypage.hover > a {
 border: 1px solid #7c7c7c !important;
}
.order-goods {
 border-bottom:2px solid #7c7c7c;
}
.option-layer .btn {
 border-top:2px solid #7c7c7c;
}
.goods-view .goods .image .more-thumbnail .slide .cycle a.on,
.goods-view .goods .image .more-thumbnail .slide .cycle a:hover,
#zoom-layer .wrap .view .list a.on,
#zoom-layer .wrap .view .list a:hover {
 border:3px solid #7c7c7c;
}
/*
	포인트 보더박스 색상 일괄적용 끝
*/
/*
	포인트 보더박스 색상 일괄적용 끝
*/
/*
	포인트 배경 색상 일괄적용 시작
*/
.order-step .num.active,
.location .navi .this div a:hover,
.type-tab-list li .btn button.preview,
#top.header .top-service .all-category,
#top.header .top-service .all-category > .all-category-layer h2,
#side .lnb  > .category.type-layer ul li:hover {
 background-color:#7c7c7c;
}
.cart-tab .btn-wrap .left a.on,
.cart-tab .btn-wrap .right .btn-option.on,
.cart-tab .btn-wrap .right .btn-carttab,
.cart-tab .btn-wrap .right .btn-carttab.on {
 background-color: #3c3c3c;
}

/*
	포인트 배경 색상 일괄적용 끝
*/
/*
	포인트 글자 색상 일괄적용 시작
*/
#footer .link ul li a.privacy,
.bottom .container > div.cs-center > strong,
#side .lnb  > .category.type-tree > li a:hover,
#top.header .top-service .notice ul li a,
#top.header .top-service .all-category .all-category-layer > div > ul > li > ul a:hover,
#top.header .top-service .all-category .all-category-layer > div > ul > li > strong a:hover,
#top.header .navi .container ul li.mypage.hover > a,
.type-tab-list li .btn button.wish,
.type-tab-vertical .list .tab a.on,
.cart-tab .cart-tab-option .check > .cost strong,
.cart-tab .estimate ul li.total strong,
.review-board td .comment-wrap .head .comment-count span strong,
.review-board td .comment-wrap .head .comment-count p strong,
.review-board td.txt-la a.this,
.review-board td.txt-la .cmt-count,
.review-board .preview td.complete,
.multiple-topics .tab a strong,
.goods-view .goods .info .end-price ul .total strong,
.goods-view .goods .info .end-price ul .discount strong,
.goods-view .goods .info .choice .list > strong em,
.goods-view .goods .info .item ul li.price > div strong,
.quick-search h2,
.coupon-down-layer .view .benefits .detail div strong b,
.coupon-down-layer .view .table1 .guide2 b,
.coupon-down-layer .view .table1 .guide2 strong,
.coupon-down-layer .view .table1 .guide strong,
.coupon-down-layer .view > p strong,
.cs-lnb .contect-us a,
.cs-lnb .contect-us strong,
.cs-lnb h2,
.mypage-lnb ul li a.on,
.mypage-lnb h2,
.mypage-info-change .terms-view p a,
.mypage-info-change .terms-view p label span,
.board-view-body .question > div > div .info > strong,
.board-view-body .a .item,
.comment-wrap .head .comment-count span strong,
.comment-wrap .head .comment-count p strong,
.table1 > table td.delivery-loc span,
.table1 > table tbody td .completed,
.capcha-body .text,
.search-page strong em,
.order-page .how-to-pay .buy .required-check label strong,
.order-page .how-to-pay .buy .final-settlement span,
.order-page .price-box > div > span,
.order-page .price-box > div p .total,
.order-page .price-box > div p .detail em,
.order-page .table1.type1 .gift-condition strong,
.join.wait .join-complete .child-guide a.link,
.join.wait .join-complete .child-guide p strong,
.join-complete .txt1 span,
.join .terms .msg span,
.join .terms .terms-view p a,
.join .terms .terms-view p label span,
.join .login-msg a,
.join .top > div span.this,
.member.dormancy .cite-input .caution,
.member.dormancy .date li strong.dormancy-start,
.member.dormancy .msg span,
.member .new-pw p,
.member .certify .form-element strong,
.member .box .find-pw .input-id > p a,
.member .box .find-pw .input-id > p strong,
.member .box .result-msg strong,
.view .goods-list .tc strong,
.tip-layer div strong,
.caution-msg1,
.step-top div span.this,
.location .navi .this:hover > a,
.board-paging .this,
.pagination .active,
.recent-list .paging span strong,
.toggle-faq .qatype,
.point-item .number,
.member-grade-text .l-text .strong,
.mypage-lnb h2,
.view .goods-list .align ul li label.on,
.item-display ul li .price .sale strong,
.c-red,
#footer .footer .cscenter ul li a.privacy {
 color:#7c7c7c !important;
}
/*
	포인트 색상 일괄적용 끝
*/
/*
	버튼
*/
.skinbtn.point1 {
 border:1px solid #7c7c7c;
 color:#7c7c7c;
}
.skinbtn.point1:hover {
 border:1px solid #6c6c6c;
 color:#6c6c6c;
}
.skinbtn.point2 {
 background:#7c7c7c;
 border: 1px solid #7c7c7c;
 color:#fff;
}
.skinbtn.point2:hover {
 background:#6c6c6c;
 border:1px solid #6c6c6c;
}
/*
	버튼 끝
*/

/*
	텍스트 필드 시작
*/
.txt-field.error {
 border:1px solid #7c7c7c;
}
/*
	텍스트 필드 끝
*/