@charset "utf-8";

#tnb_sch input {
    display: inline-block!important;
}
#hd_wrapper {
    display: flex;
    gap: 10px;
    align-items: center
}
#tnb_sch {
    float: unset!important;
    display: flex;
    gap: 10px;
    align-items: center;
    min-width: fit-content;
}
#r_area {
    position: unset!important;
    display: flex;
    gap: 10px;
    align-items: center;
    width: 100%;
}
.no_read_badge.none {
    background: #5e5e5e
}
#tnb {
    width: 100%;
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: flex-end;
}
#tnb a:not(.join) {
    padding: 10px 0px!important;
    color: #5e5e5e!important;
}
#tnb a.txt_color {
    color: #7d75db !important;
}
#tnb:after {
    display: none!important
}
#r_area:after {
    display: none!important
}
#hd_wrapper:after {
    display: none!important
}
#ft_menu a i {
    font-size: 1.25em!important;
    margin: 5px 0!important
}
#ft_menu li:nth-child(3) a i {
    font-size: 1.25em!important;
    margin: 5px 0!important
}
@media screen and (max-width: 1199px) {
    #motitle {
        width: 100%;
    }
    #r_area {
        display: none;
    }
    #logo {
        width: 100%;
    }
}
@media (max-width: 992px) {
    #ft_menu li:nth-child(3) a {
        color: #666;
        padding: unset;
        background: unset;
        width: unset;
        height: unset;
        border-radius:unset;
        display: block;
        margin: unset;
        line-height: unset;
        position: relative;
        top: unset;
        border:unset;
        box-shadow:unset;
        font-size: 1.10em;
    }
}
/*공통*/
/*스크롤디자인*/
::-webkit-scrollbar {
    width: 10px;
    height: 12px;
}
::-webkit-scrollbar-thumb {
    background-color: #aea9be;
    border-radius: 3px;
    background-clip: padding-box;
    border: 3px solid transparent;
}
::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    border-radius: 3px;
}
/* START TOOLTIP STYLES */
[tooltip] {
    position: relative;
    /* opinion 1 */
}
/* Applies to all tooltips */
[tooltip]::before, [tooltip]::after {
    text-transform: none;
    /* opinion 2 */
    font-size: .9em;
    /* opinion 3 */
    line-height: 1;
    user-select: none;
    pointer-events: none;
    position: absolute;
    display: none;
    opacity: 0;
}
[tooltip]::before {
    content: '';
    border: 5px solid transparent;
    /* opinion 4 */
    z-index: 1001;
    /* absurdity 1 */
}
[tooltip]::after {
    content: attr(tooltip);
    /* magic! */
    /* most of the rest of this is opinion */
    font-family: Helvetica, sans-serif;
    text-align: center;
    /* Let the content set the size of the tooltips but this will also keep them from being obnoxious */
    min-width: 3em;
    max-width: 21em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 1ch 1.5ch;
    border-radius: .3ch;
    box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
    background: #333;
    color: #fff;
    z-index: 1000;
    /* absurdity 2 */
}
/* Make the tooltips respond to hover */
[tooltip]:hover::before, [tooltip]:hover::after {
    display: block;
}
/* don't show empty tooltips */
[tooltip='']::before, [tooltip='']::after {
    display: none !important;
}
/* FLOW: UP */
[tooltip]:not([flow])::before, [tooltip][flow^="up"]::before {
    bottom: 100%;
    border-bottom-width: 0;
    border-top-color: #333;
}
[tooltip]:not([flow])::after, [tooltip][flow^="up"]::after {
    bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before, [tooltip]:not([flow])::after, [tooltip][flow^="up"]::before, [tooltip][flow^="up"]::after {
    left: 50%;
    transform: translate(-50%, -.5em);
}
/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
    top: 100%;
    border-top-width: 0;
    border-bottom-color: #333;
}
[tooltip][flow^="down"]::after {
    top: calc(100% + 5px);
}
[tooltip][flow^="down"]::before, [tooltip][flow^="down"]::after {
    left: 50%;
    transform: translate(-50%, .5em);
}
/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
    top: 50%;
    border-right-width: 0;
    border-left-color: #333;
    left: calc(0em - 5px);
    transform: translate(-.5em, -50%);
}
[tooltip][flow^="left"]::after {
    top: 50%;
    right: calc(100% + 5px);
    transform: translate(-.5em, -50%);
}
/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
    top: 50%;
    border-left-width: 0;
    border-right-color: #333;
    right: calc(0em - 5px);
    transform: translate(.5em, -50%);
}
[tooltip][flow^="right"]::after {
    top: 50%;
    left: calc(100% + 5px);
    transform: translate(.5em, -50%);
}
/* KEYFRAMES */
@keyframes tooltips-vert {
    to {
        opacity: .9;
        transform: translate(-50%, 0);
    }
}
@keyframes tooltips-horz {
    to {
        opacity: .9;
        transform: translate(0, -50%);
    }
}
/* FX All The Things */
[tooltip]:not([flow]):hover::before, [tooltip]:not([flow]):hover::after, [tooltip][flow^="up"]:hover::before, [tooltip][flow^="up"]:hover::after, [tooltip][flow^="down"]:hover::before, [tooltip][flow^="down"]:hover::after {
    animation: tooltips-vert 300ms ease-out forwards;
}
[tooltip][flow^="left"]:hover::before, [tooltip][flow^="left"]:hover::after, [tooltip][flow^="right"]:hover::before, [tooltip][flow^="right"]:hover::after {
    animation: tooltips-horz 300ms ease-out forwards;
}
/**/
select {
    margin-bottom: 8px;
    padding: 10px 5px;
    margin-right:5px;
    border-radius: 0;
    width: max-content;
    color: #1a1a1c;
    height: 40px;
    background: #FFFFFF;
    border: 1px solid #E1E1E1;
    font-weight: 600;
}

input[type=radio] {
    margin: 0px 5px 0 0;
}
[type="radio"] {
    display: inline-block;
    vertical-align: middle;
    background: lightgray;
    appearance: none;
    width: 1.25em;
    height: 1.25em;
}
[type="radio"]:checked {
    background: #fff;
    border: 0.4em solid #7d75db;
}
[type="radio"]:focus-visible {
    outline-offset: max(2px, 0.1em);
    outline: max(2px, 0.1em) dotted #7d75db;
}
[type="radio"]:hover {
    box-shadow: 0 0 0 max(4px, 0.2em) #e8e8e8;
    cursor: pointer;
}
[type="radio"]:disabled {
    background-color: lightgray;
    box-shadow: none;
    opacity: 0.7;
    cursor: not-allowed;
}
[type="radio"]:disabled + span {
    opacity: 0.7;
    cursor: not-allowed;
}
[type="checkbox"] {
    margin: 0px 3px 0 0!important;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background: #E8E8E8;
    appearance: none;
    width: 1.5em;
    height: 1.5em;
}
[type="checkbox"]::after {
    color:#707070;
    position: absolute;
    right: 4px;
    font-size: 0.8em;
    cursor: pointer;
    top: 2px;
    left: 7px;
    box-sizing: border-box;
    width: 6px;
    height: 12px;
    transform: rotate(45deg);
    border-width: 2px;
    border-style: solid;
    border-color: #707070;
    border-top: 0;
    content: " ";
    border-left: 0;
    transition: all 200ms ease-in;
}
[type="checkbox"]:checked {
    border-color: #7d75db;
    background: #7d75db!important;
}
[type="checkbox"]:checked + label{
    color: #333333;
}
[type="checkbox"]:checked::after {
    border-color: #fff
}
[type="checkbox"]:focus-visible {
    outline-offset: max(2px, 0.1em);
    outline: max(2px, 0.1em) dotted #7d75db;
}
[type="checkbox"]:hover {
    box-shadow: 0 0 0 max(4px, 0.2em) #e8e8e8;
    cursor: pointer;
}
[type="checkbox"]:disabled {
    background-color: lightgray;
    box-shadow: none;
    opacity: 0.7;
    cursor: not-allowed;
}
[type="checkbox"]:disabled + span {
    opacity: 0.7;
    cursor: not-allowed;
}
/*네모형 라디오*/
.select input[type=radio]{
    display: none;
}
.select input[type=radio]+label{
    border-radius: 0;
    display: inline-block;
    cursor: pointer;
    height: 40px;
    padding: 0 10px;
    background-color: #fff;
    color: #373844;
    line-height: 40px;
    text-align: center;
    font-weight:400;
}
.select input[type=radio]+label{
    background-color: #fff;
    color: #373844;
    border: 1px solid #C9C9C9;
}
.select input[type=radio]:disabled+label{
    background-color: #c9c9c9;
    color: #373844;
}
.select input[type=radio]:checked+label{
    background-color: #f0e6ff;
    border: 1px solid #7d75dc;
    color: #7d75dc;
    font-weight:bold;
}
/*네모형 체크*/
.select {
    display: flex;
    white-space: nowrap;
    flex-wrap: wrap;
    gap: 5px;
}
.select input[type=checkbox]{
    display: none;
}
.select input[type=checkbox]+label{
    border-radius: 0;
    display: inline-block;
    cursor: pointer;
    height: 40px;
    padding: 0 10px;
    border-radius: 4px;
    border: 1px solid #373844;
    line-height: 40px;
    text-align: center;
    font-weight:400;
}
.select.v2 input[type=checkbox]+label{
    height: fit-content!important;
    padding: 2px 5px;
    border-radius: 4px;
    line-height: unset
}
.select input[type=checkbox]+label{
    background-color: #fff;
    color: #373844;
    border: 1px solid #C9C9C9;
}
.select input[type=checkbox]:disabled+label{
    background-color: #c9c9c9;
    color: #d0d0d0;
}
.select input[type=checkbox]:checked+label{
    background-color: #7d75dc;
    border: 1px solid #7d75dc;
    color: #fff;
    font-weight:bold;
}

/*alert디자인(swal2)*/
.swal2-popup{
    max-width: 300px!important;
    width: calc(100% - 80px)!important;
    min-width: 280px!important;
    font-size: 16px!important;
    padding:20px!important;
}
.swal2-title{
    font-size: 1.5em!important;
    margin-bottom: 10px!important;
}
.swal2-html-container{
    font-size: 16px!important;
    line-height: 1.4em!important;
    margin: 0!important;
    word-break: keep-all!important;
}
.swal2-actions{
    width: 100%!important;
    margin-top:20px!important;
    flex-wrap:nowrap!important;
    flex-direction: row-reverse;
}
.swal2-actions button{
    width: 100%!important;
    border-radius:0px;
    font-weight: 400;
    line-height: 30px;
    font-size: 16px!important;
    height: 30px;
    padding: 0;
    border:0;
    margin:0 2px;
}
.swal2-actions button:hover, .swal2-actions button:focus{
    outline: none !important;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
}
.swal2-styled.swal2-confirm{
    background: #587900;
    color: #fff;
    border-radius:0px;
}
.swal2-styled.swal2-deny{
    background:#C4C4C4;
    color: #fff;
    border-radius:0px;
}
.swal2-actions:not(.swal2-loading) .swal2-styled{
    opacity: 0.9;
}
.swal2-actions:not(.swal2-loading) .swal2-styled:hover{
    background-image: none;
    opacity: 1;
}
.swal2-html-container select {
    margin: 8px 0;
}
.hide {
    display: none!important;
}
.flex {
    display: flex!important;
}
.wrap {
    flex-wrap: wrap
}
.nowrap {
    flex-wrap: nowrap!important;
}
.flex.jc-sb {
    justify-content: space-between
}
.flex.start {
    justify-content: flex-start
}
.flex.end {
    justify-content: flex-end
}
.flex.ai-c{
    align-items: center
}
.flex.ai-b{
    align-items: baseline
}
.flex.ai-e{
    align-items: flex-end
}
.flex.ai-s{
    align-items: flex-start;
}
.grid{
    display: grid;
    gap: 10px;
}
.grid > li, .grid > div{
    box-sizing: border-box;
    overflow: hidden;
}
.grid2{
    grid-template-columns: repeat(2, 1fr);
}
.grid3{
    grid-template-columns: repeat(3, 1fr);
}
.grid4{
    grid-template-columns: repeat(4, 1fr);
}
.grid5{
    grid-template-columns: repeat(5, 1fr);
}
.grid7{
    grid-template-columns: repeat(7, 1fr);
}
.gap5{
    gap: 5px;
}
.gap10{
    gap: 10px;
}
.gap20{
    gap: 20px;
}
.gap30{
    gap: 30px;
}
.gap40{
    gap: 40px;
}
.w33 {
    width: 33% !important
}
.w32 {
    width: 32% !important
}
.w30 {
    width: 30% !important
}
.w48 {
    width: 48% !important
}
.w49 {
    width: 49% !important
}
.w50 {
    width: 50%
}
.w100 {
    width: 100%!important;
}
.wfit {
    width: fit-content!important;
}
.w100px {
    width: 100px!important;
}
.w200px {
    width: 200px!important;
}
.w600px{
    max-width: 600px;
    margin: 0 auto;
}
.w900px{
    max-width: 900px;
    margin: 0 auto;
}
.w1300px{
    max-width: 1300px;
    margin: 0 auto;
}
.mt15 {
    margin-top: 15px!important;
}
.mt25 {
    margin-top: 25px!important;
}
.mb15 {
    margin-bottom: 15px!important;
}
.mb25 {
    margin-bottom: 25px!important;
}
.max-none {
    max-width: none!important;
}
.mari-auto {
    margin-right: auto!important;
}
.male-auto {
    margin-left: auto!important;
}
.img.circle{
    border-radius: 50%;
    overflow: hidden;
}
.img{
    border: 1px solid #ECECEC;
}
.img > .icon{
    z-index: 1;
    margin:8px;
    position: absolute;
    left: 0;
    top: 0;
    min-width: 22px;
    text-align: center;
}
.img img{
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}
.img_32{
    width: 32px;
    aspect-ratio:1/1;
    margin-right: 8px;
    border: 1px solid #eee;
}
.img_40{
    width: 40px;
    aspect-ratio:1/1;
    margin-right: 8px;
    border: 1px solid #eee;
}
.img_50{
    width: 50px;
    aspect-ratio:1/1;
    margin-right: 10px;
    border: 1px solid #eee;
}
.img_70{
    width: 70px;
    aspect-ratio:1/1;
    margin-right: 10px;
}
.img_85{
    width: 85px;
    height: 85px;
    border: 1px solid #ECECEC;
    margin-right:15px;
}
.img_100{
    width: 100px;
    height: 100px;
    border: 1px solid #ECECEC;
    margin-right: 24px;
}
.img_200{
    width: 200px;
    height: 140px;
    border: 1px solid #ECECEC;
    margin-right: 24px;
}
.img.h80{
    height: 80px;
    overflow: hidden;
}
.cut{
    display:inline-block;
    width:100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align:middle;
    word-break: break-all;
    white-space: nowrap;
}
.cut2{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width:100%;
}
.b0 {
    border: 0px!important;
}
.icon{
    font-size: 12px;
    padding:5px 6px;
    line-height: 1em;
    font-weight: 600;
    display: inline-block;
}
.icon_block{
    font-size: 12px;
    padding:5px 6px;
    line-height: 1em;
    font-weight: 600;
}
.icon_radius{
    border-radius: 50px;
}
.icon_color{
    background: #7d75db;
    border: 1px solid #7d75db;
    color: #1E1E1E;
}
.icon_color2{
    background-color:#7d75db10;
    color: #7d75db;
}
/*.icon_color3{
     background-color: #7d75db;
     color: #fff;
}
 */
