@charset "utf-8";

@font-face {
	font-family:'NotoSansKR Thin';
	src:url('/resources/fonts/notokr-thin.eot');
	src:url('/resources/fonts/notokr-thin.eot?#iefix') format('embedded-opentype'),
	url('/resources/fonts/notokr-thin.woff2') format('woff2'),
	url('/resources/fonts/notokr-thin.woff') format('woff'),
	url('/resources/fonts/notokr-thin.ttf') format('truetype'),
	url('/resources/fonts/notokr-thin.svg#notokr-thin') format('svg');
	font-weight:normal;
	font-style:normal;
}

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

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

@font-face {
	font-family:'NotoSansKR Light';
	src:url('/resources/fonts/notokr-light.eot');
	src:url('/resources/fonts/notokr-light.eot?#iefix') format('embedded-opentype'),
	url('/resources/fonts/notokr-light.woff2') format('woff2'),
	url('/resources/fonts/notokr-light.woff') format('woff'),
	url('/resources/fonts/notokr-light.ttf') format('truetype'),
	url('/resources/fonts/notokr-light.svg#notokr-light') format('svg');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'NotoSansKR DemiLight';
	src:url('/resources/fonts/notokr-demilight.eot');
	src:url('/resources/fonts/notokr-demilight.eot?#iefix') format('embedded-opentype'),
	url('/resources/fonts/notokr-demilight.woff2') format('woff2'),
	url('/resources/fonts/notokr-demilight.woff') format('woff'),
	url('/resources/fonts/notokr-demilight.ttf') format('truetype'),
	url('/resources/fonts/notokr-demilight.svg#notokr-demilight') format('svg');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'NotoSansKR Bold';
	src:url('/resources/fonts/notokr-bold.eot');
	src:url('/resources/fonts/notokr-bold.eot?#iefix') format('embedded-opentype'),
	url('/resources/fonts/notokr-bold.woff2') format('woff2'),
	url('/resources/fonts/notokr-bold.woff') format('woff'),
	url('/resources/fonts/notokr-bold.ttf') format('truetype'),
	url('/resources/fonts/notokr-bold.svg#notokr-bold') format('svg');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'NotoSansKR Black';
	src:url('/resources/fonts/notokr-black.eot');
	src:url('/resources/fonts/notokr-black.eot?#iefix') format('embedded-opentype'),
	url('/resources/fonts/notokr-black.woff2') format('woff2'),
	url('/resources/fonts/notokr-black.woff') format('woff'),
	url('/resources/fonts/notokr-black.ttf') format('truetype'),
	url('/resources/fonts/notokr-black.svg#notokr-black') format('svg');
	font-weight:normal;
	font-style:normal;
}

/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/

* { margin:0; box-sizing:border-box; font-family:"NotoSansKR Regular", "Malgun Gothic", "맑은 고딕", "Helvetica", "Apple-Gothic", "Dotum", "돋움", "Gulim", "굴림", "sans-serif"; font-weight:normal; letter-spacing:-0.03em; }

