@media screen and (max-width:767px) {

/* header */
#header{position: fixed;left: 0;top: 0;width: 100%;z-index: 2000;transition:.3s;}
#header .inner{display: flex;align-items: center;justify-content: space-between;height: 70px;width: 100%;}
#header h1 a{display: block;width:95px;height: 34px;background: url(../images/main/main_logo01.png);background-size: cover;transition:.3s;}
#header .btn_box{display: flex;align-items: center;gap:15px;}
#header .navi_btn{display: block; position: relative;width: 20px;height: 15px;}
#header .navi_btn span{position: absolute; width: 100%;height: 2px;background: #fff;left: 0;transition: .3s;}
#header .navi_btn span:nth-child(1){top: 0;}
#header .navi_btn span:nth-child(2){top: 50%;transform: translate(-50% , -50%);left: 50%;}
#header .navi_btn span:nth-child(3){bottom: 0;}
#header .navi_btn.on span:nth-child(1){top: 50%;transform: translateY(-50%) rotate(45deg);}
#header .navi_btn.on span:nth-child(2){opacity: 0;}
#header .navi_btn.on span:nth-child(3){top: 50%;transform: translateY(-50%) rotate(-45deg);}
#header .btn_box a{font-size: 15px;color: #fff;transition: .3s;font-weight: 500;}

#header.white{background: #fff;}
#header.white h1 a{background: url(../images/main/main_logo02.png);background-size: cover;}
#header.white .navi_btn span{background: #000;}

#header.on{background: #fff;}
#header.on h1 a{background: url(../images/main/main_logo02.png);background-size: cover;}
#header.on .navi_btn span{background: #000;}


/* gnb */
.menu_box{position: absolute;display: none; left: 0;width: 100%;top: 0;align-items: center;justify-content: center;}
.gnb{display: flex;}
.gnb > li > a{display: block;line-height: 100px;text-align: center;width: 190px;font-size: 17px;transition: .3s;font-weight: 700;color: #fff;}
.gnb > li .fade_box{display: none; position: absolute;width: 100%; left: 0;top: 100%;background: #fafafa;}
.gnb > li ul{display: flex;width: 100%;justify-content: center;gap:50px;}
.gnb > li ul li a{position: relative; display: block;line-height: 100px;color: #232323;font-weight: 600;}
.gnb > li ul li a:hover{color: var(--ma_c01);}
.gnb > li ul li a:after{content:'';position: absolute;right: -26px;top: 50%;transform: translateY(-50%);width: 1px;height: 16px;background: #232323;}
.gnb > li ul li:last-child a:after{display: none;}


/* 네비게이션 */
#navigation{display: none; position: fixed;left: 0;top: 70px;z-index: 1000;width: 100%;height: calc(100vh - 70px);background: rgba(0,0,0,.3);}
#navigation .navi_box{position: absolute; width: 65%;right: 0;top: 0;background: #fff;height: 100%;}
#navigation .navi_box > ul > li > a{position: relative; display: block;line-height: 45px;padding: 0 10px;border-top: 1px solid #ddd;font-size: 14px;}
#navigation .navi_box > ul > li.hide > a:after{content:'';position: absolute;transition: .3s; right: 10px;top: 50%;transform: translateY(-50%);width: 12px;height: 8px;background: url(../images/main/footer_ico01.png);}
#navigation .navi_box > ul > li.hide.on > a:after{transform: rotate(180deg);}
#navigation .navi_box > ul > li:last-child > a{border-bottom: 1px solid #ddd;}
#navigation .navi_box > ul > li ul{display: none; background: #f4f4f4;padding: 10px;border-top: 2px solid var(--ma_c01);}
#navigation .navi_box > ul > li ul li a{display: block; line-height: 25px;font-size: 14px;}
#navigation .navi_box > ul > li ul li.on a{color: var(--ma_c01);font-weight: 600;}


/* visual_wrap */
#visual_wrap{position: relative;}
#visual_wrap:after{content:'';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.3);}
#visual_wrap video{position: relative; width: 100%;height: 100vh;object-fit: cover;}
#visual_wrap .txt_wrap{position: absolute;left: 50%;top: 50%;transform: translate(-50% , -50%);color: #fff;z-index: 10;}
#visual_wrap .txt_wrap p{font-size: 18px;}
#visual_wrap .txt_wrap strong{display: block;font-size: 35px;font-weight:800;margin: 10px 0 30px;line-height: 45px;}
#visual_wrap .txt_wrap span{font-size: 16px;font-weight: 500;}


/* section01 */
#section01{padding: 60px 0 100px;}
#section01 ul{display: flex;gap:10px;flex-wrap:wrap;}
#section01 ul li{position: relative; width: 100%;color: #fff; height: 270px;overflow: hidden;}
#section01 ul li img{width: 100%;height: 100%;object-fit: cover;transition: .5s;}
#section01 ul li:hover img{transform: scale(1.1);}
#section01 ul li:last-child{width: 100%;}
#section01 ul li .txt_box{position: absolute;left: 20px;top:30px;}
#section01 ul li p{font-size: 30px;font-weight: 600;}
#section01 ul li span{display: block;margin: 15px 0 35px;font-size: 15px;}


/* footer */
#footer .top_box{padding: 30px 0;background: #fafafa;}
#footer .top_box .logo_box{display: block;margin-bottom: 20px;}
#footer .top_box ul{display: flex;gap:20px;margin-bottom: 10px;}
#footer .top_box ul li a{font-size: 14px;font-weight: 600;}
#footer .top_box address{font-style: normal;font-size: 14px;font-weight: 500;line-height: 23px;color: #333;}
#footer .bot_box{padding: 15px 0;}
#footer .bot_box p{font-size: 14px;font-weight: 700;color: #797979;}

@media screen and (max-width:415px) {
#footer .top_box ul{display: flex;gap:0;margin-bottom: 10px;justify-content: space-between;}
}


/* -----------------------------------------sub -----------------------------------------------------*/
#header.sub_header{position: fixed; background: #fff;border-bottom: 1px solid #ddd;}
#header.sub_header h1 a{background: url(../images/main/main_logo02.png);background-size: cover;transition:.3s;}
#header.sub_header .gnb > li > a{color: #000;}
#header.sub_header .gnb > li .fade_box{display: none; position: absolute;width: 100%; left: 0;top: 100%;background: #f6f6f6;border-top: 1px solid #ddd;}
#header.sub_header .gnb > li ul{display: flex;width: 100%;justify-content: center;gap:50px;}
#header.sub_header .gnb > li ul li a{position: relative; display: block;line-height:90px;color: #000;font-weight: 600;transition: .2s;}
#header.sub_header .gnb > li ul li a:hover{color: var(--ma_c01);}
#header.sub_header .gnb > li ul li a:after{content:'';position: absolute;right: -26px;top: 50%;transform: translateY(-50%);width: 1px;height: 16px;background: #ddd;}
#header.sub_header .gnb > li ul li:last-child a:after{display: none;}
#header.sub_header .navi_btn span{background: #000;}


/* sub_visual */
.sub_visual{padding: 80px 0 60px;text-align: center;}
.sub_visual span{font-size: 16px;font-weight: 700;color: var(--ma_c01);}
.sub_visual p{font-size: 35px;font-weight: 800;margin: 15px 0 25px;}
.sub_visual ul{display: flex;align-items: center;justify-content: center;gap:35px;}
.sub_visual ul li{position: relative;font-size: 15px;color: #646464;font-family: 'SUIT';font-weight: 500;}
.sub_visual ul li:after{content:'>';position: absolute;right: -24px;top: 50%;transform: translateY(-50%);}
.sub_visual ul li:last-child:after{display: none;}


/* 서브공통 */
.sub_wrap{margin-top: 70px;}
.sub_wrap .sub_con{padding-bottom: 100px;}
.inner.p_inner{padding: 0 2.66%;width: 100%;}

/* form 스타일 */
form.form_st01{width: 100%;padding: 20px 15px;background: #fff;border-radius: 15px;}
form.form_st01 ul li{display: flex;flex-direction: row-reverse;margin-bottom: 20px;align-items: center;}
form.form_st01 ul li:last-child{margin-bottom: 0;}
form.form_st01 ul li label{width: 70px;font-size: 15px;font-weight: 700;transition: .3s;}
form.form_st01 ul li label span{position: relative;}
form.form_st01 ul li label span:after{content:'';position: absolute;right: -10px;top: 0px;width: 4px;height: 4px;border-radius: 50%;background: #e41a32;}
form.form_st01 ul li input{width: calc(100% - 70px);height: 45px; padding: 0 10px;background: #f7fbfe;border: 0 solid #000;border-radius: 10px;font-size: 14px;font-weight: 500;}
form.form_st01 ul li input::placeholder{color: #737c80;}
form.form_st01 ul li input:focus{background: #fff;outline: 3px solid var(--ma_c02);}
form.form_st01 ul li input:focus + label{color: #0d7ec2;}


/* sub01 */
.sub0101_wrap .con01{display: flex;flex-direction: column-reverse;width: 1240px;max-width: 100%;justify-content: center;gap:50px; align-items: center; padding-top: 50px;border-top: 1px solid #ddd;}
.sub0101_wrap .con01 .txt_wrap {text-align: center;}
.sub0101_wrap .con01 .txt_wrap strong{display: block; font-size: 25px;color: var(--ma_c01);margin-bottom: 40px;line-height: 1.3;}
.sub0101_wrap .con01 .txt_wrap .txt01{margin-bottom: 35px;}
.sub0101_wrap .con01 .txt_wrap .txt01 p{font-size: 15px;line-height: 22px;margin-bottom: 20px;}
.sub0101_wrap .con01 .txt_wrap .txt01 p:last-child{margin-bottom: 0;}
.sub0101_wrap .con01 .txt_wrap .txt02{display: flex;align-items: flex-end;gap:20px;justify-content: center;}
.sub0101_wrap .con01 .txt_wrap .txt02 span{font-size: 15px;color: #646464;}
.sub0101_wrap .con01 .txt_wrap .txt02 p{font-size: 20px;font-weight: 700;}
.sub0101_wrap .con01 .img_wrap{width: 100%;}
.sub0101_wrap .con01 .img_wrap img{width: 100%;}


/* sub0201_wrap */
.sub0201_wrap{text-align: center;}
.sub0201_wrap .bg_box{width: 1240px;max-width: 100%;margin: 0 auto;}
.sub0201_wrap .bg_box01{padding-top: 60px;border-top: 1px solid #ddd;}
.sub0201_wrap .con01{width: 850px;max-width: 100%;margin-bottom: 60px;}
.sub0201_wrap .con01 .tit_st02{margin-bottom: 70px;}
.sub0201_wrap .con01 .box02{position: relative; margin-bottom: 0px;}
.sub0201_wrap .con01 .box02 ul{display: flex;justify-content: space-between;margin-bottom: 30px;flex-wrap:wrap;gap:200px 40px;}
.sub0201_wrap .con01 .box02 ul li{position: relative;width:calc((100% - 40px)/2);}
.sub0201_wrap .con01 .box02 ul li:after{content:'';position: absolute;width: 3px;height: 25px;background: #5ac0ff; top: 100%;left: 50%;transform: translateX(-50%);z-index: 10;}
.sub0201_wrap .con01 .box02 ul li:nth-child(even):after{background: #1a97e4;}
.sub0201_wrap .con01 .box02 ul li:nth-child(3):after,
.sub0201_wrap .con01 .box02 ul li:nth-child(4):after{top: auto;bottom: 100%;}
.sub0201_wrap .con01 .box02 ul li:before{content:'';position: absolute;left: 50%;z-index: 10;transform: translateX(-50%);width: 7px;height: 7px;top: calc(100% + 25px);border-radius: 50%;background: #5ac0ff;}
.sub0201_wrap .con01 .box02 ul li:nth-child(even):before{background: #1a97e4;}
.sub0201_wrap .con01 .box02 ul li:nth-child(3):before,
.sub0201_wrap .con01 .box02 ul li:nth-child(4):before{top: auto;bottom:calc(100% + 25px);}
.sub0201_wrap .con01 .box02 ul li .circle{position: relative; width: 100%;max-width: 200px; aspect-ratio: 1/1;border-radius: 50%;border: 18px solid #f3f9fc;margin: 0 auto;}
.sub0201_wrap .con01 .box02 ul li .circle:after{content:'';position: absolute;left: 50%;top: 50%;transform: translate(-50% , -50%); width: calc(100% + 36px);height: calc(100% + 36px);border-radius: 50%;border: 6px solid #5ac0ff;box-sizing: border-box;}
.sub0201_wrap .con01 .box02 ul li:nth-child(even) .circle:after{border: 6px solid #1a97e4;}
.sub0201_wrap .con01 .box02 ul li p{position: absolute;font-size: 20px;width: max-content; font-weight: 700;color: #5ac0ff; left: 50%;top: 50%;transform: translate(-50% , -50%);line-height: 27px;}
.sub0201_wrap .con01 .box02 ul li:nth-child(even) p{color: #1a97e4;}
.sub0201_wrap .con01 .box02 .txt01{position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 100%; display: flex;align-items: center;justify-content: center;height: 160px;border: 12px solid #f3f9fc;}
.sub0201_wrap .con01 .box02 .txt01 p{font-size: 17px;font-weight: 700;line-height: 1.3;}
.sub0201_wrap .con01 .box02 .txt01 p span{color: #1a97e4;}

.sub0201_wrap .con01 .box03{display: flex;gap:10px;margin-bottom: 50px;flex-wrap:wrap;}
.sub0201_wrap .con01 .box03 li{display: flex; width: 100%;height: 200px;padding: 20px; border: 1px solid #ddd;flex-direction: column;justify-content: space-between;}
.sub0201_wrap .con01 .box03 li .ico{display: flex;justify-content: space-between;}
.sub0201_wrap .con01 .box03 li .ico p{font-size: 35px;font-weight: 900;color: #0768bb;}
.sub0201_wrap .con01 .box03 li .txt p{text-align: left;font-size: 20px;font-weight: 700;margin-bottom: 10px;}
.sub0201_wrap .con01 .box03 li .txt span{display: block; text-align: left; font-size: 15px;line-height: 1.3;color: #5a5a5a;}

.sub0201_wrap .con01 .box04{font-size: 14px;line-height: 22px;}
.sub0201_wrap .con01 .box04 span{color: #1a97e4;}

.sub0201_wrap .bg_box02{padding: 60px 0 100px;background: #f3f9fc;}
.sub0201_wrap .con02{width: 940px;max-width: 100%;}
.sub0201_wrap .con02 .tit_st02{margin-bottom: 50px;}
.sub0201_wrap .con02 .box02{margin-bottom: 80px;}
.sub0201_wrap .con02 .box02 .tit{font-size: 20px;font-weight: 700;color: #0a3458;margin-bottom: 20px;}
.sub0201_wrap .con02 .box02 .f_wrap{display: flex;gap:10px;flex-wrap:wrap;}
.sub0201_wrap .con02 .box02 .f_wrap .img_wrap{width: 100%;}
.sub0201_wrap .con02 .box02 .f_wrap .img_wrap img{width: 100%;height: 100%;object-fit: cover;}
.sub0201_wrap .con02 .box02 .f_wrap ul{display: flex;flex-direction: column;justify-content: space-between; width: 100%;margin-bottom: 10px;gap:10px;}
.sub0201_wrap .con02 .box02 .f_wrap ul li{display: flex; height: 70px;background: #fff;gap:20px; padding-left: 20px;align-items: center;}
.sub0201_wrap .con02 .box02 .f_wrap ul li span{font-size: 25px;font-weight: 900;color: #5ac0ff;}
.sub0201_wrap .con02 .box02 .f_wrap ul li p{font-size: 16px;font-weight: 700;line-height: 1.3;}

.sub0201_wrap .con02 .box03 .tit{font-size: 18px;font-weight: 700;margin-bottom: 40px;line-height: 1.3;}
.sub0201_wrap .con02 .box03 .tit span{color: #1a97e4;}
.sub0201_wrap .con02 .box03 ul{display: flex;gap:10px;justify-content: center;}
.sub0201_wrap .con02 .box03 ul li{width: calc((100% - 10px)/2);max-width: 200px;}
.sub0201_wrap .con02 .box03 ul li .circle{display: flex;align-items: center;gap:7px; justify-content: center;flex-direction: column;background: #fff; width: 100%;aspect-ratio: 1/1;border-radius: 50%;border: 7px solid #b0e0ff;}
.sub0201_wrap .con02 .box03 ul li .circle strong{font-size: 18px;}
.sub0201_wrap .con02 .box03 ul li .circle p{font-size: 14px;line-height: 1.2;color: #5a5a5a;}
.sub0201_wrap .con02 .box03 ul li .circle img{width: 55px;}
.sub0201_wrap .con02 .box03 ul li span{display: block; font-size: 14px;color: #e41a32;margin-top: 5px;}


/* sub0202_wrap */
.sub0202_wrap .con01{padding-top: 60px;border-top: 1px solid #ddd;width: 1240px;max-width: 100%;text-align: center;}
.sub0202_wrap .con01 .tit_st02{margin-bottom: 60px;}
.sub0202_wrap .con01 ul{display: flex;gap:40px 10px;flex-wrap:wrap;justify-content: center;}
.sub0202_wrap .con01 ul li{position: relative; display: flex;width: calc((100% - 10px)/2);padding-bottom: 35px; justify-content: end; height: 260px;border: 1px solid #ddd;flex-direction: column;align-items: center;}
.sub0202_wrap .con01 ul li span{display: block; position: absolute;top: -23px;width: 40px;line-height: 40px;border-radius: 50%;text-align: center;font-size: 17px;font-weight: 900;color: #fff;background: #5cb6ed;left: 50%;transform: translateX(-50%);}
.sub0202_wrap .con01 ul li:nth-child(2) span{background: #26a2dc;}
.sub0202_wrap .con01 ul li:nth-child(3) span{background: #1484c0;}
.sub0202_wrap .con01 ul li:nth-child(4) span{background: #1e60a7;}
.sub0202_wrap .con01 ul li:nth-child(5) span{background: #17477d;}
.sub0202_wrap .con01 ul li strong{display: block;margin: 25px 0 10px;font-size: 18px;line-height: 23px;}
.sub0202_wrap .con01 ul li p{font-size: 15px;color: #5a5a5a;}


/* sub0203_wrap */
.sub0203_wrap .bg_wrap{width: 1240px;margin: 0 auto;max-width: 100%;padding-top: 60px;border-top: 1px solid #ddd;text-align: center;}
.sub0203_wrap .con01{width: 1000px;max-width: 100%;}
.sub0203_wrap .tit_st02{margin-bottom: 60px;}
.sub0203_wrap ul{display: flex;gap:10px 10px;flex-wrap:wrap;}
.sub0203_wrap ul li{width: calc((100% - 10px)/2);padding-top: 30px;border: 5px solid #b0e0ff;height: 200px;}
.sub0203_wrap ul li:nth-child(even){border: 5px solid #60b6eb;}
.sub0203_wrap ul li strong{display: block; font-size: 18px;line-height: 1.2;}
.sub0203_wrap ul li img{display: block;margin: 12px auto;}
.sub0203_wrap ul li p{font-size: 14px;color: #5a5a5a;line-height: 20px;}
.sub0203_wrap ul li p span{padding: 0 7px;}


/* sub0301_wrap */
.sub0301_wrap .con01{width: 1240px;max-width: 100%;text-align: center;padding-top: 100px;border-top: 1px solid #ddd;}
.sub0301_wrap .tit_st02{margin-bottom: 70px;}
.sub0301_wrap .f_wrap{display: flex;justify-content: space-between;align-items: center;flex-direction: column;gap:30px;}
.sub0301_wrap .f_wrap ul{display: flex;gap:10px;width: 100%;justify-content: center;}
.sub0301_wrap .f_wrap ul li{position: relative; width: calc((100% - 10px)/2);max-width: 220px; height: 180px;border: 1px solid #ddd;padding: 15px 10px;text-align: left;margin-bottom: 0px;}
.sub0301_wrap .f_wrap ul li:last-child{margin-bottom: 0;}
.sub0301_wrap .f_wrap ul li:after{content:'';display: none; position: absolute;right: -4px;top: 50%;transform: translateY(-50%);width: 7px;height: 7px;border-radius: 50%;background: #ddd;}
.sub0301_wrap .f_wrap ul:nth-child(3) li:after{right: auto;left: -4px;}
.sub0301_wrap .f_wrap ul li img{position: absolute;right: 10px;bottom: 10px;}
.sub0301_wrap .f_wrap ul li p{font-size: 15px;font-weight: 700;color: #17477d;margin-bottom: 15px;}
.sub0301_wrap .f_wrap ul li .txt span{display: block; font-size: 13px;color: #5a5a5a;margin-bottom: 5px;}
.sub0301_wrap .f_wrap ul li .txt span:last-child{margin-bottom: 0;}
.sub0301_wrap .f_wrap ul li img{width: 60px;}
.sub0301_wrap .f_wrap .box02{position: relative;}
.sub0301_wrap .f_wrap .box02 img{width: 220px;}   
.sub0301_wrap .f_wrap .box02 .txt{position: absolute;width: 100%;left: 0;top: 50%;transform: translateY(-50%);}
.sub0301_wrap .f_wrap .box02 .txt strong{font-size: 15px;}
.sub0301_wrap .f_wrap .box02 .txt p{font-size: 20px;font-weight: 700;color: #1a97e4;margin-top: 7px;}


/* sub0401_wrap */
.sub0401_wrap .con01{width: 1240px;max-width: 100%;padding-top: 60px;border-top: 1px solid #ddd;}
.sub0401_wrap .con01 .tit_st02{text-align: center;margin-bottom: 60px;}
.sub0401_wrap .con01 ul li{display: flex;padding: 30px 20px;border: 7px solid #f3f9fc;margin-bottom: 30px;align-items: flex-end;flex-wrap: wrap;gap:30px;}
.sub0401_wrap .con01 ul li:last-child{margin-bottom: 0;}
.sub0401_wrap .con01 ul li .left_box{width: 100%;}
.sub0401_wrap .con01 ul li .left_box .txt01{margin-bottom: 30px;}
.sub0401_wrap .con01 ul li .left_box .txt01 p{font-size: 14px;color: #646464;margin-bottom: 12px;}
.sub0401_wrap .con01 ul li .left_box .txt01 strong{font-size: 30px;font-weight: 800;color: #17477d;}
.sub0401_wrap .con01 ul li .left_box .txt02{margin-bottom: 40px;}
.sub0401_wrap .con01 ul li .left_box .txt02 .txt{display: flex;align-items: center;margin-bottom: 15px;}
.sub0401_wrap .con01 ul li .left_box .txt02 .txt strong{display: block;width: 60px;font-size: 16px;font-weight: 800;color: #5ac0ff;}
.sub0401_wrap .con01 ul li .left_box .txt02 .txt p{font-size: 16px;}
.sub0401_wrap .con01 ul li .left_box .img_wrap{position: relative;}
.sub0401_wrap .con01 ul li .left_box .img_wrap img:nth-child(1){width: 100%;} 
.sub0401_wrap .con01 ul li .left_box .img_wrap img:nth-child(2){position: absolute;bottom: -15px;right: 0px;width: 120px;}

.sub0401_wrap .con01 ul li .right_box{width: 100%;}
.sub0401_wrap .con01 ul li .right_box .box01{margin-bottom: 35px;}
.sub0401_wrap .con01 ul li .right_box .box01 p{font-size: 14px;line-height: 22px;color: #5a5a5a;margin-bottom: 20px;}
.sub0401_wrap .con01 ul li .right_box .box01 p br{display: none;}
.sub0401_wrap .con01 ul li .right_box .box01 p:last-child{margin-bottom: 0;}
.sub0401_wrap .con01 ul li .right_box .box02 .tit{font-size: 16px;font-weight: 800;color: #5ac0ff;margin-bottom: 20px;}
.sub0401_wrap .con01 ul li .right_box .box02 .txt_box{display: flex;margin-bottom: 30px;}
.sub0401_wrap .con01 ul li .right_box .box02 .txt_box:last-child{margin-bottom: 0;}
.sub0401_wrap .con01 ul li .right_box .box02 .txt_box p{width: 45px;font-size: 20px;font-weight: 900;color: #0768bb;}
.sub0401_wrap .con01 ul li .right_box .box02 .txt_box .txt {width: calc(100% - 45px);}
.sub0401_wrap .con01 ul li .right_box .box02 .txt_box .txt strong{font-size: 15px;line-height: 1.3;}
.sub0401_wrap .con01 ul li .right_box .box02 .txt_box .txt span{display: block;margin-top: 10px;font-size: 13px;line-height: 20px;color: #5a5a5a;}


/* sub0601_wrap */
.sub0601_wrap{padding-top: 60px;background: #f3f9fc;}
.sub0601_wrap .con01{width: 720px;max-width: 100%;}
.sub0601_wrap .con01 .notice{font-size: 16px;margin-bottom: 40px;text-align: center;line-height: 23px;} 


/* sub0501_wrap */
.sub0501_wrap{padding-top: 60px;background: #f3f9fc;}
.sub0501_wrap .con01{width: 1240px;max-width: 100%;}
.sub0501_wrap .con01 ul{display: flex;flex-wrap:wrap;gap:10px;}
.sub0501_wrap .con01 ul li{position: relative;width: calc((100% - 10px)/2);overflow: hidden;border-radius: 10px;}
.sub0501_wrap .con01 ul li:after{content:'';position: absolute;width: 100%;height: 100%;left: 0;top: 0;border: 4px solid #fff;box-sizing: border-box;}
.sub0501_wrap .con01 ul li.a_none::after{display: none;}
.sub0501_wrap .con01 ul li img{width: 100%;}

}