@charset "utf-8";
html{min-width:1200px;overflow-x:hidden;}
.container-fluid{width:1200px;margin:0 auto;position:relative;}
.container-fluid:after{content:"";display:block;clear:both;}
/* header */
#header{
	background-color:#415a89;
	height:121px;
	position:relative;
	z-index:7;
	-webkit-transition:all 0.3s ease;transition:all 0.3s ease;
}
#header .container-fluid{
padding-top:43px;
	-webkit-transition:all 0.3s ease;transition:all 0.3s ease;
}
#header h1.logo a{display:block;background:url("../../images/korean/common/logo.png") no-repeat 0 0 / 100% auto;width:260px;height:52px;font-size:0;line-height:0; }
#header h1.logo{float:left;}

/* gnb */
#gnb{position:absolute;right:126px;top:20px;}
#gnb li{display:inline-block;}
#gnb li a{color:#fff;text-transform:uppercase;display:block;padding:7px 12px;font-size: 12px;}
#gnb li.home a{background-color:#01aaad;border-radius:15px;}

/* lnb */

#lnb{position:absolute;right:-40px;top:60px;height:50px;}
.lnb-menu>li::before{content: "";display: block;width:1000%;opacity: 0;visibility: hidden;overflow: hidden;
-webkit-transition: all 0.3s ease;transition: all 0.3s ease;height: 0;position: absolute;top: 61px;left: 50%;
-webkit-transform: translateX(-50%);transform: translateX(-50%);background-color: #9aa7be;}
.lnb-menu>li.on::before,
.lnb-menu>li:hover::before{opacity:1;visibility:visible;height:50px;}
.lnb-menu:after{content:"";display:block;clear:both;}
.lnb-menu>li{float:left;}
.lnb-menu>li:first-child{border-left:0;}
.lnb-menu>li>a{	display:block;padding:14px 40px 26px;	text-align:center;font-size:18px;color:#fff;letter-spacing:-1px;font-weight:600;	position:relative;	}
.lnb-menu>li>a::before{content:"";display:block;width:1px;height:12px;background-color:#677ba1;position:absolute;left:0;top:18px;}
.lnb-menu>li:first-child>a::before{display:none;}
.lnb-menu>li::after{content:"";border:5px solid transparent;border-bottom-color:#9aa7be;position:absolute;bottom:0;transform: translate(80px,11px);opacity:0;transition:all .25s ease;}
.lnb-menu>li.on::after,
.lnb-menu>li:hover::after{opacity:1;}

.lnb-menu .lnb-sub{opacity:0;visibility:hidden;	position:absolute;top:61px;	height:0;transition:all .3s ease;}
.lnb-menu>li.on .lnb-sub,
.lnb-menu>li:hover .lnb-sub{opacity:1;visibility:visible;height:50px;padding:15px 0;}
.lnb-menu .lnb-sub>li{float:left;margin:0px 0 0 40px;}
.lnb-menu .lnb-sub>li>a{font-size:15px;color:#fff;display:block;}
.lnb-menu .lnb-sub>li:first-child>a{margin-bottom:0;}
.lnb-menu .lnb-sub>li.on>a,
.lnb-menu .lnb-sub>li>a:hover{color:#ffdd00;text-decoration:underline;}
.lnb-menu01 .lnb-sub{left:-200px;}

.lnb-menu03 .lnb-sub{right:154px;}
.lnb-menu04 .lnb-sub{right:0px;}



/* 메뉴닫기 */
.lnb-menu-close{display:none;width:57px;height:57px;background:#fff url("../../images/korean/common/lnb_sub_close.png") no-repeat center center;border-radius:29px;position:absolute;left:50%;top:70px;z-index:101;margin-left:-29px;box-shadow:3px 3px 7px 0px rgba(0,0,0,0.15);-webkit-transition:top 0.5s ease, bottom 0.5s ease, transform 0.5s ease;transition:top 0.5s ease, bottom 0.5s ease, transform 0.5s ease;}


/* 콘테이너 */
#container{position:relative;z-index:2;}
#container:after{content:"";display:block;clear:both;}

/* sns */
.sns-nav{position:absolute;right:0;top:30px;}
.sns-nav li{display:inline-block;}
.sns-nav a{display:block;width:30px;height:30px;text-align:center;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;border-radius:50%;background-color:#5b5b5b;}
.sns-nav a:hover{background-color:#999;}
.sns-nav a span{display:inline-block;width:18px; height:18px;margin-top:7px; background:url("../../images/korean/sub/board_util.png") no-repeat 0 0;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.sns-nav a .icon-blog{background-position:-18px 0;}
.sns-nav a .icon-photo{background-position:-36px 0;}
.sns-nav a .icon-print-white{background-position:-54px 0;}

/* footer */
#footer{background:#323232;position:relative;}
#footer .container-fluid{padding:45px 0;}
#footer .logo{float:left;display:block;background:url("../../images/korean/common/logo.svg") no-repeat 0 0 / 100% auto;width:273px;height:52px;font-size:0;line-height:0;opacity:0.8;}
#footer .txt{float:left;font-size:14px;color:#8d8d8d;}
#footer .foot-nav{margin-bottom:20px;}
#footer .foot-nav li{display:inline-block;}
#footer .foot-nav a{color:#8d8d8d;}
#footer .foot-nav .active a{color:#406bb7;}
#footer .foot-nav .active::after{content:"";display:block;width:1px;height:10px;background-color:#b3b3b3;display:inline-block;margin:0 15px;}
#footer .address{margin-bottom:10px;}

#footer .relate-site{display:inline-block;vertical-align:top;position:relative;background-color:#323232;width:190px;height:40px; margin-top: 37px; float:right;}
#footer .relate-site dt{border:1px solid #5b5b5b;}
#footer .relate-site dd{display:none;position:absolute;width:100%;bottom:38px;padding:10px;background-color:#323232;z-index:2;border:1px solid #767a82;}
#footer .relate-site dt a{display:block;padding:12px 15px;font-size:12px;color:#9b9b9b;height:38px;}
#footer .relate-site dd a{display:block;padding:7px 10px;font-size:12px;color:#9b9b9b;}
#footer .relate-site i{font-size:12px;color:#c9c9c9;display:inline-block;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:all 0.5s ease;transition:all 0.5s ease;float:right; position:absolute; right:10px; top:13px;}
#footer .relate-site.active i{-webkit-transform:rotate(270deg);transform:rotate(270deg); }
#footer .top-move{
display: block;
    width: 50px;
    height: 50px;
		border-radius:50%;
    position: fixed;
		z-index:10;
    bottom: 145px;
    right: 50px;
		text-align:center;
		background: #4a4a4a;
	}
#footer .top-move i{display:block;width:12px;height:15px;margin:8px auto 5px; background: url(../../images/korean/common/xi-arrow-up.png) no-repeat;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
#footer .top-move:hover i{-webkit-transform:translateY(-5px);transform:translateY(-5px);}
#footer .top-move span{font-size:12px;color:#fff;}