@charset "utf-8";
@import "/sites/style-guide/style/css/style.css";

#header																								{position:relative; z-index:2;}
/*#header:after																						{content:''; display:block;  position:absolute; left:0; top:0; width:100%; z-index:-1;} */

/*logo*/
#header .container																				{margin:0 auto; width:1200px; /*padding-top:30px;*/}
#header .container .wrap-logo																{display:inline-block; margin:20px 0;}
#header .container .wrap-logo h1 a em													{font-size:0.9em; display:inline-block; margin:8px 0 0 10px; color:#000;}

/*header-gnb*/
#menuUItop .top_div .ul_1:after																{content:""; display:block; clear:both;}
#menuUItop .top_div .ul_1 .li_1																{position:relative;}
#menuUItop .top_div .ul_1 .li_1 .a_1															{display:block; position:relative;}

/* 상단 유틸존*/
#header .container .wrap-gnb																{overflow:hidden; width:100%; position:absolute; top:0; left:0;}
#header .container .wrap-gnb .util-area													{position:relative; width:1200px; margin:0 auto;}
#header .container .wrap-gnb .util-area .top-his-link									{position:absolute; left:0; top:0;}
#header .container .wrap-gnb .util-area .top-his-link a								{display:inline-block; padding:8px 15px; color:#e1e7ef; position:relative;}
#header .container .wrap-gnb .util-area .top-his-link a:first-child					{background: url(./../images/util_home.png) 10px center no-repeat; background-color:#285d25; padding-left:30px; color: #FFF;}
#header .container .wrap-gnb .util-area .top-his-link a:last-child:before		{content:""; display:block; width:1px; height:10px; background-color:#666c74; position:absolute; left:0; top:11px;}
#header .container .wrap-gnb .util-area .top-his-link a:first-child:before		{display: none;}
#header .container .wrap-gnb .util-area .top-link										{float:right;}
#header .container .wrap-gnb .util-area .top-link a									{display:inline-block; padding:8px 10px; color:#b5b5b5; position:relative; font-weight:600;}
#header .container .wrap-gnb .util-area .top-link a:last-child						{background-color:#73a277; color:#FFF;}
#header .container .wrap-gnb .util-area .top-link a + a:before						{content:""; display:block; width:1px; height:10px; background-color:#666c74; position:absolute; left:0; top:11px;}
#header .container .wrap-gnb .util-area .top-link a:last-child:before 		{background: none;}

/*footer design*/
#footer .wrap-policy																				{border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
#footer .wrap-policy .container																{width:1200px; margin:0 auto; position:relative;}
#footer .wrap-policy .container .policy-title												{float:left; border-left:1px solid #ddd; border-right:1px solid #ddd; padding:0 35px 0 15px; margin-right:10px; font-size:16px; line-height:45px; font-weight:600; background:url(./../images/policy-title-bg.png) 85px center no-repeat; }
#footer .wrap-policy .container ul li														{display:inline-block; position:relative;}
#footer .wrap-policy .container ul li + li:before											{content:""; display:block; position:absolute; width:1px; height:10px; background-color:#999; left:0; top:18px;}
#footer .wrap-policy .container ul li a														{display:table-cell; vertical-align:middle; font-size:13px; color:#585858; line-height:45px; margin:0 10px; padding:0 10px;}
#footer .wrap-policy .container .family-site												{position:absolute; right:0; top:8px;}
#footer .wrap-policy .container .family-site input[type=submit]					{display:inline-block; vertical-align:middle; background-color:#3c4e60; padding:0 10px; line-height:30px; color:#fff; font-weight:600;}
#footer .wrap-address .container															{position:relative; padding:20px 0; width:1200px; margin:0 auto;}
#footer .wrap-address .container:after														{content:""; display:block; position:absolute; width:160px; height:45px; background:url(./../images/footer-logo.png) no-repeat; right:0; top:20px;}
#footer .wrap-address .container .address												{font-size:14px; color:#6b6b6b; line-height:1.6;}
#footer .wrap-address .container .address .address-copy							{display:block; color:#939393; font-size:12px;}

.blind																									{position:fixed; width:100%; height:100%; background-color:#000; left:0; top:0; z-index:1; opacity:0;}

/* sub Contents */
#visual .container .visual-title																	{font-size:1.6rem;line-height:3rem; color:#fff; text-shadow:1px 1px 2px rgba(0,0,0,0.5); margin:30px 0 0 0; padding-top:20px; position:relative;}
#visual .container .visual-title:after															{content:''; width:30px; height:3px; background-color:#fff; position:absolute; left:0; top:0;}
#visual .container .visual-title span															{font-size:1.3rem;line-height:1.5rem; display:block;}

#subContent .page-info																		{padding-bottom: 17px; margin:50px 0 30px 0; overflow:hidden;}
#subContent .page-title																		{font-size: 1.8rem;color: #262626; position:relative; border-bottom:3px solid #4d4d4d; float:left; padding-bottom:20px;:}


/* ===================================================================================== Sub_Tab */
#menuUItab ul {
	overflow: hidden;
	border-left: 1px solid #d0d0d0;
	margin-bottom: 30px;
}
#menuUItab ul li {
	float: left;
	width: 25%;
	display: table;
}
#menuUItab .t01 ul li,
#menuUItab .t02 ul li {
	width: 50%;
}
#menuUItab .t03 ul li {
	width: 33.3%;
}
#menuUItab .t05 ul li {
	width: 20%;
}
#menuUItab ul li a {
	border: 1px solid #d0d0d0;
	border-left: 0;
	color: #000;
	display: table-cell;
	vertical-align: middle;
	height: 44px;
	text-align: center;
	font-size: 14px;
	padding: 0 10px;
}
#menuUItab ul li a._active {
	border-color: #595d67;
	background-color: #595d67;
	color: #FFF;
}

/* 회원가입 및 사이트맵 메뉴 숨김*/
#menuUItop .top_div .ul_1 .li_1.eQ06 {display:none;}
#menuUItop .top_div .ul_1 .li_1.eQ07 {display:none;}

/* mainTopInner */
#header .mainTopInner{
  width:1200px;
  margin: auto;
  overflow: hidden;
}
#header .mainTopInner .unb{
  float: right;
  overflow: hidden;
}
#header .mainTopInner .unb li{
  float: left;
  margin: 0px !important;
}
.unb li a{
    display: block;
    color: #FFF;
    height: 30px;
    padding: 17px 20px 0 40px;

}
.unb li:nth-child(1) a{
  background: #24aadf url(/sites/sotong/images/bulIntrnet.png) no-repeat 15px;
  /* background: #1f303e url('/sites/sotong/images/bulLogout.png') no-repeat 15px; */
}
.unb li:nth-child(2) a{
	 background: #1f303e url('/sites/sotong/images/bulLogout.png') no-repeat 15px; 
}
.unb li:nth-child(3) a{
	background: #aa0058 url(/sites/info/images/bulIntrnet.png) no-repeat 15px;
}
#header .loginInfo{
  background: url(/sites/info/images/bulLogin.png) no-repeat left;
  padding: 17px 0 15px 25px;
  float: right;
  margin-right:20px;
}