@charset "utf-8"; /* 메인 css / 240318 */

@font-face { font-family: "GmarketSans"; font-weight: 200; font-style: normal; src: url(/fonts/GmarketSans/GmarketSansLight.otf) format("opentype"); }
@font-face { font-family: "GmarketSans"; font-weight: 400; font-style: normal; src: url(/fonts/GmarketSans/GmarketSansMedium.otf) format("opentype"); }
@font-face { font-family: "GmarketSans"; font-weight: 700; font-style: normal; src: url(/fonts/GmarketSans/GmarketSansBold.otf) format("opentype"); }


body { position: relative; min-height: 100%; font-family: "GmarketSans"; } 

.ico { } 
.ico.link { background: url('/images/skin/time/ico_link_2x.png') no-repeat center / contain; width: 18px; height: 18px; margin-top: -3px; margin-left: 2px; display: block; } 
.ico.arrow_top { background: url('/images/skin/time/side_top_2x.png') no-repeat center / contain; width: 13px; height: 6.5px; } 
.ico.arrow_right { background: url('/images/skin/time/ico_arrow_right_2x.png') no-repeat center / contain; width: 28px; height: 28px; margin-top: -6px; } 
.ico.arrow_down { background: url('/images/skin/time/navi_arrow_2x.png') no-repeat center / contain; width: 16px; height: 16px; margin-top: -2px; } 
.ico.arrow_lang { display: none; background: url('/images/skin/time/ico_arrow_down_2x.png') no-repeat center / contain; width: 16px; height: 16px; margin-top: -2px; } 
.ico.scroll_down { background: url('/images/skin/time/ico_scroll_down_2x.png') no-repeat center / contain; width: 16px; height: 16px; margin-top: -3px; margin-left: 4px; } 
.ico.home { background: url('/images/skin/time/ico_sub_home_2x.png') no-repeat center / contain; width: 14px; height: 14px; margin-top: -6px; } 
.ico.map_link { background: url('/images/skin/time/sub/ico_map_link_2x.png') no-repeat center / contain; width: 24px; height: 24px; margin-top: -3px; } 
.ico.sns_appstore { background: url('/images/skin/time/sub/ico_appstore_2x.png') no-repeat center / contain; width: 14px; height: 12px; } 
.ico.sns_insta { background: url('/images/skin/time/sub/ico_insta_2x.png') no-repeat center / contain; width: 14px; height: 14px; } 
.ico.sns_cafe { background: url('/images/skin/time/sub/ico_cafe_2x.png') no-repeat center / contain; width: 16px; height: 16px; } 
.ico.sns_blog { background: url('/images/skin/time/sub/ico_blog_2x.png') no-repeat center / contain; width: 12px; height: 15px; } 
.ico.sns_google { background: url('/images/skin/time/sub/ico_google_2x.png') no-repeat center / contain; width: 12px; height: 12px; } 
.ico.sns_home { background: url('/images/skin/time/sub/ico_home_2x.png') no-repeat center / contain; width: 14px; height: 13px; } 
.ico.sns_youtube { background: url('/images/skin/time/sub/ico_youtube_2x.png') no-repeat center / contain; width: 16px; height: 10px; } 

