@charset "utf-8";



#pages .contents{padding:30px 20px 60px;}


.title-group{position: relative;margin-bottom: 30px;}
.title-group .page-title {font-family: "SEOULMILK";font-size: 25px;font-weight: 600;letter-spacing: -0.84px;color: #0a2b1e;}
.title-group .title-txt {margin-top: 5px;font-size: 14px;font-weight: normal;letter-spacing: -0.46px;color: #5c5c5c; word-break:keep-all;}
.title-group .share-button{position: absolute;top:3px;right:0;width:30px;height:30px;font-size:0;background: url(../images/icon/share_icon.png) no-repeat;background-size: cover;}

.singin-box .banner img{display: block;width:100%;}
.singin-box .form-box{margin-top:35px;border: solid 1px #c8c8c8;padding:25px 10%;text-align: center;font-size:0;}
.singin-box .form-box .form-wrap{display: inline-block;width:100%;}
.singin-box .form-box .form-wrap dl{text-align: left;}
.singin-box .form-box .form-wrap dl dt{width:70px;font-size: 14px;font-weight: normal;letter-spacing: -0.32px;color: #252525;padding-top:11px;}
.singin-box .form-box .form-wrap dl dd{padding:0 0 20px 70px;}
.singin-box .form-box .form-wrap dl dd input[type="text"],
.singin-box .form-box .form-wrap dl dd input[type="tel"]{width:100%;height:40px;background-color: #f3f3f3;padding:0 10px;font-size:14px;}
.singin-box .form-box .error-txt{margin-top:10px;font-size: 13px;font-weight: normal;letter-spacing: -0.26px;color: #e60012;}
.singin-box .form-box .form-wrap button{margin-top:30px;display: inline-block;width:130px;height:40px;background: #e60012;text-align: center;color:#fff;font-size: 16px;font-weight: normal;letter-spacing: -0.36px;}


.company .introduce{margin-top: 50px;}
.company .introduce h4{font-family: "SEOULMILK";font-size: 20px;font-weight: 600;letter-spacing: -0.56px;color: #252525;}
.company .introduce figure{margin-top:20px;}
.company .introduce figure img{display: block;width:100%;}
.company .introduce .slide-box{margin-top:20px;}
.company .introduce .slide-box .slide .slick-slide img{display: block;width:100%;}
.company .introduce .txt-box{margin-top:20px;font-size: 14px;font-weight: normal;line-height: 1.88;letter-spacing: -0.32px;color: #252525;word-break: keep-all;}
.company .introduce .intro-nh{position:relative;margin-top:60px;text-align: center;}
.company .introduce .intro-nh img{display: block;width:100%;}
.company .introduce .box{margin-top:60px;}
.company .introduce .box img{margin-top:20px;display: block;width:100%;}
.company .introduce .box h5{font-size: 20px;letter-spacing: -0.56px;  color: #252525;}
.company .introduce .box .txt{margin-top:20px;font-size: 14px;font-weight: normal;line-height: 1.88;letter-spacing: -0.32px;color: #252525;word-break: keep-all;}
.company .introduce .company-slider .slick-slide {height:auto;}
.company .introduce .slick-dots {position:absolute; right:0; bottom:20px; width:100%; text-align:center;}
.company .introduce .slick-dots li {display:inline-block; width:27px; height:6px; vertical-align:center; font-size:0; background-color:#fff; opacity:0.5;}
.company .introduce .slick-dots li button {display:block; width:100%; height:100%; font-size:0;}
.company .introduce .slick-dots li +li {margin-left:10px;}
.company .introduce .slick-dots .slick-active{opacity:1;}
.company .introduce .box .button{position: relative; font-family: "NanumSquareRound"; display: inline-block; margin-top: 20px; border-radius: 22px; border: solid 1px #6bbc64; width: 130px; line-height: 34px; padding: 0 30px 0 19px; font-size: 14px; font-weight: 600; letter-spacing: -0.32px; color: #6bbc64;}
.company .introduce .box .button + .button{margin-left:10px;}
.company .introduce .box .button:after {content: ""; position: absolute; right: 19px; top: 10px; display: inline-block; width: 6px; height: 11px; background: url(/enterprise/images/icon/arrow_green.png) no-repeat; background-size: cover;}

.company .introduce .brochure{margin-top:70px;}
.company .introduce .brochure .hgroup h3{font-family: "SEOULMILK";font-size: 20px;letter-spacing: -0.56px;color: #252525;}
.company .introduce .brochure .hgroup p{margin-top:5px;font-size: 14px;font-weight: normal;letter-spacing: -0.32px;color: #252525;word-break: keep-all;}
.company .introduce .brochure .inbox{margin-top:30px;display: flex;align-items: flex-end;}
.company .introduce .brochure .inbox .img{width:40%;}
.company .introduce .brochure .inbox .img img{display: block;width:100%;}
.company .introduce .brochure .inbox .txt-group{width:60%;padding-left: 20px;padding-bottom: 10px;}
.company .introduce .brochure .inbox .txt-group ul{}
.company .introduce .brochure .inbox .txt-group ul li{font-size:12px;}
.company .introduce .brochure .inbox .txt-group ul li a{margin-left: 10px;position: relative;display: inline-block;width: 74px;line-height: 25px;padding: 0 8px;border-radius: 10px;background-color: #6bbc64;color: #fff;font-size:12px;}
.company .introduce .brochure .inbox .txt-group ul li a:after{content: "";display: inline-block;width: 12px;height: 12px;position: absolute;right: 5px;top: 7px;vertical-align: middle;background: url(../images/icon/down_white.png) no-repeat;background-size: cover;}
.company .introduce .brochure .inbox .txt-group ul li + li{margin-top: 10px;letter-spacing: -0.32px;}
.company .introduce .brochure .txt1{margin-top:25px;font-size:14px;letter-spacing: -0.32px;color: #252525;word-break: keep-all;}


.organization-popup{display:none;position: fixed;top:50%;left: 50%;transform: translate(-50%, -50%);background: #fff;width:90%;z-index: 99999;padding:55px 20px 25px;}
.organization-popup .img{max-height: calc(100vh - 120px);overflow-y: auto;}
.organization-popup .close-cerpop{position: absolute;top:15px;right:25px;}

.company .history{margin-top: 50px;}
.company .history .history-tab{display: flex;flex-wrap: wrap;}
.company .history .history-tab button{font-family:"SEOULMILK";display: inline-block;width:25%;border:1px solid #c4c4c4;background: #f8f8f8; font-size: 13px;font-weight: bold;letter-spacing: -0.38px;text-align: center;color: #666565;margin:-0.5px;padding:15px 0;}
.company .history .history-tab button.active{background: #e60012;color:#fff;}
.company .history .history-con{margin-top:30px;display: none;}
.company .history .history-con dl{margin-top: 20px;}
.company .history .history-con dl dt{width:100px;font-size: 14px;font-weight: 600;letter-spacing: -0.32px;color: #252525;}
.company .history .history-con dl dd{padding:0 0 15px 100px;font-size: 14px;font-weight: normal;letter-spacing: -0.32px;color: #252525;word-break: keep-all;}
.company .history .history-con .slide-box{margin-top: 40px;}
.company .history .history-con .slide-box .slick-slide{text-align: center;margin: 0 5px; height:auto;}
.company .history .history-con .slide-box .slick-slide figure img{display: block;width:100%;}
.company .history .history-con .slide-box .slick-slide figure figcaption{font-size: 13px;display: block;margin-top:10px;}
.company .history .history-con .slide-box .slick-arrow {position: absolute;top: 37%;transform: translateY(-50%);width: 30px;height: 30px;font-size: 0;z-index: 10;}
.company .history .history-con .slide-box .slick-prev {background: url(../images/main/slick_arrow3.png) no-repeat;background-size: cover;left: 5px;}
.company .history .history-con .slide-box .slick-next {background: url(../images/main/slick_arrow4.png) no-repeat;background-size: cover;right:0;}


.company .partner{margin-top:50px;}
.company .partner .box{position:relative;}
.company .partner .box + .box{margin-top:50px;}
.company .partner .box .img img{display: block;width:100%;}
.company .partner .box .txt-box{margin-top:25px;}
.company .partner .box .txt-box h4{font-size: 20px;font-weight: 600;letter-spacing: -0.56px;color: #252525;word-wrap: keep-all;}
.company .partner .box .txt-box ul{margin-top:20px;}
.company .partner .box .txt-box ul li{position: relative;padding-left: 10px;font-size: 14px;font-weight: normal;line-height: 1.88;letter-spacing: -0.32px;color: #252525;word-wrap: keep-all;}
.company .partner .box .txt-box ul li:before{content: "";display: inline-block;width:4px;height:4px;background: #252525;border-radius: 100%;position: absolute;left:0;top:10px;}

.company .ci{margin-top:50px;}
.company .ci h4{font-size: 20px;font-weight: 600;letter-spacing: -0.56px;color: #252525;}
.company .ci h5{font-family: "SEOULMILK";font-size: 18px;letter-spacing: -0.48px;color: #0a2b1e;}
.company .ci .txt{margin-top:20px;font-size:14px;line-height: 1.6;letter-spacing: -0.75px;}
.company .ci .img1{margin-top:20px;}
.company .ci .img1 img{display: block;width:100%;}
.company .ci .box{margin-top:40px;}
.company .ci .box img{margin-top:10px;}
.company .ci .box + h4{margin-top:60px;}
.company .ci .box em{display: block;font-size:14px;margin-top:20px;}
.company .ci .box ul{margin-top:10px;}
.company .ci .box ul li{display: flex;}
.company .ci .box ul li + li{margin-top:10px;}
.company .ci .box ul li .name{position:relative;}
.company .ci .box ul li .name.color1{background: #e60012;}
.company .ci .box ul li .name.color2{background: #009857;}
.company .ci .box ul li .name.color3{background: #6bbc64;}
.company .ci .box ul li .name.color4{background: #00573d;}
.company .ci .box ul li .name span{position:absolute;top:50%;transform:translateY(-50%);width:100%;text-align: center;color:#fff;font-family: "SEOULMILK";font-size: 16px;letter-spacing: -0.48px;}
.company .ci .box ul li > div{flex:1;}
.company .ci .box ul li .color-box{font-size:14px;background:#f0f0f0;border:1px solid #c8c8c8;padding:20px 15px;}
.company .ci .down-box{margin:50px -20px 0;display: flex;align-items:center; background: #f7f7f9;padding:30px 60px;}
.company .ci .down-box figure{width:30%;}
.company .ci .down-box .button-box{width:70%;padding-left:30px;}
.company .ci .down-box .button-box a{position:relative;display:block; border-radius: 10px;border: solid 1px #009857;color:#009857;text-align: center; font-family: "SEOULMILK";font-size: 12px;letter-spacing: -0.37px;line-height: 35px;}
.company .ci .down-box .button-box a:after{content: "";display: inline-block;width: 17px;height: 17px;position: relative;top: -2px;vertical-align: middle;    background: url(../images/icon/down_green.png) no-repeat;background-size: cover;margin-left: 18px;}
.company .ci .down-box .button-box a + a{margin-top:10px;border-color:#009857;color:#009857;}
.company .ci .down-box .button-box a + a::after{background: url(../images/icon/down_green.png) no-repeat;background-size: cover;margin-left: 6px;}
.company .ci .down-box .button-box a.type-red{color:#e60012; border-color:#e60012;}
.company .ci .down-box .button-box a:after{background-image: url(../images/icon/down_red.png);}
.company .ci .box h5+img {margin-top:22px;}

.company .typeface{margin-top:50px;}
.company .typeface h4{font-family: "SEOULMILK";font-size: 20px;letter-spacing: -0.48px;color: #0a2b1e;}
.company .typeface h4.mt40{margin-top:40px;}
.company .typeface .img{margin:20px -20px 0;}
.company .typeface .img img{display: block;width:100%;}
.company .typeface .txt{margin-top:15px;font-size:14px;line-height: 1.6;letter-spacing: -0.75px;}
.company .typeface .img2{margin:20px 0 0;}
.company .typeface .img2 img{display: block;width:100%;}
.company .typeface .button-box{margin-top:20px;font-size: 0;text-align: center;}
.company .typeface .button-box a {font-family: "SEOULMILK";display:block;padding: 0 10px;line-height: 39px;border: 1px solid #e60012;font-size: 12px;font-weight: normal;letter-spacing: -0.3px;border-radius: 20px;color: #e60012;}
.company .typeface .button-box a + a {margin-top: 10px;}
.company .typeface .button-box a:after {content: "";display: inline-block;width: 17px;height: 17px;position: relative;top: -2px;vertical-align: middle;background: url(../images/icon/down_red.png) no-repeat;background-size: cover;margin-left: 10px;}
.company .typeface .video-box{margin-top:40px;padding-top:56%;position: relative;}
.company .typeface .video-box iframe{position: absolute;top:0;left:0;width:100%;height:100%;}
.company .typeface .video-box + h4{margin-top:40px;}

.company .officer{margin-top:50px;}
.company .officer h3{font-size: 20px;font-weight: 600;letter-spacing: -0.56px;color: #252525;}
.company .officer figure{margin-top:30px;}
.company .officer figure img{display: block;width:100%;}
.company .officer .txt{margin-top:30px;font-size:14px;line-height: 1.6;letter-spacing: -0.75px;}
.company .officer .sign{margin-top:50px;text-align: right;}
.company .officer .sign img{max-width:50%;}
.company .organization{margin-top:50px;}
.company .organization figure{text-align: center;}

.company .business{margin-top:50px;}
.company .business h3{font-size: 20px;font-weight: 600;letter-spacing: -0.56px;color: #252525;}
.company .business .txt{margin-top:10px;font-size:14px;line-height: 1.6;letter-spacing: -0.75px;}
.company .business .slide-wrap{margin:30px -20px 0;padding:50px 20px 30px;background: #f3f3f3;}
.company .business .slide-wrap .slide .slick-arrow {position: absolute;top: 19%;width: 30px;height: 30px;font-size: 0;z-index: 10;}
.company .business .slide-wrap .slide .slick-prev {background: url(../images/main/slick_arrow3.png) no-repeat;background-size: cover;left: 0}
.company .business .slide-wrap .slide .slick-next {background: url(../images/main/slick_arrow4.png) no-repeat;background-size: cover;right:0;}
.company .business .slide-wrap .slide .slick-slide figure img{display: block;width:100%;}
.company .business .slide-wrap .slide .slick-slide h4{margin-top:30px;font-size: 20px;font-weight: 600;letter-spacing: -0.56px;color: #252525;}
.company .business .slide-wrap .slide .slick-slide .txt{margin-top:15px;}


.company .lab1{margin-top:50px;}
.company .lab1 h3{font-size: 20px;font-weight: 600;letter-spacing: -0.56px;color: #252525;}
.company .lab1 .txt{margin-top:10px;font-size:14px;line-height: 1.6;letter-spacing: -0.75px;}
.company .lab1 .slide{height:auto}
.company .lab1 .slide .slick-slide{height:auto}
.company .lab1 .slide .slick-arrow {position: absolute;top: 50%;width: 30px;height: 30px;font-size: 0;z-index: 10;transform: translateY(-50%);}
.company .lab1 .slide .slick-prev {background: url(../images/main/slick_arrow3.png) no-repeat;background-size: cover;left: 0}
.company .lab1 .slide .slick-next {background: url(../images/main/slick_arrow4.png) no-repeat;background-size: cover;right:0;}
.company .lab1 dl {margin-top: 50px;}
.company .lab1 dl dt {font-family: "SEOULMILK";font-size:20px;font-weight: normal;letter-spacing: -1.16px;color: #6bbc64;}
.company .lab1 dl dd {margin-top:15px;}
.company .lab1 dl dd  + dt{margin-top:30px;}
.company .lab1 dl dd ul li {position: relative;padding-left: 100px;font-size: 14px;font-weight: normal;line-height: 1.5;letter-spacing: -0.32px;color: #252525;}
.company .lab1 dl dd ul li + li {margin-top: 20px;}
.company .lab1 dl dd ul li em {position: absolute;left: 0;top: 0;font-size: 16px;letter-spacing: -0.34px;font-weight: 600;}

.company .lab2{margin-top:50px;}
.company .lab2 .slide{height:auto;}
.company .lab2 .slide .slick-slide{height:auto;}
.company .lab2 .slide .slick-arrow {position: absolute;top: 19%;width: 30px;height: 30px;font-size: 0;z-index: 10;}
.company .lab2 .slide .slick-prev {background: url(../images/main/slick_arrow3.png) no-repeat;background-size: cover;left: 0}
.company .lab2 .slide .slick-next {background: url(../images/main/slick_arrow4.png) no-repeat;background-size: cover;right:0;}
.company .lab2 .slide .slick-slide figure img{display: block;width:100%;}
.company .lab2 .slide .slick-slide h4{margin-top:30px;font-size: 20px;font-weight: 600;letter-spacing: -0.56px;color: #252525;}
.company .lab2 .slide .slick-slide .txt{margin-top:15px;}


.company .location {margin-top: 50px;}
.company .location .map-con .map-box{height:300px;display: none;}
.company .location table {border-top: 3px solid #0a2b1e;margin-top: 20px;}
.company .location table tbody tr th {cursor: pointer;border-bottom: 1px solid #c8c8c8;padding: 15px 5px;vertical-align: middle;text-align: center;font-size: 14px;font-weight: 600;letter-spacing: -0.56px;color: #252525;}
.company .location table tbody tr td {border-bottom: 1px solid #c8c8c8;padding: 15px 5px;}
.company .location table tbody tr td dl dt {position: relative;padding-left: 20px;width: 60px;font-size: 14px;font-weight: 600;letter-spacing: -0.38px;color: #252525;}
.company .location table tbody tr td dl .icon1:before {content: "";display: inline-block;width: 12px;height: 14px;background: url(../images/icon/icon_marker.png) no-repeat;background-size: cover;position: absolute;left: 0;top:2px;}
.company .location table tbody tr td dl .icon2:before {content: "";display: inline-block;width: 12px;height: 12px;background: url(../images/icon/icon_tel.png) no-repeat;background-size: cover;position: absolute;left: 0; top: 3px;}
.company .location table tbody tr td dl dd {padding: 0 0 20px 60px;font-size: 14px;font-weight: normal;letter-spacing: -0.34px;color: #252525;}




.board .list .search-box {position: relative;height: 45px;border-radius: 25px;box-shadow: 0px 3px 24px 0 rgba(0, 0, 0, 0.1);background-color: #fff;}
.board .list .search-box:before {content: "";position: absolute;top: 15px;left:15px;display: inline-block;width: 15px;height: 15px;background: url(../images/icon/search2.png) no-repeat;background-size: cover;}
.board .list .search-box input[type="text"] {width: 100%;height:45px;padding: 0 100px 0 35px;font-size: 13px;font-weight: normal;letter-spacing: -0.3px;color: #000;}
.board .list .search-box input[type="text"]::placeholder {color: #757575;}

.board .list .search-box button {font-family: "SEOULMILK";position: absolute;top: 5px;right:5px;width: 85px;height: 35px;border-radius: 25px;background-color: #e60012;font-size: 12px;color: #fff;font-weight: normal;letter-spacing: -0.32px;}

.board .list .list-wrap{margin-top:25px;}
.board .list .list-wrap .thead{border-top: 2px solid #0a2b1e;}
.board .list .list-wrap .thead li{display: flex;border-bottom: 1px solid #c8c8c8;}
.board .list .list-wrap .thead li .col{padding: 10px 5px;font-size: 14px;font-weight: 600;letter-spacing: -0.38px;color: #252525;text-align: center;}
.board .list .list-wrap .thead li .col:nth-child(1){width:70%;}
.board .list .list-wrap .thead li .col:nth-child(2){width:30%;}

.board .list .list-wrap .tbody li{display: flex;border-bottom: 1px solid #c8c8c8;}
.board .list .list-wrap .tbody li .col{padding: 10px 5px;font-size: 14px;font-weight:normal;letter-spacing: -0.38px;color: #9b9b9b;}
.board .list .list-wrap .tbody li .col:nth-child(1){width:70%;}
.board .list .list-wrap .tbody li .col:nth-child(2){width:30%;text-align: center;display: flex;justify-content: center;align-items: center;}
.board .list .list-wrap .tbody li .col .category{margin-bottom: 5px;}
.board .list .list-wrap .tbody li .col a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #252525;}
.board .list .list-wrap .tbody li .col .date{display:block;margin-top: 5px;}
.board.idp .list .list-wrap .tbody li .col div{color: #252525;}
.noti-box{text-align: center; border: 1px solid #c8c8c8; padding: 20px; box-sizing: border-box;}
.noti-box .tit{display:block; font-size: 16px; margin-bottom: 15px;}
.noti-box  p ~ p{margin-top:15px;}
.noti-box .fc_blue{color:#0563c1;}
.noti-box .fc_red{color:#ff0000;}

.board .view{margin-top:35px;border-top:2px solid #0a2b1e;}
.board .view .view-top .subject{position: relative;padding:10px 50px 10px 15px;}
.board .view .view-top .subject h2{font-size: 16px;font-weight: normal;letter-spacing: -0.38px;color: #252525;}
.board .view .view-top .subject .print-button{position:absolute;top:5px;right:10px;display: inline-block;width:30px;height:30px;border-radius:100%;background-color: #6bbc64;}
.board .view .view-top .subject .print-button:before{content: "";position:absolute;top:50%;left:50%;transform: translate(-50%, -50%); display: inline-block;width:20px;height:18px;background: url(../images/icon/print.png) no-repeat;background-size: cover;}
.board .view .view-top .top-util{border-top:1px solid #e6e6e6;padding:10px 15px;font-size:0;}
.board .view .view-top .top-util span{position:relative;display: inline-block;padding:0;font-size: 13px;font-weight: normal;letter-spacing: -0.34px;color: #9b9b9b;}
.board .view .view-content{border-top:1px solid #c8c8c8;padding:20px 15px;font-size: 14px;font-weight: normal;line-height: 1.56;letter-spacing: -0.34px;color: #252525;min-height: 300px;}
.board .view .file-list{border-top:1px solid #c8c8c8;}
.board .view .file-list a{display: block;position: relative; font-size: 13px;font-weight: normal;letter-spacing: -0.34px;color: #9b9b9b;padding:10px 15px 10px 35px;}
.board .view .file-list a:before{content: "";position:absolute;top:12px;left:10px;display: inline-block;width: 13px;height:13px;background:url(../images/icon/down_gray.png) no-repeat;background-size: cover;}
.board .view .view-bottom{border-top:2px solid #0a2b1e;border-bottom:1px solid #c8c8c8;}
.board .view .view-bottom a{display: flex;}
.board .view .view-bottom a + a{border-top:1px solid #c8c8c8;}
.board .view .view-bottom a span{display: inline-block;padding:10px 15px;font-size: 14px;font-weight: normal;letter-spacing: -0.34px;color: #252525;}
.board .view .view-bottom .col1{position:relative;padding:10px 35px 10px 15px;}
.board .view .view-bottom .col1:before{content: "";position:absolute;top:16px;right:10px;display: inline-block;width:10px;height:6px;background: url(../images/icon/bbs_arrow.png) no-repeat;background-size: cover;}
.board .view .view-bottom .col1:after{content: "";display: inline-block;width:1px;height:15px;background: #c8c8c8;position: absolute;top:12px;right:0;}
.board .view .view-bottom .next .col1:before{transform: rotate(-180deg);}
.board .view .view-bottom .col2{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width:calc(100% - 90px);}
.board .view .answer{border-top:2px solid #0a2b1e;background:#f9f9f9; }
.board .view .answer h4{padding:10px;font-size: 16px;font-weight: normal;letter-spacing: -0.38px;color: #252525;border-bottom: 1px solid #c8c8c8;}
.board .view .answer .answer-date{padding:10px;font-size: 13px;font-weight: normal;letter-spacing: -0.34px;color: #9b9b9b;border-bottom: 1px solid #c8c8c8;}
.board .view .answer .answer-txt{padding:10px;font-size: 14px;font-weight: normal;line-height: 1.56;letter-spacing: -0.34px;color: #252525;}
.board .view .button-box{margin-top:40px;text-align: center;}
.board .view .button-box a{display: inline-block;width:120px;line-height: 45px; border-radius: 25px;text-align: center;font-size:14px;font-weight: normal;letter-spacing: -0.41px;color: #fff;background: #6bbc64;}


.product .list{margin-top:49px;}
.product .list .product-tab{display: flex;flex-wrap: wrap;border-top:1px solid #c8c8c8}
.product .list .product-tab a{position:relative;font-family:"SEOULMILK";width:33.3333%;display: inline-block;line-height: 40px;border-bottom: 1px solid #c8c8c8;text-align: center;font-size: 13px;font-weight: normal;letter-spacing: -0.32px;color: #252525;}
.product .list .product-tab a:before{content: "";position:absolute;top:0;right:0;display: inline-block;width:1px;height:100%;background: #c8c8c8;}
.product .list .product-tab a:after{content: "";position:absolute;top:0px;left:0px;display:none;width:100%;height:100%;box-sizing: border-box;border:2px solid #6bbc64;}
.product .list .product-tab a:nth-child(3n+1){border-left:1px solid #c8c8c8; }
.product .list .product-tab a:nth-child(3n){border-right:1px solid #c8c8c8; }
.product .list .product-tab a:nth-child(3n):before{display: none;}
.product .list .product-tab a:hover{color:#e60012;}
.product .list .product-tab a:hover:after{display: block;}
.product .list .product-tab a.active{color:#6bbc64;}
.product .list .product-tab a.active:after{display: block;}
.product .list .search-box {margin-top:25px;position: relative;height: 45px;border-radius: 25px;box-shadow: 0px 3px 24px 0 rgba(0, 0, 0, 0.1);background-color: #fff;}
.product .list .search-box:before {content: "";position: absolute;top: 15px;left:15px;display: inline-block;width: 15px;height: 15px;background: url(../images/icon/search2.png) no-repeat;background-size: cover;}
.product .list .search-box input[type="text"] {width: 100%;height:45px;padding: 0 100px 0 35px;font-size: 13px;font-weight: normal;letter-spacing: -0.3px;color: #000;}
.product .list .search-box input[type="text"]::placeholder {color: #757575;}
.product .list .search-box button {font-family: "SEOULMILK";position: absolute;top: 5px;right:5px;width: 85px;height: 35px;border-radius: 25px;background-color: #6bbc64;font-size: 12px;color: #fff;font-weight: normal;letter-spacing: -0.32px;}
.product .list .list-wrap{margin-top:40px;}
.product .list .list-wrap .list-top{display: flex;align-items: center;justify-content: space-between;}
.product .list .list-wrap .list-top select{border: 1px solid #c8c8c8;font-size: 14px;font-weight: normal;letter-spacing: -0.36px;height: 40px;width: 135px; border-radius: 30px;padding: 0 20px 0 15px;}
.product .list .list-wrap .list-top em{display: block;font-size: 14px;font-weight: normal;letter-spacing: -0.36px;color: #757575;}
.product .list .list-wrap em span{display: inline-block;color:#e60012;}
.product .list .list-wrap ul{display: flex;flex-wrap: wrap;margin:20px -1% 0;}
.product .list .list-wrap ul li{display: inline-block;width:48%;margin:0 1% 50px;}
.product .list .list-wrap ul li a{display: block;}
.product .list .list-wrap ul li figure{position: relative;overflow: hidden;width:100%;border-radius: 20px;border: solid 1px #c8c8c8;padding:15px;}
.product .list .list-wrap ul li .txt-box{padding-top:10px;text-align: center;}
.product .list .list-wrap ul li .txt-box h5{font-size: 16px;font-weight: 600;line-height: 1.67;letter-spacing: -0.36px;color: #252525;}
.product .list .list-wrap ul li p{word-break:keep-all;}
.product .list .list-wrap ul li:hover figure{box-shadow: 0px 3px 24px 0 rgba(0, 0, 0, 0.1);border-color: #e60012;}
.product .view{border-top:2px solid #e60012;padding-top:15px;}
.product .view h3{font-family:"SEOULMILK";font-size: 16px;font-weight: 600;letter-spacing: -0.48px;color: #252525;}
.product .view .product-img .img-slide{position: relative;}
.product .view .product-img .img-slide .slick-slide{position: relative;text-align: center; height:auto;}
.product .view .product-img .img-slide .slick-slide img{margin:0 auto;display:block;}
.product .view .product-img .img-slide .slick-arrow{position: absolute;top:50%;font-size: 0;width:30px;height:30px;background: url(../images/icon/slick_arrow2.png) no-repeat;background-size: cover;z-index: 10;}
.product .view .product-img .img-slide .slick-prev{top:42%;left:0;transform: rotate(-180deg) translateY(-50%);}
.product .view .product-img .img-slide .slick-next{right:0;transform: translateY(-50%);}
.product .view .down-button{text-align: right}
.product .view .down-button button{font-family:"SEOULMILK";display: inline-block;width: 180px;height: 40px;text-align: left;padding: 0 40px 0 17px;font-size: 13px;font-weight: normal;letter-spacing: -0.34px;color: #757575;border-radius: 20px;border: solid 1px #c8c8c8;position: relative;}
.product .view .down-button button:after {content: "";position: absolute;top: 10px;right: 17px;display: inline-block;width: 17px;height: 17px;background: url(../images/icon/down_gray.png) no-repeat;background-size: cover;}

.product .view .down-button button:hover {background: #6bbc64;border-color: #6bbc64;color: #fff;}
.product .view .down-button button:hover:after {background: url(../images/icon/down_white.png) no-repeat;background-size: cover;}
.product .view .product-info{position:relative;}
.product .view .product-info dl dt{width:80px;font-size: 16px;font-weight:600;letter-spacing: -0.36px;color: #252525;}
.product .view .product-info dl dd{padding:0 0 20px 80px;font-size: 14px;font-weight: normal;letter-spacing: -0.32px;color: #252525;}
.product .view .product-info .button-wrap{margin-top:20px;padding-top:20px;display: flex;border-top: 2px solid #e60012;}
.product .view .product-info .button-wrap a{font-family:"SEOULMILK";flex:1;display: inline-block;line-height: 50px;text-align: center;font-size: 14px;font-weight: 300;letter-spacing: -0.36px;color: #fff;background: #04a15c;}
.product .view .product-info .button-wrap a:first-child{background: #00573d}
.product .view .product-info .button-wrap a + a{margin-left:20px;}
.product .view .product-info .button-wrap.col2{flex-wrap: wrap; gap: 20px;}
.product .view .product-info .button-wrap.col2 a{flex: none; width: calc(50% - 10px);}
.product .view .product-info .button-wrap.col2 a + a{margin-left:0;}

.product .view .product-explanation{position:relative;margin-top:45px;}
.product .view .product-explanation p{margin-top:15px;font-size: 14px;font-weight: normal;line-height: 2;letter-spacing: -0.32px;color: #252525;}
.product .view .product-nutrition{position:relative;margin-top:30px;}
.product .view .product-nutrition select{position: absolute;right: 0;top:-2px;background: url(../images/icon/select_icon.png) 95% 50% no-repeat;padding:5px 20px 5px 10px;border-bottom:2px solid #c8c8c8; font-size: 14px;font-weight: normal;letter-spacing: -0.32px;color: #252525;background-size: 12px;}
.product .view table{margin-top:15px;border-top:1px solid #757575;}
.product .view table thead tr th{padding:10px 5px;background: #f3f3f3;font-size: 14px;font-weight: 600;letter-spacing: -0.32px;word-break:keep-all; color: #252525;}
.product .view table tbody tr th{text-align:center;padding:10px 5px;border-bottom:1px solid #c8c8c8;font-size: 14px;font-weight: 600;letter-spacing: -0.32px;color: #252525;}
.product .view table tbody tr td{text-align:center;padding:10px 5px;border-bottom:1px solid #c8c8c8;border-left:1px solid #c8c8c8;font-size: 14px;font-weight: normal;letter-spacing: -0.32px;color: #252525;}

.product .view .button-box{text-align: center;margin-top:40px;}
.product .view .button-box a{display: inline-block;width:160px;line-height: 50px;text-align: center;border-radius: 25px;background: #6bbc64;color:#fff; font-size: 16px;font-weight: normal;letter-spacing: -0.41px;}


.customer .index{margin-top:40px;}
.customer .index .faq-box h5{font-family:"SEOULMILK";font-size: 18px;font-weight: 600;letter-spacing: -0.46px;color: #0a2b1e;}
.customer .index .faq-box table{margin-top:15px;border-top:2px solid #0a2b1e;}
.customer .index .faq-box table tbody tr td{padding:15px 10px;border-bottom:1px solid #c8c8c8;font-size: 14px;font-weight: normal;letter-spacing: -0.37px;color: #252525;}
.customer .index .faq-box table tbody tr td:first-child{background: #f2f2f2;text-align: center;}
.customer .index .faq-box table tbody tr td a{display: block;}
.customer .index .faq-box table tbody tr td a:hover{text-decoration: underline;}
.customer .index .faq-box .button-box{margin-top:30px;text-align: center;}
.customer .index .faq-box .button-box a{display: inline-block;text-align: center;width:145px;line-height: 40px; border-radius: 20px;background-color: #73ae52;font-size: 15px;font-weight: normal;letter-spacing: -0.43px;color: #fff;}
.customer .index .list{margin-top:50px;}
.customer .index .list ul li + li{margin-top:20px;}
.customer .index .list ul li a{display: block;}
.customer .index .list ul li figure img{display: block;width:100%;}
.customer .index .list2{margin-top:50px;}
.customer .index .list2 h4{font-family:"SEOULMILK";font-size:18px;font-weight: normal;letter-spacing: -0.65px;color: #0a2b1e;}
.customer .index .list2 ul{display: flex;margin-top:35px;}
.customer .index .list2 ul li{flex:1;font-size: 0;}
.customer .index .list2 ul li:first-child{border-right:1px solid #d8d8d8;}
.customer .index .list2 ul li a{display: block;text-align: center;padding:0 10px;}
.customer .index .list2 ul li i{display: inline-block;}
.customer .index .list2 ul li i img{height:30px}
.customer .index .list2 ul li strong{display:block;margin-top:20px;font-family:"SEOULMILK";font-size: 15px;letter-spacing: -1px;color: #0a2b1e;}
.customer .index .list2 ul li p{margin-top:10px;font-size: 14px;font-weight: normal;line-height: 1.47;letter-spacing: -0.72px;color: #252525;}

.customer .consultation-form .box + .box{margin-top:45px;}
.customer .consultation-form h4{font-size: 16px;font-weight: normal;letter-spacing: -0.57px;color: #5c5c5c;}

.customer .consultation-form table{margin-top:10px;border-top:2px solid #c8c8c8;}
.customer .consultation-form table thead tr th{padding:15px 5px;background: #f2f2f2;border-bottom: 1px solid #c8c8c8;border-left:1px solid #c8c8c8;font-size: 14px;font-weight:600;letter-spacing: -0.36px;color: #252525;}
.customer .consultation-form table thead tr th:first-child{border-left:0;}
.customer .consultation-form table tbody tr th{text-align:center;padding:15px 5px;background: #f2f2f2;border-bottom: 1px solid #c8c8c8;border-left:1px solid #c8c8c8;font-size: 14px;font-weight:600;letter-spacing: -0.36px;color: #252525;}
.customer .consultation-form table tbody tr th:first-child{border-left:0;}
.customer .consultation-form table tbody tr td{border-bottom: 1px solid #c8c8c8;border-left:1px solid #c8c8c8;padding:15px 5px;font-size: 14px;font-weight: normal;letter-spacing: -0.36px;color: #252525;}
.customer .consultation-form table tbody tr td:first-child{border-left:0;}
.customer .consultation-form table.table-center tbody tr td{text-align: center;}
.customer .consultation-form .txt{position: relative;padding-left:20px;margin-top:20px;font-size: 14px;font-weight: normal;letter-spacing: -0.44px;color: #5c5c5c;}
.customer .consultation-form .txt:before{content: "";position:absolute;left:0;top:2px;display: inline-block;width:15px;height:15px;background: url(../images/icon/txt_icon.png) no-repeat;background-size: cover;}
.customer .consultation-form .agree-box{margin-top:10px;display: flex;}
.customer .consultation-form .agree-box .radio-type1 + .radio-type1{margin-left:25px;}
.customer .consultation-form table tbody tr td p{margin-top:10px;font-size: 13px;font-weight: normal;letter-spacing: -0.29px;color: #252525;}
.customer .consultation-form table tbody tr td p + p{margin-top:5px;}
.customer .consultation-form table tbody tr td input[type="text"],
.customer .consultation-form table tbody tr td input[type="tel"]{width:100%;border:1px solid #c8c8c8;height:35px;padding:0 10px;font-size: 14px;font-weight: normal;letter-spacing: -0.44px;}
.customer .consultation-form table tbody tr td select{width:100%;border:1px solid #c8c8c8;height:35px;padding:0 10px;font-size: 14px;font-weight: normal;letter-spacing: -0.44px;}
.customer .consultation-form table tbody tr td textarea{width:100%;border:1px solid #c8c8c8;height:270px;padding:10px;font-size: 22px;font-weight: normal;letter-spacing: -0.44px;resize: none;}
.customer .consultation-form table tbody tr td .addr1{display: flex;}
.customer .consultation-form table tbody tr td .addr1 button{margin-left:5px;width:90px;height:35px;background: #e4e4e4;font-size: 14px;font-weight: 600;letter-spacing: -0.44px;color: #252525;}
.customer .consultation-form table tbody tr td .addr2{margin-top:5px;}
.customer .consultation-form table tbody tr td .addr3{margin-top:5px;}
.customer .consultation-form table tbody tr td .select-wrap{display: flex;}
.customer .consultation-form table tbody tr td .select-wrap select + select{margin-left:10px;}
.customer .consultation-form table tbody tr td .tel-wrap{display: flex;align-items: center;}
.customer .consultation-form table tbody tr td .tel-wrap input[type="tel"]{max-width:155px;text-align: center;}
.customer .consultation-form table tbody tr td .tel-wrap span{color:#c8c8c8;display: inline-block;font-size:22px;margin:0 5px;}
.customer .consultation-form table tbody tr td .email-wrap{display: flex;align-items: center;}
.customer .consultation-form table tbody tr td .email-wrap span{color:#c8c8c8;display: inline-block;font-size:12px;margin:0 5px;}
.customer .consultation-form table tbody tr td .email-wrap select{margin-left:5px;}
.customer .consultation-form table tbody tr td .filebox + .filebox{margin-top:10px;}
.customer .consultation-form table tbody tr td .secret .img{width:100%;height:35px;border:1px solid #c8c8c8;margin-bottom: 10px;}
.customer .consultation-form table tbody tr td .secret .text{display: flex;}
.customer .consultation-form table tbody tr td .secret .text input[type="text"]{max-width:236px;height:35px;font-size: 14px;text-align:center;font-weight: normal;letter-spacing: -0.29px;}
.customer .consultation-form table tbody tr td .secret .text input[type="text"]::placeholder{color: #c8c8c8;}
.customer .consultation-form table tbody tr td .secret .text button{margin-left:5px;width:90px;height:35px;text-align: center;font-size: 14px;font-weight: normal;letter-spacing: -0.29px;color: #fff;background: #73ae52;}
.customer .consultation-form .button-box{text-align: center;margin-top:40px;}
.customer .consultation-form .button-box button{display: inline-block;width:160px;line-height: 40px;text-align: center;border-radius: 28px;background: #6bbc64;color:#fff; font-size: 14px;font-weight: normal;letter-spacing: -0.41px;}

.customer .info-center .radio-box{margin-top:15px;display: flex;}
.customer .info-center .radio-box .radio-p{position: relative;flex:1;}
.customer .info-center .radio-box .radio-p + .radio-p{margin-left:20px;}
.customer .info-center .radio-box .radio-p input[type="radio"]{position: absolute;opacity: 0;}
.customer .info-center .radio-box .radio-p label{position:relative;display: block;border-radius: 10px;padding:0 10px 0 50px;box-shadow: 0px 3px 27px 0 rgba(0, 0, 0, 0.12);border: solid 2px #c8c8c8;background-color: #fff;line-height:55px;font-size: 14px;font-weight: normal;letter-spacing: -0.41px;color: #0a2b1e;cursor: pointer;}
.customer .info-center .radio-box .radio-p label:before{content: "";position:absolute;display: inline-block;left:20px;top:50%;transform: translateY(-50%);display: inline-block;}
.customer .info-center .radio-box .radio-p label.icon1:before{width:20px;height:24px;background: url(../images/icon/radio_icon01.png) no-repeat;background-size: cover;}
.customer .info-center .radio-box .radio-p label.icon2:before{top:45%;width:26px;height:23px;background: url(../images/icon/radio_icon0201.png) no-repeat;background-size: cover;}
.customer .info-center .radio-box .radio-p input[type="radio"]:checked + label{border-color: #73ae52; color:#73ae52; font-weight:bold;}
.customer .info-center .radio-box .radio-p input[type="radio"]:checked + label.icon1:before{background: url(../images/icon/radio_icon01_on.png) no-repeat;background-size: cover;}
.customer .info-center .radio-box .radio-p input[type="radio"]:checked + label.icon2:before{background: url(../images/icon/radio_icon0201.png) no-repeat;background-size: cover;}
.customer .info-center h3{font-size: 18px;font-weight:600;letter-spacing: -0.65px;color: #0a2b1e;}
.customer .info-center .radio-box + h3{margin-top: 40px;}
.customer .info-center .location-tab{display: flex;flex-wrap:wrap;margin:15px -1% -1%;}
.customer .info-center .location-tab a{display: inline-block;width:23%;margin:1%;line-height: 30px;border-radius: 20px;border: solid 1px #c8c8c8;text-align: center; font-size: 14px;font-weight: normal;letter-spacing: -0.34px;color: #252525;}
.customer .info-center .location-tab  a.on{border-color:#73ae52;background: #73ae52;color:#fff;}

.customer .info-center .search-box {margin-top:10px;position: relative;height: 45px;border-radius: 25px;box-shadow: 0px 3px 24px 0 rgba(0, 0, 0, 0.1);background-color: #fff;}
.customer .info-center .search-box:before {content: "";position: absolute;top: 15px;left:15px;display: inline-block;width: 15px;height: 15px;background: url(../images/icon/search2.png) no-repeat;background-size: cover;}
.customer .info-center .search-box input[type="text"] {width: 100%;height:45px;padding: 0 100px 0 35px;font-size: 13px;font-weight: normal;letter-spacing: -0.3px;color: #000;}
.customer .info-center .search-box input[type="text"]::placeholder {color: #757575;}
.customer .info-center .search-box button {font-family: "SEOULMILK";position: absolute;top: 5px;right:5px;width: 85px;height: 35px;border-radius: 25px;background-color: #e60012;font-size: 12px;color: #fff;font-weight: normal;letter-spacing: -0.32px;}

.customer .info-center .list-box{margin-top:40px;}
.customer .info-center .list-box em{margin-top:35px;display: block; font-size: 14px;font-weight: normal;letter-spacing: -0.34px;color: #252525;}
.customer .info-center .list-box table{border-top:2px solid #0a2b1e;margin-top:10px;}
.customer .info-center .list-box table tbody tr th{border-bottom:1px solid #c8c8c8;padding:15px 5px;vertical-align: middle;text-align: left;font-size: 14px;font-weight: 600;letter-spacing: -0.56px;color: #252525;text-align: center;}
.customer .info-center .list-box table tbody tr td{border-bottom:1px solid #c8c8c8;padding:15px 5px;}
.customer .info-center .list-box table tbody tr td dl dt{position: relative;padding-left:20px;width:60px;font-size: 14px;font-weight:600;letter-spacing: -0.38px;color: #252525;}
.customer .info-center .list-box table tbody tr td dl .icon1:before{content: "";display: inline-block;width:12px;height:14px;background: url(../images/icon/icon_marker.png) no-repeat;background-size: cover;position: absolute;left:0;top:2px;}
.customer .info-center .list-box table tbody tr td dl .icon2:before{content: "";display: inline-block;width:12px;height:12px;background: url(../images/icon/icon_tel.png) no-repeat;background-size: cover;position: absolute;left:0;top:3px;}
.customer .info-center .list-box table tbody tr td dl dd{padding:0 0 20px 60px;font-size: 14px;font-weight: normal;letter-spacing: -0.34px;color: #252525;}
.customer .faq .faq-tab{display: flex;flex-wrap:wrap;margin:0 -1% 20px;}
.customer .faq .faq-tab a{display: inline-block;width:31.3333%;line-height:30px;border-radius: 20px;border: solid 1px #c8c8c8;text-align: center; font-size: 14px;font-weight: normal;letter-spacing: -0.34px;color: #252525;margin:1%;}
.customer .faq .faq-tab a.on{border-color:#73ae52;background: #73ae52;color:#fff;}
.customer .faq dl{ border-radius: 10px;background-color: #f3f3f3;padding:15px;}
.customer .faq dl dt{position: relative;padding:10px 10px 10px 25px;font-size: 14px;font-weight: normal;letter-spacing: -0.36px;color: #252525;cursor: pointer;}
.customer .faq dl dt:before{content: "Q";position:absolute;left:0;display: inline-block;width:20px;height:20px;line-height: 20px; border-radius: 5px;background-color: #b7b7b7;color:#fff;text-align: center;}
.customer .faq dl dd{display:none;position: relative;padding:10px 10px 10px 25px;font-size: 14px;font-weight: normal;letter-spacing: -0.36px;color: #252525;}
.customer .faq dl dd:before{content: "A";position:absolute;lefT:0;display: inline-block;width:20px;height:20px;line-height: 20px; border-radius: 5px;background-color: #73ae52;color:#fff;text-align: center;}
.customer .faq dl dd p{margin-bottom:20px;}
.customer .faq dl + dl{margin-top:20px;}
.customer .faq .button-box{text-align: center;margin-top:40px;}
.customer .faq .button-box a{display: inline-block;width:160px;line-height: 45px;text-align: center;border-radius: 28px;background: #6bbc64;color:#fff; font-size: 15px;font-weight: normal;letter-spacing: -0.41px;}
.customer .consultation{margin-top:40px;}
.customer .consultation .box + .box{margin-top:45px;}
.customer .consultation h4{font-size: 16px;font-weight: normal;letter-spacing: -0.57px;color: #5c5c5c;}
.customer .consultation .txt{position: relative;padding-left:20px;margin-top:10px;font-size: 14px;font-weight: normal;letter-spacing: -0.44px;color: #5c5c5c;}
.customer .consultation .txt:before{content: "";position:absolute;left:0;top:2px;display: inline-block;width:15px;height:15px;background: url(../images/icon/txt_icon.png) no-repeat;background-size: cover;}
.customer .consultation table{margin-top:15px;border-top:1px solid #c8c8c8;}
.customer .consultation table tbody tr th{padding:15px 10px;border-bottom:1px solid #c8c8c8;font-size: 14px;font-weight: normal;letter-spacing: -0.37px;color: #252525;background: #f2f2f2}
.customer .consultation table tbody tr td{padding:15px 10px;border-left:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;font-size: 14px;font-weight: normal;letter-spacing: -0.37px;color: #252525;}

.customer .consultation .img{margin-top:58px;}
.customer .consultation .img img{display: block;width:100%;}

.customer .dispute{margin-top:40px;}
.customer .dispute h4{font-size: 16px;font-weight: normal;letter-spacing: -0.57px;color: #5c5c5c;}
.customer .dispute .txt{position: relative;padding-left:20px;margin-top:20px;font-size: 14px;font-weight: normal;letter-spacing: -0.44px;color: #5c5c5c;}
.customer .dispute .txt:before{content: "";position:absolute;left:0;top:2px;display: inline-block;width:15px;height:15px;background: url(../images/icon/txt_icon.png) no-repeat;background-size: cover;}
.customer .dispute .box{margin-top:15px;border-radius: 10px;border: solid 1px #c8c8c8;padding:20px;}
.customer .dispute .box ul li {position: relative; font-size: 14px;font-weight: normal;letter-spacing: -0.36px;color: #252525;padding-left: 10px;}
.customer .dispute .box ul li span{color:#e60012}
.customer .dispute .box ul li:before{content: "";position:absolute;left:0;top:7px;display: inline-block;width:4px;height:4px;background: #252525;border-radius: 100%;}
.customer .dispute .box ul li + li{margin-top:15px;}
.customer .dispute .box .down-box{margin-top:15px;display: flex;}
.customer .dispute .box .down-box a{position:relative;flex:1;display: inline-block; border-radius: 10px;background-color: #cfcfcf;padding:0 20px;line-height: 40px; font-size: 15px;font-weight: 600;letter-spacing: -0.36px;color: #5c5c5c;text-align: center;}
.customer .dispute .box .down-box a:after{content: "";position:absolute;top: 10px;display: inline-block;width:15px;height:15px;background: url(../images/icon/down_gray.png) no-repeat;background-size: cover;margin-left: 10px;}
.customer .dispute .box .down-box a + a{margin-left:10px;}
.customer .dispute table{margin-top:45px;border-top:1px solid #c8c8c8;}
.customer .dispute table tbody tr th{padding:15px 10px;background: #f2f2f2;border-bottom: 1px solid #c8c8c8;border-left:1px solid #c8c8c8;font-size: 14px;font-weight:600;letter-spacing: -0.36px;color: #252525;}
.customer .dispute table tbody tr td{border-bottom: 1px solid #c8c8c8;border-left:1px solid #c8c8c8;padding:15px 10px;font-size: 14px;font-weight: normal;letter-spacing: -0.36px;color: #252525;}

.cs_policy02 .customer .dispute table th {border-left:0;}
.customer .addr1 span {line-height:35px;}

.promotion .ad .search-box {margin-top:25px;position: relative;height: 45px;border-radius: 25px;box-shadow: 0px 3px 24px 0 rgba(0, 0, 0, 0.1);background-color: #fff;}
.promotion .ad .search-box:before {content: "";position: absolute;top: 15px;left:15px;display: inline-block;width: 15px;height: 15px;background: url(../images/icon/search2.png) no-repeat;background-size: cover;}
.promotion .ad .search-box input[type="text"] {width: 100%;height:45px;padding: 0 100px 0 35px;font-size: 13px;font-weight: normal;letter-spacing: -0.3px;color: #000;}
.promotion .ad .search-box input[type="text"]::placeholder {color: #757575;}
.promotion .ad .search-box button {font-family: "SEOULMILK";position: absolute;top: 5px;right:5px;width: 85px;height: 35px;border-radius: 25px;background-color: #e60012;font-size: 12px;color: #fff;font-weight: normal;letter-spacing: -0.32px;}
.promotion .ad .ad-top{position:relative;margin-top:30px;}
.promotion .ad .ad-top select{position: absolute;top:-34px;right:0;padding:8px 10px;border-bottom: 2px solid #c8c8c8;font-size: 16px;letter-spacing: -0.32px;color: #252525;width:90px;}
.promotion .ad .ad-top .video{position: relative;padding-top:75%;}
.promotion .ad .ad-top .video iframe{position: absolute;top:0;left:0;}
.promotion .ad .ad-top .txt-box{position:relative;padding-top:25px;}
.promotion .ad .ad-top .txt-box h4{font-size: 16px;line-height: 1.44;letter-spacing: -0.36px;color: #252525;}
.promotion .ad .ad-top .txt-box p{margin-top:20px;font-size: 14px;font-weight: normal;line-height: 1.88;letter-spacing: -0.32px;color: #252525;}
.promotion .ad .ad-top .txt-box .button-box{margin-top:20px;text-align: center;}
.promotion .ad .ad-top .txt-box a{display: inline-block;border-radius: 23px;box-shadow: 0px 8px 10px 0 rgba(0, 0, 0, 0.1);background-color: #e60012;padding:10px 30px;font-size:0;}
.promotion .ad .ad-top .txt-box a img{width:75%;}
.promotion .ad .ad-list{margin-top:45px;}
.promotion .ad .ad-list ul li + li{margin-top:50px;}
.promotion .ad .ad-list ul li a{display:block; border-radius: 10px;border: solid 1px #c8c8c8;}
.promotion .ad .ad-list ul li figure{overflow: hidden;}
.promotion .ad .ad-list ul li figure img{display: block;width:100%;}
.promotion .ad .ad-list ul li h4{padding:20px;font-size: 16px;font-weight: 600;line-height: 1.63;letter-spacing: -0.32px;}
.promotion .ad .ad-list .button-box{text-align: center;margin-top:40px;}
.promotion .ad .ad-list .button-box button{display: inline-block;width:160px;line-height: 45px;text-align: center;border-radius: 28px;background: #6bbc64;color:#fff; font-size: 15px;font-weight: normal;letter-spacing: -0.41px;}
.promotion .ad .select-box {width:100%; height:45px;}
.promotion .ad .select-box select {padding-left :20px; width:100%; height:100%; box-sizing:border-box; border-radius:10px;box-shadow: 0px 3px 24px 0 rgba(0, 0, 0, 0.1); background-color:#fff;}


.promotion .event .search-box {margin-top:25px;position: relative;height: 45px;border-radius: 25px;box-shadow: 0px 3px 24px 0 rgba(0, 0, 0, 0.1);background-color: #fff;}
.promotion .event .search-box:before {content: "";position: absolute;top: 15px;left:15px;display: inline-block;width: 15px;height: 15px;background: url(../images/icon/search2.png) no-repeat;background-size: cover;}
.promotion .event .search-box input[type="text"] {width: 100%;height:45px;padding: 0 100px 0 35px;font-size: 13px;font-weight: normal;letter-spacing: -0.3px;color: #000;}
.promotion .event .search-box input[type="text"]::placeholder {color: #757575;}
.promotion .event .search-box button {font-family: "SEOULMILK";position: absolute;top: 5px;right:5px;width: 85px;height: 35px;border-radius: 25px;background-color: #e60012;font-size: 12px;color: #fff;font-weight: normal;letter-spacing: -0.32px;}
.promotion .event .event-list ul{margin-top:45px;}
.promotion .event .event-list ul li{position:relative;}
.promotion .event .event-list ul li + li{margin-top: 50px;}
.promotion .event .event-list ul li a{display:block; border-radius: 10px;border: solid 1px #c8c8c8;overflow:hidden;}
.promotion .event .event-list ul li figure{overflow: hidden;}
.promotion .event .event-list ul li figure img{display: block;width:100%;}
.promotion .event .event-list ul li .txt-box{padding:20px;}
.promotion .event .event-list ul li h4{font-size: 16px;font-weight: 600;line-height: 1.63;letter-spacing: -0.32px;color: #252525;}
.promotion .event .event-list ul li p{margin-top:10px;font-size: 14px;font-weight: normal;letter-spacing: -0.28px;color: #252525;}
.promotion .event .event-list ul li .mask{position: absolute;top:0;left:0;width:100%;height: 100%;background: rgba(0,0,0,0.5);border-radius: 20px;}
.promotion .event .event-list ul li .mask span{display: block;width:100%;text-align: center;position: absolute;top:50%;transform: translateY(-50%);color:#fff;font-size:25px;}
.promotion .event .event-list .button-box{text-align: center;margin-top:40px;}
.promotion .event .event-list .button-box button{display: inline-block;width:160px;line-height: 45px;text-align: center;border-radius: 28px;background: #6bbc64;color:#fff; font-size: 15px;font-weight: normal;letter-spacing: -0.41px;}
.promotion .event .select-box {width:100%; height:45px;}
.promotion .event .select-box select {padding-left :20px; width:100%; height:100%; box-sizing:border-box; border-radius:10px;box-shadow: 0px 3px 24px 0 rgba(0, 0, 0, 0.1); background-color:#fff;}



.promotion .haccp{margin-top:50px;}
.promotion .haccp .img1 img{display: block;width:100%;}
.promotion .haccp .txt {margin-top: 10px;font-size: 14px;font-weight: normal;line-height: 1.52;letter-spacing: -0.42px;color: #252525;word-break: keep-all;}
.promotion .haccp h4{margin-top: 60px;font-family:"SEOULMILK";font-size: 16px;font-weight:bold;letter-spacing: -1px;color: #0a2b1e;}
.promotion .haccp ul{margin-top:10px;font-size:0;}
.promotion .haccp ul li{display: inline-block;width:29.3333%;margin:2%;cursor: pointer;}
.promotion .haccp ul li figure img{display:block;width:1005;}
.promotion .haccp ul.ul-img li figure img{width:100%; max-width:186px;}
.promotion .haccp .cer-popup{display:none;position: fixed;top:50%;left: 50%;transform: translate(-50%, -50%);background: #fff;width:90%;z-index: 99999;padding:55px 25px 25px;}

.promotion .haccp .cer-popup .close-cerpop{position: absolute;top:15px;right:25px;}

.promotion .haccp ul + h4{margin-top:50px;}


.promotion .iso{margin-top:50px;}
.promotion .iso .img1 img{display: block;width:100%;}
.promotion .iso .txt {margin-top: 10px;font-size: 14px;font-weight: normal;line-height: 1.52;letter-spacing: -0.42px;color: #252525;word-break: keep-all;}
.promotion .iso ul{margin-top:60px;text-align: center;font-size:0;}
.promotion .iso ul li{display: inline-block;width:29.3333%;margin:0 2%}
.promotion .iso ul li img{display:block;}

.promotion .seoulmilk-sns ul li{position: relative;padding:35px 20px 35px 85px;border: solid 1px #e60012;
  background-color: #fff;border-radius: 20px;}
.promotion .seoulmilk-sns ul li i{width:45px;position: absolute;left:20px;top:50%;transform: translateY(-50%);}
.promotion .seoulmilk-sns ul li p{font-size:14px;font-weight: normal;line-height: 1.44;letter-spacing: -0.41px;color: #5c5c5c;}
.promotion .seoulmilk-sns ul li em{display: block;margin-top:20px;font-size: 12px;font-weight: normal;letter-spacing: -0.35px;  color: #757575;}
.promotion .seoulmilk-sns ul li + li{margin-top: 25px;}

.promotion .seoulmilk-brand ul li{position: relative;padding:35px 20px 35px 85px;border: solid 1px #e60012;
  background-color: #fff;border-radius: 20px;}
.promotion .seoulmilk-brand ul li i{width:45px;position: absolute;left:20px;top:50%;transform: translateY(-50%);}
.promotion .seoulmilk-brand ul li h4{font-family:"SEOULMILK";font-size: 16px;font-weight:bold;letter-spacing: -1px;color: #0a2b1e;}
.promotion .seoulmilk-brand ul li p{margin-top:5px;font-size:14px;font-weight: normal;line-height: 1.44;letter-spacing: -0.41px;color: #5c5c5c;}.promotion .seoulmilk-brand ul li + li{margin-top: 25px;}
.promotion .seoulmilk-brand ul li em{display: block;margin-top:5px;font-size: 12px;font-weight: normal;letter-spacing: -0.35px;  color: #757575;}


.information .talent{margin-top:40px;}
.information .talent .box{margin-top:45px;}
.information .talent .box h4{font-size: 16px;font-weight: 600;letter-spacing: -0.56px;color: #252525;}
.information .talent .box ul{margin-top:20px;}
.information .talent .box ul li + li{margin-top: 30px;}
.information .talent .box ul li figure img{display: block;width:100%;}
.information .talent .box ul li h5{margin-top:10px;font-size:16px;font-family:"SEOULMILK";letter-spacing: -0.45px;}
.information .talent .box ul li p{margin-top:15px;font-size: 14px;font-weight: normal;line-height: 1.56;letter-spacing: -0.34px;color: #252525;}
.information .talent .box table{border-top:1px solid #c8c8c8;margin-top:20px;}
.information .talent .box table tbody tr th{background: #f2f2f2; font-size: 14px;font-weight: 600;letter-spacing: -0.34px;color: #252525;padding:15px 10pxpx;border-bottom:1px solid #c8c8c8;}
.information .talent .box table tbody tr td{padding:15px 10px;border-bottom:1px solid #c8c8c8;border-left:1px solid #c8c8c8;font-size:14px;}
.information .talent .box table tbody tr td p{position: relative;font-size: 14px;font-weight: normal;line-height: 1.56;letter-spacing: -0.34px;color: #252525;padding-left: 13px;}
.information .talent .box table tbody tr td p:before{content: "";display: inline-block;width:4px;height:4px;background: #252525;border-radius: 100%;position: absolute;left:0;top:10px;}
.information .talent .box + .box{margin-top:45px;}

.information .recruitment .img-slide{position: relative;}
.information .recruitment .img-slide .slick-slide img{display: block;width:100%;}
.information .recruitment .img-slide .slick-arrow{position: absolute;top:50%;transform: translateY(-50%);width:30px;height:30px;font-size:0;z-index: 10;}
.information .recruitment .img-slide .slick-prev{background: url(../images/main/slick_arrow3.png) no-repeat;background-size: cover;left:5px;}
.information .recruitment .img-slide .slick-next{background: url(../images/main/slick_arrow4.png) no-repeat;background-size: cover;right:5px;}
.information .recruitment .txt-box{margin-top:30px;}
.information .recruitment .txt-box h4{ font-size: 20px;font-weight: normal;letter-spacing: -0.89px;color: #0a2b1e;}
.information .recruitment .txt-box p{margin-top:15px;font-size: 14px;font-weight: normal;line-height: 1.63;letter-spacing: -0.32px;color: #252525;}
.information .recruitment .txt-box a{display: inline-block;margin-top:55px;line-height: 45px;border:1px solid #6bbc64;border-radius: 22px;text-align: center;color:#6bbc64;width:175px;font-size: 16px;font-weight: normal;letter-spacing: -0.32px;}
.information .recruitment .txt-box span{display: block;margin-top:10px;font-size: 13px;font-weight: normal;letter-spacing: -0.26px;color: #b6b6b6;}
.information .recruitment h5{font-family:"SEOULMILK";font-size: 16px;font-weight:bold;letter-spacing: -1px;color: #0a2b1e;}
.information .recruitment .table-box{margin-top:50px;}
.information .recruitment .table-box table{border-top:1px solid #c8c8c8;margin-top:10px;}
.information .recruitment .table-box table tbody tr th{background: #f2f2f2; font-size: 14px;font-weight: 600;letter-spacing: -0.34px;color: #252525;padding:15px 10pxpx;border-bottom:1px solid #c8c8c8;}
.information .recruitment .table-box table tbody tr td{padding:15px 10px;border-bottom:1px solid #c8c8c8;border-left:1px solid #c8c8c8;font-size:14px;}
.information .recruitment .list-box{margin-top:30px;}
.information .recruitment .list-box .list-slide {padding:0 40px;margin-top:25px;}
.information .recruitment .list-box .list-slide .slick-slide{border-radius: 10px;border: solid 2px #c8c8c8;padding:20px;margin:0 5px;}
.information .recruitment .list-box .list-slide .slick-slide.slick-active{border-color:#6bbc64}
.information .recruitment .list-box .list-slide .slick-slide ul li{font-size: 13px;font-weight: normal;letter-spacing: -0.3px;color: #252525;}
.information .recruitment .list-box .list-slide .slick-slide ul li + li{margin-top:20px;}
.information .recruitment .list-box .list-slide .slick-slide ul li strong{position:relative;display: block;margin-bottom: 10px;padding-left:15px;}
.information .recruitment .list-box .list-slide .slick-slide ul li strong:before{content:"";display: inline-block;width:10px;height:10px;background: #6bbc64;position: absolute;left:0;top:4px;}
.information .recruitment .list-box .list-slide .slick-arrow{position: absolute;top:50%;transform: translateY(-50%);width:30px;height:30px;font-size:0;z-index: 10;}
.information .recruitment .list-box .list-slide .slick-prev{background: url(../images/main/slick_arrow3.png) no-repeat;background-size: cover;left:5px;}
.information .recruitment .list-box .list-slide .slick-next{background: url(../images/main/slick_arrow4.png) no-repeat;background-size: cover;right:5px;}
.information .recruitment .slick-slide {height:auto;}
.information .recruitment .txt-box a{position: relative;    margin-bottom: 10px; font-family: "NanumSquareRound"; display: inline-block; margin-top: 20px; border-radius: 22px; border: solid 1px #6bbc64; width: 180px; line-height: 34px; padding: 0 30px 0 19px; font-size: 14px; font-weight: 600; letter-spacing: -0.32px; color: #6bbc64;}
.information .recruitment .txt-box a:after {content: ""; position: absolute; right: 19px; top: 10px; display: inline-block; width: 6px; height: 11px; background: url(/enterprise/images/icon/arrow_green.png) no-repeat; background-size: cover;}




.esg{margin-top:50px;}
.esg .management .img1 img{display: block;width:100%;}
.esg .management .img2{margin-top:40px;}
.esg .management .img2 img{display: block;width:100%;}
.esg .management .txt-box{margin-top:27px;}
.esg .management .txt-box li{display: flex;align-items: center;}
.esg .management .txt-box li + li{margin-top:15px;}
.esg .management .txt-box li .circle{width:30%;border:3px solid #e60012;padding:3px;border-radius: 100%;}
.esg .management .txt-box li .circle .inner{position:relative;width:100%;text-align: center;border:1px solid #e60012;border-radius: 100%;padding-top:100%;}
.esg .management .txt-box li .circle .inner span{position:absolute;top:50%;transform: translateY(-50%);display:block;width:100%;text-align: center;font-size: 16px;font-weight: bold;letter-spacing: -0.45px;color: #252525;font-family:"SEOULMILK";}
.esg .management .txt-box li .txt{width:70%;padding-left:12px;font-size: 13px;font-weight: normal;line-height: 1.52;letter-spacing: -0.42px;color: #252525;}
.esg .management .txt-box li:last-child .circle{border-color:#1fa05b;}
.esg .management .txt-box li:last-child .circle .inner{border-color:#1fa05b;}
.esg .management .list{margin-top:50px;}
.esg .management .list h4{font-family:"SEOULMILK";font-size: 16px;font-weight:bold;letter-spacing: -1px;color: #0a2b1e;text-align: center;}
.esg .management .list ul{margin-top:20px;}
.esg .management .list ul li{border-radius: 15px;border:3px solid transparent;padding:20px;}
.esg .management .list ul li + li{margin-top:20px;}
.esg .management .list ul li strong{display: block;font-family:"SEOULMILK";font-size: 16px;font-weight:bold;letter-spacing: -1px;color: #0a2b1e;}
.esg .management .list ul li p{margin-top:5px;font-size: 14px;font-weight: normal;line-height: 1.67;letter-spacing: -0.46px;color: #0a2b1e;}
.esg .management .list ul li:nth-child(1){border-color: #e60012}
.esg .management .list ul li:nth-child(2){border-color: #ec7c22}
.esg .management .list ul li:nth-child(3){border-color: #6bbb63}
.esg .management .list ul li:nth-child(4){border-color: #1e9f5a}

.esg .safety{margin-top: 50px;}
.esg .safety .img1 img{display: block;width:100%;}
.esg .safety .img2{margin-top:50px;}
.esg .safety .img2 h4{font-family:"SEOULMILK";font-size: 16px;font-weight:bold;letter-spacing: -1px;color: #0a2b1e;}
.esg .safety .img2 p{margin-top:5px;font-size:14px;letter-spacing: -0.42px;color: #252525;}
.esg .safety .img2 img{display: block;width:100%;margin-top:10px;}


.esg .esgmessage{}
.esg .esgmessage .img1{}
.esg .esgmessage .img1 img{display: block;width:100%;}
.esg .esgmessage .img2{margin-top:60px;}
.esg .esgmessage .img2 img{display: block;width:100%;}
.esg .esgmessage h4{font-family:"SEOULMILK";position:relative;margin-top:20px;font-size: 16px;font-weight: normal;line-height: 1.95;letter-spacing: -0.45px;color: #0a2b1e;}
.esg .esgmessage .info-txt{margin-top:60px;}
.esg .esgmessage .info-txt .img{position: relative;text-align: center;}
.esg .esgmessage .info-txt .img img{display: block;margin:0 auto;max-width:70%; border-radius:8px;}
.esg .esgmessage .info-txt .txt{margin-top:20px;font-size: 14px;font-weight: normal;line-height: 1.88;letter-spacing: -0.32px;color: #252525;word-break: keep-all;}
.esg .esgmessage .info-txt .txt em{display: block;font-size: 16px;line-height:1.4;letter-spacing: -0.6px;text-align: right;}


.esg .pasture{}
.esg .pasture .img{}
.esg .pasture .img img{display: block;width:100%;}
.esg .pasture .img2{margin-top:40px;}
.esg .pasture .img2 img{display: block;width:100%;}
.esg .pasture h4{font-family:"SEOULMILK";font-size: 16px;font-weight: normal;letter-spacing: -0.37px;color: #0a2b1e;}
.esg .pasture .table-box{margin-top:40px;}
.esg .pasture .table-box + .table-box{margin-top:20px;}
.esg .pasture .table-box table{margin-top:10px;border-top:2px solid #0a2b1e;}
.esg .pasture .table-box table thead tr th{padding:10px 5px;font-size: 14px;font-weight: normal;letter-spacing: -0.38px;text-align: center;color: #252525;background: #f2f2f2;border-right:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8}
.esg .pasture .table-box table thead tr th:last-child{border-right:0;}
.esg .pasture .table-box table tbody tr td{padding:10px 5px;font-size: 14px;font-weight: normal;letter-spacing: -0.38px;border-right:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;text-align: center;}
.esg .pasture .table-box table tbody tr td:last-child{border-right:0;}
.esg .pasture .table-box p{margin-top:10px;text-align: right;font-size: 14px;font-weight: normal;letter-spacing: -0.38px;}
.esg .pasture .table-box p.tal{text-align:left;}

.esg .factory .img{}
.esg .factory .img img{display: block;width:100%;}
.esg .factory .img2{margin-top:20px}
.esg .factory .img2 img{display: block;width:100%;}
.esg .factory .img3{margin-top:20px}
.esg .factory .img3 h4{margin-bottom: 20px;}
.esg .factory .img3 img{display: block;width:100%;}
.esg .factory h4{font-family:"SEOULMILK";font-size: 16px;font-weight: normal;letter-spacing: -0.37px;color: #0a2b1e;}
.esg .factory .table-box{margin-top:40px;}
.esg .factory .table-box + .table-box{}
.esg .factory .table-box table{margin-top:10px;border-top:2px solid #0a2b1e;}
.esg .factory .table-box table thead tr th{padding:10px 5px;font-size: 14px;font-weight: normal;letter-spacing: -0.38px;text-align: center;color: #252525;background: #f2f2f2;border-right:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8}
.esg .factory .table-box table thead tr th:last-child{border-right:0;}
.esg .factory .table-box table tbody tr td{padding:10px 5px;font-size: 14px;font-weight: normal;letter-spacing: -0.38px;border-right:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;text-align: center;}
.esg .factory .table-box table tbody tr td:last-child{border-right:0;}
.esg .factory .table-box p{margin-top:15px;text-align: right;font-size: 14px;font-weight: normal;letter-spacing: -0.38px;}
.esg .factory .table-box p.tal {text-align:left;}
.esg .factory .box{margin-top:40px;}
.esg .factory .box .flex-box{margin-top:15px;}
.esg .factory .box .flex-box > div{}
.esg .factory .box .flex-box .txt-box ul{}
.esg .factory .box .flex-box .txt-box ul li{position: relative; font-size: 15px;font-weight: normal;letter-spacing: -0.32px;color: #252525;padding-left: 10px;}
.esg .factory .box .flex-box .txt-box ul li + li{margin-top:10px;}
.esg .factory .box .flex-box .txt-box ul li:before{content: "";position:absolute;top:8px;left:0;display: inline-block;width:4px;height:4px;border-radius: 100%;background: #252525;}
.esg .factory .box .flex-box .img-box{margin-top:20px;text-align: center;}
.esg .factory p.table-title {margin-top:25px; overflow:hidden; text-align:left;}
.esg .factory p.table-title span+span, .esg .factory p.table-title .rt {float:right;}
.esg .factory p.table-title +table {margin-top:10px;}
.esg .factory .flex-box p {word-break:keep-all;font-size: 14px;font-weight: normal;letter-spacing: -0.38px;}
.esg .factory .flex-box p+p{margin-top:15px;}
.esg .factory .flex-box p strong {color:#000;}

.esg .product .img{margin-top:50px}
.esg .product .img img{display: block;width:100%;}
.esg .product ul{margin:0 -2% 0;font-size:0;}
.esg .product ul li{display: inline-block;width:46%;margin:2%;}
.esg .product ul li img{display: block;width:100%;}
.esg .product h4{margin-top: 190px;font-family: "SEOULMILK"; font-size: 37px; font-weight: normal; letter-spacing: -0.37px; color: #0a2b1e;}


.esg .cycle h4{font-family:"SEOULMILK";font-size: 16px;font-weight: normal;letter-spacing: -0.56px;color: #0a2b1e;}
.esg .cycle .table-box{margin-top:40px;}
.esg .cycle .table-box p{margin-top:15px;font-size: 14px;font-weight: normal;letter-spacing: -0.38px;}
.esg .cycle .table-box p.mt0{margin-top:0;}
.esg .cycle .img{}
.esg .cycle .img img{display: block;width:100%;}
.esg .cycle .img2{margin-top:20px}
.esg .cycle .img2 img{display: block;width:100%;}
.esg .cycle .slide-box{margin-top:40px;}
.esg .cycle .slide-box .cycle-slide{margin-top:20px;}
.esg .cycle .slide-box .cycle-slide p.mt5{margin-top:5px;}
.esg .cycle .box{margin-top:40px;}
.esg .cycle .box .flex-box{margin-top:20px;}
.esg .cycle .box .flex-box .txt{padding-top: 10px;font-size: 14px;font-weight: normal;line-height: 1.88;letter-spacing: -0.32px;color: #252525;}
.esg .cycle ul{margin:0 -2% 0;font-size:0;}
.esg .cycle ul li{display: inline-block;width:46%;margin:2%;}
.esg .cycle ul li img{display: block;width:100%;}
.esg .cycle .flex-box .img-box {}
.esg .cycle .table-box table{margin-top:10px;border-top:2px solid #0a2b1e;}
.esg .cycle .table-box table thead tr th{padding:10px 5px;font-size: 14px;font-weight: normal;letter-spacing: -0.38px;text-align: center;color: #252525;background: #f2f2f2;border-right:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8}
.esg .cycle .table-box table thead tr th:last-child{border-right:0;}
.esg .cycle .table-box table tbody tr td{padding:10px 5px;font-size: 14px;font-weight: normal;letter-spacing: -0.38px;border-right:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;text-align: center;}
.esg .cycle .table-box table tbody tr td:last-child{border-right:0;}
.esg .cycle .table-box table tbody tr td:not(:first-child){text-align:left;}

.esg .growth{}
.esg .growth .img{}
.esg .growth .img img{display: block;width:100%;}
.esg .growth .img .btn_cnt_wrap{display:block; text-align:center; margin-top:20px;}
.esg .growth .btn_download{display: flex; justify-content: space-between; align-items: center; width: 100%; height: 40px; line-height:38px; font-size: 13px; color: #252525; font-weight: normal; letter-spacing: -0.34px; text-align: left; border-radius: 20px; border: solid 1px #c8c8c8; padding: 0 20px; margin-top:20px;}
.esg .growth .btn_download::after{content: ""; display: inline-block; width: 17px; height: 17px; background: url('../images/icon/down_gray.png') no-repeat; background-size: cover; margin-left:12px; vertical-align:-3px;}
.esg .growth .btn_download:hover {background: #6bbc64; border-color: #6bbc64; color: #fff;}
.esg .growth .btn_download:hover:after {background-image: url('../images/icon/down_white.png');}
.esg .growth .img2{margin-top:40px}
.esg .growth .img2 img{display: block;width:100%;}
.esg .growth h4{font-family:"SEOULMILK";font-size: 16px;font-weight: normal;letter-spacing: -0.37px;color: #0a2b1e;}
.esg .growth .txt-box{margin-top:40px;}
.esg .growth .txt-box p{margin-top:10px;font-size: 14px;font-weight: normal;letter-spacing: -0.32px;color: #252525;}
.esg .growth ul{margin-top:15px;}
.esg .growth ul li{position: relative; font-size: 14px;font-weight: normal;letter-spacing: -0.32px;color: #252525;padding-left: 11px;}
.esg .growth ul li + li{margin-top:15px;}
.esg .growth ul li em{display: block;}
.esg .growth ul li:before{content: "";position:absolute;top:7px;left:0;display: inline-block;width:4px;height:4px;border-radius: 100%;background: #252525;}
.esg .growth .box{margin-top:40px;}
.esg .growth .flex-box{margin-top:10px;}
.esg .growth .flex-box > div{flex:1;}
.esg .growth .flex-box .txt{margin-top:20px}
.esg .growth .flex-box .txt p{font-size: 14px;font-weight: normal;letter-spacing: -0.32px;color: #252525;}
.esg .growth .flex-box .txt p + p{margin-top:15px;}


.esg .health .img{}
.esg .health .img img{display: block;width:100%;}
.esg .health .img2{margin-top:40px}
.esg .health .img2 img{display: block;width:100%;}


.esg .esg_management h3{font-family:"SEOULMILK";font-size: 16px;font-weight: normal;line-height: 1.53;letter-spacing: -0.37px;color: #0a2b1e;}
.esg .esg_management h4{font-family:"SEOULMILK";font-size: 15px;font-weight: normal;letter-spacing: -0.37px;color: #0a2b1e;}
.esg .esg_management p+h4 {margin-top:40px;}
.esg .esg_management .img {}
.esg .esg_management .table-title.mt0{margin-top:0;}
.esg .esg_management .table-title::after{content:''; display:block; visibility:hidden; clear:both;}
.esg .esg_management .table-title .rt{float:right;}
.esg .esg_management .table-title + table, .esg .esg_management .table-box .table-title + table{margin-top:10px;}
.esg .esg_management table{word-break: break-all;}
.esg .esg_management .table-box {margin-top:40px;}
.esg .esg_management .table-box + .table-box{margin-top:50px;}
.esg .esg_management p.txt,
.esg .esg_management .table-box p{margin-top:15px;font-size: 14px;font-weight: normal;letter-spacing: -0.34px;color: #252525; word-break:keep-all;}
.esg .esg_management .table-box table{margin-top:14px;border-top:2px solid #0a2b1e;}
.esg .esg_management .table-box table thead tr th{padding:10px 5px;font-size: 14px;font-weight: normal;letter-spacing: -0.38px;text-align: center;color: #252525;background: #f2f2f2;border-right:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8}
.esg .esg_management .table-box table thead tr th:last-child{border-right:0;}
.esg .esg_management .table-box table tbody tr td{padding:10px 5px;font-size: 14px;font-weight: normal;letter-spacing: -0.38px;border-right:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;text-align: center;}
.esg .esg_management .table-box table tbody tr td:last-child{border-right:0;}
.esg .esg_management .box{margin-top:40px;}
.esg .esg_management .box figure{text-align: center;margin-top:25px;}
.esg .esg_management .box figure + figure{margin-top:40px;}


.esg .farmer{}
.esg .farmer .img{}
.esg .farmer .img img{display: block;width:100%;}
.esg .farmer .img2{margin-top:40px}
.esg .farmer .img2 img{display: block;width:100%;}
.esg .farmer h4 {margin-top: 40px;font-family: "SEOULMILK"; font-size: 16px; font-weight: normal; letter-spacing: -0.37px; color: #0a2b1e;}
.esg .farmer .gray-list-box{padding: 20px; border-radius: 10px; background-color: #f2f2f2;}
.esg .farmer .gray-list-box li {font-size: 14px; font-weight: normal; line-height: 1.6; letter-spacing: -0.32px;}

.esg .ethicalmgmt{}
.esg .ethicalmgmt h4{font-family:"SEOULMILK";font-size: 16px;font-weight: normal;letter-spacing: -0.37px;color: #0a2b1e;}
.esg .ethicalmgmt .down-button{display: inline-block;width:100%;height:40px;text-align: left;padding:0 40px 0 17px;font-size: 13px;font-weight: normal;letter-spacing: -0.34px;color: #252525;border-radius: 20px;border: solid 1px #c8c8c8;position: relative;}
.esg .ethicalmgmt .down-button:after{content: "";position:absolute;top:11px;right:17px;display: inline-block;width:17px;height:17px;background:url(../images/icon/down_gray.png) no-repeat;background-size: cover;}
.esg .ethicalmgmt .down-button:hover{background: #6bbc64;border-color:#6bbc64;color:#fff;}
.esg .ethicalmgmt .down-button:hover:after{background:url(../images/icon/down_white.png) no-repeat;background-size: cover;}
.esg .ethicalmgmt .img{}
.esg .ethicalmgmt .img img{display: block;width:100%;}
.esg .ethicalmgmt .box{margin-top:40px;}
.esg .ethicalmgmt .box{margin-top:40px;}
.esg .ethicalmgmt .box .flex-box{}
.esg .ethicalmgmt .box .txt-box{font-size: 14px;font-weight: normal;line-height: 1.6;letter-spacing: -0.32px;}
.esg .ethicalmgmt .box .txt-box h4 + p{margin-top:20px;}
.esg .ethicalmgmt .box .txt-box button{margin-top:20px;}
.esg .ethicalmgmt .box .txt-box .btn-wrap{margin-top:20px;}
.esg .ethicalmgmt .box .txt-box .btn-wrap a{display:block;}
.esg .ethicalmgmt .box .txt-box .btn-wrap a ~ a{margin-top:10px;}
.esg .ethicalmgmt .box .txt-box .btn-wrap button{margin-top:0;}
.esg .ethicalmgmt .box .txt-box .btn-wrap a.link .down-button{padding-right: 17px;}
.esg .ethicalmgmt .box .txt-box .btn-wrap a.link .down-button:after{display:none;}


.esg .ethicalmgmt .box .flex-box .img-box{margin-top:20px;}
.esg .ethicalmgmt .table-box{margin-top:40px;}
.esg .ethicalmgmt .table-box table{margin-top:15px;border-top:2px solid #0a2b1e;}
.esg .ethicalmgmt .table-box table thead tr th{padding:10px 5px;font-size: 14px;font-weight: normal;letter-spacing: -0.38px;text-align: center;color: #252525;background: #f2f2f2;border-bottom:1px solid #c8c8c8}
.esg .ethicalmgmt .table-box table tbody tr td{padding:10px 5px;font-size: 14px;font-weight: normal;letter-spacing: -0.38px;border-bottom:1px solid #c8c8c8;text-align: center;}
.esg .ethicalmgmt .table-box table tbody tr td .down-button{display: inline-block;width:auto;padding:0 10px;}
.esg .ethicalmgmt .table-box table tbody tr td .down-button:after{position: relative;top:0;left:0;} 


.esg .security{}
.esg .security .img{}
.esg .security .img img{display: block;width:100%;}
.esg .security h4{font-family:"SEOULMILK";margin-top:20px;font-size: 16px;font-weight: normal;line-height: 1.53;letter-spacing: -0.37px;color: #0a2b1e;}
.esg .security .table-box {margin-top: 40px;}
.esg .security .table-box table{margin-top:15px;border-top:2px solid #0a2b1e;}
.esg .security .table-box table tbody tr th{padding:15px 5px;background: #f2f2f2;font-size: 15px;font-weight: 600;letter-spacing: -0.44px;color: #252525;border-bottom:1px solid #c8c8c8;}
.esg .security .table-box table tbody tr td{padding:15px 5px;font-size: 14px;font-weight: normal;letter-spacing: -0.38px;border-left:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;text-align: left;}


.esg .committee{}
.esg .committee .box{margin-top:40px;}
.esg .committee h4{font-family:"SEOULMILK";margin-top:40px;font-size: 16px;font-weight: normal;line-height: 1.53;letter-spacing: -0.37px;color: #0a2b1e;}
.esg .committee .flex-box{margin-top: 10px;}
.esg .committee .img {margin-top:20px;}
.esg .committee .flex-box .img-box{}
.esg .committee .flex-box .txt-box{padding:15px 10px;font-size: 14px;font-weight: normal;line-height: 1.6;letter-spacing: -0.32px;color: #252525;}
.esg .committee .flex-box .txt-box.pdlt0{padding-left:0; padding-right:0;}
.esg .committee .img{text-align: center;}
.esg .committee .table-box {margin-top: 10px;}
.esg .committee .table-box table{border-top:2px solid #0a2b1e;}
.esg .committee .table-box table thead tr th{padding:10px 5px;font-size: 14px;font-weight: normal;letter-spacing: -0.38px;text-align: center;color: #252525;background: #f2f2f2;border-bottom:1px solid #c8c8c8}
.esg .committee .table-box table tbody tr td{padding:10px 5px;font-size: 14px;font-weight: normal;letter-spacing: -0.38px;border-bottom:1px solid #c8c8c8;border-right:1px solid #c8c8c8;text-align: center;}
.esg .committee .table-box table tbody tr td:last-child{border-right:0;}
.esg .committee .txt-box {word-break:keep-all;}

.esg .socialcontrib h3{font-family:"SEOULMILK";font-size: 16px;font-weight: normal;line-height: 1.53;letter-spacing: -0.37px;color: #0a2b1e;}
.esg .socialcontrib h4{font-family:"SEOULMILK";font-size: 15px;font-weight: normal;line-height: 1.53;letter-spacing: -0.37px;color: #0a2b1e; word-break:keep-all;}
.esg .socialcontrib h3+h4 {margin-top:10px;}
.esg .socialcontrib .img1{}
.esg .socialcontrib .img1 img{display: block;width:100%;}
.esg .socialcontrib .list1{margin-top:40px;}
.esg .socialcontrib .list1 ul{margin-top:23px;}
.esg .socialcontrib .list1 ul li{border-radius: 10px;border: solid 2px #c8c8c8;padding:25px 15px 40px;font-size:0;text-align: center;}
.esg .socialcontrib .list1 ul li i{display: inline-block;width:90px;}
.esg .socialcontrib .list1 ul li i img{display:block;}
.esg .socialcontrib .list1 ul li h4{display:block;margin-top:20px;}
.esg .socialcontrib .list1 ul li .txt-box{margin-top:25px;text-align: left;}
.esg .socialcontrib .list1 ul li p{position: relative;text-align:left;padding-left:12px;font-size: 14px;font-weight: normal; word-break:keep-all; letter-spacing: -0.32px;color: #252525;}
.esg .socialcontrib .list1 ul li p + p{margin-top:10px;}
.esg .socialcontrib .list1 ul li p:before{content: "";display: inline-block;width:4px;height:4px;border-radius: 100%;background: #252525;position: absolute;left:0;top:7px;}
.esg .socialcontrib .list1 ul li + li{margin-top: 20px;}
.esg .socialcontrib .list2{margin-top:40px;}
.esg .socialcontrib .list2 ul{margin-top:15px;}
.esg .socialcontrib .list2 ul li{}
.esg .socialcontrib .list2 ul li + li{margin-top:30px;}
.esg .socialcontrib .list2 ul li .img-box{}
.esg .socialcontrib .list2 ul li .img-box img{display: block;width:100%;}
.esg .socialcontrib .list2 ul li .txt-box{margin-top:20px;}
.esg .socialcontrib .list2 ul li .txt-box h4{}
.esg .socialcontrib .list2 ul li .txt-box p{margin-top:10px;font-size: 14px;font-weight: normal;letter-spacing: -0.32px;color: #252525;word-break: keep-all;}
.esg .socialcontrib .list2 .li_rd .img-box{border-radius: 20px; overflow: hidden;}

.esg .greenpartnership .list-box ul{margin-top: 15px;}
.esg .greenpartnership .list-box ul li{position: relative; padding-left: 15px; font-size: 14px; font-weight: normal; line-height: 1.88; letter-spacing: -0.32px; color: #252525;}
.esg .greenpartnership .list-box ul li:before{content: ""; display: inline-block; width: 4px; height: 4px; background: #252525; border-radius: 100%; position: absolute; left: 0; top: 11px;}
.esg .greenpartnership h3 {font-family: "SEOULMILK"; font-size: 18px; font-weight: normal; letter-spacing: -0.56px; color: #0a2b1e;}
.esg .greenpartnership h3 strong {font-family: "SEOULMILK"; font-size: 18px; font-weight: normal; letter-spacing: -0.56px; color: #6bbc64;}
.esg .greenpartnership h4 {font-family: "SEOULMILK"; font-size: 16px; font-weight: normal; letter-spacing: -0.56px; color: #0a2b1e;}
.esg .greenpartnership .img {margin-top: 50px;}
.esg .greenpartnership .box,
.esg .greenpartnership .table-box,
.esg .greenpartnership .list-box {margin-top:40px;}
.esg .greenpartnership .txt {margin-top: 15px; font-size: 14px; font-weight: normal; letter-spacing: -0.38px; word-break:keep-all;}
.esg .greenpartnership .line_box {margin-top:40px;padding: 30px 20px;border:5px solid #e7e4e1;}
.esg .greenpartnership .line_box li{position: relative;padding-left:50px;font-size: 14px;line-height:1.6; word-break:keep-all;}
.esg .greenpartnership .line_box li em{position: absolute;top: 0;left: 0;font-weight: 600;color: #877669;font-size: 18px;font-style: normal;}
.esg .greenpartnership .line_box li+li{margin-top: 30px;}
.esg .greenpartnership{margin-top:50px;}
.esg .greenpartnership .img1 img{display: block;width:100%;}
.esg .greenpartnership .txt {margin-top: 10px;font-size: 14px;font-weight: normal;line-height: 1.52;letter-spacing: -0.42px;color: #252525;word-break: keep-all;}
.esg .greenpartnership h4{margin-top: 60px;font-family:"SEOULMILK";font-size: 16px;font-weight:bold;letter-spacing: -1px;color: #0a2b1e;}
.esg .greenpartnership ul{margin-top:10px;font-size:0;}
.esg .greenpartnership ul li{display: inline-block;width:29.3333%;margin:2%;cursor: pointer;}
.esg .greenpartnership ul li figure img{display:block;width:100%; border:1px solid #ccc;}
.esg .greenpartnership .cer-popup{display:none;position: fixed;top:50%;left: 50%;transform: translate(-50%, -50%);background: #fff;width:90%;z-index: 99999;padding:0 25px 0;}

.esg .greenpartnership .cer-popup .close-cerpop{position: absolute;top:15px;right:25px;}

.esg .greenpartnership ul + h4{margin-top:50px;}

.terms{margin-top:50px;}
.terms .select-wrap{text-align: right;}
.terms .select-wrap select{border: 1px solid #c8c8c8;font-size: 13px;font-weight: normal;letter-spacing: -0.36px;height: 40px;width: 130px;padding: 0 30px 0 10px;}

.terms .txt-box{margin-top:20px;font-size: 14px;font-weight: normal;line-height: 1.63;letter-spacing: -0.32px;color: #252525;word-break: keep-all;}


.email-box{margin-top:50px;}
.email-box .select-wrap{text-align: right;}
.email-box .select-wrap select{border: 1px solid #c8c8c8;font-size: 13px;font-weight: normal;letter-spacing: -0.36px;height: 40px;width: 130px;padding: 0 30px 0 10px;}
.email-box .txt-box{margin-top:20px;font-size: 14px;font-weight: normal;line-height: 1.63;letter-spacing: -0.32px;color: #252525;word-break: keep-all;}


.private{margin-top:50px;}
.private .select-wrap{text-align: right;}
.private .select-wrap select{border: 1px solid #c8c8c8;font-size: 13px;font-weight: normal;letter-spacing: -0.36px;height: 40px;width: 130px;padding: 0 30px 0 10px;}
.private h4{font-size: 18px;color: #599948;}
.private .txt-box{margin-top:20px;font-size: 14px;font-weight: normal;line-height: 1.63;letter-spacing: -0.32px;color: #252525;word-break: keep-all;}
.private table{margin:20px 0;border-top: 2px solid #009e58;border-bottom: 1px solid #94c63c;font-size: 13px;}
.private table caption{width: 0;height: 0;font-size: 0;line-height: 0;overflow: hidden;visibility: hidden;}
.private table thead tr th{padding: 10px;background: #f2f2f2;color: #2a8506;text-align: center;border-bottom: 1px solid #94c63c;border-right: 1px solid #dbdbdb;}
.private table tbody tr td{padding: 10px;text-align: center;border-bottom: 1px solid #dbdbdb;border-right: 1px solid #dbdbdb;word-break: break-all;}
.private .txt-box + h4{margin-top:40px;}

.label_rt{font-size:12px; text-align:right; margin-top:5px; margin-bottom:5px;}
.col_box{display:flex; align-items:center;}
.col_box img{width:70%;}
.col_box img ~ img{width:30%;}


.cnt{text-align:center !important;}
.li_img{margin-top: 10px;}
.li_img::after{content:''; display:block; visibility:hidden; clear:both;}
.li_img img{float: left;}
.li_img img.li_01{width: 51%;}
.li_img img.li_02{width: 45%; margin-left: 4%;}
.li_img img.li_03{width: 22%; margin-top: 4%; clear: left;}
.li_img img.li_04{width: 26%; margin-top: 4%; margin-left: 4%;}
.li_img img.li_05{width: 44%; margin-left: 4%;}
.li_img img.li_06{width: 34.5%; margin-top: 4%; clear: left;}
.li_img img.li_07{width: 61.5%; margin-top: 4%; margin-left: 4%;}

.col_box.type_02 p.cycle-txt{width: 57%; margin-right: 3%;}
.col_box.type_02 img{width: 40%;}




/**/ 