/* BASIC css start */
.AB-sj-h3 { font-size:38px; } 
a { outline:0!important; select-dummy:expression(this.hideFocus=true); } 
.schHeaderShop { border:3px solid #47cec0; border-radius:30px; padding:0 15px; } 
.schHeaderShop input[type="text"],.schHeaderShop select { height:40px; line-height:40px; border-radius:30px; border:none; } 
.main_footer_btn { background:#e4e4e4; font-size:16px; width:75px; height:75px; color:#555555; text-align:center; display:inline-block; border-radius:10px; font-weight:500; } 
.main_footer_btn span { position:relative; top:12px; font-size:20px; } 
.main_footer_btn_faq a span { position:relative; top:-3px; font-size: 20px; } 

/*·Î±×ÀÎ*/
.pageMember { padding: } 
.loginbox { border:1px solid #ddd; box-sizing:border-box; padding:0 72px; } 
.login_right_img { background: url('https://www.hwasunfarm.com/images/login_ban_01.png') no-repeat bottom center #f4d589; border: transparent; height:462px; } 
.login_right_img .login_right_txt { padding: 76px 0; text-align:center; font-size:30px; } 
.loginbox .pageMember h4 { font-size:30px; letter-spacing:-1px; line-height:30px; margin-bottom:0; } 
.mb_txt_box { font-size:24px; line-height:1.3em; } 
.mb_txt_box .mb_txt { font-size:15px; color:#666; margin-bottom:20px; } 
.mb_joinbtn { background: #000 !important; color: #fff !important; border-radius: 4px; padding: 10px 30px!important; font-size: 18px; display:inline-block; } 

/*¸¶ÀÌÆäÀÌÁö·¹ÀÌ¾Æ¿ô*/
.pageMember { width:450px; padding:50px 0 50px 0; margin:0 auto !important; box-sizing:border-box; } 
.pageMember .pageHead { color:#888; letter-spacing:-1px; line-height:1.5; font-size:14px; text-align:center; padding-bottom:20px; } 
.pageMember h4 { color: #454545; font-size: 40px; font-weight:bold; letter-spacing:-2px; line-height:40px; margin-bottom:15px; } 
.pageMember .pageBody { background-color: #fafafa; border:1px solid #e5e5e5; padding: 25px; } 
.pageMember .pageBody > label, .pageMember .pageBody form > label { display:none; } 
.pageMember .pageBody .-btnWrap .btn-tpl { width:100%; margin:0; } 
.pageMember .pageBody .-btnWrap .btn-tpl:hover { text-decoration:underline; } 
.pageMember .pageFoot { text-align:center; padding:15px 0; } 
.pageMember .pageFoot > div { display:inline-block; margin:0 10px; } 
.pageMember .pageFoot > div a { color:#999; } 
.pageMember .pageFoot > div + span { color:#ccc; display:inline-block; margin-top:-1px; vertical-align:top; } 
.pageMember .pageFoot.btnType { padding:30px 0 15px 0; } 
.pageMember .pageFoot.btnType > div > a { display:inline-block; width:180px; background-color:#f0f3f5; height:40px; line-height:40px; color:#526f90; font-size:14px; letter-spacing:-0.5px; border-radius:50px; margin-bottom:10px; } 
.pageMember .pageFoot.btnType > div > a:hover { background-color:#1e4d80; color:#fff; } 
.pageMember .pageFoot.btnType > div + span { display:none; } 
@media all and (max-width:500px) {.pageMember .pageFoot.btnType > div > a { width:auto; min-width:100px; padding:0 20px; } 
 }
.pageMember .-btnNoMember { color:#a0a0a0; font-size:13px; letter-spacing:-0.5px; line-height:20px; text-align:center; margin:0 32px; box-sizing:border-box; } 
.pageMember .-btnNoMember .-btnOrder { color:#55749f; font-size:16px; font-weight:bold; line-height:40px; border:1px solid #55749f; display:inline-block; width:100%; height:40px; margin-bottom:10px; } 
.pageMember .-btnNoMember .-btnOrder:hover { text-decoration:underline; } 
.pageMember .-btnNoMember strong { color:#55749f; font-weight:bold; } 
form + form .pageMember, form + .pageMember, .pageMember + .pageMember { border-top:1px dashed #eee; } 
.pageMember .pageNotice { border:1px solid #eee; border-top:none; padding: 20px 32px; } 
.pageMember .pageNotice p { color:#7a7a7a; letter-spacing:-0.3px; line-height:22px; background:url("icon_text_tip.gif") 0 8px no-repeat; padding-left:12px; } 
.pageMember .pageNotice p strong { color:#f26522; font-weight:normal; } 
.pageMember.pageSnsWrap { padding-top:15px; } 
.pageMember .pageSnsHead , .pageAgreement .pageSnsHead { padding-bottom:25px; text-align: center; box-sizing: border-box; } 
.pageMember .pageSnsHead h4 , .pageAgreement .pageSnsHead h4 { color:#5a5a5a; font-size:17px; font-weight:600; letter-spacing: -0.5px; line-height: 20px; display:inline-block; border-bottom:1px solid #aaa; padding-bottom:4px; margin:0; } 
.pageMember .-inputWrap .admin-help-in { text-align:center; display:block; margin-left:0; margin-bottom:10px; } 
.admin-help-in.rtvm-Y, *:hover .admin-help-in.rtvm-Y, .admin-help-in.rtvm-Y:hover, .articleInput li:hover [class*="admin-help"].rtvm-Y { color:#ff8a22 !important; font-weight:bold; } 


/*insiter8*/
.btn-tpl { display:inline-block; vertical-align:middle; margin:0 4px; -webkit-appearance:none; box-sizing:border-box; cursor:pointer; white-space:nowrap; } 

/*¶ó¿îµå*/
.btn-tpl.btn-round-01 { border-radius:0px; } 
.btn-tpl.btn-round-02 { border-radius:2px; } 
.btn-tpl.btn-round-03 { border-radius:3px; } 
.btn-tpl.btn-round-04 { border-radius:5px; } 
.btn-tpl.btn-round-05 { border-radius:8px; } 
.btn-tpl.btn-round-06 { border-radius:10px; } 
.btn-tpl.btn-round-07 { border-radius:15px; } 
.btn-tpl.btn-round-08 { border-radius:50px; } 

/*»çÀÌÁî*/
.btn-tpl[class*="size-"] { font-size:12px; letter-spacing:-0.5px; } 
.btn-tpl.btn-size-01 { height:16px; line-height:17px; padding:0 4px; font-size:11px; letter-spacing:-1px; font-family:dotum, malgun gothic, "Apple SD Gothic Neo", "µ¸¿ò", sans-serif; } 
.btn-tpl.btn-size-02 { height:18px; line-height:14px; padding:0 5px; font-size:11px; font-family:dotum, malgun gothic, "Apple SD Gothic Neo", "µ¸¿ò", sans-serif; } 
.btn-tpl.btn-size-03 { height:20px; line-height:16px; padding:0 6px; font-size:11px; font-family:dotum, malgun gothic, "Apple SD Gothic Neo", "µ¸¿ò", sans-serif; } 
.btn-tpl.btn-size-04 { height:22px; line-height:18px; padding:0 8px; font-family:dotum, malgun gothic, "Apple SD Gothic Neo", "µ¸¿ò", sans-serif; } 
.btn-tpl.btn-size-05 { height:24px; line-height:21px; padding:0 9px; font-family:malgun gothic, dotum, "Apple SD Gothic Neo", "µ¸¿ò", sans-serif; } 
.btn-tpl.btn-size-06 { height:26px; line-height:23px; padding:0 10px; font-family:malgun gothic, dotum, "Apple SD Gothic Neo", "µ¸¿ò", sans-serif; } 
.btn-tpl.btn-size-07 { height:28px; line-height:25px; padding:0 12px; font-size:14px; font-family:malgun gothic, dotum, "Apple SD Gothic Neo", "µ¸¿ò", sans-serif; } 
.btn-tpl.btn-size-08 { height:32px; line-height:30px; padding:0 15px; font-size:14px; font-family:malgun gothic, dotum, "Apple SD Gothic Neo", "µ¸¿ò", sans-serif; } 
.btn-tpl.btn-size-09 { height:34px; line-height:32px; padding:0 18px; font-size:14px; letter-spacing:-1px; font-family:malgun gothic, dotum, "Apple SD Gothic Neo", "µ¸¿ò", sans-serif; } 
.btn-tpl.btn-size-10 { height:36px; line-height:32px; padding:0 25px; font-size:15px; letter-spacing:-1px; font-family:malgun gothic, dotum, "Apple SD Gothic Neo", "µ¸¿ò", sans-serif; } 
.btn-tpl.btn-size-11 { height:40px; line-height:37px; padding:0 30px; font-size:16px; letter-spacing:-1px; font-family:malgun gothic, dotum, "Apple SD Gothic Neo", "µ¸¿ò", sans-serif; } 
.btn-tpl.btn-size-12 { height:45px; line-height:42px; padding:0 40px; font-size:16px; letter-spacing:-1px; font-family:malgun gothic, dotum, "Apple SD Gothic Neo", "µ¸¿ò", sans-serif; } 
.btn-tpl.btn-size-13 { height:50px; line-height:46px; padding:0 50px; font-size:17px; letter-spacing:-1px; font-family:malgun gothic, dotum, "Apple SD Gothic Neo", "µ¸¿ò", sans-serif; } 
.btn-tpl.btn-size-14 { height:60px; line-height:60px; padding:0 50px; font-size:17px; letter-spacing:-1px; font-family:malgun gothic, dotum, "Apple SD Gothic Neo", "µ¸¿ò", sans-serif; } 

.btn-tpl.btn-size-01.btn-round-08 { padding:0 5px; } 

@media screen and (-webkit-min-device-pixel-ratio:0) {.btn-tpl.btn-size-01 { line-height:16px; } 
.btn-tpl.btn-size-02 { line-height:17px; } 
.btn-tpl.btn-size-03 { line-height:18px; } 
.btn-tpl.btn-size-04 { line-height:20px; } 
 }

@media screen and (max-width:400px) {.btn-tpl.btn-size-01 { line-height:15px; } 
.btn-tpl.btn-size-02 { line-height:16px; } 
.btn-tpl.btn-size-03 { line-height:18px; } 
.btn-tpl.btn-size-04 { line-height:19px; } 
.btn-tpl.btn-size-05 { line-height:21px; } 
.btn-tpl.btn-size-09 { padding:0 15px; } 
 }

/*ÄÃ·¯Å×¸¶*/
.btn-tpl[class*="btn-pattern-"] { border:1px solid #ddd; color:#fff; font-weight:normal; } 
.btn-tpl.btn-pattern-C06 { background:linear-gradient(to bottom, #1F4E82 70%, #133A67 100%); background:-webkit-linear-gradient(top, #1F4E82 70%, #133A67 100%); background-color:#133A67; border:1px solid #133A67; text-shadow:#092748 0 0 1px; } 


/*±½±â*/
.btn-tpl.btn-b { font-weight:bold; letter-spacing:-1px; } 

/* 4. ½Ã½ºÅÛÆäÀÌÁö */
/*¸¶ÀÌÆäÀÌÁö·¹ÀÌ¾Æ¿ô*/
.pageMember { width:450px; padding:50px 0 50px 0; margin:0 auto; box-sizing:border-box; } 
.pageMember .pageHead { color:#888; letter-spacing:-1px; line-height:1.5; font-size:14px; text-align:center; padding-bottom:20px; } 
.pageMember h4 { color: #454545; font-size: 40px; font-weight:bold; letter-spacing:-2px; line-height:40px; margin-bottom:15px; } 
.pageMember .pageBody { background-color: #fafafa; border:1px solid #e5e5e5; padding: 25px; } 
.pageMember .pageBody > label, .pageMember .pageBody form > label { display:none; } 
.pageMember .pageBody .-inputCheckRadio { text-align:center; margin:20px 0; } 
.pageMember .pageBody .-inputCheckRadio > ul li { display:inline-block; text-align:left; padding:2px 0; } 
.pageMember .pageBody .-inputCheckRadio label, .pageMember .pageBody .-inputCheckRadio a {color:#7a7a7a;font-size:14px;letter-spacing:-0.5px;display:inline-block;vertical-align:middle;margin-left: 3px;} 
.pageMember .pageBody .-inputCheckRadio label { margin-right:10px; } 
.pageMember .pageBody .-inputCheckRadio.bgCheckWrap label { font-size:16px; line-height:26px; } 
.pageMember .pageBody .-noticeAutoLogin { box-sizing:border-box; padding:12px; z-index:9999; display:none; top: 0px; left: 1px; right:1px; border:1px #ddd solid; text-align:left; background-color:#ffffff; border-radius:3px; line-height:1.5; } 
.pageMember .pageBody .-noticeAutoLogin #-sl-login-help .-sb { font-size:11px; right:7px; bottom:11px; } 
.pageMember .pageBody .close_dialog { position: absolute; right:10px; top:10px; cursor: pointer; } 
#-sl-login-help-sl-form .-btnSlClose { right:13px; top:13px; cursor: pointer; } 
.pageMember .pageBody .-btnWrap .btn-tpl { width:100%; margin:0; } 
.pageMember .pageBody .-btnWrap .btn-tpl:hover { text-decoration:underline; } 
.pageMember .pageFoot { text-align:center; padding:15px 0; } 
.pageMember .pageFoot > div { display:inline-block; margin:0 10px; } 
.pageMember .pageFoot > div a { color:#999; } 
.pageMember .pageFoot > div + span { color:#ccc; display:inline-block; margin-top:-1px; vertical-align:top; } 
.pageMember .pageFoot.btnType { padding:30px 0 15px 0; } 
.pageMember .pageFoot.btnType > div > a { display:inline-block; width:180px; background-color:#f0f3f5; height:40px; line-height:40px; color:#526f90; font-size:14px; letter-spacing:-0.5px; border-radius:50px; margin-bottom:10px; } 
.pageMember .pageFoot.btnType > div > a:hover { background-color:#1e4d80; color:#fff; } 
.pageMember .pageFoot.btnType > div + span { display:none; } 

/* ¼Ò¼È·Î±×ÀÎ */
.loginSocialWrap { text-align: center; width: 450px; padding-top:15px; margin:0 auto; box-sizing:border-box; } 
.loginSocialWrap > div { display:inline-block; text-align:center; } 
.loginSocialWrap img { margin:5px 15px; } 
.loginWrap03 .loginSocialWrap { width:100%; padding:0; margin:0; } 
.loginWrap03 .loginSocialWrap img { margin:0 5px 0 0; } 
.loginWrap03 .loginSocialWrap a:last-child img { margin-right:0; } 
/*¼Ò¼ÈÈ¸¿ø°¡ÀÔ*/
.joinSocialWrap .-btnSocial { width:100%; background-color: #fff; border:1px solid #eee; margin-bottom:15px; } 
.joinSocialWrap .-btnSocial a { display:block; color:#444; letter-spacing:-1px; font-size:15px; position:relative; } 
.joinSocialWrap .-btnSocial a:last-child { margin-bottom:0; } 
.joinSocialWrap .-btnSocial span { line-height:43px; display:inline-block; vertical-align:top; } 
.joinSocialWrap .-btnSocial a img { margin-right:10px; } 

.admin-comment { display:block; margin:5px 1px; font-weight:normal; font-size:12px !important; letter-spacing:-0.5px; line-height:1.5; color:#9a9a9a !important; } 
.admin-comment strong { color:#737373 !important; } 
.admin-comment.AB-inline { display:inline-block; vertical-align:middle; margin:-1px 5px 0 5px; } 
.admin-help-manual { font-size:0 !important; text-indent:-9999px; display:inline-block; width:14px; height:14px; vertical-align:middle; margin:-2px 5px 0 5px; background:url("/design/gmjangter/img/admin_help_icon.gif") no-repeat; } 

/* ÀÎÇ²Ã¢ */
.MS_login_id, .MS_login_pw { font-size: 14px; line-height: 45px; background-color: #fff; border: 1px solid #ddd; display: block; width: 100% !important; height: 45px !important; padding: 0 10px; margin-bottom: 10px; box-sizing: border-box; vertical-align: middle; } 

/* µµ¿ò¸» */
div#-sl-login-help { position: relative; } 
.-sl { width: 340px; display: none; right: 0; top: 0px; z-index: 0; position: absolute; } 
.skin_theme_02 .skin_wrap { border:1px solid #ccc; box-shadow:#e3e3e3 0px 2px 2px; margin-bottom:10px; } 
.skin_theme_02 .skin_conts { background:#fff; padding:12px; } 
.txtSubTpl07 { text-align: left; } 

/* BASIC css end */

