.main_visual {}
.main_visual img {max-width:100%;}



.main_section01 {}

.main_box {margin-top:50px;}
.main_box_title {text-align:center;}
.main_box_title h3 {font-size:30px; color:#333333; font-weight:bold; margin-bottom:10px; letter-spacing:-1px; }
.main_box_title p {font-size:18px; color:#9a9a9a; letter-spacing:-1px; line-height:140%;}
.main_box ul {display:flex; justify-content: space-between;}
.main_box li {width:20%; text-align:center;  box-sizing:border-box; position:relative; color:#FFF; text-align:center;}
.main_box li:nth-child(1) {order:3;}
.main_box li:nth-child(2) {order:1;}
.main_box li:nth-child(3) {order:2;}
.main_box li:nth-child(4) {order:4;}
.main_box li:nth-child(5) {order:5;}

.main_box li a {border-radius:100%; display:inline-block; width:160px; height:160px; padding-top:10%;}
.main_box li:nth-child(2) a {background:#ffedc6;}
.main_box li:nth-child(3) a {background:#fff9a8;}
.main_box li:nth-child(4) a {background:#dbfec6;}
.main_box li:nth-child(5) a {background:#c6f7f8;}

.main_box li h3 {font-size:18px; color:#333333; letter-spacing:-1px;} 



@media (max-width:900px) { 

.main_box li {width:25%;}
.main_box li:nth-child(1) {display:none;}
.main_box li a {width:100px; height:100px;}
.main_box li img {height:60px;}
.main_box li h3 {font-size:12px; color:#333333; letter-spacing:-1px;} 

}

@media (max-width:650px) { 

.main_box li {width:25%;}
.main_box li:nth-child(1) {display:none;}
.main_box li a {width:80px; height:80px;}
.main_box li img {height:50px;}
.main_box li h3 {font-size:12px; color:#333333; letter-spacing:-1px;} 

}





.main_board {display:flex; flex-wrap:wrap; clear:both; position:relative; z-index:9; padding-top:25px;}


/*°øÁö»çÇ×*/
.main_notice {width:100%; padding-left:635px; position:relative; max-width:1920px; margin:0 auto; min-height:413px; background:#fcfcfc; padding-top:40px; box-sizing:border-box; padding-right:0px;}
.main_notice_title {position:absolute; width:600px; background:url(../img/main_notice_bg.png) no-repeat; height:413px; left:0; top:0; display:flex; justify-content:end;}
.main_notice_title div {padding-right:65px; padding-top:120px;}
.main_notice_title div h3 {font-size:32px; font-weight:bold; margin-bottom:25px; position:relative;}
.main_notice_title div h3:before {content:""; background:url(../img/notice_quote.png) no-repeat; width:28px; height:19px; display:block; position:absolute; top:-30px;}
.main_notice_title div p {font-size:18px; color:#333333;}
.item_inner {border:1px solid #d6d6d6;  padding:35px; text-align:left; width:295px; box-sizing:border-box; background:#FFF; box-shadow: 2px 2px 5px rgba(0,0,0,0.1);}
.item_inner .ca_name {font-size:14px;color:#3c3c3c; background:#ffef22; display:inline-block; padding:0px 10px; margin-bottom:10px;}
.item_inner .wr_subject {font-size:20px; color:#333333; margin-bottom:15px; height:2.8em; line-height:1.4em;  font-weight:bold; display:block; overflow: hidden; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} 
.item_inner .wr_desc {font-size:16px; color:#666666; margin-bottom:10px; display:block; overflow: hidden; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height:2.8em; line-height:1.4em; } 
.item_inner .wr_date {font-size:16px; color:#666666;} 

.main_news_list .owl-next {position:absolute; left:-150px; width:46px; height:44px; bottom:-10px; background:url(../img/bg_direction_nav2_ov.png) no-repeat right 0; text-indent:5000px; overflow:hidden;}
.main_news_list .owl-prev {position:absolute; left:-200px; width:46px; height:44px; bottom:-10px; background:url(../img/bg_direction_nav2_ov.png) no-repeat; text-indent:5000px; overflow:hidden;}
.main_news_list .owl-next:hover {background:url(../img/bg_direction_nav2.png) no-repeat right 0;}
.main_news_list .owl-prev:hover {background:url(../img/bg_direction_nav2.png) no-repeat;}

.main_product_list .owl-next {position:absolute; left:-210px; width:46px; height:44px; top:170px; background:url(../img/bg_direction_nav2_ov.png) no-repeat right 0; text-indent:5000px; overflow:hidden;}
.main_product_list .owl-prev {position:absolute; left:-264px; width:46px; height:44px; top:170px; background:url(../img/bg_direction_nav2_ov.png) no-repeat; text-indent:5000px; overflow:hidden;}
.main_product_list .owl-next:hover {background:url(../img/bg_direction_nav2.png) no-repeat right 0;}
.main_product_list .owl-prev:hover {background:url(../img/bg_direction_nav2.png) no-repeat;}

.main_product_list .sct_img {border:1px solid #d9d9d9;}
.main_product_list .sct_img img {max-width:100%; height:auto;}
.main_product_list .sct_txt {font-size:18px; color:#333333; text-align:center; margin-top:10px;}
.main_product_list .sct_cost {font-size:18px; color:#333333; text-align:center; font-weight:bold;}


.main_coffee {padding-left:275px; position:relative; margin-top:120px; background:url(../img/main_coffee_bg.png) no-repeat 0 bottom; padding-bottom:100px;}
.main_coffee_title {position:absolute; left:0; top:0;}
.main_coffee_title h3 {font-size:36px; color:#333333; font-weight:bold; padding-left:5px; font-family: 'JalnanGothic'; line-height:140%; }
.main_coffee_title h3 img {position:relative; left:-5px; margin-bottom:5px; width:130px;}


@media (max-width:900px) { 

.main_coffee {background-position:right top; background-size:100px; background:none;}
.main_coffee_title {position:relative; margin-bottom:20px;}
.main_coffee_title h3 img {width:130px;}
.main_coffee_title h3 {font-size:26px;}


.main_product_list .sct_txt {font-size:16px; color:#333333; text-align:center; margin-top:10px; line-height:1.4em;}
.main_product_list .sct_cost {font-size:14px; color:#333333; text-align:center; font-weight:bold;}

.main_product_list .owl-next {position:absolute; left:auto; right:0; width:46px; height:44px; top:-60px; background:url(../img/bg_direction_nav2_ov.png) no-repeat right 0; text-indent:5000px; overflow:hidden;}
.main_product_list .owl-prev {position:absolute; left:auto; right:50px; width:46px; height:44px; top:-60px; background:url(../img/bg_direction_nav2_ov.png) no-repeat; text-indent:5000px; overflow:hidden;}
.main_product_list .owl-next:hover {background:url(../img/bg_direction_nav2.png) no-repeat right 0;}
.main_product_list .owl-prev:hover {background:url(../img/bg_direction_nav2.png) no-repeat;}

}

.main_nuts {background:#fffaed; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding-top:120px;}
.main_nuts .at-container {padding-left:275px; background:url(../img/main_nuts_bg.png) no-repeat 0 bottom; padding-bottom:100px;}
.main_nuts_title {position:absolute; left:0; top:0;}
.main_nuts_title h3 {font-size:36px; color:#333333; font-weight:bold; padding-left:5px; font-family: 'JalnanGothic'; line-height:140%; }
.main_nuts_title h3 img {position:relative; left:-5px; margin-bottom:5px; width:130px;}


@media (max-width:900px) { 

.main_nuts { padding-top:50px; padding-bottom:30px;}
.main_nuts .at-container {padding-left:0px; padding:0 20px; background-position:right top; background-size:170px; background:none;}
.main_nuts_title {position:relative; margin-bottom:20px;}
.main_nuts_title h3 img {width:130px;}
.main_nuts_title h3 {font-size:26px;}
}


@media (max-width:900px) { 

.main_notice {padding-left:0; padding:0 20px;}
.main_notice_title {position:relative; width:100%; height:auto; background:none; justify-content:center; padding-top:50px; margin-bottom:20px;}
.main_notice_title div {padding-right:0; padding-top:0px; text-align:center;}
.main_notice_title div h3 {font-size:20px;  margin-bottom:0px;}
.main_notice_title div h3:before {display:none;}
.main_notice_title div p {font-size:14px; color:#333333;}
.main_notice_title div p br {display:none;}

.item_inner  {padding:20px; width:auto;}
.item_inner .ca_name {font-size:12px;}
.item_inner .wr_subject {font-size:16px; margin-bottom:10px; line-height:1.3em;} 
.item_inner .wr_desc {font-size:13px; color:#666666; margin-bottom:10px; line-height:1.4em;} 
.item_inner .wr_date {font-size:13px; color:#666666;} 


.main_coffee {margin-top:50px; padding-left:0; padding:20px;}


}





.main_customer {width:33%; background:#FFF; padding:10px 30px 20px 30px; border-radius:10px; margin-right:1%;}
.main_customer h3 {font-size:18px; color:#333333; font-weight:bold; display:inline-block;  padding-bottom:10px;letter-spacing:-1px;} 

.main_tel_box {background:url(../img/main_tel_icon.png) no-repeat; padding-left:70px; margin-top:10px; height:55px;}
.main_tel_box h4 {font-size:14px; color:#333333; margin:5px 0; font-weight:bold;} 
.main_tel_box h5 {font-size:24px; color:#000000; line-height:130%; font-weight:bold;}


.main_huwon {width:40%; background:#FFF; padding:10px 30px 20px 30px; border-radius:10px; margin-right:1%;}
.main_huwon h3 {font-size:18px; color:#333333; font-weight:bold; display:inline-block;  padding-bottom:10px;  letter-spacing:-1px;} 
.main_huwon h3.last {margin-top:20px;}
.main_huwon h4 {font-size:24px; color:#333333; margin:5px 0; font-weight:bold;} 
.main_huwon h5 {font-size:14px; color:#000000; line-height:130%; font-weight:bold;}
.main_bank_box {background:url(../img/main_bank_icon.png) no-repeat; padding-left:200px;}
.main_bank_box h4 {font-size:24px; color:#333333; margin:5px 0; font-weight:bold; margin-top:10px;} 
.main_bank_box ul {display:flex; flex-wrap:wrap;}
.main_bank_box ul li {width:50%; font-size:14px; padding-left:10px; color:#000000; background:url(../img/main_list_bullet.png) no-repeat 0 11px;  line-height:160%; letter-spacing:-1px;}
.main_bank_box ul li span {margin-right:10px;}
.main_bank_box ul li span.nh {}

.main_time {width:25%; background:#FFF; padding:10px 30px 20px 30px; border-radius:10px;}
.main_time h3 {font-size:18px; color:#333333; font-weight:bold; display:inline-block;  padding-bottom:10px; letter-spacing:-1px;} 
.main_time h3.last {margin-top:20px;}
.main_time_box {background:url(../img/main_time_icon.png) no-repeat 0px 0px; padding-left:70px; margin-top:10px; height:55px; padding-top:0px; margin-bottom:30px;}
.main_time_box h4 {font-size:14px; color:#000; font-weight:normal; margin-top:10px; line-height:160%;} 



@media (max-width:900px) { 

.main_customer {width:100%; border-bottom:1px solid #eee;}
.main_huwon {width:100%; border-bottom:1px solid #eee;}
.main_time {width:100%;}

.main_bank_box {background-size:100px; padding-left:120px;}

}