@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', san-serif; }
html[lang="en"] * { font-family:'Roboto'; }

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

body { background-image:url('../../img/common/img-background.png'); background-attachment:fixed; }

img { vertical-align:middle; }

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

#ly-Header { width:100%; min-width:300px; background-color:#fff; 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:100; box-shadow:0 0 1px #aaa; }
#ly-Header h1 { width:200px; padding:10px 20px; }
#ly-Header h1 img { width:160px; height:100%; }

#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:20px; padding-right:20px; text-decoration:none; font-weight:700; color:#444; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; }
#ly-Navi-Main a.parent-link.active:not(.download) { color:#ff3c00; background:url('../../img/common/img-navi-active.png') center bottom repeat-x; }
#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; transition:all ease .3s; }
#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 #e5e5e5; 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; }

#ly-Sections { position:relative; }

#ly-Contact { background:url('../../img/common/img-contact.jpg') center bottom no-repeat; background-size:cover; position:relative; }
#ly-Contact div.frame { color:#fff; }
#ly-Contact header h2 { font-weight:normal; }
#ly-Contact header p { color:#fff; }
#ly-Contact div.content dl { background-color:rgba(255, 255, 255, .2); }
#ly-Contact div.content dt { color:#dadada; }
#ly-Contact div.content dd a { text-decoration:none; color:#ffa; font-weight:700; }
#ly-Contact div.content dd a:focus,
#ly-Contact div.content dd a:hover { color:#afa; text-decoration:underline; }

#ly-Donate { position:relative; background-color:rgba(80, 20, 40, .5); }
#ly-Donate div.frame { margin-left:auto; margin-right:auto; }
#ly-Donate header h2 { color:#fff; font-weight:normal; }
#ly-Donate div.content p { position:relative; }
#ly-Donate div.content a { width:270px; height:100px; border:1px solid rgba(255, 255, 255, .2); border-radius:10px; display:inline-block; vertical-align:top; transition:background ease .3s; position:relative; z-index:2; }
#ly-Donate div.content a:focus,
#ly-Donate div.content a:hover { background-color:#fff; }
#ly-Donate div.content a.ethereum { background-image:url('../../img/common/img-donate-ethereum-out.png'); }
#ly-Donate div.content a.ethereum:focus,
#ly-Donate div.content a.ethereum:hover { background-image:url('../../img/common/img-donate-ethereum.png'); }
#ly-Donate div.content a.kakaopay { background-image:url('../../img/common/img-donate-kakaopay-out.png'); }
#ly-Donate div.content a.kakaopay:focus,
#ly-Donate div.content a.kakaopay:hover { background-image:url('../../img/common/img-donate-kakaopay.png'); }
#ly-Donate div.content a.toss { background-image:url('../../img/common/img-donate-toss-out.png'); }
#ly-Donate div.content a.toss:focus,
#ly-Donate div.content a.toss:hover { background-image:url('../../img/common/img-donate-toss.png'); }
#ly-Donate div.content a.kbank { background-image:url('../../img/common/img-donate-kbank-out.png'); }
#ly-Donate div.content a.kbank:focus,
#ly-Donate div.content a.kbank:hover { background-image:url('../../img/common/img-donate-kbank.png'); }
#ly-Donate div.content a.kofi { background-image:url('../../img/common/img-donate-kofi-out.png'); }
#ly-Donate div.content a.kofi:focus,
#ly-Donate div.content a.kofi:hover { background-image:url('../../img/common/img-donate-kofi.png'); }
#ly-Donate div.content a.bmac { background-image:url('../../img/common/img-donate-bmac-out.png'); }
#ly-Donate div.content a.bmac:focus,
#ly-Donate div.content a.bmac:hover { background-image:url('../../img/common/img-donate-bmac.png'); }
#ly-Donate div.content a.paypal { background-image:url('../../img/common/img-donate-paypal-out.png'); }
#ly-Donate div.content a.paypal:focus,
#ly-Donate div.content a.paypal:hover { background-image:url('../../img/common/img-donate-paypal.png'); }
#ly-Donate div.content a.alipay { background-image:url('../../img/common/img-donate-alipay-out.png'); }
#ly-Donate div.content a.alipay:focus,
#ly-Donate div.content a.alipay:hover { background-image:url('../../img/common/img-donate-alipay.png'); }
#ly-Donate div.content a + span { padding-left:20px; padding-right:20px; padding-bottom:20px; margin-left:-80px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; background-color:#fff; display:block; position:absolute; left:50%; opacity:0; z-index:1; transition:opacity ease .3s; }
#ly-Donate div.content a:focus + span,
#ly-Donate div.content a:hover + span { opacity:1; z-index:3; }
#ly-Donate div.content a + span img { width:120px; height:120px; }

