/* BASIC css start */
/* 170414 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;}
.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",Nanum Gothic,dotum,Arial,sans-serif; font-weight:300;}
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, a {font-family:"Noto Sans KR",Nanum Gothic,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;}
.prd-list table .tb-center {margin:0 auto; padding:0;text-align:center;}
.prd-list table .info { width:245px;  padding:0px;text-align:center;background-color:#fff;display:inline-block; } /* °í°´´Ô »óÇ°»çÀÌÁî¿¡ ¸Â°Ô °¡·Î¼¼·Î Çȼ¿ Á¶Àý */
.prd-list .thumb { width:245px; height:100%;font-size:0; line-height: 0; border:1px solid #dedede;overflow:hidden;position:relative } /* °í°´´Ô »óÇ°»çÀÌÁî¿¡ ¸Â°Ô °¡·Î¼¼·Î Çȼ¿ Á¶Àý */
.prd-list .thumb:hover {border:1px solid #999;}
.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:17px; }
.prd-list .icon { margin-top:5px; }
.prd-list .icon img {padding-right:2px;}
.prd-list .closeup { margin-top:7px; }
.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;}

/* »ó´Ü */
#header {width:100%; clear:both; background:none;margin-bottom:20px;}
#header .section {clear:both; height:36px; background-color:#fff; width:100%; border-bottom:1px solid #dedede; }
#header .section .top_login_inner {width:1200px; height:36px; line-height:36px; margin:0 auto; position:relative;}
#header .section .top_login_inner a {color:#444; font-size:12px; line-height:36px; }
#header .section .top_login_inner a:hover {color:#000; background-color:#fff;}
#header .section a.btn_top_favor {color:#222; width:91px; text-align:center; border-left:1px solid #dedede; border-right:1px solid #dedede;line-height:36px;}
#header .section a.btn_top_cs {padding-left:32px; padding-right:20px; text-align:center;  background:url("/design/ontree01/0713pureskin/bg_csmenu.gif");  background-repeat:no-repeat;  background-position:18px 14px; }
#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 {margin-right:21px;}
#header .section .login_right ul li {float:left; position:relative;}
#header .section .login_right a {padding:0px 7px; color:#777777;}

#header .section .login_right #point_icon {position:absolute; z-index:2; top:34px; left:-33px; text-align:center; padding:0; }
#header .section .login_right #point_icon span {position:absolute;top:-5px;line-height:5px; left:50%;margin-left:-6px;color:#000;}
#header .section .login_right #point_icon > div {display:block; width:125px; margin:0; height:20px; line-height:19px;background:#000; border-radius:10px;font-size:12px;color:#fff; letter-spacing:1px;}


#header .section .login_right a.bgnone {background-color:#000; width:21px !important; height:21px; display:block; font-weight:500; color:#fff; border-radius:21px; padding:0px !important;line-height:21px !important; text-align:center; margin-top:8px;}
#header .section .font-black {color:#222 !important; }
#header .section .font-black1 {color:#222 !important; padding:0 3px 0 7px !important;}
#header .section .top_sns {margin-top:6px;}
#header .section .top_sns a {display:block;}
#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-left:5px;}
#header .section .board_list_box {position:absolute; display:none; width:100px; top:36px; left:0px; background-color:#fff; z-index:2222; 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:80px;  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:80px; background-color:#f5f5f5 !important;}

#header .section1 {width:1200px; margin:0 auto; height:119px; position:relative;}
#header .section1 .search { margin:0 auto 0px; position:relative; width:506px; padding-top:37px;}
#header .section1 .search .MS_search_word {float:left; height:42px;line-height:42px;font-size:12px; width:395px; padding:0px;margin:0px; border:1px solid #eee; background-color:#fbfbfb; color:#777;  border-right:0px; border-left:0px;text-indent:10px; font-family:"Noto Sans KR", sans-serif; }
#header .section1 .search .btn_sh {float:left;}


#header .section1 .logo_top {position:absolute; top:0px; left:0px;}
#header .section1 .logo_top a {display:block; font-size:0;}




#header .section1 .ban_top  {position:absolute; top:0; right:0; width:230px; height:120px; }
#header .section1 .ban_top .swiper-slide {}
#header .section1 .ban_top .swiper-slide a {display:block; }



/* »ó´Ü Ä«Å×°í¸®(°íÁ¤) */
#comment_top.fixed { width:100%; position:fixed; top:0px; left:0px; z-index:2222; background-color:#fff;}
#header .section2 {width:100%; height:46px; border-top:2px solid #333333;border-bottom:1px solid #e7e7e7}
#header .section2 .inner {width:1200px;margin:0 auto; height:46px; position:relative;}
#header .section2 .all_cate_icon {float:left;cursor:pointer;}

