@charset "euc-kr";

@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);


@media print {
#header, #visual, #snb, #body_foot, #footer, #aside, #fontsize { display: none; }
body, #container, #body_title, #body_content { margin: 0; padding: 0; background: #fff; }
}
/* common */
html,body{width:100%;height:100%}
html{overflow-y:scroll}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
/*body,h1,h2,h3,h4,input,button{font-family:'Nanum Gothic', NanumGothic, NGNormal, NanumGothicBold, 'µ¸¿ò', Dotum, Arial, Tahoma,sans-serif;font-size:13px;color:#565656;line-height:160%;}*/
body,input,select,textarea,button {border:none;font-size:14px; font-family:'Noto Sans KR', sans-serif;color:#333;font-weight:400;line-height:1.5}
body		{*word-break:break-all;-ms-word-break:break-all}
img,fieldset,iframe{border:0 none}
img			{vertical-align:top;}
i,em,address{font-style:normal}
table		{border-collapse:collapse;border-spacing:0;width:100%;}
table caption	{display:none;}
table td	{vertical-align:middle;}
table td ul	{vertical-align:top;}
ol,ul,li	{list-style:none;}
em		{color:#00A9C3}
p		{padding:0;margin:0;}
*	{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}
*:before, *:after {-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}

.eng	{font-family:verdana;}
.fst	{margin-top:0 !important;padding-top:0;}
.end	{margin-bottom:0;padding-bottom:0;}
.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;}
.clearfix:after{content:"";clear:both;display:block;float:none;}
.none	{background:none;list-style:none;border:none;}
.hand	{cursor:pointer;}
strong	{font-weight:bold;}
hr		{display:none;} 
a:link		{text-decoration:none;color:#454545;}
a:visited	{text-decoration:none;color:#454545;}
a:hover		{text-decoration:none;}
.hidden		{text-indent:-100%;white-space:nowrap;overflow:hidden;font-size:0;line-height:0;text-shadow:none;color:transparent;}

/* Form */
form	{margin:0;padding:0;}
fieldset{margin:0;padding:0;border:0;}
legend	{position:absolute;top:0;left:0;width:0;height:0;margin:0;padding:0;overflow:hidden;visibility:hidden; font-size:0; line-height:0;}
input,select,textarea,button {font-size:inherit;margin:0;padding:0;vertical-align: middle; }
textarea	{width:100%;padding:0;border:1px solid #ccc;background:#fff;overflow:auto;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}
input		{border:1px solid #ccc;background:#ffffff;color:#777;}
input::placeholder {color:#bbb;}
input[type="text"],
input[type="password"],
input.text	{min-height:30px;margin:1px 5px 1px 0;padding-right:5px;border:1px solid #ccc;outline-color:#ccc;background:#fff;font-size:12px;color:#888;vertical-align:middle;border-radius:0;text-indent:5px;-webkit-appearance: none;}
select,
select.text {height:30px;padding:1px 0;border:1px solid #ccc;outline-color:#ccc;background:#fff;font-size:12px;color:#888;vertical-align:middle;}
input img	{vertical-align:middle;padding:0;margin:0;border:none;} 
input.image	{vertical-align:middle;padding:0;margin:0;border:none;} 
label,button{cursor:pointer}
button{margin:0;padding:0}
button *{position:relative}
option{padding-right:6px}
input[type="checkbox"],
input[type="radio"]{margin-right:4px;}

select.w40, input.w40	{width:40px !important;}
select.w60, input.w60	{width:60px !important;}
select.w80, input.w80	{width:80px !important;}
select.w100, input.w100	{width:100px !important;}
select.w120, input.w120	{width:120px !important;}
select.w150, input.w150	{width:150px !important;}
select.w200, input.w200	{width:200px !important;}
select.w300, input.w300	{width:300px !important;}
select.w345, input.w345	{width:345px !important;}
select.wfull, input.wfull	{width:100% !important;}

.left	{float:left;}
.right	{float:right;}
.cnt	{margin:0 auto;}
.tal {text-align:left !important;} 
.tar {text-align:right !important;}
.tac {text-align:center !important;}
.taj	{text-align:justify !important;}
.dpb	{display:block !important;}
.dpi	{display:inline !important;}
.dpib	{display:inline-block !important;}
.dpn	{display:none !important;}
.vat	{vertical-align:top;}

.fwn	{font-weight:normal !important; }
.fwb	{font-weight:bold !important; }
.fw500	{font-weight:500 !important; }
.italic	{font-style:italic !important; }
.fs1	{font-size:0.9em !important;}
.fs2	{font-size:1.2em;}
.fs3	{font-size:1.4em;}
.fs4	{font-size:1.6em;}
.fs5	{font-size:2em;}
.ver	{font-family:tahoma;}
.underline {text-decoration:underline;}

.pointr	{color:#DA2127 !important;}
.pointb	{color:#5FB5D6 !important;}
.pointor{color:#ff6600 !important;}
.pointbr{color:#C48B3A !important;}
.pointy	{color:#ffff00 !important;}
.pointw	{color:#ffffff !important;}
.pointbl{color:#222222 !important;}
.pointgr{color:#239236 !important;}
/* .pointpk{color:#F1577D !important;} */
.pointpk{color:#F0037F !important;}
.pointvo{color:#7961BC !important;}
.pointgray{color:#999 !important;}
.point-custom{color:#1cb1d7 !important;}

.gr1bx{padding:15px 20px;border:1px solid #ccc;margin:0 0 10px 0;}
.gr2bx{padding:15px 20px;border:2px solid #ccc;margin:0 0 10px 0;}
.gr2bx2{padding:15px 20px;border:2px solid #ccc;margin:0 0 10px 0;background:#fff;}
.rd1bx{padding:15px 20px;border:1px solid #DA2127;margin:0 0 10px 0;}
.rd2bx{padding:15px 20px;border:2px solid #DA2127;margin:0 0 10px 0;}
.graybg{padding:15px 20px;background:#f4f4f4;margin:0 0 10px 0;}
.graybx{padding:15px 20px;background:#f4f4f4;border:1px solid #ccc;margin:0 0 20px 0;}

.gr1bx ul, .gr2bx ul, .graybg ul, .graybx ul,
.gr1bx ol, .gr2bx ol, .graybg ol, .graybx ol	{margin-top:0 !important;margin-bottom:0 !important;}

.p10{padding:10px;}
.p15{padding:15px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.plp10{padding-left:10px !important;}
.plp20{padding-left:20px;}
.plp30{padding-left:30px;}
.pb10{padding-bottom:10px;}
.p20{padding:20px;}
.mlp10{margin-left:10px;}
.mlp40{margin-left:40px;}
.mlp80{margin-left:80px;}
.mrp5{margin-right:5px;}
.mrp10{margin-right:10px;}
.mrp40{margin-right:40px;}
.mtp0{margin-top:0 !important;}
.mtp5{margin-top:5px !important;}
.mtp10{margin-top:10px;}
.mtp15{margin-top:15px;}
.mtp20{margin-top:20px;}
.mtp30{margin-top:30px;}
.mbp5{margin-bottom:5px;}
.mbp10{margin-bottom:10px;}
.mbp20{margin-bottom:20px;}
.mbp30{margin-bottom:30px;}
.mbp40{margin-bottom:40px;}

/* title */
#header h1 {margin: 0; padding: 0; background: transparent; } 
h1, h2, h3, h4, h5, h6 {background:transparent;font-size:100%;letter-spacing:0;line-height:1.25;text-align:left;}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {font-weight: normal;margin:0 5px;color:#888;} 
h1 {margin:2em 0 1em 0;padding:0 0 0 18px;background:url('../img/h1bg.png') no-repeat 0 0.1em;font-size:145%;letter-spacing:-1px;color:#ec018c;}
h2 {margin:30px 0 15px 0;padding:0;/* background:url('../img/h2bg.png') no-repeat 0 0.25em; */font-size:22px;letter-spacing:-1px;color:#222;}
h3 {margin:25px 0 15px 0;padding:0 0 0 18px;background:url('../img/h3bg.png') no-repeat 0 50%;font-size:19px;letter-spacing:-1px;color:#263557;}
h4 {margin:20px 0 10px 0;font-size:17px;color:#555;}
h4:before {content:"";display:inline-block;vertical-align:middle;width:8px;height:8px;background:#6bbbb0;border-radius:100px;margin-right:5px;}
h5 {margin:10px 0 5px 0;font-weight:normal;color:#555555; }
h5:before {content:"";display:inline-block;vertical-align:middle;width:8px;height:3px;background:#666;margin-right:5px;}
h6 {margin:10px 0 5px 0;padding:0 0 0 0;background: transparent;font-weight:normal; }

/* table */
table.t_none			{width:100%;} 
table.t_none th			{text-align:left;font-weight:normal;}
table.t_none td			{border:none;}

table.t1				{margin:0 0 10px 0;} 
table.t1 thead th		{padding:6px 3px;background:#999999;border:1px solid #888888;font-weight:bold;color:#fff;line-height:1.4;}
table.t1 tbody th		{padding:6px 3px;background:#f4f4f4;border:1px solid #dfdfdf;font-weight:600;line-height:1.4;}
table.t1 tbody td		{padding:6px 3px;background:#ffffff;border:1px solid #dfdfdf;}
table.t1 tfoot th		{padding:6px 3px;background:#f4f4f4;border:1px solid #dfdfdf;font-weight:bold;line-height:1.4;}
table.t1 tfoot td		{padding:6px 3px;background:#f4f4f4;border:1px solid #dfdfdf;font-weight:bold;}
table.t1 td.gbg			{background:#f4f4f4;}

table.tc1				{margin:0 0 10px 0;text-align:center;} 
table.tc1 thead th		{padding:6px 3px;background:#999999;border:1px solid #888888;color:#fff;line-height:1.4;}
table.tc1 tbody th		{padding:6px 3px;background:#f4f4f4;border:1px solid #dfdfdf;font-weight:bold;line-height:1.4;}
table.tc1 tbody td		{padding:6px 3px;background:#ffffff;border:1px solid #dfdfdf;}
table.tc1 tfoot th		{padding:6px 3px;background:#f4f4f4;border:1px solid #dfdfdf;font-weight:bold;line-height:1.4;}
table.tc1 tfoot td		{padding:6px 3px;background:#f4f4f4;border:1px solid #dfdfdf;font-weight:bold;}
table.tc1 td.gbg		{background:#f4f4f4;}

/* tab */
.tab_txt				{margin:0 0 30px 0;}
.tab_txt ul				{display:table;width:100%;overflow:hidden;table-layout:fixed;text-align:center;}
.tab_txt a				{display:block;padding:8px 0;}
.tab_txt ul li:first-child {border-left:none;background:#f3f3f3;}
.tab_txt ul li			{display:table-cell;.float:left;background:#f3f3f3;color:#777;border-left:1px solid #ddd;border-bottom:1px solid #ddd;}
.tab_txt ul li.on 		{background:#1cb1d7;font-weight:bold;border-bottom:none}
.tab_txt ul li.on a		{color:#fff;}
.tab_txt ul li.none 	{background:none;border-bottom:none}

.tab_list				{padding:10px 15px;margin:0 0 10px 0;border:1px solid #79A72B;box-shadow:0px 2px 1px rgba(0,0,0,0.1);-moz-box-shadow:0px 2px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0px 2px 1px rgba(0,0,0,0.1);}
.tab_list ul			{display:table;width:100%;overflow:hidden;table-layout:fixed;}
.tab_list li			{float:left;}
.tab_list li a			{display:block;background:url('../img/tabarr_off.gif') no-repeat 0 48%;padding:0 0 0 10px;margin:0;}
.tab_list li.on a,
.tab_list li a:hover	{background:url('../img/tabarr_on.gif') no-repeat 0 48%;color:#79A72B;}
.tab_list ul.tab2 li	{width:46%;}
.tab_list ul.tab3 li	{width:30%;}
.tab_list ul.tab4 li	{width:22%;}
.tab_list ul.tab5 li	{width:18%;}


/* list */
ul.bu				{list-style:none;margin:0;padding:0;text-align:left;}
ul.bu li			{padding:0 0 0 10px;margin:0;background:url('../img/bul_dot.gif') no-repeat 0 0.7em;}
ul.bu ul li			{background:url('../img/bul_sarr.gif') no-repeat 0.2em 0.6em; }
ul.bu ul ul li		{background:url('../img/bul_bar.gif') no-repeat 0 0.95em; }
ul.bu li.none		{background:none;}

ul.txt_list				{padding:0;margin:5px 0;text-align:left;}
ul.txt_list li			{margin:0;padding-left:22px;}
ul.txt_list li span.tt	{display:block;float:left;width:22px;margin-left:-22px;_margin-right:-1px;color:#111;} 
ul.txt_list li li		{padding-left:30px;margin-left:-30px;background:url('../img/h6bg.gif') no-repeat 18px 0.7em;}
ul.txt_list li li li	{padding-left:12px;margin-left:2px;background:url('../img/bul_bar.gif') no-repeat 0 0.7em;}

ol						{padding:0;margin:5px 0;text-align:left;}
ol li					{margin:0;}
ol.num					{}
ol.num li				{margin:0;padding-left:18px;}
ol.num li span.no		{display:block;float:left;width:18px;margin-left:-16px;_margin-right:-1px;font-size:11px;color:#79A72B;}
ol.num ul li			{padding-left:2px;}
ol.num ul.bu li			{padding-left:12px;}

.dl_list		{border-bottom:1px solid #666;background:#f4f4f4}
.dl_list.w20 dt	{width:20%;}
.dl_list.w20 dd	{width:80%;}
.dl_list.w30 dt	{width:30%;}
.dl_list.w30 dd	{width:70%;}
.dl_list dl{clear:both;padding:0;margin:0;border-bottom:1px solid #ddd;}
.dl_list dl:first-child dt	{border-top:2px solid #79A72B;}
.dl_list dl:first-child dd	{border-top:2px solid #666;}
.dl_list dt{float:left;padding:10px 0;margin:0;display:inline;}
.dl_list dd{float:left;padding:10px 0;margin:0;background:#fff;border-top:1px solid #ddd;}
.dl_list dd	p,
.dl_list dd	ul	{margin-left:10px;}
.dl_list.type2 dl:first-child dt,
.dl_list.type2 dl:first-child dd	{border-top:1px solid #6D6E71;}

/* ¿ìÆí¹øÈ£ */
table.tg		{width:100%;margin:10px 0;border:1px solid #ccc;color:#666;font-size:11px;} 
table.tg tr		{line-height:20px;}
table.tg th		{border:1px solid #dfdfdf;background:#f7f7f7;font-weight:normal;text-align:center;}
table.tg td		{border:1px solid #dfdfdf;padding:2px 2px 1px 2px;}
table.tg caption { display: none; }

/* Æ˾÷ */
#popwrap			{padding:0;margin:0;background:#fff} 
#popwrap .poptit	{background:#555;padding:0;margin:0;} 
#popwrap .poptit h1	{padding:10px;margin:0;color:#fff;font-size:22px;font-weight:normal;} 
#pop_container		{padding:10px;margin:0;} 
.popbg				{background:#fff;}

/* btn */
a.btn_d			{-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
.btn_d			{display:inline-block; *display:inline; *zoom:1;background:#999;color:#fff !important;line-height:130%;padding:8px 16px;margin:1px;text-align: center;vertical-align: middle;}
input[type="submit"].btn_d,
input[type="button"].btn_d	{height:32px !important;padding:0 16px;border:none;cursor:pointer;}
.btn_d:hover,
.btn_d:focus				{background:#8c8c8c;text-decoration:none;}

.btn_d.btn_xsmall	{font-size:11px;padding:6px 8px;}
.btn_d.btn_small	{font-size:12px;padding:8px 14px;}
.btn_d.btn_large	{font-size:14px;padding:12px 20px;font-size:16px;}
.btn_d.btn_xlarge	{font-size:18px;padding:14px 20px;}

.btn_d.btn_r	{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.btn_d.btn_wh	{background:#ffffff;border:1px solid #ddd;color:#666 !important;}
.btn_d.btn_gray	{background:#efefef;border:1px solid #ddd;color:#666 !important;}
.btn_d.btn_dgray	{background:#5C707C ;border:1px solid #5C707C;}
.btn_d.btn_red	{background:#CC3333;}
.btn_d.btn_blue	{background:#3D7AB8;}
.btn_d.btn_green{background:#339966}
.btn_d.btn_c	{background:#162b4a} /* custom:ȨÆäÀÌÁö ¼º°Ý¿¡ ¸Â°Ô ¼öÁ¤Çؼ­ »ç¿ëÇÔ */

.btn_ico		{display:inline-block; *display:inline; *zoom:1;background:#fff;border:1px solid #ccc;color:#888 !important;line-height:100%;padding:8px 16px 0;height:22px;margin:1px;text-align: center;vertical-align: middle;}
.btn_ico.btn_r	{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;}
.btn_ico.btn_xsmall	{height:16px;font-size:11px;padding:6px 8px 0;}
.btn_ico.btn_small	{height:20px;font-size:12px;padding:8px 14px 0;}
.btn_ico.btn_large	{height:28px;font-size:14px;padding:12px 16px 0;}
.btn_ico.btn_xlarge	{height:34px;font-size:18px;padding:14px 20px 0;}

.btn_ico.ico_l	{padding-left:28px;background-position:6px 50%;background-repeat:no-repeat;}
.btn_ico.ico_r	{padding-right:28px;background-position:95% 50%;background-repeat:no-repeat;}
.ico_check		{background-image:url('img/ico_check.png');}
.ico_delete		{background-image:url('img/ico_delete.png');}
.ico_undo		{background-image:url('img/ico_undo.png');}
.ico_down		{background-image:url('img/ico_down.png');}
.ico_cog		{background-image:url('img/ico_cog.png');}
.ico_search		{background-image:url('img/ico_search.png');}

/* tag */
.tag_d			{display:inline-block; *display:inline; *zoom:1;background:#fff;border:1px solid #ccc;color:#888 !important;line-height:100%;padding:4px 6px 0;height:15px;font-size:11px;margin:1px;text-align: center;vertical-align: middle;}

.tag_d.tag_gray	{background:#efefef;}
.tag_d.tag_red	{color:#CC3333 !important;border-color:#CC3333}
.tag_d.tag_blue	{color:#3D7AB8 !important;border-color:#3D7AB8}
.tag_d.tag_green{color:#339966 !important;border-color:#339966}

/* Select Box */
.board_search span	{display:inline-block;padding:0;margin:0;vertical-align:middle;}
.comm_sel		 	{margin-right:2px;}
.comm_sel .jq_sel {display:block;position:relative;height:32px;background:url('../img/bg_selbox.gif') no-repeat 0 0;padding:0;margin:0;}
.comm_sel .jq_sel span {position:absolute;left:0;top:0;white-space:nowrap;height:32px;width:100%;_width:auto;line-height:32px;text-align:left;text-indent:8px;color:#9c9daf;overflow:hidden;cursor:pointer}
.comm_sel .jq_sel a.jqTransformSelectOpen {display:block;position:absolute;right:0px;width:28px;height:32px;background:url('../img/bg_selbox.gif') no-repeat 100% 0}
.comm_sel .jq_sel ul {overflow:auto;position:absolute;z-index:9999;top:31px;left:0px;max-height:300px;width:100%;list-style:none;background-color:#3d3d45;border-top:solid 1px #18181a;border-bottom:solid 1px #18181a;display:none;overflow:auto;overflow-y:auto;z-index:10;white-space:nowrap}
.comm_sel .jq_sel li {border-right:solid 1px #18181a;border-left:solid 1px #18181a}
.comm_sel .jq_sel ul a {display:block;padding:4px 2px 4px 8px;text-decoration:none;color:#9c9daf;text-align:left}
.comm_sel .jq_sel ul a:hover {background-color:#212227}
.comm_sel .jq_sel ul a.selected {}
.comm_sel .jq_sel_hide {display:none}

.comm_sel .jq_sel {height:32px;background-position:0 -100px;font-size:12px}
.comm_sel .jq_sel span {height:32px;line-height:32px;color:#555}
.comm_sel .jq_sel a.jqTransformSelectOpen {width:34px;height:32px;background-position:100% -100px}
.comm_sel .jq_sel ul {top:31px;border-color:#b9b9b9;background-color:#fff;}
.comm_sel .jq_sel li {border-color:#b9b9b9}
.comm_sel .jq_sel ul a {color:#666;padding:5px 2px 5px 8px;}
.comm_sel .jq_sel ul a:hover {background-color:#eee}

.sel_dim .jq_sel {z-index:9!important;background-image:url('../img/bg_selbox_dim.gif')}
.sel_dim .jq_sel a.jqTransformSelectOpen {background-image:url('../img/bg_selbox_dim.gif')}
.sel_dim .jq_sel div span {filter:alpha(opacity=50);Opacity:0.5}
.sel_dim .jq_sel ul {display:none!important}

/* grid */
.col_wrap		{clear:both;margin:0 -10px;} /* ºÐÇÒÇÏ´Â div:bx margin°ª ÀÖÀ»¶§ */
.col_wrap_flat	{clear:both;}
.col_wrap_flat:after,
.col_wrap:after{content:"";clear:both;float:none;display:block;}
.col_d2	{float:left;width:50%;}
.col_d3	{float:left;width:33.33333%;}
.col_d4	{float:left;width:25%;}
.col_d5	{float:left;width:20%;}
.col_d6	{float:left;width:66.66666%;}
.col_d2 .bx, .col_d3 .bx, .col_d4 .bx, .col_d5 .bx, .col_d6 .bx,
.col_w1 .bx, .col_w2 .bx, .col_w3 .bx, .col_w4 .bx, .col_w5 .bx, .col_w6 .bx, .col_w7 .bx, .col_w8 .bx, .col_w9 .bx{margin:10px;}
.col_w1 {float:left;width:10%;}
.col_w2 {float:left;width:20%;}
.col_w3 {float:left;width:30%;}
.col_w4 {float:left;width:40%;}
.col_w5 {float:left;width:50%;}
.col_w6 {float:left;width:60%;}
.col_w7 {float:left;width:70%;}
.col_w8 {float:left;width:80%;}
.col_w9 {float:left;width:90%;}
ul.d2 li	{float:left;width:50%;}
ul.d3 li	{float:left;width:33.3333%;}
ul.d4 li	{float:left;width:25%;}
ul.d5 li	{float:left;width:20%;}
ul.d6 li	{float:left;width:16.6666%;}
ul.d8 li	{float:left;width:12.5%;}
ul.d10 li	{float:left;width:10%;}
.clear	{display:block;float:none;clear:both;height:0;width:100%;font-size:0 !important;line-height:0 !important;height:0 !important;overflow:hidden; margin:0 !important; padding:0 !important;}
.clear:after,
.clearfix:after{content:"";clear:both;display:block;float:none;}