.icon_color3{
    background-color: #7d75db;
    color: #fff;
}
.icon_color4{
    background: #eee;
    color: #7d75db;
}
.icon_colorline{
    background: #fff;
    border: 1px solid #7d75db;
    color: #7d75db;
}
.icon_red{
    background: #ff1623;
    color: #fff;
    text-align: center;
}
.icon_red2{
    background: #ffe6e8;
    color: #ff2c38;
}
.icon_pink{
    background:#ff5b90;
    color: #fff;
    text-align: center;
}
.icon_blue{
    background: #d7d9ff;
    color: #3942e0;
}
.icon_sky{
    background: #dcf3fa;
    color: #2992d5;
}
.icon_green{
    background: #c8eed6;
    color: #1ea44f;
}
.icon_black{
    background: #232323!important;
;
    color: #fff!important;
}
.icon_gray{
    background: #f2f3f6 !important ;
    color: #828282!important;
}
.icon_gray3{
    background: #f3f3f3;
    color: #727272;
}
.icon_gray2{
    background: #333333 ;
    color: #ffffff;
}
.icon_line{
    border: 1px solid #d9d9d9;
    padding: 3px 5px;
    display: inline-block;
}
.icon_line2{
    border: 1px solid #919191;
    color: #828282;
    padding: 3px 5px;
    display: inline-block;
}
.icon_white{
    background: #fff;
    color: #7d75db;
}
.icon.h30{
    line-height: 20px;
}
.icon.circle{
    text-align: center;
    width: 67px;
    height: 67px;
    border-radius: 50%;
    background: #ffe6e6;
    display: table;
}
.icon.circle p{
    display: table-cell;
    vertical-align: middle;
}
.icon.circle span{
    font-size: 1.05em;
    color: #7D7D7D;
}
.icon.circle strong{
    display: block;
    font-size: 1.25em;
    font-weight: 700;
    color: #7d75db;
    margin-top: 6px;
}
.icon.circle.gray{
    filter:grayscale(100%);
    opacity: 0.6;
}
.icon_mini{
    font-size: 9px;
    padding:2px 4px;
    font-weight: 700;
    letter-spacing: -0.5px;
    margin-left: 6px;
}
.txt_color> a, .txt_color {
    color: #7d75db!important;
}
.txt_color2> a, .txt_color2{
    color: #7f66ee!important;
;
}
.txt_color3> a, .txt_color3{
    color: #ded7fd!important;
;
}
.txt_blue> a, .txt_blue {
    color: #1E48BC!important;
}
.txt_blue2> a, .txt_blue2 {
    color: #53a5f8 !important;
}
.txt_sky> a, .txt_sky {
    color: #4aeaff!important;
}
.txt_pink> a, .txt_pink{
    color:#ff5b90;
}
.txt_yellow> a, .txt_yellow {
    color: #e6af53;
}
.txt_brown> a, .txt_brown {
    color: #95711D;
}
.txt_red > a, .txt_red {
    color: #ff1e00!important;
}
.txt_red2 > a, .txt_red2 {
    color: #b4260b !important;
}
.txt_gray > a, .txt_gray{
    color: #AFAFAF!important;
}
.txt_gray2 > a, .txt_gray2{
    color: #4b4b4b!important;
}
.txt_dark > a, .txt_dark{
    color: #7D7D7D!important;
}
.txt_black > a, .txt_black{
    color: #232323!important;
}
.txt_white > a, .txt_white{
    color: #ffffff!important;
}
.txt_bold {
    font-weight: 800!important;
}
.txt_bold2 {
    font-weight: 600!important;
}
.txt_thin {
    font-weight: 400!important;
}
.txt_under {
    text-decoration: underline!important;
}
.txt_under2{
    text-decoration:none;
    opacity:1;
    border-bottom:10px solid #fff7f5;
    display:inline-block;
    line-height:0px;
}
.txt_through {
    text-decoration:line-through!important;
}
.txt_down{
    font-size: 0.9em;
    line-height: 1.6em;
}
.txt_up{
    font-size: 1.1em;
}
.txt_mini{
    font-size: 0.85em;
}
button:disabled, button:disabled:hover{
    filter:saturate(0);
    background: #33333315;
    color:#33333375;
    border-color: #dddddd;
}
.btn{
    height: 30px;
    background: #fff;
    display: inline-block ;
    text-align:center;
    border: 1px solid transparent;
    width: max-content;
    word-break: keep-all;
    padding: 8px;
    line-height: 1em;
    cursor: pointer;
    font-weight: 800!important;
    font-size: 14px;
    position: relative;
    box-sizing: border-box;
    border-radius:5px;
}
.btn:hover{
    transition: all 0.3s;
}
.form_wrap dt{
    color: #7b7b7b;
    margin:2px 0 4px 0;
    display:block;
}
.form_wrap dd.grid{
    gap: 4px;
}
.form_wrap select{
    width: 100%;
}
.form_wrap .select.grid{
    gap: 4px;
}
.form_wrap .grid select{
    margin-bottom: 0;
}
.form_wrap .btn{
    height: 40px;
}
.form_wrap .flex > input:not(:last-child){
    margin-right: 4px;
}
.form_wrap .flex > .btn{
    margin-left: 0px;
    width: max-content;
    white-space:nowrap;
}
.btn_mini{
    padding: 4px 8px;
    height: auto!important;
    font-size: 11px;
    margin: 2px 0;
}
.btn_mini2{
    padding: 4px 6px;
    height: auto!important;
    font-size: 9px;
    margin: 2px
}
.btn_small{
    padding: 7px 10px;
    height: 40px;
}
.btn_small2{
    padding: 10px 25px;
}
.btn_middle{
    width: 100%;
}
.btn_large{
    width: 100%;
    padding: 15px 0;
    font-size: 1.2em;
    font-weight: 600;
    height: auto!important;
}
.btn_large2{
    width: 100%;
    padding: 5px 0;
    font-size: 1.05em;
    font-weight: 600;
    height: auto!important;
}
a.btn_color, .btn_color{
    background-color: #7d75db!important;
    color: #fff;
}
a.btn_color:hover, .btn_color:hover{
    background-color: #3b005d!important;
    color: #fff;
}
a.btn_color2, .btn_color2{
    background-color: #f3e6ff!important;
    color: #7d75db;
}
a.btn_color2:hover, .btn_color2:hover{
    background-color: #ceb4e1 !important;
    color: #7d75db;
}
a.btn_color3, .btn_color3{
    background-color: #a776ff;
    color: #fff;
}
a.btn_color3:hover, .btn_color3:hover{
    background-color: #792cff;
    color: #fff;
}
a.btn_colorline, .btn_colorline{
    background-color: #f3e6ff;
    color: #7d75db;
    border: 1px solid #7d75db;
}
a.btn_colorline:hover, .btn_colorline:hover{
    background-color: #7d75db;
    color: #ffffff;
    border: 1px solid #7d75db;
}
a.btn_colorline2, .btn_colorline2{
    background-color: #ffffff;
    color: #7d75db;
    border: 1px solid #7d75db;
}
a.btn_colorline2:hover, .btn_colorline2:hover{
    background-color: #f3e6ff;
    color: #7d75db;
    border: 1px solid #7d75db;
}
a.btn_green, .btn_green{
    background-color: #20b436;
    color: #fff;
}
a.btn_green:hover, .btn_green:hover{
    background-color: #348121;
    color: #fff;
}
a.btn_blue, .btn_blue{
    background-color: #008cfc;
    color: #fff;
}
a.btn_blue:hover, .btn_blue:hover{
    background-color: #5c02fa;
    color: #fff;
}
a.btn_skyblue, .btn_skyblue{
    background-color: #dff1ff;
    color: #2168b0;
}
a.btn_skyblue:hover, .btn_skyblue:hover{
    background-color: #6eacea;
    color: #294281;
}
a.btn_purpleline, .btn_purpleline{
    background-color: #F0E6FF;
    color: #4900C0;
    border: 1px solid #4900C0;
}
a.btn_purpleline:hover, .btn_purpleline:hover{
    background-color: #4900C0;
    color: #ffffff;
    border: 1px solid #4900C0;
}
a.btn_purpleline2, .btn_purpleline2{
    background-color: #ffffff;
    color: #4900C0;
    border: 1px solid #4900C0;
}
a.btn_purpleline2:hover, .btn_purpleline2:hover{
    background-color: #d4d5ff;
    color: #4900C0;
    border: 1px solid #4900C0;
}
a.btn_yellow, .btn_yellow{
    background-color: #ffc25e;
    color: #000000;
}
a.btn_yellow:hover, .btn_yellow:hover{
    background-color: #ff7340;
    color:#000000;
}
a.btn_red, .btn_red{
    background-color: #ff5e5e;
    color: #000000;
}
a.btn_red:hover, .btn_red:hover{
    background-color: #b72525;
    color:#000000;
}
a.btn_red2, .btn_red2{
    background-color: #ffebeb;
    color: #ff2828;
}
a.btn_red2:hover, .btn_red2:hover{
    background-color: #b72525;
    color:#000000;
}
a.btn_white, .btn_white{
    background-color: #fff;
    color: #484951;
}
a.btn_white:hover, .btn_white:hover{
    background-color: #484951;
    color: #fff;
}
a.btn_whiteline, .btn_whiteline{
    background-color: #fff;
    color: #484951;
    border: 1px solid #1a1a1c;
}
a.btn_whiteline:hover, .btn_whiteline:hover{
    background-color: #dadada;
    color: #484951;
    border: 1px solid #1a1a1c;
}
a.btn_white2, .btn_white2{
    background-color: #fff;
    color: #7d75db;
}
a.btn_white2:hover, .btn_white2:hover{
    background-color: #7d75db;
    color: #fff
}
a.btn_black, .btn_black{
    background-color: #484951;
    color: #fff;
    border: 1px solid transparent;
    opacity: 0.8;
}
a.btn_black:hover, .btn_black:hover{
    background-color: #7f7f86;
    color: #fff;
    border: 1px solid transparent;
    opacity: 1;
}
a.btn_blackline, .btn_blackline{
    background-color: #ffffff;
    color: #232323;
    border: 1px solid #616161;
    opacity: 0.8;
}
a.btn_blackline:hover, .btn_blackline:hover{
    background-color: #dadada;
    color: #232323;
    border: 1px solid #616161;
    opacity: 1;
}
a.btn_gray, .btn_gray{
    background-color: #f2f3f6;
    color: #373844
}
a.btn_gray:hover, .btn_gray:hover{
    background-color: #999aa1;
    color: #fff;
}
a.btn_grayline, .btn_grayline{
    background-color: #eeeeee;
    color: #1a1a1c;
    border: 1px solid #858585;
}
a.btn_grayline:hover, .btn_grayline:hover{
    background-color: #1a1a1c;
    color: #fff;
    border: 1px solid #858585;
}
a.btn_gray2, .btn_gray2{
    background-color: #1a1a1c;
    color: #fff;
}
a.btn_gray2:hover, .btn_gray2:hover{
    background-color: #84848a;
}
a.btn_gray3, .btn_gray3{
    background-color: #d5d5d5 !important;
    color: #525252 !important;
}
a.btn_gray3:hover, .btn_gray3:hover{
    background-color: #1a1a1c!important;
}
a.btn_gray4, .btn_gray4{
    background-color: #f6f6f6 !important;
    color: #525252 !important;
}
a.btn_gray4:hover, .btn_gray4:hover{
    background-color: #1a1a1c!important;
}
a.btn_line, .btn_line{
    border: 1px solid #E8E8E8;
    background-color: #ffffff;
    color: #484951;
}
a.btn_line:hover, .btn_line:hover{
    background-color: #484951;
    border: 1px solid #484951;
    color: #fff
}
a.btn_line2, .btn_line2{
    border: 1px solid #2A2A2A;
    background-color: #D4D4D4;
    color: #484951;
}
a.btn_line2:hover, .btn_line2:hover{
    background-color: #7e7e7e;
    border: 1px solid #2A2A2A;
    color: #fff
}
a.btn_line3, .btn_line3{
    border: 1px solid #e3e3e3;
    background-color: #ffffff;
    color: #b5b5bb;
}
a.btn_line3:hover, .btn_line3:hover{
    background-color: #7e7e7e;
    border: 1px solid #2A2A2A;
    color: #fff
}
.btn_sdw{
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
}
.btn_h40 {
    height: 40px;
    line-height: unset!important;
}
@media (max-width: 1199px) {
    #wrapper {
        padding-bottom: 75px
    }
}
.swiper-pagination-bullet-active {
    background: #7d75db;
}
/*모달*/
.modal-open .modal{
    padding-right: 0!important;
    z-index: 10400;
}
.modal-open {
    overflow: unset;
    padding-right: 0!important;
}
.modal-content {
    box-shadow: none;
    background: #fff;
    border: 0;
    border-radius: 0;
    max-height: 90vh;
}
.modal .btn-third {
    background-color: #e5efff;
    color: #383838;
    height: 35px;
    font-size:1.2em;
    font-weight:600;
}
.modal .btn-fourth {
    background-color: #ffe5fa;
    color: #383838;
    height: 35px;
    font-size:1.2em;
    font-weight:600;
}
.modal .btn-primary {
    background-color: #fff;
    color: #8937d5;
    width: 100%;
    height: 45px;
    font-size:1.2em;
    border-radius: 0px;
    font-weight: 700!important;
}
.modal .btn-secondary {
    background-color: #000;
    color: #e3e3e3;
    border-radius: 0px;
    width: 100%;
    height: 45px;
    font-weight: 700!important;
}
.modal-title {
    color: #8937D5FF;
    font-size: 1.4em;
    font-weight: 600;
}
.modal-header {
    border-bottom: 0;
    padding: 30px 20px 30px;
    display: flex;
    justify-content: space-between
}
.modal-body{
    overflow: auto;
    padding: 0px 20px 30px;
    max-height: calc(80vh - 106px);
    width: 100%
}
.modal-body .box_gray{
    background: #f7f8fa;
}
.modal-body .box_red{
    background: #ffedf6;
    padding: 15px;
    font-weight: 600;
    font-size: 13.5px;
}
.modal-footer {
    padding: 0;
    border-top: 1px solid #eee;
    display: flex;
    justify-content: space-around;
    font-weight: 700;
}
.modal-dialog{
    max-width: 450px;
    margin: 0;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%)!important;
}
.modal-content{
}
.modal-dialog.modal-wide {
    width: 90%;
    max-width: 1000px
}
.modal-dialog.modal-middle {
    width: 90%;
    max-width: 600px
}
.modal-dialog.modal-450 {
    width: 450px;
}
.modal-dialog.modal-narrow {
    width: 300px;
}
.modal-box1 {
    border-radius: 0px;
    background-color: #ffffff;
    padding: 20px;
}
.modal.wide .modal-dialog{
    max-width:600px;
}
/**/
legend {
    position:absolute;
    font-size:0;
    line-height:0;
    text-indent:-9999em;
    overflow:hidden
}
label, input, button, select {
    border-radius:4px;
    box-sizing: border-box;
}
label, input, button, select, img {
    vertical-align:middle;
    outline:none;
}
label{
    margin: 0;
    font-weight: 600;
}
input:focus, button:focus {
    outline:none;
}
input, button {
    margin:0;
    padding:0;
    font-size:initial;
    outline:none;
}
button {
    cursor:pointer;
}
input[type=text], input[type=password], input[type=submit], input[type=image], button {
    border-radius:;
    font-size:initial;
    -webkit-appearance:none
}
textarea, select {
    font-size:1em;
}
textarea {
    border-radius:0;
    -webkit-appearance:none;
}
select {
    margin:0;
    border-radius:4px;
}
p {
    margin:0;
    padding:0;
    word-break:keep-all
}
hr {
    display:none
}
pre {
    overflow-x:scroll;
    font-size:1.1em
}
a, a:link, a:visited {
    color:#1a1a1c;
    text-decoration:none;
    cursor: pointer;
}
a:hover, a:focus, a:active {
    text-decoration:none;
}
/*폼형태*/
input{
    border-radius: 0px;
    height: 40px;
    background-color: rgba(233, 235, 241, 0.3);
    border: 0;
    border-bottom: 1px solid #E1E1E1;
    border-radius: 3px;
    color: #1a1a1c;
    padding: 10px;
    display: block;
    font-size: 1em!important;
    line-height: 1.6em!important;
    opacity: 1;
    width: 100%;
}
input:disabled, input:read-only {
    background-color: #f3f4f7;
    border: 0px ;
}
textarea {
    background-color: #FFFFFF;
    border : 1px solid #E1E1E1;
    border-radius: 3px;
    color: #1a1a1c;
    padding: 10px;
    display: block;
    font-size: 1em!important;
    line-height: 1.6em!important;
    opacity: 1;
    width: 100%;
}
textarea:disabled, textarea:read-only {
    background-color: #f3f3f3;
    border: 0px ;
}
input:last-child{
    margin-bottom: 0;
}
input::placeholder{
    opacity: 0.8;
}
/**/
.file-input-container {
    display: flex;
    align-items: center;
}
.file-input-container input[type="text"] {
    width: 100%;
    padding: 8px;
    margin-right: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 40px;
}
.file-input-container input[type="file"] {
    display: none;
}
/* 메인슬라이더 */
#visual{
    width:1200px;
    min-width:1199px;
    max-width:1920px;
    height:auto !important;
    margin:30px auto 0;
    position:relative;
    overflow:hidden;
}
#visual.main{
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.16);
    visibility:hidden;
}
#visual .swiper {
    width: 100%;
    height: 100%;
}
#visual .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
#visual .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#visual .swiper-pagination {
    top: 20px !important;
    right: 2.5% !important;
    left: unset !important;
    width: fit-content !important;
    background: #fff;
    height: fit-content;
    padding: 5px 15px;
    border-radius: 50px;
}
#visual .swiper-pagination-current {
    color: #7d75db
}
#visual .sliderbx li{
    width:100% !important;
    height:auto !important;
    background-repeat:no-repeat;
    background-position: center top;
}
#visual .sliderbx li img {
    width:100%
}
#visual .sliderbx li{
    background:#5a36d3
}
#visual .sliderbx li a{
    display:block;
    width:100%;
}
#visual div.bx-pager{
    position:absolute;
    bottom:30px;
    left:50%;
    transform:translateX(-50%);
    z-index:101;
}
#visual div.bx-pager div{
    float:left;
    margin:0 4px;
}
#visual div.bx-pager div a{
    display:block;
    width:10px;
    border-radius:100%;
    height:10px;
    text-indent:-9999px;
    background:#fff;
}
#visual div.bx-pager div a.active{
    /*width:30px;
    */
    background:#ffdc25;
}
#visual div.bx-controls-direction a{
    display:block;
    width:50px;
    height:50px;
    border-bottom:3px solid #FFF;
    border-left:3px solid #FFF;
    border-radius:0 0 0 5px;
    text-indent:-9999px;
    position:absolute;
    top:50%;
    z-index:9999;
}
/*좌우버튼동시선택*/
#visual a.bx-prev{
    transform:translateY(-50%) rotate(45deg);
    left:40px;
}
#visual a.bx-next{
    transform:translateY(-50%) rotate(-135deg);
    right:40px;
}
#visual div.bx-controls-auto{
    position:absolute;
    width:40px;
    top:30px;
    z-index:2;
    left:50%;
    margin-left:470px;
}
#visual div.bx-controls-auto a{
    float:left;
    margin-right:3px;
    width:12px;
    height:12px;
    border-radius:9px;
    color:#FFF;
    text-align:center;
    line-height:12px;
    font-size:12px;
    text-indent:-9999px;
}
/*플레이스탑버튼동시선택*/
#visual div.bx-controls-auto a.bx-start{
    background:url(../img/common/btn_play.png) no-repeat 50% 50% #4C5365;
}
#visual div.bx-controls-auto a.bx-stop{
    background:url(../img/common/btn_stop.png) no-repeat 50% 50% #4C5365;
}
@media (max-width: 1199px) {
    #idx_wrapper{
        width:96%;
        margin:0 2%
    }
    #visual{
        width:100%;
        min-width:100%;
    }
}
/* 메인_아이템 카테고리*/
#main_item{
    width:1200px;
    padding:10px 0 25px 0;
    border-bottom:1px solid #eee;
    margin:30px auto 50px
}
#main_item .in{
    display: flex;
    margin:0 auto;
    text-align:center;
    justify-content: center;
    align-items: flex-end
}
#main_item .in .item{
    width: 100%;
}
#main_item .in .item a{
    display:block;
}
#main_item .in .item a:hover{
    color:#ee4e47;
}
#main_item .in .item h2{
    margin-top:15px;
    font-size: 1.20em;
    color:#444
}
#main_item .in .item a i {
    font-size: 3.5em
}
#main_item .in .item a:hover i {
    opacity:1;
    transform:scale(1.1);
    color: #7d75db
}
@media (max-width: 1199px) {
    #main_item{
        width:100%;
        padding:20px 0;
        margin-bottom:20px;
    }
    #main_item .in{
        width:100%;
        margin:0 auto;
        text-align:center;
    }
    #main_item .in .item h2{
        margin-top:6px;
        font-size:1em;
    }
}
@media (max-width: 767px) {
    #main_item{
        margin-top:0px
    }
    #main_item .in {
        flex-wrap: wrap;
        row-gap: 30px
    }
    #main_item .in .item{
        width: calc(100%/3);
        padding: 0 10px
    }
    #main_item .in .item a i {
        font-size: 2.25em
    }
}
#banner{
    width:1200px;
    padding: 20px 25px;
    margin:30px auto;
    display: flex;
    align-items: center;
    gap: 5px;
}
#banner.mt0{
    margin-top: 0;
}
#banner h6{
    font-size: 1.5em
}
#banner button{
    margin-left: auto
}
#banner button i {
    margin-left: 10px
}
#banner.gray {
    background: #f3f3f3
}
#banner.black {
    background: #181818
}
@media (max-width: 1199px) {
    #banner{
        width:100%;
    }
    #banner h6.txt_bold2{
        display: none
    }
    #banner h6.txt_thin{
        display: none
    }
}
@media (max-width: 767px) {
    #banner{
        margin-top:0px
    }
}
/*인기 추출 코너*/
#fav_area{
    width:100%;
}
#fav_area .title{
    font-size:1.75em;
    color:#000;
    font-weight:500;
    margin-bottom:15px;
}
#fav_area .title strong{
    display:inline-block;
    margin-left:4px;
    padding:5px 10px 5px 10px;
    background:#ee4e47;
    color:#fff;
    font-weight:400;
    font-size:0.65em;
    text-align:center;
    border-radius:30px;
}
#fav_area .title strong.mark{
    background:#ee4e47;
}
#fav_area .title strong.design{
    background:#ffa634;
}
#fav_area .title strong.mov{
    background:#4bc6cb;
}
#fav_area .title strong.edu{
    background:#4857ee;
}
#fav_area .fav{
    width:1199px;
    margin:60px auto 60px;
    position:relative;
}
#fav_area .fav .arr{
    position:absolute;
    right:0;
    top:0;
}
#fav_area .fav .arr span{
    margin-left:10px;
}
#fav_area .fav .arr a{
    display: inline-block;
    font-size:2em;
    color:#999;
    width:25px;
}
#fav_area .fav .btn-next a{
    color:#000;
}
#fav_area .fav .slide-wrap{
}
#fav_area .fav .slick-dots{
    display:none !important;
}
#fav_area .thm{
    margin-right:12px;
    /*border:1px solid #000;
     */
    text-align:center;
    background:#000;
    position:relative;
}
#fav_area .thm .over{
    overflow:hidden;
    background:#000;
    position:relative;
}
#fav_area .thm .over img{
    width:100%;
    height:auto;
    transition:all 0.4s;
    opacity:0.7;
}
#fav_area .thm .over:hover img{
    transform:scale(1.2);
    transition:all 0.4s;
    opacity:0.33;
}
#fav_area .thm .tit{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    color:#fff;
    font-weight:500;
    font-size:1.48em;
}
@media (max-width: 1199px) {
    #fav_area{
        width:100%;
    }
    #fav_area .title{
        font-size:1.3em;
    }
    #fav_area .fav{
        width:100%;
        margin:0 auto;
        padding:10px;
        margin-bottom:20px;
    }
    #fav_area .fav .arr{
        top:10px;
    }
    #fav_area .fav .arr a{
        font-size:1.5em;
        width:18px;
    }
    #fav_area .thm{
        margin-right:8px;
    }
    #fav_area .thm .over{
        overflow:hidden;
        background:#000;
        position:relative;
    }
    #fav_area .thm .over img{
        width:100%;
        height:auto;
        transition:all 0.4s;
        opacity:0.7;
    }
    #fav_area .thm .over:hover img{
        transform:scale(1.2);
        transition:all 0.4s;
        opacity:0.33;
    }
    #fav_area .thm .tit{
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%, -50%);
        color:#fff;
        font-weight:500;
        font-size:1.14em;
    }
}
/*많이 찾는 서비스*/
#goods{
    width:100%;
    margin-bottom:60px;
}
#goods .title{
    font-size:1.7em;
    color:#000;
    font-weight:500;
    margin-bottom:17px;
}
#goods .title strong{
    color:#5b38d3;
    font-weight:500;
}
#goods .in{
    width:1199px;
    margin:0 auto;
    overflow: hidden;
}
#goods .in.Ver2{
    border-top: 1px solid #e1e1e1;
    padding-top: 50px;
    margin-top: 20px;
}
#goods .section_area{
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #e2e2e2;
}
#goods .in.Ver2 .title{
    display:inline-block
}
#goods .in.Ver2 .title span{
    font-size: 14px;
    color: #8f8f8f;
    font-weight: 400;
    margin-left: 7px;
}
#goods .in.Ver2 a.more{
    display:inline-block;
    float: right;
    background: #7d75dc;
    color: #FFF;
    padding: 7px 15px;
    font-size: 12px;
    font-weight: 400;
    border-radius: 3px;
}
#goods .in.Ver2 a.more:hover{
    background:#5b51d1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#goods .list{
    width: calc(100%);
    display: flex;
    column-gap: 30px;
    row-gap: 20px;
    flex-wrap: wrap;
}
#container_index #goods .list .thm{
    position:relative;
    width: calc( ( 100% - 90px ) / 4 )
}
#goods .list .thm{
    position:relative;
    width: calc( ( 100% - 90px ) / 4 )
}
#goods .thm .mg{
    border:1px solid #DDD;
    aspect-ratio: 10/7;
    overflow:hidden;
    position:relative;
}
#goods .thm .mg .pri{
    z-index:2;
    display:inline-block;
    padding:3px 16px 3px 10px;
    border-radius:0 30px 30px 0;
    background:#ffde00;
    color:#000;
    text-align:center;
    font-size:0.95em;
    font-style:italic;
    letter-spacing:1px;
    font-weight:600;
    position:absolute;
    top:10px;
    left:0;
}
.heart{
    position:absolute;
    top:0px;
    right:0;
    z-index:2;
}
.heart button{
    border: 1px solid #ddd0;
    background: #f5f5f5;
    padding: 4px 8px;
    border-radius: 30px;
    width:auto
}
#goods .thm .mg .youtube_icon svg{
    color: #fff;
    font-size: 3.7em;
    position: absolute;
    top: 70px;
    left: 50%;
    margin-left: -24px;
    z-index:10
}
#goods .thm .mg .youtube_icon svg:hover{
    color:red
}
.heart img{
    width:15px;
    height:auto;
}
.heart.on{
    background: #7d75db!important;
}
.heart.on img{
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(200%) contrast(102%);
}
#goods .thm .over{
    width: 100%;/*
    height: 195px*/
}
#goods .thm .over iframe{
    width:100%;
    height:auto;
}
#goods .thm .over img{
    width: 100%;
    aspect-ratio: 10/7;
    transition:all 0.4s;
    object-fit: cover;
    transform:scale(1.0);
}
#goods .thm .over:hover img{
    transform:scale(1.2);
    transition:all 0.4s;
}
#goods .thm .info{
    position:relative
}
#goods .thm .info .tit{
    font-weight:500;
    font-size:1.25em;
    margin:15px 0 3px 0;
    min-height:40px;
    word-wrap:break-word;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
}
#goods .thm .info .rate {
    color:#999;
    font-size:1em;
}
#goods .thm .info .rate .star{
    float:left;
}
#goods .thm .info .rate .star span{
    display:inline-block;
    margin-right:7px;
    padding-right:7px;
    border-right:1px solid #eee;
    line-height:1em;
    height:1em;
}
#goods .thm .info .rate .star span:last-child{
    margin-right:0;
    padding-right:0;
    border:0;
}
#goods .thm .info .rate .fa-star{
    color:#FC0
}
#goods .thm .info .rate .heart_hit{
}
#goods .thm .info .price{
    margin-top:10px;
    font-size:1.45em;
    font-weight:500;
    color:#111
}

