/* initialize */
* {margin:0; padding:0; border:0;}
html {padding:0; margin:0; overflow-y:scroll; height:100%;}
body {font-family: 'Hanwha', 'Helvetica Neue', 'Apple SD Gothic Neo', 'Roboto', 'Noto Sans KR', sans-serif;}
body {font-size:15px;}
body {color:#666; background:#fff; -webkit-text-size-adjust: none; height:100%;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, span, a, table, thead, tfoot, tbody, th, td, form, legend, label, input, textarea, address, strong, em, pre, q, abbr, acronym, cite, blockquote, object, iframe {margin:0; padding:0;}
img, fieldset, hr {border:0; margin:0; padding:0;}
img {vertical-align:top;}
ul, ol {list-style-type:none;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
select, input, textarea {color:#666; font-size:100%; vertical-align:middle;}
select {height:20px; padding:0px;}
table {border-collapse:collapse; table-layout:fixed; width:100%;}
em, address {font-style:normal;}
hr {clear:both; display:none;}
legend, caption {width:0; height:0; font-size:0; line-height:0; visibility:hidden; overflow:hidden;}
input[type="button"], button {cursor:pointer;}
a {color:#555; text-decoration:none}
a:hover,
a:focus,
a:active {color:#f68b1f; text-decoration:none;}

/* tag */
h1 { font-size: 1.8em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em; }
h1,h2,h3 { margin: 0px; padding: 0px; font-weight: normal; }

/* common */
.show { display: block !important; }
.hide { display: none !important; }
.invisible { visibility: hidden !important; }

.dis_blk     { display: block !important; }
.dis_inl_blk { display: inline-block !important; }

.lH16 { line-height: 16px }

.fc_blue { color: blue !important; }
.fc_red { color: red !important; }
.fc_gray { color: grey !important; }
.fc_black { color: #333 !important; }

.txtAC { text-align: center !important; }

.fontWB { font-weight: bold !important; }

.mT70 { margin-top: 70px !important; }

/* 입력창 대문자만 입력 되도록 함 (주의, 화면에 노출은 대문자이지만 val() 는 소문자 값 그대로 이다.) */
.input_uppercase { text-transform: uppercase; }

/* icon */
.ico_balloon_red,
.ico_balloon_green,
.ico_balloon_yellow,
.ico_balloon_blue,
.ico_balloon_gray {
	position: relative;
	display: inline-block;
	float: left;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    line-height: 18px;
    background-clip: border-box;
    border-width: 0px;
    border-style: solid;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    color: #fff;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    font-size: 0.8em;
    font-weight: bold;
    overflow: hidden;
}
.ico_balloon_red { background: b71c1c; border-color: #b71c1c; }
.ico_balloon_green { background: #669900; border-color: #669900; }
.ico_balloon_yellow { background: #ffbb33; border-color: #ffbb33; }
.ico_balloon_blue { background: #1e61ff; border-color: #1e61ff; }
.ico_balloon_gray { background: #aaaaaa; border-color: #aaaaaa; }

.inp_btn {
	background-color: #337ab7;
	line-height: 30px;
	min-width: 60px;
	color: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 0px 10px;
	margin-top: 3px;
	margin-bottom: 3px;
	letter-spacing: -1px;
	font-size: 1em;
}

/* header */
.header { width: inherit; height: 65px; background: #f4f4f4; border-bottom: 1px solid #ccc; overflow: hidden; }
.header .logo { position: absolute; width: 105px; height: 26px; top: 22px; left: 15px; vertical-align: middle; overflow: hidden; }
.header .logo img { width: inherit; height: inherit; transition: all 0.3s; }

/* container */
.container { width: inherit; padding: 25px; margin-right: auto; margin-left: auto; }

/* title */
.title { width: inherit; text-align: center; }
.title_cont { max-width: 485px; padding:15px 10px; margin: 10px auto 30px auto; text-align: center; color: inherit; background-color: #495566; color: #fff; border-radius: 3px; }

/* login */
.login { width: 100%; text-align: center; }
.login_cont { max-width: 370px; margin: 0 auto; padding: 20px 0; }
.login_cont table { table-layout: fixed; width: 100%; }
.login_cont table th { text-align: left; padding: 3px 10px 3px 10px; font-size: 1em; color: #242424; }
.login_cont table td { text-align: center; padding: 3px 0px 3px 0px; }
.login_cont input.inp_text { width: 90%; border: 1px solid #d6d6d6; background: rgb(251, 253, 224); font-size: 0.9em; padding: 4px 5px 6px; margin: 0 0; overflow: visible; }
.login_cont input.inp_text:disabled { width: 90%; border: 1px solid #d6d6d6; background: #eee !important; font-size: 0.9em; padding: 4px 5px 6px; margin: 0 0; overflow: visible; }
.login_cont input.inp_text_disabled { width: 90%; border: 1px solid #d6d6d6; background: #eee !important; font-size: 0.9em; padding: 4px 5px 6px; margin: 0 0; overflow: visible; }
.login_cont input.inp_btn { width: 100%; height: 60px; border: 2px solid #337ab7; background: #337ab7; color: #fff; font-size: 0.9em; font-weight: bold; overflow: visible; }
.login_cont input.inp_btn:disabled { width: 100%; height: 60px; border: 2px solid #d6d6d6 !important; background: #eee !important; color: #aaa !important; font-size: 14px; font-weight: bold; overflow: visible; }
.login_cont input.inp_btn_disabled { width: 100%; height: 60px; border: 2px solid #d6d6d6 !important; background: #eee !important; color: #aaa !important; font-size: 14px; font-weight: bold; overflow: visible; }
.login_icon > img { width: 99px; transition: 0.7s ease; -ms-transform: 0.7s ease; -webkit-transform: 0.7s ease; }

/* login bottom */
.login .notice { width: 100%; text-align: center; font-size: 0.9em; }

/* step */
.step { width: 100%; text-align: center; }
.step_cont { max-width: 520px; margin: 0 auto; border-spacing: 0; border-collapse: collapse; }
.step_cont { border-top: 2px solid #bbc0c7; border-bottom: 2px solid #bbc0c7; }
.step_cont table th,.step_cont table td { border-bottom: 1px solid #ddd; padding: 3px 10px; margin: 0;}
.step_cont table thead th { height: 40px; }
.step_cont table th { height: 48px; font-size: 1em; background: #f5f5f5; color: #333; font-weight: bold; text-align: center; }
.step_cont table th~th,.step_cont table td~td,.step_cont table th~td,.step_cont table td~th { border-left: 1px solid #ddd; }
.step_cont table td { min-height: 48px; background: #fff; font-weight: bold; text-align: left; }
.step_cont table td { word-break: break-word; word-wrap: break-word; }
.step_cont table .on td { background: #faf5ed; font-weight: bold; }

/* status */
.status { width: 100%; margin-top: 25px; margin-bottom: 70px; text-align: center; }
.status_cont { width: 350px; margin: 0 auto; font-size: 1.5em; font-weight: bold; }