﻿@charset "utf-8";

/*팝업 스타일*/
/*팝업 공통 영역*/
.popUpBack {
	position:fixed;
	top:0;
	left:0;
	z-index:300;
	background:url(/Image/popUp/popUp_backgroundBg.png) repeat;
	width:100%;
	height:100%;
	display:none;
	}
    #AdminChange .popUpCommon {
	    left:50%;
	    margin-left: -275px;
	
    }
		#AdminChange .popUpBack .popUpCommon .titleArea {
			width:100%;
			height:45px;
			clear:both;
			float:left;
			}
			#AdminChange .popUpBack .popUpCommon .titleArea p {
				font-weight:bold;
				color:#fff;
				font-size:1.2em;
				margin:16px 0 0 10px;
				}
	.popUpBack .popUpCommon {
		width:550px; /*기본값*/
		padding:0 7px 7px 7px;
		background:#1b2f79;
		position:absolute;
		/*overflow:hidden;*/
		top:60px;
		}
		.popUpBack .popUpCntWrapper {
			width:460px;
			/*overflow:hidden;*/
			margin:37px auto 25px auto;
			}
		.popUpBack .popUpCommon .titleArea {
			width:100%;
			height:45px;
			clear:both;
			float:left;
			}
			.popUpBack .popUpCommon .titleArea p {
				font-weight:bold;
				color:#fff;
				font-size:1.2em;
				margin:16px 0 0 10px;
				}
		.popUpBack .popUpCommon .contentsWrap {
			clear:both;
			float:left;
			width:100%;
            height:235px;
			border:1px solid #fff;
			background:#fff url(../../../Image/popUp/bg_contentBg.gif) top left repeat-x;
			}
	.popUpBack .popUpCommon .popUpBtm {
		clear:both;
		float:left;
		width:100%;
		padding:13px 0 0 0;
		margin:10px 0 0 0;
		background:url(../../../Image/popUp/bg_repeatBg.gif) top left repeat-x;
		}
		.popUpBack .popUpCommon .popUpBtm ul {
			display:block;
			width:200px;
			margin:0 auto;
			}
			.popUpBack .popUpCommon .popUpBtm ul li {
				float:left;
				margin-left:5px;
				}
			.popUpBack .popUpCommon .popUpBtm ul li:first-child {
				margin-left:0;
				}
			.popUpBack .popUpCommon .popUpBtm ul li a.button4 {
				position:static;
				}
	.popUpBack .popUpCommon a.close-reveal-modal {
		position:absolute;
		top:12px;
		right:7px;
		cursor:pointer;
		}
	/*팝업내용*/
	.popUpBack .contentsWrap p.bigTitle {
		font-weight:bold;
		color:#363636;
		text-align:center;
		font-size:1.4em;
		letter-spacing:-2px;
		margin:0 0 21px 0;
		}
		.popUpBack .contentsWrap p.bigTitle span {
			letter-spacing:0;
			}
	.popUpBack .contentsWrap p.cnt {
		color:#5f5f5f;
		text-align:center;
		letter-spacing:-1px;
		}
	.popUpBack .contentsWrap .formWrapper {
		clear:both;
		width:345px;
		margin:20px auto 0 auto;
		}
	.popUpBack .contentsWrap #popupForm {
		width:100%;
		clear:both;
		float:left;
		}
	.popUpBack .contentsWrap #popupForm th {
		border:none;
		font-size:1.2em;
		letter-spacing:-1px;
		padding:0;
		}
	.popUpBack .contentsWrap #popupForm td {
		border:none;
		padding:2px 0;
		}
	.popUpBack .contentsWrap #popupForm td input[type=password] {
		width:100%;
		}

