@charset "utf-8";
@import url('//fonts.googleapis.com/icon?family=Material+Icons');
@import url('//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css');
/*=============================================================================+
| 타이틀: 수플러 홍보홈		                                                   |
| 작업일: 2021-11-05                                                           |
| 작성자: 이정세                                                               |
+-----------------------------------------------------------------------------*/

/* 기본세팅 */
html { -webkit-text-size-adjust:none; }
html,body { border:0; color:#666; }
body,table,input,select,button,textarea,samp { font-family:'Nanum Barun Gothic',"Malgun Gothic",Dotum,sans-serif; word-break:break-all; }
body,p,form,ol,ul,li,dl,dd,blockquote,input,select,textarea,fieldset { margin:0; padding:0; border:0; }
h1,h2,h3,h4,h5,h6,th,strong { margin:0; padding:0; font-weight:bold; }
caption { position:absolute; left: 0; top:-5000px; font:0/0 sans-serif; }
table { border:0; border-spacing:0; border-collapse:separate; *border-collapse:collapse; }
table th { text-align:center; }
th,td { word-break:break-all; }
em,i,address { font-style:normal; }
ul { list-style:none; }
img { border:0; font-size:1rem; vertical-align:middle; }
summary { display:block; }
a { color:inherit; text-decoration:none; }
[onclick],button { cursor:pointer; }
[onclick],button,textarea,input,select,a { /* 클릭 시 파란영역 삭제 */
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color:transparent;
	-webkit-user-select:text;
	-khtml-user-select:text;
	-moz-user-select:text;
	-ms-user-select:text;
	user-select:text;
}
input,textarea,button,select { /* 기기의 기본 디자인 삭제 */
	-webkit-appearance:none; -webkit-border-radius:0; -webkit-box-shadow:none;
	   -moz-appearance:none;    -moz-border-radius:0;    -moz-box-shadow:none;
	     -o-appearance:none;      -o-border-radius:0;      -o-box-shadow:none;
	        appearance:none;         border-radius:0;         box-shadow:none;
}

input { margin:0; vertical-align:middle; }
input[type='radio'],
input[type='checkbox']{ margin:0 2px; vertical-align:-2px; }
input[type='tel'],
input[type='text'],
input[type='date'],
input[type='email'],
input[type='number'],
input[type='search'],
input[type='button'],
input[type='submit'],
input[type='password'],
button { height:42px; padding:0 1em; border:1px solid #d6d8dc; background:#fff; color:#222;font-size:15px; vertical-align:middle; }
button { border:0; background:#7a8597; color:#fff;  }
textarea { padding:.5em; border:1px solid #c9c9c9; vertical-align:top; overflow:auto; resize:none; }
select { min-width:6em;height:44px; padding:0 2em 0 1em; border:1px solid #d2d2d2; background:#fff url("../../images/pc/form.select1.png") right center/auto .4rem no-repeat; color:#666;font-size:17px; vertical-align:middle; }
select:focus { background-image:url("../../images/pc/form.select1.png") }
select::-ms-expand { display:none; }
select[disabled],
textarea[disabled],
input[type='text'][disabled]{ background-color:#eaedf2; }
input[type='date']::-webkit-inner-spin-button { display:none; }
input[readonly] { background:#f2f4f8; }
textarea:focus,
select:focus,
input:focus { outline:none; }
input:-ms-input-placeholder { color:#ddd; }
input::-webkit-input-placeholder { color:#ddd; }
textarea:-ms-input-placeholder { color:#ddd; }
textarea::-webkit-input-placeholder { color:#ddd; }


/* 글꼴 크기 세팅 */
html,body { font-size:12px; }



/*------------------------------------------------------------------------------
| 자주쓰는 스타일
|.............................................................................*/

.absolute	{ position:absolute !important; }
.relative	{ position:relative !important; }
.hand		{ cursor:pointer; }
.hide		{ display:none; }
.block		{ display:block !important; }
.inblock	{ display:inline-block; }
.scroll		{ overflow:hidden; overflow-y:auto; }
.abs_lt		{ position:absolute; left:0; top:0; }
.abs_lb		{ position:absolute; left:0; bottom:0; }
.abs_rt		{ position:absolute; right:0; top:0; }
.abs_rb		{ position:absolute; right:0; bottom:0; }
.wfull		{ width:100%; }
.wauto		{ width:auto; min-width:0 !important; }



/*------------------------------------------------------------------------------
| 여백
|.............................................................................*/

.mt0  { margin-top:   0 !important; }	.mb0  { margin-bottom:   0 !important; }
.mt2  { margin-top: 2px !important; }	.mb2  { margin-bottom: 2px !important; }
.mt3  { margin-top: 3px !important; }	.mb3  { margin-bottom: 3px !important; }
.mt6  { margin-top: 6px !important; }	.mb6  { margin-bottom: 6px !important; }
.mt9  { margin-top: 9px !important; }	.mb9  { margin-bottom: 9px !important; }
.mt10 { margin-top:10px !important; }	.mb10 { margin-bottom:10px !important; }
.mt12 { margin-top:12px !important; }	.mb12 { margin-bottom:12px !important; }
.mt15 { margin-top:15px !important; }	.mb15 { margin-bottom:15px !important; }
.mt20 { margin-top:20px !important; }	.mb20 { margin-bottom:20px !important; }
.mt25 { margin-top:25px !important; }	.mb25 { margin-bottom:25px !important; }
.mt30 { margin-top:30px !important; }	.mb30 { margin-bottom:30px !important; }
.mt35 { margin-top:35px !important; }	.mb35 { margin-bottom:35px !important; }
.mt40 { margin-top:40px !important; }	.mb40 { margin-bottom:40px !important; }
.mt50 { margin-top:50px !important; }	.mb50 { margin-bottom:50px !important; }
.mt60 { margin-top:60px !important; }	.mb60 { margin-bottom:60px !important; }

.ml3  { margin-left: 3px !important; }	.mr3  { margin-right: 3px !important; }
.ml6  { margin-left: 6px !important; }	.mr6  { margin-right: 6px !important; }
.ml9  { margin-left: 9px !important; }	.mr9  { margin-right: 9px !important; }
.ml12 { margin-left:12px !important; }	.mr12 { margin-right:12px !important; }
.ml18 { margin-left:18px !important; }	.mr18 { margin-right:18px !important; }

.p0   { padding:0 !important; }			.bt0  { border-top:0 !important; }
.pt0  { padding-top:0 !important; }		.bb0  { border-bottom:0 !important; }
.pb0  { padding-bottom:0 !important; }	.bod0 { border:0 !important; }

.pad15 { padding:1.25em !important; }
.pside0 { padding-left:0 !important; padding-right:0 !important; }
.pside15e { padding-left:1.5em !important; padding-right:1.5em !important; }



/*------------------------------------------------------------------------------
| 정렬
|.............................................................................*/

.fleft  { float:left; }
.fright { float:right; }
.fclear { clear:both; }
.fgroup { *zoom:1; }
.fgroup:after { content:" "; display:block; clear:both; }

.tleft		{ text-align:left !important; }
.tright		{ text-align:right !important; }
.tcenter	{ text-align:center !important; }
.tjustify	{ text-align:justify !important; }
.bcenter	{ margin-left:auto; margin-right:auto; }

.v1			{ vertical-align:-1px !important; }
.v2			{ vertical-align:-2px !important; }
.v3			{ vertical-align:-3px !important; }
.vtop		{ vertical-align:top !important; }
.vmid		{ vertical-align:middle !important; }
.vbase		{ vertical-align:baseline !important; }
.vmiddle	{ vertical-align:middle !important; margin-bottom:.083em; }
.vmidAll > *{ vertical-align:middle !important; }
.vmid2 > *,
.vmid2:after{ vertical-align:middle;display:inline-block; }
.vmid2:after{ content:''; width:0;height:100%; }
.vbtm		{ vertical-align:bottom !important; }
.flex		{ display:-webkit-flex !important;display:flex !important; }
.flexCenter	{ -webkit-justify-content:center;justify-content:center; }
.flexMidCen	{ -webkit-justify-content:center;-webkit-align-items:center;justify-content:center;align-items:center; }
.flexMiddle	{ -webkit-align-items:center;align-items:center; }
.flexRight	{ -webkit-justify-content:flex-end;justify-content:flex-end; }
.flexBottom	{ -webkit-align-items:flex-end;align-items:flex-end; }
.flexBetween{ -webkit-justify-content:space-between;justify-content:space-between; }
.flexBetween > * { -webkit-flex:auto; flex:auto; }
.flexRow	{ -webkit-flex-flow:wrap row;flex-flow:wrap row; }
.flexAuto	{ -webkit-flex:auto !important;flex:auto !important; }
.flexFull	{ display:-webkit-flex;display:flex; }
.flexFull > .free { -webkit-flex:1 1 auto;flex:1 1 auto; }



/*------------------------------------------------------------------------------
| 글꼴
|.............................................................................*/

.f9  { font-size:0.75rem !important; }	.f19 { font-size:1.58rem !important; }
.f10 { font-size:0.83rem !important; }	.f20 { font-size:1.66rem !important; }
.f11 { font-size:0.91rem !important; }	.f21 { font-size:1.75rem !important; }
.f12 { font-size:1.00rem !important; }	.f23 { font-size:1.92rem !important; }
.f13 { font-size:1.08rem !important; }	.f24 { font-size:2.00rem !important; }
.f14 { font-size:1.16rem !important; }	.f25 { font-size:2.08rem !important; }
.f15 { font-size:1.25rem !important; }	.f30 { font-size:2.5rem  !important; }
.f16 { font-size:1.33rem !important; }	.f34 { font-size:2.83rem !important; }
.f17 { font-size:1.41rem !important; }	.f42 { font-size:3.5rem  !important; }
.f18 { font-size:1.50rem !important; }

.mark10 { color:#000 !important; }	.mark0 { color:# !important; }
.mark11 { color:#111 !important; }	.mark1 { color:# !important; }
.mark12 { color:#222 !important; }	.mark2 { color:# !important; }
.mark13 { color:#333 !important; }	.mark3 { color:# !important; }
.mark14 { color:#444 !important; }	.mark4 { color:# !important; }
.mark15 { color:#555 !important; }	.mark5 { color:#5618b0 !important; }
.mark16 { color:#666 !important; }  .mark6 { color:# !important; }
.mark17 { color:#777 !important; }	.mark7 { color:# !important; }
.mark18 { color:#888 !important; }	.mark8 { color:#db3e00 !important; }
.mark19 { color:#999 !important; }
.mark1f { color:#fff !important; }

.bold		{ font-weight:bold; }
.bold5		{ font-weight:500; }
.bold8		{ font-weight:800; }
.fnormal	{ font-weight:normal !important; }
.fverda		{ font-family:Verdana; }
.under		{ text-decoration:underline !important; }
.wordbreak	{ word-spacing:.2em; word-break:keep-all; }
.ws-1		{ word-spacing:-1px; }
.lh15		{ line-height:1.5em; }
.nowrap		{ white-space:nowrap; }
.strcut		{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }
.material	{
	margin-top:-1px;
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	line-height: inherit;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	vertical-align:middle;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
}

.ftxt1 { color:#555; font-size:17px; }
.ftxt_new { color:#fe6000; font-family:helvetica;font-size:18px; }



/*------------------------------------------------------------------------------
| 블릿/아이콘
|.............................................................................*/

ul.lstDot  > li,p.bltDot ,div.bltDot  { padding-left:  .6em; text-indent:-.6em; }
ul.lstDash > li,p.bltDash,div.bltDash { padding-left:  .6em; text-indent:-.6em; }
ul.lstAste > li,p.bltAste,div.bltAste { padding-left: .85em; text-indent:-.85em; }
ul.lstKome > li,p.bltKome,div.bltKome { padding-left:1.25em; text-indent:-1.25em; }
ul.lstNemo > li,p.bltNemo,div.bltNemo { padding-left:9px; text-indent:-9px; }
ul.lstDot  > li:before,.bltDot:before  { content:'• ' ; color:#999; }
ul.lstDash > li:before,.bltDash:before { content:'- ' ; }
ul.lstAste > li:before,.bltAste:before { content:'* ' ; vertical-align:-2px; font-family:Dotum; }
ul.lstKome > li:before,.bltKome:before { content:'※ '; font-weight:normal; }
ul.lstNemo > li:before,.bltNemo:before { content:''; width:3px; height:3px; margin:0 5px 3px 0; background:#929292; vertical-align:middle; display:inline-block; }

.bltVbar:before	{ content:'|'; margin:0 .5em 0 .2em; color:#c5ccd8; font-weight:normal; }
.brtVbar:after	{ content:'|'; margin:0 .2em 0 .5em; color:#c5ccd8; font-weight:normal; }



/*------------------------------------------------------------------------------
| 타이틀
|.............................................................................*/

h1.tit19 { position:relative; height:60px; padding-left:35px; background:#6b2dbe;color:#fff; font-weight:normal;font-size:20px;line-height:62px; }
h1.tit19 > .close { position:absolute;right:20px;top:18px; width:21px;height:21px; background:url("../../images/pc/ico02.01.png") left top/100% 100% no-repeat; display:block; }



/*------------------------------------------------------------------------------
| 탭
|.............................................................................*/

[class^= 'tab'] > ul,
[class*=' tab'] > ul { height:100%; display:-webkit-flex;-webkitjustify-content:space-between;-webkit-align-items:center; display:flex;justify-content:space-between;align-items:center }
[class^= 'tab'] > ul > li,
[class*=' tab'] > ul > li { text-align:center;white-space:nowrap; -webkit-flex:auto;flex:auto; }
._cram1 li { flex:0 0 100.00% !important; }
._cram2 li { flex:0 0 50.00% !important; }
._cram3 li { flex:0 0 33.33% !important; }
._cram4 li { flex:0 0 25.00% !important; }
._cram5 li { flex:0 0 20.00% !important; }
._cram6 li { flex:0 0 16.66% !important; }



/*------------------------------------------------------------------------------
| 테이블
|
|	.tbl20 시리즈(20 ~ 29)는 반드시 class의 맨앞에 와야 됩니다.
|	ex) <table class="tbl20"> (o)
|	ex) <table class=" tbl21"> (x)
|	ex) <table class="box01 tbl22"> (x)
|.............................................................................*/

[class^='tbl2'] { width:100%; border:1px solid #d6d6d6;border-left-width:0; background:#fff;color:#222; font-size:1rem;line-height:1.333em;text-indent:0; }
[class^='tbl2'] > * > tr > * { height:3.077em; padding:.885em; border:solid #d6d6d6;border-width:1px 0 0 1px; text-align:center; }
[class^='tbl2'] > * > tr > th { background:#586378; color:#fff; font-weight:normal; }
[class^='tbl2'] > thead > tr > th { border-color:rgba(255,255,255,.2); white-space:nowrap; }
[class^='tbl2'] > tbody > tr > th { background-color:#F7F8FB; color:#222; }
[class^='tbl2'] > colgroup + * > :first-child > *,
[class^='tbl2'] > :first-child > :first-child > * { border-top-width:0; }
.tbl21,.tbl22,.tbl25 { border-right-width:0; }
.tbl24,.tbl25 { border-top-width:0; }
.tbl25,.tbl26 { border-bottom-width:0; }
.tbl22.tbl23 { border-left-width:1px;border-right-width:1px; }
.tbl23 > * > tr > * { border-top-width:0; }
.tbl22 > * > tr > *,
.tbl21 > * > tr > :first-child,
.tbl25 > * > tr > :first-child { border-left-width:0; }
.tbl21 > * > tr > .row_first,
.tbl25 > * > tr > .row_first { border-left-width:1px; }
.tbl26 > * > tr.td_fake > * { border-top-width:1px; }
.tbl24 > * > :first-child > * { border-top-width:1px !important; }
.tbl27 > tbody > tr > * { height:2.077em; padding:.615em .769em; }
.tbl28 > tbody > tr > * { height:2.615em; }
.tbl29 > * > tr > * { height:1.462em; padding:.615em; }
.tbl2a { border-radius:.5em .5em 0 0;border-right-width:0;border-top-width:0; }
.tbl2a > * > tr > :last-child { border-right-width:1px; }
.tbl2a > thead > tr > :first-child { border-left-color:#586378; }
.tbl2a > thead > tr > :last-child { border-right-color:#586378; }
.tbl2a > thead > :first-child > :first-child { border-radius:.4em 0 0 0; }
.tbl2a > thead > :first-child > :last-child { border-radius:0 .4em 0 0; }
.tbl2a > thead + tbody > :first-child > * { border-top-width:0; }
.tbl2a.f11 > :first-child > :first-child > * { border-top:1px solid #586378; }
.tbl2b { border-top:1px solid #c5d7d9; }
.tbl2b > * > tr > * { padding-left:.5em;padding-right:.5em; border-color:#e8e8e8 }
.tbl2b .tleft { padding-left:.5em !important;padding-right:.5em !important; }
.tbl2c { border-color:#a9c0c3; }
.tbl2c > * > tr > * { border-color:#c5d7d9; }
.tbl2c > * > tr > :first-child { border-left-color:#a9c0c3; }


/* 테이블 공용 */
table.collapse { border-collapse:collapse; }
table.tr_hover > tbody > tr:hover { background-color:#fffcf3; }
table .td_side,
table.th_left > tbody > * > th,
table.td_left > tbody > * > td { text-align:left; }
table.th_left > * > * > th,
table.td_left > * > * > td,
table tr > .tleft,
table tr > .tright,
table tr > .td_right_vmid,
table .td_side { padding-left:1em; padding-right:1em; }
table .td_side > :first-child { float:right; }
table .td_right_vmid > div { position:relative; padding-right:25px; text-align:left; }
table .td_right_vmid > div > :first-child { position:absolute; right:0;top:50%; transform:translateY(-50%); }
table .td_label_left label { text-align:center; display:block; }
table .td_label_left label i { margin:0 5px;padding:0 !important; display:block !important; }
table tr > .td_mark10 { background:#f0f8f9; }

.tblScrollX { overflow:hidden;overflow-x:auto; }
.tblScrollX > table { width-:auto; }



/*------------------------------------------------------------------------------
| 리스트
|.............................................................................*/

.lst21 { border-top:3px solid #333;border-bottom:1px solid #6c6c6c; text-align:left; }
.lst21 > dt { position:relative; padding:0 0 0 60px; height:89px; background:#fff;color:#222; font-weight:bold;font-size:21px;line-height:90px; }
.lst21 > dt samp { position:absolute;right:140px;top:0; color:#222; font-weight:normal;font-size:17px;line-height:92px; }
.lst21 > dt:after { content:'';position:absolute;right:51px;top:39px; width:23px;height:14px; background:url("../../images/pc/ico01.01.png") no-repeat; }
.lst21 > dt.on { color:#5420ac; }
.lst21 > dt.on:after { background-position:0 -14px; }
.lst21 > dd { padding:40px 60px 70px 60px; background:#fffdf1; color:#222; font-size:18px;line-height:25px; display:none; }
/*.lst21 > dd > div { min-height:10em; }*/
.lst21 > dd + dt { border-top:1px solid #6c6c6c; }
.lst21 > dt.on + dd { border-top:1px solid #e5e5e5; }
.lst21._type1 > dt { padding-left:32px; }
.lst21._type1 > dt em { margin-right:98px; color:#222; font-family:helvetica;font-size:28px; vertical-align:middle; }
.lst21._type1 > dd { padding-left:158px; }



/*------------------------------------------------------------------------------
| 박스
|.............................................................................*/



/*------------------------------------------------------------------------------
| 레이어
|.............................................................................*/

/* 팝업레이어*/
.popupLayer { position:fixed;left:0;top:0; width:100%;height:100%; opacity:0;visibility:hidden;overflow:auto;z-index:80; }
.popupLayer.on { background:rgba(0,0,0,.4); opacity:1;visibility:visible; }
.popupLayer.on > [class^= 'popupBox'],
.popupLayer.on > [class*=' popupBox'] { position:relative;top:50%; }
.popupBox1 { width:90%; margin:0 auto; background:#fff; box-sizing:border-box; }
.popupBox1 > h1 { position:relative; height:56px; padding-left:1.2em; background:#6b2dbe;color:#fff; font-weight:normal;font-size:20px;line-height:58px; }
.popupBox1 > .body { padding:30px; box-sizing:border-box; }
.popupBox1 > .body > h2 { margin:-.14em 0 1em; color:#444; font-size:22px;line-height:1.25em; }
.popupBox1 > .close { position:absolute;right:20px;top:17px; width:21px;height:21px; background:url("../../images/pc/ico02.01.png") left top/100% 100% no-repeat; display:block; z-index:9; }

.popupBox2 { width:90%; margin:0 auto; background:#fff; box-sizing:border-box; }
.popupBox2 > h1 { position:relative; height:56px; padding-left:1.2em; background:#000;color:#fff; font-weight:normal;font-size:20px;line-height:58px; }
.popupBox2 > .body { padding:30px; box-sizing:border-box; }
.popupBox2 > .body > h2 { margin:-.14em 0 1em; color:#444; font-size:22px;line-height:1.25em; }
.popupBox2 > .close { position:absolute;right:20px;top:17px; width:21px;height:21px; background:url("../../images/pc/ico02.01.png") left top/100% 100% no-repeat; display:block; z-index:9; }
.popupBox2 > #divVideo {border:2px solid #000}

/*
@media all and (max-width:750px){
	.popupBox2 { width:100%;min-height:100%; border:0; }
	.popupBox2 > h1 { height:3.286em; font-size:14px;line-height:3.286em; }
	.popupBox2 > h1:before { left:1.25em;top:1.25em; width:.143em;height:.786em; }
	.popupBox2 > .close { right:1.286em;top:1.036em; width:1.179em;height:1.179em; font-size:14px; }
}
*/


/*------------------------------------------------------------------------------
| 바/라인
|.............................................................................*/

.barSide { display:-webkit-flex;-webkit-align-items:center; display:flex;align-items:center; }
.barSide > * { text-align:left; -webkit-flex:auto; flex:auto; }
.barSide > :last-child { text-align:right; }

.line21 { margin:1em 0; height:1px; background:url("../../images/pc/line.dot1.png") repeat-x; }


/* 페이징 */
.page_num { height:38px; font-size:15px; text-align:center; }
.page_num a { height:100%; color:#222; display:block; }
.page_num .paginate_m span { display:inline-block; }
.page_num .paginate_m span span { float:left; height:38px; margin:0 2px; vertical-align:middle; }
.page_num .paginate_m span span.no { width:36px;height:36px; border:1px solid #d0d3d8; background:#fff; color:#222; font-weight:bold;line-height:38px; }
.page_num .paginate_m span span.current { border-color:#33373f; background-color:#33373f; color:#fff; }
.page_num .paginate_m span span img { height:38px; cursor:pointer; }
.page_num .paginate_m span span.no + span.image,
.page_num .paginate_m span span.image + span.no { margin-left:8px; }
.page_num .paginate_m span.image + span.image { margin-left:2px; }
.page_num .paginate_m span.image img { height:100%; }



/*------------------------------------------------------------------------------
| 버튼
|.............................................................................*/

a[class^= 'btn'],
a[class*=' btn']{ position:relative; text-indent:0;text-align:center;text-decoration:none; box-sizing:border-box; white-space:nowrap;vertical-align:middle;display:inline-block; }
a[class^= 'btn'].disabled { position:relative; cursor:default; }
a[class^= 'btn'].disabled:before,
a[class*=' btn'].disabled:before { content:''; position:absolute;left:-1px;top:-1px;width:calc(100% + 2px);height:calc(100% + 2px); background:rgba(255,255,255,.8); display:block; }

[class^= 'btn35'],[class*=' btn35']{ height:35px; padding:0 1.0em; border:1px solid transparent; font-size:16px;line-height:35px; }
[class^= 'btn43'],[class*=' btn43']{ height:43px; padding:0 2.0em; border:1px solid transparent; font-size:17px;line-height:43px; }
[class^= 'btn70'],[class*=' btn70']{ height:70px; padding:0 1.5em; border:1px solid transparent; font-size:26px;line-height:70px; }
.btn43a { border-color:#6b2dbe; background-color:#6b2dbe; color:#fff; }
.btn35c,.btn43c,.btn70c { border-color:#27272d; background-color:#27272d; color:#fff; }



/*------------------------------------------------------------------------------
| 폼
|.............................................................................*/

.chkbox1 label,
 .radio1 label { position:relative; display:inline-block; cursor:pointer; }
.chkbox1 label input[type=checkbox],
 .radio1 label input[type=radio] { position:absolute; visibility:hidden; }
.chkbox1 label input[type=checkbox] + i { min-height:18px; padding:0 0 0 1.7em; background:url('../../images/pc/form.chkbox1.png') left center/auto 18px no-repeat; color:#666;font-size:14px;line-height:18px; display:inline-block; }
.chkbox1 label input[type=checkbox]:checked + i { background-image:url('../../images/pc/form.chkbox1.on.png'); color:#222; }
 .radio1 label input[type=radio] + i { min-height:18px; padding:0 0 0 1.7em; background:url('../../images/pc/form.radio1.png') left center/auto 18px no-repeat; color:#666;font-size:14px;line-height:18px; display:inline-block; }
 .radio1 label input[type=radio]:checked + i { background-image:url('../../images/pc/form.radio1.on.png'); color:#222; }
.chkbox1 label.noText,
 .radio1 label.noText { width:18px;height:18px; font-size:0; }
.chkbox1 label.noText input[type=checkbox] + i,
 .radio1 label.noText input[type=radio] + i { width:18px; padding:0; background-position:50% 50%; }
input[type=radio][disabled] + i:after,
input[type=checkbox][disabled] + i:after { content:''; position:absolute;left:0;top:0;width:100%;height:100%; background:rgba(255,255,255,.5); display:block; }


/* label 간격 */
[class^= 'label_cram'],
[class*=' label_cram']{ *zoom:1; }
[class^= 'label_cram'] label,
[class*=' label_cram'] label { float:left; padding-right:.5em;display:inline-block;box-sizing:border-box; }
[class^= 'label_cram'] label.free,
[class*=' label_cram'] label.free { width:auto !important; }
[class^= 'label_cram']:after,
[class*=' label_cram']:after { content:"";display:block;clear:both; }
.label_cram1 label { width:100.00%; }	.label_cram4 label { width:25.00%; }
.label_cram2 label { width:50.00%; }	.label_cram5 label { width:20.00%; }
.label_cram3 label { width:33.33%; }	.label_cram6 label { width:16.66%; }
.label_0em   label { margin-right:.5em; }
.label_1em   label { margin-right:1em; }
.label_2em   label { margin-right:2em; }
.label_0em   label:last-child,
.label_1em   label:last-child,
.label_2em   label:last-child { margin-right:0; }
.label_line  label { margin-top:.25em; margin-bottom:.25em; }
.label_mb    label { margin-bottom:.5em; }



/*------------------------------------------------------------------------------
| 팝업
|.............................................................................* /



/* CSS END */