@charset "utf-8";

/*
font-family: 'Noto Sans', sans-serif;
*/


/* 공통 */
#sub .sub_ttl {position: relative; overflow: hidden; min-height: 117px;}
#sub .sub_ttl .bg {width: calc(100% - 150px); height: 100%; background-image: linear-gradient(90deg, #0066c0, #00a5c0); position: absolute; left: 0; top: 0;}
#sub .sub_ttl .bg::before {content: ''; width: 55px; height: 100%; background: url(../images/sub/sub_ttl_bg.png) no-repeat center; position: absolute; right: -55px; top: 0; background-size: 100% 100%;}
#sub .sub_ttl .ttl {max-width: 1452px; min-height: 117px; padding: 15px 0; width: calc(100% - 30px); margin: 0 auto; box-sizing: border-box; position: relative; z-index: 1; display:flex; justify-content:left; align-items:center; table-layout:fixed; height: 100%; font-size: 42px; color: #ffffff; font-weight: 700; word-break: keep-all;}

#sub .inner_bx {max-width: 1452px; width: calc(100% - 30px); margin: 0 auto; box-sizing: border-box;}
#sub .box {overflow: hidden;}

#sub .tb_bx01 table {width: 100%; table-layout: fixed;}
#sub .tb_bx01 table tr {border-bottom: 1px solid #dddddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
#sub .tb_bx01 table tr:first-child {border-top: 1px solid #ddd;}
#sub .tb_bx01 table th {border-right: 1px solid #dddddd; box-sizing: border-box; padding: 10px; height: 68px; text-align: center; background-color: #f1f1f1; font-size: 16px; color: #333333; font-weight: 700; word-break: keep-all; width: 145px;}
#sub .tb_bx01 table th:last-child {border-right: none;}
#sub .tb_bx01 table th.left {text-align: left; padding: 10px 30px;}
#sub .tb_bx01 table td {border-right: 1px solid #dddddd; box-sizing: border-box; padding: 10px 30px; height: 68px; font-size: 16px; color: #333333; letter-spacing: -0.05em; word-break: keep-all; font-weight: 350;}
#sub .tb_bx01 table td:last-child {border-right: none;}



/* Introduction */
#introduction .box1 {padding: 190px 0 210px;}
#introduction .box1 .txt_bx {font-size: 18px; color: #666666; line-height: 36px; letter-spacing: -0.05em; word-break: keep-all; font-weight: 350; text-align: center;}

#introduction2 .box1 {padding: 94px 0 95px;}
#introduction2 .box1 .txt_bx {font-size: 18px; line-height: 28px; color: #333333; font-weight: 700; letter-spacing: -0.05em; word-break: keep-all; max-width: 1020px; padding: 0 0 55px;}
#introduction2 .box1 .img_bx {display: flex; flex-flow: wrap; margin-top: 60px;}
#introduction2 .box1 .img_bx .img_w {text-align: center; width: calc(33.333% - 29.333px); margin-right: 44px; box-sizing: border-box;}
#introduction2 .box1 .img_bx .img_w:nth-child(3n) {margin-right: 0;}
#introduction2 .box1 .img_bx .img_w img {max-width: 100%;}
#introduction2 .box1 .img_bx .img_w p {font-size: 18px; color: #333333; font-weight: 700; line-height: 28px; letter-spacing: -0.05em; word-break: keep-all; margin-top: 25px;}



/* Purpose & Values */
#purposeValues .box1 {padding: 60px 0 71px;}
#purposeValues .box1 .txt_bx {border-bottom: 1px solid #cccccc; margin-bottom: 50px; padding-bottom: 51px;}
#purposeValues .box1 .txt_bx:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
#purposeValues .box1 .txt_bx .top_txt {background-color: #666666; height: 74px; display:flex; justify-content:center; align-items:center; table-layout:fixed; font-size: 18px; color: #ffffff; word-break: keep-all; margin-bottom: 49px;}
#purposeValues .box1 .txt_bx .txt_w {text-align: center; margin-bottom: 39px;}
#purposeValues .box1 .txt_bx .txt_w:last-child {margin-bottom: 0;}
#purposeValues .box1 .txt_bx .txt_w .txt1 {font-size: 46px; color: #333333; line-height: 60px; letter-spacing: -0.05em; font-weight: 500; word-break: keep-all; margin-bottom: 33px; display: block;}
#purposeValues .box1 .txt_bx .txt_w .txt2 {font-size: 36px; color: #333333; line-height: 48px; letter-spacing: -0.05em; font-weight: 500; word-break: keep-all; margin-bottom: 34px; display: block; padding-top: 22px;}
#purposeValues .box1 .txt_bx .txt_w p {font-size: 18px; color: #666666; line-height: 36px; font-weight: 350; letter-spacing: -0.05em; word-break: keep-all;}



/* Company History */
#companyHistory .box1 {padding: 68px 0 120px;}
#companyHistory .box1 .con_bx .con_w {margin-bottom: 48px;}
#companyHistory .box1 .con_bx .con_w:last-child {margin-bottom: 0;}
#companyHistory .box1 .con_bx .c_ttl {font-size: 40px; color: #333333; font-weight: 700; letter-spacing: -0.05em; word-break: keep-all; border-bottom: 2px solid #0097c0; margin-bottom: 36px; padding-bottom: 21px;}
#sub #companyHistory .tb_bx01 table th {font-family: 'Noto Sans', sans-serif;}



