/* 공통 디자인 */
body {
    font-family: 'Spoqa Han Sans Neo', 'sans-serif';
    color: #1a1a1a;
}
* {
    box-sizing: border-box;
}
#inner {
    padding: 6rem 0 3rem;
}
/* index */

#indexLoadImg {
    position: relative;
    width: 100%;
    min-height: 100vh;
    background: #fff;
}
.indexLogo {
    position: absolute;
    left: 3rem; top: 35%;
    width: 50%;
}
.indexImg {
    position: absolute;
    right: 3rem; bottom: 6rem;
    height: 23rem;
}

/* header */
.header_main {
    position: fixed;
    left: 0; top: 0;
    width: 100%; height: 6rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    padding: 0 1.5rem;
    z-index: 90;
}
.back_ar {
    position: relative;
    display: block;
    background: url(../img/back-arrow.png) no-repeat center/contain;
    width: 2.5rem; height: 2.5rem;
}
.back_ar::after {
    content: '';
    position: absolute;
    left: 50%; top: 50%;
    transform: translate(-50%, -50%);
    background: transparent;
    width: 4rem; height: 4rem;
    display: block;
}
.header_main a img {
    display: block;
    height: 2rem;
}
.menu_ico {
    position: relative;
    display: block;
    background: url(../img/menu.png) no-repeat center/contain;
    width: 2.5rem; height: 2.5rem;
}
.menu_ico::after {
    position: absolute;
    content: '';
    left: 50%; top: 50%;
    transform: translate(-50%, -50%);
    width: 3.5rem; height: 3.5rem;
    background: transparent;
}
.back {
    display: none;
    position: fixed;
    left: 0; top: 0;
    width: 100%; min-height: 100vh;
    background: rgba(0, 0, 0, 0.3);
    z-index: 95;
}
.back.open {
    display: block;
}
nav {
    position: fixed;
    right: -86%; top: 0;
    width: 85%; height: 100%;
    background: #fff;
    z-index: 99;
    overflow-y: scroll;
    transition: .3s;
}
nav.open {
    right: 0;
}
.nav_logo {
    width: 100%;
    padding: 2rem 1.5rem 0;
    text-align: right;
}
.nav_logo .close_ico {
    display: inline-block;
    background: url(../img/menu/close.png) no-repeat center/contain;
    width: 2rem; height: 2rem;
}
.nav_menu {
    padding: 0 1.5rem 3rem;
}
.nav_menu > li {
    padding: 3rem 0 1rem;
    border-bottom: .1rem solid #EDEDED;
}
.nav_menu > li:first-child {
    padding-bottom: 2rem;
    border-bottom: none;
}
.nav_menu > li:last-child {
    border-bottom: none;
}
.nav_tit {
    display: block;
    font-size: 2rem;
    color: #5BA49B;
    font-weight: bold;
    padding: 0 0 2rem;
}
.nav_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem 1.5rem;
    border: .1rem solid #D9D9D9;
    border-radius: 1rem;
    /* gap: 1rem; */
}
.nav_btn li {
    width: calc(100% / 3);
    height: 7rem;
}
.nav_btn li:nth-child(2) {
    border-left: .1rem solid #F0F0EF;
    border-right: .1rem solid #F0F0EF;
}
.nav_btn li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    height: 100%;
    /* padding: 0 1rem; */
}
.nav_img {
    width: 100%;
    height: 100%;
    text-align: center;
}
.nav_img img {
    width: 4rem;
}
.nav_btn li a span {
    font-size: 1.3rem;
    color: #A5A5A5;
    display: block;
    padding-top: 1rem;
}
.nav_link{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.nav_link a {
    font-size: 1.4rem;
    color: #5B635B;
    display: block;
    padding-bottom: 2rem;
    width: calc(50%);
}

.adsImage {
    width: calc(100% - 3rem);
    margin: 0 auto 2rem;
}
.adsImage img {
    width: 100%;
}
/* home */
.home_search {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 1rem 1.5rem;
    border: .2rem solid #C9DBCC;
    border-radius: 1.3rem;
    padding-left: 1.5rem;
    height: 4rem;
}
.home_search span {
    font-size: 1.4rem;
    color: #707070;
}
.home_search .search_ico {
    background-color: #CCDDCF;
    width: 4rem; height: 100%;
    border-radius: 1rem;
    background-image: url(../img/search.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 1.8rem;
}
.home_swiper_area {
    padding: 0 1.5rem;
    height: 29rem;
}
.home_swiper {
    height: 100% !important;
}
.home_swiper .swiper-wrapper{
    height: 26.6rem;
}
.home_slide {
    border: .1rem solid #EAEBEA;
    border-radius: 2rem;
    height: 26.6rem;
}
.home_slide.shadow {
    box-shadow: rgba(0, 0, 0, 0.1) 1.1px 1.1px 6px;
}
.slide_tit {
    font-family: "Elice Digital Baeum", sans-serif; 
    font-size: 1.8rem;
    font-weight: bold;
    color: #616D60;
    margin: 2.5rem 1.5rem 0;
    padding-bottom: 2rem;
    border-bottom: .1rem solid #F3F3F3;
}
.slide_tit span {
    font-family: "Elice Digital Baeum", sans-serif; 
    font-size: 2.3rem;
    font-weight: bold;
    color: #5D9C59;
}
.home_slide_text {
    padding: 2rem 1.5rem;
}
.home_slide_text li {
    padding-bottom: 1.5rem;
}
.slide_text_area {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.calc_img {
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    border-radius: 2rem;
}
.calc_img.a {
    background-image: url(../img/btn-1.png);
}
.calc_img.b {
    background-image: url(../img/btn-2.png);
}
.calc_img.c {
    background-image: url(../img/btn-3.png);
}
.fl {
    display: flex;
    align-items: center;
}
.fl * {
    font-size: 1.5rem;
}
.slide_text_area p {
    font-size: 1.5rem;
    color: #AAAAAA;
}
.name h3 {
    padding-left: .2rem;
}
.main_money {
    font-size: 1.6rem;
    color: #C0E32C;
}
.home_slide > a {
    display: block;
    height: 100%;
}
.home_slide > a img {
    display: block;
    width: 100%;
    height: 100%;
    /* object-fit: cover; */
}
.swiper-scrollbar.swiper-scrollbar-horizontal {
    opacity: 1 !important;
    bottom: 0 !important;
}
.swiper-scrollbar-drag {
    background: #97D36F !important;
}
.home_view {
    padding: 5rem 1.5rem 3rem;
}
.home_tit {
    font-size: 1.8rem;
    font-weight: 600;
}

.home_btn_area {
    padding-bottom: 3rem;
}
.home_btn_area li {
    margin-bottom: 1.5rem;
}
.home_btn_area li a img {
    width: 100%;
}
.home_recom {
}
.home_recom_wrap {
    padding: 0 1.5rem;
}
.home_recom_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 2rem 1.5rem;
}
.home_recom_inner li {
    width: calc(100% / 2 - .5rem);
    height: 26rem;
    margin-bottom: 1rem;
}
.home_recom_inner li a {
    display: block;
    width: 100%; height: 100%;
    border: .1rem solid #D3DED4;
    border-radius: 1.5rem;
    box-shadow: rgba(0, 0, 0, 0.1) 1.95px 1.95px 2.6px;
}
.recom_img {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 10.5rem;
}
.recom_text {
    padding: 0 1rem;
}
.recom_gray {
    font-size: 1.3rem;
    color: #9E9E9E;
    font-weight: 300;
    display: block;
    padding-bottom: .8rem;
}
.recom_name {
    font-size: 1.6rem;
    font-weight: 500;
    padding-bottom: .8rem;
    word-break: break-all;
}
.recom_ind {
    font-size: 1.4rem;
    line-height: 1.3;
    height: 6rem;
    border-bottom: .1rem solid #D5E1D8;
}
.recom_money {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem 1rem;
}
.recom_money .left_text {
    font-size: 1.5rem;
}
.recom_money .won {
    font-size: 1.4rem;
    color: #ADADAD;
}
.recom_money .color{
    font-size: 1.6rem;
    color: #C8E746;
    font-weight: 500;
    display: inline-block;
    padding-right: .3rem;
}
.save_company {
    margin: 2rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.save_company li {
    width: calc(50% - .5rem);
    padding-bottom: .7rem;
    height: 12rem;
}
.save_company li a {
    display: block;
    border: .1rem solid #D3DFD5;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 5px;
    border-radius: 1rem;
    padding: 1.5rem;
    width: 100%;
    height: 100%;
}
.save_company li a h3 {
    font-size: 1.6rem;
    font-weight: 500;
    color: #4E5B4E;
    margin-bottom: 1.5rem;
    width: 70%;
    word-break: break-all;
    line-height: 1.2;
}
.save_company li a p {
    font-size: 1.4rem;
    color: #9B9B9B;
    line-height: 1.3;
    font-weight: 400;
}
.result_none {
    padding: 3rem 0 1rem;
    font-size: 1.5rem;
    color: #A0A0A0;
}
.result_top {
    display: flex;
    justify-content: space-between;
}
#copyBtn {
    display: block;
}
#copyBtn img {
    width: 100%;
}



/* search */
.main_tit {
    font-size: 1.8rem;
    font-weight: 600;
    padding: 1rem 1.5rem 2.5rem;
}
.input_wrap {
    margin: 0 1.5rem 3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: .2rem solid #C9DBCC;
    border-radius: 1.3rem;
    padding-left: 1.5rem;
    height: 5rem;
}
.search {
    width: 80%;
    font-size: 1.4rem;
    height: 100%;
}
.search:focus {
    font-size: 1.5rem;
}
.search_submit {
    display: block;
    background-color: #CCDDCF;
    width: 4.5rem; height: 100%;
    border-radius: 1rem;
    background-image: url(../img/search.png);
    background-repeat: no-repeat;
    background-position: 55%;
    background-size: 1.8rem;
}
.s_tit {
    padding: 0 1.5rem;
    font-size: 1.7rem;
    font-weight: 500;
}
.history > ul {
    margin: 1.5rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.history > ul li {
    margin: 0 .5rem 1rem 0;
    border: .1rem solid #E3E3E3;
    border-radius: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 1.5rem;
}
.history > ul li a {
    display: block;
    width: 100%;
    padding: .8rem 1rem .8rem 1.3rem;
    font-size: 1.4rem;
    text-align: center;
}
.history > p {
    padding: 4rem 1.5rem;
    font-size: 1.5rem;
    text-align: center;
}
.delete {
    background: url(../img/close.png) no-repeat center/contain;
    width: 1.5rem; height: 1.5rem;
    display: block;
}
.issue_keyword {
    background-color: #F8F8F8;
    padding: 3rem 1.5rem;
}
.issue_tit {
    font-size: 1.8rem;
    font-weight: 500;
    color: #5C9B58;
    padding-bottom: 2rem;
}
.issue_btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.issue_btn li {
    width: calc(100% / 2 - .4rem);
    border: .1rem solid #D0DCD2;
    border-radius: 1.5rem;
    box-shadow: rgba(0, 0, 0, 0.1) 1.1px 1.1px 6px;
    height: 7.7rem;
    margin-bottom: 1rem;
}
.issue_btn li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1rem;
    height: 100%;
    flex-wrap: wrap;
}
.issue_btn li a span {
    display: block;
    font-size: 1.4rem;
}
.issue_btn li a img {
    width: 5rem;
}
footer {
    width: 100%;
    height: 7rem;
}
footer ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    left: 0; bottom: 0;
    width: 100%; height: 8rem;
    background: #fff;
    z-index: 90;
}
footer ul li {
    width: calc(100% / 4);
}
footer ul li:first-child.on .f_img.a {
    background-image: url(../img/menu-icon-1.png);
}
footer ul li:nth-child(2).on .f_img.b {
    background-image: url(../img/menu-icon-2.png);
}
footer ul li:nth-child(3).on .f_img.c {
    background-image: url(../img/menu-icon-3.png);
}
footer ul li:nth-child(4).on .f_img.d {
    background-image: url(../img/menu-icon-4.png);
}
footer ul li a {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
}
footer ul li a .f_img {
    width: 3rem; height: 3rem;
    margin-bottom: 1rem;
}
footer ul li a .f_img.a {
    background: url(../img/menu-icon-off-1.png) no-repeat center/contain;
}
footer ul li a .f_img.b {
    background: url(../img/menu-icon-off-2.png) no-repeat center/contain;
}
footer ul li a .f_img.c {
    background: url(../img/menu-icon-off-3.png) no-repeat center/contain;
}
footer ul li a .f_img.d {
    background: url(../img/menu-icon-off-4.png) no-repeat center/contain;
}
footer ul li a span {
    font-size: 1.4rem;
    color: #AEAFAE;
}
footer ul li.on > a > span {
    color: #6AC674;
}
.other_list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem 3.5rem;
}
.other_list li {
    border: .1rem solid #E9E9E9;
    border-radius: 2rem;
    background: #F2F2F2;
    text-align: center;
}
.other_list li:first-child {
    width: 35%;
}
.other_list li:last-child {
    width: 60%;
}
.other_list li.on {
    border-color: #B7CBBA;
    background: #F2F9F3;
}
.other_list li * {
    display: block;
    font-size: 1.7rem;
    padding: 1rem 0;
    color: #999999;
}
.other_list li.on * {
    color: #356C31;
}
.calc_wrap {
    padding: 0 1.5rem 3rem;
}
.item > label {
    display: block;
    font-size: 1.7rem;
    color: #5E665E;
    font-weight: 500;
    padding-bottom: 1rem;
}
.item .calc_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: .1rem solid #E3E3E3;
    border-radius: 1rem;
    margin-bottom: 3rem;
    width: 100%;
    padding: 0 1.5rem;
    height: 5rem;
}
.calc_inner > input {
    display: block;
    width: 80%;
    height: 100%;
    font-size: 1.5rem;
}
.calc_inner > span {
    font-size: 1.5rem;
    color: #A7A7A8;
    font-weight: 300;
}
.btn_wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 70%;
}
.btn_wrap > button {
    display: block;
    width: calc(100% / 3 - .7rem);
    font-size: 1.7rem;
    padding: 1rem 0;
    border: .1rem solid #B7CBBA;
    border-radius: 2.5rem;
    margin: 0 1rem 1rem 0;
}
.btn_wrap > button:nth-child(3) {
    margin-right: 0;
}
#calculate {
    display: block;
    background: #5D9C59;
    color: #fff;
    font-size: 1.8rem;
    width: 100%;
    padding: 1.5rem 0;
    border-radius: .7rem;
    margin: 6rem 0 1rem;
}
#resultRates {
    display: block;
    padding-top: 1.5rem;
    font-size: 2rem;
    font-weight: 600;
    color: #5F9D5B;
}
.notice {
    font-size: 1.5rem;
    color: #929292;
    font-weight: 300;
    line-height: 1.3;
    padding-bottom: 2rem;
}
#calculateBtn {
    width: 100%;
    text-align: center;
    font-size: 1.7rem;
    color: #fff;
    background: #5D9C59;
    border-radius: .7rem;
    padding: 1.5rem 0;
}
#calc_result {
    padding: 5rem 0 2rem;
}
#calc_result h2 {
    font-size: 1.8rem;
    color: #375939;
    font-weight: 500;
    padding-bottom: 2rem;
    border-bottom: .1rem solid #CDCDCD;
}
#calc_result .container {
    padding-top: 2rem;
}
#calc_result .result-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}
#calc_result .result-item span {
    font-size: 1.7rem;
    font-weight: 500;
}
#calc_result .result-item em {
    font-size: 1.7rem;
    font-weight: 500;
    color: #CAE963;
}
#calc_result .result-item b {
    font-size: 1.7rem;
    font-weight: 500;
}
.calc_link {
    display: block;
    font-size: 1.9rem;
    text-align: center;
    padding: 1.5rem 0;
    background: #F2F9F3;
    border-radius: .7rem;
    border: .1rem solid #B7CBBA;
    color: #748974;
    margin: 0 1.5rem;
    font-weight: 500;
}
.calc2 {
    display: none;
}