/* header */
#header { position: relative; z-index: 9; } 
.header { display: flex; justify-content: space-between; align-items: center; padding: 32px 48px; border-bottom: 1px solid #EEEEEE; } 
.header .logo { max-width: 150px; } 
.header .logo img { width: 100%; object-fit: contain; } 

.gnb { display: flex; justify-content: flex-end; align-items: center; height: 35px; } 
.gnb>ul::after { content: ''; position: absolute; display: none; top: 9px; right: 0; width: 1px; height: 12px; background-color: rgba(0, 0, 0, 0.30); } 
.gnb>ul { position: relative; display: flex; justify-content: space-between; align-items: flex-start; } 
.gnb ul li { position: relative; border-radius: 4px; } 
.gnb ul li>a { position: relative; display: block; font-size: 16px; font-weight: 400; line-height: 1.2; letter-spacing: -1px; padding: 8px 16px; margin-left: 16px; text-align: center; border-radius: 4px; transition: all 0.3s ease-in-out; } 
.gnb ul li>a.on { font-weight: 800; } 
.gnb ul li>a>i { display: none; } 
.gnb ul li:hover .main_menu { background-color: #eee; color: #000; } 
.gnb ul li .sub_menu { position: absolute; min-width: 116px; top: 48px; left: 50%; transform: translateX(-50%); display: none; width: 100%; min-width: 116px; box-shadow: 0 10px 10px rgba(66, 66, 66, 0.06);
background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 3px, transparent 3px) 0% 0%/4px 4px no-repeat,
            radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 3px, transparent 3px) 100% 0%/4px 4px no-repeat,
            radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 3px, transparent 3px) 0% 100%/4px 4px no-repeat,
            radial-gradient(circle at 0 0, #ffffff 0, #ffffff 3px, transparent 3px) 100% 100%/4px 4px no-repeat,
            linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 2px) calc(100% - 8px) no-repeat,
            linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 8px) calc(100% - 2px) no-repeat,
            conic-gradient(from 90deg, #9da1f9 0%, #40e38f 100%);
border-radius: 4px; padding: 1px; box-sizing: border-box; overflow: hidden; margin-left: 8px; } 
.gnb ul li .sub_menu>li>a { z-index: 9; background-color: #fff; position: relative; display: flex; justify-content: center; align-items: center; margin-left: 0; font-size: 14px; font-weight: 400; line-height: 1.6; letter-spacing: -1px; color: rgba(0, 0, 0, 0.58); white-space: nowrap; padding: 8px 0; border-radius: 4px; transition: all 0.3s ease-in-out; } 
.gnb ul li .sub_menu>li>a::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; content: ''; background-color: #fff; opacity: 0; transition: all 0.3s ease-in-out; } 
.gnb ul li .sub_menu>li>a:hover::before { background: linear-gradient(90deg, #00D2CE 0%, #28E087 100%); color: #000; opacity: 1; } 
.gnb ul li:first-child>a { margin-left: 0; } 
.gnb ul li:nth-child(5) .sub_menu>li>a:nth-child(3)::after {content: ''; background: url(/images/skin/time/ico_link_2x.png) no-repeat center / contain; width: 18px; height: 18px; margin-top: -3px; margin-left: 2px; display: block;}


.lang { position: relative; display: flex; margin-left: 24px; justify-content: flex-start; align-items: center; } 
.lang span { font-size: 16px; font-weight: 400; line-height: 1.2; padding: 8px 16px; text-transform: uppercase; } 

.side { position: fixed; top: 50%; transform: translateY(-50%); margin-right: -756px; z-index: 9999; right: 50%; } 
.side_list { display: flex; flex-direction: column; align-items: center; } 
.side_list>li { background-color: #ddd; border-radius: 130px; padding: 1px; overflow: hidden; margin-bottom: 16px; box-shadow: 0px 4px 10px 4px rgba(166, 166, 166, 0.12); } 
.side_list>li.bar { width: 16px; height: 1px; box-shadow: none; } 
.side_list>li:not(.bar):hover { background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 0px, transparent 29px) 0% 0% / 30px 30px no-repeat, radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 0px, transparent 29px) 100% 0% / 30px 30px no-repeat, radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 0px, transparent 29px) 0% 100% / 30px 30px no-repeat, radial-gradient(circle at 0 0, #ffffff 0, #ffffff 0px, transparent 0px) 100% 100% / 30px 30px no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50% / calc(100% - 2px) calc(100% - 100px) no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50% / calc(100% - 60px) calc(100% - 16px) no-repeat, linear-gradient(0deg, #9da1f9 0%, #40e38f 100%); border-radius: 130px; box-sizing: border-box; } 
.side_list>li:last-child a { padding: 16px 32px; display: flex; flex-direction: column; justify-content: center; align-items: center; } 
.side_list>li:last-child a i { margin-bottom: 6px; } 
.side_list>li>a { position: relative; display: block; width: 100%; height: 100%; background-color: #fff; border-radius: 130px; padding: 40px 20px; } 
.side_list>li>a img { position: relative; display: block; margin: 0 auto; width: 28px; height: 28px; object-fit: contain; margin-bottom: 10px; } 
.side_list>li>a span { position: relative; font-size: 12px; font-weight: 400; line-height: 1.6; letter-spacing: -1px; text-align: center; } 
.side_list>li>a div.anima_circle { position: absolute; top: 100%; left: 50%; transform: translate(-50%, -50%); background: linear-gradient(90deg, #00D2CE 0%, #28E087 100%); width: 48px; height: 48px; border-radius: 50%; transition: all 0.2s ease-in-out; } 
.side_list>li:hover div.anima_circle { top: 37%; transition: all 500ms cubic-bezier(0.260, 1.645, 0.490, 0.800); transition-timing-function: cubic-bezier(0.260, 1.645, 0.490, 0.800); } 

.mobile_toggle_btn { display: none; } 
/* header end */

/* contents */
#contents { overflow: hidden; } 
section { position: relative; display: block; } 
.contents .inner { position: relative; display: block; max-width: 100%; padding: 0; margin: 0 auto; } 
.sub_contents .inner { position: relative; display: block; max-width: 1232px; padding: 0 16px; margin: 0 auto; } 

.main { position: relative; display: block; padding-bottom: 184px; overflow: hidden; } 
.main_video { max-width: 1200px; width: 100%; position: relative; display: block; margin: 0 auto; overflow: hidden; } 
.main_video::after { content: ''; position: absolute; top: 99%; width: 100%; height: 55px; background: #fff; z-index: 9; }
.main_video video { width: 100%; position: relative; display: block; margin: 0 auto; border: none; outline: none; -webkit-mask-image: -webkit-radial-gradient(white, black); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;} 
.main span { width: 100%; position: absolute; top: 65%; left: 50%; transform: translateX(-50%); display: block; font-size: 18px; font-weight: 400; line-height: 1; text-align: center; color: #5252A9; } 
.main a { cursor: cursor; margin-top: 22px; display: flex; justify-content: center; align-items: center; } 
.main a strong { position: relative; display: block; font-size: 13px; font-weight: 300; line-height: 16px; text-align: center; color: #7C80DD; letter-spacing: 0; } 

.main_btn.click {background: linear-gradient(90deg, #0BAFAC 0%, #23C175 100%) !important;}

/* vision */
#vision { overflow: hidden; } 
.vision { width: 100%; display: flex; justify-content: center; align-items: flex-start; } 
.vision h3 { position: relative; max-width: 400px; padding: 120px 0; width: 33.3%; font-size: 52px; font-weight: 700; line-height: 1; letter-spacing: -1px; text-align: left; } 
.vision h3::after { content: ''; position: absolute; top: 0; right: 0; width: 40vw; height: 1px; background-color: rgba(0, 0, 0, 0.07); } 

.vision_box { position: relative; max-width: 800px; padding: 120px 0 88px; flex: 1; } 
.vision_box::after { content: ''; position: absolute; top: 0; left: 0; width: 70vw; background-color: rgba(0, 0, 0, 0.30); height: 1px; } 
.vision_box>span { position: relative; display: block; font-size: 16px; font-weight: 700; line-height: 16px; letter-spacing: 0px; text-align: left; margin-bottom: 8px; } 
.vision_box>p { position: relative; display: block; margin-bottom: 32px; font-size: 36px; font-weight: 300; line-height: 43px; letter-spacing: -1px; text-align: left; } 

.vision_list { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; } 
.vision_list>li { position: relative; display: block; width: 50%; margin-bottom: 32px; } 
.vision_list>li img { position: relative; display: block; max-height: 78px; margin-bottom: 24px; } 
.vision_list>li span { position: relative; display: block; font-size: 24px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; text-align: left; margin-bottom: 16px; } 
.vision_list>li p { font-size: 18px; font-weight: 300; line-height: 22px; letter-spacing: -1px; text-align: left; } 

/* business */
#business { position: relative; z-index: 1; background: url('/images/skin/time/pattern_bg.png') repeat center; } 
.business { padding: 48px 0 164px; } 
.business h4 { font-size: 52px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; text-align: left; margin-bottom: 24px; } 

.busi_list { display: flex; justify-content: flex-start; flex-wrap: wrap; } 
.busi_list li { position: relative; display: flex; justify-content: flex-start; width: 100%; } 
.busi_list li div.text { position: relative; flex: 1; padding: 48px; -webkit-backdrop-filter: blur(50px); backdrop-filter: blur(10px); } 
.busi_list li div.text:hover .arrow_right { margin-left: 32px; background: url('/images/skin/time/ico_arrow_right_hover_2x.png') no-repeat center / contain; } 
.busi_list li div.text:hover::before { opacity: 0.8; } 
.busi_list li div.text span { font-size: 28px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; text-align: left; margin-bottom: 16px; position: relative; display: block; } 
.busi_list li div.text p { position: relative; font-size: 30px; font-weight: 300; line-height: 1.6; letter-spacing: -1px; text-align: left; margin-bottom: 80px; } 
.busi_list li div.text a { position: relative; display: flex; justify-content: flex-start; align-items: center; } 
.busi_list li div.text a strong { position: relative; display: block; font-size: 18px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; } 
.busi_list li div.text a i { border-radius: 50%; transition: all 0.3s ease-in-out; } 
.busi_list li div.text a i.click { margin-left: 0 !important; background: url('/images/skin/time/ico_arrow_right_2x.png') no-repeat center / contain !important; } 
.busi_list li div.text::before { transition: all 0.3s ease-in-out; content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: #fff; opacity: 0.7; } 
.busi_list li:nth-child(3) div.text::before { opacity: 1; } 

.busi_list li:first-child { flex-direction: row-reverse; margin-bottom: 40px; } 
.busi_list li:first-child img { max-width: 480px; } 
.busi_list li:nth-child(2) { max-width: 680px; flex-direction: column; margin-right: 40px; margin-bottom: 40px; } 
.busi_list li:nth-child(2) img { width: 100%; } 
.busi_list li:nth-child(3) { max-width: 480px; flex-direction: column-reverse; margin-bottom: 40px; } 
.busi_list li:nth-child(3) div.text::before { background: url('/images/skin/time/busi_img_03.png') no-repeat center / cover; } 

.circle { position: absolute; width: 100%; height: 100%; border-radius: 50%; } 
.line_01.liquid { border-radius: 40% 42% 45% 55%; } 
.line_02.liquid { border-radius: 55% 41% 65% 43%; } 
.line_03.liquid { border-radius: 52% 72% 45% 61%; } 
.line_04.liquid { border-radius: 58% 56% 72% 58%; } 

@keyframes anima_liq { 
 from { transform: translate(-50%, -50%) rotate(0deg); } 
 to { transform: translate(-50%, -50%) rotate(360deg); } 
 }

@keyframes anima_liq_02 { 
 from { transform: translate(-50%, -50%) rotate(0deg); } 
 to { transform: translate(-50%, -50%) rotate(-720deg); } 
 }

 .circle_01 { animation: circle_rotate 240s infinite; } 
 .circle_02 { animation: circle_rotate 120s infinite; } 
 .circle_03 { animation: circle_rotate 140s infinite; } 
 .circle_04 { animation: circle_rotate 180s infinite; } 
 .circle_01>span { top: 400px; left: 400px; width: 800px; height: 800px; transition: all 1200ms; background: linear-gradient(180deg, #4CCFF9 0%, #40E38D 100%); position: absolute; opacity: .6; border-radius: 100%; transition: all; transform: translate(-50%, -50%); } 
 .circle_02>span { position: absolute; width: 156px; height: 156px; top: 674px; left: 96px; background: linear-gradient(90deg, #00D2CE 0%, #28E087 100%); border-radius: 50%; } 
 .circle_03>span { position: absolute; width: 156px; height: 156px; top: 87.38px; left: 780px; background: #00D2CF; border-radius: 50%; } 
 .circle_04>span { position: absolute; width: 400px; height: 400px; top: 1525px; right: 8.9583vw; background: linear-gradient(159.52deg, #40E38F 11.81%, #9DA1F9 87.69%); border-radius: 50%; } 

@keyFrames circle_rotate { 
 from { rotate: 0deg; } 
 to { rotate: 360deg; } 
 }


 .brand h4 { position: relative; display: block; font-size: 52px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; text-align: center; margin-bottom: 24px; } 
 .brand { padding: 120px 0 96px; } 
 .brand_list { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } 
 .brand_list li { width: 284px; height: 284px; margin-bottom: 16px; } 
 .brand_list li:nth-child(4) { margin-right: 0; } 
 .brand_list li a { width: 100%; border-radius: 50%; display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; height: 100%; } 
 .brand_list li a span { font-size: 15px; font-weight: 400; line-height: 1.2; letter-spacing: -1px; text-align: center; } 
 .brand_list li a:hover { background-color: var(--brand-color); } 
 .brand_list li a:hover span { color: #fff; } 

 .brand_list li a .brand_logo { width: 100%; height: 70px; margin-bottom: 4px; } 
 .brand_list li a .brand_logo.mirae { background: url('/images/skin/time/logo/mirae.png') no-repeat center / contain; } 
 .brand_list li a:hover .brand_logo.mirae { background: url('/images/skin/time/logo/mirae_hover.png') no-repeat center / contain; } 
 .brand_list li a .brand_logo.soma { background: url('/images/skin/time/logo/soma.png') no-repeat center / contain; } 
 .brand_list li a:hover .brand_logo.soma { background: url('/images/skin/time/logo/soma_hover.png') no-repeat center / contain; } 
 .brand_list li a .brand_logo.elan { background: url('/images/skin/time/logo/elan.png') no-repeat center / contain; } 
 .brand_list li a:hover .brand_logo.elan { background: url('/images/skin/time/logo/elan_hover.png') no-repeat center / contain; } 
 .brand_list li a.rena:hover { background: linear-gradient(180deg, #2982C9 0%, #5EC52C 100%); } 
 .brand_list li a .brand_logo.rena { background: url('/images/skin/time/logo/rena.png') no-repeat center / contain; } 
 .brand_list li a:hover .brand_logo.rena { background: url('/images/skin/time/logo/rena_hover.png') no-repeat center / contain; }
 .brand_list li a .brand_logo.hakrim { background: url('/images/skin/time/logo/logo_hakrim.png') no-repeat center / contain; } 
 .brand_list li a:hover .brand_logo.hakrim { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); background: url('/images/skin/time/logo/logo_hakrim.png') no-repeat center / contain; } 
 .brand_list li a .brand_logo.elc { background: url('/images/skin/time/logo/elc.png') no-repeat center / contain; } 
 .brand_list li a:hover .brand_logo.elc { background: url('/images/skin/time/logo/elc_hover.png') no-repeat center / 145px 37px; } 
 .brand_list li a .brand_logo.new { background: url('/images/skin/time/logo/new.png') no-repeat center / contain; } 
 .brand_list li a:hover .brand_logo.new { background: url('/images/skin/time/logo/new_hover.png') no-repeat center / contain; } 
 .brand_list li a .brand_logo.mswitch { background: url('/images/skin/time/logo/mswitch.png') no-repeat center / contain; } 
 .brand_list li a:hover .brand_logo.mswitch { background: url('/images/skin/time/logo/mswitch_hover.png') no-repeat center / contain; } 
 .brand_list li a .brand_logo.piggy { background: url('/ariimg/etc/mirae/logo_istt_ver2.png') no-repeat center / 64px 70px; } 
 .brand_list li a:hover .brand_logo.piggy { background: url('/ariimg/etc/mirae/logo_istt_ver2.png') no-repeat center / 64px 70px;  } 
 .brand_list li a .brand_logo.tickl { background: url('/images/skin/time/logo/tickl.png') no-repeat center / contain; } 
 .brand_list li a:hover .brand_logo.tickl { background: url('/images/skin/time/logo/tickl_hover.png') no-repeat center / contain; } 
 .brand_list li a .brand_logo.cnp { background: url('/images/skin/time/logo/cnp.png') no-repeat center / contain; } 
 .brand_list li a:hover .brand_logo.cnp { background: url('/images/skin/time/logo/cnp_hover.png') no-repeat center / 186px 38px; } 
 .brand_list li a .brand_logo.berlitz { background: url('/images/skin/time/logo/berlitz.png') no-repeat center / contain; } 
 .brand_list li a:hover .brand_logo.berlitz { background: url('/images/skin/time/logo/berlitz_hover.png') no-repeat center / 97px 23px; } 


 #recruit { min-height: 38.0729vw; background: url('/images/skin/time/recruit_bg.png') no-repeat center / cover; width: 100%; height: 100px; } 
 #recruit>.inner { height: 100%; display: flex; justify-content: center; align-items: center; } 
 .recruit { display: flex; justify-content: center; align-items: center; flex-direction: column; } 
 .recruit h4 { position: relative; display: block; font-size: 52px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; text-align: center; margin-bottom: 8px; color: #fff; } 
 .recruit span { position: relative; display: block; font-size: 18px; font-weight: 400; line-height: 1.4; letter-spacing: -0.8px; text-align: center; color: #fff; margin-bottom: 40px; } 
 .recruit a { background: linear-gradient(90deg, #00D2CE 0%, #28E087 100%); padding: 23px 65px; position: relative; display: block; font-size: 18px; font-weight: 500; line-height: 1; text-align: center; color: #fff; border-radius: 4px; } 

 /* contents end */

 /* footer */
 #footer { background-color: #44436a; padding: 40px 0 145px; } 
 .footer { } 
 .footer .inner { display: flex; justify-content: flex-start; align-items: center; } 
 .footer_logo a { position: relative; display: flex; justify-content: flex-start; align-items: center; margin-right: 72px; padding-top: 66px; } 
 .footer_logo a img { max-width: 176px; object-fit: contain; margin-right: 72px; } 
 .footer_logo a::after { content: ''; position: relative; display: block; width: 1px; height: 80px; background-color: #fff; } 
 .ft_menu_list { margin-bottom: 48px; display: flex; justify-content: flex-start; align-items: center; } 
 .ft_menu_list>li { position: relative; } 
 .ft_menu_list>li:after { content: ''; position: absolute; top: 1px; right: 16px; display: block; width: 1px; height: 8px; background-color: rgba(255, 255, 255, 0.58); } 
 .ft_menu_list>li:last-child::after { display: none; } 
 .ft_menu_list>li>a { font-size: 14px; font-weight: 300; line-height: 14px; margin-right: 33px; color: #fff; } 
 .ft_menu_list>li>a.bold { font-weight: 500; } 
 
 .ft_info { position: relative; margin-bottom: 13px; } 
 .ft_info span { position: relative; display: block; width: 100%; font-size: 14px; font-weight: 300; line-height: 1.6; text-align: left; color: rgba(255, 255, 255, 0.78); } 
 .ft_info .ft_info_con { display: flex; justify-content: flex-start; align-items: center; } 
 .ft_info .ft_info_con p { position: relative; font-size: 14px; font-weight: 300; line-height: 1.6; text-align: left; color: rgba(255, 255, 255, 0.78); margin-right: 9px; } 
 .ft_info .ft_info_con p::after { content: ''; position: absolute; top: 8px; right: -7px; width: 3px; height: 3px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.78); } 
 .ft_info .ft_info_con p:last-child::after { display: none; } 
 .copy_write { font-size: 13px; font-weight: 300; line-height: 13px; text-align: left; color: rgba(255, 255, 255, 0.78); } 

 .footer_select select { position: absolute; top: 0; right: 16px; width: 192px; height: 46px; padding: 0px 15.58px 0px 16.42px; border-radius: 8px; border: 1px solid #fff; background: url('/images/skin/time/ico_arrow_down_white_2x.png') no-repeat top 20px right 15px / 11px 6px; color: #fff; cursor: pointer; } 


 /* sub page */
 /* sub page 공통 */
 .web_br { display: block; } 
 .sub_page_info { padding-top: 48px; } 
 .sub_page_info .inner {padding: 0 16px;}

 .sub_navi { margin-bottom: 24px; display: flex; justify-content: flex-start; align-items: center; } 
 .sub_navi span::before { content: ''; position: relative; display: block; width: 7px; height: 7px; border: 2px solid rgba(0, 0, 0, 0.78); background-color: #fff; border-radius: 50%; margin-top: -4px; margin-left: 12px; margin-right: 12px; } 
 .sub_navi span { display: flex; justify-content: flex-start; align-items: center; font-size: 13px; font-weight: 700; line-height: 16px; letter-spacing: -1px; } 

 .sub_header_text { padding-bottom: 65px; display: flex; justify-content: flex-start; align-items: flex-start; } 
 .sub_header_text>* { width: 100%; } 
 .sub_header_text .typing-txt { position: relative; min-height: 115px; } 
 .sub_header_text .typing-txt span { position: relative; display: inline-block; font-size: 48px; font-weight: 300; line-height: 1.2; letter-spacing: -1px; } 
 .sub_header_text .typing-txt b { margin: 0 4px; } 
 .sub_header_text .typing-txt::after { content: ""; display: inline-block; width: 4px; height: 50px; background-color: var(--theme-color); position: relative; top: 9px; animation-name: cursor; animation-duration: 0.5s; animation-iteration-count: 30; left: 5px; margin-top: -11px; animation-fill-mode: both; } 

 @keyframes cursor {
    to {
        opacity: 0;
      }
 }

 .sub_header_text .typing-txt.ex { min-height: 115px; } 
 .sub_header_text .typing-txt-fake { position: absolute; top: 39px; min-height: 115px; } 
 .sub_header_text .typing-txt-fake.ex { position: absolute; top: 39px; min-height: 115px; } 
 .sub_header_text .typing-txt-fake span { position: relative; display: inline-block; font-size: 48px; font-weight: 300; line-height: 1.2; letter-spacing: -1px; color: rgba(0, 0, 0, 0.78); opacity: 0.24; } 
 .sub_header_text .typing-txt-fake b { margin: 0 4px; } 

 .sub_header_text>p { font-size: 20px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; text-align: left; min-height: 64px; } 
 .sub_header_menu { position: relative; padding: 32px 0; display: flex; justify-content: flex-start; align-items: center; } 
 .sub_header_menu.fixed { position: fixed; top: -77px; left: 50%; transform: translateX(-50%); z-index: 9; width: 100%; max-width: 1200px; background: #fff; padding: 28px 0; } 
 .sub_header_menu.fixed.active { top: 0; } 
 .sub_header_menu.fixed::after { content: ''; position: absolute; bottom: 0; left: 50%; width: 160%; height: 1px; background: #ddd; transform: translateX(-50%); } 
 .sub_header_menu.fixed::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 160%; height: 100%; background-color: #fff; z-index: -1; } 
 .sub_header_menu>li>a { position: relative; display: flex; justify-content: center; margin-right: 48px; font-size: 16px; font-weight: 500; line-height: 1.2; letter-spacing: -1px; text-align: left; color: rgba(0, 0, 0, 0.38); white-space: nowrap; } 
 .sub_header_menu>li>a.active { position: relative; color: rgba(0, 0, 0, 0.78); font-weight: 700; } 
 .sub_header_menu>li>a>i.link { margin-top: -1px; margin-left: 2px; } 
 .sub_header_menu>li:last-child a { margin-right: 0; } 

 .sub_contents { position: relative; border-top: 1px solid #999999; } 
 .sub_contents::after { content: ''; position: absolute; top: -1px; left: 50%; transform: translateX(-50%); width: 1200px; height: 1px; background: #ddd; } 

 .menu_switch { position: absolute; z-index: -1; top: 15px; width: 48px; height: 48px; } 
 .menu_switch>span { content: ""; position: absolute; z-index: -1; top: 0; width: 48px; height: 48px; border-radius: 100%; background: linear-gradient(180deg, #4CCFF9 0%, #40E38D 100%); transition: all 0.2s cubic-bezier(0.51, 0.06, 0.56, 1.37); will-change: transform; } 
 .menu_switch>span.before.active { scale: 0.8; } 
 .menu_switch>span.after.active { scale: 0.6; } 

 /* 비전 및 미션 */
 .sub_vision .visual_cover { position: relative; padding: 60px; min-height: 750px; } 
 .sub_vision .visual { position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 600px; margin: 0 auto; border-radius: 50%; overflow: hidden; animation-name: visual_eff; animation-duration: 2.52s; animation-iteration-count: 1; animation-fill-mode: forwards; } 
 .sub_vision .visual .bg { height: 100%; background: url('/images/skin/time/sub/ceo_bg.png') no-repeat center / cover; } 

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

 .sub_vision .circle_05 { position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; margin: 0 auto; overflow: hidden; animation: visual_dn 2.1s 1 forwards; width: 1000px; height: 1000px; border-radius: 50%; } 
 .sub_vision .circle_05>span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 1200ms; background: linear-gradient(180deg, #4CCFF9 0%, #40E38D 100%); width: 650px; height: 650px; opacity: .6; border-radius: 100%; transition: all; } 
 .sub_vision .line_01.liquid { border-radius: 40% 42% 45% 55%; animation: anima_liq 8200ms infinite linear; } 
 .sub_vision .line_02.liquid { border-radius: 55% 41% 65% 43%; animation: anima_liq_02 12500ms infinite linear; } 
 .sub_vision .line_03.liquid { border-radius: 52% 72% 45% 61%; animation: anima_liq 7400ms infinite linear; } 
 .sub_vision .line_04.liquid { border-radius: 58% 56% 72% 58%; animation: anima_liq_02 10000ms infinite linear; } 

 @keyframes visual_eff { /**/
 0% { width: 630px; height: 630px; border-radius: 500%; display: block; } 
 80% { width: 630px; height: 630px; border-radius: 100%; } 
 92% { width: calc(100% - 10px); height: 630px; border-radius: 16px; } 
 100% { width: calc(100% - 30px); height: 630px; border-radius: 16px; } 
 }

 @keyframes visual_dn { /**/
 0% { width: 780px; height: 780px; } 
 100% { width: 630px; height: 630px; } 
 }

 .sub_vision_con { } 
 .sub_vision_con li { display: flex; justify-content: flex-start; align-items: flex-start; margin-bottom: 120px; } 
 .sub_vision_con li>span { flex: 1; font-size: 32px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; text-align: left; } 
 .sub_vision_con li div.box { width: 800px; border-top: 2px solid rgba(0, 0, 0, 0.58); } 
 .sub_vision_con li div.box .img { display: flex; justify-content: space-around; align-items: center; margin: 24px 0; } 
 .sub_vision_con li div.box .img div.img_box { display: flex; justify-content: center; align-items: center; flex-direction: column; } 
 .sub_vision_con li div.box .img div.img_box strong { font-size: 20px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; text-align: center; padding-top: 24px; } 
 .sub_vision_con li div.box .img img { max-height: 64px; object-fit: contain; } 
 .sub_vision_con li div.box p { padding-bottom: 48px; font-family: "GmarketSans"; font-size: 30px; font-weight: 300; line-height: 1.6; letter-spacing: -1px; text-align: left; } 
 .sub_vision_con li div.box>span { width: 100%; font-size: 30px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; text-align: left; } 
 

.sub_vision_con.ceo { } 
.sub_vision_ceo_img { position: relative; display: block; margin-bottom: 80px; } 
.sub_vision_ceo_img span { position: absolute; top: 52%; left: 8%; display: block; transform: translateY(-50%); font-family: "GmarketSans"; font-size: 32px; font-weight: 500; line-height: 1.6; letter-spacing: -1px; text-align: left; color: #fff; max-width: 800px; width: 80%; word-break: keep-all; } 
.sub_vision_ceo_img .circle {position: absolute; top: 38%; left: 8%; display: block; transform: translateY(-50%); background: url('/images/skin/time/sub/ceo_bg_circle.png') no-repeat center / contain; width: 128px;}
.sub_vision_ceo_img .bar { position: absolute; top: -76px; left: 50%; transform: translateX(-50%); width: 5px; height: 152px; overflow: hidden; } 
.sub_vision_ceo_img .bar::before { content: ''; position: absolute; top: -100%; left: 0; width: 100%; height: 150%; background: linear-gradient(180deg, #7C80DD 0%, #28E087 100%); animation: bar_ani 2s infinite; } 
@keyframes bar_ani { 
 0% { top: -150%; } 
 100% { top: 100%; } 
 }

.sub_vision_con.ceo li { margin-bottom: 80px; width: 100%; } 
.sub_vision_con.ceo li:last-child { flex-wrap: wrap; } 
.sub_vision_con.ceo li>span { min-width: 400px; } 
.sub_vision_con.ceo li div.box { width: 100%; border-top: 1px solid #d8d8d8; } 
.sub_vision_con.ceo li div.box.bt { border-top: 2px solid rgba(0, 0, 0, 0.58); } 
.sub_vision_con.ceo li div.box:first-child { border-top: 2px solid rgba(0, 0, 0, 0.58); } 
.sub_vision_con.ceo li div>p { position: relative; display: block; margin-top: 24px; padding-bottom: 24px; } 
.sub_vision_con.ceo li div.box>span { position: relative; display: block; padding-bottom: 40px; } 






 /* 사업영역 */
 .sub_busi.bg { background: linear-gradient(90deg, #00D2CE 0%, #28E087 100%); } 
 .sub_busi.bg_02 { background-color: #ECECEF; } 
 .sub_busi_box { padding: 105px 0 120px; } 
 .sub_busi_box .text_box { margin-bottom: 18px; } 
 .sub_busi_box .text_box strong { font-size: 40px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; text-align: left; margin-bottom: 12px; } 
 .sub_busi_box .text_box p { font-size: 22px; font-weight: 300; line-height: 1.6; letter-spacing: -1px; text-align: left; } 
 
 .sub_busi_box .list_box { display: flex; justify-content: space-between; align-items: flex-start; } 
 .sub_busi_box .list_box.reverse { flex-direction: row-reverse; padding-top: 30px; } 
 .sub_busi_box .list_box ol { width: 500px; padding-top: 100px; } 



 .sub_busi_box .list_box ol li { cursor: pointer; display: flex; justify-content: flex-start; align-items: center; border-top: 1px solid rgba(0, 0, 0, 0.07); padding: 32px 0; } 
 .sub_busi_box .list_box ol li:hover img { box-shadow: 0 2px 14px 4px rgba(0, 0, 0, 0.07); } 
 .sub_busi_box .list_box ol li:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0.07); } 
 .sub_busi_box .list_box ol li img { margin-right: 40px; border-radius: 8px; transition: all 0.3s ease-in-out; } 
 .sub_busi_box .list_box ol li .list_info { display: flex; justify-content: space-between; align-items: center; flex: 1; } 
 .sub_busi_box .list_box ol li .text_con span { position: relative; display: block; font-size: 16px; font-weight: 400; line-height: 1.2; letter-spacing: -1px; text-align: left; margin-bottom: 8px; } 
 .sub_busi_box .list_box ol li .text_con p { font-size: 15px; font-weight: 400; line-height: 1.6; letter-spacing: -1px; text-align: left; color: rgba(0, 0, 0, 0.58); } 
 .sub_busi_box .list_box ol li .sns { display: flex; justify-content: flex-end; align-items: center; flex-grow: 1; } 
 .sub_busi_box .list_box ol li .sns a { display: flex; justify-content: center; align-items: center; margin-right: 8px; width: 24px; height: 24px; background-color: #000; border-radius: 4px; } 
 .sub_busi_box .list_box ol li .sns a:hover { background: linear-gradient(90deg, #00D2CE 0%, #28E087 100%); } 
 .sub_busi_box .list_box .img { position: relative; border-radius: 8px; width: 640px; height: 640px; } 
 .sub_busi_box .list_box .img img { position: relative; width: 100%; height: 100%; object-fit: contain; border-radius: 8px; } 
 .sub_busi_box .list_box .img.deco_01::before { transition: all 0.3s ease-in-out; content: ''; position: absolute; top: 16px; left: 16px; display: block; width: 100%; height: 100%; background: linear-gradient(159.52deg, #40E38F 11.81%, #9DA1F9 87.69%); border-radius: 8px; } 
 .sub_busi_box .list_box .img.deco_02::before { transition: all 0.3s ease-in-out; content: ''; position: absolute; top: -16px; left: 16px; display: block; width: 100%; height: 100%; background: linear-gradient(159.52deg, #40E38F 11.81%, #9DA1F9 87.69%); border-radius: 8px; } 
 .sub_busi_box .list_box .img.deco_02 img { top: -16px; left: 16px; transition: all 0.3s ease-in-out; } 
 .sub_busi_box .list_box .img.active.deco_02 img { top: 1px; left: 0; } 
 .sub_busi_box .list_box .img.deco_01 img { top: 16px; left: 16px; transition: all 0.3s ease-in-out; } 
 .sub_busi_box .list_box .img.active.deco_01 img { top: -1px; left: 0; } 
 
.popup_busi { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.35); display: block; z-index: 99999; display: none; } 
.popup_busi_box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 768px; padding: 0 16px; border-radius: 40px; padding: 40px; padding-bottom: 80px; box-shadow: 0px 0px 18px 0px rgba(166, 166, 166, 0.12); background-color: #fff; border: 1px solid #ddd; } 
.popup_busi_box .top { display: flex; justify-content: flex-start; align-items: flex-start; } 
.popup_busi_box .top .logo_pos { min-width: 200px; } 
.popup_busi_box .top img { max-height: 60px; } 

.popup_busi_box .top a.close { position: absolute; top: 0; right: 0; width: 48px; height: 48px; background: url(/images/skin/time/sub/busi_popup_close_2x.png) no-repeat center / contain; } 

.popup_busi_box .top .text { } 
.popup_busi_box .top .text span { font-size: 16px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; text-align: left; color: rgba(0, 0, 0, 0.38); margin-bottom: 4px; } 
.popup_busi_box .top .text strong { font-size: 22px; font-weight: 400; line-height: 1.6; letter-spacing: -1px; text-align: left; } 

.popup_busi_box .swiper-btn { display: flex; justify-content: flex-end; align-items: center; padding-bottom: 16px; border-bottom: 1px solid #ddd; } 
.popup_busi_box .swiper-btn a { width: 48px; height: 48px; border: 1px solid #ddd; border-radius: 50%; margin-left: 7px; display: flex; justify-content: center; align-items: center; } 
.popup_busi_box .swiper-btn a.swiper-prev i { background: url(/images/skin/time/sub/busi_swiper_prev.png); } 
.popup_busi_box .swiper-btn a.swiper-next i { background: url(/images/skin/time/sub/busi_swiper_next.png); } 
.popup_busi_box .swiper-btn a i { width: 8px; height: 16px; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; } 

.popup_busi_box .contents { padding-top: 24px; overflow-y: scroll; } 
.popup_busi_box .contents::-webkit-scrollbar { background: #f8f8f8; width: 7px; border-radius :100px;}
.popup_busi_box .contents::-webkit-scrollbar-thumb { background: #999; width: 7px; border-radius :100px;}
.popup_busi_box .contents p { font-family: "GmarketSans"; font-size: 18px; font-weight: 300; line-height: 2; letter-spacing: -1px; text-align: left; color: rgba(0,0,0, 0.78); text-align: justify; padding-right: 12px; } 
.swiper-busi .swiper-slide {background-color: #fff; opacity: 0 !important;}
.swiper-busi .swiper-slide.swiper-slide-active { opacity: 1 !important; }
 
 /* 자회사 */
 .sub_company { padding: 96px 0; } 
 .sub_company.pb_120 { padding-bottom: 120px; } 
 .sub_company .box { display: flex; justify-content: center; align-items: center; flex-direction: column; } 
 .sub_company .box>img { position: relative; display: block; margin-bottom: 12px; max-width: 224px; } 
 .sub_company .box>p { font-size: 36px; font-weight: 400; line-height: 1.6; letter-spacing: -1px; text-align: center; margin-bottom: 24px; } 
 .sub_company .box>a { border-radius: 4px; display: flex; justify-content: center; align-items: center; margin-bottom: 32px; width: 24px; height: 24px; background-color: #000; } 
 .sub_company .box>a:hover { background: linear-gradient(90deg, #00D2CE 0%, #28E087 100%); } 
 .sub_company .box .img_box { position: relative; display: block; border-radius: 8px; overflow: hidden; } 
 .sub_company .box .img_box div { position: absolute; top: 64%; left: 50%; transform: translateX(-50%); display: block; width: 100%; } 
 .sub_company .box .img_box span { position: relative; display: block; color:#fff; width: 100%; font-size: 56px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; text-align: center; } 
 .sub_company .box .img_box strong { position: relative; display: block; color:#fff; width: 100%; font-family: "GmarketSans"; font-size: 21px; font-weight: 300; line-height: 1.6; letter-spacing: 3px; text-align: center; text-transform: uppercase; } 
 .sub_company .box .text_box { position: relative; display: flex; justify-content: space-between; align-items: flex-start; width: 100%; margin-top: 64px; padding-top: 24px; border-top: 2px solid rgba(0,0,0, 0.58); } 
 .sub_company .box .text_box p { width: calc(50% - 24px); font-size: 22px; font-weight: 300; line-height: 1.6; letter-spacing: -1px; text-align: left; color: rgba(0, 0, 0, 0.78); } 

 
 /* R&D 연구 */
 .sub_rnd { } 
 .sub_rnd_deco { position: relative; display: block; width: 312px; height: 312px; margin: 146px auto 170px; } 
 .sub_rnd_deco>div { width: 100%; height: 100%; }
 .sub_rnd_deco .logo { position: absolute; top: 50%; left: 50%; display: block; transform: translate(-50%, -50%); max-width: 61px; } 
 .sub_rnd_deco .bg_circle { position: absolute; display: block; width: 100%; height: 100%; border: 1px dashed #999999; border-radius: 50%; animation: circle_rotate 100s infinite linear; } 
 @keyframes circle_rotate { 
 0% { rotate:0deg; } 
 100% { rotate:360deg; } 
 }
 .sub_rnd_deco .bg_circle .deco_circle_01 { position: absolute; top: 25%; left: 6%; width: 16px; height: 16px; background-color: #9BE43F; border-radius: 50%; transform: translate(-50%, -50%); } 
 .sub_rnd_deco .bg_circle .deco_circle_02 { position: absolute; top: 20.5%; left: 90%; width: 16px; height: 16px; background-color: #00D2CF; border-radius: 50%; } 
 .sub_rnd_deco .bg_circle .deco_circle_03 { position: absolute; top: 100%; left: 46%; width: 16px; height: 16px; background-color: #D3C8F8; border-radius: 50%; transform: translate(-50%, -50%); } 
 .sub_rnd_deco .rnd_structure { position: relative; display: block; width: 100%; height: 100%; } 
 .sub_rnd_deco .rnd_structure li { position: absolute; display: block; width: 128px; height: 128px; transition: all 0.3s ease-in-out; -webkit-backdrop-filter: blur(50px); backdrop-filter: blur(2px); } 
 .sub_rnd_deco .rnd_structure li:nth-child(1) { top: -19%; left: 50%; transform: translateX(-50%); }
 .sub_rnd_deco .rnd_structure li:nth-child(2) { top: 50%; left: 0%; transform: translate(-50%, -50%); }
 .sub_rnd_deco .rnd_structure li:nth-child(3) { top: 50%; left: 100%; transform: translate(-50%, -50%); }
 .sub_rnd_deco .rnd_structure li:nth-child(4) { top: 80%; left: 50%; transform: translateX(-50%); }
 .sub_rnd_deco .rnd_structure li>div { position: relative; display: block; border: 1px solid #eee; width: 100%; height: 100%; box-shadow: 0 0 40px 10px rgba(66, 66, 66, 0.03); border-radius: 50%; } 
 .sub_rnd_deco .rnd_structure li::before { content: ''; position: absolute; top: 0; left: 0; background-color: #fff; border-radius: 50%; border: 1px solid #eee; } 
 .sub_rnd_deco .rnd_structure li>div:hover::before { opacity: 0.7; } 
 .sub_rnd_deco .rnd_structure li>div>img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 40px; height: 40px; object-fit: contain; } 
 .sub_rnd_deco .rnd_structure li span { position: relative; display: block; font-size: 16px; font-weight: 400; line-height: 1; letter-spacing: -1px; text-align: center; margin-top: 14px; color: rgba(0, 0, 0, 0.38); } 

 .sub_rnd_list { position: relative; display: block; } 
 .sub_rnd_list>li { position: relative; display: block; } 
 .sub_rnd_list>li div.sub_rnd_img { position: relative; display: block; overflow: hidden; border-radius: 8px; } 
 .sub_rnd_list>li div.sub_rnd_img>img { position: absolute; display: block; } 

 .sub_rnd_list>li:nth-child(1) { } 
 .sub_rnd_list>li:nth-child(2) { margin-top: 140px; } 
 .sub_rnd_list>li:nth-child(3) { margin-top: 300px; background-color: #F6F6F6; } 
 .sub_rnd_list>li:nth-child(4) { background-color: #F6F6F6; margin-bottom: 344px; } 

 .sub_rnd_list>li:nth-child(1) div.sub_rnd_img { width: 458px; height: 576px; margin-left: 58%; top: 248px; border-radius: 8px; } 
 .sub_rnd_list>li:nth-child(2) div.sub_rnd_img { width: 960px; height: 646px; } 
 .sub_rnd_list>li:nth-child(3) div.sub_rnd_img { width: 720px; height: 858px; margin-left: 55%; TOP: -163PX; } 
 .sub_rnd_list>li:nth-child(4) div.sub_rnd_img { width: 1400px; height: 600px; margin-left: 14%; top: 223px; } 

 .sub_rnd_list>li div.sub_rnd_img div { width: 100%; height: 100%; } 
 .sub_rnd_list>li:nth-child(1) div.sub_rnd_img div { background: url('/images/skin/time/sub/rnd_img_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_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_03.png') no-repeat center / cover; } 
 .sub_rnd_list>li:nth-child(4) div.sub_rnd_img div { background: url('/images/skin/time/sub/rnd_img_04.png') no-repeat center / cover; } 

 .sub_rnd_list>li div.text_box { position: absolute; display: block; } 
 .sub_rnd_list>li div.text_box span { position: relative; display: block; font-size: 34px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; text-align: left; margin-bottom: 16px; } 
 .sub_rnd_list>li div.text_box strong { position: relative; display: block; font-size: 28px; font-weight: 300; line-height: 1.6; letter-spacing: -1px; text-align: left; margin-bottom: 16px; } 
 .sub_rnd_list>li div.text_box p { position: relative; display: block; font-size: 16px; font-weight: 400; line-height: 1.6; letter-spacing: -1px; text-align: left; font-family: 'Noto Sans KR', sans-serif;  } 
 .sub_rnd_list>li:first-child div.text_box p { max-width: 512px; }
 .sub_rnd_list>li:last-child div.text_box p {color: #fff; font-weight: 300;}

 .sub_rnd_list>li:nth-child(1) div.text_box { width: 800px; height: 340px; top: 101px; left: 29%; } 
 .sub_rnd_list>li:nth-child(2) div.text_box { width: 606px; height: 344px; top: 330px; left: 55%; } 
 .sub_rnd_list>li:nth-child(3) div.text_box { width: 586px; height: 366px; top: 157px; left: 29%; } 
 .sub_rnd_list>li:nth-child(4) div.text_box { width: 680px; height: 344px; top: -11px; left: 45%; } 
 
 .sub_rnd_content { position: relative; display: block; } 
 .sub_rnd_scroll { position: absolute; display: block; top: 102px; left: 250px; z-index: 9; padding: 16px; border: 1px solid #ddd; border-radius: 8px; background: #fff; backdrop-filter: blur(6px); background: rgba(255, 255, 255, 0.7); } 
 .sub_rnd_scroll a { margin-bottom: 16px; } 
 .sub_rnd_scroll a:last-child { margin-bottom: 0; }
 .sub_rnd_scroll a { font-size: 18px; font-weight: 400; line-height: 1.3; letter-spacing: -1px; text-align: left; color: rgba(0, 0, 0, 0.30); } 
 .sub_rnd_scroll a.active { color: rgba(0,0,0, 0.78); font-weight: 500; } 
 .sub_rnd_scroll.scrolling { position: fixed; } 


 /* 오시는 길 */
 .sub_vision .visual.map .bg { background: url('/images/skin/time/sub/sub_come_to_time_edu.png') no-repeat center / cover; } 
 .sub_vision .visual.map .pos { position: absolute; top: 70%; left: 50%; transform: translateX(-50%); width: 100%; } 
 .sub_vision .visual.map .pos span { position: relative; display: block; color: #fff; margin-bottom: 8px; font-size: 16px; font-weight: 500; line-height: 1.2; letter-spacing: -1px; text-align: center; width: 100%; } 
 .sub_vision .visual.map .pos img { position: relative; display: block; width: 44px; margin: 0 auto; } 

 .map_pos { position: relative; display: flex; margin-bottom: 24px; height: 800px; border-radius: 8px; border: 1px solid #ddd; } 
 .map_box h4 { position: relative; display: block; font-size: 32px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; text-align: left; margin-bottom: 24px; } 
 .map_btn { display: flex; justify-content: center; align-items: center; margin-bottom: 80px; } 
 .map_btn a { display: flex; justify-content: center; align-items: center; border: 1px solid #999999; padding: 16px 24px 14px; margin: 0 12px; border-radius: 100px; } 
 .map_btn a span { margin-right: 8px; font-size: 18px; font-weight: 400; line-height: 1.2; letter-spacing: -1px; text-align: center; } 

 .map_box .info { border-top: 2px solid #000; padding: 32px 0; margin-bottom: 83px; } 
 .map_box .info li { display: flex; justify-content: flex-start; align-items: flex-start; } 
 .map_box .info li strong { width: 40%; font-size: 32px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; text-align: left; } 
 .map_box .info li p { font-size: 30px; font-weight: 300; line-height: 1.6; letter-spacing: -1px; text-align: left; } 


 /* 채용공고 */
 .sub_recruit { position: relative; display: block; padding: 105px 0 56px; } 
 .sub_recruit .text_box { display: flex; justify-content: flex-start; align-items: flex-start; padding-bottom: 120px; } 
 .sub_recruit .text_box strong { font-size: 56px; width: 400px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; text-align: left; } 
 .sub_recruit .text_box p { font-size: 22px; font-weight: 400; line-height: 1.6; letter-spacing: -1px; text-align: left; } 
 
 .sub_recruit .list_box { position: relative; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } 
 .sub_recruit .list_box li { width: 380px; margin-bottom: 64px; } 
 .sub_recruit .list_box li img { width: 100%; object-fit: contain; margin-bottom: 24px; } 
 .sub_recruit .list_box li span { position: relative; display: block; font-size: 24px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; text-align: left; margin-bottom: 16px; } 
 .sub_recruit .list_box li p { font-size: 18px; font-weight: 400; line-height: 1.6; letter-spacing: -1px; text-align: left; } 
 
 
 
 
 /* 모달 */
 .brand_modal_wrap { position: fixed; top: 60px; left: 50%; transform: translateX(-50%); z-index: 100; padding: 40px; width: 90%; max-width: 500px; background: #fff; box-shadow: 0px 8px 24px 0px #2929296b; border: 1px solid #ddd; border-radius: 12px; }
.brand_modal_wrap .brand_modal_body .txt_wrap { text-align: center; }
.brand_modal_wrap .brand_modal_body .txt_wrap p { line-height: 1.8;     word-break: keep-all; font-size: 13px; }
.brand_modal_wrap .brand_modal_body .txt_wrap .tit { font-size: 20px; padding-bottom: 12px; font-weight: 600; }
.brand_modal_wrap .brand_modal_body .txt_wrap .txt { text-align: left; padding-bottom: 20px; }
.brand_modal_wrap .brand_modal_footer { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #ddd; margin-top: 24px; padding-top: 24px; }
.chkbox_wrap input[type=checkbox] { display: none; }
.checkboxA +label::before {content: '';margin-right: 3px;margin-top: 2px;display: inline-block;width: 16px;height: 16px;vertical-align: middle;background: url(/images/skin/time/checkbox_off_2x.png) no-repeat;background-size: 16px 16px;cursor: pointer;margin-top: -2px;}
.checkboxA:checked +label::before {content: '';width: 16px;height: 16px;background: var(--theme-color);background-image: url(/images/skin/time/checkbox_on_check_2x.png);background-repeat: no-repeat;background-position: 3px 4px;background-size: 10px 7px;
}