@charset "UTF-8";

#ly-Intro header { text-align:center; }
#ly-Intro header p:nth-child(1) { font-size:2rem; color:#1c1c1e; margin-bottom: 100px; font-weight: 400; }
#ly-Intro header p { color:#666; line-height:1.6; }
#ly-Intro header p span { line-height:1.6; }

#ly-About-Tab div.id-cont a { display:block; padding:16px; text-align:center; text-decoration:none; font-size: 1.125rem;}
#ly-About-Tab div.id-cont a * { color:#8E8E93; word-break:keep-all; }
#ly-About-Tab div.id-cont a.active * { color:#009F4F; }
#ly-About-Tab div.id-cont a dt strong { font-size:1.1rem; font-weight:500; }
#ly-About-Tab div.id-cont a dd { margin-top:4px; font-weight:200; }
#ly-About-Tab div.id-cont a dl { padding-top:13px; }
#ly-About-Tab div.id-cont a p { font-size:1.2rem; font-weight:500; }

#ly-About-Tab div.id-cont a:not(.active):focus,
#ly-About-Tab div.id-cont a:not(.active):hover { text-decoration:none; }
#ly-About-Tab div.id-cont a:not(.active):focus *,
#ly-About-Tab div.id-cont a:not(.active):hover * { color:#636366; }

#ly-About-Tab div.id-cont div a.active * { color:#009F4F; font-weight:500; }

#ly-Vision div.id-cont div.type-data span { display:block; line-height:1.6; color:#636366; font-size: 1.125rem; }
#ly-Vision div.id-cont div.type-data span.slogan { margin-top:20px; margin-bottom:20px; font-size:1.125rem; color:#009F4F; font-weight: 400; }

/* 연혁 타임라인 — 마커(원)와 내용을 한 행(.hs-row)으로 묶는다.
   행 높이는 내용에 따라 자동으로 늘어나므로 텍스트가 길어져도 다음 항목과 겹치지 않는다. */
#ly-History div.id-cont div.type-data { display: block; }
#ly-History div.history-timeline div.hs-row { position: relative; display: flex; align-items: flex-start; padding-bottom: 48px; }
#ly-History div.history-timeline div.hs-row-year { padding-bottom: 28px; }
/* 마커 열 중앙을 지나는 세로선. 행마다 그리므로 항목이 늘어나도 끊기지 않는다. */
#ly-History div.history-timeline div.hs-row::before { content: ''; position: absolute; top: 0; bottom: 0; left: 22px;
	width: 2px; margin-left: -1px; background: #EAEAEA; }
/* 첫 연도 원 위쪽과 마지막 항목 원 아래쪽은 원 중심에서 선을 끊는다. */
#ly-History div.history-timeline div.hs-year:first-child div.hs-row:first-child::before { top: 20px; }
#ly-History div.history-timeline div.hs-year:last-child div.hs-row:last-child::before { bottom: auto; height: 20px; }
#ly-History div.history-timeline div.hs-mark { -ms-flex: 0 0 44px; flex: 0 0 44px; display: flex; justify-content: center; position: relative; z-index: 1; }
#ly-History div.history-timeline span.s-circle { width: 12px; height: 12px; border-radius: 50%; background: #eeeeee; border: 2px solid #EAEAEA;
	display: inline-block; margin-top: 14px; }
#ly-History div.history-timeline span.l-circle { width: 40px; height: 40px; border-radius: 50%; background: #eeeeee; border: 2px solid #EAEAEA; display: inline-block;
	text-align: center; font-size: 1.125rem; font-weight: 400; line-height: 36px; color: #1c1c1e; }
#ly-History div.history-timeline div.hs-body { -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; padding-left: 24px; font-size: 1.125rem; line-height: 1.5; padding-top: 8px; }
#ly-History div.history-timeline div.hs-row-year div.hs-body { padding-top: 0; }
#ly-History div.history-timeline span.hs-y { display: block; font-size: 2.45rem; font-weight: normal; line-height: 1.4; color: #3a3a3c; }
#ly-History div.id-cont table thead tr { border-top:2px solid #333; border-bottom:1px solid #333; }
#ly-History div.id-cont table thead th { font-weight:500; }
#ly-History div.id-cont table tbody { border-bottom:1px solid #333; }
#ly-History div.id-cont table tbody tr:not(:first-of-type) { border-top:1px solid #e6e6e6; }
#ly-History div.id-cont table tbody th { font-weight:400; color:#111; vertical-align:top; }
#ly-History div.id-cont table tbody td { font-weight:300; }

