@charset "utf-8";  

.table01 {}
.table01 table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #242424;}
.table01 table th {text-align:center; font-size:16px; font-weight:700; padding:15px 20px; border:1px solid #dfdfdf; border-top:0; color:#242424; background:#fafafa; line-height:1.3em; border-spacing:0; height:60px;}
.table01 table td {font-size:16px; padding:15px; border:1px solid #dfdfdf; line-height:1.730em; color:#454545; letter-spacing:-.03em; text-align:center;}
.table01 table tbody td img {vertical-align:middle; margin:-.2em 2px 0;} 
.table01 table tbody td .imgs {width:74%; max-width:200px; text-align:center; margin:0 auto; padding:15px 0;}
.table01 table tbody td .thumb {position:relative; padding-bottom:77%; overflow:hidden;}
.table01 table tbody td .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:contain;}
.table01 tr:first-child {border-top:0;}
.table01 tr th:first-child,
.table01 tr td:first-child {border-left:0; border-top:0;}
.table01 tr th:last-child,
.table01 tr td:last-child {border-right:0;}

.greetings {}
.greetings .img {}
.greetings .txt-box {display:flex; margin-top:50px;}
.greetings .txt-box .tit-box {width:50%;}
.greetings .txt-box .tit-box p {font-size:16px; font-weight:700; color:#c00000; letter-spacing:0.6em; line-height:1.50em; margin-bottom:30px;}
.greetings .txt-box .tit-box .tit {color:#242424; font-size:30px; font-weight:600; letter-spacing:-.03em; line-height:1.47em;}
.greetings .txt-box .tit-box .tit span {color:#c00000;}
.greetings .txt-box .tt-box {width:50%;}
.greetings .txt-box .tt-box .txt {font-size:18px; color:#454545; letter-spacing:-.05em; line-height:1.67em; margin-bottom:35px;}
.greetings .txt-box .tt-box .sign {font-size:18px; color:#242424; letter-spacing:-.04em; line-height:1.67em; font-weight:700;}

[lang=en] .greetings .txt-box .tt-box .txt,
[lang=en] .greetings .txt-box .tt-box .sign {letter-spacing:-.03em;} 

.history {border-top:2px solid #333;}
.history .group {display:flex; flex-wrap:wrap; padding-top:60px; overflow:hidden;}
.history .group .tit {min-width:380px; font-size:40px; color:#242424; letter-spacing:-.03em; line-height:1.3em; font-weight:700; text-align:center;}
.history .group .history-list {position:relative;}
.history .group .history-list:before {position:absolute; content:""; width:1px; height:100%; background:#ddd; top:12px; left:7px; }
.history .group .history-list ul {}
.history .group .history-list ul li {position:relative; display:flex; padding-left:30px; margin-bottom:50px;}
.history .group .history-list ul li:before {position:absolute; content:""; width:14px; height:14px; background:url('../images/sub/history-dot1.png')50% 50% no-repeat; background-size:contain; top:11px; left:0;}
.history .group .history-list ul li:nth-child(even):before {background-image: url('../images/sub/history-dot2.png');}
.history .group .history-list ul li .year {font-size:28px; font-weight:600; color:#242424; letter-spacing:-.025em; line-height:1.43em; min-width:190px;}
.history .group .history-list ul li .list-box {}
.history .group .history-list ul li .list-box p {position:relative; padding-left:13px; margin-bottom:15px;}
.history .group .history-list ul li .list-box p:before {position:absolute; content:""; width:5px; height:5px; background:#ddd; top:50%; margin-top:-2.5px; left:0; border-radius:50%;}
.history .group .history-list .img {width:100%;}
.history .group:nth-child(1) .history-list {overflow:hidden;}
.history .group:nth-child(n+2) .history-list:before {top:-60px; height:117%;}

@media (min-width: 1025px) {
	[lang=en] .history .group .tit {text-align:left; font-size:32px;}
}

.major {}
.major .major-list {}
.major .major-list ul {display:flex; flex-wrap:wrap; margin:0 -10px; margin-bottom:-35px;}
.major .major-list ul li {width:25%; text-align:center; padding:0 10px; margin-bottom:35px;}
.major .major-list ul li .tit {font-size:18px; color:#454545; letter-spacing:-.03em; line-height:1.556em; margin-top:15px;}

.organization {text-align:center;}

.certification {padding:30px 0; border-top:2px solid #454545; border-bottom:1px solid #ddd;}
.certification ul {display:flex; flex-wrap:wrap; margin:0 -15px; margin-bottom:-35px;}
.certification ul li {width:25%; text-align:center; padding:0 15px; margin-bottom:35px;}
.certification ul li .img {}
.certification ul li .tit {font-size:18px; color:#454545; letter-spacing:-.03em; line-height:1.50em; margin-top:20px;}

.root_daum_roughmap {width:100% !important; height:430px !important;}
.root_daum_roughmap .wrap_map {height:430px !important;}

.directions {margin-top:25px;}
.address-info {margin-top:30px;}
.address-info .comp {color:#c00000; font-weight:600; margin-bottom:2px;}
.address-info .addr {color:#242424; font-size:23px; font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px;}
.address-info .addr span {font-family:"Noto Sans SC", sans-serif;}
.address-info .etc {color:#454545;}
.address-info .etc span {display:inline-block; margin-right:16px;}
.address-info .etc span:last-child {margin-right:0;}
.directions .contact-info {border-top:1px solid #ddd; line-height:1.5em;}
.directions .contact-info dl {display:flex; padding:28px 0; border-bottom:1px solid #ddd;}
.directions .contact-info dt {width:180px; padding-left:30px; color:#242424; font-size:1.125em; font-weight:500;}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em 15px 0 0;}
.directions .contact-info dt path {fill:#1a1154;}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}
iframe {width:100% !important; height:430px !important;}
iframe {height:430px !important;}

@media (max-width: 1024px) {
	.root_daum_roughmap {width:100% !important; height:300px !important;}
	.root_daum_roughmap .wrap_map {height:300px !important;}
	iframe {width:100% !important; height:300px !important;}
	iframe {height:300px !important;}
	.address-info .addr {font-size:20px;}
	.directions .contact-info dl {padding:20px 0;}
	.directions .contact-info dt {padding-left:20px; width:140px;}
}

@media (max-width: 640px) {
	.root_daum_roughmap {width:100% !important; height:250px !important;}
	.root_daum_roughmap .wrap_map {height:250px !important;}
	iframe {width:100% !important; height:250px !important;}
	iframe {height:250px !important;}
	.directions {margin-top:0;}
	.address-info .addr {font-size:17px;}
	.address-info {margin-top:15px;}
	.directions .contact-info dl {padding:10px 0;}
	.directions .contact-info dt {padding-left:5px; width:90px; font-size:14px;}
	.directions .contact-info dt svg {width:15px; margin-right:5px;}
}

.map-flex {display:flex; margin:0 -15px;}
.map-flex .map {width:50%; padding:0 15px;}

.factory-img {}
.factory-img .thumb {position:relative; padding-bottom:41.3%; overflow:hidden;}
.factory-img .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover; border-radius:15px;}