@charset "UTF-8";

#_UlgnS_basic, #_UlgnS_SNS, #_UlgnS_AUTH { background:#fafafa; padding:50px; max-width:700px; margin:0 auto;  }

/* 로그인 전 */
#_UlgnS_basic h2 { display:none; }
#_UlgnS_basic._loginBefore {} ._loginInputWrap { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; gap:10px; }
#_UlgnS_basic._loginBefore {} ._loginInputWrap > ._loginInput { flex: 1 0 calc(100% - 110px); }
#_UlgnS_basic._loginBefore {} ._loginInputWrap > ._loginInput ._inputArea { padding:2px 0; }
#_UlgnS_basic._loginBefore {} ._loginInputWrap > ._loginInput input { width:100%; box-sizing: border-box; padding:20px; font-size:16px; font-family:'Dream Medium'; }
#_UlgnS_basic._loginBefore {} ._loginInputWrap > input { flex:0 0 100px; font-size:18px; font-family:'Dream Bold'; font-weight:bold; background:#0b3274; color:#fff; cursor:pointer; }

#_UlgnS_basic._loginBefore {} ._findInfo { padding:0; margin-top:30px; }
#_UlgnS_basic._loginBefore {} ._findInfo li { list-style:none; padding:5px 0; }
#_UlgnS_basic._loginBefore {} ._findInfo li div { display:flex; justify-content:space-between; align-items:stretch; }
#_UlgnS_basic._loginBefore {} ._findInfo li input { background:#00a79e; color:#fff; height:28px; padding:0 10px; font-size:12px; line-height:26px; border:none; cursor:pointer; min-width:100px; }


/*로그인 후*/
#_UlgnS_basic._loginAfter ._loginInfo {}
#_UlgnS_basic._loginAfter ._loginInfo ._loginMsg { padding:30px; text-align:center; }
#_UlgnS_basic._loginAfter ._loginInfo ._loginMsg strong { color:#009df5; }
#_UlgnS_basic._loginAfter ._uInfo { display:flex; flex-flow:row wrap; justify-content:center; align-items:stretch; box-sizing:border-box; padding:0; }
#_UlgnS_basic._loginAfter ._uInfo > li { flex:0 1 auto; list-style:none; }
#_UlgnS_basic._loginAfter ._uInfo > li:nth-child(odd) { margin-right:5px; }
#_UlgnS_basic._loginAfter ._uInfo > li:nth-child(even) { margin-left:5px; }

#_UlgnS_basic._loginAfter ._uInfo > li input[type="submit"] {cursor:pointer; color:#fff; font-weight:bold; height:50px; padding:0 27px; font-size:16px; line-height:50px; display:inline-block; font-family:'Dream Medium'; border:none; }
#_UlgnS_basic._loginAfter ._uInfo > li input[type="submit"]:hover { background:#fff; }

#_UlgnS_basic._loginAfter ._uInfo > li input[type="submit"]._btnLogout { background:#0b3274; border:1px solid #0b3274; }
#_UlgnS_basic._loginAfter ._uInfo > li input[type="submit"]._btnLogout:hover { background:#fff; color:#0b3274; }

#_UlgnS_basic._loginAfter ._uInfo > li input[type="submit"]._btnEditInfo { background:#8c8c8c; border:1px solid #8c8c8c; }
#_UlgnS_basic._loginAfter ._uInfo > li input[type="submit"]._btnEditInfo:hover { background:#fff; color:#8c8c8c; }

@media all and (max-width: 600px) {
	#_UlgnS_basic { width:100%; padding:20px; }
	#_UlgnS_basic._loginAfter ._loginInfo ._loginMsg { padding:10px; }
	#_UlgnS_basic._loginAfter ._uInfo { width:100%; }
	#_UlgnS_basic._loginAfter ._uInfo > li { flex-basis:100%; width:100%; }
	#_UlgnS_basic._loginAfter ._uInfo > li:nth-child(odd) { margin-right:0; margin-bottom:5px; }
	#_UlgnS_basic._loginAfter ._uInfo > li:nth-child(even) { margin-left:0; }
	#_UlgnS_basic._loginAfter ._uInfo > li input { width:100%; }
}


