@charset "utf-8";
@import url('bbs.css');

@font-face {   
	font-family: 'NanumGothic';

    src: url('../font/나눔고딕.eot')
	url('../font/나눔고딕.ttf') format('truetype');
	
	font-family: 'malgun';

    src: url('../font/malgun.eot')
	url('../font/malgun.ttf') format('truetype');
	
	font-family: 'arialbd';

    src: url('../font/arialbd.eot')
	url('../font/arialbd.ttf') format('truetype');
	
}
.NanumGothic {font-family:NanumGothic, 나눔고딕, sans-serif;}
.malgun {font-family:Malgun Gothic, 맑은고딕, sans-serif;}
.fonts {font-family:dotum,arial}

/* 고딕 크롬 */
@font-face {
     font-family: 'NanumGothic';

    font-style: normal;
    font-weight: normal;
    src: local('NanumGothic'),  local('나눔고딕'),   url('../font/NanumGothic.woff') format('woff');   
   

     font-family: 'malgun';

    font-style: normal;
    font-weight: normal;
    src: local('malgun'),  local('맑은'),   url('../font/malgun.woff') format('woff');   

}



html{
	overflow-y:scroll;
	overflow-x:hidden;
} 

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:middle;
}

span, p, b {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:top;
}

-webkit-text-size-adjust:none;
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
ul {
    list-style:none;
}
nav ul {
    list-style:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:top;
}


table {
    border-collapse:collapse;
    border-spacing:0;
}

.btno        {border-top:none !important}
.bbno        {border-bottom:none !important}
.brno        {border-right:none !important}

input, select,img, div, a, label{
    vertical-align:middle;
}


img     {border:0px}
caption, .hide {display:none}

.skip   {
	position:absolute;
	top:-300px;
	left:-300px;
}
ul.noline li {font:0/0 arial}
ul.ufl li    {float:left}
ul.ucb li    {clear:both;}
.afl *       {float:left}


/*   */
.al        {text-align:left !important}
.ac        {text-align:center !important}
.ar        {text-align:right !important}
.vt        {vertical-align:top !important}
.vb        {vertical-align:bottom !important}

.fl        {float:left}
.fr        {float:right}
.fc        {float:center}
.cl        {clear:left}
.cr        {clear:right}
.cb        {clear:both}
.b         {font-weight:bold;}


.t02     {padding-top:2px !important}
.t03     {padding-top:3px !important}
.t04     {padding-top:4px !important}
.t05     {padding-top:5px !important}
.t08     {padding-top:8px !important}
.t10     {padding-top:10px !important}
.t15     {padding-top:15px !important}
.t18     {padding-top:18px !important}
.t19     {padding-top:19px !important}
.t20     {padding-top:20px !important}
.t22     {padding-top:22px !important}
.t24     {padding-top:24px !important}
.t25     {padding-top:25px !important}
.t30     {padding-top:30px !important}
.t35     {padding-top:35px !important}
.t38     {padding-top:38px !important}
.t40     {padding-top:40px !important}
.t45     {padding-top:45px !important}
.t80     {padding-top:80px !important}
.t50     {padding-top:50px !important}
.t60     {padding-top:60px !important}
.t90     {padding-top:90px !important}
.t100    {padding-top:100px !important}
.l01     {padding-left:1px !important}
.l02     {padding-left:2px !important}
.l04     {padding-left:4px !important}
.l05     {padding-left:5px !important}
.l06     {padding-left:6px !important}
.l07     {padding-left:7px !important}
.l10     {padding-left:10px !important}
.l12     {padding-left:12px !important}
.l13     {padding-left:13px !important}
.l14     {padding-left:14px !important}
.l15     {padding-left:15px !important}
.l16     {padding-left:16px !important}
.l18     {padding-left:18px !important}
.l20     {padding-left:20px !important}
.l22     {padding-left:22px !important}
.l24     {padding-left:24px !important}
.l25     {padding-left:25px !important}
.l30     {padding-left:30px !important}
.l40     {padding-left:40px !important}
.l50     {padding-left:50px !important}
.l60     {padding-left:60px !important}
.r10     {padding-right:10px !important}
.r20     {padding-right:20px !important}
.b05     {padding-bottom:5px !important}
.b10     {padding-bottom:10px !important}
.b15     {padding-bottom:15px !important}
.b18     {padding-bottom:18px !important}
.b20     {padding-bottom:20px !important}
.b25     {padding-bottom:25px !important}
.b30     {padding-bottom:30px !important}
.b35     {padding-bottom:35px !important}
.b40     {padding-bottom:40px !important}
.b50     {padding-bottom:50px !important}
.b100     {padding-bottom:100px !important}
.mt05    {margin-top:5px !important}
.mt20    {margin-top:20px !important}
.mt50    {margin-top:50px !important}
.mt60    {margin-top:60px !important}
.ml30    {margin-left:30px !important}
.ml20    {margin-left:20px !important}
.ml09    {margin-left:9px !important}
.lml02{margin-left:2px !important;}
.lml01{margin-left:1px !important;}
.tmp02{margin-top:2px !important;}