@media (max-width: 992px) {
    #container_index #goods .list{
        column-gap: 10px;
    }
    #container_index #goods .list .thm{
        width: calc( ( 100% - 10px ) / 2 );
        display: block;
    }
    #container_index #goods .thm .mg{
        margin-bottom: 10px;
        max-width: unset!important;
    }
}
#jobs .title{
    font-size:1.7em;
    color:#000;
    font-weight:500;
    margin-bottom:17px;
}
#jobs .title strong{
    color:#5b38d3;
    font-weight:500;
}
#jobs .grid2 {
    gap: 20px;
}
#jobs .list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    row-gap: 15px;
}
#jobs .list .thm {
    position: relative;
    padding: 15px;
    background: #f8f8f8;
    border: 1px solid #f0f0f0;
    cursor: pointer;
}
#jobs .list .thm .heart {
    top: 5px;
    right: 5px;
    background: #fff;
}
#jobs .list .thm h6{
    font-weight:400;
    font-size:1.25em;
}
#jobs .list .thm .tit{
    font-weight:600;
    font-size:1.7em;
    margin:10px 0 15px 0;
    word-wrap:break-word;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
}
#jobs .tab-menu {
    overflow: hidden;
    background-color: #fff;
    gap: 15px;
}
#jobs .tab-link {
    background-color: inherit;
    color: #545454;
    padding: 14px 0px;
    cursor: pointer;
    border: none;
    outline: none;
    border-radius: 0;
    transition: background-color 0.3s;
}
#jobs .tab-link:hover {
    color: #7d75db;
}
#jobs .tab-link.active {
    color: #7d75db;
    font-weight: 700;
    border-bottom: 3px solid #7d75dc;
}
#jobs .tab-content {
    display: none;
}
#jobs .tab-content.active {
    display: block;
}
.jobs .job_info {
    position: relative;
}
.jobs .job_info .heart {
    position: relative;
}
.jobs .job_info header h6 {
    font-size: 1.85em;
    font-weight: 600;
    margin: 20px 0 15px;
    /* line-height: 1.0em; */
}
.jobs .job_info header p {
    font-size: 1.55em;
    font-weight: 500;
    line-height: normal;
    margin: 0 0 20px;
}
.jobs  #cam_info p {
    font-size: 1.2em;
    padding: 10px 0;
}
.jobs  #cam_info{
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
}
.jobs  #cam_info div.flex{
    width: 100%;
}
.jobs  #cam_info div.flex > div{
    width: 100%;
}
.jobs .btn_wrap {
    flex-direction: column;
    row-gap: 10px;
    display: flex;
    margin-left: auto;
}
.job_want h3{
    position: relative;
    margin: 30px 0 20px;
    padding-bottom: 20px;
    font-size: 1.42em;
    font-weight: 500;
    color: #353535;
    letter-spacing: -1px;
    line-height: 1.2em;
    text-align: left !important;
    opacity:1 !important;
}
.job_want h3:after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 1px;
    background: #292828;
}
.job_want .table  {
    overflow-x: auto;
}
.job_want .table table {
    border-top: 1px solid #555;
    background: #f4f5f8;
    width: 100%;
}
.job_want .table table th{
    padding: 5px 10px;
    font-size: 1em;
    font-weight: 400;
    opacity: 0.7;
}
.job_want .table table td{
    padding: 10px 10px;
    font-size: 1.35em;
    font-weight: 600;
    border-top: 1px solid #eee;
}
.job_want.form .table table td{
    font-size: 1.05em;
}
.job_want .table table td:not(:last-of-type){
    border-right: 1px solid #eee;
}

.jobs #want_info {
    display: flex;
    width: 100%;
    gap: 20px;
}
.jobs #want_info p {
    font-size: 1.2em;
    padding: 10px 0;
    width: 100%;
}
.job_box {
    border-top: 1px solid #555;
    background: #f4f5f8;
    width: 100%;
    padding: 20px;
    margin: 50px 0;
}
.job_box h3{
    font-size: 1.5em;
    margin-bottom: 15px;
}
.job_box .thm {
    position: relative;
    padding: 15px;
    background: #fff;
    border: 1px solid #f0f0f0;
    cursor: pointer;
}
.job_box .thm h6{
    font-weight:400;
    font-size:1.25em;
}
.job_box .thm .tit{
    font-weight:600;
    font-size:1.7em;
    margin:10px 0 15px 0;
    word-wrap:break-word;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
}
.job_box .sub1Swiper{
    margin-bottom: 25px;
}
.job_box .swiper-button-disabled{
    opacity: 0;
}
.job_box .swiper-button-prev ,.job_box .swiper-button-next{
    background: #676767;
    aspect-ratio: 1 / 1;
    width: 50px;
    border-radius: 50px;
}
.job_box .swiper-button-prev:after , .job_box .swiper-button-next:after{

    font-size: 0.9em;
    color: #fff;
}
@media (min-width: 1200px) {
    #jobs .tab-menu {
        display: flex;
        justify-content: flex-start;
    }
    #jobs .tab-content {
        display: block;
        /* 모든 탭 내용을 기본으로 표시 */
    }
    #jobs .tab-content:not(.active) {
        display: none;
        /* active 클래스가 없는 콘텐츠는 숨기기 */
    }
    /* '전체' 탭이 활성화된 경우 모든 콘텐츠를 표시 */
    #jobs .tab-link[data-tab="all"].active ~ #tab1, #jobs .tab-link[data-tab="all"].active ~ #tab2 {
        display: block;
    }
}
@media (max-width: 1199px) {
    #jobs .tab-menu {
        display: flex;
        justify-content: center;
    }
    #jobs .tab-content.active {
        display: block;
    }
    #jobs .tab-content {
        display: none;
    }
    #jobs .tab-link[data-tab="all"] {
        display: none;
        /* "전체" 탭을 숨기기 */
    }
    #jobs .grid2 {
        display: block;
    }
    #jobs .list.grid2 {
        display: flex;
    }
    #goods{
        margin-bottom:20px;
    }
    #goods .title{
        font-size:1.3em;
    }
    #goods .title > span {
        display: inline-block;
        font-size: .75em;
        margin-left: 13px;
        font-weight: 400;
    }
    #goods .in{
        width:100%;
        padding:0px;
    }
    #goods .section_area {
        margin-bottom: 20px;
        padding-bottom: 20px;
        width: 95%;
    }
    #goods .in.Ver2 {
        padding-top: 25px;
        margin-top: 0;
    }
    #goods .list .thm{
        position:relative;
        width: 100%;
        display: flex;
        gap: 10px;
    }
    #goods .thm {/*
        display: flex;
        gap: 10px;
        align-items: center;
        justify-content: space-between*/
    }
    #goods .thm .mg{
        margin-bottom: 0px;
        max-width: 150px;
        min-width: 150px;
        /*
        width:130px;
        height:100px;
        min-width: 130px*/
    }
    #goods .thm .mg .pri{
        padding:0 8px 0 4px;
        letter-spacing:0px;
        font-size:0.7em;
        top:8px;
    }
    #goods .thm .mg .heart{
        top:3px;
        right:3px;
    }
    #goods .thm .mg .heart img{
        width:20px;
    }
    #goods .thm .info{
        width:calc(100%);
    }
    #goods .thm .info .tit{
        font-size:1.23em;
        line-height:1.4em;
        margin:0 0 2px 0;
        -webkit-line-clamp: 1;
        min-height: unset;
    }
    #goods .thm .info .rate {
        font-size:0.85em;
    }
    #goods .thm .info .price{
        margin-top:5px;
        font-size:1.25em;
    }
}
/*공모전*/
#contest{
    width:100%;
    margin-bottom:0px;
}
#contest .title{
    font-size:1.7em;
    color:#000;
    font-weight:500;
    margin-bottom:25px;
}
#contest .title strong{
    color:#ee4e47;
    font-weight:500;
}
#contest .in{
    width:1199px;
    margin:0 auto;
}
#contest .list{
}
/*#contest .list .thm{
     float:left;
     width:calc(100%/4 - 19px);
     margin-right:25px;
     margin-bottom:30px;
     position:relative;
}
 */
#contest .list .thm{
    float:left;
    width:100%;
    margin-bottom:30px;
    position:relative;
    border:1px solid #ddd;
    padding:20px;
    transition:all 0.4s;
}
#contest .list .thm:hover{
    border:1px solid #7d75dc;
    box-shadow:2px 2px 3px rgba(0,0,0,.1);
    transition:all 0.4s;
    transform:translate(0,-1px)
}
#contest .list .thm:nth-child(4n){
    margin-right:0;
}
#contest .thm .mg{
    float:left;
    width:250px;
    height:250px;
    overflow:hidden;
    position:relative;
}
/*#contest .thm .mg{
     border:1px solid #000;
     width:100%;
     height:185px;
     overflow:hidden;
     position:relative;
}
 */
#contest .thm .mg .mg_in{
    position:absolute;
    width:100%;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    background:#333
}
/*#contest .thm .mg .pri{
     z-index:2;
     display:inline-block;
     padding:3px 16px 3px 10px;
     border-radius:0 30px 30px 0;
     background:#ffde00;
     color:#000;
     text-align:center;
     font-size:0.95em;
     font-style:italic;
     letter-spacing:1px;
     font-weight:600;
     position:absolute;
     top:10px;
     left:0;
}
 */
#contest .thm .mg .heart{
    position:absolute;
    top:5px;
    left:5px;
    z-index:2;
}
#contest .thm .mg .heart button{
    border: 1px solid #ddd;
    background: #fff;
    padding: 5px;
    border-radius: 3px;
}
#contest .thm .mg .heart img{
    width:25px;
    height:auto;
}
#contest .thm .over{
    z-index:1;
    overflow:hidden;
}
#contest .thm .over img{
    width:100%;
    height:auto;
    transition:all 0.4s;
    opacity:.95
}
#contest .thm .over:hover img{
    transform:scale(1.2);
    transition:all 0.4s;
}
#contest .thm .info{
    float:left;
    margin-left:30px;
    width:calc(100% - 280px);
}
#contest .thm .info .tit{
    font-weight:500;
    font-size:1.55em;
    margin:15px 0 10px 0;
    word-wrap:break-word;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
}
#contest .thm .info .cont{
    font-weight:400;
    font-size:1.15em;
    margin:15px 0 10px 0;
    /*min-height:40px;
     display:-webkit-box;
     */
    word-wrap:break-word;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
    opacity:.90;
    padding:20px ;
    background: #f1f0f5;
}
#contest .thm .info .rate {
    color:#999;
    font-size:1em;
}
#contest .thm .info .rate .star{
    float:left;
}
#contest .thm .info .rate .star span{
    display:inline-block;
    margin-right:7px;
    padding-right:7px;
    border-right:1px solid #eee;
    line-height:1em;
    height:1em;
}
#contest .thm .info .rate .star span:last-child{
    margin-right:0;
    padding-right:0;
    border:0;
}
#contest .thm .info .rate .fa-star{
    color:#FC0
}
#contest .thm .info .rate .heart_hit{
    float:right;
}
#contest .thm .info .price{
    margin-top:27px;
    font-size:1.45em;
    font-weight:500;
    color:#111;
    text-align:right
}
#contest_list{
}
#contest_view{
    margin:20px 0 30px
}
#contest_view .contest_cont{
    margin:50px 0 20px
}
#contest_view .contest_cont input[type=checkbox], input[type=radio]{
    position:relative;
    z-index:1
}
#contest_view .contest_cont section{
    margin:50px 0
}
#contest_view .contest_cont section h3{
    font-weight:500;
    font-size:1.55em;
    margin:20px 0;
}
#contest_view .contest_cont section h3 span{
    margin:0 0 0 7px;
    color:#777;
    font-size:.85em
}
#contest_view .contest_cont section > div.cont{
    position:relative;
    border:1px solid #ddd;
    padding:27px;
    font-size:1.17em;
    line-height:1.7em
}
#contest_view .contest_cont section > div.cont span.hash{
    border-radius:5px;
    padding:8px 13px;
    text-align:center;
    background:#f1f0f5;
    margin:0 5px;
    font-size:1.07em
}
#contest_view .contest_cont section .client dl{
    margin:17px 0
}
#contest_view .contest_cont section .client dt{
    display:inline-block;
    font-size:1.12em;
    font-weight:500;
    width:140px;
    vertical-align:top
}
#contest_view .contest_cont section .client dt:before {
    display: inline-block;
    color: #7d75dc;
    content: "●";
    transform: translateY(-50%);
    font-size: .50em;
    font-weight: 300;
    margin: 0 6px 0 0;
    position: relative;
    top: 5px;
}
#contest_view .contest_cont section .client dd{
    display:inline-block;
    font-size:1.05em;
    font-weight:400;
    width:calc( 100% - 150px);
}
#contest_view .contest_cont .cmt {
    position:relative
}
#contest_view .contest_cont .cmt p{
    font-size:1.20em;
    margin:17px 0 0 !important;
    color:#777
}
#contest_view .contest_cont .cmt #cmt_btn_submit{
    width: 120px;
    margin-left: 10px;
    background: #444;
    border: 0;
    border-radius: 0px;
    border: 0;
    color: #fff;
    height: 100px;
    font-size: 1.2em;
    position: absolute;
    top: 0px;
    right: 0px;
}
#contest_view .contest_cont .cmt textarea{
    width:calc( 100% - 120px);
    border:1px solid #ddd;
    padding:20px;
    min-height:100px
}
#contest_view .contest_cont section .sample li{
    display:inline-block;
    margin:0 3px
}
#contest_view .contest_cont section .sample li img{
    width:150px;
    height:auto
}
#contest_view .partici ul:before{
    content: "";
    display: table;
}
#contest_view .partici ul:after{
    content: "";
    display: block;
    clear:both
}
#contest_view .partici li .mem_area{
    margin:0 0 15px;
    background:#9998a7;
    width:100%;
    height:120px;
    position:relative
}
#contest_view .partici li .mem_area > div.trophy{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    background:url(../img/sub/medal.png) no-repeat;
    border:0px solid #ddd;
    background-size:cover;
    /*padding:20px;
     */
    z-index:1;
    width:80px;
    height:80px
}
/*#contest_view .partici li .mem_area > div.trophy:after{
     display: inline-block;
     color: #fff;
     font-family: "Font Awesome 5 Pro";
     content: "\f2eb";
     font-size:2.5em !important;
     font-size: .50em;
     font-weight: 600;
     margin: 0 6px 0 0;
     position: relative;
     text-shadow:3px 3px 3px rgba(0,0,0,.2)
}
 */
/*#contest_view .partici li .mem_area:after{
     display: inline-block;
     color: #fff;
     font-family: "Font Awesome 5 Pro";
     content: "\f007";
     font-size:2.5em !important;
     top: 50%;
     left:50%;
     transform: translate(-50%,-50%);
     font-size: .50em;
     font-weight: 300;
     margin: 0 6px 0 0;
     position: relative;
}
 */
#contest_view .partici li .mem_area dd.date{
    opacity:.5
}
#contest_view .partici li{
    float:left;
    display:inline-block;
    width: 15.666%;
    margin: 0 1.2% 50px 0;
}
#contest_view .partici li:nth-child(6n){
    float:left;
    display:inline-block;
    width: 15.666%;
    margin-right: 0;
}
#contest_view .partici li dt{
    font-size:1.20em;
    font-weight:500;
}
#contest_view .partici li dd.date{
    font-size:.90em;
    color:#999;
    font-weight:400;
}
/*공모전 마이페이지*/
#my_contest{
    width:100%;
    margin-bottom:0px;
}
#my_contest .title{
    font-size:1.7em;
    color:#000;
    font-weight:500;
    margin-bottom:25px;
}
#my_contest .title strong{
    color:#ee4e47;
    font-weight:500;
}
#my_contest .in{
    width:100%;
    margin:0 auto;
}
#my_contest .list{
}
/*#my_contest .list .thm{
     float:left;
     width:calc(100%/4 - 19px);
     margin-right:25px;
     margin-bottom:30px;
     position:relative;
}
 */
#my_contest .list .thm{
    float:left;
    width:100%;
    margin-bottom:30px;
    position:relative;
    border:1px solid #ddd;
    padding:20px;
    transition:all 0.4s;
}
#my_contest .list .thm .trophy{
    position:absolute;
    top:10px;
    right:10px;
    z-index:1
}
#my_contest .list .thm:hover{
    border:1px solid #7d75dc;
    box-shadow:2px 2px 3px rgba(0,0,0,.1);
    transition:all 0.4s;
    transform:translate(0,-1px)
}
#my_contest .list .thm:nth-child(4n){
    margin-right:0;
}
#my_contest .thm .mg{
    float:left;
    width:150px;
    height:150px;
    overflow:hidden;
    position:relative;
}
/*#my_contest .thm .mg{
     border:1px solid #000;
     width:100%;
     height:185px;
     overflow:hidden;
     position:relative;
}
 */
#my_contest .thm .mg .mg_in{
    position:absolute;
    width:100%;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    background:#333
}
/*#my_contest .thm .mg .pri{
     z-index:2;
     display:inline-block;
     padding:3px 16px 3px 10px;
     border-radius:0 30px 30px 0;
     background:#ffde00;
     color:#000;
     text-align:center;
     font-size:0.95em;
     font-style:italic;
     letter-spacing:1px;
     font-weight:600;
     position:absolute;
     top:10px;
     left:0;
}
 */
