/* BASIC css start */
/* 191104 morenvy 정환ddddd */
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; }


#overlay_layer{display:none;}

.cboth { clear:both;*zoom:1 }
.cboth:after { content:" "; display:block; clear:both; }
.fleft {float:left;}
.fright {float:right !important;}
.left { text-align: left; }
.center { text-align: center; }
.top { caption-side: top; }
.right { text-align: right; }
.bold { font-weight: bold; }
.none { display:none; }

.pdt5 {padding-top:5px;}
.pdt10 {padding-top:10px;}
.pdt15 {padding-top:15px;}
.pdt20 {padding-top:20px;}
.pdt30 {padding-top:30px;}
.pdt40 {padding-top:40px;}
.pdt50 {padding-top:50px;}
.pdt60 {padding-top:60px;}
.pdt70 {padding-top:70px;}
.pdt80 {padding-top:80px;}
.pdt100 {padding-top:100px;}

.pdb10 {padding-bottom:10px;}
.pdb20 {padding-bottom:20px;}
.pdb15 {padding-bottom:15px;}
.pdb60 {padding-bottom:60px;}

.mrt80 {margin-top:80px !important;}

/* 공통레이아웃 */
#header, #layerWrap, #contentWrap, #ftLink .link { width:1200px;min-width:1200px;background-color:#fff;padding:0;margin:0 auto;}
.item-wrap,
#content { width:1200px;min-height:740px;margin:0 auto;}
/*#content {float:left;}*/
#contentWrapper {margin:0 auto;}
.loc-navi {font-size:11px;text-align:right;border-bottom:0;padding:0;margin:20px 0;height:30px;line-height:30px;vertical-align:middle;}
.loc-navi a {height:30px;line-height:30px;}
.paging li a,
.paging li a:hover {font-weight:normal;letter-spacing:0;font-family:'Nanum Gothic', Dotum, AppleGothic, Helvetica, sans-serif}
.paging li a:hover {color:#111;}
.paging li.now a {font-weight:bold;letter-spacing:0;}
.width1200 {width:1200px;margin:0 auto;position:relative;}
body, h1, h2, h3, h4, h5, h6, table, select, textarea, a, p {font-family:'Nanum Gothic', Dotum, AppleGothic, Helvetica, sans-serif}

/* 게시판 상단 리스트 숨김 */
.bbs-hd {display:none;}

/* 상품리스트 (메인/검색/상품리스트)  */
.prd-list {margin:0px auto;}
.prd-list table td { border:0; vertical-align:top;text-align:center;padding-bottom:60px;}
.prd-list table .tb-center {width:278px;margin:0 auto; padding:0;text-align:center;position:relative;}
.prd-list table .info { width:100%;padding:5px 0 15px 0;text-align:left;display:inline-block;position:relative;}
.prd-list .thumb { width:100%;height:auto;font-size:0;padding:0;line-height:0; border:0px solid #e9e9e9;;position:relative;}
.prd-list .thumb:hover {border:0px solid #999;}
.prd-list .thumb a,
.prd-list .thumb img { display: block; width: 100%; height: 100%;}
.prd-list .thumb img {border:0;}
.prd-list .dsc { margin-top:20px;font-weight:400;font-size:14px;color:#151515;}
.prd-list .subname { margin-top:8px; font-weight: 400; font-size:12px;color:#999;line-height:17px;}
.prd-list .brand { margin-top:8px; font-weight: 400; font-size:12px;color:#999;line-height:17px;}
.prd-list .consumer { margin-top:15px;color:#999;font-size:12px; text-decoration:line-through;font-family:'Roboto','Nanum Gothic',sans-serif;letter-spacing:-0.015em;}
.prd-list .price {position:relative;margin-top:5px; font-weight:700;color:#222;font-size:20px;font-family:'Roboto','Nanum Gothic',sans-serif;letter-spacing:-0.035em;}
.prd-list .price span {font-size:12px;position:absolute;top:50%;transform:translateY(-50%);padding-left:2px;}
.prd-list .icon { margin-top:10px; }
.prd-list .icon img {padding-right:3px;}
.btn_zoom {position:absolute; bottom:-10px; right:-10px; text-align:center;z-index:6; width:42px; font-size:0px; opacity:0; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.btn_zoom img {width:auto;height:auto;}
.prd-list table td:hover .btn_zoom {opacity:1; bottom:0px; right:0px;}
.prd-list .nopadding td {padding:0;}
.mk_option_preview .mk_prd_option_list {font-size:12px;border:1px solid #999;font-family:'Nanum Gothic','Montserrat', Dotum, AppleGothic, Helvetica, sans-serif;}
.mk_option_preview .mk_prd_option_list .option-name {background-color:#f4f4f4;color:#333;border-left:0;padding:6px;}
.mk_option_preview .mk_prd_option_list li {margin:5px 14px;}
.discount_info {position:absolute;right:0;top:-32px;width:60px;height:60px;text-align:center;line-height:60px;color:#fff;background-color:#443838;border-radius:50%;font-family:'Nanum Gothic','Montserrat', Dotum, AppleGothic, Helvetica, sans-serif;font-weight:bold;letter-spacing:-1px;font-size:23px;}

.prd-list #sale_bg {display:none;position:absolute; top:0px; left:0px; width:44px; height:44px; line-height:44px; text-align:center;border-radius:0 0 15px 0; background: rgb(202,223,228); background: linear-gradient(300deg, rgba(202,223,228,1) 0%, rgba(246,215,246,1) 100%); font-family:'Roboto', sans-serif;  font-weight:700;color:#252525;  font-size:18px; letter-spacing:-0.025em;}
.prd-list #sale_bg .sale_text span {font-size:14px;}


/* 상품 아이콘 */
.info_icon {width: 100%;position: absolute;top: 55%;z-index: 10;transition: all 0.3s;opacity: 0;transform: translateY(-50%);text-align: center;}
.info_icon li {display: inline-block;margin: 0 5px;font-size: 11px;color: #666;}
.info_icon li img {width: auto;height: auto;}
.prd-list table td:hover .thumb .info_icon { top: 50%; opacity: 1; cursor: pointer;}
.pick_area .swiper-slide:hover .info_icon { top: 50%; opacity: 1; cursor: pointer;}
.pick_area .swiper-slide:hover .btn_zoom {opacity:1; bottom:0px; right:0px;}
.prd-list .swiper-slide:hover .info_icon { top: 50%; opacity: 1; cursor: pointer;}
.prd-list .swiper-slide:hover .btn_zoom {opacity:1; bottom:0px; right:0px;}

/* 기본 타이틀 */
.main_title {font-size:0px; position:relative; width:1200px; margin:0 auto;margin:0px auto 40px;text-align:center;}
.main_title span {display:block;}
.main_title span:first-child {font-size:25px; line-height:1; color:#000; font-family:'Raleway', sans-serif; font-weight:700; letter-spacing:0.010em;}
.main_title span {font-size:14px; line-height:1; color:#888; padding-top:10px; letter-spacing:-0.025em;}
.main_title a {position:absolute; right:0px; bottom:0px; font-size:14px; line-height:1; color:#888; letter-spacing:-0.025em; padding-right:13px; background:url('/design/pengall100/0772marketo/main_title_bg.gif') no-repeat; background-position:99% 3px; }
.main_title a:hover {color:#111;}

/* 로그인화면 중앙정렬 
#findIdPwd_result,
#findWrap,
#loginWrap {width:1100px;margin-right:auto;margin-left:auto}
*/

/* 롤오버 */
a img.menuon {display:none;}
a img.menuoff {display:inline;}
a:hover img.menuon {display:inline;}
a:hover img.menuoff {display:none;}
a {text-decoration:none;-webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-backface-visibility: hidden;}
.move {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
#detailpage a {-webkit-transition: 0s ease-in-out; transition: 0s ease-in-out;}

/* 상단 */
#header {position:relative; width:100%; margin:0;}

/* 상단 영역 01 */
.header_sec01 {width:1200px;margin:0 auto;height:20px;padding:12px 0px 0px;}
.header_sec01 ul {float:right;}
.header_sec01 ul li {float:left;font-size:0px;line-height:1;}
.header_sec01 ul li a {font-size:11px; color:#777; background:url('/design/pengall100/0772marketo/h_sec01_bg.gif') no-repeat;  background-position:left center; padding:0px 9px; height:20px; line-height:20px; display:table;}
.header_sec01 ul li a.join {color:#000;}
.header_sec01 ul li a.last {padding-right:0px;}
.header_sec01 ul li a:hover {color:#000;}
.header_sec01 .glo_area {position:relative;}
.header_sec01 .glo_area:hover .glo_list {display:block;}
.header_sec01 .glo_area .glo_list {display:none; position:absolute; top:20px; left:0px; border:1px solid #555; background-color:#fff; padding: 5px 0px 5px 8px; z-index:100;}
.header_sec01 .glo_area .glo_list li a {background:none; padding:0px; display:block; clear:both; height:24px; line-height:24px; width:80px; text-align:left; }
.header_sec01 .glo_area .glo_list li a:hover {color:#000; background-color:#f5f5f5;}
.header_sec01 .glo_area .glo_list li a img {vertical-align:middle; padding-right:5px;}
.header_sec01 .glo_area .glo_list li {clear:both;}
.header_sec01 .glo_area a.glo_kr {padding-left:5px;padding-right:10px;background:url('/design/pengall100/0772marketo/bt_top_ar.gif') no-repeat;background-position:99% center;position:relative; margin-right:9px;}
.header_sec01 .glo_area a.glo_kr img {float:left;padding:3px 5px 0px 0px}
#comment_top {padding-top:23px;}

/* 상단 영역 02 */
.header_sec02 {width:1200px;height:57px;margin:0 auto;position:relative;}
.header_sec02 .top_logo {float:left;}
.header_sec02 .top_search {margin-left:106px;float:left;position:relative;}
.header_sec02 .top_search input.MS_search_word {width:460px;background:transparent;border:0;height:34px;line-height:34px;border-bottom:3px solid #353535;color:#777;font-size:14px;text-indent:10px;padding:0 40px 0 0;font-family:'Nanum Gothic', sans-serif}
.header_sec02 .top_search:after {content:'';position:absolute;bottom:0;left:6px;width:3px;height:3px;background-color:#fff;}
.header_sec02 .top_search .btn-sch {position:absolute;top:2px; right:10px;}
.header_sec02 .top_cart_menu {position:absolute;bottom:0px; right:0px; font-size:0px; }
.header_sec02 .top_cart_menu ul li {float:left;padding-left:30px;}
.header_sec02 .top_cart_menu ul li.top_cart {position:relative; font-size:0px; margin-right:8px;}
.header_sec02 .top_cart_menu ul li.top_cart span {position:absolute; top:-2px; right:-8px; font-size:11px; background-color:#252525; font-family:'Roboto', sans-serif;  font-weight:700;  text-align:center; width:17px; height:17px; line-height:17px; border-radius:50%; color:#fff; }

/* 상단 영역 03 */
.top_menu_area {height:57px; border-bottom:1px solid #e5e5e5; margin-top:28px;position:relative;}
.top_menu_area .all_menu {border:1px solid #e5e5e5; width:198px; height:56px; border-bottom:1px solid #fff;float:left;position:relative;}
.top_menu_area .all_menu_btn > a {width:176px; margin:0 auto; border-bottom:1px solid #e5e5e5; height:56px; line-height:56px; text-align:left; font-size:15px; font-weight:700; color:#151515; display:block;  text-indent:10px;}
.top_menu_area .all_menu_btn > a span {background:url('/design/pengall100/0772marketo/all_cate_icon.gif') no-repeat;  background-position:0px top; display:inline-block; height:12px; width:18px; margin-right:10px; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; position:relative; top:1px;}
.top_menu_area .add_menu {margin-left:60px;float:left;font-size:0;}
.top_menu_area .add_menu a {font-size:15px; color:#151515; padding:0px 18px; letter-spacing:-0.025em;line-height:57px;vertical-align:top;}
.top_menu_area .add_menu a:first-child {padding-left:0px;}
.top_menu_area .etc_menu {float:right;}
.top_menu_area .etc_menu ul li {float:left; line-height:57px;vertical-align:top;}
.top_menu_area .etc_menu ul li > a {line-height:57px;vertical-align:top;font-size:13px; color:#666; letter-spacing:-0.015em; background:url('/design/pengall100/0772marketo/etc_menu_bg.gif') no-repeat;  background-position:left center; padding:0px 10px;}
.top_menu_area .etc_menu ul li > a:hover {color:#000;}
.top_menu_area .etc_menu ul li:first-child > a {padding-left:0px;}
.top_menu_area .etc_menu ul li.comm {background:url('/design/pengall100/0772marketo/bt_top_ar.gif') no-repeat;  background-position:99% center; position:relative;}
.top_menu_area .etc_menu ul li.comm a {padding-right:11px;}
.top_menu_area .etc_menu ul li.comm:hover  #comm_sub {display:block;}
.top_menu_area #comm_sub {display:none; position:absolute; top:57px; right:0px; width:150px; background-color:#fff; border:1px solid #555; z-index:100; padding:10px 0px;}
.top_menu_area #comm_sub a {display:block; text-align:left; height:34px; line-height:34px; font-size:12px;  margin-left:10px; padding-left:14px; color:#555; padding-right:0px;}
.top_menu_area #comm_sub a:hover {background-color:#f5f5f5;}
.top_menu_area .header_inner {width:1200px;margin:0 auto;}

/* 전체 카테고리 */
.morenvyAllCategory {min-height:400px;background:transparent;width:940px;border-right:1px solid #e5e5e5;float:left;}
#all_cate_area {margin:0 auto;position:relative; font-size:0;}
#all_cate_area ul {display:inline-block;vertical-align:top;width:158px;min-height:230px; margin:0px 13px 20px;position:relative;}
#all_cate_area ul li.a_sub_title a {font-size:12px;color:#222;font-weight:700;border-bottom:1px solid #e9e9e9;width:158px;height:34px;line-height:34px; margin-bottom:10px; letter-spacing:-0.025em;display:block;}
#all_cate_area ul li.a_sub_title a:hover {background-color:#f5f5f5;padding-left:8px;}
#all_cate_area .a_sub_cate {position:relative;}
#all_cate_area .a_sub_cate a {display:block; font-size:12px;color:#888;height:26px;line-height:26px;text-align:left;letter-spacing:-0.025em;}
#all_cate_area .a_sub_cate a.sub_mouse_hover,
#all_cate_area .a_sub_cate a:hover {background-color:#f5f5f5; padding-left:8px;}
#all_cate_area .a_sub_cate .sub_cate_on_arrow2 {position:absolute;top:35%;right:10px;background:url('/design/pengall100/0772marketo/sub_cate_on.png') no-repeat;z-index:10;width:5px;height:8px;-webkit-transition:-webkit-transform 150ms ease-out;-moz-transition:transform 150ms ease-out;-ms-transition:transform 150ms ease-out;-o-transition:transform 150ms ease-out;transition:transform 150ms ease-out}
#all_cate_area .a_sub_cate .sub_cate_on_arrow2.rotateon {-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
#all_cate_area .a_sub_cate .all_cate_sub {display:none; position:absolute;top:-11px;left:100%;min-height:auto;z-index:21;width:140px;background:#fff;border:1px solid #444;padding:10px 0 10px 10px;margin:0;border:1px solid #e5e5e5;}
#all_cate_area .a_sub_cate .all_cate_sub > li > a {display:block; font-size:12px;color:#888;height:26px;line-height:26px;text-align:left;letter-spacing:-0.025em;}
#all_cate_area .a_sub_cate .all_cate_sub > li > a:hover {background-color:#f5f5f5; padding-left:8px;}
#all_cate_menu {display:none; border:2px solid #555; position:absolute;top:57px;z-index:1000;background-color:#fff;padding:20px 25px 20px;width:1200px;height:545px;overflow:hidden;box-sizing:border-box;}
#all_cate_menu .area02 {padding:0px 0px 0px 20px;float:left;width:158px;}
#all_cate_menu .area02 ul {clear:both;}
#all_cate_menu .area02 ul li {float:left; margin:0px 13px 20px; min-height:230px;}
#all_cate_menu .area02 ul li > a {display:block; font-size:12px;color:#888;height:26px;line-height:26px;text-align:left;letter-spacing:-0.025em;}
#all_cate_menu .area02 ul li > a:hover {background-color:#f5f5f5; padding-left:8px;}
#all_cate_menu .area02 .all_cate_title { border-bottom:1px solid #e9e9e9; width:158px;margin-bottom:10px;-webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    -webkit-backface-visibility: hidden;}
#all_cate_menu .area02 .all_cate_title a {display:block; font-size:12px;color:#222;font-weight:700; width:158px;height:34px;line-height:34px; letter-spacing:-0.025em;}
#all_cate_menu .area02 .all_cate_title:hover {background-color: #f5f5f5; padding-left: 8px;-webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    -webkit-backface-visibility: hidden;}
.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url('/design/pengall100/0772marketo/mCSB_buttons.png') !important;}

#comment_top.fixed {position:fixed; top:0px; left:0%; right:0%; z-index:1000; background-color:#fff; width:100%;  margin:0 auto; padding:20px 0px 0px;  }
#comment_top.fixed .top_menu_area .all_menu {border:0px;border-left:1px solid #fff;border-right:1px solid #fff;}
#comment_top.fixed .top_menu_area .all_menu_btn > a {border-bottom:1px solid #fff;;}

/* 메인 좌측 카테고리 */
.left_cate_area { background-color:#fff;position:absolute;left:50%;margin-left:-600px;z-index:10;display:none;}
.left_cate_area .left_category { width:198px; height:499px;border:1px solid #e5e5e5;border-bottom:0;border-top:0px;background-color:#fff;overflow:hidden;}
.left_cate_area .left_category:hover {overflow:visible;}
.left_cate_area .left_category.mouse_hover {border-bottom:1px solid #e5e5e5;}

/* 메인 좌측 카테고리 */
#left_menu {margin:0 auto;padding:5px 0;background-color:#fff;width:198px;}
#left_menu > li {padding:0;text-align:left;height:38px;}
#left_menu > li > a {position:relative;font-size:13px;color:#555;letter-spacing:-0.050em;height:38px;line-height:38px;padding:0px 20px;display:block;}
#left_menu > li .mouse_hover,
#left_menu > li > a:hover {color:#000;}
#left_menu > li .sub1 {background-color:#fff;display:none!important;position:absolute;top:0;left:100%;z-index:20;width:198px;height:488px;border:1px solid #555;padding:5px 0;margin:0;}
#left_menu > li .sub1 > li {position:relative;height:38px;padding:0 0 0 10px}
#left_menu > li > a:after {content:"";position:absolute;top:50%;right:15px;background:url('/design/pengall100/0772marketo/sub_cate_on.png') no-repeat;z-index:20;width:5px;height:8px;margin-top:-4px;-webkit-transition:-webkit-transform 150ms ease-out;-moz-transition:transform 150ms ease-out;-ms-transition:transform 150ms ease-out;-o-transition:transform 150ms ease-out;transition:transform 150ms ease-out}
#left_menu > li .sub1 > li .sub_cate_on_arrow {position:absolute;top:50%;right:15px;background:url('/design/pengall100/0772marketo/sub_cate_on.png') no-repeat;z-index:20;width:5px;height:8px;margin-top:-4px;-webkit-transition:-webkit-transform 150ms ease-out;-moz-transition:transform 150ms ease-out;-ms-transition:transform 150ms ease-out;-o-transition:transform 150ms ease-out;transition:transform 150ms ease-out}
#left_menu > li > a.rotateon:after {content:"";-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
#left_menu > li .sub1 > li .sub_cate_on_arrow.rotateon {-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
#left_menu > li .sub1 > li > a {font-size:13px;color:#555;letter-spacing:-0.050em;height:38px;line-height:38px;padding:0px;display:block;text-indent:10px;}
#left_menu > li .sub1 > li > .sub_mouse_hover,
#left_menu > li .sub1 > li > a:hover {background:#f5f5f5;text-decoration:none;}
#left_menu > li .sub1 > li:first-child > a {border:0;}
#left_menu > li .sub1 > li .sub2 {display:none; position:absolute;top:-6px;left:100%;z-index:21;width:198px;background-color:#fff;border:1px solid #555;padding:5px 0;}
#left_menu > li .sub1 > li .sub2 > li {height:38px;}
#left_menu > li .sub1 > li .sub2 > li > a {font-size:13px;color:#555;letter-spacing:-0.050em;height:38px;line-height:38px;padding:0px;display:block;text-indent:10px;}
#left_menu > li .sub1 > li .sub2 > li > a:hover {background:#f5f5f5;text-decoration:none;}
#left_menu > li .sub1 > li .sub2 > li:first-child > a {border:0;}
#left_menu > li > a:only-child:after {display:none;}

/* 마이페이지 관심상품 */
#mypage .lst .item-wrap .item-cont .item-list .prd-info {text-align:left;}
#mypage .lst .item-wrap .item-cont {margin:0 auto;}
.prd-ico {padding-top:10px;}
.item-wrap .item-cont .item-list .prd-name a {font-size:14px;}
.item-wrap .item-cont .item-list .prd-price {padding-top:15px;}
.item-wrap .item-cont .item-list .prd-price .price {position:relative;margin-top: 5px;font-weight: 700;color: #222;font-size: 20px;font-family: 'Roboto','Nanum Gothic',sans-serif;letter-spacing: -0.035em;}

/* 상품 미리보기 */
#detailpage .table-opt .opt-wrap select {outline:none;border:1px solid #cccccc; color: #717171;}
#detailpage .txt-wrap .picon {padding:0;}
#detailpage .txt-wrap .picon img {padding-bottom:10px;}

.bbs-sch img {margin-top:3px;}

/* BASIC css end */