@charset "utf-8";
/* CSS Document */

/*mypage*/
#mypage_toparea { position:relative; height:525px; background:url(../images/mypage/main_bg.png) no-repeat; line-height:1.5em;}
.my_title {position:absolute; left:390px; top:156px;}
.my_title p {margin-bottom:5px;}
.level_img {position:absolute; left:50px; top:335px;}
.level02 { position:absolute; left:130px; top:-50px;}
.level03 { position:absolute; left:320px; top:0;}
.level_btn {position:absolute; left:100px; top:125px;}
.my_level {position:absolute; left:490px; top:258px; width:400px;}
.my_level ol { height:110px;}
.txt_width01 {width:50px; display:inline-block;}
.txt_width02 {width:300px; display:inline-block;}
.txt_width03 {width:50px; display:block; float:left;}
.my_level ol {margin-bottom:50px;}
.my_level li span {margin-right:20px;}
.bean_point {position:absolute; left:925px; top:290px;}
.bean_point_txt {font-weight:bold; text-align:center; margin-top:10px;}
.bean_point_txt a{color:#000;}
#mypage_content {margin-top:40px; min-height:260px; background-color:#fff; border:1px solid #c1cdd7; padding:0 20px;}

#left_menu {width:156px; height:250px; float:left; margin-top:20px;}
#left_menu > ul li { background:url(../images/mypage/left_menu.png) no-repeat;}
#left_menu > ul li:hover { background-position:-156px 0;}

#left_menu .menu01 { width:156px; height:36px;}
#left_menu .menu01:hover { background-position:-156px 0;}
#left_menu .menu02 { width:156px; height:34px; background-position:0 -36px;}
#left_menu .menu02:hover { background-position:-156px -36px;}
#left_menu .menu03 { width:156px; height:34px; background-position:0 -70px;}
#left_menu .menu03:hover { background-position:-156px -70px;}
#left_menu .menu04 { width:156px; height:35px; background-position:0 -104px;}
#left_menu .menu04:hover { background-position:-156px -104px;}
#left_menu .menu05 { width:156px; height:37px; background-position:0 -139px;}
#left_menu .menu05:hover { background-position:-156px -139px;}
#left_menu .menu06 { width:156px; height:34px; background-position:0 -176px;}
#left_menu .menu06:hover { background-position:-156px -176px;}
#left_menu .menu07 { width:156px; height:40px; background-position:0 -210px;}
#left_menu .menu07:hover { background-position:-156px -210px;}
.blind_link{display: inline-block;width:100%; height:36px; line-height:500px; overflow:hidden;}

#info_list {width:816px; margin-left:225px;}
.info_order, .info_cart, .info_coupon {margin-top:25px;}
#info_list p {margin-bottom:10px;}

.cont_list {border-top:2px solid #136bb1;}
.cont_list th {height:35px; background-color:#e9e9ea;}
.cont_center td {text-align:center;}
.cont_list td {padding:10px 0 10px 10px;  border-bottom:1px solid #d6d6d6; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.cont_list td > a { display:block; color:#242424;}
.cont_list td > a .m_b5 {margin-bottom:5px;}
.cont_list td > .txt_block {display:block; text-decoration:underline; color:#39F; line-height:1.5em;}
#info_list .mypagae_banner {margin-top:100px;}
.mypagae_banner a:first-child { margin-right:16px;}

/*2015.02.06 수정*/
.order_list { width:100%; border-top:2px solid #136bb1;}
.order_list thead {height:28px; background-color:#ebf7fa;}
.order_list td {padding:10px 0 10px 10px; border-bottom:1px solid #d6d6d6; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.order_list td > a {display:block; color:#242424;}
.order_list td > .txt_block {color:#39f; text-decoration:underline;}
.order_list td > .again {color:#b3960e; font-size:0.9em; margin-top:3px;}
.order_list td > span {display:block;}
.border_r {border-right:1px solid #d6d6d6;}


.delivery_sum {height:40px; background-color:#f0f4f8; text-align:center; line-height:40px;}
.delivery_sum img {vertical-align:middle;}
.order_btns {text-align:center; margin-top:30px;}

.s_txt {width:815px; line-height:1.8em; margin:30px 0;}
.s_tit {margin-bottom:10px; font-weight:bold;}
.s_txt table, .s_form table{ border-top:5px solid #136bb1; border-bottom:1px solid #136bb1;}
.s_txt th, .s_form th { width:150px; color:#618daf; text-align:left;}
.s_txt td {color:#818181;}
.s_txt td, .s_txt th, .s_form td, .s_form th {padding:10px 10px 10px 25px; border-top:1px solid #dedede;}
.s_form td input {padding:3px 5px;}
.btn_s_ok {text-align:center; padding:35px 0;}
/*2015.03.11 추가*/
.review_btn {margin-top:10px;}

/*recipe*/
#s_recipe { border:1px solid #bfcbd6; background-color:#fff; margin-bottom:30px;}
.top_main {position:relative; background:url(../images/recipe/top_main.png) no-repeat; width:1095px; height:484px;}
.top_main a {display:block; color:#222; font-weight:bold; margin:0px 0;}
.top_main li {float:left; margin-right:20px;}
.best_recipe {position:absolute; top:283px; left:315px;}
.best_img {position:relative; width:108px; height:108px; margin-bottom:5px; border:1px solid #cdcdcd; display:block;}
.best_icon {position:absolute;}

.recipe_list {width:700px; margin:30px 0px 30px 100px; line-height:1.5em;}
.recipe_cont { width:100%;}
.recipe_cont td {padding:0px 12px;}
.recipe_cont a { display:block; color:#242424;}
.recipe_title {font-size:1.3em; font-weight: bold;}
.recipe_cont td span {margin-right:50px;}


/*recipe 쓰기*/
.recipe_write { position:relative; background:url(../images/recipe/write_bg.png) no-repeat; width:1095px; height:847px;}
.write_box {position:absolute; top:250px; left:250px; width:600px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; padding:25px; margin:30px 0;}
.write_box td {padding:7px 10px;}
.write_box input {height:25px;}
.blog_upload {position:absolute; top:600px; left:360px;}

.post_list {width:900px; margin:0 auto 30px auto;}
.post_list table {border-bottom:1px solid #c8c8c8; border-top:1px solid #c8c8c8; margin:15px 0;}
.post_list th { padding:10px 0; background-color:#f8f8f8;}
.post_list td {border-bottom:1px solid #e2e2e2; padding:5px; text-align:center;}
.post_list td.txt_left {text-align:left;}
.post_list td > span {display:block;}
.post_list .txt_option {color:#4e6cce;}

/*회원가입*/
.term_form {border:1px solid #d0d0d0; background-color:#fff; padding:25px;}
.term_form p > img {margin:10px;}
.term_tit01 {padding:10px; border-bottom:2px solid #7e7e7e;}
.term_box {margin:10px 0 40px 0;}
.term_box p > img {width:120px;}
.term_box a > img {vertical-align:middle; padding-left:800px;}
.term_txt { width:978px; height:140px; color:#ababab; border:1px solid #d0d0d0; padding:20px; overflow-y:scroll;}
.tit_txt {margin:15px 0 30px 0;}
.term_txt > p {margin:10px;}
.agree_chk {text-align:right; font-weight:bold; margin:10px 30px 20px 0;}
.btn_agree {text-align:center; margin-bottom:30px;}

.member_info {margin-top:50px;border:1px solid #d0d0d0; background-color:#fff; padding:30px 50px;}
.info_tit {padding:10px; border-bottom:2px solid #7e7e7e;}
.info_form {width:100%;}
.info_form th { width:250px; border-bottom:1px dotted #dedede; padding:10px 10px 10px 30px; text-align:left; background:url(../images/member/bul_square.png) no-repeat 15px 15px;}
.info_form td {border-bottom:1px dotted #dedede; padding:10px;}
.info_form td input {padding:3px 5px;}
.member_addr td {border-bottom:0;}
.member_addr .tit_bul {background:url(../images/member/bul_square.png) no-repeat 15px 65px;}
.bottom_txt {text-align:center; margin:30px 0;}
.s_mail { width:100px; padding:4px 7px; display:inline-block; background-color:#CCC;}
.bg_gray {background-color:#d9d9da;}

.join_ok {border:1px solid #d0d0d0; background-color:#fff;}
.bnt_join {text-align:center; margin-bottom:50px;}

/*로그인 관련*/
.login {position:relative;}
.login_info {background:url(../images/member/login_bg.png) no-repeat; width:1097px; height:782px; margin-bottom:20px;}
.login_form input { width:250px; height:45px; background-color:#eaeaea; border:0;}
.login_form {position:absolute; top:333px; left:400px;}
.login_form p {clear:both; height:45px; margin-bottom:10px;}
.login_form p > img {display:block; float:left;}
.login_form p > input {float:left;}
.login_btn  {position:absolute; top:333px; left:720px;}
.btn_area { position:absolute; top:690px; left:265px;}
.btn_join_chk {margin-left:80px;}
.btn_joinus {margin-left:110px;}
/*아뒤비번찾기*/
.find_login {position:relative;}
.find_box {background:url(../images/member/find_bg.png) no-repeat; width:1097px; height:782px; margin-bottom:20px;}
.find_id {position:absolute; top:400px; left:210px;}
.find_id .find_btn  {position:absolute; top:-8px; left:210px;}
.find_box input { width:180px; height:15px; padding:5px; border:1px solid #CCC;}
.find_box p {margin-bottom:7px;}
.find_pw {position:absolute; top:400px; left:670px;}
.find_pw .find_btn  {position:absolute; top:-8px; left:210px;}



/*만들기*/
.make_bean {/*margin-top:50px;*/ border:1px solid #d0d0d0; background-color:#fff; padding:40px 0; text-align:center;}
.soybean {text-align:center;}
.make_title { width:100%; height:206px; margin:50px auto;}
.make_title a{ display:inline-block; width:301px; height:206px; background:url(../images/make/make_tab.png) no-repeat; margin-right:20px;}
.make_title a:last-child {margin-right:0px;}

.make_title .soybean { background-position:0 0;}
.make_title .soybean:hover { background-position:0 -206px;}
.make_title .soy {background-position:-312px 0;}
.make_title .soy:hover {background-position:-312px -206px;}
.make_title .fsoybean { background-position:-623px 0;}
.make_title .fsoybean:hover { background-position:-623px -206px;}

.make_title #make_soybean { background-position:0 -206px;}
.make_title #make_soy { background-position:-312px -206px;}
.make_title #make_ferment_soybean { background-position:-623px -206px;}

/*민가네는*/
.intro {margin:0 auto;}
.intro > div {margin-bottom:40px;}
.intro_top {text-align:center;}
.intro_top img {margin-top:15px;}

.certify p, .map p {margin:20px 0;}