@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic+Coding:wght@400;700&family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Fjalla+One&display=swap');
    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; overflow:hidden;transition:0.3s; border-bottom:1px solid rgba(255,255,255,0.4); background:rgba(0,0,0,0);}
	.mouse_u2:hover {background:#fff;}
    .mouse_u2:after {content: ''; position: absolute;top:0; width:100%; height:162px;  background:rgba(255,255,255,0);}
    .mouse_u2.top:after {height:125px;} 
	.mouse_u2 .wid {height:90px; transition:0.3s; position:relative; }
	.mouse_u2:hover .wid {height:290px; background:url('/theme/IDEN02/img/he_img.png')no-repeat left bottom;}
	
	.mouse_u2:hover {background:rgba(0,149,218,.9);}
    .mouse_u2:hover:after {background:rgba(255,255,255,1);}
    .mouse_u2.top:after {height:125px; border-bottom:1px solid #eee;} 
	.mouse_u2:hover .wid {}
	
	.mouse_u2:hover .dg_call a{color:#333;}
	.mouse_u2.top  {height:125px; background:#fff; margin-top:-16px;border-bottom:none; transition:0.3s;}
	.mouse_u2.top .wid {transition:0.3s;}
	.mouse_u2.top:hover {height:330px; background:rgba(0,149,218,.9);}
	.mouse_u2.top:hover .wid {background-position:left bottom 40px;}
	
	.mouse_u2 .tnb {position:relative; z-index:100; top:0;  text-align:right; max-width:1178px; margin:0 auto; margin-top:40px;}
	.mouse_u2 .tnb a {display:inline-block; margin:10px 15px 0 0; font-size:1.05em;}
	.mouse_u2:hover .tnb a {color:#111;}

    .mouse_u2.top .hd_bg_u2 {height:65px; 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:293px; height:85px; margin-top:5px;background:url('/theme/IDEN02/img/logo.png')no-repeat left; display:block; float:left; transition:0.3s; margin-left:0px;}
	.mouse_u2:hover .logo_box {background:url('/theme/IDEN02/img/logo_top.png')no-repeat left;}
	.mouse_u2 .dg-hd-mo-logo-area a{width:205px;}
	.mouse_u2.top .logo_box {margin-top:-22px; background:url('/theme/IDEN02/img/logo_top.png')no-repeat left;background-size:180px;}
	.mouse_u2.top .dg_call {top:9px;  max-width:1200px; margin:0 auto; }
	.mouse_u2.top .dg_call .ul1 {float:right;}
	.mouse_u2.top .dg_call .li1 {padding:0 25px;}
	.mouse_u2.top .dg_call .ul2 {margin-top:42px;}
	.mouse_u2.top .log_a {z-index:9999; margin-top:47px;}
  .mouse_u2.top .dg_call a{color:#333;font-size:0.95em; padding-bottom:20px;}
  .mouse_u2.top .dg_call .ul2 a {font-size:0.9em; color:#555}
  .mouse_u2.top .dg_call .ul2 a:hover {color:#0063bf}
  .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:3px;}
	.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;
            z-index:1000;
            top:14px;
            text-align:center;
        }
        

        .dg_call {
            position: relative;
			float:right;
            z-index: 1000;
            top:37px;
			right:0px;
			transition:0.3s;
        }
		.dg_call .li1 {display:inline-block; font-size:1.5em; font-weight:600; padding:0 26px; }
		.dg_call .li1 a:hover {color:#0063bf}
		.dg_call a {color:#fff;transition:0.3s;position:relative; padding-bottom:10px; font-weight:500;  font-family:'notokr-medium';}
		.dg_call .ul2 {position:absolute;  transition:0.3s; margin-top:50px; text-align:center; font-size:0.9em; margin-left:-33px;}
		.dg_call .ul2 a {font-weight:400;}
		.dg_call .ul2 li {padding-bottom:12px; font-weight:400;}
		.dg_call .ul2_1 {margin-left:13px;}
		.dg_call .ul2_2 {margin-left:-13px;}
		.dg_call .ul2_3 {margin-left:-22px;}
		.dg_call .ul2_4 {margin-left:-23px;}
		.dg_call .ul2 a {font-size:0.9em; color:#fff !important}
		.dg_call .ul2 a:hover {color:#0095da;}
		.dg_call .li1:hover .a_li {color:#0095da;}
		.log_a {display:inline-block; position:absolute; right:10px;  margin-top:43px; z-index: 100;}
		.log_a a {display:inline-block; margin:0 1px; border-radius:50px; padding:3px 15px 5px 15px; font-weight:400; background:#0063bf; font-size:1.0em; color:#fff; transition:0.3s;}
		.log_a a:hover {background:#222}
		.mouse_u2 .dg_call .li1 .a_li:before,
.mouse_u2 .dg_call .li1 .a_li:after {
  content: "";
  border-bottom: solid 2px #0095da;
  position: absolute;
  bottom: 0;
  width: 0;
}

.dg_call .li1 .a_li:before {
  left: 0;
}
.dg_call .li1 .a_li:after {
  right: 0;
}

.dg_call .li1:hover .a_li:before,
.dg_call .li1:hover .a_li:after {
  width: 50%;
}

.dg_call .li1 .a_li:before,
.dg_call .li1 .a_li:after {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
		.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;}
		.dg_call2 a img {filter: brightness(1000%); margin-top:2px;}

        /*햄버거 메뉴*/
        .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: #fff;
		  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:#0063bf; 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: #0063bf;
        }
        .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;}
		
	@media screen and (max-width:1280px) {
	}
	@media screen and (max-width:992px) {
		.mouse_u2 .tnb {display:none;}
		.mouse_u2:hover {background:rgba(255,255,255,1);}
		.mouse_u2.top:hover {background:rgba(255,255,255,1);}
		.log_a {display:none;}
		#wrapper {margin-top:0px;}
		.mouse_u2 {position:relative;}
		.mouse_u2 .logo_box {background:url('/theme/IDEN02/img/logo.png')no-repeat center;  margin:0 auto;margin-top:-28px;float:none; width:220px; background-size:140px;}
		.mouse_u2:hover .logo_box {background:url('/theme/IDEN02/img/logo_top.png')no-repeat center; background-size:140px;}
		.mouse_u2.top:hover {height:104px;}
		.mouse_u2.top .logo_box {margin-top:-28px;background-position:center;background-size:140px; }
		.dg-hd-mo-logo-area a{
            position:fixed;
            z-index:1000;
            top:17px;
			left:0; right:0;
			width:213px;
			margin:0 auto;
            text-align:center;
        }
		.mouse_u2:hover .wid{height:64px;}
		.mouse_u2.top:hover .wid{height:64px;}
		.dg-hd-mo-menu-btn {padding-right:50px;}
		.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:64px;}
		.dg-hd-mo-menu-btn {margin-top:-3px; margin-right:0;}
	@media screen and (max-width:550px) {
		.dg-hd-mo-menu-panel {width:320px;}
		.dg_call {display:none;}
		.dg-hd-mo-menu-btn {margin-left:-30px;}
		.mouse_u2 .logo_box {}
		.mouse_u2.top .logo_box {}
		.dg_call2 {margin-top:8px;}
		.dg-hd-mo-menu-btn {padding-right:34px;}
	}