@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
@font-face {
    font-family: 'KyoboHandwriting2023wsa';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2404-2@1.0/KyoboHandwriting2023wsa.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
body{font-family: "Noto Sans KR", sans-serif;overflow-x: hidden}

/*****스크롤*****/
body::-webkit-scrollbar{width: 10px; background-color: rgb(236, 236, 236);}
body::-webkit-scrollbar-thumb{background-color: #262626;
border-radius: 20px; background-clip: padding-box; border: 2px solid transparent;}
body::-webkit-scrollbar-track{background-color: #e6e6e6;
box-shadow: inset 0px 0px 1px rgb(211, 211, 211);} 


/*****공통*****/
.container{max-width: 1120px; margin: 0 auto;}
.comm-tit h5{font-size: 30px; font-weight: 900; color: #202020; margin-bottom:20px;}
.comm-tit h1{font-size: 30px; line-height:45px; font-weight: 500; color: #202020;}
.center{text-align: center;}
.go-top{display:block;width:60px;height:60px;position:fixed;bottom:-100px;right:5%; box-shadow: 2px 2px 10px rgba(175,175,175, .2); border-radius: 50%; border: none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;transition: all 0.5s ease;
    background:#fafafa;text-decoration:none;color: #262626; text-align: center; cursor: pointer;  z-index: 100 ;}
.go-top.show{ bottom:60px; }
.center{text-align: center}
.wt{color: #fff !important;}
.bd{font-weight:900;}

/*****메인*****/
.mainB #mainBSwiper .swiper-slide.bg01{background: url(/kr/img/mainB01.jpg) no-repeat center; padding: 280px 0 300px 0; background-size: cover;}
.mainB #mainBSwiper .txt{text-align: center; position: relative; top: 50%; transform: translateY(20%);}
.mainB #mainBSwiper .txt h5{font-size: 25px; color: #fff; opacity: .7; margin-bottom: 30px;}
.mainB #mainBSwiper .txt h1{font-size: 60px;line-height: 75px; font-weight: 800; color: #fff;}

.mainB .mainBquick{text-align: center; position: relative;top: -60px; z-index: 1;box-shadow: 2px 2px 10px rgba(0,0,0, .1);border-radius: 10px;background:#fff;}
.mainB .mainBquick li{display: inline-block; width: 25%; margin-left: -10px;}
.mainB .mainBquick .box.round{border-radius: 10px 0 0 10px;}
.mainB .mainBquick .box.round02{border-radius: 0 10px 10px 0;}
.mainB .mainBquick .box.bg01{background: url(/kr/img/ico01-01.png) no-repeat center #fff;transition: .3s; background-position: 50% 30%;}
.mainB .mainBquick .box.bg02{background: url(/kr/img/ico01-02.png) no-repeat center #fff;transition: .3s; background-position: 50% 30%;}
.mainB .mainBquick .box.bg03{background: url(/kr/img/ico01-03.png) no-repeat center #fff;transition: .3s; background-position: 50% 30%;}
.mainB .mainBquick .box.bg04{background: url(/kr/img/ico01-04.png) no-repeat center #fff;transition: .3s; background-position: 50% 30%;}
.mainB .mainBquick .box.bg01:hover{background: url(/kr/img/ico01-01-hv.png) no-repeat center #148dd2; background-position: 50% 20%;transition: .3s;}
.mainB .mainBquick .box.bg02:hover{background: url(/kr/img/ico01-02-hv.png) no-repeat center #148dd2; background-position: 50% 20%;transition: .3s;}
.mainB .mainBquick .box.bg03:hover{background: url(/kr/img/ico01-03-hv.png) no-repeat center #148dd2; background-position: 50% 20%;transition: .3s;}
.mainB .mainBquick .box.bg04:hover{background: url(/kr/img/ico01-04-hv.png) no-repeat center #148dd2; background-position: 50% 20%;transition: .3s;}
.mainB .mainBquick .box.bg01:hover h3{color: #fff;}
.mainB .mainBquick .box.bg02:hover h3{color: #fff;}
.mainB .mainBquick .box.bg03:hover h3{color: #fff;}
.mainB .mainBquick .box.bg04:hover h3{color: #fff;}
.mainB .mainBquick{max-width: 690px; margin: 0 auto;}
.mainB .mainBquick .box{padding: 20px;height: 100px;}
.mainB .mainBquick .box .txt{padding:10px;position: relative;top: 70%;}
.mainB .mainBquick .box .txt h3{font-size: 15px; font-weight: 800; color: #555555;}

.main01{padding:30px 0 100px 0;}
.main01 ul{text-align: center; margin-top: 30px;}
.main01 ul li{display: inline-block; width: 28%; vertical-align: top; margin-right: 20px;}
.main01 ul li:last-child{margin-right: 0px;}
.main01 ul .bg01{background: url(/kr/img/main01-01.jpg) no-repeat center; padding: 400px 0 0 0;border-radius:10px 10px 10px 0px;position: relative;}
.main01 ul .bg02{background: url(/kr/img/main01-02.jpg) no-repeat center; padding: 400px 0 0 0;border-radius:10px 10px 10px 0px;position: relative;}
.main01 ul .bg03{background: url(/kr/img/main01-03-ne.jpg) no-repeat center; padding: 400px 0 0 0;border-radius:10px 10px 10px 0px;position: relative;}
.main01 ul .box{background: #fff;position: absolute;bottom: 0;border-radius:0px 10px 0px 0px;width: 230px;}
.main01 ul .box .txt{padding: 30px; text-align: left;}
.main01 ul .box .txt h5{font-size: 14px; color: #747474; font-weight: 800; margin-bottom: 10px;}
.main01 ul .box .txt h1{font-size: 25px; color: #202020; font-weight: 800; }

.main02{background: #edeae4;padding: 70px 0 0px 0;}
.main02 .inner{display: flex; justify-content: center;align-items: flex-end;}
.main02 .inner .txt{position: relative; top: -50%; transform: translateY(-50%);margin-right: 50px;}
.main02 .inner .txt h1{font-size:55px;line-height: 75px;font-weight: 900;color: #2b2b2b;margin-bottom: 20px;text-align: right;}
.main02 .inner .txt h5{font-size:18px;line-height: 30px;font-weight: 500;color: #5c5c5c; margin-bottom: 50px;text-align: right;}
.main02 .inner .txt .btn{display: inline-block; text-align: center; padding: 20px 30px; border: 1px solid #262626; color: #262626;float: right; border-radius: 10px; font-size: 14px;line-height: 0px; height: auto;}

.main03{background:linear-gradient(to bottom, #fafafa 50%, #ffffff 40%); padding: 100px 0 150px 0; background-position: 50%;}
.main03 ul{text-align: center;}
.main03 ul li{display: inline-block; width: 48%; vertical-align: middle; margin-top: 30px;}
.main03 .swiper {height: 100%;}
.main03 .swiper-slide {display: flex;align-items: center;justify-content: center;}
.main03 .sec_profile {width: 100%;height: 500px;}
.main03 .sec_profile img{width: 100%; height: 100%;}
.main03 .sec_content {width: 100%;height: 500px; background: #fff;position: relative;border-radius: 0 10px 10px 0; box-shadow: 2px 2px 15px rgba(175,175,175, .1);}
.main03 .sec_content .pagebox{}
.main03 .sec_content .swiper-button-next{position: absolute;z-index: 5;top: 75%;left: 48.5%;}
.main03 .sec_content .swiper-button-prev{position: absolute;z-index: 5;top: 75%;left: 39%;}
.main03 .swiper-button-prev:after{content: ''; background: url(/kr/img/prev.png) no-repeat; width: 7px; height: 16px;}
.main03 .swiper-button-next:after{content: ''; background: url(/kr/img/next.png) no-repeat; width: 7px; height: 16px;}
.main03 .swiper-button-prev{border: 1px solid #c8c8c8;color: #878787; width: 50px; height: 50px;opacity: .6;}
.main03 .swiper-button-next{border: 1px solid #c8c8c8;color: #878787; width: 50px; height: 50px;opacity: .6;}
.main03 .swiper-button-prev:hover{opacity: 1;transition: .3s;}
.main03 .swiper-button-next:hover{opacity: 1;transition: .3s;}
.main03 .sec_content .txt{text-align: center;position: relative; top: -10%; transform: translateY(0%); padding: 30px;}
.main03 .sec_content .txt h5{font-size: 20px; font-weight: 600; color: #747474; margin-bottom: 20px;}
.main03 .sec_content .txt h4{font-size: 26px; line-height: 34px; font-weight: 900; color: #232323; margin-bottom: 20px;}
.main03 .sec_content .txt h1{font-size: 50px; font-weight: 900; color: #232323; margin-bottom: 30px;}
.main03 .sec_content .txt h6{font-size: 17px; font-weight: 300; color: #484848;}
.main03 .sec_content .swiper-slide{opacity: 0 !important;  color: #fff;}
.main03 .sec_content .swiper-slide.swiper-slide-active {opacity: 1 !important; }

.main04 ul{text-align: center; margin-top: 30px;}
.main04 ul li{display: inline-block; width: 32%;}


.main05{background-image: url(/kr/img/main05-01.jpg); height: 350px; margin-top: 100px;}
.main05.fx{background-position: 50% 100%;background-size: cover 50%;background-repeat: no-repeat;background-attachment: fixed;}
.main05 .txt{text-align:center; position: relative; top: 25%;}
.main05 .txt h1{font-size:40px; font-weight: 900; color: #fff; margin-bottom: 30px;}
.main05 .txt h5{font-size:18px; font-weight: 500; color: #fff; margin-bottom: 60px;}
.main05 .txt .btn{display: inline; padding: 10px 35px; border: 1px solid #fff; color: #fff; text-align: center; font-size: 14px; border-radius: 10px;}

footer{background: #383838;padding: 70px 0 80px 0;}
footer .two{display: flex;justify-content: space-between;}
footer .two > div{width: 100%;}
footer .two h5{color:#f8f8f8; font-size: 18x; line-height: 25px; margin-bottom: 10px; margin-top: 20px;}
footer .two h6{color:#f8f8f8; font-size: 13px; opacity: .5;}
footer .two ul{width: 100%;}
footer .two ul li{display: inline-block; width: 20%; color: #fff;text-align: right; float: right; font-size: 16px; font-weight: 800;}

/*서브공통*/
.subTop.com{background: url(/kr/img/com/comTop.jpg) no-repeat; padding: 250px 0 0px 0;background-size: cover;}
.subTop.ref{background: url(/kr/img/etc/refTop.jpg) no-repeat; padding: 250px 0 0px 0;background-size: cover;}
.subTop .subTop-txt h1{font-size:50px; font-weight: 800; text-align: center; color: #fff; padding-bottom: 200px;}
.sub-nav{text-align: center;position: relative;top: -36px;}
.sub-nav li{display: inline-block;width: 17%;vertical-align: top;}
.sub-nav .round{border-radius: 10px 0 0 0px;}
.sub-nav .round02{border-radius: 0px 10px 0px 0px;}
.sub-nav a{background: #fafafa; color: #c3c3c3; font-size: 17px; font-weight: 500; padding: 15px 10px;}
.sub-nav a.on{background: #148dd2; color: #fff;font-weight: 800;}
.sub-nav a:hover{background: #148dd2; color: #fff; transition: .3s; font-weight: 800;}
.sub-tit h5{font-size: 20px; font-weight: 800; color: #202020; margin-bottom: 20px;}
.sub-tit h1{font-size: 50px; line-height: 70px; font-weight: 800; color: #202020;}

.board-pd{padding:100px 0 100px 0 !important;}
.board-pd02{margin-top:50px;}
.container-notice{max-width:1320px; margin:0 auto;}

/*회사소개-인사말*/
.com01-01{padding: 100px 0 50px 0;}
.com01-01 .cont{display: flex;align-items: center; margin-top: 30px;max-width: 1920px;margin: 0 auto; margin-top:50px;}
.com01-01 .cont h3{font-size:23px; line-height: 35px; font-weight: 800; margin-bottom: 30px; color: #202020;}
.com01-01 .cont h4{font-size:18px; line-height: 30px; font-weight: 500; color: #202020;}
.com01-01 .cont h5{font-size:18px;font-weight: 800; color: #202020;}
.com01-01 .cont h5 span{ font-family: 'KyoboHandwriting2023wsa'; font-size: 30px; margin-left: 20px; font-weight: 300;}
.com01-01 .cont .right.sec01{width: 24%; margin-left: 80px;}
.com01-01 .cont.cont02{display: flex;align-items: center;justify-content: flex-end;margin-top: 50px;}
.com01-01 .cont .left.sec01{width: 24%;text-align: left;margin-right: 80px;}

.com01-02{background: url(/kr/img/com/com01-bg.jpg) no-repeat; padding: 100px 0 100px 0; background-size:cover;}
.com01-02 ul{max-width: 820px; text-align: center; margin-top: 10px;}
.com01-02 ul li{display:inline-block; width: 32%; vertical-align: top;margin-right: 5px;}
.com01-02 ul .box{border-radius: 10px;height: 200px;border: 1px solid #828282;}
.com01-02 ul .box.bg01{background: #4992bc;}
.com01-02 ul .box.bg02{background: #2f8abe;}
.com01-02 ul .box.bg03{background: #167bb5;}
.com01-02 ul .box.bg04{background: #0a6da6;}
.com01-02 ul .box.bg05{background: #005f96;}
.com01-02 ul .box .txt{padding:30px 20px; color: #fff; text-align: center;}
.com01-02 ul .box .txt h5{font-size:20px; font-weight: 300; margin-bottom: 20px;}
.com01-02 ul .box .txt h1{font-size:32px; font-weight: 800; margin-bottom: 30px;}
.com01-02 ul .box .txt h3{font-size:19px; line-height: 29px; font-weight: 800; margin-bottom: 30px;}
.com01-02 ul .box .txt h4{font-size:14px; font-weight: 500;}

.com01-03{padding: 100px 0 120px 0;}
.com01-03 ul{text-align: center;}
.com01-03 .logo img{width: 50%;}
.com01-03 ul li{display: inline-block; width: 20%;margin-top: 80px;}
.com01-03 ul .box{width: 150px; height: 150px; border-radius: 50%; background: #fafafa; margin: 0 auto;}
.com01-03 ul .box p{text-align: center;position: relative;top: 50%;transform: translateY(-50%); text-align:center;}
.com01-03 ul h4{margin-top: 30px; font-size:23px; font-weight: 800; color: #333333; margin-bottom: 10px;}
.com01-03 ul h5{font-size:17px; font-weight: 500; color: #333333;}
.com01-03 h1{font-size:35px; line-height: 50px; font-weight: 800; color: #353535; margin-top: 60px;}


/*회사소개-연혁*/
.com02{padding: 100px 0 0px 0;}
.com02-01{margin-top:50px; margin-bottom: 50px;}
.com02-01 .Topimg{margin-top: 30px; margin-bottom: 30px;}
.com02-01 .Topimg img{border-radius: 10px;}
.com02-01 .tab-link{color:#262626; font-weight:900; opacity:.2; font-size:55px;margin-bottom: 20px;}
.com02-01 .tab-link.current{opacity:1;}
.com02-01 .tab-content{display: none;}
.com02-01 .tab-content.current{display: block;}
.com02-01 .inner{width:100%;}
.com02-01 .inner .yeaer{font-size:21px; color:#148dd2; font-weight:800;}
.com02-01 .inner .month{font-size:21px; color:#148dd2; font-weight:800;}
.com02-01 .inner .content{font-size:16px; color:#626262; font-weight:500; line-height:25px;}
.com02-01 .tabBox{max-width: 1120px; margin: 0 auto;text-align: left;}
.com02-01 .tabBox a{display: inline-block; width:19%; text-align: center;}

.com02-01 .com02Box{display:flex;   justify-content: space-evenly;   padding: 20px 50px;}
.com02-01 .com02Box .year{text-align: right;width: 35%;}
.com02-01 .com02Box .year h1{font-size:70px; font-weight:800; color:#0c3484;}
.com02-01 .com02Box .year h5{font-size:19px;line-height: 26px;font-weight:500; color:#676767; margin-top:20px;}
.com02-01 .com02Box .cont{padding:30px;   margin-left: 120px;position:relative; width: 55%;}
.com02-01 .com02Box .cont::after{content:''; width:1px; height:100%; background:#e9e9e9;position:absolute;top:-50px;left:0;}
.com02-01 .com02Box .cont div:after{content:''; width:1px; height:110%; background:#e9e9e9;position:absolute;top:-50px;left:0;}
.com02-01 .com02Box .cont p{font-size:16px; font-weight:400; color:#101010; margin-bottom:30px;position:relative;line-height: 27px;}
.com02-01 .com02Box .cont p::after{content:''; width:5px; height:5px; border-radius:50%; background:#148dd2;position:absolute;top:6px;left:-32px; z-index: 1;outline:5px solid rgba(20,141,220, .1);}
.com02-01 .com02Box .cont span{color:#0c3484;margin-right: 10px;font-weight: 800;}
.com02-01 .com02Box .cont.twoDiv{display:flex;}


/*회사소개-조직도*/
.com03{padding: 100px 0 50px 0;}
.com03-01{padding: 200px 0 100px;}
.com03-01 .top li{display: inline-block; width: 32%;vertical-align: middle;}
.com03-01 .top .team01{width:150px;height: 150px; background:#148dd2; box-shadow: 2px 2px 10px rgb(20, 141, 220); border-radius: 50%; position: relative;}
.com03-01 .top .team01 span{font-size: 18px;font-weight: 900;position: relative;top: 47%;transform: translateY(-50%); text-align:center;}
.com03-01 .team03 .cir03::after{content: ''; position: absolute;width: 12px;height: 12px;background: #148dd2; border-radius: 50%;border: 2px solid #fff;top: 55%;right: -10px;}
.com03-01 .team03.box.box02::after{content: ''; position: absolute;width: 12px;height: 12px;background: #148dd2; border-radius: 50%;border: 2px solid #fff;top: 58%; left: -2%;}
.com03-01 .team03.box.box02{background: #2a6486;}
.com03-01 .ceo::after{content:'';position: absolute;height: 100%; top: 53%; z-index: -1;left: 50%; border:1px solid #148dd2; background: #148dd2;}
.com03-01 .team03{position: relative;}
.com03-01 .team03{width: 150px; height: 150px; margin: 0 auto;margin-top: 100px; background: #77c8f6; border-radius: 50%;position: relative;}
.com03-01 .team03 span{color: #fff; font-size: 21px; font-weight: 900;position: relative;top: 45%;transform: translateY(-50%); text-align:center;}
.com03-01 .team03.coo{margin-top: 507px;}
.com03-01 .team03 .cir02::after{content: ''; position: absolute;width: 12px;height: 12px;background: #148dd2; border-radius: 50%;border: 2px solid #fff;top: 55%;left: -10px;}
.com03-01 .team03{width: 150px; height: 150px; margin: 0 auto;margin-top: 100px; background: #77c8f6; border-radius: 50%;position: relative;}
.com03-01 .bottom{margin-top: 100px; position: relative;}
.com03-01 .bottom::after{content:'';position: absolute;width: 45%; height: 1%;background:rgba(212,0,6, .15);top: -25%; z-index: -1;left: 28%;}
.com03-01 .bottom li{display: inline-block; width: 28%; vertical-align: top;}
.com03-01 .bottom .team04{width:150px;height: 150px; background:#fff9f9; box-shadow: 2px 2px 10px rgba(150,0,4,.2); border-radius: 50%;margin-top: 50px;}
.com03-01 .bottom .team04-02::after{content:'';position: absolute;width: 1px; height: 285px;background:rgba(212,0,6, .15);top: -25%; z-index: -1;left: 28%;}
.com03-01 .bottom .team04-01::after{content:'';position: absolute;width: 1px; height: 285px;background:rgba(212,0,6, .15);top: -25%; z-index: -1;right:27%;}
.com03-01 .bottom .team04 span{font-size: 18px;font-weight: 900;position: relative;top: 47%;transform: translateY(-50%); text-align:center;}
.com03-01 .team05-01{position: relative; margin-top: -140px;}
.com03-01 .team05-01 li{width: 50%; vertical-align: top;}
.com03-01 .team05-01 li .line02::after{content:'';position: absolute;width: 46px; height: 1px;background:#77c8f6;top:37%;left:-5%; z-index: -1;}
.com03-01 .team05-01 li .line03::after{content:'';position: absolute;width: 46px; height: 1px;background:#77c8f6;top:63%;left:-5%; z-index: -1;}
.com03-01 .team05-01 li .line04::after{content:'';position: absolute;width: 46px; height: 1px;background:#77c8f6;bottom:10%;left:-5%; z-index: -1;}
.com03-01 .team05-01 li .box{margin-top: 30px; background:#148dd2;}
.com03-01 .team05-02{position: relative;}
.com03-01 .team05-02::after{content:'';position: absolute;width: 57%; height: 1px;background:rgba(212,0,6, .15);top: -60%; z-index: -1;left: 22%;}
.com03-01 .team05-02 li{ display: inline-block; width: 28%; vertical-align: top;}
.com03-01 .team05-02 li .box{padding: 0px 10px; border: 1px solid #f5cdce; border-radius: 10px;height: 75px;}
.com03-01 .team05-02 li .txt{font-size: 18px; font-weight: 900;line-height: 25px;}
.com03-01 .team05-02 li .line05::after{content:'';position: absolute;width: 1px; height: 45px;background:rgba(212,0,6, .15);top:-60%;left:22%; z-index: -1;}
.com03-01 .team05-02 li .line06::after{content:'';position: absolute;width: 1px; height: 45px;background:rgba(212,0,6, .15);top:-60%;left:50%; z-index: -1;}
.com03-01 .team05-02 li .line07::after{content:'';position: absolute;width: 1px; height: 45px;background:rgba(212,0,6, .15);top:-60%;right:21%; z-index: -1;}
.com03-01 .mid{position: relative;transform: translateY(-50%); text-align:center;}
.com03-01 .ceo h3{position:relative; width:250px; height:250px; margin:0 auto; padding:15px; border-radius:50%;margin-top: 30px;outline: 30px solid rgba(20,141,220, .1);}
.com03-01 .ceo h3::after{content: ''; position: absolute;width: 12px;height: 12px;background: #148dd2; border-radius: 50%;border: 2px solid #fff;bottom:-10%; right: 45%;}
.com03-01 .ceo h3 p{display:block; width:220px; height:220px;text-align:center; color:#fff; font-size:20px;font-weight:400; border-radius:50%; background:#148dd2;margin: 0px auto;}
.com03-01 .ceo h3 span{position: relative;font-size: 18px;top:20%;transform: translateY(0%); text-align:center;font-size: 28px; font-weight: 900;}
.com03-01 .ceo h3 p{width: 150px;height: 150px;}
.com03-01 .ceo h3{width: 180px;height: 180px}
.com03-01 .ceo .name{font-size: 30px; font-weight: 900; text-align: center;}
.com03-01 .team03{margin-top: 70px;}
.com03-01 .team03.box{background-color: #77c8f6; border-radius: 0%; box-shadow:unset;padding: 20px; border-radius: 50px;}
.com03-01 .team03.box.box02{width: 250px; height: inherit;}
.com03-01 .team03.box .line{width:80%; height:1px; margin:0 auto; background:rgba(255,255,255, .5); margin-top:30px;}
.com03-01 .team03.box.box02{border-radius: 20px}
.com03-01 .team03.box .inner{color: #fff; padding: 20px; font-size: 15px; font-weight: 700; line-height: 21px; border-radius: 30px;padding: 13px;font-size: 13px;line-height: 18px;  border-radius: 15px;}
.com03-01 .team03.box .tit{color:#fff; border-radius: 30px; font-weight: 800; padding:10px 20px 10px 20px;width: 70%; margin: 0 auto;width: 100%;  padding: 10px 3px 10px 3px; border-radius: 20px;font-size: 18px; line-height: 24px; font-weight: 900;}
.com03-01 .team03.box{padding: 10px}
.com03-01 .team03{margin-top:60px;}
.com03-01 .mid::after{width: 68.5%;bottom: 41%;}
.com03-01 .team05-01 li{width:21%;display: inline-block;    margin-right: 15px;}
.com03-01 .team05Wrap{margin-top:60px;}
.com03-01 .team05-01 li .txt{font-size: 17px;font-weight: 900;  line-height: 24px;}
.com03-01 .team05-01 li .line02::after{width: 1px; height: 50px;left:72%;top:0;}
.com03-01 .team05-01 li .line03::after{width: 1px; height: 50px;left:28%;top:0;}
.com03-01 .team05-01 li .line04::after{width: 1px; height: 50px;left:12%;top:0;}
.com03-01 .team05-01::after{content:'';position: absolute;width:1px; height: 120%;top: -30%;left: -5%; z-index: -1;background:#77c8f6;}
.com03-01 .team05-01::after{height: 102%; top: -12%;}
.com03-01 .team05-01::after{top: 0%; width: 492px; height: 1px; left: 28%;}
.com03-01 .team03.line01::after{content:'';position: absolute;width: 650px;bottom:40%;left:49.5%; z-index: -1; border: 1px solid #148dd2;}
.com03-01 .team03 span{top:0%;transform:translateY(0%);font-size: 15px;line-height: 150px;}
.com03-01 .team05-01 .box .inner{ color: #fff; padding: 20px; font-weight: 700; line-height: 17px; border-radius: 30px;padding:20px 10px;font-size: 12px;border-radius: 10px; padding: 20px 10px 20px 10px}
.com03-01 .team05-01 .box{padding: 20px;border-radius: 20px;padding: 20px 10px; height: auto;}
.com03-01 .team05-01 .box .tit{color:#fff; border-radius: 30px; font-weight: 800; padding:10px 20px 10px 20px;width: 70%; margin: 0 auto; height:50px;border-radius: 15px;width:100%; padding: 15px 0 15px 0;}
.com03-01 .team05-01 .box .line{width:80%; height:1px; margin:0 auto; background:rgba(255,255,255, .5); margin-top:30px;}
.com03-01 .top{margin-top: 120px;}
.ceo{margin-top: 50px;}

/*회사소개-인증및특허*/
.com04{padding: 100px 0  150px 0;}
.com04 ul{text-align: center;margin-top: 30px;}
.com04 ul li{display: inline-block; width: 23%; vertical-align: middle;margin-right: 10px;}
.com04 ul li img{width:80%;}
.com04 ul li h5{font-size:14px; font-weight:800; color:#262626; margin-top:15px;  padding-left: 20px;text-align: left;position: relative; }
.com04 ul li h5::after{content: '';width: 3px;height: 14px; background: #148dd2;bottom: 0;left: 7px;position: absolute;}
.com04 ul.last li{display: inline-block; width: 18%; vertical-align: middle;margin-right: 10px;}
.com04 .btns{display: list-item; margin: 0 auto; margin-top: 80px;}
.com04 .btns li{width: 16%;}
.com04 .btns a{border: 1px solid #148dd2; background: #fff; color: #148dd2; font-size: 14px; font-weight: 800;margin-right: 20px; padding: 15px 20px; border-radius: 10px;}
.com04 .btns a{background: url(/kr/img/com/com04-down.png) no-repeat; background-position: 85% 53%;}
.com04 .btns a:hover{background: url(/kr/img/com/com04-down-hv.png) no-repeat #148dd2;background-position: 85% 53%; color: #fff; transition: .3s;}

/*회사소개-오시는길*/
.com05{padding: 100px 0 0px 0;}
.com05-01{margin-top: 150px;position: relative;}
.com05-01 .map iframe{width: 100%; }
.com05-01 .box{background: #fafafa;width: 550px; height: 250px;position: absolute; top: -10%; left: 20%; box-shadow: 2px 2px 10px rgba(175, 175, 175, .4); border-radius: 20x;}
.com05-01 .box .txt{padding: 40px;}
.com05-01 .box .txt p{margin-bottom: 30px;}
.com05-01 .box .txt h1{font-size: 20px; font-weight: 800; color: #262626; margin-bottom: 20px;}
.com05-01 .box .txt h5{font-size: 17px; line-height: 23px; font-weight: 600; color: #262626; margin-bottom: 10px;}

/*0428추가건*/
.subTop.bus{background: url(/kr/img/bus/busTop.jpg) no-repeat; padding: 300px 0 0px 0;background-size: cover;}
.sub-nav.twoDiv li{display: inline-block;width: 25%;vertical-align: top;}
.sub-tit h4{font-size: 19px; line-height: 27px; font-weight: 500; color: #474747; margin-top: 50px;}

/*사업영역-주요사업*/
.bus01{padding: 100px 0 150px 0;}
.bus01 ul{text-align: center; margin-top: 50px;}
.bus01 ul p{margin-bottom: 30px;}
.bus01 ul li{display: inline-block; width: 28%; vertical-align: top; margin-right: 20px;}
.bus01 ul li:last-child{margin-right: 0px;}
.bus01 ul .bg01{background: url(/kr/img/main01-01.jpg) no-repeat center; padding: 400px 0 0 0;border-radius:10px 10px 10px 0px;position: relative;}
.bus01 ul .bg02{background: url(/kr/img/main01-02.jpg) no-repeat center; padding: 400px 0 0 0;border-radius:10px 10px 10px 0px;position: relative;}
.bus01 ul .bg03{background: url(/kr/img/main01-03-ne.jpg) no-repeat center; padding: 400px 0 0 0;border-radius:10px 10px 10px 0px;position: relative;}
.bus01 ul .box{background: #fff;position: absolute;bottom: 0;border-radius:0px 10px 0px 0px;width: 230px;}
.bus01 ul .box .txt{padding: 30px; text-align: left;}
.bus01 ul .box .txt h5{font-size: 14px; color: #747474; font-weight: 800; margin-bottom: 10px;}
.bus01 ul .box .txt h1{font-size: 25px; color: #202020; font-weight: 800; }

.bus01-01{background: #fafafa; padding: 80px 0 100px 0;}
.bus01-01 h1{font-size: 33px; font-weight: 900; margin-bottom: 20px; text-align: left;position: relative; margin-left: 25px;}
.bus01-01 h2{font-size: 28px; line-height: 40px; font-weight: 900; margin-bottom: 20px; text-align: left; margin-left: 25px;position: relative;}
.bus01-01 h1 span{font-size: 18px; margin-left: 10px; text-align: left;}
.bus01-01 h1::after{content: '';width: 4px;height: 30px;background: #148dd2;bottom: 0; left: -15px;position: absolute;}
.bus01-01 h2::after{content: '';width: 4px;height: 30px;background: #148dd2;bottom: 0; left: -15px;position: absolute;}
.bus01-01 .twoDiv{display: flex;}
.bus01-01 .ul01{text-align: center; margin-top: 30px;}
.bus01-01 .ul01 li{display: inline-block; width: 23%; margin-right: 15px; }
.bus01-01 .ul01 li {overflow: hidden;border-radius: 10px;}
.bus01-01 .ul02 li p{overflow: hidden;border-radius: 10px;}
.bus01-01 .ul02{text-align: center; margin-top: 50px;}
.bus01-01 .ul02 li{display: inline-block; width: 45%; margin-right: 10px; vertical-align: middle;}
.bus01-01 .inner{margin-top: 50px;}
.bus01-01 .inner p{margin-right: 40px;overflow: hidden;border-radius: 10px;}
.bus01-01 .inner p:first-child{margin-right: 0px;}

.bus02{padding:100px 0 80px 0;}
.bus02 ul{text-align: center;}
.bus02 ul img{border-radius: 10px;}
.bus02 ul li{display: inline-block; width: 32%; margin-right: 10px;    margin-top: 50px;}
.bus02 ul li:last-child{margin-right: 0px;}
.bus02 ul h5{font-size: 16px; line-height: 21px; font-weight: 800; color: #353535; text-align: left; margin-top: 20px; position: relative; margin-left: 20px;}
.bus02 ul h5::after{content: ''; width: 3px; height: 15px; background: #148dd2;bottom: 0; left: -10px; position: absolute;}

.bus02-01{background: #fafafa; padding: 50px 0 100px 0;}
.bus02-01 .tab-link{color:#262626; font-weight:900; opacity:.2; font-size:40px;margin-bottom: 20px; text-align: left;}
.bus02-01 .tab-link.current{opacity:1;}
.bus02-01 .tab-content{display: none;}
.bus02-01 .tab-content.current{display: block;}
.bus02-01 .inner{width:100%;}
.bus02-01 .inner .yeaer{font-size:21px; color:#148dd2; font-weight:800;}
.bus02-01 .inner .month{font-size:21px; color:#148dd2; font-weight:800;}
.bus02-01 .inner .content{font-size:16px; color:#626262; font-weight:500; line-height:25px;}
.bus02-01 .tabBox{max-width: 1120px; margin: 0 auto;text-align: left;}
.bus02-01 .tabBox a{display: inline-block; width: 26%; text-align: left;}
.bus02-01 table{width: 100%;}
.bus02-01 table tr th{padding: 10px 15px; background: #0075b8; color: #fff; font-size: 15px; font-weight: 800;border-right: 1px solid rgba(255, 255, 255, .3);text-align: center;line-height: 21px;}
.bus02-01 table tr td{padding: 10px 15px; font-size: 16px; font-weight: 600;text-align: center; background: #fff;border-bottom: 1px solid #fafafa; border-right: 1px solid #fafafa;  line-height: 20px;} 
.bus02-01 table tr td.year{background:#daebf6; vertical-align: middle; font-size: 16px; text-align: center;}
.bus02-01 h1{font-size: 25px; font-weight: 800; margin-top: 40px; margin-bottom: 20px; color: #148dd2;position: relative; margin-left: 20px;}
.bus02-01 h1::after{content: ''; width: 3px; height: 20px; background: #148dd2;bottom: 0; left: -15px; position: absolute;}




/*반응형*/
@media all and (min-width:748px) and (max-width:1280px){


	

	.com01-01 .cont .left img{width:100%;}
	.com01-01 .cont .right.sec01{width: 100%; margin-left: 20px;}
	.com01-01 .cont .left.sec01{width:100%;margin-right:0px;  margin-left: 20px;}
	.com01-01 .cont .right img{width:100%;}

	

}


@media all and (min-width:748px) and (max-width:1080px){
	
	.main02 .inner{flex-wrap: wrap;    align-items: flex-end;}
	.main02 .inner .txt h1{ text-align: left;}
	.main02 .inner .txt h5{text-align: left;}
	.main02 .inner .txt{transform:inherit;margin-left:50px; margin-right:0px;}
	.main02 .inner .txt .btn{ float: left;}
	.main03 .sec_content{height: 420px;}
	

}

@media all and (max-width:748px){
	.res-img{width:100%;}
	.container{max-width:93%;}
	.container-notice{max-width:93%;}
	.mainB #mainBSwiper .swiper-slide.bg01{padding: 220px 0 250px 0; background-position: 8%;}
	.mainB #mainBSwiper .txt h1{font-size: 38px;line-height: 46px;}
	.mainB #mainBSwiper .txt h5{font-size: 14px; line-height: 23px;margin-bottom: 10px;}

	.mainB .mainBquick{max-width: 650px; top: -50px;}
	.mainB .mainBquick li{ width: 25%;}
	.mainB .mainBquick .box{height: 130px;}
	.comm-tit h1{font-size: 23px;line-height: 33px;}
	.comm-tit h5{font-size: 16px;}
	
	.main01{padding: 30px 0 70px 0;}
	.main01 ul li{ width: 100%; margin-top: 10px;}
	.main01 ul .bg01{ background-size: cover;padding: 250px 0 0 0;}
	.main01 ul .bg02{ background-size: cover;padding: 250px 0 0 0;}
	.main01 ul .bg03{ background-size: cover;padding: 250px 0 0 0;}
	.main02 {padding:40px 0 50px 0;}
	.main02 .inner{ flex-wrap: wrap;}
	.main02 .inner .txt{margin-left: 0px;margin-right:0px;transform: translateY(0%);}
	.main02 .inner .txt h1{text-align: left;font-size: 33px;line-height: 45px;}
	.main02 .inner .txt h5{text-align: left;margin-bottom: 30px;  font-size: 16px;  line-height: 25px;}
	.main02 .inner .txt .btn{float: left;}
	.main02 .inner img{margin-bottom:-50px; width: 100%;}

	.main03{padding: 80px 0 50px 0;}
	.main03 ul li{ width: 100%;}
	.main03 .sec_content{height: 320px;  margin-top: -35px;  border-radius: 0 0 10px 0px;}
	.main03 .sec_content .swiper-button-prev{ left: 37%;}
	.main03 .sec_content .swiper-button-next{left: 47.5%;}
	.main03 .sec_content .txt h1{font-size: 40px;}
	.main03 ul{margin-top: 0px;}
	.main03 ul li{margin-top:0px;}
		
	.main05{margin-top: 80px;}
	.main05 .txt{top: 33%;}
	.main05 .txt h5{margin-bottom: 30px;}

	footer{padding: 50px 0 50px 0;}
	footer .two{flex-wrap: wrap;}
	footer .two ul li{width:25%; float: left; text-align: left;margin-top: 20px;}

	.sub-tit h1{font-size: 32px; line-height: 50px;}
	.sub-tit h5{margin-bottom: 10px;font-size: 18px;}

	/*회사소개*/
	.subTop.com{padding: 180px 0 0px 0; background-position: 50%;}
	.subTop.bus{padding: 180px 0 0px 0; background-position: 50%;}
	.subTop.ref{padding: 180px 0 0px 0; background-position: 50%;}
	.subTop.ref{padding: 180px 0 0px 0; background-position: 50%;}
	.subTop .subTop-txt h1{padding-bottom: 180px;}
	.sub-nav{top: -34px;  max-width: 100%;}
	.sub-nav li{width: 15%;}
	.sub-nav a{font-size: 14px;}

	.com01-01{padding: 50px 0 50px 0;}
	.com01-01 .cont{flex-wrap: wrap;margin-top: 30px;}
	.com01-01 .cont .right.sec01{width: 100%;margin-top: 30px;margin-left: 0px;}
	.com01-01 .cont .right.sec01 h3{margin-left: 20px;}
	.com01-01 .cont .left.sec01{width: 100%;margin-top: 30px; margin-right: 0px;}
	.com01-01 .cont.cont02{flex-wrap: wrap;flex-direction: column-reverse;justify-content: flex-end;}
	.com01-01 .cont h5{margin-left: 20px;}
	.com01-01 .cont h4{margin-left: 20px;}
	.com01-01 .cont .left.sec01 h4{margin-left:20px;}
	.com01-02{padding: 70px 0 70px 0;}
	.com01-02 ul li{width: 31%;}
	.com01-02 ul .box .txt{ padding: 30px 10px;}
	.com01-02 ul .box .txt h1{font-size: 23px;}
	.com01-02 ul .box .txt h4{font-size: 14px; line-height: 21px;}
	.com01-02 ul .box .txt h3{font-size: 17px;line-height: 24px;}
	.com01-03 ul .box{width: 130px; height: 130px;}
	.com01-03 ul li{width: 32%;    margin-top: 50px;}
	.com01-03 h1{font-size: 22px;line-height: 40px;}

	.com02{padding: 50px 0 0 0;}
	.com02-01{margin-top: 30px;}
	.com02-01 .tab-link{font-size: 38px; margin-bottom: 15px;}
	.com02-01 .tabBox a{width: 30%;}
	.com02-01 .Topimg{margin-top:0px;}
	.com02-01 .com02Box{flex-wrap: wrap;  padding: 0px 20px;}
	.com02-01 .com02Box .year{text-align: left;width: 100%;}
	.com02-01 .com02Box .year h1{font-size: 50px;}
	.com02-01 .com02Box .year h5{font-size: 17px;}
	.com02-01 .com02Box .cont{width: 100%;margin-left : 0px;}
	.com02-01 .com02Box .cont p{margin-bottom: 30px;line-height: 23px;}
	.com02-01 .com02Box .cont::after{height: 74%; top: 40px;}

	.com03{padding: 50px 0 50px 0;}
	.com03-01 .team03.line01::after{width: 300px;}
	.com03-01 .team05-01::after{ width: 185px;}
	.com03-01 .team05-01 li{width: 25%;margin-right:5px;}

	.com04{padding: 50px 0 50px 0;}
	.com04 .btns a{margin-right: 5px;}
	.com04 .btns li{width: 20%;}

	.com05{padding: 100px 0 0px 0;}
	.com05-01 .box{top: -27%; left:0%;}

	.com05-01 .box .txt h1{ font-size: 18px;}
	.com05-01 .box .txt h5{margin-bottom: 5px; font-size: 16px;line-height: 21px;}

	.bus01{padding: 50px 0 70px 0;}
	.bus01 ul li{width:100%; margin-top: 10px;margin-right:0px;}
	.bus01 ul .bg01{padding: 250px 0 0 0;background-size: cover;}
	.bus01 ul .bg02{padding: 250px 0 0 0;background-size: cover;}	
	.bus01 ul .bg03{padding: 250px 0 0 0;background-size: cover;}
	.sub-tit h4{margin-top: 20px;    font-size: 16px;}

	.bus01-01{padding: 50px 0 80px 0;}
	.bus01-01 .ul01 li{width: 48%;margin-right: 5px;margin-top: 5px;}
	.bus01-01 h1{ font-size: 25px;}
	.bus01-01 h1 span{font-size: 14px;}
	
	.bus01-01 .twoDiv{flex-wrap: wrap;}
	.bus01-01 .ul02 li{width: 48%;margin-right: 5px;}
	.bus01-01 h2{ font-size: 22px;  margin-bottom: 10px;}
	.bus01-01 .inner{ margin-top: 40px;}
	.bus01-01 .inner p{margin-right:0px;}
	.bus02{padding: 50px 0 80px 0;}
	.bus02 ul li{width: 48%; margin-right: 5px;vertical-align: top;    margin-top: 30px;}
	.bus02 ul h5::after{ top: 4px;  bottom: 0;}
	.bus02-01 .tab-link{font-size: 29px;}
	.bus02-01 .tabBox{ margin-left: 20px;}
	.bus02-01 .tabBox a{ width: 32%;}
	.bus02-01 h1{ font-size: 25px;  font-size: 20px;}
	.bus02-01 h1::after{height: 18px;}

	.bus02-01 table tr td{ font-size: 12px;}


	/*게시판*/
	.board-pd{padding: 50px 0 100px 0 !important;}
	.board-pd02{ margin-top: 30px;}


}	

.com04 ul.thr li{width:23%;}
.com04 ul.fve li{width:18%;}
.bus02-01 .tabBox a{width: 19%;}
.bus02-01 .tab-link{font-size: 38px;}
.bus01-01 .ul01 li{height:271px;}
.bus02-01 .tabBox a{width: auto;margin-right: 70px;}
.bus02-01 table tr td.year{ width: 10%;}
.bus02-01 table tr td.name{ width: 20%;}