#my_contest .thm .mg .heart{
    position:absolute;
    top:5px;
    left:5px;
    z-index:2;
}
#my_contest .thm .mg .heart button{
    border: 1px solid #ddd;
    background: #fff;
    padding: 5px;
    border-radius: 3px;
}
#my_contest .thm .mg .heart img{
    width:25px;
    height:auto;
}
#my_contest .thm .over{
    z-index:1;
    overflow:hidden;
}
#my_contest .thm .over img{
    width:100%;
    height:auto;
    transition:all 0.4s;
    opacity:.95
}
#my_contest .thm .over:hover img{
    transform:scale(1.2);
    transition:all 0.4s;
}
#my_contest .thm .info{
    float:left;
    margin-left:30px;
    width:calc(100% - 180px);
}
#my_contest .thm .info .tit{
    font-weight:500;
    font-size:1.55em;
    margin:15px 0 10px 0;
    word-wrap:break-word;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
}
#my_contest .thm .info .cont{
    font-weight:400;
    font-size:1.15em;
    margin:15px 0 10px 0;
    /*min-height:40px;
     display:-webkit-box;
     */
    word-wrap:break-word;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
    opacity:.90;
    padding:20px ;
    background: #f1f0f5;
}
#my_contest .thm .info .rate {
    color:#999;
    font-size:1em;
}
#my_contest .thm .info .rate .star{
    float:left;
}
#my_contest .thm .info .rate .star span{
    display:inline-block;
    margin-right:7px;
    padding-right:7px;
    border-right:1px solid #eee;
    line-height:1em;
    height:1em;
}
#my_contest .thm .info .rate .star span:last-child{
    margin-right:0;
    padding-right:0;
    border:0;
}
#my_contest .thm .info .rate .fa-star{
    color:#FC0
}
#my_contest .thm .info .rate .heart_hit{
    float:right;
}
#my_contest .thm .info .price{
    margin-top:27px;
    font-size:1.45em;
    font-weight:500;
    color:#111;
    text-align:right
}
@media (max-width: 1199px) {
    #contest{
        margin-bottom:20px;
    }
    #contest .title{
        font-size:1.3em;
    }
    #contest .in{
        width:100%;
        padding:0px;
    }
    #contest .list .thm{
        width:100%;
        margin-right:0;
        margin-bottom:22px;
    }
    #contest .list .thm:nth-child(2n){
        margin-right:0;
    }
    #contest .list .thm:after{
        display:block;
        content:"";
        clear:both;
    }
    #contest .list .thm a:after{
        display:block;
        content:"";
        clear:both;
    }
    #contest .thm .mg{
        float:left;
        width:130px;
        height:85px;
    }
    #contest .thm .mg .pri{
        padding:0 8px 0 4px;
        letter-spacing:0px;
        font-size:0.7em;
        top:8px;
    }
    #contest .thm .mg .heart{
        top:3px;
        right:3px;
    }
    #contest .thm .mg .heart img{
        width:20px;
    }
    #contest .thm .info{
        float:left;
        margin-left:15px;
        width:calc(100% - 150px);
        transition:all 0.4s;
    }
    #contest .thm .info .tit{
        font-size:1.23em;
        line-height:1.4em;
        margin:0 0 2px 0;
    }
    #contest .thm .info .rate {
        font-size:0.85em;
    }
    #contest .thm .info .price{
        margin-top:5px;
        font-size:1.05em;
    }
    /*공모전 마이페이지*/
    #my_contest{
        margin-bottom:20px;
    }
    #my_contest .title{
        font-size:1.3em;
    }
    #my_contest .in{
        width:100%;
        padding:0px;
    }
    #my_contest .list .thm{
        width:100%;
        margin-right:0;
        margin-bottom:22px;
    }
    #my_contest .list .thm:nth-child(2n){
        margin-right:0;
    }
    #my_contest .list .thm:after{
        display:block;
        content:"";
        clear:both;
    }
    #my_contest .list .thm a:after{
        display:block;
        content:"";
        clear:both;
    }
    #my_contest .thm .mg{
        float:left;
        width:130px;
        height:85px;
    }
    #my_contest .thm .mg .pri{
        padding:0 8px 0 4px;
        letter-spacing:0px;
        font-size:0.7em;
        top:8px;
    }
    #my_contest .thm .mg .heart{
        top:3px;
        right:3px;
    }
    #my_contest .thm .mg .heart img{
        width:20px;
    }
    #my_contest .thm .info{
        float:left;
        margin-left:15px;
        width:calc(100% - 150px);
        transition:all 0.4s;
    }
    #my_contest .thm .info .tit{
        font-size:1.23em;
        line-height:1.4em;
        margin:0 0 2px 0;
    }
    #my_contest .thm .info .rate {
        font-size:0.85em;
    }
    #my_contest .thm .info .price{
        margin-top:5px;
        font-size:1.05em;
    }
}
@media (max-width: 767px) {
    #contest_view .contest_cont section > div.cont{
        padding:20px;
    }
    #contest_view .contest_cont section .sample li img{
        width:100%;
        height:auto
    }
    #contest_view .contest_cont section .sample li{
        width: calc(100%/3 - 9px);
    }
    #contest_view .contest_cont section .client dd{
        width:100%;
        margin:15px 0 0;
    }
    #contest_view .partici li{
        float:left;
        display:inline-block;
        width: 32.333%;
        margin: 0 .5% 50px;
    }
    #contest_view .partici li:nth-child(6n){
        float:left;
        display:inline-block;
        width: 32.333%;
        margin: 0 .5% 50px 0;
    }
}
@media (max-width: 550px) {
    #contest .thm .mg{
        float:none;
        width:100%;
        height:200px;
        transition:all 0.4s;
    }
    #contest .thm .info{
        float:none;
        margin:20px 0 0 0px;
        width:100%;
        transition:all 0.4s;
    }
    /*공모전 마이페이지*/
    #my_contest .thm .mg{
        float:none;
        width:100%;
        height:200px;
        transition:all 0.4s;
    }
    #my_contest .thm .info{
        float:none;
        margin:20px 0 0 0px;
        width:100%;
        transition:all 0.4s;
    }
}
/*최근리뷰추출*/
#main_review{
    background:#f7fafc;
    padding:80px 0 40px 0;
}
#main_review .in{
    width:1199px;
    margin:0 auto;
}
#main_review .title{
    font-size:2.5em;
    color:#000;
    text-align:center;
    margin-bottom:15px;
}
#main_review .stitle{
    font-size:1.5em;
    color:rgba(0,0,0,0.7);
    text-align:center;
}
#main_review .stitle span{
    position:relative;
}
#main_review .stitle span strong{
    color:#F60;
    font-size:0.6em;
    position:absolute;
    top:-10px;
    left:50%;
    margin-left:-5px;
}
#main_review .rev{
    margin:40px 0;
}
#main_review .rev .list{
    float:left;
    width:calc(50% - 10px);
    margin-right:20px;
    margin-bottom:20px;
    background:#fff;
    padding:15px;
    /*box-shadow:0 0 10px rgba(0,0,0,0.1);
     */
    border-radius:3px;
}
#main_review .rev .list:nth-child(2n){
    margin-right:0;
}
#main_review .mg{
    float:left;
    width:150px;
    height:150px;
    border-radius:8px;
    overflow:hidden;
    position:relative;
}
#main_review .mg img{
    height:100%;
    /* width: 100%;
     */
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
}
#main_review .info{
    float:left;
    width:calc(100% - 175px);
    margin-left:25px;
}
#main_review .info .cate{
    display:inline-block;
    padding:5px 10px 5px 10px ;
    border-radius:20px;
    background:#adbec7;
    color:#fff;
    font-size:1.1em;
    text-align:center;
}
#main_review .info .txt{
    margin:10px 0 10px 0;
    font-size:1.1em;
    height:60px;
    max-height:60px;
    word-wrap:break-word;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
}
#main_review .info .nick{
    color:#999;
    font-size:1em;
}
#main_review .info .nick span{
    /*margin-right:3px;
     */
}
#main_review .info .date{
    color:#999;
    font-size:1em;
    position:relative;
}
#main_review .info .star{
    position:absolute;
    right:0;
    bottom:0;
}
#main_review .info .star span{
    color:#999;
}
#main_review .info .star span.on{
    color: #FC0;
}
@media (max-width: 1199px) {
    #main_review{
        padding:40px 0 0 0;
    }
    #main_review .in{
        width:100%;
        padding:10px;
    }
    #main_review .title{
        font-size:1.3em;
        margin-bottom:10px;
    }
    #main_review .stitle{
        font-size:0.98em;
    }
    #main_review .rev{
        margin:30px 0 20px 0;
    }
    #main_review .rev .list{
        width:100%;
        padding:0;
        margin-right:0;
        margin-bottom:15px;
        border-radius:0;
        background:none;
        box-shadow:none;
        padding-bottom:10px;
        border-bottom:1px solid rgba(0,0,0,0.04);
    }
    #main_review .rev .list:last-child{
        margin-bottom:0;
        padding-bottom:0;
        border-bottom:0;
    }
    #main_review .mg{
        width:50px;
        height:50px;
        border-radius:50%;
    }
    #main_review .info{
        width:calc(100% - 65px);
        margin-left:15px;
    }
    #main_review .info .cate{
        padding:4px 8px 4px 8px;
        font-size:0.85em;
    }
    #main_review .info .txt{
        margin:10px 0 10px 0;
        font-size:1em;
        line-height:1.4em;
        height:35px;
        max-height:35px;
        -webkit-line-clamp:2;
    }
    #main_review .info .nick{
        font-size:0.83em;
    }
    #main_review .info .date{
        font-size:0.83em;
    }
}
/* 개인정보 리스트*/
#lecture_writer_list{
    margin: 10px 0;
    padding:0px;
    letter-spacing:0 !important
}
#lecture_writer_list .login{
    padding:5px 0;
    font-size:1.2em
}
#lecture_writer_list .login strong{
    color:#000
}
#lecture_writer_list .login img {
    height:25px;
    vertical-align:middle;
    display:inline-block;
    margin:0 5px 0 0
}
#lecture_writer_list .mb{
    padding:0px 0;
}
#lecture_writer_list .mb .photo{
    display:inline-block;
    vertical-align:middle;
    margin-right:5px;
    width:20px;
    height:20px;
    overflow:hidden;
    border:1px solid #e5e5e5;
    border-radius:50%;
}
#lecture_writer_list .mb .photo img{
    width:100%;
    vertical-align:top
}
#lecture_writer_list .mb .mb_info{
    display:inline-block;
    vertical-align:middle;
}
#lecture_writer_list .mb .mb_info p{
    font-size:1.0em;
    font-weight:400;
    margin-bottom:2px;
    color:#444
}
#lecture_writer_list .mb .count{
    font-size:1.05em;
    display: inline-block;
    background: #f5f5f5;
    padding: 4px 10px;
    border-radius: 30px;
    width: auto;
}
#lecture_writer_list .mb .mb_info span{
    color:#666;
    font-weight:400
}
#lecture_writer_list .mb .mb_info span i{
    color:#ffd400;
    font-size:.85em;
    vertical-align:inherit
}
#lecture_writer_list .mb .mb_info span svg{
    color:#ffd400;
    font-size:.85em;
    vertical-align:inherit
}
#lecture_writer_list .mb .mb_info p.mileage{
    color:#868c93;
    font-size:1em;
    line-height:1.40em;
    margin:3px 0 0
}
#lecture_writer_list .mb .mb_info p a{
    opacity:1;
    font-size:1.20em;
    line-height:20px;
    display:inline-block;
    padding:5px 2px 0px;
    vertical-align:middle;
}
#lecture_writer_list .mb .mb_info span{
    display:inline-block;
}
#lecture_writer_list .mb .mb_info span.s1{
    padding:0 8px;
    border-radius:30px;
    background:#0066b4;
    color:#fff;
    margin-left:-3px;
    margin-right:3px;
}
#lecture_writer_list .mb .mb_info span.s2{
    padding:0 8px;
    border-radius:30px;
    border:1px solid #ddd;
}
#lecture_writer_list .mb .mb_info a.btn{
    background:#5d65d1;
    color:rgba(255,255,255,.8);
    margin-right:0px;
    padding:0px 10px;
    font-size:0.85em;
    border:1px solid #5d65d1;
    line-height:20px;
    border-radius:30px;
    vertical-align:bottom
}
#lecture_writer_list .mb a.btn{
    background:#fff;
    color:#666;
    margin-right:0px;
    padding:0px 8px;
    font-size:11.5px;
    border:1px solid #ddd;
    line-height:18px;
    border-radius:30px;
}
@media (max-width: 1199px) {
    #lecture_writer_list{
        margin: 0px 0 5px 0;
        padding:0px;
        letter-spacing:0 !important
    }
}
/*메인공모전추출*/
#m_contest{
    margin:0px auto 20px;
    width:1200px;
}
#m_contest:after{
    display:block;
    clear:both;
    content:""
}
#m_contest .title{
    font-size:1.7em;
    color:#000;
    font-weight:500;
    margin-bottom:25px;
    position:relative
}
#m_contest .title span.m_con_more{
    position:absolute;
    right:0;
    font-size:.65em;
    font-weight:400;
    opacity:.6
}
#m_contest .title span.m_con_more:after{
    display: inline-block;
    color: #909090;
    font-family: "Font Awesome 5 Pro";
    content: "\f054";
    transform: translate(-50%,-50%);
    font-size: .50em;
    font-weight: 300;
    margin: 0 0 0 10px;
    position: relative;
    top: 3px;
}
#m_contest .title span.m_con_filter{
    position:absolute;
    right:0;
    font-size:.65em;
    font-weight:400;
}
#m_contest .title strong{
    color:#5b38d3;
    font-weight:500;
}
#m_contest #m_con_left{
    float:left;
    width:800px;
    transition:all 0.3s;
}
#m_contest #m_con_right{
    float:right;
    width:370px;
    transition:all 0.3s;
}
.mbtn_gr{
    margin:2px 0 8px
}
.mbtn_gr li{
    display:inline-block;
    margin:0 0 0 7px
}
.mbtn_gr li a{
    font-weight:400;
    font-size:1.0em;
    color:#888
}
/*#my_goods .thm .info .btn_gr li:after{
     content:"|";
     margin:0 0 0 10px;
     color:#cecece;
     font-size:.65em;
     vertical-align:text-bottom
}
 */
