.sub_visual {
	height: 660px;
	display: flex;
}
.sub_visual .visual_inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 1400px;
	margin: auto;
	padding: 100px 0px;
	flex-wrap: wrap;
	position: fixed !important;
	box-sizing: border-box;
    top: 80px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 1 !important;
    color: #fff;
}
.sub_visual .visual_inner .tit_visual {
	display: flex;
	flex-direction: column;
	row-gap: 35px;
}
.sub_visual .visual_inner .tit_visual .tit_page {
	font-size: var(--page-font-size) !important;
	font-weight: 900 !important;
	color: var(--primary-color) ;
	line-height: 1.2;
	text-align: left;
	padding: 0px !important;
}
.sub_visual .visual_inner .tit_visual li {
	font-size: var(--desc-font-size);
	line-height: 1.3em;
}
.scroll_inner {
	background: #fff;
    position: relative;
    z-index: 20;
    word-break: keep-all;
}
main .page_intro {
	padding: 100px 0px 80px;
	text-align: center;
}
main .intro_content {
	text-align: center;
	font-size: var(--intro-font-size);
	font-weight: 700;
	line-height: 1.4em;
}
main .intro_content span {
	color: var(--primary-color);
}
main .desc_content {
	text-align: center;
	font-size: var(--desc-font-size);
	font-weight: 400;
	line-height: 1.4;
	margin:30px 0px;
}
main .desc_content span {
	font-weight: 700;
	color: var(--text-color);
}
main .tab_page {
	width: 30%;
	margin: auto;
	border: 1px solid #ddd;
	border-radius: var(--round-border-radius);
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	padding: 10px 15px; 
	justify-content: center;
}
main .tab_page li {
	font-size: var(--large-font-size);
	font-weight: 700;
	color: var(--default-color);
	padding: 15px 10px;
	position: relative;
	text-align: center;
	cursor: pointer;
}
main .tab_page li.active {
	color: var(--white-color);
	background: var(--primary-color);
	border-radius: var(--round-border-radius);
	padding: 15px 30px;
}
main .intro_area {
	width: 1200px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	column-gap:40px;
	padding: 100px 0px;
}
main .intro_area .tit {
	font-size: var(--tit-font-size);
	font-weight: 700;
	color: var(--primary-color);
	text-align: left;
}
main .intro_area .stit {
	font-size: var(--mtit-font-size);
	margin: 20px 0px 15px;
	font-weight: 700;
	text-align: left;
}
main .intro_area .stit span {
	color: var(--primary-color);
}
main .intro_area .summary {
	font-size: var(--stit-font-size);
	margin: 20px 0px 15px;
	font-weight: 500;
	text-align: left;
}
main .intro_area .desc {
	font-size: var(--desc-font-size);
	line-height: 1.3em;
	text-align: left;
}
main .intro_area .video_player {
	width: 50%;
}
main .intro_area .video_info {
	width: calc(50% - 40px);
}
main .intro_area .video_player video {
	width: 560px;
	height: 345px;
	border-radius: 10px;
}
main section.recently_quickguide {
	background: var(--primary-light-color);
}
main .function.blue {
	background: var(--primary-light-color);
}
main .function_area {
	width: 1200px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
	padding: 60px 0px;
}
main .function_area div.left {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	row-gap: 20px;
	align-items: start;
}
main .function_area div.right {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	row-gap: 20px;
	align-items: end;
}
main .function_area .tit {
	font-size: var(--large-font-size);
	font-weight: 700;
	color: var(--white-color);
	background: var(--primary-color);
	border-radius: var(--round-border-radius);
	padding:5px 20px;
	text-align: left;
}
main .function_area div.right .tit{
	text-align: right;
}
main .function_area .stit {
	font-size: var(--tit-font-size);
	font-weight: 700;
	text-align: left;
	color: var(--text-color);
}
main .function_area div.right .stit{
	text-align: right;
}
main .function_area .desc {
	font-size: var(--desc-font-size);
	line-height: 1.3em;
	text-align: left;
	color: var(--text-color);
}
main .function_area div.right .desc {
	text-align: right;
}
main .sub_container.gray {
	background: var(--gray-color);
}
main .sub_container .tit_section {
	font-size: var(--mtit-font-size);
	text-align: center;
	margin-bottom: 20px;
	font-weight: 800;
}
main .sub_container .desc_section {
	font-size: var(--large-font-size);
	line-height: 1.4em;
	text-align: center;
}
main .sub_container .desc_section span {
	color: var(--primary-color);
}
main .sub_container .distributor {
	width: 100%;
	padding: 50px 70px;
	box-shadow: var(--normal-box-shadow);
	border-radius: var(--normal-border-radius);
	margin-top: 60px;
}
main .sub_container .distributor ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
	column-gap: 60px;
	row-gap: 20px;
}
main .sub_container .distributor ul li {
	font-size: var(--large-font-size);
	line-height: 1.3em;
}
main .sub_container .distributor ul li .logo {
	display: block;
	margin-bottom: 20px;
}
main .sub_container .tab_benefit {
	margin-top: 60px;
}
main .sub_container section.benefit {
	padding: 80px;
}
main .sub_container section.gray {
	background: var(--gray-color);
}
main .sub_container .benefit.gray .tit,
main .sub_container .benefit.gray .desc {
	text-align: right;
}
main .sub_container .benefit .tit {
	font-size: var(--stit-font-size);
	font-weight: 800;
	margin-bottom: 10px;
	padding: 0px 100px;
}
main .sub_container .benefit .desc {
	font-size: var(--large-font-size);
	margin-bottom: 40px;
	padding: 0px 100px;
}
main .sub_container .benefit .ico_benefit {
	display: grid;
	grid-template-columns: repeat(3, 1fr);	
}
main .sub_container .benefit .ico_benefit li {
	text-align: center;
	font-size: var(--medium-font-size);
	line-height: 1.3em;
}
main .sub_container .benefit .ico_benefit li span {
	display: inline-block;
	background: var(--primary-light-color);
	color: var(--primary-color);
	font-weight: 700;
	border-radius: var(--round-border-radius);
	padding: 8px 20px;
	font-size: var(--medium-font-size);
}
main .sub_container .benefit .ico_benefit p {
	margin: 25px 0px;
}
main .sub_container .partner_step ul {
	display: flex;
	flex-wrap: wrap;
	column-gap: 80px;
	row-gap: 40px;
	justify-content: center;
	align-items: center;
}
main .sub_container .partner_step ul li {
	text-align: center;
	position: relative;
	font-size: var(--large-font-size);
}
main .sub_container .partner_step ul li:after {
	content: '';
	width: 34px;
	height: 61px;
	background: url('../images/sub/step_arrow.png');
	display: inline-block;
	position: absolute;
	top: 50%;
	right: -55px;
	transform: translateY(-50%);
} 
main .sub_container .partner_step ul li:last-child:after {
	display: none;
}
main .sub_container .partner_step ul li .ico {
	width: 150px;
	height: 150px;
	background: var(--primary-light-color);
	position: relative;	
	border-radius: var(--round-border-radius);
	margin-bottom: 30px;
}
main .sub_container .partner_step ul li .ico img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);	
}
main .sub_container .btn_input {
	display: flex;
	align-items: center;
	column-gap: 10px;
}
main .sub_container .btn_input:before {
	content: '';
	width: 18px;
	height: 18px;
	background: url('../images/common/ico_pencil.png');
	display: inline-block;
}
main .sub_container .caution {
	text-align: right;
	margin-bottom: 20px;
}
main .sub_container.partner section,
main .sub_container.solution section,
main .sub_container.education section { 
	padding: 100px 0px;
}
main .sub_container.partner section:first-child,
main .sub_container.solution section:first-child,
main .sub_container.education section:first-child { 
	padding-top: 0px;
}
main .sub_container.partner section:last-child,
main .sub_container.solution section:last-child { 
	padding-bottom: 0px;
}
main .sub_container.partner section h3.tit,
main .sub_container.solution section h3.tit,
main .sub_container.education section h3.tit
 { 
	font-size: var(--stit-font-size);
	font-weight: 800;
}
main .sub_container.partner section h4.desc,
main .sub_container.solution section h4.desc,
main .sub_container.education section h4.desc { 
	font-size: var(--large-font-size);
	margin-top: 20px;
}
main .sub_container.partner .partner_type {
	width: 100%;
	padding: 50px 70px;
	border-radius: var(--normal-border-radius);
	background: var(--primary-light-color);
	text-align: center;
}
main .sub_container.partner section .path_grade {
	width: 100%;
	border-radius: var(--round-border-radius);
	background: var(--white-color);
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	padding: 40px 20px;
	margin-top: 30px;
}
main .sub_container.partner section .path_grade li {
	width: 130px;
	height: 130px;
	border-radius: var(--round-border-radius);
	background: var(--primary-color);
	color: var(--white-color);
	font-size: var(--large-font-size);
	font-weight: 700;
	text-align: center;
	margin: auto;
	padding: 20px;
	position: relative;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 10px;
}
main .sub_container.partner section .path_grade li.light {
	background: var(--primary-light-color);
	color: var(--primary-color);
}
main .sub_container.partner section .path_grade li:after {
	content: '';
	width: 34px;
	height: 61px;
	background: url('../images/sub/step_arrow.png');
	display: inline-block;
	position: absolute;
	top: 50%;
	right: -90px;
	transform: translateY(-50%);
}
main .sub_container.partner section .path_grade li:last-child:after {
	display: none;
}
main .sub_container.partner section .path {
	margin-bottom: 80px;
}
main .sub_container.partner section .path_step {
	width: 100%;
	padding: 20px;
	border-radius: var(--normal-border-radius);
	background: var(--gray-color);
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin-top: 30px;
}
main .sub_container.partner section .path_step li {
	background: var(--white-color);
	border-radius: var(--normal-border-radius);
	padding: 20px;
	display: flex;
	flex-direction: column;
	row-gap: 10px;
	font-size: var(--medium-font-size);
    align-items: baseline;
}
main .sub_container.partner section .path_step li:nth-child(4) {
    grid-row: 1 / 2;
    grid-column: 3 / 4;
}
main .sub_container.partner section .path_step li:nth-child(5) {
    grid-row: 1 / 2;
    grid-column: 4 / 5;
} 
main .sub_container.partner section .path_step li p.num {
	background: var(--primary-light-color);
	color: var(--text-color);
	border-radius: var(--round-border-radius);
	font-size: var(--stit-font-size);
	width: 45px;
	height: 45px;
	padding: 8px;
	text-align: center;
	font-weight: 700;
}
main .sub_container.partner section .path_step li span {
	color: var(--primary-color);
	font-size: var(--stit-font-size);
	font-weight: 700;
	position: relative;
}
main .sub_container.partner section .path_step li span:after {
	content: '';
    position: absolute;
    width: 100%;
    height: 8px;
    background: var(--primary-color);
    opacity: .2;
    bottom: 2px;
    left: 0;
}
main .sub_container.partner section .path_step li.partner_registered {
	background: var(--primary-light-color);
	color: var(--primary-color);
	font-size: var(--large-font-size);
	grid-column: 1 / 3;
	font-weight: 700;
    align-items: center;
}
main .sub_container.partner section .path_step li.partner_select {
	background: var(--primary-color);
	color: var(--white-color);
	grid-column: 3 / 5;
	font-size: var(--large-font-size);
	font-weight: 700;
    align-items: center;
}
main .sub_container.partner section .table_partner {
	margin-top: 30px
}
main .sub_container.partner section .table_partner .underline td {
	border-bottom: 1px solid #333;
}
main .sub_container.partner section .table_partner thead td {
	background: var(--primary-light-color);
}
main .sub_container.partner section .table_partner tbody th {
	background: var(--gray-color);
	text-align: left;
	padding-left: 20px;
}
main .sub_container.partner section .table_partner tbody th.part {
	text-align: center;
	background: #ECEEF2;
	font-size: var(--large-font-size);
	padding: 0px;
	border-bottom: 1px solid #333;
}
main .sub_container .content_header {
	position: relative;
}
main .sub_container .content_header .btn_regist {
	position: absolute;
	top: 0px;
	right: 0px;
}
main .sub_container .list_promotion ul {
	/* display: grid; */
	grid-template-columns: repeat(3, 1fr);
	/* column-gap: 30px; */
}
main .sub_container .list_promotion ul li {
	border-radius: var(--normal-border-radius);
	border: var(--normal-border);
	position: relative;
	padding: 25px;
	display: flex;
	align-items: center;
	column-gap: 20px;
	margin-right:30px;
}
main .sub_container .list_promotion ul li img.thumb {
	width: 60px;
	height: 60px;
	border-radius: var(--normal-border-radius);
}
main .sub_container .list_promotion ul li h4.tit {
	font-size: var(--large-font-size);
	font-weight: 700;
	margin-bottom: 10px;
}
main .sub_container .list_promotion ul li h5.desc {
	font-size: var(--small-font-size);
}
main .sub_container .list_promotion ul li:after {
	content: '';
	width: 20px;
	height: 20px;
	background: url('../images/common/btn_arrow.png');
	display: block;
	position: absolute;
	top: 50%;
	right: 25px;
	transform: translateY(-50%);	
}
main .sub_container .promotion_search {
	position: relative;
}
main .sub_container .search_area.promotion_search {
	margin-bottom: 0px;
	padding: 0px;
}
main .sub_container .promotion_search .btn_group {
	position: absolute;
    justify-content: flex-end;
    padding: 20px 0px;
    bottom: 7px;
}
main .sub_container .promotion_search ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
    column-gap: 10px;
    justify-content: center;
    align-items: center;
    padding: 60px 0px 20px 0px;
}
main .sub_container .promotion_search ul li {
	position: relative;
}
main .sub_container .promotion_search ul li .select,
main .sub_container .promotion_search ul li .input_search {
	font-size: var(--medium-font-size) !important;
	color: var(--default-color);
	width: 180px;
	padding: 16px 25px;
	background-position: 140px;
}
main .sub_container .promotion_search ul li .select {
	cursor: pointer;
}
main .sub_container .promotion_search ul li .input_search {
	width: 420px;
}
main .sub_container .promotion_search ul li .btn_search {
	position: relative;
    width: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 5px;
}
main .sub_container .promotion_search ul li .btn_search:after {
	content: '';
	width: 19px;
	height: 19px;
	display: block;
	background: url('../images/common/ico_search.png');
}
main .sub_container .promotion_search ul li .sel_option {
	position: absolute;
	top: 75px;
	border-radius: var(--normal-border-radius);
	background: var(--white-color);
	padding: 30px;
	display: grid;
	row-gap: 10px;
	align-items: center;
	width: 350px;
	box-shadow: var(--normal-box-shadow);
}
main .sub_container .promotion_search ul li .sel_option.specialization {
	grid-template-columns: repeat(2, 1fr);
}
main .sub_container .promotion_search ul li .sel_option.region {
	grid-template-columns: repeat(3, 1fr);
}
main .sub_container .promotion_search ul li .sel_option.specialization .btn {
	grid-column: 1 / 3;
	margin-top: 10px;
}
main .sub_container .promotion_search ul li .sel_option.region .btn {
	grid-column: 1 / 4;
	margin-top: 10px;
}
main .sub_container .list_partner ul {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	border-top: 2px solid #333;
}
main .sub_container .list_partner ul li {
	padding: 50px 0px;
	border-bottom: var(--normal-border);
	display: flex;
	align-items: center;
	column-gap: 30px;
}
main .sub_container .list_partner ul li:last-child {
	border-bottom: 1px solid #333;;
}
main .sub_container .list_partner ul li .logo p {
	width: 250px;
	height: 160px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: var(--normal-border);
	border-radius: var(--normal-border-radius);
	margin-bottom: 15px;
}
main .sub_container .list_partner ul li .logo p img {
	max-width: 75%;
}
main .sub_container .list_partner ul li .logo .homepage {
	display: flex;
	column-gap: 10px;
	align-items: center;
	justify-content: center;
}
main .sub_container .list_partner ul li .logo .homepage:before {
	content: '';
	width: 20px;
	height: 20px;
	background: url('../images/sub/ico_homepage.png');
	diplay: inline-block;
}
main .sub_container .list_partner ul li .detail {
	display: flex;
	flex-direction: column;
	width: 770px;
}
main .sub_container .list_partner ul li .detail .tit {
	font-size: var(--desc-font-size);
	font-weight: 700;
}
main .sub_container .list_partner ul li .detail .tag {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 10px 0px 15px 0px;
}
main .sub_container .list_partner ul li .detail .tag span {
	border-radius: var(--round-border-radius);
	font-size: var(--xsmall-font-size);
	padding: 5px 10px
}
main .sub_container .list_partner ul li .detail .tag span.specialization01 {
	background: #E4EEFA;
}
main .sub_container .list_partner ul li .detail .tag span.specialization02 {
	background: #FFE6EC;
}
main .sub_container .list_partner ul li .detail .tag span.specialization03 {
	background: #D9F6F3;
}
main .sub_container .list_partner ul li .detail .tag span.specialization04 {
	background: #D9F2FA;
}
main .sub_container .list_partner ul li .detail .tag span.specialization05 {
	background: #FFF2DC;
}
main .sub_container .list_partner ul li .detail .tag span.specialization06 {
	background: #FFE6D9;
}
main .sub_container .list_partner ul li .detail .tag span.specialization07 {
	background: #E2E1F7;
}
main .sub_container .list_partner ul li .detail .tag span.specialization .searchResult {padding:unset;}
main .sub_container .list_partner ul li .detail .desc {
	font-size: var(--medium-font-size);
	line-height: 1.3em;
}
main .sub_container .list_partner ul li .detail .summary {
	margin-top: 15px;
	padding-top: 15px;
	border-top: var(--normal-border);
	display: flex;
	flex-wrap: wrap;
	font-size: var(--medium-font-size);
}
main .sub_container .list_partner ul li .detail .summary .region {
	width: 110px;
}
main .sub_container .list_partner ul li .detail .summary .main_force span:last-child {
	width: 520px;
}
main .sub_container .list_partner ul li .detail .summary p {
	display: flex;
}
main .sub_container .list_partner ul li .detail .summary p span:first-child {
	font-weight: 700;
	margin-right: 15px;
}
main .sub_container .list_partner ul li .detail .summary p span.searchResult {font-weight: unset;margin-right: unset;}
main .sub_container .list_partner ul li .btn {
	width: 120px;
}
main .sub_container .agree {
	display: flex;
	flex-direction: column;
	row-gap: 8px;
	margin-top: 20px;
}
main .sub_container .agree .btn_detail {
	border: var(--normal-border);
	border-radius: var(--round-border-radius);
	color: var(--default-color);
	margin: 0px 10px;
	padding: 5px 8px;
	font-size: var(--xsmall-font-size);
	background: var(--white-color);
}
main .sub_container .btn_area {
	margin-top: 30px;
	display: flex;
	gap: 10px;
	justify-content: center;
	align-items: center;
}
main .sub_container .btn_area_bottom {
	margin-top: 80px;	
}
main .sub_container .inquiry_type,
main .sub_container .table_input {
	background: var(--white-color);
	border-radius: var(--normal-border-radius);
	padding: 30px;
	margin-bottom: 20px;
	box-shadow: var(--normal-box-shadow);
}
main .sub_container .inquiry_type h5 {
	font-size: var(--medium-font-size);
	font-weight: 700;
	margin-bottom: 15px;
	display: flex;
	align-items: center;
	column-gap: 10px;
}
main .sub_container .inquiry_type h5 .emphasis {
	content: '*';
	color: var(--warning-color);
}
main .sub_container .inquiry_type ul {
	background: var(--gray-color);
	border-radius: var(--normal-border-radius);
	padding: 20px 30px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}
