@charset "utf-8";
/**
 * lib.css
 * WebStyleGuide? | Contents Styles Library | Form and Button | Add Share Contents ..
 * 20210730 | @m | 최초작성
 * 20211118 | @m | 요구반영. 결함개선. 고도화.
 * 20211122 | @m |
 * 20211123 | @m | .infomenu1.flex 추가
 ((중략))
 * 20211222 | @m |
 * 20220207~20220218 | @m | 커스트마이징, .ttpdlr-trim 추가
 ((중략))
 * 20221104 | @m | 폼 스타일 커스텀....
 * 20221111 | @m | .fscroll1-xy 추가
 * 20221118 | @m | select:not([x])
 * 20221202 | @m | .selectmenu1
 ((중략))
 * 20230125 | @m | .pagination, Table Property
 * 20230131 | @m | Form and Button, .pagination
 * 20230201 | @m | Form and Button, .fscroll1-xy, table.tx, placeholder
 * 20230208 | @m | Table Property
 * 20230209 | @m | .button, Input
 * 20230213 | @m | .hb1
 * 20230215 | @m | .tooltip1
 * 20230216 | @m | .button, ..
 * 20230217 | @m | Anchor, input[type='file']
 * 20230222 | @m | .form-t1
 * 20230228 | @m | .ttbtnmg0, .ui-datepicker-trigger, Form and Button
 * 20230302 | @m | .readonly, Form and Button
 * 20230303 | @m | select, input.wrong
 * 20230307 | @m | select.small
 * 20230310 | @m | select
 * 20230315 | @m | input[type='file']
 * 20230410 | @m | Table Property 에 .form-t1 추가
 * 20230418 | @m | select option background-color, child margin, .form-t2, .form-t3
 * 20230420 | @m | .ui-datepicker, ui-monthpicker
 * 20230421 | @m | .button
 * 20230425 | @m | .form-t1, .form-t2, .form-t3, Form and Button
 * 20231011 | @m | .button:hover, .button:focus | ..
 * 20231201 | @m | 
 * 20231208 | @m | 
 * 20231213 | @m | 
 * 20231220 | @m | 
 * 20240109 | @m | 
 * 20240111 | @m | --shadow2-in-dark1
 * 20240308 | @m | [class*='panel']
 * 20240320 | @m | 추가 .ui-monthpicker
 * 20240321 | @m | 수정 child margin
 * 20240325 | @m | 수정 .ui-monthpicker, Table Property
 * 20240404 | @m | .readonly .placeholder .button
 * 20240411 | @m | [href]:not(.button):hover
 * 20240412 | @m | 삭제 .selectmenu1 )) lib2.css
 * 20240412 | @m | Anchor, Table
 * 20240524 | @m | .fscroll1-xy
 * 20240620 | @m | .ttpdlr-trim-small-only 
 * 20240718 | @m | 관리자 최신 lib.css 참조 갱신
 * (( 리뉴얼 ))
 * 20241129 | @m | 
 * 20241203 | @m | Form and Button
 * 20241205 | @m | disabled
 * 20241210 | @m | Button
 */

/*! CSS Library | (c) 20150522~20220211. ~20221028 | by @m
 * 선택자 충돌 주의! 용도1줄기1 형태 네이밍 (.bu1ic1) 권장
 */

/** Compatible! [IE9+] 20190112~ )) [IE11+] 20211130~ */

/** Table of contents ))
 | Base Adjust
 | TYPOGRAPHY
 | Paragraph
 | Anchor
 | Other styled text tags.. Emphasis
 | List
 | Table
 | Table Property
 | Box with scroll
 | Panel
 | Line
 | Harmony
 | Helper classes
 | Active classes
 | Sectioning
 | Form
 | Button size, shape, colors, disabled, transition
 | button-group, menu-group
 | BBS(Board) Share
 | Embed (video, audio wrapper)
 | Grid ))) base.css
 | RWD ))) base.css

 || Add Share Contents Style
	.bg- .bgc- .text-
  .m-alert1
	~20201119~
  .ui-datepicker, ui-monthpicker
  .a-view-larger
  .fb1control1
 */


/* All Device ◆◆◆◆◆◆◆◆◆◆ */


/* ◇◆ Base Adjust ◇◆◇◆◇◆◇◆◇◆ */


/* base.css )) Overwrite 20241203 ◆◆◆ */


/* Form and Button */
.form-t1,
.form-t2,
.form-t3,
.button,
a.button,
button:not([type]),
button[type],
input.button,
input[type='button'],input[type='submit'],input[type='reset'],input[type='image'],
input[type='text'],input[type='password'],
input[type='file'],
input[type='email'],input[type='number'],input[type='search'],input[type='tel'],input[type='url'],
textarea:not([x]),
select:not([x]){
	height:3rem;
	margin-top:.375rem;
	margin-bottom:.375rem;
	padding-top:.3125rem;
	padding-bottom:.3125rem;
	border-radius:var(--radius1);
	/* font-size:.875rem; */
	font-size:1em;
}


/* Label */
label[class*='label']{
	height:auto;
	min-height:0;
	margin:0;
	padding:0;
}
.form-t1{ /* 버튼 입력상자 높이 */
	height:auto;
	min-height:2.5rem;
	padding:.5rem 0;
}
.form-t2{ /* 라디오 체크박스 높이 */
	height:auto;
	min-height:2.5rem;
	margin-top:.25rem;
	margin-bottom:.25rem;
}
.form-t3{ /* 높이줄임 */
	height:auto;
	min-height:0;
	padding:0;
}


/* Input */
input[type='text'],input[type='password'],
input[type='file'],
input[type='email'],input[type='number'],input[type='search'],input[type='tel'],input[type='url'],
textarea:not([x]),
select:not([x]){
	padding-left:1em;
	padding-right:1em;
	border:1px solid var(--color11);
	border-radius:var(--radius1);
	background-color:#fff;
}
input::placeholder,
textarea::placeholder{
	/* padding:0 .625em; */
	color:#949494;
	/* color:var(--color6); */
	/* font-size:.875rem; */
}
input[type='file']{
	padding-top:calc(.5rem * 2 - .25rem); /* (화면확인) */
	padding-bottom:0;
	font-size:.75rem;
}
input[type='file']::file-selector-button{}
textarea:not([rows]){
	height:4.25rem;
	padding-top:.625em;
	padding-bottom:.625em;
}
textarea[rows]{
	height:auto;
	padding-top:.625em;
	padding-bottom:.625em;
}
textarea[rows='1']{
	height:2.5rem;
	line-height:1.57143; /* (22/14) */
}
select:not([x]){
	padding-top:0;
	padding-bottom:0;
	padding-right:calc(.125em + 20px + .125em);
}
select:not([x]) option{
	padding-left:1em;
	padding-right:1em;
	background-color:#fff;
	color:inherit;
}
select:not([x]) optgroup{
	color:#888;
	font-weight:300;
	font-size:.875em;
}
select:not([x]) optgroup option{
	color:#555;
	font-size:1rem;
}
select[multiple]{
	height:auto;
	padding:.5em;
	vertical-align:top;
}
select[multiple] option{
	padding:.25em .5em;
	border-radius:calc(.625rem - 1px);
}
select[multiple] option:checked{
	background:var(--color1);
	color:#fff;
}
/* 20230418 */
input[type='radio'],input[type='checkbox']{
	/* margin:1em .1875em 1em .25em; */
}


/* readonly 20240404 */
[readonly][readonly][readonly],
[disabled][readonly],
.readonly[class][class]{
	/* border-color:transparent; */
	background:#f3f7f9;
	outline:0;
}
.readonly[class][class] option{
	background:#f8fcfa; /* #f8fafc */
}

/* [JS] placeholder 20240404 */
select.placeholder{
	color:#949494;
}
select option{
	color:inherit;
}

/* ☆.wrong 20230303 */
input.wrong,
select.wrong,
textarea.wrong{
	border:1px solid var(--color2);
}

/*  */
input.select1{
	padding-right:calc(24px + 1em);
	background:url(../../img/lib/ic48a2c1down1.png) no-repeat 100% 50% / 24px;
	background-position:calc(100% - 1em) 50%;
}

/* 숫자입력박스 제어버튼 감춤 (비표준) */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button{
	-webkit-appearance: none;
	margin: 0;
}


/* Contents Styles Library 20211122~ ◇◆◇◆◇◆◇◆◇◆ */


/* TYPOGRAPHY */


/* Heading */


/* 제목꾸밈제거 */
[class][class].hb0{padding:0;border:0;background:transparent;}


/* (불릿있는)기본제목 20240718 */
.hb1{display:block;
	position:relative;
	margin:1.5em 0 1em;
	padding:0;
	background:url() no-repeat 0 50%;
	color:#222;
	font-weight:600;
	line-height:1.375;
	/* letter-spacing:0; */
}
.hb1.h1{
	padding:calc(4px + .125em) 0 0;
	background:url(../../img/lib/h1bg.png) no-repeat 0 0 / .9375em;
	font-size:1.875em; /* (30/16) */
}
.hb1.h2{
	/* padding:calc(4px + .25em) 0 0; */
	/* background:url(../../img/lib/h2bg.png) no-repeat 0 0 / .9375em; */
	font-size:1.625em; /* (26/16) */
}
.hb1.h3{
	padding-left:calc(1.125rem + .375em);
	background:url(../../img/lib/h3bg.png) no-repeat 0 .25rem / 1.125rem;
	font-size:1.3125em; /* ((22/16) */
}
.hb1.h4{
	padding-left:calc(.9375rem + .375em);
	background:url(../../img/lib/h4bg.png) no-repeat 0 .1875em / .9375rem;
	/* color:#480; */
	font-size:1.1875em; /* ((20/16) */
}
.hb1.h5{
	padding-left:calc(5px + .5em);
	background:url(../../img/lib/h5bg.png) no-repeat 0 .25em;
	/* color:#278; */
	font-size:1.125em; /* (18/16) */
}
.hb1.h6{
	padding-left:calc(4px + .5em);
	background:url(../../img/lib/h6bg.png) no-repeat 0 .3125em;
	color:#333;
	font-size:1em; /* (16/16) */
}
/* ◇◆ */
@media all and (max-width:767px){ /* 20200119 */
	.hb1.h3{background-position:0 .125em;}
	.hb1.h4{background-position:0 .25em;}
	.hb1.h5{background-position:0 .1875em;}
	.hb1.h6{background-position:0 .25em;}
}


