@charset "utf-8";

/*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 {
    margin:0;padding:0;border:0;outline:0;font-size:100%;
}

html, body { height:100%;overflow:hidden;line-height:1; }
body { font-size:15px;font-family:'Noto Sans KR', sans-serif;font-weight:400;line-height:1.5;color:#666;text-align:left; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
table { border-collapse:collapse;border-spacing:0; }
caption,legend { display:none; }
label { cursor:pointer; }
strong { font-weight:700; }
img {vertical-align: middle;}
textarea {padding:10px;resize: vertical;}
img, video, audio, object, embed {max-width: 100%; height: auto;}
iframe {max-width: 100%;}
h1, h2, h3, h4, h5, h6 {color:#000; font-weight:500;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight: inherit;}
h1 {font-size: 36px;}
h2 {font-size: 30px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
h5 {font-size: 15px;}
h6 {font-size: 14px;}
em{font-style: italic; line-height: inherit;}
i {font-style: normal; line-height: inherit; }
address {font-style: normal; line-height: inherit;}
a img {border: none;}
button, input, select, textarea {font-family: inherit; color: inherit;}
*:focus {
    outline: none;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color:#bbb;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:13px;
    opacity:1; /* Firefox */
}
input, textarea {background-color: white; font-family: inherit; font-size: inherit; border: 1px solid #ccc; color: #858585; display: inline-block; padding: 0.25em 0.6em; vertical-align: middle; outline: none; margin: 0; max-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;transition: all 0.25s ease-in-out;outline:0;}
input:focus {border: 1px solid #464646; color: #464646; outline: 1px dotted #eee;}
input[disabled="disabled"] { background:#ececec;cursor:auto; }
input[type="checkbox"], input[type="radio"] {width: 16px; height: 16px; padding:0; vertical-align: middle; box-sizing: border-box; appearance: none; -webkit-appearance: none; border: 0; cursor: pointer; box-shadow: none;}
input[type="checkbox"]:focus, input[type="radio"]:focus, select:focus {outline: 1px dotted #eee;}
input[type="radio"] {background:url(/images/common/icon_radio_off.png) 0 0 no-repeat;background-size: 16px 16px;}
input[type="radio"]:checked {background:url(/images/common/icon_radio_on.png) 0 0 no-repeat;background-size: 16px 16px;}
input[type="radio"]:disabled {background:url(/images/common/icon_radio_disabled.png) 0 0 no-repeat;}
input[type="checkbox"] {background:url(/images/common/icon_checkbox_off.png) 0 0 no-repeat;background-size: 16px 16px;}
input[type="checkbox"]:checked {background:url(/images/common/icon_checkbox_on.png) 0 0 no-repeat;background-size: 16px 16px;}
input[type="checkbox"].bigger {width:20px;height:20px;background-size:20px 20px;}
input[type="radio"].bigger {width:20px;height:20px;background-size:20px 20px;}
input[type="checkbox"].smaller {width:14px;height:14px;background-size:14px 14px;}
input[type="checkbox"].smaller, input[type="radio"].smaller {width:14px;height:14px;margin-top:-2px}
[readonly="readonly"] { background:#ececec; }


select {padding:4px 12px;border:1px solid transparent;border-radius:3px;border-color:#ccc;font-size:14px;color:#666;vertical-align:middle;}
button{ padding:0;outline:0;border:0;cursor:pointer; }
option {
    font-weight: normal;
    display: block;
    white-space: pre;
    min-height: 1.2em;
    padding: 5px 0px 2px 1px;
}
a { text-decoration:none;color:#666;cursor:pointer; }
a { color:#337ab7;text-decoration:none; }
a:hover { color:#23527c;text-decoration:underline; }
.pos_relative { position:relative; }
.pos_absolute { position:absolute; }
.float_left { float:left; }
.float_right { float:right; }
.clear::after { content:'';display:block;clear:both; }
.clear_both { clear:both; }
.line_through { text-decoration:line-through; }
.link { position:relative;color:#337ab7;cursor:pointer; }
.link:hover::after { content:" ";position:absolute;left:0;top:20px;width:100%;height:1px;background-color:#337ab7; }
.link.mini:hover::after { top:15px; }
.link.font11:hover::after { top:16px; }
.link.color_black { color:#000; }
.link.color_black:hover::after { background-color:#000; }
.link.color_orange { color:#e34500; }
.link.color_orange:hover::after { background-color:#e34500; }
.link.color_auto { color:inherit; }
.link.color_auto:hover::after { background-color:#aaa; }
.link.no_line:hover::after { height:0; }
.link .mini_string { position:absolute;bottom:-15px;right:0;font-size:11px; }

.link_user_info { position:relative;cursor:pointer; }
.link_user_info:hover::before { content:'';position:absolute;left:0;top:20px;width:100%;height:1px;background-color:#555; }
.link_user_info::after { content:'';position:absolute;right:-10px;bottom:-2px;width:0px;height:0px;border-right:7px solid transparent;border-bottom:7px solid #87cefa;transform:rotate(270deg); }
.underline { position:relative; }
.underline::after { content:" ";position:absolute;left:0;top:23px;width:100%;height:1px;background-color:#666; }
.underline.color_cloudy::after { background-color:#ddd; }
.underline.color_gray::after { background-color:#aaa; }
.underline.color_blue::after { background-color:#2e6da4; }
.underline.color_red::after { background-color:#fa4b4b; }
.underline.color_green::after { background-color:#2fa00d; }
.underline.color_orange::after { background-color:#e34500; }
.underline.color_purple::after { background-color:#800080; }

.line25 { line-height:25px; }
.line30 { line-height:30px; }
.line40 { line-height:40px; }
.line70 { line-height:70px; }

.mg0 {margin:0;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml27 {margin-left:27px;}
.ml30 {margin-left:30px;}
.ml50 {margin-left:50px;}
.ml60 {margin-left:60px;}
.ml70 {margin-left:70px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr50 {margin-right:50px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mt10m {margin-top:-10px;}
.pd0 {padding:0;}
.p10 {padding:10px;}
.top0 {top:0;}
.left0 {left:0;}
.left10p {left:10%;}
.right0 {right:0;}
.bottom0 {bottom:0;}
.bottom5 {bottom:5px;}
.color_cloudy {color:#ddd;}
.color_gray {color:#aaa;}
.color_dark {color:#777;}
.color_blue {color:#2e6da4;}
.color_red {color:#fa4b4b;}
.color_green {color:#2fa00d;}
.color_orange {color:#e34500;}
.color_purple {color:#800080;}
.color_black {color:#000;}
.color_white {color:#fff;}
.cursor_pointer { cursor:pointer; }
.cursor_auto { cursor:auto; }
.cursor_move { cursor:move; }
.font11 { font-size:11px; }
.font13 { font-size:13px; }
.font14 { font-size:14px; }
.font18 { font-size:18px; }
.font22 { font-size:22px; }

.hidden { display:none; }
.blind {position:fixed;background-color:#000;top:0px;right:0;bottom:0;left:0;opacity:0.6;filter:alpha(opacity=60);display:none;z-index:10}
.inner_blind {position:absolute;background-color:#000;top:0px;right:0;bottom:0;left:0;opacity:0.6;filter:alpha(opacity=60);display:none;z-index:10}
.select_none {user-select:none;}
.bold { font-weight:500; }
.align_left { text-align:left; }
.align_center { text-align:center; }
.align_right { text-align:right; }
.w30 { width:30px; }
.w40 { width:40px; }
.w50 { width:50px; }
.w70 { width:70px; }
.w80 { width:80px; }
.w90 { width:90px; }
.w100 { width:100px; }
.w120 { width:120px; }
.w130 { width:130px; }
.w140 { width:140px; }
.w150 { width:150px; }
.w160 { width:160px; }
.w170 { width:170px; }
.w180 { width:180px; }
.w200 { width:200px; }
.w250 { width:250px; }
.w300 { width:300px; }
.w350 { width:350px; }
.w400 { width:400px; }
.w450 { width:450px; }
.w500 { width:500px; }
.w25p { width:25%; }
.w30p { width:30%; }
.w33p { width:33%; }
.w34p { width:34%; }
.w40p { width:40%; }
.w50p { width:50%; }
.w60p { width:60%; }
.w66p { width:66%; }
.w70p { width:70%; }
.w90p { width:90%; }
.w95p { width:95%; }
.w100p { width:100%; }
.w_auto { width:auto; }
.h100 { height:100px; }
.h200 { height:200px; }
.ellipsis { text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden; }
.ellipsis2{ text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical;box-orient:vertical; }

.btn { padding:8px 12px;margin-bottom:0;font-size:12px;font-weight:normal;line-height:1.2;border:1px solid transparent;text-align:center;white-space:nowrap;vertical-align:middle;touch-action:manipulation;cursor:pointer;user-select:none;background-image:none;border-radius:5px;display:inline-block; }
.btn.hidden { display:none; }
.btn:focus { border-color:#aaa;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(151, 151, 151, .6); }
.btn.large { padding:8px 13px;font-size:14px;line-height:1;border-radius: 6px; }
.btn.green { color:#fff;background-color:#5cb85c;border-color:#4cae4c; }
.btn.green:hover { color:#fff;background-color:#398439;border-color:#255625; }
.btn.white { color:#333;background-color:#fff;border-color:#ccc; }
.btn.white:hover { color:#333;background-color:#d4d4d4; }
.btn.gray { color:#fff;background-color:#aaa;border-color:#999; }
.btn.gray:hover { color:#fff;background-color:#888;border-color:#777; }
.btn.dark { color:#fff;background-color:#666; }
.btn.dark:hover { color:#fff;background-color:#444; }
.btn.red { color:#fff;background-color:#fa4b4b;border-color:#d53a3a; }
.btn.red:hover { color:#fff;background-color:#d23a3a;border-color:#a42a2a; }
.btn.skyblue { color:#fff;background-color:#31b0d5;border-color:#269abc; }
.btn.skyblue:hover { color:#fff;background-color:#269abc;border-color:#1b6d85; }
.btn.darkblue { color:#fff;background-color:#495164; }
.btn.darkblue:hover { color:#fff;background-color:#59637b; }
.btn.blue { color:#fff;background-color:#337ab7;border-color:#2e6da4; }
.btn.blue:hover { color:#fff;background-color:#286090;border-color:#204d74; }
.btn.purple { color:#fff;background-color:#8c0a8c;border-color:#700370; }
.btn.purple:hover { color:#fff;background-color:#680068;border-color:#610461; }
.btn.darkyellow { color:#fff;background-color:#a6945c;border-color:#a99559; }
.btn.darkyellow:hover { color:#fff;background-color:#958248;border-color:#a99559; }
.btn.opacity3 { opacity:0.3; }

.btn.disable { cursor: not-allowed;box-shadow: none;opacity:.6; }
.btn.mini { padding:4px 6px;font-size:11px;font-family:NanumGothic; }
.btn.middle { padding:7px;font-size:11px;font-family:NanumGothic; }
.icon_warning { width:20px;height:20px;margin-right:3px;background-color:#fa4b4b;border-radius:10px;line-height:20px;color:#fff;text-align:center;display:inline-block; }
.icon_warning:after { content:'!';top:0;color:#fff; }
.icon_warning.cloudy { background-color:#ddd; }
.icon_warning.gray { background-color:#aaa; }
.icon_warning.blue { background-color:#2e6da4; }
.icon_warning.red { background-color:#fa4b4b; }
.icon_warning.green { background-color:#2fa00d; }
.icon_warning.orange {background-color:#e34500; }
.icon_help { width:15px;height:15px;margin-right:3px;background:#fff;border:1px solid #e34500;border-radius:10px;line-height:15px;font-size:13px;color:#fff;text-align:center;cursor:pointer;display:inline-block; }
.icon_help:after { content:'?';top:0;color:#e34500; }
.icon { padding:2px 10px 3px 10px;background-color:#888;color:#fff;font-size:12px;border-radius:5px;vertical-align:top; }
.icon.cloudy { background-color:#ddd; }
.icon.gray { background-color:#aaa; }
.icon.skyblue {background-color:#31b0d5; }
.icon.blue { background-color:#2e6da4; }
.icon.red { background-color:#fa4b4b; }
.icon.green { background-color:#2fa00d; }
.icon.orange {background-color:#e34500; }
.icon_clip { width:16px;height:16px;background-image:url(/images/common/icons_gray.png);background-repeat:no-repeat;background-position:-288px -87px; }
.icon_clip .white { background-image:url(/images/common/icons.png); }
.icon_memo { width:16px;height:16px;background-image:url(/images/common/icons_gray.png);background-repeat:no-repeat;background-position:-32px -87px;display:inline-block; }
.icon_memo.active { background-image:url(/images/common/icons_blue.png);background-position:0px -87px; }
.icon_change { width:9px;height:11px;background-image:url(/images/common/icon_calendar.png);background-repeat:no-repeat;background-position:-68px -83px;display:inline-block; }
.icon_payment { width:15px;height:15px;background-image:url(/images/common/icon_user_kind.png);background-size:30px;background-repeat:no-repeat;background-position:-15px -0px;vertical-align:middle;display:inline-block; }
.icon_person { width:15px;height:15px;background-image:url(/images/common/icon_user_kind.png);background-size:30px;background-repeat:no-repeat;background-position:-0px -0px;vertical-align:middle;display:inline-block; }
.icon_download { width:16px;height:16px;background-image:url(/images/common/icons_blue.png);background-repeat:no-repeat;background-position:-64px -0px;cursor:pointer;display:inline-block; }

.bg_gray { background:#ececec; }
.bg_light_skyblue {background-color:#d9f6ff; }
.bg_text { padding:0 5px 1px 5px;background-color:#888;color:#fff; }
.bg_text.cloudy { background-color:#ddd; }
.bg_text.gray { background-color:#aaa; }
.bg_text.skyblue {background-color:#31b0d5; }
.bg_text.blue { background-color:#2e6da4; }
.bg_text.red { background-color:#fa4b4b; }
.bg_text.green { background-color:#2fa00d; }
.bg_text.orange { background-color:#e34500; }
.bg_text.purple { background-color:#b640ff; }
.bg_text.white { border:1px solid #aaa;background:transparent;color:#666; }
.bg_text.cloudy_blue { background-color:#d0e9ff; }
.bg_text.cloudy_green { background-color:#c3f1b5; }
.bg_text.cloudy_red { background-color:#e4a2a2; }
.bg_text.jade_green {background:#71b6b9}
.pk_code { position:absolute;left:0;top:5px;width:100px;padding:0 5px;text-align:left;font-size:11px;color:#bbb; }
.hidden_code { position:absolute;left:0;bottom:5px;width:200px;padding:0 5px;font-size:11px;color:#fff; }

#loading { position:fixed;top:50%;left:50%;width:100px;height:100px;margin:-50px 0 0 -50px;z-index:15;display:none; }
#alertMessage { position:fixed;top:100px;left:50%;width:350px;padding:10px;margin:0 0 0 -185px;line-height:30px;background:#1e7e9d;opacity:0.9;filter:alpha(opacity=90);border-radius:5px;color:#fff;font-size:13px;text-align:center;z-index:20;display:none; }

/* 에디터에서 작성된 태그 */
table.editor { width: 100%; }
table.editor tr th { padding: .4em; min-width: 2em; border: 1px solid #bfbfbf; background: rgba(0, 0, 0, .05); font-weight: 700 }
table.editor tr td { min-width: 2em; padding: .4em; border: 1px solid #bfbfbf; }
i.editor {font-style: italic; }
p > span.text-tiny { font-size: 0.7em;}
p > span.text-small { font-size: 0.85em;}
p > span.text-big { font-size: 1.4em;}
p > span.text-huge { font-size: 1.8em;}

/* confirm 레이어 */
#confirmLayer { position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;display:none;z-index:17; }
#confirmLayer > .blind { position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.6;display:block; }
#confirmLayer > .inner { position:absolute;top:50%;left:50%;width:550px;height:auto;transform:translateX(-50%) translateY(-50%);border-radius:15px;background:#fff;overflow:hidden;z-index:11; }
#confirmLayer > .inner > .title { height:49px;padding:0 20px;line-height:49px;border-bottom:1px solid #d2d2d2;color:#7000ff; }
#confirmLayer > .inner > .message { line-height:30px;padding:20px;text-align:center;font-size:15px; }
#confirmLayer > .inner > .message .font13 { font-size:13px; }
#confirmLayer > .inner > .button { padding: 0 0 25px 0;text-align:center; }
#confirmLayer > .inner > .button > * { width:95px;height:35px;line-height:35px;background:#7000ff;border:1px solid #7000ff;color:#fff;cursor:pointer;display:inline-block; }
#confirmLayer > .inner > .button > .cancel { background:#fff;border:1px solid #7000ff;color:#555; }

/* 간단개인정보 */
#simpleUserInfoLayer { position:fixed;width:230px;height:185px;background:#fff;box-shadow:5px 5px 5px #b4a26b;border:5px solid #d1c08e;font-size:13px;z-index:3; }
#simpleUserInfoLayer ul { overflow:hidden;height:30px;line-height:30px;border-bottom:1px dotted #d1c08e; }
#simpleUserInfoLayer ul:last-child { border:none; }
#simpleUserInfoLayer ul li { float:left; }
#simpleUserInfoLayer ul li:nth-child(1) { width:55px;padding-left:10px;background:#fdf1ce;border-right:1px dotted #d1c08e;color:#847342; }
#simpleUserInfoLayer ul li:nth-child(2) { width:144px;margin:0 10px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;color:#847342;font-weight:bold; }
#simpleUserInfoLayer dl { margin-top:-1px;overflow:hidden; }
#simpleUserInfoLayer dl dd { width:50%;height:30px;margin-top:5px;text-align:center;float:left; }
#simpleUserInfoLayer .btn_sms { position:absolute;top:123px;right:-55px; }
#simpleUserInfoLayer .btn_email { position:absolute;top:156px;right:-55px; }
#simpleUserInfoLayer .btn { width:40px;height:21px;line-height:21px; }


/* 깜박임 효과 */
.blinking{
    -webkit-animation:blink .3s ease-in-out infinite alternate;
    -moz-animation:blink .3s ease-in-out infinite alternate;
    animation:blink .3s ease-in-out infinite alternate;
}
.blinking_slow{
    -webkit-animation:blink 1s ease-in-out infinite alternate;
    -moz-animation:blink 1s ease-in-out infinite alternate;
    animation:blink 1s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}