@charset "utf-8";

#doc-wrap{width:100%;}

/* 페이지 로딩 */
#loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:5;background:rgba(255,255,255,1) url(../../images/common/ci_logo.png) no-repeat center center;}
#loading{position:absolute;left:50%;top:50%;margin:-100px 0 0 -25px;display:inline-block;width:50px;height:50px;border:10px solid rgba(0,0,0,0.7);border-radius:50%;border-top-color:#ffdf1b;animation:spin 1s ease-in-out infinite;}
@-webkit-keyframes spin{to{transform:rotate(360deg);}}
@-moz-keyframes spin{to{transform:rotate(360deg);}}
@-ms-keyframes spin{to{transform:rotate(360deg);}}
@-o-keyframes spin{to{transform:rotate(360deg);}}
@keyframes spin{to{transform:rotate(360deg);}}

/* 스킵네비게이션 */
#skipNavi{position:relative;height:0;text-align:center;z-index:6;}
#skipNavi .skipLink{position:absolute;top:-1000px;left:-1000px;overflow:hidden;}
#skipNavi .skipLink:focus,
#skipNavi .skipLink:active{top:0;left:0;width:100%;height:40px;line-height:40px;background-color:#ffdf1b;color:#fff;}

/* 레이아웃 */
#top-wrap{display:block !important;position:fixed;width:100px !important; height:100vh; z-index:5; border-right:1px solid #f2f3f6;background-color:#fff}
#top-wrap #global{width:100%;background-color:#fff;border-bottom:1px solid #dbdbdb;z-index:2}
#top-wrap #header-wrap{position:relative;width:100%;height:100%;z-index:1;}/* height:89px; */
#footer-wrap{width:100%; background:#fff;z-index:2}
#container-wrap{width:100%;background-color:#fff;z-index:1;}
.body-slide-wr{position:relative;width:100%;height:100%;transition:margin 0.3s ease;}
.body-slider-ovclick {position:fixed;z-index:3;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.25);}

/* 상단 */
/* 메뉴 */
#header-wrap .mn-bg{position:absolute;width:100%;height:90px;left:0;top:0;background-color:#fff;z-index:1;border-bottom:1px solid #ffdf1b;}
#header-wrap .mn-bg.over{box-shadow:0 7px 10px rgba(33,33,33,0.3);}
#header-wrap .mn-bar{position:absolute;left:0;top:90px;width:100%;display:block;z-index:1;background-color:#f4f4f4;background-color:rgba(243, 244, 247, .99);border-bottom:1px solid #353e50;}
#header-wrap .mn-bar .caption{margin:50px 0 0 1px;}
#header-wrap .mn-bar .caption span{display:block;font-size:16px;color:#666;line-height:28px}
#header-wrap .mn-bar .caption strong{clear:both;font-size:29px;font-weight:bold;color:#333;line-height:36px}
#header-wrap .mn-bar .caption .caption_bg{width:230px;height:292px;background:url(../../images/common/bg/bg_topmenu.png) right bottom no-repeat;}
.isIE7 #header-wrap .mn-bg.over{border-bottom:1px solid #ddd;}
.menu-open #header-wrap .mn-bar{display:none;border-bottom:1px solid #353e50}

/* 주메뉴 */
#header{position:relative;width:100%;height:100%; z-index:2;}
#header .container{z-index:2;}
#header #logo{display:block;position:absolute;left:10px;top:20px;z-index:3001;transition:left .3s ease}
#header #logo h1{display:block}
#header #logo h1 a{display:block; width:84px; height:76px;}
#header #logo h1 a .logo-color{/* fill:#fff;  */fill: #191919 !important; overflow:visible;}

#top-wrap #header-wrap #header #mainNavi-wrap{overflow:visible;}
#top-wrap #header-wrap #header #mainNavi-wrap #mainNavi{position:fixed;transition:right 0.7s ease-out;z-index:3000;right:-100%;top:0px;width:100%;height:100%;background-color:#ffdf1b; overflow-y:hidden;overflow-x:hidden}
#top-wrap #header-wrap #header #mainNavi-wrap #mainNavi.mn-h-open{right:0;}
#top-wrap #header #mainNavi-wrap #mainNavi .navi-box{display:table; position:relative; width:100%; height:100%}
#top-wrap #header #mainNavi-wrap #mainNavi .navi-box .menu-area{display:table-cell; vertical-align:middle}
#top-wrap #header #mainNavi-wrap #mainNavi .topmenu{position:relative; margin:0 auto; width:80%}
#top-wrap #header #mainNavi-wrap #mainNavi .topmenu:after{display:block;content:"";clear:both;}
#top-wrap #header #mainNavi-wrap #mainNavi .topmenu li{float:left;line-height:1.3em;position:relative;}
#top-wrap #header #mainNavi-wrap #mainNavi .topmenu li.mn_l1{display:block;width:20%}
#top-wrap #header #mainNavi-wrap #mainNavi .topmenu li a{position:relative; text-align:center}
#top-wrap #header #mainNavi-wrap #mainNavi .topmenu li a, #top-wrap #header #mainNavi-wrap #mainNavi .topmenu li span{white-space:nowrap;}
#top-wrap #header #mainNavi-wrap #mainNavi .topmenu li .mn_a1{position:relative;display:block;width:100%}
#top-wrap #header #mainNavi-wrap #mainNavi .topmenu li .mn_a1 span{display:block;padding:0;overflow:hidden;font-size:2.6em;letter-spacing:0;cursor:pointer;color:#777;line-height:100%;font-weight:600}
#top-wrap #header #mainNavi-wrap #mainNavi .topmenu li .mn_a1 .mn_s1{padding:0;background:none;}
#top-wrap #header #mainNavi-wrap #mainNavi .topmenu li .mn_a1 .mn_s1:after{display:none}
#top-wrap #header #mainNavi-wrap #mainNavi .topmenu li .mn_a1 .blt{display:none !important;}
#top-wrap #header #mainNavi-wrap #mainNavi .topmenu * span.is-ico{position:absolute;right:10px;top:0.8em;width:14px;height:14px;overflow:hidden;padding:0 !important;margin:0}
#top-wrap #header #mainNavi-wrap #mainNavi .topmenu .over .mn_a1 span, #top-wrap #header #mainNavi-wrap #mainNavi .topmenu .mn_a1:hover span{color:#fff}
#top-wrap #header #mainNavi-wrap #mainNavi .topmenu .over .mn_a1{color:#fff}
#top-wrap #header #mainNavi-wrap #mainNavi .topmenu .over .mn_a1 span{color:#191919 !important;}
#top-wrap #header #mainNavi-wrap #mainNavi .topmenu .over .mn_a1 .mn_s1{color:#191919}
#top-wrap #header #mainNavi-wrap #mainNavi .topmenu li .mn_a1:hover .mn_s1,
#top-wrap #header #mainNavi-wrap #mainNavi .topmenu li .mn_a1:focus .mn_s1,
#top-wrap #header #mainNavi-wrap #mainNavi .topmenu li .mn_a1:active .mn_s1{color:#191919;}
#header #mainNavi-wrap #mainNavi .topmenu .tgl-btn{display:none;}

