/* BASIC css start */
/* 170427 morenvy */
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%;overflow-y:scroll; }
li { list-style:none; }
img,fieldset { border:none; vertical-align:top; }
table { border:0; border-spacing:0; border-collapse:collapse; }
th,td { border:0;  }

.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; }
.relative {position:relative;}

.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;}
.pdt130 {padding-top:130px;}

.pdb10 {padding-bottom:10px;}
.pdb20 {padding-bottom:20px;}
.pdb15 {padding-bottom:15px;}
.pdb40 {padding-bottom:40px;}
.mrt20 {margin-top:20px;}

/* 공통레이아웃 */
#header, #layerWrap, #contentWrap, #ftLink .link, #footer { width:1200px; }
#content { width:1200px;min-height:600px;background-color:#fff;}
#contentWrap {background-color:#fff;}
body {min-width:1200px;font-family:'Noto Sans KR',dotum,Arial,sans-serif}
a {selector-dummy: expression(this.hideFocus=true);  text-decoration:none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
body, h1, h2, h3, h4, h5, h6, table, input, select, textarea, a {font-family:'Noto Sans KR',dotum,Arial,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:30px;position:relative;}
.prd-list table .tb-center {width:250px;margin:0 11px;padding:0;/*border:1px solid #dedede;*/ border:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;} /* 고객님 상품사이즈에 맞게 가로세로 픽셀 조절 */
.prd-list table .info { padding:0px 15px 20px;text-align:center;background-color:#fff;display:inline-block; }
.prd-list .thumb { width:100%;height:100%;font-size:0; line-height: 0;border:0;/*border-bottom:1px solid #dedede;*/overflow:hidden;position:relative }
.prd-list table .tb-center:hover {/*border:1px solid #999;*/ border:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}

.prd-list .thumb a,
.prd-list .thumb img { display: block; width:100%; height: 100%;}
.prd-list .dsc { margin-top:15px;font-weight:normal;font-size:16px;padding-bottom:5px;color:#222; word-break:break-all;}
.prd-list .subname { margin-top:5px;  font-weight: normal; font-size:12px;color:#888;word-break:break-all;padding-bottom:5px;}
.prd-list .consumer { margin-top:5px; color:#888;font-size:12px; text-decoration:line-through;}
.prd-list .price { margin-top:3px; font-weight: bold; color:#333;font-size:16px;letter-spacing:-0.5px;}
.prd-list .icon { margin-top:5px; }
.prd-list .icon img {padding-right:2px;}
.prd-list .closeup { margin-top:7px; }
.hover01 {-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .2s ease-in-out;transition: .2s ease-in-out;}
.hover01:hover {-webkit-transform: scale(1.1);transform: scale(1.1);}

.prd-list .salebox .salebig {width: 60px; height: 60px; background-color: #222; color: #fff; position: absolute; left: 10px; bottom: 10px; z-index: 10; text-align: center; border-radius:50px; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.prd-list .salebox .salebig span {font-size:13px; padding-top:12px;font-weight:normal;line-height: 18px;display:block;}
.prd-list .salebox .salebig .sale_text { font-size: 17px; font-weight: bold; padding: 0; letter-spacing: -0.5px; line-height: 18px; }
.prd-list table .tb-center:hover .salebig { background-color: #6aa112; color: #fff;-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }

/* 롤오버 */
a img.menuon {display:none;}
a img.menuoff {display:inline;}
a:hover img.menuon {display:inline;}
a:hover img.menuoff {display:none;}

/* 하단 페이징 */
.paging {padding-bottom:20px;}

/* 상단 */
#header {width:100%;height:130px;margin-bottom:20px;}
#header .section {height:45px; background-color:#fff; width:100%; border-bottom:1px solid #dedede; }
#header .section .top_login_inner {width:1200px; height:45px; line-height:45px; margin:0 auto;  position:relative;}
#header .section .top_login_inner a {color:#444; font-size:11px; line-height:45px; }
#header .section .top_login_inner a:hover {color:#000; background-color:#fff;}
#header .section .btn_top_favor {color:#222; width:115px; text-align:center; border-left:1px solid #dedede; border-right:1px solid #dedede; border-bottom:1px solid #fff;}
#header .section a.btn_top_cs {padding-left:30px; padding-right:20px; text-align:center;  background:url("/design/skyvill/0716exmaesil/bg_csmenu.gif");  background-repeat:no-repeat;  background-position:16px 18px; }
#header .section a.btn_top_cs2 {text-align:center; padding-right:10px; }
#header .section .login_left ul li {float:left;}
#header .section .login_left a {display:block;}
#header .section .login_right ul li {float:left; position:relative;}
#header .section .login_right a {padding:0px 10px; color:#777777;}
#header .section .login_right a.bgnone {background-color:#6aa112; height:23px; padding:5px 10px; color:#fff; border-radius:2px; margin-right:6px;}
#header .section .login_right .topright_line {border:1px solid #dedede;border-top:0;border-bottom:0;}
#header .section .login_right .topright_line a {padding:0;}
#header .section .login_right .topright_line #search_mini_box { display:none;position:absolute;top:45px;right:-1px;height:45px;width:300px;font-size:0;vertical-align:top;background-color:#fff;border:1px solid #dedede;z-index:11;}
#header .section .login_right .topright_line #search_mini_box .MS_search_word {background:none;padding:0;margin:0;border:0;width:246px;height:45px;line-height:45px;color:#777;font-size:14px;font-family:Nanum Gothic;font-weight:normal;vertical-align:top;padding-left:10px;}
#header .section .login_right .topright_line #search_mini_box input::-ms-clear {display:none;}
#header .section .login_right .topright_line #search_mini_box .btn-sch {vertical-align:top;cursor:pointer;}
#header .section .login_right .topright_line #search_mini_box .close {position:absolute;top:-35px;right:5px;height:30px;cursor:pointer;background-color:#fff;}
#header .section .login_right .topright_line #search_mini_box .close img {width:80%;}

#header .section .mypage { position:relative; width:67px; padding:0 !important; }
#header .section .mypage > a { display:block;text-align:center;margin:0;height:46px;line-height:47px; padding:0px; background:url(' ') no-repeat; }
#header .section .mypage div { display:none; position:absolute; z-index:15; top:45px; left:-10px; width:80px; padding:5px 0; background:#fff; border:1px solid #dedede;border-top:0; }
#header .section .mypage div a { display:block; padding:0;text-align:center; color:#828282; font-size:11px; height:30px;line-height:30px; }
#header .section .mypage a:hover {color: #222;}
#header .section .mypage.hover > a { padding:0px;color:#2c2c2c;text-align:center;background:#fff url(' ') no-repeat; border:0;}
#header .section .mypage.hover > div { display:block; padding:5px;}
#header .section .mypage.hover > div a {text-align:left;padding-left:10px;}
#header .section .mypage.hover > div a:hover {color:#222;height:38px; line-height:38px !important;background-color:#f5f5f5;}
#header .section .font-black {color:#000 !important; }
#header .section .top_sns a {display:block;line-height:22px;}
#header .section .top_sns img {border:1px solid #dedede;}
#header .section .top_sns img:hover {border:1px solid #242424; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;  transition: all 0.5s; }
#header .section .top_sns ul li {float:left;margin:11px 0 0 5px;line-height:22px;}
#header .section .board_list_box {position:absolute; display:none; width:110px; top:44px; left:116px; background-color:#fff; z-index:15; border:1px solid #dedede; border-top:1px solid #fff; text-align:left;}
#header .section .board_list_box .comm1 { margin:5px auto; }
#header .section .board_list_box .comm1 a {margin:0 auto; font-size:11px; display:block; text-align:left; color:#666; text-decoration:none; height:30px; line-height:30px !important; width:100px;  text-indent:10px;  }
#header .section .board_list_box .comm1 a:hover {font-size:11px;text-decoration:none;  display:block; color:#000; height:38px; line-height:38px !important; width:100px; background-color:#f5f5f5 !important;}

#header .section2 {width:100%; height:83px; position:relative; border-bottom:1px solid #dedede;}
#header .section2 .inner {width:1200px; margin:0 auto; height:83px; position:relative; }
#header .section2 .top_logo {float:left; padding-top:10px; padding-left:10px;}
#header .section2  .ban_cart {position:absolute; top:30px; right:34px; width:29px; height:26px; font-size:0px;}
#header .section2  .ban_cart .top_cart {position:absolute; top:-10px; right:-10px;}
#header .section2  .ban_cart .top_cart a {display:block; font-weight:bold; line-height:20px; height:20px; width:20px; text-align:center; color:#fff; font-size:11px; background-color:#6aa112; border-radius:20px; font-family:"Arial"}

#header .section2 #left_menu {float:left;margin-left:50px;}

#header .section2 #left_menu > li:nth-child(2) { display:none;}


#header .section2 #left_menu > li {padding:0;text-align:center;position:relative;display:inline-block;float:left;height:83px;padding:0 18px;}
#header .section2 #left_menu > li > a {display:block;font-size:16px;color:#222; height:83px;line-height:83px;font-weight:bold;}
#header .section2 #left_menu > li .mouse_hover,
#header .section2 #left_menu > li > a:hover {box-shadow:0 2px 0 0  rgba(106,161,18,1) inset;}
#header .section2 #left_menu > li .sub1 {background-color:#fff;display:none; position:absolute;top:83px;left:-1px;z-index:20;width:140px;border:1px solid #dedede;border-top:0;padding:10px 5px 5px 5px;}
#header .section2 #left_menu > li .sub1 > li {position:relative;height:38px;}
#header .section2 #left_menu > li .sub1 > li .sub_cate_on_arrow {position:absolute;top:50%;right:2px;background:url('/design/skyvill/0716exmaesil/sub_cate_on.png') no-repeat;z-index:20;width:5px;height:8px;margin-top:-2px;-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}
#header .section2 #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)}
#header .section2 #left_menu > li .sub1 > li > a {text-align:left;display:block;border-top:1px solid #eaeaea;line-height:38px; height:38px;font-size:12px;color:#666;padding:0 0 0 10px;margin:0;}
#header .section2 #left_menu > li .sub1 > li > .sub_mouse_hover,
#header .section2 #left_menu > li .sub1 > li > a:hover {color:#444;background-color:#f5f5f5;text-decoration:none;}
#header .section2 #left_menu > li .sub1 > li:first-child > a {border:0;}
#header .section2 #left_menu > li .sub1 > li .sub2 {display:none; position:absolute;top:-10px;left:100%;z-index:21;width:150px;background-color:#fff;border:1px solid #ccc;padding:10px 5px 5px 5px;border-radius:5px;-webkit-border-radius:5px; -moz-border-radius:5px;}
#header .section2 #left_menu > li .sub1 > li .sub2 > li {height:38px;}
#header .section2 #left_menu > li .sub1 > li .sub2 > li > a {text-align:left;display:block;border-top:1px solid #eaeaea;line-height:38px; height:38px;font-size:12px;color:#666;padding:0 0 0 10px;margin:0;}
#header .section2 #left_menu > li .sub1 > li .sub2 > li > a:hover {color:#444;background-color:#f5f5f5;text-decoration:none;}
#header .section2 #left_menu > li .sub1 > li .sub2 > li:first-child > a {border:0;}


/* 상단 카테고리(고정) */
#comment_top.fixed {width:100%; position:fixed; top:0px; left:0px; z-index:15; background-color:#fff; }


/* BASIC css end */