@charset "utf-8";

/* =========================== skip네비게이션 ====================================== */
#skip a{position:absolute; top:0px; left:-9999px; z-index:100;}
#skip a:focus, #skip a:active{left:0px;width:100%;text-align:center;padding:10px 0px;background:#004c80;color:#fff;font-weight:bold;}

/* =========================== 공통 레이아웃 ============================= */
div#wrap{width:100%; height: 100%; min-width: 1300px; word-break: keep-all; line-height: 1;  position: relative;}
#header{position:relative;background: #262626;padding: 25px 0 20px;}
#container{position:relative;width:1300px;margin: 20px auto 30px;background: #fff;border-radius: 10px;box-shadow: 0 3px 10px 4px rgba(0, 0, 0, .15);}
#footer{padding: 0 0 15px;font-size: 14px;color: rgba(0,0,0,.6);text-align: center;font-weight: 500;}

#header h1{width: 135px;height: 22px;background:url('../images/common/logo.png') no-repeat;}
#header h1 a{display: block;}
#header .lnb{ position: absolute;  right: 0;  top: 0;}
#header .lnb a{ font-size: 14px; color: rgba(255, 255, 255, .3);}
#header .lnb a:before {content: "";display: inline-block;width: 1px;height: 10px;background: rgba(255,255,255,0.25);margin: 0 10px;}
#header .lnb a:first-child:before {background: transparent;}
#header nav.gnb{margin-left: 80px;}
#header nav.gnb ul{display: flex;}
#header nav.gnb > ul > li{margin-right: 50px;}
#header nav.gnb li a{display: block; font-size: 17px; color: rgba(255,255,255,.5); font-weight: 400; border-bottom: 1px solid transparent; padding: 0 3px; position: relative;  transition: all 0.5s;}
#header nav.gnb > ul > li a::after{content: "";width: 100%;height: 3px;background: linear-gradient(300deg, #e72e33 0, #e9854a 100%);position: absolute;bottom: -25px;left: 0;transform: scaleX(0);transform-origin: left;transition: all 0.5s;}
#header nav.gnb > ul > li a:hover::after, #header nav.gnb > ul >li a.active::after{transform: scaleX(1); }
#header nav.gnb li a:hover, #header nav.gnb li a.active{color: rgba(255,255,255,1); }

#header nav.gnb .navigation > li > ul, #header nav.gnb .navigation > li > ul > li > ul{display:block !important; visibility:hidden; opacity:0;}
#header nav.gnb .navigation{position:relative;}
#header nav.gnb .navigation > li > ul{position:absolute; left:50%; top:120%; width:120px; margin-left:-60px; margin-top:20px; background: #262626; padding:15px 0; z-index:100; display:none;
transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}
#header nav.gnb .navigation > li > ul > li > a{position:relative; display:block; line-height:30px; font-size:13px; transition-duration:0.5s; text-align:center; text-transform:capitalize;	color:rgba(255, 255, 255, 0.7);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}
#header nav.gnb > ul > li > ul > li a::after{display:none;}
#header nav.gnb .navigation > li > ul > li:hover > a{color:rgba(255, 255, 255, 1); text-decoration:underline;}
#header nav.gnb .navigation > li > ul > li  > ul > li > a:hover{	color:rgba(0, 0, 0, 1)}
#header nav.gnb .navigation > li.dropdown:hover > ul{visibility:visible;	opacity:1;	top:100%;	}
#header nav.gnb .navigation li > ul > li.dropdown:hover > ul{	visibility:visible;	opacity:1;	top:0px;	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;	
}
.dropdown, .dropup {position: relative;}

.titInfo{ width: 100%; background: #fff; box-shadow: 0 1px 5px 1px rgba(0, 0, 0, .05);}
.titInfo dl{display: flex;border-left: 1px solid #e5e5e5;width:1300px;height: 50px;margin:0 auto;line-height: 50px;}
.titInfo dt{padding-left: 40px;font-size: 17px;color: #000;font-weight: 600;}
.titInfo dd{font-size: 15px;color: #000;font-weight: 600;padding-right: 80px;}
.titInfo dd img{margin: 13px 10px;}
.titInfo dd:last-child{border-left: 1px solid #e5e5e5;padding-left: 40px;color: rgba(0,0,0,.4);}