@charset "utf-8";
#container {clear: both; position: relative; width: 100%; text-align: center; margin: 0 auto; z-index: 100;}

/* 상담 바로가기 */
#chat_btn {display:none; position: fixed; bottom: 2rem; right: 2rem; z-index: 999; width: 51px; height: 51px;}
#chat_btn .chat_btn_wrap { display: flex; flex-direction: column; gap:0.5rem;}
#chat_btn .chat_btn_wrap > li {position: relative; width: 40px; height: 40px; background: #fff; border-radius: 50%; cursor: pointer; box-shadow: 0 2px 14px rgba(0, 0, 0, 0.25); overflow: hidden; border: 2px solid transparent; animation: floatUpDown 2.5s ease-in-out infinite; transition: all 0.3s ease;}
#chat_btn .chat_btn_wrap > li::before {content: ""; position: absolute; left: calc(50% - 24.5px); top: calc(50% - 24.5px); width: 49px; height: 49px; border-radius: 50%; background: rgba(255,255,255,0.3); box-shadow: 0 4px 10px rgba(0,0,0,0.25); animation: floatUpDown 2.5s ease-in-out infinite; transition: border 0.3s ease;  z-index: -1; pointer-events: none;}
#chat_btn .chat_btn_wrap > li:hover { border: 2px solid #5692f4; transform: scale(1.15);  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35);}
#chat_btn .chat_btn_wrap > li a{display: block; width: 100%; height: 100%; text-indent: -9999em; background-repeat: no-repeat; background-position: center;}
#chat_btn .chat_btn_wrap > li:nth-child(1) a{background-image: url('../images/quick_arrow.png');}
#chat_btn .chat_btn_wrap > li:nth-child(2) a{background-image:url('../images/quick_talk.png');}

/* 위아래로 움직이는 애니메이션 */
@keyframes floatUpDown {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-6px); }  /* 위로 6px */
  100% { transform: translateY(0); }
}

@media screen and (max-width: 1280px) {
	#chat_btn {bottom: 0.25rem; right: 0.25rem;}
}
@media screen and (max-width: 768px) {
	#chat_btn .chat_btn_wrap {display: none;}
}

#content_00{position:relative; width:100%; height:100vh; overflow: hidden;}
#content_00:after{content:""; display:block; height:0; clear:both; visibility:hidden;}

#content_00 .visual_list_slide{width:100%; overflow:hidden;}
#content_00 .visual_list_slide li{position:absolute; width:100%; height:100%; text-align:center; background-size:cover; background-position: center 0; animation-duration: 2s; animation-name: imagefade; animation-fill-mode: forwards;}
#content_00 .visual_list_slide li:nth-child(1){background:url('../images/mn_vis_01.jpg') no-repeat center top;}
#content_00 .visual_list_slide li:nth-child(2){background:url('../images/mn_vis_02.jpg') no-repeat center top; display:none;}
#content_00 .visual_list_slide li:nth-child(3){background:url('../images/mn_vis_03.jpg') no-repeat center top; display:none;}

@keyframes imagefade {
	from {opacity:0.98; transform: scale(1.5);}
	to {opacity:1; transform: scale(1.3);}
}

#content_00 .mnv_top{width:100%; padding-top:34vh; box-sizing: border-box;}
#content_00 .mnv_text{padding: 0 10.0rem;}
#content_00 .visual_list_slide li .eng_text,
#content_00 .visual_list_slide li .ko_text,
#content_00 .visual_list_slide li h2 {opacity: 0; animation-fill-mode: forwards;}
#content_00 .visual_list_slide li .eng_text{display:block; font-size:0.875rem; letter-spacing:0; font-weight:800; line-height:1.8; color:#faa900; animation-duration:2s;}
#content_00 .visual_list_slide li h2{font-size:2rem; color:#fff; font-weight:500; letter-spacing:-0.125rem; line-height:1.8; word-break: keep-all; animation-delay:1s; animation-duration:2s;}
#content_00 .visual_list_slide li .ko_text{display:block; font-size:0.875rem; color:#fff; font-weight:300; line-height:1.8; word-break: keep-all;  padding-top: 2.75rem; animation-delay:2s; animation-duration:2s;}

@keyframes slogan1{
	from {opacity:0; transform:translateY(10vh);}
	to {opacity:1; transform:translateY(0);}
}

