@charset "utf-8";

body{background:#f7f7f8;font-family:'Nanum Barun Gothic', sans-serif;}
input,select,textarea{font-family:'Nanum Barun Gothic', sans-serif;}

#main_header{height:152px;padding-top:47px;background:#fff;box-sizing:border-box;text-align:center;}
#main_header h1{width:146px;height:50px;margin:0 auto 10px;}
#main_header P{font-size:17px;font-weight:bold;color:#363a41;line-height:27px;}
#main_login{}
#login_bg_wrap{position:relative;padding-top:84px;}
#login_bg_wrap:before{content:"";position:absolute;top:0;left:0;z-index:1;width:100%;height:410px;background:url('../img/main/img_top_bg1.jpg') no-repeat center top;background-size:cover;}
#login_bg_wrap:after{content:"";position:absolute;top:0;left:0;z-index:2;width:100%;height:410px;background:rgba(0,0,0,.5);}
#login_bg{position:relative;z-index:3;width:700px;margin:0 auto;padding:53px 0 129px;background:#fff;box-shadow:0 4px 20px 0 rgba(0, 0, 0, 0.2);}
#login_bg dl dt{margin-bottom:23px;font-size:40px;font-weight:bold;color:#363a41;text-align:center;line-height:1.3;}
#login_bg dl dd{margin-bottom:45px;font-size:20px;color:#363a41;line-height:27px;text-align:center;}
#login_bg dl dd strong{font-weight:bold;}
.login_item2{width:420px;margin:0 auto;}
.login_item2 .input-text input{display:block;width:100%;height:40px;padding:0 20px;background:#fff;border:1px solid #999faa;border-radius:20px;outline:none;}
.login_item2 .input-text input + input{margin-top:11px;}
.login_item2 .input-text input::placeholder{font-size:12px;color:#999faa;line-height:28px;}
#login_input_btn_wrap{margin-top:20px;}
#login_input_btn_wrap .login_btn{display:block;height:50px;padding-top:12px;background:#67d124;border-radius:25px;font-size:20px;font-weight:bold;color:#fff;text-align:center;box-sizing:border-box;line-height:28px;cursor:pointer;}
#id_save_search{margin-top:20px;padding-top:10px;border-top:1px solid #d1d8e4;}
#id_save_search:after{content:"";display:block;clear:both;}
#id_save_div{float:left;}
.checkbox-wrap{position:relative;}
.checkbox-wrap input{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}
.checkbox-wrap span{display:block;padding-left:35px;background:url('../img/main/icon_checkbox_off1.svg') no-repeat left top;background-size:25px 25px;font-size:14px;color:#333;line-height:25px;}
.checkbox-wrap input:checked + span{background-image:url('../img/main/icon_checkbox_on1.svg');}
#id_search_div{float:right;font-size:0;}
#id_search_div span{display:inline-block;font-size:14px;color:#333;line-height:25px;cursor:pointer;}
#id_search_div span + span{margin-left:10px;}
#join_btn_wrap{position:absolute;bottom:0;left:0;width:100%;height:78px;background:#363a41;text-align:center;}
#join_btn_wrap a{display:block;width:100%;height:100%;padding-top:28px;font-size:20px;font-weight:200;color:#fff;line-height:25px;text-align:center;}
#join_btn_wrap a strong{font-weight:bold;}
#join_btn_wrap a:after{content:"";display:inline-block;width:8px;height:16px;margin:4px 0 0 10px;background:url('../img/main/icon_right1.svg') no-repeat center center;background-size:8px 16px;vertical-align:top;}

/* 식봄 장점 */
#main_advantage{margin:62px 0 50px;}
#circle_top_title{margin-bottom:21px;font-size:40px;font-weight:300;color:#363a41;text-align:center;line-height:1.3;}
#circle_top_title .icon{position:relative;}
#circle_top_title .icon:before{content:"";position:absolute;top:-2px;left:-22px;width:22px;height:15px;background:url('../img/main/icon_sprout1.svg') no-repeat center center;background-size:22px 15px;}
#circle_wrap{text-align:center;}
#circle_wrap .circle_item{display:inline-block;width:224px;}
#circle_wrap .circle_item .pic{display:block;overflow:hidden;width:123px;height:123px;margin:0 auto 29px;background:#fff;border-radius:123px;text-indent:-9999em;}
#circle_wrap .circle_item dl{margin-bottom:0;}
#circle_wrap .circle_item dt{margin-bottom:14px;font-size:24px;font-weight:bold;color:#363a41;text-align:center;line-height:27px;}
#circle_wrap .circle_item dd{font-size:16px;color:#363a41;text-align:center;line-height:24px;}
#circle_wrap .circle_item.item1 .pic{background:url('../img/main/icon_advantage1.svg') no-repeat center center #fff;}
#circle_wrap .circle_item.item2 .pic{background:url('../img/main/icon_advantage2.svg') no-repeat center center #fff;}
#circle_wrap .circle_item.item3 .pic{background:url('../img/main/icon_advantage3.svg') no-repeat center center #fff;}
.btn_download{padding-top:39px;}
.btn_download a{display:block;width:400px;height:60px;margin:0 auto;padding-top:20px;background:#fff;border-radius:15px;box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2);font-size:20px;font-weight:bold;color:#363a41;line-height:23px;text-align:center;}
.btn_download a:after{content:"";display:inline-block;width:8px;height:16px;margin:2px 0 0 8px;background:url('../img/main/icon_right3.svg') no-repeat center center;vertical-align:top;}

/* Copyright */
#main_contact{padding:57px 0 59px;background:#fff;}
#contact_logo{width:120px;height:41px;margin:0 auto 39px;}
#contact_logo img{display:block;width:100%;}
#main_contact dl{margin-bottom:0;text-align:center;}
#main_contact dl dt{margin-bottom:0;font-size:20px;font-weight:normal;color:#363a41;line-height:1.3;}
#main_contact dl dd strong{display:block;margin-bottom:15px;font-size:40px;font-weight:bold;color:#363a41;line-height:1.3;}
#main_contact dl dd span{display:block;font-size:20px;color:#363a41;line-height:1.3;}

/* Copyright */
#main_footer{height:62px;padding-top:24px;text-align:center;box-sizing:border-box;}
#main_footer p{font-size:12px;color:#363a41;line-height:1.3;}

/* 사이드 바로가기 */
.btn-go-market{position:fixed;top:50%;right:50%;z-index:10;width:110px;height:116px;margin:-56px -610px 0 0;padding-top:82px;background:url('../img/main/icon_foodspring1.svg') no-repeat center 16px #fff;background-size:57px 58px;border-radius:15px;box-shadow:0 4px 20px 0 rgba(0, 0, 0, 0.2);box-sizing:border-box;font-size:14px;font-weight:bold;color:#363a41;text-align:center;line-height:27px;}
.btn-go-market:after{content:"";display:inline-block;width:6px;height:12px;margin:6px 0 0 3px;background:url('../img/main/icon_right2.svg') no-repeat center center;background-size:6px 12px;vertical-align:top;}
.btn-go-market:active{color:#363a41;}

/* Popup */
.layer-popup .wrap{overflow:hidden;border-radius:20px;box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.5);}
.layer-popup .wrap > h2{height:60px;padding:24px 27px 0;background:#fff;border-bottom:1px solid #000;box-sizing:border-box;font-size:20px;font-weight:bold;color:#363a41;}
.layer-popup.w500 .wrap .content_table.default-datas{padding:20px 27px;}
.layer-popup.w500 .wrap .content_table.default-datas > p{font-size:14px;color:#363a41;}
.layer-popup .wrap .form-control{height:40px;padding:0 20px;border:1px solid #999faa;border-radius:20px;font-size:12px;}
.layer-popup .wrap .form-control::placeholder{font-size:12px;color:#999faa;}
.layer-popup .wrap .form-control:focus{box-shadow:none;}
.layer-popup .wrap > a.btn-close{position:absolute;top:21px;right:28px;width:19px;height:20px;background:url('../img/main/btn_close1.svg') no-repeat center center;background-size:19px 20px;}
.layer-popup .wrap > a.btn-close img{display:none;}
.layer-popup .wrap .btn-area{font-size:0;}
.layer-popup .wrap .btn-area .btn-info{width:85px;height:40px;padding-top:9px;background:#d1d8e4;border-radius:20px;font-size:14px;font-weight:bold;color:#363a41;text-align:center;}
.layer-popup .wrap .btn-area .btn-primary{width:85px;height:40px;padding-top:9px;background:#363a41;border-radius:20px;font-size:14px;font-weight:bold;color:#fff;text-align:center;}
.layer-popup .wrap .btn-area .btn + .btn{margin-left:10px;}


/* =================================================
	* Media Query
================================================= */
@media only screen and (max-width:1350px) {
    .btn-go-market{right:50px;margin-right:0;}
}