@charset "utf-8";
/* --------------------------------------------------
* Version	: 1.0
* Date		: 2018.09
* Author	: SangKi Park / pak81@saerom.co.kr, seon81.park@gmail.com
* Note		: -
\* -------------------------------------------------- */


/** RESET
===================================*/
html {-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,main,hgroup,menu,nav,section,summary,time,mark,audio,video {margin:0;padding:0;border:0;background:transparent;outline:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section {display:block}
ul,ol {list-style:none}
blockquote,q {quotes:none}
pre {display:inline-block}
em {font-style:normal}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none}
a {color:inherit;text-decoration:none;outline:none !important}
table {table-layout:fixed;border-collapse:collapse;border-spacing:0}
table,tr,th,td {border-collapse:collapse;border-spacing:0;empty-cells:show}
input,select {margin:0;padding:0;vertical-align:middle;outline:none;background:white}
input[type=text]:-ms-clear {display:none}
button {margin:0;padding:0;border:0;font:inherit;background:transparent;cursor:pointer;outline:none !important}
button::-moz-focus-inner {padding:0;border:0}
img {max-width:100%;vertical-align:top}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
input:-webkit-autofill {-webkit-text-fill-color:#000;-webkit-box-shadow: 0 0 0px 1000px rgba(0,0,0,0) inset;transition:background-color 5000s ease-in-out 0s}
input:-webkit-autofill ~ label,
input:-webkit-autofill:hover ~ label, 
input:-webkit-autofill:focus ~ label,
input:-webkit-autofill ~ label {z-index:-1 !important}


/** Login
===================================*/
/* Font */
body {font-family:"맑은 고딕","Malgun Gothic","돋움",Dotum,"굴림",Gulim,Arial, sans-serif}

/* Layout */
.loginPage {display:table;table-layout:fixed;position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%}
.loginPage > .inner {display:table-cell;width:100%;text-align:center;vertical-align:middle}

/* Header */
.loginHeader {padding:0 0 10px;text-align:center}

/* Container */
.loginContainer {margin:0 auto;padding:30px 0 22px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;width:920px}
.loginContainer:after {content:'';clear:both;display:table}
.loginForm {position:relative;margin:0 auto;width:400px;text-align:left}
.loginForm .loginLang {position:absolute;top:-31px;right:10px;z-index:1;display: none;}
.loginForm .loginLang .btnLang {vertical-align:top}
.loginForm .loginLang .lang {display:block;position:relative;padding-left:16px;height:30px;font-size:13px;line-height:30px;color:#535865}
.loginForm .loginLang .lang.ko {background:url(/gw_resource/images/icon/ico_lang_kr.png) no-repeat left center}
.loginForm .loginLang .lang.en {background:url(/gw_resource/images/icon/ico_lang_en.png) no-repeat left center}
.loginForm .loginBox {overflow:hidden;padding:0 9px;border:1px solid #e0e0e0;border-radius:9px}
.loginForm .inputText {position:relative;padding-left:42px;border-bottom:1px solid #e0e0e0}
.loginForm .inputText:last-child {border-bottom:0}
.loginForm .inputText label {overflow:hidden;position:absolute;top:50%;left:4px;margin-top:-15px;width:30px;height:30px;background:url(/gw_resource/images/login/sp_login.png) no-repeat;text-indent:-9999px}
.loginForm .inputText label[for="Username"] {background-position:0 0}
.loginForm .inputText label[for="Password"] {background-position:0 -40px}
.loginForm .inputText input {border:0;width:100%;height:58px;font-size:13px;color:#333;outline:0}
.loginForm .inputText input::-webkit-input-placeholder {color:#999}
.loginForm .inputText input::-moz-placeholder {color:#999}
.loginForm .inputText input:-ms-input-placeholder {color:#999}
.loginForm .inputText input:-moz-placeholder {color:#999}
.loginForm .util {position:relative;margin-top:16px}
.loginForm .checkBox {overflow:hidden;position:relative}
.loginForm .checkBox label {display:inline-block;font-size:14px;line-height:30px;color:#363636;vertical-align:top;cursor:pointer}
.loginForm .checkBox label:before {content:'';display:inline-block;margin-right:10px;width:30px;height:30px;background:url(/gw_resource/images/login/sp_login.png) no-repeat;background-position:-40px 0;vertical-align:top}
.loginForm .checkBox input {position:absolute;top:0;left:-9999px;opacity:0}
.loginForm .checkBox input:checked + label:before {background-position:-40px -40px}
.loginForm .loginLinks {position:absolute;top:-2px;right:0}
.loginForm .loginLinks li {float:left;margin-left:6px}
.loginForm .loginLinks li a {display:block;padding:0 10px;border:1px solid #e0e0e0;font-size:13px;line-height:32px;color:#444;letter-spacing:-0.05em;background:#fcfcfc}
.loginForm .selectLang {overflow:hidden;position:absolute;top:0;right:0;border:1px solid #ccc;width:96px}
.loginForm .selectLang select {border:0;width:100%;height:28px;outline:0}
.loginForm .btnLogin {display:block;margin-top:26px;width:100%;font-size:22px;line-height:65px;font-weight:bold;color:#fff;text-align:center;background:#c40452}
.loginForm .bannerLinks {margin-top:35px}
.loginForm .bannerLinks li:first-child {float:left}
.loginForm .bannerLinks li:last-child {float:right}

/* Footer */
.loginFooter {padding:18px 0 52px}
.copyright {font-size:10px;line-height:14px;color:#999;text-align:center}

/** Login - Session Out
===================================*/
.login.session { position:relative; height:100%; background:#fff; }
.login.session legend { display:none; }
.login.session .inset { height:100%; }
.login.session .head { padding:30px 0; text-align:center; }
.login.session .head .ment { font-size:24px; }
.login.session .head .ment em { font-style:normal; }
.login.session .body { padding:0 40px; }
.login.session .body .inp-list { position:relative; padding-right:104px; }
.login.session .body .inp-list .btns { position:absolute; top:0; right:0; }
.login.session .body .inp-wrap { margin-bottom:9px; border:1px solid #ccc; }
.login.session .body .inp-wrap input { border:0; width:100%; height:28px; text-indent:6px; vertical-align:top; }
.login.session .body .chk ~ label { font-size:12px; }
.login.session .copyright { position:relative; bottom:0; left:0; padding:10px 0; width:100%; }