/* BASIC css start */
/* header */
#header { position:relative; width:100%; background:#fff; z-index:100 }
#header.fix { margin-top:-130px; position:fixed; top:0; left:0; right:0 }
#header a:hover { text-decoration: underline; }
#header .headerTop { margin:0 auto; position:relative; width:1200px; height:130px; *zoom:1 }
#header .headerTop:after { display:block; clear:both; content:'' }
#header .headerTop .tlogo { margin:0 370px; padding-top:43px; text-align:center }
#header .headerTop .topLeft { position:absolute; top:42px; left:0 }
#header .headerTop .topLeft .searchArea { position:relative; width:358px; height:38px; border:1px solid #ddd }
#header .headerTop .topLeft .searchArea .search { margin-right:41px }
#header .headerTop .topLeft .searchArea .search input { padding-left:13px; width:300px; height:38px; border:none; background:#fff }
#header .headerTop .topLeft .searchArea .search a { display:block; position:absolute; top:0; right:0; width:41px; height:38px; text-indent:-9999em; background:url(/design/gyujkim/phps/common/btn_search.gif) 0 0 no-repeat }
#header .headerTop .topLeft .popularSearchWord { padding-top:7px; position:relative }
#header .headerTop .topLeft .popularSearchWord ul { *zoom:1 }
#header .headerTop .topLeft .popularSearchWord ul:after { display:block; clear:both; content:'' }
#header .headerTop .topLeft .popularSearchWord ul li { padding:0 14px; float:left }
#header .headerTop .topLeft .popularSearchWord ul li a { color:#777 }
#header .headerTop .topRight { position:absolute; top:3px; right:0 }
#header .headerTop .topRight .tnb {position:relative; height:12px }
#header .headerTop .topRight .tnb > ul { *zoom:1 }
#header .headerTop .topRight .tnb > ul > li { padding:7px 0 8px; float:left }
#header .headerTop .topRight .tnb > ul > li > a { display:block; padding:0 10px; height:12px; line-height:12px;  border-left:1px solid #ddd;vertical-align:top }
#header .headerTop .topRight .tnb > ul > li > a.first { border-left:none }
#header .headerTop .topRight .tnb .tnb-cs { padding:7px 0 8px; position:relative; float:left }
#header .headerTop .topRight .tnb .tnb-cs .tnb-toggle-btn { padding:0 23px 0 10px; position:relative; height:12px; vertical-align:top; line-height:12px; cursor:pointer; border-left:1px solid #ddd }
#header .headerTop .topRight .tnb .tnb-cs .tnb-toggle-btn .arr { position:absolute; top:0; right:4px; width:11px; height:11px; background:url(/design/gyujkim/phps/common/sp_tnb_toggle.gif) 0 0 no-repeat }
#header .headerTop .topRight .tnb .tnb-cs .tnb-toggle-bx { display:none; padding:0 21px 0 11px; position:absolute; top:25px; left:0 }
#header .headerTop .topRight .tnb .tnb-cs .tnb-toggle-bx a { display:block; line-height:18px }
#header .headerTop .topRight .tnb .tnb-cs.on { padding:0 }
#header .headerTop .topRight .tnb .tnb-cs.on .tnb-toggle-btn { padding:6px 22px 8px 10px; border:1px solid #ddd; border-bottom:none }
#header .headerTop .topRight .tnb .tnb-cs.on .tnb-toggle-btn .arr { top:6px; right:3px; background-position:0 -11px }
#header .headerTop .topRight .tnb .tnb-cs.on .tnb-toggle-bx { padding-bottom:6px; border:1px solid #ddd; border-top:none; background:#fff;z-index: 9; }
#header .headerTop .topRight .myMenu {padding-top: 17px;clear:both;float:right;}
#header .headerTop .topRight .myMenu ul {}
#header .headerTop .topRight .myMenu ul li { padding-left:20px; position:relative; float:left }
#header .headerTop .topRight .myMenu ul li a { display:block; color:#777; text-align:center }
#header .headerTop .topRight .myMenu ul li a i {font-size: 38px;color:#a7a7a7;margin-bottom: 3px;}
#header .headerTop .topRight .myMenu ul li a .bubble {position:absolute;top:0;right:0;color:#fff;border-radius:15px;background:#00c63c;width: 18px;height: 18px;line-height: 18px;text-align: center;font-size: 11px;}

