/* BASIC css start */
/* 텍스트 깜빡임 */
@keyframes blink-effect {
  50% {opacity: 0;}
}

.blink {
  animation: blink-effect 1s step-end infinite;

  /*
  animation-name: blink-effect;
  animation-duration: 1s;
  animation-iteration-count:99999999;
  animation-timing-function:step-end;
  */
}

/* 최상단 배너 영역 */
#topBanner { display:none; position:relative; width:100%; height:80px; overflow:hidden }
#topBanner .bnnr_bx { margin-left:-960px; position:absolute; top:0; left:50%; width:1920px; height:110px; }
#topBanner .bnnr_bx img { display:block; }
#topBanner .bnnr_bx p.bt_closeBanner { margin-left:605px; position:absolute; top:23px; left:50%; width:30px; height:30px; text-indent:-9999em; cursor:pointer; z-index:10; background:url(/design/ematkorea0/10275/common/btn_topbanner_close.png) 0 0 no-repeat; }

/* header 상단 메뉴 */
#header { position:sticky; top:0; width:100%; background:#fff; z-index:100 }

#header .hd_top { height:109px; }
#header .hd_top .hd_top_wrap { width:1200px; height:109px; margin:0 auto; }
#header .hd_top .hd_top_logo { width:273px; float:left; }

#header .hd_top .hd_top_icon { width:209px; font-size:13px; color:#6a6a6a; padding-top:50px; float:left; }
#header .hd_top .hd_top_icon span { padding-right:10px; }
#header .hd_top .hd_top_icon span a { font-size:13px; color:#6a6a6a; }
#header .hd_top .hd_top_icon span img { vertical-align:middle; padding-right:6px; }

#header .hd_top .hd_top_search { width:360px; padding-top:34px; float:left; }
#header .hd_top .hd_top_search fieldset {width:356px; height:41px; border:2px solid #2464a8; border-radius: 25px;}
#header .hd_top .hd_top_search input { width:305px; height:41px; padding-left:10px; border:0; float:left; border-radius: 25px; color: red; font-weight: bold; animation: blink-effect 1s step-end infinite;

  /*
  animation-name: blink-effect;
  animation-duration: 1s;
  animation-iteration-count:infinite;
  animation-timing-function:step-end;
  */
}

#header .hd_top .hd_top_search input:focus { color: black; font-weight: normal; animation: blink-effect 999s step-end infinite;

  /*
  animation-name: blink-effect;
  animation-duration: 1s;
  animation-iteration-count:infinite;
  animation-timing-function:step-end;
  */
}

#header .hd_top .hd_top_search img { width:41px; height:41px; border-radius: 25px;}

#header .hd_top .hd_top_login { width:358px; font-size:14px; color:#6a6a6a; letter-spacing:-1px; padding-top:48px; text-align:right; float:left; }
#header .hd_top .hd_top_login ul { display:inline-block; }
#header .hd_top .hd_top_login ul li { float:left; }
#header .hd_top .hd_top_login ul li a { font-size:14px; color:#6a6a6a; }
#header .hd_top .hd_top_login ul li img { vertical-align:middle; }

/*메뉴*/
#header .hd_menu { height:49px; border-top:1px solid #e2e6e1; border-bottom:2px solid #24923a; font-size:16px; letter-spacing:-0.7px; color:#343434; font-weight:500; line-height:2.7; background: linear-gradient(90deg, #27609d 80%, purple, #89b929);    margin-left: -380px;}
#header .hd_menu a {  }
#header .hd_menu .hd_menu_wrap { width:1200px; height:49px; margin:0 auto; }
#header .hd_menu .hd_menu_all { width:121px; height:49px; border-left:1px solid #24923b; border-right:1px solid #24923b; background:url('/design/ematkorea0/10275/top/menu_all_open.jpg') no-repeat; padding-left:67px; cursor:pointer; float:left; }
#header .hd_menu .hd_menu_list { width:500px; height:49px; color:#ffffff; text-align : center;}
#header .hd_menu .hd_menu_list ul { width:1300px; height:49px;   margin:0 auto; }
#header .hd_menu .hd_menu_list ul li { width:250px; height:49px; float:left; }
#header .hd_menu .hd_menu_list ul .li_e { width:250px; padding-right:0; }
#header .hd_menu .hd_menu_list ul li a { color:#ffffff; font-size:16px; font-weight:500;}
#header .hd_menu .hd_menu_list ul li a:hover,
#header .hd_menu .hd_menu_list ul li a:focus { color:#24923a; }





