@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

@charset "utf-8";

/*
** reset
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button,a,option {ffont-family: 'Noto Sans KR', "돋움","dotum",sans-serif, Helvetica;margin:0;padding:0;}
fieldset,img{border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
body {position:relative;background:#fff;-webkit-text-size-adjust: none}
body,th,td,input,select,textarea,button {font-size:12px;line-height:1.5;color:#333 !important;} /* color값은 디자인가이드에 맞게사용 */
a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
button::-moz-focus-inner,
input::-moz-focus-inner{border:0;padding:0;}

/*
** headings
*/
h1, h2, h3, h4, h5, h6 {margin:1em 0 0.5em;line-height:1.25em;}
h1 {font-size:3.5em;}
h2 {font-size:2.5em;}
h3 {font-size:2em;}
h4 {font-size:1.5em;}
h5 {font-size:1.25em;}
h6 {font-size:1em;}
h1 img {margin:0;vertical-align:middle;}


/*
** global class
*/

#daumIndex {overflow:hidden;position:absolute;left:-9999px;width:0;height:1px;margin:0;padding:0;} /* 스킵네비게이션 */
.ir_pm {display:block;overflow:hidden;font-size:0px;line-height:0;text-indent:-9999px} /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.ir_wa {display:block;overflow:hidden;position:relative;width:100%;height:100%;z-index:-1} /* 중요한 이미지 대체텍스트로 이미지off시에도 대체 텍스트를 보여주고자 할때 */
.screen_out {display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
.screen_hide {font-size:0;line-height:0;visibility:hidden} /* screen_out클래스를 사용할 수 없으며, 해당 텍스트를 숨겨야 할때 */

.f_l {float:left !important;}
.f_r {float:right !important;}

.cl_b {clear:both;width:0;height:0;font-size:0;line-height:0}
.show {display:block}
.hide {display:none}

.align_left {text-align:left !important;}
.align_center {text-align:center !important;}
.align_right {text-align:right !important;}


/*
** Layout style
*/
.d_page {position:relative;width:978px;min-width:978px;margin:0 1.5em;clear:both;}
.d_page:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.d_page.type_center {margin:0 auto;}

.d_wrap {display:block;*width:100%;clear:both;}
.d_wrap:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}

