#nav {height:90px;  transition: .3s; overflow: hidden; border-bottom:1px solid rgba(0,0,0,.05);}
#nav:hover {height:290px;}
#nav .nav_wid {max-width:1200px; margin:0 auto; padding:0 10px;}
#nav .hd1 {text-align:left; float:left; width:33.333%; font-weight:300;}
#nav .hd1 p {font-size:1.25em; margin-top:17px; color:#888;letter-spacing:1px;}
#nav .hd1 p a {color:#ad1e02; display:inline-block; margin-left:4px; padding:0 10px 1px 10px; border-radius:5px; border:1px solid #ad1e02; font-size:0.9em;transition:0.3s; }
#nav .hd1 p a:hover {background:#ad1e02; color:#fff;}
#nav .hd1 p.mo {display:none;}

#nav .hd2 { float:left; width:100%}
#nav .hd2 img{margin-top:10px;}
#nav .hd2 p {font-size:1.4em;color:#333; margin-top:25px;position:relative; z-index:1000; float:right;}
#nav .hd2 .Toggle img {width:22px; margin-top:-3px; margin-left:5px;}

#nav .nav_wid .logo1 {display:none;}
#nav .nav_wid .logo2 {margin-top:19px; display:inline-block;}
#nav .nav_wid .logo2 img { transition: all .3s;}
#nav .nav_wid .nav_menu_ul:after {content:''; clear:both; display:table; }
#nav .nav_wid .nav_menu_ul {width:auto; float:right; }
#nav .nav_wid .nav_menu_ul li {float:left; padding:0 28px; text-align:center; position: relative;}
#nav .nav_wid .nav_menu_ul li a {display:inline-block; width:100%; font-size:1.55em; color:#222; margin-top:32px; transition:.3s; }
#nav .nav_wid .nav_menu_ul li:hover .a1 {color:#01b1ae;}
#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:85px; left:50%;   text-align:center; height:0px; transition:.3s; transform: translate(-50%,0); width:200px;}
#nav .nav_wid .nav_menu_ul li ul li {float:inherit; width:100%; }
#nav .nav_wid .nav_menu_ul li ul li a {width:100%;  margin:0; padding:6px 0;color:#666; font-size:1.25em; transition:.3s; }
#nav .nav_wid .nav_menu_ul li ul li:nth-child(3) {width:100%;}

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


.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 {background:#fff;}
.header:hover #nav .nav_wid .nav_menu_ul li a:hover {color:#01b1ae;}
.header:hover #nav .nav_wid .nav_menu_ul li.log_a a{color:#fff;}

.headroom--not-top #nav {height:75px; background:#fff;}
.headroom--not-top #nav:hover {height:290px;}
.headroom--not-top #nav .logo2 {margin-top:16px;}
.headroom--not-top #nav .logo2 img {width:150px; }
.headroom--not-top #nav .nav_wid .nav_menu_ul li a{color:#333; margin-top:23px; font-size:1.5em;}
.headroom--not-top #nav .nav_wid .nav_menu_ul li a:hover {color:#01b1ae;}
.headroom--not-top #nav .nav_wid .nav_menu_ul li ul {top:75px;}
.headroom--not-top #nav .nav_wid .nav_menu_ul li ul li a{margin-top:0; font-size:1.2em; color:#777;}
.headroom--not-top #nav .nav_wid .nav_menu_ul li.log_a a{color:#fff; font-size:1.1em;}

.mouse_u2 {display:none;}


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


@media screen and (max-width:992px) {
    section.target:nth-child(even) {color:#000;}
	.pc_tnb {background:none; text-align:right; position:relative; z-index:10000;}
	.wid {max-width:1200px; margin:0 auto;}
	.pc_tnb .left_p {margin-top:8px; text-align:left;position:absolute; color:#eee; font-size:1.05em;}
	.pc_tnb .left_p i {margin-right:3px;}
	.pc_tnb .left_p b {margin-right:6px;}
	.pc_tnb a {color:#eee; font-size:1.05em; padding:9px 12px; display:inline-block;}
	
	#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/IDEN02/img/logo_top.png')no-repeat left; display:block; transition:0.3s;}
  .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:4px;}

        /*햄버거 메뉴*/
        .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:#01b1ae; 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: #01b1ae;
        }
        .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/IDEN02/img/logo_top.png')no-repeat center; background-size:140px;  margin:0 auto;margin-top:-14px;float:none; width:140px;}
		.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;}
	}