@charset "utf-8";


body							{}

/* div#top							{position:fixed; width:100%; top:0; left:0; z-index:200; background:#fff; } */
div#top							{position:relative; width:100%; top:0; left:0; z-index:200; background:#fff; }
div#wrap						{position:relative; margin-top:215px; background:#fff;}
/* div#wrap_main					{position:relative; margin-top:270px; background:#f5f5f5;}*/
div#wrap_main					{position:relative; background:#ffffff;}
div#wrap_main .visual_wrap {overflow:hidden;width:1100px;margin:0 auto;}

/* GNB 영역 */
/*div#gnb_area						{overflow:hidden; width:100%; height:40px;  background: #9F0710; text-align:center;}

ul.sitemenu							{float:left; padding-left:10px;  overflow:hidden;}
ul.sitemenu li						{float:left} 


div.gnbmenu							{ display:inline-block; overflow:hidden; width:1200px; height:40px; background:#9f0710;}
div.gnbmenu { display:inline-block; overflow:hidden; width:1200px; height:40px; background:#9f0710;}
div.gnbmenu .f_right { float:right; display:inline-block; } 
div.gnbmenu ul.gnb					{float:left; overflow:hidden; padding-left:7px; }
div.gnbmenu ul.gnb > li				{float:left; padding:10px 6px; background:url(../img/gnb_line.gif) no-repeat 100% 14px}
div.gnbmenu ul.gnb li a				{font: normal 13px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica" , sans-serif; color:#f2d7d7}
div.gnbmenu ul.gnb li a:hover		{color:#fff}
div.gnbmenu ul.gnb li.last			{height:30px; background:none; padding:10px 12px 10px 10px;}
div.gnbmenu ul.gnb li.mem			{height:30px; padding:10px 8px 0 12px; background:url("../img/gnb_line_m.gif") #67050b no-repeat 100% 14px}

div.gnbmenu ul.gnb li.mem ul		{position:absolute; top:40px; right:140px; z-index:100; background-image:none; background:black; opacity:0.8}
div.gnbmenu ul.gnb li.mem ul li		{padding:5px;border-bottom:1px solid #7d7d7d; text-align:center}
div.gnbmenu ul.gnb li.mem ul li	 a    {color:#d9d9d9}
div.gnbmenu ul.gnb li.mem ul li	 a:hover    {color:#fff}
div.gnbmenu ul.gnb li.mem_last		{height:30px; padding:10px 12px 0 8px; background:#67050b}

div#header				{width:1100px; margin:18px auto 1px; overflow:hidden;}
div#header h1			{float:left;}
div#header h1 span		{ display:inline-block; color:#545454;  padding-top:47px; margin-left:-10px; font-size:1.1em; letter-spacing: -2px;}

div#header ul.tab  	{float:right; overflow:hidden; cursor:pointer; margin-top:0px}
ul.tab li.test		{padding-left:15px; margin-left:10px; background:url('../img/tab_bar.gif') no-repeat 0 50%;}
ul.tab li			{float:left; overflow:hidden; font-weight:bold; }
ul.tab li a		{color:#910003; line-height:28px;}
ul.tab.icon { margin: 0px 0 0 20px; }
ul.tab.icon li img	{ width:28px; margin-left:5px;}

div#header ul.tab.login { float:right; }
div#header ul.tab.login li { display: inline-table; vertical-align:middle; line-height:28px;}
div#header ul.tab.login input { width:110px; height:28px; margin-left: 5px;}
div#header ul.tab.login input[type=button] { width:100px; height:28px; background:url(../img/btn_login.png) no-repeat;border:0 none;text-indent:-9999px;}
div#header ul.tab.login input[type=text] { width:98px; height:25px; padding:0 10px;}

ul.nav							{width:1100px; overflow:hidden; margin:10px auto 0; }
ul.nav *						{padding:0; margin:0}
ul.nav li						{float:left; width:157px; text-align:center; } 
ul.nav li:hover					{border-bottom:3px solid #990000;}
ul.nav li .mli					{line-height:40px; font-size:1.2em; }
ul.nav li a						{position:relative;}
ul.nav li div.nav_sub			{position:absolute; width:100%; min-height:170px; padding:40px 0 35px 0; left:0; top:178px; z-index:-110; background:#fff; box-shadow:0 2px 2px #888;} 

div.wrap_subDept				{width:1100px; margin:60px auto 0; overflow:hidden; background:url('../img/nav_line_bg.gif') repeat-y 270px 0; margin-top:80px; }
div.wrap_subDept div.s_info			{float:left; width:270px;}
div.wrap_subDept div.s_info h2		{font: normal 32px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica" , sans-serif; color:#9f0710}
div.wrap_subDept div.s_info .t01	{padding-left:2px; font: normal 15px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica" , sans-serif; color:#2c2c2c}
div.wrap_subDept div.s_info .t02	{padding-top:17px; font: normal 13px/24px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica" , sans-serif; color:#6f6f6f}

div.wrap_subDept ul.sub_nav						{float:left; width:220px; margin-left:25px; }
div.wrap_subDept ul.sub_nav li					{width:220px; margin-top:1px;  position:relative; font: normal 14px/18px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica" , sans-serif;}
div.wrap_subDept ul.sub_nav li.on a					{color:#fff; background:url('../img/sub_nav_icon02.png') #9f0710 no-repeat 200px center}
div.wrap_subDept ul.sub_nav li a						{display:block; padding:6px 5px 8px 15px; }
div.wrap_subDept ul.sub_nav li a:hover					{display:block; color:#fff; background:#9f0710 }

div.wrap_subDept div.s_banner							{float:right; margin-right:100px}
div.wrap_subDept div.s_banner .m_banner					{width:200px; height:50px; padding:15px; margin-bottom:10px; background:#f5f5f5; cursor:pointer; border:1px solid #e2e2e2}
div.wrap_subDept div.s_banner .m_banner:hover			{background:#eee; border:1px solid #ccc}
div.wrap_subDept div.s_banner .m_banner .t01			{float:left; font: normal 13px/18px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica" , sans-serif; color:#6f6f6f}
div.wrap_subDept div.s_banner .m_banner .t01 span		{font: bold 14px/28px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica" , sans-serif; color:#222}
div.wrap_subDept div.s_banner .m_banner .img01			{float:right}

div.wrap_subDept div.s_banner .m_banner02				{width:200px; height:50px; padding:15px; margin-bottom:10px; background:#f5f5f5; cursor:pointer; border:1px solid #e2e2e2}
div.wrap_subDept div.s_banner .m_banner02:hover			{background:#eee; border:1px solid #ccc}
div.wrap_subDept div.s_banner .m_banner02 .t01			{float:left; font: normal 13px/18px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica" , sans-serif; color:#6f6f6f}
div.wrap_subDept div.s_banner .m_banner02 .t01 span		{font: bold 14px/28px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica" , sans-serif; color:#222}
div.wrap_subDept div.s_banner .m_banner02 .img01		{float:right;}


*/