main .sub_container .inquiry_type ul li {
	font-size: var(--medium-font-size);
}
main .sub_container .table_input .table_inner {
	background: var(--white-color);
	border-radius: var(--normal-border-radius);
	padding: 20px 0px;
}
main .sub_container .table_input .table_inner dl dt {
	width: 160px;
}
main .sub_container .table_input .table_inner dl dd span {
	display: block;
	margin-top: 5px;
	font-size: var(--small-font-size);
}
main .sub_container .table_input .table_inner dl dd {
	width: calc(100% - 160px);
}
main .sub_container .table_input dl {
    display: flex;
    align-items: center;
    min-height: 50px;
}
main .sub_container .table_input dl.half dd {
	width: 50% !important;
}
main .sub_container .table_input dl dd {
    width: 100%;
    padding: 10px;
    vertical-align: middle;
}
main .sub_container .table_input dl dd .tit {
	font-size: var(--small-font-size);
	font-weight: 700;
    margin-bottom: 10px;
    display: block;
}
main .sub_container .table_input dl dd .input_text,
main .sub_container .table_input dl dd .select {
    width: 100%;
}
main .sub_container .content_area .content_detail .inquiry_list {
	display: flex;
	flex-direction: column;
	row-gap: 20px;
	margin-top: 40px;
}
main .sub_container .content_area .content_detail .inquiry_list .stit {
	display: flex;
	align-items: center;
	column-gap: 10px;	
	font-size: var(--medium-font-size);
	font-weight: 700;
	margin-bottom: 10px;
}
main .sub_container.solution section .tit_section span {
	font-weight: 700;
}
main .sub_container.solution section .tit_section span.billingon {
	color: #E51735;
}
main .sub_container.solution section .tit_section span.watchingon {
	color: #19A98B;
}
main .sub_container.solution section .desc_section span {
	font-weight: 700;
}
main .sub_container.solution section .feature {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	margin-top: 60px;
}
main .sub_container.solution section .feature li {
	text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
main .sub_container.solution section .feature li .ico {
	width: 150px;
	height: 150px;
	border-radius: var(--round-border-radius);
	background: var(--white-color);
	margin-bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
main .sub_container.solution section .feature li .tit_feature {
	font-size: var(--large-font-size);
	font-weight: 700;
	margin-bottom: 10px;
}
main .sub_container.solution section .feature li .desc_feature {
	font-size: var(--medium-font-size);
	line-height: 1.2em
}
main .sub_container.solution section .tab_round {
	margin-top: 30px;
}
main .sub_container.solution section .tab_billingon .on {
	background: #E51735 !important;
}
main .sub_container.solution section .tab_watchingon .on {
	background: #19A98B !important;
}
main .sub_container.solution section .function {
	padding-top: 60px;
}
main .sub_container.solution section .function .tit_function {
	text-align: center;
	font-size: var(--stit-font-size);
    font-weight: 800;
    margin-bottom: 10px;
}
main .sub_container.solution section .function .desc_function {
	text-align: center;
	font-size: var(--large-font-size);
    margin-bottom: 40px;
}
main .sub_container.solution section .function .detail_function {
	display: flex;
	column-gap: 40px;
	align-items: center;
}
main .sub_container.solution section .function .detail_function .ico {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 40px;
}
main .sub_container.solution section .function .detail_function .ico .tit {
	font-size: var(--large-font-size);
	font-weight: 700;
	margin: 10px 0px;
}
main .sub_container.solution section .function .detail_function .ico .desc {
	font-size: var(--medium-font-size);
	line-height: 1.2em;
}
main .sub_container.solution section .metric {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 50px;
}
main .sub_container.solution section .table_metric tbody th {
	background: var(--gray-color);
    border-bottom: 1px solid #333;
}
main .sub_container.solution section .table_metric .underline td {
    border-bottom: 1px solid #333;
}
main .sub_container.solution section .metric .caution {
	grid-column: 1 / 3;
}
main .sub_container.solution section .metric .tit_metric {
	font-size: var(--large-font-size);
	margin-bottom: 20px;
}
main .sub_container.solution section .price .table_price {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 30px;
    margin-top: 60px;
}
main .sub_container.solution section .price .table_price li {
	border-radius: var(--normal-border-radius);
	box-shadow: var(--normal-box-shadow);
}
main .sub_container.solution section .price .table_price .type {
	background: #19A98B;
	color: var(--white-color);
	font-weight: 700;
	font-size: var(--stit-font-size);
	text-align: center;
	padding: 15px 0px;
	border-radius: 10px 10px 0px 0px;
}
main .sub_container.solution section .price .table_price .price_detail {
	background: #D1EEE8;
	color: #19A98B;
	font-weight: 700;
	font-size: var(--stit-font-size);
	text-align: center;
	padding: 15px 0px;
}
main .sub_container.solution section .price .table_price .price_detail span.origin_price {
	text-decoration: line-through;
	color: var(--default-color);
	font-weight: 400;
	font-size: var(--large-font-size);
}
main .sub_container.solution section .price .table_price .spec {
	padding: 30px;
}
main .sub_container.solution section .price .table_price .spec span {
	display: block;
	font-size: var(--medium-font-size);
	margin-bottom: 15px;
	font-weight: 700;
}
main .sub_container.solution section .price .table_price .spec span:last-child {
	margin-bottom: 5px;
}
main .sub_container.solution section .price .table_price .spec span:before {
	content:'';
	width: 16px;
	height: 16px;
	display: inline-block;
	margin-right: 10px;
	background:url('../images/sub/ico_check_green.png');
    vertical-align: middle;
}
main .sub_container.solution section .price .table_price .spec p {
	padding-left: 25px;
	line-height: 1.4em; 
	font-size: var(--small-font-size);
}
main .sub_container.solution section .attention {
	display: flex;
	flex-direction: column;
	row-gap: 5px;
	margin-top: 30px;
	font-size: var(--small-font-size);
}
main .sub_container.solution section .attention .tit {
	font-weight: 700;
	font-size: var(--medium-font-size);
}
main .sub_container.solution section .btn_watchingon {
	background: #19A98B;
	color: var(--white-color);
}
main .sub_container.education {
	padding-bottom: 0px;
}
main .sub_container.education section .cetificate_part {
	margin: 30px 0px 60px;
}
main .sub_container.education section .cetificate_part ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}
main .sub_container.education section .cetificate_part ul li {
	padding: 30px;
	border-radius: var(--normal-border-radius);
	background: var(--white-color);
}
main .sub_container.education section .cetificate_part li .tit_certificate {
    display: inline-block;
    padding: 5px 10px;
    font-weight: 700;
	color: var(--white-color);
	background: var(--dark-color);
	border-radius: var(--round-border-radius);
	font-size: var(--medium-font-size);
	margin-bottom: 10px;
}
main .sub_container.education section .cetificate_part li .desc_certificate {
	font-size: var(--medium-font-size);
	margin-bottom: 20px;
}
main .sub_container.education section .cetificate_part li .badge {
	padding: 30px 0px;
	text-align: center;
	background: var(--light-color);
	width: 100%;
	border-radius: var(--normal-border-radius);
}
main .sub_container.education section .table_list {
	background: var(--white-color);
	margin-top: 30px;
}
main .sub_container.education section .table_list tbody tr td {
	white-space: normal;
	word-break: keep-all;
	line-height: 1.3em;
}
main .sub_container.education section .table_list tbody tr td.detail {
	text-align: left;
}
main .sub_container.education section .table_list tbody tr.underline td, .table_list tbody tr.underline th {
	border-bottom: 1px solid #333;
}
main .sub_container.education section .table_list tbody tr td span {
	color: var(--primary-color);
	font-weight: 700;
	text-align: left;
	display: block;
	padding-right: 10px;
}
main .sub_container.education section .table_list tbody tr td span .recommend {
	color: var(--warning-color) !important;
	display: inline;
}
main .sub_container.education section .table_list tbody tr td a {
	color: var(--primary-color);
	font-weight: 700;
}
main .sub_container.education section .expertise_list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin-top: 30px;
}
main .sub_container.education section .expertise_list li {
	background: var(--white-color);
	border-radius: var(--normal-border-radius);
	padding:20px;
	text-align: center;
	font-size: var(--medium-font-size);
	cursor: pointer;
}
main .sub_container.education section .expertise_list li.active,
main .sub_container.education section .expertise_list li:hover {
	background: var(--primary-light-color);
	color: var(--primary-color);
	font-weight: 700;
	text-decoration: underline;
}
main .sub_container.faq {
	background: var(--gray-color);
}
main .sub_container.faq .list_faq {
	display: flex;
	flex-direction: column;
	width: 100%;
	row-gap: 25px;
}
main .sub_container.faq .list_faq li {
	padding: 20px 35px;
	background: var(--white-color);
	border-radius: var(--normal-border-radius);
}
main .sub_container.faq .list_faq li dt {
	font-weight: 700;
	font-size: var(--large-font-size);
	position: relative;
	cursor: pointer;
}
main .sub_container.faq .list_faq li dt:after {
	content: '';
	width: 20px;
	height: 12px;
	background: url('../images/sub/btn_open.png');
	display: block;
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}
main .sub_container.faq .list_faq li.open dt:after {
	background: url('../images/sub/btn_close.png');
}
main .sub_container.faq .list_faq li dt .q {
	font-weight: 800;
	background: var(--primary-light-color);
	color: var(--primary-color);
	font-size: var(--medium-font-size);
	border-radius: var(--round-border-radius);
	display: inline-block;
	padding: 9px;
	width: 40px;
	height: 40px;
	text-align: center;
	margin-right: 20px;
}
main .sub_container.faq .list_faq li dd {
	font-size: var(--medium-font-size);
	line-height: 1.3em;
	transition: all 0.3s ease-in-out;
	max-height: 0px;
	opacity: 0;
}
main .sub_container.faq .list_faq li dd.faq_active {
	transition: all 0.3s ease-in-out;
	max-height: 200px;
	opacity: 1;
    position: relative;
    padding-bottom: 30px;
}
main .sub_container.faq .list_faq li dd .reply {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	column-gap: 20px;
	row-gap: 10px;
}
main .sub_container.faq .list_faq li dd .reply span:last-child {
	width: 1100px;
}
main .sub_container.faq .list_faq li dd .a {
	font-weight: 800;
	color: var(--white-color);
	background: var(--primary-color);
	font-size: var(--medium-font-size);
	border-radius: var(--round-border-radius);
	display: inline-block;
	padding: 9px;
	width: 40px;
	height: 40px;
	text-align: center;
}
main .sub_container.faq .list_faq li dd .line {
	margin: 25px 0px !important;
}
main .sub_container.faq .list_faq li .btn_faq {
	color: var(--primary-color);
	background: var(--primary-light-color);
	position: absolute;
    right: 0;
    bottom: 0;
}
main .sub_container .certificate_shortcut {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 30px;
}
main .sub_container .certificate_shortcut li {
	border: var(--normal-border);
	border-radius: var(--normal-border-radius);
	padding: 30px;
	position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    cursor: pointer;
}
main .sub_container .certificate_shortcut li.disable {
    background: var(--light-color);
    color: var(--default-color);
}
main .sub_container .certificate_shortcut li .tit {
	font-size: var(--stit-font-size);
	font-weight: 800;
}
main .sub_container .certificate_shortcut li .desc {
	font-size: var(--medium-font-size);
	margin: 15px 0px 20px;
}
main .sub_container .certificate_shortcut li .ico {
	position: absolute;
	right: 20px;
	bottom: 20px;
}
main .sub_container .certificate_shortcut li.disable .ico {
	opacity: .4;
}
main .sub_container.partner_program .table_area {
	margin-top: 30px;
}
main .sub_container.partner_program .partner_program_intro {
	padding: 100px 0px;
	margin: 100px 0px;	
}
main .sub_container.partner_program .partner_program_intro ul {
	display: flex;
	gap: 30px;
	margin-top: 50px;
} 
main .sub_container.partner_program .partner_program_intro ul li {
	flex: 1;
	text-align: center;
	display: flex;
    flex-direction: column;
    align-items: center;
} 
main .sub_container.partner_program .partner_program_intro ul li p {
    height: 160px;
    width: 160px;
    background: var(--white-color);
    border-radius: var(--round-border-radius);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}
