.navBar{position:fixed; z-index:30; top:0; width:100%}
.navBlank{position:relative}
@media screen and (max-width:1280px){
	.navBar{height:80px}
	.navBlank0{height:80px}
	.navBlank1{height:0}
}
@media screen and (min-width:1281px){
	.navBar{height:148px; -webkit-transition:.8s; transition:.8s}
	.navBlank0{height:148px}
	.navBlank1{height:38px}
}
.transition{-moz-transition:all 0.1s ease-in; -o-transition:all 0.1s ease-in; -webkit-transition:all 0.1s ease-in; transition:all 0.1s ease-in}

@media screen and (max-width:1280px){
	#top{display:none}
}
#top{position:relative; height:45px; background-color:#6C84E5}
#top .inner{position:relative; background-color:inherit; display: flex; flex-direction: row-reverse}
#top > .inner > ul.sns{position:absolute; left:0; top:7px; overflow:hidden}
#top > .inner > ul.sns li{float:left; margin:0 10px 0 0}
#top > .inner > ul.sns li .ico{width:24px; height:24px; border-radius:4px; overflow:hidden}
#top > .inner > ul.sns li .ico.insta{background:-moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background:-webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); background:linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1)}
#top > .inner > ul.sns li .ico.ytb{background:#ff0000}
#top > .inner > ul.sns li .ico img{display:block; width:100%}
#top > .inner > ul.sns li .ico i.fa{display:block; width:24px; height:24px; font-size:15px; text-align:center; line-height:24px}
#top > .inner > ul.sns li .fb{background:#3e5ea2}

#top ul.bif{position:relative; top: 14px; display: flex; justify-content: end; color:rgba(255,255,255,1)}
#top ul.bif > li{position:relative}
#top ul.bif > li i.ico{margin:0 5px 0 0; color:rgba(0,0,0,.6)}
#top ul.bif > li:after{position:relative; top:-1px; content:'|'; margin:0 20px 0 15px; color:rgba(255,255,255,.5)}
#top ul.bif > li:last-child:after{content:''}

#top > .inner > div.login{position:relative; top:8px; margin:0 0 0 4px}
#top > .inner > div.login > a{display:block; width:52px; height:28px; padding:0 10px; border:1px solid rgba(255,255,255,.4); background:rgba(0,0,0,.15); text-align:center; line-height:28px; color:#fff}
#top > .inner > div.login > a:hover{border-color:rgba(255,255,255,.5); background:rgba(0,0,0,.25)}

#top div.login .user_wrap{position:relative; width:52px; padding:0 10px 0 10px}
#top div.login .user_wrap .user_img{position:relative; width:30px; height:30px; margin:0 auto; border-radius:50%; overflow:hidden; background:#fff; cursor:pointer}
#top div.login .user_wrap .user_img img{position:absolute; max-width:100%; max-height:100%; left: 0; top: 0; right: 0; bottom: 0; margin: 0;}
#top div.login .user_wrap .uw{position:absolute; z-index:1; right:0; top:43px; opacity:1; transition:opacity 0.2s ease-in-out}
#top div.login .user_wrap .uw .gb_Xa{border-color:transparent; border-style:dashed dashed solid; border-width:0 8.5px 8.5px; position:absolute; right:27px; top:-2px; z-index:1; height:0; width:0; -webkit-animation:gb__a .2s; animation:gb__a .2s; border-bottom-color:rgba(0,0,0,.4); top:0}
#top div.login .user_wrap .uw .gb_Xb{border-color:transparent; border-bottom-color:#fff; border-style:dashed dashed solid; border-width:0 8.5px 8.5px; position:absolute; right:27px; top:1px; z-index:2; height:0; width:0; border-bottom-color:#eee; -webkit-animation:gb__a .2s; animation:gb__a .2s}
#top div.login .user_wrap .uw .user_box{position:absolute; z-index:1; top:7px; right:0; width:210px; border:1px solid rgba(0,0,0,.4); border-radius:2px; box-shadow:0 2px 12px rgba(0,0,0,.4)}
#top div.login .user_wrap .uw .user_box .contents{overflow:hidden; border-top-right-radius:2px; border-top-left-radius:2px; background:#eee}
#top div.login .user_wrap .uw .user_box .contents .info{color:#1d2129; line-height:30px}
#top div.login .user_wrap .uw .user_box .contents .info .user a:hover{background:#0070D1; color:#fff}
#top div.login .user_wrap .uw .user_box .contents .info .user a:hover strong{color:#fff}
#top div.login .user_wrap .uw .user_box .contents .info strong{display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:11px; font-weight:500; letter-spacing:-0.4px; color:#565656}
#top div.login .user_wrap .uw .user_box .contents .info .user_img{position:absolute; left:10px; top:3px; width:30px; height:30px; border-radius:2px; overflow:hidden; background-position:50% 50%; background-repeat:no-repeat; background-size:cover}
#top div.login .user_wrap .uw .user_box .contents .info .btn{border:1px dashed #ccc; box-sizing:border-box; background:#fff}
#top div.login .user_wrap .uw .user_box .contents .info .btn i.fa-plus{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:14px; color:#4080ff}
#top div.login .user_wrap .uw .user_box .bottom{height:32px; padding:10px; border-top:1px solid #ddd; border-bottom-right-radius:2px; border-bottom-left-radius:2px; background:#fff}
#top div.login .user_wrap .uw .user_box .bottom a{float:right; width:78px; height:30px; margin:0 0 0 10px; border:1px solid rgba(0,0,0,.2); border-radius:2px; color:#fff; line-height:30px; text-align:center}
#top div.login .user_wrap .uw .user_box .bottom a.logout{background:#529ecc}
#top div.login .user_wrap .uw .user_box .bottom a.logout:hover{background:#357fb7}

