@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.greeting{display:flex;}
.greeting .img{margin-right:40px;}
.greeting .img img{border-radius:var(--bd24);}
.greeting .tt-wrap{min-width:0;width:1%;flex:1 1 auto;}
.greeting .tt-wrap .eng{margin-bottom:25px;font-size:var(--fz18);font-weight:700;line-height:1.4em;color:var(--pri);}
.greeting .tt-wrap .tt1{margin-bottom:10px;font-size:var(--fz24);font-weight:700;color:var(--dark);line-height:1.33em;}
.greeting .tt-wrap .tt2{margin-bottom:25px;font-size:var(--fz32);font-weight:700;line-height:1.3em;color:var(--dark);}
.greeting .tt-wrap .wrap p{margin-bottom:30px;}
.greeting .tt-wrap .wrap p:last-child{margin-bottom:0;}
.tt18{font-size:var(--fz18);line-height:1.67em;}
.greeting .tt-wrap .ceo{margin-top:50px;font-size:var(--fz20);font-weight:600;line-height:1.5em;text-align:right;}

.partner ul{display:flex;flex-wrap:wrap;margin:0 -10px -20px;}
.partner ul li{width:20%;padding:0 10px;margin-bottom:20px;}
.partner ul li .logo{display:flex;justify-content:center;align-items:center;min-height:224px;padding:15px;text-align:center;border:1px solid #ddd;border-radius:var(--bd8);pointer-events:none;}

.location .maps .root_daum_roughmap {width:100% !important; height:430px !important;}
.location .maps .root_daum_roughmap .wrap_map {height:430px !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;}
.directions {margin-top:40px;}
.directions .address-info {margin-bottom:30px;}
.directions .address-info .comp {color:var(--pri); font-weight:600; margin-bottom:2px;}
.directions .address-info .addr {color:#242424; font-size:23px; font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px;}
.directions .address-info .etc {color:#454545;}
.directions .address-info .etc span {display:inline-block; margin-right:16px;}
.directions .address-info .etc span:last-child {margin-right:0;}
.directions .contact-info {border-top:1px solid #ddd; line-height:1.5em;}
.directions .contact-info dl {display:flex; padding:28px 0; border-bottom:1px solid #ddd;}
.directions .contact-info dt {width:180px; padding-left:30px; color:#242424; font-size:1.125em; font-weight:500;}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em 15px 0 0;}
.directions .contact-info dt path {fill:var(--pri);}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}

@media (max-width: 1024px) {
	.location .maps .root_daum_roughmap {height:300px !important;}
	.location .maps .root_daum_roughmap .wrap_map {height:300px !important;}
	.directions .address-info .addr {font-size:20px;}
	.directions .contact-info dl {padding:20px 0;}
	.directions .contact-info dt {padding-left:20px; width:140px;}
}

@media (max-width: 640px) {
	.location .maps .root_daum_roughmap {height:300px !important;}
	.location .maps .root_daum_roughmap .wrap_map {height:300px !important;}
	.directions {margin-top:30px;}
	.directions .address-info .addr {font-size:18px;}
	.directions .address-info {margin-bottom:20px;}
	.directions .contact-info dl {padding:16px 0;}
	.directions .contact-info dt {padding-left:5px; width:110px;}
	.directions .contact-info dt svg {margin-right:10px;}
}

.pr-cate{margin-bottom:var(--size60);}
.pr-cate ul{display:flex;flex-wrap:wrap;justify-content:center;margin:0 -10px -10px;}
.pr-cate ul li{padding:0 10px;margin-bottom:10px;}
.pr-cate ul li a{display:inline-flex;align-items:center;justify-content:center;padding:0 40px;height:40px;border-radius:20px;background-color: #f6f6f6;font-size:var(--fz18);font-weight:500;line-height:1.2em;}
.pr-cate ul li.active a{background-color:var(--pri);color: #fff;}

.pr-list{border-top:2px solid #868686;}
.pr-list ul li{padding:20px 0;border-bottom:1px solid #ddd;}
.pr-list ul li a{display:flex;}
.pr-list ul li .img{width:220px;margin-right:20px;}
.pr-list ul li .img .pic {position:relative; height:0; padding-bottom:65.46%; overflow:hidden;}
.pr-list ul li .img .pic:after{content:'';width:100%;height:100%;border:1px solid #ddd;position: absolute;left:0;top:0;}
.pr-list ul li .img .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:cover; */ transition:0.3s;object-fit:contain;}
.pr-list ul li .tt-wrap{min-width:0;width:1%;flex:1 1 auto;line-height:1.4em;letter-spacing:0;}
.pr-list ul li .tt-wrap .tit{font-size:var(--fz20);font-weight:700;color:var(--dark);display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width:100%;line-height:1.4em;}
.pr-list ul li .tt-wrap .tt{margin-top:5px;font-size:14px;display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width:100%;line-height:1.4em;}
.pr-list ul li .tt-wrap .info{margin-top:5px;}
.pr-list ul li .tt-wrap .info dl{display:flex;line-height:1.63em;}
.pr-list ul li .tt-wrap .info dl dt{font-weight:700;width:66px;}
.pr-list ul li .tt-wrap .info dl dd{min-width:0;width:1%;flex:1 1 auto;}

.pr-view .top-con{display:flex;margin-bottom:80px;}
.pr-view .top-con .origin{width:500px;margin-right:40px;}
.pr-view .top-con .origin .img{position:relative;}
.pr-view .top-con .origin .img:after{content:'';width:100%;height:100%;border:1px solid #ddd;position: absolute;left:0;top:0;}
.pr-view .top-con .origin .pic {position:relative; height:0; padding-bottom:100%;overflow:hidden;}
.pr-view .top-con .origin .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:cover; transition:0.3s;}
.pr-view .top-con .tt-wrap{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;min-width:0;width:1%;flex:1 1 auto;letter-spacing:0;}
.pr-view .top-con .tt-wrap .group{margin-bottom:20px;width:100%;}
.pr-view .top-con .tt-wrap .title{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #ddd;}
.pr-view .top-con .tt-wrap .title .cate{margin-bottom:10px;color:var(--pri);font-size:var(--fz20);font-weight:700;line-height:1.2em;}
.pr-view .top-con .tt-wrap .title .tit{font-size:var(--fz32);font-weight:700;color:var(--dark);line-height:1.2em;}
.doc-btn.st2{border-color: #000;background-color: #000;color: #fff;}
.doc-btn.st2:hover{background-color: #000;border-color: #000;}
.pr-view .top-con .tt-wrap .doc-btn{margin-top:20px;}
.pr-view .top-con .tt-wrap .thumb{margin-top:20px;width:60%;}
.pr-view .top-con .tt-wrap .thumb .slick-track{margin-left:0;}
.pr-view .top-con .tt-wrap .thumb .thumb-inner{width:100%;}
.pr-view .top-con .tt-wrap .thumb .slick-list{margin:0 -10px;}
.pr-view .top-con .tt-wrap .thumb .item{padding:0 10px;}
.pr-view .top-con .tt-wrap .thumb .item .img{position:relative;cursor:pointer;}
.pr-view .top-con .tt-wrap .thumb .item .img:before{content:'';width:100%;height:100%;border:1px solid #ddd;position: absolute;left:0;top:0;z-index:1;}
.pr-view .top-con .tt-wrap .thumb .item .img:after{content:'';width:100%;height:100%;border:2px solid var(--pri);position: absolute;left:0;top:0;z-index:2;opacity:0;transition:.1s;}
.pr-view .top-con .tt-wrap .thumb .item .pic{position:relative; height:0; padding-bottom:100%;overflow:hidden;}
.pr-view .top-con .tt-wrap .thumb .item .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:cover; transition:0.3s;}
.pr-view .top-con .tt-wrap .thumb .item.slick-current .img:after{opacity:1;}

.pr-view .content{margin-bottom:60px;}
.pr-view .content:last-child{margin-bottom:0;}
.pr-view .content .con-tit{padding-bottom:10px;margin-bottom:var(--size40);font-size:22px;font-weight:700;letter-spacing:0;color:var(--dark);line-height:1.4em;border-bottom:1px solid #ddd;}
.pr-view .content .con-tit.st2{margin-bottom:0;border-bottom:none;}
.pr-view .content .con-tit.st3{margin-bottom:20px;}
.table01 table{width:100%;border-spacing:0;text-align:center;border-top:1px solid #ddd;letter-spacing:0;}
.table01 table th{background-color: #f9f9f9;}
.table01 table th,
.table01 table td{height:58px;padding:10px 20px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.table01 table th:last-child,
.table01 table td:last-child{border-right:none;}
.table01 table td .btn{position:relative;display:flex;align-items:center;height:40px;padding:0 20px;text-align:left;border:1px solid #ddd;font-size:14px;font-weight:500;color: #686868;line-height:1em;}
.table01 table td .btn:after{content:'';position: absolute;right:20px;top:50%;margin-top:-7.5px;width:15px;height:15px;background:url('/images/sub/ic-down.png')no-repeat 100% 50%/contain;}
.table01 table td .btn.st2:after{background-image: url('/images/sub/ic-link.png');}

.rel-product{position:relative;}
.rel-product .slick-list{margin:0 -20px;}
.rel-product .item{padding:0 20px;}
.rel-product .item .img{position:relative;background-color: #f9f9f9;padding:15px;}
.rel-product .item .img:after{content:'';width:100%;height:100%;border:1px solid #ddd;position: absolute;left:0;top:0;}
.rel-product .item .pic{position:relative; padding-bottom:100%; overflow:hidden;}
.rel-product .item .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;}
.rel-product .item .tit{margin-top:15px;text-align:center;font-size:var(--fz18);font-weight:500;letter-spacing:0;line-height:1.5em;}

.doc-btn-wrap{margin-top:80px;text-align:center;}
.doc-btn.st3{border-color: #ddd;}
.doc-btn.st3:hover{color: #fff;border-color:var(--pri);}


.sticky-wrap{display:flex;}
.sticky-wrap .cate-area{width:310px;}

.float-cate{position:sticky;left:0;top:120px;letter-spacing:0;width:240px;}
.float-cate .tit{display:flex;justify-content:center;align-items:center;font-size:20px;color: #fff;font-size:var(--fz20);font-weight:700;background-color:var(--pri);height:60px;line-height:1.2em;}
.float-cate .cate{padding:15px 25px;border:1px solid #ddd;border-top:none;}
.float-cate .cate>ul>li{margin-bottom:10px;}
.float-cate .cate>ul>li:last-child{margin-bottom:0;}
.float-cate .cate>ul>li>a{display:inline-block;position:relative;padding-left:13px;font-size:var(--fz18);font-weight:500;color:var(--dark);line-height:1.3em;}
.float-cate .cate>ul>li>a:before{content:'';position: absolute;left:0;top:.52em;width:3px;height:3px;background-color:var(--pri);border-radius:100%;}
.float-cate .cate>ul>li .depth2{margin-top:5px;padding-left:13px;}
.float-cate .cate>ul>li .depth2>ul>li>a{display:inline-block;position:relative;padding-left:10px;}
.float-cate .cate>ul>li .depth2>ul>li>a:before{content:'';width:5px;height:1px;background-color: #454545;position: absolute;left:0;top:.7em;}
.sticky-wrap .st-con{min-width:0;width:1%;flex:1 1 auto;}
.sticky-wrap .st-con .contain{margin:0;padding:0;max-width:1200px;width:100%;}

.inq-info{margin-bottom:40px;}
.inq-info ul{display:flex;justify-content:center;gap:40px}
.inq-info ul li p{position:relative;padding-left:40px;line-height:1.4em;}
.inq-info ul li p:before{content:'';position: absolute;left:0;top:.02em;width:19px;height:19px;background:url('/images/sub/inq-tel.png')no-repeat 0 50%/contain;}
.inq-info ul li p strong{font-size:var(--fz18);color:var(--dark);font-weight:500;}
.inq-info ul li.st2 p:before{background-image: url('/images/sub/inq-fax.png');}
.inq-info ul li.st3 p:before{background-image: url('/images/sub/inq-mail.png');}