@charset "euc-kr";


body, input, button, textarea, select, option {font-family:'Lato','NotoSans','NanumGothic',sans-serif;}





img {vertical-align:middle;}


textarea {resize:none;}


input {display:inline-block; vertical-align:middle;}


input[type="checkbox"] {width:16px; height:16px; margin:0 6px 0 0; cursor:pointer;}


label {display:inline-block; vertical-align:middle; cursor:pointer;}


select {height:30px; font-size:14px; font-family:'NotoSans','NanumGothic',sans-serif; color:#666666; border:1px solid #cccccc; background-color:#ffffff;}


.input {height:30px; font-size:14px; font-family:'NotoSans','NanumGothic',sans-serif; color:#545454; border:1px solid #dfdfdf; background-color:#f7f7f7;margin:2px 0;}


.input_idpw {border:0px; font-size:14px; font-family:'NotoSans','NanumGothic',sans-serif; color:#545454; border:1px solid #dfdfdf; background-color:#ffffff;}


.textarea {font-size:14px; font-family:'NotoSans','NanumGothic',sans-serif; color:#666666; border:1px solid #e7e7e7; background-color:#f4f4f4;}


.search_input {height:30px; font-size:14px; color: #847f74; font-family:'NotoSans','NanumGothic',sans-serif; border: #cfcfcf 1px solid; background-color: #ffffff;}


.button {display:inline-block; height:30px; font-size:13px; font-family:'NotoSans','NanumGothic',sans-serif; background:#444; color:#fff; letter-spacing:-0.045rem; font-weight:500; padding:0 20px; border:none; vertical-align:middle; cursor:pointer;}





/* pad */


.bpad_5 {padding-bottom:5px;}


.bpad_10 {padding-bottom:10px;}


.bpad_15 {padding-bottom:15px;}


.bpad_20 {padding-bottom:20px;}


.bpad_30 {padding-bottom:30px;}


.bpad_40 {padding-bottom:40px;}


.bpad_50 {padding-bottom:50px;}





.rpad_3  {padding-right:3px;}


.rpad_5  {padding-right:5px;}


.rpad_10 {padding-right:10px;}


.rpad_15 {padding-right:15px;}


.rpad_20 {padding-right:20px;}


.rpad_30 {padding-right:30px;}





.input_id { font-size:12px; color: #847f74; font-family:"??????", Dotum; border: #cfcfcf 1px solid; background-color: #ffffff;}


.form_sub {display:inline-block; font-size:13px; line-height:18px; letter-spacing:-0.045rem; color:#333;}


.inp { border:1px solid #CCCCCC; height:16px; vertical-align:middle;}


.inp02 { border:1px solid #CCCCCC; height:16px; line-height:13px; vertical-align:middle; font-size:11px}


.inp_hd { border:1px solid #ffffff; height:16px; vertical-align:middle;}





/* Login */


.login_box {width:100%; padding:40px 20px; border:1px solid #ddd; margin-bottom:40px; box-sizing:border-box;}


.login_box .lb_inner {width:400px; margin:0 auto;}


.lb_inner h3 {font-size:22px; font-weight:500; line-height:34px; letter-spacing:-0.045rem; color:#222; margin-bottom:12px;}


.lb_inner .lb_frm input {display:block; width:100%; height:50px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border:1px solid #ddd; padding:0 12px; font-size:15px; font-weight:500; letter-spacing:-0.045rem; color:#555; margin-bottom:4px; box-sizing:border-box;}


.lb_inner .lb_frm button { display:block; width:100%; height:54px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; background:#cf3128; padding:0 12px; font-size:17px; font-weight:500; letter-spacing:-0.045rem; color:#fff; margin-bottom:4px; box-sizing:border-box; transition:all 0.25s; -webkit-transition:all 0.25s; -moz-transition:all 0.25s; -ms-transition:all 0.25s; -o-transition:all 0.25s;}


.lb_inner .lb_frm button:hover {background:#b11f17;}





.btn_link {margin:20px 0 0; padding:20px 0 0; border-top:1px solid #ccc;}


.btn_link a { float:left; width:49.2%; height:48px; border:1px solid #ddd; line-height:46px; text-align:center; font-size:14px; font-weight:500; letter-spacing:-0.045rem; color:#444; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; box-sizing:border-box; transition:all 0.25s; -webkit-transition:all 0.25s; -moz-transition:all 0.25s; -ms-transition:all 0.25s; -o-transition:all 0.25s;}


.btn_link a:first-child {margin-right:1.6%;}


.btn_link a:hover {background:#fafafa;}





.guest_box {width:400px; margin:40px auto 20px;}


.guest_box a {display:block; width:100%; height:48px; border:1px solid #ddd; line-height:46px; text-align:center; font-size:14px; font-weight:500; letter-spacing:-0.045rem; color:#444; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; box-sizing:border-box; transition:all 0.25s; -webkit-transition:all 0.25s; -moz-transition:all 0.25s; -ms-transition:all 0.25s; -o-transition:all 0.25s;}


.guest_box a:hover {background:#fafafa;}





/* join */


.join_agree h3 {font-size:20px; font-weight:500; line-height:32px; letter-spacing:-0.045rem; color:#222; margin-bottom:12px;}


.join_agree .ja_inner {margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ddd;}


.join_agree .ja_inner:nth-of-type(2) {border-bottom:none; padding-bottom:0;}


.join_agree .ja_inner textarea {width:100%; height:220px; padding:16px 12px; line-height:1.4; resize:none; box-sizing:border-box;}





.join_agree .agr {text-align:right; margin:12px 0 0;}


.join_agree .agr input {display:inline-block; margin:0 4px 0 0;}


.join_agree .agr label {display:inline-block; font-size:14px; font-weight:500; letter-spacing:-0.045rem; color:#555;}





.btn_box {text-align:center; margin:20px auto 40px;}


.btn_box button {display:inline-block; width:180px; height:46px; line-height:44px; border:1px solid #dcdcdc; background:#f0f0f0; text-align:center; font-size:15px; font-weight:500; letter-spacing:-0.045rem; color:#444; box-sizing:border-box; transition:all 0.25s; -webkit-transition:all 0.25s; -moz-transition:all 0.25s; -ms-transition:all 0.25s; -o-transition:all 0.25s;}


.btn_box button.submit_btn {background:#cf3128; color:#fff; border-color:#cf3128;}


.btn_box button.submit_btn:hover {background:#b11f17;}


.btn_box button.cancle_btn:hover {background:#ddd;}





/* join input */


.join_ttl {font-size:20px; font-weight:500; line-height:32px; letter-spacing:-0.045rem; color:#222; margin-bottom:12px;}


.join_txt {font-size:15px; font-weight:400; line-height:22px; letter-spacing:-0.045rem; color:#555; white-space:pre-line; margin-bottom:20px;}


.join_txt a {color:#cf3128; text-decoration:underline;}


.join_form {margin:0 auto 30px; border-top:1px solid #333;}


.join_form th, .join_form td {height:50px; padding:6px 0 6px 16px; text-align:left; font-family:'NotoSans',sans-serif; font-size:15px;letter-spacing:-0.025rem; color:#555; border-bottom:1px solid #ddd; vertical-align:middle; box-sizing:border-box;}


.join_form .tit {font-weight:500; background:#fafafa;}


.join_form .val {}


.join_form strong {font-weight:500;}


.join_form .post_btn {display:inline-block; width:auto; height:40px; line-height:38px; border:1px solid #555; background:#666; font-family:'Lato','NotoSans',sans-serif; font-size:14px; color:#fff; letter-spacing:-0.045rem; padding:0 12px; vertical-align:middle; box-sizing:border-box;}


.join_form .post_btn:hover {background:#333;}


.join_form .input {min-width:200px; height:40px; line-height:38px; border:1px solid #ddd; font-family:'Lato','NotoSans',sans-serif; font-size:14px; color:#333; padding:0 8px; background:#f6f6f6; box-sizing:border-box;}


.join_form textarea.input {width:95%; height:120px; resize:none;}


.input[name*="phone"], .input[name*="fax"], .input[name*="birthday"], .input[name*="memorial"], .input[name*="tel"], .input[name*="hp"] {min-width:100px;}


.input[name*="address"] {width:80%; margin-top:3px;}


.join_form input[type="radio"], .AW_order_table input[type="radio"] + label {display:inline-block; font-family:'NotoSans',sans-serif; font-size:15px; letter-spacing:-0.025rem; color:#555; vertical-align:middle; margin:0;}


.join_form input[type="radio"] + label {margin:0 6px 0 2px;}


.join_form select {width:auto; height:40px; line-height:38px; font-family:'Lato','NotoSans',sans-serif; font-size:13px; letter-spacing:-0.025rem; color:#333; background-color:#fff; border:1px solid #d3d3d3; padding:0 40px 0 10px; vertical-align:middle; box-sizing:border-box;}


.join_form .red {display:block; font-size:13px; color:#f00; margin:4px 0 0;}


.join_form ~ .chk_table input[type="checkbox"] {display:inline-block; width:20px; height:20px; vertical-align:middle;}


.join_form ~ .chk_table input[type="checkbox"] + label {display:inline-block; font-family:'NotoSans',sans-serif; font-size:15px; letter-spacing:-0.025rem; color:#555; margin:0 0 0 6px; vertical-align:middle;}








.join_ok_area {width:100%; height:auto; padding:80px 0; border:1px solid #ddd; margin:50px auto 120px; text-align:center; box-sizing:border-box;}


.join_ok_area h3 {font-size:35px; font-weight:500; letter-spacing:-0.045rem; color:#111; margin-bottom:12px;}


.join_ok_area p {font-size:17px; letter-spacing:-0.065rem; line-height:25px; font-weight:500; color:#777; margin-bottom:50px;}


.join_ok_area a {display:inline-block; width:auto; height:50px; line-height:48px; background:#cf3128; color:#fff; text-align:center; font-size:16px; font-weight:400; letter-spacing:-0.065rem; padding:0 20px; box-sizing:border-box;}





/* myout */


.myout_area p, .myout_area strong {font-size:15px; font-weight:500; line-height:20px; letter-spacing:-0.045rem; color:#555; word-break:keep-all; white-space:pre-line;}


.myout_area p {margin:0 0 20px;}


.myout_area strong {display:block; font-size:16px; font-weight:700; color:#000; margin:0 0 16px;}


.myout_area span {color:#cf3128;}