#top div.lang{position:relative; top:6px; width:70px; background-color:inherit; cursor:pointer; color:#fff}
#top div.lang:before{content:'|'; position:absolute; top:6px; left:-13px; color:rgba(255,255,255,.5)}
#top div.lang > div.value{position:relative; z-index:1; width:70px; height:54px; margin:-15px 0 0 0; text-align:center; line-height:64px}
#top div.lang > div.value i.fa{position:relative; top:-2px}
#top div.lang > ul.lang{display:none; position:absolute; z-index:1; top:40px; right:0; width:120px; border:1px solid rgba(0,0,0,.1); border-radius:5px; background-color:#30333c}
#top div.lang > ul.lang:before{content:''; border-color:transparent; border-style:dashed dashed solid; border-width:0 6px 6px; position:absolute; right:8px; z-index:1; height:0; width:0; border-bottom-color:#30333c; top:-7px}
#top div.lang > ul.lang:after{content:''; border-color:transparent; border-bottom-color:#000; border-style:dashed dashed solid; border-width:0 6px 6px; position:absolute; right:8px; top:-6px; z-index:2; height:0; width:0; border-bottom-color:inherit}
#top div.lang > ul.lang > li{position:relative; padding:6px 0 6px 8px; background-color:inherit}
#top div.lang > ul.lang > li.on{background-color:#4f535d}
#top div.lang > ul.lang > li.on a{color:#fff}
#top div.lang > ul.lang > li:hover{background-color:#4f535d}
#top div.lang > ul.lang > li span{position:relative; z-index:1; color:#fff}
#top div.lang > ul.lang > li a{position:relative; display:block}
#top div.lang:hover > ul.lang{display:block}

#top a{color:#fff}
#top ul.bif > li span.tel{position:relative}

