@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');
@font-face {
    font-family: 'BMEULJIRO';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/BMEULJIRO.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face { font-family: 'WandohopeR'; src: url('https://github.com/projectnoonnu/noonfonts_20-10/blob/main/WandohopeR.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'WandohopeB'; src: url('https://github.com/projectnoonnu/noonfonts_20-10/blob/main/WandohopeB.woff') format('woff'); font-weight: normal; font-style: normal; }
/* ================================================================================================================= */
.sub-page {
    width:100%; font-family:'Noto Sans KR', sans-serif; color:#5D5D5D; font-size:17px; line-height:1.65; letter-spacing:-0.55px; 
    word-break:keep-all;
}
.sub-content {padding-bottom:80px;}
/* °øÅë */
.sub-page h3 {color:#333;  font-family:'Montserrat','Noto Sans KR', sans-serif;}
.sub-page h4 {color:#000; font-size:24px; line-height:1.65; font-weight:500; padding-bottom:15px;}
.sub-page h5 {color:#1E1E1E; font-size:25px; line-height:1.65; font-weight:600; font-family:'Montserrat','Noto Sans KR', sans-serif;}
.sub-page p {font-size:17px; line-height:1.65; word-break:keep-all;}
/* ¼­ºê¸Þ´º */
.submenu {width:100%; background:#182e3e; text-align:center;}
.submenu ul {display:inline-block; vertical-align:top;}
.submenu li {float:left; border-left:1px solid #3d4f5d;}
.submenu li:last-child {border-right:1px solid #3d4f5d;}
.submenu li a {display:block; padding:12px 40px; color:#b3bccf; }
.submenu li a:hover {color:#1E1E1E; font-weight:500; background:#FFF;}
.submenu li a.active {color:#1E1E1E; font-weight:500; background:#FFF;}
/* ¿©¹é */
.sm-bottom {margin-bottom:30px;}
.md-bottom {margin-bottom:50px;}
.lg-bottom {margin-bottom:100px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
/* Á¤·Ä */
.txt-center {text-align:center;}
/* ÆùÆ® Ä÷¯ */
.fc-brown {color:#876340; font-weight:400;}
.fc-blue {color:#192f3f; font-weight:500;}
/* »ó´ÜÀ̹ÌÁö */
.sub-top-01 {background:url('../../img/_designcoco/images/sub_top_01.jpg') center no-repeat; text-align:center; width:100%; background-size:cover; height:600px;}
.sub-top-02 {background:url('../../img/_designcoco/images/sub_top_02.jpg') center no-repeat; text-align:center; width:100%; background-size:cover; height:600px;}
.sub-top-03 {background:url('../../img/_designcoco/images/sub_top_03.jpg') center no-repeat; text-align:center; width:100%; background-size:cover; height:600px;}
.sub-top-04 {background:url('../../img/_designcoco/images/sub_top_04.jpg') center no-repeat; text-align:center; width:100%; background-size:cover; height:600px;}
.sub-top-05 {background:url('../../img/_designcoco/images/sub_top_05.jpg') center no-repeat; text-align:center; width:100%; background-size:cover; height:600px;}
.sub-top-06 {background:url('../../img/_designcoco/images/sub_top_06.jpg') center no-repeat; text-align:center; width:100%; background-size:cover; height:600px;}
/* »ó´ÜÀ̹ÌÁö ½½·Î°Ç */
.slogan-box {padding:100px 0; display:none;}
.slogan-box h2 {font-size:36px; font-weight:800; color:#FFFFFF; font-family:'Montserrat','Noto Sans KR', sans-serif; padding-bottom:10px;}
.slogan-box p {color:#EEE; font-size:15px; line-height:1.65;}
/* ¼­ºêÆäÀÌÁö ŸÀÌƲ */
.title-box {border-bottom:1px solid #DDD; padding:60px 0; margin-bottom:70px; text-align:center;}
.title-box h3 {color:#000; font-size:42px; line-height:1.65; font-weight:600; padding-bottom:10px; width:100%; letter-spacing:-1px; font-family:'Noto Sans KR', sans-serif; display:block;}
.title-box p {font-size:15px !important;}
.title-box .navi {width:100%; display:block; color:#888;}
.arrow-pd {padding:0 4px;}
/* 
CEO Àλ縻 
*/
.ceo .tit-sm {font-size:20px; line-height:1.65; color:#27b889; letter-spacing:5px; font-weight:600; padding-bottom:10px;}
.ceo .tit {font-size:36px; line-height:1.4; color:#1E1E1E; padding-bottom:20px; font-weight:600;}
.ceo-txt {float:left; width:50%; vertical-align:top; letter-spacing:-1.05px;}
.ceo_sign {display:block; padding-top:30px; font-size:92%; color:#888;}
.ceo_sign img {padding-left:10px;}
.ceo_sign .txt {vertical-align:top;}
.ceo_sign .name {vertical-align:top;}
.img-left {float:left; width:50%; vertical-align:top; padding-right:50px;}
.img-left img {width:100%;}
.img-right {float:left; width:50%; vertical-align:top; padding-left:50px;}
.img-right img {width:100%;}
/* CEO Àλ縻 Ãß°¡ ½ºÅ¸ÀÏ */
.sub04-1 .bg-grey {padding:100px 0 100px; background-color:#f8f8f8;}
.sub04-1 .ceo-txt p.con {margin-bottom: 10px;}
.sub04-1 .ceo-txt p.con span {font-size: 1.2em; font-weight: 300; color: #555555;}
.sub04-1 .ceo-txt p.con span.tit-con {font-size: 1.4em; font-weight: 500; color: #606060;}
/* ÁÖ¿äÇöȲ ¹Ú½ºµðÀÚÀÎ */
.list-box5 ul {width:100%;}
.list-box5 li {color:#333; width:19.6%; margin-right:0.5%; padding:40px 0; background:rgba(255,255,255,0.85); float:left;}
.list-box5 li:last-child {margin-right:0;}
.list-box5 li .img {line-height:0; padding-bottom:20px;}
.list-box5 li .txt h5 {color:#000; padding-bottom:10px;}
.list-box5 li .txt p {color:#666; padding-bottom:0;}
/* Å×ÀÌºí ½ºÅ¸ÀÏ */
.table table {width:100%; text-align:center; border-top:2px solid #1e459c !important;}
.table td {padding:10px 13px; border:1px solid #DDD; text-align:justify;}
.bc-gray {color:#000; background:#F5F5F5;}
.box_overflow {width:100%; overflow-x:auto;}
.table_guide {display:none;}
/* »ç¾÷ºÐ¾ß2 */
ul.list-img-2 {width:100%; font-size:0;}
.list-img-2 li {width:49%; margin-right:2%; margin-bottom:50px; display:inline-block; vertical-align:top;}
.list-img-2 li:nth-child(2n+2) {margin-right:0%;}
.list-img-2 li .img {line-height:0; padding-bottom:21px;}
.list-img-2 li .img img {width:100%;}
.list-img-2 li .txt h5 {color:#192f3f; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #DDD;}
.sub02-2 .list-img-2 .txt {font-size:18px;}
.sub02-2 .list-img-2 li {width:100%; margin-bottom:50px; display:inline-block; vertical-align:top;}
.sub02-3 .list-img-2 .txt {font-size:18px;}
.sub02-3 .list-img-2 li {width:100%; margin-bottom:50px; display:inline-block; vertical-align:top;}
/* »ç¾÷ºÐ¾ß3 */
ul.list-img {width:100%; font-size:0;}
.list-img li {width:32%; margin-right:2%; margin-bottom:50px; display:inline-block; vertical-align:top;}
.list-img li:nth-child(3n+3) {margin-right:0%;}
.list-img li .img {line-height:0; padding-bottom:15px;}
.list-img li .img img {width:100%;}
.list-img li .txt h5 {color:#192f3f; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #DDD;}
/* ¾÷¹«¿µ¿ª */
.work dl {width:50%; float:left;}
.work dt {color:#000; font-weight:500; font-size:110%;}
.work dd {padding-bottom:30px;}
.work dd:last-child {padding-bottom:0;}
/* ¿¬Çõ */
.history-wrap {padding-bottom:30px;}
.year-box {text-align:center;}
.year-box .tit-year {display:inline-block; background:#396eb3; margin:0 auto; padding:10px 30px; font-size:19px; color:#FFF; border-radius:3px;}
.history-box {display:table; width:100%; position:relative; background:url('../../img/_designcoco/images/history_line.gif') center repeat-y; padding-bottom:80px;}
.history-box .his-list {width:100%; display:block; padding-top:50px;}
.history-box .his-list:after {content:""; display:block; clear:both;}
.his-left {width:100%; float:left; text-align:right; padding-right:49.2%;}
.his-left dt {float:right !important;}
.his-right {width:100%; float:right; padding-left:49.2%;}
.his-round {display:inline-block; border:5px solid #396eb3; width:20px; height:20px; border-radius:50px;}
.his-arrow {display:inline-block; width:6%; vertical-align:top;}
.his-txt .his-year {display:block; color:#161e36; font-size:22px; font-weight:500; padding-bottom:15px;}
.his-txt {display:inline-block; width:93%; vertical-align:top;}
.his-txt dl {width:100%; position:relative;}
.his-txt dt {width:10%; color:#000; float:left;}
.his-txt dd {width:90%; float:left;}
/* ¿À½Ã´Â ±æ */
.map .map_img {height:450px;}
ul.address {border-top:1px solid #DDD; padding-bottom:0 !important;}
.address li {width:100%; display:table; position:relative; border-bottom:1px solid #DDD;}
.address li .tit {color:#000; background:#F5F5F5; width:20%; display:table-cell; vertical-align:middle; padding:20px 30px; }
.address li .tit i {color:#001f60; font-size:135%; font-weight:500; margin-right:15px; vertical-align:middle; width:13px;}
.address li .txt {width:80%; display:table-cell; vertical-align:middle; padding:20px;}
/* ÀÎÁõ¼­ */
.certificate ul {width:100%; font-size:0; text-align:center;}
.certificate li {width:23.5%; margin-right:2%; padding-bottom:40px; display:inline-block; vertical-align:top;}
.certificate li:nth-child(4n+4) {margin-right:0;}
.certificate li .pic {line-height:0; }
.certificate li .pic img {width:100%; border:1px solid #DDD;}
.certificate li p {color:#333; font-size:15px; line-height:1.65; padding:10px 0;}
/* ÆÄÆ®³Ê */
.partner ul {width:100%; font-size:0; text-align:center;}
.partner li {width:23.5%; margin-right:2%; padding-bottom:30px; display:inline-block; vertical-align:top;}
.partner li:nth-child(4n+4) {margin-right:0;}
.partner li p {color:#333; font-size:15px; line-height:1.65; padding:10px 0;}
.partner li .pic {line-height:0;}
.partner li .pic img {width:100%; border:3px solid #E0E0E0;}
/* ±âŸ */
.no_page {width: 100%;border: 1px solid #DDD;background:#F5F5F5;text-align: center;padding: 200px 0;font-size: 24px;}
.guide_txt {padding: 20px; }
.guide_txt li {padding: 5px;list-style-type: disc;}
.sub02_txt {margin: 0 auto; text-align: center;}
.sub02_txt .tit_img {width: 28%;display: inline-block;text-align: center;}
.sub02_txt .tit_txt {width: 52%;display: inline-block;vertical-align: top;padding-top: 60px;}
.sub02_txt .tit_txt > h3 {font-size: 40px;color: #1e1e1e;font-weight: 300;line-height: 45px;padding-bottom: 20px;text-align: left;}
.sub02_txt .tit_txt > p {font-size: 18px;color: #666;font-weight: 400;line-height: 26px;text-align: left;}
.icon_box {width: 100%;text-align: center;font-size: 0;padding: 20px;background: url("../../../img/_design/images/sub02/arrow.jpg") no-repeat; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: 100%;}
.icon_box .box {width:20%;display: inline-block;vertical-align: top;}
.icon_box .box p {font-size: 20px;color: #1e1e1e;font-weight: 400;}
.icon_box .arrow {padding-top: 55px;display: inline-block;}
.green{color: #00ad87;font-weight: 600;}
.privacy_title {font-size: 18px;padding: 20px 0;color: #333;}
.privacy_txt {padding: 20px;border: 3px solid #e5e5e5;font-size: 14px;}
/* ========================================== Ä¿½ºÅÒ ½ºÅ¸ÀÏ ========================================== */
/* °øÅë */
.sub01-1 .txt {font-family:"MapoFlowerIsland"; font-size:2em; line-height:1.65; text-align:center; margin:0 auto;}
.sub01-1 .txt .tit {font-size:30px; line-height:1.65; color:#1E1E1E; font-weight:300;}
.sub01-1 .txt .con-txt {width:88%; display: block; margin: 30px auto 0px; text-align: justify; font-size: 0.54em; font-family: 'Noto Sans Kr'; color: #5a5a5a; font-weight: 300; line-height: 1.65;}
.sub01-1 .txt .con-txt.sub01-1-1 {margin:30px auto 0;}
.sub01-1 .txt.white .con-txt {color:#eeeeee;}
.sub01-1 .txt.white {color:#ffffff;}
.sub01-1 .txt.white .tit-point strong {color:#ffffff;}
/* sub01-1 Çùȸ¼Ò°³ =====================================================================================*/
/* 1´Ü¶ô */
.sub01-1 .company {position:relative; padding-bottom:100px;}
.sub01-1 .company .img {padding-bottom:40px; line-height:0;}
.sub01-1 .company .img img {width:100%;}
.sub01-1 .company .half-bg {background-color: #f2f9e6; background-position:center center; background-size:cover; width:100%; height:608px; position:absolute; z-index:-1; bottom:0;}
/* 2´Ü¶ô */
.sub01-1 .company-info {text-align:center; background:url('../../img/_designcoco/images/_sub/1-1-2.jpg') center top no-repeat; padding:80px 40px 100px; background-size:cover; }
.sub01-1 .company-info h4 {color:#FFF; padding-bottom:10px;}
.sub01-1 .company-info p {color:#FFF;}
.sub01-1 .company-info .tit {font-size:30px; line-height:1.65; color:#efefef; font-weight:300;}
.sub01-1 .company-info .tit-point {color:#efefef;}
/* 3´Ü¶ô */
.sub01-1 .list-box5 ul {width:100%;}
.sub01-1 .list-box5 li {
    color:#333; width:24.6%; margin-right:0.5%; padding:40px 0; background:rgba(255,255,255,0.85); float:left; margin-top:18px; box-shadow: 0px 3px 14px rgba(0,0,0,0.8); border-radius:0 40px 0 40px;
    position:relative; height:380px;
}
.sub01-1 .list-box5 li:last-child {margin-right:0;}
.sub01-1 .list-box5 li .img {line-height:0; padding-bottom:20px; padding:80px 40px 100px; background-size:cover;}
.sub01-1 .list-box5 .bnr4-1 {background:url('../../img/_designcoco/images/_sub/1-1-4bnr-1.jpg') center top no-repeat;}
.sub01-1 .list-box5 .bnr4-2 {background:url('../../img/_designcoco/images/_sub/1-1-4bnr-2.jpg') center top no-repeat;}
.sub01-1 .list-box5 .bnr4-3 {background:url('../../img/_designcoco/images/_sub/1-1-4bnr-3.jpg') center top no-repeat;}
.sub01-1 .list-box5 .bnr4-4 {background:url('../../img/_designcoco/images/_sub/1-1-4bnr-4.jpg') center top no-repeat;}
.sub01-1 .list-box5 li .txt h5 {color:#ffffff; padding-bottom:6px;}
.sub01-1 .list-box5 li .txt p {color:#eeeeee; padding-bottom:0; line-height:1.4;}
.sub01-1 .list-box5 .tit {font-size:30px; line-height:1.65; color:#1E1E1E; font-weight:300;}
.sub01-1 .list-box5 .txt {text-align:center; margin:0 auto; position:absolute; bottom:25px; left:50%; transform:translateX(-50%); width:80%;}
.sub01-1 .txt .con-txt.txt01 {margin-bottom:30px;}
/* 4´Ü¶ô */
.sub01-1 .table-con {margin-top:80px;}
.sub01-1 .table-con:last-child {margin-bottom:80px;}
.sub01-1 .table-con li .txt h5 {color:#ffffff; padding-bottom:6px;}
.sub01-1 .table-con li .txt p {color:#eeeeee; padding-bottom:0;}
.sub01-1 .table-con .txt {text-align:center;}
.sub01-1 .table-con li .txt h5 {color:#ffffff; padding-bottom:6px;}
.sub01-1 .table-con li .txt p {color:#eeeeee; padding-bottom:0;}
.sub01-1 .table-con .tit {font-size:30px; line-height:1.65; color:#1E1E1E; font-weight:300;}
.sub01-1 .table-con .table .table01 td {}
.sub01-1 .table-con .table .table01 .photo {background-position:center center; background-size:cover; height:682px; text-align:center;}
.sub01-1 .table-con .table .table01 .photo.n01 {background-image:url('../../img/_designcoco/images/_sub/1-1-table-1.jpg');}
.sub01-1 .table-con .table .table01 .photo.n02 {background-image:url('../../img/_designcoco/images/_sub/1-1-table-2.jpg');}
.sub01-1 .table-con .table .table01 .photo span {color:#ffffff; display:inline-block; font-size:1.17em; width:66%; text-shadow: 0px 0px 6px rgba(0,0,0,0.3);}
.sub01-1 .table-con .table .table01 .photo .text01 {font-family:'MapoFlowerIsland'; font-size:1.9em;}
.sub01-1 .table-con .table .table01 .photo .text02 {font-weight:600; font-size:3.3em; margin:-4px 0 15px; background: rgba(0,0,0,0.4); line-height: 1.4; margin: 12px 0 50px; padding: 25px 0; width:80%}
.sub01-1 .table-con .table .table01 .photo .text03 {color:#eeeeee;}
.sub01-1 .table-con .table .table01 .photo .text04 {color:#dddddd; font-size:0.88em;}
.sub01-1 .table-con .table .table01 .text {text-align:1left;}
.sub01-1 .table-con .table .table02 {margin-bottom:80px;}
.sub01-1 .table-con .table .table02 .con_buis {}
.sub01-1 .table-con .table .table02 .con_buis span {font-weight:600; font-size:1.05em; margin-top:6px; display:inline-block;}
.sub01-1 .table-con .table .table02 .title_buis {font-size:1.2em; font-weight:600; color:#111111; background-color:#f8f8f8;}
.sub01-1 .table-con .special_con {padding:0 10px;}
.sub01-1 .table-con .special_con li {line-height:1.2; margin-bottom:9px;}
.sub01-1 .table-con .special_con li.title {font-size:1.2em; font-weight:600; margin:15px 0 11px; color:#111111; border-radius:4px; padding:10px 17px; width:fit-content; color:#ffffff; background:#333333;}
.sub01-1 .table-con .special_con li span {}
.sub01-1 .table-con .special_con li .con01 {display:inline-block; width:100%; margin-right:15px; color:#5a5a5a; font-weight:600; font-size:1.1em; line-height:1.65;}
.sub01-1 .table-con .special_con li .con02 {width:100%; line-height:1.65;}
.sub01-1 .table-con .table table.table01 {border-top:0 !important;}
.vertical-line {height:60px; width:1px; background-color:rgba(255,255,255,0.6); margin:20px auto;}
/* sub01-4 Çϵ¿¼¼°èÂ÷¿¢½ºÆ÷ =====================================================================================*/
.sub01-1.sub01-4 .company .img img {box-shadow:0 3px 10px rgba(0,0,0,0.35);}
.sub01-1.sub01-4 .table-con .vid {margin-top:40px;}
.sub01-1.sub01-4 .table-con .vid iframe {height:500px;}
.sub01-1.sub01-4 .table-con .info {margin-top:40px;}
.sub01-1.sub01-4 .table-con .info img {width:100%;}
.sub01-1.sub01-4 .table-con .info img:first-child {margin-bottom:35px;}
.sub01-1.sub01-4 .company .half-bg {background-image:url('../../img/_designcoco/images/_sub/1-4-bg-1.jpg');}
/* sub02-1 Çϵ¿³ìÂ÷¿ª»ç =====================================================================================*/
.sub02-1 .list-img-2 li {width:100%; margin:0 0 60px 0;}
.sub02-1 .list-img-2 li .txt h5 {font-size:27px; margin:15px 0 10px;}
.sub02-1 .sub-page p {text-align: justify; font-weight: 300; font-size: 18px; line-height: 1.65;}
/* sub02-3 Çϵ¿³ìÂ÷ºñÀü =====================================================================================*/
.sub02-3 .list-img-2 li {width:100%; margin:0 0 60px 0;}
.sub02-3 .vision01 {margin-bottom:80px; width:100%; height:auto; background-image:url('../../img/_designcoco/images/_sub/2-3-bg-1.jpg'); padding:50px 0 80px; background-position:center center; background-size:cover;}
.sub02-3 .vision01 h5 {font-size: 1.8em; text-align: center; margin-bottom: 35px; font-weight:600; color:#ffffff;}
.sub02-3 .vision01 .vision_dev {}
.sub02-3 .vision01 .vision_dev:after {clear:both; display:block; content:"";}
.sub02-3 .vision01 .vision_dev li {float:left; width:23.87%; margin-right:1.5%;}
.sub02-3 .vision01 .vision_dev li:last-child {margin-right:0;}
.sub02-3 .vision01 .vision_dev li.first .img {width:100%; height:280px; background-image:url('/default/img/_designcoco/images/_sub/2-3-dev-1.jpg'); background-size: cover; background-position: center;}
.sub02-3 .vision01 .vision_dev li.second .img {width:100%; height:280px; background-image:url('/default/img/_designcoco/images/_sub/2-3-dev-2.jpg'); background-size: cover; background-position: center;}
.sub02-3 .vision01 .vision_dev li.third .img {width:100%; height:280px; background-image:url('/default/img/_designcoco/images/_sub/2-3-dev-3.jpg'); background-size: cover; background-position: center;}
.sub02-3 .vision01 .vision_dev li.fourth .img {width:100%; height:280px; background-image:url('/default/img/_designcoco/images/_sub/2-3-dev-4.jpg'); background-size: cover; background-position: center;}
.sub02-3 .vision01 .vision_dev li .txt {width:100%; padding:16px 30px; font-size:19px; font-weight:500; background: #182e3e; color: #eeeeee; height:87px; line-height:1.4; text-align:center;}
.sub02-3 .vision01 .vision_dev li.first .txt {background:#849023;}
.sub02-3 .vision01 .vision_dev li.second .txt {background:#0ea599}
.sub02-3 .vision01 .vision_dev li.third .txt {background:#1e7535}
.sub02-3 .vision01 .vision_dev li.fourth .txt {background:#5b470f}
.sub02-3 .vision01 .vision_dev .vision_dev_wrap {}
/* sub03-1 ³ìÂ÷ À½¿ë¹ý =====================================================================================*/
.sub03-1 .tea-wrap .tea01 .txt p {margin-bottom:8px;}
.sub03-1 .list-img-2 li {width:100%; margin-bottom:0;}
.sub03-1 .list-img-2 li .txt h5 {}
.sub03-1 .tea-wrap .tea01 {margin-bottom: 50px;}
.sub03-1 .tea-wrap .tea01 .img {
    width:100%; height:600px; background-image:url('../../img/_designcoco/images/_sub/3-1-drink-1.jpg'); font-size:18px; color:#ffffff; margin-bottom:50px; position:relative;
    background-position:center center; background-size:cover;
}
.sub03-1 .tea-wrap .tea01 .img .con {text-align:center; position: absolute; left:0; right:0; top:50%; margin-top:-220px;}
.sub03-1 .tea-wrap .tea01 .img span {text-align:left;}
.sub03-1 .tea-wrap .tea01 .img .span01 {font-size:1.1em; font-weight:300;}
.sub03-1 .tea-wrap .tea01 .img .span02 {font-size:3em; font-weight:600;}
.sub03-1 .tea-wrap .tea01 .img .img01 {width:auto; margin-bottom:36px;}
.sub03-1 .tea-wrap .tea01 .txt {}
.sub03-1 .tea-wrap .plus {margin-top:8px; background:#f8f8f8; padding:10px 19px 14px;}
.sub03-1 .tea-wrap .plus h5 {margin:10px 0 6px; font-size: 19px; color: #ffffff; background: #182e3e; display: block; width: 90px; padding: 2px 8px; border-radius: 4px; text-align: center;}
.sub03-1 .tea-wrap .tea02 {margin-bottom: 50px;}
.sub03-1 .tea-wrap .tea02 h5 {}
/* sub03-2 ³ìÂ÷ ·¹½ÃÇÇ =====================================================================================*/
/* Æ˾÷½ºÅ©¸³Æ® */
.top-anchor {}
.top-anchor ul {border:1px solid #182e3e; padding:13px 0; background: #182e3e; height:56px; margin-bottom:40px;}
.top-anchor ul:after {clear:both; display:block; content:"";}
.top-anchor ul li {width: 14.28%; float: left; border-right:1px solid #727a80; text-align:center;}
.top-anchor ul li:last-child {border:0;}
.top-anchor ul li a {color:#ffffff;}
.recipe-wrap {}
.recipe-wrap .recipe-con {height: 100%; background-size: cover; background-position: center center; position:relative}
.container-re {padding: 0 0 50px 0; border-bottom: solid #eeeeee 1px; margin-bottom: 45px;}
.padding-re {padding: 5px; width: 50%; float: left; height: 250px;}
/*
·¹½ÃÇÇ ¸¶¿ì½º¿À¹ö»ö»ó */
.container-re > div:first-child .name {background-color:rgba(16,121,19,0.6);}
.container-re > div:nth-child(2n) .name {background-color:rgba(40,55,84,0.6);}
.container-re > div:nth-child(3n) .name {background-color:rgba(128,26,120,0.6);}
.container-re > div:nth-child(4n) .name {background-color:rgba(35,143,148,0.6);}
.container-re > div:nth-child(5n) .name {background-color:rgba(215,95,11,0.6);}
.container-re > div:nth-child(5n+1) .name {background-color:rgba(16,121,19,0.6);}
.container-re > div:nth-child(5n+2) .name {background-color:rgba(40,55,84,0.6);}
.container-re > div:nth-child(5n+3) .name {background-color:rgba(128,26,120,0.6);}
.container-re > div:nth-child(5n+4) .name {background-color:rgba(35,143,148,0.6);}
/* 
·¹½ÃÇÇÁ¦¸ñ */
.container-re .tit {font-size:1.8em; text-align:center; line-height:1.35; margin:15px auto 25px; font-weight:300;}
.container-re .tit .fa-bookmark {color:#92b308;}
#rice > div:nth-child(4n) .recipe-con {margin-right:0;}
.recipe-wrap .recipe-con .name {
    width:100%; height: 100%; margin: auto auto; display: table; padding-top:90px; text-align: center;
    color: #ffffff; font-size: 1.5em; font-weight: 600; opacity: 0;
    transition-property:opacity; transition-duration:0.4s; transition-timing-function: ease-in; line-height:1;
}
.recipe-wrap .recipe-con:hover .name {opacity:1;}
/*
·¹½ÃÇÇ Æ˾÷ */
.pop-layer { display: none; position: fixed; top: 47%; left: 50%; width: 900px; height: auto; background-color: #fff; border: 5px solid #182e3e; z-index: 10000000;}
.pop-layer .pop-container {padding: 25px 25px; overflow:scroll; overflow-x:hidden; height:65vh; -ms-overflow-style: none;}
.pop-layer .pop-container::-webkit-scrollbar {display: none;}
.pop-layer .from-wrap {position:absolute; bottom:35px; left:25px; font-size:0.8em; color:#868686;}
.pop-layer .from-wrap > span {font-weight: 500; margin-right:9px; font-size:1.04em;}
.pop-layer p.ctxt {color: #666;line-height: 25px;}
.pop-layer .btn-r { width: 100%; margin: 0 0 25px 0; padding:30px 25px 0px 0; border-top: 1px solid #DDD; text-align: right;}
.pop-layer .btn-r.close-up {margin: 0; border: 0; padding: 0;}
.pop-layer .btn-r.close-up a {border: 0; background: none; position: absolute; right: 0; top: 0; margin: 15px; font-size:24px;}
.pop-layer .btn-r.close-up a:hover {color: #a5a5a5;}
.pop-layer .recipe-title {font-size: 1.6em; font-weight: 600; margin: 20px 0 12px; text-align: center;}
.pop-layer .recipe-title .tit01 {
    font-size: 0.5em; display: block; background: #92b308; width: 135px; padding: 0px 0px 2px; text-align: center; margin: 0 auto; 
    border-radius: 28px; color: #ffffff; font-weight: 300; letter-spacing: 0;
}
.pop-layer .recipe-title .tit02 {color:#292929; font-size:1.13em;}
a.btn-layerClose {display: inline-block; padding: 6px 25px 6px;border: 1px solid #d4d4d4; background-color: #e1e1e1; font-size: 15px; color: #707070; line-height: 25px; border-radius: 4px;}
a.btn-layerClose:hover { border: 1px solid #182e3e; background-color: #182e3e; color: #fff;}
.pop-container .pop-img {
    width:100%; height:500px; margin: 0 0 40px; text-align:center; background-size:cover;
}
.pop-container .pop-conts .ctxt .txt {
    display:block; line-height: 1.6; text-align: justify; border-bottom: 1px solid #dddddd; padding-bottom: 25px; margin-bottom: 25px;
}
.pop-container .paragraph {margin-bottom:20px;}
.pop-container .paragraph .num {font-size:1.3em; font-weight:500; color:#92b308;}
.pop-container .paragraph .tit {font-size:1.24em; font-weight:600; color:#92b308;}
.pop-container .paragraph .txt {color:#676767; font-weight:300; padding-left: 25px; display: block;}
.dim-layer { display: none; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;}
.dim-layer .dimBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50);}
.dim-layer .pop-layer {display: block;}
/* sub03-3 Â÷ ´Üü ¹× Çà»ç =====================================================================================*/
.sub03-3 {}
.sub03-3 #tea_group {}
.sub03-3 #tea_group .table-wrap {}
.sub03-3 #tea_group .table-wrap h2 {margin-bottom: 7px; font-size: 28px; text-align: center;}
.sub03-3 #tea_group .table-wrap .table-con caption {background: #182e3e; padding: 10px; color: #ffffff; font-size: 1.16em; font-weight: 500;}
.sub03-3 #tea_group .table-wrap .table-con {width:100%; border:2px solid rgba(0,0,0,0.07); margin-bottom:60px;}
.sub03-3 #tea_group .table-wrap .table-con tr {border-bottom:1px solid rgba(0,0,0,0.07);}
.sub03-3 #tea_group .table-wrap .table-con tr:first-child {}
.sub03-3 #tea_group .table-wrap .table-con tr th {border-top:1px solid rgba(0,0,0,0.07); border-right:1px solid rgba(0,0,0,0.07); padding:7px 10px; background:#f2f5f2; color:#333333; font-weight:500;}
.sub03-3 #tea_group .table-wrap .table-con tr.index th {border-right:1px solid rgba(0,0,0,0.07); background:#dae7da;}
.sub03-3 #tea_group .table-wrap .table-con tr th a {color:#333333;}
.sub03-3 #tea_group .table-wrap .table-con tr th a i {color: #97a397 !important; font-size: 0.9em; margin-left: 2px;}
.sub03-3 #tea_group .table-wrap .table-con tr th:first-child {}
.sub03-3 #tea_group .table-wrap .table-con tr th:last-child {}
.sub03-3 #tea_group .table-wrap .table-con td {padding:7px 10px; border-right:1px solid rgba(0,0,0,0.07); text-align:center;}
.sub03-3 #tea_group .table-wrap .table-con td:last-child {border-right:0px solid rgba(0,0,0,0.07);}
/* ÄÚµåÆæ ¼Ò½º */
.snip1273 {
    font-family: 'Raleway', Arial, sans-serif; position: relative; margin: 0 1.4% 0 0; width:49.30%; color: #ffffff; text-align: left; font-size: 16px; float:left;
    background-size:cover; background-position:center center; height:345px; padding:15px;
}
.snip1273.one {background-image:url('../../img/_designcoco/images/_sub/4-1-link-1.jpg');}
.snip1273.two {margin-right:0; background-image:url('../../img/_designcoco/images/_sub/4-1-link-2.jpg');}
.snip1273.zero {background-image:url('../../img/_designcoco/images/_sub/4-1-link-0.jpg'); width:100%; height:500px; margin-bottom:20px;}
.snip1273 * { -webkit-box-sizing: border-box;  box-sizing: border-box;  -webkit-transition: all 0.4s ease-in;  transition: all 0.4s ease-in;}
.snip1273 img { position: relative;  max-width: 100%;  vertical-align: top;}
.snip1273 .fig {
    display:table; width: 100%; height: 100%; /*transform: translate(-5%, 5%); */z-index: 1; opacity: 0; padding: 0 30px;
    /*margin:0 0 0 20px; */border: 1px solid #ffffff; text-align:center; background: rgba(0,0,0,0.35);
}
.snip1273 .fig .txt-wrap {display:table-cell; vertical-align:middle;}
.snip1273 figcaption:before, .snip1273 figcaption:after { width: 1px;  height: 0;}
.snip1273 figcaption:before { right: 0;  top: 0;}
.snip1273 figcaption:after { left: 0; bottom: 0;}
.snip1273 h3, .snip1273 p { line-height: 1.5;}
.snip1273 h3 { margin: 0 0 8px; font-weight: 700; text-transform: uppercase; color:#ffffff; font-size:1.7em;}
.snip1273 p { font-size: 1.03em; font-weight: 500; margin: 0 0 25px; color:#ededed;}
.snip1273 p.btn {background: #ffffff; width: 170px; padding: 8px; border-radius: 40px; color: #777777; margin:0 auto; font-size: 0.89em;}
.snip1273 a { position: absolute;  top: 0;  bottom: 0;  right: 0;  left: 0;  z-index: 1;}
.snip1273:before, .snip1273:after, .snip1273 figcaption:before, .snip1273 figcaption:after {
    position: absolute;  content: '';  background-color: #ffffff;  z-index: 1;  -webkit-transition: all 0.4s ease-in;  transition: all 0.4s ease-in;  opacity: 0.8;
}
.snip1273:before, .snip1273:after {  height: 1px;  width: 0%;}
.snip1273:before {  top: 0;  left: 0;}
.snip1273:after { bottom: 0;  right: 0;}
.snip1273:hover img,.snip1273.hover img {}
.snip1273:hover figcaption,.snip1273.hover figcaption {  opacity: 1;}
.snip1273:hover figcaption:before,.snip1273.hover figcaption:before,.snip1273:hover figcaption:after,.snip1273.hover figcaption:after {  height: 100%;}
.snip1273:hover:before,.snip1273.hover:before,.snip1273:hover:after,.snip1273.hover:after {  width: 100%;}
.snip1273:hover:before, .snip1273.hover:before, .snip1273:hover:after, .snip1273.hover:after, .snip1273:hover figcaption:before, .snip1273.hover figcaption:before, .snip1273:hover figcaption:after, .snip1273.hover figcaption:after {opacity: 0.1;}
@media all and (max-width: 1300px) {
    .sub02-3 .vision01 {padding:50px 30px 50px;}
    .sub01-1 .table-con .table .table01 .photo {height:500px;}
    .sub01-1 .table-con .table .table01 .photo .text02 {padding:15px 0; font-size:3em; margin: 9px 0 30px;}
}
@media all and (max-width: 1280px) {
    .sub-content {width:100%; padding:0 20px 50px 20px;}
}
@media all and (max-width: 1200px) {
    .img-1 img {width:100%;}
    .sub01-1 .company {padding-bottom:61px;}
    .sub01-1 .company .txt {padding:0 25px;}
    .sub01-1 .company .tit {font-size:22px;}
    .tit-point {line-height:1.2;}
    /* sub02-3 */
    .sub02-3 .vision01 {padding:50px 30px 50px;}
    .sub02-3 .vision01 .vision_dev li .txt {padding:18px 18px; min-height:113px; font-size:18px;}
    /* sub04-1 */
    .sub04-1 .container_01 {padding: 0 30px;}
    .sub04-1 .img-left {padding-right:30px; padding-left:25px;}
    .sub04-1 .img-right {padding-left:30px; padding-right:25px;}
    .sub04-1 .ceo-txt {padding-right:25px;}
    .sub04-1 .bg-grey .ceo-txt {padding-left:25px;}
}
@media all and (max-width: 1100px) {
    .sub-page {font-size:14px; line-height:1.65;}
    /* °øÅë */
    .sub-page h4 {font-size:20px; line-height:1.65;}
    .sub-page h5 {font-size:22px; line-height:1.65;}
    .sub-page p {font-size:16px; line-height:1.65;}
    /* ¼­ºêÆäÀÌÁö ŸÀÌƲ */
    .title-box {padding:40px 0; margin-bottom:50px;}
    .title-box h3 {font-size:32px; line-height:1.65;}
    /* ¼­ºê¸Þ´º */
    .submenu li a {padding:8px 30px; font-size:15px;}
    /* »ó´ÜÀ̹ÌÁö ½½·Î°Ç */
    .slogan-box {padding:50px 20px;}
    .slogan-box h2 {font-size:28px; line-height:1.65; padding-bottom:10px;}
    .slogan-box p {font-size:12px; line-height:1.65;}
    /* CEO Àλ縻 */
    .ceo .tit-sm {font-size:16px; line-height:1.65;}
    .ceo .tit {font-size:24px; line-height:1.65;}
    .ceo-txt {font-size:15px; line-height:1.65;}
    /* ȸ»ç¼Ò°³ */
    .company .tit {font-size:24px; line-height:1.65;}
    /* ¿¬Çõ */
    .his-left {padding-right:49%;}
    .his-right {padding-left:49%;}
}
@media all and (max-width: 976px) {
    /* sub01-1 */
    .sub01-1 .table-con .special_con {margin:0 5px;}
    .sub01-1 .table-con .special_con li span {display:block !important; margin-bottom:8px;}
    .sub01-1 .table-con .special_con li .con01 {border-right:0;}
    .sub01-1 .table-con .special_con li .con02 {width:100%; line-height:1.45;}
    .sub01-1 .list-box5 li {margin-top:12px; margin-right: 2%; width:49%; height:250px;}
    .sub01-1 .list-box5 li:nth-child(2n) {margin-right:0;}
    .vertical-line {height:30px;}
    /* sub02-3 */
    .sub02-3 .vision01 {padding:50px 20px 50px;}
    /* sub03-2 */
    .recipe-wrap .recipe-con {}
    .container-re div:nth-child(4n) .recipe-con {margin-right:1.5%;}
    .container-re div:nth-child(3n) .recipe-con {margin-right:0;}
    /* sub04-1 */
    .snip1273 {width:100%; margin:0 0 4% 0;}
    .snip1273 .fig {opacity:1; background: rgba(0,0,0,0.35);}
    .snip1273.zero {height:345px;}
    .snip1273 img {width:70%;}
    .sub-top-01 {height:450px;}
    .sub-top-02 {height:450px;}
    .sub-top-03 {height:450px;}
    .sub-top-04 {height:450px;}
    .sub-top-05 {height:450px;}
    .sub-top-06 {height:450px;}
    /* sub04-1 */
    .sub04-1 .img-right {width:100%; padding: 0 30px;}
    .sub04-1 .img-left {width:100%; padding: 0 30px; order:2; display:flex;}
    .sub04-1 .ceo-txt {text-align:center; width:100%; padding:0 30px; margin:30px 0 0;}
    .sub04-1 .ceo-txt .tit {font-size:24px; padding-bottom:12px;}
    .sub04-1 .bg-grey {padding:60px 0 45px;}
    .sub04-1 .bg-grey .ceo-txt {order:1;}
    .sub04-1 .ceo-txt p.con {font-size:0.9em;}
    .sub04-1 .lg-bottom {margin-bottom:40px;}
    .sub04-1 .lg-bottom2 {margin-bottom:55px;}
}
@media all and (max-width: 768px) {
    .view_mo {display:none;}
    /* ¿©¹é */
    .lg-bottom {margin-bottom:80px;}
    /* °øÅë */
    .sub-page h4 {font-size:18px; line-height:1.65;}
    .sub-page h5 {font-size:16px; line-height:1.65;}
    /* ¼­ºê¸Þ´º */
    .submenu ul {padding:10px;}
    .submenu li {border-left:0; position:relative;}
    .submenu li a {padding:2px 10px; font-size:13px;}
    .submenu li:after {transform:rotate(25deg); content:''; display:inline-block; width:1px; height:10px; background:#b3bccf; position:absolute; top:8px; right:-1px;}
    .submenu li:last-child {border-right:0 !important;}
    .submenu li:last-child:after {display:none;}
    .submenu li a.active {background:none; color:#FFF;}
    .submenu li a:hover {background:none; color:#FFF;}
    /* »ó´ÜÀ̹ÌÁö ½½·Î°Ç */
    .slogan-box {padding:40px 20px;}
    .slogan-box h2 {font-size:24px; line-height:1.65; padding-bottom:10px;}
    /* ¼­ºêÆäÀÌÁö ŸÀÌƲ */
    .title-box {padding:30px 0; margin-bottom:30px;}
    .title-box h3 {font-size:28px; line-height:1.65;}
    .title-box p {font-size:14px !important;}
    /* ȸ»ç¼Ò°³ */
    .company .txt {width:100%;}
    /* CEO Àλ縻 */
    .ceo .tit-sm {font-size:13px; line-height:1.65;}
    .ceo .tit {font-size:20px; line-height:1.65;}
    /* ¿¬Çõ */
    .year-box {text-align:left;}
    .year-box .tit-year {padding:8px 24px; font-size:16px;}
    .history-box {background:none; padding-bottom:50px;}
    .history-box:last-child {padding-bottom:0;}
    .history-box .his-list {width:100%; display:block; padding:20px 0; border-bottom:1px solid #DDD;}
    .his-left {text-align:left; padding-right:0%;}
    .his-left dt {float:left !important;}
    .his-right {padding-left:0%;}
    .his-arrow {display:none;}
    .his-txt .his-year {font-size:17px;}
    .his-txt {width:100%;}
    .his-txt dt {width:15%;}
    .his-txt dd {width:85%;}
    /* ¿À½Ã´Â ±æ */
    .map .map_img {height:300px;}
    .address li .tit {width:25%; padding:15px; }
    .address li .txt {width:72%; padding:15px;}
    /* »ç¾÷ºÐ¾ß */
    .business .box-wrap li {width:48%; margin:1% !important; padding-bottom:30px;}
    .business .box-wrap > .box dt {font-size:16px; line-height:1.65; color:#876340; padding:5px 0;}
    /* ÀÎÁõ¼­ */
    .certificate li {width:45%; margin:1% !important;}
    .certificate li p {font-size:14px; line-height:1.65;}
    /* ÆÄÆ®³Ê */
    .partner li {width:48%; margin:1% !important;}
    .partner li p {font-size:14px; line-height:1.65;}
    /* »ç¾÷ºÐ¾ß3 */
    .list-img li {width:49%; margin-right:2%; margin-bottom:50px; float:left;}
    .list-img li:nth-child(2n+2) {margin-right:0% !important;}
    .list-img li:nth-child(3n+3) {margin-right:2%;}
    /* ÁÖ¿äÇöȲ */
    .company-info {padding:60px 40px;}
    /* ÁÖ¿äÇöȲ ¹Ú½ºµðÀÚÀÎ */
    .list-box5 li {color:#333; width:33%; margin-bottom:0.5%; padding:30px 0;}
    .sub-page h5 {font-size:22px;}
    .sub-top-02 {height:350px;}
    /* sub01-1 */
    .sub01-1 .table-con .table .table01 .photo .text01 {font-size:1.55em;}
    .sub01-1 .table-con .table .table01 .photo .text02 {font-size:2.6em;}
    .vertical-line {margin:10px auto;}
    .sub01-1 .company .half-bg {height:530px;}
    /* sub04-1 */
    .sub01-1.sub01-4 .table-con .vid iframe {height:350px;}
    /* sub02-3 */
    .sub02-3 .vision01 {padding:50px 30px 50px;}
    .sub02-3 .vision01 .vision_dev li {width:48.5%; margin:0 3% 3% 0%;}
    .sub02-3 .vision01 .vision_dev li.second {margin: 0 0 3% 0;}
    .sub02-3 .vision01 .vision_dev li.fourth {margin: 0 0 3% 0;}
    .sub02-3 .vision01 .vision_dev li .txt {min-height:86px; font-size:17px;}
    .sub02-3 .vision01 .vision_dev li.first .img {height:200px;}
    .sub02-3 .vision01 .vision_dev li.second .img {height:200px;}
    .sub02-3 .vision01 .vision_dev li.third .img {height:200px;}
    .sub02-3 .vision01 .vision_dev li.fourth .img {height:200px;}
    /* sub03-1 */
    .sub03-1 .tea-wrap .tea01 .img {height:400px;}
    .sub03-1 .tea-wrap .tea01 .img .img01 {width:300px; margin-bottom:20px;}
    .sub03-1 .tea-wrap .tea01 .img .con {margin-top:-164px;}
    .sub03-1 .tea-wrap .tea01 .img .span01 {font-size:1.05em; line-height:1.5;}
    /* sub03-2 */
    .pop-layer {width:94%; top:50%;}
    .layer1-wrap {padding:20px;}
    .recipe-wrap .recipe-con {width:100%;}
    .recipe-wrap .recipe-con .name {opacity:1; position:absolute; padding:15px; bottom:0; height:auto;}
    /* sub03-3 */
    .sub03-3 #tea_group .table-wrap h2 {font-size:23px;}
    /* sub04-1 */
    .snip1273 {width:100%; margin: 0 0 3% 0;}
    .snip1273 .fig .txt-wrap {font-size:0.83em;}
}
@media all and (max-width: 480px) { 
    /* ¼­ºêÆäÀÌÁö ŸÀÌƲ */
    .title-box {padding:40px 0 30px 0; margin-bottom:30px;}
    .title-box h3 {font-size:25px; line-height:1.65;}
    /* ȸ»ç¼Ò°³ */
    .company .tit {font-size:18px; line-height:1.65;}
    .company .img {padding-bottom:25px;}
    /* CEO Àλ縻 */
    .ceo .tit-sm {padding:10px 0;}
    .img-left {width:100%; padding-right:0px;}
    .img-right {width:100%; padding-top:10px; padding-left:0px;}
    .ceo-txt {float:left; width:100%;}
    .ceo_sign {display:block; padding-top:30px; font-size:92%; color:#888;}
    .ceo_sign img {padding-left:10px;}
    /* ¿À½Ã´Â ±æ */
    .map .map_img {height:250px;}
    .address li {padding:15px;}
    .address li .tit {width:100%; display:inline-block; background:#FFF; padding:0; padding-bottom:5px;}
    .address li .tit i {margin-right:7px;}
    .address li .txt {width:100%; display:inline-block; padding:0;}
    /* »ç¾÷ºÐ¾ß */
    .business .box-wrap li {width:100%; margin:0% !important; padding-bottom:30px;}
    /* ¾÷¹«¿µ¿ª */
    .work dl {width:100%; padding-top:20px;}
    .work dt {color:#000; font-weight:500; font-size:110%;}
    .work dd {padding-bottom:30px;}
    .work dd:last-child {padding-bottom:0;}
    /* ÀÎÁõ¼­ */
    .certificate li {width:100%; margin:0% !important; padding-bottom:30px;}
    /* »ç¾÷ºÐ¾ß2 */
    .list-img-2 li {width:100%; margin-right:0%;}
    .list-img-2 li:last-child {margin-bottom:0%;}
    /* »ç¾÷ºÐ¾ß3 */
    .list-img li {width:100%; margin-right:0%;}
    .list-img li:last-child {margin-bottom:0%;}
    /* ÁÖ¿äÇöȲ */
    .company-info {padding:50px 20px;}
    /* ÁÖ¿äÇöȲ ¹Ú½ºµðÀÚÀÎ */
    .list-box5 li {width:100%; margin-bottom:5px;}
    .list-box5 li:nth-child(3n+3) {margin-right:0;}
    .sub-top-01, .sub-top-02, .sub-top-03, .sub-top-04, .sub-top-05, .sub-top-06 {height:330px;}
}