/* 불릿없는제목 (font-size = .hb1) */
.hb2{display:block;
	margin:.75em 0;
	padding:0;
	border:0;
	background:transparent;
	color:#222;
	font-weight:600;
	line-height:1.375;
	letter-spacing:-.0625em; /* 1/16 */
}
/* ( (40 26 22 20 18 16)/16 ) */
.hb2.h1{font-size:2.5em;}
.hb2.h2{font-size:1.625em;}
.hb2.h3{font-size:1.375em;}
.hb2.h4{font-size:1.25em;}
.hb2.h5{font-size:1.125em;}
.hb2.h6{font-size:1em;}


/* 추가디자인제목 (font-size ≠ .hb1) */
.hb3{display:block;}
.hb3.h2{
	margin:1.5em 0 1em;
	padding:0 0 0 30px;
	background:url(../../img/lib/h2bg3.png) no-repeat 0 .1875em;
	color:#333;
	font-size:1.625em; /* =26/16 */
}
.hb3.h3{
	margin:1.5em 0 1em;
	padding:.5em 0 0 0;
	background:url(../../img/lib/h3bg3.png) no-repeat 0 0;
	color:#333;
	font-size:1.375em; /* =22/16 */
}


/* Anchor 20240412 */
:link,
:visited{
	color:unset; /* #039; */
}
[href]:not(.button):hover,
[href]:not(.button):focus{color:#06c;}


/* Other styled text tags (Emphasis (≥ Contrast 3:1) 배경#eee) 20221028 */
em,
.em{color:#e04;} /* 강조색 기본 #e04 #d34 */
.em1{color:#e00;} /* 빨 red */
.em1-2{color:#e55;} /* 다홍 red */
.em2{color:#e50;} /* 주 orange */
.em3{color:#a70;} /* 노 yellow */
.em3-4{color:#690;} /* 연두 light green */
.em4{color:#080;} /* 초 green */
.em4-5{color:#078;} /* 청록 cyan (green blue) */
.em5{color:#05b;} /* 파 blue */
.em5-6{color:#04a;} /* 암청 cobalt blue */
.em6{color:#009;} /* 남 navy */
.em7{color:#85e;} /* 보 violet */
.em8{color:#c2c;} /* 심홍 magenta (blue red) */
.em9{color:#d06;} /* 분홍 pink */
.em0{color:#000;} /* 흑 black */


/* Paragraph 20211007 */
p.bu{
	position:relative;
	padding:0 0 0 1.25em;
	background:url(../../img/lib/li1bg.png) no-repeat 0 .125em;
}


/* List 20231011 */

ul.b0,
ol.b0,
dl.b0{list-style:none;margin-left:0;padding-left:0;text-align:left;}
ul.b0>li,
ol.b0>li,
dl.b0>dt,
dl.b0>dd{margin:.375em 0;padding:0;}


/* List Property 20181012 */
.ttmg0[class]>li,
.ttmg0[class]>dt,
.ttmg0[class]>dd{margin:0;}


/* 정의(ex)용어.. 위 우선순위 12점 보다 큰 선택자 사용 */
.dfn[class]>li{
	margin:1em 0;
}
.dfn[class]>dt{margin-top:1em;}
.dfn[class]>dd{margin-bottom:1em;}


/* 일반목록 */
ul.bu{list-style:none;margin-left:0;padding:0;text-align:left;}
ul.bu ul{list-style:none;margin:.5em 0;padding:0;}
ul.bu li{
	margin:.375em 0;
	padding:0 0 0 1.25em;
}
ul.bu li,
ul.bu.bu1 li{background:url(../../img/lib/li1bg.png) no-repeat 0 .25em;}
ul.bu li ul>li,
ul.bu.bu2 li{background:url(../../img/lib/li2bg.png) no-repeat 0 .375em;}
ul.bu li li ul>li,
ul.bu.bu3 li{background:url(../../img/lib/li3bg.png) no-repeat 0 .375em;}
ul.bu li li li ul>li,
ul.bu.bu4 li{background:url(../../img/lib/li4bg.png) no-repeat 0 .375em;}
ul.bu li li li li ul>li,
ul.bu.bu5 li{background:url(../../img/lib/li5bg.png) no-repeat 0 .375em;}
/* 20231011 */
ul.bu.lhD li,
.lhD ul.bu li{background-position:0 .125em;}
.fsxd.lhD ul.bu li{background-position:0 .0625em;}


/* 순번목록 */
ol[class*='bo']{
	list-style:decimal-leading-zero;
	/* margin:0; ☆ 20190222 */
	padding:0 0 0 1.8em;
	text-align:left;
}
ol[class*='bo']>li{
	margin:.375em 0;
	padding:0;
	background:transparent;
}
ol.bo0{
	/* padding:0; */
}
ol.bo1{list-style:none;
	padding-left:1.8em;
}
ol.bo1>li:before{display:inline-block;
	box-sizing:border-box; /* ☆ */
	width:1.429em; /* =20/14 */
	height:1.429em;
	min-width:20px;
	min-height:20px;
	margin:-2px .628em 0 -2.057em; /* (2.057-1.429) (1.8/.875) */
	padding:3px 0; /* ((20-14)/2) */
	border-radius:9999px;
	background:#08b;
	color:#fff;
	font-weight:400;
	font-size:.875em; /* =14/16 */
	line-height:14px; /* 폰트14px이하 최적 */
	text-align:center;
	vertical-align:middle;
}
ol.bo1 ol.bo1>li:before{
	width:1.286em; /* =18/14 */
	height:1.286em;
	min-width:18px;
	min-height:18px;
	padding:2px 0; /* ((18-14)/2) */
	background:#789;
}
ol.bo1>li:nth-child(1):before{content:'1'}
ol.bo1>li:nth-child(2):before{content:'2'}
ol.bo1>li:nth-child(3):before{content:'3'}
ol.bo1>li:nth-child(4):before{content:'4'}
ol.bo1>li:nth-child(5):before{content:'5'}
ol.bo1>li:nth-child(6):before{content:'6'}
ol.bo1>li:nth-child(7):before{content:'7'}
ol.bo1>li:nth-child(8):before{content:'8'}
ol.bo1>li:nth-child(9):before{content:'9'}
ol.bo1>li:nth-child(10):before{content:'10'}
ol.bo1>li:nth-child(11):before{content:'11'}
ol.bo1>li:nth-child(12):before{content:'12'}
ol.bo1>li:nth-child(13):before{content:'13'}
ol.bo1>li:nth-child(14):before{content:'14'}
ol.bo1>li:nth-child(15):before{content:'15'}
ol.bo1>li:nth-child(16):before{content:'16'}
ol.bo1>li:nth-child(17):before{content:'17'}
ol.bo1>li:nth-child(18):before{content:'18'}
ol.bo1>li:nth-child(19):before{content:'19'}
ol.bo1>li:nth-child(20):before{content:'20'}
ol.bo1>li:nth-child(21):before{content:'21'}
ol.bo1>li:nth-child(22):before{content:'22'}
ol.bo1>li:nth-child(23):before{content:'23'}
ol.bo1>li:nth-child(24):before{content:'24'}
ol.bo1>li:nth-child(25):before{content:'25'}
ol.bo1>li:nth-child(26):before{content:'26'}
ol.bo1>li:nth-child(27):before{content:'27'}
ol.bo1>li:nth-child(28):before{content:'28'}
ol.bo1>li:nth-child(29):before{content:'29'}
ol.bo1>li:nth-child(30):before{content:'30'}
ol.bo1>li:nth-child(31):before{content:'31'}
ol.bo1>li:nth-child(32):before{content:'32'}
ol.bo1>li:nth-child(33):before{content:'33'}
ol.bo1>li:nth-child(34):before{content:'34'}
ol.bo1>li:nth-child(35):before{content:'35'}
ol.bo1>li:nth-child(36):before{content:'36'}
ol.bo1>li:nth-child(37):before{content:'37'}
ol.bo1>li:nth-child(38):before{content:'38'}
ol.bo1>li:nth-child(39):before{content:'39'}
ol.bo1>li:nth-child(40):before{content:'40'}


/* 정의목록 */
dl.bu{text-align:left;}
dl.bu dl{}
dl.bu dt{
	margin:0;
	padding:0 0 0 1.25em;
	background:url(../../img/lib/li1bg.png) no-repeat 0 .125em;
	font-weight:600;
}
dl.bu dd{
	margin:.375em 0;
	padding:0 0 0 1.25em;
}
dl.bu dl dt{background:url(../../img/lib/li2bg.png) no-repeat 0 .125em;}
dl.bu dl dl dt{background:url(../../img/lib/li3bg.png) no-repeat 0 .125em;}
dl.bu dl dl dl dt{background:url(../../img/lib/li4bg.png) no-repeat 0 .125em;}


/* 정의목록.불릿.인라인 20200117 */
dl[class*='fixed']{}
dl[class*='fixed']:before,
dl[class*='fixed']:after{content:'';display:table;clear:both;}
dl.fixed1auto1{
	padding:1em 0;
	border-top:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
	text-align:left;
}
dl.fixed1auto1>dt{
	clear:both;
	float:left;
	width:auto;
	min-width:6em;
	margin:0;
	padding:0 1.25em 0 1.25em; /* () () () (dl.bu 동일) */
	font-weight:400;
}
dl.fixed1auto1>dd{
	margin:0 0 .5em;
	padding:0;
	overflow:hidden;
}
/* 옵션 dt min-width */
dl[class*='fixed'].dtw1em[class]>dt{min-width:1em;}
dl[class*='fixed'].dtw2em[class]>dt{min-width:2em;}
dl[class*='fixed'].dtw3em[class]>dt{min-width:3em;}
dl[class*='fixed'].dtw4em[class]>dt{min-width:4em;}
dl[class*='fixed'].dtw5em[class]>dt{min-width:5em;}
dl[class*='fixed'].dtw6em[class]>dt{min-width:6em;}
dl[class*='fixed'].dtw7em[class]>dt{min-width:7em;}
dl[class*='fixed'].dtw8em[class]>dt{min-width:8em;}
dl[class*='fixed'].dtw9em[class]>dt{min-width:9em;}
dl[class*='fixed'].dtw10em[class]>dt{min-width:10em;}
dl[class*='fixed'].dtw11em[class]>dt{min-width:11em;}
dl[class*='fixed'].dtw12em[class]>dt{min-width:12em;}


/* 불릿아이콘목록 20230215 */
.bi1{
	list-style:none;margin-left:0;padding:0;
	position:relative;
	text-align:left;
}
.bi1 .li1{
	display:block;
	position:relative;
	min-height:1.75em;
	margin:.375em 0;
	padding:0 0 0 1.5em;
}
.bi1 .li1:before{content:'';
	display:block;
	/* z-index:-1; 하면 :hover 동작시 사라짐 */
	position:absolute;left:0;top:0;
	width:1.25em;
	height:1.25em;
	margin:.1875em 0;
	background:url(../../img/lib/ic32a1c1notice1.png) no-repeat 50% / 1em; /* (16/16) */
	opacity:.8;
}
/* 툴팁 */
.bi1 .li1.tooltip1{
	min-height:1em; /* .li1 높이값 수정 */
	margin:0;
	padding:0 0 0 1em;
	cursor:default;
	opacity:.6;
}
.bi1 .li1.tooltip1:before{
	width:1em;
	height:1em;
	margin:0;
}
.bi1 .li1.tooltip1 .tooltip1c{
	width:16em;
	white-space:normal;
}


/* 툴팁 20230215 */
.tooltip1[class]{
	position:relative;
	color:inherit;
	font-weight:400;
	white-space:nowrap;
}
.tooltip1 .tooltip1c{
	display:block;
	visibility:hidden;
	z-index:50;
	position:absolute;
	left:50%;
	top:100%;
	box-sizing:border-box; /* ☆ */
	margin:8px 0 0;
	padding:.625em 1em;
	border:1px solid #aaa;
	border-radius:var(--radius1);
	background:#fff;
	font-size:12px;
	line-height:1.5;
	box-shadow:var(--shadow1);
	transform:translateX(-40%);
	opacity:0;
	transition:.2s;
}
.tooltip1 .tooltip1c:before{content:'';display:inline-block; /* △ */
	position:absolute;left:40%;top:0;
	width:0;height:0;
	margin:-6px -6px;
	border:0 solid transparent;
	border-width:0 6px 6px 6px;
	border-bottom-color:#888;
}
.tooltip1 .tooltip1c:after{content:'';display:inline-block; /* △ */
	position:absolute;left:40%;top:0;
	width:0;height:0;
	margin:-5px -6px;
	border:0 solid transparent;
	border-width:0 6px 6px 6px;
	border-bottom-color:#fff;
}
.tooltip1[class]:hover,
.tooltip1[class]:focus,
.tooltip1[class]:hover .tooltip1c,
.tooltip1[class]:focus .tooltip1c{
	visibility:visible;
	opacity:1;
}
/* ☆ */
.tooltip1.ct .tooltip1c{transform:translateX(-50%);}
.tooltip1.ct .tooltip1c:before,
.tooltip1.ct .tooltip1c:after{left:50%;}
.tooltip1.rt .tooltip1c{transform:translateX(-90%);}
.tooltip1.rt .tooltip1c:before,
.tooltip1.rt .tooltip1c:after{left:90%;}
.tooltip1.lt .tooltip1c{transform:translateX(-10%);}
.tooltip1.lt .tooltip1c:before,
.tooltip1.lt .tooltip1c:after{left:10%;}


/* List line 20180212. 아이콘 필요하면 스타일 추가 */
ul.bu.lst1ic1line1{
	list-style:none;
	padding:0;
	border-top:1px solid #eee;
	text-align:left;
}
ul.bu.lst1ic1line1>li{padding-bottom:.375em;border-bottom:1px solid #eee;}
ul.bu.lst1ic1line1>li .sep{margin:0 .25em;}


/* Table (>자식선택자) 20240412 */
/* 배치용 */
table.layout{margin:0;padding:0;border:0;border-collapse:collapse;}
table.layout td{padding:0;border:0;vertical-align:top;} /* ☆ [CR] table.layout>tr>td 하면 스타일 적용안됨. 내부적으로 tbody 생성하기 때문. */
/* common type */
caption{margin:0;font-weight:600;line-height:1.375;text-align:left;}
caption .h1{display:inline-block;padding:0 0 .5em;}
caption .summary1{display:inline-block;padding-bottom:.5em;}
caption.table-h1{position:relative;
	margin-bottom:-1px;
	padding:.75em .75em .25em;
	border:1px solid #ddd;
	background:#fff;
}
tbody th,
tbody td{text-align:left;vertical-align:top;} /* ☆ */
/* Table Type */
/* border none */
table.t0{
	width:100%;
	margin:.375rem 0;
	border:0;border-collapse:collapse;
}
table.t0>*>tr>th,
table.t0>*>tr>td{padding:.25em .75em;border:0;}
table.t0>*>tr>th{font-weight:normal;}
/* border 상하 */
table.t1{
	width:100%;
	margin:.375rem 0;
	border:0;border-collapse:collapse;
	border-top:1px solid #bbb;
	border-bottom:1px solid #e7e7e7;
}
table.t1>*>tr>th,
table.t1>*>tr>td{padding:.5em .75em;border:0;border-bottom:1px solid #e7e7e7;}
table.t1>*>tr>th{background:#f3f4f6;color:#222;font-weight:normal;}
table.t1>tbody>tr>th{background:#f9fafb;}
/* border 상하좌우 */
table.t2{
	width:100%;
	margin:.375rem 0;
	border:0;border-collapse:collapse;
	border:1px solid #ddd;
	background:#fff;
}
table.t2>*>tr>th,
table.t2>*>tr>td{padding:.5em .75em;border:1px solid #ddd;border-width:0 0 1px 1px;}
table.t2>*>tr>th{background:#f3f4f6;font-weight:normal;}
table.t2>tbody>tr>th{background:#f9fafb;}
/* border 상하 안쪽만 */
table.t01{width:100%;margin:0;border:0;border-collapse:collapse;}
table.t01>*>tr>th,
table.t01>*>tr>td{padding:.5em .75em;border:0;border-top:1px solid #e7e7e7;}
table.t01>*>tr:first-child>*{border-top-width:0;}
table.t01>thead~tbody>tr:first-child>*{border-top:1px solid #e7e7e7;}
table.t01>*>tr>th{font-weight:normal;}
/* border 상하좌우 안쪽만 */
table.t02{width:100%;margin:0;border:0;border-collapse:collapse;}
table.t02>*>tr>th,
table.t02>*>tr>td{padding:.5em .75em;border:0;border-top:1px solid #e7e7e7;border-left:1px solid #eee;}
table.t02>*>tr:first-child>*{border-top-width:0;}
table.t02>thead~tbody>tr:first-child>*{border-top:1px solid #e7e7e7;}
table.t02>*>tr>*:first-child{border-left:0;}
table.t02>*>tr>th{font-weight:normal;}
/* border 상하(좌우) border-top 강조 | [IE11.에뮬8] border-right 벌레박멸OK */
table.t3{
	width:100%;
	margin:.375rem 0;
	border:0;border-collapse:collapse;
	border-top:1px solid #bbb;
	border-bottom:1px solid #ddd;
	background:#fff;
}
table.t3>*>tr{border-right:1px hidden transparent;}
table.t3>*>tr>th,
table.t3>*>tr>td{
	padding:.75em;
	border:1px solid #ddd;
	border-width:1px 1px 0 0;
}
table.t3>*>tr>th{
	background:#f9fafb;
	color:#333;
	font-weight:normal;
}
table.t3>thead>tr>th{
	padding:.75em; /* ((.5+(.375)/2) (그대로) */
	border-width:0 1px 1px 0;
	border-color:#ddd;
	background:#f3f4f6;
	/* color:inherit; */
	line-height:1.375;
}
table.t3>tfoot>tr>th{border-width:1px 1px 0 0;border-color:#e7e7e7;background:#f3f4f6;color:#333;}
table.t3>tfoot>tr:first-child>*{border-top-color:#79b;}
table.t3>tbody>tr:first-child>th,
table.t3>tbody>tr:first-child>td{border-top-width:0;} /* thead>th{border-bottom} 또는 table{border-top} 보이도록 한다. */
/* border 테두리만 */
table.t4{
	width:100%;
	margin:.375rem 0;
	border:0;border-collapse:collapse;
	border:1px solid #ddd;
}
table.t4>*>tr>th,
table.t4>*>tr>td{padding:.5em .75em;border:0;border-top:1px solid #eee;}
table.t4>*>tr:first-child>th,
table.t4>*>tr:first-child>td{border:0;}
table.t4>*>tr>th{background:#f3f4f6;}
table.t4>tbody>tr>th{background:#f9fafb;}
/* border 테두리만 + border-spacing */
table.t5{
	width:100%;
	margin:.375rem 0;
	border:1px solid #ddd;
	border-collapse:separate;
	border-spacing:2px;
}
table.t5>*>tr>th,
table.t5>*>tr>td{padding:.5em .75em;border:0;}
table.t5>*>tr>th{
	background:#f3f4f6;
	font-weight:normal;
}
table.t5>tbody>tr>th{background:#f9fafb;}
/* border-spacing */
table.t6{
	width:100%;
	margin:.375rem 0;
	border:0;
	border-collapse:separate;
	border-spacing:2px;
}
table.t6>*>tr>th,
table.t6>*>tr>td{padding:.5em .75em;border:0;}
table.t6>*>tr>th{background:#024;font-weight:normal;}
table.t6>thead{color:#fff;}
table.t6>tbody>tr>th,
table.t6>tbody>tr>td{background:#f9fafb;}


/* Table Property 20240620
 * !important 없는 padding border background 재선언 선택자는 ( table.t3>thead>tr>th ) 보다 우선순위 높아야 한다.
 */
table.auto{width:auto;height:auto;}
.ttmg0[class]>tr *,
.ttmg0[class]>*>tr *{margin:0;}
.ttpd0[class]>tr>*,
.ttpd0[class]>*>tr>*{padding:0;}
.ttpd025em[class]>tr>*,
.ttpd025em[class]>*>tr>*{padding:.25em;}
.ttpd0375em[class]>tr>*,
.ttpd0375em[class]>*>tr>*{padding:.375em;}
.ttpd05em[class]>tr>*,
.ttpd05em[class]>*>tr>*{padding:.5em;}
.ttpd075em[class]>tr>*,
.ttpd075em[class]>*>tr>*{padding:.75em;}
/* ☆ */
.ttpdtb0375em[class]>tr>*,
.ttpdtb0375em[class]>*>tr>*{padding-top:.375em;padding-bottom:.375em;}
.ttpdtb05em[class]>tr>*,
.ttpdtb05em[class]>*>tr>*{padding-top:.5em;padding-bottom:.5em;}
.ttpdtb075em[class]>tr>*,
.ttpdtb075em[class]>*>tr>*{padding-top:.75em;padding-bottom:.75em;}
.ttpdtb1em[class]>tr>*,
.ttpdtb1em[class]>*>tr>*{padding-top:1em;padding-bottom:1em;}
.ttpdtb11875em[class]>tr>*,
.ttpdtb11875em[class]>*>tr>*{padding-top:1.1875em;padding-bottom:1.1875em;}
.ttpdtb125em[class]>tr>*,
.ttpdtb125em[class]>*>tr>*{padding-top:1.25em;padding-bottom:1.25em;}
.ttpdtb1375em[class]>tr>*,
.ttpdtb1375em[class]>*>tr>*{padding-top:1.375em;padding-bottom:1.375em;}
.ttpdlr05em[class]>tr>*,
.ttpdlr05em[class]>*>tr>*{padding-left:.5em;padding-right:.5em;}
.ttpdlr025em[class]>tr>*,
.ttpdlr025em[class]>*>tr>*{padding-left:.25em;padding-right:.25em;}
/* ☆ */
.ttpdlr-trim[class]>tr>:first-child,
.ttpdlr-trim[class]>*>tr>:first-child{
	padding-left:0;
}
.ttpdlr-trim[class]>tr>:last-child,
.ttpdlr-trim[class]>*>tr>:last-child{
	padding-right:0;
}
/* ◇◆ */
@media all and (max-width:767px){
	.ttpdlr-trim-small-only[class]>tr>:first-child,
	.ttpdlr-trim-small-only[class]>*>tr>:first-child{
		padding-left:0;
	}
	.ttpdlr-trim-small-only[class]>tr>:last-child,
	.ttpdlr-trim-small-only[class]>*>tr>:last-child{
		padding-right:0;
	}
}
/* ☆ */
.ttpdlr0[class] th, .ttpdlr0[class] td,
.tt1pdlr0 tr>:first-child,
.tt2pdlr0 tr>:nth-child(2),
.tt3pdlr0 tr>:nth-child(3),
.tt4pdlr0 tr>:nth-child(4),
.tt5pdlr0 tr>:nth-child(5),
.tt6pdlr0 tr>:nth-child(6),
.tt7pdlr0 tr>:nth-child(7),
.tt8pdlr0 tr>:nth-child(8),
.tt9pdlr0 tr>:nth-child(9),
.tt10pdlr0 tr>:nth-child(2){padding-left:0;padding-right:0;}
.ttfwn[class] th, .ttfwn[class] td{font-weight:400;}
.ttfwb[class] th, .ttfwb[class] td,
.tt1fwb tr>:first-child,
.tt2fwb tr>:nth-child(2),
.tt3fwb tr>:nth-child(3),
.tt4fwb tr>:nth-child(4),
.tt5fwb tr>:nth-child(5),
.tt6fwb tr>:nth-child(6),
.tt7fwb tr>:nth-child(7),
.tt8fwb tr>:nth-child(8),
.tt9fwb tr>:nth-child(9),
.tt10fwb tr>:nth-child(10){font-weight:600;}
/* 중첩표 초기화 위해 right center left 순서로 선언 */
.tttar[class] th, .tttar[class] td{text-align:right;}
.tttac[class] th, .tttac[class] td{text-align:center;}
.tttal[class] th, .tttal[class] td{text-align:left;}
.tdtar[class] td{text-align:right;}
.tdtac[class] td{text-align:center;}
.tdtal[class] td{text-align:left;}
.thtar[class] th{text-align:right;}
.thtac[class] th{text-align:center;}
.thtal[class] th{text-align:left;}
.tt1tar tr>:first-child,
.tt2tar tr>:nth-child(2),
.tt3tar tr>:nth-child(3),
.tt4tar tr>:nth-child(4),
.tt5tar tr>:nth-child(5),
.tt6tar tr>:nth-child(6),
.tt7tar tr>:nth-child(7),
.tt8tar tr>:nth-child(8),
.tt9tar tr>:nth-child(9),
.tt10tar tr>:nth-child(10),
.tt11tar tr>:nth-child(11),
.tt12tar tr>:nth-child(12),
.ttltar tr>:last-child{text-align:right;}
.tt1tac tr>:first-child,
.tt2tac tr>:nth-child(2),
.tt3tac tr>:nth-child(3),
.tt4tac tr>:nth-child(4),
.tt5tac tr>:nth-child(5),
.tt6tac tr>:nth-child(6),
.tt7tac tr>:nth-child(7),
.tt8tac tr>:nth-child(8),
.tt9tac tr>:nth-child(9),
.tt10tac tr>:nth-child(10),
.tt11tac tr>:nth-child(11),
.tt12tac tr>:nth-child(12),
.ttltac tr>:last-child{text-align:center;}
.tt1tal tr>:first-child,
.tt2tal tr>:nth-child(2),
.tt3tal tr>:nth-child(3),
.tt4tal tr>:nth-child(4),
.tt5tal tr>:nth-child(5),
.tt6tal tr>:nth-child(6),
.tt7tal tr>:nth-child(7),
.tt8tal tr>:nth-child(8),
.tt9tal tr>:nth-child(9),
.tt10tal tr>:nth-child(10),
.tt11tal tr>:nth-child(11),
.tt12tal tr>:nth-child(12),
.ttltal tr>:last-child{text-align:left;}
.tt1nowrap tr>:first-child,
.tt2nowrap tr>:nth-child(2),
.tt3nowrap tr>:nth-child(3),
.tt4nowrap tr>:nth-child(4),
.tt5nowrap tr>:nth-child(5),
.tt6nowrap tr>:nth-child(6),
.tt7nowrap tr>:nth-child(7),
.tt8nowrap tr>:nth-child(8),
.tt9nowrap tr>:nth-child(9),
.tt10nowrap tr>:nth-child(10),
.tt11nowrap tr>:nth-child(11),
.tt12nowrap tr>:nth-child(12),
.ttlnowrap tr>:last-child{white-space:nowrap;}
/* Unnecessary ))
.trtal[class] tr{text-align:left;}
.trtac[class] tr{text-align:center;}
.trtar[class] tr{text-align:right;}
*/
.ttvat[class] th, .ttvat[class] td{vertical-align:top;}
.ttvab[class] th, .ttvab[class] td{vertical-align:bottom;}
.ttvam[class] th, .ttvam[class] td{vertical-align:middle;}
/* ☆ */
.ttbgcf[class] th, .ttbgcf[class] td{background-color:#fff;}
.ttbg1[class]>*,
.ttbgcfc[class] th, .ttbgcfc[class] td{background-color:var(--color22, #fcfcfc);}
.ttbg2[class]>*,
.ttbgcf7[class] th, .ttbgcf7[class] td{background-color:var(--color21, #f7f7f7);}
.ttbg3[class]>*,
.ttbgcf2[class] th, .ttbgcf2[class] td{background-color:var(--color12, #f2f2f2);}

.stripe1 tr:nth-child(even){background:#f8fafc;}
.thcv0[class] th{color:#000;}
/* ☆ */
.tdnowrap[class] td,
.thnowrap[class] th,
.ttnowrap[class]>tr>*,
.ttnowrap[class]>*>tr>*{white-space:nowrap;}
.ttwbba[class]>tr>*,
.ttwbba[class]>*>tr>*{word-break:break-all;}
/* ☆ */
.ttbdss[class]>*>tr>*{border-style:solid;}
table.bdsd[class]>*>tr>*, /* legacy */
.ttbdsdt[class]>*>tr>*{border-style:dotted;}
.ttbdsds[class]>*>tr>*{border-style:dashed;}
/* ☆ */
.ttbdct[class]>*>tr>*{border-color:transparent;}
.ttbdcf7[class]>*>tr>*{border-color:#f7f7f7;}
.ttbdce[class]>*>tr>*{border-color:#eee;}
.ttbdce7[class]>*>tr>*{border-color:#e7e7e7;}
.ttbdcd[class]>*>tr>*{border-color:#ddd;}
.ttbdcd7[class]>*>tr>*{border-color:#d7d7d7;}
.ttbdcc[class]>*>tr>*{border-color:#ccc;}
/* ☆ */
.ttbtnmg0[class] .form-t1,
.ttbtnmg0[class] input,
.ttbtnmg0[class] select,
.ttbtnmg0[class] textarea,
.ttbtnmg0[class] button,
.ttbtnmg0[class] .button{
	margin:0;
}
.ttbtnmg0125em[class] .form-t1,
.ttbtnmg0125em[class] input,
.ttbtnmg0125em[class] select,
.ttbtnmg0125em[class] textarea,
.ttbtnmg0125em[class] button,
.ttbtnmg0125em[class] .button{margin:.125em 0;}
.ttbtnmg025em[class] .form-t1,
.ttbtnmg025em[class] input,
.ttbtnmg025em[class] select,
.ttbtnmg025em[class] textarea,
.ttbtnmg025em[class] button,
.ttbtnmg025em[class] .button{margin:.25em .125em;}
/* ◇◆ */
@media all and (max-width:767px){ /* 20200708 */
	.tt1hide-small-only tr>:first-child,
	.tt2hide-small-only tr>:nth-child(2),
	.tt3hide-small-only tr>:nth-child(3),
	.tt4hide-small-only tr>:nth-child(4),
	.tt5hide-small-only tr>:nth-child(5),
	.tt6hide-small-only tr>:nth-child(6),
	.tt7hide-small-only tr>:nth-child(7),
	.tt8hide-small-only tr>:nth-child(8),
	.tt9hide-small-only tr>:nth-child(9),
	.tt10hide-small-only tr>:nth-child(10){display:none !important;}
}
/* ◇◆ */
@media all and (min-width:768px){
	.ttpdlr2pct[class]>tr>*,
	.ttpdlr2pct[class]>*>tr>*,
	.tdpdlr2pct[class]>tr>td,
	.tdpdlr2pct[class]>*>tr>td{
		padding-left:2%;padding-right:2%; /* ☆ [~IE11]bug) 셀 내부 초점 시 패딩 0 된다. fix) 내부 래퍼 overflow:hidden; */
	}
}


/* Box (Poor Box) 20191105 */
.box0{padding:0;border:1px solid #ddd;}
.box1{padding:.75em 1em;border:1px solid #ddd;}
.box2{padding:.75em 1em;border:2px solid #e7e7e7;}
.box3{padding:.75em 1em;border:3px solid #eee;}
.box4{padding:.75em 1em;border:4px solid #f7f7f7;}
.box5{padding:.75em 1em;border:5px solid #f7f7f7;}
.box6{padding:.75em 1em;border:6px solid #f7f7f7;}
.box7{padding:.75em 1em;border:7px solid #f7f7f7;}
.box8{padding:.75em 1em;border:8px solid #f7f7f7;}


/* 동영상 대본 원고 20150710 */
.caption1{
	position:relative;
	height:20em;
	margin:0 auto 1.25em;
	padding:1.25em;
	border:1px solid #eaecee;
	background:#fcfcfc;
	overflow:auto;overflow-x:hidden;
}


/* Panel (Rich Box) 20240308 */
[class*='panel']{
	display:table; /* ☆ [class*='deco1']+.body1{display:table-cell;} 높이가 유연하게 대응 */
	/* z-index:0; */ /* ☆ */
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:100%;
	margin:1.25em 0;
	padding:1em 1.25em;
	border:1px solid var(--color12, #d4d8dd);
	background:var(--color22, #fcfdfe);
}
[class*='panel']>*{
	z-index:1; /* ( z > [class*='panel']:after > [class*='panel']:before ) */
	position:relative;
}
[class*='panel']>.h1{display:block;
	margin:1.25em -1.25em 1em;
	padding:.75em 1.25em;
	border-bottom:1px solid rgba(0,0,0, .1);
	background:#f3f5f7;
	background-size:10px 100%;
	line-height:1.375;
}
[class*='panel']>.h1:first-child{margin-top:-1em;}
[class*='panel']>.h1:last-child{margin-bottom:-1em;border-bottom:0;}
[class*='panel']>.h1>:first-child{margin:0;}
[class].panel0{border-width:0;}
[class].panel1{border-width:1px;}
[class].panel2{border-width:2px;}
[class].panel3{border-width:3px;}
[class].panel4{border-width:4px;}
[class].panel5{border-width:5px;}
.panel00{padding:.75em 0;border-width:0;background:#fff;}
.panel10{padding:.75em 0;border-width:1px 0;background:#fff;}
.panel201{padding:.75em 0;border-width:2px 0 1px;background:#fff;}
.panel50{padding:3% 0;border-width:5px 0;background:#fff;}
/* 장식 */
[class*='panel'].callout{border-color:#b4ced2;background:#ecfaff;}
[class*='panel'].callout>.h1{background:#d4f2f7;}
[class*='panel'].inset{box-shadow:inset 0 0 3px 3px rgba(0, 0, 0, .03125);}
[class*='panel']>.h1.gradient{background:linear-gradient(to bottom, #fcfdfe 0, #e9ebee 100%);}
[class*='panel'].shadow{box-shadow:0 0 10px 0 rgba(0, 0, 0, .1);}
[class*='panel'].shadow3inset{box-shadow:inset 0 0 0 3px rgba(243, 245, 247, 1);}
[class*='panel'].border1inset{position:relative;
	background:
		linear-gradient(180deg, #fff 0, #fff 1px, #eee 2px, rgba(0,0,0,0) 3px),
		linear-gradient(0deg, #fff 0, #fff 1px, #eee 2px, rgba(0,0,0,0) 3px),
		linear-gradient(90deg, #fff 0, #fff 1px, #eee 2px, rgba(0,0,0,0) 3px),
		linear-gradient(-90deg, #fff 0, #fff 1px, #eee 2px, rgba(0,0,0,0) 3px);
}
/* 다중톤 */
[class*='panel'].hue2,
[class*='panel'].hue3{
	display:block; /*  table 로 하면 [~IE11] margin -값이 표준과 다름 */
}
[class*='panel'].hue2{
	padding:20px;
	border-color:#467ed4;
}
[class*='panel'].hue2:before{content:'';display:block;
	position:absolute;left:0;top:0;bottom:0;
	width:150px;
	margin:-1px;
	border:1px solid #1fbcbe;
	border-width:1px 0 1px 1px;
}
.panel3.hue2:before{margin:-3px;border-width:3px 0 3px 3px;}
/* ☆ */
[class*='panel'].hue3{
	padding:26px 30px;
	border-color:#eee;
}
[class*='panel'].hue3:before{content:'';display:block;
	position:absolute;left:0;right:0;top:0;
	height:26px;
	margin:-1px;
	border:1px solid #17b6c6;
	border-width:1px 1px 0 0;
}
[class*='panel'].hue3:after{content:'';display:block;
	position:absolute;left:0;top:0;
	width:180px;
	height:26px;
	margin:-1px;
	border:1px solid #555;
	border-width:1px 0 0 1px;
}
.panel4.hue3:before{margin:-4px;border-width:4px 4px 0 0;}
.panel4.hue3:after{margin:-4px;border-width:4px 0 0 4px;}
/* ☆ */
[class*='panel'].hue2a1{padding:20px;border-color:#ddd;background:#fff;}
[class*='panel'].hue2a1:before{content:'';display:block;
	position:absolute;left:0;top:0;
	width:50px;height:50px;
	margin:-1px 0 0 -1px;
	border-top:2px solid #034ea1;
	border-left:2px solid #034ea1;
}
/* ☆ */
[class*='panel'].hue2a2{padding:20px;border-color:#666;background:#fff;}
[class*='panel'].hue2a2:before{content:'';display:block;
	position:absolute;left:0;top:0;
	width:50px;height:50px;
	margin:-1px 0 0 -1px;
	border-top:2px solid #ea3b8d;
	border-left:2px solid #ea3b8d;
}
/* ☆ */
[class*='panel'].hue2a3{
	padding:20px;
	border-top-color:#2b4380;
	border-bottom-color:#ccc;
	border-bottom-style:dashed;
}
[class*='panel'].hue2a3:before{content:'';display:block;
	position:absolute;left:0;top:0;
	width:150px;height:30px;
	border-top:4px solid #2b4380;
	border-left:5px solid #2b4380;
}
[class*='panel'].hue2a3>[class*='deco1']+.body1{
	padding:6px 0 4px;
}
/* ☆ */
[class*='panel'].hue2a4{
	padding:24px 20px;
	border-color:#dee4ee;
	background-color:#f7f9fd;
}
[class*='panel'].hue2a4:before{content:'';display:block;
	position:absolute;left:0;right:0;top:0;
	height:50px;
	margin:-1px -2px;
	border:3px solid #2864af;
	border-bottom:0;
}
/* ☆ */
[class*='panel'].hue1a1{padding:26px;border-color:#666;background:#fbf6ec;}
/* ☆ */
[class*='panel'].hue4{
	padding:30px;
}
[class*='panel'].hue4:before{content:'';display:block;
	position:absolute;left:0;right:0;top:0;
	height:2px;
	margin:-1px;
	background:url(../../img/lib/b1line1.png);
}
/* 패턴 */
[class*='panel'].slash50{padding:4%;border:0;}
[class*='panel'].slash50:before{content:'';display:block;clear:both;
	position:absolute;left:0;right:0;top:0;
	height:5px;
	margin:0 0 3%;
	background:url(../../img/lib/b1c1o20p1.png) center center;
}
[class*='panel'].slash50:after{content:'';display:block;clear:both;
	position:absolute;left:0;right:0;bottom:0;
	height:5px;
	margin:3% 0 0;
	background:url(../../img/lib/b1c1o20p1.png) center center;
}
/* ☆ */
[class*='panel'].slash5{
	padding:24px;
	background:url(../../img/lib/b1c2slash1.png) center center;
}
[class*='panel'].slash5:before{content:'';
	display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	margin:5px;
	background:#fff;
}
/* ☆ */
[class*='panel'].slash6{
	padding:24px;
	background:url(../../img/lib/b1c3slash1.png) center center;
}
[class*='panel'].slash6:before{content:'';
	display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	margin:5px;
	background:#fff;
}


/* deco1+body1 20201120 */
/* 장식 */
[class*='panel']>[class*='deco1']{
	float:left;
	width:80px;
	height:80px;
	margin:0 30px 0 10px;
	background:url(../../img/lib/ic160deco1bulb1.png) no-repeat center center / contain;
}
/* 본문 */
[class*='panel']>[class*='deco1']+.body1{display:table-cell;
	width:9999px;
	/* height:80px; */ /* [class*='deco1'] 높이 */
	vertical-align:middle;
	overflow:hidden;
}
[class*='panel']>[class*='deco1']+.body1 p{
	margin:.375em 0;
}
/* 장식 size image */
[class*='panel']>.deco1bulb1{background-image:url(../../img/lib/ic160deco1bulb1.png);}
[class*='panel']>.deco1quotation1{background-image:url(../../img/lib/ic160deco1quotation1.png);}
[class*='panel']>.deco1menu1{background-image:url(../../img/lib/ic160deco1menu1.png);}
[class*='panel']>.deco1facility1{background-image:url(../../img/lib/ic160deco1facility1.png);}
/* ◇◆ */
@media all and (max-width:767px){
	[class*='panel']>[class*='deco1']{display:none;}
}


/* Line 20201211
 * 20200522~ ))) .bdt1px 사용 권장
 */
.line0{border:0;}
.line1t{border-top:1px solid #ddd;}
.line1b{border-bottom:1px solid #ddd;}
.line1l{border-left:1px solid #ddd;}
.line1r{border-right:1px solid #ddd;}
.dott{border-top:1px dotted #ccc;}
.dotb{border-bottom:1px dotted #ccc;}
.dotl{border-left:1px dotted #ccc;}
.dotr{border-right:1px dotted #ccc;}


/* Harmony 20190313 */
img.center{display:block;margin-left:auto;margin-right:auto;} /* (.block-center) */
img.vam{margin:0 0 2px 0;vertical-align:middle;}
img.flm{float:left;margin:0 1.75em 1.75em 0;}
img.frm{clear:right;float:right;margin:0 0 1.75em 1.75em;}
.fix1{display:block;overflow:hidden;}


/* child margin 20240321 */
pre:first-child{margin-top:0;}
pre:last-child{margin-bottom:0;}
/* #body_content>.container>:first-child,
#body_content>.container>script:first-of-type + :first-of-type,
#body_content>.container>link:first-of-type + :first-of-type{
	margin-top:0;
} */
.fc-mgt0>:first-child{margin-top:0;}
.lc-mgb0>:last-child{margin-bottom:0;}


/* 라벨장식 (폼요소아님) 20180328 */
.label1{display:inline-block;
	padding:.5em;
	border-radius:.25em;
	background:#777;
	color:#fff;
	font-weight:400;
	font-size:.875em;
	line-height:1;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
}


/* 배지 20180226 */
.badge1{display:inline-block;
	min-width:1.15em;
	height:1.15em;
	margin:0 .25em 0 0;
	padding:.25em;
	border-radius:9999px;
	background:#777;
	color:#fff;
	font-weight:normal;
	font-size:1em;
	line-height:1.15; /* (( normalize.min.css */
	text-align:center;
	vertical-align:middle;
}


/* Form 20241210 ◇◆◇◆◇◆◇◆◇◆ */


/* ◇◆ Button 20241210 ◇◆ */
a.button,
button.button,
input.button,
.button{
	display:inline-flex; /* ☆ */
	justify-content:center;
	align-items:center;
	gap:.25rem;
	position:relative;
	box-sizing:border-box;
	max-width:100%;
	/* height:2.5em; ((base.css */
	/* padding:.5rem .75rem; */ /* ((base.css */
	border:1px solid transparent;
	/* border-color:rgba(0,0,0, .2); */
	background-color:var(--color1); /* #357 */
	color:#fff; /* ☆ */
	font-size:1em;
	/* line-height:normal; ((base.css */
	text-decoration:none;
	text-align:center; /* ☆ */
	transition:.2s;
}
input.button{
	line-height:1;
}
/* Button size and shape */
.button.xlarge{
	height:auto; /* ((70px */
	min-height:0;
	padding:1.025em 2.25em;
	font-size:1.25em;
}
.button.large{
	height:auto; /* ((60px */
	min-height:0;
	padding:.92361111111111111111111111111111em 1.8125em; /* ((60-(18*1.375+2))/2/18) */
	font-size:1.125em;
}
.button.medium{
	height:auto; /* ((50px */
	min-height:0;
	padding:.8125em 1.75em; /* ((50-(16*1.375+2))/2/16) */
	font-size:1em;
}
.button.semismall{
	height:auto; /* ((36px */
	min-height:0;
	padding:.4375em .75em;
	font-size:.9375em;
	line-height:1.375;
}
.button.small{
	height:auto; /* ((28px */
	min-height:0;
	padding:.25em .53125em .25em .5em;
	font-size:.875em;
	line-height:1.375;
}
.button.tiny{
	height:auto; /* ((22px */
	min-height:0;
	padding:.125em .375em .125em .25em;
	font-size:.75em;
	line-height:1.375;
}
.button.block{ /* 1line */
	display:flex; /* ☆ */
	width:100%;
}
.button.expand{ /* 2lines~ */
	display:flex; /* ☆ */
	width:100%;
	height:auto;
	padding:1em 1.25em;
	white-space:normal;
}
.button.wide{
	padding-left:2.5em;
	padding-right:2.5em;
}
/* styling */
.button.radius{border-radius:4px;}
.button.round{border-radius:9999px;}
/* colors */
.button.base{border-color:#0000;background-color:#333;color:#fff;} /* #09b ■(속찬) button with icon */
.button.default{border-color:#0006;background-color:#fff;color:#333;} /* □(속빈) button with icon */
.button.muted{border-color:#ddd;background-color:#eee;color:#666;}
.button.submit{border-color:#0000;background-color:#06c;color:#fff;}
.button.search{border-color:#0000;background-color:#08b;color:#fff;}
.button.primary{border-color:#0000;background-color:#159;color:#fff;}
.button.primary1{border-color:#0000;background-color:var(--color2, #e49);color:#fff;} /* 20200521 */
.button.secondary{border-color:#0000;background-color:var(--color3, #789);color:#fff;}
.button.success{border-color:#0000;background-color:#3a4;color:#fff;}
.button.warning{border-color:#0000;background-color:#ff6000;color:#fff;}
.button.danger{border-color:#0000;background-color:#d43;color:#fff;}
.button.alert{border-color:#0000;background-color:#c81;color:#fff;}
.button.alert1{border-color:#0000;background-color:#96c;color:#fff;} /* 20180201 */
.button.info{border-color:#0000;background-color:#09d;color:#fff;}
.button.info1{border-color:#0000;background-color:#ade;color:#235;} /* color ≠ #fff */
.button.info2{border-color:#0000;background-color:#00a7a7;color:#fff;} /* 20190604 */
/* gray */
.button.white{border-color:#000;background-color:#fff;color:#000;}
.button.black{border-color:#000;background-color:#000;color:#fff;}
.button[class*='gray']{border-color:#0000;}
.button.gray1{background-color:#111;color:#fff;}
.button.gray2{background-color:#222;color:#fff;}
.button.gray3{background-color:#333;color:#fff;}
.button.gray4{background-color:#444;color:#fff;}
.button.gray5{background-color:#555;color:#fff;}
.button.gray6{background-color:#666;color:#fff;}
.button.gray,
.button.gray7{background-color:#767676;color:#fff;}
.button.gray8{background-color:#888;color:#fff;}
.button.gray9{background-color:#949494;color:#fff;}
.button.graya{background-color:#aaa;color:#000;}
.button.grayb{background-color:#bbb;color:#000;}
.button.grayc{background-color:#ccc;color:#000;}
.button.grayd{background-color:#ddd;color:#000;}
.button.graye{border-color:rgba(0,0,0, .2);background-color:#eee;color:#000;}
.button.grayf7{border-color:rgba(0,0,0, .2);background-color:#f7f7f7;color:#000;}
.button.grayfc{border-color:rgba(0,0,0, .2);background-color:#fcfcfc;color:#000;}
/* slategray */
.button.slategray123{background-color:#123;color:#fff;}
.button.slategray234{background-color:#234;color:#fff;}
.button.slategray345{background-color:#345;color:#fff;}
.button.slategray456{background-color:#456;color:#fff;}
.button.slategray567{background-color:#567;color:#fff;}
.button.slategray,
.button.slategray579{background-color:#579;color:#fff;}
.button.slategray678{background-color:#678;color:#fff;}
.button.slategray789{background-color:#789;color:#fff;}
.button.slategray89a{background-color:#89a;color:#012;}
.button.slategray9ab{background-color:#9ab;color:#123;}
.button.slategrayabc{background-color:#abc;color:#234;}
.button.slategraybcd{background-color:#bcd;color:#345;}
.button.slategraycde{background-color:#cde;color:#456;}
.button.slategraydef{border-color:#cde;background-color:#def;color:#567;}
.button.slategraye{border-color:#e1e4e8;background-color:#e8eaef;color:#678;}
.button.slategrayf{border-color:#e5e8ee;background-color:#f4f5f7;color:#789;}
/* disabled */
.button.disabled[class],
.button[disabled][class]{
	opacity:.5;
	box-shadow:none;
	cursor:not-allowed;
	filter:saturate(0) brightness(1.25);
}
/* hollow □(속빈) */
.button.hollow{background-color:#fff;color:#333;}
/* ☆ border-color = background-color
	.button[class]{border-color:transparent;}
	.button.hollow{border-color:#999;}
*/
/* emboss */
.button.emboss{
	box-shadow:
		inset 0 5px 5px 0 #fff1,
		inset 0 -10px 10px 0 #0001;
}
.button.emboss:not(.default){
	border-color:transparent;
}
.button.emboss .t1{position:relative;}
/* transition 20240605 */
.button:hover,
.button:focus,
.hover{
	/* border-color:#0001; */
	/* box-shadow:var(--shadow2-in-dark1); */
	/* color:#fff; */
	filter:var(--filter1, brightness(.85) contrast(1.4));
	transition:.2s;
}
.button.disabled:hover,
.button[disabled]:focus{opacity:.67;} /* ☆ 대비고려 */

/* Sample Code for Hover
.button>.ic1{font-family:'FontAwesome','나눔고딕';}
.button.change>.ic1:before{content:attr(data-before);}
.button.change>.ic1:after{content:attr(data-after) ' Click me!';}
*/


select.small{
	height:auto; /* ((28px */
	padding-top:.25em;
	padding-bottom:.25em;
	font-size:.875em;
	line-height:1.375;
}


/* ◇◆ Menu ◇◆ */


/* menu-group1 20231220 */
.menu-group1{
	display:flex; /* ☆ */
	/* flex-wrap:wrap; */
	list-style:none;margin:0;padding:0;
}
.menu-group1 .m{
	display:flex; /* ☆ */
	align-items:center;
	margin:.5em 0 .5em -1px;
	padding:.5625em 1em;
	border:1px solid #ccc;
	background:#fff;
	color:#666;
	font-size:.875em;
	line-height:1.375;
	text-align:center;
	text-decoration:none;
	white-space:nowrap;
}
.menu-group1 .m.on{position:relative;background:#666;border-color:#666;color:#fff;}
.menu-group1 .m:first-child{border-radius:3px 0 0 3px;}
.menu-group1 .m:last-child{border-radius:0 3px 3px 0;}


/* BBS(Board) Share ◇◆◇◆◇◆◇◆◇◆ */


/* Misc 20222011 */
.sep{ /* : */
	margin:0 .25em;
	font-weight:400;
}
.sep1{ /* | */
	display:inline-block;
	margin:0 .25em .25em;
	font-weight:200;
	font-size:.75em;
	vertical-align:middle;
	opacity:.75;
}
.sep1dot2{ /* dot */
	display:inline-block;
	width:1px;
	height:14px;
	background:url(../../img/lib/b1c1dot2.png);
	margin:.25em;
	vertical-align:middle;
	text-indent:-9999px;
	overflow:hidden;
	opacity:.33;
}


/* pagination 20240626 */
.pagination{
	clear:both;
	margin:.75em auto 0;
	text-align:center;
	vertical-align:middle;
}
.pagination .m{display:inline;}
.pagination .m a{
	display:inline-flex; /* ☆ */
	justify-content:center;
	align-items:center;
	position:relative;
	width:1.875rem; /* (30/16) */
	height:1.875rem;
	margin:.1875rem .0625rem;
	border:1px solid transparent;
	border-radius:4px;
	background:#fffc;
	color:inherit;
	vertical-align:middle;
	white-space:nowrap;
	overflow:hidden;
	text-decoration:none;
	transition:.2s;
}
.pagination .m a[href]:hover,
.pagination .m a[href]:focus{
	background:#eee;
	color:#000;
}
.pagination .pages .m a{
	width:auto;
	min-width:1rem;
	padding:0 .4375rem; /* ((1.875-1)/2) */
	font-size:1em;
	line-height:1.875;
}
.pagination .pages .on a{
	border-color:transparent;
	background:#949494;
	color:#fff;
}
.pagination .control .m a .ic{
	display:inline-block;
	width:1.25rem;height:1.25rem;
	background:url(../../img/lib/ic20s1c1page1.png) no-repeat 0 0 / cover;
	overflow:hidden;
	text-indent:-9999px;
}
.pagination .control .m.first a .ic{background-position:0 0;}
.pagination .control .m.prev a .ic{background-position:33.333% 0;}
.pagination .control .m.next a .ic{background-position:66.666% 0;}
.pagination .control .m.last a .ic{background-position:100% 0;}
.pagination a:not([href]){cursor:default;}
.pagination .control a:not([href]) .ic{opacity:.2;}


/* 정보메뉴 20231213 */
.infomenu1{
	display:inline-block;
	clear:both;
	position:relative;
	width:100%;
	margin:1.5em 0;
}
.infomenu1 .left{float:left;padding:.375em 0;text-align:left;}
.infomenu1 .right{float:right;padding:.375em 0;text-align:right;}
.infomenu1 .center{margin-left:auto;margin-right:auto;padding:.375em 0;text-align:center;}
.infomenu1 .left .button{margin-right:.5em;}
.infomenu1 .right .button{margin-left:.5em;}
.infomenu1 .center .button{margin-left:.3125em;margin-right:.3125em;}
/* .info1 */
.infomenu1 .info1{color:#767676;}
.infomenu1 .info1 .sep{ /* | */
	display:inline-block;
	margin:0 .25em .25em;
	font-weight:200;
	font-size:.75em;
	vertical-align:middle;
}
.infomenu1 .info1 .em0{
	/* color:inherit; */
}
/* .flex */
.infomenu1.flex,
.infomenu1 .flex{
	display:flex; /* ☆ */
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
}
.infomenu1.flex:before,
.infomenu1.flex:after{display:none;}


/* Embed 20211007 */
.video1wrap1 video{
	width:100%;
}
.audio1wrap1 audio{}


/* Grid ))) base.css 20160125 */
/* RWD ))) base.css 20170111 */


/* Add Share Contents Style ◇◆◇◆◇◆◇◆◇◆ */


/* Contextual Helper Classes ( 4.5:1 )) 3:1 ) 20201211 */
/*  backgrounds  ( with darker than color #888 )  */
[class].bg-base{background-color:#d7f4f4;}
[class].bg-default{background-color:#fff;}
[class].bg-muted{background-color:#eee;}
[class].bg-primary{background-color:#37b;color:#fff;}
[class].bg-secondary{background-color:#f0f7fd;}
[class].bg-success{background-color:#ddf4d7;}
[class].bg-warning{background-color:#fceecc;}
[class].bg-danger{background-color:#f7e7e4;}
[class].bg-alert{background-color:#ececff;}
[class].bg-info{background-color:#def;}
/* ( with color #fff ) */
[class].bgc-base{background-color:#09b;}
[class].bgc-default{background-color:#333;}
[class].bgc-muted{background-color:#949494;}
[class].bgc-submit{background-color:#05b;}
[class].bgc-search{background-color:#e53;}
[class].bgc-primary{background-color:#159;}
[class].bgc-secondary{background-color:#678;}
[class].bgc-success{background-color:#3a4;}
[class].bgc-warning{background-color:#ff6000;}
[class].bgc-danger{background-color:#d43;}
[class].bgc-alert{background-color:#c81;}
[class].bgc-alert1{background-color:#96c;}
[class].bgc-info{background-color:#09d;}
[class].bgc-info1{background-color:#ade;}
[class].bgc-info2{background-color:#00a7a7;}
/* colors ( .button.hollow 와 함께 사용위해 우선순위 높임 ) */
[class].text-base{color:#08a;}
[class].text-default{color:#333;}
[class].text-muted{color:#949494;}
[class].text-submit{color:#05b;}
[class].text-search{color:#00548f;}
[class].text-primary{color:#174e91;}
[class].text-secondary{color:#678;}
[class].text-success{color:#395;}
[class].text-warning{color:#e50;}
[class].text-danger{color:#c43;}
[class].text-alert{color:#b71;}
[class].text-alert1{color:#86b;}
[class].text-info{color:#08c;}
[class].text-info1{color:#235;}
[class].text-info2{color:#099;}


/* ◇◆ UI ◇◆ */


/* 달력날짜선택기 (jquery-ui  buttonImage) 20240325
 * jquery-ui.css 차후 호출 대비 우선순위 상향
 * [IE] input[type='text'] 에서 ×(값지우기) 유의?
 * input[type='text'] 디자인 고려한다.
 * 20230419. 스타일 고도화 및 .ui-monthpicker 추가
 */
 input.date{
	width:calc(6em + 36px);
	padding-right:36px;
}
img.ui-datepicker-trigger{
	position:relative;
	width:20px;height:20px;
	margin:0 2px 0 -32px;
	padding:.5625em 4px; /* (((40-20-1*2)/2)/16) () */
	border:1px solid transparent;
	border-radius:6px;
	background:none;
	vertical-align:middle;
	cursor:pointer;
	opacity:.6;
}
img.ui-datepicker-trigger:hover{
	opacity:1;
}
/* 레이어.달력 */
.ui-datepicker[class][class]{
	margin:10px 0 0;
	margin:0; /* ☆ */
	border-color:#bbb;
	color:#555;
	font-size:14px;
	font-family:inherit;
	box-shadow:0 2px 4px 0 #0001;
}
.ui-datepicker[class][class]:before{content:''; /* △ */
	display:inline-block;
	display:none; /* ☆ */
	position:absolute;left:0;top:0;
	width:0;height:0;
	margin:-10px calc(6em + 16px - 6px + 1px);
	border:0 solid transparent;
	border-width:0 6px 10px 6px;
	border-bottom-color:#bbb;
}
.ui-datepicker[class][class]:after{content:''; /* △ */
	display:inline-block;
	display:none; /* ☆ */
	position:absolute;left:0;top:0;
	width:0;height:0;
	margin:-8px calc(6em + 16px - 6px + 1px);
	border:0 solid transparent;
	border-width:0 6px 10px 6px;
	border-bottom-color:#fff;
}
.ui-datepicker[class][class] .ui-datepicker-header{
	margin:0;
	padding:.5em 0;
	border:0;
	border-bottom:1px solid #e7e7e7;
	background:none;
	color:#222;
	font-weight:400;
}
.ui-datepicker[class][class] select{
	width:auto;
	height:24px;
	margin:0;
	padding-top:0;
	padding-bottom:0;
	padding-left:.25em;
	/* padding-right:0; */
	border:0;
	border-radius:2px;
	background-color:inherit;
	line-height:normal;
	text-align:right;
	vertical-align:baseline;
}
.ui-datepicker[class][class] select ~ select{
	margin-left:.75em;
}
.ui-datepicker[class][class] .ui-datepicker-prev,
.ui-datepicker[class][class] .ui-datepicker-next{
	box-sizing:border-box; /* ☆ */
	position:absolute;
	top:50%;
	width:24px;
	height:24px;
	margin:-12px 3px;
	border-width:0;
	border-radius:9999px;
	/* background:none; */
	cursor:pointer;
}
.ui-datepicker[class][class] .ui-icon{
	display:inline-block; /* ◁ */
	position:absolute;left:50%;top:50%;
	width:0;height:0;
	margin:-4px -3px;
	border:0 solid transparent;
	border-width:4px 6px 4px 0;
	border-right-color:#222;
	background:none;
}
.ui-datepicker[class][class] .ui-icon-circle-triangle-e{
	transform:rotate(180deg);
}
.ui-datepicker[class][class] .ui-datepicker-calendar{
	width:calc(100% - .5em);
	margin:0 .25em .5em;
}
.ui-datepicker[class][class] th{
	font-weight:400;
}
.ui-datepicker[class][class] table span,
.ui-datepicker[class][class] table a{
	display:flex; /* ☆ */
	justify-content:center;
	align-items:center;
	width:1.25em;
	height:1.25em;
	margin:auto;
	padding:.3125em;
	line-height:1.25;
	text-align:center;
}
.ui-datepicker[class][class] .ui-state-default{
	border-color:transparent;
	border-radius:9999px;
	background:none;
}
.ui-datepicker[class][class] .ui-state-hover{
	background:#eee;
	color:inherit;
}
.ui-datepicker[class][class] .ui-state-active{
	background:#888;
	color:#fff;
}
/* .ui-monthpicker */
 input.month{
	width:calc(5em + 36px);
	padding-right:36px;
}
img.ui-monthpicker-trigger{
	position:relative;
	width:20px;
	height:20px;
	margin:0 2px 0 -32px;
	padding:.5625em 4px; /* (((40-20-1*2)/2)/16) () */
	border:1px solid transparent;
	border-radius:6px;
	background:none;
	vertical-align:middle;
	cursor:pointer;
	opacity:.6;
}
img.ui-monthpicker-trigger:hover{
	opacity:1;
}
/* 레이어.달력 */
.ui-monthpicker[class][class]{
	width:12em;
}
.ui-monthpicker[class][class] .ui-datepicker-calendar{
	margin:.75em .25em;
}
.ui-monthpicker[class][class] table td{
  padding:2px;
}
.ui-monthpicker[class][class] table span,
.ui-monthpicker[class][class] table a{
	width:auto;
	height:1.375em !important;
	line-height:1.25 !important;
}
.ui-monthpicker[class][class] .ui-state-default{
	border-radius:9px;
}


/* 알림 20211007 */
.m-alert1{
	z-index:0;
	display:inline-block;
	position:relative;
	padding:.25em .5em;
	border-radius:5px;
	background-color:#d70;
	color:#fff;
	font-size:.875em;
}
.m-alert1:before{content:'';display:inline-block; /* ▽ */
	z-index:-1;
	position:absolute;right:10%;bottom:0;
	width:0;height:0;
	margin:-16px -8px;
	border:0 solid transparent;
	border-width:16px 8px 0 8px;
	border-top-color:#d70;
	transform:rotate(-30deg) translateY(-8px);
}


/* 이미지 크게 보기 앵커 20190905 */
.a-view-larger{display:block;
	position:relative;
	height:0;
}
.a-view-larger .t1{display:inline-block;
	position:absolute;right:0;bottom:0;
	width:40px;height:40px;
	border:1px dotted transparent;
	border-radius:8px 0 0 0;
	background:#000;
	overflow:hidden;
	text-indent:-9999px;
	opacity:.5;
}
.a-view-larger .ic1{display:inline-block;
	z-index:10;
	position:absolute;right:0;bottom:0;
	width:24px;height:24px;
	margin:6px;
	border-radius:9999px;
	border:2px solid #fff;
	overflow:hidden;
}
.a-view-larger .ic1:before{content:'';display:inline-block;
	position:absolute;left:50%;top:50%;
	width:14px;height:2px;
	margin:-1px -7px;
	background:#fff;
	overflow:hidden;
}
.a-view-larger .ic1:after{content:'';display:inline-block;
	position:absolute;left:50%;top:50%;
	width:2px;height:14px;
	margin:-7px -1px;
	background:#fff;
	overflow:hidden;
}
/* ☆ */
.a-view-larger:focus .t1{
	border-color:#fff;
	opacity:1;
}


/* 폼블럭요소 20230424 */
.fb1control1{
	display:inline-block;
}
.fb1control1 .item{
	display:inline-block;
	margin-right:.5em;
	vertical-align:middle;
}
.fb1control1 input[type='radio'],
.fb1control1 input[type='checkbox']{
	float:left;
	height:1em;
	margin:.75em .375em;
}
.fb1control1 label{
	display:block;
	position:relative;
	margin:.5625em 0;
	line-height:1.375;
	overflow:hidden;
}
/* ☆.type2 */
.fb1control1.type2 .item input[type='radio'],
.fb1control1.type2 .item input[type='checkbox']{
	position:absolute;left:-9999px; /* [FF]fix) */
	width:0;height:0;
	font-size:0;
	opacity:0;
}
.fb1control1.type2 .item input[type='radio']+label,
.fb1control1.type2 .item input[type='checkbox']+label{
	padding:.0625em 0 0 calc(20px + .5em);
	overflow:visible;
}
.fb1control1.type2 .item input[type='radio']+label:before,
.fb1control1.type2 .item input[type='checkbox']+label:before{content:'';
	float:left;
	position:absolute;left:0;top:0;
	width:20px;height:20px;
	margin:0 .375em .75em .125em;
	background:url() no-repeat center center;
	vertical-align:middle;
}
/* ☆ */
.fb1control1.type2 .item input[type='radio']+label:before{
	background-image:url(../../img/lib/ic20form1radio1off1.png);
}
.fb1control1.type2 .item input[type='radio']:checked+label:before{
	background-image:url(../../img/lib/ic20form1radio1on1.png);
}
.fb1control1.type2 .item input[type='radio']:disabled+label:before{
	background-image:url(../../img/lib/ic20form1radio1disabled.png);
}
.fb1control1.type2 .item input[type='radio']:checked:disabled+label:before{
	background-image:url(../../img/lib/ic20form1radio1on1disabled.png);
}
.fb1control1.type2 .item input[type='checkbox']+label:before{
	background-image:url(../../img/lib/ic20form1check1off1.png);
}
.fb1control1.type2 .item input[type='checkbox']:checked+label:before{
	background-image:url(../../img/lib/ic20form1check1on1.png);
}
.fb1control1.type2 .item input[type='checkbox']:disabled+label:before{
	background-image:url(../../img/lib/ic20form1check1disabled.png);
}
.fb1control1.type2 .item input[type='checkbox']:checked:disabled+label:before{
	background-image:url(../../img/lib/ic20form1check1on1disabled.png);
}
/* ☆ */
.fb1control1.type2 input:focus+label:before{
	outline:1px dotted #000;
}
.fb1control1.type2 input ~ *{
	cursor:default;
}
.fb1control1.type2 input:disabled ~ *{
	cursor:not-allowed;
}


/* 순수 스크롤바 디자인 20240524 */
.fscroll1-xy{
	display:block;
	overflow:auto;
}
/* -webkit-scrollbar */
.fscroll1-xy::-webkit-scrollbar{
	width:8px;
	height:8px;
	background-color:#0001;
}
.fscroll1-xy::-webkit-scrollbar-thumb{
	border-radius:9999px;
	background-color:#89a8;
}
.fscroll1-xy::-webkit-scrollbar-track{}
.fscroll1-xy::-webkit-scrollbar-track-piece{}
.fscroll1-xy::-webkit-scrollbar-corner{}
.fscroll1-xy::-webkit-resizer{} /* textarea.. */
/* ☆ */
.fscroll1-xy:focus{
	outline:0; /* ☆ */
}
.fscroll1-xy:hover::-webkit-scrollbar-thumb,
.fscroll1-xy:focus::-webkit-scrollbar-thumb{
	box-shadow:inset 0 0 999px 0 #0001;
}
/* ◇◆ mobile ◇◆ */
@media only screen and (-webkit-min-device-pixel-ratio:1.3){
	.fscroll1-xy::-webkit-scrollbar{
		width:2px;
		height:2px;
	}
}


/* YYYYMMDD.Writer. ◇◆ */