@charset "utf-8";
.scroll_down{position: fixed; right: 40px; bottom: 10px; z-index: 999;animation: scroll_down_motion 0.5s linear 0s infinite alternate;}
.scroll_down img {height: 65px;}
@keyframes  scroll_down_motion{
	0% {bottom: 10px;}
	100% {bottom: 20px;}
}
#pages{padding-top:120px;}
#pages .contents{padding:168px 0 180px;font-family: "NanumSquareRound";}
#pages .contents.pdt0 {padding-top:0;}
#pages .contents > *{font-family: "NanumSquareRound";}

.title-group{}
.title-group .page-title{font-family:"SEOULMILK";font-size: 59px;font-weight: normal;letter-spacing: -1.19px;color: #0a2b1e;}
.title-group .title-txt{margin-top:10px;font-family: "NanumSquareRound";font-size: 23px;font-weight: normal;letter-spacing: -0.46px;color: #5c5c5c;}

.share-area{display: flex; margin-top:110px; justify-content: flex-end;}
.share-area button{display: inline-block;}
.share-area button img{display:block;}
.share-area button + button{margin-left: 10px;}

.singin-box{width:960px;margin:47px auto 0;border: solid 1px #c8c8c8;display: flex;align-items: center;}
.singin-box .banner{width:245px;}
.singin-box .banner img{display: block;}
.singin-box .form-box{width:716px;padding:0 55px;}
.singin-box .form-box .form-wrap{display: flex;}
.singin-box .form-box .form-wrap dl{width:445px;}
.singin-box .form-box .form-wrap dl dt{width:90px;font-size: 16px;font-weight: normal;letter-spacing: -0.32px;color: #252525;padding-top:11px;}
.singin-box .form-box .form-wrap dl dd{padding:0 0 20px 90px;}
.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 20px;font-size:17px;}
.singin-box .form-box .form-wrap dl dd .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-left:30px;display: inline-block;width:130px;height:100px;background: #e60012;text-align: center;color:#fff;font-size: 18px;font-weight: normal;letter-spacing: -0.36px;}



.company{}
.company .introduce{}
.company .introduce .share-area{margin-top:110px;}
.company .introduce h4{font-family: "SEOULMILK";margin-top:40px;font-size: 28px;font-weight: 600;letter-spacing: -0.56px;color: #252525;}
.company .introduce figure{position:relative; margin-top:25px;}
.company .introduce figure img{display: block;width:100%;}
.company .introduce .slide-box{margin-top:25px;}
.company .introduce .slide-box .slide .slick-slide{}
.company .introduce .slide-box .slide .slick-slide img{display: block;width:100%;}
.company .introduce .txt-box{margin-top:35px;display: flex;}
.company .introduce .txt-box .txt{font-family: "NanumSquareRound";flex:1; font-size: 16px;font-weight: normal;line-height: 1.88;letter-spacing: -0.32px;color: #252525;}
.company .introduce .txt-box .txt + .txt{margin-left: 68px;}
.company .introduce .intro-nh{position:relative;margin-top:240px;background-color: #f2f2f2;padding:59px 0 67px;text-align: center;}
.company .introduce .intro-nh .layout2:before{content:"";position:absolute;top: -127px;right: -140px;display: inline-block;background: url(../images/contents/seoul-milk.png) no-repeat;width:553px;height:70px;background-size: cover;}
.company .introduce .flex-box{margin-top:155px;}
.company .introduce .flex-box .layout2{display: flex;}
.company .introduce .flex-box .layout2 img{width:531px;}
.company .introduce .flex-box .layout2 .txt{margin-left:69px;}
.company .introduce .flex-box .layout2 .txt h5{ font-family: "SEOULMILK";font-size: 28px;letter-spacing: -0.56px;  color: #252525;}
.company .introduce .flex-box .layout2 .txt p{margin-top:40px;font-family: "NanumSquareRound";font-size: 16px;font-weight: normal;line-height: 1.88;letter-spacing: -0.32px;color: #252525;}
.company .introduce .flex-box .layout2 .txt a{position:relative;font-family: "NanumSquareRound";display: inline-block;margin-top:60px; border-radius: 22px;padding: 0 46px 0 25px; width: auto;min-width:142px;line-height: 43px;font-size: 16px;font-weight: 600;letter-spacing: -0.32px;background-color:#6bbc64;color:#fff;}
.company .introduce .flex-box .layout2 .txt a:after{content: "";position:absolute;right: 24px;top: 13px;display: inline-block;width:9px;height:15px;background: url(../images/icon/arrow_white.png) no-repeat;background-size: cover;}
.company .introduce .flex-box .layout2 .txt a+a{margin-left:10px;}
/*.company .introduce .wide-banner-group {position:relative;}
.company .introduce .wide-banner-group .slick-slide {height:auto;}
.company .introduce .wide-banner-group .slick-dots {position:absolute; right:0; bottom:20px; width:100%; text-align:center;}
.company .introduce .wide-banner-group .slick-dots li {display:inline-block; width:27px; height:6px; vertical-align:center; font-size:0; background-color:#fff; opacity:0.5;}
.company .introduce .wide-banner-group .slick-dots li button {display:block; width:100%; height:100%; font-size:0;}
.company .introduce .wide-banner-group .slick-dots li +li {margin-left:10px;}
.company .introduce .wide-banner-group .slick-dots .slick-active{opacity:1;}
.company .introduce .title-group {position:absolute; left:50%; top:250px; margin-left:-600px; width:1200px; z-index:10;}
.company .introduce .title-group h3,
.company .introduce .title-group p {color:#fff;}*/
.company .introduce .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 .brocure {margin-top:155px;}
.company .introduce .brocure p{font-family: "NanumSquareRound"; font-size: 16px; font-weight: normal; line-height: 1.88; letter-spacing: -0.32px; color: #252525;}
.company .introduce .brocure .flex-box {margin-top:40px}
.company .introduce .brocure .flex-box .img {display:inline-block; width:200px; vertical-align:top; border:1px solid #ccc;}
.company .introduce .brocure .flex-box .txt {display:inline-block; margin-top:10px; margin-left:20px; width:600px;vertical-align:top; word-break:keep-all;}
.company .introduce .business_txt {margin-top:155px}
.company .introduce .business_txt h4 {margin-top:0;}
.company .introduce .business_txt dl{margin-top:25px;}
.company .introduce .business_txt dl dt{padding-left:0;width:289px;font-size: 28px;font-weight:600;letter-spacing: -0.56px;color: #252525;}
.company .introduce .business_txt dl dd{padding:0 0 60px 290px;font-size: 16px;font-weight: normal;line-height: 1.88;letter-spacing: -0.32px;color: #252525;word-break: keep-all;}
.company .introduce .business_txt dl dd:last-child{padding-bottom:0;}

.company .brochure{margin-top:200px;}
.company .brochure .hgroup h3{font-family:"SEOULMILK";font-size: 59.5px;font-weight: normal;letter-spacing: -1.19px;color: #0a2b1e;}
.company .brochure .hgroup p{font-size: 23px;font-weight: normal;letter-spacing: -0.46px;color: #5c5c5c;}

.company .brochure .inbox{margin-top:80px;display: flex;}
.company .brochure .inbox .img{width:210px;}
.company .brochure .inbox .img img{display: block;}
.company .brochure .inbox .txt-group{width:calc(100% - 352px);padding-left: 60px;}
.company .brochure .inbox .txt-group .txt1{ font-size: 16px;font-weight: normal;line-height: 1.88;letter-spacing: -0.32px;color: #252525;}
.company .brochure .inbox .txt-group ul{margin-top:190px;padding-left: 0;}
.company .brochure .inbox .txt-group ul li{font-size: 16px;font-weight: normal;line-height: 1.88;letter-spacing: -0.32px;color: #252525;}
.company .brochure .inbox .txt-group ul li a{margin-left:20px;position:relative;display: inline-block;width:121px;line-height: 41px;padding:0 17px;border-radius: 20px;background-color: #6bbc64;color: #fff;}
.company .brochure .inbox .txt-group ul li a:after{content: "";display: inline-block;width: 17px;height: 17px;position: absolute;right:17px;top:11px;vertical-align: middle;background: url(../images/icon/down_white.png) no-repeat;background-size: cover;}
.company .brochure .inbox .txt-group ul li + li{margin-top:10px;}

.organization-popup{display:none;position: fixed;top:50%;left: 50%;transform: translate(-50%, -50%);background: #fff;width:100%;max-width: 1250px;z-index: 99999;padding:55px 25px 25px;}
.organization-popup .close-cerpop{position: absolute;top:15px;right:25px;}

.company .history{}
.company .history .share-area {margin-top:0;}
.company .history .con-box{margin-top:66px;background: #f8f8f8;padding:45px 0 160px;}
.company .history .history-box{display: none; margin-top:50px;}
/*.company .history .history-box + .history-box{padding-top:170px;}*/
.company .history .history-box .b-img{}
.company .history .history-box .b-img img{display: block;width:100%;}
.company .history .history-box h4{margin-top: 170px;font-family: "SEOULMILK";font-size: 58px;font-weight: normal;letter-spacing: -1.16px;color: #6bbc64;}
.company .history .history-box .info-box{margin-top:50px;display: flex;}
.company .history .history-box .info-box .img{width:531px;}
.company .history .history-box .info-box .img .slide-box{position: relative; height:382px;}
.company .history .history-box .info-box .img .slide-box .slick-arrow{position:absolute;top:34%;width:48px;height:48px;background: url(../images/icon/slick_arrow1.png) no-repeat;background-size: cover;font-size:0;z-index: 10;}
.company .history .history-box .info-box .img .slide-box .slick-prev{left:0;transform:rotate(-180deg) translateY(-50%);}
.company .history .history-box .info-box .img .slide-box .slick-next{top:45%;right:0;transform:translateY(-50%);}
.company .history .history-box .info-box .img .slide-box .slick-slide{}
.company .history .history-box .info-box .img .slide-box .slick-slide figure{}
.company .history .history-box .info-box .img .slide-box .slick-slide figure img{display: block;width:100%;}
.company .history .history-box .info-box .img .slide-box .slick-slide figure figcaption{display: block;margin-top:20px; font-size: 16px;font-weight: normal;letter-spacing: -0.32px;text-align: center;color: #585858;}
.company .history .history-box .info-box .list{padding-left:73px;width:calc(100% - 531px);}
.company .history .history-box .info-box .list dl{}
.company .history .history-box .info-box .list dl dt{width:125px;font-size: 17px;font-weight: 600;letter-spacing: -0.32px;color: #252525;}
.company .history .history-box .info-box .list dl dd{padding:0 0 20px 125px;font-size: 16px;font-weight: normal;letter-spacing: -0.32px;color: #252525; word-break:keep-all;}
.company .history .history_tab {position: relative; left: 0; bottom: 0; margin-top:50px; padding: 23px 0 48px; width: 100%; min-width: 100%; text-align: center; z-index: 100;}
.company .history .history_tab.fixed {position: fixed; top:121px; bottom: auto; margin-top: 0;-webkit-box-shadow: 0px -3px 9px 0px rgba(0,0,0,0.44);box-shadow: 0px -3px 9px 0px rgba(0,0,0,0.44); background-color: #fff;}
.company .history .history_tab:before {position: absolute; left: 0; bottom:23px; width: 100%; height: 2px; background-color: #c8c8c8; content: ''; z-index: 0;}
.company .history .history_tab a{position: relative; font-size: 14px; font-weight: 100;  font-family: "SEOULMILK"; color: #888888; z-index: 1;}
.company .history .history_tab a:hover,
.company .history .history_tab a.active {color: #73ae52;}
.company .history .history_tab a+a{margin-left: 85px;}
.company .history .history_tab a:after {position: absolute; left: 50%; bottom: -31px; margin-left: -3px; width: 7px; height: 7px; border-radius: 50%; background-color: #c8c8c8;content: ''; z-index: 2;}
.company .history .history_tab a:hover:before,
.company .history .history_tab a.active:before {position: absolute; left: 50%; bottom: -36px; margin-left: -8px; width: 16px; height: 16px; border-radius: 50%;background: url('../images/common/icon_dot.png') no-repeat ; content: ''; z-index: 1;}
.company .history .history_tab a:hover:after,
.company .history .history_tab a.active:after {background-color: transparent;}


.company .ci{}
.company .ci .tab{margin-top:60px;}
.company .ci dl{margin-top:70px;}
.company .ci dl dt{width:297px;font-size: 28px;letter-spacing: -0.56px;color: #252525;font-weight: 600;}
.company .ci dl dt span{display: inline-block;font-size: 20px;font-weight: normal;letter-spacing: -0.4px;}
.company .ci dl dd{padding:15px 0 120px 297px;}
.company .ci dl dd .txt{font-size: 16px;font-weight: normal;line-height: 1.88;letter-spacing: -0.32px;color: #252525;word-break: keep-all;}
.company .ci dl dd .img1{margin-top:58px;}
.company .ci dl dd .img1 img{display: block;width:100%;}
.company .ci dl dd .img2{margin-top:38px;}
.company .ci dl dd .img2 img{display: block;width:100%;}
.company .ci dl dd .img3{}
.company .ci dl dd .img3 img{display: block;width:100%;}
.company .ci dl dd .button-box{margin-top:45px;font-size:0;text-align: center;}
.company .ci dl dd .button-box a{font-family:"SEOULMILK";display: inline-block;width:180px;line-height: 39px;border:1px solid transparent;font-size: 15px;font-weight: normal;letter-spacing: -0.3px; border-radius: 20px;}
.company .ci dl dd .button-box a:after{content: "";display: inline-block;width:17px;height:17px;position: relative;top:-2px;vertical-align: middle;}
.company .ci dl dd .button-box a + a{margin-left:20px;}
.company .ci dl dd .button-box .down-button1{border-color:#e60012;color:#e60012;}
.company .ci dl dd .button-box .down-button1:after{background: url(../images/icon/down_red.png) no-repeat;background-size: cover;margin-left:18px;}
.company .ci dl dd .button-box .down-button2{border-color:#009857;color:#009857;}
.company .ci dl dd .button-box .down-button2:after{background: url(../images/icon/down_green.png) no-repeat;background-size: cover;margin-left:6px;}
.company .ci dl dd .color-section{}
.company .ci dl dd .color-section .flex-box{display: flex;}
.company .ci dl dd .color-section p{font-family: "SEOULMILK";font-size: 14px;font-weight: 300;letter-spacing: -0.28px;color: #555;margin-bottom: 20px;}
.company .ci dl dd .color-section .color1{background: #e60012;}
.company .ci dl dd .color-section .color2{background: #009857;}
.company .ci dl dd .color-section .color3{background: #6bbc64;}
.company .ci dl dd .color-section .color4{background: #00573d;}
.company .ci dl dd .color-section .box{width:285px;padding:30px 34px;color:#ffff;font-size: 14px;font-weight: normal;line-height: 1.79;letter-spacing: -0.28px;color: #fff;}
.company .ci dl dd .color-section .box em{display: block;font-size:16px;font-weight: 600;}
.company .ci dl dd .color-section .box + .box{margin-left:25px;}
.company .ci dl dd .color-section + .color-section{margin-top:50px;}

.company .typeface{}
.company .typeface .tab{margin-top:60px;}
.company .typeface dl{margin-top:70px;}
.company .typeface dl dt{width:297px;font-size: 28px;letter-spacing: -0.56px;color: #252525;font-weight: 600;}
.company .typeface dl dd{padding:0 0 120px 297px;}
.company .typeface dl dd .txt{font-size: 16px;font-weight: normal;line-height: 1.88;letter-spacing: -0.32px;color: #252525;word-break: keep-all;}
.company .typeface dl dd .img1{margin-top:66px;}
.company .typeface dl dd .img1 img{display: block;width:100%;}
.company .typeface dl dd .img2{margin-top:73px;text-align: center;}
.company .typeface dl dd .video-box{margin-top:76px;}
.company .typeface dl dd .button-box{margin-top:45px;font-size:0;text-align: center;}
.company .typeface dl dd .button-box a{font-family:"SEOULMILK";display: inline-block;padding:0 22px;line-height: 39px;border:1px solid #e60012;font-size: 15px;font-weight: normal;letter-spacing: -0.3px; border-radius: 20px;color:#e60012;}
.company .typeface dl dd .button-box a + a{margin-left:19px;}
.company .typeface dl dd .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 dl dd .img3{text-align:center;margin-top:54px;}
.company .typeface dl dd .img4{margin-top:63px;text-align: center;}
.company .typeface dl dd .img4 img{display: block;width:100%;}

.company .organization{}
.company .organization .point-txt{position:relative;margin-top:40px;font-size: 28px;font-weight: 600;line-height: 1.43;letter-spacing: -0.56px;color: #0a2b1e;text-align: center;padding-bottom: 30px;}
.company .organization .point-txt:after{content: "";position:absolute;left:50%;transform:translateX(-50%);bottom:0;display: inline-block;width:120px;height:3px;background: #6bbc64;}
.company .organization .info-txt{margin-top:160px;background: #f5f5f5;padding:74px 0 88px;}
.company .organization .info-txt .layout2{position:relative;display: flex;}
.company .organization .info-txt .layout2:before{content: "";position: absolute;top: -142px;right: -140px;display: inline-block;background: url(../images/contents/seoul-milk.png) no-repeat;width: 553px;height: 70px;background-size: cover;}
.company .organization .info-txt .layout2 .img{position: relative;top:-160px;width:438px;}
.company .organization .info-txt .layout2 .img img{display: block;}
.company .organization .info-txt .layout2 .img p{margin-top: 20px;text-align:center; font-size:19px; font-weight:bold; color:#0a2b1e;}
.company .organization .info-txt .layout2 .img p+img {margin:25px auto 0; }
.company .organization .info-txt .layout2 .txt{margin-left:115px;font-size: 16px;font-weight: normal;line-height: 1.88;letter-spacing: -0.32px;color: #252525;}
.company .organization .info-txt .layout2 .txt strong{display: block;font-size: 19px;letter-spacing: -0.38px;color: #0a2b1e;}
.company .organization .chart{padding-top:77px;text-align: center;}
.company .organization.officers .chart{margin-top:80px;}

.company .business{margin-top:48px;}
.company .business h3{font-size: 28px;font-weight: 600;letter-spacing: -0.56px;color: #252525;}
.company .business p{margin-top:20px;font-size: 18px;font-weight: normal;letter-spacing: -0.36px;color: #252525;}
.company .business .slide-wrap{position:relative;margin-top:40px;}
.company .business .slide-wrap .target-arrows{margin:0 auto;max-width:1200px;text-align: right;}
.company .business .slide-wrap .target-arrows .slick-arrow{position:relative;display: inline-block;width:17px;height:31px;font-size:0;}
.company .business .slide-wrap .target-arrows .slick-prev{background: url(../images/icon/slick_arrow3.png) no-repeat;background-size: cover;}
.company .business .slide-wrap .target-arrows .slick-next{margin-left:60px;background: url(../images/icon/slick_arrow4.png) no-repeat;background-size: cover;}
.company .business .slide-wrap .target-arrows .slick-next:before{content: "";display: inline-block;width:1px;height:26px;background: #b2b2b2;position: absolute;top:3px;left:-30px;}
.company .business .business-slide{margin-top:45px;}
.company .business .business-slide .slick-slide{margin:0 15px;height:auto;}
.company .business .business-slide .slick-dots{margin-top:80px;display: flex;justify-content: center;}
.company .business .business-slide .slick-dots li{width:13px;height:13px;display:inline-block}
.company .business .business-slide .slick-dots li + li{margin-left:20px;}
.company .business .business-slide .slick-dots li button{font-size:0;display: block;width:100%;height:100%;border-radius: 100%;background: #adadad;}
.company .business .business-slide .slick-dots li.slick-active button{background: #6bbc64}
.company .business dl{margin-top:140px;}
.company .business dl dt{padding-left:0;width:289px;font-size: 28px;font-weight:600;letter-spacing: -0.56px;color: #252525;}
.company .business dl dd{padding:0 0 60px 290px;font-size: 16px;font-weight: normal;line-height: 1.88;letter-spacing: -0.32px;color: #252525;word-break: keep-all;}

.company .lab1{margin-top:49px;}
.company .lab1 .box{display: flex;}
.company .lab1 .box > div{flex:1;width:100%;max-width:50%;}
.company .lab1 .box .txt{padding-left:33px;padding-top:55px;font-size: 16px;font-weight: normal;line-height: 1.88;letter-spacing: -0.32px;color: #252525;}
.company .lab1 dl{margin-top:110px;}
.company .lab1 dl dt{font-family: "SEOULMILK";width:600px;font-size: 58px;font-weight: normal;letter-spacing: -1.16px;color: #6bbc64;}
.company .lab1 dl dd{padding:0 0 110px 600px;}
.company .lab1 dl dd ul{padding-top:15px;}
.company .lab1 dl dd ul li{position:relative;padding-left:100px;font-size: 16px;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: 17px;letter-spacing: -0.34px;font-weight: 600;}

.company .lab2{margin-top:200px;}
.company .lab2 .box{display: flex;}
.company .lab2 .box > div{flex:1;width:100%;max-width:50%;}
.company .lab2 .box > div + div{margin-left:80px;}
.company .lab2 .box .txt-box{}
.company .lab2 .box .txt-box h4{font-size: 28px;color: #252525;letter-spacing: -0.56px;}
.company .lab2 .box .txt-box p{margin-top:40px;font-size: 16px;font-weight: normal;line-height: 1.88;letter-spacing: -0.32px;color: #252525;word-break: keep-all;}
.company .lab2 .box + .box{margin-top:198px;}

.company .location{margin-top:49px;}
.company .location .map-box{width:100%;height:580px;display: none;}
.company .location table{border-top:3px solid #0a2b1e;margin-top:39px;}
.company .location table tbody tr th{cursor:pointer;border-bottom:1px solid #c8c8c8;padding:30px;vertical-align: middle;text-align: left;font-size: 28px;font-weight: 600;letter-spacing: -0.56px;color: #252525;}
.company .location table tbody tr td{border-bottom:1px solid #c8c8c8;padding:30px;}
.company .location table tbody tr td dl{}
.company .location table tbody tr td dl dt{position: relative;padding-left:35px;width:140px;font-size: 19px;font-weight:600;letter-spacing: -0.38px;color: #252525;}
.company .location table tbody tr td dl .icon1:before{content: "";display: inline-block;width:19px;height:23px;background: url(../images/icon/icon_marker.png) no-repeat;background-size: cover;position: absolute;left:0;}
.company .location table tbody tr td dl .icon2:before{content: "";display: inline-block;width:21px;height:21px;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 50px 140px;font-size: 17px;font-weight: normal;letter-spacing: -0.34px;color: #252525;}
.company .partner{margin-top:48px;}
.company .partner .box{position:relative;display: flex;}
.company .partner .box:last-child:before{content: "";position: absolute;top: -175px;right: -140px;display: inline-block;background: url(../images/contents/seoul-milk.png) no-repeat;width: 553px;height: 70px;background-size: cover;}
.company .partner .box + .box{margin-top:263px;}
.company .partner .box > div{flex:1;}
.company .partner .box .img{}
.company .partner .box .img img{display: block;width:100%;}
.company .partner .box .txt-box{padding-right:90px;}
.company .partner .box .txt-box h4{font-size: 28px;font-weight: 600;letter-spacing: -0.56px;color: #252525;}
.company .partner .box .txt-box ul{margin-top:68px;}
.company .partner .box .txt-box ul li{position: relative;padding-left: 18px;font-size: 16px;font-weight: normal;line-height: 1.88;letter-spacing: -0.32px;color: #252525;}
.company .partner .box .txt-box ul li:before{content: "";display: inline-block;width:5px;height:5px;background: #252525;border-radius: 100%;position: absolute;left:0;top:12px;}



.board-top{display: flex;margin-top:39px;justify-content: space-between;align-content: center;}
.board-top.right{justify-content:flex-end;}
.board-top .txt{font-size: 17px;font-weight: normal;letter-spacing: -0.34px;color: #252525;}
.board-top .txt em{display: inline-block;color: #e60012;}
.board-top .search-box{display: flex;align-items: center;}
.board-top .search-box select{width:112px;height:40px;border-radius: 20px;border: solid 1px #c8c8c8;background: #fff url(../images/icon/select_icon.png) 90% 50% no-repeat;padding:0 30px 0 17px;font-size: 17px;font-weight: normal;letter-spacing: -0.34px;color: #252525;}
.board-top .search-box .input-wrap{margin-left:19px;width:246px;position: relative;}
.board-top .search-box .input-wrap input[type="text"]{width:100%;height:40px;border-radius: 20px;border: solid 1px #c8c8c8;font-size: 17px;font-weight: normal;letter-spacing: -0.34px;color: #252525;padding:0 50px 0 17px;}
.board-top .search-box .input-wrap button{display: inline-block;position: absolute;top:9px;right:20px;font-size:0;width:23px;height:23px;background: url(../images/icon/search.png) no-repeat;background-size: cover;}

.board .share-area{margin-top:110px;}
.board .tab{margin-top:60px;}
.board .tab + .share-area{margin-top:0;}

.board .list{margin-top:18px;}
.board .list table{table-layout: fixed;border-top:2px solid #0a2b1e;}
.board .list table thead tr th{padding:15px 10px;border-bottom: 1px solid #c8c8c8;font-size: 19px;font-weight:600;letter-spacing: -0.38px;color: #252525;}
.board .list table tbody tr td{padding:15px 10px;border-bottom: 1px solid #c8c8c8; font-size: 19px;font-weight: normal;letter-spacing: -0.38px;color: #9b9b9b;text-align: center;}
.board .list table tbody tr td a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #252525;text-align: left;line-height: 40px;}

.board .list table tbody tr td .down-button{display: block;width:120px;height:40px;text-align: left;padding:0 40px 0 17px;font-size: 17px;font-weight: normal;letter-spacing: -0.34px;color: #252525;border-radius: 20px;border: solid 1px #c8c8c8;position: relative;}
.board .list table tbody tr td .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;}
.board .list table tbody tr td .down-button:hover{background: #6bbc64;border-color:#6bbc64;color:#fff;text-decoration: none;}
.board .list table tbody tr td .down-button:hover:after{background:url(../images/icon/down_white.png) no-repeat;background-size: cover;}
.board.idp .list table tbody tr td:nth-of-type(2){color:#252525; text-align:left;}
.noti-box{font-size: 18px; color: #252525; font-weight: normal; line-height: 1.63; letter-spacing: -0.32px; text-align: center; border: 1px solid #c8c8c8; padding: 40px 30px; margin-top:70px; margin-bottom:50px;}
.noti-box .tit{display:block; font-size: 25px; 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:67px;border-top:2px solid #0a2b1e;}
.board .view .view-top .subject{position: relative;padding:20px 180px 20px 30px;}
.board .view .view-top .subject h2{font-size: 19px;font-weight: normal;letter-spacing: -0.38px;color: #252525;}
.board .view .view-top .subject .print-button{position:absolute;top:11px;right:30px;display: inline-block;width:120px;height:40px;padding:0 17px 0 40px;border-radius: 20px;background-color: #6bbc64;font-size: 17px;font-weight: normal;letter-spacing: -0.34px;color: #fff;}
.board .view .view-top .subject .print-button:before{content: "";position:absolute;top:9px;left:13px;display: inline-block;width:24px;height:21px;background: url(../images/icon/print.png) no-repeat;background-size: cover;}
.board .view .view-top .subject .print-button:before{content: "";position:absolute;top:9px;left:13px;display: inline-block;width:24px;height:21px;background: url(../images/icon/print.png) no-repeat;background-size: cover;}
.board .view .view-top .top-util{border-top:1px solid #e6e6e6;padding:15px 30px;font-size:0;}
.board .view .view-top .top-util span{position:relative;display: inline-block;padding:0;font-size: 17px;font-weight: normal;letter-spacing: -0.34px;color: #9b9b9b;}
.board .view .view-top .top-util span:before{content: "";display: inline-block;width:1px;height:30px;background: #c8c8c8;position: absolute;top:-3px;left:-38px;}
.board .view .view-top .top-util span:first-child:before{display: none;}
.board .view .view-top .top-util span + span{margin-left:76px;}
.board .view .view-content{border-top:1px solid #c8c8c8;padding:40px 30px;font-size: 17px;font-weight: normal;line-height: 1.56;letter-spacing: -0.34px;color: #252525;min-height: 400px;}
.board .view .file-list{border-top:1px solid #c8c8c8;}
.board .view .file-list a{display: block;position: relative; font-size: 17px;font-weight: normal;letter-spacing: -0.34px;color: #9b9b9b;padding:20px 30px 20px 56px;}
.board .view .file-list a:before{content: "";position:absolute;rop:23px;left:30px;display: inline-block;width: 17px;height:17px;background:url(../images/icon/down_gray.png) no-repeat;background-size: cover;}
.board .view .file-list a:hover{text-decoration: underline;}
.board .view .file-list a + a{border-top:1px solid #e6e6e6;}
.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:20px 30px;font-size: 17px;font-weight: normal;letter-spacing: -0.34px;color: #252525;}
.board .view .view-bottom .col1{position:relative;padding:20px 70px 20px 30px;}
.board .view .view-bottom .col1:before{content: "";position:absolute;top:25px;right:30px;display: inline-block;width:19px;height:12px;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:30px;background: #c8c8c8;position: absolute;top:18px;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% - 150px);}
.board .view .answer{border-top:2px solid #0a2b1e;border-bottom:2px solid #0a2b1e;background:#f9f9f9; }
.board .view .answer h4{padding:20px;font-size: 19px;font-weight: normal;letter-spacing: -0.38px;color: #252525;border-bottom: 1px solid #c8c8c8;}
.board .view .answer .answer-date{padding:20px;font-size: 17px;font-weight: normal;letter-spacing: -0.34px;color: #9b9b9b;border-bottom: 1px solid #c8c8c8;}
.board .view .answer .answer-txt{padding:20px;font-size: 17px;font-weight: normal;line-height: 1.56;letter-spacing: -0.34px;color: #252525;}
.board .view .button-box{margin-top:80px;text-align: center;}
.board .view .button-box a{display: inline-block;width:160px;line-height: 54px; border-radius: 28px;border: solid 1px #c8c8c8;text-align: center;font-size: 20.5px;font-weight: normal;letter-spacing: -0.41px;color: #666;}


.talent .tab{margin-top:60px;}
.talent .box{margin-top:85px;}
.talent .box h4{font-size: 28px;font-weight: 600;letter-spacing: -0.56px;color: #252525;}
.talent .box ul{display: flex;margin-top:20px;}
.talent .box ul li{flex:1;}
.talent .box ul li + li{margin-left: 58px;}
.talent .box ul li figure{}
.talent .box ul li figure img{display: block;width:100%;}
.talent .box ul li h5{margin-top:20px;font-size:22px;font-family:"SEOULMILK";letter-spacing: -0.45px;}
.talent .box ul li p{margin-top:30px;font-size: 17px;font-weight: normal;line-height: 1.56;letter-spacing: -0.34px;color: #252525;}
.talent .box table{border-top:1px solid #c8c8c8;margin-top:20px;}
.talent .box table tbody tr th{background: #f2f2f2; font-size: 17px;font-weight: 600;letter-spacing: -0.34px;color: #252525;padding:20px;border-bottom:1px solid #c8c8c8;}
.talent .box table tbody tr td{padding:20px;border-bottom:1px solid #c8c8c8;border-left:1px solid #c8c8c8;}
.talent .box table tbody tr td p{position: relative;font-size: 17px;font-weight: normal;line-height: 1.56;letter-spacing: -0.34px;color: #252525;padding-left: 13px;}
.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;}
.talent .box + .box{margin-top:185px;}

.recruitment .tab{margin-top:60px;}
.recruitment .box{display: flex;margin-top:50px;}
.recruitment .box > div{flex:1;}
.recruitment .box > div + div{margin-left:33px;}
.recruitment h4{margin-top:120px;font-size: 28px;font-weight: 600;letter-spacing: -0.56px;color: #252525;}
.recruitment h4 + .box{margin-top:30px;}
.recruitment .table-box table{border-top:1px solid #c8c8c8;}
.recruitment .table-box table tbody tr th{background: #f2f2f2; font-size: 17px;font-weight: 600; width: 200px;letter-spacing: -0.34px;color: #252525;padding:20px;border-bottom:1px solid #c8c8c8;}
.recruitment .table-box table tbody tr td{padding:20px;border-bottom:1px solid #c8c8c8;border-left:1px solid #c8c8c8;font-size: 17px;font-weight: normal;letter-spacing: -0.34px;color: #252525;height:110px;}
.recruitment .table-box table tbody tr td span{display: inline-block;font-size: 13px;letter-spacing: -0.26px;}
.recruitment .txt-box{padding-top:50px;}
.recruitment .txt-box h4{margin-top:0;}
.recruitment .txt-box p{margin-top:35px;font-size: 16px;font-weight: normal;line-height: 1.63;letter-spacing: -0.32px;color: #252525;}
.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;}
.recruitment .txt-box span{display: block;margin-top:30px;font-size: 13px;font-weight: normal;letter-spacing: -0.26px;color: #252525;}
.recruitment .list{margin-top:39px;display: flex;}
.recruitment .list > div{flex:1;border-radius: 22px;border: solid 1px #c8c8c8;padding:40px 20px;}
.recruitment .list > div:first-child{border: solid 2px #6bbc64;}
.recruitment .list > div + div{margin-left:56px;}
.recruitment .list > div ul{}
.recruitment .list > div ul li{font-size: 15px;font-weight: normal;letter-spacing: -0.3px;color: #252525;}
.recruitment .list > div ul li + li{margin-top:25px;}
.recruitment .list > div ul li strong{position:relative;display: block;margin-bottom: 20px;padding-left:15px;}
.recruitment .list > div ul li strong:before{content:"";display: inline-block;width:10px;height:10px;background: #6bbc64;position: absolute;left:0;top:4px;}

.recruitment.col_4 .list{flex-wrap: wrap;}
.recruitment .list > div{width: calc((100% / 4) - 45px); flex: unset; margin-bottom:56px;}
.recruitment.col_4 .list > div + div{margin-left:0;}
.recruitment.col_4 .list > div:not(:nth-of-type(4n)){margin-right:56px;}

.management{margin-top:70px;}
.management figure img{display: block;width:100%;}

.safety{margin-top:70px;}
.safety figure img{display: block;width:100%;}

.product{}
.product .share-area{margin-top:100px;}
.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:20%;display: inline-block;line-height: 47px;border-bottom: 1px solid #c8c8c8;text-align: center;font-size: 16px;font-weight: normal;letter-spacing: -0.32px;color: #252525; transition: all 0.5s ease;}
.product .list .product-tab a:before{content: "";position:absolute;top:6px;right:0;display: inline-block;width:1px;height:34px;background: #c8c8c8;}
.product .list .product-tab a:after{content: "";position:absolute;top:0px;left:0px;width:100%;height:100%;box-sizing: border-box;border:2px solid #ededed;transition: all 0.5s ease; opacity:0;}
.product .list .product-tab a:nth-child(5n+1){border-left:1px solid #c8c8c8;}
.product .list .product-tab a:nth-child(5n){border-right:1px solid #c8c8c8; }
.product .list .product-tab a:nth-child(5n):before{display: none;}
.product .list .product-tab a:hover{color:#6bbc64;}
.product .list .product-tab a:hover:after{opacity:1; border-color:#6bbc64;}
.product .list .product-tab a.active{color:#6bbc64;}
.product .list .product-tab a.active:after{opacity:1; border-color:#6bbc64;}
.product .list .search-box{position:relative;width:750px;height:70px;margin:100px auto 0;border-radius: 35px;box-shadow: 0px 3px 24px 0 rgba(0, 0, 0, 0.1);background-color: #fff;}
.product .list .search-box:before{content: "";position:absolute;top:25px;left:37px;display: inline-block;width:20px;height:20px;background: url(../images/icon/search2.png) no-repeat;background-size: cover;}
.product .list .search-box input[type="text"]{width:100%;height:70px;padding:0 200px 0 70px;font-size: 15px;font-weight: normal;letter-spacing: -0.3px;color: #000;}
.product .list .search-box input[type="text"]::placeholder{color: #757575;}
.product .list .search-box button{position: absolute;top:11px;right:17px;width:170px;height:48px;border-radius: 23px;background-color: #6bbc64;font-size: 16px;color:#fff;font-weight: normal;letter-spacing: -0.32px;font-family:"SEOULMILK";}
.product .list .list-wrap{margin-top:60px;}
.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: 18px;font-weight: normal;letter-spacing: -0.36px;height: 45px;width: 180px; border-radius: 35px;padding: 0 30px 0 20px;}
.product .list .list-wrap .list-top em{display: block;font-size: 18px;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:23%;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%;height:280px; border-radius: 20px;border: solid 1px #c8c8c8;}
.product .list .list-wrap ul li .txt-box{padding-top:30px;text-align: center;}
.product .list .list-wrap ul li .txt-box h5{font-size: 18px;font-weight: 600;line-height: 1.67;letter-spacing: -0.36px;color: #252525;}
.product .list .list-wrap ul li .txt-box p{font-size: 14px;font-weight: normal;line-height: 1.71;letter-spacing: -0.28px;text-align: center;color: #757575;}
.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{}
.product .view h3{font-family:"SEOULMILK";font-size: 24px;font-weight: 300;letter-spacing: -0.48px;color: #252525;}
.product .view .product-img{margin-top:20px; padding-top:30px; border-top:1px solid #0e3725;}
.product .view .product-img .img-slide{position: relative;}
.product .view .product-img .img-slide .slick-slide{position: relative; max-height:617px;text-align: center;}
.product .view .product-img .img-slide .slick-slide img{margin:0 auto;display:block;width:657px; height:617px;}
.product .view .product-img .img-slide .slick-arrow{position: absolute;top:50%;font-size: 0;width:19px;height:31px;background: url(../images/icon/slick_arrow2.png) no-repeat;background-size: cover;z-index: 100;}
.product .view .product-img .img-slide .slick-prev{top:46%;left:50px;transform: rotate(-180deg)}
.product .view .product-img .img-slide .slick-next{right:50px;transform: translateY(-50%);}
.product .view .product-img .img-slide .img_ani_box{ position:relative;margin:0 auto; width:657px;}
.product .view .product-img .down-button{text-align: right}
.product .view .product-img .down-button button{font-family:"SEOULMILK";display: inline-block;width: 206px;height: 40px;text-align: left;padding: 0 40px 0 17px;font-size: 15px;font-weight: normal;letter-spacing: -0.34px;color: #757575;border-radius: 20px;border: solid 1px #c8c8c8;position: relative;}
.product .view .product-img .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 .product-img .down-button button:hover {background: #6bbc64;border-color: #6bbc64;color: #fff;}
.product .view .product-img .down-button button:hover:after {background: url(../images/icon/down_white.png) no-repeat;background-size: cover;}
.product .view .product-info{position:relative;margin-top:37px;border-top:1px solid #0e3725;padding:36px 0 36px 170px;}
.product .view .product-info h3{position: absolute;left:0;}
.product .view .product-info dl{}
.product .view .product-info dl dt{width:115px;font-size: 18px;font-weight:600;letter-spacing: -0.36px;color: #252525;}
.product .view .product-info dl dd{padding:0 0 30px 115px;font-size: 16px;font-weight: normal;letter-spacing: -0.32px;color: #252525;}
.product .view .product-info .button-wrap{margin-top:25px;display: flex;}
.product .view .product-info .button-wrap a{font-family:"SEOULMILK";display: inline-block;width:190px;line-height: 64px;text-align: center;font-size: 18px;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-explanation{position:relative;border-top:1px solid #0e3725;padding:36px 0 36px 170px;}
.product .view .product-explanation h3{position: absolute;left:0;}
.product .view .product-explanation p,
.product .view .product-explanation span,
.product .view .product-explanation b{ font-size: 16px;font-weight: normal;line-height: 2;letter-spacing: -0.32px;color: #252525;}
.product .view .product-nutrition{position:relative;border-top:1px solid #0e3725;border-bottom:1px solid #0e3725;padding:36px 0;}
.product .view .product-nutrition select{position: absolute;right: 0;top: 32px;background: url(../images/icon/select_icon.png) 95% 50% no-repeat;padding:10px 40px 10px 10px;border-bottom:2px solid #c8c8c8; font-size: 16px;font-weight: normal;letter-spacing: -0.32px;color: #252525;}
.product .view table{margin-top:35px;width:1000px;border-top:1px solid #757575;}
.product .view table thead tr th{padding:20px;background: #f3f3f3;font-size: 16px;font-weight: 600;letter-spacing: -0.32px;border-bottom:1px solid #c8c8c8;color: #252525;}
.product .view table tbody tr th{text-align:center;padding:20px;border-bottom:1px solid #c8c8c8;font-size: 16px;font-weight: 600;letter-spacing: -0.32px;color: #252525;}
.product .view table tbody tr td{text-align:center;padding:20px;border-bottom:1px solid #c8c8c8;border-left:1px solid #c8c8c8;font-size: 16px;font-weight: normal;letter-spacing: -0.32px;color: #252525;}

.product .view .button-box{text-align: center;margin-top:55px;}
.product .view .button-box a{display: inline-block;width:160px;line-height: 56px;text-align: center;border-radius: 28px;background: #6bbc64;color:#fff; font-size: 20px;font-weight: normal;letter-spacing: -0.41px;}
.product .view .slick-list {z-index:99;}

.product .mini-img-slide {font-size:0; text-align:center;}
.product .mini-img-slide a{display:inline-block; padding-top:2px; width:100px; height:100px; box-sizing:border-box; border:1px solid #ccc;}
.product .mini-img-slide img {width:100%; height:auto;}
.product .mini-img-slide a+a{margin-left:10px;}


.customer{}
.customer .tab{margin-top:76px;}
.customer .tab a{font-size:25px;}
.customer .top-box{display:flex;align-items:flex-end;justify-content:space-between;margin-top:70px;}
.customer .top-box h4{font-size: 32px;font-weight: 600;letter-spacing: -0.65px;color: #0a2b1e;}
.customer .index{}
.customer .index .faq-box{margin-top:100px;}
.customer .index .faq-box h5{font-size: 23px;font-weight: 500;letter-spacing: -0.46px;color: #0a2b1e;}
.customer .index .faq-box table{margin-top:20px;border-top:3px solid #0a2b1e;}
.customer .index .faq-box table tbody tr td{padding:15px 20px;border-bottom:1px solid #c8c8c8;font-size: 18px;font-weight: normal;letter-spacing: -0.37px;color: #252525;}
.customer .index .faq-box table tbody tr td:first-child{color: #9b9b9b;}
.customer .index .faq-box table tbody tr td a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.customer .index .faq-box table tbody tr td a:hover{text-decoration: underline;}
.customer .index .faq-box .button-box{margin-top:100px;text-align: center;}
.customer .index .faq-box .button-box a{display: inline-block;text-align: center;width:145px;line-height: 48px; border-radius: 20px;background-color: #73ae52;font-size: 21.5px;font-weight: normal;letter-spacing: -0.43px;color: #fff;}
.customer .index .list{margin-top:155px;}
.customer .index .list ul{display: flex;}
.customer .index .list ul li{flex:1;}
.customer .index .list ul li a{display: block;}
.customer .index .list ul li + li{margin-left: 55px;}
.customer .index .list ul li figure{}
.customer .index .list ul li figure img{display: block;width:100%;}
.customer .index .list ul li p{margin-top:25px;font-size: 18px;font-weight: normal;line-height: 1.49;letter-spacing: -0.74px;color: #252525;}
.customer .index .list2{margin-top:210px;}
.customer .index .list2 h4{font-family:"SEOULMILK";font-size: 32.5px;font-weight: normal;letter-spacing: -0.65px;color: #0a2b1e;}
.customer .index .list2 ul{display: flex;margin-top:70px;}
.customer .index .list2 ul li{flex:1;margin-top:0;}
.customer .index .list2 ul li a{display: block;}
.customer .index .list2 ul li a img{display: block;width:100%;}
.customer .index .list2 ul li + li{margin-left: 55px;}

.customer .my-qna{margin-top:75px;}
.customer .my-qna .board h4{font-size: 23px;font-weight: 600;letter-spacing: -0.46px;color: #0a2b1e;}
.customer .my-qna .board .board-top{margin-top:10px;}
.customer .my-qna .board .view{margin-top:24px;}

.customer .faq{margin-top:70px;}
.customer .faq .faq-tab{display: flex;margin-bottom:30px;}
.customer .faq .faq-tab a{display: inline-block;width:121px;line-height: 41px;border-radius: 20px;border: solid 1px #c8c8c8;text-align: center; font-size: 17px;font-weight: normal;letter-spacing: -0.34px;color: #252525;}
.customer .faq .faq-tab a.on{border-color:#73ae52;background: #73ae52;color:#fff;}
.customer .faq .faq-tab a + a{margin-left: 30px;}
.customer .faq dl{ border-radius: 20px;background-color: #f3f3f3;padding:25px 15px;}
.customer .faq dl dt{position: relative;padding:15px 15px 15px 35px;font-size: 18px;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:25px;height:25px;line-height: 25px; border-radius: 5px;background-color: #b7b7b7;color:#fff;text-align: center;}
.customer .faq dl dd{display:none;position: relative;padding:15px 15px 15px 35px;font-size: 18px;font-weight: normal;letter-spacing: -0.36px;color: #252525;}
.customer .faq dl dd:before{content: "A";position:absolute;lefT:0;display: inline-block;width:25px;height:25px;line-height: 25px; border-radius: 5px;background-color: #73ae52;color:#fff;text-align: center;}
.customer .faq dl dd p{margin-bottom:30px;}
.customer .faq dl + dl{margin-top:54px;}
.customer .faq .button-box{text-align: center;margin-top:79px;}
.customer .faq .button-box a{display: inline-block;width:160px;line-height: 56px;text-align: center;border-radius: 28px;background: #6bbc64;color:#fff; font-size: 20px;font-weight: normal;letter-spacing: -0.41px;}

.customer .consultation{margin-top:70px;}
.customer .consultation .box + .box{margin-top:220px;}
.customer .consultation h4{font-size: 28px;font-weight: normal;letter-spacing: -0.57px;color: #5c5c5c;}
.customer .consultation .txt{position: relative;padding-left:33px;margin-top:20px;font-size: 22px;font-weight: normal;letter-spacing: -0.44px;color: #5c5c5c;}
.customer .consultation .txt:before{content: "";position:absolute;left:0;top:5px;display: inline-block;width:20px;height:20px;background: url(../images/icon/txt_icon.png) no-repeat;background-size: cover;}
.customer .consultation .img{margin-top:58px;}
.customer .consultation .img img{display: block;width:100%;}
.customer .consultation ul{margin-top:54px;display: flex;}
.customer .consultation ul li{flex:1;display:inline-block; border-radius: 10px;background-color: #f3f3f3;padding:35px 25px; font-size: 16px;font-weight: normal;line-height: 1.75;letter-spacing: -0.32px;color: #7f7f7f;}
.customer .consultation ul li + li{margin-left:23px;}
.customer .consultation ul li em{display: block;font-size: 18px;font-weight: 600;letter-spacing: -0.36px;color: #e60012;}
.customer .consultation ul li strong{display: block;margin:20px 0 15px;font-size: 21px;font-weight: 600;letter-spacing: -0.43px;color: #252525;}

.customer .dispute{margin-top:70px;}
.customer .dispute h4{font-size: 28px;font-weight: normal;letter-spacing: -0.57px;color: #5c5c5c;}
.customer .dispute .txt{position: relative;padding-left:33px;margin-top:40px;font-size: 18px;font-weight: normal;letter-spacing: -0.44px;color: #5c5c5c;}
.customer .dispute .txt:before{content: "";position:absolute;left:0;top:2px;display: inline-block;width:20px;height:20px;background: url(../images/icon/txt_icon.png) no-repeat;background-size: cover;}
.customer .dispute .box{margin-top:29px;border-radius: 10px;border: solid 1px #c8c8c8;padding:25px 35px;}
.customer .dispute .box ul{}
.customer .dispute .box ul li {position: relative; font-size: 18px;font-weight: normal;letter-spacing: -0.36px;color: #252525;padding-left: 15px;}
.customer .dispute .box ul li span{color:#e60012}
.customer .dispute .box ul li:before{content: "";position:absolute;left:0;top:9px;display: inline-block;width:5px;height:5px;background: #252525;border-radius: 100%;}
.customer .dispute .box ul li + li{margin-top:30px;}
.customer .dispute .box .down-box{margin-top:30px;display: flex;}
.customer .dispute .box .down-box a{position:relative;display: inline-block; border-radius: 10px;background-color: #cfcfcf;padding:0 28px 0 10px;line-height: 40px; font-size: 18px;font-weight: 600;letter-spacing: -0.36px;color: #5c5c5c;}
.customer .dispute .box .down-box a:after{content: "";position:absolute;right: 5px;top: 10px;display: inline-block;width:17px;height:17px;background: url(../images/icon/down_gray.png) no-repeat;background-size: cover;}
.customer .dispute .box .down-box a + a{margin-left:24px;}
.customer .dispute table{margin-top:78px;border-top:2px solid #c8c8c8;}
.customer .dispute table thead tr th{padding:15px 20px;background: #f2f2f2;border-bottom: 1px solid #c8c8c8;border-left:1px solid #c8c8c8;font-size: 18px;font-weight:600;letter-spacing: -0.36px;color: #252525;}
.customer .dispute table thead tr th:first-child{border-left:0;}
.customer .dispute table tbody tr td{border-bottom: 1px solid #c8c8c8;border-left:1px solid #c8c8c8;padding:20px;font-size: 18px;font-weight: normal;letter-spacing: -0.36px;color: #252525;}
.customer .dispute table tbody tr td:first-child{border-left:0;}

.customer .consultation-form{margin-top:70px;}
.customer .consultation-form .box {margin-top:100px;}
.customer .consultation-form h4{font-size: 28px;font-weight: normal;letter-spacing: -0.57px;color: #5c5c5c;}
.customer .consultation-form ul{margin-top:20px;display: flex;}
.customer .consultation-form ul li{flex:1;display:inline-block; border-radius: 10px;background-color: #f3f3f3;padding:35px 25px; font-size: 16px;font-weight: normal;line-height: 1.75;letter-spacing: -0.32px;color: #7f7f7f;}
.customer .consultation-form ul li + li{margin-left:23px;}
.customer .consultation-form ul li em{display: block;font-size: 18px;font-weight: 600;letter-spacing: -0.36px;color: #e60012;}
.customer .consultation-form ul li strong{display: block;margin:20px 0 15px;font-size: 21px;font-weight: 600;letter-spacing: -0.43px;color: #252525;}
.customer .consultation-form table{margin-top:25px;border-top:2px solid #c8c8c8;}
.customer .consultation-form table thead tr th{padding:15px 20px;background: #f2f2f2;border-bottom: 1px solid #c8c8c8;border-left:1px solid #c8c8c8;font-size: 18px;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{padding:20px;background: #f2f2f2;border-bottom: 1px solid #c8c8c8;border-left:1px solid #c8c8c8;font-size: 18px;font-weight:600;letter-spacing: -0.36px;color: #252525;text-align: left;}
.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:20px;font-size: 18px;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:33px;margin-top:20px;font-size: 18px;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:20px;height:20px;background: url(../images/icon/txt_icon.png) no-repeat;background-size: cover;}
.customer .consultation-form .agree-box{margin-top:26px;display: flex;}
.customer .consultation-form .agree-box .radio-type1{}
.customer .consultation-form .agree-box .radio-type1 + .radio-type1{margin-left:50px;}
.customer .consultation-form table tbody tr td p{margin-top:15px;font-size: 14px;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%;max-width:330px;border:1px solid #c8c8c8;height:54px;padding:0 10px;font-size: 22px;font-weight: normal;letter-spacing: -0.44px;}
.customer .consultation-form table tbody tr td select{width:100%;max-width:330px;border:1px solid #c8c8c8;height:54px;padding:0 10px;font-size: 18px;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;align-items:center;}
.customer .consultation-form table tbody tr td .addr1 input[type="tel"]{}
.customer .consultation-form table tbody tr td .addr1 span{color:#c8c8c8;display: inline-block;font-size:22px;margin:0 5px;}
.customer .consultation-form table tbody tr td .addr1 button{margin-left:20px;width:155px;height:54px;background: #e4e4e4;font-size: 18px;font-weight: 600;letter-spacing: -0.44px;color: #252525;}
.customer .consultation-form table tbody tr td .addr2{margin-top:13px;display: flex;}
.customer .consultation-form table tbody tr td .addr2 input[type="text"] + input[type="text"]{margin-left:20px;}
.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 input[type="text"]{}
.customer .consultation-form table tbody tr td .email-wrap span{color:#c8c8c8;display: inline-block;font-size:22px;margin:0 5px;}
.customer .consultation-form table tbody tr td .email-wrap select{margin-left:10px;}
.customer .consultation-form table tbody tr td .filebox + .filebox{margin-top:30px;}
.customer .consultation-form table tbody tr td .secret{width:370px;}
.customer .consultation-form table tbody tr td .secret .img{width:100%;height:54px;border:1px solid #c8c8c8;margin-bottom: 19px;}
.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:250px;height:29px;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:7px;width:113px;height:29px;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:80px;}
.customer .consultation-form .button-box button{display: inline-block;width:160px;line-height: 56px;text-align: center;border-radius: 28px;background: #6bbc64;color:#fff; font-size: 20px;font-weight: normal;letter-spacing: -0.41px;}


.customer .info-center{margin-top:15px;}
.customer .info-center h3{font-size: 32px;font-weight:600;letter-spacing: -0.65px;color: #0a2b1e;}
.customer .info-center .location-tab{display: flex;flex-wrap:wrap;margin:30px -1% -1%;}
.customer .info-center .location-tab a{display: inline-block;width:10.5%;margin:1%;line-height: 41px;border-radius: 20px;border: solid 1px #c8c8c8;text-align: center; font-size: 17px;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 .radio-box{margin-top:30px;display: flex;}
.customer .info-center .radio-box .radio-p{position: relative;/*width:250px;*/}
.customer .info-center .radio-box .radio-p + .radio-p{margin-left:55px;}
.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: 20px;padding:0 0 0 76px;width:190px; box-shadow: 0px 3px 27px 0 rgba(0, 0, 0, 0.12);border: solid 3px #c8c8c8;background-color: #fff;line-height: 86px;font-size: 20px;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:27px;top:50%;transform: translateY(-50%);display: inline-block;}
.customer .info-center .radio-box .radio-p label.icon1:before{width:28px;height:34px;background: url(../images/icon/radio_icon01.png) no-repeat;background-size: cover;}
.customer .info-center .radio-box .radio-p label.icon2:before{top:48%;width:34px;height:31px;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 .radio-box + h3{margin-top: 65px;}
.customer .info-center .search-box{display: flex;margin-top:25px;justify-content: flex-start;}
.customer .info-center .search-box select{width:120px;height:41px;padding:0 25px; font-size: 17px;font-weight: normal;letter-spacing: -0.34px;color: #252525;border-radius: 20px;
    border: solid 1px #c8c8c8;margin-right:20px;background-position: 85% 50%;}
.customer .info-center .search-box .input-wrap{position: relative;width:400px;}
.customer .info-center .search-box .input-wrap input[type="text"]{width:100%;height:41px;border-radius: 20px;border: solid 1px #c8c8c8;font-size: 17px;font-weight: normal;letter-spacing: -0.34px;color: #252525;padding:0 50px 0 20px;}
.customer .info-center .search-box .input-wrap button{position: absolute;right:22px;top:9px;}
.customer .info-center .list-box{margin-top: 65px;}
.customer .info-center .list-box em{margin-top:75px;display: block; font-size: 17px;font-weight: normal;letter-spacing: -0.34px;color: #252525;}
.customer .info-center .list-box table{border-top:3px solid #0a2b1e;margin-top:50px;}
.customer .info-center .list-box table tbody tr th{border-bottom:1px solid #c8c8c8;padding:30px;vertical-align: middle;text-align: left;font-size: 28px;font-weight: 600;letter-spacing: -0.56px;color: #252525;}
.customer .info-center .list-box table tbody tr td{border-bottom:1px solid #c8c8c8;padding:30px;}
.customer .info-center .list-box table tbody tr td dl{}
.customer .info-center .list-box table tbody tr td dl dt{position: relative;padding-left:35px;width:140px;font-size: 19px;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:19px;height:23px;background: url(../images/icon/icon_marker.png) no-repeat;background-size: cover;position: absolute;left:0;}
.customer .info-center .list-box table tbody tr td dl .icon2:before{content: "";display: inline-block;width:21px;height:21px;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 50px 140px;font-size: 17px;font-weight: normal;letter-spacing: -0.34px;color: #252525;}

.promotion{}
.promotion .tab{margin-top:66px;}
.promotion .share-area{margin-top:20px;}

.promotion .ad{margin-top:70px;}
.promotion .ad .ad-top{position:relative;display: flex;}
.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{width:750px;height:393px;}
.promotion .ad .ad-top .txt-box{position:relative;padding-left:36px;padding-top:38px;}
.promotion .ad .ad-top .txt-box h4{font-size: 18px;line-height: 1.44;letter-spacing: -0.36px;color: #252525;}
.promotion .ad .ad-top .txt-box p{margin-top:40px;font-size: 16px;font-weight: normal;line-height: 1.88;letter-spacing: -0.32px;color: #252525;}
.promotion .ad .ad-top .txt-box a{display: inline-block;margin-top:129px;}
.promotion .ad .ad-top .txt-box a img{display:block;}
.promotion .ad .ad-list{margin-top:114px;}
.promotion .ad .ad-list ul{display: flex;flex-wrap: wrap;margin:-1.5%;}
.promotion .ad .ad-list ul li{display: inline-block;width:30.3333%;margin:1.5%;}
.promotion .ad .ad-list ul li a{display:block; border-radius: 20px;border: solid 1px #c8c8c8; overflow:hidden;}
.promotion .ad .ad-list ul li figure{overflow: hidden;height:193px;}
.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;color: #252525;}

.promotion .event{}
.promotion .event .event-list{margin-top:114px;}
.promotion .event .event-list ul{display: flex;flex-wrap: wrap;margin:20PX -1.5% -1.5%;}
.promotion .event .event-list ul li{position:relative;display: inline-block;width:30.3333%;margin:1.5%;}
.promotion .event .event-list ul li a{display:block; border-radius: 20px;border: solid 1px #c8c8c8; overflow:hidden;}
.promotion .event .event-list ul li figure{overflow: hidden;height:209px;}
.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 .haccp{margin-top:48px;}
.promotion .haccp h4{margin-top:60px;font-size: 18px;font-weight: 600;letter-spacing: -0.36px;color: #252525;}
.promotion .haccp ul{margin-top:30px;}
.promotion .haccp ul li{display: inline-block;cursor: pointer;}
.promotion .haccp ul li figure img{display:block;}
.promotion .haccp ul li + li{margin-left:29px;}
.promotion .haccp ul.ul-img li figure img{width:186px;}
.promotion .haccp .cer-popup{display:none;position: fixed;top:50%;left: 50%;transform: translate(-50%, -50%);background: #fff;width:100%;max-width: 520px;z-index: 99999;padding:55px 25px 25px;}

.promotion .haccp .cer-popup .close-cerpop{position: absolute;top:15px;right:25px;}
.promotion .haccp ul.ul-img .cer-popup .img{width:100%; max-width:470px;}

.promotion .haccp ul + h4{margin-top:37px;}

.promotion .iso{margin-top:48px;}
.promotion .iso ul{margin-top:110px;}
.promotion .iso ul li{display: inline-block;}
.promotion .iso ul li img{display:block;}
.promotion .iso ul li + li{margin-left:29px;}
.promotion .iso ul li p{margin-bottom:10px; font-size:18px; font-weight:600;}
.promotion .iso ul li img {display:block; width:186px; border:1px solid #ccc;}

.promotion .seoulmilk-sns{margin-top:45px;}
.promotion .seoulmilk-sns h3{font-family:"SEOULMILK";font-size: 22px;font-weight: normal;letter-spacing: -0.45px;color: #252525;}
.promotion .seoulmilk-sns .sns1{}
.promotion .seoulmilk-sns .sns1 ul{margin-top:30px;display: flex;flex-wrap: wrap;}
.promotion .seoulmilk-sns .sns1 ul li{width:48%;margin:1%;}
.promotion .seoulmilk-sns .sns1 ul li a{position:relative;display: block; border: solid 1px #c8c8c8;background: #fafafa;border-radius: 20px;padding:34px 30px 34px 119px;overflow: hidden;}
.promotion .seoulmilk-sns .sns1 ul li i{position: absolute;width:61px;height:61px;left:31px;}
.promotion .seoulmilk-sns .sns1 ul li p{font-size: 16px;font-weight: normal;line-height: 1.63;letter-spacing: -0.32px;color: #5c5c5c;height:80px;}
.promotion .seoulmilk-sns .sns1 ul li em{display: block;margin-top:35px;font-size: 16px;font-weight: normal;letter-spacing: -0.32px;color: #757575;}
.promotion .seoulmilk-sns .sns1 ul li .icon-facebook{background: url(../images/contents/sns_facebook1.png) no-repeat;background-size: cover;}
.promotion .seoulmilk-sns .sns1 ul li:hover .icon-facebook{background: url(../images/contents/sns_facebook2.png) no-repeat;background-size: cover;}
.promotion .seoulmilk-sns .sns1 ul li .icon-youtube{background: url(../images/contents/sns_youtube1.png) no-repeat;background-size: cover;}
.promotion .seoulmilk-sns .sns1 ul li:hover .icon-youtube{background: url(../images/contents/sns_youtube2.png) no-repeat;background-size: cover;}
.promotion .seoulmilk-sns .sns1 ul li .icon-blog{background: url(../images/contents/sns_blog1.png) no-repeat;background-size: cover;}
.promotion .seoulmilk-sns .sns1 ul li:hover .icon-blog{background: url(../images/contents/sns_blog2.png) no-repeat;background-size: cover;}
.promotion .seoulmilk-sns .sns1 ul li .icon-instagram{background: url(../images/contents/sns_instagram1.png) no-repeat;background-size: cover;}
.promotion .seoulmilk-sns .sns1 ul li:hover .icon-instagram{background: url(../images/contents/sns_instagram2.png) no-repeat;background-size: cover;}
.promotion .seoulmilk-sns .sns1 ul li .icon-kakao{background: url(../images/contents/sns_kakao1.png) no-repeat;background-size: cover;}
.promotion .seoulmilk-sns .sns1 ul li:hover .icon-kakao{background: url(../images/contents/sns_kakao2.png) no-repeat;background-size: cover;}
.promotion .seoulmilk-sns .sns1 ul li:hover a{background:#fff;border-color:#e60012;box-shadow: 0px 4px 20px 0 rgba(0, 0, 0, 0.1);}
.promotion .seoulmilk-sns .sns2{margin-top:105px;}
.promotion .seoulmilk-sns .sns2 ul{margin-top:40px;display: flex;flex-wrap: wrap;border-top:2px solid #0a2b1e;border-bottom:2px solid #0a2b1e; }
.promotion .seoulmilk-sns .sns2 ul li{margin:-0.5px;display: inline-block;width:33.3333%;border:1px solid #c8c8c8;}
.promotion .seoulmilk-sns .sns2 ul li:nth-child(3n){border-right:0;}
.promotion .seoulmilk-sns .sns2 ul li:nth-child(3n+1){border-left:0;}
.promotion .seoulmilk-sns .sns2 ul li a{position:relative;display: block;position: relative;padding:30px 10px 20px 97px;}
.promotion .seoulmilk-sns .sns2 ul li i{position: absolute;width:56px;height:56px;left:21px;}
.promotion .seoulmilk-sns .sns2 ul li h4{ font-family: "SEOULMILK";font-size: 19px;letter-spacing: -0.38px;color:#252525;}
.promotion .seoulmilk-sns .sns2 ul li p{margin-top:20px;font-size: 17px;font-weight: normal;line-height: 1.56;letter-spacing: -0.34px;color: #252525;}
.promotion .seoulmilk-sns .sns2 ul li em{margin-top:20px;display: block;font-size: 13px;font-weight: normal;letter-spacing: -0.34px;color:#757575;}
.promotion .seoulmilk-sns .sns2 ul li .icon-facebook{background: url(../images/contents/sns_facebook1.png) no-repeat;background-size: cover;}
.promotion .seoulmilk-sns .sns2 ul li:hover .icon-facebook{background: url(../images/contents/sns_facebook2.png) no-repeat;background-size: cover;}
.promotion .seoulmilk-sns .sns2 ul li .icon-youtube{background: url(../images/contents/sns_youtube1.png) no-repeat;background-size: cover;}
.promotion .seoulmilk-sns .sns2 ul li:hover .icon-youtube{background: url(../images/contents/sns_youtube2.png) no-repeat;background-size: cover;}
.promotion .seoulmilk-sns .sns2 ul li .icon-blog{background: url(../images/contents/sns_blog1.png) no-repeat;background-size: cover;}
.promotion .seoulmilk-sns .sns2 ul li:hover .icon-blog{background: url(../images/contents/sns_blog2.png) no-repeat;background-size: cover;}
.promotion .seoulmilk-sns .sns2 ul li .icon-instagram{background: url(../images/contents/sns_instagram1.png) no-repeat;background-size: cover;}
.promotion .seoulmilk-sns .sns2 ul li:hover .icon-instagram{background: url(../images/contents/sns_instagram2.png) no-repeat;background-size: cover;}
.promotion .seoulmilk-sns .sns2 ul li .icon-kakao{background: url(../images/contents/sns_kakao1.png) no-repeat;background-size: cover;}
.promotion .seoulmilk-sns .sns2 ul li:hover .icon-kakao{background: url(../images/contents/sns_kakao2.png) no-repeat;background-size: cover;}


.esg p.bar {position:relative; padding-left:18px; font-size:19px; font-weight:normal; letter-spacing:-0.38px;}
.esg p.bar:before {position:absolute; left:0; top:4px; line-height:19px; font-size:23px;font-family: 'NanumSquare', 'SEOULMILK', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif; color:#191919; content:'-';}

.esg .esgmessage{}
.esg .esgmessage .img1{margin-top:78px;}
.esg .esgmessage .img1 img{display: block;width:100%;}
.esg .esgmessage .img2{margin-top:120px;}
.esg .esgmessage .img2 img{display: block;width:100%;}
.esg .esgmessage h4{font-family:"SEOULMILK";position:relative;margin-top:120px;font-size: 30px;font-weight: normal;line-height: 1.95;letter-spacing: -0.45px;color: #0a2b1e;}
.esg .esgmessage .info-txt{margin-top:276px;background: #f5f5f5;padding:74px 0 88px;}
.esg .esgmessage .info-txt .layout2{position:relative;display: flex;}
.esg .esgmessage .info-txt .layout2:before{content: "";position: absolute;top: -142px;right: -140px;display: inline-block;background: url(../images/contents/seoul-milk.png) no-repeat;width: 553px;height: 70px;background-size: cover;}
.esg .esgmessage .info-txt .layout2 .img{position: relative;top:-160px; width:50%; max-width:338px;}
.esg .esgmessage .info-txt .layout2 .img img{display: block; border-radius:15px;}
.esg .esgmessage .info-txt .layout2 .txt{width:calc(100% - 438px); margin-left:115px;font-size: 16px;font-weight: normal;line-height: 1.88;letter-spacing: -0.32px;color: #252525;}
.esg .esgmessage .info-txt .layout2 .txt em{display: block;font-size: 25px;line-height:1.4;letter-spacing: -0.6px;}

.esg .pasture{}
.esg .pasture .img{margin-top:50px}
.esg .pasture .img img{display: block;width:100%;}
.esg .pasture .img2{margin-top:135px;}
.esg .pasture .img2 img{display: block;width:100%;}
.esg .pasture h4{font-family:"SEOULMILK";font-size: 24px;font-weight: normal;letter-spacing: -0.37px;color: #0a2b1e;}
.esg .pasture .table-box{margin-top:137px;}
.esg .pasture .table-box + .table-box{margin-top:60px;}
.esg .pasture .table-box table{margin-top:20px;border-top:2px solid #0a2b1e;}
.esg .pasture .table-box table thead tr th{padding:15px;font-size: 19px;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:15px;font-size: 19px;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:15px;text-align: right;font-size: 19px;font-weight: normal;letter-spacing: -0.38px;}
.esg .pasture .table-box p.tal{text-align:left;}

.esg .factory .img{margin-top:50px}
.esg .factory .img img{display: block;width:100%;}
.esg .factory .img2{margin-top:136px}
.esg .factory .img2 img{display: block;width:100%;}
.esg .factory .img3{margin-top:136px}
.esg .factory .img3 h4{margin-bottom: 20px;}
.esg .factory .img3 img{display: block;width:100%;}

.esg .factory h4{font-family:"SEOULMILK";font-size: 24px;font-weight: normal;letter-spacing: -0.37px;color: #0a2b1e;}
.esg .factory .table-box{margin-top:137px;}
.esg .factory .table-box + .table-box{margin-top:60px;}
.esg .factory .table-box table{margin-top:20px;border-top:2px solid #0a2b1e;}
.esg .factory .table-box table thead tr th{padding:15px;font-size: 19px;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:15px;font-size: 19px;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: 19px;font-weight: normal;letter-spacing: -0.38px;}
.esg .factory .table-box p.tal {text-align:left;}
.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 .box{margin-top:169px;}
.esg .factory .box .flex-box{display: flex;margin-top:45px;}
.esg .factory .box .flex-box > div{flex:1;width:100%;max-width:50%;}
.esg .factory .box .flex-box .txt-box ul{}
.esg .factory .box .flex-box .txt-box ul li{position: relative; font-size: 16px;font-weight: normal;line-height: 2.5;letter-spacing: -0.32px;color: #252525;padding-left: 11px;}
.esg .factory .box .flex-box .txt-box ul li:before{content: "";position:absolute;top:17px;left:0;display: inline-block;width:4px;height:4px;border-radius: 100%;background: #252525;}
.esg .factory .box .flex-box .img-box{text-align: right}
.esg .factory .flex-box p {font-size: 19px;font-weight: normal;letter-spacing: -0.38px; word-break:keep-all;}
.esg .factory .flex-box p+p {margin-top:20px;}
.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: 37px;font-weight: normal;letter-spacing: -0.56px;color: #0a2b1e;}
.esg .cycle .table-box{margin-top:137px;}
.esg .cycle .table-box p{margin-top:15px;font-size: 19px;font-weight: normal;letter-spacing: -0.38px;}
.esg .cycle .slide-box p.mt0{margin-top:0;}
.esg .cycle .img{margin-top:50px}
.esg .cycle .img img{display: block;width:100%;}
.esg .cycle .img2{margin-top:190px}
.esg .cycle .img2 img{display: block;width:100%;}
.esg .cycle .slide-box{margin-top:190px;}
.esg .cycle .slide-box .cycle-slide{margin-top:65px;}
.esg .cycle .box{margin-top:190px;}
.esg .cycle .box .flex-box{margin-top:60px;display: flex;}
.esg .cycle .box .flex-box .txt{margin-left:27px;padding-top: 20px;font-size: 16px;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 {width: 360px;}
.esg .cycle .table-box table{margin-top:20px;border-top:2px solid #0a2b1e;}
.esg .cycle .table-box table thead tr th{padding:15px;font-size: 19px;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:15px;font-size: 19px;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{margin-top:50px}
.esg .growth .img img{display: block;width:100%;}
.esg .growth .img .btn_cnt_wrap{display:block; text-align:center; margin-top:20px;}
.esg .growth .img .btn_download{display: inline-block; width: auto; height: 40px; line-height:38px; font-size: 17px; color: #252525; font-weight: normal; letter-spacing: -0.34px; text-align: center; border-radius: 20px; border: solid 1px #c8c8c8; padding: 0 20px;}
.esg .growth .img .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 .img .btn_download:hover {background: #6bbc64; border-color: #6bbc64; color: #fff;}
.esg .growth .img .btn_download:hover:after {background-image: url('../images/icon/down_white.png');}
.esg .growth .img2{margin-top:178px}
.esg .growth .img2 img{display: block;width:100%;}
.esg .growth h4{font-family:"SEOULMILK";font-size: 24px;font-weight: normal;letter-spacing: -0.37px;color: #0a2b1e;}
.esg .growth .txt-box{margin-top:176px;}
.esg .growth .txt-box p{margin-top:29px;font-size: 16px;font-weight: normal;line-height: 2.5;letter-spacing: -0.32px;color: #252525;}
.esg .growth ul{margin-top:29px;}
.esg .growth ul li{position: relative; font-size: 16px;font-weight: normal;line-height: 2.5;letter-spacing: -0.32px;color: #252525;padding-left: 11px;}
.esg .growth ul li + li{margin-top:29px;}
.esg .growth ul li em{display: block;}
.esg .growth ul li:before{content: "";position:absolute;top:17px;left:0;display: inline-block;width:4px;height:4px;border-radius: 100%;background: #252525;}
.esg .growth .box{margin-top:140px;}
.esg .growth .flex-box{display: flex;margin-top:29px;}
.esg .growth .flex-box > div{flex:1;}
.esg .growth .flex-box .txt{padding-right:40px;}
.esg .growth .flex-box .txt p{font-size: 16px;font-weight: normal;line-height: 2.5;letter-spacing: -0.32px;color: #252525;}


.esg .health .img{margin-top:50px}
.esg .health .img img{display: block;width:100%;}
.esg .health .img2{margin-top:145px}
.esg .health .img2 img{display: block;width:100%;}

.esg .factory .box .flex-box .img-box{text-align: right}

.esg .esg_management h3{font-family:"SEOULMILK";font-size: 37px;font-weight: normal;line-height: 1.53;letter-spacing: -0.37px;color: #0a2b1e;}
.esg .esg_management h4{font-family:"SEOULMILK";font-size: 24px;font-weight: normal;letter-spacing: -0.37px;color: #0a2b1e;}
.esg .esg_management p+h4 {margin-top:123px;}
.esg .esg_management .img {margin-top:50px;}
.esg .esg_management .table-title{display:block; width:100%;}
.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-box {margin-top:50px;}
.esg .esg_management .table-box + .table-box{margin-top:150px;}
.esg .esg_management p.txt,
.esg .esg_management .table-box p{margin-top:30px;font-size: 17px;font-weight: normal;letter-spacing: -0.34px;color: #252525; word-break:keep-all;}
.esg .esg_management .table-box table{margin-top:15px;border-top:2px solid #0a2b1e;}
.esg .esg_management .table-box table thead tr th{padding:15px;font-size: 19px;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:15px;font-size: 19px;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:123px;}
.esg .esg_management .box figure{text-align: center;margin-top:47px;}
.esg .esg_management .box figure + figure{margin-top:90px;}
.esg .esg_management .layout-2{overflow:hidden;}
.esg .esg_management .layout-2 p{display:inline-block;}
.esg .esg_management .layout-2 .right-img{float:right; margin-top: -34px;}
.esg .esg_management .n_tit p.txt{margin-top:0;}
.esg .esg_management .n_tit .right-img{margin-top: 0 !important;}

.esg .farmer{}
.esg .farmer .img{margin-top:50px}
.esg .farmer .img img{display: block;width:100%;}
.esg .farmer .img2{margin-top:85px}
.esg .farmer .img2 img{display: block;width:100%;}
.esg .farmer h4 {margin-top:155px; font-family: "SEOULMILK"; font-size: 28px; font-weight: 600; letter-spacing: -0.56px; color: #252525;}
.esg .farmer .gray-list-box li{display:inline-block; padding:0 10px; width:49%;box-sizing:border-box;}

.esg .ethicalmgmt{}
.esg .ethicalmgmt h4{font-family:"SEOULMILK";font-size: 24px;font-weight: normal;letter-spacing: -0.37px;color: #0a2b1e;}
.esg .ethicalmgmt .down-button{display: inline-block;width:298px;height:40px;text-align: left;padding:0 40px 0 17px;font-size: 17px;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{margin-top:50px}
.esg .ethicalmgmt .img img{display: block;width:100%;}
.esg .ethicalmgmt .box{margin-top:137px;}
.esg .ethicalmgmt .box .flex-box{display: flex;}
.esg .ethicalmgmt .box .flex-box > div{flex:1;}
.esg .ethicalmgmt .box .txt-box{font-size: 16px;font-weight: normal;line-height: 1.88;letter-spacing: -0.32px;}
.esg .ethicalmgmt .box .txt-box h4 + p{margin-top:70px;}
.esg .ethicalmgmt .box .txt-box button{margin-top:70px;}
.esg .ethicalmgmt .box .inline-wrap{margin-top:70px;}
.esg .ethicalmgmt .box .inline-wrap a{display:inline-block;}
.esg .ethicalmgmt .box .inline-wrap a ~ a{margin-left:20px;}
.esg .ethicalmgmt .box .inline-wrap button{width:auto; margin-top:0;}
.esg .ethicalmgmt .box .inline-wrap a.link .down-button{padding-right: 17px;}
.esg .ethicalmgmt .box .inline-wrap a.link .down-button:after{display:none;}

.esg .ethicalmgmt .box .flex-box .img-box{text-align: right}
.esg .ethicalmgmt .table-box{margin-top:170px;}
.esg .ethicalmgmt .table-box table{margin-top:15px;border-top:2px solid #0a2b1e;}
.esg .ethicalmgmt .table-box table thead tr th{padding:15px;font-size: 19px;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:15px;font-size: 19px;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:125px;}



.esg .security{}
.esg .security .img{margin-top:50px}
.esg .security .img img{display: block;width:100%;}
.esg .security h4{font-family:"SEOULMILK";margin-top:75px;font-size: 24px;font-weight: normal;line-height: 1.53;letter-spacing: -0.37px;color: #0a2b1e;}
.esg .security .table-box {margin-top: 68px;}
.esg .security .table-box table{margin-top:15px;border-top:2px solid #0a2b1e;}
.esg .security .table-box table tbody tr th{padding:40px;background: #f2f2f2;font-size: 22px;font-weight: 600;letter-spacing: -0.44px;color: #252525;border-bottom:1px solid #c8c8c8;}
.esg .security .table-box table tbody tr td{padding:40px;font-size: 19px;font-weight: normal;letter-spacing: -0.38px;border-left:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;text-align: left; line-height: 2.32;}


.esg .committee{}
.esg .committee .box{margin-top:90px;}
.esg .committee h4{font-family:"SEOULMILK";margin-top:75px;font-size: 24px;font-weight: normal;line-height: 1.53;letter-spacing: -0.37px;color: #0a2b1e;}
.esg .committee .flex-box{margin-top: 32px;display: flex;}
.esg .committee .img {margin-top:50px;}
.esg .committee .flex-box .img-box{width:600px;}
.esg .committee .flex-box .txt-box{padding:22px 36px;font-size: 16px;font-weight: normal;line-height: 1.88;letter-spacing: -0.32px;color: #252525;}
.esg .committee .flex-box .txt-box.pdlt0{padding-left:0;}
.esg .committee .img{text-align: center;}
.esg .committee .table-box {margin-top: 68px;}
.esg .committee .table-box table{border-top:2px solid #0a2b1e;}
.esg .committee .table-box table thead tr th{padding:15px;font-size: 19px;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:15px;font-size: 19px;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 .title-group .page-title{font-size: 59px;font-weight: normal;letter-spacing: -1.19px;}
.esg .socialcontrib h3{font-family:"SEOULMILK";font-size: 37px;font-weight: normal;line-height: 1.53;letter-spacing: -0.37px;color: #0a2b1e;}
.esg .socialcontrib h4{font-family:"SEOULMILK";font-size: 24px;font-weight: normal;line-height: 1.53;letter-spacing: -0.37px;color: #0a2b1e; word-break:keep-all;}
.esg .socialcontrib h3+h4 {margin-top:20px;}
.esg .socialcontrib .img1{margin-top:50px}
.esg .socialcontrib .img1 img{display: block;width:100%;}
.esg .socialcontrib .list1{margin-top:69px;}
.esg .socialcontrib .list1 ul{margin-top:23px;display: flex;}
.esg .socialcontrib .list1 ul li{flex:1; border-radius: 20px;border: solid 2px #c8c8c8;padding:50px 30px 80px;font-size:0;text-align: center;}
.esg .socialcontrib .list1 ul li i{display: inline-block;height:90px;}
.esg .socialcontrib .list1 ul li i img{display:block;}
.esg .socialcontrib .list1 ul li h4{display:block;margin-top:40px;}
.esg .socialcontrib .list1 ul li .txt-box{margin-top:50px;text-align: left;}
.esg .socialcontrib .list1 ul li p{position: relative;text-align:left;padding-left:12px;font-size: 16px;font-weight: normal;line-height: 2.5; word-break:keep-all; letter-spacing: -0.32px;color: #252525;}
.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:17px;}
.esg .socialcontrib .list1 ul li + li{margin-left: 60px;}
.esg .socialcontrib .list2{margin-top:119px;}
.esg .socialcontrib .list2 ul{margin-top:30px;}
.esg .socialcontrib .list2 ul li{display: flex;}
.esg .socialcontrib .list2 ul li + li{margin-top:80px;}
.esg .socialcontrib .list2 ul li .img-box img{display: block;width:100%;width:388px;}
.esg .socialcontrib .list2 ul li .txt-box{width:calc(100% - 388px);padding-left:38px;}
.esg .socialcontrib .list2 ul li .txt-box p{margin-top:20px;font-size: 16px;font-weight: normal;line-height: 2.5;letter-spacing: -0.32px;color: #252525;}
.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: 18px; font-size: 16px; 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: 5px; height: 5px; background: #252525; border-radius: 100%; position: absolute; left: 0; top: 12px;}
.esg .greenpartnership h3 {font-family: "SEOULMILK"; font-size: 37px; font-weight: normal; letter-spacing: -0.56px; color: #0a2b1e;}
.esg .greenpartnership h3 strong {font-family: "SEOULMILK"; font-size: 37px; font-weight: normal; letter-spacing: -0.56px; color: #6bbc64;}
.esg .greenpartnership h4 {font-family: "SEOULMILK"; font-size: 26px; 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: 137px;}
.esg .greenpartnership .txt {margin-top: 15px; font-size: 19px; font-weight: normal; letter-spacing: -0.38px; word-break:keep-all;}
.esg .greenpartnership .line_box {margin-top:20px;padding: 80px 60px;border: 10px solid #e7e4e1;}
.esg .greenpartnership .line_box li{position: relative;padding-left:65px;font-size: 22px;line-height: 36px; word-break:keep-all;}
.esg .greenpartnership .line_box li em{position: absolute;top: 0;left: 0;font-weight: 600;color: #877669;font-size: 26px;font-style: normal;}
.esg .greenpartnership .line_box li+li{margin-top: 68px;}
.esg .greenpartnership ul{margin-top:30px;}
.esg .greenpartnership ul li{display: inline-block;cursor: pointer;}
.esg .greenpartnership ul li figure img{display:block; width:440px; border:1px solid #ccc;}
.esg .greenpartnership ul li + li{margin-left:29px;}
.esg .greenpartnership .cer-popup{display:none;position: fixed;top:50%;left: 50%;transform: translate(-50%, -50%);background: #fff;width:100%;max-width: 680px;z-index: 99999;padding:0px 25px 0px;}
.esg .greenpartnership .cer-popup .close-cerpop{position: absolute;top:15px;right:25px;}

.terms{margin-top:70px;}
.terms .select-wrap{text-align: right;}
.terms .select-wrap select{border: 1px solid #c8c8c8;font-size: 18px;font-weight: normal;letter-spacing: -0.36px;height: 45px;width: 180px; border-radius: 35px;padding: 0 30px 0 20px;}

.terms .txt-box{margin-top:40px;font-size: 18px;font-weight: normal;line-height: 1.63;letter-spacing: -0.32px;color: #252525;height:550px;overflow-y: auto;padding:20px;border:1px solid #c8c8c8;}


.email-box{margin-top:70px;}
.email-box .select-wrap{text-align: right;}
.email-box .select-wrap select{border: 1px solid #c8c8c8;font-size: 18px;font-weight: normal;letter-spacing: -0.36px;height: 45px;width: 180px; border-radius: 35px;padding: 0 30px 0 20px;}

.email-box .txt-box{margin-top:40px;font-size: 18px;font-weight: normal;line-height: 1.63;letter-spacing: -0.32px;color: #252525;height:550px;overflow-y: auto;padding:20px;border:1px solid #c8c8c8;}


.private{margin-top:70px;}
.private .select-wrap{text-align: right;}
.private .select-wrap select{border: 1px solid #c8c8c8;font-size: 18px;font-weight: normal;letter-spacing: -0.36px;height: 45px;width: 210px; border-radius: 35px;padding: 0 30px 0 20px;}

.private h4{font-size: 24px;color: #599948;}
.private .txt-box{margin-top:20px;font-size: 18px;font-weight: normal;line-height: 1.63;letter-spacing: -0.32px;color: #252525;height:550px;overflow-y: auto;padding:20px;border:1px solid #c8c8c8;}
.private table{margin:20px 0;border-top: 2px solid #009e58;border-bottom: 1px solid #94c63c;font-size: 16px;}
.private table caption{width: 0;height: 0;font-size: 0;line-height: 0;overflow: hidden;visibility: hidden;}
.private table thead tr th{padding: 15px 0;background: #f2f2f2;color: #2a8506;text-align: center;border-bottom: 1px solid #94c63c;border-right: 1px solid #dbdbdb;}
.private table tbody tr td{padding: 15px 0;text-align: center;border-bottom: 1px solid #dbdbdb;border-right: 1px solid #dbdbdb;}
.private table tbody tr td.txt-left{padding-left:10px; padding-right:10px;}

.private .txt-box + h4{margin-top:40px;}

.scr_n{overflow-y:hidden;}
.video_n{position:relative;}
.youtube_layer{display:none; position:fixed; top:0; left:0; z-index:2000; width:100%; height:100%;}
.youtube_layer .video_wrap{position:absolute; top:50%; left:50%; z-index:2010; transform:translate(-50%, -50%); display:block; width:750px; height:393px;}
.youtube_layer .video_wrap iframe{width:100%; height:100%;}
.youtube_layer .blacklayer{position:absolute; top:0; left:0; content:''; width:100%; height:100%; background:rgba(0,0,0,.6);}

.label_rt{font-size:16px; text-align:right; margin-bottom:10px;}
.col_box{display:flex; align-items:center;}
.col_box img{width:70%;}
.col_box img ~ img{width:30%;}

.mt_25{margin-top:25px !important;}

.cnt{text-align:center !important;}
.li_img{position: relative; width: 100%; height: 420px; margin-top: 40px;}
.li_img img{position: absolute;}
.li_img img.li_01{top: 0; left: 0; height: 230px;}
.li_img img.li_02{top: 0; left: 415px; height: 230px;}
.li_img img.li_03{top: 0; left: 835px; height: 170px;}
.li_img img.li_04{top: 245px; left: 0; height: 173px;}
.li_img img.li_05{top: 245px; left: 221px; height: 173px;}
.li_img img.li_06{top: 245px; left: 475px; height: 173px;}
.li_img img.li_07{top: 185px; left: 835px; height: 234px;}

.col_box.type_02{justify-content: center;}
.col_box.type_02 p.cycle-txt{width: 48%; }
.col_box.type_02 img{width: 35%; margin-left: 5%; }