@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.greeting{display: flex;align-items:center;}
.greeting .img{width:50%;}
.greeting .img img{border-radius:var(--bd24);}
.greeting .tt-wrap{width:50%;padding-left:var(--size70);}
.greeting .tt-wrap .tit{margin-bottom:var(--size25);font-size:var(--fz22);line-height:1.45em;letter-spacing:-.04em;font-weight:600;}
.gra-tt{background: linear-gradient(91deg, #0098F5 0.14%, #124AC6 99.78%); background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.greeting .tt-wrap .wrap{margin-top:var(--size20);}
.greeting .tt-wrap .wrap p{margin-bottom:var(--size25);}
.greeting .tt-wrap .wrap p:last-child{margin-bottom:0;}
.greeting .tt-wrap .ceo{margin-top:var(--size40);font-weight:700;font-size:var(--fz20);}

.history{display: flex;}
.history .left{min-width:0%;width:1%;flex:1 1 auto;padding-top:var(--size70);}
.history .left .tit-wrap{padding-bottom:35px;margin-bottom:40px;border-bottom: 1px solid #ddd;}
.history .left .tit-wrap .tit{font-size:var(--fz28);line-height:1.2em;font-weight:600;margin-bottom:var(--size15);}
.history .con{position:relative;}
.history .con:before{content:'';position:absolute;top:25px;left:220px;width:1px;height:95%;background:#ddd;z-index:-1;}
.history .con .group{margin-bottom:var(--size120);display: flex;}
.history .con .group:last-child{margin-bottom:0;}
.history .con .group .gr-tit{font-size:var(--fz42);line-height:1.2em;font-weight:700;color:var(--dark);width:220px;}
.history .con .group .list{min-width:0%;width:1%;flex:1 1 auto;padding-top:10px;}
.history .con .group .list .row{margin-bottom:30px;padding-left:80px;position:relative;}
.history .con .group .list .row:last-child{margin-bottom:0;}
.history .con .group .list .row:before{content:'';width:11px;height:11px;background-color:var(--pri);border-radius:50%;position:absolute;top:8px;left:-5px;}
.history .con .group.st2 .list .row:before{background-color:#114FC9;}
.history .con .group .list .row .year{font-size:var(--fz26);line-height:1.2em;font-weight:700;margin-bottom:var(--size10);color:var(--dark);}
.history .con .group .list .row .dot-list li{line-height:2em;}
.history .con .group .list .row .dot-list li{text-indent: -.6em;padding-left:.6em;}

.busi .row{display: flex;align-items:center;margin-bottom:var(--size100);}
.busi .row:last-child{margin-bottom:0;}
.busi .row .img{width:50%;}
.busi .row .img img{border-radius:var(--bd24);}
.busi .row .tt-wrap{width:50%;text-align:center;}
.busi .row .tt-wrap .num{display: flex;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto var(--size25);border-radius:50%;background: linear-gradient(91deg, #0098F5 0.14%, #124AC6 99.78%);color:#fff;font-size:var(--fz28);line-height:1.2em;font-weight:700;}
.busi .row .tt-wrap .tit{font-size:var(--fz28);line-height:1.14em;font-weight:600;color:var(--dark);}
.busi .row:nth-child(even){flex-direction: row-reverse;}

.location .maps{border: 1px solid #ddd;border-radius:var(--bd24);overflow:hidden;}
.location .maps .root_daum_roughmap {width:100% !important; height:520px !important;}
.location .maps .root_daum_roughmap .wrap_map {height:520px !important;}
.location .maps .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.location .maps .map_border{display:none;}
.location .maps .roughmap_lebel_text:after {content:"이엔아이"; font-size:12px; line-height:15px;}
.location .maps iframe{width:100%;height:520px;display: block;}
.location .tt-wrap{margin-top:45px;}
.location .tt-wrap .comp{font-size:var(--fz20);font-weight:700;color:var(--dark);line-height:1.4em;margin-bottom:var(--size30);}
.location .tt-wrap .info .row{display: flex;align-items:center;margin-bottom:var(--size25);}
.location .tt-wrap .info .row:last-child{margin-bottom:0;}
.location .tt-wrap .info .row .tit-wrap{display: flex;align-items:center;width:220px;}
.location .tt-wrap .info .row .tit-wrap .ic{margin-right:12px;}
.location .tt-wrap .info .row .tit-wrap .tit{font-size:var(--fz18);color:var(--dark);font-weight:600;line-height:1.2em;}
.location .tt-wrap .info .row .tt{min-width:0;width:1%;flex:1 1 auto;}


.pr-title{margin-bottom:var(--size25);font-size:var(--fz28);line-height:1.3em;color:var(--dark);}
.product{display: flex;}
.product .cate-area{width:300px;margin-right:var(--size60);}
.pr-cate{border-top: 1px solid #ddd;position: sticky;left:0;top:120px;}
.pr-cate>ul>li{border-bottom: 1px solid #ddd;}
.pr-cate>ul>li>a{position:relative;display: flex;align-items:center;padding:0 50px 0 20px;height:60px;background-color: #fff;font-size:var(--fz18);color:var(--dark);line-height:1.3em;font-weight:500;}
.pr-cate>ul>li>a:after{content:'';width:24px;height:24px;position: absolute;right:20px;top:50%;margin-top:-12px;background:url('/images/sub/drop-arr.png') no-repeat 100% 50%/contain;}
.pr-cate>ul>li.active>a{background-color: #2F2F2F;color: #fff;}
.pr-cate>ul>li.active>a:after{background-image: url('/images/sub/drop-arr-on.png');}
.pr-cate>ul>li .submenu{border-top: 1px solid #ddd;padding:20px;background-color: #F6F6F6;display: none;}
.pr-cate>ul>li .submenu>ul>li{margin-bottom:var(--size15);}
.pr-cate>ul>li .submenu>ul>li:last-child{margin-bottom:0;}
.pr-cate>ul>li .submenu>ul>li>a{display: inline-block;position:relative;font-weight:500;line-height:1.4em;}
.pr-cate>ul>li .submenu>ul>li.active>a{color:var(--pri);}
.product .list-area{flex:1 1 auto;min-width:0;width:1%;}
.pr-list ul li{margin-bottom:25px;}
.pr-list ul li:last-child{margin-bottom:0;}
.pr-list ul li .box{position:relative;padding:var(--size50);display: flex;align-items:center;}
.pr-list ul li .box:before{content: '';width:100%;height:100%;position:absolute;top:0;left:0;border: 1px solid #ddd;}
.pr-list ul li .box:after{content: '';width:100%;height:100%;position:absolute;top:0;left:0;border:2px solid var(--pri);opacity:0;transition:.3s;z-index:1;}
.pr-list ul li .box .img{width:294px;margin-right:75px;padding:10px;background-color: #f6f6f6;}
.pr-list ul li .box .img .pic{position:relative; padding-bottom:120.44%; overflow:hidden;}
.pr-list ul li .box .img .pic img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.pr-list ul li .box .tt-wrap{min-width:0;width:1%;flex:1 1 auto;}
.pr-list ul li .box .tt-wrap .tit{font-size:var(--fz32);font-weight:600;line-height:1.3em;color:var(--dark);}
.pr-list ul li .box .tt-wrap .info{margin-top:var(--size30);}
.pr-list ul li .box .tt-wrap .info dl{margin-bottom:var(--size20);}
.pr-list ul li .box .tt-wrap .info dl:last-child{margin-bottom:0;}
.pr-list ul li .box .tt-wrap .info dl dt{font-size:var(--fz18);color:var(--dark);font-weight:600;line-height:1.2em;}
.pr-list ul li .box .tt-wrap .info dl dd{margin-top:var(--size10);}
.pr-list ul li .box:hover:after{opacity:1;}

.pg-menu{margin-bottom:var(--size100);position:relative;}
.pg-menu .inner{overflow:hidden;}
.pg-menu ul{display: flex;justify-content:center;}
.pg-menu ul li{width:auto;margin-right:14px;}
.pg-menu ul li:last-child{margin-right:0;}
.pg-menu ul li a{display: flex;justify-content:center;align-items:center;height:60px;border-radius:30px;border: 1px solid #ddd;font-size:var(--fz18);min-width:220px;padding:0 20px;}
.pg-menu ul li.active a{background-color:var(--pri);border-color:var(--pri);color: #fff;font-weight:700;}


.pg-menu.type2{display:flex;align-items:center;}
.pg-menu.type2 .inner{min-width:0;width:1%;flex:1 1 auto;}
.pg-menu .btn{width:48px;height:48px;display:block;background-color:transparent;background-repeat:no-repeat;background-size:19px;background-position:50% 50%;border-radius:50%;border: 1px solid #ddd;font-size:0;transition:.3s;}
.pg-menu .btn.prev{left:0;background-image: url('/images/sub/view-prev.png');margin-right:13px;}
.pg-menu .btn.next{right:0;background-image: url('/images/sub/view-next.png');margin-left:13px;}
.pg-menu .btn:hover{background-color:var(--pri);border-color:var(--pri);}
.pg-menu .btn:hover.prev{background-image: url('/images/sub/view-prev-on.png');}
.pg-menu .btn:hover.next{background-image: url('/images/sub/view-next-on.png');}
.pg-menu .btn.disable{pointer-events:none;opacity:0;}


.pr-view .top-con{display: flex;align-items:center;padding-bottom:var(--size60);margin-bottom:var(--size100);border-bottom: 1px solid #ddd;}
.pr-view .top-con .sld{width:640px;margin-right:var(--size80);}
.pr-view .top-con .sld .img{position:relative;padding:10px;transition:.3s;}
.pr-view .top-con .sld .img:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;border: 1px solid #ddd;}
.pr-view .top-con .sld .pic {position:relative; height:0; padding-bottom:100%; overflow:hidden;}
.pr-view .top-con .sld .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:contain; transition:0.3s;}
.pr-view .top-con .sld .thumb{margin-top:20px;}
.pr-view .top-con .sld .thumb .slick-list{margin:0 -10px;}
.pr-view .top-con .sld .thumb .item{padding:0 10px;}
.pr-view .top-con .sld .thumb .item .img{cursor:pointer;opacity:.6;transition:.3s;position:relative;}
.pr-view .top-con .sld .thumb .item .img:after{content: '';width:100%;height:100%;position:absolute;top:0;left:0;border: 2px solid var(--pri);opacity:0;transition:.3s;}
.pr-view .top-con .sld .thumb .item.slick-current .img{opacity:1;}
.pr-view .top-con .sld .thumb .item.slick-current .img:after{opacity:1;}
.pr-view .top-con .tt-wrap{min-width:0;width:1%;flex:1 1 auto;}
.pr-view .top-con .tt-wrap .tit-wrap{padding-bottom:var(--size35);margin-bottom:var(--size35);border-bottom: 1px solid #ddd;}
.pr-view .top-con .tt-wrap .tit-wrap .tit{font-size:var(--fz40);font-weight:600;line-height:1.3em;color:var(--dark);}
.pr-view .top-con .tt-wrap .tit-wrap .tt{margin-top:var(--size30);}
.pr-view .top-con .tt-wrap .info .info-tit{margin-bottom:var(--size30);font-size:var(--fz24);font-weight:700;line-height:1.3em;color:var(--dark);}
.pr-view .top-con .tt-wrap .info dl{margin-bottom:var(--size40);}
.pr-view .top-con .tt-wrap .info dl:last-child{margin-bottom:0;}
.pr-view .top-con .tt-wrap .info dl dt{font-size:var(--fz20);font-weight:500;line-height:1.3em;color:var(--dark);}
.pr-view .top-con .tt-wrap .info dl dd{margin-top:var(--size10);}
.pr-view .btm-con .tit{margin-bottom:var(--size50);position:relative;display: inline-block;font-size:var(--fz24);color:var(--dark);line-height:1.2em;padding-left:18px;}
.pr-view .btm-con .tit:before{content: '';width:8px;height:8px;position: absolute;left:0;top:.4em;background:linear-gradient(91deg, #0098F5 0.14%, #124AC6 99.78%), #0098F5;border-radius:50%;}

.radio-wrap{display: flex;gap:10px var(--size40);flex-wrap:wrap;align-items:center;}
.radio-wrap .radiobox{color: #484848;min-height:44px;display: flex;align-items:center;}
.radio-wrap .radiobox label:before {content:""; display:inline-block; vertical-align:middle; margin:-.2em 8px 0 0; width:20px; height:20px; background-color:#fff; border:1px solid #ddd; border-radius:100%;}
.radio-wrap .radiobox input:checked + label:before {background:#fff url("/images/bbs/radiobox.svg") no-repeat 50% 50%/12px;border-color: #242424;}

.btn-send{display: flex;justify-content:center;align-items:center;margin:0 auto;width:160px;height:60px;background-color:var(--pri);color:#fff;font-weight:700;border:none;line-height:1.2em;cursor: pointer;}