/*================================ MAIN > ���� �����̵� ================================*/ @media (max-width: 3000px) { /* common */ .grayLine {border-top:1px solid #DCDCDC; width:100%; } .grayLine2 {border-bottom:1px solid #DCDCDC; width:100%; } .grayLineM {border-top:1px solid #DCDCDC; width:100%; } .blackLine {border-top:1px solid #222; width:100%; } .blackLine2 {border-top:2px solid #222; width:100%; } .blackLine3 {border-bottom:2px solid #222; width:100%; } a.hNone {text-decoration:none; } a.hNone:hover {text-decoration:none; } .floatR {float:right} .floatL {float:left} .img100 img {width:100%} img.img100 {width:100%} .inline {display:inline-block} .centerH {position:absolute; top:50%;left:50%;color:#fff;transform:translate(-50%,-50%);} .centerR {position:absolute; top:50%;right:5%;color:#fff;transform:translate(0%,-50%);} .centerL {position:absolute; top:50%;left:5%;color:#fff;transform:translate(0%,-50%);} .center {text-align:center} .center0 {margin:0 auto} .dv1 {width:100%} .dv1 li {width:100%; float:left} .dv2 {width:100%} .dv2 li {width:48%; float:left; margin:0 1%} .dv3 {width:100%} .dv3 li {width:33.3%; float:left} .dv4 {width:100%} .dv4 li {width:25%; float:left} .overhidden {overflow:hidden} /* display None*/ .wView {position:relative !important; } .mView {display:none !important} .wView768 {position:relative !important; } .mView768 {display:none !important;} /* skip */ #skipNav{position:relative;z-index:9999;} #skipNav a{position: absolute; top: -200px; left:0; width: 160px; line-height: 30px; border: 1px solid #dedede; background-color: #333; color:#fff; text-align:Center} #skipNav a:focus, #skipNav a:active{top: 0;} /* 3000 ���ο��� */ .video {position:relative; display:inline-block; width:100%; margin-top:90px} .video video{display: inline-block;width:100%;height:auto;} .videoCopy {position:absolute; top:50%;left:25%;color:#fff;transform:translate(-50%,-50%); z-index:10} #content {overflow-x:hidden} .contant100 {width:100%; padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;} .contant100_01 {width:100%; padding-right: 0px;padding-left: 0px;margin-right: auto; margin-left: auto;} .contant1760 {max-width:1760px; width:100%; padding-right:0px;padding-left:0px;margin-right: auto;margin-left: auto;} .contant1520 {max-width:1520px;margin:0 auto;position:relative;} .contant1460 {max-width:1460px; width:100%; padding-right:0px;padding-left:0px;margin-right: auto;margin-left: auto;} .contant1160 {max-width:1160px; width:100%; padding-right:0px;padding-left:0px;margin-right: auto;margin-left: auto; } /* 3000 popup*/ .main-popup {position:absolute; top:110px; right:150px; z-index:100; height:480px;} /*--------------------------------------------- * 3000 Header ----------------------------------------------------------------------------------------------------------------------------*/ #header {position:absolute; top:0; left:0; width:100%; z-index: 1000; border-bottom: 1px solid rgba(221, 221, 221, .4); height: 90px; overflow: hidden; } #header.sub {position:absolute;} #header h1.logo {position:absolute;top:20px;left:80px; z-index: 100;} #header h1.logo a {display:block;width:86px;height:56px;background:url(https://image.edaymall.com/images/dcf/vegemil/img/ico/logo_w.png) no-repeat 0 0;background-size:86px 50px;} #header .header-right {position:absolute;top:17px;right:80px; z-index: 100;} #header .header-right ul.sub_area {margin-top:6px} #header .header-right ul.sub_area > li {display:inline-block; margin-left:20px; vertical-align:middle; } #header .header-right ul.sub_area li:first-child {margin-left:0} #header .header-right ul.sub_area > li {color:#787878; font-size:14px; } #header .header-right ul.sub_area > li > a {text-decoration:none} #header .header-right ul.sub_area > li > a:hover {text-decoration:none; color:#333} li span.level-01 {background:#b63b22; padding:1px 10px;border-radius:10px; color:#fff; margin-right:5px; font-size:12px} li span.level-02 {background:#007dc3; padding:1px 10px;border-radius:10px; color:#fff; margin-right:5px; font-size:12px} li span.level-03 {background:#2b9b2e; padding:1px 10px;border-radius:10px; color:#fff; margin-right:5px; font-size:12px} /* 3000 Default : Gnb */ #gnb{width: 100%; height: 90px; text-align: center; position: relative; } #gnb a{word-break: keep-all; text-decoration: none;} #gnb > ul{display: inline-block; float: none; height: 100%;} #gnb > ul > li{display: inline-block; float: left; height: 100%; padding: 0 60px; min-width: 140px; letter-spacing: 0;} #gnb > ul > li > a{height: 100%; line-height: 90px; font-size: 18px; color: #fff; font-weight:500; padding-top: 0px; display: block; position: relative; } #gnb > ul > li > a::before{content: ""; display: block; position: absolute; left: 0; bottom: 0px; width: 0; height: 3px; background-color: transparent; transition: all .3s ease;} #gnb > ul > li.on > a::before{width: 100%; background-color: #E3A62C;} #gnb > ul > li.on > .depth02_menu_wrap{display: block; z-index: 99; opacity: 1;} /* 3000 Default : 2���� �ڽ�, �������� */ .depth02_menu_wrap{display:none;opacity: 1; position: absolute; left: 0; top: 100%; width: 100%; z-index: 1000; } .depth02_menu_wrap .inner{max-width: 1100px; padding: 30px 10px 40px; margin: 0 auto; display: flex; min-height: 200px; } .depth02_menu_wrap .inner .gnb_depth2{flex-grow: 1; position: relative; border-left: 0px solid #eee; display: flex; flex-wrap: wrap; text-align:center} #gnb > ul > li:nth-of-type(2) .depth02_menu_wrap .inner{width:750px; } #gnb > ul > li:nth-of-type(2) .depth02_menu_wrap .inner .gnb_depth2 > li:nth-of-type(4)::after{display:none;} #gnb > ul > li:nth-of-type(2) .depth02_menu_wrap .inner .gnb_depth2 > li{width:24%;} #gnb > ul > li:nth-of-type(3) .depth02_menu_wrap .inner{width:850px;} #gnb > ul > li:nth-of-type(3) .depth02_menu_wrap .inner .gnb_depth2 > li:nth-of-type(4)::after{display:none;} #gnb > ul > li:nth-of-type(3) .depth02_menu_wrap .inner .gnb_depth2 > li{width:24%;} .depth02_menu_wrap .inner .gnb_depth2 > li{width: 16.5%; text-align: left; padding: 5px 10px 5px 20px; margin-bottom: 20px; text-align:center} .depth02_menu_wrap .inner .gnb_depth2 > li::after{content: ""; position: absolute; top: 0; width: 1px; height: 100%; background-color: transparent;} .depth02_menu_wrap .inner .gnb_depth2 > li > a{display: block; font-weight: 500; color:#222; margin-bottom: 15px; font-size:16px} .depth02_menu_wrap .inner .gnb_depth2 > li > .gnb_depth3{padding: 0 0px;} .depth02_menu_wrap .inner .gnb_depth2 > li > .gnb_depth3 > li{position: relative; padding-left:0px; margin-top: 5px; } .depth02_menu_wrap .inner .gnb_depth2 > li > .gnb_depth3 > li:first-child{margin-top: 0px;} .depth02_menu_wrap .inner .gnb_depth2 > li > .gnb_depth3 > li > a{font-size: 14px; color:#787878} .depth02_menu_wrap .inner .gnb_depth2 > li > .gnb_depth3 > li > a:hover, .depth02_menu_wrap .inner .gnb_depth2 > li > .gnb_depth3 > li > a:focus{color: #E3A62C; font-weight: 500; border-bottom:1px solid #E3A62C} .depth02_menu_wrap .inner .gnb_depth2 > li > .gnb_depth3 > li img {max-width:10px; margin-left:1px; margin-top:-1px } .depth02_menu_wrap .inner .gnb_depth2 > li > .gnb_depth3 > li a .ico_arrow_gray {background: url(https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_arrow_gray.png) no-repeat 0 0; display:inline-block; vertical-align:middle; background-size:9px 9px; height:9px; width:9px} .depth02_menu_wrap .inner .gnb_depth2 > li > .gnb_depth3 > li a:hover .ico_arrow_gray {background: url(https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_arrow_gold.png) no-repeat 0 0; display:inline-block; vertical-align:middle; background-size:9px 9px; height:9px; width:9px} .full_dep ul li .ico_arrow_gray {background: url(https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_arrow_gray.png) no-repeat 0 0; display:inline-block; vertical-align:middle; background-size:9px 9px; height:9px; width:9px} .full_dep ul li:hover .ico_arrow_gray {background: url(https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_arrow_gold.png) no-repeat 0 0; display:inline-block; vertical-align:middle; background-size:9px 9px; height:9px; width:9px} /* 3000 Default : white */ #header.white {background-color: #fff;} #header.white h1.logo a {background-image:url(https://image.edaymall.com/images/dcf/vegemil/img/ico/logo.png); background-size:86px 50px } #header.white #gnb > ul > li > a{color: #333;} /* 3000 Default : open */ #header.open {height: 90px; border-bottom: none; background-color: #fff; background-repeat: no-repeat; background-position: right bottom; overflow: hidden; border-bottom: 1px solid #ddd; box-shadow: 0 5px 5px rgba(100,100,100,.05); z-index: 1500;} #header.open .bg{width: 100%; height: 91px; position: absolute; left: 0; top: 0; background: #fff; border-bottom: 1px solid #ddd;} #header.open h1.logo a {background-image:url(https://image.edaymall.com/images/dcf/vegemil/img/ico/logo.png) ; background-size:86px 50px} #header.open #gnb > ul > li > a{color: #333;} /* 3000 Default : fullMenu */ .overlay {height: 0;width: 100%;position: fixed;z-index: 1;top: 0;left: 0;background-color: #222222;background-color: rgba(34,34,34, 1);overflow-y: hidden;transition: 0.5s;} .overlay-content {position: relative;top: 0%;height: 100%;margin-top: 0px; } .overlay a {text-decoration: none;display: block;transition: 0.3s; color: #fff } .overlay a:hover, .overlay a:focus {color: #fff;} .full_logo {top:20px;left:80px; position:absolute;} ul.full-header-right {position:absolute;top:27px;right:80px; z-index: 100; clear:both; } ul.full-header-right > li {vertical-align:middle; } ul.full-header-right > li:first-child {margin-left:0px} ul.full-header-right > li {margin-left:20px; display:inline-block; color:#aeaeae} ul.full-header-right > li a {color:#aeaeae; text-decoration:none;} ul.full-header-right > li:last-child {margin-top:-4px;} dl.full_box {position:relative; width:100%; } dl.full_box dd:first-child { height:90px; border-bottom:0px;} dl.full_box dd.full_dep {border-bottom:1px solid #666666; position:relative; padding-left:12%; padding-bottom:45px; padding-top:20px; display:inline-block; width:100%;margin:0; } dl.full_box dd:last-child { border-bottom:0px;} dl.full_box dd.full_dep div, dl.full_box dd.full_dep ul {float:left; width:11% ;} dl.full_box dd.full_dep ul li {display:block; width:100%; padding-left:0; } dl.full_box dd.full_dep ul li:first-child {font-size:18px; margin-bottom:10px } dl.full_box dd.full_dep ul li:first-child a {color:#fff;} dl.full_box dd.full_dep ul li:first-child a:hover {color:#E3A62C} dl.full_box dd.full_dep ul li {margin-bottom:5px; text-align:center} dl.full_box dd.full_dep ul li a {color:#aeaeae} dl.full_box dd.full_dep ul li a:hover {color:#E3A62C; text-decoration:none} dl.full_box dd.full_dep div.fd_title {width:320px} .custom-sel select {border:0; color:#333; background:none; cursor:pointer;} .custom-sel.gray select {border:0; color:#aeaeae; background:none; } .btn_fullMenu {background-image:url(https://image.edaymall.com/images/dcf/vegemil/img/btn/btn_fullMenu.png) ; width:40px;height:40px; display:inline-block; background-size:40px 40px; position:relative; cursor:pointer;} /* //3000 Default : fullMenu */ /* 3000 Brand Header : GREEN*/ .greenHeader #header {background:#02A85A} .greenHeader #header h1.logo a {background-image:url(https://image.edaymall.com/images/dcf/vegemil/img/ico/logo_w.png); background-size:86px 50px } .greenHeader #header {position:absolute; top:0; left:0; width:100%; z-index: 1000; border-bottom: 1px solid #02A85A; height: 90px; overflow: hidden; } .greenHeader #header.sub {position:absolute;} .greenHeader #header h1.logo {position:absolute;top:20px;left:80px; z-index: 100;} .greenHeader #header h1.logo a {display:block;width:86px;height:56px;background:url(https://image.edaymall.com/images/dcf/vegemil/img/ico/logo_w.png) no-repeat 0 0;background-size:86px 50px; } .greenHeader #header .header-right {position:absolute;top:17px;right:80px; z-index: 100;} .greenHeader #header .header-right ul.sub_area > li {display:inline-block; margin-left:20px; } .greenHeader #header .header-right ul.sub_area li:first-child {margin-left:0} .greenHeader #header .header-right ul.sub_area > li {color:#fff; font-size:14px; } .greenHeader #header .header-right ul.sub_area > li > a {text-decoration:none;color:#fff} .greenHeader #header .header-right ul.sub_area > li > a:hover {text-decoration:none; color:#fff} .greenHeader #header #gnb > ul > li > a{color:#fff} .greenHeader #header .custom-sel select {color:#fff} .greenHeader #header .custom-sel select option {color:#222} .greenHeader #header.white.open {background:#fff} .greenHeader #header.open {height: 90px; border-bottom: none; background-color: #02A85A; background-image: url('../images/common/ic_menu_bg_1.png'); background-repeat: no-repeat; background-position: right bottom; overflow: hidden; border-bottom: 1px solid #ddd; box-shadow: 0 5px 5px rgba(100,100,100,.05); z-index: 1500;} .greenHeader #header.open .bg{width: 100%; height: 91px; position: absolute; left: 0; top: 0; background:#02A85A; border-bottom: 1px solid #ddd;} .greenHeader #header.open h1.logo a {background-image:url(https://image.edaymall.com/images/dcf/vegemil/img/ico/logo_w.png) ; background-size:86px 50px} .greenHeader #header.open #gnb > ul > li > a{color: #fff;} .greenHeader #header .btn_fullMenu {background-image:url(https://image.edaymall.com/images/dcf/vegemil/img/btn/btn_fullMenu_w.png) ; width:40px;height:40px; display:inline-block; background-size:40px 40px; position:relative; cursor:pointer;} /* //3000 Brand Header : GREEN*/ /* 3000 Brand Header : PINK*/ .pinkHeader #header {background:#E5264D} .pinkHeader #header h1.logo a {background-image:url(https://image.edaymall.com/images/dcf/vegemil/img/ico/logo_w.png); background-size:86px 50px } .pinkHeader #header {position:absolute; top:0; left:0; width:100%; z-index: 1000; border-bottom: 1px solid #E5264D; height: 90px; overflow: hidden; } .pinkHeader #header.sub {position:absolute;} .pinkHeader #header h1.logo {position:absolute;top:20px;left:80px; z-index: 100;} .pinkHeader #header h1.logo a {display:block;width:86px;height:56px;background:url(https://image.edaymall.com/images/dcf/vegemil/img/ico/logo_w.png) no-repeat 0 0;background-size:86px 50px; } .pinkHeader #header .header-right {position:absolute;top:17px;right:80px; z-index: 100;} .pinkHeader #header .header-right ul.sub_area > li {display:inline-block; margin-left:20px; } .pinkHeader #header .header-right ul.sub_area li:first-child {margin-left:0} .pinkHeader #header .header-right ul.sub_area > li {color:#fff; font-size:14px; } .pinkHeader #header .header-right ul.sub_area > li > a {text-decoration:none;color:#fff} .pinkHeader #header .header-right ul.sub_area > li > a:hover {text-decoration:none; color:#fff} .pinkHeader #header #gnb > ul > li > a{color:#fff} .pinkHeader #header .custom-sel select {color:#fff} .pinkHeader #header .custom-sel select option {color:#222} .pinkHeader #header.white.open {background:#fff} .pinkHeader #header.open {height: 90px; border-bottom: none; background-color: #E5264D; background-image: url('../images/common/ic_menu_bg_1.png'); background-repeat: no-repeat; background-position: right bottom; overflow: hidden; border-bottom: 1px solid #ddd; box-shadow: 0 5px 5px rgba(100,100,100,.05); z-index: 1500;} .pinkHeader #header.open .bg{width: 100%; height: 91px; position: absolute; left: 0; top: 0; background:#E5264D; border-bottom: 1px solid #ddd;} .pinkHeader #header.open h1.logo a {background-image:url(https://image.edaymall.com/images/dcf/vegemil/img/ico/logo_w.png) ; background-size:86px 50px} .pinkHeader #header.open #gnb > ul > li > a{color: #fff;} .pinkHeader #header .btn_fullMenu {background-image:url(https://image.edaymall.com/images/dcf/vegemil/img/btn/btn_fullMenu_w.png) ; width:40px;height:40px; display:inline-block; background-size:40px 40px; position:relative; cursor:pointer;} /* //3000 Brand Header : PINK*/ /* 3000 Brand Header : PUPPLE */ .puppleHeader #header {background:#7375FB} .puppleHeader #header h1.logo a {background-image:url(https://image.edaymall.com/images/dcf/vegemil/img/ico/logo_w.png); background-size:86px 50px } .puppleHeader #header {position:absolute; top:0; left:0; width:100%; z-index: 1000; border-bottom: 1px solid #7375FB; height: 90px; overflow: hidden; } .puppleHeader #header.sub {position:absolute;} .puppleHeader #header h1.logo {position:absolute;top:20px;left:80px; z-index: 100;} .puppleHeader #header h1.logo a {display:block;width:86px;height:56px;background:url(https://image.edaymall.com/images/dcf/vegemil/img/ico/logo_w.png) no-repeat 0 0;background-size:86px 50px; } .puppleHeader #header .header-right {position:absolute;top:17px;right:80px; z-index: 100;} .puppleHeader #header .header-right ul.sub_area > li {display:inline-block; margin-left:20px; } .puppleHeader #header .header-right ul.sub_area li:first-child {margin-left:0} .puppleHeader #header .header-right ul.sub_area > li {color:#fff; font-size:14px; } .puppleHeader #header .header-right ul.sub_area > li > a {text-decoration:none;color:#fff} .puppleHeader #header .header-right ul.sub_area > li > a:hover {text-decoration:none; color:#fff} .puppleHeader #header #gnb > ul > li > a{color:#fff} .puppleHeader #header .custom-sel select {color:#fff} .puppleHeader #header .custom-sel select option {color:#222} .puppleHeader #header.white.open {background:#fff} .puppleHeader #header.open {height: 90px; border-bottom: none; background-color: #7375FB; background-image: url('../images/common/ic_menu_bg_1.png'); background-repeat: no-repeat; background-position: right bottom; overflow: hidden; border-bottom: 1px solid #ddd; box-shadow: 0 5px 5px rgba(100,100,100,.05); z-index: 1500;} .puppleHeader #header.open .bg{width: 100%; height: 91px; position: absolute; left: 0; top: 0; background:#7375FB; border-bottom: 1px solid #ddd;} .puppleHeader #header.open h1.logo a {background-image:url(https://image.edaymall.com/images/dcf/vegemil/img/ico/logo_w.png) ; background-size:86px 50px} .puppleHeader #header.open #gnb > ul > li > a{color: #fff;} .puppleHeader #header .btn_fullMenu {background-image:url(https://image.edaymall.com/images/dcf/vegemil/img/btn/btn_fullMenu_w.png) ; width:40px;height:40px; display:inline-block; background-size:40px 40px; position:relative; cursor:pointer;} /* //3000 Brand Header : PUPPLE */ /* 3000 Brand Header : BLUE */ .blueHeader #header {background:#008BD5} .blueHeader #header h1.logo a {background-image:url(https://image.edaymall.com/images/dcf/vegemil/img/ico/logo_w.png); background-size:86px 50px } .blueHeader #header {position:absolute; top:0; left:0; width:100%; z-index: 1000; border-bottom: 1px solid #008BD5; height: 90px; overflow: hidden; } .blueHeader #header.sub {position:absolute;} .blueHeader #header h1.logo {position:absolute;top:20px;left:80px; z-index: 100;} .blueHeader #header h1.logo a {display:block;width:86px;height:56px;background:url(https://image.edaymall.com/images/dcf/vegemil/img/ico/logo_w.png) no-repeat 0 0;background-size:86px 50px; } .blueHeader #header .header-right {position:absolute;top:17px;right:80px; z-index: 100;} .blueHeader #header .header-right ul.sub_area > li {display:inline-block; margin-left:20px; } .blueHeader #header .header-right ul.sub_area li:first-child {margin-left:0} .blueHeader #header .header-right ul.sub_area > li {color:#fff; font-size:14px; } .blueHeader #header .header-right ul.sub_area > li > a {text-decoration:none;color:#fff} .blueHeader #header .header-right ul.sub_area > li > a:hover {text-decoration:none; color:#fff} .blueHeader #header #gnb > ul > li > a{color:#fff} .blueHeader #header .custom-sel select {color:#fff} .blueHeader #header .custom-sel select option {color:#222} .blueHeader #header.white.open {background:#fff} .blueHeader #header.open {height: 90px; border-bottom: none; background-color: #008BD5; background-image: url('../images/common/ic_menu_bg_1.png'); background-repeat: no-repeat; background-position: right bottom; overflow: hidden; border-bottom: 1px solid #ddd; box-shadow: 0 5px 5px rgba(100,100,100,.05); z-index: 1500;} .blueHeader #header.open .bg{width: 100%; height: 91px; position: absolute; left: 0; top: 0; background:#008BD5; border-bottom: 1px solid #ddd;} .blueHeader #header.open h1.logo a {background-image:url(https://image.edaymall.com/images/dcf/vegemil/img/ico/logo_w.png) ; background-size:86px 50px} .blueHeader #header.open #gnb > ul > li > a{color: #fff;} .blueHeader #header .btn_fullMenu {background-image:url(https://image.edaymall.com/images/dcf/vegemil/img/btn/btn_fullMenu_w.png) ; width:40px;height:40px; display:inline-block; background-size:40px 40px; position:relative; cursor:pointer;} /* //3000 Brand Header : BLUE */ /* 3000 main > floting */ #flotingPage {position:relative; min-height:820px; } .floting-left {position:relative; float:left; max-width:1310px; width:100% } .floting-right {position:relative; float:right; max-width:410px; width:100%; text-align:left; } .floting-left_prd {position:relative; float:left; max-width:410px; width:100% } .floting-right_prd {position:relative; max-width:1310px; width:100%; text-align:left; margin:0px auto; float:right} .floting{position:absolute; padding-bottom:0px; width:100%; padding:0px; background:#fff; } .floting .flotingContent {border:1px solid #DCDCDC;padding:40px 50px; border-radius:10px; position:relative;} ul.f_ul {position:relative; } ul.f_ul li { float:left;margin-right:10px; margin-bottom:30px } ul.f_ul li div {width:95px; position:relative; border-radius:10px; padding:30px 0} ul.f_ul li:nth-child(3n) {margin-right:0px; } ul.f_ul li div img {width:100%; max-width:95px} ul.f_ul li p {width:100%; text-align:center; margin-top:7px; color:#222222 } ul.f_ul li .bg01 {background:#D2F4EA} ul.f_ul li .bg02 {background:#E9E9FF} ul.f_ul li .bg03 {background:#D4EAFF} ul.f_ul li .bg04 {background:#F6F1D1} ul.f_ul li .bg05 {background:#FFECD4} ul.f_ul li span {position:absolute;right:5px; top:-13px; width:32px; text-align:center; color:#fff; padding:5px 8px; border-radius:25px; font-size:13px; font-weight:500;} ul.f_ul span.count01 {background:#00A256; } ul.f_ul span.count02 {background:#7375FB} ul.f_ul span.count03 {background:#23A3EB} ul.f_ul span.count04 {background:#E3A62C} ul.f_ul span.count05 {background:#E35234} ul.f_ul_middle {position:relative; width:100%; height:auto; border-top:2px solid #000; border-bottom:2px solid #000; margin-top:10px; display:inline-block; padding-bottom:0} ul.f_ul_middle li {width:33%; float:left; text-align:center; padding:10px 0; background: url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_dashed2.png") bottom repeat-x; } ul.f_ul_middle li img {width:100%; max-width:36px} ul.f_ul_middle li p {height:36px; line-height:120%; margin-top:3px} ul.f_ul_middle li:nth-child(7) p{height:20px} ul.f_ul_middle li:nth-child(8) p{height:20px} /* --------------------------------------------- 3000 hover-master --------------------------------------------- */ /* Float Shadow */ .hvr-float-shadow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-float-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 15px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } .hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active { -webkit-transform: translateY(-15px); transform: translateY(-15px); /* move the element up by 5px */ } .hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before { opacity: 1; -webkit-transform: translateY(15px); transform: translateY(15px); /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */ } /* ul.f_ul_middle li:nth-child(1){padding:18.5px 0} ul.f_ul_middle li:nth-child(3){padding:19.5px 0} ul.f_ul_middle li:nth-child(5){padding:19.5px 0} ul.f_ul_middle li:nth-child(6){padding:19.5px 0} ul.f_ul_middle li:nth-child(7){padding:15px 0; background:none} ul.f_ul_middle li:nth-child(8){padding:13px 0; background:none} ul.f_ul_middle li:nth-child(9){padding:15.5px 0; background:none} */ /* ���������� ������ ul.f_ul_middle li:nth-child(1) img {width:36.2px} ul.f_ul_middle li:nth-child(2) img {width:45.45px} ul.f_ul_middle li:nth-child(3) img {width:41px} ul.f_ul_middle li:nth-child(4) img {width:34px} ul.f_ul_middle li:nth-child(5) img {width:38px} ul.f_ul_middle li:nth-child(6) img {width:27px} ul.f_ul_middle li:nth-child(7) img {width:34.7px} ul.f_ul_middle li:nth-child(8) img {width:22.5px} ul.f_ul_middle li:nth-child(9) img {width:28px} */ ul.f_ul_middle li img {text-align:center; } ul.f_ul_middle li p {width:100%; text-align:center } /* BG */ .sbg01 {position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/bnr/bnr_main_big01.png) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center} .sbg02 {position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/bnr/bnr_main_big02.png) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center} .sbg03 {position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/bnr/bnr_main_big03.png) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center} .sbg03-1 {position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/bnr/bnr_main_big03-1.png) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center} .subTopRelatedCompany {position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/company/subTopRelatedCompany.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center} .subTopFinance{position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/company/subTopFinance.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center} .subTopGreetings{position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/company/subTopGreetings.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center} .subTopProfile{position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/company/subTopProfile.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center} .subTopGreetingsPhD{position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/R&D/subTopGreetinsPhD.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center} .subTopHaccp{position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/R&D/subTopHaccp.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center} .subTopFssc{position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/R&D/subTopFssc.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center} .subTopHalal{position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/R&D/subTopHalal.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center} .subTopEpd{position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/R&D/subTopEnvironment.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center} .subTopRandD{position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/R&D/subTopR&D.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center} .subTopCp{position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/communication/subTopCp.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center} .subTopHistory {position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/company/subTopHistory.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center} .subTopFactory {position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/R&D/subTopFactory.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center} .subTopPress {position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/company/subTopPress.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center} .subTopNotice {position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/company/subTopNotice.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center} .subFaq {position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/communication/faq.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center} .subTopCommunication {position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/bnr/subTopCommunication.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center} .subTopFactory{position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/R&D/subTopFactory.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center} .subTopExcursions{position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/R&D/subTopExcursions.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center} .subTopRndIntroduce{position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/R&D/subTopRndIntroduce.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center} .subTopCcm{position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/company/subTopFinance.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center} .subTopDcfMedia{position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/company/subTopDcfMedia.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center} .subTopDcfContest{position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/company/subTopDcfContest.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center} .subTopCook{position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/product/recipe/subTopCook.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center} .subTopHeri{position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/company/subTopHeri.jpg) no-repeat scroll 0 0; right:0; top:0; background-position:right; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center} .subMiddleHeri01{position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/company/subMiddleHeri01.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center} .subMiddleHeri02{position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/company/subMiddleHeri02.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center} .subMiddleHeri03{position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/company/subMiddleHeri03.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center} .subTopEvent {position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/communication/subTopEvent.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center} .subTopISO {position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/R&D/subTopISO.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center} .bnr_login {position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/bnr/bnr_login.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center} .bg_rightBlue {background:#F1F4F5} .bg_White {background:#fff} .bg_Green {background:#02A85A} .bg_Pink {background:#E5264D} .bg_Gray{background:#F1F4F5; } .bg_Blue {background:#7AAAB4} .bg_Blue2 {background:#008BD5} .bg_Pupple {background:#7375FB} .line_gray_gray {border-bottom:1px solid #DCDCDC} .line_top_gray {border-top:1px solid #DCDCDC} .line_bottom_gray {border-bottom:1px solid #DCDCDC} /* 3000 ���� */ .w50 {max-width:50px; width:100%} .w100 {max-width:100px; width:100%} .w120 {max-width:120px; width:100%} .w130 {max-width:130px; width:100%} .w140 {max-width:140px; width:100%} .w150 {max-width:150px; width:100%} .w160 {max-width:160px; width:100%} .w170 {max-width:170px; width:100%} .w180 {max-width:180px; width:100%} .w190 {max-width:190px; width:100%} .w200 {max-width:200px; width:100%} .w210 {max-width:210px; width:100%} .w220 {max-width:220px; width:100%} .w230 {max-width:230px; width:100%} .w240 {max-width:240px; width:100%} .w250 {max-width:250px; width:100%} .w260 {max-width:260px; width:100%} .w270 {max-width:270px; width:100%} .w280 {max-width:280px; width:100%} .w290 {max-width:290px; width:100%} .w300 {max-width:300px; width:100%} .w310 {max-width:310px; width:100%} .w320 {max-width:320px; width:100%} .w330 {max-width:330px; width:100%} .w340 {max-width:340px; width:100%} .w500 {max-width:500px; width:100%} .w560 {max-width:560px; width:100%} .w700 {max-width:700px; width:100%} .w860 {max-width:860px; width:100%; } .w1160 {max-width:1160px; width:100%} .max1160 {max-width:1160px} /* 3000 ���� */ .h800 {height:800px} .h760 {height:760px} .h700 {height:700px} .h650 {height:650px} .h600 {height:600px} .h590 {height:590px} .h580 {height:580px} .h540 {height:540px} .h530 {height:530px} .h520 {height:520px} .h500 {height:500px} .h480 {height:480px} .h460 {height:460px} .h440 {height:440px} .h420 {height:420px} .h400 {height:400px} .h380 {height:380px} .h370 {height:370px} .h360 {height:360px} .h340 {height:340px} .h330 {height:330px} .h320 {height:320px} .h300 {height:300px} .h280 {height:280px} .h260 {height:260px} .h230 {height:230px} .h200 {height:200px} .h190 {height:190px} /* 3000 BTN */ .btnType01 {background:#fff; border-radius:5px; color:#000;display:inline-block; } .btnType01 a {display:inline-block; padding:10px 50px; color:#222} .btnType01 a:hover { color:#222} .btnType02 { background:#222; border-radius:5px; color:#000;display:inline-block; font-size:16px; padding-right:20px } .btnType02 a {color:#fff} .btnType02 span {background:url(https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_white_arrow.png) no-repeat right 17px; background-size:7px; padding:10px 70px 10px 20px; display:inline-block; } .btnType02 a:hover { color:#fff} .btnType03 { background:#fff; border-radius:5px; color:#000;display:inline-block; font-size:16px; padding-right:20px; border:1px solid #222222; padding:8px 20px; } .btnType03 a:hover {color:#222} .btnType03 img {width:12px} .btnType04 {border:1px solid #707070; border-radius:10px; max-width:860px; text-align:Center; margin:0 auto; } .btnType04 a {padding:23px 0; display:inline-block; width:100%} .btnType04 a:hover {color:#222222} .btnType04.mb40 {margin-bottom:30px} .btnType05 {border:1px solid #707070; border-radius:10px; max-width:860px; text-align:Center; margin:0 auto; background:#222222} .btnType05 a {padding:23px 0; display:inline-block; width:100%; color:#fff} .btnType05 a:hover {color:#fff} .btnType05.mb40 {margin-bottom:30px} .btnType06 { background:#fff; border-radius:5px; color:#222;display:inline-block; font-size:16px; padding-right:20px; border:1px solid #DCDCDC; border-radius:5px } .btnType06 a {color:#222} .btnType06 span {background:url(https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_blackRight.png) no-repeat right 17px; background-size:7px; padding:9px 70px 9px 20px; display:inline-block; } .btnType06 a:hover { color:#222} .btnType06.hover:hover { background:#222; border-radius:5px; color:#fff;display:inline-block; font-size:16px; padding-right:20px; border:1px solid #DCDCDC; border-radius:5px } .btnType06.hover a:hover {color:#fff} .btnType06.hover a:hover span {background:url(https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_white_arrow.png) no-repeat right 17px; background-size:7px; padding:9px 70px 9px 20px; display:inline-block; } .btnType06.hover a:hover { color:#fff} button.btnType07 { background:#222222; border-radius:5px; color:#fff;display:inline-block; ; border-radius:5px; width:100%; padding:21px 0 } .btnType08 { background:#fff; border-radius:5px; ;display:inline-block; border:1px solid #DCDCDC; text-align:center; border-radius:10px; width:100%; } .btnType08 a{padding:12px 0; display:inline-block; color:#222} .btnType08 a:hover {color:#222} .btnType08 img {max-width:20px} .w560 .dv2 li:first-child .btnType08 img {max-width:18px} button.btnType09 { background:#fff; border-radius:5px; color:#222;display:inline-block; ; border-radius:5px; padding:12px 25px ; border:1px solid #222222; vertical-align:top; font-size:16px} button.btnType10 { background:#fff; border-radius:5px; color:#787878; display:inline-block; ; border-radius:5px; width:100%; padding:20px 0; border:1px solid #DCDCDC; } .btnType11 {border:1px solid #707070; border-radius:5px; max-width:200px; width:100%; text-align:Center; margin:0 auto; background:#222222} .btnType11 a {padding:13px 0; display:inline-block; width:100%; color:#fff} .btnType11 a:hover {color:#fff} .btnType12 { background:#fff; border-radius:5px; color:#222;display:inline-block; font-size:16px; padding-right:20px; border:1px solid #DCDCDC; border-radius:5px } .btnType12 a {color:#222} .btnType12 span {background:url(https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_blackRight.png) no-repeat right 17px; background-size:5px; padding:9px 70px 9px 20px; display:inline-block; } .btnType13 {background:none} button.btnType14 { background:#222; border-radius:5px; color:#fff;display:inline-block; border-radius:5px; padding:8px 0px ; border:1px solid #222222; vertical-align:top; font-size:16px; max-width:160px; width:50%} button.btnType15 { background:#fff; border-radius:5px; color:#222;display:inline-block; ; border-radius:5px; padding:8px 0px ; border:1px solid #222222; vertical-align:top; font-size:16px; max-width:160px; width:50%} .btnType16 { background:#fff; border-radius:5px; color:#222;display:inline-block; font-size:16px; padding-right:20px; border:1px solid #DCDCDC; border-radius:5px; } .btnType16 a {color:#222} .btnType16 span {background:url(https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_blackRight.png) no-repeat right 18px; background-size:5px; padding:11px 0px 11px 20px; display:inline-block; width:180px } button.btnType17 { background:#DCDCDC; border-radius:5px; color:#fff;display:inline-block; ; border-radius:5px; width:100%; padding:21px 0 } button.btnType17.active { background:#222222; border-radius:5px; color:#fff;display:inline-block; ; border-radius:5px; width:100%; } .btnType18 { background:#fff; border-radius:5px; color:#000;display:inline-block; font-size:16px; padding-right:20px; border:1px solid #DCDCDC; padding:6px 20px } .btnType18 a {color:#222} .btnType18 img {width:14px;margin-right:5px} .btnType19 { background:#222; border-radius:5px; color:#000;display:inline-block; font-size:18px; width:100%; text-align:center; border:1px solid #222 } .btnType19 a {color:#fff; padding:17px 0; width:100%;display:inline-block;} .btnType19 a:hover {color:#fff} .btnType20 { background:#fff; border-radius:5px; color:#;display:inline-block; font-size:18px; width:100%; text-align:center; border:1px solid #DCDCDC } .btnType20 a {color:#000; padding:17px 0; width:100%;display:inline-block;} .btnType20 a:hover {color:#000} .btnType21{width: 100%; border-bottom: 3px solid #000; } .btnType21 a{background:url(https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_blackRight.png) no-repeat right 18px; background-size:5px; padding:10px 30px 10px 0px; display:inline-block;} .btnType21 a:hover {color:#000} .btnType22{max-width: 200px; display: block; margin: 0 auto; background-color: #fff;} .btnType22 a{background:url(https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_blackRight.png) no-repeat right 18px; background-size:5px; padding:10px 20px 10px 0px; display:inline-block;} .btnType22 a:hover {color:#000} .btnType23 li{padding: 0 10px;} .btnType23 li a{ display: inline-block; width: 100%; height: 80px; line-height: 80px; border-radius: 10px; } .btnType23 li a:hover{color: #000;} .btnType23 li a span{background:url(https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_blackRight.png) no-repeat right 8px; background-size:8px; padding:11px 0px 11px 20px; display:inline-block; width:10px;} .btnType23 li:nth-child(1) a{background-color: #ECF6FF;} .btnType23 li:nth-child(2) a{background-color: #EDEDFA;} .btnType23 li:nth-child(3) a{background-color: #F1F4F5;} .btnType24{ max-width: 200px; background:#fff; border-radius:5px; color:#222; display:block; font-size:16px; } .btnType24 a {color:#222} .btnType24 span {background:url(https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_blackRight.png) no-repeat 90% 20px; background-size:5px; padding:11px 0px 11px 20px; display:inline-block; width:100%; } .btnType24 a:hover{color: #222;} .btnType25 {max-width:200px;width:80%; margin:0 auto} button.btnType26 { background:#222; border-radius:5px; color:#fff;display:inline-block; border-radius:5px; padding:7px 0px ; border:1px solid #222222; vertical-align:top; font-size:16px; max-width:100px; width:50%} .btnType27 { background:#222; border-radius:5px; color:#fff;display:inline-block; font-size:16px; border:1px solid #DCDCDC; } .btnType27 a {color:#fff; display:inline-block; padding:6px 20px} .btn-admin {background:#000; padding:1px 15px; border-radius:10px} .btn-admin a{color:#fff} ul.foot-btn-box {position:relative} ul.foot-btn-box li {display:inline-block; margin-left:5px} ul.header-btn-box {position:relative} ul.header-btn-box li {display:inline-block; margin-left:5px} /* 3000 ��������,��� */ div.person {position:relative; width:100%; border:1px solid #DCDCDC; padding:150px 100px; text-align:left; height:500px; overflow-y:scroll} .sel01.w300 {width:300px} /* 3000 company (����ī�װ�, ���û�,����) */ .subCategoryBg{position: relative; background-image: linear-gradient(to bottom, #F1F4F5 70%, #fff 30%);} .whiteBg{background-color: #fff; border-top: 1px solid #DCDCDC; } .subCategory{position: relative; width: 100%; position: absolute;} .subCategory ul{position: relative;} .subCategory ul li{display: inline-block; padding: 15px 20px; background:url(https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_lineS.png) right 16px no-repeat;} .subCategory li:last-child{background: none;} .subCategory ul li.active{ border-bottom: 2px solid #000; } .subCategory ul li.active a{font-size: 18px; color: #222; } .subCategory ul li a{font-size: 16px; color: #787878; } .companyLeftInfo01 > ul li{ display: inline-block; } .companyLeftInfo01 > ul li:first-child{margin-right: 25px;} .companyLeftInfo01, .companyLeftInfo02{padding: 0 50px 0 50px;} .companyLeftInfo02 > p{display: inline-block; padding: 0px 20px 0px 0px; background:url(https://image.edaymall.com/images/dcf/vegemil/img/ico/aroww_down.png) right 15px no-repeat;} .companyLeftInfo02 > p::before{ content: ""; display: inline-block; color: #E3A62C; padding: 12px 5px 15px 15px; background: url(https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_ydot.png) left 15px no-repeat; } .companyLeftInfo02 > div{background-color: #F1F4F5; padding: 40px; border-radius: 10px;} .companyRightNNP{width: 100%; height: 570px; border-radius: 20px; background: url(https://image.edaymall.com/images/dcf/vegemil/img/company/nnp_01.jpg) center center no-repeat;} .companyRightOSSE{width: 100%; height: 570px; border-radius: 20px; background: url(https://image.edaymall.com/images/dcf/vegemil/img/company/osse_01.jpg) center center no-repeat;} .companyRightInfo02{display: flex; flex-wrap: wrap; padding: 50px 0; text-align: center; border: 1px solid #DFDFDF; border-radius: 10px;} .companyRightInfo02 li{display: inline-block; padding: 15px 20px; background:url(https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_lineD.png) right 16px no-repeat;} .companyRightInfo02 li:last-child{background: none;} .hcfInfo li{ padding: 20px;} /* 3000 company (����) */ .financeBox .verticalType03{max-width: 340px;} .ver-title03 { width:100%; padding: 5px 0px; padding-right:20px; border-top:1px solid #DCDCDC; border-bottom: 2px solid #000;} .ver-title03 a {background: url("https://image.edaymall.com/images/dcf/vegemil/img/ico/arrow_black.png") right 17px no-repeat;display: block; padding:10px 20px ;margin: 0;color: #000; text-decoration:none; background-size:11px} .ver-title03 p {padding:0px 0px; } .ver-title03 a:hover {color:#000; text-decoration:none} .ver-title03.open {border-radius:0px; border-bottom:0} .ver-title03.open a { background-position: right -21px;color:#000; font-weight:500} .ver-title03 + div { padding: 0px; } .verticalType03 { width:100%; position:relative; z-index:100;} .verticalType03 .ver-title03 + div { height: 0px; padding: 0px; overflow: hidden; position:absolute; width:100%; display: block!important; -webkit-transform: translateZ(0); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition:all 0.3s ease; transition: all 0.3s ease; } .verticalType03 .v_content { margin-top:0px; padding: 0px 0; margin-left:0px; font-size:14px; color:#fff; line-height:160%; letter-spacing:-0.2px; background:#fff; font-weight:300; padding-bottom:0px;border:1px solid #DCDCDC; border-top:0; background:#fff; position:relative } .verticalType03 .v_content p { margin-bottom:10px; text-decoration:none; border-top:1px solid #DCDCDC;margin:0 } .verticalType03 .v_content p:first-child{border-top: 1px solid #000;} .verticalType03 .v_content p a {text-decoration:none; color:#787878; padding:10px 0 10px 38px; display:inline-block; width:100% } .verticalType03 .v_content p:hover {background:#F1F4F5} .verticalType03 .ver-title02.open + div {height: auto;} .verticalType03 .ver-title02.close {opacity:1; } /* 3000 company (��ǥ�̻� �λ縻) */ .greetingsBg ul{background: url(https://image.edaymall.com/images/dcf/vegemil/img/company/greetingsBg.jpg) center center no-repeat; border-radius: 20px; position: relative;height: 660px;display: flex;flex-wrap: wrap;} .greetingsBg > ul > li > img{position: absolute;bottom: 0px;left: 0px;z-index: 100;} .greetingsBg li:first-child{ padding-left: 200px;} .greetingsInfo{ position: relative; background-color: #fff; width: 100%; padding: 100px 50px; border-radius: 20px; margin-top: -80px; z-index: -100px;} .greetingSign{position: relative; z-index:100} .greetingSign img{position: absolute; right: 10%; top:-150px} .greeBox {position:relative; width:100%; max-width:570px;} /* 3000 company (���û� ������) */ .profileBg{ background: url(https://image.edaymall.com/images/dcf/vegemil/img/company/profileBg.jpg) center center no-repeat; border-radius: 20px; position: relative; height: 660px; display: flex; flex-wrap: wrap; align-items: center; } .profileBg div{ padding-left: 200px; } .profileBg div p{text-shadow: 0px 3px 15px rgba(0,0,0,10%);} .profileInfo{ position: relative; background-color:#fff;; width: 100%; padding: 50px 20px; border-radius: 20px; margin-top: -120px; z-index: -100px; box-shadow: 5px 7px 24px 6px rgb(0,0,0,15%); } .profileInfo ul li{ display: flex; justify-content: center; background:url(https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_lineD.png) right 16px no-repeat; } .profileInfo ul li:last-child{background: none;} .profileInfo ul li img{max-width: 60px; max-height: 60px; margin-right: 20px;} .greetingsRightInfo{display: flex; flex-wrap: nowrap; padding: 50px 0; text-align: center; border: 1px solid #DFDFDF; border-radius: 20px;} .greetingsRightInfo li{display: inline-block; padding: 15px 20px; background:url(https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_lineD.png) right 16px no-repeat;} .greetingsRightInfo li:last-child{background: none;} .logoInfo{ border: 1px solid #DCDCDC; border-radius: 20px; padding: 70px; display: flex; align-items: center; } .logoInfo li:first-child{padding-right: 70px;} .logoInfo li:nth-child(2){border-left: 1px solid #dcdcdc; padding-left: 70px;} .goldUnderL{ border-bottom: 2px solid #E3A62C; } .main-quick { position:absolute; top:50%;left:95%;color:#fff;transform:translate(-50%,-50%); z-index:100; } .main-quick ul {background:#fff; border-radius:10px; text-align:center; display:inline-block; padding:0px 13px;} .main-quick li {margin:20px 0; border-bottom:1px solid #DCDCDC; padding-bottom:15px } .main-quick li:last-child {border-bottom:0; padding-bottom:0} .main-quick li img {width:22px; margin-bottom:5px} .main-quick-scroll {width:40px; margin:0 auto; margin-top:30px; z-index:200; position:relative; } /* html {scroll-behavior:smooth} */ /* 3000 company (��ȸ����) */ .csrInfo li{display: flex; flex-direction: column; justify-content: center; padding-left: 50px; padding-bottom: 50px;} .csrInfo li div{width: 100%; height: 100%; border-radius: 20px; padding: 50px;} .csrInfo li:nth-child(1) div{background-color: #FFEFD2;} .csrInfo li:nth-child(2) div{background-color: #C2EBF2;} .csrInfo li:nth-child(5) div{background-color: #C8D7FA;} .csrInfo li:nth-child(6) div{background-color: #BBE2FF;} .csrInfo li:nth-child(7) div{background-color: #D1F1CC;} .csrInfo02 li{padding: 0 100px; display: flex; flex-direction: column;} /* 3000 company (haccp) */ .HaccpInfo01 .haccp_01{ width: 245px; } .haccpBg{position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/R&D/haccpBG.jpg) no-repeat 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover; background-size: cover; z-index:1; text-align:center;} .haccpBg > div{width: 100%; height: 100%; padding: 200px 50px;} .haccpBg .haccp_02{width: 890px;} .haccpLogo img{width: 380px; } .certInfo{display: flex; flex-wrap: nowrap;} .certInfo li{padding: 0 15px;} /* 3000 company (fssc 22000) */ .fsscBg{position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/R&D/fsscBg.jpg) no-repeat 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover; background-size: cover; z-index:1; text-align:center;} .fsscBg div{padding: 200px 15px;} .fsscBg ul{display: none;} .fsscInfo02 img{width: 270px;} /* 3000 company (halal) */ .halalInfo{padding: 0 15px;} .halalBg01{position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/R&D/halalBg_01.jpg) no-repeat 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover; background-size: cover; z-index:1; height: 210px;} .halalBg02{position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/R&D/halalBg_02.jpg) no-repeat 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover; background-size: cover; z-index:1; height: 210px;} .halalBg03{position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/R&D/halalBg_03.jpg) no-repeat 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover; background-size: cover; z-index:1; height: 210px;} .halalBg01 div{display: inline-block; position: absolute; top: 30%; right: 0px; padding: 0 200px;} .halalBg02 div{display: inline-block; position: absolute; top: 25%; left: 0px; padding: 0 200px; } .halalBg03{display: flex; justify-content: flex-end; } .halalBg03 div{display: flex; align-items: center; justify-content: flex-end; padding: 0 200px; } .halalBg03 img{width: 120px; margin-right: 20px;} /* 3000 company (ȯ�漺��ǥ�� ����) */ .epdBg{position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/R&D/epdBg.jpg) no-repeat 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover; background-size: cover; z-index:1; text-align:center;} .epdBg > div{padding: 200px 15px; max-width: 1300px; margin: 0 auto;} .epdBg .row img{max-width: 80px;} .epdBg ul li{padding: 10px;} .epdBg ul li div{border: 1px solid #fff; border-radius: 10px; padding: 40px 5px;} /* 3000 RnD ISO 45001 */ .iso_05 {max-width:345px; width:50%} .iso_02 {max-width:308px; width:80%} /* 3000 company (�������� �λ縻) */ .greetingsPhDBg ul{ background: url(https://image.edaymall.com/images/dcf/vegemil/img/R&D/greetingsPhDBg.jpg) center center no-repeat; border-radius: 20px; position: relative; height: 660px; display: flex; flex-wrap: wrap; } .greetingsPhDBg > ul > li > img{position: absolute; bottom: 0px;right: 250px;z-index: 0;} .greetingsPhDBg li:first-child{ padding-left: 200px;} .greetingPhDSign{position: relative;} .greetingPhDSign img{position: absolute; right: 0px; bottom: 0px; max-width: 360px;} /* 3000 R&D (R&DȰ��) */ .kolasInfo > p{ border-bottom: 3px solid #000; max-width: 650px; padding-bottom: 5px;} .kolasInfo ul li{width: 100%; display: flex;} .kolasInfo ul li span:first-child{width: 25%;} .kolasInfo ul li span:nth-child(2){width: 75%; padding: 0 5px;} /* 3000 �繫����ǥ */ .financeTitle{width: 80%;padding: 10px 5px; border: none; border-top: 1px solid #000; border-bottom: 2px solid #000; background-color: #fff;} /* 3000 �����ŷ� CP */ .CpTitle{width: 100%;padding: 10px 5px; border: none; border-top: 1px solid #000; border-bottom: 2px solid #000; background-color: #fff; } .rightSign{text-align: right;} .cpProgramBg{background: url(https://image.edaymall.com/images/dcf/vegemil/img/communication/cpProgramBg.jpg) center center no-repeat; width: 100%; height: 520px; padding-top: 170px;} .cpProgramList{display: flex; width: 100%; flex-wrap: wrap; z-index: 10px; position: relative; top: -200px;} .cpProgramList li{flex-grow: 1; padding: 10px;} .cpProgramList li div{background-color: #fff; max-width: 260px; height: 320px; margin: 0 auto; box-shadow: 10px 10px 50px rgba(0,0,0,0.4); padding: 60px 10px; } .cpProgramInfo01 li{ background-color: #F1F4F5; border-radius: 20px 0px 20px 0px; padding: 10px 10px 10px 10px; display: flex;} .cpProgramInfo01 li > p:first-child{ flex-basis: 50%; padding-left: 5px;} .cpProgramInfo01 li > span{ flex-basis: 10%; height: 30px; background-image: url(https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_arrow_forward.png); background-repeat: no-repeat; background-position: center center; } .cpProgramInfo01 li > p:last-child{flex-basis: 45%; } .cpProgramInfo02{background-color: #fff; } .cpProgramInfo02 li{padding: 20px 10px; border: 1px solid #DCDCDC; border-radius: 20px 0px 20px 0px;} .cpProgramInfo02 li div{ display: flex; justify-content: center; max-width: 1190px; margin: 0 auto;} .cpProgramInfo02 div p:first-child{width: 45%;} .cpProgramInfo02 div p:first-child span{margin-right: 15px;} .cpProgramInfo02 div p:nth-child(2){width: 55%;} .cpProgramTable p:nth-child(2){display: flex;} .cpProgramTable p:nth-child(2) span:first-child{flex-basis: 10%;} .cpProgramTable p:nth-child(2) span:nth-child(2){flex-basis: 90%;} .cpProgramTable table{width: 100%; border: 1px solid #DCDCDC; border-collapse: collapse;} .cpProgramTable table td{border: 1px solid #DCDCDC; padding: 15px 5px;} .cpProgramTable table td:first-child{background-color: #F1F4F5;} .cpSubTab ul{display: flex; width: 100%;} .cpSubTab ul li{flex-basis: 14.2%; border-top: 1px solid #DCDCDC; border-bottom:1px solid #DCDCDC; border-right: 1px solid #dcdcdc; padding: 20px 1px;} .cpSubTab ul li:first-child{border-left: 1px solid #dcdcdc;} .cpSubTab ul li.active{border: 2px solid #000; border-bottom: none;} .cpSubTab ul li a{display: block; width: 100%; height: 100%; color: #B7B7B7;} .cpSubTab ul li.active a{color: #000;} .cpLawBg_01{position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/communication/cpLawBg_01.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1;} .cpLawBg_02{position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/communication/cpLawBg_02.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1;} .cpLawBg_03{position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/communication/cpLawBg_03.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1;} .cpLawInfo{display: flex; flex-wrap: wrap; justify-content: space-between;} .cpLawInfo li{max-width: 400px; height: 300px; flex-grow: 1; padding: 50px 40px;} .cpLawInfo li div{width: 100%; height: 100%;} .cpSystemBg_01{position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/communication/cpSystemBg_01.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1;} .cpSystemBg_02{position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/communication/cpSystemBg_02.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1;} .cpSystemBg_03{position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/communication/cpSystemBg_03.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1;} .cpSystemInfo{display: flex; flex-wrap: wrap; justify-content: space-between;} .cpSystemInfo li{max-width: 430px; flex-grow: 1;} .cpSystemInfo li div:first-child{height: 320px; padding: 60px 40px; display: flex; flex-direction: column; justify-content: flex-end;} .borderBoxType01{ border-top: 2px solid #000; border-bottom: 1px solid #DCDCDC; padding: 25px 0px;} .textRight{text-align: right;} .cpCompositionTable{width: 100%; border: 1px solid #fff; border-collapse: collapse; } .cpCompositionTable tr td:first-child, .cpCompositionTable tr th:first-child{width: 30%; text-align: center;} .cpCompositionTable tr:first-child{background-color: #F1F4F5; text-align: center; height: 70px;} .cpCompositionTable tr th:first-child{display: block; width: 100%; height: 70px; line-height: 70px; background-image: url(https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_grayLine.jpg); background-repeat: no-repeat; background-position: right center; } .cpCompositionTable tr td{ border-bottom: 1px solid #DCDCDC; padding: 35px 5px;} .cpCompositionTable td:nth-child(2){padding: 25px 80px;} .cpEduTable{width: 100%; border-collapse: collapse; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;} .cpEduTable th{background-color: #F1F4F5;} .cpEduTable th, .cpEduTable td{/*border: 1px solid #dcdcdc;*/ padding: 20px 15px;} .cpEduTable th{ text-align: center; width: 25%;} .borderR{border-right: 1px solid #dcdcdc;} .borderB{border-bottom: 1px solid #dcdcdc;} .cpEduTable02{width: 100%; border-collapse: collapse;} .cpEduTable02 thead tr:first-child{background-color: #F1F4F5; height: 70px; line-height: 70px; text-align: center;} .cpEduTable02 thead tr:nth-child(2){background-color: #F8F8F8; height: 60px; line-height: 60px; text-align: center; border-bottom: 1px solid #dcdcdc;} .cpEduTable02 tbody th{background-color: #F8F8F8; text-align: center; width: 15%;} .cpEduTable02 td{padding: 30px 80px;} .cpEduTable02 .tableImg{padding: 0px; padding-top: 10px;} .grayBox03{background-color: #F1F4F5; padding: 25px 15px;} .grayBox04{border: 1px solid #dcdcdc; padding: 30px 5px;} .grayBox05{border: 1px solid #dcdcdc; padding: 20px 20px;} .cpHandBook{width: 100%; border-collapse: collapse; } .cpHandBook th{text-align: left; padding: 30px 5px 30px 100px;} .cpHandBook td{text-align: right; padding: 0px; padding: 30px 100px 30px 5px;} .cpHandBook tr{border: 1px solid #dcdcdc;} .cpHandBook th span{background-color: #F1F4F5; border-radius: 5px; padding: 5px 15px;} .cpHandBook a:hover .btnType12{background-color: #000; } .cpHandBook a:hover .btnType12 span{color: #fff; background: url(https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_white_arrow.png) no-repeat right center; background-size: 5px;} .cpDeclareBox div{max-width: 600px;} .cpDeclareBox02 > div{max-width: 600px; float: right;} .underLineB{border-bottom: 2px solid #000; padding-bottom: 5px;} .cpDeclareBox02 table{ border: 1px solid #dcdcdc; border-collapse: collapse;} .cpDeclareBox02 table th, .cpDeclareBox02 table td{padding: 20px 5px;} .cpCheckBox ul{display: inline-block; float: right;} .cpCheckBox ul li{display: inline-block;} .cpCheckBox ul li:last-child{margin-left: 20px;} .cpDeclareBox03 textarea{width: 100%; background: #f1f4f5; border-radius: 5px; border: none; padding: 5px 10px; font-size: 14px;} .tabs5 {background:none; position:relative; z-index:100; width:100% ;overflow:hidden;border-top: 1px solid #DCDCDC; border-left:1px solid #DCDCDC } .tabs5.menu13 li {width:7.69%; } .tabs5.menu8 li {width:12.5%; } .tabs5.menu7 li {width:14.28%; } .tabs5.menu5 li {width:20%; } .tabs5.menu4 li {width:25%; } .tabs5.menu3 li {width:33.3%; } .tabs5.menu2 li {width:50%; } .tabs5 li { list-style:none; display:block; margin:0; float:left; text-align:center;border-right: 1px solid #DCDCDC; border-bottom:1px solid #DCDCDC; } .tabs5 li a {display:inline-block;padding:18px 0; color:#B7B7B7; width:100%;text-decoration:none;letter-spacing:-1px ; } .tabs5 li.current { border: 2px solid #000; border-bottom: none;} .tabs5 li.current a {color: #222;} .tabs5 li:first-child {} .tab_content5 {position:relative; padding:55px 0 100px 0 } .tab_content5 > div {clear: both;display: none; border-radius:0px; } .tab_content5 .current { display: block; } .tab_content5 #home.first { display: block; } /* // 3000 �����ŷ� CP */ /* 3000 ���� */ .historySubTab ul{display: flex; width: 100%;} .historySubTab ul li{flex-basis: 20%; border-top: 1px solid #DCDCDC; border-bottom:1px solid #DCDCDC; border-right: 1px solid #dcdcdc; padding: 20px 1px; } .historySubTab ul li:first-child{border-left: 1px solid #dcdcdc;} .historySubTab ul li.active{border: 2px solid #000; border-bottom: none;} .historySubTab ul li a{display: block; width: 100%; height: 100%; color: #B7B7B7;} .historySubTab ul li.active a{color: #000;} .historyBg01{position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/company/historyBg_01.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center;} .historyBg02{position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/company/historyBg_02.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center;} .historyBg03{position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/company/historyBg_03.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center;} .historyBg04{position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/company/historyBg_04.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center;} .historyBg05{position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/company/historyBg_05.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center;} .historyBg{padding-top: 150px; height: 550px; z-index: -100;} .historyBg .leftRoundBox{position: absolute; bottom: -30px; right: 0;} .historyInfo01{padding-left: 150px; z-index: 100; } .historyInfo02{padding-right: 40px; z-index: 1;} .historyInfo02 p{padding-top: 10px;} .historyInfo02 > div{border-top: 2px solid #000; padding-top: 20px;} .historyInfo02 table{ border-collapse: collapse;} .historyInfo02 table th,.historyInfo02 table td{border-bottom: 1px solid #dcdcdc; padding: 15px 5px;} /* 3000 û�ְ��� �Ұ� */ .factoryBg{position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/R&D/factoryBg.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; padding: 185px 0; } .factoryInfo01 ul{display: flex; text-align: center;} .factoryInfo01 img{height: 45px;} .factoryInfo01 ul li{margin-right: 55px;} .factoryInfo01 ul li:last-child{margin-right: 0px;} /* 3000 �������� ���� */ .grayBox06{background-color:#F1F4F5; width: 100%;} .grayBox06 tr td{ padding: 25px 0px;} .grayBox06 tr:first-child td{padding-top: 50px;} .grayBox06 tr:last-child td{padding-bottom: 50px;} .grayBox06 tr td:first-child{padding-left: 150px;} .grayBox06 tr td:nth-child(2){padding-right: 150px;} .grayBox06 .whiteBox{background-color: #fff; padding: 5px 8px; border-radius: 5px; line-height: 250%;} .grayBox06 .whiteBox02{background-color: #fff; padding: 15px; border-radius: 5px;} .grayRound {background:#F1F4F5; border-radius:10px; display:inline-block; padding:5px 10px} .underLineG{border-bottom: 1px solid #DCDCDC;} .exTable{width: 100%; border-collapse: collapse;} .exTable th{background-color: #F1F4F5; padding: 15px 5px;} .exTable td{padding: 20px 5px;} .exTable tr{border-bottom: 1px solid #dcdcdc;} .exTable .exDate{border: 1px solid #dcdcdc; border-radius: 5px; display: inline-block; width: 180px; height: 50px; line-height: 50px;} .exTable .exStart{background-color: #000; border-radius: 5px; color: #fff; display: inline-block; width: 150px; height: 50px; line-height: 50px;} .exTable .exIng{background-color: #fff; border: 1px solid #dcdcdc; border-radius: 5px; color: #000; display: inline-block; width:auto; height: 50px; line-height: 50px; padding:0 15px} .exTable .exEnd{background-color: #F1F4F5; border: 1px solid #dcdcdc; border-radius: 5px; color: #787878; display: inline-block; width:auto; height: 50px; line-height: 50px; padding:0 15px} table.fac {position:relative; width:100%; border:1px solid red; margin:0 auto} dl.fac_people {position:relative; } dl.fac_people dd {display:inline-block} dl.fac_people dd .pr5 {padding-right:5px} dl.fac_people dd input.w70 {width:70px !important;} .fac-textarea {width:100%; background:#F1F4F5; border-radius:5px; padding:5px; border:0; text-align:left; padding:5px 30px} .fac-txt {bordeR:1px solid #DCDCDC; padding:20px; border-radius:10px } .fac-txt-hidden {position:relative; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;max-width:800px; width:70%} .fac-text-left {position:absolute; left:0; top:0} .fac-title {bordeR-bottom:1px solid #ccc} .fac-snsBox {background:#F1F4F5; padding:15px 20px; border-radius:10px} .fac-writeBox {position:relative; width:100%;; border:1px solid #777; padding:0px;height:500px; border-radius:10px} textarea.error {border:1px solid #E35234} /* 3000 ������ �Ұ� */ .rndIntroduceBg{position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/R&D/rndIntroduceBg.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover; background-size: cover;z-index:1; padding: 200px 50px; } .rndIntroduceBg ul li{background-image: url(https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_circleChk.png); background-repeat: no-repeat; background-size: 22px; background-position: 0 center; padding-left: 30px;} .rndIntroduceInfo02 > div:first-child{padding-right: 170px;} .rndIntroduceInfo02 > div:last-child{padding-left: 170px;} /* 3000 ���� Ư�� ��Ȳ */ .stu_table01H, .stu_table02H, .stu_table03H{background-color: #F1F4F5;} .stu_table01H th, .stu_table02H th, .stu_table03H th{padding: 18px 5px; background-image: url(https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_grayLine.jpg); background-repeat: no-repeat; background-position: center right;} .stu_table01H th:last-child, .stu_table02H th:last-child, .stu_table03H th:last-child{background-image: none;} .stu_table01 tr, .stu_table02 tr, .stu_table03 tr{border: 1px solid #DCDCDC;} .stu_table01 td, .stu_table02 td, .stu_table03 td{border-bottom: 1px solid #DCDCDC; padding: 35px 50px;} .stu_table01H tr th:nth-child(1){width: 10%;} .stu_table01H tr th:nth-child(2){width: 50%;} .stu_table01H tr th:nth-child(3){width: 30%;} .stu_table01H tr th:nth-child(4){width: 10%;} .stu_table01 tr td:nth-child(1){width: 10%;} .stu_table01 tr td:nth-child(2){width: 50%; text-align: left;} .stu_table01 tr td:nth-child(3){width: 30%; text-align: left;} .stu_table01 tr td:nth-child(4){width: 10%;} .stu_table02H tr th:nth-child(1){width: 10%;} .stu_table02H tr th:nth-child(2){width: 65%; } .stu_table02H tr th:nth-child(3){width: 25%;} .stu_table02 tr td:nth-child(1){width: 10%;} .stu_table02 tr td:nth-child(2){width: 65%; text-align: left;} .stu_table02 tr td:nth-child(3){width: 25%;} .stu_table03H tr th:nth-child(1){width: 10%;} .stu_table03H tr th:nth-child(2){width: 55%; } .stu_table03H tr th:nth-child(3){width: 35%;} .stu_table03 tr td:nth-child(1){width: 10%; text-align: center;} .stu_table03 tr td:nth-child(2){width: 55%;} .stu_table03 tr td:nth-child(3){width: 35%;} /* 3000 ccm�̶� */ .grayRoundBox{background-color: #F1F4F5; border-radius: 500px; padding: 20px;} .ccmYouyube {position:relative; padding-top:50px} .ccmYouyube iframe {position:relative; width:100%; max-width:600px; height:340px; border-radius:20px} /* 3000 DCF �̵�� */ .yellowDot{background-image: url(https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_ydot.png); background-repeat: no-repeat; background-position: center left; padding-left: 15px;} .dcfMdiaBox01{display: flex; flex-wrap: wrap;} .dcfMdiaBox01 li:first-child{padding: 0;} .grayBox3{width: 100%; background-color: #F1F4F5; padding: 40px 30px !important; } .grayBox3 iframe{width: 100%; height: 220px;} .dcfMdiaBox02{display: flex; flex-wrap: wrap;} .dcfMdiaBox02 li{width: 20%; padding: 0 15px; box-sizing: border-box;} .dcfMdiaBox02 li iframe{width: 100%;} .dcfMdiaBox02 li:nth-child(odd){ margin-bottom: 100px;} .dcfMdiaBox02 li:nth-child(even){ margin-bottom: 100px;} .youtube-8 {position:relative; height:540px} .countGold {position:relative; background:#E3A62C; color:#fff; font-weight:600; border-radius:50px; padding:5px 6px; top:-20px} ul.videoList {position:relative; width:620px; height:490px; overflow-y:scroll; background: #F5F5F5; padding:30px 20px; border-radius:20px 0 0 20px} ul.videoList li {position:relative; cursor:pointer; display:inline-block; margin-left:9px; margin-right:9px; margin-bottom:30px; vertical-align:top; width:170px} ul.videoList li img {overflow:hidden ; border-radius:15px; width:100% } ul.videoList li.active img {border:2px solid #000} ul.videoList li p {margin-top:15px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; width:170px; overflow:hidden } ul.radioList {position:relative; width:620px; height:490px; overflow-y:scroll;border-top:3px solid #222 } ul.radioList li {position:relative; cursor:pointer; display:inline-block; vertical-align:top; border-bottom:1px solid #DCDCDC; width:100%; } ul.radioList li img {width:170px; height:120px;overflow:hidden ; border-radius:15px; } ul.radioList li div {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; width:170px; overflow:hidden } ul.radioList li div {display:inline-block; vertical-align:top} ul.radioList li div:first-child {max-width:150px; width:30%} ul.radioList li div:nth-child(2) {max-width:550px; width:70%; } ul.radioList li a {padding:17px 10px; display:inline-block; width:100% } ul.radioList li:hover {background:#F5F5F5} ul.radioList li.current {background:#F5F5F5 url(https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_media_arrow.png) no-repeat center right; background-size:30px } .youtube-7 {max-width:710px; width:100%; height:405px; } .youtube-7 iframe {max-width:710px; width:100%; height:405px; } .youtube-7 video {max-width:710px; width:100%; height:405px; } .cfWrap {position:relative} .scrollbar-3::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;} .scrollbar-3::-webkit-scrollbar{width: 3px;background-color: #F5F5F5;} .scrollbar-3::-webkit-scrollbar-thumb{background-color: #000000;} .menu-style01 {background:none; position:relative; z-index:100; width:100% ;overflow:hidden; } .menu-style01 li.current img{ outline: 2px solid #000; } .content-style01 {position:relative; } .content-style01 > div {clear: both;display: none; } .content-style01 .current { display: block; } /* 3000 �̵�� popup */ .overlay-pr {position: absolute;top: 0px;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.5);transition: opacity 200ms;visibility: hidden;opacity: 0; } .overlay-pr .cancel {position: absolute;width: 100%;height: 100%;cursor: default;} .overlay-pr:target {visibility: visible;opacity: 1;width:100%;height:100%;margin-top:-500px} .popup-pr {margin: 75px auto;padding: 20px;background: #fff;border: 1px solid #666;max-width:550px;box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);position: relative;z-index:1000; border-radius:10px} .popup-pr h2 {margin-top: 0;} .popup-pr .close {position: absolute;width: 20px;height: 20px;top: 15px;right: 20px;opacity: 0.8;transition: all 200ms;font-size: 24px;font-weight: bold;text-decoration: none;color: #666;} .popup-pr .close:hover {opacity: 1;} .popup-pr .content { overflow: auto;} .prWrap .pr-img {border-radius:5px; overflow:hidden} /* 3000 DCF ���� ������ */ .dcfContestBg{width: 100%; height: 650px; background-image: url(https://image.edaymall.com/images/dcf/vegemil/img/company/dcfContestBg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; top: -40px;} .dcfContestBg > img{position: absolute; bottom: 0; right: 0;} .dcfContestBtn {width: 300px; float: right; } .dcfContestBtn li:first-child{border-bottom: 1px solid #fff;} .dcfContestBtn li a{display: flex; align-items: center; padding: 10px 0px; background-image: url(https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_white_arrow.png); background-repeat: no-repeat; background-position: center right; background-size: 6px;} .dcfContestBox{position: relative;} .dcfContestBox iframe{width: 100%; height: 240px;} .dcfContestBox .contestAward{width: 70px; height: 70px; background-color: #E3A62C; border-radius: 100px; text-align: center; line-height: 70px; color: #fff; position: absolute; bottom: 20px; left: 20px;} .dcfContestBox .contestName{width: 100px; padding: 5px 10px; background-color: #222222; border-radius: 50px; text-align: center; color: #fff; position: absolute; bottom: 20px; right: 20px;} .topLineG{border-top: 1px solid #dcdcdc;} /* 3000 â���� ���� */ .whiteRound {border-radius:50px; position:relative; margin-top:-80px; z-index:10; background:#ffff} iframe.vegemilstory {width:840px; height:470px} .heriBox {position:relative; padding:135px} table.heirT {width:100%; border-top:2px solid #222} table.heirT th {padding:13px 0; border-bottom:1px solid #DCDCDC; background: url(https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_dot_black.png) 3px 21px no-repeat; background-size:5px 5px; padding-left:20px; line-height:110% } table.heirT td {padding:13px 0; border-bottom:1px solid #DCDCDC; line-height:110%} .heriBox .w410 img{max-width:410px} .heriTab {display:none} /* 3000 �����ڷ� */ .count-box {position:relative; color:#787878; display:inline-block; } .count-box span {color:#E3A62C; text-decoration:underline} .news-line {border-top:2px solid #222222; width:100%; text-align:right; padding-top:10px} table.press {background:#fff; width:100%; position:relative; border-top:2px solid #222222} table.press tr {border-bottom:1px solid #DCDCDC} table.press td {text-align:center; padding:30px 10px; position:relative; } table.press td:nth-child(1) {width:10%} table.press td:nth-child(2) {width:10%} table.press td:nth-child(3) {text-align:left; padding:0 25px; width:80% } table.press td:nth-child(3) .press-title { position:relative ; } p.t-bo {background:#F1F4F5; padding:7px 13px; border-radius:10px;display:inline-block; color:#787878; } table.press tr td .t-day p{color:#DCDCDC} table.press tr:hover td {background:#F1F4F5 } table.press tr:hover td a {color:#222} table.press tr:hover td p.t-bo {background:#222; color:#fff} table.press tr:hover td .t-day p{color:#222} .press-tag {text-align:right; position:absolute; right:10px; top:20px; } .press-tag span:last-child {border:0} .press-tag span {color:#E3A62C;margin-left:15px; padding-right:15px; border-right:1px solid #DCDCDC; line-height:100% } .press-tag span a {color:#787878} .press-tag span a:hover {color:#222;} .notice-img {position:Relative; } .notice-img p {border-radius:20px; } .notice-img .ing-end {position:absolute; left:20px; top:20px; border-radius:20px} .notice-img .ing-end.on {background:#222222; color:#fff; padding:10px 20px} .notice-img .ing-end.off {background:#B7B7B7; color:#fff; padding:10px 20px} .ing-endBox { border-radius:20px; background:#222222; color:#fff; padding:10px 20px; display:inline-block} /* paging */ .paging { position: relative; margin: 25px 0 0 0; text-align: center; } .paging ol { overflow: hidden; } .paging ol li { display: inline; font-weight: bold; line-height: 170%;margin:0 2px 0 2px; vertical-align:middle} .paging ol li a { display: inline-block; text-align: center; color: #777777; font-size:18px; padding:0px 0 0 0; color:#B7B7B7; width:30px } .paging ol li a:hover { display: inline-block; color: #222; } .paging ol li .active { display: inline-block; width: 28px; height: 24px; color: #222; padding:4px 0 0 0 ; font-size:18px; } .paging ol li input { vertical-align: top; width:16px;vertical-align:middle; margin:0 3px } .paging ol li.preEnd, .paging ol li.pre, .paging ol li.next, .paging ol li.nextEnd { cursor: pointer; } .paging p { position: absolute; right: 0; top: 0px; z-index: 100; } .paging-txt { position: relative; margin:0; text-align: center; } .paging-txt { overflow: hidden; width:100%;} .paging-txt li {display:inline-block; width:33%; } .paging-txt li .pg-left {text-align:left; } .paging-txt li .pg-right {text-align:right; } .paging-txt li.pg-list img{width:80px} .paging-txt dl.pg-left {color:#B7B7B7} .paging-txt dl.pg-left {color:#222} .paging-txt dl.pg-left a dd {display:inline-block; vertical-align:middle} .paging-txt dl.pg-left a dd:nth-child(1).ico_notice_left { background: url(https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_notice_left.png) no-repeat 0 0; width:13px;height:20px; display:inline-block; background-size:100%; vertical-align:middle; } .paging-txt dl.pg-left a:hover dd:nth-child(1).ico_notice_left { background: url(https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_notice_left_on.png) no-repeat 0 0; width:13px;height:20px; display:inline-block; background-size:100%; vertical-align:middle} .paging-txt dl.pg-left a dd:nth-child(2) {overflow: hidden;text-overflow: ellipsis;white-space: nowrap; max-width:300px; width:50% } .paging-txt dl.pg-left a dd:nth-child(2) {color:#787878; } .paging-txt dl.pg-left a:hover dd:nth-child(2) {color:#222} .paging-txt dl.pg-right {color:#B7B7B7} .paging-txt dl.pg-right {color:#222} .paging-txt dl.pg-right a dd {display:inline-block; vertical-align:middle;} .paging-txt dl.pg-right a dd:nth-child(2).ico_notice_right { background: url(https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_notice_right.png) no-repeat 0 0; width:13px;height:20px; display:inline-block; background-size:100%; vertical-align:middle; } .paging-txt dl.pg-right a:hover dd:nth-child(2).ico_notice_right { background: url(https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_notice_right_on.png) no-repeat 0 0; width:13px;height:20px; display:inline-block; background-size:100%; vertical-align:middle} .paging-txt dl.pg-right a dd:nth-child(1) {overflow: hidden;text-overflow: ellipsis;white-space: nowrap; max-width:300px; width:50% } .paging-txt dl.pg-right a dd:nth-child(1) {color:#787878; } .paging-txt dl.pg-right a:hover dd:nth-child(1) {color:#222} /* //�����ڷ� */ /* map */ .mapBox {border-radius:0px 50px 0px 0px; max-width:1760px; margin-top:-150px; z-index:10000; position:relative; padding:50px 0} .iframeMap {width:100%; height:780px} ul.mapAdd li {display:inline-block; coloR:#fff; vertical-align:top; text-align:left} ul.mapAdd li img {width:33px; } ul.mapAdd li span.add {border:1px solid #fff; padding:10px 10px; border-radius:10px; display:inline-block; margin-left:20px} ul.mapAdd li:first-child {width:300px; text-align:left} /* 3000 photo */ .VP01 {position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/photo/VP01.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center} /* 3000 main > ����Ʈ */ .contactBox {position:relative} .contactBox ul.contactDetail li {width:100%; display:inline-block; text-align:left; margin-right:10px} .contactBox ul.contactDetail li img {width:20px; } .contactBox ul.contactDetail li:first-child img {width:17px} .contactBox ul.contactDetail li:last-child {margin-right:0} .contactBox ul.contactDetail p {border:1px solid #DCDCDC; border-radius:10px; width:100%; padding:10px 20px} .contactBox ul.contactDetail p span {margin-right:5px} .ver-title02 img {width:20px} /* 3000 main > ���� ���� ���� */ .ver-title02 { width:100%; padding-right:20px; border:1px solid #DCDCDC; border-radius:10px;} .ver-title02 a {background: url("https://image.edaymall.com/images/dcf/vegemil/img/ico/arrow_black.png") right 17px no-repeat;display: block; padding:10px 20px ;margin: 0;color: #000; text-decoration:none; background-size:11px} .ver-title02 p {padding:0px 0px; } .ver-title02 a:hover {color:#000; text-decoration:none} .ver-title02.open {border-radius:10px 10px 0px 0px; border-bottom:0} .ver-title02.open a { background-position: right -21px;color:#000; font-weight:500} .ver-title02 + div { padding: 0px; } .verticalType02 { width:100%; position:relative; z-index:100;} .verticalType02 .ver-title02 + div { height: 0px; padding: 0px; overflow: hidden; position:absolute; width:100%; display: block!important; -webkit-transform: translateZ(0); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition:all 0.3s ease; transition: all 0.3s ease; } .verticalType02 .v_content { margin-top:0px; padding: 0px 0; margin-left:0px; font-size:14px; color:#fff; line-height:160%; letter-spacing:-0.2px; background:#fff; font-weight:300; padding-bottom:0px;border:1px solid #DCDCDC; border-top:0; background:#fff; position:relative } .verticalType02 .v_content p { margin-bottom:10px; text-decoration:none; border-top:1px solid #DCDCDC;margin:0 } .verticalType02 .v_content p a {text-decoration:none; color:#787878; padding:10px 0 10px 38px; display:inline-block; width:100% } .verticalType02 .v_content p:hover {background:#F1F4F5} .verticalType02 .ver-title02.open + div {height: auto;} .verticalType02 .ver-title02.close {opacity:1; } /* 3000 main > �Ϲ� */ ul.baseList {position:relative; border-radius:10px; border:1px solid #DCDCDC; text-align:center} ul.baseList li {display:inline-block; padding:10px 6%; vertical-align:top; margin:30px 0; background: url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_dashed.png") right 0px repeat-y; } ul.baseList li:last-child {background:none} ul.baseList li a:hover {color:#000; text-decoration:none} ul.dv6 {position:relative; border-radius:10px; border:1px solid #DCDCDC; text-align:center;display:inline-block; width:100%} ul.dv6 li:first-child {text-align:left; padding-left:40px; } ul.dv6 li {float:left; width:16.6%; display:inline-block; padding:20px 0; line-height:100%; background: url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_grayLine.jpg") no-repeat right 20px ; } ul.dv6 li a:hover {text-decoration:none} ul.dv6 li a {color:#787878} ul.dv6 li:last-child {background:none} ul.dv5 {position:relative; border-radius:10px; border:1px solid #DCDCDC; text-align:center;display:inline-block; width:100%} ul.dv5 li:first-child {text-align:left; padding-left:40px; } ul.dv5 li {float:left; width:20%; display:inline-block; padding:20px 0; line-height:100% ;background: url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_grayLine.jpg") no-repeat right 20px ; } ul.dv5 li:last-child {background:none} ul.dv5 li a:hover {text-decoration:none} ul.dv5 li a {color:#787878; } ul.dv4 {position:relative; border-radius:10px; border:1px solid #DCDCDC; text-align:center;display:inline-block; width:100%} ul.dv4 li:first-child {text-align:left; padding-left:40px; } ul.dv4 li {float:left; width:25%; display:inline-block; padding:20px 0; line-height:100% } ul.dv4 li a:hover {text-decoration:none} ul.dv4 li a {color:#787878} /* 3000 tab */ .cp_iden {background:none;overflow: hidden;width: 100%; position:relative} .tabs1 {background:none; position:absolute; z-index:100; width:100% ; max-width:420px;margin:50px 25% 0 25% } .tabs1 li { list-style:none; display:block; margin:0; float:left; width:140px; background: rgba(0, 0, 0, 0.5);text-align:center } .tabs1 li a {display:inline-block;padding:12px 0; color: #fff; width:100%;text-decoration:none;font-size: 16px; font-weight:400; letter-spacing:-1px ; } .tabs1 li a p { font-size:14px; margin-top:5px} .tabs1 li.n3 {margin-left:3px} .tabs1 li.current a {background: #fff;color: #000;} .tabs1 li.current a p {color:#c4e1ff; font-size:14px; margin-top:5px} .tabs1 li:first-child {border-radius:15px 0 0 15px; } /* tab_content1 */ .tab_content1 {position:relative } .tab_content1 > div {clear: both;line-height: 19px;color: #666;display: none; border-radius:10px; } .tab_content1 .current { display: block; } .tab_content1 #home.first { display: block; } .tabs1 li.li_icoBG01 {border-radius:0 } .tabs1 li.li_icoBG01.current a { } .tabs1 li.li_icoBG02 {border-radius:0 } .tabs1 li.li_icoBG02.current a { } .tabs1 li.li_icoBG03 {border-radius:0 } .tabs1 li.li_icoBG03.current a { } .idenBG01 {background: url(https://image.edaymall.com/images/dcf/vegemil/img/main/tab_company01.png) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center} .idenBG02 {background: url(https://image.edaymall.com/images/dcf/vegemil/img/main/tab_company02.png) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center} .idenBG03 {background: url(https://image.edaymall.com/images/dcf/vegemil/img/main/tab_company03.png) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center} .iden_txt {position:absolute; text-align:left; margin-left:50px; bottom:110px} .iden_txt2 {position:absolute; text-align:left; margin-left:50px; top:60px} /* 3000 ����Ʈ tab */ .tabs2 {background:none; position:relative; z-index:100; width:100% ; border-radius:15px; overflow:hidden; border:1px solid #DCDCDC } .tabs2 li { list-style:none; display:block; margin:0; float:left; width:140px; text-align:center; } .tabs2 li a {display:inline-block;padding:12px 0; color: #787878; width:100%;text-decoration:none;letter-spacing:-1px ; } .tabs2 li.current a {background: #000;color: #fff;} .tabs2 li:first-child {} .tab_content2 {position:relative; padding:55px 0 100px 0 } .tab_content2 > div {clear: both;line-height: 19px;color: #666;display: none; border-radius:10px; } .tab_content2 .current { display: block; } .tab_content2 #home.first { display: block; } ul.bestBox {position:relative} ul.bestBox li{margin-bottom:30px} ul.bestBox li a {text-decoration:none} ul.bestBox li:nth-child(1) {width:48%; float:left; border-bottom:1px solid #DCDCDC; padding-bottom:30px} ul.bestBox li:nth-child(2) {width:48%; float:right; border-bottom:1px solid #DCDCDC; padding-bottom:30px} ul.bestBox li:nth-child(3) {width:48%; float:left; } ul.bestBox li:nth-child(4) {width:48%; float:right} .best-subCopy {position:relative;height:40px; overflow:hidden} /* 3000 news */ ul.newsBox {position:relative; display:inline-block; width:100% } ul.newsBox li { display:inline-block; width:100%; border-bottom:1px solid #DCDCDC; padding-bottom:20px; padding-top:20px; } ul.newsBox li:last-child {border-bottom:0; padding-bottom:0} ul.newsBox li dl dd.newsImg {position:relative; max-width:105px; width:32%; float:left; overflow: hidden;text-overflow: ellipsis;white-space: normal; height:75px; } ul.newsBox li dl dd.newsImg img {border-radius:10px; width:100%} ul.newsBox li dl dd.newsTxt {position:relative; max-width:176px; width:65%; float:right; color:#787878 ; white-space: normal; height:65px; overflow:hidden} .newsLine {border:1px solid #DCDCDC; border-radius:10px;padding:45px 55px; } .newsIco {vertical-align:middle} .newsIco img {margin-left:10px} /* 3000 middleBanner */ .middleBanner {position:relative; margin-top:20px} .middleBanner li:first-child {width:50%; display:inline-block; float:left} .middleBanner li:nth-child(2) {width:50%; display:inline-block; float:right} .middleBanner li img { max-width:650px; width:100%} .middleBanner1 {position:relative; margin-top:20px} /* 3000 ��õ*/ .recom {position:relative} .recom ul.recomTitle {width:100%} .recom ul.recomTitle li img {margin-right:20px} .recom ul.recomTitle li {display:inline-block; vertical-align:middle} .reImg {border-radius:10px} .recomTxt {position:relative} .recomTxt .key {} .recomTxt .key span {margin-left:10px; font-size:14px} .recomTxt .key span:first-child {margin-left:0} .recomTxt .key span.greenR {background:#00A256; border:1px solid #00A256; border-radius:5px; color:#fff; padding:2px 10px; } .recomTxt .key span.yellowR {background:#E3A62C; border:1px solid #E3A62C; border-radius:5px; color:#fff; padding:2px 10px} .recomTxt .key span.purpleR {background:#7375FB; border:1px solid #7375FB; border-radius:5px; color:#fff; padding:2px 10px} .recomTxt .key span.grayR {background:#F1F4F5; border:1px solid #DCDCDC; border-radius:5px; color:#787878; padding:2px 10px} .recomTxt .key02 p {display:block; bordeR:1px solid #DCDCDC; padding:2px 10px; border-radius:5px; display:table; margin-top:5px} .recomTxt .key03 p {display:block; bordeR:1px solid #DCDCDC; padding:2px 10px; border-radius:5px; display:table; margin-top:5px; background:#F1F4F5; border:1px solid #DCDCDC } /* 3000 ��ǰ�����ı� */ ul.reviewBox {position:relative; max-width:550px; } ul.reviewBox li:nth-child(1) {width:50%; float:left; background: url(https://image.edaymall.com/images/dcf/vegemil/img/main/roundBox.png) no-repeat scroll 0 0; max-width:262px; background-size:100%} ul.reviewBox li:nth-child(2) {width:50%; float:right; padding:70px 0 0 10px;text-align:right} .reviewLine {height:2px; border:1px solid #000; width:120%; max-width:330px; position:absolute; right:0; } /* 3000 ���� ������*/ ul.recipe_btn {bordeR:1px solid #DCDCDC; padding:10px 0; display:inline-block; width:100%} ul.recipe_btn {padding:10px} ul.recipe_btn li {float:left; padding:3px 0px; display:inline-block; vertical-align:bottom; text-align:center; } ul.recipe_btn li:nth-child(1) {width:100%} ul.recipe_btn li:nth-child(2) {width:25%; padding-top:5px} ul.recipe_btn li:nth-child(3) {border-right:0; width:25%; padding-top:5px} ul.recipe_btn li a {text-decoration:none} ul.recipeBox {position:relative; width:100%; } ul.recipeBox li{width:31%; display:inline-block; margin-right:2.6%; vertical-align:top} ul.recipeBox li:last-child {margin-right:0} /* 3000 SNS+���û� */ .snsUL {position:relative} .snsUL li.sli {border:1px solid #DCDCDC; border-radius:10px; padding-left:20px; margin-bottom:10px; font-size:14px} .snsUL li:nth-child(4) {bordeR:0; padding-left:0; } .snsUL li:first-child img {width:11px; } .snsUL li img {margin-right:10px; width:22px; } .snsUL li a {color:#222; } .snsUL li.sli a {padding:9px 0; width:100%; display:inline-block} .fcFamily {position:relative; width:100%; border:1px solid #DCDCDC; border-radius:20px; padding:19px 0} .fcFamily li {width:32%; text-align:center; display:inline-block;} .fcFamily li { background: url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_dashed.png") right 0px repeat-y;} .fcFamily li:last-child {background:none} .fcFamily li a { padding:13px 0;display:inline-block; width:100%; color:#222} .fcLinbox {position:relative; width:100%; border:1px solid #DCDCDC; border-radius:10px; margin-top:10px} .fcLinbox li {display:inline-block; width:24.5%; text-align:center; background: url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_lineS.png") right 10px no-repeat;} .fcLinbox li a {padding:10px 0;display:inline-block; color:#222; } .fcLinbox li:last-child {background:none} /* 3000 Ŀ�´����̼� */ .mt90h {margin-top:90px} .subMenu {position:relative; margin-top:-46px; background:#fff; border-radius:10px;width:100%; z-index:1; -webkit-box-shadow: 5px 7px 24px 6px rgba(0,0,0,0.26); box-shadow: 5px 7px 24px 6px rgba(0,0,0,0.10); margin-bottom:150px}/* ������� ����ó�� �����߰� */ .f14.fw400.black.mt70.float-right.btnType03 {display:none} /* ������� ����ó�� */ .f14.fw400.black.btnType03.mt65.float-right.wView {display:none} .subMenu ul {position:relative; margin:0 auto; text-align:center} .subMenu p.btnSubLeft {position:absolute; top:30px; left:110px; z-index:100} .subMenu p.btnSubRight {position:absolute; top:30px; right:110px} .subMenu p img {width:6px} .subMenu p.btnSubLeft span {margin-left:20px; } .subMenu p.btnSubRight span {margin-right:20px; } .subMenu ul li {text-align:Center} .submenuUL {position:relative} .submenuUL li {display:inline-block; background: url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_lineS.png") right 35px no-repeat; padding:0 30px} .submenuUL li span {padding:30px 0px; display:inline-block;} .submenuUL li:last-child {background:none} .submenuUL li.active a{color:#222; } .submenuUL li.active span{border-bottom:2px solid #222;} .submenuUL li a {color:#787878; font-size:16px } .prs {position:relative;border-top:2px solid #222222; border-bottom:2px solid #222222; padding:37px 0; text-align:center} .prs li {display:inline-block; width:14%; text-align:center; background: url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_blackRight.png") right 35px no-repeat; background-size:10px} .prs li .imgBox {height:64px; position:relative; vertical-align:middle;} .prs li .imgBox img{vertical-align:middle; } .prs li:last-child {background:none} .grayBox {background:#F1F4F5; border-radius:10px 0 10px 0px; padding:40px }/* */ .grayBox ul li {display:inline-block; vertical-align:top ; } .grayBox ul li:first-child {width:43px; max-width:16%} .grayBox ul li:nth-child(2) {position:relative; max-width:83%} .grayBox2 {background:#F1F4F5; border-radius:10px; padding:40px } .number {background:#222222; border-radius:10px; color:#fff; padding:7px 10px;vertical-align:middle; margin-top:0px; display:inline-block;} .stepCopy {margin-left:20px; display:inline-block; vertical-align:top} table.stepT {width:100%; } table.stepT th:first-child {vertical-align:top; } table.stepT th {padding:15px 0; vertical-align:middle; } table.stepT td {padding:15px 0;} .wBox {background:#fff; padding:10px 20px; font-size:14px; border-radius:10px; display:inline-block} .qBox {bordeR:1px solid #DCDCDC; padding:30px 20px; text-align:center } table.custom {width:100%; border-right:1px solid #DCDCDC; border-bottom:1px solid #DCDCDC; } table.custom th {border-top:1px solid #DCDCDC; border-left:1px solid #DCDCDC; text-align:center; padding:17px 10px; font-size:18px; color:#222} table.custom td {border-top:1px solid #DCDCDC; border-left:1px solid #DCDCDC; text-align:center; font-size:14px; color:#787878; padding:17px 10px} .faqWbox {background:#fff; border-radius:20px; padding:30px; text-align:left} .faqWbox p {vertical-align:top; } .ico_q {width:22px; position:relative} .ico_q img {width:22px; vertical-align:top; margin-top:3px} /* 3000 faq*/ .faq_cate {position:relative; background:#F1F4F5; color:#787878; border-radius:5px; text-align:Center; padding:5px 10px; } .evaluation {position:relative; background:#fff; border-radius:5px; padding:35px 40px } .evaluation .s-info {position:relative; border-bottom:1px solid #DCDCDC; padding-bottom:10px; width:100%; display:inline-block} .evaluation input.inp04 {max-width:80%;} .eval-ul {width:100%} .eval-ul li {display:inline-block; vertical-align:top } .eval-ul li:nth-child(1) {width:27%} .eval-ul li:nth-child(2) {width:70%} .eval-ul dl.eval-dl {vertical-align:middle; position:Relative} .eval-ul dl.eval-dl dd {display:inline-block; vertical-align:middle;} .txt-box {width:80%; position:relative; display:inline-block} .star-rating {border:solid 0px #ccc;display:flex;flex-direction: row-reverse;font-size:1.5em;justify-content:space-around;padding:0 .2em;text-align:center;width:5em;} .star-rating input {display:none;} .star-rating label {color:#ccc; cursor:pointer; font-size:20px} .star-rating :checked ~ label {color:#000;} .star-rating label:hover, .star-rating label:hover ~ label {color:#000;} article {background-color:#ffe;box-shadow:0 0 1em 1px rgba(0,0,0,.25);color:#006;font-family:cursive;font-style:italic;margin:4em;max-width:30em;padding:2em;} .ver-title04 {border:1px solid #cacfd5; border-top:0; vertical-align:top; } .ver-title04 a {background: url("https://image.edaymall.com/images/dcf/vegemil/img/ico/arrow_faq.png") right 40px no-repeat;display: block; padding:29px 30px 35px 30px;margin: 0; } .ver-title04.open a { background-position: right -97px;font-weight:500} .ver-title04 + div { padding: 0px; } .ver-title04 span {vertical-align:middle} .FaqStyle {border-top:1px solid #cacfd5} .FaqStyle .ver-title04 + div { height: 0px; padding: 0px; overflow: hidden; background:#fff; width:100%; display: block!important; -webkit-transform: translateZ(0); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition:all 0.3s ease; transition: all 0.3s ease; } .FaqStyle .v_content { padding: 70px 130px 70px 130px; margin-left:0px;background:#F1F4F5;border:1px solid #DCDCDC; border-top:0;color:#787878; font-size:16px; font-weight:400; } .FaqStyle .ver-title04.open + div { height: auto; background: #fff; } /* 3000 404 ������ �߰� */ .beigeBg{background-color: #F6F2E7;} #header02 {position:relative; top:0; left:0; width:100%; z-index: 1000; height: 90px; overflow: hidden; } #header02 h1.logo {position:absolute;top:20px;left:80px; z-index: 100;} #header02 h1.logo a {display:block;width:86px;height:56px;background:url(../../img/ico/logo_w.png) no-repeat 0 0;background-size:86px 50px;} #header02.beige {background-color: #F6F2E7;} #header02.beige h1.logo a {background-image:url(../../img/ico/logo.png); background-size:86px 50px } .errorBox{ display: flex; height: 90vh; align-items: center; justify-content: center; flex-direction: column; } .errorBox .returnBtn{ width: 560px; height: 70px; background-color: #222222; border-radius: 5px; text-align: center; line-height: 70px; } .errorBox .returnBtn a{ width: 100%; height: 100%; display: block; color: #fff; font-size: 20px; font-weight: 500; } .waveContent{ width: 100%; height: 180px; position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; } .waveContent h2{ width: 900px; height:170px; text-align: center; /* background-image: url(https://image.edaymall.com/images/dcf/vegemil/img/common/waveBg.png); */ background-repeat: no-repeat; background-position: left 25px; font-size: 170px; line-height: 170px; position: absolute; } .waveContent h2:nth-child(1) { color: transparent; -webkit-text-stroke: 2px #E3A62C; } .waveContent h2:nth-child(2) { color: #E3A62C; animation: animate 4s ease-in-out infinite; } @keyframes animate { 0%, 100% { clip-path: polygon( 0% 45%, 16% 44%, 33% 50%, 54% 60%, 70% 61%, 84% 59%, 100% 52%, 100% 100%, 0% 100% ); } 50% { clip-path: polygon( 0% 60%, 15% 65%, 34% 66%, 51% 62%, 67% 50%, 84% 45%, 100% 46%, 100% 100%, 0% 100% ); } } /* 3000 input Type*/ input.inp01 {position:relative; background:#F1F4F5; border-radius:5px; bordeR:0; font-size:20px; padding:10px 20px; width:100%; height:66px; letter-spacing:2px} input.inp01:focus {outline:none} input.inp02 {position:relative; background:#F1F4F5; border-radius:5px; bordeR:0; font-size:16px; padding:5px 30px; width:100%; height:50px; letter-spacing:0px} input.inp02:focus {outline:none} input.inp03 {position:relative; background:#F1F4F5; border-radius:5px; bordeR:0; font-size:16px; padding:5px 30px; height:50px; letter-spacing:2px; text-align:left} input.inp04 {border:1px solid #DCDCDC; border-radius:5px;padding:7px 10px;outline:0; width:100%; font-size:16px} input.inp05 {position:relative; background:#fff; border-radius:5px; bordeR:1px solid #DCDCDC; font-size:15px; padding:5px 30px; width:100%; height:50px; letter-spacing:2px} input.inp05:focus {outline:none} input.inp06 {position:relative; background:#fff; border-radius:5px; bordeR:1px solid #DCDCDC; font-size:15px; padding:5px 30px; width:100%; height:50px; letter-spacing:2px} select.sel01 {position:relative; border-radius:5px; width:120px; height:48px; padding:0 10px; font-size:16px; border:1px solid #DCDCDC} select.sel01.error { border:1px solid #E35234} select.sel02 {position:relative; border-radius:5px; height:50px; padding:0 10px; font-size:16px; border:1px solid #DCDCDC; background:#fff} select.sel03 {position:relative; border-radius:5px; height:40px; padding:0 10px; font-size:16px; border:1px solid #DCDCDC; color:#222} select.sel04 {position:relative; border-radius:5px; width:120px; height:48px; padding:0 10px; font-size:16px; border:2px solid #222222} ::placeholder { color: #B7B7B7;opacity: 1; letter-spacing:0px/* Firefox */} :-ms-input-placeholder { color: #B7B7B7; letter-spacing:0px} ::-ms-input-placeholder { /* Microsoft Edge */color: #B7B7B7; letter-spacing:0px} .readOnly {color:#B7B7B7; bordeR:1px solid #F1F4F5; background:#F1F4F5; padding:12px 30px; border-radius:5px; display:inline-block; font-size:16px; } /* 3000 ask */ .btnbox-ask {position:relative; } .btnbox-ask-foot {position:relative; text-align:center } .btnbox-ask-foot li {display:inline-block; padding:0 50px} .btnbox-ask-foot li:first-child { background: url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_grayLine.jpg") right 10px no-repeat;} /* 3000 �α��� */ .loginFoot {position:relative; max-width:100%} .loginFoot li {display:inline-block; width:32%; text-align:center} .loginFoot li a:hover {color:#222} .loginFoot li {border-right:1px solid #DCDCDC} .loginFoot li:last-child {border:0} label.middle {vertical-align:top; } p.confirm {position:relative; font-size:14px; font-weight:500; color:#00A256; margin-top:3px} p.error {position:relative; font-size:14px; font-weight:500; color:#E35234; margin-top:3px} input.confirm {outline:1px solid #00A256} input.error {outline:1px solid #E35234} .idpwSeh {position:relative; width:100%; max-width:250px; margin:0 auto; margin-top:30px } .idpwSeh li {width:48%; display:inline-block; padding:0 3%} .idpwSeh li:first-child {border-right:1px solid #ddd;} .idpwSeh li a {color:#222} .bnr_login .bnr_loginTxt {position:absolute; top:65%;left:45%;color:#fff;transform:translate(-50%,-50%); text-align:left; width:70%} /* 3000 ���� */ .agree {width:100%; position:relative; border-bottom:1px solid #DCDCDC; display:inline-block; margin:0 auto; text-align:center } .agree li {width:18%; display:inline-block; text-align:center; padding:20px 0; } .agree li a {color:#B7B7B7} .agree li span {padding-bottom:20px} .agree li.active a {color:#222222} .agree li.active {} .agree li.active span {border-bottom:3px solid #222222} .agreeBox {position:relative; border:1px solid #DCDCDC; padding:30px 40px 25px 40px; max-width:560px; border-radius:20px; } .agreeBox ul li {display:inline-block; width:100%; } .agreeBox ul li dl dd:first-child {width:70%; float:left; padding-top:3px} .agreeBox ul li dl dd:nth-child(2) {width:30%; float:right; text-align:right } .agreeBox ul li dl dd b {font-weight:500} div.joinT {width:100%; margin:0 auto} div.joinT ul {position:relative; width:100%; display:inline-block; margin-bottom:20px !important;} div.joinT ul li {font-size:18px; float:left; } div.joinT ul li:first-child {width:25%; padding:10px 0 } div.joinT ul li:nth-child(2) {width:75%} .boxType { padding:0px 0; line-height:140%} .joinbtnFoot_1 {width:100%} .joinbtnFoot li {width:100%} .joinbtnFoot {width:100%} .joinbtnFoot li{float:left} .joinbtnFoot li:first-child {width:35%} .joinbtnFoot li:nth-child(2) {width:62%} .memberCopy {border:1px solid #999; background:#DCDCDC; color:#000; border-radius:20px; padding:2px 12px} .memberbox {border:1px solid #DCDCDC; padding:30px; border-radius:20px; background:#F1F4F5} a.deco {text-decoration:underline; } a.deco:hover {text-decoration:underline; } /* 3000 �˾� */ caption {display:none} #pop_dropOut {background:#fff; padding:70px 40px;} #pop_dropOut.w600 {width:600px; margin:0 auto} div.popBase {width:100%; position:relative; } div.popBase.w400 {width:400px; position:relative; } div.popBase p.btn_pop_close {position:absolute; right:-50px; top:-50px; margin:0; padding:0; max-width:90px; width:50px } .pop_wrap {background:#eeeeee; padding:70px 40px; max-height:800px; overflow-y:scroll; overflow-x:hidden } .pop_wrap {width:100%; margin:0 auto} .pop_wrap div.popBasePW {width:100%; position:relative; } .popTextbox {position:relative; heighT:300px; padding:10px 20px; bordeR:1px solid #E6E6E6; width:100%; line-height:140%; overflow-y:scroll; width:100%; background:#fff; font-size:13px} /* 3000 ���������� */ .myBox {background:#fff; border-radius:10px; padding:40px 50px; position:relative } ul.account_box {position:relative; width:100%; border:1px solid #DCDCDC; border-radius:5px} ul.account_box li {display:inline-block; width:35%; text-align:Center;background: url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_grayLine.jpg") right 8px no-repeat; } ul.account_box li:nth-child(2) {width:26%} ul.account_box li:last-child {background:none} ul.account_box li { display:inline-block; color:#222222; padding:7px 0; font-size:14px } .mebOut {position:absolute; right:15px; top:20px; text-decoration:underline; } .mebOut a {color:#787878} .mebOut a:hover {color:#787878} ul.my_subTitle {position:relative; width:100%} ul.my_subTitle li:first-child {floaT:left} ul.my_subTitle li:last-child {floaT:right; } .myBox {position:relative; width:100%} .myBox .myQus {border:2px solid #222; border-radius:5px; padding:10px 20px} .myBox .myQus span {color:#E3A62C; text-decoration:underline} table.myT {width:100%; position:relative} table.myT th{background:#F1F4F5; text-align:center; font-size:16px; font-weight:400; padding:10px 0} table.myT th.bg_White {background:#fff; border-bottom:1px solid #DCDCDC} table.myT td{font-size:16px; color:#787878; padding:10px 0; border-bottom:1px solid #DCDCDC } table.myT td:nth-child(1) {text-align:center; } table.myT td:nth-child(2) .titletxt{text-align:left; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width:450px ; text-align:left;} table.myT td p.cate {border:1px solid #DCDCDC; border-radius:5px; padding:3px 10px; font-size:14px; display:inline-block } table.myT td.day {font-size:13px; font-weight:500; text-align:center} table.myT td a {color:#787878; display:inline-block} table.myT td:nth-child(2):hover a{color:#000; } table.myT td.q_box {padding:20px 50px;text-align:left; font-size:14px} textarea.basetxt {width:100%; border:1px solid #DCDCDC; border-radius:5px; padding:10px} .infoBox {background:#fff; border-radius:20px; padding:30px 40px} .ansBox {position:relative; bordeR:1px solid #DCDCDC; border-top:0;padding: 35px 50px } .ans {background:#222222; color:#fff; border-radius:5px; margin-left:10px; font-size:11px; padding:3px 9px; display:inline-block; margin-top:5px; vertical-align:top} .unans {background:#787878; color:#fff; border-radius:5px; margin-left:10px; font-size:11px; padding:3px 4px;display:inline-block; margin-top:5px; vertical-align:top} .sampleWrap {width:100%} /* .sampleWrap li:nth-child(1) {width:48%; float:left} .sampleWrap li:nth-child(2) {width:48%; float:right} */ .sampleWrap li {width:100%} .sampleList {position:relative} .sampleList dd {background:#F1F4F5; width:100%; display:inline-block; padding:10px; margin-top:10px} .sampleList dd p {float:left; padding-top:4px} .sampleList dd span {border-radius:5px; padding:2px 7px; margin-left:10px; width:70px; display:inline-block; text-align:center; float:right} .sampleList dd span a {color:#fff; font-size:13px;} .sampleList dd span.stype01 {background:#222222; color:#fff; border:1px solid #222222} .sampleList dd span.stype02 {background:#F1F4F5; border:1px solid #222222} .sampleList dd span.stype02 a { color:#222;} .sampleList dd span.stype03 {background:#fff; color:#222; border:1px solid #222222} .sampleList dd span.stype03 a {color:#222;} .js {background:yellow; padding:10px; color:#000; font-size:14px; width:100%; border:2px dashed #000; display:none} .myBoxFoot {position:relative; width:100%; background:#fff; border-radius:5px; text-align:center} .myBoxFoot li {display:inline-block; width:26%; text-align:center; padding:15px 0; background: url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_grayLine.jpg") left 19px no-repeat;} .myBoxFoot li{width:49%} .myBoxFoot li:nth-child(1) {background:none} .myBoxFoot li a {color:#222} table.myQ {width:100%; } table.myQ th {padding:10px 0; border-bottom:1px solid #DCDCDC; font-size:16px} table.myQ td {padding:10px 0; border-bottom:1px solid #DCDCDC; } table.myQ select.cateQ {border:1px solid #DCDCDC; padding:7px 10px; border-radius:5px; width:150px; color:#787878; font-size:16px; outline:none} table.myQ td textarea {border:1px solid #DCDCDC; border-radius:5px;padding:7px 10px;outline:0; width:100%; height:200px} input.fileType01 {border:0} .faqBtnbox {width:100%; text-align:center} .faqBtnbox button {margin:0 5px} .ico_notFin {max-width:160px; position:relative; margin:0 auto} /* 3000 ��ǰī�װ� tab */ .prd_wrap {position:relative; margin:0 auto} .tabs3 {background:none; position:relative; z-index:100; width:100% ; overflow:hidden; margin:0 auto; display:inline-block; text-align:center} .tabs3 li { display:inline-block; margin:0 20px 0 20px; display:inline-block; text-align:center; border-radius:5px; vertical-align:top } .tabs3 li.current a{background: #222; } .tabs3 li a { color:#787878 ; display:inline-block; border-radius:5px ; background:#F1F4F5 } .tabs3 li.current a {color: #fff;} .tabs3 li p {display:inline-block; width:110px; height:110px; padding-top:75px; } .tabs3 li span {display:block; margin-top:5px; color:#787878 ;} .tab_content3 {position:relative; padding:0px 0 100px 0 ;} .tab_content3 > div {clear: both;line-height: 19px;color: #666; display: none; width:100%; display:inline-block } .tab_content3 > div#VM {display:none; } .tab_content3 > div#VB {display:none; } .tab_content3 > div#GE {display:none; } .tab_content3 > div#GH {display:none; } .tab_content3 > div#SC {display:none; } .tab_content3 > div#CV {display:none; } .tab_content3 > div#CD {display:none; } .tab_content3 > div#CW {display:none; } /*���� ID*/ .tab_content3 > div#P {display:none; } .tab_content3 > div#B {display:none; } .tab_content3 > div#G {display:none; } .tab_content3 > div#H {display:none; } .tab_content3 > div#F {display:none; } .tab_content3 > div#M {display:none; } .tab_content3 > div#S {display:none; } .tab_content3 > div#W {display:none; } .tab_content3 .current { display: block; } .tab_content3 #home.first { display: block; } /* ������ .tabs3 li .ico_VE {background: url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_all_cate01.png") center 25px no-repeat; background-size:45px} .tabs3 li.current .ico_VE {background:#222222 url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_all_cate01_on.png") center 25px no-repeat;border-radius:5px; background-size:45px} .tabs3 li .ico_VM {background: url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_all_cate02_gray.png") center 25px no-repeat; background-size:45px} .tabs3 li.current .ico_VM {background:#222222 url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_all_cate02_gray_on.png") center 25px no-repeat;border-radius:5px; background-size:45px} .tabs3 li .ico_VB {background: url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_all_cate03.png") center 25px no-repeat; background-size:45px} .tabs3 li.current .ico_VB {background:#222222 url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_all_cate03_on.png") center 25px no-repeat; border-radius:5px; background-size:45px} .tabs3 li .ico_GE {background: url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_all_cate04.png") center 25px no-repeat; background-size:35px} .tabs3 li.current .ico_GE {background:#222222 url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_all_cate04_on.png") center 25px no-repeat; border-radius:5px; background-size:35px} .tabs3 li .ico_GH {background: url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_all_cate05.png") center 25px no-repeat; background-size:40px} .tabs3 li.current .ico_GH {background:#222222 url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_all_cate05_gray.png") center 25px no-repeat; border-radius:5px; background-size:40px} .tabs3 li .ico_SC {background: url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_all_cate06.png") center 20px no-repeat; background-size:30px} .tabs3 li.current .ico_SC {background:#222222 url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_all_cate06_on.png") center 20px no-repeat; border-radius:5px; background-size:30px} .tabs3 li .ico_CV {background: url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_all_cate07.png") center 25px no-repeat; background-size:40px} .tabs3 li.current .ico_CV {background:#222222 url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_all_cate07_on.png") center 25px no-repeat; border-radius:5px; background-size:40px} .tabs3 li .ico_CD {background: url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_all_cate09.png") center 21px no-repeat; background-size:27px} .tabs3 li.current .ico_CD {background:#222222 url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_all_cate09_on.png") center 21px no-repeat; border-radius:5px; background-size:27px} .tabs3 li .ico_CW {background: url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_all_cate08.png") center 15px no-repeat; background-size:25px} .tabs3 li.current .ico_CW {background:#222222 url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_all_cate08_on.png") center 15px no-repeat; border-radius:5px; background-size:25px} */ .tabs3 li .ico_VE {background: url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_all_01.png") center 10px no-repeat; background-size:45px} .tabs3 li.current .ico_VE {background: url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_all_01.png") center 10px no-repeat;border-radius:5px; background-size:45px} .tabs3 li .ico_VM {background: url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_all_02.png") center 10px no-repeat; background-size:45px} .tabs3 li.current .ico_VM {background:#222222 url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_all_02.png") center 10px no-repeat;border-radius:5px; background-size:45px} .tabs3 li .ico_VB {background: url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_all_03.png") center 10px no-repeat; background-size:45px} .tabs3 li.current .ico_VB {background:#222222 url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_all_03.png") center 10px no-repeat; border-radius:5px; background-size:45px} .tabs3 li .ico_GE {background: url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_all_04.png") center 10px no-repeat; background-size:45px} .tabs3 li.current .ico_GE {background:#222222 url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_all_04.png") center 10px no-repeat; border-radius:5px; background-size:45px} .tabs3 li .ico_GH {background: url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_all_05.png") center 10px no-repeat; background-size:45px} .tabs3 li.current .ico_GH {background:#222222 url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_all_05.png") center 10px no-repeat; border-radius:5px; background-size:45px} .tabs3 li .ico_SC {background: url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_all_06.png") center 10px no-repeat; background-size:45px} .tabs3 li.current .ico_SC {background:#222222 url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_all_06.png") center 10px no-repeat; border-radius:5px; background-size:45px} .tabs3 li .ico_CV {background: url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_all_07.png") center 10px no-repeat; background-size:45px} .tabs3 li.current .ico_CV {background:#222222 url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_all_07.png") center 10px no-repeat; border-radius:5px; background-size:45px} .tabs3 li .ico_CD {background: url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_all_08.png") center 10px no-repeat; background-size:45px} .tabs3 li.current .ico_CD {background:#222222 url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_all_08.png") center 10px no-repeat; border-radius:5px; background-size:45px} .tabs3 li .ico_CW {background: url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_all_09.png") center 10px no-repeat; background-size:45px} .tabs3 li.current .ico_CW {background:#222222 url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_all_09.png") center 10px no-repeat; border-radius:5px; background-size:45px} .prd_subCateTitle {position:relative; border-bottom:2px solid #222222; padding-bottom:10px; width:100%; } ul.prd_subCate {position:relative; } ul.prd_subCate li {margin-top:0px; line-height:140%; padding:4px 0;} ul.prd_subCate li input[type=radio]{display: none;} ul.prd_subCate li input[type=radio]+label{ line-height:140%; padding:4px 0; } ul.prd_subCate li.active input[type=radio]+label{background: url("https://image.edaymall.com/images/dcf/vegemil/img/ico/sub_cate.png") right 7px no-repeat; height:30px; padding-right:32px; display:inline-block;vertical-align:middle; background-size:22px; color:#222; font-weight:500; font-size:18px;} ul.prd_subCate li input[type=radio]:checked+label{background: url("https://image.edaymall.com/images/dcf/vegemil/img/ico/sub_cate.png") right 7px no-repeat; height:30px; padding-right:32px; display:inline-block;vertical-align:middle; background-size:22px; color:#222; font-weight:500; font-size:18px; } ul.prd_dCate {position:relative; } ul.prd_dCate li a {font-size:16px} ul.prd_dCate li {margin-top:0px; line-height:140%; padding:7px 0; background:#fff; } ul.prd_dCate li a:hover {background: url("https://image.edaymall.com/images/dcf/vegemil/img/ico/sub_cate.png") right 0px no-repeat; height:30px; padding-right:32px; display:inline-block;vertical-align:middle; background-size:22px; color:#222; font-weight:500; font-size:18px;} ul.prd_dCate li a:focus {color:#000; font-size:17px; font-weight:500; background-image:#fff url("https://image.edaymall.com/images/dcf/vegemil/img/ico/sub_cate.png") right 7px no-repeat; height:30px; } ul.prd_dCate li a:active {color:#000; font-size:17px; font-weight:500; background-image:#fff url("https://image.edaymall.com/images/dcf/vegemil/img/ico/sub_cate.png") right 7px no-repeat; height:30px; } /* 3000 ��ǰ����Ʈ */ .prd-list {position:relative; margin-bottom:80px} .prd-list {border:1px solid #DCDCDC; border-radius:10px; display:inline-block; padding:19px 19px 40px 19px; max-width:410px; width:100%; position:relative; height:700px} .prd-list:hover {background:#F1F4F5; border:1px solid #F1F4F5;} .prd-list .prd-thumb img {transition: all ease 0.2s;} .prd-list .prd-thumb {background:#fff; max-width:262px; height:262px; border-radius:200px;margin:0 auto } .prd-list:hover .prd-thumb {background:#fff; width:262px; height:262px; border-radius:200px; margin:0 auto } .prd-list:hover .prd-thumb img {transform: rotate( 15deg ) scale( 1.22 );transition: all 0.2s linear; margin-top:-25px; margin-right:-25px; } .prd-txt.ab-bottom {position:absolute; left:30px; bottom:30px} .prd-txt {color:#787878; height:87px; } .prd-txt span:first-child {margin-top:0px;} .prd-txt span{border:1px solid #DCDCDC;border-radius:3px; padding:2px 7px; display:table; margin-top:5px; background:#fff} .prd-thumb {text-align:center} .prd-key {text-align:Center} .prd-name {letter-spacing:-1px; text-align:Center; line-height:140%; } .prd-subTxt {letter-spacing:-1px; text-align:Center; line-height:160%; max-width:260px; margin:0 auto; } .key-green {background:#02A85A;font-size:14px; color:#fff; border:1px solid #02A85A; border-radius:5px; padding:2px 8px} .key-white {background:#fff;font-size:14px; color:#787878; border:1px solid #DCDCDC; border-radius:5px; padding:2px 8px} dl.prd-viewMore {position:relative; max-width:260px;width:100%; margin:0 auto; } dl.prd-viewMore dd:first-child {float:left; } dl.prd-viewMore dd:nth-child(2) {float:right; border:1px solid #DCDCDC; text-align:center; border-radius:5px; width:48px; padding:11px 0; display:inline-block; background:#Fff} .prd-label {position:absolute;right:10px; top:-8px; width:70px} .HJS { max-width:890px; margin:0 auto} /* 3000 ��ǰ�� Tab */ .prd_thumb {position:relative; margin:0 auto; float:left; max-width:150px; width:100%} .tabs4 {background:none; position:relative; z-index:100; width:100% ; overflow:hidden; margin:0 auto; display:inline-block; text-align:center} .tabs4 li { display:block; text-align:center; width:150px; border-radius:10px; margin-bottom:5px; background:#F1F4F5; overflow:hidden ; } .tabs4 li.current {border:2px solid #e3a62c} .tabs4 li a { color:#787878 ; } .tabs4 li.current a {color: #fff;} .tabs4 li {border:2px solid #fff} .tab_content4 {position:relative; padding:0px 0 0px 0; float:left; max-width:860px; width:100%; background:#F1F4F5; border-radius:10px; overflow:hidden ; margin-left:50px} .tab_content4 > div {clear: both;line-height: 19px;color: #666;display: none; } .tab_content4 .current { display: block; } .tab_content4 #home.first { display: block; } ul.info_ul {position:relative; width:100%; border-top:1px solid #DCDCDC; border-bottom:1px solid #DCDCDC; display:inline-block; padding-bottom:20px} ul.info_ul li {width:50%; float:left;margin-top:30px; border:1p} ul.info_ul li img {max-width:60px} ul.info_ul li p:first-child {float:left} ul.info_ul li p:nth-child(2) {float:left; margin-left:17px; margin-top:5px} ul.info_ul li p:nth-child(2) span{display:block;width:100%} ul.info_ul_bottom {position:relative; width:100%;} ul.info_ul_bottom li {float:left; width:50%; display:inline-block} ul.info_btn_box {position:relative; width:100%; display:inline-block} ul.info_btn_box li:nth-child(1) {width:72%; float:left} ul.info_btn_box li:nth-child(2) {width:26%; float:right} #photo01.thumb_img {max-width:500px;margin:0 auto} /* 3000 ��ǰ�� > �÷��ø޴� > ��ġ�������ϴ��¸޴� */ .section-01, .section-02, .section-03 { position: relative; } .floating-menu {margin:0; } .floating-menu li {margin:7px 0} .floating-menu li.on {background: url("https://image.edaymall.com/images/dcf/vegemil/img/ico/sub_cate.png") right 2px no-repeat; height:auto; width:130px;margin-left:0px; margin-top:0px; display:inline-block;vertical-align:middle; background-size:25px} .floating-menu li.on a { font-weight:500; color:#000} .floating-menu li.on a.menu-01 {/* background-position: -131px 0;*/ } .floating-menu li.on a.menu-02 {/* background-position: -131px -104px;*/ } .floating-menu li.on a.menu-03 { /*background-position: -131px -219px;*/ } .search-img img {width:18px} .search-container {position:relative; border:2px solid #222222; border-radius:5px; padding:10px 10px 10px 10px; background:#fff} .search-container input {border:0; padding-left:10px; outline:0; font-size:16px; max-width:212px; width:73%} .search-container.w410 {max-width:410px; width:410px; } .search-container.w410 input {max-width:310px; width:310px; } .search-container button {border-left:2px solid #222; padding-left:10px; font-size:16px; line-height:120%} .flotingContent-bnr p img {width:18px} .btn-search {background:none} .bnr-y-box {position:relative; background:#F6F1D1; padding:10px; border-radius:10px} .bnr-y-box a {color:#222222} .bnr-y-box a:hover {color:#222222} .bnr-y-box li:first-child {max-width:120px; position:relative} .bnr-y-box li:first-child img {border-radius:20px; position:relative} .bnr-y-box li:first-child .y-play {position:absolute; right:10px; bottom:10px} .bnr-y-box li {display:inline-block; vertical-align:middle} .bnr-y-box li:nth-child(2) {font-size:18px; overflow:hidden; width:250px} /* 3000 ���缺�� */ .yys_wrap {padding:150px 15px 0 15px; } .yys_wrap .col-6 {padding:0} .yys_wrap .col-md-12 {padding:0} .yys_wrap .col-md-6:nth-child(4) {} .yys_wrap .col-md-6:nth-child(3) .col-sm-6:nth-child(2) .yys_title {border-right:0} .yys_wrap .col-md-6:nth-child(3) .col-sm-6:nth-child(2) .yys_subtop {border-right:1px solid #fff} .yys_wrap .col-md-6:nth-child(3) .col-sm-6:nth-child(2) dl dd:nth-child(3) {bordeR-right:0px } .yys {background:#fff;} .yys_info {width:100%; text-align:right; margin-top:20px} .yys_info p {margin-bottom:10px} .yys_subtop {background:#F1F4F5;display:inline-block; width:100%; font-size:14px;color:#282828; font-weight:300; line-height:180%; padding:14px 24px 14px 24px; border-top:1px solid #DFDFDF; border-right:1px solid #DFDFDF; margin:0 0 -2px -1px } .yys_subtop dt{float:left;font-weight:400; font-size:16px} .yys_subtop dd{float:right; text-align:right; line-height:150%; } .yys {position:relative;border-bottom:1px solid #DFDFDF;clear:both; margin:0 } .yys dl {width:100%; border-top:1px solid #DFDFDF;padding:0; display:inline-block;padding:0; margin:0 0 0px 0; margin:0} .yys dl{margin-top:-6px !important; padding:0 !important; } .yys_title {background:#fff; font-size:14px;color:#282828; font-weight:300; line-height:180%; padding:24px 34px 24px 38px; border-top:1px solid #DFDFDF; border-right:1px solid #d1d3dc } .yys dl dt.in {padding-left:30px; } .yys dl dt {border-right:1px solid #DFDFDF; float:left; width:33.3%; font-size:14px; color:#282828; font-weight:300; line-height:120%; padding:14px 0 14px 5%; margin-bottom:0px} .yys dl dd {text-align:center; float:left;width:33.25%; font-size:14px; color:#282828; font-weight:300; line-height:120%; padding:14px 0; margin-bottom:0px} .yys dl dd:last-child {border-right:1px solid #DFDFDF;border-left:1px solid #DFDFDF; } .yys_top {position:relative; vertical-align:bottom} .yys_top li:first-child {float:left; padding-bottom:12px} .yys_top li:nth-child(2) {float:right;padding-bottom:0px} .yys_top li {vertical-align:bottom;} .txt_big07 {font-size:20px; font-weight:bold; letter-spacing:-2px; color:#282828; margin-bottom:0; padding:10px 0; vertical-align:top} .subinfo {text-align:right} table.dataTable {border-top:1px solid #282828; color:#5a5a5a; margin:0; padding:0;} table.mt50 {margin-top:50px} table.dataTable th {border-left:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; text-align:left; padding-left:15px; font-size:13px; height:30px; font-weight:500; padding-top:10px; padding-bottom:10px } table.dataTable th:first-child {border-left:0px solid #d2d2d2} table.dataTable td {border-bottom:1px solid #d2d2d2; text-align:left; padding-left:15px; font-size:13px; height:30px; } table.dataTable .in {padding-left:30px;} /* 3000 20230116 sh �߰� */ .emailBtn{display: flex; align-content: center; justify-content: center;} .emailBtn li{width: 200px; height: 70px; margin: 0 5px; border-radius: 5px;} .emailBtn li:first-child{background-color: #222;} .emailBtn li:nth-child(2){border: 1px solid #dcdcdc;} .emailBtn li:first-child a{color: #fff; width: 100%; height: 100%; display: block; line-height:70px;} .emailBtn li:nth-child(2) a{color: #787878; width: 100%; height: 100%; display: block; line-height:70px; } /* 3000 20230116 sh �߰� */ /* 3000 ��ǰ�� > �귣�� ��� */ .banner-prd.green {background:#02A85A; } .banner-prd.pupple {background:#7375FB; } .banner-prd.blue {background:#008BD5; } .banner-prd.pink {background:#E5264D; } .banner-prd {text-align:left; color:#fff; width:100%; padding:20px 0} .banner-logo {} .banner-logo img{width:75px; margin-right:20px; } .banner-logo li:first-child {width:7%; min-width:100px; border-right:2px solid #fff; } .banner-logo li:nth-child(2) {width:70%} .banner-logo li {display:inline-block; vertical-align:top} .banner-logo.easy img{width:110px; margin-right:20px; } .banner-logo.easy li:first-child {width:10%; min-width:100px; border-right:2px solid #fff; } .banner-logo.easy li:nth-child(2) {width:70%} .banner-logo.easy li {display:inline-block; vertical-align:top} .banner-txt {position:relative; margin-left:20px} a .banner-txt {color:#fff} /* 3000 ��ǰ�� > you may also love */ .alsoLove {position:relative; background:#F1F4F5; border-radius:10px; overflow:hidden; text-align:Center; padding:60px 20px; height:470px;} .alsoLove .alsoThumb {width:230px; height:230px; border-radius:230px; margin:0 auto ;position:relative} .alsoLove .alsoThumb .recipe-green {position:absolute; color:#fff; background:#02A85A; font-size:12px; font-weight:400; border-radius:150px; padding:22px 15px; right:0px;} .alsoLove .alsoThumb .recipe-pupple {position:absolute; color:#fff; background:#7C7DF4; font-size:12px; font-weight:400; border-radius:150px; padding:13px 15px; right:0px} .alsoLove a:hover .f20 {color:#222} .alsoLove a:hover .gray04 {color:#787878} .also-name {height:60px; overflow:hidden} .also-sub-txt {height:48px; overflow:hidden} .bnr-faq{position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/bnr/bnr_faq.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center} /* 3000 �귣�� */ .bnr_brand01 {background: url(https://image.edaymall.com/images/dcf/vegemil/img/brand/bnr_brand01.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center;} .bnr_brand02 {background: url(https://image.edaymall.com/images/dcf/vegemil/img/brand/bnr_brand02.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center;} .bnr_brand03 {background: url(https://image.edaymall.com/images/dcf/vegemil/img/brand/bnr_brand03.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center;} .bnr_v_acd01 {background: url(https://image.edaymall.com/images/dcf/vegemil/img/brand/bnr_v_acd01.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center;} .bnr_v_acd02 {background: url(https://image.edaymall.com/images/dcf/vegemil/img/brand/bnr_v_acd02.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center;} .bnr_v_acd03 {background: url(https://image.edaymall.com/images/dcf/vegemil/img/brand/bnr_v_acd03.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center;} .bnr_c_acd01 {background: url(https://image.edaymall.com/images/dcf/vegemil/img/brand/bnr_c_acd01.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center;} .bnr_c_acd02 {background: url(https://image.edaymall.com/images/dcf/vegemil/img/brand/bnr_c_acd02.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center;} .bnr_c_acd03 {background: url(https://image.edaymall.com/images/dcf/vegemil/img/brand/bnr_c_acd03.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center;} .bnr_g_acd01 {background: url(https://image.edaymall.com/images/dcf/vegemil/img/brand/bnr_g_acd01.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center;} .bnr_g_acd02 {background: url(https://image.edaymall.com/images/dcf/vegemil/img/brand/bnr_g_acd02.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center;} .bnr_g_acd03 {background: url(https://image.edaymall.com/images/dcf/vegemil/img/brand/bnr_g_acd03.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center;} .bnr_s_acd01 {background: url(https://image.edaymall.com/images/dcf/vegemil/img/brand/bnr_s_acd01.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center;} .bnr_s_acd02 {background: url(https://image.edaymall.com/images/dcf/vegemil/img/brand/bnr_s_acd02.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center;} .bnr_s_acd03 {background: url(https://image.edaymall.com/images/dcf/vegemil/img/brand/bnr_s_acd03.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center;} .bnr_brand04 {background: url(https://image.edaymall.com/images/dcf/vegemil/img/brand/bnr_brand04.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center;} .bnr_brand05 {background: url(https://image.edaymall.com/images/dcf/vegemil/img/brand/bnr_brand05.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center;} .bnr_brand06 {background: url(https://image.edaymall.com/images/dcf/vegemil/img/brand/bnr_brand06.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center;} .bnr_brand07 {background: url(https://image.edaymall.com/images/dcf/vegemil/img/brand/bnr_brand07.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center;} .bnr_brand08 {background: url(https://image.edaymall.com/images/dcf/vegemil/img/brand/bnr_brand08.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center;} .bnr_brand09 {background: url(https://image.edaymall.com/images/dcf/vegemil/img/brand/bnr_brand09.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center;} .bnr_brand10 {background: url(https://image.edaymall.com/images/dcf/vegemil/img/brand/bnr_brand10.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center;} .bnr_rnd01 {background: url(https://image.edaymall.com/images/dcf/vegemil/img/R&D/Work-slide01.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center; border-radius:20px} .bnr_rnd02 {background: url(https://image.edaymall.com/images/dcf/vegemil/img/R&D/Work-slide02.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center; border-radius:20px} .bnr_rnd03 {background: url(https://image.edaymall.com/images/dcf/vegemil/img/R&D/Work-slide03.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center; border-radius:20px} .bnr_rnd04 {background: url(https://image.edaymall.com/images/dcf/vegemil/img/R&D/Work-slide04.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center; border-radius:20px} .east_info {position:relative; border-bottom:2px solid #222; width:100%} .east_info li {display:inline-block; padding-bottom:5px; vertical-align:top; } .east_info li:first-child {width:27%} .east_info li:nth-child(2) {width:45%} .east_info li:nth-child(3) {width:24%;text-align:right} .east_info li:nth-child(3) img {width:30px} ul.brand_cook {position:relative} ul.brand_cook li:first-child {max-width:200px; margin-right:20px} ul.brand_cook li:nth-child(2) {width:340px;} ul.brand_cook li {display:inline-block; vertical-align:top} .cook_red {background:#E5264D; color:#fff; text-align:center; padding:4px 0; width:100px; border-radius:20px} .cook_gray {background:#787878; color:#fff; text-align:center; padding:2px 10px; display:inline-block; border-radius:20px} .cook_thumb {border-radius:20px; overflow:hidden; max-width:200px; } .cook_thumb img {width:100%} .brand_recipe_bg {background:#F1F4F5; border-radius:20px; margin-top:-120px; padding:80px; z-index:100; position:relative } .rep_img {border-radius:20px; overflow:hidden} .recipe-list {position:relative; background:#fff; border-radius:20px; overflow:hidden; padding:20px } .recipe-list li {display:inline-block; vertical-align:middle } .recipe-list li:nth-child(1) {width:30%} .recipe-list li:nth-child(2) {width:68%} .recipeRimg img {max-width:80px } .simBox {position:relative} .simBox li {display:inline-block; width:30%; text-align:center; max-width:260px; margin:0 70px} .simBox li .sim{background: url(https://image.edaymall.com/images/dcf/vegemil/img/brand/sim.png) no-repeat scroll center; background-size:100%; height:260px; position:relative } table.table-sim {position:relative; width:100%; border-top:2px solid #000} table.table-sim td {border-bottom:1px solid #DCDCDC; font-size:18px; padding:15px 0; padding-left:20px} table.table-sim td:first-child {text-align:left} table.table-sim td {text-align:center} table.table-sim tr.last-td {background:#F1F4F5; color:#E3A62C} /* 3000 ������û*/ table.int {width:100%; border:1px solid #ccc; border-radius:10px; } table.int th {padding:10px 10px 5px 30px; vertical-align:top; } table.int td {padding:10px 10px 5px 30px; vertical-align:top; } table.int tr:first-child td {padding-top:30px} table.int tr:last-child td {padding-bottom:30px} table.int tr:first-child th {padding-top:30px} table.int tr:last-child th {padding-bottom:30px} /* 3000 �귣�� > ī�װ��� ��ǰ���� */ .swiper-box { max-width: 1460px; width: 100%; margin: auto; text-align: center; padding:0 0px; overflow:hidden; } .swiper-box .swiper-container { width: 100%; max-width: 1460px; height: auto; padding-bottom: 0px;margin-left:0px /*space for the scrollbar*/ } .swiper-box .swiper-wrapper { list-style-type: none; margin: 0; padding: 0; } .swiper-box .swiper-wrapper li {background: url(https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_lineS.png) no-repeat scroll right 4px; } .swiper-box .swiper-wrapper li:last-child {background:none} .swiper-box .swiper-slide { width: auto; background-color:none; padding:0 20px } .swiper-box .swiper-wrapper .swiper-slide.w200 {width:auto} .swiper-box .swiper-slide a { display: block; color: white; text-align: center; padding:0 0 20px 0; text-decoration: none; font-size:16px; font-weight:400;color:#787878 } .swiper-box .swiper-slide a:hover { color:#222222; font-weight:500; } /* Styling the scroll bar for dark mode */ .swiper-box .swiper-scrollbar { background: #FFFFFF2a; display:none } .swiper-scrollbar-drag { background: #FFFFFF80; } .swiper-box .swiper-slide.swiper-slide-active {} .swiper-box .swiper-slide.active a{border-bottom:2px solid #222; font-size:18px; color:#222222; font-weight:500} /* Rnd-swi */ .Rnd-swi .swiper-container { width: 100%; height: 100%; } .Rnd-swi .swiper-slide { text-align: center; font-size: 18px; background: #fff; width: 28%; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .Rnd-swi .swiper-slide:nth-child(1) {} .Rnd-swi .swiper-slide:nth-child(2) {} .Rnd-img img {width:100% ; border-radius:20px} .slBox {position:relative; clear:both;display:inline-block;width:100%; height:100%; } .slBox .centerH {position:absolute; top:50%;left:50%;color:#fff;transform:translate(-50%,-50%); } .brand_thumb_img {border-radius:20px; position:relative} .brand_thumb .top_tag {position:absolute; left:20px; top:20px; } .brand_thumb .top_tag p {text-align:left; } .brand_thumb .top_tag p span {border-radius:5px; background:#222; padding:2px 10px; color:#fff; font-size:14px; display:block; margin-bottom:5px;border:1px solid #222 } .brand_thumb .bottom_tag {position:absolute; left:20px; bottom:20px} .brand_thumb .bottom_tag p {text-align:left} .brand_thumb .bottom_tag p span {background:#fff;border-radius:5px; color:#787878; font-size:14px; display:block; margin-bottom:5px; text-align:left; display:inline-block; padding:2px 10px; border:1px solid #DCDCDC} .brand_thumb a:hover {color:#222; } /* 3000 �귣�� �⺻ */ .brand-line {border-bottom:1px solid #fff; display:inline-block} .brand_bnr {position:relative} .brand_bnr > div:nth-child(1) { padding-right:190px; } .brand_bnr > div:nth-child(2) { padding-right:190px; } .brand_bnr > div:nth-child(3) { padding-right:190px; } .brand_bnr > div:nth-child(4) { padding-left:190px; } .brand_bnr > div:nth-child(5) { padding-left:190px; } .brand_bnr > div:nth-child(6) { padding-left:190px; } .brand_bnr > div {margin-bottom:80px} .brand_bnr > div > div {border-radius:20px;} ul.brandTitle li {display:inline-block; vertical-align:top} ul.brandTitle li:first-child{margin-right:10px} ul.brandPrd {width:100%; display:inline-block} ul.brandPrd li:first-child {background:#F1F1F1; border-radius:10px; max-width:84px; height:120px; float:left; width:40%} ul.brandPrd li:first-child > div {height:100%} ul.brandPrd li:nth-child(2) {float:right; width:60%; padding-left:10px; } ul.brandPrd a:hover li:nth-child(2) {color:#222} ul.brandPrd .f18 {font-size:16px} ul.brandPrd .f14 {font-size:12px} /* 3000 �귣�� > ���ڵ�� */ .prd_acd { display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; position: relative; top: 0; left: 0; width: 100%; opacity: 0; } .prd_acd li { margin:0px; transition: all 400ms ease-in-out 0ms; transition-duration: 0.5s cursor: pointer; } .prd_acd .default { width: 33%; color: rgba(255, 255, 255, 0); overflow: hidden; } .prd_acd .expand { width: 100000%; color: white; padding: 0px; } ul.prd_acd li.default .inType { display:none} ul.prd_acd li.expand.default .outType{display:none} ul.prd_acd li.expand.default .inType{display:block} ul.prd_acd li.expand.default .inType.centerH {max-height:500px; max-width:420px; width:100%; background:#fff; } ul.prd_acd li.expand.default .inType.centerH .whiteBox {color:#222; padding:20% 0 ; position:relative } ul.prd_acd li.expand.default .inType.centerH .whiteBox p:first-child {border-bottom:1px solid #222; padding-bottom:10px; display:inline-block} ul.prd_acd li.expand.default .inType.centerH .inType_ico {max-width:66px; margin:0 auto} /* 3000 ����� */ .cook-wrap {position:relative; width:100%} .cook-wrap li {width:17.8%; margin:0 1%; display:inline-block; vertical-align:top; margin-bottom:50px} .cookThumb {position:relative} .cookThumb .cook-img {height:160px; display:inline-block; border-radius:20px; } .cookThumb2 {position:relative; margin-bottom:50px} .cookThumb2 .cook-img {display:inline-block; border-radius:20px; } .cookThumb2 .cook-img .baby {color:#fff; background:#222; padding:7px 25px; border-radius:20px; position:absolute; right:15px; bottom:15px } .cook-key .key-black {background:#222; border-radius:5px; padding:2px 8px; border:1px solid #222 } .cook-key .key-gray {background:#F1F4F5; border-radius:5px; padding:2px 8px; border:1px solid #DCDCDC} .subMiddleCook {position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/product/recipe/subMiddleCook.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center} /* 3000 footer */ ul.foot_box {position:relative; width:100%} ul.foot_box {float:left; width:23%; padding-right:2%; } ul.foot_box .foot_box_title {margin-bottom:30px; } ul.foot_box .foot_box_title a {color:#222222} ul.foot_box li {margin-bottom:12px} ul.foot_box li a{color:#787878} /* üũ�ڽ� */ .checkStyle input[type="checkbox"] {display:none;} .checkStyle input[type="checkbox"] + label {color:#343434;} .checkStyle input[type="checkbox"] + label span { display:inline-block; width:17px; height:17px; margin:-2px 6px 0 0; vertical-align:middle; background:url(https://image.edaymall.com/images/dcf/vegemil/img/ico/check_brand.png) left top no-repeat; cursor:pointer; } .checkStyle input[type="checkbox"]:checked + label span { background:url(https://image.edaymall.com/images/dcf/vegemil/img/ico/check_brand.png) -17px top no-repeat;} /* ���� */ .baseRadioBox input[type="radio"] {display:none;} .baseRadioBox input[type="radio"] + label {} .baseRadioBox input[type="radio"] + label span { display:inline-block; width:22px; height:22px; margin:-2px 10px 0 0; vertical-align:middle; background:url(https://image.edaymall.com/images/dcf/vegemil/img/ico/radio_order.png) left top no-repeat; cursor:pointer; } .baseRadioBox input[type="radio"]:checked + label span {background:url(https://image.edaymall.com/images/dcf/vegemil/img/ico/radio_order.png) -22px top no-repeat;} .baseRadioBox label {margin-right:10px; border-radius:5px; border:1px solid #DCDCDC; padding:12px 20px; font-size:16px} /* ���� */ .baseRadioBox2 input[type="radio"] {display:none;} .baseRadioBox2 input[type="radio"] + label {} .baseRadioBox2 input[type="radio"] + label span { display:inline-block; width:22px; height:22px; margin:-2px 10px 0 0; vertical-align:middle; background:url(https://image.edaymall.com/images/dcf/vegemil/img/ico/radio_order.png) left top no-repeat; cursor:pointer; } .baseRadioBox2 input[type="radio"]:checked + label span {background:url(https://image.edaymall.com/images/dcf/vegemil/img/ico/radio_order.png) -22px top no-repeat;} .baseRadioBox2 label {margin-right:10px; border-radius:5px; padding:3px 10px; font-size:16px} @media (max-width: 1760px) { /* display None*/ body {border:0px solid yellow} .wView {position:relative !important;} .mView {display:none !important;} .mView2{display: none !important;} .wView768 {position:relative !important; } .mView768 {display:none !important;} .contant1760 {max-width:1400px; width:100%; padding-right:15px;padding-left:15px;} .contant1460 {max-width:1400px; width:100%; padding-right:15px;padding-left:15px;} .contant1160 {max-width:1100px; width:100%; padding-right:15px;padding-left:15px;} /* 1760 header */ #header h1.logo {position:absolute;top:20px;left:20px; z-index: 100;} #header .header-right {position:absolute;top:17px;right:20px; z-index: 100; } .greenHeader #header h1.logo {position:absolute;top:20px;left:20px; z-index: 100;} .greenHeader #header .header-right {position:absolute;top:17px;right:20px; z-index: 100; } ul.dv5 li:first-child {text-align:left; padding-left:20px; font-size:14px } ul.dv6 li:first-child {text-align:left; padding-left:20px; font-size:14px } .f23.fw500.lh150.mt20 {height:105px} ul.brandPrd li:first-child {background:#F1F1F1; border-radius:10px; max-width:84px; height:120px; float:left; width:40%;} ul.brandPrd li:first-child > div {height:100%} ul.brandPrd li:nth-child(2) > .f14.fw400.gray04.mt10{display:none} /* 1760 popup */ .main-popup {position:absolute; top:110px; right:120px; z-index:100; height:480px; text-align:center; } /* 1760 Gnb */ #gnb{width: 90%; height: 90px; text-align: center; position: relative;} #gnb > ul > li{display: inline-block; float: left; height: 100%; padding: 0 45px; min-width: 140px; letter-spacing: 0; } /* fullMenu */ .full_logo {top:20px;left:20px; position:absolute;} ul.full-header-right {position:absolute;top:27px;right:20px; z-index:100; clear:both} dl.full_box dd.full_dep {border-bottom:1px solid #666666; position:relative; padding-left:3%; padding-bottom:45px; padding-top:20px; display:inline-block; width:100%;margin:0; } dl.full_box dd.full_dep div {float:left; width:4%; } dl.full_box dd.full_dep ul {float:left; width:12%;} dl.full_box dd.full_dep ul li:first-child {font-size:17px; margin-bottom:10px } dl.full_box dd.full_dep div.fd_title {width:200px} .fd_title .f30 {font-size:20px} /* //fullMenu */ #slider0 .slider0-txtbox li dl { padding-left:60%} /* 1760 main > floting */ .floting .flotingContent {padding:25px 30px} /* 1760 videocopy */ .btnType01.mt100 {margin-top:50px} .videoCopy {position:absolute; top:50%;left:25%;color:#fff;transform:translate(-50%,-50%); } /* 1760 btn */ .btnType16 { background:#fff; border-radius:5px; color:#222;display:inline-block; font-size:14px; padding-right:20px; border:1px solid #DCDCDC; border-radius:5px; } .btnType16 a {color:#222} .btnType16 span {background:url(https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_blackRight.png) no-repeat right 15px; background-size:5px; padding:9px 0px 9px 20px; display:inline-block;width:120px } /* 1760 ���������� */ .myBox {position:relative; width:100%; padding:40px 25px} table.myT td:nth-child(2) .titletxt{text-align:center; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width:360px ; text-align:left; } /* 1760 ��ǰī�װ� tab */ .prd_wrap {position:relative; margin:0 auto} .tabs3 {background:none; position:relative; z-index:100; width:100% ; overflow:hidden; margin:0 auto; text-align:center} .tabs3 li { display:inline-block; margin:0 10px 0 10px; display:inline-block; text-align:center; border-radius:5px; vertical-align:top } /* 1760 ��ǰ����Ʈ */ .prd-list {height:650px} .floting-left { width:70%} .floting-right {width:28%} .floting-left_prd { width:22%} .floting-right_prd {width:75%} .prd-list .prd-thumb img {transition: all ease 0.2s;} .prd-list .prd-thumb {background:#fff; max-width:220px; height:220px; border-radius:200px;margin:0 auto } .prd-list:hover .prd-thumb {background:#fff; width:220px; height:220px; border-radius:200px; margin:0 auto } .prd-list:hover .prd-thumb img {transform: rotate( 15deg ) scale( 1.22 );transition: all 0.2s linear; margin-top:-25px; margin-right:-25px; } .prd-list .prd-name {font-size:20px} dl.prd-viewMore {width:195px} dl.prd-viewMore dd:nth-child(2) {float:right; border:1px solid #DCDCDC; text-align:center; padding:9px 0; width:42px } dl.prd-viewMore dd:nth-child(2) img {width:16px} /* 1760 main > floting */ ul.f_ul li:nth-child(3n) {margin-right:10px; } /* 1760 ��ǰ�� Tab */ .prd_thumb {max-width:130px; width:20%} .tabs4 li { width:130px; } .tab_content4 {max-width:650px; margin-left:30px; width:75% } /* 1760 ��ǰ�� > �÷��ø޴� > ��ġ�������ϴ��¸޴� */ .bnr-y-box li:first-child {width:90px} .bnr-y-box li:nth-child(2) {font-size:16px; overflow:hidden; width:200px} /* 1760 ��ǰ�� > you may also love */ .alsoLove {position:relative; background:#F1F4F5; border-radius:10px; overflow:hidden; text-align:Center; padding:30px 20px; height:370px;} .alsoLove .alsoThumb {width:150px; height:150px} .alsoLove .also-name {font-size:17px; height:70px;} .also-sub-txt {height:59px; overflow:hidden; font-size:13px; } /* 1760 company */ .infoCenter{display: flex; justify-content: center;} .greetingsBg li:first-child{ padding-left: 60px;} .greetingsInfo{width: 90%;} .profileBg div{ padding-left: 60px; } .profileInfo{ position: relative; background-color:#fff; width: 90%; padding: 50px 20px; border-radius: 20px; margin-top: -120px; z-index: -100px; box-shadow: 5px 7px 24px 6px rgb(0,0,0,15%);} .csrInfo li{padding:15px;} .csrInfo li div{padding: 30px;} .btnType24{ width: 95%; background:#fff; border-radius:5px; color:#222; display:block; font-size:16px; } .csrInfo li{padding-bottom: 0px;} .haccpBg > div{padding: 90px 15px;} .greetingsPhDBg > ul > li > img{right: 60px;} .greetingsPhDBg li:first-child{ padding-left: 60px;} /* 1760 �귣�� */ .brand_bnr > div:nth-child(1) { padding-right:90px; } .brand_bnr > div:nth-child(2) { padding-right:90px; } .brand_bnr > div:nth-child(3) { padding-right:90px; } .brand_bnr > div:nth-child(4) { padding-left:90px; } .brand_bnr > div:nth-child(5) { padding-left:90px; } .brand_bnr > div:nth-child(6) { padding-left:90px; } ul.brand_cook li {margin-bottom:20px; } ul.brand_cook li:first-child {max-width:150px; margin-right:10px; border-radius:10px; width:auto; width:26%} ul.brand_cook li:nth-child(2) {width:70%} .cook_red {font-size:12px; width:70px } .simBox li {display:inline-block; width:30%; text-align:center; max-width:250px; margin:0 50px} ul.baseList li {display:inline-block; padding:10px 4%; } .reviewLine {width:50%} /* 1760 ���� */ .historyBg .leftRoundBox{left: 30px;} .historyInfo01{padding-left: 40px;} .historyInfo02 p{padding-left: 0px;} /* 1760 ����� */ .cook-wrap {position:relative; width:100%} .cook-wrap li {width:22.6% !important; } /* 1760 �̵�� */ ul.videoList {position:relative; width:570px; } ul.videoList li { width:140px} ul.radioList {position:relative; width:570px; } } @media (max-width: 1200px) { /* display None*/ .wView {position:relative !important;} .mView {display:none !important;} .mView2{display: none !important;} .wView768 {position:relative !important; } .mView768 {display:none !important;} body {border:0px solid green} .floting-left { width:100%} .floting-right {display:none} /* #flotingPage {display:flex; flex-direction:row; flex-wrap:wrap; width:100%; } .floting-left {order:2; width:100%; position:relative} .floting-right {order:1; } */ .f23.fw500.lh150.mt20 {height:60px} /* 1200 Gnb */ #gnb{width: 100%; height: 90px; text-align: center; position: relative; margin-left:-70px } #gnb > ul > li{display: inline-block; float: left; height: 100%; padding: 0 25px; min-width: 110px; letter-spacing: 0; } #gnb > ul > li > a{height: 100%; line-height: 90px; font-size: 16px; color: #fff; font-weight: 500; padding-top: 0px; display: block; position: relative; } /* 1200 2���� �ڽ�, �������� */ .depth02_menu_wrap{display:none;opacity: 1; position: absolute; left: 70px; top: 100%; width: 100%; z-index: 1000; } .depth02_menu_wrap .inner .gnb_depth2 > li{width: 16.5%; text-align: left; padding: 5px 10px 5px 10px; margin-bottom: 20px; text-align:center;} .depth02_menu_wrap .inner .gnb_depth2 > li > a{display: block; font-weight: 500; color:#222; margin-bottom: 15px; font-size:14px} .depth02_menu_wrap .inner .gnb_depth2 > li > .gnb_depth3 > li > a{font-size: 13px; color:#787878} /* 1200 ��ǰ����Ʈ ī�װ� */ .tabs3 {background:none; position:relative; z-index:100; width:100% ; overflow:hidden; margin:0 auto; display:inline-block; text-align:center} .tabs3 li { display:inline-block; margin:0 20px 0 20px; display:inline-block; text-align:center; border-radius:5px; vertical-align:top; margin-bottom:20px } .tabs3 li.current a{background: #222; } .tabs3 li a { color:#787878 ; display:inline-block; border-radius:5px ; background:#F1F4F5 } .tabs3 li.current a {color: #fff;} .tabs3 li p {display:inline-block; width:95px; height:95px; padding-top:75px; } .tabs3 li span {display:block; margin-top:5px; color:#787878 ;} .tabs3 li .ico_VE {background-size:35px} .tabs3 li.current .ico_VE {background-size:35px} .tabs3 li .ico_VM {background-size:35px} .tabs3 li.current .ico_VM {background-size:35px} .tabs3 li .ico_VB {background-size:35px} .tabs3 li.current .ico_VB {background-size:35px} .tabs3 li .ico_GE {background-size:35px} .tabs3 li.current .ico_GE {background-size:35px} .tabs3 li .ico_GH {background-size:35px} .tabs3 li.current .ico_GH {background-size:35px} .tabs3 li .ico_SC {background-size:35px} .tabs3 li.current .ico_SC {background-size:35px} .tabs3 li .ico_CV {background-size:35px} .tabs3 li.current .ico_CV {background-size:35px} .tabs3 li .ico_CD {background-size:35px} .tabs3 li.current .ico_CD {background-size:35px} .tabs3 li .ico_CW {background-size:35px} .tabs3 li.current .ico_CW {background-size:35px} /* 1200 fullMenu */ .full_logo {top:20px;left:20px; position:absolute;} ul.full-header-right {position:absolute;top:27px;right:20px; z-index:100; clear:both} dl.full_box dd.full_dep {border-bottom:1px solid #666666; position:relative; padding-left:3%; padding-bottom:25px; padding-top:10px; display:inline-block; width:100%;margin:0; } dl.full_box dd:last-child {border-bottom:0} dl.full_box dd.full_dep div {float:left; width:4%; } dl.full_box dd.full_dep ul {float:left; width:12%;} dl.full_box dd.full_dep ul li:first-child a {color:#fff; font-size:14px; } dl.full_box dd.full_dep ul li a {color:#aeaeae; font-size:12px; } dl.full_box dd.full_dep div.fd_title {width:150px; } .fd_title .f30 {font-size:16px} /* //1200 fullMenu */ /* 1200 ���� */ .h800 {height:500px} .h760 {height:500px} .h700 {height:500px} .h600 {height:500px} .h590 {height:500px} .h540 {height:280px} .h520 {height:280px} .h500 {height:280px} .h460 {height:280px} .h440 {height:270px} .h420 {height:260px} .h380 {height:260px} .h320 {height:240px} .h260 {height:190px} .h200 {height:180px} .h190 {height:110px} /* 1200 popup */ .main-popup {position:absolute; top:110px; right:120px; z-index:100; height:480px; text-align:center;} /* 1200 â���� ���� â���� ���� */ .whiteRound {border-radius:50px; position:relative; margin-top:-80px; z-index:10; background:#ffff} .whiteRound .center .f52 {font-size:25px; } iframe.vegemilstory {max-width:540px; width:100%; height:470px} .heriBox {position:relative;padding:100px 0px} table.heirT {width:100%; border-top:2px solid #222} table.heirT th {width:40%; padding:10px 0; border-bottom:1px solid #DCDCDC; background: url(https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_dot_black.png) 3px 21px no-repeat; background-size:5px 5px; padding-left:20px; line-height:110%; } table.heirT td {width:60%; padding:10px 0 10px 10px; border-bottom:1px solid #DCDCDC; line-height:110%} .heriBox .w410 img{max-width:410px} .heriBox .col-md-6:first-child {width:60%} .heriBox .col-md-6:nth-child(2) {width:40%} .subTopHeri .centerL {position:absolute; top:50%;right:5%;color:#fff;transform:translate(0%,-50%); } .subTopHeri .centerL.text-left {text-align:right !important;} /* 1200 map */ .mapBox {border-radius:0px 30px 0px 0px; max-width:1760px; margin-top:0px; z-index:10000; position:relative; padding:20px 0} ul.mapAdd {text-align:left; padding:0 10px} .iframeMap {width:100%; height:480px} ul.mapAdd li {display:inline-block; coloR:#fff; vertical-align:top; text-align:left; margin-bottom:10px } ul.mapAdd li img {width:33px; } ul.mapAdd li span.add {border:1px solid #fff; padding:10px 10px; border-radius:10px; display:inline-block; margin-left:20px} ul.mapAdd li:first-child {width:300px; text-align:left} ul.mapAdd li.pl100 {padding-left:0px !important; padding:10px 0 20px 0} /* 1200 photo */ .VP01 {position:relative; background: url(https://image.edaymall.com/images/dcf/vegemil/img/photo/VP01.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center} /* 1200 ���� */ .w80pm {width:80%} .tab_content2 {position:relative; padding:55px 0 10px 0 } .recomTxt .key span {margin-left:10px; font-size:11px} /* 1200 ����̳� */ .tabs1 {background:none; position:absolute; z-index:100; width:100% ; max-width:420px;margin:30px 17% 0 12% } .tabs1 li { list-style:none; display:block; margin:0; float:left; width:100px; background: rgba(0, 0, 0, 0.5);text-align:center } .tabs1 li a {display:inline-block;padding:7px 0; color: #fff; width:100%;text-decoration:none;font-size: 13px; font-weight:400; letter-spacing:-1px ; } .iden_txt {position:absolute; text-align:left; margin-left:30px; bottom:50px} .iden_txt2 {position:absolute; text-align:left; margin-left:30px; top:30px} /* 1200 news */ ul.newsBox li {display:inline-block; width:100%; border-bottom:1px solid #DCDCDC; padding-bottom:10px; padding-top:10px; } ul.newsBox li dl dd.newsImg {position:relative; max-width:85px; width:30%; float:left; } ul.newsBox li dl dd.newsTxt {position:relative; max-width:600px; width:65%; float:left; color:#787878 ; padding-left:15px; height:60px;} .newsLine {border:1px solid #DCDCDC; border-radius:10px;padding:20px 25px; } /* 1200 ����Ʈ */ .tabs2 li { list-style:none; display:block; margin:0; float:left; width:20%; text-align:center; } /* 1200 ��ǰ�����ı� */ ul.reviewBox {position:relative; max-width:550px; width:100%} ul.reviewBox li:nth-child(1) {width:50%; float:left; background: url(https://image.edaymall.com/images/dcf/vegemil/img/main/roundBox.png) no-repeat scroll 0 0; max-width:262px; background-size:100%} ul.reviewBox li:nth-child(2) {width:50%; float:right; padding:60px 0 0 30px;text-align:right} .reviewLine {height:2px; border:1px solid #000; width:120%; max-width:250px; position:absolute; right:0; } .rivewWrap .col-md-6 .pl80 {padding:0} /* 1200 SNS+���û� */ .fcFamily {position:relative; width:100%; border:1px solid #DCDCDC; border-radius:20px; padding:19px 0} .fcFamily li {width:31%; text-align:center; display:inline-block;} .fcFamily li { background: url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_dashed.png") right 0px repeat-y;} .fcFamily li:last-child {background:none} .fcFamily li img {width:70px} .fcFamily li a { padding:13px 0;display:inline-block; width:100%; color:#222} .fcLinbox {position:relative; width:100%; border:1px solid #DCDCDC; border-radius:10px; margin-top:10px} .fcLinbox li {display:inline-block; width:23.5%; text-align:center; background: url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_lineS.png") right 10px no-repeat;} .fcLinbox li a {padding:10px 0;display:inline-block; color:#222; font-size:12px} .fcLinbox li:last-child {background:none} /* 1200 videocopy */ .btnType01.mt100 {margin-top:30px} .videoCopy {position:absolute; top:50%;left:25%;color:#fff;transform:translate(-50%,-50%); } .videoCopy .f80 {font-size:60px} .videoCopy .btnType01.mt100 {margin-top:50px !important} /* 1200 ó������ */ .subMenu {margin-bottom:30px} .subMenu p.btnSubLeft {position:absolute; top:30px; left:20px} .subMenu p.btnSubRight {position:absolute; top:30px; right:20px} .prs {position:relative;border-top:2px solid #222222; border-bottom:2px solid #222222; padding:37px 0; text-align:center} .prs li {display:inline-block; width:14%; text-align:center; background: url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_blackRight.png") right 25px no-repeat; background-size:10px; vertical-align:top} .prs li .imgBox {height:64px; position:relative; vertical-align:middle;} .prs li .imgBox img{vertical-align:middle; width:50px; } .prs li:last-child {background:none} .grayBox {background:#F1F4F5; border-radius:10px 0 10px 0px; padding:20px }/* */ .grayBox ul li {display:inline-block; vertical-align:top ; } .grayBox ul li:first-child {width:43px; max-width:16%} .grayBox ul li:nth-child(2) {position:relative; max-width:80%} .number {background:#222222; border-radius:10px; color:#fff; padding:7px 10px;vertical-align:middle; margin-top:0px; display:inline-block;} .stepCopy {margin-left:10px; display:inline-block; vertical-align:top} table.stepT {width:100%;} table.stepT th { padding:15px 0; vertical-align:top} table.stepT td {padding:15px 0;} .wBox {background:#fff; padding:10px 20px; font-size:14px; border-radius:10px; display:inline-block} /* 1200 input Type*/ input.inp01 {padding:10px 10px; height:50px; font-size:14px} input.inp02 {position:relative; background:#F1F4F5; border-radius:5px; bordeR:0; padding:5px 10px; max-width:100%; height:42px;font-size:14px } input.inp02.w330 {width:200px} input.inp02:focus {outline:none} input.inp03 {padding:10px 10px; height:45px; font-size:14px} input.inp04 {font-size:14px} input.inp04.w200 {width:90px; height:30px} input.inp05 {padding:5px 10px; max-width:100%; height:42px;font-size:14px} input.inp05.w330 {width:200px} input.inp06.w130 {width:100px; height:42px} input.inp06.w200 {width:50%; height:42px} input.inp06.w220 {width:50%; height:42px} select.sel01 { height:42px; width:90px} select.sel02 {position:relative; border-radius:5px; height:44px; padding:0 10px; font-size:14px; border:1px solid #DCDCDC; background:#fff} select.sel03 {position:relative; border-radius:5px; height:28px; padding:0 10px; font-size:12px; border:1px solid #DCDCDC; background:#fff} select.sel03.w180 {width:45%} select.sel03.dep3 {display:none} /* 1200 button */ button.btnType07 {padding:10px 10px; height:45px; font-size:14px} button.btnType09 { background:#fff; border-radius:5px; color:#222;display:inline-block; ; border-radius:5px; padding:9px 25px ; border:1px solid #222222; vertical-align:top; font-size:14px} button.btnType10 {padding:10px 10px; height:45px; font-size:14px} .btnType11 a {padding:7px 0} .btnType12 { background:#fff; border-radius:5px; color:#222;display:inline-block; font-size:14px; padding-right:20px; border:1px solid #DCDCDC; border-radius:5px } .btnType12 a {color:#222} .btnType12 span {background:url(https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_blackRight.png) no-repeat right 14px; background-size:5px; padding:9px 70px 9px 20px; display:inline-block; } button.btnType14 {font-size:14px} button.btnType15 {font-size:14px} button.btnType17 {padding:10px 10px; height:45px; font-size:14px} .btnType18 {padding:3px 12px; font-size:12px} .btnType18 img {width:10px;} .btnType19 a {padding:11px 0 ; font-size:14px} .btnType20 a {padding:12px 0 ; font-size:14px} .btnType25 { margin:0 auto} button.btnType26 {padding:6px 10px; font-size:14px} .readOnly {padding:9px 10px} /* 1200 �α��� */ .bnr_login .bnr_loginTxt {position:absolute; top:50%;left:35%;color:#fff;transform:translate(-50%,-50%); text-align:left} /* 1200 �˾� */ caption {display:none} .pop_wrap {background:#eeeeee; padding:30px 20px; max-height:800px; overflow-y:scroll; overflow-x:hidden } .popTextbox {font-size:11px} /* 1200 ���������� */ .myBox {position:relative; width:100%; padding:40px 15px} table.myT td:nth-child(2) .titletxt{text-align:center; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width:300px ; text-align:left; font-size:14px } .my.pr100 {padding-right:30px !important} ul.account_box li {font-size:12px} table.myT td.q_box {padding: 25px 25px} .ansBox {position:relative; bordeR:1px solid #DCDCDC; border-top:0;padding: 25px 25px; font-size:14px } table.myQ select.cateQ {font-size:14px; } table.myQ th {font-size:14px;} table.myQ td {font-size:14px;} input.fileType01 {font-size:14px;} .infoBox {background:#fff; border-radius:10px; padding:15px 20px} /* 1200 ��ǰī�װ� tab */ /* 1200 ��ǰ����Ʈ */ .prd-list {margin-bottom:20px} .prd-list .prd-name {font-size:18px} .floting-left_prd {max-width:100%; width:100%; position:relative; margin-bottom:50px } .floting-left_prd .floting{position:relative; width:100% } .floting-left_prd .floting .h300 {display:none} .floting-left_prd.mt110 {margin-top:40px !important;} .floting-right_prd { width:100%} .floting-right_prd.mt110 {margin-top:60px !important;} .floting .flotingContent {padding:30px 30px} ul.prd_subCate {position:relative} ul.prd_subCate li {display:inline-block; width:19%; } ul.prd_subCate.mt40 {margin-top:5px !important;} ul.info_ul li p:nth-child(2) {float:left; margin-left:17px; margin-top:0px} ul.info_ul li img {max-width:45px} /* 1200 ��ǰ�� > �귣�� ��� */ .banner-logo li:first-child {width:10%; min-width:100px; border-right:2px solid #fff; } .banner-logo li:nth-child(2) {width:75%} .banner-logo.easy li:first-child {width:12%; min-width:120px; border-right:2px solid #fff; } .banner-logo.easy li:nth-child(2) {width:75%} .brandMaintxt {max-width:75%} .bnr_brand04 {background: url(https://image.edaymall.com/images/dcf/vegemil/img/brand/bnr_brand04.jpg) no-repeat scroll 0 0; left:0; top:0; background-position:center; width:100%;-webkit-background-size: cover;background-size: cover;z-index:1; text-align:center;} /* 1200 ��ǰ�� Tab */ .prd_thumb {position:relative; margin:0 auto; float:left; max-width:110px; width:20%} .tabs4 li { display:block; text-align:center; width:110px; border-radius:10px; margin-bottom:5px; background:#F1F4F5; overflow:hidden ; } .tab_content4 {position:relative; padding:0px 0 0px 0; float:left; max-width:100%; width:78%; background:#F1F4F5; border-radius:10px; overflow:hidden ; margin-left:20px} .prd-sel .col-md-8 {flex:0 0 66.666667%;max-width:66.666667%;} .prd-sel .col-md-4 {flex:0 0 33.333333%; max-width:33.333333%} /* 1200 ���缺�� */ .yys_title {background:#fff; font-size:12px;color:#282828; font-weight:300; line-height:200%; padding:10px ; border-top:1px solid #282828; border-right:1px solid #d1d3dc } .yys dl dt.in {padding-left:10px; } .yys dl dt {border-right:1px solid #d1d3dc; float:left; width:44%; font-size:12px; color:#282828; font-weight:300; line-height:120%; padding:13px 0 13px 5%; } .yys dl dd {text-align:center; float:left;width:28%; font-size:12px; color:#282828; font-weight:300; line-height:120%; padding:13px 0; } .yys_subtop { font-size:11px;padding:12px 7px 12px 7px;margin:0 0 -2px 0 } .yys_subtop dt{font-size:11px} .yys_subtop dd{float:right; text-align:right; line-height:150%; font-size:11px} /* 1200 ��ǰ�� > you may also love */ .alsoLove-box .col-md-3 { -ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%; margin-bottom:20px} .alsoLove-box .also-name {height:38px; overflow:hidden; font-size:13px} .alsoLove-box .also-sub-txt {height:35px; overflow:hidden; font-size:11px} .alsoLove .alsoThumb .recipe-green {position:absolute; color:#fff; background:#02A85A; font-size:11px; font-weight:400; border-radius:150px; padding:16px 10px; right:-10px; } .alsoLove .alsoThumb .recipe-pupple {position:absolute; color:#fff; background:#7C7DF4; font-size:11px; font-weight:400; border-radius:150px; padding:8px 10px; right:-10px} .alsoLove {position:relative; background:#F1F4F5; border-radius:10px; overflow:hidden; text-align:Center; padding:30px 10px; height:270px;} .alsoLove .alsoThumb {width:110px; height:110px} .alsoLove-box .col-md-3:nth-child(1n) {padding-left:5px; padding-right:15px; } .alsoLove-box .col-md-3:nth-child(2n) {padding-left:15px; padding-right:5px; } /* 1200 �귣�� */ .bg_Green.h530 {height:380px} .bg_Pupple.h530 {height:380px} .bg_Pink.h530 {height:380px} .bg_Blue.h530 {height:380px} .brand-recom-box .col-md-1{display:none} .brand-recom-box .col-md-2{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;} .brand-recom-box .col-md-2 .brandPrd {width:49%;display:inline-block; vertical-align:top } .brand-recom-box .col-md-2 .brandPrdWrap {vertical-align:top } .brand-recom-box .col-md-2 .brandPrdWrap ul:first-child {float:left} .brand-recom-box .col-md-2 .brandPrdWrap ul:nth-child(2) {float:right} .brand-recom-box .col-md-2 .brandPrdWrap ul li p.gray04 {display:none} .brand-recom-box .col-md-2 .brandPrd li {width:100%; } .brand-recom-box .col-md-2 .brandPrd.mt30 {margin-top:0 !important;} ul.brandPrd li:first-child{max-width:95%;} ul.brandPrd li:nth-child(2) {padding-left:0} .brand_bnr > div:nth-child(1) { padding-right:40px; } .brand_bnr > div:nth-child(2) { padding-right:40px; } .brand_bnr > div:nth-child(3) { padding-right:40px; } .brand_bnr > div:nth-child(4) { padding-left:40px; } .brand_bnr > div:nth-child(5) { padding-left:40px; } .brand_bnr > div:nth-child(6) { padding-left:40px; } .brand_bnr_m {padding:0; transform: scale( 1.2 );} ul.prd_acd li.expand.default .inType.centerH {max-height:400px; max-width:320px; width:100%; background:#fff; } ul.prd_acd li.expand.default .inType.centerH .whiteBox {color:#222; padding:12% 0 ; position:relative } .search-container.w410 {max-width:310px; width:310px; } .search-container.w410 input {max-width:210px; width:210px; } .simBox li {display:inline-block; width:30%; text-align:center; max-width:180px; margin:0 30px} /* 1200 �����ڷ� */ table.press td {padding:20px 0} table.press td:nth-child(1) {width:13%} table.press td:nth-child(2) {width:13%; display:none} table.press td:nth-child(3) {text-align:left; padding:0 25px; width:80%; padding:5px 10px } table.press td:nth-child(3) .press-tag {position:relative;top:0; margin-bottom:5px; font-size:11px} table.press td:nth-child(3) .press-title {margin-top:10px} table.press tr td a .f55{ font-size:20px } table.press tr td a .f15{ font-size:12px } .paging-txt li {display:inline-block; width:33%; font-size:14px } .paging-txt li:first-child {width:120px; float:left} .paging-txt li:nth-child(3) {width:120px; float:right} .paging-txt li.pg-list img{width:45px} /* //1200�����ڷ� */ /* 1200 �귣�� �� ���뿵�� > ī�װ� */ .swiper-box { max-width: 1460px; width: 100%; margin: auto; text-align: center; padding:0 0px; overflow:hidden; } .swiper-box .swiper-container { width: 100%; max-width: 1460px; height: auto; padding-bottom: 0px;margin-left:0px /*space for the scrollbar*/ } .swiper-box .swiper-wrapper { list-style-type: none; margin: 0; padding: 0; } .swiper-box .swiper-wrapper li {background: url(https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_lineS.png) no-repeat scroll right 4px; } .swiper-box .swiper-wrapper li:last-child {background:none} .swiper-box .swiper-slide { width: auto; background-color:none; /* width:110px !important;; */ } .swiper-box .swiper-slide a { display: block; color: white; text-align: center; padding:0 0 10px 0; text-decoration: none; font-size:14px; font-weight:400;color:#787878 } .swiper-box .swiper-slide a:hover { color:#222222; font-weight:500; } /* Styling the scroll bar for dark mode */ .swiper-box .swiper-scrollbar { background: #FFFFFF2a; display:none } .swiper-scrollbar-drag { background: #FFFFFF80; } .swiper-box .swiper-slide.swiper-slide-active {} .swiper-box .swiper-slide.active a{border-bottom:2px solid #222; font-size:15px; color:#222222; font-weight:500} /* //1200 �귣�� �� ���뿵�� > ī�װ� */ /* 1200 ��������,��� */ div.person {position:relative; width:100%; border:1px solid #DCDCDC; padding:70px 20px; text-align:left; height:500px; overflow-y:scroll;} /* 1200 company */ .csrInfo02 li{padding: 0 50px;} .halalBg01, .halalBg02, .halalBg03{height: 150px; display: flex; justify-content: center; align-items: center;} .halalBg01 div{top: 0; left:0; position: relative; padding: 15px; text-align: center; } .halalBg02 div{top: 0; left:0; position: relative; padding: 15px; text-align: center; } .halalBg03{display: flex; justify-content: center; } .halalBg03 div{display:block; text-align: center; padding: 15px;} .halalBg03 img{width: 70px; margin-right: 0px;} .greetingPhDSign{text-align: right;} .greetingPhDSign img{position: relative;} .greetingsBg ul{height: 460px;} /* 1200 �����ŷ� CP */ .cpProgramBg{height: 400px; padding-top: 80px;} .cpProgramList{top: -200px;} .cpProgramList li{padding: 5px; width: 20%;} .cpProgramList li div{padding: 50px 15px; height: 250px;} .cpSubTab ul{display: flex; flex-wrap: wrap;} .cpSubTab ul li{flex-basis: 50%; border: none; padding: 10px 5px; border-top: 1px solid #dcdcdc;} .cpSubTab ul li:nth-child(odd){border-left:1px solid #dcdcdc; border-right: 1px solid #dcdcdc; } .cpSubTab ul li:nth-child(even){border-right: 1px solid #dcdcdc; } .cpSubTab ul li:nth-child(6), .cpSubTab ul li:nth-child(7){border-bottom: 1px solid #dcdcdc;} .cpSubTab ul li.active{border: 2px solid #000;} .cpLawInfo{display: flex; flex-direction: column;} .cpLawInfo li{max-width: 100%; height: 250px; flex-grow: 1; margin-bottom: 15px; padding: 50px 20px;} .cpLawInfo li div{width: 100%; height: 100%; text-align: center;} .cpSystemInfo{display: flex; flex-direction: column; } .cpSystemInfo li{max-width: 100%; flex-grow: 1; margin-bottom: 50px;} .cpSystemInfo li div:first-child{height: 200px; padding: 40px;} .cpEduTable02 td{padding: 30px 15px;} .cpEduTable02 tbody th{width: 15%; padding: 0 10px;} .cpCompositionTable td:nth-child(2){padding: 15px 5px;} /* 1200 ���� */ .historySubTab ul{display: flex; flex-wrap: wrap;} .historySubTab ul li{flex-basis: 20%; border: none; padding: 10px 5px; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;} .historySubTab ul li:nth-child(odd){border-left:1px solid #dcdcdc; border-right: 1px solid #dcdcdc; } /*.historySubTab ul li:nth-child(even){border-right: 1px solid #dcdcdc; }*/ /*.historySubTab ul li:nth-child(4), .historySubTab ul li:nth-child(5){border-bottom: 1px solid #dcdcdc;}*/ .historySubTab ul li.active{border: 2px solid #000;} .historyBg{height: 300px; padding-top: 100px;} .historyBg .wView{display: none;} .historyBg .leftRoundBox{left: 30px;} /* CP �����ؼ����Ȳ, ���� */ .tabs5 {border-left:1px solid #DCDCDC} .tabs5.menu13 li {width:25%; } .tabs5.menu8 li {width:12.5%; } .tabs5.menu7 li {width:33.3%; } .tabs5.menu5 li {width:20%; } .tabs5.menu4 li {width:25%; } .tabs5.menu3 li {width:33.3%; } .tabs5.menu2 li {width:50%; } .tabs5 li { list-style:none; display:block; margin:0px 0 0 0; float:left; text-align:center; border-right:1px solid #DCDCDC; border-bottom:1px solid #DCDCDC } .tabs5 li.current { list-style:none; display:block; margin:0; float:left; text-align:center; background:#222; border-right:1px solid #DCDCDC; border-bottom:0px solid #222; margin-bottom:-1px } .tabs5 li.current a {color:#fff} .tabs5 li a {display:inline-block;padding:15px 0; color:#B7B7B7; width:100%;text-decoration:none;letter-spacing:-1px ; } .tab_content5 {position:relative; padding:55px 0 100px 0 } /* //1200 �����ŷ� CP */ /* 1200 faq */ .evaluation {position:relative; background:#fff; border-radius:5px; padding:25px 20px } .evaluation input.inp04 {max-width:100%;} .evaluation .btnType26 {margin:20px 0 0 0 !important; float:right} .eval-ul {width:100%} .eval-ul li {display:block; vertical-align:top } .eval-ul li:nth-child(1) {width:100%} .eval-ul li:nth-child(2) {width:100%; margin-top:10px} .ver-title04 a {background: url("https://image.edaymall.com/images/dcf/vegemil/img/ico/arrow_faq.png") right 16px no-repeat;display: block; padding:10px 15px 12px 15px ;margin: 0; font-size:16px; background-size:27px } .ver-title04.open a { background-position: right -74px;font-weight:500} .FaqStyle .v_content {padding: 35px 35px;font-size:14px; font-weight:400;} /* 1200 ������ �Ұ� */ .rndIntroduceInfo02 > div:first-child{padding-right: 30px;} .rndIntroduceInfo02 > div:last-child{padding-left: 30px;} /* 1200 ���� Ư�� ��Ȳ */ .stu_table01 td, .stu_table02 td, .stu_table03 td{padding: 35px 20px;} /* 1200 DCF �̵�� */ .dcfMdiaBox02{display: flex; flex-wrap: wrap;} .dcfMdiaBox02 li{width: 50%; padding: 0 0px;} .dcfMdiaBox02 li:nth-child(odd){padding: 15px; margin-bottom: 30px;} .dcfMdiaBox02 li:nth-child(even){padding: 15px; margin-bottom: 30px;} .youtube-8 {position:relative; height:400px; } .youtube-7 {max-width:100%; width:100%; height:405px; } .youtube-7 iframe {max-width:100%; width:100%; height:405px;} .youtube-7 video {max-width:100%; width:100%; height:405px;} .media .pr100 {padding-right:0 !important} .cfWrap {position:relative} .cfWrap .col-md-6 ul.videoList {width:100%; height:290px; } .cfWrap .col-md-6 ul.radioList {width:100%; height:290px; } .cfWrap .col-md-6 ul.videoList li {margin-right:10px; width:120px} .cfWrap .col-md-6 ul.videoList li img {width:120px; height:85px} .cfWrap .col-md-6 ul.videoList li p {width:120px} .cfWrap .col-md-6 {flex:100%; max-width:100%} /* 1200 ������û */ table.int {width:100%; border:1px solid #ccc; border-radius:10px; } table.int th {padding:5px 10px 5px 10px; vertical-align:top; } table.int td {padding:5px 10px 5px 10px; vertical-align:top; } table.int tr:first-child td {padding-top:15px} table.int tr:last-child td {padding-bottom:15px} table.int tr:first-child th {padding-top:15px} table.int tr:last-child th {padding-bottom:15px} .txt_big07 {font-size:17px} table.dataTable th {border-left:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; text-align:left; padding-left:15px; font-size:11px; height:30px; font-weight:500 } table.dataTable th:first-child {border-left:0px solid #d2d2d2} table.dataTable td {border-bottom:1px solid #d2d2d2; text-align:left; padding-left:0px; font-size:11px; height:30px; } table.dataTable .in {padding-left:20px;} /* 1200 �������� ���� */ .exTable .exIng{ line-height: 40px;} .exTable .exEnd{ line-height: 120%; display:inline-block ; padding:10px 10px} /* 1200 �˾� */ .mian-popup {position: absolute; top: 110px; right: 150px; z-index: 1000; height: 480px; border:2px solid red; top:50%;left:50%;color:#fff;transform:translate(-50%,-50%); } } @media (max-width: 992px) { body {border:0px solid red} #header.white {display:none} header {height:56px; border-bottom:1px solid #DCDCDC;} .video {position:relative; display:inline-block; width:100%; margin-top:0px} /* display None*/ .wView {display:none !important;} .mView {display:block !important;} .mView2 {display:inline-block !important;} .wView768 {position:relative !important; } .mView768 {display:none !important;} .text-centerM {text-align:center} .centerHM {position:absolute; top:50%;left:50%;color:#fff;transform:translate(-50%,-50%);} .snsUL li.sli {font-size:12px} .fac-txt-hidden {display:none} .fac-text-left {position:relative; width:100%; text-align:center; padding-bottom:50px} /* ����� header */ #header {height:56px; overflow:hidden} .m_header {position:relative; display:inline-block;width:100%; height:56px} .m_header .m_h_left {position:relative; float:left; margin:10px 0 0 20px} .m_header .m_h_left span {background: url(https://image.edaymall.com/images/dcf/vegemil/img/ico/logo.png) no-repeat 0 0; width:60px;height:34.88px; display:inline-block; background-size:60px} .m_header ul.m_h_right li.btn_m_search span{background: url(https://image.edaymall.com/images/dcf/vegemil/img/btn/btn_m_search.png) no-repeat 0 0; width:24px; height:24px; display:inline-block; background-size:24px; } .m_header ul.m_h_right li.btn_m_edaymall span{background: url(https://image.edaymall.com/images/dcf/vegemil/img/btn/btn_m_edaymall.png) no-repeat 0 0; width:24px; height:24px; display:inline-block; background-size:24px} .m_header ul.m_h_right li.btnOpen span{background: url(https://image.edaymall.com/images/dcf/vegemil/img/btn/btn_fullMenu.png) no-repeat 0px 0px; width:33px; height:33px; display:inline-block; background-size:33px} .m_header ul.m_h_right {position:relative; float:right; margin-top:9px} .m_header ul.m_h_right li{display:inline-block; margin-right:20px; vertical-align:middle} .m_header ul.m_h_right li img {width:24px} .m_header ul.m_h_right li.btnOpen img {width:33px} .greenHeader .mView .m_header {background:#02A85A;} .greenHeader .m_header .m_h_left span {background: url(https://image.edaymall.com/images/dcf/vegemil/img/ico/logo_w.png) no-repeat 0 0; width:60px;height:34.88px; display:inline-block; background-size:60px} .greenHeader .m_header ul.m_h_right li.btn_m_search span{background: url(https://image.edaymall.com/images/dcf/vegemil/img/btn/btn_m_search_w.png) no-repeat 0 0; width:24px; height:24px; display:inline-block; background-size:24px} .greenHeader .m_header ul.m_h_right li.btn_m_edaymall span{background: url(https://image.edaymall.com/images/dcf/vegemil/img/btn/btn_m_edaymall_w.png) no-repeat 0 0; width:24px; height:24px; display:inline-block; background-size:24px} .greenHeader .m_header ul.m_h_right li.btnOpen span{background: url(https://image.edaymall.com/images/dcf/vegemil/img/btn/btn_fullMenu_w.png) no-repeat 0px 0px; width:33px; height:33px; display:inline-block; background-size:33px} /* �����aside */ .mAside { height: 100%; width: 0; position: fixed; z-index: 1000; top: 0; right: 0; background-color: rgba(34,34,34, 1); overflow-x: hidden; overflow-y: scroll; transition: 0.2s; padding-bottom:80px; } .mAside a { padding: 0px; text-decoration: none; color: #818181; display: inline-block; transition: 0.3s; } /* .mAside a:hover, .mAside a:focus { color: #fff; } */ .mAside ul.maTop {position:relative; } .mAside ul.maTop li {width:50%; floaT:left; } .mAside ul.maTop li:nth-child(1) {padding-left:20px; padding-top:5px} .mAside ul.maTop li:nth-child(1) span {margin-right:10px; color:#787878; font-size:13px; font-weight:500} .mAside ul.maTop li:nth-child(1) span.active {color:#fff} .mAside ul.maTop li:nth-child(2) {text-align:right; padding-right:20px} .mAside .m_closebtn {position:relative; } .mAside .m_closebtn img {width:32px} .mAside .maTop {position:relative; padding:10px 0 0 0} .mAside ul.maBotton {margin-left:20px; width:100%} .mAside ul.maBotton li {display:inline-block; font-size:13px; margin-right:0px; } .mAside ul.maBotton li span a {color:#fff} .mAside ul.maBotton li span a:hover {text-decoration:none} .mAside ul.maBotton li span {margin-right:5px; display:inline-block} .mAside ul.maBotton li:nth-child(2) {margin-left:12px} .mAside ul.maBotton li.white a {color:#fff} .mAside-content {position: relative;width: 100%;text-align: left;margin-top: 50px; padding:0 0px 20px 0px} .scrollNone{-ms-overflow-style: none;} .scrollNone::-webkit-scrollbar{display:none;} .ver-title01 {border-bottom:0px solid #cacfd5; width:100%; padding-right:29px; padding-bottom:20px } .ver-title01 a {background: url("https://image.edaymall.com/images/dcf/vegemil/img/ico/arrow.png") right 24px no-repeat;display: block;padding:10px 0 0 0;margin: 0;color: #fff; font-size:20px;font-weight:500; text-decoration:none; background-size:11px} .ver-title01 p {padding:0px 20px; } .ver-title01 a:hover {color:#fff; text-decoration:none} .ver-title01.open a { background-position: right -13px;color:#fff; font-weight:500} .ver-title01 + div { padding: 0px; } #verticalType01 {border-top:0px solid #5c5c5c; margin-top:70px } #verticalType01 .ver-title01 + div { height: 0px; padding: 0px; overflow: hidden; width:100%; display: block!important; -webkit-transform: translateZ(0); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition:all 0.3s ease; transition: all 0.3s ease; } #verticalType01 .v_content { margin-top:0px; padding: 15px 0; margin-left:0px; font-size:14px; color:#fff; line-height:160%; letter-spacing:-0.2px; background:#303030; font-weight:300; padding-left:40px; padding-bottom:20px } #verticalType01 .v_content .v_con_ul {margin:0; padding:0} #verticalType01 .v_content .v_con_ul li {font-size:13px; font-weight:500; padding:0 0 10px 0; } #verticalType01 .v_content .v_con_ul li a {color:#Fff; text-decoration:none} #verticalType01 .v_content .v_con_ul li a:hover {color:#fff} #verticalType01 .v_content .v_con_ul li dl.v_con_dl { padding:10px 0 0 20px } #verticalType01 .v_content .v_con_ul li dl.v_con_dl dd a {color:#959595; } #verticalType01 .v_content .v_con_ul li dl.v_con_dl dd a:hover {color:#959595; } #verticalType01 .ver-title01.open + div { height: auto; } #verticalType01 .ver-title01.close {opacity:1; } #verticalType01 .v_content .v_con_ul li dl.v_con_dl dd .ico_arrow_gray {background: url(https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_arrow_gray.png) no-repeat 0 0; display:inline-block; vertical-align:middle; background-size:9px 9px; height:9px; width:9px} /* //�����aside */ .floting-right {display:none} .floting-right .floting{ display:none} /* 992 ���� */ .w120 {max-width:80px; width:100%} .w130 {max-width:80px; width:100%} .w200 {max-width:120px; width:100%} .w220 {max-width:120px; width:100%} /* 992 popup */ .main-popup {position:absolute; top:110px; right:0px; z-index:100; height:480px; text-align:center; } /* 992 main > ����Ʈ */ .contactBox {position:relative} .contactBox ul.contactDetail {width:100%; } .contactBox ul.contactDetail li {margin-bottom:10px} .contactBox ul.contactDetail li img {display:none} .contactBox ul.contactDetail p span {margin-right:5px; height:19px; display:inline-block} .contactBox ul.contactDetail li {width:100%; display:inline-block; text-align:left; margin-right:10px} .contactBox ul.contactDetail li:last-child {margin-right:0} .contactBox ul.contactDetail p {border:1px solid #DCDCDC; border-radius:10px; width:100%; padding:10px 20px} .contactBox ul.contactDetail p span {margin-right:5px} .contactBox .col-6:nth-child(1) {padding-right:3px} .contactBox .col-6:nth-child(2) {padding-left:3px} .contactBox .col-6:nth-child(3) {padding-right:3px} .contactBox .col-6:nth-child(4) {padding-left:3px} /* 992 ȸ��Ұ� > ������ */ .f66.fw600.mt30 {font-size:35px} .f22.mt40.fw500 {font-size:17px} .f52.fw600.black.center {font-size:23px} /* 992 ������� */ ul.baseList li {padding:10px 25px;} /* 992 �̵�� popup */ .prWrap .col-md-2 {flex:25%; max-width:25%} /* 992 news */ ul.newsBox li {display:inline-block; width:100%; border-bottom:1px solid #DCDCDC; padding-bottom:10px; padding-top:10px; width:100%; } ul.newsBox li dl dd.newsImg {position:relative; max-width:110px; width:30%; float:left; } ul.newsBox li dl dd.newsTxt {position:relative; max-width:500px; width:65%; float:left; color:#787878 ; padding-left:15px; height:58px; } .newsLine {border:1px solid #DCDCDC; border-radius:10px;padding:20px 25px; } /* 992 middleBanner */ .middleBanner_m {width:100%} .middleBanner_m li {width:100%; display:block; } .middleBanner_m li img {width:100%; text-align:center; } /* 992 ��ȸ����/��ǰ����������Ȳ */ ul.dv5 {position:relative; border-radius:10px; border:1px solid #DCDCDC; text-align:center;display:inline-block; width:100%; padding:0 20px; padding-bottom:20px} ul.dv5 li:first-child {text-align:center; padding:20px 0 15px 0; font-size:15px; border-bottom:1px solid #DCDCDC} ul.dv5 li {width:100%; display:block; padding:10px 0; line-height:100% ;background:none ; font-size:12px} ul.dv6 {position:relative; border-radius:10px; border:1px solid #DCDCDC; text-align:center;display:inline-block; width:100%; padding:0 20px; padding-bottom:20px} ul.dv6 li:first-child {text-align:center; padding:20px 0 15px 0; font-size:15px; border-bottom:1px solid #DCDCDC} ul.dv6 li {width:100%; display:block; padding:10px 0; line-height:100% ;background:none ; font-size:12px} ul.dv6.mt10 {margin-top:30px} /* 992 ��ǰ�����ı� */ ul.reviewBox {position:relative; max-width:550px; width:100%} ul.reviewBox li:nth-child(1) {width:33%; float:left; background: url(https://image.edaymall.com/images/dcf/vegemil/img/main/roundBox.png) no-repeat scroll 0 0; max-width:262px; background-size:100%} ul.reviewBox li:nth-child(2) {width:67%; float:right; padding:10px 0 0 10px;text-align:right} .reviewLine {height:2px; border:1px solid #000; width:120%; max-width:250px; position:absolute; right:0; } /* 992 SNS+���û� */ .fcLinbox li {display:inline-block; width:23.5%; text-align:center; background: url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_lineS.png") right 10px no-repeat;} .fcLinbox li a {padding:10px 0;display:inline-block; color:#222; font-size:11px} /* 992 videocopy */ .btnType01.mt100 {margin-top:30px} .videoCopy {position:absolute; top:50%;left:58%;color:#fff;transform:translate(-50%,-50%); width:100% } .videoCopy .f80 {font-size:45px} .videoCopy .f23 {font-size:18px} /* 992 Ŀ�´����̼� */ .mt90h {margin-top:0px} /* 992 faq */ .ver-title04 a {background: url("https://image.edaymall.com/images/dcf/vegemil/img/ico/arrow_faq.png") right 20px no-repeat;display: block; padding:10px 15px 12px 15px ;margin: 0; font-size:16px; background-size:27px } .txt-box {width:94%; margin-top:10px; overflow:hidden } .ver-title04 a {font-size:14px} .ver-title04.open a { background-position: right -75px;font-weight:500} /* 992 RnD ISO 45001 */ .iso_02 {max-width:100%; width:100%} /* 992 ó������ */ .grayBox ul li:first-child {width:38px;} .prs {position:relative;border-top:2px solid #222222; border-bottom:2px solid #222222; padding:27px 0; text-align:center} .prs li {display:inline-block; width:30%; text-align:center; background: url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_blackRight.png") right 25px no-repeat; background-size:6px; vertical-align:top;margin-bottom:20px; padding-bottom:10px } .prs li .imgBox {height:64px; position:relative; vertical-align:middle;} .prs li .imgBox img{vertical-align:middle; width:50px; } .prs li:last-child {background:none} .prs li:nth-child(1) {width:31%;padding-bottom:10px} .prs li:nth-child(2) {width:31%} .prs li:nth-child(3) {width:31%; background:none} .prs li:nth-child(4) {width:49%} .prs li:nth-child(5) {width:49%; background:none} .prs li:nth-child(6) {width:49%} .prs li:nth-child(7) {width:49%} table.stepT th { padding:10px 0; vertical-align:top} table.stepT td {padding:10px 0;} table.custom th{font-size:14px} table.custom td{font-size:12px} .qBox {padding:25px 10px} .qBox span.mr50 {margin-right:0px; } .qBox .btnType02 {margin-top:10px} .custom-into {position:relative; display:block} /* 992 btn */ .btnType02 { background:#222; border-radius:5px; color:#000;display:inline-block; font-size:14px; padding-right:10px } .btnType02 a {color:#fff} .btnType02 span {background:url(https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_white_arrow.png) no-repeat right 13px; background-size:7px; padding:8px 50px 8px 15px; display:inline-block; } .btnType02 a:hover { color:#fff} .btnType03 { background:#fff; border-radius:5px; color:#000;display:inline-block; font-size:12px; padding-right:20px; padding:7px 12px } .btnType04 {border:1px solid #707070; border-radius:10px; max-width:860px; text-align:Center; margin:0 auto; } .btnType04 a {padding:15px 0; display:inline-block; width:100%;:} .btnType04 a:hover {color:#222222} .btnType04.mb40 {margin-bottom:15px} .btnType04.f23 {font-size:15px} .btnType04.f23 img {width:25px} .btnType05 {border:1px solid #707070; border-radius:10px; max-width:860px; text-align:Center; margin:0 auto; background:#222222} .btnType05 a {padding:15px 0; display:inline-block; width:100%; color:#fff} .btnType05 a:hover {color:#fff} .btnType05.mb40 {margin-bottom:15px} .btnType05.f23 {font-size:15px} .btnType05.f23 img {width:25px} .btnType06 { background:#fff; border-radius:5px; color:#222;display:inline-block; font-size:14px; padding-right:10px; border:1px solid #DCDCDC; border-radius:5px } .btnType06 a {color:#222} .btnType06 span {background:url(https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_blackRight.png) no-repeat right 13px; background-size:7px; padding:7px 50px 7px 15px; display:inline-block; } .btnType06 a:hover { color:#222} .btnType16 { background:#fff; border-radius:5px; color:#222;display:inline-block; font-size:12px; padding-right:10px; border:1px solid #DCDCDC; border-radius:5px; } .btnType16 a {color:#222} .btnType16 span {background:url(https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_blackRight.png) no-repeat right 11px; background-size:5px; padding:6px 5px 6px 15px; display:inline-block;width:95px } .btnType24 span {background:url(https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_blackRight.png) no-repeat 90% 18px; background-size:5px; padding:11px 0px 11px 20px; display:inline-block; width:100%; font-size: 12px;} .btnType25 {margin:0 auto; } /* ����޴� */ .subMenu {margin-top:-34px} .subMenu p.btnSubLeft {position:absolute; top:20px; } .subMenu p.btnSubRight {position:absolute; top:20px; } .submenuUL li span {padding:20px 0px; display:inline-block;} .btnbox-ask-foot li {display:block; width:100%; margin-bottom:10px} .btnbox-ask-foot li:first-child {background:none} .btnbox-ask-foot li .ask-info {display:block; margin:25px 0 10px 0; font-size:13px} /* 992 ȸ������ */ div.joinT {width:100%} div.joinT ul {position:relative; width:100%; display:inline-block; margin-bottom:10px !important;} div.joinT ul li {font-size:13px; float:left} div.joinT ul li:first-child {width:100%; padding:10px 0 } div.joinT ul li:nth-child(2) {width:100%} /* 992 ���� */ .baseRadioBox label {padding:9px 20px; font-size:14px} .baseRadioBox input[type="radio"] + label span { display:inline-block; width:22px; height:22px; margin:2px 10px 0 0; } /* 992 ���������� */ .myBox {position:relative; width:100%; padding:40px 15px} table.myT th {font-size:13px} table.myT td:nth-child(2) .titletxt{text-align:center; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width:250px ; text-align:left; font-size:13px } .my.pr100 {padding-right:30px !important} table.myT td p.cate {font-size:12px} table.myT td.day {font-size:12px} /* 992 ��ǰ����Ʈ */ .prd-name {font-size:16px} .prd-list {height:550px} .prd-list .prd-label{width:40px; top:-4px} .prd-txt .f14 {color:#787878; font-size:10.5px} .prd-list a .prd-thumb img {transition: all ease 0.2s;} .prd-list a .prd-thumb {background:#fff; max-width:200px;width:100%; max-height:200px;height:auto; border-radius:200px;margin:0 auto } .prd-list:hover .prd-thumb {background:#fff; max-width:200px;width:100%; max-height:200px;height:auto; border-radius:200px; margin:0 auto } .prd-list:hover .prd-thumb img {transform: none; margin:0 } .key-green {background:#02A85A;font-size:10px; color:#fff; border:1px solid #02A85A; border-radius:5px; padding:1px 5px} .key-white {background:#fff;font-size:10px; color:#787878; border:1px solid #DCDCDC; border-radius:5px; padding:1px 5px} dl.prd-viewMore {max-width:175px; width:100%} dl.prd-viewMore dd:nth-child(2) {float:right; border:1px solid #DCDCDC; text-align:center; border-radius:5px; width:30px; padding:4px 0 5px 0; display:inline-block; background:#Fff} /* 992 ��ǰī�װ� tab */ .tab_content3 .col-6:nth-child(1n) {padding-left:15px; padding-right:5px } .tab_content3 .col-6:nth-child(2n) {padding-left:5px; padding-right:15px} .floting-left_prd {max-width:100%; width:100%; position:relative; } .floting-left_prd .floting{position:relative; width:100% } .floting-left_prd .floting .h300 {display:none} .floting-left_prd.mt110 {margin-top:40px !important;} .floting-right_prd { width:100%} .floting-right_prd.mt110 {margin-top:60px !important;} .floting .flotingContent {padding:30px 15px} ul.prd_subCate {position:relative} ul.prd_subCate li {display:inline-block; width:19%} ul.prd_subCate.mt40 {margin-top:5px !important;} .pro-top-tab .col-md-8 { -ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} .pro-top-tab .col-md-4 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} /* 992 ��ǰ�� > �귣�� ��� */ .banner-logo li:first-child {width:20%; min-width:100px; border-right:2px solid #fff; } .banner-logo li:nth-child(2) {width:60%} .banner-logo.easy li:first-child {width:25%; min-width:100px; border-right:2px solid #fff; } .banner-logo.easy li:first-child img {width:90px} .banner-logo.easy li:nth-child(2) {width:60%} .brand-recipe-box .col-md-6 {width:100%;flex:100%; max-width:100%} .brand-recipe-box .col-md-1 {display:none} .brand-recipe-box .col-md-5 {width:100%; flex:100%; max-width:100%} ul.brand_cook li {margin-bottom:20px; } ul.brand_cook li:first-child {max-width:100px; margin-right:10px; border-radius:10px; width:auto; width:26%} ul.brand_cook li:nth-child(2) {width:70%} .cook_red {font-size:12px; width:70px } /* 992 company */ .csrInfo li{padding: 20px;} .greetingsInfo .pl50 {padding-left:0px !important; } /* 992 �����ڷ� */ /* 992 �귣�� */ .brand_thumb .col-md-6 { -ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;} .prd_acd_m {position:relative;} .prd_acd_m li {position:relative; } .prd_acd_m .whiteBox {color:#fff; padding:20px ; text-align:center; margin:0 auto } .prd_acd_m .whiteBox p {color:#fff; } .prd_acd_m .whiteBox p.f_pp {border-bottom:1px solid #fff; display:inline-block;padding-bottom:3px} .prd_acd_m .whiteBox .inType_ico img{width:70px; text-align:center;} .simBox {position:relative; vertical-align:top} .simBox li {display:inline-block; width:30%; text-align:center; max-width:150px; margin:0 5px; vertical-align:top} .simBox li .sim{background: url(https://image.edaymall.com/images/dcf/vegemil/img/brand/sim.png) no-repeat scroll center; background-size:100%; height:180px; position:relative } .bnr_brand10.h700 {height:400px} .sim .f80 {font-size:30px} .sim .f60 {font-size:30px} .simBox .f23 {font-size:15px} /* 992 �����ŷ� */ .tabs5.menu8 li {width:50%; } .tabs5.menu7 li {width:50%; } .tabs5.menu5 li {width:50%; } .tabs5.menu4 li {width:50%; } .tabs5.menu3 li {width:50%; } .tabs5.menu2 li {width:50%; } .tabs5 li a {padding:12px 0} .grayLineM {border-top:1px solid #DCDCDC; width:100%; background:#F1F4F5; height:7px } /* footer */ .footWrap .col-md-5 {width:100% !important; flex:100%; max-width:100% } /* 992 404 ������ sh �߰� */ #header02 {position:relative; top:0; left:0; width:100%; z-index: 1000; height: 90px; overflow: hidden; } #header02 h1.logo {left:15px; top:15px;} #header02 h1.logo a {background-size:80%;} #header02.beige h1.logo a { background-size:80%; } .errorBox .returnBtn{ width: 300px; height: 60px; line-height: 60px; } .errorBox .returnBtn a{ font-size: 16px; } .waveContent{ width: 100%; height: 180px; } .waveContent h2{ width: 600px; height: 125px; text-align: center; background-position: -10px bottom; background-size: contain; font-size: 100px; line-height: 125px; } } @media (max-width: 768px) { .centerMo{text-align: center;} /* display None*/ .wView {display:none !important;} .mView {display:block !important;} .wView768 {display:none !important; } .mView768 {display:block !important;} .subMenu p.btnSubLeft {display: none;} .subMenu p.btnSubRight {display: none;} ul.snsUL li {width:48.2%; display:inline-block; vertical-align:top} ul.snsUL li:nth-child(2n) { margin-left:5px;} /* 768 â���� ���� â���� ���� */ .white.f66.fw600 {font-size:30px} .heriBox .col-md-6:first-child {width:100%} .heriBox .col-md-6:nth-child(2) {width:100%} .heriBox .img100.w410.text-right {margin-top:50px} /* 768 ������� */ ul.baseList {position:relative; border-radius:10px; border:1px solid #DCDCDC; text-align:center} ul.baseList li {display:inline-block; padding:10px 15px; vertical-align:top; margin:15px 0 0 0; background: url("https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_dashed.png") right 0px repeat-y; } ul.baseList li:last-child {background:none} ul.baseList li a:hover {color:#000; text-decoration:none} ul.baseList li:nth-child(1) {width:32%} ul.baseList li:nth-child(2) {width:32%} ul.baseList li:nth-child(3) {width:32%; background:none; } ul.baseList li:nth-child(4) {width:48%; border-top:1px dashed #DCDCDC; padding-top:25px} ul.baseList li:nth-child(5) {width:48%; border-top:1px dashed #DCDCDC; padding-top:25px} /* 768 ��ǰ�����ı� */ ul.reviewBox {position:relative; max-width:550px; width:100%} ul.reviewBox li:nth-child(1) {width:43%; float:left; background: url(https://image.edaymall.com/images/dcf/vegemil/img/main/roundBox.png) no-repeat scroll 0 0; max-width:262px; background-size:100%} ul.reviewBox li:nth-child(2) {width:57%; float:right; padding:10px 0 0 10px;text-align:right} .reviewLine {height:2px; border:1px solid #000; width:120%; max-width:250px; position:absolute; right:0; } /* 768 ���������� */ table.myT td:nth-child(2) .titletxt{text-align:center; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width:220px ; text-align:left; font-size:13px } .my.pr100 {padding-right:15px !important} /* 768 ��ǰ����Ʈ */ .tabs3 {background:none; position:relative; z-index:100; width:100% ; overflow:hidden; margin:0 auto; display:inline-block; text-align:center} .tabs3 li { display:inline-block; margin:0 5px 0 5px; display:inline-block; text-align:center; border-radius:5px; vertical-align:top; margin-bottom:20px } .tabs3 li.current a{background: #222; } .tabs3 li a { color:#787878 ; display:inline-block; border-radius:5px ; background:#F1F4F5 } .tabs3 li.current a {color: #fff;} .tabs3 li p {display:inline-block; width:70px; height:70px; padding-top:75px; } .tabs3 li span {display:block; margin-top:5px; color:#787878 ; font-size:13px} .tabs3 li .ico_VE {background-size:30px} .tabs3 li.current .ico_VE {background-size:30px} .tabs3 li .ico_VM {background-size:30px} .tabs3 li.current .ico_VM {background-size:30px} .tabs3 li .ico_VB {background-size:30px} .tabs3 li.current .ico_VB {background-size:30px} .tabs3 li .ico_GE {background-size:30px} .tabs3 li.current .ico_GE {background-size:30px} .tabs3 li .ico_GH {background-size:30px} .tabs3 li.current .ico_GH {background-size:30px} .tabs3 li .ico_SC {background-size:30px} .tabs3 li.current .ico_SC {background-size:30px} .tabs3 li .ico_CV {background-size:30px} .tabs3 li.current .ico_CV {background-size:30px} .tabs3 li .ico_CD {background-size:30px} .tabs3 li.current .ico_CD {background-size:30px} .tabs3 li .ico_CW {background-size:30px} .tabs3 li.current .ico_CW {background-size:30px} .prd-list {height:400px; display:inline-block; padding:10px 10px} .prd-list:hover {background:#fff; border:1px solid #DCDCDC} .prd-list .prd-label{width:40px} .prd-txt {display:none;height:0} .prd-txt span {display:none; } .prd-list .prd-name {font-size:14px;} .prd-list .prd-thumb {text-align:center; margin:0 auto} .prd-list .prd-thumb img {transition:none; text-align:Center; width:100% } .prd-list a .prd-thumb {background:none; max-width:200px; height:auto; border-radius:200px;margin:0 auto } .prd-list:hover .prd-thumb {background:none; max-width:200px; height:auto; border-radius:200px; margin:0 auto } .prd-list:hover .prd-thumb img {transform: none; margin:0 } ul.prd_subCate li {margin-top:10px} ul.prd_subCate li.current a {font-size:15px} ul.prd_subCate {position:relative} ul.prd_subCate li {display:inline-block; width:32%} ul.prd_subCate li a {font-size:14px} ul.prd_subCate.mt40 {margin-top:5px !important;} .prd-subTxt {height:42px; overflow:hidden} .prd-viewMore.mt40 {margin-top:5px !important;} /* 768 ��ǰ�� Tab */ .prd_thumb {position:relative; margin:none; float:none; max-width:100%; width:100%; } .tabs4 {width:100%; display:inline-block; text-align:left} .tabs4 li { display:inline-block; text-align:center; width:70px; border-radius:5px; margin-bottom:5px; background:#F1F4F5; overflow:hidden ; } .tabs4 li .h190 {height:70px} .tab_content4 {position:relative; padding:0px 0 0px 0; float:none; max-width:100%; width:100%; background:#F1F4F5; border-radius:10px; overflow:hidden ; margin-left:0px} .tab_content4 .h590 {height:450px} /* 768 ���缺�� */ .yys_wrap {padding:50px 15px; } .yys_wrap .col-md-6:nth-child(2) .col-sm-6:nth-child(2) dl dd:nth-child(3) {bordeR-right:0px } .yys_wrap .col-md-6:nth-child(2) .col-sm-6:nth-child(2) .yys_subtop {border-right:0} /* 768 �̵�� popup */ .popup-pr .close {position: absolute;width: 20px;height: 20px;top: 5px;right: 20px;opacity: 0.8;transition: all 200ms;font-size: 24px;font-weight: bold;text-decoration: none;color: #666;} .prWrap .col-md-2 {flex:50%; max-width:50%} /* 768 company */ .subCategory ul{position: relative; text-align: center;} .subCategory ul li{display: inline-block; padding: 15px 10px; background:url(https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_lineS.png) right 16px no-repeat;} .subCategory li:last-child{background: none;} .subCategory ul li.active{ border-bottom: 2px solid #000; } .subCategory ul li.active a{font-size: 12px; color: #222; } .subCategory ul li a{font-size: 12px; color: #787878; } .subCategory .btnType03{display: none;} /* ������ư ���� */ br.none{display: none;} /* ����Ͽ��� ���� ���� */ .companyLeftInfo01, .companyLeftInfo02{padding: 0 5px 0 5px;} .companyLeftInfo02 > p{display: inline-block; padding: 0px 20px 0px 0px; background:url(https://image.edaymall.com/images/dcf/vegemil/img/ico/aroww_down.png) right 12px no-repeat;} .companyLeftInfo02 > p::before{ background: url(https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_ydot.png) left 12px no-repeat; padding: 8px 4px 15px 15px; } .companyLeftInfo02 > div{padding: 30px;} .companyRightNNP{width: 100%; height: 350px; border-radius: 20px; background: url(https://image.edaymall.com/images/dcf/vegemil/img/company/nnp_01.jpg) center center no-repeat;} .companyRightOSSE{width: 100%; height: 350px; border-radius: 20px; background: url(https://image.edaymall.com/images/dcf/vegemil/img/company/osse_01.jpg) center center no-repeat;} .companyRightInfo02{display: inline-block; padding: 0px 0; } .companyRightInfo02 li{ padding: 20px; background:none; border-bottom: 1px dashed #dfdfdf; } .companyRightInfo02 li:last-child{border-bottom: none;} .financeBox .verticalType03{margin: 0 auto;} .greetingsBg .f52{font-size:24px;} .greetingsBg .f22{font-size:15px;} .greetingsBg > li:nth-child(2){text-align: center;} .greetingsBg > li > img{width: 75%; position: relative;} .greetingsBg li:first-child{ padding-left: 15px;} .greetingsInfo{ padding: 40px 10px; } .greetingSign {position:relative} .mSign {text-align:right; margin-bottom:70px; margin-right:10%} .mSign img{width: 30%;position:relative; top:0px; } .profileBg{height: 450px; background-image: url(https://image.edaymall.com/images/dcf/vegemil/img/company/profileBg_mo.jpg); background-size: cover;} .profileBg div{ padding-left: 0px; padding: 20px;} .profileInfo{ width: 90%; padding: 40px 20px;} .profileInfo ul{padding: 0 20px;} .profileInfo ul li{ background:none; flex-basis: 50%; padding: 20px; flex-direction: column; align-items: center; text-align: center; border-bottom: 1px dashed #DCDCDC; border-right: 1px dashed #DCDCDC;} .profileInfo ul li img{max-width: 60px; max-height: 60px; margin-right: 0px; margin-bottom: 10px;} .profileInfo ul li:nth-child(2), .profileInfo ul li:nth-child(4){border-right: none;} .profileInfo ul li:nth-child(3), .profileInfo ul li:nth-child(4){border-bottom: none;} .profileInfo ul li p{font-size: 14px;} .greetingsRightInfo li .f55{font-size: 26px;} .logoInfo{ flex-direction: column; padding: 60px 40px;} .logoInfo li:first-child{padding: 0px;} .logoInfo li:nth-child(2){border-left: none; padding: 0px; border-top: 1px solid #dcdcdc; } .logoInfo li:first-child img{width: 60%;} .csrInfo li{padding:15px;} .csrInfo li div{padding: 20px 15px;} .btnType24{ width: 90%; } .csrInfo02 li{padding: 0 15px;} .HaccpInfo01 .haccp_01{ width: 200px; } .certInfo{flex-wrap: wrap;} .certInfo li{width: 50%;padding: 0px;} .certInfo li:nth-child(odd){padding-left: 15px; padding-right: 5px; padding-bottom: 10px;} .certInfo li:nth-child(even){padding-right: 15px; padding-left: 5px; padding-bottom: 10px;} .fsscInfo01 .fssc_01{height: 35px;} .fsscBg div{padding: 100px 15px;} .fsscBg ul{display: flex; flex-wrap: wrap; justify-content: center; } .fsscBg ul li{ border: 1px solid #fff; border-radius: 10px; padding: 20px; width: 65%; margin-bottom: 20px;} .fsscInfo02 div{width: 50%;} .halalInfo01 .halal_01{height: 35px;} .epdInfo01 .epd_01{height: 35px;} .epdBg > div{padding: 50px 15px;} .epdBg ul li{padding: 8px 15px;} .epdBg ul li div{padding: 30px 15px;} .epdInfo div{width: 50%;} .greetingsPhDBg .f52{font-size:24px;} .greetingsPhDBg .f22{font-size:14px;} .greetingsPhDBg li:nth-child(2){text-align: center; } .greetingsPhDBg > ul > li > img{position: relative; right: auto; width: 90%; } .greetingsPhDBg li:first-child{ padding-left: 0px; padding: 40px 30px;} .greetingPhDSign img{width: 80%;} /* 768 Communication CP */ .cpProgramBg{height: 250px; padding: 80px 15px 0px 0px;} .cpProgramList{top: -80px;} .cpProgramList li{padding: 5px; width: 50%; flex-grow: 0;} .cpProgramList li div{padding: 50px 15px; height: 240px;} .cpProgramList li:last-child div{height: 220px;} .cpProgramList img{height: 62px; } .cpProgramInfo02{ padding: 10px 0px; } .cpProgramInfo02 li{ width: 100%;} .cpProgramInfo02 li div{display: flex; justify-content: center; flex-wrap: wrap; text-align: center;} .cpProgramInfo02 li p:first-child{width: 100%;} .cpProgramInfo02 li p:first-child span{margin-right: 10px;} .cpProgramInfo02 li p:nth-child(2){width: 100%;} .cpSubTab ul li a{font-size: 12px;} .cpEduTable th{ padding: 10px;} .cpEduTable td{ padding: 10px;} .cpHandBook .btnType12{padding: 2px 0px 2px 0px;} .cpHandBook .btnType12 span{background-position: right 20px center; padding: 8px 40px 8px 20px;} .cpHandBook a:hover .btnType12{padding: 2px 0px 2px 0px; } .cpHandBook a:hover .btnType12 span{padding: 8px 40px 8px 20px; background-position: right 20px center;} .cpHandBook th{padding: 10px 2px 10px 10px; font-size: 16px;} .cpHandBook td{padding: 10px 10px 10px 2px;} .cpHandBook th span{padding: 3px 12px; display: inline-block; margin-top: 2px;} .cpDeclareBox div, .cpDeclareBox02 div{ max-width: 100%; } .cpDeclareBox02 div{float: inherit;} /* 768 ���� */ .historySubTab ul li a{font-size: 12px;} .historyBg{height: 240px; padding-top: 70px;} .historyBg .leftRoundBox{bottom: -1px;} .historyInfo02{padding: 0px 50px;} .historyInfo02 p{padding-top: 0px;} .historyInfo02 table th{font-size: 14px;} /* 768 R&D û�ְ��� �Ұ� */ .factoryBg{ padding: 100px 0;} .factoryInfo01 ul{justify-content: center;} .factoryInfo01 ul li{margin-right: 15px;} .factoryInfo01 ul li p{font-size: 12px;} /* 768 �������� ���� */ .grayBox06 tr td{padding: 20px 0px;} .grayBox06 tr:first-child td{padding-top: 40px;} .grayBox06 tr:last-child td{padding-bottom: 40px;} .grayBox06 tr td:first-child{padding-left: 20px; width: 35%;} .grayBox06 tr td:nth-child(2){padding-right: 20px;} .grayBox06 .whiteBox{line-height: 300%;} .grayBox06 .whiteBox02{padding: 10px 5px;} .exTable th{ padding: 10px 5px;} .exTable td{padding: 10px 5px;} .exTable .exDate{width: 80px; height: 40px; line-height: 40px;} .exTable .exStart{ width: 80px; height: 40px; line-height: 40px;} /* 768 ������ �Ұ� */ .rndIntroduceBg{padding: 100px 20px; } .rndIntroduceBg ul li{background-image: url(https://image.edaymall.com/images/dcf/vegemil/img/ico/ico_circleChk.png); background-repeat: no-repeat; background-size: 22px; background-position: 0 center; padding-left: 40px;} .rndIntroduceInfo02 > div:first-child{padding-right: 15px;} .rndIntroduceInfo02 > div:last-child{padding-left: 15px;} /* 768 ���� Ư�� ��Ȳ */ .stu_table01H th, .stu_table02H th, .stu_table03H th{padding: 15px 5px;} .stu_table01 tr td, .stu_table02 tr td, .stu_table03 tr td{padding: 15px 5px;} .stu_table01H tr th:nth-child(1){width: 10%;} .stu_table01H tr th:nth-child(2){width: 40%;} .stu_table01H tr th:nth-child(3){width: 30%;} .stu_table01H tr th:nth-child(4){width: 20%;} .stu_table01 tr td:nth-child(1){width: 10%;} .stu_table01 tr td:nth-child(2){width: 40%;} .stu_table01 tr td:nth-child(3){width: 30%;} .stu_table01 tr td:nth-child(4){width: 20%;} .stu_table02H tr th:nth-child(1){width: 20%;} .stu_table02H tr th:nth-child(2){width: 50%;} .stu_table02H tr th:nth-child(3){width: 30%;} .stu_table02 tr td:nth-child(1){width: 20%;} .stu_table02 tr td:nth-child(2){width: 50%;} .stu_table02 tr td:nth-child(3){width: 30%;} .stu_table03H tr th:nth-child(1){width: 20%;} .stu_table03H tr th:nth-child(2){width: 50%;} .stu_table03H tr th:nth-child(3){width: 30%;} .stu_table03 tr td:nth-child(1){width: 20%;} .stu_table03 tr td:nth-child(2){width: 50%;} .stu_table03 tr td:nth-child(3){width: 30%;} /* 768 DCF �̵�� */ .grayBox3 iframe{height: 250px;} .dcfMdiaBox02 li{width: 50%;} .dcfMdiaBox02 li iframe{height: 110px;} .youtube-8 {position:relative; height:250px; } ul.videoList { padding:20px 10px; border-radius:20px 0 0 20px} /* 768 DCF ���� ������ */ .dcfContestBg{height: 600px; top: -40px;} .dcfContestBg > img{position: absolute; bottom: -1px; right: -15px;} .dcfContestBtn {width: 250px;} .dcfContestBtn li a{ padding: 10px 0px; } .dcfContestBox iframe{height: 140px;} .dcfContestBox .contestAward{width: 55px; height: 55px; line-height: 55px; bottom: 15px; left: 15px;} .dcfContestBox .contestName{width: 90px; padding: 2px 5px; bottom: 15px; right: 15px;} /* 768 ����� */ .cook-wrap {position:relative; width:100%} .cook-wrap li {width:47.6% !important; } /* 768 404 ������ �߰� */ .errorBox .returnBtn{ width: 250px;} .waveContent{ width: 90%; height: 180px; } .waveContent h2{ width: 500px; height: 130px; background-position: -10px 30px; background-size: contain; font-size: 90px; line-height: 135px; } /* 768 20230116 sh �߰� */ .emailBtn li{width: 120px; height: 50px;} .emailBtn li:first-child a{line-height:50px;} .emailBtn li:nth-child(2) a{line-height:50px; } /* 768 20230116 sh �߰� */ } @media (max-width: 460px) { /* 460 ���������� */ table.myT td:nth-child(2) .titletxt{text-align:center; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width:140px ; text-align:left; font-size:13px; padding:0 5px } /* 460 ���缺��*/ .yys_subtop { font-size:10px;padding:12px 4px 12px 4px;margin:-1px 0 -1px 0 } .yys_subtop dt{font-size:10px} .yys_subtop dd{float:right; text-align:right; line-height:150%; font-size:11px} .yys dl dt {font-size:9px} .yys dl dd {font-size:9px} /* 460 ��ǰ����Ʈ */ .prd-list {height:380px; display:inline-block; padding:10px 10px} /* 460 Communication */ .cpHandBook th, td{font-size: 14px;} .cpHandBook .btnType12{padding: 0px 0px 0px 0px;} .cpHandBook .btnType12 span{background-position: right 10px center; padding: 4px 30px 4px 10px; font-size: 12px;} .cpHandBook a:hover .btnType12{padding: 0px 0px 0px 0px; } .cpHandBook a:hover .btnType12 span{padding: 4px 30px 4px 10px; background-position: right 10px center;} /* 460 ���� */ .historyInfo02 table th{font-size: 12px;} /* 460 404 ������ */ .errorBox{ height: 85vh; } .waveContent{ width: 90%; height: 180px; } .waveContent h2{ width: 550px; height: 150px; background-position: -13px 35px; background-size: contain; font-size: 100px; line-height: 155px; } } /* 3000 �귣����� */ @media (max-width: 3000px) { .brand_big { padding:0; margin-top:-150px} .brand_big .visual-slide {margin: 0px;height:580px;position: relative;animation-name: fadeInUp;animation-delay: 1.5s;animation-duration: 1s;animation-fill-mode: both;} .brand_big .visual-slide .swiper-slide { display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 50px; background-repeat: no-repeat; background-position: center; background-size: cover; text-align: center; } .brand_big .visual-slide .swiper-button-prev, .brand_big .visual-slide .swiper-button-next { width: 28px;margin-top: -13px; background: url(https://image.edaymall.com/images/dcf/vegemil/img/ico/btn_slim_left.png)no-repeat; background-size: contain; } .brand_big .visual-slide .swiper-button-prev { left: -70px; } .brand_big .visual-slide .swiper-button-next { right: -70px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); } .brand_big .visual-slide .swiper-button-prev:after, .brand_big .visual-slide .swiper-button-next:after { display: none; } .brand_big .visual-slide h2 { font-size: 4.24rem; letter-spacing: -2px; line-height: 1.25; color: #fff; } .brand_big .visual-slide p { margin-top: 28px; color: #fff; } .brand_big .visual-slide .swiper-pagination { } .brand_big .visual-slide .swiper-pagination-bullet {background:none; opacity:1; border:1px solid #fff; height:5px ;width:58px; border-radius:0} .brand_big .visual-slide .swiper-pagination-bullet-active {background:#fff; opacity:1} .brand_big .swiper-horizontal>.swiper-pagination-bullets, .brand_big .swiper-pagination-bullets.swiper-pagination-horizontal, .brand_big .swiper-pagination-custom, .swiper-pagination-fraction { top:30px; height:5px;} @media (max-width: 1200px) { .brand_big .visual-slide .swiper-button-prev, .brand_big .visual-slide .swiper-button-next { display: none; } .bnr_brand03 .centerH {width:80%} .brand_big { padding:0; margin-top:-50px} } @media (max-width: 992px) { .brand_big { padding:0; margin-top:-150px} .brand_big .visual-ttl h1 { font-size: 53px; margin-bottom: 15px; } .brand_big .visual-ttl p { font-size: 1.36rem; line-height: 1.47; } .brand_big .visual-slide { width: calc(100% + 30px); height: 426px; margin-left: -15px; margin-bottom:0px; margin-top:0px; } .brand_big .visual-slide .swiper-slide { border-radius: 20px; } .brand_big .visual-slide h2 { font-size: 2.78rem; } .brand_big .visual-slide p { margin-top: 15px; } .brand_big .visual-slide .swiper-pagination { } /* //3000 �귣����� */ /* 3000 Rnd Ȱ�� */ @media (max-width: 3000px) { .rnd_big { padding:0; margin-top:-150px} .rnd_big .visual-slide {margin: 0px;height:580px;position: relative;animation-name: fadeInUp;animation-delay: 1.5s;animation-duration: 1s;animation-fill-mode: both;} .rnd_big .visual-slide .swiper-slide { display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 50px; background-repeat: no-repeat; background-position: center; background-size: cover; text-align: center; } .rnd_big .visual-slide .swiper-button-prev, .rnd_big .visual-slide .swiper-button-next { width: 28px;margin-top: -13px; background: url(https://image.edaymall.com/images/dcf/vegemil/img/ico/btn_slim_left.png)no-repeat; background-size: contain; } .rnd_big .visual-slide .swiper-button-prev { left: -70px; } .rnd_big .visual-slide .swiper-button-next { right: -70px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); } .rnd_big .visual-slide .swiper-button-prev:after, .rnd_big .visual-slide .swiper-button-next:after { display: none; } .rnd_big .visual-slide h2 { font-size: 4.24rem; letter-spacing: -2px; line-height: 1.25; color: #fff; } .rnd_big .visual-slide p { margin-top: 28px; color: #fff; } .rnd_big .visual-slide .swiper-pagination { } .rnd_big .visual-slide .swiper-pagination-bullet {background:none; opacity:1; border:1px solid #fff; height:5px ;width:58px; border-radius:0; } .rnd_big .visual-slide .swiper-pagination-bullet-active {background:#fff; opacity:1; border:10px solid red } .rnd_big .swiper-horizontal>.swiper-pagination-bullets, .rnd_big .swiper-pagination-bullets.swiper-pagination-horizontal, .rnd_big .swiper-pagination-custom, .swiper-pagination-fraction { top:30px; height:5px;} @media (max-width: 1200px) { .rnd_big .visual-slide .swiper-button-prev, .rnd_big .visual-slide .swiper-button-next { display: none; } .bnr_brand03 .centerH {width:80%} .rnd_big { padding:0; margin-top:-50px} .yyy {display:none} } @media (max-width: 992px) { .rnd_big { padding:0; margin-top:-150px} .rnd_big .visual-ttl h1 { font-size: 53px; margin-bottom: 15px; } .rnd_big .visual-ttl p { font-size: 1.36rem; line-height: 1.47; } .rnd_big .visual-slide { width: calc(100% + 30px); height: 426px; margin-left: -15px; margin-bottom:0px; margin-top:0px; } .rnd_big .visual-slide .swiper-slide { border-radius: 20px; } .rnd_big .visual-slide h2 { font-size: 2.78rem; } .rnd_big .visual-slide p { margin-top: 15px; } .rnd_big .visual-slide .swiper-pagination { } /* //3000 �귣����� */