@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');
@import url('https://webfontworld.github.io/sandbox/SBAggro.css');
@import url('https://webfontworld.github.io/gmarket/GmarketSans.css');
    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.10em; margin:5px 8px 5px 5px; display:inline-block; position:relative; top:7px;}
	.pc_tnb a.com_a {background:#fff; color:#1d2059; padding:3px 10px 4px 10px; border-radius:5px; font-weight:500;}
	
	#wrapper {margin-top:-36px;}
	
    .mouse_u2 {display:block;z-index:10000; position:fixed; left:0; right:0; border-bottom:1px solid rgba(255,255,255,0.3);overflow:hidden;transition:0.3s;}
	.mouse_u2 .wid {height:78px; transition:0.3s;}
	.mouse_u2:hover .wid{}
	.mouse_u2:hover .dg_call .ul2 {opacity:1; overflow:visible;}
	.mouse_u2.top  {background:#fff; height:44px; margin-top:-16px;border-bottom:1px solid #eee;}
	.mouse_u2.top:hover .wid{}
    .mouse_u2.top .hd_bg_u2 {height:65px; width:100%;top:0;z-index:1;position:fixed;transition:0.5s;border-bottom:1px solid #eee;}
	.mouse_u2 .hd_bg_u2.fixed {position:fixed; z-index:1000; top:0;background:#FFF;}
	.mouse_u2 .logo_box {width:204px; height:62px; margin-top:0px;background:url('/theme/IDEN02/img/logo_m.png')no-repeat left; display:block; float:left; transition:0.3s; margin-left:0px;}
	.mouse_u2 .dg-hd-mo-logo-area a{width:205px;}
	.mouse_u2.top .logo_box {margin-top:-17px; background:url('/theme/IDEN02/img/logo.png')no-repeat left;background-size:160px;}
	.mouse_u2.top .dg_call {top:9px; }
	.mouse_u2.top .right_menu {top:8px; }
	.mouse_u2.top .dg_call .li1 {padding:0 23px;}
	.mouse_u2.top .dg_call .ul2 {margin-left:-31px; margin-top:40px;}
	.mouse_u2.top .dg_call a{color:#333;font-size:0.95em; padding-bottom:21px;text-shadow:none}
	.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: #555;
        }
    .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:#FFF;
        }
	.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:20px;
            text-align:center;
        }
        

        .dg_call {
            position: absolute;
			left:50%; transform: translateX(-50%);
            z-index: 1000;
            top:17px;
			transition:0.3s;
        }
		.dg_call .li1 {display:inline-block; font-size:1.60em; font-weight:600; padding:0 18px; }
		.dg_call .li1:last-child {padding-right:14px;}
		.dg_call .li1 a:hover {color:#1d2059}
		.dg_call a {color:#fff;transition:0.3s;position:relative; padding-bottom:23px; text-shadow:0px 1px 3px rgba(0,0,0,.3);}
		.dg_call .ul2 {position:absolute; opacity:0; overflow:hidden; transition:0.3s; margin-top:35px; text-align:center; font-size:0.9em; margin-left:1px;}
		.dg_call .ul2 li {padding-bottom:10px; font-weight:400;}
		.dg_call .li1 .a_li:hover {color:#1d2059; text-shadow:none}
		.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:22px; font-size:1.85em;}

    .mouse_u2 .right_menu {position: relative; top: 17px; float: right; z-index: 1000;}
    .mouse_u2 .right_menu a {font-size:1.3em; display:inline-block; padding:7px 10px; border-radius:15px; font-weight:500}
    .mouse_u2 .right_menu a i {margin-right:3px;font-size:1.1em;}
    .mouse_u2 .right_menu a.com_a_01 {background-color: #1d2059; color:#fff; margin-right:7px;}
    .mouse_u2 .right_menu a.com_a_02 {background-color: #fae300; color:#391b1b;}
        /*햄버거 메뉴*/
        .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:#c53428; 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 #c53428;
        }
        .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: #c53428;
        }
        .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: 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:1290px) {
      .dg_call {left:46%}
      .dg_call .li1 {padding:0 10px;font-size:1.5em;}
      }
	@media screen and (max-width:992px) {
		#wrapper {margin-top:0px;}
		.mouse_u2 {position:relative;}
		.mouse_u2 .logo_box {background:url('/theme/IDEN02/img/logo_m.png')no-repeat center;background-size:100px;  margin:0 auto;margin-top:-16px;float:none;}
		.dg-hd-mo-menu-btn span, .dg-hd-mo-menu-btn span:before, .dg-hd-mo-menu-btn span:after {background:#fff;}
		.mouse_u2.top .logo_box {background-size:auto;margin-top:-15px;background-position:center; background-size:70px;}
		.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;}
		.dg-hd-mo-menu-btn {padding-right:50px;}
		.dg_call {right:40px; display:none;}
		.dg_call2 {display:block; width:50px; overflow:hidden; position:fixed; left:-5px;margin-top:17px;}
		.mouse_u2.top .dg_call2 {position:fixed; z-index:10000000; top:1px;}
		.mouse_u2.top .dg_call2 a {color:#333;}
		.dg-hd-mo-menu-panel {position:fixed; height:100%;}
		.mo_menu {display:block;}
		.dg-hd-mo-menu-btn {display:block;}
		.pc_tnb {display:none;}
    .right_menu {display:none;}
		.mouse_u2 .wid {height:64px; background-color: #000101;}
		.dg-hd-mo-menu-btn {margin-top:-3px; margin-right:0;}
      }
	@media screen and (max-width:550px) {
	}
