#nav {height:120px; position:relative;  transition: .3s; border-bottom:1px solid rgba(0, 0,0,.1); background:#fff;}
/*#nav:after {content:''; position:absolute; z-index:1; width:100%; top:97px; height:165px; background:#2a2a2a}
#nav:hover {height:258px;}*/

#nav .tnb {position:absolute; top:0; left:0; width:100%;  height:33px; border-bottom:1px solid #eee; transition:.3s; overflow:hidden; z-index:101; background:#fff;}
#nav .tnb ul {max-width:1800px; padding:0 25px; text-align:left; padding-left:29px; margin:0 auto;}
#nav .tnb ul:after {content:''; clear:both; display:table;}
#nav .tnb ul li {displaY:inline-block; margin-right:24px;}
#nav .tnb ul li a {font-size:1.2em; font-family: 'Pretendard-Regular';  color:#777; height:33px; display:inline-block;	line-height:32px;}
#nav .tnb ul li.log {float:right; margin-right:0;}
#nav .tnb ul li.log a {background:#2197a3; color:#fff; padding:0 17px;}
#nav .tnb ul li.log a.regi {background:none; color:#777;}

#nav .nav_wid {max-width:1800px; margin:0 auto;  position: relative;}

#nav .nav_wid .logo2 {margin-top:54px; display:inline-block; position: relative; z-index: 100; transition:.3s; margin-left:25px;}
#nav .nav_wid .logo2 img { transition: all .3s; width:300px;}
#nav .nav_wid .nav_menu_ul:after {content:''; clear:both; display:table; }
#nav .nav_wid .nav_menu_ul {position:absolute; right:0; top:66px; width:100%; text-align:right; padding:0 25px; transition:.3s;}
#nav .nav_wid .nav_menu_ul li {display:inline-block;padding:0 26px; text-align:center; position: relative; z-index:2;}
#nav .nav_wid .nav_menu_ul li a {display:inline-block; width:100%; font-size:1.65em; color:#222; margin-top:0px; transition:.3s; }
#nav .nav_wid .nav_menu_ul li:hover .a1 {color:#2197a3;}
#nav .nav_wid .nav_menu_ul .li1:last-child {padding-right:0;}
#nav .nav_wid .nav_menu_ul li a img {margin-top:-29px; transition:.3s;}
#nav .nav_wid .nav_menu_ul li ul {position:absolute; top:54px; left:50%;   text-align:center; height:0px; transition:.3s; transform: translate(-50%,0); width:250px; opacity:0; height:0; overflow:hidden; }
#nav .nav_wid .nav_menu_ul li:hover ul {opacity:1; height:auto;}
#nav .nav_wid .nav_menu_ul li ul li {float:inherit;  display:inline-block; width:100%; }
#nav .nav_wid .nav_menu_ul li ul li a {width:100%; display:inline-block;  margin:0; padding:14px 0;color:#222; font-size:1.25em; transition:.3s;  background:rgba(255,255,255,1); border-bottom:1px solid rgba(255,255,255,.1); font-family: 'Pretendard-Regular';}
#nav .nav_wid .nav_menu_ul li ul li:last-child a {border:none; border-bottom: 1px solid #2197a3}
#nav .nav_wid .nav_menu_ul li ul li a:hover {background:#eee; color:#2197a3}

#nav .nav_wid .word {position: absolute; right: 13px; z-index: 100; top: 40px;}
#nav .nav_wid .word .a1 {font-size: 1.15em; background: #2197a3; color: #fff; padding: 9px 17px; border-radius: 50px; z-index: 101; position: relative;}
#nav .nav_wid .word .a1 svg {position: relative; top: 3px; margin-right: 2px;}
#nav .nav_wid .word .ul2 {position: absolute; width: 114px; background: #fff; box-shadow: 0px 1px 4px rgba(0,0,0,.35); border-radius: 5px; z-index: 100;  top: 0px; height: 0; overflow: hidden; transition: .3s; padding-top: 0;}
#nav .nav_wid .word .ul2 li a {width: 100%; display: inline-block; padding: 8px 15px; color: #444; letter-spacing: .5px; transition: .3s;}
#nav .nav_wid .word .ul2 li:first-child a {border-bottom: 1px solid #e8e8e8;}
#nav .nav_wid .word .li1:hover ul {padding-top: 27px; height: 97px;}
#nav .nav_wid .word .ul2 li a:hover {background: #f2f2f2;}

