@charset "UTF-8";

/** 추가 **/

/* event_blink 버튼 깜박임 */
@keyframes blink_event{
0% {color:#f44336;}
50% {color:#ff9800;}
}
@-webkit-keyframes blink_event{
0% {color:#f44336;}
50% {color:#ff9800;}
}
.event_blink{
	padding: 10px 0;
    font-size: 28px;
    text-align: center;
    color: #f44336;
    animation: blink_event 1.5s step-end infinite;
    -webkit-animation: blink_event 1l5s step-end infinite;
}

.info_btn{
    padding: 4px 0;
    width: 80%;
    font-weight: 600;
    display: inline-block;
}
.join_call{
	color: #d40303;
}
.join_tbl{
	font-size: 16px;
	text-align: center;
	margin-bottom: 30px;
}
@media (max-width: 767px){
	.join_tbl{
		border: 1px solid #d6d6d6;
		border-bottom: none;
		border-top: none;
	}
	.join_td{
		background-color: #f2f2f2;
	}
	.join_xs_6{
		width: 50% !important;
		float: left !important;
	}
	.fluid_table.join_tbl td {
		border: none;
		border-bottom: 1px solid #d6d6d6;
	}
}
.join_tf{
	margin: 10px 0;
	padding: 20px;
	font-size: 16px;
	border: 1px solid #d6d6d6;
}
@media (max-width: 767px){
	.hide_txt{
		display: none;
	}
}

/* join_info */
@media (max-width: 767px){
	.join_1m:before{
		content: "1개월 ";
	}
	.join_3m:before{
		content: "3개월 ";
	}
	.join_6m:before{
		content: "6개월 ";
	}
	.join_12m:before{
		content: "12개월 ";
	}
	.join_call:before{
		content: "3~12개월 ";
	}
}

/* company */
.company p{
	font-size: 16px;
	padding: 5px 0;
}
/* #company_info h3{
	background-image: url(../img/company02.png);
	background-repeat: no-repeat !important;
	background-position: center center !important; 
	background-size: cover !important; 
	height: 200px !important;
	color: #fff;
	font-size: 30px;
	padding: 120px 0 0 10px;
} */


#switch{
	text-align: center;
}
#switch .switch_bg{
	background-image: url(../img/company03.png);
	background-repeat: no-repeat;
	background-position: center center; 
	background-size: cover; 
	background-attachment: fixed;
	height: 200px !important;
	padding: 50px 10px 0 10px;
	text-align: center;
}
#company_info .info_bg{
	background-image: url(../img/company02.png);
	background-repeat: no-repeat;
	background-position: center center; 
	background-size: cover; 
	background-attachment: fixed;
	height: 200px !important;
	padding: 50px 10px 0 10px;
	text-align: center;
}
#switch .switch_sub, #company_info .info_sub{
	font-size: 22px;
}
#switch .switch_tit{
	font-size: 36px;
	font-weight: 900;
	color: #182551;
	padding: 2px 0 10px 0;
}
#company_info .info_tit{
	font-size: 36px;
	font-weight: 900;
	color: #dd2950;
	padding: 2px 0 10px 0;
}

@media (max-width: 767px){
	#switch .switch_sub, #company_info .info_sub{
		font-size: 20px;
	}
	#switch .switch_tit, #company_info .info_tit{
		font-size: 30px;
	}
}


#map h3{
	font-size: 26px;
	font-weight: 900;
}
#map dl{
	text-align: center;
	padding: 30px 20px;
    background-color: #f2f2f2;
	box-shadow: 1.5px 1.5px 5px rgba(0, 0, 0, 0.2);
	width: 50%;
	margin: 0 auto;
	margin-top: 20px;
}
#map dt{
	font-size: 20px;
    margin-top: 10px;
	padding-right: 10px;
	display: inline-block;
}
#map dd{
    font-size: 16px;
    margin-top: 10px;
	display: inline-block;
}
@media (max-width: 767px){
	#map dl{
		width: 100%;
	}
}





/*** 타이틀 ***/