/* foot */
.type_footer {margin-top:2em;padding:3em 1em 4em;border-top:1px solid #bbb;text-align:center;color:#777;}


/*
** grid
*/

.grid_5 {width:5%;}
.grid_10 {width:10%;}
.grid_15 {width:15%;}
.grid_20 {width:20%;}
.grid_25 {width:25%;}
.grid_30 {width:30%;}
.grid_35 {width:35%;}
.grid_40 {width:40%;}
.grid_45 {width:45%;}
.grid_50 {width:50%;}
.grid_55 {width:55%;}
.grid_60 {width:60%;}
.grid_65 {width:65%;}
.grid_70 {width:70%;}
.grid_75 {width:75%;}
.grid_80 {width:80%;}
.grid_85 {width:85%;}
.grid_90 {width:90%;}
.grid_95 {width:95%;}
.grid_100 {width:100%;}

/*
** list
*/

.d_list {margin:1em 0 1.5em 2em;}
.d_list > li {margin:0.5em;}

ul.d_list > li {list-style:disc;}
ol.d_list > li {list-style:decimal;}

.d_list.type_article {margin-left:0;}
.d_list.type_article > li {overflow:hidden;margin:1.5em 0;list-style:none;}
.d_list.type_article > li:last-child {margin-bottom:0;}
.d_list.type_article > li a {color:#333;}
.d_list.type_article > li > .article_thumb {margin-bottom:0.5em;}
.d_list.type_article > li > .article_thumb.f_l {margin-right:1.25em;}
.d_list.type_article > li > .article_thumb.f_r {margin-left:1.25em;}
.d_list.type_article > li > .article_text {overflow:hidden;}
.d_list.type_article > li > .article_text h1,
.d_list.type_article > li > .article_text h2,
.d_list.type_article > li > .article_text h3,
.d_list.type_article > li > .article_text h4,
.d_list.type_article > li > .article_text h5,
.d_list.type_article > li > .article_text h6 {margin-top:0;}
.d_list.type_article > li > .d_list.type_article {margin-left:5em;}


.d_list.type_border > li {padding-bottom:1em;border-bottom:1px solid #ccc;}
.d_list.type_border > li:last-child {border-bottom:none;}

.d_list.type_tab { margin: 0;}
.d_list.type_tab > li { float: left; width: auto; display: inline; list-style: none; margin: 0;}
.d_list.type_tab > li:after { content: "|"; line-height: 2.0}
.d_list.type_tab > li > a { display: inline-block; width: auto; padding: 3px 7px; float: left;}
.d_list.type_tab > li.on > a{ font-weight: bold; color:orange }
/*
** button
*/

/* ============================================================
   hbil 테마: Teal/Emerald, 12px round buttons
   ============================================================ */
.d_btn {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:10px 18px;
	margin:0.2em 0.15em;
	border:1px solid #D1D5DB;
	cursor:pointer;
	color:#374151 !important;
	border-radius:12px;
	vertical-align:middle;
	font-size:13px;
	font-weight:500;
	line-height:1;
	background-color:#fff;
	text-decoration:none;
	transition: all 0.15s ease;
}
.d_btn:hover {
	color:#0F766E !important;
	text-decoration:none;
	background-color:#F0FDFA;
	border-color:#5EEAD4;
}
.d_btn:active {
	background-color:#CCFBF1;
	border-color:#14B8A6;
}

/* type_blue → hbil 에서는 teal 메인 컬러로 매핑 */
.d_btn.type_blue {
	border-color:#0F766E;
	color:#fff !important;
	background-color:#0F766E;
}
.d_btn.type_blue:hover {
	color:#fff !important;
	background-color:#115E59;
	border-color:#115E59;
}
.d_btn.type_blue:active {
	background-color:#134E4A;
	border-color:#134E4A;
}

/* type_purple → violet-700 (진하게) */
.d_btn.type_purple {
	border-color:#6D28D9;
	color:#fff !important;
	background-color:#6D28D9;
}
.d_btn.type_purple:hover {
	color:#fff !important;
	background-color:#5B21B6;
	border-color:#5B21B6;
}
.d_btn.type_purple:active {
	background-color:#4C1D95;
	border-color:#4C1D95;
}

/* type_red → red-700 (진하게) */
.d_btn.type_red {
	border-color:#B91C1C;
	color:#fff !important;
	background-color:#B91C1C;
}
.d_btn.type_red:hover {
	color:#fff !important;
	background-color:#991B1B;
	border-color:#991B1B;
}
.d_btn.type_red:active {
	background-color:#7F1D1D;
	border-color:#7F1D1D;
}

/* type_yellow → yellow-600 (진한 머스타드, 흰글씨 가독성 확보) */
.d_btn.type_yellow {
	border-color:#CA8A04;
	color:#fff !important;
	background-color:#CA8A04;
}
.d_btn.type_yellow:hover {
	color:#fff !important;
	background-color:#A16207;
	border-color:#A16207;
}
.d_btn.type_yellow:active {
	background-color:#854D0E;
	border-color:#854D0E;
}

/* type_green → 진한 emerald-700 (teal 메인과 명확히 구분) */
.d_btn.type_green {
	border-color:#047857;
	color:#fff !important;
	background-color:#047857;
}
.d_btn.type_green:hover {
	color:#fff !important;
	background-color:#065F46;
	border-color:#065F46;
}
.d_btn.type_green:active {
	background-color:#064E3B;
	border-color:#064E3B;
}

/* type_black → 짙은 에메랄드 (다크 액센트) */
.d_btn.type_black {
	border-color:#064E3B;
	color:#fff !important;
	background-color:#064E3B;
}
.d_btn.type_black:hover {
	color:#fff !important;
	background-color:#022C22;
	border-color:#022C22;
}
.d_btn.type_black:active {
	background-color:#011F18;
	border-color:#011F18;
}

/* type_gray → slate-600 (진한 슬레이트) */
.d_btn.type_gray {
	border-color:#4B5563;
	color:#fff !important;
	background-color:#4B5563;
}
.d_btn.type_gray:hover {
	color:#fff !important;
	background-color:#374151;
	border-color:#374151;
}
.d_btn.type_gray:active {
	background-color:#1F2937;
	border-color:#1F2937;
}

/* type_sky → sky-700 (진한 시안블루) */
.d_btn.type_sky {
	border-color:#0369A1;
	color:#fff !important;
	background-color:#0369A1;
}
.d_btn.type_sky:hover {
	color:#fff !important;
	background-color:#075985;
	border-color:#075985;
}
.d_btn.type_sky:active {
	background-color:#0C4A6E;
	border-color:#0C4A6E;
}

/* type_orange → orange-700 (진한 오렌지) */
.d_btn.type_orange {
	border-color:#C2410C;
	color:#fff !important;
	background-color:#C2410C;
}
.d_btn.type_orange:hover {
	color:#fff !important;
	background-color:#9A3412;
	border-color:#9A3412;
}
.d_btn.type_orange:active {
	background-color:#7C2D12;
	border-color:#7C2D12;
}

/* type_brown → amber-900 (진한 브라운) */
.d_btn.type_brown {
	border-color:#78350F;
	color:#fff !important;
	background-color:#78350F;
}
.d_btn.type_brown:hover {
	color:#fff !important;
	background-color:#451A03;
	border-color:#451A03;
}
.d_btn.type_brown:active {
	background-color:#231005;
	border-color:#231005;
}

/* type_search (기본 버튼 + 돋보기 아이콘) — teal 톤 */
.d_btn.type_search:before {
	content:"\f002";
	font-family:"Font Awesome 6 Pro";
	font-weight:900;
	font-size:12px;
	margin-right:6px;
	color:#0F766E;
}
.d_btn.type_search:hover:before {
	color:#fff;
}

/* btn - size */
.d_btn.type_mini {font-size:11px;padding:4px 8px;}
.d_btn.type_small {font-size:12px;padding:6px 12px;}
.d_btn.type_large {font-size:15px;padding:12px 24px;font-weight:600;}

/* btn - block */
.d_btn.type_block {display:flex;width:100%;text-align:center;}

/* btn - radius */
.d_btn.type_rad {border-radius:4px;}


/*
** Form
*/
input.d_form, textarea.d_form, select.d_form {margin:0.2em 0.2em;vertical-align:middle;box-sizing:border-box;}
input[type="text"].d_form,
input[type="search"].d_form,
input[type="password"].d_form,
input[type="number"].d_form,
input[type="email"].d_form,
input[type="tel"].d_form,
input[type="date"].d_form,
select.d_form {
	height:36px;
	padding:0 12px;
	border:1px solid #D1D5DB;
	border-radius:6px;
	font-size:13px;
	line-height:1.25;
	color:#1F2937;
	background:#fff;
	outline:none;
	transition:border-color 0.15s ease, box-shadow 0.15s ease;
}
textarea.d_form {
	padding:8px 12px;
	border:1px solid #D1D5DB;
	border-radius:6px;
	font-size:13px;
	line-height:1.5;
	color:#1F2937;
	background:#fff;
	outline:none;
	transition:border-color 0.15s ease, box-shadow 0.15s ease;
}
select.d_form {min-width:150px;padding-right:28px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
input[type="text"].d_form:focus,
input[type="search"].d_form:focus,
input[type="password"].d_form:focus,
input[type="number"].d_form:focus,
input[type="email"].d_form:focus,
input[type="tel"].d_form:focus,
input[type="date"].d_form:focus,
textarea.d_form:focus,
select.d_form:focus {border-color:#0F766E;box-shadow:0 0 0 3px rgba(15,118,110,0.15);}

input[type="checkbox"].d_form, input[type="radio"].d_form {width:16px;height:16px;margin:0 4px 0 0;vertical-align:middle;accent-color:#0F766E;cursor:pointer;}

/* label */
label {margin:0 0.75em 0 0;}
label > input[type="text"].d_form,
label > input[type="password"].d_form,
label > input[type="search"].d_form,
label > input[type="radio"].d_form,
label > input[type="checkbox"].d_form,
label > textarea.d_form,
label > select.d_form {margin:0.2em;}

/* form combo */
.combo {display:inline-flex;align-items:stretch;margin:0.25em 0.15em;vertical-align:middle;}
.combo > * {float:none;border-radius:0;height:36px;box-sizing:border-box;}
.combo > input.d_form,
.combo > select.d_form {margin:0;border-radius:0;padding:0 12px;font-size:13px;line-height:34px;}
.combo .d_btn {margin:0;padding:0 16px;border-width:1px 1px 1px 0;border-radius:0;font-size:13px;line-height:1;}
.combo > *:first-child {border-top-left-radius:6px;border-bottom-left-radius:6px;}
.combo > *:last-child {border-top-right-radius:6px;border-bottom-right-radius:6px;}
.combo .d_btn:first-child {border-left-width:1px;}
label + .combo {margin-left:1em;vertical-align:middle;}


/*
** Table
*/

table.d_table {table-layout:fixed;width:100%;margin:1em 0 1.5em;border:1px solid #e2e2e2;border-width:1px 0 0 1px;border-spacing:0px; border-collapse:collapse;}
table.d_table caption {font-weight:bold;margin:0 0 1em;text-align:left;}
table.d_table th,
table.d_table td {padding:0.5em 0.75em;border:1px solid #e2e2e2;border-width:0 1px 1px 0;text-align:left;word-break:break-all;}
table.d_table th {background:#f7f7f7;}
table.d_table tr.on td {background:#f4faff;}
table.d_table tr.\blue td { background-color: #fdf9f9;}
table.d_table tr.bg_red td { background-color: #fdf9f9;}
table.d_table tr.bg_gray td { background-color: #f4f4f4;}
table.d_table tr.bg_orange td { background-color: #fffbf4;}
table.d_table tr.bg_green td { background-color: #f8fff9;}
table.d_table tr.bg_ivory td { background-color: #fffcf0;}
table.d_table tr.bg_yellow td { background-color: #fffff0;}
table.d_table tr.bg_big_yellow td { background-color: #ECD24C; color: #000 !important;}

table.d_table th.font_small{ font-size: smaller}
table.d_table td.font_small{ font-size: smaller}
table.d_table th.font_xmall{ font-size: x-small}
table.d_table td.font_xmall{ font-size: x-small}

.d_table.type_board {border:none;}
.d_table.type_board th {border:none;border-top:1px solid #dadcdc;border-bottom:1px solid #e3e3e3}
.d_table.type_board th:first-child {border-radius:0.5em 0 0 0.5em}
.d_table.type_board th:last-child {border-radius:0 0.5em 0.5em 0}
.d_table.type_board td {border-width:0 0 1px 0; word-break:break-all;}
.d_table.type_board tr:hover td {background:#fffff4;}

/*
*	COMPONENT
*/

/*
** navigation
*/

[class^="nav_"] a:hover,
[class*=" nav_"] a:hover,
[class^="tab_"] a:hover,
[class*=" tab_"] a:hover {text-decoration:none;}

.nav_top:after,
.nav_bar:after,
.nav_list:after {display:block;content:".";font-size:0;visibility:hidden;clear:both;}

/* nav_top */
.nav_top {*width:100%;padding:0 1em;border-top:1px solid #434753;border-bottom:1px solid #2e313b;background:#3d414d;color:#fff;}

.nav_top h1 {float:left;margin:-1px 0 0 0;padding:0 2em 0 0;line-height:40px;font-size:1.5em;}
.nav_top h1 a {color:#fff;}
.nav_top ul {float:left;}
.nav_top ul > li {float:left;height:40px;}
.nav_top ul > li > a {display:inline-block;height:100%;padding:0 1.25em;color:#fff;line-height:40px;text-shadow: 0 1px 0 rgba(0,0,0,0.15);;}
.nav_top ul > li > a:hover {background:#5182f5;}
.nav_top ul > li.on > a {font-weight:bold;background:#3d61b8;}
.nav_top.type_sub {position:relative;padding-bottom:35px;border-bottom-color:#cbd0d3}
.nav_top.type_sub ul > li > ul {position:absolute;top:40px;left:0;width:100%;background:#f0f1f5;}
.nav_top.type_sub ul > li > ul > li {height:35px;}
.nav_top.type_sub ul > li > ul > li > a {line-height:35px;color:#333;}
.nav_top.type_sub ul > li > ul > li > a:hover {color:#5182f5;background:none;}
.nav_top.type_sub ul > li > ul > li.on > a {color:#5182f5;background:none;font-weight:bold;}

.nav_top.type_white {border-top:none;border-bottom-color:#ccc;color:#222;background:#f1f1f1;}
.nav_top.type_white h1 a {color:#222;}
.nav_top.type_white  ul {margin-top:1px;}
.nav_top.type_white  ul > li {z-index:10;margin-bottom:-1px}
.nav_top.type_white  ul > li.on {z-index:20;border:1px solid #ccc;border-width:0 1px 0 1px;}
.nav_top.type_white  ul > li > a {color:#000;text-shadow:none;}
.nav_top.type_white  ul > li > a:hover {background:none;}
.nav_top.type_white  ul > li.on > a {box-shadow:inset 0 2px 2px 1px rgba(255,255,255,0.85);color:#333;text-shadow:0 2px 0 #fff;
	background-color:#fff;
	background:-webkit-gradient(linear, left top, left bottom, from(#efefef), to(#fff));
	background:linear-gradient(to bottom, #efefef, #fff);
}
.nav_top.type_white.type_sub {padding-bottom:0;margin-bottom:40px;}
.nav_top.type_white.type_sub ul > li > ul {left:auto;width:auto;background:none;}
.nav_top.type_white.type_sub ul > li > ul > li {border:none;}
.nav_top.type_white.type_sub ul > li > ul > li.on > a {box-shadow:none;}


/* nav_list */
.nav_list {margin:1em 0 1.5em;padding:1em 0;border:1px solid #ccc;border-radius:0.5em;background:#f9f9f9;}
.nav_list ul,
.nav_list li {margin:0;}
.nav_list > li > a {display:block;padding:0.5em 1.25em;color:#333;font-weight:bold;}
.nav_list > li > a:hover {background:#eaeaea;color:inherit;}
.nav_list > li.on > a,
.nav_list > li.on > a:hover {background:#6c9ecf;color:#fff;text-shadow:0 -1px 1px rgba(0,0,0,0.5);}
.nav_list > li.on > a {font-weight:bold;}
.nav_list [class^="tit"], .nav_list [class*=" tit"] {padding:0.5em 0.75em;font-size:1.5em;font-weight:bold;}

.nav_list > li > ul {border-bottom:1px solid #ccc;padding:0.5em 0;box-shadow:inset 0.1em 0.1em 0.25em rgba(0,0,0,0.3);background:#fff;}
.nav_list > li > ul > li > a {display:block;padding:0.3em 1.25em;text-indent:1em;color:#333;}
.nav_list > li > ul > li > a:hover {color:#3577e8;font-weight:bold;}
.nav_list > li > ul > li.on > a {color:#3577e8;font-weight:bold;}


/*
** tab
*/

/* tab_bar */
.tab_bar {display:flex; align-items:flex-end; flex-wrap:wrap; gap:4px; margin:0 0 16px; padding:0; border:none; border-bottom:1px solid #E5E7EB; background:transparent; clear:both;}
.tab_bar:after {display:none;}
.tab_bar > li {float:none; margin:0; list-style:none;}
.tab_bar > li > a {display:inline-flex; align-items:center; padding:10px 18px; color:#6B7280; background:transparent; border:none; border-bottom:2px solid transparent; margin-bottom:-1px; font-size:14px; font-weight:500; text-decoration:none; transition:all 0.15s ease; position:relative;}
.tab_bar > li > a:hover {color:#111827; background:#F9FAFB;}
.tab_bar > li:first-child > a {border-left:none;}
.tab_bar > li.tc-selected > a {color:#00224E; border-bottom-color:#00224E; background:transparent; font-weight:600;}
.tab_bar > li.f_r {margin-left:auto;}
.tab_bar > li.f_r > a {border-right:none;}
.tab_bar > li.tc-script > span { margin-left:10px; line-height:1; align-self:center;}

/* tab_small */
.tab_bar.type_small {border:none; border-bottom:1px solid #E5E7EB; background:none; gap:2px;}
.tab_bar.type_small > li {position:relative; z-index:auto; margin:0;}
.tab_bar.type_small > li.tc-selected {z-index:auto;}
.tab_bar.type_small > li > a {padding:7px 14px; font-size:13px; border:none; border-bottom:2px solid transparent; background:transparent; color:#6B7280; font-weight:500;}
.tab_bar.type_small > li > a:hover {color:#00224E; background:#F9FAFB;}
.tab_bar.type_small > li:first-child > a {border-left:none; margin-left:0;}
.tab_bar.type_small > li:last-child > a {border-right:none; margin-left:0;}
.tab_bar.type_small > li.tc-selected > a {border-color:transparent; border-bottom-color:#00224E; background:transparent; color:#00224E; font-weight:600;}
.tab_bar.type_small > li.tc-selected > a:hover {color:#00224E;}
.tab_bar.type_small > li.tc-script > span { margin-left:10px; line-height:1;}
.tc-panel { display:none; }
.panels { padding:0; margin:0; list-style:none; padding:10px; position:relative; clear:both; background-color:#fff; }
.panels .tc-panel.tc-selected { display:block; }
/*
** thumbnail and caption
*/
.group_thumb {overflow:hidden;margin:1em 0 1.5em;}
.group_thumb li {overflow:hidden;float:left;padding:1%;margin:0;}
.group_thumb li > a {color:#333;cursor:pointer;}
.group_thumb li > a:hover {color:#4559E9;}
.group_thumb li > a:hover img {outline:5px solid rgba(0,0,0,0.15);}
.group_thumb li > a:hover .caption {text-decoration:underline;}
.group_thumb li img {width:100%;margin:0;}
.group_thumb li img + .caption {display:block;width:100%;margin:0.5em auto;line-height:1.25em;text-align:center;}

.group_thumb li {width:23%;*width:22.95%;}
.group_thumb[data-thumb-col="2"] li {width:48%;*width:47.95%;}
.group_thumb[data-thumb-col="3"] li {width:31.3%;}
.group_thumb[data-thumb-col="5"] li {width:18%;}
.group_thumb[data-thumb-col="6"] li {width:14.65%;}
.group_thumb[data-thumb-col="6"] li img + .caption {margin-top:0.2em;}

.group_thumb.type_letterbox {}
.group_thumb.type_letterbox li > a {overflow:hidden;position:relative;}
.group_thumb.type_letterbox li > a .caption {overflow:hidden;position:absolute;left:0;bottom:0;margin:0.3em 0;*margin:0.2em 0;color:#fff;_background:#333;*background:#333;background:rgba(0,0,0,0.5);line-height:2.6em;text-overflow:ellipsis;white-space:nowrap;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";}
.group_thumb.type_letterbox li > a:hover .caption {text-decoration:none;}


/*
** panel
*/

.panel {border:1px solid #d1d1d1;padding:1.5em;margin:1em 0 1.5em;background:#fff;border-radius:0.4em;box-shadow:inset 0 1px 2px rgba(255,255,255,0.6), inset 0 -1px 1px rgba(0,0,0,0.2);}
.panel h1,
.panel h2,
.panel h3,
.panel h4,
.panel h5,
.panel h6 {margin-top:0;}
.panel.type_info {border-color:#d6dbef;background:#f7f8fc;color:#0057A8 !important;}
.panel.type_notice {border-color:#323e56;background:#5a6988;color:#f3f3f3 !important;text-shadow:0 1px 2px rgba(0,0,0,0.6)}
.panel.type_alert {border-color:#883535;background:#EC6161;color:#fff !important;text-shadow:0 1px 2px rgba(0,0,0,0.6)}


/*
** popup
*/

.window {margin:2em;width:90%;max-width:900px;background:#fff;border:1px solid #666;box-shadow:0.1em 0.1em 0.8em rgba(0,0,0,0.5);}
.window_head {padding:0.25em 0.75em;border-bottom:1px solid #aaa;font-weight:bold;color:#fff;font-size:1.5em;background:#394053;box-shadow:inset 0 1px 2px rgba(255,255,255,0.3)}
.window_body {min-height:30px;padding:1.5em 1.5em;font-size:1.2em; overflow-x: scroll;}
.window_foot {padding:1em 1em 2em;text-align:center}


/*
** etc
*/
.line_break {display:block;margin:2em 0;border-bottom:1px solid #bbb;}


/*
** Paging
*/

.group_paging {display:block;margin:1em 0 1.5em;text-align:center;}
.group_paging > a,
.group_paging > span {display:inline-block;padding:0.05em 0.5em;margin:0 0.1em;border:1px solid #dedde2;text-decoration:none;color:#333;font-weight:bold;}
.group_paging > span {border-color:#6f7689;background:#9398b5;color:#fff}
.group_paging > a:hover {border-color:#6f7689;}
.group_paging .link_edge {border:none;color:#999;font-weight:normal;}
.group_paging > a.link_edge:hover {color:#333;}


/*
** Tip box
*/
.tip_box {position:absolute;padding:1em;_background:#333;*background:#333;background:rgba(0,0,0,0.6);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";color:#fff;border-radius:1.5em 1.5em 1.5em 0;box-shadow:0.25em 0.25em 1em rgba(0,0,0,0.25);text-shadow:0 -1px 0 rgba(0,0,0,0.6);}

/* font color */
.c_blue {color:#336699 !important; }
.c_orange { color:#FF6600 !important;}
.c_red { color:#d50008 !important;}
.c_green { color:green !important;}
.c_gray {color:#999 !important;}
.c_white {color: #fff !important;}
.c_brown {color:#cc8204 !important;}
/*basic */
.d_box { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.d_blank { width:100%; clear:both; height:10px;}
.f_bar {display: inline-block;width: 1px;height: 13px;background: #E4E4E5 none repeat scroll 0% 0%;text-indent: -999em;}
.small { font-size: 0.85em !important;}
.input_date { width: 80px !important;}
.bg_gray { background-color: #efefef;}
.popup { position: absolute; z-index: 1200;}

.bg_blue  { background-color: #f2f7fc !important;}
.bg_red   { background-color: #fdf9f9 !important;}
.bg_gray  { background-color: #f4f4f4 !important;}
.bg_orange { background-color: #fffbf4 !important;}
.bg_green { background-color: #f8fff9 !important;}
.bg_ivory { background-color: #fffcf0 !important;}
.bg_yellow { background-color: #fffff0 !important;}

.icon { font-size: 0.7em !important; padding: 0.3em 0.5em !important; font-family: "arial" !important;}
.txt_cut {	white-space:nowrap; text-overflow:ellipsis; /* IE, Safari */
			-o-text-overflow:ellipsis; /* Opera under 10.7 */
			overflow:hidden; /* "overflow" value must be different from "visible" */
			-moz-binding: url('ellipsis.xml#ellipsis');}