@charset "utf-8";
.wrap .content{margin-top: 100px;}
/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

search

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.search .visual{background-color: #f1f6f9; padding: 7.68% 0; box-sizing: border-box;}
.search .visual .flex_wrap{flex-wrap: wrap; row-gap: 30px;}
.search .visual .txt_box{}
.search .visual .txt_box h2{font-size: var(--fz-50); line-height: 1.32; letter-spacing: -0.05em; font-weight: bold; color: #222222;}
.search .visual .txt_box h2 span{color: var(--main-c);}
.search .visual .txt_box p{font-size:18px; line-height: 1.8; letter-spacing: -0.05em; font-weight: 300; color: #666666;}
.search .visual .btn_wrap{margin-left: auto;}

.search .visual .back_btn a{font-size: 20px; font-weight: bold; letter-spacing: -0.05em; color: #808080;}
.search .visual .back_btn a::after{content: ''; margin-left: 5px; display: inline-block; width: 20px; height: 18px; background: url(/img/back_btn_icon01.png);}

.search .visual .back_btn a:hover{color: var(--main-c);}
.search .visual .back_btn a:hover::after{background: url(/img/back_btn_icon01_on.png);}

.search .item_txt {padding-bottom: 30px; border-bottom: 1px solid #e5e5e5;}
.search .item_txt ul{display: flex; flex-wrap: wrap;}
.search .item_txt ul li p{display: inline-block; font-size: 18px; font-weight: 400; letter-spacing: -0.05em; color: #888888;}
.search .item_txt ul li input{width: 18px; display: inline-block; vertical-align: bottom; height: 18px; border: 2px solid #b3b3b3; box-sizing: border-box; margin-right: 5px;}
.search .item_txt ul li:nth-child(2){margin-left: auto;}

.search .list_wrap{padding-top: 30px; }

.search .item_list {display: flex; flex-wrap: wrap; gap: 50px;}
.search .item_list > li{width: calc(25% - 38px); }
.search .item_list li a{padding: 30px; width: 100%; transition: all 0.3s; overflow: hidden; border-radius: 10px; border: 1px solid #e5e5e5; box-sizing: border-box; display: inline-block; position: relative;}

.search .item_list li .img_box{width: 100%; overflow: hidden; aspect-ratio: 1/0.68; border: 1px solid #e5e5e5; box-sizing: border-box; border-radius: 10px;}
.search .item_list li .img_box img{width: 100%; height: 100%; object-fit: cover;}

.search .item_list .txt_box .tit{padding: 20px 0; box-sizing: border-box;}
.search .item_list .txt_box h5{font-size: 20px; font-weight: 500; letter-spacing: -0.05; line-height: 1.2; color: #000000;}
.search .tag{display: flex; gap: 7px;}
.search .tag li{width: 78px; height: 32px; font-size: 16px; font-weight: 500; letter-spacing: -0.05em; color: #888888; line-height: 32px; border-radius: 8px; background-color: #ececec; text-align: center;}

.search .tag li.blue{background-color: var(--main-c); color: #fff;}
.search .tag li.green{background-color: #00a08b; color: #fff;}
.search .tag li.red{background-color: #d60000; color: #fff;}
.search .tag li.yellow{background-color: #fba324; color: #fff;}
.search .tag li.gray{background-color: #737373; color: #fff;}

.search .item_list .patent {padding-top: 20px;}
.search .item_list .patent p{font-size: 18px; font-weight: 200; letter-spacing: -0.05em; color: #666666;}
.search .item_list .patent p + p{margin-top: 5px;}
.search .item_list .patent p b{font-weight: 500; margin-right: 5px; color: #444444;}

.search .item_list .icon{position: absolute; transition: all 0.3s; bottom: -1px; right: -1px; width: 75px; height: 75px; background-color: #f8f9fb; clip-path: polygon(100% 0, 0 100%, 100% 100%);}
.search .item_list .icon::before{content: ''; filter: invert(0.5); position: absolute; bottom: 15px; right: 15px; display: inline-block; height: 15px; width: 15px; background: url(/img/item_list_icon01.png);}

.search .item_list a:hover{border-color: var(--main-c);}
.search .item_list a:hover .icon{background-color: var(--main-c);}
.search .item_list a:hover .icon::before{filter: invert(0);}

.search .page{display: flex; justify-content: center; gap: 15px; padding-top: 120px;}
.search .page a{border-radius: 50%; font-size: 18px; font-weight: bold; color: #a5a5a5; text-align: center; line-height: 35px; width: 35px; height: 35px;}
.search .page a:hover{color: var(--main-c);}
.search .page a.bg{background-color: #f9f9f9; display: flex; align-items: center; justify-content: center;}
.search .page a.bg:hover{background-color: var(--main-c);}
.search .page a.bg:hover img{filter: invert(1) brightness(10);}

@media all and (max-width:1400px) {
    .search .item_list {gap: 20px;}
    .search .item_list li{width: calc(25% - 15px);}
    .search .item_list li a{padding: 20px;}
}
@media all and (max-width:1024px) {
    .search .item_list li{width: calc(33.333% - 14px);}
}
@media all and (max-width:730px) {
    .search .item_list li{width: 100%;}
}

/* read */
.read_con .item_txt h3{font-size: var(--fz-40); line-height: 1.2; font-weight: bold; letter-spacing: -0.05em; color: #222;}
.read_con .read_wrap{padding-top: 30px; }

.detail_info{display: flex; flex-wrap: wrap;}
.detail_info > div{width: 50%;}

.detail_info .img_box{overflow: hidden; width: calc(100% - 60px); margin-right: 60px; max-width: 635px; border-radius: 10px; border: 1px solid #e5e5e5; aspect-ratio: 1/1;}
.detail_info .img_box img{width: 100%; height: 100%; object-fit: cover; object-position: center;}

.detail_info .txt_list > li{display: flex; align-items: center; flex-wrap: wrap; gap: 20px; padding: 25px 0; box-sizing: border-box;}
.detail_info .txt_list > li + li{border-top: 1px solid #e5e5e5;}
.detail_info .txt_list .more_btn{font-size: 16px; margin-left: auto; color: #aaaaaa; font-weight: 500; letter-spacing: -0.05; line-height: 1.6; display: block;}
.detail_info .txt_list .more_btn::after{content: ''; margin-left: 10px; display: inline-block; width: 5px; height: 9px; background: url(/img/more_btn_icon01.png);}

.detail_info .txt_box p,
.detail_info .txt_list p{font-size: 18px; display: inline-block; font-weight: 400; letter-spacing: -0.05em; color: #666666;}
.detail_info .txt_list p b{font-weight: 500;}
.detail_info .txt_list li > p:first-child{width: 95px;}

.detail_info .txt_list .data{width: 100%;}
.detail_info .txt_list .data .txt{ display: flex; padding-bottom: 15px; flex-wrap: wrap; justify-content: space-between;}
.detail_info .txt_list .data .bar{width: 100%; height: 15px; overflow: hidden; border-radius: 8px; background-color: #f1f6f9; position: relative;}
.detail_info .txt_list .data .bar span{width: 25%; height: 100%; background-color: var(--main-c); position: absolute; left: 0; top: 0; border-radius: 0 8px 8px 0;}

.detail_info .txt_box{background-color: #f8f9fb; margin-top: 40px; border-radius: 10px; padding: 40px 35px; box-sizing: border-box;}
.detail_info .txt_box .txt{display: flex; gap: 30px;}
.detail_info .txt_box .txt + .txt{margin-top: 30px;}
.detail_info .txt_box .txt p:first-child{font-weight: 600; width: 90px;}
.detail_info .txt_box i{width: 25px; height: 23px; vertical-align: middle; margin-right: 5px; display: inline-block;}
.detail_info .txt_box .blue{color: var(--main-c);}
.detail_info .txt_box .blue i{background: url(/img/txt_icon01.png);}
.detail_info .txt_box .red{color: #d60000;}
.detail_info .txt_box .red i{background: url(/img/txt_icon02.png);}

@media all and (max-width:1024px) {
    .detail_info > div{width: 100%;}
    .detail_info .img_box{margin: 0 auto;}
}



/* tab */
.read_wrap .tab_btn{display: flex; }
.read_wrap .tab_btn li{width: 50%; font-size: 22px; border-bottom: 2px solid #cccccc; color: #888888; font-weight: bold; letter-spacing: -0.05em; padding: 25px 0; box-sizing: border-box; text-align: center;}
.read_wrap .tab_btn li.on{color: var(--main-c); border-color: var(--main-c);}

.read_wrap .tab_wrap{padding: 80px 0;}
.read_wrap .table_type + .table_type{padding-top: 80px;}

.read_wrap .tabCon .tit{margin-bottom: 30px;}
.read_wrap .tabCon .tit h5{display: inline-block; font-size: var(--fz-32); font-weight: 600; letter-spacing: -0.05em; color: #222222; margin-right: 20px;}
.read_wrap .tabCon .tit span{display:block; font-size: 18px; font-weight: 300;  letter-spacing: -0.05em; color: #aaa; margin-left: auto;}
.read_wrap .table_type table{ border: 1px solid #e5e5e5; width: 100%; text-align: center;  color: #222222;}
.read_wrap .table_type table th{ font-size: 18px; font-weight: 600; line-height: 1.5; letter-spacing: -0.05em; background-color: #f8f9fb;}
.read_wrap .table_type table td{ font-size: 16px; font-weight: 400; line-height: 1.6; letter-spacing: -0.05em;}

.read_wrap .table_type table tr + tr{border-top: 1px solid #e5e5e5;}
.read_wrap .table_type table th,
.read_wrap .table_type table td{border-left: 1px solid #e5e5e5;}

.read_wrap .table_type table th + td{border-left: none;}

.read_wrap .table_type table th,
.read_wrap .table_type table td{padding: 20px; box-sizing: border-box;}

.read_wrap .flex_table{display:flex; gap: 40px; flex-wrap: wrap;}
.read_wrap .flex_table table{width: calc(50% - 20px);}

.read_wrap .tabCon .txt_box{background-color: #f8f9fb; display: flex; gap: 40px; margin-top: 40px; border-radius: 10px; padding: 40px 35px; box-sizing: border-box;}
.read_wrap .tabCon .txt_box .txt{}
.read_wrap .tabCon .txt_box h5{font-size: 20px; font-weight: 700; line-height: 1.3; letter-spacing: -0.05em; color: #444444;}
.read_wrap .tabCon .txt_box p{font-size: 18px; font-weight: 400; line-height: 1.3; letter-spacing: -0.05em; color: #666;}
.read_wrap .tabCon .txt_box p + p{margin-top: 10px;}


.read_wrap .right_list{position: relative;}
.read_wrap .right_list::before{content: ''; position: absolute; top: 0; left: 5px; display: inline-block; width: 5px; height: 100%; border-radius: 3px; background-color: #f9f9f9;}
.read_wrap .right_list > li{width: calc(100% - 60px); background-color: #fff; cursor: pointer; border-radius: 10px; border: 1px solid #e5e5e5; margin-left: 60px; padding: 30px 30px 50px 30px; box-sizing: border-box; position: relative;}
.read_wrap .right_list.type01 > li{margin-left: 0; width: 100%;}
.read_wrap .right_list.type01 > li::before{content: none;}
.read_wrap .right_list li + li{margin-top: 20px;}
.read_wrap .right_list li::before{content: ''; position: absolute; border: 3px solid #e5e5e5; top: 20px; box-sizing: border-box; left: -61px; width: 15px; height: 15px; border-radius: 50%; background-color: #e5e5e5;}
.read_wrap .right_list li .data{width: 191px; font-size: 16px; font-weight: 300; color: #666666; height: 41px; line-height: 41px; text-align: center; border-radius: 10px; background-color: #f8f9fb;}
.read_wrap .right_list li .title{margin: 20px 0 25px;}
.read_wrap .right_list li i{display: inline-block; vertical-align: bottom; margin-right: 10px; font-size: 15px; font-weight: 500; color: #444; width: 32px; height: 32px; font-style: normal; line-height: 32px; text-align: center; border-radius: 50%; border: 1px solid #959595; box-sizing: border-box;}
.read_wrap .right_list li h5{font-size: 22px; display: inline-block; font-weight: 500; line-height: 1.4; letter-spacing: -0.05em; color: #444444;}
.read_wrap .right_list li h3{font-size: 26px; display: inline-block; font-weight: 500; letter-spacing: -0.05em; color: var(--main-c);}
.read_wrap .right_list li h3 span{font-size: 16px; margin-left: 30px;  font-weight: 400; color: #666666;}

.read_wrap .right_list li .dot_txt{padding-left: 42px; box-sizing: border-box;}
.read_wrap .right_list li .dot_txt p{font-size: 18px; padding-left: 13px; position: relative; font-weight: 500; letter-spacing: -0.05em; line-height: 1.4; color: #444444;}
.read_wrap .right_list li .dot_txt p + p{margin-top: 10px;}
.read_wrap .right_list li .dot_txt p.dot:before{content: ''; position: absolute; top: 8px; left: 0; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: var(--main-c);}
.read_wrap .right_list li .dot_txt p span{font-size: 16px; font-weight: 400; color: #666666;}

.read_wrap .right_list li .line{width: 100%; margin: 30px 0; height: 1px; background-color: #e5e5e5;}

.read_wrap .right_list li:hover{border-color: var(--main-c);}
.read_wrap .right_list li:hover::before{border-color: var(--main-c); background-color: #99d1ef;}

@media all and (max-width:730px) {
    .read_wrap .flex_table {
        flex-direction: column;
    }
    .read_wrap .flex_table table {
        width: 100%;
    }
    .read_wrap .tabCon .txt_box {
        padding: 30px 25px;
    }
}

.sub_container {
    position: relative;
}


/* sub_visual */
.sub_visual {
    position: relative;
    padding: 125px 0;
    padding-top: 225px;
    width: 100%;
    overflow-x: clip;
}
.sub_visual .sub_circle {
    position: absolute;
    top: 100%;
    right: 0;
    aspect-ratio: 1/1;
    width: 463px;
    background-color: #1c2cf3;
    border-radius: 50%;
    transform: translate(20%, -35%);
}
.sub_visual .inner .custom_box {
    display: flex;
    justify-content: space-between;
}
.sub_visual .inner .custom_box .left {
    position: relative;
    z-index: 2;
}
.sub_visual .inner .custom_box .left::after {
    content: '';
    position: absolute;
    width: 80px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    right: 100%;
    top: 0;
    transform: translateX(30%);
    background-color: #ff3399;
    z-index: -1;
}
.sub_visual .inner .custom_box .left h2 {
    color: #aaa;
    font-size: 18px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: 0.2em;
    margin-bottom: 30px;
}
.sub_visual .inner .custom_box .left h3 {
    font-size: 50px;
    font-weight: 800;
    color: #222;
}
.sub_visual .inner .custom_box .right {
    width: 510px;
    position: relative;
}
.sub_visual .inner .custom_box .right .common_tip_box {
    margin-bottom: 15px;
}
.common_tip_box {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    font-weight: 200;
    color: #222;
}
.common_tip_box .tip_btn {
    border-radius: 50%;
    aspect-ratio: auto 1/1;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #242cf3;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    min-width: 24px;
    position: relative;
    transition: all 0.3s ease;
}
.common_tip_box .tip_btn.on {
    background-color: #abadd5;
}

.common_tip_box .tip_btn .bubble_box {
    position: absolute;
    background: #242cf3;
    border-radius: 2em;
    padding: 30px;
    bottom: 100%;
    margin-bottom: 14px;
    left: 100%;
    transform: translateX(-10%);
    width: max-content;
    font-size: 16px;
    font-weight: 400;
    color: #dfe0fd;
    line-height: 1.6em;
    display: none;
}
.common_tip_box .tip_btn .bubble_box::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 11%;
    width: 0;
    height: 0;
    border: 14px solid transparent;
    border-top-color: #242cf3;
    border-bottom: 0;
    border-left: 0;
    margin-left: -7px;
    margin-bottom: -14px;
}

.common_input_box {
    width: 100%;
    padding: 0 30px;
    border-radius: 29px;
    background-color: #fff;
    box-shadow: 0px 8px 21.33px 5.67px rgba(179, 181, 231, 0.27);
    display: flex;
    align-items: center;
    gap: 8px;
    height: 60px;
}
.common_input_box input {
    width: 100%;
    font-size: 18px;
    font-weight: 400;
}
.common_input_box input,
.common_input_box button {
    padding: unset;
    margin: unset;
    border: unset;
    outline: unset;
    background-color: transparent;

}
.common_input_box input::placeholder {
    color: #aaa;
}
.sub_visualbg {
    position: absolute;
    top: 0;
    right: 0;
}
/* END sub_visual */

/* trademark */
.trademark .wrap .content {
    margin-top: unset;
}
.common_sub_page_nav {
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 40px;
    background-color: #fff;
}
.common_sub_page_nav .box {
    display: flex;
    align-items: center;
    position: relative;
}
.common_sub_page_nav .box:not(:last-child)::after {
    content: '';
    display: inline-block;
    margin: 0 30px;
    background: url('/img/border_img.png') no-repeat center / cover;
    width: 100px;
    height: 1px;
}
.common_sub_page_nav .box .num {    
    border-radius: 50%;
    background-color: #d3d4ef;
    color: #fff;
    font-weight: 800;
    font-size: 34px;
    display: flex;
    align-items: center;
    justify-content: center;    
    width: 52px;
    height: 52px;
    margin-right: 15px;
}
.common_sub_page_nav .box.on .num {
    background-color: #242cf3;
}
.common_sub_page_nav .box span {
    font-size: 24px;
    font-weight: 700;
    color: #000;
}
.trademark .con01 .chk_box_wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 50px 20px;
}
.trademark .con01 .chk_box_wrap .box {
    width: calc(25% - 15px);
}
.trademark .con01 .chk_box_wrap .box input {
    display: none;
}
.trademark .con01 .chk_box_wrap .box input[type='radio'] + label {
    cursor: pointer;
    position: relative;
    display: block;
    transition: all 0.3s ease;
}
.trademark .con01 .chk_box_wrap .box input[type='radio'] + label .tit {
    position: relative;
    font-size: 20px;
    font-weight: 700;
    color: #222222;
    padding-left: 45px;
}
.trademark .con01 .chk_box_wrap .box input[type='radio'] + label .tit::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    background: url('/img/con_chk_icon.png') no-repeat center / cover;
}
.trademark .con01 .chk_box_wrap .box input[type='radio']:checked + label .tit::after {
    background: url('/img/con_chk_icon_on.png') no-repeat center / cover;
}
.trademark .con01 .chk_box_wrap .box input[type='radio'] + label .alt_box {
    margin-top: 25px;
    border-radius: 20px;
    transition: all 0.3s ease;
    border: 1px solid transparent;
}
.trademark .con01 .chk_box_wrap .box input[type='radio']:checked + label .alt_box {
    border: 1px solid #242cf3;
}
.trademark .con01 .chk_box_wrap .box input[type='radio'] + label .alt_box .img {
    border: 1px solid #eee;
    border-radius: 20px 20px 0 0;
    height: 215px;    
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}
.trademark .con01 .chk_box_wrap .box input[type='radio'] + label .alt {
    background-color: #f7f7ff;
    border-radius: 0 0 20px 20px;
    padding: 40px 0;
    text-align: center;
    line-height: 1.6em;
    font-size: 18px;
    font-weight: 400;
    color: #666666;
}
.trademark .con .con_sub_box:not(:last-child) {
    padding-bottom: 100px;
} 
.common_input_txt_box {
    width: 100%;
    border-radius: 10px;
    padding: 0 30px;
    height: 70px;
    border: 1px solid #dcdcdc;    
}
.common_input_txt_box input {
    width: 100%;
    height: 100%;
    font-size: 18px;
    font-weight: 400;
    color: #aaaaaa;
    padding: unset;
    margin: unset;
    border: unset;
    outline: unset;
    background-color: transparent;
}
.common_input_txt_box input::placeholder {
    color: #aaaaaa;
}
.common_input_flex_box {
    gap: 9px;
    display: flex;
}
.common_input_flex_box input,
.common_input_flex_box button {
    padding: unset;
    margin: unset;
    border: unset;
    outline: unset;
    background-color: transparent;
}
.common_input_flex_box .c_button01 {
    border-radius: 10px;
    background-color: #ff3399;
    color: #fff;
    font-size: 20px;
    font-weight: 800;
    text-align: center;
    width: 100%;
    height: 70px;
}
.common_input_flex_box .c_button01.w260 {
    max-width: 260px;
}
.common_input_textarea_box {
    border-radius: 20px;
    padding: 30px;
    padding-bottom: 80px;
    position: relative;
    border: 1px solid #dcdcdc;
    height: 300px;
    font-size: 18px;
}
.common_input_textarea_box textarea {
    font-size: 18px;
    font-weight: 400;
    resize: none;
    padding: unset;
    margin: unset;
    border: unset;
    outline: unset;
    background-color: transparent;
    width: 100%;
    height: 100%;
}
.common_input_textarea_box .btm_box {
    position: absolute;
    bottom: 15px;
    right: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    font-weight: 400;
    color: #666;
}
.trademark .con02_cate_box {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 20px;    
}
.trademark .con02_cate_box > a {
    width: calc(20% - 16px);
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 20px;
    border-radius: 20px;
    border: 1px solid #dfdfdf;
    font-size: 18px;
    font-weight: 400;
    color: #222222;
    transition: all 0.2s ease;
    text-align: center;
}
.trademark .con02_cate_box > a.last {
    justify-content: center;
}
.trademark .con02_cate_box > a .img .on {
    display: none;
}
.trademark .con02_cate_box > a.on {
    color: #242cf3;
    border: 1px solid #242cf3;
}
.trademark .con02_cate_box > a.on .img img {
    display: none;
}
.trademark .con02_cate_box > a.on .img .on {
    display: inline-block;
}
.sub_container .con_sub_tit .common_tip_box .color {
    font-style: normal;
    color: #ff3399;
}
.trademark .con02 .con02_contents_box .box_wrap_02 .box {
    display: none;
    position: relative;
    align-items: center;
    gap: 20px;
    padding: 15px 20px;
    padding-right: 65px;
    border: 1px solid #dcdcdc;
    border-radius: 20px;
    font-size: 18px;
    font-weight: 400;
}
.trademark .con02 .con02_contents_box .box_wrap_02 .box.active {
    display: flex;
}
.trademark .con02 .con02_contents_box .box_wrap_02 + .box_wrap_02 {
    margin-top: 15px;
}
.trademark .con02 .con02_contents_box .box_wrap_02 .box .name {
    min-width: 100px;
    text-align: center;
    line-height: 50px;
    background-color: #cfcfd8;
    color: #fff;
    font-weight: 800;
    text-align: center;
    border-radius: 25px;
}
.trademark .con02 .con02_contents_box .box_wrap_02 .box.on {
    border: 1px solid #242cf3;
}
.trademark .con02 .con02_contents_box .box_wrap_02 .box.on .name {
    background-color: #242cf3;
}
.trademark .con02 .con02_contents_box .box_wrap_02 .box.on::after {
    content: '';
    position: absolute;
    width: 19px;
    height: 14px;
    right: 45px;
    top: 50%;
    transform: translateY(-50%);
    background: url('/img/con02_chk_icon.png') no-repeat center / cover;
}
.trademark .con03 .service_box {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}
.trademark .con03 .service_box .box {
    width: calc(33.333% - 27px);
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #efeff2;
}
.trademark .con03 .service_box .box .tit {
    font-size: 24px;
    font-weight: 800;
    color: #fff;
    text-align: center;
    padding: 25px;
    background-color: #cfcfd8;
}
.trademark .con03 .service_box .box .alt_box .t_box {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    font-size: 46px;
    font-weight: 700;
    color: #222;
    padding: 40px 0 25px;
    gap: 8px;
}
.trademark .con03 .service_box .box .alt_box .t_box span {
    font-size: 18px;
    color: #aaaaaa;
}
.trademark .con03 .service_box .box .alt_box .c_box {
    padding: 30px 20px;
    background-color: #f8f8f9;
    line-height: 1.6em;
    font-size: 18px;
    font-weight: 400;
    color: #666666;
    text-align: center;
}
.trademark .con03 .service_box .box .alt_box .b_box {
    padding: 40px 35px;
}
.trademark .con03 .service_box .box .alt_box .b_box p {
    position: relative;
    padding-left: 25px;
    font-size: 18px;
    font-weight: 700;
    color: #222;
}
.trademark .con03 .service_box .box .alt_box .b_box p + p {
    margin-top: 15px;
}
.trademark .con03 .service_box .box .alt_box .b_box .red {
    font-weight: 200;
    color: #666666;
    text-decoration: line-through;
}
.trademark .con03 .service_box .box .alt_box .b_box p::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 11px;
}
.trademark .con03 .service_box .box .alt_box .b_box .green::after {
    background: url('/img/con03_chk01.png') no-repeat center / cover;
}
.trademark .con03 .service_box .box .alt_box .b_box .red::after {
    background: url('/img/con03_chk02.png') no-repeat center / cover;
}
.trademark .con03 .service_box .box .alt_box .btn_box {
    width: 80%;
    border-radius: 25px;
    height: 50px;
    line-height: 50px;
    background-color: #cfcfd8;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    display: block;
    margin: 0 auto 30px;
}
.trademark .con03 .service_box .box.on {
    border: 1px solid #242cf3;
}
.trademark .con03 .service_box .box.on .tit {
    background-color: #242cf3;
}
.trademark .con03 .service_box .box.on  .alt_box .c_box {
    background-color: #f7f7ff;
    color: #242cf3;
}
.trademark .con03 .service_box .box.on  .alt_box .btn_box {
    background-color: #242cf3;
}
.trademark .con04 .select_item_box .box {
    border: 1px solid #242cf3;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}
.trademark .con04 .select_item_box .box + .box {
    margin-top: 30px;
}
.trademark .con04 .select_item_box .box .t_box {
    background-color: #f7f7ff;    
    display: flex;
    position: relative;
}
.trademark .con04 .select_item_box .box .t_box > a {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    color: #a1a1dc;
    display: flex;
    align-items: center;
    gap: 8px;
}
.trademark .con04 .select_item_box .box .t_box .sub_box {
    padding: 30px;
    font-size: 18px;
    font-weight: 700;
    color: #242cf3;
    text-align: center;
    width: 16%;
}
.trademark .con04 .select_item_box .box .t_box .sub_box.code {
    width: 12%;
}
.trademark .con04 .select_item_box .box .t_box .sub_box.date {
    padding-right: 85px;
}
.trademark .con04 .select_item_box .box .b_box {
    display: flex;
}
.trademark .con04 .select_item_box .box .b_box .sub_box {
    width: 16%;
    padding: 20px 30px;
}
.trademark .con04 .select_item_box .box .b_box .sub_box.code {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 12%;
}
.trademark .con04 .select_item_box .box .t_box .sub_box.date,
.trademark .con04 .select_item_box .box .b_box .sub_box.date {
    width: 40%;
}
.trademark .con04 .select_item_box .box .b_box .sub_box.cate .cate_box {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 20px;
    border-radius: 20px;
    border: 1px solid #242cf3;
    font-size: 18px;
    font-weight: 400;
    color: #242cf3;
    text-align: center;
}
.trademark .con04 .select_item_box .box .b_box .sub_box.cate .cate_box .img img {
    min-width: 20px;
}
.trademark .con04 .select_item_box .box .b_box .sub_box.class {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.trademark .con04 .select_item_box .box .b_box .sub_box.class .name {
    padding: 15px 20px;
    border-radius: 25px;
    background-color: #cfcfd8;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 800;
    color: #fff;
}
.trademark .con04 .select_item_box .box .b_box .sub_box.class span {
    font-size: 18px;
    font-weight: 400;
    color: #666666;
}
.trademark .con04 .select_item_box .box .b_box .sub_box.class span b {
    font-size: 24px;
    color: #ff3399;
}
.trademark .con04 .select_item_box .box .b_box .sub_box.service select {
    border: 1px solid #242cf3;
    color: #242cf3;
    font-size: 16px;
    font-weight: 800;
    border-radius: 20px;
    padding: 0 20px;
    padding-right: 50px;
    cursor: pointer;
    appearance: unset;
    height: 40px;
    background: url('/img/trademark_select_arw.png') no-repeat center right 15px;
}
.trademark .con04 .select_item_box .box .b_box .sub_box.service {
    display: flex;
    justify-content: center;
    align-items: center;
}
.trademark .main_banner {
    display: none;
}
.trademark .con04 .select_item_box .box .b_box .sub_box.date {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
}
.trademark .con04 .select_item_box .box .b_box .sub_box.date p {
    display: flex;
}
.trademark .con04 .select_item_box .box .b_box .sub_box.date p + p {
    margin-top: 8px;
}
.trademark .con04 .select_item_box .box .b_box .sub_box.date span {
    display: block;
    width: 50%;
    padding: 0 10px;
    position: relative;
    line-height: 1.5em;
}
.trademark .con04 .select_item_box .box .b_box .sub_box.date span:first-child::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 80%;
    background-color: #e5e5e5;
}
.trademark .sticky_box {
    position: sticky;
    bottom: -1px;
}
.trademark .sticky_box .result_box {    
    width: 100%;
    background-color: #272735;
    transition: all 0.3s ease;
    padding: 30px 0;
}
.trademark .sticky_box .result_box .inner {
    display: flex;
    color: #fff;
    height: 100%;
    justify-content: space-between;
    align-items: center;
}
.trademark .sticky_box .result_box .inner .hide {
    font-size: 20px;
    font-weight: 700;
}
.trademark .sticky_box .result_box .inner > div {
    display: flex;  
    height: auto;
}
.trademark .sticky_box .result_box .inner .left_box {
    flex-direction: column;
    text-align: center;
}
.trademark .sticky_box .result_box .inner .left_box .flex_box {
    display: flex;
    gap: 35px;
}
.trademark .sticky_box .result_box .inner .right_box {
    align-items: center;
    gap: 40px;
}
.trademark .sticky_box .result_box .inner .right_box .sub_box {
    display: flex;
}
.trademark .sticky_box .result_box .inner .right_box .btn_box {
}
.trademark .sticky_box .result_box .inner .right_box .box {
    display: flex;
    flex-direction: column;
}
.trademark .sticky_box .result_box .inner .right_box .box.price p {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
}
.trademark .sticky_box .result_box .inner .right_box .box.price p + p {
    margin-top: 10px;
}
.trademark .sticky_box .result_box .inner .right_box .box.price p span {
    display: block;
    position: relative;
}
.trademark .sticky_box .result_box .inner .right_box .box.price p span:first-child {
    width: 70%;
    padding-right: 8px;
}
.trademark .sticky_box .result_box .inner .right_box .box.price p span:first-child::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 60%;
    background-color: #61616f;
}
.trademark .sticky_box .result_box .inner .right_box .box.price p span:last-child {
    width: 40%;
    text-align: right;
}
.trademark .sticky_box .result_box .inner .right_box .box.won p span {
    font-size: 18px;
    font-weight: 800;
}
.trademark .sticky_box .result_box .inner .right_box .box.won p b {
    font-size: 34px;
    font-weight: 800;
}
.trademark .sticky_box .result_box .inner .left_box p {
    font-size: 26px;
    font-weight: 700;    
}

.trademark .sticky_box .result_box .inner .left_box p .num {
    color: #a1a1e3;
}
a.com_btn02 {
    width: 220px;
    border-radius: 32px;
    height: 65px;
    line-height: 65px;
    text-align: center;
    background-color: #ff3399;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    display: block;
}
.com_btn02.blue {
    background-color: #242cf3;
}
.trademark .sticky_box .result_box .inner .right_box .btn_box {
    display: flex;
    align-items: center;
    gap: 40px;
}
.trademark .sticky_box .result_box .inner .left_box .t_text {
    font-size: 16px;
    font-weight: 500;
    color: #7f7f94;
    letter-spacing: -0.05em;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.trademark .sticky_box .result_box .t_text img {
    transition: all 0.1s ease;
}
.trademark .sticky_box .result_box.on .t_text img {
    transform: rotate(-180deg);
}
.trademark .sticky_box .result_box .inner .right_box .box.won {
    text-align: center;
}
.trademark .sticky_box .result_box .hide {
    display: none !important;
}
.trademark .sticky_box .result_box.on .hide {
    display: block !important;
    justify-content: center;
}
.trademark .sticky_box .result_box.on .more {
    display: none !important;
}
.trademark .sticky_box .result_box .more {
    display: flex !important;
}
.sticky_box .mb_btn {
    display: none;
}

.prd_alt_box {
    margin-top: 20px;
}

.prd_alt_box .box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
    font-weight: 400;
    line-height: 2.2em;
}
.trademark .sticky_box .result_box .inner .left_box .column_box + .column_box {
    margin-top: 20px;
}
@media all and (max-width:1400px) {
    .trademark .con01 .chk_box_wrap .box {
        width: calc(50% - 10px);
    }
    .trademark .con02_cate_box > a {
        width: calc(25% - 15px);
    }
    .trademark .con03 .service_box {
        justify-content: center;
    }
    .trademark .con03 .service_box .box {
        width: calc(50% - 20px);
    }
}
@media all and (max-width:1024px) {
    .trademark .con02_cate_box > a {
        width: calc(50% - 10px);
    }
    .common_sub_page_nav .box:not(:last-child)::after {
        margin: 0 15px;
        width: 50px;
    }
    .common_sub_page_nav .box span {
        font-size: 18px;
    }
    .common_sub_page_nav .box .num {
        font-size: 22px;
        width: 32px;
        height: 32px;
        margin-right: 8px;
    }
    .trademark .con03 .service_box .box {
        width: 100%;
    }
    .sub_container .con_sub_tit {
        flex-direction: column;
    }
    .sub_visual .inner .custom_box {
        flex-direction: column;
        gap: 50px;
    }
    .sub_visual {
        padding: 80px 0;
        padding-top: 160px;
    }
    .sub_visual .sub_circle {
        width: 260px;
    }
    .sub_container .con_box {
        padding: 60px 20px;
    }
    .common_input_flex_box {
        flex-wrap: wrap;
    }
    
    .common_input_flex_box .c_button01.w260 {
        margin-left: auto;
    }
    .trademark .con04 .select_item_box .box .t_box .sub_box {
        display: none;
    }
    .trademark .con04 .select_item_box .box .t_box > a {
        top: 15px;
    }
    .trademark .con04 .select_item_box .box .b_box {
        flex-direction: column;
        padding: 15px 0;
    }
    .trademark .con04 .select_item_box .box .b_box .sub_box,
    .trademark .con04 .select_item_box .box .b_box .sub_box.code {
        width: 100%;
    }
    .trademark .con04 .select_item_box .box .b_box .sub_box.date {
        width: 100%;
        text-align: center;
    }
    
    .trademark .sticky_box .result_box .hide {
        display: flex !important;
        justify-content: center;
    }
    .trademark .sticky_box .result_box .more {
        display: none !important;
    }
    .trademark .sticky_box .result_box .inner .right_box .btn_box p {
        display: none;
    }
    .trademark .sticky_box .result_box .inner {
        flex-direction: column;
        width: 100%;
    }
    .trademark .sticky_box {
        z-index: 6;
    }
    .trademark .sticky_box .result_box {
        /* background: unset; */        
    }
    .trademark .sticky_box .result_box .inner .left_box .t_text {
        display: none;
    }
    .trademark .sticky_box .result_box .inner .left_box {
        max-height: 200px;
        overflow: auto;
    }
    .trademark .sticky_box .result_box .inner .left_box,
    .trademark .sticky_box .result_box .inner .right_box {
        width: 100%;
        padding: 20px;
    }
    .trademark .sticky_box .result_box .inner .right_box {
        flex-direction: column;
        gap: 40px;
    }
    .trademark .sticky_box .result_box .inner .right_box .btn_box {
        justify-content: center;
        width: 100%;
    }
    .trademark .sticky_box .result_box .inner .right_box .sub_box {
        width: 100%;
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }
    .trademark .sticky_box .result_box .inner .hide {
        margin-bottom: 20px !important;
    }
    .trademark .sticky_box .result_box .inner .right_box .box {
        width: 100%;
    }
    .sticky_box .mb_btn {
        display: block;
        width: 100%;
        text-align: center;
        background-color: #242cf3;
        font-size: 20px;
        font-weight: 700;
        color: #fff;
        cursor: pointer;
        padding: 20px;
    }
    .trademark .sticky_box .result_box {
        display: none;
        overflow: auto;
    }
}
@media all and (max-width:730px) {
    .trademark .con02_cate_box > a {
        width: 100%;
    }
    .trademark .con01 .chk_box_wrap .box {
        width: 100%;
    }
    .sub_visual .inner .custom_box .right {
        width: 100%;
    }   
    .sub_visual .inner .custom_box .left h3 {
        font-size: 40px;
    }
    .common_sub_page_nav .box .num {
        width: 22px;
        height: 22px;
        font-size: 16px;
    }
    .common_sub_page_nav {
        padding: 20px;
    } 
    .common_sub_page_nav .box span {
        font-size: 15px;
    }
    .common_sub_page_nav .box:not(:last-child)::after {
        margin: 0 10px;
        width: 30px;
    }
        
}
/* END trademark */

/* brand */
.com_sub_tit_box.type02 .com_table_box + .com_table_box {
    margin-top: 40px;
}
.com_sub_tit_box .tit {
    font-size: 44px;
    letter-spacing: -0.05em;
    font-weight: 700;
}
.com_sub_tit_box .tit.pink {
    color: #ff3399;
}
.com_sub_tit_box .tit.blue {
    color: #1c2cf3;
}
.com_sub_tit_box .sub_tit {
    font-weight: 400;
    font-size: 26px;
    letter-spacing: -0.05em;
    line-height: 1.7em;
    color: #222222;
}
.brand_circle_box {
    position: relative;
    display: flex;
    justify-content: center;
    height: 735px;
}
.brand_circle_box .box {
    aspect-ratio: 1/1;
    width: 460px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.brand_circle_box .box .tit {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -0.05em;
    margin-bottom: 20px;
}
.brand_circle_box .box .ep {
    font-size: 24px;
    letter-spacing: -0.025em;
    line-height: 1;    
}
.brand_circle_box .box.blue {
    background-color: rgba(234, 235, 255, 0.7);
    transform: translate(-50%, -80%);
}
.brand_circle_box .box.blue .ep {
    color: #7c81cb;
}
.brand_circle_box .box.pink2 .ep {
    color: #d181ad;
}
.brand_circle_box .box.yellow .ep {
    color: #99935e;
}
.brand_circle_box .box.pink2 {
    background-color: rgba(251, 234, 243, 0.6);
    transform: unset;
    transform: translateX(-90%);
    top: unset;
    bottom: 0;
}
.brand_circle_box .box.yellow {
    background-color: rgba(255, 248, 185, 0.4);
    transform: unset;
    transform: translateX(-10%);
    top: unset;
    bottom: 0;
}
.brand .con01 {
    background: url('/img/brand_con01_bg.png') no-repeat center bottom  / contain;
}
.brand_circle_box2 {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.brand_circle_box2 .box {
    position: absolute;
    padding: 100px 0;
    text-align: center;
    aspect-ratio: 1/1;
    border-radius: 50%;
}
.brand_circle_box2 .box.one {
    position: relative;
    width: 760px;    
    background-color: rgba(255, 51, 153, 0.05);
}
.brand_circle_box2 .box.two {
    width: 530px;
    background-color: rgba(255, 51, 153, 0.1);
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.brand_circle_box2 .box.three {
    padding: unset;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 300px;
    background-color: rgba(255, 51, 153, 1);
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.brand_circle_box2 .box .alt {
    font-size: 24px;
    letter-spacing: -0.05em;
    line-height: 1.4em;
    color: #222;
}
.brand_circle_box2 .box .ep {
    font-size: 50px;
    letter-spacing: -0.025em;
}
.brand_circle_box2 .box.one .ep {
    color: #e94b9c;
}
.brand_circle_box2 .box.two .ep {
    color: #bd5289;
}
.brand_circle_box2 .box.three .ep {
    color: #ffffff;
}
.brand_txt_box {
    text-align: center;
}
.brand_txt_box .tit {
    letter-spacing: 0;
    line-height: 1;
    font-size: 54px;
    color: #444;
}
.brand_txt_box .sub_tit {
    font-size: 30px;
    font-weight: 400;
    letter-spacing: -0.05em;
    color: #222;
    margin-top: 35px;
}
.com_flex_box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.com_flex_box .box {
    padding: 50px 40px;
    border-radius: 50px;
    background-color: #f5f5fa;    
}
.com_flex_box .box .num {
    font-size: 36px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.05em;
    margin-bottom: 15px;
}
.com_flex_box .box .tit {
    font-size: 24px;
    letter-spacing: -0.05em;
    color: #222;
    font-weight: 700;
}
.com_flex_box .box .sub_tit {
    font-size: 20px;
    letter-spacing: -0.05em;
    font-weight: 200;
    color: #222;
    margin: 10px 0;
}
.com_flex_box .box .line {
    border-radius: 2px;
    width: 28px;
    height: 4px;
    background-color: #ff3399;
    margin-bottom: 20px;
}
.com_flex_box .box .alt {
    font-size: 16px;
    letter-spacing: -0.05em;
    line-height: 1.65em;
    color: #666;
    font-weight: 200;
}
.com_flex_box.item04 {
    gap: 20px;
}
.com_flex_box.item04 .box {
    width: calc(25% - 15px);
}
.com_btn03 {
    width: 355px;
    height: 65px;
    background-color: #1c2cf3;
    border-radius: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    letter-spacing: -0.05em;
    font-weight: 700;
    color: #fff;
}

.com_btn_box {
    text-align: center;    
}
.com_btn_box a {
    color: #fff;
}

@media all and (max-width:1400px) {
    .com_flex_box.item04 {
        justify-content: center;
    }
    .com_flex_box.item04 .box {
        width: calc(33.333% - 14px);
    }
}

@media all and (max-width:1024px) {
    .brand_circle_box {
        height: auto;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 50px;
        justify-content: center;
    }
    .brand_circle_box .box {
        position: relative;
        transform: unset !important;
        left: unset;
        right: unset;
        bottom: unset;
        top: unset;
    }
    .com_flex_box.item04 .box {
        width: calc(50% - 10px);
    }
}

@media all and (max-width:900px) {
    .brand_circle_box2 .box.one {
        width: 100%;
    }
    .brand_circle_box2 .box {
        padding: 10% 0;
    }
    .brand_circle_box2 .box.two {
        width: 70%;
    }
    .brand_circle_box2 .box.three {
        width: 40%;
    }
}
@media all and (max-width:730px) {
    .brand_circle_box2 .box .ep {
        font-size: 40px;
    }
    .brand_circle_box2 .box .alt {
        font-size: 20px;
    }
    .com_sub_tit_box .sub_tit br {
        display: none;
    }
    .brand_txt_box .tit {
        font-size: 40px;
    }
    .brand_txt_box .sub_tit {
        font-size: 20px;
    }
    .sub_container .con {
        padding: 60px 0;
    }
    .com_flex_box .box {
        padding: 30px 20px;
    }
    .com_flex_box.item04 .box {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .main_banner .flex_box {
        flex-direction: column;
        gap: 60px;
    }
    .main_banner .flex_box .tit {
        font-size: 29px;
    }
    
}
/* END brand */

/* expense */
.com_flex_box.list4 {
    gap: 15px;
}
.com_flex_box .list {
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #cfcfd8;
    display: flex;
    flex-direction: column;
    padding-top: 50px;
}
.com_flex_box .list .top_box {
    text-align: center;
}
.com_flex_box .list .tit {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.05em;
    color: #222;
}
.com_flex_box .list .line {
    border-radius: 1.5px;
    width: 19px;
    height: 3px;
    background-color: #1c2cf3;
    margin: 15px auto;
}
.com_flex_box .list .money {
    font-size: 46px;
    font-weight: 400;
    letter-spacing: -0.05em;
    color: #31313d;
    line-height: 1;
    margin-bottom: 30px;
}
.com_flex_box .list .alt p {
    position: relative;
    font-size: 18px;
    font-weight: 200;
    letter-spacing: -0.025em;
    line-height: 1.4em;
    color: #666666;
    padding-left: 10px;
}
.com_flex_box .list .alt p::after {
    content: '-';
    position: absolute;
    top: 0;
    left: 0;
}
.com_flex_box .list .alt {
    margin-bottom: 40px;
    padding: 0 30px;
}
.com_flex_box .list .btm_box {
    margin-top: auto;
}
.com_flex_box .list .btm_box .t {
    background-color: #f5f5f7;
    padding: 10px 0;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.05em;
}
.com_flex_box .list .btm_box .b {
    padding: 25px 0;
    text-align: center;
    background-color: #1c2cf3;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -0.05em;
    color: #fff;
}
.com_flex_box.list4 .list {
   width: calc(25% - 12px); 
}
.expense .tell_box {
    text-align: center;
    margin: 0 auto;
}
.expense .tell_box .tit {
    line-height: 1.3em;
    font-size: 46px;
    font-weight: 200;
    color: #222;
    letter-spacing: -0.05em;
    margin: 50px 0 30px;
}
.expense .tell_box .tit p {
    font-weight: 700;
}
.expense .tell_box .line {
    width: 30px;
    height: 4px;
    border-radius: 2px;
    background-color: #ff3399;
    margin: 0 auto;
}
.expense .tell_box .tell {
    letter-spacing: -0.05em;
    font-size: 48px;
    line-height: 1;
    margin-top: 40px;
}
.com_kaka_btn {
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
    position: fixed;
    bottom: 20%;
    right: 5%;
    z-index: 5;
    border-radius: 43px;
    border: 1px solid transparent;    
    background-color: #ffe100;
    height: 50px;
}

.com_kaka_btn .img {
    box-shadow: 0px 8px 18px 0px rgba(0, 0, 0, 0.2);
    border-radius: 50%;
}
.com_kaka_btn .txt {
    font-size: 21px;
    letter-spacing: -0.05em;
    font-weight: 600;
    color: #000000;
    opacity: 0;
    width: 0;
    /* transition: all 0.5s , opacity 0.2s ; */
}
.com_kaka_btn:hover {    
    border-color: #bfbb9b;
}
.com_kaka_btn:hover .txt {
    opacity: 1;
    width: auto;
    padding: 0 50px 0 25px;
}
@media all and (max-width:1400px) {
    .com_flex_box.list4 {
        justify-content: center;
    }
    .com_flex_box.list4 .list {
        width: calc(33.3333% - 10px);
    }
}
@media all and (max-width:1024px) {
    .com_flex_box.list4 .list {
        width: calc(50% - 7.5px);
    }
}
@media all and (max-width:730px) {
    .com_flex_box.list4 .list {
        width: 100%;
    }
    .expense .tell_box .tit {
        font-size: 36px;
    }
    .expense .tell_box .tell {
        font-size: 40px;
    }
    .com_kaka_btn .img {
        width: 50px;
    }
    .com_kaka_btn .txt {
        font-size: 20px;
    }
    .com_kaka_btn:hover .txt {
        padding: 0 25px 0 12.5px;
    }
}
/* END expense */

/* success */
.com_flex_box .img {
    border-radius: 20px;
    box-shadow: 0px 8px 18px 0px rgba(0, 0, 0, 0.2);
    position: relative;
}
.com_flex_box .img .bg {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    aspect-ratio: 1/1.2;
    overflow: hidden;
}
.com_flex_box .img .bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.com_flex_box .img .txt_box {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background: linear-gradient(to bottom, #724d9e, #953173);
    padding: 45px 30px;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
.com_flex_box .img:hover .txt_box {
    opacity: 1;
}
.com_flex_box .img .txt_box .tit {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -0.05em;
    color: #fff;
}
.com_flex_box .img .txt_box .sub_alt {
    font-weight: 200;
    letter-spacing: -0.025em;
    font-size: 18px;
    color: #fff;
    line-height: 1.8em;
}
.com_flex_box.img03 {
    gap: 30px;
}
.com_flex_box.img03 .img {
    width: calc(33.333% - 20px);
}

@media all and (max-width:1024px) {
    .com_flex_box.img03 .img {
        width: calc(50% - 15px);
    }
}
@media all and (max-width:730px) {
    .com_flex_box.img03 .img {
        width: 100%;
    }
    .com_flex_box .img .txt_box {
        padding: 30px 20px;
    }
}
/* END success */

/* government */
.com_flex_box .gover {
    border-radius: 20px;
    box-shadow: 0px 8px 18px 0px rgba(0, 0, 0, 0.2);
}
.com_flex_box.gover02 {
    gap: 60px 40px;
}
.com_flex_box.gover02 .gover {
    width: calc(50% - 20px);
    display: flex;
    flex-direction: column;
}
.com_flex_box .gover .top_box {
    text-align: center;
    padding: 60px 0 45px;
    background-color: #f5f5f8;
    border-radius: 20px 20px 0 0;
}
.com_flex_box .gover .top_box .tit {
    font-size: 34px;
    font-weight: 700;
    letter-spacing: -0.05em;
    line-height: 1;
    margin-bottom: 20px;
}
.com_flex_box .gover .top_box .line {
    width: 20px;
    height: 3px;
    margin: 0 auto;
    border-radius: 1.5px;
    background-color: #1c2cf3;
}
.com_flex_box .gover .alt_box {
    padding: 60px 25px 30px;
}
.com_flex_box .gover .alt_box .sub_box + .sub_box {
    margin-top: 40px;
}
.com_flex_box .gover .alt_box .sub_box .sub_tit {
    font-size: 34px;
    font-weight: 700;
    letter-spacing: -0.05em;
    line-height: 1.3em;
    color: #222;
    margin-bottom: 10px;
}
.com_flex_box .gover .alt_box .sub_box .alt {
    position: relative;
    padding-left: 35px;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: -0.05em;
    line-height: 1.9em;
    color: #666;
}
.com_flex_box .gover .alt_box .sub_box .alt::after,
.com_flex_box .gover .alt_box .sub_box .alt.custom p::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 11px;
    background: url('/img/goverment_chk_icon.png') no-repeat center / cover;
    left: 0;
    top: 13px;
}

.com_flex_box .gover .alt_box .sub_box .alt.custom p:has(> img) {
    padding: unset;
}

.com_flex_box .gover .alt_box .sub_box .alt.custom p:has(> img)::after {
    display: none;
}
.com_flex_box .gover .alt_box .sub_box .alt.custom {
    padding: unset;
}
.com_flex_box .gover .alt_box .sub_box .alt.custom::after {
    display: none;
}
.com_flex_box .gover .alt_box .sub_box .alt.custom p {
    padding-left: 25px;
}
.com_flex_box .gover .alt_box .sub_box .alt.custom p::after {
    top: 5px;
}

.com_flex_box .gover .alt_box .sub_box .alt_table table{width: 100%; margin-top: 10px; border-top: 3px solid #000000; border-bottom: 1px solid #000000;}
.com_flex_box .gover .alt_box .sub_box .alt_table th{background-color: #f7edf2; font-weight: 700; color: #666666; font-size: 20px; letter-spacing: -0.05em;}
.com_flex_box .gover .alt_box .sub_box .alt_table td{text-align: center; padding: 8px 0; font-size: 20px; color: #666666; letter-spacing: -0.05em;}
.com_flex_box .gover .btn_box {
    text-align: right;
    padding: 0 25px 30px 0;
    margin-top: auto;
}
.com_flex_box .gover .com_btn02.type02 {
    color: #ff3399;
}
.com_btn02.type02 {
    display: inline-flex;
    justify-content: center;
    border-radius: 10px;    
    border: 1px solid #ff3399;
    background-color: #fff;
    transition: all 0.3s ease;
}
.gover .com_btn02.type02:hover {
    background-color: #ff3399;
    color: #fff;
}

@media all and (max-width:1024px) {
    .com_flex_box.gover02 .gover {
        width: 100%;
    }
}
/* END government */

/* mypage */

/* mypage_list */
.com_tab_box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.com_tab_box>.com_tab {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px 30px 0 0;
    background-color: #f9f9f9;
    font-size: 24px;
    letter-spacing: -0.05em;
    font-weight: 500;
    color: #000;
    padding: 36px 0;
}

.com_tab_box>.com_tab.active {
    background-color: #1c2cf3;
    color: #fff;
}

.com_tab_box.item03>.com_tab {
    width: 33.33333%;
}

.img.w100 img {
    width: 100%;
}

.com_list_box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 50px;
}

.com_list_box .img {
    aspect-ratio: 1/0.64;
    width: 25%;
}

.com_list_box .alt_box {
    width: calc(75% - 50px);
}

.com_list_box .alt_box .tit {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.05em;
    color: #222;
    margin-bottom: 20px;
}
.com_list_box .alt_box .alt {
    font-size: 20px;
    letter-spacing: -0.05em;
    line-height: 1.7em;
    font-weight: 500;
    color: #666;
}
.com_list_box .alt_box .alt p,
.com_list_box .alt_box .alt span {
    display: inline-block;
    word-break: break-all;
}
.com_list_box .alt_box .alt p {
    min-width: 160px;
    color: #222;
}
.com_list_wrap .com_list_box + .com_list_box {
    margin-top: 40px;
}
.com_page_nav_box {
    display: flex;
    justify-content: center;    
}
.com_page_nav_box .arw {
    padding: 15px;
}
.com_page_nav_box .num_box {
    display: flex;
    align-items: center;
}
.com_page_nav_box .page_num {
    font-size: 20px;
    font-weight: 500;
    padding: 0 30px;
    letter-spacing: -0.05em;
    color: #aaaaaa;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.com_page_nav_box .page_num:first-child {
    padding-left: 15px;
}

.com_page_nav_box .page_num:last-child {
    padding-right: 15px;
}

.com_page_nav_box .page_num:not(:last-child)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #e5e5e5;
    height: 15px;
    width: 1px;
}
.com_page_nav_box .page_num.active {
    color: #ff3399;
}

.list_wrap .page .page_num.active {
    color: #242cf3;
}

@media all and (max-width:1024px) {
    .com_list_box {
        flex-direction: column;
    }
    .com_list_box .alt_box,
    .com_list_box .img {
        width: 100%;
    }
    .sub_container .con_box.pd40 {
        padding: 20px;
    }
}
/* END mypage_list */

/* mypage_history */
.com_table_box {
    border-top: 3px solid #000;
    border-bottom: 1px solid #000;
}
.com_table_box.scroll {
    overflow: auto;
}
.com_table_box.scroll .table_head_box .box {
    background-color: #f7edf2;
}
.com_table_box .com_big_box {
    display: flex;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: -0.05em;
    color: #666666;
    transition: all 0.3s ease;
    background-color: #fff;
}
.com_table_box .com_big_box:hover {
    background-color: #f9f9f9;
}
.com_table_box .com_big_box .box {
    flex: 1;
    text-align: center;
    padding: 28px 10px;
}
.com_table_box .table_head_box {
    background-color: #f7edf2;
    font-weight: 700;
}
.com_table_box .table_body_box + .table_body_box {
    border-top: 1px solid #d2d2d2;
}
@media all and (max-width:1024px) {
    .com_table_box .box.mb_no {
        display: none;
    }

    .com_tab_box>.com_tab {
        padding: 26px 0;
        font-size: 18px;
    }
    .com_table_box.scroll .box {
        min-width: 130px;
    }
}
/* END mypage_history */

/* mypage_modify */
.com_table_box .flex_box {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    font-size: 20px;
    color: #666666;
    letter-spacing: -0.05em;
    font-weight: 400;
}
.com_btn02_wrap {
    display: flex;
    justify-content: center;
    gap: 20px;
}
.com_btn02_wrap .com_btn02 {
    margin-left: unset !important;
}
a.sign_btn02 {
    display: inline-block;
    width: 140px;
    height: 37px;
    line-height: 35px;
    font-size: 14px;
    color: #222;
    margin-left: 10px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 1px solid #222;
}
.table_alt .label_wrap  {
    margin: 0 10px;
    font-size: 14px;
    color: #444;
    display: flex;
    gap: 5px;
    align-items: center;
}
.com_table_box .flex_box .table_tit {
    width: 200px;
    font-weight: 700;
    background-color: #f7edf2;
    justify-content: center;
}
.com_table_box .flex_box .table_alt {
    width: calc(100% - 200px);
    gap: 0 15px;
    align-items: center;
}
.com_table_box .flex_box > div {
    padding: 12px 18px;
    display: flex;
    align-items: center;
    min-height: 70px;
}

.com_table_box .flex_box_wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.com_table_box .flex_box_wrap > div {    
    width: 50%;
    height: auto;
}
.com_table_box .flex_box_wrap_full > div {    
    width: 100%;
    height: auto;
}
.com_table_box .flex_box_wrap .flex_box .table_alt {
    justify-content: center;
}

.com_input_style_box {
    width: 100%;
    max-width: 315px;
    height: 45px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    padding: 0 10px;
}
.com_input_style_box input {
    border: unset;
    padding: unset;
    margin: unset;
    outline: unset;
    font-size: 20px;
    color: #666666;
    letter-spacing: -0.05em;
    font-weight: 400;
    width: 100%;
    height: 100%;
    background-color: transparent;
}
.com_table_box .flex_box .table_tit.type02 {
    background-color: #f9f9f9;
}
.com_table_box .flex_box .table_alt.type02 {
    padding: unset;
    flex-direction: column;
    align-items: stretch;
}
.table_etc {
    font-size: 16px;
    font-weight: 200;
    letter-spacing: -0.05em;
    color: #fb2121;
}
a.histoey_back_btn {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.05em;
    color: #666;
    padding: 12px 16px;
    border-radius: 10px;
    border: 1px solid #dcdcdc;
}

@media all and (max-width:1024px) {
    .com_table_box .flex_box .table_tit,
    .com_table_box .flex_box .table_alt {
        width: 100%;
    }
    .com_table_box .flex_box .table_tit {
        justify-content: flex-start;
    }
    .com_table_box .flex_box .table_alt {
        flex-wrap: wrap;
        gap: 10px 15px;
    }
    .com_table_box .flex_box_wrap > div {
        width: 100%;
    }
    .com_table_box .flex_box_wrap .flex_box .table_alt {
        justify-content: flex-start;
    }
}
/* END mypage_modify */

/* END mypage */

/* payment */
.com_border_box {
    padding: 80px 50px;
    border: 1px solid #e5e5e5;
    border-radius: 30px;
}

.com_border_box .tit {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.05em;
    color: #222;
}

.com_border_box .tit_box {
    justify-content: space-between;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e5e5e5;
}

.com_border_box .tit_box .reset_btn {
    min-width: 40px;
}

.com_border_box .etc_box {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.05em;
    line-height: 1.55em;
    color: #666;
}
.com_border_box .etc_box p {
    position: relative;
    padding-left: 10px;
}

.com_border_box .etc_box p::after {
    content: '*';
    position: absolute;
    top: 0;
    left: 0;
}

.com_table_box .flex_box .table_tit .req {
    position: relative;
}

.com_table_box .flex_box .table_tit .req::after {
    content: '*';
    top: 0;
    right: 0;
    color: #ff3399;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 40rem #fff inset;
}

.com_border_box .tit.flex_box {
    gap: 15px;
}

.com_chk_box01_wrap {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.05em;
    color: #222;
    width: fit-content;
}

.com_chk_box01_wrap input {
    appearance: none;
    cursor: pointer;
    min-width: 20px;
    aspect-ratio: 1/1;
    background: url('/img/chk_icon.png') no-repeat center / cover;
}

.com_chk_box01_wrap.blue,
.com_chk_box01_wrap.pink {    
    font-size: 20px;
    font-weight: 400;
    color: #666;
}

.com_chk_box01_wrap input[type='checkbox']:checked {
    background: url('/img/chk_icon_active.png') no-repeat center / cover;
}

.com_chk_box01_wrap.blue input:checked {
    background: url('/img/blue_chk_icon_active.png') no-repeat center / cover;
}

.com_chk_box01_wrap.pink input:checked {
    background: url('/img/pink_chk_icon_active.png') no-repeat center / cover;
}

.com_chk_box01_wrap_box.flex_box .com_chk_box01_wrap + .com_chk_box01_wrap {
    margin-top: unset;
}

.com_chk_box01_wrap_box.flex_box {
    gap: 50px;
    flex-wrap: wrap;
}

.com_table_box .flex_box.radio {
    align-items: center;
    gap: 10px 30px;
    flex-wrap: wrap;
}

.com_radio_wrap {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 20px;
    letter-spacing: -0.05em;
    font-weight: 400;
    color: #666;
    cursor: pointer;
}

.com_radio_wrap input[type='radio'] {
    appearance: none;
    cursor: pointer;
    min-width: 20px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background: url('/img/radio_icon.png') no-repeat center / cover;
}

.com_radio_wrap input[type='radio']:checked {
    background: url('/img/radio_icon_active.png') no-repeat center / cover;
}

.com_input_style_box.big {
    max-width: 630px;
}

.com_input_style_box.small {
    max-width: 165px;
}

.com_input_style_box.file {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.05em;
    color: #888888;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 5px;
}

.com_input_style_box.file label input {
    display: none;
}

.com_input_style_box.file label span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    letter-spacing: -0.05em;
    font-weight: 400;
    color: #888;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    padding: 6px 12px;
    background-color: #eaeaea;
}

.flex_box02 {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 15px;
    align-items: center;
    width: 100%;
}

.flex_box03 {
    display: flex;
    gap: 5px;
    width: 100%;
}

a.table_com_btn {
    min-width: 100px;
    height: 45px;
    background-color: #353535;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: -0.05em;
    transition: all 0.3s ease;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}
a.table_com_btn:hover {
    opacity: 0.8;
}
.table_body_box .w100 {
    width: 100%;
}
.com_input_style_box input::placeholder {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.05em;
    color: #888;
}

.com_chk_box01_wrap_box .com_chk_box01_wrap + .com_chk_box01_wrap {
    margin-top: 20px;
}
.com_chk_box01_wrap .link_btn {
    font-weight: 200;
    font-size: 16px;
    letter-spacing: -0.05em;
    color: #ff3399;
    text-decoration: underline;
    text-underline-position: under;
}
.com_btn04_wrap {
    gap: 10px;
}
a.com_btn04 {
    width: 100%;
    max-width: 200px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: -0.05em;
    color: #666;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    transition: all 0.3s ease;
}
a.com_btn04:hover {
    opacity: 0.7;
}
a.com_btn04.pink {
    color: #ff3399;
    background-color: #f7edf2;
    border-color: #f7edf2;
}
.com_input_style_box.readOnly {
    background-color: #f3f3f3;
}
.com_input_style_box.readOnly input {
    background-color: #f3f3f3;
}

@media all and (max-width:1024px) {
    .com_border_box {
        padding: 40px 20px;        
    }
    .flex_box02 > div {
        flex: 1;
    }
    .flex_box02 {
        gap: 10px;
    }
    .com_table_box .flex_box .table_alt {
        padding: 12px 0;
    }
}

@media all and (max-width:700px) {
    .com_input_style_box {
        max-width: 100%;
    }
}
/* END payment */

/* inquiry */
.com_table_type01 {
    display: flex;
}
.com_table_type01 .top_box,
.com_table_type01 .btm_box {
    display: flex;
}
.com_table_type01 .top_box {
    flex: 1;
    min-width: 0;
}
.com_table_type01 .btm_box {
    flex: 0.75;
}
.com_table_type01 .box {
    min-height: 70px;
    font-size: 20px;
    letter-spacing: -0.05em;
    font-weight: 400;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: center;
}

.com_table_type01 .box.left {
    justify-content: left;
    padding: 0 20px;
}
.com_table_type01.table_head_box .box {
    
    font-weight: 700;
}
.com_table_type01 .num,
.com_table_type01 .chk {
    min-width: 60px;
}
.com_table_type01 .writer,
.com_table_type01 .date,
.com_table_type01 .state {
    min-width: 200px;
}
.com_table_type01 .tit {
    width: 100%;
    min-width: 0;
}
.text_ov {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.com_table_type01.table_body_box {
    background-color: #fff;
}
.com_table_type01.table_body_box .state {
    color: #aaaaaa;
}
.com_table_type01.table_body_box .tit p.lock {
    position: relative;
    padding-left: 30px;
}
.com_table_type01.table_body_box .tit p.lock::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 18px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: url('/img/lock_icon.png') no-repeat center / cover;
}
.com_table_type01.table_body_box .state.complete {
    color: #2b7bf4;
}
a.com_btn02.inquiry {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #fff;
    
}
.com_page_nav_box_wrap {
    position: relative;
}
.com_page_nav_box_wrap a.com_btn02.inquiry {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

@media all and (max-width:1400px) {
    .com_table_type01 .writer, .com_table_type01 .date, .com_table_type01 .state {
        min-width: 150px;
    }
}

@media all and (max-width:1024px) {
    .com_table_type01 .top_box,
    .com_table_type01 .btm_box {
        flex: unset;
    }
    .com_page_nav_box_wrap {
        display: flex;
        flex-direction: column;
    }
    .com_page_nav_box_wrap .com_page_nav_box {
        order: 2;
    }
    .com_page_nav_box_wrap a.com_btn02.inquiry {
        position: relative;
        right: unset;
        transform: unset;
        top: unset;
        margin-left: auto;
        margin-top: 40px;
    }
    .com_table_type01 .box {
        font-size: 18px;
    }
}

.inquiry_write .com_border_box {
    background-color: #fff;
}
/* END inquiry */

/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

            로그인 페이지

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.login_page .con01{padding:120px 0;}
.login_page .con01 .inner{max-width: 500px;}
.login_page .con01 .login_con_alt .tit{text-align: center;}
.login_page .con01 .login_con_alt .tit h3{font-size: 70px; color: #1c2cf3; letter-spacing: 0; font-weight: 700;}
.login_page .con01 .login_con_alt .input_box{width: 100%; box-sizing: border-box; border-radius: 6px; border: 1px solid #e5e5e5; overflow: hidden;}
.login_page .con01 .login_con_alt .input_box input{width: 100%; height: 100%; border: none; outline: none; height: 56px; padding: 20px 15px; box-sizing: border-box; font-size: 16px; font-weight: 500; color: #222;}
.login_page .con01 .login_con_alt .input_box input::placeholder{font-weight: 300; color: #aaaaaa; font-size: 16px; letter-spacing: -0.045em;}
.login_page .con01 .login_con_alt .input_check label{display: flex; gap: 10px; align-items: center;}
.login_page .con01 .login_con_alt .input_check label input[type="checkbox"]{display: none;}
.login_page .con01 .login_con_alt .input_check label input[type="checkbox"]:checked ~ i{background: #1c2cf3 url(/img/check_on_icon.png)no-repeat center center; border-color: #1c2cf3;}
.login_page .con01 .login_con_alt .input_check label i{width: 18px; aspect-ratio: 1/1; box-sizing: border-box; border: 1px solid #dcdcdc; display: block;}
.login_page .con01 .login_con_alt .input_check label span{font-weight: 500; color: #666666; letter-spacing: -0.045em; font-size: 16px;}

.login_page .con01 .login_con_alt .bot_box{margin-top: 40px; padding-top: 40px; border-top: 1px solid #e5e5e5;}
.login_page .con01 .login_con_alt .btn_alt_box{width: 100%;}
.login_page .con01 .login_con_alt .btn_alt_box .btn{width: 100%; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 6px; font-size: 20px; letter-spacing: -0.045em; font-weight: 600; transition: .5s;}

.login_page .con01 .login_con_alt .btn_alt_box .btn.blue_btn{border: 1px solid #242cf3; color: #242cf3;}
.login_page .con01 .login_con_alt .btn_alt_box .btn.yellow_btn{background-color: #ffe227; color: #080818;}
.login_page .con01 .login_con_alt .btn_alt_box .btn.green_btn{background-color: #4bac3b; color: #ffffff;}
.login_page .con01 .login_con_alt .btn_alt_box .btn.blue_btn:hover{background-color: #242cf3; color: #fff;}

.login_page .con01 .login_con_alt  .user_list ul{display: flex; justify-content: center; align-items: center;}
.login_page .con01 .login_con_alt  .user_list ul li{position: relative;}
.login_page .con01 .login_con_alt  .user_list ul li + li:before{content: ''; position: absolute; left: 0; top: 3px; width: 1px; height: 18px; background-color: #666;}
.login_page .con01 .login_con_alt  .user_list ul li:hover a{color: #222;}
.login_page .con01 .login_con_alt  .user_list ul li a{font-size: 18px; color: #666666; font-weight: 300; letter-spacing: -0.045em; padding: 0 15px;}

/* 무통장입금 */
.com_bar_ment {
    position: relative;
}
.com_bar_ment + .com_bar_ment {
    margin-left: 10px;
    padding-left: 10px;
}
.com_bar_ment + .com_bar_ment::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background-color: #bfbfbf;
}
.btm_btn_box a {
    display: block;
}
.btm_btn_box {
    position: relative;
    display: flex;
    justify-content: center;
}
.btm_btn_box .com_box_wrap {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    gap: 8px;
    flex-wrap: wrap;
}
.btm_btn_box .com_btn02 {
    color: #fff;
}
a.com_btn05 {
    font-size: 18px;
    padding: 12px 17px;
    border: 1px solid #dcdcdc;
    border-radius: 10px;
    color: #666666;
    font-weight: 400;
    letter-spacing: -0.05em;
    display: flex;
    align-items: center;
    justify-content: center;
}
a.com_btn05.blue {
    background-color: #f4f4ff;
    border-color: transparent;
    color: #4755ff;
}

.bar_ment_box {
    padding: 0 10px;
}
.con_tit.type01 {
    align-items: center;
    gap: 10px;
}
.com_box_ment {
    font-size: 18px;
    font-weight: 300;
    letter-spacing: -0.05em;
    color: #666;
    line-height: 1.9em;
}
.agree_con_box {
    min-height: 650px;
    max-height: 650px;
    overflow: auto;
}
.com_btn_box02 {
    display: flex;
    justify-content: center;
}
@media all and (max-width:1024px) {
    .btm_btn_box .com_box_wrap {
        position: relative;
        left: unset;
        top: unset;
        transform: unset;
    }
    .btm_btn_box {
        gap: 10px;
        justify-content: space-between;
    }
    .btm_btn_box .com_btn02 {
        width: 170px;
        min-width: 170px;
    }
}
/* END 무통장입금 */

/* 2024.03.11 추가 */
.goverment_alt_box {
    position: relative;
    margin-bottom: 60px;
}
.goverment_alt_box .bg {
    position: absolute;
    top: 0;
    right: 0;
}
.goverment_alt_box .tit_box .sub_tit {
    font-size: var(--fz-30);
    letter-spacing: -0.05em;
    color: #222;
    font-weight: 400;
}
.goverment_alt_box .tit_box .tit {
    margin-top: 10px;
    font-size: var(--fz-44);
    font-weight: 600;
    letter-spacing: -0.05em;
    color: #222;
}
.goverment_alt_box .flex_box {
    flex-wrap: wrap;
    align-items: center;
}
.goverment_alt_box .flex_box .img {
    width: 44%;
    max-width: 620px;
}
.goverment_alt_box .flex_box .txt_box_wrap {
    width: 56%;
}
.goverment_alt_box .flex_box .txt_box + .txt_box {
    margin-top: 60px;
}

.goverment_alt_box .flex_box .txt_box .tit {
    font-size: var(--fz-30);
    font-weight: 600;
    letter-spacing: -0.05em;
    margin-bottom: 20px;
    color: #222222;
}
.goverment_alt_box .flex_box .txt_box .alt {
    font-size: var(--fz-24);
    font-weight: 300;
    letter-spacing: -0.05em;
    line-height: 1.7em;
    color: #666666;
}

.goverment_alt_box .flex_box .txt_box .alt span {
    font-weight: 700;
    color: #fff;
    background-color: #1c2cf3;
    padding: 3px;
}
.goverment_alt_box .flex_box .txt_box .alt p {
    font-size: var(--fz-20);
    font-weight: 300;
    position: relative;
    color: #666;
    letter-spacing: -0.05em;
    padding-left: 10px;
}
.goverment_alt_box .flex_box .txt_box .alt p::after {
    content: '-';
    position: absolute;
    left: 0;
    top: 0;
}

.com_flex_box .gover .alt_box .sub_box .alt.lable_box {
    padding: unset;
}
.com_flex_box .gover .alt_box .sub_box .alt.lable_box::after {
    display: none;
}
.com_flex_box .gover .alt_box .sub_box .alt.lable_box .flex_box {
    gap: 10px;
}
.com_flex_box .gover .alt_box .sub_box .alt.lable_box .flex_box .label {
    min-width: 120px;
    height: 40px;
    display: flex;
    align-items: center;
    padding: 0 8px;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.05em;
    color: #fff;
    border-radius: 10px;
}
.com_flex_box .gover .alt_box .sub_box .alt.lable_box .flex_box + .flex_box {
    margin-top: 15px;
}
.com_flex_box .gover .alt_box .sub_box .alt.lable_box .flex_box .label.green {
    background-color: #51aead;
}
.com_flex_box .gover .alt_box .sub_box .alt.lable_box .flex_box .label.blue {
    background-color: #24709b;
}
.com_flex_box .gover .top_box.custom {
    padding: 40px 0 22px;
}
.com_flex_box .gover .top_box .sub_tit {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.05em;
    color: #222;
}
.com_flex_box .gover .alt_box .sub_box .alt p {
    position: relative;
    font-size: 16px;
    letter-spacing: -0.05em;
    line-height: 1.38em;
    color: #666;
    font-weight: 200;
    padding-left: 10px;
}
.com_flex_box .gover .alt_box .sub_box .alt p::after {
    position: absolute;
    content: '*';
    left: 0;
    top: 0;
}
.com_flex_box .gover .alt_box .sub_box .alt_table .t_head th {
    padding: 25px 0;
}
.com_flex_box .gover .alt_box .sub_box .alt_table .t_body th {
    border-top: 1px solid #fff;
    padding: 20px 0;
}
@media all and (max-width:1400px) {
    .goverment_alt_box .flex_box .img,
    .goverment_alt_box .flex_box .txt_box_wrap {
        width: 100%;
    }
    .goverment_alt_box .flex_box .txt_box .alt br {
        display: none;
    }
}
/* END 2024.03.11 추가 */

.login_wrap.custom {
    border-top: unset;
}

.login_wrap.custom .login_tit {
    display: flex;
    flex-direction: column;
    color: #1c2cf3;
}
.findCon_wrap.custom {
    max-width: 500px;
    border-top: unset !important;
}
.findCon_wrap.custom > div {
    border-top: unset;
    padding-top: unset;
    float: unset;
    width: 100%;
}
.findCon_wrap.custom .in_hei {
    height: auto;
}
.findCon_wrap.custom .up_txt {
    padding: 30px;
    border-radius: 10px;
    background-color: #f3f4f9;
}
.custom_tab_control_box {
    display: flex;
    width: 100%;
    margin-top: 40px !important;
}
.custom_tab_control_box > a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    border-radius: 30px 30px 0 0;
    background-color: #f9f9f9;
    color: #222;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.05em;
    padding: 20px 0;
}
.custom_tab_control_box > a.active {
    background-color: #1c2cf3;
    color: #fff;
}
.findCon_wrap.custom .custom_tab_box.two {
    display: none;
}
.readBottom.custom table tr th {
    height: 60px;
    background-color: #f7edf2;
}
.programCon .urlFile.custom p {
    padding: unset;
    border: unset;
    display: inline-flex;
    align-items: center;
    border-radius: 20px;
    background-color: #f8f8f9;
    padding: 10px 25px;    
}
.programCon .urlFile.custom {
    margin-bottom: 20px;
}
.readBottom_btn.custom dd a.custom_btn05,
a.custom_btn05 {
    width: auto;
    padding: 5px 15px;
    border-radius: 10px;
    height: 40px;
    min-width: max-content;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.05em;
    color: #666666;
    border: 1px solid #666;
    background-color: transparent;
    line-height: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: max-content;
} 
.readBottom_btn.custom dd {
    float: left;
}
.readBottom.custom {
    border-top: 1px solid #000;
}
.readTop {
    border-top: 3px solid #000;
}

.gover_read_tit {
    font-size: var(--fz-44);
    font-weight: 700;
    letter-spacing: -0.05em;
    color: #1c2cf3;
    margin-bottom: 60px;
}


.table_alt select {
    font-size: 18px;
}
.alt_box02 p {
    position: relative;
    padding-left: 30px;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: -0.05em;
    color: #666666;
    line-height: 1.38em;
}
.alt_box02 p:has(> img) {
    padding-left: unset;
}
.alt_box02 p::after {
    content: '';
    position: absolute;
    width: 13px;
    height: 10px;
    background: url('/img/blue_arw_icon.png') no-repeat center / cover;
    left: 0;
    top: 8px;
}
.alt_box02 p:has(> img)::after {
    display: none;
}
.con_box_wrap02 .con_box + .con_box {
    margin-top: 60px;
}
.btn_box_wrap03 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}
.right_box03 {
    display: flex;
    justify-content: flex-end;
}
@media all and (max-width:700px) {
    .con_box_wrap02 .con_box + .con_box {
        margin-top: 40px;
    }
}


.myeon_ch_box .pink_bbox{
    background-color: #fbf5fa;
    padding: 50px 40px;
    border-radius: 20px;
}

.myeon_ch_box .pink_bbox h5{
    font-size: 20px;
    font-weight: 600;
    color: #1c2cf3;
    letter-spacing: -0.025em;
    margin-bottom: 20px;
}
.myeon_ch_box .pink_bbox ul li{
    padding-left: 15px;
    font-size: 16px;
    color: #666666;
    letter-spacing: -0.025em;
    line-height: 1.875em;
    font-weight: 200;
    position: relative;
}
.myeon_ch_box .pink_bbox ul li:before{
    position: absolute;
    left: 0;
    top: 11px;
    content: '';
    background-color: #ff3399;
    border-radius: 50%;
    width: 6px;
    aspect-ratio: 1/1;
}

.myeon_ch_box.air{position: absolute; right: calc(100% + 25px); width: 650px; max-width: 47vw; z-index: 10; top: -25px; display: none;}
.myeon_ch_box.air:before{position: absolute; right: 0; top: 25px; width: 30px; height: 30px; background-color: #fbf5fa; content: ''; transform: translateX(50%); clip-path: polygon(50% 0%, 50% 100%, 100% 50%);}
.myeon_ch_box.air .pink_bbox{box-shadow: 8px 8px 48px 0px rgba(0, 0, 0, 0.2);}

@media all and (max-width:1024px){
    .myeon_ch_box.air{
        right: auto;
        top: calc(100% + 30px);
        left: 0;
        max-width: 90vw;
    }
    .myeon_ch_box.air:before{right: auto; left: 20px; top: 0; transform: translateY(-50%);}
}

.com_table_box .flex_box .table_alt.ema_il_box{display: flex; align-items: center;}
.com_table_box .flex_box .table_alt.ema_il_box > span{display: flex; align-items: center; gap: 5px;}
.com_table_box .flex_box .table_alt.ema_il_box span input,
.com_table_box .flex_box .table_alt.ema_il_box select{height: 45px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    padding: 0 10px;
}

.wi_im_zang{position: fixed; top: 50%; left: 50%; max-height: 90vh; max-width: 90vw; width: 1040px; border-radius: 20px; background-color: #fff; padding: 80px 50px; box-sizing: border-box; transform: translate(-50%,-50%); z-index: 11; overflow-y: scroll; display: none;}
.wi_im_zang_bg{position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; background-color: rgba(0,0,0,.2); z-index: 10; display: none;}
.wi_im_zang .wi_tt{font-size: 36px; color: #000000; font-weight: 700; letter-spacing: -0.01em; text-align: center;}
.wi_im_zang .wi_table{margin-top: 40px;}
.wi_im_zang .wi_table table{width: 100%; border-top: 1px solid #e5e5e5;}
.wi_im_zang .wi_table table tr{border-bottom: 1px solid #e5e5e5;}
.wi_im_zang .wi_table table th.border-right{border-right: 1px solid #e5e5e5;}
.wi_im_zang .wi_table table th,
.wi_im_zang .wi_table table td{color: #222222; font-size: 20px; letter-spacing: -0.01em; text-align: center; padding: 20px 0;}
.wi_im_zang .wi_table table th{background-color: #f9f9f9; font-weight: 700;}
.wi_im_zang .wi_table table td{background-color: #fff;}
.wi_im_zang .wi_ssub{margin-top: 30px; color: #222222; font-size: 24px; letter-spacing: -0.01em; font-weight: 700;}
.wi_im_zang .wi_scroll_box{padding: 30px; border: 1px solid #e5e5e5; border-radius: 10px; margin-top: 15px; max-height: 340px; overflow-y: auto; box-sizing: border-box; background-color: #f5f6ff;}
.wi_im_zang .wi_scroll_box p{font-size: 16px; color: #666666; font-weight: 300; letter-spacing: -0.01em; line-height: 1.875em;}

/* 스크롤바의 폭 너비 */
.wi_im_zang .wi_scroll_box::-webkit-scrollbar {
    width: 2px;
}

.wi_im_zang .wi_scroll_box::-webkit-scrollbar-thumb {
    background-color: #001aff;
    /* 스크롤바 색상 */
    border-radius: 10px;
}

.wi_im_zang .wi_scroll_box::-webkit-scrollbar-track {
    background-color: #dee0f1;
    /*스크롤바 뒷 배경 색상*/
}
.wi_im_zang .wi_bot_txt{ text-align: center; max-width: 600px;margin: 40px auto 0; letter-spacing: -0.01em}
.wi_im_zang .wi_bot_txt h6{font-size: 20px; font-weight: 500; color: #444444; }
.wi_im_zang .wi_bot_txt h5{font-size: 18px; color: #444444; font-weight: 300;}
.wi_im_zang .wi_bot_txt p{margin-top: 20px; font-size: 16px; color: #666666; font-weight: 300; line-height: 1.5em;}
.wi_im_zang .wi_bttn{margin-top: 40px;}
.wi_im_zang .wi_bttn a{width: 180px; height: 45px; background-color: #1c2cf3; color: #fff; text-align: center; display: flex; align-items: center; justify-content: center; border-radius: 23px; font-weight: 600; font-size: 18px; margin: 0 auto;}

@media all and (max-width:768px){
    .wi_im_zang{
        padding: 50px 25px;
    }
    .wi_im_zang .wi_table table th, .wi_im_zang .wi_table table td{font-size: 18px;}
}

/* 2024.08.05 추가 */
.box_cate_box01 {
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #242cf3;
    margin-top: 15px;
    display: none;
}
.box_cate_box01.active {
    display: block;
}
.box_cate_box01 .tit_box .tit {
    padding: 30px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    background-color: #f1f2ff;
    border-bottom: 1px solid #242cf3;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.05em;
    color: #222222;
}
.box_cate_box01 .tit_box .tit .txt_box01 {
    display: flex;
    align-items: center;
    gap: 10px;
}
.box_cate_box01 .alt_box01 {
    overflow: auto;
    height: 360px;    
    padding: 15px;
}
.box_cate_box01 .alt_box01 a {
    display: flex;
    align-items: center;
    font-size: 18px;
    letter-spacing: -0.05em;
    padding: 10px ;
}
.box_cate_box01 .alt_box01 a + a {
    margin-top: 5px;
}
.box_cate_box01 .alt_box01 a .tit {
    min-width: 170px;
    padding-left: 30px;
    position: relative;
    font-weight: 700;
}
.box_cate_box01 .alt_box01 a .alt {
    font-weight: 300;
    color: #666666;
}
.box_cate_box01 .alt_box01 a.active .tit::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 19px;
    height: 14px;
    background: url('/img/chk_icon02.png') no-repeat center / cover;
}
.box_cate_box01 .alt_box01 a.active {
    border-radius: 6px;
    background-color: #f1f2ff;
}
.box_cate_box01 .tit_box .chk_box05 {
    display: flex;
    padding: 10px 15px;
    border-radius: 10px;
    background-color: #9195f9;
    color: #fff;
    gap: 15px;
    align-items: center;
}
@media all and (max-width:700px) {
    .box_cate_box01 .alt_box01 a {
        font-size: 16px;
    }
    .box_cate_box01 .alt_box01 a .tit {
        min-width: 130px;
    }
}
/* END 2024.08.05 추가 */

/* 2024.08.30 추가 */
.modal_code_table {
    overflow: auto;
    height: 205px;
}
.modal_code_table .code_box {
    display: flex;
    font-size: 18px;
    letter-spacing: -0.05em;
}
.modal_code_table .code_box:first-child .tit {
    border-radius: 10px 10px 0 0;
}
.modal_code_table .code_box:last-child .tit {
    border-radius: 0 0 10px 10px;
}
.modal_code_table .code_box .tit {
    background-color: #f1f2ff;
    padding: 15px 10px;
    min-width: 100px;
    font-weight: 700;
    color: #222222;
}
.modal_code_table .code_box .alt {
    padding: 15px 10px;
    color: #666666;
    font-weight: 300;
    width: calc(100% - 100px);
}

.modal_code_table::-webkit-scrollbar {
    width: 6px;  
}

.modal_code_table::-webkit-scrollbar-thumb {
    background: #242cf3;
    border-radius: 3px;
}

.modal_code_table::-webkit-scrollbar-track {
    background: #cfcfd8;  
}
/* END 2024.08.30 추가 */