@charset "utf-8";

/**1006 S**/
.loginBoxWrap{ background:#ffffff; height:auto;padding:35px 25px 0 25px; margin-bottom:10px;}
.loginBoxWrap.existReferer {height:auto;}
.loginBoxWrap .loginDescriptionTitle { width:100%; font-weight:bold; font-size:20px; line-height:25px; }
.loginBoxWrap .loginDescriptionContent { padding:15px 0 25px 0; color:#f00; }
/**1006 E**/

.loginBoxWrap .loginTitle{ font-weight:bold;height:31px}
.loginBoxWrap .loginBox{
	display: inline-block;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    padding: 30px 0;
    width: 100%;
    margin-bottom: 25px;
 }
.loginBoxWrap .loginInput{margin:0 auto;width:354px; height:94px; position:relative;}
.loginBoxWrap .loginInput li{margin-bottom:8px;}
.loginBoxWrap .loginInput li input{ width:238px;}
.loginBoxWrap .loginInput li.btn{ position:absolute;right:0px;top:0px;}
.loginBoxWrap .loginInput li.btn .btn_login{ display:block; background:#f89b1c; text-align:center; width:84px; height:74px;}
.loginBoxWrap .loginInput li.btn .btn_login span{ display:inline-block;*display:inline;zoom:1; font-weight:bold; background:url("../images/member/btn_login_pc.png") no-repeat center top;margin-top:20px;padding-top:25px;}
.loginBoxWrap .idPwd{margin:0 auto;width:354px; position:relative;padding:0 0 0 11px; overflow:hidden;}
.loginBoxWrap .idPwd li{ float:left;padding-left:10px; background:url("../images/information/bl_dot.png") no-repeat left 4px; margin-right:30px;}
.loginBoxWrap .alertIcon{ display:none;}
.dotTxtBtn li{background:url("../images/information/dot_line.png") repeat-x left bottom;position:relative;padding:27px 0;}
.dotTxtBtn li:last-child{background:none;}
.dotTxtBtn li:first-child{padding-top:0px;}
.dotTxtBtn li .con{padding-left:10px; background:url("../images/information/bl_dot.png") no-repeat left 7px; line-height:20px; position:relative;}
.dotTxtBtn li .con .title{ display:block; margin-bottom:6px;}
.dotTxtBtn li .iconTxt {word-break:keep-all;}
.dotTxtBtn li a{width:auto; height:33px; line-height:34px;padding:0 20px; position:absolute;right:0px;top:3px;}
.dotTxtBtn li a.black{ color:#f89b1c;}
.dotTxtBtn li a.middle{top:50%;margin-top:-16px;}


.memberBoxArea{padding: 15px 25px 30px 25px;background:#ffffff;margin-bottom:10px;}
.memberBoxArea .alertIcon{background:#fff url("../images/information/info_icon.png") no-repeat left 3px;padding:0px 0px 25px 46px; line-height:20px; margin-top:-3px;}
.memberBoxArea .alertIcon.center{background:#fff url("../images/information/info_icon.png") no-repeat left 0px;padding:10px 0px 25px 46px; line-height:20px; margin-top:0px;}
.memberBoxArea .alertIcon ul.dotbl{ margin-top:10px;}
.memberBoxArea .alertIcon ul.dotbl li{padding-left:10px; background:url("../images/information/bl_dot.png") no-repeat left 7px; line-height:20px; margin-bottom:15px;}
.memberBoxArea .alertIcon ul.dotbl li:last-child{margin-bottom:0px;}

.memberBoxArea .writeTable th{width: 125px;}
.memberBoxArea .writeTable.memberJoin th{vertical-align:top;padding-top:18px; height:32px;}
.memberBoxArea .writeTable input[type=text]{ width:180px;}
.memberBoxArea .writeTable select{ width:150px;height:32px}
.memberBoxArea .writeTable input.name,
.memberBoxArea .writeTable input.bday,
.memberBoxArea .writeTable input.reg_pwd{width:180px}
.memberBoxArea .writeTable input.tel{width:68px}
.memberBoxArea .writeTable input.zip{width:68px}
.memberBoxArea .writeTable input.address{width:300px}
.memberBoxArea .writeTable select.telSelect{width:90px}
.memberBoxArea .writeTable input.email{width:120px}
.memberBoxArea .writeTable input.company{width:288px}
.memberBoxArea .writeTable select.emailSelect{width:140px}
.memberBoxArea .writeTable .pcTxt{ display:inline-block;*display:inline;zoom:1; margin-left:6px;}
.memberBoxArea .writeTable .lh20{line-height:20px;}
.memberBoxArea .writeTable .lh15{line-height:15px;}
.memberBoxArea .writeTable .agreeArea{ margin-top:10px;}
.memberBoxArea .writeTable .inTableArea{ overflow:hidden;}
.memberBoxArea .writeTable .inTableArea.line{padding:10px 0}
.memberBoxArea .writeTable .inTableArea li{ float:left; line-height:32px;}
.memberBoxArea .writeTable .inTableArea.line li{ float:none; line-height:32px; margin-bottom:8px;}
.memberBoxArea .writeTable .inTableArea.line li:last-child{margin-bottom:0px;}
.memberBoxArea .writeTable .inTableArea li select{height:32px;}
.memberBoxArea .writeTable .inTableArea li.selectW100{ margin-left:10px;}
.memberBoxArea .writeTable .fileArea{ padding-bottom:8px;vertical-align:top}

.memberBoxArea .writeTable .fileArea .title{ display:inline-block;*display:inline;zoom:1; font-weight:bold;width:82px; line-height:32px;vertical-align:top}
.memberBoxArea .writeTable .fileArea .title2{ display:inline-block;*display:inline;zoom:1; font-weight:bold;width: 220px; line-height:18px;}
.memberBoxArea .writeTable .fileArea .con{ display:inline-block;*display:inline;zoom:1; line-height:18px;}
.memberBoxArea .writeTable .fileArea .con .fileName{ display:block; margin-top:8px;}
.memberBoxArea .preTitle{ font-weight:bold; margin:30px 0 15px 0;}
.memberBoxArea .preScrollArea{border:1px solid #bbbbbb;padding:20px; line-height:20px;height: 200px;overflow-y:auto}
.memberBoxArea .preScrollArea .footerContentWrap{padding:0px;}

.memberBoxArea .preScrollArea .footerContentWrap .iconTxt p.icon {display:inline-block;}


.memberBoxArea .agreeArea{ margin-top:15px; overflow:hidden;}
.memberBoxArea .agreeArea.all{ margin-top:30px;}
.memberBoxArea .agreeArea li{ float:left; width:50%; margin-bottom:10px;}
.memberBoxArea .memberBottomTitle{margin:30px 0 20px 0;line-height: 175%;}
.memberBoxArea .sns {box-sizing: border-box;padding:20px;border:1px solid #7d6f5e;width: 100%;}

.memberBoxArea .title{ font-size:16px; font-weight:bold; margin-bottom:25px;}
.memberBoxArea .title.type2 { float:left; }
.memberBoxArea .title span{color:#368202}
.memberBoxArea .con{ line-height:20px;}
.memberBoxArea .con li{padding-left:10px;background:url("../images/information/bl_dot.png") no-repeat left 7px;margin-bottom: 5px;word-break: keep-all;}


.memberTypeWrap{padding:20px 25px; background:#ffffff;}
.memberTypeArea{display: flex;overflow:hidden;margin: 10px 0;}
.memberTypeArea .memberTypeBox ~ .memberTypeBox {margin-left: 10px;}
.memberTypeArea .memberTypeBox {}
.memberTypeBox {width: 50%;border:1px solid #7d6f5e;padding: 20px;box-sizing: border-box;position:relative;line-height: 125%;padding-bottom: 60px;}
.memberTypeBox .con table th {background-color:#ddd;}
.memberTypeBox .con table th,
.memberTypeBox .con table td {padding:3px;}
.memberTypeBox .con table td {border-bottom:1px solid #777;}

.memberTypeBox.pay{background:#fff /*url("../images/member/memberKind_pay.png") no-repeat right bottom;; */;}
.memberTypeBox.free{ background:#fff /*url("../images/member/memberKind_free.png") no-repeat right bottom;*/}
.memberTypeBox.actor{ background:#fff /*url("../images/member/memberKind_actor.png") no-repeat right bottom;*/}
.memberTypeBox.young{ background:#fff /*url("../images/member/memberKind_young.png") no-repeat right bottom;*/}

.memberTypeBox .black{color:#f89b1c;width: 190px;line-height:34px;height:33px;}
.memberTypeBox .black.btnJoinType { border:none; cursor:pointer; }
.memberTypeBox.actor a {width: 200px;}

.memberTypeBox table {border-top:2px solid #000;}

.agreementArea{border-top:2px solid #000;border-bottom:2px solid #000;padding:30px 0 20px 0}
.agreementArea .preTitle{ margin-top:40px;}
.agreementArea .preTitle:first-child{ margin-top:0;}
.certificationArea{border-top:2px solid #000;border-bottom:2px solid #000;padding:50px 0 45px 0; text-align:center;}
.certificationArea .btnArea img{ margin-right:1px;}
.certificationArea .txt{ line-height:20px; margin-top:25px;}
.certificationBottom{ background:#f4f4f4; position:relative;padding:20px 25px; margin-top:30px;}
.certificationBottom .txt{padding-left:10px; background:url("../images/information/bl_dot.png") no-repeat left 7px; line-height:20px;}
.certificationBottom .btnText{ position:absolute;right:25px;top:50%;margin-top:-16px; line-height:34px; height:33px; padding:0 20px;}

.idpwdSearchBox{ background:#ffffff;padding:25px; margin-bottom:10px;}
.idpwdSearchBox .idSearchIcon{background:#fff url("../images/member/idSearch_icon.png") no-repeat left 3px;padding:0px 0px 25px 46px; line-height:20px;}
.idpwdSearchBox .pwdSearchIcon{background:#fff url("../images/member/pwdSearch_icon.png") no-repeat left 3px;padding:0px 0px 25px 46px; line-height:20px;}
.idpwdSearchBox .writeTableType{ margin-bottom:0px;}
.idpwdSearchBox .writeTableType .th{ width:150px;}
.idpwdSearchBox .writeTableType .th.none{ background-color:#fff;}
.idpwdSearchBox .writeTableType .td{ width:250px;}
.idpwdSearchBox .writeTableType .td.w100{ width:auto}
.idpwdSearchBox .writeTableType .td input{width:223px}
.idpwdSearchBox .writeTableType .inTableArea{ overflow:hidden;}
.idpwdSearchBox .writeTableType .inTableArea.line{padding:10px 0}
.idpwdSearchBox .writeTableType .inTableArea li{ float:left; line-height:32px;}
.idpwdSearchBox .writeTableType .inTableArea.line li{ float:none; line-height:32px; margin-bottom:8px;}
.idpwdSearchBox .writeTableType .inTableArea.line li:last-child{margin-bottom:0px;}
.idpwdSearchBox .writeTableType .inTableArea li select{width:70px;height:32px}
.idpwdSearchBox .writeTableType .inTableArea li input.tel{width:45px}
.idpwdSearchBox .btnArea{ text-align:center; margin-top:20px;}
.idpwdSearchBox .btnArea a{height:47px; line-height:48px;; width:106px; text-align:center; font-weight:bold;}
.idpwdSearchBox .bottomTxt{ margin-top:20px;}
.idpwdSearchBox .bottomTxt p{ margin-bottom:8px;}
.idpwdSearchBox .bottomTxt p:last-child{ margin-bottom:0px;}
.idpwdSearchBox .findResult {text-align: center; padding:30px; background-color: #f4f4f4;}
.idpwdSearchBox .findResult strong {display:block; font-size:14px; padding-top: 20px;}

/**1006 S**/
.memberEndArea{
	position:
	relative;
	background:#fff
	url("../images/member/memberEnd_bg_lt.png") no-repeat;
	/* height:375px; */
	margin-bottom:10px;
	text-align:
	center;
	padding: 45px 0 40px;
}


.memberEndArea:after {
	content:
	"";
	position:
	absolute;
	bottom: 0;
	right: 0;
	width: 112px;
	height: 112px;
	background: transparent url("../images/member/memberEnd_bg_rb.png") right bottom no-repeat;
}
/**1006 E**/

.memberEndArea .title{  font-size:20px; font-weight:bold;}
.memberEndArea .txt{ margin:20px 0; line-height:20px;}
.memberEndArea .btnCenter{ text-align:center; margin-top:30px;}
.memberEndArea .btnCenter a{height:47px;line-height:48px;color:#000;font-weight:bold;width:160px;}
  
.theaterType {width:100%;min-height:300px;background-color:#fff;}
.theaterType ul li {margin-left:25px; text-align:center; float:left;margin-right:0px; border:1px solid #3c3c3c; width:267px;background-color:#fff;}
.theaterType ul li a { width:inherit; padding-top:25px;}
.theaterType ul li a div { padding-top:29px;height:168px;}
.theaterType ul li a p {position:relative;line-height: 20px;background-color:#4c4c4c;text-align:center; padding:10px 0;color:#fff;font-weight:bold;font-size: 15px;}

.snsLoginArea {text-align:center;margin-top: 20px;}
.memberTypeBox .snsLoginArea {}
a[data-sns-name] {
    display: block;
    width: 350px;
    margin: 5px auto;
	padding: 15px 0 15px 135px;
    box-sizing: border-box;
    
    text-align: left;
    font-weight: bold;
    vertical-align: middle;

    background-repeat: no-repeat;
    background-size: 40px 40px;
    background-position: 15px center;
	border-radius: 3px;
}
.memberBoxArea a[data-sns-name] {
    display: inline-block;
    width: 250px;
    padding-left: 75px;
} 
.mypageTopArea a[data-sns-name].snsInterlockStatus {
	display: inline-block;
    margin: 0;
    margin-left: 10px;
    width: auto;
    padding: 10px 10px 10px 40px;
    background-size: 30px 30px;
    background-position: 5px center;
}
a[data-sns-name].noimg {
	display: inline-block;
	margin: inherit;
	background-image:none !important;
	box-sizing: inherit;
    text-align: center;
	border-radius: 0;
}
a[data-sns-name=naver] {
	background-image:url('/assets/images/member/ico_naver.png');
	background-color:#00c73c !important;
    color: #fff !important;;
}
a[data-sns-name=kakao] {
	background-image:url('/assets/images/member/ico_kakao.png');
	background-color:#fbe300 !important;
	color:#222 !important;;
	
}
a[data-sns-name=google] {
	background-image:url('/assets/images/member/ico_google.png');
	background-color:#eee !important;
	background-size:30px 30px;
	color:#444 !important;;
}

a[data-sns-name] img {width:100%;}
a[data-sns-name] span.mnone { display:inline; }

.memberBoxArea.sns .mobile_block {display:none;}


@media only screen and (max-width:1024px) {
	.memberBoxArea .actorDesc ul li .pc_block {display:inline;}
}

/** 회원가입 첫 페이지 **/
@media only screen and (max-width: 909px) {
}

@media only screen and (max-width: 640px) {
	.theaterType ul li {width:31.5%;margin-left:1%;}

    .memberBoxArea{padding:25px 25px 30px 25px; background:#ffffff; margin-bottom:10px;}
    .memberBoxArea .alertIcon{background:#fff url("../images/information/info_icon_big.png") no-repeat left 3px;padding: 0;line-height:20px;-webkit-background-size:auto 31px;background-size:auto 31px;}
	.memberBoxArea .alertIcon strong {display: inline-block;width: 100%;margin-left: 40px;}
	.memberBoxArea .alertIcon strong.green {margin-left: 0;margin-top: 10px;}
	.memberBoxArea .alertIcon .alertDesc {margin-left: 40px;}
	.memberBoxArea .memberTypeBox {width: 100%;}
    .memberBoxArea .writeTable th{}
    .memberBoxArea .writeTable td input[type=text]{width: calc(100% - 2px);box-sizing:border-box;-moz-box-sizing:border-box;height:32px;}
    .memberBoxArea .writeTable .tel{width:68px}
    .memberBoxArea .writeTable .email{width:120px}
    .memberBoxArea .writeTable td.con2 .btnText { display:block;width:100%; -webkit-box-sizing:border-box;     -moz-box-sizing:border-box;box-sizing:border-box; margin-top:8px;}
	.memberBoxArea .writeTable td .btnText span {vertical-align: top;font-size: 13px;}
	.memberBoxArea .writeTable select{width:100% !important;box-sizing:border-box;-moz-box-sizing:border-box;}
    .memberBoxArea .writeTable .pcTxt{ display:block;margin:10px 0 0 0;}
    .memberBoxArea .writeTable .inTableArea{ overflow:hidden;}
    .memberBoxArea .writeTable .inTableArea li{float:none;line-height:32px;margin-bottom:8px;position:relative;font-size: 0;}
    .memberBoxArea .writeTable .inTableArea li:last-child{margin-bottom:0px;}
    .memberBoxArea .writeTable .inTableArea li select{height:32px;vertical-align:top}
    .memberBoxArea .writeTable .inTableArea li.selectW100{ margin-left:0px;}
    .memberBoxArea .writeTable .inTableArea li.selectW100{ margin-left:0px;}
    .memberBoxArea .writeTable .inTableArea li.telArea{ text-align:center;}
    .memberBoxArea .writeTable .inTableArea li.telArea input{}
	.memberEndArea .btnCenter a{width:auto;padding:0 20px;box-sizing: border-box;}
	.snsLoginArea a[data-sns-name] {width:100%;}
	
	.mypageTopArea .writeTable table td.memberInfo {padding:10px 0;}
	.mypageTopArea .writeTable table td a[data-sns-name].snsInterlockStatus {
		display: block;
	    margin-left: 0;
	    margin-top: 5px;
	}

	.memberBoxArea .agreeArea li:nth-child(2n-1) {width: 230px;}
	.memberEndArea {padding: 110px 0;}

	.allianceWrap .dotTxtBtn li a.middle {top: 0;margin-top: 10px;}
}

@media only screen and (max-width: 480px) {
	.theaterType ul li {float:none;width:98%;margin-bottom:2%;}
	.theaterType {padding-bottom:1%;}
}

.memberBoxArea .actorDesc {margin-top:1.5em;}
.memberBoxArea .actorDesc ul {margin-left:2.5em;}
.memberBoxArea .actorDesc ul li {text-indent:-1.5em;}
.memberBoxArea .actorDesc ul li .pc_block {display:block;text-indent:0;} 

.memberBoxArea.sns .agreeArea.all {
	margin-top:15px;
	padding-bottom: 15px;
}

.memberBoxArea .con li {padding-left:10px; background:url("../images/information/bl_dot.png") no-repeat left 7px;margin-bottom:4px;word-break: keep-all;}
.memberBoxArea .con li ~ li {margin-top:10px;}
.memberBoxArea .memberBottomTitle .con li {line-height: 120%;}