.page_title{
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0 0 0 20px;
    border-left: 5px solid #4c350a;
    position: relative;
}
.location{
    text-align: right;
    position: absolute;
    top: -10px;
    right: 0;
    font-weight: 400;
}
.location a{
    font-weight: 600;
    color: #555;
}
.location a:hover{
    text-decoration: underline;
}
.special{
    border: 3px solid #dc4848;
    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;
}


/*방송리스트 로고 이미지 css 백그라운드로*/

.live1_bg_img{
	background-repeat: no-repeat !important;
	background-position: center center !important; 
	background-size: cover !important; 
	height: 100% !important;
}

/*** 카톡 다운로드페이지 버튼***/
.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;
}


/*** 게시판 ***/
.board_thead{
    text-align: center;
    display: inline-block;
    font-weight: 900;
    font-size: 16px;
}
.board{
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.board_title{
    position: relative;
    width: 100%;
}
.broard_list{
    position: relative;
    margin-top: 5px;
    border-top: 3px solid #4c350a;
    width: 100%;
}
.board_title h2{
    text-align: center;
}
.board_title a{
    position: absolute;
    right: 0;
    bottom: 5px;
}
.broard_list li{
    padding: 7px 10px;
    border-bottom: 1px solid #b9b5aa;
}
.board_txt{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.board_txt:hover{
    text-decoration: underline;
}
.board_txt:before{
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    margin-right: 5px;
    background-color: #e2dccc;
    position: relative;
    top: -3px; 
}
.board_name, .board_exp, .board_date{
    color: #929292;
    font-size: 12px;
    padding-left: 8px;
}
@media (min-width: 768px){
.board_name, .board_exp, .board_date{
    padding-left: 0;
}
.board_txt{
	padding-left: 10px;
}
}
.board_exp:after{
    content: "님께";
}
.answer{
    color: #666;
    padding-left: 10px;
}
.comment{
    color: #3b5997;
    font-weight: 900;
}
.board_empty:after{
    content: "　";
}
@media (min-width: 768px){
   .broard_review li a{
       padding-left: 14px !important;
    } 
}

@media (min-width: 768px){
    .board_name,  .board_date, .board_num, .board_exp,
    .vod_name, .vod_date{
        text-align: center;
        font-size: 14px;
        color: #454545;
    }
    .vod_list button{
        float: right !important;
    }
    .broard_list li{
        padding: 14px 0;
    }
    .board_txt:before{
        display: none;
    }
}
.broard_list{
    clear: both;
}


/*녹화방송*/
.broad_btn{
    padding: 8px 24px 9px 24px;
    margin-left: 5px;
    display: block;
    float: right;
}
.search{
/*    text-align: right;*/
}
.search_box{
    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{
    width: 75px;
/*    padding: 7px 2px 14px 0;*/
    height: 40px;
    display: 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%;
	height: 100%;
    display: inline-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: 8%;
    border: 1px solid #888;
    background-color: #fff;
}
.pagination li a{
    width: 100%;
    padding: 10px 0;
    display: inline-block;
}
.pagination li a:hover{
    background-color: #f2f2f2;
}
.pagination li:first-child{
    border-left: 1px solid #888;
}
.page_on{
    border: 1px solid #000 !important;
    background-color: #f2f2f2 !important;
    z-index: 1;
    position: relative;
    cursor: default;
}
@media (max-width: 768px){
    .pagination{
        width: 100%;
        padding-left: 4px;
    }
    .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{
    margin: 15px 0 25px 0;
    text-align: center;
    /* margin: 5px 0 20px 0; */
}
.notice_partner h4{
    padding: 10px 0 5px 0;
}
.notice_partner img{
    margin: 0 auto;
    display: block;
    width: 100%;
    max-width: 900px;
}
.notice_partner p,
.notice_partner ol,
.notice_partner ul{
    /* 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: #3b5997;
}


/*** view ***/

.view_txt{
    padding: 10px 10px 30px 10px;
}
.view_content{
    border: 1px solid #d6d6d6;
    border-bottom: none;
    border-top: 3px solid #4c350a !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;
}
.view_comment h6{
    clear: both;
    border-top: 1px solid #d6d6d6;
    margin-top: 10px;
    padding: 10px 0 0 5px;
}
.comment_num{
    color: #3b5997;
}
.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 #f9f7f1;
    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 #4c350a !important;
}
.write_content{
    height: 500px;
}
.write_content textarea{
    width: 100%;
    height: 460px;
    border: none;
    resize: none;
}
.writing_form dt{
    border-right: 1px solid #d6d6d6;
    text-align: right;
    padding-right: 20px;
    font-size: 16px;
}
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 #d6d6d6;
    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_name input[type="radio"]{
	display: none;	
}
.write_name input[type="radio"]+label{
    padding: 0 5px 0 17px;
    background-image: url(../img/radio.png);
    background-repeat: no-repeat;
}
.write_name input[type="radio"]:checked+label{
    background-image: url(../img/radio_chk.png);
}

.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;
}


@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: 10px;
	margin-top: 20px;
	margin-bottom: 10px;
}
.home_img{
    width: 100%;
    display: block;
}
/*
.home_img_box{
	background-color: #fff;
    padding: 10px; 
}*/
.home_info{
    padding: 0 0 0 20px;
}
.home_txt1{
    font-size: 14px;
}
.home_txt2{
    font-size: 24px;
}
.home_name{
    padding: 15px 0;
    font-size: 46px;
    color: #000;
}



@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;
    }
}





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

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