iframe { border:0; }
button { border-radius:3px; text-align:center; cursor:pointer; border:0; }
input { border-radius:3px; border:1px solid #c8c8c8; padding:6px 12px; }
table { width:100%; color:#333333; border-spacing:0; border-collapse:collapse; }
table input[type="text"] { ime-mode:active; }
table textarea { ime-mode:active; }
caption { visibility:hidden; width:0; height:0; font-size:0; opacity:0 }
p, label { font-size:inherit; }
a { cursor:pointer; }
table select { height:30px; }
select { border-radius:3px; border:1px solid #c8c8c8; }
select option { padding:10px; }

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, font, img, ins, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; }
ol, ul, li { list-style:none; }
legend, caption { display:none; font-size:0; }
hr {display:none; }
body { font-size:12px; }
html, body { width:100%; height:100%; }
body.hop1 { height:auto; }
table { table-layout:fixed; border-collapse:collapse; border-spacing:0; }
input,select { font-size:100%; }
select { padding-left:7px; }
input,select,textarea,button { vertical-align:middle; }
input, textarea, select { font-family:inherit; font-size:inherit; }
textarea { resize:none; }
img, input { vertical-align:middle; }
label { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; }

a { color:#333333; text-decoration:none }
a:active, a:hover, a:focus { text-decoration:none; color:#3c352f; }

option { padding-right:6px; } /* Firefox Fix */
legend { width:0; height:0; font-size:0; line-height:0; position:absolute; top:0; left:0; overflow:hidden; visibility:hidden; }

table a:active,table a:focus { color:initial; text-decoration:none; }
table a:visited { color:#333333; text-decoration:none; }
table a:link { color:ffffff; text-decoration:none; }
table a:hover { color:#333333; text-decoration:none; }

select.size-10 { width:10%; }
select.size-15 { width:15%; }
select.size-20 { width:20%; }
select.size-30 { width:30%; }
select.size-40 { width:40%; }
select.size-50 { width:50%; }
select.size-60 { width:60%; }
select.size-70 { width:70%; }
select.size-80 { width:80%; }
select.size-90 { width:90%; }
select.size-100 { width:100%; }
select.sop1 { height:33px; border:1px solid #d4d4d4; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; letter-spacing:-0.03em; padding:0 0 0 10px; }

textarea.size-10 { width:10%; }
textarea.size-20 { width:20%; }
textarea.size-30 { width:30%; }
textarea.size-40 { width:40%; }
textarea.size-50 { width:50%; }
textarea.size-60 { width:60%; }
textarea.size-70 { width:70%; }
textarea.size-80 { width:80%; }
textarea.size-90 { width:90%; }
textarea.size-100 { width:100%; }
textarea.content { color :#666666; border :0px #c9c9c9 solid; background-image:url(images/textline.gif); line-height:15pt; scrollbar-face-color:#FFFFFF; scrollbar-shadow-color:#C9C9C9; scrollbar-highlight-color:#C9C9C9; scrollbar-3dlight-color:#FFFFFF; scrollbar-darkshadow-color:#FFFFFF; scrollbar-track-color:#FFFFFF; scrollbar-arrow-color:#666666 }

input[type="text"].size-5 { width:5%; }
input[type="text"].size-6 { width:6%; }
input[type="text"].size-7 { width:7%; }
input[type="text"].size-8 { width:8%; }
input[type="text"].size-9 { width:9%; }
input[type="text"].size-10 { width:10%; }
input[type="text"].size-15 { width:15%; }
input[type="text"].size-20 { width:20%; }
input[type="text"].size-30 { width:30%; }
input[type="text"].size-40 { width:40%; }
input[type="text"].size-50 { width:50%; }
input[type="text"].size-60 { width:60%; }
input[type="text"].size-70 { width:70%; }
input[type="text"].size-80 { width:80%; }
input[type="text"].size-90 { width:90%; }
input[type="text"].size-100 { width:100%; }
input[type="text"].sop1 { width:100%; height:33px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; border:1px solid #d4d4d4; color:#555555; font-size:14px; font-weight:normal; letter-spacing:-0.03em; padding:0 10px 0 10px; }

input[type="file"] { height:26px; border:1px solid #cbcbcb; font-size:14px; color:#333333; }
input[type="radio"] { margin:2px 5px 0 0; vertical-align:middle; width:17px; height:17px; cursor:pointer; }
input[type="radio"] + label { margin-right:10px; }
input[type="checkbox"] { margin:2px 5px 0 0; vertical-align:middle; width:17px; height:17px; cursor:pointer; }

/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/

.cf:before,.cf:after { content:" "; display:table; }
.cf:after { clear:both; }
.cf { *zoom:1; }

#wrapLayout { width:100%; height:100%; min-width:1280px; min-height:768px; }
#wrapLayout2 { width:100%; height:100%; }

#topFrame { width:100%; height:137px !important; }
#leftFrame { position:absolute; z-index:10000; left:0px; width:239px; height:100%; transition:none; -webkit-transition:none; border-right:1px solid #dee2e9; border-top:0px solid #e6e6e6; }
#leftFrame.hide { width:0px; border-right:0; }
#mainFrame { width:100%; height:100%; margin-left:240px; }

.frame_c1 { float:left; width:245px; height:100%; padding-bottom:142px; }
.frame_c2 { float:left; overflow:hidden; height:100%; padding-bottom:142px; }

.container-fluid { margin:0px auto; }
.container-fluid.op1 { padding:30px 60px 0 60px; text-align:right; }
.content-wrapper { position:absolute; width:100%; height:84%; z-index:10; padding-right:240px; transition:all 0.7s; -webkit-transition:all 0.7s; }
.content-wrapper-hide { margin-left:0px; padding-right:0px; }

.tabs-panels { border:0px; }

.top-frame { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; font-size:15px; }
.top-frame .text { margin:14px 0 -17px 28px }

.top-menu { background:#305994; }

.top-title { margin-left:30px; margin-right:30px; }
.top-title .top-logo { margin-top:5px; margin-bottom:22px;margin-left:35px }
.top-title .user-name { float:right; margin-right:15px !important; margin-top:20px !important; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; font-weight:normal; letter-spacing:-0.03em; }
.top-title .user-name button { display:inline-block; width:33px; height:33px; background:#93a1b4; border:1px solid #8290a2; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:13px; font-weight:normal; text-align:center; letter-spacing:-0.01em; border-radius:3px; box-sizing:border-box; padding:0 0 0 0; margin:0 0 0 2px; }
.top-title .user-name span { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#174b98; font-size:15px; font-weight:normal; letter-spacing:-0.01em; }
.top-title .user-name .sub-text { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; letter-spacing:-0.03em; }
.top-title .user-name select { height:33px; border:1px solid #cdced1; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; letter-spacing:-0.03em; padding:0 0 0 3px; margin:0 0 0 10px; background:linear-gradient(#ffffff, #f2f2f2); }
.top-title .user-name select+select { margin:0 0 0 0; }
.top-title .user-icon { margin-right:4px; margin-top:-2px; }
.top-title { position:relative }
.top-title strong { position:absolute; top:30px; font-size:24px; color:#333; letter-spacing:-2px }
.top-title strong::before { content:""; position:absolute; display:inline-block; top:-3px; left:-12px; width:6px; height:20px; border-radius:20px; background-color:#009ec4 }
.top-title button { float:right; margin-top:20px; display:inline-block; width:80px; height:33px; background:#213b71; border:1px solid #1b3367; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:13px; font-weight:normal; text-align:center; letter-spacing:-0.03em; border-radius:3px; box-sizing:border-box; padding:0 0 0 0; }
.top-title button:hover { background-color:#727272; }
.top-title a.link1 { display:inline-block; padding:0 10px 0 10px; height:33px; background:#666666; border:1px solid #666666; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:13px; font-weight:normal; text-align:center; letter-spacing:-0.03em; border-radius:3px; box-sizing:border-box; line-height:30px; }
.top-title a.link2 { display:inline-block; padding:0 10px 0 10px; height:33px; background:#88725b; border:1px solid #88725b; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:13px; font-weight:normal; text-align:center; letter-spacing:-0.03em; border-radius:3px; box-sizing:border-box; line-height:30px; }

.tap-indicator { padding:12px 0 0 0; float:left; width:239px; height:58px; line-height:20px; background:#1b2b53; text-align:center; }
.tap-indicator a.link1 { display:inline-block; padding:5px 15px 5px 15px; background:#213767; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:12px; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:20px; border:1px solid #374e7e; box-sizing:border-box; }
.tap-indicator .user-name { float:left; font-size:22px; color:#ffffff; }
.tap-indicator .menu-btn { float:right; width:42px; height:58px; background-repeat:no-repeat; background-position:center center; cursor:pointer; }
.tap-indicator .menu-close-btn { margin-right:0px; display:block; background-image:url(../images/icon_menu_close.png); }
.tap-indicator .menu-open-btn { margin-right:0px; display:none; background-image:url(../images/icon_menu_open.png); }

.tap-menu { padding-right:30px; padding-left:0px; height:58px; transition:all 0.7s; -webkit-transition:all 0.7s; }
.tap-menu .menu-box { float:left; color:#ffffff; text-align:center; display:inline-block; position:relative; height:58px; line-height:58px; background-color:#305994; width:10%; margin:0 auto 10px; border-right:none; cursor:pointer; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:17px; font-weight:normal; letter-spacing:-0.03em; }
.tap-menu .menu-box.active { background-color:#078e9e; }
.tap-menu .menu-box:hover { background-color:#078e9e; }
.tap-menu button { float:right; margin-top:10px; background-color:#009ec4; color:#ffffff; font-size:15px; }
.tap-menu button:hover { background-color:#008fb1; }
.tap-menu button * { float:left; }
.tap-menu button img { margin-right:8px; }

.left-frame { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; }

.menu-icons { width:100%; margin-bottom:15px; margin-top:0px; height:35px; padding-left:35px; padding-right:0px; }
.menu-icons .menu-btn { background-repeat:no-repeat; background-position:center center; cursor:pointer; float:left; margin-left:0px; margin-right:3px; height:35px; width:35px; border:1px solid #d7dadf; background-color:linear-gradient(#ffffff, #f0f1f4); border-radius:3px; }
.menu-icons .menu-reset-btn { width:90px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#444444; font-size:13px; font-weight:normal; text-align:center; line-height:35px; letter-spacing:-0.03em; }
.menu-icons .menu-reset-btn:hover { background-color:#ececec; }

.menu-icons .menu-unfold-btn { background-image:url(../images/icon_close_nor.png); }
.menu-icons .menu-unfold-btn:hover { background-image:url(../images/icon_close_hover.png); background-color:#ececec; }
.menu-icons .menu-fold-btn { background-image:url(../images/icon_open_nor.png); }
.menu-icons .menu-fold-btn:hover { background-image:url(../images/icon_open_hover.png); background-color:#ececec; }

.menu-list { border-top:1px solid #dee2e9; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; padding-bottom:30px; }

.menu-list .main-menu,
.menu-list .sub-menu { list-style:none; padding:0; margin:0; }
.menu-list .main-menu a,
.menu-list .sub-menu a { text-decoration:none; }
.menu-list .main-menu .menu-title,
.menu-list .sub-menu .menu-title { float:left; }
.menu-list .main-menu .menu-title-bar,
.menu-list .sub-menu .menu-title-bar { margin-left:30px; margin-right:18px; }

.menu-list .main-menu .menu-title-bar { height:40px; line-height:40px; }
.menu-list .main-menu .menu-list-icon { float:right; width:40px; height:40px; background-image:url(../images/icon_more_nor.png); background-position:center; }
.menu-list .main-menu li:hover .menu-list-icon { background-image:url(../images/icon_more_hover.png); }
.menu-list .main-menu li.active { background-color:#305994; }
.menu-list .main-menu li.active:hover .menu-list-icon { background-image:url(../images/icon_more02_hover.png); }
.menu-list .main-menu li.active .menu-list-icon { background-image:url(../images/icon_more02_nor.png); }
.menu-list .main-menu li.active .menu-title { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:15px; font-weight:normal; letter-spacing:-0.03em; }
.menu-list .main-menu li .menu-title { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#444444; font-size:15px; font-weight:normal; letter-spacing:-0.03em; }
.menu-list .main-menu .leftMenu { border-bottom:1px solid #dee2e9; }

.menu-list .sub-menu { display:none; background-color:#ecf2fb; padding:10px 0 10px 0; }
.menu-list li.active .sub-menu { display:block; }
.menu-list .sub-menu .menu-title-bar { height:28px; line-height:28px; }
.menu-list .sub-menu li .menu-title-bar { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; letter-spacing:-0.03em; }
.menu-list .sub-menu li .menu-title-bar span { margin:0 3px 0 0; }

.menu-list .sub-menu > li.active .menu-title-bar,
.menu-list .sub-menu > li:hover .menu-title-bar { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#305994; font-weight:normal; }

.menu-show { display:block; }
.menu-hide { display:none; }

@media (max-width:200px) {
	.menu-show { display:none; }
	.menu-hide { display:block; }
 }

.content { padding-bottom:30px; }

.content-tap-menu { margin-top:30px; margin-left:40px; margin-right:40px; height:43px; }
.content-tap-menu .box { float:left; height:42px; line-height:42px; border:1px solid #c8c8c8; border-top-left-radius:7px; border-top-right-radius:7px; background-color:#f6f6f6; font-size:15px; color:#333333; padding-left:20px; padding-right:20px; padding-top:0px; cursor:pointer; }
.content-tap-menu .box * { float:left; }
.content-tap-menu .box.active img { display:none; }
.content-tap-menu .box img { display:block; margin-left:7px; margin-top:10px; }
.content-tap-menu .box.active { background-color:#ffffff; color:#009ec4; border-bottom:0; }
.content-tap-menu .box-all { border-bottom:1px solid #c8c8c8; height:42px; overflow:hidden; }

.content-title { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; margin-left:40px; margin-right:40px; }
.content-title div { font-size:28px; color:#333333; padding-top:20px; padding-bottom:2px; border-bottom:0px solid #525252; }
.content-title div span { font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#222222; font-size:25px; font-weight:normal; letter-spacing:-0.05em; }

.content-sub-title { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; margin-left:40px; margin-right:40px; }
.content-sub-title div { font-size:20px; color:#333333; padding-top:20px; padding-bottom:20px; border-bottom:2px solid #525252; }

.content-search { margin-left:40px; margin-right:40px; margin-top:19px; border-top:1px solid #1b2b53; }
.content-search table { }
.content-search table th { width:230px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; background-color:#f6f6f6; min-height:47px; padding:8px 25px 8px 25px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#333333; font-size:13px; font-weight:normal; text-align:left; letter-spacing:-0.05em; }
.content-search table th label { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#333333; font-size:13px; font-weight:normal; letter-spacing:-0.05em; }
.content-search table td { min-height:47px; padding:8px 20px 8px 20px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:13px; font-weight:normal; letter-spacing:-0.03em; }
.content-search table td label { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:13px; font-weight:normal; letter-spacing:-0.05em; }
.content-search table .search-td { width:300px; padding-left:15px; padding-right:15px; text-align:left; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
.content-search table .search-td ul { overflow:hidden; }
.content-search table .search-td-all { padding-left:15px; padding-right:15px; text-align:left; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
.content-search table .search-td-all input[type="radio"] { margin-top:0px; }
.content-search table .normal { padding-left:10px; padding-right:10px; text-align:left; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
.content-search table select { font-size:13px; margin-top:1px; height:30px; }
.content-search table input { font-size:13px; }
.content-search table input[type="checkbox"] { margin-right:4px; height:30px; }
.content-search table input[type="checkbox"] + label { margin-right:6px; }
.content-search table input[type="radio"] { margin-right:4px; height:30px; }
.content-search table label { margin-right:6px; }
.content-search table label:last-child { margin-right:0px; }
.content-search table input[type="text"] { height:30px; }
.content-search table .search-term { padding-left:10px; padding-right:10px; text-align:left; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
.content-search table .search-term select { font-size:13px; height:30px; }
.content-search .search-btn { float:right; height:32px; line-height:32px; margin-right:8px; padding:0 0 0 15px; width:60px; background:#ffffff url("./images/klid/search_01.png") no-repeat 8px 8px; border:1px solid #305994; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#305994; font-size:13px; font-weight:normal; letter-spacing:-0.03em; }
.content-search .search-btn:hover { background-color:#f8f8f8; }
.content-search .search-btn * { }
.content-search .search-btn img { margin-right:4px; margin-top:9px; }
.content-search .search-btn span { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#305994; font-size:13px; font-weight:normal; letter-spacing:-0.03em; }
.content-search .reset-btn { padding-top:2px; float:right; width:28px; height:32px; color:#ffffff; background-color:#868686; }
.content-search .reset-btn:hover { background-color:#727272; }

.content-lists { margin-left:40px; margin-right:40px; margin-top:20px; margin-bottom:20px; border-top:1px solid #1b2b53; }
.content-lists.mop1 { margin:10px 0px 0px 0px; }
.content-lists.mop2 { margin:20px 0px 20px 0px; }
.content-lists.mop3 { margin:0 0 0 0; }
.content-lists table { }
.content-lists table th { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#333333; font-size:14px; padding:10px 0 10px 0; text-align:center; border:1px solid #dcdcdc; background-color:#f6f6f6; width:230px; line-height:21px; word-break:break-all; }
.content-lists table th label { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#333333; font-size:14px; }
.content-lists table td { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; padding:10px 0 10px 0; text-align:center; border:1px solid #dcdcdc; word-break:break-all; }
.content-lists table td a.tit { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; font-size:14px; font-weight:normal; letter-spacing:-0.05em; text-decoration:underline; }
.content-lists table td.left { text-align:left; }
.content-lists table td.center { text-align:center; }
.content-lists table td.td_left { text-align:left;  padding-left:20px; }
.content-lists table input[type="text"] { font-size:14px; line-height:1; }

.content-lists table.context-left { }
.content-lists table.context-left th { padding:5px 10px 5px 10px; text-align:left; font-size:14px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#333333; }
.content-lists table.context-left th label { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#333333; font-size:14px; }
.content-lists table.context-left th.th_star { background:#f6f6f6 url(./images/klid/must_02.png) no-repeat center right 20px; }
.content-lists table.context-left td { padding:5px 10px 5px 10px; text-align:left; font-size:14px; }
.content-lists table.context-center td { padding-left:14px; padding-top:0px; padding-bottom:0px; text-align:center; font-size:14px; }
.content-lists table.context-left select { font-size:14px; height:30px; }
.content-lists table.context-left input[type="text"] { font-size:14px; }
.content-lists table.context-left input[type="radio"] { margin-right:10px; }
.content-lists table.context-left label { margin-right:20px; }
.content-lists table.context-left textarea { margin-top:10px; margin-bottom:10px; font-size:14px; height:100px; border:1px solid #c8c8c8; line-height:1.4em; padding:10px 10px 10px 10px; }
.content-lists table.context-left td input[type="file"] { padding:0 0 0 0; background:none; height:35px; border:none; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#666666; font-size:14px; font-weight:normal; letter-spacing:-0.03em; }
.content-lists table.context-left td a.link1 { display:inline-block; height:35px; line-height:32px; padding:0 15px 0 15px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#666666; font-size:13px; font-weight:normal; background:#f1f1f1; text-align:center; border:1px solid #d4d4d4; letter-spacing:-0.05em; vertical-align:middle; margin:0 0 0 3px; }
.content-lists table.context-left td a.link2 { display:inline-block; height:35px; line-height:32px; padding:0 15px 0 15px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:13px; font-weight:normal; background:#444444; text-align:center; letter-spacing:-0.05em; vertical-align:middle; margin:0 0 0 3px; }
.content-lists table.context-left td .noti { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#777777; font-size:13px; font-weight:normal; letter-spacing:-0.05em; padding:5px 0 0 0; }
.content-lists table.context-left td .noti span { font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#f74e3f; margin:0 3px 0 0; }
.content-lists table.context-left td span.noti2 { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ff6800; font-size:13px; font-weight:normal; letter-spacing:-0.03em; margin:0 0 0 5px; }

.content-lists ul { overflow:hidden; }
.content-lists ul li.op1 { clear:both; width:100%; }
.content-lists ul li.op1 input[type="text"] { width:80%; height:24px; border:1px solid #d4d4d4; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; letter-spacing:-0.03em; padding:0 10px 0 10px; }
.content-lists ul.con_template { overflow:hidden; }
.content-lists ul.con_template li { float:left; width:auto; margin:0 10px 5px 0; }
.content-lists ul.con_template li:nth-child(5) { clear:both; }
.content-lists ul.con_template li p { margin:5px 0 0 0; text-align:center; }

.content-page-nav { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; text-align:center; margin-left:40px; margin-right:40px; margin-top:20px; }
.content-page-nav select { height:25px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:13px; font-weight:normal; letter-spacing:-0.01em; }

.pagination { margin-top:0px; margin-bottom:5px; font-size:15px; display:inline-block; }
.pagination a { float:left; color:#959595; text-decoration:none; margin-left:5px; margin-right:5px; width:25px; height:25px; line-height:25px; }
.pagination a.active { color:#d1286f; }
.pagination a .button { width:25px; height:25px; }

.content-button-group { position:relative; margin:20px 40px 20px 40px; text-align:right; }
.content-button-group2 { position:relative; margin:20px 40px 20px 40px; text-align:left; }
.content-button-group.mop1 { margin-top:40px; }
.content-button-group.mop2 { margin:40px 0 0 0; }
.content-button-group.mop3 { margin-top:30px; }
.content-button-group.mop4 { margin:20px 40px 0 40px; }
.content-button-group.mop5 { margin:0 40px 0 40px; }
.content-button-group.mop6 { margin:30px 40px 10px 40px; }
.content-button-group.mop7 { margin:20px 0 0 0; }
.content-button-group.mop8 { margin:20px 40px 0 0; }
.content-button-group.taop1 { text-align:left; }
.content-button-group.hop1 { height:auto; }
.content-button-group button { margin-left:2px; }
.content-button-group button:first-child { margin-left:0px; }
.content-button-group a { margin-left:2px; }
.content-button-group a:first-child { margin-left:0px; }
.content-button-group .noti { position:absolute; left:0px; top:5px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ff6800; font-size:13px; font-weight:normal; letter-spacing:-0.03em; }

.dir-menu { position:absolute; left:0px; top:0px; bottom:30px; width:450px; margin-top:67px; margin-left:40px; overflow-y:auto; border:1px solid #c8c8c8; }

.dir-content { margin-top:12px; margin-left:500px; padding-right:40px; }
.dir-content.mop1 { margin:18px 0 0 500px; }
.dir-content .content-button-group { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; margin-bottom:20px; margin-top:20px; text-align:right; }
.dir-content .content-button-group button { font-size:15px; margin-left:10px; }
.dir-content table { }
.dir-content table th { font-size:14px; padding-top:11px; padding-bottom:11px; padding-left:30px; text-align:left; border:1px solid #dcdcdc; background-color:#f6f6f6; word-break:break-all; }
.dir-content table th.th_star { background:#f6f6f6 url(./images/klid/must_02.png) no-repeat center right 20px; }
.dir-content table td { font-size:14px; text-align:left; border:1px solid #dcdcdc; padding-left:14px; padding-right:14px; word-break:break-all; }
.dir-content table td.left { text-align:left; }
.dir-content table td.center { text-align:center; }
.dir-content table select { font-size:14px; height:30px; }
.dir-content table input { font-size:14px; }
.dir-content table input[type="radio"] { margin-right:10px; }
.dir-content table label { margin-right:20px; }
.dir-content .content-substance-title { padding-left:20px; padding-top:23px; height:54px; border-bottom:1px solid; font-weight:bold; }
.dir-content .content-substance-title span { float:left; margin-bottom:0px; font-size:18px; color:#333333; height:30px; }
.dir-content .content-substance-title button { margin-left:10px; }
.dir-content .content-substance { border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; padding:20px; margin-bottom:30px; background-color:#f6f6f6; font-size:14px; }

.content-substance .content-substance-group { position:relative; padding:8px; border:1px solid #cecece; margin-bottom:10px; }
.content-substance .content-substance-group textarea { width:100%; }
.content-substance .content-substance-group button { margin-left:5px; }
.content-substance .content-substance-btn-group { padding-top:5px; }
.content-substance select { font-size:14px; margin-bottom:12px; height:30px; }
.content-substance textarea { font-size:14px; height:100px; border:1px solid #c8c8c8; }

.treeDiv { position:absolute; width:auto; padding:0; }
.treeDiv ul li a { color:#333; text-decoration:none; }

.ui-datepicker-trigger { height:28px; vertical-align:middle; margin-left:5px; cursor:pointer; }

.js-tree-custom { max-height:400px; padding-top:10px; padding-bottom:10px; width:auto; min-width:150px; max-width:400px; position:relative; margin-top:-12px; z-index:9999; border:1px solid; height:auto; }
.js-tree-custom-close { position:absolute; top:-1px; right:25px; width:auto; z-index:10000; }
.m-pagination-info { float:right; margin:0 0 5px 0; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:13px; font-weight:normal; letter-spacing:-0.01em; }
.jstree a { font-size:15px; }

.form-file { position:relative; }
.form-file input[type="file"] { opacity:0; visibility:hidden; position:absolute; left:-999em; }
.form-file input,.form-file button { vertical-align:top; }
.form-file button { margin-left:5px; }
.form { -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border:1px solid #c8c8c8; color:#333333; padding:4px 10px; height:34px; background:#fff; }
.dot-list { }
.dot-list li { margin-left:12px; position:relative; margin-bottom:6px; line-height:1.5; }
.dot-list li:before { content:'•'; position:absolute; top:2px; left:-12px; font-size:10px; }
.dot-list.dot-list-sm { }
.dot-list.dot-list-sm li { margin-bottom:4px; line-height:1.25; }
.dot-list.dot-list-lg { }
.dot-list.dot-list-lg li { font-size:15px; line-height:1.5; margin-bottom:10px; letter-spacing:-0.1em; }
.dot-list li:last-child { margin-bottom:0 !important; }
.m-r-10 { margin-right:10px !important; }
.font-dark-grey { color:#666666; }
.btn, button { font:inherit; box-sizing:border-box; text-align:center; display:inline-block; cursor:pointer; }
.btn.btn-bordered { border-radius:4px; }
.btn.btn-outline { border:1px solid #bcbcbc; background:#f2f2f2; color:#2f2f2f; }
.btn.btn-outline.btn-style-c { background:#888888; border-color:#888888; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:12px; font-weight:normal; letter-spacing:-0.03em; }
.btn.btn-sm { height:30px; line-height:28px; padding:0 5px 0 5px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; font-size:12px; font-weight:normal; letter-spacing:-0.03em; }
.underline { text-decoration:underline; }

.info-txt-box { padding:20px 40px 0; font-size:16px; text-align:right; }
.document-wrap { width:100%; padding:20px 40px; box-sizing:border-box }
.layout-section3 { min-width:1158px }
.layout-section3 ul { width:100%; font-size:0 }
.layout-section3 ul li { display:inline-block; width:calc(50% - 50px); min-width:460px; padding:0; border:solid 1px #dcdcdc; box-sizing:border-box; vertical-align:top }
.layout-section3 ul li:nth-of-type(2) { position:relative; width:90px; min-width:89px; height:468px; text-align:center; border:none }
div[class^="tbl-"] { border-top:solid 2px #333 }
div[class^="tbl-"] table th { height:50px; padding:5px; font-size:14px; text-align:center; line-height:21px; border:1px solid #dcdcdc; background-color:#f6f6f6 }
div[class^="tbl-"] table td { height:30px; padding:5px 10px; font-size:14px; text-align:center; letter-spacing:-0.05em; border:1px solid #dcdcdc; background-color:#fff }
div[class^="tbl-"] table .left { text-align:left !important }
div[class^="tbl-"] table .center { text-align:center !important }
.layout-section3 ul li:nth-of-type(1) .tbl-wrap { height:468px; background-color:#fcfcfc }
.layout-section3 ul li:nth-of-type(3) .tbl-wrap { height:364px; background-color:#fcfcfc }
.body-scroll table { display:flex; flex-flow:column; width:100%; height:100% }
.body-scroll table thead { flex:0 0 auto; width:100% }
.body-scroll table tbody { flex:1 1 auto; display:block; overflow-y:scroll; width:calc(100% - 0.9em) }
.body-scroll table thead tr,.body-scroll table tbody tr { width:100%; border-left:solid 1px #dcdcdc; border-right:solid 1px #dcdcdc }
.body-scroll table thead,.body-scroll table tbody tr { display:table; table-layout:fixed }
.body-scroll table th,.body-scroll table td { border:none !important; border-bottom:solid 1px #dcdcdc !important }
.layout-section3 .body-scroll table thead tr th:nth-of-type(1),.layout-section3 .body-scroll table tbody tr td:nth-of-type(1) { width:50px }
.layout-section3 .body-scroll table thead tr th:nth-of-type(4) { border-right:none }
.layout-section3 .body-scroll.left table thead tr th:nth-of-type(2),.layout-section3 .body-scroll.left table tbody tr td:nth-of-type(2),.layout-section3 .body-scroll.left table thead tr th:nth-of-type(3),.layout-section3 .body-scroll.left table tbody tr td:nth-of-type(3) { width:150px }
.layout-section3 .body-scroll.right table thead tr th:nth-of-type(3),.layout-section3 .body-scroll.right table tbody tr td:nth-of-type(3),.layout-section3 .body-scroll.right table thead tr th:nth-of-type(4) { width:100px }
.layout-section3 .body-scroll.right table tbody tr td:nth-of-type(4) { width:80px }
.layout-section3 .body-scroll.right table tbody tr td:nth-of-type(4) input[type="radio"] { margin-left:18px }
.layout-section3 input[type="radio"] { margin-right:0 }
.tbl-row-wrap table td { text-align:left !important }
.arrow { position:absolute; top:50%; left:50%; width:30px; height:30px; margin-top:-15px; margin-left:-15px; border:solid 1px #ddd; background-color:#fff; box-sizing:border-box }
.arrow::before { content:""; position:absolute; top:30%; left:23.2%; width:22px; height:10px; background:url(../images/icon_close_nor.png) no-repeat; }
.arrow.right { margin-top:30px; transform:rotate(90deg) }
.arrow.left { transform:rotate(270deg) }

.login-box-msg label { font-size:16px; margin-bottom:0; vertical-align:middle }
.login-box-msg input[type="radio"] { display:inline-block; width:18px; height:18px; margin:0; vertical-align:middle }
.login-box-msg label+input { margin-left:20px !important }

.tabs-header,
.tabs-scroller-left,
.tabs-scroller-right,
.tabs-tool,
.tabs,
.tabs-panels,
.tabs li a.tabs-inner,
.tabs li.tabs-selected a.tabs-inner,
.tabs-header-bottom .tabs li.tabs-selected a.tabs-inner,
.tabs-header-left .tabs li.tabs-selected a.tabs-inner,
.tabs-header-right .tabs li.tabs-selected a.tabs-inner {
	border-color:#dbdde2;
}

.tabs-header { border-width:0 0 0 0; }
.tabs-title { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; letter-spacing:-0.03em; }
.tabs li a.tabs-inner:hover { background:linear-gradient(#f2f2f2, #ffffff); color:#305994 !important; }
.tabs li.tabs-selected a.tabs-inner { cursor:pointer !important; }

/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/

a.btn-green { padding:6px 8px 6px 8px; background:#078e9e; border:1px solid #078e9e; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-green2 { padding:6px 8px 6px 8px; background:#1e983f; border:1px solid #1e983f; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-black { padding:6px 8px 6px 8px; background:#555555; border:1px solid #555555; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-empty { padding:6px 8px 6px 8px; background:#edeff2; border:1px solid #888f99; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555 !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-cherry { padding:6px 8px 6px 8px; background:#e84d71; border:1px solid #e84d71; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-blue { padding:6px 8px 6px 8px; background:#2b6bc6; border:1px solid #2b6bc6; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-gray { padding:6px 8px 6px 8px; background:#666666; border:1px solid #666666; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-white { padding:6px 8px 6px 8px; background:#ffffff; border:1px solid #888888; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555 !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-orange { padding:6px 8px 6px 8px; background:#ff824c; border:1px solid #ff824c; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-brown { padding:6px 8px 6px 8px; background:#88725b; border:1px solid #88725b; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-yellow { padding:6px 8px 6px 8px; background:#d09d5c; border:1px solid #d09d5c; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }

a.btn-green-1 { padding:5px 10px 5px 10px; background:#078e9e; border:1px solid #078e9e; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-green2-1 { padding:5px 10px 5px 10px; background:#1e983f; border:1px solid #1e983f; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-black-1 { padding:5px 10px 5px 10px; background:#555555; border:1px solid #555555; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-empty-1 { padding:5px 10px 5px 10px; background:#edeff2; border:1px solid #888f99; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555 !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-cherry-1 { padding:5px 10px 5px 10px; background:#e84d71; border:1px solid #e84d71; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-blue-1 { padding:5px 10px 5px 10px; background:#2b6bc6; border:1px solid #2b6bc6; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-gray-1 { padding:5px 10px 5px 10px; background:#666666; border:1px solid #666666; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-white-1 { padding:5px 10px 5px 10px; background:#ffffff; border:1px solid #888888; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555 !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-orange-1 { padding:5px 10px 5px 10px; background:#ff824c; border:1px solid #ff824c; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-brown-1 { padding:5px 10px 5px 10px; background:#88725b; border:1px solid #88725b; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-yellow-1 { padding:5px 10px 5px 10px; background:#d09d5c; border:1px solid #d09d5c; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }

a.btn-green-2 { padding:3px 10px 3px 10px; background:#078e9e; border:1px solid #078e9e; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-green2-2 { padding:3px 10px 3px 10px; background:#1e983f; border:1px solid #1e983f; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-black-2 { padding:3px 10px 3px 10px; background:#555555; border:1px solid #555555; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-empty-2 { padding:3px 10px 3px 10px; background:#edeff2; border:1px solid #888f99; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555 !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-cherry-2 { padding:3px 10px 3px 10px; background:#e84d71; border:1px solid #e84d71; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-blue-2 { padding:3px 10px 3px 10px; background:#2b6bc6; border:1px solid #2b6bc6; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-gray-2 { padding:3px 10px 3px 10px; background:#666666; border:1px solid #666666; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-white-2 { padding:3px 10px 3px 10px; background:#ffffff; border:1px solid #888888; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555 !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-orange-2 { padding:3px 10px 3px 10px; background:#ff824c; border:1px solid #ff824c; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-brown-2 { padding:3px 10px 3px 10px; background:#88725b; border:1px solid #88725b; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-yellow-2 { padding:3px 10px 3px 10px; background:#d09d5c; border:1px solid #d09d5c; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }

a.btn-green-3 { padding:3px 5px 3px 5px; background:#078e9e; border:1px solid #078e9e; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:12px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-green2-3 { padding:3px 5px 3px 5px; background:#1e983f; border:1px solid #1e983f; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:12px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-black-3 { padding:3px 5px 3px 5px; background:#555555; border:1px solid #555555; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:12px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-empty-3 { padding:3px 5px 3px 5px; background:#edeff2; border:1px solid #888f99; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555 !important; font-size:12px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-cherry-3 { padding:3px 5px 3px 5px; background:#e84d71; border:1px solid #e84d71; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:12px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-blue-3 { padding:3px 5px 3px 5px; background:#2b6bc6; border:1px solid #2b6bc6; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:12px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-gray-3 { padding:3px 5px 3px 5px; background:#666666; border:1px solid #666666; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:12px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-white-3 { padding:3px 5px 3px 5px; background:#ffffff; border:1px solid #888888; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555 !important; font-size:12px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-orange-3 { padding:3px 5px 3px 5px; background:#ff824c; border:1px solid #ff824c; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:12px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-brown-3 { padding:3px 5px 3px 5px; background:#88725b; border:1px solid #88725b; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:12px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-yellow-3 { padding:3px 5px 3px 5px; background:#d09d5c; border:1px solid #d09d5c; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:12px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }

a.btn-green-4 { padding:4px 7px 4px 7px; background:#078e9e; border:1px solid #078e9e; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:12px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-green2-4 { padding:4px 7px 4px 7px; background:#1e983f; border:1px solid #1e983f; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:12px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-black-4 { padding:4px 7px 4px 7px; background:#555555; border:1px solid #555555; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:12px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-empty-4 { padding:4px 7px 4px 7px; background:#edeff2; border:1px solid #888f99; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555 !important; font-size:12px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-cherry-4 { padding:4px 7px 4px 7px; background:#e84d71; border:1px solid #e84d71; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:12px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-blue-4 { padding:4px 7px 4px 7px; background:#2b6bc6; border:1px solid #2b6bc6; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:12px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-gray-4 { padding:4px 7px 4px 7px; background:#666666; border:1px solid #666666; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:12px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-white-4 { padding:4px 7px 4px 7px; background:#ffffff; border:1px solid #888888; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555 !important; font-size:12px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-orange-4 { padding:4px 7px 4px 7px; background:#ff824c; border:1px solid #ff824c; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:12px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-brown-4 { padding:4px 7px 4px 7px; background:#88725b; border:1px solid #88725b; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:12px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
a.btn-yellow-4 { padding:4px 7px 4px 7px; background:#d09d5c; border:1px solid #d09d5c; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:12px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }

a.btn-green-5 { padding:1px 10px 1px 10px; background:#078e9e; border:1px solid #078e9e; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:11px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; text-decoration:none !important; }
a.btn-green-5:hover { color:#ffffff !important; }
a.btn-green2-5 { padding:1px 10px 1px 10px; background:#1e983f; border:1px solid #1e983f; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:11px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; text-decoration:none !important; }
a.btn-black-5 { padding:1px 10px 1px 10px; background:#555555; border:1px solid #555555; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:11px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; text-decoration:none !important; }
a.btn-empty-5 { padding:1px 10px 1px 10px; background:#edeff2; border:1px solid #888f99; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555 !important; font-size:11px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; text-decoration:none !important; }
a.btn-empty-5:hover { color:#555555 !important; }
a.btn-cherry-5 { padding:1px 10px 1px 10px; background:#e84d71; border:1px solid #e84d71; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:11px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; text-decoration:none !important; }
a.btn-blue-5 { padding:1px 10px 1px 10px; background:#2b6bc6; border:1px solid #2b6bc6; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:11px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; text-decoration:none !important; }
a.btn-gray-5 { padding:1px 10px 1px 10px; background:#666666; border:1px solid #666666; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:11px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; text-decoration:none !important; }
a.btn-white-5 { padding:1px 10px 1px 10px; background:#ffffff; border:1px solid #888888; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555 !important; font-size:11px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; text-decoration:none !important; }
a.btn-orange-5 { padding:1px 10px 1px 10px; background:#ff824c; border:1px solid #ff824c; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:11px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; text-decoration:none !important; }
a.btn-brown-5 { padding:1px 10px 1px 10px; background:#88725b; border:1px solid #88725b; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:11px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; text-decoration:none !important; }
a.btn-yellow-5 { padding:1px 10px 1px 10px; background:#d09d5c; border:1px solid #d09d5c; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:11px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; text-decoration:none !important; }

.btn-green { padding:6px 8px 6px 8px; background:#078e9e; border:1px solid #078e9e; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-green2 { padding:6px 8px 6px 8px; background:#1e983f; border:1px solid #1e983f; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-black { padding:6px 8px 6px 8px; background:#555555; border:1px solid #555555; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-empty { padding:6px 8px 6px 8px; background:#edeff2; border:1px solid #888f99; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555 !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-cherry { padding:6px 8px 6px 8px; background:#e84d71; border:1px solid #e84d71; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-blue { padding:6px 8px 6px 8px; background:#2b6bc6; border:1px solid #2b6bc6; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-gray { padding:6px 8px 6px 8px; background:#666666; border:1px solid #666666; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-white { padding:6px 8px 6px 8px; background:#ffffff; border:1px solid #888888; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555 !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-orange { padding:6px 8px 6px 8px; background:#ff824c; border:1px solid #ff824c; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-brown { padding:6px 8px 6px 8px; background:#88725b; border:1px solid #88725b; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-yellow { padding:6px 8px 6px 8px; background:#d09d5c; border:1px solid #d09d5c; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }

.btn-green-1 { padding:5px 10px 5px 10px; background:#078e9e; border:1px solid #078e9e; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-green2-1 { padding:5px 10px 5px 10px; background:#1e983f; border:1px solid #1e983f; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-black-1 { padding:5px 10px 5px 10px; background:#555555; border:1px solid #555555; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-empty-1 { padding:5px 10px 5px 10px; background:#edeff2; border:1px solid #888f99; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555 !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-cherry-1 { padding:5px 10px 5px 10px; background:#e84d71; border:1px solid #e84d71; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-blue-1 { padding:5px 10px 5px 10px; background:#2b6bc6; border:1px solid #2b6bc6; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-gray-1 { padding:5px 10px 5px 10px; background:#666666; border:1px solid #666666; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-white-1 { padding:5px 10px 5px 10px; background:#ffffff; border:1px solid #888888; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555 !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-orange-1 { padding:5px 10px 5px 10px; background:#ff824c; border:1px solid #ff824c; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-brown-1 { padding:5px 10px 5px 10px; background:#88725b; border:1px solid #88725b; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-yellow-1 { padding:5px 10px 5px 10px; background:#d09d5c; border:1px solid #d09d5c; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }

.btn-green-2 { padding:3px 10px 3px 10px; background:#078e9e; border:1px solid #078e9e; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-green2-2 { padding:3px 10px 3px 10px; background:#1e983f; border:1px solid #1e983f; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-black-2 { padding:3px 10px 3px 10px; background:#555555; border:1px solid #555555; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-empty-2 { padding:3px 10px 3px 10px; background:#edeff2; border:1px solid #888f99; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555 !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-cherry-2 { padding:3px 10px 3px 10px; background:#e84d71; border:1px solid #e84d71; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-blue-2 { padding:3px 10px 3px 10px; background:#2b6bc6; border:1px solid #2b6bc6; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-gray-2 { padding:3px 10px 3px 10px; background:#666666; border:1px solid #666666; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-white-2 { padding:3px 10px 3px 10px; background:#ffffff; border:1px solid #888888; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555 !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-orange-2 { padding:3px 10px 3px 10px; background:#ff824c; border:1px solid #ff824c; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-brown-2 { padding:3px 10px 3px 10px; background:#88725b; border:1px solid #88725b; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-yellow-2 { padding:3px 10px 3px 10px; background:#d09d5c; border:1px solid #d09d5c; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }

.btn-green-3 { padding:3px 5px 3px 5px; background:#078e9e; border:1px solid #078e9e; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:12px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-green2-3 { padding:3px 5px 3px 5px; background:#1e983f; border:1px solid #1e983f; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:12px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-black-3 { padding:3px 5px 3px 5px; background:#555555; border:1px solid #555555; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:12px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-empty-3 { padding:3px 5px 3px 5px; background:#edeff2; border:1px solid #888f99; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555 !important; font-size:12px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-cherry-3 { padding:3px 5px 3px 5px; background:#e84d71; border:1px solid #e84d71; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:12px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-blue-3 { padding:3px 5px 3px 5px; background:#2b6bc6; border:1px solid #2b6bc6; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:12px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-gray-3 { padding:3px 5px 3px 5px; background:#666666; border:1px solid #666666; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:12px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-white-3 { padding:3px 5px 3px 5px; background:#ffffff; border:1px solid #888888; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555 !important; font-size:12px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-orange-3 { padding:3px 5px 3px 5px; background:#ff824c; border:1px solid #ff824c; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:12px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-brown-3 { padding:3px 5px 3px 5px; background:#88725b; border:1px solid #88725b; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:12px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-yellow-3 { padding:3px 5px 3px 5px; background:#d09d5c; border:1px solid #d09d5c; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:12px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }

.btn-green-4 { padding:4px 7px 4px 7px; background:#078e9e; border:1px solid #078e9e; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:12px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-green2-4 { padding:4px 7px 4px 7px; background:#1e983f; border:1px solid #1e983f; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:12px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-black-4 { padding:4px 7px 4px 7px; background:#555555; border:1px solid #555555; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:12px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-empty-4 { padding:4px 7px 4px 7px; background:#edeff2; border:1px solid #888f99; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555 !important; font-size:12px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-cherry-4 { padding:4px 7px 4px 7px; background:#e84d71; border:1px solid #e84d71; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:12px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-blue-4 { padding:4px 7px 4px 7px; background:#2b6bc6; border:1px solid #2b6bc6; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:12px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-gray-4 { padding:4px 7px 4px 7px; background:#666666; border:1px solid #666666; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:12px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-white-4 { padding:4px 7px 4px 7px; background:#ffffff; border:1px solid #888888; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555 !important; font-size:12px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-orange-4 { padding:4px 7px 4px 7px; background:#ff824c; border:1px solid #ff824c; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:12px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-brown-4 { padding:4px 7px 4px 7px; background:#88725b; border:1px solid #88725b; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:12px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-yellow-4 { padding:4px 7px 4px 7px; background:#d09d5c; border:1px solid #d09d5c; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:12px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }

.btn-green-5 { padding:1px 10px 1px 10px; background:#078e9e; border:1px solid #078e9e; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:11px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-green2-5 { padding:1px 10px 1px 10px; background:#1e983f; border:1px solid #1e983f; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:11px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-black-5 { padding:1px 10px 1px 10px; background:#555555; border:1px solid #555555; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:11px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-empty-5 { padding:1px 10px 1px 10px; background:#edeff2; border:1px solid #888f99; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555 !important; font-size:11px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-cherry-5 { padding:1px 10px 1px 10px; background:#e84d71; border:1px solid #e84d71; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:11px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-blue-5 { padding:1px 10px 1px 10px; background:#2b6bc6; border:1px solid #2b6bc6; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:11px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-gray-5 { padding:1px 10px 1px 10px; background:#666666; border:1px solid #666666; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:11px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-white-5 { padding:1px 10px 1px 10px; background:#ffffff; border:1px solid #888888; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555 !important; font-size:11px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-orange-5 { padding:1px 10px 1px 10px; background:#ff824c; border:1px solid #ff824c; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:11px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-brown-5 { padding:1px 10px 1px 10px; background:#88725b; border:1px solid #88725b; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:11px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }
.btn-yellow-5 { padding:1px 10px 1px 10px; background:#d09d5c; border:1px solid #d09d5c; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:11px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:3px; }

.btn-small { padding:4px 10px; }

a.btn-cal { display:inline-block; width:35px; height:35px; background:url("./images/btn_cal_01.jpg") no-repeat center center; text-indent:-10000px; border:1px solid #c8c8c8; vertical-align:middle; border-radius:3px; }

ul.dotlist { overflow:hidden; }
ul.dotlist li { clear:both; background:url("./images/klid/dot_03.png") no-repeat 0 10px; padding-left:8px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#666666; font-size:15px; font-weight:normal; line-height:20px; letter-spacing:-0.03em; margin:0 0 5px 0; }
ul.dotlist li.in { background:none; padding-left:8px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#888888; font-size:14px; font-weight:normal; line-height:20px; letter-spacing:-0.03em; margin:0 0 5px 0; }

ul.dotlist2 { overflow:hidden; }
ul.dotlist2 li { clear:both; background:url("./images/klid/dot_03.png") no-repeat 0 10px; padding-left:8px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#666666; font-size:15px; font-weight:normal; line-height:20px; letter-spacing:-0.03em; margin:5px 0 1px 0; }
ul.dotlist2 li:first-child { margin:4px 0 1px 0; }
ul.dotlist2 li.in { background:none; padding-left:8px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#888888; font-size:14px; font-weight:normal; line-height:20px; letter-spacing:-0.03em; margin:0 0 2px 0; }

ul.con_filelist { margin:15px 0 0 0; overflow:hidden; }
ul.con_filelist li { position:relative; float:left; width:100% !important; height:auto; margin:0 0 3px 0; padding:10px 15px 10px 25px !important; background:#f3f3f3 url("./images/klid/dot_03.png") no-repeat 15px center; font-family:"NotoSansKR Regular" !important; color:#555555 !important; font-size:14px !important; font-weight:normal !important; letter-spacing:-0.03em; }
ul.con_filelist li a { font-family:"NotoSansKR Regular" !important; color:#333333 !important; font-size:14px !important; font-weight:normal !important; letter-spacing:-0.03em; }
Ul.con_filelist li a.del { position:absolute; right:15px; top:10px; display:inline-block; width:15px; height:15px; background:url("./images/klid/delete_01.png") no-repeat 0 0; text-indent:-10000px; vertical-align:middle; margin:0 3px 0 0; }

.content-search button[class^="btn-"] { padding-top:0px !important; padding-bottom:0px !important; height:30px !important; line-height:28px !important; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕" !important; font-size:13px !important; }
.content-search button[class$="-btn"] { padding-top:0px !important; padding-bottom:0px !important; height:30px !important; line-height:28px !important; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕" !important; font-size:13px !important; }

.div_box_2 p { margin:3px 0 5px 0; }

.con_survey4 { margin:15px 40px 30px 40px; }
.con_survey4 dl dt { width:200px !important; }
.con_survey4 dl dd span { margin:0 0 0 150px !important; padding:2px 0 0 0 !important; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px !important; font-weight:normal; letter-spacing:-0.03em; }
.con_survey4  { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px !important; font-weight:normal; letter-spacing:-0.03em; }

.blueBox .q dt.quesSortOr { display:inline-block; width:auto; height:auto; margin:0 10px 0 0; padding:10px 10px 10px 10px; background:#666666; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:14px; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-bottom-right-radius:5px; }
.blueBox .edit { width:auto; }
.blueBox .edit .btn { right:5px !important; width:auto; overflow:hidden; background:none !important; padding:0 0 0 0; }
.blueBox .edit .btn li { float:left; margin:0 5px 0 0; }
.blueBox .edit .btn li:last-child { margin:0 0 0 0; }
.blueBox .edit .btn li a { display:inline-block; width:auto; padding:2px 10px 2px 10px; background:#999999; border:1px solid #999999; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:5px !important; text-indent:none; }
.blueBox .edit .type li strong { margin-bottom:9px; }
.blueBox .edit .btnBox_2 { margin:0 0 0 0 !important; }
.blueBox textarea { border:1px solid #d8d8d8; padding:10px 10px 10px 10px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; line-height:22px; letter-spacing:-0.03em; box-sizing:border-box; }

.btnBox_2 a { display:inline-block; padding:2px 10px 2px 10px; background:#1069ac; border:1px solid #1069ac; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:5px !important; margin:0 3px 0 0; }
.btnBox_2 a#templateTag { margin:5px 0 0 0; background:#039ac7; border:1px solid #039ac7; }
.btnBox_2 a.sop1 { padding:5px 15px 5px 15px; background:#40a2ed; border:1px solid #40a2ed; font-size:14px !important; margin:0 0 0 0; }
.btnBox_2 a.sop2 { padding:5px 15px 5px 15px; background:#004562; border:1px solid #004562; font-size:14px !important; margin:0 0 0 0; }

.btnBox2 a { display:inline-block; height:auto; padding:4px 15px 4px 15px; background:#75675c; border:1px solid #75675c; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:5px !important; }
.btnBox2 span { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff !important; font-size:13px !important; font-weight:normal; letter-spacing:-0.03em; }
.btnBox2 a.deleteEx { background:#666666; border:1px solid #666666; }

p.sop1 { padding:20px 0 10px 0; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555 !important; font-size:15px !important; font-weight:normal; text-align:center; letter-spacing:-0.03em; }
.isop1 { padding:0 0 0 0; border:none; border-radius:0px; }

.quik .move2 li .cell h5 { padding:0 0 7px 25px; background:none; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#333333; font-size:13px; font-weight:normal; letter-spacing:-0.03em; }

.form-file ul li { display:inline-block; margin:10px 0 0 0 !important; padding:5px 10px 5px 10px !important; border:1px solid #d8d8d8; border-radius:5px; }
.form-file ul li span a { letter-spacing:-0.01em; }
.form-file ul li a.btn-delete { display:inline-block; width:15px; height:15px; background:url("./images/klid/delete_01.png") no-repeat 0 0; text-indent:-10000px; }

.quik .move li.exLi { padding:0 0 45px 0 !important; }

.con_filebox { margin:-5px 0 0 0 !important; }
.con_filebox ul li { background:none !important; }

.con_filebox2 { margin:-5px 0 0 0 !important; }
.con_filebox2 ul li { background:none !important; }

.con_filebox3 { margin:-5px 0 0 0 !important; }
.con_filebox3 ul li { background:none !important; }

.maxMinCnt { background:#f5f5f5 !important; border:1px solid #d8d8d8; padding:5px 8px 15px 8px; border-radius:5px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#333333; font-size:13px; font-weight:normal; letter-spacing:-0.05em; }
.maxMinCnt label { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#333333; font-size:13px; font-weight:normal; letter-spacing:-0.05em; }
.maxMinCnt input[type="text"] { margin:-3px 0 0 0; height:20px; vertical-align:middle; }

.div_con_popup { }
.div_con_popup .popup-header { width:100%; height:56px; background:#666666; padding:0; margin:0; }
.div_con_popup .popup-agree { width:100%; height:56px; padding:0; margin:0; }
.div_con_popup .popup-header .popup-header_c { position:relative; height:56px; margin:0 auto; margin:0 20px 0 0; }
.div_con_popup .popup-header .popup-header_c h1 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:18px; font-weight:normal; letter-spacing:-0.05em; padding:20px 0 0 20px; }
.div_con_popup .popup-header .popup-header_c h1 span { display:inline-block; padding:5px 20px 5px 20px; background:#edfe5b; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#222222; font-size:13px; font-weight:normal; letter-spacing:-0.01em; margin:0 0 0 5px; border-radius:30px; }
.div_con_popup .popup-header .popup-header_c ul.logo li:last-child { float:left; padding:0; margin:0; margin:20px 0 0 -10px; }
.div_con_popup .popup-header .popup-header_c a.close_popup { position:absolute; right:0px; top:13px; display:inline-block; width:30px; height:30px; background:url("./images/btn-close-03.png") no-repeat 0 0; }
.div_con_popup .popup-body { padding:10px 10px 10px 10px; }

.well { overflow:hidden; margin:20px 20px 20px 20px; padding:20px 20px 20px 20px; overflow:hidden; background:#f2f2f2; border:1px solid #d8d8d8; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; font-weight:normal; line-height:24px; letter-spacing:-0.03em; border-radius:5px; }
.well h1 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#333333; font-size:17px; font-weight:normal; text-align:left; line-height:24px; letter-spacing:-0.05em; }
.well .well { overflow:hidden; background:#ffffff; padding:20px 20px 20px 20px !important; }

.div_layer { width:100%; overflow:hidden; border:2px solid #28434e; padding:10px; background:#ffffff; position:absolute; width:300px; margin-top:-12px; display:none; overflow-y:auto; max-height:300px; z-index:999 !important; }

.ui-datepicker { padding:10px 10px 10px 10px !important; width:250px; }
.ui-datepicker .ui-datepicker-header {	padding:10px 0 10px 0; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:13px; font-weight:normal; letter-spacing:-0.01em; }
.ui-datepicker .ui-datepicker-title select { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#444444; font-size:12px; font-weight:normal; letter-spacing:-0.01em; cursor:pointer; }
.ui-datepicker .ui-datepicker-prev { top:10px; }
.ui-datepicker .ui-datepicker-next { top:10px; }
.ui-datepicker th { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#333333; font-size:13px; font-weight:normal; letter-spacing:-0.01em; }
.ui-datepicker td span,
.ui-datepicker td a { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; font-size:13px; font-weight:normal; letter-spacing:-0.01em; }

.chosen-container { height:30px; background:#ffffff; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; letter-spacing:-0.03em; cursor:pointer; }
.chosen-container-single .chosen-single { height:30px; background-color:#ffffff; background:none; border-radius:3px; }

.quik .move LI.exLi P { CURSOR:pointer; BACKGROUND:url(images/btn_move.gif) no-repeat 0px 8px !important; POSITION:relative; PADDING-BOTTOM:10px; PADDING-TOP:0px; PADDING-LEFT:25px !important; PADDING-RIGHT:0px }

.ui-jqgrid-bdiv { overflow:auto; }
table.ui-jqgrid-btable td.tit2 { padding:5px 0 5px 10px; }
table.ui-jqgrid-btable td a:hover { font-family:"NotoSansKR medium","Malgun Gothic","맑은 고딕" !important; color:#111111 !important; text-decoration:underline; }
.ui-jqgrid .ui-jqgrid-htable th:last-child { border-right:3px solid #dedede !important; }

.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column { word-break:break-all !important; white-space:normal !important; padding:5px 3px 5px 3px !important; height:auto !important; }
.ui-jqgrid tr.jqgrow td { word-break:break-all !important; white-space:normal !important; padding:10px 5px 10px 5px !important; }

.pre-wrap { white-space:pre-wrap !important; }
.overhidden { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-break:break-all; }
.font a { text-decoration:underline !important; }

.ajax-loader-modal { display:none; position:fixed; z-index:1000; top:0; left:0; height:100%; width:100%; background:rgba( 255, 255, 255, .8 ) url('../js/jquery-ui-1.12.1.custom/images/ajax-loader.gif') 50% 50% no-repeat; }
body.ajax-loader { overflow:hidden; }
body.ajax-loader .ajax-loader-modal { display:block; }

/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/

.con_pagetitle { display:inline-block; width:100%; overflow:hidden; padding:20px 10px 20px 10px; font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#222222; font-size:25px; font-weight:normal; text-align:center; letter-spacing:-0.05em; }

.con_apply { overflow:hidden; border:3px solid #999999; margin:15px 10px 0 10px; border-radius:3px; }
.con_apply ul { overflow:hidden; }
.con_apply ul li { float:left; }
.con_apply ul li.tit { padding:7px 0 0 10px; width:60%; height:30px; border:1px solid #d8d8d8; border-width:0 1px 1px 0; background:#f2f2f2; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#333333; font-size:13px; font-weight:normal; letter-spacing:-0.03em; box-sizing:border-box; }
.con_apply ul li.desc { padding:7px 10px 0 0; width:40%; height:30px; border:1px solid #d8d8d8; border-width:0 0 1px 0; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:12px; font-weight:normal; text-align:right; letter-spacing:-0.03em; box-sizing:border-box; }
.con_apply ul li.desc a { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:13px; font-weight:normal; }
.con_apply ul li.desc a span { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ff3b1d; font-size:13px; font-weight:normal; margin:0 2px 0 0; }

.con_login_wrap { overflow:hidden; background:url("./images/klid/login_bg_01.jpg") repeat-x center 0; }
.con_login_c { height:700px; background:url("./images/klid/login_bg_01.png") no-repeat center 0; padding:242px 0 0 0; }

.con_login_c1 { overflow:hidden; margin:0 auto; width:500px; }
.con_login_c1 h3 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:26px; font-weight:normal; text-align:center; letter-spacing:-0.05em; }
.con_login_c1 h2 { margin:10px 0 0 0; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:30px; font-weight:normal; text-align:center; letter-spacing:-0.07em; }

.con_login_c2 { overflow:hidden; margin:0 auto; width:500px; padding:50px 0 0 0; }
.con_login_c2 ul { overflow:hidden;  }
.con_login_c2 ul li { box-sizing:border-box;  }
.con_login_c2 ul li.op1 { width:100%; height:50px; background:#4290a5 url("./images/klid/login_ic_01.png") no-repeat 20px center; border:1px solid #63a9b7; border-radius:5px; padding:0 0 0 50px; margin:0 0 13px 0; }
.con_login_c2 ul li.op1 input[type="text"] { width:100%; height:50px; border:none; background:#4290a5; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#222222; font-size:16px; font-weight:normal; letter-spacing:-0.03em; }

.con_login_c2 ul li.op2 { width:100%; height:50px; background:#4290a5 url("./images/klid/login_ic_02.png") no-repeat 20px center; border:1px solid #63a9b7; border-radius:5px; padding:0 0 0 50px; margin:0 0 20px 0; }
.con_login_c2 ul li.op2 input[type="password"] { width:100%; height:50px; border:none; background:#4290a5; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#222222; font-size:16px; font-weight:normal; letter-spacing:-0.03em; }

.con_login_c2 ul li.op3 { }
.con_login_c2 ul li.op3 a { display:inline-block; width:100%; height:60px; background:linear-gradient(#213b72, #21355e); font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:16px; font-weight:normal; text-align:center; line-height:60px; letter-spacing:-0.03em; border-radius:5px; }

.con_login_f { overflow:hidden; padding:30px 0 30px 0; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#888888; font-size:13px; font-weight:normal; text-align:center; letter-spacing:-0.00em; }

.con_comment { margin:20px 40px 0 40px; overflow:hidden; border-top:1px solid #222222; }
.con_comment.mop1 { margin:0 0 0 0; }
.con_comment_c1 { overflow:hidden; border-bottom:1px solid #d5d5d5; padding:20px 0 20px 0; }
.con_comment_c1 ul { overflow:hidden; }
.con_comment_c1 ul li { float:left; }
.con_comment_c1 ul li.forms { width:90%; margin:0 1% 0 0; }
.con_comment_c1 ul li.forms textarea { width:100%; height:100px; border:1px solid #d4d4d4; padding:15px 15px 15px 15px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; font-weight:normal; letter-spacing:-0.03em; line-height:24px; }
.con_comment_c1 ul li.btns { width:9%; }
.con_comment_c1 ul li.btns a { display:inline-block; width:100%; height:100px; background:#666666; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:16px; font-weight:normal; text-align:center; line-height:100px; letter-spacing:-0.03em; border-radius:5px; }
.con_comment_c2 { overflow:hidden; }
.con_comment_c2 ul { overflow:hidden; padding:20px 0 20px 0; border-bottom:1px solid #d5d5d5; }
.con_comment_c2 ul li { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; font-weight:normal; line-height:25px; letter-spacing:-0.05em; }
.con_comment_c2 ul li+li { font-family:"NotoSansKR DemiLight","Malgun Gothic","맑은 고딕"; color:#777777; font-size:14px; font-weight:normal; letter-spacing:-0.01em; margin:5px 0 0 0; }
.con_comment_c2 ul li+li span { color:#cccccc; font-size:16px; margin:0 8px 0 8px; }
.con_comment_c2 ul li a.mod { display:inline-block; padding:3px 6px 3px 6px; background:#999999; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:12px; font-weight:normal; text-align:center; line-height:12px; letter-spacing:-0.05em; vertical-align:middle; margin:-2px 0 0 4px; border-radius:5px; }
.con_comment_c2 ul li a.del { display:inline-block; padding:3px 6px 3px 6px; background:#999999; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:12px; font-weight:normal; text-align:center; line-height:12px; letter-spacing:-0.05em; vertical-align:middle; margin:-2px 0 0 4px; border-radius:5px; }
.con_comment_c2 ul li a.save { display:inline-block; padding:3px 6px 3px 6px; background:#31a97c; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:12px; font-weight:normal; text-align:center; line-height:12px; letter-spacing:-0.05em; vertical-align:middle; margin:-2px 0 0 4px; border-radius:5px; }
.con_comment_c2 ul li a.can { display:inline-block; padding:3px 6px 3px 6px; background:#777777; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:12px; font-weight:normal; text-align:center; line-height:12px; letter-spacing:-0.05em; vertical-align:middle; margin:-2px 0 0 4px; border-radius:5px; }

.con_list_option { position:relative; margin:30px 40px 0 40px; padding:10px 10px 10px 0; overflow:hidden; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; letter-spacing:-0.01em; }
.con_list_option.mop1 { margin:0 40px 0 40px; padding:0 10px 5px 0; }
.con_list_option.mop2 { margin:20px 40px 0 40px; padding:0 0 5px 0; }
.con_list_option span.cnt { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ff6800; font-size:14px; }
.con_list_option p { position:absolute; right:0px; top:8px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; letter-spacing:-0.03em; }
.con_list_option p span { display:inline-block; padding:0 3px 0 0; }
.con_list_option span.noti { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ff6800; font-size:14px; font-weight:normal; letter-spacing:-0.03em; margin:0 0 0 5px; }
.con_list_option span.noti2 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ff6800; font-size:15px; font-weight:normal; letter-spacing:-0.03em; margin:0 0 0 3px; }
.con_list_option ul { overflow:hidden; }
.con_list_option ul li { float:left; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#666666; font-size:15px; font-weight:normal; letter-spacing:-0.03em; }
.con_list_option ul li a { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#666666; font-size:15px; font-weight:normal; letter-spacing:-0.03em; }
.con_list_option ul li a.on { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; font-size:15px; }
.con_list_option ul li:after { content:"|"; color:#999999; font-size:12px; font-weight:normal; text-align:center; padding:0 10px 0 12px; }
.con_list_option ul li:last-child:after { content:none; padding:0 0 0 0; }

.con_list { margin:20px 40px 0 40px; overflow:hidden; border-top:1px solid #222222; }
.con_list.mop1 { margin:5px 0 0 0; }
.con_list.mop2 { margin:10px 40px 0 40px; }
.con_list.mop3 { margin:20px 0 0 0; }
.con_list table { width:100%; }
.con_list th { padding:10px 0 10px 0; border:1px solid #d4d4d4; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#333333; font-size:13px; text-align:center; font-weight:normal; letter-spacing:-0.03em; background:#f6f6f6; }
.con_list th p { padding:8px 0 0 0; }
.con_list td { padding:10px 0 10px 0; border:1px solid #d4d4d4; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:13px; text-align:center; font-weight:normal; letter-spacing:-0.03em; }
.con_list td p { padding:5px 0 0 0; }
.con_list td.tit { background:#f9f9f9; }
.con_list td.tit2 { text-align:left; padding:10px 0 10px 20px; }
.con_list td.tit2 a.link1 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#222222; font-size:15px; }
.con_list td span { display:inline-block; width:100%; }
.con_list td span span { display:inline-block; padding:10px 0 10px 0; background:#c8d0e9; }
.con_list td.bg1 { background:#c8d0e9; }

.con_list2 { margin:15px 0 5px 0; overflow:hidden; border-top:1px solid #555555; }
.con_list2.mop1 { margin:5px 0 0 0; }
.con_list2 table { width:100%; }
.con_list2 th { height:auto !important; padding:5px 10px 5px 10px !important; border:1px solid #e2e2e2; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#444444 !important; font-size:14px !important; text-align:center !important; font-weight:normal; letter-spacing:-0.03em; background:#f2faff !important; }
.con_list2 td { padding:5px 10px 5px 10px !important; border:1px solid #e2e2e2; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555 !important; font-size:14px !important; text-align:center !important; font-weight:normal; letter-spacing:-0.03em; }
.con_list2 td select { height:30px; border:1px solid #d4d4d4; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#666666; font-size:14px; font-weight:normal; letter-spacing:-0.03em; padding:0 0 0 10px; }
.con_list2 td input[type="text"] { height:30px; border:1px solid #d4d4d4; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#666666; font-size:14px; font-weight:normal; letter-spacing:-0.03em; padding:0 10px 0 10px; }
.con_list2 td input[type="password"] { height:30px; border:1px solid #d4d4d4; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#666666; font-size:14px; font-weight:normal; letter-spacing:-0.03em; padding:0 10px 0 10px; }
.con_list2 td input[type="file"] { height:30px; border:none; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#666666; font-size:14px; font-weight:normal; letter-spacing:-0.03em; background:none; }
.con_list2 td input[type="checkbox"] { margin:-2px 5px 0 0; vertical-align:middle; width:18px; height:18px; cursor:pointer; }
.con_list2 td input[type="radio"] { margin:-2px 5px 0 0; vertical-align:middle; width:18px; height:18px; cursor:pointer; }
.con_list2 td textarea { width:100%; height:300px; border:1px solid #d4d4d4; padding:15px 15px 15px 15px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#666666; font-size:14px; font-weight:normal; letter-spacing:-0.03em; line-height:23px; }
.con_list2 td.tit { padding:5px 10px 5px 20px; text-align:left !important; }

.con_list3 { margin:10px 0 0 0; width:60%; overflow:hidden; }
.con_list3 table { width:100%; }
.con_list3 th { padding:6px 0 6px 0; border:1px solid #d4d4d4; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#333333; font-size:14px; text-align:center; font-weight:normal; letter-spacing:-0.03em; background:#f6f6f6; }
.con_list3 td { padding:6px 0 6px 0; border:1px solid #d4d4d4; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; text-align:center; font-weight:normal; letter-spacing:-0.03em; background:#ffffff; }
.con_list3 td.op1 { border:0px solid #d4d4d4; background:none; text-align:left; padding:6px 0 6px 20px; }
.con_list3 td.bg1 { background:#fdfbf7; }

.con_write { overflow:hidden; border-top:1px solid #222222; }
.con_write table { width:100%; }
.con_write th { padding:10px 20px 10px 20px; border:1px solid #d9d9d9; background:#f5f5f5; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#222222; font-size:15px; font-weight:normal; text-align:left; letter-spacing:-0.03em; }
.con_write th.th_star { background:#f6f6f6 url(./images/klid/must_02.png) no-repeat center right 20px; }
.con_write td { padding:10px 20px 10px 20px; border:1px solid #d9d9d9; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; letter-spacing:-0.03em; }
.con_write td input[type="text"] { height:30px; border:1px solid #d8d8d8; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; letter-spacing:-0.03em; box-sizing:border-box; }
.con_write td input[type="file"] { padding:0 0 0 0; height:30px; border:none; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; letter-spacing:-0.03em; background:#ffffff; box-sizing:border-box; }
.con_write td input[type="checkbox"] { margin:-2px 5px 0 0; vertical-align:middle; width:17px; height:17px; cursor:pointer; }
.con_write td input[type="radio"] { margin:-2px 5px 0 0; vertical-align:middle; width:17px; height:17px; cursor:pointer; }
.con_write td select { height:30px; border:1px solid #d8d8d8; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; letter-spacing:-0.03em; box-sizing:border-box; }
.con_write td textarea { border:1px solid #d8d8d8; padding:10px 10px 10px 10px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; letter-spacing:-0.03em; box-sizing:border-box; }

.con_tit { position:relative; margin:30px 40px 0 40px; padding:10px 10px 10px 0; overflow:hidden;	font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#222222; font-size:19px; font-weight:normal; letter-spacing:-0.05em; }
.con_tit.mop1 { margin:0 0 0 0; }
.con_tit.mop2 { margin:30px 0 0 0; }
.con_tit { }
.con_tit p { position:absolute; right:0px; top:8px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; letter-spacing:-0.03em; }
.con_tit p span { display:inline-block; padding:0 3px 0 0; }
.con_tit span.noti { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ff6800; font-size:14px; font-weight:normal; letter-spacing:-0.03em; margin:0 0 0 5px; }
.con_tit span.noti2 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ff6800; font-size:15px; font-weight:normal; letter-spacing:-0.03em; margin:0 0 0 3px; }
.con_tit span.cnts { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ff6800; font-size:12px; font-weight:normal; letter-spacing:0.01em; margin:0 0 0 2px; }

.con_tit2 { overflow:hidden; background:#f5f5f5; border:1px solid #d9d9d9; padding:50px 0 50px 0; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#333333; font-size:16px; font-weight:normal; text-align:center; letter-spacing:-0.05em; border-radius:5px; }

.con_open { margin:30px 40px 0 40px; text-align:center; }
.con_open a.link1 { display:inline-block; padding:10px 30px 10px 30px; background:#1069ac; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:16px; font-weight:normal; text-align:center; letter-spacing:-0.05em; border-radius:30px; }

.pop_con_top { position:relative; padding:27px 0 0 30px; height:72px; background:#31405a; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:22px; font-weight:normal; letter-spacing:-0.05em; }
.pop_con_top a { position:absolute; right:30px; top:20px; display:inline-block; width:30px; height:30px; background:url("./images/klid/close_01.png") no-repeat 0 0; background-size:30px; text-indent:-10000px; }
.pop_con { overflow:hidden; padding:20px 30px 50px 30px; }

.con_result { border-top:1px solid #222222; border-bottom:1px solid #d8d8d8; padding:40px 20px 40px 20px; margin:10px 0 0 0; overflow:hidden; background:#f2f2f2; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#555555; font-size:20px; font-weight:normal; text-align:center; line-height:28px; letter-spacing:-0.05em; }
.con_result p { padding:5px 0 0 0; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#333333; font-size:18px; font-weight:normal; text-align:center; letter-spacing:-0.03em; }
.con_result p span { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ff3b1d; font-size:18px; }

.con_layout2 { margin:0 40px 0 40px; overflow:hidden; }
.con_layout2 .con_layout2_c1 { float:left; width:49%; margin:0 2% 0 0; overflow:hidden; }
.con_layout2 .con_layout2_c2 { float:left; width:49%; overflow:hidden; }

.con_tab { margin:0 40px 0 40px; position:relative; overflow:hidden; }
.con_tab .con_tab_1 { height:40px; }
.con_tab .con_tab_1 ul { overflow:hidden; }
.con_tab .con_tab_1 ul li { float:left; width:15%; height:40px; }
.con_tab .con_tab_1 ul li a { display:inline-block; width:100%; height:40px; border:1px solid #cccccc; border-width:1px 1px 1px 0; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; font-weight:normal; text-align:center; line-height:40px; letter-spacing:-0.03em; border-top-left-radius:5px; border-top-right-radius:5px; background:#f7f7f7; }
.con_tab .con_tab_1 ul li:first-child a { border-width:1px 1px 1px 1px; }
.con_tab .con_tab_1 ul li a.on { border:2px solid #05559e; border-width:2px 2px 0 2px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; font-size:15px; background:#ffffff; }
.con_tab .con_tab_1 ul li:first-child a.on { border-width:2px 2px 2px 2px; }
.con_tab .con_tab_2 { position:absolute; right:0px; top:12px; }

.con_paging { margin:30px 0 0 0; overflow:hidden; text-align:center; }
.con_paging a { display:inline-block; width:35px; height:35px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; font-weight:normal; background:#ffffff; text-align:center; border:1px solid #dcdcdc; line-height:35px; margin:0 4px 0 0; }
.con_paging a:last-child { margin:0 0 0 0; }
.con_paging a.op1 { display:inline-block; width:35px; height:35px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; font-weight:normal; background:#ffffff; text-align:center; border:1px solid #dcdcdc; line-height:35px; }
.con_paging a.op2 { display:inline-block; width:35px; height:35px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; font-weight:normal; background:#ffffff; text-align:center; border:1px solid #dcdcdc; line-height:35px; }
.con_paging a.on { display:inline-block; width:35px; height:35px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:15px; font-weight:normal; background:#93a1b4; text-align:center; border:1px solid #93a1b4; line-height:35px; }

.con_attend { position:relative; margin:20px 40px 0 40px; padding:25px 25px 25px 25px; overflow:hidden; background:#f5f5f5; border:1px solid #d8d8d8; border-top:1px solid #222222; }
.con_attend_c1 { overflow:hidden; }
.con_attend_c1 ul { overflow:hidden; }
.con_attend_c1 ul li { float:left; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#333333; font-size:14px; font-weight:normal; letter-spacing:-0.03em; }
.con_attend_c1 ul li:after{ content:"|"; color:#999999; font-size:13px; font-weight:normal; text-align:center; padding:0 10px 0 12px; }
.con_attend_c1 ul li:last-child:after{ content:none; padding:0 0 0 0; }
.con_attend_c1 ul li.op1 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ff3b1d; }
.con_attend_c1 span.apply { position:absolute; right:25px; top:25px; display:inline-block; padding:5px 20px 5px 20px; background:#666666; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:13px; font-weight:normal; letter-spacing:-0.01em; text-align:center; border-radius:30px; }

.con_attend_c2 { margin:0 0 0 0; overflow:hidden; }
.con_attend_c2 h3 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#333333; font-size:16px; font-weight:normal; letter-spacing:-0.05em; }
.con_attend_c2 ul { margin:10px 0 0 0; padding:15px 15px 15px 15px; background:#ffffff; border:1px solid #dddddd; overflow:hidden; }
.con_attend_c2 ul li { float:left; margin:0 10px 0 0; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; font-weight:normal; letter-spacing:-0.03em; }
.con_attend_c2 ul li input[type="text"] { height:28px; border:1px solid #d4d4d4; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#666666; font-size:14px; font-weight:normal; letter-spacing:-0.01em; padding:0 10px 0 10px; margin:0 3px 0 0; }

.con_attend_c3 { margin:0 0 0 0; overflow:hidden; }
.con_attend_c3 h3 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#333333; font-size:16px; font-weight:normal; letter-spacing:-0.05em; }
.con_attend_c3 ul { margin:20px 0 0 0; display:table; width:100%; table-layout:fixed; border-collapse:collapse; }
.con_attend_c3 ul li { display:table-cell; padding:15px 15px 15px 15px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#333333; font-size:15px; font-weight:normal; text-align:center; letter-spacing:-0.03em; border:1px solid #dddddd; background:#f2faff; }
.con_attend_c3 ul li:last-child { }
.con_attend_c3 ul li.op1 { background:#ffffff; }
.con_attend_c3 ul li.op2 { background:#ffffff; }

.con_mgntlnb { height:58px; margin:0 50px 0 300px; }
.con_mgntlnb .swiper-container { }
.con_mgntlnb .swiper-wrapper { }
.con_mgntlnb .swiper-slide a { display:inline-block; width:100%; height:58px; line-height:58px; background-color:#305994; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:17px; font-weight:normal; text-align:center; letter-spacing:-0.03em; }
.con_mgntlnb .swiper-slide a.on { background-color:#078e9e; }
.con_mgntlnb .swiper-slide a:hover { background-color:#078e9e; }
.con_mgntlnb .swiper-button-prev { left:250px; margin-top:22px;  display:inline-block; width:35px; height:35px; background:#ffffff url("./images/klid/arrow_01.jpg") no-repeat center center; border:1px solid #d8d8d8; border-radius:100%; }
.con_mgntlnb .swiper-button-next { right:20px; margin-top:22px; display:inline-block; width:35px; height:35px; background:#ffffff url("./images/klid/arrow_02.jpg") no-repeat center center; border:1px solid #d8d8d8; border-radius:100%; }

.con_survey { position:relative; margin:20px 40px 0 40px; overflow:hidden; border:1px solid #d8d8d8; border-top:1px solid #222222; }
.con_survey h3 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#333333; font-size:15px; font-weight:normal; letter-spacing:-0.05em; }
.con_survey h3 span { display:inline-block; padding:10px 10px 10px 10px; background:#666666; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:14px; font-weight:normal; letter-spacing:-0.03em; text-align:center; margin:0 10px 0 0; border-bottom-right-radius:5px; }
.con_survey_c { padding:20px 20px 20px 20px; overflow:hidden; }

.con_survey2 { margin:20px 0 0 0; overflow:hidden; }
.con_survey2_c { margin:15px 0 0 0; cursor:move; }
.con_survey2_c1 { margin:15px 0 0 0; padding:20px 20px 20px 20px; border:1px solid #999999; }
.con_survey2_c1 ul.con_itemlist { overflow:hidden; border:1px solid #dddddd; border-width:1px 0 1px 0; }
.con_survey2_c1 ul.con_itemlist li { float:left; border-right:1px solid #dddddd; height:40px; text-align:center; box-sizing:border-box; }
.con_survey2_c1 ul.con_itemlist li:last-child { border-right:0px solid #dddddd; }
.con_survey2_c1 ul.con_itemlist li.tit2 { width:10%; padding:12px 20px 0 20px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:14px; font-weight:normal; text-align:center; letter-spacing:-0.03em; background:#02a9ca; }
.con_survey2_c1 ul.con_itemlist li.tit { width:10%; padding:12px 15px 0 15px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; text-align:center; letter-spacing:-0.03em; background:#f2f2f2; }
.con_survey2_c1 ul.con_itemlist li.desc1 { width:20%; padding:5px 15px 0 15px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#333333; font-size:14px; font-weight:normal; text-align:center;  letter-spacing:-0.03em; }
.con_survey2_c1 ul.con_itemlist li.desc2 { width:10%; padding:5px 15px 0 15px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#333333; font-size:14px; font-weight:normal; text-align:center;  letter-spacing:-0.03em; }
.con_survey2_c1 ul.con_itemlist li.desc3 { width:20%; padding:5px 15px 0 15px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#333333; font-size:14px; font-weight:normal; text-align:center;  letter-spacing:-0.03em; }
.con_survey2_c1 ul.con_itemlist li.btns { width:10%; padding:14px 15px 0 15px; }
.con_survey2_c1 ul.con_itemlist li input[type="text"] { height:30px; border:1px solid #d8d8d8; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; letter-spacing:-0.03em; box-sizing:border-box; }
.con_survey2_c1 ul.con_itemlist li input[type="file"] { padding:0 0 0 0; height:30px; border:none; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; letter-spacing:-0.03em; background:#ffffff; box-sizing:border-box; }

.con_survey3 { overflow:hidden; }
.con_survey3_c { margin:0 40px 20px 40px; overflow:hidden; border:1px solid #d8d8d8; border-top:1px solid #222222; cursor:move; }
.con_survey3_c h3 { display:inline-block; padding:10px 10px 10px 10px; background:#666666; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:14px; font-weight:normal; letter-spacing:-0.03em; text-align:center; margin:0 10px 0 0; border-bottom-right-radius:5px; }
.con_survey3_c1 { padding:10px 20px 20px 20px; cursor:move; }
.con_survey3_c1 ul { margin:10px 0 0 0; overflow:hidden; border:1px solid #dddddd; border-width:1px 0 0 0; }
.con_survey3_c1 ul li { float:left; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; box-sizing:border-box; }
.con_survey3_c1 ul li.tit { width:20%; padding:10px 15px 10px 15px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#333333; font-size:14px; font-weight:normal; text-align:center; letter-spacing:-0.03em; background:#f2f2f2; }
.con_survey3_c1 ul li.desc { width:80%; padding:10px 15px 10px 15px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; letter-spacing:-0.03em; border-right:0px solid #dddddd; }

.con_surveyimg { overflow:hidden; margin:20px 20px 0 20px; padding:20px 20px 10px 20px	; background:#f9f9f9; border:3px solid #dddddd; text-align:center; border-radius:5px; }
.con_surveyimg2 { overflow:hidden; margin:10px 20px 10px 20px; padding:20px 20px 10px 20px	; background:#fbfbfb; border:1px solid #999999; text-align:center; }
.con_surveyimg.mop1 { margin:20px 20px 10px 20px; }
.con_surveyimg ul { overflow:hidden; }
.con_surveyimg ul li { margin:0 0 10px 0; }
.con_surveyimg ul li img { border:1px solid #d8d8d8; }

.con_nosurvey { overflow:hidden; margin:0 40px 0 40px; padding:30px 30px 30px 30px; background:#f5f5f5; border:1px solid #d8d8d8; border-radius:30px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:15px; font-weight:normal; text-align:center; letter-spacing:-0.03em; }

.survey_skin_1 { display:inline-block; width:30px; height:30px; background:#3c352f; vertical-align:middle; }
.survey_skin_2 { display:inline-block; width:30px; height:30px; background:#bb8954; vertical-align:middle; }
.survey_skin_3 { display:inline-block; width:30px; height:30px; background:#cbb442; vertical-align:middle; }
.survey_skin_4 { display:inline-block; width:30px; height:30px; background:#a4bb53; vertical-align:middle; }
.survey_skin_5 { display:inline-block; width:30px; height:30px; background:#6fb060; vertical-align:middle; }
.survey_skin_6 { display:inline-block; width:30px; height:30px; background:#5fb087; vertical-align:middle; }
.survey_skin_7 { display:inline-block; width:30px; height:30px; background:#5faab0; vertical-align:middle; }
.survey_skin_8 { display:inline-block; width:30px; height:30px; background:#5b88b2; vertical-align:middle; }
.survey_skin_9 { display:inline-block; width:30px; height:30px; background:#8b729c; vertical-align:middle; }
.survey_skin_10 { display:inline-block; width:30px; height:30px; background:#a26e94; vertical-align:middle; }

.con_chart { overflow:hidden; margin:0 40px 0 40px; }
.con_chart_c1 { overflow:hidden; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#222222; font-size:16px; font-weight:normal; line-height:18px; letter-spacing:-0.05em; }
.con_chart_c1 span { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ff3b1d; font-size:16px; font-weight:normal; letter-spacing:0.00em; }

.con_chart_c2 { margin:10px 0 0 0; overflow:hidden; border-top:1px solid #222222; }
.con_chart_c2 table { width:100%; }
.con_chart_c2 th { padding:10px 0 10px 0; border:1px solid #d4d4d4; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#222222; font-size:14px; text-align:center; font-weight:normal; background:#f8fbf6; }
.con_chart_c2 td { padding:10px 0 10px 0; border:1px solid #d4d4d4; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; text-align:center; font-weight:normal; }

.con_chart_c3 { margin:15px 0 0 0; padding:30px 30px 30px 30px; overflow:hidden; border:2px solid #d6d6d6; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#333333; font-size:17px; font-weight:normal; letter-spacing:-0.05em; }

.con_iframe { margin:0 40px 0 40px; overflow-x:scroll; }

.con_noti { margin:0 0 0 5px; display:inline-block; font-family:"NotoSansKR regular","Malgun Gothic","맑은 고딕"; color:#ff3b1d; font-size:12px; font-weight:normal; letter-spacing:-0.03em; }

.modal .modal-header { position:relative; height:60px; background:#31405a; padding:17px 25px 0 25px; }
.modal .modal-header h4 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:18px; font-weight:normal; letter-spacing:-0.03em; }
.modal .modal-header button.closes { position:absolute; right:30px; top:17px; display:inline-block; width:25px; height:25px; background:url("./images/klid/close_01.png") no-repeat 0 0; background-size:25px; text-indent:-10000px; }
.modal .modal-body { padding:30px 30px 30px 30px; text-align:center; }

#modal-body-table table { width:100%; border-top:1px solid #222222; }
#modal-body-table td { height:auto !important; border:1px solid #d4d4d4 !important; }
#modal-body-table td a { display:inline-block; width:100%; padding:13px 0 13px 0; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#333333 !important; font-size:15px !important; font-weight:normal; background:#f9f9f9; text-align:center; }

#dashboard_wrap { margin:20px 40px 40px 40px; }

.dashboard_top { overflow:hidden; }
.dashboard_top_c1 { overflow:hidden; }
.dashboard_top_c1 ul { overflow:hidden; display:table; margin-left:auto; margin-right:auto; }
.dashboard_top_c1 ul li { float:left; }
.dashboard_top_c1 ul li.arrow1 { margin:0 20px 0 0; padding:6px 0 0 0; }
.dashboard_top_c1 ul li.arrow1 a { display:inline-block; width:14px; height:25px; background:url("./images/klid/db_arrow_01.png") no-repeat 0 0; text-indent:-10000px; }
.dashboard_top_c1 ul li.tit { margin:0 20px 0 0; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#333333; font-size:28px; font-weight:normal; text-align:center; line-height:30px; letter-spacing:-0.07em; }
.dashboard_top_c1 ul li.arrow2 { padding:6px 0 0 0; }
.dashboard_top_c1 ul li.arrow2 a { display:inline-block; width:14px; height:25px; background:url("./images/klid/db_arrow_02.png") no-repeat 0 0; text-indent:-10000px; }

.dashboard_top_c2 { overflow:hidden; }
.dashboard_top_c2 .dashboard_top_c2_1 { overflow:hidden; }
.dashboard_top_c2 .dashboard_top_c2_1 ul { overflow:hidden; }
.dashboard_top_c2 .dashboard_top_c2_1 ul li { float:left; }
.dashboard_top_c2 .dashboard_top_c2_1 ul li.tit { height:60px; padding:23px 0 0 0; background:#196eb6; width:20%; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:22px; font-weight:normal; text-align:center; letter-spacing:-0.03em; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.dashboard_top_c2 .dashboard_top_c2_1 ul li.tit span { margin:-5px 5px 0 0; display:inline-block; width:21px; height:23px; background:url("./images/klid/db_ic_01.png") no-repeat 0 0; text-indent:-10000px; vertical-align:middle; }
.dashboard_top_c2 .dashboard_top_c2_1 ul li.desc { height:60px; padding:23px 0 0 0; background:#199f8e; width:80%; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:22px; font-weight:normal; text-align:center; letter-spacing:-0.01em; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.dashboard_top_c2 .dashboard_top_c2_1 ul li.desc span { font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#fef505; font-size:32px; font-weight:bold; font-style:italic; margin:0 3px 0 0; }
.dashboard_top_c2 .dashboard_top_c2_2 { overflow:hidden; border:3px solid #196eb6; border-width:0 3px 3px 3px; padding:25px 30px 25px 30px; }

.dashboard_body { overflow:hidden; }
.dashboard_body_c { overflow:hidden; }
.dashboard_body_c.mop3 { margin:30px 0 0 0; }
.dashboard_body_c .dashboard_body_c1 { float:left; width:49%; height:300px; padding:30px 30px 0 30px; border:2px solid #d8d8d8; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.dashboard_body_c .dashboard_body_c1.mop1 { margin:0 2% 0 0; }

.dashboard_list { border-top:1px solid #222222; }
.dashboard_list.ofop1 { overflow-y:scroll; height:180px; }
.dashboard_list.ofop2 { overflow-y:scroll; height:220px; }
.dashboard_list table { width:100%; }
.dashboard_list th { padding:10px 0 10px 0; border-bottom:1px solid #d8d8d8; background:#f2f2f2; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#333333; font-size:13px; text-align:center; font-weight:normal; letter-spacing:-0.03em; word-break:break-all; }
.dashboard_list td { padding:10px 0 10px 0; border-bottom:1px solid #d8d8d8; background:#ffffff; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:13px; text-align:center; line-height:18px; letter-spacing:-0.03em; word-break:break-all; }
.dashboard_list td.tit { text-align:left; padding-left:10px; }
.dashboard_list td.tit a { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#111111; font-size:13px; font-weight:normal; }
.dashboard_list td a.op1 { font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕"; color:#111111; font-size:13px; font-weight:normal; text-decoration:underline; }

.dashboard_tit { position:relative; background:url("./images/klid/db_ic_dot_02.png") no-repeat 0 2px; padding:0 0 0 17px; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#333333; font-size:16px; font-weight:normal; line-height:16px; letter-spacing:-0.05em; }
.dashboard_tit a { position:absolute; right:0px; top:3px; font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕"; color:#555555; font-size:14px; font-weight:normal; letter-spacing:-0.03em; }

/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/

.con_layout { overflow:hidden; }
.con_layout .con_layout_c1 { float:left; }
.con_layout .con_layout_c2 { float:left; }

.con_btn_left { text-align:left; }
.con_btn_right { text-align:right; }
.con_btn_center { text-align:center; }
.con_btn_center2 { text-align:center; margin:50px 0 0 0; }
.con_btn_double { overflow:hidden; }
.con_btn_double ul { }
.con_btn_double ul li { float:left; }
.con_btn_double ul li:last-child { float:right; }

.blink { animation:blink 1000ms infinite alternate; }
@keyframes blink { from { opacity:1; } to { opacity:0; } }

/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/

.fc_white { color:#ffffff !important; } /* 흰색 */
.fc_black { color:#000000 !important; } /* 검정 */
.fc_orange { color:#ff6800 !important; } /* 오렌지 */
.fc_red { color:#ff3b1d !important; } /* 빨간색 */
.fc_reddish { color:#da1b4c !important; } /* 자주색 */
.fc_blue { color:#1069ac !important; } /* 파란색 */
.fc_grey { color:#333333 !important; } /* 회색 */
.fc_brown { color:#75675c !important; } /* 갈색 */
.fc_neon { color:#edfe5b !important; } /* 형광색 */
.fc_green { color:#3ba439 !important; } /* 녹색 */

.ff1 { font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕" !important; }
.ff2 { font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕" !important; }
.ff3 { font-family:"NotoSansKR Bold","Malgun Gothic","맑은 고딕" !important; }

/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/

a.deco { text-decoration:underline; }
a.n_deco { text-decoration:none; }
.dpd { width:0; height:0; text-indent:-1000em; font-size:0; overflow:hidden; }
.dpn { display:none; }
.dib { display:inline-block; line-height:30px; }
.hidden { visibility:hidden; position:absolute; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; background:none; }
.clear { display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important; }
.pointer { cursor:pointer; }
.clearboth { clear:both; }
.m0a { margin:0 auto !important; }
.pr { position:relative !important; }
.f_l { float:left; }
.f_r { float:right; }
.float-left { float:left; }
.float-right { float:right; }
.ellip { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.wb { word-wrap:break-word !important; }
.wbk { word-break:keep-all !important; }
.wbb { word-break:break-all !important; }
.zindex { z-index:999999999 !important; }
.clearfix { display:block; }

.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }

.al { text-align:left !important; }
.ac { text-align:center !important; }
.ar { text-align:right !important; }

.vat { vertical-align:top !important; }
.vam { vertical-align:middle !important; }
.vab { vertical-align:bottom !important; }

.bg_none { background:none !important; }
.bg_000000 { background:#000000 !important; }
.bg_f2f2f2 { background:#f2f2f2 !important; }
.bg_2c333d { background:#2c333d !important; }

.bg_op1 { background:#ebf0fb !important; }
.bg_op2 { background:#ffffff !important; }

.b_none { border:none !important; }
.br_none { border-right:none !important; }
.bl_none { border-left:none !important; }
.bt_none { border-top:none !important; }
.bb_none { border-bottom:none !important; }

.b { border:1px solid #000000 !important; }
.b2 { border:2px solid #000000 !important; }
.b3 { border:3px solid #000000 !important; }
.b4 { border:4px solid #000000 !important; }
.b5 { border:5px solid #000000 !important; }
.b6 { border:6px solid #000000 !important; }
.b7 { border:7px solid #000000 !important; }
.b8 { border:8px solid #000000 !important; }
.b9 { border:9px solid #000000 !important; }
.b10 { border:10px solid #000000 !important; }

.br0 { border-radius:0px !important; }
.br1 { border-radius:1px !important; }
.br2 { border-radius:2px !important; }
.br3 { border-radius:3px !important; }
.br4 { border-radius:4px !important; }
.br5 { border-radius:5px !important; }
.br6 { border-radius:6px !important; }
.br7 { border-radius:7px !important; }
.br8 { border-radius:8px !important; }
.br9 { border-radius:9px !important; }
.br10 { border-radius:10px !important; }
.br20 { border-radius:20px !important; }
.br30 { border-radius:30px !important; }
.br40 { border-radius:40px !important; }
.br50 { border-radius:50px !important; }

.b_1 { border:1px solid #e6e6e6 !important; }
.b_1_1 { border:1px solid #d8d8d8 !important; }

.bb_1 { border-bottom:1px solid #666666 !important; }

.bl_1 { border-left:1px solid #d8d8d8 !important; }
.br_1 { border-right:1px solid #d8d8d8 !important; }

.bt_1 { border-top:1px solid #e9e8ed !important; }
.bt_2 { border-top:2px solid #454545 !important; }

.btrr_5 { border-top-right-radius:5px !important; }
.bbrr_5 { border-bottom-right-radius:5px !important; }

.fw6 { font-weight:600 !important; }
.fwb { font-weight:bold !important; }
.fwn { font-weight:normal !important; }

.ls0 { letter-spacing:0em !important; }
.ls1 { letter-spacing:-0.01em !important; }
.ls2 { letter-spacing:-0.02em !important; }
.ls3 { letter-spacing:-0.03em !important; }
.ls4 { letter-spacing:-0.04em !important; }
.ls5 { letter-spacing:-0.05em !important; }
.ls6 { letter-spacing:-0.06em !important; }
.ls7 { letter-spacing:-0.07em !important; }
.ls8 { letter-spacing:-0.08em !important; }
.ls9 { letter-spacing:-0.09em !important; }

.fs10 { font-size:10px !important; }
.fs11 { font-size:11px !important; }
.fs12 { font-size:12px !important; }
.fs13 { font-size:13px !important; }
.fs14 { font-size:14px !important; }
.fs15 { font-size:15px !important; }
.fs16 { font-size:16px !important; }
.fs17 { font-size:17px !important; }
.fs18 { font-size:18px !important; }
.fs19 { font-size:19px !important; }
.fs20 { font-size:20px !important; }
.fs21 { font-size:21px !important; }
.fs22 { font-size:22px !important; }
.fs23 { font-size:23px !important; }
.fs24 { font-size:24px !important; }
.fs25 { font-size:25px !important; }
.fs26 { font-size:26px !important; }
.fs27 { font-size:27px !important; }
.fs28 { font-size:28px !important; }
.fs29 { font-size:29px !important; }
.fs30 { font-size:30px !important; }
.fs31 { font-size:31px !important; }
.fs32 { font-size:32px !important; }
.fs33 { font-size:33px !important; }
.fs34 { font-size:34px !important; }
.fs35 { font-size:35px !important; }
.fs36 { font-size:36px !important; }
.fs37 { font-size:37px !important; }
.fs38 { font-size:38px !important; }
.fs39 { font-size:39px !important; }
.fs40 { font-size:40px !important; }
.fs50 { font-size:50px !important; }
.fs60 { font-size:60px !important; }
.fs70 { font-size:70px !important; }
.fs80 { font-size:80px !important; }
.fs90 { font-size:90px !important; }

.lh16 { line-height:16px !important; }
.lh17 { line-height:17px !important; }
.lh18 { line-height:18px !important; }
.lh19 { line-height:19px !important; }
.lh20 { line-height:20px !important; }
.lh21 { line-height:21px !important; }
.lh22 { line-height:22px !important; }
.lh23 { line-height:23px !important; }
.lh24 { line-height:24px !important; }
.lh25 { line-height:25px !important; }
.lh26 { line-height:26px !important; }
.lh27 { line-height:27px !important; }
.lh28 { line-height:28px !important; }
.lh29 { line-height:29px !important; }
.lh30 { line-height:30px !important; }
.lh31 { line-height:31px !important; }
.lh40 { line-height:40px !important; }
.lh50 { line-height:50px !important; }

.no_mp { margin:0; padding:0; }

.mt0 { margin-top:0px !important; }
.mt1 { margin-top:1px !important; }
.mt2 { margin-top:2px !important; }
.mt3 { margin-top:3px !important; }
.mt4 { margin-top:4px !important; }
.mt5 { margin-top:5px !important; }
.mt5_ { margin-top:-5px !important; }
.mt6 { margin-top:6px !important; }
.mt7 { margin-top:7px !important; }
.mt8 { margin-top:8px !important; }
.mt9 { margin-top:9px !important; }
.mt10 { margin-top:10px !important; }
.mt10_ { margin-top:-10px !important; }
.mt11 { margin-top:11px !important; }
.mt12 { margin-top:12px !important; }
.mt13 { margin-top:13px !important; }
.mt14 { margin-top:14px !important; }
.mt15 { margin-top:15px !important; }
.mt15_ { margin-top:-15px !important; }
.mt16 { margin-top:16px !important; }
.mt20 { margin-top:20px !important; }
.mt20_ { margin-top:-20px !important; }
.mt21 { margin-top:21px !important; }
.mt22 { margin-top:22px !important; }
.mt23 { margin-top:23px !important; }
.mt24 { margin-top:24px !important; }
.mt25 { margin-top:25px !important; }
.mt26 { margin-top:26px !important; }
.mt27 { margin-top:27px !important; }
.mt28 { margin-top:28px !important; }
.mt29 { margin-top:29px !important; }
.mt30 { margin-top:30px !important; }
.mt31 { margin-top:31px !important; }
.mt32 { margin-top:32px !important; }
.mt33 { margin-top:33px !important; }
.mt34 { margin-top:34px !important; }
.mt35 { margin-top:35px !important; }
.mt36 { margin-top:36px !important; }
.mt37 { margin-top:37px !important; }
.mt38 { margin-top:38px !important; }
.mt39 { margin-top:39px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.mt55 { margin-top:55px !important; }
.mt60 { margin-top:60px !important; }
.mt70 { margin-top:70px !important; }
.mt71 { margin-top:71px !important; }
.mt72 { margin-top:72px !important; }
.mt73 { margin-top:73px !important; }
.mt74 { margin-top:74px !important; }
.mt75 { margin-top:75px !important; }
.mt76 { margin-top:76px !important; }
.mt77 { margin-top:77px !important; }
.mt78 { margin-top:78px !important; }
.mt79 { margin-top:79px !important; }
.mt80 { margin-top:80px !important; }
.mt90 { margin-top:90px !important; }
.mt100 { margin-top:100px !important; }
.mt155 { margin-top:155px !important; }
.mt200 { margin-top:200px !important; }
.mt300 { margin-top:300px !important; }
.mt400 { margin-top:400px !important; }
.mt500 { margin-top:500px !important; }
.mt600 { margin-top:600px !important; }
.mt700 { margin-top:700px !important; }
.mt800 { margin-top:800px !important; }
.mt900 { margin-top:900px !important; }
.mb0 { margin-bottom:0px !important; }
.mb1 { margin-bottom:1px !important; }
.mb2 { margin-bottom:2px !important; }
.mb3 { margin-bottom:3px !important; }
.mb5 { margin-bottom:5px !important; }
.mb6 { margin-bottom:6px !important; }
.mb7 { margin-bottom:7px !important; }
.mb8 { margin-bottom:8px !important; }
.mb9 { margin-bottom:9px !important; }
.mb10 { margin-bottom:10px !important; }
.mb12 { margin-bottom:12px !important; }
.mb15 { margin-bottom:15px !important; }
.mb18 { margin-bottom:18px !important; }
.mb20 { margin-bottom:20px !important; }
.mb20_ { margin-bottom:-20px !important; }
.mb25_ { margin-bottom:-25px !important; }
.mb25 { margin-bottom:25px !important; }
.mb28 { margin-bottom:28px !important; }
.mb30 { margin-bottom:30px !important; }
.mb30_ { margin-bottom:-30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb36 { margin-bottom:36px !important; }
.mb40 { margin-bottom:40px !important; }
.mb41 { margin-bottom:41px !important; }
.mb45 { margin-bottom:45px !important; }
.mb50 { margin-bottom:50px !important; }
.mb55 { margin-bottom:55px !important; }
.mb60 { margin-bottom:60px !important; }
.mb65 { margin-bottom:65px !important; }
.mb70 { margin-bottom:70px !important; }
.mb80 { margin-bottom:80px !important; }
.mb90 { margin-bottom:90px !important; }
.mb100 { margin-bottom:100px !important; }
.mb200 { margin-bottom:200px !important; }
.ml1 { margin-left:1px !important; }
.ml2 { margin-left:2px !important; }
.ml3 { margin-left:3px !important; }
.ml4 { margin-left:4px !important; }
.ml5 { margin-left:5px !important; }
.ml8 { margin-left:8px !important; }
.ml10 { margin-left:10px !important; }
.ml10_ { margin-left:-10px !important; }
.ml14 { margin-left:14px !important; }
.ml15 { margin-left:15px !important; }
.ml16 { margin-left:16px !important; }
.ml20 { margin-left:20px !important; }
.ml21 { margin-left:21px !important; }
.ml30 { margin-left:30px !important; }
.ml32 { margin-left:32px !important; }
.ml37 { margin-left:37px !important; }
.ml100 { margin-left:100px !important; }
.mr0 { margin-right:0px !important; }
.mr1 { margin-right:1px !important; }
.mrp1 { margin-right:1% !important; }
.mr2 { margin-right:2px !important; }
.mrp2 { margin-right:2% !important; }
.mr3 { margin-right:3px !important; }
.mr4 { margin-right:4px !important; }
.mr5 { margin-right:5px !important; }
.mr6 { margin-right:6px !important; }
.mr7 { margin-right:7px !important; }
.mr8 { margin-right:8px !important; }
.mr9 { margin-right:9px !important; }
.mr10 { margin-right:10px !important; }
.mr11 { margin-right:11px !important; }
.mr12 { margin-right:12px !important; }
.mr13 { margin-right:13px !important; }
.mr14 { margin-right:14px !important; }
.mr15 { margin-right:15px !important; }
.mr20 { margin-right:20px !important; }
.mr25 { margin-right:25px !important; }
.mr30 { margin-right:30px !important; }
.mr40 { margin-right:40px !important; }
.mr50 { margin-right:50px !important; }
.mr51 { margin-right:51px !important; }

.pp1 { padding:1% !important; }
.ptp1 { padding-top:1% !important; }
.pbp1 { padding-bottom:1% !important; }
.plp1 { padding-left:1% !important; }
.prp1 { padding-right:1% !important; }
.prp2 { padding-right:2% !important; }

.p0 { padding:0px !important; }
.p5 { padding:5px !important; }
.p10 { padding:10px !important; }
.p20 { padding:20px !important; }

.pt0 { padding-top:0px !important; }
.pt1 { padding-top:1px !important; }
.pt2 { padding-top:2px !important; }
.pt3 { padding-top:3px !important; }
.pt4 { padding-top:4px !important; }
.pt5 { padding-top:5px !important; }
.pt10 { padding-top:10px !important; }
.pt11 { padding-top:11px !important; }
.pt12 { padding-top:12px !important; }
.pt13 { padding-top:13px !important; }
.pt14 { padding-top:14px !important; }
.pt15 { padding-top:15px !important; }
.pt16 { padding-top:16px !important; }
.pt17 { padding-top:17px !important; }
.pt18 { padding-top:18px !important; }
.pt19 { padding-top:19px !important; }
.pt20 { padding-top:20px !important; }
.pt24 { padding-top:24px !important; }
.pt30 { padding-top:30px !important; }
.pt40 { padding-top:40px !important; }
.pt50 { padding-top:50px !important; }
.pt60 { padding-top:60px !important; }
.pt70 { padding-top:70px !important; }
.pt80 { padding-top:80px !important; }
.pt90 { padding-top:90px !important; }
.pt100 { padding-top:100px !important; }
.pt110 { padding-top:110px !important; }
.pt120 { padding-top:120px !important; }
.pt130 { padding-top:130px !important; }
.pt140 { padding-top:140px !important; }
.pt150 { padding-top:150px !important; }
.pb0 { padding-bottom:0px !important; }
.pb5 { padding-bottom:5px !important; }
.pb10 { padding-bottom:10px !important; }
.pb15 { padding-bottom:15px !important; }
.pb20 { padding-bottom:20px !important; }
.pb30 { padding-bottom:30px !important; }
.pb40 { padding-bottom:40px !important; }
.pb50 { padding-bottom:50px !important; }
.pl5 { padding-left:5px !important; }
.pl6 { padding-left:6px !important; }
.pl7 { padding-left:7px !important; }
.pl8 { padding-left:8px !important; }
.pl9 { padding-left:9px !important; }
.pl10 { padding-left:10px !important; }
.pl15 { padding-left:15px !important; }
.pl16 { padding-left:16px !important; }
.pl17 { padding-left:17px !important; }
.pl18 { padding-left:18px !important; }
.pl19 { padding-left:19px !important; }
.pl20 { padding-left:20px !important; }
.pl30 { padding-left:30px !important; }
.pl40 { padding-left:40px !important; }
.pl50 { padding-left:50px !important; }
.pr5 { padding-right:5px !important; }
.pr10 { padding-right:10px !important; }
.pr20 { padding-right:20px !important; }
.pr30 { padding-right:30px !important; }
.pr40 { padding-right:40px !important; }
.pr50 { padding-right:50px !important; }
.pr60 { padding-right:60px !important; }
.pr70 { padding-right:70px !important; }
.pr80 { padding-right:80px !important; }
.pr90 { padding-right:90px !important; }
.pr100 { padding-right:100px !important; }

/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/

.w10 { width:10px !important; }
.w20 { width:20px !important; }
.w30 { width:30px !important; }
.w40 { width:40px !important; }
.w50 { width:50px !important; }
.w55 { width:50px !important; }
.w60 { width:60px !important; }
.w70 { width:70px !important; }
.w80 { width:80px !important; }
.w90 { width:90px !important; }
.w100 { width:100px !important; }
.w101 { width:101px !important; }
.w102 { width:102px !important; }
.w103 { width:103px !important; }
.w104 { width:104px !important; }
.w105 { width:105px !important; }
.w106 { width:106px !important; }
.w107 { width:107px !important; }
.w108 { width:108px !important; }
.w109 { width:109px !important; }
.w110 { width:110px !important; }
.w120 { width:120px !important; }
.w121 { width:121px !important; }
.w122 { width:122px !important; }
.w123 { width:123px !important; }
.w124 { width:124px !important; }
.w125 { width:125px !important; }
.w126 { width:126px !important; }
.w127 { width:127px !important; }
.w128 { width:128px !important; }
.w129 { width:129px !important; }
.w130 { width:130px !important; }
.w137 { width:137px !important; }
.w140 { width:140px !important; }
.w142 { width:142px !important; }
.w150 { width:150px !important; }
.w160 { width:160px !important; }
.w170 { width:170px !important; }
.w180 { width:180px !important; }
.w190 { width:190px !important; }
.w200 { width:200px !important; }
.w210 { width:210px !important; }
.w208 { width:208px !important; }
.w214 { width:214px !important; }
.w220 { width:220px !important; }
.w230 { width:230px !important; }
.w240 { width:240px !important; }
.w250 { width:250px !important; }
.w260 { width:260px !important; }
.w263 { width:263px !important; }
.w270 { width:270px !important; }
.w280 { width:280px !important; }
.w290 { width:290px !important; }
.w300 { width:300px !important; }
.w305 { width:305px !important; }
.w400 { width:400px !important; }
.w425 { width:425px !important; }
.w450 { width:450px !important; }
.w464 { width:464px !important; }
.w500 { width:500px !important; }
.w510 { width:510px !important; }
.w520 { width:520px !important; }
.w530 { width:530px !important; }
.w540 { width:540px !important; }
.w550 { width:550px !important; }
.w560 { width:560px !important; }
.w570 { width:570px !important; }
.w580 { width:580px !important; }
.w590 { width:590px !important; }
.w600 { width:600px !important; }
.w700 { width:700px !important; }
.w710 { width:710px !important; }
.w720 { width:720px !important; }
.w730 { width:730px !important; }
.w740 { width:740px !important; }
.w750 { width:750px !important; }
.w760 { width:760px !important; }
.w770 { width:770px !important; }
.w780 { width:780px !important; }
.w790 { width:790px !important; }
.w800 { width:800px !important; }
.w900 { width:900px !important; }
.w1000 { width:1200px !important; }

.h0 { height:0px !important; }
.h1 { height:1px !important; }
.h2 { height:2px !important; }
.h3 { height:3px !important; }
.h4 { height:4px !important; }
.h5 { height:5px !important; }
.h6 { height:6px !important; }
.h7 { height:7px !important; }
.h8 { height:8px !important; }
.h9 { height:9px !important; }
.h10 { height:10px !important; }
.h11 { height:11px !important; }
.h12 { height:12px !important; }
.h13 { height:13px !important; }
.h14 { height:14px !important; }
.h15 { height:15px !important; }
.h16 { height:16px !important; }
.h17 { height:17px !important; }
.h18 { height:18px !important; }
.h19 { height:19px !important; }
.h20 { height:20px !important; }
.h21 { height:21px !important; }
.h22 { height:22px !important; }
.h23 { height:23px !important; }
.h24 { height:24px !important; }
.h25 { height:25px !important; }
.h26 { height:26px !important; }
.h27 { height:27px !important; }
.h28 { height:28px !important; }
.h29 { height:29px !important; }
.h30 { height:30px !important; }
.h31 { height:31px !important; }
.h32 { height:32px !important; }
.h33 { height:33px !important; }
.h34 { height:34px !important; }
.h35 { height:35px !important; }
.h36 { height:36px !important; }
.h37 { height:37px !important; }
.h38 { height:38px !important; }
.h39 { height:39px !important; }
.h40 { height:40px !important; }
.h50 { height:50px !important; }
.h55 { height:55px !important; }
.h57 { height:57px !important; }
.h60 { height:60px !important; }
.h70 { height:70px !important; }
.h80 { height:80px !important; }
.h85 { height:85px !important; }
.h90 { height:90px !important; }
.h100 { height:100px !important; }
.h110 { height:110px !important; }
.h120 { height:120px !important; }
.h130 { height:130px !important; }
.h140 { height:140px !important; }
.h150 { height:150px !important; }
.h159 { height:159px !important; }
.h160 { height:160px !important; }
.h170 { height:170px !important; }
.h180 { height:180px !important; }
.h190 { height:190px !important; }
.h200 { height:200px !important; }
.h250 { height:250px !important; }
.h300 { height:300px !important; }
.h400 { height:400px !important; }
.h500 { height:500px !important; }
.h600 { height:600px !important; }
.h700 { height:700px !important; }
.h710 { height:710px !important; }
.h720 { height:720px !important; }
.h730 { height:730px !important; }
.h740 { height:740px !important; }
.h750 { height:750px !important; }
.h760 { height:760px !important; }
.h770 { height:770px !important; }
.h780 { height:780px !important; }
.h790 { height:790px !important; }
.h800 { height:800px !important; }
.h900 { height:900px !important; }
.h1000 { height:1000px !important; }

.wp1 { width:1% !important; }
.wp2 { width:2% !important; }
.wp3 { width:3% !important; }
.wp4 { width:4% !important; }
.wp5 { width:5% !important; }
.wp6 { width:6% !important; }
.wp7 { width:7% !important; }
.wp8 { width:8% !important; }
.wp9 { width:9% !important; }
.wp10 { width:10% !important; }
.wp11 { width:11% !important; }
.wp12 { width:12% !important; }
.wp13 { width:13% !important; }
.wp13_4 { width:13.4% !important; }
.wp13_6 { width:13.6% !important; }
.wp14 { width:14% !important; }
.wp15 { width:15% !important; }
.wp16 { width:16% !important; }
.wp16_6 { width:16.6% !important; }
.wp17 { width:17% !important; }
.wp18 { width:18% !important; }
.wp19 { width:19% !important; }
.wp20 { width:20% !important; }
.wp21 { width:21% !important; }
.wp22 { width:22% !important; }
.wp23 { width:23% !important; }
.wp24 { width:24% !important; }
.wp25 { width:25% !important; }
.wp26 { width:26% !important; }
.wp27 { width:27% !important; }
.wp28 { width:28% !important; }
.wp29 { width:29% !important; }
.wp30 { width:30% !important; }
.wp31 { width:31% !important; }
.wp32 { width:32% !important; }
.wp33 { width:33% !important; }
.wp33_9 { width:33.333333333% !important; }
.wp34 { width:34% !important; }
.wp35 { width:35% !important; }
.wp36 { width:36% !important; }
.wp37 { width:37% !important; }
.wp38 { width:38% !important; }
.wp39 { width:39% !important; }
.wp40 { width:40% !important; }
.wp41 { width:41% !important; }
.wp42 { width:42% !important; }
.wp43 { width:43% !important; }
.wp44 { width:44% !important; }
.wp45 { width:45% !important; }
.wp46 { width:46% !important; }
.wp47 { width:47% !important; }
.wp48 { width:48% !important; }
.wp49 { width:49% !important; }
.wp50 { width:50% !important; }
.wp51 { width:51% !important; }
.wp52 { width:52% !important; }
.wp53 { width:53% !important; }
.wp54 { width:54% !important; }
.wp55 { width:55% !important; }
.wp56 { width:56% !important; }
.wp57 { width:57% !important; }
.wp58 { width:58% !important; }
.wp59 { width:59% !important; }
.wp60 { width:60% !important; }
.wp61 { width:61% !important; }
.wp62 { width:62% !important; }
.wp63 { width:63% !important; }
.wp64 { width:64% !important; }
.wp65 { width:65% !important; }
.wp66 { width:66% !important; }
.wp67 { width:67% !important; }
.wp68 { width:68% !important; }
.wp69 { width:69% !important; }
.wp70 { width:70% !important; }
.wp71 { width:71% !important; }
.wp72 { width:72% !important; }
.wp73 { width:73% !important; }
.wp74 { width:74% !important; }
.wp75 { width:75% !important; }
.wp76 { width:76% !important; }
.wp77 { width:77% !important; }
.wp78 { width:78% !important; }
.wp79 { width:79% !important; }
.wp80 { width:80% !important; }
.wp81 { width:81% !important; }
.wp82 { width:82% !important; }
.wp83 { width:83% !important; }
.wp84 { width:84% !important; }
.wp85 { width:85% !important; }
.wp86 { width:86% !important; }
.wp87 { width:87% !important; }
.wp88 { width:88% !important; }
.wp89 { width:89% !important; }
.wp90 { width:90% !important; }
.wp91 { width:91% !important; }
.wp92 { width:92% !important; }
.wp93 { width:93% !important; }
.wp94 { width:94% !important; }
.wp95 { width:95% !important; }
.wp96 { width:96% !important; }
.wp97 { width:97% !important; }
.wp98 { width:98% !important; }
.wp99 { width:99% !important; }
.wp100 { width:100% !important; }

.hp10 { height:10% !important; }
.hp20 { height:20% !important; }
.hp30 { height:30% !important; }
.hp31 { height:31% !important; }
.hp32 { height:32% !important; }
.hp33 { height:33% !important; }
.hp34 { height:34% !important; }
.hp35 { height:35% !important; }
.hp36 { height:36% !important; }
.hp37 { height:37% !important; }
.hp38 { height:38% !important; }
.hp39 { height:39% !important; }
.hp40 { height:40% !important; }
.hp50 { height:50% !important; }
.hp60 { height:60% !important; }
.hp70 { height:70% !important; }
.hp80 { height:80% !important; }
.hp90 { height:90% !important; }
.hp91 { height:91% !important; }
.hp92 { height:92% !important; }
.hp93 { height:93% !important; }
.hp94 { height:94% !important; }
.hp95 { height:95% !important; }
.hp96 { height:96% !important; }
.hp97 { height:97% !important; }
.hp98 { height:98% !important; }
.hp99 { height:99% !important; }
.hp100 { height:100% !important; }

/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/

			@media only screen and (max-width:1040px){

				.dashboard_body_c.mop3 { margin:0 0 0 0; }
				.dashboard_body_c .dashboard_body_c1 { width:100%; height:300px; margin:0 0 10px 0; }
				.dashboard_body_c .dashboard_body_c1.mop1 { margin:0 0 10px 0; }

				.con_noti { display:block; margin:5px 0 0 0; }

			}

/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/

/*
<span class="label label-default">Default</span>
<span class="label label-primary">Primary</span>
<span class="label label-success">Success</span>
<span class="label label-info">Info</span>
<span class="label label-warning">Warning</span>
<span class="label label-danger">Danger</span>

display:inline-block; width:28px; height:28px; background:url("./images/btn_search_01.jpg") no-repeat 0 0;
background-image:url("./images/bg_23.jpg"), url("./images/bg_24.jpg"); background-position:0 0, 0 0; background-repeat:repeat-x, no-repeat;

display:inline-block; padding:1px 10px 1px 10px; background:#666666; font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:13px; font-weight:normal; letter-spacing:-0.03em; text-align:center; border-radius:30px; margin:0 5px 0 0;
display:inline-block; width:100%; height:105px; background:url("./images/con_mcon_c1_link1.jpg") no-repeat center 0; padding:71px 0 0 0; color:#484745; font-size:13px; font-weight:normal; letter-spacing:-0.07em;

box-sizing:border-box;

position:absolute; right:0px; top:15px; display:inline-block; width:31px; height:31px; background:url("./images/btn_close_01.jpg") no-repeat 0 0; text-indent:-10000px; z-index:10000;
outline:none;
text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
display:table; margin-left:auto; margin-right:auto;
#con_footmenu a:after{ content:"|"; color:#999999; font-size:12px; font-weight:normal; text-align:center; padding:0 0 0 12px; }
#con_footmenu a:last-child:after{ content:none; padding:0 0 0 0; }

img-responsive

.con_tab .con_tab_c { display:table; width:100%; height:69px; table-layout:fixed; border-collapse:collapse; }
.con_tab .con_tab_c a { display:table-cell; height:69px; color:#3e3e3e; font-size:18px; text-align:center; font-weight:normal; letter-spacing:-0.03em; background:url("./images/tab_bg.jpg") no-repeat 0 0; padding:17px 0 0 0; }

<img src="/htmlp/images/sbanner_01.jpg" alt="내용이 들어갑니다." />

<img src="./images/ic-07-02.png" alt="이전콘텐츠">

data-toggle="modal" data-target=".modal-examlist"
onclick="javascript:$('#modal-notice-1').fadeOut();$('#modal-notice-2').fadeIn();"

<div class="modal-body" id="modal-notice-1">

background-size:20px;

position:relative;
position:absolute; left:0px; top:0px;

text-indent:-10000px;
text-indent:-10000px; font-size:0; line-height:1;
letter-spacing:-0.03em;

font-family:"NotoSansKR Light","Malgun Gothic","맑은 고딕";
font-family:"NotoSansKR Regular","Malgun Gothic","맑은 고딕";
font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕";

<label for="id" class="hidden">선택</label><input type="checkbox" name="name" id="id" value="" class="mr5" />

a.link1 { background:#4b96e7; } 스카이
a.link2 { background:#0153a5; } 파랑
a.link3 { background:#f67400; } 주황
a.link4 { background:#02a9ca; } 민트
a.link5 { background:#31a97c; } 그린
a.link6 { background:#7c8598; } 그레이
a.link7 { background:#927d67; } 브라운
a.link8 { background:#495bb4; } 보라
a.link9 { background:#e1290d; } 레드
a.link10 { background:#eef0f5; } 연한그레이
a.link11 { background:#ffffff; } 라인

background:url("./images/klid/control_01.png") no-repeat 0 0;
background:#ffffff url("./images/klid/search_01.png") no-repeat 20px center;

word-break:keep-all;
word-break:break-all;

text-overflow:ellipsis; overflow:hidden; white-space:nowrap;

font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:12px; font-weight:normal; text-align:center; line-height:26px; letter-spacing:-0.03em;
font-family:"NotoSansKR Medium","Malgun Gothic","맑은 고딕"; color:#ffffff; font-size:12px; font-weight:normal; letter-spacing:-0.03em;

border:1px solid #000;

background:#fdfbf7 골드
background:#f2faff 블루
background:#f4fcfd 청록
background:#f8fbf6 그린
background:#fbf9f7 브라운
background:#fdf8f7 주황
background:#fcf4f9 자주
background:#f9f7fd 보라
background:#f3faf8 청그린
background:#fcf4f9 자주

@media only screen and (max-width:1040px){

}
*/