@charset "utf-8";

/* mv */
#mv{width:590px; margin:0 auto;}
#mv .mv_slide ul li img{width:100%; height:762px;}
#mv .mv_slide .bx-wrapper{position:relative;}
#mv .mv_slide .bx-pager{position:absolute; top:11px; right:12px; font-size:0;z-index:99;}
#mv .mv_slide .bx-pager > div{display:inline-block; margin-right:5px; vertical-align:top;}
#mv .mv_slide .bx-pager > div:last-of-type{margin-right:0;}
#mv .mv_slide .bx-pager > div a{width:12px; height:12px; border-radius:50%; background:#887e6e; display:block; font-size:0; text-indent:-9999px;}
#mv .mv_slide .bx-pager > div a.active{background:#3b362f;}

.tit p{text-align:center; font-size:33px; line-height:1; letter-spacing:-0.01em; color:#000; font-weight:600;}
.tit p span{color:#a3d28c;}

/* main01 */
.main01{width:590px; margin:60px auto 45px;}
.main01_con{margin-top:50px;}
.main01_bx ul{overflow:hidden; margin:0;}
.main01_bx ul li{float:left; width:275px; margin-right:40px; position:relative;}
.main01_bx ul li:nth-of-type(2n){margin-right:0;}
.main01_bx ul li a{display:block; text-align:center;}
.main01_bx ul li a img{width:275px; height:275px;}
/*
.main01_bx ul li a p{padding:25px 0 60px; font-size:22px; line-height:1; letter-spacing:-0.05em; color:#000; font-weight:600;}
.main01_bx ul li a p span{display:block; font-size:17px; line-height:1; letter-spacing:0; margin-bottom:10px;}
*/
.main01_bx ul li a p{padding:25px 0 60px; font-size:19px; line-height:25px; letter-spacing:-0.05em; color:#000; font-weight:500;}
.main01_bx ul li a p span{display:block; font-size:19px; line-height:1; letter-spacing:0; margin-bottom:10px;font-weight:700;}
.main01_bx ul li > span{position:absolute; width:58px; height:58px; line-height:54px; box-sizing:border-box; text-align:center; font-size:18px; letter-spacing:0; font-weight:700; top:10px; left:24px; border-radius:50%; }
.main01_bx ul li > span.pick{color:#ff8651;}
.main01_bx ul li > span.new{color:#a3d28c;}
.main01_bx .bx-wrapper{position:relative;}
.main01_bx .bx-pager{position:absolute; top:-70px; right:12px; font-size:0;}
.main01_bx .bx-pager > div{display:inline-block; margin-right:5px; vertical-align:top;}
.main01_bx .bx-pager > div:last-of-type{margin-right:0;}
.main01_bx .bx-pager > div a{width:12px; height:12px; border-radius:50%; background:#887e6e; display:block; font-size:0; text-indent:-9999px;}
.main01_bx .bx-pager > div a.active{background:#3b362f;}

/* main02 */
.main02{background:#f3f9f0; padding:28px 0 48px;}
.main02 .main02_con{width:590px; margin:0 auto;}
.main02 .main02_con .main02_img{height:315px;}
.main02 .main02_con .main02_img img{width:100%; height:315px;}
.main02 .main02_con .txt{margin-top:50px; text-align:center;}
.main02 .main02_con .txt p{font-size:20px; line-height:1; letter-spacing:-0.01em; color:#000; font-weight:700;}
.main02 .main02_con .txt .txt_bar{width:24px; height:3px; margin:25px auto 25px; background:#a3d28c;}
.main02 .main02_con .txt h4{font-size:35px; line-height:1.2; letter-spacing:-0.03em; color:#000; font-weight:500; margin:0; padding-bottom:40px;}
.main02 .main02_con .txt span{font-size:22px; line-height:40px; letter-spacing:-0.05em; color:#3f3f3f; font-weight:500; display:block;}

/* 20211108 css추가*/

.main03{width:590px; margin:60px auto 45px;}
.main03 .tit p{padding-bottom:50px}
.main03_con{margin-top:50px;}
.main03_bx ul{overflow:hidden; margin:0;padding-bottom:60px}
.main03_bx ul li{float:left; width:275px; margin-right:40px; position:relative;box-sizing:border-box;}
.main03_bx ul li:nth-of-type(n+3){margin-top:40px}
.main03_bx ul li:nth-of-type(2n){margin-right:0;}
.main03_bx ul li{display:block; text-align:center;}
.main03_bx ul li .img_box{position:relative; padding:50% 0; overflow:hidden; width:100%; box-sizing:border-box; border:1px solid transparent;}
.main03_bx ul li:hover .img_box{border:1px solid #a3d28c;}
.main03_bx ul li .img_box > img{position:absolute; left:0; top:0; right:0; bottom:0; max-width:100%; max-height:100%; margin:auto;}
.main03_bx ul li .sns{position: absolute;top:0; left:0; padding:10px}
.main03_bx ul li p{padding:25px 0 20px; font-size:19px; line-height:25px; letter-spacing:-0.05em; color:#3f3f3f; font-weight:500;}
.main03_bx ul li:hover p{color:#a3d28c;}
.main03_bx ul li span{display:block; font-size:19px; line-height:1; letter-spacing:0; margin-bottom:10px;font-weight:700;color:#000000}


.main03_bx .bx-wrapper{position:relative;}
.main03_bx .bx-pager{position:absolute; top:-70px; right:12px; font-size:0;}
.main03_bx .bx-pager > div{display:inline-block; margin-right:5px; vertical-align:top;}
.main03_bx .bx-pager > div:last-of-type{margin-right:0;}
.main03_bx .bx-pager > div a{width:12px; height:12px; border-radius:50%; background:#887e6e; display:block; font-size:0; text-indent:-9999px;}
.main03_bx .bx-pager > div a.active{background:#3b362f;}