@charset "uft-8";

@import url(layout.css);
@import url(s-core-dream.css);

 /* Reset */
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, 
header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0; padding:0; -webkit-text-size-adjust:none; word-wrap:break-word; word-break:keep-all;}

*, :before, :after {box-sizing:border-box;}
html, body{width:100%;}
body {width:100%; background:#fff; min-width:320px; webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
body, input, select, textarea, button {border:none; font-size:16px; font-family:'scdream4', 'Noto Sans KR', sans-serif; color:#333;}
ul {overflow:hidden;}
ul, ol, li {list-style:none;}
table {width:100%; border-spacing:0; border-collapse:collapse;}
img, fieldset {border:0;}
address, cite, code, em {font-style:normal; font-weight:normal;}
label, img, input, select, textarea, button {vertical-align:middle;}
.hide, caption, legend {line-height:0; font-size:1px; overflow:hidden;}
hr {display:none;}
main, header, section, nav, footer, aside, article, figure {display:block;}
a {color:#333; text-decoration:none;}
strong, h1, h2, h3, h4, h5, h6 {font-weight:normal;}
 
/* Form */
textarea {display:block; width:100%; min-height:200px; border:1px solid #e3e3e3; border-radius:0; padding:10px; margin:0; box-sizing:border-box; background:#fff;}
select {position:relative; height:64px; padding:0 31px 0 10px; margin:0; border:1px solid #e3e3e3; border-radius:0; vertical-align:middle; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(../img/btn_arrow.png) right 10px center no-repeat #fff; background-size:10px;}
input[type=tel],
input[type=time],
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=file],
input[type=url],
input[type=number],
input[type=date],textarea {height:64px; font-size:16px; color:#333; padding:0 20px; border:1px solid #ddd; background:#fff; transition: all 0.5s; vertical-align:middle; box-sizing:border-box;}
input::-webkit-input-placeholder {color:#a2a2a2; font-size:14px;}
textarea {padding:20px;}
select:focus,
textarea:focus,
input:focus {border:1px solid #5b8cf0;}

input[type=tel][readonly],
input[type=text][readonly],
input[type=password][readonly],
input[type=email][readonly], 
input[type=search][readonly], 
input[type=tel][disabled],
input[type=text][disabled],
input[type=password][disabled],
input[type=search][disabled],
input[type=email][disabled] {background:#eaeaea; border-color:#c0c0c0; color:#666; -webkit-appearance:none;}
textarea[readonly],
textarea[disabled] {padding:11px; font-size:16px; color:#666; font-weight:normal; line-height:140%; height:78px; background:#eaeaea; border:1px solid #c0c0c0;}

input[type=radio], input[type=checkbox] {position:absolute; visibility:hidden;}
input[type=radio] + label, input[type=checkbox] + label {position:relative; line-height:25px; padding-left:35px; display:inline-block; vertical-align:top;}
input[type=radio] + label:before {position:absolute; left:0; top:0; width:23px; height:23px; border-radius:50%; border:1px solid #dadada; background:#fff; content:'';}
input[type=radio] + label:after {position:absolute; left:0; top:0; width:23px; height:23px; border-radius:50%; border:1px solid #dadada; background:#fff; content:'';}
input[type=radio]:checked ~ label:before, input[type=checkbox]:checked ~ label:before {border:1px solid #5b8cf0;}
input[type=radio]:checked ~ label:after {top:7px; left:7px; width:9px; height:9px; border:0; background:#5b8cf0;}
input[type=radio]:disabled ~ label:before {border:1px solid #dadada}
input[type=radio]:checked:disabled ~ label:after {background:#dadada}

input[type=checkbox] + label:before {position:absolute; left:0; top:0; width:23px; height:23px; border:1px solid #dadada; background:#fff; content:'';}
input[type=checkbox] + label:after {position:absolute; left:0; top:0; width:23px; height:23px; border:1px solid #dadada; background:#fff; content:'';}
input[type=checkbox]:checked ~ label:after {top:6px; left:4px; width:16px; height:12px; border:0; background:url(../img/ico_input_chk.png) center no-repeat;}

input[type=text].input-style2, select.input-style2 {width:50%;}

.selOption {display:none; position:absolute; left:-1px; top:62px; width:360px; height:auto; overflow-y:scroll; padding:20px; border:1px solid #ddd; box-sizing:border-box; background:#fff; z-index:2;}
.selOption span {display:block; line-height:25px; margin-bottom:10px;}
.selOption span:last-child {margin-bottom:0;}


.img-file {display:inline-block; min-width:210px; min-height:153px; text-align:center; padding:5px; cursor:pointer; border-radius:10px; border:1px solid #d8d8d8; }
input[type=file] {position:absolute; top:0; left:0; width:0; height:0; padding:0; border:0; overflow:hidden;}
.file-name {display:block; width:100%; background:#fff;}

.img-file2 {display:inline-block; min-width:110px; line-height:64px; color:#fff; text-align:center; cursor:pointer; border-radius:5px; background:#5b8cf0;}
.file-name2 {display:inline-block; width:80% !important; height:64px; color:#a2a2a2; padding:0 20px; border:1px solid #ddd; background:#fff;}

span.font-style {font-family:'scdream5'; font-size:20px; color:#5b8cf0; margin-left:10px;}

.clear {clear:both;}
.clear:after { content:""; display:block; clear:both;}


#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}

@media (max-width:1024px){
	input[type=tel], input[type=time], input[type=text], input[type=password], input[type=search], input[type=email], input[type=file], input[type=url], input[type=number], input[type=date], textarea, .file-name2, .img-file2, select {height:54px;}
	/* input[type=text].input-style2, select.input-style2 {width:90%;} */

}

@media (max-width:767px){
	.img-file {display:block; min-width:100%; min-height:auto; padding:20px 0; background-position:10% 50%; background-size:25px;}
}