@-webkit-keyframes aniSkeleton {
    0% {
        background-position: 200% 0
    }

    100% {
        background-position: -200% 0
    }
}

@-o-keyframes aniSkeleton {
    0% {
        background-position: 200% 0
    }

    100% {
        background-position: -200% 0
    }
}

@keyframes aniSkeleton {
    0% {
        background-position: 200% 0
    }

    100% {
        background-position: -200% 0
    }
}

@-webkit-keyframes aniMain1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes aniMain2 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
}

@-webkit-keyframes aniMain3 {
    0% {
        top: 480px;
        opacity: 0;
        right: -100px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    20% {
        top: 126px;
        opacity: 1;
        right: -59px;
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    30% {
        top: 166px
    }

    40% {
        top: 146px
    }

    50% {
        top: 166px
    }

    60% {
        top: 146px
    }

    70% {
        top: 166px
    }

    80% {
        top: 146px;
        opacity: 1
    }

    90% {
        top: 80px;
        opacity: 0;
        right: -59px
    }

    100% {
        top: 80px;
        opacity: 0;
        right: -59px
    }
}

@-webkit-keyframes ani1 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(10%);
        transform: translateY(10%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes ani1 {
    0% {
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -o-transform: translateY(10%);
        transform: translateY(10%)
    }

    100% {
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes ani1 {
    0% {
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(10%);
        -o-transform: translateY(10%);
        transform: translateY(10%)
    }

    100% {
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes ani_main2 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.7,.7);
        transform: scale(.7,.7)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1,1);
        transform: scale(1,1)
    }
}

@-o-keyframes ani_main2 {
    0% {
        opacity: 0;
        -o-transform: scale(.7,.7);
        transform: scale(.7,.7)
    }

    100% {
        opacity: 1;
        -o-transform: scale(1,1);
        transform: scale(1,1)
    }
}

@keyframes ani_main2 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.7,.7);
        -o-transform: scale(.7,.7);
        transform: scale(.7,.7)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1,1);
        -o-transform: scale(1,1);
        transform: scale(1,1)
    }
}

