::-webkit-scrollbar {
	display: block;
}
::-webkit-scrollbar-track, ::-webkit-scrollbar-button {
	display: none;
}
::-webkit-scrollbar-thumb {
	background-color: lightblue;
	border-radius: 12px 12px 12px 12px;
}
::-webkit-scrollbar-thumb:hover {
	background-color: blue;
}

/* 4392FF */

.inner {
	display: flex;
	flex-direction: column;
	position: relative;
	height: 100%;
}

.b_bottom { border-bottom: #D4D4D4 1px solid; }
.viewMaxHeight { height: calc(100vh - 65px); }
.viewMaxWidth923 { max-width: 923px; }
.viewWidthFit { width: fit-content !important; }

.fontFamilyCJ { font-family: CJONLYONE !important; }
.fontFamilyPretendard { font-family: Pretendard !important; }

.fontWeight200 { font-weight: 200; }
.fontWeight300 { font-weight: 300; }
.fontWeight400 { font-weight: 400; }
.fontWeight500 { font-weight: 500; }
.fontWeight600 { font-weight: 600; }
.fontWeight700 { font-weight: 700; }

.font9pt {font-size: 9pt;}

.flexDirectionRowAlignCenter{
	display: flex;
	flex-direction: row;
	align-items: center;
}

.textTop{ vertical-align: text-top; }

.round-dotted-border-bottom { border-bottom: 5px dotted black; }

.wrap {
	position:relative;
	top:0;
	width:100%;
	height:100%;
	transition: 0.5s;
}

.color_FFFFFF { color: #FFFFFF; }
.color_188DFA { color: #188DFA; }
.color_069DA4 { color: #069DA4; }
.color_E16A37 { color: #E16A37; }
.color_7F6ECC { color: #7F6ECC; }
.color_C5C5C5 { color: #C5C5C5; }
.color_1174FF { color: #1174FF; }
.color_71BAFF { color: #71BAFF; }
.color_007C99 { color: #007C99; }
.color_00977B { color: #00977B; }


.back_color_F3FBFF { background-color: #F3FBFF; }
.back_color_EFF9FF { background-color: #EFF9FF; }
.back_color_FFF5F3 { background-color: #FFF5F3; }
.back_color_FFFFFF { background-color: #FFFFFF !important; }
.back_color_F5F7FA { background-color: #F5F7FA; }
.back_color_F5FAFF { background-color: #F5FAFF; }
.back_color_F4F9FF { background-color: #F4F9FF; }
.back_color_003E6A { background-color: #003E6A; }
.back_color_0E1133 { background-color: #0E1133; }
.back_color_0F1019 { background-color: #0F1019; }
.back_color_B0DCDB4D { background-color: #B0DCDB4D; }
.back_color_FFCBBA4D { background-color: #FFCBBA4D; }
.back_color_BCC5F24D { background-color: #BCC5F24D; }
.back_color_FAFAFA { background-color: #FAFAFA; }
.back_color_F3F3F3 { background-color: #F3F3F3; }
.back_color_F8F8F8 { background-color: #F8F8F8; }

.back_color_0000008 { background-color : rgb(0,0,0,0.8) }

.mh-75 { max-height: 75% !important; }
.h-60 { height: 60% !important; }
.w-30 { width: 30% !important; }
.w-40 { width: 40% !important; }
.w-60 { width: 60% !important; }
.w-140 { width: 140% !important; }
hr {
  height : 2px;
  border : 0;
  background-color : #D7D7D7;
}

.bicBtn { --bs-btn-bg : #FFFFFF; }
.btn_32BBA1 {
	--bs-btn-bg : #32BBA1 !important;
	--bs-btn-border-color : #ffffff00;
}
.btn_FFA50B {
	--bs-btn-bg : #FFA50B !important;
	--bs-btn-border-color : #ffffff00;
}

.form-select { padding: .375rem 1.70rem .375rem .75rem; }

.p_top6 { padding-top: 6px; }

.nav-link {
/* 	display: block; */
/* 	padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); */
/* 	font-size: var(--bs-nav-link-font-size); */
/* 	font-weight: var(--bs-nav-link-font-weight); */
/* 	color: rgb(0 0 0 / 40%); */
/* 	text-decoration: none; */
/* 	background: 0 0; */
/* 	border: 0; */
/* 	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out; */
}
.navbar-dark, .navbar[data-bs-theme=dark] {
    --bs-navbar-active-color: #569CFF !important;
}
.navbar-nav .nav-link.active {
    color: #006aff;
}
.navbar-nav {
    --bs-nav-link-color: #FFFFFF !important;
}

.btn-custom-light {
	--bs-btn-color: #000000;
	--bs-btn-bg: #f9f9f9;
	--bs-btn-border-color: #D4D4D4;
	--bs-btn-hover-color: #ffffff;
	--bs-btn-hover-bg: #42a1ff;
	--bs-btn-hover-border-color: #D4D4D4;
	--bs-btn-focus-shadow-rgb: 211, 212, 213;
	--bs-btn-active-color: #ffffff;
	--bs-btn-active-bg: #007fff;
	--bs-btn-active-border-color: #ffffff00;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #000;
	--bs-btn-disabled-bg: #f8f9fa;
	--bs-btn-disabled-border-color: #f8f9fa;
}
.btn-custom-light.active {
	font-weight: 600;
}

@media (min-width: 320px) {
	.font14 {font-size: 12px;}
	.font15 {font-size: 13px;}
	.font16 {font-size: 14px;}
	.font18 {font-size: 16px;}
	.font20 {font-size: 16px;}
	.font22 {font-size: 16px;}
	.font24 {font-size: 18px;}
	.font25 {font-size: 20px;}
	.font26 {font-size: 22px;}
	.font27 {font-size: 23px;}
	.font28 {font-size: 23px;}
	.font30 {font-size: 24px;}
	.font32 {font-size: 25px;}
	.font34 {font-size: 26px;}
	.font36 {font-size: 28px;}
	.font40 {font-size: 24px;}
	.font40_1 {font-size: 28px;}
	.font45 {font-size: 29px;}
	.font46 {font-size: 30px;}
	.font50 {font-size: 30px;}
	.font50_1 {font-size: 40px;}
	.font60 {font-size: 40px;}
	.font65 {font-size: 36px;}
	.font76 {font-size: 52px;}
	.font80 {font-size: 60px;}
	.container1 { width:100%; height: 100vh; padding-left: 10px; padding-right: 10px; }
	.main1Back {
		background-image: url(/resources/img/smilegut/main/top_view_m.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		opacity: 1;
		background-size: 100%;
		background-position: bottom;
	}
	.main4Back {
		background-image: url(/resources/img/smilegut/main/banner_mo.png);
		background-repeat: no-repeat;
		opacity: 1;
		background-size: 100%;
		height: 500px;
		background-position: center;
	}
	.main5Back {
		background-color: #FFFFFF;
	}
	.main6Back {
		background: linear-gradient(to bottom, #F5F7FA 50%, transparent 50%);
	}
	.about1Back {
		background-image: url(/resources/img/smilegut/main/about_main_mobile.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		opacity: 1;
		background-size: cover;
		background-position: center;
		background-attachment: local;
	}
	.about2Back {
		background-image: url(/resources/img/smilegut/main/FAQ_mobile.png);
		background-repeat: no-repeat;
		opacity: 1;
		background-size: 100%;
	}
	.about3Back {
		background-image: url(/resources/img/smilegut/main/about_footer_mobile.png);
		background-repeat: no-repeat;
		opacity: 1;
		background-size: 100%;
	}
	.about4Back {
		background-image: url(/resources/img/smilegut/main/about_food_mobile.png);
		background-repeat: no-repeat;
		opacity: 1;
		background-size: 100%;
	}
	.broadcast1Back {
		background-image: url(/resources/img/smilegut/broadcast/bg_mobile.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		opacity: 1;
		background-size: cover;
		background-position: center;
		background-attachment: local;
	}
	.fodmap1Back {
		background-image: url(/resources/img/smilegut/fodmap/mobile.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		opacity: 1;
		background-size: cover;
		background-position: center;
		background-attachment: local;
	}
	.recipe1Back {
		background-image: url(/resources/img/smilegut/recipe/bg_mobile.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		opacity: 1;
		background-size: cover;
		background-position: center;
		background-attachment: local;
	}
	.faq1Back {
		background-image: url(/resources/img/smilegut/faq/bg_mobile.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		opacity: 1;
		background-size: cover;
		background-position: center;
		background-attachment: local;
	}
	.autism1Back {
		background-image: url(/resources/img/smilegut/story/autism_bg_mobile1.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		opacity: 1;
		background-size: cover;
		background-position: center;
		background-attachment: local;
	}
	.smilegut1Back {
		background-image: url(/resources/img/smilegut/smilegut-info/bg_mobile.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: bottom;
		background-attachment: local;
	}
	.smilegut2Back {
		background-image: url(/resources/img/smilegut/smilegut-info/bg_bottom_m.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: bottom;
	}
	.smilegut_info1Back {
		background-image: url(/resources/img/smilegut/smilegut-info/ver2/smilegut_main_mobile.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		background-attachment: local;
	}
/* 	.smilegut_info2Back { */
/*         background-image: url(/resources/img/smilegut/smilegut-info/ver2/smilegut_banner_mobile.png); */
/*         background-repeat: no-repeat; */
/*         background-size: contain; */
/*         background-position: top; */
/*         background-attachment: local; */
/*     } */
	.smilegut_info2Back {
        background-image: url(/resources/img/smilegut/smilegut-info/ver2/microbiome_mobile.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-attachment: local;
    }
	.smilegut_info3Back {
        background-image: url(/resources/img/smilegut/smilegut-info/ver2/gut1_mobile.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top;
        background-attachment: local;
    }
    .smilegut_info4Back {
		background-image: url(/resources/img/smilegut/smilegut-info/ver2/b2b2c_banner_mobile.png);
		background-repeat: no-repeat;
		opacity: 1;
		background-size: 100%;
		height: 600px;
	}
	.mobileContents {
		display: block;
	}
	.webContents {
		display: none;
	}
	.webContents_flex {
		display: none;
	}
	.sm_text-center {
		text-align: center;
	}
	.h_230 {
		height: 100%;
	}
	.topTitleImgHeight {
		height: 170px;
	}
}
@media (min-width: 500px) {
	.container1 { width:100%; padding-left: 50px; padding-right: 50px; }
}
@media (min-width: 600px) {
	.smilegut1Back {
		background-image: url(/resources/img/smilegut/smilegut-info/bg_pad.png);	
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top;
		background-attachment: local;
	}
}

/* 키트등록 화면에서 사용 */
@media (min-width: 768px) {
    .inner {
        width: 500px;
        margin: 0 auto;
    }
}

@media (min-width: 992px) {
	.font14 {font-size: 13px;}
	.font15 {font-size: 14px;}
	.font16 {font-size: 15px;}
	.font18 {font-size: 15px;}
	.font20 {font-size: 16px;}
	.font22 {font-size: 16px;}
	.font24 {font-size: 18px;}
	.font26 {font-size: 20px;}
	.font27 {font-size: 21px;}
	.font28 {font-size: 22px;}
	.font30 {font-size: 24px;}
	.font32 {font-size: 26px;}
	.font34 {font-size: 28px;}
	.font36 {font-size: 30px;}
	.font40 {font-size: 35px;}
	.font40_1 {font-size: 36px;}
	.font45 {font-size: 36px;}
	.font46 {font-size: 37px;}
	.font50 {font-size: 36px;}
	.font50_1 {font-size: 44px;}
	.font60 {font-size: 50px;}
	.font65 {font-size: 45px;}
	.font76 {font-size: 50px;}
	.font80 {font-size: 70px;}
/* 	.container1 { width:100%; height: calc(100vh - 65px); padding-left: 100px; padding-right: 100px; } */
/* 	.container1 { width:100%; height: calc(100vh - 65px); padding-left: 5vw; padding-right: 5vw; } */
	.container1 { width:100%; height: 100vh; padding-left: 5vw; padding-right: 5vw; }
	.container2 { width:100%; padding-left: 5vw; padding-right: 5vw; }
	
	.h800 { height: 800px; }
	.main1Back {
		background-image: url(/resources/img/smilegut/main/top_view.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		opacity: 1;
		background-size: cover;
		background-position: top;
		background-attachment: local;
	}
	.main2Back {
		background-image: url(/resources/img/smilegut/main/bak1_img.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		opacity: 1;
		background-position: left;
	}
	.main3Back {
		background-image: url(/resources/img/smilegut/main/bak2_img.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		opacity: 1;
		background-size: 30%;
		background-position: top right -200px;
	}
	.main4Back {
		background-image: url(/resources/img/smilegut/main/banner.png);
		background-repeat: no-repeat;
		opacity: 1;
		background-size: 100%;
	}
	.main5Back {
		background: linear-gradient(to right, #F3FBFF 73%, #FFF5F3 34%);
	}
	.main6Back {
		background: linear-gradient(to bottom, #F5F7FA 50%, transparent 50%);
	}
	.about1Back {
		background-image: url(/resources/img/smilegut/main/about_main.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		opacity: 1;
		background-size: 100% 87%;
		background-position: top;
		background-attachment: local;
	}
	.about2Back {
		background-image: url(/resources/img/smilegut/main/FAQ_web.png);
		background-repeat: no-repeat;
		opacity: 1;
		background-size: cover;
	}
	.about3Back {
		background-image: url(/resources/img/smilegut/main/about_footer.png);
		background-repeat: no-repeat;
		opacity: 1;
		background-size: cover;
	}
	.about4Back {
		background-image: url(/resources/img/smilegut/main/about_food.png);
		background-repeat: no-repeat;
		opacity: 1;
		background-size: 100%;
	}
	.broadcast1Back {
		background-image: url(/resources/img/smilegut/broadcast/bg.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		opacity: 1;
		background-size: cover;
		background-position: top;
	}
	.fodmap1Back {
		background-image: url(/resources/img/smilegut/fodmap/bg.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		opacity: 1;
		background-size: cover;
		background-position: top;
	}
	.recipe1Back {
		background-image: url(/resources/img/smilegut/recipe/bg.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		opacity: 1;
		background-size: cover;
		background-position: top;
	}
	.faq1Back {
		background-image: url(/resources/img/smilegut/faq/bg.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		opacity: 1;
		background-size: cover;
		background-position: top;
	}
	.autism1Back {
		background-image: url(/resources/img/smilegut/story/autism_bg1.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		opacity: 1;
		background-size: cover;
		background-position: top;
	}
	.smilegut1Back {
		background-image: url(/resources/img/smilegut/smilegut-info/bg.png);	
		background-color: #ffffff;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top;
		background-attachment: local;
	}
	.smilegut2Back {
		background-image: url(/resources/img/smilegut/smilegut-info/bg_bottom.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: bottom;
	}
	.smilegut_info1Back {
		background-image: url(/resources/img/smilegut/smilegut-info/ver2/smilegut_main.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		background-attachment: local;
	}
/* 	.smilegut_info2Back { */
/*         background-image: url(/resources/img/smilegut/smilegut-info/ver2/smilegut_banner.png); */
/*         background-repeat: no-repeat; */
/*         background-size: contain; */
/*         background-position: top; */
/*         background-attachment: local; */
/*     } */
	.smilegut_info2Back {
        background-image: url(/resources/img/smilegut/smilegut-info/ver2/microbiome.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top;
        background-attachment: local;
    }
	.smilegut_info3Back {
        background-image: url(/resources/img/smilegut/smilegut-info/ver2/gut1.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top;
        background-attachment: local;
    }
    .smilegut_info4Back {
		background-image: url(/resources/img/smilegut/smilegut-info/ver2/b2b2c_banner.png);
		background-repeat: no-repeat;
		opacity: 1;
		background-size: cover;
		height: 274px;
	}
	.mobileContents {
		display: none;
	}
	.webContents {
		display: inline;
	}
	.webContents_flex {
		display: flex;
	}
	.sm_text-center {
		text-align: start;
	}
	.h_230 {
		height: 230px;
	}
	.min_h_1 {
		min-height: 158px;
	}
	.topTitleImgHeight {
		height: 400px;
	}
}
@media (min-width: 1400px) {
	.font14 {font-size: 13px;}
	.font15 {font-size: 14px;}
	.font16 {font-size: 15px;}
	.font18 {font-size: 16px;}
	.font20 {font-size: 18px;}
	.font22 {font-size: 19px;}
	.font24 {font-size: 20px;}
	.font26 {font-size: 23px;}
	.font27 {font-size: 24px;}
	.font28 {font-size: 25px;}
	.font30 {font-size: 26px;}
	.font32 {font-size: 27px;}
	.font34 {font-size: 28px;}
	.font36 {font-size: 30px;}
	.font40 {font-size: 35px;}
	.font40_1 {font-size: 37px;}
	.font45 {font-size: 37px;}
	.font46 {font-size: 38px;}
	.font50 {font-size: 40px;}
	.font50_1 {font-size: 48px;}
	.font60 {font-size: 50px;}
	.font65 {font-size: 45px;}
	.font76 {font-size: 64px;}
	.font80 {font-size: 70px;}
/* 	.container1 { width:100%; height: calc(100vh - 65px); padding-left: 100px; padding-right: 100px; } */
/* 	.container1 { width:100%; height: calc(100vh - 65px); padding-left: 10vw; padding-right: 10vw; } */
	.container1 { width:100%; height: 100vh; padding-left: 10vw; padding-right: 10vw; }
	.container2 { width:100%; padding-left: 10vw; padding-right: 10vw; }
	
	.h800 { height: 800px; }
	.main1Back {
		background-image: url(/resources/img/smilegut/main/top_view.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		opacity: 1;
		background-size: cover;
		background-position: top;
		background-attachment: local;
	}
	.main2Back {
		background-image: url(/resources/img/smilegut/main/bak1_img.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		opacity: 1;
		background-position: left;
	}
	.main3Back {
		background-image: url(/resources/img/smilegut/main/bak2_img.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		opacity: 1;
		background-size: 30%;
		background-position: top right -200px;
	}
	.main4Back {
		background-image: url(/resources/img/smilegut/main/banner.png);
		background-repeat: no-repeat;
		opacity: 1;
		background-size: 100%;
		height: 250px;
	}
	.main5Back {
		background: linear-gradient(to right, #F3FBFF 70%, #FFF5F3 34%);
	}
	.main6Back {
		background: linear-gradient(to bottom, #F5F7FA 50%, transparent 50%);
	}
	.about1Back {
		background-image: url(/resources/img/smilegut/main/about_main.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		opacity: 1;
		background-size: 100% 87%;
		background-position: top;
		background-attachment: local;
	}
	.about2Back {
		background-image: url(/resources/img/smilegut/main/FAQ_web.png);
		background-repeat: no-repeat;
		opacity: 1;
		background-size: cover;
	}
	.about3Back {
		background-image: url(/resources/img/smilegut/main/about_footer.png);
		background-repeat: no-repeat;
		opacity: 1;
		background-size: cover;
	}
	.about4Back {
		background-image: url(/resources/img/smilegut/main/about_food.png);
		background-repeat: no-repeat;
		opacity: 1;
		background-size: 100%;
	}
	.broadcast1Back {
		background-image: url(/resources/img/smilegut/broadcast/bg.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		opacity: 1;
		background-size: cover;
		background-position: top;
	}
	.fodmap1Back {
		background-image: url(/resources/img/smilegut/fodmap/bg.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		opacity: 1;
		background-size: cover;
		background-position: top;
	}
	.recipe1Back {
		background-image: url(/resources/img/smilegut/recipe/bg.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		opacity: 1;
		background-size: cover;
		background-position: top;
	}
	.faq1Back {
		background-image: url(/resources/img/smilegut/faq/bg.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		opacity: 1;
		background-size: cover;
		background-position: top;
	}
	.autism1Back {
		background-image: url(/resources/img/smilegut/story/autism_bg1.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		opacity: 1;
		background-size: cover;
		background-position: top;
	}
	.smilegut1Back {
		background-image: url(/resources/img/smilegut/smilegut-info/bg.png);	
		background-color: #ffffff;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top;
		background-attachment: local;
	}
	.smilegut2Back {
		background-image: url(/resources/img/smilegut/smilegut-info/bg_bottom.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: bottom;
	}
	.smilegut_info1Back {
		background-image: url(/resources/img/smilegut/smilegut-info/ver2/smilegut_main.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		background-attachment: local;
	}
/* 	.smilegut_info2Back { */
/*         background-image: url(/resources/img/smilegut/smilegut-info/ver2/smilegut_banner.png); */
/*         background-repeat: no-repeat; */
/*         background-size: contain; */
/*         background-position: top; */
/*         background-attachment: local; */
/*     } */
	.smilegut_info2Back {
        background-image: url(/resources/img/smilegut/smilegut-info/ver2/microbiome.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top;
        background-attachment: local;
    }
	.smilegut_info3Back {
        background-image: url(/resources/img/smilegut/smilegut-info/ver2/gut1.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top;
        background-attachment: local;
    }
    .smilegut_info4Back {
		background-image: url(/resources/img/smilegut/smilegut-info/ver2/b2b2c_banner.png);
		background-repeat: no-repeat;
		opacity: 1;
		background-size: cover;
		height: 274px;
	}
	.mobileContents {
		display: none;
	}
	.webContents {
		display: inline;
	}
	.webContents_flex {
		display: flex;
	}
	.sm_text-center {
		text-align: start;
	}
	.h_230 {
		height: 230px;
	}
}
@media (min-width: 1700px) {
	.font14 {font-size: 14px;}
	.font15 {font-size: 15px;}
	.font16 {font-size: 16px;}
	.font18 {font-size: 18px;}
	.font20 {font-size: 20px;}
	.font22 {font-size: 22px;}
	.font24 {font-size: 24px;}
	.font26 {font-size: 26px;}
	.font27 {font-size: 27px;}
	.font28 {font-size: 28px;}
	.font30 {font-size: 30px;}
	.font32 {font-size: 32px;}
	.font34 {font-size: 34px;}
	.font36 {font-size: 36px;}
	.font40 {font-size: 40px;}
	.font40_1 {font-size: 40px;}
	.font45 {font-size: 45px;}
	.font46 {font-size: 46px;}
	.font50 {font-size: 50px;}
	.font50_1 {font-size: 50px;}
	.font60 {font-size: 60px;}
	.font65 {font-size: 65px;}
	.font76 {font-size: 76px;}
	.font80 {font-size: 80px;}
/* 	.container1 { width:100%; height: calc(100vh - 65px); padding-left: 300px; padding-right: 300px; } */
/* 	.container1 { width:100%; height: calc(100vh - 65px); padding-left: 15vw; padding-right: 15vw; } */
	.container1 { width:100%; height: 100vh; padding-left: 15vw; padding-right: 15vw; }
	.container2 { width:100%; padding-left: 15vw; padding-right: 15vw; }
	.h800 { height: 800px; }
	.main1Back {
		background-image: url(/resources/img/smilegut/main/top_view.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		opacity: 1;
		background-size: cover;
		background-position: top;
		background-attachment: local;
	}
	.main2Back {
		background-image: url(/resources/img/smilegut/main/bak1_img.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		opacity: 1;
		background-position: left;
	}
	.main3Back {
		background-image: url(/resources/img/smilegut/main/bak2_img.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		opacity: 1;
		background-size: 30%;
		background-position: top right -200px;
	}
	.main4Back {
		background-image: url(/resources/img/smilegut/main/banner.png);
		background-repeat: no-repeat;
		opacity: 1;
		background-size: 100%;
	}
	.main5Back {
		background: linear-gradient(to right, #F3FBFF 67.7%, #FFF5F3 34%);
	}
	.main6Back {
		background: linear-gradient(to bottom, #F5F7FA 50%, transparent 50%);
	}
	.about1Back {
		background-image: url(/resources/img/smilegut/main/about_main.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		opacity: 1;
		background-size: 100% 87%;
		background-position: top;
		background-attachment: local;
	}
	.about2Back {
		background-image: url(/resources/img/smilegut/main/FAQ_web.png);
		background-repeat: no-repeat;
		opacity: 1;
		background-size: cover;
	}
	.about3Back {
		background-image: url(/resources/img/smilegut/main/about_footer.png);
		background-repeat: no-repeat;
		opacity: 1;
		background-size: cover;
	}
	.about4Back {
		background-image: url(/resources/img/smilegut/main/about_food.png);
		background-repeat: no-repeat;
		opacity: 1;
		background-size: 100%;
	}
	.broadcast1Back {
		background-image: url(/resources/img/smilegut/broadcast/bg.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		opacity: 1;
		background-size: cover;
		background-position: top;
	}
	.fodmap1Back {
		background-image: url(/resources/img/smilegut/fodmap/bg.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		opacity: 1;
		background-size: cover;
		background-position: top;
	}
	.recipe1Back {
		background-image: url(/resources/img/smilegut/recipe/bg.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		opacity: 1;
		background-size: cover;
		background-position: top;
	}
	.faq1Back {
		background-image: url(/resources/img/smilegut/faq/bg.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		opacity: 1;
		background-size: cover;
		background-position: top;
	}
	.autism1Back {
		background-image: url(/resources/img/smilegut/story/autism_bg1.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		opacity: 1;
		background-size: cover;
		background-position: top;
	}
	.smilegut1Back {
		background-image: url(/resources/img/smilegut/smilegut-info/bg.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top;
		background-attachment: local;
	}
	.smilegut2Back {
		background-image: url(/resources/img/smilegut/smilegut-info/bg_bottom.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: bottom;
	}
	.smilegut_info1Back {
		background-image: url(/resources/img/smilegut/smilegut-info/ver2/smilegut_main.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		background-attachment: local;
	}
/* 	.smilegut_info2Back { */
/*         background-image: url(/resources/img/smilegut/smilegut-info/ver2/smilegut_banner.png); */
/*         background-repeat: no-repeat; */
/*         background-size: contain; */
/*         background-position: top; */
/*         background-attachment: local; */
/*     } */
	.smilegut_info2Back {
        background-image: url(/resources/img/smilegut/smilegut-info/ver2/microbiome.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top;
        background-attachment: local;
    }
	.smilegut_info3Back {
        background-image: url(/resources/img/smilegut/smilegut-info/ver2/gut1.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top;
        background-attachment: local;
    }
    .smilegut_info4Back {
		background-image: url(/resources/img/smilegut/smilegut-info/ver2/b2b2c_banner.png);
		background-repeat: no-repeat;
		opacity: 1;
		background-size: cover;
		height: 274px;
	}
	.mobileContents {
		display: none;
	}
	.webContents {
		display: inline;
	}
	.webContents_flex {
		display: flex;
	}
	.sm_text-center {
		text-align: start;
	}
	.h_230 {
		height: 230px;
	}
}
@media (min-width: 2200px) {
	.font14 {font-size: 18px;}
	.font15 {font-size: 20px;}
	.font16 {font-size: 21px;}
	.font18 {font-size: 23px;}
	.font20 {font-size: 26px;}
	.font22 {font-size: 28px;}
	.font24 {font-size: 31px;}
	.font26 {font-size: 28px;}
	.font27 {font-size: 30px;}
	.font28 {font-size: 32px;}
	.font30 {font-size: 39px;}
	.font32 {font-size: 41px;}
	.font34 {font-size: 44px;}
	.font36 {font-size: 47px;}
	.font40 {font-size: 52px;}
	.font40_1 {font-size: 52px;}
	.font45 {font-size: 56px;}
	.font46 {font-size: 60px;}
	.font50 {font-size: 63px;}
	.font50_1 {font-size: 63px;}
	.font60 {font-size: 78px;}
	.font65 {font-size: 85px;}
	.font76 {font-size: 90px;}
	.font80 {font-size: 104px;}
/* 	.container1 { width:100%; height: calc(100vh - 65px); padding-left: 300px; padding-right: 300px; } */
/* 	.container1 { width:100%; height: calc(100vh - 65px); padding-left: 15vw; padding-right: 15vw; } */
	.container1 { width:100%; height: 100vh; padding-left: 15vw; padding-right: 15vw; }
	.container2 { width:100%; padding-left: 15vw; padding-right: 15vw; }
	.h800 { height: 800px; }
	.main1Back {
		background-image: url(/resources/img/smilegut/main/top_view.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		opacity: 1;
		background-size: cover;
		background-position: top;
		background-attachment: local;
	}
	.main2Back {
		background-image: url(/resources/img/smilegut/main/bak1_img.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		opacity: 1;
		background-position: left;
	}
	.main3Back {
		background-image: url(/resources/img/smilegut/main/bak2_img.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		opacity: 1;
		background-size: 30%;
		background-position: top right -200px;
	}
	.main4Back {
		background-image: url(/resources/img/smilegut/main/banner.png);
		background-repeat: no-repeat;
		opacity: 1;
		background-size: 100%;
	}
	.main5Back {
		background: linear-gradient(to right, #F3FBFF 67.7%, #FFF5F3 34%);
	}
	.main6Back {
		background: linear-gradient(to bottom, #F5F7FA 50%, transparent 50%);
	}
	.about1Back {
		background-image: url(/resources/img/smilegut/main/about_main.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		opacity: 1;
		background-size: 100% 87%;
		background-position: top;
		background-attachment: local;
	}
	.about2Back {
		background-image: url(/resources/img/smilegut/main/FAQ_web.png);
		background-repeat: no-repeat;
		opacity: 1;
		background-size: cover;
	}
	.about3Back {
		background-image: url(/resources/img/smilegut/main/about_footer.png);
		background-repeat: no-repeat;
		opacity: 1;
		background-size: cover;
	}
	.about4Back {
		background-image: url(/resources/img/smilegut/main/about_food.png);
		background-repeat: no-repeat;
		opacity: 1;
		background-size: 100%;
	}
	.broadcast1Back {
		background-image: url(/resources/img/smilegut/broadcast/bg.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		opacity: 1;
		background-size: cover;
		background-position: top;
	}
	.fodmap1Back {
		background-image: url(/resources/img/smilegut/fodmap/bg.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		opacity: 1;
		background-size: cover;
		background-position: top;
	}
	.recipe1Back {
		background-image: url(/resources/img/smilegut/recipe/bg.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		opacity: 1;
		background-size: cover;
		background-position: top;
	}
	.faq1Back {
		background-image: url(/resources/img/smilegut/faq/bg.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		opacity: 1;
		background-size: cover;
		background-position: top;
	}
	.autism1Back {
		background-image: url(/resources/img/smilegut/story/autism_bg1.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		opacity: 1;
		background-size: cover;
		background-position: top;
	}
	.smilegut1Back {
		background-image: url(/resources/img/smilegut/smilegut-info/bg.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top;
		background-attachment: local;
	}
	.smilegut2Back {
		background-image: url(/resources/img/smilegut/smilegut-info/bg_bottom.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: bottom;
	}
	.smilegut_info1Back {
		background-image: url(/resources/img/smilegut/smilegut-info/ver2/smilegut_main.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		background-attachment: local;
	}
/* 	.smilegut_info2Back { */
/*         background-image: url(/resources/img/smilegut/smilegut-info/ver2/smilegut_banner.png); */
/*         background-repeat: no-repeat; */
/*         background-size: contain; */
/*         background-position: top; */
/*         background-attachment: local; */
/*     } */
	.smilegut_info2Back {
        background-image: url(/resources/img/smilegut/smilegut-info/ver2/microbiome.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top;
        background-attachment: local;
    }
	.smilegut_info3Back {
        background-image: url(/resources/img/smilegut/smilegut-info/ver2/gut1.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top;
        background-attachment: local;
    }
    .smilegut_info4Back {
		background-image: url(/resources/img/smilegut/smilegut-info/ver2/b2b2c_banner.png);
		background-repeat: no-repeat;
		opacity: 1;
		background-size: cover;
		height: 274px;
	}
	.mobileContents {
		display: none;
	}
	.webContents {
		display: inline;
	}
	.webContents_flex {
		display: flex;
	}
	.sm_text-center {
		text-align: start;
	}
	.h_230 {
		height: 300px;
	}
	.wid_120px {
		width: 162px !important;
	}
}