@charset "utf-8";
/* ¼Ó¼º */

/*pngÅõ¸í°ªÁÖ´Â ¼Ò½º ÀÚ¹Ù½ºÅ©¸³Æ®µµ °°À̼öÁ¤jsÆú´õ³» layout.jsÆÄÀÏ ÀÚ¹Ù½ºÅ©¸³Æ®È®ÀÎ*/
.png24 {
	tmp:expression(setPng24(this));
	}




body {
	/* background-color:transparent; */
	width:100%;
	}

form {
	margin:0px;
	padding:0px;
	}
img {
	border:0px none;
	}


a:link {color:#333333; text-decoration: none;}
a:visited {color:#333333; text-decoration: none;}
a:active {color: #333333; text-decoration: none;}
a:hover {color: #2d3f71; text-decoration: none;}

a:hover {
    transition: .53s ease-in-out;
    text-decoration: none;
    -moz-transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
	}


/* Àüü ·¹À̾ƿô */
#index {
	width:100%;
	height:100%;
	margin:0px auto;
	padding:0px;
	border:0px;
	text-align:center;
	}

#wrapbg {
	width:100%;
	height:100%;
	margin:0px auto;
	padding:0px;
	border:0px;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	}


#wrap {
	width:100%;
	height:100%;
	margin:0px auto;
	padding:0px;
	border:0px;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	}


/** »ó´Ü **/	
#header {
	width:100%;
	height:180px;
	margin:0px auto;
	padding:0px;
	border:0px;
	clear:both;
	text-align:center;
	background:#fff;
	}


#header .lnb {
	width:1198px;
	height:30px;
	margin:0px auto;
	padding:0px;
	border:0px;
	color:#333;
	clear:both;
	overflow:hidden;
	}
#header .lnb ul {
	width:auto;
	height:auto;
	margin:0px auto;
	padding:0px;
	border:0px;
	text-align:right;
	float:right;
	}
#header .lnb li {
	width:auto;
	height:auto;
	margin:0 10px 0 10px;
	padding:0px;
	border:0px;
	float:left;
	}
#header .lnb a { color:#999; font-weight:200; }
#header .lnb a:link { text-decoration:none; color:#999; }
#header .lnb a:visited { text-decoration:none; color:999; }
#header .lnb a:hover { color:#333; text-decoration:none; }
#header .lnb a:active { color:#999; }

#header .menubar {
	width:1198px;
	height:109px;
	margin:0px auto;
	padding:0px;
	border:0px;
	clear:both;
	}


.menubar #mleft {
	width:30%;
	height:100%;
	margin:0px;
	padding:0px;
	border:0px;
	text-align:left;
	float:left;
	}
.menubar #logo {
	width:40%;
	height:100%;
	margin:0px auto;
	padding:0px;
	border:0px;
	text-align:center;
	float:left;
	}
.menubar #mright {
	width:30%;
	height:100%;
	margin:0px;
	padding:0px;
	border:0px;
	text-align:right;
	float:left;
	}


#header .gnb {
	width:100%;
	height:50px;
	margin:0px;
	padding:0px;
	border:0px;
	text-align:center;
	clear:both;
	background:#000;
	}




/* ¸ÞÀθ޴º */
#gnb { 
	width:1198px;
	height:50px;
	margin:0px auto;
	border:0px;
	position:relative;
	}
#gnb h2 {
	position:absolute;
	font-size:0;
	overflow:hidden
	}
#gnb_1dul {
	width:100%;
	margin:0 auto !important;
	padding:0;
	zoom:1
	}
#gnb_1dul:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:""
	}

.gnb_1dli {
	z-index:10;
	position:relative;
	float:left
	}

#gnb_1dul a { color:#ebebeb; }
#gnb_1dul a:link { color:#ebebeb; }
#gnb_1dul a:visited { color:#ebebeb; }
#gnb_1dul a:hover { color:#fff; }
#gnb_1dul a:active { color:#ebebeb; }

