/* swiper slider */
.main_content01{ width: 100%; max-width: 1200px; height: 420px; margin: auto; padding-left: 230px; display: flex; flex-flow: row nowrap; }
.visual_slide{ width: calc(100% - 200px); max-width: 1200px; height: 420px; transition: height 0.2s ease-in-out; }
.visual_img{ width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; transition: all 0.2s ease-in-out; }
.main_content01>ul{ width: 200px; height: 420px; }
.main_content01>ul>li{ width: 100%; height: 210px; padding: 15px; border: 4px solid; display: flex; flex-flow: column nowrap; justify-content: space-around; align-items: flex-start; }
.main_content01>ul>li:nth-of-type(1){ border-color: rgb(148,185,226); background-position: right 20px top 20px; background-repeat: no-repeat; background-size: auto; }
.main_content01>ul>li:nth-of-type(2){ border-color: rgb(177,177,177); background-position: center; background-repeat: no-repeat; background-size: cover; cursor: pointer; }
.main_content01>ul>li>h5{ width: 100%; color: rgb(51,51,51); font-size: 14px; }
.main_content01>ul>li>h5:last-of-type{ margin-top: 15px; }
.main_content01>ul>li>div{ width: 35px; height: 2px; min-height: 2px; margin: 10px 0 5px; background-color: rgb(41,115,197); }
.main_content01>ul>li>a{ width: 100%; height: 24px; color: rgb(51,51,51); font-size: 18px; font-weight: bold; cursor: pointer; }
.main_content01>ul>li>h6{ width: 100%; margin-top: 5px; color: rgb(51,51,51); font-size: 14px; }
.main_content01>ul>li>h3{ width: 100%; color: rgb(51,51,51); font-size: 16px; font-weight: bold; }
.main_content01>ul>li>p{ width: 100%; margin-bottom: 30px; color: rgb(119,119,119); font-size: 14px; }
.product_preview{ width: 100%; max-width: 1200px; margin: 60px auto 0; display: flex; flex-flow: row wrap; justify-content: space-between; }
.product_preview>h4{ width: 100%; height: 35px; display: flex; flex-flow: row nowrap; }
.product_preview>h4>p{ width: 190px; height: 35px; min-width: 190px; border: 1px solid rgb(85,85,85); border-bottom: 0; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; color: rgb(255,255,255); font-weight: bold; font-size: 16px; background-color: rgb(41,115,197); }
.product_preview>h4>div{ width: 100%; height: 35px; border-bottom: 1px solid rgb(85,85,85); }
.product_preview>a{ width: 19%; height: 210px; margin-top: 15px; display: flex; flex-flow: column nowrap; }
.product_preview>a.empty{ width: 19%; height: 0; }
.product_preview>a>figure{ width: 100%; height: 170px; background-position: center; background-repeat: no-repeat; background-size: contain; border: 1px solid rgb(220,220,220); }
.product_preview>a>p{ width: 100%; height: 40px; text-align: center; font-size: 16px; color: rgb(51,51,51); line-height: 38px; }
.product_preview>h6{ width: 100%; height: 60px; text-align: center; line-height: 58px; color: rgb(51,51,51); font-size: 14px; font-weight: normal; }


/* 모바일 메인 */
.visual_slide_m{ width: 100%; height: 400px; box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2); z-index: 10 !important; transition: height 0.2s ease-in-out; }
@media(max-width:480px){ .visual_slide_m{ height: 350px; } }
@media(max-width:430px){ .visual_slide_m{ height: 320px; } }
@media(max-width:390px){ .visual_slide_m{ height: 290px; } }
@media(max-width:350px){ .visual_slide_m{ height: 250px; } }
.swiper-pagination-bullet{ border: 1px solid rgb(165,165,165) !important; background-color: rgb(255,255,255) !important; }
.swiper-pagination-bullet-active{ background-color: rgb(165,165,165) !important; }
.main_content01_m{ width: 100%; height: auto; background-color: rgb(242,248,255); display: flex; flex-flow: row nowrap; justify-content: center; position: relative; }
.main_content01_m>div{ width: 100%; height: 45px; position: absolute; top: 0; left: 0; background-color: rgb(41,115,197); }
.main_content01_m>dl{ width: 100%; max-width: 200px; height: auto; display: flex; flex-flow: column nowrap; position: relative; z-index: 1; }
.main_content01_m>dl:nth-of-type(2){ border-right: 1px solid rgb(255,255,255); border-left: 1px solid rgb(255,255,255); }
.main_content01_m>dl>dt{ width: 100%; height: 45px; background-color: rgb(41,115,197); display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; color: rgb(255,255,255); font-size: 18px; }
.main_content01_m>dl>dd{ width: 100%; height: auto; padding: 10px; display: flex; flex-flow: column nowrap; align-items: flex-start; font-size: 16px; color: rgb(51,51,51); }
@media(max-width:480px){
	.main_content01_m>dl>dt{ font-size: 16px; }
	.main_content01_m>dl>dd{ font-size: 14px; }
}
@media(max-width:350px){
	.main_content01_m>dl>dt{ font-size: 15px; }
	.main_content01_m>dl>dd{ font-size: 14px; }
}
.main_content02_m{ width: 100%; height: auto; display: flex; flex-flow: row nowrap; justify-content: center; }
.main_content02_m>a{ width: 45%; max-width: 210px; height: 150px; margin: 10px 0 30px; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; cursor: pointer; }
.main_content02_m>a:nth-of-type(1){ background-color: rgb(44,130,199); }
.main_content02_m>a:nth-of-type(2){ margin-left: 10px; background-color: rgb(5,169,181); }
.main_content02_m>a>figure{ width: 80px; height: 80px; border-radius: 80px; background-color: rgb(255,255,255); background-position: center; background-repeat: no-repeat; background-size: auto; }
.main_content02_m>a>p{ margin-top: 10px; font-size: 16px; text-align: center; color: rgb(255,255,255); }
.main_content03_m{ width: 100%; height: auto; max-width: 430px; margin: auto; display: flex; flex-flow: row nowrap; justify-content: space-around; align-items: center; }
.main_content03_m>a{ width: 20%; height: auto; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; cursor: pointer; }
.main_content03_m>a>figure{ width: 70px; height: 70px; max-width: 70px; border: 1px solid rgb(221,221,221); border-radius: 70px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; }
.main_content03_m>a>figure>img{ width: auto; height: auto; }
.main_content03_m>a>p{ margin-top: 10px; text-align: center; color: rgb(51,51,51); font-size: 16px; }