@charset "euc-kr";
@import url(base.css);

/* default */
* {margin:0; padding:0;}
body {font-size:75%; line-height:1.8; font-family:"µ¸¿ò", Dotum, "±¼¸²", Gulim, "Lucida Grande", Tahoma, Verdana, AppleGothic, UnDotum, sans-serif; color:#666; overflow:auto; background:url(/images/common/bg.gif) left top no-repeat;}
.main {background:url(/images/main/main_bg.jpg) left top no-repeat;}
a {text-decoration:none; color:#0d53a4;}
a:hover, a:active, a:focus {text-decoration:none;}
input, select {vertical-align:middle;}
.hidden {position:absolute; overflow:hidden; height:0; width:0; font-size:0; visibility:hidden;}


/* layout */
#wrapper {width:1000px;}
#wrapperMain {position:relative; height:768px;}
#gnbWrapper {float:left; position:relative; width:290px; height:605px;}
#gnbWrapper h1 img {margin:32px 0 0 34px;}

#gnbwrap {position:relative; top:73px; left:57px;}
ul#gnb {width:205px; overflow:hidden;}
ul#gnb li.gnb_menu {float:left; width:125px; line-height:0; height:28px;}

ul.gnb_submenu {display:none; position:absolute; overflow:hidden;} /* 2µª½º ·¹À̾î¸Þ´º */
ul.gnb_submenu li {font-weight:bold; padding:2px 8px;}
ul.gnb_submenu li a {color:#fff; font-weight:bold; font-size:13px; font-style:italic; font-family:"¸¼Àº °íµñ", MalgunGothic, "µ¸¿ò"; letter-spacing:-0.15em;}
ul.gnb_submenu li a:hover {color:#fcff00;}
ul.gnb_submenu li a.choice {color:#fcff00;}
ul.gnb_submenu.sub01 {left:85px; top:0; width:126px; height:106px; padding:15px 0 0 0; background:url(/images/common/navi_01_bg.gif) no-repeat;}
ul.gnb_submenu.sub02 {left:85px; top:30px; width:126px; height:120px; padding:5px 0 0 0; background:url(/images/common/navi_01_bg.gif) no-repeat;}
ul.gnb_submenu.sub03 {left:85px; top:60px; width:126px; height:116px; padding:10px 0 0 0; background:url(/images/common/navi_03_bg.gif) no-repeat;}
ul.gnb_submenu.sub04 {left:85px; top:90px; width:126px; height:116px; padding:10px 0 0 0; background:url(/images/common/navi_04_bg.gif) no-repeat;}

#gnbWrapper .banner {position:absolute; left:26px; top:511px;}
#gnbWrapper .banner li {padding-bottom:15px;}
#container {float:left; display:inline; width:700px; margin-top:92px;}
#container .Title {margin:0 0 17px 43px; width:489px; height:30px; border-bottom:1px solid #bfbfbf;}
#container .Title h2 {padding:0 0 0 26px; background:url(/images/common/icn_ttl.gif) 0.1em 0.2em no-repeat;}
#container .content {padding:0 0 0 43px;}
#container .content .company {margin:0 0 0 -33px;}
#footer {clear:both; position:relative; width:1000px; height:218px; background:url(/images/common/bg_bottom.gif) right bottom no-repeat;}
#footer p {padding:130px 0 0 291px;}


/* main */
#visual {position:absolute; left:337px; top:0;}
#footerMain {position:absolute; bottom:22px; left:35px; color:#0c0c0c; font-family:"¸¼Àº °íµñ", MalgunGothic, "µ¸¿ò"; font-weight:bold; font-size:0.95em;}
#footerMain p {padding-top:7px;}
#footerMain p span {display:inline-block; background-color:#d8e7ff; padding:3px 10px 3px 0;}


/* °í°´¼¾ÅÍ */
#container .content p.txt_customer {width:489px; font-weight:bold; font-family:"¸¼Àº °íµñ", MalgunGothic, "µ¸¿ò"; padding-bottom:24px;}
/* °Ô½ÃÆÇ ¾²±â */
.boardWrite {width:489px; table-layout:fixed; border-top:1px solid #bcc0c0;}
.boardWrite th {width:25%; padding:6px 20px 6px 10px; border-bottom:1px solid #bcc0c0; text-align:center; background-color:#ecf2f1;}
.boardWrite td {padding:6px 10px; border-bottom:1px solid #bcc0c0; background-color:#ecf2f1;}
.boardWrite .inputText {border:1px solid #e1e1e1; padding:2px 4px 4px 4px; height:13px; font-family:µ¸¿ò;}
.boardWrite textarea{width:94%; border:1px solid #e1e1e1; padding:10px; overflow:auto; margin-bottom:5px; font-family:µ¸¿ò; font-size:1em;}
.buttonCenter {width:98%; float:left; text-align:center; margin:15px 5px 0 0;}
.buttonCenter img {vertical-align:middle;}