.gnb_1da {
	height:47px;
	display:inline-block;
	padding:3px 20px 0 20px;
	font-size:1.5em;
	font-weight:bold;
	line-height:2.4em;
	background:none;
	text-decoration:none
	}
.gnb_1da:focus, .gnb_1da:hover {
	background:none;
	color:#fff;
	text-decoration:none
	}
.gnb_1dli_air .gnb_1da {
	color:red;
	}
.gnb_1dli_on .gnb_1da {
	color:#fff
	}
.gnb_2dul {
	display:none;
	position:absolute;
	top:50px;
	}

.gnb_2da {
	display:block;
	padding:7px 10px;
	text-align:left;
	text-decoration:none;
	font-weight:bold;
	color:#fff
	}
.gnb_1dli_air .gnb_2da {
	color:#fff
	}

.gnb_1dli_on .gnb_2da {
	background-color:rgba(245,125,32,0.95);
	filter:Alpha(Opacity=95);
	opacity:0.95;
	color:#fff;
	padding:10px 5px;
	font-size:1.2em;
	}
.gnb_2da:focus, .gnb_2da:hover {
	background:#f99f58;
	color:#fff;
	text-decoration:none
	}

.gnb_1dli_over .gnb_2dul {
	display:block;
	left:0;
	}
.gnb_1dli_over2 .gnb_2dul {
	display:block;
	right:0;
	}


#gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:1.3em}
#gnb_empty a {text-decoration:underline}





/* ³»¿ë (ÀüüÀû¿ëºÎºÐ) */

#containerv {
	width:1198px;
	height:auto !important;
	min-height:100%;
	height:100%;
	margin:0px auto;
	padding:0px;
	border:0px solid #fff;
	text-align:center;
	z-index:4;
	}

/** ³»¿ë (¸ÞÀÎÀû¿ëºÎºÐ) **/
#mcontent1 {
	width:100%;
	height:500px;
	margin-bottom:180px;
	clear:both;
	position:relative;
	}
#mcontent1 .mcont1_01 {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	z-index:500;
	}
#mcontent1 .mcont1_02 {
	width:1198px;
	height:290;
	margin:0px;
	padding:0px;
	position:absolute;
	top:400px;
	z-index:999;
	}
#mcontent1 .mcont1_03 {
	width:1198px;
	height:290;
	margin:0px;
	padding:0px;
	position:absolute;
	top:465px;
	z-index:999;
	}

#mcontent2 {
	width:1198px;
	height:577px;
	margin-bottom:47px;
	padding:0px;
	overflow:hidden;
	clear:both;
	}
#mcontent2 .mcont2_01 {
	width:580px;
	height:100%;
	margin:0px;
	padding:0px;
	float:left;
	}
#mcontent2 .mcont2_02 {
	width:579px;
	height:100%;
	margin:0px;
	padding:0px;
	float:right;
	list-style:none;
	}

#mcontent3 {
	width:100%;
	height:346px;
	margin:0px;
	padding:0px;
	overflow:hidden;
	clear:both;
	}
#mcontent3 .mcont3_01 {
	width:580px;
	height:100%;
	margin:0px;
	padding:0px;
	overflow:hidden;
	float:left;
	}
#mcontent3 .mcont3_02 {
	width:579px;
	height:100%;
	margin:0px;
	padding:0px;
	overflow:hidden;
	float:right;
	}

#mcontent4 {
	width:940px;
	height:287px;
	margin:auto 0 39px 30px;
	padding:0px;
	overflow:hidden;
	clear:both;
	}

#subcontav {
	width:100%;
	height:250px;
	margin-bottom:7px;
	clear:both;
	}

#containerv .snb {
	width:22%;
	height:100%;
	margin-top:0px;
	padding-top:10px;
	text-align:center;
	overflow:hidden;
	float:left;
	}
.snb #snbtitle {
	width:100%;
	height:116px;
	text-align:center;
	clear:both;
	}
.snb #snbmn {
	width:100%;
	height:auto;
	text-align:left;
	clear:both;
	}
