/* BASIC css start */
/* 170517 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%; }
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; }

.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;margin-top:20px;}
#wrap {background:url('') repeat-x;}
#contentWrap {background-color:#fff;padding:0;}
body {min-width:1200px;font-family:Nanum Gothic,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:Nanum Gothic,Noto Sans KR,dotum,Arial,sans-serif;}
.width1260 {width:1200px;margin:0 auto;}
#content .loc-navi {height:40px;}

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

/* 상품리스트 (검색/상품리스트)  */
.prd-list {margin:0px auto;}
.prd-list table td { border:0; vertical-align:top;text-align:center;padding-bottom:30px;}
.prd-list table .tb-center {margin:0 auto; padding:0;text-align:center;}
.prd-list table .info {position:relative; width:340px;padding:15px;text-align:left;background-color:#fff;display:inline-block; border:1px solid #dedede; border-top:0;} /* 고객님 상품사이즈에 맞게 가로세로 픽셀 조절 */
.prd-list .thumb { width:370px;height:100%;font-size:0; line-height: 0; border:1px solid #dedede;overflow:hidden;position:relative; } /* 고객님 상품사이즈에 맞게 가로세로 픽셀 조절 */
.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:18px;padding-bottom:10px;color:#333; word-break:break-all;}
.prd-list .subname { margin-top:5px;  font-weight: normal; font-size:12px;color:#888;word-break:break-all;padding-bottom:10px;}
.prd-list .consumer { margin-top:5px; color:#888;font-size:14px; text-decoration:line-through;}
.prd-list .price { margin-top:4px; font-weight: bold; color:#333;font-size:18px; }
.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 table td .salebox {padding:5px 0 0 0; background-color:#5084bd;width:70px;height:58px;position:absolute;top:-50px;left:15px;z-index:999; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.prd-list table td .salebox p {font-size:18px;color:#fff;text-align:center;display:block;letter-spacing:0;line-height:26px;font-weight:normal;}
.prd-list table td:hover .salebox {background-color:#222;color:#fff;}
.prd-list table td .salebox .sale_text {line-height:22px;color:#fff;font-size:24px;text-align:center;display:block;font-weight:bold;letter-spacing:-2px;}
.soldout {font-size:14px; font-weight:bold; color:#dc0000;}

/* 롤오버 */
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; font-size:13px;}

/* 상단 */
.top_space {height:1px;background-color:#191e21;}
#header {width:100%;}
#header .section {width:100%;height:60px;position:fixed;top:0px;z-index:100;background:rgba(255,255,255,0.1);-moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
#header .section:hover {background:rgba(0,0,0,0.5); -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s; }
#header .section .inner {width: 1200px; height:60px; margin: 0 auto;}
#header .section .inner ul {float:right; padding-right:0px;}
#header .section .inner ul li {float:left;display:table;}
#header .section .inner ul li a {font-size:11px; color:#fff; font-family:"Arial"; padding:0px 15px; display:table-cell;;height:60px; line-height:60px;vertical-align:middle;}
#header .section .inner ul li a:hover {opacity:0.5;}
#header .section .inner ul li img {vertical-align:middle;}
.cd-auto-hide-header { position: fixed; z-index: 2; top: 0; left: 0; width: 100%; height: 60px; background:rgba(255,255,255,0.1); -webkit-transform: translateZ(0); transform: translateZ(0); will-change: transform; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; }
.cd-auto-hide-header::after { clear: both;content: "";display: block;}
.cd-auto-hide-header.is-hidden {-webkit-transform: translateY(-100%); -ms-transform: translateY(-100%);transform: translateY(-100%);}

#top_fixed {position:absolute; top:60px;  margin: 0px auto; padding: 0px; height:60px; width:100%; z-index:100 !important;}
#top_fixed.fixed { position: fixed; top:0px; /*background:rgba(56,156,104,1);*/ background:rgba(0,114,54,1); z-index:9999 !important;}

#header .section2 {width:100%; height:60px; position:absolute; z-index:100; /*background:rgba(56,156,104,0);*/ background:rgba(0,114,54,0); -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 .section2:hover {/*background:rgba(56,156,104,1);*/ background:rgba(0,114,54,1); -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 .section2 .inner {width:1200px; height:60px;  margin:0 auto;}
#header .section2 .top_logo a {float:left;  font-size:24px; color:#fff; line-height:60px; font-weight:bold;}

#header .section2 .top_cate_area ul li {float:left;font-size:15px;}
#header .section2 .top_cate_area ul li a {font-size:15px; color:#fff; margin-left:45px; font-weight:500; display:block; height:60px; line-height:60px;}
#header .section2 .top_cate_area ul li a:hover {opacity:0.5;}
#header .section2 .top_cate_area ul li:first-child a {margin-left:120px;}


#header .section2 .search_btn {float:right; position:relative;vertical-align:top; width:26px;height:21px; top:19px; right:15px;}
#header .section2 .search_btn .top_search {float:left; width:26px; height:21px;}
#header .section2 .search_btn #search_input {display:none; z-index:50; position:absolute; top:0px;  right:0px; }
#header .section2 .search_btn #search_close {position:absolute; top:3px; left:-28px; cursor:pointer; opacity:0.5;}
#header .section2 .search_btn .search_form {height:25px;background-color:#fff; width:140px;margin-right:3px;}
#header .section2 .search_btn .search_word {height:25px; width:140px; font-size:12px; border-right:0px;font-family: 'Roboto Condensed','Nanum Gothic',sans-serif;}
#header .section2 .search_btn .search_word .MS_search_word {height:25px !important;width:100px; margin-right:3px; background:rgba(255,255,255,0.1); border:0px;color:#fff; padding-left:7px;}
#header .section2 .search_btn .search_word .search_inbtn {float:right; margin-right:4px;}



#header .section2 .top_community {position:relative;}
#header .section2 .top_community .mouse_hover {opacity:0.5; }
#header .section2 .top_community .community_inner { position:absolute;display:none;width:140px;top:58px;left:20px; background-color:#fff;background:rgba(255,255,255,0.9);border:2px solid #389c68; text-align:left; padding:5px;margin:0;}
#header .section2 .top_community .community_inner a {padding:0; margin:0;  font-size:12px !important; display:block; text-align:left; color:#777; text-decoration:none; height:30px; line-height:30px; width:138px; border-top:1px solid #dedede; text-indent:10px;}
#header .section2 .top_community .community_inner a:hover { padding:0; margin:0; font-size:12px;text-decoration:none;  display:block; color:#000; height:30px; line-height:30px; width:138px; border-top:1px solid #dedede; opacity:1 !important; background-color:#f9f9f9;}
#header .section2 .top_community .community_inner a:first-child {border-top:0px;}

#comment_top.fixed {position:fixed;top:8px;z-index:100;-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;  -webkit-transform: translateY(-10px); transform: translateY(-10px);  -webkit-backface-visibility: hidden;}
#comment_top.fixed .top_login_area {opacity:0;position:absolute;top:78px;height:0;overflow:hidden;}




/* 서브페이지 상단 이미지 */
.sub_img_area {width:100%; height:345px;margin-bottom:20px; position:relative;}
.sub_top_ban {width:100%; height:345px; margin:0px; padding:0px; }
.sub_top_ban .sub_top_panels{width:100%; height:345px; overflow:hidden; padding:0px; margin:0px;}
.sub_top_ban .sub_top_panel{width:100%; height:345px; overflow:hidden; padding:0px;margin:0px;}
.sub_top_ban .sub_top_panel .sub_img {width:100%; height:345px; overflow:hidden;  background:url('/design/phytoaroma/0705wishblue/sub_img_area_bg.jpg') no-repeat top center; background-size:cover;}
.sub_top_ban .text_inner {width:1200px; margin:0 auto; position:relative;}  
.sub_top_ban .text_inner .main_text_area {text-align:center; color:#fff; width:1200px;  font-size:14px; z-index:50; position:absolute; top:167px;}
.sub_top_ban .text_inner .t1 {font-size:35px; font-family:"Noto Sans KR", "Nanum Gothic", sans-serif; font-weight:500; letter-spacing:4px;}
.sub_top_ban .text_inner .t3 {font-size:16px; padding-top:10px; letter-spacing:-0.5px;}
.sub_top_ban .text_inner .btn_detail a {margin:30px auto 0px; width:138px; height:34px; border:1px solid #fff; text-align:center; line-height:34px; 
display:block; border-radius:18px; color:#fff; font-size:12px; opacity:0.5; font-family:"Open Sans", "Nanum Gothic", sans-serif; font-weight:300; }
.sub_top_ban .text_inner .btn_detail a:hover {opacity:1;}

/* BASIC css end */