@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;   
	src: url(../font/NotoSansKR/NotoSansKR-Regular.woff2) format('woff2'), 
         url(../font/NotoSansKR/NotoSansKR-Regular.woff) format('woff'), 
         url(../font/NotoSansKR/NotoSansKR-Regular.otf) format('opentype'); 

  
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
   src: url(../font/NotoSansKR/NotoSansKR-Medium.woff2) format('woff2'), 
         url(../font/NotoSansKR/NotoSansKR-Medium.woff) format('woff'), 
         url(../font/NotoSansKR/NotoSansKR-Medium.otf) format('opentype'); 

  
}


@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
     src: url(../font/NotoSansKR/NotoSansKR-Bold.woff2) format('woff2'), 
         url(../font/NotoSansKR/NotoSansKR-Bold.woff) format('woff'), 
         url(../font/NotoSansKR/NotoSansKR-Bold.otf) format('opentype'); 

  

}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
     src: url(../font/NotoSansKR/NotoSansKR-Black.woff2) format('woff2'), 
         url(../font/NotoSansKR/NotoSansKR-Black.woff) format('woff'), 
         url(../font/NotoSansKR/NotoSansKR-Black.otf) format('opentype'); 

}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
   src: url(../font/NotoSansKR/NotoSansKR-Light.woff2) format('woff2'), 
         url(../font/NotoSansKR/NotoSansKR-Light.woff) format('woff'), 
         url(../font/NotoSansKR/NotoSansKR-Light.otf) format('opentype'); 

}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
   src: url(../font/NotoSansKR/NotoSansKR-Thin.woff2) format('woff2'), 
         url(../font/NotoSansKR/NotoSansKR-Thin.woff) format('woff'), 
         url(../font/NotoSansKR/NotoSansKR-Thin.otf) format('opentype'); 

}

@font-face {
    font-family: 'GmarketSans';
    font-style: normal;
    font-weight: 400;   
	src: url(../font/GmarketSans/GmarketSansBold.woff2) format('woff2'), 
         url(../font/GmarketSans/GmarketSansBold.woff) format('woff'), 
         url(../font/GmarketSans/GmarketSansBold.otf) format('opentype'); 

  
}

body {
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	
}

td,input,select,option {
	font-family: "dotum";
	font-size: 12px;
	color: #585858;
	line-height:140%;
}
textarea {
	border:1px solid #aaaaaa;
	background:#FFFFFF;
	line-height:120%
}
.verdana_white {
	font-family: "dotum";
	font-size: 11px;
	color: #FFFFFF;
	letter-spacing: 0px;
}
a:link {
	color: #585858;
	text-decoration: none;
}
a:visited {
	color: #585858;
	text-decoration: none;
}
a:hover {
	color: #88c504;
	text-decoration: none;
}
a:active {
	color: #585858;
	text-decoration: none;
}
.name1 {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0099FF;
}
.09 {
    font-family: "verdana";
	font-size: 9px;
	color:#757575;
	line-height:100%
}
.09_bold {
    font-family: "verdana";
	font-size: 9px;
	font-weight: bold;
	color:#757575;
	line-height:100%
}
.10_bold {
    font-family: "verdana";
	font-size: 10px;
	font-weight: bold;
	color:#757575;
	line-height:130%
}
.10 {
    font-family: "verdana";
	font-size: 10px;
	color:#757575;
	line-height:130%
}
.11_white {
    font-family: "verdana";
	font-size: 10px;
	color:#ffffff;
	font-weight: bold;
	line-height:120%
}
.11 {
    font-family: "verdana";
	font-size: 11px;
	color:#757575;
	line-height:120%;
}
.12_g {
    font-family: "verdana";
	font-size: 12px;
	color:#757575;
	line-height:120%;
}