/*-------------------------layout-----------------------------------*/
.gnb{
	position:absolute;
	left:821px;
}
header{
	width:100%;
	margin:0 auto;
	z-index:1000;
	background:url(../img/top/bg01.jpg) center no-repeat;
}
#header{
	width:1008px;
	height:115px;
	position:relative;
	margin:0 auto;
}

/*  탑메뉴 영역  */
.top_menu {
	width:1008px;
	margin-left:318px;
	
}
.topNav {
	width:2000px;
	position:absolute;
	z-index:500;
	top:34px;
	left:50%;
	margin-left:-710px;
}
.navIndex {
	height:47px;
	position:absolute;
	margin-left:142px;
}
.navSub01 {
	width: 1008px;
	height:400px;
	display:none;
	background:url('../img/top/bg02.jpg') no-repeat center bottom;
	top:81px;
	position:absolute;
	z-index:10;
	left:50%;
	margin-left:-794px;
-webkit-box-shadow: 0px 2px 8px 0px rgba(219,219,219,1);

-moz-box-shadow: 0px 2px 8px 0px rgba(219,219,219,1);
	box-shadow: 0px 2px 8px 0px rgba(219,219,219,1);
}
.over_cont { padding:35px 0 0 15px;}



.topme01 {
	padding-right:25px;
	line-height:80px;
	font-family:'NanumGothic', 나눔고딕, sans-serif; font-size:16px; color:#5e5e5e; text-decoration:none;
}
a.topme01:hover {
	padding-right:25px;
	line-height:80px;
	font-family:'NanumGothic', 나눔고딕, sans-serif; font-size:16px; color:#2e65eb; font-weight:bold; text-decoration:none;
}
.topme02 {
	padding-right:15px;
	line-height:10px;
	font-family:'NanumGothic', 나눔고딕, sans-serif; font-size:16px; color:#5e5e5e; text-decoration:none;
}
a.topme02:hover {
	padding-right:15px;
	line-height:10px;
	font-family:'NanumGothic', 나눔고딕, sans-serif; font-size:16px; color:#2e65eb; font-weight:bold; text-decoration:none;
}





#mainfla{
	position:relative;
	min-width:1920px; 
	min-height:460px; 
	left:50%; 
	margin-left:-960px;
	z-index:1;
}
section{
	position:relative;
	margin:0 auto;
	width:1008px;
}



footer{
	clear:both;
	width:100%;
	background-color:#f2f2f2;
}
#footerin{
	padding-top:25px;
	width:1008px;
	height:120px;
	margin:0 auto;
}





/*-------------------------내용-----------------------------------*/
.left00{
	width:200px;
	height:95px;
	background-color:#b5d678;
	padding-top:30px;
	padding-left:15px;
	font-family:'NanumGothic', 나눔고딕, sans-serif;
	font-size:20px;
	line-height:22px;
	color:#ffffff;
	font-weight:bold;
}

