@charset "utf-8";

/* common */
p { margin:0; padding:0; }
#contentId-main #container { width:100%; padding:0; }
.sec_wrap { max-width:1330px; margin:0 auto; }

@media (max-width:1360px) {
    .sec_wrap { padding:0 15px; }
}

@media (max-width:768px) {
    .sec_wrap { }
}

/* 비주얼 슬라이드 */
#vis { }
#slider { height:100vh; }

#slider .swiper-button-prev,
#slider .swiper-container-rtl .swiper-button-next { left:4%; background-image:url('../images/main/swiper_arrow_prev.png'); }
#slider .swiper-button-next,
#slider .swiper-container-rtl .swiper-button-prev { right:4%; background-image:url('../images/main/swiper_arrow_next.png'); }
#slider .swiper-button-prev,
#slider .swiper-button-next { width:43px; height:85px; margin-top:0; background-size:43px 85px; }

#slider .swiper-controller { display:flex; align-items:center; position:absolute; bottom:6.25rem; left:50%; transform:translateX(-50%); z-index:1; }
#slider .swiper-controller .swiper-pagination { position:static; }
#slider .swiper-controller .swiper-pagination-bullet { margin:0 5px; width:7px; height:7px; background: none; border:1px solid #fff; opacity:1; vertical-align:middle; }
#slider .swiper-controller .swiper-pagination-bullet-active { width:18px; background:#fff; border-radius:4px; }
#slider .swiper-controller .wrap-autoplay-control { }
#slider .swiper-controller .wrap-autoplay-control button { display:block; width:20px; height:20px; border:0; background:transparent; cursor:pointer; }
#slider .swiper-controller .wrap-autoplay-control button:before { content:''; position:absolute; display:block; }
#slider .swiper-controller .wrap-autoplay-control button[aria-pressed="false"]:before { top:50%; right:0; transform:translateY(-50%); width:11px; height:17px; border-left:3px solid #fff; border-right:3px solid #fff; }
#slider .swiper-controller .wrap-autoplay-control button[aria-pressed="true"]:before { top:50%; right:0; transform:translateY(-50%); border-top:9px solid transparent; border-left:13px solid #fff; border-bottom:9px solid transparent; }

#slider .vis_main_txt { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; max-width:1330px; text-align:center; z-index:1; }
#slider .vis_main_txt p { margin-bottom:0.938rem; /* margin-bottom:6.5rem; */ color:#fff; font-size:1.5rem; font-family:'GmarketSansMedium'; line-height:1.2; word-break:keep-all; }
#slider .vis_main_txt h3 { margin-top:3rem; color:#fff; font-size:3.75rem; /* font-family:'GmarketSansLight'; */ font-family:'GmarketSansBold'; letter-spacing:-0.03em; line-height:1.4; }
#slider .vis_main_txt h3 strong { font-family:'GmarketSansBold'; }

@media (max-width:1500px ) {
}

@media (max-width:1360px ) {
	#slider .vis_main_txt { padding: 0 15px; }
}

@media (max-width:1200px ) { 
	#slider .swiper-button-prev,
	#slider .swiper-button-next { width:30px; height:59px; margin-top:-29.5px; background-size:30px 59px; }
}

@media (max-width:992px ) { 
	#slider .vis_main_txt p { font-size:1.25rem; }
	#slider .vis_main_txt h3 { font-size:2rem; }
	#slider .vis_main_txt h3 strong { font-size:1.4em; }
}

@media (max-width:768px ) {
	#slider { height:500px; }
	#slider .vis_main_txt p { font-size:1.125rem; }
	#slider .vis_main_txt h3 { font-size:1.8rem; }
	#slider .vis_main_txt h3 strong { font-size:1.25em; }
	#slider .swiper-button-prev,
	#slider .swiper-button-next { display:none; }
}

@media (max-width:576px) {
	#slider .vis_main_txt h3 { font-size:1.25rem; word-break:keep-all; }
}

/* 메인 콘텐츠 */

