@charset "utf-8";


/************************************************
*		LAYOUT									*
************************************************/

.wrap{width:100%;max-width:768px;margin:0 auto;padding:0;position:relative;}
.header{width:100%;max-width:768px;margin:0 auto;padding:0;position:fixed;top:0;z-index:1000;}
.wcontainer {width: 100%;max-width: 680px;margin: 0 auto;padding: 20px 0 !important;position: relative;}
.mcontainer{width:100%;max-width:410px;margin:0 auto;padding:20px 0 !important;position:relative;}
.scontainer{width:100%;max-width:410px;margin:0 auto;padding:0 0 !important;position:relative;}
.bcontainer{width:100%;max-width:410px;margin:0 auto;padding:0 0 0 !important;position:relative;}
.footer{width:100%;position:relative;z-index:1000;}






/************************************************
*		HEADER									*
************************************************/

.header{height:50px;background-color:#000;text-align:center;font-size:18px;font-weight:400;color:#fff;line-height:50px;}
.header .back_l{width:30px;height:50px;position:absolute;}
.header .back_l a{
	width:100%;
	height:50px;
	background:url(../images/icon/arrow_l_white.png) center 50% no-repeat;
	background-size:25px 25px;
	color:#fff;
	line-height:50px;
	display:block;
}
.header .refreshify{width:30px;height:50px;position:absolute;right:5px;top:0;}
.header .refreshify a{
	width:100%;
	height:50px;
	background:url(../images/icon/cycle_arrow.png) center 50% no-repeat;
	background-size:22px 22px;
	color:#fff;
	line-height:50px;
	display:block;
}






/************************************************
*		CONTAINER								*
************************************************/

/*** Sub Content ***/
.content{width:100%;margin:25px 0;padding:0;position:relative;}



/* LOGIN + JOIN  */
.inp_wrap{margin:0;padding:0 10px;position:relative;}
.inp_wrap ul{margin:25px 0 10px;padding:0;}
.inp_wrap li:first-child{width:27%;float:left;}
.inp_wrap li{width:70%;height:45px;margin:0 0 10px;font-size:14px;font-weight:400;color:#fff;line-height:45px;position:relative;display:block;float:right;}

.inp_i_wrap{width:100%;height:45px;margin:0 0 10px;line-height:45px;position:relative;}



.join_img{width:80%;margin:0 auto;padding:30px 0 0;position:relative;}
.join_img img{width:100%;}



.mp_wrap{padding:15px 5px 25px;text-align:center;position:relative;}
.mp_wrap .pr_case{
	width:90px;
	height:90px;
	margin:0 auto;
	position:relative;
	display:block;
}
.mp_wrap .pr_case .pr_img{
	width:90px;
	height:90px;
	border:1px solid #dfdfdf;
	border-radius:100%;
	line-height:90px;
	display:block;
	overflow:hidden;
}
.mp_wrap .pr_case .pr_img img{width:100%;vertical-align:top;}
.mp_wrap .pr_case .ri_mod{
	width:25px;
	height:25px;
	background-color:#000;
	border:1px solid #dfdfdf;
	border-radius:100%;
	text-align:center;
	line-height:20px;
	position:absolute;
	right:0;
	bottom:0;
	overflow:hidden;
	z-index:1;
}
.mp_wrap .pr_case .ri_mod img{width:65%;}






/************************************************
*		FOOT									*
************************************************/

.footer{margin:0;padding:10px;text-align:center;font-size:14px;font-weight:400;color:#ccc;}
    .footer .f_fix {
        /*width: 94%;*/
        max-width: 768px;
        position: relative;
        bottom: 10px;
		float: center;
    }






/************************************************
*		ETC										*
************************************************/

.bctit{margin:0 0 0px;padding:0 10px;text-align:center;font-size:23px;font-weight:600;color:#333;line-height:33px;letter-spacing:-1px;display:block;}
.bcsit{margin:0 0 20px;padding:0 10px;text-align:center;font-size:23px;font-weight:600;color:#333;line-height:33px;letter-spacing:-1px;display:block;}
.bctxt{margin:0 0 20px;padding:0 10px;text-align:center;font-size:15px;font-weight:400;color:#333;line-height:25px;letter-spacing:-1px;display:block;}
.bcsxt{margin:0 0 5px;padding:0 10px;text-align:center;font-size:15px;font-weight:400;color: #333;line-height:25px;letter-spacing:-1px;display:block;}

.bltxt{margin:0 0 20px;padding:0 10px;text-align:left;font-size:15px;font-weight:400;color:#333;line-height:25px;letter-spacing:-1px;display:block;}
.blsxt{margin:0 0 5px;padding:0 10px;text-align:left;font-size:15px;font-weight:400;color: #333;line-height:25px;letter-spacing:-1px;display:block;}

.sltit{margin:0 0 3px;padding:0 10px;text-align:left;font-size:22px;font-weight:500;line-height:36px;letter-spacing:-1px;position:relative;display:block;}
.sltit b{font-weight:400;}
.sltit span{height:36px;line-height:36px;position:absolute;right:10px;top:6px;}
.sltxt{margin:0 0 10px;padding:0;text-align:left;font-size:17px;font-weight:400;color:#333;line-height:24px;letter-spacing:-1px;display:block;}
.slcop{margin:10px 0;padding:0;text-align:left;font-size:14px;font-weight:400;color:#333;line-height:20px;letter-spacing:-1px;display:block;}
.slcop img{width:18px;height:18px;margin-bottom:5px;}

.sctit{margin:0 0 3px;padding:0 10px;text-align:center;font-size:22px;font-weight:500;line-height:36px;letter-spacing:-1px;position:relative;display:block;}
.sctit b{font-weight:400;}
.sctit span{height:36px;line-height:36px;position:absolute;right:10px;top:6px;}
.sctxt{margin:0 0 10px;padding:0;text-align:center;font-size:17px;font-weight:400;color:#fff;line-height:24px;letter-spacing:-1px;display:block;}
.sccop{margin:0 0 10px;padding:0;text-align:center;font-size:14px;font-weight:400;color:#333;line-height:20px;letter-spacing:-1px;display:block;}






/************************************************
*		POPUP									*
************************************************/

/*************** BOOTSTRAP POP ******************/
.modal{top:40px !important;z-index:1000000 !important;}

.modal-header{
	padding:10px !important;
	background-color:#333;
	border-bottom:1px solid #666 !important;
	font-size:16px;
	color:#fff;
	letter-spacing:-1px;
}
.modal-header .close{margin-top:-10px !important;font-size:35px;font-weight:300;color:#fff;float:right;}

.modal-content{max-width:320px !important;margin:0 auto !important;}

.modal-body{background-color:#333;}
.modal-body.mb_nav{
	width:135px;
	margin:5px 5px 0 0;
	padding:10px 5px;
	background-color:#000;
	border:1px solid #ccc;
	border-radius:10px;
	float:right;
}
.modal-body .mb_nav{
	height:35px;
	padding:0 10px;
	text-align:left;
	font-size:14px;
	color:#000;
	line-height:35px;
	display:block;
}
.modal-body .mb_nav img{width:15px;height:auto;margin:0 15px 4px 0;}

.modal-body.mb_nop{padding:15px 10px;}

.modal-body .mb_ctit{margin:0 0 5px;text-align:center;font-size:14px;color:#fff;display:block;}
.modal-body .mb_ctxt{margin:0 0 10px;text-align:center;font-size:12px;color:#fff;display:block;}

.modal-body .mb_ltit{margin:0 0 5px;font-size:14px;color:#fff;display:block;}
.modal-body .mb_ltxt{margin:0 0 10px;font-size:12px;color:#fff;display:block;}

.pscroll{height:280px;overflow:hidden;overflow-x:hidden;overflow-y:scroll;}

.modal-footer{padding:0 !important;border-top:1px solid #666 !important;}
.modal-footer .btn{height:50px;margin:0 !important;padding:0;border-radius:0;font-size:15px;line-height:50px;float:left;}
.modal-footer .btn-normal:first-child{border-right:1px solid #666;}
.modal-footer .btn-normal{background-color:#333 !important;color:#fff;}
.modal-footer .btn-primary:first-child{border-right:1px solid #666;}
.modal-footer .btn-primary{background-color:#d14146;color:#fff;}






/************************************************
*		Agreement 								*
************************************************/

.agr_wrap{margin:0 10px 10px;position:relative;}
.agr_wrap ul{margin:0;padding:0;}
.agr_wrap li:first-child{
	height:40px;
	border-bottom:1px solid #e7e7e7;
	line-height:40px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.agr_wrap li:first-child{
		height:70px;
		line-height:70px;
	}
}
.agr_wrap li:first-child input[type="checkbox"],
.agr_wrap li:first-child input[type="radio"]{margin:0;}
    .agr_wrap li:first-child input[type="checkbox"] + label b,
    .agr_wrap li:first-child input[type="radio"] + label b {
        font-size: 16px;
        color: #333;
        font-weight: 500;
        line-height: 40px;
    }
.agr_wrap li:first-child  input[type="checkbox"] + label,
.agr_wrap li:first-child  input[type="radio"] + label {padding:0 0 0 27px;line-height:40px;}
.agr_wrap li:first-child input[type="checkbox"] + label:before,
.agr_wrap li:first-child input[type="radio"] + label:before{
	width:20px;
	background:url(../images/icon/a_check_up1.png) center 50% no-repeat !important;
	background-size:20px 20px !important;
	line-height:40px;
	top:11px;
}
.agr_wrap li:first-child input[type="checkbox"]:checked + label:before,
.agr_wrap li:first-child input[type="radio"]:checked + label:before{
	background:url(../images/icon/a_check_ov1.png) center 50% no-repeat !important;
	background-size:20px 20px !important;
}


.agr_wrap li {
    height: 30px;
    color: #333;
    line-height: 30px;
}
.agr_wrap li label {margin:0;}
.agr_wrap li input[type="checkbox"],
.agr_wrap li input[type="radio"] {float:left;}
.agr_wrap li input[type="checkbox"] + label,
.agr_wrap li input[type="radio"] + label {width:100%;margin:0;padding:0 0 0 22px;font-size:14px;font-weight:300;color:#333;line-height:30px;}
    .agr_wrap li input[type="checkbox"] + label b,
    .agr_wrap li input[type="radio"] + label b {
        font-size: 14px;
        font-weight: 400;
        color: #333;
    }
    .agr_wrap li input[type="checkbox"]:checked + label:before b,
    .agr_wrap li input[type="radio"]:checked + label:before b {
        color: #333;
    }
.agr_wrap li input[type="checkbox"] + label span,
.agr_wrap li input[type="radio"] + label span{float:right;}
.agr_wrap li input[type="checkbox"] + label span a,
.agr_wrap li input[type="radio"] + label span a{
	width:8px;
	height:30px;
	background:url(../images/icon/more_icon.png) right 50% no-repeat;
	background-size:8px 15px;
	line-height:30px;
	display:block;
}



.agr_bit {
    margin: 0 0 10px;
    padding: 0;
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    line-height: 24px;
    letter-spacing: -1px;
    display: block;
}
.agr_tit {
    margin: 10px 0 0;
    padding: 0;
    text-align: left;
    font-size: 13px;
    font-weight: 400;
    color: #333;
    line-height: 21px;
    letter-spacing: -1px;
    display: block;
}
.agr_txt {
    margin: 0 0 10px;
    padding: 0;
    text-align: left;
    font-size: 12px;
    font-weight: 400;
    color: #333;
    line-height: 20px;
    letter-spacing: -1px;
    display: block;
}






/************************************************
*		TABLE	 								*
************************************************/

.table_type1{width:98%;margin:0 1% 15px;border-top:2px solid #555;font-size:14px;}
.table_type1 caption{display:none}
.table_type1 thead th,
.table_type1 thead td{padding:10px;background-color:#333;border:1px solid #e4e4e4;font-size:15px;font-weight:500;color:#333;line-height:20px;}
.table_type1 tbody th,
.table_type1 tbody td{padding:10px;background-color:#000;border:1px solid #e4e4e4;font-size:13px;font-weight:400;color:#ccc;line-height:20px;vertical-align:top;}
.table_type1 tbody th p,
.table_type1 tbody td p{margin:0 0 10px;color:#333;display:block;}






/************************************************
*		RESPONSIVE								*
************************************************/

@media all and (max-width:1280px){
}

@media (min-width: 1200px){
}

@media all and (max-width:1024px){
}

@media all and (max-width:980px){
}

/*@media all and (min-width:768px){
	.agr_wrap{margin:0 10px 100px;}
	.footer .f_fix{width:100%;position:relative;}
}*/

@media all and (max-width:480px){
}

@media all and (max-width:419px){
}

/************************************************
*		회원가입 폼 추가						*
************************************************/
.pr_title {
	width: 980px;
	height: 50px;
	color: #000;
	font-size: 24px;
	font-weight: bold;
	line-height: 35px;
	font: Dotum, "돋움", Sans-Serif;
	border-bottom: 1px solid #cfcfcf;
	padding : 12px 0;
}

.pr_title img {
	vertical-align: bottom;
}