/*container 영역*/
div#container	{width:1200px; overflow:hidden; margin:0 auto;}
div.contents	{width:970px; float:right;}



/*lmn 영역*/
div#lmn				{width:190px; float:left; margin-bottom:30px;}
div#lmn h2			{padding:28px 0 25px 0; text-align:center; border-top:1px solid #b9b9b9; border-bottom:2px solid #878787; }

ul.lmn					{margin-top:20px; border-bottom:1px solid #b9b9b9;}
ul.lmn li				{border-top:1px solid #e4e4e4; }
ul.lmn li a				{display:block; width:170px; height:26px; padding:8px 0 0 20px; font:normal 13px/18px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#444}
ul.lmn li a:hover		{display:block; width:170px; height:26px; padding:8px 0 0 20px; background:#eee url(../img/lmn_bg.gif) no-repeat 90% 50%}
ul.lmn li.on a			{display:block; width:170px; height:26px; padding:8px 0 0 20px; color:#96161a; font-weight:bold; background:#eee url(../img/lmn_bg.gif) no-repeat 90% 50%}
ul.lmn li.more			{background:#fff url(../img/lmn_bg01.gif) no-repeat 90% 50%}

ul.depth3				{ padding:7px 0 10px 0; border-top:1px solid #e4e4e4;}
ul.depth3 li			{padding:3px 0 3px 30px; color:#666; border:none; background:#fff url(../img/dot_icon.gif) no-repeat 19px 12px}
ul.depth3 li a			{display:block; width:auto !important; height:auto !important; font-weight:normal !important; padding:0 0 0 0 !important; font:normal 12px/16px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica" !important; color:#7c7b7b !important; background:#fff !important}
ul.depth3 li a:hover	{font-weight:bold; color:#333 !important; text-decoration:underline}
ul.depth3 li.on a		{font-weight:bold !important; color:#96161a !important; text-decoration:underline}


/* 컨텐츠부분 */
ol.history				{text-align:right; overflow:hidden; }
ol.history li			{display:inline-block; padding:0 7px 0 11px; background:url(../img/dot02.gif) no-repeat 0 9px; font:normal 12px/18px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#909090}
ol.history li.first		{padding:0 7px 0 17px; background:url(../img/icon_home.gif) no-repeat 0 5px;}
ol.history li.here		{font-weight:bold; color:#676767}

div.contents h3			{font:bold 22px/30px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#555}

div.cont				{width:970px; padding:26px 0 100px 0}


/* Sitemap 영역*/
div.sitemap									{padding:56px 0; background:url(../img/stiemap_bg.gif) repeat 0 0}
div.sitemap ul.sitemap						{overflow:hidden; width:1200px; margin:0 auto;}
div.sitemap ul.sitemap li					{width:99px; height:540px;  padding:0 25px; float:left; border-right:1px solid #606060}
div.sitemap ul.sitemap li a					{font:bold 14px/18px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#fff;}
div.sitemap ul.sitemap li a.depth1			{ padding:0 0 4px 0; border-bottom:1px solid #fff; font:bold 14px/18px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#fff; }
div.sitemap ul.sitemap li ul.depth02			{padding:10px 0 0 0;}
div.sitemap ul.sitemap li ul.depth02 li			{padding:10px 0 0 0; border:none; height:auto }
div.sitemap ul.sitemap li ul.depth02 li a		{font:normal 13px/18px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#ddd}
div.sitemap ul.sitemap li ul.depth02 li a:hover	{color:#fff; text-decoration:underline;}
div.sitemap ul.sitemap li ul.depth03			{padding:1px 0}
div.sitemap ul.sitemap li ul.depth03 li			{padding:3px 0 0 0;  border:none}
div.sitemap ul.sitemap li ul.depth03 li a		{font:normal 11px/16px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#999;}
div.sitemap ul.sitemap li ul.depth03 li a:hover	{color:#ccc; text-decoration:underline;}
div.sitemap ul.sitemap li.last					{border:none}



/* Footer 영역*/
div#footer							{position:relative;width:100%; padding-bottom:30px; background:#fff; }
div.company							{width:100%; overflow:hidden; background:#fff; border-top:1px solid #ccc;}
div.company	.company_wrap				{width:1200px; margin:0 auto; overflow:hidden;}
div.company	ul.company li			{float:left; background:url('../img/footer_bar.png') no-repeat 100% 18px; padding:13px 16px 10px 16px;}
div.company	ul.company li a			{font:bold 12px/18px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica";color:#9d9d9d;}
div.company	ul.company li.end		{background:none;}

div.company .wrap_site 				{float:right;margin-right:30px;border-left:1px solid #535353; border-right:1px solid #535353;/*padding:13px 16px 10px 16px;*/cursor:pointer; font:bold 14px/18px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica";}
div.company .wrap_site span 		{display:block;width:200px;height:20px;padding:13px 16px 10px 16px;background:url("../img/f_select_bg.gif") no-repeat 100% 30%;}
div.company .wrap_site span a 			{color:#fff}

div.company .wrap_site ul 			{display:none;position:absolute;top:43px;width:200px;padding:13px 16px 10px 16px;background:#fff;font:bold 12px/16px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#333; cursor:pointer;}
div.company .wrap_site ul li 		{margin-bottom:5px;}

div.footer							{width:100%; background:#fff; border-top:1px solid #ccc;}
div.footer .copyright				{width:1200px; margin:40px auto 0; overflow:hidden;}
div.footer .copyright .f_logo		{float:left; margin-right:48px;margin-top:10px;}
div.footer .copyright .address		{float:left; margin-top:11px;}
div.footer .copyright p.f01			{font:normal 13px/18px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#afafaf;}
div.footer .copyright p.f02			{font:normal 13px/18px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#898989;}
div.footer .copyright p.f02	span	{font:bold 13px/18px "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#ccc;}

div.footer .copyright .spon_logo			{float:right;}
div.footer .copyright p.spon				{margin-right:16px;}
div.footer .copyright p.spon a.roll_logo	{margin:0 28px;}
div.footer .copyright p.kisia				{margin-top:5px;}

/* #m_footer */
#m_footer {background:#fff;}
#m_footer .m_company {overflow:hidden;padding-left:6px;border-bottom:1px solid #ccc;}
#m_footer .m_company li {float:left;margin-right:10px;height:40px;line-height:40px;padding:0 5px;font-size:12px;}
.m_footer {padding:10px;}
.m_footer .f_logo {margin-bottom:10px;}
.m_footer .f02 {font-size:12px;}

.m_footer .links {padding:7px 0;}
.m_footer .links a{display: inline-block; width: 22px; height: 22px; margin-right: 7px; background-size: cover; background-position: center; background-repeat: no-repeat;}
.m_footer .links .blog{background-image: url(../../img/blog_ico.png);}
.m_footer .links .insta{background-image: url(../../img/insta_ico.png);}
.m_footer .links .youtube{background-image: url(../../img/youtube_ico.png); background-size: 100% auto;}
#m_footer .fixed_area {    bottom: 35px;
    right: 24px;
    position: fixed;
    z-index: 100;}
#m_footer .fixed_area a, #m_footer .fixed_area button{display: block;
    width: 45px;
    height: 45px;
    border-radius: 100%;}
#m_footer .fixed_area a{background:#C91414;     margin-bottom: 10px; background-image: url(../../img/phone_ico.png); background-position: center; background-repeat: no-repeat;  background-size: 16px;}
#m_footer .fixed_area button{cursor:pointer; border:1px solid #dcdcdc; background:#fff; background-image: url(../../img/top_arrow.png); background-position: center; background-repeat: no-repeat;  background-size: 13px 17px;}