.11_g {
    font-family: "µ¸¿òü";
	font-size: 11px;
	color:#585858;
	line-height:180%
}
.12 {
    font-family: "µ¸¿ò";
	font-size: 12px;
	color:#21409A;
	line-height:160%
}
.11_3 {
    font-family: "µ¸¿ò";
	font-size: 11px;
	color:#85562c;
	line-height:180%
}
.11_4 {
    font-family: "µ¸¿ò";
	font-size: 11px;
	color:#0b8bcc;
	line-height:180%
}
.11_5 {
    font-family: "µ¸¿ò";
	font-size: 11px;
	color:#4d651e;
	line-height:180%
}
.14 {
	font-size: 16px;
	font-weight: bold;
	line-height:120%
}
.purple {
	font-size: 12px;
	color:#57416F;
	line-height:160%
}
.red {
	font-size: 12px;
	color:#ff0000;
	line-height:160%;
	font-weight: bold;
}
.ocean {
	font-size: 12px;
	color:#7e5a58;
	line-height:160%;
	font-weight:bold;
}
.oceanred {
	font-size: 12px;
	color:#d74800;
	line-height:120%;
	font-weight:bold;
}
.ocean_b {
	font-size: 16px;
	color:#7e5a58;
	line-height:140%;
	font-weight:bold;
}
.ocean2 {
	font-size: 11px;
	color:#7e5a58;
	line-height:160%;
}
.ocean4 {
	font-size: 12px;
	color:#eb7207;
	line-height:100%;
	font-weight: bold;
}
.ocean5 {
	font-size: 12px;
	font-weight: bold;
	color:#8c672c;
	line-height:100%;
}
.ocean6 {
	font-size: 12px;
	font-weight: bold;
	color:#00a7ec;
	line-height:100%;
}
.ocean3 {
	font-size: 11px;
	font-weight: bold;
	color:#8c672c;
	line-height:160%;
}
.bb {
	font-size: 12px;
	color:#0050a0;
	line-height:160%;
	font-weight: bold;
}
.blue {
	font-family: "µ¸¿ò";
	font-size: 16px;
	color:#004fd1;
	font-weight: bold;
	line-height:120%;
}
.b {
	font-family: "µ¸¿ò";
	font-size: 16px;
	color:#3fcbff;
	font-weight: bold;
	line-height:120%
}
.m {
    font-family: "µ¸¿ò";
	color: #666666;
	line-height:160%;
}

.go {
    font-family: "µ¸¿ò";
	line-height:140%;
	TEXT-ALIGN:justify;
	LETTER-SPACING: -1px;
}
.ok_blue {
	font-size: 12px;
	color:#4173b4;
	line-height:160%;
}
.white {
	font-size: 12px;
	color:#ffffff;
	line-height:160%;
}
.ok_11 {
    font-family: "µ¸¿ò";
	font-size: 11px;
	color:#ffffff;
	line-height:120%
}
.none {
    font-family: "µ¸¿ò";
	color: #666666;
	line-height:160%
}
.td_underline
{
 	border-bottom-width:1pt;
	border-bottom-color:#d8d8d8;
	border-bottom-style:solid;	
}
.td_underline2
{
 	background-image:url("img/gonggi_line.gif");
}
.td_underline3
{
 	background-image:url("img/sub_menu_bg.gif");
}
.text_line
{
 	background-image:url("img/line1.gif");
	background-repeat:repeat-x;
	background-position:center;
}
#maintop{
	background: url(../img/main_top.jpg) no-repeat 0 0;
 	 
}
#comtop{
	background: url(../img/com_top.jpg) no-repeat 0 0;
 	 
}
#protop{
	background: url(../img/pro_top.jpg) no-repeat 0 0;
 	 
}
#porttop{
	background: url(../img/port_top.jpg) no-repeat 0 0;
 	 
}
#qnatop{
	background: url(../img/qna_top.jpg) no-repeat 0 0;
 	 
}


.toparea{
	 
 	padding:0;
	margin:0;
 	position:relative; 
	line-height:1;
	min-height:85px;
}
.toparea:after{
	clear:both;
	display:block;
	position:relative;
	content:'';
	height:0;
	margin:0;
	padding:0;
}
.toparea ul,
.toparea ul li{
	list-style:none;
	padding:0;
	margin:0;
}
.toparea .logoarea{
	float:left;
	width:30%;
	padding:0;
	margin:0;
	
}
.toparea .logoarea a{
	display:block;
	padding:20px 0 0 20px;
}
.toparea .topmenuara{
 	float:left;
	width:70%;
	padding:0;
	margin:0;
}
.toparea .topmenuara a{
	font-family:'Noto Sans KR', sans-serif;
 }

 .toparea .topmenuara .toplink{
	text-align:right;
	padding:0;
	margin:0;
 }
  .toparea .topmenuara .toplink ul li{ 
	display:inline-block;
	padding:0;
	margin:0;
  }
    .toparea .topmenuara .toplink ul li a{ 
		display:block;
		font-size:12px;
		line-height:1;
		padding:2px 10px;
	}
  .toparea .topmenuara .topmenu ul li{ 
	float:left;
	width:25%;
	display:block;
	text-align:center;

  }

    .toparea .topmenuara .topmenu ul li a{ 
		display:block;
		font-size:18px;
		line-height:1;
		padding-top:25px;
		color:#fff;
		
		font-weight:400;
	}
	.toparea .topmenuara .topmenu ul li.third a{ 
		padding-left:15px;
	}

	.toparea .topmenuara .topmenu ul li.fourth a{ 
		padding-left:60px;
		 
	}