main .sub_container.partner_program .partner_program_intro ul li h3 {
	font-weight: 700;
	font-size: var(--large-font-size);
	margin-bottom: 10px;
}
main .sub_container.partner_program h3.tit {
	font-weight: 700;
	font-size: var(--stit-font-size);
	margin: 40px 0px 20px 0px;
	
}
main .sub_container.partner_program .ready .process {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
main .sub_container.partner_program .ready .process li {
	flex: 1;
	border-radius: var(--normal-border-radius);
	background: var(--primary-light-color);
	padding: 30px;
}
main .sub_container.partner_program .ready .process li h4 {
	font-size: var(--large-font-size);
	color: var(--primary-color);
	font-weight: 700;
	margin-bottom: 20px;
}
main .sub_container.partner_program .ready .process li dl {
    background: var(--white-color);
    border-radius: var(--normal-border-radius);
    padding: 20px 10px 30px 20px;
    height: calc(100% - 50px);
}
main .sub_container.partner_program .ready .process li dl dd {
	padding: 10px 20px;
    border-left: 1px dotted var(--primary-color);
    display: flex;
    flex-direction: column;
    gap: 5px;
}
main .sub_container.partner_program .ready .process li dl dd span {
	display: block;
	position: relative;
}
main .sub_container.partner_program .ready .process li dl dd .span_en {
	font-size: var(--large-font-size);
	font-weight: 700;
	color: var(--primary-color);
}

main .sub_container.partner_program .ready .process li dl dd .span_kr {
	display: flex;
	gap: 10px;
	align-items: flex-start;
}
main .sub_container.partner_program .ready .process li dl dd .span_en:before {
	display: block;
	content: '';
	width: 12px;
	height: 12px;
	border-radius: var(--round-border-radius);
	background: var(--white-color);
	border: 3px solid var(--primary-color);
    position: absolute;
    left: -26px;
    top: 4px;
}
main .sub_container.partner_program .ready .text_gray {
	color:#999;
}
/* type or 추가 */
main .sub_container.partner_program .ready .process li.orType {
	margin-left:30px;
	position:relative;
}
main .sub_container.partner_program .ready .process li.orType::before {
	display:inline-block;
	content:'or';
	position:absolute;
	left:-33px;
	top:50%;
	transform:translateY(-50%);
	font-size:16px;
	color:var(--primary-color);
	font-weight:bold;
}
main .sub_container.partner_program .ready .benefit {
	display: flex;
	flex-wrap:wrap;
	gap: 20px;
}
main .sub_container.partner_program .ready .benefit li {
	flex: 1;
	border-radius: var(--normal-border-radius);
	background: var(--gray-color);
	padding: 30px;
	display: flex;
	flex-direction: column;
	gap: 15px;
	align-items: flex-start;
}
main .sub_container.partner_program .ready .benefit li h3.tit_benefit {
	font-size: var(--large-font-size);
	font-weight: 700;
}
main .sub_container.partner_program .ready .benefit li h4.desc_benefit {
	letter-spacing:-0.1px;
}
main .sub_container.partner_program .partner_accelerate {
	padding-top: 100px;
}
@media all and (max-width:1024px) {
	.sub_visual .visual_inner .tit_visual .tit_page {
		margin-bottom: 0px !important;
	}
	.sub_visual .visual_inner {
		width: 100%;
		padding: 50px !important;
	}
	.sub_visual .visual_inner .img_visual img {
		width: 100%;
		margin-top: 20px;
	}
	main .intro_content {
		padding:40px 30px;
	}
	main .intro_area {
		width:100%;
		padding: 40px 30px;
	}
	main .intro_area img {
		width: 100%;
		margin-top: 30px;
	}
	main .tab_page {
		width: 60%;
	}
	main .function_area {
		width: 100%;
		padding: 50px !important;
	}
	main .function_area img {
		width: 100%;
	}
	main .function_area * {
		text-align: center !important;
		align-items: center !important;
	}
	main .sub_container.faq .list_faq li {
		padding: 20px;
	}
	main .sub_container.faq .list_faq li dt .q {
		display: block;
		margin-bottom: 5px;
	}
	main .sub_container.faq .list_faq li .btn_faq {
		position: relative;
	    top: 10px;
	}
	main .sub_container.faq .list_faq li dd.faq_active {
		max-height: fit-content;
		padding-bottom: 10px;
	}
	main .sub_container.partner_program h3.tit {
		text-align: left !important;
	}
	main .sub_container.partner_program .partner_program_intro {
		padding: 30px 0px;
		margin: 0px;
		
	}
	
	main .sub_container.partner_program .partner_program_intro ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0;
	}
}

