.subtop {width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; height: 255px; position: relative; margin-top: 75px;} #subtop1 {background-image: url(../image/subtop1.png);} #subtop2 {background-image: url(../image/subtop2.png);} #subtop3 {background-image: url(../image/subtop3.png);} #subtop4 {background-image: url(../image/subtop4.png);} #subtop5 {background-image: url(../image/subtop5.png);} .subtop_text {position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 100%; text-align: center;} .subtop_text > p:nth-child(1) { font-size : 20px; line-height : 30px; letter-spacing : -0.4px; text-transform : uppercase; color : #808080; } .subtop_text > p:nth-child(2) { font-family: 'NanumSquare', sans-serif; font-weight : bold; font-size : 45px; line-height : 55.3px; letter-spacing : 2.85px; color : #333333;} .sub {width: 100%; position: relative;} #sub11_1 { margin: 150px 0px 120px; } #sub11_1 > p:nth-child(1) {text-align: center; font-family: 'Nanum Myeongjo', serif; font-size : 38px; line-height : 50px; letter-spacing : -0.8px; color : #000000; font-weight: 800;} #sub11_1 > p:nth-child(2) {font-family: 'NanumSquare', sans-serif; text-align: center; font-size : 18px; line-height : 33.35px; color : #77787B;} #sub11_2 {margin: 100px 0px 55px; height: 875px; overflow: hidden;} #s112_wrap { width: 100%; max-width: 1200px; margin: 0px auto; position: absolute; z-index: 2; left: 20%; top: 40%; transform: translateY(-50%);} #s112_wrap > img:nth-child(1) {width: 100%; max-width: 320px; display: block; margin-bottom: 20px;} #s112_wrap > .line:nth-child(2) {width: 60%; display: block; height: 1px; background-color: #6F804F; position: relative;} #s112_wrap > .line:nth-child(2)::after {content: ""; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 10px; height: 10px; border-radius: 100%; background-color: #6F804F;} #s112_wrap > p:nth-child(3) { font-size : 20px; line-height : 27.35px; color : #666666; font-family: 'NanumSquare', sans-serif; padding-left: 30px; padding-top: 30px; box-sizing: border-box;} .s112_img2 {width: 100%; max-width: 600px; position: absolute; right: 20%; top: 50%; transform: translateY(-50%); z-index: 1;} #sub11_3 {margin: 50px auto; max-width: 1000px} #sub11_3 img {width: 100%; max-width: 900px;} #sub11_4 {margin: 50px auto; max-width: 1200px} #sub11_4 img {width: 100%;max-width: 1080px; margin: 0px auto; display: block;} #sub11_5 {margin: 150px 0px; background-size: cover; background-position: center; background-repeat: no-repeat; height: 470px; background-image: url(../image/s1/s115_img1.png); position: relative;} #sub11_5 img { width: 100%; position: absolute; right: 15%; max-width: 660px; top: 55%; transform: translateY(-50%); } /*sub1-1 end*/ #sub12_1 { margin: 120px 0px 150px; } #sub12_1 > p:nth-child(1) {font-family: 'NanumSquare', sans-serif; text-align: center; font-weight : bold; font-size : 40px; line-height : 50px; letter-spacing : -0.8px; color : #000000; text-transform: capitalize;} #sub12_1 > p:nth-child(2) {text-align: center; font-size : 20px; line-height : 33.35px; color : #77787B; font-family: 'NanumSquare', sans-serif; } .s122_wrap { width: 100%; position: relative; overflow: hidden;} .s122_wrap::after {content: ""; position: absolute; top: 160px; width: 1px; height: 100%; left: 50%; transform: translateX(-50%); background-color: #808080;} .s122_ul {width: 100%; font-size: 0px; position: relative;} .s122_ul.a2 {padding-bottom: 150px;} .s122_ul_img {position: absolute; left: 0px; top: 0px; width: 100%; max-width: 1400px;} .s122_ul_img2 {position: absolute; right: 0px; top: 0px; width: 100%; max-width: 1400px;} .s122_ul > li {width: 50%; display: inline-block; vertical-align: top; margin-bottom: 120px; position: relative;} .s122_ul > li.first {padding-top: 140px; padding-bottom: 130px;} .s122_ul > li.title_num p { font-size : 40px; line-height : 47.29px; color : #6C4F25; font-family: 'NanumSquare', sans-serif; font-family: 'Nanum Myeongjo', serif; font-weight: bold;} .s122_ul > li.L {text-align: right; padding-right: 30px; box-sizing: border-box;} .s122_ul > li.L::after {content: ""; position: absolute; right: -4px; top: 10px; background-color: #6C4F25; width: 8px; height: 8px; border-radius: 100%; z-index: 10;} .s122_ul > li.L.first::after {top: 160px; } .s122_ul > li.R {text-align: left; padding-left: 30px; box-sizing: border-box;} .s122_ul > li p { font-family: 'NanumSquare', sans-serif; font-size: 17px; line-height: 1.2; margin-bottom: 14px; letter-spacing: -0.58px; color: #4D4D4F;} .s122_ul > li p.year { font-size : 27px; color: #58595B;} /*sub1-2 end*/ #sub13_2 {margin: 150px 0px 200px;} .s132_wrap {width: 100%; max-width: 1200px; margin: 0px auto; display: block;} .s132_ul {width: 100%; font-size: 0px; position: relative; max-width: 1000px; margin: 0px auto;} .s132_ul li {width: 22%; margin: 0px 1.5%; vertical-align: top; display: inline-block; margin-bottom: 50px; } .s132_ul li:hover img {transform: scale(1.1);} .s132_ul li.li2 {width: 30%; margin: 0px 1.5%; margin-bottom: 50px; } .s132_ul li img {width: 80%; margin: 0px auto; display: block; transition: all 0.4s;} .s132_ul li p { font-family: 'NanumSquare', sans-serif; font-size : 16px; transform: skewX(-0.3deg); line-height : 17.87px; letter-spacing : -0.43px; color : #797B7D; text-align: center; padding-top: 20px;} /*sub1-3 end*/ #sub14_1 {margin: 200px 0px 0px;} .s141_ul {width: 100%; max-width:1200px; margin: 0px auto; display: block; font-size: 0px;} .s141_ul li {width: 50%; display: inline-block; vertical-align: top; height: 500px; position: relative;} .s141_ul li:nth-child(2) {padding:50px; box-sizing: border-box;} .s141_ul li:nth-child(2) > p:nth-child(1) { font-weight : bold; font-size : 40px; line-height : 50px; letter-spacing : -0.8px; color : #000000; font-family: 'NanumSquare', sans-serif;} .s141_ul li:nth-child(2) > p:nth-child(2) { font-family: 'NanumSquare', sans-serif; font-size : 20px; line-height : 32.32px; letter-spacing : -0.65px; color : #808080; padding-top: 10px;} #s141_ul_bottom {position: absolute; left: 50px; bottom: 50px; } #s141_ul_bottom > p { font-size : 20px; line-height : 32.32px; letter-spacing : -0.65px; color : #808080;} #s141_ul_bottom > p span {color: #57703A; padding-right: 5px; } .s141_bg {width: 100%; height: 300px; background-image: url(../image/s141_bg.png); background-position: center; background-size: cover; background-repeat: no-repeat; margin-top: 150px;} /*sub1-4 end*/ #sub21_2 {margin: 150px 0px; } #s212_ul {width: 100%; margin: 0px auto; display: block; font-size: 0px;} #s212_ul > li {display: inline-block; vertical-align: top; width: 100%; position: relative;} .s212_txtbox { position: absolute; left: 18%; top: 50%; transform: translateY(-50%); background-color: rgba(255,255,255,0.8); padding: 35px 50px;} .s212_txtbox p:nth-child(1) { margin: 20px 0px; font-size: 38px; line-height: 48px; letter-spacing: -0.94px; color: #555438;} .s212_txtbox p:nth-child(1) span { font-weight: bold;} .s212_txtbox p:nth-child(2) { font-family: 'NanumSquare', sans-serif; font-size: 18px; line-height: 26px; letter-spacing: -0.58px; color: #020000; } .s212_txtbox > p:nth-child(3) { font-family: 'NanumSquare', sans-serif; font-size: 20px; line-height: 30px; letter-spacing: -0.58px; color: #020000; text-align: right;} #s212_ul > li:nth-child(2) {float: right; width: 60%; margin-top: 30px;} #s212_ul > li:nth-child(2) p:nth-child(1) {margin-top: 30px; font-family: 'NanumSquare', sans-serif; font-weight : bold; font-size : 24px; line-height : 30.56px; letter-spacing : -0.38px; color : #6F804F; position: relative;padding-left: 50px; box-sizing: border-box; } #s212_ul > li:nth-child(2) p:nth-child(1)::after { content: ""; width: 85%; position: absolute; right: 0px; background-color: #6F804F; height: 1px; top: 50%;} #s212_ul > li:nth-child(2) p:nth-child(2) { padding-left: 200px; text-align: center; max-width: 650px; box-sizing: border-box; font-family: 'NanumSquare', sans-serif; font-weight: bold; font-size: 33px; line-height: 115px; height: 115px; letter-spacing: -0.66px; color: #262626; margin: 20px 0px; position: relative;} .s212_haccp { width: 100%; max-width: 115px; display: block; position: absolute; left: 175px; top: 0px;} #s212_ul > li:nth-child(2) p:nth-child(3) {padding-left: 180px; box-sizing: border-box; position: relative; font-family: 'NanumSquare', sans-serif; font-size : 20px; line-height : 32.39px; color : #666666; padding-bottom: 60px;} .s212_img1 { position: absolute; right: 50px; bottom: -80px; width: 100%; max-width: 350px; } .s212_img3 {width: 100%; max-width: 560px; margin-top: 120px;} .s212_img2 {width: 100%; margin: 0px auto; max-width: 1400px; display: block;} .m_more { border: 1px solid #b2b2b2; padding: 2px 10px; color: #666666; width: 100%; display: block; max-width: 120px; margin-top: 25px; position: relative;} .m_more i {position: absolute; right: 8px; top: 50%; transform: translateY(-50%);} #sub21_3 {margin: 200px 0px; } #s213_wrap {width: 100%; max-width: 1400px; margin: 0px auto ; display: block; text-align: right; position: relative;} #s213_wrap > p:nth-child(1) {margin-top: 80px; font-family: 'NanumSquare', sans-serif; font-weight : bold; font-size : 24px; line-height : 30.56px; letter-spacing : -0.38px; color : #6F804F; position: relative; padding-right: 50px; box-sizing: border-box; } #s213_wrap > p:nth-child(1)::after { content: ""; width: 35%; position: absolute; right: 155px; background-color: #6F804F; height: 1px; top: 50%;} #s213_wrap > p:nth-child(2) {padding-right: 50px; box-sizing: border-box; font-family: 'NanumSquare', sans-serif; font-weight : bold; font-size : 33px; line-height : 42.73px; letter-spacing : -0.66px; color : #262626; margin: 20px 0px;} #s213_wrap > p:nth-child(3) {padding-right: 50px; box-sizing: border-box; position: relative; font-family: 'NanumSquare', sans-serif; font-size : 20px; line-height : 32.39px; color : #666666; padding-bottom: 60px;} .s213_img1 {position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 100%; max-width: 1000px; cursor: pointer;height: 340px;} .s213_img1-1 {width: 100%; height: 100%;} .s213_img1-2 {width: 100%; opacity: 0; position: absolute; left: 0px; top: 0px; height: 100%; transition: all 0.4s ease;} .s213_img1:hover .s213_img1-2 {opacity: 1; } #sub21_4 {margin: 300px 0px 75px;} #s214_wrap {width: 100%; max-width: 1200px; margin: 0px auto ; display: block; text-align: center;} #s214_wrap > p:nth-child(1) {margin-top: 80px; font-family: 'NanumSquare', sans-serif; font-weight : bold; font-size : 24px; line-height : 30.56px; letter-spacing : -0.38px; color : #6F804F; position: relative; box-sizing: border-box; } #s214_wrap > p:nth-child(2) { box-sizing: border-box; font-family: 'NanumSquare', sans-serif; font-weight : bold; font-size : 33px; line-height : 42.73px; letter-spacing : -0.66px; color : #262626; margin: 20px 0px; } #s214_wrap > p:nth-child(3) { box-sizing: border-box; position: relative; font-family: 'NanumSquare', sans-serif; font-size : 20px; line-height : 32.39px; color : #666666; padding-bottom: 60px; } #s214_ul {width: 100%; max-width: 1200px; margin: 0px auto; font-size: 0px; } #s214_ul li {width: 50%; display: inline-block; vertical-align: top; box-sizing: border-box;} #s214_ul li:nth-child(1) {padding-right: 15px;} #s214_ul li:nth-child(2) {padding-left: 15px;} #s214_ul li img {width: 100%;} .s213_p { text-align: right; font-size: 15px; line-height: 25px; font-weight: bold; transform: skewX(-0.3deg); color: #666666; font-family: 'NanumSquare', sans-serif;} .s213_p i {font-size: 20px; line-height: 25px; vertical-align: middle;} #sub21_5 {margin: 75px 0px 200px; position: relative; border-top: 1px solid #ddd; padding-top: 75px;} .s215_p { text-align: center; margin: 15px 0px; font-size: 18px; line-height: 30px; font-weight: bold; color: #666666; font-family: 'NanumSquare', sans-serif;} .s215_p i {font-size: 27px; line-height: 30px; vertical-align: middle;} #s215_ul {width: 100%; max-width: 1200px; margin: 0px auto; font-size: 0px; } #s215_ul li {width: 19%; display: inline-block; vertical-align: top; box-sizing: border-box; margin: 0px 0.5%; position: relative; cursor: pointer; margin-bottom: 10px;} #s215_ul li img {width: 100%; height: 100%;} #s215_ul li img:nth-child(2) {opacity: 0; transition: all 0.4s ease; position: absolute; left: 0px; top:0px; } #s215_ul li:hover img:nth-child(2) {opacity: 1;} /*sub2-1 end*/ #sub22_2 {margin: 150px 0px; position: relative;} #s222_wrap {width: 100%; max-width: 1200px; margin: 0px auto; display: block; padding-right: 38%; box-sizing: border-box; position: relative;} #s222_wrap > img:nth-child(1) {width: 100%; max-width: 310px; margin-bottom: 40px;} #s222_wrap::after {content: ""; position: absolute; width: 100%; height: 1px; left: 0px; top: 165px; background-color: #808080;} #s222_wrap > p:nth-child(2) { font-family: 'NanumSquare', sans-serif; font-size: 18px; line-height: 38.87px; color: #606060; padding-top: 30px; padding-left: 30px; box-sizing: border-box; word-break: keep-all;} .s2222_img1 {position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 48%;} #sub22_3 {margin: 300px auto 120px; max-width: 1500px; padding-bottom: 60px; border-bottom: 1px solid #ddd;} #sub22_4 {margin: 120px auto 120px; max-width: 1500px; padding-bottom: 60px; border-bottom: 1px solid #ddd;} #sub22_5 {margin: 120px auto 150px; max-width: 1500px; padding-bottom: 60px; } .s22_p1 {width: 90%; margin: 0px auto; display: block; text-align: center; font-weight : bold; font-size : 40px; line-height : 50px; letter-spacing : -0.8px; color : #000000; font-family: 'NanumSquare', sans-serif;} .s22_p2 {width: 90%; margin: 0px auto; display: block; text-align: center; font-size : 23px; line-height : 37.74px; letter-spacing : -0.65px; color : #808080; font-family: 'NanumSquare', sans-serif;} .s22_ul {width: 100%; font-size: 0px; margin: 80px auto 50px;} #s22_ul1 { max-width: 1200px;} #s22_ul2 { max-width: 900px;} #s22_ul3 { max-width: 640px; margin-top: 30px;} .s22_ul li {display: inline-block; vertical-align: top;} /*#s22_ul1 li {width: 50%;}*/ #s22_ul1 li {width: 100%;} #s22_ul2 li {width: 100%;} #s22_ul3 li {width: 100%;} .s22_ul li img {width: 90%; margin: 0px auto; display: block; } .s22_p3 { font-family: 'NanumSquare', sans-serif; font-size : 18px; line-height : 29.92px; color : #999999; width: 90%; margin: 20px auto 0px; text-align: center;} #s22_ul2 .s22_p3 {margin-top: 30px;} .s22_bottom_bar {font-family: 'NanumSquare', sans-serif; width: 100%; max-width: 1000px; margin: 50px auto 0px; display: block; text-align: center; font-size : 18px; line-height : 30.35px; color : #000000; border: 1px solid #ddd; border-radius: 15px; padding: 15px 30px; box-sizing: border-box; font-weight: bold; } .s22_bottom_bar i {color: #C5B99E; padding: 0px 8px;} /*sub2-2 end*/ #sub23_2 {margin: 150px 0px 0px; position: relative;} #sub23_2::after {content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: 0px; width: 1px; height: 100%; background-color: #B2B2B2; z-index: -1; } #sub23_2::before {content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: 0px; width: 10px; height: 10px; background-color: #6F804F; border-radius: 100%; } #s232_ul {width: 100%; font-size: 0px; } #s232_ul li {display: inline-block; vertical-align: top; width: 50%; margin-bottom: 70px;} #s232_ul li.L {padding-right: 45px; box-sizing: border-box; text-align: right;} #s232_ul li.R {padding-left: 45px; box-sizing: border-box; text-align: left;} #s232_ul li.L.first { padding-right: 0px; position: relative;} #s232_ul li.L.first::after {position: absolute; content: ""; right: 0px; top: 100px; width: 60px; height:4px; background-color: rgba(111,128,79,0.5); } #s232_ul li.R.first { padding-left: 0px; position: relative;} #s232_ul li.R.first::after {position: absolute; content: ""; left: 0px; top: 100px; width: 60px; height:4px; background-color: rgba(111,128,79,0.5); } #s232_ul li.s232_txt p {font-family: 'NanumSquare', sans-serif; font-weight : bold; font-size : 28px; line-height : 40.53px; letter-spacing : -0.66px; color : #000000;} #s232_ul li.s232_txt.L.first p { padding: 55px; box-sizing: border-box; border: 4px solid rgba(111,128,79,0.5); border-radius: 100%; width: 100%; max-width: 200px; text-align: center; position: absolute; right: 60px; top: 0px;} #s232_ul li.s232_txt.L.first p span {color: #B2B2B2} #s232_ul li.s232_txt.R.first p { padding: 55px; box-sizing: border-box; border: 4px solid rgba(111,128,79,0.5); border-radius: 100%; width: 100%; max-width: 200px; text-align: center; position: absolute; right: auto; left: 60px; top: 0px;} #s232_ul li.s232_txt.R.first p {padding: 55px 15px;} #s232_ul li.s232_txt.R.first p span {color: #B2B2B2} #s232_ul li.s232_img img {width: 100%; max-width: 400px; margin-bottom: 40px;} #s232_ul li.s232_img img.last_img {width: 100%; max-width:none;} #s232_ul li.last {padding-bottom: 200px;} /*sub2-3 end*/ #sub31_2 {margin: 150px 0px; } .s312_ul {width: 100%; max-width: 1200px; margin: 0px auto 80px; display: block; font-size: 0px; } .s312_ul > li {display: inline-block; vertical-align:top} .s312_ul > li:nth-child(1) {width: 40%; padding-left: 20px; box-sizing: border-box;} .s312_ul > li:nth-child(1) > p:nth-child(1) {font-family: 'Nanum Myeongjo', serif; font-size : 19px; line-height : 30.79px; letter-spacing : -0.38px; text-transform : uppercase; color : #808080;} .s312_ul > li:nth-child(1) > p:nth-child(2) { font-family: 'NanumSquare', sans-serif; font-size : 40px; line-height : 48.44px; color : #262626; padding-top: 35px;} .s312_ul > li:nth-child(1) > p:nth-child(2) span {font-weight: bold;} .s312_ul > li:nth-child(2) {width: 60%;} .s312_ul > li:nth-child(2) > p {position:relative; box-sizing: border-box; font-size :18px; line-height: 1.3; padding: 7px 0px 7px 35px; letter-spacing : -0.42px; color : #4D4D4D; font-family: 'NanumSquare', sans-serif; border-bottom: 1px solid #B2B2B2;} .s312_ul > li:nth-child(2) > p span {font-weight: bold;} .s312_ul > li:nth-child(2) > p img {position: absolute; left: 0px; top: 7px; width: 100%; max-width: 20px;} .s312_img1 {width: 100%; max-width: 1200px; margin: 0px auto; display: block; } #sub31_3 { margin: 180px 0px;} #sub31_3 > img:nth-child(1) {width: 90%; max-width: 28px; margin: 0px auto; display: block;} #sub31_3 > p:nth-child(2) {text-align: center; width: 90%; margin: 30px auto 50px; font-family: 'NanumSquare', sans-serif; font-weight : bold; font-size : 38px; line-height : 50px; letter-spacing : -0.76px; color : #262626;} #sub31_3 > p:nth-child(3) {font-family: 'NanumSquare', sans-serif; text-align: center; width: 90%; margin: 0px auto; font-size : 19px; line-height : 27.86px; letter-spacing : -0.42px; color : #333333;} #sub31_3 > p:nth-child(3) span {font-weight: bold;} #s313_wrap {margin: 30px 0px 0px; width: 100%; background-size: cover; background-repeat: no-repeat; background-position:center; padding: 60px 0px; box-sizing: border-box; background-image: url(../image/s3/s313_bg.png);} #s313_wrap img { width: 100%; max-width: 1100px; background-color: #fff; padding: 70px 100px; border-radius: 30px; box-sizing: border-box; margin: 0px auto; display: block;} #sub31_4 {margin: 180px 0px 200px;} .s314_ul {width: 100%; max-width: 1200px; margin: 0px auto; display: block; font-size: 0px;} .s314_ul li {width: 50%; display: inline-block; vertical-align: middle; } .s314_ul li:nth-child(1) img {width: 100%;} .s314_ul li:nth-child(2) {padding-left: 80px; box-sizing: border-box; } .s314_ul li:nth-child(2) p:nth-child(1) {font-family: 'Nanum Myeongjo', serif; font-size : 19px; line-height : 30.79px; letter-spacing : -0.38px; text-transform : uppercase; color : #808080;} .s314_ul li:nth-child(2) p:nth-child(2) { padding-top: 20px; font-size : 24px; line-height : 42.16px; color : #262626;} .s314_ul li:nth-child(2) p:nth-child(2) span {font-size: 36px; font-weight: bold;} .s314_ul li:nth-child(2) p:nth-child(3) { font-family: 'NanumSquare', sans-serif; padding-top: 50px; font-weight: 800; font-size: 54px; color: #808080; border-bottom: 4px solid #808080; display: inline-block;} .s314_ul li:nth-child(2) p:nth-child(4) {font-family: 'NanumSquare', sans-serif; padding-top: 60px; font-size : 17px; line-height : 25.35px; color : #808080;} .s314_ul li:nth-child(2) a:nth-child(5) {font-family: 'NanumSquare', sans-serif; width: 100%; max-width: 105px; border: 1px solid #B2B2B2; padding: 3px 10px; font-size: 15px; text-transform: uppercase; color: #666666; margin-top: 35px; display: block} .s314_ul li:nth-child(2) a:nth-child(5) i {padding-left: 30px;} /*sub3-1 end*/ #sub32_2 {margin: 100px 0px 200px;} .div_inner2 {width: 100%; margin: 50px auto 50px; max-width: 1200px;} #sub32_2 img {width: 100%; max-width: 900px; margin: 0px auto; display: block; } #sub32_3 {width: 100%; background-color: #f7f7f7; padding: 50px 0px;} .s3_txt1 { font-family: 'NanumSquare', sans-serif; font-weight : bold;font-size : 30px; line-height : 31.06px; letter-spacing : -0.75px; color : #000000; text-align: center;} .s3_txt2 { font-family: 'NanumSquare', sans-serif; text-align: center; font-size : 18px; line-height : 25.35px; color : #77787B; margin-top: 35px;} #sub32_3 > .div_inner2 > img {width: 100%; max-width: 900px; margin: 30px auto; display: block;} .s3_ul1 {width: 100%; margin-top: 100px; font-size: 0px;} .s3_ul1 > li {display: inline-block; vertical-align: middle;} .s3_ul1 > li:nth-child(1) {width: 60%;} .s3_ul1 > li:nth-child(1) img {width: 100%;} .s3_ul1 > li:nth-child(2) {width: 40%;} .s3_ul1 > li:nth-child(2) > p:nth-child(1) { font-family: 'NanumSquare', sans-serif; font-weight : bold; font-size : 27px; line-height : 31.06px; letter-spacing : -0.75px; color : #000000; } .s3_ul1 > li:nth-child(2) > p:nth-child(2) { font-family: 'NanumSquare', sans-serif; font-size : 17px; line-height : 33.35px; color : #787878; margin-top: 15px; } .s3_ul_txtbox { width: 100%; margin-top: 40px; } .s3_ul_txtbox p { font-family: 'NanumSquare', sans-serif; position: relative; padding-left: 40px; box-sizing: border-box; font-size: 17px; line-height: 1.3; margin-bottom: 10px; color: #77787B;} .s3_ul_txtbox p span {position: absolute; left: 0px; top: 0px; font-weight : bold; font-size : 20px; line-height : 1; letter-spacing : -0.5px; text-transform : uppercase; color : #6F904F;} .s3_ul2 {width: 100%; margin-top: 100px; font-size: 0px;} .s3_ul2 > li {display: inline-block; vertical-align: top; width: 50%;} .s3_ul2 > li:nth-child(2) {padding-left: 80px; box-sizing: border-box;} .s3_ul2 > li:nth-child(1) img {width: 100%;} .s3_ul2_ul {width: 100%; margin-bottom: 35px;} .s3_ul2_ul > li { width: 100%; margin-bottom: 40px;} .s3_ul2_ul > li p:nth-child(1) { font-family: 'NanumSquare', sans-serif; position: relative; box-sizing: border-box; font-weight : bold; font-size : 20px; line-height : 31.06px; letter-spacing : -0.5px; color : #000000;} .s3_ul2_ul > li p:nth-child(1) span {padding-right: 10px; font-weight : bold; font-size : 20px; line-height : 35.06px; letter-spacing : -0.5px; text-transform : uppercase; color : #6F904F;} .s3_ul2_ul_ul {width: 100%; margin-top: 15px; } .s3_ul2_ul_ul > li {width: 20%; vertical-align: top; display: inline-block; } .s3_ul2_ul_ul > li img {width: 80%; margin: 0px auto; display: block;} .s3_ul_dot_p { font-family: 'NanumSquare', sans-serif; position: relative; box-sizing: border-box; font-size: 18px; line-height: 25.06px; letter-spacing: -0.5px; color: #333333; padding-left: 15px; margin-bottom: 20px;} .s3_ul_dot_p::before { content: ""; position: absolute; left: 0px; top: 12px; width: 4px; height: 4px; border-radius: 100%; background-color: #6f904f;} .s3_ul_dot_p span { font-size: 16px; line-height: 26.06px; letter-spacing: -0.5px; text-transform: uppercase; color: #666666;} .s3_ul3 {width: 100%; margin-top: 100px; font-size: 0px;} .s3_ul3 > li {display: inline-block; vertical-align: top; width: 50%;} .s3_ul3 > li:nth-child(2) {padding-left: 80px; box-sizing: border-box; margin-top: 80px;} .s3_ul3 > li:nth-child(1) img {width: 100%; max-width: 450px; float: right;} .mt-40 {margin-top:40px;} .clear {clear:both; display: block; content: "";} .s3_ul3 > li:nth-child(2) .title { font-family: 'NanumSquare', sans-serif; font-weight : bold; font-size : 25px; line-height : 31.06px; letter-spacing : -0.62px; color : #000000; margin-bottom: 40px;} .s3_ul3 > li:nth-child(2) .num { font-family: 'NanumSquare', sans-serif; font-size: 17px; line-height: 1.3; margin-bottom: 10px; color: #77787B; position: relative; padding-left: 40px; box-sizing: border-box;} .s3_ul3 > li:nth-child(2) .num span {position: absolute; left: 0px; top: 0px; font-weight : bold; font-size : 19px; line-height : 1; letter-spacing : -0.5px; text-transform : uppercase; color : #6F904F;} #sub32_5 {margin-bottom: 150px;} /*sub3-2 end*/ #sub35_2 {margin: 150px 0px 100px;} #sub35_2 > img:nth-child(1) {width: 100%; max-width: 1250px; margin: 0px auto 150px; display: block;} .s35_imgbox { width: 90%; max-width: 1000px; margin: 0px auto; border-bottom: 1px solid #ddd; padding: 50px 0px; } .s35_imgbox img { width: 90%; margin: 0px auto; max-width: 700px; display: block; } /*sub3-5 end*/ #sub34_2 {margin: 60px 0px 200px;} #sub34_2 img:nth-child(1) {width: 100%; max-width:245px; margin: 50px auto 0px; display: block} #sub34_2 img:nth-child(2) {width: 100%; max-width:1200px; margin: 120px auto 0px; display: block} #sub34_2 img:nth-child(3) {width: 100%; max-width:1200px; margin: 120px auto 0px; display: block} #sub34_2 img:nth-child(4) {width: 100%; max-width:1200px; margin: 120px auto 0px; display: block} /*sub4-1 end*/ #sub41_2 {width:100%; max-width: 1100px; margin: 150px auto 200px;} #sub41_2 img {width: 100%; max-width: 1100px; margin: 0px auto; display:block;} #np1s1 { margin: 100px 0px 200px;} #np1s1 .sub_inner > p:nth-child(1) { font-family: 'NanumSquare', sans-serif; font-size: 22px; line-height: 40.78px; letter-spacing: 1.1px; text-transform: uppercase; color: #9C9D9D; text-align: center;} #np1s1 .sub_inner > p:nth-child(2) { font-size: 30px; line-height: 40px; color: #595959; width: 90%; margin: 0px auto; display: block; text-align: center; font-family: 'NanumSquare', sans-serif;} .np_ul { width: 90%; font-size:0px; margin:100px auto 0px} .np_ul li {text-align: center; width: 25%; vertical-align: top; display: inline-block; padding: 50px 20px 30px; box-sizing: border-box; border-right: 1px solid #ddd; border-top: 1px solid #ddd; cursor: pointer;} .np_ul li.right {border-right: 0px;} .np_ul li.bottom {border-bottom: 1px solid #ddd} .np_ul li img {width: 100%; max-width:120px; margin: 0px auto; display: block; transition: all 0.4s;} .np_ul li p {text-align: left} .np_ul li p:nth-child(2) { margin-top: 30px; font-family: 'NanumSquare', sans-serif; font-weight: bold; font-size: 22px; line-height: 30px; letter-spacing: -1.05px; color: #575554; display: none;} /* .np_ul li p:nth-child(3) { font-family: 'NanumSquare', sans-serif; font-size: 15px; line-height: 20px; height: 40px; margin-top: 2px; color: #999999; padding-bottom: 15px; transform: skewX(-0.3deg);} */ .np_ul li p:nth-child(3) { margin-top: 30px; font-family: 'NanumSquare', sans-serif; font-weight: bold; font-size: 22px; line-height: 30px; letter-spacing: -1.05px; color: #575554;} .np_ul li p:nth-child(2).center {text-align: center;} .np_ul li p:nth-child(3).coming { font-weight: 800; color: #6F804F; font-size: 30px; line-height: 33px; height: 75px; margin-top: 3px; box-sizing: border-box; text-align: center;} .np_ul li p:nth-child(4) { font-size : 15px; line-height : 1.3; letter-spacing : -1.5px; color : #A39A86; height: 75px;} .np_ul li:hover img {transform: scale(1.1); } .div_inner {width: 100%; margin: 150px auto 50px; max-width: 1200px;} #pro_pop_div {z-index: 100; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; display: none; background-color: rgba(0,0,0,0.5);} .pro_pop_wrap { padding: 40px 0px; width: 100%; height: 700px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background-color: #fff; max-width: 900px;} #pop_img { width: 100%; margin: 50px auto; display: block; max-width: 250px;} #close_btn { cursor: pointer; position: absolute; right: 0px; top: 0px; width: 100%; max-width: 75px; transition: all 0.4s;} /*#close_btn:hover {transform: rotate(180deg);}*/ body.over { overflow-y: hidden;} #abc {text-align: right; font-size: 14px; padding-top: 25px;} #pop_logo {width: 100%; max-width: 100px; margin: 0px auto; display: block;} #pro_top_p_change1 { font-family: 'NanumSquare', sans-serif; text-align: center; font-weight : bold;font-size : 33px;line-height : 43.29px;letter-spacing : -0.82px; color : #57703A; display: none;} /* #pro_top_p_change2 { font-family: 'NanumSquare', sans-serif; text-align: center; font-size : 20px; line-height : 35px; color : #999999;} */ #pro_top_p_change2 { font-family: 'NanumSquare', sans-serif; text-align: center; font-weight : bold;font-size : 33px;line-height : 43.29px;letter-spacing : -0.82px; color : #57703A;} #pro_top_p_change3 { font-family: 'NanumSquare', sans-serif; text-align: center; font-size : 20px;line-height : 30.06px;letter-spacing : -1.3px; color : #A39A86; margin: 45px auto 15px; width: 70%;} #pro_top_p_change4 {font-family: 'NanumSquare', sans-serif; text-align: center; font-size : 18px; line-height : 25.27px; letter-spacing : -0.45px; color : #5a595c; width: 70%; margin: auto;} .s4_tab {display: none;} .s4_tab.on {display: block;} .s4_num_div { width: 100%; max-width: 245px; margin: 80px auto 200px; position: relative; padding: 0px 35px; box-sizing: border-box;} .s4_prev_btn {border: 1px solid #ddd; text-align: center; padding: 5px; box-sizing: border-box; position: absolute; left: 0px; top: 0px; font-family: 'NanumSquare', sans-serif; transform: skewX(-0.3deg); font-size : 16px; line-height : 26.26px; cursor: pointer; width: 35px; height: 35px; color: #666666;} .s4_next_btn {border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; text-align: center; padding: 5px; box-sizing: border-box; position: absolute; right: 0px; top: 0px; font-family: 'NanumSquare', sans-serif; transform: skewX(-0.3deg); font-size : 16px; line-height : 26.26px; cursor: pointer;width: 35px; height: 35px; color: #666666;} .s4_num_ul {width: 100%; font-size: 0px;} .s4_num {border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; text-align: center; padding: 5px; box-sizing: border-box; font-family: 'NanumSquare', sans-serif; transform: skewX(-0.3deg); font-size : 16px; line-height : 20.26px;display: inline-block; vertical-align: top; width:35px; cursor: pointer;width: 35px; height: 35px; color: #666666;} .s4_num a {display: block; height: 100%; width: 100%;} .s4_num.on{border-bottom: 3px solid #666;} .s4_prev_btn.off {pointer-events: none;} .s4_next_btn.off {pointer-events: none;} /*sub4-2 end*/ #sub51_2 {margin: -50px auto 200px; max-width: 900px;} .matil_to {color: #6F884F; font-family: 'NanumSquare', sans-serif; font-size: 20px; display: inline-block; margin-right: 30px; font-weight: 800; text-transform: uppercase;} /*sub5-1 end*/ #sub52_2 {width:100%; max-width: 1100px; margin: 150px auto 200px; position: relative;} #sub52_2 img {width: 100%; max-width: 1100px; margin: 0px auto; display:block;} /*sub5-2 end*/ /*μΆ”κ°€μž‘μ—… 10/23*/ .sub#sub36_2 {width: 100%; max-width: 1200px; margin: 150px auto 200px} .sub#sub36_2 > img {width: 100%; max-width: 900px; margin: 0px auto; display: block; } #sub36_3 {border-top: 1px solid #ddd; padding-top: 80px; text-align: center; margin-top: 120px;} #sub36_3 p:nth-child(1) { font-family: 'NanumSquare', sans-serif; font-weight : bold;font-size : 30px;line-height : 31.06px;letter-spacing : -0.75px; color : #000000;} #sub36_3 p:nth-child(2) {font-family: 'NanumSquare', sans-serif; font-size : 18px; line-height : 25.35px; color : #77787B; margin-top: 15px;} #sub36_3 img {width: 100%; max-width: 1100px; margin: 30px auto; display: block;} .sub61 {margin-bottom: 150px;} .sub61_con {width: 100%; max-width: 1200px; margin: auto; border-top: 2px solid #6F804F; border-bottom: 2px solid #6F804F; padding: 60px 50px; box-sizing: border-box; background-color: rgba(0,0,0,0.01);} #site_nav { width: 90%; margin: 30px auto; font-size: 0px; text-transform: uppercase;} #site_nav > li { width: 20%; display: inline-block; vertical-align: top; text-align: center; } #site_nav > li > a { font-size: 25px; font-weight: bold; color: #000000; text-transform: uppercase; } #site_nav > li > a span.color_line { position: relative; font-family: 'Nanum Myeongjo', serif; font-weight: 800;} #site_nav > li > a span.color_line::before { content: ""; position: absolute; left: 0px; bottom: 5px; width: 100%; height: 8px; background-color: rgba(95,164,80,.3); z-index: -1;} .site_sub_menu { width: 100%; margin-top: 35px;} .site_sub_menu > li { width: 100%; display: block; margin-bottom: 18px; text-transform: capitalize;} .site_sub_menu > li > a { font-size: 15px; color: #666;} .site_sub_menu > li > a:hover {text-decoration: underline;} .site_sub_menu > li:last-child > a {border: none;}