#header .headerGnb { height:40px; border-top:1px solid #eee; border-bottom:1px solid #bbb }
#header .headerGnb .inner { margin:0 auto; position:relative; width:1200px; *zoom:1 }
#header .headerGnb .inner:after { display:block; clear:both; content:'' }
#header .headerGnb .inner .allMenuWrap { position:absolute; top:0; left:0 }
#header .headerGnb .inner .allMenuWrap #btn-allMenuOpen { position:relative; width:40px; height:40px; font-size:24px; color:#00c63c; text-align:center; line-height:42px; border-left:1px solid #eee; border-right:1px solid #eee; cursor:pointer }
#header .headerGnb .inner .allMenuWrap .allMenu { display:none; position:absolute; top:0; left:0 }
#header .headerGnb .inner .allMenuWrap .allMenu #btn-allMenuClose { margin-top:-1px; position:relative; width:40px; height:40px; font-size:24px; color:#00c63c; text-align:center; line-height:42px; border:1px solid #00c63c; border-bottom:1px solid #fff; background:#fff; cursor:pointer; z-index:10 }
#header .headerGnb .inner .allMenuWrap .allMenu .allMenuBx {position:absolute;top:40px;left:0;right:0;width:1198px;border:1px solid #00c63c;background:#fff;z-index: 9;}
#header .headerGnb .inner .allMenuWrap .allMenu .allMenuBx .allMenuInner {padding: 27px 4px; *zoom:1;}
#header .headerGnb .inner .allMenuWrap .allMenu .allMenuBx .allMenuInner:after { display:block; clear:both; content:'' }
#header .headerGnb .inner .allMenuWrap .allMenu .allMenuBx .allMenuInner a  { display: block; }
#header .headerGnb .inner .allMenuWrap .allMenu .allMenuBx .allMenuInner dl {padding: 0 25px;float:left;}
#header .headerGnb .inner .allMenuWrap .allMenu .allMenuBx .allMenuInner dl dt { margin-bottom:5px; padding-bottom:10px; border-bottom:1px solid #ddd }
#header .headerGnb .inner .allMenuWrap .allMenu .allMenuBx .allMenuInner dl dt a { font-size:16px; color:#111; font-weight:bold }
#header .headerGnb .inner .allMenuWrap .allMenu .allMenuBx .allMenuInner dl dd { padding:5px 0;width:130px; }
#header .headerGnb .inner .allMenuWrap .allMenu .allMenuBx .allMenuInner dl dd a { font-size:14px }
#header .headerGnb .inner .allMenuWrap .allMenu .allMenuBx .allMenuInner dl.allmn2 { width:260px }
#header .headerGnb .inner .allMenuWrap .allMenu .allMenuBx .allMenuInner dl.allmn2 dd { float:left; }
#header .headerGnb .inner .allMenuWrap .allMenu .allMenuBx .allMenuInner dl.fstMn dd {width: 110px;padding:8px 0;}
#header .headerGnb .inner .allMenuWrap .allMenu .allMenuBx .allMenuInner dl.fstMn dd a { font-size:16px; color:#111; font-weight:bold }
#header .headerGnb .inner .allMenuWrap .allMenu .allMenuBx .allMenuInner dl.fstMn dd.fstSale { padding-top:0; }
#header .headerGnb .inner .allMenuWrap .allMenu .allMenuBx .allMenuInner dl.fstMn dd.fstSale a { color:#00c63c;  }

#header .headerGnb .inner .gnbArea { margin-left:42px; position:relative; width:1158px; height:40px; }
#header .headerGnb .inner .gnbArea ul { *zoom:1;float:right;}
#header .headerGnb .inner .gnbArea ul:after { display:block; clear:both; content:'';}
#header .headerGnb .inner .gnbArea ul li {float:left;position:relative;width: 128px;text-align: center;}
#header .headerGnb .inner .gnbArea ul li a {display: inline-block;height:37px;border-bottom:3px solid #fff;font-size:14px;line-height:40px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;color: #777;}
#header .headerGnb .inner .gnbArea ul li.last a.gnbcate1 { color:#00c63c; font-weight:bold }
#header .headerGnb .inner .gnbArea ul li a.on { height:37px; color:#111; border-bottom:3px solid #00c63c; text-decoration:none; }
#header .headerGnb .inner .gnbArea ul li dl.gnbSub {display:none;position: absolute;top: 40px;left: 0;background: #fff;border: 1px solid #ddd;padding: 8px 0 4px 12px;width: 114px;}
#header .headerGnb .inner .gnbArea ul li dl.gnbSub dd a {font-size: 12px;line-height: 18px;height: 18px;display: block;text-align: left;}

/* 우측 메뉴 */
.fix_rt_menu { position:absolute; top:191px }
.fix_rt_menu.act { position:fixed; top:62px }

/* 사이드 메뉴 */
#blk_scroll_wings { position:relative !important }

.fix_rt_menu { margin-left:639px; position:absolute; top:191px; left:50%; width:100px; background:#fff; z-index:200 }
.fix_rt_menu .rtTop { width:98px; text-align:center; border-top:3px solid #00c63c; border-left:1px solid #ddd; border-right:1px solid #ddd }
.fix_rt_menu .rtTop .rt_tit { height:32px; color:#111; font-weight:bold; line-height:32px }
.fix_rt_menu .rtTop .rtSliderBx {padding: 0 9px 10px;overflow:hidden;height: 109px;}
.fix_rt_menu .rtTop .rtSliderBx img { width:80px; height:80px }
.fix_rt_menu .rtTop .rtSliderBx .bx-controls {position: absolute;top: 125px;left: 50%;margin-left: -28px;}
.fix_rt_menu .rtTop .rtSliderBx .bx-controls a { display:inline-block; margin:0 1px; width:26px; height:16px; text-indent:-9999em; background:url(/design/gyujkim/phps/common/sp_rt_arr.gif) 0 0 no-repeat }
.fix_rt_menu .rtTop .rtSliderBx .bx-controls .bx-prev {  }
.fix_rt_menu .rtTop .rtSliderBx .bx-controls .bx-next { background-position:0 -16px }
.fix_rt_menu .rtTop .rtSlider li { float: left; }
.fix_rt_menu .rtBtm { height:36px; text-align:center; border:1px solid #ddd; border-top:none }
.fix_rt_menu .rtBtm a { display:block; padding-top:2px; text-align:center }
.fix_rt_menu .rtBtm a i { font-size:16px; color:#00c63c; vertical-align:middle }
.fix_rt_menu .rtBtm a .tx { display:block; color:#222; font-weight:bold; line-height:12px }


/* BASIC css end */