/* mainV :S */
/*.mainV {
    margin-top: 70px;
}*/


.swiper-container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow-x: hidden;
	height: 700px;
}
.swiper-wrapper {}
.swiper-slide {
    position: relative;
    height: 840px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.swiper-slide .f46 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 250px;
    line-height: 65px;
    text-align: right;
}
.swiper-slide .f46::before {
    content: "";
    position: absolute;
    right: 0;
    width: 80px;
    height: 3px;
	bottom:-10px;
    background: #0d8be8;
}
.slide1 {
    background-image: url(../img/slide01.jpg);
}
.slide2 {
    background-image: url(../img/slide02.jpg);
}
.slide3 {
    background-image: url(../img/slide03.jpg);
}

.page_btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    opacity: .5;
}
.page_btn:hover {
    opacity: 1;
}
.swiper-button-prev {
    left: 150px;
    background-image: url(../img/mainV_left.png);
}
.swiper-button-next {
    right: 150px;
    background-image: url(../img/mainV_right.png);
}
.swiper-button-prev::after,
.swiper-button-next::after {
    display: none;
}
.swiper-pagination {
    position: absolute;
    bottom: 32% !important;
    left: inherit !important;
    right: 250px;
    width: auto !important;
}
.swiper-pagination-bullet {
    background-color: #fff !important;
    transition: all 0.3s;
}
.swiper-pagination-bullet-active {
    width: 40px !important;
    border-radius: 30px !important;
    background-color: #0d8be8 !important;
}
/* mainV :e */


/* counsel :s */
.counsel {
    display: flex;
    gap: 90px;
}
/* counsel_apply :s */
.counsel_apply {
    position: relative;
    width: 47%;
    height: 100%;
    margin-top: -120px;
    padding: 60px 40px 60px;
    background-color: #0d8be8;
    border-radius: 10px;
    z-index: 1;
}
.counsel_apply .title {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
}
.counsel_apply .title img {
	object-fit: contain;
}
.counsel_apply .title .f30 {}

.counsel_apply form {}
.counsel_apply .inputbox {
    position: relative;
    width: 100%;
}
.counsel_apply .inputbox input {
    padding: 15px 20px;
    border: none;
    outline: none;
    width: 100%;
    margin-bottom: 15px;
    background: #2ba7ff;
    border-radius: 7px;
    color: #fff;
    /* border: 1px solid rgba(255,255,255,0.25); */
}
.counsel_apply .inputbox input::placeholder {
    font-weight: 500;
    color: #fff;
    font-size: 16px;
}
.counsel_apply .input_text {
    position: absolute;
    left: 0;
    padding: 15px 20px;
    pointer-events: none;
    font-size: 1em;
    transition: all 0.5s;
    text-transform: uppercase;
    color: rgba(255,255,255,0.25);
    letter-spacing: 0.1em;
    opacity: 0;
}
.counsel_apply input {
    font-size: 16px;
}
.counsel_apply input:focus ~ .input_text,
.counsel_apply input:valid ~ .input_text {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    transform: translateX(10px) translateY(-12px);
    padding: 4px 7px 3px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 5px;
    opacity: 1;
}

.counsel_apply select {
    width: 100%;
    padding: 15px 20px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url("../img/btn_white.png"), #2ba7ff;
    background-repeat: no-repeat;
    background-position: 95% center;
    background-size: 3%;
    border: none;
    border-radius: 7px;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}
.counsel_apply option {
    background-color: #fff;
	color:#000;
}

.counsel_apply input#agree {
    margin-top: 25px;
    cursor: pointer;
}
.counsel_apply label {
    margin-left: 5px;
    cursor: pointer;
	vertical-align: bottom;
}

.counsel_apply button.f18 {
    display: block;
    width: 100%;
    margin-top: 35px;
    padding: 14px;
    background: #fff;
    border-radius: 7px;
    cursor: pointer;
	border:0px;
}
/* counsel_apply :e */