/* Locations */
#locations .box1 {padding: 68px 0 120px;}
#locations .box1 .con_bx .con_w {margin-bottom: 48px;}
#locations .box1 .con_bx .con_w:last-child {margin-bottom: 0;}
#locations .box1 .con_bx .c_ttl {font-size: 40px; color: #333333; font-weight: 700; letter-spacing: -0.05em; word-break: keep-all; border-bottom: 2px solid #0097c0; margin-bottom: 36px; padding-bottom: 21px;}
#locations .box1 .con_bx .map_btn {display: inline-block; position: relative; font-size: 14px; color: #2773e4; font-weight: 500; padding-right: 17px; background: url(../images/icon/map.png) no-repeat right center;}



/* News */
#news .box1 {padding: 60px 0 100px;} 
#news_v .box1 {padding: 0 0 100px;} 


/* PC */
@media all and (min-width:1025px){
	
}

/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){
	/* 공통 */
	#sub .sub_ttl {min-height: 60px;}
	#sub .sub_ttl .bg {width: calc(100% - 75px);}
	#sub .sub_ttl .bg::before {width: 24px; right: -24px;}
	#sub .sub_ttl .ttl {min-height: 60px; font-size: 23px;}
	
	#sub .tb_bx01 table th {width: 72px; font-size: 12px; height: 39px;}
	#sub .tb_bx01 table th.left {padding: 10px 15px;}
	#sub .tb_bx01 table td {padding: 10px 15px; font-size: 12px; line-height: 20px; height: 39px;}



	/* Introduction */
	#introduction .box1 {padding: 64px 0 65px;}
	#introduction .box1 .txt_bx {font-size: 13px; line-height: 23px;}
	
	#introduction2 .box1 {padding: 36px 0;}
	#introduction2 .box1 .txt_bx {font-size: 13px; line-height: 23px; padding-bottom: 28px; max-width: 740px;}
	#introduction2 .tb_bx01 table colgroup {display: none!important;}
	#introduction2 .tb_bx01 table th {width: 90px;}
	#introduction2 .box1 .img_bx {margin-top: 45px;}
	#introduction2 .box1 .img_bx .img_w {width: calc(33.333% - 20px); margin-right: 30px;}
	#introduction2 .box1 .img_bx .img_w p {font-size: 14px; line-height: 22px; margin-top: 12px;}



	/* Purpose & Values */
	#purposeValues .box1 {padding: 30px 0 46px;}
	#purposeValues .box1 .txt_bx {padding-bottom: 27px; margin-bottom: 20px;}
	#purposeValues .box1 .txt_bx .top_txt {margin-bottom: 25px; height: 40px; font-size: 13px;}
	#purposeValues .box1 .txt_bx .txt_w {margin-bottom: 27px;}
	#purposeValues .box1 .txt_bx .txt_w .txt1 {margin-bottom: 16px; font-size: 27px; line-height: 34px;}
	#purposeValues .box1 .txt_bx .txt_w .txt2 {margin-bottom: 17px; font-size: 22px; line-height: 28px; padding-top: 10px;}
	#purposeValues .box1 .txt_bx .txt_w p {font-size: 13px; line-height: 21px;}



	/* Company History */
	#companyHistory .box1 {padding: 32px 0 50px;}
	#companyHistory .box1 .con_bx .con_w {margin-bottom: 27px;}
	#companyHistory .box1 .con_bx .c_ttl {padding-bottom: 13px; margin-bottom: 18px; font-size: 23px; border-width: 1px;}



	/* Locations */
	#locations .box1 {padding: 32px 0 50px;}
	#locations .box1 .con_bx .con_w {margin-bottom: 27px;}
	#locations .box1 .con_bx .c_ttl {padding-bottom: 13px; margin-bottom: 18px; font-size: 23px; border-width: 1px;}
	#locations .box1 .con_bx .map_btn {font-size: 11px; padding-right: 15px; background-size: 10px auto; background-position: right 1px center;}



	/* News */
	#news .box1 {padding: 40px 0 50px;} 
	#news_v .box1 {padding: 0 0 50px;}
}

/* 모바일 */
@media all and (max-width:768px){
	/* 공통 */
	#sub .sub_ttl[data-aos=fade-right] {transform: translateZ(0)!important; opacity: 1;}
	#sub .sub_ttl .bg {width: 100%;}
	#sub .sub_ttl .bg::before {display: none;}
	#sub .sub_ttl .ttl {-webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; transform: translate(50px, 0); opacity: 0;}
	#sub .sub_ttl.aos-animate .ttl {transform: translate(0, 0); opacity: 1;}
	
	#sub .tb_bx01.type2 table colgroup {display: none;}
	#sub .tb_bx01.type2 table tr {display: block; width: 100%;}
	#sub .tb_bx01.type2 table th {display: block; width: 100%; padding: 8px 12px 9px; height: auto; border-right: none; border-bottom: 1px solid #ddd; text-align: left;}
	#sub .tb_bx01.type2 table th:last-child {border-bottom: none;}
	#sub .tb_bx01.type2 table td {display: block; width: 100%; padding: 10px 12px 11px; height: auto; border-right: none; border-bottom: 1px solid #ddd;}
	#sub .tb_bx01.type2 table td:last-child {border-bottom: none;}



	/* Introduction */
	#introduction2 .box1 .img_bx .img_w:nth-child(n) {width: 100%; margin-right: 0; margin-bottom: 25px;}
	#introduction2 .box1 .img_bx .img_w:last-child {margin-bottom: 0;}
}