#_UlgnS_basic .tit, #_UlgnS_SNS .tit, #_UlgnS_AUTH .tit { text-align:center; color:#222; font-size:28px; font-family:'Dream Bold'; margin-bottom:30px; }
#_UlgnS_SNS dl, #_UlgnS_AUTH dl { display:flex; flex-wrap:wrap; align-items:center; border-top:2px solid #222; padding:10px 0; }
#_UlgnS_SNS dl dt, #_UlgnS_AUTH dl dt { flex:0 0 25%; font-family:'Dream Bold'; text-align:center; padding:8px 0; border-bottom:1px solid #afafaf; }
#_UlgnS_SNS dl dd, #_UlgnS_AUTH dl dd { flex:0 0 75%; font-family:'Dream Regular'; padding:8px 0; border-bottom:1px solid #afafaf; }

#_UlgnS_SNS .msg, #_UlgnS_AUTH .msg { padding:10px 0; }
#_UlgnS_SNS .agreeBox, #_UlgnS_AUTH .agreeBox { text-align:center; padding:15px 0; }
#_UlgnS_SNS .agreeBox [type="checkbox"], #_UlgnS_AUTH .agreeBox [type="checkbox"] { vertical-align:-4px; }
#_UlgnS_SNS .agreeBox label, #_UlgnS_AUTH .agreeBox label { padding-left:5px; }

#_UlgnS_SNS .btnBox, #_UlgnS_AUTH .btnBox { text-align:center; }

#_UlgnS_SNS .btnBox a { display:inline-block;  border-radius:10px; font-size:15px; font-family:'Dream Regular'; position:relative; }
#_UlgnS_SNS .btnBox a::before { position:absolute; content:""; left:20px; top:50%; transform:translateY(-50%); }

#_UlgnS_SNS .btnBox a.btnNaver { background:#01c73c; color:#fff; padding:10px 15px; padding-left:40px; }
#_UlgnS_SNS .btnBox a.btnNaver::before { background:url("../images/icon_naver.png") no-repeat center center; width:15px; height:15px; }

#_UlgnS_SNS .btnBox a.btnKakao { background:#fee800; color:#2e213e; padding:10px 15px; padding-left:55px; }
#_UlgnS_SNS .btnBox a.btnKakao::before { background:url("../images/icon_cacao.png") no-repeat center center; width:30px; height:26px; }

#_UlgnS_SNS .btnBox a.btnGoogle { background:#ececec; color:#222; padding:10px 15px; padding-left:50px; }
#_UlgnS_SNS .btnBox a.btnGoogle::before { background:url("../images/icon_google.png") no-repeat center center; width:22px; height:22px; }

#_UlgnS_AUTH .btnBox a { border-radius:10px; text-align:center; }

@media all and (max-width: 600px) {
	#_UlgnS_basic .tit, #_UlgnS_SNS .tit, #_UlgnS_AUTH .tit { font-size:24px; margin-bottom:10px; }
	#_UlgnS_SNS, #_UlgnS_AUTH { width:100%; padding:20px; }
#_UlgnS_SNS .btnBox a { display:block;  margin-top:10px; }
}
@media all and (max-width: 490px) {
	#_UlgnS_SNS .btnBox, #_UlgnS_AUTH .btnBox { display:flex; flex-direction:column; }
	#_UlgnS_SNS .btnBox a { margin-bottom:10px; padding-left:0 !important; }
	#_UlgnS_SNS dl dt, #_UlgnS_AUTH dl dt { flex:0 0 100%; text-align:left; }
	#_UlgnS_SNS dl dd, #_UlgnS_AUTH dl dd { flex:0 0 100%; }
}