/*----------------- Login ------------------*/

.login {position:relative;height:100vh;}
.login:before,
.login:after {clear:both;display:block;content:'';}

.login_backgorund,
.login_content {min-height:100vh;}
.login_content {overflow-y: auto}

.login_backgorund {background:url(/img/cmm/login_bg.jpg) no-repeat center bottom #3b4593;padding:4rem;background-size: 100%}
.login_backgorund > * {color:#fff;text-align: left} 
.login_backgorund .logo {margin-bottom:3rem}
.login_backgorund .logo img {width:90px}
.login_backgorund .title_h2 {line-height:1.3;font-size:3.8rem}


.login_content {display: flex;align-items: center;justify-content: center;border-right:8px solid var(--bg-yellow);padding:4rem;}
.login_container {max-width:46rem}

.login_content .login_top {padding-bottom:3rem;}
.login_content .login_top .lnk {color:var(--txt-blue)}
.login_content .login_top h2.title_h2 {text-align: left;margin-botom:0;}
.login_content .login_form .forgot_password {font-size:1.3rem;text-align: right;color:var(--txt-gray);float:right}
.login_content .login_form .password_input {position:relative}
.login_content .login_form .password_input .show_password {position:absolute;top:0;right:1.5rem;bottom:0;background:url(/img/cmm/ico_show.svg) no-repeat center center;font-size:0;
	width:20px;height:20px;background-size:16px;margin:auto auto}

.login_content .login_form .form-check .form-check-input {float:none;margin-right:0.6rem}

.login_content .helper-text a {color:var(--txt-blue);text-decoration: underline}


@media (min-width: 992px) {
	
	.login_content,
	.login_backgorund {padding:5rem;}
	
	.login_top {padding-bottom:3rem;}
	
	.login_top h2.title_h2 {margin-bottom:0}
	.login_content .login_form .form-label {font-size:1.4rem}
	
	
}



@media (min-width: 1600px) {
	
	.login_content,
	.login_backgorund {padding:7rem 8rem;}
	.login_backgorund .title_h2 {font-size: 4.8rem}
	
}


/*------------------------------- Mypage -------------------------------*/



/* 상단 프로필 영역 */
.mypage .my_profile {position:relative;padding:3rem;background:#829DDE;text-align:center}
.my_profile_info {display:flex;align-items:center;}
.my_profile_info .inner,
.my_profile_img {flex:1 0 0%}

.mypage .my_profile .my_profile_img {width:100px;height:100px;margin:auto auto;border:3px solid #fff}
.mypage .my_profile .my_profile_info {}
.mypage .my_profile .my_profile_info .name {font-size:2.4rem;color:#fff;font-weight:bold;}
.mypage .my_profile .my_profile_info .company_name {font-size:1.5rem;color:#fff;}
.mypage .my_profile .my_profile_info .btn_edit {/*position:absolute;top:1.8rem;right:1.8rem;*/position:relative;top:auto;right:auto;border-color:#fff;color:#fff;background:transparent;margin-top:1rem;}


@media (min-width: 992px) {

	.mypage .my_profile {padding-top:5.5rem;padding-bottom:5.5rem;text-align:left}
	.mypage .my_profile .my_profile_img {width:140px;height:140px;border:0}	
	.mypage .my_profile .my_profile_info .name {font-size:3rem;}
	.mypage .my_profile .my_profile_info .btn_edit {position:relative;top:auto;right:auto;padding:0.4rem 3rem;font-size:1.4rem;margin-top:2rem}
	
	
}	
	
	
/* 왼쪽 메뉴 */
.mypage .snb {position:relative;padding:2rem 0;border-bottom:1px solid #e6e6e6}
.mypage .snb:after {content:'';position:absolute;right:0;bottom:0;width:3rem;height:100%;background: -webkit-linear-gradient(180deg, rgba(255, 255, 255,1), rgba(255, 255, 255, 0));}
.mypage .snb ul li.current a {font-weight:bold;}
.mypage .snb ul li a {font-size:1.5rem;color:var(--primary-block);}

.mypage_body h2 {margin-bottom:3rem}
.mypage_body h3 {font-weight:500;}


@media (max-width: 991px) {	
	.mypage .contents_inner {padding-top:0}
	
	.mypage_body {padding-top:3rem}
	.mypage .snb ul {position:relative;width:100%;white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling: touch;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;}
	.mypage .snb ul::-webkit-scrollbar {display:none;}
	.mypage .snb ul li {display:inline-block;white-space:normal;padding-right:2rem}
}

@media (min-width: 992px) {
	.mypage .snb {border-bottom:0}
	.mypage .snb ul {margin-top:-2rem;margin-bottom:-2rem;}
	.mypage .snb ul li {padding-top:2rem;padding-bottmo:2rem}
	.mypage .snb ul li a {display:block;}	
	.mypage .snb ul li a {font-size:1.6rem}
}


/* My Account */
.my_prev_wrap {margin-bottom:3rem;}
.my_prev {display:flex;position:relative;border:1px dashed #e0e0e0;height:130px;padding:2rem;align-items:center;flex-wrap:wrap;flex: 0 1 100%;justify-content:flex-start;transition:.15s ease-out;border-radius: 0.3rem;overflow:hidden;margin-top:2.5rem}
.my_prev .my_prev_info {flex:1 0 0%;}
.btn_edit {position:absolute;top:0.6rem;right:0.6rem;padding-left:1rem;padding-right:1rem;background-color:var(--txt-blue)}

.box_message {font-size:1.3rem;color:var(--txt-gray);margin-top:0.3rem}
.box_message a {color:var(--txt-gray);font-weight:bold}


.my_prev_empty {transition:.15s ease-out;padding-left:3rem}
.my_prev_empty a {display:block;font-size:1.6rem;color:var(--txt-muted);transition:.1s ease-out;}
.my_prev_empty a:before {content:'+';display:inline-block;width:50px;height:50px;border:1px dashed #bbb;border-radius:50%;line-height:43px;text-align:center;font-size:3rem;margin-right:2rem;transition:.15s ease-out;font-weight:400}

.my_prev {position: relative}
.my_prev .my_prev_info .name {font-size:1.6rem;font-weight:500;}
.my_prev .my_prev_info .number {color:var(--txt-gray)}
.my_prev .my_prev_info .btn_receipt {display:block;font-size:1.4rem;}


.my_prev.my_badge {padding:0}
.my_prev.my_badge .my_prev_info {padding:2rem;}
.my_prev.my_badge .img_mybadge {height:auto}


.my_prev.my_screening {padding:0}
.my_prev.my_screening .screening_prev_list {position:relative;height:100%;margin-left:-0.1rem;margin-right:-0.1rem;}
.my_prev.my_screening .screening_prev_list:before,
.my_prev.my_screening .screening_prev_list:after {clear:both;display:block;content:'';}
.my_prev.my_screening .screening_prev_list li {float:left;position:relative;overflow:hidden;height:100%;padding-left:0.1rem;padding-right:0.1rem}
.my_prev.my_screening .screening_prev_list li img {height:100%;border-radius: 0.3rem;}




@media (min-width: 992px) {

	.my_prev.empty:hover {border-color:rgba(92,142,255,0.5);background:rgba(227,240,255,0.3);cursor:pointer}
	.my_prev.empty:hover .my_prev_empty a {}
	.my_prev.empty:hover .my_prev_empty a:before {background-color:#E3F0FF;border-color:rgba(92,142,255,0.5);color:#5D8EFF}

}



/* Market Badge */

.marketbadge_card {position:relative;border:1px solid #e0e0e0;border-radius:0.6rem;-webkit-border-radius:0.6rem;background:#222;padding:2rem;
	box-shadow:0 1px 12px rgba(0,0,0,0.15)}
.marketbadge_card .img_mybadge {border-radius: 0.3rem;}

.marketbadge_card .badge_info {position:relative;color:#fff;padding-left:2rem}
.marketbadge_card .badge_info .name {font-size:2.6rem;font-weight:500;}
.marketbadge_card .btn_edit_badge {margin-top:2rem}



/* history table */
table.t8 { width:100%;color:#333333; }
table.t8 thead th { text-align:left;font-size:13px;padding:12px 5px;border-bottom:1px solid #e0e0e0;}
table.t8 tbody th { text-align:left; font-size:13px; font-weight:600; padding:12px 5px; border-bottom:1px solid #e0e0e0; color:#666666; }
table.t8 tbody th.name { text-align:left; font-size:13px; font-weight:600; padding:12px 5px; border-bottom:1px solid #e0e0e0; color:#333333; }
table.t8 tbody td { text-align:left; font-size:13px; font-weight:300; padding:12px 5px; border-bottom:1px solid #e0e0e0; color:#666666; width:80% }
table.t8 tbody td.category { text-align:left; font-size:14px; font-weight:600; padding:12px 5px; border-bottom:1px solid #e0e0e0; color:#666666; }



@media (min-width: 992px) {
	
	.marketbadge_card {width:60%;padding:4rem 5rem;}
	
}


/* ------------------------------- Register - Common ------------------------------- */


/* 스텝 바 */
.step_progress {margin: 0 auto;width: 100%;position:relative;padding:2rem 0}
.step_progress:before,
.step_progress:after {clear:both;display:block;clear:both}

.step_progress .progress {padding:0;background:rgba(0, 0, 0, 0.1);position:absolute;top:0;left:0;width: 100%;height: 0.6rem;}
.step_progress .progress-bar {
  height: 0.6rem;
  border-radius:0;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
  -webkit-transition: 0.4s linear;
  -moz-transition: 0.4s linear;
  -o-transition: 0.4s linear;
  transition: 0.4s linear;
  -webkit-transition-property: width, background-color;
  -moz-transition-property: width, background-color;
  -o-transition-property: width, background-color;
  transition-property: width, background-color;
}

.step-radio:not(:checked) {display:none}
.step-radio:not(:checked) + .label-step {display:none}

#step1:checked ~ .progress .progress-bar {width: 5%; background-color:#FF342C;}
#step2:checked ~ .progress .progress-bar {width: 25%;background-color: #FFCB43;}
#step3:checked ~ .progress .progress-bar {width: 50%;background-color: #FFCB43;}
#step4:checked ~ .progress .progress-bar {width: 75%;background-color: #FFCB43;}
#step5:checked ~ .progress .progress-bar {width: 100%;background-color: #6ED99B;}

.step-radio {display:none;}
.step-radio:checked + .label {color:white;background:rgba(0, 0, 0, 0.25);}
.label-step {float:left;display: inline-block;padding:3px 8px;color:var(--txt-gray);border-radius:3px;cursor:pointer;/*width:20%*/width:100%}


/* register - Layout */
.register_wrap {position:relative}
.register_wrap .side_nav {display:none}
.register_wrap .register_hd {text-align:center;}
.register_wrap .register_hd .title_h3 {margin-bottom:0}
.register_wrap .register_bd {position:relative;background:#fff;border-radius: 0.6rem;-webkit-border-radius: 0.6rem;}

.register_wrap .register_hd  {margin-bottom:3rem}
.register_wrap .register_hd .title_h2 {margin-bottom:0.5rem}


/* register - 왼쪽 메뉴 */
.register_wrap .side_nav {position:sticky;}
.register_wrap .side_nav ol {margin-top:-1rem;margin-bottom:-1rem}
.register_wrap .side_nav ol li a {font-size:1.6rem;color:var(--txt-primary)}
.register_wrap .side_nav ol li {padding:1rem 0;}
.register_wrap .side_nav ol li span {display:inline-block;width:20px;height:20px;background:#e0e0e0;font-size:1.2rem;text-align:center;line-height:20px;margin-right:1.3rem;border-radius:0.3rem;color:#666;opacity:0.5;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;}
.register_wrap .side_nav ol li:hover span {opacity:1;}
.register_wrap .side_nav ol li.current span {background:var(--primary-yellow);opacity:1;color:#111}


/* register - Foot 버튼 */
.register_wrap .register_foot {position:fixed;padding:1rem 1rem;bottom:0;left:0;width:100%;background:#fff;z-index:101;border-top:1px solid #e0e0e0;box-shadow:0 -1px 6px rgba(0,0,0,0.1)}


/* register - Form style */
.group_card {padding:1rem 0;border-top:1px solid #eee}
.group_card .group_title {margin-bottom:2rem;}
.group_card .group_title,
.group_card .group_title h3 {font-size:2rem;font-weight:bold;text-transform: capitalize}

.helper-text {font-size:1.3rem;line-height:1.4;color:var(--txt-gray);}
.helper-text:before {content:'\203B';margin-right:0.6rem;font-size:1.3rem;}
.helper-text + .helper-text {margin-top:0.8rem}


.helper-tip {font-size:1.3rem;padding:1rem 1.6rem;border:1px solid #B9CCF5;color:#3053A3;background:#E8EFFF;border-radius: 0.3rem;-webkit-border-radius: 0.3rem;}
.helper-tip a {font-weight:bold;color:#3053A3}


.essential:after {content:'*';color:blue;font-weight:300;margin-left:0.3rem}


@media (min-width: 992px) {

	.register_wrap {border:1px solid #e0e0e0;margin-bottom:6rem;border-radius: 0.6rem;-webkit-border-radius: 0.6rem}
	
	.register_wrap .side_nav {position:relative;padding:5.5rem 5rem;height:100%;display:block;border-right:1px solid #e0e0e0;}
	.register_wrap .register_hd {text-align:left;padding:5.5rem 8rem 0 8rem}
	.register_wrap .register_hd .title_h3 {text-align:left}
	
	
	.register_wrap .register_bd {border:0;padding:0 8rem 8rem 8rem;margin-left:0rem;margin-right:0rem;}
	
	.group_card {padding:2rem 0;}
	
	.register_wrap .register_foot {position:sticky;padding:1.3rem 3rem;}
	
}





/* ------------------------------- 배지 등록 ------------------------------- */

/* 프로필 사진 업로드 */
.badge_register .step1 {}
.badge_register .add_picture {position:relative; width:80px;height:80px;margin-bottom:3rem}
.badge_register .add_picture .avatar {width:80px;height:80px}
.badge_register .add_picture .btn_upload_picture {position:absolute;bottom:0;right:0;background:#111;border:2px solid #fff;border-radius:50%;-webkit-border-radius:50%;width:23px;height:23px;line-height:16px;text-align:center;color:#fff;font-size:1.5rem;font-weight:bold;}

.register_select_activity .dropdown-menu li {width:50%;float:left}
.register_select_activity .dropdown-menu li.helper-text {width:100%}
.register_select_activity .dropdown button {text-align: left}


.register_wrap .input-group > .form-switch {position:absolute;top:0;right:1rem;bottom:0;margin:auto auto;height:2.5rem}
.register_wrap .country-tel {width:70%;border-left:1px solid #eee}

.register_wrap .search_company {position:relative;padding-left:3rem;border:1px solid #ced4da;border-radius: 0.3rem;-webkit-border-radius: 0.3rem;}
.register_wrap .search_company:before {content:'';width:4.4rem;height:100%;display:block;background:url(/img/cmm/ico_search_black.svg) no-repeat center center;opacity: 0.5;background-size:16px;position:absolute;left:0;}
.register_wrap .search_company input {border:0}


.total {padding:2.5rem 0;border-top:1px solid #aaa;border-radius:0.3rem;-webkit-border-radius:0.3rem;}


@media (max-width: 767px) {

	.form-switch .form-check-input {height:2.8rem;width:4.5rem;}
	.register_wrap .input-group > .form-switch {height:3rem}

}


@media (min-width: 992px) {
	
	
}


/* Payment */
.group_card.group_payment {border-top:0}
.payment {margin-top:2rem}

.inputGroup {background-color:#f5f5f5;width:100%;border:1px solid #eee;display: block;margin: 10px 0;position: relative;border-radius:0.3rem;-webkit-border-radius:0.3rem;}
.inputGroup:before {content:'';display:inline-block;width:24px;height:18px;background:url(/img/cmm/ico_card.svg) no-repeat center center;position: absolute;top:0;left:2rem;bottom:0;margin:auto auto;z-index:10}

.inputGroup label {padding:1.8rem;display:block;color:#666;cursor:pointer;position:relative;z-index: 2;overflow: hidden;font-size:1.6rem;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;font-weight:bold;padding-left:6rem}
.inputGroup label:before {width:10px;height:10px;content: '';position:absolute;left:0;top:50%;}

.inputGroup input:checked ~ label:after {width: 32px;height: 32px;content: '';background-color:none;background-image: url(/img/cmm/ico_payment_check.svg);background-repeat: no-repeat;background-position:100% center;border-radius: 50%;z-index: 2;position: absolute;right: 30px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);cursor: pointer;-webkit-transition: all 200ms ease-in;transition: all 200ms ease-in;}

.inputGroup input:checked ~ label {color: #111;background-color:#E8EFFF}
.inputGroup input:checked ~ label:before {-webkit-transform: translate(-50%, -50%) scale3d(56, 56, 1);transform: translate(-50%, -50%) scale3d(56, 56, 1);opacity: 1;}
.inputGroup input:checked ~ label:after {background-color:none;border-color: #111;}
.inputGroup input {width: 32px;height: 32px;-webkit-box-ordinal-group: 2;order: 1;z-index: 2;position: absolute;right: 30px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);cursor: pointer;visibility: hidden;}


.payment .desc-s {font-size:1.3rem;color:var(--txt-gray)}





/* ------------------------------- Exhibition 등록, 수정 ------------------------------- */



.register_btm {padding:0 8rem 8rem 8rem;text-align: right}


/* register - 상단 탭 메뉴  */
.register_tab {position:relative;padding-bottom:3rem;}
.register_tab ul:before,
.register_tab ul:after {clear:both;display:block;content:'';}
.register_tab ul li {}
.register_tab ul li a {display:inline-block;font-size:1.5rem;color:var(--primary-block);padding:0.6rem 1rem}
.register_tab ul li:first-child a {padding-left:0}
.register_tab ul li.current a {text-decoration: underline}



/* Step1 - 회사정보 */
.my_ex_head {position:relative}
.my_ex_head:before,
.my_ex_head:after {clear:both;display:block;content:'';}

.register_wrap .register_bd .company_logo {margin:auto auto;}
.register_wrap .register_bd .company_logo .avatar {width:12rem;height:12rem;border:4px solid #eee;background:#fff}


.company_info {padding:1rem 0}
.company_info dt {padding-top:1.2rem;}
.company_info dt {font-weight:bold;}
.company_info dd {padding-bottom:0.3rem}



@media (min-width: 768px) {
	.company_info dt,
	.company_info dd {padding-top:1rem;padding-bottom:1rem}
	
	.register_tab ul li {float:left;}
	.register_tab ul li a {padding:0.6rem 2rem}
	
}


@media (min-width: 992px) {
	
	.ex_register.step1 .register_bd {margin-top:0}
}




/* step2 - contact */

.contact_preview ul {margin-left:-1.6rem;margin-right:-1.6rem}
.contact_preview ul li {padding-left:1.6rem;padding-right:1.6rem;}
.contact_preview ul li .avatar {width:6rem;height:6rem;border:1px dashed #ccc}
.contact_preview ul li p {color:var(--txt-gray)}


.contact_check_list {}
.contact_check_list h3 {font-size:1.6rem;font-weight:bold;color:var(--txt-gray)}
.contact_check_list h3 span {font-weight: bold;margin-left:0.2rem}

.input-group-contact {position:relative;border-bottom:1px solid #eee;padding-top:2.5rem;padding-bottom:2.5rem;}
.input-group-contact .info-contact  {padding-left:7rem}
.input-group-contact .info-contact .c_profile_img {width:5.5rem;height:5.5rem;position:absolute;top:0;left:0;bottom:0;margin:auto auto;}

.input-group-contact .info-contact {width:75%}
.input-group-contact .info-contact .c_name {display:inline-block;font-size:1.5rem;line-height:1.3;font-weight:Bold;}
.input-group-contact .info-contact .c_position,
.input-group-contact .info-contact .c_email {font-size:1.3rem;}
.input-group-contact .info-contact .c_email {margin-top:0.3rem;color:var(--txt-gray)}

.input-group-contact .form-switch {position:absolute;top:0;right:1rem;bottom:0;margin:auto auto;height:2.5rem}
.input-group-contact .form-switch .show {display:none;float:left;padding-right:4.5rem;color:var(--txt-gray);font-size:1.2rem;line-height:26px;}



@media (min-width: 992px) {
	
	.input-group-contact .info-contact {padding-left:10rem;}
	.input-group-contact .info-contact .c_profile_img {width:7rem;height:7rem;}
	.input-group-contact .info-contact .c_name {font-size:1.6rem;line-height:1.4}
	.input-group-contact .info-contact .c_position,
	.input-group-contact .info-contact .c_email {font-size:1.4rem;}
	.input-group-contact .info-contact .c_email {margin-top:0.6rem;}
	
	.input-group-contact .form-switch .show {display:inline-block;}
	
}


/* Line up */

.lineup_add_list {}
.lineup_add_list .lineup_card {position:relative;border:1px solid #e0e0e0;padding:1.5rem;margin-bottom:1rem;border-radius:0.3rem;-webkit-border-radius:0.3rem;}
.lineup_add_list .lineup_card .title {font-size:1.7rem;font-weight:500;}
.lineup_add_list .lineup_card .type,
.lineup_add_list .lineup_card .productions,
.lineup_add_list .lineup_card .date {font-size:1.3rem;}
.lineup_add_list .lineup_card .date {margin-top:0.4rem}
.lineup_add_list .lineup_card .form-switch {position:absolute;top:0;right:2rem;bottom:0;margin:auto auto;height:2.5rem}

.lineup_card a.cover {width:70%}


/* credit */
.credit_card {position:relative;border:0;padding:1.5rem 0;margin-bottom:1rem;border-radius:0.3rem;-webkit-border-radius:0.3rem;}
.credit_card .credit_list li {display:flex;justify-content:space-between;align-items: center;}
.credit_card .credit_list li:not(:first-child) {margin-top:1rem}
.credit_card .credit_list li .form-control {border:0;border-radius:0;font-size:1.4rem;padding:0.6rem 1rem;line-height:1;height:30px}
.credit_card .credit_list li .credit_item {display:flex;justify-content:flex-start;align-items: center;border:1px solid #e0e0e0;border-radius:0.3rem;-webkit-border-radius:0.3rem;width:90%;padding:0.4rem}
.credit_card .credit_list li .credit_item .year {width:30%;border-right:1px solid #e0e0e0}
.credit_card .credit_list li .credit_item .firstname {width:30%;border-right:1px solid #e0e0e0}
.credit_card .credit_list li .credit_item .lastname {width:40%;}
.credit_card .credit_list li .btn_del {position:relative;display:inline-block;width:20px;height:20px;border-radius:5rem;-webkit-border-radius:5rem;background:#E82D2D;}
.credit_card .credit_list li .btn_del:before {content:'\2013';color:#fff;font-weight:bold;position:absolute;top:0;left:0;margin:auto auto;width:100%;height:100%;text-align:center;line-height:18px}

.btn_add_credit {border-color:#777}

/* Select Product country */
.drop_foot {position: absolute;left:0;right:0;bottom:0;padding-bottom:1.5rem;background:#fff;width:100%;padding:1.6rem;border-top:1px solid #e0e0e0}
.drop_foot .dropdown-divider .form-control {padding:0.6rem 1rem}
.drop_foot .dropdown-btn {text-align: right;margin-top:1rem}
.drop_foot .dropdown-btn a {display:inline-block;padding:0.4rem 2rem;width:40%;text-align: center;font-size:1.3rem}

.dropdown-menu.dropdown_group {padding-bottom:10rem;min-width:23rem;width: auto}
.dropdown-menu.dropdown_group ul {height:20rem;overflow-y: auto;}



@media (min-width: 992px) {
	
	
	.lineup_add_list .lineup_card {padding:1.5rem 2rem}
	.lineup_add_list .lineup_card:hover {border-color:rgba(92,142,255,0.5);background:rgba(227,240,255,0.3);cursor:pointer}
	
	
	.credit_card {border:1px solid #e0e0e0;padding:2rem 2.5rem}
	.credit_card .credit_list li {justify-content:flex-start}
	.credit_card .credit_list li .credit_item {width:70%}
	.credit_card .credit_list li .btn_del {margin-left:2rem}
	
	
}


/* My meeting Schedule */


.my_meeting_start {position:relative;background:#f6f6f6;display:flex;justify-content: center;align-items: center;padding:2rem 1rem;flex-direction: column;border-radius: 0.6rem;}
.my_meeting_start > div {width:100%;text-align: center}
.my_meeting_start .mymeeting_txt {padding-bottom:1.5rem}
.my_meeting_start .mymeeting_code {position:relative;background:#fff;border-radius:5rem;-webkit-border-radius:5rem;overflow:hidden;width:100%;padding-left:0rem}
.my_meeting_start .mymeeting_code:before {content:'';display:inline-block;width:16px;height:16px;background: url(/img/cmm/ico_meeting_link.svg) no-repeat center top;margin-right:0.5rem;position:absolute;top:0;left:2rem;bottom:0;margin:auto auto}

.my_meeting_start .mymeeting_code .form-control {border:0;padding-left:4.5rem}
.my_meeting_start .mymeeting_code .search_button {position:absolute;top:0;right:0;height:100%;}
.my_meeting_start .mymeeting_code .search_button button {background:var(--txt-blue);height:100%;border-radius:5rem;-webkit-border-radius:5rem;text-transform: uppercase;font-weight: 500;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;font-size:0;padding-left:1rem;padding-right:1rem;}
.my_meeting_start .mymeeting_code .search_button button:before {content:'';display:inline-block;width:20px;height:10px;background: url(/img/cmm/ico_meeting_cam.svg) no-repeat center top;}


.localtime {align-self: flex-end;margin-bottom:1rem;margin-top:1rem}


@media (min-width: 768px) {
	
	.my_meeting_start {flex-direction:row;align-items: center;}
	.my_meeting_start > div {width:auto;text-align:left}
	.my_meeting_start .mymeeting_txt {padding-bottom:0;padding-right:1.5rem}
	.my_meeting_start .mymeeting_code .search_button button {font-size:1.3rem;padding-left:2rem;padding-right:2rem;}
	.my_meeting_start .mymeeting_code .search_button button:before {margin-right:0.5rem;}
	
	
	.my_meeting_start .mymeeting_code {width:40rem;}
	.localtime {margin-top:0}

}

/* calender */

.my_meeting_schedule {margin-top:2rem}

.sch_tbl {position:relative;width:100%;height:90rem;overflow:hidden;border:1px solid #e0e0e0;}

.sch_tbl .sch_thead {position:absolute;top:0;left:0;width:100%;z-index: 10;border-bottom:1px solid #e0e0e0;box-shadow: 0 0 12px rgba(0,0,0,0.1)}
.sch_tbl .sch_thead .sch_tr {display:flex;justify-content: flex-end;background:#fff;padding:2rem 0}
.sch_tbl .sch_thead .sch_tr .sch_th_first {width:7%;}
.sch_tbl .sch_thead .sch_tr .sch_th {width:31%;text-align: center;border-right:1px solid #eee}
.sch_tbl .sch_thead .sch_tr .sch_th .date {font-size:2.4rem;font-weight:bold;}

.sch_tbl .sch_tbody {padding-top:100px;height:100%;overflow-y: auto}
.sch_tbl .sch_tbody .sch_tr {display:flex;justify-content: flex-end}
.sch_tbl .sch_tbody .sch_tr .sch_th {width:7%;text-align: center;font-size:1.3rem;color:var(--txt-gray)}
.sch_tbl .sch_tbody .sch_tr .sch_td {width:31%;min-height:122px;border-bottom:1px solid #eee;border-left:1px solid #eee}


.sch_item {position:relative;background:#4C77DB;border-radius:0.6rem;-webkit-border-radius:0.6rem;padding:1.2rem 1.5rem}
.sch_item > * {color:#fff;}
.sch_item .info:before,
.sch_item .info:after,
.sch_item .btn_area:before,
.sch_item .btn_area:after {clear:both;display:block;content:'';}

.sch_item .title {font-size:1.5rem;line-height:1.4;font-weight:500;width:80%;white-space: nowrap;overflow: hidden;text-overflow:ellipsis}
.sch_item .info {margin-top:0.3rem}
.sch_item .info > span {float:left;font-size:1.3rem;opacity:0.7}
.sch_item .btn_area {margin-top:1rem}

.sch_item .btn_area > div {float:left;width:50%;padding:0.4rem}
.sch_item .btn_area > div a {display:inline-block;border-radius:5rem;-webkit-border-radius:5rem;width:100%;text-align: center;color:#fff;font-size:1.2rem;line-height:12px;padding:0.8rem;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;}
.sch_item .btn_area > div a.btn_meeting_cancel {border:1px solid rgba(255,255,255,0.3);}
.sch_item .btn_area > div a.btn_meeting_cancel:before {content:'';display:inline-block;width:12px;height:12px;background: url(/img/cmm/ico_meeting_del.svg) no-repeat 50% 80%;margin-right:0.5rem;background-size:8px}
.sch_item .btn_area > div a.btn_meeting_share {background-color:rgba(0,0,0,0.2)}
.sch_item .btn_area > div a.btn_meeting_share:before {content:'';display:inline-block;width:12px;height:12px;background: url(/img/cmm/ico_meeting_copy.svg) no-repeat center bottom;margin-right:0.5rem;background-size:10px}

.sch_item .start_meeting {position:absolute;top:1.3rem;right:1.3rem;display:block;width:42px;height:42px;border-radius:50%;-webkit-border-radius:50%;
						border:2px solid rgba(255,255,255,0.7);background: url(/img/cmm/ico_meeting_cam.svg) no-repeat center center;background-size:18px;
						transition:all .2s ease-out;-webkit-transition:all .2s ease-out;}


.sch_tbl .sch_tbody .sch_tr .sch_td:nth-child(2) .sch_item {background:#47CEA5}
.sch_tbl .sch_tbody .sch_tr .sch_td:last-child .sch_item {background:#36BAE2}



@media (min-width: 992px) {
	
	.sch_item .start_meeting:hover {border-color:#fff}
	.sch_item .btn_area > div a.btn_meeting_cancel:hover {border-color:rgba(255,255,255,0.5)}
	.sch_item .btn_area > div a.btn_meeting_share:hover {background-color:rgba(0,0,0,0.3)}

}





.my_meeting_schedule2 .sch_tbl .sch_tbody .sch_tr .sch_td {width:100%;}
.my_meeting_schedule2 .sch_tbl .sch_thead .sch_tr .sch_th .date {margin-left:auto;margin-right:auto;font-size:2.2rem;color:var(--txt-gray);line-height:46px;margin-top:0.4rem}
.my_meeting_schedule2 .sch_tbl .sch_thead .sch_tr .sch_th.current .date {background:var(--txt-blue);border-radius: 50%;-webkit-border-radius: 50%;color:#fff;width:46px;height:46px;}

.my_meeting_schedule2 .sch_tbl .sch_tbody {padding-top:115px}


.my_meeting_schedule2 .sch_tbl .sch_tbody .sch_tr:first-child .sch_td .sch_item2 {background:#47CEA5}

.my_meeting_schedule2 .sch_tbl .sch_tbody .sch_tr:nth-child(2) .sch_td .sch_item2 {background:#47CEA5}
.my_meeting_schedule2 .sch_tbl .sch_tbody .sch_tr:nth-child(3) .sch_td .sch_item2 {background:#36BAE2}
.my_meeting_schedule2 .sch_tbl .sch_tbody .sch_tr:nth-child(4) .sch_td .sch_item2 {background:#36BAE2}
.my_meeting_schedule2 .sch_tbl .sch_tbody .sch_tr:nth-child(5) .sch_td .sch_item2 {background:#4C77DB}
.my_meeting_schedule2 .sch_tbl .sch_tbody .sch_tr:nth-child(6) .sch_td .sch_item2 {background:#4C77DB}



.sch_item2 {position:relative;background:#4C77DB;border-radius:0.6rem;-webkit-border-radius:0.6rem;padding:2rem 2.4rem 2.2rem}
.sch_item2 > * {color:#fff;}
.sch_item2 .info:before,
.sch_item2 .info:after,
.sch_item2 .btn_area:before,
.sch_item2 .btn_area:after {clear:both;display:block;content:'';}


.sch_item2 .title {font-size:1.7rem;line-height:1.4;font-weight:500;width:80%;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;color:#fff;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;}
.sch_item2 .info {margin-top:0.3rem}
.sch_item2 .info > span {position:relative;display:block;float:left;font-size:1.4rem;opacity:0.8;margin-right:1rem;padding-right:1rem;}
.sch_item2 .info > span a {color:#fff}
.sch_item2 .info > span:not(:last-child):after {content:'';display:inline-block;width:1px;height:10px;background:rgba(255,255,255,0.6);position:absolute;top:0;right:0;bottom:0;margin:auto auto}
.sch_item2 .lang {font-size:1.3rem;margin-top:0.3rem;opacity:0.7;}



.sch_item2 .sch_item_right {display: flex;align-items: center;justify-content:space-between;height:100%;margin-top:0.8rem}
.sch_item2 .sch_item_right .btn_area:first-child {margin-right:3rem}
.sch_item2 .sch_item_right .btn_area {display: flex;align-items: center;justify-content: center;}
.sch_item2 .sch_item_right .btn_area > div:not(:last-child) {border-right:1px solid rgba(255,255,255,0.1);height:100%;}
.sch_item2 .sch_item_right .btn_area a {display:block;color:#fff;padding:0 2rem;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;}
.sch_item2 .sch_item_right .btn_area a:before {content:'';display:block;width:100%;height:20px;margin-bottom:0.5rem;}

.sch_item2 .sch_item_right .btn_area a.btn_meeting_cancel:before {background: url(/img/cmm/ico_meeting_del.svg) no-repeat 50% 80%;background-size:12px}
.sch_item2 .sch_item_right .btn_area a.btn_meeting_share:before {background: url(/img/cmm/ico_meeting_copy.svg) no-repeat 50% 80%;background-size:14px}
.sch_item2 .sch_item_right .btn_area a.btn_meeting_done:before {background: url(/img/cmm/ico_meeting_done.svg) no-repeat 50% 80%;background-size:14px}

.sch_item2 .start_meeting {display:block;width:50px;height:50px;border-radius:50%;-webkit-border-radius:50%;
						border:2px solid rgba(255,255,255,0.7);background: url(/img/cmm/ico_meeting_cam.svg) no-repeat center center;background-size:22px;
						transition:all .2s ease-out;-webkit-transition:all .2s ease-out;}
						

@media (min-width: 992px) {
	
	.sch_item2 .sch_item_right {margin-top:0;justify-content:flex-end;}
	
	.sch_item2 .title:hover,
	.sch_item2 .sch_item_right .btn_area a:hover {opacity:0.8}
	
	.sch_item2 .info > span a:hover {text-decoration: underline}
	
	
}

/* ---------------------------- 추가 ------------------------------- */


/* 배지 결제 완료 */

.done {position:relative;background:#fff;border-radius:0.6rem;border-radius:0.6rem;}
.done .txtbox {width:70%;margin-left:auto;margin-right:auto;text-align: center;}
.done .txtbox .title_h2 {line-height:1.25}

.done .done_inner {max-width:700px;margin:0 auto;padding-top:3rem;display:none}
.done .done_info_box {border:1px solid #e0e0e0;height:100%;padding:1rem;border-radius:0.6rem;-webkit-border-radius:0.6rem;}
.done .done_info_box p {border-bottom:1px solid #e0e0e0;padding-bottom:1.5rem}
.done .company_info dt,
.done .company_info dd {padding-top:0.3rem;padding-bottom:0.3rem}


@media (min-width: 992px) {
	
	.done .done_inner {padding-top:5.5rem}
	.done .done_info_box {padding:1.6rem 2.5rem}
	.done .done_inner {display:block;}

}