.snb #snbmn h3 {
	width:100%;
	height:116px;
	margin-bottom:0px;
	text-align:left;
	clear:both;
	}
.snb #snbmn ul {
	width:100%;
	height:auto;
	list-style:none;
	text-align:left;
	clear:both;
	}
.snb #snbmn li {
	width:180px;
	height:27px;
	padding:10px 0 0 10px;
	background:url(/page/snb/snbbg.jpg) no-repeat;
	background-position:0% 100%;
	font-family:Helvetica, sans-serif;
	font-size:9pt;
	letter-spacing:-0.4pt;
	line-height:1;
	color:#777;
	text-align:left;
	clear:both;
	}

.snb #snbmn .snbmn_li1 {
	width:180px;
	height:27px;
	padding:10px 0 0 10px;
	background:url(/page/snb/snbbg_r.jpg) no-repeat;
	background-position:0% 100%;
	font-family:Helvetica, sans-serif;
	font-size:9pt;
	letter-spacing:-0.9pt;
	line-height:1;
	color:#fff;
	text-align:left;
	clear:both;
	}




#containerv .colgroup {
	width:75%;
	height:100%;
	margin-top:10px;
	margin-right:0px;
	padding-bottom:20px;
	text-align:left;
	float:right;
	}

.colgroup #cont_ttl {
	width:100%;
	height:30px;
	margin:0px;
	text-align:left;
	clear:both;
	}
#cont_ttl .cont_ttl01 {
	width:auto;
	height:100%;
	margin-top:0px;
	padding-left:0px;
	color:#424242;
	font-size:15pt;
	font-weight:bold;
	letter-spacing:-0.5pt;
	overflow:hidden;
	float:left;
	}

#cont_ttl .cont_navi {
	width:auto;
	height:14px;
	margin-top:10px;
	padding-right:10px;
	font-size:8pt;
	font-weight:100;
	letter-spacing:0pt;
	line-height:1;
	overflow:hidden;
	float:right;
	}


.colgroup #content {
	width:100%;
	height:auto;
	margin-bottom:15px;
	text-align:left;
	clear:both;
	}



#content .cont_box {
	width:100%;
	height:auto;
	margin-top:9px;
	text-align:left;
	clear:both;
	}





/* ÇϴܺκР(ÀüüÀû¿ëºÎºÐ) width°ªÀ» auto·Î ¼³Á¤ÇÏ¿© ³»¿ë¿¡ ¸ÂÃç Æø¿¡ ÀÚµ¿À¸·Î º¯ÇüµÇ°Ô ¼³Á¤ */
#clear {
	margin:0 !important;
	padding:0 !important;
	width:100%;
	height:0px;
	font-size:0 !important;
	line-height:0 !important;
	display:block;
	float:none;
	clear:both;
	overflow:hidden;
	}
#footer {
	width:100%;
	height:200px;
	margin-top:20px;
	text-align:center;
	background:#262626;
	clear:both;
	}




/******************* ÇÏ´Ü_°í°´¼¾ÅÍ (»ó´ã½Ã°£¾È³»/ºü¸¥¸Þ´º/°øÁö»çÇ×) ************************/

#footers {
	width:1198px;
	height:auto;
	margin:0px auto;
	padding-top:13px;
	border:0px solid #999;
	text-align:center;
	clear:both;
	}


#ftcscenter {
	width:934px;
	height:271px;
	margin:0px auto;
	padding:39px 0 0 66px;
	border:0px;
	}
#ftcscenter .csbox1 {
	width:255px;
	height:201px;
	margin-right:69px;
	float:left;
	}
.csbox1 #csbox1_a {
	width:100%;
	height:26px;
	margin-bottom:18px;
	text-align:left;
	clear:both;
	}
.csbox1 #csbox1_b {
	width:100%;
	height:112px;
	margin-bottom:23px;
	text-align:left;
	overflow:hidden;
	clear:both;
	}
.csbox1 #csbox1_b a {
	color:#fff;
	}