@media all and (max-width:768px) {
	main .sub_container section.gray {
		background: none;
	}
	main .sub_container.partner section, 
	main .sub_container.solution section, 
	main .sub_container.education section {
		padding: 30px 0px;
	}
	main .sub_container .btn_area_bottom {
		margin-top: 30px;
	}
	main .sub_container .distributor ul {
		flex-wrap: wrap;
	}
	main .sub_container .distributor {
		padding: 30px;
	}
	main .sub_container .distributor .divider {
		display: none;
	}
	main .sub_container section.benefit {
		padding: 30px;
	}
	main .sub_container .tab_benefit {
		display: none;
	}
	main .sub_container .benefit .tit,
	main .sub_container .benefit .desc {
		padding: 0px;
		text-align: center !important;
	}
	main .sub_container .benefit .ico_benefit,
	main .sub_container.partner section .path_grade,
	main .sub_container.partner section .path_step,
	main .sub_container .certificate_shortcut,
	main .sub_container.education section .cetificate_part ul {
		grid-template: none;
		row-gap: 20px;
	}
	.sub_container.partner section .path_grade {
		padding: 0px;
		row-gap: 60px !important;
	}
	main .sub_container.partner section .path_step {
		grid-template-columns: 1fr;	
	}
	main .sub_container.partner section .path_step li:nth-child(4) {
	    grid-row: 3 / 4;
	    grid-column: 1 / 2;
	}
	main .sub_container.partner section .path_step li:nth-child(5) {
	    grid-row: 3 / 4;
	    grid-column: 2 / 3;
	} 
	main .sub_container.partner section .path_step li.partner_select {
	    grid-column: 1 / 3;
	}
	main .sub_container .partner_step ul li:after {
		display: none;
	}
	main .sub_container.partner .partner_type {
		padding: 30px;
	}
	main .sub_container.partner .partner_type img {
		width: 100%;
	}
	main .sub_container.partner section .path_grade li:after {
		transform: rotate(90deg);
		bottom: -60px;
		right: auto;
	}
	main .sub_container .content_header .btn_regist {
	    position: relative;
	    left: 50%;
	    transform: translateX(-50%);
	}
	main .sub_container .list_partner ul li {
		flex-direction: column;
		row-gap: 20px;
	}
	main .sub_container .list_partner ul li .detail {
		width: 100%;
	}
	main .sub_container .list_partner ul li .detail .summary .main_force span:last-child {
		width: auto;		
	}
	main .sub_container.solution section .feature {
		grid-template-columns: repeat(2, 1fr);
		align-items: flex-start;
        margin-top: 20px;
	}
	main .sub_container.solution section .function .detail_function {
		row-gap: 20px;
		flex-wrap: wrap;
	}
	main .sub_container.solution section .function .detail_function .screenshot img {
		width: 100%;
	}
	main .sub_container.solution section .function .detail_function .ico {
		gap: 20px;
	}
	main .sub_container.solution section .price .table_price {
		grid-template: none;
		row-gap: 20px;
		margin-top: 20px;
	}
	main .sub_container .promotion_search ul li .input_search {
		width: 100%;
	}
	main .sub_container.education section .cetificate_part ul li {
		padding: 0px;
	}
	main .sub_container.education section .cetificate_part ul li img {
		max-width: 100%;
	}
}