@charset "utf-8";
#aside														{display:none;}
#footer .wrap-policy .container						{width:auto;}
#footer .wrap-address .container					{width:auto;}

/* 상단 유틸존*/
#header .container																				{margin:0 auto; width:auto; padding-top:0;}
#header .container .wrap-gnb .util-area													{width:auto; margin:0;}
#header .container .wrap-gnb .util-area .top-his-link									{display:none;}
#header .container .wrap-gnb .util-area .top-link										{float:left; margin:40px 0 0 20px}
#header .container .wrap-gnb .util-area .top-link a									{display:inline-block; padding:5px 10px 6px; color:#fff; font-size:1.1em; position:relative; font-weight:600;}
#header .container .wrap-gnb .util-area .top-link a:last-child						{background-color:#73a277; color:#fff; display:none;}
#header .container .wrap-gnb .util-area .top-link a + a:before						{content:""; display:block; width:1px; height:10px; background-color:#fff; position:absolute; left:0; top:8px;}

/* 메뉴영역*/
.wrap-navigation											{width:100%;position:absolute;top:-1000px; left:0;z-index:1;overflow:hidden;box-sizing: border-box;}
.wrap-navigation.on										{top:0px !important;}
.wrap-navigation											{padding:100px 20px 40px;}
.wrap-navigation:before								{content:"";position:absolute;top:0; right:0; bottom:0; left:0; z-index:-1;background-color:#d21502;opacity:.9}

/* 메뉴버튼*/
.wrap-nav-btn													{width:85px;height:85px;position:absolute;top:0;right:0;z-index:2;line-height:85px;text-align:center;}
.wrap-nav-btn .btn-lnb										{padding:5px}
.wrap-nav-btn .btn-lnb span								{display:block;width:40px;height:4px;margin-bottom:7px;background-color:#363636;border-radius:3px;transition:all 0.5s ease}
.wrap-nav-btn .btn-lnb.on span							{background-color:#fff;}
.wrap-nav-btn .btn-lnb.on span:first-child			{transform:translateY(14px) rotate(-45deg)}
.wrap-nav-btn .btn-lnb.on span:nth-child(2)			{opacity:0;transform:translateY(12px) rotate(-45deg)}
.wrap-nav-btn .btn-lnb.on span:last-child				{transform:translateY(-8px) rotate(-135deg)}

/* 모바일메뉴*/
.menuUItop > div											{padding:5px;background-color:#fff;border-radius:9px;overflow:hidden}
.menuUItop .li_1												{border-top:1px solid #d5d6d7;}
.menuUItop .li_1:first-child									{border-top:0 none}
.menuUItop .a_1,
.menuUItop .a_2												{padding:0 20px;color:#555; display:block; font-size:1.4em;}
.menuUItop .li_2												{background-color:#444;}
.menuUItop .a_2												{padding-left:30px;color:#fff;border-top:1px solid rgba(255,255,255,0.3); font-size:1.3em;}
.menuUItop .a_2:hover,
.menuUItop .a_3:hover										{background-color:#990f02}
.menuUItop .li_1:before,
.menuUItop .li_1:after										{content:"";width:7px;height:2px;position:absolute;top:25px;transition:all 0.3s ease-in-out;background-color:#555;border-radius:1px;}
.menuUItop .li_1:before										{right:29px;transform:rotate(44deg)}
.menuUItop .li_1:after										{right:25px;transform:rotate(-44deg)}
.menuUItop .li_1.on:before									{transform:rotate(-44deg);}
.menuUItop .li_1.on:after									{transform:rotate(44deg);}
.menuUItop .a_1												{font-size:1.3em;}
.menuUItop .li_1.on .a_1,
.menuUItop .a_1:hover										{font-weight:bold;color:#1d599f;}
.menuUItop .li_1,
.menuUItop .li_2												{line-height:50px;}
.menuUItop li div												{display:none;overflow:hidden}
.menuUItop.div_3												{padding:10px 0;border-top:1px solid #3f73a1}
.menuUItop .a_3												{padding-left:40px;font-size:0.9em;color:#fff;}

/*sub-content*/
.pageNavigation																					{display:none;}
#visual																								{height:150px;  background:url(../images/visual-desktop.jpg) center top no-repeat;}
#visual .container																				{width:auto; margin:0 auto; overflow:hidden;}
#visual .container .visual-title																	{font-size:1.6rem;line-height:3rem; color:#fff; margin:30px 0 0 20px; text-shadow:1px 1px 2px rgba(0,0,0,0.5);}


@media screen and (max-width:690px) {
  /*footer design*/
  #footer .wrap-policy .container .policy-title												{display: none;}
  #footer .wrap-policy .container .family-site												{right: auto; left: 50%; top: 65px; width: 175px; z-index: 99; margin-left: -87px;}
  #footer .wrap-address .container .address												{text-align: center; margin-top: 40px;}
  #footer .wrap-address .container:after													{background: none;}
}