/* license */
.license_tit {
    padding: 1rem 1.5rem 1.5rem;
    font-size: 1.8rem;
    font-weight: 600;
}
.license_tit span {
    display: block;
    font-size: 1.5rem;
    color: #9F9F9F;
    padding-top: 1rem;
    font-weight: 300;
}
.license_btn_wrap {
    padding: 0 1.5rem 3rem;
}
.li_btn_tit {
    font-size: 1.6rem;
    font-weight: 600;
    padding-bottom: 2rem;
}
.li_btn_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.li_btn_inner li.li_ad {
    width: 100%;
    /* padding-bottom: 2rem; */
}
.li_btn_inner li {
    width: calc(100% / 2 - .6rem);
    height: 10rem;
    margin-bottom: 1.2rem;
}
.li_btn_inner li a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%; height: 100%;
    border-radius: 1rem;
}
.li_btn_inner li a.a {
    background: url(../img/picure-1.png) no-repeat center/cover;
}
.li_btn_inner li a.b {
    background: url(../img/picure-2.png) no-repeat center/cover;
}
.li_btn_inner li a.c {
    background: url(../img/picure-3.png) no-repeat center/cover;
}
.li_btn_inner li a.d {
    background: url(../img/picure-4.png) no-repeat center/cover;
}
.li_btn_inner li a.e {
    background: url(../img/picure-5.png) no-repeat center/cover;
}
.li_btn_inner li a.f {
    background: url(../img/picure-6.png) no-repeat center/cover;
}
.li_btn_inner li a p {
    color: rgba(255,255,255,0.9);
    font-weight: 300;
}
.li_btn_inner li a .b {
    font-size: 1.7rem;
    padding-bottom: 1rem;
}
.li_btn_inner li a .s {
    font-size: 1.3rem;
}
.li_tip_wrap {
    padding: 0 1.5rem;
}
.li_tip_wrap > a {
    display: block;
    width: 100%;
    margin-bottom: 1rem;
}
.li_tip_wrap img {
    width: 100%;
}
.li_tip_btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.li_tip_btn li {
    width: calc(50% - .5rem);
}
.li_tip_btn li a {
    display: block;
}

