﻿@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(font/NotoSansKR-Thin.woff2) format('woff2'),
       url(font/NotoSansKR-Thin.woff) format('woff'),
       url(font/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(font/NotoSansKR-Light.woff2) format('woff2'),
       url(font/NotoSansKR-Light.woff) format('woff'),
       url(font/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(font/NotoSansKR-Regular.woff2) format('woff2'),
        url(font/NotoSansKR-Regular.woff) format('woff'),
        url(font/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(font/NotoSansKR-Medium.woff2) format('woff2'),
        url(font/NotoSansKR-Medium.woff) format('woff'),
        url(font/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(font/NotoSansKR-Bold.woff2) format('woff2'),
        url(font/NotoSansKR-Bold.woff) format('woff'),
        url(font/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(font/NotoSansKR-Black.woff2) format('woff2'),
        url(font/NotoSansKR-Black.woff) format('woff'),
        url(font/NotoSansKR-Black.otf) format('opentype');
 } 

body 
{
	margin: 0px !important;
	padding: 0px !important;
	color:#333333;
	font-family:'Noto Sans KR', "Malgun Gothic";
	font-size:13px;
        overflow-y: scroll;
}

div
{
	/* font:13px 'Noto Sans KR', "Malgun Gothic"; */
}

ul, li, ol {list-style:none;padding:0;margin:0;}

A:link {
	color:#000000;text-decoration:none
}
A:visited {
	color:#000000;text-decoration:none
}
A:active {
	color:#000000;text-decoration:none
}
A:hover	{
	color:#000000;text-decoration:underline
}

A:link.faq_font {
	color:#6C8701;text-decoration:none
}
A:visited.faq_font {
	color:#96987A;text-decoration:none
}
A:active.faq_font {
	font:bold; color:#96987A;text-decoration:none
}
A:hover.faq_font	{
	font:bold; color:#96987A;text-decoration:none
}

A{
	onfocus:"this.blur()"
}


Body {
	SCROLLBAR-FACE-COLOR: #eeeeee; 
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
	SCROLLBAR-SHADOW-COLOR: #b4b4b4; 
	SCROLLBAR-3DLIGHT-COLOR: #eeeeee; 
	SCROLLBAR-ARROW-COLOR: #000000; 
	SCROLLBAR-TRACK-COLOR: #fafafa; 
	SCROLLBAR-DARKSHADOW-COLOR: #eeeeee
}




/* master Left Menu Text */
.weight
{
	/* height: 15px; */
	margin: 0px;
	float: left;		
	position: relative;
	cursor:pointer;
	vertical-align: bottom;
	color:#ad0d00;
	font-size:14px;
} 

.MainLeft .fontbase
{
	font-size:14px;
	margin: 0px;
	position: relative;
	cursor:	pointer;
	vertical-align: middle;
	color:#000000;
}
/* end */
img 
{
	border-width: 0px;
	width:auto;
}
.MainBox {
	width: 100%;
	display:inline-block;
}

.wrap {width:1000px;margin:0px auto;}		

.sub-img-area {height:70px;}
		
/* 2015_0217 Top Menu */
.ui-top-menu {display:flex;width:1000px;height:50px;background-color:#ad0d00;font-family:'Noto Sans KR', "Malgun Gothic";position:relative;z-index:99;}
.ui-top-menu-ul, .ui-top-menu ul {display:flex;justify-content: space-around;}
.ui-menu6 {width:165px !important;}
.ui-menu {/* float:left;*/width:167px;display:inline-block;color:#000000;line-height:50px;padding:0px;text-align:center;cursor:pointer;font-size:16px;font-weight:500;}
.ui-menu span {width:100%;color:#ffffff;text-decoration:none;display:inline-block;line-height:50px;}
.ui-menu span a {color:#ffffff;text-decoration:none;}
.ui-menu span:hover, .ui-menu .selected {background-color:#000000;text-decoration:none;}
.ui-menu-box {width:1000px;background-color:#000000;float:left;position:absolute;left:0px;top:50px;}
.ui-menu-ul li a:link, .ui-menu-ul li a:visited {text-decoration:none;color:#eaeaea;}
.ui-menu-ul li a:hover {color:#ffffff;}
.ui-menu-ul {/* float:left; */text-align:left;}
.ui-menu-ul li {display:inline;padding:0px 7px;/* float:left;*/font-size:13px;}
.ui-menu .ui-txt {color:#ffffff;}
#ui-menu2, #ui-menu3 {padding-left:0px !important;}
#ui-menu4 {padding-left:444px !important;width:300px;}
#ui-menu5 {padding-left:652px !important;width:200px;}
#ui-menu6 {padding-left:770px !important;}

   
/* Main Top Area*/
.TopMainNaviBox 
	{
	min-height: 42px;
	min-width: 1000px;    
	margin: 10px 0px 5px;
	padding: 0px;      
}

/* TopNavi Area Start */
.TopNaviBox 
	{
	min-height: 125px;
	min-width: 1000px;    
	margin: 10px 0px 5px;
	padding: 0px;      
}
.TopNaviBox-sub {
	min-height:42px;
}        
.logo
	{
	float: left;
	height: 35px;
	width: 296px;
	padding-top: 1px;
	margin: 0px;
	padding-bottom: 0px;
	vertical-align: middle;
	cursor:pointer;			
}

.topMenuBox
	{
	float:right;
	width: 268px;
	vertical-align: middle;
}
.topMenuBox div {display:inline-block;}
.topMenu
{
	width: 244px;
	height: 18px;
	float: right;
	top: 2px;
	position: relative;
	background-repeat: no-repeat;
	/* background-image: url('/Common/images/top_menu_s_bg.gif'); */
}
	
.topMenuBox table {
	position:relative;
	top:0px;
	right:0px
}
.nav 
{
	float: right;
	height: 18px;
	width: 100%;
	margin: 0;
	padding: 0px;
	position: relative;
	left: -13px;
	list-style: none;
}
.nav li {
	float: right;
	margin: 0 0 0 5px;
	padding: 0px;
	font-size:12px;
	color:#999999;
}
.nav li a {color:#999999;}

.flashMenuAllBox
{
	width: 100%;
	height: 46px;
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-x;
	background-image:url(/Common/Images/top_menubg.gif); 
	/*background-image: url('/Common/images/top_menubg.gif');*/
}
/*
.flashBox 
{
	width:1000px;
	height: 46px;
	padding: 0px;
	margin: 0px;
}

.flashMenu
{
	float: left;
	width: 845px;
	height: 46px;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}

.flashImg
{
	float: right;
	width: 155px;
	height: 46px;
}


.flash
{
	clear: both;
	height: 59px;
	width:1000px;
	padding-top: 2px;
	vertical-align: bottom;
	top: -6px;
	background-color: White;
	position: relative;
}
*/


/* TopNavi Area End */

/* Left Area Start */
.subMenuTitleText {width:240px;margin-bottom:15px;}
.MainLeft {
	width: 230px;
	float: left;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
	background-color: #f1f1f1;
}

.subTop
	{
		height: 64px;
		/* width: 877px; */
		background-repeat: repeat-x;
		/* background-image: url('/Common/Images/title_bg.gif'); */
	}
.submenulefttop
	{
	width:240px;
	height:64px;
	padding: 0px;
	margin: 0px;
	float: left;
}

.submenurighttop
	{
	float: left;
	height:64px;
	padding: 0px;
	margin: 0px 0px 0px 15px;
}
	
.clear
	{
	clear: both;
}
	
.subMenuBox
	{
	padding: 10px 15px;
	margin: 0px;
	vertical-align: bottom;
	border-bottom:1px #e1dcd2 solid;
}
.MainLeft .selected .fontbase, 
.MainLeft .selected .subMenuText {background-color:#dddddd;color:#ad0d00;font-weight:600;}
	
.product_subMenuBox
	{
	width: 200px;	
	padding: 10px 15px;
	margin: 0px;
	vertical-align: bottom;
	border-bottom:1px #e1dcd2 solid;
}
.product_subMenuBox:hover {color:#ad0d00;}
	
.subMenuText
	{
	font-size:14px;
	margin: 0px;
	position: relative;
	cursor:pointer;
	vertical-align: middle;
	color:#000000;
}
.MainLeft .subMenuBox:hover,
.MainLeft .selected
 {cursor:pointer;color:#ad0d00 !important;background-color:#dddddd;font-weight:600;}
.subMenuBox:hover > .fontbase,
.subMenuBox:hover > .subMenuText {color:#ad0d00;}

.subMenuImg
{
	float: left;
	width: 23px;
	/* height: 22px; */
	margin: 0px;
	position: relative;
	top: 14px;
	display:none;
}
	
/* .sub
	{
	float: left;
} 

 .wrapper_body
	{
	float: right;
} */

.subMenuTbl {}

/* Left Area End */

/* Main Contents Area Start */
.MainCenter {
	max-width: 982px;
	min-height: 400px;
	padding-left: 22px;
	padding-right: 17px;
	float: right;
}

.ContentxBox
	{
	float: left;
	width: 740px;
	padding: 10px 0px 0 30px;
	display:inline-block;
}

.MainContents {
	/* width: 613px; */
}
#ContentPlaceHolder1_dtlCommunity td div {font-size:12px !important;}
.padding_contents
	{
	overflow: hidden;
	padding-left:10px;
	padding-right:10px;
	/* width: 635px; */
}
.contents
	{
	/*word-break:break-all; */
	/* width: 635px; */
	margin: 0px;
	/* background-image: url('/Common/images/bg_tabbody.gif'); */
}
.contents p {
	margin:0px;
}


/* Main Contents Area End */

.quickBox
	{
	/* float: right; */
	width: 65px;
	height: 231px;
	top: -20px;
	left: 990px;
	position: relative;
	display:none;
}

.quickTitle
	{
	width: 66px;
	height: 25px;
}

.quickMenuBox
	{
	width: 66px;
	height: 200px;
	padding-top: 5px;
	background: url('/Common/images/quick_bodybg.gif');
	top: -2px;
	position: relative;
}

.quickBottom
	{
	width: 66px;
	height: 2px;
	top: -9px;
	position: relative;
}

.quickMenu
	{
	margin: 0px;
	padding: 0px;
	height: 53px;
	width: 50px;
}

.quickMenuTop
	{
	width: 32px;
	height: 17px;
	top: 8px;
	position: relative;
}

.quickLine
	{
	margin: 0;
	padding: 0;
	height: 3px;
	width: 50px;
	top: -1px;
	position: relative;
}

.botLine1
	{
	clear: both;
	width: 1000px;
	height: 38px;
	margin:auto;
}

.botLine2
	{
	border-top : 1px solid #e4e4e4;
	padding : 10px 0px;			
	height : 40px;
	margin:30px auto 0;
	width:1000px;
}

/* Main Board */
.main_board table td.list_txt a {
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	width:335px;
	display:block;
	cursor:pointer;
	color:#444444 !important;
	font-size:12px !important;
}
.main_board table td.list_txt a:hover {
	color:#d74436;
}

.copyright {
	margin-top:20px;
}

/* .imgFooterLeft
{
	float: left;
	height: 34px;
	width: 123px;
	margin: 0px;
}

.imgFooterRight
{
	float: right;
	margin: 0px;
	padding-left: 11px;
	padding-top: 9px;
	height: 34px;
	max-width: 578px;
	left: -241px;
	position: relative;
}
 .MainFooter
{ 
	top: -5px;
	padding-top: 7px;
	padding-bottom: 0px;
	width: 1000px; 
	height: 34px;
	position: relative;
}
*/

#ContentPlaceHolder1_webEditorContents {width:auto !important;}

/* 201508 Koo LNB Bullet */
.subMenuTitleTextBullet {width:16px;height:16px;display:inline-block;vertical-align:middle;}

/* Tab */
.ep-home-tab {	
    display: inline-block !important;
    height: 42px;
    margin-bottom: 30px !important;
    width: 100%;
}
.ep-home-tab td {width:114px;float:left;}

/* Tagfree내 폰트 */  
.contents_padding span{font-family:'Noto Sans KR', "Malgun Gothic" !important;}     

#ContentPlaceHolder1_Solution2 table, #ContentPlaceHolder1_Solution4 table {width:100%;} 

/* Sitemap */
.sitemap-tbl {border-collapse:collapse;}
.sitemap-tbl td {border-bottom:1px dotted #cccccc;padding:20px 0px;vertical-align:top;}
.sitemap-tbl .td-1 {width:105px;text-align:left;}
.sitemap-tbl .td-2 {text-align:left;}
.sitemap-tbl .td-2 div {color:#ffffff !important;}
.sitemap-tbl a.sitemap_font  {width:110px;float:left;padding:0px 10px 10px;}
.sitemap_subtitle {
    font-size: 18px;
    font-weight: 400;
    color: #ad0d00;
    border-bottom: 1px solid #ad0d00;
    padding-bottom: 7px;
    margin-bottom: 7px;
}
.sitemap-tbl2 {
    border-collapse: collapse;
    box-sizing: border-box;
    table-layout: fixed;
    width: 100%;
}
.sitemap-tbl2 .td-1 {padding-bottom:50px;}
.sitemap-tbl2 a.sitemap_font {
    width: 100px;
    /* float: left; */
    padding: 10px 0px;
    vertical-align: middle;
    display: inline-block;
    font-size: 14px;
    color: #333 !important;
}


A:hover .sitemap_font {
	font:bold; text-decoration:none;
}

#valueNum td,
.sk_boardTotalNum,
.sk_pageNavigation
 {font-size:13px;font-family:'Noto Sans KR', malgun gothic;}
.sk_align_right {float:right;}

.contents_padding table td p {margin:0px;}

/* CEO */
.ceo_infoBox {
    text-align:left;
    line-height:24px;
}
.ceo_headerTxt {
    margin: 40px 0px;
    font-size: 22px;
    font-weight: bold;
    color: #ad0d00;
    font-family: 나눔고딕, 'Noto Sans KR', "Malgun Gothic";
    text-align:center;    
}
#ctl00_ContentPlaceHolder1_webEditorContents span,
#ctl00_ContentPlaceHolder1_upPanel span
 {
	font-family:'Noto Sans KR' !important;
	line-height: 24px;
}
.sub_title {font-size:16px;font-weight:bold;}