@charset "utf-8";

/* home */
.summary_area {display: flex; align-items: flex-start; margin: 0 -10px 20px}
.summary_area .summary { width: calc(50% - 20px); margin: 0 10px}
.summary_area .summary .head {display: flex; align-items: baseline; justify-content: space-between; height: 130px}
.summary_area .summary .head .name em {display: block; color: #B7CFFF; margin-bottom: 5px}
.summary_area .summary .head .name strong {display: flex; align-items: center; font-size: 30px; font-weight: 500}
.summary_area .summary .head .info span {display: flex; align-items: center; justify-content: center; height: 30px; line-height: 30px; padding: 0 20px; border: 1px solid #fff; font-size: 14px; border-radius: 50px; margin-bottom:5px}
.summary_area .summary .head .info span i {display: inline-block; width: 14px; height: 14px; background:url('/images/ico/bbs_check.svg') no-repeat center center; background-size: contain; margin-right: 4px}
.summary_area .summary .cont {display: flex; align-items: center; width: 100%}
.summary_area .summary .cont .in {display: flex; align-items: center; justify-content: center; flex-direction: column; width: calc(100% / 3); margin-right: 15px}
.summary_area .summary .cont .in:nth-child(1),
.summary_area .summary .cont .in:nth-child(2) {border-right: 1px solid #488CE9}
.summary_area .summary .cont .in:last-child {margin: 0}
.summary_area .summary .cont .in a {display: block; width: 100%}
.summary_area .summary .cont .in strong {display: block; margin-bottom: 10px; font-size: 16px; font-weight: 500; font-weight: normal}
.summary_area .summary .cont .in p {font-size: 20px}

.summary_area .etc { width: calc(50% - 20px); margin: 0 10px}
.summary_area .etc .num_list {display: flex; align-items: center; justify-content: space-between; height: 83px;}
.summary_area .etc .num_list li {display: flex; align-items: center; justify-content: center; flex-direction: column; width: calc(100% / 3)}
.summary_area .etc .num_list li:nth-child(1),
.summary_area .etc .num_list li:nth-child(2) {border-right: 1px solid #ddd}
.summary_area .etc .num_list a {text-align: center}
.summary_area .etc .num_list strong {font-size: 30px; font-weight: 500; margin-bottom: 10px}
.summary_area .box_btn {display: flex; align-items: center; justify-content: space-between; background: #fff; width: calc(100% - 80px); height: 80px; padding: 0 40px;  border-radius:20px; margin-top: 20px}
.summary_area .box_btn em {display: flex; align-items: center; font-size: 20px; font-weight: 600}
.summary_area .box_btn em .label {display: inline-block; width: 24px; height: 24px; background:url('/images/ico/bbs_label.svg') no-repeat center center; background-size: contain; margin-right: 4px}
.summary_area .box_btn span {font-size: 16px; color: #1778FB; display: inline-block; padding-right:24px; background:url('/images/ico/arrow_next_blue.svg') no-repeat right center; background-size: 24px;}

.direct_menu_wrap {display: flex; justify-content: space-between; margin: 20px -10px 0}
.direct_menu_wrap .box_wh {width:calc(100% / 3); margin: 0 10px}
.direct_menu_wrap .box_wh .head {display: flex; align-items:flex-start; justify-content: space-between; height: 50px; border-bottom: 1px solid #eee}
.direct_menu_wrap .box_wh .head .title {display: flex; align-items: center}
.direct_menu_wrap .box_wh .cont {padding: 20px 0 0 0}
.direct_menu_wrap .box_wh .cont .data {display: flex; align-items:flex-start; justify-content: space-between; margin-bottom: 10px}
.direct_menu_wrap .box_wh .cont .data em {font-weight: 600}
.direct_menu_wrap .box_wh .cont .data span {color: #9da0a5}
/* 2024-05-10 LEE */
.direct_menu_wrap .in {margin: 0 10px;}
.direct_menu_wrap .in .head {margin-bottom: 20px}
.direct_menu_wrap .in.num {width: calc(100% / 3);}
.direct_menu_wrap .in.num input[type="text"] {min-width: auto}

.direct_menu_wrap .box_wh .row {margin-top: 20px}
.direct_menu_wrap .box_wh .row .state {display: flex; align-items: center; }
.direct_menu_wrap .box_wh .row .state p {margin-left: 20px}
.direct_menu_wrap .box_wh .row .state .score strong {font-size: 24px; font-weight: 600}
.direct_menu_wrap .box_wh .row .state .star {color: #163989}
.direct_menu_wrap .box_wh .row .state .review {color: #999}


.direct_menu_wrap2 {display: flex; align-items: flex-start; justify-content: space-between; margin: 40px -10px 0;}
.direct_menu_wrap2 .in {margin: 0 10px;}
.direct_menu_wrap2 .in .head {margin-bottom: 20px}
.direct_menu_wrap2 .in.num {width: calc(100% / 3);}
.direct_menu_wrap2 .in.num input[type="text"] {min-width: auto}
/*.direct_menu_wrap2 .in.score {width: calc(100% / 3 * 2)}*/
.direct_menu_wrap2 .in.score {width: calc(100% / 3);}
.flow_banner {display: flex; align-items:center; width: 100%; height: 68px; background: #1778FB; color: #fff; white-space: nowrap; box-sizing: border-box; overflow: hidden; border-radius: 100px}

/* 24-04-19 LEE */
.direct_menu_wrap2 .box_wh {width:calc(100% / 3); margin: 0 15px}
.direct_menu_wrap2 .box_wh .head {display: flex; align-items:flex-start; justify-content: space-between; height: 50px; border-bottom: 1px solid #eee}
.direct_menu_wrap2 .box_wh .head .title {display: flex; align-items: center}
.direct_menu_wrap2 .box_wh .cont .data {display: flex; align-items:flex-start; justify-content: space-between; margin-bottom: 10px}
.direct_menu_wrap2 .box_wh .cont .data em {font-weight: 600}
.direct_menu_wrap2 .box_wh .cont .data span {color: #9da0a5}
/* 24-04-19 LEE */

/* 포인트관리 */
.point_list .head {display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px}
.point_list .head .flex_row li {margin-left: 8px}
.point_area {display: flex; align-items: flex-start; margin: 0 -10px 20px}
.point_area .summary { width:calc(72%); margin: 0 10px}
.point_area .summary .cont {display: flex; align-items:center; justify-content: space-between}
.point_area .summary .cont strong {display: block; margin-bottom: 20px;}
.point_area .summary .cont p {font-size: 24px; font-weight: 600}
.point_area .summary i,
.point_area .summary .cont .in {opacity: .5}
.point_area .summary .cont .sum {opacity:1; border-right: 1px solid rgba(255, 255, 255, 0.3); padding-right: 30px}
.point_area .summary .boxWrap.navy, 
.point_area .w_shop {height: 150px; box-sizing: border-box}
.point_area .w_shop {display: block;  width:calc(28%); margin: 0 10px;  background:url('/images/etc/bg_shop.png') no-repeat center center; background-size: cover; }
.point_area .w_shop .title {color: #fff}

/* 평판관리 */
.repute_area {margin: 0 -10px}
.repute_area .layout_row:first-child {margin-bottom: 20px}
.repute_area .layout_row {width: 100%; display: flex; align-items: flex-start;}
.repute_area .layout_row .info {width: 65%; margin: 0 10px; height: 250px}
.repute_area .layout_row .info {display: flex; align-items: center; justify-content:center}
.repute_area .layout_row .info img {width: 130px; margin-right: 30px}
.repute_area .layout_row .info dl {color: #fff}
.repute_area .layout_row .info dt {font-size: 28px; font-weight: 600; margin-bottom: 10px; font-family: 'Pretendard'}
.repute_area .layout_row .info dd {line-height: 1.5}
.repute_area .layout_row .score {width: 35%; margin: 0 10px; height: 250px}
.repute_area .layout_row .score .head {display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px}
.repute_area .layout_row .ex {width: 65%; margin: 0 10px; height: 500px}
.repute_area .layout_row .ex .head {margin-bottom: 40px}
.repute_area .layout_row .ex .head p {color: #999; margin-top: 10px}
.repute_area .layout_row .ex .row:first-child {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee}
.repute_area .layout_row .ex .row strong {display: flex; align-items: center; margin-bottom: 10px; font-weight: 600; font-size: 20px}
.repute_area .layout_row .ex .row strong .ico_shield {margin-right: 8px}
.repute_area .layout_row .cs {display: flex; justify-content: space-between; flex-direction: column; width: 35%; margin: 0 10px; height: 500px}
.repute_area .layout_row .cs .head {display: flex; justify-content: space-between; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee}
.repute_area .layout_row .cs .head strong {display: flex; align-items: center; margin-bottom: 10px; font-weight: 600; font-size: 20px}
.repute_area .layout_row .cs .cont .title {display: flex; align-items: center; margin-bottom: 10px}
.repute_area .layout_row .cs .cont .block_tit {font-size: 20px}
.repute_area .layout_row .cs .cont .ico_thumb_up {margin-right: 8px}
.repute_area .layout_row .cs .pic {text-align: center}
.repute_area .layout_row .cs .cont p {color: #5d6066; line-height: 1.5}
.repute_area .layout_row .cs .cont small {color: #999}

.dot_list li {display: block; position: relative; padding-left: 15px; color: #5d6066; margin-bottom: 10px; font-size: 20px}
.dot_list li:last-child {margin: 0}
.dot_list li:before {content: ""; display: block; width: 4px; height: 4px; background: #D9D9D9; border-radius: 100%; position: absolute; left: 0; top:10px}

/* 나의 평판관리 */
.myrepute_area {}
.myrepute_area .layout_row {display: flex; align-items: flex-start; margin: 0 -10px 20px}
.myrepute_area .layout_row .score {width: 35%;margin: 0 10px; height: 250px}
.myrepute_area .layout_row .synthesis {width:calc(100% - 35%); margin: 0 10px; height: 250px}
.myrepute_area .layout_row .synthesis .head {display: flex; align-items:flex-start; justify-content: space-between}
.box_wh.detail_score {margin-bottom: 20px}
.box_wh.detail_score .head {margin-bottom: 20px}
.box_wh.detail_score .box {padding: 30px; border: 1px solid #eee; border-radius: 32px;}
.box_wh.detail_score .box:last-child {margin: 0}
.box_wh.detail_score .box .title {display: flex; align-items: center; border-bottom: 1px solid #eee; font-weight: 600; font-size: 20px; padding-bottom: 10px; margin-bottom: 20px}
.box_wh.detail_score .box .title i {font-size: 14px; font-weight: 400; color: #999; margin-left: 5px}
.box_wh.detail_score .box .title span {margin-right: 5px}
.box_wh.detail_score .box .list li {display: flex; align-items: center; justify-content: space-between}
.box_wh.detail_score .box .list .num {color: #5d6066}
.box_wh.detail_score .box .list .num strong {color: #163989}
.box_wh.detail_score .row {display: flex; align-items:flex-start; margin: 0 -10px 20px}
.box_wh.detail_score .row .box {width:calc(50% - 20px); margin: 0 10px;}
.box_wh.detail_score .even {display: flex; flex-wrap: wrap; margin: 0 -20px}
.box_wh.detail_score .even li {flex: 1 1 40%; margin: 0 20px}
.box_wh.detail_score .box.repute .detail {display: flex; align-items: flex-start; justify-content: space-between}
.box_wh.detail_score .box.repute .detail .list {width:calc(50% - 20px)}

.box_wh.say {margin-bottom: 20px}
.box_wh.say .head {display: flex; align-items: center; justify-content: space-between;  border-bottom: 1px solid #eee; padding-bottom: 20px;}
.box_wh.say .head .state {display: flex; align-items: center; }
.box_wh.say .head .state p {margin-left: 20px}
.box_wh.say .head .state .score strong {font-size: 24px; font-weight: 600}
.box_wh.say .head .state .star {color: #163989}
.box_wh.say .head .state .review {color: #999}

.review_list .row {display: block; border-bottom: 1px solid #eee; padding: 20px 0}
.review_list .row .state {display: flex; align-items: center; margin-bottom: 20px}
.review_list .row .score strong {font-weight: 600;  margin-right: 10px}
.review_list .row .star {color: #163989; margin-right: 10px}
.review_list .id {color: #999}

.box_wh.happycall .head {display: flex; align-items: center; justify-content: space-between}
.box_wh.happycall .head .state {display: flex; align-items: center;}
.box_wh.happycall .head .state .score {margin-left: 20px}
.box_wh.happycall .head .state .score strong {font-size: 24px; font-weight: 600; color: #163989;}

/* 프로필 */
.mypage_profile {}
.mypage_profile .head {display: flex; align-items: center; justify-content: space-between; background:#163989; padding: 40px; color: #fff; border-top-left-radius: 30px; border-top-right-radius: 30px}
.mypage_profile .profile_txt {display: flex; align-items: center;}
.mypage_profile .profile_txt .thumb {display: block; width: 100px; height: 100px; border-radius: 100%; overflow: hidden; background-color: rgba(255,255,255,.2); margin-right: 20px}
.mypage_profile .profile_txt .thumb img {width: 100%; height: auto}
.mypage_profile .head .name em {color: #B7CFFF}
.mypage_profile .head .info span {display: flex; align-items: center; justify-content: center; height: 30px; line-height: 30px; padding: 0 20px; border: 1px solid #fff; font-size: 14px; border-radius: 50px; margin-bottom:5px}
.mypage_profile .head .info span i {display: inline-block; width: 14px; height: 14px; background:url('/images/ico/bbs_check.svg') no-repeat center center; background-size: contain; margin-right: 4px}
.mypage_profile .content {background: #fff; padding: 40px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px}
.mypage_profile .content .title_area {border-left: 2px solid #163989; padding-left: 20px; margin-bottom: 40px}
.mypage_profile .content .title_area .title {display: flex; align-items: center; font-size: 20px; font-weight: 600}
.mypage_profile .content .title_area .etc {color: #9da0a5; font-size: 16px}
.mypage_profile .content .cont {line-height: 1.5}


/* 전자명함 */
.box_wh.card_input {display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 40px}
.box_wh.card_input .preview_area {width:calc(100% - 40vw); padding:30px 40px 0 0; display: flex; align-items: center; justify-content: center; flex-direction: column}
.box_wh.card_input .preview_area .btn_wrap {margin-top: 30px}
.box_wh.card_input .input_area {position: relative; width: 40vw; margin-top: 40px}
.box_wh.card_input .input_area .title {position: absolute; left: 50%; top:-30px; transform: translate(-50%, 0); display: flex; align-items: center; justify-content: center; background: #fff; height: 50px; padding: 0 30px; border-radius: 32px; color: #163989; font-weight: 600; 
	box-shadow:
  	0px 1.4px 3.6px rgba(0, 0, 0, 0.031),
  	0px 3.8px 10px rgba(0, 0, 0, 0.045),
  	0px 9px 24.1px rgba(0, 0, 0, 0.059),
  	0px 30px 80px rgba(0, 0, 0, 0.09);
}
.box_wh.card_input .input_area .box {border: 1px solid #eee; border-radius: 32px; padding:60px 40px 40px; box-sizing: border-box}
.box_wh.card_input .input_area .box .list li {margin-bottom: 20px}
.box_wh.card_input .input_area .box .list li:last-child {margin: 0}
.box_wh.card_input .input_area .btn_wrap {margin-top: 20px;}
.box_wh.card_input .input_area .btn_wrap .btn_r {width: 100%}
.box_wh.card_input .input_area .s_info {margin-top: 20px; text-align: center; color: #999; font-size: 14px}
.card_temp {position: relative; margin: 0 20px}
.card_temp .ico_refresh,
.card_temp .ico_refresh {position: absolute; top:15px; right: -20px}
.card_temp_list {display: flex; align-items: flex-start; flex-wrap: wrap; margin-top: 40px}
.card_temp_list .row {display: flex; align-items: flex-start; justify-content: center; width: 50%; margin-bottom: 20px}
.card_temp_list .card_temp {margin: 0 40px; position: relative}
.card_temp_list .card_temp .ico_more {position: absolute; top: 15px; right: -20px;}
/* 24-04-05 LEE */
.card_temp_list .card_temp .ico_carddelete {position: absolute; top: 15px; right: -20px;}

.in_input {position: relative;}
.in_input .ico_delete {text-indent: -9999px; position: absolute; right: 20px; top:50%; transform: translate(0, -50%)}
.in_input .ico_plus_bk2 {text-indent: -9999px; position: absolute; right: 20px; top:50%; transform: translate(0, -50%)}

/* 지역검색광고 */
.box_wh.ad_list {margin-bottom: 40px}
.box_wh.ad_list .btn_tab {margin-bottom: 20px}
.ad_list .ad_box {margin-top: 20px}

.ad_box .setting li {display: flex; align-items: flex-start; justify-content: space-between; }
.ad_box .head {display: flex; align-items: center; justify-content: space-between; height: 60px;  border-top-left-radius: 20px; border-top-right-radius: 20px; color: #fff; background: #1778FB; padding: 0 40px;}
.ad_box .head  h2 {font-size: 24px; font-weight: 600}
.ad_box .cont {border: 1px solid #eee; border-top:0; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px}
.ad_box .cont .row {display: flex; align-items: flex-start; justify-content: space-between; padding: 24px 40px; border-bottom: 1px solid #eee}
.ad_box .cont .row:last-child {border: 0}
.ad_box .cont .wp {font-size: 20px; font-weight: 600}
.ad_box .cont .title_20 {width: 220px}
.ad_box .cont .setting {width: calc(100% - 220px)}
.ad_box .cont .setting li {position: relative; display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; padding-right: 240px}
.ad_box .cont .setting li:last-child {margin: 0}
.ad_box .cont .setting select,
.ad_box .cont .setting input {width: 100%; text-align: center}
.ad_box .cont .setting i {margin-left: 5px; color: #999}
.ad_box .cont .setting .btn_wrap {position: absolute; right: 0; top:0;}
.ad_box .cont .setting .btn_r {margin-left:5px; padding: 0 30px; font-size: 16px}

.box_wh.noti .head {display: flex; align-items: center; margin-bottom: 20px}
.box_wh.noti .head .title {display: flex; align-items: center;}
.box_wh.noti .head .title .ico_24 {margin-right: 5px}

.slide_cont {position: relative; padding: 40px; background: #163989; margin-bottom: 40px; border-radius: 32px; color: #fff}
.slide_cont .box {display: flex; align-items: center; justify-content: center}
.slide_cont .box .txt {margin-left: 20px}
.slide_cont strong {display: block; font-size: 20px; margin-bottom: 10px; font-weight: 600}
.slide_cont p {font-weight: 300}
.slide_cont .arrow_prev_wh {position: absolute; left: 40px; top:50%; transform: translate(0, -50%); text-indent: -9999px}
.slide_cont .arrow_next_wh {position: absolute; right: 40px; top:50%; transform: translate(0, -50%); text-indent: -9999px}

/* 2024-05-07 LEE */
.lbox {display: inline-block; width: 60%; text-align: center; border: 2px solid #dddd; border-radius: 32px; padding: 20px;box-sizing: border-box; margin:10px 0 50px 0}
.lbox .txt1 {font-size: 20px; font-weight: 600; color: #FF0000; margin:10px 0}
.lbox .txt2 {font-size: 18px; margin:10px 0}
.tbl_r2 {display: inline-block;width: 60%;text-align: center; border: 1px solid #ddd; box-sizing: border-box; border-radius: 20px; overflow: hidden}
.tbl_membership2 th {background: #163989; color: #fff; text-align: center; height: 60px}
.tbl_membership2 th:nth-child(1) {background: #285DD8}
.tbl_membership2 th:nth-child(2) {background: #1946AF}
.tbl_membership2 th p {color: #fff; font-weight: 600; font-size: 20px}
.tbl_membership2 td {text-align: center; padding: 20px 0; vertical-align: top; border-right: 1px solid #ddd;}
.tbl_membership2 td:last-child {border: 0;}
.tbl_membership2 td p {line-height: 1.6; color: #9da0a5}
.tbl_membership2 td strong {font-weight: 600; display: block; margin-bottom: 5px; font-size: 20px}


.login_wrap .input_area2 {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 560px; height: 100%; flex-shrink: 0; box-sizing: border-box;}

.info_blue {background: #1778FB; border-radius:32px; padding: 20px; box-sizing: border-box; color: #fff; margin:20px 0}
.info_blue dl {color: #fff; text-align: center; }
.info_blue dt {font-size: 23px; font-weight: 600; margin-bottom: 10px; font-family: 'Pretendard'}
.info_blue dd {line-height: 1.5}

.monthly_fee2 {display: flex; width: 400px; align-items: flex-start; flex-wrap: wrap; overflow: hidden;}
.monthly_fee2 li {width: 100%; text-align: center; border: 1px solid #ddd; box-sizing: border-box; border-radius: 20px; margin-top:20px;}
.monthly_fee2 .fee_info {display: flex; align-items: center; justify-content: center; height: 70px; flex-direction: column;}
.monthly_fee2 .fee_info em {color: #163989; font-size: 20px; font-weight: 600; margin-bottom: 10px}
.monthly_fee2 .fee_info .fee {color: #9da0a5}
.monthly_fee2 .fee_info .fee strong {font-weight: 600; color: #000}
.monthly_fee2 .btn {display: flex; align-items: center; justify-content: center; height: 40px; color: #fff; background: #163989; font-size: 20px; border-box; border-radius: 0 0 20px 20px;}
.monthly_fee2 .btn .ico_cart {margin-left: 5px}
.monthly_fee2 li:nth-child(1) .btn {background: #285DD8}
.monthly_fee2 li:nth-child(2) .btn {background: #1946AF}
.monthly_fee2 li:nth-child(3) .btn {background: #163989}