/* license_sub */
.li_sub_wrap {
    padding: 0 1.5rem;
}
.li_main_tit {
    font-size: 2.2rem;
    color: #549750;
    font-weight: 500;
    padding-bottom: 1.5rem;
}
.li_sub_wrap .box_cont {
    font-size: 1.4rem;
    color: #454A45;
    font-weight: 400;
    padding: 1.5rem 1rem;
    background: #F2F9F3;
    line-height: 1.4;
    border: .1rem solid #D8E2DA;
    border-radius: 1rem;
    margin-bottom: 3rem;
}
.li_sub_wrap .sub_tit .point3 {
    display: block;
    margin-bottom: 2rem;
    font-size: 1.6rem;
    font-weight: 500;
    color: #58A399;
}
.li_sub_wrap .sub_tit {
    display: block;
    font-size: 1.6rem;
    color: #59B4C3;
    padding-bottom: 1rem;
}
.li_sub_wrap .li_contents {
    display: inline-block;
    font-size: 1.5rem;
    line-height: 1.4;
    margin-bottom: 3rem;
}
.li_sub_wrap img {
    width: 100%;
}

/* letter */
.li_btn_tit.letter {
    padding: 0 1.5rem 2rem;
}
#tab_wrap {
    padding-bottom: 3rem;
}
.letter_txt {
    font-size: 1.3rem;
    line-height: 1.4;
    padding: 0 1.5rem 1.5rem;
}
.letter_tab {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1.5rem 1.5rem;
}
.letter_tab .tab {
    text-align: center;
    font-size: 1.4rem;
    color: #AEC4C2;
    background: #E2F5F7;
    border: .1rem solid #D0EDED;
    border-radius: 2rem;
    padding: 1rem;
    margin-right: .5rem;
}
.letter_tab .tab:last-child {
    margin-right: 0;
}
.letter_tab .tab.on {
    background: #59B4C3;
    color: #fff;
    font-weight: 300;
}
/* .letter_cont {
    padding: 1rem 1.5rem;
} */
.letter_tit {
    display: none;
    font-size: 2.1rem;
    color: #55B2C2;
    font-weight: 600;
    padding: 1rem 1.5rem 2rem;
}
.letter_cont.on > .letter_tit {
    display: block;
}
.letter_text {
    display: none;
    font-size: 1.5rem;
    line-height: 1.4;
    padding: 0 1.5rem 2rem;
}
.letter_text .color {
    font-size: 1.5rem;
    color: #48ACBD;
}
.letter_cont.on > .letter_text {
    display: block;
}