/* counsel_live :s */
.counsel_live {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 52%;
    margin-top: 40px;
}
.counsel_live .title {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
.counsel_live .title img {
    width: 110px;
} 
.counsel_live .title .f28 {
    margin-left: 20px;
    line-height: 3rem;
}
.counsel_live .title .f28 span {
    color: #0d8be8 !important;
}

.counsel_live .lists_wrap {
    width: 100%;
}
.counsel_live .list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 20px 0;
    border-bottom: 1px solid #ededed;
}
.counsel_live .list:first-child {
    border-top: 1px solid #ededed;
}
.counsel_live .condi {
    width: 11%;
    padding: 5px 10px;
    background: #fafafa;
}
.counsel_live .post_title {
    width: 60%;
	font-size: 16px;
}
.counsel_live .post_title span {
    color: #FF5959;
}
.counsel_live .date {
    width: 20%;
    text-align: right;
    color: #cfcfcf;
}
/* counsel_live :e */
/* counsel :e */


/* service_cards :s */
.service_cards {
    display: flex;
    justify-content: space-between;
    margin-top: 100px !important;
}
.service_card {
    display: flex;
    gap: 40px;
    justify-content: space-between;
    width: 49%;
    padding: 40px 50px;
    border-radius: 10px;
    word-break: keep-all;
	align-items: center;
}
.service_card img {
    width: 100px;
    height: 100px;
    object-fit: contain;
}

