@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 * { font-family:'Nunito Sans', 'Noto Sans Korean', 'simsun'; }

html,
body { width:100%; min-height:100%; }

body { color:#222; background-color:#101012; }
body.active-detail { overflow:hidden; }

img { vertical-align:middle; }

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[data-type='checkbox'] { position:relative; }
label[data-type='checkbox'] div input[type='checkbox'] { position:absolute; top:0; z-index:-1; }
label[data-type='checkbox'] 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[data-type='checkbox'] div input[type='checkbox']:focus + span.image,
label[data-type='checkbox'] div input[type='checkbox']:hover + span.image { background:url('../../img/common/img-input-checkbox-off-hover.svg'); }
label[data-type='checkbox'] div input[type='checkbox']:checked + span.image { background:url('../../img/common/img-input-checkbox-on.svg'); }
label[data-type='checkbox'] div input[type='checkbox'] + span + span { -ms-flex-positive:1; flex:1; color:#757575; }
label[data-type='checkbox'] div input[type='checkbox']:checked + span + span { color:#222; }
label[data-type='select'] { position:relative; }
label[data-type='select'] div input[type='checkbox'] { position:absolute; top:0; z-index:-1; }
label[data-type='select'] div input[type='checkbox'] + span { width:100%; padding:14px 10px; color:#757575; border:1px solid #e5e5e5; transition:all ease .2s; }
label[data-type='select'] div input[type='checkbox']:focus + span,
label[data-type='select'] div input[type='checkbox']:hover + span { color:#222; border-color:#0078e5; }
label[data-type='select'] div input[type='checkbox']:checked + span { color:#fff; background-color:#0078e5; border-color:#0078e5; }

#ly-Layout { width:100%; min-width:300px; }

#ly-Header { width:100%; min-width:300px; height:80px; background-color:transparent; 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:255; -webkit-transition:all ease .3s; transition:all ease .3s; }
#ly-Header.scroll { background-color:#fff; box-shadow:0 0 1px #dadada; }
#ly-Header.scroll #ly-Navi-Main a.parent-link { color:#333; }
#ly-Header h1 { margin-left:20px; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; }
#ly-Header h1 a { display:block; }
#ly-Header h1 img { width:160px; height:100%; }

#ly-Sections { position:relative; }

#ly-Footer { width:100%; }
#ly-Footer p { text-align:center; color:#fff; font-weight:bold; }

.anchor { position:absolute; visibility:hidden; margin-top:-60px; }

a[data-href] { color:#080; text-decoration:none; }
em { font-style:normal; }

/* Mobile */
@media screen and (min-width:1px) and (max-width:799.99px) {
	#ly-Footer p { padding:40px 0; }
}

/* 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 h1 { position:relative; z-index:255; }*/
	#ly-Header div.button button { width:80px; height:79px; position:relative; z-index:255; border:none; background:url('../../img/common/img-menu-white.svg') transparent center center no-repeat; }
	#ly-Header.scroll div.button button { background-image:url('../../img/common/img-menu-black.svg'); }

	#ly-Navi-Main { width:100%; height:100vh; display:none; background:url('../../img/common/img-navi-mobile-bg.png') right bottom no-repeat; background-size:cover; position:absolute; top:0; left:0; background-color:#fff; }
	#ly-Navi-Main ul.parent { margin-top:40px; }
	#ly-Navi-Main a.parent-link { padding:15px 60px; color:#757575; display:block; text-decoration:none; }
	#ly-Navi-Main a.parent-link span { display:block; font-weight:100; font-size:2.5em; }
}

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

/* Tablet & Desktop */
@media screen and (min-width:800px) {
	#ly-Footer p { padding:60px 0; }
}

/* Desktop */
@media screen and (min-width:1020px) {
	#ly-Header div.button { display:none; }
	#ly-Header.scroll #ly-Navi-Main a.parent-link.active:not(.download) { background:url('../../img/common/img-navi-active.png') center bottom repeat-x; }

	#ly-Navi-Main { width:auto; height:auto; 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; text-decoration:none; font-size:1.2em; font-weight:800; color:#fff; 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:#2af !important; }
	#ly-Navi-Main a.download { text-decoration:none; }
	#ly-Navi-Main a.download span { font-weight:bold; color:#ff3c00; border:2px solid #ff3c00; border-radius:4px; padding:6px 15px; white-space:nowrap; }
	#ly-Navi-Main a.download:focus span,
	#ly-Navi-Main a.download:hover span { background-color:#ff3c00; color:#fff; }
	#ly-Navi-Main a.parent-link.support + div.child-frame { right:80px; }
	#ly-Navi-Main div.child-frame { position:absolute; top:60px; padding-top:25px; padding-bottom:25px; 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 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; }
}

/* Desktop : 1020 */
@media screen and (min-width:1020px) and (max-width:1219.99px) {
}

/* Desktop : 1220 */
@media screen and (min-width:1220px) {
}