.home_tab li{
    width: 20%;
    float: left;
    cursor: pointer !important;
    margin: 0 0 20px 0;
}
/*
#tab-button li a:hover, #tab-button .is-active a {
    color: #000;
    box-shadow: 0 -3px 0 0 #00142c inset;
}*/
#tab-button .is-active a{
    cursor: default;
}
.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;
}

.home_live_btn, .home_kakao_btn{
    width: 100%;
    padding: 5px 0;
    margin-top: 10px;
    display: block;
    float: left;
}

.home_kakao_btn img{
    position: relative;
    top: 2px;
    height: 14px;
}
.home_pro{
    margin: 25px 0 10px 0;
}
.home_pro h3 {
    border-bottom: 1px solid #bdbdbd;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
    color: #797979;
}
.home_pro:first-of-type{
    padding-right: 20px;
}

@media (max-width: 767px){
    .home_live_btn, .home_kakao_btn{
        width: 48%;
    }
    .home_kakao_btn{
        margin-left: 4%;
    }
    .home_pro:first-of-type{
        padding-right: 0;
    }
}



/* 반응형 테이블 */
.fluid_table{
    border-top: 3px solid #4c350a;
    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;
    border: 1px solid #d6d6d6;
    text-align: center;
    font-weight: 900;
    font-size: 16px;
}
.fluid_table td{
    padding: 14px 10px;
    border: 1px solid #d6d6d6;
    border-top: none;
    vertical-align: middle;
}
.table_type{
    font-weight: 900;
}
.home_join_btn{
    width: 100%;
    display: block;
    padding: 5px 0;
    text-align: center;
}
.table_price{
    text-align: center;
}
.table_price span:nth-child(3n+1) {
    width: 18%;
    display: inline-block;
    font-weight: 900;
    text-align: left;
}
.table_price span{
    width: 41%;
    display: inline-block;
    text-align: right;
}

@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: 3px solid #333;
    }
    .table_type{
        font-size: 16px;
        font-weight: 900;
        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;
		clear: both;
	}
	.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: 40%;
    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: 90%;
	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: 94%;
		margin: 0 auto;
		padding: 30px 0;
		margin-top: 50px;
    } 
}


 .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{
	 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: 20px;
    }
	 .inquiry_id fieldset,
	 .inquiry_pw fieldset{
		width: 100%;
	 }
}

/*** 회원가입 ***/
.join_order li span{
    display: block;
    color: #000;
    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 #dbe0e6;
    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;
}
.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;
	clear: both;
}
.join_info p{
    padding: 0 4px 0 4px;
    color: #1a237e;
    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;
}
.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 #4c350a !important; */
/*        margin-top: 5px;*/
    }
    .my_tbl_date:before{
        content: "기간 : ";
    }
    .my_tbl_no:before{
        content: "NO. ";
    }
	.my_info_none{ 
		text-align: center !important; 
		border: none !important;
	}
}

