@import url(font.css);





@media (min-width: 992px) {

  .container {position: relative;}

  .header {z-index: 100; position: relative; height: 135px; word-break: keep-all;}

  .header .container {height: 135px;  border-bottom: 1px solid #c7c7c7;}

  .header h1 {position: absolute; top: 26px; left: 0;}

    .header h1 img { width:248px; height:24px;  }

  .header-search {position: absolute; top: 18px; left: 365px; padding:5px 9px; border:1px solid #aaa; background:#fff; }

	.header-search select {float:left; border:0px;   width:120px; border-right:1px solid #eee;height: 30px; font-size: 14px; }

  .header-search input { float:left;border:0px;padding:0 5px;   width: 230px; height: 30px; font-size: 14px;}

  .header-search button {width:30px; height:30px;background:none;  color: #c83949; border: 0; font-size: 22px;}

  .header-search-view {display: none;}

  .header-util {position: absolute; top: 28px; right: 0; list-style: none; font-size: 0;}

  .header-util > li {display: inline-block; font-size: 14px;}

  .header-util > li > a {color:#555;}

  .header-util > li + li:before {content: "·"; padding: 0 5px; color: #555;}

  .header-util .dropdown-menu {right: 0; left: inherit; min-width: 100px;}



  .gnb {z-index: 0; position: absolute; left: 0; right: 0; bottom: 0; height:40px;}

.all-menu-close {display: none;}



  .gnb i.icon-popup, .all-menu i.icon-popup {font-size: 18px; color: #c83949; }

  .gnb .gnb-menus, .all-menu .gnb-menus {display: inline-block;width:195px;}

  .gnb .gnb-menus:first-of-type ,.all-menu .gnb-menus:first-of-type {padding-left:30px; width:195px;}

  .gnb-submenu > ul > li > a > .icon-popup{line-height: 60px;}

  .all-menu .gnb-submenu > ul > li > a > .icon-popup{line-height: 1.4;}

  .gnb .gnb-menus h3 a, .all-menu .gnb-menus h3 a {display: inline-block; height: 40px; font-size: 20px; font-weight: normal; color: #222;  font-family: 'NanumSquare'; }

  .gnb .gnb-menus h3 a:hover, .gnb .gnb-menus h3 a.active,

  .all-menu .gnb-menus h3 a:hover, .all-menu .gnb-menus h3 a:hover {border-bottom: 2px solid #c83949; text-decoration: none;}

  .gnb .gnb-menus h3 a i ,.all-menu .gnb-menus h3 a i {display: none;}





  .gnb .gnb-submenu {display: none; position: absolute; top: 40px; left: 0; right: 0; float: left; background: url(../images/common/2dep_pc.png) repeat-y center #fff; border-bottom:1px solid #ccc;  border-top:1px solid #c83949; }

  .all-menu .gnb-submenu { float:left;width:100%; padding-top:10px;   }

  .gnb .menu-type1>ul:last-of-type {padding-bottom: 30px;}

  .gnb .menu-type1>ul {float: left; width: 100%;}

  .gnb .menu-type1>ul>li {float:left; width: calc(100% / 5); padding: 0 20px; }

  .gnb .menu-type1>ul>li>a {line-height: 60px; font-size: 19px;position:relative; width:100%;  font-weight: bold; font-weight:bold; color: #222; font-family: 'NanumSquare';}

  /* .gnb .menu-type1>ul>li>a i, .all-menu .gnb-menus h3 a i {display: none;} */

  .gnb .menu-type1>ul>li>ul>li {padding: 3px 0; text-align: left;}

  .gnb .menu-type1>ul>li>ul>li>a, .all-menu .gnb-submenu>ul>li>a, .all-menu .gnb-submenu>ul>li>ul>li>a {position: relative; display: block; padding-right: 20px; font-size: 16px; color: #333;}

  .gnb .menu-type1>ul>li>ul>li>a:hover, .all-menu .gnb-submenu>ul>li>ul>li>a:hover {color: #c83949;}

   .gnb .menu-type1>ul>li>a.active  {text-decoration:underline;  color: #c83949;}

 /*  .gnb .menu-type1>ul>li>a.active i {display: inline-block; position:relative; margin-left:10px; color: #c83949;}*/

   .gnb .menu-type1>ul>li>a:hover {color: #c83949;}

   .gnb .menu-type1>ul>li>ul>li>a.active { text-decoration:underline;  color: #c83949; }

  .gnb .gnb-submenu i.icon-angle-right { display:none;  }

 .gnb .menu-type2 { border-bottom:0px;  }

  .gnb .menu-type2 ul { background: #c83949; padding: 20px 0; text-align:center;}

  .gnb .menu-type2 ul li {display:inline-block; text-align:center; width:14%;  }

  .gnb .menu-type2 ul li a {display: inline-block;width:100%;  height: 130px; padding-top: 90px; text-align: center; background-repeat: no-repeat; background-position: center 20px; color: #fff; font-size: 16px;}

  .gnb .menu-type2 ul li a:hover {color: #fff;}

  .gnb .menu-type2 ul li a i {display: none;}

  .gnb .menu-type2-icon1 {background-image: url(../images/common/icon01.png);}

  .gnb .menu-type2-icon2 {background-image: url(../images/common/icon02.png);}

  .gnb .menu-type2-icon3 {background-image: url(../images/common/icon03.png);}

  .gnb .menu-type2-icon4 {background-image: url(../images/common/icon04.png);}

  .gnb .menu-type2-icon5 {background-image: url(../images/common/icon05.png);}

  .gnb .menu-type2-icon6 {background-image: url(../images/common/icon06.png);}

  .gnb .menu-type2-icon7 {background-image: url(../images/common/icon07.png);}

  .gnb .menu-type2-icon8 {background-image: url(../images/common/icon08.png);}

  .gnb .menu-type2-icon9 {background-image: url(../images/common/icon09.png);}

  .gnb .menu-type2-icon10 {background-image: url(../images/common/icon10.png);}

  .gnb .menu-type2-icon11 {background-image: url(../images/common/icon11.png);}

  .gnb .menu-type2-icon12 {background-image: url(../images/common/icon12.png);}

  .gnb .menu-type2-icon13 {background-image: url(../images/common/icon13.png);}





  .all-menu-view {z-index: 100; position: absolute; bottom: 0; right: 0; height: 40px;}

  .all-menu-view a {color: #333; font-size: 20px;}



  .all-menu {z-index: 100; position: absolute; top: 94px; left: 0; right: 0; min-height: 531px; float: left; padding-bottom: 30px; background:url(../images/common/menu_bg.jpg) no-repeat left 40px; }

  .all-menu .gnb-submenu>ul {text-align: left;  }

  .all-menu .gnb-submenu>ul>li {padding: 10px 0;}

  .all-menu .gnb-submenu > ul > li > a > {line-height: 1.4;font-weight: normal;letter-spacing: -0.6px;}

  .all-menu .gnb-submenu>ul>li>a i.icon-angle-right {display:none; }

  .all-menu .gnb-submenu>ul>li>ul {display: none;}











}









@media (min-width: 992px) and (max-width: 1199px) {

		.header-search {left: 280px;}



		.header-search select {   width:110px; }

		.header-search input {   width: 190px; }

		.header-util > li { letter-spacing:-1.6px;  }

		.header-util > li + li:before {padding: 0 4px;}





		.gnb .menu-type2 ul { font-size:0px;  }

		.gnb .menu-type2 ul li {display:inline-block; text-align:center; width:14%;  }



		.gnb .gnb-menus, .all-menu .gnb-menus {display: inline-block;width:150px;}

		.gnb .gnb-menus:first-of-type, .all-menu .gnb-menus:first-of-type {padding-left:20px; width:150px;}

		.gnb .gnb-submenu{background-image: url(../images/common/2dep_p.png);}

    .gnb .menu-type1>ul>li {line-height: 1.4;padding:15px 20px;}

    .gnb .menu-type1>ul>li>a {font-size:17px;line-height: 1.4}

    .gnb .menu-type1>ul>li>a > i.icon-popup {position: absolute;top:0;right:0;line-height: 1; margin-right:-25px;}

    .all-menu .menu-type1>ul>li>a > i.icon-popup {line-height: 1.4;}





}







@media (max-width: 991px) {

	.header { z-index:100; position:relative;  }

}











@media (min-width: 1200px) {



}

@media (min-width: 992px) {



}

@media (min-width: 768px) {



}