@charset "euc-kr";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&family=Noto+Sans+KR:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cookie&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');


/*font-family: 'Nanum Myeongjo', serif;*/
/*font-family: 'Cookie', cursive;*/
/*font-family: 'GmarketSansLight';*/
/*font-family: 'GmarketSansMedium';*/
/*font-family: 'GmarketSansBold';*/
/*font-family: 'Lobster', cursive;*/
/**/
/* */
*{margin:0; padding:0; box-sizing:border-box; font-family: 'Noto Sans KR', sans-serif;}
select {

   -webkit-appearance:none; /* for chrome */

   -moz-appearance:none; /*for firefox*/

   appearance:none;

}
::-moz-selection {
   background: #1d2088;
   color: #fff;
}
::selection {
   background: #1d2088;
   color: #fff;
}
select::-ms-expand{

   display:none;/*for IE10,11*/

}

/*********common***********/
h2 {letter-spacing: -3px;}
h3 {letter-spacing: -2px;}
p {letter-spacing: -1px;}

a{text-decoration:none;}
a:link{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
a:visited{text-decoration:none;}
.clearfix:before,
.clearfix:after{display:table; content:"";}
.clearfix:after{clear:both;}
ul,li{list-style:none;}
body{position: relative;}
table {border-collapse: collapse;}
.wrap {width: 1400px; margin: 0 auto;}
.inner {width: 1200px; margin: 0 auto;}
.w50p {float: left; width: 50%;}
.posc {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.go {background: #274338; color: #fff; display: inline-block; width: 50px; height: 50px; border-radius: 50%; line-height: 43px; text-align: center; font-size: 20px; font-weight: 700; margin-top: 50px;}

/*********common end***********/

.topbtn {position: fixed; bottom: 25px; right: 25px; display: block; width: 50px; height:50px; background: #1d2088; z-index: 999999999; text-align: center; display: none; border-radius: 50%;}
.topbtn:before {position: absolute; content: ''; width:12px; height: 12px; border-top: 3px solid #fff; border-right: 3px solid #fff; display: inline-block; transform: translate(-50%,-50%) rotate(-45deg); position: absolute; top: 50%; left: 50%; transition: .3s;}
.topbtn:hover:before {top: 50%;}
.topbtn a {display: block; height: 100%; position: relative;}

/*********header***********/

header {height: 125px; text-align: center; background: #fff; position: fixed; width: 100%; left: 50%; transform: translateX(-50%); top: 0px; z-index: 999999; transition:.3s; border-bottom: 1px solid #ddd;}
.header_line {height: 25px; width: 100%; background: #020e26;}
/*header.on {background: rgba(255,255,255,0.75);}*/
header .logo_top {float: left; transition: .2s;}
header .logo_top:hover {opacity: .8;}
header .logo_top img {width: 105px; padding-top: 5px;}

header .menu {display: inline-block;}
header .menu div {display: inline-block; position: relative;}
header .menu div:before {position: absolute; content: ''; top: 90px; left: 50%; transform: translateX(-50%); background: #1d2088; width: 0px; height: 3px; transition:.3s;}
header .menu div:hover:before {width: 60%;}
header .menu div:last-child {margin-right: 0;}
header .menu div > a {line-height: 100px; color: #020e26; font-size: 18px; display: block; height: 100%; font-weight: 700; padding: 0 40px;}
header .menu div  ul {position: absolute; left: 50%; transform: translateX(-50%); top: 100px; width: 180px; background: #fff; display: none; border-bottom: 10px solid #1d2088; border-radius: 0 0 10px 10px;}
header .menu div  ul li a {display: block; color: #333; font-size: 14px; padding: 10px 0; transition: .3s;}
header .menu div  ul li a:hover {color: #020e26; font-weight: 500;}

header .sns_nav {float: right;}
header .sns_nav ul {text-align: center;}
header .sns_nav ul li {display: inline-block; height: 100px;}
header .sns_nav ul li:nth-child(2) {margin: 0 10px;}
header .sns_nav ul li a {display: block; height: 100%; line-height: 130px;}
header .sns_nav ul li a:hover {opacity: .8;}
header .sns_nav ul li img {width: 45px;}
/*********header end***********/

/***************footer***************/
footer {background: #eaeaea;}
footer .wrap div {float: left; margin-right: 50px;}
footer .wrap .footer_logo img {width: 105px; padding-top: 50px;}
footer .wrap .footer_content {padding: 50px;}
footer .wrap .footer_content h3 {font-size: 24px; margin-bottom: 15px; color: #333;}
footer .wrap .footer_content p {font-size: 14px; line-height: 2em; color: #333;}
footer .wrap .footer_content p span {margin-right: 20px;}
footer .wrap .footer_content p span:last-child {color: red; font-size: 18px; font-weight: 700;}
footer .copyright {background: #c6c6c6; text-align: center; padding: 15px;}
footer .copyright p {color: #666; font-size: 12px; letter-spacing: -1px;}
/***************footer end***************/



/* main */
section .main_title {margin-bottom: 50px; text-align: center;}
section .main_title h2 {color: #000; font-size: 36px; padding-bottom: 20px; margin-bottom: 20px; position: relative;}
section .main_title p {color: #666;}
section .main_title h2:before {position: absolute; content: ''; width: 80px; height: 1px; background: #000; transform: translateX(-50%); bottom: 0px; left: 50%;}
section .main_title h2 strong {font-weight: 900; color: #000;}
section .main_title h3 {margin-top: 10px; font-size: 36px; color: #000;}

.swiper {overflow: hidden; position: relative;}

.main_visual {height: 100%; margin-top: 125px;}
.main_visual_slide {overflow: hidden; position: relative; width: 100%;} 
.main_visual_slide .swiper-slide {overflow: hidden;}
.main_visual_slide .swiper-slide img {width: 100%; transform: scale(1.1); transition:4s; object-fit: cover;}
.main_visual_slide .swiper-slide-active .main_visual_slide_txt {animation:op 0.5s 0.5s both;}
.main_visual_slide .swiper-slide-active .main_visual_slide_txt:before {animation:bracket_l 0.8s 1s both;}
.main_visual_slide .swiper-slide-active .main_visual_slide_txt:after {animation:bracket_r 0.8s 1s both;}
.main_visual_slide .swiper-slide-active img {transform: scale(1); overflow: hidden;}
.main_visual_slide .swiper-slide-active h1 {animation:slide_up 1s .7s both;}
.main_visual_slide .swiper-slide-active h2 {animation:slide_up 1s .5s both;}
.main_visual_slide .swiper-slide-active p {animation:slide_down 1s .5s both;}
.main_visual_slide .swiper-slide-active h2:nth-child(1) {animation:slide_up 1s .5s both;}
.main_visual_slide .swiper-slide-active h2:nth-child(2) {animation:slide_up 1s .6s both;}
.main_visual_slide .swiper-slide-active h2:nth-child(3) {animation:slide_up 1s .7s both;}
.main_visual_slide .swiper-slide-active h2:nth-child(4) {animation:slide_up 1s .8s both;}
.main_visual_slide .swiper-slide .main_visual_slide_txt {position: absolute; left: 0; bottom: -100%; width: 50%; height: 100%; background: #246bde; opacity: 0; text-align: center; padding-top: 120px;}
.main_visual_slide .swiper-slide .main_visual_slide_txt:before {position: absolute; content: ''; left: 0px; top: 38%; transform: translateY(-50%); width: 70px; height: 300px; border: 10px solid  #fff; border-right: none; border-bottom: none;}
.main_visual_slide .swiper-slide .main_visual_slide_txt:after {position: absolute; content: ''; right: 0px; top: 48%; transform: translateY(-50%); width: 70px; height: 300px; border: 10px solid  #fff; border-left: none; border-top: none;}
.main_visual_slide .swiper-slide .main_visual_slide_txt h1 {font-size: 72px; font-weight: 900; color: #fff; margin: 5px 0; line-height: 1.2em;}
.main_visual_slide .swiper-slide .main_visual_slide_txt h1 img {width: 30px; vertical-align: bottom;}
.main_visual_slide .swiper-slide .main_visual_slide_txt h2 {font-size: 40px; position: relative; font-weight: 300; color: #fff;}
.main_visual_slide .swiper-slide .main_visual_slide_txt h2 strong {font-weight: 900;}
.main_visual_slide .swiper-slide .main_visual_slide_txt p {font-size: 18px; font-weight: 500; color: #fff; margin-top: 15px;}
.main_visual_slide .swiper-slide .main_visual_slide_txt p strong {font-weight: 900;}
@keyframes op {
	0% {opacity: 0; background: rgb(62, 116, 134); bottom:-100%}
	100% {opacity: 1; background: rgba(62, 116, 134, 0.8); bottom: 0;}
}
@keyframes slide_up {
	0% { transform: translateY(10px); opacity: 0;}
	100% { transform: translateY(0); opacity: 1;}
}
@keyframes slide_down {
	0% { transform: translateY(-30px); opacity: 0;}
	100% { transform: translateY(0); opacity: 1;}
}
@keyframes bracket_l {
	0% {left: 0; opacity: 0;}
	100% {left: 100px; opacity: 1;}
}
@keyframes bracket_r {
	0% {right: 0; opacity: 0;}
	100% {right: 100px; opacity: 1;}
}

.main_youtube {margin-top: -100px; z-index: 99999; position: relative; }
.main_youtube ul {border-radius: 25px 25px 0 0; overflow: hidden;}
.main_youtube ul li {width: 23.5%; float: left; margin-right: 2%; background: #fff; text-align: center;}
.main_youtube ul li:last-of-type {border-right: none; margin-right: 0;}
.main_youtube ul li iframe {vertical-align: top; height: 250px;}
.main_youtube ul li h2 {padding: 10px 0; font-size: 24px; color: #333; background: #fff;}
.main_youtube ul li p {margin-top: 15px; font-size: 20px; color: #666; font-weight: 700;}
.main_youtube ul li p span {margin: 0 10px;}

.main_intro {margin: 100px 0;}
.main_intro ul li {float: left; width: 50%;}
.main_intro ul li:nth-child(1) {padding: 30px 0;}
.main_intro ul li:nth-child(2) .swiper img {vertical-align: top;}
.main_intro ul li h3 {font-size: 18px; font-weight: 700; color: #666;}
.main_intro ul li h2 {color: #000; font-weight: 300; font-size: 30px; margin-bottom: 10px;}
.main_intro ul li h2 strong {font-weight: 700;}
.main_intro ul li p {font-size: 16px; color: #666; line-height: 2em;}

.main_how {text-align: center; margin: 100px 0;}
.main_how .main_how01 h2 {font-size: 40px; color: #333; position: relative;}
.main_how .main_how01 h2 i {position: absolute; font-size: 90px; opacity: .3; color: #266cdf; left: 50%; top: 20%; transform: translate(-50%,-50%); z-index: -9;}
.main_how .main_how01 p {color: #666; font-size: 18px; line-height: 1.5em; margin: 30px 0;}
.main_how .main_how01 h3 {color: #000; font-size: 26px;}

.main_how .main_how02 {background: url(../img/main_howbg.jpg) no-repeat center / cover fixed; height: 500px; padding-top: 200px; margin-top: 50px;}
.main_how .main_how02 h2 {color: #fff; font-size: 50px; display: inline-block; position: relative;}
.main_how .main_how02 h2 i {font-size: 36px;}
.main_how .main_how02 h2 i:nth-of-type(1){position: absolute; left: -35px; top: -10px;}
.main_how .main_how02 h2 i:nth-of-type(2) {position: absolute; right: -35px; bottom: -10px;}

.main_needs {margin-bottom: 100px;}
.main_needs ul li {width: 32%; float: left; text-align: center; border: 1px solid #ddd; border-radius: 15px; overflow: hidden;}
.main_needs ul li:nth-child(2) {margin: 0 2%;}
.main_needs ul li img {width: 100%;}
.main_needs ul li div {height: 220px; padding: 20px 0;}
.main_needs ul li h2 {color: #000;padding: 10px 0;}
.main_needs ul li p {color: #666; font-size: 14px; padding-bottom: 20px; line-height: 2em;}
.main_needs ul li p strong {color: #1d2088; font-size: 18px;}

.main_process ul li {width: 30%; float: left; text-align: center; margin-bottom: 50px; position: relative;}
.main_process ul li span {font-size: 90px; color: #1d2088; font-weight: 900; position: absolute; left: 57px; top: -50px; letter-spacing: -4px;}
.main_process ul li:nth-child(2),
.main_process ul li:nth-child(5) {margin: 0 5%;}
.main_process ul li img {width: 250px; height: 250px; border-radius: 50%;}
.main_process ul li div h2 {color: #000; margin: 15px 0;} 
.main_process ul li div p {font-size: 18px; color: #666;}

/**************sub common******************/
.sub {padding: 100px 0;}
.subtop {background-repeat: no-repeat; background-position: center; background-size: 100%; background-attachment: fixed; height: 400px; text-align: center; color: #fff; position: relative;}
.subtop .subtop_title h2 {padding-top: 130px; font-size: 60px; margin-bottom: 15px; font-weight: 700;}
.subtop .subtop_title p {font-size: 18px;}
.subtop01 {background-image: url(../img/subtop01.jpg);}
.subtop02 {background-image: url(../img/subtop02.jpg);}
.subtop03 {background-image: url(../img/subtop03.jpg);}
.subtop04 {background-image: url(../img/subtop04.jpg);}
.subtop05 {background-image: url(../img/subtop05.jpg);}
.subtop06 {background-image: url(../img/subtop06.jpg);}
.sub_cate {width: 1200px; margin: 0 auto; margin-top: -35px; display: flex; border-radius: 25px; overflow: hidden; border: 1px solid  #1d2088; position: relative; z-index: 9; background: #fff;}
/*
.sub_cate.on {position: fixed; left: 50%; transform: translateX(-50%); width: 1200px; top: 170px; }
.sub_cate.on a {padding: 10px 0; font-size: 16px;}
*/
.sub_cate a {display: block; text-align: center; padding: 20px 0; font-size: 18px; color: #333; flex:1; border-right: 1px solid #1d2088; transition:.3s;}
.sub_cate a:hover {background: rgba(29, 32, 136, 0.3); color: #fff;}
.sub_cate a:last-child {border-right: none;}
.sub1 .sub_cate a:nth-child(1) {background: #1d2088; color: #fff; font-weight: 700;}
.sub2 .sub_cate a:nth-child(2) {background: #1d2088; color: #fff; font-weight: 700;}
.sub3 .sub_cate a:nth-child(3) {background: #1d2088; color: #fff; font-weight: 700;}
.sub4 .sub_cate a:nth-child(4) {background: #1d2088; color: #fff; font-weight: 700;}
.sub5 .sub_cate a:nth-child(5) {background: #1d2088; color: #fff; font-weight: 700;}

.subtitle {position: relative; margin: 100px 0;}
.subtitle h2 {text-align: center; font-size: 42px; color: #1d2088; position: relative; }
.subtitle:before {position: absolute; content: ''; width: 50px; height: 1px; background: #1d2088; left: 50%; transform: translateX(-50%); bottom: 70px;}

.stable {width: 100%; border-color: #1d2088;}
.stable th {background: #1d2088; color: #fff;}
.stable tr:nth-child(1) th {border-bottom: 1px solid #fff;}
.stable th,
.stable td {padding: 10px 20px;}

/**************sub common end******************/

/**************sub ******************/
.sub_hello ul li {float: left; width: 50%;}
.sub_hello ul li img {width: 100%;}
.sub_hello ul li .sub_hello_txt {padding-left: 50px; padding-top: 50px;}
.sub_hello ul li .sub_hello_txt p {font-size: 16px; line-height: 2em; color: #666;}
.sub_hello ul li .sub_hello_txt p b {color: #1d2088; font-size: 38px; padding-bottom: 30px; display: inline-block;}

.sub_good ul {text-align: center;}
.sub_good ul li {display: inline-block; width: 30%; margin: 0 30px; margin-bottom: 30px;}
.sub_good ul li img {border-radius: 50%; width: 100%;}
.sub_good ul li .sub_good_txt {padding-top: 20px; padding-bottom: 50px;}
.sub_good ul li .sub_good_txt h2 {color: #1d2088; font-size: 32px; font-weight: 900;}
.sub_good ul li .sub_good_txt p {font-size: 18px; line-height: 1.5em;}

.sub_history {width: 1200px; margin: 0 auto; position: relative;}
.sub_history:before {position: absolute; content: ''; height: 90%; width: 1px; border-right: 1px dashed #666; left: 50%; top: 150px; transform: translateX(-50%);}
.sub_history .sub_history_box .history_txt .history_left {text-align: right; float: left; width: 550px; position: relative; margin: 50px 0;}
.sub_history .sub_history_box .history_txt .history_right {text-align: left; float: right; width: 550px; position: relative; margin: 50px 0;}
.sub_history .sub_history_box .history_txt .history_left:before {position: absolute; content: ''; width: 35px; height: 35px; border-radius: 50%; background: #1d2088; top: 0; right: -68px; animation: zoom-in 1s infinite alternate; opacity: .5;}
.sub_history .sub_history_box .history_txt .history_left:after {position: absolute; content: ''; width: 25px; height: 25px; border-radius: 50%; background: #fff; top: 5px; right: -63px; animation: zoom-in 1s infinite alternate; opacity: .5;}
.sub_history .sub_history_box .history_txt .history_right:before {position: absolute; content: ''; width: 35px; height: 35px; border-radius: 50%; background: #1d2088; top: 0; left: -67px; animation: zoom-in 1s infinite alternate; opacity: .5;}
.sub_history .sub_history_box .history_txt .history_right:after {position: absolute; content: ''; width: 25px; height: 25px; border-radius: 50%; background: #fff; top: 5px; left: -62px; animation: zoom-in 1s infinite alternate; opacity: .5;}
.sub_history .sub_history_box .history_txt h2 {font-size: 40px; color: #1d2088; line-height: 1em;}
.sub_history .sub_history_box .history_txt h3 {font-size: 28px; margin-top: 15px; margin-bottom: 20px; display: inline-block; margin-right: 10px;}
.sub_history .sub_history_box .history_txt p {color: #666; font-size: 14px; line-height: 2em;}
.sub_history .sub_history_box .history_txt img {width: 20px; vertical-align: text-bottom;}

.sub_equip {width: 800px; text-align: center;}
.sub_equip .subtitle {margin-bottom: 50px;}
.sub_equip .equip_img {overflow: hidden; border-radius: 20px;}
.sub_equip .equip_img img {width: 100%; height: 100%; animation: zoom-in 10s infinite alternate;}
@keyframes zoom-in {
	0% {transform: scale(1)}
	100% {transform: scale(1.1); opacity: 1;}
}
.sub_equip .equip_video {overflow: hidden; padding-top: 100px; padding-bottom: 20px;}
.sub_equip .equip_video h2 {font-size: 32px; margin-bottom: 10px;}
.sub_equip .equip_video iframe {border-radius: 30px;}
.sub_equip .sub_equip_box h3 {margin-bottom: 30px; font-size: 24px;} 
.sub_equip .sub_equip_box p {line-height: 2em; color: #666; font-size: 18px; margin-top: 30px;}

.sub_price ul li {width: 49%; float: left; margin-bottom: 20px;}
.sub_price ul li:nth-of-type(odd) {margin-right: 2%;}
.price {width: 100%; text-align: center; }
.price td img {width: 150px; vertical-align: top; border-radius: 10px;}
.price tr:first-child td {width: 150px; padding: 10px;}
.price tr th {color: #fff; background: #1d2088; padding: 10px 0; font-size: 20px; width: 33.333333%;}
.price tr td {color: #666; padding: 10px 0; font-size: 14px;}
.sub_price .sub_price_txt {text-align: center; line-height: 3em; margin-top: 40px;}
.sub_price .sub_price_txt h3 {font-size: 24px;}
.sub_price .sub_price_txt p {font-size: 16px; color: #1d2088;}
.sub_price .price_img div {float: left; width: 33.33333%; padding: 10px; border: 1px solid #1d2088; border-right: none; border-top: none;}
.sub_price .price_img div:last-child {border-right: 1px solid #1d2088;}
.sub_price .price_img div img {width: 100%; }
.sub_price .price_img div p {text-align: center; color: #1d2088; font-size: 22px; padding: 10px 0; font-weight: 700;}

.sub_option .price {margin-top: 30px;}
.sub_option .price tr:nth-of-type(1) th {font-size: 32px;}
.sub_option .price tr th {width: inherit;}
.sub_option .price tr td span {font-size: 12px;}
.sub_option .price tr td b {font-size: 20px; color: #1d2088;}
.sub_option > h3 {text-align: center; margin-top: 40px; color: #1d2088;}

.sub_deliver { text-align: center;}
.sub_deliver h4 {margin: 50px 0;color: #1d2088; font-size: 20px;}
.sub_deliver h3 {color: #1d2088; font-size: 20px; margin-top: 50px;}
.sub_deliver p {line-height: 2em;}

.sub_warning {width: 1000px; text-align: center;}
.sub_warning > h2 {color: #1d2088; font-size: 30px; margin-bottom: 30px;}
.sub_warning ul {position: relative;}
.sub_warning ul:before {position: absolute; content: ''; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 300px; height: 300px; border-radius: 50%; background: #1d2088; z-index: -9;}
.sub_warning ul li {width: 49%; float: left; margin-bottom: 30px; border: 1px solid  #ddd; border-radius: 20px; overflow: hidden; height: 550px; background: #fff;}
.sub_warning ul li img {width: 100%;}
.sub_warning ul li:nth-child(odd) {margin-right: 2%;}
.sub_warning ul li h3 {color: #1d2088; font-size: 24px; padding-top: 15px;}
.sub_warning ul li p {color: #666; line-height: 2em; font-size: 14px;}

.sub_time .time_box {text-align: center;}
.sub_time .time_box h2 {color: #1d2088; font-size: 30px;}
.sub_time .time_box p {font-size: 20px; color: #666;}
.sub_time .time_box p strong {display: block;}
.sub_time .time_box p b {color: red; display: block;}

.sub_kakao {text-align: center;}
.sub_kakao .sub_kakao_box h2 { color: #1d2088; font-size: 32px; animation: blinking 1s 0.5s infinite alternate; }
@keyframes blinking {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
.sub_kakao .sub_kakao_box a {display: inline-block;}
.sub_kakao .sub_kakao_box a img {width: 300px;}
.sub_kakao .sub_kakao_box h3 {color: #1d2088; font-size: 24px; margin-top: 30px;}
.sub_kakao .sub_kakao_box p {font-size: 18px; line-height: 2em; color: #666; margin-top: 10px;}
.sub_kakao .sub_kakao_box p b {color: #000;}
.sub_kakao ul {width: 800px; margin: 50px auto; text-align: center;}
.sub_kakao ul li {float: left; width: 49%; margin-right: 2%;}
.sub_kakao ul li:nth-of-type(2) {margin-right: 0;}
.sub_kakao ul li img {width: 100%;}
.sub_kakao ul h2 {color: red; font-size: 32px; margin-bottom: 15px;}
.sub_kakao ul h3 {color: #1d2088; font-size: 26px; margin-top: 15px; margin-bottom: 30px;}

.sub_package .sub_package01 {width: 600px; margin: 0 auto; margin-bottom: 100px;}
.sub_package .sub_package01 h2 {text-align: center; font-size: 32px; color: #1d2088; margin-bottom: 30px;}
.sub_package .sub_package01 ul {position: relative;}
.sub_package .sub_package01 ul:before {position: absolute; content: ''; width: 2px; height: 100%;transform: translateX(-50%); left: 50%; top: 0; z-index: -9; background: #1d2088;}
.sub_package .sub_package01 ul li {border-radius: 30px; padding: 30px 0; text-align: center; border: 2px solid #1d2088; color: #1d2088; font-weight: 700; font-size: 24px; background: #fff;}
.sub_package .sub_package01 ul li:nth-child(2) {margin: 30px 0;}

.sub_package .sub_package02 h2 {text-align: center; font-size: 32px; color: #1d2088; margin-bottom: 80px;}
.sub_package .sub_package02 ul li {float: left; width: 32%; margin-right: 2%; text-align: center; position: relative; margin-bottom: 50px;}
.sub_package .sub_package02 ul li span {display: inline-block; border-radius: 50%; background: #1d2088; color: #fff; font-size: 20px; font-weight: 700; width: 60px; height: 60px; line-height: 60px; position: absolute; content: ''; left: 50%; transform: translateX(-50%); top: -30px;} 
.sub_package .sub_package02 ul li img {width: 100%; border-radius: 15px; border: 3px solid  #1d2088;}
.sub_package .sub_package02 ul li:nth-child(3n) {margin-right: 0;}

.sub_package .sub_package03 h2 {font-size: 32px; color: #1d2088; margin-bottom: 20px;}
.sub_package .sub_package03 p {line-height: 2em; font-size: 20px; margin-bottom: 10px; color: #666;}
.sub_package .sub_package03 p b {font-size: 28px; font-weight: 700; color: #1d2088; margin-right: 15px;}
/**************sub end******************/