#ly-Cert div.id-cont div.type-data { margin-left:auto; margin-right:auto; position:relative; }
#ly-Cert div.id-cont div.type-data div.slide-contents { margin-left:auto; margin-right:auto; }
#ly-Cert div.id-cont div.type-data div.slide-contents img { display:inline-block; border:1px solid #d4d4d4; margin-left: 23px; margin-right: 23px; }
#ly-Cert div.id-cont div.type-data div.slide-contents button { width:50px; height:60px; position:absolute; background-color:transparent; border:none; text-indent:-9999px; }
#ly-Cert div.id-cont div.type-data div.slide-contents button.slick-prev { background:url('../../img/view/about/img-about-prev-on.png') center no-repeat; }
#ly-Cert div.id-cont div.type-data div.slide-contents button.slick-next { background:url('../../img/view/about/img-about-next-on.png') center no-repeat; }

#ly-Support div.id-cont div.type-data dl { min-height:198px; background-repeat:no-repeat; }
#ly-Support div.id-cont div.type-data dl.primer { background-image:url('../../img/view/about/img-about-support-primer.png'); }
#ly-Support div.id-cont div.type-data dl.tips { background-image:url('../../img/view/about/img-about-support-tips.png'); }
#ly-Support div.id-cont div.type-data dd { font-weight:300; }

#ly-Location div.id-cont div.type-data iframe { width:100%; border:1px solid #e6e6e6; }

#ly-Customer div.id-cont div.type-data div {
	 /* margin-left:auto; margin-right:auto; position:relative;  */
	 display: flex; flex-wrap: wrap; justify-content: space-between;
	}
#ly-Customer div.id-cont div.type-data { margin-top: 60px; }
#ly-Customer div.id-cont div.type-data div.slide-contents { margin-left:auto; margin-right:auto; width: 100%; }
#ly-Customer div.id-cont div.type-data div.slide-contents img { display:inline-block; border:1px solid #d4d4d4; margin-left: 23px; margin-right: 23px; }
#ly-Customer div.id-cont div.type-data div.slide-contents button { width:50px; height:60px; position:absolute; background-color:transparent; border:none; text-indent:-9999px; }
#ly-Customer div.id-cont div.type-data div.slide-contents button.slick-prev { background:url('../../img/view/about/img-about-prev-on.png') center no-repeat; }
#ly-Customer div.id-cont div.type-data div.slide-contents button.slick-next { background:url('../../img/view/about/img-about-next-on.png') center no-repeat; }
#ly-Customer div.id-cont div.type-data div img { border: 1px solid #EAEAEA; padding: 0px 10px;}
#ly-Customer div.id-cont div.side-date { text-align: right; }
#ly-Customer div.id-cont div.side-date span { color: #888888; }
#ly-Customer div.id-cont div.customer-status { display: flex; justify-content: space-around; font-size: 1.25rem; font-weight: 400;}
#ly-Customer div.id-cont div.customer-status span {width: 25%; font-size: 1rem;}
#ly-Customer div.id-cont div.customer-status p:first-of-type { border-bottom: 2px solid #1c1c1e; font-size: 1.25rem; height: 60px; white-space: nowrap; padding-top: 16px; font-weight: 350;}
#ly-Customer div.id-cont div.customer-status p { font-weight: 300;}
#ly-Customer div.id-cont div.customer-status p b { font-size: 2.75rem;}
#ly-Customer div.id-cont div.customer-status * { margin-bottom: 16px; color: #1c1c1e;}
#ly-Customer div.id-cont div.customer-comment { text-align: center; margin-top: 80px; font-size: 2rem; font-weight: 300; line-height: 42px; color: #1c1c1e;}