#ly-Side { position:fixed; right:25px; bottom:25px; z-index:3; }
#ly-Side dl:not(:last-of-type) { margin-bottom:15px; }
#ly-Side dl dt { display:none; background-color:#fff; font-size:.9em; color:#000; border:1px solid #dadada; border-radius:8px; padding:8px 15px; white-space:nowrap; position:absolute; top:-48px; right:0; }
#ly-Side dl dd button { border:none; background-color:transparent; background-repeat:no-repeat; background-size:cover; filter:grayscale(60%); transition:filter ease .3s; }
#ly-Side dl.kakao dd button { background-image:url('../../img/common/img-chat-kakao.svg'); }
#ly-Side dl.naver dd button { background-image:url('../../img/common/img-chat-naver.svg'); }
#ly-Side dl dd button:focus,
#ly-Side dl dd button:hover { filter:none; }

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

#ly-Old { display:none; }

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

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

ins.adsbygoogle { width:100%; position:relative; }
ins.adsbygoogle.clicked:before { width:100%; height:100%; content:'I clicked it!'; position:absolute; display:flex; align-items:center; justify-content:center; background-color:rgba(0, 0, 0, .5); font-size:2rem; font-weight:700; color:rgba(255, 255, 255, .35); z-index:99999; }

/* Mobile */
@media screen and (min-width:1px) and (max-width:799.99px) {
	#ly-Contact header h2 { font-size:1.8em; margin-bottom:30px; }
	#ly-Contact header p { margin-bottom:20px; font-size:1.1em; line-height:1.8; }
	#ly-Contact div.content dl { padding:30px; font-size:1.6em; }
	#ly-Contact div.content dd { margin-top:6px; }
	#ly-Contact div.content dd span { display:inline-block; }

	#ly-Donate header { margin-bottom:30px; }
	#ly-Donate header h2 { font-size:1.8em; }
	#ly-Donate div.content p:not(:last-of-type) { margin-bottom:20px; }

	#ly-Footer p { padding:40px 0; }

	#ly-Side { right:25px; bottom:25px; }
	#ly-Side dl dd button { width:40px; height:40px; }

	div.frame { padding-top:50px; padding-bottom:50px; }
}

/* Mobile & Tablet */
@media screen and (min-width:1px) and (max-width:1219.99px) {
	#ly-Donate { padding-left:20px; padding-right:20px; }
	#ly-Donate div.frame { text-align:center; }

	div.frame { padding-left:20px; padding-right:20px; }
}

/* Tablet */
@media screen and (min-width:800px) and (max-width:1219.99px) {
	#ly-Donate div.content { -ms-flex-wrap:wrap; flex-wrap:wrap; }
	#ly-Donate div.content p { width:50%; }
	#ly-Donate div.content p:nth-of-type(1),
	#ly-Donate div.content p:nth-of-type(2) { margin-bottom:20px; }

	#ly-Side { right:30px; bottom:30px; }

	div.frame { padding-top:60px; padding-bottom:60px; }
}

/* Tablet & Desktop */
@media screen and (min-width:800px) {
	#ly-Contact header h2 { font-size:2em; }
	#ly-Contact header p { margin-bottom:30px; display:inline-block; margin-top:40px; font-size:1.2em; line-height:2; }
	#ly-Contact div.content dl { display:-ms-flexbox; display:flex; -ms-flex-pack:center; justify-content:center; padding:30px 20px; font-size:1.8em; }
	#ly-Contact div.content dd { margin-left:10px; }

	#ly-Donate header { margin-bottom:40px; }
	#ly-Donate header h2 { font-size:2em; }
	#ly-Donate div.content { display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; }

	#ly-Footer p { padding:60px 0; }

	#ly-Side dl dd button { width:60px; height:60px; }
}

/* Desktop */
@media screen and (min-width:1220px) {
	#ly-Contact div.frame { width:1200px; margin-left:auto; margin-right:auto; }
	#ly-Contact header p { border-bottom:1px solid #dadada; }

	#ly-Donate div.frame { width:1200px; }

	#ly-Side { right:40px; bottom:40px; }

	div.frame { padding-top:70px; padding-bottom:70px; }
}