.csbox1 #csbox1_c {
	width:100%;
	height:20px;
	text-align:left;
	clear:both;
	}


#ftcscenter .csbox2 {
	width:205px;
	height:201px;
	margin-right:80px;
	float:left;
	}
.csbox2 #csbox2_a {
	width:100%;
	height:20px;
	margin-bottom:32px;
	text-align:left;
	clear:both;
	}
.csbox2 #csbox2_b {
	width:100%;
	height:47px;
	margin-bottom:17px;
	text-align:left;
	clear:both;
	}
.csbox2 #csbox2_c {
	width:100%;
	height:44px;
	margin-bottom:11px;
	padding:0px;
	text-align:left;
	clear:both;
	}
.csbox2 #csbox2_c ul {
	width:100%;
	margin:0px;
	padding:0px;
	text-align:left;
	clear:both;
	}
.csbox2 #csbox2_c li {
	height:13px;
	margin:0px;
	padding:0px;
	color:#fff;
	list-style-type:none;
	clear:both;
	}
.csbox2 #csbox2_c li a {
	color:#fff;
	}

.csbox2 #csbox2_d {
	width:100%;
	height:30px;
	text-align:left;
	clear:both;
	}
.csbox2 #csbox2_d ul {
	width:100%;
	margin:0px;
	padding:0px;
	text-align:left;
	clear:both;
	}
.csbox2 #csbox2_d li {
	margin-right:2px;
	list-style-type:none;
	float:left;
	}


#ftcscenter .csbox3 {
	width:262px;
	height:201px;
	margin:0px;
	float:left;
	}
.csbox3 #csbox3_a {
	width:100%;
	height:24px;
	margin-bottom:20px;
	text-align:left;
	clear:both;
	}
.csbox3 #csbox3_b {
	width:100%;
	height:127px;
	margin:0px;
	padding:0px;
	text-align:left;
	overflow:hidden;
	line-height:1.1em;
	color:#fff;
	clear:both;
	}
.csbox3 #csbox3_c {
	width:100%;
	height:20px;
	margin:0px;
	text-align:left;
	color:#fff;
	clear:both;
	}


#footers .ftlogo {
	width:201px;
	height:106px;
	margin:0px;
	float:left;
	}
#footers .copyright {
	width:750px;
	margin:0px;
	padding:0px;
	color:#989898;
	float:left;
	}
#footers .copyright  ul {
	padding:0 0 5px 0;
	list-style:none;
	clear:both;
	}
#footers .copyright li {
	height:auto;
	float:left;
	padding:0px 12px 0px 9px;
	color:#989898;
	list-style:none;
	}
#footers .copyright font {
	color:#989898;
	}
#footers .copyright p {
	color:#989898;
	}
#footers .copyright .end {
	background:url(none);
	}
#footers .copyright .text {
	padding:11px 0 0 9px;
	clear:both;
	background:url(none);
	}

#footers .fbnr {
	width:170px;
	margin:0px;
	padding:17px 0 0 0;
	text-align:right;
	float:right;
	overflow:hidden;
	}

#footers .fbnr  ul {
	float:left;
	padding:5px 0 0 0;
	list-style:none;
	}
#footers .fbnr li {
	width:24px;
	height:24px;
	float:left;
	padding:0 5px;
	color:#989898;
	list-style:none;
	}




/* °øÅëºÎºÐ */
.op_a01 {
	width:auto;
	clear:both;
	}
.op_a02 {
	width:auto;
	float:left;
	}
.op_a03 {
	width:auto;
	float:right;
	}
.op_b01 {
	width:100%;
	clear:both;
	}
.op_b02 {
	width:100%;
	float:left;
	}
.op_b03 {
	width:100%;
	float:right;
	}
.txt_l {
	text-align:left;
	}
.txt_r {
	text-align:right;
	}



#hidden{display:block; float:none; overflow:hidden; margin:0 !important; padding:0 !important;}
.hidden{display:block; float:none; overflow:hidden; margin:0 !important; padding:0 !important;}