@charset "utf-8";

#container { margin:185px auto 117px !important; }

.display_none { display:none; }

.searchbtn_list { position:relative; width:95%; margin:130px auto 20px; padding:10px 0 0; overflow:hidden; display:none;}
.searchbtn_list ul { width:102%;  }
.searchbtn_list li { float:left; display:inline-block; width:32%; height:35px; margin-right:1%; margin-bottom:1%; background:#a6a6a6; color:#fff; text-align:center; line-height:31px; cursor:pointer; }
.searchbtn_list li.on { color:#fff; background:#093687; }

/*************************************************** 쿠폰 상단 출력 *****************************************************/
.list_coupon_header { position:relative; margin:0px auto 10px; width:98%; min-height:42px; padding:10px; background:#F6F5F8; border-radius:7px; }
.list_coupon_header dt { position:relative; line-height:22px; color:#272727; font-weight:400; }
.list_coupon_header dt span { color:#0B3C8B; font-weight:500; }
.list_coupon_header dd { position:absolute; right:25px; top:8px; line-height:22px; color:#272727; font-weight:400; }

.point_icon_span { width:20px; height:20px; line-height:20px; font-weight:900; color:#fff; border-radius:10px; text-align:center; background:#093687; border:0; }

/************************************ 복대리 리스트 쿠폰 개수 출력 *************************************/
.coupon_cost_cnt { width:100%; text-align:center; color:red; line-height:30px; font-size:0.8em; letter-spacing:-1px; }



/************************************************* 쿠폰 구매하기 *************************************************/
.cp_line{ width:100%; display:flex; justify-content:space-between; margin-bottom:5px; padding: 0 5px; }
.cp_line.on{ border: 1px solid #eee; padding: 5px; background-color: #eee; }
.mycp{ font-size: 1.6em; line-height: 1.7em; border-bottom: 2px solid #9f9f9f; }
.bg_blue{ padding: 7px 13px; border: 1px solid #e9e9e9; border-left: 0; background: #f5f8f9; text-align: left; }
.bg_white{ padding: 7px 3px; color: #666; border-bottom: 1px solid #e9e9e9; }
.cp_price{ color: #093687; font-weight: bold; }
.cp_btnlist{ width: 100%; display:flex; justify-content:space-between; }
.cp_btnlist button{ background:#eee; border:none; border-radius: 3px; color:#093687; font-size: 12px; padding: 5px; }
.cp_btnlist button.on{ background:#093687; color:#fff; }
.cp_inputbox{ border: 1px solid #d0cbcb; height: 30px; line-height: 30px; padding-left: 5px; vertical-align: middle; width: 100%; border-radius: 5px; }
.myinfo_chk{ width: 100%; display: block; margin:10px 0; padding-bottom:10px; border-bottom:1px solid #9f9f9f; }
.cp_ygchk{ display:block; width:100%; margin-bottom:5px; font-size:0.9em; line-height:22px; } 
.cp_last_btn{ display:flex; justify-content:center; margin-top:20px; }
.cp_last_btn button:first-child{ border-radius:3px; background:#eee; border:none; color:#093687; padding:5px; width:100px; margin-right:10px; }
.cp_last_btn button:last-child{ border-radius:3px; background:#093687; border:none; color:#fff; padding:5px; width:100px; margin-right:10px; }

.cp_popup{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff; border-radius:3px; width: 300px; padding:10px; font-size:0.95em; box-sizing:border-box; min-height: 160px; }
.cp_poptit{ text-align:center; font-weight:bold; padding-top: 10px; }
.hide{ display:none; }
.cp_an{ text-align:center; margin:10px 0; }
.cp_an2{ margin:10px 0; font-size:0.8em; }
.cp_an_btnlist{ display:flex; justify-content:center; width:100%; }
.cp_an_btnlist button:first-child{ margin-right:10px; background: #eee; border: none; border-radius: 3px; color: #093687; font-size: 12px; padding: 5px; width: 80px; }
.cp_an_btnlist button:last-child{ border: none; border-radius: 3px; background: #093687; color: #fff; font-size: 12px; padding: 5px; width: 80px; }
.wrong_case p{ margin-top:10px; text-align: center; }
.wrong_case button{ border: none; border-radius: 3px; background: #093687; color: #fff; font-size: 12px; padding: 5px; width: 80px; margin: 10px auto 0; display:block; }

.cp_popup_wrap {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000; /* z-index 명시 */
    display: flex; /* 내부 요소 중앙정렬 용도 */
    align-items: center;
    justify-content: center;
}

.cp_popup_wrap.hide {
    display: none !important; /* iOS에서도 완전히 숨기도록 */
}

/********************* 쿠폰 신청 페이지 스타일 ***********************************************************/
#coupon_order_wrap { position:relative; width:98%; margin:-70px auto 0; }

/*************************************** 쿠폰이용내역 **********************************/
.coupon_body { width:100%; min-height:700px; padding:2%; background:#E9E9E9; }
.coupon_list { position:relative; width:100%; min-height:95px; background:#ffffff; border-radius:7px; padding:3%; margin:2% auto; }
.coupon_list dt { width:25%; text-align:center; border-right:1px solid #d9d9d9; font-size:0.8em; color:#093687; line-height:24px; font-weight:400; }
.coupon_list dt span.price { font-size:1.4em; font-weight:500; }
.coupon_list dt span.minus { color:red; font-weight:500; }
.coupon_list dd { position:absolute; top:12%; left:30%; font-size:0.9em; color:#333333; line-height:24px; font-weight:400; }
.coupon_list dd a { border: 0px; padding: 5px; font-size: 0.9em; border-radius: 3px; background-color: #093687; color: white; }
.coupon_list dd span { color:#000000; font-weight:500; }

/************************************** 복대리 신청 페이지 ***********************************************/
.bformbox { position: relative; margin: 20px auto; width: 100%; }
.bformbox h2 { font-size: 1.6em; line-height: 1.7em; padding-left: 10px; border-bottom: 2px solid #9f9f9f; }
.submit_btns1{ padding: 0 20px; }
.btn:hover, .center>a{ color:#fff; }
a.btn, .btn{ width:45%; height:40px; line-height:40px; margin:0 5px; font-size:16px; font-weight:normal; }
.close_btns1{ display:none; }

/*********************************************** 나의 계약 상세 페이지 ********************************************************/
.link-icon { position: relative; display: inline-block; width: auto;    font-size: 14px; font-weight: 500; color: #333; margin-right: 10px; padding-top: 50px; }
.link-icon.twitter { background-image: url(./images/icon-twitter.png); background-repeat: no-repeat; }
.link-icon.facebook { background-image: url(./images/icon-facebook.png); background-repeat: no-repeat; } 
.link-icon.kakao { background-image: url(./images/icon-kakao.png); background-repeat: no-repeat; }
input.hiddens { border:0; width:80%; height:25px; background:#f4f4f4;  }
input.hiddens2 { border:0; width:80%; height:25px;}

.notchk_pop{ width:250px; margin:0 auto; border-radius: 7px; background:#fff; position: fixed; top:50%; left:50%; transform:translate(-50%,-50%); height: 150px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; display:none; }
.notchk_pop p{ position:absolute; top:20px; left:50%; width: 160px; transform:translateX(-50%); text-align:center; }
.notchk_pop button{ border:none; }
.notchk_pop .notchk_yes{ width:200px; color: #fff; background: #093687; position: absolute; bottom:50px; left:50%; transform:translateX(-50%); border-radius:7px; padding:3px 0; }
.notchk_pop .notchk_no{ width:200px; color: #093687; border:1px solid #093687; background: #fff; position: absolute; bottom:15px; left:50%; transform:translateX(-50%); border-radius:7px; padding:3px 0; }
.ansim{ color: #093687; font-weight: bold; font-size:10px !important; }
.ansim_tit{ font-size: 14px;  font-weight: 600; text-align: center; }
.go_ansim{ color: #093687; font-weight: bold; }
.notchk{ padding:10px 10px 0; }
.v2r_hitime{ padding:0 10px; }
.v2r_info p{ padding:0 10px; line-height:40px; }
.ansim_middot{ font-size:10px; font-weight: bold; margin:10px 0; }
.ansim_middot span{ color:#093687; text-decoration:underline; }
.ansim_links{ display:flex; justify-content: space-evenly; margin-top:10px; }
.ansim_links a{ width:100px; background: #093687; border-radius: 7px; color: #fff; text-decoration: none; text-align: center; font-size:12px; font-weight:400; }

.my_order_title span { position:absolute; top:47px; right:10px; }
.my_order_title span button { border:0px; background:#093687; padding:4px 10px; border-radius:3px; color:#fff; }

/************************************************** 간편상담 리스트 ******************************************/
input.hiddens2{ border: 0; }
.trial_search { position:relative; width:95%; margin:0px auto 10px; padding:0; overflow:hidden; }
.trial_search ul { width:102%; }
.trial_search li { float:left; display:inline-block; width:17%; height:30px; margin-right:1%; margin-bottom:1%; border:1px solid #666; text-align:center; font-size:0.9em; line-height:28px; cursor:pointer; }
.trial_search li.on { color:#fff; background:#093687; }
.trial_search li.off { color:#000; background:#959595; }
.trial_search li.basic { color:#093687; font-weight:500; }
.trial_search li:last-child { margin-left:9%; background: #093687; color:#fff; font-size: 0.9em; }

/********************************************************* 내정보 페이지 ***************************************************/
.fa-angle-left { font-size: 3.0em; font-weight: 900; }
.frm_radio input[type="radio"]+label{width:28%;}

.my_info_menu { position:relative; width:95%; margin:0px auto 10px; padding:0; overflow:hidden; }
.my_info_menu ul { width:102%; }
.my_info_menu li { float:left; display:inline-block; width:17%; height:30px; margin-right:2%; margin-bottom:1%; border:1px solid #666; text-align:center; font-size:0.9em; line-height:28px; cursor:pointer; }
.my_info_menu li.on { color:#fff; background:#093687; }

/*************************************** 블랙리스트 **********************************/
.black_body { width:100%; min-height:700px; padding:2%; background:#E9E9E9; }
.black_list { position:relative; width:100%; min-height:45px; background:#ffffff; border-radius:7px; padding:3%; margin:2% auto; }
.black_list dt { width:25%; text-align:center; border-right:1px solid #d9d9d9; font-size:0.8em; color:#093687; line-height:24px; font-weight:400; }
.black_list dt span { font-size:1.2em; font-weight:500; }
.black_list dd { position:absolute; top:20%; left:30%; font-size:0.9em; color:#333333; line-height:24px; font-weight:400; }
.black_list dd a { border: 0px; padding: 5px 10px; font-size: 0.9em; border-radius: 3px; background-color: #093687; color: white; }