@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; position: relative;}
#header > .container																			{padding-top:20px;}
#header .container .wrap-logo																{overflow: hidden;}
#header .container .wrap-logo h1															{float: left;}
#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																{position: absolute; top: -55px; right: 0;}
#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:#707070; position:relative; font-weight:600;}
#header .container .wrap-gnb .util-area .top-link a:last-child						{color:#da0500;}
#header .container .wrap-gnb .util-area .top-link a + a:before						{content:""; display:block; width:1px; height:10px; background-color:#bfbfbf; position:absolute; left:0; top:11px;}

/*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:10px;}
#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 50px; 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;:}

/* tab 메뉴 style */
#menuUItab													{margin-bottom: 30px;}
#menuUItab > .tab_div .ul_3								{overflow: hidden;}
#menuUItab > .tab_div .ul_3 > li						{float: left;}
#menuUItab > .tab_div .ul_3 > li > a					{display: block;color: #494949;background-color: #f8f8f8;padding: 10px 25px;border: 1px solid #d2d2d2; box-sizing: border-box; font-size:1.1em; margin:1px;}
#menuUItab .tab_div .ul_3 li._1st  .a_3 					{border-left: 1px solid #d2d2d2;}
#menuUItab .tab_div .ul_3 > li > a._active			{color: #fff; background-color: #5a7797; border: 1px solid #5a7797;}

#menuUItab > .tab_div .ul_3 .div_4											{position:absolute;}
#menuUItab > .tab_div .ul_3 .div_4 .ul_4 .li_4								{float:left; position:relative;}
#menuUItab > .tab_div .ul_3 .div_4 .ul_4 .li_4:before 					{content:''; display:block; position:absolute; right:0; top:18px; height:10px; width:1px; background-color:#999;}
#menuUItab > .tab_div .ul_3 .div_4 .ul_4 .li_4:last-child:before 		{display:none;}
#menuUItab > .tab_div .ul_3 .div_4 .ul_4 .li_4 .a_4						{display:block; padding:15px; font-size:1.0em;}

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