/* BASIC css start */
 /* 웹폰트 로딩  */
    @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);   
   
      *{margin: 0 auto;; padding: 0; list-style-type: none;}

      body {background-image:url(http://lupe.speedgabia.com/homepage_renewal/2017/bg_main.jpg); background-repeat:repeat-x ; margin:0px 0; padding:0;}


      #top_bg {margin:0;width:0 auto;background:url('images/bg.jpg');}
	    #top_toolbar, top_board, top_login, top_menu_bg, top_menu,center_banner, center_left_img, center_right_img, top_logo_srch, top_logo, top_srch, top_cs {position:relative;}
      #top_toolbar {width:1030px; margin:auto;}       /*  상단 게시판, 로그인 부분 감싸는 BOX          */
      #top_board {float:left;width:550px; margin:0; }            /*  왼쪽 상단 :  자유게시판, 단체복 상담 게시판  */
      #top_login {float:right;width:400px; margin:0;}   /*  오른쪽 상단 : 로그인 회원가입 등             */

      
      /* 상단 게시판, 단체복 부분의  등 모양, 글자크기 15px */
      .tlist {margin:0; padding:0;} 
      .tlist li{float:left;width:125px;height:40px;position:relative;list-style-type: none;} 
      .tlist li a{display:blockwidth:100%;height:100%;line-height:40px;text-align:left;font-family: 'Nanum Gothic', sans-serif;font-size:15px;color:#313131;text-decoration:none;} /* 글자만 크게하려면 fotn-size 크기만 고치기 */
      .tlist li a:hover{color:#f9d404;}
      
      /* 상단 로그인, 회원가입등 모양, 글자크기 15px */
      .tlist2 {margin:0; padding:0;} 
      .tlist2 li{float:left;width:80px;height:40px;position:relative;list-style-type: none;} 
      .tlist2 li a{display:block;width:100%;height:100%;line-height:40px;text-align:right;font-family: 'Nanum Gothic', sans-serif;font-size:15px;color:#313131;text-decoration:none;} /* 글자만 크게하려면 fotn-size 크기만 고치기 */
      .tlist2 li a:hover{color:#f9d404;}  

      #container {text-align:center; margin: 35px auto; width: 1800px; background-color: #f5f2f2; }
      #container ul {position: absolute; list-style-type: none; margin: 0; padding: 0; overflow: hidden; }
      
      #container li {float: center;  padding:0px 7px 0px 15px; font-family: 'Nanum Gothic', sans-serif; font-size:15px;}
      #container li a, .dropbtn {display: block; color: #2f2f2f; text-align: center; padding: 10px 16px ; text-decoration: none; font-family: 'Nanum Gothic', sans-serif; font-size:15px;}
      #container li a:hover, .dropdown:hover .dropbtn { background-color: #7d7d7d;}
      #container li.dropdown { display: inline-block; }
      
      .dropdown-content { display: none; position: absolute; background-color: #dbdbdb; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index:10;}
      .dropdown-content a {padding: 8px 16px ; text-decoration: none; display: block; text-align: left; }
      .dropdown-content a:hover {background-color: #red; color:white; }
      .dropdown:hover .dropdown-content { display: block; }


.searchArea { position:absolute; top:0px; right:0; width:0px; height:0px; border-bottom:1px solid #354 }
.searchArea .search { position:relative; width:0px; height:0px } *가로크기맞추는것?*
.searchArea .search input { padding-left:10px; width:254px; height:39px; line-height:40px; border:none; background:#fff }
.searchArea .search a { display:block; position:absolute; top:0; right:0; width:30px; height:40px; text-indent:-9999em; 0 0 no-repeat }
/* BASIC css end */