@font-face {font-family:'NanumGothic';
src:url(../font/NanumGothic.eot?#iefix) format('embedded-opentype');
src:local(※), url('../font/NanumGothic.woff') format('woff');}

/* font-family:NanumGothic,Dotum,'돋움',AppleGothic,sans-serif; */

/* 초기값 */
/* 마진과 패딩의 초기화 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, p, blockquote, th, td{margin:0;padding:0;}

/* 헤더 폰트 사이즈 초기화 */
h1, h2, h3, h4, h5, h6{font-size:100%;}

/* 리스트 스타일 제거 */
ol, ul{list-style:none;}

/* 폰트 강조 특성 초기화 */
address, caption, cite, code, dfn, em, srrong, th, var{font-style:normal;font-weight:normal;}

/* 테이블 초기화 */
table{border-collapse:collapse;border-spacing:0;}

/* 이미지 및 필드셋 아이프레임 보더표시 초기화 */
legend{visibility:hidden;height:0;width:0;font-size:0;}
fieldset, img{border:0;}

/* 캡션과 테이블헤더 텍스트 정렬 초기화 */
caption, th{text-align:left;}

/* 인용구 표시 초기화 */
q:before, q:after{content:'';}

/* 링크 */
a{font-size:9pt;color:#5a5a5a;text-decoration:none;}
a:hover{font-size:9pt;color:#222222;text-decoration:underline;}

/* 공통 */
.hidden{
         height:1px;
         width:0;
         font-size:0;
         visibility:hidden;
         position:absolute;
}
.input_text, textarea{padding-right:1px;}
.blind{display:block;overflow:hidden;position:absolute;left:0;top:-5000px;}
.entry-title{display:none;}
.show{display:block;}
.hide{display:none;}
.clear{clear:both;font-size:0;}
.png24{tmp:expression(setPng24(this));border:none;}
hr{display:none;}


/* 레이아웃 */
body{font-size:9pt;font-family:'돋움';} /* 왼쪽 혹은 중앙정렬 정의 */

#header{
           position:relative;
           width:100%;
           min-width:1160px;
           height:560px;
           margin:0 auto;
}
#header #h_wrap{
           position:relative;
           width:1100px;
           height:78px;
           margin:0 auto;
}


#sub_header{
           position:relative;
           width:100%;
           min-width:1160px;
           height:290px;
           margin:0 auto;
}
#sub_header #sh_wrap{
           position:relative;
           width:1100px;
           height:78px;
           margin:0 auto;
}
#container{
           position:relative;
           width:100%;
           min-width:1160px;
           overflow:hidden;
}
#footer{
           position:relative;
           width:100%;
           min-width:1160px;
           height:80px;
           margin:0 auto;
}

#sub_container{
          position:relative;
          width:100%;
          min-width:1160px;
          margin:0 auto;
          overflow:hidden;
}
#sub_container .sub_left{
         position:relative;
         width:200px;
         float:left;
}
#sub_container .sub_right{
         position:relative;
         width:760px;
         float:right;
}
#sub_container #s_wrap{
         position:relative;
         width:960px;
         padding:30px 0;
         margin:0 auto;
         overflow:hidden;
}
/*div{border:1px solid #ff0000;}*/

/* 상단 */
#accessibility{position:relative;}
#accessibility a{display:block;height:1px;width:1px;margin-bottom:-1px;overflow:hidden;text-align:center;white-space:nowrap;background:#ffffff;}
#accessibility a:focus, #accessibility a:active{height:auto;width:auto;padding:5px;}

.logo{position:relative;height:35px;padding-top:20px;float:left;}
.top_menu{position:relative;height:30px;padding-top:25px;float:right;}/* 탑메뉴 */
.menu{position:relative;width:100%;height:69px;clear:both;}/* 주메뉴 */


#topMenu {
    width: 1100px;       /* [변경] 하위 메뉴와 동일하게 맞춤 */
    position: relative;
    margin: 0 auto;

 
 
  /* float: left;  margin: 0 auto; */
  /* text-align: center; */
 

}
    #topMenu ul {           /* 메인 메뉴 안의 ul을 설정함: 상위메뉴의 ul+하위 메뉴의 ul */
        list-style-type: none;  
        margin: 0px;            
        padding: 0px;     
        width:100%;     