.scroll_down {position:absolute; left:calc(50% - 44px); bottom: 0; width: 88px; height: 95px; color: #fff; font-size: 0.75rem;}
.scroll_down::before {content: ""; position: absolute; left: 50%; top: 2rem; width: 1px; height: 100%; background: #fff;}

@media screen and (max-width: 1024px) {
	#content_00 .visual_list_slide li h2 {font-size: 1.125rem;}
	#content_00 .visual_list_slide li .eng_text,
	#content_00 .visual_list_slide li .ko_text {font-size: 0.75rem; padding-top: 1.75rem;}
	#content_00 .mnv_text br{display: none;}
}

@media screen and (max-width: 768px) {
	#content_00 .mnv_top{padding-top:28vh;}
	#content_00 .mnv_text{padding: 0 5rem;}
	.scroll_down {height: 55px;}
}

@media screen and (max-width: 480px) {
	#content_00 .mnv_text{padding: 0 3.75rem;}
}

#content_00 .visual_list_slide li:nth-child(1) h2{animation-name: slogan1; animation-fill-mode: forwards}
#content_00 .visual_list_slide li:nth-child(1) .eng_text,
#content_00 .visual_list_slide li:nth-child(1) .ko_text{animation-name: slogan1; animation-fill-mode: forwards}

#content_00 .visual_list_slide li:nth-child(2) h2{animation-name: slogan1; animation-fill-mode: forwards}
#content_00 .visual_list_slide li:nth-child(2) .eng_text,
#content_00 .visual_list_slide li:nth-child(2) .ko_text{animation-name: slogan1; animation-fill-mode: forwards}

#content_00 .visual_list_slide li:nth-child(3) h2{animation-name: slogan1; animation-fill-mode: forwards}
#content_00 .visual_list_slide li:nth-child(3) .eng_text,
#content_00 .visual_list_slide li:nth-child(3) .ko_text{animation-name: slogan1; animation-fill-mode: forwards}


h3{position: relative; display: block; width:100%; font-size:1.875rem; font-weight:300; color:#040101; text-align:left; margin-top:6.875rem; letter-spacing:-0.125em; padding-left:7.75rem; line-height: 120%; box-sizing: border-box;}
h3 .h3_smtit{ font-size:0.875rem; color:#5692f4; font-weight:700; height:169px; letter-spacing:-0.05em; }
h3.white { color:#fff;}

h3:before{content: ""; position: absolute; display: block; left: 0; top: 0.75rem; width: 7rem; height: 1px; background-color:#5692f4;}
h4{display: block; text-align: left; font-size: 1.625rem; margin: 6.625rem 0 2rem 0; font-weight: 500; color: #fa8700;}
h4.directions{margin: 3.25rem 0 0.75rem 0;}

@media screen and (max-width: 1280px) {
	h3{padding-left: 3%;}
	h3:before{width: 2.5%;}
}
@media screen and (max-width: 1024px) {
	h3{font-size:1.25rem; margin-top: 3.5rem;}
	h3 .h3_smtit{ font-size:0.75rem;}
	h4{font-size: 1.0rem; margin: 2.5rem 0 1rem 0;}
}

#content_01{position:relative; width:100%; height:auto; overflow:hidden; padding-bottom:5.625rem; animation-duration:2s;}
#content_01:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
#content_01 .who_wrap{position:relative; width:100%; height:auto; max-width: 1286px; margin:0 auto;}
#content_01 .who_wrap .who_wrap_text{text-align: center; margin-top: 2.5rem;}
#content_01 .who_wrap .who_wrap_text .who_top_text{color: #fa8700; font-size:2rem; font-weight: 500;}
#content_01 .who_wrap .who_wrap_text .who_con_text{color: #040101; font-size:1rem; padding: 1.75rem 0 3.5rem 0;}
#content_01 .who_wrap .who_wrap_graph{opacity: 0; animation: fadeIn 1.5s ease forwards; animation-delay: 0.3s; margin: 0 auto;}
#content_01 .who_wrap .who_wrap_graph{opacity: 0; animation: fadeIn 1.5s ease forwards; animation-delay: 0.3s; margin: 0 auto;}
#content_01 .who_wrap .who_wrap_graph .who_top_graph{ position: relative; display:block; border-radius: 70px; width: 100%; max-width: 480px; margin: 0 auto; padding: 2rem 0; background: url(../images/hd_logo.png) no-repeat center center #5692f4; text-indent: -99999em;}
#content_01 .who_wrap .who_wrap_graph .who_top_graph:before{ content: ""; position: absolute; display: block; left: calc(50% - 114.5px); top: 8.5rem; width: 229px; height: 63px; background: url(../images/who_arrow.png) no-repeat center center; text-indent: -99999em;}
#content_01 .who_wrap .who_wrap_graph .who_con_graph{position: relative; width: 100%; max-width: 950px; display: block; margin: 0 auto; margin-top: 7.5rem;}
#content_01 .who_wrap .who_wrap_graph .who_con_graph .who_con_graph_wrap{width: 100%; display: flex; justify-content: center; gap:3rem;}
#content_01 .who_wrap .who_wrap_graph .who_con_graph .who_con_graph_wrap:before{ content: ""; position: absolute; display: block; left: calc(50% - 45%); top:50px; width: 90%; height: 1px; background: #dbdde6; opacity: 0; animation: fadeIn 1.5s ease forwards; animation-delay: 0.3s;}
#content_01 .who_wrap .who_wrap_graph .who_con_graph .who_con_graph_wrap > li{display: flex; flex-direction: column;}
#content_01 .who_wrap .who_wrap_graph .who_con_graph .who_con_graph_wrap > li .who_con_bg{position: relative; width:6rem; height: 6rem; margin: 0 auto; background: #fff; border: solid 3px #5692f4; border-radius: 70px; margin-bottom: 1rem; filter: drop-shadow(2px 2px 10px rgba(50,50, 50, 0.2));}
#content_01 .who_wrap .who_wrap_graph .who_con_graph .who_con_graph_wrap > li .who_con_graphtext{ font-size: 16px; text-align: center;}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: scale(0.8); /* 작게 시작 */
  }
  to {
    opacity: 1;
    transform: scale(1); /* 원래 크기로 */
  }
}
#content_01 .who_wrap .who_wrap_graph .who_con_graph .who_con_graph_wrap > li .who_con_bg::before{content: ""; position: absolute; display: block; left:calc(50% - 48px); top:calc(50% - 48px); width:6rem; height: 6rem;  transform: scale(0.8); background-repeat: no-repeat;}
#content_01 .who_wrap .who_wrap_graph .who_con_graph .who_con_graph_wrap > li .who_con_bg.who_con_bg_01::before{ background:url('../images/who_icon_01_on.png') no-repeat center center;}
#content_01 .who_wrap .who_wrap_graph .who_con_graph .who_con_graph_wrap > li .who_con_bg.who_con_bg_02::before{ background:url('../images/who_icon_02_on.png') no-repeat center center;}
#content_01 .who_wrap .who_wrap_graph .who_con_graph .who_con_graph_wrap > li .who_con_bg.who_con_bg_03::before{ background:url('../images/who_icon_03_on.png') no-repeat center center;}
#content_01 .who_wrap .who_wrap_graph .who_con_graph .who_con_graph_wrap > li .who_con_bg.who_con_bg_04::before{ background:url('../images/who_icon_04_on.png') no-repeat center center;}
#content_01 .who_wrap .who_wrap_graph .who_con_graph .who_con_graph_wrap > li .who_con_bg.who_con_bg_05::before{ background:url('../images/who_icon_05_on.png') no-repeat center center;}
#content_01 .who_wrap .who_wrap_graph .who_con_graph .who_con_graph_wrap > li .who_con_bg.who_con_bg_06::before{ background:url('../images/who_icon_06_on.png') no-repeat center center;}

#content_01 .who_wrap .who_con_number{ position: relative; margin-top: 3.5rem; background: #e8f2ff; padding: 0 2rem; border-radius: 3rem;}
#content_01 .who_wrap .who_con_number .who_con_number_wrap{ display: flex; justify-content: space-between; gap:6rem; overflow: hidden; margin:0 auto; max-width: 950px;}
#content_01 .who_wrap .who_con_number .who_con_number_wrap > li{position: relative; display: flex; justify-content: center; width: 33.33%; margin: 2.875rem 0; text-align: left;}
#content_01 .who_wrap .who_con_number .who_con_number_wrap > li:before{ content: ""; position: absolute; display: block; right:-3rem; top: 0; width:1px; height:100%; border-right: 1px dotted #d2dceb;}
#content_01 .who_wrap .who_con_number .who_con_number_wrap > li:last-child{ border-right: none;}
#content_01 .who_wrap .who_con_number .who_con_number_wrap > li .who_con_numberbg_01{position: relative; width: 70px; height: 70px; border-radius: 50%; margin-right: 1rem; background:url('../images/who_icon_numberbg_01.png') no-repeat center center #fff; filter: drop-shadow(7px 6px 8px rgba(162, 187, 225, 0.2));}
#content_01 .who_wrap .who_con_number .who_con_number_wrap > li .who_con_numberbg_02{position: relative; width: 70px; height: 70px; border-radius: 50%; margin-right: 1rem; background:url('../images/who_icon_numberbg_02.png') no-repeat center center #fff; filter: drop-shadow(7px 6px 8px rgba(162, 187, 225, 0.2));}
#content_01 .who_wrap .who_con_number .who_con_number_wrap > li .who_con_numberbg_03{position: relative; width: 70px; height: 70px; border-radius: 50%; margin-right: 1rem; background:url('../images/who_icon_numberbg_03.png') no-repeat center center #fff; filter: drop-shadow(7px 6px 8px rgba(162, 187, 225, 0.2));}

#content_01 .who_wrap .who_con_number .who_con_number_wrap > li .who_con_number_text{ font-size: 2.25rem; font-weight: 500; color:#5692f4;}
#content_01 .who_wrap .who_con_number .who_con_number_wrap > li .who_con_number_text .who_con_number_title{ display: block; font-size: 1rem; color:#040101; font-weight: 800; margin:0 0 0.5rem 0.25rem; }

@media screen and (max-width:1280px) {
	#content_01 .who_wrap{width: 94%;}
}
@media screen and (max-width: 1024px) {
	#content_01 .who_wrap .who_wrap_text{padding: 1rem 2.5rem 0 2.5rem;}
	#content_01 .who_wrap .who_wrap_text .who_top_text,
	#content_01 .who_wrap .who_con_number .who_con_number_wrap > li .who_con_number_text{font-size:1.25rem; padding-top: 1rem;}
	#content_01 .who_wrap .who_wrap_text .who_con_text{ font-size:0.875rem; line-height: 150%;}
	#content_01 .who_wrap .who_con_number .who_con_number_wrap > li .who_con_number_text .who_con_number_title{ font-size:0.75rem; line-height: 130%;}
	#content_01 .who_wrap .who_wrap_graph .who_con_graph .who_con_graph_wrap{flex-wrap: wrap; gap: 1rem;}
	#content_01 .who_wrap .who_wrap_graph .who_con_graph .who_con_graph_wrap > li{width:30%;}
	#content_01 .who_wrap .who_wrap_graph .who_con_graph .who_con_graph_wrap:before{display: none;}
	#content_01 .who_wrap .who_wrap_graph .who_con_graph .who_con_graph_wrap > li .who_con_graphtext{ font-size:0.875rem;}
	#content_01 .who_wrap .who_con_number .who_con_number_wrap > li{margin: 1.5rem 0;}
}
@media screen and (max-width: 768px) {
	#content_01{padding-bottom: 2.5rem;}
	#content_01 .who_wrap .who_wrap_graph .who_con_graph .who_con_graph_wrap > li .who_con_bg{width: 4rem; height: 4rem;}
	#content_01 .who_wrap .who_wrap_graph .who_con_graph .who_con_graph_wrap > li .who_con_bg::before{left: calc(50% - 32px); top: calc(50% - 32px); width: 4rem; height: 4rem; transform: scale(0.5);}
	#content_01 .who_wrap .who_con_number{padding: 0 0.5rem; border-radius: 0.5rem;}
	#content_01 .who_wrap .who_con_number .who_con_number_wrap{gap:0;}
	#content_01 .who_wrap .who_con_number .who_con_number_wrap > li{ margin:0.5rem 0; justify-content: flex-start; flex-direction: column;}
	#content_01 .who_wrap .who_con_number .who_con_number_wrap > li:last-child{border-bottom: none;}
	#content_01 .who_wrap .who_con_number .who_con_number_wrap > li:before{ right: 0; height: 80%; margin-top: 10%;}
	#content_01 .who_wrap .who_con_number .who_con_number_wrap > li:last-child:before{display: none;}
	#content_01 .who_wrap .who_con_number .who_con_number_wrap > li .who_con_numberbg_01,
	#content_01 .who_wrap .who_con_number .who_con_number_wrap > li .who_con_numberbg_02,
	#content_01 .who_wrap .who_con_number .who_con_number_wrap > li .who_con_numberbg_03{ margin:0 auto; transform: scale(0.7);}
	#content_01 .who_wrap .who_con_number .who_con_number_wrap > li .who_con_number_text .who_con_number_title{margin: 0;}
	#content_01 .who_wrap .who_wrap_text .who_top_text, #content_01 .who_wrap .who_con_number .who_con_number_wrap > li .who_con_number_text{text-align: center; padding-top: 0;}
}

#content_02{position:relative; width:100%; height:auto; overflow:hidden; padding-bottom:5.625rem; background: #253579; animation-duration:2s;}
#content_02:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
#content_02 .what_wrap{position:relative; width:100%; height:auto; max-width: 1286px; margin:0 auto;}
#content_02 .what_wrap .what_wrap_sec{display: flex; justify-content: flex-start; gap: 2.5rem; margin: 6.625rem 0  2.75rem 0;}
#content_02 .what_wrap .what_wrap_sec li{ position: relative; width:25%;}
#content_02 .what_wrap .what_wrap_sec li:first-child{padding-bottom: 4.5rem;}
#content_02 .what_wrap .what_wrap_sec li .what_bg {position: relative; display: block; width: 100%; height: 319px; background:url('../images/what_hp_00.png') no-repeat 0 bottom; background-size: cover; padding: 1.5rem; border-radius: 10px; }
#content_02 .what_wrap .what_wrap_sec li .what_titleeng{display: block;width:100%; height:100%; font-size: 1.25rem; font-weight: 800; word-break: keep-all; color:#5692f4;}
#content_02 .what_wrap .what_wrap_sec li .what_bg::before {content: ""; position: absolute; display: block; left:calc(50% - 115px); top: 0; width:230px; height:234px; padding-top: 9rem; border-radius: 1rem; background-repeat: no-repeat;}
#content_02 .what_wrap .what_wrap_sec li .what_bg.what_bg_01::before { background:url('../images/what_hp_01.png') no-repeat center center;}
#content_02 .what_wrap .what_wrap_sec li .what_bg.what_bg_02::before { background:url('../images/what_hp_02.png') no-repeat center center;}
#content_02 .what_wrap .what_wrap_sec li .what_bg.what_bg_03::before { background:url('../images/what_hp_03.png') no-repeat center center;}
#content_02 .what_wrap .what_wrap_sec li .what_bg.what_bg_04::before { background:url('../images/what_hp_04.png') no-repeat center center;}
#content_02 .what_wrap .what_wrap_sec li .what_text_wrap{ text-align: left; margin-top: 1rem; opacity: 0.9;}

#content_02 .what_wrap .what_wrap_sec li .what_boldtext{display: block; font-size: 1rem; font-weight: 600; margin-bottom: 0.25rem;}
#content_02 .what_wrap .what_wrap_sec li .what_smtext{display: block; font-weight: 400; color: #fff; opacity: 0.9; }

@media screen and (max-width:1280px) {
	#content_02 .what_wrap{width: 94%;}
}
@media screen and (max-width:1024px) {
	#content_02 .what_wrap .what_wrap_sec{gap: 1rem; margin: 2.5rem 0 2.75rem 0;}
	#content_02 .what_wrap .what_wrap_sec li .what_titleeng{font-size:1rem;}
	#content_02 .what_wrap .what_wrap_sec li .what_smtext{font-size:0.875rem;}
	#content_02 .what_wrap .what_wrap_sec li .what_bg::before{ transform: scale(0.7);}
}
@media screen and (max-width:768px) {
	#content_02{padding-bottom: 0;}
	#content_02 .what_wrap .what_wrap_sec{flex-wrap: wrap;}
	#content_02 .what_wrap .what_wrap_sec li{width: calc(50% - 0.5rem);}
	#content_02 .what_wrap .what_wrap_sec li:first-child{padding-bottom: 1rem}
	#content_02 .what_wrap .what_wrap_sec li .what_bg{height: 219px;}
	#content_02 .what_wrap .what_wrap_sec li .what_bg::before{ transform: scale(0.6);}
	#content_02 .what_wrap .what_wrap_sec li .what_bg.what_bg_01::before,
	#content_02 .what_wrap .what_wrap_sec li .what_bg.what_bg_02::before,
	#content_02 .what_wrap .what_wrap_sec li .what_bg.what_bg_03::before,
	#content_02 .what_wrap .what_wrap_sec li .what_bg.what_bg_04::before{background-position: center 0;}
}
@media screen and (max-width:480px) {
	#content_02 .what_wrap .what_wrap_sec li .what_bg::before{ transform: scale(0.5);}
}
	
#content_03{position:relative; width:100%; height:auto; background:#e6ebf3; padding-bottom:5.625rem; overflow:hidden; animation-duration:2s;}
#content_03:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
#content_03 .support_wrap{position:relative; width:100%; height:auto; max-width: 1286px; margin:0 auto;}
#content_03 .support_wrap > ul{width:100%; display: flex; justify-content: flex-start; gap:0.75rem; flex-wrap: wrap; align-items: center;}
#content_03 .support_wrap > ul > li{position: relative; display: flex; align-items: center; justify-content: flex-start; width: calc(25% - 0.5625rem); height: 56px; background: #fff; filter: drop-shadow(7px 6px 8px rgba(162, 187, 225, 0.2)); border-radius: 10px; }
#content_03 .support_wrap > ul > li .support_bg{position: relative; display: block; width: 4rem; height: 100%; vertical-align: middle; text-indent: -9999em;}
#content_03 .support_wrap > ul > li .support_bg::before{content: ""; position: absolute; display: block; left:0; top: 0; width: 4rem; height: 56px; background:url('../images/support_local_01.png') no-repeat center center; background-repeat: no-repeat;}
#content_03 .support_wrap > ul > li .support_text{position: relative; width: calc(100% - 4rem); letter-spacing: -0.02em; line-height: 130%;  font-weight: 500; word-break: keep-all; text-align: left; vertical-align: middle;}
#content_03 .support_wrap > ul > li .support_bg.local_01::before { background:url('../images/support_local_01.png') no-repeat center center;}
#content_03 .support_wrap > ul > li .support_bg.local_02::before { background:url('../images/support_local_02.png') no-repeat center center;}
#content_03 .support_wrap > ul > li .support_bg.local_03::before { background:url('../images/support_local_03.png') no-repeat center center;}
#content_03 .support_wrap > ul > li .support_bg.local_04::before { background:url('../images/support_local_04.png') no-repeat center center;}
#content_03 .support_wrap > ul > li .support_bg.local_05::before { background:url('../images/support_local_05.png') no-repeat center center;}
#content_03 .support_wrap > ul > li .support_bg.local_06::before { background:url('../images/support_local_06.png') no-repeat center center;}
#content_03 .support_wrap > ul > li .support_bg.local_07::before { background:url('../images/support_local_07.png') no-repeat center center;}
#content_03 .support_wrap > ul > li .support_bg.local_08::before { background:url('../images/support_local_08.png') no-repeat center center;}
#content_03 .support_wrap > ul > li .support_bg.local_09::before { background:url('../images/support_local_09.png') no-repeat center center;}
#content_03 .support_wrap > ul > li .support_bg.local_10::before { background:url('../images/support_local_10.png') no-repeat center center;}
#content_03 .support_wrap > ul > li .support_bg.local_11::before { background:url('../images/support_local_11.png') no-repeat center center;}
#content_03 .support_wrap > ul > li .support_bg.local_12::before { background:url('../images/support_local_12.png') no-repeat center center;}
#content_03 .support_wrap > ul > li .support_bg.local_13::before { background:url('../images/support_local_13.png') no-repeat center center;}
#content_03 .support_wrap > ul > li .support_bg.local_14::before { background:url('../images/support_local_14.png') no-repeat center center;}
#content_03 .support_wrap > ul > li .support_bg.local_15::before { background:url('../images/support_local_15.png') no-repeat center center;}
#content_03 .support_wrap > ul > li .support_bg.local_16::before { background:url('../images/support_local_16.png') no-repeat center center;}
#content_03 .support_wrap > ul > li .support_bg.local_17::before { background:url('../images/support_local_17.png') no-repeat center center;}
#content_03 .support_wrap > ul > li .support_bg.local_18::before { background:url('../images/support_local_18.png') no-repeat center center;}
#content_03 .support_wrap > ul > li .support_bg.local_19::before { background:url('../images/support_local_19.png') no-repeat center center;}
#content_03 .support_wrap > ul > li .support_bg.local_20::before { background:url('../images/support_local_20.png') no-repeat center center;}
#content_03 .support_wrap > ul > li .support_bg.local_21::before { background:url('../images/support_local_21.png') no-repeat center center;}
#content_03 .support_wrap > ul > li .support_bg.local_22::before { background:url('../images/support_local_22.png') no-repeat center center;}

#content_03 .support_wrap > ul > li .support_bg.out_01::before { background:url('../images/support_out_01.png') no-repeat center center;}
#content_03 .support_wrap > ul > li .support_bg.out_02::before { background:url('../images/support_out_02.png') no-repeat center center;}
#content_03 .support_wrap > ul > li .support_bg.out_03::before { background:url('../images/support_out_03.png') no-repeat center center;}
#content_03 .support_wrap > ul > li .support_bg.out_04::before { background:url('../images/support_out_04.png') no-repeat center center;}
#content_03 .support_wrap > ul > li .support_bg.out_05::before { background:url('../images/support_out_05.png') no-repeat center center;}
#content_03 .support_wrap > ul > li .support_bg.out_06::before { background:url('../images/support_out_06.png') no-repeat center center;}
#content_03 .support_wrap > ul > li .support_bg.out_07::before { background:url('../images/support_out_07.png') no-repeat center center;}
#content_03 .support_wrap > ul > li .support_bg.out_08::before { background:url('../images/support_out_08.png') no-repeat center center;}
#content_03 .support_wrap > ul > li .support_bg.out_09::before { background:url('../images/support_out_09.png') no-repeat center center;}
#content_03 .support_wrap > ul > li .support_bg.out_10::before { background:url('../images/support_out_10.png') no-repeat center center;}
#content_03 .support_wrap > ul > li .support_bg.out_11::before { background:url('../images/support_out_11.png') no-repeat center center;}
#content_03 .support_wrap > ul > li .support_bg.out_12::before { background:url('../images/support_out_12.png') no-repeat center center;}
#content_03 .support_wrap > ul > li .support_bg.out_13::before { background:url('../images/support_out_13.png') no-repeat center center;}

#content_03 .support_wrap > ul > li .support_bg.others_01::before { background:url('../images/support_others_01.png') no-repeat center center;}
#content_03 .support_wrap > ul > li .support_bg.others_02::before { background:url('../images/support_others_02.png') no-repeat center center;}
#content_03 .support_wrap > ul > li .support_bg.others_03::before { background:url('../images/support_others_03.png') no-repeat center center;}

@media screen and (max-width:1280px) {
	#content_03 .support_wrap{width: 94%;}
	#content_03 .support_wrap > ul > li{width: calc(33.33% - 0.5625rem);}
}
@media screen and (max-width:1024px) {
	#content_03{padding-bottom: 2.5rem;}
	#content_03 .support_wrap{width: 94%;}
	#content_03 .support_wrap > ul > li{ font-size: 0.75rem; height: 50px;}
}
@media screen and (max-width:768px) {
	#content_03 .support_wrap > ul{gap:0.4375rem;}
	#content_03 .support_wrap > ul > li{width: calc(50% - 0.21875rem);}
	#content_03 .support_wrap > ul > li .support_text{width: calc(100% - 2.5rem);}
	#content_03 .support_wrap > ul > li .support_bg,
	#content_03 .support_wrap > ul > li .support_bg::before{width: 2.5rem; height: 50px; transform: scale(0.9);}
}

#content_04{position:relative; width:100%; height:auto; background:#fff; padding-bottom:5.625rem; overflow:hidden; animation-duration:2s;}
#content_04:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
#content_04 .directions_wrap{position:relative; width:100%; height:auto; max-width: 1286px; margin:0 auto; text-align: center;}
#content_04 .directions_wrap .directions_text{text-align: left; font-size: 1.125rem;}
#content_04 .directions_wrap .directions_text br{display: none;}
#content_04 .directions_wrap .directions_map{display: block; width: 100%; height: 410px; margin: 2rem 0; overflow: hidden; border-bottom:1px solid #e0e0e0;}

@media screen and (max-width:1280px) {
	#content_04 .directions_wrap{width: 94%;}
}
@media screen and (max-width:1024px) {
	h4.directions{margin: 1.25rem 0 0 0;}
	#content_04{padding-bottom: 2.5rem;}
	#content_04 .directions_wrap .directions_text{font-size: 0.75rem; line-height: 160%;}
}
@media screen and (max-width:768px) {
	#content_04 .directions_wrap .directions_text br{display:inline-block;}
}