@charset "utf-8";

a.more:after {
	font-family: 'Material Icons';
	content:     "\e315";
	font-size:   20px;
	position:    absolute;
	right:       -20px;
	top:         0px;
	color:       #707070;
}

.header_menu_wrap { margin-top: 20px; }
.header_menu_wrap .header_searchbox {
	display:    inline-block;
	border:     1px solid #7d4ed8;
	width:      100%;
	height:     50px;
	padding:    5px;
	text-align: left;
}
.header_menu_wrap .header_searchbox input#search {
	height:         37px;
	border:         0;
	width:          100%;
	padding:        0 45px 0 0;
	margin:         0;
	vertical-align: middle;
	font-size:      17px;
}
.header_menu_wrap .header_searchbox input#submit {
	vertical-align: middle;
	position:       absolute;
	right:          3px;
	top:            2px;
	width:          35px;
}

.search_wrap .search_result {
	background-color: #efefef;
	padding:          10px 1.25rem;
	font-size:        16px;
	margin:           20px -1.25rem 35px;
}
.search_wrap .search_result > .keyword, .search_wrap .search_result > .cnt { color: #7d4ed8; font-weight: 400; }

.search_wrap .search_title { margin-top:35px; margin-bottom: 15px;}
.search_wrap .search_title > span.name { font-size: 18px; font-weight: 700; line-height: 30px; }
.search_wrap .search_title > span.name .cnt { color: #7d4ed8; margin-left:5px; }
.search_wrap .search_title > a { position: relative; float: right; font-size: 13px; line-height: 30px; margin-right:15px; }


.search_wrap .pro_search_box { margin-bottom: 15px; border: 1px solid #c0c0c0; }
.search_wrap .pro_search_box:last-child { margin-bottom: 0; }
.search_wrap .pro_search_box .proimg_search a { display: block; }

.search_wrap .pro_box .view_plays li { border-bottom: 1px solid #c0c0c0; padding-bottom: 15px; margin-bottom: 15px; }
.search_wrap .pro_box .view_plays li:last-child { border-bottom: none; }

.search_wrap .pro_box .board_box li { border-bottom: 1px solid #c0c0c0; padding-bottom: 15px; margin-bottom: 15px; }
.search_wrap .pro_box .board_box li:last-child { border-bottom: none; }
.search_wrap .pro_box .board_box a { display: block; }
.search_wrap .protxt_search .h3tit { font-size: 17px; }
.search_wrap .protxt_search .board_date { font-size: 13px; color:#c1c1c1; }
.search_wrap .protxt_search .board_txt { font-size: 15px; }
.search_wrap .protxt_search .board_txt02 { font-size:13px; color: #885fdb; }
.search_wrap .protxt_search a.board_txt02 { display:inline-block; }

/*list-number의 번호 초기화*/
.search_wrap .search_keyword_list { margin: 0 -1.25rem 30px;list-style: none; counter-reset: list-number;}
/*li선택자의 counter-increment명을 'list-number'라고 명명*/
.search_wrap .search_keyword_list li { font-size: 17px; padding: 10px 20px; counter-increment: list-number; }
.search_wrap .search_keyword_list li a { display:inline-block; }
/*list-number를 count하여 가상선택자before의 content로 담아준다.*/
.search_wrap .search_keyword_list li:before {  margin-right: 20px; color: #666666; content: counter(list-number); }
.search_wrap .search_keyword_list li:nth-child(odd) { background-color: #f3f3f3; }



.member_title { font-size: 30px; margin-bottom: 20px; }

/*[type=file].xlarge, input[type=color].xlarge, input[type=date].xlarge, input[type=datetime-local].xlarge, input[type=datetime].xlarge, input[type=email].xlarge, input[type=month].xlarge, input[type=number].xlarge, input[type=password].xlarge, input[type=search].xlarge, input[type=tel].xlarge, input[type=text].xlarge, input[type=time].xlarge, input[type=url].xlarge, input[type=week].xlarge {*/
	/*border-radius: 0;*/
/*}*/
/*[type=color]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=datetime]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, textarea:focus {*/
	/*box-shadow:   none;*/
	/*border-color: #305ba0;*/
	/*border-width: 2px;*/
/*}*/
.button.user-bg, .switch-group.user-bg > .nd-switch input[type=checkbox]:checked + label, .switch-group.user-bg > .nd-switch input[type=radio]:checked + label, .user-bg {
	border-radius: 0;
}
.nd-checkbox .nd-checked::before {
	width:         20px;
	height:        20px;
	border-radius: 0 !important;
	font-size:     17px !important;
}

.tbc_mobile_form input[type="checkbox"] + label {
	display:      inline-block;
	margin:       0;
	padding-left: 35px;
	font-size:    15px;
	line-height:  26px;
	width:        auto;
	height:       26px;
	background:   url(/renewal/assets/img/checkbox_off.png) no-repeat 0 0 / contain;
}

.tbc_mobile_form input[type='checkbox']:checked + label {
	background: url('/renewal/assets/img/checkbox_on.png') no-repeat 0 0 / contain;
}

.tbc_mobile_form input[type="checkbox"] {
	display: none;
}

.tbc_mobile_form input[type="radio"] + label {
	display:        inline-block;
	margin:         0;
	padding-left:   35px;
	font-size:      15px;
	line-height:    26px;
	letter-spacing: 0;
	width:          auto;
	height:         26px;
	background:     url(/renewal/assets/img/radiobox_off.png) no-repeat 0 0 / contain;
}

.tbc_mobile_form input[type='radio']:checked + label {
	background:      url('/renewal/assets/img/radiobox_on.png') no-repeat 0 0 / contain;
	text-decoration: underline 1px #5b78ae;
	color:           #5b78ae;
	font-weight:     bold;
}

.tbc_mobile_form input[type="radio"] {
	display: none;
}

.tbc_mobile_form input[type="text"], .tbc_mobile_form input[type="password"] {
	height:         50px;
	padding:        0 20px;
	line-height:    50px;
	color:          #999999;
	font-size:      16px;
	letter-spacing: -0.05em;
	font-weight:    bold;
}

.tbc_mobile_form .textarea1 {
	position:   relative;
	overflow:   auto;
	width:      100%;
	height:     178px;
	background: #fff;
	border:     1px solid #c0c0c0;
	padding:    10px;
	margin-top: 10px;
	/*background: url(img/textarea_bg.png) left top no-repeat;*/
}

.tbc_mobile_form #input_tab {width: 460px; height: 60px; display: block; padding-bottom: 35px;}
.tbc_mobile_form #input_tab li {position: relative; float: left; background-image: url(/member/img/input_tab.gif); background-repeat: no-repeat;}
.tbc_mobile_form #input_tab li.inputtab1 {background-position: 0 0;}
.tbc_mobile_form #input_tab li.inputtab2 {background-position: -230px 0;}
.tbc_mobile_form #input_tab li a {display: block; width: 230px; height: 60px;}
.tbc_mobile_form #input_tab li.inputtab1.on {background-position: 0 -60px;}
.tbc_mobile_form #input_tab li.inputtab2.on {background-position: -230px -60px;}
.tbc_mobile_form #input_tab li.inputtab2 .txtballoon {left: 240px; top: 4px; display: none;}
.tbc_mobile_form #input_tab li.inputtab2:hover .txtballoon {display: block;}