/*아이디, 비밀번호 찾기 팝업*/
#findPopup.popUpBack .popUpCommon {
	width: 800px;
    left: 50%;
	margin-left: -400px;
}
.popUpBack .popUpCntWrapper {
	width: 760px;
	margin: 37px auto 25px auto;
}
.popUpBack .contentsWrap p.bigTitle {
	text-align: left;
	margin:0 0 10px 0;
}
.popUpBack .contentsWrap p.cnt {
	text-align: justify;
	margin:0;
	line-height: 150%;
	letter-spacing: 0;
	padding:0 0 0 2px
}
#findPopup.popUpBack .contentsWrap .boxWrapper {
	width: 330px;
	float: left;
	margin:0 15px;
}
#findPopup.popUpBack .contentsWrap .boxWrapper:first-child {
	border-right:1px solid #5f5f5f;
	padding-right: 28px;
}
.popUpBack .contentsWrap .formWrapper {
	width: 100%;
	height: 80px;
	clear: both;
	float: left;
}
#findPopup.popUpBack .formWrapper th {
	text-align: left;
}
#findPopup.popUpBack .formWrapper td input {
	width: 219px;
}
#findPopup.popUpBack .formWrapper tr.mobileInput td input {
	float: left;
	width: 63px;
	margin: 0 0 0 5px;
	text-align: center;
}
#findPopup.popUpBack .formWrapper tr.mobileInput td input:first-child {
	margin:0;
}
.popUpBack .popUpCommon .popUpBtm ul {
	width: 100%;
}
.popUpBack .popUpCommon .popUpBtm ul li {
	float: none;
}
#findPopup.popUpBack .popUpBtm ul li a {
	width: 150px;
	padding-left: 0;
	padding-right: 0;
	margin: 0 auto;
	float: none;
}
a.button4 {
	float:left;
	font-size:1.3em;
	color:#363636;
	font-weight:bold;
	border:1px solid #9b9b9b;
	border-radius:3px;
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,.2);
	-ms-box-shadow:1px 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,.2);
	box-shadow:1px 1px 2px rgba(0,0,0,.2);
	padding:13px 32px 12px 31px;
	background:#fff url(../../../Image/button/buttonType_button3_repeatBg.gif) left bottom repeat-x;
	}
a.button11 {
	float:left;
	font-size:1.0em;
	color:#363636;
	font-weight:bold;
	border:1px solid #9b9b9b;
	border-radius:3px;
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,.2);
	-ms-box-shadow:1px 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,.2);
	box-shadow:1px 1px 2px rgba(0,0,0,.2);
	padding:13px 12px 12px 11px;
	background:#fff url(../../../Image/button/buttonType_button3_repeatBg.gif) left bottom repeat-x;
	}
a.buttonTheme1 {
	display:block;
	color:#484848;
	letter-spacing:-1px;
	text-align:center;
	line-height:100%;
	}
	a.buttonTheme1:hover {
		text-decoration:none;
		border:1px solid #585858;
		}
	a.buttonTheme1 .noSpacing {
		letter-spacing:0;
		}
	a.buttonTheme1 .btnIcon1 {
		padding:3px 0 3px 20px;
		background:url(/Image/button/buttonIcon_1.png) left top no-repeat;
		}
	a.buttonTheme1 .btnIcon2 {
		padding:3px 0 3px 20px;
		background:url(/Image/button/buttonIcon_2.png) left top no-repeat;
		}
	a.buttonTheme1 .btnIcon3 {
		padding:3px 14px 3px 0;
		background:url(/Image/button/buttonIcon_7.png) right 3px no-repeat;
		}
	a.buttonTheme1 .btnIcon4 {
		padding:3px 0 3px 14px;
		background:url(/Image/button/buttonIcon_8.png) left 3px no-repeat;
		}
    /*서비스이용약관*/
#footerPopup1 .popUpStyle1 {
	width:800px;
	left:50%;
	margin-left:-410px;
	}
	#footerPopup1 .popUpStyle1 .popUpCntWrapper {
		width:722px;
		}
	#footerPopup1 .popUpStyle1 .formWrapper{
		width:680px;
		height:366px;
		border:1px solid #ccc;
		float:left;
		clear:both;
		margin:0;
		padding:20px;
		overflow:auto;
		line-height:200%;
		color:#5f5f5f;
		background:url(../Image/button/form_bg_inputArea.gif) top left repeat-x;
		}
    #footerPopup3 .popUpStyle1 {
	width:800px;
	left:50%;
	margin-left:-410px;
	}
	#footerPopup3 .popUpStyle1 .popUpCntWrapper {
		width:722px;
		}
	#footerPopup3 .popUpStyle1 .formWrapper{
		width:680px;
		height:366px;
		border:1px solid #ccc;
		float:left;
		clear:both;
		margin:0;
		padding:20px;
		overflow:auto;
		line-height:200%;
		color:#5f5f5f;
		background:url(../Image/button/form_bg_inputArea.gif) top left repeat-x;
		}

    #footerPopup2 .popUpStyle1 {
	width:800px;
	left:50%;
	margin-left:-410px;
	}
	#footerPopup2 .popUpStyle1 .popUpCntWrapper {
		width:722px;
		}
	#footerPopup2 .popUpStyle1 .formWrapper{
		width:680px;
		height:366px;
		border:1px solid #ccc;
		float:left;
		clear:both;
		margin:0;
		padding:20px;
		overflow:auto;
		line-height:200%;
		color:#5f5f5f;
		background:url(../Image/button/form_bg_inputArea.gif) top left repeat-x;
		}
    .popUpBack .popUpCommon.popUpStyle1 .contentsWrap {
			clear:both;
			float:left;
			width:100%;
            height:auto;
			border:1px solid #fff;
			background:#fff url(../Image/popUp/bg_contentBg.gif) top left repeat-x;
			}