/* ================= topmenu animation ================= */
#top-wrap #header-wrap #header #mainNavi-wrap #mainNavi.mn-h-open .topmenu li.menu-open01,
#top-wrap #header-wrap #header #mainNavi-wrap #mainNavi.mn-h-open .topmenu li.menu-open02,
#top-wrap #header-wrap #header #mainNavi-wrap #mainNavi.mn-h-open .topmenu li.menu-open03,
#top-wrap #header-wrap #header #mainNavi-wrap #mainNavi.mn-h-open .topmenu li.menu-open04{
	-webkit-animation-duration:1s;
	-o-animation-duration:1s;
	-moz-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-timing-function:ease;
	-o-animation-timing-function:ease;
	-moz-animation-timing-function:ease;
	-ms-animation-timing-function:ease;
	animation-timing-function:ease;
	-webkit-animation-delay:.7s;
	-o-animation-delay:.7s;
	-moz-animation-delay:.7s;
	-ms-animation-delay:.7s;
	animation-delay:.7s;
	-webkit-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);
}
#top-wrap #header-wrap #header #mainNavi-wrap #mainNavi.mn-h-open .topmenu li.menu-open01{
	-webkit-animation-name:open01;-o-animation-name:open01;-moz-animation-name:open01;-ms-animation-name:open01;animation-name:open01}
#top-wrap #header-wrap #header #mainNavi-wrap #mainNavi.mn-h-open .topmenu li.menu-open02{
	-webkit-animation-name:open02;-o-animation-name:open02;-moz-animation-name:open02;-ms-animation-name:open02;animation-name:open02}
#top-wrap #header-wrap #header #mainNavi-wrap #mainNavi.mn-h-open .topmenu li.menu-open03{
	-webkit-animation-name:open03;-o-animation-name:open03;-moz-animation-name:open03;-ms-animation-name:open03;animation-name:open03}
#top-wrap #header-wrap #header #mainNavi-wrap #mainNavi.mn-h-open .topmenu li.menu-open04{
	-webkit-animation-name:open04;-o-animation-name:open04;-moz-animation-name:open04;-ms-animation-name:open04;animation-name:open04}

@-webkit-keyframes open01{
	0%{
		-webkit-transform:translateY(100%);
		-o-transform:translateY(100%);
		-moz-transform:translateY(100%);
		-ms-transform:translateY(100%);
		transform:translateY(100%);
		opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
	}
	100%{
		-webkit-transform:translateY(0%);
		-o-transform:translateY(0%);
		-moz-transform:translateY(0%);
		-ms-transform:translateY(0%);
		transform:translateY(0%);
		opacity:1; -ms-filter:none; filter:none
	}
}
@-moz-keyframes open01{
	0%{
		-webkit-transform:translateY(100%);
		-o-transform:translateY(100%);
		-moz-transform:translateY(100%);
		-ms-transform:translateY(100%);
		transform:translateY(100%);
		opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
	}
	100%{
		-webkit-transform:translateY(0%);
		-o-transform:translateY(0%);
		-moz-transform:translateY(0%);
		-ms-transform:translateY(0%);
		transform:translateY(0%);
		opacity:1; -ms-filter:none; filter:none
	}
}
@-o-keyframes open01{
	0%{
		-webkit-transform:translateY(100%);
		-o-transform:translateY(100%);
		-moz-transform:translateY(100%);
		-ms-transform:translateY(100%);
		transform:translateY(100%);
		opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
	}
	100%{
		-webkit-transform:translateY(0%);
		-o-transform:translateY(0%);
		-moz-transform:translateY(0%);
		-ms-transform:translateY(0%);
		transform:translateY(0%);
		opacity:1; -ms-filter:none; filter:none
	}
}
@keyframes open01{
	0%{
		-webkit-transform:translateY(100%);
		-o-transform:translateY(100%);
		-moz-transform:translateY(100%);
		-ms-transform:translateY(100%);
		transform:translateY(100%);
		opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
	}
	100%{
		-webkit-transform:translateY(0%);
		-o-transform:translateY(0%);
		-moz-transform:translateY(0%);
		-ms-transform:translateY(0%);
		transform:translateY(0%);
		opacity:1; -ms-filter:none; filter:none
	}
}
@-webkit-keyframes open02{
	0%{
		-webkit-transform:translateY(-100%);
		-o-transform:translateY(-100%);
		-moz-transform:translateY(-100%);
		-ms-transform:translateY(-100%);
		transform:translateY(-100%);
		opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
	}
	100%{
		-webkit-transform:translateY(0%);
		-o-transform:translateY(0%);
		-moz-transform:translateY(0%);
		-ms-transform:translateY(0%);
		transform:translateY(0%);
		opacity:1; -ms-filter:none; filter:none
	}
}
@-moz-keyframes open02{
	0%{
		-webkit-transform:translateY(-100%);
		-o-transform:translateY(-100%);
		-moz-transform:translateY(-100%);
		-ms-transform:translateY(-100%);
		transform:translateY(-100%);
		opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
	}
	100%{
		-webkit-transform:translateY(0%);
		-o-transform:translateY(0%);
		-moz-transform:translateY(0%);
		-ms-transform:translateY(0%);
		transform:translateY(0%);
		opacity:1; -ms-filter:none; filter:none
	}
}
@-o-keyframes open02{
	0%{
		-webkit-transform:translateY(-100%);
		-o-transform:translateY(-100%);
		-moz-transform:translateY(-100%);
		-ms-transform:translateY(-100%);
		transform:translateY(-100%);
		opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
	}
	100%{
		-webkit-transform:translateY(0%);
		-o-transform:translateY(0%);
		-moz-transform:translateY(0%);
		-ms-transform:translateY(0%);
		transform:translateY(0%);
		opacity:1; -ms-filter:none; filter:none
	}
}
@keyframes open02{
	0%{
		-webkit-transform:translateY(-100%);
		-o-transform:translateY(-100%);
		-moz-transform:translateY(-100%);
		-ms-transform:translateY(-100%);
		transform:translateY(-100%);
		opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
	}
	100%{
		-webkit-transform:translateY(0%);
		-o-transform:translateY(0%);
		-moz-transform:translateY(0%);
		-ms-transform:translateY(0%);
		transform:translateY(0%);
		opacity:1; -ms-filter:none; filter:none
	}
}
@-webkit-keyframes open03{
	0%{
		-webkit-transform:translateY(100%);
		-o-transform:translateY(100%);
		-moz-transform:translateY(100%);
		-ms-transform:translateY(100%);
		transform:translateY(100%);
		opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
	}
	100%{
		-webkit-transform:translateY(0%);
		-o-transform:translateY(0%);
		-moz-transform:translateY(0%);
		-ms-transform:translateY(0%);
		transform:translateY(0%);
		opacity:1; -ms-filter:none; filter:none
	}
}
@-moz-keyframes open03{
	0%{
		-webkit-transform:translateY(100%);
		-o-transform:translateY(100%);
		-moz-transform:translateY(100%);
		-ms-transform:translateY(100%);
		transform:translateY(100%);
		opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
	}
	100%{
		-webkit-transform:translateY(0%);
		-o-transform:translateY(0%);
		-moz-transform:translateY(0%);
		-ms-transform:translateY(0%);
		transform:translateY(0%);
		opacity:1; -ms-filter:none; filter:none
	}
}
@-o-keyframes open03{
	0%{
		-webkit-transform:translateY(100%);
		-o-transform:translateY(100%);
		-moz-transform:translateY(100%);
		-ms-transform:translateY(100%);
		transform:translateY(100%);
		opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
	}
	100%{
		-webkit-transform:translateY(0%);
		-o-transform:translateY(0%);
		-moz-transform:translateY(0%);
		-ms-transform:translateY(0%);
		transform:translateY(0%);
		opacity:1; -ms-filter:none; filter:none
	}
}
@keyframes open03{
	0%{
		-webkit-transform:translateY(100%);
		-o-transform:translateY(100%);
		-moz-transform:translateY(100%);
		-ms-transform:translateY(100%);
		transform:translateY(100%);
		opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
	}
	100%{
		-webkit-transform:translateY(0%);
		-o-transform:translateY(0%);
		-moz-transform:translateY(0%);
		-ms-transform:translateY(0%);
		transform:translateY(0%);
		opacity:1; -ms-filter:none; filter:none
	}
}