/* tip */
.tip_wrap {
    padding: 0 1.5rem 2rem;
}
.tip_title {
    font-size: 1.8rem;
    color: #5D9C59;
    font-weight: 500;
    padding-bottom: 2rem;
}
.tip_tit {
    font-size: 1.6rem;
    color: #58B3C3;
    padding-bottom: 1rem;
}
.tip_con {
    font-size: 1.5rem;
    line-height: 1.4;
    padding-bottom: 3rem;
}

/* qna */
.qna_wrap {
    padding: 0 1.5rem 3rem;
}
.qna_box {
    border: .1rem solid #D5E1D8;
    border-radius: 1rem;
    margin-bottom: 1.5rem;
}
.q_ico {
    padding: 1.5rem;
}
.q_ico > span {
    display: block;
    color: #fff;
    font-size: 1.5rem;
    background: #CAE963;
    width: 2rem; height: 2rem;
    text-align: center;
    line-height: 1.8rem;
    border-radius: 50%;
}
.question_inner {
    padding: 0 1.5rem 3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.qna_box.open .question_inner {
    border-bottom: .1rem solid #D5E1D8;
}
.question {
    font-size: 1.6rem;
    color: #232320;
    max-width: 26rem;
    line-height: 1.4;
    word-break: break-all;
}
.question_inner > i {
    display: block;
    background: url(../img/qna-downarrow.png) no-repeat center/contain;
    width: 2rem; height: 2rem;
}
.qna_box.open .question_inner > i {
    background-image: url(../img/qna-uparrow.png);
}
.answer {
    display: none;
    padding: 2rem 1.5rem 2.5rem;
    font-size: 1.5rem;
    line-height: 1.4;
}
.qna_box.open .answer {
    display: block;
}

/* filter_cate */
.search_result_tit {
    padding: 1rem 1.5rem 3rem;
    font-size: 1.8rem;
    font-weight: 500;
    color: #808080;
}
.f_result_wrap {
    padding: 0 1.5rem;
}
.f_result_num {
    font-size: 1.6rem;
    font-weight: 500;
    color: #222;
    margin-bottom: 2rem;
}
.f_result_num span {
    font-size: 1.3rem;
    color: #ACACAC;
}
.f_result_inner li {
    border-radius: 1rem;
    border: .1rem solid #D2DED4;
    padding: 2rem 1rem;
    margin-bottom: 1.5rem;
    box-shadow: rgba(0, 0, 0, 0.1) 1.95px 1.95px 2.6px;
}
.f_result_inner li a {
    display: block;
}
.f_top_wrap {
    padding-bottom: 2rem;
    border-bottom: .1rem solid #D6E1D9;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.f_top_wrap .title_left {
    display: flex;
    align-items: center;
}
.f_top_wrap .title_left h3 {
    font-size: 1.5rem;
    border-right: .1rem solid #A8A8A8;
    padding-right: .5rem;
    width: 13rem;
    word-break: break-all;
    line-height: 1.2;
}
.f_top_wrap .title_left p {
    font-size: 1.3rem;
    color: #AAAAAA;
    padding-left: .5rem;
    max-width: 17rem;
    line-height: 1.3;
    /* border-left: .1rem solid #A8A8A8; */
}
.book {
    position: relative;
    display: block;
    width: 2rem; height: 2rem;
    background: url(../img/star.png) no-repeat center/contain;
}
.scraped {
    background-image: url(../img/star-fill.png);
}
.book::after {
    content: '';
    position: absolute;
    left: 50%; top: 50%;
    transform: translate(-50%, -50%);
    width: 3.5rem; height: 3.5rem;
    background: transparent;
}
.f_bottom_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 2rem;
}
.f_bottom_wrap .aver_wrap {
    display: flex;
    align-items: center;
}
.f_bottom_wrap > p {
    font-size: 1.3rem;
    background: #F2F9F3;
    padding: 1rem 1.5rem;
    border-radius: 2rem;
}
.f_bottom_wrap .aver_wrap .text {
    font-size: 1.5rem;
    padding-right: 1.3rem;
}
.f_bottom_wrap .aver_wrap .num {
    font-size: 1.4rem;
    color: #AEAEAE;
    font-weight: 300;
}
.f_bottom_wrap .aver_wrap .num span{
    display: inline-block;
    font-size: 1.5rem;
    color: #C4E537;
    padding-right: .5rem;
}
.pagenation {
    margin: 4rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pagenation .page {
    display: block;
    font-size: 1.8rem;
    margin: 0 .5rem;
    padding: .5rem 1rem;
    border: .1rem solid #CFCFCF;
    border-radius: .7rem;
    color: #808080;
}
.pagenation .page.on {
    background: #D9F1DC;
    color: #556155;
    border-color: #D9F1DC;
}

/* scrap */
.scrap_cont_wrap{
    padding: 0 1.5rem;
}
.scrap_non_box {
    width: 100%;
    height: 60vh;
    display: flex;
    justify-content: center;
    align-items: center;
    border: .1rem solid #D5E0D8;
    border-radius: 1rem;
}
.scrap_non_box p {
    font-size: 1.6rem;
    color: #9D9D9D;
}

/* filter_area */
.choice_wrap {
    padding: 1rem 1.5rem 2rem;
    display: flex;
    align-items: center;
}
.choice_wrap .reset {
    position: relative;
    background: url(../img/Refresh.png) no-repeat center/contain;
    width: 2.5rem; height: 2.5rem;
    display: block;
    margin-right: 1.5rem;
}
.choice_wrap .reset:after {
    position: absolute;
    content: '';
    left: 50%; top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 4rem; height: 4rem;
    background: transparent;
}
.list_btn {
    border: .1rem solid #E9E9E9;
    border-radius: 1.5rem;
    padding: .7rem 1.5rem;
    margin-right: 1rem;
    display: flex;
    align-items: center;
    gap: 1rem;
}
.list_btn span {
    font-size: 1.4rem;
}
.list_btn .ico {
    display: block;
    width: 1.2rem; height: 1.2rem;
    background: url(../img/toggle-arrow.png) no-repeat center/contain;
}
.list_result_wrap {
    padding: 0 1.5rem;
}
.list_total{
    font-size: 1.3rem;
    color: #AEAEAE;
    padding-bottom: 1.5rem;
}
.list_total span{
    font-size: 1.3rem;
    color: #AEAEAE;
}
.list_back {
    display: none;
    position: absolute;
    left: 0; top: 0;
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 80;
}
.select_wrap {
    display: none;
    position: fixed;
    background: #fff;
    width: 100%; height: 68%;
    left: 0; bottom: 8rem;
    z-index: 85;
    border-bottom: .1rem solid #E7E7E7;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}
.select_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem 1.5rem;
    border-bottom: .1rem solid #E3E3E3;
}
.select_top .area_tit {
    font-size: 1.7rem;
    font-weight: 500;
    color: #1E1E1B;
}
.select_top .search_box {
    display: flex;
    align-items: center;
}
.select_top .search_box input {
    display: block;
    font-size: 1.5rem;
    text-align: right;
    margin-right: .5rem;
    padding-right: .5rem;
}
.select_top .search_box button img{
    height: 2rem;
}
.menu_wrap {
    display: flex;
    align-items: center;
}
.fst_menu {
    width: 40%;
    height: 17.1rem;
    overflow-y: scroll;
}
.fst_menu > ul > li {
    line-height: 0;
}
.fst_menu ul li input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
.fst_menu .label_wrap {
    border-bottom: .1rem solid #CDCDCD;
    border-right: .1rem solid #CDCDCD;
    background: #F2F9F3;
}
.fst_menu .label_wrap > label {
    display: block;
    font-size: 1.6rem;
    width: 100%; height: 100%;
    padding: 2rem 0 2rem 1.5rem;
}
.fst_menu input:checked + .label_wrap {
    background: #fff;
}
.fst_menu input:checked + .label_wrap label{
    color: #589954;
}
.scd_menu {
    width: 60%;
    height: 17.1rem;
    overflow-y: scroll;
    border-bottom: .1rem solid #CDCDCD;
}

.scd_menu > ul > li {
    line-height: 0;
}
.scd_menu ul li input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
.scd_menu .label_wrap > label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.6rem;
    width: 100%; height: 100%;
    padding: 2rem 1.5rem;
    background: #fff;
}
.scd_menu input:checked + .label_wrap label {
    color: #589954;
}
.scd_menu .label_wrap > label .check_ico {
    display: block;
    width: 1.8rem; height: 1.8rem;
    background: url(../img/check.png) no-repeat center/contain;
}
.scd_menu input:checked + .label_wrap label .check_ico {
    background-image: url(../img/check-fill.png);
}
.keywords {
    padding: 2rem 1.5rem;
    height: 13rem;
    overflow: hidden;
}
.check_title {
    font-size: 1.7rem;
    font-weight: 500;
    margin-bottom: 1.5rem;
}
.check_title .color {
    display: inline-block;
    padding: 0 .5rem;
    font-size: 1.7rem;
    font-weight: 500;
    color: #C4E538;
}
.check_title .total_info {
    font-size: 1.3rem;
    color: #A5A5A5;
    font-weight: 300;
}
.keywords_text {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
    gap: 1rem;
}
.keywords_text p {
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    color: #3F453F;
    font-weight: 300;
    padding: 1rem 1.5rem;
    gap: 1rem;
    background: #F2F9F3;
    border-radius: 2rem;
}
.keywords_delete {
    display: block;
    width: 1.5rem; height: 1.5rem;
    background: url(../img/close.png) no-repeat center/contain;
} 
.select_btn_wrap {
    padding: 0 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1.5rem;
}
.select_btn_wrap button {
    width: calc(50% - .7rem);
    padding: 1.5rem 0;
    border-radius: 1rem;
}
.select_btn_wrap .reset_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #464C46;
    border: .1rem solid #E5E5E5;
    gap: 1rem;
    font-size: 1.7rem;
}
.select_btn_wrap .reset_btn .reset_ico {
    display: block;
    width: 2rem; height: 2rem;
    background: url(../img/pop-up-arrow.png) no-repeat center/contain;
}
.select_btn_wrap .keywords_submit {
    background: #5D9C59;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 300;
}

