@charset "utf-8";

.doc-tit {position: relative; font-weight: 500; font-size: 20px; line-height: 1.5em; letter-spacing: -.03em; color: #333; padding-left: 25px; margin-bottom: 17px;}	
.doc-tit:before {content:""; position: absolute; top: 7px; left: 0; width: 15px; height: 15px; background-image:url("../images/sub/bullet.png"); background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.doc-cnt {margin-bottom: 45px;}
.doc-cnt.bg {background: #f8f8f8; padding: 38px 0 55px;}
.doc-cnt:last-child {margin-bottom: 0;}

.indent {padding-left: 25px;}

.dot-list > li{position:relative; padding-left:22px; color:#333; margin-bottom: 5px;}
.dot-list > li:last-child{margin-bottom:0;}
.dot-list > li:before{content:""; width:13px; height:13px; border-radius:100%; border: 2px solid #b74896; position:absolute; top:8px; left:0; background:#fff;}

.hypen-list > li{color: #454545; padding-left: 0.438em; text-indent: -0.438em;}


/* greetings */
.greetings {display: flex;}
.greetings .img {width: 46.25%; padding-right: 20px;}
.greetings .txt {flex: 1 1 auto; min-width: 0; width: 1%;}
.greetings .txt h3 {color: #333; font-size: 20px; font-weight: 500; line-height: 1.5em; letter-spacing: -.03em; border-bottom: 1px solid #ddd; margin-bottom: 17px; padding-bottom: 13px;}
.greetings .txt h3 strong {display: block; color: #b74896;}
.greetings .txt p {margin-bottom: 22px;}
.greetings .txt p.sign {font-weight: 500; margin-bottom: 0; margin-top: 48px;}


/* business */
.maker-list .tit {color: #333; font-size: 24px; font-weight: 700; line-height: 1.5; letter-spacing: -.03em; text-align: center; margin-bottom: 25px;}
.maker-list ul {margin: 0 -10px -20px; display: flex;flex-wrap:wrap;}
.maker-list ul li {width: 16.6666666%; padding: 0 10px; margin-bottom: 20px; }
.maker-list ul li .img {position:relative; padding-bottom:44.91%; overflow:hidden; background: #fff;}
.maker-list ul li .img:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #ddd;}
.maker-list ul li .img 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;}


/* location */
.root_daum_roughmap {width:100% !important;}
.location .row {margin-bottom: 52px;}
.location .row:last-child {margin-bottom: 0;}
.loc-info {margin-top: 20px;}
.loc-info h3 {color: #333; font-size: 22px; font-weight: 500; line-height: 1.5em; letter-spacing: -.03em; margin-bottom: 10px;}
.loc-info dl {color: #333; border-bottom: 1px solid #ddd; display: flex;}
.loc-info dl:first-of-type {border-top: 1px solid #242424;}
.loc-info dl dt {padding: 11px 4px; min-width: 150px; background: #f8f8f8; font-weight: 500; text-align: center;}
.loc-info dl dd {background: #fff; padding: 11px 4px; padding-left: 29px;}

/* MAKER PRODUCT */
.maker-product {position:relative;  margin-bottom:50px;}
.maker-product .item {display:flex !important;}

.mp {display:flex; flex-wrap:wrap; margin:0 -6px -12px 0px}
.mp li {width: 16.6666666%; padding:0 6px; margin-bottom:12px; position:relative;}
.mp li a {display:block; position:relative;}
.mp li a:after {position:absolute; content:''; left:0; top:0; border:1px solid #ddd; width:100%; height:100%;}
.mp li:hover a:after {border:3px solid #b74896;}
.mp li.active a:after {border:3px solid #b74896;}
.mp li .img {position:relative; padding-bottom:44.91%; overflow:hidden; background: #fff;}
.mp li .img 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;}

.maker-product .slick-arrow {position:absolute; top:50%; margin-top:-28px; width:56px; height:56px; z-index:98; border:0; border-radius:100%; font-size:0; line-height:0; background-color:#505050; background-position:50% 50%; background-repeat:no-repeat; background-size:24px;}
.maker-product .slick-prev {left:-85px; background-image:url("../images/sub/maker_prev.png");}
.maker-product .slick-next {right:-85px; background-image:url("../images/sub/maker_next.png");}

/* 제조 설비 */
.board-category {margin-bottom: 65px;}
.board-category ul {display: flex; text-align: center;}
.board-category ul li {position: relative; flex:1; border-bottom: 1px solid #ddd;}
.board-category ul li:after {position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #b74896;}
.board-category ul li a {font-weight: 500; line-height: 60px; padding: 0 15px; white-space: nowrap;}

.board-category ul li.active:after {content:"";}
.board-category ul li.active a {color: #b74896;}