@charset "UTF-8";

html { min-height:100%; position:relative; }
html[lang="ko"] * { font-family:'Noto Sans CJK KR'; }
html[lang="en"] * { font-family:'Roboto'; }
html[lang="ja"] * { font-family:'Meiryo UI', 'Meiryo', 'Noto Sans JP', 'Yu Gothic UI', 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', sans-serif; }

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; }

.id-lang-dropdown {	position: relative; display: inline-block; }
.lang-globe-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  width: 40px;
  height: 40px;
  background-image: url("../img/common/img-language-off.png");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  text-indent: -9999px;
  transition: background-image 0.2s ease;
}
.lang-globe-btn:hover,
.lang-globe-btn:focus { background-image: url("../img/common/img-language-on.png"); }
.lang-globe-btn.active { background-image: url("../img/common/img-language-on.png"); }
.lang-dropdown-menu {
  position: absolute;
  top: 100%;
  right: 0;
  background: white;
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  list-style: none;
  padding: 0;
  margin: 0;
  min-width: 120px;
  z-index: 1000;
  display: none;
}
.lang-dropdown-menu.show { display: block; }
.lang-dropdown-menu li { margin: 0; }
.lang-option { display: block; padding: 12px 16px; color: #666; text-decoration: none; font-size: 14px; font-weight: 300; transition: background-color 0.2s ease; }
.lang-option:hover { background-color: #f5f5f5; color: #333; }
.lang-option.active { background-color: #e8f5e8; color: #009f4f; font-weight: 500; }

/* 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 .id-lang-dropdown { display: none; border-top: 1px solid #d4d4d4; background-color: #fff; padding: 16px 24px; }
	#ly-Header div.id-header .id-lang-dropdown .lang-globe-btn {
	width: 100%;
	height: auto;
	background: none;
	text-indent: 0;
	line-height: normal;
	padding: 12px 0;
	border-bottom: 1px solid #f5f5f5;
	background-image: none;
	color: #666;
	font-size: 14px;
	font-weight: 300;
	text-align: left;
	}
	#ly-Header div.id-header .id-lang-dropdown .lang-dropdown-menu {position: static; display: block; box-shadow: none; border: none; margin-top: 8px; }
	#ly-Header div.id-header .id-lang-dropdown .lang-option { padding: 8px 0; border-bottom: 1px solid #f5f5f5; }
	#ly-Header div.id-header .id-lang-dropdown .lang-option:last-child { border-bottom: none; }

	#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-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;}
	
	/* Japanese specific menu width adjustment */
	html[lang="ja"] #ly-Navi ul.parent li.parent-list { width:180px;}
	
	#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;}
	
	/* Japanese specific child menu positioning */
	html[lang="ja"] #ly-Navi ul.parent li.parent-list.enter ul.child {
		left:-35px;
	}
	#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;}
	html[lang="ja"] #ly-Footer div.id-footer-bottom dl {width:150px; 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; }
	
	/* Language Dropdown Desktop Styles */
	.id-lang-dropdown { display: inline-block; margin-left: 20px; }
	.lang-globe-btn {
	background-image: url("../img/common/img-language-off.png");
	background-position: center;
	background-size: 100%;
	background-color: transparent;
	background-repeat: no-repeat;
	width: 40px;
	height: 80px;
	line-height: 80px;
	text-indent: -9999px;
	border: none;
	cursor: pointer;
	}
	.lang-globe-btn:hover,
	.lang-globe-btn:focus { background-image: url("../img/common/img-language-on.png"); }
	.lang-dropdown-menu { top: 100%; right: 0; margin-top: 5px; }
}