#my_goods .thm .info {
    position:relative
}
.mbtn_gr li a.current{
    font-weight:500;
    font-size:1.0em;
    color:#222
}
.mbtn_gr li:after{
    display: inline-block;
    margin: 4px 0px 0 10px;
    width: 1px;
    height: 10px;
    background: #ddd;
    vertical-align: bottom;
    content: "";
}
.mbtn_gr li:last-child:after{
    width:0;
    display:none
}
@media (max-width: 1199px) {
    #m_contest{
        width:96%;
        margin:0 2% 20px
    }
    #m_contest .title{
        font-size: 1.3em;
    }
    #m_contest #m_con_left{
        float:left;
        width:67%;
        transition:all 0.3s;
    }
    #m_contest #m_con_right{
        float:right;
        width:30%;
        transition:all 0.3s;
    }
}
@media (max-width: 800px) {
    #m_contest #m_con_left{
        float:none;
        width:100%;
        transition:all 0.3s;
    }
    #m_contest #m_con_right{
        float:none;
        width:100%;
        transition:all 0.3s;
    }
}
.m_con_goods{
    width:100%;
    margin-bottom:60px;
}
.m_con_goods .title{
    font-size:1.7em;
    color:#000;
    font-weight:500;
    margin-bottom:25px;
}
.m_con_goods .title strong{
    color:#5b38d3;
    font-weight:500;
}
.m_con_goods .in{
    width:100%;
    margin:0 auto;
}
.m_con_goods .list{
}
.m_con_goods .list .thm{
    float:left;
    width:calc(100%/3 - 19px);
    margin-right:25px;
    margin-bottom:50px;
    position:relative;
}
.m_con_goods .list .thm:nth-child(3n){
    margin-right:0;
}
.m_con_goods .thm .mg{
    /*border:1px solid #000;
     */
    width:100%;
    height:240px;
    overflow:hidden;
    position:relative;
}
.m_con_goods .thm .mg .mg_in{
    position:absolute;
    width:100%;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
}
.m_con_goods .thm .mg .pri{
    z-index:2;
    display:inline-block;
    padding:3px 16px 3px 10px;
    border-radius:0 30px 30px 0;
    background:#ffde00;
    color:#000;
    text-align:center;
    font-size:0.95em;
    font-style:italic;
    letter-spacing:1px;
    font-weight:600;
    position:absolute;
    top:10px;
    left:0;
}
.m_con_goods .thm .mg .heart{
    position:absolute;
    top:5px;
    right:5px;
    z-index:2;
}
.m_con_goods .thm .mg .heart button{
    border: 1px solid #ddd;
    background: #fff;
    padding: 5px;
    border-radius: 3px;
}
.m_con_goods .thm .mg .heart img{
    width:25px;
    height:auto;
}
.m_con_goods .thm .over{
    z-index:1;
    overflow:hidden;
}
.m_con_goods .thm .over img{
    width:100%;
    height:auto;
    transition:all 0.4s;
}
.m_con_goods .thm .over:hover img{
    transform:scale(1.2);
    transition:all 0.4s;
}
.m_con_goods .thm .info{
}
.m_con_goods .thm .info .tit{
    font-weight:500;
    font-size:1.25em;
    margin:15px 0 3px 0;
    min-height:22px;
    word-wrap:break-word;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
}
.m_con_goods .thm .info .rate {
    color:#444;
    font-size:1em;
}
.m_con_goods .thm .info .rate .star{
    float:left;
}
.m_con_goods .thm .info .rate .star span{
    display:inline-block;
    margin-right:7px;
    padding-right:7px;
    border-right:1px solid #eee;
    line-height:1em;
    height:1em;
}
.m_con_goods .thm .info .rate .star span:last-child{
    margin-right:0;
    padding-right:0;
    border:0;
}
.m_con_goods .thm .info .rate .fa-star{
    color:#FC0
}
.m_con_goods .thm .info .rate .heart_hit{
    float:right;
}
.m_con_goods .thm .info .price{
    margin-top:10px;
    font-size:1.45em;
    font-weight:500;
    color:#111
}
@media (max-width: 1199px) {
    .m_con_goods{
        margin-bottom:20px;
    }
    .m_con_goods .title{
        font-size:1.3em;
    }
    .m_con_goods .in{
        width:100%;
    }
    .m_con_goods .list .thm{
        width:100%;
        margin-right:0;
        margin-bottom:22px;
    }
    .m_con_goods .list .thm:nth-child(2n){
        margin-right:0;
    }
    .m_con_goods .list .thm:after{
        display:block;
        content:"";
        clear:both;
    }
    .m_con_goods .list .thm a:after{
        display:block;
        content:"";
        clear:both;
    }
    .m_con_goods .thm .mg{
        float:left;
        width:130px;
        height:85px;
    }
    .m_con_goods .thm .mg .pri{
        padding:0 8px 0 4px;
        letter-spacing:0px;
        font-size:0.7em;
        top:8px;
    }
    .m_con_goods .thm .mg .heart{
        top:3px;
        right:3px;
    }
    .m_con_goods .thm .mg .heart img{
        width:20px;
    }
    .m_con_goods .thm .info{
        float:left;
        margin-left:15px;
        width:calc(100% - 150px);
    }
    .m_con_goods .thm .info .tit{
        font-size:1.23em;
        line-height:1.4em;
        margin:0 0 2px 0;
    }
    .m_con_goods .thm .info .rate {
        font-size:0.85em;
    }
    .m_con_goods .thm .info .price{
        margin-top:5px;
        font-size:1.25em;
    }
}
/*진행중 공모전*/
#m_con_ing{
    padding: 20px;
    border: 1px solid #bcbcbc;
}
#m_con_ing .in{
    width:100%;
    padding:10px;
}
#m_con_ing .title{
    font-size:2.3em;
    color:#000;
    text-align:center;
    margin-bottom:15px;
    position:relative
}
#m_con_ing .title span.m_con_more{
    position:absolute;
    right:0
}
#m_con_ing .stitle{
    font-size:1.4em;
    color:rgba(0,0,0,0.7);
    text-align:center;
}
#m_con_ing .stitle span{
    position:relative;
}
#m_con_ing .stitle span strong{
    color:#F60;
    font-size:0.6em;
    position:absolute;
    top:-10px;
    left:50%;
    margin-left:-5px;
}
#m_con_ing .rev{
    margin:0;
}
#m_con_ing .rev .list{
    width:100%;
    padding:0;
    margin-right:0;
    margin-bottom:5px;
    border-radius:0;
    background:none;
    box-shadow:none;
    padding-bottom:0px;
    border-bottom:1px solid rgba(0,0,0,0.05);
}
#m_con_ing .rev .list:last-child{
    margin-bottom:0;
    padding-bottom:0;
    border-bottom:0;
}
#m_con_ing .mg{
    float:left;
    width:70px;
    height:70px;
    border-radius:50%;
    overflow:hidden;
    position:relative;
}
#m_con_ing .mg img{
    height:100%;
    /* width: 100%;
     */
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
}
#m_con_ing .info{
    float:left;
    width:calc(100% - 100px);
    margin-left:25px;
    transition: all 0.5s;
}
#m_con_ing .info .cate{
    display:inline-block;
    padding:5px 10px 4px 10px ;
    border-radius:20px;
    background:#adbec7;
    color:#fff;
    font-size:0.9em;
    text-align:center;
}
#m_con_ing .info .tit_ing{
    font-weight: 500;
    font-size: 1.25em;
    margin: 5px 0 0;
    min-height: 20px;
    white-space:nowrap;
    /* word-wrap: break-word;
     display: -webkit-box;
     */
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
#m_con_ing .info .txt{
    margin:0 0 15px 0;
    /*height:60px;
     max-height:58px;
     */
    word-wrap:break-word;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:1.10em;
    color:#666
}
#m_con_ing .info .txt svg{
    color:#c1bed3
}
#m_con_ing .info .nick span{
    margin-right:3px;
}
#m_con_ing .info .date{
    color:#999;
    font-size:0.9em;
    position:relative;
    margin:3px 0
}
#m_con_ing .info .date span.dday{
    color:#fff;
    background:#c6c5cd;
    border-radius:3px;
    margin:0 5px 0 0;
    text-align:center;
    padding:3px 7px;
    font-size:.85em
}
#m_con_ing .info .date_inquiry{
    color:#999;
    font-size:0.9em;
    position:relative;
    margin:0 0 0 10px
}
#m_con_ing .info .star{
    position:absolute;
    right:0;
    bottom:0;
}
#m_con_ing .info .star span{
    color:#999;
}
#m_con_ing .info .star span.on{
    color: #FC0;
}
#m_con_ing .info .pay{
    position:absolute;
    right:0;
    bottom:0;
    font-size:1.30em;
    color:#333;
    font-weight:500;
}
#m_con_ing .reply{
    padding: 20px 20px 20px 40px;
    background:url(../../../../basic/img/sub/inverse_arrow.png) no-repeat 15px 20px #f1f0f5;
    margin:20px 0 0;
    min-height: 60px;
}
.m_con_img_more a{
    background: none;
    padding: 12px 30px;
    color: #666 !important;
    border: 1px solid #999;
    font-size: 1.15em;
    display: inline-block;
    margin: 20px 0 0;
    transition: all 0.5s;
    text-align:center;
    width:100%;
}
.m_con_img_more a:hover{
    background:#7d75dc;
    color: #fff !important;
    border: 1px solid #7d75dc;
    font-size: 1.15em;
    display: inline-block;
    margin: 20px 0 0;
    transition: all 0.5s;
    text-align:center;
    width:100%;
}
@media (max-width: 1199px) {
    #m_con_ing{
        padding: 20px;
        border: 1px solid #bcbcbc;
    }
    #m_con_ing .in{
        width:100%;
        padding:0px;
    }
    #m_con_ing .title{
        font-size:1.3em;
        margin-bottom:10px;
    }
    #m_con_ing .stitle{
        font-size:0.98em;
    }
    #m_con_ing .rev{
        margin:0 0 20px 0;
    }
    #m_con_ing .rev .list{
        width:100%;
        padding:0;
        margin-right:0;
        margin-bottom:15px;
        border-radius:0;
        background:none;
        box-shadow:none;
        padding-bottom:10px;
        border-bottom:1px solid rgba(0,0,0,0.04);
    }
    #m_con_ing .rev .list:last-child{
        margin-bottom:0;
        padding-bottom:0;
        border-bottom:0;
    }
    /*#m_con_ing .mg{
         width:50px;
         height:50px;
         border-radius:50%;
    }
     */
    #m_con_ing .info{
        width:calc(100% - 85px);
        margin-left:15px;
        transition: all 0.5s;
    }
    #m_con_ing .info .cate{
        padding:4px 8px 3px 8px;
        font-size:0.8em;
    }
    #m_con_ing .info .nick{
        font-size:0.95em;
        letter-spacing:0
    }
    #m_con_ing .info .date{
        font-size:0.95em;
        letter-spacing:0
    }
}
/*이벤트배너*/
#event{
    background:#0075f8 url(../img/main/event_bg.jpg) no-repeat center top;
    background-size:cover;
    overflow:hidden;
    padding:70px 0;
}
#event .in{
    width:1199px;
    margin:0 auto;
    position:relative;
}
#event .in .title{
}
#event .in .mg{
    position:absolute;
    right:20px;
    top:-60px;
}
@media (max-width: 1199px) {
    #event{
        padding:30px 0;
    }
    #event .in{
        width:100%;
    }
    #event .in .title{
        padding-left:10px;
    }
    #event .in .title img{
        height:40px;
        width:auto;
    }
    #event .in .mg{
        position:absolute;
        right:0;
        top:0;
    }
    #event .in .mg img{
        height:50px;
        width:auto;
    }
}
@media (max-width: 767px) {
    #event{
        padding:30px 0 70px;
    }
    .heart {
        top:0px;
        right: 0;
        /*border:1px solid #eaeaea !important*/
    }
}
/* 아이템 뷰 */
#item_view{
    font-size:1.10em;
}
#item_view.jobs > h2.title{
    font-size:1.5em;
    margin-bottom: 25px;
    font-weight: 700;
}
#item_view #content_wrap{
    display: flex;
    gap: 60px
}
#item_view .camSwiper{
    margin-bottom: 20px;
    max-height: 500px;
}
#content_wrap{
    position:relative;
    width:1200px;
    margin:20px auto;
    transition: all 0.5s;
}
#content_wrap:after{
    display:none;
    content:"";
    clear:both;
}
@media (max-width: 1199px) {
    #content_wrap{
        position:relative;
        width:100%;
        margin:0px auto;
        transition: all 0.5s;
    }
}
@media (max-width: 992px) {
    #my_goods .sort .localselect{
        display:none
    }
}
@media (max-width: 767px) {
    #item_view #content_wrap{
        flex-wrap: wrap;
        gap: 20px
    }
    .mlocalselect{
        line-height:1em;
        color: #333;
        font-weight: 500;
        padding:0 0 0 17px;
        display:block;
        text-align:right
    }
    .mlocalselect:before{
        display: block;
        font-family: "Font Awesome 5 Pro";
        content: "\f078";
        position: absolute;
        color:#333;
        right:75px;
    }
    #cate_depth.cpn {
        display:none
    }
    #cate_mdepth{
        display:block
    }
}
/*아이템 정보*/
.scroll_content{
    width:700px;
    position:relative;
    transition: all 0.5s;
}
.scroll_content .swiper {
    width: 100%;
    height: auto;
}
.scroll_content .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.scroll_content .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 10 / 7;
    object-fit: cover;
}
.scroll_content .swiper-pagination {
    top: 20px !important;
    right: 2.5% !important;
    left: unset !important;
    width: fit-content !important;
    background: #fff;
    height: fit-content;
    padding: 5px 15px;
    border-radius: 50px;
}
.scroll_content .swiper-pagination-current {
    color: #7d75db
}
.scroll_content .cont h3{
    position: relative;
    margin: 30px 0 20px;
    padding-bottom: 20px;
    font-size: 1.42em;
    font-weight: 500;
    color: #353535;
    letter-spacing: -1px;
    line-height: 1.2em;
    text-align: left !important;
    opacity:1 !important;
}
.scroll_content .cont h3:after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 1px;
    background: #292828;
}
.scroll_content .cont p{
    font-size:1.07em;
    line-height:1.7em;
    color:#555
}
.scroll_content .cont hr{
    margin:50px 0;
    display:block
}
.scroll_content .cont .port {
    margin:30px 0 0
}
.scroll_content .cont .port img{
    width:100%
}
.scroll_content .cont h4{
    margin:35px 0 25px;
    font-size:1.25em;
    line-height:1.7em;
    color:#333
}
/*자주묻는질문*/
.item_faq dl{
}
.item_faq dt{
    font-size:1.15em;
    font-weight:500;
    line-height:1.7em;
    color:#333
}
.item_faq dt span{
    font-family: 'Russo One', sans-serif;
    display: inline-block;
    font-size: 1.1em;
    color: #7d75dc;
    margin:0 7px 0 0;
    font-weight:bold;
}
.item_faq dd{
    font-size:1.15em;
    font-weight:400;
    line-height:1.7em;
    color:#555;
    margin:0 0 13px
}
.item_faq dd span{
    font-family: 'Russo One', sans-serif;
    display: inline-block;
    font-size: 1.1em;
    color: #8c8c93;
    margin:0 7px 0 0;
    font-weight:bold;
}
@media (max-width: 1199px) {
    .scroll_content{
        width:60%;
        transition: all 0.5s;
    }
}
@media (max-width: 767px) {
    .scroll_content{
        width:100%;
        transition: all 0.5s;
    }
}
/*탭*/
.et-header {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 0;
    height: 75px;
    z-index: 2;
    -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
.et-header--scrolled {
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
.et-header--move-up {
    -webkit-transform: translateY(-75px);
    transform: translateY(-75px);
    -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
.et-header__logo {
    color: #000;
}
.et-header__link {
    margin-left: 1em;
    color: #000;
}
.et-hero-tabs, .et-slide {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    /*align-items: center;
     text-align: center;
     */
    position: relative;
    padding: 0;
}
.et-slide .content-wrapper {
    max-height: 800px;
    overflow: hidden;
    transition: max-height 0.5s ease;
    position: relative;
}
.et-slide .content-wrapper img{
    max-width: 100%;
}
.et-slide .content-wrapper.expanded {
    max-height: none;
}
.more-btn.hidden {
    display: none;
}
.et-hero-tabs h1, .et-slide h1 {
    font-size: 2rem;
    margin: 0;
    letter-spacing: 1rem;
}
.et-hero-tabs h3, .et-slide h3 {
    font-size: 1rem;
    letter-spacing: 0.3rem;
    opacity: 0.6;
}
.et-hero-tabs-container {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    position: relative;
    bottom: 0;
    width: 100%;
    height: 75px;
    background: #fff;
    border: 1px solid #d7d7d7;
    margin: 0;
    z-index: 1000;
    -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
.et-hero-tabs-container--top-first {
    position: fixed;
    top: 0px;
    -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    width:100%;
    left:0;
    border-right: 0;
    transition: all 0.5s;
    height:60px;
}
.et-hero-tabs-container--top-second {
    position: fixed;
    top: 0px;
    width:100%;
    left:0;
    border-right: 0;
    transition: all 0.5s;
    height:60px;
}
.et-hero-tab {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    flex: 1;
    color: #000;
    letter-spacing: 0.1rem;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border-right: 1px solid #ededed;
    text-align: center;
}
a.et-hero-tab:last-child{
    border:0
}
.et-hero-tab:hover {
    /*color:#fff;
     background:#ee4e47;
     */
    color:#7d75dc;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.et-hero-tab-slider {
    position: absolute;
    bottom: 0;
    width: 0;
    height: 6px;
    background: #7d75dc;
    -webkit-transition: left 0.3s ease;
    transition: left 0.3s ease;
}
@media (max-width: 1199px) {
    .et-hero-tabs-container--top-first {
        top: 0px;
    }
    .et-hero-tabs-container--top-second {
        top: 0px;
    }
}
@media (min-width: 800px) {
    .et-hero-tabs h1, .et-slide h1 {
        font-size: 3rem;
    }
    .et-hero-tabs h3, .et-slide h3 {
        font-size: 1.2em;
        font-weight: 500;
        letter-spacing: -.020em;
    }
    .et-hero-tab {
        font-size: 1.17em;
        font-weight:500;
        font-weight: 500;
        letter-spacing: -.020em;
    }
}
/*후기 평점*/
.grade_wrap{
    margin:15px 0 20px;
    display: flex;
}
.grade_wrap br.grade_br{
    display:none
}
.grade_wrap label{
    margin:0 10px 0 0
}
.grade_wrap svg{
    color:#FC0
}
.item_idx li dt svg{
    display:block;
    margin:0 0 12px;
    font-size:1.6em
}
@media (max-width: 500px) {
    .grade_wrap br.grade_br{
        display:block
    }
    .grade_wrap label{
        margin:0 10px 5px 0
    }
}
.grade {
    padding:20px;
    border-top: 1px solid #555;
    background: #f4f5f8;
    text-align:center
}
.grade li{
    display:inline-block;
    margin:0 10px;
    text-align:left;
    vertical-align: middle;
}
.grade li p.point{
    font-size:4.0em;
    font-weight:600
}
.review_more a{
    background: none;
    padding: 12px 30px;
    color: #666 !important;
    border: 1px solid #999;
    font-size: 1.15em;
    display: inline-block;
    margin: 20px 0 0;
    transition: all 0.5s;
    text-align:center;
    width:100%;
}
.review_more a:hover{
    background:#7d75dc;
    color: #fff !important;
    border: 1px solid #7d75dc;
    font-size: 1.15em;
    display: inline-block;
    margin: 20px 0 0;
    transition: all 0.5s;
    text-align:center;
    width:100%;
}
/*후기 리스트*/
#item_review{
    padding:0 0 20px;
}
#item_review .in{
    width:100%;
    padding:10px;
}
#item_review .title{
    font-size:2.3em;
    color:#000;
    text-align:center;
    margin-bottom:15px;
}
#item_review .stitle{
    font-size:1.4em;
    color:rgba(0,0,0,0.7);
    text-align:center;
}
#item_review .stitle span{
    position:relative;
}
#item_review .stitle span strong{
    color:#F60;
    font-size:0.6em;
    position:absolute;
    top:-10px;
    left:50%;
    margin-left:-5px;
}
#item_review .rev{
    margin:40px 0;
}
#item_review .rev .list{
    width:100%;
    padding:0;
    margin-right:0;
    margin-bottom:25px;
    border-radius:0;
    background:none;
    box-shadow:none;
    padding-bottom:20px;
    border-bottom:1px solid rgba(0,0,0,0.1);
}
#item_review .rev .list:last-child{
    margin-bottom:0;
    padding-bottom:0;
    border-bottom:0;
}
#item_review .mg{
    float:left;
    width:70px;
    height:70px;
    border-radius:50%;
    overflow:hidden;
    position:relative;
}
#item_review .mg img{
    height:100%;
    /* width: 100%;
     */
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
}
#item_review .info{
    float:left;
    width:calc(100% - 100px);
    margin-left:25px;
    transition: all 0.5s;
    position:relative
}
#item_review .info .cate{
    display:inline-block;
    padding:5px 10px 4px 10px ;
    border-radius:20px;
    background:#adbec7;
    color:#fff;
    font-size:0.9em;
    text-align:center;
}
#item_review .info .tit{
    font-size:1.30em;
    color:#333;
    font-weight:500;
    margin:0 0 8px
}
#item_review .info .txt{
    margin:0 0 8px 0;
    /*height:60px;
     max-height:58px;
     */
    word-wrap:break-word;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:1.10em;
    color:#666
}
#item_review .info .nick{
    color:#333;
    font-size:1.15em;
    font-weight:500;
    margin:0 0 10px
}
#item_review .info .nick span{
    margin-right:3px;
}
#item_review .info .date{
    color:#999;
    font-size:0.9em;
    position:relative;
}
#item_review .info .date_inquiry{
    color:#999;
    font-size:0.9em;
    position:relative;
    margin:0 0 0 10px
}
#item_review .info .star{
    position:absolute;
    right:0;
    bottom:0;
}
#item_review .info .star span{
    color:#999;
}
#item_review .info .star span.on{
    color: #FC0;
}
#item_review .info .pay{
    position:absolute;
    right:0;
    bottom:0;
    font-size:1.30em;
    color:#333;
    font-weight:500;
}
#item_review .info .chat{
    background: url(../../../img/common/ico_chat2.png) no-repeat 61px center;
    background-size: 12px;
    padding: 8px 13px;
    color: #7d75dc;
    float: right;
    border:1px solid #7d75dc;
    border-radius: 50px;
    position: absolute;
    right: 0;
    top: 0;
}
#item_review .reply{
    padding: 20px 20px 20px 40px;
    background:url(../../../../basic/img/sub/inverse_arrow.png) no-repeat 15px 20px #f1f0f5;
    margin:20px 0 0;
    min-height: 60px;
}
@media (max-width: 1199px) {
    #item_review .in{
        width:100%;
        padding:10px;
    }
    #item_review .title{
        font-size:1.3em;
        margin-bottom:10px;
    }
    #item_review .stitle{
        font-size:0.98em;
    }
    #item_review .rev{
        margin:30px 0 20px 0;
    }
    #item_review .rev .list{
        width:100%;
        padding:0;
        margin-right:0;
        margin-bottom:15px;
        border-radius:0;
        background:none;
        box-shadow:none;
        padding-bottom:10px;
        border-bottom:1px solid rgba(0,0,0,0.04);
    }
    #item_review .rev .list:last-child{
        margin-bottom:0;
        padding-bottom:0;
        border-bottom:0;
    }
    /*#item_review .mg{
         width:50px;
         height:50px;
         border-radius:50%;
    }
     */
    #item_review .info{
        width:calc(100% - 85px);
        margin-left:15px;
        transition: all 0.5s;
    }
    #item_review .info .cate{
        padding:4px 8px 3px 8px;
        font-size:0.8em;
    }
    #item_review .info .nick{
        font-size:0.95em;
        letter-spacing:0
    }
    #item_review .info .date{
        font-size:0.95em;
        letter-spacing:0
    }
}
/**/
.gridInfo{
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    align-items: flex-start;
    grid-gap: 15px;
}
.gridInfo li{
    display: flex;
    flex-direction: column;
    text-align: left;
    grid-gap: 5px;
}
/*가격/재능 정보*/
.fix_info {
    float:right;
    width:440px;
    z-index:10;
    position:relative;
    transition: all 0.5s;
}
.fix_info .eval ul:after{
    display:block;
    content:"";
    clear:both;
}
.fix_info .eval li{
    display:inline-block;
    margin:0 15px 0 0;
    float:left;
    position:relative
}
.fix_info .eval li:after{
    display:inline-block;
    content:"|";
    font-weight: 100;
    opacity: .4;
    padding: 0 0 0 18px;
}
.fix_info .eval li:last-child:after{
    display:none
}
.fix_info header{
    margin:0 0 40px
}
.fix_info header p{
    font-size:1.55em;
    font-weight:500;
    line-height:normal;
    margin:0 0 20px
}
.fix_info header h6 {
    font-size:1.85em;
    font-weight:600;
    margin:20px 0 15px;
    /*line-height: 1.0em;
     */
}
.fix_info header h5 {
    font-size:1.85em;
    font-weight:600;
    margin:10px 0 0px;
}
.fix_info header p.item_tit{
    font-size:1.55em;
    font-weight:500;
    line-height:normal;
    margin:0 0 20px
}
.fix_info header p.price{
    font-size:1.85em;
    font-weight:600;
    margin:30px 0 0;
    /*line-height: 1.0em;
     */
}
.fix_info header p.price span{
    color:#777;
    font-size:.60em;
    margin:0;
    font-weight:500;
    letter-spacing:0
}
.fix_info header .col-md-10, .fix_info header .col-md-2{
    padding:0 !important;
    font-size:1.07em;
    color:#888;
    font-weight:400
}
.fix_info header .col-md-2 .fa-heart{
    color:#7d75dc;
    margin:0 3px 0 0
}
.fix_info #cam_count .mb .count {
    font-size: 1.2em;
    display: inline-block;
    background: #f5f5f5;
    padding:5px 15px;
    border-radius: 30px;
    width: auto;
}
.fix_info #cam_count .mb p {
    font-size: 1.2em;
    font-weight: 600
}
.fix_info #cam_info p {
    font-size: 1.2em;
    padding:10px 0;
}
.fix_info #cam_info p:first-of-type {
    border-top: 1px solid #cecece
}
.fix_info #cam_info p:last-of-type {
    border-top: 1px solid #cecece
}
.fix_info .btn.btn_large {
    margin-top:20px
}
.market .fix_info #cam_info p:last-of-type {
    border-top: 0;
}
.market .op_select {
    margin: 18px 0;
}
.market .option {
    background: #FFF4EC;
    border-radius: 5px;
    padding: 25px !important;
    margin: 14px 0;
}
.market .option select {
    background: #fff;
}
.market .op_select .op_box {
    border: 1px solid #E8E8E8;
    border-radius: 5px;
    padding: 25px;
    margin-bottom: 10px;
}
.market .op_select .op_box .tit{
    margin-bottom: 10px;
}
.market .btn_wrap{
    display: flex;
    align-items: center;
    gap: 10px;
}
.market .btn_wrap button:last-of-type{
    width: 150px;
}
.market .total{
    font-size: 1.45em;
}
.market .option_list{
    border-top:1px solid #A2A2A256;
    margin-bottom:20px;
}
.market .option_list li{
    border-bottom:1px solid #A2A2A256;
    padding:14px 0;
}
.market .area_total{
    margin-bottom: 25px;
    font-size: 1.1em;
}
.market .area_delifee span{
    display: block;
    font-size: 0.65em;
    opacity: 0.5
}
.market .area_total .price_wrap{
    font-size: 1.1em;
    margin-top: 10px;
}
.market .area_btn, .market .fixed_btn{
    display:grid;
    grid-template-columns: auto auto 44px;
    gap: 8px;
}
.market .area_btn button, .market .fixed_btn button{
    height: 40px!important;
    line-height: 24px!important;
    padding: 0px!important;
    width: 100%;
    font-size: 1.1em;
    font-weight: 600;
}
.market .fixed_btn{
    display: none;
}
.market .option_close{
    width: 100%;
    text-align: center;
    display: block;
}
@media screen and (max-width: 768px) {
    .market .area_fixed {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        background: #fff;
        z-index: 10002;
        padding: 0 15px 10px 15px;
        border-top: 1px solid rgba(88, 0, 195, 0.34);
        display: none;
    }
    .market .fixed_btn {
        display: grid;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        background: #fff;
        z-index: 10001;
        padding: 10px 15px;
        border-top: 1px solid rgba(88, 0, 195, 0.34);
    }
}
.number_controller {
    border-radius: 0px;
    width: auto;
    display: inline-block;
    padding: 0;
}
.number_controller button {
    all: unset;
    border-radius: 0px;
    line-height: 25px;
    width: 25px;
    height: 25px;
    text-align: center;
    background: #e7e7e7;
}
.number_controller input[type=text] {
    all: unset;
    border-radius: 0px;
    width: 30px;
    line-height: 25px;
    height: 25px;
    text-align: center;
}
.number_controller input[type=number] {
    all: unset;
    border-radius: 0px;
    width: 30px;
    line-height: 25px;
    height: 25px;
    text-align: center;
}
@media (max-width: 1199px) {
    .fix_info{
        width:35%;
        transition: all 0.5s;
    }
    .fix_info header p.item_tit{
        font-size:1.35em;
    }
}
@media (max-width: 767px) {
    .fix_info{
        width:100%;
        transition: all 0.5s;
        float:none;
        margin:40px 0 0;
    }
}
/*별평점*/
/*#wrap_star{
     margin:0px auto;
     text-align:center
}
 */
