@charset "UTF-8";
@import url(./keyframes.css);
a:focus,a:hover{text-decoration:none;}
.p-l-0{padding-left:0!important;}
.p-l-5{padding-left:5px!important;}
.p-l-10{padding-left:10px!important;}
.p-l-15{padding-left:15px!important;}
.p-l-20{padding-left:20px!important;}
.p-l-25{padding-left:25px!important;}
.p-l-30{padding-left:30px!important;}
.p-r-0{padding-right:0!important;}
.p-r-5{padding-right:5px!important;}
.p-r-10{padding-right:10px!important;}
.p-r-15{padding-right:15px!important;}
.p-r-20{padding-right:20px!important;}
.p-r-25{padding-right:25px!important;}
.p-r-30{padding-right:30px!important;}
.p-t-0{padding-top:0!important;}
.p-t-5{padding-top:5px!important;}
.p-t-10{padding-top:10px!important;}
.p-t-15{padding-top:15px!important;}
.p-t-20{padding-top:20px!important;}
.p-t-25{padding-top:25px!important;}
.p-t-30{padding-top:30px!important;}
.p-b-0{padding-bottom:0!important;}
.p-b-5{padding-bottom:5px!important;}
.p-b-10{padding-bottom:10px!important;}
.p-b-15{padding-bottom:15px!important;}
.p-b-20{padding-bottom:20px!important;}
.p-b-25{padding-bottom:25px!important;}
.p-b-30{padding-bottom:30px!important;}
.m-l-0{margin-left:0!important;}
.m-l-5{margin-left:5px!important;}
.m-l-10{margin-left:10px!important;}
.m-l-15{margin-left:15px!important;}
.m-l-20{margin-left:20px!important;}
.m-l-25{margin-left:25px!important;}
.m-l-30{margin-left:30px!important;}
.m-r-0{margin-right:0!important;}
.m-r-5{margin-right:5px!important;}
.m-r-10{margin-right:10px!important;}
.m-r-15{margin-right:15px!important;}
.m-r-20{margin-right:20px!important;}
.m-r-25{margin-right:25px!important;}
.m-r-30{margin-right:30px!important;}
.m-t-0{margin-top:0!important;}
.m-t-5{margin-top:5px!important;}
.m-t-10{margin-top:10px!important;}
.m-t-15{margin-top:15px!important;}
.m-t-20{margin-top:20px!important;}
.m-t-25{margin-top:25px!important;}
.m-t-30{margin-top:30px!important;}
.m-b-0{margin-bottom:0!important;}
.m-b-5{margin-bottom:5px!important;}
.m-b-10{margin-bottom:10px!important;}
.m-b-15{margin-bottom:15px!important;}
.m-b-20{margin-bottom:20px!important;}
.m-b-25{margin-bottom:25px!important;}
.m-b-30{margin-bottom:30px!important;}
.label-processing{background-color: #ff5862;}
.label-default{background-color: #b2bcc8;}
.label-primary{background-color: #6a82ec;}
.label-warning{background-color: #ffc850;}
.fw-100{font-weight:100!important;}
.fw-200{font-weight:200!important;}
.fw-300{font-weight:300!important;}
.fw-400{font-weight:400!important;}
.fw-500{font-weight:500!important;}
.fw-600{font-weight:600!important;}
.text-danger{color:#ff5862;}
.text-line-restrict{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
	word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.text-1-line{-webkit-line-clamp: 1;}
.text-2-line{-webkit-line-clamp: 2;}
.text-3-line{-webkit-line-clamp: 3;}
.text-4-line{-webkit-line-clamp: 4;}
.text-5-line{-webkit-line-clamp: 5;}
.text-6-line{-webkit-line-clamp: 6;}
.text-7-line{-webkit-line-clamp: 7;}
.text-8-line{-webkit-line-clamp: 8;}
.text-9-line{-webkit-line-clamp: 9;}
.text-10-line{-webkit-line-clamp: 10;}
.swiper-container{overflow:hidden;}
.swiper-container a:hover{color:inherit !important;}
.main-header{
	margin: 0 auto;
    position: fixed;
    height: 75px;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 92;
}
.main-header > .header {
	position: relative;
    margin: 0 auto;
    display: grid;
    grid-template-rows: 100%;
    grid-template-columns: 15% auto 180px;
    align-items: center;
}
.main-header > .header nav a{
	color:#fff;
}
.main-header > .header nav a:hover{
	color:#fff;
}
.main-header > .header nav .active a{
	border-bottom: 2.5px solid #fff;
    padding-bottom: 3px;
    font-weight: 600;
}
.main-header > .header nav > ol{
	display:inline-flex;
	align-items: center;
}
.main-header > .header nav > ol > li{
	margin-right: 70px;
    font-size: 20px;
}
.main-header > div{
	max-width: 1280px;
	height:100%;
}
.main-header .header-close-btn{
	display:none;
}
.main-header.blk > .header .logo{
	background-image: url(../image/pc-header-logo.png);
}
.main-header.blk > .header nav a{
	color:#000000;
}
.main-header.blk > .header nav a:hover{
	color:#000000;
}
.main-header.blk > .header nav .active a{
	border-bottom: 2.5px solid #000000;
}
.main-header.blk > .header .header-right-move-btn{
	border:none;
	background-image: linear-gradient(256deg, #8094ff 30%, #ff5862);
}
.main-header.border-bottom-line {
	border-bottom: 1px solid #dde1e6;
}
.main-header.push-bottom{
	background:#fff;
	z-index: 101;
}
.main-header-spacer{
    height: 75px;
    width: 100%;
    position: relative;
    display: block;
    background: transparent;
}
.top-vod-banner-container{
	position: relative;
    width: 100%;
    height: 100vh;
    z-index: 2;
}
.top-vod-banner-container .vod{
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.top-vod-banner-container .main-title-area{
	position: absolute;
    width: 40%;
    min-width: 700px;
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.top-vod-banner-container .main-title-area .msg-wrapper{
	position: relative;
    width: 100%;
    height: 100%;
    padding-bottom: 75%;
}
.top-vod-banner-container .main-title-area .msg-wrapper .msg-1 img{
	width:40%;
	min-width: 180px;
	max-width: 280px;
}
.top-vod-banner-container .main-title-area .angle-bottom-lottie{
	width: 10%;
    margin: 0 auto;
	max-width: 100px;
}
.top-vod-banner-container .main-title-area .anim-msg{
	transition: all .5s ease-in-out;
	position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
}
.top-vod-banner-container .main-title-area .anim-msg.visible{
	transition: all .5s ease-in-out;
}
.top-vod-banner-container .main-title-area .anim-msg .sub-msg{
	opacity:0;
	transition: all .5s ease-in-out;
	color:#fff;
	font-size:36px;
}
.top-vod-banner-container .main-title-area .anim-msg .sub-msg.visible{
	opacity:1;
	transition: all .5s ease-in-out;
}
.main-banner-wrap{
	width:100%;
	height:221px;
	margin:0 auto;
}
.main-banner-wrap.middle-banner{
	margin-top: 60px !important;
    margin-bottom: 60px !important;
}
.main-banner-container{
	width:100%;
	height:100%;
	position:relative;
}
.main-banner-container .banner{
	width:100%;
	height:100%;
	position:relative;
	background-image: url(/main/statics/image/bg/default-banner-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.b2b-banner .main-banner-container .banner{
	background-image: url(../image/bg/b2b-banner.png);
}
.main-banner-container .banner a{
	width: 100%;
    height: 100%;
    position: relative;
}
.main-banner-container .banner img{
	object-fit: cover;
    width: 100%;
    position: relative;
    display: block;
    max-width: 100%;
    min-width: 100%;
    max-height: 100%;
    min-height: 100%;
}
.middle-banner .main-banner-container{
	padding:0 15px;
}
.middle-banner .main-banner-container .banner img{
	border-radius: 7px;
}
.main-contents > div{
	position:relative;
	width:100%;
	max-width: 1280px;
	margin: 0 auto;
}
.main-header .header .right-btn-area{
	justify-self:center;
}
.main-header .header .header-right-move-btn{
	padding: 7px 25px;
    color: #fff;
	border: 1px solid #fff;
    letter-spacing: 0.05em;
	position: absolute;
    right: 0;
    top: 20px;
    border-radius: 7px;
    width: 176px;
    height: 35px;
    background: transparent;
    vertical-align: middle;
    text-align: center;
    margin: 0 auto;
    font-weight: 600;
    font-size: 12px;
    transition: .2s;
    display: flex;
    align-self: center;
    justify-content: center;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
}
.author-page-move-btn:hover, .author-page-move-btn:focus{
	color:#fff;
} 
.h-2-box-panel{
	display: grid;
    height: 291px;
    grid-template-rows: 100%;
    grid-template-columns: 50% 50%;
    text-align:center;
	margin-top: 40px !important;
}
.h-2-box-panel > div{
	width:100%;
	height:100%;
	position: relative;
    display: grid;
    place-content: center;
    grid-template-columns: 100%;
}
.h-2-box-panel > div:nth-child(1){
	border-right:.5px solid #979797;
}
.appstore-btn-list-area{
	height: 43px;
    width: 50%;
    margin: 0 auto;
    display: grid;
    grid-template-rows: 100%;
    grid-template-columns: 50% 50%;
}
.appstore-btn-list-area > a.btn{
	width: 90%;
    height: 100%;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
    border: .5px solid #979797;
    border-radius: 10px;
}
.appstore-btn-list-area .ios-btn{
	background-image: url(../image/icon/ios-store-btn.png);
}
.appstore-btn-list-area .aos-btn{
	background-image: url(../image/icon/aos-store-btn.png);
}
.main-wrapper-child-1 h1{
	margin-bottom: 20px;
	font-weight: 700;
}
.class-open-page-move-area{
	height: 43px;
    width: 35%;
    margin: 0 auto;
    display: grid;
    grid-template-rows: 100%;
    grid-template-columns: 100%;
    align-items: center;
}
.class-open-page-move-area .class-open-page-move-btn{
	width: 100%;
    height: 100%;
    position: relative;
    margin: 0 auto;
    border: .5px solid #ff5862;
    color:#ff5862;
    border-radius: 10px;
    padding: 10px 10px;
	font-weight: 700;
}
.list-type-1 ul li{
	cursor:pointer;
	width: 20%;
	padding: 0 25px 30px;
}
span.badge.badge-purple {
    background-color: #6a82ec;
    border: 0.3px solid #6a82ec;
}
span.badge.badge-red {
    background-color: #ff5862;
    border: 0.3px solid #ff5862;
}
span.badge.badge-round {
    border-radius: 5px;
}
span.badge{
	padding: 4px 6px;
}
.list-type-1 .list-discount {
    font-size: 12px;
    color: #a8a8a8;
    margin-right: 3px;
    display: inline-block;
}
.list-type-1 .list-discount .base-price {
    color: #a8a8a8;
    font-weight: normal;
    text-decoration: line-through;
}
.list-type-1 .list-min-price .min-price {
    font-weight: bold;
    color: #212121;
}
.horizontal-swipe-list-area{
	padding: 0 25px;
}
.horizontal-swipe-list-area .swiper-slide {
    width: 147px;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;
    background-position: center center;
    background-size: 100%;
    margin-right: 10px;
    -ms-overflow-style: none;
    scrollbar-width: none;
    cursor: pointer;
}
.horizontal-swipe-list-area .img {
	position:relative;
    width: 100%;
    height: 168px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 2px;
    border-radius: 4px;
}
.horizontal-swipe-list-area .nav-btn,
.detail-title-img .nav-btn{
	width: 46px;
    height: 46px;
    background-color: #ffffff;
    opacity:.9;
    border-radius: 50%;
    font-size: 30px;
    color: #212121;
    box-shadow: 0 2px 4px 0 rgba(202, 202, 202, 0.5);
    top: 30%;
}
.detail-title-img .nav-btn{
	top:50%;
}
.horizontal-swipe-list-area .nav-btn.swiper-button-disabled,
.detail-title-img .nav-btn.swiper-button-disabled{
	opacity:.15;
}
.horizontal-swipe-list-area .swiper-button-next,
.detail-title-img .swiper-button-next{
	right:10px;
}
.horizontal-swipe-list-area .swiper-button-prev,
.detail-title-img .swiper-button-prev{
	left:10px;
}
.horizontal-swipe-list-area .swiper-button-next:after,
.detail-title-img .swiper-button-next:after{
	content: " ";
}
.horizontal-swipe-list-area .swiper-button-prev:after,
.detail-title-img .swiper-button-prev:after{
	content: " ";
}
.horizontal-swipe-list-area .loc {
    position: absolute;
    bottom: 3px;
    left: 0;
    color: #fff;
    padding: 2px 6px;
}
.horizontal-swipe-list-area .txt-area {
    padding: 1px 1px 1px 2px;
}
.horizontal-swipe-list-area .txt-area .course {
    font-weight: 600;
    font-size: 12px;
}
.horizontal-swipe-list-area .swiper-slide .title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 29px;
    font-size: 13px;
    line-height: 14px;
}
.horizontal-swipe-list-area .swiper-slide .price {
    font-size: 14px;
    position: relative;
	margin-top: 10px;
	padding: 1px;
}
.horizontal-swipe-list-area .swiper-slide .price .discount-rate {
    font-size: 11px;
    color: #a8a8a8;
    margin-right: 3px;
    display: inline-block;
}
.horizontal-swipe-list-area .swiper-slide .price .base-price {
    font-size: 11px;
    color: #a8a8a8;
    text-decoration: line-through;
    display: inline-block;
}
.horizontal-swipe-list-area .swiper-slide .price .cost {
    position: relative;
    font-weight: bold;
    display: block;
	margin-bottom: 5px;
}
.rolling-ranking-container{
	padding-top: 85px;
}
.rolling-ranking-container .rank-chart{
	display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 100%;
    height: 570px;
}
.rolling-ranking-container .rank-chart > div{
	padding: 15px 15px;
}
.rolling-ranking-container .rank-header-title{
	height:20px;
}
.rolling-ranking-container .rank-header-title > span{
	padding: 5px 12px;
    border-radius: 20px;
    font-size: 16px;
    font-weight:700;
}
.rolling-ranking-container .best .rank-header-title > span{
	border: 1px solid #ff5862;
	color:#ff5862;
}
.rolling-ranking-container .latest .rank-header-title > span{
	border: 1px solid #f7b500;
	color:#f7b500;
}
.hide{
	display:none !important;
}
.rolling-ranking-container .rank-list ul li {
    display: grid;
    grid-template-columns: 30px auto;
    align-items: center;
    grid-template-rows: 100%;
    margin: 30px 0;
    padding: 0px 15px;
    cursor: pointer;
}
.rolling-ranking-container .rank-list ul li.active{
	padding: 15px 15px;
    border-radius: 10px;
    transition: cubic-bezier(0.65, 0.05, 0.36, 1) 300ms;
    transform-style: preserve-3d;
    color:#ffffff;
}
.rolling-ranking-container .best .rank-list li:nth-child(1) .ranking{
	color:#ff5862;
}
.rolling-ranking-container .best .rank-list li:nth-child(2) .ranking{
	color:#ff5862;
}
.rolling-ranking-container .best .rank-list li:nth-child(3) .ranking{
	color:#ff5862;
}
.rolling-ranking-container .latest .rank-list li:nth-child(1) .ranking{
	color:#f7b500;
}
.rolling-ranking-container .latest .rank-list li:nth-child(2) .ranking{
	color:#f7b500;
}
.rolling-ranking-container .latest .rank-list li:nth-child(3) .ranking{
	color:#f7b500;
}
.rolling-ranking-container .rank-list ul li:not(.active) .class-card .img
, .rolling-ranking-container .rank-list ul li:not(.active) .class-card .discount-rate
, .rolling-ranking-container .rank-list ul li:not(.active) .class-card .price
, .rolling-ranking-container .rank-list ul li:not(.active) .class-card .badge-area{
	display:none;
}
.rolling-ranking-container .rank-list ul li:not(.active) .class-card .class-title{
	word-break: keep-all;
    color: #252525;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.rolling-ranking-container .rank-list ul li .ranking{
	color: #d8d8d8;
    font-weight: 600;
    font-size: 18px;
}
.rolling-ranking-container .rank-list ul li.active .ranking{
	color:#ffffff !important;
}
.rolling-ranking-container .best .rank-list ul li.active{
	background-color:#ff5862;
}
.rolling-ranking-container .latest .rank-list ul li.active{
	background-color:#f7b500;
}
.rolling-ranking-container .rank-list ul li.active .class-card{
	display: grid;
    grid-template-rows: 100%;
    grid-template-columns: 98px auto;
    align-items: center;
	width: 100%;
    height: 85px;
    color:#ffffff;
}
.rolling-ranking-container .rank-list ul li.active .class-card .img{
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
	border-radius: 6px;
}
.rolling-ranking-container .rank-list ul li.active .class-card .class-info-txt-area{
	padding-left: 15px;
	color:#ffffff;
	font-size: 15px;
}
.rolling-ranking-container .rank-list ul li.active .class-card .class-info-txt-area .class-title{
	font-size:16px;
	font-weight:700;
	word-break: keep-all;
    color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.rolling-ranking-container .rank-list ul li.active .class-card .class-info-txt-area .discount-rate{
	margin-right:10px;
}
.rolling-ranking-container .rank-list ul li.active .class-card .class-info-txt-area .badge-area{
	margin-top:15px;
}
.rolling-ranking-container .rank-list ul li.active .class-card .class-info-txt-area .badge-area .badge{
	color:#ffffff;
	background:transparent;
	border: .3px solid #fff;
    border-radius: 5px;
}
.rolling-ranking-container .right-arrow-btn {
    position: absolute;
    right: 20px;
    bottom: 14px;
    width: 18px;
    height: 18px;
    background-image: url(../image/icon/right-arrow-btn.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.badge-only-somssidang{background-image: linear-gradient(253deg, #8094ff, #ff5862 75%);padding:5px 6px !important;}
.horizontal-swipe-list-area .txt-area .limit-event {
    color: #8094ff;
	font-size: 12px;
}
.badge.badge-gray {
    padding: 3px 6px;
    color: #a8a8a8;
    border: .3px solid #a8a8a8;
    background-color: transparent;
}
.store .badge.coupon-badge{
	color: #6a82ec;
    border: 0.3px solid #6a82ec;
}
.main-footer{
	padding-top: 50px;
	padding-bottom:15px;
	min-width: 768px;
}
.main-footer > div{
	width:100%;
	height:100%;
	position:relative;
}
.main-footer > div:first-child{
	background-color: #f0f0f0;
}
.main-footer .contents {
	max-width: 1280px;
    min-width: 768px;
    height: 100%;
}
.main-footer .footer-info {
	padding: 38px 0;
	padding-left: 240px;
	position:relative;
	background-image: url(../image/icon/pc-footer-sssd-logo.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 212px auto;
}
.main-footer .box {
	padding: 2px 0;
	display: flex;
}
.main-footer .box p {
	font-size: 12px;
	color: #555555;
	font-weight: bold;
}
.main-footer .box p:before {
	width: 1px;
	height: 13px;
	content: "";
	display: inline-block;
	background: #999fa7;
	margin: -2px 8px 0;
	vertical-align: middle;
}
.main-footer .box p span {
	color: #555555;
	font-weight: normal;
}
.main-footer .box p a {
	color: #9ea4ac;
	text-decoration: underline;
}
.main-footer .box p:nth-of-type(1):before {
	display: none;
}
.main-footer a, .main-footer button, .main-footer span{
	color: #555555;
}
.main-footer a:hover{
	text-decoration: none;
}
.main-footer .copyright {
	position: absolute;
	right: 0;
	bottom: 38px;
	color: #555555;
	font-size: 12px;
}
.main-footer .cs-info{
	height:70px;
}
.main-footer .cs-info .contents{
	display: grid;
    grid-template-rows: 100%;
    grid-template-columns: 60% auto;
}
.main-footer .cs-info .contents > ul{
	display: grid;
    grid-template-rows: 100%;
    grid-template-columns: 25% 25% 20% 30%;
    align-items: center;
    justify-items: flex-start;
}
.main-footer .cs-info .contents > div{
	display: grid;
    grid-template-rows: 100%;
    grid-template-columns: 80% 10% 10%;
    align-items: center;
    justify-items: flex-end;
}
.main-footer .cs-info .ico{
	width: 32px;
    height: 32px;
    background-position: center;
    background-size: auto 19px;
    background-color: #d8d8d8;
    background-repeat: no-repeat;
    border-radius: 50%;
    cursor:pointer;
}
.main-footer .cs-info .ico a{
	overflow: hidden;
    line-height: 0;
    font-size: 0;
    text-indent: -1000px;
    width: 100%;
    height: 100%;
    display: block;
}
.main-footer .cs-info .ico-instagram{
	background-image:url(../image/icon/pc-insta-ico.svg);
}
.main-footer .cs-info .ico-naver-blog{
	background-image:url(../image/icon/pc-naver-ico.svg);
	background-size: auto 13px;
}
.main-footer .cs-info .dropdown-menu{
	top:-65px;
	left:-5px;
    width:207px;
}
.main-footer .dropdown-item a{
	font-size : 12px;
	color:#555555;
}
.modal > .modal-dialog{
	max-width:680px;
    margin: 0 auto;
    width: 90%;
}
.modal > .modal-dialog.sm{
	min-width:680px;
	max-width:780px;
}
.modal > .modal-dialog.xs{
	min-width: 365px;
	max-width: 482px;
}
.modal .modal-dialog .modal-content{
	width:100%;
	padding-bottom: 40px;
}
.modal.fade.center-scale .modal-header{
	border-bottom: none;
    padding-bottom: 0;
    padding: 25px 45px 5px 45px;
    position: relative;
    flex-direction: column;
    align-items: flex-start;
    min-height: 50px;
}
.modal.fade.center-scale .modal-header .close{
	font-size: 40px;
    font-weight: normal;
    color: #979797;
    margin-right: 0;
    opacity: .5;
}
.modal.fade.center-scale .modal-dialog {
    display: table;
    height: 100%;
}
.modal.fade.center-scale .modal-content-wrapper {
    display: table-cell;
    vertical-align: middle;
}
.modal.fade.center-scale .modal-body{
	padding-left: 45px;
    padding-right: 45px;
}
.modal-appdownload{
	/* padding-bottom:40px; */
}
.modal-appdownload .appstore-btn-list-area{
    height: 50px;
    width: 58%;
}
.author-progress-modal .author-progress{
	display: grid;
    grid-template-rows: 100%;
    grid-template-columns: 1fr .8fr 1fr .8fr 1fr;
    align-items: center;
    padding: 30px 70px;
    background-color: #fff7f1;
    position: relative;
    justify-items: center;
    text-align: center;
    border-radius: 9px;
    margin-bottom: 60px;
}
.author-progress-modal .author-progress .step > div:nth-child(1){
	display: grid;
    position: relative;
    border-radius: 50%;
    background-color: #ffe9ea;
    color: #ff5862;
    width: 56px;
    height: 56px;
    align-items: center;
    margin-bottom: 20px;
}
.author-progress-modal .author-progress .step > div:nth-child(1) > div{
	font-size: 17px;
    letter-spacing: .7px;
    font-weight: 700;
    line-height: 1.3;
}
.author-progress-modal .author-progress .step > div:nth-child(1) > div > span{
	font-size: 10px;
    display: block;
}
.author-progress-modal .author-progress .step > div:nth-child(2){
	line-height: 1.1;
	font-weight: 600;
}
.author-progress-modal .author-progress .arrow{
	position: relative;
    border: 0px solid rgba(0,0,0,0.25);
    margin: 0px 20px 15px 0px;
}
.author-progress-modal .author-progress .arrow > div{
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.author-progress-modal .author-progress .arrow-right{
	position: relative;
    height: 0px;
    width: 0px;
    border: 10px solid;
    border-color: #ffe9ea #ffe9ea transparent transparent;
    transform: rotate(45deg);
}
.author-progress-modal .author-progress .arrow-right:before{
	content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    height: 10px;
    width: 25px;
    background-color: #ffe9ea;
    transform: rotate(-45deg) translate(1px, 5px);
}
.author-progress-modal .modal-body ul li{
	font-size: 15px;
    color: #595959;
	margin: 13px 0;
}
.author-progress-modal .modal-body ul li strong{
	font-size: 19px;
    color: #ff5862;
    margin-right: 10px;
}
.author-progress-modal .modal-body ul li span{
	font-size: 12px;
	color: #ff5862;
}
.author-progress-modal .author-page-move-btn{
	position: relative;
    right: unset;
    top: unset;
}
i.sssd-ic-satisfied{
    display: inline-flex;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 100%;
    align-items: center;
}
i.sssd-ic-satisfied:before{
	content: " ";
    background-image: url(../image/icon/ic_class_satisfied.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 74px;
    height: 16px;
    background-size: contain;
    margin-right: 5px;
    border-radius: 3px;
}
i.sssd-ic-unsatisfied{
    display: inline-flex;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height:100%;
	align-items: center;
}
i.sssd-ic-unsatisfied:before{
	content: " ";
    background-image: url(../image/icon/ic_class_unsatisfied.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 74px;
    height: 16px;
    background-size: contain;
	margin-right: 5px;
	border-radius: 3px;
}
.list-loading {
	position: relative;
    width: 120px;
    height: 120px;
    background-image: url(../image/bg/loading_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: 998;
    margin: 30px auto;
}
.list-loading .loading-img{
	background-image: url(../image/bg/loading.gif);		    
    position: relative;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 auto;
    vertical-align: middle;
    text-align: center;
    padding: 40px;
    top: 20px;
}
.embed-responsive {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden;
}
.embed-responsive::before {
	display: block;
	content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
border: 0;
}
.embed-responsive.embed-responsive-16by9 {
	padding-bottom:56.25%
}
.embed-responsive.embed-responsive-4by3 {
    padding-bottom:75%
}
.embed-responsive-16by9::before {
	padding-top:56.25%;
}
.embed-responsive-4by3::before {
	padding-top:75%;
}
.b2b-banner{
	height:540px;
	z-index: 1;
}
.main-banner-wrap .banner-text-area{
	position: absolute;
    width: 100%;
    z-index: 2;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    min-width: unset;
    max-width: unset;
}
.main-banner-wrap .banner-text-area .wrapper{
	position: relative;
    width: 100%;
    max-width: 1280px;
    color: #fff;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
}
.b2b-root .header{
	/* position: fixed;
    width: 100%;
    height: 76px;
	z-index: 2;
	background-color: rgba(116, 176, 225, 0); */
}
.b2b-root .header .wrapper{
	position: relative;
    max-width: 1280px;
    min-width: 1280px;
    margin: 0 auto;
    height:100%;
}
.b2b-root .header .wrapper .logo, .welcome-host-root .header .wrapper .logo, .main-header .header .logo{
	display: block;
    text-indent: -3000em;
    overflow: hidden;
    width: 92px;
    height: 37px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../image/pc-header-logo-w.png);
    position:absolute;
    top:19px;
    left:12px;
}
.b2b-root .header .workshop-page-move-btn{
	color: #74b0e1;
    border: none;
    background: #fff;
}
.main-banner-wrap .banner-text-area .banner-title{
	display: block;
	color: #ffffff;
}
.main-banner-wrap .banner-text-area .banner-title strong{
	font-size: 40px;
}
.main-banner-wrap .banner-text-area .banner-title span{
	font-size: 20px;
}
.main-banner-wrap .banner-text-area .banner-right-btn-area{
	justify-self: right;
    place-self: flex-end;
}
.main-banner-wrap .banner-text-area .banner-right-btn-area .btn{
	border-radius: 6px;
    color: #252525;
    border: transparent;
    padding: 0 40px;
    height: 50px;
    background: #fff;
    text-align: center;
    margin: 0 auto;
    font-weight: 600;
    font-size: 16px;
}
.b2b-banner .banner-text-area .banner-right-btn-area .workshop-page-move-btn{
    color: #74b0e1;
}
.b2b-banner .workshop-page-move-btn:focus,.b2b-banner .workshop-page-move-btn:active{
    padding: 0;
}
.main-contents{
	margin:0 auto;
	position: relative;
}
.b2b-root .statistics-area{
	height: 327px;
    box-shadow: 0 2px 11px 0 rgb(168 168 168 / 50%);
    border-radius: 10px;
    top: -115px;
    z-index: 1;
    display: block;
    background: #fff;
    padding: 45px 50px;
    background-image: url(../image/icon/b2b-emoji-alert.png);
    background-repeat: no-repeat;
    background-size: 113px 63px;
    background-position-x: 94%;
    background-position-y: 60px;
    padding-top: 55px;
}
.b2b-root .statistics-area .statistics-title{
	font-size:30px;
}
.b2b-root .statistics-area .statistics-title .main-title{}
.b2b-root .statistics-area .statistics-title .main-title > span{
	color:#ff5862;
}
.b2b-root .statistics-area .statistics-title .sub-title{
	font-size: 20px;
}
.b2b-root .statistics-area .statistics-title .sub-title.mobile{
	display:none;
}
.b2b-root .statistics-area .columns{
	margin-top: 35px;
}
.b2b-root .statistics-area ul{
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.b2b-root .statistics-area ul > li{
	    align-items: center;
    padding: 0;
    position: relative;
    text-align: center;
    border-right: .5px solid #979797;
    width: 100%;
}
.b2b-root .statistics-area ul > li:last-child{
	border-right:none;
}
.b2b-root .statistics-area ul > li .numeric{
	color:#74b0e1;
	font-weight:700;
	font-size:35px;
	font-family:'NanumSquare Bold';
}
.b2b-root .statistics-area ul > li .item-title{
	color:#000000;
	font-size:14px;
}
.b2b-process-area{
	padding-bottom: 100px;
}
.b2b-process-area .process-main-title{
	font-size:30px;
	line-height: 1.3;
}
.b2b-process-area .process-main-title strong > span{
	color:#ff5862;
}
.b2b-process-area .process{
	display:grid;
	grid-template-rows: 1fr;
    grid-template-columns: 1fr 25px 1fr 25px 1fr 25px 1fr 25px 1fr; 
    align-items: center;
    text-align: center;
}
.b2b-process-area .process.mobile{display:none;}
.b2b-process-area .item{
	margin-top: 50px;
    margin-bottom: 80px;
    position: relative;
    display: block;
    width: 100%;
}
.b2b-process-area .item .title{
	font-size:25px;
	font-weight:500;
	margin-bottom:20px;
	font-family: 'NanumSquare Bold';
}
.b2b-process-area .liveclass .title{
	color:#74b0e1;
}
.b2b-process-area .onlineclass .title{
	color:#6fdac5;
}
.b2b-process-area .process .step .ico{
	padding:0 30px;
	margin-bottom: 10px;
}
.b2b-process-area .process .step .ico img{
	width:100%;
}
.b2b-process-area .process .next{
	height:100%;
	background-repeat: no-repeat;
    background-position: center;
	background-size: 100%;
    background-position-y: 33%;
}
.b2b-process-area .liveclass .process .next{
	background-image:url(../image/icon/liveclass-right-arrow.png);
}
.b2b-process-area .onlineclass .process .next{
	background-image:url(../image/icon/onlineclass-right-arrow.png);
}
.b2b-process-area .process .sub-title{
	font-size:16px;
	font-weight:600;
}
.b2b-process-area .process .description{
	color:#767676;
	line-height: 1.1;
	margin-top: 8px;
}
.b2b-process-area .liveclass .process .sub-title{
	color:#74b0e1;
}
.b2b-process-area .onlineclass .process .sub-title{
	color:#6fdac5;
}
.b2b-root .recommand-area{
	width:100%;
	background-color:#f4faff;
	position:relative;
	display:block;
	padding-bottom:100px;
}
.b2b-root .recommand-area > div{
	position: relative;
    max-width: 1280px;
    margin: 0 auto;
}
.b2b-root .recommand-area .main-title{
	padding-top: 70px;
}
.b2b-root .recommand-area .main-title.mobile{
	display:none;
}
.b2b-root .recommand-area .main-title strong{
	font-size:30px;
}
.b2b-root .recommand-area .main-title strong > span{
	color:#ff5862;
}
.b2b-root .recommand-area .main-title > span{
	font-size:20px;
	color:#545454;
}
.b2b-root .recommand-area .collection{
	 margin: 80px auto;
}
.b2b-root .recommand-area .collection .collection-title{
	font-size:22px;
	font-weight:700;
	margin-bottom: 15px;
}
.b2b-root .recommand-area .collection .grid{
	position: relative;
    display: grid;
    grid-template-rows: 445px;
    grid-template-columns: 40% 60%;
    align-items: center;
}
.b2b-root .recommand-area .collection .grid.mobile{display:none;}
.b2b-root .recommand-area .collection .grid > div{
	position: relative;
    display: grid;
    grid-template-rows: 80% auto;
    grid-template-columns: 100%;
    height: 100%;
}
.b2b-root .recommand-area .collection .grid .selected-item{
	margin-right: 10px;
}
.b2b-root .recommand-area .collection .grid .selected-item .main-img{
	background-image: linear-gradient(56deg, #74e1cb, #74b0e1 100%);
	border-radius:5px;
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.b2b-root .recommand-area .collection .grid .selected-item .summary{
	background-color: #d3ebff;
    margin-top: 8px;
    border-radius: 5px;
    padding: 18px 20px;
}
.b2b-root .recommand-area .collection .grid .selected-item .summary .summary-title{
	font-size:16px;
}
.b2b-root .recommand-area .collection .grid .selected-item .summary .required-time{
	font-size:14px;
}
.b2b-root .recommand-area .collection .grid .swiper-container{
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
.b2b-root .recommand-area .collection .grid .swiper-container .swiper-wrapper{
	height:100%;
}
.b2b-root .recommand-area .collection .grid .swiper-container .swiper-slide{
	height: calc((100% - 10px) / 2);
	border-radius:5px;
	align-items: center;
}
.b2b-root .recommand-area .collection .grid .swiper-container .swiper-slide .img{
	width:100%;
	height:100%;
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px;
}
.b2b-root .recommand-area .collection .grid .swiper-container .swiper-slide:hover{
	cursor:pointer;
}
.b2b-root .recommand-area .collection .grid .list-container .nav{
    text-align: right;
    margin-top: 10px;
}
.b2b-root .recommand-area .collection .grid .list-container .nav .nav-btn{
    background-repeat: no-repeat;
    width: 31px;
    height: 31px;
    background-size: 31px;
    display: inline-block;
    margin:0 5px;
}
.b2b-root .recommand-area .collection .grid .list-container .nav .nav-btn.swiper-button-disabled{
	opacity:.5;
}
.b2b-root .recommand-area .collection .grid .list-container .nav .prev-arrow-btn{
	background-image:url(../image/icon/prev-arrow-btn.png);
}
.b2b-root .recommand-area .collection .grid .list-container .nav .next-arrow-btn{
	background-image:url(../image/icon/next-arrow-btn.png);
}
.b2b-root .recommand-area .collection .grid .more-box{
	position: relative;
}
.b2b-root .recommand-area .collection .grid .more-box > div{
	width:100%;
	height:100%;
	position: relative;
	border-radius:5px;
	background-image: linear-gradient(56deg, #74e1cb, #74b0e1 100%);
	color:#fff;
	padding: 20px;
}
.b2b-root .recommand-area .collection .grid .more-box > div .footer-msg{
    position: absolute;
    bottom: 20px;
    left: 20px;
}
.b2b-root .recommand-area .collection .grid .list-container .swiper-slide.clicked:before{
	position: absolute;
    content: " ";
    padding-top: 30%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
	border-radius: 5px;
}
.b2b-root .recommand-area .collection .grid .list-container .swiper-slide .img > span{
	display:none;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: 1;
	width: 90%;
    margin: 0 auto;
    text-align: center;
}
.b2b-root .recommand-area .collection .grid .list-container .swiper-slide.clicked .img > span{
	display: -webkit-box;
}
.b2b-root .b2b-string-banner-1{
	background-image: url(../image/pc-b2b-main-banner.png);
	margin-top: 100px !important;
}
.b2b-root .b2b-string-banner-2{
	background-image: url(../image/pc-b2b-main-banner2.png);
	margin-top: 80px !important;
    margin-bottom: 130px !important;
}
.b2b-root .collabor.mobile{display:none;}
.b2b-root .collabor .main-title{
	font-size: 25px;
    font-weight: 600;
	margin-top: 140px;
	margin-bottom: 20px;
}
.b2b-root .collabor .collabor-company{
	width: 100%;
    display: grid;
    grid-template-columns: repeat(5, 20%);
}
.b2b-root .collabor .collabor-company > div{
    display: flex;
    align-items: center;
}
.b2b-root .collabor .collabor-company img{
	width:100%;
}
.b2b-root .press-area{
	width:100%;
	padding-bottom: 70px;
	background-color:#edfffb;
	position:relative;
	display:block;
}
.b2b-root .press-area > div{
	position: relative;
    max-width: 1280px;
    margin: 0 auto;
}
.b2b-root .press-area .main-title{
	padding-top: 70px;
}
.b2b-root .press-area .main-title strong{
	font-size:30px;
}
.b2b-root .press-area .main-title > span{
	font-size:20px;
	color:#545454;
}
.b2b-root .press-area .press-list{
	margin-top:40px;
}
.b2b-root .press-area .press-list .press{
	color:#fff;
	background-color:#74b0e1;
	margin-bottom:10px;
	padding: 28px 35px;
	border-radius:5px;
	display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 10% 34% auto;
	align-items: center;
	cursor:pointer;
}
.b2b-root .press-area .press-list .press .date{
	font-size:14px;
}
.b2b-root .press-area .press-list .press .date > span{
	font-size:20px;
	margin-left:5px;
}
.b2b-root .press-area .press-list .press .press-title{
	font-size:20px;
	font-weight:700;
	font-family: 'NanumSquare Bold';
}
.b2b-root .press-area .press-list .press .summary{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: 1;
    width: 100%;
    font-size:18px;
}
.b2b-root .press-area .press-list .press:nth-child(odd){
	background-color:#6fdac5;
}
.b2b-root .b2b-footer{
	margin:0 auto;
	text-align: center;
	margin-top: 80px;
}
.b2b-root .b2b-footer .b2b-footer-logo{
	background-image: url(../image/icon/b2b-footer-logo.png);
    width: 86px;
    height: 86px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
}
.b2b-root .b2b-footer .title{
	color:#ff5862;
	font-weight:600;
	font-size:35px;
}
.b2b-root .b2b-footer .summary{
	color:#555555;
	font-size:18px;
}
.b2b-root .b2b-footer .summary.mobile{
	display:none;
}
.b2b-root .b2b-footer .btn-area{
	margin-top: 52px;
    margin-bottom: 60px;
}
.b2b-root .b2b-footer .workshop-page-move-btn{
	border-radius: 6px;
    color: #fff;
    border: transparent;
    background: #ff5862;
    vertical-align: middle;
    text-align: center;
    margin: 0 auto;
    font-weight: 600;
    font-size: 16px;
    padding: 18px 30px;
}
.swiper-lazy-preloader{
	border: 3px solid #ff586236 !important;
    border-top-color: transparent !important;
}
.welcome-host-root{
	position:relative;
	transition:all .2s ease-in-out;
}
.welcome-host-root .header .host-page-move-btn {
    color: #252525;
    border: none;
    background: #fff;
}
.welcome-host-root .contents{
	position:relative;
	margin:0 auto;
	width:100%;
}
.welcome-host-root .top-vod-banner-container{
	position:relative;
	width:100%;
	height:100vh;
	z-index: 2;
	min-width: unset;
}
.welcome-host-root .top-vod-banner-container .swiper-slide{
	position:relative;
	width:100%;
	height:100%;
}
.welcome-host-root .top-vod-banner-container .swiper-slide .vod{
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.welcome-host-root .top-vod-banner-container .swiper-slide .vod > video{
	object-fit: cover;
}
.welcome-host-root .top-vod-banner-container .swiper-slide .vod > .vjs-poster{
	background-size: cover;
}
.welcome-host-root .top-vod-banner-container .main-title-area{
	position: absolute;
    width: 100%;
    z-index: 2;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    min-width: unset;
    max-width: unset;
}
.welcome-host-root .top-vod-banner-container .main-title-area .wrapper{
	position: relative;
	width: 100%;
    max-width: 1280px;
    color: #fff;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 80% auto;
	padding: 0 10px;
}	
.welcome-host-root .top-vod-banner-container .main-title-area .host-page-move-btn{
	border-radius: 6px;
    color: #252525;
    border: transparent;
    padding:0 40px;
    height: 50px;
    background: #fff;
    text-align: center;
    margin: 0 auto;
    font-weight: 600;
    font-size: 16px;
}
.welcome-host-root .top-vod-banner-container .main-title-text .main-title{
	font-size: 50px;
    font-weight: 700;
}
.welcome-host-root .top-vod-banner-container .main-title-text .main-title.mobile{
	display:none;
}
.welcome-host-root .top-vod-banner-container .main-title-text .main-sub-title{
	font-size:30px;
}
.welcome-host-root .top-vod-banner-container .main-title-btn-area{
	justify-self: right;
    place-self: flex-end;
}
.welcome-host-root .contents .info{
	margin: 0 auto;
    width: 100%;
    position: relative;
    max-width: 1280px;
    text-align: center;
    overflow: hidden;
}
.welcome-host-root .host-concern-container{
	position: relative;
    display: block;
    padding:65px 10px 50px 10px;
}
.welcome-host-root .host-concern-container .wrapper{
	position: relative;
    display: grid;
    padding: 40px 50px 50px 50px;
    border-radius: 10px;
  	box-shadow: 0 2px 12px 0 rgba(187, 187, 187, 0.5);
  	-webkit-box-shadow: 0 2px 12px 0 rgba(187, 187, 187, 0.5);
	-moz-box-shadow: 0 2px 12px 0 rgba(187, 187, 187, 0.5);
}
.welcome-host-root .host-concern-container .concern-title{
	display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-bottom: 20px;
}
.welcome-host-root .host-concern-container .concern-title::after{
	content: " ";
    width: 99px;
    height: 99px;
    background-image: url(/main/statics/image/concern-question-img.png);
    position: relative;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 10px;
}
.welcome-host-root .host-concern-container .concern-title .title{
	font-weight: 700;
    font-size: 40px;
}
.welcome-host-root .host-concern-container .concern-list-m{
	display:none;
}
.welcome-host-root .host-concern-container .concern-list li{
	margin: 20px 0;
    width: 100%;
    position: relative;
    display: block;
}
.welcome-host-root .host-concern-container .concern-list li > div{
	width: 90%;
    margin: 0 auto;
    background: #f3f3f3;
    border-radius: 47px;
    padding: 20px 0;
    font-size: 22px;
    opacity: 0;
}
.welcome-host-root .host-concern-container .concern-list li.show > div{
	opacity: 1;
	transition: all 0.5s ease-in-out;
}

.welcome-host-root .solution-information{
	position: relative;
    display: block;
    width:100%;
    margin: 100px 0px 50px 0px;
}
.welcome-host-root .solution-information .solution-information-title{
	font-weight: 700;
    font-size: 40px;
    margin-bottom: 50px;
}
.welcome-host-root .solution-information .solution-part{
	position: relative;
    display: block;
    width:100%;
	margin-top: 40px;
    margin-bottom: 60px;
}
.welcome-host-root .solution-information .solution-part .solution-part-title{
	color: #ff5862;
    font-size: 28px;
	font-weight: 700;
    margin-bottom: 18px;
}
.welcome-host-root .solution-information .solution-part .solution-part-sub-title{
	color: #555555;
    font-size: 20px;
    word-break: keep-all;
}
.welcome-host-root .solution-information .solution-part .solution-part-sub-title.mobile{
	display:none;
}
.welcome-host-root .solution-information .solution-part .solution-content{
	position:relative;
	width:100%;
	margin-top: 40px;
	margin-bottom: 140px;
}
.welcome-host-root .solution-information .solution-part-1 .logo{
	width: 20%;
}
.welcome-host-root .solution-information .solution-part-1 .line-virtual-table{
	height: 70px;
    display: grid;
    grid-template-rows: 50% 50%;
    grid-template-columns: repeat(8, 1fr);
}
.welcome-host-root .solution-information .solution-part-1 .line-virtual-table div:nth-child(1){
	grid-column: 1/2;
}
.welcome-host-root .solution-information .solution-part-1 .line-virtual-table div:nth-child(2){
	grid-column: 2/5;
    border-right: 1px solid #ffcfd2;
    border-bottom: 1px solid #ffcfd2;
}
.welcome-host-root .solution-information .solution-part-1 .line-virtual-table div:nth-child(3){
	grid-column: 5/8;
    border-bottom: 1px solid #ffcfd2;
}
.welcome-host-root .solution-information .solution-part-1 .line-virtual-table div:nth-child(4){
	grid-column: 8/10;
}
.welcome-host-root .solution-information .solution-part-1 .line-virtual-table div:nth-child(5){
	grid-column: 1/2;
	border-right:1px solid #ffcfd2;
}
.welcome-host-root .solution-information .solution-part-1 .line-virtual-table div:nth-child(6){
	grid-column: 2/4;
	border-right:1px solid #ffcfd2;
}
.welcome-host-root .solution-information .solution-part-1 .line-virtual-table div:nth-child(7){
	grid-column: 4/6;
	border-right:1px solid #ffcfd2;
}
.welcome-host-root .solution-information .solution-part-1 .line-virtual-table div:nth-child(8){
	grid-column: 6/8;
	border-right:1px solid #ffcfd2;
}
.welcome-host-root .solution-information .solution-part-1 .line-virtual-table div:nth-child(9){
	grid-column: 8/9;
}
.welcome-host-root .solution-information .solution-part-1 .property-table{
	display: grid;
    grid-template-columns: repeat(8, 1fr);
}
.welcome-host-root .solution-information .solution-part-1 .property-table-m{
	display:none;
}
.welcome-host-root .solution-information .solution-part-1 .property-table-m > div{
	opacity: 0;
}
.welcome-host-root .solution-information .solution-part-1 .property-table > div{
	background: #ff5862;
    color: #fff;
    width: 90%;
    margin: 0 auto;
    border-radius: 32px;
    padding: 15px 0;
    font-size: 20px;
    opacity: 0;
}
.welcome-host-root .solution-information .solution-part-1 .property-table div:nth-child(1){
	grid-column:1/3;
}
.welcome-host-root .solution-information .solution-part-1 .property-table div:nth-child(2){
	grid-column:3/5;
}
.welcome-host-root .solution-information .solution-part-1 .property-table div:nth-child(3){
	grid-column:5/7;
}
.welcome-host-root .solution-information .solution-part-1 .property-table div:nth-child(4){
	grid-column:7/9;
}
.welcome-host-root .solution-information .solution-part-2 .external-interlink{
	width: 50%;
}
.welcome-host-root .solution-information .solution-part-3 .collabor-list-header-img{
	width: 30%;
}
.welcome-host-root .solution-information .solution-part-3 .collabor-list-container{
	display: grid;
    grid-template-columns: 26% auto;
    height: 78px;
    position: relative;
    transform: translateY(-30px);
    margin: 0 auto;
    box-shadow: 2px 2px 11px 0 rgb(143 143 143 / 50%);
    -webkit-box-shadow: 2px 2px 11px 0 rgb(143 143 143 / 50%);
	-moz-box-shadow: 2px 2px 11px 0 rgb(143 143 143 / 50%);
    border-radius: 40px;
    background: #fff;
    align-items: center;
    margin: 0 20px;
}
.welcome-host-root .solution-information .solution-part-3 .collabor-list-container .collabor-list-title{
	color:#ff5862;
	font-size: 20px;
}
.welcome-host-root .solution-information .solution-part-3 .collabor-list-container .collabor-list-title-m{
	display:none;
}
.welcome-host-root .solution-information .solution-part-3 .collabor-list-swiper{
	height: 100%;
    width: 100%;
    background: transparent;
    margin-left: 0;
    border-radius: 0 40px 40px 0;
}
.welcome-host-root .solution-information .solution-part-3 .collabor-list-swiper .swiper-slide > a{
	width: 100%;
    height: 100%;
    position: relative;
    display: block;
}
.welcome-host-root .solution-information .solution-part-3 .collabor-list-swiper .swiper-slide img{
	position: relative;
    display: block;
    height: 100%;
    object-fit: contain;
}
.welcome-host-root .full-pink-bg{
	background: #fff3f4;
    margin: 0 auto;
    width: 100%;
    position: relative;
    text-align: center;
}
.welcome-host-root .full-pink-bg .wrapper{
	position: relative;
    width: 100%;
    max-width: 1280px;
    height: 100%;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 60px;
	margin: 0 auto;
}
.welcome-host-root .together-growup .title{
	font-weight: 700;
    font-size: 40px;
    height: 13%;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.welcome-host-root .together-growup .chart-grid{
	position: relative;
    display: grid;
    width: 100%;
    margin-top: 25px;
    padding-bottom:60%;
}
.welcome-host-root .together-growup .chart-grid .chart-wrapper{
	display: grid;
    grid-template-columns: 50% 50%;
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left:0;
}
.welcome-host-root .together-growup .chart-grid .box{
	position: relative;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-rows: 10% auto 10%;
    align-items: center;
}
.welcome-host-root .together-growup .chart-grid .box .chart{
	box-shadow: 2px 2px 7px 0 rgb(184 184 184 / 50%);
    background-color: #fff;
    margin: 10px;
    border-radius: 7px;
    height: 95%;
    padding: 25px;
	position: relative;
}
.welcome-host-root .together-growup .chart-grid .box .chart-title{
	color:#ff5862;
	font-size:28px;
	opacity:0;
}
.welcome-host-root .together-growup .chart-grid .box .chart-footer{
	color:#555555;
	font-size:20px;
	opacity:0;
}
.welcome-host-root .together-growup .chart-grid .box:nth-child(1) .chart .inner-grid{
	width: 70%;
	height: 100%;
    position: relative;
    display: grid;
    align-items: center;
}
.welcome-host-root .together-growup .chart-grid .box:nth-child(1) .chart .inner-grid .graph-item{
	display:grid;
	grid-template-columns:25% auto;
	height: 100%;
}
.welcome-host-root .together-growup .chart-grid .box:nth-child(1) .chart .inner-grid .graph-item .category{
	color: #555555;
    font-size: 20px;
    border-right: 1px solid #ff5862;
    position: relative;
    display: flex;
	align-items: center;
    justify-content: flex-end;
    padding-right: 15px;
}
.welcome-host-root .together-growup .chart-grid .box:nth-child(1) .chart .inner-grid .graph-item.active .category{
	color:#ff5862;
	font-size:25px;
	font-weight: 600;
}
.welcome-host-root .together-growup .chart-grid .box:nth-child(1) .chart .inner-grid .graph-item .bar-graph{
	display: flex;
    align-items: center;
    width: 100%;
}
.welcome-host-root .together-growup .chart-grid .box:nth-child(1) .chart .inner-grid .graph-item .bar-graph .bar{
	height: 35%;
    background: #dadada;
    margin-right: 15px;
}
.welcome-host-root .together-growup .chart-grid .box:nth-child(1) .chart .inner-grid .graph-item.active .bar{
	background:#ff5862;
}
.welcome-host-root .together-growup .chart-grid .box:nth-child(1) .chart .inner-grid .graph-item .bar-graph .ratio{
	color:#a8a8a8;
	font-size: 18px;
	opacity:0;
}
.welcome-host-root .together-growup .chart-grid .box:nth-child(1) .chart .inner-grid .graph-item.active .ratio{
	color:#ff5862;
	font-size: 25px;
	font-weight:600;
}
.welcome-host-root .together-growup .chart-grid .box:nth-child(1) .chart .chart-info {
	position: absolute;
    bottom: 5%;
    right: 5%;
    text-align: right;
    color: #a2a2a2;
    font-size: 13px;
}
.welcome-host-root .together-growup .chart-grid .box:nth-child(1) .chart .additional-img{
	position: absolute;
    width: 25%;
    top: 5%;
    right: 4%;
    text-align: center;
    vertical-align: middle;
}
.welcome-host-root .together-growup .chart-grid .box:nth-child(1) .chart .additional-img:after{
	content:"";
	display:block;
	padding-bottom:100%;
}
.welcome-host-root .together-growup .chart-grid .box:nth-child(1) .chart .additional-img > img{
	position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.welcome-host-root .together-growup .chart-grid .box:nth-child(2) .chart .inner-grid{
	width: 100%;
    height: 100%;
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
}
.welcome-host-root .together-growup .chart-grid .box:nth-child(2) .chart .inner-grid .graph-item{
	display: grid;
    grid-template-rows: auto 10%;
    height: 97%;
    align-items: center;
    place-self: flex-end;
    width: 100%;
}
.welcome-host-root .together-growup .chart-grid .box:nth-child(2) .chart .inner-grid .graph-item .bar-graph{
	display: grid;
    grid-template-rows: 10% auto;
    grid-template-columns: 100%;
    width: 100%;
    height: 100%;
    align-items: end;
    justify-content: center;
    position: relative;
}
.welcome-host-root .together-growup .chart-grid .box:nth-child(2) .chart .inner-grid .graph-item .category{
	border-top: 1px solid #ff5862;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
	color: #555555;
    font-size: 15px;
}
.welcome-host-root .together-growup .chart-grid .box:nth-child(2) .chart .inner-grid .graph-item .bar-graph .bar{
	width: 40%;
    background: #dadada;
    margin: 0 auto;
    position: relative;
}
.welcome-host-root .together-growup .chart-grid .box:nth-child(2) .chart .inner-grid .graph-item .bar-graph .ratio{
	color:#a8a8a8;
	font-size: 18px;
	opacity:0;
	width: 100%;
	align-self: center;
}
.welcome-host-root .together-growup .chart-grid .box:nth-child(2) .chart .inner-grid .graph-item.active .bar{
	background:#ff5862;
}
.welcome-host-root .together-growup .chart-grid .box:nth-child(2) .chart .inner-grid .graph-item.active .ratio{
	color:#ff5862;
	font-size: 20px;
	font-weight:600;
}
.welcome-host-root .together-growup .chart-grid .box:nth-child(2) .chart .chart-info{
	position: absolute;
    top: 6%;
    left: 5%;
    border: 0.5px solid #555555;
    padding: 10px 15px;
    border-radius: 20px;
    color: #555555;
}
.welcome-host-root .together-growup .chart-grid .box:nth-child(2) .chart .grow-up-img{
	width: 52%;
    top: 48%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    vertical-align: middle;
    position: absolute;
}
.welcome-host-root .together-growup .chart-grid .box:nth-child(2) .chart .grow-up-img > img{
	width: 100%;
    height: 100%;
}
.welcome-host-root .contents .author-story {
    margin: 0 auto;
    width: 100%;
    position: relative;
    max-width: 1280px;
    text-align: center;
	padding-top: 120px;
    padding-bottom: 60px;
}
.welcome-host-root .contents .author-story .author-story-title{
	font-weight: 700;
    font-size: 40px;
    margin-bottom: 50px;
}
.welcome-host-root .contents .author-story .author-story-title-m{
	display:none;
}
.welcome-host-root .contents .author-story .author-story-list{
	margin-top: 40px;
}
.welcome-host-root .contents .author-story .author-story-item{
	position: relative;
    display: grid;
    grid-template-columns: 28% auto;
	margin: 30px 0;
}
.welcome-host-root .contents .author-story .author-story-item .thumb{
	width: 100%;
    height: 100%;
    position: relative;
}
.welcome-host-root .contents .author-story .author-story-item .thumb img{
	position: relative;
    display: block;
    object-fit: cover;
    text-align: center;
    width: 100%;
    height: 100%;
	border-radius: 10px;
}
.welcome-host-root .contents .author-story .author-story-item .story-detail{
	padding: 10px 20px;
    width: 100%;
    height: 100%;
    text-align: left;
    display: grid;
    grid-template-rows: 20% auto 50%;
    align-items: flex-start;
	color: #7c7c7c;
	font-size: 20px;
}
.welcome-host-root .contents .author-story .author-story-item .story-detail .nick{
	font-size: 24px;
    color: #7c7c7c;
    font-weight: 600;
}
.welcome-host-root .contents .author-story .author-story-item .story-detail .content{
	line-height: 1.3;
}
.btn-danger{
	background-color: #ff5862;
    border-color: #ff5862;
}
.btn-danger:hover{
	background-color: #ff3b44;
    border-color: #ff3b44;
}
.welcome-host-root .contents .author-story .more-author-story-btn{
	border-radius: 30px;
    color: #ff5862;
    background-color: #fff;
    padding: 15px 30px;
}
.welcome-host-root .author-benefit {
    margin: 0 auto;
    width: 100%;
    position: relative;
    max-width: 1280px;
    text-align: center;
	padding-top: 120px;
    padding-bottom: 120px;
}
.welcome-host-root .author-benefit .author-benefit-title{
	font-weight: 700;
    font-size: 40px;
    margin-bottom: 20px;
}
.welcome-host-root .author-benefit .author-benefit-sub-title{
	font-size: 25px;
    color: #555555;
}
.welcome-host-root .author-benefit .author-benefit-sub-title-m{
	display:none;
}
.welcome-host-root .author-benefit .benefit-box .benefit-title-img{
	width: 10%;
    margin-top: 80px;
    margin-bottom: 30px;
}
.welcome-host-root .author-benefit .benefit-box .benefit-title{
	font-size: 28px;
    color: #ff5862;
    font-weight: 600;
	margin-bottom: 20px;
	line-height: 1.3;
}
.welcome-host-root .author-benefit .benefit-box .benefit-sub-title{
	font-size:20px;
	color:#555555;
	margin-bottom: 20px;
}
.welcome-host-root .author-benefit .benefit-box .benefit-sub-title-m{
	display:none;
}
.welcome-host-root .author-benefit .benefit-box.step-1 .btns{
	padding-top: 30px;
    padding-bottom: 40px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin: 0 25%;
}
.welcome-host-root .author-benefit .benefit-box.step-1 .btns .btn{
	background-color: #cfcfcf;
    border-color: #cfcfcf;
    font-weight: 600;
    border-radius: 25px;
    margin: 0 15px;
}
.welcome-host-root .author-benefit .benefit-box.step-1 .btns .btn.active{
	background-color: #ff5862;
    border-color: #ff5862;
    box-shadow: none;
}
.welcome-host-root .author-benefit .benefit-box.step-1 .benefit-swiper{
	position: relative;
    display: block;
    text-align: center;
    width: 52%;
    padding-bottom: 63%;
    margin: 0 auto;
}
.welcome-host-root .author-benefit .benefit-box.step-1 .benefit-swiper .swiper-container{
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.welcome-host-root .author-benefit .benefit-box.step-1 .swiper-slide{
	display: grid;
    grid-template-rows: auto 13%;
	align-items: center;
}
.welcome-host-root .author-benefit .benefit-box.step-1 .mobile-form-wrapper{
	width: 65%;
    position: relative;
    margin: 0 auto;
    height: 96%;
    border-radius: 50px 50px 0 0;
    padding: 8px 8px 0px 8px;
    box-shadow: 0px -4px 13px 2px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0px -4px 13px 2px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px -4px 13px 2px rgb(0 0 0 / 10%);
	place-self: end;
}
.welcome-host-root .author-benefit .benefit-box.step-1 .mobile-form-wrapper .inner-wrapper{
	position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    border: 8px solid #ffdadc;
    border-radius: 50px 50px 0 0;
    border-bottom: none;
    display: grid;
    grid-template-rows: 50% 50%;
    padding: 0px;
    background-size: 100%;
    background-origin: content-box;
    background-position: top;
    background-repeat: no-repeat;
}
.welcome-host-root .author-benefit .benefit-box.step-1 .swiper-slide .footer-box{
	position: relative;
    height: 100%;
    width: 100%;
    background: #fff;
    display: flex;
    align-items: flex-end;
	padding: 0 5px;
}
.welcome-host-root .author-benefit .benefit-box.step-1 .swiper-slide .footer-box > span{
	padding: 18px 22px;
    border: 1px solid;
    border-radius: 30px;
    color: #ff5862;
    font-size: 25px;
    width: 100%;
}
.welcome-host-root .author-benefit .benefit-box.step-1 .benefit-1 .mobile-form-wrapper .inner-wrapper{
	background-image:url(https://d1x9f5mf11b8gz.cloudfront.net/common/img/20210817/author-benefit-content-1.png);
	background-color: #fff;
	background-position: center 15px;
}
.welcome-host-root .author-benefit .benefit-box.step-1 .benefit-2 .mobile-form-wrapper .inner-wrapper{
	background-image:url(https://d1x9f5mf11b8gz.cloudfront.net/common/img/20210817/author-benefit-content-2.png);
	background-color: #fff;
	background-position: center 15px;
}
.welcome-host-root .author-benefit .benefit-box.step-1 .benefit-3 .mobile-form-wrapper .inner-wrapper{
	background-image:url(https://d1x9f5mf11b8gz.cloudfront.net/common/img/20210817/author-benefit-content-3.png);
	background-color: #545351;
	background-position: center 3px;
}
.welcome-host-root .author-benefit .benefit-box.step-1 .benefit-3 .inner-wrapper .chat-view{
	position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
}
.welcome-host-root .author-benefit .benefit-box.step-1 .benefit-3 .inner-wrapper .chat-view .chat{
	width: 100%;
    background: rgba(255 255 255 / 0.9);
    margin-bottom: 15px;
    border-radius: 8px;
    opacity: 0;
    display: grid;
    grid-template-columns: 20% auto;
    padding: 10px 0px;
}
.welcome-host-root .author-benefit .benefit-box.step-1 .benefit-3 .inner-wrapper .chat-view .chat .app-icon{
	background-origin: content-box;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 40px 40px;
}
.welcome-host-root .author-benefit .benefit-box.step-1 .benefit-3 .inner-wrapper .chat-view .chat .app-icon.kakao{
	background-image: url(/main/statics/image/icon/chat-kakao-ico.png);
}
.welcome-host-root .author-benefit .benefit-box.step-1 .benefit-3 .inner-wrapper .chat-view .chat .app-icon.sssd{
	background-image: url(/main/statics/image/icon/chat-sssd-ico.png);
}
.welcome-host-root .author-benefit .benefit-box.step-1 .benefit-3 .inner-wrapper .chat-view .chat-detail{
	text-align: left;
	color:#555555;
}
.welcome-host-root .author-benefit .benefit-box.step-1 .benefit-3 .inner-wrapper .chat-view .chat-detail .title{
	font-weight: 600;
    font-size: 15px;
}
.welcome-host-root .author-benefit .benefit-box.step-1 .benefit-3 .inner-wrapper .chat-view .chat-detail .content{
    font-size: 15px;
}
.welcome-host-root .author-benefit .benefit-box.step-2 .benefit-process img{
	width:55%;
}
.welcome-host-root .author-benefit .benefit-box.step-3 .chat-view .chat{
	opacity:0;
}
.welcome-host-root .author-benefit .benefit-box.step-3 .chat-view .chat > img{
	width:55%;
}
.welcome-host-root .author-benefit .benefit-box.step-4 .class-pics-list-container .class-pic{
	width: 100%;
	border-radius: 10px;
}
.welcome-host-root .author-benefit .benefit-box.step-4 .horizontal-swipe-list-area{
	position:relative;
	margin-top: 50px;
}
.welcome-host-root .author-benefit .benefit-box.step-4 .horizontal-swipe-list-area .nav-btn{
	top:50%;
	box-shadow: 0 2px 4px 0 rgba(202, 202, 202, 0.5);
}
.welcome-host-root .author-benefit .benefit-box.step-4 .horizontal-swipe-list-area .nav-btn.swiper-button-next{
	right:0;
}
.welcome-host-root .author-benefit .benefit-box.step-4 .horizontal-swipe-list-area .nav-btn.swiper-button-prev{
	left:0;
}
.welcome-host-root .author-regist-guide .title{
    font-weight: 700;
    font-size: 40px;
    margin-bottom: 20px;
}
.welcome-host-root .author-regist-guide .sub-title{
	font-size: 25px;
    color: #555555;
	margin-bottom: 50px;
}
.welcome-host-root .author-regist-guide .sub-title-m{
	display:none;
	font-size: 25px;
    color: #555555;
	margin-bottom: 50px;
}
.welcome-host-root .author-regist-guide .author-regist-step{
	display: grid;
    grid-template-columns: 2.5fr 1fr 2.5fr 1fr 2.5fr;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.welcome-host-root .author-regist-guide .author-regist-step > div{
	display: grid;
    grid-template-rows: 70% auto;
    align-items: center;
}
.welcome-host-root .author-regist-guide .author-regist-step .step-box .box{
	box-shadow: 2px 2px 8px 0 rgb(145 145 145 / 50%);
    background-image: linear-gradient(to left, #8094ff, #ff5862);
    border-radius: 12px;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    color: #fff;
    font-size: 25px;
}
.welcome-host-root .author-regist-guide .author-regist-step .step-box .hint{
	font-size:16px;
}
.welcome-host-root .author-regist-guide .author-regist-step-container{
	position: relative;
	display: grid;
    padding-bottom: 20%;
    max-width: 1024px;
    margin: 0 auto;
}
.welcome-host-root .author-regist-guide .author-regist-step .right-arrow-box{
    width: 60%;
    position: relative;
    margin: 0 auto;
}
.welcome-host-root .author-regist-guide .author-regist-step .right-arrow-box > .right-arrow{
	width: 100%;
    height: 16%;
    background-image: url(/main/statics/image/icon/right-arrow-thick.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.welcome-host-root .author-regist-guide .author-regist-step .btn-link{
	color: #ff5862;
    text-decoration: underline;
        font-size: 16px;
}
.welcome-host-root .author-faq{
	margin: 0 auto;
    width: 100%;
    position: relative;
    max-width: 1280px;
    text-align: center;
    padding-top: 120px;
    padding-bottom: 60px;
}
.welcome-host-root .author-faq .title{
	font-weight: 700;
    font-size: 40px;
    margin-bottom: 20px;
}
.welcome-host-root .author-faq .sub-title{
	font-size: 25px;
    color: #555555;
    margin-bottom: 50px;
}
.welcome-host-root .author-faq .faq-list{
	max-width: 1024px;
    margin: 0 auto;
    position: relative;
}
.welcome-host-root .author-faq .faq-item{
	background: #f3f3f3;
    margin-bottom: 20px;
    border-radius: 8px;
    color:#555555;
	font-size:18px;
}
.welcome-host-root .author-faq .faq-item .toggle-btn{
	padding-top: 15px;
    padding-bottom: 10px;
    background:#fff3f4;
    border-radius: 8px;
    cursor: pointer;
}
.welcome-host-root .author-faq .faq-item .toggle-btn.collapsed{
	background:#f3f3f3;
}
.welcome-host-root .author-faq .faq-item .question{
	font-weight:700;
}
.welcome-host-root .author-faq .faq-item .answer{
	border-top: 3px solid #fff;
	background:#fff3f4;
	border-radius: 0 0 8px 8px;
	word-break: keep-all;
}
.welcome-host-root .welcome-host-footer{
	margin: 0 auto;
    width: 100%;
    position: relative;
    max-width: 1280px;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 60px;
}
.welcome-host-root .welcome-host-footer .logo{
	background-image: url(../image/icon/b2b-footer-logo.png);
    width: 86px;
    height: 86px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
}
.welcome-host-root .welcome-host-footer .title{
	color: #ff5862;
    font-weight: 600;
    font-size: 35px;
}
.welcome-host-root .welcome-host-footer .summary{
	color: #555555;
    font-size: 18px;
    padding: 0 15%;
}
.welcome-host-root .welcome-host-footer .btn-area button{
	border-radius: 6px;
    color: #fff;
    border: transparent;
    background: #ff5862;
    vertical-align: middle;
    text-align: center;
    margin: 0 auto;
    font-weight: 600;
    font-size: 16px;
    padding: 18px 100px;
	margin-top: 40px;
}
.welcome-host-root .youtube-area{
	border-radius: 10px;
}
.footer-floating-btn-area{
	display:none;
}
.welcome-host-root .welcome-host-footer .sns-contact-bar{
	max-width: 1024px;
    margin: 0 auto;
    position: relative;
	margin-top: 100px;
	width: 100%;
}
.welcome-host-root .welcome-host-footer .sns-contact-bar-m{
	display:none;
	max-width: 1024px;
    margin: 0 auto;
    position: relative;
	width: 100%;
}
.welcome-host-root .welcome-host-footer .sns-contact-bar .wrapper{
    display: grid;
    grid-template-columns: 70% 10% 10% 10%;
    height: 100px;
    padding: 0 20px;
    align-items: center;
    background: #fff3f4;
    border-radius: 10px;
	width: 100%;
    margin: 0 auto;
}
.welcome-host-root .welcome-host-footer .sns-contact-bar .txt,
.welcome-host-root .welcome-host-footer .sns-contact-bar-m .txt{
	justify-self: start;
	color: #555555;
    font-size: 18px;
}
.welcome-host-root .welcome-host-footer .sns-contact-bar .link-icon,
.welcome-host-root .welcome-host-footer .sns-contact-bar-m .link-icon{
	width: 100%;
    height: 100%;
}
.welcome-host-root .welcome-host-footer .sns-contact-bar .link-icon a,
.welcome-host-root .welcome-host-footer .sns-contact-bar-m .link-icon a{
	display: block;
    text-indent: -3000em;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60%;
}
.welcome-host-root .welcome-host-footer .sns-contact-bar .link-icon.insta > a,
.welcome-host-root .welcome-host-footer .sns-contact-bar-m .link-icon.insta > a{
	background-image: url(../image/icon/p-circle-instagram-ico.png);
}
.welcome-host-root .welcome-host-footer .sns-contact-bar .link-icon.kakaotalk > a,
.welcome-host-root .welcome-host-footer .sns-contact-bar-m .link-icon.kakaotalk > a{
	background-image: url(../image/icon/p-circle-kakaotalk-ico.png);
}
.welcome-host-root .welcome-host-footer .sns-contact-bar .link-icon.cstalk > a,
.welcome-host-root .welcome-host-footer .sns-contact-bar-m .link-icon.cstalk > a{
	background-image: url(../image/icon/p-circle-cstalk-ico.png);
}
.welcome-host-root .welcome-host-footer .sns-contact-bar .link-icon.phonecall > a,
.welcome-host-root .welcome-host-footer .sns-contact-bar-m .link-icon.phonecall > a{
	background-image: url(../image/icon/p-circle-phonecall-ico.png);
}
.welcome-host-root .header-close-btn{
	display:none;
}
.common-toast-layer{
	border: none;
    color: #fff;
    position: fixed;
    bottom: 0;
    text-align: center;
    margin: 0 auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, 100%);
    min-width:290px;
    max-width:300px;
    z-index: 1001;
}
.common-toast-layer.show{
	transform: translate(-50%, 80%);
}
.common-toast-layer .msg{
	background-color: rgba(0,0,0, .8);
    color: #fff;
    padding: 10px 17px;
    margin: 0 auto;
    left: 0;
    right: 0;
    border-radius: 10px;
}
.common-toast-layer.text-left{
	text-align:left;
}
.common-toast-layer.text-right{
	text-align:right;
}
@media screen and (min-width : 2028px){
	.top-vod-banner-container .main-title-area .msg-wrapper{
		padding-bottom:50%;
	}
}
@media screen and (max-width : 1280px){
	.main-footer .contents{
		width:95%;
		min-width: 730px;
	}
	.main-footer .cs-info .contents > div{
		grid-template-columns: auto 15% 15%;
	}
	.welcome-host-root .header .wrapper{width:95%;}
	.welcome-host-root .top-vod-banner-container .main-title-area .wrapper {
	    width: 95%;
	}
	.welcome-host-root .contents .info .host-concern-container{
		width:95%;
		margin: 0 auto;
	}
	.welcome-host-root .contents .author-story {
		padding: 120px 25px 60px 25px;
	}
	.welcome-host-root .author-benefit .benefit-box.step-1 .benefit-swiper {
	    width: 50%;
	    padding-bottom: 61%;
	}
	.welcome-host-root .author-benefit {
	    width: 95%;
	}
	.welcome-host-root .author-benefit .benefit-box.step-1 .swiper-slide .footer-box > span{
		font-size:22px;
	}
	.b2b-root .b2b-process-area{
		padding:0 15px;
		padding-bottom:100px;
	}
	.b2b-root .recommand-area{
		padding: 0 15px;
    	padding-bottom: 100px;
	}
	.b2b-root .collabor .main-title{
		padding:0 15px;
	}
	.b2b-root .press-area .main-title{
		padding:0 15px;
		padding-top: 70px;
	}
	.b2b-root .press-area .press-list{
		padding:0 15px;
	}
	.main-header .header .right-btn-area{
		position: relative;
	    width: 100%;
	    height: 100%;
	}
	.main-header .header .header-right-move-btn{
		width: 95%;
		left:0;
	}
}
@media screen and (max-width : 1120px){
}
@media screen and (max-width : 1024px){
	.welcome-host-root .top-vod-banner-container .main-title-area .wrapper{
		width: 95%;
	}
	.welcome-host-root .top-vod-banner-container .main-title-text .main-title{
		font-size: 45px;
	}
	.welcome-host-root .together-growup .chart-grid{
		padding-bottom: 55%;
	}
	.welcome-host-root .together-growup .chart-grid .box{
		padding-top: 40px;
    	padding-bottom: 20px;
	}
	.welcome-host-root .contents .info .host-concern-container{
		width:95%;
		margin: 0 auto;
	}
	.welcome-host-root .together-growup .chart-grid .box .chart-title{
		font-size: 26px;
	}
	.welcome-host-root .together-growup .chart-grid .box:nth-child(1) .chart .inner-grid .graph-item .category{
		font-size:17px;
	}
	.welcome-host-root .together-growup .chart-grid .box:nth-child(1) .chart .inner-grid .graph-item.active .category{
		font-size:20px;
	}
	.welcome-host-root .contents .author-story {
	    padding: 120px 25px 60px 25px;
	}
	.welcome-host-root .contents .author-story .author-story-item{
		grid-template-rows: 178px;
	}
	.welcome-host-root .author-benefit .benefit-box.step-1 .benefit-swiper {
	    width: 60%;
    	padding-bottom: 77%;
	}
	.welcome-host-root .author-benefit .benefit-box.step-1 .swiper-slide .footer-box > span{
		padding: 18px 10px;
		font-size: 22px;
	}
	.welcome-host-root .author-benefit .benefit-box .benefit-title-img{
		width:13%;
	}
	.welcome-host-root .author-benefit .benefit-box.step-3 .chat-view .chat > img {
	    width: 75%;
	}
	.welcome-host-root .author-benefit{
		width:95%;
	}
	.welcome-host-root .full-pink-bg .wrapper{
		width:95%;
	}
	.welcome-host-root .author-faq{
		width:95%;
	}
	.welcome-host-root .welcome-host-footer .sns-contact-bar .wrapper{
		width:95%;
	}
	.welcome-host-root .solution-information .solution-part-3 .collabor-list-container{
		height:69px;
	}
	.welcome-host-root .together-growup .chart-grid .box:nth-child(2) .chart .inner-grid .graph-item.active .ratio{
		font-size:19px;
	}
}
@media screen and (max-width : 990px){
	.b2b-process-area .process .description{
	    font-size: 12px;
	}
	.b2b-root .press-area .press-list .press{
		padding: 28px 15px;
	}
	.b2b-root .press-area .press-list .press .press-title{
		font-size:16px;
	}
}
@media screen and (max-width : 920px){
	.welcome-host-root .top-vod-banner-container .main-title-text .main-title {
	    font-size: 40px;
	}
	.welcome-host-root .host-concern-container .concern-list li > div{
		font-size:20px;
	}
	.main-header > .header{
		grid-template-columns: 15% auto 150px;
	}
	.main-header > .header nav > ol > li{
		margin-right: 30px;
	}
	.b2b-process-area .process.mobile .swiper .swiper-nav-btn{
		width: 35px;
    	height: 35px;
	    top: 35%;
	    background-position: center;
	    background-repeat: no-repeat;
	    background-size: contain;
	}
	.b2b-process-area .process.mobile .swiper .swiper-nav-btn.swiper-button-disabled{
		opacity:.2;
	}
	.b2b-process-area .process.mobile .swiper .swiper-nav-btn:after{
		content:' ';
	}
	.b2b-process-area .process.mobile .swiper .swiper-button-next{
	    
	}
	.b2b-process-area .process.mobile .swiper .swiper-button-prev{
		transform: rotate(180deg);
	}
	.b2b-process-area .process .step .ico{
		padding:0 15%;
	}
	.b2b-process-area .liveclass .process.mobile .swiper .swiper-nav-btn{
		background-image: url(../image/icon/liveclass-right-arrow.png);
	}
	.b2b-process-area .onlineclass .process.mobile .swiper .swiper-nav-btn{
		background-image: url(../image/icon/onlineclass-right-arrow.png);
	}
}
@media screen and (max-width : 836px){
	.welcome-host-root .top-vod-banner-container .main-title-text .main-title {
	    font-size: 38px;
	}
	.welcome-host-root .top-vod-banner-container .main-title-area .host-page-move-btn{
		padding: 0 15px;
	}
	.welcome-host-root .host-concern-container .concern-list li > div{
		font-size:18px;
	}
	.b2b-process-area .process{
		grid-template-columns: 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr;
	}
	.b2b-process-area .process .step .ico{
		padding: 0 15%;
	}
}
@media screen and (max-width : 780px){
	.welcome-host-root .top-vod-banner-container .main-title-area .wrapper{
	    grid-template-columns: 82% auto;
	}
	.welcome-host-root .top-vod-banner-container .main-title-text .main-title {
	    font-size: 36px;
	}
	.welcome-host-root .top-vod-banner-container .main-title-text .main-sub-title {
		font-size: 26px;
	}
	.welcome-host-root .host-concern-container .concern-list{
		display: none;
	}
	.welcome-host-root .host-concern-container .concern-list-m{
		display: block;
	}
	.b2b-process-area .process{display:none;}
	.b2b-process-area .process.mobile{display:block;}
	.b2b-process-area .process .step .ico{
		padding: 0 30%;
	}
	.b2b-process-area .process .sub-title{
		font-size: 30px;
	}
	.b2b-process-area .process .description{
		font-size: 20px;
	}
	.b2b-root .press-area .press-list .press{
		grid-template-columns: 20% auto;
    	grid-template-rows: 1fr 1fr;
	}
	.b2b-root .press-area .press-list .press .summary{
		grid-column: 1/3;
	}
	.b2b-root .press-area .press-list .press .press-title{
		font-size:20px;
	}
	.main-header > .header{grid-template-columns: 20% auto;}
	.main-header .header .right-btn-area{display:none;}
}
@media screen and (max-width : 768px){
	.welcome-host-root .host-concern-container .wrapper{
		padding: 40px 30px 50px 30px;
	}
	.welcome-host-root .host-concern-container .concern-list li > div{
		width: 100%;
		font-size: 20px;
	}
	.welcome-host-root .together-growup .chart-grid{
		padding-bottom: 63%;
	}
	.welcome-host-root .together-growup .chart-grid .box:nth-child(2) .chart {
	    padding:8px 20px 20px 20px;
	}
	.welcome-host-root .together-growup .chart-grid .box .chart-title{
		font-size: 23px;
	}
	.welcome-host-root .together-growup .chart-grid .box:nth-child(1) .chart .inner-grid .graph-item .category{
		font-size:15px;
	}
	.welcome-host-root .together-growup .chart-grid .box:nth-child(1) .chart .inner-grid .graph-item.active .category{
		font-size:18px;
		padding-right: 4px;
	}
	.welcome-host-root .together-growup .chart-grid .box .chart-footer{
		font-size:16px;
	}
	.welcome-host-root .solution-information .solution-part-2 .external-interlink{
		width: 70%;
	}
	.welcome-host-root .solution-information .solution-part-3 .collabor-list-header-img{
		width: 45%;
	}
	.welcome-host-root .solution-information .solution-part-3 .collabor-list-container{
		margin: 0 10px;
		height:65px;
	}
	.welcome-host-root .together-growup .chart-grid .box:nth-child(1) .chart .inner-grid .graph-item .bar-graph .ratio{
		font-size:15px;
	}
	.welcome-host-root .together-growup .chart-grid .box:nth-child(1) .chart .inner-grid .graph-item.active .ratio{
		font-size:16px;
	}
	.welcome-host-root .together-growup .chart-grid .box:nth-child(2) .chart .inner-grid .graph-item.active .ratio{
		font-size:15px;
		padding:0 20px;
		line-height: 1.1;
	}
	.welcome-host-root .together-growup .chart-grid .box:nth-child(2) .chart .inner-grid .graph-item .bar-graph{
		grid-template-rows: 17% auto;
	}
	.welcome-host-root .author-benefit .benefit-box.step-1 .btns{
		margin: 0 15%;
	}
	.welcome-host-root .author-benefit .benefit-box.step-1 .benefit-swiper {
	    width: 75%;
    	padding-bottom: 90%;
	}
	.welcome-host-root .author-benefit .benefit-box.step-1 .swiper-slide .footer-box > span{
		padding: 16px 10px;
		font-size: 20px;
	}
	.welcome-host-root .author-benefit .benefit-box.step-1 .benefit-3 .inner-wrapper .chat-view{
		top: 65%;
	}
	.welcome-host-root .author-benefit .benefit-box.step-2 .benefit-process img{
		width:80%;
	}
	.welcome-host-root .author-benefit .benefit-box .benefit-title-img{
		width:15%;
	}
	.welcome-host-root .together-growup .chart-grid .box:nth-child(1) .chart .additional-img {
	    width: 20%;
	    top: 7%;
	}
	.welcome-host-root .together-growup .chart-grid .box:nth-child(1) .chart .inner-grid{
		width:75%;
	}
	.welcome-host-root .contents .author-story .author-story-title{
		font-size:39px;
	}
	.welcome-host-root .author-regist-guide .author-regist-step{
		grid-template-columns: 3fr 1fr 3fr 1fr 3fr;
	}
	.welcome-host-root .author-regist-guide .author-regist-step-container{
		padding-bottom: 23%;
	}
	.welcome-host-root .author-regist-guide .author-regist-step .step-box .hint{
	    font-size: 12px;
	}
	.welcome-host-root .author-regist-guide .author-regist-step .btn-link{
		font-size: 13px;
	}
	.welcome-host-root .welcome-host-footer .sns-contact-bar .wrapper{
		height: 85px;
	}
	.welcome-host-root .welcome-host-footer .sns-contact-bar .txt{
		font-size: 15px;
	}
	.welcome-host-root .author-regist-guide .author-regist-step .step-box .box{
		font-size:21px;
	}
}
@media screen and (max-width : 767px){
	footer.main-footer{display:none;}
	.welcome-host-root .full-pink-bg .wrapper{
		width: 75%;
	}
	.welcome-host-root .together-growup .chart-grid{
		padding-bottom: 200%;
	}
	.welcome-host-root .together-growup .chart-grid .chart-wrapper{
		grid-template-columns:100%;
		grid-template-rows:50% 50%;
	}
	.welcome-host-root .together-growup .chart-grid .box .chart-title {
		font-size: 28px;
	}
	.welcome-host-root .together-growup .chart-grid .box .chart-footer {
		font-size: 24px;
	}
	.b2b-root .recommand-area .collection .grid{display:none;}
	.b2b-root .recommand-area .collection .grid.mobile{
		display:block;
		height: 307px;
		grid-template-columns: unset;
    	grid-template-rows: unset;
	}
	.b2b-root .recommand-area .collection .grid.mobile .swiper-container{
		display:block;
	}
	.b2b-root .recommand-area .collection .grid.mobile .swiper-container .swiper-slide{
		height:100%;
	}
	.b2b-root .recommand-area .collection .grid.mobile .card{
		padding: 0 25px;
	    height: 100%;
	    display: grid;
	    grid-template-rows: 70% auto;
	}
	.b2b-root .recommand-area .collection .grid.mobile .card .img{border-radius:7px;}
	.b2b-root .recommand-area .collection .grid.mobile .card .information{
		border-radius: 7px;
	    padding: 15px 10px;
	    background: #d3ebff;
	    margin-top: 10px;
	    align-self: center;
	    text-align: center;
	    color: #545454;
    	font-size: 15px;
	}
	.b2b-root .recommand-area .collection .grid.mobile .swiper-nav-btn{
		width: 46px;
	    height: 46px;
	    background-color: #ffffff;
	    opacity: .9;
	    border-radius: 50%;
	    font-size: 30px;
	    color: #212121;
	    box-shadow: 0 2px 4px 0 rgb(202 202 202 / 50%);
	    top: 40%;
	}
	.b2b-root .recommand-area .collection .grid.mobile .swiper-nav-btn:after{
		content:' ';
	}
	.b2b-root .recommand-area .collection .grid.mobile .swiper-nav-btn.swiper-button-disabled{
		opacity:.3;
	}
}
@media screen and (max-width : 714px){
	.welcome-host-root .top-vod-banner-container .main-title-area .wrapper {
	    grid-template-columns: 100%;
	}
	.welcome-host-root .top-vod-banner-container .main-title-text .main-title{
		display:none;
	}
	.welcome-host-root .top-vod-banner-container .main-title-text .main-title.mobile{
		display:block;
	}
	.welcome-host-root .top-vod-banner-container .main-title-text{
		text-align:center;
	}
	.welcome-host-root .top-vod-banner-container .main-title-btn-area{
		justify-self: center;
		margin-top: 20px;
	}
	.welcome-host-root .top-vod-banner-container .main-title-area .host-page-move-btn {
		padding: 0 35px;
	}
	.welcome-host-root .solution-information .solution-part-3 .collabor-list-container .collabor-list-title{
		font-size:16px;
	}
	.b2b-root .statistics-area .statistics-title .sub-title{
		display:none;
	}
	.b2b-root .statistics-area .statistics-title .sub-title.mobile{
		display:block;
	}
}
@media screen and (max-width : 650px){
	.welcome-host-root .together-growup .chart-grid .box .chart-title {
		font-size: 24px;
	}
	.welcome-host-root .together-growup .chart-grid .box .chart-footer {
		font-size: 19px;
	}
	.welcome-host-root .together-growup .chart-grid .box:nth-child(2) .chart .inner-grid .graph-item.active .ratio {
		padding: 0 40px;
	}
	.welcome-host-root .solution-information .solution-part-3 .collabor-list-container .collabor-list-title{
		font-size:16px;
	}
}
@media screen and (max-width : 590px){
	.welcome-host-root .top-vod-banner-container .main-title-area .wrapper {
	    width: 65%;
	}
	.welcome-host-root .top-vod-banner-container .main-title-text .main-sub-title{
		font-size:24px;
	}
	.welcome-host-root .together-growup .chart-grid .box .chart-title {
		font-size: 25px;
	}
	.welcome-host-root .together-growup .chart-grid .box .chart-footer {
		font-size: 20px;
	}
	.welcome-host-root .solution-information .solution-part-3 .collabor-list-container .collabor-list-title{
		font-size:15px;
	}
	.main-header > .header{grid-template-columns: 23% auto;}
	.main-header .header .logo{width:90px;}
	.b2b-banner .banner-text-area .banner-title strong{
		font-size: 36px;
	}
	.b2b-banner .banner-text-area .banner-title span{
		font-size: 19px;
	}
	.b2b-banner{height:640px;}
	.b2b-banner .banner-text-area{top:46%;}
	.main-banner-wrap .banner-text-area .wrapper{
		flex-direction: column;
		text-align: center;
	}
	.main-banner-wrap .banner-text-area .banner-right-btn-area {
		place-self: center;
	    margin-top: 30px;
	}
	.b2b-root .statistics-area{padding: 45px 15px;}
	.b2b-root .b2b-footer .summary{display:none;}
	.b2b-root .b2b-footer .summary.mobile{display:block;font-size: 16px;}
	.main-header > .header nav > ol > li {margin-right: 20px;}
}
@media screen and (max-width : 542px){
	.welcome-host-root .top-vod-banner-container .main-title-area .wrapper {
	    width: 70%;
	}
	.welcome-host-root .solution-information .solution-part-3 .collabor-list-container .collabor-list-title{
		font-size:14px;
	}
	.b2b-root .statistics-area{
		padding: 45px 25px;
	}
}
@media screen and (max-width : 510px){
	.welcome-host-root .top-vod-banner-container .main-title-area .wrapper {
	    width: 75%;
	}
	.welcome-host-root .host-concern-container .concern-list li > div{
		font-size:20px;
	}
	.b2b-root .header .workshop-page-move-btn{display:none;}
	.main-header > .header > nav {display: none;}
	.b2b-root .statistics-area {
	    padding: 45px 15px;
	}
}
@media screen and (max-width : 490px){
	.modal.fade.center-scale .modal-body{
		padding: 0 10px;
	}
	.modal-appdownload .appdownload-text01{
		font-size:20px;
		word-break: keep-all;
    	white-space: pre-line;
	}
	.modal-appdownload .appdownload-text02{
		font-size:15px;
		word-break: keep-all;
    	white-space: pre-line;
	}
	.modal-appdownload .appstore-btn-list-area{
		width: 70%;
	}
}
@media screen and (max-width : 500px){
    .footer-floating-btn-area{
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all .2s ease-in-out;
        z-index: 1;
    }
    .footer-floating-btn-area.hiding{
        height:0;
        transition: all .2s ease-in-out;
    }
    .footer-floating-btn-area > button{
        width: 100%;
        height:100%;
        color:#fff;
        background:#ff5862;
        font-size: 20px;
        font-weight: 600;
    }
}
@media screen and (max-width : 480px){
	.welcome-host-root{
		padding-bottom:80px;
	}
	.welcome-host-root .together-growup .wrapper{
		width:90%;
	}
	.welcome-host-root .together-growup .chart-grid .box:nth-child(2) .chart .inner-grid .graph-item.active .ratio {
		padding: 0px 30px;
	}
	.welcome-host-root .solution-information .solution-part-3 .collabor-list-container{
		height:56px;
		grid-template-columns: 20% auto;
	}
	.welcome-host-root .author-benefit.step-1 .benefit-box .benefit-swiper{
		padding-bottom: 150%;
    	width: 90%;
	}
	.welcome-host-root .author-benefit.step-1 .benefit-box .mobile-form-wrapper{
		width:80%;
	}
	.welcome-host-root .author-benefit.step-1 .benefit-box .swiper-slide .footer-box > span{
		font-size: 15px;
    	padding: 14px 10px;
	}
	.welcome-host-root .author-benefit.step-1 .benefit-box .benefit-3 .inner-wrapper .chat-view{
	    top: 65%;
	}
	.b2b-root .header .wrapper .logo, .welcome-host-root .header .wrapper .logo, .main-header .header .logo{
		left: 50%;
	    transform: translateX(-50%);
	    height: 27px;
	    background-position: center;
	    top: 18px;
	}
	.header.fixed-header .host-page-move-btn{
		display:none;
	}
	.welcome-host-root .header .host-page-move-btn{
	    width: unset;
	    padding: 0 15px;
	}
	.welcome-host-root .solution-information .solution-part-1 .logo {
	    width: 45%;
	}
	.welcome-host-root .top-vod-banner-container .main-title-area .wrapper{
		grid-template-columns: 100%;
    	align-items: center;
    	width: 86%;
	}
	.welcome-host-root .top-vod-banner-container .main-title-btn-area{
		margin-top: 30px;
    	justify-self: center;
	}
	.welcome-host-root .top-vod-banner-container .main-title-text .main-title{
		font-size: 40px;
	    text-align: center;
	    width: 100%;
	}
	.welcome-host-root .top-vod-banner-container .main-title-text .main-sub-title{
		font-size: 25px;
	    text-align: center;
	}
	.welcome-host-root .host-concern-container .wrapper{
		padding: 20px 20px 20px 20px;
	}
	.welcome-host-root .host-concern-container .concern-title .title{
		font-size: 30px;
	}
	.welcome-host-root .host-concern-container .concern-title::after{
		width: 60px;
    	height: 60px;
	}
	.welcome-host-root .host-concern-container .concern-list{
		display:none;
	}
	.welcome-host-root .host-concern-container .concern-list-m{
		display:block;
	}
	.welcome-host-root .host-concern-container .concern-list li > div{
		padding: 20px 31px;
    	font-size: 18px;
	}
	.welcome-host-root .solution-information .solution-information-title{
		font-size:35px;
	}
	.welcome-host-root .solution-information .solution-part .solution-part-title{
		font-size:25px;
	}
	.welcome-host-root .solution-information .solution-part .solution-part-sub-title{
		display:none;
		font-size:18px;
		padding:0 10px;
    	line-height: 1.4;
	}
	.welcome-host-root .solution-information .solution-part .solution-part-sub-title.mobile{
		display:block;
	}
	.welcome-host-root .solution-information .solution-part-1 .line-virtual-table{
		display:none;
	}
	.welcome-host-root .solution-information .solution-part-1 .property-table{
		display:none;
	}
	.welcome-host-root .solution-information .solution-part-1 .property-table-m{
		display:grid;
		
	}
	.welcome-host-root .solution-information .solution-part-1 .property-table-m .line{
		display: grid;
		grid-template-columns: 50% 50%;
		grid-template-rows: 20px;
	}
	.welcome-host-root .solution-information .solution-part-1 .property-table-m .line div:nth-child(1){
		border-right:1px solid #ffcfd2;
	}
	.welcome-host-root .solution-information .solution-part-1 .property-table-m .item{
		background: #ff5862;
	    color: #fff;
	    width: 45%;
	    margin: 0 auto;
	    border-radius: 32px;
	    padding: 15px 0;
	    font-size: 20px;
		font-weight: 600;
	}
	.welcome-host-root .solution-information .solution-part-2 .external-interlink{
		width: 85%;
	}
	.welcome-host-root .solution-information .solution-part-3 .collabor-list-header-img{
		width: 55%;
	}
	.welcome-host-root .solution-information .solution-part-3 .collabor-list-container .collabor-list-title{
		display:none;
	}
	.welcome-host-root .solution-information .solution-part-3 .collabor-list-container .collabor-list-title-m{
		display: block;
	    color: #ff5862;
	    font-size: 13px;
	    justify-self: center;
	    padding-left: 5px;
	    line-height: 1.1;
	}
	.welcome-host-root .solution-information .solution-part .solution-content{
		margin-bottom: 90px;
	}
	.welcome-host-root .together-growup .title{
		font-size:35px;
	}
	.welcome-host-root .together-growup .chart-grid{
		padding-bottom: 220%;
	}
	.welcome-host-root .together-growup .chart-grid .chart-wrapper{
		grid-template-columns: 100%;
    	grid-template-rows: 50% 50%;
	}
	.welcome-host-root .together-growup .chart-grid .box:nth-child(2) .chart .grow-up-img{
		width:48%;
	}
	.welcome-host-root .together-growup .chart-grid .box{
		grid-template-rows: 15% auto 15%;
		padding: 0;
   		padding-top: 40px;
	}
	.welcome-host-root .together-growup .chart-grid .box .chart-title{
		font-size: 28px;
	}
	.welcome-host-root .together-growup .chart-grid .box .chart-footer{
		font-size: 20px;
	}
	.welcome-host-root .together-growup .chart-grid .box .chart{
		padding:18px;
	}
	.welcome-host-root .together-growup .chart-grid .box:nth-child(1) .chart .inner-grid .graph-item.active .category{
		padding-right: 10px;
    	font-size: 15px;
	}
	.welcome-host-root .together-growup .chart-grid .box:nth-child(1) .chart .inner-grid .graph-item .category{
		padding-right: 13px;
    	font-size: 13px;
	}
	.welcome-host-root .contents .author-story .author-story-title{
		display:none;
	}
	.welcome-host-root .contents .author-story .author-story-title-m{
		display:block;
		font-weight: 700;
	    font-size: 35px;
	    margin-bottom: 50px;
	}
	.welcome-host-root .contents .author-story{
		padding: 120px 15px 60px 15px;
	}
	.welcome-host-root .contents .author-story .author-story-item{
		grid-template-columns: 37% auto;
    	grid-template-rows: 158px;
	}
	.welcome-host-root .contents .author-story .author-story-item .story-detail{
		grid-template-rows: 22% auto 50%;
	    padding: 2px 0;
	    font-size: 17px;
	    padding-top: 5px;
	    padding-left: 10px;
	}
	.welcome-host-root .contents .author-story .author-story-item .story-detail .nick{
		font-size: 21px;
	}
	.welcome-host-root .author-benefit .author-benefit-title{
		font-size:35px;
	}
	.welcome-host-root .author-benefit .author-benefit-sub-title{
		display:none;
	}
	.welcome-host-root .author-benefit .author-benefit-sub-title-m{
		display:block;
		color: #555555;
		font-size:23px;
	}
	.welcome-host-root .author-benefit .benefit-box .benefit-title-img{
		width:20%;
	}
	.welcome-host-root .author-benefit .benefit-box .benefit-sub-title{
		display:none;
	}
	.welcome-host-root .author-benefit .benefit-box .benefit-sub-title-m{
		display:block;
		font-size: 18px;
		line-height:1.4;
	    color: #555555;
	    margin-bottom: 20px;
	}
	.welcome-host-root .author-benefit .benefit-box.step-1 .swiper-slide{
		grid-template-rows: auto 15%;
	}
	.welcome-host-root .author-benefit .benefit-box.step-1 .swiper-slide .footer-box > span{
		font-size:17px;
		padding: 18px 10px;
	}
	.welcome-host-root .author-benefit .benefit-box.step-1 .btns{
		margin: 0 5%;
		padding-bottom: 10px;
	}
	.welcome-host-root .author-benefit .benefit-box.step-1 .btns .btn{
		margin: 0 10px;
	}
	.welcome-host-root .author-benefit .benefit-box.step-1 .benefit-swiper{
		width: 95%;
    	padding-bottom: 135%;
    	margin-top: 8px;
	}
	.welcome-host-root .author-benefit .benefit-box.step-1 .mobile-form-wrapper{
		width:75%;
	}
	.welcome-host-root .author-benefit .benefit-box.step-1 .benefit-3 .inner-wrapper .chat-view{
		top:65%;
	}
	.welcome-host-root .author-benefit .benefit-box.step-1 .benefit-3 .inner-wrapper .chat-view .chat-detail .title{
		font-size: 13px;
	}
	.welcome-host-root .author-benefit .benefit-box.step-1 .benefit-3 .inner-wrapper .chat-view .chat-detail .content{
		font-size: 12px;
	}
	.welcome-host-root .author-benefit .benefit-box.step-2 .benefit-process img{
		width: 100%;
	}
	.welcome-host-root .author-benefit .benefit-box.step-3 .chat-view .chat > img{
		width: 95%;
	}
	.welcome-host-root .author-regist-guide .title{
		font-size:35px;
	}
	.welcome-host-root .author-regist-guide .sub-title{display:none;}
	.welcome-host-root .author-regist-guide .sub-title-m{
		display:block;
		font-size:23px;
	}
	.welcome-host-root .author-faq .sub-title{font-size:23px;}
	.welcome-host-root .author-regist-guide .author-regist-step-container{
		padding-bottom: 200%;
	}
	.welcome-host-root .author-regist-guide .author-regist-step{
		grid-template-columns: 100%;
	    grid-template-rows: 1.75fr 1fr 2.5fr 1fr 2.5fr;
	    left: 50%;
	    transform: translateX(-50%);
	    width: 68%;
	}
	.welcome-host-root .author-regist-guide .author-regist-step .right-arrow-box{
		grid-template-rows: 100%;
	}
	.welcome-host-root .author-regist-guide .author-regist-step .right-arrow-box > .right-arrow{
		height: 30%;
    	transform: rotate(90deg);
	}
	.welcome-host-root .author-regist-guide .author-regist-step .step-1{
		grid-template-rows: 100%;
	}
	.welcome-host-root .author-faq .faq-list{
		margin: 0 15px;
	}
	.welcome-host-root .author-regist-guide .author-regist-step .step-box .hint{
		font-size:15px;
		margin-top: 10px;
	}
	.welcome-host-root .author-regist-guide .author-regist-step .btn-link{
		font-size:16px;
	}
	.welcome-host-root .welcome-host-footer{
		padding-top: 20px;
	}
	.welcome-host-root .welcome-host-footer .sns-contact-bar{
		display:none;
	}
	.welcome-host-root .welcome-host-footer .sns-contact-bar-m{
		display:block;
	}
	.welcome-host-root .welcome-host-footer .sns-contact-bar-m .wrapper{
		display:grid;
		grid-template-columns: repeat(3, 1fr);
	    grid-template-rows: 1fr 1fr;
	    width: 100%;
	    padding: 50px 65px 50px 65px;
    	height: 268px;
    	background: #fff3f4;
    	margin-bottom: 70px;
	}
	.welcome-host-root .welcome-host-footer .sns-contact-bar-m .wrapper .txt{
		grid-column: 1/4;
		font-size: 18px;
    	padding: 0 20px;
    	justify-self: center;
	}
	.welcome-host-root .welcome-host-footer .btn-area{
		display:none;
	}
	.welcome-host-root .contents .author-story .more-author-story-btn {
	    padding: 13px 25px;
	    font-size: 15px;
	}
	.main-header{
		height:62px;
	}
	.main-header > .header{
		grid-template-columns: 100%;
   		grid-template-rows: 1fr;
	}
	.main-header > .header > div{
		position:relative;
		width:100%;
		height:100%;
	}
	.main-header > .header > nav{
		display:none;
	}
	.main-header > .header > .right-btn-area{
		display:none;
	}
	.main-header > .header h1.logo{
		top:50%;
		left:50%;
		transform: translate(-50%, -50%);
	}
	.main-header > .header h1.logo a{
		height:27px;
	}
	.main-header .header-close-btn{
		display: block;
	    color: #fff;
	    position: absolute;
	    left: 3%;
	    top: 50%;
	    font-size: 20px;
	    transform: translateY(-50%);
	}
	.main-header.blk .header-close-btn{
		color: #000;
	}
	.main-header-spacer{
		height:62px;	
	}
	.b2b-root .main-contents > div{
		width:95%;
		padding-bottom: 120px;
	}
	.b2b-root .statistics-area{
		height: auto;
    	background-position: center 40px;
    	text-align:center;
		padding: 40px 60px;
		padding-top: 110px;
		padding-bottom: 50px !important;
	}
	.b2b-root .statistics-area ul{
		flex-direction: column;
	}
	.b2b-root .statistics-area ul > li{
		border-right:none;
		border-bottom:.5px solid #979797;
		margin-bottom: 25px;
    	padding-bottom: 25px;
    	line-height: 1.2;
	}
	.b2b-root .statistics-area ul > li:last-child{
		border-bottom:none;
	}
	.b2b-root .statistics-area .statistics-title .sub-title{
		font-size: 17px;
    	margin-top: 20px;
    	padding: 0 36px;
	}
	.b2b-root .statistics-area ul > li .numeric{
		font-size:50px;
	}
	.b2b-root .statistics-area ul > li .item-title{
		font-size:20px;
	}
	.b2b-process-area{
		padding-bottom: 0;
	}
	.b2b-process-area .process-main-title{
		text-align:center;
	}
	.b2b-process-area .liveclass .title, .b2b-process-area .onlineclass .title{
		text-align:center;
	}
	.b2b-process-area .process{
		display:none;
	}
	.b2b-process-area .process.mobile{
		display:block;
	}
	.b2b-process-area .process.mobile .swiper .swiper-nav-btn{
		width: 35px;
    	height: 35px;
	    top: 35%;
	    background-position: center;
	    background-repeat: no-repeat;
	    background-size: contain;
	}
	.b2b-process-area .process.mobile .swiper .swiper-nav-btn.swiper-button-disabled{
		opacity:.2;
	}
	.b2b-process-area .process.mobile .swiper .swiper-nav-btn:after{
		content:' ';
	}
	.b2b-process-area .process.mobile .swiper .swiper-button-next{
	    
	}
	.b2b-process-area .process.mobile .swiper .swiper-button-prev{
		transform: rotate(180deg);
	}
	.b2b-process-area .process .step .ico{
		padding:0 30%;
	}
	.b2b-process-area .liveclass .process.mobile .swiper .swiper-nav-btn{
		background-image: url(../image/icon/liveclass-right-arrow.png);
	}
	.b2b-process-area .onlineclass .process.mobile .swiper .swiper-nav-btn{
		background-image: url(../image/icon/onlineclass-right-arrow.png);
	}
	.b2b-root .recommand-area{
	    padding-bottom: 10px;
	}
	.b2b-root .recommand-area .main-title{
		display:none;
	}
	.b2b-root .recommand-area .main-title.mobile{
		display:block;
		text-align:center;
		line-height: 1.2;
	}
	.b2b-root .recommand-area .main-title.mobile > span{
		margin-top: 20px;
    	display: block;
	}
	.b2b-root .recommand-area .collection .collection-title{
		text-align:center;
	}
	.b2b-root .b2b-string-banner-1{
		background-image: url(../image/pc-b2b-main-banner-m.png);
    	margin-top: 50px !important;
    	margin-bottom: 0 !important;
	    width: 100% !important;
	    background-size: 100% auto;
	}
	.b2b-root .b2b-string-banner-2{
		background-image: url(../image/pc-b2b-main-banner2-m.png);
    	margin-top: 0 !important;
    	margin-bottom: 10px !important;
	    width: 100% !important;
	    background-size: 100% auto;
	}
	.b2b-root .main-contents .collabor{
		display:none;
	}
	.b2b-root .main-contents .collabor.mobile{
		display:block;
		width:100%;
		margin-top: 80px;
	}
	.b2b-root .main-contents .collabor.mobile .wrapper{
		padding:40px 0;
		box-shadow: 2px 2px 11px 0 rgba(143, 143, 143, 0.5);
	}
	.b2b-root .collabor .main-title{
		margin-top:0;
		text-align:center;
		margin-bottom: 30px;
	}
	.b2b-root .main-contents .collabor.mobile .swiper-wrapper{
		align-items: center;
	}
	.b2b-root .main-contents .collabor.mobile .swiper-slide img{
		width:100%;
		height:auto;
		position:relative;
		display:block;
		object-fit: contain;
	}
	.b2b-root .press-area .main-title{
		text-align:center;
	}
	.b2b-root .press-area .press-list .press{
		grid-template-columns: 100%;
    	grid-template-rows: 50% 50%;
    	justify-items: center;
    	margin: 10px 10px;
    	padding: 28px 5px;
	}
	.b2b-root .press-area .press-list .press .summary{
		display:none;
	}
	.b2b-root .press-area .press-list .press .date{
		font-size:20px;
	}
	.b2b-root .b2b-footer .summary{display:none;}
	.b2b-root .b2b-footer .summary.mobile{display:block;font-size: 14px;}
	.b2b-root .b2b-footer .btn-area{
		display:none;
	}
	.b2b-process-area .process .sub-title{
		font-size:16px;
	}
	.b2b-process-area .process .description{
		font-size:14px;
	}
	.b2b-root .b2b-footer .title{
		font-size:30px;
	}
}
@media screen and (max-width : 451px){
	.welcome-host-root .top-vod-banner-container .main-title-text .main-title{
		font-size: 37px;
	}
}
@media screen and (max-width : 432px){
	.welcome-host-root .host-concern-container .concern-list li > div{
		padding: 15px 10px;
		font-size:16px;
	}
}
@media screen and (max-width : 425px){
	.welcome-host-root .top-vod-banner-container .main-title-text .main-title{
		font-size: 36px;
	}
	.welcome-host-root .top-vod-banner-container .main-title-text .main-sub-title{
		font-size: 22px;
	}
	.welcome-host-root .host-concern-container .concern-title .title{
		font-size: 27px;
	}
	.welcome-host-root .host-concern-container .concern-title::after{
		width: 56px;
    	height: 56px;
	}
	.welcome-host-root .host-concern-container .concern-list li > div{
		padding: 15px 10px;
    	font-size: 17px;
	}
	.welcome-host-root .solution-information .solution-information-title{
		font-size:35px;
	}
	.welcome-host-root .solution-information .solution-part .solution-part-title{
		font-size:25px;
	}
	.welcome-host-root .solution-information .solution-part .solution-part-sub-title{
		font-size:18px;
	}
	.welcome-host-root .author-benefit .benefit-box.step-1 .btns .btn{
		margin: 0 7px;
	}
	.welcome-host-root .author-benefit .benefit-box.step-1 .swiper-slide .footer-box > span {
		font-size: 14px;
    	padding: 14px 7px;
	}
	.welcome-host-root .solution-information .solution-part-3 .collabor-list-header-img{
		width:65%;
	}
	.welcome-host-root .solution-information .solution-part-3 .collabor-list-container{
		transform: translateY(-21px);
	}
	.welcome-host-root .contents .author-story .author-story-item{
		grid-template-columns: 37% auto;
    	grid-template-rows: 133px;
	}
	.welcome-host-root .contents .author-story .author-story-item .story-detail {
	    grid-template-rows: 20% auto 50%;
	    padding: 2px 0;
	    font-size: 15px;
	    padding-top: 6px;
	    padding-left: 6px;
	}
	.welcome-host-root .contents .author-story .author-story-item .story-detail .nick{
		font-size: 18px;
	}
	.welcome-host-root .together-growup .chart-grid .box .chart-title{
		font-size:26px;
	}
	.welcome-host-root .together-growup .chart-grid .box .chart-footer{
		font-size:17px;
	}
	.welcome-host-root .together-growup .chart-grid .box:nth-child(2) .chart .inner-grid .graph-item.active .ratio {
		font-size: 15px;
		padding: 0px 23px;
    	margin-bottom: 8px;
	}
	.welcome-host-root .author-benefit .benefit-box.step-1 .mobile-form-wrapper{
		width: 80%;
	}
	.welcome-host-root .author-benefit .benefit-box.step-1 .benefit-swiper{
		padding-bottom: 140%;
	}
	.welcome-host-root .author-regist-guide .author-regist-step .step-box .hint {
	    font-size: 13px;
	}
	.welcome-host-root .welcome-host-footer .summary{
		padding: 0 10%;
	}
	.welcome-host-root .welcome-host-footer .sns-contact-bar-m .wrapper .txt{
    	padding: 0;
	}
	.welcome-host-root .welcome-host-footer .sns-contact-bar-m .wrapper{
		padding: 50px 40px 50px 40px;
	}
	.welcome-host-root .together-growup .chart-grid .box:nth-child(2) .chart{
		padding:8px 20px 10px 20px;
	}
	.welcome-host-root .author-benefit .benefit-box.step-1 .benefit-1 .mobile-form-wrapper .inner-wrapper{
		background-position: center 7px;
	}
	.welcome-host-root .author-benefit .benefit-box.step-1 .benefit-3 .mobile-form-wrapper .inner-wrapper{
		background-position: center 3px;
	}
	.welcome-host-root .contents .author-story .more-author-story-btn {
	    font-size: 14px;
	}
	.b2b-root .statistics-area .statistics-title .sub-title{
		padding: 0 7px;
	}
	.b2b-banner .banner-text-area .banner-title strong{
		font-size:36px;
	}
}
@media screen and (max-width : 412px){
	.welcome-host-root .top-vod-banner-container .main-title-text .main-title{
		font-size:32px;
	}
	.welcome-host-root .top-vod-banner-container .main-title-text .main-sub-title{
		font-size:20px;
	}
}
@media screen and (max-width : 375px){
	.welcome-host-root .top-vod-banner-container .main-title-area .wrapper{
		width: 100%;
	}
	.welcome-host-root .top-vod-banner-container .main-title-text .main-title{
		font-size:30px;
	}
	.welcome-host-root .host-concern-container .wrapper{
		padding:20px 10px 20px 10px;
	}
	.welcome-host-root .host-concern-container .concern-list li > div {
	    padding: 13px 17px;
	    font-size: 15px;
	    word-break: keep-all;
	}
	.welcome-host-root .solution-information .solution-part .solution-part-title {
	    font-size: 21px;
	}
	.welcome-host-root .solution-information .solution-part .solution-part-sub-title {
	    font-size: 16px;
	}
	.welcome-host-root .together-growup .chart-grid {
	    padding-bottom: 215%;
	}
	.welcome-host-root .together-growup .title {
	    font-size: 33px;
	}
	.welcome-host-root .together-growup .chart-grid .box:nth-child(1) .chart .inner-grid {
		width: 80%;
	}
	.welcome-host-root .together-growup .chart-grid .box .chart-title {
	    font-size: 22px;
	}
	.welcome-host-root .together-growup .chart-grid .box .chart-footer{
		font-size:15px;
	}
	.welcome-host-root .together-growup .chart-grid .box{
		padding-top:0;
	}
	.welcome-host-root .contents .author-story .author-story-title-m{
		font-size:32px;
	}
	.welcome-host-root .contents .author-story .author-story-item .story-detail{
		font-size:13px;
	}
	.welcome-host-root .contents .author-story .author-story-item .story-detail .nick {
	    font-size: 16px;
	}
	.welcome-host-root .contents .author-story .author-story-item .story-detail{
		padding-top:0;
	}
	.welcome-host-root .contents .author-story .author-story-item{
		grid-template-rows: 112px;
	}
	.welcome-host-root .author-benefit .author-benefit-title {
	    font-size: 32px;
	}
	.welcome-host-root .author-benefit .author-benefit-sub-title-m{
		font-size:22px;
	}
	.welcome-host-root .author-benefit .benefit-box .benefit-title-img{
		width: 25%;
	}
	.welcome-host-root .author-benefit .benefit-box .benefit-title{
		font-size: 24px;
	}
	.welcome-host-root .author-benefit .benefit-box .benefit-sub-title-m{
		font-size: 16px;
	}
	.welcome-host-root .author-benefit .benefit-box.step-1 .mobile-form-wrapper {
	    width: 75%;
	}
	.welcome-host-root .author-benefit .benefit-box.step-1 .swiper-slide .footer-box > span {
	    font-size: 13px;
	    padding: 12px 5px;
	}
	.welcome-host-root .author-benefit .benefit-box.step-1 .benefit-swiper {
    	padding-bottom: 130%;
	    width: 95%;
	    margin-top: 0px;
	}
	.welcome-host-root .author-benefit .benefit-box.step-1 .benefit-3 .inner-wrapper .chat-view .chat .app-icon{
		background-size: 30px 30px;
	}
	.welcome-host-root .author-benefit .benefit-box.step-1 .benefit-3 .inner-wrapper .chat-view {
	    top: 69%;
	}
	.welcome-host-root .author-benefit .benefit-box.step-1 .benefit-3 .inner-wrapper .chat-view .chat{
		padding:4px 0;
	}
	.welcome-host-root .author-benefit .benefit-box.step-1 .benefit-3 .inner-wrapper .chat-view .chat-detail .title{
		font-size: 12px;
	}
	.welcome-host-root .author-benefit .benefit-box.step-1 .benefit-3 .inner-wrapper .chat-view .chat-detail .content{
		font-size: 11px;
	}
	.welcome-host-root .author-regist-guide .author-regist-step{
		width: 72%;
	}
	.welcome-host-root .author-regist-guide .author-regist-step .step-box .hint{
		font-size:12px;
	}
	.welcome-host-root .author-faq .faq-item{
		font-size: 16px;
	}
	.welcome-host-root .welcome-host-footer .summary {
	    padding: 0 10%;
	    font-size: 16px;
	}
	.welcome-host-root .solution-information .solution-part-1 .logo {
	    width: 45%;
	    height: auto;
	}
	.welcome-host-root .solution-information .solution-part-1 .property-table-m .item {
	    width: 45%;
	}
	.welcome-host-root .together-growup .chart-grid .box:nth-child(2) .chart .inner-grid .graph-item.active .ratio{
		padding: 0px 15px;
	}
	.welcome-host-root .together-growup .chart-grid .box:nth-child(2) .chart .grow-up-img {
		width: 50%;
	}
	.welcome-host-root .author-benefit{
		padding-top: 70px;
	}
	.welcome-host-root .together-growup .chart-grid .box:nth-child(1) .chart .chart-info{
		font-size: 11px;
	}
	.welcome-host-root .together-growup .chart-grid .box:nth-child(2) .chart .chart-info{
		font-size: 12px;
    	padding: 6px 10px;
	}
	.welcome-host-root .together-growup .chart-grid .box:nth-child(2) .chart .inner-grid .graph-item .category{
		font-size: 13px;
	}
	.welcome-host-root .author-regist-guide .sub-title-m {
    	font-size: 20px;
	}
	.welcome-host-root .together-growup .chart-grid .box:nth-child(2){
		margin-top:10px;
	}
	.welcome-host-root .contents .author-story .more-author-story-btn {
	    font-size: 12px;
		padding: 10px 15px;
	}
	.b2b-banner .banner-text-area .banner-title strong{
		font-size:34px;
	}
	.b2b-banner .banner-text-area .banner-title span{
		font-size:18px;
	}
	.b2b-root .statistics-area{
		padding: 40px 40px;
    	padding-top: 110px;
	}
	.b2b-root .main-contents > div{
		padding-bottom:80px;
	}
	.b2b-root .b2b-footer{
		padding-bottom:120px !important;
	}
	.b2b-root .press-area .press-list .press .press-title {
		font-size: 17px;
	}
}
@media screen and (max-width : 320px){
	.welcome-host-root .top-vod-banner-container .main-title-text .main-title {
	    font-size: 28px;
	    padding: 0 10px;
	}
	.welcome-host-root .top-vod-banner-container .main-title-text .main-sub-title {
	    font-size: 18px;
	}
	.welcome-host-root .host-concern-container .concern-list li > div {
		padding: 13px 5px;
		font-size: 14px;
	}
	.welcome-host-root .host-concern-container .concern-title .title {
		font-size: 22px;
	}
	.welcome-host-root .host-concern-container .concern-title::after {
	    width: 45px;
	    height: 45px;
	}
	.welcome-host-root .solution-information .solution-information-title {
		font-size: 26px;
	}
	.welcome-host-root .solution-information .solution-part .solution-part-title {
		font-size: 18px;
	}
	.welcome-host-root .solution-information .solution-part .solution-part-sub-title {
	    font-size: 14px;
	    padding: 0;
	}
	.welcome-host-root .solution-information .solution-part-1 .logo {
	    width: 45%;
		height: auto;
	}
	.welcome-host-root .solution-information .solution-part-1 .property-table-m .item {
    	width: 45%;
	}
	.welcome-host-root .solution-information .solution-part-3 .collabor-list-container {
	    grid-template-columns: 24% auto;
	    height: 47px;
	}
	.welcome-host-root .solution-information .solution-part-3 .collabor-list-container .collabor-list-title-m {
    	font-size: 12px;
	}
	.welcome-host-root .together-growup .title {
	    font-size: 26px;
	}
	.welcome-host-root .together-growup .chart-grid .box .chart-title {
	    font-size: 18px;
	}
	.welcome-host-root .together-growup .chart-grid .box:nth-child(1) .chart .inner-grid {
	    width: 80%;
	}
	.welcome-host-root .together-growup .chart-grid .box:nth-child(1) .chart .additional-img {
	    position: absolute;
	    width: 20%;
	    top: 8%;
	}
	.welcome-host-root .together-growup .chart-grid .box:nth-child(1) .chart .inner-grid .graph-item .category {
	    font-size: 13px;
	}
	.welcome-host-root .together-growup .chart-grid .box:nth-child(1) .chart .inner-grid .graph-item.active .category {
    	font-size: 15px;
	}
	.welcome-host-root .together-growup .chart-grid .box:nth-child(1) .chart .inner-grid .graph-item .bar-graph .ratio {
	    font-size: 12px;
	}
	.welcome-host-root .together-growup .chart-grid .box:nth-child(1) .chart .inner-grid .graph-item.active .ratio {
	    font-size: 13px;
	}
	.welcome-host-root .together-growup .chart-grid .box:nth-child(1) .chart .chart-info {
    	font-size: 9px;
	}
	.welcome-host-root .together-growup .chart-grid .box .chart-footer {
	    font-size: 13px;
	}
	.welcome-host-root .together-growup .chart-grid .box:nth-child(2) .chart .chart-info {
    	padding: 8px 9px;
    	font-size: 10px;
    	top: 7%;
	}
	.welcome-host-root .together-growup .chart-grid .box:nth-child(2) .chart .inner-grid .graph-item.active .ratio{
		font-size: 12px;
	    padding: 0 12px;
	    padding-bottom: 6px;
	}
	.welcome-host-root .together-growup .chart-grid .box .chart {
    	padding: 15px 8px;
	}
	.welcome-host-root .together-growup .chart-grid .box:nth-child(2) .chart .inner-grid .graph-item .bar-graph {
	    grid-template-rows: 15% auto;
	}
	.welcome-host-root .together-growup .chart-grid .box:nth-child(2) .chart .inner-grid .graph-item .category {
	 	font-size: 13px;
	}
	.welcome-host-root .solution-information .solution-part .solution-content {
	    margin-bottom: 0px;
	}
	.welcome-host-root .contents .author-story .author-story-title-m {
	    font-size: 26px;
	}
	.welcome-host-root .contents .author-story {
		padding: 80px 10px 60px 10px;
	}
	.welcome-host-root .full-pink-bg .wrapper {
    	padding-bottom: 30px;
	}
	.welcome-host-root .contents .author-story .author-story-item .story-detail {
    	grid-template-rows: 20% auto 55%;
	}
	.welcome-host-root .contents .author-story .author-story-item .story-detail .content{
		-webkit-line-clamp: 4;
	}
	.welcome-host-root .author-benefit{
		padding-top: 40px;
	}
	.welcome-host-root .author-benefit .author-benefit-title {
		font-size: 26px;
	}
	.welcome-host-root .author-benefit .author-benefit-sub-title-m {
		font-size: 18px;
	}
	.welcome-host-root .author-benefit .benefit-box .benefit-title-img {
		margin-top: 60px;
	}
	.welcome-host-root .author-benefit .benefit-box .benefit-title {
		font-size: 21px;
	}
	.welcome-host-root .author-benefit .benefit-box .benefit-sub-title-m {
		font-size: 14px;
	}
	.welcome-host-root .author-benefit .benefit-box.step-1 .btns {
		margin: 0;
		padding-top: 15px;
		padding-bottom: 20px;
	}
	.welcome-host-root .author-benefit .benefit-box.step-1 .btns .btn {
		margin: 0px 3px;
		font-size: 15px;
	}
	.welcome-host-root .author-benefit .benefit-box.step-1 .swiper-slide .footer-box > span {
		font-size: 11px;
	}
	.welcome-host-root .author-benefit .benefit-box.step-1 .benefit-3 .inner-wrapper .chat-view .chat-detail .title {
		font-size: 11px;
	}
	.welcome-host-root .author-benefit .benefit-box.step-1 .benefit-3 .inner-wrapper .chat-view .chat-detail .content {
		font-size: 10px;
	}
	.welcome-host-root .author-benefit .benefit-box.step-1 .mobile-form-wrapper .inner-wrapper{
		background-position-y: 7px;
	}
	.welcome-host-root .author-regist-guide .title {
		font-size: 26px;
	}
	.welcome-host-root .author-regist-guide .sub-title-m {
		font-size: 18px;
	}
	.welcome-host-root .author-regist-guide .author-regist-step .step-box .box{
		font-size: 20px;
	}
	.welcome-host-root .author-regist-guide .author-regist-step .step-box .hint {
		font-size: 11px;
	}
	.welcome-host-root .author-regist-guide .author-regist-step .btn-link {
		font-size: 13px;
	}
	.welcome-host-root .author-faq{
		padding-top: 80px;
	}
	.welcome-host-root .author-faq .title {
    	font-size: 26px;
	}
	.welcome-host-root .author-faq .sub-title {
		font-size: 18px;
	}
	.welcome-host-root .author-faq .faq-item {
		font-size: 13px;
	}
	.welcome-host-root .welcome-host-footer .sns-contact-bar-m .wrapper{
		height: 224px;
	}
	.welcome-host-root .welcome-host-footer .sns-contact-bar-m .wrapper .txt {
		font-size: 15px;
	}
	.welcome-host-root .welcome-host-footer .title {
		font-size: 28px;
	}
	.welcome-host-root .welcome-host-footer .summary {
		font-size: 14px;
	}
	.welcome-host-root .author-benefit .benefit-box.step-1 .benefit-3 .mobile-form-wrapper .inner-wrapper{
		background-position: center 13px;
	}
	.welcome-host-root .author-benefit .benefit-box.step-1 .benefit-3 .inner-wrapper .chat-view .chat{
		margin-bottom:5px;
	}
	.welcome-host-root .together-growup .chart-grid .box:nth-child(1) .chart .inner-grid .graph-item .bar-graph .bar{
		margin-right:5px;
	}
	.welcome-host-root .author-regist-guide .author-regist-step{
		width: 75%;
	}
	.welcome-host-root .contents .author-story .more-author-story-btn {
	    font-size: 11px;
	}
	.b2b-banner .banner-text-area .banner-title strong {
	    font-size: 29px;
	}
	.b2b-banner .banner-text-area .banner-title span {
	    font-size: 15px;
	}
	.b2b-root .statistics-area {
    	padding: 40px 17px;
		padding-top: 110px;
	}
	.b2b-root .recommand-area .main-title.mobile > span{
		font-size: 16px;
	}
	.b2b-root .recommand-area .collection .grid.mobile .card{
	    height: 280px;
	    grid-template-rows: 70% auto;
	}
	.b2b-root .press-area .press-list .press .press-title{
		font-size:15px;
	}
	.b2b-root .b2b-footer .title{font-size: 30px;}
	.b2b-root .main-contents .collabor.mobile{
	    margin-bottom: 20px;
	}
	.modal > .modal-dialog{
		min-width:unset;
		width:100%;
	}
}