@charset "UTF-8";

::-webkit-scrollbar {
    -webkit-appearance: none;
}
::-webkit-scrollbar:vertical {
    width: 12px;
}
::-webkit-scrollbar:horizontal {
    height: 12px;
}
::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .3);
    border-radius: 7px;
    border: 2px solid #eee;
	min-height:15px;
}
::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: #eee;
}
input[type="text"],
input[type="password"] {-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0px;}
select{border-radius:0px;-webkit-appearance:none;-moz-appearance:none;border-radius:0;box-sizing:border-box; }
.txt_left{text-align:left !important;}
.txt_cen{text-align:center !important;}
.txt_right{text-align:right !important;}
table { border-collapse:collapse; border-spacing:0; width:100%; }

#skiptoContent{position:absolute;width:100%;top:0;z-index:99999999;margin:0 auto}
#skiptoContent dt {text-indent:-9999px;overflow:hidden;}
#skiptoContent dd{display:inline}
#skiptoContent a{position:absolute;top:0;left:0;display:inline-block;height:0;overflow:hidden;text-align:center}
#skiptoContent a:hover,#skiptoContent a:focus,#skiptoContent a:active {width:100%;background-color:#0e8579;height:auto;color:#fff;font-size:16px;line-height:30px;padding:10px 0;text-align:center;}


/******************/
/* #wrap {width:100%; overflow-x:hidden; background:url("/images/member/top_bg.jpg") no-repeat center top;} */
#wrap {width:100%; overflow-x:hidden; background:url("/images/member/top_bg.jpg") no-repeat center top;}

