@charset "utf-8";
/* CSS Document */

.modal .checkbox label{font-size: 14px;color: #666}
.tab_page{}
.modal_login .tab_page ul.tab {border-bottom: 1px solid #ddd;}
.tab_page ul.tab li a {display: block;padding: 15px 0;text-align: center; }
.tab_page ul.tab li a:hover,
.tab_page ul.tab li a:active,
.tab_page ul.tab li a:focus{color: #ff6145}
.tab_page ul.tab li a.active {color:#ff6145; border-bottom: 2px solid #ff6145;}

.modal_passwd .modal-content {padding:30px;}

.modal_login .tab_page ul.tab li {float: left;}
.modal_login .tab_page .tabcontent {position:relative; display: none;padding: 30px; text-decoration: none;}
.modal_login ul.tab li {width: 50%;}
.modal_login .btn_wrap{padding-top: 30px;}
.modal_login .lost_pass{padding-top: 20px;}
.modal_login .sns_login ul{width: 280px;margin: 0 auto;padding: 30px 0}
.modal_login .sns_login li{float: left; width: 33%; text-align: center;}
.modal_login .sns_login li a{padding: 10px;}
.modal_login .form-group label{padding-top: 3px;}
#mp01 .sns_login > div{padding-top: 30px; text-align: center;}
#mp02 .sns_login > div{padding-top: 30px; text-align: center;}
#mp02 .sns_login ul{padding: 20px 0 30px;}
/*
.flag_group{position: relative; top: 0;left: 0;}
.flag_group select{position: absolute; top:1px;left: 1px;width: 90px;height: 38px;}
.flag_group select{border: 0;}
.flag_group select:hover,
.flag_group select:focus,
.flag_group select:active,
.flag_group .btn-group.open .dropdown-toggle{
	background-color: #fff;
	-webkit-box-shadow: inherit;
    box-shadow: inherit}
.flag_group .flag_drop.open ul li span{display: inline-block; width: 40px;padding-right: 10px;}
.flag_group .input-control{padding-left: 105px;}
*/
.flag_group{position: relative; top: 0;left: 0;}
.flag_group .flag_drop{position: absolute; top:2px;left: 1px;}
.flag_group .flag_drop button{padding: 5px; border: 0;}
.flag_group .flag_drop button:hover,
.flag_group .flag_drop button:focus,
.flag_group .flag_drop button:active,
.flag_group .btn-group.open .dropdown-toggle{
	background-color: #fff;
	-webkit-box-shadow: inherit;
    box-shadow: inherit}
.flag_group .flag_drop ul {height: 100px;overflow-y: scroll}
.flag_group .flag_drop.open ul li span{display: inline-block; width: 40px;padding-right: 10px;}
.flag_group .form-control{padding-left: 87px;}

/* 초대 모달 */
.modal_invite .modal-body {padding: 15px 25px;}
.modal_invite .l_box,
.modal_invite .r_box{height: 500px;}

.modal_invite .l_box{position: relative; top: 0;left: 0; width: 30%;}
.modal_invite .l_box .form_box{position: absolute; bottom: 15px;left: 0;width: 100%;}
.modal_invite .l_box .form-control{height: 150px;}
.modal_invite .r_box{float: right;width: 70%}
.modal_invite ul.tab li a{text-align: left}
.modal_invite ul.tab li a.active{display: inline-block;}
.modal_invite .tabcontent{padding-left: 20px}
.modal_invite .tabcontent .func_wrap{padding-bottom: 40px}
.modal_invite .table_wrap {height: 395px; overflow-y: scroll;}
.modal_invite td{padding: 2px 8px !important;color: #666}
.modal_invite .result{padding-top: 50px; text-align: center;color: #000; font-weight: 500}
.modal_invite #invite02 .table_wrap{height: 329px}
.modal_invite #invite03 td{padding: 12px 8px !important;}
.modal_invite #invite03 .glyphicon-trash{display: inline-block;padding-left: 10px; color: #666; font-size: 14px;}



/* 프로그레스바 모달 */
.modal_circle .modal-body{padding: 40px 20px; text-align: center;}
.modal_circle .modal-body p{padding-bottom: 20px;}
.modal_circle .modal-content .modal-footer{border-top: 1px solid #ddd;}
.modal_circle .modal-content .btn{min-width: inherit; width: 100%;  border: 0}
.modal_circle .modal-content .btn:hover{background-color: transparent;}

.finish{position: absolute; top: 50%; left: 0;width: 100%;margin-top: -20px; font-size: 50px}
.pie_progress {
	width: 160px;
	margin: 10px auto;
}

.pie_progress {
	position: relative;
	text-align: center;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.pie_progress__svg {
	position: relative;
	display: inline-block;
	width: 100%;
	padding-bottom: 100%;
	overflow: hidden;
	vertical-align: middle;
}

.pie_progress__svg svg {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

.pie_progress__content,
.pie_progress__number,
.pie_progress__label,
.pie_progress__icon {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.pie_progress__number {
	font-size: 45px;
	font-weight: 500;
	color: #ff6145;
}

.pie_progress__number > span {
	font-size: 25px;
}

.pie_progress__label {
	font-size: 12px;
	margin-top: -30px;
	color: #666;
}



/***** 채널꾸미기 모달 *****/
.modal_page_setting .form-control{height: 300px;}
.modal_categ .func_wrap{padding-bottom:20px }
.modal_categ .r_box > span{display: inline-block;padding-right: 20px;}
.modal_categ .r_box > .sp02{padding-left: 10px}
.modal_categ .card-header .red{color: red}
.modal_categ .card-body {padding: 5px 30px 5px 70px;}
.modal_categ .card-body > .cb { padding: 5px 0}
.modal_categ .card-body .cb > *{float: left;}
.modal_categ .card-body .checkbox{padding:0 25px 0 45px;}
.modal_categ .card-body .s_tlt{padding: 10px 0;}
.modal_class_order .modal-lg{width: inherit; max-width:1400px;}
.modal_class_order .class_list > div{width: 16.66%}
.modal_class_order .box .tlt{font-size: 16px;}
.modal_class_order .box > .rating_box .price{font-size: 15px;}