@charset "utf-8";

/* 상단메뉴 */
#header {width:100%;}

/* 사이트맵 메뉴 */
#top_sm {position:relative; width:1000px; margin:0 auto; z-index:30;}
.top_mm {position:absolute; top:45px; right:0;}
.top_mm li {float:left; padding-left:7px;}
.top_mm li.tt {background:url('../images/common/bullet_t_04.gif') no-repeat right center; padding-right:9px;}
.top_mm li a {color:#000; font-family:Arial; font-style:normal; font-size:11px;}
.top_mm li a:hover, .top_mm li a:focus {color:#0f7cbf; font-family:Arial; font-style:normal; font-size:11px;}
	
/* gnb 전체 감싸는 영역 */
#gnb {position:relative; width:100%; background:#fff url('../images/top/top_bg.gif') repeat-x 0 bottom; z-index:20;}
#gnb .wrap {width:1000px; margin:0 auto; height:100px;}	
	
/* 로고 */
h1 {float:left; width:285px; padding-top:24px;}

/* gnb 대메뉴 공통속성 */
#gnb ul {float:left; width:695px; padding-top:35px;}	
#gnb ul li {float:left; height:30px; padding-top:2px }
#gnb ul li a {display:block; width:100%; height:30px; padding-top:10px;}

/* gnb 대메뉴 개별 속성 */
#gnb ul li.g1 {width:107px;}
#gnb ul li.g2 {width:107px;}
#gnb ul li.g3 {width:97px;}
#gnb ul li.g4 {width:107px;}
#gnb ul li.g5 {width:107px;}

#gnb ul li a span{display:block;height:18px;text-indent:-10000px}
#gnb ul li.g1 a span{width:63px;background:url('../images/menu/menu_01_off.gif') no-repeat;}
#gnb ul li.g2 a span{width:63px;background:url('../images/menu/menu_02_off.gif') no-repeat;}
#gnb ul li.g3 a span{width:63px;background:url('../images/menu/menu_03_off.gif') no-repeat;}
#gnb ul li.g4 a span{width:63px;background:url('../images/menu/menu_04_off.gif') no-repeat;}
#gnb ul li.g5 a span{width:63px;background:url('../images/menu/menu_05_off.gif') no-repeat;}

#gnb ul li.g1 a:focus span,
#gnb ul li.g1 a:hover span,
#gnb ul li.g1 a.active span,
#gnb ul li.g1 a.active:hover span {background:url('../images/menu/menu_01_on.gif') no-repeat;}

#gnb ul li.g2 a:focus span,
#gnb ul li.g2 a:hover span,
#gnb ul li.g2 a.active span,
#gnb ul li.g2 a.active:hover span {background:url('../images/menu/menu_02_on.gif') no-repeat;}

#gnb ul li.g3 a:focus span,
#gnb ul li.g3 a:hover span,
#gnb ul li.g3 a.active span,
#gnb ul li.g3 a.active:hover span {background:url('../images/menu/menu_03_on.gif') no-repeat;}

#gnb ul li.g4 a:focus span,
#gnb ul li.g4 a:hover span,
#gnb ul li.g4 a.active span,
#gnb ul li.g4 a.active:hover span {background:url('../images/menu/menu_04_on.gif') no-repeat;}

#gnb ul li.g5 a:focus span,
#gnb ul li.g5 a:hover span,
#gnb ul li.g5 a.active span,
#gnb ul li.g5 a.active:hover span {background:url('../images/menu/menu_05_on.gif') no-repeat;}


/* 서브메뉴 펼쳐졌을때 서브ul을 감싸는 영역-처음에는 안보이게 설정*/
#gnb ul li .sub {position:relative; height:303px; display:none; }

/* 서브메뉴 공통속성 -처음에는 안보이게 설정 */
#gnb ul li ul	{position:absolute; left:0; top:0; padding-top:35px; display:none;}
#gnb ul li ul li {clear:both; height:auto; padding:2px 0 }
#gnb ul li ul li a {display:block; height:auto; line-height:18px; text-align:left; cursor:pointer; }

/* 서브메뉴 오버하기 전 글자 속성 */
#gnb ul li ul li a span {color:#555;background:none}

/* 서브메뉴 오버했을때 글자 속성 */
#gnb ul li ul li a:focus,
#gnb ul li ul li a:hover,
#gnb ul li ul li a.active {display:block; color:#0f7cbf; font-weight:bold; background:none}


/* 서브메뉴 펼쳐졌을 때 전체 영역-처음에는 안보이게 설정 */
#sub {display:none; position:absolute; left:0; top:100px; width:100%; height:340px; background:#fff; border-bottom:1px solid #726d65; z-index:10;}

/* 서브메뉴 영역 */
#sub .wrap {position:relative;width:1000px;margin:0 auto;height:340px;}

/* 서브메뉴 펼쳐졌을때 왼쪽 이미지 영역 */
#sub .subimg {position:absolute;left:0;top:25px;width:260px;height:292px;border-right:1px solid #e5e5e5;background:0 100% no-repeat;}
#sub .img1{background:url('../images/menu/simg1.gif') no-repeat}
#sub .img2{background:url('../images/menu/simg2.gif') no-repeat}
#sub .img3{background:url('../images/menu/simg3.gif') no-repeat}
#sub .img4{background:url('../images/menu/simg4.gif') no-repeat}
#sub .img5{background:url('../images/menu/simg5.gif') no-repeat}
#sub .img6{background:url('../images/menu/simg6.gif') no-repeat}


/* 모바일 상단메뉴 */
#gnb_m {display:none; position:relative; z-index:1000000 }
.btn_menu {display:none; float:right; margin-top:17px; width:40px; height:40px; background:url('../images/menu/btn_sidemenu.gif') no-repeat; text-indent:-9999px;}
.sidemenu_box {display:none;z-index:1000000;}
.sidemenu_box_bg {position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.7; filter:alpha(opacity=70);}

.sidemenu {width:225px;position:absolute; top:0;right:-225px;}
.sidemenu_bg_none, .sidemenu_bg_arrow {display:block;width:225px;height:48px; line-height:48px; text-indent:29px; text-align:left; color:#fff; font-weight:bold;}
.sidemenu_cat1, .sidemenu_cat2 {display:none;}
.sidemenu_m {display:block;width:225px;height:44px;line-height:45px;background:#fff url('../images/menu/sidemenu_bullet.gif') no-repeat 175px 50%;
font-size:16px;font-weight:bold;color:#3a6cab; text-align:left; text-indent:15px;border-bottom:1px solid #d5d5d5}
.sidemenu_m:hover {color:#5b6267}
.sidemenu_cat1 a {display:block;width:225px;height:40px;line-height:41px;background:#3a6cab;font-size:13px;font-weight:bold;color:#fff;text-align:left; text-indent:15px; 
border-bottom:1px solid #234c84}



/* ============================================================================================================================================================== */

@media all and (max-width:1000px) {

.box_pc {display:none;} /* 반응형 PC 부분 */
.box_tb {display:block;} /* 반응형 태블릿 부분 */

/* 사이트맵 메뉴 */
#top_sm { display:none }

/* gnb 대메뉴 공통속성 */
#gnb {display:none}
#gnb_m {display:block;}
.btn_menu {display:block;}

/* gnb 전체 감싸는 영역 */
#gnb_m { width:100%; height:75px; background:#fff url('../images/top/top_bg.gif') repeat-x 0 bottom; z-index:20;}
#gnb_m .wrap { width:95%; margin:0 auto;}	

/* 로고 */
#gnb_m h1 {float:left; width:190px; padding-top:10px;}

}