.service_card .text_area {}
.service_card .f28 {
    display: block;
    margin-bottom: 15px;
}
.service_card .f20 {}
.service_card .arr_icon {
    display: block;
    width: 16px;
    height: 16px;
    margin-top: 20px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

.free_counsel {
    background: #FFC001;
}
.service_card.free_counsel img {}
.free_counsel .arr_icon {
    background-image: url(../img/arr_black.png);
}

.qna {
    background: #0d8be8;
}
.service_card.qna img {}
.qna .arr_icon {
    background-image: url(../img/arr_white.png);
}
/* service_cards :e */


/* main_service :s */
.main_service {
    margin-top: 80px;
    padding: 80px 0 90px;
    background: #EFF8FE;
}

.ms_cards_wrap {
    display: flex;
    justify-content: space-between;
}
.ms_card {
    position: relative;
    width: 49%;
    height: 360px;
    padding: 50px;
    background: #fff;
    border-radius: 20px;
}
.ms_card .f30 {
    margin-bottom: 20px;
}
.ms_card .f20 {
    color: #999;
}
.ms_card a {
    position: absolute;
    bottom: 70px;
    left: 50px;
    padding: 12px 34px 13px;
    color: #0d8be8;
    background: #EFF8FE;
    border-radius: 60px;
}
.card_img {
    position: absolute;
    bottom: 50px;
    right: 50px;
    width: 112px;
    height: 112px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.ms_card.regist .card_img {
    background-image: url("../img/shop_icon.png");
}
.ms_card.analyze .card_img {
    background-image: url("../img/analaze_icon.png");
}
/* ms_cards_wrap */

.ms_box {
    display: flex;
    justify-content: space-between;
	align-items: center;
    margin-top: 50px !important;
    padding: 40px;
    padding-right: 80px;
    background: #fff;
    border-radius: 20px;
	text-align: center;
}
.ms_box .msee {
    display: none;
}
.ms_box .f30 {}
.ms_box .f30 span {
    color: #0070E4;
}

.mswrap {
	display:flex;
	gap: 30px;
	width: 100%;
	margin-top: 30px;
    justify-content: space-evenly;
}

@media (min-width:240px) and (max-width:768px) {

.mswrap {
	display:flex;
	gap: 30px;
	width: 100%;
	margin-top: 30px;
	align-items: center;
	flex-wrap: wrap;
}

}

.mswrap li {}
.mswrap li a {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.mswrap li .icon_img {
    width: 100%;
    height: 60px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}
.mswrap li:nth-child(1) .icon_img {
    background-image: url('../img/ms_01.png');
}
.mswrap li:nth-child(2) .icon_img {
    background-image: url('../img/ms_02.png');
}
.mswrap li:nth-child(3) .icon_img {
    background-image: url('../img/ms_03.png');
}
.mswrap li:nth-child(4) .icon_img {
    background-image: url('../img/ms_04.png');
}
.mswrap li:nth-child(5) .icon_img {
    background-image: url('../img/ms_05.png');
}
.mswrap .f18 {
    margin-top: 20px;
}
/* ms_box */
/* main_service :e */



/* congrat :s */
.congrat {
    position: relative;
    width: 100%;
    height: 280px;
    margin: 100px auto !important;
    background-image: url("../img/congra.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 10px;
}
.blue_filter {
    width: 100%;
    height: 100%;
    background-color: #0070E4;
    opacity: .75;
    /*border-radius: 10px;*/
}
.congrat .text_box {
    position: absolute;
    top: 70px;
    left: 60px;
}
.congrat .f34 {
    margin-bottom: 40px;
}
.congrat .f34 span {
    color: #FFC001;
}
.congrat .f24 {}

.congrat .f18 {
    position: absolute;
    right: 70px;
    bottom: 60px;
    padding: 15px 30px 16px;
    border-radius: 60px;
    background-color: #fff;
}
.congrat .f18 span {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 10px;
    background-image: url("../img/btn_arr.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    text-indent: -9999px;
}
/* congrat :e */



/* access :s */
.access {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 80px !important;
}

.news {
    width: 52%;
}
.news .f34 {
    position: relative;
    margin-bottom: 25px;
}
.news .f34 span {
    color: #0d8be8;
}
.news .f34::before {
    content: "";
    display: block;
    position: absolute;
    top: -30px;
    left: 0;
    width: 30px;
    height: 3px;
    background-color: #0070E4;
}

.news_lists {}
.news_lists li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 0;
    border-bottom: 1px solid #ededed;
}
.news_lists li::before {
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #ededed;
}
.news_lists li .f18 {
    width: 87%;
    color: #666;
}
.news_lists li .f16 {
    color: #ddd;
}
/* news */

.quick_btn {
    display: flex;
    justify-content: space-between;
    width: 40%;
}
.btn_box {
    width: 47%;
    background: #fafafa;
    border-radius: 10px;
    padding: 40px 0;
}
.btn_box .f20{
    display: block;
    margin-top: 20px;
    text-align: center;
}

.quick_btn .img {
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
.customer_center .img {
    background-image: url("../img/center_icon.png");
}
.counsel_btn .img {
    background-image: url("../img/live_counsel.png");
}
/* quick_btn */
/* access :e */



/* cooperation :s */
.cooperation {
    padding: 80px;
    background: #EFF8FE;
}
.cooper_box {
    padding: 50px 50px 60px;
    background: #fff;
    border-radius: 5px;
}
.cooper_box .f34 {
    position: relative;
    text-align: center;
}
.cooper_box .f34::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -26px;
    left: 50%;
    transform: translateX(-50%);
    width: 62px;
    height: 3px;
    background: #EFF8FE;
}

.cooper_logos {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 30px;
    width: 100%;
    margin: 70px auto 0;
    padding: 0 120px;
}
.cooper_logos li {
    width: 70%;
    height: 52px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
.cooper_logos li:nth-child(1) {
    background-image: url("../img/c_logo01.png");
}
.cooper_logos li:nth-child(2) {
    background-image: url("../img/c_logo02.png");
}
.cooper_logos li:nth-child(3) {
    background-image: url("../img/c_logo03.png");
}
.cooper_logos li:nth-child(4) {
    background-image: url("../img/c_logo04.png");
}
.cooper_logos li:nth-child(5) {
    background-image: url("../img/c_logo05.png");
}
.cooper_logos li:nth-child(6) {
    background-image: url("../img/c_logo06.png");
}
.cooper_logos li:nth-child(7) {
    background-image: url("../img/c_logo07.png");
}
.cooper_logos li:nth-child(8) {
    background-image: url("../img/c_logo08.png");
}
.cooper_logos li:nth-child(9) {
    background-image: url("../img/c_logo09.png");
}
.cooper_logos li:nth-child(10) {
    background-image: url("../img/c_logo010.png");
}
.cooper_logos li:nth-child(11) {
    background-image: url("../img/c_logo011.png");
}
.cooper_logos li:nth-child(12) {
    background-image: url("../img/c_logo012.png");
}
.cooper_logos li:nth-child(13) {
    background-image: url("../img/c_logo013.png");
}
.cooper_logos li:nth-child(14) {
    background-image: url("../img/c_logo014.png");
}
.cooper_logos li:nth-child(15) {
    background-image: url("../img/c_logo015.png");
}
.cooper_logos li:nth-child(16) {
    background-image: url("../img/c_logo016.png");
}
.cooper_logos li:nth-child(17) {
    background-image: url("../img/c_logo017.png");
}
.cooper_logos li:nth-child(18) {
    background-image: url("../img/c_logo018.png");
}
.cooper_logos li img {
    text-align: center;
}
/* cooperation :e */