@-webkit-keyframes open04{
	0%{
		-webkit-transform:translateY(-100%);
		-o-transform:translateY(-100%);
		-moz-transform:translateY(-100%);
		-ms-transform:translateY(-100%);
		transform:translateY(-100%);
		opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
	}
	100%{
		-webkit-transform:translateY(0%);
		-o-transform:translateY(0%);
		-moz-transform:translateY(0%);
		-ms-transform:translateY(0%);
		transform:translateY(0%);
		opacity:1; -ms-filter:none; filter:none
	}
}
@-moz-keyframes open04{
	0%{
		-webkit-transform:translateY(-100%);
		-o-transform:translateY(-100%);
		-moz-transform:translateY(-100%);
		-ms-transform:translateY(-100%);
		transform:translateY(-100%);
		opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
	}
	100%{
		-webkit-transform:translateY(0%);
		-o-transform:translateY(0%);
		-moz-transform:translateY(0%);
		-ms-transform:translateY(0%);
		transform:translateY(0%);
		opacity:1; -ms-filter:none; filter:none
	}
}
@-o-keyframes open04{
	0%{
		-webkit-transform:translateY(-100%);
		-o-transform:translateY(-100%);
		-moz-transform:translateY(-100%);
		-ms-transform:translateY(-100%);
		transform:translateY(-100%);
		opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
	}
	100%{
		-webkit-transform:translateY(0%);
		-o-transform:translateY(0%);
		-moz-transform:translateY(0%);
		-ms-transform:translateY(0%);
		transform:translateY(0%);
		opacity:1; -ms-filter:none; filter:none
	}
}
@keyframes open04{
	0%{
		-webkit-transform:translateY(-100%);
		-o-transform:translateY(-100%);
		-moz-transform:translateY(-100%);
		-ms-transform:translateY(-100%);
		transform:translateY(-100%);
		opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
	}
	100%{
		-webkit-transform:translateY(0%);
		-o-transform:translateY(0%);
		-moz-transform:translateY(0%);
		-ms-transform:translateY(0%);
		transform:translateY(0%);
		opacity:1; -ms-filter:none; filter:none
	}
}

/* 전체메뉴 버튼 */
#util-btn-wrap{display:block;position:absolute; width:36px; height:26px;left:30px; bottom:40px;z-index:3001}
#util-btn-wrap .bt-mnctrs-wr,
#util-btn-wrap .bt-mnctrs-wr span{display:inline-block;transition:all .4s;box-sizing:border-box;}
#util-btn-wrap .bt-mnctrs-wr{position:relative;width:36px;height:26px;}
#util-btn-wrap .bt-mnctrs-wr span{position:absolute;left:0;width:100%;height:3px;background-color:#191919;border-radius:1px;}
#util-btn-wrap .bt-mnctrs-wr span.bar1{top:0}
#util-btn-wrap .bt-mnctrs-wr span.bar2{top:12px; width:22px;}
#util-btn-wrap .bt-mnctrs-wr span.bar3{bottom:0;}
#util-btn-wrap .bt-mnctrs-wr.over{transform:translate(0, 0)}
#util-btn-wrap .bt-mnctrs-wr.over span{background-color:#191919; top:12px}
#util-btn-wrap .bt-mnctrs-wr.over span.bar1{transform:rotate(45deg)}
#util-btn-wrap .bt-mnctrs-wr.over span.bar2{opacity:0;}
#util-btn-wrap .bt-mnctrs-wr.over span.bar3{transform:rotate(-45deg)}