.left01 a { display:block;}
.left11 {
	width:200px;
	height:27px;
	background:url('../img/left/bg01.jpg') 0 0 no-repeat;
	font-family:'NanumGothic', 나눔고딕, sans-serif; font-size:14px; color:#5e5e5e; text-decoration:none;
	padding:14px 0 0 15px;
}
a.left11:hover {
	width:200px;
	height:27px;
	background:url('../img/left/bg02.jpg') 0 0 no-repeat;
	font-family:'NanumGothic', 나눔고딕, sans-serif; font-size:14px; color:#a9c37a; text-decoration:none; font-weight:bold;
	padding:14px 0 0 15px;
}
.left11on {
	width:200px;
	height:27px;
	background:url('../img/left/bg02.jpg') 0 0 no-repeat;
	font-family:'NanumGothic', 나눔고딕, sans-serif; font-size:14px; color:#a9c37a; text-decoration:none; font-weight:bold;
	padding:14px 0 0 15px;
}

.left02 a { display:block;}
.left12 {
	width:200px;
	height:27px;
	background-color:#f7f7f7;
	border-top:1px solid #d7d7d7;
	border-bottom:1px solid #d7d7d7;
	font-family:'NanumGothic', 나눔고딕, sans-serif; font-size:14px; color:#7c7c7c; text-decoration:none; font-weight:bold;
	padding:14px 0 0 15px;
}
a.left12:hover {
	width:200px;
	height:27px;
	background-color:#f7f7f7;
	border-top:1px solid #d7d7d7;
	border-bottom:1px solid #d7d7d7;
	font-family:'NanumGothic', 나눔고딕, sans-serif; font-size:14px; color:#7c7c7c; text-decoration:none; font-weight:bold;
	padding:14px 0 0 15px;
}
.left12on {
	width:200px;
	height:27px;
	background-color:#f7f7f7;
	border-top:1px solid #d7d7d7;
	border-bottom:1px solid #d7d7d7;
	font-family:'NanumGothic', 나눔고딕, sans-serif; font-size:14px; color:#7c7c7c; text-decoration:none; font-weight:bold;
	padding:14px 0 0 15px;
}

.left13 {
	width:200px;
	background-color:#ffffff;
	font-family:'NanumGothic', 나눔고딕, sans-serif; font-size:12px; color:#7c7c7c; text-decoration:none;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
}
a.left13:hover {
	width:200px;
	background-color:#ffffff;
	font-family:'NanumGothic', 나눔고딕, sans-serif; font-size:12px; color:#a9c37a; text-decoration:none; font-weight:bold;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
}
.left13on {
	width:200px;
	background-color:#ffffff;
	font-family:'NanumGothic', 나눔고딕, sans-serif; font-size:12px; color:#a9c37a; text-decoration:none; font-weight:bold;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
}


.left41 {
	width:200px;
	height:47px;
	background:url('../img/left/bg03.jpg') 0 0 no-repeat;
	font-family:'NanumGothic', 나눔고딕, sans-serif; font-size:14px; color:#5e5e5e; text-decoration:none;
	padding:14px 0 0 15px;
}
a.left41:hover {
	width:200px;
	height:47px;
	background:url('../img/left/bg04.jpg') 0 0 no-repeat;
	font-family:'NanumGothic', 나눔고딕, sans-serif; font-size:14px; color:#a9c37a; text-decoration:none; font-weight:bold;
	padding:14px 0 0 15px;
}
.left41on {
	width:200px;
	height:47px;
	background:url('../img/left/bg04.jpg') 0 0 no-repeat;
	font-family:'NanumGothic', 나눔고딕, sans-serif; font-size:14px; color:#a9c37a; text-decoration:none; font-weight:bold;
	padding:14px 0 0 15px;
}
a.left51:hover {
	width:200px;
	height:47px;
	background:url('../img/left/bg05.jpg') 0 0 no-repeat;
	font-family:'NanumGothic', 나눔고딕, sans-serif; font-size:14px; color:#a9c37a; text-decoration:none; font-weight:bold;
	padding:14px 0 0 15px;
}
.left51on {
	width:200px;
	height:95px;
	background:url('../img/left/bg05.jpg') 0 0 no-repeat;
	font-family:'NanumGothic', 나눔고딕, sans-serif; font-size:14px; color:#a9c37a; text-decoration:none; font-weight:bold;
	padding:14px 0 0 15px;
}





