html {overflow-y: scroll;
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */
}
html::-webkit-scrollbar {
	display: none; /* Chrome, Safari, Opera*/
}
html {overflow-x: hidden;}
html.active #menu { right: 20px;}
.ft {background:#000; padding:30px 60px; margin-top:100px;}

.company {margin-top:-118px;}
.company .company_cont1 {background:url('company_bg.jpg')no-repeat center; background-size:cover; height:850px; position:relative; z-index: -1;}
.company .company_cont1 .company_cont1_txt {width:100%; max-width:1645px;   padding-top:300px; padding-left:60px; color:#fff; text-shadow: 1px 2px 3px rgba(0,0,0,.4); position: relative;}
.company .company_cont1 .company_cont1_txt .company_cont1_txt_wid {width:580px; padding-right:80px; position: absolute; right:0;}
.company .company_cont1 h1 {font-size:6.3em; font-family: 'GmarketSansBold';}
.company .company_cont1 h2 {margin-top:20px; font-size:2.73em; font-weight:400; font-family: 'GmarketSansMedium';}
.company .company_cont1 h3 {margin-top:20px; font-size:1.3em; line-height:1.8em; font-weight:400; opacity: .9; text-shadow: 0px 1px 3px rgba(0,0,0,.5);}
.company .company_cont1 h3 .mo {display:none;} 

.company .company_cont1 .company_cont1_posi {width:43%; background:#fff; margin-top:-60px; padding:50px 60px; position: absolute; right:0; bottom:-58px;}
.company .company_cont1 .company_cont1_posi ul {position: relative;}
.company .company_cont1 .company_cont1_posi ul li {color:#434348; display:inline-block; font-family: 'GmarketSansMedium'; font-size:.9em; letter-spacing: .5px; margin-right:10px;}
.company .company_cont1 .company_cont1_posi ul li svg {position:relative; top:2px; margin-right:1px; color:#5ac2d3;}
.company .company_cont1 .company_cont1_posi ul li.li_num {font-size:4em;  font-weight:600;position: absolute; left:250px; top:-15px; color:#5ac2d3; text-shadow: none; font-family: 'GmarketSansBold';}
.company .company_cont1 .company_cont1_posi ul li.li_num:after {content:''; left:-40px; top:12px; width:1px; height:30px; background:#555; position: absolute; opacity: .2;}

.company .company_cont2 {margin:120px auto; max-width:1400px;}
.company .company_cont2:after {content:''; clear:both; display:table;}
.company .company_cont2 .company_tit_box {float:left; width:30%; }
.company .company_cont2 .company_tit_box h2 {font-size:1.8em; font-family: 'GmarketSansBold'; padding-left:20px;}
.company .company_cont2 .company_txt_box {float:right; width:70%;}
.company .company_cont2 .company_txt_box h2 {font-size:1.8em; font-family: 'GmarketSansBold';}
.company .company_cont2 .company_txt_box p {font-size:1.2em; color:#999; line-height:1.7em; font-family: 'GmarketSansMedium';}
.company .company_cont2 .company_txt_box p .mo {display:none;}
.company .company_cont2 .company_img_box {width:100%; height:350px; background:url('company_img2.jpg')no-repeat center #999; background-size:cover; margin-top:110px;}

.section1 { padding: 80px 20px; max-width: 1400px; margin: 0 auto; }
.section1 h2 {font-size: 30px; font-family: 'GmarketSansBold';margin-bottom: 30px; }
.section1 p { font-size: 15px;}
.section1 .intro {text-align: center; margin: 150px 0;}

.features { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 60px; gap: 20px; background: #f9f9f9;padding:50px 20px;border-radius: 16px;}
.feature-box { flex: 1; min-width: 280px; background: #fff; padding: 40px 30px; border-radius: 16px;}
.feature-box h2 { font-size: 2.5em; margin-bottom: 25px; font-family: 'GmarketSansBold'; text-align: right;}
.feature-box h3 { font-size: 1.5em; margin-bottom: 45px; font-family: 'GmarketSansBold'; }
.feature-box p {text-align: left;}

.history { text-align: center;}
.history h2 { margin-bottom: 50px; font-size: 2em; font-family: 'GmarketSansBold';}
.timeline { border-left: 3px solid #5ac2d3; padding-left: 20px; }
.timeline-item { margin-bottom: 20px; position: relative; }
.timeline-item::before {
      content: "";
      position: absolute;
      left: -10px;
      top: 6px;
      width: 14px;
      height: 14px;
      background: #5ac2d3;
      border-radius: 50%;
    }
.timeline-item .date { font-weight: bold; font-size: 1.1em; }

@media screen and (max-width:1350px) {
.company .company_cont2 .company_txt_box p {font-size:1.1em;}
}

@media screen and (max-width:1300px) {
.company .company_cont1 {height:700px;}
.company .company_cont1 .company_cont1_txt {padding-top:250px; padding-left:30px;}
.company .company_cont1 .company_cont1_txt .company_cont1_txt_wid {padding-right:0px; width:520px;}
.company .company_cont1 h1 {font-size:5.3em; }
.company .company_cont1 h2 {font-size:2.3em; }
.company .company_cont1 h3 {font-size:1.15em;}

.company .company_cont2 .company_tit_box {width:25%;}
.company .company_cont2 .company_txt_box {width:75%;}

.ft {padding:30px 30px;}
}

@media screen and (max-width:1050px) {
.company .company_cont2 .company_txt_box p .mo {display:block;}

.company .company_cont2 .company_tit_box {width:25%;}
.company .company_cont2 .company_txt_box {width:75%;}
}

@media screen and (max-width:900px) {
.company .company_cont1 {height:650px;}
.company .company_cont1 .company_cont1_txt {padding-top:230px; padding-left:30px;}
.company .company_cont1 h1 {font-size:4.2em; }
.company .company_cont1 h2 {font-size:1.8em; margin-top:10px; }
.company .company_cont1 h3 {font-size:1.0em;}

.company .company_cont1 .company_cont1_posi {width:50%; padding:30px 40px; bottom:-30px;}
.company .company_cont1 .company_cont1_posi ul li {font-size:.8em;}
.company .company_cont1 .company_cont1_posi ul li.li_num {font-size:2.5em; left:220px; top:-5px; }
.company .company_cont1 .company_cont1_posi ul li.li_num:after {left:-33px; top:5px; height:25px;}

.company .company_cont1 .company_cont1_txt .company_cont1_txt_wid {width:380px;padding-left: 40px;}

.company .company_cont2 {margin-bottom:0;}
.ft {margin-top:0;}
}

@media screen and (max-width: 768px) {
	.features { flex-direction: column; }
	.section h2 { font-size: 1.8em; }
  }

@media screen and (max-width:550px) {
.company .company_cont1 {height:580px; background-position: center left -250px;}
.company .company_cont1 .company_cont1_txt {padding-top:170px; padding-left:15px;}
.company .company_cont1 h1 {font-size:3.0em; }
.company .company_cont1 h2 {font-size:1.3em; margin-top:5px; }
.company .company_cont1 h3 {font-size:1.0em; margin-top:10px;}
.company .company_cont1 h3 .mo {display:block;} 

.company .company_cont1 .company_cont1_posi {width:80%; padding:25px 30px; bottom:-30px;}
.company .company_cont1 .company_cont1_posi ul li {font-size:.5em;}
.company .company_cont1 .company_cont1_posi ul li.li_num {font-size:2.5em; left:190px; top:-5px; }
.company .company_cont1 .company_cont1_posi ul li.li_num:after {left:-19px; top:7px; height:20px;}

.company .company_cont2 {margin-top:70px;}
.company .company_cont2 .company_tit_box {width:100%; padding:0 20px;}
.company .company_cont2 .company_tit_box h2 {padding-left:0;}

.company .company_cont2 .company_txt_box {width:100%; padding:0 20px; margin-top:20px;}
.company .company_cont2 .company_txt_box p .mo {display:none;}
.company .company_cont2 .company_img_box {margin-top:50px;}
.timeline {margin-left: 20px;}

.ft {padding:30px 15px; margin-top:50px;}

}