/* »ó´Ü ÀüüīÅ×°í¸® */
#all_cate_area {display:none; z-index:19; position:absolute; top:46px;  border:2px solid #303030; width:1196px; height:436px; margin:0px; padding:0px; font-size:0px;  background-color:#fff;}
#all_cate_area .all_cate_close {position:absolute;right:0px; background-color:#010101; width:60px; height:40px; }
#all_cate_area .all_cate_close a { color:#fff; font-size:13px; text-align:left; display:block;  line-height:38px; padding-left:10px; background:url('/design/ontree01/0713pureskin/close_bg.gif') no-repeat; background-position:40px 14px;}
#all_cate_area .all_cate_section01 {height:760px; width:441px; border-right:1px solid #ebebeb; float:left; }
#all_cate_area .all_cate_section02 {width:1196px; float:left; height:571px; }
#all_cate_area .all_cate_section02 .ban {width:754px;height:324px;clear:left;} 
#all_cate_area .all_cate_section02 ul {margin-top:0px; clear:both; height:247px;}


#all_cate_area .all_cate_section02 ul li {float:left; width:198px; margin:0px;border-right:1px solid #ebebeb; height:435px; }

#all_cate_area .all_cate_section02 .a_sub_title {background:#f4f4f4;border-bottom:1px solid #ebebeb;height:39px;line-height:39px;width:200px; }
#all_cate_area .all_cate_section02 .a_sub_title a {font-size:13px; color:#333; display:block; width:200px;  text-align:left; font-weight:500;line-height:39px;text-indent:13px;}


#all_cate_area .all_cate_section02 ul li:last-child {float:left; width:129px; border-right:0px solid #ebebeb }
#all_cate_area .all_cate_section02 ul li:last-child .a_sub_title {background:#f4f4f4;border-bottom:1px solid #ebebeb;height:39px;line-height:39px;width:200px; }
#all_cate_area .all_cate_section02 ul li:last-child .a_sub_title a  {font-size:13px; color:#333; display:block; width:129px;  text-align:left; font-weight:500; text-indent:13px; }

#all_cate_area .all_cate_section02 .a_sub_cate {margin-top:10px;}
#all_cate_area .all_cate_section02 .a_sub_cate a {font-size:12px; color:#777777; text-align:left; line-height:16px; margin-bottom:12px; display:block;text-indent:13px; letter-spacing:-0.1em;}
/* #txt_int a {text-indent:5px !important;}*/
#all_cate_area .all_cate_section02 .a_sub_cate a:hover {color:#333;}

#header .top_menu_cate {float:left;width:1144px;height:46px;position:relative;}

#header .section2 #left_menu li {padding:0;text-align:center; position:relative; display:inline-block; float:left; height:46px;}
#header .section2 #left_menu li > a {display:block;font-size:14px; color:#000; height:46px;line-height:46px;background:url('/design/ontree01/0713pureskin/icon_cateline.png') no-repeat 1px 0px; padding:0 44px;font-family:"Noto Sans KR", sans-serif;}
#header .section2 #left_menu li:first-child a {background:none;}
#header .section2 #left_menu li .mouse_hover,
#header .section2 #left_menu li > a:hover {text-decoration:none;color:#ff4f64;}
#header .section2 #left_menu li .top_sub {background-color:#fff;display:none; position:absolute;top:46px;left:50%;margin-left:-85px;z-index:20;width:170px;}
#header .section2 #left_menu li .top_sub .sub {border:1px solid #222;padding:20px; min-height:240px;}
#header .section2 #left_menu li .top_sub .arrow_hover {position:absolute;top:0;left:50%;margin:-7px 0 0 -3px;background:url('/design/ontree01/0713pureskin/cate_icon.png') no-repeat;z-index:22;width:12px;height:7px;}
#header .section2 #left_menu li .top_sub .sub a {letter-spacing:-0.5px; text-align:left;display:block;border-top:1px solid #dedede;line-height:28px; height:28px;font-size:12px;color:#666;padding:0;margin:0;font-family:"Noto Sans KR", sans-serif;}
#header .section2 #left_menu li .top_sub .sub a:hover {color:#222;text-decoration:none;padding-left:4px;}
#header .section2 #left_menu li .top_sub .sub a:first-child {border:0;}


#header .section2 #left_menu li .top_sub {top:46px;left:0;margin-left:0; width:350px;}
#header .section2 #left_menu li .top_sub .arrow_hover {left:72px;}
#header .section2 #left_menu li .top_sub .sub .sub_inner {float:left;width:140px;}
#header .section2 #left_menu li .top_sub .cate01_img {float:right;}

.top_space {width:110px;}

.top_img {text-align:center;}





/* BASIC css end */