/*
Theme Name: GI Tractor (2019 recreation)
Description: Recreation of the 2019 Global Industries Co., Ltd. used tractor homepage.
Version: 1.0
Text Domain: gi-tractor
*/
html,body{margin:0;padding:0}
body{font:12px/1.5 "Nanum Gothic",Dotum,Arial,sans-serif;color:#333;background:#fff}
img{border:0;vertical-align:top}a{color:#333;text-decoration:none}ul{list-style:none;margin:0;padding:0}p{margin:0}
.clx:after{content:"";display:block;clear:both}
/* header */
.site-header{background:#fff;border-bottom:3px solid #de3f42}
.site-header .in{width:1000px;margin:0 auto;height:113px;display:flex;align-items:center;justify-content:space-between}
.site-header .logo img{display:block;height:36px;width:auto}
.gnb ul{display:flex}.gnb li a{display:block;padding:10px 18px;font-size:14px;font-weight:700}
.gnb li a:hover,.gnb .current-menu-item a{color:#de3f42}
/* main visual + logo banner */
.mvisual_wrap{height:65px;background:url(assets/images/mvisual.jpg) no-repeat center top;padding-top:386px}
.mvisual_wrap #BannerBox{width:929px;margin:auto;height:65px;background:url(assets/images/bg_logos.png) no-repeat center top;position:relative;overflow:hidden}
.site_banner_wrap{width:850px;margin:0 auto;padding-top:17px;overflow:hidden}
.site_banner{display:flex;gap:23px;width:max-content;animation:scroll 40s linear infinite}
.site_banner:hover{animation-play-state:paused}
@keyframes scroll{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.site_banner{animation:none}}
/* content */
#main_content{background:url(assets/images/con_bg.gif) repeat-x;padding-top:22px}
#content_wrap{width:1000px;margin:auto}
#section_01{margin-left:30px}
#section_01:after{content:"";display:block;clear:both}
.tit01{font-weight:bold;font-size:15px;padding-left:15px;margin-bottom:10px;background:url(assets/images/blet_red01.gif) no-repeat 0 3px}
.product{width:219px;float:left;margin-right:18px;background:url(assets/images/bg_product.png) no-repeat 0 27px}
.product .slides{position:relative;width:219px;height:180px;overflow:hidden}
.product .slide{position:absolute;inset:0;opacity:0;transition:opacity .5s;text-align:center}
.product .slide.on{opacity:1;z-index:1}
.product .slide img{width:217px;height:142px;object-fit:cover}
.product .txt{margin-top:8px;text-align:center;font-weight:bold}
.product .nav{text-align:center;margin-top:2px}
.product .nav button{border:1px solid #bfbfbf;background:#fff;border-radius:3px;cursor:pointer;margin:0 2px;padding:1px 8px}
#section_02{border-top:1px solid #ddd;padding:20px 0 20px 35px}
#section_02:after{content:"";display:block;clear:both}
#section_02>div{width:219px;float:left;margin-right:18px}
#section_02 .youtube{margin-top:10px}
#section_02 .box{border:1px solid #ddd;height:165px}
#section_02 .tit{font-size:14px;font-weight:bold;background:url(assets/images/blet_grey01.gif) no-repeat 0 5px;padding-left:15px;margin:10px}
#section_02 .area{font-weight:bold;padding:0 0 10px 30px;font-size:14px}
#section_02 .clock{font:700 34px/60px monospace;text-align:center}
#google_translate_element{margin:30px}
.customer .tel{padding-left:13px;margin-top:10px}.customer .email{padding:4px 0 0 15px}
@media (max-width:1040px){.site-header .in,#content_wrap,.page-wrap{width:auto;padding:0 12px}#section_01{margin-left:0}.mvisual_wrap{background-size:cover}}

/* sub pages */
.sub_visual{height:120px;background:linear-gradient(90deg,#f4f4f4,#e6e6e6)}
#contents_wrap{width:1003px;margin:0 auto 30px}
#leftcolumn{float:left;width:200px;padding-top:20px}
#snbwrap .tit{margin:0;padding:12px 14px;background:#de3f42;color:#fff;font-size:16px}
#snbwrap .tit p{margin:0}
#snb li a{display:block;padding:9px 14px;border-bottom:1px solid #ddd;font-size:13px}
#snb li a:hover,#snb li a.on{background:#f4f4f4;color:#de3f42;font-weight:bold}
#contents{float:right;width:779px}
#title_area{height:50px;border-bottom:1px solid #c3c3c3;margin-top:20px}
#tit{float:left;padding-top:10px}
.btit{margin:0;font-size:22px;color:#333;font-weight:bold;padding-left:12px;border-left:4px solid #de3f42}
#location{float:right;padding-top:22px}
#location ul{display:flex}#location li{color:#777}#location li span{margin:0 6px}#location .now{color:#333;font-weight:bold}
#con_area{padding-top:30px;font-size:13px;line-height:150%;min-height:300px}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}
.gallery figure{margin:0;border:1px solid #ddd;padding:6px;text-align:center}
.gallery img{width:100%;height:auto}.gallery figcaption{font-weight:bold;margin-top:6px}
.inq{margin-top:24px;padding:12px;background:#f7f7f7;border:1px solid #ddd}
.catlist{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.catlist a{display:block;padding:12px;border:1px solid #ddd}.catlist a:hover{border-color:#de3f42}
/* footer */
.site-footer{margin-top:20px;color:#555}
#footer_menu{background:#f8f8f8;border-top:1px solid #ddd}
.footer_wrap{width:1003px;margin:auto;line-height:20px}
.fcols{display:flex}
.fc{width:25%;box-sizing:border-box;padding:22px 0 22px 18px;border-left:1px solid #ddd;min-height:230px}
.fc:last-child{border-right:1px solid #ddd}
.fc h4{margin:0 0 10px;font-size:16px;color:#555}.fc ul{margin-bottom:16px}.fc li{font-size:13px;line-height:24px}
.fc a:hover,.flinks a:hover{color:#de3f42}
#footer_copy{background:#f8f8f8;border-top:1px solid #ddd}
#footer_copy .footer_wrap{position:relative;padding:22px 0;display:flex;gap:30px;align-items:flex-start}
#footer_copy .f_logo{padding:0 0 0 15px}
#footer_copy .foot{flex:1;font-size:13px;margin-right:140px}
.flinks{margin-top:14px!important}
#footer_copy .gobiz{position:absolute;right:0;top:22px}
@media (max-width:1040px){#contents_wrap,.footer_wrap{width:auto;padding:0 12px}#leftcolumn,#contents{float:none;width:auto}.fcols{flex-wrap:wrap}.fc{width:50%}#footer_copy .footer_wrap{flex-wrap:wrap}#footer_copy .foot{margin-right:0}#footer_copy .gobiz{position:static}}