@charset "UTF-8";

img { max-width:100%; }

#ly-Business { background-color:#fff; position:relative; }

section.website-work { overflow:hidden; }
section.website-work header { text-align:center; }
section.website-work header h1 { font-weight:800; color:#666; }
section.website-work div.content div.item dd { color:#757575; margin-top:6px; font-weight:300; }
section.website-work div.content div.item div.detail li.bad { color:#757575; }
section.website-work div.content div.item div.detail.template p { color:#136cc0; }
section.website-work div.content div.item div.detail.template ul { list-style-image:url('../../img/view/business/img-website-works-template-item.png'); }
section.website-work div.content div.item div.detail.custom p { color:#be136f; }
section.website-work div.content div.item div.detail.custom ul { list-style-image:url('../../img/view/business/img-website-works-custom-item.png'); }
section.website-work div.content div.item div.detail.maintenance p { color:#6d14c2; }
section.website-work div.content div.item div.detail.maintenance ul { list-style-image:url('../../img/view/business/img-website-works-maintenance-item.png'); }

section.website-skill { overflow:hidden; }
section.website-skill { background-color:#f5f5f5; }
section.website-skill header { text-align:center; }
section.website-skill header h1 { font-weight:800; color:#666; }
section.website-skill div.content { margin-bottom:-50px; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }
section.website-skill div.content div.item { text-align:center; }
section.website-skill div.content div.item div.image { width:100px; height:100px; margin:auto; background-repeat:no-repeat; }
section.website-skill div.content div.item.responsive div.image { background-image:url('../../img/view/business/img-website-skill-responsive.png'); }
section.website-skill div.content div.item.standard div.image { background-image:url('../../img/view/business/img-website-skill-standard.png'); }
section.website-skill div.content div.item.accessibility div.image { background-image:url('../../img/view/business/img-website-skill-accessibility.png'); }
section.website-skill div.content div.item.seo div.image { background-image:url('../../img/view/business/img-website-skill-seo.png'); }
section.website-skill div.content div.item.tls div.image { background-image:url('../../img/view/business/img-website-skill-tls.png'); }
section.website-skill div.content div.item.security div.image { background-image:url('../../img/view/business/img-website-skill-security.png'); }
section.website-skill div.content div.item.svg div.image { background-image:url('../../img/view/business/img-website-skill-svg.png'); }
section.website-skill div.content dl { margin-top:25px; }
section.website-skill div.content dt { font-size:1.2em; font-weight:400; margin-bottom:4px; }
section.website-skill div.content dd { font-weight:300; font-size:.9em; line-height:1.6; color:#757575; }
section.website-skill div.content dd.detail { margin-top:10px; }
section.website-skill div.content dd.detail button { background-color:#fff; font-weight:700; font-size:.9em; color:#757575; border:1px solid #dadada; border-radius:200px; padding:6px 20px; }
section.website-skill div.content dd.detail button:focus,
section.website-skill div.content dd.detail button:hover { background-color:#0078e5; color:#fff; border:1px solid #0078e5; }

section.photography-work header { text-align:center; }
section.photography-work header h1 { font-weight:800; color:#666; }
section.photography-work div.content div.item dd { color:#757575; margin-top:6px; font-weight:300; }
section.photography-work div.content div.item div.detail p { color:#bf8613; }
section.photography-work div.content div.item div.detail ul { list-style-image:url('../../img/view/business/img-photography-works-item.png'); }

section.photography-genres { background-color:#f5f5f5; }
section.photography-genres header { text-align:center; }
section.photography-genres header h1 { font-weight:800; color:#666; }
section.photography-genres div.content { margin-bottom:-50px; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }
section.photography-genres div.content div.item { text-align:center; }
section.photography-genres div.content div.item div.image { width:150px; height:150px; margin:auto; background-repeat:no-repeat; }
section.photography-genres div.content div.item.product div.image { background-image:url('../../img/view/business/img-photography-genres-product.png'); }
section.photography-genres div.content div.item.landscape div.image { background-image:url('../../img/view/business/img-photography-genres-landscape.png'); }
section.photography-genres div.content div.item.interior div.image { background-image:url('../../img/view/business/img-photography-genres-interior.png'); }
section.photography-genres div.content div.item.portrait div.image { background-image:url('../../img/view/business/img-photography-genres-portrait.png'); }
section.photography-genres div.content dl { margin-top:25px; }
section.photography-genres div.content dt { font-size:1.2em; font-weight:400; margin-bottom:4px; }
section.photography-genres div.content dd { font-weight:300; font-size:.9em; line-height:1.6; color:#757575; }
section.photography-genres div.content dd.detail { margin-top:10px; }
section.photography-genres div.content dd.detail button { background-color:#fff; font-weight:700; font-size:.9em; color:#757575; border:1px solid #dadada; border-radius:200px; padding:6px 20px; }
section.photography-genres div.content dd.detail button:focus,
section.photography-genres div.content dd.detail button:hover { background-color:#0078e5; color:#fff; border:1px solid #0078e5; }

#ly-Layer { width:100%; height:100%; position:fixed; top:0; left:0; z-index:255; background-color:rgba(0, 0, 0, .9); display:none; }
#ly-Layer div.flex { width:100%; height:100%; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; -ms-flex-pack:center; justify-content:center; }
#ly-Layer div.item { max-height:calc(100vh - 40px); position:relative; background-color:#fff; border:1px solid #dadada; overflow:hidden; display:none; overflow:auto; }
#ly-Layer dt { color:#0078e5; font-size:1.8em; font-weight:700; border-bottom:1px solid #dadada; padding-bottom:15px; }
#ly-Layer dt small { color:#757575; font-size:.6em; }
#ly-Layer dd { margin-top:20px; font-weight:300; }
#ly-Layer dd span { display:block; line-height:1.6; }
#ly-Layer dd span:not(:first-of-type) { margin-top:20px; }
#ly-Layer div.item ul { margin-top:30px; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack:justify; justify-content:space-between; }
#ly-Layer div.item li { padding-top:110px; font-size:.9em; text-align:center; background-position:top center; background-repeat:no-repeat; }
#ly-Layer div.item.responsive li.tv { background-image:url('../../img/view/business/img-website-tv.png'); }
#ly-Layer div.item.responsive li.desktop { background-image:url('../../img/view/business/img-website-desktop.png'); }
#ly-Layer div.item.responsive li.laptop { background-image:url('../../img/view/business/img-website-laptop.png'); }
#ly-Layer div.item.responsive li.tablet { background-image:url('../../img/view/business/img-website-tablet.png'); }
#ly-Layer div.item.responsive li.mobile { background-image:url('../../img/view/business/img-website-mobile.png'); }
#ly-Layer div.item.standard li.firefox { background-image:url('../../img/view/business/img-website-firefox.png'); }
#ly-Layer div.item.standard li.chrome { background-image:url('../../img/view/business/img-website-chrome.png'); }
#ly-Layer div.item.standard li.edge { background-image:url('../../img/view/business/img-website-edge.png'); }
#ly-Layer div.item.standard li.ie { background-image:url('../../img/view/business/img-website-ie.png'); }
#ly-Layer div.item.standard li.safari { background-image:url('../../img/view/business/img-website-safari.png'); }
#ly-Layer div.item.accessibility li.wa { background-image:url('../../img/view/business/img-website-wa.png'); }
#ly-Layer div.item.seo li.google { background-image:url('../../img/view/business/img-website-google.png'); }
#ly-Layer div.item.seo li.naver { background-image:url('../../img/view/business/img-website-naver.png'); }
#ly-Layer div.item.seo li.daum { background-image:url('../../img/view/business/img-website-daum.png'); }
#ly-Layer div.item.seo li.bing { background-image:url('../../img/view/business/img-website-bing.png'); }
#ly-Layer div.item.svg li { padding-top:180px; }
#ly-Layer div.item.svg li.raster { background-image:url('../../img/view/business/img-website-svg-raster.png'); }
#ly-Layer div.item.svg li.vector { background-image:url('../../img/view/business/img-website-svg-vector.png'); }
#ly-Layer div.item.security li.injection { background-image:url('../../img/view/business/img-website-injection.png'); }
#ly-Layer div.item.security li.hijacking { background-image:url('../../img/view/business/img-website-hijacking.png'); }
#ly-Layer div.item.security li.xss { background-image:url('../../img/view/business/img-website-xss.png'); }
#ly-Layer div.item.security li.bruteforce { background-image:url('../../img/view/business/img-website-bruteforce.png'); }
#ly-Layer div.item.security li.webshell { background-image:url('../../img/view/business/img-website-webshell.png'); }
#ly-Layer div.close { width:29px; height:29px; position:absolute; }
#ly-Layer div.close button { width:29px; height:29px; border:none; background:url('../../img/common/img-layer-close.png') no-repeat; }
#ly-Layer div.close button:focus,
#ly-Layer div.close button:hover { background-position:-29px center; }

/* Mobile */
@media screen and (min-width:1px) and (max-width:799.99px) {
	section.website-work header h1 { font-size:2rem; }
	section.website-work div.content { margin-top:40px; margin-bottom:-80px; text-align:left; }
	section.website-work div.content div.item { margin-bottom:80px; display:flex; flex-direction:column; }
	section.website-work div.content div.item div.image { width:100%; }
	section.website-work div.content div.item:nth-of-type(2) div.image { order:1; }
	section.website-work div.content div.item div.image img { width:100%; }
	section.website-work div.content div.item div.detail { margin-top:40px; }
	section.website-work div.content div.item:nth-of-type(2) div.detail { order:2; }
	section.website-work div.content div.item div.detail dt { font-size:1.75rem; }
	section.website-work div.content div.item div.detail dd { margin-top:6px; }
	section.website-work div.content div.item div.detail p { margin-top:30px; font-size:1.125rem; }
	section.website-work div.content div.item div.detail ul { margin-top:30px; }
	section.website-work div.content div.item div.detail li { font-size:1rem; }
	section.website-work div.content div.item div.detail li:not(:first-of-type) { margin-top:10px; }

	section.website-skill header h1 { font-size:1.8em; }
	section.website-skill div.content { margin-top:30px; }
	section.website-skill div.content div.item { width:50%; margin-bottom:50px; }

	section.photography-work header h1 { font-size:2rem; }
	section.photography-work div.content { margin-top:40px; margin-bottom:-100px; text-align:left; }
	section.photography-work div.content div.item { margin-bottom:100px; }
	section.photography-work div.content div.item div.image { width:100%; margin-top:40px; }
	section.photography-work div.content div.item div.image img { width:100%; }
	section.photography-work div.content div.item div.detail { margin-top:40px; }
	section.photography-work div.content div.item div.detail dt { font-size:1.75rem; }
	section.photography-work div.content div.item div.detail dd { margin-top:6px; }
	section.photography-work div.content div.item div.detail p { margin-top:30px; font-size:1.125rem; }
	section.photography-work div.content div.item div.detail ul { margin-top:30px; }
	section.photography-work div.content div.item div.detail li { font-size:1rem; }
	section.photography-work div.content div.item div.detail li:not(:first-of-type) { margin-top:10px; }

	section.photography-genres header h1 { font-size:1.8em; }
	section.photography-genres div.content { margin-top:30px; }
	section.photography-genres div.content div.item { width:50%; margin-bottom:50px; }

	#ly-Layer dl { padding:30px; }
	#ly-Layer dt small { margin-top:6px; display:block; }
	#ly-Layer div.item ul { margin-bottom:-20px; }
	#ly-Layer div.item li { width:50%; margin-bottom:20px; }
	#ly-Layer div.item.accessibility li { width:100%; }
	#ly-Layer div.close { top:30px; right:30px; }
}

/* Mobile & Tablet */
@media screen and (min-width:1px) and (max-width:1219.99px) {
	#ly-Layer { padding:20px; }
}

/* Tablet */
@media screen and (min-width:800px) and (max-width:1219.99px) {
	section.website-work header h1 { font-size:2.25rem; }
	section.website-work div.content { margin-top:60px; margin-bottom:-100px; }
	section.website-work div.content div.item { margin-bottom:100px; -ms-flex-align:center; align-items:center; }
	section.website-work div.content div.item div.image { width:350px; }
	section.website-work div.content div.item div.detail { -ms-flex:1; flex:1; }
	section.website-work div.content div.item.left div.detail { padding-left:40px; }
	section.website-work div.content div.item.right div.detail { padding-right:40px; text-align:right; }
	section.website-work div.content div.item div.detail dt { font-size:1.75rem; }
	section.website-work div.content div.item div.detail dd { margin-top:6px; }
	section.website-work div.content div.item div.detail p { margin-top:30px; font-size:1.125rem; }
	section.website-work div.content div.item div.detail ul { margin-top:30px; }
	section.website-work div.content div.item div.detail li { font-size:1rem; }
	section.website-work div.content div.item div.detail li:not(:first-of-type) { margin-top:10px; }

	section.website-skill header h1 { font-size:2.25rem; }
	section.website-skill div.content { margin-top:50px; margin-bottom:-50px; }

	section.photography-work header h1 { font-size:2.25rem; }
	section.photography-work div.content { margin-top:60px; margin-bottom:-100px; }
	section.photography-work div.content div.item { margin-bottom:100px; -ms-flex-align:center; align-items:center; }
	section.photography-work div.content div.item div.image { width:350px; }
	section.photography-work div.content div.item div.detail { -ms-flex:1; flex:1; }
	section.photography-work div.content div.item.left div.detail { padding-left:40px; }
	section.photography-work div.content div.item.right div.detail { padding-right:40px; text-align:right; }
	section.photography-work div.content div.item div.detail dt { font-size:1.75rem; }
	section.photography-work div.content div.item div.detail dd { margin-top:6px; }
	section.photography-work div.content div.item div.detail p { margin-top:40px; font-size:1.125rem; color:#757575; }
	section.photography-work div.content div.item div.detail ul { margin-top:40px; }
	section.photography-work div.content div.item div.detail li { font-size:1rem; }

	section.photography-genres header h1 { font-size:2.3em; }
	section.photography-genres div.content { margin-top:50px; margin-bottom:-50px; }
}

/* Tablet & Desktop */
@media screen and (min-width:800px) {
	section.website-work div.content { }
	section.website-work div.content div.item { display:-ms-flexbox; display:flex; }

	section.photography-work div.content { }
	section.photography-work div.content div.item { display:-ms-flexbox; display:flex; }
	section.photography-work div.content div.item ul.template { list-style-image:url('../../img/view/business/img-website-works-template-item.png'); }
	section.photography-work div.content div.item ul.custom { list-style-image:url('../../img/view/business/img-website-works-custom-item.png'); }
	section.photography-work div.content div.item ul.maintenance { list-style-image:url('../../img/view/business/img-website-works-maintenance-item.png'); }
	section.photography-work div.content div.item div.detail li { font-weight:300; line-height:1.6; }
	section.photography-work div.content div.item div.detail li:not(:first-of-type) { margin-top:10px; }
	section.photography-work div.content div.item div.detail li.bad { color:#757575; }

	section.website-skill div.content div.item { width:25%; margin-bottom:50px; padding-left:20px; padding-right:20px; }

	section.photography-genres div.content div.item { width:25%; margin-bottom:50px; padding-left:20px; padding-right:20px; }

	#ly-Layer dl { padding:40px; }
	#ly-Layer dt small { margin-left:6px; }
	#ly-Layer div.item.responsive li { width:20%; }
	#ly-Layer div.item.standard li { width:20%; }
	#ly-Layer div.item.accessibility li { width:100%; }
	#ly-Layer div.item.seo li { width:25%; }
	#ly-Layer div.item.svg li { width:50%; }
	#ly-Layer div.item.security li { width:20%; }
	#ly-Layer div.close { top:40px; right:40px; }
}

/* Desktop */
@media screen and (min-width:1020px) {
	section.website-work header h1 { font-size:2.75rem; }
	section.website-work div.content { margin-top:70px; margin-bottom:-100px; }
	section.website-work div.content div.item { margin-bottom:100px; -ms-flex-align:center; align-items:center; }
	section.website-work div.content div.item div.image { width:400px; }
	section.website-work div.content div.item div.detail { -ms-flex:1; flex:1; }
	section.website-work div.content div.item.left div.detail { padding-left:60px; }
	section.website-work div.content div.item.right div.detail { padding-right:60px; text-align:right; }
	section.website-work div.content div.item div.detail dt { font-size:2rem; }
	section.website-work div.content div.item div.detail dd { margin-top:6px; }
	section.website-work div.content div.item div.detail p { margin-top:40px; font-size:1.375rem; }
	section.website-work div.content div.item div.detail ul { margin-top:40px; }
	section.website-work div.content div.item div.detail li { font-weight:300; line-height:1.6; font-size:1.125rem; }
	section.website-work div.content div.item div.detail li:not(:first-of-type) { margin-top:10px; }

	section.website-skill header h1 { font-size:2.75rem; }
	section.website-skill div.content { margin-top:70px; margin-bottom:-50px; }
	section.website-skill div.content div.item { width:25%; margin-bottom:50px; padding-left:20px; padding-right:20px; text-align:center; }

	section.photography-work header h1 { font-size:2.75rem; }
	section.photography-work div.content { margin-top:70px; margin-bottom:-100px; }
	section.photography-work div.content div.item { margin-bottom:100px; -ms-flex-align:center; align-items:center; }
	section.photography-work div.content div.item div.image { width:400px; }
	section.photography-work div.content div.item div.detail { -ms-flex:1; flex:1; }
	section.photography-work div.content div.item.left div.detail { padding-left:60px; }
	section.photography-work div.content div.item.right div.detail { padding-right:60px; text-align:right; }
	section.photography-work div.content div.item div.detail dt { font-size:2rem; }
	section.photography-work div.content div.item div.detail dd { margin-top:6px; }
	section.photography-work div.content div.item div.detail p { margin-top:40px; font-size:1.375rem; color:#757575; }
	section.photography-work div.content div.item div.detail ul { margin-top:40px; }
	section.photography-work div.content div.item div.detail li { font-size:1.125rem; }

	section.photography-genres header h1 { font-size:2.8em; }
	section.photography-genres div.content { margin-top:70px; margin-bottom:-50px; }
	section.photography-genres div.content div.item { width:25%; margin-bottom:50px; padding-left:20px; padding-right:20px; text-align:center; }

	#ly-Layer div.item { width:850px; }
}

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

/* Desktop : 1220 */
@media screen and (min-width:1220px) {
	section.about div.frame-custom header { width:1200px; margin-left:auto; margin-right:auto; }
}