@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html,
body{
	margin:0;
	font-family:'나눔고딕',NanumGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;
	font-size:16px;
}
* {-webkit-text-size-adjust:none;} /* iphone 글자크기 자동조정 방지 */
ol, ul{list-style:none;padding:0}
a{text-decoration:none;color:#000;}
a:hover,
a:active,
a:focus{text-decoration:none;}
img{border:none;}
form{display:inline}

figure{margin:0;padding:0;text-align:center}
input[type='search']{border:none}
label{cursor:pointer}
section{font-size:1em}
h1{font-size:1.2em; font-weight:bold}
h2{font-size:1.1em; font-weight:bold}
h3{font-size:1.0em; font-weight:bold}
h4{font-size:1.0em}
p{font-size:1em}
button{border:none;padding:7px; font-weight:bold; cursor:pointer;border-radius:7px}

.loading{background:url('../_img/indicator.gif') no-repeat 50% 0; text-align:center; font-size:1.1em; margin:20px 0; padding-top:30px; color:#999}
.on{display:block}
.off{display:none}

button{border:none;color:#fff; padding:7px; font-weight:bold; cursor:pointer;border-radius:7px}
button a{color:#fff}
.btnContainer{text-align:center; margin-top:7px;}
.btnContainer a{display:inline-block}
.button_1{padding:3px 7px; background-color:#999;}			
.button_2{padding:7px 20px; background-color:#3f3e40;  color:#d3d3d3; border:1px solid #333; border-radius:5px}
.button_2 a{color:#fff; display:block}
.button_3{padding:5px; background-color:#3f3e40; border-radius:0; margin:0}
.button_4{padding:5px; background-color:#999; margin-left:5px; color:#fff}			
.button_5{font-size:.9em; border:1px solid #dedede; padding:7px 10px; border-radius:3px; display:inline-block; background-color:#666; color:#fff; font-weight:bold; cursor:pointer}			


/* font size */
.ft-fa1 {font-size:100%;}
.ft-fa2 {font-size:88%;}
.ft-fa3 {font-size:75%;}
.ft-fa4 {font-size:69%;}

/* default */
.border-box {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}

.no_type{margin:0;padding:0;list-style:none}
.border_box{box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;}
.blind{position:absolute;top:-1000px;visibility:hidden}
.word_break{word-break:break-all;word-wrap:break-word}
.textOverflow{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

/* 1 */ 


.errBox{text-align:center;background-color:#f3f3f3;margin:0;padding:20px;}
.errBox p.msg {font-size:1.2em; font-weight:bold; margin-bottom:10px;}
.errBox .button a{display:block; color:#fff}
.textBar{padding:10px;text-align:center;color:#fff;font-weight:bold;border-top:1px solid #dedede;cursor:pointer}


.textBar p{font-size:.9em; margin:0;}
.margin_top_5{margin-top:5px !important}
.margin_top_10{margin-top:10px !important}
.margin_top_15{margin-top:15px !important}
.border_top_none{border-top:0 !important}

.margin_bottom_5{margin-bottom:5px !important}
.margin_bottom_10{margin-bottom:10px !important}
.margin_bottom_15{margin-bottom:15px !important}

.padding_bottom_0{padding-bottom:0 !important}
.padding_bottom_5{padding-bottom:5px !important}
.padding_bottom_10{padding-bottom:10px !important}
.padding_bottom_15{padding-bottom:15px !important}

.padding_10{padding:10px}

.clear{clear:both}

.ui-loader{display:none}

.hiddenElement{display:none}
.hiddenText{text-indent:-10000px; height:0; line-height:0;}
.fLayer{z-index:102000}

.formRow{background-color:#eee; border:1px solid #dedede; padding:0 10px}
.formRow > li{padding:10px 0;border-bottom:1px solid #dedede}
.formRow.big > li{padding:15px 0}
.formRow > li:last-child{border:0}

.formColumn{overflow:hidden;}
.formColumn .field, .formColumn .value{float:left}
.formColumn .field{width:30%; font-weight:bold;}
.formColumn .field.block{width:100%; font-weight:bold; margin:5px 0}

.formColumn .tip{font-size:.9em; color:#777; margin:0}
.formColumn .tip strong{font-weight:bold; text-decoration:underline}

.formColumn .value{width:70%}
.formColumn .value.block{width:100%; margin:5px 0}
.formColumn .value input[type="text"],.formRow .value select{display:inline-block; width:100%; padding:2px; margin:0; box-sizing:border-box;}
.formColumn .value strong{font-weight:bold}
.formColumn .value fieldset{border:1px solid #ddd; margin-bottom:10px; padding:15px;}
.formColumn .value fieldset legend{padding:0 5px}
.formColumn .value fieldset strong{display:block; margin:5px}
.formColumn .value .option dt{display:block; margin-bottom:5px; color:#444}
.textButton{color:blue; fontloading-weight:bold; cursor:pointer}

.listBox li{float:left; width:48%; padding:10px; border:1px solid #dedede; margin:15px 1%;}
.listBox .thumb{float:left; width:200px; height:180px; margin-right:10px;}
.listBox .thumb img{max-width:100%; max-height:100%}
.listBox .description strong{font-weight:bold; line-height:1.8em;}

#onLoadingContainer{z-index:100; position:absolute !important; top:0  !important; left:0 !important; width:100%; height:100%;}
#onLoadingText, #completeText{z-index:500; width:350px; height:50px; line-height:50px; top: calc(50% - 25px); left: calc(50% - 175px); position:fixed; color:#000; text-align:center; font-size:18px; font-weight:bold; background-color:#000; color:#fff; padding:0 10px}
#completeText{z-index:700;}
#onLoadingText i{transform:rotateZ(0deg);}