@charset "UTF-8";

* { padding:0; margin:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; line-height:1.25; word-break:keep-all; }

html[lang="ko"] * { font-family:'NanumSquare', 'simsun'; }
html[lang="en"] * { font-family:'Lato'; }

html,
body { width:100%; min-height:100%; }
body { color:#222; background-color:#474750; }

img { vertical-align:middle; }
sup { vertical-align:top; font-size:.6em; }

*[data-anchor] { position:absolute; visibility:hidden; margin-top:-60px; }
a[data-href] { color:#080; text-decoration:none; }

label { display:inline-block; }
label div { display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; }
label div input[type='radio'] { position:absolute; visibility:hidden; }
label div input[type='radio'] + span.image { width:20px; height:20px; margin-right:10px; vertical-align:middle; display:inline-block; background:url('../../img/common/img-input-radio-off.svg') no-repeat; background-size:cover; }
label div input[type='radio']:focus + span.image,
label div input[type='radio']:hover + span.image { background:url('../../img/common/img-input-radio-off-hover.svg'); }
label div input[type='radio']:checked + span.image { background:url('../../img/common/img-input-radio-on.svg'); }
label div input[type='radio'] + span + span { color:#757575; }
label div input[type='radio']:checked + span + span { color:#222; }
label div input[type='checkbox'] { position:absolute; visibility:hidden; }
label div input[type='checkbox'] + span.image { width:20px; height:20px; margin-right:10px; vertical-align:middle; display:inline-block; background:url('../../img/common/img-input-checkbox-off.svg') no-repeat; background-size:cover; }
label div input[type='checkbox']:focus + span.image,
label div input[type='checkbox']:hover + span.image { background:url('../../img/common/img-input-checkbox-off-hover.svg'); }
label div input[type='checkbox']:checked + span.image { background:url('../../img/common/img-input-checkbox-on.svg'); }
label div input[type='checkbox'] + span + span { color:#757575; }
label div input[type='checkbox']:checked + span + span { color:#222; }

#ly-Body.active-detail { overflow:hidden; }

#ly-Layout { width:100%; min-width:300px; overflow:hidden; background-color:#fff; }

#ly-Header { width:100%; min-width:300px; height:80px; background-color:#fff; border-bottom:1px solid #e9e9e9; position:fixed; top:0; left:0; display:-ms-flexbox; display:flex; -ms-flex-align:stretch; align-items:stretch; -ms-flex-pack:justify; justify-content:space-between; z-index:150; }
#ly-Header h1 { padding:14px 20px; }
#ly-Header h1 img { width:189px; height:51px; vertical-align:top; }

#ly-Navi-Main a.parent-link { text-decoration:none; color:#757575; }

#ly-Sections { position:relative; }

#ly-Footer { width:100%; background-color:#474750; }
#ly-Footer div.frame-footer div.logo { width:100px; }
#ly-Footer div.frame-footer dl.company { color:#eee; }
#ly-Footer div.frame-footer dl.company dt { font-weight:900; }
#ly-Footer div.frame-copyright { font-size:.9em; border-top:1px solid #707070; margin-top:40px; padding-top:30px; }
#ly-Footer div.frame-copyright p.copyright { color:#dadada; }
#ly-Footer div.frame-copyright a { color:#dadada; text-decoration:none; }
#ly-Footer div.frame-copyright a:focus,
#ly-Footer div.frame-copyright a:hover { color:#ff0; text-decoration:underline; }

/* Mobile */
@media screen and (min-width:1px) and (max-width:799.99px) {
	#ly-Navi-Main { width:100%; }

	#ly-Top { display:none !important; }
}

/* Mobile & Tablet */
@media screen and (min-width:1px) and (max-width:1019.99px) {
	#ly-Body.active-detail #ly-Header div.button button { background-image:url('../../img/common/img-menu-close.svg') !important; }

	#ly-Header div.button button { width:80px; height:79px; border:none; background:url('../../img/common/img-menu.svg') transparent center center no-repeat; }
	#ly-Header div.button button:focus,
	#ly-Header div.button button:hover { background-color:#fafafa; }

	#ly-Navi-Main { width:100%; }
	#ly-Navi-Main { height:calc(100vh - 80px); display:none; position:absolute; top:80px; right:0; background-color:#fff; border-bottom:1px solid #e9e9e9; overflow-y:scroll; z-index:-1; }
	#ly-Navi-Main a.parent-link { padding:20px; display:block; font-weight:900; font-size:1.2em; border-bottom:1px solid #dadada; background-image:url('../../img/common/img-down.svg'); background-position:right 20px center; background-repeat:no-repeat; }
	#ly-Navi-Main a.parent-link.active { color:#fff; background-color:#e53c2e; background-image:url('../../img/common/img-up-white.svg'); }
	#ly-Navi-Main div.child-frame { background-color:#f0f0f0; }
	#ly-Navi-Main li.child-li:not(:first-of-type) a.child-link { border-top:1px solid #dadada; }
	#ly-Navi-Main a.child-link { display:block; padding:15px 20px; text-decoration:none; color:#555; }
	#ly-Navi-Main a.child-link:focus,
	#ly-Navi-Main a.child-link:hover { background-color:#f0f0f0; color:#000; }

	#ly-Footer { padding:30px 20px; }
	#ly-Footer div.frame-footer { text-align:center; }
	#ly-Footer div.frame-footer div.logo { margin:auto; }
	#ly-Footer div.frame-footer dl.company { margin-top:30px; }
	#ly-Footer div.frame-footer dl.company dd { margin-top:8px; font-size:.9em; }
	#ly-Footer div.frame-copyright { text-align:center; }
	#ly-Footer div.frame-copyright p.copyright { margin-bottom:10px; }
}

/* Tablet */
@media screen and (min-width:800px) and (max-width:1019.99px) {
}

/* Tablet & Desktop */
@media screen and (min-width:800px) {
	#ly-Top { position:fixed; right:40px; bottom:40px; z-index:2; transition:bottom ease .5s; display:none; }
}

/* Desktop */
@media screen and (min-width:1020px) {
	#ly-Header div.button { display:none; }

	#ly-Navi-Main { display:-ms-flexbox !important; display:flex !important; -ms-flex-align:stretch; align-items:stretch; }
	#ly-Navi-Main ul.parent { display:-ms-flexbox; display:flex; -ms-flex-align:stretch; align-items:stretch; }
	#ly-Navi-Main li.parent-li { display:-ms-flexbox; display:flex; -ms-flex-align:stretch; align-items:stretch; }
	#ly-Navi-Main a.parent-link { padding-left:30px; padding-right:30px; font-size:1.2em; color:#757575; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; }
	#ly-Navi-Main a.parent-link span { font-weight:700; }
	#ly-Navi-Main a.parent-link.active:not(.download) { color:#bd312d; }
	#ly-Navi-Main a.parent-link.company + div.child-frame { right:480px; }
	#ly-Navi-Main a.parent-link.product + div.child-frame { right:350px; }
	#ly-Navi-Main a.parent-link.technology + div.child-frame { right:190px; }
	#ly-Navi-Main a.parent-link.pr + div.child-frame { right:100px; }
	#ly-Navi-Main div.child-frame { min-width:200px; position:absolute; top:79px; padding-top:20px; padding-bottom:20px; background-color:#fff; border:1px solid #e9e9e9; border-bottom-left-radius:6px; border-bottom-right-radius:6px; box-shadow:0 5px 5px -5px #ccc; }
	#ly-Navi-Main li.child-li.boundary { border-top:1px solid #e9e9e9; margin-top:15px; padding-top:15px; }
	#ly-Navi-Main a.child-link { display:block; padding:8px 40px; text-decoration:none; color:#757575; }
	#ly-Navi-Main a.child-link:focus,
	#ly-Navi-Main a.child-link:hover { background-color:#f0f0f0; color:#000; }#ly-Navi-Main { display:-ms-flexbox; display:flex; -ms-flex-align:stretch; align-items:stretch; }
	#ly-Navi-Main ul.parent { display:-ms-flexbox; display:flex; -ms-flex-align:stretch; align-items:stretch; }
	#ly-Navi-Main li.parent-li { display:-ms-flexbox; display:flex; -ms-flex-align:stretch; align-items:stretch; }
	#ly-Navi-Main a.parent-link { padding-left:30px; padding-right:30px; text-decoration:none; font-size:1.2em; color:#757575; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; }
	#ly-Navi-Main a.parent-link span { font-weight:700; }
	#ly-Navi-Main a.parent-link.active:not(.download) { color:#bd312d; }
	#ly-Navi-Main a.parent-link.company + div.child-frame { right:480px; }
	#ly-Navi-Main a.parent-link.product + div.child-frame { right:350px; }
	#ly-Navi-Main a.parent-link.technology + div.child-frame { right:190px; }
	#ly-Navi-Main a.parent-link.pr + div.child-frame { right:100px; }
	#ly-Navi-Main div.child-frame { min-width:200px; position:absolute; top:79px; padding-top:20px; padding-bottom:20px; background-color:#fff; border:1px solid #e9e9e9; border-bottom-left-radius:6px; border-bottom-right-radius:6px; box-shadow:0 5px 5px -5px #ccc; }
	#ly-Navi-Main li.child-li.boundary { border-top:1px solid #e9e9e9; margin-top:15px; padding-top:15px; }
	#ly-Navi-Main li.child-li strong { width:100%; padding:12px 40px; display:block; background-color:whitesmoke; }
	#ly-Navi-Main a.child-link { display:block; padding:8px 40px; text-decoration:none; color:#757575; }
	#ly-Navi-Main a.child-link:focus,
	#ly-Navi-Main a.child-link:hover { background-color:#f0f0f0; color:#000; }
/*
	#ly-Footer div.frame-footer { display:-ms-flexbox; display:flex; padding-top:50px; padding-bottom:50px; }
	#ly-Footer div.frame-footer dl.company { margin-left:40px; }
	#ly-Footer div.frame-footer dl.company dd { margin-top:8px; font-size:.9em; }
	#ly-Footer div.frame-copyright { font-size:.9em; border-top:1px solid #eee; padding-top:30px; padding-bottom:40px; margin-left:40px; margin-right:40px; display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; }
	#ly-Footer div.frame-copyright p.copyright { color:#757575; display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; }
*/

	#ly-Footer div.frame-footer { display:-ms-flexbox; display:flex; }
	#ly-Footer div.frame-footer dl.company { margin-left:60px; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex:1; flex:1; }
	#ly-Footer div.frame-footer dl.company dt { width:100%; font-size:1.4em; }
	#ly-Footer div.frame-footer dl.company dd { margin-top:10px; font-size:1.1em; }
	#ly-Footer div.frame-footer dl.company dd.address { width:100%; }
	#ly-Footer div.frame-footer dl.company dd:not(:last-of-type) { margin-right:40px; }
	#ly-Footer div.frame-copyright { display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; }
	#ly-Footer div.frame-copyright p.copyright { display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; }
}

/* Desktop : 1020 */
@media screen and (min-width:1020px) and (max-width:1219.99px) {
	#ly-Footer { padding:40px 30px; }
}

/* Desktop : 1220 */
@media screen and (min-width:1220px) {
	#ly-Footer { padding:50px 40px; }
}