@charset "UTF-8";

html { min-height:100%; position:relative; }
html[lang="ko"] * { font-family:'Noto Sans CJK KR'; }
html[lang="en"] * { font-family:'Roboto'; }

body { height:100%; font-size:16px; background-color:#333; color:#636366; overflow-x:hidden; 
	letter-spacing: -0.25px; line-height: 1.25px; font-weight: 350; }

a { color:#636366; }

section {width:100%;}

#ly-Mask { display:none; }

#ly-Layout { width:100%; background-color:#fff; }

#ly-Header { position:relative; top:0; width:100%; z-index:250; }
#ly-Header div.id-header h1 { width:160px; height:30.185px; vertical-align:bottom; }
#ly-Header div.id-header h1 a img {
	width:  88%;
	min-width: 140px;
	/* height: 26.4px; */
  }
#ly-Header div.id-header h1 svg { width:160px; height:30.185px; }
#ly-Header div.id-header h1 svg g.svg-left { fill:#00b833; }
#ly-Header div.id-header h1 svg g.svg-right { fill:#575757; }
#ly-Header div.id-header ul.child { display:none; }
#ly-Header div.id-header ul.id-lang a { display:block; color:#666; font-weight:300; }

#ly-Footer { background-color:#F1F1F1; }
#ly-Footer div.id-footer p.id-logo { height:30.185px; }
#ly-Footer div.id-footer p.id-logo img { width:140px; height:26.4px; }
#ly-Footer div.id-footer p.id-logo svg { width:160px; height:30.185px; }
#ly-Footer div.id-footer p.id-logo svg g.svg-left { fill:#1C1C1E; }
#ly-Footer div.id-footer p.id-logo svg g.svg-right { fill:#1C1C1E; }
#ly-Footer div.id-footer div { color:#1C1C1E; }
#ly-Footer div.id-footer p.id-side button { width:32px; height:32px; border:none; background-color:transparent; text-indent:-9999px; }
#ly-Footer div.id-footer p.id-side button:not(:first-of-type) { margin-left:40px; }
#ly-Footer div.id-footer p.id-side button.type-nb { background-image:url('../img/common/img-footer-off-naverblog.png'); background-size: 100%;}
#ly-Footer div.id-footer p.id-side button.type-fb { background-image:url('../img/common/img-footer-off-facebook.png'); background-size: 100%;}
#ly-Footer div.id-footer p.id-side button.type-mail { background-image:url('../img/common/img-footer-off-mail.png'); background-size: 100%;}
#ly-Footer div.id-footer p.id-side button.type-nb:focus,
#ly-Footer div.id-footer p.id-side button.type-nb:hover { background-image:url('../img/common/img-footer-on-naverblog.png'); background-size: 100%;}
#ly-Footer div.id-footer p.id-side button.type-fb:focus,
#ly-Footer div.id-footer p.id-side button.type-fb:hover { background-image:url('../img/common/img-footer-on-facebook.png'); background-size: 100%;}
#ly-Footer div.id-footer p.id-side button.type-mail:focus,
#ly-Footer div.id-footer p.id-side button.type-mail:hover { background-image:url('../img/common/img-footer-on-mail.png'); background-size: 100%;}
#ly-Footer div.id-footer-bottom div.company { color:#1c1c1e; padding-right: 40px;}
#ly-Footer div.id-footer-bottom div.company a, 
#ly-Footer div.id-footer-bottom div.company address,
#ly-Footer div.id-footer-bottom div.company span {
	line-height: 30px; color: #636366; font-size: 1rem;
}
#ly-Footer div.id-footer-bottom div li.type-lang a { color:#4cd964; }
#ly-Footer div.id-footer-bottom div li.type-link a { color:#1C1C1E; }
#ly-Footer div.id-footer-bottom div li a:focus,
#ly-Footer div.id-footer-bottom div li a:hover { color:#1C1C1E; }
#ly-Footer div.id-footer-bottom dt {font-weight: 500;}

