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

/* ************ reset ************ */
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, input, textarea, button, select {
    margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { height: 101%; font-size: 62.5%; }
body { background: #F1F3F5; line-height: 1; color:#212529; font-family: 'Nanum Gothic', 'Malgun Gothic', 'MalgunGothic', '맑은 고딕', 'Noto Sans KR', 'SD Apple Gothic', sans-serif; font-weight:300; letter-spacing: -0.05em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
fieldset, img, abbr, acronym{border:0} 
span, em, mark, strong, b, label{margin:0;padding:0;border:0;vertical-align:baseline;background:transparent;list-style:none;box-sizing:border-box;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: 800; }
table { border-collapse: collapse; border-spacing: 0;border:0; }
td,th{word-break:break-all;margin:0;padding:0;box-sizing:border-box}
legend, caption{font-size:0;overflow:hidden;text-indent:-9999999px;height:0;width:0;line-height:0} 
img { border: 0; max-width: 100%; }
ins{text-decoration:none}
del{text-decoration:line-through}
sub, sup{margin:0;padding:0}   
em,i{font-style:normal}
a, a:link, a:visited, a:active,a:hover{text-decoration:none} 
input[type="button"], button{margin:0;padding:0;border:0;cursor:pointer;background:none} 
input[type="reset"], input[type="submit"]{line-height:normal;border:0} 
textarea{padding:1%;width:100%;border:1px solid #ccc;color:#4d4d4d;resize:none;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0} 
button:focus{}



/* ************ common ************ */ 
.align-r{text-align:right !important}
.align-c{text-align:center !important}
.align-l{text-align:left !important}

.valign-t{vertical-align: top;}
.valign-c{vertical-align: middle;}
.valign-b{vertical-align: bottom;}

.float-l{float:left !important}
.float-r{float:right !important} 
.clearfix:after{content:"";display:block;clear:both;width:0;height:0}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-moz-binding:url(/xe/ellipsis.xml#ellipsis)}
.w100{width:100%;display:block}
.hidden{overflow:hidden;width:0;height:0;line-height:0;margin:0;padding:0;font-size:0;text-indent:-9999px}
.break{display:block}/* pc에서는 줄바꿈,모바일에서는 줄바꿈이 없는경우 */
.break-inverse{display:inline} 
.p-type{display:block}
.m-type{display:none}
.ptNo {padding-top:0 !important;}
.hideTxt{display: none;}
.bdhidden{overflow: hidden;}



/* ************ common objects ************ */
/* datapicker custom - select */
.ui-datepicker-trigger {position: absolute; right: 5px; top: 50%; margin-top: -8px;}
.ui-datepicker-trigger > img {display: block;}
body .ui-datepicker {width: 20em; font-size: 1.2rem; box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.2);}
.ui-datepicker select {display: inline-block; height: 2.2rem; margin:0 1px !important; padding: 0 5px; border: 1px solid #AAA; border-radius: 4px; color: #1D2B36; line-height: 2.2rem; vertical-align: middle;}
.ui-datepicker select{-webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; } .ui-datepicker select::-ms-expand {display: menulist;}




/* ************ common pages ************ */
/* error */
html, body{height: 100%;}
.wrap.errpage {display: flex; align-items: center; justify-content: center; width:100%; height: 100%; margin: 0;background: #eee; font-size: 1.2rem; line-height: 1.5em;}
.wrap.errpage .msg_box { width: 600px; margin: 40px; padding: 40px; background: #fff; border:1px solid #ddd; border-radius: 10px; box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.2); }
.wrap.errpage .msg_box h1 { display: block; text-align: center;}
.wrap.errpage .msg_box h1 span { display: none;}
.wrap.errpage .msg_box h2 { margin: 10px 0 30px; color: #333; font-size: 2.2rem; font-weight: 800; text-align: center;}
.wrap.errpage .msg_box h2 em { color: #ffb612;}
.wrap.errpage .msg_box p { margin:0 auto 40px;font-size: 1.3rem; text-align: center;}
.wrap.errpage .msg_box > div { text-align: center;}
.wrap.errpage .msg_box button { width: 300px; height: 40px; margin: 0 auto; background-color: #fff; border: 1px solid #aaa; border-radius: 4px; font-size: 1.4rem; font-weight: bold; line-height: 40px; transition: all ease .2s;}
.wrap.errpage .msg_box button:hover { background-color: #eee; border: 1px solid #666;}
.ic_exclamation { width: 115px; height: 110px;}
.ic_exclamation path { fill:#ffb612}