/* 회원정보 */
.my_info input, .my_info select{
    padding: 5px;
    height: 33px;
    margin: 0 5px 0 4px;
}
.my_default input{
    width: 100%;
    background-color: #f2f2f2;
    border: 1px solid #d6d6d6;
}
.my_info{
/*    border-top: 3px solid #4c350a !important;*/
}
.my_info h3{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
}
.my_group{
    border-top: 1px solid #d6d6d6 ;
    margin-bottom: 20px;
}
.my_info dt{
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    text-align: right;
    font-size: 16px;
    /*background-color: #f2f4f7;*/
    padding: 16px 10px 15px 10px;
    min-height: 56px;  
}
.my_info dd{
    border-bottom: 1px solid #d6d6d6;
    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: #f2f4f7;*/
    }
    .my_info dd{
        border-bottom: none;
    }
    .my_group{
        border: 1px solid #d6d6d6;
    }
    .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 #d4dae2;
    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 #d6d6d6;
    text-align: right;
    padding-right: 20px;
    font-size: 16px;
    /*background-color: #f2f4f7;*/
}
dt.my_pw{
    text-align: right;
}
.my_pw, .my_reason{
    border-bottom: 1px solid #d6d6d6;
    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_writing dl{
		border: 1px solid #ddd;
	}
    .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_pw, .my_reason{
        border: none;
        padding: 12px 10px;
    }
    .my_reason textarea{
        width: 100%;
        height: 50px;
    }
}





/*** 결제 ***/

/* 반응형 아코디언*/
.pay_tab:first-child{
    border-top: 3px solid #4c350a;
}
.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: 30em;
}
.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{
    font-size: 16px;
    color: #454545;
}
.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{

}
.pay_price label{
    display: block;
}
.discount{
    text-decoration: line-through;
    color: #666;
    text-align: right;
    float: right;
}
.price{
    color: #da5052;
    font-weight: 900;
    font-size: 18px;
    text-align: right;
    display: block;
}
/*
.price:before{
    content: "→";
    color: #666;
    padding-right: 10px;
}
*/

.pay_price input[type="radio"], #panel4 input[type="radio"]{
    display: none;
}
.pay_price input[type="radio"]+label,
#panel4 input[type="radio"]+label{
    padding: 0 0 0 17px;
    background-image: url(../img/radio.png);
    background-repeat: no-repeat;
}
.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;
}
.price_sum{
   padding: 0 5px 0 10px;
   color: #f11515;
    font-weight: 900;
    font-size: 20px; 
}

/* pay_tab1, 2 full content */
@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: #f2f2f2;
    }
    .pay_price_group{
        margin-left: 20px;
    }
    .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: #f2f2f2;
}
.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;
}

/* 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: #fdfdfe;
    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.667%;
    float: left;
    cursor: pointer !important;
    margin: 0 0 20px 0;
}


/*방송 스케줄 등록*/
.writing_form .writing_inp{
    width: 45%;
    height: 22px;
    border: 1px solid #ddd;
    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 #4c350a;
    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%;
	padding-top: 5px;
    padding-bottom: 5px;
    display: block;
    text-align: center;
    margin-right: 4%;
    float: left;
}
.admin_btn3{
    width: 48%;
	padding-top: 5px;
    padding-bottom: 5px;
    display: block;
    text-align: center;
    float: left;
}
.vod_admin_btn1{
    width: 48%;
    display: block;
    text-align: center;
    margin-right: 4%;
    float: left;
}
.vod_admin_btn2{
    width: 48%;
    display: block;
    text-align: center;
    float: left;
}





/*앱 다운로드*/
@media (max-width: 768px){
	.app_img{
		width: 100%;
	}
	.gl_play{
		clear: both;
		float: left !important;
	}
}
.app h3{
	padding: 30px 0 5px 0;
	font-weight: 900;
	font-size: 20px;
	color: #dc262d;
	clear: both;
}

.app p{
	font-size: 16px;
}
.gl_play{
	float: right;
}
.gl_play img{
	box-shadow: 2px 2px 2px #999; 
	margin: 10px 0;
	width: 164px;
}
.app_txt{
	float: left;
}