.star_rating {
    width:95px;
    margin:0 10px 0 0
}
.star_rating,.star_rating span {
    display:inline-block;
    overflow:hidden;
    background:url(../../../theme/basic/img/sub/star_rating.png) no-repeat;
    height:15px;
    text-align:left
}
.star_rating span{
    background-position:left bottom;
    line-height:0;
    vertical-align:top;
}
.box_price .standard .price, .deluxe .price, .premium .price{
    font-size:1.55em;
    font-weight:600;
    margin:10px 0
}
.box_price .standard .price span, .deluxe .price span, .premium .price span{
    background:#c9c2c2;
    color:#fff;
    padding:4px 7px;
    text-align:center;
    border-radius:20px;
    font-weight:400;
    font-size:.50em;
    margin:0 0 0 5px;
    vertical-align: bottom;
    letter-spacing:0
}
.box_price .standard{
    border-top:1px solid #e5e5e5;
    border-right:1px solid #e5e5e5;
    border-left:1px solid #e5e5e5;
    padding:20px;
    margin:12px 0 0;
    background:#fff
}
.box_price .deluxe{
    border:1px solid #e5e5e5;
    padding:20px;
    margin:5px 0 0;
    background:#fff
}
.box_price .premium{
    border:1px solid #e5e5e5;
    padding:20px;
    margin:5px 0 0;
    background:#fff
}
.box_price .btn_submit {
    height:50px;
    background:#7d75dc;
    width:100%;
    border-radius:0!important;
    border:1px solid #7d75dc;
    box-shadow:none !important;
    font-size:1.4em;
    font-weight:500;
    margin:30px 0 0;
}
.box_price .tit{
    font-size:1.35em;
    font-weight:500;
    line-height:normal;
    margin:0 0 10px
}
.box_price p{
    font-size:1.20em
}
.box_price .cont_list,.box_price .work{
    font-size:1.10em
}
.box_price .cont_list{
    margin:30px 0 0
}
.box_price .cont_list li{
    display:block;
    margin:0 0 7px
}
.box_price .cont_list li:before {
    display: inline-block;
    font-family: "Font Awesome 5 Pro";
    color: #333;
    content: "\f00c";
    transform: translateY(-50%);
    font-weight: 300;
    color:#ee4e47;
    margin: 0 10px 0 0;
    position: relative;
    top: 8px;
}
.box_price .work{
    margin:30px 0 0;
    font-weight:500
}
.box_price .work li{
    display:inline-block;
    margin:0 12px 0 0
}
/*.box_price .box {
     padding:20px;
     border:1px solid #e5e5e5;
}
 */
.box_price .box{
    padding:20px;
    border-bottom: 1px solid #464646;
    border-right: 1px solid #464646;
    border-left: 1px solid #464646;
}
.mem_info{
    border:1px solid #9998a7;
    padding:20px;
    margin:12px 0 0;
    background:#fff;
    box-shadow:0px 5px 0px rgba(0,0,0,.07)
}
.mem_info .request a{
    background: none;
    padding: 20px 30px;
    color: #222 !important;
    border: 1px solid #222;
    font-size: 1.15em;
    display: inline-block;
    margin: 20px 0 0;
    transition: all 0.5s;
    text-align:center;
    width:100%;
}
.mem_info .request a:hover{
    background:#7d75dc;
    color: #fff !important;
    border: 1px solid #7d75dc;
    font-size: 1.15em;
    display: inline-block;
    margin: 20px 0 0;
    transition: all 0.5s;
    text-align:center;
    width:100%;
}
.mem_info .myimg{
    text-align:center;
    width:100%;
    height:auto;
    margin:0 auto;
    position:relative;
    margin-bottom:15px;
}
.mem_info .myimg .img_rd{
    width:110px;
    height:110px;
    overflow:hidden;
    border-radius:50%;
    border:0px;
    background:#fff;
    margin: 0px auto;
    position:relative
}
.mem_info .myimg .img_rd i{
    margin:0;
    font-size:3.0em;
    line-height: 110px;
    color: #362de4;
}
.mem_info .myimg .img_rd img{
    width:110px;
    height:110px;
    object-fit: cover
}
.mem_info contact span{
}
.mem_info p{
    font-size:1.07em;
    line-height:1.6em;
    color:#555
}
.mem_info p span{
    margin:0 10px
}
.mem_info p.name{
    font-size:1.60em;
    line-height:1.5em;
    color:#222;
    margin:15px 0;
    font-weight:500
}
.mem_info .profile ul{
    border-top:1px solid #555;
    background:#f4f5f8;
    margin:20px 0;
    display: flex
}
.mem_info .profile li{
    display:inline-block;
    width:100%;
    text-align:center;
    float:left;
    padding:20px;
    position:relative
}
.mem_info .profile li:first-child:after{
    display:none
}
.mem_info .profile li:after{
    display:inline-block;
    content:'';
    width:1px;
    height:50%;
    background:#e5e7eb;
    position:absolute;
    top:25%;
    margin: 0 0 0 -50%;
    left: 50%;
}
.mem_info .profile li dt{
    font-size:1.0em;
    color:#777;
    font-weight:400
}
.mem_info .profile li dd{
    font-size:1.30em;
    color:#222;
    font-weight:500
}
.mem_info .contact i{
    color: #ffd400;
    font-size: .85em;
}
.mem_info .contact svg{
    color: #ffd400;
    font-size: .85em;
}
.mem_info .edit a{
    display:block;
    padding:9px 12px;
    border:1px solid #ddd;
    background:#fff;
    box-shadow:2px 2px rgba(0,0,0,0.06);
    border-radius:4px;
    margin:25px 0 0;
    font-size:1.10em;
    font-weight:500;
    color:#333 !important
}
.mem_info .edit a:hover{
    background:#7d75dc;
    border:1px solid #7d75dc;
    color:#fff !important;
}
.mem_info .certi h4{
    margin: 30px 0 10px;
    font-size: 1.15em;
    line-height: 1.7em;
    color: #333;
}
.mem_info .certi .certi_list li{
    display:inline-block;
    border-radius: 30px;
    background: #f3f3f3;
    text-align: center;
    padding: 7px 12px;
    color: #999;
    font-size: 1.0em;
    margin: 10px 2px 0;
    display: inline-block;
}
.btn_mod:before{
    content: '';
    display: block;
    font-family: "Font Awesome 5 Pro";
    content: "\f030";
    position: absolute;
    color:#fff;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}
.btn_mod {
    position: absolute;
    left: 50%;
    bottom: 60px;
    margin-left: 20px;
    display: inline-block;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
    background:#464461;
    background-size: 40%;
    text-align: center;
    padding: 10px;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    z-index:10;
}
/**/
#com_view .scroll_content{
    display: flex;
    width: 100%;
    gap: 40px
}
#com_view .comSwiper{
    margin-bottom: 20px;
    width: 60%;
;
}
.com_info {
    width: 100%;
}
.com_info #cam_info {
    margin:0 0 30px
}
.com_info #cam_info p {
    font-size: 1.4em;
}
.com_info #cam_info p:first-child {
    padding-bottom:10px;
}
.com_info #cam_info > * {
    width: 100%;
}
.com_info #cam_info > *:last-of-type {
    padding-left: 10px;
    border-left:1px solid #5e5e5e;
}
.com_info header{
    margin:0 0 50px
}
.com_info header p{
    font-size:1.55em;
    font-weight:500;
    line-height:normal;
    margin:0 0 20px
}
.com_info header h6 {
    font-size:1.85em;
    font-weight:600;
    margin:35px 0 15px;
    /*line-height: 1.0em;
     */
}
.com_info #cam_count {
    position: relative;
}
.com_info #cam_count .mb .count {
    font-size: 1.2em;
    display: inline-block;
    background: #f5f5f5;
    padding:5px 15px;
    border-radius: 30px;
    width: auto;
}
.com_info #cam_count p {
    font-size: 1.2em;
    font-weight: 600
}
#com_view div.sample {
    width: 100%;
    overflow-x: auto;
}
#com_view div.sample img {
    max-width: 450px;
}
#campaignCs .modal-body > p {
    font-size: 1.2em;
    margin:20px 0 10px;
    font-weight: 600
}
#campaignCs .modal-body > p:first-child {
    margin:00px 0 10px;
}
#competeSubmit .modal-body > p {
    font-size: 1.2em;
    margin:20px 0 10px;
    font-weight: 600
}
#competeSubmit .modal-body > p:first-child {
    margin:00px 0 10px;
}
#campaignInfo .modal-body > p {
    font-size: 1.2em;
    margin:20px 0 10px;
    font-weight: 600
}
#campaignInfo .modal-body > p:first-child {
    margin:00px 0 10px;
}
#campaignSubmit .modal-body textarea:read-only {
    background: #fff0!important;
}
#campaignSubmit .modal-body > p {
    font-size: 1.2em;
    margin:20px 0 10px;
    font-weight: 600
}
#campaignSubmit .modal-body > p:first-child {
    margin:00px 0 10px;
}
#campaignJoin .modal-body > p {
    font-size: 1.2em;
    margin:20px 0 10px;
    font-weight: 600
}
#campaignJoin .modal-body > p span {
    font-size: 0.8em;
}
#campaignJoin .modal-body > p:first-child {
    margin:00px 0 10px;
    padding: 15px;
}
#marketCancel .modal-body > p {
    font-size: 1.2em;
    margin:20px 0 10px;
    font-weight: 600
}
#marketCancel .modal-body > p:first-child {
    margin:00px 0 10px;
}
#marketPurchase .modal-body > p {
    font-size: 1.2em;
    margin:20px 0 10px;
    font-weight: 600
}
#marketPurchase .modal-body > p:first-child {
    margin:00px 0 10px;
}
#marketPurchase .table  {
    margin-bottom: 0;
}
.modal .table  {
    overflow-x: auto;
}
.modal .table table {
    border-top: 1px solid #555;
    background: #f4f5f8;
    width: 100%;
}
.modal .table table th{
    padding: 5px 10px;
    font-size: 1em;
    font-weight: 400;
    opacity: 0.7;
}
.modal .table table td{
    padding: 10px 10px;
    font-size: 1.35em;
    font-weight: 600;
    border-top: 1px solid #eee;
}
.modal .table table .bg1 td{
    background: #701ebc;
    color: #fff;
}
.modal .table table td:not(:last-of-type){
    border-right: 1px solid #eee;
}

@media (max-width: 1199px) {
    #com_view .scroll_content{
        flex-wrap: wrap;
        gap: 20px
    }
    #com_view .comSwiper {
        width: 100%!important;
        margin-bottom: 0px;
    }
    .com_info #cam_info {
        flex-wrap: wrap;
        gap: 0px!important;
    }
    .com_info #cam_info > *:first-of-type{
        border-top: 1px solid #eee;
    }
    .com_info #cam_info > *:last-of-type{
        padding-left: 0;
        border-left: 0;
    }
    .com_info #cam_info p {
        padding:10px 0;
    }
    .com_info header h6 {
        margin:15px 0 15px;
    }
    .com_info header {
        margin: 0 0 0px;
    }
}
@media (max-width: 767px) {
}
/* tabs */
.tab-menu {
    display: flex;
    border-top: 1px solid #ddd;
    font-size: 1.3em;
    border-bottom: 1px solid #ddd;
}
.tab-button {
    flex: 1;
    padding: 15px 0;
    cursor: pointer;
    background-color: #fff;
    border: none;
    outline: none;
    text-align: center;
    transition: background-color 0.3s ease;
}
.tab-button:hover {
    background-color: #ddd;
}
.tab-button.active {
    background-color: #fff;
    border-bottom: 2px solid #222;
    font-weight: bold;
    color:#222
}
.tab-content {
    display: block;
    padding: 20px 0;
    border-top: none;
}
.tab-content.active {
    display: block;
}
.tab-content h3.title{
    position: relative;
    margin: 30px 0 20px;
    padding-bottom: 20px;
    font-size: 1.42em;
    font-weight: 500;
    color: #353535;
    letter-spacing: -1px;
    line-height: 1.2em;
    text-align: left !important;
    opacity:1 !important;
}
.tab-content h3.title:after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 1px;
    background: #292828;
}
/**/
/* 로그인 */
#mb_login {
    position:relative;
    width:480px;
    background:rgba(255,255,255,1);
    border-radius:0px;
    font-size:1.1em;
    margin: 0 auto;
    padding:30px
}
#mb_login h1 {
    text-align:center;
    margin-bottom:25px;
}
#mb_login #login_fs{
}
#mb_login #login_fs legend{
    border-bottom:0 !important
}
#mb_login #login_fs .login_id,#mb_login #login_fs .login_pw {
    display:block;
    color:#333;
    margin-bottom:5px;
    display:none;
}
#mb_login #login_fs .frm_input{
    width:100%;
    background-color:#fff !important;
    color:#252525;
    border:none;
    border:1px solid #dfdfdf;
    height:50px;
    line-height:50px;
    text-indent:10px;
    margin-bottom:6px;
    padding:0
}
#mb_login #login_fs .btn_submit {
    height:50px;
    background:#7d75dc;
    width:100%;
    border-radius:0!important;
    border:1px solid #7d75dc;
    box-shadow:none !important;
    font-size:1.2em;
    font-weight:500;
    margin:0;
}
#mb_login #login_info {
    text-align:center;
}
#mb_login #login_info p{
    margin:15px 0 0 0;
    text-align:left;
    font-size:1.15em
}
#mb_login #login_info p a{
    color:#777;
}
#mb_login #login_info p a:hover{
    color:#ee4e47;
}
#mb_login #login_info h2{
    display:none;
}
#mb_login #login_info .join {
    margin:25px 0;
    padding-bottom:25px;
    border-bottom:1px solid #eee;
}
#mb_login #login_info .join a{
    display:block;
    width:100%;
    line-height:40px;
    border:1px solid #7d75dc;
    font-size:1.15em;
    color:#7d75dc;
    font-weight:500;
}
#mb_login #login_info .join a:hover{
    background:#39384d;
    color:#fff;
    border:1px solid #39384d;
    transition: all 0.2s;
}
#mb_login #sns_login {
}
#mb_login #sns_login li{
    margin-bottom:6px;
    transition: all 0.2s;
}
#mb_login #sns_login li:hover{
    box-shadow:0 0 10px rgba(0,0,0,0.1);
    transition: all 0.2s;
}
#mb_login #sns_login li a{
    padding-left:25px;
    display:block;
}
#mb_login #sns_login li.sns.kakao {
    background:#ffdd00;
    border:1px solid #ffdd00;
}
#mb_login #sns_login li.sns.kakao a{
    color:#000;
}
#mb_login #sns_login li.sns.naver {
    background:#1fcc00;
    border:1px solid #1fcc00;
}
#mb_login #sns_login li.sns.naver a {
    color:#fff;
}
#mb_login #sns_login li.sns.google{
    background:#f9f9f9;
    border:1px solid #eee;
}
#mb_login #sns_login li.sns.google a{
    color:#000;
}
#mb_login #sns_login li.sns.face{
    background:#3a5898;
    border:1px solid #3a5898;
}
#mb_login #sns_login li.sns.face a {
    color:#fff;
}
#mb_login #sns_login li.sns .ico img{
    width:20px;
    height:auto;
    margin-right:5px;
}
#mb_login #sns_login li.sns a{
    font-size:1.15em;
    height:50px;
    line-height:50px;
}
#mb_login h2 {
    margin:0 0 5px;
    font-size:1.167em
}
#mb_login .btn_confirm{
    width:100%;
    /*background:#f5f9fa;
    */
    padding:20px 0 0 0;
    margin:0;
    font-size:1em;
    border:0!important;
}
#mb_login .btn_confirm a{
    text-decoration:none;
    color:#252525;
    padding-right:10px;
    display:inline-block;
    font-size:1.15em;
}
#mb_login input[type=checkbox],#mb_login input[type=radio]{
    margin:0 2px 3px 0 !important;
    width: 2rem !important;
    height: 2rem !important;
}
#mb_login .title_top {
    display: block;
    font-size: 1.7em;
    letter-spacing: -1px;
    padding-top: 18px;
}
/*반응형소스*/
@media (max-width: 992px) {
    #find_info{
        width:85%;
    }
    #mb_login{
        width:85%;
    }
    #mb_login h1{
        font-size:1.5em;
    }
    #mb_login h1 img{
        width:auto;
        height:30px
    }
    #mb_login #login_fs{
    }
    #mb_login #login_fs .btn_submit{
        margin:5px 0 5px 0;
        font-size:1.2em;
    }
    #mb_login #login_info{
    }
    #mb_login #login_info a{
        padding:8px 0;
        /* font-size:0.78em !important;
        */
    }
    #mb_login #login_fs label{
        font-size:0.9em !important;
    }
    #mb_confirm{
        width:70%;
    }
    #mb_login .btn_confirm{
        padding:10px 0 20px 0;
    }
    #mb_login .btn_confirm a{
        font-size:1.15em;
    }
    #mb_confirm h1{
        font-size:1.5em;
    }
}
/* 회원가입 약관 */
#fregister section {
    margin:0 0 20px;
    padding:20px 0
}
#fregister h2 {
    margin:0 0 20px;
    text-align:center
}
#fregister textarea {
    display:block;
    margin-bottom:10px;
    padding:5px;
    width:98%;
    height:150px;
    border:1px solid #e9e9e9;
    background:#f7f7f7
}
#fregister .fregister_agree {
    padding:10px 0 0;
    text-align:right
}
#fregister .fregister_agree label {
    display:inline-block;
    margin-right:5px
}
#fregister p {
    color:#e8180c;
    text-align:center
}
#fregister .btn_confirm {
    margin:10px 0;
}
#fregister_private .tbl_head01 th{
;
    text-align:center;
    border:1px solid #d1dee2;
    width:33%
}
#fregister_private .tbl_head01 td {
    border:1px solid #e9e9e9
}
#fregister_private .tbl_head01 caption{
    position:absolute;
    font-size:0;
    line-height:0;
    overflow:hidden
}
p.certi span{
    color:#7d75dc;
    font-weight:500
}
/* 회원가입 입력 */
#fregisterform{
    position:relative;
    max-width:480px;
    width:100%;
    background:rgba(255,255,255,1);
    border-radius:0px;
    font-size:1.1em;
    margin: 0 auto;
    padding:30px
}
#fregisterform textarea {
    height:80px;
}
#fregisterform textarea.myinfo{
    border:none;
    width:100%;
    font-size:1em;
    font-weight:500;
    padding:10px;
}
#fregisterform #msg_certify {
    margin:5px 0 0;
    padding:5px;
    border:1px solid #dbecff;
    background:#eaf4ff;
    text-align:center
}
#fregisterform .frm_address {
    margin:5px 0 0
}
#fregisterform #mb_addr3 {
    display:inline-block;
    margin:5px 0 0;
    vertical-align:middle
}
#fregisterform #mb_addr_jibeon {
    display:block;
    margin:5px 0 0
}
#fregisterform .my_work{
    padding:10px;
}
#fregisterform .my_work .title{
    margin-bottom:10px;
    font-size:1.05em;
    color:#bfbfbf;
}
#fregisterform .my_work .select li{
    float:left;
    width:calc(33.333% - 4px);
    min-height:45px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom:4px;
    margin-right:4px;
    border:1px solid #eeeeee;
    padding:4px;
    font-size:0.8em;
    text-align:center;
}
#fregisterform .my_work .select li.select{
    background:#7d75dc;
    border:1px solid #7d75dc;
    color:#fff;
    font-weight:700;
}
#fregisterform .sel_bank{
    background:#434343;
    border:0;
    height:50px;
    padding-left:10px;
    width:100%;
    font-size:0.95em;
    color:#fff;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
