@font-face {
font-family: 'fontello';
src: url(//aivv.co.kr/wp-content/themes/ninanino-v2/font/fontello.eot?39123145);
src: url(//aivv.co.kr/wp-content/themes/ninanino-v2/font/fontello.eot?39123145#iefix) format('embedded-opentype'),
url(//aivv.co.kr/wp-content/themes/ninanino-v2/font/fontello.woff2?39123145) format('woff2'),
url(//aivv.co.kr/wp-content/themes/ninanino-v2/font/fontello.woff?39123145) format('woff'),
url(//aivv.co.kr/wp-content/themes/ninanino-v2/font/fontello.ttf?39123145) format('truetype'),
url(//aivv.co.kr/wp-content/themes/ninanino-v2/font/fontello.svg?39123145#fontello) format('svg');
font-weight: normal;
font-style: normal;
}   [class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: 1em;     -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;  }
.icon-feather:before { content: '\e800'; } .icon-mail-1:before { content: '\e802'; } .icon-phone-1:before { content: '\e806'; } .icon-camera-1:before { content: '\e808'; } .icon-videocam:before { content: '\e809'; } .icon-video:before { content: '\e80a'; } .icon-mobile-1:before { content: '\e80b'; } .icon-monitor:before { content: '\e80d'; } .icon-monitor-1:before { content: '\f032'; } .icon-mobile:before { content: '\f034'; } .icon-videocam-1:before { content: '\f03a'; } .icon-desktop:before { content: '\f108'; } .icon-facebook-squared:before { content: '\f30e'; } .icon-dribbble:before { content: '\f31b'; } .icon-dribbble-circled:before { content: '\f31c'; } .icon-instagram:before { content: '\f32d'; } .icon-behance:before { content: '\f34e'; }html,mark{color:#111}body,figure{margin:0}legend,ove border when inside `a` element in IE 8/9. */ img{border:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{background:#fff;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}a:focus{outline:dotted thin}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:600}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
html, body { background-color: #000; font-family: -apple-system, BlinkMacSystemFont, 'Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic','맑은 고딕','돋움',dotum,sans-serif;letter-spacing: 0; -webkit-font-smoothing: antialiased; font-weight: 400; top:0; }
img { width: 100%; height: auto; max-height: none ; }
p {	margin: 0 0 0 0; } a { text-decoration:none ;}
h1 { font-size: 36pt; }	h2 { font-size: 31.5pt; } h3 { font-size: 24.5pt; } h1 a { 	text-decoration: none; }
input, textarea {  -webkit-appearance: none;  -webkit-border-radius: 0; padding: 0; margin: 0; }
.clear { clear: both; }
ul, menu {margin:0; padding:0; list-style: none;}
button:focus    {outline:0;}
a { -webkit-tap-highlight-color: transparent; }
.overflow { overflow: auto; -webkit-overflow-scrolling: touch; }
::-webkit-scrollbar { display: none; width: 0px; background: transparent;}
.post, .type-post, .type-page { padding: 0px ; margin: 0 auto; }
.aligncenter { display: block; margin-left: auto; margin-right: auto;  }
.wp-block-image { margin: 0 0 8px; !important; }
.wp-block-embed { margin: 0 0 8px; !important; }
.scrollToTop { background-color: #2F3140; width: 50px; height:50px; background-size: cover; background-image: url(//aivv.co.kr/wp-content/themes/ninanino-v2/images/i_scrollup_small.svg); position:fixed; bottom:60px; right:30px; display: none; cursor: pointer; background-repeat: no-repeat; z-index: 100; border-radius: 25px;transition: all 0.15s ; -webkit-transition: all 0.15s ;}
.scrollToTop:hover { background-color: #878997; }
.video_container { position: relative; width: 100%; height: 100vh; overflow: hidden; }
.video_container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; vertical-align: middle; }
.mobile_video { display: none; }
#video_container.loading:after {
content: "로딩 중...";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
font-size: 20px;
}
.box  { width: 100%; margin: 0 auto; display: block; position: relative;}
.firstbox { width: 100%; margin: 0 auto; height: 100%; background: #000; }
.headbox { width: calc(100% - 64px); position: fixed; z-index: 99; background-color: #000; padding: 20px 32px; height: 50px; left: 0 }
.headerlogo {background-image: url(//aivv.co.kr/wp-content/themes/ninanino-v2/image/i_aivv_logo_white.svg); width: 300px; float: left; height: 50px; background-size: contain; background-repeat: no-repeat; }
.topmenubox { float: right; margin-top: 0px; }
.topmenubox_inside { width:auto; margin: 10px auto 20px 40px; }
.topmenu_text_portfolio { background-image: url(//aivv.co.kr/wp-content/themes/ninanino-v2/image/menu_portfolio.svg); width: 100px; margin-right: 20px; float: left; height: 30px; background-size: contain; background-repeat: no-repeat;}
.topmenu_text_about { background-image: url(//aivv.co.kr/wp-content/themes/ninanino-v2/image/menu_about.svg); width: 70px; float: left; height: 30px; background-size: contain; background-repeat: no-repeat;}
.contentbox { width: calc(100% - 32px); padding: 0 16px; display: inline-table; margin-top: 140px; position: relative; }
.contentbox_inside { width: 100%; max-width: 1480px; margin: 20px auto 200px }
.categorybox { width: calc(100% - 56px); margin-top: 90px; position: fixed; font-size: 18px; font-weight: 400; padding: 12px 28px 20px; overflow: scroll; z-index: 999; background: #000;}
.categorybox_inside a { color: rgba(255,255,255,0.8); text-decoration: none; padding: 8px;}
.categorybox_inside a.current { text-decoration: underline; }
.categorybox_inside a:hover { color: rgba(255,255,255,1) }
.categorybox_inside { list-style: none; display: inline-flex; }
.category_title { font-size: 24px; color: white; font-weight: 500; padding: 20px 0; text-align: center;}
.current-cat a { text-decoration: underline; color: rgba(255,255,255,1) }
.postbox { padding-bottom: 20px; }
.post_ul { width: 100%; position: relative; z-index: 3; display: table; border-radius: px; overflow: hidden; }
.pl { width: 14.2857%; position: relative; float: left; list-style: none; margin: 0; }
.pl_thumb { width: 100%; height: 0; padding-bottom: 143%; overflow: hidden; background-color: #000; position: relative; display: block; }
.pl_thumb > a { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.pl_thumb img,
.pl_thumb img.lazy-hidden,
.pl_thumb img.lazy-loaded { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: cover !important; display: block !important; }
.pl:hover .pl_thumb img {	-ms-transform: scale(1.05,1.05) !important;-webkit-transform: scale(1.05, 1.05) !important;	transform: scale(1.05, 1.05) !important; transition: 0.8s !important; }
.overlay { position: absolute;  top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); display: none; justify-content: center; align-items: center; }
.overlay_inside { height: 100%;   text-align: center; display: flex; justify-content: center; align-items: center;}
.pl_desc { margin: 10px; line-height: 1.3; }
.pl_title { color: #fff; margin-bottom: 8px; font-size: 14pt; font-weight: 500; line-height: 1.3; }
.pl_date { font-size: 12pt; color: rgba(255,255,255,0.5); line-height: 1.3; }
.pl.pl-enter { opacity: 0; transform: translateY(12px); }
.pl.pl-enter-active { opacity: 1; transform: translateY(0); transition: opacity 0.5s ease, transform 0.5s ease; }
@media (prefers-reduced-motion: reduce) {
.pl.pl-enter, .pl.pl-enter-active { opacity: 1; transform: none; transition: none; }
}
.portfolio_loader { width: 100%; padding: 40px 0 80px; text-align: center; clear: both; display: flex; justify-content: center; align-items: center; gap: 8px; }
.portfolio_loader_dot { width: 6px; height: 6px; border-radius: 50%; background: rgba(255,255,255,0.4); animation: portfolio_loader_pulse 1.2s infinite ease-in-out; }
.portfolio_loader_dot:nth-child(2) { animation-delay: 0.15s; }
.portfolio_loader_dot:nth-child(3) { animation-delay: 0.3s; }
@keyframes portfolio_loader_pulse { 0%, 80%, 100% { opacity: 0.2; transform: scale(0.8); } 40% { opacity: 1; transform: scale(1); } }
.headbox_single {}
.singlebox { width: 100%; position: relative;  }
.singlepost { margin: 0 auto 50px; width: 800px; overflow: hidden; position: relative; padding-top: 90px; }
.single_thumb { width: 100%; height: 0; padding-bottom: 50%; overflow: hidden; }
.single_back { margin: 0 0 16px; font-size: 12pt; }
.single_back a { color: rgba(255,255,255,0.5); text-decoration: none; transition: color 0.15s; }
.single_back a:hover { color: rgba(255,255,255,1); }
.single_top { position: relative; margin: 16px 0; display: table; width: 100%; }
.single_titlebar { width: 100%; float: left;}
.single_title   { font-size: 24pt; line-height: 1.3; color: #fff; font-weight: 400; }
.single_tag { color: #555; line-height: 1.35; margin-top: 20px; font-size: 11pt; }
a.post-edit-link { font-size: 10px; color: #878997; background-color: #fff; padding: 2px 4px; }
.single_content { width: 100%; position: relative; min-height: 100px; margin: 0 auto; border-radius: 4px; overflow: hidden;}
.single_content p { line-height: 1.35; color: #fff; margin: 24px; font-size: 16px; }
.single_content a:hover { color: #ffcc00f; }
.single_content img { width: 100%; margin-left: 0px; }
.single_content iframe { width:100% !important; height: 38.6%! important; }
.controller { margin: 40px auto; }
.next-post-link, .previous-post-link { width: 100%;; margin-bottom: 10px; }
.next-post-link a, .previous-post-link a { text-decoration: none; color: #fff; }
.next-post-link a:hover,.previous-post-link a:hover { text-decoration: underline; }
.previous-post-link { text-align: right;} .aboutusbox { max-width: 1000px; margin: 0 auto; text-align: center; background: none; width: calc(100% - 40px); padding: 150px 20px 20px 20px;  }
.aboutusbox header { display: none;}
.aboutusbox .post { background: transparent; }
.contact-info { font-family: Arial, sans-serif; font-size: 16px; line-height: 1.5; color: #fff; padding: 20px 0; }
.contact-info p { margin: 0; padding: 5px 0; }
.contact-info a { color: #fff; text-decoration: underline; }
.contact-info a:hover { text-decoration: underline; } #footer { padding: 12px; margin: 0; width: 100%; z-index: 20; text-decoration: none; overflow: hidden; color: rgba(255,255,255,0.2); font-size: 10pt; position: fixed; bottom: 0; }
#footer a { color: rgba(255,255,255,0.2); } @media screen and (max-width: 2000px) {
.singlepost { width: 700px; }
} @media screen and (max-width: 1366px) {
.singlepost { width: 550px; }
.pl { width: 16.6666%; }
} @media screen and (max-width: 1024px) {
.pl { width: 20%; }
} @media screen and (max-width: 768px) {
.scrollToTop { width: 40px; height:40px; right: 16px; bottom: 16px; border-radius: 20px;}
.headbox { width: calc(100% - 40px); padding: 20px; height: 40px; }
.headerlogo {background-image: url(//aivv.co.kr/wp-content/themes/ninanino-v2/image/i_aivv_logo_white_small.svg); height: 40px; width: 60px; }
.topmenubox { }
.topmenubox_inside { width:auto; margin: 6px auto 20px 40px; }
.contentbox {width: 100%; padding: 0; margin-top: 88px; }
.contentbox_inside { margin: 40px auto 200px; }
.categorybox { font-size: 16px; padding: 4px 20px 16px; width: calc(100% - 32px); margin-top: 78px; }
.desktop_video { display: none;  }
.mobile_video { display: block; }
.pl_title { font-size: 13pt; }
.pl_date { font-size: 11pt; }
.singlebox { }
.single_content p { margin: 20px; font-size: 14px; }
.controller { margin: 20px 16px;}
.single_title   { font-size: 16pt; margin: 0 12px; }
.single_tag	{ margin: 20px 12px; }
.single_back { margin: 0 12px 12px; font-size: 11pt; }
.postbox { padding-bottom: 0; }
.pl { width: 25%}
.post_ul { width: 100%; margin: 0 auto 40px; }
}
@media screen and (max-width: 609px) {
.singlepost { width: 100%; }
.single_content { width: calc(100% - 12px);  }
} @media screen and (max-width: 460px) {
.pl { width: 33.3333%}
} @media screen and (max-width: 360px) {
.pl { width: 50%}
}.lazy-hidden,.entry img.lazy-hidden, img.thumbnail.lazy-hidden {
opacity: 0.2;
background-color: #ffffff;
}
figure.wp-block-image img.lazy-hidden {
min-width: 150px;
}
.lazy-loaded {
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-ms-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
opacity: 1 !important;
}
picture source[type="image/webp"] {
display: block;
}.clear{clear:both}.nobr{white-space:nowrap}.lazy-hidden,.entry img.lazy-hidden,img.thumbnail.lazy-hidden{background-color:#0a0a0a}