.site_txt01 {
	font-size:22px;
	color:#171717;
	line-height:60px;
	border-bottom:2px solid #008cd6;
	font-family:'NanumGothic', 나눔고딕, sans-serif;

}

.site_txt04 {
	font-size:22px;
	color:#171717;
	line-height:20px;
	border-bottom:2px solid #008cd6;
	font-family:'NanumGothic', 나눔고딕, sans-serif;

}

.site_txt02 {
	font-family:'NanumGothic', 나눔고딕, sans-serif;
	font-size:14px;
	line-height:40px;
	border-bottom:1px solid #e2e5e7;
	background:url(../img/site/bl.jpg) no-repeat 10px 18px; padding-left:20px;
}
.site_txt02 a{ text-decoration:none; color:#6e6e6e}

.site_txt03 {
	font-family:'NanumGothic', 나눔고딕, sans-serif;
	font-size:14px;
	line-height:20px;
	border-bottom:1px solid #e2e5e7;
	background:url(../img/site/bl.jpg) no-repeat 10px 18px; padding-left:20px;
}
.site_txt03 a{ text-decoration:none; color:#6e6e6e}




.subtit01{
	width:766px;
	height:71px;
	padding-top:30px;
	background:url('../img/sub1/bg01.jpg') 0 0 no-repeat;
}
.sub12bg{
	margin-top:45px;
	width:766px;
	height:511px;
	background:url('../img/sub1/bg03.jpg') 0 0 no-repeat;
}
.sub15bg{
	padding:4px 0 0 4px;
	width:171px;
	height:242px;
	background:url('../img/sub1/bg04.jpg') 0 0 no-repeat;
}




/*-------------------------폰트-----------------------------------*/
.bottom01 {font-family:'NanumGothic', 나눔고딕, sans-serif; font-size:12px; color:#5e5e5e; line-height:20px;}
.bottom02 {font-family:'NanumGothic', 나눔고딕, sans-serif; font-size:12px; color:#5e5e5e; line-height:20px; font-weight:bold;}
.bottom02 a {font-family:'NanumGothic', 나눔고딕, sans-serif; font-size:12px; color:#5e5e5e; line-height:20px; font-weight:bold; text-decoration:none;}

.tit01 {font-family:'NanumGothic', 나눔고딕, sans-serif; font-size:26px; color:#333333; font-weight:bold;}
.tit02 {font-family:'NanumGothic', 나눔고딕, sans-serif; font-size:13px; color:#333333; }

.subtit {font-family:'NanumGothic', 나눔고딕, sans-serif; font-size:18px; color:#595959; font-weight:bold; line-height:45px; background:url('../img/sub1/bg02.jpg') 0 0 no-repeat;}
.subfont {font-family:'NanumGothic', 나눔고딕, sans-serif; font-size:15px; color:#7c7c7c; line-height:28px;}
.subfont a {font-family:'NanumGothic', 나눔고딕, sans-serif; font-size:15px; color:#0072bc; line-height:28px; text-decoration:none;}

.font01 {font-family:'NanumGothic', 나눔고딕, sans-serif; font-size:19px; color:#595959; font-weight:bold; line-height:28px;}
.font02 {font-family:'NanumGothic', 나눔고딕, sans-serif; font-size:27px; color:#595959; font-weight:bold; line-height:32px;}

.font04 {font-family:'NanumGothic', 나눔고딕, sans-serif; font-size:20px; color:#0b82d1; font-weight:bold;}
.font05 {font-family:'NanumGothic', 나눔고딕, sans-serif; font-size:14px; color:#010101; font-weight:bold; line-height:22px;}
.font06 {font-family:'NanumGothic', 나눔고딕, sans-serif; font-size:14px; color:#676767; line-height:22px;}


.font07 {font-family:'NanumGothic', 나눔고딕, sans-serif; font-size:15px; color:#7c7c7c; line-height:28px;}
.font07 a {font-family:'NanumGothic', 나눔고딕, sans-serif; font-size:15px; color:#7c7c7c; line-height:28px;  text-decoration:none;}
a.sub31fo:hover {font-family:'NanumGothic', 나눔고딕, sans-serif; font-size:15px; color:#7c7c7c; line-height:28px;  text-decoration:none; font-weight:bold;}




.fontsite {font-family:'NanumGothic', 나눔고딕, sans-serif; font-size:14px; color:#676767; }
.fontsite a {font-family:'NanumGothic', 나눔고딕, sans-serif; font-size:14px; color:#676767; text-decoration:none;}

.fontsite1 {font-family:'NanumGothic', 나눔고딕, sans-serif; font-size:12px; color:#676767; }
.fontsite1 a {font-family:'NanumGothic', 나눔고딕, sans-serif; font-size:12px; color:#676767; text-decoration:none;}


.topsco {font-family:'NanumGothic', 나눔고딕, sans-serif; font-size:14px; color:#999999; }
.topsco a {font-family:'NanumGothic', 나눔고딕, sans-serif; font-size:14px; color:#999999; text-decoration:none; }
.topsco a.topsco01:hover {font-family:'NanumGothic', 나눔고딕, sans-serif; font-size:14px; color:#000000; text-decoration:none; }


.toptit {
	font-family:'NanumGothic', 나눔고딕, sans-serif; 
	font-size:16px; 
	color:#007fa6; 
	font-weight:bold; 
	height:17px;
	width:166px;
	background:url('../img/top/bl.jpg') 0 0 no-repeat;
	padding-left:13px;
}


.page_number {
	/*background:url(../img/cust/containes_line.jpg) left top repeat-x;
	margin-left:20%;	margin-right:20%;*/
	margin-top:40px;
	text-align:center;
}
.page_number a {
	font-family:'NanumGothic', 나눔고딕, sans-serif;
	font-size:13px;
	line-height:25px;
	font-weight:bold;
	color:#949494;
	/*border-top:1px solid #e1e1e1;*/
	border:1px solid #e6e6e6;padding:7px 10px;
	height:37px;
	width:35px;
}
.page_number .on {
	font-family:'NanumGothic', 나눔고딕, sans-serif;
	font-size:13px;
	line-height:25px;
	font-weight:bold;
	color:#ffffff;
	/*border-top:1px solid #000000;*/
	background:#181818;
	border:1px solid #3b322b;padding:7px 10px;
	height:37px;
	width:35px;
	text-decoration:none;
}

.story_bord1 {border:1px solid #d5d5d5; background:#f4f4f4; color:#676767; font-size:13px; font-family:'NanumGothic', 나눔고딕, sans-serif; line-height:30px; padding:5px 10px 5px 20px; width:736px;}
.story_bord1 strong { color:#000000;}

/*20231021*/
.proli > li{margin-top:5px;position:relative;padding-left:13px;}
.proli > li:after{content:"";position:absolute;width:3px;height:3px;left:2px;top:8px;background:#101010;}
.mt30{margin-top:30px;}
.prodbtn{margin-top:35px;text-align:right;}
.prodbtn > a{display:inline-block;width:180px;height:45px;line-height:45px;background:url(../img/sub7/down.png) no-repeat 90% center;background-color:#454545;color:#fff;padding:0 15px;text-align:left;font-size:14px;}
.top_menu > li{position:relative;margin-right:46.5px;}
.tmd02{display:none;position:absolute;background:#fff;padding:0 15px 15px 15px;width:130px;top:78px;z-index:10;border:1px solid #dfdfdf;border-top:none;}
.tmd02 > li{margin-top:5px;text-align:center;}
.tmd02 a{text-decoration:none;font-size:15px;color:#454545;}
.tmd02 a:hover{font-weight:bold;color:#2e65ee;}
.mdt1{margin-left:-40px;}
.mdt2{margin-left:-35px;}
.mdt3{margin-left:-60px;}
.mdt4{margin-left:-40px;}
.mdt5{margin-left:-60px;}
.top_menu > li:hover ul.tmd02{display:block;}
.top_menu > li:hover a.topme01 {
	padding-right:25px;
	line-height:80px;
	font-family:'NanumGothic', 나눔고딕, sans-serif; font-size:16px; color:#2e65eb; font-weight:bold; text-decoration:none;
}
.navSub01 {
	height:390px;
}