@charset "UTF-8";

/* checkbox */
.checkbox {display: none;}
.checkbox + label {display: inline-block;cursor: pointer;position: relative;padding-left: 25px;margin-right: 15px;}
.checkbox + label:before {content: "";display: inline-block;position: absolute;left: 0;bottom: 1px;width:18px;height:18px;vertical-align:middle;background-color:#fff;border:0;}
.checkbox:checked + label:before {background:#fff url('../../images/common/checkbox_red.png') 50% 50% no-repeat;}
.checkbox.large2 + label {padding-left:44px;color:#9b9b9b;line-height:30px;}
.checkbox.large2 + label:before {top:1px;width:30px;height:30px;border:1px solid #d2d2d2;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.checkbox.large2:checked + label:before {border-color:#d00000}
/*
input[type="checkbox"],
input[type="radio"]{opacity: 0; filter: alpha(opacity=0); position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); top: 0; left: 0; border: 0;outline: none;}
.check label:before{content: ''; display: inline-block; width: 16px; height: 16px; margin-right: 10px; background: url(../images/ico/check.png) 0 0 no-repeat; vertical-align: middle; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;}
*/
.layer-popup .bg{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.75;filter:alpha(opacity=75);z-index:1000;}
.layer-popup .popup-box{position:absolute;top:35%;left:50%;width:640px;height:320px;margin:-100px 0 0 -320px;background-color: #f6f6f3;z-index: 1002;}
.layer-popup.sns .popup-box{position: fixed;top: 40%;background-color: #dd0330;}
.layer-popup.sns .popup-box h2{padding-top: 2.5rem;font-size: 1.6rem;line-height: 1;color: #fff;text-align: center;font-weight: 500;}
.layer-popup.event .popup-box{width: 100%;max-width: 800px;height: 652px;}
.layer-popup.event .btn-close{position: static;right: auto;top: auto;bottom: 14px;background: url(http://jipyungdev.cafe24.com/kr/resource/images/ico/pop_close_02.png) left top no-repeat;-webkit-background-size: 24px auto;background-size: 24px auto;}

.layer-popup.event .popup-box{margin: -100px 0 0 -400px;background-color: transparent;}
.layer-popup.event .popup-box .thumb img{width: 100%;}
.layer-popup .bottom-area{line-height: 1;padding: 1.4rem 2rem;background-color: #f6f6f3;overflow: hidden;}
/*.layer-popup.event .thumb{width: 800px;height: 600px;background: url('../images/@thumb/thumb_800x600.jpg') 50% 0 no-repeat;}*/
.layer-popup.event .check{float: left;margin-top: .4rem;}
.layer-popup.event .check label{color: #000;}
.layer-popup.event .btn-close{float: right;}

.layer-popup.rules h2{padding-top: 6rem;font-size: 4.2rem;line-height: 1;color: #dd0330;font-weight: normal;text-align: center;font-family: 'Noto Serif KR', serif;font-weight: 350;}
.layer-popup.rules .popup-box{height: auto;padding: 0 4.5rem 6rem;box-sizing: border-box;-webkit-box-sizing: border-box;z-index:11000;}
.layer-popup.rules .text{margin-left: 0;margin-right: 0;padding-top: 5rem;font-size: 1.6rem;line-height: 3.2rem;color:#333333; position:initial;}

.check label:before{content: ''; display: inline-block; width: 16px; height: 16px; margin-right: 10px; background: url('http://jipyungdev.cafe24.com/kr/resource/images/ico/check.png') 0 0 no-repeat; vertical-align: middle; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;}
.popup-box .btn-close{position: absolute;right: 23px;top: 21px;width: 24px;height: 24px;font-size: 1px;text-indent: -9999px;overflow: hidden;background: url('../images/ico/pop_close.png') left top no-repeat;-webkit-background-size: 24px auto;background-size: 24px auto;}

.layer-popup.inquiry .popup-box .btn-close{display: inline-block;position: absolute;right: 0;top: -50px;width: 30px;height: 30px;background: url('../../images/common/pop_close.png') 0 0 no-repeat;}
.layer-popup.inquiry .popup-box{top: 20%;height: 756px;padding: 65px 50px 42px;background-color: #fff;box-sizing: border-box;-webkit-box-sizing: border-box;}
.layer-popup.inquiry .popup-box h2{padding-bottom: 30px;line-height: 1;font-size: 40px;color: #000000;font-weight: 500;letter-spacing: -2px;}
.layer-popup.inquiry .popup-box .form-wrap .field{position: relative;padding-left: 130px;}
.layer-popup.inquiry .popup-box .form-wrap .field:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.layer-popup.inquiry .popup-box .form-wrap .field label{display: block;position: absolute;left: 0;top: 0;width: 130px;height: 70px;line-height: 70px;font-size: 17px;color: #686868;}
.layer-popup.inquiry .popup-box .form-wrap .field .input-area{float: left;width: 100%;height: 70px;line-height: 70px;}
.layer-popup.inquiry .popup-box .form-wrap .field .input-area input{color: #686868;}
.layer-popup.inquiry .popup-box .form-wrap .field .text-area{display: block;float: left;width: 100%;height: 140px;padding: 21px 18px 26px;}
.layer-popup.inquiry .popup-box .form-wrap .field .text-area textarea{display: block;width: 100%;height: 100%;font-size: 17px;line-height: 27px;border: 0 none;resize: none;}
.layer-popup.inquiry .popup-box .btn.x-large{width: 100%;margin-top: 44px;font-weight: 500;}


/* common */
.overflow { overflow-x:scroll; overflow-y:scroll }
.overflow_y { overflow-x:hidden; overflow-y:scroll }
.paragraph { margin-bottom:35px !important }
.succession { margin-top:20px !important }
.center { text-align:center !important }
.left { text-align:left !important }
.right { text-align:right !important }
.f_left { float:left !important }
.f_right { float:right !important }

/* pop layer */
#popLayerBg { position:fixed; z-index:99; width:100%; height:100%; background:#000; opacity:0.8; filter:alpha(opacity=80); display:none }
.pop_layer { z-index:100; display:none; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); background:#fff; border-radius:10px; box-shadow:0 0 5px rgba(0,0,0,0.6); }
.pop_layer header { background:#e60909; height:46px; border-radius:8px 8px 0 0; }
.pop_layer header h2 { text-align:center; font-family:noto sans kr; font-size:18px; font-weight:500; color:#fff; line-height:42px; }
.pop_layer .btn_close { position:absolute; top:9px; right:12px; display:block; font-size:20px; text-align:center; width:20px; height:20px; line-height:20px; color:#fff; }
.pop_layer .con { padding:30px }
.pop_layer .btn_add i { font-size:19px }

.pop_contents { background:#fff; position:absolute; left:50%; top:50%; z-index:10001; display:none; border:5px solid #000; padding:20px }
.pop_contents h1 { font-size:15px; color:#444; margin-bottom:12px }
.pop_contents section { margin-bottom:25px }

.pop_member_regist { width:90%; height:600px }
/* .pop_member_regist { width:600px; height:600px } */
.pop_member_regist .table_h02 { border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0 }

@keyframes blink-effect {50% {opacity: 0;} } 
  .blink {
	/*animation: blink-effect 4s step-end infinite;*/
	animation-name: blink-effect;
	animation-duration: 4s;
	animation-iteration-count:infinite;
	animation-timing-function:step-end 1s;
	
  }