/* 공통 */
@charset "euc-kr";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css');
:root {
	--primary_color:#000f6a;
	--primary_black:#080808; --gray800:#202020;	--gray700:#373737;	--gray600:#5f5f5f;	--gray500:#8a8a8a;	--gray400:#b2b2b2;	--gray300:#d8d8d8;	--gray200:#eaeaea;	--gray100:#f4f4f4;
	--bgray900:#363849;	--bgray800:#474A62;	--bgray700:#525678;	--bgray600:#677196;	--bgray500:#7D86A9;	--bgray400:#959CB8;	--bgray300:#A9AEC6;	--bgray200:#CBCEE0;	--bgray100:#F6FAFF;
	--blue90:#0F3FB7; --blue80:#1146CB; --blue70:#1850DD; --blue60:#2B64F5; --blue50:#4073F4; --blue40:#6690FB; --blue30:#82A5ED; --blue20:#BED0F5; --blue10:#D6E2FB; --blue00:#E9F0FE;
	--yellow20:#EBA12F; --yellow10:#F6AE3F; --yellow00:#FDC061;
	--red20:#F44142; --red20:#FF5B5C; --red20:#FF6D6E;
	--green20:#1EBB82; --green20:#40C997; --green10:#6CD5AF;
	--logo_dark:#0e345f; --logo_light:#4f86c5;
}

@font-face			{font-family:'나눔고딕'; src:url('../Font/NanumGothic.eot')}; 
@font-face			{font-family:'나눔고딕'; src:url('../Font/NanumGothic.woff')}; 
@font-face			{font-family:'다음'; src:url('../Font/Daum_Regular.eot')}; 
@font-face			{font-family:'다음'; src:url('../Font/Daum_Regular.woff')};
@font-face			{font-family:'볼드다음'; src:url('../Font/Daum_SemiBold.eot')}; 
@font-face			{font-family:'볼드다음'; src:url('../Font/Daum_SemiBold.woff')};

