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


/* CSS Information ----------------------------------------

Site Name : 한솔이랑
Part :
Last edit : 2024.04
Author : Gautech

관련폰트 :
font-family: 'Noto Sans KR', sans-serif; (100,300,400,500,700,900)
font-family: 'NanumSquareRound', sans-serif; (300,400,700,800)
font-family: 'OmniGothic', sans-serif; (400)
font-family: 'Noto Serif KR', serif; (100,300,400,500,700,900)
font-family: 'Roboto', sans-serif; (100,300,400,500,700,900)
font-family: 'GmarketSans', sans-serif; (300,500,700)
font-family: 'GyeonggiBatang', serif;

--------------------------------------------------------- */




/* common */

.box_btn { display:block; font-size:16px; text-align:center; border-radius:3px; background-color:#85b54d; padding:8px 0; width:100%; color:#FFF;}
.box_btn2 { display:block; font-size:16px; text-align:center; border-radius:10px; background-color:#5a931d; padding:8px 0; width:100%; color:#FFF;}
.box_btn3 { display:inline-block; vertical-align:middle; font-size:16px; text-align:center; border-radius:10px; background-color:#5a931d; padding:8px 0; width:27%; color:#FFF; margin-left:3%;}
.box_btn4 { display:inline-block; vertical-align:middle; font-size:12px; text-align:center; border-radius:3px; background-color:#5a931d; padding:7px 7px 5px 7px; color:#FFF; line-height:1; position:absolute; top:50%; margin-top:-18px; right:0;}




/* login */

.index_wrap { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; padding:42px; min-width:320px; max-width:1024px;}
.login_box_logo { width:100%; height:auto; margin-bottom:10px; text-align:center;}
.login_box_logo>img { width:121px; height:auto;}
.login_box_title { width:100%; height:auto; margin-bottom:20px; text-align:center; font-family: 'GyeonggiBatang', serif; font-size:40px; font-weight:700; color:#21451f;}
.login_box_id { width:100%; height:auto;}
.login_box_id_input { width:100%; border-bottom:none !important;}
.login_box_pw { width:100%; height:auto; margin-bottom:20px;}
.login_box_pw_input { width:100%;}
.login_box_bottom { width:100%; text-align:center; margin-top:20px;}
.login_box_bottom>span { display:inline-block; vertical-align:middle; padding:0 10px 0 0;}
.login_box_bottom>a { display:inline-block; vertical-align:middle; padding:0 10px; background-image:url(/images/icon/menu_bar.png); background-repeat:no-repeat; background-position:0% 50%;}





/* top */

.main_wrap { width:100%; min-width:320px; max-width:1024px; margin:0 auto; overflow:hidden;}

.top_nav { display:block; background-color:#85b54d; height:60px; width:100%; z-index:55; font-size:0; padding:0 14px;}
.top_logo { display:inline-block; vertical-align:top; width:30%; height:60px; text-align:left;}
.top_logo>a { display: inline-block; text-indent:-9999px; background-image: url(/images/common/logo2.jpg); background-repeat:no-repeat; background-position:0% 50%; height:60px; background-size:100% auto; /*로고크기 설정*/ width:120px;}
.top_menu { display:inline-block; vertical-align:top; width:70%; height:60px; text-align:right; padding-top:25px;}
.top_menu>a { display:inline-block; padding:0 5px; font-size:14px; color:#213c18; font-weight:700; border-right:1px solid #213c18; line-height:1;}
.top_menu>a:nth-child(2) { padding-right:0; border-right:none;}
.top_menu>a:nth-child(3) { padding-right:0; border-right:none;}

.top_nav2 { position:fixed; left:50%; top:0%; transform:translate(-50%,0%); max-width:1024px; display:block; background-color:#FFF; height:60px; width:100%; z-index:55; font-size:0; padding:0 14px; border-bottom:1px solid rgba(0,0,0,0.1); text-align:left;}
.top_ar_icon { display:inline-block; vertical-align:middle; background-image:url(/images/icon/ar_left.png); background-repeat:no-repeat; background-position:center; background-size:100% auto; width:10px; height:60px; margin-right:20px;}
.top_title { display:inline-block; vertical-align:middle; font-size:20px; font-weight:700; letter-spacing:-0.08em;}
.top_cls { position:absolute; right:14px; top:50%; margin-top:-8px; background-image:url(/images/icon/nav_btn2.png); width:16px; height:16px; background-repeat:no-repeat; background-position:center; background-size:cover;}



/* main */

.cont_0 { position:relative; width:100%; height:150px; padding-top:30px; overflow:hidden; background-color:#85b54d;}
.main_box_title { width:100%; height:auto; text-align:center; font-size:18px; font-weight:700; color:#fff; letter-spacing:0;}
.main_box_title2 { width:100%; height:auto; text-align:center; font-family: 'GyeonggiBatang', serif; font-size:40px; font-weight:700; color:#21451f;}

.cont_1 { position:relative; width:100%; height:95px; background-color:#85b54d; padding:0 14px; text-align:left;}
.main_reservation { position:absolute; top:0; left:14px; width:calc(100% - 28px); padding:14px; border-radius:14px; border:1px solid rgba(0,0,0,0.1); background-color:#fff; z-index:1;}
.main_reservation_title { color:#5a931d; font-size:21px; font-weight:700; line-height:50px; padding:0 14px 0 14px; letter-spacing:-0.08em;}
.main_reservation_txt { color:#999; font-weight:400; font-size:12px; line-height:1; padding:0 0 0 14px; margin-bottom:15px;}

.cont_2 { position:relative; width:100%; height:auto; padding:84px 14px 0 14px; text-align:left;}
.main_order { width:100%; padding:14px 14px 28px 14px; border-radius:14px; border:1px solid rgba(0,0,0,0.1); background-color:#fff;}
.main_order_title { color:#5a931d; font-size:21px; font-weight:700; line-height:50px; padding:0 14px 10px 14px; margin-bottom:17px; border-bottom:1px solid rgba(0,0,0,0.1); letter-spacing:-0.08em;}
.main_order_txt { display:inline-block; color:#999; font-weight:400; font-size:12px; line-height:1; padding:0 0 0 14px; letter-spacing:-0.02em;}
.main_order_input_wrap { width:100%;}
.main_order_input { display:inline-block; vertical-align:middle; width:70%; border-radius:10px; background-image:url(/images/icon/search.png); background-repeat:no-repeat; background-position:14px 50%; background-size:14px auto; padding-left:35px;}

.cont_3 { position:relative; width:100%; height:auto; padding:14px 14px 40px 14px; text-align:left;}
.main_list { width:100%; padding:14px; border-radius:14px; border:1px solid rgba(0,0,0,0.1); background-color:#fff; margin-bottom:14px;}
.main_list_title { position:relative; color:#40532c; font-size:16px; font-weight:800; line-height:50px; padding:0 0 10px 0; margin-bottom:17px; border-bottom:1px solid rgba(0,0,0,0.1); letter-spacing:-0.06em;}
.main_list_txt { display:inline-block; vertical-align:middle; color:#40532c; font-weight:400; font-size:16px; line-height:1; padding:0 14px; letter-spacing:-0.04em;}
.main_list_txt2 { display:inline-block; vertical-align:middle; color:#40532c; font-weight:400; font-size:16px; line-height:1; padding:0 14px 0 0; letter-spacing:-0.04em;}
.main_list_li { position:relative; padding:0 0 0 120px; height:90px;}
.main_list_li_photo { position:absolute; top:0; left:0; height:90px; width:120px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; border-radius:10px; border:1px solid rgba(0,0,0,0.1);}
.main_list_li_txt { width:100%; padding:10px 14px;}
.main_list_li_txt1 { color:#40532c; font-size:16px; font-weight:800;}
.main_list_li_txt2 { color:#747474; font-size:14px; font-weight:400;}



/* reservation */

.reservation_1 { position:relative; width:100%; height:auto; background-color:#FFF; padding:80px 14px 0 14px; text-align:left;}
.sub_reservation { padding:24px 0;}
.sub_reservation_title { color:#5a931d; font-size:20px; font-weight:700; line-height:1; padding:0; letter-spacing:-0.08em; margin-bottom:14px;}
.sub_reservation_txt { display:inline-block; vertical-align:middle; color:#db5800; font-weight:400; font-size:11px; line-height:1; padding:0; letter-spacing:-0.04em; margin:14px 0;}
.reservation_select { display:inline-block; vertical-align:middle; width:100%; border-radius:10px;}
.sub_reservation_btn_wrap { font-size:0;}
.sub_reservation_btn { display:inline-block; vertical-align:middle; font-size:16px; text-align:center; border-radius:10px; background-color:#FFF; padding:8px 16px; width:auto; color:#444; margin-right:10px; border:1px solid rgba(0,0,0,0.1);}
.sub_reservation_btn_ov { background-color:#f8fff0; border:1px solid #5a931d; color:#5a931d; font-weight:700;}
.reservation_tel_input { display:inline-block; vertical-align:middle; width:100%; border-radius:10px;}

.reservation_2 { position:relative; width:100%; height:auto; padding:24px 14px 80px 14px; text-align:left;}
.sub_reservation_list { display:block; width:100%; padding:14px; border-radius:14px; border:1px solid rgba(0,0,0,0.1); background-color:#fff; margin-bottom:14px;}
.sub_reservation_list_ov { background-color:#f8fff0; border:1px solid #5a931d; color:#5a931d;}
.sub_reservation_list_li { position:relative; padding:0 0 0 120px; height:90px;}
.sub_reservation_list_li_photo { position:absolute; top:0; left:0; height:90px; width:120px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; border-radius:10px; border:1px solid rgba(0,0,0,0.1);}
.sub_reservation_list_li_txt { width:100%; padding:10px 14px;}
.sub_reservation_list_li_txt1 { font-size:16px; font-weight:800;word-wrap: break-word;}
.sub_reservation_list_li_txt2 { font-size:14px; font-weight:400;word-wrap: break-word;}
.page_bottom_btn { position:fixed; left:50%; top:100%; transform:translate(-50%,-58px); display:block; font-size:20px; font-weight:400; text-align:center; background-color:#5a931d; padding:14px 0; width:100%; max-width:1024px; color:#FFF;}




/* member */

.member_0 { position:relative; width:100%; height:auto; padding:100px 0 40px 0; background-color:#FFF;}
.member_box_title { width:100%; height:auto; text-align:center; font-size:18px; font-weight:700; color:#85b54d; letter-spacing:0; margin-bottom:5px;}
.member_box_title2 { width:100%; height:auto; text-align:center; font-family: 'GyeonggiBatang', serif; font-size:40px; line-height:1; font-weight:700; color:#21451f; margin-bottom:40px;}
.member_box_title3 { width:100%; height:auto; text-align:center; font-size:13x; font-weight:400; color:#999; background-color:#f8f8f8; padding:10px 0;}

.member_1 { position:relative; width:100%; height:auto; background-color:#FFF; padding:0 14px 56px 14px; text-align:left;}
.sub_member { padding:0 0 24px 0;}
.sub_member_title { color:#444; font-size:20px; font-weight:700; line-height:1; padding:0; letter-spacing:-0.08em; margin-bottom:14px;}
.sub_member_txt { display:inline-block; vertical-align:middle; color:#db5800; font-weight:400; font-size:11px; line-height:1; padding:0; letter-spacing:-0.04em; margin:0 0 14px 0;}
.member_input { width:100%; border-radius:10px; margin-bottom:14px;}
.member_textarea { width:100%; height:100px; border-radius:10px; margin-bottom:14px; color:#999;}
.member_textarea2 { width:100%; height:350px; border-radius:10px; margin-bottom:14px; color:#999;}

.member_checkbox { display:inline-block; vertical-align:middle; width:100%; height:auto; margin:10px 0 14px 0;}
.member_checkbox>span { display:inline-block; vertical-align:middle;}



/* password */

.password_0 { position:relative; width:100%; height:auto; padding:120px 0 0 0; background-color:#FFF;}
.password_box_title2 { width:100%; height:auto; text-align:center; font-family: 'GyeonggiBatang', serif; font-size:40px; line-height:1; font-weight:700; color:#21451f; margin:30px 0 40px 0;}

.password_1 { position:relative; width:100%; height:auto; background-color:#FFF; padding:0 14px 56px 14px; text-align:left;}
.password_1_box { text-align:center; padding:14px; border-radius:14px; background-color:#f8f8f8;}
.password_1_box_tel { padding:30px 0 20px 0; border-bottom:1px solid rgba(0,0,0,0.1); color:#5a931e; font-size:36px; font-weight:700; font-family: 'Roboto', sans-serif; letter-spacing:-0.06em;}
.password_1_box_tel>img { display:inline-block; vertical-align:middle; height:33px; width:auto; margin-right:10px;}
.password_1_box_tel>span { display:inline-block; vertical-align:middle;}
.password_1_box_txt { font-size:13px;}
.password_1_box_txt>span { display:block; margin:14px 0;}
.password_1_box_txt>span:nth-child(1) { margin:24px 0 28px 0;}
.password_1_box_txt>span:nth-child(2) { margin:0 0 40px 0;}




/* info */

.info_0 { position:relative; width:100%; height:auto; background-color:#FFF; padding:100px 14px 0 14px; text-align:left;}
.sub_info { padding:0 0 24px 0;}
.sub_info_title { color:#444; font-size:20px; font-weight:700; line-height:1; padding:0; letter-spacing:-0.08em; margin-bottom:14px;}
.sub_info_txt { display:inline-block; vertical-align:middle; font-weight:400; font-size:16px; line-height:1; padding:0; letter-spacing:-0.04em; margin:14px 0 14px 0;}

.sub_info_line { width:100%; background-color:#f8f8f8; padding:10px 0;}

.info_1 { position:relative; width:100%; height:auto; background-color:#FFF; padding:28px 14px 0 14px; text-align:left;}
.sub_info_txt2 { display:inline-block; vertical-align:middle; color:#db5800; font-weight:400; font-size:11px; line-height:1; padding:0; letter-spacing:-0.04em; margin:0 0 14px 0;}
.info_input { width:100%; border-radius:10px; margin-bottom:14px;}
.sub_info>a { display:block; margin-bottom:28px;}