/* BASIC css start */
/* 170327 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;}
#wrap {background:url('') repeat-x;}
#contentWrap {background-color:#fff;padding:0;}
body {min-width:1100px;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,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;position:relative;}
.prd-list table .info { width: 280px;padding:0px;text-align:left;background-color:none;display:inline-block; }
.prd-list .thumb { width: 280px;height:100%;font-size:0; line-height: 0; border:1px solid #dedede; overflow:hidden;}
.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;margin-bottom:10px; color:#222; border-bottom:1px solid #d7d7d7;}
.prd-list .subname { margin-top:7px;  font-weight: normal; font-size:11px;color:#888;}
.prd-list .consumer { margin-top:7px; color:#888;font-size:12px; text-decoration:line-through;}
.prd-list .price { margin-top:5px; font-weight: bold; color:#000;font-size:12px; }
.prd-list .icon { margin-top:5px; }
.prd-list .icon img {padding-right:2px;}
.prd-list .closeup { margin-top:7px; }
.prd-list table td .sale_text {width:38px;height:38px;line-height:38px;position:absolute;top:10px;right:20px;z-index:11;background-color:#555;color:#fff;font-size:15px;text-align:center;display:none;font-family:Arial;border:1px solid #555;letter-spacing:-0.5px;-moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.prd-list table td:hover .sale_text {background-color:#fff;color:#333;}
.hover01 {-webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.hover01:hover {-webkit-transform: scale(1.1); transform: scale(1.1);}

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

/* 상단 */
.sliderkit {position:relative; }
.sliderkit a,
.sliderkit a:hover {text-decoration:none;}
.sliderkit .sliderkit-nav {z-index:10;position:absolute;text-align:center;}
.sliderkit .sliderkit-nav-clip {position:relative;overflow:hidden;margin:0 auto;}
.sliderkit .sliderkit-nav-clip ul {position:relative;left:0;top:0;list-style:none;margin:0;padding:0;}
.sliderkit .sliderkit-nav-clip ul li {float:left;}
.sliderkit .sliderkit-nav-clip ul li a {display:block;overflow:hidden;}
.sliderkit .sliderkit-btn {z-index:10;}
.sliderkit .sliderkit-panel {z-index:1;position:absolute;}
.sliderkit .sliderkit-panel-active {z-index:5;}
.sliderkit .sliderkit-panel-old {z-index:4;}


