@charset "utf-8";

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; }
:focus { outline: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
body { font:400 15px "NotoSansKR",Dotum,"돋움",Helvetica,"Apple SD Gothic Neo",sans-serif;color:#666;line-height:1.4; }
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; }
textarea { overflow:auto;vertical-align:top;resize:vertical; }
html { font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; }
a {display:inline-block;color:#666;text-decoration:none;}
a:focus,a:active,a:hover { outline:0; }
img { border:0;-ms-interpolation-mode:bicubic;vertical-align:middle; }
form { margin:0; }
button,
input,
select,
html,button,input,select,textarea { color: #222; }
::-moz-selection { background:#b3d4fc;text-shadow:none; }
::selection { background:#b3d4fc;text-shadow:none; }
input, textarea, select { max-width:100%;height:38px;padding:0 10px;margin:0;background-color:#fff;font-family:inherit;font-size:inherit;border:1px solid #ccc;color:#858585;display:inline-block;vertical-align:middle;outline:none;-webkit-box-sizing: border-box;box-sizing:border-box;transition: all 0.25s ease-in-out;outline:0;}
input[type=radio], input[type=checkbox] { width:16px;height:16px;margin:0 0 2px 0;cursor:pointer; }
input[type=radio]+label, input[type=checkbox]+label { cursor:pointer; }
strong { font-weight:500;color:#222; }
.line_through { text-decoration:line-through }
#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:400px;padding:10px;margin:0 0 0 -200px;line-height:30px;background:#888;opacity:0.9;filter:alpha(opacity=90);border-radius:5px;color:#fff;font-size:13px;text-align:center;z-index:20;display:none; }
/* confirm 레이어 */
#confirmLayer { position:fixed;top:50%;left:50%;width:500px;height:220px;margin:-150px 0 0 -250px;background:#fff;border:2px solid #555;border-radius:8px;z-index:15;box-shadow:5px 5px 5px #333;user-select:none;display:none; }
#confirmLayer .title { height:40px;line-height:40px;padding-left:20px;background:#555;color:#fff;font-size:18px;font-weight:bold; }
#confirmLayer .message { height:88px;line-height:30px;padding:20px;text-align:center;font-size:16px; }
#confirmLayer .message span { font-size:16px; }
#confirmLayer .message .font13 { font-size:13px; }
#confirmLayer .button { text-align:center; }
/* 레이어팝업 */
.popup_box, #captchaLayer { position:fixed;width:600px;height:500px;left:50%;top:50%;margin:-250px 0 0 -300px;box-shadow:5px 7px 7px #333;z-index:12;display:none; }
.popup_box > .title, .popup_box > .popup_title, #captchaLayer > .title { position:relative;height:60px;line-height:60px;padding-left:20px;background:#333;font-size:21px;color:#fff;font-weight:500; }
.popup_box > .close, #captchaLayer > .title > .close { position:absolute;right:20px;top:20px;width:20px;height:20px;background:url(/images/common/icon_pop_close.png) no-repeat;background-size:cover;cursor:pointer; }
.popup_box > .menu { background:#fff; }
.popup_box > .content { height:calc(100% - 60px);padding:0 20px;background:#fff;overflow-y:auto; }
.popup_box > .content .tap { margin-top:10px;overflow:hidden; }
.popup_box > .content .tap > li { width:calc(50% - 2px);height:50px;margin-top:10px;background:#d8d8d8;line-height:50px;border:1px solid #ccc;text-align:center;cursor:pointer;float:left;user-select:none; }
.popup_box > .content .tap > li.on { height:55px;margin-top:5px;border-bottom:none;background:#fff; }
.popup_box > .bottom { height:40px;padding-top:10px;background:#e8e8e8;text-align:center;border-top:1px solid #aaa; }
.popup_box > .bottom02 { height: 60px; padding-top: 20px; background: #fff; text-align: center; }
.popup_box > .bottom02 > button {display:inline-block;width: 100px;padding: 10px 0 9px;color: #fff;background: #999;font-size: 15px;border: 0;border-radius: 2px;line-height: 1.4;text-align: center;}
/* 우편번호 검색 레이어 */
#postcodeLayer, .form_search_layer { position:fixed;overflow:hidden;width:500px;height:480px;top:40%;left:40%;margin:-240px 0 0 -250px;border:5px solid #333;z-index:13;display:none; }
#postcodeLayer .title, .form_search_layer .title { padding:5px 0 10px 10px;background:#333;color:#fff;cursor:move; }
#postcodeLayer .close, .form_search_layer .close { position:absolute;right:10px;top:8px;width:15px;height:15px;background:url(/images/common/icon_pop_close.png) no-repeat;background-size:cover;cursor:pointer; }
/********** Font **********/
@font-face{
	font-family:'NotoSansKR';
	font-style:normal;
	font-weight:300;
	src:url('fonts/noto/NotoSans-Light.eot');
	src:url('fonts/noto/NotoSans-Light.eot?#iefix') format('embedded-opentype'),
	url('fonts/noto/NotoSans-Light.woff2') format('woff2'),
	url('fonts/noto/NotoSans-Light.woff') format('woff'),
	url('fonts/noto/NotoSans-Light.ttf') format('truetype');
}

@font-face{
	font-family:'NotoSansKR';
	font-style:normal;
	font-weight:400;
	src:url('fonts/noto/NotoSans-Regular.eot');
	src:url('fonts/noto/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
	url('fonts/noto/NotoSans-Regular.woff2') format('woff2'),
	url('fonts/noto/NotoSans-Regular.woff') format('woff'),
	url('fonts/noto/NotoSans-Regular.ttf') format('truetype');
}

@font-face{
	font-family:'NotoSansKR';
	font-style:normal;
	font-weight:500;
	src:url('fonts/noto/NotoSans-Medium.eot');
	src:url('fonts/noto/NotoSans-Medium.eot?#iefix') format('embedded-opentype'),
	url('fonts/noto/NotoSans-Medium.woff2') format('woff2'),
	url('fonts/noto/NotoSans-Medium.woff') format('woff'),
	url('fonts/noto/NotoSans-Medium.ttf') format('truetype');
}

@font-face{
	font-family:'NotoSansKR';
	font-style:normal;
	font-weight:700;
	src:url('fonts/noto/NotoSans-Bold.eot');
	src:url('fonts/noto/NotoSans-Bold.eot?#iefix') format('embedded-opentype'),
	url('fonts/noto/NotoSans-Bold.woff2') format('woff2'),
	url('fonts/noto/NotoSans-Bold.woff') format('woff'),
	url('fonts/noto/NotoSans-Bold.ttf') format('truetype');
}
/********** /Font **********/


/********** Form **********/
input.w50 {width:50px;}
input.w100 {width:100px;}
input.w120 {width:120px;}
input.w150 {width:150px;}
input.w200 {width:200px;}
input.w250 {width:250px;}
input.w300 {width:300px;}
input.w700 {width:700px;}
readonly, [readonly=readonly], .sec_form .readonly { background:#f9f9f9;color:#bbb !important; }
input::-webkit-input-placeholder{color:#bbb;}
input:-ms-input-placeholder{color:#bbb;}
input::placeholder{color:#bbb;}
select::-ms-expand{display: none;}

.pos_relative { position:relative; }
.pos_absolute { position:absolute; }
.float_left { float:left; }
.float_right { float:right; }
.clear::after { content:'';display:block;clear:both; }
.link { position:relative;color:#337ab7;cursor:pointer; }
.link:hover { text-decoration:underline; }
.link.no_line:hover::after { height:0; }
.underline { position:relative; }
.underline::after { content:" ";position:absolute;left:0;top:25px;width:100%;height:2px;background-color:#666; }
.underline.mini::after { top:20px;height:1px; }
.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:#30b9a4; }
.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;}
.mt50 {margin-top:50px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml27 {margin-left:27px;}
.ml30 {margin-left:30px;}
.ml50 {margin-left:50px;}
.ml100 {margin-left:100px;}
.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;}
.pd0 {padding:0;}
.p10 {padding:10px;}
.p20 {padding:20px;}
.p30 {padding:30px;}
.left0 {left:0;}
.right0 {right:0;}
.h200 {height:200px;}
.color_cloudy {color:#ddd;}
.color_gray {color:#aaa;}
.color_blue {color:#2e6da4;}
.color_red {color:#fa4b4b;}
.color_green {color:#30b9a4;}
.color_orange {color:#e34500;}
.color_purple {color:#800080;}
.color_black {color:#000;}
.cursor_pointer { cursor:pointer; }
.cursor_auto { cursor:auto; }
.font11 { font-size:11px; }
.font13 { font-size:13px; }
.font20 { font-size:20px; }
.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:#30b9a4; }
.bg_text.orange {background-color:#e34500; }
.bg_text.yellow {background-color:#fff4a2;color:#fa4b4b; }
.bg_text.circle {position:relative;top:-2px;padding:0;border-radius:17px;width:17px;height:17px;text-align:center;display:inline-block;font-size:11px;}
.bg_f9 { background-color:#f9f9f9; }
.highlight { padding:0 3px 1px 3px;margin:0 2px;background-color:#fff4a2;color:#000000; }
.h50 { height:50px; }

.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; }
.w100 { width:100px; }
.w120 { width:120px; }
.w130 { width:130px; }
.w140 { width:140px; }
.w150 { width:150px; }
.w180 { width:180px; }
.w200 { width:200px; }
.w250 { width:250px; }
.w300 { width:300px; }
.w350 { width:350px; }
.w400 { width:400px; }
.w450 { width:450px; }
.w500 { width:500px; }
.w30p { width:30%; }
.w33p { width:33%; }
.w34p { width:34%; }
.w40p { width:40%; }
.w50p { width:50%; }
.w60p { width:60%; }
.w70p { width:70%; }
.w90p { width:90%; }
.w95p { width:95%; }
.w100p { width:100%; }
.w_auto { width:auto; }
.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.big { padding:15px 30px;font-size:18px;line-height:1;border-radius: 6px; }
.btn.big02 { padding:10px 20px;font-size:18px;line-height:1;border-radius: 50px; color: #fff;  }
.btn.green { color:#fff;background-color:#30b9a4;border-color:#28a894; }
.btn.green:hover { color:#fff;background-color:#28a894;border-color:#219d8a; }
.btn.darkgreen { color:#fff;background-color:#2e7b6f;border-color:#37675f; }
.btn.darkgreen:hover { color:#fff;background-color:#37675f;border-color:#365752; }
.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.disable { cursor: not-allowed;box-shadow: none;opacity:.6; }
.btn.mini { padding:4px 6px;font-size:11px;font-family:NanumGothic; }
.opacity_03 { opacity:0.3; }
.border_top_line { border-top:1px solid #ddd; }
.pagination { padding-top:30px;text-align:center; }
.pagination a { width:26px;height:26px;border:1px solid #e2e2e2;background:#fff;text-align:center;line-height:26px;font-size:14px;color:#868686;text-decoration:none;display:inline-block; }
.pagination a:hover { background:#eee; }
.pagination a.on {color:#fff;background:#36414f;}
.pagination .btn_first {margin-right:7px;background:url(/images/common/icon_page_first.gif) no-repeat 50% 50%;}
.pagination .btn_prev {margin-right:7px;background:url(/images/common/icon_page_prev.gif) no-repeat 50% 50%;}
.pagination .btn_next {margin-left:7px;background:url(/images/common/icon_page_next.gif) no-repeat 50% 50%;}
.pagination .btn_last {margin-left:7px;background:url(/images/common/icon_page_last.gif) no-repeat 50% 50%;}