#ly-Top { position:fixed; right:20px; bottom:20px; opacity:.6; z-index:103; }
#ly-Top a { display:inline-block; }
#ly-Top img { vertical-align:bottom; }

*.anchor { position:absolute; visibility:hidden; }

/* Mobile */
@media screen and (min-width:1px) and (max-width:639px) {
	#ly-Layout { min-width:320px; }

	#ly-Footer div.id-footer div * { line-height:1.8; word-break:keep-all; }
	#ly-Footer div.id-footer div { margin-top: 30px; margin-bottom: 30px;}
	#ly-Footer div.id-footer-bottom div.company { display: flex; flex-direction: column; line-height:1.25; padding-right: 0px;}
	#ly-Footer div.id-footer-bottom div.company p { display: flex; flex-direction: column;}
	#ly-Footer div.id-footer div span.block { display:block; }
	#ly-Footer div.id-footer div span[data-color] { display:none; }
	#ly-Footer div.id-footer-bottom { padding: 0px;}
	#ly-Footer div.id-footer-bottom div li { margin-top:6px; }
	#ly-Footer div.id-footer div.bottom p {padding-bottom: 16px;}
}

/* Mobile & Tablet */
@media screen and (min-width:1px) and (max-width:1219px) {
	#ly-Header { border-bottom:1px solid #d4d4d4; position:absolute; }
	#ly-Header div.id-header { min-height:64px; }
	#ly-Header div.id-header h1 { height:64px; padding-top:13px; margin-left:24px; }
	#ly-Header div.id-header ul.id-lang { display:none; border-top:1px solid #d4d4d4; }
	#ly-Header div.id-header ul.id-lang li { width:50%; float:left; text-align:center; }

	#ly-Navi-Button { position:absolute; top:0; right:0; margin-top: 4px; right: 4px; }
	#ly-Navi-Button button { width:57px; height:57px; background:url('../img/common/img-header-navi-nocolor.png') no-repeat; border:none; text-indent:-9999px; }
	#ly-Navi-Button button:focus,
	#ly-Navi-Button button:hover { background-position:-57px 0; }
	#ly-Navi-Button button.active { background-position:-114px 0; }

	#ly-Navi { display:none; border-top:1px solid #d4d4d4; background-color: #fff;}
	#ly-Navi a { display:block; }
	#ly-Navi li.parent-list:not(:first-of-type) { border-top:1px solid #f5f5f5; }
	#ly-Navi a.parent-link { padding: 16px 24px; font-size: 1.125rem; color: #1c1c1e;}
	#ly-Navi ul.child { background-color:#f5f5f5; }
	#ly-Navi a.child-link { padding:16px 32px; font-size:1rem; font-weight:300; }

	#ly-Footer div.id-footer { padding:40px 30px; }
	#ly-Footer div.id-footer p.id-logo { text-align:center; }
	#ly-Footer div.id-footer div { margin-bottom:30px; color:#1C1C1E; text-align:center; }
	#ly-Footer div.id-footer p.id-side { text-align:center; padding-top: 32px;}
	#ly-Footer div.id-footer-bottom div ul { margin-top:20px; }
}

/* Tablet */
@media screen and (min-width:640px) and (max-width:1219px) {
	#ly-Layout { min-width:620px; }

	#ly-Footer div.id-footer-bottom div ul { -ms-flex-pack:justify; justify-content:space-between; }
	#ly-Footer div.id-footer-bottom div li { width:33.33%; }
}

/* Tablet & Desktop */
@media screen and (min-width:640px) {
	#ly-Footer div.id-footer-bottom div ul { display:-ms-flexbox; display:flex; }
}