/* 회사정보 */
#company_info_wrap { clear:both; position:absolute; top:100px; width:100%; padding:2.188rem 0; background:rgba(33, 39, 52, 0.7); color:#fff; font-size:1.125rem; z-index:98; }
#company_info_wrap .company_info { display:flex; justify-content:space-between; width:100%; max-width:1330px; margin:0 auto; }
#company_info_wrap:after { content:none; }
#company_info_wrap .com_info { display:block; max-width:500px; margin:0; }
#company_info_wrap .info_con { display:block; overflow:hidden; }
#company_info_wrap .info_con > ul { display:flex; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; flex-wrap:wrap; flex:1 0 auto; -webkit-box-flex:1 0 auto; -moz-box-flex:1 0 auto; -ms-flex:1 0 auto; -webkit-flex:1 0 auto; margin:auto; }
#company_info_wrap .info_con > ul > li { display:block; width:100%; margin-bottom:0.938rem; }
#company_info_wrap .info_con > ul > li:last-child { margin-bottom:0; }
#company_info_wrap .info_con > ul > li > dl { display:inline-block; }
#company_info_wrap .info_con > ul > li > dl > dt,
#company_info_wrap .info_con > ul > li > dl > dd { display: inline-block; font-weight:400; }
#company_info_wrap .info_con > ul > li > dl > dt { width:110px; margin:0; color:#fff; }
#company_info_wrap .info_con > ul > li > dl > dt:after { content:' : '; display:none; }
#company_info_wrap .info_con > ul > li > dl > dd { margin-left:2.5rem; }
#company_info_wrap .tel_time { }
#company_info_wrap .tel_time .tel { margin-bottom:1.5rem; font-size:2.25rem; font-weight:700; line-height:1; }
#company_info_wrap .tel_time .time_tit { margin-bottom:0.5rem; font-size:1.25rem; }
#company_info_wrap .tel_time .time { margin-bottom:0.5rem; }
#company_info_wrap .tel_time .time:last-child { margin-bottom:0; }
#company_info_wrap .tel_time .time span { display:inline-block; min-width:60px; margin-right:0.938rem; }

@media (max-width:1330px) {
	#company_info_wrap .company_info { padding:0 0.938rem; }
}

@media (max-width:1200px) {
    #company_info_wrap .com_info,
		#company_info_wrap .info_con { text-align:left; width:100%; }
		#company_info_wrap .info_con > ul > li > dl { margin:0; }
}

@media (max-width:850px) {
    #company_info_wrap .company_info { flex-wrap:wrap; gap:1.5rem 0; }
		#company_info_wrap .com_info,
		#company_info_wrap .tel_time { width:100%; max-width:none; }
		#company_info_wrap .info_con > ul > li { margin-bottom:0.5rem; }
		#company_info_wrap .tel_time .tel { margin-bottom:0.5rem; font-size:1.8rem; }
}

@media (max-width:768px) {
	#company_info_wrap { position:static; margin-top:83px; background:rgba(33, 39, 52, 1); }
  #company_info_wrap .info_con > ul { font-size:1rem; }
	#company_info_wrap .info_con > ul > li { }
	#company_info_wrap .info_con > ul > li:not(:last-child)::after { width:1px; height:15px; }
	#company_info_wrap .info_con > ul > li a { font-size:1.125rem; }
	#company_info_wrap .info_con > ul > li > dl > dd { margin-left:0.5rem; }
	#company_info_wrap .tel_time .tel { font-size:1.4rem; }
	#company_info_wrap .tel_time .time { font-size:1rem; }
}

@media (max-width:486px) {
	#company_info_wrap .info_con > ul > li a { font-size:1rem; }
	#company_info_wrap .info_con > ul  > li > dl > dt,
	#company_info_wrap .info_con > ul  > li > dl > dd { width:100%; }
	#company_info_wrap .info_con > ul  > li > dl > dt { color:#aaa; }
	#company_info_wrap .info_con > ul  > li > dl > dt::before { content:'['; display:inline-block; font-size:1rem; padding-right:.1rem; }
	#company_info_wrap .info_con > ul  > li > dl > dt::after { content:']'; display:inline-block; font-size:1rem; padding-left:.1rem; }
	#company_info_wrap .info_con > ul  > li > dl > dd { margin:0; }
	#company_info_wrap .tel_time .time span { margin-right:.5rem; }
}

