@charset "utf-8";
::-webkit-input-placeholder{color:#000;font-weight:bold;font-size:80%;}
:-moz-placeholder {color:#000}
::-moz-placeholder {color:#000}
:-ms-input-placeholder {color:#000;}

#wrap,#footer{background-color:#f5f6f7;}
#header {clear: both;position: relative;width: 100%;height:106px;padding:0px;}
#header > .slideshow {display:none;}

a.logo{background:url('/common/img/logo.png') no-repeat;background-size:72px auto;-webkit-background-size:72px auto;display:block;width:72px;height:60px;margin:0 auto;background-position:0 1px;font-size:0px;color:transparent}

.joinBox{border:1px solid #CCC;background-color:#FFF;margin-top:35px;padding:0px 50px 80px 50px;}
.titBox{width:100%;height:80px;line-height:80px;text-align:center;cursor:pointer;font-size:24px;}
.joinOk{font-size:18px;text-align:center;line-height:30px;}

/*
.joinBox{border:1px solid #dcdcdc;padding:10%;min-height:300px;background-color:#FFF;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.joinBox > .titBox {width:100%;display:table;}
.joinBox > .titBox > .row{display:table-row;}
.joinBox > .titBox > .row > .cell1{display:table-cell;width:50%;font-family:'notokr-bold';line-height:100%;font-size:200%;color:#333;text-align:left;}
.joinBox > .titBox > .row > .cell2{display:table-cell;width:50%;text-align:right;}
.joinBox > .titBox > .row > .cell2 > a{font-size:90%;color:#333;vertical-align:bottom;}
*/

#joinform,#birthform{padding:5px 0px;}

input[id="usex1"],input[id="usex2"],input[id="usolar1"],input[id="usolar2"],input[id="uleap1"],input[id="uleap2"]{position: relative;top:3px;}
.input{height: 35px;line-height: 1.42857143;background-color: #fff;border:1px solid #CCC;text-indent: 12px;padding:0px;}
.input:focus{border:1px solid #283566;}
.textarea{height: 35px;line-height: 1.42857143;background-color: #fff;border:1px solid #CCC;padding:0px;}
.textarea:focus{border:1px solid #283566;}
.txteng{ime-mode:disabled;text-transform:lowercase;}
.txtkor{-webkit-ime-mode:active;-moz-ime-mode:active;-ms-ime-mode:active;ime-mode:active;text-transform:lowercase;}




.select::-ms-expand { display: none; }
.select { 
	width:100%;
	height:40px;
	padding: 7px; /* 여백으로 높이 설정 */ 
	font-family: inherit; /* 폰트 상속 */ 
	background: url('/common/img/down_arrow2.png') no-repeat 95% 50%; /* 네이티브 화살표 대체 */ 
	border: 1px solid #CCC; border-radius: 0px; /* iOS 둥근모서리 제거 */ 
	-webkit-appearance: none; /* 네이티브 외형 감추기 */ 
	-moz-appearance: none; 
	appearance: none; 
}
.select:required:invalid {
  color: #CCC;
}

.select option {
  color: #464646;
}


.chk-control {display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc !important;border-top-right-radius: 4px;border-bottom-right-radius:4px;outline: none;box-shadow:none !important;text-align:left;}
.chk-control label.toggle-radio {display: inline-block;position: relative;border-right: none;border-radius: 0;padding: 0;overflow: hidden;background-clip: padding-box;cursor: pointer;font-weight:normal;}
.chk-control label.toggle-radio input{position: absolute;z-index: 1;cursor: pointer;}
.chk-control label.toggle-radio input + span{position: relative;display: block;text-align: center;padding: 0px;z-index: 2;background-color: #FFF;color: #333;}
.chk-control label.toggle-radio:hover span {color: #000;}
.chk-control label.toggle-radio input:active + span,.chk-control label.toggle-radio input:focus + span{color: #000;}
.chk-control label.toggle-radio input:checked{cursor: default;}
.chk-control label.toggle-radio input:checked + span{cursor: default;background-color: #009f9f;color: #fff;background-clip: padding-box;}

.btn_group{display:table;margin:10px 0px;margin:0px auto;}
.btn_group a{display:table-cell;text-align:center;vertical-align:top}
.btn_group .btn_cell{display:table-cell:width:4px;color:#f5f6f7}

/*bootstrap css*/
/*col-xs*/
@media only screen and (min-width : 0px) and (max-width : 767px) {
	.joinBox > .titBox > .row > .cell1{line-height:120%;font-size:120%;}
}

/*col-sm*/
@media only screen and (min-width : 768px) and (max-width : 991px) {
	.joinBox > .titBox > .row > .cell1{line-height:100%;font-size:150%;}
}
/*col-md*/
@media only screen and (min-width : 992px) and (max-width : 1199px) {
	.joinBox > .titBox > .row > .cell1{line-height:100%;font-size:200%;}
}
/*col-lg*/
@media only screen and (min-width : 1200px) {
	.joinBox > .titBox > .row > .cell1{line-height:100%;font-size:200%;}
}

.jtable{width:100%;display:table;}
.jtable > .row{display:table-row;}
.jtable > .row > .cell{width:50%;display:table-cell;vertical-align: middle;}
.jtable > .row > .cell1{width:40%;display:table-cell;}
.jtable > .row > .cell2{width:30%;display:table-cell;}
.jtable > .row > .cell3{width:30%;display:table-cell;}
.jtable > .row > .cell4{width:60%;display:table-cell;}
.jtable > .row > .cell5{width:40%;display:table-cell;vertical-align: middle;}
.jtable > .row > .cell6{width:80%;display:table-cell;vertical-align: middle;}
.jtable > .row > .cell7{width:20%;display:table-cell;vertical-align: middle;}


/* 모바일과 씽크 마추기*/
.dinput{
	height: 40px;
	line-height: 1.42857143;
	background-color: #fff;
	border:1px solid #D7D7D7;
	text-indent: 12px;
}
.dinput:focus{
	border:1px solid #283566;
}

.txteng{
	ime-mode:disabled;
	text-transform:lowercase;
}
.txtkor{
	-webkit-ime-mode:active;
	-moz-ime-mode:active;
	-ms-ime-mode:active;
	ime-mode:active;
	text-transform:lowercase;
}
.sbox{
	display:table;
	width:100%;
}

.sbox .c1,.sbox .c2,.sbox .s1,.sbox .s2,.sbox .s3{
	display:table-cell;
	vertical-align: middle;
}

a.btn-red,a.btn-red:focus {
	color: #FFF;
	background-color: #283566;
	border-color: #283566;
}

a.btn-ggray,a.btn-ggray:focus {
	color: #FFF;
	background-color: #898989;
	border-color: #898989;
}


.phAnimate {
  position: relative;
  padding-top: 5px;
}
.phAnimate label {
  cursor: text;
  margin: 0;
  padding: 0;
  left: 14px;
  top: 18.5px;
  position: absolute;
  font-size: 14px;
  color: #ccc;
  font-weight: normal;
  transition: all 0.3s ease;
  background-color:#FFF;
  line-height:100%;
}

.phAnimate label.active {
  top: 0px;
  left: 14px;
  font-size: 12px;
  letter-spacing: 1px;
}
.phAnimate label.active.focusIn { color: #283566; }

/* 기본 체크박스 없애기 */
.chkbox {
	position: relative;
	top: 2px;
}

.chkbox input[type="checkbox"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0
}


.chkbox input[type="checkbox"] + label {
	display: inline-block;
	position: relative;
	cusor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* 새로운 디자인의 체크박스 만들기 */
.chkbox input[type="checkbox"] + label:before {
	content: ' ';
	display: inline-block;
	width: 12px;
	height: 12px;
	line-height: 12px;
	margin: -3px 4px 0 0;
	text-align: center;
	vertical-align: middle;
	background: #fafafa;
	border: 1px solid #cacece;
	border-radius:0px;

}


.chkbox input[type="checkbox"]:checked + label:before {
	content: '✔';
	font-size:10px;
	color: #464646;
	vertical-align: middle;
	text-shadow: 0px 0px white;
	background: #f1f4ff;
	border-color: #adb8c0;

}