#fregisterform .sel_bank::-ms-expand{
    display:none
    /* 화살표 없애기 for IE10, 11*/
}
#fregisterform .phn .phn_in{
    height:55px;
    background:#5a5a5a;
    color:#fff;
    text-align:center;
    width:100%;
    border:none;
}
.mbskin .memo{
    text-align:center;
    margin:10px 0;
    font-size:0.9em;
    font-weight:600;
    color:#fff;
}
.mbskin .memo span{
    font-weight:800;
    color:#fefb68;
    font-size:1.15em;
}
.mbskin .memo .svg-inline--fa{
    font-size:0.8em;
}
/* 회원가입 입력_추가 */
.mbskin.agr_check {
    width:800px;
    margin:0 auto;
    transition: all 0.5s;
}
.mbskin.agr_check .logo{
    text-align:center;
    margin-bottom:60px;
}
.mbskin.agr_check .title_top{
    display:block;
    font-size:1.7em;
    letter-spacing:-1px;
    padding-top:18px;
}
.mbskin.agr_check .title_top .point{
    font-size:1.2em;
    font-weight:600;
    color:#7d75dc;
}
.mbskin.agr_check .join_type{
    text-align:center;
}
.mbskin.agr_check .type{
    display:inline-block;
    border: 2px solid #cbcbcb;
    padding: 28px 30px 34px 22px;
    border-radius: 10px;
    margin: 0 13px;
    cursor: pointer;
    width: 300px;
    text-align: right;
    box-sizing: border-box;
    border-radius: 10px;
    box-shadow: 3px 3px 8px #ddd;
    transition: all 0.5s;
}
.mbskin.agr_check .type a{
    display:block;
}
.mbskin.agr_check .type:hover{
    border: 2px solid #7d75dc;
}
.mbskin.agr_check .type.action{
    border: 2px solid #7d75dc;
}
.mbskin.agr_check .type .join_type_chk{
    width: 28px;
    height: 28px;
    border-radius:5px;
    border: solid 2px #ccc;
    background: #fff;
    display: inline-block;
    float: left;
}
.mbskin.agr_check .type img{
    width:90px;
}
.mbskin.agr_check .type.action .join_type_chk{
    border: 2px solid #ee4e47;
    background: #ee4e47;
    background-image:url('img/ic-select-s.png');
    background-repeat: no-repeat;
    background-position: center center;
}
.mbskin.agr_check .type .title{
    color:#666;
    margin-top:20px;
}
.mbskin.agr_check .type .title .who{
    margin-top:15px;
    font-size:1.5em;
    font-weight:500;
    color:#000;
}
.mbskin.agr_check .type .title .who strong{
    color:#7d75dc;
    font-weight:600;
}
/* 가입유형선택 */
.b_rdo{
    width:100%;
    margin:20px 0 10px
}
.b_rdo .st{
    float:left;
    margin-right:0px;
    margin-bottom:4px;
}
.b_rdo .st:nth-child(2){
    margin-right:0;
}
.b_rdo .st.spec{
    float:left;
    width:100%;
}
.b_rdo .st.spec label{
    border:2px solid rgba(254,142,166,0.2);
}
.b_rdo .st label{
    padding:0 20px 0 0;
}
.b_rdo .st h2 {
    margin:3px 0 0px !important;
    text-align:left !important;
}
.b_rdo .scon{
    text-align:left !important;
    font-size:0.83em;
    font-weight:500;
    color:#fe8ea6;
    margin-left:30px;
    margin-top:8px;
}
.b_rdo .bx{
    position:relative;
    width:80px
}
.b_rdo .bx span{
    font-size:1.10em
}
.b_rdo p{
    position:absolute;
    right:0px;
    top:0px;
}
.b_rdo p img{
    width:50px;
    height:auto;
}
@media (max-width: 992px) {
    .mbskin.agr_check .type{
        width: 100%;
        transition: all 0.5s;
        margin: 0 0px 20px
    }
    .mbskin.agr_check .logo{
        text-align:center;
        margin-bottom:30px;
    }
    .mbskin.agr_check .logo img{
        height:30px
    }
    .mbskin.agr_check .title_top{
        display:block;
        font-size:1.3em;
        letter-spacing:-1px;
        padding-top:18px;
    }
    .mbskin.agr_check .title_top .point{
        font-size:1.2em;
        font-weight:600;
        color:#ee4e47;
    }
    .mbskin.agr_check {
        width:100%;
        margin:0 auto;
        transition: all 0.5s;
    }
}
/* 회원가입 및 거의 모든 곳에 들어갈 박스 스타일 */
.none {
    display:none;
}
.box-article {
    width:100%;
}
.box-article button.cert{
    position:absolute;
    top:8%;
    right:1%;
    height:85%;
    font-weight:500;
    color:#333
}
.box-article button.phone{
    position:absolute;
    bottom:0;
    right:0;
    height:100%;
    font-weight:500;
    color:#fff;
    background:#464461;
    padding:0 20px;
    border:0 !important;
    height:40px
}
.box-article h2 {
    font-size:1.25em;
    padding-bottom:10px;
    color:#523F2E;
    text-indent:5px;
    display:none;
}
.box-article h2 p{
    display:inline-block;
    font-size:12px;
    color:#666;
    float:right;
}
.box-article .box-body {
    /*background:#FFF;
    */
    border-radius:5px;
}
.box-article .box-body:first-child {
    /*margin-top:5px;
    */
}
.box-article .box-title {
    font-size:1.25em;
    font-weight:bold;
    margin-bottom:10px;
}
.box-article .box-body dd input{
}
.box-article .box-body dd input:not([type=checkbox]){
    background:#fff!important;
    border:1px solid #e6e6e6;
    border-radius:0 !important
}
.box-article .box-body .row {
    margin:0;
    position:relative;
    background:#fff;
    margin-bottom:7px;
    border-radius:0px;
    overflow:hidden;
}
.box-article .box-body dl:last-child{
    border-bottom:0;
}
.box-article .box-body .row.bank .col-xs-2{
    width:80px;
}
.box-article .box-body .row.bank .col-xs-10{
    width:calc(100% - 80px);
}
.box-article .box-body .row dd {
    padding:0;
}
.box-article .box-body .row dd select {
    width: 100%;
    height: 55px;
    border: 1px solid #e6e6e6;
    padding: 10px;
    background: #fff !important;
    color:#9a9696;
    font-size:1.05em
}
.box-article .box-body .row dd div.tag_t{
    font-size:1.10em;
    margin:20px 0 0;
    font-weight:500;
    color:#555
}
.box-article .box-body .row dd div.tag_t02{
    font-size:1.30em;
    margin:20px 0 0;
    font-weight:500;
    color:#555
}
.box-article .box-body .row dd div.tag {
    position:relative;
    border-radius:30px;
    background:#f3f3f3;
    text-align:center;
    padding:14px 40px 14px 15px;
    color:#999;
    font-size:.90em;
    margin:10px 0 0;
    width:100%
}
.box-article .box-body .row dd div.tag .close{
    position:absolute;
    right:15px;
    top:8px
}
.box-article .box-body .row dd div.tag .close svg{
    font-size:.75em
}
.box-article .box-body .row dd div.tag02 {
    position:relative;
    border-radius:30px;
    background:#f3f3f3;
    text-align:center;
    padding:14px 40px 14px 15px;
    color:#999;
    font-size:.90em;
    margin:10px 2px 0;
    display:inline-block
}
.box-article .box-body .row dd div.tag02 .close{
    position:absolute;
    right:15px;
    top:8px
}
.box-article .box-body .row dd div.tag02 .close svg{
    font-size:.75em
}
.box-article .box-body .row dd div.tag03 {
    position:relative;
    border-radius:30px;
    background:#f3f3f3;
    text-align:center;
    padding:14px 15px;
    color:#999;
    font-size:1.15em;
    margin:10px 2px 0;
    display:inline-block
}
.box-article .box-body .row dd.req{
    padding:10px 0px 10px 10px;
    color:#fb2323;
    margin-top:5px;
    display:none;
}
.box-article .box-body .row .error {
    font-size:0.95em;
    color:#858585;
    min-height:0;
    text-align:center;
    line-height: 3.8em;
}
.box-article .box-body .row .error.on{
    color:rgba(0,0,0,0.4);
    /*border-top:1px dotted #F2F2F2;
    */
}
.box-article .box-body .row button.add{
    border:0;
    background:#464461;
    color:#fff;
    margin:0 0 8px 0;
    padding:7px 12px;
    font-size: .90em;
    border-radius:3px
}
.gisa_sear{
    position:absolute;
    right:0;
    top:5px;
    display:block;
    margin:5px;
    width:30px;
    height:30px;
    padding:4px;
    border-radius:50%;
    text-align:center;
    background:#ddd;
}
.gisa_sear .svg-inline--fa{
    color:#fff;
}
.status_ico{
    position:absolute;
    right:0;
    top:9px;
    display:block;
    margin:8px;
    width:24px;
    height:24px;
    text-align:center;
    font-size:0.7em;
}
.status_ico.err .svg-inline--fa{
    color:#FF0000;
}
.status_ico.pas .svg-inline--fa{
    color:#8baeff;
}
.box-article .box-body .row div {
    padding:0;
}
.box-article .box-body .row label {
    display: none;
}
.box-article .box-body .agree-row label {
    display: inline-block
}
.box-article .box-body .agree-row {
    padding:10px;
    margin:0;
}
.box-article .box-body .agree-row dd:first-child {
    font-size:1.05em;
}
.box-article .box-body .agree-row dd:nth-child(3) {
    padding-top:10px;
    display:none;
}
.box-article .box-body .agree-row .agr_textarea textarea{
    width:100%;
    border:1px solid #f2f2f2;
    border-radius:4px;
    padding:6px;
    height:80px !important;
    font-size:12px;
}
.box-article .agree-text {
    background:#FFF !important;
    width:100% !important;
    padding:10px !important;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    margin-bottom:0 !important;
    height:150px;
    border:1px solid #e9e9e9;
}
.box-article .agree-label {
    background:#FFF !important;
    width:100% !important;
    padding:10px 10px 8px 10px !important;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    border: 1px solid #e9e9e9;
    border-top:0;
    color:#777;
    margin-top:-5px;
}
.box-article .agree-label input[type=checkbox] {
    margin-top:-4px;
}
.box-article .box-body .option{
}
.box-article .box-body .option:after{
    display:block;
    content:"";
    clear:both;
}
.box-article .box-body .option li{
    float:left;
    margin-right:4px;
    border:1px solid #e5e5e5;
    width:18%;
    padding:8px 5px;
    text-align:center;
    border-radius:4px;
}
.box-article .box-body .option li.on{
    border:1px solid #3d9fea;
}
.box-article .box-body .option li img{
    width:22px;
    height:auto;
}
.box-article .box-body .option li p{
    font-size:0.75em;
    line-height:1em;
    color:#b3b3b3;
    margin-top:5px;
}
.box-article .box-body .option li.on p{
    color:#5aaff0
}
.bt_btn{
    padding:10px;
}
.bt_btn .col-xs-6 a{
    display:block;
    background:#32adec;
    padding:10px 0;
    color:#fff;
    font-size:1.3em;
}
.bt_btn .col-xs-6{
    padding-right:1px;
    padding-left:1px;
    text-align:center;
}
/*마이페이지*/
#mypage{
    margin:0 0 50px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}
#mypage:after{
    display:none;
    clear:both;
    content:""
}
#mypage #left_view{
    float:unset;
    max-width: 440px;
    width: 100%;
;
    transition:all 0.3s;
}
#mypage #right_view{
    float:unset;
    width: 100%;
    max-width:730px;
    transition:all 0.3s;
}
#mypage #right_view h3{
    font-size:1.45em;
    color:#333;
    font-weight:500;
    line-height:1.8em;
    margin:10px 0 20px
}
#mypage.jobs #right_view h3.date{
    margin:10px 0 0px
}
#mypage #right_view h3.tit{
    font-size:1.45em;
    color:#333;
    font-weight:500;
    line-height:1.8em;
    margin:10px 0 20px
}
#mypage #right_view h3 span{
    font-size:.75em;
    font-weight:400;
    color:#777;
    margin:0 0 0 15px
}
@media (max-width: 992px) {
    #mypage {
        flex-direction: column;
        gap: 0;
    }
    #mypage #right_view h3 {
        display: block;
    }
    #mypage .mem_info{
        display: none
    }
    #mypage .mem_info.open{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding: 0;
        border: 0;
        box-shadow: none;
    }
    #mypage .mem_info .myimg{
        display: flex;
        align-items: center;
        gap: 5px;
        margin-bottom: 0;
    }
    #mypage .mem_info .myimg .btn_mod {
        position: relative;
        margin-left: 0 !important;
        left: unset !important;
        order: 1;
    }
    #mypage .mem_info p.name {
        order: 2;
    }
    #mypage .mem_info .myimg .img_rd {
        width: 50px;
        height: 50px;
        object-fit: cover;
    }
    #mypage .mem_info .myimg .img_rd img {
        width: 50px!important;
        height: 50px!important;
        object-fit: cover!important;
    }
    #mypage div#like_ul{
        order: 3;
        width: 100%;
    }
    #mypage .profile{
        order: 3;
        width: 100%;
    }
    #mypage .introduce{
        order: 4;
        width: 100%;
        border-bottom: 1px solid #eee;
    }
    #mypage div#like_ul ul{
        margin: 10px 0 0;
    }
    #mypage p.text-center.contact {
        margin-left: auto;
    }
    #mypage p.edit.text-center{
        width: 100%;
    }
    #mypage .mem_info .edit a{
        margin-top: 0 !important;
    }
    #mypage #left_view {
        float: none;
        width: 100%;
        transition: all 0.3s;
        display: block!important;
        max-width: unset!important;
    }
    #mypage .tabs > ul > li a  {
        letter-spacing: -1px;
    }
    #mypage .tabs > ul > li a .badge {
        display: none;
    }
}
.my_nav{
    margin:50px auto;
    width:90%
}
.my_nav li{
    display:block;
    margin:0 0 20px;
    position:relative
}
.my_nav li:after{
    display:inline-block;
    content:"";
    position:absolute;
    right:0;
    font-family: "Font Awesome 5 Pro";
    content: "\f054";
    color:#999
}
.my_nav li a{
    color:#555;
    font-size:1.27em;
    font-weight:500
}
#mypage .profile-toggle {
    display: none;
    border:1px solid #333;
    color: #333;
    background: #fff;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 14px;
    width: 100%;
}

#mypage .nav-toggle {
    display: none;
    border:1px solid #333;
    color: #333;
    background: #fff;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 14px;
    width: 100%;
}
#mypage .btn-toggle {
    display: none;
}

@media (max-width: 992px) {
    .my_nav  {
        margin: 10px auto 0;
        width: 100%;
    }
    .my_nav ul {
        display: none;
        flex-direction: column;
    }

    #mypage .profile-toggle {
        display: block;
    }
    #mypage .nav-toggle {
        display: block;
    }

    #mypage .btn-toggle {
        display: flex;
        gap: 10px;
    }

    .my_nav ul.open {
        display: flex;
        padding-top: 20px;
        border-bottom: 1px solid #eee;
    }
}
#mypage .tabs {
    width: 100%;
}
#mypage .tabs input[type=radio] {
    display: none;
}
#mypage .tabs label {
    display: block;
    width:100%;
    padding:6px 18px;
    line-height: 2.5em;
    background: #fff;
    text-align: center;
    font-weight: 500;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    color:#999;
    cursor: pointer;
    -webkit-transition: background-color 150ms ease-in-out;
    transition: background-color 150ms ease-in-out;
    font-size: 1.3em;
}
#mypage .tabs label:hover {
    background:#fff;
}
#mypage .tabs [id^="tab"]:checked + label {
    color: #222;
    border-bottom: 2px solid #222;
}
#mypage .tabs > ul {
    display:flex;
    width: 100%;
}
#mypage .tabs > ul > li{
    display:inline-block;
    width:100%;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    text-align:center;
}
#mypage.jobs .tabs > ul > li:nth-of-type(2){
    border-right: 1px solid #dcdcdc;
}
#mypage .tabs > ul > li.on{
    border-bottom: 2px solid #9597e4;
    color: #9597e4
}
#mypage .tabs > ul > li a{
    font-size: 1.3em;
    color:#999;
    font-weight: 600;
    display:block;
    line-height:50px
}
#mypage .tabs > ul > li.on a{
    color: #7c7eee
}
.badge{
    margin:0 0 0 3px;
    font-weight:400;
    letter-spacing:0 !important;
    font-size:.75em;
    background: #7c7c7c;
    vertical-align:middle
}
.on .badge {
    background: #7d75dc;
}
#mypage .in{
    padding:10px 0;
}
#mypage .in .top_info{
}
#mypage .top_info .my{
    text-align:center;
    padding:25px 10px;
}
#mypage .top_info .my .mg{
    width:100px;
    height:100px;
    margin:0 auto 15px auto;
    border-radius:50%;
    overflow:hidden;
    position:relative;
}
#mypage .top_info .my .mg img{
    height:100%;
    /* width: 100%;
     */
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
}
#mypage .top_info .my .nick{
    font-weight:600;
    font-size:1.3em;
    margin-bottom:12px;
}
#mypage .top_info .my .nick.fe{
    color:#7d75dc;
}
#mypage .top_info .my .nick.male{
    color:#8baeff;
}
#mypage .top_info .my .inf{
    color:#8c8c8c;
    font-weight:500;
    font-size:1.1em;
    line-height:1em;
}
#mypage .top_info .my .inf span{
    display:inline-block;
    margin-right:12px;
    padding-right:12px;
    border-right:1px solid #f0f0f0;
}
#mypage .top_info .my .inf span:last-child{
    border-right:0;
    margin-right:0;
    padding-right:0;
}
#mypage .top_info .my .body{
    margin-top:8px;
    font-size:0.8em;
    letter-spacing:0.1px;
}
#mypage .top_info .my .body span{
    display:inline-block;
    padding:1px 8px;
    border-radius:20px;
    border:1px solid #f1f1f1;
}
#mypage .top_info .my .body strong{
    color:#7d75dc;
    font-size:1.22em;
    font-weight:500;
}
#mypage .top_info .my .lg_btn a{
    display: inline-block;
    padding:4px 12px;
    color:#fff;
    font-size:0.95em;
    background: #666;
    border-radius:30px;
    margin-top:20px;
}
#mypage .top_info .m_btn {
    text-align:center;
    margin-bottom:15px;
}
#mypage .top_info .m_btn a{
    float:left;
    width:calc(100%/3 - 6px);
    background:#f7f7f7;
    padding:16px 4px 12px 4px;
    border-radius:10px;
    display:block;
    margin-right:8px;
    color:#000;
    font-size:1.8em;
    font-weight:500;
}
#mypage .top_info .m_btn a:last-child{
    margin-right:0;
}
#mypage .top_info .m_btn a img{
    width:40px;
    height:auto;
}
#mypage .top_info .m_btn a span{
    display:block;
    margin-top:12px;
    font-size:0.58em;
}
#mypage .top_info .bx a{
    display:block;
    background:#fff;
    box-shadow:2px 2px 5px rgba(0,0,0,0.05);
    border:1px solid #f1f1f1;
    font-size:1.1em;
    padding:15px;
    border-radius:10px;
    margin-bottom:8px;
    position:relative;
}
#mypage .top_info .bx span{
    position:absolute;
    right:10px;
    top:10px;
    background:#FC0;
    width:30px;
    height:30px;
    color:#fff;
    border-radius:50%;
    text-align:center;
    padding:5px;
}
#mypage .top_info .bx strong{
    display:inline-block;
    background: #FF575B;
    width:20px;
    height:20px;
    color:#fff;
    border-radius:50%;
    text-align:center;
    font-size:0.8em;
}
#mypage .my_menu{
    border-top:1px solid #f8f8f8;
    padding-top:10px;
    margin-top:25px;
}
#mypage .my_menu li{
    position:relative;
}
#mypage .my_menu li a{
    display:block;
    padding:14px 0;
    font-size:1.17em;
    font-weight:500;
    text-indent:10px;
}
#mypage .my_menu li span{
    position:absolute;
    right:15px;
    top:15px;
    color:#ddd;
    font-size:1.1em;
}
#my_goods{
    width:100%;
    margin-bottom:60px;
}
#my_goods .title{
    font-size:1.7em;
    color:#000;
    font-weight:500;
    margin-bottom:25px;
}
#my_goods .title strong{
    color:#ee4e47;
    font-weight:500;
}
#my_goods .in{
    margin:0
}
#my_goods .list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 25px;
    -webkit-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 30px;
}
#my_goods .list .thm{
    float:unset;
    width:calc( ( 100% - 75px ) / 4 );
    position:relative;
    margin: 0!important;
}
#my_goods .list .thm:nth-child(4n){
    margin-right:0;
}
#my_goods .thm .mg{
    border:1px solid #DDD;
    width:100%;
    aspect-ratio: 10 / 7;
    object-fit: cover;
    overflow:hidden;
    position:relative;
    height: unset!important;
    float: unset;
}
#my_goods .thm .mg .mg_in{
    position:unset;
    width:100%;
    transform:unset;
}
#my_goods .thm .mg .pri{
    z-index:2;
    display:inline-block;
    padding:3px 16px 3px 10px;
    border-radius:0 30px 30px 0;
    background:#ffde00;
    color:#000;
    text-align:center;
    font-size:0.95em;
    font-style:italic;
    letter-spacing:1px;
    font-weight:600;
    position:absolute;
    top:10px;
    left:0;
}
#my_goods .thm .mg .heart{
    position:absolute;
    top:5px;
    right:5px;
    z-index:2;
}
#my_goods .thm .mg .heart button{
    border:0;
    background:none;
    padding: 0;
    margin: 0;
}
#my_goods .heart button{
    padding: 1px 8px 3px;
}
#my_goods .heart img{
    width: 10px;
}
#my_goods .thm .mg .heart img{
    width:15px;
    height:auto;
}
#my_goods .thm .over{
    z-index:1;
    overflow:hidden;
    object-fit: cover;
}
#my_goods .thm .over img{
    width:100%;
    height:auto;
    aspect-ratio: 10 / 7;
    transition:all 0.4s;
    object-fit: cover;
}
#my_goods .thm .over:hover img{
    transform:scale(1.2);
    transition:all 0.4s;
}
#my_goods .thm .info{
}
#my_goods .thm .info .tit{
    font-weight:500;
    font-size:1.25em;
    margin:5px 0 10px 0;
    word-wrap:break-word;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
}
#my_goods .thm .info .rate {
    color:#999;
    font-size:1em;
}
#my_goods .thm .info .rate .star{
    float:left;
}
#my_goods .thm .info .rate .star span{
    display:inline-block;
    margin-right:7px;
    padding-right:7px;
    border-right:1px solid #eee;
    line-height:1em;
    height:1em;
}
#my_goods .thm .info .rate .star span:last-child{
    margin-right:0;
    padding-right:0;
    border:0;
}
#my_goods .thm .info .rate .fa-star{
    color:#FC0
}
#my_goods .thm .info .rate .heart_hit{
    float:right;
}
#my_goods .thm .info .price{
    margin-top:10px;
    font-size:1.45em;
    font-weight:500;
    color:#111
}
#mypage .sort{
    padding:0 0 10px;
    font-size: 1.12em;
    color: #555;
    letter-spacing: 0;
    font-weight: 400;
}
#mypage .sort ul{
    position:relative;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}
