@charset "utf-8";

/* UI - Select */
body,select, input, textarea {
	    font-family: "Noto Sans KR", "돋움", verdana, arial, applegothic, sans-serif;
}

.ui_select { visibility:hidden; height:26px; line-height:26px; font-size:12px; vertical-align:middle; }
	.ui_select.original { visibility:visible; position:absolute; left:-9999px; }
	.ui_select.selectBox { visibility:visible; display:inline-block; padding-right:24px; position:relative; text-align:left; vertical-align:middle; z-index:1; cursor:pointer; }
	.ui_select.selectBox .selection { display:inline-block; position:absolute; top:0; left:0; padding-right:24px; overflow:hidden; text-indent:15px; color:#ffffff; border-radius:3px; background:#344f5d url("../images/common/ui/select/arrow.png") no-repeat right 0;
			-webkit-transition:background-color 0.2s;
			-moz-transition:background-color 0.2s;
			-ms-transition:background-color 0.2s;
			transition:background-color 0.2s;
		}
	.ui_select.selectBox .optionContainer { position:absolute; top:0; left:0; margin:1px 0; width:100% !important; overflow:hidden; border-radius:3px; background:#3b3b3b; box-shadow:3px 3px 8px rgba(0,0,0,0.2); }
	.ui_select.selectBox .optionScrollView { overflow:hidden; min-height:30px; max-height:200px; }
	.ui_select.selectBox .optionScrollView .exUIKit_scrollView {}
	.ui_select.selectBox .optionGroup { position:relative !important; display:block; margin:0; padding:0; overflow:hidden; line-height:30px; }
	.ui_select.selectBox .optionGroup .option { padding:0 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-indent:5px; color:#ffffff; border-bottom:1px solid #444444; 
		-webkit-transition: color,background-color 0.1s; 
		-moz-transition:background-color 0.1s;
		-ms-transition:background-color 0.1s;
		transition:background-color 0.1s;
	}
	.ui_select.selectBox .optionGroup .option:hover { color:#ffffff; background-color:#555555; }
	.ui_select.selectBox .optionGroup .option.selected { color:#ffffff; background-color:#b49350; }
	.ui_select.selectBox:hover {}
	.ui_select.selectBox:hover .selection { background-color:#3b3b3b; }
	.ui_select.selectBox.open { z-index:2; }
	.ui_select.selectBox.open .selection { background-color:#3b3b3b; background-position:right -30px; }
	.ui_select.selectBox.open .optionContainer { display:block !important; }
	.ui_select.selectBox.disabled { cursor:auto; }
	.ui_select.selectBox.disabled .selection { color:#aaaaaa; background-color:#e6e6e6; }
	.ui_select.selectBox.disabled:hover {}
	.ui_select.selectBox.disabled:hover .selection { background-position:right 17px; }
	.ui_select.selectBox.focus {}
	.ui_select.selectBox.focus .selection { background-color:#3bb5bb; }
	/* UI - Select White */
	.ui_select.white.selectBox .selection { color:#333333; border:1px solid #c3c3c3; background-color:#ffffff; background-image:url("../images/common/ui/select/arrow_white.png"); }
	.ui_select.white.selectBox .optionContainer { color:#333333; border:1px solid #cacaca; background-color:#ffffff; }
	.ui_select.white.selectBox .optionGroup .option { color:#333333; border-bottom-color:#eeeeee; }
	.ui_select.white.selectBox .optionGroup .option:hover { color:#ffffff; background-color:#444444; }
	.ui_select.white.selectBox .optionGroup .option.selected { color:#ffffff; background-color:#279ba1; }
	.ui_select.white.selectBox:hover .selection { background-color:#a7d8da; }
	.ui_select.white.selectBox.open .selection { color:#ffffff; border-color:#4db8bd; background-color:#4db8bd; }
	.ui_select.white.selectBox.focus .selection { background-color:#dddddd; }
	/* UI - Select Ivory */
	.ui_select.ivory.selectBox .selection { color:#333333; background-color:#f1ece1; background-image:url("../images/common/ui/select/arrow_white.png") }
	.ui_select.ivory.selectBox .optionContainer { color:#333333; background-color:#f1ece1 ; }
	.ui_select.ivory.selectBox .optionGroup .option { color:#333333; border-bottom-color:#dddddd; }
	.ui_select.ivory.selectBox .optionGroup .option:hover { color:#ffffff; background-color:#444444; }
	.ui_select.ivory.selectBox .optionGroup .option.selected { color:#ffffff; background-color:#b49350; }
	.ui_select.ivory.selectBox.open .selection { color:#ffffff; background-color:#287175; }
	.ui_select.ivory.selectBox.focus .selection { background-color:#dddddd; }
	/* UI - Select Blueish */
	.ui_select.selectBox.blueish.selectBox { height:40px !important; line-height:40px !important; }
	.ui_select.selectBox.blueish .selection {
	
	      height: 38px !important;
    line-height: 38px;
    background: #fff;
    border: 1px solid #e3e3e3;
    color: #7a7a7a;
    font-size: 14px;
    background-image: url(../images/common/icon/ico_select_arrow_down.png);
    background-repeat: no-repeat;
    background-position: 95%;}
	.ui_select.selectBox.blueish .optionContainer {margin-top:14px;border-radius:0 0 3px 3px;background-color: #4db8bd;}
	.ui_select.selectBox.blueish .optionScrollView { max-height:280px; }
	.ui_select.selectBox.blueish .optionGroup .option { border-bottom:none; }
	.ui_select.selectBox.blueish .optionGroup .option:hover { background-color:#82cdd1; }
	.ui_select.selectBox.blueish .optionGroup .option.selected {background-color: #0d8389;}
	.ui_select.selectBox.blueish.open { z-index:999; }
	.ui_select.selectBox.blueish.open .selection {   

    background-image: url(../images/common/icon/ico_select_arrow_up.png); }
	.ui_select.selectBox.blueish.open.invert .selection { border-radius:0 0 3px 3px; }
	.ui_select.selectBox.blueish.open.invert .optionContainer { margin-top:0; margin-bottom:9px; border-radius:3px 3px 0 0; }
	.ui_select.selectBox.blueish.focus .selection {border: 1px solid #333;}

/*
81adc2
*/

/* UI - Radio */
.ui_radio { visibility:hidden; }
	.ui_radio.original { visibility:visible; position:absolute; left:-9000px; }
	.ui_radio.radioBtn { visibility:visible; display:inline-block; vertical-align:bottom; width:14px; height:14px; overflow:hidden; cursor:pointer; }
	.ui_radio.radioBtn .radio { display:inline-block; width:14px; height:14px; background:url("../images/common/ui/radio/sprite.png") no-repeat 0 0; }
	.ui_radio.radioBtn .radio.checked { background-position:0 -15px; }
	.ui_radio.radioBtn.disabled .radio { background-position:0 -30px; }
	.ui_radio.radioBtn.disabled .radio.checked { background-position:0 -45px; }
	.ui_radio.radioBtn.focus { margin:-1px; border:1px dashed #ff6600; }
	/* UI - Radio gray */
	.ui_radio.gray.radioBtn .radio { background-position:-15px 0; }
	.ui_radio.gray.radioBtn .radio.checked { background-position:-15px -15px; }
	/* UI - Radio brown */
	.ui_radio.brown.radioBtn .radio { background-position:-30px 0; }
	.ui_radio.brown.radioBtn .radio.checked { background-position:-30px -15px; }


/* UI - Check */
.ui_check { visibility:hidden; }
	.ui_check.original { visibility:visible; position:absolute; left:-99999px; }
	.ui_check.checkBtn { visibility:visible; display:inline-block; vertical-align:middle; width:14px; height:14px; overflow:hidden; cursor:pointer; }
	.ui_check.checkBtn .checkBox { display:inline-block; width:14px; height:14px; background:url("../images/common/ui/check/sprite.png") no-repeat 0 0; }
	.ui_check.checkBtn .checkBox.checked { background-position:0 -15px; }
	.ui_check.checkBtn.disabled .checkBox { background-position:0 -30px; }
	.ui_check.checkBtn.disabled .checkBox.checked { background-position:0 -45px; }
	.ui_check.checkBtn.focus { margin:-1px; border:1px dashed #ff6600; }


/* UI - Button */
.ui_button { display:inline-block; padding:0 15px; height:27px; line-height:28px; border:none; font-size:12px; border-radius:3px; color:#ffffff; background-color:#4db8bd; cursor:pointer; 
			-webkit-transition: background-color 0.2s;
			-moz-transition: background-color 0.2s;
			-ms-transition: background-color 0.2s;
			transition: background-color 0.2s;
		}
	button.ui_button { padding:0; margin:0; padding:0 15px; overflow:visible; zoom:1; }
	input.ui_button { padding:0; margin:0; padding:0 15px; overflow:visible; zoom:1; }

	.ui_button.small { padding:0 10px; height:22px; line-height:23px; font-size:11px; }
	.ui_button.black { background-color:#555555; }
	.ui_button.gray { background-color:#a1a1a1; }
	.ui_button.brown { background-color:#9e7d3a; }

	.ui_button:active { opacity:0.9; }
	.ui_button:hover { background-color:#0d8389; text-decoration:none; }
	.ui_button.black:hover { background-color:#279ba1; }
	.ui_button.gray:hover { background-color:#777777; }
	.ui_button.brown:hover { background-color:#93712b; }

/* UI - Button  로그인페이지*/
.ui_button_1 { display:inline-block; padding:0 7px; height:20px; line-height:20px; border:none; font-size:11px; border-radius:3px; color:#ffffff; background-color:#4db8bd; cursor:pointer; 
			-webkit-transition: background-color 0.2s;
			-moz-transition: background-color 0.2s;
			-ms-transition: background-color 0.2s;
			transition: background-color 0.2s;
		}
	button.ui_button_1 { padding:0; margin:0; padding:0 15px; overflow:visible; zoom:1; }
	input.ui_button_1 { padding:0; margin:0; padding:0 15px; overflow:visible; zoom:1; }

	.ui_button_1.small { padding:0 7px; height:20px; line-height:23px; font-size:11px; }
	.ui_button_1.black { background-color:#777777; }
	.ui_button_1.gray { background-color:#a1a1a1; }
	.ui_button_1.brown { background-color:#9e7d3a; }

	.ui_button_1:active { opacity:0.9; }
	.ui_button_1:hover { background-color:#0d8389; text-decoration:none; }
	.ui_button_1.black:hover { background-color:#279ba1; }
	.ui_button_1.gray:hover { background-color:#777777; }
	.ui_button_1.brown:hover { background-color:#93712b; }


/* UI - Align */
.ui_align { position:relative; text-align:center; overflow:hidden; }
	.ui_align:after { content:""; display:block; clear:both; }
	.ui_align .left { float:left; margin-left:-3px; }
	.ui_align .right { float:right; margin-right:-3px; }
	.ui_align .ui_button { margin:0 3px; }
	
/* UI - Tab */
.ui_tabs {}
	.ui_tabs ul { width:100%; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; }
	.ui_tabs ul:after { content:""; display:block; clear:both; }
	.ui_tabs li { float:left; border-right:1px solid #e3e3e3; }
	.ui_tabs li a { display:block; padding:9px 35px 12px 35px; height:12px; line-height:12px; color:#666666; text-decoration:none; border-top:3px solid transparent; }
	.ui_tabs li a img { display:block; opacity:0.6; }
	.ui_tabs li.active { position:relative; margin-top:-1px; }
	.ui_tabs li.active a { padding-top:10px; color:#444444; border-top-color:#896825; background-color:#f7f7f7; }
	.ui_tabs li.active a img { opacity:1; }

/* UI - Forms */
.ui_forms {}
	.ui_forms select { margin:0; padding:0; height:20px; line-height:20px; color:#111111; border:1px solid #c5c5c6; vertical-align:middle; }
	.ui_forms select[disabled="disabled"] { color:#aaaaaa; }
	.ui_forms select:disabled { color:#aaaaaa; }
	.ui_forms input[type="text"] { display:inline-block; height:18px; line-height:18px; text-indent:10px; color:#666666; border:1px solid #c5c5c6; vertical-align:middle; }
	.ui_forms input[type="text"]:focus { margin:-1px; border:2px solid #4db8bd; outline:none; }
	.ui_forms input[type="text"][readonly="readonly"] { border-color:#c5c5c6; background-color:#f9f9f9; }
	.ui_forms input[type="password"] { display:inline-block; height:18px; line-height:18px; text-indent:10px; color:#666666; border:1px solid #c5c5c6; vertical-align:middle; }
	.ui_forms input[type="password"]:focus { margin:-1px; border:2px solid #4db8bd; outline:none; }
	.ui_forms input[type="password"][readonly="readonly"] { border-color:#c5c5c6; background-color:#f9f9f9; }
	.ui_forms input[type="radio"] { width:14px; height:14px; vertical-align:middle; }
	.ui_forms input[type="checkbox"] { width:14px; height:14px; vertical-align:middle; }
	.ui_forms label { margin-left:-5px; margin-right:10px; padding-left:5px; width:20px; height:20px; line-height:20px; vertical-align:middle; cursor:pointer; }
	.ui_forms label img { vertical-align:middle; }
	.ui_forms .part { display:inline-block; height:20px; line-height:20px; color:#cccccc; vertical-align:middle; }
	.ui_forms .sup { display:inline-block; padding:0 6px 0 1px; height:20px; line-height:20px; color:#666666; vertical-align:middle; }
	.ui_forms .confirm { display:inline-block; margin-left:3px; padding:0 6px 0 15px; height:20px; line-height:20px; color:#9e7d3a; vertical-align:middle; background:url("../images/common/icon/confirm_ok.gif") no-repeat 0 center; }
	.ui_forms .confirm.warning { background-image:url("../images/common/icon/confirm_warning.gif"); }
	.ui_forms .desc { display:inline-block; margin-top:3px; line-height:18px; font-size:11px; color:#666666; vertical-align:middle; }
	.ui_forms .ui_button { margin:0 5px; }

/* UI - File */
.ui_file { position:relative; overflow:hidden; width:100%; height:22px; }
	.ui_file .original { position:absolute; top:0; left:-10px; display:block; padding-right:10px; width:100%; height:30px; opacity:0.015; cursor:pointer; z-index:2; }
	.ui_file .fake { position:absolute; left:80px; right:70px; height:40px; }
	.ui_file .fake label { float:left; display:block; margin-left:-80px; color:#666666; line-height:22px; font-weight:bold; }
	.ui_file .fake .ui_input { position:absolute; top:1px; left:0; display:block; margin:0; padding-left:0; width:100%; height:18px; line-height:18px; text-indent:5px; color:#999999; border:1px solid #c5c5c6; background-position:134px 13px; }
	.ui_file .fake .ui_button { position:absolute; top:0; right:-70px; padding:0; width:60px; text-align:center; overflow:hidden; vertical-align:middle; height:22px; line-height:22px; background-color:#a1a1a1; }
	.ui_file:hover {}
	.ui_file:hover { border-color:#999999; }
	.ui_file:hover .fake .ui_input { border:1px solid #4db8bd; outline:none; }
	.ui_file.focus {}
	.ui_file.focus { border-color:#ea5415; }
	.ui_file.focus .fake .ui_input { border:1px solid #4db8bd; outline:none; }
	.ui_file.charge {}
	.ui_file.charge .fake .ui_input { background-image:none !important; }
	.ui_file.charge .fake .ui_button { background-color:#279ba1; }
	.ui_file.small { padding:0 10px; height:22px; line-height:23px; font-size:11px; } 
	
/* UI - File 20160629 */
.ui_file_1{ display:inline-block; padding:0 15px; height:27px; line-height:28px; border:none; font-size:12px; border-radius:3px; color:#666666; background-color:#ebebeb; cursor:pointer; letter-spacing:-1px;}
	.ui_file_1.small { padding:0 10px; height:22px; line-height:23px; font-size:11px;  } 
	.ui_file_1:active { opacity:0.9; }
	.ui_file_1:hover { background-color:#ebebeb; text-decoration:none; }
/* UI - PlaceHolder */
.ui_placeholder {}
.ui_placeholder.charge { background:none !important; }

/* UI - Datepic (인풋) */
.ui_datepic {}
	.ui_datepic .ui_placeholder { width:78px; height:18px; line-height:18px; border:1px solid #c5c5c6; vertical-align:middle; text-align:center; background:url("../images/common/ui/datepic/label_start_d.gif") no-repeat; }
	.ui_datepic .ui_placeholder.end { background-image:url("../images/common/ui/datepic/label_end_d.gif"); }
	.ui_datepic .btn { display:inline-block; width:23px; height:22px; vertical-align:middle; font-size:0; text-indent:-9999px; background:url("../images/common/ui/datepic/btn_calendar.gif") no-repeat; }
	.ui_datepic .part { display:inline-block; color:#666666; font-weight:bold; }

/* UI - Paging */
.ui_paging {margin-top:30px; width:100%; height:18px; line-height:18px; text-align:center; }
	.ui_paging .arrow { display:inline-block; width:18px; height:18px; overflow:hidden; line-height:0; font-size:0; vertical-align:middle; background:url("../images/common/ui/paging/sprite.png") no-repeat; }
	.ui_paging .arrow.first { background-position:0 0; }
	.ui_paging .arrow.prev { background-position:-19px 0; }
	.ui_paging .arrow.next { background-position:-38px 0; }
	.ui_paging .arrow.last { background-position:-57px 0; }
	.ui_paging .arrow.first:hover { background-position:0 -19px; }
	.ui_paging .arrow.prev:hover { background-position:-19px -19px; }
	.ui_paging .arrow.next:hover { background-position:-38px -19px; }
	.ui_paging .arrow.last:hover { background-position:-57px -19px; }
	.ui_paging .page { padding:0 10px; }
	.ui_paging .page a ,
		.ui_paging .page strong { padding:0 3px; display:inline-block; height:18px; font-weight:bold; color:#666666;  vertical-align:middle; }
	.ui_paging .page strong { color:#4db8bd; }
	.ui_paging .page a:hover { color:#4db8bd; }



/* ui_table */
.ui_table_a { margin-left:-1px; overflow:hidden; width:100%; }
	.ui_table_a table { margin-left:1px; font-size:12px; border-top:2px solid #b49350; }
	.ui_table_a table thead {}
	.ui_table_a table thead th { padding:8px 20px; border:1px solid #e7e0d1; background-color:#f1ece1; }
	.ui_table_a table tbody th ,
	.ui_table_a table tbody td { padding:8px 20px; font-weight:normal; text-align:center; border:1px solid #e7e0d1; }
	.ui_table_a table th:first-child ,
	.ui_table_a table td:first-child { border-left:none; }
	.ui_table_a table tr .agl { text-align:left; }
	.ui_table_a table tr .agr { text-align:right; }
	.ui_table_a table tr.even th ,
	.ui_table_a table tr.even td { background-color:#f7f7f7; }
	/*
	.ui_table_a table th:last-child ,
	.ui_table_a table td:last-child { border-right:none; }
.cm_table_a {}
	.cm_table_a { border-top:1px solid #a1a1a1; }
	.cm_table_a th { padding:10px 0; text-indent:20px; text-align:left; color:#444444; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; background-color:#f7f7f7; }
	.cm_table_a td { padding:10px 0 10px 20px; color:#444444; border-bottom:1px solid #e3e3e3; }
	.cm_table_a td .ui_button { margin:-2px 5px; }
	*/

.ui_table_b { margin-left:-1px; overflow:hidden; width:100%; }
	.ui_table_b table { margin-left:1px; border-top:2px solid #b49350; }
	.ui_table_b table thead {}
	.ui_table_b table thead th { padding:8px 10px; border:1px solid #e7e0d1; background-color:#f1ece1; }
	.ui_table_b table tbody th ,
	.ui_table_b table tbody td { padding:8px 10px; border:1px solid #e7e0d1; }

	.ui_table_b table th:first-child ,
	.ui_table_b table td:first-child { border-left:none; }
	/*
	.ui_table_b table th:last-child ,
	.ui_table_b table td:last-child { border-right:none; }
	*/
	.ui_table_b table .mth { font-weight:bold; background-color:#f1ece1; }
	.ui_table_b table .sth { font-weight:bold; background-color:#f8f5f0; }
	.ui_table_b table .agl { text-align:left; }



.ui_nodata { float:none; display:block; padding:50px 0 45px 0; text-align:center; color:#888888; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; }
	.ui_nodata { padding:200px 0 80px 0; width:100%; text-align:center; color:#888888; font-size:12px; background:url("../images/common/icon/icon_nodata.png") no-repeat center 70px; }
	.ui_nodata .tit { display:block; margin:0 auto; font-size:14px; color:#444444; margin-bottom:15px; }
	.ui_nodata .tit strong { color:#279ba1; }
	.ui_nodata.no-border { border:none; }
	table .ui_nodata { border:none; }
	
/* EXScrollView */
.exUIKit_scrollView { position:absolute; top:0; right:0; width:3px; cursor:pointer; }
	.exUIKit_scrollView.needless { display:none; }
	.exUIKit_scrollView.disable { display:none; }
	.exUIKit_scrollView .uiBar { position:absolute; top:0; right:0; width:12px; font-size:0; line-height:0; border-right:5px solid #707070; -webkit-transition:width 0.1s; transition:width 0.1s; }
	.exUIKit_scrollView .uiBg { position:absolute; top:0; right:1px; width:1px; height:100%; background-color:#bbbbbb; -webkit-transition:width 0.1s; transition:width 0.1s; }
	.exUIKit_scrollView .uiHitArea { position:absolute; top:0; right:0; width:15px; height:100%; background-color:#ffffff; opacity:0.05; }
	.exUIKit_scrollView:hover {}
	.exUIKit_scrollView:hover .uiBar { border-right-color:#222222; }
	.exUIKit_scrollView:hover .uiBg {}
	.exUIKit_scrollView.activate { width:100%; }
	.exUIKit_scrollView.activate .uiBar {}
	.exUIKit_scrollView.activate .uiBg {}
	.exUIKit_scrollView.activate .uiHitArea { width:100%; }
	.exUIKit_scrollView .uiArrow { position:absolute; top:0; left:0; font-size:0; line-height:0; }
	.exUIKit_scrollView .uiArrow.up { }
	.exUIKit_scrollView .uiArrow.down { top:auto; bottom:0; }



/* EXLayerFrame */
.exUIKit_layerDom_body { }
	.exUIKit_layerDom_body .append {}
	.exUIKit_layerDom_body .remove { display:none; width:0px; height:0px; overflow:hidden; }
.exUIKit_layerDom_layer { position:absolute; top:0; left:0; width:100%; z-index:999; }
	.exUIKit_layerDom_layer .dim { position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000000; }
	.exUIKit_layerDom_layer .container { position:absolute; top:0; left:0; overflow:hidden; }
	.exUIKit_layerDom_layer .container .content { visibility:hidden; width:100%; height:100%; }
	.exUIKit_layerDom_layer .container .framei { margin:0; padding:0; width:100%; height:100%; border:none; }
	.exUIKit_layerDom_layer .progress { position:fixed; top:50%; left:50%; margin:-18px 0 0 -18px; width:36px; height:36px; border-radius:5px; background:#222222 url("../images/common/ui/loading/indc_0x222.gif") no-repeat 50% 50%; }
	.exUIKit_layerDom_layer .closeBtn { display:none; visibility:hidden; position:absolute; bottom:0; right:0; width:100%; height:32px; background-color:#4db8bd; }
	.exUIKit_layerDom_layer .closeBtn .close { position:absolute; top:0; right:0; display:block; width:75px; height:32px; font-size:0; text-indent:-999px; cursor:pointer; background:url("../images/common/ui/popup/btn_close.gif") no-repeat; }
	.exUIKit_layerDom_layer .closeBtn .close:hover { background-position:0 -35px; }

	.exUIKit_layerDom_layer.opened .container .content { visibility:visible; }
	.exUIKit_layerDom_layer.opened .closeBtn { display:block; visibility:visible; }
	.exUIKit_layerDom_frameBody {}
	.exUIKit_layerDom_frameBody .wpp_foot { display:none; }

	.exUIKit_layerDom_body.mode-resize {}
		.exUIKit_layerDom_body.mode-resize .exUIKit_layerDom_layer { position:fixed; }
	.exUIKit_layerDom_body.mode-transition {}
		.exUIKit_layerDom_body.mode-transition .exUIKit_layerDom_layer {
			-webkit-transform-origin:50% 50%; -webkit-perspective:800;
		}
		
		.exUIKit_layerDom_body.mode-transition .exUIKit_layerDom_layer .container { opacity:0;
			-webkit-transform: scale(0.5,0.5); 
			-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45 , 0.3 , 0.1 , 0.9) , opacity 0.5s ease-out;
		}
		.exUIKit_layerDom_body.mode-transition .exUIKit_layerDom_layer.resizing .container { 
			-webkit-transition: -webkit-transform 0.9s cubic-bezier(0.85 , 0.2 , 0.1 , 0.9) ,
					width 0.6s cubic-bezier(0.85 , 0.2 , 0.3 , 0.7) , height 0.6s cubic-bezier(0.85 , 0.2 , 0.3 , 0.7) ,
					top 0.6s cubic-bezier(0.85 , 0.2 , 0.3 , 0.7) , left 0.6s cubic-bezier(0.85 , 0.2 , 0.3 , 0.7);
		}
		.exUIKit_layerDom_body.mode-transition .exUIKit_layerDom_layer.opened .container { -webkit-transform: translate3d(0,0,0); opacity:1; }
		.exUIKit_layerDom_body.mode-transition .exUIKit_layerDom_layer.closed .container { 
				-webkit-transform: scale(0.8,0.8); opacity:0;
			}
		.exUIKit_layerDom_body.mode-transition .exUIKit_layerDom_layer.closed .dim { opacity:0 !important;
				-webkit-transition: opacity 0.2s ease-out 0.3s;
			}




















/**
*
* 이상 아래는 사용하지 않고 있음.
* 사용할 경우 디벨로하여 위로 올리거나
* 최종까지 사용이 안될경우 삭제 처리
*
*/



/* UI - File */
.uiFile { position:relative; overflow:hidden; border-left:1px solid #cccccc; height:43px; }
	.uiFile .original { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0.015; z-index:2; }
	.uiFile .fake {}
	.uiFile .fake .uiInput { float:left; display:block; margin:0; margin-left:-120px; padding-left:0; text-indent:134px !important; line-height:1; width:100%; background-position:134px 13px; }
	.uiFile .fake .cmUIButton { position:absolute; top:4px; right:0; overflow:hidden; }
	.uiFile:hover {}
	.uiFile:hover { border-color:#999999; }
	.uiFile:hover .fake .uiInput { border-color:#999999; }
	.uiFile.focus {}
	.uiFile.focus { border-color:#ea5415; }
	.uiFile.focus .fake .uiInput { border-color:#ea5415; }
	.uiFile.focus .fake .cmUIButton .txt { color:#ea5415; }
	.uiFile.charge {}
	.uiFile.charge .fake .uiInput { background-image:none !important; }

/* UI - VideoPlayer */
.uiVideoPlayer { position:relative; }
	.uiVideoPlayer .video { position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; }
	.uiVideoPlayer .video .playBtn { display:block; width:100%; height:100%; font-size:0; text-indent:-9999px; background:url("../images/common/ui/video/btn_mobile_play.png") no-repeat center center; }
	.uiVideoPlayer .thumb { position:relative; }


.exUIKit_toast { 
	font-family:"Malgun Gothic" , "Arial" , "verdana" , "Helvetica" , sans-serif;
	position:fixed; top:50%; left:50%; padding:7px 14px 8px 14px;
	line-height:1.6em; font-size:1.2em; color:#ffffff; background-color:#292929; 
	box-shadow: 0px 5px 8px rgba(0,0,0,0.2); text-shadow:0px 1px 1px rgba(0,0,0, 0.1); z-index:999;
}
	.exUIKit_toast .head_title {}
	.exUIKit_toast.error { background-color:#dd2a44; }
	.exUIKit_toast.warning { background-color:#e17d07; }
	.exUIKit_toast.success { background-color:#3e98e5; }
	

.exUIKit_checkBox { visibility:hidden; }
	.exUIKit_checkBox.original { position:absolute; left:-99999px; }
	.exUIKit_checkBox.checkBtn { visibility:visible; display:inline-block; vertical-align:middle; width:16px; height:16px; cursor:pointer; }
	.exUIKit_checkBox.checkBtn .checkBox { display:inline-block; width:14px; height:14px; border:1px solid #d0d0d0; background:#ffffff url("./images/EXCheckBox/checked.gif") no-repeat center top; 
		-webkit-transition: color,background-color 0.2s;
		-moz-transition: color,background-color 0.2s;
	}
	.exUIKit_checkBox.checkBtn .checkBox.checked { border-color:#444444; background-color:#444444; background-position:center bottom; }
	.exUIKit_checkBox.checkBtn.disabled .checkBox { border-color:#bbbbbb; background-color:#d8d8d8; }
	.exUIKit_checkBox.checkBtn.disabled .checkBox.checked { background-position:center bottom; }

.exUIKit_radioGroup { visibility:hidden; }
	.exUIKit_radioGroup.original { position:absolute; left:-9000px; }
	.exUIKit_radioGroup.radioBtn { visibility:visible; display:inline-block; vertical-align:bottom; width:16px; height:16px; cursor:pointer; }
	.exUIKit_radioGroup.radioBtn .radio { display:inline-block; width:14px; height:14px; border:1px solid #d0d0d0; border-radius:7px; background:#ffffff url("./images/EXRadioButton/check.png") no-repeat center top; 
		-webkit-transition: color,background-color 0.2s; 
		-moz-transition: color,background-color 0.2s;
	}
	.exUIKit_radioGroup.radioBtn .radio.checked { border-color:#444444; background-color:#444444; background-position:center bottom; }
	.exUIKit_radioGroup.radioBtn.disabled .radio { border-color:#bbbbbb; background-color:#d8d8d8; }
	.exUIKit_radioGroup.radioBtn.disabled .radio.checked { background-position:center bottom; }

.exUIKit_selectBox { visibility:hidden; height:26px; line-height:26px; font-family:"Arial" , "Malgun Gothic"; font-size:14px; vertical-align:middle; }
	.exUIKit_selectBox.original { position:absolute; left:-9999px; }
	.exUIKit_selectBox.selectBox { visibility:visible; display:inline-block; position:relative; vertical-align:middle; z-index:1; cursor:pointer; }
	.exUIKit_selectBox.selectBox .selection { display:inline-block; position:absolute; overflow:hidden; text-indent:8px; border:1px solid #d0d0d0; background:#ffffff url("./images/EXSelectBox/arrow.gif") no-repeat right bottom; -webkit-transition: background 0.3s; }
	.exUIKit_selectBox.selectBox .optionContainer { padding:5px 0; margin-top:1px;  position:absolute; overflow:hidden;  border:1px solid #cccccc; background: #ffffff; box-shadow:4px 4px 10px rgba(0,0,0,0.1); }
	.exUIKit_selectBox.selectBox .optionScrollView { overflow:hidden; height:93px; }
	.exUIKit_selectBox.selectBox .optionScrollView .exUIKit_scrollView { right:-3px; }
	.exUIKit_selectBox.selectBox .optionGroup { padding:0;  margin:0; overflow:hidden; line-height:30px; width:100%; }
	.exUIKit_selectBox.selectBox .optionGroup .option {  margin:1px 5px 0 5px; text-indent:8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  -webkit-transition: color,background-color 0.2s; }
	.exUIKit_selectBox.selectBox .optionGroup .option:hover { color:#ffffff; background-color:#9c9ea0; }
	.exUIKit_selectBox.selectBox .optionGroup .option.selected { color:#ffffff; background-color:#3399ff; }
	.exUIKit_selectBox.selectBox.open { z-index:2; }
	.exUIKit_selectBox.selectBox.open .selection { color:#ffffff; border:1px solid #444444; background-color:#444444; background-position:right top; }
	.exUIKit_selectBox.selectBox.open .optionContainer { display:block !important; border-top:none; }
	.exUIKit_selectBox.selectBox.disabled { cursor:auto; }
	.exUIKit_selectBox.selectBox.disabled .selection { color:#999999; background-color:#f5f5f5; }

.exUIKit_fileButton { display:inline-block; position:relative; width:400px; height:24px; line-height:24px; font-size:12px; overflow:hidden; }
	.exUIKit_fileButton:hover {}
	.exUIKit_fileButton:hover .fileButton { background-color:#3399ff; }
		.exUIKit_fileButton .fileButton { display:inline-block; width:90px; height:100%; text-indent:9px; text-align:center; color:#ffffff; background:#444444 url("./images/EXFileButton/normal.gif") no-repeat 6px 50%; }
		.exUIKit_fileButton .fileText { display:inline-block; width:300px; }
		.exUIKit_fileButton .fileOriginal { display:none;
			display:inline-block; position:absolute; top:0; left:0; width:100%; height:100%; cursor:pointer;
			opacity:0; filter : alpha(opacity=0); filter : progid:DXImageTransform.Microsoft.Alpha(Opacity=0); -ms-filter : progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		}


	.cmUIButton { display:inline-block; width:77px; height:77px; background-color:#EA5719; text-decoration:none; margin:0; padding:0; cursor:pointer; }
	.cmUIButton .bg { display:inline-block; width:77px; height:77px; line-height:77px; text-align:center; background:url('../images/ui/btn_white_bg.png') no-repeat transparent; cursor:pointer; }
	.cmUIButton .txt { color:#FFFFFF; cursor:pointer; }
	.cmUIButton.black { background-color:#333333; }
	.cmUIButton.small { display:inline-block; width:59px; height:59px; background-color:#EA5719; text-decoration:none; margin:0; padding:0; cursor:pointer; }
	.cmUIButton.small.black { display:inline-block; width:59px; height:59px; background-color:#333333; text-decoration:none; margin:0; padding:0; cursor:pointer; }
	.cmUIButton.small .bg { display:inline-block; width:59px; height:59px; line-height:59px; text-align:center; background:url('../images/ui/btn_white_small_bg.png') no-repeat; cursor:pointer; }
	.cmUIButton.small .txt { font-size:13px; font-weight:bold; letter-spacing:-1px; color:#FFFFFF; cursor:pointer; }
	.cmUIButton.linetype { display:inline-block; width:77px; height:77px; background-color:white; text-decoration:none; margin:0; padding:0; }
	.cmUIButton.linetype .line { display:inline-block; width:77px; height:77px; line-height:77px; text-align:center; background:url('../images/ui/btn_line_bg.png') no-repeat;  }
	.cmUIButton.linetype .txt { color:#000000; }
	.cmUIButton.linetype.black .line { display:inline-block; width:77px; height:77px; line-height:77px; text-align:center; background:url('../images/ui/btn_line_black_bg.png') no-repeat;  }
	.cmUIButton.linetype.over { background-color:#EA5719; }
	.cmUIButton.linetype.black.over { background-color:#555555; }
	.cmUIButton.linetype.over .txt { color:#FFFFFF; }
	.cmUIButton.linetype:hover { background-color:#EA5719; }
	.cmUIButton.linetype.black:hover { background-color:#555555; }
	.cmUIButton.linetype:hover .txt { color:#FFFFFF; }
	.cmUIButton.link { display:inline-block; width:auto; height:33px; background-color:#555555; }
	.cmUIButton.link span { display:block; float:left; margin:0; padding:0; }
	.cmUIButton.link .left { width:29px; height:33px; background:url('../images/ui/btn_link_left.gif') no-repeat left top; }
	.cmUIButton.link .txt { height:33px; padding:0 5px; background:url('../images/ui/btn_link_center.gif') repeat-x; text-align:center; line-height:33px; font-size:13px; letter-spacing:-1px; color:#000000; }
	.cmUIButton.link .right { width:7px; height:33px; background:url('../images/ui/btn_link_right.gif') no-repeat right top; text-decoration:none; margin:0; padding:0; cursor:pointer; }
	.cmUIButton.link:after { display:block; content:''; clear:both; }
	.cmUIButton.bgcolor { display:inline-block; width:77px; height:77px; line-height:77px; font-size:0; background:url('../images/ui/btn_button.png') no-repeat; line-height:0; }
	.cmUIButton.bgcolor.go { background-position:0 0; }
	.cmUIButton.bgcolor.go:hover { background-position:0 -100px; }

	.uiInput { width:380px; padding:12px 0 12px 14px; border:1px solid #CCCCCC; font-size:13px; color:#000000; background-image:url('../images/ui/inputLabel_test.png'); background-repeat:no-repeat; background-position:14px 14px; }
	.uiInput:hover { border-color:#999999; }
	.uiInput.focus { border-color:#ea5415; background-image:none; }
	.uiInput.charge { background-image:none; }
	.uiInput.sizeFull { width:99%; }

	.uiTextarea { overflow-y:scroll; width:593px; padding:12px 0 0 14px; height:150px; border:1px solid #CCCCCC; font-size:13px; color:#000000; background-image:url('../images/ui/textareaLabel_test.png'); background-repeat:no-repeat; background-position:14px 14px; }
	.uiTextarea:hover { border-color:#999999; }
	.uiTextarea.focus { border-color:#ea5415; background-image:none; }
	.uiTextarea.charge { background-image:none; }
	.uiTextarea.sizeFull { width:99%; }

	.uiComponent:hover { border-color:#999999; }
	.uiComponent.focus { border-color:#ea5415; background-image:none !important; }
	.uiComponent.charge { background-image:none !important; }

	.listStyleA { width:254px; line-height:20px; }
	.listStyleA strong img { display:block; }
	.listStyleA .list { width:100%; margin:0; padding:0; }
	.listStyleA .list li { width:100%; padding:0; margin:0; padding:14px 20px 14px 16px; border-bottom:1px solid #CCCCCC; list-style:none; }
	.listStyleA .list li:hover { background-color:#FFF1D6; }
	.listStyleA .list li.last { border-bottom:1px solid #CCCCCC; }
	.listStyleA .list li.on { background-color:#FFF1D6; }
	.listStyleA .list li.on a { color:#EA5719; }
	.listStyleA .list li a { display:block;overflow:hidden;width:260px;white-space:nowrap;text-overflow:ellipsis; letter-spacing:-1px; font-size:13px; color:#555555;; text-align:left; }
	.listStyleA .bottom { width:270px; }
	.listStyleA .bottom .count { float:left; margin-top:20px; margin-left:22px; font-size:13px; }
	.listStyleA .bottom .count .now { color:#EA5719; }
	.listStyleA .bottom .paging { float:right; margin-right:-10px; }
	.listStyleA .bottom:after { display:block; content:''; clear:both; }

	.tableA { width:100%; font-size:15px; }
	.tableA caption { font-size:0; }
	.tableA.list tbody tr:hover { background-color:#FFF1D6; }
	.tableA.list tbody td { height:49px; text-align:left; border-bottom:1px solid #E6E6E6; }
	.tableA.list tbody td a { color:#555555; }
	.tableA.list tbody .no,
	.tableA.list tbody .part,
	.tableA.list tbody .date { text-align:center; }
	.tableA.list tbody .no { color:#555555; }
	.tableA.list tbody .part { font-weight:bold; color:#EA5719; }
	.tableA.view .viewTitle td { text-align:center; padding-right:1px; background:url('../images/ui/table_view_title_bg.gif') no-repeat right 50%; font-size:15px; line-height:15px; background-color:#fff1d6; }
	.tableA.view .viewTitle .date{ background-image:none; }
	.tableA.view .viewTitle .part { color:#EA5719; font-weight:bold; }
	.tableA.view .viewTitle .tit { text-align:left; text-indent:19px; font-weight:bold; }
	.tableA.view .viewTitle .tit a { color:#000000; }
	.tableA.view .viewData div { padding:20px 0; text-align:center; }
	.tableA.view .viewData { border-bottom:1px solid #E6E6E6; }

	.tableB { width:100%; font-size:15px; color:#555555; }
	.tableB tbody td { text-indent:10px; height:49px; text-align:left; border-bottom:1px solid #E6E6E6; }
	.tableB tbody th { text-indent:9px; background-color:#F4F4F4; color:#000000; font-weight:normal; letter-spacing:-1px; }
	.tableB tbody td, 
	.tableB tbody th { height:49px; text-align:left; border-bottom:1px solid #E6E6E6; }
	.tableB thead th { height:49px; border-bottom:1px solid #E6E6E6; padding:0; margin:0; background-color:#F4F4F4; text-indent:0; text-align:center; font-weight:normal; }
	.tableB thead th.last { background:none !important; background-color:#F4F4F4 !important; }
	.tableB tbody td.last,
	.tableB tbody td.brn { background:none !important; }
	.tableB tfoot tr th { height:49px; background-color:#EA5719; text-align:center; color:#FFFFFF; }
	.tableB tfoot tr td { height:49px; background-color:#DCF5F9; text-align:left; color:#555555; }
	.tableB tfoot tr td .uiComponent { background-color:#FFFFFF !important; }

	.paging.typeA { position:relative; width:50px; height:14px; margin-top:20px; line-height:14px; }
	.paging.typeA .prev { display:inline-block; margin-right:10px; }
	.paging.typeA .next { display:inline-block; margin-left:10px; } 
	.paging.typeB { position:relative; width:47px; height:15px; }
	.paging.typeB .btn { position:absolute; top:0; }
	.paging.typeB .prev { left:0; }
	.paging.typeB .next { left:23px; }

	.sampleBox.fonts .nanum1 { font-family:"NanumGothicLightWeb"; }
	.sampleBox.fonts .nanum2 { font-family:"NanumGothicWeb"; }
	.sampleBox.fonts .nanum3 { font-family:"NanumGothicBoldWeb"; }
	.sampleBox.fonts .nanum4 { font-family:"NanumGothicExtraBoldWeb"; }
	.sampleBox.fonts .malgun1 { font-family:"Malgun Gothic"; }
	.sampleBox.fonts .malgun2 { font-family:"Malgun Gothic"; font-weight:bold; }

	.alignEl { width:100%; }
	.alignEl .left { float:left; height:100%; }
	.alignEl .right { float:right; height:100%; }
	.alignEl:after { display:block; content:''; clear:both; }


/*! jQuery UI - v1.9.2 - 2012-12-01
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.datepicker.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright (c) 2012 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; z-index:1000 !important; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
/* DatePicker Custom */
.ui-datepicker th { padding:13px 0 2px 0; border-bottom:1px solid #dddddd; font-weight:normal; color:#777777; }
.ui-datepicker.ui-corner-all { margin-top:4px; padding:23px; border:3px solid #ea5719; border-radius:0; }
.ui-datepicker.ui-widget-content { background:#ffffff; }
.ui-datepicker .ui-datepicker-header { border:none; background:none; }

.ui-datepicker table { font-size:1em; }
.ui-datepicker table tbody { margin-top:3px; }
.ui-datepicker td { padding:0 0 1px 0 ; }
.ui-datepicker td a { padding:3px 0 2px 0; dis	play:block; }
.ui-datepicker-title { line-height:12px; color:#888888; font-weight:bold; }
.ui-datepicker .ui-datepicker-header { padding:0; }
.ui-datepicker .ui-datepicker-prev { cursor:pointer; top:1px; left:0px; width:17px; height:17px; background:url("../images/ui/calendar/jq_arrow.gif") no-repeat; }
.ui-datepicker .ui-datepicker-prev-hover { top:1px; border:none; }
.ui-datepicker .ui-datepicker-next { cursor:pointer; top:1px; right:0px; width:17px; height:17px; background:url("../images/ui/calendar/jq_arrow.gif") no-repeat 0 -17px; }
.ui-datepicker .ui-datepicker-next-hover { top:1px; border:none; }

.ui-datepicker-calendar { line-height:1.2em; }
.ui-datepicker-calendar .ui-state-default { background:none !important; font-weight:normal; text-align:center; }
.ui-datepicker-calendar .ui-state-default { padding:0.2em 0;  border:1px solid #ffffff; color:#666666; }
.ui-datepicker-calendar .ui-state-default.ui-state-active { color:#ffffff !important; border-color:#8C8C8C !important; background-color:#8C8C8C !important; }
/* .ui-datepicker-calendar .ui-state-default.ui-state-highlight { color:#ffffff !important; border-color:#ea5719 !important; background-color:#ea5719 !important; } */
.ui-datepicker-calendar .ui-state-default:hover { border:1px solid #4f4f4f; }
.ui-datepicker-calendar .ui-datepicker-week-end .ui-state-default { color:#da5e5e; }
.ui-datepicker-calendar .ui-datepicker-week-end:last-child a { color:#5e9bda; }

.ui-datepicker .ui-datepicker-title select { margin-top:-1px; height:20px; line-height:20px; }
.ui-datepicker select.ui-datepicker-month { margin-right:5px; width:50px; } 
.ui-datepicker select.ui-datepicker-year { width:60px; }


.ui_line_partition { display:block; height:0; border:none; border-top:1px solid #e3e3e3; margin-top:30px; }

/* 251021 신한인증서 인증 */
.mb24 {margin-bottom:24px !important;}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.certificationModal .layer_popup .inner{padding: 0 32px 32px; box-sizing:border-box;}
.certificationModal .layer_popup .termsTxt span{    font-size: 18px;
    line-height: 28px;
    font-weight: 300;}
.certificationModal .layer_popup .termsTxt .emphasis span{font-weight: 500;}
.certificationModal .layer_popup .text_red {color: red;}

html.noScroll {overflow-y: hidden !important;} 
html:has(.certificationModal) {
	overflow-y: auto;
}
#cmWrap:has(.certificationModal) {
	min-width: 100%;
}

body>.wrapper>.body .header.onlyPrevLink .header__layout .title,body>.wrapper>.body .header.onlyPrevLink .header__menu {
	display:none;
}
body.member>.wrapper>.body .body-content {
	padding:92px 0 0;
}
.article__title_01 {
	font-weight:600;
	color:#000;
	font-size:32px;
	line-height:46px;
	padding:0 32px;
	margin-bottom:38px;
}
.member_certify_formbox {
}
.member_certify_formbox form {
	margin:38px 0;
}
.member_certify_formbox form>input {
	width:calc(100% - 64px);
	margin:0 auto;
	display:block;
	border:none;
	border-bottom:1px solid #bdbdbd;
	margin-top:24px;
	font-size:24px;
	line-height:24px;
	padding:0 10px;
	height:50px;
	box-sizing:border-box;
	font-weight: 300;
}
.member_certify_formbox form>input::placeholder {
	color: #bdbdbd;
	font-weight: 300;
}
.member_certify_formbox .certify_tit {
	margin-top:48px;
	padding:0 32px;
	color:#000;
	font-size:20px;
	line-height:20px;
	margin-bottom:16px;
	font-weight: 300;
}
.member_certify_formbox .check_all_box {
	padding:0 32px;
	margin-bottom:4px;
}
.member_certify_formbox .check_all_box input[type='checkbox'] {
	display:none;
}
.member_certify_formbox .check_all_box label {
	color:#5f5f5f;
	font-size:18px;
	font-weight:300;
	background:url(../images/icon/checkbox-big_off.png) left no-repeat;
	padding-left:44px;
	height:36px;
	display:flex;
	align-items:center;
}
.member_certify_formbox .check_all_box input[type='checkbox']:checked+label {
	background:url(../images/icon/checkbox-big_on.png) left no-repeat;
}
.member_certify_formbox .check_box {
	padding:0 42px 0 32px; /*52px > 32px 수정 */
	display:flex;
	flex-direction:column;
	gap:4px;
}
.member_certify_formbox .check_box>div {
	display:flex;
	height:36px;
	justify-content:space-between;
	align-items:center;
}
.member_certify_formbox .check_box>div input[type='checkbox'] {
	display:none;
}
/*
.member_certify_formbox .check_box>div label {
	color:#5f5f5f;
	background:url(../images/icon/checkbox-small_off.png) left no-repeat;
	height:36px;
	padding-left:44px;
	font-size:18px;
	font-weight:300;
	display:flex;
	align-items:center;
}
.member_certify_formbox .check_box>div input[type='checkbox']:checked+label {
	background:url(../images/icon/checkbox-small_on.png) left no-repeat;
}
*/
.member_certify_formbox .check_box>div label {
	color:#5f5f5f;
	background:url(../images/icon/checkbox-big_off.png) left no-repeat;
	height:36px;
	padding-left:44px;
	font-size:18px;
	font-weight:300;
	display:flex;
	align-items:center;
	font-family: "Noto Sans KR", sans-serif;
}
.member_certify_formbox .check_box>div input[type='checkbox']:checked+label {
	background:url(../images/icon/checkbox-big_on.png) left no-repeat;
}
.member_certify_formbox .check_box>div a {
	color:#bdbdbd;
	font-size:16px;
	text-decoration:underline;
	font-weight: 500;
}
.certify_step_box {
	background:#f2f2f2;
	width:calc(100% - 64px);
	margin:38px auto;
	border-radius:12px;
	display:flex;
	padding:24px 14px;
	box-sizing:border-box;
}
.certify_step_box>div {
	flex:1;
	text-align:center;
}
.certify_step_box>div .tit {
	color:#52c9ce;
	font-size:16px;
	line-height:1;
	font-weight: 600;
	margin-bottom:14px;
}
.certify_step_box>div span {
	color:#000;
	font-size:16px;
	line-height:22px;
	letter-spacing: 0;
}
.certify_step_box>div.step01 span {
	background:url(../images/icon/ico_certi_step01.png) no-repeat center top;
	padding-top:86px;
	background-size:70px;
	display:block;
}
.certify_step_box>div.step02 span {
	background:url(../images/icon/ico_certi_step02.png) no-repeat center top;
	padding-top:86px;
	background-size:70px;
	display:block;
}
.certify_step_box>div.step03 span {
	background:url(../images/icon/ico_certi_step03.png) no-repeat center top;
	padding-top:86px;
	background-size:70px;
	display:block;
}
.certify_info_txt {
	padding:0 32px;
	display:flex;
	flex-direction:column;
	gap:8px;
}
.certify_info_txt p {
	display:flex;
	font-size:18px;
	line-height:28px;
	color:#5f5f5f;
	gap:5px;
}
.certify_info_txt p, .certify_info_txt span {font-weight: 300;}
.certify_info_txt strong {
/* 	display:block; */
	font-weight: 600;
}
.layer_popup {
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	z-index: 9999;
}
.layer_popup .inner {
	position:absolute;
	z-index:4000;
	background:#fff;
	border-radius:12px;
	left:50%;
	width:calc(100% - 104px);
	height:auto;
	top:50%;
	transform:translate(-50%,-50%);
	padding:0 35px 90px;
}
.layer_popup.fullsize .inner {
	width: 100%;
	height: 100%;
	border-radius: 0px;
	overflow-y: auto;
	font-size:16px;
}
.layer_popup .close_layer {
	position:absolute;
	width:40px;;
	height:40px;;
	background:url(../images/icon/btn_close.png);
	right:32px;
	background-size:cover;
	top:20px;
	border: none;
}
.layer_popup h2 {
	padding-top:92px;
	font-size:24px;
	line-height:1;
	color:#000;
	font-weight:500;
	margin-bottom:38px;
}
.layer_popup p {
	color:#000;
	font-size:20px;
	line-height:31px;
	font-weight:300;
	word-break:auto-phrase;
}
.layer_popup p.emphasis {
	font-weight: 600;
}
.layer_popup .dimmed {
	background:rgba(0,0,0,0.3);
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:3000;
}

.modal__sideFunction button {
}
.modal__content.termsAgreement {
}
.modal__content.termsAgreement h3 {
}
.modal__content.termsAgreement .termsTxt {
}
.modal__content.termsAgreement .termsTxt p {
}
.modal__content.termsAgreement .termsTxt span {
}
.memberWrap__area_content a:hover{text-decoration: none;}
body.member .memberWrap__area .memberWrap__area_content .article__title_01+.welcomeMessage {
	margin: 0 32px;
    letter-spacing: 0px;
    color: #000;
    font-size: 24px;
    font-weight: 300;
    line-height: 34px;
}

.memberWrap {overflow-y: auto; padding-bottom:140px;}
.area_content__header {    height: 92px;
    position: relative;
    z-index: 9999;
    display: flex;
    align-items: center;
    padding: 0 32px;}
.area_content__header > .left_side{}
.area_content__header > .left_side a{}
.area_content__header > .left_side a img{}
.area_content__header > .right_side{}
.area_content__header > .right_side a {}
.area_content__header > .right_side a img{}

.certifySelect {
	 margin:38px 32px 0;
	display:flex;
	flex-direction:column;
	gap:24px;
}
.certifySelect>a {
	 border:1px solid #bdbdbd;
	border-radius:12px;
	height:120px;
	font-weight:600;
	font-size:24px;
	padding-left:38px;
	color:#000;
}
.certifySelect span {
	 position:relative;
	height:100%;
	display:flex;
	align-items:center;
	padding-left:76px;
}
.certifySelect span:before {
	 content:"";
	width:52px;
	height:52px;
	position:absolute;
	left:0;
	background-size:cover;
}
.certifySelect__pass span:before {
	 background:url(../images/icon/logo_pass.png);
	background-size:cover;
}
.certifySelect__shinhan span:before {
	background:url(../images/icon/logo_shinhan.png);
	background-size:cover;
}
.member__btm_btnbox {
	position:fixed;
	bottom:0;
	width:100%;
	display:flex;
	padding:0 32px 40px;
	gap:20px;
	background: #fff;
	box-sizing:border-box;
}
.member__btm_btnbox .btn {
	border-radius:12px;
 	font-weight:500; 
	font-size:22px;
	letter-spacing:0;
	height: 70px;
	display:flex;
	width:100%;
	align-items:center;
	box-sizing:border-box;
	justify-content:center;
	
}
.member__btm_btnbox .btn.btn_bordered {
	border:1px solid #52c9ce;
	color:#52c9ce;
}
.member__btm_btnbox .btn.btn_filled {
	border:1px solid #52c9ce;
	background:#52c9ce;
	color:#fff;
}
.layer_popup:has(.btm_close_btn) h2 {    padding-top: 50px;
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 14px;}
.certificationModal .layer_popup:has(.btm_close_btn) .inner {padding: 0 35px; min-height:220px;}    
.layer_popup:has(.btm_close_btn) #layerMessage {    
	word-break:keep-all;
	margin-bottom: 116px;
    font-size: 18px;
    line-height: 28px;}
.layer_popup .btm_close_btn {    /* position: relative; */
    background: #52C9CE;
    width: 100%;
    left: 0;
    color: #fff;
    height: 66px;
    top: auto;
    bottom: 0;
    border-radius: 0 0 12px 12px;
    font-size: 22px;
    font-weight: 600;}
    
.util_word_break{word-break: auto-phrase}
.color_000 {color: #000 !important;}
.termsTxtFlex {display: flex; gap:3px;}
.termsTxtInFlex {display: flex; flex-direction: column;}
.termsTxtInFlex > span  {display: flex; gap:3px;}   
@media (max-width:400px) {
		.mo_hide {
		display:none;
	}
	.certifySelect {
		gap:12px;
	}
	.certifySelect>a {
		padding-left:22px;
		font-size:20px;
		height:90px;
	}
	.certifySelect span:before {
		width:42px;
		height:42px;
	}
	.certifySelect span {
		padding-left:60px;
	}

		.member_certify_formbox form>input {
		font-size:20px;
	}
	.member_certify_formbox .check_box {
		padding:0 20px 0 34px
	}
	.member_certify_formbox .check_all_box label {
		font-size:16px;
	}
	.member_certify_formbox .check_box>div label {
		font-size:15px;
	}
	.member_certify_formbox .check_box>div a {
		font-size: 14px;
	}

