@charset "utf-8";
@import url('//fonts.googleapis.com/icon?family=Material+Icons');
@import url('//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css');
/*=============================================================================+
| 타이틀: 홍보홈                                                               |
| 작업일: 2020-03-20 (update:2021-11-11)                                       |
| 작성자: 이정세                                                               |
+------------------------------------------------------------------------------+
| IE7  부터 지원 - :first-child
| IE8  부터 지원 - :after :before box-sizing
| IE9  부터 지원 - :last-child :checked :nth-of-type calc() vh rgba radius
| IE10 부터 지원 - animation transform2D transition -ms-flex
+------------------------------------------------------------------------------+
| 1) onclick을 주면 커서모양이 손가락으로 바뀜
| 2) a 태그라도 href가 생략되면 일반 태그와 동일 취급(커서 안바뀜)
| 3) font, font-family 스타일은 최하위 요소에만 사용. 그렇지 않으면 하위 요소에 상속됨
| 4) 3)과 같은 이유로 font 대신 font-weight, font-size, line-height 사용을 권장
+-----------------------------------------------------------------------------*/


/* 기본세팅 */
html { -webkit-text-size-adjust:none; }
html,body { border:0; }
body,p,table,input,select,button,textarea { color:#666; font:14px/1.5em 'Nanum Barun 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 { margin:0; padding:0; *font-size:0; }
caption { position:absolute; left: 0; top:-5000px; font:0/0 Dotum; }
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 { font-style:normal; }
ul { list-style:none; }
img { border:0; vertical-align:middle; }
strong { font-weight:bold; }
samp { font-family:'Nanum Barun Gothic',Dotum,sans-serif; }
a { color:inherit; text-decoration:none; }
a.hover:hover { color:#640fd7; border-bottom:1px solid #640fd7; }
[onclick] { cursor:pointer; }
[onclick],button,a {
	/* 모바일에서 클릭시 파란영역 삭제 */
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color:transparent;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
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;
	    -ms-appearance:none;     -ms-border-radius:0;     -ms-box-shadow:none;
	     -o-appearance:none;      -o-border-radius:0;      -o-box-shadow:none;
	        appearance:none;         border-radius:0;         box-shadow:none;
}



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

.absolute { position:absolute !important; }
.relative { position:relative !important; }
.hand     { cursor:pointer; }
.hide     { display:none; }
.inblock  { display:inline-block; }
.block  { display:block; }
.scroll   { overflow:auto; overflow-x:hidden; *position:relative; }
.loading  { width:100%; height:100%; background:url("http://imgsvr.visangesn.com/visangplus.com.vs1/icon/loading.gif") center center no-repeat; }
.whitefilm { position:relative; }
.whitefilm:before { content:''; position:absolute;left:0;top:0;width:100%;height:100%; background:rgba(255,255,255,.5); display:block; z-index:1; }
.abs_leftTop { position:absolute; left:0; top:0; }
.abs_leftBottom { position:absolute; left:0; bottom:0; }
.abs_rightTop { position:absolute; right:0; top:0; }
.abs_rightBottom { position:absolute; right:0; bottom:0; }

/* 폭에 따라 보이기/감추기 */
.resMobile { display:none; }

@media all and (max-width:750px){
	.resPC { display:none; }
	.resMobile { display:inherit; }
}



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

.mt0  { margin-top : 0   !important; }	.mb0  { margin-bottom: 0px !important; }
.mt1  { margin-top : 1px !important; }	.mb1  { margin-bottom: 1px !important; }
.mt2  { margin-top : 2px !important; }	.mb2  { margin-bottom: 2px !important; }
.mt3  { margin-top : 3px !important; }	.mb3  { margin-bottom: 3px !important; }
.mt5  { margin-top : 5px !important; }	.mb5  { margin-bottom: 5px !important; }
.mt10 { margin-top :10px !important; }	.mb10 { margin-bottom:10px !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; }
.mt70 { margin-top :70px !important; }	.mb70 { margin-bottom:70px !important; }
.ml2  { margin-left: 2px !important; }	.mr2  { margin-right : 2px !important; }
.ml3  { margin-left: 3px !important; }	.mr3  { margin-right : 3px !important; }
.ml5  { margin-left: 5px !important; }	.mr5  { margin-right : 5px !important; }
.ml7  { margin-left: 7px !important; }	.mr7  { margin-right : 7px !important; }
.ml10 { margin-left:10px !important; }	.mr10 { margin-right :10px !important; }
.ml15 { margin-left:15px !important; }	.mr15 { margin-right :15px !important; }
.ml20 { margin-left:20px !important; }	.mr20 { margin-right :20px !important; }
.ml25 { margin-left:25px !important; }	.mr25 { margin-right :25px !important; }
.ml30 { margin-left:30px !important; }	.mr30 { margin-right :30px !important; }
.ml50 { margin-left:50px !important; }	.mr50 { margin-right :50px !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; }

.v0 { vertical-align: 0px !important; }	.v5 { vertical-align:-5px !important; }
.v1 { vertical-align:-1px !important; }	.v6 { vertical-align:-6px !important; }
.v2 { vertical-align:-2px !important; }	.v7 { vertical-align:-7px !important; }
.v3 { vertical-align:-3px !important; }	.v8 { vertical-align:-8px !important; }
.v4 { vertical-align:-4px !important; }
.vtop { vertical-align:top !important; }
.vmid { vertical-align:middle !important; }
.vmiddle { vertical-align:middle !important; margin-bottom:2px; }
.vmidAll > * { vertical-align:middle !important; }
.vbase { vertical-align:baseline !important; }
.vbaseAll > * { vertical-align:baseline !important; }
.vbottom { vertical-align:bottom !important; }
.vmid2 > *,
.vmid2:after { vertical-align:middle;display:inline-block; }
.vmid2:after { content:''; width:0;height:100%; }
.vcenter { #position:relative; height:100%; display:table; overflow:hidden; }
.vcenter > div { #position:absolute; #top:50%; display:table-cell; vertical-align:middle; }
.vcenter > div > div { #position:relative; #top:-50%; }
.flexMiddle { display:-webkit-flex;display:flex; -webkit-align-items:center;align-items:center; }
.flexCenter { display:-webkit-flex;display:flex; -webkit-justify-content:center;justify-content:center; -webkit-align-items:center;align-items:center; }
.flexFull { display:-webkit-flex;display:flex; }
.flexFull > .free { -webkit-flex:1 1 auto;flex:1 1 auto; }
.flexRow {
	-webkit-flex-flow:wrap row;
	-ms-flex-flow:wrap row;
	flex-flow:wrap row;
}
.flexBetween {
	display:-webkit-flex;
	display:-ms-flex;
	display:flex;
	 -webkit-justify-content:space-between;
	 -ms-justify-content:space-between;
	 justify-content:space-between;
}
.flexRowCenter {
	display:-webkit-flex;
	display:-ms-flex;
	display:flex;
	-webkit-flex-flow:wrap row;
	-ms-flex-flow:wrap row;
	flex-flow:wrap row;
	-webkit-justify-content:center;
	-ms-justify-content:center;
	justify-content:center;
}



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

.mark10 { color:#000 !important; }
.mark11 { color:#111 !important; }
.mark12 { color:#222 !important; }
.mark13 { color:#333 !important; }
.mark14 { color:#444 !important; }
.mark15 { color:#555 !important; }	.mark5 { color:#7b36ff !important; }
.mark16 { color:#666 !important; }
.mark17 { color:#777 !important; }
.mark18 { color:#888 !important; }	.mark8 { color:#db3e00 !important; }
.mark19 { color:#999 !important; }

.bold    { font-weight:bold !important; }
.bold8   { font-weight:800 !important; }
.fNormal { font-weight:normal !important; }
.fDotum  { font-family:Dotum !important; }
.fverda  { font-family:Verdana,Dotum !important; }
.material{ font-family:'Material Icons' !important; }
.fzero   { font-size:0;line-height:0; }
.ls1     { letter-spacing:1px; }
.ls-1    { letter-spacing:-1px; }
.ws-1    { word-spacing:-1px; }
.under,
.under_hover:hover { border-bottom:1px solid #444; text-decoration-:underline; }
.hover_inherit:hover { color:inherit; }
.nowrap { white-space:nowrap; }
.wordbreak { white-space:nowrap; display:inline-block; }
.wordbreakAll > * { white-space:nowrap; display:inline-block; }
.strcut { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }
.material { vertical-align:middle; font-weight:normal; font-family:'Material Icons'; }



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

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 .4em 0 .2em; color:#c5ccd8; font-weight:normal; }
.brtVbar:after		{ content:'|'; margin:0 .2em 0 .4em; 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; }


@media all and (max-width:750px){
	h1.tit19 { height:3.286em; padding-left:20px; font-size:14px;line-height:3.286em; }
	h1.tit19:before { left:1.25em;top:1.25em; width:.143em;height:.786em; }
	h1.tit19 > .close { right:1.286em;top:1.036em; width:1.179em;height:1.179em; font-size:14px; }
}

h1 > .rightTop,
h2 > .rightTop,
h3 > .rightTop { position:absolute;right:0;top:0; font-weight:normal;line-height:1; }
h1 > .rightBottom,
h2 > .rightBottom,
h3 > .rightBottom { position:absolute;right:0;bottom:0; font-weight:normal;line-height:1; }



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

 [class^= 'tab'],
 [class*=' tab'] { white-space:nowrap; }
 [class^= 'tab'] a,
 [class*=' tab'] a { text-decoration:none; }
 [class^= 'li_cram'],
 [class*=' li_cram'] { float:none !important; }
 [class^= 'li_cram'] li a,
 [class*=' li_cram'] li a { padding-left:0; padding-right:0; }
.li_cram1 li { width:100.00%; }	.li_cram5 li { width:20.00%; }
.li_cram2 li { width:50.00%; }	.li_cram6 li { width:16.66%; }
.li_cram3 li { width:33.33%; }	.li_cram7 li { width:14.27%; }
.li_cram4 li { width:25.00%; }	.li_cram8 li { width:12.50%; }

/* 탭공통 */
.tabRight li { float:right !important; }



/*------------------------------------------------------------------------------
| 테이블
|	.type숫자 : 테이블 높이의 차이
|	.type알파벳 : 테이블 색상의 차이
|.............................................................................*/

/* 테이블 공용 */
table.collapse { border-collapse:collapse; }
table.all_td_left > tbody > * > td { padding-left:15px;padding-right:15px; text-align:left; }
table.all_th_left > tbody > * > th { padding-left:18px;padding-right:15px; text-align:left; }

table tr > .tleft,
table tr > .tright,
table tr > .td_result,
table .td_right_vmid { padding-left:15px !important; padding-right:15px !important; }



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


/* 말풍선 */
.helpTip4 { position:relative; white-space:nowrap;letter-spacing:0; display:inline-block; z-index--:2; }
.helpTip4 > em { position:absolute;left:50%;bottom:100%; width:30em; margin:0 0 12px -15em; color:#333;font-weight:bold;font-size:12px;line-height:18px; text-align:center; display:none; }
.helpTip4 > em:before { position:absolute;left:50%;bottom:-6px; width:11px;height:7px; margin-left:-5px; background:url('../../images/pc/box.tail.png') -1px -6px no-repeat; display:block;z-index:1; content:''; }
.helpTip4 > em > em:first-child { position:relative;padding:.6em .7em; border:1px solid #979797;border-radius:5px;box-shadow:1px 1.73px 3px rgba(0,0,0,.15); background:#fff; display:inline-block; }
.helpTip4.htKeep > em:after { position:absolute;left:50%;bottom:-14px; width:100%;height:15px; margin-left:-50%; display:block; content:''; }
.helpTip4.htKeep.htUnder > em:after { top:-14px; }
.helpTip4.htUnder > em { top:100%;bottom:0; margin-top:12px; }
.helpTip4.htUnder > em:before { top:-6px; background-position:-1px 0; }
.helpTip4.htRight > em,
.helpTip4.htLeft  > em { left:0; width:100%; margin-left:0; }
.helpTip4.htLeft  > em > em:first-child { position:absolute;right:-20px;bottom:0; }
.helpTip4.htRight > em > em:first-child { margin-left:-20px; }
.helpTip4.htLeft.htUnder > em > em:first-child { bottom:auto;top:0; }
.helpTip4.htEast > em,
.helpTip4.htWest > em { top:0;bottom:0;left:100%; width:auto;height:100%; margin:0 0 0 12px; text-align:left; }
.helpTip4.htWest > em { left:auto;right:100%; margin:0 12px 0 0; }
.helpTip4.htWest > em:before,
.helpTip4.htEast > em:before { top:50%;bottom:auto;left:auto;right:-6px; margin:-6px 0 0 0; width:7px;height:11px; background-position:-6px -1px; }
.helpTip4.htEast > em:before { left:-6px; margin:-6px 0 0 0; background-position:0 -1px; }
.helpTip4.htEast > em > em:first-child,
.helpTip4.htWest > em > em:first-child { top:-7px; }
.helpTip4.htOran > em > em:first-child { border-color:#ff9000; }
.helpTip4.htOran > em:before { background-position:-14px -6px; }
.helpTip4.htOran.htUnder > em:before { background-position:-14px 0; }
.helpTip4.htOran.htWest > em:before { background-position:-19px -1px; }
.helpTip4.htOran.htEast > em:before { background-position:-13px -1px; }
.helpTip4.htNemo > em > em:first-child { border-radius:0; }
.helpTip4[class*=' htIcon'] { vertical-align:middle; }
.helpTip4[class*=' htIcon'] > em > em:first-child { padding:1em 1.25em; text-align:left; }
.helpTip4.htIcon1 { width:21px;height:21px; background:url('../../images/pc/help1.png') no-repeat; }
.helpTip4.htIcon2 { width:17px;height:17px; background:url('../../images/pc/help2.png') no-repeat; }
.helpTip4.htIcon3 { width:17px;height:17px; background:url('../../images/pc/help3.png') no-repeat; }
.helpTip4.htIcon1:hover { background-position:-21px 0; }
.helpTip4.htIcon2:hover,
.helpTip4.htIcon3:hover { background-position:-17px 0; }
.helpTip4.on,
.helpTip4:hover { z-index:3; }
.helpTip4.on > em,
.helpTip4:hover > em { display:block; }

/* 팝업레이어*/
.popupLayer { position:fixed;left:0;top:0; width:100%;height:100%; background:rgba(0,0,0,.3); opacity:0;visibility:hidden;overflow:auto;z-index:80; }
.popupLayer.on { background:rgba(0,0,0,.3); opacity:1;visibility:visible; }
.popupLayer.on > [class^= 'popupBox'],
.popupLayer.on > [class*=' popupBox'] { position:relative;top:50%; }
.popupBox1 { width:90%; margin:0 auto; border:2px solid #000; background:#fff; box-sizing:border-box; }
.popupBox1 > h1 { position:relative; height:3em; padding-left:2em; background:#000;color:#fff; font-weight:normal;font-size:18px;line-height:2.889em; }
.popupBox1 > h1:before { content:''; position:absolute;left:1.222em;top:1em; width:.222em;height:.889em; background:#fbb70a; display:block; }
.popupBox1 > div.body { padding:30px; box-sizing:border-box; }
.popupBox1 > div.body > h2 { margin:-.14em 0 1em; color:#222; font-size:21px;line-height:1.25em; }
.popupBox1 > .close { position:absolute;right:18px;top:15px; width:21px;height:21px; background:url("../../images/pc/ico.close.png") left top/100% 100% no-repeat; display:block; z-index:9; }
.popupBox2 { margin:0 auto; padding:1.25em; border:2px solid #ffb900; box-shadow:1.71px 1.03px 3px rgba(0,0,0,.3); background:#fff; box-sizing:border-box; }
.popupBox2 > .close { position:absolute;right:18px;top:15px; width:17px;height:17px; background:url("../../images/pc/popform/ico.close2.png") left top/100% 100% no-repeat; display:block; z-index:9; }
.popupBox3 { width:90%; margin:0 auto; box-sizing:border-box; }
.popupBox3 > .close { position:absolute;right:18px;top:15px; width:21px;height:21px; background:url("../../images/pc/ico.close.png") left top/100% 100% no-repeat; display:block; z-index:9; }

.popupBox4 { width:90%; margin:0 auto; border:2px solid #000; background:#fff; box-sizing:border-box; }
.popupBox4 > h1 { position:relative; height:3em; padding-left:2em; background:#000;color:#fff; font-weight:normal;font-size:18px;line-height:2.889em; }
.popupBox4 > h1:before { content:''; position:absolute;left:1.222em;top:1em; width:.222em;height:.889em; background:#fbb70a; display:block; }
.popupBox4 > .close { position:absolute;right:18px;top:15px; width:21px;height:21px; background:url("../../images/pc/ico.close.png") left top/100% 100% no-repeat; display:block; z-index:9; }


@media all and (max-width:750px){
	.popupLayer { display:block; }
	.popupBox1 { width:100%;min-height:100%; border:0; }
	.popupBox1 > h1 { height:3.286em; font-size:14px;line-height:3.286em; }
	.popupBox1 > h1:before { left:1.25em;top:1.25em; width:.143em;height:.786em; }
	.popupBox1 > div.body { padding:1.5em; }
	.popupBox1 > div.body > h2 { font-size:16px; }
	.popupBox1 > .close { right:1.286em;top:1.036em; width:1.179em;height:1.179em; font-size:14px; }

	.popupBox4 { width:100%;min-height:100%; border:0; }
	.popupBox4 > h1 { height:3.286em; font-size:14px;line-height:3.286em; }
	.popupBox4 > h1:before { left:1.25em;top:1.25em; width:.143em;height:.786em; }
	.popupBox4 > .close { right:1.286em;top:1.036em; width:1.179em;height:1.179em; font-size:14px; }
}



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

.barSide { *zoom:1; }
.barSide dt { float:left; white-space:nowrap; }
.barSide dd { float:right; white-space:nowrap; text-align:right; }
.barSide dd.center { float:none; margin-left:30%; margin-right:30%; text-align:center; }
.barSide:after { content:" "; display:block; clear:both; }

/* 페이징 */
.page_num { height:34px; text-align:center; *zoom:1; }
.page_num .paginate_m span { display:inline-block; }
.page_num .paginate_m span span { float:left; height:32px; margin:0 2px; vertical-align:middle; }
.page_num .paginate_m span span.no { width:32px; background:#fff; border:1px solid #ddd;font:bold 12px/32px Verdana; white-space:nowrap; }
.page_num .paginate_m span span.no a { padding:0 6px; }
.page_num .paginate_m span span.current { border-color:#33373f; background:#33373f; color:#fff; }
.page_num .paginate_m span span img { height:34px; 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 a {display:block}

@media all and (max-width:750px){
	.page_num { height:26px; }
	.page_num .paginate_m span span { height:24px; }
	.page_num .paginate_m span span.no { width:24px; font-size:10px;line-height:24px; }
	.page_num .paginate_m span span img { height:26px; cursor:pointer; }
}



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

a[class^= 'btn'],
a[class*=' btn'] { position:relative; text-indent:0;text-align:center;text-decoration:none; white-space:nowrap;vertical-align:middle;display:inline-block; }
a[class^= 'btn'].disable:hover,
a[class*=' btn'].disable:hover { box-shadow:none; }
a[class^= 'btn'].disable:before,
a[class*=' btn'].disable:before { content:''; position:absolute;left:-1px;top:-1px;width:100%;height:100%; padding:1px; background:rgba(255,255,255,.7); display:block; }
input[class^= 'btn'],
input[class*=' btn'] { box-sizing:content-box; }



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

input { margin:0; vertical-align:middle; }
input[type='radio'],
input[type='checkbox'] { margin:0 2px; *margin-right:0; 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'] { height:44px; padding:0 9px; border:1px solid #d2d2d2; color:#222;font-size:14px; box-sizing:border-box; }
textarea { padding:4px; border:1px solid #d2d2d2; vertical-align:top; overflow:auto; box-sizing:border-box; resize:none; }
select { height:44px; padding:0 2.5em 0 1em; border:1px solid #d2d2d2; color:#555; background:url("../../images/pc/popform/form.select.png") no-repeat right center #fff; font-size:15px;text-indent:0.01px;text-overflow:''; vertical-align:middle; overflow:hidden;outline:none; }
select:focus { position:relative; background-image:url("../../images/pc/popform/form.select.png"); z-index:1; }
select::-ms-expand { display:none; }
select[disabled],
textarea[disabled],
input[type='text'][disabled] { background-color:#eaedf2; }

@media all and (max-width:750px){
	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'] { height:36px; font-size:13px; }
	select { height:36px; padding-right:2em; background-image:url("../../images/pc/popform/form.select.mobile.png"); font-size:13px; }
	select:focus { background-image:url("../../images/pc/popform/form.select.mobile.png"); }
}

select:focus,
textarea:focus,
input[type='text']:focus,
input[type='password']:focus { outline:none; }
input.calendar { width:135px; padding-right:40px; background:#fff url('../../images/pc/icon/calendar.png') right center no-repeat; cursor:pointer; }
input.calendar::-webkit-input-placeholder { color:#c5ccd8; font-size:14px; }
input:-ms-input-placeholder { color:#c5ccd8; font-size:14px; }
input::-webkit-input-placeholder { color:#c5ccd8; font-size:14px; }
input.wfull,
select.wfull,
textarea.wfull { width:100%; }

.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/popform/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/popform/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/popform/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/popform/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; }

@media all and (max-width:750px){
	.chkbox1 label input[type=checkbox] + i,
	 .radio1 label input[type=radio] + i { font-size:13px; }
}



/*------------------------------------------------------------------------------
| 기타
|.............................................................................*/

/* 이용약관 */
.clause_text { margin-bottom:0px; font:14px/22px 'Nanum Barun Gothic',Dotum,sans-serif; word-break:keep-all; }
.clause_text h3 { margin-bottom:20px; color:#333; font:bold 20px 'Nanum Barun Gothic',Dotum,sans-serif; }
.clause_text div { margin-bottom:15px; }
.clause_text dl dt { margin-bottom:7px; color:#3976b2; font-size:16px; font-weight:bold; }
.clause_text dl dd { margin-bottom:30px; color:#666; }
.clause_text dl dd ul.sub1 li { padding-left:14px; text-indent:-14px; }
.clause_text dl dd ul.sub2 { padding-top:5px; }
.clause_text dl dd ul.sub2 li { padding-left:18px; text-indent:-18px; }
.clause_text dl dd ul.sub3 { padding-top:5px; }
.clause_text dl dd ul.sub3 li { padding-left:6.5em; text-indent:-6.5em; }
.clause_text table { width:100%; margin:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:14px; line-height:20px; }
.clause_text table tr > * { padding:7px; background-color:#FFFFFF; border:1px solid #E1E1E1; color:#777; text-align:center; }
.clause_text table tr th { background-color:#FBFBFB; color:#333; }
.clause_text table.c_tbl tr td {text-align:left; padding-left:17px;}
.clause_text table.c_tbl tr td.tcenter {padding-left:7px;padding-right:7px}
.clause_text table tr th.tr_mark1 { background:#faf8ec; }
.clause_text table tr td.tr_mark1 { background:#fffdf1; }
.clause_text table tr th.tr_mark2 { background:#e9f2e8; }
.clause_text table tr td.tr_mark2 { background:#eef7ed; }
.clause_text table tr th.tr_mark3 { background:#eff5f9; }
.clause_text table tr td.tr_mark3 { background:#f4fafe; }
.clause_text table tr th.tr_mark4 { background:#f8eff2; }
.clause_text table tr td.tr_mark4 { background:#fcf3f6; }
.clause_text table tr th.tr_mark6 { background:#fff1f1; }
.clause_text table tr td.tr_mark6 { background:#fef4f4; }

/* 개인정보 취급동의 */
.privacy_text { margin-bottom:0px; font:14px/22px 'Nanum Barun Gothic',Dotum,sans-serif; word-break:keep-all; }
.privacy_text h3 { margin:25px 0 10px; color:#333; font:bold 18px 'Nanum Barun Gothic',Dotum,sans-serif; }
.privacy_text h3:first-child { margin-top:0 }
.privacy_text dl { margin-left:22px; }
.privacy_text dl dt { margin-bottom:5px; color:#333; font-weight:bold; }
.privacy_text dl dd { margin-bottom:10px; color:#666; }
.privacy_text dl dd ul.sub1 > li { padding-left:1em; text-indent:-1em; }
.privacy_text dl dd ul.sub2 > li { padding-left:7em; text-indent:-7em; }
.privacy_text dl dd ul.sub3 > li { padding-left:20px; text-indent:-20px; }
.privacy_text dl dd ul.sub33 > li { padding-left:0; text-indent:-9px; }
.privacy_text dl dd ul.sub4 { padding-top:10px; }
.privacy_text dl dd ul.sub4 > li { padding-left:6.5em; text-indent:-6.5em; }
.privacy_text table { width:100%; margin:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:14px; line-height:20px; }
.privacy_text table tr > * { padding:7px; background-color:#FFFFFF; border:1px solid #E1E1E1; color:#777; text-align:center; }
.privacy_text table tr th { background-color:#FBFBFB; color:#333; }

@media all and (max-width:750px){
	.clause_text *,
	.privacy_text * { font-size:12px !important;line-height:1.3em !important; }
}

/* div_calendar 달력 깨지는 문제로 추가 됨 2016.03.02 */
.div_calendar table tr { padding:0px !important; margin:0 !important}
.div_calendar table tr td,
.div_calendar table tr th { padding:0px !important; margin:0 !important; width:0 !important; border:none; height:none !important; text-align:none; font:12px/18px Dotum !important; }
.div_calendar table tr th { text-align:center !important; color:#666; background:none !important }

/*------------------------------------------------------------------------------
| 테이블
|.............................................................................*/

.tbl01 { width:100%; border-top:1px solid #d8dde9; background:#fff; color:#666; font-size:15px;}
.tbl01 td,
.tbl01 th { padding:10px; border:solid #d8dde9; border-width:0 0 1px 1px; line-height:1.444em; text-align:center; }
.tbl01 th { background:#f7f8fb; color:#666; font-weight:normal; }
.tbl01 tr > :first-child { border-left:0; }
.tbl01.td_height_btn31 tr > * { }
.tbl01 tr > *.td_bod_left1 { border-left:1px solid #d8dde9; }
.tbl01 tr > *.td_bod_rith1 { border-right:1px solid #d8dde9; }
.tbl01 td.on a {color:#651bd2}
.tbl01 .td_h48 td,
.tbl01 .td_h48 th { height:3.5em; padding:1.16em .5em; border:solid #dee3eb;border-width:0 0 1px 1px; line-height:1.444em;text-align:center; }