@charset "utf-8";

.content.content-join {
    font-family: 'noto3', sans-sarif;
}
.content select, .content input[type=text], .content input[type=password] {color: #787878;font-size: 12px;}

#container .content {background:#f0f0f0;}
.join-wrap {width: 600px;margin: 0 auto;background-color: #fff;border: 1px solid #989898;margin-bottom: 30px;}
.content-join h1.top_logo {text-align: center;padding: 80px 0 20px 0 !important;}

ul.each_term li {display: inline-block;}

/*오버라이드*/
.join-content1, .join-content2 {width: 100%;}
.item_right input.middle {width: 100%;}
.items > li {padding: 18px 40px;}
.items > li:first-child {border-top:none}
.item_left {font-size: 16px;color: #000;color: #414148;font-weight: bold;}
.item_left, .item_right {display: inline-block;width: auto;}
.item_left { padding-left: 0px;padding-right: 20px;}
.item_right {width: 80%;font-size: 12px; float:right}
.text_alert {font-size: 12px;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #acacac !important; font-size: 12px;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #acacac !important; font-size: 12px;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #acacac !important; font-size: 12px;
}
:-moz-placeholder { /* Firefox 18- */
  color: #acacac !important; font-size: 12px;
}

label.circle_radio:before, label.i_label:before {
	width:17px;height: 17px;
	border: none;
	background:url('http://static-sdedu.akamaized.net/img1/_skin/sidae/images/common/mem_join_step/no_check.png') no-repeat;
}

label.circle_radio:after, label.i_label:after {

	width: 17px;height: 17px;
	border: none;
	background:url('http://static-sdedu.akamaized.net/img1/_skin/sidae/images/common/mem_join_step/check1.png') no-repeat;
	left: 0;
	margin-top: -9px;
}

label.circle_radio {font-size: 14px;}
.mail_degree label.circle_radio {margin-right: 7px;}
.text_alert {line-height: 16px;}
.term_degree {margin-bottom: 0;background: #fff;}
.term_degree > h5 {font-size: 16px;color: #414148;}
.term_degree > ul {padding: 0; }
.term_degree .term_title {height: 33px;line-height: 33px;border-top: none;color: #787878;}
.term_degree .term_title {font-size: 12px;}
.term_degree li label {top: 4px;}
.term_degree .term_btn {top: 5px;}
.term_agreement h3 {font-size: 12px;}
.term_agreement p {font-size: 12px;}
.term_btn button {color: #414148;}


.term_content .terms-css ol li,
.term_content .terms-css ul li,
.term_content .term_dl dt,
.term_content .term_dl dd,
.term_content .term_ol1 li {font-size: 12px;}
.term_content .tit {font-size: 14px;}

/*약관동의 수정*/
.term_text_wrap {position:relative; padding-top:5px; height:0; }
.term_text_wrap > li {width:100%;  float:left; top:20px; left:0; box-sizing:border-box; height:0;}
.term_each_degree {width:100%; padding:3px;}
.term_each_degree  li {float:left; width:50%; height:30px}

/*스크롤바 style : S*/
/*스크롤바 style : E*/

.protector_degree {padding: 20px 15px;background:#fff;border: 1px solid #454545;margin-bottom: 20px;}
.protector_degree h6 {color: #fff;background:#454545;padding: 5px 25px;font-size: 12px;font-weight: normal;}
.protector_degree p {font-size: 12px;line-height: 16px;}
.protector_degree .red {color: #de474f;}
.protector_degree ul {border-top:none}
.protector_degree > ul > li .protector_right {width: auto;}
.protector_degree > ul > li .protector_left, .protector_degree > ul > li .protector_right {font-size: 12px;}
.protector_degree > ul > li .protector_left {font-weight: bold;color: #7d7d7d;}
.protector_degree > ul > li .protector_right select {min-width: 70px;}
.content select {min-width: 100px;}
.chk_btn1 {width: 100px;}
.chk_btn1, .chk_btn2 {
    font-size: 12px !important;
	font-weight: bold;
}
.text_alert {margin-left: 10px;}
.mail_degree .txt {letter-spacing: -1px;color: #414148;}
.phone_num {width: 65px;}
.term_position {position:absolute; bottom:5px;}

/* 관심분야 */
.inter_list li.on {background: none;}
.inter_list li {outline:none; height:27px; line-height:27px; width:33%; box-sizing:border-box}
.inter_list li:before {display: none;}
.inter_list li label.i_label {font-size:11px; margin-left: 0; font-size:11px; color: #414148; }
label.i_label {padding-left: 25px;}
.inter_data {margin-top: 20px;border: 1px solid #454545; padding: 15px 16px;}
.fav_menu span {display: inline-block;height: 30px;line-height: 30px;cursor:pointer;font-size: 12px;color: #414148;}
.fav_menu span {display: inline-block;padding-left: 20px; background:url(http://static-sdedu.akamaized.net/img1/_skin/sidae/images/common/mem_join_step/no_check.png) center left no-repeat;}
.fav_menu span.active { background:url(http://static-sdedu.akamaized.net/img1/_skin/sidae/images/common/mem_join_step/check1.png) center left no-repeat;}


.dash_top {border-top:none;padding-top: 0;}
.btn_section {margin: 0;width: 100%;}
.btn_section a {width: 100%;}
.btn_section a.next_btn {background-color: #de474f;}

#mb_birth_year,
#mb_birth_month,
#mb_birth_day {width: 125px;}

.no_select{
	background:#e5e5e5;
	pointer-events: none;
}
.select_baria{
	position:relative;
}
.select_baria:after{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	content:'';

}
/* 간편회원가입 푸터*/
.new-tail-info {width: 600px;margin: 0 auto;padding: 0 0 70px 0;}
.new-tail-info ul {margin-bottom: 20px;margin-left: 40px;text-align: center;}
.new-tail-info ul:after {
	content: '';
	display: block;
	clear: both;
}
.new-tail-info ul li {float: left;}
.new-tail-info ul li {display: inline-block;}
.new-tail-info ul li:before {
	content: '|';
	margin: 0 7px;
	font-weight: normal;
	color: #434343;
}

.new-tail-info ul li:first-child:before {display: none;}

.new-tail-info ul li a:link,
.new-tail-info ul li a:hover,
.new-tail-info ul li a:visited,
.new-tail-info ul li a:active {
	color: #434343;font-size: 14px;text-decoration: none;
}

.new-tail-info address {
	color: #8a8a8a;
	font-size: 11px;
	border-top:1px solid #c6c6c6;
	padding-top: 20px;
	font-style: normal;
	text-align: center;
	line-height: 1.6;
	float: none;
}

#bback{
	display:none;
	background: rgba(0,0,0,0.6);
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 9;
}
.modalyong{
	background: #fff;
    border: 2px solid #000;
    padding: 5px;
    width: 360px;
    color: #000;
    border-radius: 6px;
	min-height: 190px;
    top: calc(50% - 130px );
    left: calc(50% - 180px );
    position: absolute;
    z-index: 11;
    text-align: center;
}
.modalyong .textboxs{
    margin: 16px;
}
.modalyong .btns{
	display:none;
	margin: 21px;
}
.modalyong .fack_btn{
	cursor: pointer;
    padding: 5px 16px;
    border-radius: 2px;
    margin: 6px;
    font-weight: bold;
    border: 2px solid #000;
}
.modalyong .fack_btn:hover{
	background:#000;
	color:#fff;
}

/* 도서 회원가입 우측네비게이션 */
.right-mypage-menu{
	display: none;
}

/*.content-join a:link, .content-join a:visited, .content-join a:hover, .content-join a:active {color: #8a8a8a !important;}