@media (max-width:360px) {
	#company_info_wrap .info_con > ul { flex-wrap:wrap; flex-direction:column; align-items:flex-start; }
	#company_info_wrap .info_con > ul > li { margin:0; padding:0; }
	#company_info_wrap .info_con > ul > li:not(:last-child)::after { display:none; }
}

/* 제품소개 */
.main_product { position:relative; margin:3.75rem 0 8.75rem; }
.main_product::before { content:'DOOSAN FORKLIFT'; display:block; position:absolute; right:0; top:0; color:transparent; -webkit-text-stroke: 1px rgba(221, 221, 221, 1); font-weight:900; font-size:7.563rem; line-height:1; }

.main_product .sec_title { display:flex; align-items:baseline; margin-bottom:2.5rem; padding-top:4rem; }
.main_product .sec_title h5 { font-size:2.5rem; font-family:'Poppins'; color:#030303; font-weight:900; letter-spacing:0; }
.main_product .sec_title .sub_title { margin-left:1.25rem; font-size:1.25rem; color:#01A1A1; }

@media (max-width:1920px ) {
	.main_product::before { font-size:6rem; }
}

@media (max-width:1500px ) {
	.main_product::before { font-size:5rem; }
}

@media (max-width:1300px ) {
	.main_product { margin:3.75rem 0; }
}

@media (max-width:992px ) {
	.main_product::before { font-size:3.5rem; }
}

@media (max-width:768px ) {
	.main_product { margin:2rem 0; }
	.main_product::before { font-size:2.5rem; }
	.main_product .sec_title { margin-bottom:1rem; }
	.main_product .sec_title h5 { font-size:1.8rem; }
	.main_product .sec_title .sub_title { font-size:1.125rem; }
}

@media (max-width:486px ) {
	.main_product::before { right:15px; font-size:1.6rem; }
	.main_product .sec_title { flex-wrap:wrap; flex-direction:column; align-items:flex-start; padding-top:1.5rem; }
	.main_product .sec_title .sub_title { margin:0; }
}

@media (max-width:360px ) {
	.main_product::before { display:none; }
	.main_product .sec_title { padding-top:0; }
}

/* about */
.main_about { width:100%; padding:3.125rem 0; background:#F5F5F5; }
.main_about .tit { margin-bottom:1.25rem; color:#01A1A1; font-size:1.875rem; font-weight:900; letter-spacing:0.05em; }
.main_about .con_wrap { display:flex; }
.main_about .con_wrap .company_nm { width:270px; font-size:2.813rem; color:#141414; letter-spacing:-0.05em; font-weight:900; line-height:1.4; }
.main_about .con_wrap .company_nm span { display:inline-block; font-size:2.375rem;  }
.main_about .con_wrap .txt { width:calc(100% - 270px); padding-left:6.25rem; font-size:1.625rem; color:#000; letter-spacing:-0.03em; font-weight:300; word-break:keep-all; }

@media (max-width:1400px) {
	.main_about .tit { margin-bottom:0.625rem; font-size:1.5rem; }
	.main_about .con_wrap { flex-wrap:wrap; gap:0.5rem 0; }
	.main_about .con_wrap .company_nm,
	.main_about .con_wrap .txt { width:100%; padding:0; }
	.main_about .con_wrap .company_nm,
	.main_about .con_wrap .company_nm span { font-size:1.8rem; }
	.main_about .con_wrap .txt { font-size:1.25rem; }
}

@media (max-width:1200px) {
}

@media (max-width:992px) {
}

@media (max-width:768px) {
    .main_about { padding:1.875rem 0; }
}

@media (max-width:486px ) {
	.main_about .tit { margin-bottom:0; font-size:1.3rem; }
	.main_about .con_wrap .company_nm,
	.main_about .con_wrap .company_nm span { font-size:1.6rem; }
	.main_about .con_wrap .txt { font-size:1.125rem; }
}