/* ==========================================================================
   로템SRS 영문(en) 전용 스타일 — 이 파일은 영문 화면에서만 맨 마지막에 불러옵니다.
   옛 운영 사이트(가비아) 영문 스킨 respon_default_en 의 CSS 가운데 국문 스킨과 다른 부분만 옮김
   (rotem-1~6 은 국문·영문 공통). 2026-10-30
   · 서브 경로바: 영문은 메뉴 이름이 길어 칸 폭이 다름. 게시판 = .nav_box.bbs_nav,
     사업 페이지 = .nav_box.rt-nav-business (custom.js 가 붙임 — 옛 #wrap.sub_business 대신)
   · 헤더: 영문 메뉴가 길어 1150px 이하에서 상단 메뉴를 숨기고 전체 메뉴 버튼만 보임
   ========================================================================== */

/* ── 헤더 ── */
@media only screen and (max-width:1150px){
	#header .db-menu{display:none;}
	#header .header_cont{height:34px;}
}

/* ── 서브 경로바 · 본문 ── */
#wrap .sub_hd_wrap .nav_box > ul{line-height:59px; height:59px; font-size:0; padding:0; width:100%; max-width:1240px; margin:0 auto; display:block; text-align:left;}
#wrap .sub_hd_wrap .nav_box > ul > li{width:280px; line-height:inherit; height:inherit; padding:0; font-size:0; border:0; border-right:0; text-align:left; vertical-align:top; display:inline-block; box-sizing:border-box; position:relative;}
#wrap .sub_hd_wrap .nav_box.rt-nav-business > ul > li:nth-child(3){width:300px;}
#wrap .sub_hd_wrap .nav_box > ul > li:first-child{width:61px; border-left:0;}
#wrap .sub_hd_wrap .nav_box > ul > li:nth-of-type(2){width:196px;}
#wrap .sub_hd_wrap .nav_box.bbs_nav > ul > li:nth-of-type(n + 2){width:200px;}
#wrap .sub_hd_wrap .nav_box > ul > li:first-child > a{background-size:20px 18px !important; background-image:url('/images/rotem/sub/icon_home.png') !important; background-repeat:no-repeat !important; background-position:50% 50% !important; height:inherit; display:block; width:100%; margin:0; vertical-align:top; font-size:0;}
#wrap .sub_hd_wrap .nav_box > ul > li > strong{box-sizing:border-box; vertical-align:top; width:100%; display:block; margin:0; padding:0;}
#wrap .sub_hd_wrap .nav_box ul li > dl > dt, #wrap .sub_hd_wrap .nav_box ul li > dl > dd{width:100%; margin:0; padding:0; box-sizing:border-box; background:#fff; vertical-align:top;}
#wrap .sub_hd_wrap .nav_box ul li > dl > dt{position:relative; z-index:2; cursor:pointer;}
#wrap .sub_hd_wrap .nav_box ul li > dl.on > dt{font-weight:400; color:#ad0003;}
#wrap .sub_hd_wrap .nav_box > ul > li > strong, #wrap .sub_hd_wrap .nav_box ul li > dl > dt{font-size:16px; line-height:25px; padding:17px 41px 17px 21px; font-weight:400; color:#666; font-family:'Montserrat','Noto Sans KR','Malgun Gothic','맑은 고딕',-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,dotum,sans-serif;}
#wrap .sub_hd_wrap .nav_box ul li > dl > dt:after{border-top:1px solid #333333; border-left:1px solid #333333; border-right:none; right:20px; transform:translateY(-50%) rotate(225deg); width:7px; height:7px; content:""; position:absolute; display:inline-block; top:48%; margin:0; padding:0; transition:all 0.2s;}
#wrap .sub_hd_wrap .nav_box ul li > dl > dd > ul{padding:13px 0 15px;}
#wrap .sub_hd_wrap .nav_box ul li > dl > dd > ul > li{font-size:16px; line-height:1.5em; font-weight:400; color:#666; vertical-align:top; font-family:'Montserrat','Noto Sans KR','Malgun Gothic','맑은 고딕',-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,dotum,sans-serif;}
#wrap .sub_hd_wrap .nav_box ul li > dl > dd > ul > li > a{padding:6px 21px; margin:0; font-size:inherit; line-height:inherit; font-weight:inherit; color:inherit; display:block; vertical-align:top; box-sizing:border-box; font-family:inherit;}
#wrap .sub_hd_wrap .nav_box ul li > dl > dd > ul > li:hover{color:#333; font-weight:400;}
#wrap .sub_hd_wrap .nav_box ul li > dl > dd > ul > li.on, #wrap .sub_hd_wrap .nav_box ul li > dl > dd > ul > li:hover{font-weight:400; color:#333;}
#wrap .sub_hd_title{font-size:40px; letter-spacing:-2px; line-height:1; font-weight:500; color:#333333; text-align:center; padding:100px 0 60px;}
#wrap .sub_hd_title h2{font-size:inherit; font-weight:inherit; color:inherit;}
@media only screen and (max-width:1247px){
	#wrap .sub_hd_wrap .nav_box > ul{line-height:52px; height:52px;}
	#wrap .sub_hd_wrap .nav_box > ul > li:first-child{width:53px; border-left:0;}
	#wrap .sub_hd_wrap .nav_box > ul > li:first-child > a{background-size:auto 18px !important;}
	#wrap .sub_hd_wrap .nav_box > ul > li > strong, #wrap .sub_hd_wrap .nav_box ul li > dl > dt{line-height:24px; padding:14px 38px 14px 18px;}
	#wrap .sub_hd_wrap .nav_box ul li > dl > dt:after{right:16px;}
	#wrap .sub_hd_wrap .nav_box ul li > dl > dd > ul > li > a{padding:6px 18px;}
}
@media only screen and (max-width:1023px){
	#wrap .sub_hd_wrap .nav_box > ul{line-height:48px; height:48px;}
	#wrap .sub_hd_wrap .nav_box > ul > li:first-child{width:48px;}
	#wrap .sub_hd_wrap .nav_box > ul > li:first-child > a{background-size:auto 17px !important;}
	#wrap .sub_hd_wrap .nav_box > ul > li > strong, #wrap .sub_hd_wrap .nav_box ul li > dl > dt{font-size:15px; padding:12px 32px 12px 15px;}
	#wrap .sub_hd_wrap .nav_box ul li > dl > dt:after{right:14px;}
	#wrap .sub_hd_wrap .nav_box ul li > dl > dd > ul{padding:10px 0 15px;}
	#wrap .sub_hd_wrap .nav_box ul li > dl > dd > ul > li > a{padding:5px 15px;}
	#wrap .sub_hd_title{padding:11% 0 4%;}
	#wrap .sub_hd_title h2{font-size:34px;}
}
@media only screen and (max-width:860px){
	#wrap .sub_hd_wrap .nav_box > ul{line-height:45px; height:45px;}
	#wrap .sub_hd_wrap .nav_box > ul > li:first-child{width:44px;}
	#wrap .sub_hd_wrap .nav_box > ul > li:first-child > a{background-size:auto 16px !important;}
	#wrap .sub_hd_wrap .nav_box > ul > li > strong, #wrap .sub_hd_wrap .nav_box ul li > dl > dt{font-size:14px; line-height:21px;}
	#wrap .sub_hd_wrap .nav_box ul li > dl > dd > ul > li{font-size:13px;}
}
@media only screen and (max-width:640px){
	#wrap .sub_hd_wrap .nav_box > ul{line-height:45px; height:45px;}
	#wrap .sub_hd_wrap .nav_box > ul > li{width:calc(60% - 22px); border-right-width:1px; border-right:1px solid #ddd;}
	#wrap .sub_hd_wrap .nav_box > ul > li:first-child{width:44px;}
	#wrap .sub_hd_wrap .nav_box.rt-nav-business > ul > li:nth-child(3){width:260px;}
	#wrap .sub_hd_wrap .nav_box.rt-nav-business > ul > li:nth-child(2) > dl > dt{padding:12px 32px 10px 5px;}
	#wrap .sub_hd_wrap .nav_box > ul > li:first-child > a{background-size:auto 16px !important;}
	#wrap .sub_hd_wrap .nav_box > ul > li:nth-of-type(2){width:calc(40% - 22px);}
	#wrap .sub_hd_wrap .nav_box.bbs_nav > ul > li:nth-of-type(n + 2){width:calc(50% - 22px);}
	#wrap .sub_hd_wrap .nav_box > ul > li > strong, #wrap .sub_hd_wrap .nav_box ul li > dl > dt{font-size:14px; line-height:21px; padding:12px 32px 12px 15px;}
	#wrap .sub_hd_wrap .nav_box ul li > dl > dt:after{border-top-width:1px; border-left-width:1px; border-right-width:1px; right:14px;}
	#wrap .sub_hd_wrap .nav_box ul li > dl > dd > ul{padding:10px 0 15px;}
	#wrap .sub_hd_wrap .nav_box ul li > dl > dd > ul > li{font-size:13px; line-height:1.5em;}
	#wrap .sub_hd_wrap .nav_box ul li > dl > dd > ul > li > a{padding:5px 15px;}
	#wrap .sub_hd_title{padding:19% 0 8.5%;}
	#wrap .sub_hd_title h2{font-size:30px; letter-spacing:-1.5px;}
}
@media only screen and (max-width:500px){
	#wrap .sub_hd_wrap .nav_box > ul > li{width:calc(63% - 22px);}
	#wrap .sub_hd_wrap .nav_box > ul > li:nth-of-type(2){width:calc(37% - 22px);}
	#wrap .sub_hd_wrap .nav_box > ul > li > dl > dt{width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	#wrap .sub_hd_wrap .nav_box.rt-nav-business > ul > li:nth-child(3){width:55%;}
	#wrap .sub_hd_wrap .nav_box.bbs_nav > ul > li:nth-of-type(n + 2){width:calc(50% - 22px);}
}
@media only screen and (max-width:414px){
	#wrap .sub_hd_wrap .nav_box > ul > li{width:calc(63% - 19px);}
	#wrap .sub_hd_wrap .nav_box > ul > li:first-child{width:38px;}
	#wrap .sub_hd_wrap .nav_box > ul > li:nth-of-type(2){width:calc(37% - 19px);}
	#wrap .sub_hd_wrap .nav_box.bbs_nav > ul > li:nth-of-type(n + 2){width:calc(50% - 22px);}
	#wrap .sub_hd_wrap .nav_box > ul > li > strong, #wrap .sub_hd_wrap .nav_box ul li > dl > dt{letter-spacing:-0.5px; padding-left:10px; padding-right:24px;}
	#wrap .sub_hd_wrap .nav_box ul li > dl > dt:after{width:6px; height:6px; right:9px;}
	#wrap .sub_hd_wrap .nav_box ul li > dl > dd > ul > li > a{padding-left:10px; padding-right:10px;}
	#wrap .sub_hd_wrap .nav_box > ul > li:first-child > a{background-size:auto 15px !important;}
}
@media only screen and (max-width:375px){
	#wrap .sub_hd_wrap .nav_box > ul > li{width:calc(64% - 19px);}
	#wrap .sub_hd_wrap .nav_box > ul > li:nth-of-type(2){width:calc(36% - 19px);}
	#wrap .sub_hd_wrap .nav_box.bbs_nav > ul > li:nth-of-type(n + 2){width:calc(50% - 22px);}
	#wrap .sub_hd_wrap .nav_box > ul > li > strong, #wrap .sub_hd_wrap .nav_box ul li > dl > dt{font-size:13px; letter-spacing:-0.4px;}
	#wrap .sub_hd_title h2{font-size:28px; letter-spacing:-1.4px;}
}
@media only screen and (max-width:350px){
	#wrap .sub_hd_wrap .nav_box > ul{line-height:41px; height:41px;}
	#wrap .sub_hd_wrap .nav_box > ul > li{width:calc(64% - 17px);}
	#wrap .sub_hd_wrap .nav_box > ul > li:first-child{width:34px;}
	#wrap .sub_hd_wrap .nav_box > ul > li:first-child > a{background-size:auto 14px !important;}
	#wrap .sub_hd_wrap .nav_box > ul > li:nth-of-type(2){width:calc(36% - 17px);}
	#wrap .sub_hd_wrap .nav_box.bbs_nav > ul > li:nth-of-type(n + 2){width:calc(50% - 22px);}
	#wrap .sub_hd_wrap .nav_box > ul > li > strong, #wrap .sub_hd_wrap .nav_box ul li > dl > dt{font-size:12px; line-height:17px; letter-spacing:-0.4px; padding-right:22px;}
	#wrap .sub_hd_wrap .nav_box ul li > dl > dt:after{width:5px; height:5px;}
	#wrap .sub_hd_wrap .nav_box ul li > dl > dd > ul{padding:10px 0 15px;}
	#wrap .sub_hd_wrap .nav_box ul li > dl > dd > ul > li{font-size:12px; line-height:1.5em;}
	#wrap .sub_hd_wrap .nav_box ul li > dl > dd > ul > li > a{padding:5px; padding-left:10px; padding-right:10px;}
	#wrap .sub_hd_title h2{font-size:26px;}
}
@media only screen and (max-width:340px){
	#wrap .sub_hd_title h2{font-size:25px;}
}
@media only screen and (max-width:320px){
	#wrap .sub_hd_wrap .nav_box > ul{line-height:39px; height:39px;}
	#wrap .sub_hd_wrap .nav_box > ul > li:first-child > a{background-size:auto 13px !important;}
	#wrap .sub_hd_wrap .nav_box > ul > li > strong, #wrap .sub_hd_wrap .nav_box ul li > dl > dt{padding:11px; padding-left:10px; padding-right:22px;}
	#wrap .sub_hd_wrap .nav_box ul li > dl > dd > ul{padding:8px 0;}
	#wrap .sub_hd_wrap .nav_box ul li > dl > dd > ul > li > a{padding:4px; padding-left:10px; padding-right:10px;}
}
#wrap .sub_content .dot_tit{font-size:32px; line-height:42px; font-weight:500; color:#ad0002; letter-spacing:-0.04em; padding:28px 0; position:relative; z-index:1;}
#wrap .sub_content .cnt_txt{font-size:16px; line-height:23px; color:#666666; letter-spacing:-0.04em; box-sizing:border-box;}
.about_info_wrap .about_info{padding-right:15px;}
.about_info_wrap .about_info + .about_info .cnt_txt{padding-right:0;}
@media only screen and (max-width:1247px){
	#wrap .sub_content .dot_tit{font-size:30px; line-height:40px; padding:26px 0;}
	#wrap .sub_content .cnt_txt{font-size:15px; line-height:22px;}
}
@media only screen and (max-width:1023px){
	#wrap .sub_content .dot_tit{font-size:28px; line-height:38px; padding:23px 0;}
	#wrap .sub_content .cnt_txt{font-size:14px; line-height:21px;}
}
@media only screen and (max-width:860px){
	#wrap .sub_content .dot_tit{font-size:26px; line-height:35px; padding:20px 0;}
	#wrap .sub_content .cnt_txt{line-height:20px;}
}
@media only screen and (max-width:640px){
	#wrap .sub_content .dot_tit{font-size:23px; line-height:31px; padding:18px 0 20px;}
	#wrap .sub_content .cnt_txt{font-size:13px; line-height:18px;}
}
.about_info_wrap .about_info{position:relative; height:420px; vertical-align:middle;}
@media only screen and (max-width:1247px){
	.about_info_wrap .about_info{height:410px;}
}
@media only screen and (max-width:1023px){
	.about_info_wrap .about_info{height:400px;}
}
@media only screen and (max-width:860px){
	.about_info_wrap .about_info{height:390px;}
}
@media only screen and (max-width:640px){
	.about_info_wrap .about_info{height:auto;}
}
.about_chart .chart h3:before, .about_chart .chart h3:after, .about_chart .chart h4:before, .about_chart .chart h4:after, .about_chart .chart .chart_box:before, .about_chart .chart .chart_box:after, .about_chart .chart .chart_box li:before, .about_chart .chart .chart_box li:after, .about_chart .chart .chart_box .chart_ul li .chart_team:before, .about_chart .chart .chart_box .chart_ul li .chart_team:after, .about_chart .chart .chart_box .chart_ul.chart_ul2:before{content:""; display:inline-block; z-index:-2; margin:0; padding:0; box-sizing:border-box; position:absolute; left:50%; background:#ddd; margin-left:-0.5px;}
.about_chart .chart .chart_box{width:100%; display:table; table-layout:fixed; padding-top:30px; padding-bottom:100px; position:relative;}
.about_chart .chart .chart_box:before{width:66.56%; height:1px; left:50%; top:0; transform:translateX(-50%);}
.about_chart .chart .chart_box .chart_ul li h4{width:80%; padding:0; padding-bottom:80px; height:0; border:1px solid #ad0003; background:#fff; box-sizing:border-box; position:relative; z-index:10;}
.about_chart .chart .chart_box .chart_ul li h4 em{font-size:18px; line-height:26px; color:#ad0003; font-weight:500;}
.about_chart .chart .chart_box .chart_ul li .chart_team{padding-top:24px; position:relative; margin-top:36px; display:flex; flex-wrap:wrap; position:absolute; top:82px; left:50%; min-width:800px; width:100%; margin-left:-400px;}
@media only screen and (max-width:1267px){
	.about_chart .chart .chart_box .chart_ul li h4 em{font-size:17px; line-height:25px;}
}
@media only screen and (max-width:1090px){
	.about_chart .chart .chart_box:before{width:66.6%;}
}
@media only screen and (max-width:980px){
	.about_chart .chart .chart_box{display:block; table-layout:inherit;}
	.about_chart .chart .chart_box:before{width:calc(66.66% - 1px);}
	.about_chart .chart .chart_box .chart_ul li h4{padding-bottom:60px;}
	.about_chart .chart .chart_box .chart_ul li h4 em{font-size:16px; line-height:20px;}
	.about_chart .chart .chart_box .chart_ul li .chart_team{top:45px;}
}
@media only screen and (max-width:880px){
	.about_chart .chart .chart_box{padding-top:20px; padding-bottom:230px;}
	.about_chart .chart .chart_box:before{width:calc(66.66% + 10px);}
	.about_chart .chart .chart_box .chart_ul > li{width:calc(33.333% - 10px) !important;}
	.about_chart .chart .chart_box .chart_ul > li + li{margin-left:15px !important;}
	.about_chart .chart .chart_box .chart_ul li h4{width:100%;}
	.about_chart .chart .chart_box .chart_ul li .chart_team{min-width:100%; position:absolute; width:300px; margin-left:-150px; top:20px;}
}
@media only screen and (max-width:640px){
	.about_chart .chart .chart_box{padding-bottom:100px;}
	.about_chart .chart .chart_box:before{width:calc(66.66% + 5px);}
	.about_chart .chart .chart_box .chart_ul li .chart_team{padding-top:0; width:200px; margin-left:-100px; top:71px;}
	.about_chart .chart .chart_box .chart_ul > li{width:calc(33.333% - 4px) !important;}
	.about_chart .chart .chart_box .chart_ul > li + li{margin-left:6px !important;}
	.about_chart .chart .chart_box .chart_ul li h4{padding-bottom:70px; margin-bottom:20px;}
	.about_chart .chart .chart_box .chart_ul li h4 em{font-size:14px; line-height:17px;}
	.about_chart .chart .chart_box .chart_ul li .chart_team{margin-top:20px;}
}
@media only screen and (max-width:500px){
	.about_chart .chart .chart_box{padding-bottom:130px;}
	.about_chart .chart .chart_box:before{width:calc(66.66% + 3px);}
	.about_chart .chart .chart_box .chart_ul li .chart_team{width:160px; margin-left:-80px;}
	.about_chart .chart .chart_box .chart_ul > li{width:calc(33.333% - 2px) !important;}
	.about_chart .chart .chart_box .chart_ul > li + li{margin-left:3px !important;}
	.about_chart .chart .chart_box .chart_ul li h4 em{font-size:13px; line-height:1.2;}
}
.about_location .location_tab_wrap{max-width:100%; padding-bottom:90px;}
.about_location .location_tab_wrap .location_tab{width:100%; box-sizing:border-box; text-align:left; vertical-align:top; font-size:0;}
.about_location .location_tab_wrap .location_tab:after{clear:both; content:""; display:block;}
.about_location .location_tab_wrap .location_tab li{display:inline-block; width:auto; font-size:19px; line-height:1.2em; font-weight:400; color:#888888; padding:0 26px 0 0; position:relative; letter-spacing:-0.04em; box-sizing:border-box; cursor:pointer; text-align:left; vertical-align:top; max-width:270px;}
.about_location .location_tab_wrap .location_tab li.on{font-weight:500; color:#ad0003; padding-left:15px;}
.about_location .location_tab_wrap .location_tab li.on:before{content:''; display:block; position:absolute; width:12px; height:12px; background:#fff; top:2px; left:0; background:#ad0003;}
.about_location .location_tab_con{margin-top:-50px;}
.about_location .location_tab_con .location_wrap{display:none; padding:0 0 0;}
.about_location .location_tab_con .location_wrap{}
@media only screen and (max-width:1240px){
	.about_location .location_tab_wrap{width:calc(100% + 15px); margin-right:15px; max-width:calc(100% + 15px); padding-bottom:82px;}
	.about_location .location_tab_wrap .location_tab li{padding-right:30px;}
	.about_location .location_tab_wrap .location_tab li br{display:none;}
	.about_location .location_tab_wrap .location_tab li .for_t{display:inline-block;}
	.about_location .location_tab_con .location_wrap{padding:0 0 0;}
}
@media only screen and (max-width:980px){
	.about_location .location_tab_wrap{padding-bottom:0;}
	.about_location .location_tab_wrap .location_tab li.on:before{width:12px; height:12px;}
	.about_location .location_tab_con .location_wrap{padding:38px 0 0;}
	.about_location .location_tab_con{margin:-20px;}
}
@media only screen and (max-width:800px){
	.about_location .location_tab_wrap .location_tab li{font-size:16px; padding:0 30px 0 0;}
	.about_location .location_tab_wrap .location_tab li.on:before{width:10px; height:10px;}
	.about_location .location_tab_con .location_wrap{padding:35px 0 0;}
}
@media only screen and (max-width:640px){
	.about_location .location_tab_wrap .location_tab li{font-size:15px; padding:0 20px 0 0;}
	.about_location .location_tab_con .location_wrap{padding:33px 0 0;}
}
@media only screen and (max-width:500px){
	.about_location .location_tab_wrap .location_tab li{font-size:14px; padding:0 26px 0 0; max-width:190px;}
	.about_location .location_tab_con .location_wrap{padding:30px 0 0;}
}
.sub_history .history_wrap .history_box .his_detail li{position:relative; padding:0; line-height:23px; font-size:16px; vertical-align:middle; box-sizing:border-box; word-break:keep-all; position:relative;}
.sub_history .history_wrap .history_box .his_detail li + li{margin-top:6px;}
@media only screen and (max-width:1247px){
	.sub_history .history_wrap .history_box .his_detail li{font-size:15px; line-height:22px;}
}
@media only screen and (max-width:860px){
	.sub_history .history_wrap .history_box .his_detail li{font-size:14px; line-height:20px;}
}
@media only screen and (max-width:640px){
	.sub_history .history_wrap .history_box .his_detail li{font-size:13px; line-height:20px;}
}
@media only screen and (max-width:480px){
	#wrap .sub_content .sub_history .dot_tit{font-size:22px; letter-spacing:-0.6px;}
	#wrap .sub_content .sub_history .dot_tit img{height:28px;}
	.sub_history .history_wrap .history_box .his_detail li{font-size:13px; line-height:19px;}
}
@media only screen and (max-width:360px){
	#wrap .sub_content .sub_history .dot_tit{font-size:21px;}
	#wrap .sub_content .sub_history .dot_tit img{height:27px;}
}
@media only screen and (max-width:340px){
	#wrap .sub_content .sub_history .dot_tit{font-size:19px;}
	#wrap .sub_content .sub_history .dot_tit img{height:26px;}
}
.sub_introduce .intro_title .txt_box h3{font-size:36px; line-height:44px; font-weight:600; color:#ffffff; letter-spacing:-0.04em; padding-bottom:77px; margin-bottom:17px; position:relative;}
.sub_introduce .intro_title .txt_box p{font-size:26px; line-height:30px; font-weight:400; color:#ffffff; letter-spacing:-0.04em; line-height:1.45;}
.sub_introduce .intro_value .dot_tit p{font-size:22px; line-height:1.5; font-weight:400; color:#333333; margin-top:12px;}
.sub_introduce .intro_value .value_step ul li p{font-size:16px; line-height:24px; font-weight:400; color:#777777; letter-spacing:-0.04em; padding:0 5px; box-sizing:border-box;}
@media only screen and (max-width:1247px){
	.sub_introduce .intro_value .dot_tit p{font-size:21px;}
}
@media only screen and (max-width:1023px){
	.sub_introduce .intro_title .txt_box h3{font-size:34px; line-height:40px; padding-bottom:67px;}
	.sub_introduce .intro_title .txt_box p{font-size:24px;}
	.sub_introduce .intro_value .dot_tit p{font-size:19px;}
	.sub_introduce .intro_value .dot_tit p .for_t{display:none;}
	.sub_introduce .intro_value .value_step ul li p{font-size:15px; line-height:24px;}
}
@media only screen and (max-width:980px){
	.sub_introduce .intro_title .txt_box h3{font-size:30px; line-height:39px; padding-bottom:60px;}
	.sub_introduce .intro_title .txt_box p{font-size:21px;}
	.sub_introduce .intro_value .dot_tit p{font-size:18px;}
}
@media only screen and (max-width:860px){
	.sub_introduce .intro_title .txt_box h3{font-size:26px; line-height:46px;}
}
@media only screen and (max-width:768px){
	.sub_introduce .intro_title .txt_box h3{font-size:23px; line-height:32px; padding-bottom:48px;}
	.sub_introduce .intro_title .txt_box p{font-size:18px; line-height:23px;}
	.sub_introduce .intro_value .dot_tit p{font-size:16px;}
	.sub_introduce .intro_value .dot_tit p br{display:none;}
	.sub_introduce .intro_value .dot_tit p .for_t{display:inline-block;}
	.sub_introduce .intro_value .value_step ul li p{font-size:14px; line-height:22px;}
}
@media only screen and (max-width:640px){
	.sub_introduce .intro_title .txt_box h3{font-size:20px; line-height:27px; padding-bottom:41px; margin-bottom:15px;}
	.sub_introduce .intro_title .txt_box p{font-size:14px; line-height:20px;}
	.sub_introduce .intro_value .dot_tit p{font-size:14px; line-height:23px;}
	.sub_introduce .intro_value .value_step ul li p{font-size:13px; line-height:20px;}
}
@media only screen and (max-width:479px){
	.sub_introduce .intro_value .dot_tit p .for_t{display:none;}
	.sub_introduce .intro_value .dot_tit p .for_m{display:inline-block;}
}
@media only screen and (max-width:350px){
	.sub_introduce .intro_title .txt_box h3{font-size:19px; line-height:25px;}
	.sub_introduce .intro_title .txt_box p{font-size:13px; line-height:18px;}
	.sub_introduce .intro_value .dot_tit p{font-size:13px; line-height:20px;}
}
@media only screen and (max-width:320px){
	.sub_introduce .intro_title .txt_box h3{font-size:18px; line-height:24px;}
	.sub_introduce .intro_value .dot_tit p br{display:none;}
}
.sub_employment .info_txtwrp dl dt{display:table-cell; width:24.2%; font-size:22px; padding-right:10px; line-height:1; font-weight:500; color:#333333; letter-spacing:-0.04em; border-top:1px solid #333333; box-sizing:border-box;}
.sub_employment .info_txtwrp dl dt, .sub_employment .info_txtwrp dl dd{padding:40px 0 80px;}
.sub_employment .info_txtwrp dl dd ul li .down_box a{display:inline-block; font-size:18px; line-height:1; font-weight:400; border:1px solid #dddddd; padding:20px 100px 20px 20px; letter-spacing:-0.04em;}
.sub_employment .info_txtwrp dl dd ul li .down_box a + a{margin-left:17px;}
.sub_employment .info_imgwrp{padding:15px 0 0; display:table; width:100%; table-layout:fixed; border-collapse:collapse; box-sizing:border-box;}
.sub_employment .info_imgwrp ul{display:table-cell; position:relative; vertical-align:middle; box-sizing:border-box; border-collapse:collapse;}
.sub_employment .info_imgwrp ul.info_left{width:31.2%;}
.sub_employment .info_imgwrp ul.info_center{width:22.7%;}
.sub_employment .info_imgwrp ul.info_right{width:46.1%;}
.sub_employment .info_imgwrp ul li{position:relative; width:14.5%; height:0; padding-bottom:14.5%; border-radius:100%; border:1px solid #ccc; box-sizing:border-box; float:left; z-index:9; vertical-align:middle;}
.sub_employment .info_imgwrp ul.info_left li{width:calc(50% + 6px); height:0; padding-bottom:calc(50% + 6px);}
.sub_employment .info_imgwrp ul.info_right li{width:calc(33.32% + 8px); height:0; padding-bottom:calc(33.32% + 8px);}
.sub_employment .info_imgwrp ul.info_left li + li{margin-left:-12px;}
.sub_employment .info_imgwrp ul.info_right li + li{margin-left:-12px;}
.sub_employment .info_imgwrp ul li em{display:block; width:100%; font-size:19px; line-height:1; font-weight:400; color:#333333; letter-spacing:-0.04em; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center; padding:0 5px; box-sizing:border-box;}
.sub_employment .info_imgwrp ul li em span{display:block; font-size:17px; line-height:1; font-weight:400; color:#555555; padding-top:15px;}
.sub_employment .info_imgwrp ul.info_left li.point:before, .sub_employment .info_imgwrp ul.info_right li.basic:before, .sub_employment .info_imgwrp ul.info_center li:before, .sub_employment .info_imgwrp ul.info_center:after, .sub_employment .info_imgwrp ul.info_center li strong:before, .sub_employment .info_imgwrp ul.info_center li strong:after{content:''; display:block; position:absolute; top:50%; transform:translateY(-50%);}
.sub_employment .info_imgwrp ul.info_left li.point:before, .sub_employment .info_imgwrp ul.info_center li strong:after{width:7px; height:7px; border-radius:100%; background:#ad0003; right:-5px;}
.sub_employment .info_imgwrp ul.info_right li.basic:before, .sub_employment .info_imgwrp ul.info_center li strong:before{width:7px; height:7px; border-radius:100%; background:#ad0003; left:-5px;}
.sub_employment .info_imgwrp ul.info_center{text-align:center;}
.sub_employment .info_imgwrp ul.info_center:after{width:130%; height:1px; background:#ad0003; left:50%; transform:translate(-50%, -50%); z-index:1;}
.sub_employment .info_imgwrp ul.info_center li{width:71%; height:0; padding-bottom:71%; border:0; margin:0 auto; display:inline-block; float:none;}
.sub_employment .info_imgwrp ul.info_center li:before{}
.sub_employment .info_imgwrp ul.info_center li:before{width:100%; height:100%; border-radius:100%; background:#ad0003; opacity:0.2; margin-left:-20px; z-index:-1;}
.sub_employment .info_imgwrp ul.info_center li strong{display:block; width:100%; height:0; padding-bottom:96.62%; border-radius:100%; border:3px solid #ad0003; background:#fff; box-sizing:border-box; position:relative;}
.sub_employment .info_imgwrp ul.info_center li strong em, .sub_employment.sub_jobs .info_imgwrp ul li.final strong em{font-size:25px;}
.sub_employment.sub_jobs .info_imgwrp ul:before{content:''; display:block; position:absolute; width:94%; height:1px; background:#ad0003; top:50%;}
.sub_employment.sub_jobs .info_imgwrp ul li{display:inline-block; float:; margin:2.3% 0; margin-right:6%; margin-left:0; background:#fff;}
.sub_employment.sub_jobs .info_imgwrp ul li + li:before, .sub_employment.sub_jobs .info_imgwrp ul li.final strong:before{content:''; display:block; position:absolute; width:7px; height:7px; border-radius:100%; background:#ad0003; left:-4px; top:50%; transform:translateY(-50%);}
.sub_employment.sub_jobs .info_imgwrp ul li.final{margin-right:0;}
.sub_employment.sub_jobs .info_imgwrp ul li.final strong{}
.sub_employment.sub_jobs .info_imgwrp ul li.final strong em{}
.sub_employment.sub_jobs .info_imgwrp ul li.final{width:17%; height:0; padding-bottom:17%; border:0; margin:1.15% 0;}
.sub_employment.sub_jobs .info_imgwrp ul li.final:before{}
.sub_employment.sub_jobs .info_imgwrp ul li.final:before{content:''; display:block; position:absolute; width:100%; height:100%; border-radius:100%; background:#ad0003; opacity:0.2; margin-left:-9%; z-index:-1;}
.sub_employment.sub_jobs .info_imgwrp ul li.final strong{display:block; width:100%; height:0; padding-bottom:96.62%; border-radius:100%; border:3px solid #ad0003; background:#fff; box-sizing:border-box; position:relative;}
.sub_employment.sub_jobs .info_imgwrp ul li.final strong:before{left:-5px;}
.sub_employment.sub_jobs .info_imgwrp ul li.final strong em{font-size:29px; letter-spacing:-2.1px;}
.sub_employment.sub_jobs .info_imgwrp ul + p{display:block; text-align:center; font-size:16px; line-height:1; font-weight:400; color:#777777; clear:both;}
@media only screen and (max-width:1247px){
	.sub_employment .info_txtwrp dl dt, .sub_employment .info_txtwrp dl dd{padding:35px 0 75px;}
	.sub_employment .info_txtwrp dl dt{font-size:21px; padding-right:10px;}
	.sub_employment .info_txtwrp dl dd ul li .down_box a{line-height:20px; height:80px; width:calc(50% - 8px); box-sizing:border-box; vertical-align:top;}
	.sub_employment .info_txtwrp dl dd ul li .down_box a + a{margin-left:11px;}
}
@media only screen and (max-width:1023px){
	.sub_employment .info_txtwrp dl dt, .sub_employment .info_txtwrp dl dd{padding:30px 0 60px;}
	.sub_employment .info_txtwrp dl dt{width:25%; font-size:20px; padding-right:10px;}
	.sub_employment .info_txtwrp dl dd ul li .down_box a{font-size:17px;}
	.sub_employment .info_imgwrp ul li em{font-size:17px;}
	.sub_employment .info_imgwrp ul li em span{font-size:15px; padding-top:10px;}
	.sub_employment .info_imgwrp ul.info_left li.point:before, .sub_employment .info_imgwrp ul.info_center li strong:after{width:6px; height:6px; right:-4px;}
	.sub_employment .info_imgwrp ul.info_right li.basic:before, .sub_employment .info_imgwrp ul.info_center li strong:before{width:6px; height:6px; left:-4px;}
	.sub_employment .info_imgwrp ul.info_center li strong em, .sub_employment.sub_jobs .info_imgwrp ul li.final strong em{font-size:23px; letter-spacing:-0.8px;}
}
@media only screen and (max-width:980px){
	.sub_employment .info_txtwrp dl dt, .sub_employment .info_txtwrp dl dd{padding:25px 0 55px;}
	.sub_employment .info_txtwrp dl dt{font-size:19px; padding-right:10px;}
}
@media only screen and (max-width:960px){
	.sub_employment .info_imgwrp ul.info_left{width:31.2%;}
	.sub_employment .info_imgwrp ul.info_center{width:22.7%;}
	.sub_employment .info_imgwrp ul.info_right{width:46.1%;}
	.sub_employment .info_imgwrp ul.info_left li{width:calc(50% + 3px); height:0; padding-bottom:calc(50% + 3px);}
	.sub_employment .info_imgwrp ul.info_right li{width:calc(33.32% + 4px); height:0; padding-bottom:calc(33.32% + 4px);}
	.sub_employment .info_imgwrp ul.info_left li + li{margin-left:-6px;}
	.sub_employment .info_imgwrp ul.info_right li + li{margin-left:-6px;}
	.sub_employment .info_imgwrp ul li em{font-size:16px;}
	.sub_employment .info_imgwrp ul li em span{font-size:15px; padding-top:6px;}
	.sub_employment .info_imgwrp ul.info_center li{width:71%; padding-bottom:71%;}
	.sub_employment .info_imgwrp ul.info_center li:before{margin-left:-7px;}
	.sub_employment .info_imgwrp ul.info_center li strong em, .sub_employment.sub_jobs .info_imgwrp ul li.final strong em{font-size:21px;}
}
@media only screen and (max-width:860px){
	.sub_employment .info_txtwrp dl dt, .sub_employment .info_txtwrp dl dd{padding:20px 0 50px;}
	.sub_employment .info_txtwrp dl dt{width:31%; font-size:18px; padding-right:10px;}
	.sub_employment .info_txtwrp dl dd ul li .down_box a{font-size:16px; padding:16px 60px 16px 15px; background-size:auto 18px !important; background-position:center right 20px !important;}
	.sub_employment .info_txtwrp dl dd ul li .down_box a + a{margin-left:10px;}
	.sub_employment .info_imgwrp{display:block; padding:0;}
	.sub_employment .info_imgwrp ul{width:100% !important; display:block; float:left;}
	.sub_employment .info_imgwrp ul li{width:100% !important; padding-bottom:60px !important; border-radius:30px;}
	.sub_employment .info_imgwrp ul li + li{margin:-9px 0 0;}
	.sub_employment .info_imgwrp ul.info_left li.point:before, .sub_employment .info_imgwrp ul.info_right li.basic:before, .sub_employment .info_imgwrp ul.info_center li:before, .sub_employment .info_imgwrp ul.info_center:after, .sub_employment .info_imgwrp ul.info_center li strong:before, .sub_employment .info_imgwrp ul.info_center li strong:after{top:auto; left:50%; transform:translate(-50%, -50%); right:auto;}
	.sub_employment .info_imgwrp ul.info_left li.point:before{transform:translate(50%, -50%);}
	.sub_employment .info_imgwrp ul.info_left li.point:before, .sub_employment .info_imgwrp ul.info_center li strong:after{width:6px; height:6px; bottom:-5.5px;}
	.sub_employment .info_imgwrp ul.info_right li.basic:before, .sub_employment .info_imgwrp ul.info_center li strong:before{width:5px; height:5px; top:-1px;}
	.sub_employment .info_imgwrp ul.info_center:after{width:1px; height:110%; top:50%; left:50%; margin-left:-1px; transform:translateY(-50%);}
	.sub_employment .info_imgwrp ul.info_center li{margin:25px 0;}
	.sub_employment .info_imgwrp ul.info_center li:before, .sub_employment.sub_jobs .info_imgwrp ul li.final:before{border-radius:30px; bottom:-10px; left:0; transform:inherit; margin:0; top:auto;}
	.sub_employment .info_imgwrp ul.info_center li strong, .sub_employment.sub_jobs .info_imgwrp ul li.final strong{padding-bottom:58px; border-radius:30px; border-width:2px;}
	.sub_employment.sub_jobs .info_imgwrp ul li em p{display:block; font-size:12px; line-height:1; font-weight:400; color:#777777; letter-spacing:-0.04em; margin-top:5px;}
	.sub_employment.sub_jobs .info_imgwrp ul + p{display:none;}
	.sub_employment .info_imgwrp ul li em{font-size:17px;}
	.sub_employment .info_imgwrp ul li em span{font-size:15px; padding-top:0; padding-left:5px; display:inline-block;}
	.sub_employment .info_imgwrp ul.info_center li strong em, .sub_employment.sub_jobs .info_imgwrp ul li.final strong em{font-size:21px;}
	.sub_employment.sub_jobs .info_imgwrp ul:before{width:1px; height:80%; top:50%; left:50%; transform:translate(0, -50%);}
	.sub_employment.sub_jobs .info_imgwrp ul li{padding-bottom:50px !important; margin:1.5% 0;}
	.sub_employment.sub_jobs .info_imgwrp ul li.final{margin:2% 0;}
	.sub_employment.sub_jobs .info_imgwrp ul li.final:before{bottom:-17px;}
	.sub_employment.sub_jobs .info_imgwrp ul li.final strong{padding-bottom:58px; border-radius:30px; border-width:2px;}
	.sub_employment.sub_jobs .info_imgwrp ul li + li:before, .sub_employment.sub_jobs .info_imgwrp ul li.final strong:before{width:5px; height:5px; top:-1px; left:50%; transform:translate(-50%, -50%);}
}
@media only screen and (max-width:768px){
	.sub_employment .info_txtwrp dl dt{font-size:17px;}
	.sub_employment .info_txtwrp dl dd ul li .down_box a{font-size:14px; padding:13px 50px 13px 15px; background-size:auto 18px !important; background-position:center right 20px !important;}
	.sub_employment .info_txtwrp dl dd ul li .down_box a + a{margin-left:7px;}
	.sub_employment .info_imgwrp ul li em{font-size:14px;}
	.sub_employment .info_imgwrp ul li em span{font-size:12px;}
	.sub_employment .info_imgwrp ul.info_center li strong em, .sub_employment.sub_jobs .info_imgwrp ul li.final strong em{font-size:18px;}
}
@media only screen and (max-width:640px){
	.sub_employment .info_txtwrp dl dt, .sub_employment .info_txtwrp dl dd{padding:15px 0 45px;}
	.sub_employment .info_txtwrp dl dt{width:32%; font-size:16px; line-height:20px; padding-right:10px;}
}
@media only screen and (max-width:600px){
	.sub_employment .info_txtwrp dl dd ul li .down_box a{width:100%; box-sizing:border-box; height:46px;}
	.sub_employment .info_txtwrp dl dd ul li .down_box a + a{margin:10px 0 0;}
}
@media only screen and (max-width:414px){
	.sub_employment .info_txtwrp dl dt, .sub_employment .info_txtwrp dl dd{padding:13px 0 38px;}
	.sub_employment .info_txtwrp dl dt{width:31%; font-size:15px; padding-right:5px;}
	.sub_employment .info_txtwrp dl dd ul li .down_box a{font-size:13px;}
}
@media only screen and (max-width:375px){
	.sub_employment .info_txtwrp dl dt{width:34.2%;}
}
.sub_business .business_title h3{font-size:36px; color:#fff; font-weight:700; line-height:50px; position:absolute; width:100%; top:50%; transform:translateY(-50%); text-align:center; box-sizing:border-box;}
.maintain_tab{width:100%; text-align:center; font-size:0; margin-bottom:56px;}
@media only screen and (max-width:1000px){
	.maintain_tab{margin-bottom:30px; overflow-x:scroll; white-space:nowrap; padding-bottom:20px;}
}
@media only screen and (max-width:900px){
	.sub_business .business_title h3{font-size:30px; padding:0 15px;}
	.sub_business .business_title h3 br{display:none;}
}
@media only screen and (max-width:640px){
	.sub_business .business_title h3{font-size:30px; line-height:40px; top:35%;}
}
@media only screen and (max-width:480px){
	.sub_business .business_title h3{font-size:18px; line-height:23px;}
}

/* ── 푸터 · 메인 ── */
#footer .ft_link dd li{font-size:14px; font-weight:300; line-height:1.5em; padding:0.68em 0; color:#fff; margin:0; display:block; vertical-align:top;}
#footer .ft_link dd li + li{}
#footer .ft_info > dd dl.info_dl + dl.info_dl{margin-top:23px;}
@media only screen and (max-width:500px){
	#footer .ft_link dd li{font-size:13px; padding:0; display:inline-block; vertical-align:top;}
	#footer .ft_link dd li + li{margin-left:2em;}
	#footer .ft_link dd li:nth-child(4){margin-right:2em;}
	#footer .ft_link dd li:nth-child(5){margin-left:0;}
	#footer .ft_info > dd dl.info_dl + dl.info_dl{margin-top:16px;}
}
@media only screen and (max-width:430px){
	#footer .ft_link dd li + li{margin-left:1.3em;}
}
@media only screen and (max-width:400px){
	#footer .ft_link dd li:nth-child(4){margin-right:0;}
}
@media only screen and (max-width:375px){
	#footer .ft_link dd li + li{margin-left:1.6em;}
	#footer .ft_link dd li:nth-child(3){margin-right:1.6em;}
	#footer .ft_link dd li:nth-child(4){margin-left:0;}
	#footer .ft_info > dd dl.info_dl + dl.info_dl{}
}
@media only screen and (max-width:355px){
	#footer .ft_link dd li + li{margin-left:1.2em;}
}
.main_visual .slick-slide .txt_box{width:100%; padding:0 80px; left:50%; top:15.5%; text-align:left; transform:translate(-50%, 0%); position:absolute; font-size:0; z-index:3; box-sizing:border-box;}
#container .main_visual .over-wr{margin-bottom:30px;}
.main_visual .slick-slide .txt_box h3, .main_visual .slick-slide .txt_box p, .main_visual .slick-slide .txt_box span, .main_visual .visual_all_txt h3, .main_visual .visual_all_txt p{line-height:1.2em; color:#fff; font-weight:400; margin:0; padding:0; text-align:left; vertical-align:top; display:block;}
.main_visual .slick-slide .txt_box h3, .main_visual .visual_all_txt h3{font-size:78px; line-height:1.23em; font-weight:700; letter-spacing:-2px;}
.main_icons li span.txt2 a{font-size:inherit; color:inherit; font-weight:inherit;}
.main_map{width:100%; padding:0; position:relative; z-index:1; background-size:auto 100%;}
@media only screen and (max-width:1400px){
	.main_visual .slick-slide .txt_box, .main_visual .visual_all_txt{padding:0 5.7%;}
}
@media only screen and (max-width:1287px){
	.main_visual .slick-slide .txt_box, .main_visual .visual_all_txt{padding:0 3.2%;}
	.main_visual .slick-slide .txt_box h3, .main_visual .visual_all_txt h3{font-size:76px;}
}
@media only screen and (max-width:1100px){
	.main_visual .slick-slide .txt_box, .main_visual .visual_all_txt{padding:0 2.7%;}
	.main_visual .slick-slide .txt_box h3, .main_visual .visual_all_txt h3{font-size:73px;}
}
@media only screen and (max-width:1023px){
	.main_visual .slick-slide .txt_box, .main_visual .visual_all_txt{padding:0 15px;}
	.main_visual .slick-slide .txt_box h3, .main_visual .visual_all_txt h3{font-size:69px;}
}
@media only screen and (max-width:960px){
	.main_visual .slick-slide .txt_box h3, .main_visual .visual_all_txt h3{font-size:63px;}
}
@media only screen and (max-width: 900px){
	#container .main_visual .over-wr{margin-top:-4px;}
	.main_visual .slick-slide .txt_box{top:20.5%;}
}
@media only screen and (max-width: 860px){
	.main_visual .slick-slide .txt_box{}
	.main_visual .slick-slide .txt_box h3, .main_visual .visual_all_txt h3{font-size:58px;}
}
@media only screen and (max-width:767px){
	.main_visual .slick-slide .txt_box{}
	.main_visual .slick-slide .txt_box h3, .main_visual .visual_all_txt h3{font-size:53px;}
}
@media only screen and (max-width: 640px){
	.main_visual .slick-slide .txt_box h3, .main_visual .visual_all_txt h3{font-size:48px;}
	.main_visual .visual_all_txt h3 br{display:none;}
}
@media only screen and (max-width:510px){
	.main_visual .slick-slide .txt_box h3, .main_visual .visual_all_txt h3{font-size:38px;}
	#container .main_visual .over-wr{margin-bottom:50px;}
}
@media only screen and (max-width:479px){
	.main_visual .slick-slide .txt_box{top:24.5%;}
	#container .main_visual .over-wr{margin-bottom:38px;}
	.main_visual .slick-slide .txt_box h3, .main_visual .visual_all_txt h3{font-size:43px; letter-spacing:-1.6px;}
}
@media only screen and (max-width:414px){
	.main_visual .slick-slide .txt_box h3, .main_visual .visual_all_txt h3{font-size:38px; letter-spacing:-1.4px;}
}
@media screen and (max-width:375px){
	.main_visual .slick-slide .txt_box{}
	.main_visual .slick-slide .txt_box h3{font-size:36px;}
}
@media screen and (max-width:350px){
	.main_visual .slick-slide .txt_box h3, .main_visual .visual_all_txt h3{font-size:32px;}
}
@media screen and (max-width:320px){
	.main_visual .slick-slide .txt_box, .main_visual .visual_all_txt{padding:0 10px;}
}
/* 채용정보(모바일) : 영문 Interview 설명이 두 줄이라 칸을 조금 높이고 줄 간격을 줌 */
@media only screen and (max-width:768px){
	.sub_employment.sub_jobs .info_imgwrp ul li:has(em p){padding-bottom:66px !important;}
	.sub_employment.sub_jobs .info_imgwrp ul li em p{line-height:1.3;padding:0 18px;box-sizing:border-box;}
}