div.id-cont header p { font-size:1.5rem; font-weight:500; margin-bottom:60px; color: #3a3a3c;}
div.id-cont header.type-side h2 { font-size:1.2rem; }

/* Mobile */
@media screen and (min-width:1px) and (max-width:639px) {

	#ly-Intro header p:nth-child(1) { margin-bottom: 0px;}
	#ly-Intro header h2 { font-size:1.6rem; }
	#ly-Intro header p { font-size:.9rem; }

	#ly-About-Tab { margin-top:30px; }
	#ly-About-Tab div.id-cont { width: 92%;}
	#ly-About-Tab div.id-cont a:first-of-type { border-left-color:#d4d4d4; }
	#ly-About-Tab div.id-cont a dd { font-size:.8rem; }
	#ly-About-Tab div.id-cont a.active + a { border-top-color:transparent !important; }

	#ly-Vision { margin-top:64px; }
	#ly-Vision div.id-cont { width: 92%;}
	#ly-Vision div.id-cont header.type-side { text-align:center; margin-bottom:20px; }
	#ly-Vision div.id-cont header.type-side h2 { font-size:1.3rem; }
	#ly-Vision div.id-cont div.type-data { text-align:center; }

	#ly-History { margin-top:120px; }
	#ly-History div.id-cont { width: 92%;}
	#ly-History div.id-cont table col.date { width:100px; }
	#ly-History div.history-timeline div.hs-row { padding-bottom: 32px; }
	#ly-History div.history-timeline div.hs-body { padding-left: 16px; font-size: 1rem; }
	#ly-Careers div.id-cont div.type-data dl:not(:first-of-type) {margin-top: 48px !important; text-align: center; ;}

	#ly-Cert { margin-top:120px; }
	#ly-Cert div.id-cont { width: 92%;}
	#ly-Cert div.id-cont div.type-data { padding:10px; -ms-flex-wrap:wrap; flex-wrap:wrap; }
	#ly-Cert div.id-cont div.type-data p { width:50%; }
	#ly-Cert div.id-cont div.type-data p img { vertical-align:bottom; }
	
	#ly-Support { margin-top:120px; }
	#ly-Support div.id-cont { width:92%;}
	#ly-Support div.id-cont div.type-data dl { padding-top:220px; background-position:center top; text-align:center; }
	#ly-Support div.id-cont div.type-data dl:not(:first-of-type) { margin-top:30px; }
	#ly-Support div.id-cont div.type-data dt { font-size:1.1rem; margin-bottom:15px; }
	#ly-Support div.id-cont div.type-data dd:last-of-type { margin-top:6px; }

	#ly-Location { margin-top:120px; }
	#ly-Location div.id-cont { width: 92%;}
	#ly-Location div.id-cont header.type-side { text-align:center; margin-bottom:20px; }
	#ly-Location div.id-cont div.type-data iframe { height:300px; }

	#ly-Careers { margin-top:120px; }
	#ly-Careers div.id-cont {width: 92%;}
	#ly-Careers div.id-cont div.type-data ul { flex-direction: column; align-items: center; width: 100%;}
	#ly-Careers div.id-cont div.type-data li { width: 100%; padding:8px 5px; text-align:center; }
	#ly-Careers div.id-cont div.type-data li img { width: 30%; }

	#ly-Customer { margin-top:120px; padding-bottom:100px; }
	#ly-Customer div.id-cont {width: 92%;}
	#ly-Customer div.id-cont div.type-data div img { width: 32.5%; border: 1px solid #d4d4d4; }
	#ly-Customer div.id-cont div.type-data div img:not(:nth-of-type(3n+1)) { margin-left: 1.25%; }
	#ly-Customer div.id-cont div.type-data div img:not(:nth-of-type(1)):not(:nth-of-type(2)):not(:nth-of-type(3)) { margin-top: 10px; }
	#ly-Customer div.id-cont div.customer-status { flex-direction: row; flex-wrap: wrap;}
	#ly-Customer div.id-cont div.customer-status span { width: 48%;}
	#ly-Customer div.id-cont div.customer-comment { font-size: 1.25rem; line-height: 1.4;}

	div.id-cont header.type-side { text-align:center; margin-bottom:20px; }
}

/* Mobile & Tablet */
@media screen and (min-width:1px) and (max-width:1219px) {
	#ly-Intro header { margin-left:20px; margin-right:20px; }
	#ly-Intro header p { margin-top:20px; }

	#ly-About-Tab { margin-left:20px; margin-right:20px; }

	#ly-Vision { margin-left:20px; margin-right:20px; }

	#ly-History { margin-left:20px; margin-right:20px; }
	#ly-History div.id-cont table thead th { padding-top:15px; padding-bottom:15px; }
	#ly-History div.id-cont table tbody { font-size:.875rem; }
	#ly-History div.id-cont table tbody th { padding:20px 10px; }
	#ly-History div.id-cont table tbody td { padding:20px 10px 20px 10px; }
	#ly-History div.id-cont table tbody li:not(:first-of-type) { margin-top:8px; }

	#ly-Cert { margin-left:20px; margin-right:20px; }

	#ly-Support { margin-left:20px; margin-right:20px; }
	#ly-Support div.id-cont div.type-data dd { font-size:.875rem; }

	#ly-Location { margin-left:20px; margin-right:20px; }

	#ly-Careers { margin-left:20px; margin-right:20px; }
	#ly-Careers div.id-cont div.type-data dl:not(:first-of-type) { margin-top:20px; }
	#ly-Careers div.id-cont div.type-data dd { font-weight:300; margin-top:10px; font-size:.875rem; line-height:1.6; }
	#ly-Careers div.id-cont div.type-data ul { display:-ms-flexbox; display:flex; }
	/* #ly-Careers div.id-cont div.type-data li { width:20%; padding:8px 5px; text-align:center; } */
	#ly-Careers div.id-cont div.type-data li span { padding:5px; font-size:1.1rem; display:block; font-weight:500; }

	#ly-Customer { margin-left:20px; margin-right:20px; }
}

/* Tablet */
@media screen and (min-width:640px) and (max-width:1219px) {
	#ly-Intro header h2 { font-size:1.8rem; }

	#ly-About-Tab { margin-top:50px; }

	#ly-Vision { margin-top:60px; }
	#ly-Vision div.id-cont div.type-data { -ms-flex:1; flex:1; }
	#ly-Vision div.id-cont div.type-data span { display:block; line-height:1.6; font-weight:300; }

	#ly-History { margin-top:60px; }
	#ly-History div.id-cont div.type-data { -ms-flex:1; flex:1; }
	#ly-History div.id-cont table col.date { width:140px; }

	#ly-Cert { margin-top:60px; }
	#ly-Cert div.id-cont div.type-data { display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; }

	#ly-Support { margin-top:60px; }
	#ly-Support div.id-cont div.type-data dl { padding-left:300px; }
	#ly-Support div.id-cont div.type-data dl:not(:first-of-type) { margin-top:50px; }

	#ly-Location { margin-top:60px; }
	#ly-Location div.id-cont div.type-data iframe { height:400px; }

	#ly-Careers { margin-top:60px; }

	#ly-Customer { margin-top:60px; padding-bottom:60px; }

	div.id-cont header.type-side { width:150px; }
}

/* Tablet & Desktop */
@media screen and (min-width:640px) {
	#ly-Intro header p span { display:block; }

	#ly-About-Tab div.id-cont { display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; }
	#ly-About-Tab div.id-cont div { width:50%; }
	#ly-About-Tab div.id-cont a dt strong span { display:block; }
	#ly-About-Tab div.id-cont a dd { font-size:.8rem; }
	#ly-About-Tab div.id-cont a dd span { display:block; }
	#ly-About-Tab div.id-cont a.active + a { background:none; }

	#ly-Cert div.id-cont div.type-data p { width:23.25%; }
	#ly-Cert div.id-cont div.type-data div img { border:1px solid #e6e6e6; }
	#ly-Cert div.id-cont div.type-data div img { width:23%; }
	
	#ly-Support div.id-cont div.type-data dl { display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; }
	#ly-Support div.id-cont div.type-data dt { font-size:1.2rem; margin-bottom:20px; margin-top:auto; color: #3a3a3c; }
	#ly-Support div.id-cont div.type-data dd { font-weight:300; word-break:break-all; }
	#ly-Support div.id-cont div.type-data dd:last-of-type { margin-top:8px; }
	
	div.id-cont header.type-side { text-align:left; }

	#ly-Customer div.id-cont div.type-data div img { width: 15%;}
	#ly-Customer div.id-cont div.type-data div img:not(:nth-of-type(6n+1)) { margin-left: 1.25%; }
	#ly-Customer div.id-cont div.type-data div img:not(:nth-of-type(1)):not(:nth-of-type(2)):not(:nth-of-type(3)):not(:nth-of-type(4)):not(:nth-of-type(5)):not(:nth-of-type(6)) { margin-top: 24px; }
	
	
	
}

/* Desktop */
@media screen and (min-width:1220px) {
	#ly-Intro header { margin-top : 140px; }
	#ly-Intro header h2 { font-size:2rem; }
	#ly-Intro header p { margin-top:30px; font-size:1.1rem; }

	#ly-About-Tab { margin-top:70px; }
	#ly-About-Tab div.id-cont { width:64%; height:80px; margin-top:auto; margin-bottom:auto; margin-left:auto; margin-right:auto; max-width: 1200px;}
	#ly-About-Tab div.id-cont-top { width:1200px; margin-left:auto; margin-right:auto; height:240px;}

	#ly-Vision { margin-top:100px; }
	#ly-Vision div.id-cont { width:64%; margin-left:auto; margin-right:auto; max-width: 1200px;}

	#ly-History { margin-top:120px; }
	#ly-History div.id-cont { width:64%; margin-left:auto; margin-right:auto; max-width: 1200px;}
	#ly-History div.id-cont table col.date { width:25%; }
	#ly-History div.id-cont table thead th { padding-top:20px; padding-bottom:20px; font-size:1.1rem; }
	#ly-History div.id-cont table tbody th { padding:30px 10px; }
	#ly-History div.id-cont table tbody td { padding:30px 10px 30px 50px; }
	#ly-History div.id-cont table tbody li:not(:first-of-type) { margin-top:10px; }

	#ly-Cert { margin-top:120px; }
	#ly-Cert div.id-cont { width:64%; margin-left:auto; margin-right:auto; max-width: 1200px;}
	#ly-Cert div.id-cont div.type-data div.slide-contents { width: 100%; }

	#ly-Support { margin-top:120px; }
	#ly-Support div.id-cont { width:64%; margin-left:auto; margin-right:auto; max-width: 1200px;}
	#ly-Support div.id-cont div.type-data { display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; }
	#ly-Support div.id-cont div.type-data dl { padding-left:310px; }
	#ly-Support div.id-cont div.type-data dt { margin-top:70px; }

	#ly-Location { margin-top:120px; }
	#ly-Location div.id-cont { width:64%; margin-left:auto; margin-right:auto; max-width: 1200px;}
	#ly-Location div.id-cont div.type-data iframe { height:450px; }

	#ly-Careers { margin-top:120px; }
	#ly-Careers div.id-cont { width:64%; margin-left:auto; margin-right:auto; max-width: 1200px;}
	#ly-Careers div.id-cont div.type-data { position:relative; }
	#ly-Careers div.id-cont div.type-data dl:not(:first-of-type) { margin-top:60px; }
	#ly-Careers div.id-cont div.type-data dt { font-size:1.25rem; font-weight: 400; }
	#ly-Careers div.id-cont div.type-data dd { font-size: 1.125rem; margin-top:10px; }
	#ly-Careers div.id-cont div.type-data ul { padding-top:20px; display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; margin: 60px 0px 80px; }
	#ly-Careers div.id-cont div.type-data li { width:140px; height:140px; padding-left:38px; display:-ms-flexbox; display:flex; -ms-flex-direction:column; 
		flex-direction:column; -ms-flex-pack:center; justify-content:center; align-items: center;  }
	#ly-Careers div.id-cont div.type-data li img { width:100%;}
	#ly-Careers div.id-cont div.type-data li span { display:block; font-weight:500; font-size:1.1rem; color: #3a3a3c; }
	#ly-Careers div.id-cont div.type-data li span:last-of-type { margin-top:6px; }
	#ly-Careers div.id-cont div.type-data div.step { width:100%; height:16px; background:url('../../img/view/about/img-about-careers-arrow.png') no-repeat; 
		position:absolute; top:55px; background-size: contain; }
	#ly-Careers div.id-cont div.type-data div.step1 { left:18%; }
	#ly-Careers div.id-cont div.type-data div.step2 { left:39%; }
	#ly-Careers div.id-cont div.type-data div.step3 { left:61%; }
	#ly-Careers div.id-cont div.type-data div.step4 { left:85%; }

	#ly-Customer { margin-top:120px; padding-bottom:160px; }
	#ly-Customer div.id-cont { width:64%; margin-left:auto; margin-right:auto; max-width: 1200px;}
	#ly-Customer div.id-cont div.type-data { display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; }

	div.id-cont header.type-side { width:304px; }
}