/* 메인 팝업 */
.xans-mpopup { position:absolute;} /* 메인팝업 화면에서의 위치 */
.mpopup { width:306px } /* 메인팝업 가로사이즈 */
.xans-mpopup {position:absolute;display:none;z-index:9000; top:10px;left:100px;}
.mpopup img { border:0px; }
.mpopup .showarea { padding:0px 0 0 0px; }
.mpopup .showarea { border:1px solid #dedede; border-bottom:0px; background:#f0f0f0; }  /* 테두리와 배경색상 */
.mpopup ul { padding:0; margin:0; display:block; }
.mpopup li { padding:0; margin:0; list-style:none; }
.contentslider-pop .sliderkit-nav {position:absolute; bottom:16px; left:0;width:100%;  }
.contentslider-pop .sliderkit-nav-clip ul {display:inline-block;  text-align:center;margin:0 auto;}
.contentslider-pop .sliderkit-nav-clip li a{margin:3px;text-decoration:none;width:8px;height:8px; background-color:#999; border-radius:8px; cursor:pointer;}
.contentslider-pop .sliderkit-nav-clip li.sliderkit-selected a{width:8px;height:8px; background-color:#555; border-radius:8px;}
.contentslider-pop {width:304px; height:478px; margin:0px; padding:0px; }
.contentslider-pop .sliderkit-panels{width:100%; height:478px; overflow:hidden; padding:0px; margin:0px; }
.contentslider-pop .sliderkit-panel{width:100%; height:478px; overflow:hidden; padding:0px;margin:0px;}

/* 메인 팝업 오늘하루 열지않기 영역 */
.mpopup .todayopen {height:19px;clear:both;padding:5px 10px 5px 10px;text-align:right;font-size:11px;vertical-align:top;display:block;background:#999;}
.mpopup .todayopen .mpopupnottoday { float:left;margin: 0px;padding:0px;height:13px;width:13px;display:inline-block;}
.mpopup .closetxt { cursor:pointer;width:105px;height:13px;display:inline-block;margin:3px 0px 3px 0px; color:#fff; float:left; font-size:11px;}
.mpopup .closex { cursor:pointer;width:33px;height:13px;display:inline-block;margin:3px 0px 3px 10px; color:#fff;  font-size:11px;}

/* 최상단배너 */
.m_onoffmulti .onoffarea {margin:0px;width:100%;text-align:center;overflow:hidden;display:none; }
.m_onoffmulti .btnarea {position:relative;top:0px;width:100%;height:0px;z-index:3;}
.m_onoffmulti .closebtn {cursor:pointer;margin:0 auto;position:relative;}
.m_onoffmulti .openbtn {display:none;cursor:pointer;margin:0 auto;position:relative;}
.m_onoffmulti .openbtntxt { display:none; }
.m_onoffmulti .closebtntxt { display:none; }
.m_onoffmulti .bannerli { background-repeat:no-repeat; background-position:top center;}
.m_onoffmulti .bannerli a {  display:block; }
.m_onoffmulti .mfade .bannerul { padding:0; margin:0; display:block; z-index:1; overflow:;position:relative;  }
.m_onoffmulti .mfade .bannerli { padding:0; margin:0; list-style:none;width:100%;display:none; position:absolute;}
.m_onoffmulti .mslide .bannerul { padding:0; margin:0; display:block; width:100%;  }
.m_onoffmulti .mslide .bannerli { padding:0; margin:0; list-style:none; width:100%;  }
.m_onoffmulti .nav { position:relative;top:0px;width:0px;height:0px;z-index:3;margin:0 auto;}
.m_onoffmulti .prev {position:absolute;cursor:pointer;margin:0 auto;display:block;}
.m_onoffmulti .next {position:absolute;cursor:pointer;margin:0 auto;display:block;}
.m_onoffmulti .nav {}
.m_onoffmulti .prevtxt {display:none;}
.m_onoffmulti .nexttxt {display:none;}
.m_onoffmulti_top .onoffarea { height:100px; }
.m_onoffmulti_top .mslide9 { height:100px; }
.m_onoffmulti_top .mslide .bannerul { height:100px; }
.m_onoffmulti_top .mslide .bannerli { height:100px; }
.m_onoffmulti_top .openbtn { top:0px;left:-580px;}
.m_onoffmulti_top .closebtn { top:0px;left:-580px;}
.m_onoffmulti_top .prev { top:20px;}
.m_onoffmulti_top .next { top:74px;}
.m_onoffmulti_top .prev {opacity:0.5; width:11px; height:7px; background:url('/design/joo1/0709grain/top_up.png'); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s; }
.m_onoffmulti_top .next {opacity:0.5; width:11px; height:7px; background:url('/design/joo1/0709grain/top_down.png'); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s; }
.m_onoffmulti_top .prev:hover {opacity:1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s; }
.m_onoffmulti_top .next:hover { opacity:1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.m_onoffmulti_top .openbtn { width:37px;height:39px;background:url(/design/joo1/0709grain/top_btn_open.gif); border-left:1px solid #dedede; border-right:1px solid #dedede;}
.m_onoffmulti_top .closebtn { width:37px;height:39px;background:url(/design/joo1/0709grain/top_btn_close.gif); border-left:1px solid #dedede; border-right:1px solid #dedede;}

/* 상단 */
#header {width:100%; margin:0 auto 20px; padding:0;background:none;}
#header .section {height:39px; background-color:#fff; width:100%; border-bottom:1px solid #dedede; }
#header .section .section_box {width:1200px;margin:0 auto;height:39px;line-height:39px;}
#header .section .section_box .inner1 {margin-left:39px;}
#header .section .section_box .inner1 li {float:left;}
#header .section .section_box .inner1 li a {color:#555; font-size:12px; display:block;line-height:39px;padding:0 12px;}
#header .section .section_box .inner1 li a:hover {color:#555;text-decoration:underline;}
#header .section .section_box .inner1 li.top_lan {width:65px;height:18px;line-height:18px;border:1px solid #dedede;color:#777;font-size:10px;margin-top:10px;cursor:pointer;position:relative;}
#header .section .section_box .inner1 li.top_lan img {vertical-align:top;padding:2px 3px 0 3px;}
#header .section .section_box .inner1 li.top_lan:hover {color:#333;}
#header .section .section_box .inner1 li.top_lan .top_lan_list {float:left;}
#header .section .section_box .inner1 li.top_lan .top_lan_btn {float:right;border-left:1px solid #dedede;}
#header .section .section_box .inner1 li.top_lan .top_lan_btn img {padding:0;}
#header .section .section_box .inner1 li.top_lan #top_lanmenu {display:none;border:1px solid #dedede;width:65px;position:absolute;z-index:1;top:18px;left:-1px;background-color:#fff;}
#header .section .section_box .inner1 li.top_lan #top_lanmenu ul li {width:65px;height:23px;line-height:23px;}
#header .section .section_box .inner1 li.top_lan #top_lanmenu ul li a {padding:0;line-height:23px;color:#777;font-size:10px;}
#header .section .section_box .inner1 li.top_lan #top_lanmenu ul li img {display:inline-block;padding:5px 3px 0 3px;}
#header .section .section_box .inner1 li.top_notice {border-left:1px solid #dedede;border-right:1px solid #dedede;padding:0 5px 0 20px;margin-left:14px;background:url('/design/joo1/0709grain/icon_notice.gif') no-repeat 13px 14px;}
#header .section .section_box .inner1 li.top_notice a {font-family:Nanum Gothic;}
#header .section .section_box .inner1 li.top_sns a{height:39px; display:flex; align-items:center; justify-content: center}
#header .section .section_box .inner1 li.top_sns img{border:1px solid #dcdcdc;}
#header .section .section_box .inner2 {float:right;padding:0;height:39px;}
#header .section .section_box .inner2 li {float:left;position:relative;background:url('/design/joo1/0709grain/login_area_bg.gif') no-repeat top left;}
#header .section .section_box .inner2 li a {color:#555; font-size:11px; display:block;line-height:39px;padding:0 14px;}
#header .section .section_box .inner2 li a:hover {color:#555;text-decoration:underline;}
#header .section .section_box .inner2 li:first-child {background:none;}
#header .section .section_box .inner2 #point_icon {position:absolute; z-index:1; top:30px; left:4px; text-align:center; padding:0; }
#header .section .section_box .inner2 #point_icon span {position:absolute;top:-0.5px;line-height:5px; left:50%;margin-left:-6px;color:#e4e4e4;}
#header .section .section_box .inner2 #point_icon > div {background-color:#e4e4e4; border-radius:5px; margin-top:3px; padding:0px; line-height:18px; height:18px; color:#333; font-size:11px; text-align:center;  width:50px; font-weight:bold; letter-spacing:-0.3px;}
#header .section .section_box .inner2 li.top_cart {vertical-align:middle;line-height:39px;color:#555;font-size:11px;background:none;border-left:1px solid #dedede;border-right:1px solid #dedede;}
#header .section .section_box .inner2 li.top_cart a {float:left;}
#header .section .section_box .inner2 li.top_cart a img {padding:13px 3px 0 0;}
#header .section .section_box .inner2 li.top_cart a .cart_count {padding-left:3px;}
#header .section .section_box .inner2 li.top_cart a img:hover {text-decoration:none;}

#header .section2 {width:1200px; height:188px; margin:0 auto; position:relative;}
#header .section2 .top_logo {text-align:center;height:188px;line-height:188px;vertical-align:middle;margin:0 auto;display:table; }
#header .section2 .top_logo a {vertical-align:middle;display: table-cell;}
#header .section2 .top_logo img {vertical-align:middle; }
#header .section2 .spe_menu_area {position:absolute; top:60px; left:10px;}
#header .section2 .spe_menu01 {color:#fff; width:104px; height:72px; float:left;  background:url('/design/joo1/0709grain/hexa_01.png') top center no-repeat;}
#header .section2 .spe_menu01 a {display:block; text-align:center; color:#fff;  font-size:12px; line-height:12px; margin-top:20px;}
#header .section2 .spe_menu02 {color:#fff; width:104px; height:72px; float:left;  background:url('/design/joo1/0709grain/hexa_02.png') top center no-repeat; margin-left:9px;}
#header .section2 .spe_menu02 a {display:block;  text-align:center; color:#222;  font-size:12px; line-height:12px; margin-top:20px;}
#header .section2 .spe_menu03 {color:#fff; width:104px; height:72px; float:left;  background:url('/design/joo1/0709grain/hexa_03.png') top center no-repeat; margin-left:9px;}
#header .section2 .spe_menu03 a {display:block;  text-align:center; color:#222;  font-size:12px; line-height:12px; margin-top:20px;}

#header .section2 .top_ban_slide { width:330px; height:96px; position:absolute; top:45px; right:37px;}
.contentslider-std {width:330px;height:96px;padding:0px;margin:0px; }
.contentslider-std .sliderkit-panels{width:330px;height:96px;overflow:hidden;padding:0px;margin:0px;background:transparent;}
.contentslider-std .sliderkit-panel{width:330px;height:96px;overflow:hidden;padding:0px;margin:0px;background:transparent;}
.contentslider-std .sliderkit-go-btn{position:absolute;;z-index:2222; }
.contentslider-std .sliderkit-go-prev{right:-26px; top:32px;}
.contentslider-std .sliderkit-go-next{right:-26px; top:48px;}
.contentslider-std .sliderkit-go-btn a{display:block; cursor:pointer; }
.contentslider-std .sliderkit-go-prev a{background:url("/design/joo1/0709grain/top_ban_slide_btn01_off.gif") no-repeat 0 0; width:15px;height:16px;}
.contentslider-std .sliderkit-go-next a{background:url("/design/joo1/0709grain/top_ban_slide_btn02_off.gif") no-repeat 0 0; width:15px;height:15px;}
.contentslider-std .sliderkit-go-prev a:hover{background:url("/design/joo1/0709grain/top_ban_slide_btn01_on.gif") no-repeat 0 0;}
.contentslider-std .sliderkit-go-next a:hover{background:url("/design/joo1/0709grain/top_ban_slide_btn02_on.gif") no-repeat 0 0; }

#header .section3 {background:url("/design/joo1/0709grain/top_menu_bg.gif") no-repeat  center;  width:100%; height:58px; border-top:1px solid #dedede; border-bottom:1px solid #dedede;}
#header .section3 .section_box {width:1199px;margin:0 auto; height:58px; position:relative;}
#header .special-con {cursor: pointer; display: inline-block; width:55px;  padding-top:19px; padding-bottom:20px; border-top:0px solid #222; background-color:#555;}
#header .bar {display:block; height: 1px; width: 16px;background: #fff; margin:4px auto;  }
#header .col {display: inline-block; float:left; text-align: center; height: auto;position: relative; }
#header .special-con {margin:0 auto;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}




#header .section3 #all_cate_area a:hover {text-decoration:underline;}
#header .section3 #all_cate_area  {display:none; z-index:50; position:absolute; top:58px;  border:1px solid #222; width:1198px; height:605px; margin:0px; padding:0px; font-size:0px;  background-color:#fff;}
#header .section3 #all_cate_area .all_cate_section01 {height:47px; width:1198px; border-bottom:1px solid #dedede; clear:both; }
#header .section3 #all_cate_area .all_cate_close {float:left; background-color:#000; width:177px; height:47px; }
#header .section3 #all_cate_area .all_cate_close a { color:#fff; font-size:14px; text-align:left; display:block;  line-height:47px; padding-left:20px; background:url('/design/joo1/0709grain/close_bg.gif') no-repeat; background-position:149px 18px;}
#header .section3 #all_cate_area .all_cate_close a:hover {text-decoration:none;}
#header .section3 #all_cate_area .all_cate_comm {width:836px; background-color:#f0f0f0; float:left; text-align:left; height:47px; }
#header .section3 #all_cate_area .all_cate_comm a {font-size:14px; color:#333;  padding:15px; line-height:47px; height:47px; }
#header .section3 #all_cate_area .all_cate_comm a:first-child {padding-left:22px;}
#header .section3 #all_cate_area .all_cate_best a {float:left; width:92px; line-height:47px; text-align:center; background-color:#f9f9f9; display:block; height:47px; color:#333; font-size:14px; border-left:1px solid #dedede;}
#header .section3 #all_cate_area .all_cate_sale a {float:left; width:91px; line-height:47px; text-align:center; background-color:#fff; display:block; height:47px; color:#333; font-size:14px; border-left:1px solid #dedede;}



/*#header .section3 #all_cate_area .all_cate_section02 {width:1198px; clear:both; background:url('/design/joo1/0709grain/all_cate_bg.gif') repeat-y ; width:1198px; min-height:424px; margin-top:20px; margin-bottom:20px; }
#header .section3 #all_cate_area .all_cate_section02 ul {margin-top:0px; clear:both;}
#header .section3 #all_cate_area .all_cate_section02 ul li {float:left; width:170px; margin-left:14px; margin-right:14px;}
#header .section3 #all_cate_area .all_cate_section02 ul li:first-child {margin-left:19px !important;}
#header .section3 #all_cate_area .all_cate_section02 .a_sub_title a {font-size:13px; color:#222; display:block; width:170px; border-bottom:1px solid #222; text-align:left; font-weight:bold; padding-bottom:10px; margin-bottom:10px;}
#header .section3 #all_cate_area .all_cate_section02 .a_sub_cate a {font-size:11px; color:#333; text-align:left; line-height:24px; display:block;}
#header .section3 #all_cate_area .all_cate_section02 .a_sub_cate a:hover {color:#000;}
#header .section3 #all_cate_area .all_cate_section02 {width:1198px; clear:both; background:url('/design/swimplus/0724millrain/all_cate_bg.gif') repeat-y ; width:1198px; min-height:512px; margin-top:20px; margin-bottom:20px; }*/




#header .section3 #all_cate_area .all_cate_section02 {overflow-x:scroll; height:537px; width:1198px; clear:both; background:url('/design/joo1/0709grain/all_cate_bg.gif') repeat-y ; width:1198px; min-height:512px; margin-top:20px; margin-bottom:20px; }
#all_cate_area .all_cate_section02 > ul {float:left;width:16.66%;min-height:340px;margin:0;}
#all_cate_area .all_cate_section02 ul li {width:172px;margin:0 auto;}
#all_cate_area .all_cate_section02 ul li.a_sub_title a {font-size:13px; color:#222; display:block;border-bottom:1px solid #222;text-align:left; font-weight:bold; padding-bottom:10px; margin-bottom:10px;}
#all_cate_area .all_cate_section02 .a_sub_cate {position:relative;height:24px;}
#all_cate_area .all_cate_section02 .a_sub_cate a {font-size:11px; color:#333; text-align:left; line-height:24px; display:block; letter-spacing:-0.5px;}
#all_cate_area .all_cate_section02 .a_sub_cate a.sub_mouse_hover,
#all_cate_area .all_cate_section02 .a_sub_cate a:hover {color:#000;}
#all_cate_area .all_cate_section02 .a_sub_cate .sub_cate_on_arrow {position:absolute;top:50%;right:5px;background:url('/design/joo1/0709grain/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}
#all_cate_area .all_cate_section02 .a_sub_cate .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)}

#all_cate_area .all_cate_section02 .a_sub_cate .all_cate_sub {display:none; position:absolute;top:-5px;left:100%;z-index:21;width:104px;background-color:#fff;border:1px solid #777;padding:5px 10px;border-radius:5px;-webkit-border-radius:5px; -moz-border-radius:5px;}
#all_cate_area .all_cate_section02 .a_sub_cate .all_cate_sub > li {width:auto;height:24px;}
#all_cate_area .all_cate_section02 .a_sub_cate .all_cate_sub > li > a {text-align:left;display:block;line-height:24px;height:24px;font-size:12px;color:#777;padding:0;margin:0;text-indent:0;}
#all_cate_area .all_cate_section02 .a_sub_cate .all_cate_sub > li > a:hover {color:#333;}





#header .section3 #left_menu {margin:0; padding:0;float:left;width:1087px;font-size:0;}
#header .section3 #left_menu li {padding:0;text-align:center;position:relative;display:inline-block;}
#header .section3 #left_menu li > a {display:block; color:#fff; font-size:16px; line-height:58px;padding:0 10px; font-weight:bold; background:url('/design/joo1/0709grain/top_menu_line.gif') no-repeat top left;font-family:"Open Sans","Nanum Gothic",sans-serif;}
#header .section3 #left_menu li:first-child a {background:none;}
#header .section3 #left_menu li .mouse_hover,
#header .section3 #left_menu li .top_sub {background-color:#fff;display:none; position:absolute;top:-1x;left:0;z-index:20;width:210px; }
#header .section3 #left_menu li .top_sub .sub {border:1px solid #ccc;border-top:0;padding:10px 5px 5px 5px;}
#header .section3 #left_menu li .top_sub .sub a {text-align:left;display:block;border-top:1px solid #eaeaea;line-height:35px; height:35px;font-size:12px;color:#a1a1a1;padding-left:10px;}
#header .section3 #left_menu li .top_sub .sub a:hover {color:#444;background-color:#f5f5f5; text-decoration: none;}
#header .section3 #left_menu li .top_sub .sub a:first-child {border:0;}

#header .section3 .searh_btn {float:right; }
#header .section3 .searh_btn img{padding-top:20px;}
#header .search_area {display:none; position:absolute; z-index:49; background-color:rgba(255,255,255,0.8); width:100%; height:250px; color:#222; }
#header .search_inner {width:1200px; margin:0 auto; position:relative;  }
#header .search_area p.close {position:absolute; top:-50px; right:20px; font-size:22px; color:#555; font-family:"Open Sans", "Nanum Gothic", sans-serif;  font-weight:normal; cursor:pointer;}
#header .search_inner2 {height:70px; border-bottom:1px solid #222; width:1200px; clear:both; margin:70px auto 0px; }
#header .search_area .MS_search_word {background:none; border:0px; width:1150px;height:70px; line-height:70px ;color:#222; font-size:24px; vertical-align:top; float:left; font-family: "Nanum Gothic", sans-serif; }
#header .search_btn {position:absolute; top:10px;right:0px;cursor:pointer;}

/* 상단 카테고리(고정) */
#comment_top.fixed { position:fixed; top:0px; left:0px; z-index:99; background-color:#fff;}
#header .search_area.safixed {position:fixed;height:180px;top:60px;z-index:49;}


/* BASIC css end */