/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
.modal_box {
	width:98%; 
	margin:auto;
}
.modal_tit {font-size:13px; color:#000; font-weight:bold; padding-left:10px; text-align:center; }
.modal_txb01 {background:#25baf1; color:#fff; border:1px solid #25baf1; font-weight:600; padding:6px 17px !important;}
.modal_txb02 {background:#fff; color:#43ccff; border:1px solid #43ccff; font-weight:600; padding:6px 17px !important; margin-left:5px !important;}
.modal_table {border-top:1px solid #ddd; width:95%; margin:auto; margin-top:10px;}
.modal_table ul {clear:both; width:148px; text-align:center; margin:auto;}
.modal_table ul li {float:left; padding:10px; font-size:11px;}
.modal_table ul li img {width:51px; padding-bottom:5px;}
.modal_table dl {clear:both; padding-bottom:5px;}
.modal_table dl dt {text-align:left; background:#808080; color:#fff; padding:8px 10px; font-size:13px;}
.modal_table dl table {width:100%; font-size:12px; padding-bottom:7px;}
.modal_table dl table th {background:#e6e6e6; color:#424242; line-height:27px; font-weight:500; width:35%; font-size:12px;}
.modal_tabol {font-weight:600 !important;}
.modal_price {font-weight:600 !important; color:#ed3333 !important;}
.modal_table dl table td {background:#f4f4f4; color:#424242; text-align:center; font-size:12px;}
.modal_table p {color:#8f8f8f; font-size:12px; text-align:left;}

.modal_d01 {padding-top:20px;}
.modal_d01 h2 {text-align:left; border-bottom:2px solid #000; line-height:30px; padding-bottom:5px; margin-bottom:5px;}
.modal_d01 p {padding-top:3px; font-size:12px;}
.modal_d02 {padding-top:20px;}
.modal_d02 h2 {text-align:left; border-bottom:2px solid #000; line-height:30px; padding-bottom:5px; margin-bottom:5px;}
.modal_d02 p {padding-top:3px; font-size:12px;}
.modal_d03 {padding-top:20px;}
.modal_d03 h2 {text-align:left; border-bottom:2px solid #000; line-height:30px; padding-bottom:5px; margin-bottom:5px;}
.modal_d03 p {padding-top:3px; font-size:12px;}

.modal_table2 {border-top:1px solid #ddd; width:310px; margin-top:12px;}
.modal_table_box {width:250px; margin:auto;  margin-top:10px;}
.modal_ta_tit {float:left; font-size:13px; color:#595959; font-weight:bold; padding-bottom:10px;}
.modal_input {border:1px solid #c1c1c1; width:140px; height:32px; line-height:32px; padding-left:10px; margin-top:8px; font-size:13px; color:#595959; font-weight:bold;}
.modal_btn {display:block; background:#eb1235; border-radius:3px; width:100px; height:70px; line-height:70px; text-align:center; color:#fff !important; font-weight:bold; font-size:15px;}
.modal_mem {float:left; margin-top:20px; padding-top:20px; width:310px; line-height:15px; font-size:13px; font-weight:500; color:#595959; margin:auto; text-align:left; border-top:1px solid #ddd; }
.modal_mem2 {float:left; margin-top:20px; padding:20px 0px; width:310px; line-height:15px; font-size:13px; font-weight:500; color:#595959; margin:auto; text-align:left; /*border-top:1px solid #ddd; */}
.modal_mem_btn {display:block; float:left; margin-top:10px; background:#1f1f1f; width:100px; height:29px; line-height:29px; text-align:center; color:#fff !important; font-weight:bold; font-size:13px;}
.modal_mem_btn2 {display:block; margin:auto; background:#f15a21; width:80px; height:37px; line-height:37px; text-align:center; color:#fff !important; font-weight:bold; font-size:15px; border-radius:5px;}

.modal_ul_list  {line-height:25px; width:310px; padding-left:4px; padding-top:5px; padding-bottom:5px; border-bottom:1px solid #ddd;}
.btn0702_3 {float:left; padding-left:5px;}
.btn0702_col1 {background:#fb718a; height:30px; line-height:30px; width:40px; display:block; text-align:center; color:#fff !important; font-weight:bold; font-size:12px; border-radius:3px;}
.btn0702_col2 {background:#9e9e9e; height:30px; line-height:30px; width:40px; display:block; text-align:center; color:#fff !important; font-weight:bold; font-size:12px; border-radius:3px;}
	
.w100 {width:110px;}
.w70 {width:81px;}

	.reveal-modal-bg { 
		position:fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		opacity:.8; filter:alpha(opacity=50);
		z-index: 1;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		display:none;
		top: 100px; 
		left:13%;
		/*margin-left: -250px;/*
		/*width: 450px;
		height:260px;*/
		border:3px solid #333333;
		background: #fff;
		position: absolute;
		z-index:501;
		/*padding: 30px 40px 34px;*/
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
	.reveal-modalla {
		display:none;
		top: 100px; 
		left:2%;
		border:3px solid #333333;
		background: #fff;
		position: absolute;
		z-index:501;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
		
	.reveal-modal.small 		{ width:200px; margin-left: -140px;}
	.reveal-modal.medium		{ width:70%; height:280px;}
	
	.reveal-modalla.large 			{ width:95%; /*height:1280px;*/}

	
	.reveal-modal .close-reveal-modal {
		position: absolute;
		top: 13px;
		right: 17px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
	.reveal-modal .close-reveal-modal img {
	width:12px;
}

	.reveal-modal2 .close-reveal-modal {
		position: absolute;
		top: 13px;
		right: 17px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
	.reveal-modalla .close-reveal-modal img {
	width:12px;
}

	.reveal-modalla .close-reveal-modal {
		position: absolute;
		top: 13px;
		right: 17px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
	/*
		
	NOTES
	
	Close button entity is ×
	
	Example markup
	
	<div id="myModal" class="reveal-modal">
		<h2>Awesome. I have it.</h2>
		<p class="lead">Your couch.  I it's mine.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
		<a class="close-reveal-modal">&#215;</a>
	</div>
	
	*/




ol,ul { list-style:none; }
input[type=text] {border:1px solid #c1c1c1; }
input[type=button] {cursor:pointer}
button {border:0 none;cursor:pointer; background:none; margin:0; padding:0;vertical-align:middle}
button span {position:relative; left:0; top:0;vertical-align:middle}
button::-moz-focus-inner {border:0; padding:0}
/* 셀렉트박스 */
.selectBox_han {display:inline-block; position:relative; z-index:200; vertical-align:middle;}
.selectBox_han .selectValue {float:left}
.selectBox_han .selectValue .ibtn {z-index:10 /* 15 */ }
.selectBox_han:after {display:block; content:""; clear:both}
.selectBox_han ul {width:100%; max-height:230px; overflow:auto; border:1px solid #f58426; position:absolute; left:-1px; top:-1px; z-index:10;display:none}
.selectBox_han ul li {/*padding:8px 8px;*/ border-top:1px solid #c1c1c1; background:#fff;}
.selectBox_han ul li button {display:block; width:100%; height:100%; text-align:left}
.selectBox_han ul li:first-child {border:0 none}
.selectBox_han ul li:hover {background:#f5f5f5}
.selectBox_han ul li:hover button {color:#f58426}
.selectBox_han ul li span {background:none; padding:0}
.selectBox_han ul.gray {border:1px solid #c1c1c1 !important;}

.selectBox_han ul {scrollbar-3dLight-Color: #efefef; scrollbar-arrow-color: #dfdfdf; scrollbar-base-color: #efefef; scrollbar-Face-Color: #dfdfdf; scrollbar-Track-Color: #efefef; scrollbar-DarkShadow-Color: #efefef; scrollbar-Highlight-Color: #efefef; scrollbar-Shadow-Color: #efefef}
/* Chrome, Safari용 스크롤 바 */
.selectBox_han ul::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; }
.selectBox_han ul::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px;}
.selectBox_han ul::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
.selectBox_han ul::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}

.selectValue {display:inline-block; height:32px; margin-right:6px; border:1px solid #c1c1c1; position:relative; z-index:10; vertical-align:middle; background-color:#fff}
tr .selectValue,.pageCustom .selectValue,.confirmBox .selectValue {margin:0 7px}
.loginUnit .selectValue {margin:0}
tr .selectValue:first-child {margin-left:0}
.selectValue span {display:block; padding-left:10px; padding-right:10px; height:100%; border:0 none}
.selectValue span input[type=text], .selectValue span input[type=password] {display:inline-block; font-size:13px; width:100%; border:0 none; vertical-align:top; padding:7px 0; color:#666}
.selectValue span input[type=tel] {display:inline-block; font-size:13px; line-height:16px; width:100%; border:0 none; vertical-align:top; margin-top:9px; color:#666}
.ibtn {width:33px; height:32px; position:absolute; right:0; top:0; background:transparent url(/img/ico_btn.png) no-repeat left top}