/* display:inline-block; */
     /*  display: table; margin: auto; */ 
    /*   display:flex; align-items:center; flex-wrap:wrap; */
 
    }


  
    #topMenu ul li {            /* 메인 메뉴 안에 ul 태그 안에 있는 li 태그의 스타일 적용(상위/하위메뉴 모두) */
        color: white;               

        float: left;                
        line-height: 30px;          
        vertical-align: middle;     
        text-align: center;         
        -position: relative;         
/*
        float: center;
        text-align: center; 
        display:inline-block;  
*/
 
    }

    .menuLink, .submenuLink {           /* 상위 메뉴와 하위 메뉴의 a 태그에 공통으로 설정할 스타일 */
        text-decoration:none;               
        display: block;                     
        width: 150px;                       
        font-size: 12px;                    
        font-weight: bold;                  
        font-family: "NanumGothic", Dotum; 
    }
    .menuLink {     /* 상위 메뉴의 글씨색을 흰색으로 설정 */
        color: white;
    }
    .topMenuLi:hover .menuLink {    /* 상위 메뉴의 li에 마우스오버 되었을 때 스타일 설정 */
        color: red;                 
        background-color: #4d4d4d;
    }
    .longLink {     /* 좀 더 긴 메뉴 스타일 설정 */
        width: 190px;   
    }
.submenuLink {          /* 하위 메뉴의 a 태그 스타일 설정 */
        color: #2d2d2d;        
        -margin-right: -1px;         /* [삭제] 공백 보정 삭제 */
    }
    .submenu {              /* 하위 메뉴 스타일 설정 */
        position: absolute;     
        height: 0px;            
        overflow: hidden;       
        transition: height .2s; 
        -webkit-transition: height .2s; 
        -moz-transition: height .2s; 
        -o-transition: height .2s; 
        width: 770px;           
        left: 0;                


 
    }
    .submenu li {  display: inline-block; }
    .topMenuLi:hover .submenu { height: 32px;    }
    .submenuLink:hover {   color: white;       }


/* 컨텐츠 */ 
#c_wrap{position:relative;width:960px;margin:0 auto;padding-top:30px;}/* 컨텐츠wrap */
/* 메인테마 */
/* .main_theme{position:relative;width:100%;height:415px;background-color:#000;} */
   .main_theme{position:relative;width:100%;height:415px;top:30px;background-color:#fff;float:left;}
   .main_theme img{max-width:100%; height:auto; }
.notice{position:relative;width:300px;height:190px;float:left;}/* 공지사항 */
.product{position:relative;left:28px;width:300px;height:190px;float:left;}/* 제품소개 */
.movie{position:relative;width:300px;height:190px;float:right;}/* 무비 */

.about{position:relative;width:300px;height:60px;margin:25px 0 45px 0;float:left;}/* 소개파일 */
.kospi{position:relative;left:28px;width:300px;height:60px;margin:25px 0 45px 0;float:left;}/* 주식 */
.banner{position:relative;width:300px;height:60px;margin:25px 0 45px 0;float:right;}/* 고정배너 */

.sitemap{position:relative;overflow:hidden;}

/* 서브테마 */
.sub_theme{position:relative;width:100%;height:130px;background-color:#fff;float:left;}
.sub_theme img{max-width:100%; height:auto; margin: 0 auto; }

.sub_menu{position:relative;width:210px;}/* 서브하위메뉴 */

#epr_popup{width:800px;}

/* 카피라이터 */
.f_warp{position:relative;width:960px;height:75px;margin:0 auto;text-align:center;}
.copy_logo{position:absolute;left:15px;top:13px;}/* 카피로고 */
address{position:absolute;left:100px;top:13px;}/* 주소 */
.agreement{position:absolute;right:0;top:16px;width:280px;height:40px;}/* 각종양식 */