*,html				{margin: 0 auto; padding: 0;	outline: none;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html, body			{margin: 0 auto; padding: 0;	overflow-x:hidden;	font-family: "나눔고딕", "Noto Sans KR" , AppleGothic, Roboto, sans-serif;}
div					{height:auto; box-sizing: border-box; word-wrap:break-word; word-break:keep-all;text-align:center;}
a					{ text-decoration:none;color:#000; }
a:hover				{ color:var(--basic_link_over); }
b, strong			{font-weight: 700;}
i, em				{font-style: normal;}
li					{box-sizing: border-box;}
li div				{margin-top:-1.3em;padding-left:20px;font-weight:normal;}
img					{vertical-align:bottom;max-width: 100%; height: auto; margin: auto;}
span				{font-size:1em;}
table				{border:0; margin: auto;}
th					{font-size:1em;font-weight:500;text-align:center;padding:0.3em;}
td					{font-size:1em;height:auto;padding:0.3em;}
input, iframe		{box-sizing: border-box; border:1px solid #aaaaaa;}

input, iframe		{box-sizing: border-box; border:1px solid #aaaaaa;}
input[type="text"], input[type="number"], input[type="date"], input[type="time"], input[type="password"], input[type="file"], input[type="tel"], select {border:1px solid #999;padding:0.5em;border-radius:0.3em;font-size:1.1em;vertical-align:bottom;}
textarea												{border:1px solid #999;font-size:1.1em;padding:0.5em;}
input[type="button"], input[type="submit"]				{border:0;cursor:pointer;color:#fff;}
input[type="button"]:hover, input[type="submit"]:hover	{background:#555;color:#fff;}
input[type="image"]	{border:0;}
input[type="file"] {font-size:1rem;}

.mo					{display:none;}
.hide_wide_pc		{display:none;}
.onlymo				{display:none;}
.onlyhport			{display:none;}

#pop_layer			{position:fixed;bottom:5px;right:5px;overflow:auto;z-index:150;-webkit-overflow-scrolling:touch;background:#ffffff;border-radius:1em;box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);}

@media (max-width:1580px) { 			
	.wide_pc			{ display:none; }
	.hide_wide_pc		{ display:inline; }
}
@media (max-width: 1125px) {
	.pc				{display:none;}
	.mo				{display:inline;}
}
@media (max-width: 775px) {
	.pc				{display:none;}
	.mo				{display:inline;}
	.onlymo			{display:inline;}
}
@media (max-width: 520px) {
	.hport			{display:none;}
	.onlynothport	{display:none;}
	.onlyhport		{display:inline;}
}

logo img			{height:1.2em;vertical-align:middle;margin:-0.2em 0.2em 0 0.2em;}
eng					{letter-spacing:1;}
c777				{color:#777;font-size:1em;}
c999				{color:#999;font-size:1em;}
cfff				{color:#fff;font-size:1em;}
c099				{color:#099;font-size:1em;}
cf70				{color:#f70;font-size:1em;}
cred				{color:red;}
cblue				{color:blue;}
cgreen				{color:green;}
helpico				{margin-left:0.5em;background:#fb0;color:#fff;border:1px solid #fb0;border-radius:50%;padding:0 0.45em 0 0.35em;font-size:0.8em;cursor:pointer;}
bb					{font-weight:500;}
b					{font-size:1em;}

.contents_wrap		{clear:both;padding:2em 1.58em;}

logoB					{color:#c2181e;}
logoC					{color:#b28f2f;}
logoN					{color:#0071b0;}

table.list_round th.l, table.list_round_notover th.l		{background:#eee;border-top-left-radius:5px;border-bottom-left-radius:5px;border:1px solid #aaaaaa;border-right:0;}
table.list_round th.m, table.list_round_notover th.m		{background:#eee;border:1px solid #aaaaaa;border-right:0;}
table.list_round th.m2, table.list_round_notover th.m2		{background:#eee;border:1px solid #aaaaaa;border-top:0;border-right:0;}
table.list_round th.r, table.list_round_notover th.r		{background:#eee;border-top-right-radius:5px;border-bottom-right-radius:5px;border:1px solid #aaaaaa;}
table.list_round tr:hover	{background:#e1ffff;cursor:pointer;}

table.list_round td, table.list_round_notover td			{border-bottom:1px solid #aaaaaa;border-right:0;text-align:center;padding:0.5em 0;}
table.list_round input, table.list_round select, table.list_round_notover input table.list_round_notover select		{border-radius:5px;}

table.list_line			{border-top:1px solid #ccc;font-size:0.9em;}
table.list_line	th		{border-bottom:1px solid #ccc;border-right:1px solid #ccc;background:#eee;line-height:1.2em;}
table.list_line	td		{border-bottom:1px solid #ccc;border-right:1px solid #ccc;text-align:center;padding:0.2em;line-height:1.2em;}

.l		{border-left:1px solid #ccc;}

table.list_line	input {padding:0.2em;}

table.box_line			{border-top:1px solid #aaaaaa;border-left:1px solid #aaaaaa;}
table.box_line th		{border-bottom:1px solid #aaaaaa;border-right:1px solid #aaaaaa;text-align:center;padding-right:15px;}
table.box_line th.ac	{text-align:center;}
table.box_line td		{border-bottom:1px solid #aaaaaa;border-right:1px solid #aaaaaa;color:gray;text-align:left;padding-left:10px;}
table.box_line td.ac	{text-align:center;}
table.box_line input, table.box_line select, table.box_line textarea	{border-radius:5px;}

tbody tr.linked_tr:hover td		{cursor:pointer;background:#eff;}
.linked_td:hover		{cursor:pointer;background:#fee;}

table.td_pad_high th	{padding:0.7em 0.3em;}
table.td_pad_high td	{padding:1em 0.3em;}

table.td_pad_little_high th	{padding:0.7em 0.3em;}
table.td_pad_little_high td	{padding:0.7em 0.3em;}

#list_box, #list_box_notover						{width:100%;margin:0 auto;}
#list_box table, #list_box_notover table			{border-collapse:collapse;border-top:1px solid #aaa;border-right:1px solid #aaa;}
#list_box table th, #list_box_notover table th		{background:#eee;border-left:1px solid #aaa;}
#list_box table td, #list_box_notover table td		{text-align:center;border-left:1px solid #aaa;cursor:pointer;}
#list_box tr, #list_box_notover tr			{border-bottom:1px solid #aaa;}
#list_box tr:hover		{background:#eef8ff;}

#list_box_notover table td {cursor:default;}

.notover_td {cursor:default;}
.notover_td:hover {background:#fff;}

#regi_box {padding:3em 1em;}
#regi_box input[type=text], #regi_box input[type=password]		{width:100%;font-size:medium;padding:3px;border-radius:3px;}
#regi_box input[type=radio]		{font-size:medium;}
#regi_box input[type=checkbox], #regi_box input[type=radio]		{width:1.1em;height:1.1em;}

#regi_box .tit		{clear:both;float:left;width:20%;text-align:right;padding:0 0 25px 0;font-family:"다음";color:#000;}
#regi_box .ent		{float:left;width:70%;text-align:left;padding:0 0 25px 20px;color:#999;}
#regi_box .sedate	{width:140px;font-size:medium;}
#regi_box textarea	{width:100%;height:100px;font-size:medium;padding:3px;border-radius:3px;border:1px solid #aaa;}
#regi_box select	{width:100%;font-size:medium;padding:3px;border-radius:3px;border:1px solid #aaa;}
#div_btn_delete		{float:right;width:30%;text-align:right;padding:20px; }
#regi_box .btn_regi { background:orange;color:#fff;padding:7px;border:0;border-radius:5px;cursor:pointer; }
#regi_box .btn_cancel { background:#aaa;color:#fff;padding:7px;border:0;border-radius:5px;cursor:pointer; }
#regi_box .btn_delete { background:#ccc;color:#fff;padding:7px;border:0;border-radius:5px;cursor:pointer; }
#regi_btns				{text-align:center;}

/* 커서 및 위치 */
.pt					{cursor:pointer;}
.nb					{border:0;}
.fix_top			{position:fixed;top:0;}
.fix_bottom			{position:fixed;bottom:0;}
.aleft				{text-align:left;}
.acenter			{text-align:center;}
.aright				{text-align:right;}

/* 디자인 */
.bline_black		{border-bottom:1px solid black;}
.bline_black2		{border-bottom:2px solid black;}
.bline_darkgray		{border-bottom:1px solid #333333;}
.bline_gray			{border-bottom:1px solid gray;}
.bline_lightgray			{border-bottom:1px solid #dcdcdc;}
.bline_white		{border-bottom:1px solid white;}

.tline_black		{border-top:1px solid black;}
.tline_black2		{border-top:2px solid black;}
.tline_darkgray		{border-top:1px solid #333333;}
.tline_gray			{border-top:1px solid gray;}
.tline_lightgray		{border-top:1px solid #dcdcdc;}
.tline_white		{border-top:1px solid white;}

.radius5			{border-radius:5px;}
.radius7			{border-radius:7px;}
.radius50			{border-radius:50%;}

.shadow_thin		{box-shadow:1px 1px 3px #cccccc;}

/* 폰트 사이즈 */
.bo				{font-weight:500;}
.fs_xxs			{font-size:xx-small;}
.fs_xs			{font-size:x-small;}
.fs_s			{font-size:small;}
.fs_m			{font-size:medium;}
.fs_l			{font-size:larger;}
.fs_xl			{font-size:x-large;}
.fs_xxl			{font-size:xx-large;}

/* 컬러 */
.clr_base			{color:#005693;}
.clr_black			{color:black;}
.clr_darkgray		{color:#333333;}
.clr_gray			{color:gray;}
.clr_lightgray		{color:#dcdcdc;}
.clr_white			{color:white;}
.clr_green			{color:#01850f;}
.clr_orange			{color:#ff6c00;}
.clr_red			{color:red;}
.clr_blue			{color:#4977df;}
.clr_navy			{color:navy;}

/* 배경색 & 글자색 */
.bg_base			{background:#005693;color:#ffffff;}
.bg_black			{background:black;color:#ffffff;}
.bg_darkgray		{background:#333333;color:#ffffff;}
.bg_gray			{background:gray;color:#ffffff;}
.bg_midgray			{background:#aaa;color:#ffffff;}
.bg_lightgray		{background:#dcdcdc;color:#000;}
.bg_white			{background:white;}
.bg_green			{background:#01850f;color:#ffffff;}
.bg_orange			{background:#ff9600;color:#ffffff;}
.bg_red				{background:red;color:#ffffff;}
.bg_blue			{background:#4977df;color:#ffffff;}
.bg_skyblue			{background:#d5efff;}
.bg_navy			{background:navy;color:#ffffff;}

/* 여백 */
.pad0				{padding:0;}
.pad1				{padding:1px;}
.pad2				{padding:2px;}
.pad3				{padding:3px;}
.pad4				{padding:4px;}
.pad5				{padding:5px;}

.pad1rem			{padding:1em;}
.pad2rem			{padding:2em;}
.pad3rem			{padding:3em;}
.pad4rem			{padding:4em;}
.pad5rem			{padding:5em;}

/* 폼 */
input[type="text"], input[type="image"], input[type="submit"] select {vertical-align:bottom; }
input[type="file"] {background:#fff;}
input[type="image"]	{border:0;}
input[type=time]	{width:7em;font-size:medium;padding:3px;border-radius:3px;background:#fff;}
select				{background:#fff;}
.frm_box			{border:1px solid #aaaaaa;}
.frm_line			{border:0;border-bottom:1px solid #aaaaaa;}
.frm_nb				{border:0;}
.frm_nb:hover		{background:#eef0ff;cursor:alias;}
.checkbox			{background:url('../Common/Images/checkbox_bg.png');}
.fileup label		{text-align:center;color:#fff;font-size: medium;padding:0 0.3em 0.3em 0.3em;vertical-align:top;background-color:#5cb85c;cursor:pointer;border:1px solid #4cae4c; border-radius: .25em; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; }
.fileup input[type="file"] {position: absolute; width: 1px; height: 1px; padding:0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

/* 버튼 */
.btn_small		{padding:0.3em 0.7em;background:#000;color:#ffffff;border:0;border-radius:5px;cursor:pointer;}
.btn_small_cancel		{padding:0.3em 0.7em;background:#aaa;color:#fff;border:0;border-radius:7px;cursor:pointer;}

.btn_midium		{font-size:medium;color:#ffffff;border:0;border-radius:7px;background:var(--basic_btn_bg);cursor:pointer;}
.btn_large		{font-size:larger;color:#ffffff;border:0;border-radius:10px;cursor:pointer;}
.btn_medium		{padding:0.2em 1em;font-size:1.3em;background:#000;color:#fff;border:0;border-radius:7px;cursor:pointer;vertical-align:middle;}
.btn_white		{background:#fff;color:#aaa;}
.btn_small:hover, .btn_medium:hover, .btn_medium_cancel:hover, .btn_large:hover .btn_white:hover {background:#000;}
.btn_medium_cancel		{padding:0.2em 1em;font-size:1.3em;background:#aaa;color:#fff;border:0;border-radius:7px;cursor:pointer;vertical-align:middle;}
.btn_medium_cancel:hover	{background:#ccc;}
.regi_btn_input			{background:var(--logo_dark);border-radius:5px;}
.gray_cercle	{margin-left:10px;background:#ccc;border:0;width:1.6em;height:1.6em;border-radius:1em;}
.red_cercle		{margin-left:10px;background:red;color:#fff;border:0;padding:0;width:1.6em;height:1.6em;border-radius:50%;}

.btn_gray_small		{padding:0.3em 0.7em;background:#999;color:#ffffff;border:0;border-radius:5px;cursor:pointer;}
.btn_gray_small:hover	{background:#000;}

.btn_orange			{padding:0.2em 1em;font-size:1.3em;background:orange;color:#000;border:0;border-radius:7px;cursor:pointer;vertical-align:middle;}
.btn_orange:hover	{background:#fe8320;}
.btn_purple			{padding:0.2em 1em;font-size:1.3em;background:#7d50f0;color:#fff;border:0;border-radius:7px;cursor:pointer;vertical-align:middle;}
.btn_purple:hover	{background:#6031d7;}
.btn_medium		{padding:0.2em 1em;font-size:1.3em;background:#000;color:#fff;border:0;border-radius:7px;cursor:pointer;vertical-align:middle;}
.btn_white		{background:#fff;color:#aaa;}
.btn_small:hover, .btn_medium:hover, .btn_medium_cancel:hover, .btn_large:hover .btn_white:hover {background:#000;}
.btn_medium_cancel		{padding:0.2em 1em;font-size:1.3em;background:#aaa;color:#fff;border:0;border-radius:7px;cursor:pointer;vertical-align:middle;}
.btn_medium_cancel:hover	{background:#ccc;}
.regi_btn_input			{background:var(--logo_dark);border-radius:5px;}
.gray_cercle	{margin-left:10px;background:#ccc;border:0;width:1.6em;height:1.6em;border-radius:1em;}
.red_cercle		{margin-left:10px;background:red;color:#fff;border:0;padding:0;width:1.6em;height:1.6em;border-radius:50%;}

.btn_gray_small		{padding:0.3em 0.7em;background:#999;color:#ffffff;border:0;border-radius:5px;cursor:pointer;}
.btn_gray_small:hover	{background:#000;}

.btn_orange			{padding:0.2em 1em;font-size:1.3em;background:orange;color:#000;border:0;border-radius:7px;cursor:pointer;vertical-align:middle;}
.btn_orange:hover	{background:#fe8320;}
.btn_purple			{padding:0.2em 1em;font-size:1.3em;background:#7d50f0;color:#fff;border:0;border-radius:7px;cursor:pointer;vertical-align:middle;}
.btn_purple:hover	{background:#6031d7;}


.btn_box25		{width:25px;height:25px;color:#ffffff;text-align:center;cursor:pointer;}
.btn_box30		{width:30px;height:30px;color:#ffffff;text-align:center;cursor:pointer;}

.btn_small:hover, .btn_midium:hover, .btn_large:hover, .btn_box30:hover {background:#ff6c00;}
.btn_form		{background:#fff;border:1px solid #aaa;font-size:0.8em;padding:0 0.5em;border-radius:3px;cursor:pointer;}
.btn_form:hover {background:var(--btn_basic_over);cursor:pointer;color:#fff;}
.btn_x			{border:1px solid #aaa;background:#eee;cursor:pointer;width:1.2em;height:1.2em;font-size:0.3em;border-radius:50%;}
.btn_plus		{border:1px solid #aaa;background:#fff;cursor:pointer;width:1.2em;height:1.2em;font-size:1em;border-radius:3px;padding:0;}
.btn_plus:hover {background:var(--btn_basic_over);color:#fff;}

.btn_line		{font-size:0.8em;background:#fff;border:1px solid #aaa;color:#777;padding:3px 15px;border-radius:5px;}
.btn_line:hover, .btn_control:hover {background:var(--btn_basic_over);cursor:pointer;color:#fff;}

.manage_btn		{font-size:0.8em;background:#fff;border:1px solid #aaa;color:#777;padding:3px 10px;border-radius:5px;}
.manage_btn:hover {background:#009999;cursor:pointer;color:#fff;}

.btn_099		{font-size:small;color:#ffffff;background:#099;border:0;border-radius:5px;cursor:pointer;padding:0.2em 0.7em;}
.btn_099:hover	{background:#f70;}

.btn_f70		{font-size:1em;color:#ffffff;background:#f70;border:0;border-radius:5px;cursor:pointer;padding:0.4em 0.7em;}
.btn_f70:hover	{background:#099;}

.btn_fff		{font-size:small;color:#777;background:#fff;border:1px solid #777;border-radius:5px;cursor:pointer;padding:0.2em 0.7em;}
.btn_fff:hover	{background:#f70;color:#fff;border:1px solid #f70;}

.invite_btn			{font-size:0.8em;background:#fff;color:#777;border:1px solid #aaa;padding:3px 15px;border-radius:5px;}
.invite_btn:hover	{background:#099;cursor:pointer;color:#fff;}

.virtical_open_close_btn	{border:1px solid #aaa;border-top:0;border-bottom-left-radius:0.5em;border-bottom-right-radius:0.5em;font-size:0.8em;padding:0.3em 1em;cursor:pointer;}
.virtical_open_close_btn:hover {border:2px solid #aaa;border-top:0;}

.left_open_close_btn	{position:fixed;left:0;width:2em;border:1px solid #aaa;background:#fff;border-left:0;border-top-right-radius:0.5em;border-bottom-right-radius:0.5em;font-size:0.8em;padding:1.5em 0.5em;cursor:pointer;}
.left_open_close_btn:hover {border:2px solid #aaa;border-left:0;}

.right_open_close_btn	{position:fixed;right:0;width:2em;border:1px solid #aaa;background:#fff;border-right:0;border-top-left-radius:0.5em;border-bottom-left-radius:0.5em;font-size:0.8em;padding:1.5em 0.5em;cursor:pointer;}
.right_open_close_btn:hover {border:2px solid #aaa;border-right:0;}

.gray_vbar			{color:#999;padding:0 0.5em;}


/* 펼침메뉴 */
#screen					{width:100%;height:100%;position:fixed;top:0;left:0;background:url('/app/Images/base_bg.png') repeat;z-index:111;}
#mo_left_menu			{ display:none; }
#mo_left_menu					{width:65%;height:100%;position:fixed;top:0;left:-700px;background:#ffffff;z-index:112;}
#mo_left_menu .menu_myname		{color:#ffffff;text-align:left;width:80%;float:left;font-size:larger;padding:3% 7%;}
#mo_left_menu .menu_myset_btn	{width:20%;float:left;padding-top:3%;}
#mo_left_menu .snsbtn			{width:18%;padding:3%;}
#mo_left_menu .btn_menuhide		{width:30px;position:absolute;top:3%;right:1em;}
#mo_left_menu .footmenu			{padding:0;position:absolute;bottom:0px;width:99%;}
#mo_left_menu .mypoint			{text-align:center;border-bottom:1px solid #e4e4e4;font-size:larger;padding:3%;}

/* TabMenu */
.sub_tab_menu_box	{border-bottom:2px solid #099;padding:0.45em 0;}
.sub_tab_menu_sel   {border:2px solid #099;border-bottom:0;border-top-left-radius:0.5em;border-top-right-radius:0.5em;font-size:1.1em;text-align:center;background:#fff;color:#099;padding:0.54em 1.5em;}
.sub_tab_menu		{border:1px solid #aaa;border-bottom:0;border-top-left-radius:0.5em;border-top-right-radius:0.5em;text-align:center;background:#eee;cursor:pointer;padding:0.4em 1.5em;}
.sub_tab_menu:hover {background:#fff;}
.sub_tab_menu_plus	{float:right;cursor:pointer;}
.sub_tab_menu_plus:hover {color:#099;}

/* 팝업창 콘텐츠 등록 */
.pop_regi_box			{padding:40px 0 20px 0;text-align:center;}
.pop_regi_box .tit		{float:left;width:25%;font-weight:500;text-align:right;padding:0 7px 25px 7px;}
.pop_regi_box .ent		{float:left;width:60%;text-align:left;padding:0 7px 25px 7px;}
.pop_regi_box textarea	{width:100%;height:100px;font-size:medium;padding:3px;border-radius:3px;border:1px solid #aaa;}
.pop_regi_box select	{width:100%;font-size:medium;padding:3px;border-radius:3px;border:1px solid #aaa;}
.pop_regi_box input		{width:100%;font-size:medium;padding:3px;border-radius:3px;}
.pop_regi_box input		[type=radio]		{font-size:medium;}
.pop_btns				{text-align:center;}
.pop_btns .btn_regi		{ background:orange;color:#fff;padding:7px;border:0;border-radius:5px;cursor:pointer; }
.pop_btns .btn_regi:hover {background:#099;}
.pop_btns .btn_cancel	{ background:#aaa;color:#fff;padding:7px;border:0;border-radius:5px;cursor:pointer; }
.pop_btns .btn_cancel:hover {background:#999;}
.pop_btns .btn_delete	{ background:#ccc;color:#fff;padding:7px;border:0;border-radius:5px;cursor:pointer; }

/* 게시판 출력 */
.brd_subject_box		{border:1px solid #aaa;background:#eee;padding:1em 1em 0.5em 1em;cursor:pointer;}
	.brd_subject		{width:60%;float:left;}
	.brd_date			{width:40%;float:left;text-align:right;font-size:0.8em;color:#999;}
.brd_contents_box		{border:1px solid #aaa;padding:0 1em;border-top:0;}
	.brd_upfile			{padding-top:0.5em;text-align:right;font-size:0.9em;color:#999;}
	.brd_linkurl		{padding-top:0.5em;text-align:right;font-size:0.9em;color:#999;}
	.brd_contents		{padding:1em 0;font-size:1em;}

/* 기타 */
.float_50				{width:50%;float:left;}
#layer_pop_tit_line		{width:100%;height:42px;padding:5px 0 5px 15px;background:black;cursor:move;}	
#layer_pop_tit			{width:80%;color:#ffffff;float:left;font-size:18px;text-align:left;padding:2px 0 0 7px;}
#layer_pop_close		{width:20%;color:#ffffff;float:left;font-size:18px;text-align:right;}
#layer_pop_close_btn	{width:32px;height:32px;font-size:18px;border:0;color:#ffffff;background:black;cursor:pointer;}

#layer_pop_msg_box		{padding:3em 3em 0 3em;font-size:1em;line-height:1.7em;}
#layer_pop_btn_box		{clear:both;padding:2em 0 2em 0;}

.layer_pop_h2			{font-size:1.3em;}
.layer_pop_msg			{font-size:1em;line-height:1.5em;color:#777;}
.pop_tit				{clear:both;width:30%;float:left;text-align:right;padding-top:1em;font-size:1.2em;font-weight:500;}
.pop_ent				{width:70%;float:left;text-align:left;padding:1em 0 0 1.5em;font-size:1.2em;}
.pop_btn_box			{clear:both;padding-top:1.5em;}
.pop_btn_box span		{margin-left:7pt;font-size:12pt;font-weight:600;border-radius:1.5em;padding:0.6em 1.5em;color:#fff;cursor:pointer;}

/* 

#alert_pop_text			{padding:2em 0 0 0;text-align:center;line-height:1.7em;}
#alert_pop_btn			{padding:2em 0 0 0;text-align:center;}
#alert_pop_btn .btn_ok	{ background:orange;color:#fff;padding:7px 15px;border:0;border-radius:5px;cursor:pointer; }
#alert_pop_btn .btn_no  { background:#aaa;color:#fff;padding:7px 15px;border:0;border-radius:5px;cursor:pointer; }

.link_text			{cursor:pointer;color:var(--basic_link_text);}
.link_text:hover	{color:var(--basic_link_over);}
.upfile_img_size	{text-align:right;font-size:0.8em;font-weight:normal;color:#999;letter-spacing:0;}
.info_bottom_line	{clear:both;border-top:1px solid #aaa;}

#SiteCopy		{ font-size:0.8em;color:#999;letter-spacing:0px; }
#SiteLink		{ padding-top:1.5em;letter-spacing:0px; }
#SiteLink2		{ text-align:center;letter-spacing:0; }
#SiteLink a,#SiteLink2 a				{ color:#777; }
#SiteLink a:hover, #SiteLink2 a:hover { color:var(--btn_basic_over); }


#tost_layer {position:fixed;bottom:30px;z-index:30000;width:100%;padding:0 1rem;margin:0 auto;display:none;}

#loading			{
							 width: 100%;  
							 height: 800px;  
							 top: 0px;
							 left: 0px;
							 position: fixed;  
							 opacity: 0.5;  
							 background-color: #fff;  
							 z-index: 199;
							 padding-top:150px;
							 text-align: center; 
							 font-size:medium;
						} 
#popblind				{
							 width: 100%;  
							 height: 800px;  
							 top: 0px;
							 left: 0px;
							 position: fixed;  
							 opacity: 0.5;  
							 background-color: #fff;  
							 z-index: 199;
						}
#pop_layer				{ display:none;position:fixed;overflow:auto;z-index:150;background:#fff;border-radius:15px;
							-webkit-overflow-scrolling:touch;-webkit-box-shadow: 3px 3px 5px #7C7C7C; box-shadow: 3px 3px 5px #7C7C7C;z-index:20000; }
#pop_layer::-webkit-scrollbar { width:0; }


#pop_message			{ display:none;position:fixed;bottom:3em;right:3em;z-index:50;background:#6cd3d3;border-radius:15px;padding:2em;opacity:0.7;color:#000;
							-webkit-overflow-scrolling:touch;-webkit-box-shadow: 3px 3px 5px #7C7C7C; box-shadow: 3px 3px 5px #7C7C7C; }

[data-tooltip-text]:hover {
	position: relative;
}

[data-tooltip-text]:after {
	-webkit-transition: bottom .3s ease-in-out, opacity .3s ease-in-out;
	-moz-transition: bottom .3s ease-in-out, opacity .3s ease-in-out;
	transition: bottom .3s ease-in-out, opacity .3s ease-in-out;

	background-color: rgba(0, 0, 0, 0.8);

	-webkit-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	-moz-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	color: #FFFFFF;
	font-size: 12px;
	margin-bottom: 10px;
	padding: 7px 12px;
	position: absolute;
	width: 80px;
	min-width: 50px;
	max-width: 300px;
	word-wrap: break-word;
	text-align:center;
	z-index: 9999;

	opacity: 0;
	left: -9999px;
	top: 90%;
	
	content: attr(data-tooltip-text);
}

[data-tooltip-text]:hover:after {
	top: 130%;
	left: -30px;
	opacity: 0.8;
}