@media only screen and (max-width: 1700px){
 .sub_rnd_list>li:nth-child(2) { margin-top: 8.2353vw; } 
 .sub_rnd_list>li:nth-child(3) { margin-top: 17.6471vw; } 
 .sub_rnd_list>li:nth-child(4) { margin-bottom: 23.0000vw; } 

 .sub_rnd_list>li:nth-child(1) div.sub_rnd_img { width: 26.9412vw; height: 33.8824vw; margin-left: 64.7647vw; top: 14.5882vw; border-radius: 0.4706vw; } 
 .sub_rnd_list>li:nth-child(2) div.sub_rnd_img { width: 56.4706vw; height: 38.0000vw; } 
 .sub_rnd_list>li:nth-child(3) div.sub_rnd_img { width: 42.3529vw; height: 50.4706vw; margin-left: 56.5882vw; } 
 .sub_rnd_list>li:nth-child(4) div.sub_rnd_img { width: 82.3529vw; height: 35.2941vw; margin: 0 auto; top: 13.1176vw; } 

 .sub_rnd_list>li div.text_box span { font-size: 1.8824vw; letter-spacing: -0.0588vw; margin-bottom: 0.9412vw; } 
 .sub_rnd_list>li div.text_box strong { font-size: 1.7647vw; letter-spacing: -0.0588vw; margin-bottom: 0.9412vw; } 
 .sub_rnd_list>li div.text_box p { font-size: 16px; letter-spacing: -0.0588vw; } 

 .sub_rnd_list>li:nth-child(1) div.text_box { width: 50.0000vw; height: 20.0000vw; top: 5.9412vw; left: 30.7vw; } 
 .sub_rnd_list>li:nth-child(2) div.text_box { width: 50.0000vw; height: 20.2353vw; top: 13.4118vw; left: 58.1765vw; } 
 .sub_rnd_list>li:nth-child(3) div.text_box { width: 37.4706vw; height: 21.5294vw; top: 9.2353vw; left: 33.0000vw; } 
 .sub_rnd_list>li:nth-child(4) div.text_box { width: 40.0000vw; height: 20.2353vw; top: -1.53vw; left: 50.5882vw; } 
 
 .sub_rnd_scroll { top: 6.0000vw; left: 17.1765vw; } 
 .sub_rnd_scroll a { margin-bottom: 0.9412vw; } 
 .sub_rnd_scroll a { font-size: 1.0588vw; letter-spacing: -0.0588vw; } 

 .circle_01>span { top: 23.5294vw; left: 23.5294vw; width: 47.0588vw; height: 47.0588vw; transition: all 1200ms; background: linear-gradient(180deg, #4CCFF9 0%, #40E38D 100%); opacity: .6; border-radius: 100%; transition: all; transform: translate(-50%, -50%); } 
 .circle_02>span { width: 9.1765vw; height: 9.1765vw; top: 39.6471vw; left: 5.6471vw; background: linear-gradient(90deg, #00D2CE 0%, #28E087 100%); border-radius: 50%; } 
 .circle_03>span { width: 9.1765vw; height: 9.1765vw; top: 5.1400vw; left: 45.8824vw; background: #00D2CF; border-radius: 50%; } 
 .circle_04>span { width: 23.5294vw; height: 23.5294vw; top: 89.7059vw; right: 8.9583vw; background: linear-gradient(159.52deg, #40E38F 11.81%, #9DA1F9 87.69%); border-radius: 50%; } 
}

@media only screen and (max-width: 1640px){
 .circle_04 { right: -3.0112vw; } 
 }

@media only screen and (max-width: 1432px) {
 /* rnd */
 .sub_rnd_list>li:nth-child(2) div.sub_rnd_img { margin-left: -10vw; } 
 .sub_rnd_list>li:nth-child(2) div.text_box { left: 50.4146vw; } 
 }

@media only screen and (max-width: 1320px){
 .header { padding: 32px 16px; } 
 .header .logo { } 
 
 .web_br_none_1300 { display: none; }
 }

@media only screen and (max-width: 1232px){
 .br_1232 { display: block; } 
 .vision { display: block; } 
 .vision h3 { padding: 0; width: 100%; max-width: 100%; text-align: center; margin-bottom: 16px; padding: 0 16px; padding-top: 80px; } 
 .vision h3::after { display: none; } 

 .vision_box::after { display: none; } 
 .vision_box { width: 100%; max-width: 100%; padding: 0 16px; padding-bottom: 80px; } 
 .vision_box>span { display: block; text-align: center; margin-bottom: 8px; } 
 .vision_box>p { text-align: center; } 
 .vision_list>li { display: flex; justify-content: center; align-items: center; flex-direction: column; margin-bottom: 32px; } 
 .vision_list>li p { display: block; text-align: center; } 

 .business { padding: 3.8961vw 0 13.3117vw; } 
 .business h4 { font-size: 4.2208vw; letter-spacing: -0.0812vw; margin-bottom: 1.9481vw; } 

 .busi_list li div.text { padding: 3.8961vw; } 
 .busi_list li div.text span { font-size: 2.2727vw; letter-spacing: -0.0812vw; margin-bottom: 1.2987vw; } 
 .busi_list li div.text p { font-size: 2.4351vw; margin-bottom: 6.4935vw; } 
 .busi_list li div.text a strong { font-size: 1.4610vw; } 
 .busi_list li div.text a i { } 
 .busi_list li div.text a:hover i { margin-left: 2.5974vw; } 
 .busi_list li div.text::before { opacity: 0.7; } 

 .busi_list li:first-child { margin-bottom: 3.2468vw; } 
 .busi_list li:first-child img { max-width: 38.9610vw; } 
 .busi_list li:nth-child(2) { max-width: 55.1948vw; flex-direction: column; margin-right: 3.2468vw; margin-bottom: 3.2468vw; } 
 .busi_list li:nth-child(3) { max-width: calc(100% - 58.5vw); flex-direction: column-reverse; margin-bottom: 3.2468vw; } 
 .busi_list li:nth-child(3) div.text::before { } 
 .busi_list li:nth-child(4) img { height: 38.9610vw; } 
 .ico.arrow_right { width: 2.2727vw; height: 2.2727vw; margin-top: -0.4870vw; } 

 .recruit h4 { font-size: 4.2208vw; margin-bottom: 0.6494vw; } 
 .recruit span { font-size: 1.4610vw; letter-spacing: -0.0649vw; margin-bottom: 3.2468vw; } 
 .recruit a { padding: 1.8669vw 5.2760vw; font-size: 1.4610vw; line-height: 1; } 

 .brand_list li { width: 23.0519vw; height: 23.0519vw; margin-bottom: 1.2987vw; } 

 /* business */
 .sub_busi_box .list_box .img { border-radius: 0.6494vw; width: 43.9481vw; height: 43.9481vw; margin: 0 1.2987vw; } 
 .sub_busi_box .list_box ol { padding-top: 3.1169vw; } 
 .sub_company .box .img_box { width: 1200px; } 

 .sub_header_menu.fixed { padding: 28px 16px; } 


 /* recruit */
 .sub_recruit .list_box li { width: 30.8442vw; margin-bottom: 8.3333vw; } 
 
}


@media only screen and (max-width: 1092px) { /**/

.web_br_1092 {display: block;}
.web_br_none_1092 {display: none;}
 
.web_br_vision { display: inline; } 
 
.brand_list li { width: 32vw; height: 32vw; } 

 /* sub vision */
 .web_1092 { display: inline; } 
 .sub_vision_con li { display: block; } 
 .sub_vision_con li div.box { width: 100%; } 
 .sub_vision_con li>span { position: relative; display: block; margin-bottom: 16px; } 
 .sub_vision_con li div.box .img img { max-height: 17.1429vw; margin: 32px 0; } 
 .sub_vision_con li div.box .img { flex-wrap: wrap; } 
 .sub_vision_con li div.box .img div.img_box { width: 50%; } 

 /* business */
 .sub_busi_box .list_box { display: block; } 
 .sub_busi_box .list_box ol { width: 100%; margin-bottom: 16px; } 
 .sub_busi_box .list_box .img { display: none; } 


 /* rnd */
 .sub_rnd_list>li:nth-child(1) div.sub_rnd_img div { background: url('/images/skin/time/sub/rnd_img_mo_01.png') no-repeat center / cover; } 
 .sub_rnd_list>li:nth-child(2) div.sub_rnd_img div { background: url('/images/skin/time/sub/rnd_img_mo_02.png') no-repeat center / cover; } 
 .sub_rnd_list>li:nth-child(3) div.sub_rnd_img div { background: url('/images/skin/time/sub/rnd_img_mo_03.png') no-repeat center / cover; } 

 .sub_rnd_list>li { margin-top: 0 !important; margin-bottom: 96px; background-color: #fff !important; } 
 .sub_rnd_list>li .box { width: 100%; padding: 0 16px; display: flex; justify-content: flex-start; align-items: flex-start; } 
 .sub_rnd_list>li div.sub_rnd_img { margin-right: initial !important; margin-left: initial !important; top: initial !important; width: 24vw !important; height: 24vw !important; } 
 .sub_rnd_list>li div.text_box { padding-top: 40px; margin-left: 32px; position: relative; width: 60% !important; height: initial !important; left: initial !important; top: initial !important; } 
 .sub_rnd_scroll { top: 3vw; left: 85.1765vw; } 

 .sub_rnd_list>li div.text_box span { font-size: 24px; } 
 .sub_rnd_list>li div.text_box strong { font-size: 18px; } 
 .sub_rnd_list>li div.text_box p { font-size: 16px; } 
 .sub_rnd_list>li:last-child div.text_box p { color: rgba(0, 0, 0, 0.78); font-weight: 400; } 
 .sub_rnd_scroll a { font-size: 16px; } 

 /* recruit */
 .sub_recruit .text_box { display: block; } 

 /* map */
 .map_box .info li strong { min-width: 30%; width: 30%; } 
 .sub_vision_ceo_img span { font-size: 3.5vw; top: 28vw; left: 8%; } 
.sub_vision_ceo_img .circle { top: 16vw; width: 13vw; } 
.sub_vision_ceo_img { margin-bottom: 10vw; } 
 }

@media only screen and ( max-width: 1024px ) {
 .container { padding-bottom: 0; }

 .sub_vision .visual span.text { font-size: 24px;}
 .sub_vision .visual span.text .circle { position: absolute; top: -22%; display: block; width: 88px; }

 /* 모바일 본사배너 하단 고정 */
 .main-banner .main-swiper-mobile { position: fixed; max-width: calc(100% - 32px); left: 0; right: 0; bottom: 24px; margin: 0 auto; z-index: 100; }
 .main-banner .main-swiper-mobile .swiper-slide img { box-shadow: 0px 0px 1px 0px rgba(68, 68, 68, 0.21), 0px 10px 10px 0px rgba(68, 68, 68, 0.16); }
 #footer { padding-bottom: 240px; }
}

 @media only screen and (max-width: 960px){
 .mo_br_960 { display: block; } 
 .sub_header_text .typing-txt.ex { min-height: 288px; } 
 .sub_header_text .typing-txt-fake.ex { min-height: 288px; } 
 }

@media only screen and (max-width: 900px){
	
 .header { padding: 32px 16px; } 
 .gnb ul li>a { margin-left: 0; } 
 .gnb>ul { padding-right: 16px; } 
 .gnb ul li .sub_menu {margin-left: 0;}
 .gnb ul li .sub_menu>li { margin-left: 0; } 
 .lang { padding: 16px; margin-left: 0; } 
 
 .brand_list { justify-content: space-around; } 

 .footer_logo a { margin-right: 6.0717vw; padding-top: 5.3991vw; } 
 .footer_logo a img { max-width: 19.7309vw; object-fit: contain; margin-right: 6.0717vw; } 

 .main { padding-bottom: 68px; } 

 .sub_header_text { display: block; } 
 .sub_header_text>* { width: 100%; } 
 .sub_header_text .typing-txt { margin-bottom: 16px; } 

 /* sub vision */
 .web_br_vision { display: block; } 
 .web_900 { display: inline; } 
 .web_1092 { display: inline; } 
 .mo_br_900 { display: block; } 
 .sub_vision_con li div.box p { text-align: center; } 


 /* business */
 .sub_company .box .text_box { display: block; margin-top: 32px; } 
 .sub_company .box .text_box p { width: 100%; margin-bottom: 48px; text-align: justify; font-size: 18px; } 
 .sub_company .web_br { display: none; } 
 .sub_company .box .img_box div { width: 100vw; } 
 .sub_company .box .img_box span { font-size: 32px; } 

 /* recruit */
 .sub_recruit .list_box li { width: 49%; margin-bottom: 64px; } 

 /* map */
 .map_box .info li strong { font-size: 28px; } 
 .map_box .info li p { font-size: 24px; } 
 
 }


@media only screen and (max-width: 768px) { /**/
 .busi_list .web_br { display: none; }
 .web_br_1092 {display: inline;}
 .header .logo { max-width: 131px; } 
 .web_br_768 { display: none; } 
 .mo_br { display: block; } 
 .lang span { position: absolute; top: 0; left: 0; padding: 0; } 

 .header { padding: 16px; } 
 .mobile_toggle_btn { position: relative; display: flex; justify-content: space-around; align-items: center; flex-direction: column; width: 24px; height: 16px; top: 3px; } 
 .mobile_toggle_btn span { position: absolute; width: 100%; height: 3px; background-color: #000; transition: all 0.3s ease; transform: rotate(0) } 
 .mobile_toggle_btn span:first-child { position: absolute; top: -3px; } 
 .mobile_toggle_btn span:last-child { position: absolute; top: 3px; } 
 .mobile_toggle_btn.active span { position: absolute; } 
 .mobile_toggle_btn.active span:first-child { animation: toggle_motion_01 .2s forwards linear; } 
 .mobile_toggle_btn.active span:last-child { animation: toggle_motion_02 .2s forwards linear; } 

 .sub_header_menu { padding: 16px 0; }
 .sub_header_menu>li>a { margin-right: 32px; } 
 .sub_header_menu>li>a.active::before { left: 53%; } 
 .sub_contents::after { width: calc(100% - 32px); }
 
 .menu_switch { top: 2px; }

 .sub_company .box .text_box p { font-size: 18px; } 

 .sub_page_info { padding-top: 32px; }
 .sub_navi {margin-bottom: 8px;}
 .sub_header_text .typing-txt-fake {top: 24px;}
 .sub_header_text .typing-txt-fake.ex {top: 24px;}
 
 .main span { font-size: 16px; } 
 .brand h4 { font-size: 32px; } 
 
 .vision_box>p {font-size: 32px;}

 .sub_vision .visual span.text { font-size: 22px; font-weight: 500; line-height: 1.6; letter-spacing: -1px; text-align: left; color: #fff; max-width: 100%; width: 100%; text-align: center; } 
 .sub_vision .visual span.text .circle { position: absolute; top: -18%; left: 50%; display: block; transform: translate(-50%, -50%); background: url('/images/skin/time/sub/ceo_bg_circle.png') no-repeat center / contain; width: 50px; } 

 @keyframes toggle_motion_01 { 
 0% { } 
 50% { top: 0; } 
 100% { top: 0; transform: rotate(45deg); } 
 }

 @keyframes toggle_motion_02 { 
 0% { } 
 50% { top: 0; } 
 100% { top: 0; transform: rotate(-45deg) } 
 }

 .gnb { position: fixed; top: 0; left: 100%; display: block; width: 100%; height: 100%; background-color: #fff; transition: all 0.3s ease-in-out; } 
 .gnb.active { left: 0; } 
 .gnb>ul { padding-top: 68px; display: block; padding-right: 0; } 
 .gnb ul li>a { display: flex; justify-content: space-between; align-items: center; text-align: left; border-radius: 0; } 
 .gnb ul li>a>i { width: 36px; height: 36px; display: block; } 
 .gnb ul li .sub_menu { position: relative; display: none; padding-top: 0; } 
 .gnb ul li .sub_menu>li { border: 0; box-shadow: 0; border-radius: 0; } 
 .gnb ul li:hover .sub_menu { display: none; } 
 .gnb ul li .sub_menu.active { display: block !important; top: inherit; margin-left: 0; background: none; } 
 .gnb ul li .sub_menu>li>a { display: flex; justify-content: flex-start; padding: 10px; padding-left: 32px; border-radius: 0; } 
 .gnb>ul>li>a { padding: 16px; border-bottom: 1px solid #d8d8d8; } 

 .lang { padding: 16px; margin-left: 0; position: absolute; top: 28px; right: 15%; justify-content: space-between; } 
 .gnb ul li .sub_menu>li>a:hover { color: #fff; } 
 .gnb ul li .sub_menu>li>a.on { color: #fff; background: linear-gradient(90deg, #00D2CE 0%, #28E087 100%); } 
 .gnb ul li:hover .main_menu { background-color: #fff; color: #5252A9; } 
 .gnb ul li .main_menu.on { color: #5252A9; } 

 .main_video { height: 300px; } 
 .main_video video { position: absolute; top: 54%; left: 50%; transform: translate(-50%, -50%); width: 760px; height: 380px; } 

 .vision h3 { padding-top: 0; } 
 .vision_list>li { width: 100%; } 
 .br_1232 { display: none; } 

 #business .inner { padding: 0; } 
 .business { padding-top: 64px; padding-bottom: 0; } 
 .business h4 { font-size: 8.4vw; padding-bottom: 32px; margin-bottom: 0; padding-left: 16px; text-align :center; } 
 .vision h3 { font-size: 8.4vw; } 
 .circle_01, .circle_02, .circle_03, .circle_04 { display: none; } 

 .brand_list li { width: 40vw; height: 40vw; margin-bottom: 0; } 
 .busi_list li { flex-direction: column; margin-bottom: 24px !important; } 
 .busi_list li:first-child { flex-direction: column; } 
 .busi_list li:first-child img { max-width: 100%; } 
 .busi_list li:nth-child(2) { max-width: 100%; margin-right: 0; margin-bottom: 0; } 
 .busi_list li:nth-child(3) { flex-direction: column; max-width: 100%; min-height: 720px; } 
 .busi_list li:nth-child(4) img { height: initial; } 
 .busi_list li:first-child { margin-bottom: 0; } 
 .busi_list li div.text { padding: 32px 24px; padding-bottom: 48px; } 
 .busi_list li div.text span { font-size: 24px; line-height: 1.2; letter-spacing: -1px; margin-bottom: 16px; } 
 .busi_list li div.text p { font-size: 18px; font-weight: 300; line-height: 1.6; letter-spacing: -1px; text-align: left; margin-bottom: 24px; } 
 .busi_list li:nth-child(3) div.text p { font-size: 18px; } 
 .busi_list li div.text a strong { font-size: 18px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; text-align: left; } 
 .busi_list li div.text a:hover i { margin-left: 16px; } 
 .ico.arrow_right { width: 28px; height: 28px; } 
 
 .popup_busi_box { top: 0; left: 0; width: 100%; height: 100%; border-radius: 0; transform: none; width: 100%; } 
 .popup_busi_box .top { display: block; } 
 .popup_busi_box .top .logo_pos { margin-bottom: 16px; } 
 .popup_busi_box .contents { height: calc(100vh - 300px); overflow-y: scroll; }
 

 .footer .inner { display: block; } 
 .footer_logo a { display: block; padding: 0; margin-right: 0; } 
 .footer_logo a img { max-width: inherit; width: 174px; height: 68px; object-fit: contain; margin: 0; padding: 0; margin-bottom: 24px; } 
 .footer_logo a::after { width: 16px; height: 1px; position: relative; margin-bottom: 24px; } 
 .footer_select select { position: relative; top: inherit; right: inherit; } 
 .ft_menu_list { margin-bottom: 32px; } 
 .copy_write { margin-bottom: 36px; } 

 /* sub 공통 */
 .sub_header_text .typing-txt.ex {min-height: 182px;}
 .sub_header_text .typing-txt span { font-size: 38px; } 
 .sub_header_text .typing-txt-fake span { font-size: 38px; } 
 .sub_header_text .typing-txt::after { height: 40px; } 

 /* sub vision */
 .sub_vision .visual_cover { padding: 7.8125vw; min-height: 100vw; } 
 .sub_vision .circle_05 { animation: visual_dn 2.1s 1 forwards; width: 130.2083vw; height: 130.2083vw; } 
 .sub_vision .circle_05>span { width: 84.6354vw; height: 84.6354vw; } 

 .sub_vision_ceo_img span { font-size: 3.5vw; top: 28vw; left: 8%; } 
 .sub_vision_ceo_img .bar { position: absolute; top: -41px; left: 50%; transform: translateX(-50%); width: 3px; height: 84px; overflow: hidden; } 

 .sub_vision_con.ceo li { margin-bottom: 40px; } 

 @keyframes visual_eff { /**/
 0% { width: 82.0313vw; height: 82.0313vw; border-radius: 500%; } 
 80% { width: 82.0313vw; height: 82.0313vw; border-radius: 100%; } 
 92% { width: calc(100% - 1.3021vw); height: 82.0313vw; border-radius: 2.0833vw; } 
 100% { width: calc(100% - 3.9063vw); height: 82.0313vw; border-radius: 2.0833vw; } 
 }

 @keyframes visual_dn { /**/
 0% { width: 101.5625vw; height: 101.5625vw; } 
 100% { width: 82.0313vw; height: 82.0313vw; } 
 }

 .sub_header_text { padding-bottom: 48px; } 
 .sub_vision_con li { margin-bottom: 64px; } 
 .sub_vision_con.ceo li div.box p { font-size: 16px; word-break: keep-all; text-align: left; } 
 .sub_vision_con li div.box p { font-size: 16px; } 
 .sub_vision_con li>span { font-size: 24px !important; } 
 .sub_vision_con li:last-child>span { font-size: 18px; } 
 .sub_vision_con li div.box .img div.img_box { width: 50%; margin-bottom: 16px; } 
 .sub_vision_con li div.box .img div.img_box strong { padding-top: 0; } 
 .sub_vision_con li div.box>span { font-size: 18px; text-align: left; display: block; } 

 .gnb>ul::after { display: none; } 
 
 .sub_header_text .typing-txt.ex { min-height: 228px; } 
 .sub_header_text .typing-txt-fake.ex { min-height: 228px; } 

 /* business */
 .sub_busi_box { padding: 40px 0 48px; }
 .sub_busi_box .text_box strong { font-size: 24px; } 
 .sub_busi_box .text_box p { font-size: 16px; } 
 .sub_busi_box .list_box.reverse { padding-top: 0; } 
 .sub_busi_box .list_box ol { padding-top: 14px; } 

 .sub_company .box>p { font-size: 28px; } 
 .sub_company .box .img_box div { top: 52%; } 
 .sub_company .box .img_box span { margin-bottom: 12px; } 
 .sub_company .box .img_box strong { font-size: 16px; } 
 .sub_company.pb_120 { padding-bottom: 45px; }

 #recruit { min-height: 194.9333vw; background: url('/images/skin/time/recruit_bg_mo.png') no-repeat center / cover; }
 .recruit h4 { font-size: 52px; }
 .recruit span { font-size: 18px; }
 .recruit a { padding: 23px 62px; font-size: 18px; line-height: 1; }


 /* rnd */
 .sub_rnd_deco .bg_circle .logo { max-width: 9.1729vw; } 
 .sub_rnd_deco .bg_circle .deco_circle_01 { width: 2.4060vw; height: 2.4060vw; } 
 .sub_rnd_deco .bg_circle .deco_circle_02 { width: 2.4060vw; height: 2.4060vw; } 
 .sub_rnd_deco .bg_circle .deco_circle_03 { width: 2.4060vw; height: 2.4060vw; } 
 
 .sub_rnd_deco .logo { top: 54%; }
 .sub_rnd_deco .rnd_structure li>div { border: 1px solid #eee; box-shadow: 0 0 6.0150vw 1.5038vw rgba(66, 66, 66, 0.03); } 
 .sub_rnd_deco .rnd_structure li>div>img { width: 50%; } 
 .sub_rnd_deco .rnd_structure li span { line-height: 1; letter-spacing: -0.2667vw; margin-top: 1.6000vw; color: rgba(0, 0, 0, 0.38); }


 .sub_rnd_scroll { display: none; } 
 .sub_rnd_list .web_br { display: none; } 
 .sub_rnd_list .mo_br { display: block; } 
 .sub_rnd_list>li div.text_box { width: 98% !important; margin: 0; padding: 16px !important; padding-top: 24px !important; } 
 .sub_rnd_list>li div.text_box strong { font-size: 18px; letter-spacing: -1px !important; } 
 .sub_rnd_list>li div.text_box span { font-size: 24px; } 
 .sub_rnd_list>li div.sub_rnd_img { width: 100vw !important; height: 100vw !important; } 
 .sub_rnd_list>li .box { display: block; padding: 0; } 
 .sub_rnd_list>li div.text_box strong, .sub_rnd_list>li div.text_box span { margin-bottom: 16px; } 
 .sub_rnd_list>li div.sub_rnd_img {border-radius : 0;}
 .sub_rnd_list>li:first-child div.text_box p { max-width: initial; }


 /* map */
 .sub_vision .visual.map .pos img { width: 26px; } 
 .sub_vision .visual.map .pos { top: 64%; } 

 .map_btn { display: block; margin-bottom: 64px; } 
 .map_btn a { margin: 0; margin-bottom: 16px; } 
 .map_box .info li { display: block; margin-bottom: 16px; } 
 .map_box .info li strong { width: 100%; font-size: 28px; } 
 .map_box .info li p { font-size: 24px; } 

 /* recruit */
 .sub_recruit { padding: 40px 0 64px;}
 .sub_recruit .web_br { display: none; } 
 .sub_recruit .text_box { padding-bottom: 32px; } 
 .sub_recruit .text_box strong { padding-bottom: 16px; font-size: 32px; } 
 .sub_recruit .text_box p { font-size: 20px; } 
 .sub_recruit .list_box li { width: 100%; margin-bottom: 48px; } 
 .sub_header_text .typing-txt { min-height: 92px; } 

 /* map */
 .map_pos { height: 560px; } 
 .menu_switch>span { top: 0; }
 .sub_header_menu.fixed.active .menu_switch>span {top:10px; }
}

 @media only screen and (max-width: 540px){
 .web_br_540 { display: inline; } 
 .web_br_vision { display: inline; } 
 .sub_header_text>p { font-size: 17px; } 
 
 /* business */
 .sub_busi_box .list_box ol li .list_info { display: block; } 
 .sub_busi_box .list_box ol li .sns { justify-content: flex-start; padding-top: 8px; } 
 .sub_busi_box .list_box ol li .sns a { padding: 8px 0; margin-right: 20px; } 
 }

@media only screen and (max-width: 500px){
 .mo_500 { display: none; } 
 .brand_list li { width: 76.5vw; height: 76.5vw; } 
 .brand_list li:last-child { display: none; }
 
 .sub_rnd_deco { width: 234px; height: 234px; margin: 19.0104vw auto 28.1354vw; } 
 .sub_rnd_deco .rnd_structure li { width: 96px; height: 96px; transition: all 0.3s ease-in-out; backdrop-filter: blur(0.2604vw); } 

}

@media only screen and (max-width: 450px){
 .mo_450 { display: block; } 
}

@media only screen and (max-width: 375px) {
  .sub_rnd_deco { width: 62.4000vw; height: 62.4000vw; margin: 19.0104vw auto 22.1354vw; } 
  .sub_rnd_deco .rnd_structure li { width: 25.6000vw; height: 25.6000vw; transition: all 0.3s ease-in-out; backdrop-filter: blur(0.2604vw); } 
}

@media only screen and (max-height: 768px) {
 .popup_busi_box .contents p { max-height: calc(100vh - 372px); }	
}