@charset "utf-8";

.ceo_flex {display:flex;justify-content: space-between;flex-wrap:wrap;}
.ceo_img {width:45%}
.ceo_info {width:53%;}
.ceo_info h4 {font-family: 'GmarketSansMedium';color:#000;line-height:1.5em;font-size:1.3em;margin-bottom:35px;}
.ceo_info p {color:#454545;line-height:1.5em;margin-bottom:25px;}
.ceo_info p.sign {text-align:right;color:#000;font-size:1.1em;font-family: 'GmarketSansMedium';}

.company-history {position:relative;}
.company-history-wrapper {position:relative; padding-bottom:7.3rem; *zoom:1;}
.company-history-wrapper:after{clear:both; display:block; content:"";}
.company-history-wrapper:before{position:absolute; top:3px; height:100%; width:1px; left:50%; background-color:#ddd; content:"";}
.company-history-wrapper:last-child:before{display:none;}
.company-history-info-box {position:relative; width:50%; }
.company-history-info-box::before{ position:absolute; top:-6px; width:25px; height:25px;  background-color:rgba(51,51,51,0.1);  -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content:""; }
.company-history-info-box::after{ position:absolute; top:3px; width:7.6px; height:7.6px; background-color:#333;  -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content:""; }



.company-history-info {margin-top:-10px;}
.company-history-info .history-item{position:relative;  line-height:1.3em; margin-bottom:10px; word-break:keep-all}
.company-history-info .history-item:after {position:absolute;top:0.6em;left:0;width:4px;height:4px;background:#000;display:block;content:"";border-radius:50%;}
.company-history-info .history-item strong {  font-weight: 800;}
.company-history-year {display:inline-block; margin-bottom: 2.4rem;text-align:center; font-size:2.2rem; line-height:1.1; font-weight:700; color:#111; letter-spacing:-0.025em;font-family: 'GmarketSansMedium';}
.company-history-year::before{display: none; position:absolute; width:50px; top:50%; border-top:1px dotted #555; content:""; margin-top:-1px;}

@media all and (min-width:801px){
	.history-border {border:1px solid #ddd;border-radius:50%;width:180px;height:180px;text-align:center;font-size:1.8rem; line-height:1.1; font-weight:700; color:#111; letter-spacing:-0.025em;font-family: 'GmarketSansMedium';margin:0 auto 10px;background:#fff;}
	
	.history-left .company-history-info-box{float:left;}
	.history-left .company-history-info-box::before,
	.history-left .company-history-info-box::after {left:100%; transform:translatex(-50%)}
	.history-left .company-history-info {text-align:right; padding-right:4.3rem; }
	.history-left .company-history-info .history-item{padding-right:15px; }
	.history-left .company-history-info .history-item:after {left:auto;right:0;}
	.history-left .company-history-year {right:9.3rem; padding-left:60px;}
	.history-left .company-history-year:before{left:0}
	.history-left .company-history-img-box{float:right;}
	.history-left .company-history-img-box span{margin-left:9.3rem;}
	
	.history-right .company-history-info-box{float:right; }
	.history-right .company-history-info-box::before,
	.history-right .company-history-info-box::after {right:100%; transform:translatex(50%)}
	.history-right .company-history-info {padding-left:4.3rem;}
	.history-right .company-history-info .history-item{padding-left: 15px;}
	.history-right .company-history-list-wrap .company-history-year {right:auto;; padding-right:60px;}
	.history-right .company-history-list-wrap .company-history-year:before{right:0}
	.history-right .company-history-img-box{float:left; text-align:right;}
	.history-right .company-history-img-box span{margin-right:9.3rem;}
}
@media all and (max-width:800px){
	
	.history-border {display:none;font-size:1.3rem; line-height:1.1; font-weight:700; color:#111; letter-spacing:-0.025em;font-family: 'GmarketSansMedium';margin:0 0 30px;}
	.history-border br {display:none;}
	.company-history-wrapper:before{left:9px; height:98%;}
	.company-history-info-box{width:auto; padding-left:4rem;}
	.company-history-info-box::before{top:-1px; left:2px; width:15px; height:15px; border-width:3px;}
	.company-history-info-box::after{top:4px;left:7px; width:5px; height:5px; border-width:1px; }

	.company-history-info .history-item{font-size:13px; padding-left:25px;}
	.company-history-year{top:0px;font-size:18px; left:10px;}
	.company-history-year::before{width:20px; left:0; }
	
}



.business_wrap h4 {font-family: 'GmarketSansBold';font-size:2em;color:#000;line-height:1.4em;margin-bottom:30px;text-align:center;margin-top:60px;}
.business_wrap h5 {font-family: 'GmarketSansMedium';font-size:2.5em;color:#000;line-height:1.4em;margin-bottom:30px;text-align:center;font-weight:400;}

.business_icon {display:flex;flex-wrap:wrap;margin-top:5px;justify-content: space-between;margin-bottom:60px;}
.business_icon p {border:1px solid #d5d5d5;padding:30px 10px;text-align:center;width:24%;margin:0.5% 0;color:#000;font-family: 'GmarketSansMedium';font-size:1.15em;line-height:1.4em;}
.buiness_list {display:flex;flex-wrap:wrap;margin-bottom:30px;}
.buiness_list > span {width:90px;text-align:center;color:#fff;font-size:2em;font-family: 'GmarketSansBold';background:#999999;}
.buiness_list p {width:calc(100% - 90px);background:#eaeaea;color:#000;font-family: 'GmarketSansMedium';padding:15px;font-size:1.5em;line-height:1.4em;}
.buiness_list div {width:100%;padding:30px;font-size:1.1em;}
.business_title {text-align:center;color:#fff;font-size:1.5em;font-family: 'GmarketSansBold';background:#4472c4;padding: 20px 0;margin:60px 0 20px 0;}
.business_spec_flex {display:flex;flex-wrap:wrap;justify-content: space-between;margin:30px 0}
.business_spec_flex p {width:40%}
	.business_spec_flex table {width:58%;}
.business02_flex {display:flex;flex-wrap:wrap;justify-content: space-between;margin:60px 0;}
.business02_flex > p {width:40%;}
.business02_flex > div {width:58%;}
.business_wrap h6 {font-family: 'GmarketSansMedium';font-size:1.5em;color:#000;line-height:1.4em;margin:30px 0;font-weight:400}
.business02_flex > div p {font-size:1.15em;line-height:1.4em;margin-bottom:20px;word-break:keep-all;}
.business02_flex > div ul {padding:5%;background:#f5f5f5;}
.business02_flex > div ul li {font-size:1.1em;}
.business_half_flex {display:flex;flex-wrap:wrap;justify-content: space-between;}
.business_half_flex > div {width:49%;}
.business_box {padding:5%;background:#f5f5f5;display:flex;flex-wrap:wrap;justify-content: space-between;margin:60px 0;}
.business_box h6 {font-family: 'GmarketSansMedium';font-size:1.5em;color:#000;line-height:1.4em;margin:0 0 30px 0;font-weight:400}
.business_box p {font-size:1.15em;line-height:1.4em;margin-bottom:20px;word-break:keep-all;}

.install_flex {display:flex;flex-wrap:wrap;justify-content: space-between;margin:60px 0;}
.install_flex > p {text-align:center;line-height:1.4em;font-size:1.1em;color:#000;width:24%;margin:0.5%;}
.install_flex > p img {margin-bottom:15px;}

.sitemap_flex {display:flex;flex-wrap:wrap;}
.sitemap_item {width:24%;margin:0.5%;padding:0px;}
.sitemap_item h3 {font-weight:500;padding:15px;border-bottom:1px solid #d1563e;color:#d1563e;font-family: 'GmarketSansMedium';}
.sitemap_item ul {margin:15px 0;}
.sitemap_item li {padding:7px 16px 7px 25px;position:relative;}
.sitemap_item li:before {display:block;content:"";width:3px;height:3px;background:#000;border-radius:50%;transform: translateY(-50%);position:absolute;left:15px;top:50%;;}



.tableA {
	clear: both;
	display: table;
	width: 100%;
	border-collapse: collapse;
	margin: 0px 0;
	border-top:1px solid #222;
}

.tableA tbody th {
	padding: 20px 10px;
	color: #000;
	font-weight: 600;
	border-bottom:1px solid #e1dbd4;
	text-align: left;
	line-height: 1.5em;
	background: #fff;
	width:20%;
}

.tableA tbody td {
	border-bottom:1px solid #e1dbd4;
	padding: 20px 10px;
	background: #fff;
	color: #666666;
	line-height: 1.5em;
}


.tableB {
	clear: both;
	display: table;
	width: 100%;
	border-collapse: collapse;
	margin: 0px 0;
	border-top:1px solid #222;
	table-layout: auto
}
.tableB thead th {
	padding: 20px 10px;
	color: #000;
	font-weight: 600;
	border-bottom:1px solid #222;
	line-height: 1em;
	background: #f5f5f5;
	font-family: 'GmarketSansMedium';
	font-size:1.3em;
}
.tableB thead th span {font-weight:400;font-size:0.75em;display:block;margin-top:5px}
.tableB tbody th {
	padding:17px 5px;
	color: #000;
	    font-size: 0.9em;
	font-weight: 600;
	border-bottom:1px solid #d1d1d1;
	border-right:1px solid #d1d1d1;
	line-height: 1.5em;
	background: #fff;
	width:46%;
	font-family: 'GmarketSansMedium'
}
.tableB tbody td {
	border-bottom:1px solid #d1d1d1;
	padding: 17px 10px;
	background: #fff;
	color: #666666;
	line-height: 1.5em;
}
.tableB tbody td  strong {color:#000;}

.tableC {
	clear: both;
	display: table;
	width: 100%;
	border-collapse: collapse;
	margin: 10px 0;
	border-top:1px solid #e1dbd4;
	table-layout: auto
}

.tableC tbody th {
	padding: 10px 10px;
	font-weight: 400;
	border-bottom:1px solid #e1dbd4;
	text-align: left;
	line-height: 1.5em;
	background: #f5f5f5;
}

.tableC tbody td {
	border-bottom:1px solid #e1dbd4;
	padding: 10px 10px;
	background: #fff;
	line-height: 1.5em;
}



.video-container {
  position:relative;
  height:0;
  padding-bottom:56.25%;
}

.video-container iframe {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

.tabs {display:flex;flex-wrap:wrap;justify-content: center;margin-bottom:50px; }
.tabs_item {width:50%;text-align:center;border-bottom:2px solid #dddddd;color:#000;}
.tabs_item a {display:block;padding:15px 0px;font-family: 'GmarketSansMedium';font-size:1.2em;}
.tabs_item.active1 {border-bottom:2px solid #b24e17;}
.tabs_item.active1 a {font-weight:500;color:#b24e17;;}