#header_new {position:relative; margin:0 auto; text-align:center; box-sizing:border-box;}
#header_new h1 { margin:0 auto; height:39px;}
#header_new h1 a.member_logo{display:inline-block; width:256px; height:39px;font-size:0;background:url("/images/member/logo_sfac.png") no-repeat;}
#header_new h1 a.member_join{display:inline-block; width:122px; height:39px;font-size:0;background:url("/images/member/logo_mem.png") no-repeat;}
div.header_banner {height:134px; font-size:22px; color:#888; font-weight:200; background-color:#fff; padding-top:42px; box-sizing:border-box;}
div.header_banner span.orange {color:#c77e1f; font-weight:300;}
div.header_banner span.green {color:#0f877b; font-weight:300;}
div.header_banner span.italic {font-style:italic;}
div.header_banner p {color:#333; font-weight:400; font-size:26px; padding-top:10px;}

#header_new div.header_menu {}
#header_new div.header_menu ul {height:46px; background-color:#333;}
#header_new div.header_menu ul {height:46px; background-color:#333;    position: relative;}
#header_new div.header_menu ul li {float:left; /*position:relative;*/ border-left:1px solid #262626; border-right:1px solid #5c5c5c; width:25%; box-sizing:border-box;}
#header_new div.header_menu ul li:after {background:url("/images/member/menu_bullet.gif") no-repeat;}
#header_new div.header_menu ul li a {display:inline-block; width:100%; height:46px; line-height:46px; font-size:15px; color:#fff;position:relative;}
/*#header_new div.header_menu ul li a {display:inline-block; width:100%; height:46px; line-height:46px; font-size:15px; color:#fff;}*/
#header_new div.header_menu ul li a span {display:none; position:absolute; left:50%; margin-left:-7px;}
#header_new div.header_menu ul li.on a span {display:block;}
#header_new div.header_menu ul li.on a span img{vertical-align:top;}
#header_new div.header_menu ul li:first-child {border-left:none;}
#header_new div.header_menu ul li:last-child {border-right:none;}
#header_new div.header_menu dl {height:45px; border-bottom:1px solid #ccc; position: absolute;width: 100%;top: 46px;left: 0;}
#header_new div.header_menu dl dd {float:left; padding:0 12px; background:url("/images/member/menu_line.gif") no-repeat left center;}
#header_new div.header_menu dl dd a {font-size:14px; color:#888; height:45px; line-height:45px;}
#header_new div.header_menu dl dd a.hover,
#header_new div.header_menu dl dd a:hover {color:#f59f01;}
#header_new div.header_menu dl dd:first-child {background:none; padding-left:40px;}
#header_new div.header_menu dl {display:none;}
#header_new div.header_menu dl.on {display:block;}
#header_new div.header_menu dl.dep2 {padding-left:23%;}
#header_new div.header_menu dl.dep2 dd:first-child {padding-left:40px;}
#header_new div.m_menu,
#header_new div.m_allmenu {display:none;}

.group_icon {position:absolute; right:0; top:0; width:50px; height:32px; color:#fff; line-height:32px; text-align:center; background-color:#333; }

#footer {text-align:center; font-size:13px; color:#aaa; padding:28px 0 40px 0; font-family: 'Open Sans', sans-serif;}


/*********container*********/
#container {position:relative; width:868px; margin:0 auto; box-sizing:border-box;}
#container:after {content:""; display:block; clear:both;}
/*#container h2.tit {font-size:34px; color:#222; text-align:center; padding:47px 0 30px 0;}*/
#container h2.tit {font-size:34px; color:#222; text-align:center; padding:30px 0;margin-top:46px;}
#container h2.tit span {display:block; font-size:15px; padding-top:14px; line-height:22px;}
.container {position:relative; width:868px; margin:0 auto; box-sizing:border-box;}
.container:after {content:""; display:block; clear:both;}
/*#container h2.tit {font-size:34px; color:#222; text-align:center; padding:47px 0 30px 0;}*/
.container h2.tit {font-size:34px; color:#222; text-align:center; padding:30px 0;margin-top:46px;}
.container h2.tit span {display:block; font-size:15px; padding-top:14px; line-height:22px;}
div.btn_center {text-align:center; border-bottom:1px solid #ccc; padding-bottom:50px; height:50px;}
div.btn_cont {text-align:center; height:50px; display:inline-block;}
div.btn_cont a {float:left;}
div.btn_cont.mini {height:42px;}
div.btn_mini {height:24px; padding-top:10px;}
div.btn_mini a {float:left; display:block; margin-right:6px; width:44px; height:24px; text-align:center; font-size:13px; line-height:24px; box-sizing:border-box;}
div.btn_mini a.delete {border:1px solid #ccc; color:#777;}
div.btn_mini a.modify {color:#fff; background-color:#ccc;}
div.btn_mini a.add {color:#fff; background-color:#555;}
a.btn01 {display:inline-block; width:180px; height:50px; line-height:50px; font-size:15px; color:#fff; background-color:#333; box-sizing:border-box;}
a.btn01.line {border:1px solid #333; color:#333; background-color:#fff; margin-right:10px; }
a.btn01.mini {width:140px; height:42px; line-height:42px;}
a.btn02 {display:inline-block; width:110px; height:34px; line-height:34px; font-size:13px; color:#fff; background-color:#777; font-weight:300; text-align:center;}
a.btn03 {display:inline-block; width:130px; height:34px; line-height:34px; font-size:13px; color:#333; background-color:#ccc; font-weight:300; text-align:center;}
.btn_center a.btn01{vertical-align:middle;}

div.member_box {background-color:#eee; border-top:1px solid #222; padding:35px 0;}
div.member_box h2 {font-size:15px; color:#666; line-height:24px; text-align:center; font-weight:300; padding:0 30px; word-break:keep-all;}
div.member_box input[type=text],
div.member_box input[type=password] {width:100%; margin-bottom:10px; padding:0 10px 0 10px; box-sizing:border-box; height:34px; line-height:34px; color:#888; font-size:13px; background-color:#fff; border:none;}
div.member_box select {width:100%; margin-bottom:10px; padding-left:3%; height:34px; line-height:32px; color:#222; font-size:13px; border:none; box-sizing:border-box; background:#fff url("../../../images/sfac/ico_sel2.png") no-repeat right center; -webkit-appearance:none; -moz-appearance:none; appearance:none;}/*181204*/
div.member_box select::-ms-expand{display:none;}/*181204*/
div.member_box span.id_bold {color:#d72525;}

/* join */
.join_box {border-top:1px solid #222; border-bottom:1px solid #ccc; height:419px; text-align:center;}
.join_box:after {content:""; display:block; clear:both;}
.join_box .join_step01 {float:left; width:50%; height:100%; box-sizing:border-box; padding:0 40px; background-color:#eee;}
.join_box .join_step01 div.join_select {border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:29px 0;}
.join_box .join_step01 div.join_select ul {display:inline-block; height:110px;}
.join_box .join_step01 div.join_select ul li {float:left;}
.join_box .join_step01 div.join_select ul li a {display:inline-block; font-size:18px; color:#333; width:110px; height:110px; line-height:110px; border-radius:110px; background-color:#ccc;}
.join_box .join_step01 div.join_select ul li a.select {color:#fff; background-color:#333; margin-left:20px;}
.join_box .join_step01 p {padding-top:29px; text-align:left; font-size:14px; color:#888; line-height:25px;}
.join_box .join_step02 {float:left; width:50%; box-sizing:border-box; padding:0 40px;}
.join_box .join_step02 ul {margin-top:34px;}
.join_box .join_step02 ul li {margin-bottom:14px; height:50px; border:1px solid #ccc; border-radius:50px;}
.join_box .join_step02 ul li a {display:inline-block; width:100%; height:50px; line-height:50px; font-size:14px; color:#555;border-radius:50px;}
.join_box .join_step02 ul li a span {display:inline-block;padding-right:22px;vertical-align:middle;}
.join_box .join_step02 ul li a span img{display:none}
.join_box .join_step02 ul li .facebook span{width:66px;height:13px;background:url("/images/sfac/ico_f_log.png") no-repeat 0 0;}
.join_box .join_step02 ul li .kakao span{width:66px;height:15px;background:url("/images/sfac/ico_k_log.png") no-repeat 0 0;}
.join_box .join_step02 ul li .naver span{width:66px;height:10px;background:url("/images/sfac/ico_n_log.png") no-repeat 0 0;}
.join_box .join_step02 ul li .google span{width:66px;height:19px;background:url("/images/sfac/ico_g_log.png") no-repeat 0 0;}
.join_box .join_step02 ul li:hover{border:1px solid #fff}
.join_box .join_step02 .facebook:hover{color:#fff;background:#345493;border:0;}
.join_box .join_step02 .facebook:hover span{background:url(../../../images/sfac/ico_f_log_ov.png) no-repeat 0 0;}
.join_box .join_step02 .kakao:hover{color:#381e1f;background:#ffcd00;border:0;}
.join_box .join_step02 .kakao:hover span{background:url(../../../images/sfac/ico_k_log_ov.png) no-repeat 0 0;}
.join_box .join_step02 .naver:hover{color:#fff;background:#2db400;border:0;}
.join_box .join_step02 .naver:hover span{background:url(../../../images/sfac/ico_n_log_ov.png) no-repeat 0 0;}
.join_box .join_step02 .google:hover{color:#fff;background:#ea4235;border:0;}
.join_box .join_step02 .google:hover span{background:url(../../../images/sfac/ico_g_log_ov.png) no-repeat 0 0;}

.join_box .join_step02 h2{padding-bottom:0;}
.join_box .join_step02 .txt2{margin-top:34px; font-size: 14px;color: #999;line-height:1.6em;}
.join_box .join_step02 .txt2 b{font-weight:normal;color:#000;}

.join_box h2 {font-size:20px; height:24px; line-height:24px; padding:52px 0 39px;}
.join_box h2 span {background:url("/images/member/icon_info.png") no-repeat left center; padding-left:34px;}


/* join_step01 */
div.step_icon {text-align:center; padding:30px 0 60px;}
div.step_icon dl {display:inline-block;}
div.step_icon dl dt {float:left; width:80px;}
div.step_icon dl dt span {display:inline-block; font-size:14px; color:#666; padding-top:9px;}
div.step_icon dl dt.on span {color:#222;}
div.step_icon dl dd {float:left; width:40px; margin:0 25px; text-indent:-9999px; height:100px; background:url("/images/member/step_icon_line.gif") no-repeat left 40px;}
div.step_icon dl dd.on {background:url("/images/member/step_icon_line_on.gif") no-repeat left 40px;}

div.member_box div.join_step1 {padding-top:52px;}
div.member_box div.join_step1 dl {text-align:center; height:160px;}
div.member_box div.join_step1 dl dt {float:left; width:47%;}
div.member_box div.join_step1 dl dt h3 {padding:6px 0 33px 0;}
div.member_box div.join_step1 dl dt h4 {}
div.member_box div.join_step1 dl dt h4 a {display:inline-block; font-size:15px; color:#fff; width:140px; height:42px; line-height:42px; background-color:#333;}
div.member_box div.join_step1 dl dd {float:left; width:6%; height:160px; line-height:160px; background:url("/images/member/step1_line.gif") repeat-y center top;}
div.member_box div.join_step1 dl dd span {display:inline-block; font-size:15px; color:#888; background-color:#eee; padding:15px 0;margin-top:50px;}/*181205*/

div.info_use {border-bottom:1px solid #ccc; padding:40px 0 25px;}
div.info_use h2 {font-size:18px; color:#222; padding-bottom:14px; line-height:21px; padding-left:22px; background:url("/images/member/info_icon.gif") no-repeat;}
div.info_use p {font-size:14px; color:#888; line-height:22px; font-weight:300; padding-bottom:12px; padding-left:20px; word-break:keep-all; background:url("/images/member/info_bullet.gif") no-repeat left 11px;}

/* join_step02 */
div.agree_cont {border-top:1px solid #222; padding-bottom:20px;}
div.agree_cont h2 {font-size:18px; padding:30px 0 28px 30px;}
div.agree_cont h2 span {display:block; padding-top:14px; font-size:14px; line-height:20px; color:#666; word-break:keep-all;}
div.agree_cont div.agree_box {margin-bottom:30px;}
div.agree_cont div.agree_box div {background-color:#eee; padding:30px; box-sizing:border-box; height:210px; overflow-y:scroll; overflow-x:hidden;}
div.agree_cont div.agree_box div h3 {font-size:18px; padding-bottom:15px;}
div.agree_cont div.agree_box div p {font-size:14px; line-height:22px; color:#888;}
div.agree_cont div.agree_box h4 {font-size:14px; color:#888; padding:19px 0 0 30px; line-height:17px;}
div.agree_cont div.agree_box h4 input {width:17px; height:17px; border:1px solid #ccc; background-color:#fff; margin-right:7px;}
div.agree_cont div.agree_box table {text-align:center; margin-bottom:15px;}
div.agree_cont div.agree_box table th {padding:13px 0; border:1px solid #ddd; background-color:#eee; border-top:1px solid #333;}
div.agree_cont div.agree_box table td {padding:10px 0; border:1px solid #ddd; background-color:#eee; vertical-align:middle; color:#888;}

/* join_step03 */
div.join_form {margin-bottom:50px;}
div.join_form div.form_tit {font-size:20px; height:40px;}
div.join_form div.form_tit p {float:right; font-size:14px; color:#333; padding-left:10px; }
div.join_form div.form_tit p span {display:inline-block; padding-left:8px; text-indent:-9999px; background:url("/images/member/icon_necessary.gif") no-repeat right center;}
div.join_form table {border-top:1px solid #222;}
div.join_form table tr {border-bottom:1px solid #ccc;}
div.join_form table th {width:160px; line-height:20px; padding:0 10px 0 30px; font-size:14px; color:#444; text-align:left;}
div.join_form table th span {display:inline-block; padding-right:8px; text-indent:-9999px; background:url("/images/member/icon_necessary.gif") no-repeat right center;}
div.join_form table td {width:668px; padding:17px 0; vertical-align:middle; font-size:14px; color:#888; height:34px;}
div.join_form table td:after {clear:both; content:""; display:block;}
div.join_form table td input[type="text"],
div.join_form table td input[type="password"] {float:left; width:190px; height:34px; line-height:34px; padding:0 10px; border:none; background-color:#eee; margin-right:10px; box-sizing:border-box;}
div.join_form table td input[type="radio"] {width:16px; height:16px;}
div.join_form table td input[type="checkbox"] {width:16px; height:16px; border:1px solid #ccc;}
div.join_form table td input.full {width:560px; margin-top:10px;}
div.join_form table td input.mini {width:110px;}
div.join_form table td input.mini2 {width:230px;}
div.join_form table td input.search {width:518px;}
div.join_form table td select {float:left; width:110px; height:34px; line-height:34px; padding:0 10px; border:none; margin-right:10px; box-sizing:border-box; background:#eee url("../../../images/sfac/ico_sel2.png") no-repeat right center}/*181125*/
div.join_form table td textarea {width:92%; border:none; background-color:#eee; padding:2%; min-height:100px;}
div.join_form table td h3 {float:left; margin-right:10px;}
div.join_form table td p {float:left; font-size:14px; color:#888; line-height:34px; word-break:keep-all;}
div.join_form table td p.id {width:330px; line-height:17px;}
div.join_form table td p.pw {}
div.join_form table td div:after {clear:both; content:""; display:block;}
div.join_form table td h4.tel_sms {padding-top:15px;}
div.join_form table td h4.tel_sms span.sms_tit {display:inline-block; color:#333; width:120px;}
div.join_form table td span {display:inline-block;}
div.join_form table td span.pr25 {padding-right:25px; font-size:14px; color:#888;}
div.join_form table td span.email {display:block; float:left; line-height:34px; color:#888; padding-right:10px;}
div.join_form table td.newsletter h4 {padding-bottom:3px;}
div.join_form table td.newsletter p {float:none;}
div.join_form table td.newsletter h6 {font-size:14px; color:#d72525;}
div.join_form table td.signup h4 {}
div.join_form table td.signup p {line-height:22px; padding-top:10px;}
div.join_form table td.signup div.signup_btn {height:34px; padding-bottom:20px;}
div.join_form table td.signup div.signup_btn span {display:block; line-height:34px; float:left;}

.w130 {width:130px;}
.pb10 {padding-bottom:10px;}
.mb10 {margin-bottom:10px;}
.mr10 {margin-right:10px;}

/* withdrawal */
div.with_cont {width:370px; margin:0 auto; padding-top:28px;}

/* search_cont */
div.search_cont {width:380px; margin:0 auto; padding-top:28px; text-align:center;}
div.search_cont h4 {margin-bottom:30px;}
div.search_cont input[type=text] {float:left; width:calc(100% - 120px); margin-right:10px; margin-bottom:0;}

/* result_cont */
div.result_cont {border-top:1px solid #222; text-align:center;}
div.result_cont .header_banner {padding:40px 0 40px; height:auto;}
div.result_cont .header_banner h4 {padding:20px 0 0;}
div.result_cont .header_banner h4 a.btn03 {width:80px;}
div.result_cont .result_box {background-color:#eee; padding:40px 35px 35px 35px;}
div.result_cont .result_box h4 {font-size:18px; padding-bottom:10px;}
div.result_cont .result_box p {font-size:14px; color:#888; font-weight:300; padding-bottom:12px; line-height:22px; word-break:keep-all;}
div.result_cont .result_box div.btn_only {padding-top:25px;}

/* find_cont */
div.find_cont {width:550px; margin:0 auto; padding-top:28px;}
div.find_cont:after {clear:both; content:""; display:block;}
div.find_cont div.fine_input {float:left; width:420px; margin-right:10px;}
div.find_cont div.fine_input input {}
div.find_cont div.fine_input input.w80 {width:80%;}
div.find_cont div.fine_input input:last-child {margin-bottom:0;}
div.find_cont div.fine_input span {display:inline-block; font-size:14px; color:#888; font-weight:300; padding-left:8px;}
div.find_cont div.fine_btn {float:left; width:120px;}
div.find_cont div.fine_btn a {display:inline-block; width:100%; height:122px; line-height:122px; text-align:center; background-color:#333; font-size:15px; color:#fff;}
div.find_cont div.fine_btn.line2 a {height:78px; line-height:78px;}

/* privacy_cont */
div.privacy_cont {border-top:1px solid #222;}
div.privacy_cont div.privacy_list {background-color:#eee; padding:35px 30px 25px 30px;}
div.privacy_cont div.privacy_list p {font-size:14px; color:#888; line-height:22px; padding-left:20px; padding-bottom:8px; background:url("/images/member/info_bullet.gif") no-repeat left 10px;}
div.privacy_cont div.privacy_list p:hover {color:#222; background:url("/images/member/info_bullet_on.gif") no-repeat left 10px;}
div.privacy_cont ul.privacy_text {word-break:keep-all;}
div.privacy_cont ul.privacy_text li {border-bottom:1px solid #ddd; padding:35px 0; font-size:13px; color:#888; line-height:20px !important; font-weight:300;}
/* div.privacy_cont ul.privacy_text li h2 {font-size:15px; color:#222; line-height:22px; font-weight:400; padding-bottom:8px;} */
div.privacy_cont ul.privacy_text li h3 {font-size:15px; color:#222; line-height:22px; font-weight:400; padding-bottom:8px;}
div.privacy_cont ul.privacy_text li p a {display:inline-block; background-color:#999; color:#fff; padding:8px 15px; margin-top:20px;}
div.privacy_cont ul.privacy_text li p a:hover {background-color:#666;}
div.privacy_cont ul.privacy_text li a {color:#888;}
div.privacy_cont ul.privacy_text li table {text-align:center; margin-top:15px;}
div.privacy_cont ul.privacy_text li table th {padding:13px 0; border:1px solid #ddd; background-color:#eee; border-top:1px solid #333;}
div.privacy_cont ul.privacy_text li table td {padding:10px 0; border:1px solid #ddd; color:#888;}
div.privacy_cont ul.privacy_text li p{line-height:20px;color:#888}
div.privacy_cont ul.privacy_text li span{line-height:20px;color:#888}


div.info_box {background-color:#eee; padding:25px 30px; box-sizing:border-box; height:330px; overflow-y:scroll; overflow-x:hidden;}
div.info_box p {font-size:14px; color:#888; line-height:22px; font-weight:300; padding-bottom:24px; }
div.info_box h4 {font-size:14px; color:#222; line-height:22px; font-weight:400; padding-bottom:8px;}

div.terms_cont {}
div.terms_cont ul {border-top:1px solid #222;}
div.terms_cont ul li {border-bottom:1px solid #ccc;}
div.terms_cont ul li h2 {cursor:pointer; font-size:18px; color:#222; line-height:24px; padding:23px 0 23px 28px;; margin-right:30px; background:url("/images/member/terms_off.gif") no-repeat right center;}
div.terms_cont ul li.on {border-bottom:none;}
div.terms_cont ul li.on h2 {background:url("/images/member/terms_on.gif") no-repeat right center;}
div.terms_cont ul li div.info_box {display:none; height:380px;}
div.terms_cont ul li.on div.info_box {display:block;}


@media (max-width:1024px){
  header .colb .btn_lang_move a{top:26px}
  #header_new{padding: 0 15px}
  .container {width:100%; padding:0 6%;}
}

@media (max-width:666px){
header h1 a{background-size: auto 23px}
}
@media (min-width:900px) and (max-width:1024px){
#header_new {width:100%;}
#container {width:100%; padding:0 7.5%;}

/* join_step03 */
div.join_form table th {width:20%;}
div.join_form table td p.id {width:45%;}
div.join_form table td p.pw {width:65%; line-height:17px;}
div.join_form table td p.pw2 {line-height:34px;}
div.join_form table td input.search {width:calc(100% - 130px);}


}

@media (min-width:667px) and (max-width:900px){
#header_new {width:100%;}
#container {width:100%; padding:0 6%;}
/* join */
.join_box .join_step01 {padding:0 30px;}
.join_box .join_step01 div.join_select ul {height:100px;}
.join_box .join_step01 div.join_select ul li a {width:100px; height:100px; line-height:100px; border-radius:100px;}
.join_box .join_step01 div.join_select ul li a.select {margin-left:15px;}
.join_box .join_step02 {padding:0 30px;}
.join_box .join_step02 ul li a span {padding-right:10px;}

/* join_step01 */
div.step_icon dl dt {}
div.step_icon dl dd {width:40px; margin:0 20px;}

/* join_step02 */
div.agree_cont h2 {padding-left:0;}
div.agree_cont div.agree_box h4 {padding-left:0;}

/* join_step03 */
div.join_form table th {box-sizing:border-box; width:25%;}
div.join_form table td {width:80%;}
div.join_form table td p {line-height:18px; padding-top:8px;}
div.join_form table td p.id {width:45%;}
div.join_form table td p.pw {width:65%;}
div.join_form table td p.pw2 {}
div.join_form table td input.mini2 {width:150px;}
div.join_form table td input.search {width:calc(100% - 130px);}
div.join_form table td input.full {width:100%;}
div.join_form table td.newsletter h4 {padding-bottom:6px;}
div.join_form table td.newsletter p {line-height:22px; padding-top:0; padding-bottom:15px;}


}


@media (max-width:666px){
    #wrap {background:none;}
    #header_new {width:100%;}
    #header_new h1 {width:100%;  height:23px; text-align:left;}
    #header_new h1 a {height:23px;}
    #header_new h1 a.member_logo{display:inline-block;width:150px;height:23px;font-size:0;background:url("/images/member/logo_sfac_m.png") no-repeat;background-size:150px 23px;}
    #header_new h1 a.member_join{display:inline-block;width:96px;height:23px;font-size:0;background:url("/images/member/logo_mem_m.png") no-repeat;background-size:96px 23px;}
    #header_new div.header_banner {font-size:13px; height:auto; padding:5% 0; }
    #header_new div.header_banner p {font-size:15px; padding-top:5px;}
    #header_new div.header_menu {display:none;}
    #header_new div.m_menu {display:block; background-color:#333; padding:10px 0;}
    #header_new div.m_menu ul {display:inline-block; padding-left:14px; background:url("/images/member/route_home.png") no-repeat left center; background-size:13px 11px;}
    #header_new div.m_menu ul li {float:left; font-size:12px; color:#999; padding-left:14px; margin-left:10px; background:url("/images/member/route_bullet.png") no-repeat left center; background-size:5px 9px;}
    #header_new div.m_allmenu {display:block; position:absolute; top:15%; right:6%;}
    #header_new div.m_allmenu img {width:22px;}
    #header_new div.m_allmenu_close {display:block; position:absolute; top:15%; right:6%;}
    #header_new div.m_allmenu_close img {width:32px;}

    #container,.container {width:100%; padding:0 6%;}
    #container h2.tit {font-size:24px; padding:30px 0 20px;}
    #container h2.tit span {font-size:14px; line-height:20px; padding-top:12px; word-break:keep-all;}
     
    div.btn_cont {height:40px; display:block;}
    div.btn_cont a {width:48%;}
    div.btn_cont.mini {height:38px; width:100%;}
    div.btn_mini {height:22px; padding-top:6px;}
    div.btn_mini a {width:40px; height:22px; font-size:12px; line-height:20px;}

    a.btn01 {width:45%; max-width:130px; height:40px; line-height:40px; font-size:14px;}
    a.btn01.line {margin-right:4%;}
    a.btn01.mini {width:calc(50% - 3px); height:38px; line-height:38px;}
    a.btn02 {width:80px; height:30px; line-height:30px; font-size:12px;}
    a.btn03 {width:100%; height:26px; line-height:26px; padding:0 5px;font-size:12px;}
    .mr10 {margin-right:6px;}

    div.member_box {padding:25px 0;}
    div.member_box h2 {font-size:13px; line-height:20px;}
    div.member_box input[type=text],
    div.member_box input[type=password] {margin-bottom:4%; font-size:12px; height:30px; line-height:30px;}
    div.member_box select {margin-bottom:4%; height:30px; font-size:12px; line-height:28px;}
    div.member_box div.btn_cont a.btn01{max-width:inherit;}


/* join */
.join_box {height:auto; border-bottom:none;}
.join_box .join_step01 {float:none; width:100%; height:auto;}
.join_box .join_step01 div.join_select {padding:20px 0;}
.join_box .join_step01 div.join_select ul {height:80px;}
.join_box .join_step01 div.join_select ul li a {font-size:14px; width:80px; height:80px; line-height:80px; border-radius:80px;}
.join_box .join_step01 p {padding:15px 0 20px; font-size:12px; line-height:20px;}
.join_box .join_step02 {float:none; width:100%; padding:0;}
.join_box .join_step02 ul {margin-left:-3%;}
.join_box .join_step02 ul:after {clear:both; content:""; display:block;}
.join_box .join_step02 ul li {border:none; float:left; width:47%; height:40px;  margin:0 0 3% 3%;}
.join_box .join_step02 ul li a {font-size:12px; height:40px; line-height:40px; border-radius:40px; color:#fff;}
.join_box .join_step02 ul li a.facebook {background-color:#345493;}
.join_box .join_step02 ul li a.kakao {background-color:#ffcd00; color:#333;}
.join_box .join_step02 ul li a.naver {background-color:#2db400;}
.join_box .join_step02 ul li a.google {background-color:#ea4235;}
.join_box .join_step02 ul li a span {display:none;}
.join_box .join_step02 ul li:hover{border:0}
.join_box h2 {font-size:16px; height:16px; line-height:16px; padding:26px 0 18px;}
.join_box h2 span {background:url("/images/member/icon_info.png") no-repeat left center; background-size:16px 16px; padding-left:24px;}
.join_box .join_step02 .txt2{margin-top:12px;font-size:11px}
.join_box .join_step02 ul{margin-top:18px;font-size:11px}

/* join_step01 */
div.step_icon {padding:10px 0 30px 0;}
div.step_icon dl {margin:0 1%;}
div.step_icon dl dt {width:17%}
div.step_icon dl dt span {font-size:11px;}
div.step_icon dl dd {width:4%; margin:9% 3% 0 3%; height:1px; background:none; border-top:1px solid #ccc;}
div.step_icon dl dd.on {background:none; border-top:1px solid #222;}

div.member_box div.join_step1 {padding-top:20px;}
div.member_box div.join_step1 dl {height:120px;}
div.member_box div.join_step1 dl:after {clear:both; content:""; display:block;}
div.member_box div.join_step1 dl dt {width:31%; padding:0 8%;}
div.member_box div.join_step1 dl dt h3 {padding-bottom:20px}
div.member_box div.join_step1 dl dt h4 a {font-size:13px; width:100%; height:32px; line-height:32px;}
div.member_box div.join_step1 dl dd {height:120px; line-height:120px;}
div.member_box div.join_step1 dl dd span {font-size:11px; padding:8px 0;margin-top:40px;}

div.info_use {padding:25px 0 20px;}
div.info_use h2 {font-size:16px; color:#222; padding-bottom:12px; line-height:16px; padding-left:18px; background-size:10px 16px;}
div.info_use p {font-size:13px; line-height:20px; padding-bottom:10px; padding-left:18px; background:url("/images/member/info_bullet.gif") no-repeat left 8px;}

/* join_step02 */
div.agree_cont {padding:0;}
div.agree_cont h2 {font-size:15px; font-weight:500; padding:25px 0 20px 0;}
div.agree_cont h2 span {padding-top:10px; font-size:13px; line-height:18px;}
div.agree_cont div.agree_box {margin-bottom:30px;}
div.agree_cont div.agree_box div {padding:20px 15px; height:150px;}
div.agree_cont div.agree_box div h3 {font-size:15px; font-weight:500; padding-bottom:15px;}
div.agree_cont div.agree_box div p {font-size:12px; line-height:18px;}
div.agree_cont div.agree_box h4 {font-size:13px; padding:12px 0 0 0; line-height:15px;}
div.agree_cont div.agree_box h4 input {width:15px; height:15px; margin-right:5px;}

/* join_step03 */
div.join_form {margin-bottom:30px;}
div.join_form div.form_tit {font-size:18px; line-height:40px; height:40px;}
div.join_form div.form_tit p {font-size:12px; line-height:40px;}
div.join_form table th {width:32%; line-height:20px; padding:0; font-size:13px;}
div.join_form table td {width:68%; padding:17px 0; font-size:12px; height:30px;}
div.join_form table td:after {clear:both; content:""; display:block;}
div.join_form table td input[type="text"],
div.join_form table td input[type="password"] {width:40%; height:30px; line-height:30px; margin-right:6px;}
div.join_form table td input[type="radio"] {width:14px; height:14px;}
div.join_form table td input[type="checkbox"] {width:14px; height:14px; }
div.join_form table td input.full {width:100%; margin-top:6px;}
div.join_form table td input.mini {width:25%;}
div.join_form table td input.mini2 {width:25%;}
div.join_form table td input.search {width:calc(100% - 100px);}
div.join_form table td select {width:30%; height:30px; line-height:30px; padding:0 5px; margin-right:6px;}
div.join_form table td h3 {margin-right:6px;}
div.join_form table td p {font-size:12px; line-height:20px; padding-top:4px;}
div.join_form table td p.id {width:100%;}
div.join_form table td h4.tel_sms {padding-top:15px;}
div.join_form table td h4.tel_sms span.sms_tit {width:auto; font-size:13px; padding-right:15px;}
div.join_form table td span.pr25 {padding-right:15px; font-size:12px;}
div.join_form table td span.email {line-height:30px; padding-right:6px;}
div.join_form table td.newsletter h4 {font-size:13px;}
div.join_form table td.newsletter h6 {font-size:12px; line-height:18px; word-break:keep-all;}

div.join_form table td.signup h4 {font-size:13px;}
div.join_form table td.signup p {line-height:16px; padding-top:8px; font-size:12px;}
div.join_form table td.signup div.signup_btn {height:auto; padding-bottom:20px;}
div.join_form table td.signup div.signup_btn span {display:block; line-height:26px; float:left;}
div.join_form table td.signup div.signup_btn span.w130 {width:100%; font-size:13px;}


/* withdrawal */
div.with_cont {width:70%; padding:20px 15% 0 15%;}

/* search_cont */
div.search_cont {width:70%; padding:20px 15% 0 15%;}
div.search_cont h4 {margin-bottom:20px;}
div.search_cont h4 a.btn02 {width:60px;}
div.search_cont input[type=text] {width:calc(100% - 65px); margin-right:5px;}

/* result_cont */
div.result_cont .header_banner {padding:30px 0 25px 0; font-size:15px;}
div.result_cont .header_banner h4 {padding:10px 0 0;}
div.result_cont .header_banner p {font-size:20px; line-height:26px; padding:10px 30px 0 30px; word-break:keep-all;}
div.result_cont .result_box {padding:30px;}
div.result_cont .result_box h4 {font-size:16px;}
div.result_cont .result_box p {font-size:13px; padding-bottom:10px; line-height:20px;}
div.result_cont .result_box div.btn_only {padding-top:15px;}

/* find_cont */
div.find_cont {width:70%; padding:20px 15% 0 15%;}
div.find_cont div.fine_input {float:left; width:100%; margin-right:0;}
div.find_cont div.fine_input input.w80 {width:70%;}
div.find_cont div.fine_input span {font-size:12px; padding-left:4px;}
div.find_cont div.fine_btn {width:100%; margin-top:4%;}
div.find_cont div.fine_btn a {width:100%; height:38px; line-height:38px; font-size:14px;}
div.find_cont div.fine_btn.line2 a {height:38px; line-height:38px;}


/* privacy_cont */
div.privacy_cont {}
div.privacy_cont div.privacy_list {padding:25px 20px 10px 20px;}
div.privacy_cont div.privacy_list p {font-size:13px; line-height:18px; padding-left:16px; padding-bottom:8px; background-position:left 8px;}
div.privacy_cont div.privacy_list p.point { background-position:left 8px;}
div.privacy_cont ul.privacy_text li {padding:20px 0; font-size:12px;}
div.privacy_cont ul.privacy_text li h2 {font-size:14px; font-weight:500;}

div.info_box {padding:15px 20px; height:260px; }
div.info_box p {font-size:13px; line-height:18px; padding-bottom:14px; }
div.info_box h4 {font-size:13px; line-height:18px; padding-bottom:6px;}

div.terms_cont ul li h2 {font-size:15px; padding:18px 0 18px 14px; margin-right:20px; background-size:12px 6px;}
div.terms_cont ul li.on h2 {background-size:12px 6px;}
div.terms_cont ul li div.info_box {height:300px;}

}
@media (max-width:580px){
    header .colb .btn_lang_move a{top: 17px}
    .container {width:100%; padding:0 6%;}
}
@media (max-width:414px){
	div.with_cont{width:90%;padding:20px 5% 0 5%;}/*181207*/
}

@media (max-width:320px){
	div.member_box h2{padding:0 20px;}/*181207*/
	div.member_box input[type=text],
	div.member_box input[type=password]{padding:0 5px;}
}