@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* CSS Document */
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}
img {border:0px;}
*{font-family: 'Pretendard' !important;}
body {background-color:#FFFFFF; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px;}
body, td, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, textarea{font-family:Nanum Gothic, sans-serif; font-size:10pt; color:#5c5c5c; }

/* BG�� ���� ���� ����� */
.mainbg {
        background-position: center top;
	background-image: url( ../images/mainbg.jpg);
	background-repeat: no-repeat;
        POSITION: absolute
}

.mimg{background:url( ../images/mimg.jpg) center top no-repeat;
width : 100%;
height : 526px;

}

.subbg01 {
        background-position: center top;
	background-image: url( ../images/subbg01.jpg);
	background-repeat: no-repeat;
        POSITION: absolute
}
.subbg02 {
        background-position: center top;
	background-image: url( ../images/subbg01.jpg);
	background-repeat: no-repeat;
        POSITION: absolute
}
.subbg03 {
        background-position: center top;
	background-image: url( ../images/subbg01.jpg);
	background-repeat: no-repeat;
        POSITION: absolute
}
.subbg04 {
        background-position: center top;
	background-image: url( ../images/subbg01.jpg);
	background-repeat: no-repeat;
        POSITION: absolute
}


.bigtitle{font-size:18pt; font-weight:bold; color:#333; letter-spacing:-1px;}
.stitle{font-size:9pt; font-weight:bold; color:#888; letter-spacing:-1px; padding:2px 0px 15px 0px;}

#menu a{font-size:10pt; background:url( ../gnuboard4/images/lbg-of.jpg) left top no-repeat; color:#666; padding:0px 0px 0px 12px; text-decoration:none; width:185px; line-height:25px; float:left;}
#menu a:hover{background:url( ../images/lbg.jpg) left top no-repeat; color:#fff; padding:0px 0px 0px 30px; font-weight:bold;}

.title{font-size:18pt; font-weight:bold; color:#333; letter-spacing:-1px;}
.titlenv{font-size:9pt; color:#777;}
.subtitle{font-size:10pt; color:#666; padding:10px 0px 10px 0px; border-bottom:1px solid #dedede; letter-spacing:-1px;}
.title_txt {color:#858585; font-size:12px;}


/* ������ȭ��ȣ */
.number { font-size:29px; font-weight:bold; font-family:Dotum; color:#faf200; text-align:left top; letter-spacing:-1px; padding-top:41px; }
/* �����ֱٰԽù� */
.notice {
	padding-top:41px;
}
/* ���ΰԽù� */
.maintext {
	font-family:"����", Dotum;
	color:#ffffff;
	font-size:11px;
	padding-top:41px;
}
/* �����bg */
.mainbnbg {
        background-position: center top;
	background-image: url( ../images/mainbannerbg.jpg);
	background-repeat: no-repeat;
}
/* ���ϴܶ��� */
.topline {
	background-color:#95c615;
	height:6px;
}
/* ���� */
.copy {
	background-color:#363636;
	border-top-color:#434343;
	border-top-style:solid;
	height:60px;
}
.copyaddress {
	font-family:"����", Dotum;
	color:#a1a1a1;
	font-size:11px;
}
.line {
	background-color:#bbbbba;
	height:1px;
}

/* ���� */
.line01 {
	background-color:#dddddd;
	height:1px;
}
.titlenavi {
	font-family:"����", Dotum;
	color:#a2a2a2;
	font-size:11px;
	letter-spacing:-1px;
}


#topmenu a {text-decoration:none; color:#777777; font-size:12pt; font-weight:bold; padding:0px 0px 0px 40px;}
#topmenu a:hover {color:#0c0c0c;}

#topsm a {text-decoration:none; color:#757575; font-size:12px; padding-left:10px; line-height:28px;}
#topsm a:hover {color:#82ac14;}

.topsm01 {margin-left:230px;}
.topsm02 {margin-left:430px;}
.topsm03 {margin-left:540px;}
.topsm04 {margin-left:620px;}




.mbn_tb td {font-size:12px; color:#5c5c5c; line-height:17px;}
.mbn_tb td.td01 {width:234px; font-size:15px; font-weight:bold; color:yellow; padding-bottom:10px;}
.mbn_tb td.td01 span {padding-right:10px;}
.mbn_tb td.td02{color:white;}

.mbn_tb td.td02_4 {background:url(../images/mbn04.jpg) center top no-repeat; color: #fff; line-height: 180%;}
.phone{font-size:25px;  font-weight:bold; color : yellow;}

.mbn_tb td.td01_2 {width:234px; font-size:15px; font-weight:bold; color:white; padding-bottom:10px;}