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

#header																								{position:relative; z-index:99;}

/*logo*/
#header .container																				{margin:0 auto;width:1800px;/* padding-top:30px; */}
#header .container .wrap-logo																{display:inline-block;margin: 32px 0;padding-left: 15px;position:relative;z-index:1;}
#header .container .wrap-logo h1 a														{display:block;}
#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;font-weight:normal;}

/*GNB*/
#header .container .wrap-gnb																{/* overflow:hidden; */width:100%;position:absolute;top:0;left:0;}
#header .container .wrap-gnb:before														{content:'';width: calc(100% - 500px);height:1px;background:#e8e8e8;position:absolute;right:0;bottom: -2px;display:block;}
#header .container .wrap-gnb .util-area													{position:relative; width:1800px; margin:0 auto;text-align:right;}
#header .container .wrap-gnb .util-area .top-his-link									{display:inline-block;vertical-align:top;padding: 6px 40px 6px 0;}
#header .container .wrap-gnb .util-area .top-his-link a								{display:inline-block;padding: 5px 15px;color:#fff;position:relative;border-radius:50px;font-size:12px;}
#header .container .wrap-gnb .util-area .top-his-link a:first-child					{color: #FFF;background-color: #0b1d3d;}
#header .container .wrap-gnb .util-area .top-his-link a:nth-child(2)				{color: #FFF;background-color: #015bb1;margin-left:3px;}
#header .container .wrap-gnb .util-area .top-his-link a:nth-child(3)				{color: #FFF;background-color: #00a65e;margin-left:3px;}
#header .container .wrap-gnb .util-area .top-link										{display:inline-block;vertical-align:top;padding: 3px 20px 0 0;}
#header .container .wrap-gnb .util-area .top-link a									{display:inline-block;padding: 8px 5px 8px 8px;color: #333;position:relative;font-weight:600;font-size: 13px;}
#header .container .wrap-gnb .util-area .top-link a:last-child						{}
#header .container .wrap-gnb .util-area .top-link a + a:before						{content:"";display:block;width:1px;height: 8px;border-left: 1px dashed #ccc;position:absolute;left:0;top: 12px;}
#header .container .wrap-gnb .util-area .top-link a:last-child:before 		{background: none;}

/*LNB*/
#header .container .wrap-lnb #lnb{padding-top: 30px;text-align:right;padding-right: 40px;}
#header .container .sitemap{display:inline-block;vertical-align: middle;text-indent:-9999px;width: 50px;height: 50px;background: url('./../images/sitemap.png') no-repeat center center;text-align: left;margin-top: -5px;}


/*footer design*/
#footer .wrap-policy																				{background:#26282c;}
#footer .wrap-policy .container																{width:1400px;margin:0 auto;position:relative;padding-top:20px;display: block;height: 65px;}
#footer .wrap-policy .container ul.clear-fix												{float:left;}
#footer .wrap-policy .container ul.clear-fix li												{display:inline-block; position:relative;}
#footer .wrap-policy .container ul.clear-fix li + li:before								{content:""; display:block; position:absolute; width:1px; height:10px; background-color:#999; left:0; top:18px;}
#footer .wrap-policy .container ul.clear-fix li a											{display:table-cell; vertical-align:middle; font-size:16px; color:#fff; line-height:45px; margin:0 10px; padding:0 10px;font-family:auto;}

#footer .wrap-policy .container ul.footer-sns												{float:right;padding-top: 10px;}
#footer .wrap-policy .container ul.footer-sns li											{display:inline-block;vertical-align:top;}
#footer .wrap-policy .container ul.footer-sns li + li										{margin-left:2px;}

#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																			  {background:#26282c;padding-bottom: 110px;clear:both;}
#footer .wrap-address .container															{position:relative; padding:20px 0; width:1400px; margin:0 auto;}
#footer .wrap-address .container .address												{font-size: 16px;color: #fff;line-height:1.6;float:left;font-family:auto;}
#footer .wrap-address .container .address i												{font-family:auto;}
#footer .wrap-address .container .address .address-copy							{display:block;color: #fff;font-size: 16px;font-family:auto;}

#footer .bottom-related																		{float:right;}
#footer .bottom-related .relate_site													{display:inline-block;vertical-align:top;}
#footer .bottom-related .relate_site > li 												{display:inline-block;vertical-align:top;position: relative;}
#footer .bottom-related .relate_site > li  + li											{margin-left:5px;}
#footer .bottom-related .relate_site > li > a										 {padding: 15px 90px 15px 15px;border:2px solid #aaaaaa;font-size:16px;background:#26282c url(./../images/related-site-arrow.png) no-repeat 90% center;display:block;color:#fff;}
#footer .bottom-related .relate_site li ul.first_depth 							 {margin: 0;box-sizing: border-box;padding: 20px;box-sizing: border-box;position: absolute;left: 0;bottom: 60px;z-index: 200;background: #26282c;width: 100%;display: none;max-height: 210px;overflow: auto;border: 2px solid #aaa;text-align:left;}
#footer .bottom-related .relate_site li ul.first_depth li ul li					{margin-bottom:7px;}
#footer .bottom-related .relate_site li ul.first_depth li ul li a 				{display: block;padding-left: 10px;font-size: 16px;font-weight: 300;color: rgba(255,255,255,0.6);}

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

/* sub Contents */
/*sub-content*/
#visual																								{height:300px;  background:url(../images/sub-visual-desktop.jpg) center top no-repeat;}
#visual .container																				{width: 100%;margin:0 auto;overflow:hidden;}
#visual .container .visual-title																	{color:#fff;margin: 100px 0 0 0;position:relative;text-align: center; font-family:'Noto Sans';}
#visual .container .visual-title strong															{font-size:40px;display:block;font-family: 'Noto Light';margin-bottom: 2px;letter-spacing: -1px;}		
#visual .container .visual-title span															{font-size:20px;display:block;letter-spacing: -0.5px;}

#subContent .page-info																		{margin: 90px 0 110px 0;overflow:hidden;text-align: center;}
#subContent .page-title																		{font-size: 40px;color: #151515;position:relative;text-align: center;line-height: 1.4;padding: 0 15px;display: inline-block;background: url('./../images/y_box.png') no-repeat left top;display: i;}


/* tab 메뉴 style */
#menuUItab													{margin-bottom: 30px;}
#menuUItab > .tab_div .ul_3								{overflow: hidden;width: 100%;display: flex;justify-content: space-around;align-items: center;}
#menuUItab > .tab_div .ul_3 > li						{float: left;width: 100%;text-align: center;}
#menuUItab > .tab_div .ul_3 > li > a					{font-family: 'Noto Regular';display: block;padding: 15px 25px;border: 1px solid #d1d1d1;color: #333;background-color: #f8f8f8;font-size: 17px;border-bottom: 1px solid #004098;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#menuUItab > .tab_div .ul_3 > li + li > a 				{border-left:0;}
#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: #fff;border: 1px solid #004098;border-left: 1px solid #004098 !important;border-bottom: 0;padding-top: 16px;color: #333;font-family: 'Noto Regular';}

#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;}

/* hide menu */
#menuUItop .top_div .ul_1 .li_1.eQ07 {display:none;}
#menuUItop .top_div .ul_1 .li_1.eQ08 {display:none;}