/* include 공통 CSS */

/************************* 공통 시작 *************************/
.pre {font-family:'Pretendard', sans-serif;}
.mont {font-family: 'Montserrat', 'Pretendard', sans-serif;}

.quick_btn {position: fixed; bottom: 5%; right: 50px; display: flex; flex-direction:column; justify-content:center; align-items:center; width: 120px; height: 120px; border-radius:100%; background-color: #004daa; z-index: 50; transition:.3s ease opacity;}
.quick_btn:hover {opacity: 0.8;}
.quick_btn figure {margin-bottom: 5px;}
.quick_btn p {color: #fff; font-size: 15px; line-height: 1.5333; text-align: center;}

a, a:link {color: #222; text-decoration: none; cursor:pointer; }
a:visited {color: #222;}
a:hover, a:active, a:focus {color:#222; text-decoration:none;}

.tit_box {overflow: hidden;}
.tit_box.center {text-align: center;}

.inner {margin: 0 auto; max-width:1400px; width: 100%;}


.tit_st6 {font-size: 60px; font-weight: 600;}
.tit_st6.white {color: #fff;}
.tit_st6 span {color: #1d96ef;}

.tit_st1 {font-size: 50px; font-weight: 600;}
.tit_st1.white {color: #fff;}

.tit_st5 {font-size: 46px; font-weight: 600;}
.tit_st5.blue {color: #004daa;}

.tit_st4 {font-size: 40px; font-weight: 600;}
.tit_st4.center {text-align: center;}

.tit_st3 {font-size: 34px; font-weight: 600;}
.tit_st3.white {color: #fff;}

.tit_st2 {font-size: 28px; font-weight: 600;}
.tit_st2.white {color: #fff;}


.txt_st4 {font-size: 30px;}
.txt_st4.bold {font-weight: 600;}
.txt_st4.gray {color: #ddd;}

.txt_st5 {font-size: 26px; line-height: 1.4615;}
.txt_st5.med {font-weight: 500;}
.txt_st5.bold {font-weight: 600;}
.txt_st5.blue {color: #004daa;}

.txt_st6 {font-size: 24px; line-height: 1.5;}
.txt_st6.bold {font-weight: 600;}
.txt_st6.white {color: #fff;}

.txt_st7 {font-size: 22px;}
.txt_st7.bold {font-weight: 600;}
.txt_st7.blue {color: #004daa;}

.txt_st1 {font-size: 20px; line-height: 1.5;}
.txt_st1.med {font-weight: 500;}
.txt_st1.bold {font-weight: 600;}
.txt_st1.blue {color: #004daa;}
.txt_st1.white {color:#fff;}
.txt_st1.gray {color:#666;}
.txt_st1.gray2 {color: #999;}

.txt_st2 {font-size: 18px; line-height: 1.6667;}
.txt_st2.med {font-weight: 500;}
.txt_st2.bold {font-weight: 600;}
.txt_st2.blue {color: #004daa;}
.txt_st2.gray {color: #666;}
.txt_st2.gray2 {color: #999;}
.txt_st2.white {color: #fff;}

.txt_st3 {font-size: 16px;}
.txt_st3.med {font-weight: 500;}
.txt_st3.bold {font-weight: 600;}
.txt_st3.blue {color: #004daa;}
.txt_st3.gray {color: #666;}
.txt_st3.gray2 {color: #999;}
.txt_st3.white {color: #fff;}

.vw_more {position: relative; display: inline-flex; padding:0.845em 2.385em; font-size: 16px; border:1px solid #222; background-color: #fff; transform: perspective(1px) translateZ(0); overflow: hidden; transition: .3s ease all;}
.vw_more:hover {color: #fff; border:1px solid transparent;}
.vw_more:before {content: ""; position: absolute; z-index: -1; top: 0; left: -100%; right: 0; bottom: -100%; background: #004daa; border-radius: 100%; transform: scale(0); transition:.3s ease all;}
.vw_more:hover:before {transform: scale(2);}

.plus_btn {display:inline-block; position: relative; width: 45px; height: 45px; border-radius:100%; background-color: #004daa;}
.plus_btn span {display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff;}
.plus_btn span.vtc_line {width: 2px; height: 20px;}
.plus_btn span.hrz_line {width: 20px; height: 2px;}

.slide_arrow {display: flex;}

@media(max-width:1440px){
	.inner {padding: 0 4%;}
	.tit_st6 {font-size: 52px;}
	.tit_st1 {font-size: 44px;}
	.tit_st5 {font-size: 40px;}
	.tit_st4 {font-size: 37px;}
	.tit_st3 {font-size: 30px;}
	.tit_st2 {font-size: 26px;}
	
	
	.txt_st4 {font-size: 27px;}
	.txt_st5 {font-size: 24px;}
	.txt_st6 {font-size: 22px;}
	.txt_st1 {font-size: 18px;}
	.txt_st2 {font-size: 16px;}
	.txt_st3 {font-size: 15px;}




	.vw_more {font-size: 15px;}
}
@media(max-width:1080px){
	.inner {padding: 0 4%;}

	.quick_btn {display: none;}
	.tit_st6 {font-size: 44px;}
	.tit_st1 {font-size: 38px;}
	.tit_st5 {font-size: 34px;}
	.tit_st4 {font-size: 30px;}
	.tit_st3 {font-size: 26px;}
	.tit_st2 {font-size: 24px;}
	
	
	.txt_st4 {font-size: 24px;}
	.txt_st5 {font-size: 22px;}
	.txt_st6 {font-size: 20px;}
	.txt_st7 {font-size: 19px;}
	.txt_st1 {font-size: 17px;}
	.txt_st2 {font-size: 15px;}
	.txt_st3 {font-size: 14px;}

	.vw_more {font-size: 14px;}

	.plus_btn {width: 35px; height: 35px;}
	.plus_btn span.vtc_line {height: 15px;}
	.plus_btn span.hrz_line {width: 15px;}
}
@media(max-width:768px){

	.ready_page p {margin-bottom: 20px;}

	.vw_more:hover {color: #222; border:1px solid #222;}
	.vw_more:before {display: none;}

	.inner {padding: 0 4%;}
	.tit_st6 {font-size: 36px;}
	.tit_st1 {font-size: 32px;}
	.tit_st5 {font-size: 28px;}
	.tit_st4 {font-size: 24px;}
	.tit_st3 {font-size: 22px;}
	.tit_st2 {font-size: 21px;}
	
	.txt_st4 {font-size: 21px;}
	.txt_st5 {font-size: 20px;}
	.txt_st6 {font-size: 18px;}
	.txt_st7 {font-size: 17px;}
	.txt_st1 {font-size: 16px;}
	.txt_st2 {font-size: 14px;}


	.plus_btn {width: 30px; height: 30px;}
	.plus_btn span.vtc_line {height: 10px;}
	.plus_btn span.hrz_line {width: 10px;}

	.vw_more {font-size: 13px;}
}
@media(max-width:500px){
	.tit_st6 {font-size: 28px;}
	.tit_st1 {font-size: 26px;}
	.tit_st5 {font-size: 22px;}
	.tit_st4 {font-size: 21px;}
	.tit_st3 {font-size: 20px;}
	.tit_st2 {font-size: 17px;}
	
	.txt_st4 {font-size: 19px;}
	.txt_st5 {font-size: 18px;}
	.txt_st6 {font-size: 17px;}
	.txt_st7 {font-size: 16px;}
	.txt_st1 {font-size: 15px;}
	
}

/************************* 애니메이션 *************************/
@keyframes scrAni {
    0%{
        opacity: 0;
        transform: translateY(-10px);
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        transform: translateY(10px);
    }
}

.sub_right						{width:100%; position:relative;}


.content_desc				{min-height:450px;}
/************************* 공통 끝 *************************/

/************************* header_inc 시작*************************/

.header_t {padding: 0 4.9% 0 4.5%; width:100%; display:flex; justify-content:space-between; align-items:center; position:fixed; left:0; top:0px; z-index:99; background-color: transparent; color: #fff;}
.header_logo {position: relative;}
.header_logo a {display: block;}
.header_logo img {max-width:96px; transition: .3s ease all;}
.header_logo img.on {position: absolute; top: 0; left: 0; opacity: 0; visibility:visible;}
.header_btn {display: flex; align-items:center;}
.header_btn * {transition: .3s ease all;}
.header_btn .sns_link ul {display: flex; align-items: center;}
.header_btn .sns_link li {margin-left: 20px;}
.header_btn .sns_link li:first-child {margin-left: 0;}
.header_btn .sns_link li a {display: block; position: relative;}
.header_btn .sns_link li img.on {position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden;}
.header_btn .lang_btn {margin: 0 1.3em 0 2.6em; font-size: 15px; cursor:pointer;}
.header_btn .lang_on {position: relative; display: flex; align-items:center;}
.header_btn .lang_on figure {position: relative;}
.header_btn .lang_on figure img.on {position: absolute; top: 0; left: 0; opacity: 0; visibility:hidden;}
.header_btn .lang_on figure.icon01 img {max-width: 17px;}
.header_btn .lang_on div {display: flex; align-items: center;}
.header_btn .lang_on span {display: inline-block; padding:0 0.5em 0 0.8em; font-weight: 500;}
.header_btn .lang_on figure.icon02 img {max-width: 8px;}
.header_btn .lang_on figure.icon02 img.on {top: 8px;}
.header_btn .lang_on ul {position: absolute; bottom: -40px; width: 100%; background-color: #fff; box-shadow:0 2px 4px rgba(0,0,0,0.15); opacity: 0; visibility:hidden; z-index: 10;}
.header_btn .lang_btn.on .lang_on ul {bottom: -50px; opacity: 1; visibility:visible;}
.header_btn .lang_on ul li a {display: block; color: #222; text-align: center; padding:0.4em 0;}
.header_btn .lang_on ul li:first-child a {padding-top: 0.8em;}
.header_btn .lang_on ul li:last-child a {padding-bottom: 0.8em;}

.mo_nav *{transition:.3s ease all;}
.mo_nav .navbar-toggle {position: relative; background-color:transparent; background-image:none; border-radius:3px; border:0; padding: 0;}
.mo_nav .navbar-toggle:focus {outline: 0;}
.mo_nav .navbar-toggle .icon-bar {display:block; margin-bottom: 7px; width:28px; height:2px; background:#fff; }
.mo_nav .navbar-toggle .icon-bar:last-of-type {margin-bottom: 0;}

.f-nav{background-color: #fff; border-top: 1px solid #ddd;}
.f-nav .header_logo img.off {opacity: 0; visibility: hidden;}
.f-nav .header_logo img.on {opacity: 1; visibility: visible;}
.f-nav .header_btn .sns_link li img.on {opacity: 1; visibility: visible;}
.f-nav .header_btn .sns_link li img.off {opacity: 0; visibility: hidden;}
.f-nav .header_btn .lang_on figure img.on {opacity: 1; visibility: visible;}
.f-nav .header_btn .lang_on figure img.off {opacity: 0; visibility: hidden;}
.f-nav .header_btn .lang_on span {color: #222;}
.f-nav .mo_nav .navbar-toggle .icon-bar {background-color: #222;}

@media(max-width:1440px){
	.header_t {padding: 0 4%;}
	.header_btn .lang_on ul li a {font-size: 14px;}
	.header_btn .sns_link {display: none;}
}
@media(max-width:1080px){
	.header_t {height: 80px;}
	.header_btn .lang_on ul {bottom: -55px;}
	.header_btn .lang_btn.on .lang_on ul {bottom: -65px;}
	.header_btn .lang_on ul li a {font-size: 13px;}
}
@media(max-width: 768px){
	.header_logo img {max-width:76px;}
	.header_btn .lang_on ul li a {font-size: 12px;}
}

/************************* header_inc 끝*************************/

/************************* main_inc 시작*************************/
.sec1 {position: relative; color: #fff; }
.sec1 .main_txt {position: absolute; width: 100%; padding:0 16px; top: 49%; left: 50%; transform:translate(-50%, -50%); z-index: 10; text-align: center;}
.sec1 .main_txt p {font-size: 22px;}
.sec1 .main_txt h1 {margin-top: 0.175em; font-size: 72px; font-weight: 700;}
.sec1 .main_video {height: 100vh; overflow: hidden;}
.sec1 .main_video iframe{position:absolute; width:150%;height:150%; left: 50%; top: 50%; transform:translate(-50%, -50%);}
.sec1 .main_video video{position:absolute; width:150%;height:150%; left: 50%; top: 50%; transform:translate(-50%, -50%);}
.sec1 .scr_down {position: absolute; bottom: 5%; left: 50%; transform:translateX(-50%); cursor: pointer; z-index: 10; display: block; color: #fff; transition:.3s ease all;}
.sec1 .scr_down p {font-size: 13px; margin-bottom: 26px; transition:.3s ease all;}
.sec1 .scr_down:hover p {font-size: 14px; font-weight: 500;}
.sec1 .scr_down .scr_btn .scr_arr {margin: 0 auto 9px; width: 0px; height: 0px; border-top: 6px solid #fff;; border-left: 5px solid transparent; border-right: 5px solid transparent; animation: scrAni 2s infinite;}
.sec1 .scr_down .scr_btn .scr_arr:nth-child(2) {animation-delay: -0.2s;}
.sec1 .scr_down .scr_btn .scr_arr:last-child {margin-bottom: 0; animation-delay: -0.4s;}

@media(max-width:1440px){
	.sec1 .main_txt p {font-size: 20px;}
	.sec1 .main_txt h1 {font-size: 62px;}
}
@media(max-width:1080px){
	.sec1 .main_video iframe {width: 1430px; height: 900px;}
	.sec1 .main_video video {width: 1430px; height: 900px;}
	.sec1, .sec1 .fp-tableCell {height: 800px !important;}
	.sec1 .main_video {height: 100%; width: auto;}
	.sec1 .main_txt p {font-size: 18px;}
	.sec1 .main_txt h1 {font-size: 52px;}
	.sec1 .scr_down {bottom: 12%;}
}
@media(max-width:768px){
	.sec1 .main_txt {top: 44%;}
	.sec1 .main_txt p {font-size: 15px;}
	.sec1 .main_txt h1 {font-size: 42px;}
	.sec1 .scr_down {bottom: 4%;}
	.sec1 .scr_down:hover p {font-size: 13px; font-weight: 400;}
}
@media(max-width:500px){
	.sec1, .sec1 .fp-tableCell {height: 650px !important;}
	.sec1 .main_video iframe {width: 1200px; height: 900px;}
	.sec1 .main_video video {width: 1200px; height: 900px;}
	.sec1 .main_txt p {font-size: 14px;}
	.sec1 .main_txt h1 {font-size: 32px;}
}

.sec2 .fp-tableCell {display: flex;}
.sec2 .swiper {width: 50%; height: 100%; overflow: hidden;}
.sec2 .img_slider .swiper-slide {background-size:cover; background-position: center; background-repeat: no-repeat;}

.sec2 .txt_slider {position: relative;}
.sec2 .txt_slider .swiper-slide {padding-top: 90px;}
.sec2 .txt_slider .swiper-slide .ct {padding:6% 15% 10% 6%;}
.sec2 .txt_slider .swiper-slide .ct .txt_box {position: relative; padding-right: 15%;}
.sec2 .txt_slider .swiper-slide .ct .tit_st1 {margin:0.35em 0 0.5em;}
.sec2 .txt_slider .swiper-slide .ct .txt_st1 {margin-bottom: 1em;}
.sec2 .txt_slider .swiper-slide .ct .txt_st2 {margin-bottom: 0.5em;}
.sec2 .txt_slider .swiper-slide .ct .txt_st2:last-of-type {margin-bottom: 0;}
.sec2 .txt_slider .swiper-slide .ct figure {position: absolute; top: 0; right: 0;}
.sec2 .txt_slider .swiper-slide .ct .vw_more {margin-top: 20px;}


.sec2 .txt_slider .slide_state {position: absolute; display: flex; align-items: center; bottom: 4%; left:6%; z-index: 10;}
.sec2 .txt_slider .swiper-arrow {position: static; display: inline-flex; justify-content:center; align-items:center; width: 40px; height: 40px; border-radius:100%; background-color: #ddd; transition: .3s ease all;}
.sec2 .txt_slider .swiper-arrow:hover {background-color: #004daa;}
.sec2 .txt_slider .swiper-arrow i {font-size: 17px; font-weight: 700; color: #222; transition: .3s ease all;}
.sec2 .txt_slider .swiper-arrow:hover i {color: #fff;}
.sec2 .txt_slider .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {display: none;}
.sec2 .txt_slider .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {display: none;}
.sec2 .txt_slider .swiper-button-next, .swiper-button-prev {margin-top: 0 !important;}
.sec2 .txt_slider .swiper-button-next {margin-left: 10px;}
.sec2 .txt_slider .swiper-pagination {position: static !important;}
.sec2 .txt_slider .swiper-pagination-fraction {margin-left: 30px;}
.sec2 .txt_slider .swiper-pagination-fraction .swiper-pagination-current {font-weight: 600; color: #222;}

@media(max-width:1440px){
	.sec2 .txt_slider .swiper-slide .ct {padding:10% 12% 10% 6%;}
	.sec2 .txt_slider .swiper-slide .ct figure {transform: translateY(20px);}
	.sec2 .txt_slider .swiper-slide .ct .txt_st2 br {display: none;}
}
@media(max-width:1080px){
	.sec2 {margin-bottom: 6%;}
	.sec2, .sec2 .fp-tableCell {height: auto !important; }
	.sec2 .fp-tableCell {flex-direction:column;}
	.sec2 .img_slider {width: 100%; height: 50vw; min-height: 280px;}
	.sec2 .txt_slider {width: 100%;}
	.sec2 .txt_slider {height: auto;}
	.sec2 .txt_slider .swiper-slide {padding-top: 0;}
	.sec2 .txt_slider .swiper-slide .ct {position: relative; padding: 6% 4% 0 4%;}
	.sec2 .txt_slider .swiper-slide .ct .tit_st1 {padding-right: 25%;}
	.sec2 .txt_slider .swiper-slide .ct .tit_st1 br {display: none;}
	
	.sec2 .txt_slider .swiper-slide .ct figure {position: absolute; top:16%; right: 4%; transform: none;}
	.sec2 .txt_slider .swiper-slide .ct figure img {max-height: 90px;}
	.sec2 .txt_slider .slide_state {left: auto; bottom: 0; right: 4%;}
	.sec2 .txt_slider .slide_state .swiper-pagination-fraction {width: auto;}
}
@media(max-width:768px){
	.sec2 .txt_slider .swiper-arrow {width: 36px; height: 36px;}
	.sec2 .txt_slider .swiper-arrow i {font-size: 17px;}
	.sec2 .txt_slider .swiper-pagination-fraction {margin-left: 15px;}
	.sec2 .txt_slider .swiper-arrow:hover {background-color: #ddd;}
	.sec2 .txt_slider .swiper-arrow:hover i {color: #222;}
	.sec2 .txt_slider .swiper-slide .ct figure {display: none;}
}
@media(max-width:500px){
	.sec2 .txt_slider .swiper-arrow {width: 24px; height: 24px;}
	.sec2 .txt_slider .swiper-arrow i {font-size: 12px;}
}

.sec3 {background:url('./img/ms03_bgimg.jpg') no-repeat center / cover;}
.sec3 .ct_wrap {padding-top: 6%;}
.sec3 .tit_box {margin-bottom: 95px;}
.sec3 ul {display: flex; justify-content:space-between; flex-flow:row wrap;}
.sec3 ul * {transition:.3s ease all;}
.sec3 ul li {position: relative; width: 23%; border:1px solid #fff; text-align: center; overflow: hidden;}
.sec3 ul li:hover {border:1px solid transparent;}
.sec3 ul li figure {margin-bottom: 20px;}
.sec3 ul li figure img {height: 50px;}
.sec3 ul li .basic_box {display: flex; justify-content:center; align-items: center; flex-direction: column;  height: 320px; padding: 4%;}
.sec3 ul li:hover .basic_box {transform:translateY(-100%); opacity: 0; visibility: hidden;}
.sec3 ul li .basic_box .txt_st1  {height: 80px;}
.sec3 ul li .hover_txt {position: absolute; display: flex; justify-content: center; align-items: center; top: 100%; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); opacity: 0; visibility: hidden;}
.sec3 ul li:hover .hover_txt {top: 0; opacity: 1; visibility: visible;}


@media(max-width:1080px){

	.sec3, .sec3 .fp-tableCell {height: auto !important;}
	.sec3 .ct_wrap {padding:15% 0;}
	.sec3 ul li {height: auto; flex-direction: column; margin-bottom: 4%; width: 48%; padding:4%; display: flex; justify-content: center; align-items: center;}
	.sec3 ul li:nth-child(3),.sec3 ul li:nth-child(4) {margin-bottom: 0;}
	.sec3 ul li .basic_box {width: 100%; height:auto;}
	.sec3 ul li:hover {border:1px solid #fff;}
	.sec3 ul li:hover .basic_box {transform:none; opacity: 1; visibility: visible;}
	.sec3 ul li .basic_box .txt_st1 {padding-top: 0; height: auto;}
	.sec3 ul li .basic_box figure {margin:20px 0 24px;}


	.sec3 ul li .hover_txt {position: static; opacity: 1; visibility:visible; background-color: transparent;}


}
@media(max-width:768px){
	.sec3 .tit_box {margin-bottom: 50px;}
	.sec3 ul li figure img {height: 46px;}

}

@media(max-width:500px){
	.sec3 ul li {margin-bottom: 2%; width: 49%;}
}


/************************* main_inc 끝*************************/

/************************* title_navi 시작 *************************/
.navi_all {width:100%; margin:0 auto; background:#fff; height:50px; border-bottom:1px solid #ddd; }
.navi_in	{margin:0 auto; padding:0;max-width:1280px; margin:0 auto;}
.navi_in:after		{clear:both; content:''; display:block; width:100%;}

.home_btn_all						{float:left; width:10%; max-width:50px;  border-right:1px solid #efefef;}
.home_btn_all a					{display:block; height:49px; line-height:50px; text-align:center;}
.home_btn_all a:hover		{background:#f8f8f8; }
.home_btn_all a img			{max-width:100%; height:auto; vertical-align:middle;}

.navi_left					{float:left; width:90%; max-width:550px;}
.navi_left:after		{clear:both; content:''; display:block; width:100%;}
.navi_left div			{float:left;}

.navi_main		{width:50%; max-width:250px; padding:0 0 0 0; height:50px; position:relative; line-height:50px;  cursor:pointer; border-right:1px solid #efefef;}
.navi_title01	{padding:0 0 0 0; height:40px; width:100%; position:relative; line-height:50px; }
.navi_title01 h1 {color:#777; font-size:14px; margin-left:10px; width:100%;}
.navi_title01 h1.sub_menu:hover { color:#333; }

.navi_main h1 { color:#777; font-size:14px; margin-left:10px;}
.navi_main h1.sub_manu:hover { color:#333; }
.navi_main > .deco_right { float:right;  }

.navi_main >a.down_btn1	{position:absolute; right:10px; top:0px;}
.navi_main >a.down_btn2	{position:absolute; right:10px; top:0px;}
.navi_main >a.down_btn3	{position:absolute; right:10px; top:0px;}

.h1_focus	{color:#333 !important;;}

.navi_sub {width:50%; max-width:250px; padding:0; height:50px; line-height:50px; position:relative; cursor:pointer; border-right:1px solid #efefef;}
.navi_sub > h2						{ color:#333333; font-size:14px;  cursor:pointer; margin-left:10px;}
.navi_sub>a.down_btn4	{position:absolute; right:10px; top:0px; }

.navi_sub > p						{float:right; }

.extend1							{position:relative; top:-1px; width:100%; }
.extend1 > ul				{position:absolute;left:-1px; min-height:1px;width:100%;padding-left: 0px; padding:0px 0 10px 0; border-top:0;z-index: 999; background:#fff; border:1px solid #efefef; display:none;}
.extend1 > ul a { text-decoration:none; }


.extend2							{position:relative; top:-1px; width:100%;}
.extend2 > ul				{position: absolute;left:-1px; min-height:1px; width:100%; padding-left:0px; z-index: 999; background:#fff; border:1px solid #efefef; display:none; padding:0px 0 10px 0; }
.extend2 > ul a { text-decoration:none; }
.extend2 h1 { }

.extend > ul > li		{min-height:20px;}
.down_btn			{cursor:pointer; }

/************************* title_navi 끝 *************************/

/************************* sub 시작 *************************/
.s_tit p.txt_st2 {margin-bottom: 0.82em;}
.s_tit span.txt_st2 {display:inline-block; margin-top: 0.5em;}
.s_tit span.txt_st2 b {color: #222;}
.s1n_a {padding:110px 0 120px;}

.s1n_a .tit_box {margin-bottom: 48px;}
.s1n_a .ct_wrap {position: relative;}
.s1n_a .s1n_slider {overflow: hidden;}
.s1n_a .s1n_arrow {top: 50%; transform:translateY(-50%);}
.s1n_a .swiper-pagination {display: none;}
.s1n_a .swiper-button-prev {left: -84px;}
.s1n_a .swiper-button-next {right: -84px;}

.s1n_b {padding:109px 0 120px; background-color: #f8f8f8;}
.s1n_b .tit_box {margin-bottom: 42px; overflow: hidden;}
.s1n_b .ct_wrap {border-top:2px solid #004daa;}
.s1n_b .ct_wrap .ct {display: flex; flex-flow: row wrap; align-items: flex-start; justify-content:space-between; padding:50px 3.5% 50px 0; border-bottom:1px solid #ddd;}
.s1n_b .ct_wrap .ct_tit {display: flex; align-items:center; margin-bottom: 15px; width: 30%;}
.s1n_b .ct_wrap .ct_desc {width: 68%;}
.s1n_b .ct_wrap .ct_tit figure {width: 70px;}
.s1n_b .ct_wrap .ct_tit h4 {width:calc(100% - 70px);}

@media(max-width: 1600px){
	.s1n_a .s1n_arrow {display: none;}
	.s1n_a .swiper-pagination {display: block; margin-top: 5%; width: 100%; text-align: center;}
	.s1n_a .swiper-pagination .swiper-pagination-bullet {width: 16px; height: 16px; margin:0 8px; background-color: #ddd; opacity: 1;}
	.s1n_a .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #004daa;}
}
@media(max-width:1440px){
	.s1n_b .ct_wrap .ct_desc br {display: none;}
}
@media(max-width:1080px){
	.s_tit span.txt_st2 br {display: none;}
	.s1n_b .ct_wrap .ct {padding:40px 3.5% 40px 0;}
	.s1n_b .ct_wrap .ct_tit {width: 100%;}
	.s1n_b .ct_wrap .ct_desc {width: 100%;}
	
}

@media(max-width:768px){
	.s1n_a {padding: 90px 0 80px}
	.s1n_a .tit_box {margin-bottom: 24px;}
	.s1n_a .s1n_arrow img {max-width:15px;}

	.s1n_b {padding: 70px 0 80px;}
	.s1n_b .tit_box {margin-bottom: 24px;}
	.s1n_b .ct_wrap .ct {padding:30px 3.5% 30px 0;}
	.s1n_b .ct_wrap .ct_tit figure {width: 45px;}
	.s1n_b .ct_wrap .ct_tit figure img {height: 30px;}
}

@media(max-width:500px){
	.s1n_a .swiper-pagination .swiper-pagination-bullet {width: 12px; height: 12px; margin:0 6px;}
}

.sub_tabmenu {padding: 93px 0 50px;}
.sub_tabmenu .depth3 {margin:86px 0 92px; display: flex; justify-content: center;}
.sub_tabmenu .depth3 li {width: 33.3334%; border:1px solid #ddd; border-left:none;}
.sub_tabmenu .depth3 li:first-child {border-left:1px solid #ddd;}
.sub_tabmenu .depth3 li.on {border:1px solid #004daa;}
.sub_tabmenu .depth3 li .txt_st2 {height: 68px; padding: 0 8px;  display: flex; justify-content:center; align-items:center; background-color: #f8f8f8; color: #666; text-align: center;}
.sub_tabmenu .depth3 li.on .txt_st2 {background-color: #004daa; color:#fff;}

.sub_tabmenu .depth4 {display: none;}
.sub_tabmenu .depth4.on {display: flex;}
.sub_tabmenu .depth4 li {flex: 1 auto;}
.sub_tabmenu .depth4_2 li {width: 33.3334%;}
.sub_tabmenu .depth4 li a {position: relative; padding-bottom: 0.6em; display: flex; justify-content:center; color: #999; border-bottom:2px solid #999;}
.sub_tabmenu .depth4 li a:after {position: absolute; content:''; display: inline-block; top: 8px; right: 0; width: 1px; height: 18px; background-color: #ddd;}
.sub_tabmenu .depth4 li:last-child a:after {display: none;}
.sub_tabmenu .depth4 li.on a {color: #004daa; border-bottom:2px solid #004daa;}

.vd_list {display: none;}
.vd_list.on {display: block;}
.vd_list ul li {margin-bottom: 100px; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center;}
.vd_list ul li:last-child {margin-bottom: 0;}
.vd_list .vd_info {width: 65%;}
.vd_list .vd_info h4 {margin-bottom: 1.5em; text-align: center;}
.vd_list .vd_box {display: flex; justify-content: space-between;}
.vd_list .vd_box div {padding:17px 8px; width: 33.3334%; text-align: center;}
.vd_list .vd_box div:nth-child(2) {border-left:1px solid #ddd; border-right:1px solid #ddd;}
.vd_list .vd_box div i {font-size: 36px; margin-bottom: 6px;}
.vd_list .vd_box div figure {margin-bottom: 15px;}
.vd_list .vd_box div p {margin-bottom: 1em;}

.more_list {display: none; flex-flow:row wrap;}
.more_list.on {display: flex;}
.more_list div {padding:0 20px 20px; width: 24%; min-height: 350px; margin:0 1.3334% 30px 0; background-color: #fff; border:1px solid #ddd;}
.more_list div:nth-child(4n) {margin-right: 0;}
.more_list h4 {margin-bottom: 1em; padding:1em 0; text-align: center; border-bottom:1px solid #ddd;}
.more_list .dot_list li p {margin-top: 1em;}

@media(max-width:1440px){
	.vd_list ul li {margin-bottom: 80px;}
	.vd_list ul li .img_box {width: 38%;}
	.vd_list .vd_info {width: 60%;}
}


@media(max-width: 1080px){
	.sub_tabmenu {padding: 73px 0 40px;}
	.sub_tabmenu .depth3 {margin: 66px 0 72px;}

	.vd_list ul li {margin-bottom: 60px;}

	.more_list div {padding:0 16px 16px; width: 32%; min-height: 300px; margin: 0 2% 20px 0;}
	.more_list div:nth-child(4n) {margin-right: 2%;}
	.more_list div:nth-child(3n) {margin-right: 0%;}
}

@media(max-width: 768px){
	.sub_tabmenu {padding: 53px 0 30px;}
	.sub_tabmenu .depth3 {margin: 46px 0 52px;}
	.sub_tabmenu .depth3 li .txt_st2 {height: 60px;}

	.vd_list ul li {margin-bottom: 40px;}
	.vd_list .vd_info h4 {margin-bottom: 1em;}
	.vd_list .vd_box {flex-wrap: wrap;}
	.vd_list .vd_box div {padding:12px 4px; width: 100%; display: flex; justify-content:space-between; align-items: center;}
	.vd_list .vd_box div:nth-child(2) {border:none;}
	.vd_list .vd_box div figure {display: none;}
	.vd_list .vd_box div p {margin-bottom: 0; padding:0 4%; width: 50%; border-right:1px solid #ddd;}
	.vd_list .vd_box div h3 {padding:0 4%; width: 50%;}

	.more_list div {padding:0 12px 12px; width: 49%; min-height: 250px; margin: 0 2% 20px 0;}
	.more_list div:nth-child(4n) {margin-right: 0;}
	.more_list div:nth-child(3n) {margin-right: 2%;}
	.more_list div:nth-child(2n) {margin-right: 0;}
}
@media(max-width: 500px){
	.sub_tabmenu {padding: 33px 0 20px;}
	.sub_tabmenu .depth3 {margin: 26px 0 32px;}
	.sub_tabmenu .depth3 li .txt_st2 {height: 60px;}

	.vd_list ul li {margin-bottom: 40px; flex-wrap:wrap;}
	.vd_list ul li .img_box {margin-bottom: 4%; width: 100%;}
	.vd_list .vd_info {width: 100%;}

	.more_list div {width: 100%; min-height: 200px;}
	.more_list div:nth-child(3n) {margin-right: 0%;}
}

.sn1_a > figure {overflow: hidden; margin: 0 4%; text-align: center;}
.sn1_a > figure img {animation: imgControl 4s forwards;}
.sn1_a > .tit_st4 {text-align: center; padding:2.3em 0 2.15em;}
.sn1_a > .tit_st4 br {display: none;}
.sn1_a .tit_box {width: 50%;}
.sn1_a .tit_box .tit_st5 {margin-bottom: 0.46em;}
.sn1_a .txt_box {width: 44.3%;}
.sn1_a .txt_box .txt_st1 {line-height: 1.6; margin-bottom: 1.8em;}
.sn1_a .txt_box .txt_st1:first-child {margin-top: 0.25em;}
.sn1_a .txt_box .txt_st1:last-child {margin-bottom: 0;}
.sn1_a .tit_box figure {margin-bottom: 54px;}
.sn1_a .tit_box a {display: inline-block;}
.sn1_a .ct_wrap {display: flex;  padding:63px 0 107px; justify-content: space-between; flex-flow: row wrap;}
.sn1_a .ct_wrap.pt0 {padding-top: 0;}

@media(max-width: 1080px){
	.sn1_a .tit_box {width: 45%;}
	.sn1_a .tit_box figure {margin-bottom: 45px;}
	.sn1_a .tit_box figure img {max-width:300px;}
	.sn1_a .tit_box .txt_st5 br {display: none;}
	.sn1_a .txt_box {width: 45%;}
	.sn1_a .txt_box .txt_st1 br {display: none;}
}
@media(max-width:768px){
	.sn1_a .tit_box figure {margin-bottom: 35px;}
	.sn1_a .tit_box figure img {max-width:240px;}
	.sn1_a .ct_wrap {padding:45px 0 60px;}
}
@media(max-width: 500px){
	.sn1_a .tit_box figure {margin-bottom: 25px;}
	.sn1_a .tit_box figure img {max-width:180px;}
	.sn1_a .tit_box a img {max-width:15px;}
	.sn1_a .tit_box {margin-bottom: 20px; width: 100%;}
	.sn1_a .txt_box {width: 100%;}
	.sn1_a .txt_box .txt_st1:first-child {margin-top: 0;}
}


.s21_b {padding:112px 0 120px; background-color: #f8f8f8;}
.s21_b .tit_box {margin-bottom: 43px;}
.s21_b .ct_wrap {position: relative;}
.s21_b .ct_wrap .app_slider {position: relative; margin: 0 auto; max-width:1320px; overflow: hidden;}

.s21_b .ct_wrap ul li a {padding: 0 4.25%; margin: 0 auto; display: flex; flex-direction:column; justify-content:center; align-items:center; width:270px; height:270px;  border:4px solid #004daa; background-color: #fff; border-radius:100%; text-align: center;}
.s21_b .ct_wrap ul li figure {width: 100%; margin: 6px 0 14px; padding-bottom: 21px; text-align: center; border-bottom:2px solid #004daa;}
.s21_b .ct_wrap ul li figure img {height: 60px;}

.s21_b .ct_wrap .swiper-button-prev, 
.s21_b .ct_wrap .swiper-button-next {top: 50%; transform:translateY(-50%);}
.s21_b .ct_wrap .swiper-button-prev {left: -20px;}
.s21_b .ct_wrap .swiper-button-next {right: -20px;}

@media(max-width:1440px){
	.s21_b .ct_wrap ul li a {max-width:270px; max-height: 270px; width: 21vw; height: 21vw; min-width: 154px; min-height: 154px; }
}
@media(max-width:1080px){
	.s21_b .ct_wrap ul li figure {margin-top: 0;}
	.s21_b .ct_wrap ul li figure img {height: 50px;}
}
@media(max-width:768px){
	.s21_b {padding:70px 0 80px;}
	.s21_b .ct_wrap ul {max-width: 360px;}
	.s21_b .ct_wrap ul li a {border:2px solid #004daa;}
	.s21_b .ct_wrap ul li figure img {height: 40px;}
}
@media(max-width:500px){
	.s21_b .ct_wrap .swiper-button-prev {left: 0;}
	.s21_b .ct_wrap .swiper-button-next {right: 0;}
	.s21_b .ct_wrap .swiper-button-prev img, 
	.s21_b .ct_wrap .swiper-button-next img {height: 25px;}
}

.s21_c {padding:114px 0 112px; overflow: hidden;}
.s21_c.pt0 {padding-top: 0;}
.s21_c.pt80 {padding-top: 80px;}
.s21_c .tit_box {margin-bottom: 43px;}
.s21_c .tab_slider {display: none;}
.s21_c .tab_slider.on {display: block;}

.content_tab {margin-bottom: 100px; display: flex; justify-content:center; flex-wrap: wrap;}
.content_tab li {margin:0 10px 10px; width: 175px;}
.content_tab li a {display: flex; padding:1.22em 0; justify-content:center; border:1px solid #ddd; border-radius: 8px; text-align: center;}
.content_tab li.on a {background-color: #004daa; color: #fff; border: 1px solid transparent}

@media(max-width:1080px){
	.content_tab li {width: 32%;}
}
@media(max-width:768px){
	.content_tab {margin-bottom: 50px;}
}
@media(max-width:500px){
	.content_tab li {width: 45%; margin:0 5px 5px;}
}

.s21_c .tab_slider .swiper {position: relative; margin-bottom: 12px;}
.s21_c .tab_slider .tab_arrow {display: inline-flex; justify-content:center; align-items: center; top: 50%; transform:translateY(-50%); width: 63px; height: 83px; z-index: 10; background-color: #222;}
.s21_c .tab_slider .swiper-button-prev {left: 0;}
.s21_c .tab_slider .swiper-button-next {right: 0;}
.s21_c .slide_state {display: flex; justify-content:space-between; align-items: center;}
.s21_c .slide_state .swiper-pagination {position: static !important; width: auto;}
.s21_c .slide_state .swiper-pagination-fraction .swiper-pagination-current {font-weight: 600; color: #222;}
.s21_c .slide_state .slide_progress {position: relative; width: 1324px; height: 2px;}
.s21_c .slide_state .slide_progress div {position: absolute; width: auto; height: 100%; background-color: #ddd; left: 0; right: 0; opacity: 0;}
.s21_c .slide_state .slide_progress.active div {opacity: 1;}
.s21_c .slide_state .slide_progress div:after {position: absolute; top: 0; left: 0; background-color: #000; width: 0; height: 100%; content:'';}
.s21_c .slide_state .slide_progress.animate div:after {width: 100%; transition: width linear; transition-delay: unset; transition-duration: 5s;}

.s21_c .img_wrap {display: flex; flex-flow:row wrap;}

@media(max-width:1440px){
	.s21_c .slide_state .slide_progress {width: 90%;}
}
@media(max-width:1080px){
	.s21_c .slide_tab li  {margin: 0 5px;}
	.s21_c .tab_slider .tab_arrow {width: 55px; height: 73px;}
	.s21_c .tab_slider .tab_arrow img {max-width:16px;}
}
@media(max-width: 768px){
	.s21_c {padding: 12% 0 15%;}
	.s21_c.pt80 {padding-top: 10%;}
	.s21_c .slide_tab {margin-bottom: 50px;}
	.s21_c .slide_tab li  {width: 22%; margin: 0 1%;}
	.s21_c .slide_tab li a {padding: 0 0.5em; height:70px; display: flex; justify-content: center; align-items: center;}
	.s21_c .tab_slider .tab_arrow {display: none; width: 50px; height: 66px;}
	.s21_c .tab_slider .tab_arrow img {max-width:13px;}
}
@media(max-width: 500px){
	.s21_c .slide_tab li {width: 49%; margin: 0 0.5%; margin-bottom: 10px;}
	.s21_c .slide_tab li a {height: 60px;}
	.s21_c .tab_slider .tab_arrow {width: 45px; height: 59px;}
	.s21_c .tab_slider .tab_arrow img {max-width:10px;}

	.s21_c .slide_state .slide_progress {width: 85%;} 
}

.s21_d {padding:111px 0 102px; background-color: #f8f8f8;}
.s21_d .tit_box {margin-bottom: 44px;}
.s21_d .ct_wrap {position: relative; display: none;}
.s21_d .ct_wrap:after {content:''; clear:both; display: block;}
.s21_d .ct_wrap.on {display: block;}
.s21_d .ct_wrap figure {position: absolute; top: 50%; left: 0; transform:translateY(-50%); width: 37%; text-align: right;}
.s21_d .ct_wrap table {float:right; width: 50%; border-top:2px solid #004daa;}
.s21_d .ct_wrap table.full_table {width: 100%; float:none;}
.s21_d .ct_wrap tr {border-bottom:1px solid #ddd;}
.s21_d .ct_wrap th {padding:0.8em 12px;; width: 34%; border-right:1px solid #ddd; text-align: center;}
.s21_d .ct_wrap th.cate {background-color: #004daa; color: #fff;}
.s21_d .ct_wrap td {padding: 0.8em 12px; width: 83%; border-right:1px solid #ddd;}
.s21_d .ct_wrap td.cate {background-color: #004daa; color: #fff;}
.s21_d .ct_wrap td p {margin-bottom: 0.5em;}
.s21_d .ct_wrap td p:first-child {margin-top: 0.4em;}
.s21_d .ct_wrap td p:last-child {margin-bottom: 0.4em;}
.s21_d .ct_wrap td:last-child {border-right:none;}
.s21_d .ct_wrap table.full_table th {width: 25%; text-align: center;}
.s21_d .ct_wrap table.full_table td {width: 15%; text-align: center; }
.s21_d .ct_wrap table.full_table tr:first-child td {padding:0.8em 12px;}

@media(max-width:1440px){
	.s21_d .ct_wrap figure {}
	.s21_d .ct_wrap figure img {max-width:80%;}
}
@media(max-width:768px){
	.s21_d {padding: 70px 0 80px;}
	.s21_d .tit_box {margin-bottom: 24px;}
	.s21_d .ct_wrap figure {margin-bottom: 40px; position: static; transform:none; width: 100%; text-align: center;}
	.s21_d .ct_wrap figure img {max-width:40%;}
	.s21_d .ct_wrap table {width: 100%;} 
}

@media(max-width:600px){
	.s21_d .ct_wrap.x_srl {overflow-x: scroll;}
	.s21_d .ct_wrap table.full_table {width: 600px;}
}

.s22 .sn1_a .txt_box {width: 50%;}

.s22_b {padding:80px 0; background-color: #f8f8f8}
.s22_b .inner {display: flex; justify-content: space-between; align-items:center}
.s22_b .ct_wrap {display: flex; width: 83%; max-width:1160px; justify-content: space-between;}
.s22_b .ct_box {width: 46.6%; max-width:540px;}
.s22_b .ct_box > .txt_st1 {padding:0.75em 12px; background-color: #666666; text-align: center; border-radius: 20px 20px 0 0;}
.s22_b .ct_box.ct1 .ct {display: flex; height: calc(100% - 60px); justify-content:center; justify-content: space-between; background-color: #f8f8f8;}
.s22_b .ct_box.ct1 .ct .desc {padding: 42px 5.5% 50px; display: flex; flex-direction: column; justify-content:space-between; width: 48.5%; max-width:260px; text-align: center; background-color: #fff; border-radius: 0 0 20px 20px;}
.s22_b .ct_box.ct1 .ct .desc figure {display: flex; justify-content:center; align-items: center;}
.s22_b .ct_box.ct1 .ct .desc .txt_st2  {margin-bottom: 10px; padding:3px 12px; display: flex; flex-direction: column; justify-content: center; align-items: center; border:2px solid #666; border-radius: 30px;}
.s22_b .ct_box.ct1 .ct .desc .txt_st2:last-child {margin-bottom: 0;}
.s22_b .ct_box.ct1 .ct .desc:last-child .txt_st2 {height: 150px;}
.s22_b .ct_box.ct2 {background-color: #fff; border-radius: 0 0 20px 20px;}
.s22_b .ct_box.ct2 ul {padding:50px 7.4%;}
.s22_b .ct_box.ct2 li {padding:13px 6% 13px 17%; display: flex; align-items:center; border:2px solid #666; border-radius: 30px;}
.s22_b .ct_box.ct2 li .txt_st2 {margin-left: 1.6em;}
.s22_b .ct_box.ct2 li figure {width: 40px;}
.s22_b .ct_box.ct2 li.noborder {padding:0; border:none; border-radius:0; text-align: center; justify-content: center;}
.s22_b .ct_box.ct2 li .txt_st1 {margin-left: 1.6em;}
.s22_b .ct_box.ct2 li:last-child {margin-top: 10px;}

@media(max-width:1080px){
	.s22_b .ct_wrap {width: 100%; max-width: none; flex-wrap: wrap;}
	.s22_b .down_arrow {display: none;}
	.s22_b .ct_box {margin-bottom: 30px; max-width:none; width: 70%; position: relative;}
	.s22_b .ct_box.ct1 .ct {height: auto;}
	.s22_b .ct_box.ct1 {width: 100%;}
	.s22_b .ct_box.ct2 {margin-bottom: 0;}
	.s22_b .ct_box.ct2:after {content:''; position: absolute; display: inline-block; top: 50%; transform:translateY(-50%); right: -37%; max-width:163px; max-height:434px; width: 20vw; height: 54vw; background:url('./img/s22b_down2.png') no-repeat center / cover;}
	.s22_b .ct_box.ct1 .ct .desc {padding: 30px 4% 40px 4%;}
	.s22_b .ct_box.ct1 .ct .desc:last-child .txt_st2 {height: 124px;}
	.s22_b .ct_box.ct1 .ct .desc {max-width:none;}

	.s22_b .ct_box.ct2 li {padding:13px 8%;}
	.s22_b .ct_box.ct2 li figure {width: 30px;}
	.s22_b .ct_box.ct2 li img {height: 30px;}
}

@media(max-width: 768px){
	.s22_b {padding: 60px 0;}
}

@media(max-width: 500px){
	.s22 .sn1_a .txt_box {width: 100%;}
	.s22_b .ct_box.ct1 .ct .desc:last-child .txt_st2 {height: 117px;}
}

.s22_c {padding-top: 108px;}
.s22_c .tit_box {margin-bottom: 66px;}

.num_list {display: flex; flex-flow:row wrap;}
.num_list li {position: relative; width: 31.5%; padding:0 12px; margin: 0 2.75% 60px 0; border:1px solid #ddd; text-align: center; min-height: 197px;}
.num_list li:nth-child(3n) {margin-right: 0;}
.num_list li .txt_st2 {position: absolute; display: inline-flex; justify-content:center; align-items: center; top: -25px; left: 50%; transform:translateX(-50%); width: 50px; height: 50px; border-radius: 100%; background-color: #004daa;}
.num_list li .txt_st1 {padding:3.9em 0 2em; line-height: 1.6;}

.dot_list .txt_st6 {padding:1em 0 0.7em;text-align: center;}
.dot_list .txt_st2 {position: relative; margin-bottom: 0.25em; padding-left: 15px;}
.dot_list .txt_st2:last-child {margin-bottom: 0;}
.dot_list .txt_st2:before {position: absolute; display: inline-block; left: 0; top: 12px; content:''; width: 4px; height: 4px; border-radius:100%; background-color: #004daa;}

@media(max-width:1080px){
	.num_list li {display: flex; align-items: center; justify-content: center;}
	.num_list li .txt_st1 {padding: 0;}
	.s34_c .num_list li {display: block;}

	.dot_list .txt_st2 {padding-left: 12px;}
	.dot_list .txt_st2:before {top: 9px;}
}
@media(max-width:768px){
	.s34_c .num_list li {padding:28px 12px;}
	.num_list li .txt_st2 {top: -20px; width: 40px; height: 40px;}

	.dot_list .txt_st2 {padding-left: 9px;}
	.dot_list .txt_st2:before {width: 3px; height: 3px;}
	
}
@media(max-width:500px){

}

.s22_d {padding:52px 0 117px;}
.s22_d .tit_box {margin-bottom: 42px;}
.s22_d .ct_list {display: flex; justify-content:space-between; flex-flow: row wrap;}
.s22_d .ct_list > li {width: 31.5%;}
.s22_d .ct_box .txt_st1 {padding:0.75em 12px; background-color: #004daa; text-align: center;}
.s22_d .ct_box .ct {padding:25px 0; background-color: #f8f8f8; min-height: 230px; display: flex; flex-flow:row wrap; justify-content:center; align-items: center;}
.s22_d .ct_box .ct .txt_st3 {display: inline-flex; margin:0 7px 10px; padding: 0 8px; justify-content:center; align-items:center; text-align: center; background-color: #fff; width: 124px; height: 80px; border-radius: 15px;}


@media(max-width:1440px){
	.s22_d .ct_list > li {width: 32%;}
	.s22_d .ct_box .ct {min-height: 320px;}
	.s22_d .ct_box .dot_list .txt_st2:before {top: 10px;}
}
@media(max-width: 1080px){
	.s22_d .ct_list > li {width: 100%;}
	.s22_d .ct_list > li .ct_box {display: flex; flex-flow:row wrap; margin-bottom: 40px;}
	.s22_d .ct_list > li:last-child .ct_box {margin-bottom: 0;}
	.s22_d .ct_box .txt_st1 {width: 20%; display: flex; justify-content: center; align-items: center;}
	.s22_d .ct_box .ct {width: 80%;  min-height: auto; padding:20px 0;}
	.s22_d .ct_box .ct .txt_st3 {margin: 0 0.75%; width: 18%;}
	.s22_d .ct_box .dot_list {width: 100%;}
	.s22_d .ct_box .dot_list .txt_st6 {text-align: left;}
	.s22_d .ct_box .dot_list ul {display: flex; flex-flow: row wrap;}
	.s22_d .ct_box .dot_list .txt_st2 {margin-right: 20px;}
	.s22_d .ct_box .dot_list .txt_st2:before {top: 9px;}
}
@media(max-width:768px){
	.s22_d .ct_box .dot_list .txt_st2:before {top: 8px;}
	.s22_d {padding:0 0 60px;}
}
@media(max-width:500px){
	.s22_d .ct_box .txt_st1 {width: 100%;}
	.s22_d .ct_box .ct {width: 100%;}
	.s22_d .ct_box .ct .txt_st3 {margin:2%; width: 25%;}
}


.s22_e {padding:110px 0 190px; background-color: #f8f8f8;}
.s22_e .ct_wrap {position: relative; margin: 114px auto 0; max-width:490px; max-height:490px; width:490px; height: 490px; min-width: 274px; min-height: 274px; border-radius: 100%; border:1px solid #ddd;}
.s22_e .ct_wrap .ct {position: absolute; display: inline-flex; justify-content: center; align-items: center; flex-direction:column; max-width:260px; max-height: 260px; width:260px; height: 260px; min-width:120px; min-height:120px; border-radius: 100%; background-color: #fff; text-align: center;}
.s22_e .ct_wrap .ct1 {left: -31%; top: -14.5%;}
.s22_e .ct_wrap .ct2 {right: -31%; top: -14.5%;}
.s22_e .ct_wrap .ct3 {left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #004daa;}
.s22_e .ct_wrap .ct4 {left: -31%; bottom: -14.5%;}
.s22_e .ct_wrap .ct5 {right: -31%; bottom: -14.5%;}
.s22_e .ct_wrap .ct .txt_st1 {margin-top: 1.5em;}

@media(max-width: 1080px){
	.s22_e {padding:80px 0 130px;}
	.s22_e .ct_wrap {margin-top: 12%; width: 46vw; height: 46vw;}
	.s22_e .ct_wrap .ct {width: 24vw; height: 24vw;}

	.s22_e .ct_wrap .ct1 {left: -25%; top: -14.5%;}
	.s22_e .ct_wrap .ct2 {right: -25%; top: -14.5%;}
	.s22_e .ct_wrap .ct4 {left: -25%; bottom: -14.5%;}
	.s22_e .ct_wrap .ct5 {right: -25%; bottom: -14.5%;}
}
@media(max-width: 500px){
	.s22_e .ct_wrap {margin-top: 18%;}
	.s22_e .ct_wrap .ct .txt_st1 {margin-top: 0.5em;}
	.s22_e .ct_wrap .ct1 {left: -10%; top: -9%;}
	.s22_e .ct_wrap .ct2 {right: -10%; top: -9%;}
	.s22_e .ct_wrap .ct4 {left: -10%; bottom: -9%;}
	.s22_e .ct_wrap .ct5 {right: -10%; bottom: -9%;}
}


.s24_b {padding: 100px 0; background-color: #f8f8f8;}
.s24_b .inner {display: flex;}
.s24_b .img_wrap {display: flex; align-items: center; justify-content: center; width: 50%; height: 400px; margin-right: 6%; background-color: #fff; border: 1px solid rgba(102, 102, 102, 0.4);}
.s24_b .dot_list .txt_st7 {display: inline-block; padding: 10px 30px; margin-bottom: 30px; border-radius: 50px; background-color: #004DAA; color: #fff; line-height: 1; text-align: center;}
.s24_b .dot_list li {margin-bottom: 10px;}
.s24_b .dot_list li:last-child {margin-bottom: 12px;}
.s24_b .dot_list li p {position: relative; padding-left: 10px; font-size: 14px;} 
.s24_b .dot_list li p::before {content: ''; display: block; position: absolute; left: 0; top: 10px; width: 4px; height: 1px; background-color: #666;}
.s24_b .dot_list p {color: #666;} 
.s24_b .dot_list .txt_st2.blue {padding-left: 0;}
.s24_b .dot_list .txt_st2.blue::before {display: none;}
.s24_c {padding: 100px 0; overflow: hidden;}
.s24_c .tit_box {margin-bottom: 50px;}
.s24_c .num_list {position: relative;}
.s24_c .num_list li {width: 24%; margin-right: 1.2%;}
.s24_c .num_list li:nth-of-type(3n) {margin-right: 1.2%;}
.s24_c .num_list li:nth-of-type(4n) {margin-right: 0;}
.s24_c .num_list li .txt_st1 {padding-bottom: 0.5em;}
.s24_c .num_list li .gray {color: #666;}
.s24_c .num_list li .blue {color: #004DAA;}
.s24_c .num_list li.bd_none {display: flex; align-items: flex-end; text-align: left;border: none;}

@media (max-width: 1080px) {
	.s24_b .img_wrap {height: 350px;}
	.s24_c .num_list li {width: 32.5%; margin-right: 1%; flex-direction: column;}
	.s24_c .num_list li:nth-of-type(n + 7)  {margin-bottom: 0;}
	.s24_c .num_list li:nth-of-type(3n) {margin-right: 0%;}
	.s24_c .num_list li:nth-of-type(4n) {margin-right: 1%;}
	.s24_c .num_list li.bd_none {flex-direction: row; justify-content: flex-start;}

}
@media (max-width: 768px) {
	.s24_b {padding: 80px 0;}
	.s24_b .inner {flex-direction: column;}
	.s24_b .img_wrap {width: 100%; margin-bottom: 20px;}
	.s24_b .dot_list .txt_st7 {margin-bottom: 15px;}
	.s24_c {padding: 80px 0;}
	.s24_c .num_list li {width: 49%; margin-bottom: 10%;}
	.s24_c .num_list li:nth-of-type(3n) {margin-right: 1%;}
	.s24_c .num_list li:nth-of-type(2n) {margin-right: 0%;}
}
@media (max-width: 500px) {
	.s24_b {padding: 70px 0;}
	.s24_c {padding: 70px 0;}
	.s24_c .num_list li.bd_none {position: absolute; bottom: -5%; width: 100%;}
}

.s2n_a {margin: 0 4%;padding-bottom: 120px;}
.s23_a .bg_box {background:url('./img/s23a_visual01.jpg') no-repeat center / cover;}
.s24_a .bg_box {background:url('./img/s24a_visual01.jpg') no-repeat center / cover;}
.s25_a .bg_box {background:url('./img/s25a_visual01.jpg') no-repeat center / cover;}

.s25 .sub_tabmenu {padding-top: 0;}
.s25 .sub_tabmenu .depth3 {margin: 0; margin-bottom:40px;}

.s2n_b {padding-bottom: 120px;}
.s25_b {border-bottom:1px solid #ddd;}
.s2n_b .ct_wrap .ct {margin-bottom: 8.5%; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center;}
.s2n_b .ct_wrap .ct:nth-child(2n) {flex-direction: row-reverse;}
.s2n_b .ct_wrap .ct:last-child {margin-bottom: 0;}
.s2n_b .ct_wrap .img_box {width: 50%;}
.s2n_b .ct_wrap .txt_box {width: 37%;}
.s2n_b .ct_wrap .txt_box .txt_st4 {margin:2em 0 0.9em;}
.s2n_b .ct_wrap .txt_box .txt_st2 {margin-bottom: 1.5em;}
.s2n_b .ct_wrap .txt_box .txt_st2.gray {margin-bottom: 4em;}

.s25_c .ct_wrap {padding:68px 0 120px;}
.s25_c .ct {margin-bottom: 120px;}
.s25_c .ct:last-child {margin-bottom: 0;}
.s25_c .tit_box {margin-bottom: 41px;}
.s25_c .img_box{display: flex; flex-flow: row wrap}
.s25_c .img_box figure {width: 31.5%; margin-right: 2.75%;}
.s25_c .img_box figure:nth-child(3n) {margin-right: 0;}

@media(max-width:1440px){
	.s2n_b .ct_wrap .txt_box {width: 46%;}
}
@media(max-width:1080px){
	.s2n_b .ct_wrap .txt_box .txt_st2 br {display: none;}
}
@media(max-width:768px){
	.s2n_a {padding-bottom: 60px;}
	.s2n_b {padding-bottom: 60px;}
	.s2n_b .ct_wrap .txt_box figure img {max-height:25px;}

	.s25 .sub_tabmenu .depth3 {margin-bottom: 20px;}

	.s25_c .ct_wrap {padding:50px 0 70px;}
	.s25_c .img_box {justify-content:center;}
	.s25_c .img_box figure {width: 49%; margin:0 2% 2% 0;}
	.s25_c .img_box figure:nth-child(2n) {margin-right: 0;}
	.s25_c .img_box figure:nth-child(3n) {margin-bottom: 0;}
}
@media(max-width:600px){
	.s25_c .ct {margin-bottom: 60px;}
	.s2n_b .ct_wrap .img_box {margin-bottom: 6%; width: 100%;}
	.s2n_b .ct_wrap .txt_box {width: 100%;}
}

.s3n .tit_box .txt_st1:first-of-type {margin:4em 0 2em;}
.s3n .tit_box .txt_st1 b {color: #222;}
.s3n .sub_tabmenu {padding-bottom: 70px;}
.s3n .sub_tabmenu .depth3 {margin:90px 0 0;}
.s3n .sn1_a .ct_wrap {padding-bottom: 90px;}
.s3n .sn1_a > .tit_st4 {padding-bottom: 1.9em;}
.s3n .sn1_a .tit_box .tit_st5 {margin-bottom: 1.1em;}

.s3n_b {padding-bottom: 120px;}
.s3n_c {padding:110px 0 90px; background-color: #f8f8f8;}
.s3n_c .ct_wrap {margin-top: 45px;}

.s31 {padding: 93px 0 120px;}
.s31 .tit_box.center {margin-bottom: 90px;}
.s31 .tit_box .blue {color: #004daa;}
.s31 .sn1_a .tit_box .tit_st4 {margin-bottom: 0.4em;}
.s31 .sn1_a .tit_box .txt_st6 {padding-top: 0.8em; border-top: 1px solid #cccccc; font-weight: 500;}
.s31 .sn1_a .ct_wrap{position: relative;}
.s31 .sn1_a .ct_wrap figure img:first-child {display: block;}
.s31 .sn1_a .ct_wrap figure img:last-child {display: none;}
.s31 .sn1_a .tit_box {position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: auto;}

.s32_b .content_tab {margin-bottom: 70px;}
.s31_b .sch_wrap {display: flex; align-items: center; justify-content: center; margin-bottom: 60px;}
.s31_b .sch_wrap select {max-width: 360px; width: 100%; padding: 15px; margin-left: 15px; border: 1px solid #666; font-size: 17px; color: #222;}
.s31_b .content_tab {margin-bottom: 70px;}
.s32_d {padding:112px 0 120px;}
.s32_d .ct_wrap {margin-top: 44px;}

.s31_b .tab_list {display: flex; justify-content: center; margin-bottom: 80px;}
.s31_b .tab_list li {width: 33.334%; border: 1px solid #ddd;}
.s31_b .tab_list li a {display: flex; justify-content: center; align-items: center; height: 68px; padding: 0 8px; background-color: #f8f8f8; color: #666;}
.s31_b .tab_list li.on {border: 1px solid #004daa;}
.s31_b .tab_list li.on a {background-color: #004daa; color: #fff;}
.s31_b .read_more {position: relative; display: block; margin: 15px auto 0; max-width: 115px; text-align: center;}
.s31_b .read_more::after {content: ''; display: block; position: absolute; left: 0; bottom: -3px; width: 0; height: 2px; background-color: #004daa; transition: .3s;}
.s31_b .read_more span {display: inline-block; margin: 0 0 2px 3px; width: 0; height: 0; border-top: 6px solid #222; border-left: 4px solid transparent; border-right: 4px solid transparent; }
@media (max-width:1280px) {
	.s31 .sn1_a .tit_box {top: auto; bottom: 20%; transform: translateY(0);}
}
@media(max-width:1080px){
	.s3n .sub_tabmenu .depth3 {margin-top: 70px;}
	.s3n .sn1_a .ct_wrap {padding-bottom: 70px;}
	.s31 {padding-top: 73px;}
	.s31 .tit_box.center {margin-bottom: 4em;}
	.s31_b .sch_wrap {margin-bottom: 50px;}
}
@media (min-width: 769px) {
	.s31_b .read_more:hover::after {width: 100%;}
}
@media(max-width:768px){
	.s3n .sub_tabmenu {padding-bottom: 40px;}
	.s3n .sub_tabmenu .depth3 {margin-top: 50px;}
	.s3n .sn1_a .ct_wrap {padding-bottom: 50px;}
	.s31 .sn1_a .ct_wrap {justify-content: flex-end;}
	.s31 .sn1_a .ct_wrap figure img:first-child {display: none;}
	.s31 .sn1_a .ct_wrap figure img:last-child {display: block;}
	.s31 .sn1_a .tit_box {position: static; text-align: end;}
	.s3n .tit_box .txt_st1 br {display: none;}
	.s31 {padding: 53px 0 80px;}
	.s31_b .sch_wrap {margin-bottom: 40px;}
	.s31_b .sch_wrap select {max-width: 100%; width: 50%; padding: 12px 10px; font-size: 16px;}

	.s31_b .content_tab {margin-bottom: 30px;}

	.s3n_c .ct_wrap {margin-top: 25px;}
	.s32_d .ct_wrap {margin-top: 24px;}

	.s31_b .tab_list {margin-bottom: 60px;}
	.s31_b .tab_list li a {height: 60px;}
	.s31_b .read_more span {margin-bottom: 0;}
}
@media(max-width:500px){
	.s3n .sub_tabmenu .depth3 {margin-top: 50px;}
	.s3n .sn1_a .ct_wrap {padding-bottom: 30px;}
	.s31b {padding-top: 33px;}
	.s31 .tit_box.center {margin-bottom: 2em;}
	.s31_b .sch_wrap {margin-bottom: 30px;}
	.s31_b .sch_wrap select {font-size: 14px;}
	.s31_b .tab_list {margin-bottom: 40px;}
	.s31_b .tab_list li {width: 45%;}
	.s31_b .tab_list li a {height: 52px;}
}

.work_table {width: 100%; border-top:2px solid #004daa; text-align: center; display: none;}
.work_table.on {display:table;}
.work_table tr {border-bottom:1px solid #ddd;}
.work_table th {padding:0.8em; font-weight: 500; border-right:1px solid #ddd;}
.work_table th:last-child {border-right:none;}
.work_table td {padding:20px; border-right:1px solid #ddd; line-height: 1.75;}
.work_table td:last-child {border-right:none;}
.work_table td.lt {text-align: left;}

@media(max-width:768px){
	.s3n_c {padding:70px 0 50px;}
	.s31_d {padding:70px 0 80px;}
	.work_table td {padding:12px;}
}
@media(max-width:600px){
	.s31_d .ct_wrap {overflow-x: scroll;}
	.work_table {width: 600px;}
}

.s33_b .ct_wrap {margin-top: 40px;}
.s34_b .vd_wrap {display: flex; justify-content:center; align-items: center; background-color: #ddd;}
.s34_b .vd_wrap {position: relative; width: 100%; padding-bottom: 56.25%; height: 0;}
.s34_b .vd_wrap iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

.s34_c {padding:112px 0 120px;background-color: #f8f8f8;}
.s34_c .tit_box {margin-bottom: 70px;}
.s34_c .num_list li {width: 24%; padding:50px 12px; margin: 0 1.3334% 0 0; min-height: 309px;  background-color: #fff; border:none; border-radius: 30px;}
.s34_c .num_list li:last-child {margin-right: 0;}
.s34_c .num_list li .txt_st3 {display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius:100%; background-color: #004daa;}
.s34_c .num_list li figure {margin:30px 0 25px;}
.s34_c .num_list li .txt_st1 {padding: 0;}


@media(max-width:768px){
	.s3n_b {padding-bottom: 80px;}
	.s34_c {padding:60px 0 70px;}
	.s34_c .num_list li {width: 49%; margin: 0 2% 2% 0; padding:28px 8px; min-height: 145px;}
	.s34_c .num_list li:nth-child(2) {margin-right: 0;}
	.s34_c .num_list li .txt_st3 {width: 30px; height: 30px;}
	.s34_c .num_list li figure img{height: 40px;}

	.s3n_b .vd_wrap {height: 300px;}
}

.s6n_a {padding:94px 0 114px; text-align: center;}
.s6n_a .inner > figure {margin-top: 6.1%;}
.s6n_a .txt_st5 {margin-top:1.7em;}
.s6n_a .txt_st5:after {content:''; display: block; margin: 21px auto 24px; width: 30px; height: 2px; background-color: #004daa;}
.s6n_a .txt_st1 {margin-bottom: 1.6em; line-height: 1.6;}
.s6n_a .txt_st1:last-of-type {margin-bottom: 0;}

@media(max-width: 1080px){
	.s6n_a .txt_st5 br {display: none;}
	.s6n_a .txt_st1 br {display: none;}
}
@media(max-width:768px){
	.s6n_a {padding:60px 0 70px;}
}

.bg_box {height: 460px;}

.s61_b .bg_box {margin-bottom: 80px; display: flex; flex-direction:column; justify-content: center; background:url('./img/s61b_01.jpg') no-repeat center / cover; text-align: center;}
.s61_b .bg_box .tit_st3 {margin: 0.5em 0 0.98em;}
.s61_b .bg_box .tit_st6 {margin-bottom: 0.2em; font-weight: 700;}
.s61_b .inner {text-align: center;}
.s61_b .inner .tit_st2 {margin-bottom: 1.2em; line-height: 1.5;}

@media(max-width:1440px){
	.bg_box {height: 400px;}
}
@media(max-width:1080px){
	.bg_box {height: 360px;}
}
@media(max-width:768px){
	.s61_b {margin:8% 4%;}
	.bg_box {height: 320px;}
}
@media(max-width:500px){
	.s61_b .bg_box {height: 280px;}
}

.s61_c {padding:112px 0 115px;}
.s61_c .ct_wrap {max-width:1160px; width: 100%; margin: 3.2% auto 0; display: flex; align-items:center; justify-content:space-between;}
.s61_c .ct_box {display: flex; justify-content:center; align-items:center; max-width:275px; max-height:275px; width: 275px; height: 275px; border-radius:100%; background:url('./img/s61c_dashed.png') no-repeat center / cover;}
.s61_c .ct {display: flex; flex-direction: column; justify-content:center; align-items: center; max-width: 250px; max-height: 250px; width: 250px; height: 250px; border-radius:100%; border:1px solid #004daa; text-align: center;}
.s61_c .ct img {height: 50px;}
.s61_c .ct .txt_st2 {margin-top: 1em;}
.s61_c .ct_deco {width: 8px; height: 8px; border-radius:100%; background-color: #ddd; position: relative;}
.s61_c .ct_deco:before {content:''; position: absolute; top: 50%; transform:translateY(-50%); left: -23px; display: inline-block; width: 4px; height: 4px; border-radius:100%; background-color: #ddd;}
.s61_c .ct_deco:after {content:''; position: absolute; top: 50%; transform:translateY(-50%); right:-23px; display: inline-block; width: 4px; height: 4px; border-radius:100%; background-color: #ddd;}

@media(max-width:1440px){
	.s61_c .ct_deco:before {left: -18px;}
	.s61_c .ct_deco:after {right: -18px;}
}
@media(max-width: 1080px){
	.s61_c .ct_box {width: 26vw; height: 26vw;}
	.s61_c .ct {width: 24vw; height: 24vw;}
	.s61_c .ct img {height: 40px;}
	.s61_c .ct_deco {width: 6px; height: 6px;}
	.s61_c .ct_deco:before {width: 3px; height: 3px; left: -12px;}
	.s61_c .ct_deco:after {width: 3px; height: 3px; right: -12px;}
}
@media(max-width:768px){
	.s61_c {padding:60px 0 70px;}
	.s61_c .ct_deco:before {display: none;}
	.s61_c .ct_deco:after {display: none;}
	.s61_c .ct img {height: 30px;}
}
@media(max-width:500px){
	.s61_c .ct_box {width: 45vw; height: 45vw;}
	.s61_c .ct_deco {margin:32px 0;}
	.s61_c .ct_deco:before {display: block; left: 1px; transform:none; top: -14px;}
	.s61_c .ct_deco:after {display: block; right: auto; left:1px; transform:none; top:auto; bottom: -14px;}
	.s61_c .ct {width: 40vw; height: 40vw;}
	.s61_c .ct_wrap {flex-direction: column;}
	.s61_c .ct img  {height: 35px;}
	
}

.s61_d .his_wrap {position: relative; margin: 48px auto 0; max-width:1110px;}
.s61_d .his_bar {position: absolute; left: 50%; transform:translateX(-50%); width:2px; height:100%; background-color: #ddd; overflow: hidden;}
.s61_d .his_bar .bar {width: 100%; height: 0; background-color: #004daa;}
.s61_d .his_list {padding: 102px 0 180px;}
.s61_d .his_box {position: relative; margin-bottom: 130px; display: flex;}
.s61_d .his_box:nth-child(2n) {flex-direction: row-reverse;}
.s61_d .his_box:last-child {margin-bottom: 0;}
.s61_d .his_box h4 {position: relative; width: 50%; padding:0 58px; font-weight: 700;}
.s61_d .his_box h4:before {position: absolute; content:''; display: inline-block; top: 18px; width: 14px; height: 14px; border-radius:100%; border:2px solid #004daa;  background-color: #fff;}
.s61_d .his_box:nth-child(2n) h4 {text-align : right;}
.s61_d .his_box:nth-child(2n-1) h4:before {left: -7px;}
.s61_d .his_box:nth-child(2n) h4:before {right: -7px;}

.s61_d .his_box ul {width: 50%;}
.s61_d .his_box:nth-child(2n-1) ul {padding-right: 62px;}
.s61_d .his_box:nth-child(2n) ul {padding-left: 62px;}
.s61_d .his_box ul li {position: relative; margin:10px 0; display: flex; justify-content: flex-end;}
.s61_d .his_box ul li:before {position: absolute; top: 15px; content:''; display: inline-block; width: 6px; height: 1px; background-color: #ddd;}
.s61_d .his_box:nth-child(2n-1) ul li:before {right: -24px;}
.s61_d .his_box:nth-child(2n) ul li:before {left: -24px;}
.s61_d .his_box:nth-child(2n) ul li {flex-direction: row-reverse;}

.s61_d .his_box h3 {position: absolute; top: 7px; font-size: 120px; color: rgba(0,0,0,0.1); font-weight: 700;}
.s61_d .his_box:nth-child(2n-1) h3 {right: 0;}
.s61_d .his_box:nth-child(2n) h3 {left: 0;}
.s61_d .his_box ul li p {width: 33px;}
.s61_d .his_box:nth-child(2n-1) p {text-align: right;}
.s61_d .his_box ul li span {display: inline-block; width:calc(100% - 33px);}
.s61_d .his_box:nth-child(2n-1) ul li span {text-align:right;}

@media(max-width: 1440px){
	.s61_d .his_box h3 {font-size: 100px;}
}
@media(max-width: 1080px){
	.s61_d .his_box h3 {font-size: 80px;}
	.s61_d .his_box h4 {padding:0 40px;}
	.s61_d .his_box h4:before {top: 13px;}
	.s61_d .his_box ul li {margin:7px 0;}
	.s61_d .his_box:nth-child(2n-1) ul {padding-right: 56px;}
	.s61_d .his_box:nth-child(2n) ul {padding-left: 56px;}
	.s61_d .his_box:nth-child(2n-1) ul li:before {right: -18px;}
	.s61_d .his_box:nth-child(2n) ul li:before {left: -18px;}
	.s61_d .his_box ul li:before {top: 13px;}
	
}
@media(max-width: 768px){
	.s61_d .his_list {padding: 60px 0 70px;}
	.s61_d .his_box {margin-bottom: 100px;}
	.s61_d .his_box h3 {font-size: 60px; top: 15px;}
	.s61_d .his_box h4 {padding:0 30px;}
	.s61_d .his_box h4:before {top: 8px; width: 10px; height: 10px;}
	.s61_d .his_box:nth-child(2n-1) h4:before {left: -5px;}
	.s61_d .his_box:nth-child(2n) h4:before {right: -5px;}
	.s61_d .his_box:nth-child(2n-1) ul {padding-right: 46px;}
	.s61_d .his_box:nth-child(2n) ul {padding-left: 46px;}
	.s61_d .his_box ul li {margin:0 0 1em 0;}
	.s61_d .his_box ul li:before {top: 11px;}
	.s61_d .his_box ul li p {width: 26px;}
	.s61_d .his_box ul li span {width:calc(100% - 26px);}
}
@media(max-width: 500px){
	.s61_d .his_box {margin-bottom: 80px;}
	.s61_d .his_box h3 {font-size: 40px; display: none;}
	.s61_d .his_box h4 {padding: 0 20px}
	.s61_d .his_box:nth-child(2n-1) ul {padding-right: 38px;}
	.s61_d .his_box:nth-child(2n) ul {padding-left: 38px;}
}

.s6n_b {padding: 112px 0 120px; background-color: #f8f8f8;}
@media(max-width:768px){
	.s6n_b {padding: 60px 0 70px};
}

.s62 .tit_box .mont {font-weight: 700;}

.s62_b .ct_wrap {margin-top: 49px; display: flex; justify-content: space-between;}
.s62_b .ct {width: 31.5%;}
.s62_b .ct .color {height: 60px;}
.s62_b .ct .color1 {background-color: #2c5aa7;}
.s62_b .ct .color2 {background-color: #1d96ef;}
.s62_b .ct .color3 {background-color: #2c3544;}
.s62_b .ct .txt_box {padding:40px 40px 36px; background-color: #fff; border: 1px solid #ddd;}
.s62_b .ct .txt_box div {display: flex; align-items:center;}
.s62_b .ct .txt_box h4 {margin-bottom: 1.95em;}
.s62_b .ct .txt_box div:first-of-type {margin-bottom: 0.87em;}
.s62_b .ct .txt_box p {width: 114px;}
.s62_b .ct .txt_box span {display: inline-block; width:calc(100% - 114px);}

.down_wrap {margin-top: 73px; display: flex; justify-content:center;}
.down_link {display: inline-flex; margin: 0 10px; padding:0 12px; justify-content:center; align-items:center; width: 220px; height: 60px; border: 1px solid #ddd; transition:.3s ease all;}
.down_link:hover {background-color: #004daa; color: #fff;}
.down_link .txt_st2 {margin-right: 0.7em;}
.down_link figure {position: relative;}
.down_link figure img {transition: .3s ease all;}
.down_link figure .down_hover {position: absolute; opacity: 0; visibility: hidden;}
.down_link:hover figure .down_hover {opacity: 1; visibility: visible;}
.down_link:hover figure .down_basic {opacity: 0; visibility: hidden;}




.sn1_a .down_wrap {margin-top: 50px; justify-content:flex-start;}
.sn1_a .tit_box a.down_link {display:inline-flex; width: 380px; margin:0px 20px 0 0;}
.sn1_a .tit_box a.down_link:last-child {margin-right: 0;}
.sn1_a .tit_box a.down_link figure {margin-bottom: 0;}
@media(max-width:1440px){
	.s62_b .ct {width: 32%;}
	.s62_b .ct .txt_box {padding:24px 24px 22px;}
}
@media(max-width:1080px){
	.down_wrap {margin-top: 50px;}
	.down_link {margin:0 8px; width: 210px; height: 55px;}
	.sn1_a .down_wrap {justify-content: space-between;}
	.sn1_a .tit_box a.down_link {width: 49%; margin-right: 0;}
	.s62_b .ct .color {height: 50px;}
	.s62_b .ct .txt_box div {flex-wrap: wrap; }
	.s62_b .ct .txt_box p {margin-bottom: 0.3em; width: 100%;}
	.s62_b .ct .txt_box span {width: 100%;}
}
@media(max-width:768px){
	.s62_b .ct_wrap {margin-top: 34px;}
	.s62_b .ct .color {height: 40px;}
	.s62_b .ct .txt_box {padding: 20px 12px 18px;}

	.down_wrap {margin-top: 40px;}
	.sn1_a .down_wrap {margin-top: 30px; flex-wrap: wrap;}
	.sn1_a .tit_box a.down_link {width: 100%;}
	.sn1_a .tit_box a.down_link:first-of-type {margin-bottom: 10px;}
	.down_link {margin:0 6px; width: 200px; height: 50px;}
	.down_link:hover {background-color: #fff; color: #222;}
	.down_link img {height: 12px;}

	.down_link figure .down_hover {display: none;}
	.down_link:hover figure .down_basic {opacity: 1; visibility: visible;}
}
@media(max-width:600px){
	.s62_b .ct_wrap {flex-wrap: wrap;}
	.s62_b .ct {margin-bottom: 20px; width: 100%;}
	.s62_b .ct .color {height: 30px;}
	.s62_b .ct .txt_box p {margin-bottom: 0; width: 100px;}
	.s62_b .ct .txt_box span {width: calc(100% - 100px);}
}
@media(max-width:500px){
	.down_wrap {margin-top: 30px;}
	.down_link {margin:0 4px; width: 48%; height: 50px;}
}

.s63_b {padding-bottom: 114px;}
.s63_b .s_tit span.txt_st2 {margin-top: 2.2em;}
.s63_b .ct_wrap {margin-top: 25px; display: flex; flex-flow: row wrap; justify-content: space-between;}
.s63_b .ct {width: 48.5%; text-align: center;}
.s63_b .ct figure {display: flex; justify-content: center; align-items: center; height: 160px; border: 1px solid #ddd; background-color: #fff;}
.s63_b .ct .mont {margin:1.1em 0 0.5em; font-weight: 700;}
.s63_b .ct .txt_st3 {margin-bottom: 1.9em;}
.s63_b .ct a {display: inline-flex; align-items: center;}
.s63_b .ct a img {margin-left: 12px;}
.s63 .banner {background: url(./img/s63-banner_bg01.jpg) no-repeat center / cover; height:520px; display: flex; flex-direction: column; justify-content: center;}
.s63 .banner__title {font-size: 128px; font-weight: 600; color:#fff; padding-bottom: 20px;}
.s63 .banner__desc {padding-bottom: 77px; font-weight: 600; color:#fff;}
.s63 .banner__link {font-weight: 600; color:#fff; background: #2C5AA7; width:23.7858%; height:50px; display: flex; align-items: center; justify-content: center; text-align: center; padding:0 1%;}
.popup-banner {position:fixed; width:100%; height:100%; left:0; top:0; display: none; z-index: 999;}
.popup-banner__cover {width:100%; height:100%; background: rgba(0,0,0,0.8);}
.popup-cont-wrap {width:100%; max-width:1000px; position: absolute; left:50%; top:50%; transform:translate(-50%, -50%); margin:0 auto;}
.popup-cont {padding:60px; margin:0 auto; height:740px; overflow-y: auto; background: #fff;}
.popup-cont .popup-cont__title {font-size: 32px; padding-bottom: 19px; border-bottom:5px solid #2c5aa7; position: relative;}
.popup-close {position: absolute; right:20px; top:20px}
.popup-write {padding-top: 22px;display: flex; flex-wrap: wrap;}
.popup-write .popup-write__label {width:100%; padding-bottom: 10px;}
.popup-write .popup-write__label--half {width:49.4319%; margin-right: 1.1364%;}
.popup-write .popup-write__label--half:nth-of-type(2), .popup-write .popup-write__label--half:nth-of-type(5) {margin-right: 0;}
.popup-write .popup-write__title {font-weight: 500; color:#444;}
.popup-write .popup-write__input {width:100%; height:40px; border:1px solid #818a91; border-radius:2px;}
.privacy .privacy__title {font-weight: 500; color:#444; padding-bottom: 7px; display: block;}
.privacy .privacy__label {display: block; color:#444; margin-bottom: 15px;}
.privacy input[type=checkbox] {vertical-align:middle; appearance:none; border:1px solid #767676; width:13px; height:13px; border-radius:1px; position:relative; margin:0 6px 0 0;}
.privacy input[type=checkbox]:checked {border:1px solid #2c5aa7; background:#2c5aa7 url(./img/check_btn.png) no-repeat center / 9px 7px;}
.popup-cont .popup-cont__desc {color:#444;padding-bottom: 30px;}
.popup-cont input[type=submit] {width:96px; height:40px; display: flex; align-items: center; justify-content: center; text-align: center; color:#fff; font-weight: 500; background: #2C5AA7;}
.event-cont {padding:100px 0;}

.popup-event {position:fixed; width:100%; height:100%; left:0; top:0; z-index: 9999; display: none;}
.popup-event__cover {width:100%; height:100%; background: rgba(0,0,0,0.6);}
.popup-event-wrap {width:100%; max-width:675px; margin:0 auto; position: absolute; left:50%; top:50%; transform:translate(-50%, -50%); padding-top:15px;}
.popup-event-cont {max-width:667px; margin:0 auto; background: #fff;overflow-y: auto; height:700px;}
.popup-event-close {position: absolute; right:-10px; top:0;}
.popup-event-cont .popup-event-cont__title {padding:28px 4%; text-align: center; font-weight: 600;}
.popup-event-bg {background: url(./img/test_bg01.jpg) no-repeat center / cover; width:100%; height:435px;}
.popup-event-list .popup-event-list__item {padding:25px; display: flex;align-items: flex-start}
.popup-event-list .popup-event-list__item:not(:last-child) {border-bottom:1px solid #CDCDCD;}
.popup-event-list .popup-event-list__img {margin-right: 10px;}
.popup-event-txt .popup-event-txt__title {font-weight: 600; padding-bottom:5px; line-height: 1.3;}
.popup-event-txt .popup-event-txt__desc {color:#444;}

@media(max-width:1080px){
	.event-cont {padding:80px 0;}
	.popup-cont {margin: 0 4%; padding:50px}
	.popup-cont .popup-cont__title {font-size: 30px;}
	.popup-close {top:-10px; right:1.5%;}
	.s63 .banner {height:500px;}
	.s63 .banner__title {font-size: 100px;}
	.s63 .banner__desc {padding-bottom: 50px;}
	.popup-event-bg {height:400px;}
	.s63_b .ct {width: 49%;}
	.s63_b .ct figure img {max-width:60%;}
}
@media(max-width:768px){
	.popup-write .popup-write__input {height:30px;}
	.event-cont {padding:60px 0;}
	.popup-cont {padding:40px;}
	.popup-cont .popup-cont__title {font-size: 28px;}
	.popup-event-cont {margin: 0 4%; height:606px;}
	.popup-event-close {right:2%;}
	.popup-event-bg {height:300px;}
	.popup-event-list .popup-event-list__item {padding:15px;}
	.s63 .banner {height:350px;}
	.s63 .banner__title {font-size: 70px; padding-bottom: 10px;}
	.s63 .banner__desc {padding-bottom: 25px;}
	.s63_b {padding-bottom: 70px;}
	.s63_b .ct figure {height: 130px;}
}
@media(max-width:500px){
	.popup-write .popup-write__label--half {width:100%; margin-right: 0;}
	.event-cont {padding:40px 0;}
	.popup-cont {padding:30px;}
	.popup-cont .popup-cont__title {font-size: 26px;}
	.popup-event-cont {height:554px;}
	.popup-event-bg {height:250px;}
	.s63 .banner {height:300px;}
	.s63 .banner__title {font-size: 56px;}
	.s63_b .ct {margin-bottom: 40px; width: 100%;}
	.s63_b .ct:last-child {margin-bottom: 0;}
	.s63_b .ct figure {height: 100px;}
}

.s64_a {padding:94px 0 120px; border-bottom:1px solid #ddd;}
.s64_a:nth-of-type(2) {padding-top: 120px;}
.s64_a .tit_box {margin-bottom: 6%;}
.s64_a .ct_wrap {margin-bottom: 50px; display: flex; flex-flow:row wrap; justify-content: space-between; align-items: flex-end;}
.s64_a .ct_wrap figure {width: 44.3%;}
.s64_a .ct_wrap div {width: 52%;}
.s64_a .ct_wrap div .txt_st5 {margin-bottom: 2em;}
.s64_a .ct_wrap div .txt_st5 span {font-weight: 700;}
.s64_a .ct_wrap li {padding: 0.75em 0; display: flex; border-top:1px solid #ddd;}
.s64_a .ct_wrap li:last-child {border-bottom: 1px solid #ddd;}
.s64_a .ct_wrap li p {width: 140px; font-weight: 600; display: inline-flex;}
.s64_a .ct_wrap li span {color: #666; display: inline-flex; width: calc(100% - 140px);}
.s64_a .map_box {height: 380px;}

@media(max-width:1440px){
	.s64_a .ct_wrap figure {width: 48%;}
	.s64_a .ct_wrap div {width: 48%;}
	.s64_a .map_box {height: 340px;}
}
@media(max-width:1080px){
	.s64_a .ct_wrap {align-items: center;}
	.s64_a .ct_wrap li p {width: 90px;}
	.s64_a .map_box {height: 300px;}
}
@media(max-width:768px){
	.s64_a {padding:60px 0 70px;}
	.s64_a:nth-of-type(2) {padding-top: 70px;}
	.s64_a .ct_wrap {margin-bottom: 25px;}
	.s64_a .ct_wrap figure {margin-bottom: 4%; width: 100%;}
	.s64_a .ct_wrap div {width: 100%;}
	.s64_a .map_box {height: 260px;}
}
@media(max-width:500px){
	.s64_a .map_box {height: 220px;}
}

.s65_b ul {margin-top: 47px; display: flex; flex-flow: row wrap; border-bottom:1px solid #ddd;}
.s65_b ul li {padding:49px 0 45px; display: flex; position: relative; width: 33.3334%; border-top:1px solid #ddd;}
.s65_b ul li figure {display: flex; justify-content: center; align-items: center; width: 138px;}
.s65_b ul li figure img {margin-right: 16px;}
.s65_b ul li div {padding-right: 20px; width:calc(100% - 138px);}
.s65_b ul li:after {position: absolute; content:''; display: inline-block; top: 50%; transform:translateY(-50%); right: 0; width: 1px; height: 70px; background-color: #ddd;}
.s65_b ul li:nth-child(3n):after {display: none;}
.s65_b ul li div .txt_st7 {margin-bottom: 0.5em;}

@media(max-width:1440px){
	.s65_b ul li {padding:36px 0;}
	.s65_b ul li figure {width: 104px;}
	.s65_b ul li figure img {height: 45px; margin-right: 0;}
	.s65_b ul li div {width:calc(100% - 104px);}
}
@media(max-width:1080px){
	.s65_b ul li:after {height: 52px;}
	.s65_b ul li figure {width: 90px;}
	.s65_b ul li figure img {height: 40px;}
	.s65_b ul li div {width:calc(100% - 90px);}
}
@media(max-width:768px){
	.s65_b ul {border-bottom:none;}
	.s65_b ul li {padding:24px 0; width: 50%;}
	.s65_b ul li:nth-child(3n):after {display: block;}
	.s65_b ul li:nth-child(2n):after {display: none;}
	.s65_b ul li:nth-child(8) {border-bottom:1px solid #ddd;}
	.s65_b ul li:last-child {border-bottom:1px solid #ddd;}
	.s65_b ul li figure {width: 80px;}
	.s65_b ul li figure img {height: 35px;}
	.s65_b ul li div {width:calc(100% - 80px);}
}
@media(max-width:500px){
	.s65_b ul li {flex-wrap:wrap; text-align: center;}
	.s65_b ul li figure {width: 100%; margin-bottom: 20px;}
	.s65_b ul li figure img {height: 30px;}
	.s65_b ul li div {width:100%; padding-right: 0;}
}

.s65_c {padding:112px 0 40px;}
.s65_c ul {margin-top: 45px; display: flex; flex-flow: row wrap;}
.s65_c li {margin-bottom: 80px; display: flex; justify-content: space-between; align-items:center; width: 50%;}
.s65_c li .img_box {max-width: 165px; max-height: 165px; width: 165px; height: 165px; display: flex; justify-content:center; align-items: center; background: url('./img/s65c_dashed.png') no-repeat center / cover;}
.s65_c li .img_box figure { display: flex; justify-content: center; align-items: center; max-width: 140px; max-height: 140px; width: 140px; height: 140px; border: 1px solid #004daa; border-radius:100%;}
.s65_c li .txt_box {width: calc(100% - 215px);}
.s65_c li .txt_box .txt_st7 {margin-bottom: 0.38em;}
.s65_c li .txt_box .txt_st2  {padding-right: 16px;}

@media(max-width: 1440px){
	.s65_c li .img_box figure img {height: 45px;}
	.s65_c li .txt_box .txt_st2 br {display: none;}
}
@media(max-width:1080px){
	.s65_c li .img_box {width: 17vw; height: 17vw;}
	.s65_c li .img_box figure {width: 14vw; height: 14vw;}
	.s65_c li .img_box figure img {height: 40px;}
	.s65_c li .txt_box {width: calc(100% - 19vw);}
}
@media(max-width:768px){
	.s65_c {padding-top: 60px;}
	.s65_c li {margin-bottom: 60px;}
	.s65_c li .img_box figure img {height: 35px;}
}
@media(max-width:600px){
	.s65_c li {width: 48%; margin: 0 4% 40px 0; flex-direction: column; justify-content: flex-start;}
	.s65_c li:nth-child(2n) {margin-right: 0;}
	.s65_c li .img_box {margin-bottom: 24px; width: 105px; height: 105px;}
	.s65_c li .img_box figure {width: 84px; height: 84px;}
	.s65_c li .txt_box {width: 100%; text-align: center;}
	.s65_c li .txt_box .txt_st2 {padding-right: 0;}
}

.s65_d {padding:113px 0 110px; background-color: #f8f8f8;}
.s65_d .step_list {margin-top: 46px; display: flex; flex-flow:row wrap; justify-content: space-between;}
.s65_d .step_list li {max-width: 248px; max-height: 248px; width: 248px; height: 248px; background-color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 100%; text-align: center; padding:0 10px;}
.s65_d .step_list li:last-child {background-color: #004daa;}
.s65_d .step_list li .txt_st1 {margin-top: 0.45em;}
.s65_d .chk_list > .txt_st1 {padding:3.7em 0 0.7em; border-bottom:1px solid #ddd;}
.s65_d .chk_list ul {padding-top: 0.65em}
.s65_d .chk_list li {position: relative; margin-bottom: 0.4em; padding: 0 0.8em;}
.s65_d .chk_list li:before {position: absolute; top: 13px; left: 0; content:''; display: inline-block; width: 4px; height: 4px; border-radius: 100%; background-color: #004daa;}
.s65_d .chk_list li:last-child {margin-bottom: 0;}

@media(max-width: 1440px){
	.s65_d .step_list li {width: 17vw; height: 17vw;}
	.s65_d .chk_list li:before {top: 10px; width: 3px; height: 3px;}
}
@media(max-width: 1080px){
	.s65_d .chk_list li:before {top: 9px;}
}

@media(max-width: 768px){
	.s65_d {padding: 60px 0 70px;}
	.s65_d .step_list {margin-top: 30px;}
}
@media(max-width: 600px){
	.s65_d .step_list {justify-content: center;}
	.s65_d .step_list li {margin: 10px; width: 120px; height: 120px;}
}

.s65_e {padding:113px 0 120px;}
.s65_e .ct_wrap {margin-top: 45px;}

@media(max-width:768px){
	.s65_e {padding: 60px 0 70px;}	
}

/************************* sub 끝 *************************/

/************************* footer_inc 시작 *************************/
.ft_wrap{background-color: #1a1a1a;}
.req_wrap {padding:68px 0 70px; background-color: #343434;}
.req_wrap .tit_box .txt_st1 {padding:0.4em 0 1.8em;}

.req_form {display: flex; justify-content:space-between;}
.req_form .req_lt {width: 45.5%;}
.req_form .req_rt {width: 50%;}
.req_form .form_box {margin-bottom: 20px; display: flex; align-items: center;}
.req_form .form_box.top_align {align-items:flex-start;}
.req_form .form_box:last-child {margin-bottom: 0;}
.req_form .form_box h5 {width: 120px;}
.req_form .form_box.top_align h5 {padding-top: 0.45em;}
.req_form .form_box input {background-color: #4d4d4d; padding:0 1.2em;}
.req_form .form_box input[type="text"] {height: 48px; width: calc(100% - 120px);}
.req_form .form_box input::placeholder {color: #999;}
.req_form .form_box input[type="radio"] {margin: 0 5px 0 0; vertical-align: middle;}
.req_form .form_box select {width: calc(100% - 120px); background-color: #4d4d4d; height: 48px; padding: 0 1.2em; color: #999;}
.req_form .form_box option {color: #999;}
.req_form .form_box textarea {background-color: #4d4d4d; padding: 1.2em; width: calc(100% - 120px); height: 182px;}
.req_form .form_box textarea::placeholder {color: #999;}

.req_form .form_box .radio_box {display: flex; align-items:center;}
.req_form .form_box .radio_box div {margin-right: 10px;}
.req_form .form_box .radio_box.form_box{width: calc(100% - 120px);}
.req_form .form_box .radio_box.form_box .txt_st3{width:100%;}
.req_form .form_box.agree_btn label {display: flex; align-items:center; cursor:pointer;}
.req_form .form_box.agree_btn label input[type="checkbox"] {display: none;}
.req_form .form_box.agree_btn label .chk_icon {position: relative; display: inline-block;width: 28px;height: 28px; border-radius: 100%; background-color: #fff;}
.req_form .form_box.agree_btn label input[type="checkbox"]:checked + .chk_icon::after {position: absolute; display: inline-block; left: 50%; top:50%; transform:translate(-50%, -50%); content:''; width: 28px; height: 28px; background:url('./img/checkbox_on.png') no-repeat center / cover; color: #004daa;}
.req_form .form_box.agree_btn label .chk_txt {display: inline-block; margin: 0 1.2em 0 0.7em; font-weight: 600;}
.req_form .form_box.agree_btn a {color: #b9d8f7; border-bottom:1px solid #b9d8f7; text-align: center;}
.req_form .form_box.auto_rgst {display: flex; justify-content:space-between; align-items: flex-start;}
.req_form .form_box.auto_rgst > div {display: flex; flex-flow: row wrap; justify-content: space-between; align-items:center; width: calc(100% - 120px);}
.req_form .form_box.auto_rgst > div > div {width: 60%;}
.req_form .form_box.auto_rgst button {display: inline-flex; justify-content:center; align-items:center; width: 200px; height: 70px; background-color: #004daa;}
.req_form .form_box.auto_rgst h2 {display: inline-flex; justify-content:center; align-items: center; width: 280px; height: 70px; background-color: #fff; color: #222; font-size: 16px; text-align: center; padding: 0 8px;}

@media(max-width:1440px){
	
	.req_form .form_box.auto_rgst h2 {width: 55%;}
	.req_form .form_box.auto_rgst > div {justify-content:flex-start;}
	.req_form .form_box.auto_rgst button {margin-top: 20px; width: 100%;}
	
}
@media(max-width:1080px){
	.req_form {flex-wrap: wrap;}
	.req_form .req_lt {margin-bottom: 16px; width: 100%;}
	.req_form .req_rt {width: 100%; margin-top: 20px;}
	.req_form .form_box h5 {width: 95px;}
	.req_form .form_box input[type="text"] {width: calc(100% - 95px);}
	.req_form .form_box select {width: calc(100% - 95px);}
	.req_form .form_box .radio_box.form_box{width: calc(100% - 95px);}
	.req_form .form_box textarea {width: calc(100% - 95px);}
	.req_form .form_box.agree_btn label .chk_icon {width: 20px; height: 20px;}
	.req_form .form_box.agree_btn label input[type="checkbox"]:checked + .chk_icon::after {width: 20px; height: 20px;}
	.req_form .form_box.auto_rgst > div {width: calc(100% - 95px); font-size: 15px;}
	.req_form .form_box.auto_rgst > div > div {width: 100%;}
}
@media(max-width:768px){

	.req_form .form_box {margin-bottom: 16px;}
	.req_form .form_box input[type="text"] {height: 44px;}
	.req_form .form_box select {height: 44px;}
	.req_form .form_box textarea {width: calc(100% - 80px); height: 140px;}
	.req_form .form_box.agree_btn label .chk_icon {width: 16px; height: 16px;}
	.req_form .form_box.agree_btn label input[type="checkbox"]:checked + .chk_icon::after {width: 16px; height: 16px;}
	.req_form .form_box.auto_rgst > div {width: calc(100% - 80px);}
	.req_form .form_box.auto_rgst > div > div {width: 100%;}
	.req_form .form_box.auto_rgst button {height: 60px;}
	.req_form .form_box.auto_rgst h2 {font-size: 14px; height: 60px;}
}
@media(max-width:500px){
	.req_form .form_box {flex-wrap: wrap;}
	.req_form .form_box h5 {margin-bottom: 8px; width: 100%; display: none;}
	.req_form .form_box input[type="text"] {width: 100%;}
	.req_form .form_box select {width: 100%;}
	.req_form .form_box .radio_box.form_box{width:100%;}
	.req_form .form_box textarea {width: 100%;}
	.req_form .form_box.auto_rgst > div {width: 100%;}
	.req_form .form_box.auto_rgst button {height: 50px;}
	.req_form .form_box.auto_rgst h2 {font-size: 13px; height: 50px;}
}

.ft_info .ct_wrap {display: flex; padding:32px 0; justify-content: space-between; align-items: flex-start;}
.ft_info .ft_lt {width: 55%; display: flex; justify-content:space-between;}
.ft_info .ft_logo img {max-width: 114px;}
.ft_info .ft_txt {padding-left: 30px;}
.ft_info .ft_txt span a {color: #999;}
.ft_info .ft_txt .sitelink a {color: #999;}
.ft_info .ft_txt .sitelink span {margin:0 0.8em;}
.ft_info .ft_txt .info {margin: 1.5em 0 2.8em; color: #999;}
.ft_info .ft_txt .info span:after {display: inline-block; width: 1px; height: 12px; content:''; margin: 0 0.8em; background-color: #999;}
.ft_info .ft_txt .info span:last-of-type:after {display: none;}
.ft_info .ft_txt .cprt {font-size: 15px; color: #999;}
.ft_info .ft_txt .cprt a {color: #666;}

.ft_rt {display: flex; flex-direction: column; align-items: flex-end; }
.ft_familysite {position: relative; cursor: pointer; margin-bottom: 20px;}
.ft_familysite * {transition:.3s ease all;}
.ft_familysite div {display: inline-flex; padding:0 24px; width: 230px; height: 58px; justify-content:space-between; align-items:center; color: #999; border:1px solid #999;}
.ft_familysite.on div {background-color: #fff; color: #222; border: 1px solid transparent}
.ft_familysite div h5 {font-size: 14px;}
.ft_familysite div span {display: inline-block; width: 0px; height: 0px; border-top: 6px solid #999; border-left: 4px solid transparent; border-right: 4px solid transparent;}
.ft_familysite.on div span {transform:rotate(180deg); border-top: 6px solid #222;}
.ft_familysite ul {position: absolute; bottom: -57px; width: 100%; text-align: center; opacity: 0; visibility:hidden; border-top:none; background-color: #fff;}
.ft_familysite.on ul {bottom: -67px; opacity: 1; visibility:visible;}
.ft_familysite ul li a {padding:0.4em 0; display: block; text-align: center; color: #999; }
.ft_familysite ul li:first-child a {padding-top: 0.8em;}
.ft_familysite ul li:last-child a {padding-bottom: 0.8em;}

.ft_ios {display: flex; align-items: flex-end;}
.ft_ios figure {text-align: center;}
.ft_ios .ios01 img {height: 70px;}
.ft_ios .ios02 {margin-left: 10px;}
.ft_ios .ios02 img {height: 90px;}
.ft_ios figcaption {display: block; margin-top: 10px; color: #fff; font-size: 13px;}

@media(max-width:1440px){
	.ft_info .ft_lt {width: 80%; justify-content:flex-start;}
	.ft_info .ft_logo img {max-width:96px;}
	.ft_info .ft_txt .cprt {font-size: 14px;}
	.ft_familysite div {width: 200px; height: 50px;}
}
@media(max-width:1080px){
	.ft_info .ft_txt .info span {display: block; margin-bottom:0.4em;}
	.ft_info .ft_txt .info span:after {display: none;}
	.ft_info .ft_txt .info span:last-of-type {margin-bottom: 0;}

	.ft_info .ft_logo img {max-width:76px;}
	.ft_info .ft_txt .cprt {font-size: 13px;}
	.ft_familysite div {width: 185px; height: 45px;}
}
@media(max-width:768px){
	.ft_info .ct_wrap {padding:30px 0 40px;}
	.ft_info .ft_logo {margin-bottom: 20px;}
	.ft_info .ft_lt {flex-wrap: wrap; width:calc(100% - 180px);}
	.ft_info .ft_txt {padding-left: 0; width: 100%;}
	.ft_familysite div {width: 160px; height: 40px; padding: 0 12px;}
	.ft_familysite div h5 {font-size: 13px;}
	.ft_ios .ios01 img {height: 50px;}
	.ft_ios .ios02 img {height: 80px;}
}

@media(max-width:500px){
	.ft_info .ct_wrap {flex-wrap: wrap;}
	.ft_info .ft_lt {flex-wrap: wrap; width: 100%;}
	.ft_info .ft_txt {padding-left: 0; width: 100%;}
	.ft_familysite {margin-bottom: 0;}
	.ft_familysite ul {bottom: 25px;}
	.ft_familysite.on ul {bottom: 39px; left: 0; border:none; background-color: #fff;}
	.ft_familysite div span {transform: rotate(180deg);}
	.ft_familysite.on div span {transform: rotate(0);}

	.ft_rt {margin-top: 20px; flex-direction: row; justify-content: space-between; align-items: flex-end; width: 100%;}
	.ft_ios {align-items:flex-end;}
	
	
}


/************************* footer_inc 끝 *************************/



/************************* ui.totop 시작 *************************/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url("./img/ui.totop6.png") no-repeat left top;
}

#toTopHover {
	display: none;
	background:url("./img/ui.totop6.png") no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}
/************************* ui.totop 끝 *************************/