/* BASIC css start */
/* 161212 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;  }
body, h1, h2, h3, h4, h5, h6, table, input, select, textarea, a {font-family:"Nanum Gothic",Dotum, AppleGothic, Helvetica, sans-serif;}

.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;}
.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:1060px; }
#content { width:1060px;min-height:600px;background-color:#fff;}
#wrap {background:url('')}
#contentWrap {background-color:#fff;padding:0;}

/* 게시판 상단 리스트 숨김 */
.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:240px;padding:0px;text-align:center;background-color:#fff;display:inline-block; }
.prd-list .thumb { width:240px;height:100%;font-size:0; line-height: 0; border:0; }
.prd-list .thumb a,
.prd-list .thumb img { display: block; width:100%; height: 220px;}
.prd-list .dsc { margin-top:15px;font-weight:normal;font-size:12px;padding-bottom:3px; color:#222; }
.prd-list .subname { margin-top:7px;  font-weight: bold; font-size:12px;color:#000080;text-decoration:underline}
.prd-list .consumer { margin-top:7px; color:#888;font-size:12px; text-decoration:line-through;}
.prd-list .price { margin-top:7px; font-weight: bold; color:#333;font-size:16px; }
.prd-list .icon { margin-top:5px; }
.prd-list .icon img {padding-right:2px;}
.prd-list .closeup { margin-top:7px; }

/* 롤오버 */
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;}


/* 팝업 사이드 관련 스타일 */
.mpopup_position {top:12px;left:11px; } /* 화면에서 팝업위치 */
.mpopup .bannerbig { height:325px; } /* 큰이미지 사이즈  */
.mpopup .showarea { padding:0px;  } 
.mpopup .showarea:after {content:" "; display:block; clear:both;}
.mpopup .showarea { background:#FFF;padding:0px; }  /* 테두리와 배경색상 */
.mpopup img { border:0px; }
.mpopup_position {position:absolute;display:none;z-index:9000;}
.mpopup ul { padding:0; margin:0; display:block;list-style:none; }
.mpopup li { padding:0; margin:0;  }
.mpopup .bannerbig { margin:0px; overflow:hidden;position:relative; height:325px;width:325px; float:left;}
.mpopup .bannerbig li { display:none;}
.mpopup .bannersmall { margin:0px; position:relative; height:325px;width:100px; float:left;   }
.mpopup .bannersmall li { padding:0px;overflow:hidden;float:left; text-align:center; margin:0 0px 12px 12px;  width:100px; height:100px;}
.mpopup .bannersmall li a {display:block; width:100px; height:100px;} /* 작은이미지 사이즈  */
.mpopup .drone { width:96px;height:96px; border:4px solid #fe5a59; margin:0px 0 0 334px;} /* 움직이는 네모  */
.mpopup .drone { position:absolute; z-index:9999;display:block;cursor:pointer; } 

#sidemenu1 { position:fixed; top:280px; height:100%; display:none; z-index:9999; }
#sidemenu1 .sidemenu {position:absolute;top:0px; color:#fff; font-size:14px; line-height:140%;background:#999; background:#fff; height:340px;width:450px; margin:0px; display:block; overflow:hidden; padding:10px 0 0 10px; border:1px solid #dedede;}
#sidemenu1 .sidemenu:after {content:" "; display:block; clear:both;}
#sidemenu1 .btnarea { left:461px !important; top:120px; position:relative;width:28px;height:100px;margin:0px;padding:0px; z-index:1111;}
#sidemenu1 .closebtn {cursor:pointer;position:absolute;width:28px;height:100px;background:url('/design/porsche9/0685everest/slide_close.jpg'); }
#sidemenu1 .openbtn {cursor:pointer;width:28px;height:100px;background:url('/design/porsche9/0685everest/slide_open.jpg');}
#sidemenu1 .openbtntxt { display:none; }
#sidemenu1 .closebtntxt { display:none; }

/* 상단 */
.topbanner {height:60px; margin:0px;width:100%;text-align:center; background-color:#000; }
#header { width:100%;margin:0 auto 20px; padding:0;background:none;}
#header .section1 {height:40px; width:100%; position:relative; background-color:#f8f8f8; border-bottom:1px solid #e3e3e3;}
#header .section1_area {width:1058px; height:40px; padding:0px; margin:0 auto; font-size:0px; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; }
#header .section1 .top_left  {float:left;}
#header .section1 .top_left ul li {float:left;}
#header .section1 .top_right {float:right;}
#header .section1 .top_right a {color:#777777; font-family:Arial,tahoma,verdana,dotum; font-size:10px; line-height:40px; font-weight:normal;  }
#header .section1 .top_right a:hover {text-decoration:underline;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s; color:#000;}
#header .section1 .top_right ul li {float:left; padding-right:14px; padding-left:14px; background:url("/design/porsche9/0685everest/top_menu_bg.gif") no-repeat;}
#header .section1 .top_right ul li:first-child  {background:none;}
#header .section1 .top_cart {padding-right:15px !important; padding-left:15px !important; border-left:1px solid #dedede; background:none !important;}
#header .section1 .top_cart a {color:#000; font-family:"tahoma"; font-size:11px;}
#header .section1 .t_bookmark {width:98px; height:41px; background-color:#fff; border-right:1px solid #e7e7e7;}
#header .section1 .t_bookmark a {color:#222; font-family:Arial,tahoma,verdana,dotum; font-size:10px; line-height:40px; font-weight:bold; text-align:center; display:block; }
#header .section1 .t_bookmark a:hover {text-decoration:underline;}
#header .section1 .t_cscenter {width:93px; height:40px; border-right:1px solid #e7e7e7; position:relative;}
#header .section1 .t_cscenter a {color:#777777; font-family:Arial,tahoma,verdana,dotum; font-size:10px; line-height:40px; font-weight:normal; display:block; background-color:#f5f5f5;  text-align:center;  } 
#header .section1 .t_cscenter a:hover {text-decoration:underline;}
#header .section1 .t_cscenter .board_list_box {display:none;position:absolute; left:-1px; top:40px;z-index:10; background:#f5f5f5; }
#header .section1 .t_cscenter .board_list_box ul { padding:6px 0px 6px; border:1px solid #dedede; zoom:1;}
#header .section1 .t_cscenter .board_list_box ul li {padding:0;margin:0;border:0;background:#f5f5f5;float:none;}
#header .section1 .t_cscenter .board_list_box ul li a { display:block; font-size:11px;width:150px; padding:0; line-height:22px; height:22px; color:#a5a5a5; border:0px; font-weight:normal; text-align:left; text-indent:15px;  font-family:"tahoma",'Nanum Gothic';}
#header .section1 .t_cscenter .board_list_box ul li a:hover {color:#222;background-color:#f5f5f5;text-decoration:none;}
#header .section1 .t_cscenter .board_list_box ul li:first-child a {border:0;}


#header .section2 {width:100%; height:100px; clear:both;  border-bottom:1px solid #dedede;}
#header .section2 .section2_area {width:1060px; height:100px; margin:0 auto; position:relative;}
#header .section2 .top_logo {float:left; padding-top:20px; padding-right:41px;}

#header .section2 .snsarea {padding-top:10px; float:right;}

#header .section3 {width:100%; height:100px; clear:both;  border-bottom:1px solid #c2c2c2; background-color:#f9f9f9; }
#header .section3 .section3_area {width:1060px; height:100px; margin:0 auto; position:relative;}
#header .section3 #menu {margin:0; padding:0;float:left;}
#header .section3 #menu li {position:relative;float:left;margin:0;}
#header .section3 #menu li a {display:block; height:100px; line-height:100px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;opacity: 1;}
#header .section3 #menu li .mouse_hover,
#header .section3 #menu li > a:hover {color:#fff;background-color:#003399;text-decoration:none;opacity: .5;}

#header .section4 {width:100%; height:55px; clear:both;  border-bottom:1px solid #c2c2c2; background-color:#f9f9f9; }
#header .section4 .section4_area {width:1060px; height:55px; margin:0 auto; position:relative;}
#header .section4 #menu {margin:0; padding:0;float:left;}
#header .section4 #menu li {position:relative;float:left;margin:0;}
#header .section4 #menu li a {display:block; height:55px; line-height:55px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;opacity: 1;}
#header .section4 #menu li .mouse_hover,
#header .section4 #menu li > a:hover {text-decoration:none;opacity: .5;}


/* 상단 검색창 */
.search { padding:0px; border:1px solid #cdd2d6; height:46px; width:458px; background:transparent; position:absolute; left:300px; top:30px}
.search .MS_search_word {width:400px; height:46px; border:0px; background:transparent;  line-height:46px;font-size:16px; font-weight:bold; padding-bottom:0px;color:#222; font-family:'Nanum Gothic';}
.search .btn_sh {position:absolute; bottom:0px; right:20px; cursor:pointer;}


.search fieldset {
    width:400px;
	padding-left:10px;
}

/* 상단 카테고리(고정) */
#comment_top.fixed {width:100%; position:fixed; top:0px; left:0px; z-index:2222; background-color:#fff; border-bottom:1px solid #dedede !important;}

.coupon_a{ width:396px; border:3px solid #ccc; background-color:white; 
                    -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; text-align:center; margin: 0 auto; }
.coupon_a a{ font-size:23px; height:auto; text-align:center; display:block; padding:30px; color:#ccc; font-weight:bold;   }


/* BASIC css end */