/* BASIC css start */
/*³ª´®°íµñ ÆùÆ®¼³Á¤ ½ÃÀÛ*/
/*400 Regular*/
@font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');}
/*700 Bold*/
@font-face {font-family: 'Nanum GothicB'; font-style: normal; font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');}
/*800 Extrabold*/
@font-face { font-family: 'Nanum GothicEB'; font-style: normal; font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');}

/*³ª´®°íµñ ÆùÆ®¼³Á¤ ³¡*/


/*º»°íµñ ÆùÆ®¼³Á¤ ½ÃÀÛ*/
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans'), local('NotoSans'), url(https://fonts.gstatic.com/s/notosans/v6/LeFlHvsZjXu2c3ZRgBq9nD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}


.top_title {
    overflow: hidden;
    padding: 30px 0;
    border-bottom: 1px solid #dbdbdb;
}

.top_title h2 {
    float: left;
    padding: 0 0 0 3px;
    color: #111;
    font-size: 24px;
}



#hdWrap { margin-bottom:20px;}

#hdWrap .top_bnr_area { background:#c0dd20; }
#hdWrap .top_bnr_area .tb_box{ position:relative; width:1200px;  margin:0 auto; *zoom:1;  }

#hdWrap .basic_area { height:43px;border-bottom:1px solid #CCCCCC; }
#hdWrap .basic_area .ba_box{ position:relative; width:1200px;  margin:0 auto; *zoom:1;  }

#hdWrap .basic_area .ba_box .top_site { position:absolute; top:0px;left:0px; height:43px;border-right:1px solid #cccccc;border-left:1px solid #cccccc;padding:0 15px}
#hdWrap .basic_area .ba_box .top_site li { float:left;padding:16px 3px;font:normal 11px gulim;}
#hdWrap .basic_area .ba_box .top_site  a { display:block;font-family:gulim; font-size: 11px;;color: #a4a4a4;}
#hdWrap .basic_area .ba_box .top_site  a:hover { color: #000000; text-decoration: none;}
#hdWrap .basic_area .ba_box .top_site  .cline {color: #a4a4a4;}

#hdWrap .basic_area .ba_box .top_sns { position:absolute; top:0px;left:210px; }
#hdWrap .basic_area .ba_box .top_sns li { float:left;padding:13px 7px;}
#hdWrap .basic_area .ba_box .top_sns li img { 

     -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;

 }
#hdWrap .basic_area .ba_box .top_sns li img:hover { 

     -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);   
    -o-transform:scale(1.2);
    transform:scale(1.2);
 
 }


#hdWrap .basic_area .ba_box .top_search { position:absolute; top:7px;left:475px; }
#hdWrap .basic_area .ba_box .top_search .search-form { /*padding:9px 15px 0 0;*/  }
#hdWrap .basic_area .ba_box .top_search .search-form fieldset { /*border:2px solid #6a6351; border-radius:0px;padding:5px 10px 5px 5px;*/ }
#hdWrap .basic_area .ba_box .top_search .search-form input{ border-radius:20px;width:220px; height:28px; padding:0 12px; border:0; line-height:28px; font-size:12px; color:#7c8389; background:#eaeaea; }
#hdWrap .basic_area .ba_box .top_search img.search_btn { padding:6px 5px }

#hdWrap .basic_area .ba_box .top_menu { position:absolute; top:0px;right:0px; }
#hdWrap .basic_area .ba_box .top_menu  li {float:left;padding:0 0 0 10px;font:normal 11px dotum,ng;line-height:48px;}
#hdWrap .basic_area .ba_box .top_menu  .cline {color: #cccccc;}
#hdWrap .basic_area .ba_box .top_menu  a { font-family:dotum; font-size: 11px; color: #999999;line-height:48px;}
#hdWrap .basic_area .ba_box .top_menu  a:hover {color: #000000; text-decoration: none;}
#hdWrap .basic_area .ba_box .top_menu  .balloon  { position:relative; }

/* ¸»Ç³¼± */
#joinpoint {position:absolute;top:30px; left:-3px; width:68px;height: 20px;line-height: 20px;color:#FFF;text-align: center;padding: 0px 0px 0px;background:url("/design/myebaking/djds/top/gnb_joinpoint_bg.png") no-repeat scroll 50% 0px;z-index:11001;}
#joinpoint .text {display: block;width: 68px;margin: 0px;text-align: center;line-height: 20px;font-size: 11px;color: #FFF;font-weight:bold}


#hdWrap .menu_area { height:120px;}
#hdWrap .menu_area .ma_box { position:relative; width:1200px;  margin:0 auto; *zoom:1;  }
#hdWrap .menu_area .ma_box .top_slide { position:absolute; top:5px;left:0px;width:190px;height:110px;overflow:hidden }
#hdWrap .menu_area .ma_box .top_logo { width:217px;margin:0 auto;padding-top:40px; }
#hdWrap .menu_area .ma_box .top_logo img { 

     -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;

 }
#hdWrap .menu_area .ma_box .top_logo img:hover { 

     -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);   
    -o-transform:scale(1.1);
    transform:scale(1.1);
 
 }


/* TOP CATEGORY */

#tcat_wrap {padding-bottom:0px;position:relative;z-index:100;}
#tcat_fixed {width:100%;z-index:100;}
#tcat_top_line{border-top:1px solid #333;border-bottom:1px solid #ccc;background:#FFFFFF;width:100%}
#tcat_area {position:relative;height:46px;}
#tcat_area .top_category{ position:relative;width:1200px;  margin:0 auto; }
/* BASIC css end */