@charset "UTF-8";

.head_menu .head_banner{width: 320px; background: #f6f6f6; height: 71px;}
.hd_ul{width: 320px; text-align: right;}
.hd_ul ul{display: flex; align-items: center; background: #EEF7FF; width: min-content;  justify-content: flex-end;}
.hd_ul ul li{width: 80px; padding: 12px 0; position: relative;}
.hd_ul ul li a{width: 100%; display: flex; flex-direction: column; gap: 10px 0; align-items: center; justify-content: center; font-size: 1.4rem; color: #121212; font-weight: 300; position: relative;}
.hd_ul ul li img{width: 21px;}
.hd_ul ul li span{position: absolute; background: var(--color); width: 16px; height: 16px; border-radius: 50%; top: 10%; right: 28%; color: #fff; font-size: 11px; display: flex; align-items: center; justify-content: center;}

.head_top{background: #121212; padding: 6px 0; position: fixed; top: 0; width: 100%; z-index: 10;}
.head_top h2{display: flex; align-items: center; justify-content: center; gap: 0px 5px; font-size: 1.5rem; color: #fff; font-weight: 600;}

#header .main_all{background: #072182;}
#header .main_all ul {display: flex; align-items: center; justify-content: center;}
#header .main_all ul li{width: 20%;}
#header .main_all ul li a{display: flex; align-items: center; justify-content: center; height: 55px; font-size: 1.8rem; color: #fff; font-weight: bold;}

.visual{margin-top: 184px; height: 500px; position: relative;}
.swiper_visual{height: 100%;}
.visual .swiper-slide{height: 100%; display: flex; align-items: center; justify-content: flex-start;}
.visual .swiper-slide .main_text{ }
.visual .swiper-slide .main_text h2{background: rgba(0,0,0,0.5); padding: 40px 45px; display: inline-block; font-size: 5.0rem; color: #fff; font-weight: bold;}
.visual .swiper-slide .main_text h2 span{font-size: 2.0rem; display: block;}
.visual .slide1{background: url("../img/visual1.png")no-repeat; background-size: cover; background-position: center;}
.visual .slide2{background: url("../img/visual2.png")no-repeat; background-size: cover; background-position: center;}
.visual .slide3{background: url("../img/visual3.png")no-repeat; background-size: cover; background-position: center;}
.visual .slide4{background: url("../img/visual4.png")no-repeat; background-size: cover; background-position: center;}
.visual .slide5{background: url("../img/visual5.png")no-repeat; background-size: cover; background-position: center;}
.visual .swiper-visual-prev{font-family: 'SUIT-ExtraLight'; position: absolute; width: 40px; height: 40px; border-radius: 50%; background: rgba(0,0,0,0.5); color: #fff; font-size: 2.4rem; display: flex; align-items: center; justify-content: center; cursor: pointer; top: 43%; left: 5%; z-index: 9;}
.visual .swiper-visual-next{font-family: 'SUIT-ExtraLight'; position: absolute; width: 40px; height: 40px; border-radius: 50%; background: rgba(0,0,0,0.5); color: #fff; font-size: 2.4rem; display: flex; align-items: center; justify-content: center; cursor: pointer; top: 43%; right: 5%; z-index: 9;}

.m1{padding: 50px 0;}
.m1 .width{display: flex; gap: 20px 2%; justify-content: space-between;}
.m1 .width a{display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 12px 0; }
.m1 .width a span{font-size: 1.5rem; color: #111;}
.m1 .width a img{border-radius: 50%; border: 1px solid #F5F5F5;}
.m1 .width a:hover img{border: 1px solid #072182;}
.m1 .width a:hover span{color: #072182;}

.m2{padding: 0px 0 0px 0;}
.m2 .width{display: flex; gap: 30px 2%;}
.m2 .box{width: 33%;}
/*.m2 .box1{padding: 20px; border: 1px solid #E5E5EC;}*/
/*.m2 .box1 .bt{text-align: center;}*/
/*.m2 .box1 .bt h3{color: #777; margin-bottom: 6px;}*/
/*.m2 .box1 .bt h2{font-size: 2.4rem; color: #072182; font-weight: 600; margin-bottom: 25px;}*/
/*.m2 .box1 .box_wrap{display: flex; gap: 10px 2%; margin-top: 10px;}*/
/*.m2 .box1 .form-group1 input{width: 50%; height: 47px; padding-left: 10px; border: 1px solid #E5E5EC; font-size: 1.4rem;}*/
/*.m2 .box1 .form-group1 button{width: 50%; background: var(--color); border: none; color: #fff; font-size: 1.4rem;}*/
.m2 .box2{display: flex; flex-direction: column; gap: 12px 0;}
.m2 .box2 dl{ border: 1px solid #E5E5EC; display: flex; align-items: center;  gap: 0px 5%; padding: 26px 25px;}
.m2 .box2 dl dt img{width: 80px;}
.m2 .box2 dl dd h2{font-size: 2.4rem; color: #111; font-weight: 600;}
.m2 .box2 dl dd h3{color: #777; margin-top: 4px; margin-bottom: 10px; font-size: 1.5rem;}
.m2 .box2 dl dd a{background: var(--color); padding: 4px 15px; color: #fff; font-size: 1.4rem;}
.m2 .box2 dl dd a span{ font-family: 'SUIT-Regular';}
.m2 .m2_kakao{background-color: #FEE500; padding: 25px; background-image: url("../img/kacap.png"); background-repeat: no-repeat; background-position: 96%;}
.m2 .m2_kakao i{font-size: 2.2rem;}
.m2 .m2_kakao svg{width: 24px; height: 24px;}
.m2 .m2_kakao h2{margin-bottom: 7px;}
.m2 .m2_kakao h2 a{font-size: 2.4rem; font-weight: 600; display: flex; align-items: center; gap: 0px 5px;}
.m2 .m2_kakao h3 a{color: #777; font-size: 1.5rem;}
.m2 .m2_kakao .search{width: 140px; padding: 4px 15px; background: #fff; display: flex; align-items: center; justify-content: space-between; margin-top: 10px;}
.m2 .m2_kakao .search p{font-size: 1.4rem;}
.m2 .m2_kakao .search i{font-size: 1.4rem;}
.m2 .box3{border: 1px solid #E5E5EC; padding: 20px; display: flex; gap: 12px 0; flex-direction: column;}
.m2 .box3 a{width: 100%; display: flex; align-items: center; gap: 0px 10px; padding: 16px 0; justify-content: center;}
.m2 .box3 a img{width: 40px;}
.m2 .box3 a span{font-size: 2.2rem; font-weight: 600; display: inline-block; min-width: 190px; text-align: right;}
.m2 .box3 a:first-child{background: var(--color);}
.m2 .box3 a:first-child span{color: #fff;}
.m2 .box3 a:nth-of-type(2){background: #EEF7FF}
.m2 .box3 a:nth-of-type(3){background: #f9f9f9;}

.m2 .box_wrap{display: flex; gap: 12px 2%; flex-direction: column; border: 1px solid #E5E5EC;}
.m2 .box{width: 100%; background: #fff; }
.m2 .box1{padding: 0px; border: none;}
.m2 .box4{padding: 20px 20px 20px 20px; position: relative;}
.m2 .box4:after{content: ''; width: 90%; height: 1px; background:#E5E5EC; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;}
.m2 .box{width: 100%; background: #fff; }
.m2 .box5{padding: 10px 20px 20px 20px; }
.m2 .box4{display: flex;  gap: 0px 5%; position: relative; align-items: flex-start;}
.m2 .box4 .icon h2{font-size: 2.2rem; font-weight: 600;}
.m2 .box4 .icon{text-align: center; min-width: 85px;}
.m2 .box4 .icon img{width: 50px;}
.m2 .box4 .text a{position: absolute; top: 20px; right: 20px; width: 80px; height: 25px; background: var(--color); display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.4rem;}
.m2 .box4 .text h3{color: var(--color); font-weight: 600; font-size: 1.7rem; margin-bottom: 7px}
.m2 .box4 .text h4{font-weight: 800; font-size: 2.2rem; line-height: 140%;}
.m2 .box5{}
.m2 .box5 .text h2{font-size: 2.0rem; font-weight: 600;}
.m2 .box5 .text h3{font-size: 1.4rem; font-weight: 400; color: #777; margin: 2px 0 6px 0; }
.m2 .box5 .ul_wrap{display: flex; align-items: center; gap: 15px 5%;}
.m2 .box5 .ul_wrap img{width: 80px;}
.m2 .box5 .ul_wrap ul li{font-size: 1.5rem; line-height: 140%; font-weight: 300;}

.m4 .width{display: flex; gap: 12px 2%; margin-top: 40px;}
.m4 .box{width: 33%; border: 1px solid #E5E5EC; background: #f9f9f9; display: flex; align-items: center; gap: 0px 4%; padding: 20px;}
.m4 .box .text h2{font-size: 1.9rem; font-weight: 600; color: #121212; margin-bottom: 6px;}
.m4 .box .text p{font-size: 1.5rem; color: #666; line-height: 130%;}
.m4 .box .text h3{font-size: 2.1rem; font-weight: 600; color: #121212; }

.m5{background: #EEF7FF; padding: 40px 0; margin-top: 40px;}
.m5 .m_txt{display: flex; gap: 0px 15px; align-items: flex-end; margin-bottom: 40px;}
.m5 .m_txt h2{font-size: 2.4rem; font-weight: 600; color: #121212;}
.m5 .m_txt span{color: #666;}
.m5 .box_wrap{display: flex; gap: 25px 2%;}
.m5 .box_wrap .box{width: 25%; background: #fff; text-align: center; padding: 20px;}
.m5 .box_wrap .box h6{border: 50%; width: 45px; height: 45px; border-radius: 50%; background: var(--color); display: flex; align-items: center; justify-content: center; color: #fff; font-size: 2.0rem; font-weight: bold; margin: -40px auto 0 auto;}
.m5 .box_wrap .box img{margin: 20px 0 15px 0;}
.m5 .box_wrap .box h2{font-size: 2.0rem; font-weight: 600; color: #333;}
.m5 .box_wrap .box h3{font-size: 1.5rem; color: #777; margin-top: 4px; margin-bottom: 3px;}
.m5 .box_wrap .box h5{font-size: 1.2rem; color: #9a0105; line-height: 120%; margin-top: 5px;}

.m6{padding: 40px 0 60px 0;}
.m6 .width{display: flex; gap: 20px 2%;}
.m6 .box{ border: 1px solid #E5E5EC; padding: 20px; position: relative; width: 33%;}
.m6 .box1 .tabnav{display: flex; gap: 0px 15px; margin-bottom: 20px;}
.m6 .box1 .tabnav a{font-size: 2.0rem; font-weight: 600;}
.m6 .box1 .tabnav a.active{color: #5ba9ef;}
.m6 .box .in_btn{position: absolute; right: 20px; top: 10px; padding: 4px 10px; border-radius: 20px; background: #f9f9f9; color: #777;  font-family: 'SUIT-Regular'; font-size: 1.4rem;}
.m6 .box3 h2{font-size: 2.0rem; font-weight: 600; margin-bottom: 20px;}
.m6 .box2 h2{font-size: 2.0rem; font-weight: 600; margin-bottom: 20px;}

.m7{padding-top: 0px; position: relative;}
.m7 .m_txt{margin-bottom: 30px;}
.m7 .m_txt h2{font-size: 2.4rem; font-weight: 600; color: #121212;}
.m7 .m_txt span{color: var(--color); margin-bottom: 5px; display: inline-block;}
.m7 .lt_more{position: absolute; right: 0px; top: 10px; padding: 4px 10px; border-radius: 20px; background: #f9f9f9; color: #777;  font-family: 'SUIT-Regular'; font-size: 1.4rem;}

.ft_ser{background: #fff; padding: 20px 0; border-top: 1px solid #E5E5EC; border-bottom: 1px solid #E5E5EC}
.ft_ser ul{display: flex; gap: 0px 4%;}
.ft_ser ul li a{font-size: 1.4rem; color: #111;}
#ft{background: #fff;}
#ft .footer{display: flex; justify-content: space-between; align-items: flex-start;}
#ft .footer .ft_info{text-align: left;}
#ft .footer .ft_info .foot_logo{display: inline-block; margin-bottom: 24px;}
#ft .footer .ft_info ul{display: flex; gap: 0 8px;}
#ft .footer .ft_info ul li{line-height: 150%; font-size: 1.4rem; color: #999;}
#ft .footer .ft_info ul span{line-height: 150%; font-size: 1.4rem; color: #999;}
#ft .footer .copyright{margin-top: 28px;}
#ft .footer .copyright span{font-size: 1.3rem; color: #111; font-weight: 500;}
#ft .ft_apply{background: #F7F7F7; padding: 24px; text-align: left; display: flex; flex-direction: column; gap: 20px 0;}
#ft .ft_apply dt{font-size: 1.4rem; color: #767676; font-weight: 600; margin-bottom: 3px;}
#ft .ft_apply dd h6{font-size: 2.8rem; font-weight: bold; color: var(--color); letter-spacing: -0.7px;}
#ft .ft_apply dd h5{font-size: 1.4rem; color: #999; letter-spacing: -0.35px;}

.p1 .area1{border: 1px solid #E5E5EC;padding: 60px 20px; margin-bottom: 120px;}
.p1 .area1 h2{text-align: center; font-size: 4.0rem; font-weight: 700; margin-bottom: 40px; color: #111;}
.p1 .area1 .box_wrap{max-width: 850px; margin: 0 auto; padding: 40px 10px; background: #f7f7f7; display: flex; gap: 0px 14%; justify-content: center; align-items: center;}
.p1 .area1 .box_wrap h3{color: #333; font-size: 3.2rem; font-weight: bold; color: #111;}
.p1 .area1 .box_wrap ul li{display: flex; align-items: center;}
.p1 .area1 .box_wrap ul li.first{padding-bottom: 10px;border-bottom: 1px solid #E5E5EC; margin-bottom: 10px;}
.p1 .area1 .box_wrap ul li p{color: #505050; font-weight: 600; letter-spacing: -0.5px; font-size: 2.0rem; min-width: 92px;}
.p1 .area1 .box_wrap ul li h6{color: #999; font-size: 2.0rem; font-weight: 500; text-align: left; display: flex; align-items: center;}
.p1 .area1 .box_wrap ul li h6 b{color: #072182; font-size: 3.2rem; font-weight: 600; margin: 0px 8px;}
.p1 .area1 .box_wrap ul li h6 strong{color: #111; font-size: 3.2rem; font-weight: 600; margin: 0px 16px 0 8px;}
.p1 .box_tel{max-width: 850px; margin: 0 auto; border: 1px solid #E5E5EC; padding: 20px 0; display: flex; align-items: center;}
.p1 .box_tel dl{width: 50%; display: flex; align-items: center; justify-content: center; gap: 0px 8px;}
.p1 .box_tel dl dd{color: #111; font-size: 2.8rem; font-weight: 600; }
.p1 .box_tel dl:first-child{border-right: 1px solid #E5E5EC;}
.p1 .area1 .info{max-width: 850px; margin: 20px auto 0 auto;}
.p1 .area1 .info li{display: flex; gap: 0px 5px;}
.p1 .area1 .info li span{font-size: 2.0rem; color: #DC0000; font-weight: 500; line-height: 140%;}
.p1 .area1 .info li p{font-size: 2.0rem; color: #DC0000; font-weight: 500; line-height: 140%;}
.area6 img{width: 100%;}

.ar_txt{display: flex; align-items: center; gap: 0px 12px; color: #111; font-weight: bold; letter-spacing: -0.8px;font-size: 3.2rem; padding-bottom: 16px; border-bottom: 1px solid #CCC; margin-bottom: 16px;}
.ar2_txt h3{color: #505050; font-size: 2.0rem; font-weight: 500; letter-spacing: -0.5px; line-height: 140%;}
.ar2_txt h3 b{font-weight: 600; color: #072182;}
.ar2_txt ul{margin-top: 4px; display: flex; gap: 0px 6px;}
.ar2_txt ul li{color: #505050; font-size: 2.4rem; letter-spacing: -0.6px; font-weight: 600;}
.ar2_txt ul li b{color: #111; font-size: 2.4rem; letter-spacing: -0.6px; font-weight: 600;}
.area2 .ar2_txt{margin-bottom: 40px;}
.area2 .box_wrap{display: flex; align-items: center; gap: 0px 3%; justify-content: space-between;}
.area2 .box_wrap .box{ padding: 40px 0; width: 23%; max-width: 240px; border: 1px solid #E5E5EC; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.area2 .box_wrap .box h6{padding: 6px 12px; background: #072182; border-radius: 50px; display: inline-block; color: #fff; font-size: 1.5rem; font-weight: 600; letter-spacing: -0.375px; line-height: 145%; margin-bottom: 12px;}
.area2 .box_wrap .box p{color: #111; font-size: 2.4rem; font-weight: 600; letter-spacing: -0.6px; margin-top: 16px;}
.area2{margin-bottom: 120px;}
.area3{margin-bottom: 100px;}
.p1 .area5{background: #F7F7F7; padding: 45px; display: flex; flex-direction: column; gap: 32px 0; margin-bottom: 52px;}
.p1 .area5 dt{background: #333; padding: 8px 16px; display: inline-block; margin-bottom: 8px; font-size: 2.0rem; color: #fff; font-weight: 600; line-height: 140%; letter-spacing: -0.5px;}
.p1 .area5 dd{color: #767676; font-size: 1.8rem; font-weight: 500; line-height: 145%; letter-spacing: -0.45px;}

.p2{ padding-top: 0px;}
.p2_tab1{padding: 50px 0; display: flex; gap: 20px 2%; justify-content: space-between;}
.p2_tab1 a{display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 12px 0; }
.p2_tab1 a span{font-size: 1.5rem; color: #111;}
.p2_tab1 a img{border-radius: 50%; border: 1px solid #F5F5F5;}
.p2_tab1 a:hover img{border: 1px solid #072182;}
.p2_tab1 a:hover span{color: #072182;}
.p2_tab1 a.active img{border: 1px solid #072182;}
.p2_tab1 a.active span{color: #072182;}
.p2_tab2{display: flex;}
.p2_tab2 li{width: 100%;}
.p2_tab2 li a{padding: 15px 0; background: #f7f7f7; font-size: 1.8rem; color: #999; font-weight: 500; letter-spacing: -0.45px; display: flex; align-items: center; justify-content: center; border-top: 1px solid #DBDBDB; border-right: 1px solid #DBDBDB;  border-bottom: 1px solid #111;}
.p2_tab2 li:first-child a{border-left: 1px solid #DBDBDB; }
.p2_tab2 li a.active{background: #fff; color: #111; font-weight: 600; border-top: 1px solid #111; border-right: 1px solid #111; border-left: 1px solid #111; border-bottom: 1px solid #fff;}
.p2_tab3{margin: 40px 0 48px 0; display: flex; flex-wrap: wrap; gap: 10px 4px;}
.p2_tab3 li a{font-size: 1.8rem; color: #999; font-weight: 600; letter-spacing: -0.45px; padding: 6px 16px; border-radius: 50px;}
.p2_tab3 li a.active{background: #072182; color: #fff;}

.total_wrap{display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;}
.total_wrap h2{color: #999; font-size: 1.5rem; letter-spacing: -0.375px;}
.total_wrap h2 span{color: #072182; font-weight: 600;}
.select_wrap{position: relative; min-width: 100px;}
.select_wrap select{border:none; color: #505050; background: #fff; width: 100%;  appearance: none; -webkit-appearance: none;-moz-appearance: none; position: relative; height: 56px; padding-left: 10px;}
.select_wrap::after { content:''; position: absolute;top: 50%;right: 20px;transform: translateY(-50%);pointer-events: none; background-image: url("../img/arrow.png"); width: 16px; height: 16px; background-repeat: no-repeat;}
.search_area{width: 100%; max-width: 430px; padding: 0px 20px; border: 1px solid #E5E5EC; border-radius: 50px; display: flex; align-items: center;}
.search_area input{width: 100%;}
.search_area button{background: #fff; border: none;}
.p2 table{width: 100%; border-top: 1px solid #111;}
.p2 table th{border-bottom: 1px solid #E5E5EC; background: #F7F7F7; font-size: 1.8rem; color: #111; font-weight: 600; letter-spacing: -0.45px; padding: 17px 0;}
.p2 table td{color: #505050; font-size: 1.8rem; font-weight: 500; padding: 19px 0; text-align: center;border-bottom: 1px solid #E5E5EC; }
.p2 table td a{color: #505050; font-size: 1.8rem; font-weight: 500; }
.p2 table td.pro_txt{padding: 19px 50px; text-align: left;}
.p2 table td.price{padding: 19px 25px; text-align: right; color: #111; font-size: 2.0rem; letter-spacing: -0.5px;}
.p2 table td.price span{color: #505050; font-size: 1.6rem; font-weight: 500;}

.caution{background: #FFF; box-shadow: 8px 8px 16px 0 rgba(0, 0, 0, 0.12); padding: 24px 80px;     width: fit-content; margin: -55px auto 0 auto;}
.caution h2{font-size: 2.0rem; font-weight: 700; color: #111; display: flex; align-items: center; gap: 0 4px; margin-bottom: 16px;}
.caution p{color: #505050; font-size: 1.8rem; line-height: 145%; letter-spacing: -0.45px; font-weight: 500;}
.caution p b{font-weight: 500; color: #DC0000;}

.p3{padding-top: 60px;}
.p3 .box_wrap{display: flex; justify-content: space-between; align-items: center;}
.p3 .box_wrap .box{width: 24%; max-width: 240px; text-align: center;border: 1px solid #E5E5EC; padding: 40px 0; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.p3 .box_wrap .box h6{padding: 6px 12px; border-radius: 50px; background: #072182; font-size: 1.5rem; color: #fff; font-weight: 600; display: inline-block; margin-bottom: 12px;}
.p3 .box_wrap .box h2{font-size: 2.4rem; color: #111; letter-spacing: -0.6px; margin-top: 16px;}
.p3 .box_wrap .box p{color: #767676; line-height: 150%; letter-spacing: -0.4px; margin-top: 8px;}

.p3_top{display: flex; align-items: center; justify-content: space-between; margin-top: 60px; margin-bottom: 24px;}
.p3_top h5{font-size: 2.8rem; color: #111; letter-spacing: -0.7px; font-weight: bold;}
.p3_top h5 span{font-size: 1.4rem; color: #616161; font-weight: 500; margin-left: 6px;}
.p3_top h5 span b{font-weight: 500; color: #DC0000;}
.p3_top h6{color: #DC0000; font-weight: 500; letter-spacing: -0.4px; line-height: 150%;}
.form_group{border: 1px solid #E5E5EC; padding: 40px;}
.form_group .input_wrap{display: flex; gap: 40px 3%; margin-bottom: 40px;}
.form_group .input_wrap .input_box{width: 50%;}
.form_group .input_box h3{font-size: 1.8rem; color: #333; font-weight: 600; letter-spacing: -0.45px; margin-bottom: 12px;}
.form_group .input_box h3 span{color: #C00;}
.form_group .input_box input[type=text]{width: 100%; border: 1px solid #E5E5EC; padding-left: 10px; height: 64px;}
.form_group .input_box input[type=password]{width: 100%; border: 1px solid #E5E5EC; padding-left: 10px; height: 64px;}
.form_group .input_box p{color: #767676; font-size: 1.5rem;font-weight: 500; letter-spacing: -0.375px; margin-top: 4px;}
.form_group .input_wrap2{margin-bottom: 40px;}
.form_group .input_wrap2 .sel_box{display: flex; gap: 12px 2%;}
.form_group .input_wrap2 .sel_box input:first-child{max-width: 200px;}
.form_group .input_wrap2 .select_wrap{width: 100%; max-width: 200px;  border: 1px solid #E5E5EC; }
.form_group .input_wrap .select_wrap{border: 1px solid #E5E5EC; }
.form_group .input_wrap .radio{height: 64px; display: flex; gap: 0px 3%; align-items: center;}
.form_group .input_wrap .radio label{color: #505050; font-size: 1.5rem; font-weight: 500;}
.form_group .input_wrap .radio input[type="radio"] {-webkit-appearance: none; /* 브라우저 기본 스타일 제거 */-moz-appearance: none;appearance: none;width: 22px;height: 22px;border: 1px solid #d0d0d0;border-radius: 50%; /* 모서리를 살짝 둥글게 */display: inline-block;vertical-align: middle;margin-right: 5px;position: relative; background: #fff; border: 1px solid #E5E5EC;}
.form_group .input_wrap .radio input[type="radio"]::after {content: '●'; /* 체크 표시 */color:  #E5E5EC;;; /* 체크 표시 색상 */font-size: 14px; /* 체크 표시 크기 */position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); /* 가운데 정렬 */line-height: 1; /* 체크 모양이 정렬될 때 필요한 값 */}
.form_group .input_wrap .radio input[type="radio"]:checked::after{color: var(--color);;}
.form_group .input_wrap .radio input[type="radio"]:checked {background-color: #fff; border: 1px solid var(--color);}
.p3 .check{background: #F7F7F7; padding: 28px 0; text-align: center; margin: 32px 0;}
.p3 .check h2{color: #DC0000; font-size: 2.0rem; font-weight: bold; letter-spacing: -0.5px; line-height: 140%; margin-bottom: 8px;}
.p3 .check p{font-size: 1.8rem; color: #767676; font-weight: 500; line-height: 145%; letter-spacing: -0.45px;}
.p3 .check p b{color: #DC0000; font-weight: bold;}
.p3 .text_wrap{ border: 1px solid #E5E5EC; min-height: 455px;}
.p3 .form_btn{display: flex; gap: 0px 1%; margin-top: 60px; justify-content: center;}
.p3 .form_btn a{width: 200px; height: 56px; display: flex; align-items: center; justify-content: center; color: #072182; font-size: 1.8rem; font-weight: 600; background: #F7F7F7;}
.p3 .form_btn button{width: 200px; height: 56px; background: #072182; color: #fff; font-size: 1.8rem; font-weight: 600; border: none;}

.p3-2{background: #F7F7F7;}
.p3-2 .p_txt{text-align: center; margin-bottom: 40px;}
.p3-2 .p_txt h2{display: flex; align-items: center; justify-content: center; gap: 0px 12px; color: #111; font-size: 3.2rem; font-weight: bold; letter-spacing: -0.8px; margin-bottom: 16px;}
.p3-2 .p_txt p{color: #505050; font-size: 2.0rem; line-height: 140%; letter-spacing: -0.5px; font-weight: 500;}
.p3-2 .box_wrap{display: flex; flex-wrap: wrap; gap: 24px 2%;}
.p3-2 .box_wrap a{width: 23.5%;}
.p3-2 .box_wrap a img{width: 100%;}

.p4_txt{margin-bottom: 60px;}
.p4_txt h2 {display: flex; gap: 0 8px; font-size: 2.8rem; color: #111; letter-spacing: -0.7px; font-weight: 400;}
.p4_txt h2 p{font-size: 2.8rem; color: #111; letter-spacing: -0.7px; font-weight: 400;}
.p4_txt .p4_wrap{display: flex; gap: 10px 2%; margin-top: 28px;}
.p4_txt .p4_wrap a{width: 50%;}
.p4_txt .p4_wrap a img{width: 100%;}

.bo_nav{display: flex;  border: 1px solid #E5E5EC; margin-bottom: 60px;}
.bo_nav li{width: 50%;}
.bo_nav li a{font-size: 2.0rem; color: #999; font-weight: 500; padding: 15px 0; display: flex; align-items: center; justify-content: center; border-right: 1px solid #E5E5EC; }
.bo_nav li a.active{background: #072182; color: #fff;}

.p5 .tabnav{display: flex; margin-bottom: 60px;}
.p5 .tabnav li{width: 100%;}
.p5 .tabnav li a{background: #F7F7F7; padding: 15px 0; font-size: 1.8rem; color: #999; font-weight: 500; letter-spacing: -0.45px; display: flex; align-items: center; justify-content: center; width: 100%; border-top: 1px solid #DBDBDB; border-left: 1px solid #DBDBDB; border-right: 1px solid #DBDBDB; border-bottom: 1px solid #111;}
.p5 .tabnav li a.active{border-right: 1px solid #111; border-left: 1px solid #111; border-bottom: 1px solid #fff; font-weight: 600; color: #111; border-top: 1px solid #111; background: #fff;}
.p5 .tab_sel{display: flex; gap: 8px 2%;}
.p5 .tab_sel .select_wrap{border:  1px solid #E5E5EC; width: 50%;}
.p5 .tab_table{margin-top: 40px;}
.p5 .tab_table h3{font-size: 1.5rem; color: #999; letter-spacing: -0.375px;}
.p5 .tab_table h3 b{color: #072182; font-weight: 600; letter-spacing: -0.4px;}
.p5 .tab_table table{width: 100%; border-top: 1px solid #111; margin-top: 12px;}
.p5 .tab_table table th{padding: 17px 0;border-bottom: 1px solid #E5E5EC; background: #F7F7F7; font-size: 1.8rem; color: #111; font-weight: 600;}
.p5 .tab_table table td{text-align: center; color: #505050; font-size: 1.8rem; font-weight: 600; letter-spacing: -0.45px; padding: 19px 5px; border-bottom: 1px solid #E5E5EC;}
.p5 .tab_table table td a{color: #505050; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.45px; }
.p5 .tab_table table td p{color: #111; font-size: 1.8rem; font-weight: 600; letter-spacing: -0.45px; }
.p5 .tab_table table td p span{color: #505050; font-size: 1.6rem;}
.p5 .tab_table table td.price{text-align: right; padding-right: 35px;}
.p5 .tab_table .scroll{overflow-y: scroll; height: 368px;}
.p5 .p5_info{margin-top: 60px; margin-bottom: 60px;}
.p5 .p5_info h2{color: #C00; font-size: 2.8rem; font-weight: bold; letter-spacing: -0.7px; line-height: 135%; margin-bottom: 24px;}
.p5 .p5_info .box{border: 1px solid #C00; padding: 28px 24px; }
.p5 .p5_info .box p{color: #505050; font-size: 1.8rem; letter-spacing: -0.45px;}
.p5 .p5_info .box h3{color: #C00; font-size: 1.8rem; font-weight: 600; margin-top: 12px;}
.p5 .choose_wrap h2{color: #111; font-size: 2.8rem; font-weight: bold; margin-bottom: 24px;}
.choose_wrap .box_wrap{display: flex; gap: 12px 2%; align-items: flex-start;}
.choose_wrap .choose{width: 70%; max-width: 840px; padding: 20px; border: 1px solid #E5E5EC;}
.choose_wrap .choose .ch_top{display: flex; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid #111;}
.choose_wrap .choose .ch_top h3{font-size: 2.0rem; font-weight: bold; color: #111;}
.choose_wrap .choose .ch_top h3 b{color: #072182; font-weight: bold;}
.choose_wrap .choose .ch_top ul{display: flex; gap: 0px 20px;}
.choose_wrap .choose .ch_top ul li{color: #505050; font-weight: 500;}
.choose_wrap .choose .ch_top button{background: #fff; border: none;}
.choose_wrap .choose input[type="checkbox"]{appearance: none;width: 22px;height: 22px;border: 1px solid #ddd;border-radius: 50%;outline: none;cursor: pointer;position: relative;margin-right: 5px; border: 1px solid #DBDBDB;}
.choose_wrap .choose input[type="checkbox"]:checked {background-color: var(--color);border-color: var(--color);}
.choose_wrap .choose input[type="checkbox"]::after {content: '✓';color: #DBDBDB;font-size: 14px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);line-height: 1; /* 필요에 따라 추가 */}
.choose_wrap .choose .ch_box{display: flex; border-bottom: 1px solid #E5E5EC; align-items: center;  justify-content: space-between;}
.choose_wrap .choose .ch_box:last-child{border-bottom: 0px;}
.choose_wrap .choose .ch_box span{padding: 20px;}
.choose_wrap .choose .ch_box h3{width: 100%; max-width: 120px; color: #505050; font-weight: 600;}
.choose_wrap .choose .ch_box h4{width: 100%; max-width: 300px; padding-left: 12px; color: #505050; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; text-overflow: ellipsis; font-weight: 500; letter-spacing: -0.4px; overflow: hidden;}
.choose_wrap .choose .ch_box h5{width: 100%; max-width: 130px; text-align: right; padding-right: 12px; color: #111; font-weight: 600; letter-spacing: -0.4px;}
.choose_wrap .choose .ch_box h5 span{padding: 0px; font-size: 1.4rem;color: #505050; font-weight: 500;}
.choose_wrap .choose .ch_box .num_box{display: flex; align-items: center; border:  1px solid #E5E5EC;}
.choose_wrap .choose .ch_box .num_box button{width: 24px; height: 24px; background: #fff; border: none; color: #505050;}
.choose_wrap .choose .ch_box .num_box input{width: 40px; border: none; border-left: 1px solid #E5E5EC; border-right: 1px solid #E5E5EC; height: 24px; text-align: center; color: #505050;}
.choose_wrap .choose .ch_box .trash{padding: 20px; border: none; background: none;}
.choose_wrap .result{border: 1px solid #E5E5EC; width: 30%; max-width: 400px; padding: 36px 20px 20px 20px;}
.choose_wrap .result h3{color: #505050; font-weight: 500; line-height: 150%; letter-spacing: -0.4px; margin-bottom: 8px;}
.choose_wrap .result h4{color: #072182; font-size: 2.4rem; font-weight: 500; letter-spacing: -0.6px; margin-bottom: 16px;}
.choose_wrap .result h4 b{font-size: 4.0rem; font-weight: 600;}
.choose_wrap .result button{width: 100%; background: #072182; font-weight: 600;letter-spacing: -0.4px; color: #fff; padding: 16px 0px; border: none;}
.choose_wrap .result .re_btn{margin-top: 12px; display: flex; gap: 0px 4%;}
.choose_wrap .result .re_btn button{background: linear-gradient(0deg, rgba(7, 33, 130, 0.10) 0%, rgba(7, 33, 130, 0.10) 100%), #FFF; color: #072182;}

.p6{margin-top: 245px; padding-top: 0px;}
.p6 h2{font-size: 2.8rem; color: #111; font-weight: bold; letter-spacing: -0.7px; margin-bottom: 12px;}
.p6 .box_wrap{display: flex; gap: 0 4%; align-items: flex-start;}
.p6 .box_wrap .left{width: 70%; max-width: 840px;}
.p6 .box_wrap .left .no_cart{padding: 100px 0; background: #F7F7F7; color: #111; font-size: 2.0rem; font-weight: 500; text-align: center;}
.p6 .box_wrap .left .ca_btn{margin-top: 20px; display: flex; align-items: center; gap: 0 8px; }
.p6 .box_wrap .left .ca_btn button{padding: 10px 12px; border: 1px solid #E5E5EC; color: #999; font-size: 1.4rem; font-weight: 600; letter-spacing: -0.35px; background: #fff;}
.p6 .box_wrap .left input[type="checkbox"]{appearance: none;width: 20px;height: 20px;border: 1px solid #ddd;border-radius: 0px;outline: none;cursor: pointer;position: relative;margin-right: 10px;}
.p6 .box_wrap .left input[type="checkbox"]:checked {background-color: var(--color);border-color: var(--color);}
.p6 .box_wrap .left input[type="checkbox"]:checked::after {content: '✓';color: white;font-size: 14px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);line-height: 1; /* 필요에 따라 추가 */}
.p6 .box_wrap .left .all_check{display: flex; align-items: center; font-size: 1.5rem; color: #111; letter-spacing: -0.375px; margin-bottom: 15px;}
.p6 .box_wrap .right{width: 30%; max-width: 400px; background: #fff;}
.p6 .left .box{border: 1px solid #E5E5EC; margin-bottom: 20px; position: relative;}
.p6 .pro_box{padding: 28px; width: 100%; display: flex; flex-direction: column;}
.p6 .pro_box_top{display: flex; align-items: center; gap: 0px 3%; width: 100%; }
.p6 .pro_box_top .pro_info{display: flex; align-items: center; gap: 12px 2%; width: 100%; margin-bottom: 12px;}
.p6 .pro_box_top .pro_info h3{color: #111; font-weight: 600; letter-spacing: -0.4px; line-height: 150%;}
.p6 .pro_price_wrap{display: flex; align-items: center; justify-content: space-between; width: 93%; margin: 0 0 0 auto; border: 1px solid #E5E5EC;background: #F7F7F7;}
.p6 .pro_price_wrap .pro_price{display: flex; flex-direction: row-reverse; align-items: flex-start; padding: 12px 16px;  justify-content: space-between; width: 100%;}
.p6 .pro_price_wrap .pro_price h3{color: #111; font-size: 2.4rem; font-weight: 500; white-space: nowrap;}
.p6 .pro_price_wrap .pro_price h3 span{color: #505050; font-size: 1.4rem; font-weight: 500;}
.p6 .pro_price_wrap .pro_price .pro_num{display: flex; align-items: center; border:  1px solid #E5E5EC;}
.p6 .pro_price_wrap .pro_price .pro_num button{width: 24px; height: 24px; background: #fff; border: none; color: #505050;}
.p6 .pro_price_wrap .pro_price .pro_num input{width: 40px; border: none; border-left: 1px solid #E5E5EC; border-right: 1px solid #E5E5EC; height: 24px; text-align: center; color: #505050;}
.p6 .pro_price_wrap .trash{border: none; background: none; position: absolute; top: 20px; right: 20px;}
.p6 .pro_bot{padding: 20px 55px; background: #F7F7F7; border-top:  1px solid #E5E5EC; display: flex; justify-content: space-between;}
.p6 .pro_bot .bot1{width: 65%; display: flex; gap: 0px 10%;}
.p6 .pro_bot .bot2{width: 35%;}
.p6 .pro_bot dt{color: #999; font-size: 1.4rem; font-weight: 500; line-height: 140%; margin-bottom: 2px;}
.p6 .pro_bot dd{color: #505050; font-size: 1.8rem; line-height: 145%; font-weight: 600;}
.p6 .pro_bot dd span{color: #111; font-size: 1.4rem; font-weight: 400;}
.p6 .pro_bot .bot2 dd{color: #111;}

.p6 .right{border: 1px solid #E5E5EC; padding: 24px;}
.p6 .right h3{color: #111; font-weight: 600; margin-bottom: 20px; line-height: 150%;letter-spacing: -0.4px; }
.p6 .right dl{display: flex; align-items: center; justify-content: space-between;}
.p6 .right dl dt{color: #505050; font-weight: 400; line-height: 150%; letter-spacing: -0.4px;}
.p6 .right dl dd{color: #111; font-weight: 400; line-height: 150%; letter-spacing: -0.4px;}
.p6 .right .right_cho{padding-top: 12px; margin-top: 12px; border-top:  1px solid #E5E5EC; display: flex; align-items: center; justify-content: space-between; margin-bottom: 28px;}
.p6 .right .right_cho h4{color: #111; font-weight: 600; line-height: 150%; letter-spacing: -0.4px;}
.p6 .right .right_cho h5{font-size: 1.8rem; color: #111; font-weight: 600; letter-spacing: -0.45px; line-height: 145%;}
.p6 .right button{width: 100%; padding: 18px 0; background: #072182; border: none; color: #fff; font-weight: 600; letter-spacing: -0.4px; line-height: 150%;}
.p6 .right button img{margin-right: 6px;}

.quick{position: fixed; right: 0; top: 35%; border:  1px solid #E5E5EC; z-index: 10;}

.mbskin{margin: 40px auto 0 auto; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); padding-top: 40px; border-radius: 5px;}
#pw_confirm h1{margin: 0px 0px 10px 0; font-size: 2.4rem; font-weight: 600;}
#pw_confirm p{font-size: 1.6rem;}
#pw_confirm p strong{font-size: 1.8rem;}
#pw_confirm fieldset{padding: 40px 20px 40px 20px;}
.mbskin .btn_submit{background: #111; border: none;}

.ten{display: flex; margin-bottom: 50px; justify-content: space-between; gap: 10px 2%;}
.ten span{width: 50%;}
.ten span img{width: 100%;}

@media all and (max-width: 1400px){
    .m1 .width a img, .p2_tab1 a img{width: 60px;}
    .p2 table td.price{white-space: nowrap;}
    .p4_txt h2{font-size: 2.2rem; align-items: center;}
    .p4_txt h2 p{font-size: 2.2rem;}
}
@media all and (max-width: 1100px){
    .m2 .width{flex-direction: column;}
    .pic_lt .lt_wrap .lt_text_top .lt_text_con a:first-child{font-size: 1.6rem;}
}
@media all and (max-width: 1024px){
    .head_top h2{font-size: 1.1rem;}
    .head_top h2 img{width: 70px;}
    .mobile_btn{display: flex; gap: 0px 3%; align-items: center;}
    .hd_ul{width: initial;}
    .hd_ul ul li a{font-size: 1.2rem;}
    .hd_ul ul li img{width: 16px;}
    .hd_ul ul li{width: 50px;}
    .visual{margin-top: 95px; height: 480px;}
    .m1 .width, .p2_tab1{flex-wrap: wrap; justify-content: flex-start;}
    .visual .swiper-slide .main_text{width: 84% !important; text-align: center}
    .visual .swiper-slide .main_text h2{padding: 20px 25px; font-size: 4.0rem; text-align: center;}
    .m6 .width{flex-wrap: wrap;}
    .m6 .box{width: 49%;}
    .sub_visual{margin-top: 95px; height: 180px;}
    .sub_visual .sub_top_text{padding-top: 0;}
    .p1 .area1 h2{font-size: 3.0rem; margin-bottom: 25px;}
    .p1 .area1{padding: 35px 15px;}
    .p1 .area1 .box_wrap h3{font-size: 2.4rem;}
    .p1 .area1 .box_wrap ul li p{font-size: 1.8rem; min-width: 70px;}
    .p1 .area1 .box_wrap ul li h6{font-size: 1.8rem;}
    .p1 .area1 .box_wrap ul li h6 b{font-size: 2.6rem;}
    .p1 .area1 .box_wrap ul li h6 strong{font-size: 2.2rem;}
    .p1 .box_tel dl dd{font-size: 2.2rem;}
    .p1 .box_tel dl dt img{width: 30px;}
    .p1 .area1 .info li p, .p1 .area1 .info li span{font-size: 1.6rem;}
    .p6{margin-top: 140px;}
    .p6 .box_wrap{flex-direction: column; gap: 50px 0;}
    .p6 .box_wrap .left{width: 100%; max-width: initial;}
    .quick img{width: 70px;}
    .quick{top: 20%;}
    .hd_ul ul li span{right: 15%;}
}
@media all and (max-width: 950px){
    .m4 .width{flex-direction: column;}
    .m4 .box{width: 100%;}
    .area2 .box_wrap span{display: none;}
    .ar_txt{font-size: 2.6rem;}
    .ar2_txt h3{font-size: 1.6rem;}
    .ar2_txt ul li, .ar2_txt ul li b{font-size: 2.0rem;}
    .area2 .box_wrap .box{padding: 20px 0;}
    .area2 .box_wrap .box h6{font-size: 1.3rem; padding: 4px 12px;}
    .area2 .box_wrap .box img{width: 70px;}
    .area2 .box_wrap .box p{font-size: 2.0rem; margin-top: 10px;}
    .p3 .box_wrap .box{padding: 20px 0;}
    .p3 .box_wrap span{display: none;}
    .p3 .box_wrap .box h6{font-size: 1.3rem; padding: 4px 12px;}
    .p3 .box_wrap .box img{width: 70px;}
    .p3 .box_wrap .box h2{font-size: 2.0rem; margin-top: 10px;}
    .p3 .box_wrap .box p{font-size: 1.4rem;}
    .p3_top{flex-direction: column; align-items: flex-start; gap: 5px 0;}
    .form_group{padding: 20px;}
    .form_group .input_box input[type=text]{height: 54px;}
	.form_group .input_box input[type=password]{height: 54px;}
    .select_wrap select{height: 54px;}
    .p3-2 .p_txt h2{font-size: 2.6rem;}
    .p3_top h5{font-size: 2.4rem;}
    .p3-2 .p_txt p{font-size: 1.6rem;}
    .p5 .tabnav li a{font-size: 1.5rem; letter-spacing: -0.08em;}
    .p5 .tab_table table th{font-size: 1.6rem;}
    .p5 .tab_table table td{font-size: 1.4rem;}
    .p5 .tab_table table td a{font-size: 1.4rem;}
    .p5 .tab_table table td p{font-size: 1.4rem; white-space: nowrap}
    .p5 .tab_table .scroll{height: 338px;}
    .p5 .p5_info h2{font-size: 2.2rem; margin-bottom: 15px;}
    .p5 .p5_info .box{padding: 15px;}
    .p5 .p5_info .box p{font-size: 1.4rem;}
    .p5 .p5_info .box h3{font-size: 1.6rem;}
    .p5 .choose_wrap h2{font-size: 2.2rem; margin-bottom: 15px;}
    .choose_wrap .box_wrap{flex-direction: column;}
    .choose_wrap .choose{width: 100%; max-width: initial;}
    .choose_wrap .result{width: 100%; max-width: initial;}
    .choose_wrap .choose .ch_box span{padding: 15px 10px 15px 0;}
    .choose_wrap .choose .ch_box .trash{padding: 15px 0px 15px 10px;}
    .p5 .tab_table table td.price{padding-right: 10px;}

}
@media all and (max-width: 850px){}
@media all and (max-width: 768px){
    .visual{height: 380px;}
    .visual .swiper-slide .main_text h2{font-size: 3.0rem;}
    .m1{padding: 35px 0;}
    .m1 .width a, .p2_tab1 a{width: 15%;}
    .m1 .width a img, .p2_tab1 a img{width: 100%;}
    .m1 .width a span, .p2_tab1 a span{font-size: 1.3rem;}
    .m5 .box_wrap{flex-wrap: wrap;}
    .m5 .box_wrap .box{width: 49%;}
    .m6 .box{width: 100%;}
    #ft .footer{flex-direction: column; gap: 30px 0;}
    #ft .footer .ft_info .foot_logo img{width: 110px;}
    #ft .footer .ft_info .foot_logo{margin-bottom: 15px;}
    #ft .footer .ft_info ul{flex-direction: column; align-items: flex-start;}
    #ft .footer .ft_info ul span{display: none;}
    #ft .footer .copyright{margin-top: 15px;}
    .p1 .area1 .info li p, .p1 .area1 .info li span{font-size: 1.4rem; letter-spacing: -0.08em;}
    .p1 .area1{margin-bottom: 80px;}
    .area2{margin-bottom: 80px;}
    .ar2_txt ul li, .ar2_txt ul li b{font-size: 1.7rem;}
    .p1 .area5{padding: 20px 15px;}
    .p1 .area5 dt{font-size: 1.6rem;}
    .p1 .area5 dd{font-size: 1.5rem;}
    .sub_visual .sub_top_text h3{font-size: 2.6rem;}
    .sub_visual .sub_top_text p{font-size: 1.4rem;}
    .p2_tab3 li a{font-size: 1.4rem; display: inline-block;}
    .p2_tab2 li a{font-size: 1.4rem;}
    .search_area{padding: 0px 10px; max-width: 250px; overflow: hidden;}
    .select_wrap select{height: 45px;}
    .select_wrap{min-width: 75px;}
    .p2 table th{font-size: 1.6rem;}
    .p2 table td{font-size: 1.5rem;}
    .p2 table td.pro_txt{padding: 19px 5px; font-size: 1.5rem;}
    .p2 table td a{font-size: 1.5rem;}
    .p2 table td.price{padding: 19px 0; font-size: 1.4rem;}
    .caution h2{font-size: 1.6rem; margin-bottom: 6px; justify-content: center;}
    .caution p{font-size: 1.4rem;}
    .caution{padding: 24px 10px; text-align: center; margin: -35px auto 0 auto; width: 90%;}
    .form_group .input_wrap{flex-direction: column;}
    .form_group .input_wrap .input_box{width: 100%;}
    .p3 .check h2{font-size: 1.6rem;}
    .p3 .check p{font-size: 1.4rem; letter-spacing: -0.08em}
    .p4_txt .p4_wrap{flex-direction: column;}
    .p4_txt .p4_wrap a{width: 100%;}
    .p4_txt h2 p{font-size: 1.8rem; letter-spacing: -0.08em}
    .th_view, td_num{display: none;}
    .p5 .tabnav{flex-wrap: wrap;}
    .p5 .tabnav li{width: 50%;}
    .select_wrap::after{right: 10px;}
    .choose_wrap .choose .ch_top{padding: 16px 0;}
    .choose_wrap .choose .ch_box{flex-wrap: wrap; justify-content: flex-end;}
    .choose_wrap .choose .ch_box h4{max-width: 200px;}
    .choose_wrap .choose .ch_box h3{max-width: 70px;}
    .choose_wrap .choose .ch_box span{padding: 0px 10px 0px 0;}
    .choose_wrap .choose .ch_box .trash{padding: 12px 0px 0px 10px;}
    .choose_wrap .choose .ch_box{padding: 15px 0px;}
    .p6 .pro_price_wrap{width: 100%;}
    .p6 .pro_box{padding: 20px;}
    .p6 .pro_price_wrap .pro_price h3{font-size: 2.0rem;}
    .p6 .box_wrap .right{width: 100%; max-width: initial;}

    .ten{flex-direction: column; }
    .ten span{width: 100%;}
}
@media all and (max-width: 650px){
    .p1 .area1 .box_wrap h3{display: none;}
    .p1 .box_tel{flex-direction: column; align-items: flex-start; gap: 12px 0;}
    .p1 .box_tel dl:first-child{border-right: 0px;}
    .p1 .box_tel dl{width: 100%;}
    .p1 .box_tel dl{justify-content: flex-start; padding-left: 4%;}
    .area2 .box_wrap{flex-wrap: wrap; gap: 16px 2%;}
    .area2 .box_wrap .box{width: 48%; max-width: initial;}
    .p3 .box_wrap{flex-wrap: wrap; gap: 16px 2%;}
    .p3 .box_wrap .box{width: 48%; max-width: initial;}
    .form_group .input_wrap2 .sel_box{flex-direction: column;}
    .form_group .input_wrap2 .sel_box input:first-child{max-width: initial;}
    .form_group .input_wrap2 .select_wrap{max-width: initial;}
    .p3-2 .box_wrap a{width: 48%;}

    .visual .slide1{background: url("../img/visual1.png")no-repeat; background-size: cover; background-position: 60% center;}
    .visual .slide2{background: url("../img/visual2.png")no-repeat; background-size: cover; background-position: 50% center;}
    .visual .slide3{background: url("../img/visual3.png")no-repeat; background-size: cover; background-position: 60% center;}
    .visual .slide4{background: url("../img/visual4.png")no-repeat; background-size: cover; background-position: 70% center;}
    .visual .slide5{background: url("../img/visual5.png")no-repeat; background-size: cover; background-position: 70% center;}
}