#nav .nav_wid .log_a {display:none;} 
#nav .nav_wid .nav_menu_ul li.log_a a {background:#2197a3; color:#fff; border-radius:50px; padding:2px 12px 3px 12px ; font-size:1.1em; width:auto; position:relative; top:2px;}


.header--fixed{position:fixed;z-index:10;right:0;left:0;top:0}
.headroom--top #nav {background:rgba(255,255,255,1); }
.headroom{transition:transform .25s ease-in-out;will-change:transform}
.headroom--pinned{/*transform:translateY(0)*/}
.headroom--unpinned{/*transform:translateY(-100%)*/}
.header:hover #nav .nav_wid .nav_menu_ul li:hover .a1 {color:#2197a3; border-bottom:3px solid #2197a3; padding-bottom:28px;}
.header:hover #nav .nav_wid .nav_menu_ul li.log_a a{color:#fff; transform:0}
.header:hover #nav .nav_wid .nav_menu_ul li.log_a a:hover {padding-bottom:2px;}

.headroom--not-top #nav {height:75px; background:#fff; border-bottom:1px solid rgba(0,0,0,.12);}
.headroom--not-top #nav .tnb {height:0px;}
/*.headroom--not-top #nav:after {top:75px; height:160px}
.headroom--not-top #nav:hover {height:235px;}*/
.headroom--not-top #nav .logo2 {margin-top:17px;}
.headroom--not-top #nav .logo2 img {width:250px; }
.headroom--not-top #nav .nav_wid .nav_menu_ul {top:27px;}
.headroom--not-top #nav .nav_wid .nav_menu_ul li a{color:#333; margin-top:0px; font-size:1.6em;}
.headroom--not-top #nav .nav_wid .nav_menu_ul li:hover .a1 {color:#2197a3; padding-bottom:22px !important;}
.headroom--not-top #nav .nav_wid .nav_menu_ul li ul {top:48px;}
.headroom--not-top #nav .nav_wid .nav_menu_ul li ul li a{margin-top:0; font-size:1.2em; color:#222;}
.headroom--not-top #nav .nav_wid .nav_menu_ul li.log_a a{color:#fff; font-size:1.1em;}
.headroom--not-top #nav .nav_wid .word {top: 29px;}

.mouse_u2 {display:none;}

@media screen and (max-width: 1300px) {
  #nav .nav_wid .nav_menu_ul li {padding:0 22px; }
}

@media screen and (max-width:992px) {
	#header{display:none;}
}


