/* * { margin: 0; padding: 0; }*/ form { margin:0px; padding:0px; } img {border:0px;} img_link {padding:0px 4px; } hr {margin:0px 0px 0px 0px; } td {font-size:11px; font-family:verdana, 굴림; line-height:130%} body { background:url(../images/common/skin1_bg_left.gif) no-repeat left top fixed; line-height:normal; color:#000000; font-family:Arial, Helvetica, sans-serif; margin:0px 0px 0px 14px; font-size:11px; overflow-x:hidden; } html, body { height: 100%; /* Required */ } div { font-family:verdana; font-size:10px; color:#000000; margin:0px; } A:link, A:visited, A:active { color:#000000; TEXT-DECORATION: none; letter-spacing:0px; } A:hover { COLOR: #2292C3; TEXT-DECORATION: none; letter-spacing:0px; } /* =========================================== 헤더영역 =========================================== */ div#header_bg { height:158px; background-color:#0E1C3A; z-index:1; position:absolute; width: 100%; } div#header { width:950px; float:left; background-color:#0E1C3A; z-index:3;} /* Utill Menu */ div#utill { margin-top:20px; width:470px; z-index:4; position:absolute; left: 541px; top: 1px; } #utill ul {margin:0px; padding:0px;} #utill ul li {list-style:none; font-size:9px; color:#ffffff; font-weight:bold; padding:2px 9px; margin-left:1px; background-color:#727272; border-left:1px solid #cbcbcb; border-top:1px solid #cbcbcb; border-right:1px solid #454545; float:left; text-align:left; } #utill ul li.language { background-color:#7398af; border-top:1px solid #b4d1e2; border-left:1px solid #b4d1e2; border-right:1px solid #466f89;} #utill li a:link, #utill li a:visited, #utill li a:active { COLOR: #ffffff; font-size:9px; font-weight:bold; } #utill li a:hover { COLOR: #FFEA00; font-size:9px; font-weight:bold; } /* memberjoin */ div#memberjoin { margin-top:45px; width:470px; z-index:4; position:absolute; left: 478px; top: 1px; text-align:right } #memberjoin ul {margin:0px; padding:0px; background-color:#2B2B2B;} #memberjoin ul li {list-style:none; font-size:9px; color:#ffffff; background-color:#727272; float:right;height:16px } #memberjoin ul li.email { padding:2px 9px 0px 14px;} #memberjoin ul li.logout { padding:2px 9px 0px 4px;} #memberjoin ul li.modify { padding:2px 4px 0px 4px;} /* GNB Nabigation Menu */ div#navi { margin-top:74px; background:url(../images/index/skin1_gnbbg.jpg); z-index:3; } #menu {height:26px; padding:10px 0px 15px 0px; text-align:center; z-index:5; } #menu ul{ margin:0; padding:0; } #menu li{ margin:0px; list-style-type:none; display: inline;padding:0px;} #menu li a{color:#000000; font-size:12px; font-weight:bold; font-family:verdana; padding:15px; } #menu li a:hover {color:#ffffff;} #menu li.button01, #menu li.button02, #menu li.button03, #menu li.button04, #menu li.button05, #menu li.button06, #menu li.button07, #menu li.button08 {} #link02 #navi .menu li.button02 a, #link03 #navi .menu li.button03 a, #link04 #navi .menu li.button04 a, #link05 #navi .menu li.button05 a, #link06 #navi .menu li.button06 a, #link07 #navi .menu li.button07 a{ background-position:top right; } /* GNB Sub Menu */ #navi_sub2 { left: 69px; top: 110px; } #navi_sub3 { left: 172px; top: 110px; } #navi_sub4 { left: 315px; top: 110px; width:148px;} #navi_sub5 { left: 495px; top: 110px; width:200px; } #navi_sub6 { left: 685px; top: 110px; width:150px;} #navi_sub7 { left: 780px; top: 110px; width:109px; } #navi_sub2, #navi_sub3, #navi_sub4, #navi_sub5, #navi_sub6, #navi_sub7 { position:absolute; background-color:#ECE8B5; padding:1px 2px; visibility: hidden; z-index:5 !important } #navi_sub2 ul, #navi_sub3 ul, #navi_sub4 ul, #navi_sub5 ul, #navi_sub6 ul, #navi_sub7 ul {margin:0px; padding:0px;} #navi_sub2 li, #navi_sub3 li, #navi_sub4 li, #navi_sub5 li, #navi_sub6 li, #navi_sub7 li {list-style:none; font-size:11px; color:#000; padding:4px 15px; margin:0px 0px 1px 0px; font-weight:normal; background-color:#ffffff; text-align:left; } div#logo a{ margin-top:4px; width:280px; text-align:center; float:left; top:0px; left:0px; z-index:3; position:absolute; background:url(../images/common/skin1_logo.gif); height:60px; } #i_mainimg { position:absolute; left:22px; top:136px; width:645px; height:212px; z-index:2; } #i_vedio { position:absolute; left:677px; top:136px; width:261px; height:229px; z-index:2; border-left:solid 1px #DCDCDC; border-right:solid 1px #DCDCDC; padding-left:10px} #i_service { position:absolute; left:677px; top:365px; width:256px; height:515px; z-index:2; border-left:solid 1px #DCDCDC; border-right:solid 1px #DCDCDC; padding-left:15px } #i_quickmenu { position:absolute; left:42px; top:770px; width:620px; height:90px; z-index:2; display:inline } #i_quickmenu img {margin:0px; padding:0px; border:0px;} #i_quickmenu ul {margin:0px; padding:0px; } #i_quickmenu ul li {padding:0px; margin-bottom:7px; list-style:none; display:inline} #i_quicklink { position:absolute; left:707px; top:780px; width:240px; height:80px; z-index:2; display:inline } #i_quicklink ul { margin:0px; padding:0px; } #i_quicklink ul li { padding:0px; margin-bottom:7px; list-style:none; } #i_quicklink ul li.link {font-size:11px; font-weight:normal; line-height:20px; margin:0px; display:block; clear:both; padding-left:5px } #i_quicklink ul li a:link{ TEXT-DECORATION: underline; } #i_quicklink ul li a:visited{TEXT-DECORATION: underline;} #i_quicklink ul li a:active{ TEXT-DECORATION: underline; } #i_quicklink ul li a:hover {TEXT-DECORATION: underline;} #i_message { position:absolute; left:10px; top:880px; width:920px; height:245px; z-index:2; border:solid 2px #DFE5EA; padding:15px 0px 15px 15px;} #footer { position:absolute; left:14px; top:1170px; width:950px; height:59px; z-index:2; } #i_news { position:absolute; left:29px; top:365px; width:350px; height:321px; z-index:2; } #i_wipc { position:absolute; left:391px; top:365px; width:260px; height:321px; z-index:2; background-color: #F0F0F0; } #i_staff { position:absolute; left:22px; top:702px; width:643px; height:50px; z-index:2; background-color: #DBE0C2; } #i_staff dl {margin:0px; padding:0px; margin-top:13px} #i_staff dt {float:left; padding:4px 0px 0px 35px; margin:0px; font-weight:normal; color:#000000; font-size:10px; } #i_staff dd {margin:0px; color:#C3C3C3; padding-left:5px; float:left;} #i_message dd { margin:0px; font-size:10px; padding-right:10px; display:block ; float:left; } #i_message dd.a { width:355px; } #i_message dd.b { width:270px; } #i_message dd.c { width:260px; } #i_message dd span {margin-bottom:5px; font-weight:bold; display:block} #i_wipc {padding-left:14px;} #i_wipc ul { margin:0px; padding:15px 0px 0px 0px; line-height:20px; font-size:20px; color:#000000; font-family:Georgia; font-weight: normal; } #i_wipc ul li { font-size:10px; font-family:verdana; color:#5A5A5A; padding:0px; margin-left:20px; letter-spacing:-1px; line-height:15px;} #i_wipc ul li.link { margin-left:0px; letter-spacing:0px; line-height:19px; list-style:none; letter-spacing:0px; font-size:11px; } #i_wipc ul li.bnn { margin-left:0px; list-style:none; line-height:0px; } #i_wipc ul li.blank {height:5px; list-style:none; line-height:0px;} #i_wipc li a:link{ COLOR: #868686; font-weight:bold; TEXT-DECORATION: underline;} #i_wipc li a:visited{ COLOR: #868686; font-weight:bold; TEXT-DECORATION: underline;} #i_wipc li a:active{ COLOR: #868686; font-weight:bold; TEXT-DECORATION: underline;} #i_wipc li a:hover { COLOR: #000000; font-weight:bold;TEXT-DECORATION: underline; } #i_wipc span {margin:10px 0px; display:block} #i_news { font-family:"Georgia";} #i_news dl {margin:0px; padding:0px} #i_news dt { font-size:12px; font-weight:bold; color:#00315C; line-height:17px; display:block; } #i_news dd {font-size:10px; font-weight:normal; color:#000000; line-height:15px; margin:0px; display:block; padding:5px 0px 5px 0px; clear:both} #i_news dd.blank {height:10px; line-height:0px; padding:0px;} #i_news dt a:link{ font-size:12px; color:#00315C; } #i_news dt a:visited{ font-size:12px; color:#00315C;} #i_news dt a:active{ font-size:12px;color:#00315C; } #i_news dt a:hover {font-size:12px; TEXT-DECORATION: underline;} #i_service { font-family:"verdana";} #i_service dl {margin:0px; padding:0px} #i_service dt { font-size:12px; font-weight:bold; color:#000000; line-height:14px; display:block; clear:both; margin-bottom:10px;} #i_service span {font-size:11px; font-weight:normal; color:#000000; line-height:14px; margin:0px; display:block; padding:3px 0px 10px 0px; clear:both} #i_service dt.a {background:url(../images/index/service_img1.gif) no-repeat left ; padding-left:50px; height:50px;} #i_service dt.b {background:url(../images/index/service_img2.gif) no-repeat left; padding-left:50px; height:50px;} #i_service dt.c {background:url(../images/index/service_img3.gif) no-repeat left top; padding-left:50px; height:50px; padding-top:5px} #i_service dt a:link{ font-size:12px; } #i_service dt a:visited{ font-size:12px; } #i_service dt a:active{ font-size:12px; } #i_service dt a:hover {font-size:12px; TEXT-DECORATION: underline;} #i_service dd.link {font-size:11px; font-weight:normal; line-height:20px; margin:0px; display:block; clear:both; padding-left:5px } #i_service dd a:link{ TEXT-DECORATION: underline; } #i_service dd a:visited{TEXT-DECORATION: underline;} #i_service dd a:active{ TEXT-DECORATION: underline; } #i_service dd a:hover {TEXT-DECORATION: underline;} /* =========================================== 컨텐츠바디영역 =========================================== */ #container { width: 950px; float:left; z-index:1; padding:0px; margin:0 auto; background: #fff; text-align: left; position: relative; min-height: 100%; /* For Modern Browsers */ height: auto !important; /* For Modern Browsers */ height: 100%; /* For IE */ } #container_side {width: 950px; z-index:3; } #container_side:after { clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; } /* ***** 배너 ****** */ div#bnnarea { width:100px; background-color:#F0F4F5; position:absolute; left:950px; top:0px; min-height: 80%; /* For Modern Browsers */ height: auto !important; /* For Modern Browsers */ height: 600px; /* For IE */ padding-left:6px; padding-top:6px; } /* 퀵메뉴 #quickmenu {margin:0px; width:105px; border-top:solid 1px #D7DCE6; border-bottom:2px solid #000000; background-color:#0E1C3A; border-right:1px solid #0E1C39} #quickmenu ul {margin:0px; padding:0px;} #quickmenu ul li { border-top:solid 1px #252E68; border-bottom:#000000 solid 2px; border-left:solid 1px #0E1C39; color:#98A4BE; padding:5px 0px 5px 10px; list-style:none; } #quickmenu ul li a { color:#98A4BE ;font-size:10px;} #quickmenu ul li a:hover { color:#FAD10E ;font-size:10px;} #quickmenu ul li.title {border-top:solid #E6E9EF 1px; border-left:solid #E6E9EF 1px; border-right:solid #010101 1px; border-bottom:solid #010101 1px; background-color:#98A4BE; text-align:center; font-weight:bold; color:#0E1C3A; padding-left:0px;} */ /* 컨텐츠 하단 여백 영역 */ #content_mrg {height:50px;} /* =========================================== 하단 Copyright 영역 =========================================== */ div#familysite { background-color:#187EBB; text-align:center; padding:5px 0px 5px; color:#2E78D7; width:100%; font-size:10px; letter-spacing:0px; z-index:2; } #familysite A:link { COLOR:#ffffff; } #familysite A:visited { COLOR: #ffffff; } #familysite A:active { COLOR: #ffffff; } #familysite A:hover { COLOR: #FFD936; } div#address { padding:5px 0px 0px 0px; color:#7398AF; position:absolute; left:240px; z-index:2; } div#email { padding:5px 0px 0px 0px; color:#7398AF; position:relative; left:560px; width:200px; z-index:2; } #email A:link { COLOR: #7398AF; } #email A:visited { COLOR: #7398AF; } #email A:active { COLOR: #7398AF; } #email A:hover { COLOR: #000000; } div#copyright { text-align:center; padding:0px 0px 17px 0px; color:#7398AF; clear: both; font-size:9px; position:relative; z-index:2; } /* =========================================== 일반 본문 타입 =========================================== */ h2 {font-size:20px; color:#306A9D; font-family:Georgia; font-weight: normal; display:block; height:31px ; background:url(../images/index/title_dot.gif) no-repeat left; padding:7px 0px 0px 15px; margin:0px;} /* =========================================== 게시판 타입 =========================================== */ /* 인풋박스 */ input {border:solid 1px #C3C3C3; height:15px; font-size:11px; padding:0px; vertical-align:middle;} .inputbox {border:solid 1px #C3C3C3; height:20px; font-size:11px; padding:0px; vertical-align:middle;} textarea {font-size:11px; border:solid 1px #C3C3C3; padding:0px; } /* 메시지 박스 */ #msgbox table { width:100%; border:0px; margin:15px 0px;border:dotted 3px #C0C0C0 } #msgbox th { background-color:#e5e5e5; font-size:11px; text-align:left; color:#333333; font-weight:normal; padding:7px 15px; } #msgbox td { background-color:#ffffff; font-size:11px; padding:7px 15px; } #msgbox p { margin:5px 0px;}