@charrset 'utf-8';
@import url(https://cdn.jsdelivr.net/jquery.fullpage/2.9.4.jquery.fullpage.min.css)


/*SCROLL TYPE*/
html::-webkit-scrollbar-track , .modal_container::-webkit-scrollbar-track,.inner.modalscrab1 .modalscrab_wrap .scrab_no1 > ul::-webkit-scrollbar-track {/*  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 	 */  background-color: rgba(0,0,0,.1); border-radius:10px; margin-top:5px; margin-bottom:0px; }
html::-webkit-scrollbar , .modal_container::-webkit-scrollbar , .inner.modalscrab1 .modalscrab_wrap .scrab_no1 > ul::-webkit-scrollbar{ width: 5px;  background-color: #fff;margin-top:20px; margin-bottom:20px;}
html::-webkit-scrollbar-thumb , .modal_container::-webkit-scrollbar-thumb , .inner.modalscrab1 .modalscrab_wrap .scrab_no1 > ul::-webkit-scrollbar-thumb{ background-color: #717171; border-radius:10px; margin-top:20px; margin-bottom:20px;}
body::-webkit-scrollbar-track , .modal_container::-webkit-scrollbar-track,.inner.modalscrab1 .modalscrab_wrap .scrab_no1 > ul::-webkit-scrollbar-track {/*  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 	 */  background-color: rgba(0,0,0,.1); border-radius:10px; margin-top:5px; margin-bottom:0px; }
body::-webkit-scrollbar , .modal_container::-webkit-scrollbar , .inner.modalscrab1 .modalscrab_wrap .scrab_no1 > ul::-webkit-scrollbar{ width: 5px;  background-color: #fff;margin-top:20px; margin-bottom:20px;}
body::-webkit-scrollbar-thumb , .modal_container::-webkit-scrollbar-thumb , .inner.modalscrab1 .modalscrab_wrap .scrab_no1 > ul::-webkit-scrollbar-thumb{ background-color: #717171; border-radius:10px; margin-top:20px; margin-bottom:20px;}

@-webkit-keyframes sc1 {
    0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; }
}
@keyframes sc1 {
    0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; }
}
@-webkit-keyframes sc2 {
    0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; }
}
@keyframes sc2 {
    0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; }
}

[data-nav="on"] { animation: nav .35s ease-out .35s forwards; }
[data-nav="off"] { display: none; }
@-webkit-keyframes nav {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes nav {
    from { opacity: 0; }
    to { opacity: 1; }
}
[data-an="fade-up"]{
    opacity: 0;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: ease-in-out 1s;
    -o-transition: ease-in-out 1s;
    transition: ease-in-out 1s;
}
[data-fade="in"] [data-an="fade-up"]{
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

[data-an="fade-right"]{
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
    -webkit-transition: ease-in-out 1s;
    -o-transition: ease-in-out 1s;
    transition: ease-in-out 1s;
}
[data-fade="in"] [data-an="fade-right"]{
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
[data-an="fade-left"]{
    opacity: 0;
    -webkit-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
    -webkit-transition: ease-in-out 1s;
    -o-transition: ease-in-out 1s;
    transition: ease-in-out 1s;
}
[data-fade="in"] [data-an="fade-left"]{
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
[data-an-order="1"]{
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
}
[data-an-order="2"]{
    -webkit-transition-delay: .55s;
    -o-transition-delay: .55s;
    transition-delay: .55s;
}
[data-an-order="3"]{
    -webkit-transition-delay: .7s;
    -o-transition-delay: .7s;
    transition-delay: .7s;
}
[data-an-order="4"]{
    -webkit-transition-delay: .85s;
    -o-transition-delay: .85s;
    transition-delay: .85s;
}
[data-an-order="5"]{
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}
[data-an-order="6"]{
    -webkit-transition-delay: 1.15s;
    -o-transition-delay: 1.15s;
    transition-delay: 1.15s;
}
[data-section="1"] .fade-contents { margin-top: -80px; }


.bg{-webkit-transform: scale(1.2);-ms-transform:scale(1.2);-transform: scale(1.2); -webkit-transition: ease-out 3s;-o-transition: ease-out 3s; transition: ease-out 3s;}
.bg-zoom{
	-webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
     animation: zoom ease-in-out 3s forwards;
}

input::placeholder {
  font-size: 18px; color: #ffffff; font-family: 'NotoL', sans-serif
}

/* main start */
#main-slide-0{background-image: url('../images/main/main_slide1.png'); background-position: center center; background-repeat: no-repeat; background-size: cover;}
#main-slide-1{background-image: url('../images/main/main_slide2.png'); background-position: center center; background-repeat: no-repeat; background-size: cover;}
#main-slide-2{background-image: url('../images/main/main_slide3.png'); background-position: center center; background-repeat: no-repeat; background-size: cover;}

.main{ width: 100%; height: 100%; overflow: hidden;}
.main-ul{width: 300%; height: 100%; left: 0; transition: 0.4s;}
.main-li{width: 33.33%; height: 100%; float: left; overflow: hidden;}
.main-wrap{width: 100%; height: 100%;}
.main-div{width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center;}

/* main end */

/* about start */
.about-wrap{ width: 100%; height: 100vh; overflow: hidden;}
.about-section-1{background-image: url('../images/about/about_section_1.png'); background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%;}
.about-section-2{background-image: url('../images/about/about_section_2.png'); background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%;}
.about-section-1-wrap{width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; flex-direction: column;}
.about-section-2-wrap{width: 100%; height: 100%; background-color: rgba(6, 27, 54, 0.7); display: flex; justify-content: center; align-items: center; flex-direction: column;}
/* about end */

.quotation-header-wrap{width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; flex-direction: column;}

.navi{display: inline-block; color: #525252; font-size: 10px; margin: 0 1px; font-family: 'NanumSquare', sans-serif; font-weight: 400; padding: 7px; border: 1px solid #525252;}
.navi_active{background-color: #003D91; color: #ffffff;}

.portfolio-wrap{min-height: 90.7vh;}
.notice-wrap{min-height: 90.7vh;}
.contact-wrap{overflow: hidden;}

img{-ms-user-select: none !important;
    -moz-user-select: -moz-none !important;
    -khtml-user-select: none !important;
    -webkit-user-select: none !important;
    user-select: none !important;
    -ms-user-drag: none !important;
    -moz-user-drag: -moz-none !important;
    -khtml-user-drag: none !important;
    -webkit-user-drag: none !important;
  }

.video-frame *{width: 100% !important; height: 100% !important;}
@media only screen and (min-width : 1025px){
	.footer{width: 100%; height: 120px; background-color: #262B37;}
	.footer .footer-content-div{width: 1600px; height: 120px; margin: 0 auto;}
	.footer .footer-content-div .footer-logo-div{width: 8%; float: left; height: 120px;}
	.footer .footer-content-div .footer-logo-div .footer-logo{display: block; width: 120px; top: 50%; left: 50%; transform: translate(-50%, -50%);}
	.footer .footer-content-div .footer-company-info-div{width: 92%; float: left; height: 120px; display: flex; justify-content: center; align-items: center; flex-direction: row;}
	.footer .footer-content-div .footer-company-info-div .footer-text{flex: 0.33; color: #fff; font-size: 16px; font-weight: 400; font-family: 'NanumSquare', sans-serif; display: block; text-align: left; line-height: 1.5;}
	.footer .footer-content-div .footer-copy-info-div{width: 46%; float: left; height: 120px;}
	.footer .footer-content-div .footer-copy-info-div .footer-copy{position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
	
	.more-btn{width: 200px; display: block; height: 50px; margin: 0 auto; margin-top: 10px; border: 2px solid #C6C6C6; border-radius: 23px; line-height: 50px; text-align: center; box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.1); color: #525252; font-size: 22px; font-weight: 600; font-family: 'NanumSquare', sans-serif;}
	.map-logo-div{width: 120px; height: 40px; left: 66%; top: 50%; transform: translate(-50%, -50%); display: block;}
	.map-logo-img{width: 120px; height: 40px; position: absolute; left: 50%; top: 330%; transform: translate(-50%, -50%); display: block;}
	/* main start */
	.main-text{display: block; width: 100%; font-size: 65px; text-align: center; color: #ffffff; font-family: 'NanumSquare', sans-serif; font-weight: 700; letter-spacing: -1.95px; line-height: 1.5; -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; }
	.dot-ul{z-index: 10; position: fixed; left: 50px; top: 50%; transform: translateY(-50%); list-style: none; width: 16px; height: 80px; -webkit-transition: ease-out 0.5s;-o-transition: ease-out 0.5s; transition: ease-out 0.5s;}
	.dot-li{width: 16px; height: 16px; background-color: rgba(255, 255, 255, 0.5); border-radius: 8px; margin-bottom: 16px; -webkit-transition: ease-out 1s;-o-transition: ease-out 1s; transition: ease-out 1s; cursor: pointer;}
	.dot-li:hover{background-color: rgba(255, 255, 255, 1); -webkit-transition: ease-out 1s;-o-transition: ease-out 1s; transition: ease-out 1s;}
	.dot-li:last-child{margin-bottom: 0;}
	.dot-li.active{background-color: rgba(255, 255, 255, 1);}
	.arrow{display: block; position: fixed; top: 50%; transform: translateY(-50%); right: 50px; width: 36px; height: 72px;}
	.arrow-img{width: 100%; display: block;}
	/* main end */
	
	/* header start */
	.header{width: 100%; position: fixed; z-index: 22; top: 0; height: 100px;}
	.header-logo{width: 112px; display: block; position: absolute; left: 50px; top: 50%; transform: translateY(-50%);}
	.header-logo-img{width: 100%; display: block;}
	.web-menu-ul{text-align: center; list-style: none; display: block; position: absolute; right: 40px; height: 40px; top: 30px;}
	.web-menu-ul .web-menu-li{display: inline-block; height: 40px; margin-right: 60px; padding-left: 15px; padding-right: 15px;}
	.web-menu-ul .web-menu-li:last-child{margin-right: 0;}
	.web-menu-ul .web-menu-li .web-menu-a{display: block; line-height: 40px; text-align: center; height: 40px; color: #ffffff; font-family: 'NanumSquare', sans-serif; font-weight: 600; -webkit-transition: ease-out 0.5s;-o-transition: ease-out 0.5s; transition: ease-out 0.5s; padding-left: 5px; padding-right: 5px;}
	
	
	.header-modal{display: none;}
	.m-menu-a{display: none;}
	
	.header_w{width: 100%; position: fixed; z-index: 22; top: 0; height: 100px; background-color: #ffffff;}
	.web-menu-ul .web-menu-li .web-menu-a_w{display: block; line-height: 40px; text-align: center; height: 40px; color: #525252; font-family: 'NanumSquare', sans-serif; font-weight: 700; -webkit-transition: ease-out 0.5s;-o-transition: ease-out 0.5s; transition: ease-out 0.5s; padding-left: 5px; padding-right: 5px;}
	
	
	
	.header-modal_w{display: none;}
	
	/* header end */
	
	/* about start */
	.about-section-1-text-1{ display: block; width: 100%; text-align: center; font-size: 115px; font-family: 'NanumSquare', sans-serif; color: #ffffff; font-weight: 600; letter-spacing: -3.45px; -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;}
	.about-section-1-text-2{ display: block; width: 100%; text-align: center; font-size: 73px; font-family: 'NanumSquare', sans-serif; color: #ffffff; font-weight: 400; margin-top: 30px; letter-spacing: -2.19px; -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;}
	.about-section-1-text-3{ display: block; width: 100%; text-align: center; font-size: 44px; font-family: 'NanumSquare', sans-serif; color: #ffffff; font-weight: 300; margin-top: 15px; letter-spacing: -1.32px; -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;}
	.about-section-1-text-4-w{display: block; width: 100%; text-align: center; font-size: 20px; font-family: 'NanumSquare', sans-serif; color: rgba(255, 255, 255, 0.7); font-weight: 400; margin-top: 101px; letter-spacing: -0.6px; line-height: 2; -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;}
	.about-section-1-text-4-m{display: none;}
	.about-section-2-text-1{display: block; width: 100%; text-align: center; font-size: 74px; color: #ffffff; font-family: 'NanumSquare', sans-serif; font-weight: 600; letter-spacing: -2.22px; -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;}
	.about-section-2-img-w{display: block; margin-top: 108px;}
	.about-section-2-text-2{display: block; width: 100%; text-align: center; font-size: 25px; color: rgba(255, 255, 255, 0.8); font-family: 'NanumSquare', sans-serif; font-weight: 400; letter-spacing: -0.75px; margin-top: 125px; line-height: 1.8; -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;}
	.about-section-2-img-m{display: none;} 
	.about-section-1-arrow{position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); width: 30px; display: block;}
	/* about end */
	.contact-form-info-aster{color:#FF0766; }
	/* portfolio start */
	.portfolio-wrap{width: 100%; padding-top: 100px;}
	.portfolio-header{width: 100%; height: 280px; background-image: url('../images/portfolio/portfolio_top_back.png'); background-position: center center; background-size: cover;}
	.portfolio-header-back{width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center;}
	.portfolio-header-text{display: block; width: 100%; text-align: center; color: #ffffff; font-size: 70px; font-family: 'NanumSquare', sans-serif; font-weight: 600; letter-spacing: -2.1px;}
	.portfolio-content-wrap{width: 100%; padding-top: 80px; padding-bottom: 45px;}
	.portfolio-slide-wrap{width: 100%; height: 400px; overflow: hidden; text-align: center;}
	.portfolio-slide-div{width: 850px; height: 360px; position: absolute; left: 50%; top: 10px; transform: translateX(-50%);}
	.portfolio-slide-div .portfolio-slide-ul{width: 2550px; left: -850px; height: 360px; -webkit-transition: ease-out 0.5s;-o-transition: ease-out 0.5s; transition: ease-out 0.5s;}
	.portfolio-slide-div .portfolio-slide-ul .portfolio-slide-li{width: 33.33%; float: left; height: 360px;}
	.portfolio-slide-div .portfolio-slide-ul .portfolio-slide-li .slide-wrap{width: 515px; height: 284px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);  box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.3); -webkit-transition: ease-out 0.5s;-o-transition: ease-out 0.5s; transition: ease-out 0.5s; background-size: cover; background-position: center center; background-repeat: no-repeat; overflow: hidden; cursor: pointer;}
	.portfolio-slide-div .portfolio-slide-ul .portfolio-slide-li .slide-wrap.active{width: 650px; height: 360px;}
	.portfolio-slide-div .portfolio-slide-ul .portfolio-slide-li .slide-wrap .slide-content-wrap{width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-size: cover; background-repeat: no-repeat;}
	.portfolio-slide-div .portfolio-slide-ul .portfolio-slide-li .slide-wrap .slide-content-wrap .slide-content-info-div{position: absolute; width: 100%; bottom: 0; background: transparent linear-gradient(322deg, rgba(15, 12, 92, 0.7) 0%, #2163B5 100%) 0% 0% no-repeat padding-box; display: flex; justify-content: center; align-items: center; height: 90px; -webkit-transition: ease-out 0.5s;-o-transition: ease-out 0.5s; transition: ease-out 0.5s; flex-direction: column;}
	.portfolio-slide-div .portfolio-slide-ul .portfolio-slide-li .slide-wrap .slide-content-wrap .slide-content-info-div .slide-content-info-text-1{display: block; width: 100%; text-align: center; font-size: 30px; font-family: 'NanumSquare', sans-serif; font-weight: 600; color: #ffffff; -webkit-transition: ease-out 0.5s;-o-transition: ease-out 0.5s; transition: ease-out 0.5s;}
	.portfolio-slide-div .portfolio-slide-ul .portfolio-slide-li .slide-wrap .slide-content-wrap .slide-content-info-div .slide-content-info-text-2{display: none; -webkit-transition: ease-out 0.5s;-o-transition: ease-out 0.5s; transition: ease-out 0.5s; width: 100%; line-height: 1.5; text-align: center; margin-top: 37px; color: #ffffff; font-family: 'NanumSquare', sans-serif; font-weight: 400; font-size: 19px; letter-spacing: 0.6px; padding-left: 120px; padding-right: 120px;}
	.portfolio-slide-div .portfolio-slide-ul .portfolio-slide-li .slide-wrap.active .slide-content-wrap .slide-content-info-div{height: 100%;}
	.portfolio-slide-div .portfolio-slide-ul .portfolio-slide-li .slide-wrap.active .slide-content-wrap .slide-content-info-div .slide-content-info-text-1{font-weight: 600; font-size: 42px;}
	.portfolio-slide-div .portfolio-slide-ul .portfolio-slide-li .slide-wrap.active .slide-content-wrap .slide-content-info-div .slide-content-info-text-2{display: block;}
	.portfolio-arrow-left{position: absolute; top: 50%; left: -64px; transform: translateY(-50%); width: 50px; height: 50px; display: block;}
	.portfolio-arrow-right{position: absolute; top: 50%; right: -64px; transform: translateY(-50%); width: 50px; height: 50px; display: block;}
	.portfolio-arrow-img{display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
	.portfolio-dot-ul{height: 16px; position: absolute; left: 50%; transform: translateX(-50%); top: 0px; text-align: center; }
	.portfolio-dot-ul .portfolio-dot-li{display: inline-block; width: 16px; height: 16px; background-color: rgba(0, 61, 145, 0.5); border-radius: 8px; margin-right: 14px; -webkit-transition: ease-out 0.5s;-o-transition: ease-out 0.5s; transition: ease-out 0.5s; cursor: pointer;}
	.portfolio-dot-ul .portfolio-dot-li:hover{-webkit-transition: ease-out 0.5s;-o-transition: ease-out 0.5s; transition: ease-out 0.5s; background-color: #003D91;}
	.portfolio-dot-ul .portfolio-dot-li.active{background-color: #003D91}
	.portfolio-dot-ul .portfolio-dot-li:last-child{margin-right: 0;}
	
	.pd-wrap{width: 100%; padding-top: 100px; padding-bottom: 50px;}
	.pd-top-wrap{width: 100%; height: 280px; background-position: center center; background-repeat: no-repeat; background-size: cover;}
	.pd-top-back{width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; flex-direction: column;}
	.pd-top-text-1{display: block; width: 100%; font-size: 65px; text-align: center; letter-spacing: -1.95px; color: #ffffff; font-weight: 600; font-family: 'NanumSquare', sans-serif;}
	.pd-top-text-2{display: block; width: 100%; font-size: 20px; text-align: center; letter-spacing: -0.6px; color: rgba(255, 255, 255, 0.8); font-weight: 400; font-family: 'NanumSquare', sans-serif; margin-top: 15px;}
	.pd-content-wrap{width: 100%; padding-top: 55px; text-align: center; padding-bottom: 50px;}
	.pd-content-wrap .pd-content-tab-ul{text-align: center; height: 50px;}
	.pd-content-wrap .pd-content-tab-ul .pd-content-tab-li{display: inline-block; margin-right: 13px;}
	.pd-content-wrap .pd-content-tab-ul .pd-content-tab-li:last-child{margin-right: 0;}
	.pd-content-wrap .pd-content-tab-ul .pd-content-tab-li .pd-content-tab-a{width: 260px; height: 50px; border-radius: 25px; background: #fff; border: 1px solid #c6c6c6; box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.1); text-align: center; line-height: 50px; color: #525252; font-family: 'NanumSquare', sans-serif; font-size: 20px; letter-spacing: -0.6px; font-weight: 600; -webkit-transition: ease-out 0.5s;-o-transition: ease-out 0.5s; transition: ease-out 0.5s; display: block;}
	.pd-content-wrap .pd-content-tab-ul .pd-content-tab-li .pd-content-tab-a:hover{background: transparent linear-gradient(282deg, #0F0C5C 0%, #2163B5 100%) 0% 0% no-repeat padding-box; border: none; color: #fff; -webkit-transition: ease-out 0.5s;-o-transition: ease-out 0.5s; transition: ease-out 0.5s;}
	.pd-content-wrap .pd-content-tab-ul .pd-content-tab-li .pd-content-tab-a.active{background: transparent linear-gradient(282deg, #0F0C5C 0%, #2163B5 100%) 0% 0% no-repeat padding-box; border: none; color: #fff;}
	
	.pd-list-wrap{width: 1200px; margin: 0 auto; margin-top: 85px;}
	.pd-list-wrap .pd-list-ul{width: 100%; list-style: none;}
	.pd-list-wrap .pd-list-ul .pd-list-li{width: 360px; height: 260px; margin-right: 40px; float: left; margin-bottom: 30px;}
	.pd-list-wrap .pd-list-ul .pd-list-li .pd-list-div{width: 100%; height: 200px; position: absolute; top: 0; overflow: hidden; box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.3); background-size: cover; background-position: center center; background-repeat: no-repeat;}
	
	.pd-list-wrap .pd-list-ul .pd-list-li:nth-child(3n){margin-right: 0px;}
	.pd-list-wrap .pd-list-ul .pd-list-li .pd-list-div .pd-list-info{width: 100%; height: 60px; background: transparent linear-gradient(280deg, rgba(15, 12, 92, 0.7) 0%, #2163B5 100%) 0% 0% no-repeat padding-box; display: flex; justify-content: center; flex-direction: column; align-items: center; -webkit-transition: ease-out 0.5s;-o-transition: ease-out 0.5s; transition: ease-out 0.5s; position: absolute; bottom: 0;}
																											
	.pd-list-wrap .pd-list-ul .pd-list-li .pd-list-div .pd-list-info .pd-list-info-text{display: block; width: 100%; padding-left: 15px; color: #fff; font-family: 'NanumSquare', sans-serif; font-size: 20px; font-weight: 600; -webkit-transition: ease-out 0.5s;-o-transition: ease-out 0.5s; transition: ease-out 0.5s; text-align: left;}
	.pd-list-wrap .pd-list-ul .pd-list-li .pd-list-div .pd-list-info .pd-list-info-btn{ display: none; width: 100px; height: 30px; border-radius: 15px; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 5px 5px 5px #040D1A4D; line-height: 30px; color: #525252; font-family: 'NanumSquare', sans-serif; text-align: center; font-weight: 600; margin-top: 20px; font-size: 17px;}
	.pd-list-wrap .pd-list-ul .pd-list-li .pd-list-div:hover .pd-list-info{height: 100%;}
	.pd-list-wrap .pd-list-ul .pd-list-li .pd-list-div:hover .pd-list-info .pd-list-info-text{font-size: 25px; padding-left: 0; text-align: center;}
	.pd-list-wrap .pd-list-ul .pd-list-li .pd-list-div:hover .pd-list-info .pd-list-info-btn{display: block;}
	
	.video-modal{width: 100%; height: 100vh; position: fixed; z-index: 30; background-color: rgba(0, 0, 0, 0.8); top: 0; left: 0; display: none;}
	.video-wrap{width: 1000px; height: 560px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 1px solid #fff;}
	.video-wrap .video-frame{width: 100%; height: 100%;}
	
	.video-close-btn{position: absolute; top: -1px; right: -61px; display: block; width: 60px; height: 60px;}
	.video-close-btn .video-close-img{width: 100%; display: block;}
	/* portfolio end */
	
	
	/* quotation start */
	.quotation-wrap{width: 100%; padding-top: 100px; padding-bottom: 85px;}
	.quotation-header{width: 100%; height: 280px; background-size: cover; background-position: center center; background-repeat: no-repeat; background-image: url('../images/quotation/quotation_title.png')};
	.quotation-header-wrap{width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; flex-direction: column;}
	.quotation-title{display: block; width: 100%; text-align: center; color: #ffffff; font-family: 'NanumSquare', sans-serif; font-size: 65px; font-weight: 600;}
	
	
	.quotation-list-wrap{width: 1210px; padding-top: 100px; margin: 0 auto; display: flex; flex-direction: row;}
	.quotation-list-div-1{width: 600px; flex: 1; padding-top: 30px; padding-left: 30px; padding-right: 30px; padding-bottom: 60px; background-color: #ffffff; margin-right: 10px;}
	.quotation-list-div-2{width: 600px; flex: 1; padding-top: 30px; padding-left: 30px; padding-right: 30px; padding-bottom: 60px; background-color: #ffffff;}
	.code-high{width: 100%; height: 60px; border-bottom: 3px solid #525252;}
	.code-high-title{display: block; width: 100%; height: 60px; line-height: 60px; color: #0F0F0F; text-align: center; font-family: 'NanumSquare', sans-serif; font-weight: 600; font-size: 20px;}
	.code-list-ul{list-style: none; width: 100%;}
	.code-list-ul .code-list-li{width: 100%; height: 60px; border-bottom: 1px solid #d8d8d8; display: flex; justify-content: center; align-items: center; flex-direction: row; margin-bottom: 10px;}
	.code-list-ul .code-list-li .code-list-sub{flex: 0.2; color: #0f0f0f; text-align: left; line-height: 1.2; font-size: 15px; font-family: 'NanumSquare', sans-serif; font-weight: 600; letter-spacing: -0.66px;}
	.code-list-ul .code-list-li .code-list-title{flex: 0.45; color: #0F0F0F; text-align: left; line-height: 1.2; font-size: 15px; font-family: 'NanumSquare', sans-serif; font-weight: 400; letter-spacing: -0.66px; padding-right: 10px;}
	.code-list-ul .code-list-li .code-list-input{flex: 0.1; color: #0f0f0f; text-align: left; border: 1px solid #707070; border-radius: 6px; width: 50px; height: 35px; padding-left: 10px; font-size: 15px; font-family: 'NanumSquare', sans-serif; font-weight: 400; transition: 0.3s;}
	.code-list-ul .code-list-li .code-list-input:focus{border: 2px solid #003D91; color: #003d91; transition: 0.3s;}
	.code-list-ul .code-list-li .code-list-input.active{border: 2px solid #003D91; color: #003d91; transition: 0.3s;}
	.code-list-ul .code-list-li .code-list-type{ flex: 0.05; color: #0f0f0f; text-align: left; line-height: 1.2; font-size: 15px; font-family: 'NanumSquare', sans-serif; font-weight: 400; letter-spacing: -0.66px; padding-left: 5px;}
	.code-list-ul .code-list-li .code-list-cost{ flex: 0.20; color: #0f0f0f; text-align: right; line-height: 1.2; font-size: 15px; font-family: 'NanumSquare', sans-serif; font-weight: 400; letter-spacing: -0.66px;}
	
	.cost-wrap{width: 1210px; margin: 0 auto; margin-top: 60px; text-align: right;}
	.cost-wrap .cost-div{ width: 500px; float: right;}
	.cost-ul{width: 100%; list-style: none;}
	.cost-ul .cost-li{width: 100%; height: 60px; flex-direction: row; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #d8d8d8;}
	.cost-ul .cost-li .cost-li-text-1{flex: 0.5; text-align: left; color: #525252; font-size: 25px; font-weight: 600; font-family: 'NanumSquare', sans-serif;}
	.cost-ul .cost-li .cost-li-text-2{flex: 0.5; text-align: right; color: #003D91; font-size: 25px; font-weight: 600; font-family: 'NanumSquare', sans-serif;}
	.cost-div-bottom-text{display: block; text-align: right; margin-top: 20px; line-height: 1.4; color: #676767; font-size: 12px; font-family: 'NanumSquare', sans-serif; font-weight: 400;}
	
	.quotation-submit-btn{display: block; width: 220px; height: 60px; background: transparent linear-gradient(289deg, rgba(15, 12, 92, 0.7) 0%, #2163B5 100%) 0% 0% no-repeat padding-box; box-shadow: 5px 6px 6px rgba(0, 0, 0, 0.3); border-radius: 30px; margin: 0 auto; margin-top: 30px; text-align: center; line-height: 60px; color: #fff; font-weight: 600; font-family: 'NanumSquare', sans-serif; font-size: 30px; cursor: pointer; border: none;}	
	/* quotation end */
	
	/* contact start */
	.contact-wrap{width: 100%; padding-top: 100px;}
	.contact-map-wrap{width: 100%; padding-top: 40%;}
	.contact-map-div{position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%);}
	.contact-map-div *{background-color: transparent !important; border: none !important;}
	.contact-map-title-wrap{width: 100%; height: 200px; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.6) !important; flex-direction: column; display: flex; justify-content: center; align-items: center; z-index: 9999;}
	.contact-map-title-wrap .contact-map-title-1{display: block; width: 100%; text-align: center; font-size: 70px; font-weight: 600; font-family: 'NanumSquare', sans-serif; color: #ffffff;}
	.contact-map-title-wrap .contact-map-title-2{display: block; width: 100%; text-align: center; font-size: 25px; font-weight: 400; font-family: 'NanumSquare', sans-serif; color: #ffffff; margin-top: 20px;}
	
	.contact-content-wrap{width: 100%; padding-top: 60px; padding-bottom: 50px;}
	.contact-form-wrap{width: 1000px; margin: 0 auto;}
	.contact-form-title-1{display: block; width: 100%; text-align: center; color: #ffffff; font-family: 'NanumSquare', sans-serif; font-weight: 600; font-size: 61px; }
	.contact-form-title-2{display: block; width: 100%; text-align: center; color: #fff; font-size: 26px; font-family: 'NanumSquare', sans-serif; font-weight: 300; margin-top: 12px; letter-spacing: -0.78px; line-height: 1.4;}
	.contact-form-info-ul{width: 100%; list-style: none; margin-top: 30px;}
	.contact-form-info-ul .contact-form-info-li{width: 450px; margin-right: 100px; height: 40px; float: left; border-bottom: 1px solid #435267;}
	.contact-form-info-ul .contact-form-info-li:nth-child(2n){margin-right: 0px;}
	.contact-form-info-ul .contact-form-info-li .contact-form-info-title-wrap{width: 15%; height: 40px; float: left;}
	.contact-form-info-ul .contact-form-info-li .contact-form-info-title-wrap .contact-form-info-title{font-family: 'NanumSquare', sans-serif; line-height: 40px; color: #fff; font-size: 16px; font-weight: 600;}
	.contact-form-info-ul .contact-form-info-li .contact-form-info-title-wrap .contact-form-info-aster{color: #FF0766;}
	.contact-form-info-ul .contact-form-info-li .contact-form-info-input{width: 85%; float: right; height: 40px; background-color: transparent; border: none; color: #fff; font-size: 16px; font-family: 'NanumSquare', sans-serif; font-weight: 400;}
	.contact-form-check-ul{width: 100%; text-align: center; margin-top: 30px;}
	.contact-form-check-ul .contact-form-check-li{width: 29%; margin-right: 5%; display: inline-block;}
	.contact-form-check-ul .contact-form-check-li:last-child{margin-right: 0;}
	input[type=checkbox] { display: none; }
	input[type=checkbox] + label { cursor: pointer; display: block; width: 100%; color: #ffffff !important; background-color: transparent; text-align: left;  padding-left: 10px;}
	input[type=checkbox]:checked + label:after, input[type=checkbox]:checked ~ label:after { content: ""; font-size: 12px; font-weight: 300; color: rgba(255, 255, 255, 1.0); background-image: url('../images/contact/check.png'); background-size: 12px 12px; background-repeat: no-repeat; background-position: center center; text-align: center; }
	input[type=checkbox] + label:after { content: ''; width: 16px; height: 16px; position: absolute; left: -14px; top: 0; background-color: #fff; border-radius: 5px; color: #ffffff !important; }
	.contact-form-check-text-1{display: block; color: #fff; font-weight: 600; font-family: 'NanumSquare', sans-serif; font-size: 18px;}
	.contact-form-check-text-2{display: block; margin-top: 5px; font-weight: 400; font-family: 'NanumSquare', sans-serif; font-size: 14px; color: rgba(255, 255, 255, 0.7); line-height: 1.5;}
	.contact-content-text-1{display: block; width: 100%; margin-top: 30px; color: #fff; font-size: 16px; font-family: 'NanumSquare', sans-serif; font-weight: 600;}
	.contact-content-text-2{display: block; margin-top: 5px; color: rgba(255, 255, 255, 0.7); font-size: 14px; font-family: 'NanumSquare', sans-serif; font-weight: 400;}
	.contact-content-textarea{width: 100%; margin-top: 10px; border-radius: 26px; background-color: #435267; height: 200px; border: none; padding: 20px; color: #fff; font-size: 16px; font-family: 'NanumSquare', sans-serif; font-weight: 400; line-height: 1.4;}
	.contact-agree-div{text-align: center; margin: 0 auto; margin-top: 10px; width: 260px;}
	.contact-submit-btn{margin: 0 auto; margin-top: 50px; background-color: #fff; box-shadow: 5px 6px 4px #0B1D5780; border: none; cursor: pointer; width: 140px; height: 40px; border-radius: 20px; line-height: 40px; color: #525252; font-size: 16px; font-weight: 600; font-family: 'NanumSquare', sans-serif; letter-spacing: -0.66px; display: block;}
	
	.contact-agree-text-div{height: 0; width: 600px; margin: 0 auto; margin-top: 10px; overflow: hidden; background-color: rgba(67, 82, 103, 0.5); border-radius: 14px; transition: 0.3s;}
	.contact-agree-text{padding-left: 30px; padding-right: 30px; padding-top: 20px; padding-bottom: 20px; color: rgba(255, 255, 255, 0.7);  font-size: 12px; font-family: 'NanumSquare', sans-serif; font-weight: 300; line-height: 1.5; display: block; width: 100%;}
	.contact-quota-wrap{width: 100%; margin-top: 20px;}
	.contact-quota-wrap .contact-quota-category{display: block; width: 100%; height: 40px; color: #fff; border-bottom: 1px solid #fff; font-size: 16px; font-weight: 600; text-align: center; font-family: 'NanumSquare', sans-serif; line-height: 40px;}
	.contact-quota-wrap .contact-quota-ul{width: 100%;}
	.contact-quota-wrap .contact-quota-ul .contact-quota-li{height: 40px; width: 100%; border-bottom: 1px solid #435267; flex-direction: row; display: flex; justify-content: center; align-items: center;}
	.contact-quota-wrap .contact-quota-ul .contact-quota-li .quota-sub-title{flex: 0.2; color: #fff; font-size: 16px; font-weight: 600; font-family: 'NanumSquare', sans-serif; }
	.contact-quota-wrap .contact-quota-ul .contact-quota-li .quota-title{flex: 0.5; color: rgba(255, 255, 255, 0.8); font-size: 16px; font-weight: 400; font-family: 'NanumSquare', sans-serif; }
	.contact-quota-wrap .contact-quota-ul .contact-quota-li .quota-count{flex: 0.1; color: rgba(255, 255, 255, 0.8); font-size: 16px; font-weight: 400; font-family: 'NanumSquare', sans-serif; }
	.contact-quota-wrap .contact-quota-ul .contact-quota-li .quota-cost{flex: 0.2; color: #fff; font-size: 16px; font-weight: 600; font-family: 'NanumSquare', sans-serif;  text-align: right;}
	
	.contact-quota-cost-wrap{width: 100%; height: 150px; margin-top: 20px;}
	.contact-quota-cost-wrap .contact-quota-cost-div{width: 50%; float: right; height: 150px;}
	.contact-quota-cost-wrap .contact-quota-cost-div .contact-quota-cost-ul{width: 100%;}
	.contact-quota-cost-wrap .contact-quota-cost-div .contact-quota-cost-ul .contact-quota-cost-li{width: 100%; height: 50px; border-bottom: 1px solid #fff; flex-direction: row; display: flex; justify-content: center; align-items: center;}
	.contact-quota-cost-wrap .contact-quota-cost-div .contact-quota-cost-ul .contact-quota-cost-li .contact-quota-cost-text-1{flex: 0.5; line-height: 50px; font-size: 18px; color: #fff; font-family: 'NanumSquare', sans-serif; font-weight: 600; text-align: left;}
	.contact-quota-cost-wrap .contact-quota-cost-div .contact-quota-cost-ul .contact-quota-cost-li .contact-quota-cost-text-2{flex: 0.5; line-height: 50px; font-size: 18px; color: #fff; font-family: 'NanumSquare', sans-serif; font-weight: 600; text-align: right;} 
	/* contact end */
	
	/* notice start */
	.notice-wrap{width: 100%; padding-top: 100px;}
	.notice-header{width: 100%; height: 280px; background-size: cover; background-position: center center; background-repeat: no-repeat; background-image: url('../images/notice/notice_top_back.png')};
	.notice-header .notice-header-background{width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; flex-direction: column;}
	.notice-header .notice-header-background .notice-header-text{display: block; width: 100%; text-align: center; color: #ffffff; font-family: 'NanumSquare', sans-serif; font-size: 65px; font-weight: 600;}
	#notice-header-background{width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; flex-direction: column;}
	.notice-content-wrap{width: 100%; padding-top: 40px; padding-bottom: 40px; min-height: 480px;}
	.notice-content-wrap .notice-content-tbl{width: 1000px; margin: 0 auto; margin-top: 20px;}
	.notice-content-wrap .notice-content-tbl .notice-content-tr-h{background-color: rgba(82, 82, 82, 0.1); height: 45px; border-top: 1px solid #707070; border-bottom: 1px solid #707070;}
	.notice-content-wrap .notice-content-tbl .notice-content-tr-h td{text-align: center; vertical-align: middle; font-size: 12px; font-family: 'NanumSquare', sans-serif; font-weight: 600; color: #525252;}
	.notice-content-wrap .notice-content-tbl .notice-content-tr{border-bottom: 1px solid #707070; height: 45px; cursor: pointer;}
	.notice-content-wrap .notice-content-tbl .notice-content-tr td{text-align: center; vertical-align: middle; font-size: 12px; font-family: 'NanumSquare', sans-serif; font-weight: 400; color: #525252;}
	.notice-content-wrap .notice-content-tbl .notice-content-tr-h .detail-th{text-align: left; vertical-align: middle; font-size: 12px; font-family: 'NanumSquare', sans-serif; font-weight: 600; color: #525252; padding-left: 30px;}
	.notice-content-wrap .notice-content-tbl .notice-content-detail-tr{border-bottom: 1px solid #707070;}
	.notice-content-wrap .notice-content-tbl .notice-content-detail-tr .detail-td{padding: 30px;}
	.notice-content-wrap .notice-content-tbl .notice-content-detail-tr .detail-td *{vertical-align: middle; font-size: 12px !important; font-family: 'NanumSquare', sans-serif !important; font-weight: 400 !important; color: #525252; line-height: 1.5 !important;}
	.notice-content-wrap .notice-content-tbl .notice-content-detail-tr .detail-td img{width: 100% !important;} 
	.paging-tr{height: 40px;}
	.notice-btn{width: 60px; height: 35px; border: 1px solid #707070; background-color: transparent; color: #707070; font-size: 12px; font-family: 'NanumSquare', sans-serif; font-weight: 400; cursor: pointer;}
	/* notice end */
	.red-line:after{width: 100%; height: 1px; background-color: #FF0766; position: absolute; bottom: -3px; content: ''; left: 0;}
}

@media only screen and (min-width : 721px) and (max-width : 1024px) {
	.footer{width: 100%; height: 140px; background-color: #262B37;}
	.footer .footer-content-div{width: 70%; height: 140px; margin: 0 auto;}
	.footer .footer-content-div .footer-logo-div{width: 20%; float: left; height: 120px;}
	.footer .footer-content-div .footer-logo-div .footer-logo{display: block; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%);}
	.footer .footer-content-div .footer-company-info-div{width: 80%; float: left; height: 120px; display: flex; justify-content: center; align-items: center; flex-direction: column; padding-top: 3%;}
	.footer .footer-content-div .footer-company-info-div .footer-text{flex: 0.33; color: rgba(255, 255, 255, 0.7); font-size: 14px; font-weight: 400; font-family: 'NanumSquare', sans-serif; display: block; text-align: left; line-height: 1.5; width: 100%; padding-left: 10%;}
	.more-btn{width: 200px; display: block; height: 50px; margin: 0 auto; margin-top: 10px; border: 2px solid #C6C6C6; border-radius: 23px; line-height: 50px; text-align: center; box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.1); color: #525252; font-size: 22px; font-weight: 600; font-family: 'NanumSquare', sans-serif;}
	.map-logo-div{width: 120px; height: 40px; left: 66%; top: 50%; transform: translate(-50%, -50%); display: block;}
	.map-logo-img{width: 120px; height: 40px; position: absolute; left: 50%; top: 330%; transform: translate(-50%, -50%); display: block;}
	/* main start */
	.main-text{display: block; width: 100%; font-size: 46px; text-align: center; color: #ffffff; font-family: 'NanumSquare', sans-serif; font-weight: 700; letter-spacing: -1.38px; line-height: 1.5; -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; }
	.dot-ul{z-index: 10; position: fixed; bottom: 36px; left: 50%; transform: translateX(-50%); list-style: none; width: 60px; height: 12px; -webkit-transition: ease-out 0.5s;-o-transition: ease-out 0.5s; transition: ease-out 0.5s;}
	.dot-li{width: 12px; height: 12px; background-color: rgba(255, 255, 255, 0.5); border-radius: 6px; margin-right: 12px; -webkit-transition: ease-out 1s;-o-transition: ease-out 1s; transition: ease-out 1s; cursor: pointer; float: left;}
	.dot-li:hover{background-color: rgba(255, 255, 255, 1); -webkit-transition: ease-out 1s;-o-transition: ease-out 1s; transition: ease-out 1s;}
	.dot-li:last-child{margin-right: 0;}
	.dot-li.active{background-color: rgba(255, 255, 255, 1);}
	.arrow{display: none;}
	/* main end */
	.contact-form-info-aster{color:#FF0766; }
	/* header start */
	.header{width: 100%; position: fixed; z-index: 22; top: 0; height: 85px;}
	.header-logo{width: 113px; display: block; position: absolute; left: 25px; top: 50%; transform: translateY(-50%);}
	.header-logo-img{width: 100%; display: block;}
	.web-menu-ul{display: none;}
	.header-modal{display: none; position: fixed; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.8); justify-content: center; align-items: center; z-index: 21;}
	.m-menu-a{display: block; width: 33px; position: absolute; top: 50%; transform: translateY(-50%); right: 30px;}
	.m-menu-img{display: block; width: 100%;}
	.header-ul{width: 100%; list-style: none;}
	.header-ul .header-li{width: 100%; margin-bottom: 80px; }
	.header-ul .header-li:last-child{margin-bottom: 0px;}
	.header-ul .header-li .header-a{width: 100%; display: block; color: #ffffff; font-family: 'NanumSquare', sans-serif; text-align: center; font-size: 55px; font-weight: 600;}
	.header_w{width: 100%; position: fixed; z-index: 22; top: 0; height: 85px; background-color: #ffffff;}
	.header-modal_w{display: none; position: fixed; width: 100%; height: 100vh; background-color: rgba(255, 255, 255, 0.9); justify-content: center; align-items: center; z-index: 21;}
	.header-a_w{width: 100%; display: block; color: #525252; font-family: 'NanumSquare', sans-serif; text-align: center; font-size: 55px; letter-spacing: -1.65px; font-weight: 600;}
	/* header end */
	
	/* about start */
	.about-section-1-text-1{ display: block; width: 100%; text-align: center; font-size: 67px; font-family: 'NanumSquare', sans-serif; color: #ffffff; font-weight: 600; letter-spacing: -2.01px; -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;}
	.about-section-1-text-2{ display: block; width: 100%; text-align: center; font-size: 53px; font-family: 'NanumSquare', sans-serif; color: #ffffff; font-weight: 400; margin-top: 25px; letter-spacing: -1.59px; -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;}
	.about-section-1-text-3{ display: block; width: 100%; text-align: center; font-size: 29px; font-family: 'NanumSquare', sans-serif; color: #ffffff; font-weight: 300; margin-top: 15px; letter-spacing: -0.87px; -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;}
	.about-section-1-text-4-w{display: none;}
	.about-section-1-text-4-m{display: block; width: 100%; text-align: center; font-size: 15px; font-family: 'NanumSquare', sans-serif; color: rgba(255, 255, 255, 0.7); font-weight: 400; margin-top: 78px; letter-spacing: -0.45px; line-height: 2; -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;}
	.about-section-2-text-1{display: block; width: 100%; text-align: center; font-size: 54px; color: #ffffff; font-family: 'NanumSquare', sans-serif; font-weight: 600; letter-spacing: -1.62px; -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;}
	.about-section-2-img-w{display: none;}
	.about-section-2-text-2{display: block; width: 100%; text-align: center; font-size: 17px; color: rgba(255, 255, 255, 0.8); font-family: 'NanumSquare', sans-serif; font-weight: 400; letter-spacing: -0.51px; margin-top: 20px; line-height: 1.8; -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;}
	.about-section-2-img-m{display: block; margin-top: 56px; width: 170px;} 
	.about-section-1-arrow{position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); width: 27px; display: block;}
	/* about end */
	
	/* portfolio start */
	.portfolio-wrap{width: 100%; padding-top: 85px;}
	.portfolio-header{width: 100%; height: 200px; background-image: url('../images/portfolio/portfolio_top_back.png'); background-position: center center; background-size: cover;}
	.portfolio-header-back{width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center;}
	.portfolio-header-text{display: block; width: 100%; text-align: center; color: #ffffff; font-size: 40px; font-family: 'NanumSquare', sans-serif; font-weight: 600; letter-spacing: -1.2px;}
	.portfolio-content-wrap{width: 100%; padding-top: 80px; padding-bottom: 45px;}
	.portfolio-slide-wrap{width: 100%; height: 450px; overflow: hidden; text-align: center;}
	.portfolio-slide-div{width: 370px; height: 410px; position: absolute; left: 50%; top: 10px; transform: translateX(-50%);}
	.portfolio-slide-div .portfolio-slide-ul{width: 1110px; left: -370px; height: 410px; -webkit-transition: ease-out 0.5s;-o-transition: ease-out 0.5s; transition: ease-out 0.5s;}
	.portfolio-slide-div .portfolio-slide-ul .portfolio-slide-li{width: 33.33%; float: left; height: 410px; cursor: pointer;}
	.portfolio-slide-div .portfolio-slide-ul .portfolio-slide-li .slide-wrap{width: 270px; height: 350px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);  box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.3); -webkit-transition: ease-out 0.5s;-o-transition: ease-out 0.5s; transition: ease-out 0.5s; background-size: cover; background-position: center center; background-repeat: no-repeat; overflow: hidden; cursor: pointer;}
	.portfolio-slide-div .portfolio-slide-ul .portfolio-slide-li .slide-wrap.active{width: 320px; height: 410px;}
	.portfolio-slide-div .portfolio-slide-ul .portfolio-slide-li .slide-wrap .slide-content-wrap{width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-size: cover; background-repeat: no-repeat;}
	.portfolio-slide-div .portfolio-slide-ul .portfolio-slide-li .slide-wrap .slide-content-wrap .slide-content-info-div{position: absolute; width: 100%; bottom: 0; background: transparent linear-gradient(322deg, rgba(15, 12, 92, 0.7) 0%, #2163B5 100%) 0% 0% no-repeat padding-box; display: flex; justify-content: center; align-items: center; height: 60px; -webkit-transition: ease-out 0.5s;-o-transition: ease-out 0.5s; transition: ease-out 0.5s; flex-direction: column;}
	.portfolio-slide-div .portfolio-slide-ul .portfolio-slide-li .slide-wrap .slide-content-wrap .slide-content-info-div .slide-content-info-text-1{display: block; width: 100%; text-align: center; font-size: 17px; font-family: 'NanumSquare', sans-serif; font-weight: 600; color: #ffffff; -webkit-transition: ease-out 0.5s;-o-transition: ease-out 0.5s; transition: ease-out 0.5s;}
	.portfolio-slide-div .portfolio-slide-ul .portfolio-slide-li .slide-wrap .slide-content-wrap .slide-content-info-div .slide-content-info-text-2{display: none; -webkit-transition: ease-out 0.5s;-o-transition: ease-out 0.5s; transition: ease-out 0.5s; width: 100%; line-height: 1.5; text-align: center; margin-top: 30px; color: #ffffff; font-family: 'NanumSquare', sans-serif; font-weight: 400; font-size: 13px; letter-spacing: 0.4px; padding-left: 30px; padding-right: 30px;}
	.portfolio-slide-div .portfolio-slide-ul .portfolio-slide-li .slide-wrap.active .slide-content-wrap .slide-content-info-div{height: 100%;}
	.portfolio-slide-div .portfolio-slide-ul .portfolio-slide-li .slide-wrap.active .slide-content-wrap .slide-content-info-div .slide-content-info-text-1{font-weight: 600; font-size: 31px; line-height: 1.5;}
	.portfolio-slide-div .portfolio-slide-ul .portfolio-slide-li .slide-wrap.active .slide-content-wrap .slide-content-info-div .slide-content-info-text-1 .mobile{display: block;}
	.portfolio-slide-div .portfolio-slide-ul .portfolio-slide-li .slide-wrap.active .slide-content-wrap .slide-content-info-div .slide-content-info-text-2{display: block;}
	.portfolio-arrow-left{position: absolute; top: 50%; left: -30px; transform: translateY(-50%); width: 30px; height: 30px; display: block;}
	.portfolio-arrow-right{position: absolute; top: 50%; right: -30px; transform: translateY(-50%); width: 30px; height: 30px; display: block;}
	.portfolio-arrow-img{display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 15px;}
	.portfolio-dot-ul{height: 14px; position: absolute; left: 50%; transform: translateX(-50%); top: 0px; text-align: center; }
	.portfolio-dot-ul .portfolio-dot-li{display: inline-block; width: 14px; height: 14px; background-color: rgba(0, 61, 145, 0.5); border-radius: 7px; margin-right: 12px; -webkit-transition: ease-out 0.5s;-o-transition: ease-out 0.5s; transition: ease-out 0.5s; cursor: pointer;}
	.portfolio-dot-ul .portfolio-dot-li:hover{-webkit-transition: ease-out 0.5s;-o-transition: ease-out 0.5s; transition: ease-out 0.5s; background-color: #003D91;}
	.portfolio-dot-ul .portfolio-dot-li.active{background-color: #003D91}
	.portfolio-dot-ul .portfolio-dot-li:last-child{margin-right: 0;}
	
	.pd-wrap{width: 100%; padding-top: 85px; padding-bottom: 40px;}
	.pd-top-wrap{width: 100%; height: 200px; background-position: center center; background-repeat: no-repeat; background-size: cover;}
	.pd-top-back{width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; flex-direction: column;}
	.pd-top-text-1{display: block; width: 100%; font-size: 37px; text-align: center; letter-spacing: -1.11px; color: #ffffff; font-weight: 600; font-family: 'NanumSquare', sans-serif;}
	.pd-top-text-2{display: block; width: 100%; font-size: 14px; text-align: center; letter-spacing: -0.42px; color: rgba(255, 255, 255, 0.8); font-weight: 400; font-family: 'NanumSquare', sans-serif; margin-top: 10px;}
	.pd-content-wrap{width: 80%; padding-top: 30px; text-align: center; margin: 0 auto;}
	.pd-content-wrap .pd-content-tab-ul{text-align: center; height: 40px;}
	.pd-content-wrap .pd-content-tab-ul .pd-content-tab-li{display: inline-block; width: 30%; margin-right: 4%; height: 40px;}
	.pd-content-wrap .pd-content-tab-ul .pd-content-tab-li:last-child{margin-right: 0;}
	.pd-content-wrap .pd-content-tab-ul .pd-content-tab-li .pd-content-tab-a{width: 100%; height: 40px; text-align: center; line-height: 40px; color: #525252; font-family: 'NanumSquare', sans-serif; font-size: 15px; letter-spacing: -0.45px; font-weight: 600; -webkit-transition: ease-out 0.5s;-o-transition: ease-out 0.5s; transition: ease-out 0.5s; display: block;}
	.pd-content-wrap .pd-content-tab-ul .pd-content-tab-li .pd-content-tab-a:after{width: 0%; height: 4px; position: absolute; bottom: 0; left: 0; -webkit-transition: ease-out 0.5s;-o-transition: ease-out 0.5s; transition: ease-out 0.5s; background: rgb(33,99,181); background: linear-gradient(90deg, rgba(33,99,181,1) 0%, rgba(15,12,92,1) 100%); content: '';}
	.pd-content-wrap .pd-content-tab-ul .pd-content-tab-li .pd-content-tab-a:hover{color: #003D91; -webkit-transition: ease-out 0.5s;-o-transition: ease-out 0.5s; transition: ease-out 0.5s;}
	.pd-content-wrap .pd-content-tab-ul .pd-content-tab-li .pd-content-tab-a:hover:after{width: 100%; -webkit-transition: ease-out 0.5s;-o-transition: ease-out 0.5s; transition: ease-out 0.5s;}
	.pd-content-wrap .pd-content-tab-ul .pd-content-tab-li .pd-content-tab-a.active{color: #003D91;}
	.pd-content-wrap .pd-content-tab-ul .pd-content-tab-li .pd-content-tab-a.active:after{width: 100%;}
	
	.pd-list-wrap{width: 100%; margin: 0 auto; margin-top: 85px;}
	.pd-list-wrap .pd-list-ul{width: 100%; list-style: none;}
	.pd-list-wrap .pd-list-ul .pd-list-li{width: 100%; padding-top: 55%; margin-bottom: 70px; cursor: pointer;}
	.pd-list-wrap .pd-list-ul .pd-list-li .pd-list-div{width: 100%; height: 100%; position: absolute; top: 0; overflow: hidden; box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.3); background-size: cover; background-position: center center; background-repeat: no-repeat;}
	
	.pd-list-wrap .pd-list-ul .pd-list-li .pd-list-div .pd-list-info{width: 100%; height: 80px; background: transparent linear-gradient(280deg, rgba(15, 12, 92, 0.7) 0%, #2163B5 100%) 0% 0% no-repeat padding-box; display: flex; justify-content: center; flex-direction: column; align-items: center; -webkit-transition: ease-out 0.5s;-o-transition: ease-out 0.5s; transition: ease-out 0.5s; position: absolute; bottom: 0;}
	.pd-list-wrap .pd-list-ul .pd-list-li .pd-list-div .pd-list-info .pd-list-info-text{display: block; width: 100%; padding-left: 40px; color: #fff; font-family: 'NanumSquare', sans-serif; font-size: 24px; font-weight: 600; -webkit-transition: ease-out 0.5s;-o-transition: ease-out 0.5s; transition: ease-out 0.5s; text-align: left;}
	.pd-list-wrap .pd-list-ul .pd-list-li .pd-list-div .pd-list-info .pd-list-info-btn{ display: block; width: 100px; border-radius: 18px; line-height: 36px; color: #fff; font-family: 'NanumSquare', sans-serif; text-align: center; font-weight: 600; font-size: 14px; position: absolute; right: 40px; height: 36px; border: 2px solid #fff;}
	.pd-list-wrap .pd-list-ul .pd-list-li .pd-list-div:hover .pd-list-info{height: 100%;}
	.pd-list-wrap .pd-list-ul .pd-list-li .pd-list-div:hover .pd-list-info .pd-list-info-text{font-size: 33px; padding-left: 0; text-align: center;}
	.pd-list-wrap .pd-list-ul .pd-list-li .pd-list-div:hover .pd-list-info .pd-list-info-btn{display: none;}
	
	.video-modal{width: 100%; height: 100vh; position: fixed; z-index: 30; background-color: rgba(0, 0, 0, 0.8); top: 0; left: 0; display: none;}
	.video-wrap{width: 84%; padding-top: 55.10%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 1px solid #fff;}
	.video-wrap .video-frame{width: 100%; height: 100%; position: absolute; left: 50%; top: 50%;  transform: translate(-50%, -50%);}
	
	.video-close-btn{position: absolute; top: -39px; right: -1px; display: block; width: 38px; height: 38px;}
	.video-close-btn .video-close-img{width: 100%; display: block;}
	/* portfolio end */
	
	/* quotation start */
	.quotation-wrap{width: 100%; padding-top: 85px; padding-bottom: 60px;}
	.quotation-header{width: 100%; height: 200px; background-size: cover; background-position: center center; background-repeat: no-repeat; background-image: url('../images/quotation/quotation_title.png')};
	.quotation-header-wrap{width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; flex-direction: column;}
	.quotation-title{display: block; width: 100%; text-align: center; color: #ffffff; font-family: 'NanumSquare', sans-serif; font-size: 37px; font-weight: 600;}
	
	.quotation-list-wrap{width: 600px; padding-top: 66px; margin: 0 auto; display: flex; flex-direction: column; }
	.quotation-list-div-1{width: 600px; flex: 1;  background-color: #ffffff; padding: 30px; padding-bottom: 0px;}
	.quotation-list-div-2{width: 600px; flex: 1;  background-color: #ffffff; padding: 30px; padding-top: 0px;}
	.code-high{width: 100%; height: 60px; border-bottom: 3px solid #525252;}
	.code-high-title{display: block; width: 100%; height: 60px; line-height: 60px; color: #0F0F0F; text-align: center; font-family: 'NanumSquare', sans-serif; font-weight: 600; font-size: 20px;}
	.code-list-ul{list-style: none; width: 100%;}
	.code-list-ul .code-list-li{width: 100%; height: 60px; border-bottom: 1px solid #d8d8d8; display: flex; justify-content: center; align-items: center; flex-direction: row;}
	.code-list-ul .code-list-li .code-list-sub{flex: 0.2; color: #0f0f0f; text-align: left; line-height: 1.2; font-size: 15px; font-family: 'NanumSquare', sans-serif; font-weight: 600; letter-spacing: -0.66px;}
	.code-list-ul .code-list-li .code-list-title{flex: 0.45; color: #0F0F0F; text-align: left; line-height: 1.2; font-size: 15px; font-family: 'NanumSquare', sans-serif; font-weight: 400; letter-spacing: -0.66px; padding-right: 10px;}
	.code-list-ul .code-list-li .code-list-input{flex: 0.1; color: #0f0f0f; text-align: left; border: 1px solid #707070; border-radius: 6px; width: 50px; height: 35px; padding-left: 10px; font-size: 15px; font-family: 'NanumSquare', sans-serif; font-weight: 400; transition: 0.3s;}
	.code-list-ul .code-list-li .code-list-input:focus{border: 2px solid #003D91; color: #003d91; transition: 0.3s;}
	.code-list-ul .code-list-li .code-list-input.active{border: 2px solid #003D91; color: #003d91; transition: 0.3s;}
	.code-list-ul .code-list-li .code-list-type{ flex: 0.05; color: #0f0f0f; text-align: left; line-height: 1.2; font-size: 15px; font-family: 'NanumSquare', sans-serif; font-weight: 400; letter-spacing: -0.66px; padding-left: 5px;}
	.code-list-ul .code-list-li .code-list-cost{ flex: 0.20; color: #0f0f0f; text-align: right; line-height: 1.2; font-size: 15px; font-family: 'NanumSquare', sans-serif; font-weight: 400; letter-spacing: -0.66px;}
	
	.cost-wrap{width: 600px; margin: 0 auto; margin-top: 40px; text-align: right;}
	.cost-wrap .cost-div{ width: 600px;}
	.cost-ul{width: 100%; list-style: none;}
	.cost-ul .cost-li{width: 100%; height: 60px; flex-direction: row; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #d8d8d8;}
	.cost-ul .cost-li .cost-li-text-1{flex: 0.5; text-align: left; color: #525252; font-size: 25px; font-weight: 600; font-family: 'NanumSquare', sans-serif;}
	.cost-ul .cost-li .cost-li-text-2{flex: 0.5; text-align: right; color: #003D91; font-size: 25px; font-weight: 600; font-family: 'NanumSquare', sans-serif;}
	.cost-div-bottom-text{display: block; text-align: right; margin-top: 20px; line-height: 1.4; color: #676767; font-size: 12px; font-family: 'NanumSquare', sans-serif; font-weight: 400;}
	
	.quotation-submit-btn{display: block; width: 220px; height: 60px; background: transparent linear-gradient(289deg, rgba(15, 12, 92, 0.7) 0%, #2163B5 100%) 0% 0% no-repeat padding-box; box-shadow: 5px 6px 6px rgba(0, 0, 0, 0.3); border-radius: 30px; margin: 0 auto; margin-top: 30px; text-align: center; line-height: 60px; color: #fff; font-weight: 600; font-family: 'NanumSquare', sans-serif; font-size: 30px; cursor: pointer; border: none;}
	
	/* quotation end */
	
	/* contact start */
	.contact-wrap{width: 100%; padding-top: 85px;}
	.contact-map-wrap{width: 100%; padding-top: 40%;}
	.contact-map-div{position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%);}
	.contact-map-div *{background-color: transparent !important; border: none !important;}
	.contact-map-title-wrap{width: 100%; height: 150px; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.6) !important; flex-direction: column; display: flex; justify-content: center; align-items: center; z-index: 9999;}
	.contact-map-title-wrap .contact-map-title-1{display: block; width: 100%; text-align: center; font-size: 55px; font-weight: 600; font-family: 'NanumSquare', sans-serif; color: #ffffff;}
	.contact-map-title-wrap .contact-map-title-2{display: block; width: 100%; text-align: center; font-size: 20px; font-weight: 400; font-family: 'NanumSquare', sans-serif; color: #ffffff; margin-top: 20px;}
	
	.contact-content-wrap{width: 100%; padding-top: 60px; padding-bottom: 50px;}
	.contact-form-wrap{width: 600px; margin: 0 auto;}
	.contact-form-title-1{display: block; width: 100%; text-align: center; color: #ffffff; font-family: 'NanumSquare', sans-serif; font-weight: 600; font-size: 40px; }
	.contact-form-title-2{display: block; width: 100%; text-align: center; color: rgba(255, 255, 255, 0.7); font-size: 18px; font-family: 'NanumSquare', sans-serif; font-weight: 300; margin-top: 12px; letter-spacing: -0.78px; line-height: 1.4;}
	.contact-form-info-ul{width: 380px; list-style: none; margin: 0 auto; margin-top: 30px;}
	.contact-form-info-ul .contact-form-info-li{width: 380px; height: 40px;  border-bottom: 1px solid #435267; margin-bottom: 20px;}
	.contact-form-info-ul .contact-form-info-li:nth-child(2n){}
	.contact-form-info-ul .contact-form-info-li .contact-form-info-title-wrap{width: 16%; height: 40px; float: left;}
	.contact-form-info-ul .contact-form-info-li .contact-form-info-title-wrap .contact-form-info-title{font-family: 'NanumSquare', sans-serif; line-height: 40px; color: #fff; font-size: 14px; font-weight: 600;}
	.contact-form-info-ul .contact-form-info-li .contact-form-info-title-wrap .contact-form-info-aster{color: #FF0766;}
	.contact-form-info-ul .contact-form-info-li .contact-form-info-input{width: 84%; float: right; height: 40px; background-color: transparent; border: none; color: #fff; font-size: 14px; font-family: 'NanumSquare', sans-serif; font-weight: 400;}
	.contact-form-check-ul{width: 100%; text-align: center; margin-top: 30px;}
	.contact-form-check-ul .contact-form-check-li{width: 29%; margin-right: 5%; display: inline-block;}
	.contact-form-check-ul .contact-form-check-li:last-child{margin-right: 0;}
	input[type=checkbox] { display: none; }
	input[type=checkbox] + label { cursor: pointer; display: block; width: 100%; color: #ffffff !important; background-color: transparent; text-align: left;  padding-left: 10px;}
	input[type=checkbox]:checked + label:after, input[type=checkbox]:checked ~ label:after { content: ""; font-size: 12px; font-weight: 300; color: rgba(255, 255, 255, 1.0); background-image: url('../images/contact/check.png'); background-size: 12px 12px; background-repeat: no-repeat; background-position: center center; text-align: center; }
	input[type=checkbox] + label:after { content: ''; width: 16px; height: 16px; position: absolute; left: -14px; top: 0; background-color: #fff; border-radius: 5px; color: #ffffff !important; }
	.contact-form-check-text-1{display: block; color: #fff; font-weight: 600; font-family: 'NanumSquare', sans-serif; font-size: 14px;}
	.contact-form-check-text-2{display: block; margin-top: 5px; font-weight: 400; font-family: 'NanumSquare', sans-serif; font-size: 10px; color: rgba(255, 255, 255, 0.7); line-height: 1.5;}
	.contact-content-text-1{display: block; width: 100%; margin-top: 30px; color: #fff; font-size: 14px; font-family: 'NanumSquare', sans-serif; font-weight: 600;}
	.contact-content-text-2{display: block; margin-top: 5px; color: rgba(255, 255, 255, 0.7); font-size: 12px; font-family: 'NanumSquare', sans-serif; font-weight: 400;}
	.contact-content-textarea{width: 100%; margin-top: 10px; border-radius: 26px; background-color: #435267; height: 200px; border: none; padding: 20px; color: #fff; font-size: 16px; font-family: 'NanumSquare', sans-serif; font-weight: 400; line-height: 1.4;}
	.contact-agree-div{text-align: center; margin: 0 auto; margin-top: 10px; width: 260px;}
	.contact-submit-btn{margin: 0 auto; margin-top: 50px; background-color: #fff; box-shadow: 5px 6px 4px #0B1D5780; border: none; cursor: pointer; width: 140px; height: 40px; border-radius: 20px; line-height: 40px; color: #525252; font-size: 16px; font-weight: 600; font-family: 'NanumSquare', sans-serif; letter-spacing: -0.66px; display: block;}
	
	.contact-agree-text-div{height: 0; width: 600px; margin: 0 auto; margin-top: 10px; overflow: hidden; background-color: rgba(67, 82, 103, 0.5); border-radius: 14px; transition: 0.3s;}
	.contact-agree-text{padding-left: 30px; padding-right: 30px; padding-top: 20px; padding-bottom: 20px; color: rgba(255, 255, 255, 0.7);  font-size: 12px; font-family: 'NanumSquare', sans-serif; font-weight: 300; line-height: 1.5; display: block; width: 100%;}
	.contact-quota-wrap{width: 100%; margin-top: 20px;}
	.contact-quota-wrap .contact-quota-category{display: block; width: 100%; height: 40px; color: #fff; border-bottom: 1px solid #fff; font-size: 16px; font-weight: 600; text-align: center; font-family: 'NanumSquare', sans-serif; line-height: 40px;}
	.contact-quota-wrap .contact-quota-ul{width: 100%;}
	.contact-quota-wrap .contact-quota-ul .contact-quota-li{height: 40px; width: 100%; border-bottom: 1px solid #435267; flex-direction: row; display: flex; justify-content: center; align-items: center;}
	.contact-quota-wrap .contact-quota-ul .contact-quota-li .quota-sub-title{flex: 0.2; color: #fff; font-size: 16px; font-weight: 600; font-family: 'NanumSquare', sans-serif; }
	.contact-quota-wrap .contact-quota-ul .contact-quota-li .quota-title{flex: 0.5; color: rgba(255, 255, 255, 0.8); font-size: 16px; font-weight: 400; font-family: 'NanumSquare', sans-serif; }
	.contact-quota-wrap .contact-quota-ul .contact-quota-li .quota-count{flex: 0.1; color: rgba(255, 255, 255, 0.8); font-size: 16px; font-weight: 400; font-family: 'NanumSquare', sans-serif; }
	.contact-quota-wrap .contact-quota-ul .contact-quota-li .quota-cost{flex: 0.2; color: #fff; font-size: 16px; font-weight: 600; font-family: 'NanumSquare', sans-serif;  text-align: right;}
	
	.contact-quota-cost-wrap{width: 100%; height: 150px; margin-top: 20px;}
	.contact-quota-cost-wrap .contact-quota-cost-div{width: 50%; float: right; height: 150px;}
	.contact-quota-cost-wrap .contact-quota-cost-div .contact-quota-cost-ul{width: 100%;}
	.contact-quota-cost-wrap .contact-quota-cost-div .contact-quota-cost-ul .contact-quota-cost-li{width: 100%; height: 50px; border-bottom: 1px solid #fff; flex-direction: row; display: flex; justify-content: center; align-items: center;}
	.contact-quota-cost-wrap .contact-quota-cost-div .contact-quota-cost-ul .contact-quota-cost-li .contact-quota-cost-text-1{flex: 0.5; line-height: 50px; font-size: 18px; color: #fff; font-family: 'NanumSquare', sans-serif; font-weight: 600; text-align: left;}
	.contact-quota-cost-wrap .contact-quota-cost-div .contact-quota-cost-ul .contact-quota-cost-li .contact-quota-cost-text-2{flex: 0.5; line-height: 50px; font-size: 18px; color: #fff; font-family: 'NanumSquare', sans-serif; font-weight: 600; text-align: right;}
	/* contact end */
	
	/* notice start */
	.notice-wrap{width: 100%; padding-top: 85px;}
	.notice-header{width: 100%; height: 200px; background-size: cover; background-position: center center; background-repeat: no-repeat; background-image: url('../images/notice/notice_top_back.png')};
	.notice-header .notice-header-background{width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; flex-direction: column;}
	.notice-header .notice-header-background .notice-header-text{display: block; width: 100%; text-align: center; color: #ffffff; font-family: 'NanumSquare', sans-serif; font-size: 37px; font-weight: 600;}
	#notice-header-background{width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; flex-direction: column;}
	
	.notice-content-wrap{width: 100%; padding-top: 40px; padding-bottom: 40px; min-height: 50vh;}
	.notice-content-wrap .notice-content-tbl{width: 600px; margin: 0 auto; margin-top: 20px;}
	.notice-content-wrap .notice-content-tbl .notice-content-tr-h{background-color: rgba(82, 82, 82, 0.1); height: 45px; border-top: 1px solid #707070; border-bottom: 1px solid #707070;}
	.notice-content-wrap .notice-content-tbl .notice-content-tr-h td{text-align: center; vertical-align: middle; font-size: 12px; font-family: 'NanumSquare', sans-serif; font-weight: 600; color: #525252;}
	.notice-content-wrap .notice-content-tbl .notice-content-tr{border-bottom: 1px solid #707070; height: 45px; cursor: pointer;}
	.notice-content-wrap .notice-content-tbl .notice-content-tr td{text-align: center; vertical-align: middle; font-size: 12px; font-family: 'NanumSquare', sans-serif; font-weight: 4A00; color: #525252;}
	.paging-tr{height: 40px;}
	.notice-content-wrap .notice-content-tbl .notice-content-tr-h .detail-th{text-align: left; vertical-align: middle; font-size: 12px; font-family: 'NanumSquare', sans-serif; font-weight: 600; color: #525252; padding-left: 30px;}
	.notice-content-wrap .notice-content-tbl .notice-content-detail-tr{border-bottom: 1px solid #707070;}
	.notice-content-wrap .notice-content-tbl .notice-content-detail-tr .detail-td{padding: 30px;}
	.notice-content-wrap .notice-content-tbl .notice-content-detail-tr .detail-td *{vertical-align: middle; font-size: 12px !important; font-family: 'NanumSquare', sans-serif !important; font-weight: 400 !important; color: #525252; line-height: 1.5 !important;}
	.notice-content-wrap .notice-content-tbl .notice-content-detail-tr .detail-td img{width: 100% !important;} 
	.notice-btn{width: 60px; height: 35px; border: 1px solid #707070; background-color: transparent; color: #707070; font-size: 12px; font-family: 'NanumSquare', sans-serif; font-weight: 400; cursor: pointer;}
	/* notice end */
	.red-line:after{width: 100%; height: 1px; background-color: #FF0766; position: absolute; bottom: -3px; content: ''; left: 0;}
}

@media only screen and (max-width : 720px) {
	.footer{width: 100%; height: 140px; background-color: #262B37;}
	.footer .footer-content-div{width: 90%; height: 140px; margin: 0 auto;}
	.footer .footer-content-div .footer-logo-div{width: 20%; float: left; height: 120px;}
	.footer .footer-content-div .footer-logo-div .footer-logo{display: block; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%);}
	.footer .footer-content-div .footer-company-info-div{width: 80%; float: left; height: 120px; display: flex; justify-content: center; align-items: center; flex-direction: column; padding-top: 8%;}
	.footer .footer-content-div .footer-company-info-div .footer-text{flex: 0.33; color: rgba(255, 255, 255, 0.7); font-size: 10px; font-weight: 400; font-family: 'NanumSquare', sans-serif; display: block; text-align: left; line-height: 1.5; width: 100%; padding-left: 5%;}
	.more-btn{width: 120px; display: block; height: 30px; margin: 0 auto; margin-top: 10px; border: 2px solid #C6C6C6; border-radius: 15px; line-height: 30px; text-align: center; box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.1); color: #525252; font-size: 14px; font-weight: 600; font-family: 'NanumSquare', sans-serif;}
	.map-logo-div{width: 60px; height: 20px; left: 127%; top: 50%; transform: translate(-50%, -50%); display: block;}
	.map-logo-img{width: 60px; height: 20px; position: absolute; left: 50%; top: 488%; transform: translate(-50%, -50%); display: block;}
	/* main start */
	.main-text{display: block; width: 100%; font-size: 24px; text-align: center; color: #ffffff; font-family: 'NanumSquare', sans-serif; font-weight: 700; letter-spacing: -0.72px; line-height: 1.5; -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; }
	.dot-ul{z-index: 10; position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); list-style: none; width: 30px; height: 6px; -webkit-transition: ease-out 0.5s;-o-transition: ease-out 0.5s; transition: ease-out 0.5s;}
	.dot-li{width: 6px; height: 6px; background-color: rgba(255, 255, 255, 0.5); border-radius: 3px; margin-right: 6px; -webkit-transition: ease-out 1s;-o-transition: ease-out 1s; transition: ease-out 1s; cursor: pointer; float: left;}
	.dot-li:hover{background-color: rgba(255, 255, 255, 1); -webkit-transition: ease-out 1s;-o-transition: ease-out 1s; transition: ease-out 1s;}
	.dot-li:last-child{margin-right: 0;}
	.dot-li.active{background-color: rgba(255, 255, 255, 1);}
	.arrow{display: none;}
	/* main end */
	
	/* header start */
	.header{width: 100%; position: fixed; z-index: 22; top: 0; height: 55px;}
	.header_w{width: 100%; position: fixed; z-index: 22; top: 0; height: 55px; background-color: #ffffff;}
	.header-logo{width: 65px; display: block; position: absolute; left: 15px; top: 50%; transform: translateY(-50%);}
	.header-logo-img{width: 100%; display: block;}
	.web-menu-ul{display: none;}
	.header-modal{display: none; position: fixed; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.8);justify-content: center; align-items: center; z-index: 21;}
	.m-menu-a{display: block; width: 20px; position: absolute; top: 50%; transform: translateY(-50%); right: 20px;}
	.m-menu-img{display: block; width: 100%;}
	.header-ul .header-li{width: 100%; margin-bottom: 40px; }
	.header-ul .header-li:last-child{margin-bottom: 0px;}
	.header-ul .header-li .header-a{width: 100%; display: block; color: #ffffff; font-family: 'NanumSquare', sans-serif; text-align: center; font-size: 23px;  font-weight: 600;}
	.header-modal_w{display: none; position: fixed; width: 100%; height: 100vh; background-color: rgba(255, 255, 255, 0.9);justify-content: center; align-items: center; z-index: 21;}
	.header-a_w{width: 100%; display: block; color: #525252; font-family: 'NanumSquare', sans-serif; text-align: center; font-size: 23px; letter-spacing: -0.8px; font-weight: 600;}
	/* header end */
	
	/* about start */
	.about-section-1-text-1{ display: block; width: 100%; text-align: center; font-size: 37px; font-family: 'NanumSquare', sans-serif; color: #ffffff; font-weight: 600; letter-spacing: -1.09px; -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;}
	.about-section-1-text-2{ display: block; width: 100%; text-align: center; font-size: 29px; font-family: 'NanumSquare', sans-serif; color: #ffffff; font-weight: 400; margin-top: 14px; letter-spacing: -0.87px; -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;}
	.about-section-1-text-3{ display: block; width: 100%; text-align: center; font-size: 17px; font-family: 'NanumSquare', sans-serif; color: #ffffff; font-weight: 300; margin-top: 7px; letter-spacing: -0.5px; -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;}
	.about-section-1-text-4-w{display: none;}
	.about-section-1-text-4-m{display: block; width: 100%; text-align: center; font-size: 10px; font-family: 'NanumSquare', sans-serif; color: rgba(255, 255, 255, 0.7); font-weight: 400; margin-top: 45px; letter-spacing: -0.24px; line-height: 2; -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;}
	.about-section-2-text-1{display: block; width: 100%; text-align: center; font-size: 31px; color: #ffffff; font-family: 'NanumSquare', sans-serif; font-weight: 600; letter-spacing: -0.92px; -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;}
	.about-section-2-img-w{display: none;}
	.about-section-2-text-2{display: block; width: 100%; text-align: center; font-size: 12px; color: rgba(255, 255, 255, 0.8); font-family: 'NanumSquare', sans-serif; font-weight: 400; letter-spacing: -0.3px; margin-top: 10px; line-height: 1.8; -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;}
	.about-section-2-img-m{display: block; margin-top: 32px; width: 26.5%;} 
	.about-section-1-arrow{position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%); width: 15px; display: block;}
	/* about end */
	
	/* portfolio start */
	.portfolio-wrap{width: 100%; padding-top: 55px;}
	.portfolio-header{width: 100%; height: 100px; background-image: url('../images/portfolio/portfolio_top_back.png'); background-position: center center; background-size: cover;}
	.portfolio-header-back{width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center;}
	.portfolio-header-text{display: block; width: 100%; text-align: center; color: #ffffff; font-size: 20px; font-family: 'NanumSquare', sans-serif; font-weight: 600; letter-spacing: -0.6px;}
	.portfolio-content-wrap{width: 100%; padding-top: 30px; padding-bottom: 45px;}
	.portfolio-slide-wrap{width: 100%; padding-top: 110%; overflow: hidden; text-align: center;}
	.portfolio-slide-div{width: 70%; padding-top:110%; position: absolute; left: 50%; top: 10px; transform: translateX(-50%);}
	.portfolio-slide-div .portfolio-slide-ul{width: 300%; left: -100%; height: 100%; -webkit-transition: ease-out 0.5s;-o-transition: ease-out 0.5s; transition: ease-out 0.5s; position: absolute; top: 0;}
	.portfolio-slide-div .portfolio-slide-ul .portfolio-slide-li{width: 33.33%; float: left; height: 100%;}
	.portfolio-slide-div .portfolio-slide-ul .portfolio-slide-li .slide-wrap{width: 80%; height: 60%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);  box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.3); -webkit-transition: ease-out 0.5s;-o-transition: ease-out 0.5s; transition: ease-out 0.5s; background-size: cover; background-position: center center; background-repeat: no-repeat; overflow: hidden; cursor: pointer;}
	.portfolio-slide-div .portfolio-slide-ul .portfolio-slide-li .slide-wrap.active{width: 100%; height: 80%;}
	.portfolio-slide-div .portfolio-slide-ul .portfolio-slide-li .slide-wrap .slide-content-wrap{width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-size: cover; background-repeat: no-repeat;}
	.portfolio-slide-div .portfolio-slide-ul .portfolio-slide-li .slide-wrap .slide-content-wrap .slide-content-info-div{position: absolute; width: 100%; bottom: 0; background: transparent linear-gradient(322deg, rgba(15, 12, 92, 0.7) 0%, #2163B5 100%) 0% 0% no-repeat padding-box; display: flex; justify-content: center; align-items: center; height: 60px; -webkit-transition: ease-out 0.5s;-o-transition: ease-out 0.5s; transition: ease-out 0.5s; flex-direction: column;}
	.portfolio-slide-div .portfolio-slide-ul .portfolio-slide-li .slide-wrap .slide-content-wrap .slide-content-info-div .slide-content-info-text-1{display: block; width: 100%; text-align: center; font-size: 15px; font-family: 'NanumSquare', sans-serif; font-weight: 600; color: #ffffff; -webkit-transition: ease-out 0.5s;-o-transition: ease-out 0.5s; transition: ease-out 0.5s;}
	.portfolio-slide-div .portfolio-slide-ul .portfolio-slide-li .slide-wrap .slide-content-wrap .slide-content-info-div .slide-content-info-text-2{display: none; -webkit-transition: ease-out 0.5s;-o-transition: ease-out 0.5s; transition: ease-out 0.5s; width: 100%; line-height: 1.5; text-align: center; margin-top: 17px; color: #ffffff; font-family: 'NanumSquare', sans-serif; font-weight: 400; font-size: 12px; letter-spacing: 0.4px; padding-left: 20px; padding-right: 20px;}
	.portfolio-slide-div .portfolio-slide-ul .portfolio-slide-li .slide-wrap.active .slide-content-wrap .slide-content-info-div{height: 100%;}
	.portfolio-slide-div .portfolio-slide-ul .portfolio-slide-li .slide-wrap.active .slide-content-wrap .slide-content-info-div .slide-content-info-text-1{font-weight: 600; font-size: 28px; line-height: 1.5;}
	.portfolio-slide-div .portfolio-slide-ul .portfolio-slide-li .slide-wrap.active .slide-content-wrap .slide-content-info-div .slide-content-info-text-1 .mobile{display: block;}
	.portfolio-slide-div .portfolio-slide-ul .portfolio-slide-li .slide-wrap.active .slide-content-wrap .slide-content-info-div .slide-content-info-text-2{display: block;}
	.portfolio-arrow-left{position: absolute; top: 50%; left: -30px; transform: translateY(-50%); width: 30px; height: 30px; display: block;}
	.portfolio-arrow-right{position: absolute; top: 50%; right: -30px; transform: translateY(-50%); width: 30px; height: 30px; display: block;}
	.portfolio-arrow-img{display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 10px;}
	.portfolio-dot-ul{height: 10px; position: absolute; left: 50%; transform: translateX(-50%); top: 0px; text-align: center; }
	.portfolio-dot-ul .portfolio-dot-li{display: inline-block; width: 10px; height: 10px; background-color: rgba(0, 61, 145, 0.5); border-radius: 5px; margin-right: 10px; -webkit-transition: ease-out 0.5s;-o-transition: ease-out 0.5s; transition: ease-out 0.5s; cursor: pointer;}
	.portfolio-dot-ul .portfolio-dot-li:hover{-webkit-transition: ease-out 0.5s;-o-transition: ease-out 0.5s; transition: ease-out 0.5s; background-color: #003D91;}
	.portfolio-dot-ul .portfolio-dot-li.active{background-color: #003D91}
	.portfolio-dot-ul .portfolio-dot-li:last-child{margin-right: 0;}
	
	.pd-wrap{width: 100%; padding-top: 55px; padding-bottom: 30px;}
	.pd-top-wrap{width: 100%; height: 150px; background-position: center center; background-repeat: no-repeat; background-size: cover;}
	.pd-top-back{width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; flex-direction: column;}
	.pd-top-text-1{display: block; width: 100%; font-size: 20px; text-align: center; letter-spacing: -0.8px; color: #ffffff; font-weight: 600; font-family: 'NanumSquare', sans-serif;}
	.pd-top-text-2{display: block; width: 100%; font-size: 8px; text-align: center; letter-spacing: -0.32px; color: rgba(255, 255, 255, 0.8); font-weight: 400; font-family: 'NanumSquare', sans-serif; margin-top: 7px; padding-left: 8%; padding-right: 8%; line-height: 1.5;}
	.pd-content-wrap{width: 90%; padding-top: 30px; text-align: center; margin: 0 auto;}
	.pd-content-wrap .pd-content-tab-ul{text-align: center; height: 40px;}
	.pd-content-wrap .pd-content-tab-ul .pd-content-tab-li{display: inline-block; width: 30%; margin-right: 2%; height: 40px;}
	.pd-content-wrap .pd-content-tab-ul .pd-content-tab-li:last-child{margin-right: 0;}
	.pd-content-wrap .pd-content-tab-ul .pd-content-tab-li .pd-content-tab-a{width: 100%; height: 40px; text-align: center; line-height: 40px; color: #525252; font-family: 'NanumSquare', sans-serif; font-size: 9px; letter-spacing: -0.45px; font-weight: 600; -webkit-transition: ease-out 0.5s;-o-transition: ease-out 0.5s; transition: ease-out 0.5s; display: block;}
	.pd-content-wrap .pd-content-tab-ul .pd-content-tab-li .pd-content-tab-a:after{width: 0%; height: 4px; position: absolute; bottom: 0; left: 0; -webkit-transition: ease-out 0.5s;-o-transition: ease-out 0.5s; transition: ease-out 0.5s; background: rgb(33,99,181); background: linear-gradient(90deg, rgba(33,99,181,1) 0%, rgba(15,12,92,1) 100%); content: '';}
	.pd-content-wrap .pd-content-tab-ul .pd-content-tab-li .pd-content-tab-a:hover{color: #003D91; -webkit-transition: ease-out 0.5s;-o-transition: ease-out 0.5s; transition: ease-out 0.5s;}
	.pd-content-wrap .pd-content-tab-ul .pd-content-tab-li .pd-content-tab-a:hover:after{width: 100%; -webkit-transition: ease-out 0.5s;-o-transition: ease-out 0.5s; transition: ease-out 0.5s;}
	.pd-content-wrap .pd-content-tab-ul .pd-content-tab-li .pd-content-tab-a.active{color: #003D91;}
	.pd-content-wrap .pd-content-tab-ul .pd-content-tab-li .pd-content-tab-a.active:after{width: 100%;}
	
	.pd-list-wrap{width: 100%; margin: 0 auto; margin-top: 30px;}
	.pd-list-wrap .pd-list-ul{width: 100%; list-style: none;}
	.pd-list-wrap .pd-list-ul .pd-list-li{width: 100%; padding-top: 55%; margin-bottom: 30px; cursor: pointer;}
	.pd-list-wrap .pd-list-ul .pd-list-li .pd-list-div{width: 100%; height: 100%; position: absolute; top: 0; overflow: hidden; box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.3); background-size: cover; background-position: center center; background-repeat: no-repeat;}
	
	.pd-list-wrap .pd-list-ul .pd-list-li .pd-list-div .pd-list-info{width: 100%; height: 50px; background: transparent linear-gradient(280deg, rgba(15, 12, 92, 0.7) 0%, #2163B5 100%) 0% 0% no-repeat padding-box; display: flex; justify-content: center; flex-direction: column; align-items: center; -webkit-transition: ease-out 0.5s;-o-transition: ease-out 0.5s; transition: ease-out 0.5s; position: absolute; bottom: 0;}
	.pd-list-wrap .pd-list-ul .pd-list-li .pd-list-div .pd-list-info .pd-list-info-text{display: block; width: 100%; padding-left: 20px; color: #fff; font-family: 'NanumSquare', sans-serif; font-size: 14px; font-weight: 600; -webkit-transition: ease-out 0.5s;-o-transition: ease-out 0.5s; transition: ease-out 0.5s; text-align: left;}
	.pd-list-wrap .pd-list-ul .pd-list-li .pd-list-div .pd-list-info .pd-list-info-btn{ display: block; width: 70px; border-radius: 13px; line-height: 26px; color: #fff; font-family: 'NanumSquare', sans-serif; text-align: center; font-weight: 400; font-size: 12px; position: absolute; right: 20px; height: 26px; border: 1px solid #fff;}
	.pd-list-wrap .pd-list-ul .pd-list-li .pd-list-div:hover .pd-list-info{height: 100%;}
	.pd-list-wrap .pd-list-ul .pd-list-li .pd-list-div:hover .pd-list-info .pd-list-info-text{font-size: 33px; padding-left: 0; text-align: center;}
	.pd-list-wrap .pd-list-ul .pd-list-li .pd-list-div:hover .pd-list-info .pd-list-info-btn{display: none;}
	
	.video-modal{width: 100%; height: 100vh; position: fixed; z-index: 30; background-color: rgba(0, 0, 0, 0.8); top: 0; left: 0; display: none;}
	.video-wrap{width: 90%; padding-top: 55.10%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 1px solid #fff;}
	.video-wrap .video-frame{width: 100%; height: 100%; position: absolute; left: 50%; top: 50%;  transform: translate(-50%, -50%);}
	
	.video-close-btn{position: absolute; top: -39px; right: -1px; display: block; width: 38px; height: 38px;}
	.video-close-btn .video-close-img{width: 100%; display: block;}
	/* portfolio end */
	
	/* quotation start */
	.quotation-wrap{width: 100%; padding-top: 55px; padding-bottom: 30px;}
	.quotation-header{width: 100%; height: 100px; background-size: cover; background-position: center center; background-repeat: no-repeat; background-image: url('../images/quotation/quotation_title.png')};
	.quotation-header-wrap{width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; flex-direction: column;}
	.quotation-title{display: block; width: 100%; text-align: center; color: #ffffff; font-family: 'NanumSquare', sans-serif; font-size: 20px; font-weight: 600;}
	
	
	.quotation-list-wrap{width: 86%; padding-top: 40px; margin: 0 auto; display: flex; flex-direction: column; }
	.quotation-list-div-1{width: 100%; flex: 1;  background-color: #ffffff; padding: 15px; padding-bottom: 0px; padding-top: 0px;}
	.quotation-list-div-2{width: 100%; flex: 1;  background-color: #ffffff; padding: 15px; padding-top: 0px;}
	.code-high{width: 100%; height: 40px; border-bottom: 3px solid #525252;}
	.code-high-title{display: block; width: 100%; height: 40px; line-height: 40px; color: #0F0F0F; text-align: center; font-family: 'NanumSquare', sans-serif; font-weight: 600; font-size: 16px; margin-top: 20px;}
	.code-list-ul{list-style: none; width: 100%;}
	.code-list-ul .code-list-li{width: 100%; height: 60px; border-bottom: 1px solid #d8d8d8; display: flex; justify-content: center; align-items: center; flex-direction: row;}
	.code-list-ul .code-list-li .code-list-sub{flex: 0.23; color: #0f0f0f; text-align: left; line-height: 1.2; font-size: 12px; font-family: 'NanumSquare', sans-serif; font-weight: 600; letter-spacing: -0.66px;}
	.code-list-ul .code-list-li .code-list-title{flex: 0.30; color: #0F0F0F; text-align: left; line-height: 1.2; font-size: 12px; font-family: 'NanumSquare', sans-serif; font-weight: 400; letter-spacing: -0.66px; padding-right: 5px; padding-left: 5px;}
	.code-list-ul .code-list-li .code-list-input{flex: 0.14; color: #0f0f0f; text-align: left; border: 1px solid #707070; border-radius: 6px; width: 40px; height: 35px; padding-left: 1px; font-size: 11px; font-family: 'NanumSquare', sans-serif; font-weight: 400; transition: 0.3s; width: 100%;}
	.code-list-ul .code-list-li .code-list-input:focus{border: 2px solid #003D91; color: #003d91; transition: 0.3s;}
	.code-list-ul .code-list-li .code-list-input.active{border: 2px solid #003D91; color: #003d91; transition: 0.3s;}
	.code-list-ul .code-list-li .code-list-type{ flex: 0.1; color: #0f0f0f; text-align: left; line-height: 1.2; font-size: 12px; font-family: 'NanumSquare', sans-serif; font-weight: 400; letter-spacing: -0.66px; padding-left: 5px;}
	.code-list-ul .code-list-li .code-list-cost{ flex: 0.23; color: #0f0f0f; text-align: right; line-height: 1.2; font-size: 12px; font-family: 'NanumSquare', sans-serif; font-weight: 400; letter-spacing: -0.66px;}
	
	.cost-wrap{width: 86%; margin: 0 auto; margin-top: 20px; text-align: right;}
	.cost-wrap .cost-div{ width: 100%;}
	.cost-ul{width: 96%; list-style: none; margin: 0 auto;}
	.cost-ul .cost-li{width: 100%; height: 50px; flex-direction: row; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #d8d8d8;}
	.cost-ul .cost-li .cost-li-text-1{flex: 0.5; text-align: left; color: #525252; font-size: 18px; font-weight: 600; font-family: 'NanumSquare', sans-serif;}
	.cost-ul .cost-li .cost-li-text-2{flex: 0.5; text-align: right; color: #003D91; font-size: 18px; font-weight: 600; font-family: 'NanumSquare', sans-serif;}
	.cost-div-bottom-text{display: block; text-align: right; margin-top: 20px; line-height: 1.4; color: #676767; font-size: 9px; font-family: 'NanumSquare', sans-serif; font-weight: 400;}
	
	.quotation-submit-btn{display: block; width: 160px; height: 40px; background: transparent linear-gradient(289deg, rgba(15, 12, 92, 0.7) 0%, #2163B5 100%) 0% 0% no-repeat padding-box; box-shadow: 5px 6px 6px rgba(0, 0, 0, 0.3); border-radius: 30px; margin: 0 auto; margin-top: 30px; text-align: center; line-height: 40px; color: #fff; font-weight: 600; font-family: 'NanumSquare', sans-serif; font-size: 20px; cursor: pointer; border: none;}
	
	/* quotation end */
	
	/* contact start */
	.contact-wrap{width: 100%; padding-top: 55px;}
	.contact-map-wrap{width: 100%; padding-top: 50%;}
	.contact-map-div{position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%);}
	.contact-map-div *{background-color: transparent !important; border: none !important;}
	.contact-map-title-wrap{width: 100%; height: 70px; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.6) !important; flex-direction: column; display: flex; justify-content: center; align-items: center; z-index: 9999;}
	.contact-map-title-wrap .contact-map-title-1{display: block; width: 100%; text-align: center; font-size: 16px; font-weight: 600; font-family: 'NanumSquare', sans-serif; color: #ffffff;}
	.contact-map-title-wrap .contact-map-title-2{display: block; width: 100%; text-align: center; font-size: 12px; font-weight: 400; font-family: 'NanumSquare', sans-serif; color: #ffffff; margin-top: 10px;}
	
	.contact-content-wrap{width: 100%; padding-top: 30px; padding-bottom: 50px;}
	.contact-form-wrap{width: 86%; margin: 0 auto;}
	.contact-form-title-1{display: block; width: 100%; text-align: center; color: #ffffff; font-family: 'NanumSquare', sans-serif; font-weight: 600; font-size: 24px; }
	.contact-form-title-2{display: block; width: 100%; text-align: center; color: rgba(255, 255, 255, 0.7); font-size: 12px; font-family: 'NanumSquare', sans-serif; font-weight: 300; margin-top: 12px; letter-spacing: -0.78px; line-height: 1.4;}
	.contact-form-info-ul{width: 100%; list-style: none; margin: 0 auto; margin-top: 30px;}
	.contact-form-info-ul .contact-form-info-li{width: 100%; height: 40px;  border-bottom: 1px solid #435267; margin-bottom: 20px;}
	.contact-form-info-ul .contact-form-info-li:nth-child(2n){}
	.contact-form-info-ul .contact-form-info-li .contact-form-info-title-wrap{width: 16%; height: 40px; float: left;}
	.contact-form-info-ul .contact-form-info-li .contact-form-info-title-wrap .contact-form-info-title{font-family: 'NanumSquare', sans-serif; line-height: 40px; color: #fff; font-size: 12px; font-weight: 600;}
	.contact-form-info-ul .contact-form-info-li .contact-form-info-title-wrap .contact-form-info-aster{color: #FF0766;}
	.contact-form-info-ul .contact-form-info-li .contact-form-info-input{width: 84%; float: right; height: 40px; background-color: transparent; border: none; color: #fff; font-size: 12px; font-family: 'NanumSquare', sans-serif; font-weight: 400;}
	.contact-form-check-ul{width: 94%; margin: 0 auto; margin-top: 30px;}
	.contact-form-check-ul .contact-form-check-li{width: 30%; margin-right: 5%; display: inline-block; float: left;}
	.contact-form-check-ul .contact-form-check-li:last-child{margin-right: 0;}
	input[type=checkbox] { display: none; }
	input[type=checkbox] + label { cursor: pointer; display: block; width: 100%; color: #ffffff !important; background-color: transparent; text-align: left;  padding-left: 10px;}
	input[type=checkbox]:checked + label:after, input[type=checkbox]:checked ~ label:after { content: ""; font-size: 12px; font-weight: 300; color: rgba(255, 255, 255, 1.0); background-image: url('../images/contact/check.png'); background-size: 12px 12px; background-repeat: no-repeat; background-position: center center; text-align: center; }
	input[type=checkbox] + label:after { content: ''; width: 16px; height: 16px; position: absolute; left: -14px; top: 0; background-color: #fff; border-radius: 5px; color: #ffffff !important; }
	.contact-form-check-text-1{display: block; color: #fff; font-weight: 600; font-family: 'NanumSquare', sans-serif; font-size: 9px;}
	.contact-form-check-text-2{display: block; margin-top: 5px; font-weight: 400; font-family: 'NanumSquare', sans-serif; font-size: 7px; color: rgba(255, 255, 255, 0.7); line-height: 1.5;}
	.contact-content-text-1{display: block; width: 100%; margin-top: 30px; color: #fff; font-size: 14px; font-family: 'NanumSquare', sans-serif; font-weight: 600;}
	.contact-content-text-2{display: block; margin-top: 5px; color: rgba(255, 255, 255, 0.7); font-size: 10px; font-family: 'NanumSquare', sans-serif; font-weight: 400;}
	.contact-content-textarea{width: 100%; margin-top: 10px; border-radius: 26px; background-color: #435267; height: 200px; border: none; padding: 20px; color: #fff; font-size: 16px; font-family: 'NanumSquare', sans-serif; font-weight: 400; line-height: 1.4;}
	.contact-agree-div{text-align: center; margin: 0 auto; margin-top: 10px; width: 180px;}
	.contact-form-agree-text{font-size: 10px; font-family: 'NanumSquare', sans-serif; font-weight: 600;}
	.contact-form-info-aster{color:#FF0766; }
	.contact-submit-btn{margin: 0 auto; margin-top: 30px; background-color: #fff; box-shadow: 5px 6px 4px #0B1D5780; border: none; cursor: pointer; width: 140px; height: 40px; border-radius: 20px; line-height: 40px; color: #525252; font-size: 16px; font-weight: 600; font-family: 'NanumSquare', sans-serif; letter-spacing: -0.66px; display: block;}
	
	.contact-agree-text-div{height: 0; width: 100%; margin: 0 auto; margin-top: 10px; overflow: hidden; background-color: rgba(67, 82, 103, 0.5); border-radius: 14px; transition: 0.3s;}
	.contact-agree-text{padding-left: 30px; padding-right: 30px; padding-top: 20px; padding-bottom: 20px; color: rgba(255, 255, 255, 0.7);  font-size: 12px; font-family: 'NanumSquare', sans-serif; font-weight: 300; line-height: 1.5; display: block; width: 100%;}
	.contact-quota-wrap{width: 100%; margin-top: 20px;}
	.contact-quota-wrap .contact-quota-category{display: block; width: 100%; height: 40px; color: #fff; border-bottom: 1px solid #fff; font-size: 12px; font-weight: 600; text-align: center; font-family: 'NanumSquare', sans-serif; line-height: 40px;}
	.contact-quota-wrap .contact-quota-ul{width: 100%;}
	.contact-quota-wrap .contact-quota-ul .contact-quota-li{height: 40px; width: 100%; border-bottom: 1px solid #435267; flex-direction: row; display: flex; justify-content: center; align-items: center;}
	.contact-quota-wrap .contact-quota-ul .contact-quota-li .quota-sub-title{flex: 0.2; color: #fff; font-size: 12px; font-weight: 600; font-family: 'NanumSquare', sans-serif; }
	.contact-quota-wrap .contact-quota-ul .contact-quota-li .quota-title{flex: 0.4; color: rgba(255, 255, 255, 0.8); font-size: 12px; font-weight: 400; font-family: 'NanumSquare', sans-serif; }
	.contact-quota-wrap .contact-quota-ul .contact-quota-li .quota-count{flex: 0.15; color: rgba(255, 255, 255, 0.8); font-size: 12px; font-weight: 400; font-family: 'NanumSquare', sans-serif; }
	.contact-quota-wrap .contact-quota-ul .contact-quota-li .quota-cost{flex: 0.25; color: #fff; font-size: 12px; font-weight: 600; font-family: 'NanumSquare', sans-serif;  text-align: right;}
	
	.contact-quota-cost-wrap{width: 100%; height: 150px; margin-top: 20px;}
	.contact-quota-cost-wrap .contact-quota-cost-div{width: 100%; float: right; height: 150px;}
	.contact-quota-cost-wrap .contact-quota-cost-div .contact-quota-cost-ul{width: 100%;}
	.contact-quota-cost-wrap .contact-quota-cost-div .contact-quota-cost-ul .contact-quota-cost-li{width: 100%; height: 50px; border-bottom: 1px solid #fff; flex-direction: row; display: flex; justify-content: center; align-items: center;}
	.contact-quota-cost-wrap .contact-quota-cost-div .contact-quota-cost-ul .contact-quota-cost-li .contact-quota-cost-text-1{flex: 0.5; line-height: 50px; font-size: 14px; color: #fff; font-family: 'NanumSquare', sans-serif; font-weight: 600; text-align: left;}
	.contact-quota-cost-wrap .contact-quota-cost-div .contact-quota-cost-ul .contact-quota-cost-li .contact-quota-cost-text-2{flex: 0.5; line-height: 50px; font-size: 14px; color: #fff; font-family: 'NanumSquare', sans-serif; font-weight: 600; text-align: right;}
	/* contact end */
	
	/* notice start */
	.notice-wrap{width: 100%; padding-top: 55px;}
	.notice-header{width: 100%; height: 100px; background-size: cover; background-position: center center; background-repeat: no-repeat; background-image: url('../images/notice/notice_top_back.png')};
	.notice-header .notice-header-background{width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; flex-direction: column;}
	.notice-header .notice-header-background .notice-header-text{display: block; width: 100%; text-align: center; color: #ffffff; font-family: 'NanumSquare', sans-serif; font-size: 20px; font-weight: 600;}
	#notice-header-background{width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; flex-direction: column;}
	
	
	.notice-content-wrap{width: 100%; padding-top: 40px; padding-bottom: 40px; min-height: 60vh;}
	.notice-content-wrap .notice-content-tbl{width: 86%; margin: 0 auto; margin-top: 20px;}
	.notice-content-wrap .notice-content-tbl .notice-content-tr-h{background-color: rgba(82, 82, 82, 0.1); height: 45px; border-top: 1px solid #707070; border-bottom: 1px solid #707070;}
	.notice-content-wrap .notice-content-tbl .notice-content-tr-h td{text-align: center; vertical-align: middle; font-size: 12px; font-family: 'NanumSquare', sans-serif; font-weight: 600; color: #525252;}
	.notice-content-wrap .notice-content-tbl .notice-content-tr{border-bottom: 1px solid #707070; height: 45px; cursor: pointer;}
	.notice-content-wrap .notice-content-tbl .notice-content-tr td{text-align: center; vertical-align: middle; font-size: 12px; font-family: 'NanumSquare', sans-serif; font-weight: 4A00; color: #525252;}
	.paging-tr{height: 40px;}
	.notice-content-wrap .notice-content-tbl .notice-content-tr-h .detail-th{text-align: left; vertical-align: middle; font-size: 12px; font-family: 'NanumSquare', sans-serif; font-weight: 600; color: #525252; padding-left: 30px;}
	.notice-content-wrap .notice-content-tbl .notice-content-detail-tr{border-bottom: 1px solid #707070;}
	.notice-content-wrap .notice-content-tbl .notice-content-detail-tr .detail-td{padding: 15px;}
	.notice-content-wrap .notice-content-tbl .notice-content-detail-tr .detail-td *{vertical-align: middle; font-size: 12px !important; font-family: 'NanumSquare', sans-serif !important; font-weight: 400 !important; color: #525252; line-height: 1.5 !important;}
	.notice-content-wrap .notice-content-tbl .notice-content-detail-tr .detail-td img{width: 100% !important;} 
	.notice-btn{width: 60px; height: 35px; border: 1px solid #707070; background-color: transparent; color: #707070; font-size: 12px; font-family: 'NanumSquare', sans-serif; font-weight: 400; cursor: pointer;}
	/* notice end */
	
	.red-line:after{width: 100%; height: 1px; background-color: #FF0766; position: absolute; bottom: -3px; content: ''; left: 0;}
	
}