/* detail1 */
.title_wrap {
    padding: 1rem 1.5rem;
}
.title_wrap h3 {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 1rem;
}
.title_wrap p{
    font-size: 1.3rem;
    color: #9C9C9C;
    padding-top: 1rem;
}
.company_title {
    padding-bottom: 2rem;
}
.content_list {
    display: flex;
    align-items: center;
    padding: 0 1rem;
    border-bottom: .1rem solid #E3E3E3;
    margin-bottom: 2rem;
}
.content_list li p , .content_list li a {
    font-size: 1.5rem;
    color: #B4B4B4;
    padding: .5rem .7rem;
}
.content_list li {
    padding-bottom: .5rem;
    border-bottom: .1rem solid transparent;
}
.content_list li.on {
    color: #5D9C59;
    border-bottom: .1rem solid #C7E859;
}
.content_list li.on a {
    color: #579853;
    font-weight: 500;
}
.detail_calc_wrap h2 {
    font-size: 2rem;
    color: #3D5E3F;
    font-weight: 600;
    margin: 2rem 0 1rem;
    padding: 0 1.5rem;
}
.summary_wrap {
    padding: 0 1.5rem;
}
.summary_wrap h2 {
    font-size: 2rem;
    color: #3D5E3F;
    font-weight: 600;
    margin-bottom: 2rem;
}
.summary_wrap .box .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2.5rem 1.5rem;
    border: .1rem solid #CCCCCC;
    border-radius: 1rem;
    background: #FCFCFA;
    margin-bottom: 3rem;
}
.summary_wrap .box .top li {
    width: calc(100% / 3);
}
.summary_wrap .box .top li .img_wrap {
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
}
.summary_wrap .box .top li .img_wrap img {
    width: 100%;
    height: 100%;
}
.summary_wrap .box .top li p {
    text-align: center;
    font-size: 1.3rem;
    color: #A4A4A4;
    line-height: 1.3;
}
.summary_wrap .box .top li p .color {
    font-size: 1.5rem;
    color: #E1A77A;
    display: inline-block;
    padding-right: .5rem;
}
.summary_wrap .box .bottom li {
    display: flex;
    align-items: center;
}
.summary_wrap .box .bottom li p {
    font-size: 1.6rem;
    margin-bottom: 1.5rem;
}
.summary_wrap .box .bottom li .gray {
    color: #979797;
    width: 20%;
}
.summary_wrap .box .bottom li .bl {
    color: #576057;
}
.map_wrap {
    padding: 2rem 1.5rem;
}
.map_wrap h2 {
    font-size: 2rem;
    color: #3D5E3F;
    font-weight: 600;
    margin-bottom: 2rem;
}
.map_wrap .info {
    text-align: center;
    padding-top: 3rem;
}
.map_wrap .info p {
    font-size: 1.6rem;
    color: #8F8F8F;
    line-height: 1.4;
    font-weight: 300;
}