#mypage .sort li{
    display:inline-block;
}
#mypage .sort li:before {
    display: inline-block;
    color: #b5b5b5;
    content: "●";
    transform: translateY(-50%);
    font-size:.50em;
    font-weight: 300;
    margin: 0 3px 0 0;
    position: relative;
    top: 8px;
}
#mypage .sort li.check{
    color:#333;
    font-weight:500}
#mypage .sort li.check:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f00c";
    color: #ab47ee;
    font-weight: 600;
}
#my_list .thm {
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 2px dotted #eee;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
#my_list .thm .btn_wrap{
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-left: auto;
    min-width: 120px;
}
#my_list.mkt .thm .btn_wrap{
    gap: 5px;
}
#my_list.jobs .thm .btn_wrap{
    gap: 5px;
}
#my_list.jobs.v2 .thm .btn_wrap{
    gap: 5px;
    flex-direction: unset;
}
#my_list .thm .price{
}
#my_list .thm .price span{
    font-size: 1.45em;
}
#my_list .thm .date{
    margin-top: 15px;
}
#my_list .thm .date span{
    font-size: 1.45em;
}
#my_list .thm .over{
    z-index:1;
    overflow:hidden;
    object-fit: cover;
    max-width: 150px;
}
#my_list .thm .over img{
    width:100%;
    height:auto;
    aspect-ratio: 10 / 7;
    transition:all 0.4s;
    object-fit: cover;
}
#my_list .thm .over:hover img{
    transform:scale(1.2);
    transition:all 0.4s;
}

#my_list .thm .info .tit{
    font-weight:500;
    font-size:1.45em;
    margin:5px 0 10px 0;
    word-wrap:break-word;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
}

#my_jobs .list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    row-gap: 15px;
}
#my_jobs .list .thm {
    position: relative;
    padding: 15px;
    background: #f8f8f8;
    border: 1px solid #f0f0f0;
    cursor: pointer;
}
#my_jobs .list .thm .heart {
    top: 5px;
    right: 5px;
    background: #fff;
}
#my_jobs .list .thm h6{
    font-weight:400;
    font-size:1.25em;
}
#my_jobs .list .thm .tit{
    font-weight:600;
    font-size:1.7em;
    margin:10px 0 15px 0;
    word-wrap:break-word;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
}
@media (min-width: 1200px) {
}
@media (max-width: 1199px) {
    #mypage .flex.sch {
        flex-wrap: wrap;
    }
    #mypage .flex.sch #tnb_sch {
        width: 100%;
    }
    #mypage .flex.sch #tnb_sch form{
        width: 100%;
        display: flex;
    }
    #mypage .flex.sch #tnb_sch form input{
        width: 100%;
    }
    #my_goods .list .thm {
        row-gap: 15px;
        letter-spacing: -1px;
    }
    #my_goods .list .thm {
        width: 100%;
        margin-right: 0;
        margin-bottom: 22px;
        width: calc((100% - 10px) / 2) !important;
    }
    #my_goods .thm .heart {
        top: 0px;
        right: 0px;
    }
    #my_goods .thm .info {
        float: unset;
        width: 100%;
        margin: 0!important;
    }
    #my_goods .list .thm:after {
        display: none!important;
    }
    #my_goods .list {
        gap: 10px;
        row-gap: 15px;
    }
    #my_list .thm {
        flex-wrap: wrap;
        gap: 5px;
        row-gap: 10px;
        letter-spacing: -1px;
    }
    #my_list .thm .over {
        max-width: 70px;
        aspect-ratio: 1/1;
    }
    #my_list .thm .over img {
        max-width: 70px;
        aspect-ratio: 1/1;
    }
    #my_list.mkt .thm .over {
        max-width: 90px;
    }
    #my_list.mkt .thm .over img {
        max-width: 90px;
    }
    #my_list .thm .btn_wrap {
        flex-direction: unset;
        width: 100%;
    }
    #my_list .thm .btn_wrap .btn_large {
        padding: 5px 0;
    }
    #my_list .thm .info .tit {
        font-size: 1.4em;
        margin: 5px 0 5px;
    }
}

/*가격아코디언*/
ul.accordion{  border-top: 1px solid #e5e5e5;}
.accordionTitle {
    padding: 20px;
    position: relative;
    margin: 0;
    font-weight: 600;
    font-size:1.55em;
    letter-spacing: 0.8px;
    color: #333;
    transition: ease-in-out 0.2s all;
    cursor: pointer;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
}

.accordionTitle span.type{
    background: #c4c3ce;
    color: #fff;
    padding: 4px 7px;
    text-align: center;
    border-radius: 20px;
    font-weight: 400;
    font-size: .50em;
    margin: 0 0 0 5px;
    letter-spacing: 0;
}

/*가격활성화*/
.accordionTitleActive{
    border-top: 1px solid #464646;
    border-right: 1px solid #464646;
    border-left: 1px solid #464646;
}
.accordionTitle:hover {
    padding-left: 25px;
}
#sales_list{
    margin:20px 0 35px;
    background:#f2f2f2;
    padding:0px;
    border-radius:0px
}
#sales_list div.tprice{
    line-height:2.0em;
    font-size:1.3em;
    margin:10px 0 0;
    padding: 0 20px 10px;
}
#sales_list .slist{
    margin:0 0 20px;
    border-bottom:1px solid #e5e5e5;
    padding:0 0 20px
}
#sales_list .slist:last-child{
    border:0;
    padding:0
}
#sales_list .tprice .col-md-6,#sales_list .tprice .col-sm-6{
    padding:0
}
#sales_list .tprice .choi_quantity{
    display: flex;
    align-items: center;
}
#sales_list .tprice span.plus{
    width:25px;
    height:25px;
    border-radius:50%;
    text-align:center;
    line-height:25px;
    display:inline-block;
    background: #7d75dc;
    vertical-align: middle;
    margin:0 5px;
    cursor: pointer;
}
#sales_list .tprice span.minus{
    width:25px;
    height:25px;
    border-radius:50%;
    text-align:center;
    line-height:25px;
    display:inline-block;
    background: #7d75dc;
    vertical-align: middle;
    margin:0 5px;
    cursor: pointer;
}
#sales_list .tprice span.plus:after{
    font-family: "Font Awesome 5 Pro";
    content: "\f067";
    color: #fff;
    font-weight: 400;
    font-size: .5em;
    position: relative;
    bottom: 2px;
    opacity: .8;
}
#sales_list .tprice span.minus:after{
    font-family: "Font Awesome 5 Pro";
    content: "\f068";
    color: #fff;
    font-weight: 400;
    font-size: .5em;
    position: relative;
    bottom: 2px;
    opacity: .8;
}
#pay_list{
    margin:20px 0 35px;
    background:#f2f2f2;
    padding:20px;
    border-radius:10px
}
#pay_list .tprice{
    line-height:2.0em;
    font-size:1.3em;
    margin:10px 0 0
}
#pay_list .slist{
    margin:0 0 20px;
    border-bottom:1px solid #e5e5e5;
    padding:0 0 20px
}
#pay_list .slist:last-child{
    border:0;
    padding:0
}
#item_review .rev{
    margin:0;
    border:1px solid #d7d7dd;
    padding:20px
}
#item_review .rev:has(.empty_list){
    border:0px solid #d7d7dd;
}
#item_review .in{
    padding:0
}
#sales_list{
    margin:0
}
.accordionTitle{
    text-align:right;
    position:relative
}
.accordionTitle span{
    font-size:.8em;
    font-weight:400;
    opacity:.8;
    position:absolute;
    left:20px;
    letter-spacing:-.050em
}
.choi_quantity{
    font-size:.90em
}
.choi_quantity svg{
    margin:0 5px;
    font-size:1.5em;
    vertical-align:middle;
    opacity:.4
}
.checks{
    font-size:1.0em;
    opacity:.7
}
.box_price .btn_submit{
    margin:10px 0 0
}
.howorder{
    border:1px solid #d7d7dd;
    padding:20px
}
.howorder h3{
    font-size:1.20em !important;
    font-weight:500 !important;
    margin:0 0 15px !important
}
.howorder h3:after{
    display:none !important
}
.howorder label span{
    margin:0 0 0 15px;
    opacity:.7
}
.scroll_content .cont hr{
    margin:30px 0;
}
@media (max-width: 767px){
    .fix_info {
        width: 100%;
        transition: all 0.5s;
        float: none;
        margin: 20px 0 0;
    }
    #item_review{
        padding:20px 0
    }
    #sales_list .tprice .col-md-6{
        padding:0;
        text-align:center
    }
    .scroll_content{
        float:none !important
    }
    .checks{
        font-size:.85em;
        opacity:.7
    }
}
.side-menu {
    position: fixed;
    top: 0;
    right: -300px; /* 초기에는 화면 밖에 위치 */
    width: 300px;
    height: 100%;
    background-color: #333;
    color: white;
    transition: right 0.3s ease;
    z-index: 10003;
    padding: 50px 20px 20px;
}

.side-menu-content {
    margin-top: 20px;
    font-size: 1.2em;
}

.side-menu-content dt{
    width: 100%;
    color: white;
    margin: 10px 0 5px;
    padding-top: 10px;
    border-top: 1px solid #ffffff10;
    font-size: 0.85em;
}

.side-menu-content dd{
    width: 100%;
    color: white;
}

.side-menu-content dd a{
    display: block;
    padding: 5px 10px;
    color: white;
}

.side-menu .close-btn {
    font-size: 30px;
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
}

.side-menu.open {
    right: 0; /* 화면 안으로 들어옴 */
}

#scont_wrap2:has(#new_service){
    width: 100% !important;
    padding: 0;
}
#scont:has(#new_service){
    width: 100% !important;
    padding: 0;
}
#container:has(#new_service){
    width: 100% !important;
    margin-top: 0;
}
#container:has(#new_service) .inner {
    width: 100% !important;
    max-width: 1200px;
    margin: 10px auto 0 auto;
    padding: 100px 0;
}
#new_service.cpn .main{
    background: url('../img/common/bg1.png') no-repeat center center;
    text-align: center;
}
#new_service.srv .main{
    background: url('../img/land/bg2.png') no-repeat center center;
    text-align: center;
}
#new_service.cpt .main{
    background: url('../img/land/bg3.png') no-repeat center center;
    text-align: center;
}
#new_service.mkt .main{
    background: url('../img/land/bg5.png') no-repeat center center;
    text-align: center;
}
#new_service.job .main{
    background: url('../img/land/bg4.png') no-repeat center center;
    text-align: center;
}
#new_service .main img{
    width: 100%;
    max-width: 1200px;
}

#new_service .inner > h1{
    text-align: center;
    margin: 15px 0 75px;
    font-size: 4.5em;
}
#new_service .inner > h2{
    text-align: center;
    font-size: 2.5em;
    font-weight: 800;
    color: #8066EF;
}
#new_service .tab-menu {
    display: flex;
    gap: 20px;
    margin-bottom: 25px;
    border: 0;
}
#new_service .tablink {
    background: #F8F8F8;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    box-shadow: none;
    aspect-ratio: 1/1;
    width: 100%;
    border-radius: 0;
}
#new_service .tablink > div{
    width: 100%;
}
#new_service .tablink h1{
    text-align: center;
    margin: 15px 0 0px;
    font-size: 3.5em;
    font-weight: 800;
    color: #8066EF;
}
#new_service .tablink h2{
    text-align: center;
    font-size: 1.5em;
}
#new_service .tablink i {
    display: none;
    margin: 25px 0 0px;
    font-size: 1.85em;
}
#new_service .tablink.active {
    background: #fff;
    box-shadow: 0 0 0 10px #8066EF inset;
}
#new_service.srv .tablink.active {
    background: #fff;
    box-shadow: 0 0 0 10px #000 inset;
}
#new_service.srv .tablink{
    background: #F9F8FF;
}
#new_service.srv .tablink h1{
    color: #DFD8FF;
}
#new_service.srv .tablink.active h1{
    color: #000;
}
#new_service .tablink.active i {
    display: block;
}
#new_service .content {

}
#new_service .tab-content {
    display: none;
    padding: 0;
    text-align: center;
}
#new_service .tab-content > h6{
    text-align: center;
    font-size: 2.5em;
    font-weight: 800;
    color: #8066EF;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}
#new_service.srv .tab-content > h6{
    color: #6A6A6A;
}

#new_service .tab-content > ul{
    width: 90%;
    max-width: 500px;
    margin: 30px auto 0;
    text-align: left;
    padding: 0 20px;
}

#new_service .tab-content > ul li{
    font-size: 1.25em;
    padding: 10px 0;
    list-style: circle;
}

#new_service .tab-content img{
    width: 80%;
    max-width: 800px;
}

#new_service .tab-content.active {
    display: block;
}
#new_service .btn_fixed {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10005;
}
#new_service .btn_fixed a {
    display: block;
    height: 95px;
    padding: 32px;
    text-align: center;
    font-size: 27px;
    line-height: 32px;
    letter-spacing: -2px;
    font-weight: 700;
    color: #fff;
    -webkit-box-shadow: 0px -2px 15px 0px #0000004d;
    box-shadow: 0px -2px 15px 0px #0000004d;
    background: linear-gradient(-45deg, #703dc9, #8066EF, #8330bb);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
}
#new_service.srv .btn_fixed a {
    background: linear-gradient(-45deg, #170f26, #000000, #0e0415);
}
#new_service .process {
    background: #EDE9FF;
}
#new_service.srv .process {
    background: #f2f2f2;
}
#new_service .process .inner > h6{
    text-align: center;
    font-size: 3.5em;
    margin-bottom: 30px;
}
#new_service .process ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
#new_service .process ul li {
    background: #fff;
    padding: 0 20px 20px;
    width: calc( ( 100% - 30px ) / 4 );
}
#new_service .process ul li p{
    font-size: 1.25em;
}
#new_service .process ul li p:nth-of-type(1){
    display: flex;
    gap: 10px;
    align-items: flex-end;
    margin-bottom: 10px;
}
#new_service .process ul li p:nth-of-type(1) span{
    padding: 20px 10px 10px;
    background: #8066EF;
    color: #fff;
    border-radius: 0 0 10px 0;
}
#new_service.srv .process ul li p:nth-of-type(1) span{
    background: #000;
}

#new_service .com_info{
    width: 90%;
    margin: 0 auto;
    background: #fff;
    border-radius: 15px;
    position: relative;
    z-index: 1;
}
#new_service .com_info header h5 {
    font-size: 2em;
}
#new_service .com_info header p {
    margin-bottom: 0;
}
#new_service.mkt .com_info #cam_info > *:last-of-type {
    padding-left: 0px;
    border-left: 0;
    padding-top: 10px;
    margin-top: 10px;
}
#new_service .com_info b.price {
    font-weight: 900;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(320deg, #da00fb, #c619ff 30%, #8400ff 70%, #7e61fd);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 2em;
}
#new_service .com_info > div{
    background: #fff;
    border-radius: 15px;
    padding: 15px;
    position: relative;
    z-index: 1;
}
#new_service .com_info:before {
    content: '';
    position: absolute;
    left: -2px;
    top: -2px;
    background: linear-gradient(45deg, #da00fb50, #9900ff50, #c619ff50, #8400ff50, #8400ff50, #da00fb50, #ff730050, #c619ff50,#9900ff50, #da00fb50);
    background-size: 400%;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    z-index: 0;
    animation: steam 20s linear infinite;
}
#new_service .com_info:before {
    filter: blur(50px);
}

#new_service.job .list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    row-gap: 15px;
}
#new_service.job .list .thm {
    position: relative;
    padding: 15px;
    border-radius: 15px;
    background: #f8f8f8;
    border: 1px solid #f0f0f0;
    cursor: pointer;
}
#new_service.job .list .thm .heart {
    top: 5px;
    right: 5px;
    background: #fff;
}
#new_service.job .list .thm h6{
    font-weight:400;
    font-size:1.25em;
}
#new_service.job .list .thm .tit{
    font-weight:600;
    font-size:1.7em;
    margin:10px 0 15px 0;
    word-wrap:break-word;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
}
@keyframes steam {
    0% {
        background-position: 0 0;
    }
    50% {
        background-position: 400% 0;
    }
    100% {
        background-position: 0 0;
    }
}
@media (max-width: 767px){
    #container:has(#new_service) .inner {
        padding: 50px 0;
    }
    #new_service .btn_fixed {
        bottom: 60px;
    }
    #new_service .inner > h1{
        font-size: 2.5em;
        margin: 15px 0 35px;
    }
    #new_service .process .inner > h6 {
        font-size: 2.5em;
    }
    #new_service .inner > h2{
        font-size: 1.5em;
    }
    #new_service .tablink h1{
        font-size: 1.85em;
        margin-top: 5px;
    }
    #new_service .tablink h2{
        font-size: 0.75em;
        letter-spacing: -1px;
    }
    #new_service .tablink i{
        font-size: 0.75em;
        margin-top: 5px;
    }
    #new_service .tab-menu {
        gap: 5px;
    }
    #new_service .tablink.active {
        box-shadow: 0 0 0 3px #8066EF inset;
    }
    #new_service.srv .tablink.active {
        box-shadow: 0 0 0 3px #000000 inset;
    }

    #new_service .process ul {
        padding: 10px;
    }
    #new_service .process  {
        padding-bottom: 75px;
    }
    #new_service .process ul li {
        width: calc( ( 100% - 10px ) / 2 );
    }
}

#cate_depth.cpn { border: 1px solid #bcbcbc; margin:0 0 30px}
#cate_depth.cpn:after{ display:block; content:""; clear:both;}
#cate_depth.cpn .cateTit{ float:left; width:220px; font-size:0.95em;min-height: 100px; text-align:center; display: flex; justify-content: center; align-items: center}
#cate_depth.cpn .cateTit h2{ font-size:1.85em; font-weight:500;  }
#cate_depth.cpn .cateTit h2 span { padding-top: 5px; margin-top: 5px; border-top: 1px solid #eee; display: block  }
#cate_depth.cpn .cateList{ float:left; width:calc(100% - 220px)}
#cate_depth.cpn .cateList .sort, #cate_depth.cpn .cateList .depthList{ padding:15px; font-size: 1.12em; color: #555; letter-spacing: 0; font-weight: 400; border-left:1px solid #e4e5ed; min-height:50px}
#cate_depth.cpn .cateList .sort{border-bottom:1px solid #e4e5ed; position:relative}
#cate_depth.cpn .cateList .sort li{ display:inline-block; margin: 0 8px 0 0; }
#cate_depth.cpn .cateList .sort li:before {
    display: inline-block;
    color: #b5b5b5;
    content: "●";
    transform: translateY(-50%);
    font-size:.50em;
    font-weight: 300;
    margin: 0 3px 0 0;
    position: relative;
    top: 8px;
}
#cate_depth.cpn .cateList .sort li.check{ color:#333; font-weight:500}
#cate_depth.cpn .cateList .sort li.check:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f00c";
    color:#ee4e47;
    font-weight: 600;
}

.empty {
    padding: 20px 0 !important;
    text-align: center;
    font-size: 1.6em !important;
    font-weight: 500 !important;
    color: #c2bec5 !important;
    width: 100%;
}
.empty i {
    font-size: 5em !important;
}
.empty i + p {
    padding: 20px 0 0!important;
}