@charset "utf-8";
@font-face { font-family: 'YEONGJUSeonbiTTF'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2403@1.0/YEONGJUSeonbiTTF.woff2') format('woff2'); font-weight: normal; font-style: normal; }
.sub{width:80%; margin-left:auto; padding-top:100px;}
@media (max-width:1440px) {
    .sub{padding-top:80px;}
}

@media (max-width:1400px) {
    .sub{width:100%; margin:0 auto;}
}


@media(max-width:1024px){
    .sub{padding-top:65px;}
}

@media(max-width:550px){
    .sub{padding-top:55px;}
}

@media(max-width:425px){

}

.sub_visual .container{position: relative; height:380px; background:url(../img/sub_bg1.png) no-repeat center / cover; display: flex; justify-content: center; align-items: center; flex-direction: column; gap:15px;}
.sub_visual .container::before{position: absolute; content:''; left:50%; top:50%; transform: translate(-50%,-50%); width:100%; height:100%; background:#000; opacity: .15;}
.sub_visual .container h2{position: relative; font-size:32px; font-weight: 800; color:#fff;}
.sub_visual .container ul{display: flex; align-items: center; opacity: .75;}
.sub_visual .container ul li{position: relative; display: flex; align-items: center; line-height: 1; color:#fff;}
.sub_visual .container ul li::after{display: flex; content:''; transform: translateY(2px); width:17px; height:17px; background:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23ffffff' d='m13.292 12l-4.6-4.6l.708-.708L14.708 12L9.4 17.308l-.708-.708z'/%3E%3C/svg%3E") no-repeat center / 100%; margin:0 5px;}
.sub_visual .container ul li:last-child:after{display: none;}
.sub_visual .snb{height:60px; border-bottom:1px solid #d9d9d9; display: none;}
.sub_visual .snb ul{display: flex; justify-content: center; width:100%; height:100%;}
.sub_visual .snb ul li a{display: flex; height:100%; justify-content: center; align-items: center; padding:0 25px; font-size:16px; transition: all .3s ease;}
.sub_visual .snb ul li:hover a{background:#f8f8f8;}
.sub_visual .snb ul li.on a{background:#1b9f3a; color:#fff;}
.sub_visual .container.ntn_2{background:url(../img/sub_bg3.jpg) no-repeat center / cover;}
.sub_visual .container.ntn_3{background:url(../img/sub_bg3.jpg) no-repeat center / cover;}
.sub_visual .container.ntn_4{background:url(../img/sub_bg3.jpg) no-repeat center / cover;}
.sub_visual .container.ntn_5{background:url(../img/sub_bg2.jpg) no-repeat center / cover;}



.product_type1{width:100%;}
.product_type1 .container{display: flex; gap:40px; margin-bottom:40px;}
.product_type1 .info{width:50%;}
.product_type1 .info h3{font-size:24px; font-weight: 700; margin-bottom:20px;}
.product_type1 .info p{font-size:16px; border-bottom:1px solid #d9d9d9; padding-bottom:20px; margin-bottom:20px; word-break: keep-all;}
.product_type1 .info ul{display: flex; flex-direction: column; gap:20px;}
.product_type1 .info ul li{position: relative; display: flex; padding-left:20px;}
.product_type1 .info ul li::before{position: absolute; content:''; left:0; top:7px; width:10px; height:2px; background:#000;}
.product_type1 .info ul li span{font-size:16px; line-height: 1;}
.product_type1 .info ul li .desc1{width:120px;}
.product_type1 .info ul li .desc2{width:calc(100% - 120px)}
.product_type1 .img_box{width:50%;}
.product_type1 .img_box span{display: flex; align-items: center; justify-content: center;}
.product_type1 .img_box img{width:100%;}
.product_type1 .download{display: flex; margin-top:40px;}
.product_type1 .download a{display: flex; padding:10px 20px; font-size:16px; line-height: 1;}
.product_type1 .download a:nth-child(1){background:#1b9f3a; color:#fff;}
.product_type1 .download a:nth-child(2){border:1px solid #1b9f3a; color:#1b9f3a;}
.product_type1 .icon_group{display: flex; gap:30px; ;}
.product_type1 .icon_group i{display: flex; align-items: center; justify-content: center; flex-direction: column; gap:10px; border:1px solid red; width:calc((100% - 270px) / 10); height:92.5px; font-style: inherit;}
.product_type1 .icon_group i svg{width:50%; height:50%;}
.product_type1 .icon_group i span{font-size:12px;}


#content{max-width:1200px; padding:100px 0; margin:0 auto;}
@media(max-width:1400px){
    #content{padding:100px 30px;}
}

@media(max-width:1024px){

}

@media(max-width:768px){
    #content{padding:60px 15px;}
}

@media(max-width:425px){

}

/* 회사소개 */
.page0101 .container1{display: flex; gap:60px;}
.page0101 .img_box{width:40%; border:1px solid #d9d9d9;}
.page0101 .img_box span{display: flex; align-items: center; justify-content: center; transform: translate(-40px,40px); box-shadow: 0 10px 30px rgba(0, 0, 0, .25);}
.page0101 .img_box img{width:100%;}
.page0101 .txt_box{width:60%; padding:40px 0;}
.page0101 .txt_box h3{position: relative; font-size:26px; word-break: keep-all; font-weight: 500; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #d9d9d9;}
.page0101 .txt_box h3 i{position: absolute; width:200px; height:200px; right:0; top:0; transform: translate(25%,-50%); display: flex; align-items: center; justify-content: center; opacity: .05; animation: span_0101 40000ms linear infinite;}
.page0101 .txt_box h3 i img{width:100%;}
@keyframes span_0101 { 0%{transform: translate(25%,-50%) rotate(0);} 100%{transform: translate(25%,-50%) rotate(360deg);} }
.page0101 .txt_box h3 span{color:#1b9f3a; font-weight: 700;}
.page0101 .txt_box p{word-break: keep-all; font-size:16px; margin-bottom:20px;}
.page0101 .txt_box p:last-child{margin:0;}
.page0101 .txt_box p.name{display: flex; align-items: flex-end; gap:15px; line-height: 1;}
.page0101 .txt_box p.name span{font-size:32px; font-family: 'YEONGJUSeonbiTTF' !important; line-height: 1; transform: translateY(5px);}
@media(max-width:1200px){
    .page0101 .container1{gap:30px;}
    .page0101 .txt_box{padding:0;}
}

@media(max-width:1024px){
    .page0101 .container1{flex-direction: column;}
    .page0101 .img_box{width:100%; height:200px; background:url(/theme/zigger-basic/layout/img/0101img1.png) no-repeat center / 100%; border:0;}
    .page0101 .img_box span{display: none;}
    .page0101 .txt_box{width:100%;}
    .page0101 .txt_box h3{font-size:21px; word-break: keep-all;}
    .page0101 .txt_box h3 br{display: none;}
    .page0101 .txt_box p{font-size:15px;}
}

@media(max-width:768px){
    .page0101 .txt_box h3 i{width:150px; height:150px;}
    .page0101 .txt_box p.name span{font-size:28px;}
}

@media(max-width:425px){

}


/* 회사연혁 */
.page0102 .container{display: flex; gap:60px;}
.page0102 .tit{position: sticky; top:140px; width:30%; height:200px;}
.page0102 .tit p{display: flex; flex-direction: column;}
.page0102 .tit p span{word-break: keep-all; font-weight: 700;}
.page0102 .tit p .desc1{font-size:18px; color: #1b9f3a;}
.page0102 .tit p .desc2{font-size:24px; text-shadow: 0 5px 10px rgba(0, 0, 0, .25);}
.page0102 .content{display: flex; flex-wrap: wrap; gap:50px; width:70%;}
.page0102 .item{display: flex; flex-direction: column; width:calc((100% - 50px) / 2); box-shadow: 0 15px 30px rgba(0, 0, 0, .15); background:#fafafa;}
.page0102 .img_box{width:100%;display: flex; align-items: center; border-bottom:1px solid #d9d9d9; padding:15px; background:#fff;}
.page0102 .img_box img{width:100%;}
.page0102 .txt{padding:20px;}
.page0102 .txt h3{font-size:20px; font-weight: 700; margin-bottom:10px; color:#1b9f3a;}
.page0102 .txt ul{padding:0;}
.page0102 .txt ul li{position: relative; font-size:16px; word-break: keep-all; margin-bottom:10px; padding-left:10px;}
.page0102 .txt ul li::before{position: absolute; content:''; left:0; top:10px; width:5px; height:2px; background:#1b9f3a;}
.page0102 .txt ul li:last-child{margin:0;}
@media(max-width:1440px){

}

@media(max-width:1024px){

}

@media(max-width:768px){
    .page0102 .content{gap:30px;}
    .page0102 .item{width:calc((100% - 30px) / 2);}
    .page0102 .container{flex-direction: column;}
    .page0102 .tit{height:auto; width:100%; text-align: center; position: relative; top:0;}
    .page0102 .tit p .desc1{display: none;}
    .page0102 .content{width:100%;}
    .page0102 .txt ul li{font-size:14px; word-break: keep-all; margin-bottom:5px;}
    .page0102 .txt h3{font-size:18px; word-break: keep-all;}
}

@media(max-width:550px){
    .page0102 .tit p .desc2{font-size:21px;}
    .page0102 .item{width:100%;}
}



/* 조직도 */
.page0103 .item{position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; gap:5px; padding:20px; box-shadow: 0 10px 25px rgba(0, 0, 0, .15);}
.page0103 .item span{ font-size:18px; font-weight: 700;}
.page0103 .item .desc1{font-size:14px; font-weight: 500; color:#1b9f3a;}
.page0103 .item.tit{border-top:4px solid #1b9f3a; background:#fafafa; color:#1b9f3a;}
.page0103 .item_group{position: relative;}
.page0103 .item_group:nth-child(1){width:calc(25% - 90px); margin:0 auto 60px; margin-bottom:30px;}
.page0103 .item_group:nth-child(1) .item{background:#1b9f3a; color:#fff; border-color:transparent;}
.page0103 .item_group:nth-child(1) .item span{color:#fff;}
.page0103 .item_group:nth-child(1) .item::before{position: absolute; left:50%; top:100%; transform: translate(-50%,0); content:''; width:1px; height:30px; background:#d9d9d9;}
.page0103 .item_group:nth-child(2){width:calc(25% - 90px); margin:0 auto 120px; margin-bottom:60px;}
.page0103 .item_group:nth-child(2) .item{border:4px solid #1b9f3a; color:#1b9f3a; background:#fff;}
.page0103 .item_group:nth-child(2) .item::before{position: absolute; left:50%; top:calc(100% + 4px); transform: translate(-50%,0); content:''; width:1px; height:30px; background:#d9d9d9;}
.page0103 .item_group:nth-child(3) {display: flex;}
.page0103 .item_group:nth-child(3)::before{position: absolute; left:50%; top:-30px; transform: translate(-50%,-50%); content:''; width:75%; height:1px; background:#d9d9d9;}
.page0103 ul{position: relative; display: flex; flex-direction: column; gap:30px; width:25%;}
.page0103 ul::before{position: absolute; left:50%; top:-30px; transform: translate(-50%,0); content:''; width:1px; height:30px; background:#d9d9d9;}
.page0103 ul li{position: relative;}
.page0103 ul li::before{position: absolute; left:50%; top:100%; transform: translate(-50%,0); content:''; width:1px; height:30px; background:#d9d9d9;}
.page0103 ul:last-child li:nth-child(3)::before,.page0103 ul li:last-child:before{display: none;}
@media(max-width:1440px){

}

@media(max-width:1024px){
    .page0103 ul{padding: 0 20px;}
    .page0103 .item_group:nth-child(2),.page0103 .item_group:nth-child(1){width:135px;}
}

@media(max-width:768px){

}

@media (max-width:650px) {
    .page0103 .item_group:nth-child(3){flex-direction: column; align-items: center;}
    .page0103 .item_group:nth-child(3)::before{display: none;}
    .page0103 ul{width:135px; padding:0;}
    .page0103 .item_group:nth-child(3){gap:60px;}
    .page0103 ul::before{display: none;}
    .page0103 .item_group:nth-child(2) .item::before{height:60px;}
}


@media(max-width:425px){

}


/* 오시는길 */
.page0104{width:100%;}
.page0104 .map{position: relative; width:100%;}
.page0104 .root_daum_roughmap{width:100%; height:600px;}
.page0104 .wrap_map{height:100%;}
.page0104 .info{display: flex; flex-direction: column; gap:20px; position: absolute; z-index: 10; right:0; bottom:0; width:450px; background:#fff; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); padding:30px;}
.page0104 .info .logo{width:200px;}
.page0104 .info .logo span{display: flex; align-items: center; justify-content: center;}
.page0104 .info .logo img{max-width:200px; width:100%;}
.page0104 .info ul{display: flex; flex-direction: column; gap:5px; padding:0;}
.page0104 .info ul li{display: flex;}
.page0104 .info ul li span{font-size:16px;}
.page0104 .info ul li .desc1{width:60px; font-weight: 700; word-break: keep-all;}
.page0104 .info ul li .desc2{width: calc(100% - 60px); word-break: keep-all;}
.page0104 .root_daum_roughmap .wrap_map{height:100% !important;}

@media(max-width:1440px){

}

@media(max-width:1024px){
    .root_daum_roughmap .wrap_btn_zoom{display: none !important;}
    .page0104 .map::after{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); content:''; width:100%; height:100%; z-index: 10;}
}

@media(max-width:768px){
    .page0104 .info{position: relative; width:100%;}
    .page0104 .info .logo{width:180px;}
}

@media(max-width:425px){
    .page0104 .root_daum_roughmap{width:100%; height:400px;}
    .page0104 .info{padding:20px;}
    .page0104 .info ul li span{font-size:14px;}
}