ul#skipToContent {position:absolute; top:0; left:0; z-index:10000; width:100%; height:0;}
ul#skipToContent li {position:absolute; z-index:10000; top:0; left:0; width:100%; }
ul#skipToContent li a {display:block; position:absolute; z-index:10000; top:-10000px; left:0; color:#fff; font-size:0; text-align:center;}
ul#skipToContent li a:focus,ul#skipToContent li a:active {top:0px; width:100%; padding:15px 0; font-size:1em; background-color:#0054A6}

.hidden {position:absolute; width:0; height:0; margin:0; padding:0; background:none; font-size:0; line-height:0;}
.blind,.skip {position:absolute; top:-1000px; left:-10000px; overflow:hidden; font-size:1px; text-indent:-9999px; line-height:0;}
.skiptobtn {position:relative; z-index:10000;}
.skiptobtn a {position:absolute; top:-1000px; left:-10000px; overflow:hidden; font-size:1px; text-indent:-9999px; line-height:0; text-align:center}
.skiptobtn a:focus, .skiptobtn a:active {top:0; left:0; width:170px; padding:10px 0px 12px 0; color:#fff; line-height:18px; text-indent:0; font-size:15px; background-color:#31359C}
.none {display:none !important;}
.overflow {overflow:hidden;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.clear:after {display:block; clear:both; content:'';}
.v_align {display:table-cell; vertical-align:middle;}

/* font align */
.t_left {text-align:left !important;}
.t_center {text-align:center !important;}
.t_right {text-align:right !important;}

/* font weight */
.fw_300 {font-weight:300 !important;}
.fw_500 {font-weight:500 !important;}
.fw_normal {font-weight:normal !important;}
.fw_bold {font-weight:bold !important;}
.fz_14 {font-size:14px !important;}

/* grid */
.col:after {display:block; clear:both; content:'';}
.col > span {display:block; float:left;}
.col2 > span {width:50%;}
.col3 > span {width:33.333%;}
.col4 > span {width:25%;}
.col5 > span {width:20%;}

/* size */
.m_w100{max-width:100%;}
.w100 {width:100%;}
.w95 {width:95%;}
.w90 {width:90%;}
.w85 {width:85%;}
.w80 {width:80%;}
.w75 {width:75%;}
.w70 {width:70%;}
.w65 {width:65%;}
.w60 {width:60%;}
.w55 {width:55%;}
.w50 {width:50%;}
.w45 {width:45%;}
.w40 {width:40%;}
.w35 {width:35%;}
.w31 {width:31%;}
.w30 {width:30%;}
.w25 {width:25%;}
.w20 {width:20%;}
.w19 {width:19%;}
.w17 {width:17%;}
.w15 {width:15%;}
.w10 {width:10%;}
.w8 {width:8%;}
.w7 {width:7%;}
.w5 {width:5%;}

/* margin padding */
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt45 {margin-top:45px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}

.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}
.mr45 {margin-right:45px;}
.mr50 {margin-right:50px;}

.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}

.mb0 {margin-bottom:0px !important;}
.mb2 {margin-bottom:2px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}

.pt0 {padding-top:0px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pt60 {padding-top:60px !important;}

@media screen and (max-width:620px) {
	.mb5 {margin-bottom:2px !important;}
	.mb10 {margin-bottom:5px !important;}
	.mb15 {margin-bottom:6px !important;}
	.mb20 {margin-bottom:10px !important;}
	.mb25 {margin-bottom:12px !important;}
	.mb30 {margin-bottom:15px !important;}
	.mb35 {margin-bottom:18px !important;}
	.mb40 {margin-bottom:20px !important;}
	.mb50 {margin-bottom:25px !important;}
	.mb60 {margin-bottom:30px !important;}
	.mb70 {margin-bottom:30px !important;}
	.mb80 {margin-bottom:30px !important;}
}

@media screen and (max-width:800px) {
	.ovf_wrap {overflow-x:auto; overflow-y: hidden;}	
}

.sound_only {
    display: inline-block !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0;
    line-height: 0;
    border: 0 !important;
    overflow: hidden !important;
}

.inline_b{display:inline-block;}


/* 스크롤 애니메이션 */
.sa {
    opacity: 0;
    transition: all .9s ease;
    will-change: transform;
}

.sa-up {
    transform: translate(0, 50px);
    transition-delay: 0.5s;
}

.sa-up2 {
    transform: translate(0, 50px);
    transition-delay: 0.3s;
}

.sa-down {
    transform: translate(0, -50px);
}

.sa-right {
    transform: translate(-100px, 0);
}

.sa-right2 {
    transform: translate(-30px, 0);
    transition-delay: 0.8s;
}

.sa-right3 {
    transform: translate(-30px, 0);
    transition-delay: 1.5s;
}

.sa-left {
transform: translate(100px, 0);
}

.sa-left2 {
    transform: translate(100px, 0);
    transition-delay: 0.7s;
}

.sa-rotateL {
    transform: rotate(180deg);
}

.sa-rotateR {
    transform: rotate(-180deg);
}

.sa-scaleUp {
    transform: scale(.5);
}

.sa-scaleDown {
    transform: scale(1.5);
}

.sa.show {
    opacity: 1;
    transform: none;
}