@charset "utf-8"; 

/* Reset Style */
* {padding:0; margin:0;}
html {-webkit-text-size-adjust:none;}
body, a, select, input, textarea {font-size:18px; font-family:'Apple SD Gothic Neo', Applegothic, 'Malgun Gothic', Dotum;}
ol, ul, li {list-style:none;}
img {vertical-align:middle;}
button, input {border:0; vertical-align:middle; cursor:pointer; overflow:visible; background:transparent;}
select {border:0; outline:0 !important; appearance:none; -webkit-appearance:none; -moz-appearance:none;}

/* input, textarea, selectbox */
input[type=radio],
input[type=checkbox] {position:relative; width:13px; height:13px; margin:0; border:0; border-radius:0; background:url('images/mobile/sp_input.png') no-repeat 0 -15px; background-size:30px 60px;}
input[type=radio].on {background-position:0 0;}
input[type=radio].on.blue {background-position:-15px 0;}
input[type=checkbox] {background-position:0 -45px;}
input[type=checkbox].on {background-position:0 -30px;}
input[type=checkbox].on.blue {background-position:-15px -30px;}
.i_text {display:block; padding:0 12px; border:1px solid #eee; border-radius:0; color:#b8b8b8; background:#fff;}
.i_text input,
.i_text textarea { line-height:23px; padding:12px 0;width:100%; border:0; margin:0; background:transparent none; outline:0 !important; appearance:none; -webkit-appearance:none; -moz-appearance:none;}

select {width:100%; width:100%; height:47px; margin:0; border:0; color:#b8b8b8; border-radius:none; background:transparent none;}
/* 파이어폭스 / @-moz-document url-prefix() {적용할 스타일} */
@-moz-document url-prefix() 
{
    select {text-indent:20px;}
}
span.select {display:block; padding-left:10px; border:1px solid #ccc; background:#f2f2f2 url('images/mobile/btn_selectbox.png') no-repeat right center; background-size:55px 47px;}

/* placeholder */
::-webkit-input-placeholder{color:#bbb;}/* WebKit browsers */
:-moz-placeholder {color:#bbb;}/* Mozilla Firefox 4 to 18 */
::-moz-placeholder {color:#bbb;}/* Mozilla Firefox 19+ */
:-ms-input-placeholder {color:#bbb;}/* Internet Explorer 10+ */
/* fallback placeholder */
.placeholder { color: #bbb; }

/* 모바일 해상도 */
#wrap {margin:8px; background-color:#fff; border-radius:10px; overflow:hidden;}
#wrap #content { border:5px solid #44a0e7; overflow:hidden;  }
#wrap #logo {padding-bottom:7px; border-bottom:1px solid #c5c5c5; text-align:right;}
#wrap #logo img {width:180px; height:29px;}

.poll_area {}
.poll_tit { background-color:#44a0e7; color:#fff; padding:18px; }
.poll_area h2 { font-size:24px; padding-bottom:10px; }
.poll_area p { font-size:14px; }
.poll_area pre { font-size:14px; font-family:'Apple SD Gothic Neo', Applegothic, 'Malgun Gothic', Dotum;}
.poll_area dl { margin:15px; }
.poll_area dl dt {font-weight:bold; border-bottom:1px solid #dedede; padding-bottom:15px; padding-top:15px;}
.poll_area dl dd {margin:8px 0 16px;}
.poll_area dl dd li {margin:0 0 4px;}
.poll_area dl dd li * {vertical-align:middle;}
.poll_area dl dd li .i_text {display:inline-block; width:80%;}
.poll_area dl dd textarea {width:100%;}
.poll_area dl dd>input[type=text] {width:100%;}

.btn_confirm a,
.btn_confirm button,
.btn_confirm input {display:inline-block; width:100%; height:64px; border-radius:0; color:#fff; text-align:center; vertical-align:top; font-weight:bold; line-height:64px; text-decoration:none; background:#d9232e; outline:0 !important; appearance:none; -webkit-appearance:none; -moz-appearance:none;}
.btn_confirm a:hover,
.btn_confirm button:hover,
.btn_confirm input:hover {background-color:#ffffff; color:#d9232e;}
.btn_confirm.set2 a,
.btn_confirm.set2 button,
.btn_confirm.set2 input {width:50%;}
.btn_confirm.set2 a:hover,
.btn_confirm.set2 button:hover,
.btn_confirm.set2 input:hover {background-color:#ffffff; color:#d9232e;}

/* 태블릿 해상도 */
@media only screen and (min-width: 728px) {
	#wrap {margin:8px auto; max-width:360px;}
}

/* 오류 페이지 */
#error {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	width: 100%;
}

.error-404 {
	background: url(images/error/404.jpg) no-repeat center 50px;
}

.error-500 {
	background: url(images/error/500.jpg) no-repeat center 50px;
}

/* 로딩 애니메이션 */
#loading {
	display: none;
}

#loading-overlay {
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: transparent;
	opacity: 0.5;
	position: absolute;
	z-index: 9999;
}

#loading-panel {
	top: 50%;
	left: 50%;
	position: absolute;
	width: auto;
}

#loading-spin {
	left: -50%;
	position: relative;
}

.answer-area
{
    /*overflow-y:scroll;
    width:100%;
    height:427px;*/
}
#pollfinish
{
    display:none;
}
.no-answer-area
{
    width:100%;
    height:427px;
    padding-bottom:24px;
    text-align:center;    
}
.no-answer-area textarea
{
    border:0;
    width:100%;
    height:100%;
    text-align:center;
}

.help-text
{
    padding-left:22px;
    color:#666666;
    font-size:12px;
}
p.required-text,span.required-text
{
    color:#d9232e;
    font-size:12px;
}
.move-off
{
    display:none;
    /*color:#bbb;*/
}
/* Message - Start */
.toggler { position: absolute; left:45%; top:30%; display:none; }
#effect { min-width: 300px; padding: 1em;  font-size: 1.2em; border: 1px solid #5cbeeb; background: #fff; color: #333; text-align:center; }
/* Message - End */

.a-left {
    text-align: left;
}
.a-center {
    text-align: center;
}
.a-right {
    text-align: right;
}

.login-area
{
    width:100%;
    overflow:visible;
    margin:0;
    float:left;
    display:block;
    position:relative;
    min-height:300px;
}

.login-area .btn_area {
    display:block;
    padding-bottom:15px;
    position:relative;
    clear:both;
    margin:0 auto;
    overflow:auto;    
    z-index:88; 
    left:6%;
}
.login-area .btn_area .button {    
    display: inline-block;
    float:left;
    width:88%; 
    height: 64px;
    border-radius: 0px;
    color: #fff;
    text-align: center;
    vertical-align: top;
    font-weight: bold;
    line-height: 64px;
    text-decoration: none;
    background: #2e70e8;
    outline: 0 !important;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.login-area .table {
	border: 0px;
	width: 100%;
    font-size:16px;
}

.login-area .table th {
	color: #4F6B72;
	background-color: #ECF6FF;    
    font-weight: normal;
}

.login-area .table th,
.login-area .table td {
	border-bottom: 1px solid #dedede;
    padding:5px;
    line-height: 30px;
    text-align: left;
}
.login-area .table td input[type=text],
.login-area .table td input[type=password] {
	border: 1px solid #dedede;
    padding:3px;
}
.login-area .login-area-sub {
	min-height:190px;
}
.login-area .box {
	background-color:#ECF6FF; 
    font-size:12pt;
    padding:5px;
}