@charset "UTF-8";

/*** 181026 ios 다운로드 추가 유안타 페이지추가 ***/
	
/* 다운로드 */
.ios_down{text-align: center;}
.ios_down h2{font-size: 40px; color: #000; padding-bottom: 10px; margin-bottom: 12px;}
.ios_down h6{font-size: 26px; font-weight: 800; color: #000; padding: 10px 8px;}
.ios_down p{font-size: 22px; font-weight: 600; color: #000; padding-top: 10px;}
.ios_down a{display: block; padding: 12px 30px;}
@media (max-width: 767px){
	.ios_down h2{font-size: 30px;}
	.ios_down h6{font-size: 20px;}
	.ios_down p{font-size: 16px;}
	.ios_down img{width: 100%;}
}

/* 유안타 */
.myasset{
	padding: 10px 0;
}
.myasset .tab_content{
	position: relative;
}	
@media (max-width: 767px){
	.myasset .nav_tabs span{
		display: none;
	}
}
.myasset .myasset_tit{
	position: relative;
	color: #fff;
	padding: 50px 10px;
	font-size: 24px;
	font-weight: 900;
	text-align: center;
	background-attachment: fixed;
    background-repeat: no-repeat;
	background-position: center top;
	background-color: #000;
	index: -1;
}
	
.myasset .myasset_img{
	position: absolute;
	left: 0;
	top: 20px;
}
.myasset .myasset_img + p{
	padding: 30px 0 30px 160px;
	font-size: 18px;
	font-weight: 600;
}	
.myasset ol{
	padding-left: 160px;
	margin: 0 auto;
}
.myasset ol li span{
	font-size: 12px;
    /* background-color: #d00909; */
    color: #d00909;
    border-radius: 4px;
    padding: 2px 4px;
    margin-right: 5px;
    border: 1px solid #d00909;
}
.myasset ol li h4{
	font-size: 16px;
	font-weight: 900;
	padding-bottom: 10px;
}
.myasset ol li{
	padding: 12px 0;
}
.myasset .join_app{
    border: 1px solid #d00909;
    padding: 20px;
	margin: 20px 0;
    text-align: center;
}
.myasset .join_app_tit{
	color: #d00909;
	text-align: center;
	font-weight: 600;
	font-size: 24px;
	padding: 10px 0;
}
.myasset .join_app a{
	padding: 2px 10px;
	margin-bottom: 10px;
	display: inline-block;
}
.myasset .join_app p{
	padding: 5px 0;
}
#mobile_btn{display: none;}
#mobile_btn a img{height: 40px;}
#pc_iframe{display: block ;width: 813px; height: 220px; overflow: hidden; margin: 0 auto;}
.titWrap .dp1 {
    top: 5px;
    font-size: 18px;
    color: #000;
    font-weight: bold;
    display: inline-block;
    letter-spacing: -1px;
    position: relative;
    margin-right: 5px;
    line-height: 24px;
    vertical-align: middle;

}
.myasset .join_app .join_app_txt{
	padding: 20px 0; 
	width: 813px; 
	text-align: left;
	margin: 0 auto;
}
@media (max-width: 910px){
	#pc_iframe{display: none;}
	#mobile_btn{display: block;}
	.myasset .join_app .join_app_txt{width: 100%;}
}

@media (max-width: 767px){
	.myasset .myasset_img + p{font-size: 16px;}
	.myasset .join_app_tit{font-size: 16px;}
	.myasset .myasset_img{
		display: none;
	}
	.myasset .myasset_img + p{
		padding: 10px 0;
	}
	.myasset ol{
		padding-left: 0;
	}
}


/*** 181026 ios 다운로드 추가 유안타 페이지추가 END ***/


/* 180816 가입안내 테이블 추가 */
@media (max-width: 767px){
	.fluid_table  .mate_table_price{
			width: 75% !important;
			border-right: none;
			padding: 7px 5px;
	}
	.fluid_table  .mate_table_info{
			width: 25% !important;
			padding: 7px 5px;
	}
}

/* 180808 결제 추가 */
.payment li{
	display: inline-block;
}
.payment li a{
	display: block;
    padding: 0 0 0 17px;
    background-image: url(../img/radio.png);
    background-repeat: no-repeat;
    background-position: left center;
	margin-right: 20px;
}
.payment li.active a{
    background-image: url(../img/radio_chk.png);  
}

.tab_content .ser1_bank img{margin: 0;}
.tab_content .ser1_bank{
	border: 1px solid #ddd;
	padding: 20px;
}
.tab_content .ser1_bank h3{
    margin-bottom: 10px;
}


/* 전문가 홈 이용후기 */
.pro_note{
	background-color: #f2f2f2;
	padding: 10px;
	position: relative;
}
.pro_note textarea{
	width: 85%;
	height: 60px;
	display: block;
	font-weight: 400;
	padding: 10px;
}
.pro_note button{
	width: 13%;
	margin-left: 2%;
	padding: 5px 0;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
@media (max-width: 446px){
	.pro_note textarea{
		width: 100%;
	}
	.pro_note button{
		width: 100%;
		margin-left: 0;
		margin-top: 10px;
		padding: 5px 0;
		position: initial;
	}
}


.note_list li:first-child{
	margin-top: 30px;
	border-top: 3px solid #000000;
}
.note_list li{
	padding: 10px;
	border-bottom: 1px solid #ddd;
}
.note_txt{
	padding-bottom: 5px;
}
.note_date, .note_user{
	color: #666;
}








/*** 타이틀 ***/

.page_title{
    text-align: left;
    margin: 20px 0;
    padding: 0 0 0 10px;
    border-left: 5px solid #d61920;
    position: relative;
}
.location{
    text-align: right;
    position: absolute;
    top: -20px;
    right: 0;
    font-weight: 400;
}
.location a{
    font-weight: 600;
    color: #555;
}
.location a:hover{
    text-decoration: underline;
}
.special{
    border: 3px solid #999;
    padding: 10px !important;
    margin-top: 20px;
    margin-bottom: 20px;
}
.kakao_line{
    border-color: #f7edc3;
}
.live_line{
    border-color: #f5e1e8;
}
.special h3{
    text-align: center;
    font-weight: 900;
    color: #00142c;
}


/*** 카톡 다운로드페이지 버튼***/
.kakao_url{
   text-align: right;
    position: absolute;
    bottom: -60px;
    right: -30px;
    font-weight: 900;
    font-size: 14px;
    padding: 5px 20px;
    border-radius: 5px;
}
.kakao_url .over{
    display: none;
}
.kakao_url:hover .over{
    display: block;
}
.kakao_url:hover .default{
    display: none;
}
.inline{
    display: inline-block;
}


/*** 메인적용X 페이지만 ***/ 
/*** 게시판 ***/
.board_thead{
    text-align: center;
    display: inline-block;
    font-weight: 900;
    font-size: 16px;
}
@media (min-width: 768px){
    .board_name,  .board_date, .board_num, .board_exp,
    .vod_name, .vod_date{
        text-align: center;
        font-size: 14px;
        color: #454545;
		padding-left: 0;
    }
    .vod_list button{
        float: right !important;
    }
    .broard_list li{border-bottom:1px solid #b9b5aa;
        padding: 14px 0;
    }
	.board_txt{
	   padding-left: 20px;
	}
    .board_txt:before{
        display: none;
    }
}
.broard_list{border-top:3px solid #000000;
    clear: both;
}
.broard_list li:first-child{border-bottom:1px solid #b9b5aa;
    background-color: #f2f2f2;
}
.vod_list li:first-child{
    background-color: #f2f2f2;
}
/*녹화방송*/
.broad_btn {
    padding: 8px 24px 9px 24px;
    margin-left: 5px;
    display: block;
    float: right;
}

.search{
/*    text-align: right;*/
}
.search_box{margin-bottom:20px;
    border: 1px solid #aaa;
    width: 150px;
    height: 40px;
    display: block;
    float: right;
    margin-left: 5px;
}
.search_box input:focus, .search_box select:focus {
    outline: none;
    outline-offset: -1px;
}
.search select{height:40px; line-height:40px;
	background-color:#fff;
    width: 75px;
/*    padding: 7px 2px 14px 0;*/
    
    display:inline-block;
    float: right;
}

.search_box input{
    width: 70%;
    height: 37px;
    padding: 0 5px;
    border: none;
    font-size: 14px;
}
.search_btn {
    padding: 7px 0 8px 0;
    width: 30%;
    display:block;
    text-align: center !important;
    float: right;
}


@media (max-width: 768px){
    .broad_btn{
        padding: 8px 14px;
    }
}

/*pagination*/
.pagination{
    width: 50%;
    margin: 0 auto;
    margin-top: 20px;
    text-align: center;
}
.pagination li{
    text-align: center;
    display: inline-block;
    margin-left: -5px;
    width: 10%;
    /* border: 1px solid #999; */
    background-color: #fff;
}
.pagination li a{
    width: 100%;
    padding: 10px 0;
    display: inline-block;
    color: #555;
}
.pagination li a:hover{
    background-color: #f2f2f2;
}
.pagination li:first-child{
    /* border-left: 1px solid #999; */
}
.page_on{
    border-bottom: 2px solid #e0171a !important;
    background-color: #f2f2f2 !important;
    z-index: 1;
    position: relative;
    cursor: default;
}
.page_on a{
    color: #e0171a !important;
}
@media (max-width: 768px){
    .pagination{
        width: 100%;
    }
    .pagination li a{
        padding: 3px 0;
        font-size: 12px;
    }
}

/*** BEST 감사후기 메인적용X 감사후기 페이지만 ***/ 
/** review **/
.review_tf{
    padding: 10px 0 10px 0 !important;
}
.review_content ul{
    position: inherit !important;
    z-index: 0 !important;
    top: 0 !important;
    left: 0 !important;
}
@media (max-width: 767px){
    .review_tf{
        padding: 10px 0 10px 0 !important;
    }
}



/*** 파트너모집 ***/
.notice_partner h3{
    padding: 5px 0;
    text-align: center;
    margin: 5px 0 20px 0;
}
.notice_partner img{
    margin: 0 auto;
    display: block;
    width: 100%;
    max-width: 900px;
}
.notice_partner p{
    padding: 20px 0 10px 0;
    font-size: 16px;
}
.notice_partner dt{
    float: left;
}
.notice_partner dt, .notice_partner dd{
    padding: 5px 5px 5px 0;
}
.notice_partner dd a:hover{
    text-decoration: underline;
}
.notice_partner dd a{
    color: #d4555a;
}


/*** view ***/

.view_txt{
    padding: 10px 10px 30px 10px;
}
.view_content{
    border: 1px solid #d6d6d6;
    border-bottom: none;
    border-top: 3px solid #000 !important;
}
.view_title, .view_comment{
    padding: 10px;
}
.view_title h3{
    font-size: 20px;
}
.view_name, .view_date, 
.comment_name, .comment_date{
    float: left;
    padding-right: 10px;
    color: #777;
}
.view_txt{
    overflow-x: overlay;
}
.view_comment{
    border: 1px solid #d6d6d6;
    margin-bottom: 20px;
}
.view_comment textarea{
    width: 100%;
    min-height: 70px;
    padding: 10px;
	margin-bottom: 5px;
}
.view_comment h6{
    clear: both;
    border-top: 1px solid #d6d6d6;
    margin-top: 10px;
    padding: 10px 0 0 5px;
}
.comment_num{
    color: #d61920;
}
.comment_btn{
    padding: 2px 5px;
    margin: 0 0 5px 5px;
    font-weight: 600;
    font-size: 12px;
    display: block;
    float: right;
}
.comment_txt{
    width: 100%;
    padding: 5px 0;
    overflow-x: overlay;
}
.comment_list li{
    border-top: 1px solid #f2f2f2;
    margin: 5px;
    padding-top: 5px;
    position: relative;
}
.comment_list li:first-child{
    border-top: none;
}
.comment_group2{
    padding-left: 15px;
}
.comment_group2:before{
    content: "ㄴ";
    position: absolute;
    top: 3px;
    left: 0;
    color: #777;
}



/*** writing 글쓰기 ***/
.writing_form{
    border-top: 3px solid #333 !important;
    border: 1px solid #ddd;
}
.write_content{
    height: 500px;
}
.write_content textarea{
    width: 100%;
    height: 460px;
    border: none;
    resize: none;
}
.writing_form dt{
    border-right: 1px solid #ddd;
    text-align: right;
    padding-right: 20px;
    font-size: 16px;
    background-color: #f2f2f2;
}
dd.write_num, dd.write_num input{
    text-align: right;
}
.write_date, .write_num, .write_subject, .write_anal,
.write_name, .write_content{
    border-bottom: 1px solid #ddd;
    padding: 15px 10px;
    font-size: 16px;
}
.writing_form input{
    border: none;
    width: 100%;
    height: 24px;
    font-size: 16px;
}
.write_num input{
    border: none;
    width: 80%;
    height: 24px;
    font-size: 16px;
}
.write_anal select {
    width: 100px;
    height: 23px;
}

.write_btn{
    padding: 8px 50px 9px 50px;
    margin: 5px 0 5px 5px;
    display: block;
    float: right;
}
.cancel_btn{
    padding: 8px 24px;
    margin: 5px 0 5px 5px;
    display: block;
    float: right;
}
.write_name select{
	width: 200px;
    height: 23px;
}


@media (max-width: 767px){
    .write_content{
        height: auto;
    }
    .write_content textarea{
        height: 300px;
    }
    .writing_form dt{
        text-align: left;
        border-right: none;
    }
    .write_date, .write_num, .write_subject, .write_anal,
    .write_name, .write_content{
        border: none;
        padding: 12px 10px;
    }
    .write_btn{
        width: 50%;
        margin: 5px 0 5px 5%;
    }
}





/*** 수익률 BEST ***/
.special .profit_group{
    box-shadow: 0 3px 3px rgba(25,25,25,0.3);
}
.special .profit_group:hover{
     -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    transform: translate(0, -10px);
    z-index: 3;
}





/*** 전문가 홈***/
.exp_page{
	background-color: #f6f6f6;
	padding: 20px;
	margin-top: 20px;
	margin-bottom: 10px;
}
.home_img{
    width: 100%;
    display: block;
}
.home_info{
    padding: 0 0 0 20px;
}
.home_txt1{
    font-size: 14px;
}
.home_txt2{
    font-size: 24px;
    color: #e60a1e;
    font-weight: 600;
}
.home_name{
    padding: 15px 0;
    font-size: 46px;
    color: #000;
}
.home_name:after{
	content: "";
}




@media (max-width: 767px){
	.exp_page{
		padding: 5px;
	}
    .home_info{
        padding: 10px 0 0 0;
    }
    .home_txt1{
        font-size: 14px;
    }
    .home_txt2{
        font-size: 20px;
    }
    .home_name{
        font-size: 30px;
        float: none;
    }
}

.home_kakao_btn{
    width: 30%;
    font-size: 16px;
    padding: 5px 0;
    margin-top: 10px;
    margin-right: 10px;
    display: inline-block;
    float: left;
    position: relative;
}

.home_pro{
    margin: 15px 0 10px 0;
    padding-right: 20px;
}
.home_pro div {
    border-top: 2px solid #232323;
    margin-bottom: 10px;
    padding-top: 8px;
}
.home_pro h3{
    font-size: 18px;
    font-weight: 600;
    color: #232323;
	float: left;
	padding-left: 5px;
}
.home_pro img{
	float: left;
}
.home_pro:last-of-type{
    padding-right: 0;
}

@media (max-width: 767px){
    .home_pro{
        padding-right: 0;
    }
	.home_kakao_btn{
		width: 100%;
		margin-right: 0;
		display: block;
		position: relative;
	}
}

/*** 전문가 탭 ***/
.tab-button-outer {
	display: none;
}

@media (min-width: 768px){
	.tab-button-outer {
		display: block;
	}
	.tab-select-outer {
		display: none;
	}
}

.home_tab li{
    width: 33.33333%;
    float: left;
    cursor: pointer !important;
    margin: 0 0 20px 0;
}

#tab-button li a:hover{
    color: #d61920;
}

/*** 관리자 단 2중 액티브 걸리는 불필요한 요소
#tab-button .is-active a:hover{
    color: #fff;
}
#tab-button .is-active a{ 
    cursor: default;
    color: #fff;
    background-color: #d61920;
}***/

.tab_select{
   width: 100%; 
    height: 40px;
    font-size: 16px;
    padding: 0 10px;
    margin: 5px 0 20px 0;
}
.tab_select option{
   background-color: #fff;
    line-height: 1.5; 
    color: #333;
    font-family: 'Nanum Gothic', sans-serif !important;
    font-weight: 600 !important;
}




/* 반응형 테이블 */
.fluid_table{
    border-top: 3px solid #333;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
.fluid_table caption{
    overflow: hidden;
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    text-indent: -9999px;
}
.fluid_table th{
    padding: 14px 10px;
    background-color: #f2f2f2;
    border: 1px solid #ddd;
    text-align: center;
    font-weight: 900;
    font-size: 16px;
}
.fluid_table td{
    padding: 14px 10px;
    border: 1px solid #ddd;
    border-top: none;
    vertical-align: middle;
    text-align:center;
}
.table_type{
    font-weight: 700;
}
.home_join_btn{
    width: 100%;
    display: block;
    padding: 5px 0;
    text-align: center;
}
.table_price{
    text-align: center;
}
.table_price dt,
.table_price dd{
    font-weight: 700;
    width: 36%;
    display: inline-block;
    text-align: center;
}




@media (max-width: 767px){
	.fluid_table, .fluid_table thead, .fluid_table tbody,
	.fluid_table tr, .fluid_table th, .fluid_table td{
        display: block;
    }/* 테이블의 모든 요소를 block화 시킴*/
	.fluid_table thead tr{
        position: absolute;
        left: -9999px;
        top: -9999px;
    }/* thead의 tr을 화면밖으로 날림 */
	.fluid_table tr:after{
        content: "";
        display: block;
        clear: both;
    }/* th,td의 플롯해제 */
	.fluid_table td{
        position: relative;
        float: left;
        width: 100%;
/*        padding-left: 20%;*/
    }/* td내용 우측에 타이틀 들어갈 영역 만듬 */
    .fluid_table th, .fluid_table td{
        padding: 7px 10px;
    }
    .fluid_table{
    border-top: none;
    }
    .table_type{
        font-size: 16px;
        font-weight: 900;
        background-color: #f2f2f2;
        text-align: center;
        border-top: 3px solid #333 !important;
/*        margin-top: 5px;*/
    }
    
/*
    .fluid_table td:before{
        position: absolute;
        left: 10px;
        top: 14px;
        font-weight: bold;
    }
*/
	.fluid_table .table_no:before{content:"NO. ";} 
    /* 가상선택자로 텍스트 생성-스크립트로 동적으로 가능함 */
	
	.home_sms{
		border-top: 3px solid #333 !important;
	}
	.home_sms .table_info{
		padding: 7px 10px 0 10px;
		border: 900;
	}
	.home_sms .table_info:before{
		content: "";
		display: inline-block;
		width: 4px;
		height: 4px;
		margin-right: 5px;
		background-color: #e2dccc;
		position: relative;
		top: -3px;
	}
	.home_sms .table_date{
		padding: 7px 10px 7px 18px;
		border-bottom: 1px solid #999;
		color: #929292;
		font-size: 12px;
	}
	.home_sms tbody td {
		border: none;
			text-align: left;
	}
	.home_sms .table_info2{
		text-align: center;
		padding: 7px 0;
	}
	.table_result{
		padding: 0 !important;
		margin: 0;
		height: 0;
		position: relative;
		top: -26px;
		left: 130px;
		font-size: 12px;
		color: #929292;
	}
	.home_sms .table_no{
		display: none;
	}
}



.sms_select select {
    width: 75px;
    margin: 0 0 5px 5px;
    height: 40px;
    display: block;
    float: right;
}
.home_sms{
    text-align: center;
}


/*** 로그인 ***/
.login_page{
    width: 60%;
    margin: 0 auto;
    padding: 40px 0;
    margin-top: 80px;
}
.login_page h2{
    text-align: center;
    margin: 0 0 30px 0;
    font-size: 32px;
}
.login_page .m_menu_check{
	    text-align: right;
}
.login_page fieldset{
	width: 80%;
	margin: 0 auto;
}
.login_page .m_menu_log .btn_log{
    display: block;
    width: 100%;
    margin: 10px 0;
    padding: 8px 0;
    text-align: center;
}
.login_page .m_menu_log label{
	text-align: left;
}

@media (max-width: 1200px){
   .login_page{
        width: 60%;
        margin: 0 auto;
        padding: 50px 0;
        margin-top: 50px;
    } 
}
@media (max-width: 767px){
    .login_page h2{
        font-size: 26px;
        margin: 0 0 30px 0;
    }
   .login_page{
        width: 100%;
        margin: 0 auto;
        padding: 30px 0;
        margin-top: 0;
    } 
}


 .inquiry_page .btn_log{
    display: block;
    width: 100%;
    margin: 10px 0;
    padding: 8px 0;
    text-align: center;
}

 .inquiry_page{
	 width: 80%;
	 margin: auto;
	 margin-top: 80px;
 }
 .inquiry_page h2{
	display: none;
 }
 .inquiry_id, .inquiry_pw{
	 background-color: #f2f2f2;
	 padding: 20px;
 } 
 .inquiry_id fieldset, .inquiry_pw fieldset{
	width: 50%;
	margin: 0 auto;
 }
 .inquiry_id .idin_number select,  .inquiry_id .idin_number input,
 .inquiry_pw .idin_number select,  .inquiry_pw .idin_number input{
	    width: 29%;
    height: 30px;
    padding: 5px;
    border: none;
    margin-right: 2px;
 }
 .inquiry_id input:focus,
 .inquiry_pw input:focus {
    border: 1px solid #ac7f7f;
    transition: 0s;
 } 
 .inquiry_id input,
 .inquiry_pw input {
	 width: 100%;
    height: 30px;
    padding: 5px;
    border: none;
 }
 .inquiry_id label,
 .inquiry_pw label{
	display: block;
    margin-top: 10px;
    font-weight: 900;
 }
.inquiry_id dd,
.inquiry_pw dd {
    background-color: #fff;
    width: 100%;
    padding: 4px;
    margin: 10px 0;
}
@media (max-width: 767px){
    .inquiry_page {
        width: 100%;
		margin-top: 0px;
    }
	 .inquiry_id fieldset,
	 .inquiry_pw fieldset{
		width: 100%;
	 }
}
 
 
/*** 회원가입 ***/
.join_order li span{
    display: block;
    color: #333;
    font-size: 18px;
    font-weight: 900;
}
.join_order li{
    text-align: center;
    background-image: url(../img/arrow.png);
    background-repeat: no-repeat;
    background-position: left center;
}
.join_order li:first-child{
    background-image: none;
}
.join_order{
    padding: 10px 0 20px 0;
    width: 80%;
    margin: 0 auto;
}
.join_order img{
    height: 50px;
    padding-top: 5px;
}
.join_group{
    width: 80%;
    padding: 0 0 20px 0;
    margin: 0 auto;
}
.service_txt_box{
    width: 100%;
    height: 200px;
    overflow-y: scroll;
    background-color: #f2f2f2;
    border: 20px solid #f2f2f2;
    border-left: none;
    padding-left: 20px;
    margin-top: 5px;
}
.service_txt_box h3{
    font-size: 14px !important;
    font-weight: 600;
    color: #454545;
} 

.service_txt_box h4{
    font-size: 12px !important;
    padding-top: 10px;
    color: #454545;
}
.service_txt_box p, .service_txt_box ol, .service_txt_box ul{
    color: #666;
    font-size: 12px;
    font-weight: 400;
}
.join_group input[type="checkbox"]{
    display: none;
}
.join_group input[type="checkbox"]+label{
    padding: 0 5px 0 17px;
    background-image: url(../img/checkbox.png);
    background-repeat: no-repeat;   
}
.join_group input[type="checkbox"]:checked+label{
    background-image: url(../img/checkbox_chk.png);  
}
.join_txt{
    color: #666;
    border: 1px solid #ccc;
    padding: 20px;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 20px;
}
.join_btn{
    width: 88px;
    padding: 6px 0;
    margin: 0 5px;
    text-align: center;
    display: inline-block;
}
.join_btn2{
    width: 88px;
    padding: 7px 0;
    margin: 0 5px;
    text-align: center;
    display: inline-block;
}
.btn_group{
    text-align: center;
    clear: both;
}
@media (max-width: 767px){
    .join_order li{background-size: 6px;}
    .join_order, .join_group{width: 100%;}
    .service_txt_box{
        height: 130px; 
        border: 10px solid #f2f2f2; 
        border-left: none;
        padding-left: 10px;
    }
    .join_txt{width: 100%; padding: 10px;}
}
    
/* 기본정보입력 */
.join_group2{
    width: 80%;
    margin: 0 auto;
    padding: 20px 0;
}  
.join_info{
    padding: 5px 10px 10px 10px;
    margin-bottom: 20px;
}
.join_info_l{
    width: 49%;
    margin: 0 2% 0 0;
    float: left;
}
.join_info_r{
    width: 49%;
    margin: 0;
    float: left;
}
.join_info dd{
    background-color: #fff;
    width: 100%;
    padding: 4px;
    margin: 10px 0;
}
.join_info dt{
    margin-top: 10px;
    font-weight: 900;
}
.join_info p{
    padding: 0 4px 0 4px;
    color: #bf0003;
    clear: both;
    font-size: 12px;
    font-weight: 400;
}
.join_info input{
    width: 100%;
    height: 30px;
    padding: 5px;
    border: none;
}
.join_info .join_input2{
    width: 68%;
    height: 30px;
    padding: 5px;
    border: none;
}
.join_info input:focus{
    border: 1px solid #ac7f7f;
    transition: 0s;
}
.join_info_btn{
    float: right;
    height: 30px;
    display: block;
    width: 30%;
}
.join_number select, .join_number input,
.join_mail select, .join_mail input{
    width: 30%;
    height: 30px;
    padding: 5px;
    border: none;
    margin-right: 2px;
}
.join_number2{
    font-size: 13px;
    color: #454545;
    width: 68%;
    float: left;
    padding-top: 5px;
}
.join_mail2{
    font-size: 13px;
    color: #454545;
    width: 100%;
    float: left;
    padding-top: 5px;
}
.join_number2 span, .join_mail2 span{
    padding-right: 5px;
}
.join_number_txt{
    clear: both;
}

.join_number2 input[type="radio"], .join_mail2 input[type="radio"]{
    display: none;
}
.join_number2 input[type="radio"]+label,
.join_mail2 input[type="radio"]+label{
    padding: 0 5px 0 17px;
    background-image: url(../img/radio.png);
    background-repeat: no-repeat;
}
.join_number2 input[type="radio"]:checked+label, 
.join_mail2 input[type="radio"]:checked+label{
    background-image: url(../img/radio_chk.png);  
}
    
@media (max-width: 992px){
    .join_group2{width: 100%;}
    .join_info{
        width: 100%;
        padding: 5px 10px 10px 10px;
        margin: 0 auto;
        margin-bottom: 20px;
    }
}
@media (max-width: 767px){
    .join_group2{width: 100%;}
    .join_info{
        width: 100%;
        padding: 5px 10px 10px 10px;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .join_info_l, .join_info_r{
        width: 100%;
        margin: 0;
        float: none;
    }
}
/* 가입완료 */
.join_end{
    text-align: center;
    padding: 30px 0;
}
.join_end p{
    padding: 0 0 20px 0;
    font-size: 18px;
}
.join_end div{
    padding: 10px;
    font-size: 18px;
    font-weight: 900;
    width: 50%;
    margin: auto;
    margin-bottom: 20px;
}
@media (max-width: 767px){
    .join_end div{width: 100%; }
}

/*** 마이페이지 ***/
/* 테이블 */
.my_tbl_time, .my_tbl_info,
.my_tbl_date, .my_tbl_type, .my_tbl_no{
    text-align: center;
}

@media (max-width: 767px){
    .my_tbl_time, .my_tbl_no{
        font-size: 16px;
        font-weight: 900;
        background-color: #f2f2f2;
        border-top: 3px solid #333 !important;
/*        margin-top: 5px;*/
    }
    .my_tbl_date:before{
        content: "기간 : ";
    }
    .my_tbl_no:before{
        content: "NO. ";
    }
}

/* 회원정보 */
.my_info input, .my_info select{
    padding: 5px;
    height: 33px;
    margin: 0 5px 0 4px;
}
.my_default input{
    width: 100%;
    background-color: #fff;
    border: 1px solid #ddd;
}
.my_info{
/*    border-top: 3px solid #556271 !important;*/
}
.my_info h3{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
}
.my_group{
    border-top: 1px solid #ddd;
    margin-bottom: 20px;
}
.my_info dt{
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: right;
    font-size: 16px;
    background-color: #f2f2f2;
    padding: 16px 10px 15px 10px;
    min-height: 56px;  
}
.my_info dd{
    border-bottom: 1px solid #ddd;
    padding: 11px 10px;
    font-size: 14px;
    min-height: 56px; 
}
.my_phone span{
    padding: 5px; 
    display: inline-block;
}
.my_btn_number{
        padding: 6px;
}

.my_phone input[type="radio"], .my_mail input[type="radio"]{
    display: none;
}
.my_phone input[type="radio"]+label,
.my_mail input[type="radio"]+label{
    padding: 0 5px 0 17px;
    background-image: url(../img/radio.png);
    background-repeat: no-repeat;
}
.my_phone input[type="radio"]:checked+label, 
.my_mail input[type="radio"]:checked+label{
    background-image: url(../img/radio_chk.png);  
}


@media (max-width: 991px){
    .my_phone, .my_mail{
        height: 90px;
    }
}
    
@media (min-width: 768px){
    .my_info input[type="password"]{
        max-width: 200px;   
    }
}

@media (max-width: 767px){
    .my_info dt, .my_info dt{
        padding: 12px 10px;
        min-height: auto;
    }
    .my_info input, .my_info select{
        margin: 0;
    }
    .my_info span{
        padding: 5px 0 0 0;
        display: inline-block;
    }
    .my_info input[type="password"]{
        width: 100% !important;
    }
    .my_info dt{
        border: none;
        text-align: left;
        background-color: #f2f2f2;
    }
    .my_info dd{
        border-bottom: none;
    }
    .my_group{
        border: 1px solid #ddd;
    }
    .my_phone select, .my_phone input{
        width: 30%;
        margin: 0 3px 0 0;
    }
    .my_btn_number{
        margin: 5px 8px 0 0;
        width: 50%;
        display: block;
    }
    .my_number_txt{
        width: 100%;
    }
    .my_mail select, .my_mail input{
        width: 30%;
    }
    dd.my_phone{
        height: 120px;
    }
    dt.my_phone, dt.my_mail{
        padding: 12px 10px;
        height: 48px;
    }
}





/* 탈퇴하기 */
.my_ckeck input[type="checkbox"]{
    display: none;
}
.my_ckeck input[type="checkbox"]+label{
    padding: 0 5px 0 19px;
    text-align: center;
    background-image: url(../img/checkbox.png);
    background-repeat: no-repeat;   
}
.my_ckeck input[type="checkbox"]:checked+label{
    background-image: url(../img/checkbox_chk.png);  
}
.my_ckeck{
    text-align: center;
    margin: 10px 0 20px 0;
}
.my_caution{
    width: 80%;
    text-align: center;
    padding: 30px 20px;
    margin: auto;
    margin-top: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.my_caution h6{
    font-size: 20px;
    font-weight: 900;
    padding: 0 0 10px 0;
}


.my_writing{
    width: 80%;
    margin: 0 auto;
}
.my_writing dl{
    border-top: 1px solid #ddd;
}
.my_reason{
    height: 100px;
}
.my_reason textarea{
    width: 100%;
    height: 80px;
    border: none;
    resize: none;
}
.my_pw input{
    width: 100%;
    border: none;
    resize: none;
}
.my_writing dt{
    border-right: 1px solid #ddd;
    text-align: right;
    padding-right: 20px;
    font-size: 16px;
    background-color: #f2f2f2;
}
dt.my_pw{
    text-align: right;
}
.my_pw, .my_reason{
    border-bottom: 1px solid #ddd;
    padding: 15px 10px;
    font-size: 16px;
}

.my_write_btn{
    padding: 8px 50px 9px 50px;
    margin: 10px 0 5px 5px;
    display: block;
    float: right;
}
.my_cancel_btn{
    padding: 8px 24px;
    margin: 10px 0 5px 5px;
    display: block;
    float: right;
}


@media (max-width: 767px){
    .my_caution, .my_writing{
        width: 100%;
    }
    .my_reason{
        height: auto;
    }
    .my_reason textarea{
        height: 300px;
    }
    .my_writing, .my_writing dt{
        text-align: left;
        border: none;
    }
    .my_writing dl{
		border-top: none;
	}
	.my_pw, .my_reason{
        border: none;
        padding: 12px 10px;
    }
    .my_reason textarea{
        width: 100%;
        height: 50px;
    }
    .write_btn{
        width: 50%;
        margin: 5px 0 5px 5%;
    }
}


/*** 결제 ***/

/* 반응형 아코디언*/
.pay_tab:first-child{
    border-top: 3px solid #333;
}
.pay_tab {
    padding: 14px 10px;
    margin: 10px 0;
    position: relative;
    cursor: pointer;
    font-size: 16px;
    font-weight: 900;
    background-color: #f2f2f2;
}
.pay_tab:after {
    content: '+';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 16px;
    padding: 14px 14px 0 0;
}
.pay_tab.active {
}
.pay_tab.active:after {
    content: '-'; 
    font-size: 24px;
    padding: 8px 14px 0 0;
}

.panel { 
    overflow: hidden;
    position: relative;
    padding: 0 10px;
}
.panel.active { 
    border-radius: 0 0 2px 2px;
    border-top: none;
}

.js .panel {
  max-height: 0;
}
.js .panel.active {
  max-height: 300em;
}
.panel p:last-child {
   margin: 0; 
}

/* Where it makes sense to display the full content */
@media all and (min-width:768px) {
  .pay_tab {
    cursor: default;
    border: none;
    margin: 10px 0;
  } 
  .pay_tab.active {
     background-color: none; 
  }
  .pay_tab:after, .pay_tab.active:after {
     content: ""; 
  }
  .panel.active { 
      border: none;
    }
  .js .panel, .js .panel.active {
     max-height: none; 
  }
    .panel {
        padding: 10px;
    }
    
}

/* pay_tab1,  pay_tab2  */
.pay_info, .pay_tit p{
    font-size: 16px;
    color: #454545;
}
.pay_tit{
	padding: 10px;
}
.pay_tit img{
	max-height: 300px;
}
.pay_info dd{
    color: #666;
    padding: 6px 0 5px 0;
    font-size: 14px;
}
.pay_info dt{
    padding: 5px 0;
}
.pay_price{
    padding: 10px 0;
    border-bottom: 1px solid #d6d6d6;
}
.pay_price span{
    font-size: 17px;
}
.pay_price label:after{
	content: "";
	display: block;
	clear: both;
}
.pay_price label{
	display: block;
}
.price{
    /*text-decoration: line-through;*/
    color: #666;
    text-align: right;
    float: right;
}
.discount{
    color: #ea4446;
    font-weight: 900;
    /*font-size: 18px !important;*/
    text-align: right;
	float: right;
}

.price:after{
    content: "→";
    color: #666;
    padding-left: 10px;
}


.pay_price input[type="radio"], #panel4 input[type="radio"]{
    display: none;
}
.pay_price input[type="radio"]+label,
#panel4 input[type="radio"]+label{
    padding-left: 17px;
    background-image: url(../img/radio.png);
    background-repeat: no-repeat;
    background-position: left center;
}
.pay_price input[type="radio"]:checked+label, 
#panel4 input[type="radio"]:checked+label{
    background-image: url(../img/radio_chk.png);  
}

.price_total{
    text-align: right;
    padding: 10px 0;
    clear: both;
	font-size: 20px;
}
.price_sum{
   padding: 0 5px 0 10px;
   color: #f11515;
    font-weight: 900;
    font-size: 20px; 
}

/* pay_tab1, 2 full content */
@media all and (max-width:768px) {
	.price:after{
		display: none;
	}
	.price{
		margin: 0 !important;
	}
	.pay_price input[type="radio"]+label, #panel4 input[type="radio"]+label{
	    background-position: left 3px;
	}
	.pay_price *{
		font-size: 14px !important;
	}
}
@media all and (min-width:768px) {
    .pay_txt, .pay_txt2{
        float: left;
    }
    #panel2{
        display: table;
        width: 100%;
    }
    .pay_tit{
        height: 100%;
        text-align: center;
        background-color: #f9f9f9;
    }
    .pay_price_group{
        padding-left: 20px;
		    margin-top: -10px;
    }
    .pay_price {
        border-bottom: 1px solid #d6d6d6;
    }
    .price_total {
        padding: 10px 0 0 0;
    }
    .pay_txt2{
        font-size: 16px;
        color: #454545;
        padding: 3px 0 0 20px;
    }
    .pay_txt2:before{
        content: "연락처 ";
    }
}

/* pay_tab3 */
.pay_policy{
    border: 1px solid #d6d6d6;
    padding: 10px;
    height: 100px;
    overflow-y: scroll;
    background-color: #f9f9f9;
}
.pay_agree{
    padding: 10px 0 0 0;
}
.pay_agree input[type="checkbox"]{
    display: none;
}
.pay_agree input[type="checkbox"]+label{
    padding: 0 0 0 17px;
    background-image: url(../img/checkbox.png);
    background-repeat: no-repeat;   
}
.pay_agree input[type="checkbox"]:checked+label{
    background-image: url(../img/checkbox_chk.png);  
}
.payment input[type="checkbox"]:checked+label{
    background-image: url(../img/checkbox_chk.png);  
}

/* pay_tab4 */
.payment input[type="radio"]{
    display: none;
}
.payment input[type="radio"]+label{
    padding: 0 0 0 17px;
    background-image: url(../img/radio.png);
    background-repeat: no-repeat;
}
.payment input[type="radio"]:checked+label{
    background-image: url(../img/radio_chk.png);  
}
.payment{
    float: left;
    width: 50%;
    padding: 0 0 5px 0;
}
.payment span{
	font-size: 17px;
}

/* pay_tab3 full content */
@media all and (min-width:768px) {
    .payment {
        width: 25%;
    }
}


/* pay_tab4 (무통장입금) */
.payment2_deposit{
    border: 1px solid #d6d6d6;
    padding: 10px;
    margin: 30px -10px 0 -10px;
}
.payment2_deposit dt{
    text-align: right;
}

.payment2_deposit dt, .payment2_deposit dd{
    padding: 5px 0;
}
.payment2_deposit h4{
    font-size: 14px;
    font-weight: 900;
    padding: 10px;
    margin: -10px -10px 10px -10px;
    background-color: #f2f2f2; 
}
.payment2_deposit input{
    padding: 5px;
    background-color: #f9f9f9;
    border: 1px solid #d6d6d6;
    width: 100%;
}
@media all and (min-width:768px) {
    .payment2_deposit dt {
        text-align: left;
        font-weight: 900;
    }
    .payment2_deposit input{
        width: 60%;
    }
    .pay_btn{
        width: 50%;
    }
}
.btn_group{
    text-align: center;
}

.pay_btn{
    padding: 8px 0;
    margin: auto;
    margin-top: 10px;
    width: 150px; 
}





/*** 전문가 관리 ***/
.exp_tab li{
    width: 16.65%;
    float: left;
    cursor: pointer !important;
    margin: 0 0 20px 0;
}


/*방송 스케줄 등록*/
.writing_form .writing_inp{
    width: 45%;
    height: 22px;
    border: 1px solid #ddd;
    background-image: url(../img/calendar.png);
    background-repeat: no-repeat;
    background-position: right center;
    cursor: pointer;
}
.writing_form .writing_inp2{
    width: 25px;
}
.time_opt{
    width: 15%;
    height: 22px;
    border: 1px solid #ddd;
}


/*녹화방송관리*/



/*SMS전송*/
.sms_txt{
    padding: 10px;
    margin-bottom: 10px;
}
.sms_box{
    padding-right: 20px;
    margin: 10px 0;
}
.sms_phone{
    width: 100%;
    height: 200px;
    padding: 10px;
    background-color: #eee;
    border: 1px solid #ccc;
    resize: none;
}
.sms_number{
    width: 100%;
    margin: 8px 0;
    height: 25px;
    border: 1px solid #ccc;
    padding: 0 5px;
}
.number_group p{
    font-size: 16px;
    font-weight: 900;
    margin-bottom: 10px;
}
.number_group select, .number_group input{
    width: 70px;
    height: 25px;
    margin-bottom: 20px;
    padding: 0 5px;
}
.number_group input[type="radio"]{
    display: none;
}
.number_group input[type="radio"]+label{
    padding: 0 0 0 17px;
    background-image: url(../img/radio.png);
    background-repeat: no-repeat;
}
.number_group input[type="radio"]:checked+label{
    background-image: url(../img/radio_chk.png);  
}
.number_group, .emote_icon{
    padding: 20px;
    border: 1px solid #eee;
    margin: 10px 0;
}
.send_btn{
    padding: 8px 0;
    margin: 5px 0 5px 5px;
    display: block;
    float: right;
    width: 120px;
    }
@media all and (max-width:767px) {
    .sms_box{
        padding-right: 0;
    }
    .send_btn{
        width: 50%;
    }
}



/*버튼*/
.admin_btn{
    width: 100%;
    display: block;
    padding: 5px 0;
    text-align: center;
}



/*녹화방송 관리*/
@media (min-width: 768px){
    .expvod_list, .expvod_list{
        text-align: center;
        font-size: 14px;
        color: #454545;
    }
}
@media (max-width: 767px){
    .expvod_txt{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-right: 38%;
        margin-bottom: 8px;
    }
    .expvod_btn_box{
        position: absolute;
        top: 14px;
        right: 10px;
    }
    .expvod_btn{
        width: 100% !important;
    }
    .expvod_list .vod_date{
       color: #929292;
        font-size: 12px;
        padding-left: 0; 
        padding-right: 8px;
        padding-bottom: 8px;
    }  
    .expvod_btn_group{
        margin-left: 16.66666667%; 
    }
    .table_opt{
        width: 95%;
    }
    
}

.expvod_list li:first-child{
    background-color: #f2f2f2;
}
.expvod_list li{
    position: relative;
    padding: 14px 10px;
    border-bottom: 1px solid #b9b5aa;
}

.expvod_list {
    position: relative;
    margin-top: 5px;
    border-top: 3px solid #556271;
    width: 100%;
}
.expvod_txt input[type="checkbox"]+label {
    padding: 0 5px 0 17px;
    background-image: url(../img/checkbox.png);
    background-repeat: no-repeat;
    background-position: left center;
}
.expvod_txt input[type="checkbox"]{
    display: none;
}
.expvod_txt input[type="checkbox"]:checked+label{
    background-image: url(../img/checkbox_chk.png);  
}
.expvod_txt{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.expvod_btn{
    width: 80%;
}
.table_opt{
    height: 23px;
    display: block;
    width: 100%;
}
.expvod_btn_group{
    padding-left: 10px;
}
.admin_btn2{
    width: 48%;
    display: block;
    text-align: center;
    margin-right: 4%;
    float: left;
}
.admin_btn3{
    width: 48%;
    display: block;
    text-align: center;
    float: left;
}




/*** 이용약관 ㅣ 플레이어윤리강령 ㅣ 개인정보취급방침 ***/
.policy h3{
    font-size: 20px;
    padding: 15px 0 5px 0;
}
.policy p{
    font-size: 16px;
    padding-bottom: 3px;
}
.refund{
	border: 1px solid #dab9b9;
    padding: 7px;
    margin: 10px 0;
    display: inline-block;
}
.policy li{
    font-size: 16px;
    font-weight: 600;
}
.policy .terms{
	margin-top: -15px;
}




/*** 플레이어 홈 회원관리 ***/

/* 반응형 테이블 */
.pay_list{
    border-top: 3px solid #333;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
.cnt_tbl{
    border-top: 3px solid #333;
    border-collapse: collapse;
    border-spacing: 0;
}
.pay_list caption{
    display: none;
}
.pay_list th, .cnt_tbl th{
    padding: 14px 10px;
    background-color: #f2f2f2;
    border: 1px solid #ddd;
    text-align: center;
    font-weight: 900;
    font-size: 16px;
}
.pay_list td, .cnt_tbl td{
    padding: 14px 10px;
    border: 1px solid #ddd;
    border-top: none;
    vertical-align: middle;
    text-align: center;
}
.pay_list td{
    font-size: 12px;
}
.pay_list .anal_refund{
    color: #1541de;
}
.pay_list .anal_total{
    color: #f11d20;
}


@media (max-width: 767px){
	.pay_list, .pay_list thead, .pay_list tbody,
	.pay_list tr, .pay_list th, .pay_list td{
        display: block;
    }/* 테이블의 모든 요소를 block화 시킴*/
    
	.pay_list thead tr{
        position: absolute;
        left: -9999px;
        top: -9999px;
    }/* thead의 tr을 화면밖으로 날림 */
    
	.pay_list tr:after{
        content: "";
        display: block;
        clear: both;
    }/* th,td의 플롯해제 */
    
	.pay_list td{
        position: relative;
        float: left;
        width: 50%;
        text-align: left;
        padding: 3px 10px 3px 60px;
        border: none;
        font-size: 12px;
        font-weight: 900;
    }
    .pay_list .anal_total{
        width: 100%;
    } 
    
    .pay_list tr{
		position: relative;
        border: 1px solid #ddd;
        border-top: none;
        padding-top: 35px;
    }
    .pay_list .anal_no{
        display: none;
    }
    .pay_list .anal_id{
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        text-align: left;
        font-size: 16px !important;
        font-weight: 900;
        padding: 5px 10px !important;
        background-color: #f2f2f2;
    } 
    .pay_list .anal_date{
        width: 100%;
        position: absolute;
        top: 6px;
        right: 0;
        z-index: 0;
        padding-left: 8px !important;
        text-align: right;
    }
    .pay_list .anal_date:before{
        position: initial;
        padding-right: 15px;
        content: "일시";
    }
    .pay_list .anal_nick:before{
        content: "필명";
    }
    .pay_list .anal_name:before{
        content: "이름";
    } 
    .pay_list .anal_term:before{
        content: "거래일";
    }
    .pay_list .anal_price:before{
        content: "금액";
    }
    .pay_list .anal_refund:before{
        content: "환불";
    }
    .pay_list .anal_total:before{
        content: "매출";
    } 
    .pay_list .anal_start:before{
        content: "시작일";
    }
    .pay_list .anal_end:before{
        content: "만료일";
    }
    .pay_list .anal_status:before{
        content: "상태";
    }
    .pay_list td:before{
        position: absolute;
        left: 10px;
        color: #555;
        font-weight: 600;
    }
    
    
    
    /* 현재 유효회원수 */
    .cnt_tbl{
        width: 100%;
    }
    .cnt_tbl th, .cnt_tbl td{
        padding: 7px 10px;
        font-size: 14px;
    }
}