@charset "utf-8";

.fz14 {font-size:var(--font-size-14);}

.pt100 {padding-top:100px !important;}

.mr30 {margin-right:30px !important;}

.c-000 {color:#000 !important;}

.underline {display:inline-block;position:relative;}
.underline:before {content:''; position:absolute; left:0; bottom:0; width:100%; height:10px; background:#f9edef; z-index:-1;}

.doc-btn {border-radius:10px; height:60px; padding:0 13px;font-weight:600;display:flex; align-items:center; justify-content:center; text-align:center; color:#fff;}
.doc-btn.color1 {background:#333;}
.doc-btn.color2 {background:var(--color-primary);}

.sub-tab {margin-bottom:60px;}
.sub-tab ul {display:flex; justify-content:flex-start; margin:0 -5px;}
.sub-tab ul li {width:auto; padding:0 5px;}
.sub-tab ul li a {padding:0 12px;border-radius:22px; font-weight:600; color:#898989; height:45px; display:flex; align-items:center; justify-content:center; text-align:center; background:#eee; font-size: var(--font-size-14); line-height: 1.4em;}
.sub-tab ul li.active a {background:var(--color-primary); color:#fff;}

.cate-tab1 {margin-bottom: 30px;}
.cate-tab1 ul {justify-content:center; gap:10px;}
.cate-tab1 ul li {width: auto;}
.cate-tab1 ul li a {border-radius:6px; min-width: 100px; padding: 0 13px;display:flex; align-items:center; justify-content:center; font-weight: 600; color: #898989; background: #f2f2f2; height: 44px;}
.cate-tab1 ul li.active a {background: #000; color: #fff;}

.cate-tab2 {margin-bottom: 45px;}
.cate-tab2 ul {display:flex; justify-content:center;}
.cate-tab2 ul li {position: relative;line-height: 1.4em;padding:0 19px;width: auto; font-size: var(--font-size-15); font-weight: 400; color: #898989; letter-spacing: 0;}
.cate-tab2 ul li:after {content:''; position: absolute; right: 0; top: 50%; transform:translateY(-50%); width: 1px; height: 14px; background: #ddd;}
.cate-tab2 ul li:last-child:after {display: none;}

.doc-tit {margin-bottom:30px;font-size:var(--font-size-40); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#242424;}
.doc-tit small {font-size:var(--font-size-28); font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:var(--color-primary);}

.ico-tit {margin-bottom:25px;position:relative;padding-left:35px;font-size:var(--font-size-28); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#242424;}
.ico-tit:before {content:''; position:absolute;left:0; top:.2em; width:24px; height:24px; background:url('../images/sub/tit-ico.png') no-repeat 50% 50% /contain;}

.greeting {display:flex; margin-bottom:50px;}
.greeting .img {width:730px; margin-right:60px;}
.greeting .cnt {flex:1 1 auto; min-width:0; width:1%;padding-top:20px;}
.greeting .cnt .label {border-radius:3px; font-size:var(--font-size-14); display:inline-block; padding:0 10px; color:#fff; background:var(--color-primary);}
.greeting .cnt h2 {margin:20px 0 33px;font-size:var(--font-size-50); font-weight:800; letter-spacing:-.04em; line-height:1.28em; color:#242424;}
.greeting .cnt .tt {margin-bottom:30px;font-size:var(--font-size-24); font-weight:600; letter-spacing:-.04em; line-height:1.4em; color:#242424;}
.greeting .cnt .text-wrap p:not(:last-child) {margin-bottom:20px;}
.greeting-txt {margin-bottom:100px;text-align:center; font-size:var(--font-size-80); font-weight:700; letter-spacing:.25em; line-height:1em; color:#f7f7f7;}

.company-info {max-width:1200px; margin:0 auto;}
.company-info ul {display:flex; border:1px solid #ddd;border-radius:30px;}
.company-info ul li {width:25%; text-align:center; border-right:1px solid #ddd;}
.company-info ul li:last-child {border-right:0;}
.company-info .box {padding:0 10px; min-height:280px; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.company-info .img {margin-bottom:30px;}
.company-info .tit {margin-bottom:20px;font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#242424;}
.company-info .txt {font-size:var(--font-size-15);font-weight:400; letter-spacing:-.03em; line-height:1.4em; color:#454545;}

.history {position:relative; border-top:2px solid #000; padding-top: 97px;}
.history:before {content:''; position:absolute;left:300px; top:105px; width:1px; margin-left:-.5px; height:97.5%; background:#ddd;}
.history .group {display:flex; padding-bottom:130px;}
.history .group:last-child {padding-bottom:0;}
.history .year {position:relative; width:300px; padding-right:112px; text-align:right; font-size:var(--font-size-28); font-weight:500; line-height:1em;letter-spacing:-.03em; color:#242424;}
.history .year:before {transition:.3s; content:''; position:absolute; width:10px; height:10px; background:#fff; border-radius:100%; border:2px solid #242424; right:0; margin-right:-5px; top:8px;}
.history .cnt {flex:1 1 auto; min-width:0; width:1%;padding-left:105px;}
.history .cnt ul li {margin-bottom:12px;display:flex; font-size:var(--font-size-18); font-weight:400; letter-spacing:-.03em; line-height:1.4em;}
.history .cnt ul li:last-child {margin-bottom:0;}
.history .cnt ul li strong {min-width:56px;font-weight:600; color:#898989;}
.history .group.active .year {line-height:.5em;font-weight:600; font-size:var(--font-size-60);}
.history .group.active .year:before {width:100px; height:100px; right:0; margin-right:-50px; top:-38px; background:url('../images/sub/history-active.png') no-repeat 50% 50% / contain; border:none;}
.history .group.active .cnt ul li {font-weight:700; color:#242424;}
.history .group.active .cnt ul li strong {color:var(--color-primary);}

#contactMap .label {margin-bottom: 96px;}
#contactMap .label * {display: inline-block;vertical-align: top;}
#contactMap .label .left {background: url("https://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_l.png") no-repeat;	display: inline-block;	height: 24px;
overflow: hidden;vertical-align: top;width: 7px;}
#contactMap .label .center {background: url(https://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_bg.png) repeat-x;	display: inline-block;	height: 24px;
font-size: 12px;line-height: 24px;}
#contactMap .label .right {background: url("https://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_r.png") -1px 0 no-repeat;
display: inline-block;height: 24px;	overflow: hidden;width: 6px;}
.directions {margin-top:50px;display:flex;}

.address-info {width:50%;}
.address-info .comp {font-weight:500; line-height:1.4em; color:var(--color-primary);}
.address-info .addr {margin:7px 0;font-size:var(--font-size-20);font-weight:500; line-height:1.4em; color:#242424;}
.address-info .etc span + span {margin-left:19px;}

.contact-info {width:50%;}
.contact-info dl {margin-bottom:20px;display:flex; align-items:center;}
.contact-info dl:last-child {margin-bottom:0;}
.contact-info dl dt {display:flex; align-items:center; min-width:120px; font-weight:500; color:#242424;}
.contact-info dl dt img {margin-right:20px;}

.product-links ul {display:flex; flex-wrap:wrap; margin:-17px -5px;}
.product-links ul li {width:25%; padding:17px 5px; text-align:center;}
.product-links a {display:block;}
.product-links a .img-wrap {margin-bottom:14px;position:relative; overflow:hidden;}
.product-links a .img-wrap .hover {border-radius:27px;background:rgba(222,0,43,.78);position:absolute;left:0; top:0; width:100%; height:100%; transition:.3s; display:flex; align-items:center; justify-content:center; opacity:0;}
.product-links a .tit {font-size:var(--font-size-20); font-weight:600; letter-spacing:-.03em; line-height:1.6em; color:#242424;}
.product-links a:hover .hover {opacity:1;}

.product-links-wrap {display:flex; justify-content:space-between;}
.product-links-wrap .col {width:calc(50% - 20px);}

.table01 {position:relative;}
.table01 table {border-top:1px solid #242424; width:100%; border-collapse:collapse; border-spacing:0; line-height:1.4em; letter-spacing:-.03em; text-align:center;}
.table01 thead th {font-size: var(--font-size-14); border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:15px 0;font-weight:600; color:#242424; line-height:1.6em; background:#fafafa;}
.table01 thead th .ico {padding-top:10px;margin-bottom:10px;}
.table01 tbody td {padding:14px 5px;border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.table01 tbody td.subject {padding-left:22px; text-align:left;}
.table01 thead th:last-child,
.table01 tbody td:last-child {border-right:0;}
.table01 .fz14 {padding:5px !important; line-height:1.5em;}
.table01.ty2 thead th {padding:12px 0px;}

.shape {position:absolute; top:-42px; right:0;margin-bottom:20px;display:flex; justify-content:flex-end;}
.shape p + p {margin-left:17px;}

.prod-detail {margin-bottom:95px;display:flex; border:1px solid #ddd; border-radius:30px; overflow:hidden;}
.prod-slider {position:relative;flex:1 1 auto; min-width:0; width:1%;}
.slider-for .img img {width:100%;}
.slider-for .slick-arrow {position:absolute; top:50%; transform:translateY(-50%); z-index:10;  width:28px; height:28px; border-right:3px solid #ddd; border-bottom:3px solid #ddd; border-left:0; border-top:0; background-color:transparent; z-index:50; overflow:hidden; font-size:0; line-height:0; text-indent:-99999em; margin-top:-20px;transition:.3s;}
.slider-for .slick-prev {left:20px; transform:rotate(135deg);}
.slider-for .slick-next {right:20px; transform:rotate(-45deg);}
.slider-nav {padding:0 20px;position:absolute; left:0; bottom:20px; width:100%; z-index:3;}
.slider-nav .slick-list {margin:0 -2px;}
.slider-nav .slick-slide {padding:0 2px;}
.slider-nav .img {position:relative;border-radius:6px; overflow:hidden;}
.slider-nav .img img {width:100%;}
.slider-nav .img:before {transition:.3s; border-radius:6px; opacity:0;content:''; position:absolute;left:0; top:0; right:0; bottom:0; border:3px solid var(--color-primary);}
.slider-nav .img:after {content:''; position:absolute;left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,.6);}
.slider-nav .slick-current .img:before {opacity:1;}
.slider-nav .slick-current .img:after {opacity:0;}

.prod-detail .cnt {position:relative;padding:50px 20px 120px 35px;width:500px; background:#fafafa;}
.prod-detail .cnt .qr {position:absolute; top:40px; right:40px;}
.prod-detail .cnt h2 {padding-right:125px;margin-bottom:25px;font-size:var(--font-size-28); font-weight:600; letter-spacing:-.03em; line-height:1.57em; color:#242424;}
.prod-detail .cnt h2.ty2 {padding-right: 0;}
.prod-detail .cnt p + p {margin-top:20px;}
.prod-detail .cnt .btns {position:absolute; padding:0 35px; left:0; bottom:50px; width:100%;display:flex; justify-content:space-between; margin-top:80px;}
.prod-detail .cnt .btns .doc-btn {width:calc(50% - 5px);}

.point>ul {display:flex; flex-wrap:wrap; margin:-15px;}
.point>ul>li {width:50%; padding:15px;}
.point .box {position:relative; overflow:hidden; border-radius:20px; height:100%; display:flex; padding:20px;}
.point .box:before {content:''; position:absolute;left:0; top:0; width:100%; height:100%; background:#fafafa; z-index:-2;}
.point .box .cnt {flex:1 1 auto; min-width:0; width:1%;padding-top:35px;}
.point .box .img {width:180px;margin-right:40px;}
.point .box .num {margin-bottom:15px;font-size:var(--font-size-15); font-weight:600; letter-spacing:0; line-height:1.4em; color:#242424;}
.point .box .num span {color:var(--color-primary);}
.point .box .tit {margin-bottom:24px;font-size:var(--font-size-24); font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:#242424;}
.point.ty2 .box {display:block; padding:40px;}
.point.ty2 .box .cnt {width:100%;}
.point.ty2 .box .img {margin-right:0; width:100%;}
.point.col-x2 ul li {width:100%;}
.point.col-x2 .box {align-items:center; padding:40px;}
.point.col-x2 .box .cnt {flex:1 1 auto; min-width:0; width:1%;padding-top:0;}
.point.col-x2 .box .img {width: 486px;margin-right:60px;}
.point.col-x2 .box .txt + .txt {margin-top:18px;}

.hypen-list li {padding-left:.6em; text-indent:-.6em;}