@media screen and (max-width:992px) {
	.wid {max-width:1200px; margin:0 auto;}
	
	#wrapper {margin-top:-36px;}
	
    .mouse_u2 {display:block;z-index:10000; position:fixed; left:0; right:0; top:-18px; overflow:hidden;transition:0.3s; border-bottom:1px solid rgba(255,255,255,0.3); background:#fff; z-index:10000;}
    
    .mouse_u2.top .hd_bg_u2 {height:71px; width:100%;top:0;z-index:1;position:fixed;transition:0.3s;}
	.mouse_u2 .hd_bg_u2 {position:relative; z-index:1000;}
	.mouse_u2 .hd_bg_u2.fixed {position:fixed; z-index:1000; top:0;background:#FFF;}
	.mouse_u2 .logo_box {width:205px; margin:0 auto; height:96px; background:url('/theme/basic/img/logo1.png')no-repeat left center; display:block; transition:0.3s; background-size:160px}
  .mouse_u2:hover .dg_call2 a img {filter: brightness(30%);}
  .mouse_u2.top .dg_call2 a img {filter: brightness(30%);}
  	.mouse_u2:hover .dg-hd-mo-menu-btn span,
    .mouse_u2:hover .dg-hd-mo-menu-btn span:before,
    .mouse_u2:hover .dg-hd-mo-menu-btn span:after {
          background-color: #333;
        }
	.mouse_u2.top .dg-hd-mo-menu-btn span,
    .mouse_u2.top .dg-hd-mo-menu-btn span:before,
    .mouse_u2.top .dg-hd-mo-menu-btn span:after {
          background-color: #333;
        }
    .mouse_u2.top .dg-hd-mo-menu-panel .dg-hd-mo-menu-btn span:before,
    .mouse_u2.top .dg-hd-mo-menu-panel .dg-hd-mo-menu-btn span:after {
          background:#555;
        }
	.mouse_u2.top .dg-hd-mo-menu-btn {padding-top:18px; margin-top:8px;}
	.mouse_u2.top .dg-hd-mo-menu-panel .dg-hd-mo-menu-btn  {padding-top:33px;}
	
        /*header*/
        .dg-hd-mo-menu-panel {
          transition: all 0.5s ease-in-out;
          -webkit-transition: all 0.5s ease-in-out;
          -moz-transition: all 0.5s ease-in-out;
          -o-transition: all 0.5s ease-in-out;
          -ms-transition: all 0.5s ease-in-out;
          position: relative;
          z-index: 9999;
          top: 0;
          height: 73px;
          width: 300px;
		  right:0;
          background-color: #fff;
          z-index:10000;
        }

        .dg-hd-mo-logo-area a{
            position:fixed;
			left:0;
			right:0;
			margin:0 auto;
            z-index:1000;
            top:28px;
            text-align:center;
        }
        
		.dg_call2 {
            z-index: 1000;
            margin-top:20px;
            font-size:1.2em;
            float:right;
			font-weight:300;
			color:#fff; 
			display:none;}
		.dg_call2 a{color:#fff; padding-left:15px; font-size:1.85em; position:relative; top:10px;}

        /*햄버거 메뉴*/
        .dg-hd-mo-menu-btn {
          transition: all 0.5s ease-in-out;
          -webkit-transition: all 0.5s ease-in-out;
          -moz-transition: all 0.5s ease-in-out;
          -o-transition: all 0.5s ease-in-out;
          -ms-transition: all 0.5s ease-in-out;
          display: inline-block;
          float: right;
          cursor: pointer;
          padding: 25px 0px 25px 0px;
          position: fixed;
          z-index: 2;
          top: 0px;
		  right:0px;
          margin-right:7px;
		  margin-top:44px;
          width: 20px;
          height: 20.18181818px;
          z-index:10000;
        }
		.dg-hd-mo-menu-panel .dg-hd-mo-menu-btn  {
			 padding: 33px 25px 25px 30px;
			 position:absolute;
			 
		}
        .dg-hd-mo-menu-btn span,
        .dg-hd-mo-menu-btn span:before,
        .dg-hd-mo-menu-btn span:after {
          transition: all 0.5s ease-in-out;
          -webkit-transition: all 0.5s ease-in-out;
          -moz-transition: all 0.5s ease-in-out;
          -o-transition: all 0.5s ease-in-out;
          -ms-transition: all 0.5s ease-in-out;
          width: 20px;
          height: 2px;
          background-color: #333;
		  position:absolute; 
		  right:0;
        }
		.dg-hd-mo-menu-panel .dg-hd-mo-menu-btn span,
        .dg-hd-mo-menu-panel .dg-hd-mo-menu-btn span:before,
        .dg-hd-mo-menu-panel .dg-hd-mo-menu-btn span:after {
          background: none;
        }
		
        .dg-hd-mo-menu-btn span {
          position: relative;
          display: inline-block;
          float: left;
          margin-top: 9.09090909px;
        }
        .dg-hd-mo-menu-btn span:before,
        .dg-hd-mo-menu-btn span:after {
          content: "";
          position: absolute;
          left: 0;
        }
        .dg-hd-mo-menu-btn span:before {
          top: -7.09090909px;
        }
        .dg-hd-mo-menu-btn span:after {
          top: 7.09090909px;
        }
        /*햄버거 메뉴 활성화 시*/
        .dg-hd-mo-menu-panel .dg-hd-mo-menu-btn.mo-menu-active span{
          background: transparent;
        }
        .dg-hd-mo-menu-panel .dg-hd-mo-menu-btn.mo-menu-active span:before,
        .dg-hd-mo-menu-panel .dg-hd-mo-menu-btn.mo-menu-active span:after {
          top: 0;
        }
        .dg-hd-mo-menu-panel .dg-hd-mo-menu-btn.mo-menu-active span:before {
          transform: rotate(-135deg);
          -webkit-transform: rotate(-135deg);
          -moz-transform: rotate(-135deg);
          -o-transform: rotate(-135deg);
          -ms-transform: rotate(-135deg);
        }
        .dg-hd-mo-menu-panel .dg-hd-mo-menu-btn.mo-menu-active span:after {
          -webkit-transition-delay: 0.09s;
          -moz-transition-delay: 0.09s;
          -o-transition-delay: 0.09s;
          -ms-transition-delay: 0.09s;
          transition-delay: 0.09s;
          transform: rotate(135deg);
          -webkit-transform: rotate(135deg);
          -moz-transform: rotate(135deg);
          -o-transform: rotate(135deg);
          -ms-transform: rotate(135deg);
        }

        /*메뉴 패널 안쪽부분*/
        .mo-menu-title{
          background: #000;
          height:65px;
          color:#fff;
          font-size:12px;
          padding: 24px 20px 0 20px;
          text-align: left;
        }
		 .mo-menu-title a {border-radius:3px; background:#2197a3; padding:7px 10px; margin-right:10px;}
        .dg-hd-mo-menu-panel > ul {
          width:100%;
          z-index: 1;
          height: auto;
          text-align: left;
        }

        .dg-hd-mo-menu-panel > ul > li{
          clear: both;
          width: 100%;
          border-bottom: 1px solid #bdbdbd;
        }

        .dg-hd-mo-menu-panel > ul > li.menu-label > a{
          font-size: 14px;
          padding: 16px 0 15px 30px;
          color: #444;
          width: calc(100% - 60px);
          display: inline-block;
          width:200px;
        }

        .dg-hd-mo-menu-panel > ul > li.menu-arrow-active-li{
          border-bottom: 2px solid #fff;
        }
        .dg-hd-mo-menu-panel > ul > li.menu-arrow-active-li-next-li{
          border-top: 1px solid #dcdcdc;
        }

        /*1차 메뉴의 - + 부분*/
        .dg-hd-mo-menu-panel ul li .dg-hd-mo-menu-arrow{
          top:2px;
          width: 60px;
          height:45px;
          display: inline-block;
          float: right;
          position: relative;
          cursor: pointer;
        }

        .dg-hd-mo-menu-panel ul li .dg-hd-mo-menu-arrow::before,
        .dg-hd-mo-menu-panel ul li .dg-hd-mo-menu-arrow::after{
          width: 20px;
          height: 2px;
          background: #535353;
          content: "";
          display: inline-block;
          position:absolute;
          left:17.5px;
          top: calc(50% - 1px);
          transition: all 0.3s ease-in-out;
          -webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          -ms-transition: all 0.3s ease-in-out;
        }

        .dg-hd-mo-menu-panel ul li .dg-hd-mo-menu-arrow::after{
          transform: rotate(90deg);
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
        }
        .dg-hd-mo-menu-panel ul li .dg-hd-mo-menu-arrow.menu-arrow-active::before,
        .dg-hd-mo-menu-panel ul li .dg-hd-mo-menu-arrow.menu-arrow-active::after{
          background: #2197a3;
        }
        .dg-hd-mo-menu-panel ul li .dg-hd-mo-menu-arrow.menu-arrow-active::after{
          -webkit-transition-delay: 0.09s;
          -moz-transition-delay: 0.09s;
          -o-transition-delay: 0.09s;
          -ms-transition-delay: 0.09s;
          transition-delay: 0.09s;
          transform: rotate(0deg);
          -webkit-transform: rotate(0deg);
          -moz-transform: rotate(0deg);
          -o-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
        }

        .dg-hd-mo-menu-panel .sub-menu{
          display:none;
          width: 100%;
        }

        .dg-hd-mo-menu-panel .sub-menu-on{
          display: block;

        }
        .dg-hd-mo-menu-panel .sub-menu li{
          float: left;
          height:40px;
          width: 100%;
          padding:0 10.133%;
		  background:#f2f2f2;
		  border-top:1px solid #ddd;
        }
		.dg-hd-mo-menu-panel .sub-menu li:first-child {
		  margin-top:2px;
		  border-top:none;
		}

        .dg-hd-mo-menu-panel .sub-menu li a{
          display: block;
          height: 100%;
          padding:11px 0px 15px 0px;
          font:13px 'bgR';
          color: #666666;
        }

        .dg-hd-mo-menu-panel {
          right: -100%;
        }
        .dg-hd-mo-menu-panel .dg-hd-mo-menu-btn {
          left: 126.5%;
        }
        .dg-hd-mo-menu-panel.mo-menu-active {
          right: 0;
          overflow-x: scroll;
        }
        .dg-hd-mo-menu-panel.mo-menu-active .dg-hd-mo-menu-btn {
          left: 100%;
          margin-left: -70px;
          z-index: 999;
          margin-top: -11px;
        }

        .dg-hd-mo-menu-panel.mo-menu-active .dg-hd-mo-menu-btn span:before,
        .dg-hd-mo-menu-panel.mo-menu-active .dg-hd-mo-menu-btn span:after{
          background: #fff;
        }

        .dg-hd-mo-menu-panel-overlay{
          position: fixed;
          top: 0;
          z-index: 9998;
          width: 100%;
          height: 100%;
          display: none;
          background-color: rgba(0, 0, 0, 0.6);
          cursor: pointer;
        }

        .dg-white{
         color:#fff;
        }

        .dg-point{
         color:#f9904c;
        }
   		.mo_menu {display:none;}
		.dg-hd-mo-menu-btn {display:none;}
		
		.log_a {display:none;}
		#wrapper {margin-top:0px;}
		.mouse_u2 {position:relative;}
		.mouse_u2 .logo_box {background:url('/theme/basic/img/logo1.png')no-repeat center; background-size:190px;  margin:0 auto;margin-top:-16px;float:none; width:190px;}
		.dg-hd-mo-logo-area a{
            position:fixed;
            z-index:1000;
            top:2px;
			left:0; right:0;
			width:213px;
			margin:0 auto;
            text-align:center;
        }
		.mouse_u2:hover .wid{height:87px;}
		.mouse_u2.top:hover .wid{height:87px;}
		.dg-hd-mo-menu-btn {padding-right:40px;}
		.dg_call {right:40px; display:none;}
		.dg_call2 {display:inline-block; width:50px; position:fixed; top:0; z-index:1000;margin-top:5px;}
		.dg-hd-mo-menu-panel {position:fixed; height:100%;}
		.mo_menu {display:block;}
		.dg-hd-mo-menu-btn {display:block;}
		.pc_tnb {display:none;}
		.mouse_u2 .wid {height:87px;}
		.dg-hd-mo-menu-btn {margin-top:0px; margin-right:0;}
	}