/* ½ºÅµ¸Þ´º */
#skip_menu { position: fixed; left: 0; top: 0; z-index: 10000 }
#skip_menu a { position: absolute; left: -10000px; top: 0; font-size: 12px; color: #fff; background: #000; white-space: nowrap }
#skip_menu .focus, #skip_menu a:focus { left: 0; padding: 5px 10px; height: auto; font-size: 12px }

/* ±âº» ¼¼Æà */
body{opacity: 0;}
html,body{min-width: 320px;}
html,body,* { font-family: 'Lato','Noto Sans KR', Malgun Gothic,"¸¼Àº °íµñ",Dotum,"µ¸¿ò",sans-serif; outline: none; }
html,body,ul,p,h1,h2,h3,h4,h5,h6,div,img,dd,dt,dl,table,th,td,a{ padding: 0; margin: 0; list-style: none; color: #444; }
h1, h2, h3, h4, h5, h6{ font-weight: 500; }
a { text-decoration: none; }
*:focus, *:active, *:visited{ color: #444; }
fieldset{ padding: 0; margin: 0; border: none; }
legend{ text-indent: -99999px; font-size: 0px; }
table,tr,td,th,tbody,thead{margin:0px; padding: 0px;border-spacing: 0px;}

.container { width: 1280px; margin: 0 auto; }
.clearfix:after { content: ""; display:block; clear:both; }
.pull-left { float: left; }
.pull-right { float: right; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.inline { font-size: 0; }
.inline>* { display: inline-block; vertical-align: top; font-size: 13px; }
.flex{display: flex;display: -webkit-flex;display: -ms-flex;}
.dpn{ display: none !important; }
.relative { position: relative; }
.text-one-line { white-space : nowrap; overflow : hidden; text-overflow : ellipsis; }
.text-one-line-m { overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.vertical-c { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.horizon-c { left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.vert-hori-c { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.easing-one { -khtml-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.easing-two { -khtml-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.easing-three { -khtml-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.easing-four { -khtml-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; }
.easing-load { -webkit-transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1); -ms-transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);     }
.easing-fast{transition: -webkit-transform .8s cubic-bezier(.19,1,.22,1),opacity .4s cubic-bezier(.19,1,.22,1); transition: transform .8s cubic-bezier(.19,1,.22,1),opacity .4s cubic-bezier(.19,1,.22,1); -webkit-transition: -webkit-transform .8s cubic-bezier(.19,1,.22,1),opacity .4s cubic-bezier(.19,1,.22,1); -webkit-transition: transform .8s cubic-bezier(.19,1,.22,1),opacity .4s cubic-bezier(.19,1,.22,1);}

/* transition ¼¼Æà */
@keyframes side-on {
    0% { -webkit-transform: translateX(100%); -moz-transform: translateX(100%);  -ms-transform: translateX(100%); transform: translateX(100%); opacity: 0; visibility: hidden; }
    100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1;  visibility: visible; }
}

@keyframes side-off {
    0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; visibility: visible;        } 
	100% { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); opacity: 0; visibility: hidden;        }
}
@keyframes up {
    0% { transform: translateY(40px); opacity: 0; visibility: hidden; } 
	100% { transform: translateY(0px); opacity: 1; visibility: visible; }
}
@keyframes down {
    0% { transform: translateY(0px); opacity: 1; visibility: visible; } 
    100% { transform: translateY(40px); opacity: 0; visibility: hidden; }
}
@keyframes bar-on {
    0% { width: 0%; } 
	100% { width: 100%;}
}
@keyframes bar-fade { 
	0% { width: 100%; opacity: 0; visibility: hidden; } 
	100% { width: 100%; opacity: 1; visibility: visible; } 
}
@keyframes bar-off {
    0% { width: 100%;} 
	100% { width: 0%;}
}
@keyframes fade-in {
    0% { opacity: 0; visibility: hidden;} 
	100% { opacity: 1; visibility: visible;}
}
@keyframes fade-out {
    0% { opacity: 1; visibility: visible; } 
	100% { opacity: 0; visibility: hidden; }
}