/* Desktop */
@media screen and (min-width:1220px) {
	#ly-Layout { min-width:1200px; }

	#ly-Header { background-color: #FFFFFF; height: 80px;}
	#ly-Header div.id-header { width:64%; margin-left:auto; margin-right:auto; display:-ms-flexbox; display:flex; -ms-flex-pack:justify; max-width: 1200px; }
	#ly-Header div.id-header h1 { height:80px; line-height: 80px;}
	#ly-Header div.id-header ul.id-lang li a {background-image:url('../img/common/img-language-off.png'); background-position: center;
		background-size: 100%; background-color: transparent; width: 40px; height: 80px; line-height: 80px; background-repeat: no-repeat;}
	#ly-Header div.id-header ul.id-lang li a:hover,
	#ly-Header div.id-header ul.id-lang li a:focus
	 { background-image:url('../img/common/img-language-on.png'); background-position: center; background-size: 100%; width: 40px; height: 80px;
		line-height: 80px; background-repeat: no-repeat;}

	#ly-Navi-Button { display:none; }

	#ly-Navi { display:block !important; -ms-flex-positive:1; flex-grow:1; }
	#ly-Navi ul.parent { display:-ms-flexbox; display:flex; -ms-flex-pack:justify; text-align:center; justify-content: center;}
	#ly-Navi ul.parent li.parent-list { width:150px;}
	#ly-Navi ul.parent li.parent-list h3.under-line {content:''; display:none; width:24px; border-bottom:2px solid #009F4F; margin:0 auto;}
	#ly-Navi ul.parent li.parent-list h3.active {display:block;}
	#ly-Navi ul.parent li.parent-list:has(h3.active) a {color: #1c1c1e;}
	#ly-Navi ul.parent a.parent-link { display:block; height:72px; line-height: 80px; text-decoration-line: none; font-size: 18px; font-weight: normal;}
	#ly-Navi ul.parent a.parent-link:hover,
	#ly-Navi ul.parent a.parent-link:focus { color: #1c1c1e;}
	#ly-Navi ul.parent li.parent-list.enter ul.child {
		box-shadow: 2px 2px 15px #0000001A; 
		position:relative; left:-50px; top:0px; width:246px; background:#fff;}
	#ly-Navi ul.child { min-width:100%; font-size:.875rem; border-top:2px solid transparent; padding-top:10px; padding-bottom:10px; }
	#ly-Navi ul.child a { display:block; padding:16px 20px; color:#666; word-break:keep-all; text-decoration-line: none; font-size: 16px;}
	#ly-Navi ul.child a:focus,
	#ly-Navi ul.child a:hover { color:#1e1e1e; }
	#ly-Navi ul.child a span { display:block; }

	#ly-Footer div.id-footer { width:64%; margin-left:auto; margin-right:auto; padding-top:40px; padding-bottom:80px; max-width: 1200px;}
	#ly-Footer div.id-footer p.id-logo { margin-bottom:25px; }
	#ly-Footer div.id-footer div { -ms-flex-positive:1; flex:1; color:#1C1C1E; }
	#ly-Footer div.id-footer-bottom { display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; }
	
	#ly-Footer div.id-footer-bottom div { padding-bottom:50px; font-weight: 300; font-size: 1rem; letter-spacing: -0.4px; }
	#ly-Footer div.bottom { font-size:1rem; width:1200px; margin-left:auto; margin-right:auto; display:-ms-flexbox; display:flex; justify-content:space-between; }
	#ly-Footer div.bottom p {height:44px; line-height: 40px;}
	#ly-Footer div.id-footer-bottom div li { margin-left:40px; }
	#ly-Footer div.bottom select { width: 150px; height: 44px; padding: 8px 10px; border: 1px solid #D2D2D7; border-radius: 5px; }
	#ly-Footer div.id-footer-bottom dl {width:58px; flex-grow: 0.16;}
	#ly-Footer div.id-footer-bottom dd {font-weight: 300;}
	#ly-Footer div.id-footer-bottom dt, #ly-Footer div.id-footer-bottom dd { line-height: 32px;}
	
	*.anchor { margin-top:-80px; }
}