@-webkit-keyframes ani_loading1 {
    0% {
        opacity: .5
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes ani_loading1 {
    0% {
        opacity: .5
    }

    100% {
        opacity: 1
    }
}

@keyframes ani_loading1 {
    0% {
        opacity: .5
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes aniOpacity {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes aniOpacity {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes aniOpacity {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes aniRankChart {
    0% {
        opacity: 0;
        width: 0
    }

    100% {
        width: 100%;
        opacity: 1
    }
}

@-o-keyframes aniRankChart {
    0% {
        opacity: 0;
        width: 0
    }

    100% {
        width: 100%;
        opacity: 1
    }
}

@keyframes aniRankChart {
    0% {
        opacity: 0;
        width: 0
    }

    100% {
        width: 100%;
        opacity: 1
    }
}

@-webkit-keyframes aniRankChart2 {
    0% {
        opacity: 0;
        width: 0
    }

    100% {
        opacity: 1;
        width: 36px
    }
}

@-o-keyframes aniRankChart2 {
    0% {
        opacity: 0;
        width: 0
    }

    100% {
        opacity: 1;
        width: 36px
    }
}

@keyframes aniRankChart2 {
    0% {
        opacity: 0;
        width: 0
    }

    100% {
        opacity: 1;
        width: 36px
    }
}

@-webkit-keyframes sectorsChart {
    0% {
        opacity: 0;
        height: 0
    }

    100% {
        opacity: 1;
        height: 100px
    }
}

@-o-keyframes sectorsChart {
    0% {
        opacity: 0;
        height: 0
    }

    100% {
        opacity: 1;
        height: 100px
    }
}

@keyframes sectorsChart {
    0% {
        opacity: 0;
        height: 0
    }

    100% {
        opacity: 1;
        height: 100px
    }
}

@-webkit-keyframes bx_chart {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes bx_chart {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes bx_chart {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes evaluationChart {
    0% {
        opacity: 0;
        height: 0
    }

    100% {
        opacity: 1;
        height: 320px
    }
}

@-o-keyframes evaluationChart {
    0% {
        opacity: 0;
        height: 0
    }

    100% {
        opacity: 1;
        height: 320px
    }
}

@keyframes evaluationChart {
    0% {
        opacity: 0;
        height: 0
    }

    100% {
        opacity: 1;
        height: 320px
    }
}

@-webkit-keyframes aniMainLoading1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes aniMainLoading2 {
    0% {
        -webkit-transform: translateX(-35vw);
        transform: translateX(-35vw);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes aniMainLoading3 {
    0% {
        -webkit-transform: translateX(35vw);
        transform: translateX(35vw);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes aniMainLoading4 {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@font-face {
    font-family: "Pretendard";
    font-weight: 400;
    letter-spacing:normal;font-display: block;
    src: local("※"),url("../font/Pretendard-Regular.woff2?v=azUq_djjm7cGbdB0XFj5U1D3-Ms") format("woff2"),local("※"),url("../font/Pretendard-Regular.woff?v=Oqh0Nl7Bq-JTKsXrGZ52yqFgtEU") format("woff");
    font-display: block
}

@font-face {
    font-family: "Pretendard";
    font-weight: 500;
    letter-spacing:normal;font-display: block;
    src: local("※"),url("../font/Pretendard-Medium.woff2?v=J3XYGUQTbm8ACFQMrVnkQDO9_-s") format("woff2"),local("※"),url("../font/Pretendard-Medium.woff?v=ZQHS7RnJk_jVJ93cvU3fLo91QIY") format("woff");
    font-display: block
}

@font-face {
    font-family: "Pretendard";
    font-weight: 700;
    letter-spacing:normal;font-display: block;
    src: local("※"),url("../font/Pretendard-Bold.woff2?v=GNG3GvGeZQ9oxKOpxf9bTLPSvQY") format("woff2"),local("※"),url("../font/Pretendard-Bold.woff?v=ZaeIrjWli7hcYWn2EP0GMRnsB_o") format("woff");
    font-display: block
}

html,body {
    border: 0;
    font-family: "Pretendard","pretendard","프리텐다드","Apple SD Gothic Neo","Malgun Gothic","맑은 고딕","돋음","AppleGothic","Arial","Meiryo","sans-serif";
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    color: #47484e;
    min-width: 360px
}

@media(min-width: 1080px) {
    html,body {
        font-size:19px
    }
}

html,body,div,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,h6,form,fieldset {
    margin: 0;
    padding: 0
}

div,ul,li,a,b,h1,h2,h3,h4,h5,h6,dt,dl,dd,strong,em,span,p,b,th,td,article,label,button,aside,details,figcaption,figure,footer,header,menu,nav,section,main,input,textarea,form {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

* {
    outline: 0
}

html {
    width: 100%;
    height: 100%;
    min-width: 360px;
    -webkit-text-size-adjust: none
}

body {
    min-height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.app {
    width: 100%;
    min-height: 100%
}

h1,h2,h3,h4,h5,h6,strong,b,th {
    font-weight: 700
}

article,aside,details,figcaption,figure,footer,header,menu,nav,section,main {
    display: block
}

ul,ol,dl,li {
    list-style: none
}

pre {
    margin: 0;
    word-break: break-all;
    white-space: pre-wrap
}

em,address {
    font-style: normal
}

img {
    max-width: 100%;
    border: 0;
    vertical-align: top;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -webkit-perspective: 1
}

fieldset {
    border: 0
}

table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse
}

caption {
    display: none
}

button {
    border: 0;
    background: none;
    cursor: pointer;
    outline: 0;
    margin: 0;
    padding: 0
}

button:focus,button:hover,button:active {
    -webkit-box-shadow: unset!important;
    box-shadow: unset!important
}

iframe {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0
}

input[type=text],input[type=password],input[type=tel],input[type=email],input[type=button],input[type=submit],input[type=reset],button,select,textarea {
    font-family: "Pretendard","pretendard","프리텐다드","Apple SD Gothic Neo","Malgun Gothic","맑은 고딕","돋음","AppleGothic","Arial","Meiryo","sans-serif";
    font-weight: 400;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

input[type=text]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type=tel]::-webkit-input-placeholder,input[type=email]::-webkit-input-placeholder,input[type=button]::-webkit-input-placeholder,input[type=submit]::-webkit-input-placeholder,input[type=reset]::-webkit-input-placeholder,button::-webkit-input-placeholder,select::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: #969696
}

input[type=text]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=button]::-moz-placeholder,input[type=submit]::-moz-placeholder,input[type=reset]::-moz-placeholder,button::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder {
    color: #969696
}

input[type=text]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,input[type=email]:-ms-input-placeholder,input[type=button]:-ms-input-placeholder,input[type=submit]:-ms-input-placeholder,input[type=reset]:-ms-input-placeholder,button:-ms-input-placeholder,select:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color: #969696
}

input[type=text]::-ms-input-placeholder,input[type=password]::-ms-input-placeholder,input[type=tel]::-ms-input-placeholder,input[type=email]::-ms-input-placeholder,input[type=button]::-ms-input-placeholder,input[type=submit]::-ms-input-placeholder,input[type=reset]::-ms-input-placeholder,button::-ms-input-placeholder,select::-ms-input-placeholder,textarea::-ms-input-placeholder {
    color: #969696
}

input[type=text]::placeholder,input[type=password]::placeholder,input[type=tel]::placeholder,input[type=email]::placeholder,input[type=button]::placeholder,input[type=submit]::placeholder,input[type=reset]::placeholder,button::placeholder,select::placeholder,textarea::placeholder {
    color: #969696
}

input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
    -webkit-transition: background-color 9999s ease-out;
    -webkit-box-shadow: 0 0 0 1000px rgba(0,0,0,0) inset!important;
    -webkit-text-fill-color: #212224!important
}

button,textarea {
    font-size: 16px;
    padding: 0
}

a,a:link,a:visited,a:hover,a:active,a:focus {
    color: #212224;
    text-decoration: none;
    outline: 0
}

a.dis {
    pointer-events: none;
    cursor: default;
    text-decoration: none
}

.blind {
    display: block;
    position: absolute!important;
    top: -2000em;
    left: -2000em;
    width: 1px;
    height: 1px;
    margin: 0!important;
    text-indent: 2000em
}

::-webkit-scrollbar {
    width: 7px;
    height: 7px
}

::-webkit-scrollbar-track {
    background: #ccc
}

::-webkit-scrollbar-thumb {
    background: #c2a5ff;
    border-radius: 10px
}

::-webkit-scrollbar-thumb:hover {
    background: #8145ff
}

::-webkit-scrollbar-thumb:active {
    background: #8145ff
}

::-webkit-scrollbar-button {
    display: none
}

div ::-webkit-scrollbar,article ::-webkit-scrollbar,section ::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

div ::-webkit-scrollbar-track,div ::-webkit-scrollbar-button-track,article ::-webkit-scrollbar-track,article ::-webkit-scrollbar-button-track,section ::-webkit-scrollbar-track,section ::-webkit-scrollbar-button-track {
    width: 1px;
    height: 1px;
    background: #ccc
}

div ::-webkit-scrollbar-corner,article ::-webkit-scrollbar-corner,section ::-webkit-scrollbar-corner {
    background: rgba(255,255,255,0)
}

div ::-webkit-scrollbar-thumb,article ::-webkit-scrollbar-thumb,section ::-webkit-scrollbar-thumb {
    background: #c2a5ff
}

div ::-webkit-scrollbar-thumb:hover,div ::-webkit-scrollbar-thumb:active,article ::-webkit-scrollbar-thumb:hover,article ::-webkit-scrollbar-thumb:active,section ::-webkit-scrollbar-thumb:hover,section ::-webkit-scrollbar-thumb:active {
    background: #8145ff
}

.mt0 {
    margin-top: 0!important
}

.mt5 {
    margin-top: 5px!important
}

.mt10 {
    margin-top: 10px!important
}

.mt15 {
    margin-top: 15px!important
}

.mt20 {
    margin-top: 20px!important
}

.mt25 {
    margin-top: 25px!important
}

.mt30 {
    margin-top: 30px!important
}

.mt35 {
    margin-top: 35px!important
}

.mt40 {
    margin-top: 40px!important
}

.mt45 {
    margin-top: 45px!important
}

.mt50 {
    margin-top: 50px!important
}

.mt70 {
    margin-top: 70px!important
}

.mr0 {
    margin-right: 0!important
}

.mr5 {
    margin-right: 5px!important
}

.mr10 {
    margin-right: 10px!important
}

.mr15 {
    margin-right: 15px!important
}

.mr20 {
    margin-right: 20px!important
}

.mr25 {
    margin-right: 25px!important
}

.mr30 {
    margin-right: 30px!important
}

.mr35 {
    margin-right: 35px!important
}

.mr40 {
    margin-right: 40px!important
}

.mr45 {
    margin-right: 45px!important
}

.mr50 {
    margin-right: 50px!important
}

.mb0 {
    margin-bottom: 0!important
}

.mb5 {
    margin-bottom: 5px!important
}

.mb10 {
    margin-bottom: 10px!important
}

.mb15 {
    margin-bottom: 15px!important
}

.mb20 {
    margin-bottom: 20px!important
}

.mb25 {
    margin-bottom: 25px!important
}

.mb30 {
    margin-bottom: 30px!important
}

.mb35 {
    margin-bottom: 35px!important
}

.mb40 {
    margin-bottom: 40px!important
}

.mb45 {
    margin-bottom: 45px!important
}

.mb50 {
    margin-bottom: 50px!important
}

.ml0 {
    margin-left: 0!important
}

.ml5 {
    margin-left: 5px!important
}

.ml10 {
    margin-left: 10px!important
}

.ml15 {
    margin-left: 15px!important
}

.ml20 {
    margin-left: 20px!important
}

.ml25 {
    margin-left: 25px!important
}

.ml30 {
    margin-left: 30px!important
}

.ml35 {
    margin-left: 35px!important
}

.ml40 {
    margin-left: 40px!important
}

.ml45 {
    margin-left: 45px!important
}

.ml50 {
    margin-left: 50px!important
}

.pt0 {
    padding-top: 0!important
}

.pt5 {
    padding-top: 5px!important
}

.pt10 {
    padding-top: 10px!important
}

.pt15 {
    padding-top: 15px!important
}

.pt20 {
    padding-top: 20px!important
}

.pt25 {
    padding-top: 25px!important
}

.pt30 {
    padding-top: 30px!important
}

.pt35 {
    padding-top: 35px!important
}

.pt40 {
    padding-top: 40px!important
}

.pt45 {
    padding-top: 45px!important
}

.pt50 {
    padding-top: 50px!important
}

.pt55 {
    padding-top: 55px!important
}

.pt60 {
    padding-top: 60px!important
}

.pl0 {
    padding-left: 0!important
}

.pl5 {
    padding-left: 5px!important
}

.pl10 {
    padding-left: 10px!important
}

.pl15 {
    padding-left: 15px!important
}

.pl20 {
    padding-left: 20px!important
}

.pl25 {
    padding-left: 25px!important
}

.pl30 {
    padding-left: 30px!important
}

.pl35 {
    padding-left: 35px!important
}

.pl40 {
    padding-left: 40px!important
}

.pl45 {
    padding-left: 45px!important
}

.pl50 {
    padding-left: 50px!important
}

.pr0 {
    padding-right: 0!important
}

.pr5 {
    padding-right: 5px!important
}

.pr10 {
    padding-right: 10px!important
}

.pr15 {
    padding-right: 15px!important
}

.pr20 {
    padding-right: 20px!important
}

.pr25 {
    padding-right: 25px!important
}

.pr30 {
    padding-right: 30px!important
}

.pr35 {
    padding-right: 35px!important
}

.pr40 {
    padding-right: 40px!important
}

.pr45 {
    padding-right: 45px!important
}

.pr50 {
    padding-right: 50px!important
}

.pb0 {
    padding-bottom: 0!important
}

.pb5 {
    padding-bottom: 5px!important
}

.pb10 {
    padding-bottom: 10px!important
}

.pb15 {
    padding-bottom: 15px!important
}

.pb20 {
    padding-bottom: 20px!important
}

.pb25 {
    padding-bottom: 25px!important
}

.pb30 {
    padding-bottom: 30px!important
}

.pb35 {
    padding-bottom: 35px!important
}

.pb40 {
    padding-bottom: 40px!important
}

.pb45 {
    padding-bottom: 45px!important
}

.pb50 {
    padding-bottom: 50px!important
}

.pb55 {
    padding-bottom: 55px!important
}

.pb60 {
    padding-bottom: 60px!important
}

h1 {
    font-size: 1.375rem;
    font-weight: 700;
    color: #313336;
    line-height: normal;
    line-height: normal
}

@media(min-width: 1080px) {
    h1 {
        font-size:1.875rem;
        line-height: normal
    }
}

h2 {
    font-size: 1.1875rem;
    font-weight: 700;
    color: #313336;
    line-height: normal
}

@media(min-width: 1080px) {
    h2 {
        font-size:1.4736842105rem;
        line-height: normal
    }
}

a,button,input {
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms
}

.hide {
    opacity: 0;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ellipsis2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.ellipsis3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.ellipsis4 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.f11 {
    font-size: .6875rem;
    line-height: normal
}

.f12 {
    font-size: .75rem;
    line-height: normal
}

.f13 {
    font-size: .8125rem;
    line-height: normal
}

.f14 {
    font-size: .875rem;
    line-height: normal
}

.f22 {
    font-size: 1.375rem;
    line-height: normal
}

.txt_point {
    color: #8145ff!important
}

.txt_red {
    color: #b3261e!important
}

.txt_black {
    color: #121416!important
}

.txt_yellow {
    color: #e9a802!important
}

.txt_grean {
    color: #00b54a!important
}

.txt_gray {
    color: #6b6d71!important
}

.txt_light_gray {
    color: #bcbec3!important
}

.txt_right {
    text-align: left
}

.txt_right {
    text-align: right
}

.txt_center {
    text-align: center
}

.f_medi {
    font-weight: 500!important
}

.f_bold {
    font-weight: 700!important
}

img.Group-Copy {
    object-fit: contain;
}
.logo {
    content: "";
    width: 134px;
    height: 17px;
    margin: 0 30px 18px 0;
    display: inline-block;
    background: url('../img/logo.svg') no-repeat 50% 50%;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.logo span {
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-indent: -2000em
}

.btn,a.btn {
    background-color: #8145ff;
    font-size: 1rem;
    font-weight: 500;
    color: #fcfcfc;
    line-height: 1.1875rem;
    padding: 17px 34px 18px;
    border-radius: 14px;
    text-align: center
}

.btn:hover,.btn:active,a.btn:hover,a.btn:active {
    background-color: #6737cc;
    color: #fcfcfc!important
}

.btn+.btn,a.btn+.btn {
    margin-left: 8px
}

.btn.dis,.btn:disabled,a.btn.dis,a.btn:disabled {
    background-color: #ccc8ff
}

.btn.full,a.btn.full {
    width: 100%
}

.btn.full+.btn,a.btn.full+.btn {
    margin-left: 0
}

.btn.half,a.btn.half {
    width: 50%
}

.btn.s_large,a.btn.s_large {
    padding: 13px 26px 14px;
    border-radius: 10px
}

@media(min-width: 1080px) {
    .btn.s_large,a.btn.s_large {
        font-size:.8421052632rem;
        line-height: normal
    }
}

.btn.s_medi,a.btn.s_medi {
    padding: 10px 18px;
    border-radius: 8px
}

@media(min-width: 1080px) {
    .btn.s_medi,a.btn.s_medi {
        font-size:.8421052632rem;
        line-height: normal
    }
}

.btn.s_tiny,a.btn.s_tiny {
    font-size: .8125rem;
    line-height: normal;
    padding: 10px 12.5px 9px;
    border-radius: 6px
}

@media(min-width: 1080px) {
    .btn.s_tiny,a.btn.s_tiny {
        font-size:.6842105263rem;
        line-height: normal
    }
}

.btn.l_purple,a.btn.l_purple {
    background-color: #f7f0ff;
    color: #8145ff
}

.btn.l_purple:hover,.btn.l_purple:active,.btn.l_purple:focus,a.btn.l_purple:hover,a.btn.l_purple:active,a.btn.l_purple:focus {
    background-color: #ccc8ff;
    color: #8145ff!important;
    -webkit-box-shadow: unset;
    box-shadow: unset
}

.btn.l_purple.dis,.btn.l_purple:disabled,a.btn.l_purple.dis,a.btn.l_purple:disabled {
    background-color: #f7f0ff;
    color: #ccc8ff
}

.bx_option {
    content: "";
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% + 8px);
    margin-left: -4px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.btn_option,a.btn_option {
    font-size: .8125rem;
    font-weight: 500;
    color: #fcfcfc;
    line-height: normal;
    padding: 7px 11px;
    margin: 6px 4px;
    border-radius: 6px;
    text-align: center;
    border: 1px solid #8145ff;
    color: #8145ff
}

@media(min-width: 1080px) {
    .btn_option,a.btn_option {
        font-size:.6842105263rem;
        line-height: normal;
        padding: 7px 10px
    }
}

.btn_option.on,a.btn_option.on {
    background-color: #8145ff;
    color: #fcfcfc!important
}

.btn_option:hover:not(.on),.btn_option:active:not(.on),a.btn_option:hover:not(.on),a.btn_option:active:not(.on) {
    background-color: #ccc8ff;
    border: 1px solid #ccc8ff;
    color: #fcfcfc!important
}

.btn_linkedin1,.btn_apple1,.btn_google1 {
    content: "";
    width: 100%;
    height: auto;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 46px;
    padding: 13px 15px;
    border-radius: 10px
}

@media(min-width: 1080px) {
    .btn_linkedin1,.btn_apple1,.btn_google1 {
        font-size:.8421052632rem;
        line-height: 1rem
    }
}

.btn_linkedin1 {
    background-color: #2867b2
}

.btn_linkedin1::before {
    content: "";
    width: 21px;
    height: 20px;
    display: block;
    background: url("../img/icon/logo_linkedin.svg?v=7eJCNMsH9SMjNExppmMoIfcDVpk&v=0") no-repeat 50% 50%;
    image-rendering: -webkit-optimize-contrast;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    margin-right: 20px
}

.btn_linkedin1:hover {
    background-color: #2b61a4;
    color: #efefef!important
}

.btn_apple1 {
    background-color: #000
}

.btn_apple1::before {
    content: "";
    width: 16px;
    height: 20px;
    display: block;
    background: url("../img/icon/logo_apple.svg?v=I1R0ECQq54ZqWfIYM0Eby5gNfBA&v=0") no-repeat 50% 50%;
    image-rendering: -webkit-optimize-contrast;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    margin-right: 21px
}

.btn_apple1:hover {
    background-color: #212121;
    color: #efefef!important
}

.btn_google1 {
    background-color: #fff;
    border: 1px solid #bcbec3;
    color: #878990
}

.btn_google1::before {
    content: "";
    width: 16px;
    height: 16px;
    display: block;
    background: url("../img/icon/logo_google.svg?v=4ky63k5i0TYfUdbO_Fyc0Lqqrrg&v=0") no-repeat 50% 50%;
    image-rendering: -webkit-optimize-contrast;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    margin-right: 20px
}

.btn_google1:hover {
    background-color: #fff;
    border-color: #ebeced;
    color: #bcbec3!important
}

.icon_electric {
    content: "";
    width: 34px;
    height: 34px;
    display: block;
    position: absolute;
    background: url("../img/icon/electric.svg?v=9q5Juf8OjfBBvbiSj4gZGEoE0Kc&v=0") no-repeat 50% 50%;
    image-rendering: -webkit-optimize-contrast;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-indent: -2000em;
    z-index: 2
}

@media(min-width: 1080px) {
    .icon_electric {
        content:"";
        width: 69px;
        height: 69px;
        display: block;
        position: absolute
    }
}

.colb {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

input.ipt,.textarea {
    content: "";
    width: 100%;
    height: 40px;
    display: block;
    position: relative;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #ebeced;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms
}

input.ipt:hover,input.ipt:active,.textarea:hover,.textarea:active {
    border: 1px solid #d0d2d5
}

input.ipt:hover::-webkit-input-placeholder,input.ipt:active::-webkit-input-placeholder,.textarea:hover::-webkit-input-placeholder,.textarea:active::-webkit-input-placeholder {
    color: #121416
}

input.ipt:hover::-moz-placeholder,input.ipt:active::-moz-placeholder,.textarea:hover::-moz-placeholder,.textarea:active::-moz-placeholder {
    color: #121416
}

input.ipt:hover:-ms-input-placeholder,input.ipt:active:-ms-input-placeholder,.textarea:hover:-ms-input-placeholder,.textarea:active:-ms-input-placeholder {
    color: #121416
}

input.ipt:hover::-ms-input-placeholder,input.ipt:active::-ms-input-placeholder,.textarea:hover::-ms-input-placeholder,.textarea:active::-ms-input-placeholder {
    color: #121416
}

input.ipt:hover::placeholder,input.ipt:active::placeholder,.textarea:hover::placeholder,.textarea:active::placeholder {
    color: #121416
}

input.ipt:focus,.textarea:focus {
    border: 1px solid #636567;
    color: #121416
}

input.ipt.red,.textarea.red {
    color: #b3261e;
    border: 1px solid #b3261e
}

input.ipt.red::-webkit-input-placeholder,.textarea.red::-webkit-input-placeholder {
    color: #b3261e
}

input.ipt.red::-moz-placeholder,.textarea.red::-moz-placeholder {
    color: #b3261e
}

input.ipt.red:-ms-input-placeholder,.textarea.red:-ms-input-placeholder {
    color: #b3261e
}

input.ipt.red::-ms-input-placeholder,.textarea.red::-ms-input-placeholder {
    color: #b3261e
}

input.ipt.red::placeholder,.textarea.red::placeholder {
    color: #b3261e
}

input.ipt.yellow,.textarea.yellow {
    border-color: #e9a802;
    color: #121416
}

input.ipt.yellow::-webkit-input-placeholder,.textarea.yellow::-webkit-input-placeholder {
    color: #121416
}

input.ipt.yellow::-moz-placeholder,.textarea.yellow::-moz-placeholder {
    color: #121416
}

input.ipt.yellow:-ms-input-placeholder,.textarea.yellow:-ms-input-placeholder {
    color: #121416
}

input.ipt.yellow::-ms-input-placeholder,.textarea.yellow::-ms-input-placeholder {
    color: #121416
}

input.ipt.yellow::placeholder,.textarea.yellow::placeholder {
    color: #121416
}

input.ipt.grean,.textarea.grean {
    border-color: #00b54a;
    color: #121416
}

input.ipt.grean::-webkit-input-placeholder,.textarea.grean::-webkit-input-placeholder {
    color: #121416
}

input.ipt.grean::-moz-placeholder,.textarea.grean::-moz-placeholder {
    color: #121416
}

input.ipt.grean:-ms-input-placeholder,.textarea.grean:-ms-input-placeholder {
    color: #121416
}

input.ipt.grean::-ms-input-placeholder,.textarea.grean::-ms-input-placeholder {
    color: #121416
}

input.ipt.grean::placeholder,.textarea.grean::placeholder {
    color: #121416
}

.textarea {
    height: 104px;
    font-size: 1rem;
    color: #bcbec3;
    line-height: normal;
    padding: 16px 18px;
    resize: none
}

@media(min-width: 1080px) {
    .textarea {
        font-size:.8421052632rem;
        line-height: normal
    }
}

.textarea::-webkit-input-placeholder {
    font-size: 1rem;
    color: #bcbec3;
    line-height: normal
}

.textarea::-moz-placeholder {
    font-size: 1rem;
    color: #bcbec3;
    line-height: normal
}

.textarea:-ms-input-placeholder {
    font-size: 1rem;
    color: #bcbec3;
    line-height: normal
}

.textarea::-ms-input-placeholder {
    font-size: 1rem;
    color: #bcbec3;
    line-height: normal
}

.textarea::placeholder {
    font-size: 1rem;
    color: #bcbec3;
    line-height: normal
}

@media(min-width: 1080px) {
    .textarea::-webkit-input-placeholder {
        font-size:.8421052632rem;
        line-height: 1
    }

    .textarea::-moz-placeholder {
        font-size: .8421052632rem;
        line-height: 1
    }

    .textarea:-ms-input-placeholder {
        font-size: .8421052632rem;
        line-height: 1
    }

    .textarea::-ms-input-placeholder {
        font-size: .8421052632rem;
        line-height: 1
    }

    .textarea::placeholder {
        font-size: .8421052632rem;
        line-height: 1
    }
}

.textarea.dis,.textarea:disabled {
    color: #e1e3e7;
    border: 1px solid #e1e3e7
}

.textarea.dis::-webkit-input-placeholder,.textarea:disabled::-webkit-input-placeholder {
    color: #e1e3e7
}

.textarea.dis::-moz-placeholder,.textarea:disabled::-moz-placeholder {
    color: #e1e3e7
}

.textarea.dis:-ms-input-placeholder,.textarea:disabled:-ms-input-placeholder {
    color: #e1e3e7
}

.textarea.dis::-ms-input-placeholder,.textarea:disabled::-ms-input-placeholder {
    color: #e1e3e7
}

.textarea.dis::placeholder,.textarea:disabled::placeholder {
    color: #e1e3e7
}

input.ipt {
    height: 40px;
    font-size: 1rem;
    color: #bcbec3;
    line-height: 1;
    padding: 0 18px
}

@media(min-width: 1080px) {
    input.ipt {
        font-size:.8421052632rem;
        line-height: 1
    }
}

input.ipt::-webkit-input-placeholder {
    font-size: 1rem;
    color: #bcbec3;
    line-height: 1
}

input.ipt::-moz-placeholder {
    font-size: 1rem;
    color: #bcbec3;
    line-height: 1
}

input.ipt:-ms-input-placeholder {
    font-size: 1rem;
    color: #bcbec3;
    line-height: 1
}

input.ipt::-ms-input-placeholder {
    font-size: 1rem;
    color: #bcbec3;
    line-height: 1
}

input.ipt::placeholder {
    font-size: 1rem;
    color: #bcbec3;
    line-height: 1
}

@media(min-width: 1080px) {
    input.ipt::-webkit-input-placeholder {
        font-size:.8421052632rem;
        line-height: 1
    }

    input.ipt::-moz-placeholder {
        font-size: .8421052632rem;
        line-height: 1
    }

    input.ipt:-ms-input-placeholder {
        font-size: .8421052632rem;
        line-height: 1
    }

    input.ipt::-ms-input-placeholder {
        font-size: .8421052632rem;
        line-height: 1
    }

    input.ipt::placeholder {
        font-size: .8421052632rem;
        line-height: 1
    }
}

input.ipt.dis,input.ipt:disabled {
    color: #e1e3e7;
    border: 1px solid #e1e3e7
}

input.ipt.dis::-webkit-input-placeholder,input.ipt:disabled::-webkit-input-placeholder {
    color: #e1e3e7
}

input.ipt.dis::-moz-placeholder,input.ipt:disabled::-moz-placeholder {
    color: #e1e3e7
}

input.ipt.dis:-ms-input-placeholder,input.ipt:disabled:-ms-input-placeholder {
    color: #e1e3e7
}

input.ipt.dis::-ms-input-placeholder,input.ipt:disabled::-ms-input-placeholder {
    color: #e1e3e7
}

input.ipt.dis::placeholder,input.ipt:disabled::placeholder {
    color: #e1e3e7
}

.bx_ipt,.bx_textarea,.bx_search {
    content: "";
    width: 100%;
    height: 40px;
    display: block;
    position: relative
}

.bx_ipt .ipt,.bx_ipt .textarea,.bx_textarea .ipt,.bx_textarea .textarea,.bx_search .ipt,.bx_search .textarea {
    height: 100%
}

.bx_ipt .ipt:focus,.bx_ipt .textarea:focus,.bx_textarea .ipt:focus,.bx_textarea .textarea:focus,.bx_search .ipt:focus,.bx_search .textarea:focus {
    padding-right: 35px
}

.bx_ipt .ipt:focus+.btn_clear,.bx_ipt .textarea:focus+.btn_clear,.bx_textarea .ipt:focus+.btn_clear,.bx_textarea .textarea:focus+.btn_clear,.bx_search .ipt:focus+.btn_clear,.bx_search .textarea:focus+.btn_clear {
    opacity: 1
}

.bx_ipt .ipt.dis,.bx_ipt .ipt:disabled,.bx_ipt .textarea.dis,.bx_ipt .textarea:disabled,.bx_textarea .ipt.dis,.bx_textarea .ipt:disabled,.bx_textarea .textarea.dis,.bx_textarea .textarea:disabled,.bx_search .ipt.dis,.bx_search .ipt:disabled,.bx_search .textarea.dis,.bx_search .textarea:disabled {
    color: #505254;
    border: 1px solid #edeff2;
    background-color: #edeff2
}

.bx_ipt .ipt.dis::-webkit-input-placeholder,.bx_ipt .ipt:disabled::-webkit-input-placeholder,.bx_ipt .textarea.dis::-webkit-input-placeholder,.bx_ipt .textarea:disabled::-webkit-input-placeholder,.bx_textarea .ipt.dis::-webkit-input-placeholder,.bx_textarea .ipt:disabled::-webkit-input-placeholder,.bx_textarea .textarea.dis::-webkit-input-placeholder,.bx_textarea .textarea:disabled::-webkit-input-placeholder,.bx_search .ipt.dis::-webkit-input-placeholder,.bx_search .ipt:disabled::-webkit-input-placeholder,.bx_search .textarea.dis::-webkit-input-placeholder,.bx_search .textarea:disabled::-webkit-input-placeholder {
    color: #505254
}

.bx_ipt .ipt.dis::-moz-placeholder,.bx_ipt .ipt:disabled::-moz-placeholder,.bx_ipt .textarea.dis::-moz-placeholder,.bx_ipt .textarea:disabled::-moz-placeholder,.bx_textarea .ipt.dis::-moz-placeholder,.bx_textarea .ipt:disabled::-moz-placeholder,.bx_textarea .textarea.dis::-moz-placeholder,.bx_textarea .textarea:disabled::-moz-placeholder,.bx_search .ipt.dis::-moz-placeholder,.bx_search .ipt:disabled::-moz-placeholder,.bx_search .textarea.dis::-moz-placeholder,.bx_search .textarea:disabled::-moz-placeholder {
    color: #505254
}

.bx_ipt .ipt.dis:-ms-input-placeholder,.bx_ipt .ipt:disabled:-ms-input-placeholder,.bx_ipt .textarea.dis:-ms-input-placeholder,.bx_ipt .textarea:disabled:-ms-input-placeholder,.bx_textarea .ipt.dis:-ms-input-placeholder,.bx_textarea .ipt:disabled:-ms-input-placeholder,.bx_textarea .textarea.dis:-ms-input-placeholder,.bx_textarea .textarea:disabled:-ms-input-placeholder,.bx_search .ipt.dis:-ms-input-placeholder,.bx_search .ipt:disabled:-ms-input-placeholder,.bx_search .textarea.dis:-ms-input-placeholder,.bx_search .textarea:disabled:-ms-input-placeholder {
    color: #505254
}

.bx_ipt .ipt.dis::-ms-input-placeholder,.bx_ipt .ipt:disabled::-ms-input-placeholder,.bx_ipt .textarea.dis::-ms-input-placeholder,.bx_ipt .textarea:disabled::-ms-input-placeholder,.bx_textarea .ipt.dis::-ms-input-placeholder,.bx_textarea .ipt:disabled::-ms-input-placeholder,.bx_textarea .textarea.dis::-ms-input-placeholder,.bx_textarea .textarea:disabled::-ms-input-placeholder,.bx_search .ipt.dis::-ms-input-placeholder,.bx_search .ipt:disabled::-ms-input-placeholder,.bx_search .textarea.dis::-ms-input-placeholder,.bx_search .textarea:disabled::-ms-input-placeholder {
    color: #505254
}

.bx_ipt .ipt.dis::placeholder,.bx_ipt .ipt:disabled::placeholder,.bx_ipt .textarea.dis::placeholder,.bx_ipt .textarea:disabled::placeholder,.bx_textarea .ipt.dis::placeholder,.bx_textarea .ipt:disabled::placeholder,.bx_textarea .textarea.dis::placeholder,.bx_textarea .textarea:disabled::placeholder,.bx_search .ipt.dis::placeholder,.bx_search .ipt:disabled::placeholder,.bx_search .textarea.dis::placeholder,.bx_search .textarea:disabled::placeholder {
    color: #505254
}

.bx_ipt+.btn,.bx_textarea+.btn,.bx_search+.btn {
    margin-left: 8px
}

.bx_ipt .btn_clear,.bx_textarea .btn_clear,.bx_search .btn_clear {
    content: "";
    width: 17px;
    height: 17px;
    display: block;
    position: absolute;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%23121416' d='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zm2.966 9.834a.8.8 0 1 1-1.132 1.132L8 9.13l-1.834 1.835a.8.8 0 0 1-1.132-1.132L6.87 8 5.034 6.166a.8.8 0 0 1 1.132-1.132L8 6.87l1.834-1.835a.8.8 0 0 1 1.132 1.132L9.13 8l1.835 1.834z'/%3E%3C/svg%3E") no-repeat 50% 50%;
    -webkit-background-size: 16px auto;
    background-size: 16px auto;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-indent: -2000em;
    top: 50%;
    right: 11.7px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    z-index: 2
}

.bx_ipt .btn_search,.bx_textarea .btn_search,.bx_search .btn_search {
    content: "";
    width: 36px;
    height: 100%;
    display: block;
    position: absolute;
    background: url("../img/search.png") no-repeat 50% 50%;
    image-rendering: -webkit-optimize-contrast;
    -webkit-background-size: 12px auto;
    background-size: 12px auto;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-indent: -2000em;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    z-index: 2
}

.bx_ipt .btn_search:hover,.bx_textarea .btn_search:hover,.bx_search .btn_search:hover {
    opacity: .7
}

.bx_textarea {
    height: 104px
}

.bx_textarea .textarea:focus {
    padding-right: 18px
}

.bx_textarea .textarea:focus+.btn_clear {
    opacity: 1
}

.bx_textarea .btn_clear {
    top: 5px;
    right: 6px;
    -webkit-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
    transform: unset
}

.bx_search .ipt {
    border-color: #ebeced;
    padding: 0 10px 0 10px
}

.bx_search .ipt:focus {
    padding-right: 30px
}

.bx_search .btn_clear {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%236b6d71' d='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zm2.966 9.834a.8.8 0 1 1-1.132 1.132L8 9.13l-1.834 1.835a.8.8 0 0 1-1.132-1.132L6.87 8 5.034 6.166a.8.8 0 0 1 1.132-1.132L8 6.87l1.834-1.835a.8.8 0 0 1 1.132 1.132L9.13 8l1.835 1.834z'/%3E%3C/svg%3E") no-repeat 50% 50%;
    -webkit-background-size: 16px auto;
    background-size: 16px auto;
    right: 8px
}

@media(min-width: 1080px) {
    .bx_search .btn_clear {
        right:12px
    }
}

.bx_search.bx_gray .ipt {
    border-color: #f5f5f6;
    background-color: #f5f5f6
}

.bx_search.bx_gray .ipt::-webkit-input-placeholder {
    color: #bcbec3
}

.bx_search.bx_gray .ipt::-moz-placeholder {
    color: #bcbec3
}

.bx_search.bx_gray .ipt:-ms-input-placeholder {
    color: #bcbec3
}

.bx_search.bx_gray .ipt::-ms-input-placeholder {
    color: #bcbec3
}

.bx_search.bx_gray .ipt::placeholder {
    color: #bcbec3
}

.bx_search.bx_gray .btn_search {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23878990' d='m11.837 10.962-2.24-2.217c1.7-2.116 1.54-5.23-.399-7.168A5.328 5.328 0 0 0 5.398 0 5.38 5.38 0 0 0 1.58 1.577 5.324 5.324 0 0 0 0 5.391c0 1.458.56 2.795 1.58 3.814 1.02.998 2.36 1.577 3.819 1.577 1.22 0 2.42-.42 3.36-1.178l2.219 2.216c.12.12.26.18.42.18.16 0 .32-.06.42-.18a.62.62 0 0 0 .02-.858zM9.597 5.39a4.102 4.102 0 0 1-1.239 2.955c-.8.779-1.84 1.238-2.96 1.238A4.114 4.114 0 0 1 2.44 8.345C1.66 7.547 1.2 6.51 1.2 5.391s.44-2.176 1.24-2.955c.8-.779 1.82-1.238 2.959-1.238 1.12 0 2.18.44 2.96 1.238.779.799 1.239 1.817 1.239 2.955z'/%3E%3C/svg%3E") no-repeat 50% 50%;
    -webkit-background-size: 12px auto;
    background-size: 12px auto
}

.bx_slct {
    content: "";
    width: 267px;
    height: auto;
    display: inline-block;
    position: relative;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms
}

.bx_slct:hover .slct_tit {
    color: #121416
}

.bx_slct.dis {
    border-color: #d0d2d5
}

.bx_slct.dis .slct_tit {
    background-color: #f6f7f9;
    border-color: #f6f7f9;
    color: #505254;
    cursor: context-menu
}

.bx_slct.dis .slct_tit:after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' fill='none'%3E%3Cpath fill= '%238a8c8f' d='M5.5 7 0 1.1 1.025 0 5.5 4.8 9.975 0 11 1.1 5.5 7Z'/%3E%3C/svg%3E") no-repeat 50% 50%;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.bx_slct.red .slct_tit {
    color: #b3261e;
    border-color: #b3261e
}

.bx_slct.red .slct_tit:after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' fill='none'%3E%3Cpath fill= '%23b3261e' d='M5.5 7 0 1.1 1.025 0 5.5 4.8 9.975 0 11 1.1 5.5 7Z'/%3E%3C/svg%3E") no-repeat 50% 50%;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.bx_slct .slct_tit {
    content: "";
    width: 100%;
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    background-color: #fff;
    font-size: .875rem;
    color: #505254;
    line-height: 1;
    padding: 0 15px 0 16px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    border: 1px solid #d0d2d5;
    border-radius: 8px
}

@media(min-width: 1080px) {
    .bx_slct .slct_tit {
        font-size:.7368421053rem;
        line-height: 1
    }
}

.bx_slct .slct_tit:after {
    content: "";
    width: 11px;
    height: 7px;
    display: block;
    position: absolute;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' fill='none'%3E%3Cpath fill= '%238a8c8f' d='M5.5 7 0 1.1 1.025 0 5.5 4.8 9.975 0 11 1.1 5.5 7Z'/%3E%3C/svg%3E") no-repeat 50% 50%;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    right: 15px;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms
}

.bx_slct .slct_cont {
    content: "";
    width: 100%;
    height: 0;
    display: inline-block;
    position: absolute;
    background-color: #fff;
    padding: 0 8px;
    top: 40px;
    z-index: 5;
    border: 0 solid rgba(255,255,255,0);
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    overflow: hidden
}

.bx_slct .slct_cont::-webkit-scrollbar-thumb {
    background: #878990
}

.bx_slct .slct_cont .slct_item button {
    content: "";
    width: 100%;
    height: 40px;
    display: block;
    position: relative;
    font-size: .875rem;
    font-weight: normal;
    color: #505254;
    line-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 8px 16px;
    text-align: left
}

@media(min-width: 1080px) {
    .bx_slct .slct_cont .slct_item button {
        font-size:.7368421053rem;
        line-height: 1.2631578947rem
    }
}

.bx_slct .slct_cont .slct_item button:hover {
    background-color: #f5f5f6;
    color: #878990
}

.bx_slct .slct_cont .slct_item.select button {
    background-color: #edeff2
}

.bx_slct.on .slct_tit {
    border-radius: 8px 8px 0 0;
    border-color: #636567
}

.bx_slct.on .slct_tit:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.bx_slct.on .slct_cont {
    height: 128px;
    padding: 4px 8px;
    overflow: auto;
    border-radius: 0 0 8px 8px;
    border: 1px solid #636567;
    border-top: 0
}

.bx_slct.on.red .slct_tit {
    color: #b3261e;
    border-color: #b3261e
}

.bx_slct.on.red .slct_tit:after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' fill='none'%3E%3Cpath fill= '%23b3261e' d='M5.5 7 0 1.1 1.025 0 5.5 4.8 9.975 0 11 1.1 5.5 7Z'/%3E%3C/svg%3E") no-repeat 50% 50%;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.bx_slct.on.red .slct_cont {
    border: 1px solid #b3261e;
    border-top: 0
}


@media(min-width: 1080px) {
    .show_mobile {
        display:none!important
    }
}

.show_pc {
    display: none!important
}

@media(min-width: 1080px) {
    .show_pc {
        display:block!important
    }
}

.btn_txt {
    content: "";
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    font-size: 1rem;
    font-weight: 500;
    color: #8145ff;
    line-height: 1.1875rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 17px 16px 18px;
    border-top: 1px solid #f5f5f6
}

.btn_txt:hover {
    opacity: .6
}

@media(min-width: 1080px) {
    .btn_txt {
        font-size:.8421052632rem;
        line-height: normal
    }
}

.btn_txt.b_more::after {
    content: "";
    width: 19px;
    height: 12px;
    display: inline-block;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' fill='none'%3E%3Cpath fill= '%238145FF' d='M5.5 7 0 1.1 1.025 0 5.5 4.8 9.975 0 11 1.1 5.5 7Z'/%3E%3C/svg%3E") no-repeat 50% 50%;
    -webkit-background-size: 8px auto;
    background-size: 8px auto;
    -webkit-transform: translateY(4.5px) rotate(-90deg);
    -ms-transform: translateY(4.5px) rotate(-90deg);
    -o-transform: translateY(4.5px) rotate(-90deg);
    transform: translateY(4.5px) rotate(-90deg);
    margin-left: 2.5px
}

.btn_more {
    content: "";
    width: 100%;
    height: 38px;
    display: block;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' fill='none'%3E%3Cpath fill= '%23bcbec3' d='M5.5 7 0 1.1 1.025 0 5.5 4.8 9.975 0 11 1.1 5.5 7Z'/%3E%3C/svg%3E") no-repeat 50% 50%;
    -webkit-background-size: 14px auto;
    background-size: 14px auto;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-indent: -2000em
}

.btn_more:hover {
    opacity: .6
}

.btn_filter {
    content: "";
    width: 20px;
    height: 15px;
    display: block;
    position: relative;
    background-color: #f5f5f6;
    background: url("../img/icon/filter.png?v=opYiPRv0ahw5CztxhXtjfr5QNmE&v=0") no-repeat 50% 50%;
    image-rendering: -webkit-optimize-contrast;
    -webkit-background-size: 19.5px auto;
    background-size: 19.5px auto;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-indent: -2000em
}

.btn_filter:hover {
    opacity: .6
}

.bx_tag {
    content: "";
    width: 100%;
    height: 22px;
    display: block;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 12px;
    margin-left: -2px
}

.bx_tag.skeleton {
    min-width: 100%
}

.bx_tag::after {
    content: "";
    width: 60px;
    height: 101%;
    display: block;
    position: absolute;
    background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),color-stop(85%,rgba(255,255,255,.9)),to(#fff));
    background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.9) 85%,#fff 100%);
    background: -o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.9) 85%,#fff 100%);
    background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.9) 85%,#fff 100%);
    top: 0;
    right: 0
}

@media(min-width: 1080px) {
    .bx_tag::after {
        width:40px
    }
}

.txt_skeleton {
    background-color: #f5f5f6!important;
    background: -webkit-gradient(linear,left top,right top,from(#f7f7f7),color-stop(52%,#fefefe),to(#f7f7f7));
    background: -webkit-linear-gradient(left,#f7f7f7 0%,#fefefe 52%,#f7f7f7 100%);
    background: -o-linear-gradient(left,#f7f7f7 0%,#fefefe 52%,#f7f7f7 100%);
    background: linear-gradient(to right,#f7f7f7 0%,#fefefe 52%,#f7f7f7 100%);
    -webkit-background-size: 200% 100%;
    background-size: 200% 100%;
    -webkit-animation: aniSkeleton 3400ms infinite;
    -o-animation: aniSkeleton 3400ms infinite;
    animation: aniSkeleton 3400ms infinite;
    color: #f5f5f6!important;
    border-radius: 4px;
    display: inline-block
}

.btn_share {
    content: "";
    width: 100%;
    height: 100%;
    background: url("../img/icon/share.png?v=w9ghnC0ujF27FjM3hbFFGAY0xs0&v=0") no-repeat 50% 50%;
    image-rendering: -webkit-optimize-contrast;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-indent: -2000em;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.5);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.5)
}

.btn_share:hover,.btn_share:active {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    transform: scale(.9)
}

.btn_app {
    width: 40px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms
}

.btn_app::before {
    content: "";
    width: 100%;
    height: 40px;
    display: block;
    position: relative
}

.btn_app+.btn_app {
    margin-left: 40px
}

.btn_app span {
    font-size: .6875rem;
    color: #47484e;
    line-height: normal;
    display: block;
    margin-top: 8px
}

.btn_app:hover {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    transform: scale(.9)
}

.btn_instagram::before {
    background: url("../img/icon/instagram.png?v=SttjFvXRc8pZAgF1hCcOnpF-nlA&v=0") no-repeat 50% 50%;
    image-rendering: -webkit-optimize-contrast;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.btn_linkedIn::before {
    background: url("../img/icon/linkedIn.png?v=sXTwTB0HB9P67oTXB2UkN6KT1fU&v=0") no-repeat 50% 50%;
    image-rendering: -webkit-optimize-contrast;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.btn_gmail::before {
    background: url("../img/icon/gmail.png?v=Hd8lKcv9aKSPAFm3eZkOwIxhEm8&v=0") no-repeat 50% 50%;
    image-rendering: -webkit-optimize-contrast;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.btn_facebook::before {
    background: url("../img/icon/facebook.png?v=Hh-ik1iKylXLW_9o243aJ_FPlEc&v=0") no-repeat 50% 50%;
    image-rendering: -webkit-optimize-contrast;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.bx_chk .chk {
    display: none
}

.bx_chk .chk:checked+label {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect width='20' height='20' fill='%23878990' stroke='%23878990' rx='3'/%3E%3Cpath fill='%23FCFCFC' fill-rule='nonzero' d='M15.767 5a.989.989 0 0 0-.73.327l-6.959 7.559-3.115-3.383a.979.979 0 0 0-1.46 0l-.202.22a1.196 1.196 0 0 0 0 1.586l3.997 4.342a1.046 1.046 0 0 0 1.56 0L16.7 7.133a1.196 1.196 0 0 0 0-1.586l-.203-.22a.989.989 0 0 0-.73-.327z'/%3E%3C/g%3E%3C/svg%3E") no-repeat 0 4px;
    -webkit-background-size: 20px auto;
    background-size: 20px auto
}

.bx_chk label {
    display: block;
    font-size: .6875rem;
    color: #878990;
    line-height: normal;
    padding: 6px 0 6px 32px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20'%3E%3Cdefs%3E%3Cfilter id='b' width='125%25' height='125%25' x='-12.5%25' y='-12.5%25' filterUnits='objectBoundingBox'%3E%3CfeGaussianBlur in='SourceAlpha' result='shadowBlurInner1' stdDeviation='1.5'/%3E%3CfeOffset dy='1' in='shadowBlurInner1' result='shadowOffsetInner1'/%3E%3CfeComposite in='shadowOffsetInner1' in2='SourceAlpha' k2='-1' k3='1' operator='arithmetic' result='shadowInnerInner1'/%3E%3CfeColorMatrix in='shadowInnerInner1' values='0 0 0 0 0.151666671 0 0 0 0 0.170238182 0 0 0 0 0.216666669 0 0 0 0.159999996 0'/%3E%3C/filter%3E%3Crect id='a' width='20' height='20' x='0' y='0' rx='3'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cuse xlink:href='%23a' fill='%23FFF'/%3E%3Cuse xlink:href='%23a' fill='%23000' filter='url(%23b)'/%3E%3Cuse xlink:href='%23a' stroke='%23dbdcdd'/%3E%3C/g%3E%3C/svg%3E") no-repeat 0 3px;
    -webkit-background-size: 20px auto;
    background-size: 20px auto;
    word-wrap: break-word;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms
}

.bx_chk label:hover,.bx_chk label:active {
    color: #bcbec3
}

.txt_skeleton {
    background-color: #f5f5f6!important;
    background: -webkit-gradient(linear,left top,right top,from(#f7f7f7),color-stop(52%,#fefefe),to(#f7f7f7));
    background: -webkit-linear-gradient(left,#f7f7f7 0%,#fefefe 52%,#f7f7f7 100%);
    background: -o-linear-gradient(left,#f7f7f7 0%,#fefefe 52%,#f7f7f7 100%);
    background: linear-gradient(to right,#f7f7f7 0%,#fefefe 52%,#f7f7f7 100%);
    -webkit-background-size: 200% 100%;
    background-size: 200% 100%;
    -webkit-animation: aniSkeleton 3400ms infinite;
    -o-animation: aniSkeleton 3400ms infinite;
    animation: aniSkeleton 3400ms infinite;
    color: rgba(247,247,247,0)!important;
    border-radius: 4px;
    display: inline-block;
    min-height: 20px;
    display: inline-block
}

.txt_skeleton img,.txt_skeleton .bar,.txt_skeleton div,.txt_skeleton em,.txt_skeleton span {
    opacity: 0
}

form {
    width: 100%
}

.nodata {
    content: "";
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
}

    .nodata p {
        margin-top: 15px;
        font-size: 16px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #f42a2a;
    }


.tooltip {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-left: 4px
}

.tooltip .btn_tooltip {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    position: relative;
    background-color: #878990;
    font-size: .8421052632rem;
    font-weight: 700;
    color: #faf8fd;
    line-height: 1.0526315789rem;
    text-align: center;
    border-radius: 25px;
    text-align: center;
    cursor: pointer
}

.tooltip .btn_tooltip::before {
    content: "";
    width: 100%;
    height: 0;
    display: block;
    position: absolute;
    background-color: rgba(255,255,255,0);
    top: 20px;
    right: 0;
    z-index: 2
}

.tooltip .desc {
    content: "";
    width: auto;
    height: auto;
    display: block;
    position: absolute;
    background-color: #fff;
    font-size: .9375rem;
    color: #6b6d71;
    line-height: 1.125rem;
    max-height: 0;
    width: 271px;
    padding: 0 15px;
    border-radius: 6px;
    z-index: 3;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    top: 32px;
    right: 0
}

@media(min-width: 1080px) {
    .tooltip .desc {
        font-size:.7894736842rem;
        line-height: .9473684211rem
    }
}

.tooltip.on .btn_tooltip::before {
    content: "";
    width: 30px;
    height: 12px
}

.tooltip.on .desc {
    padding: 15px 15px 14px;
    max-height: 500px;
    opacity: 1;
    border: 1px solid #878990
}

.coln,.colb,.col2,.col3,.col4 {
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.coln .shrink,.colb .shrink,.col2 .shrink,.col3 .shrink,.col4 .shrink {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.coln .col {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.colb {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.col2 .col {
    width: 50%
}

.col3 .col {
    width: 33.3%
}

.col4 .col {
    width: 25%
}

.wrap {
    content: "";
    width: 100%;
    height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    min-height: 660px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.header {
    content: "";
    width: 100%;
    height: 56px;
    display: block;
    position: fixed;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    background-color: #fff;
    border-bottom: 1px solid rgba(255,255,255,0);
    opacity: 1;
    z-index: 10
}

.header.hidden {
    -webkit-transform: translate(-50%,-56px);
    -ms-transform: translate(-50%,-56px);
    -o-transform: translate(-50%,-56px);
    transform: translate(-50%,-56px);
    opacity: 0
}

@media(min-width: 1080px) {
    .header {
        border-bottom:1px solid #ebeced
    }
}

.header .inner {
    content: "";
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    padding: 0 1.6666666667% 0 4.4444444444%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 1280px
}

@media(min-width: 1080px) {
    .header .inner {
        padding:0;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        max-width: 1004px
    }
}

.header .logo {
    position: relative;
    margin: 0 27px 0 0;
    z-index: 13
}

.header .logo:hover {
    opacity: .8
}

@media(min-width: 1080px) {
    .header .logo {
        margin:0 27px 0 0
    }
}

.header .left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.header .left h1 {
    font-size: 1.125rem;
    font-weight: 500;
    color: #878990;
    line-height: normal;
    white-space: nowrap;
    margin-left: 8px
}

@media(min-width: 1080px) {
    .header .left h1 {
        display:none
    }
}

.header .right {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media(min-width: 1080px) {
    .header .right {
        position:relative;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.header .right .r_group {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media(min-width: 1080px) {
    .header .right .r_group {
        position:relative
    }
}

.header .right .r_group .link_login {
    display: none
}

.header .right .r_group .link_login:hover {
    opacity: .6
}

@media(min-width: 1080px) {
    .header .right .r_group .link_login {
        display:block;
        font-size: .8421052632rem;
        font-weight: 500;
        color: #8145ff;
        line-height: 1rem;
        margin-left: 32px
    }
}

.header .right .r_group .bx_mem {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: none
}

@media(min-width: 1080px) {
    .header .right .r_group .bx_mem {
        content:"";
        width: auto;
        height: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: relative
    }
}

.header .right .r_group .bx_mem .btn.s_medi {
    font-size: .7894736842rem;
    color: #fff;
    line-height: 1;
    border-radius: 8px;
    padding: 12px 16px
}

.header .right .r_group .bx_mem .link_login {
    font-size: .8421052632rem;
    color: #bcbec3;
    line-height: 1rem;
    padding: 0;
    margin: 0 24px;
    font-weight: 500
}

.header .right .r_group .bx_mem .link_login:hover {
    color: #8145ff
}

.header .gnb {
    content: "";
    width: 100%;
    height: 0;
    display: block;
    position: absolute;
    top: -1px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all 600ms;
    -o-transition: all 600ms;
    transition: all 600ms
}

.header .gnb {
    content: "";
    width: auto;
    height: 100%;
    display: block;
    position: relative;
    top: 0;
    left: unset;
    right: 0;
    -webkit-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
    transform: unset;
    -webkit-transition: unset;
    -o-transition: unset;
    transition: unset;
    opacity: 1;
    z-index: 1
}

@media(min-width: 1080px) {
    .header .gnb {
        content:"";
        width: auto;
        height: 100%;
        display: block;
        position: relative;
        top: 0;
        left: unset;
        right: 0;
        -webkit-transform: unset;
        -ms-transform: unset;
        -o-transform: unset;
        transform: unset;
        -webkit-transition: unset;
        -o-transition: unset;
        transition: unset;
        opacity: 1;
        z-index: 1
    }
}

.header .gnb::before {
    content: "";
    width: 100%;
    height: 100vh;
    display: none;
    background-color: rgba(136,136,136,.5);
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    -webkit-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease
}

@media(min-width: 1080px) {
    .header .gnb::before {
        display:none
    }
}

.header .gnb .g_inner {
    content: "";
    width: auto;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    background-color: #fff;
    padding: 0;
    max-height: 100vh;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 12;
    overflow: hidden
}

@media(min-width: 1080px) {
    .header .gnb .g_inner {
        width:auto;
        height: 100%;
        max-height: 100vh;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 0;
        opacity: 1
    }
}

.header .gnb a {
    color: #313336;
    position: relative;
    height: 100%;
    overflow: visible;
    display: inline-block;
    font-size: 15px;
    line-height: 2.8947368421rem;
    padding: 0 12px;
    background-color: #fff;
    overflow: visible;
    opacity: 1
}

@media(min-width: 1080px) {
    .header .gnb a {
        display: inline-block;
        height: 100%;
        font-size: 15px;
        line-height: 2.8947368421rem;
        padding: 0 12px;
        background-color: #fff;
        overflow: visible;
        opacity: 1
    }
}

@media(min-width: 1080px) {
    .header .gnb a::before {
        content:"";
        width: 0;
        height: 1px;
        display: block;
        position: absolute;
        background-color: #313336;
        left: 50%;
        bottom: 0;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transition: width 300ms;
        -o-transition: width 300ms;
        transition: width 300ms
    }
}

.header .gnb a:hover:not(.on),.header .gnb a:active:not(.on) {
    font-weight:bold;
}

.header .gnb a.on {
    font-weight: 700
}

.header .gnb a.on::before {
    width: 100%
}

.header .gnb a.link_login {
    height: auto;
    padding-top: 36px;
    color: #8145ff;
    font-weight: 700
}

@media(min-width: 1080px) {
    .header .gnb a.link_login {
        display:none
    }
}

.header .gnb .btn_menu_close {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-indent: -2000em;
    top: 16px;
    right: 20px;
    display: none
}

.header .gnb .btn_menu_close::before,.header .gnb .btn_menu_close:after {
    content: "";
    width: 18px;
    height: 1px;
    display: block;
    position: absolute;
    background-color: #878990;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    -ms-transform: translate(-50%,-50%) rotate(45deg);
    -o-transform: translate(-50%,-50%) rotate(45deg);
    transform: translate(-50%,-50%) rotate(45deg)
}

.header .gnb .btn_menu_close::after {
    -webkit-transform: translate(-50%,-50%) rotate(-45deg);
    -ms-transform: translate(-50%,-50%) rotate(-45deg);
    -o-transform: translate(-50%,-50%) rotate(-45deg);
    transform: translate(-50%,-50%) rotate(-45deg)
}

.header .gnb .btn_menu_close:hover::before,.header .gnb .btn_menu_close:hover:after {
    background-color: #47484e
}

.header .gnb .bx_mem {
    content: "";
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 28px 5.5555555556% 22px
}

@media(min-width: 1080px) {
    .header .gnb .bx_mem {
        display:none
    }
}

.header .gnb .bx_mem .btn {
    color: #fff
}

.header .gnb .bx_mem .btn.s_medi {
    height: auto;
    border-radius: 8px;
    font-size: .9375rem;
    color: #fff;
    line-height: 1
}

.header .gnb .bx_mem .link_login {
    padding: 0;
    margin-left: 24px;
    font-weight: 500
}

.header .gnb .my_menu {
    padding: 24px 0 0
}

@media(min-width: 1080px) {
    .header .gnb .my_menu {
        display:none
    }
}

.header .gnb .my_menu .dep1_menu {
    font-size: 1rem;
    color: #313336;
    line-height: 1.1875rem;
    padding: 12px 6.9444444444%;
    text-align: left;
    position: relative;
    padding-right: 0
}

.header .gnb .my_menu .dep1_menu::after {
    content: "";
    width: 7px;
    height: 4px;
    display: block;
    position: absolute;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' fill='none'%3E%3Cpath fill= '%23313336' d='M5.5 7 0 1.1 1.025 0 5.5 4.8 9.975 0 11 1.1 5.5 7Z'/%3E%3C/svg%3E") no-repeat 50% 50%;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    top: 50%;
    right: -19px;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    -o-transform: translateY(-1px);
    transform: translateY(-1px)
}

.header .gnb .my_menu .dep1_menu.on::after {
    -webkit-transform: rotate(180deg) translateY(1px);
    -ms-transform: rotate(180deg) translateY(1px);
    -o-transform: rotate(180deg) translateY(1px);
    transform: rotate(180deg) translateY(1px)
}

.header .gnb .my_menu .dep1_menu.on+.dep2 {
    max-height: 500px
}

.header .gnb .my_menu .dep2 {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    padding: 0 6.9444444444%
}

.header .gnb .my_menu .dep2_link,.header .gnb .my_menu .dep2_logout {
    width: 100%;
    font-size: 1rem;
    color: #313336;
    line-height: 1.1875rem;
    padding: 12px 24px;
    text-align: left;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms
}

.header .gnb .my_menu .dep2_logout {
    color: #bcbec3;
    font-weight: 700
}

.header .gnb .my_menu .dep2_logout:hover {
    text-decoration: underline
}

.header .gnb .my_menu .icon_check {
    margin-left: 4px
}

.header .btn_menu {
    content: "";
    width: 48px;
    height: 100%;
    display: block;
    position: relative;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M15.19 16c-.657 0-1.19.448-1.19 1s.533 1 1.19 1h17.62c.657 0 1.19-.448 1.19-1s-.533-1-1.19-1H15.19zm0 7c-.657 0-1.19.448-1.19 1s.533 1 1.19 1h17.62c.657 0 1.19-.448 1.19-1s-.533-1-1.19-1H15.19zm0 7c-.657 0-1.19.448-1.19 1s.533 1 1.19 1h17.62c.657 0 1.19-.448 1.19-1s-.533-1-1.19-1H15.19z' fill='%23878990' fill-rule='nonzero'/%3E%3C/svg%3E") no-repeat 50% 50%;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    opacity: .6;
    -webkit-transition: opacity transform 300ms;
    -o-transition: opacity transform 300ms;
    transition: opacity transform 300ms
}

.header .btn_menu:hover {
    -webkit-transform: scale(1.025);
    -ms-transform: scale(1.025);
    -o-transform: scale(1.025);
    transform: scale(1.025);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M15.19 16c-.657 0-1.19.448-1.19 1s.533 1 1.19 1h17.62c.657 0 1.19-.448 1.19-1s-.533-1-1.19-1H15.19zm0 7c-.657 0-1.19.448-1.19 1s.533 1 1.19 1h17.62c.657 0 1.19-.448 1.19-1s-.533-1-1.19-1H15.19zm0 7c-.657 0-1.19.448-1.19 1s.533 1 1.19 1h17.62c.657 0 1.19-.448 1.19-1s-.533-1-1.19-1H15.19z' fill='%236b6d71' fill-rule='nonzero'/%3E%3C/svg%3E") no-repeat 50% 50%;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

@media(min-width: 1080px) {
    .header .btn_menu {
        display:none
    }
}

.header .btn_menu span {
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-indent: -2000em
}

.header .btn_profile {
    content: "";
    width: 26px;
    height: 26px;
    display: block;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-indent: -2000em;
    background: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 0C5.83 0 0 5.83 0 13s5.83 13 13 13 13-5.83 13-13S20.17 0 13 0zm0 4.824c2.715 0 4.837 2.13 4.718 4.738-.119 2.608-2.24 4.739-4.718 4.739-2.478 0-4.6-2.13-4.718-4.739C8.163 6.955 10.285 4.824 13 4.824zM5.576 19.739c-.16-2.003 1.223-3.657 3.122-3.657h8.604c1.87 0 3.284 1.622 3.122 3.657l-.056.7c-2.07 1.971-4.631 3.18-7.368 3.18s-5.298-1.209-7.368-3.18l-.056-.7z' fill='%23878990' fill-rule='nonzero'/%3E%3C/svg%3E%0A") no-repeat 50% 55%;
    -webkit-background-size: 26px auto;
    background-size: 26px auto;
    margin-left: 24px
}

.header.open {
    overflow: unset
}

.header.open .gnb {
    content: "";
    width: 100%;
    height: 100vh;
    display: block;
    position: fixed;
    display: block;
    top: 0;
    z-index: 11;
    opacity: 1;
    -webkit-transition: opacity 400ms;
    -o-transition: opacity 400ms;
    transition: opacity 400ms
}

.header.open .gnb::before {
    height: 100vh;
    opacity: 1;
    z-index: 11;
    -webkit-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.header.open .gnb a {
    opacity: 1
}

.header.open .gnb .btn_menu_close {
    display: block
}

.btn_search_open,.btn_search_sm_open {
    content: "";
    width: 18px;
    height: 18px;
    display: block;
    background: url("../img/search.png") no-repeat 50% 50%;
    image-rendering: -webkit-optimize-contrast;
    -webkit-background-size: 16px auto;
    background-size: 16px auto;
    opacity: .6;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-indent: -2000em;
    opacity: 1;
    margin-right: 4px;
    -webkit-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out
}

.btn_search_open:hover,.btn_search_sm_open:hover {
    opacity: .6;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms
}

@media(min-width: 1080px) {
    .btn_search_open,.btn_search_sm_open {
        content:"";
        width: 16px;
        height: 16px;
        -webkit-background-size: 14px auto;
        background-size: 14px auto;
        margin-right: 0
    }
}

.btn_reset {
    content: "";
    width: 18px;
    height: 18px;
    display: block;
    background: url("../img/icon/refresh.png?v=8_JbwLb48Kt1F0uUq4VFO7kcas4&v=0") no-repeat 50% 50%;
    image-rendering: -webkit-optimize-contrast;
    -webkit-background-size: 16px auto;
    background-size: 16px auto;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-indent: -2000em
}

.btn_reset:hover {
    opacity: .6;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms
}

.container {
    content: "";
    width: 100%;
    height: auto;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 99999999px!important;
    padding: 56px 0 0!important
}

.footer {
    width: 100%;
    background-color: #fcfcfc
}

.footer .inner {
    content: "";
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    padding: 32px 5.5555555556% 86px;
    max-width: 1280px;
    margin: 0 auto
}

@media(min-width: 1080px) {
    .footer .inner {
        max-width:1004px;
        padding: 92px 0 102px;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.footer a {
    display: block;
    font-size: .8125rem;
    color: #878990;
    line-height: normal
}

.footer a:hover {
    color: #bcbec3
}

@media(min-width: 1080px) {
    .footer a {
        font-size:.7894736842rem;
        line-height: normal
    }
}

.footer .bx_logo {
    font-size: 1rem;
    font-weight: 700;
    color: #878990;
    line-height: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px
}

@media(min-width: 1080px) {
    .footer .bx_logo {
        margin-bottom:25px;
        font-size: 1.2105263158rem;
        font-weight: 700;
        color: #878990;
        line-height: normal
    }
}

.footer .bx_logo .logo {
    content: "";
    width: 32px;
    height: 32px;
    display: inline-block;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cg fill='none' fill-rule='nonzero'%3E%3Cpath d='M15.19 16c-.657 0-1.19.448-1.19 1s.533 1 1.19 1h17.62c.657 0 1.19-.448 1.19-1s-.533-1-1.19-1H15.19zm0 7c-.657 0-1.19.448-1.19 1s.533 1 1.19 1h17.62c.657 0 1.19-.448 1.19-1s-.533-1-1.19-1H15.19zm0 7c-.657 0-1.19.448-1.19 1s.533 1 1.19 1h17.62c.657 0 1.19-.448 1.19-1s-.533-1-1.19-1H15.19z' fill='none' fill-opacity='0'/%3E%3Cpath d='m39.187 22.63 2.17-5.522a1.02 1.02 0 0 0-.11-.953 1.041 1.041 0 0 0-.857-.448h-4.58l-.981 13.845h5.561c.343 0 .664-.168.857-.448a1.02 1.02 0 0 0 .11-.954l-2.17-5.52zM7.038 15.707c-.343 0-.663.167-.857.448a1.02 1.02 0 0 0-.11.953l2.17 5.521-2.17 5.522a1.02 1.02 0 0 0 .11.953c.194.28.515.448.857.448H12.6l-.982-13.845h-4.58z' fill='%23878990'/%3E%3Cpath d='M32.878 12c.288 0 .564.118.76.327.196.209.296.489.276.773l-1.333 18.794a1.029 1.029 0 0 1-.645.88l-7.83 3.15a1.048 1.048 0 0 1-.782 0l-7.831-3.15a1.029 1.029 0 0 1-.645-.88L13.514 13.1c-.02-.284.08-.564.277-.773.196-.209.471-.327.76-.327zm-12.41 5.01h-3.04v11.576h3.04V17.01zm7.287 0h-4.837v11.576h3.039v-3.838h1.798c1.313 0 2.318-.338 3.016-1.013.698-.676 1.047-1.628 1.047-2.856s-.35-2.18-1.047-2.855c-.698-.676-1.703-1.014-3.016-1.014zm-.79 2.426c1.116 0 1.674.481 1.674 1.443 0 .962-.558 1.443-1.674 1.443h-1.008v-2.886z' fill='%23878990'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50% 50%;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    min-width: 32px;
    margin-right: 4px;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms
}

@media(min-width: 1080px) {
    .footer .bx_logo .logo {
        content:"";
        width: 40px;
        height: 40px;
        margin-right: 10px
    }
}

.footer .bx_logo:hover {
    color: #bcbec3
}

.footer .bx_logo:hover .logo {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cg fill='none' fill-rule='nonzero'%3E%3Cpath d='M15.19 16c-.657 0-1.19.448-1.19 1s.533 1 1.19 1h17.62c.657 0 1.19-.448 1.19-1s-.533-1-1.19-1H15.19zm0 7c-.657 0-1.19.448-1.19 1s.533 1 1.19 1h17.62c.657 0 1.19-.448 1.19-1s-.533-1-1.19-1H15.19zm0 7c-.657 0-1.19.448-1.19 1s.533 1 1.19 1h17.62c.657 0 1.19-.448 1.19-1s-.533-1-1.19-1H15.19z' fill='none' fill-opacity='0'/%3E%3Cpath d='m39.187 22.63 2.17-5.522a1.02 1.02 0 0 0-.11-.953 1.041 1.041 0 0 0-.857-.448h-4.58l-.981 13.845h5.561c.343 0 .664-.168.857-.448a1.02 1.02 0 0 0 .11-.954l-2.17-5.52zM7.038 15.707c-.343 0-.663.167-.857.448a1.02 1.02 0 0 0-.11.953l2.17 5.521-2.17 5.522a1.02 1.02 0 0 0 .11.953c.194.28.515.448.857.448H12.6l-.982-13.845h-4.58z' fill='%23bcbec3'/%3E%3Cpath d='M32.878 12c.288 0 .564.118.76.327.196.209.296.489.276.773l-1.333 18.794a1.029 1.029 0 0 1-.645.88l-7.83 3.15a1.048 1.048 0 0 1-.782 0l-7.831-3.15a1.029 1.029 0 0 1-.645-.88L13.514 13.1c-.02-.284.08-.564.277-.773.196-.209.471-.327.76-.327zm-12.41 5.01h-3.04v11.576h3.04V17.01zm7.287 0h-4.837v11.576h3.039v-3.838h1.798c1.313 0 2.318-.338 3.016-1.013.698-.676 1.047-1.628 1.047-2.856s-.35-2.18-1.047-2.855c-.698-.676-1.703-1.014-3.016-1.014zm-.79 2.426c1.116 0 1.674.481 1.674 1.443 0 .962-.558 1.443-1.674 1.443h-1.008v-2.886z' fill='%23bcbec3'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50% 50%;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.footer .f_menu {
    margin: 0 0 48px 3px
}

@media(min-width: 1080px) {
    .footer .f_menu {
        margin:0 0 60px 0
    }
}

.footer .f_menu a {
    font-size: .9375rem;
    line-height: normal
}

@media(min-width: 1080px) {
    .footer .f_menu a {
        font-size:1rem;
        line-height: normal
    }
}

.footer .f_menu a+a {
    margin-top: 13px
}

@media(min-width: 1080px) {
    .footer .f_menu a+a {
        margin-top:24px
    }
}

.footer .comp {
    margin: 0 0 0 3px
}

@media(min-width: 1080px) {
    .footer .comp {
        margin:0
    }
}

.footer .comp a+a {
    margin-top: 8px
}

.footer .comp .cop {
    font-size: .8125rem;
    color: #bcbec3;
    line-height: normal;
    margin-top: 10px
}

@media(min-width: 1080px) {
    .footer .comp .cop {
        font-size:.7894736842rem;
        color: #bcbec3;
        line-height: normal
    }
}

.wrap .container .inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 32px 6.6666666667%
}

@media(min-width: 1080px) {
    .wrap .container .inner {
        padding:0;
    }
}

.area_top {
    content: "";
    width: 100%;
    height: auto;
    display: block;
    position: relative
}

.area_top h2 {
    margin-bottom: 15.5px
}

@-webkit-keyframes aniOpen {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.ani_open {
    -webkit-animation-name: aniOpen;
    -o-animation-name: aniOpen;
    animation-name: aniOpen;
    -webkit-animation-duration: 300ms;
    -o-animation-duration: 300ms;
    animation-duration: 300ms
}

.area_search_sm {
    position: relative;
    z-index: 3;
    max-width: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms
}

.area_search_sm.on {
    opacity: 1;
    max-width: 230px;
    margin-right: -25px
}

@media(min-width: 1080px) {
    .area_search_sm.on {
        max-width:300px;
        margin-right: -16px
    }
}

.area_search_sm .bx_search {
    width: 210px
}

@media(min-width: 1080px) {
    .area_search_sm .bx_search {
        width:232px
    }
}

.area_search_sm .bx_search .ipt {
    padding: 0 35px 0 12px;
    border: 0;
    background-color: #f5f5f6
}

.area_search_sm .bx_search .ipt:focus {
    padding-right: 55px
}

.area_search_sm .bx_search .ipt:hover::-webkit-input-placeholder {
    color: #dbdcdd
}

.area_search_sm .bx_search .ipt:hover::-moz-placeholder {
    color: #dbdcdd
}

.area_search_sm .bx_search .ipt:hover:-ms-input-placeholder {
    color: #dbdcdd
}

.area_search_sm .bx_search .ipt:hover::-ms-input-placeholder {
    color: #dbdcdd
}

.area_search_sm .bx_search .ipt:hover::placeholder {
    color: #dbdcdd
}

.area_search_sm .bx_search .btn_clear {
    right: 33px
}

.area_search_sm .bx_search .btn_search {
    content: "";
    width: 18px;
    height: 20px;
    left: unset;
    right: 10px;
    -webkit-background-size: 16px auto!important;
    background-size: 16px auto!important
}

.pagination {
    content: "";
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 22px auto 0
}

.main.container {
    padding-top: 0
}

.main.container .inner {
    padding: 34px 6.6666666667%
}

@media(min-width: 1080px) {
    .main.container .inner {
        padding:0;
        max-width: 1004px;
    }
}

.main .btn {
    width: 100%
}

.main .area_visual {
    content: "";
    width: 100%;
    height: auto;
    display: block
}

@media(min-width: 1080px) {
    .main .area_visual {
        height:379px
    }
}

.main .area_visual .inner {
    content: "";
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 0;
    padding: 24px 6.9444444444% 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    -webkit-animation-name: aniMainLoading1;
    -o-animation-name: aniMainLoading1;
    animation-name: aniMainLoading1;
    -webkit-animation-duration: 400ms;
    -o-animation-duration: 400ms;
    animation-duration: 400ms;
    -webkit-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@media(min-width: 1080px) {
    .main .area_visual .inner {
        padding:0;
        -webkit-box-orient: unset;
        -webkit-box-direction: unset;
        -webkit-flex-direction: unset;
        -ms-flex-direction: unset;
        flex-direction: unset
    }

    .main .area_visual .inner:after {
        content: "";
        width: 348px;
        height: 263px;
        display: block;
        position: absolute;
        image-rendering: -webkit-optimize-contrast;
        -webkit-background-size: 100% auto;
        background-size: 100% auto;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.main .area_visual .content {
    width: 100%
}

@media(min-width: 1080px) {
    .main .area_visual .content::before {
        content:"";
        width: 110px;
        height: 60px;
        display: block;
        position: absolute;
        background: url("../img/main/img1_3.png?v=NVv1VRGWG2B_gL6YtuqAqrNYnds&v=0") no-repeat 0 0;
        image-rendering: -webkit-optimize-contrast;
        -webkit-background-size: 115px auto;
        background-size: 115px auto;
        top: 56px;
        left: 665px;
        -webkit-animation-name: aniMain2;
        -o-animation-name: aniMain2;
        animation-name: aniMain2;
        -webkit-animation-duration: 800ms;
        -o-animation-duration: 800ms;
        animation-duration: 800ms;
        -webkit-animation-timing-function: linear;
        -o-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        -o-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        -o-animation-direction: alternate;
        animation-direction: alternate;
        z-index: 3
    }

    .main .area_visual .content::after {
        content: "";
        width: 50px;
        height: 87px;
        display: block;
        position: absolute;
        background: url("../img/main/img1_1.png?v=LhUVgoEf9fdVwXQfMXWTH8t2Gls&v=0") no-repeat 2px -88px;
        image-rendering: -webkit-optimize-contrast;
        -webkit-background-size: 348px auto;
        background-size: 348px auto;
        top: 146px;
        left: 654px;
        -webkit-animation-name: aniMain3;
        -o-animation-name: aniMain3;
        animation-name: aniMain3;
        -webkit-animation-duration: 4000ms;
        -o-animation-duration: 4000ms;
        animation-duration: 4000ms;
        -webkit-animation-timing-function: linear;
        -o-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        -o-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        z-index: 1
    }
}

.main .area_visual .content h1 {
    font-size: 1.625rem;
    font-weight: 700;
    color: #8145ff;
    line-height: 1.9375rem
}

@media(min-width: 1080px) {
    .main .area_visual .content h1::before {
        content:"";
        width: 35px;
        height: 35px;
        display: block;
        position: absolute;
        background: url("../img/main/img1_1.png?v=LhUVgoEf9fdVwXQfMXWTH8t2Gls&v=0") no-repeat -283px -166px;
        image-rendering: -webkit-optimize-contrast;
        -webkit-background-size: 348px auto;
        background-size: 348px auto;
        top: 225px;
        right: 29px;
        -webkit-animation-name: aniMain1;
        -o-animation-name: aniMain1;
        animation-name: aniMain1;
        -webkit-animation-duration: 3000ms;
        -o-animation-duration: 3000ms;
        animation-duration: 3000ms;
        -webkit-animation-timing-function: linear;
        -o-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        -o-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-direction: reverser;
        -o-animation-direction: reverser;
        animation-direction: reverser;
        z-index: 2
    }

    .main .area_visual .content h1::after {
        content: "";
        width: 50px;
        height: 50px;
        display: block;
        position: absolute;
        background: url("../img/main/img1_2.png?v=K-RYGOTP6qk14GHRDSFgMOQmkgs&v=0") no-repeat 0 0;
        image-rendering: -webkit-optimize-contrast;
        -webkit-background-size: 50px auto;
        background-size: 50px auto;
        top: 180px;
        right: -1px;
        -webkit-animation-name: aniMain1;
        -o-animation-name: aniMain1;
        animation-name: aniMain1;
        -webkit-animation-duration: 5000ms;
        -o-animation-duration: 5000ms;
        animation-duration: 5000ms;
        -webkit-animation-timing-function: linear;
        -o-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        -o-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        z-index: 2
    }
}

.main .area_visual .content h2 {
    font-size: 1.1875rem;
    font-weight: 700;
    color: #313336;
    line-height: 1.4375rem;
    margin: 12px 0 24px
}

@media(min-width: 1080px) {
    .main .area_visual .content h2 {
        font-size:1rem;
        line-height: normal
    }
}

.main .area_visual .content p {
    font-size: .9375rem;
    color: #6b6d71;
    line-height: 1.125rem;
    max-width: 540px
}

.main .area_visual .content .btn {
    margin-top: 24px;
    width: auto;
    display: inline-block
}

.main .area_menu {
    position: relative;
    z-index: 3;
    background-color: #fff;
    width: 100%
}

@media(min-width: 1080px) {
    .main .area_menu {
        overflow-x:hidden
    }
}

.main .area_menu .inner {
    width: 100%;
    padding-top: 12px
}

@media(min-width: 1080px) {
    .main .area_menu .inner {
        padding-top:20px;
        padding-bottom: 66px
    }
}

.main .area_menu .content {
    content: "";
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% + 16px);
    margin-left: -8px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.main .area_menu .unit {
    content: "";
    width: 50%;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: calc(50% - 17px);
    min-width: 148px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 8px;
    padding: 16px 3.2051282051% 83px 3.8461538462%;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(39,43,55,.16);
    box-shadow: 0 2px 4px 0 rgba(39,43,55,.16);
    background-color: #fff
}

@media(min-width: 1080px) {
    .main .area_menu .unit {
        content:"";
        width: 233px;
        height: 240px;
        padding: 30px 28px 108px;
        margin: 0
    }
}

.main .area_menu .unit::before {
    content: "";
    width: auto;
    height: auto;
    display: block;
    position: absolute;
    left: 8.1081081081%;
    bottom: 16px;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms
}

@media(min-width: 1080px) {
    .main .area_menu .unit::before {
        left:28px;
        bottom: 44px
    }
}

.main .area_menu .unit::after {
    content: "";
    width: 27px;
    height: 42px;
    display: block;
    position: absolute;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.348' height='15.99' viewBox='0 0 9.348 15.99'%3E%3Cpath id='arrow' d='M9.582,14.755,16.106,21,9.582,27.245a.88.88,0,0,0-.246.821A.85.85,0,0,0,9.9,28.7a.805.805,0,0,0,.809-.19l7.184-6.876a.881.881,0,0,0,0-1.264l-7.184-6.877A.807.807,0,0,0,9.9,13.3a.848.848,0,0,0-.562.632.88.88,0,0,0,.246.82' transform='translate(-9.06 -13.005)' fill='%23313336' stroke='%23313336' stroke-linejoin='round' stroke-width='0.5'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
    -webkit-background-size: 8.8px auto;
    background-size: 8.8px auto;
    right: 5.4054054054%;
    bottom: 16px;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms
}

@media(min-width: 1080px) {
    .main .area_menu .unit::after {
        right:19px;
        bottom: 40px
    }
}

.main .area_menu .unit h2 {
    font-size: 1rem;
    color: #313336;
    line-height: 1.1875rem;
    margin-bottom: 12px;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms
}

@media(min-width: 1080px) {
    .main .area_menu .unit h2 {
        font-size:1.1578947368rem;
        line-height: 1.3684210526rem;
        margin-bottom: 14px
    }
}

.main .area_menu .unit p {
    font-size: .6875rem;
    color: #6b6d71;
    line-height: .9375rem;
    letter-spacing: -.2px
}

@media(min-width: 1080px) {
    .main .area_menu .unit p {
        letter-spacing:0;
        font-size: .7894736842rem;
        line-height: 1.1052631579rem
    }
}

.main .area_menu .unit:hover h2,.main .area_menu .unit:active h2 {
    color: #8145ff
}

.main .area_menu .unit:hover::after,.main .area_menu .unit:active::after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.348' height='15.99' viewBox='0 0 9.348 15.99'%3E%3Cpath id='arrow' d='M9.582,14.755,16.106,21,9.582,27.245a.88.88,0,0,0-.246.821A.85.85,0,0,0,9.9,28.7a.805.805,0,0,0,.809-.19l7.184-6.876a.881.881,0,0,0,0-1.264l-7.184-6.877A.807.807,0,0,0,9.9,13.3a.848.848,0,0,0-.562.632.88.88,0,0,0,.246.82' transform='translate(-9.06 -13.005)' fill='%238145ff' stroke='%238145ff' stroke-linejoin='round' stroke-width='0.5'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
    -webkit-background-size: 8.8px auto;
    background-size: 8.8px auto
}

.main .area_menu .unit:hover.link_univ::before,.main .area_menu .unit:active.link_univ::before {
    background: url("data:image/svg+xml,%3Csvg width='38' height='35' viewBox='0 0 38 35' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%238145ff' fill-rule='nonzero'%3E%3Cpath d='M37.011 33h-1.234V22.79a4.416 4.416 0 0 0-4.417-4.406h-2.628v-4.385a.997.997 0 0 0-.482-.853L20.196 8.28V6.821h7.04c.805.03 1.307-.993.79-1.61l-1.4-1.8 1.4-1.8c.516-.616.017-1.64-.79-1.61h-8.04a1 1 0 0 0-1.002.998v7.044l-8.447 5.104a1.001 1.001 0 0 0-.482.853v4.38H6.64a4.42 4.42 0 0 0-4.422 4.41v10.212H.988c-1.301.021-1.333 1.964 0 1.996 6.3-.012 31.837.008 36.025 0 1.308-.027 1.324-1.968 0-1.996L37.011 33zM20.196 1.997h4.995l-.624.802a.997.997 0 0 0 0 1.224l.624.802h-4.995V1.997zM9.265 33.002H4.22V22.791a2.42 2.42 0 0 1 2.42-2.414h2.625v12.625zm11.711 0H17.02v-5.89c0-.349.285-.631.634-.631h2.688c.35 0 .634.282.634.632v5.889zm12.8 0h-5.044v-4.768a1 1 0 0 0-2.001 0v4.768h-3.753v-5.89a2.635 2.635 0 0 0-2.635-2.628h-2.689a2.635 2.635 0 0 0-2.635 2.629v5.889h-3.752V14.564l7.735-4.673 7.73 4.671v9.518c.02 1.313 1.98 1.311 2.001 0v-3.7h2.629a2.416 2.416 0 0 1 2.415 2.41V33l-.002.002z'/%3E%3Cpath d='M21.459 14.816c-.647-1.076-2.424-.231-1.818.863.408.681-.192 1.567-1.047 1.549-.715.012-1.295-.617-1.158-1.245.335-1.186-1.603-1.665-1.979-.49-.51 1.79 1.096 3.627 3.139 3.597 2.362.05 4-2.398 2.866-4.274h-.003zM14.447 18.295h-.596c-1.22.026-1.22 2.361 0 2.387h.596c1.22-.026 1.22-2.36 0-2.387zM14.447 21.477h-.596c-1.22.026-1.22 2.36 0 2.387h.596c1.22-.026 1.22-2.36 0-2.387zM23.34 18.295h-.595c-1.22.026-1.22 2.361 0 2.387h.595c1.22-.026 1.22-2.36 0-2.387zM23.34 21.477h-.595c-1.22.026-1.22 2.36 0 2.387h.595c1.22-.026 1.22-2.36 0-2.387z'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 50% 50%;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.main .area_menu .unit:hover.link_comp::before,.main .area_menu .unit:active.link_comp::before {
    background: url("data:image/svg+xml,%3Csvg width='38' height='30' viewBox='0 0 38 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33.821 0H4.18C1.872 0 0 1.8 0 4.023v21.954C0 28.2 1.872 30 4.179 30H33.82C36.128 30 38 28.2 38 25.977V4.023c0-1.068-.44-2.09-1.224-2.845A4.261 4.261 0 0 0 33.82 0zm2.321 4.023v2.682H20.931l-4.717-4.918h17.644c1.267.02 2.284 1.016 2.284 2.236zm-2.32 24.19H4.178c-1.282 0-2.321-1-2.321-2.236V4.023c0-1.236 1.04-2.236 2.32-2.236h9.478L19.845 8.2a.95.95 0 0 0 .682.287h15.615v17.49c0 .593-.244 1.16-.679 1.58a2.369 2.369 0 0 1-1.642.655zm-8.47-23.94c0 .439-.275.834-.697 1.003a1.159 1.159 0 0 1-1.229-.236 1.055 1.055 0 0 1-.245-1.183c.175-.406.586-.67 1.043-.67.3-.002.586.112.799.316.212.205.33.481.329.77zm3.25 0c0 .439-.274.834-.696 1.003a1.162 1.162 0 0 1-1.23-.236 1.058 1.058 0 0 1-.245-1.183 1.13 1.13 0 0 1 1.043-.67c.3-.002.587.112.8.316.21.205.329.481.329.77zm3.252 0h-.002c0 .439-.275.834-.697 1.003a1.159 1.159 0 0 1-1.229-.236 1.055 1.055 0 0 1-.244-1.183c.174-.406.585-.67 1.042-.67.299-.002.588.112.799.316.212.205.33.481.329.77h.002zM8.684 15.831v-.703c0-.493-.417-.893-.93-.893-.512 0-.928.4-.928.893v.703c-1.048.234-1.792 1.131-1.797 2.167v4.122c.002 1.037.747 1.937 1.797 2.172v.702c0 .493.416.894.928.894.513 0 .93-.4.93-.894v-.702c1.048-.236 1.79-1.136 1.791-2.172v-4.122c-.003-1.034-.745-1.931-1.791-2.167zm-.065 6.288h-.002a.44.44 0 0 1-.135.317.473.473 0 0 1-.328.13H7.35a.456.456 0 0 1-.463-.447v-4.122c0-.246.207-.445.463-.445h.804c.122 0 .24.047.328.13a.438.438 0 0 1 .135.315l.002 4.122zm7.562-9.418v-.7c0-.495-.414-.896-.928-.896-.513 0-.928.4-.928.895v.703-.002c-1.05.235-1.793 1.131-1.797 2.169v4.122-.002c.002 1.04.746 1.938 1.797 2.172v.703c0 .494.415.893.928.893.514 0 .928-.399.928-.893v-.703c1.049-.236 1.792-1.134 1.794-2.172v-4.12c-.005-1.036-.745-1.933-1.794-2.169zm-.064 6.289a.44.44 0 0 1-.136.317.474.474 0 0 1-.329.13h-.803a.456.456 0 0 1-.465-.447v-4.12c0-.248.21-.448.465-.448h.803c.124 0 .242.047.33.13a.44.44 0 0 1 .135.318v4.12zm7.558-3.16v-.702c0-.493-.414-.893-.928-.893-.513 0-.928.4-.928.893v.702c-1.048.237-1.788 1.133-1.793 2.167v4.122c.001 1.036.745 1.936 1.793 2.173v.702c0 .493.415.893.928.893.514 0 .928-.4.928-.893v-.702c1.052-.235 1.795-1.135 1.797-2.173v-4.122c-.003-1.035-.747-1.932-1.797-2.167zm-.06 6.289h.001a.44.44 0 0 1-.136.317.474.474 0 0 1-.329.13h-.803a.456.456 0 0 1-.464-.447v-4.122c0-.246.207-.446.464-.446h.803c.124 0 .242.047.33.131a.438.438 0 0 1 .135.315l-.002 4.122zm7.56-9.864v-.703c0-.494-.417-.893-.928-.893-.514 0-.93.399-.93.893v.703c-1.047.234-1.788 1.133-1.792 2.167v4.122c.002 1.036.744 1.936 1.792 2.172v.703-.002c0 .494.416.895.93.895.511 0 .928-.4.928-.895v-.7c1.05-.235 1.795-1.136 1.797-2.173v-4.122c-.006-1.036-.75-1.934-1.797-2.167zm-.061 6.289a.438.438 0 0 1-.136.315.473.473 0 0 1-.328.13h-.804a.455.455 0 0 1-.463-.445v-4.122c0-.247.207-.448.463-.448h.804c.122 0 .24.047.328.13a.44.44 0 0 1 .136.318v4.122z' fill='%238145ff' fill-rule='nonzero'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.main .area_menu .unit:hover.link_patent::before,.main .area_menu .unit:active.link_patent::before {
    background: url("data:image/svg+xml,%3Csvg width='34' height='35' viewBox='0 0 34 35' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.943 31.641v-1.025c0-.53.433-.99 1.01-.99h6.093c.54.035.973.46.973.99v1.025c0 .814-.613 1.485-1.406 1.591l-.253.92a1.187 1.187 0 0 1-1.117.848h-2.524c-.54 0-1.01-.354-1.117-.849l-.253-.919a1.614 1.614 0 0 1-1.406-1.59zm4.074-26.338a.96.96 0 0 0 .973-.955V.954A.96.96 0 0 0 17.017 0a.96.96 0 0 0-.973.954v3.394c0 .53.432.955.973.955zM.973 17.64h3.461c.505 0 .974-.424.974-.954a.96.96 0 0 0-.974-.955H.974a.96.96 0 0 0-.974.955c0 .53.433.954.973.954zm27.617-.99c0 .53.433.955.973.955h3.462a.96.96 0 0 0 .973-.955c.036-.53-.397-.954-.973-.954h-3.462a.96.96 0 0 0-.973.954zM8.797 24.712c-.36-.354-.973-.354-1.37 0l-2.452 2.404a.948.948 0 0 0 0 1.379c.18.177.433.283.685.283a.995.995 0 0 0 .685-.283l2.452-2.404a.948.948 0 0 0 0-1.379zM25.922 8.909a.995.995 0 0 0 .685-.283l2.452-2.404a.948.948 0 0 0 0-1.379.993.993 0 0 0-1.406 0L25.2 7.247a.948.948 0 0 0 0 1.38c.216.176.469.282.721.282zM7.427 8.626c.18.177.432.283.685.283a.995.995 0 0 0 .685-.283.948.948 0 0 0 0-1.379L6.345 4.843a.993.993 0 0 0-1.406 0 .948.948 0 0 0 0 1.38l2.488 2.403zm20.226 19.869c.18.177.432.283.685.283a.995.995 0 0 0 .685-.283.948.948 0 0 0 0-1.379l-2.416-2.404a.993.993 0 0 0-1.406 0 .948.948 0 0 0 0 1.379l2.452 2.404zM7.823 16.899c-.036-4.95 4.002-9.015 9.05-9.05h.072c5.047 0 9.193 3.994 9.193 8.944 0 2.298-.937 4.56-2.56 6.222-.937.955-1.55 2.121-1.73 3.43-.18 1.13-1.19 1.944-2.343 1.944h-5.048c-1.19 0-2.163-.813-2.343-1.945-.217-1.272-.83-2.51-1.73-3.429-1.587-1.697-2.525-3.853-2.56-6.116zm2.02-.036c.035 1.768.72 3.465 2.018 4.738 1.19 1.202 2.02 2.828 2.272 4.49.036.212.18.283.36.283h1.55v-5.728l-2.09-2.05a.926.926 0 0 1 0-1.308.971.971 0 0 1 1.333 0l1.695 1.661 1.694-1.661a.971.971 0 0 1 1.334 0c.36.353.36.954 0 1.308l-2.091 2.05v5.763h1.55c.18 0 .325-.141.36-.283a8.044 8.044 0 0 1 2.272-4.49 6.927 6.927 0 0 0 1.983-4.843c0-3.854-3.208-6.965-7.174-6.965h-.072c-3.858 0-7.03 3.182-6.995 7.035z' fill='%238145ff' fill-rule='nonzero'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.main .area_menu .unit:hover.link_inven::before,.main .area_menu .unit:active.link_inven::before {
    background: url("data:image/svg+xml,%3Csvg width='27' height='35' viewBox='0 0 27 35' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%238145ff' fill-rule='nonzero'%3E%3Cpath d='M11.411 30.72c-.058 1.042.93 1.124 1.69 1.093 5.035 0 9.13-4.277 9.13-9.536.019-.52-.01-1.142-.535-1.381-1.193-.71-3.803-.782-4.759-.358-.558.156-1.042.289-2.02.168-2.186-.308-2.106-1.275-4.524-1.546-2.462-.352-2.893.778-5.147.329-1.392-.135-1.194 1.774-1.275 2.788 0 3.249 1.56 6.242 4.172 8.009 1.03.666 2.004-.91 1-1.617-2.3-1.539-3.573-4.335-3.295-7.167 2.09.167 2.3-.677 4.327-.433 2.184.305 2.103 1.272 4.522 1.547 2.525.336 3.344-.953 5.69-.193-.058 4.38-3.785 7.867-7.974 7.43-.51-.052-.956.337-1.004.866l.002.002z'/%3E%3Cpath d='M26.977 21.112c-.095-1.246-1.985-1.128-1.935.109.372 6.423-4.97 11.911-11.574 11.89-13.592-.28-15.965-18.737-2.84-22.228a.95.95 0 0 0 .733-.917V6.662h4.214v3.304c0 .433.302.811.733.917 3.635.889 6.612 3.45 7.966 6.848.48 1.15 2.25.48 1.807-.683-1.488-3.738-4.659-6.608-8.568-7.797V6.662h.724c.534 0 .969-.423.969-.944a.958.958 0 0 0-.97-.945c-2.229-.001-7.307.002-9.536 0-1.272.024-1.278 1.865 0 1.89h.723V9.25C-5.215 13.964-1.977 34.723 13.468 35c7.71.024 13.95-6.386 13.51-13.886v-.002z'/%3E%3Cpath d='M12.706 15.511c.117 3.713 5.442 3.712 5.559 0-.117-3.713-5.443-3.71-5.56 0zm2.779-.923c1.198.022 1.2 1.823 0 1.845-1.2-.022-1.198-1.823 0-1.845zM12.706 8.75c-1.059.018-1.059 1.574 0 1.59 1.059-.017 1.059-1.573 0-1.59zM15.088 3.977c1.06-.018 1.06-1.574 0-1.59-1.059.018-1.059 1.573 0 1.59zM11.912 1.59c1.059-.017 1.059-1.573 0-1.59-1.06.018-1.06 1.574 0 1.59zM9.53 23.068c.018 1.06 1.57 1.06 1.588 0-.019-1.06-1.572-1.06-1.589 0zM14.294 28.636c1.059-.018 1.059-1.573 0-1.59-1.059.018-1.059 1.573 0 1.59z'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 50% 50%;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.main .area_menu .unit.link_univ::before {
    content: "";
    width: 38px;
    height: 35px;
    background: url("data:image/svg+xml,%3Csvg width='38' height='35' viewBox='0 0 38 35' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23313336' fill-rule='nonzero'%3E%3Cpath d='M37.011 33h-1.234V22.79a4.416 4.416 0 0 0-4.417-4.406h-2.628v-4.385a.997.997 0 0 0-.482-.853L20.196 8.28V6.821h7.04c.805.03 1.307-.993.79-1.61l-1.4-1.8 1.4-1.8c.516-.616.017-1.64-.79-1.61h-8.04a1 1 0 0 0-1.002.998v7.044l-8.447 5.104a1.001 1.001 0 0 0-.482.853v4.38H6.64a4.42 4.42 0 0 0-4.422 4.41v10.212H.988c-1.301.021-1.333 1.964 0 1.996 6.3-.012 31.837.008 36.025 0 1.308-.027 1.324-1.968 0-1.996L37.011 33zM20.196 1.997h4.995l-.624.802a.997.997 0 0 0 0 1.224l.624.802h-4.995V1.997zM9.265 33.002H4.22V22.791a2.42 2.42 0 0 1 2.42-2.414h2.625v12.625zm11.711 0H17.02v-5.89c0-.349.285-.631.634-.631h2.688c.35 0 .634.282.634.632v5.889zm12.8 0h-5.044v-4.768a1 1 0 0 0-2.001 0v4.768h-3.753v-5.89a2.635 2.635 0 0 0-2.635-2.628h-2.689a2.635 2.635 0 0 0-2.635 2.629v5.889h-3.752V14.564l7.735-4.673 7.73 4.671v9.518c.02 1.313 1.98 1.311 2.001 0v-3.7h2.629a2.416 2.416 0 0 1 2.415 2.41V33l-.002.002z'/%3E%3Cpath d='M21.459 14.816c-.647-1.076-2.424-.231-1.818.863.408.681-.192 1.567-1.047 1.549-.715.012-1.295-.617-1.158-1.245.335-1.186-1.603-1.665-1.979-.49-.51 1.79 1.096 3.627 3.139 3.597 2.362.05 4-2.398 2.866-4.274h-.003zM14.447 18.295h-.596c-1.22.026-1.22 2.361 0 2.387h.596c1.22-.026 1.22-2.36 0-2.387zM14.447 21.477h-.596c-1.22.026-1.22 2.36 0 2.387h.596c1.22-.026 1.22-2.36 0-2.387zM23.34 18.295h-.595c-1.22.026-1.22 2.361 0 2.387h.595c1.22-.026 1.22-2.36 0-2.387zM23.34 21.477h-.595c-1.22.026-1.22 2.36 0 2.387h.595c1.22-.026 1.22-2.36 0-2.387z'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 50% 50%;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

@media(min-width: 1080px) {
    .main .area_menu .unit.link_univ::before {
        content:"";
        width: 47px;
        height: 44px
    }
}

.main .area_menu .unit.link_comp::before {
    content: "";
    width: 38px;
    height: 30px;
    background: url("data:image/svg+xml,%3Csvg width='38' height='30' viewBox='0 0 38 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33.821 0H4.18C1.872 0 0 1.8 0 4.023v21.954C0 28.2 1.872 30 4.179 30H33.82C36.128 30 38 28.2 38 25.977V4.023c0-1.068-.44-2.09-1.224-2.845A4.261 4.261 0 0 0 33.82 0zm2.321 4.023v2.682H20.931l-4.717-4.918h17.644c1.267.02 2.284 1.016 2.284 2.236zm-2.32 24.19H4.178c-1.282 0-2.321-1-2.321-2.236V4.023c0-1.236 1.04-2.236 2.32-2.236h9.478L19.845 8.2a.95.95 0 0 0 .682.287h15.615v17.49c0 .593-.244 1.16-.679 1.58a2.369 2.369 0 0 1-1.642.655zm-8.47-23.94c0 .439-.275.834-.697 1.003a1.159 1.159 0 0 1-1.229-.236 1.055 1.055 0 0 1-.245-1.183c.175-.406.586-.67 1.043-.67.3-.002.586.112.799.316.212.205.33.481.329.77zm3.25 0c0 .439-.274.834-.696 1.003a1.162 1.162 0 0 1-1.23-.236 1.058 1.058 0 0 1-.245-1.183 1.13 1.13 0 0 1 1.043-.67c.3-.002.587.112.8.316.21.205.329.481.329.77zm3.252 0h-.002c0 .439-.275.834-.697 1.003a1.159 1.159 0 0 1-1.229-.236 1.055 1.055 0 0 1-.244-1.183c.174-.406.585-.67 1.042-.67.299-.002.588.112.799.316.212.205.33.481.329.77h.002zM8.684 15.831v-.703c0-.493-.417-.893-.93-.893-.512 0-.928.4-.928.893v.703c-1.048.234-1.792 1.131-1.797 2.167v4.122c.002 1.037.747 1.937 1.797 2.172v.702c0 .493.416.894.928.894.513 0 .93-.4.93-.894v-.702c1.048-.236 1.79-1.136 1.791-2.172v-4.122c-.003-1.034-.745-1.931-1.791-2.167zm-.065 6.288h-.002a.44.44 0 0 1-.135.317.473.473 0 0 1-.328.13H7.35a.456.456 0 0 1-.463-.447v-4.122c0-.246.207-.445.463-.445h.804c.122 0 .24.047.328.13a.438.438 0 0 1 .135.315l.002 4.122zm7.562-9.418v-.7c0-.495-.414-.896-.928-.896-.513 0-.928.4-.928.895v.703-.002c-1.05.235-1.793 1.131-1.797 2.169v4.122-.002c.002 1.04.746 1.938 1.797 2.172v.703c0 .494.415.893.928.893.514 0 .928-.399.928-.893v-.703c1.049-.236 1.792-1.134 1.794-2.172v-4.12c-.005-1.036-.745-1.933-1.794-2.169zm-.064 6.289a.44.44 0 0 1-.136.317.474.474 0 0 1-.329.13h-.803a.456.456 0 0 1-.465-.447v-4.12c0-.248.21-.448.465-.448h.803c.124 0 .242.047.33.13a.44.44 0 0 1 .135.318v4.12zm7.558-3.16v-.702c0-.493-.414-.893-.928-.893-.513 0-.928.4-.928.893v.702c-1.048.237-1.788 1.133-1.793 2.167v4.122c.001 1.036.745 1.936 1.793 2.173v.702c0 .493.415.893.928.893.514 0 .928-.4.928-.893v-.702c1.052-.235 1.795-1.135 1.797-2.173v-4.122c-.003-1.035-.747-1.932-1.797-2.167zm-.06 6.289h.001a.44.44 0 0 1-.136.317.474.474 0 0 1-.329.13h-.803a.456.456 0 0 1-.464-.447v-4.122c0-.246.207-.446.464-.446h.803c.124 0 .242.047.33.131a.438.438 0 0 1 .135.315l-.002 4.122zm7.56-9.864v-.703c0-.494-.417-.893-.928-.893-.514 0-.93.399-.93.893v.703c-1.047.234-1.788 1.133-1.792 2.167v4.122c.002 1.036.744 1.936 1.792 2.172v.703-.002c0 .494.416.895.93.895.511 0 .928-.4.928-.895v-.7c1.05-.235 1.795-1.136 1.797-2.173v-4.122c-.006-1.036-.75-1.934-1.797-2.167zm-.061 6.289a.438.438 0 0 1-.136.315.473.473 0 0 1-.328.13h-.804a.455.455 0 0 1-.463-.445v-4.122c0-.247.207-.448.463-.448h.804c.122 0 .24.047.328.13a.44.44 0 0 1 .136.318v4.122z' fill='%23313336' fill-rule='nonzero'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

@media(min-width: 1080px) {
    .main .area_menu .unit.link_comp::before {
        content:"";
        width: 47px;
        height: 38px
    }
}

.main .area_menu .unit.link_patent::before {
    content: "";
    width: 34px;
    height: 35px;
    background: url("data:image/svg+xml,%3Csvg width='34' height='35' viewBox='0 0 34 35' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.943 31.641v-1.025c0-.53.433-.99 1.01-.99h6.093c.54.035.973.46.973.99v1.025c0 .814-.613 1.485-1.406 1.591l-.253.92a1.187 1.187 0 0 1-1.117.848h-2.524c-.54 0-1.01-.354-1.117-.849l-.253-.919a1.614 1.614 0 0 1-1.406-1.59zm4.074-26.338a.96.96 0 0 0 .973-.955V.954A.96.96 0 0 0 17.017 0a.96.96 0 0 0-.973.954v3.394c0 .53.432.955.973.955zM.973 17.64h3.461c.505 0 .974-.424.974-.954a.96.96 0 0 0-.974-.955H.974a.96.96 0 0 0-.974.955c0 .53.433.954.973.954zm27.617-.99c0 .53.433.955.973.955h3.462a.96.96 0 0 0 .973-.955c.036-.53-.397-.954-.973-.954h-3.462a.96.96 0 0 0-.973.954zM8.797 24.712c-.36-.354-.973-.354-1.37 0l-2.452 2.404a.948.948 0 0 0 0 1.379c.18.177.433.283.685.283a.995.995 0 0 0 .685-.283l2.452-2.404a.948.948 0 0 0 0-1.379zM25.922 8.909a.995.995 0 0 0 .685-.283l2.452-2.404a.948.948 0 0 0 0-1.379.993.993 0 0 0-1.406 0L25.2 7.247a.948.948 0 0 0 0 1.38c.216.176.469.282.721.282zM7.427 8.626c.18.177.432.283.685.283a.995.995 0 0 0 .685-.283.948.948 0 0 0 0-1.379L6.345 4.843a.993.993 0 0 0-1.406 0 .948.948 0 0 0 0 1.38l2.488 2.403zm20.226 19.869c.18.177.432.283.685.283a.995.995 0 0 0 .685-.283.948.948 0 0 0 0-1.379l-2.416-2.404a.993.993 0 0 0-1.406 0 .948.948 0 0 0 0 1.379l2.452 2.404zM7.823 16.899c-.036-4.95 4.002-9.015 9.05-9.05h.072c5.047 0 9.193 3.994 9.193 8.944 0 2.298-.937 4.56-2.56 6.222-.937.955-1.55 2.121-1.73 3.43-.18 1.13-1.19 1.944-2.343 1.944h-5.048c-1.19 0-2.163-.813-2.343-1.945-.217-1.272-.83-2.51-1.73-3.429-1.587-1.697-2.525-3.853-2.56-6.116zm2.02-.036c.035 1.768.72 3.465 2.018 4.738 1.19 1.202 2.02 2.828 2.272 4.49.036.212.18.283.36.283h1.55v-5.728l-2.09-2.05a.926.926 0 0 1 0-1.308.971.971 0 0 1 1.333 0l1.695 1.661 1.694-1.661a.971.971 0 0 1 1.334 0c.36.353.36.954 0 1.308l-2.091 2.05v5.763h1.55c.18 0 .325-.141.36-.283a8.044 8.044 0 0 1 2.272-4.49 6.927 6.927 0 0 0 1.983-4.843c0-3.854-3.208-6.965-7.174-6.965h-.072c-3.858 0-7.03 3.182-6.995 7.035z' fill='%23313336' fill-rule='nonzero'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

@media(min-width: 1080px) {
    .main .area_menu .unit.link_patent::before {
        content:"";
        width: 42px;
        height: 44px
    }
}

.main .area_menu .unit.link_inven p {
    width: 73%
}

@media(min-width: 1080px) {
    .main .area_menu .unit.link_inven p {
        width:100%
    }
}

.main .area_menu .unit.link_inven::before {
    content: "";
    width: 27px;
    height: 35px;
    background: url("data:image/svg+xml,%3Csvg width='27' height='35' viewBox='0 0 27 35' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23313336' fill-rule='nonzero'%3E%3Cpath d='M11.411 30.72c-.058 1.042.93 1.124 1.69 1.093 5.035 0 9.13-4.277 9.13-9.536.019-.52-.01-1.142-.535-1.381-1.193-.71-3.803-.782-4.759-.358-.558.156-1.042.289-2.02.168-2.186-.308-2.106-1.275-4.524-1.546-2.462-.352-2.893.778-5.147.329-1.392-.135-1.194 1.774-1.275 2.788 0 3.249 1.56 6.242 4.172 8.009 1.03.666 2.004-.91 1-1.617-2.3-1.539-3.573-4.335-3.295-7.167 2.09.167 2.3-.677 4.327-.433 2.184.305 2.103 1.272 4.522 1.547 2.525.336 3.344-.953 5.69-.193-.058 4.38-3.785 7.867-7.974 7.43-.51-.052-.956.337-1.004.866l.002.002z'/%3E%3Cpath d='M26.977 21.112c-.095-1.246-1.985-1.128-1.935.109.372 6.423-4.97 11.911-11.574 11.89-13.592-.28-15.965-18.737-2.84-22.228a.95.95 0 0 0 .733-.917V6.662h4.214v3.304c0 .433.302.811.733.917 3.635.889 6.612 3.45 7.966 6.848.48 1.15 2.25.48 1.807-.683-1.488-3.738-4.659-6.608-8.568-7.797V6.662h.724c.534 0 .969-.423.969-.944a.958.958 0 0 0-.97-.945c-2.229-.001-7.307.002-9.536 0-1.272.024-1.278 1.865 0 1.89h.723V9.25C-5.215 13.964-1.977 34.723 13.468 35c7.71.024 13.95-6.386 13.51-13.886v-.002z'/%3E%3Cpath d='M12.706 15.511c.117 3.713 5.442 3.712 5.559 0-.117-3.713-5.443-3.71-5.56 0zm2.779-.923c1.198.022 1.2 1.823 0 1.845-1.2-.022-1.198-1.823 0-1.845zM12.706 8.75c-1.059.018-1.059 1.574 0 1.59 1.059-.017 1.059-1.573 0-1.59zM15.088 3.977c1.06-.018 1.06-1.574 0-1.59-1.059.018-1.059 1.573 0 1.59zM11.912 1.59c1.059-.017 1.059-1.573 0-1.59-1.06.018-1.06 1.574 0 1.59zM9.53 23.068c.018 1.06 1.57 1.06 1.588 0-.019-1.06-1.572-1.06-1.589 0zM14.294 28.636c1.059-.018 1.059-1.573 0-1.59-1.059.018-1.059 1.573 0 1.59z'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 50% 50%;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

@media(min-width: 1080px) {
    .main .area_menu .unit.link_inven::before {
        content:"";
        width: 34px;
        height: 44px
    }
}

.main .area_intro {
    content: "";
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    background-color: #fcfcfc;
    font-size: 1rem;
    color: #313336;
    line-height: 1.1875pxrem
}

@media(min-width: 1080px) {
    .main .area_intro {
        font-size:1rem;
        line-height: normal
    }
}

.main .area_intro .inner {
    padding-top: 33px;
    padding-bottom: 41px
}

@media(min-width: 1080px) {
    .main .area_intro .inner {
        padding-top:77px;
        padding-bottom: 119px
    }
}

.main .area_intro h2 {
    font-size: 1.1875rem;
    color: #313336;
    line-height: 1.4375pxrem;
    margin-bottom: 32px;
    text-align: center
}

@media(min-width: 1080px) {
    .main .area_intro h2 {
        font-size:1.3684210526rem;
        line-height: normal;
        margin-bottom: 75px
    }
}

.main .area_intro .cont {
    text-align: left
}

@media(min-width: 1080px) {
    .main .area_intro .cont {
        width:663px;
        margin: 0 auto
    }
}

.main .area_intro p+p {
    margin-top: 19px
}

@media(min-width: 1080px) {
    .main .area_intro p+p {
        margin-top:22px
    }
}

.main .area_intro .txt_right {
    margin-top: 38px;
    text-align: right
}

@media(min-width: 1080px) {
    .main .area_intro .txt_right {
        margin-top:44px
    }
}

.main .area_team .inner {
    padding: 36px 3.75% 21px
}

@media(min-width: 1080px) {
    .main .area_team .inner {
        padding:85px 0 109px;
        width: 922px
    }
}

.main .area_team h2 {
    text-align: center;
    padding-bottom: 11px;
    font-size: 1.1875rem;
    line-height: 1.3125rem
}

@media(min-width: 1080px) {
    .main .area_team h2 {
        font-size:1.5789473684rem;
        line-height: normal;
        padding-bottom: 25px
    }
}

.main .area_team .content {
    content: "";
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 820px;
    margin: 0 auto
}

@media(min-width: 1080px) {
    .main .area_team .content {
        max-width:100%;
        -webkit-box-pack: left;
        -webkit-justify-content: left;
        -ms-flex-pack: left;
        justify-content: left
    }
}

.main .area_team .team_mem {
    margin: 24px 0;
    content: "";
    height: auto;
    display: block;
    position: relative;
    width: 31.2312312312%;
    max-width: 180px;
    min-width: 104px;
    text-align: center;
    margin: 24px 30px
}

.main .area_team .team_mem:hover::before {
    content: "";
    width: 40px;
    height: 40px
}

.main .area_team .team_mem:hover::after {
    content: "";
    width: 15px;
    height: 15px
}

.main .area_team .team_mem:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

@media(min-width: 1080px) {
    .main .area_team .team_mem {
        width:154px;
        margin: 32px 51px 0
    }

    .main .area_team .team_mem:first-child,.main .area_team .team_mem:nth-child(5) {
        margin-left: 0
    }

    .main .area_team .team_mem:nth-child(4) {
        margin-right: 0
    }
}

.main .area_team .team_mem img {
    width: 92.3076923077%;
    display: block;
    position: relative;
    z-index: 2;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms
}

@media(min-width: 1080px) {
    .main .area_team .team_mem img {
        width:100%
    }
}

.main .area_team .team_mem h3 {
    font-size: 1rem;
    font-weight: 700;
    color: #8145ff;
    line-height: normal;
    margin: 16px auto 2px
}

@media(min-width: 1080px) {
    .main .area_team .team_mem h3 {
        font-size:1rem;
        line-height: normal;
        margin: 24px auto 12px
    }
}

.main .area_team .team_mem p {
    font-size: .8125rem;
    font-weight: 500;
    color: #313336;
    line-height: 1.125rem
}

@media(min-width: 1080px) {
    .main .area_team .team_mem p {
        font-size:.8421052632rem;
        line-height: normal
    }
}

.main .area_team .team_mem p span {
    display: block
}

.main .area_news {
    width: 100%;
    height: 270px;
    margin: 0 0.3px 1px 0;
    display: block;
    position: relative;
    object-fit: contain;
    background: url("../img/main_bg.png") no-repeat 50% 50%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}

    .main .area_news .inner {
        padding-top: 50px;
        padding-bottom: 5px
    }

@media(min-width: 1080px) {
    .main .area_news {
        width: 100%;
        height: 485px;
        margin: 0 0.3px 1px 0;
        display: block;
        position: relative;
        object-fit: contain;
        background: url("../img/main_bg.png") no-repeat 50% 50%;
        -webkit-background-size: 100% auto;
        background-size: 100% auto;
    }
        .main .area_news .inner {
            padding-top: 200px;
            padding-bottom: 26px
        }
}

.main .area_news h1 {
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    text-align: center;
}

.main .area_news p {
    font-size: 18px;
    padding-top: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.7px;
    text-align: center;
    color: #ffffff;
}

    .main .area_news p.bottom_arrow {
        font-size: 12px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.31px;
    }

.main .box_container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
}

.main .try_container {
    margin-bottom: 5px;
    display: grid;
    place-items: center; /* 가로 및 세로 중앙 정렬 */
}
    .main .try_container img {
        padding-top: 10px;
        max-width: 100%;
        max-height: 100%;
    }


@media(min-width: 1080px) {
    .main .area_news h1 {
        font-size: 32px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.47;
        letter-spacing: normal;
        text-align: center;
        color: #ffffff;
        text-align: center;
    }

    .main .area_news p {
        padding-top: 20px;
        font-size: 22px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.7px;
        text-align: center;
        color: #ffffff;
    }

        .main .area_news p.bottom_arrow {
            font-size: 12px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: 0.31px;
        }

    .main .box_container {
    }

    .main .try_container {
        margin-top: auto;
    }

        .main .try_container img {
            padding-top: 10px;
            max-width: 100%;
            max-height: 100%;
        }
}

.main .area_news .top {
    margin-bottom: 24px
}

@media(min-width: 1080px) {
    .main .area_news .top {
        margin-bottom: 14px;
        content: "";
        width: 100%;
        height: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.main .area_news .top h2 {
    font-size: 1.375rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.625rem
}

@media(min-width: 1080px) {
    .main .area_news .top h2 {
        font-size: 1.3684210526rem;
        line-height: 1.6315789474rem
    }
}

.main .area_news .top .link {
    position: absolute;
    display: block;
    font-size: 1rem;
    font-weight: 700;
    color: #fcfcfc;
    line-height: 1.1875rem;
    text-decoration: underline;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    bottom: 39px;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms
}

    .main .area_news .top .link:hover {
        font-size: .9375rem;
        line-height: normal;
        opacity: .8
    }

@media(min-width: 1080px) {
    .main .area_news .top .link {
        font-size: .8421052632rem;
        line-height: normal;
        position: relative;
        left: unset;
        bottom: unset;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }

        .main .area_news .top .link:hover {
            font-size: .8421052632rem;
            line-height: normal
        }
}

.main .area_news .content {
    width: calc(100% + 16px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: -8px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 660px
}

@media(min-width: 1080px) {
    .main .area_news .content {
        max-width: 200%
    }
}

.main .area_news .unit {
    width: 312px;
    margin: 0 8px 32px;
    margin: 0 auto 32px;
    -webkit-transform: translateX(-8px);
    -ms-transform: translateX(-8px);
    -o-transform: translateX(-8px);
    transform: translateX(-8px)
}

@media(min-width: 1080px) {
    .main .area_news .unit {
        width: 324px;
        margin: 10px 8px;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

.main .area_news .unit .thum {
    content: "";
    width: 100%;
    height: 169px;
    display: block;
    border-radius: 10px;
    background-repeat: no-repeat !important;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-position: 50% 50%;
    -webkit-box-shadow: 0 2px 4px 0 rgba(39,43,55,.16);
    box-shadow: 0 2px 4px 0 rgba(39,43,55,.16);
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms
}

@media(min-width: 1080px) {
    .main .area_news .unit .thum {
        height: 177px
    }
}

.main .area_news .unit h3 {
    font-size: 1.1875rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.4375rem;
    margin: 16px 0 8px;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms
}

@media(min-width: 1080px) {
    .main .area_news .unit h3 {
        margin: 24px 0 8px;
        font-size: 1rem;
        line-height: normal
    }
}

.main .area_news .unit .date {
    font-size: .9375rem;
    color: #ebeced;
    line-height: 1.125rem;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms
}

@media(min-width: 1080px) {
    .main .area_news .unit .date {
        font-size: .7894736842rem;
        line-height: normal
    }
}

.main .area_news .unit:hover h3 {
    color: #ebeced
}

.main .area_news .unit:hover .date {
    color: #dbdcdd
}

.main .area_news .unit:hover .thum {
    -webkit-background-size: 110% auto !important;
    background-size: 110% auto !important
}

.img_container {
    width: 100%;
    display: grid;
    place-items: center; /* 가로 및 세로 중앙 정렬 */
}

    .img_container img {
        max-width: 100%;
        max-height: 100%;
    }

.estimated_div {
    width: 100%;
    height: 103px;
    margin-top: 50px;
    padding: 10px 15px 10px 10px;
    border-radius: 8px;
    background-color: #dbf4ec;
    display: grid;
}

.estimated_desc {
    width: 100%;
    font-size: 1.1875rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.15;
    letter-spacing: normal;
    color: #47484e;
    white-space: nowrap;
}

.estimated_value {
    width: 100%;
    height: 30px;
    font-size: 32px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.71;
    letter-spacing: normal;
    color: #00c986;
    text-align: right;
}

.report_button {
    margin-top: 15px;
    width: 100%;
    height: 100px;
    padding: 17px 59px 19px 62px;
    border-radius: 14px;
    background-color: #34b5c5;
    font-size: 19px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fcfcfc;
}

@media(min-width: 1080px) {
    .estimated_div {
        width: 716px;
        padding: 37px 80px 36px 33px;
        margin-top: 0;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .estimated_desc {
        width: 603px;
        height: 30px;
        font-size: 26px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.15;
        letter-spacing: normal;
        color: #47484e;
    }

    .estimated_value {
        width: 603px;
        height: 30px;
        font-size: 42px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.71;
        letter-spacing: normal;
        color: #00c986;
    }

    .report_button {
        margin-top: 0;
        width: 270px;
        height: 100px;
        padding: 17px 59px 19px 62px;
        border-radius: 14px;
        background-color: #34b5c5;
        font-size: 19px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #fcfcfc;
    }
}

.report_button:hover {
    background-color: #2899A7;
}

.common_button {
    width: 259px;
    height: 59px;
    padding: 17px 59px 19px 62px;
    border-radius: 14px;
    background-color: #34b5c5;
    font-size: 19px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fcfcfc;
}

    .common_button:hover {
        background-color: #2899A7;
    }

.sample_button {
    width: 254px;
    height: 29px;
    margin-top: 7px;
    padding: 5px 39px 5px 32px;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-decoration: underline;
    color: #878990;
}

    .sample_button:hover {
        font-weight: bold;
    }

.content {
    width: 100%;
    display: box;
    align-items: center; /* 세로 중앙 정렬 */
}

@media(min-width: 1080px) {
    .content {
        justify-content: space-between;
        display: flex;
        align-items: center; /* 세로 중앙 정렬 */
    }
}

.left {
    content: "";
    width: 100%;
}

@media(min-width: 1080px) {
    .left {
        content: "";
        max-height: unset
    }
}

.right {
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media(min-width: 1080px) {
    .right {
        width: 254px;
        margin-top: 0;
    }
}

.search_results {
    width: 88px;
    height: 15px;
    font-size: 13px;
    font-weight: 500;
    color: #6b6d71;
}

.search_result_list {
    border-radius: 8px;
    border: solid 1px #ebeced;
    background-color: #fff;
    overflow: hidden;
}

    .search_result_list .search_result_item:last-child {
        border-bottom: none;
    }

.search_result_item {
    color: #313336;
    padding: 10px 10px 10px 20px;
    font-size: 16px;
    height: 40px;
    border-bottom: solid 1px #ebeced;
    width: 100%;
    cursor: pointer;
}

    .search_result_item:hover {
        font-weight: bold;
    }

    .search_result_item:nth-child(odd) {
        background-color: #fff;
    }

    .search_result_item:nth-child(even) {
        background-color: #f5f5f6;
    }

.contact_subtitle {
    text-align: center;
    margin-top: 120px;
    font-weight: bold;
    font-size: 16px;
    color: #313336;
}

.contact_desc {
    text-align: center;
    margin-top: 50px;
    font-size: 16px;
    color: #313336;
}


.contact_content {
    width: 100%;
    display: box;
    align-items: center;
    text-align: right;
}

    .contact_content .bx_input {
        text-align: left;
    }

    .contact_content input {
        margin: 10px 0;
    }

    .contact_content .left {
        padding-right: 0;
        content: "";
        width: 100%;
    }

    .contact_content .right {
        padding-left: 0;
        content: "";
        width: 100%;
    }

@media(min-width: 1080px) {
    .contact_content .left {
        max-height: unset
    }
}

@media(min-width: 1080px) {
    .contact_content .right {
        max-height: unset
    }
}


@media(min-width: 1080px) {
    .contact_content {
        width: 1004px;
        display: flex;
        align-items: center;
        text-align: right;
    }

        .contact_content .bx_input {
            text-align: left;
        }

        .contact_content .bx_input {
            text-align: left;
        }


        .contact_content input {
            margin: 10px 0;
        }

        .contact_content .left {
            padding-right: 10px;
            content: "";
            width: 100%;
        }

        .contact_content .right {
            padding-left: 10px;
            content: "";
            width: 100%;
        }

    @media(min-width: 1080px) {
        .contact_content .left {
            max-height: unset
        }
    }

    @media(min-width: 1080px) {
        .contact_content .right {
            max-height: unset
        }
    }
}

.title_bold {
    font-weight: bold;
}

.title_notes {
    margin: 10px 0;
    font-weight: bold;
    text-align: left;
}

.button_div {
    display: flex;
}

    .button_div .center {
        margin: 0 auto;
    }

.progress_area {
    text-align: center;
    position: fixed;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background: url("../img/ui-loading-ajax.gif") no-repeat 50% 50%;
}

.progress_hide {
    display: none;
}

@media(min-width: 1080px) {
    .bx_search .btn_search {
        left: auto;
        right: 5px;
    }
}


.area_management {
}

    .area_management h2 {
        text-align: center;
    }

    .area_management .content .tbl {
        text-align: center;
        border: 1px solid black;
    }

        .area_management .content .tbl th {
            font-weight: 500;
            font-size: 16px;
            text-align: center;
            padding: 10px 10px;
            border: 1px solid black;
        }


.container .area_contact {
    font-size: 16px;
    color: #313336;
    display: flex;
    align-items: center; /* 세로 중앙 정렬 */
}

    .container .area_contact h2 {
        margin-top: 15px;
        text-align: center;
    }

    .container .area_contact .inner {
        max-width: 1280px;
        width: 100%;
        margin: 0;
        padding: 32px 6.6666666667%
    }

@media(min-width: 1080px) {
    .container .area_contact h2 {
        margin-top: 100px;
        text-align: center;
    }

    .container .area_contact .inner {
        padding: 0;
        margin: 0 auto;
        max-width: 1004px
    }
}

.area_top {
    margin-top: 0
}
    .area_top .inner {
        padding-bottom: 0;
        width: 100%;
    }
    .area_top h1 {
        text-align: center;
        margin-bottom: 25px;
    }
    .area_top h2 {
        margin-bottom: 15.5px;
    }

@media(min-width: 1080px) {
    .area_top {
        margin-top: 50px;
    }

        .area_top h1 {
            margin-bottom: 70px
        }

        .area_top .inner {
            max-width: 1004px;
        }
}

.div_search {
    margin: auto;
    width: 100%;
}
@media(min-width: 1080px) {
    .div_search {
        margin: auto;
        width: 550px;
    }
}

.bx_search .btn_generate {
    content: "";
    display: block;
    position: relative;
    border-radius: 7px;
    background-color: #34b5c5;
    font-size: 13px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fcfcfc;
    padding: 5px 5px;
    height: 40px;
    width: 100%;
    margin-left: auto;
    margin-right: 0;
    top: 15%;
    left: auto;
    z-index: 2
}

    .bx_search .btn_generate:hover {
        background-color: #2899A7;
    }

@media(min-width: 1080px) {
    .bx_search .btn_generate {
        content: "";
        display: block;
        position: absolute;
        font-size: 13px;
        padding: 5px 5px;
        height: 28px;
        width: 130px;
        top: 15%;
        left: auto;
        right: 5px;
    }
}