/* 사이드 메뉴 */
.fix_rt_menu{position:fixed; right:0; bottom:0px; width:209px; border-left:1px solid #ccc; background:#fff; z-index:200 }
.fix_rt_menu .toggle_bt { position:absolute; top:80px; left:-32px; width:32px; height:31px; background:url(/design/ematkorea0/10275/common/bg_side_toggle.png) 0 0 no-repeat; cursor:pointer }
.fix_rt_menu .toggle_bt p { font-size:22px; color:#fff; text-align:center; line-height:28px }
.fix_rt_menu .fix_rt_content { padding:120px 17px 0 17px; position:relative }
.fix_rt_menu .fix_rt_content .side_tit { text-align:center }
.fix_rt_menu .fix_rt_content .side_tit h4 { height:18px; font-size:14px; color:#2c2c2c; font-weight:bold; letter-spacing:-1px }
.fix_rt_menu .fix_rt_content .side_tit .bd { display:inline-block; width:13px; height:2px; background:#2c2c2c }
.fix_rt_menu .fix_rt_content .bx_quick_link { overflow:hidden }
.fix_rt_menu .fix_rt_content .bx_quick_link ul { *zoom:1 }
.fix_rt_menu .fix_rt_content .bx_quick_link ul:after { display:block; clear:both; content:'' }
.fix_rt_menu .fix_rt_content .bx_quick_link ul li { padding:0 6px; float:left }
.fix_rt_menu .fix_rt_content .bx_quick_link ul li a { display:block; color:#686868; text-align:center }
.fix_rt_menu .fix_rt_content .bx_quick_link ul li a .ico { display:inline-block; width:34px; height:34px; background:url(/design/ematkorea0/10275/common/sp_sidelink.png) 0 0 no-repeat; }
.fix_rt_menu .fix_rt_content .bx_quick_link ul li a .ico1 { background-position:0 0 }
.fix_rt_menu .fix_rt_content .bx_quick_link ul li a .ico2 { background-position:0 -35px }
.fix_rt_menu .fix_rt_content .bx_quick_link ul li a .ico3 { background-position:0 -70px }
.fix_rt_menu .fix_rt_content .bx_quick_link ul li a .tx { display:block }
.fix_rt_menu .fix_rt_content .bx_quick_menu { padding-top:50px; overflow:hidden }
.fix_rt_menu .fix_rt_content .bx_quick_menu ul { padding-top:5px; *zoom:1 }
.fix_rt_menu .fix_rt_content .bx_quick_menu ul:after { display:block; clear:both; content:'' }
.fix_rt_menu .fix_rt_content .bx_quick_menu ul li { margin:0 5px 5px 0; float:left; width:80px; height:34px; border:1px solid #5b5b5b }
.fix_rt_menu .fix_rt_content .bx_quick_menu ul li a { display:block; font-size:13px; color:#1b1b1b; line-height:34px; text-align:center }
.fix_rt_menu .fix_rt_content .bx_today { padding-top:40px }
.fix_rt_menu .fix_rt_content .bx_today .today_lst { padding-top:5px; overflow:hidden }
.fix_rt_menu .fix_rt_content .bx_today .today_lst ul { margin-left:-5px; *zoom:1 }
.fix_rt_menu .fix_rt_content .bx_today .today_lst ul:after { display:block; clear:both; content:'' }
.fix_rt_menu .fix_rt_content .bx_today .today_lst ul li { margin-left:5px; margin-bottom:5px; float:left; width:83px; height:83px; border:1px solid #e1e1e1 }
.fix_rt_menu .fix_rt_content .bx_today .today_lst ul li img { width:83px; height:83px }
.fix_rt_menu .fix_rt_btm { position:absolute; bottom:0; left:0; width:100%; height:59px; border-top:1px solid #ccc }
.fix_rt_menu .fix_rt_btm ul { *zoom:1 }
.fix_rt_menu .fix_rt_btm ul:after { display:block; clear:both; content:'' }
.fix_rt_menu .fix_rt_btm ul li { margin-left:-1px; float:left; height:59px; text-align:center; border-left:1px solid #ccc; background:#fff; cursor:pointer }
.fix_rt_menu .fix_rt_btm ul li p { padding-top:14px; color:#111 }
.fix_rt_menu .fix_rt_btm ul li p i { font-size:16px }


/* Style dropdown menus and submenus */
.dropdown, .submenu {
    position: relative;
    height: 35px;
  }
 

/* Style the content dropdown list  */
  .dropdown-content{
    display:block;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 190px;    
    left: -68px;
    top:50px;
    letter-spacing: 0px;
  }
  .submenu-content {
    display: none;
    position: fixed;
    background-color: #f9f9f9;
    min-width: 190px;
    min-height: 593px;
    left: auto;
    margin-left:189px;
    top:159px;
  }

/* Style the links within submenu list */
.dropdown-content a{
color: #545454;
padding: 0px 8px;
text-decoration: none;
font-size:14px;
}
  
.submenu a{
    color:#545454;
    display: block;
}
  
.submenu-content a {
    color: #ffffff;
    font-size: 16px;
    padding: 0px 16px;
    text-decoration: none;
    display: block;    
    border-bottom: 1px solid #fff;
}

.submenu-content a:last-child {
    border-bottom: 0px solid #fff;
}

.submenu-content {
    /*left: 100%;
    top: 0;*/
}

/* Show submenu content on focus */

.submenu:hover .submenu-content {
display: block;
}
  
.submenu:nth-child(-n+8){
  background:#d1e8b2;  
  border-left: 1px solid #8bc53f;
  border-right: 1px solid #8bc53f;
  border-bottom: 1px solid #8bc53f; 
  
}

/*중카테고리 마우스오버*/
.submenu:nth-child(-n+8):hover{        
        background: rgba(139,197,63,1.0);
}

.submenu:nth-child(-n+8):hover a{        
		background: transparent;
 		color: #ffffff;
        font-weight:500;
}

/* 소카테고리 배경및 넓이, 여백 */  
.submenu:nth-child(-n+8) .submenu-content{
background: rgba(139,197,63,0.8);
padding: 10px 25px 10px 25px;
width: 263px;
}

/* 소카테고리 높이 */
.submenu:nth-child(-n+8) .submenu-content a{
    height:43px;
}

.submenu:nth-child(8){
    border-bottom: 0px solid #24619f;
}

.submenu:nth-child(9){
    border-top: 1px solid #24619f;
}

.submenu:nth-child(n+9){
  background:#a7c0d9;
  border-left: 1px solid #24619f;
  border-right: 1px solid #24619f;
  border-bottom: 1px solid #24619f;
}
  
/*중카테고리 마우스오버*/
.submenu:nth-child(n+9):hover{
        background: rgba(36,97,159,1.0);
}

.submenu:nth-child(n+9):hover a{ 		
		background: transparent;
 		color: #ffffff;
        font-weight:500;
}

/* 소카테고리 배경및 넓이, 여백 */  
.submenu:nth-child(n+9) .submenu-content{       
background: rgba(36,97,159,0.8);
padding: 10px 25px 10px 25px;
width: 263px;
}

.submenu:nth-child(n+9) .submenu-content a{
    height:43px;
}

/* 골프/바닥재 외 숨김 */
.submenu:nth-child(n+18){
    display:none;
}
.dropbtn {
color:#ffffff;
font-size:16px; font-weight:500;
letter-spacing: 0px;
}

/*전체카테고리 클릭후 색상*/
.active {
  color: #343434;
}
/* BASIC css end */