@charset "euc-kr";
@import "button.css";
@import "noscript.css";
/* -------------------------------------------------------------------------------------------
 . Basic Style Sheet (for version ie7 browsers)
 . Title			: ÇѸ²´ëÇб³¼º½Éº´¿ø Á¦7ȸ Ä÷³ºñ¾Æ ½ÉÆ÷Áö¾ö
 . Author			: MostVisual by WebDesigner Shin Ae, Park
 . LastUpDate		: 2009/03/20
 . CSS Display		: position, float, clear, overflow, visibility, display, border, padding, margin, width, height,
					font, text-indent, line-hight, letter-spacing, vertical-align, text-align, color, background
---------------------------------------------------------------------------------------------- */

/* Common 
------------------------------------------------------- */
ul, li, dl, dd, dt, ol, table, th, tr, td, div, form, h1, h2, h3, h4, p, html, body { padding:0px; margin:0px; }
ul, dl, ol { list-style:none; }

input, button, select, textarea, checkbox { padding:0px; margin:0; }
img, fieldset, table  { border:none; }
* html { height: 1px; }

body { height:auto; font:normal 12px Geneva, Arial, Helvetica, sans-serif ; margin:0 auto; color:#666; background:#fff; }
/*body { height:auto; font:normal 12px dotum, Arial, verdana, µ¸¿ò ; margin:0 auto; color:#666; background:#fff; }*/
a:link, a:visited { text-decoration:none; color:#3f4062; }
a:hover, a:active { text-decoration:underline; color:#3f4062; }
.clear1px {	clear:both; float:left; overflow:hidden; height:1px;  }
.red { color:#FF0000; }
.left { float:left; }
.right { float:right; }

/* ÁÖ¿ä ¿µ¿ªÀ» Æ÷°ýÇÏ´Â Á¦¸ñ, µðÀÚÀÎ»ó º¸ÀÌÁö ¾Ê´Â ½ºÅµ¸Þ´º¿Í Áß¿ä Á¦¸ñó¸® */
h1 { padding:15px 0 30px 0; font-size:17px; color:#8b6935; }  /* ie 6,7¿¡¼± text-indent  ¹ÌÀû¿ë */
h2 { font-size:15px; }
.skip,
.accessibility { position:absolute; overflow:hidden; visibility:hidden; width:0; height:0; font:0/0 Dotum; line-height:0; }

/* Form
-------------------------------------------------------*/
input, select, textarea { font-size:12px; color:#7c7c7c; }
fieldset { border:none; display:block; }
legend { position:absolute; overflow:hidden; visibility:hidden; width:0; height:0; font:0/0 Dotum; line-height:0; }
textarea { padding:3px; }
select { border:1px solid #aaa; }
input { padding:2px 3px 2px; border:1px solid #aaa; }
input[type="checkbox"] { border:1px solid #fff; }
input[type="radio"] { margin-top:2px; border:1px solid #fff; }
input[type="submit"] { border:none; padding:3px 3px 1px; font-weight:bold; letter-spacing:-1; color:#FFF; background-color:#ef7083; }

/* Layout 
-------------------------------------------------------*/
#wrap { position:absolute; width:100%; height:auto; background:url('../img/bg_contents.gif') repeat-x 0 20px; }
.container { position:relative; margin:20px auto 0 auto; width:968px; height:auto; background:url('../img/bg_row_contents.gif') repeat-y 252px top; }

/* NavigationTool
-------------------------------------------------------*/
.gnbgroup .navtool { padding:0 0 32px 31px; width:140px; height:21px; }
.gnbgroup .navtool li { float:left; }
.gnbgroup .navtool li img { padding:5px 10px 5px 0; }
.gnbgroup .navtool li .offimg { display:inline; }
.gnbgroup .navtool li .onimg { display:none; }
.gnbgroup .navtool li a:hover { position:relative; }
.gnbgroup .navtool li a:hover .offimg { display:none; }
.gnbgroup .navtool li a:hover .onimg { display:inline; }

/* Global Navigation Bar
-------------------------------------------------------*/
.gnbgroup { float:left; width:171px; padding:40px 0 20px 80px; }

.gnbgroup .gnb { width:171px; height:auto; text-align:right; }
.gnbgroup .gnb li { float:left; height:41px; padding-bottom:1px; }
.gnbgroup .gnb li .offimg { display:inline; }
.gnbgroup .gnb li .onimg { display:none; }
.gnbgroup .gnb li a:hover { position:relative; }
.gnbgroup .gnb li a:hover .offimg { display:none; }
.gnbgroup .gnb li a:hover .onimg { display:inline; }

/* Banner
-------------------------------------------------------*/
.banner { float:left; width:171px; }
.banner li a img { margin:0; padding:1px 0; }


/* Index
-------------------------------------------------------*/
#index { position:absolute; width:100%; height:auto; background:url('../img/bg.gif') repeat-x 0 60px; }
.main_container { position:relative; margin:60px auto 0 auto; width:968x; height:auto; }
.main_container .main { padding:0 88px; margin:0 auto; width:792px; height:588px; background:url('../img/img_main.gif') no-repeat 88px top; }
.main_container .main .gnbgroup { float:left; width:195px; height:568px; padding:20px 41px 0 63px; }

.main .navtool { padding:0 0 32px 31px; width:140px; height:21px; }
.main .navtool li { float:left; }
.main .navtool li img { padding:5px 10px 5px 0; }
.main .navtool li .offimg { display:inline; }
.main .navtool li .onimg { display:none; }
.main .navtool li a:hover { position:relative; }
.main .navtool li a:hover .offimg { display:none; }
.main .navtool li a:hover .onimg { display:inline; }

.main .gnbgroup .gnb { width:195px; height:auto; padding-top:10px; text-align:right; }
.main .gnbgroup .gnb li { float:left; height:41px; padding-bottom:1px; }
.main .gnbgroup .gnb li .offimg { display:inline; }
.main .gnbgroup .gnb li .onimg { display:none; }
.main .gnbgroup .gnb li a:hover { position:relative; }
.main .gnbgroup .gnb li a:hover .offimg { display:none; }
.main .gnbgroup .gnb li a:hover .onimg { display:inline; }

.main .poster { float:left; margin-top:13px; width:476px; height:575px; background-color:#cdcdcd; }

/* Contents
-------------------------------------------------------*/	
.contentsgroup { float:left; width:968px; background:url('../img/bg_top_contents.gif') no-repeat 252px 85px; }
.contents { float:right; overflow:hidden; padding:0 136px 20px 40px; width:540px; line-height:150%; }
.contents ul li { padding-left:12px; background:url('../img/blt.gif') no-repeat 0 6px; }
.slogan { float:right; width:716px; height:85px; text-align:right; background:url('../img/bg_slogan.gif') no-repeat left top; }
.slogan img { padding-right:136px; }

/* Footer
-------------------------------------------------------*/
.footer { clear:both; position:relative; margin-left:auto; margin-right:auto; width:968px; height:120px; }                            

/* ================================= Çà»ç°³¿ä =========================================
-------------------------------------------------------------------------------------*/
.contents .m01 li { margin-bottom:20px; }
.contents .m01 .contact li { margin:0; padding:0 0 2px 0; background-image:none; }
.contents li strong { color:#6699CC; }

/* ================================== Àλ縻 ==========================================
-------------------------------------------------------------------------------------*/
.contents span.photo { float:left; padding:0 20px 11px 0; width:150px; height:187px; }

/* ================================= ÇÁ·Î±×·¥ =========================================
-------------------------------------------------------------------------------------*/
.table_m03 { width:540px; border-bottom:1px solid #d5d5d5; }
.table_m03 span.blueNor { color:#4472db; }
.table_m03 span.blueStr { color:#4472db; font-weight : bold; }
.table_m03 span.blueIta { font-style : italic; }
.table_m03 span.green { color : #3f5d02; font-weight : bold;}
.table_m03 tr {  background:url('../img/dotline.gif') repeat-x left top; }
.table_m03 tr.backimg_none {  background-image:none; }
.table_m03 th { padding:4px 0 4px 15px; background-color:#f1f1f1; text-align:left; vertical-align:top; }
.table_m03 th.s1 { background-color:#2f3c59; color:#fff; font-weight:bold; }
.table_m03 th.s2 { background-color:#5d6985; color:#fff; font-weight:bold; }
.table_m03 th.s3 { background-color:#3f5d02; color:#fff; font-weight:bold; }
.table_m03 th.s4 { background-color:#99be38; color:#fff; font-weight:bold; }
.table_m03 td { padding:4px 0 4px 15px;  }

/* ============================== ¿¬ÀÚ/ÁÂÀå¼Ò°³ ======================================
-------------------------------------------------------------------------------------*/
h2 span { display:block; width:510px; padding:5px 15px; background-color:#2f3c59; color:#fff; line-height:2em; }
#fontsmall {font-size : 12px;}
.contents .m04 { float:left; width:530px; padding:5px 0 10px 10px; background:#fff url('../img/dotline.gif') repeat-x left bottom; }
.contents .m04 span { float:right; width:420px; padding:5px 0 10px 0; }
.contents .m04 .pht { float:left; padding:1px; margin-right:15px; border:1px solid #999; }

/* ================================== Çà»çÀå ==========================================
-------------------------------------------------------------------------------------*/
.contents .snb { float:right; padding-right:20px; }
.contents .snb li { float:left; padding:0px; background-image:none; }
.contents .snb li img { padding:5px 5px 5px 0; }
.contents .snb li .offimg { display:inline; }
.contents .snb li .onimg { display:none; }
.contents .snb li a:hover { position:relative; }
.contents .snb li a:hover .offimg { display:none; }
.contents .snb li a:hover .onimg { display:inline; }
.contents img { padding:0; margin-bottom:-3px; }

/* ================================= »çÀüµî·Ï =========================================
-------------------------------------------------------------------------------------*/
.inputbox { float:left; width:540px; background-color:#fff; border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; }
.inputbox .form { width:540px; }
.inputbox .form .memberdt { float:left; padding:6px 10px 0 20px; width: 98px; height: 24px;  color:#e33a55; background-color: #f7f7f7; border-bottom: 1px solid #ededed; }
.inputbox .form .memberdt img { vertical-align:top; }
.inputbox .form .memberdd { float:left; padding:4px 0 0 20px; width: 380px; height: 26px; background-color: #fff; border-bottom: 1px solid #ededed; }         /* BUG : °øÅë.³ÐÀ̸¦ ÁÖÁö ¾ÊÀ¸¸é ±úÁü */
.inputbox .form .memberdt_2line { float:left; padding:6px 10px 0 20px; width: 98px; height: 40px;  color:#e33a55; background-color: #f7f7f7; border-bottom: 1px solid #ededed;  }
.inputbox .form .memberdd_2line { float:left; padding:4px 0 0 20px; width: 380px; height: 42px; line-height:125%; background-color: #fff; border-bottom: 1px solid #ededed; }    /* BUG : °øÅë.³ÐÀ̸¦ ÁÖÁö ¾ÊÀ¸¸é ±úÁü */
.inputbox .form .memberdt_2_line { float:left; padding:6px 10px 0 20px; width: 98px; height: 54px;  color:#e33a55; background-color: #f7f7f7; border-bottom: 1px solid #ededed;  }
.inputbox .form .memberdd_2_line { float:left; padding:4px 0 0 20px; width: 380px; height: 56px; line-height:125%; background-color: #fff; border-bottom: 1px solid #ededed; }    /* BUG : °øÅë.³ÐÀ̸¦ ÁÖÁö ¾ÊÀ¸¸é ±úÁü */
.inputbox .form .memberdd_2_line input { margin-bottom:2px; }
.inputbox .form .memberdt_3line { float:left; padding:6px 10px 0 20px; width: 98px; height: 71px;  color:#e33a55; background-color: #f7f7f7; border-bottom: 1px solid #ededed;  }
.inputbox .form .memberdd_3line { float:left; padding:4px 0 0 20px; width: 380px; height: 73px; line-height:125%; background-color: #fff; border-bottom: 1px solid #ededed; }    /* BUG : °øÅë.³ÐÀ̸¦ ÁÖÁö ¾ÊÀ¸¸é ±úÁü */
.inputbox .form .memberdd_3line input { margin-bottom:1px; }

.box { clear:both; width:520px; border:10px solid #f0f0f0; }
.inbox { padding:40px 15px 30px 15px; width:488px; border:1px solid #a4a4a4; }