/* BASIC css start */
/*나눔고딕 폰트설정 시작*/
/*400 Regular*/
@font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 400;
  src: url(../fonts/WyF6plSrZZKW.eot);
  src: url(../fonts/WyF6plSrZZKW.eot#iefix) format('embedded-opentype'),
       url(../fonts/DBC0irGzgsqJ.woff2) format('woff2'),
       url(../fonts/cIhucm8B8kJl.woff) format('woff'),
       url(../fonts/S1S6qtl32IY7.ttf) format('truetype');}
/*700 Bold*/
@font-face {font-family: 'Nanum GothicB'; font-style: normal; font-weight: 700;
  src: url(../fonts/u26rdCFh2z3k.eot);
  src: url(../fonts/u26rdCFh2z3k.eot#iefix) format('embedded-opentype'),
       url(../fonts/OZKhPiUnxies.woff2) format('woff2'),
       url(../fonts/HRGpZVtHDxnJ.woff) format('woff'),
       url(../fonts/Zt3SVNexoHdX.ttf) format('truetype');}
/*800 Extrabold*/
@font-face { font-family: 'Nanum GothicEB'; font-style: normal; font-weight: 800;
  src: url(../fonts/A2CjINFblEwo.eot);
  src: url(../fonts/A2CjINFblEwo.eot#iefix) format('embedded-opentype'),
       url(../fonts/assNJO5FTTf5.woff2) format('woff2'),
       url(../fonts/Kh0k3WzvuSXu.woff) format('woff'),
       url(../fonts/1MYYpl3hzxZO.ttf) format('truetype');}

/*나눔고딕 폰트설정 끝*/

/*본고딕 폰트설정 시작*/
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans'), local('NotoSans'), url(../fonts/jVIHPq2nBoLj.woff) format('woff');
}

#wrap{overflow: hidden;  min-width: 1280px;}
#hidden_menu2,
#hidden_menu{position:absolute; top:-0; left:0; width:0; height:0; overflow:hidden; opacity:0; }

.t_ellipsis{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ptc1{color:#0054a6;}

.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;}


.st1_show,
.st2_show{opacity:0; }



#header { margin-bottom:0px; z-index:300;}
#header *{font-family: 'Noto Sans KR', sans-serif;}
#header *.ff1{ font-family:"Lato", 'Malgun Gothic', '맑은 고딕', dotum, '돋움';}

#header .top_bnr_area { min-width:1280px;}
#header .top_bnr_area .tb_box{ position:relative; width:1280px;  margin:0 auto; *zoom:1;  }


#header .wh_inner{width:1280px; margin:0 auto;}
#header .wh_inner:before,
#header .wh_inner:after{content:""; width:100%; display:table;}
#header .wh_top_tab{background-color:#eaeaea; min-width:1280px; padding-top:8px; }
#header .wh_top_tab .wh_inner{}
#header .wh_top_tab .wh_inner .tabs{display:table;table-layout:fixed; width:100%;}
#header .wh_top_tab .wh_inner a{display:table-cell; height:42px; line-height:42px; text-align:center; font-size:18px; border-radius:3px 3px 0 0; color:#FFF; background-color:#333;}

#header .wh_top_tab.st1 .wh_inner a:nth-of-type(1),
#header .wh_top_tab.st2 .wh_inner a:nth-of-type(2){color:#333; background-color:#FFF;}
#header .wh_top{}
#header .wh_top .wh_inner{height:47px; padding:15px 0; box-sizing:border-box; }
#header .wh_top .top_menu{float:right; margin-right:-5px; height:17px;}
#header .wh_top .top_menu li{float:left;}
#header .wh_top .top_menu li a{display:inline-block; font-family:'Malgun Gothic', '맑은 고딕', dotum, '돋움'; color:#808080; padding:0 5px; line-height:17px; font-size:12px;}
#header .wh_top .top_menu li.sub1 + li.sub2{padding-left:22px; position:relative; }
#header .wh_top .top_menu li.sub1 + li.sub2:before{content:""; position:absolute; top:50%; left:10px; margin-top:-6px; display:block; width:1px; height:12px; background:#e7e7e7; border-right:1px solid #f6f6f6;}
#header .wh_mid{}
#header .wh_mid .wh_inner{height:113px; padding:3px 0; box-sizing:border-box; position:relative;}
#header .wh_mid .top_slide{float:left; width:290px; height:110px; overflow:hidden; box-sizing:border-box; }

#header .wh_mid .top_search{float:right; width:280px; height:37px; margin-top:31px; border-bottom:2px solid #d6d6d6; position:relative;}
#header .wh_mid .top_search .search-form{width:100%; height:100%; position:relative; box-sizing:border-box; padding-right:31px;}
#header .wh_mid .top_search .search-form input.MS_search_word{display:block; width:100%; height:37px; box-sizing:border-box; padding-left:5px;  border:0; outline:0;}
#header .wh_mid .top_search .search-form a.search_btn{position:absolute; top:0; right:-6px; display:block; width:37px; height:37px; background:url(../images/orgF9SbPDl3R.png) center no-repeat; font-size:0; overflow:hidden; text-indent:-1000px; }
#header .wh_mid .top_logo{position:absolute; top:8px; left:50%; margin-left:-100px; width:200px; }
#header .wh_bottom{}
#header.fixed .wh_bottom{position:fixed; width:100%; left:0; top:0; background:rgba(255,255,255,0.8); z-index:300;}
#header .wh_bottom .wh_inner{}
#header .wh_bottom ul.wh_category{width:100%; padding-top:6px; height:60px; box-sizing:border-box; font-size:0;}
#header .wh_bottom ul.wh_category > li{display:inline-block; height:55px; position:relative;vertical-align:top; }
#header .wh_bottom ul.wh_category > li + li{margin-left:10px;}
#header .wh_bottom ul.wh_category.st2 > li + li{margin-left:10px; padding:0 36px;}
#header .wh_bottom ul.wh_category > li:nth-of-type(1){width:42px; box-sizing:border-box;}
#header .wh_bottom ul.wh_category.st2 > li:nth-of-type(1){width:220px; background:#00488f; padding:0 30px; position:relative; margin-right:30px; }
#header .wh_bottom ul.wh_category li .btn_all{width:42px; height:51px; box-sizing:border-box; padding:14px 10px 0; margin-top:3px; margin-left:-10px; cursor:pointer;}

#header .wh_bottom ul.wh_category li .btn_all:before,
#header .wh_bottom ul.wh_category li .btn_all:after,
#header .wh_bottom ul.wh_category li .btn_all .line{display:block; width:100%; height:2px; background:#333333; content:""; margin-bottom:6px;}
#header .wh_bottom ul.wh_category.st2 li .btn_all:before,
#header .wh_bottom ul.wh_category.st2 li .btn_all:after,
#header .wh_bottom ul.wh_category.st2 li .btn_all .line{background:#FFF;}
#header .wh_bottom ul.wh_category.st2 li .btn_all .line:after{content:"전체 카테고리"; color:#FFF; position:absolute; top:0; left:66px; font-size:17px; line-height:51px;   }


#header .wh_bottom ul.wh_category li .all_category{position:absolute; top:54px; left:0; width:1280px; box-sizing:border-box; border:1px solid #d4d4d4; background:#FFF; z-index:100; display:none; }
.main2 #header .wh_bottom ul.wh_category li .all_category{padding-left:240px;  min-height:523px; }
#header .wh_bottom ul.wh_category li > a{font-size:17px; display:inline-block; line-height:30px; margin-top:12px; color:#333; padding:0 10px; vertical-align:top; letter-spacing:-1px;}
#header .wh_bottom ul.wh_category li .all_category .btn_category_close{display:block; width:20px; height:20px; position:absolute; top:15px; right:15px; background:url(../images/JX6IjALYuJN2.png) center no-repeat; }


#header .wh_bottom ul.wh_category > li > .sub_category{position:absolute;  top:34px; left:0; display:none;  z-index:100;}
#header .wh_bottom ul.wh_category > li > .sub_category > ul{margin:13px 0 0; width:140px; background:#FFF; border:1px solid #ccc;  padding:0 10px 10px;}
#header .wh_bottom ul.wh_category > li > .sub_category > ul li{}
#header .wh_bottom ul.wh_category > li > .sub_category > ul li > a{font-size:14px; display:inline-block; line-height:25px; margin-top:10px; color:#333; padding:0; vertical-align:top; letter-spacing:-1px; }
#header .wh_bottom ul.wh_category > li > .sub_category > ul li > a:hover{text-decoration:underline;}



#header .wh_bottom ul.wh_category li .tooltip{display:block; width:38px; height:18px; position:absolute; top:-2px; left:50%; margin-left:-19px; background:url(../images/obukox5gW0OS.png) center no-repeat;}

/* 서브페이지 가로 사이즈 */

#content { position: relative;width:1200px;margin:0 auto; }
/* BASIC css end */