#header{position:relative; background:#fff; box-shadow:0px 10px 5px 0 rgba(0, 0, 0, 0.08); font-family:'Pretendard','Noto Sans KR','Nanum Gothic'; color:#000}
#header.transparent{opacity:.9; filter:alpha(opacity=90)}
#header h1 img{display:block; max-width:100%}
#header a{color:#000}
#header ul.gnb > li{position:relative}
@media screen and (max-width:1280px){
	#header{height:80px; -webkit-transition:.8s; -moz-transition:.8s; transition:.8s}
	#header h1{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-height:100%}
	#header button.fa-bars{position:absolute; top:50%; left:10px; transform:translateY(-50%); width:40px; height:40px; font-size:24px; line-height:40px; color:#777}
	#header h1 img{max-height:60px; margin:0 auto}
	#header .gnbBG{display:none; position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,.8)}
	#gnb{position:fixed; top:0; left:0; bottom:0; width:100%; max-width:100vh; padding:15px; box-sizing:border-box; overflow-x:hidden; overflow-y:auto; color:hsla(0,0%,100%,.7); transform:translateX(-100%); -webkit-transition-property:all; transition-property:all; -webkit-transition-duration:200ms; transition-duration:200ms; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out}
	#gnb a.home{display:block; padding:10px 0}
	#gnb a.home img{display:block; max-width:100%; max-height:60px; margin:0 auto}
	#gnb button.fa-times{position:absolute; right:10px; top:10px; font-size:24px; color:#fff}
	#gnb ul.gnb > li > ul.sub{display:none; background-color:rgba(255,255,255,.1)}
	#gnb ul.gnb > li.on > ul.sub{display:block}
	#gnb ul.gnb > li > ul.sub li{border-left:2px solid inherit}
	#gnb ul.gnb > li > ul.sub li.on{border-left:2px solid #00c3ff}

	#gnb ul.gnb a{display:block; width:100%; box-sizing:border-box; border-bottom:1px solid rgba(255,255,255,.2); color:hsla(0,0%,100%,.7)}
	#gnb ul.gnb > li > a{font-size:14px; padding:18px 24px}
	#gnb ul.gnb > li > a i.fa-angle-down{margin:0 0 0 6px; -webkit-transition:.5s; transition:.5s}
	#gnb ul.gnb > li.on > a i.fa-angle-down{transform:rotate(180deg)}
	#gnb ul.gnb > li > ul.sub li a{padding:12px 32px}
	
	#gnb ul.sns{margin:20px 0 0 0; overflow:hidden}
	#gnb ul.sns li{float:left; margin:0 10px 0 0}
	#gnb ul.sns li div.ico{width:24px; height:24px; border-radius:4px; overflow:hidden; text-align:center; line-height:24px}
	#gnb ul.sns li div.fb{background:#3e5ea2}
	#gnb ul.sns li div.ico.insta{background:-moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background:-webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); background:linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1)}
	#gnb ul.sns li div.ico.ytb{background:#ff0000}
	#gnb ul.sns li div.ico img{display:block; width:100%}
	#gnb ul.sns li div.ico i.fa{color:#fff}

	#gnb div.lang{margin:20px 0 0 0; background-color:inherit}
	#gnb div.lang select{display:block; width:100%; padding:10px; border:1px solid rgba(255,255,255,.5); box-sizing:border-box; background-color:rgba(0,0,0,.15); color:#fff}
}
@media screen and (min-width:1281px){
	#header h1{position:absolute; top:50%; left:0; transform:translateY(-50%)}
	#header h1 img{max-width:200px; max-height:90px}
	#header button.fa-bars{display:none}
	#header .inner{position:relative; height:110px}
	#gnb a.home{display:none}
	#gnb button.fa-times{display:none}
	#gnb ul.gnb{position:absolute; top:0; right:0}
	#gnb ul.gnb > li{float:left; font-size:18px; font-weight:300}
	#gnb ul.gnb6 > li{font-size:17px}
	#gnb ul.gnb > li.on:after{content:''; position:absolute; bottom:0; left:0; width:100%; height:3px; background:#155896;}
	#gnb ul.gnb > li:last-child{margin:0}
	#gnb ul.gnb > li > ul{left:0}
	#gnb ul.gnb > li:hover > ul.sub{visibility:visible; opacity:1}
	#gnb ul.gnb > li > ul.sub{position:absolute; top:107px; left:50%; transform:translateX(-50%); z-index:1; min-width:100%; width:auto; padding:10px 0; border-bottom-right-radius:3px; border-bottom-left-radius:3px; border-top: 3px solid #155896; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; background:#fff; visibility:hidden; opacity:0; transition:all .1s ease-out; box-shadow:0 5px 5px 0 rgba(0,0,0,.05); font-size:14px}
	#gnb ul.gnb > li > ul.sub li.on a{color:#155896; font-weight:600}
	#gnb ul.gnb > li > ul.sub li a:hover{text-decoration:underline}
	#gnb ul.gnb > li > ul.sub a{display:block; padding:10px 20px; white-space:nowrap}
	#gnb ul.gnb > li > a{display:flex; align-content:center; align-items:center; height:22px}
	#gnb ul.gnb6 > li > a{display:flex; align-content:center; align-items:center; height:22px}
	#gnb ul.gnb > li > a > span{position:relative; top:50%; transform:translateY(-50%); display:block; min-width:70px; margin:auto; text-align:center}
	#gnb ul.gnb > li > a i.fa-angle-down{display:none}

	#gnb ul.sns{display:none}
	#gnb div.lang{display:none}
}
@media screen and (min-width:1281px) and (max-width:1399px){
	#gnb ul.gnb > li > a{padding:44px 10px}
	#gnb ul.gnb6 > li > a{padding:44px 8px}
	#gnb ul.gnb6 > li > a > span{min-width:50px; font-size:14px}
}
@media screen and (min-width:1400px) and (max-width:1599px){
	#gnb ul.gnb > li > a{padding:44px 10px}
	#gnb ul.gnb6 > li > a{padding:44px 8px}
	#gnb ul.gnb6 > li > a > span{min-width:50px; font-size:14px}
}
@media screen and (min-width:1600px) and (max-width:1679px){
	#gnb ul.gnb > li > a{padding:44px 10px}
	#gnb ul.gnb6 > li > a{padding:44px 8px}
	#gnb ul.gnb6 > li > a > span{min-width:50px; font-size:14px}
}
@media screen and (min-width:1680px) and (max-width:1919px){
	#gnb ul.gnb > li > a{padding:44px 30px}
	#gnb ul.gnb6 > li > a{padding:44px 20px}
}
@media screen and (min-width:1920px){
	#gnb ul.gnb > li > a{padding:44px 30px}
	#gnb ul.gnb6 > li > a{padding:44px 20px}
}

#header h1 img{display:block}
#header h1 span{position:relative; top:-10px}
#header h1 a{color:#000}