/***********************************************************************************
* Copyright (C)RFLOGIX since 2010.08.24 (rflogix@rflogix.com)
************************************************************************************
* ● 프로젝트	: 크로닉
* ○ 파일명		: popup_temp.css
************************************************************************************/


/***********************************************************************************
* popup_temp_20200629
***********************************************************************************/

.btn_apply_20200629 {width:calc(100% - 34px); height:50px; display:inline-block; text-align:center; line-height:50px; border:1px solid #d4e5e5; border-radius:12px; background:white; font-size:20px; font-weight:bold; color:#333;}
.popup_temp_20200629.active {z-index:5;}
.popup_temp_20200629 .popup_content {height:calc(100% - 46px - 60px);}
.popup_temp_20200629 .popup_content .notice {width:calc(100% - 48px); line-height:35px; font-size:25px; margin:20px 24px 0 24px;}
.popup_temp_20200629 .popup_content .title {width:calc(100% - 48px); line-height:25px; font-size:17px; margin:20px 24px 0 24px;}
.popup_temp_20200629 .check_wrap {width:25%; float:left;}
.popup_temp_20200629 .check_wrap .checkbox {width:18px; height:18px; margin-right:3px; border:1px solid #979797; border-radius:4px;}
.popup_temp_20200629 .check_wrap.active .checkbox {background:#1ac7c7; border:1px solid #1ac7c7;}
.popup_temp_20200629 .check_wrap.disable .checkbox {background:#aaa; color:#aaa;}
.popup_temp_20200629 .check_wrap.disable .checkbox i {color:#aaa;}
.popup_temp_20200629 .check_wrap .checkbox i {font-size:12px; color:white;}
.popup_temp_20200629 .check_wrap .label {padding:5px 0; flex:1; line-height:25px; font-size:15px; color:#2f2f2f; letter-spacing:1px;}


.popup_temp_20200629 .popup_page {display:none;}
.popup_temp_20200629 .popup_page.active {display:block;}

.popup_temp_20200629 .popup_page.page_2 .notice {display:flex; flex-direction:row;}
.popup_temp_20200629 .popup_page.page_2 .title {display:flex; flex-direction:row;}

.popup_temp_20200629 .popup_page.page_2 .btn_coupon {line-height:25px; padding:0 10px; background:#1ac7c7; color:white; font-size:15px; border-radius:3px;}
.popup_temp_20200629 .popup_page.page_2 .btn_coupon.active {background:#eeeeee;}

.popup_temp_20200629 .btn_apply {left:0; bottom:0; position:absolute; background:#1ac7c7;}

.popup_report{
	width: 87%;
    height: 100%;
    padding: 0 6.5%;
    position: absolute;
    justify-content: center;
    background-color: rgba(0,0,0,0.8);
}

.popup_img_detail{
	width: 87%;
    height: 100%;
    padding: 0 6.5%;
    position: absolute;
    justify-content: center;
    background-color: rgba(0,0,0,0.8);
}


/***********************************************************************************
* popup_temp_20200326

.popup_board .AddHTML .check_wrap {width:calc(100% - 48px); height:47px; margin:20px 24px 0 24px; justify-content:flex-start;}
.popup_board .AddHTML .check_wrap .checkbox {width:18px; height:18px; margin-right:9px; border:1px solid #979797; border-radius:4px;}
.popup_board .AddHTML .check_wrap.active .checkbox {background:#1ac7c7; border:1px solid #1ac7c7;}
.popup_board .AddHTML .check_wrap .checkbox i {font-size:12px; color:white;}
.popup_board .AddHTML .check_wrap .label {padding:10px 0; flex:1; font-size:17px; color:#2f2f2f; letter-spacing:1px;}
.popup_board .btn_apply {margin-top:20px;}

.popup_temp_20200326.active {z-index:5;}
.popup_temp_20200326 .popup_content {height:calc(100% - 46px - 60px);}
.popup_temp_20200326 .popup_content > .notice {width:calc(100% - 48px); line-height:35px; font-size:25px; margin:20px 24px 0 24px;}
.popup_temp_20200326 .popup_content > .title {width:calc(100% - 48px); line-height:25px; font-size:17px; margin:20px 24px 0 24px;}
.popup_temp_20200326 .check_wrap {width:calc(100% - 48px); min-height:47px; margin:0 24px 0 24px; justify-content:flex-start;}
.popup_temp_20200326 .check_wrap .checkbox {width:18px; height:18px; margin-right:9px; border:1px solid #979797; border-radius:4px;}
.popup_temp_20200326 .check_wrap.active .checkbox {background:#1ac7c7; border:1px solid #1ac7c7;}
.popup_temp_20200326 .check_wrap .checkbox i {font-size:12px; color:white;}
.popup_temp_20200326 .check_wrap .label {padding:10px 0; flex:1; line-height:25px; font-size:17px; color:#2f2f2f; letter-spacing:1px;}
.popup_temp_20200326 .check_wrap:last-child {margin-bottom:30px;}
.popup_temp_20200326 .btn_apply {left:0; bottom:0; position:absolute;}

***********************************************************************************/