@charset "utf-8";

/* layout */
#popWrap {
	margin: 5% auto 5%;
	width: 376px;
	border: 1px solid #dadada;
}
#popWrapMsize {
	margin: 5% auto 5%;
	/* width: 521px; */
	width: 670px;
	border: 1px solid #dadada;
}
.popHead {
	height: 32px;
	background: #56617a;
}
.popTitle {
	padding:14px 0 13px 0;
	text-indent: 14px;
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	background: #f1f1f1;
}
.popBody {
	padding: 23px 22px;
	line-height: 2em;
}
.popFoot {
	padding: 20px 22px 19px 22px;
	border-top: 1px solid #dadada;
	background: #f1f1f1;
}

/* common */
#popWrap strong {
	font-weight: bold;
	color: #56617a;
}
.popHead h1 {
	float: right;
	padding: 13px 15px 0 0;
}
.popTitle h2 {
	font-size: 14px;
	padding-left: 18px;
	font-family: "dotum", "돋움";
	font-weight: normal;
	line-height: 1.2em;
	background: url("/front/horseKO/asset/images/popup/bu_pop01.gif") no-repeat 18px  50%;
}
.formBox label { 
	display: inline-block;
	padding: 0 14px 0 14px;
	line-height: 26px;
	font-weight: bold;
	color: #56617a;
	background: url("/front/horseKO/asset/images/popup/bu_pop02.gif") no-repeat 0 8px;
}
input[type="text"] {
	padding: 3px 3px;
	margin: 0;
	border: 1px solid #cfcfcf;
}
input[type="image"] {vertical-align: top;}
.noInterval {
	padding: 0 !important;
	margin: 0 !important;
}

/* id check */
.btnUse {
	margin-top: 13px;
	text-align: center;
}
.btnUse input {margin-left: 0 !important;}
.idCheck input[type="text"] {width: 172px;}
.idCheck input[type="image"] {margin-left: 14px;}

/* zip code */
.zipcodeBox p {
	padding-bottom: 43px;
	line-height: 2;
}
.zipResult {
	width: 304px;
	height: 74px;
	padding: 9px 14px;
	overflow: scroll;
	overflow-x: hidden;
	border: 1px solid #e0e0e0;
	background: #fff;
}
.zipResult ul li {
	line-height: 1.7;
	color: #515151
}
.zipCode input[type="text"] {width: 197px;}
.zipCode input[type="image"] {	margin-left: 11px;}

/* password */
.passWord {margin-bottom: -8px;}
.passWord label {width: 117px;}
.passWord input[type="text"] {
	width: 179px;
	margin-bottom: 8px;
}

/* cancellation */
.cancellation {text-align: center;}
.cancellation strong {
	display: inline-block;
	margin-bottom: 8px;
}
#popWrap form legend { display: none; } 

/* movie */
.movieArea {text-align: center;}
.captionBox {
	overflow: scroll;
	overflow-x: hidden;
	height: 154px;
	padding: 24px 24px 30px 24px;
	line-height: 1.5;
	border: 1px solid #e0e0e0;
	background: #fff;
}

/* button */
.btnArea {
	text-align: center;
	margin-right: -13px;
}
.btnArea input[type="image"]{margin-right: 13px;}

/* popWrap02 */
#popWrap.popWrap02 {width: 900px;}
.popWrap02 .popHead {
	height: 60px;
	border-bottom: 8px solid #3f4658;
}
.popWrap02 .popHead h1 {
	float: left;
	margin: 16px 27px 0;
	padding: 8px 0 8px 0;
	color: #fff;
	font-size: 18px;
}
.popWrap02 .popFoot {background: #e0e0e0;}
.popWrap02 .popFoot a.popClose {
	display: inline-block;
	padding: 7px 27px;
	background: #434343;
	font-weight: bold;
}
.popFoot .popClose span {
	padding-left: 23px;
	background: url("/front/horseKO/asset/images/popup/pop_close.gif") no-repeat left 1px;
	color: #e0e0e0;
}
.emailrefusal {
	margin: 70px 0;
	text-align: center;
}
.emailrefusal p {margin-top: 40px;}
.btnRight {text-align: right;}

/* personal */
.personal * {
	line-height: 1.5;
	color: #515151;
}
.personal h2, 
.personal ul, 
.personal .paragraph {margin-bottom: 20px;}
.personal .colorRed{color:#ff0000 ! important;}
.personal table{width:100%; border:1px solid #ccc;}
.personal table caption{overflow:hidden; width:1px; height:1px; visibility:hidden; font-size:1px; line-height:1px;}
.personal table th{border:1px solid #ccc; background:#eee; font-weight:bold; text-align:center}
.personal table td{border:1px solid #ccc;}
.personal h2 {
	font-size: 12px;
	font-weight: bold;
}
.listGrayBar li {
	padding-left: 10px;
	background: url("/front/horseKO/asset/images/common/bg_graybar.gif") no-repeat left 7px;
}

/* legal */
.legal h3 {
	font-size:12px;
	font-weight: bold;
}
.legal ul li ul { margin-left: 35px; }
.legal .legalGap{ margin-bottom: 39px; } 
.legal .legalNogap{ margin-bottom: 0; } 

/* location */
#popWrap.locationView { width:652px; }
#popWrap.locationView .positionContent {position: relative; }
.btnPrint {
	position: absolute;
	left: 55px ;
	top: 18px;
}