.main_visual {}
.main_visual img {max-width:100%;}


@media (max-width:700px) {



}

.main_section01 {}




.main_board {display:flex; clear:both; position:relative; z-index:9; padding-top:25px;}
.main_board.first {padding-top:40px;}

/*��������*/
.main_notice { width:40%; position:relative; background:#d6fcff; border-radius:18px; min-height:240px; padding:40px 30px; margin-right:1.5%;}
.main_notice h3 {font-size:30px; color:#333333; font-weight:bold; display:block;  padding-bottom:25px;} 
.main_notice .main_list {margin-top:20px;}
.main_notice .main_list li { padding-left:10px; color:#FFF; margin-bottom:3px; position:relative; padding-right:80px; background:url(../img/main_bullet01.png) no-repeat 0 13px;}
.main_notice .main_list li span.icon {position:absolute; left:0; top:-2px;}
.main_notice .main_list li a {color:#333333; font-size:19px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_notice .main_list li span {font-size:12px; color:#859a9c; position:absolute; right:0; top:0;} 
.main_notice .main_notice_box {border:1px solid #e6e6e6; margin-top:10px; padding:20px 25px; box-sizing:border-box; background:#FFF; }
.main_notice .main_more {position:absolute; right:30px; top:40px; width:25px; height:25px; background:url(../img/main_more02.png) no-repeat; text-indent:-50000px;}

.main_notice_tab {display:flex;}
.main_notice_tab li {flex:1; margin-left:2px;}
.main_notice_tab li:first-child {margin-left:0;}
.main_notice_tab li a {display:block; text-align:center; background:#c5e8eb; font-size:16px; color:#83a7aa; padding:10px 0; font-weight:bold;}
.main_notice_tab li a.active {color:#FFF; background:#65c3e2;}

.main_box {width:32.5%; border-radius:18px; background:url(../img/main_box01_bg.jpg) no-repeat #d6f0ff; margin-right:1.5%; position:relative;}
.main_box a {display:block; padding:40px 30px; height:100%;}
.main_box_txt h3 {font-size:30px; color:#333333; font-weight:bold; margin-bottom:10px;}
.main_box_txt p {font-size:19px; color:#1591d8; letter-spacing:-1px;}
.main_box_logo {position:absolute; right:20px; top:20px;}




.main_customer {width:24.5%; background:#fffad6; padding:40px 30px; border-radius:18px; margin-right:1%;}
.main_customer h3 {font-size:30px; color:#181818; font-weight:bold; display:inline-block; letter-spacing:-1px;} 

.main_tel_box {background:url(../img/main_tel_icon.png) no-repeat; padding-left:70px; margin-top:30px; height:55px;}
.main_tel_box h4 {font-size:16px; color:#333333; margin:5px 0; font-weight:bold;} 
.main_tel_box h5 {font-size:20px; color:#000000; line-height:130%; font-weight:bold;}

.main_time_box {background:url(../img/main_time_icon.png) no-repeat 0px 0px; padding-left:70px; margin-top:20px; height:55px; padding-top:0px; margin-bottom:30px;}
.main_time_box h5 {font-size:24px; color:#000; margin:5px 0; font-weight:bold;} 
.main_time_box p {font-size:16px; color:#000; line-height:160%; letter-spacing:-1px; }

 
 @media (max-width:1200px) {
 
.main_board {display:flex; flex-wrap:wrap;}
.main_notice {width:100%; margin-bottom:10px; margin-right:0; order:1; padding:20px;}
.main_box {order:2; width:47%; background-size:100%; background-position:0 bottom;}
.main_customer {order:3; width:50%;}
}


@media (max-width:700px) {
.main_notice .main_more {top:20px;}
.main_notice_tab li a {font-size:14px;}
.main_notice .main_list li a {font-size:14px;}

.main_box {width:100%; margin-bottom:10px; min-height:260px;}
.main_box_txt h3 {font-size:20px;}
.main_box_txt p {font-size:16px; line-height:1.5em;}

.main_customer {width:100%; padding:30px 20px;}
.main_customer h3 {font-size:20px;}
}


 
.main_product {margin-top:75px; margin-bottom:60px;}

.main_product_tab ul {display:flex;  margin-bottom:23px;}
.main_product_tab li {}
.main_product_tab li a {font-size:30px; color:#bfbfbf; position:relative; padding:0 20px; font-weight:bold;}
.main_product_tab li a.active {color:#333333;}
.main_product_tab li a:before {position:absolute; width:1px; height:17px; right:0; top:9px; background:#c3c3c3; content:"";}
.main_product_tab li:last-child a:before {display:none;}
.main_product_tab li:first-child a {padding-left:0;}

.productContents {position:relative;}
.main_product .product_more {position:absolute; right:0; top:-55px; font-size:20px; color:#555555; border:1px solid #d9d9d9; border-radius:30px; padding:0px 18px; font-weight:bold; display:inline-block;}
.productList {display:flex; margin-left:-1%; flex-wrap:wrap;}
.productList li {width:24%; margin-left:1%; margin-bottom:30px;}
.productList li .img {border:1px solid #dedede; border-radius:18px; overflow:hidden;}
.productList li .img img {max-width:100%; height:auto;}
.productList li .sct_txt {margin-top:24px; font-size:18px; color:#000000; font-weight:bold;}
.productList li .sct_basic { font-size:15px; color:#8f8f8f; }


 @media (max-width:700px) {

.productList li {width:49%;}
.productList li .sct_txt {margin-top:14px;}
.main_product_tab li a {font-size:18px;}
.main_product_tab li a:before {top:7px;}
.main_product .product_more {font-size:12px;}
.productList li .sct_txt {font-size:16px;}
}



.main_banner {position:relative; background:#f7f7f7; padding:30px 20px; padding-left:177px; margin-bottom:98px;}
.main_banner h3 {position:absolute; font-size:18px; color:#333333; left:30px; top:30px; font-weight:bold;}


@media (max-width:900px) {


.main_banner {position:relative; background:#f0f0f0; border-radius:10px; padding:20px 10px; padding-left:120px;}
.main_banner h3 {position:absolute; font-size:14px; color:#333333; left:10px; top:20px; font-weight:bold;}



}


@media (max-width:700px) {


.main_banner {position:relative; background:#f0f0f0; border-radius:10px; padding:20px 10px; padding-left:120px;}
.main_banner h3 {position:absolute; font-size:14px; color:#333333; left:10px; top:10px; font-weight:bold;}



}