/* detail3 */
.aver_wrap {
    padding: 1rem 1.5rem;
}
.aver_wrap h2{
    font-size: 2rem;
    color: #3D5E3F;
    font-weight: 600;
    margin-bottom: 2rem;
}
.aver_wrap .box li{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2.5rem 1.5rem;
    border: .1rem solid #CCCCCC;
    border-radius: 1rem;
    background: #FCFCFA;
    margin: 1rem 0;
}
.aver_wrap .box li div{
    width: calc(100% / 2);
    text-align: center;
}
.aver_wrap .box li .left{
    border-right: .1rem solid #CCCCCC;
}
.aver_wrap .box li div p {
    font-size: 1.4rem;
    color: #9C9C9C;
}
.aver_wrap .box li div p:first-child {
    margin-bottom: 1rem;
}
.aver_wrap .box li div .mid {
    font-size: 2rem;
}
.aver_wrap .box li div p span {
    font-size: 2rem;
    color: #E3AE85;
    display: inline-block;
}
.rank_wrap {
    padding: 0 1.5rem;
}
.rank_wrap h2 {
    font-size: 2rem;
    color: #3D5E3F;
    font-weight: 600;
    margin-bottom: 2rem;
}
.scd_menu_major {
    width: 60%;
    height: 17.1rem;
    overflow-y: scroll;
    border-bottom: .1rem solid #CDCDCD;
}
.scd_menu_major > ul > li {
    line-height: 0;
}
.scd_menu_major ul li input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
.scd_menu_major .label_wrap > label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.6rem;
    width: 100%; height: 100%;
    padding: 2rem 1.5rem;
    background: #fff;
}
.scd_menu_major input:checked + .label_wrap label {
    color: #589954;
}
.scd_menu_major .label_wrap > label .check_ico {
    display: block;
    width: 1.8rem; height: 1.8rem;
    background: url(../img/check.png) no-repeat center/contain;
}
.scd_menu_major input:checked + .label_wrap label .check_ico {
    background-image: url(../img/check-fill.png);
}

.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}