/* navi left center - title */
.content-title{position:absolute; top:54%; left: 20px; width:50px; font-size: .9em; font-weight: 300; white-space: nowrap; text-align: center;
	/* transform: translateX(calc(-50% - .5px)) translateY(calc(-50% - 15px)) rotate(-90deg) perspective(1px) */
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	transform:rotate(-90deg);
}
.content-title h2{color: #191919; letter-spacing: 1em; font-weight: bold;}

/* navi right top - works link */
.navi-right-top{position:fixed; top:32px; right:30px; width:60px; height: 60px; z-index: 2;}
.navi-right-top a{display: block; position: absolute; width: 100%; height: 100%; border-radius: 50%; background-color: #fff; border:1px solid #191919;
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
	-ms-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-o-transform: scale(1.0);
	-ms-transform: scale(1.0);
	transform: scale(1.0)
}
.navi-right-top a:hover{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}
.navi-right-top a .navi-right-inner{position:absolute; top: 26px; left: 16px; width:19px; height:15px; border:2px solid #191919;}
.navi-right-top a .each02, .navi-right-top a .each03{border-left:none; border-bottom: none;}
.navi-right-top a .each02{
	-webkit-transform: translate(4px, -4px);
	-moz-transform: translate(4px, -4px);
	-o-transform: translate(4px, -4px);
	-ms-transform: translate(4px, -4px);
	transform: translate(4px, -4px)
}
.navi-right-top a .each03{
	-webkit-transform: translate(8px, -8px);
	-moz-transform: translate(8px, -8px);
	-o-transform: translate(8px, -8px);
	-ms-transform: translate(8px, -8px);
	transform: translate(8px, -8px)
}
/*플랫폼 이동 버튼*/
.navi-right-top.second{top:120px;}
.navi-right-top.second a{display:flex;align-items: center;justify-content: center;}
.navi-right-top.second a .platform_circle {
	position: relative;
	width: 45px;
	height: 30px;
	background-color: #000;
	border-radius: 7em;
}
.navi-right-top.second a .platform_circle-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 25px;
	background-color: #ffe100;
	border-radius: 2em;
	transform: translate(-50%,-50%);
}
.navi-right-top.second a .platform_circle-eye {
	position: absolute;
	top: 40%;
	left: 50%;
	width: 3px;
	height: 8px;
	background-color: #000;
	border-radius: 2em;
	transform: translate(-50%,-50%);
}
.navi-right-top.second a .platform_circle-eye--left {left: 40%;}
.navi-right-top.second a .platform_circle-eye--right {left: 60%;}


/* SUB  */
/* sub visual */
@keyframes sub_animate_background{0%{background-position-y:0;}10%{background-position-y:-200px;}100%{background-position-y:0;}}
#svisual-wrap{position:relative;width:100%;height:360px;}
#svisual-wrap .strip{position:absolute;top:0;left:0;height:360px;width:100%;min-height:126px;z-index:1;background-image:url(../../images/common/bg/bg_svisual.png);}
#svisual-wrap #visImgWrap{position:relative;height:100%;margin:0 auto;overflow:hidden;}
#svisual-wrap #visImgWrap #visImg{width:100%;height:500px;background:url(../../images/common/bg/bg_svisual01.jpg) no-repeat center 0;background-size:cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/common/bg/bg_svisual01.jpg', sizingMethod='scale');}
#svisual-wrap #visImgWrap #visImg{animation:sub_animate_background 5s linear}
#svisual-wrap #visImgWrap #visImg.sv01{background-image:url(../../images/common/bg/bg_svisual01.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/common/bg/bg_svisual01.jpg', sizingMethod='scale');}
#svisual-wrap #visImgWrap #visImg.sv02{background-image:url(../../images/common/bg/bg_svisual02.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/common/bg/bg_svisual02.jpg', sizingMethod='scale');}
#svisual-wrap #visImgWrap #visImg.sv03{background-image:url(../../images/common/bg/bg_svisual03.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/common/bg/bg_svisual03.jpg', sizingMethod='scale');}
#svisual-wrap #visImgWrap #visImg.sv04{background-image:url(../../images/common/bg/bg_svisual04.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/common/bg/bg_svisual04.jpg', sizingMethod='scale');}
#svisual-wrap #visImgWrap #visImg.sv05{background-image:url(../../images/common/bg/bg_svisual05.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/common/bg/bg_svisual05.jpg', sizingMethod='scale');}
#svisual-wrap #visImgWrap #visImg.sv06{background-image:url(../../images/common/bg/bg_svisual06.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/common/bg/bg_svisual06.jpg', sizingMethod='scale');}
#svisual-wrap #visImgWrap #visImg.sv07{background-image:url(../../images/common/bg/bg_svisual07.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/common/bg/bg_svisual07.jpg', sizingMethod='scale');}

/* 서브메뉴 */
#side-wrap{display:block;position:relative;width:100%;height:360px;margin:-300px auto 0 auto;z-index:3}
.subMenu .lm-tit{position:absolute;top:120px;width:100%;text-align:left;color:#fff;font-weight:bold;}
.subMenu .lm-tit span{display:block;font-size:1.15em;font-weight:normal;letter-spacing:-.04em;line-height:46px;text-shadow:0 0 5px rgba(0, 0, 0, .2)}
.subMenu .lm-tit .f1{padding-left:50px; font-size:2.8em;font-weight:bold;}
.subMenu .lm-tit .f2{margin-top:15px;line-height:1.2;}
.subMenu .subMenu-wrap{display:block;position:absolute;width:100%;height:61px;*height:60px;left:0;bottom:0;background:#e84e3b ;border-bottom:1px solid #e84e3b;}
.subMenu .subMenu-wrap .cnavi-fix{display:block;position:fixed;width:100%;height:61px;*height:60px;left:0;top:0;background-color:#e84e3b;background-color:rgba(232, 78, 59, .9);}
.subMenu #cont-navi button.m-btn{display:none}
.subMenu #cont-navi .home{display:block;position:relative;float:left;width:60px;height:60px;border:1px solid rgba(255, 255, 255, .3) ;border-width:0 1px;background-color:transparent;transition:all .3s ease;}
.subMenu #cont-navi .home span{display:block;position:absolute;width:25px;height:19px;left:50%;top:50%;margin:-9.5px 0 0 -11px;background:url(../../images/common/icon/ic_home.png) no-repeat 0px 0px;}
.subMenu #cont-navi .home:focus,
.subMenu #cont-navi .home:active,
.subMenu #cont-navi .home:hover{background-color:#da3c28;}
.subMenu #cont-navi dl{display:block;float:left;position:relative;margin-left:-1px;border:1px solid rgba(255, 255, 255, .3);border-width:0 1px 1px 1px;background-color:#e84e3b}
.subMenu #cont-navi dl dt a{display:block;position:relative;padding-right:55px;width:auto;min-width:180px;height:60px;line-height:60px;font-size:0;transition:all .3s ease;color:#fff;}
.subMenu #cont-navi dl.cnavi4 dt a{width:auto;min-width:160px;padding-right:55px;}
.subMenu #cont-navi dl dt a:before{content:"";display:inline-block;width:0;vertical-align:middle;height:60px}
.subMenu #cont-navi dl dt a .txt{display:inline-block;margin:0 0 0 30px;padding:2px 0;font-size:17px;font-weight:500;letter-spacing:-.05em;vertical-align:middle;line-height:1.3;max-width:200px;word-wrap:break-word;word-break:keep-all;white-space:normal;}
.subMenu #cont-navi dl dt a .ico{display:block;position:absolute;width:17px;height:9px;right:20px;top:50%;margin:-4px 0 0 0;box-sizing:border-box;transition:all .3s ease;background:url(../../images/common/icon/ic_arr21.png) no-repeat left top;}
.subMenu #cont-navi dl dt a:focus,
.subMenu #cont-navi dl dt a:active,
.subMenu #cont-navi dl dt a:hover{color:#fff; background-color:#e84e3b;}
.subMenu #cont-navi dl dt a:focus .ico,
.subMenu #cont-navi dl dt a:active .ico,
.subMenu #cont-navi dl dt a:hover .ico{background-position-y:-9px;}
/*.subMenu #cont-navi dl.cnavi1{}
.subMenu #cont-navi dl.cnavi2{}
.subMenu #cont-navi dl.cnavi3{}
.subMenu #cont-navi dl.cnavi4{}*/
.subMenu #cont-navi dl.cnavi1 .isOver a{color:#e84e3b;}
.subMenu #cont-navi dl.cnavi2 .isOver a{color:#e84e3b;}
.subMenu #cont-navi dl.cnavi3 .isOver a{color:#e84e3b;}
.subMenu #cont-navi dl.cnavi4 .isOver a{color:#e84e3b;}
.subMenu #cont-navi dl.cnavi1 .isOver a:after,
.subMenu #cont-navi dl.cnavi2 .isOver a:after,
.subMenu #cont-navi dl.cnavi3 .isOver a:after,
.subMenu #cont-navi dl.cnavi4 .isOver a:after{content:"";display:block;position:absolute;width:6px;height:12px;right:20px;top:50%;margin:-6px 0 0 0;background:url(../../images/common/icon/ic_arr09.png) no-repeat 0 center}
.subMenu #cont-navi dl dd{display:none;*position:absolute;width:100%;max-height:369px;overflow-y:auto;}
.subMenu #cont-navi dl dd ul{display:inline-block;width:100%;}
.subMenu #cont-navi dl dd ul li{display:block;background-color:#fff;border:1px solid #e84e3b;border-width:1px 0 0 0;*border-width:0 1px 1px 1px;}
.subMenu #cont-navi dl dd ul li:first-child{*border-top:1px solid #e84e3b;}
.subMenu #cont-navi dl dd ul li a{display:block;position:relative;padding:0;width:100%;height:40px;color:#272727;letter-spacing:-.05em;transition:all .3s ease;}
.subMenu #cont-navi dl dd ul li a:before{content:"";display:inline-block;width:0;height:40px;vertical-align:middle}
.subMenu #cont-navi dl dd ul li a span{display:inline-block;margin:0 0 0 10px;font-size:15px;max-width:170px;vertical-align:middle;*vertical-align:sub;word-wrap:break-word;word-break:keep-all;white-space:normal;line-height:1.2}
.subMenu #cont-navi dl dd ul li a:hover,
.subMenu #cont-navi dl dd ul li a:focus{color:#e84e3b;}
.subMenu #cont-navi dl dd ul li a:hover:after,
.subMenu #cont-navi dl dd ul li a:focus:after{content:"";display:block;position:absolute;width:6px;height:12px;right:20px;top:50%;margin:-6px 0 0 0;background:url(../../images/common/icon/ic_arr09.png) no-repeat 0 center}
.subMenu #cont-navi dl dd ul li a[target=_blank] span:after{content:"";display:inline-block;width:10px;height:10px;margin:0 0 0 7px;background:url(../../images/common/icon/ic_win_sprite.png) no-repeat -10px 0px;right:17px}
.subMenu .cont-ctrl-btns{display:block;float:right;font-size:0}
.subMenu .cont-ctrl-btns button{position:relative;height:60px;border:0;background:none;font-size:0;padding:0;margin:0;vertical-align:top;transition:all .3s ease;}
.subMenu .cont-ctrl-btns button span{display:inline-block;background-image:url(../../images/common/icon/ic_print.png);background-repeat:no-repeat;}
.subMenu .cont-ctrl-btns .bt-print{width:60px;border:1px solid rgba(255,255,255,.3) ;border-width:0 1px;}
.subMenu .cont-ctrl-btns .bt-print span{padding:0;width:22px;height:20px;}
.subMenu .cont-ctrl-btns .bt-print:focus,
.subMenu .cont-ctrl-btns .bt-print:active,
.subMenu .cont-ctrl-btns .bt-print:hover{background-color:#da3c28;}

/* 모바일 서브 메뉴 */
.subNavi-wrap {display:none;position:absolute;width:100%;height:61px;*height:60px;left:0;bottom:-1px;background-color:#e84e3b;}
.subNavi-wrap .side-banner{display:none;}
.subNavi-wrap .side-banner2{display:none;}
.subNavi-wrap .subNavi .m-tit{display:block;text-align:center;height:60px;box-sizing:border-box;border-bottom:1px solid #e84e3b;}
.subNavi-wrap .subNavi .m-tit .tit {display:block;position:relative;width:100%;height:60px;font-size:17px;font-weight:bold;letter-spacing:-.05em;color:#fff;white-space:nowrap;line-height:60px}
.subNavi-wrap .subNavi .m-tit button {display:block;position:absolute;width:100%;height:100%;left:0;top:0;margin:0;border:0;background:none}
.subNavi-wrap .subNavi .m-tit button span{display:block;position:absolute;width:17px;height:10px;text-indent:-9999em;right:20px;top:50%;margin:-7px 0 0 0;background:url(../../images/common/icon/ic_arr21.png) no-repeat left top;border-radius:50%;}
.subNavi-wrap .subNavi #leftMenu {display:none;background-color:#fff;background-color:rgba(255, 255, 255, .9);position:absolute;top:60px;left:0;width:100%}
.subNavi-wrap .subNavi #leftMenu .lm_a2 {position:relative;padding:0.8em 15px;text-align:center;display:block;border-bottom:1px solid #d7d7d7;font-size:17px;font-weight:600}
.subNavi-wrap .subNavi #leftMenu .over .lm_a2 .isMask{display:block;position:absolute;width:6px;height:12px;right:20px;top:50%;margin:-6px 0 0 0;background:url(../../images/common/icon/ic_arr09.png) no-repeat 0 center}
.subNavi-wrap .subNavi #leftMenu .over .lm_a2 span {color:#e84e3b;}
.subNavi-wrap .subNavi #leftMenu .depth3 {background:#f6f6f6;text-align:center;padding:5px 0;border-bottom:1px solid #d7d7d7;}
.subNavi-wrap .subNavi #leftMenu .depth3 .lm_l3 {border-top:1px solid #eee;padding:5px 0;}
.subNavi-wrap .subNavi #leftMenu .depth3 li:first-child {border-top:0;}
.subNavi-wrap .subNavi #leftMenu .depth3 .lm_a3 {display:block;font-size:16px;}
.subNavi-wrap .subNavi #leftMenu .depth3 .over .lm_a3 span {color:#e84e3b;}

/* 서브 타이틀 */
#container-wrap .cont-top{margin-top:3em;overflow:hidden;text-align:center;}
#container-wrap .cont-top h2{position:relative;}
#container-wrap .cont-top h2 .h2-box{position:relative; display:inline-block; padding-right:10px; height:88px;line-height:88px;font-size:2.5em;color:#333;font-weight:bold; letter-spacing:-0.09em;}
#container-wrap .cont-top h2 .h2-box .h2-bul{position:absolute; top:10px; right:-10px; display:inline-block; width:19px;height:19px;background:url(../../images/common/icon/h2_bul.png) no-repeat;}
#container-wrap .cont-top p{padding:0 0 20px;font-size:1.1em;color:#666;line-height:24px; font-weight:300;}
#container-wrap #contents{margin:50px 0 50px 0;min-height:300px;position:relative;overflow:hidden;}


/* 하단 */
#footer-wrap .footer-area{position: relative; margin-left: 100px; width:calc(100% - 100px)}
#footer-wrap .footer-area .footer-p{padding-bottom: 10px; font-size: 2.2em; letter-spacing: -0.07em;color: #191919;}
#footer-wrap .footer-area .footer-p b{font-weight: 600;}
#footer-wrap .footer-area .content-area{padding: 50px 6%; margin: 0 auto; width: 100%; overflow: hidden}
/* 사이트 정보 */
#footer-wrap .footer-area .address{font-size:1em;line-height:27px;margin:0 0 3px 0; letter-spacing: 0;}
#footer-wrap .footer-area .address a{display:inline-block;margin-right: 15px; color:#191919}
/* #footer-wrap .footer-area .address a:first-child{margin-left: 0;} */
#footer-wrap .footer-area .address a:hover,
#footer-wrap .footer-area .address a:focus,
#footer-wrap .footer-area .address a:active{box-shadow: 0 -12px 0 rgb(255 223 27 / 90%) inset;}
#footer-wrap .footer-area .copyright{font-size:1em;line-height:30px;color:#191919;clear:both; letter-spacing: 0;}
#footer-wrap .footer-area .address span{display:inline-block;margin-right: 15px; color:#191919}

/* 에러페이지 */
.error-wrap{width:100%; text-align:center; font-size:0.938em; color:#555; padding-top:80px; margin:120px 0 0;}
.error-wrap .tit{font-size:22px; margin:0 0 20px; letter-spacing:-2px}
.error-wrap .tit::before{content:''; display:block; width:170px; height:160px; margin:0 auto 60px; background:url(../images/contents/ic_error.png) no-repeat}


/* 공통 */
.transition{-webkit-transition:all 0.5s;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease}

/* 스크롤-직선 */
.s-scroll{position:fixed;right:50px; bottom:40px; font-weight:300;letter-spacing:2px;height:45px;line-height:120%;font-size:.6em;z-index:3;}
.s-scroll:before{content:"";position:absolute;left:6px;top:0;height:0;width:1px;background-color:#fff;
-webkit-animation:scroll 2s cubic-bezier(1,0,0,1) 1s infinite;
animation:scroll 2s cubic-bezier(1,0,0,1) 1s infinite;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;}
.s-scroll.changed:before{background-color:#191919;}
.s-scroll span{display:inline-block; position:absolute;top:-20px;left:0; color:#fff; font-weight:bold;
-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:left top;transform-origin:left top;}
@-webkit-keyframes scroll{
	0%{bottom:auto;top:0;height:0}
	50%{height:45px}
	100%{top:auto;bottom:0;height:0}
}
@-moz-keyframes scroll{
	0%{bottom:auto;top:0;height:0}
	50%{height:45px}
	100%{top:auto;bottom:0;height:0}
}
@-o-keyframes scroll{
	0%{bottom:auto;top:0;height:0}
	50%{height:45px}
	100%{top:auto;bottom:0;height:0}
}
@keyframes scroll{
	0%{bottom:auto;top:0;height:0}
	50%{height:45px}
	100%{top:auto;bottom:0;height:0}
}

/*노이즈 배경*/
.nosie-bg{position:absolute;top:-50%;left:-50%;right:-50%;bottom:-50%;width:300%;height:300vh;background-image:url(../../images/common/icon/noise.png);background-repeat:repeat;background-position:0 0; visibility:visible; overflow:hidden;
-webkit-animation:nosie-bg .9s infinite;-moz-animation:nosie-bg .9s infinite;-o-animation:nosie-bg .9s infinite;-ms-animation:nosie-bg .9s infinite;animation:nosie-bg .9s infinite;opacity:.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.9)";filter:alpha(opacity=0.9)}
@-webkit-keyframes nosie-bg{
	0%{
		-webkit-transform:translate(0,0);
		-moz-transform:translate(0,0);
		-o-transform:translate(0,0);
		-ms-transform:translate(0,0);
		transform:translate(0,0)
	}
	10%{
		-webkit-transform:translate(-5%,-5%);
		-moz-transform:translate(-5%,-5%);
		-o-transform:translate(-5%,-5%);
		-ms-transform:translate(-5%,-5%);
		transform:translate(-5%,-5%)
	}
	20%{
		-webkit-transform:translate(-10%,5%);
		-moz-transform:translate(-10%,5%);
		-o-transform:translate(-10%,5%);
		-ms-transform:translate(-10%,5%);
		transform:translate(-10%,5%)
	}
	30%{
		-webkit-transform:translate(5%,-10%);
		-moz-transform:translate(5%,-10%);
		-o-transform:translate(5%,-10%);
		-ms-transform:translate(5%,-10%);
		transform:translate(5%,-10%)
	}
	40%{
		-webkit-transform:translate(-5%,15%);
		-moz-transform:translate(-5%,15%);
		-o-transform:translate(-5%,15%);
		-ms-transform:translate(-5%,15%);
		transform:translate(-5%,15%)
	}
	50%{
		-webkit-transform:translate(-10%,5%);
		-moz-transform:translate(-10%,5%);
		-o-transform:translate(-10%,5%);
		-ms-transform:translate(-10%,5%);
		transform:translate(-10%,5%)
	}
	60%{
		-webkit-transform:translate(15%,0);
		-moz-transform:translate(15%,0);
		-o-transform:translate(15%,0);
		-ms-transform:translate(15%,0);
		transform:translate(15%,0);
	}
	70%{
		-webkit-transform:translate(0,10%);
		-moz-transform:translate(0,10%);
		-o-transform:translate(0,10%);
		-ms-transform:translate(0,10%);
		transform:translate(0,10%)
	}
	80%{
		-webkit-transform:translate(-15%,0);
		-moz-transform:translate(-15%,0);
		-o-transform:translate(-15%,0);
		-ms-transform:translate(-15%,0);
		transform:translate(-15%,0)
	}
	90%{
		-webkit-transform:translate(10%,5%);
		-moz-transform:translate(10%,5%);
		-o-transform:translate(10%,5%);
		-ms-transform:translate(10%,5%);
		transform:translate(10%,5%)
	}
	100%{
		-webkit-transform:translate(5%,0);
		-moz-transform:translate(5%,0);
		-o-transform:translate(5%,0);
		-ms-transform:translate(5%,0);
		transform:translate(5%,0)
	}
}
@-moz-keyframes nosie-bg{
	0%{
		-webkit-transform:translate(0,0);
		-moz-transform:translate(0,0);
		-o-transform:translate(0,0);
		-ms-transform:translate(0,0);
		transform:translate(0,0)
	}
	10%{
		-webkit-transform:translate(-5%,-5%);
		-moz-transform:translate(-5%,-5%);
		-o-transform:translate(-5%,-5%);
		-ms-transform:translate(-5%,-5%);
		transform:translate(-5%,-5%)
	}
	20%{
		-webkit-transform:translate(-10%,5%);
		-moz-transform:translate(-10%,5%);
		-o-transform:translate(-10%,5%);
		-ms-transform:translate(-10%,5%);
		transform:translate(-10%,5%)
	}
	30%{
		-webkit-transform:translate(5%,-10%);
		-moz-transform:translate(5%,-10%);
		-o-transform:translate(5%,-10%);
		-ms-transform:translate(5%,-10%);
		transform:translate(5%,-10%)
	}
	40%{
		-webkit-transform:translate(-5%,15%);
		-moz-transform:translate(-5%,15%);
		-o-transform:translate(-5%,15%);
		-ms-transform:translate(-5%,15%);
		transform:translate(-5%,15%)
	}
	50%{
		-webkit-transform:translate(-10%,5%);
		-moz-transform:translate(-10%,5%);
		-o-transform:translate(-10%,5%);
		-ms-transform:translate(-10%,5%);
		transform:translate(-10%,5%)
	}
	60%{
		-webkit-transform:translate(15%,0);
		-moz-transform:translate(15%,0);
		-o-transform:translate(15%,0);
		-ms-transform:translate(15%,0);
		transform:translate(15%,0);
	}
	70%{
		-webkit-transform:translate(0,10%);
		-moz-transform:translate(0,10%);
		-o-transform:translate(0,10%);
		-ms-transform:translate(0,10%);
		transform:translate(0,10%)
	}
	80%{
		-webkit-transform:translate(-15%,0);
		-moz-transform:translate(-15%,0);
		-o-transform:translate(-15%,0);
		-ms-transform:translate(-15%,0);
		transform:translate(-15%,0)
	}
	90%{
		-webkit-transform:translate(10%,5%);
		-moz-transform:translate(10%,5%);
		-o-transform:translate(10%,5%);
		-ms-transform:translate(10%,5%);
		transform:translate(10%,5%)
	}
	100%{
		-webkit-transform:translate(5%,0);
		-moz-transform:translate(5%,0);
		-o-transform:translate(5%,0);
		-ms-transform:translate(5%,0);
		transform:translate(5%,0)
	}
}
@-o-keyframes nosie-bg{
	0%{
		-webkit-transform:translate(0,0);
		-moz-transform:translate(0,0);
		-o-transform:translate(0,0);
		-ms-transform:translate(0,0);
		transform:translate(0,0)
	}
	10%{
		-webkit-transform:translate(-5%,-5%);
		-moz-transform:translate(-5%,-5%);
		-o-transform:translate(-5%,-5%);
		-ms-transform:translate(-5%,-5%);
		transform:translate(-5%,-5%)
	}
	20%{
		-webkit-transform:translate(-10%,5%);
		-moz-transform:translate(-10%,5%);
		-o-transform:translate(-10%,5%);
		-ms-transform:translate(-10%,5%);
		transform:translate(-10%,5%)
	}
	30%{
		-webkit-transform:translate(5%,-10%);
		-moz-transform:translate(5%,-10%);
		-o-transform:translate(5%,-10%);
		-ms-transform:translate(5%,-10%);
		transform:translate(5%,-10%)
	}
	40%{
		-webkit-transform:translate(-5%,15%);
		-moz-transform:translate(-5%,15%);
		-o-transform:translate(-5%,15%);
		-ms-transform:translate(-5%,15%);
		transform:translate(-5%,15%)
	}
	50%{
		-webkit-transform:translate(-10%,5%);
		-moz-transform:translate(-10%,5%);
		-o-transform:translate(-10%,5%);
		-ms-transform:translate(-10%,5%);
		transform:translate(-10%,5%)
	}
	60%{
		-webkit-transform:translate(15%,0);
		-moz-transform:translate(15%,0);
		-o-transform:translate(15%,0);
		-ms-transform:translate(15%,0);
		transform:translate(15%,0);
	}
	70%{
		-webkit-transform:translate(0,10%);
		-moz-transform:translate(0,10%);
		-o-transform:translate(0,10%);
		-ms-transform:translate(0,10%);
		transform:translate(0,10%)
	}
	80%{
		-webkit-transform:translate(-15%,0);
		-moz-transform:translate(-15%,0);
		-o-transform:translate(-15%,0);
		-ms-transform:translate(-15%,0);
		transform:translate(-15%,0)
	}
	90%{
		-webkit-transform:translate(10%,5%);
		-moz-transform:translate(10%,5%);
		-o-transform:translate(10%,5%);
		-ms-transform:translate(10%,5%);
		transform:translate(10%,5%)
	}
	100%{
		-webkit-transform:translate(5%,0);
		-moz-transform:translate(5%,0);
		-o-transform:translate(5%,0);
		-ms-transform:translate(5%,0);
		transform:translate(5%,0)
	}
}
@keyframes nosie-bg{
	0%{
		-webkit-transform:translate(0,0);
		-moz-transform:translate(0,0);
		-o-transform:translate(0,0);
		-ms-transform:translate(0,0);
		transform:translate(0,0)
	}
	10%{
		-webkit-transform:translate(-5%,-5%);
		-moz-transform:translate(-5%,-5%);
		-o-transform:translate(-5%,-5%);
		-ms-transform:translate(-5%,-5%);
		transform:translate(-5%,-5%)
	}
	20%{
		-webkit-transform:translate(-10%,5%);
		-moz-transform:translate(-10%,5%);
		-o-transform:translate(-10%,5%);
		-ms-transform:translate(-10%,5%);
		transform:translate(-10%,5%)
	}
	30%{
		-webkit-transform:translate(5%,-10%);
		-moz-transform:translate(5%,-10%);
		-o-transform:translate(5%,-10%);
		-ms-transform:translate(5%,-10%);
		transform:translate(5%,-10%)
	}
	40%{
		-webkit-transform:translate(-5%,15%);
		-moz-transform:translate(-5%,15%);
		-o-transform:translate(-5%,15%);
		-ms-transform:translate(-5%,15%);
		transform:translate(-5%,15%)
	}
	50%{
		-webkit-transform:translate(-10%,5%);
		-moz-transform:translate(-10%,5%);
		-o-transform:translate(-10%,5%);
		-ms-transform:translate(-10%,5%);
		transform:translate(-10%,5%)
	}
	60%{
		-webkit-transform:translate(15%,0);
		-moz-transform:translate(15%,0);
		-o-transform:translate(15%,0);
		-ms-transform:translate(15%,0);
		transform:translate(15%,0);
	}
	70%{
		-webkit-transform:translate(0,10%);
		-moz-transform:translate(0,10%);
		-o-transform:translate(0,10%);
		-ms-transform:translate(0,10%);
		transform:translate(0,10%)
	}
	80%{
		-webkit-transform:translate(-15%,0);
		-moz-transform:translate(-15%,0);
		-o-transform:translate(-15%,0);
		-ms-transform:translate(-15%,0);
		transform:translate(-15%,0)
	}
	90%{
		-webkit-transform:translate(10%,5%);
		-moz-transform:translate(10%,5%);
		-o-transform:translate(10%,5%);
		-ms-transform:translate(10%,5%);
		transform:translate(10%,5%)
	}
	100%{
		-webkit-transform:translate(5%,0);
		-moz-transform:translate(5%,0);
		-o-transform:translate(5%,0);
		-ms-transform:translate(5%,0);
		transform:translate(5%,0)
	}
}

/* 스크롤-점선라운드 */
.svg-area{position:fixed; right:20px; bottom:30px; width:80px; height:80px;}
.svg-area a{position:absolute; left:24px; top:27px; text-align:left; width: 40px; height: 40px; cursor: pointer;  z-index: 3; color: #191919;}
.svg-area a .s-text{ font-size: .8em; font-weight:bold; letter-spacing: .2em;}
.svg-area .spinner{display:block;position: relative;-webkit-animation: rotate 8s linear infinite; -moz-animation: rotate 8s linear infinite; animation: rotate 8s linear infinite}
@-webkit-keyframes rotate{
	to{
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}
@-moz-keyframes rotate{
	to{
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}
@-o-keyframes rotate{
	to{
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}
@keyframes rotate{
	to{
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}
.scrollDisable{height:100%;min-height:100%;overflow:hidden!important;touch-action:none;}

/*240117 추가*/
.navi-right-top.third{top:210px;}
.navi-right-top.third .flipsout { align-items: center; vertical-align: middle; text-align: center; width: 100%; margin: 0 auto 0; height: 100%; display: flex; position: absolute; }
.navi-right-top.third .flipsout .inner { margin: 0 auto; position: relative; }
.navi-right-top.third .flipsout .inner .smile { height: 58px; width: 58px; background: #fff; border-radius: 50%; position: relative; z-index: 5; animation: smile 4s ease-in-out infinite; }
.navi-right-top.third .flipsout .inner .eyesL { background: rgba(0,0,0,.8); height: 6px; width: 6px; border-radius: 100%; position: absolute; left: 35px; top: 25px; animation: blink 4s ease-in-out infinite; }
.navi-right-top.third .flipsout .inner .eyesR { background: rgba(0,0,0,.8); height: 6px; width: 6px; border-radius: 100%; position: absolute; right: 35px; top: 25px; animation: blink 4s ease-in-out infinite; }
@-webkit-keyframes smile {
	0% {
		transform:rotate(-10deg);
	}
	50% {
		transform:rotate(10deg);
	}
	100% {
		transform:rotate(-10deg);
	}
}
@-webkit-keyframes blink {
	45% {
		-webkit-transform: none;
	}
	50% {
		-webkit-transform: rotateX(90deg);
	}
	55% {
		-webkit-transform: none;
	}
	90% {
		-webkit-transform: none;
	}
	95% {
		-webkit-transform: rotateX(90deg);
	}
}