@charset "utf-8";

/* 2019-08-19 */
/* login */
.login_wrp {margin:0 auto 0 auto; width:950px; overflow:hidden;}
.login_box {display:inline-block; margin-top:10px; width:410px; overflow:hidden;}
.login_box .logon_tit {font-size:28px; text-align:center; font-weight:700;}
.login_box [type="text"],
.login_box [type="password"] {text-indent:18px; width:100%; height:64px; line-height:62px; font-size:16px; font-weight:500; background:#f9f9f9; border:1px solid #ccc;}
.login_box .btn_login {display:block; width:100%; height:64px; line-height:64px; color:#fff; font-size:18px; text-align:center; font-weight:bold; background:#262324; transition:all 0.3s;border:1px solid #6D6E71;}
.login_box .btn_login:hover {background:#6D6E71;}
.login_box .btn_nologin {display:block; width:100%; height:64px; line-height:60px; color:#000; font-size:18px; text-align:center; font-weight:500; border:2px solid #262324; background:#fff; transition:all 0.3s;}
.login_box .et_mu {margin-top:20px; text-align:center;}
.login_box .et_mu ul {display:inline-block;}
.login_box .et_mu ul li {float:left; line-height:1;}
.login_box .et_mu ul li:after {content:''; display:inline-block; margin:0 15px; width:1px; height:14px; background:#ccc;}
.login_box .et_mu ul li:last-child:after {display:none;}
.login_box .sns {margin-top:20px; padding-top:20px; text-align:center; border-top:1px solid #bbb;}
.login_box .sns .sns_st {font-size:18px; font-weight:bold;}
.login_box .sns ul {display:inline-block; margin-top:20px;}
.login_box .sns ul li {position:relative; float:left; margin:0 8px;  width:70px; overflow:hidden;}
.login_box .sns ul li a:before {content:''; display:inline-block; position:absolute; left:50%; top:0; width:63px; height:63px; transform: translateX(-50%); background-image:url(/images/icon/ic_sns.png);}
.login_box .sns ul li a { display:block; padding-top:75px; font-size:15px;}
.login_box .sns ul li:nth-of-type(1) a:before {background-position:0 0;}
.login_box .sns ul li:nth-of-type(2) a:before {background-position:-64px 0;}
.login_box .sns ul li:nth-of-type(3) a:before {background-position:-128px 0;}
.login_box .sns ul li:nth-of-type(4) a:before {background-position:-192px 0;}

/* 도움말 */
.danger_box {margin-top:0px; border:1px solid #6D6E71; padding:15px 20px;}
.danger_box li {position:relative; margin-bottom:5px; padding-left:12px;}
.danger_box li:last-child {margin-bottom:0;}
.danger_box li:before {content:''; display:inline-block; position:absolute; left:0; top:50%; transform: translateY(-50%); width:4px; height:4px; background:#262324; color:#999;}
.danger_box li a {text-decoration:underline;}

/* 이용약관,개인정보 내용 */
div.box_agree{margin:12px 0;padding:9px 10px;border:1px solid #dbdbdb;border-top:1px solid #444;background-color:#f3f3f3;width:410px;}
div.box_agree div{overflow-y:scroll;height:212px;padding:18px;border:1px solid #dbdbdb;background-color:#fff;line-height:18px;color:#666}
div.box_agree div strong{color:#000}