@charset 'utf-8';

/* developer Code Starts */
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

				  /* 로그인 창*/	
.loginWrap					{width:500px; height:auto; margin:50px auto 0; padding:40px 50px 30px 50px; border:1px solid #e1e1e1; background-color:#f5f5f5; text-align:center;}
.loginWrap .boxLogin	{float:left; width:250px;text-align:right;}
.loginWrap .boxLogin .inputEm {width:250px; margin-bottom:10px; }
.loginWrap .boxLogin .button {float:left; width:150px; height:150px;}
.loginWrap .boxLogin .button .btnEmBlue {width:150px;}


input.inputEm	{height:45px; padding:0 15px 2px; border:1px solid #555; font-size:16px; line-height:18px;}

.btnEmBlue, 
a.btnEmBlue.disable:hover{display:inline-block; width:140px;height:100px;margin-left:5px;line-height:100px; background:#555; text-align:center;}
a.btnEmBlue:hover			{background:#3163a3; text-decoration:none;}
.btnEmBlue .btnTxt			{display:inline-block; color:#fff; font-size:18px; vertical-align:middle;  line-height:normal;}

.idpw_w{width:100%; border-top:1px solid #ddd; margin-top:10px;padding-top:10px;}

@media screen and (max-width:768px){
.loginWrap					{width:300px; height:auto; margin:50px auto 0; padding:40px 20px 30px 20px; border:1px solid #e1e1e1; background-color:#f5f5f5; text-align:center;}
.loginWrap .boxLogin	{float:left; width:150px;text-align:right;}
.loginWrap .boxLogin .inputEm {width:150px; margin-bottom:10px; }
.loginWrap .boxLogin .button {float:left; width:100px; height:150px;}
.loginWrap .boxLogin .button .btnEmBlue {width:100px;}
.btnEmBlue, 
a.btnEmBlue.disable:hover{display:inline-block; width:100px;height:100px;margin-left:5px;line-height:100px; background:#555; text-align:center;}
}

@media screen and (max-width:320px){
.s_con {padding:60px 10px; position:relative; height:auto; }
.loginWrap					{width:280px; height:auto; margin:50px auto 0; padding:40px 15px 30px 15px; border:1px solid #e1e1e1; background-color:#f5f5f5; text-align:center;}
.loginWrap .boxLogin	{float:left; width:150px;text-align:right;}
.loginWrap .boxLogin .inputEm {width:150px; margin-bottom:10px; }
.loginWrap .boxLogin .button {float:left; width:90px; height:150px;}
.loginWrap .boxLogin .button .btnEmBlue {width:90px;}
.btnEmBlue, 
a.btnEmBlue.disable:hover{display:inline-block; width:90px;height:100px;margin-left:5px;line-height:100px; background:#555; text-align:center;}
}
.strCut {overflow:hidden;text-overflow:ellipsis;height:20px;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {;height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block;}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../img/captcha2.png') no-repeat 0 0 ;  vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}


/* [faq-list] */
.faqList	{clear:both; border-top:1px solid #dfdfdf; margin-bottom:20px;}
.faqList .bgGray	{background:#f3f3f3 !important;}

.answer			{position:relative; padding: 10px 20px 18px 45px; background:url("../img/sub/icon_a.png") no-repeat 15px 12px; text-align:left; border-bottom:1px solid #dddddd; color:#666; border-top:0;}
.answer ul li   {list-style:disc}
.answer ol li   {list-style:decimal}
.answer .btn	{position:absolute; bottom:15px; right:10px;}

.faqList ul		{height: 100%;}
.faqQuestion	{position:relative; padding:8px 15px; font-weight:600; border-top:1px solid #dfdfdf; border-top:0; border-bottom:1px solid #dfdfdf; text-align:left;border-right:1px solid #dfdfdf; border-left:1px solid #dfdfdf;/*background:#e5eef3;*/}

.questionTitle	{display:inline-block; padding:10px 0px 10px 26px;font-size:14px; background:url("../img/sub/icon_q.png") no-repeat 0 50%;}

.saved_read{display:inline-block; width:110px; height:20px; line-height:20px; border:1px solid #999;  font-weight:bold; padding-bottom:11px;text-align:center; color:#111;}
.saved_read button {border:none;}