/* common */
body, th, td, input, textarea, button, select {font-family:'굴림',Gulim,AppleGothic,Sans-serif; font-size:12px;}
body, p, form, h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
body, th, td, h1, h2, h3, h4, h5, h6 {line-height:1.5;}
input, textarea, button, select {margin:0;}
img {border:0; vertical-align:middle;}
hr {display:none;}
a {color:#555; text-decoration:none;}
a:hover {color:#369; text-decoration:underline;}
p, li, dt, dd, td {background:url(../image2/space.gif);} /* for mobile */

.break {margin-top:18px;}
.blind {visibility:hidden; overflow:hidden; position:absolute; width:1px; height:1px;}
.hidden {display:none;}
.p_l {text-align:left !important;}
.p_r {text-align:right !important;}
.p_c {text-align:center !important;}
.p_j {text-align:justify !important;}
.f_l {float:left !important;}
.f_r {float:right !important;}
.b {font-weight:bold;}
.i {font-style:italic;}

/* layout */
/* body {background:url(../image2/bg_body.gif) repeat-x 0 0;} */
#wrap {text-align:center;}

#header {position:relative; width:980px; height:177px; margin:0 auto; text-align:left; z-index:600;}
#header h1 {position:absolute; top:45px; left:2px;}
#header .skip {overflow:hidden; position:absolute; top:-9999px; left:-9999px; width:1px; height:1px; z-index:900;}
#header .skip:active, #header .skip:focus {top:10px; left:10px; width:auto; height:auto; padding:10px 20px; background:#FFB; text-decoration:none; white-space:nowrap;}
#header .headline {position:absolute; top:2px; left:0;}
#header .slogan {position:absolute; top:50px; right:0;}

#snb {position:absolute; top:4px; right:4px; margin:0; padding:0; list-style:none;}
#snb li {float:left; margin:0; padding:0 0 0 8px;}

#gnb {position:absolute; top:117px; left:0; width:981px; height:32px; margin:0; padding:0; list-style:none;}
#gnb li {float:left; margin:0; padding:0 1px;}
#gnb ul {display:none; position:absolute; top:32px; margin:0; padding:0; list-style:none;}
#gnb ul li {overflow:hidden; height:28px; padding:0 5px;}
#gnb ul a {float:left; height:22px; margin:3px 0; padding:0 5px; line-height:22px; background:#7FAFDF; color:#FFF;}
#gnb .m1 ul {left:14px; width:966px;}
#gnb .m2 ul {left:40px; width:940px;}
#gnb .m3 ul {left:85px; width:895px;}
#gnb .m4 ul {left:222px; width:758px;}
#gnb .m5 ul {left:400px; width:492px;}
#gnb .m6 ul {left:524px; width:456px;}
#gnb .m7 ul {left:582px; width:398px;}
#gnb .m8 ul {left:626px; width:354px;}
#gnb .m1_on ul, #gnb .m2_on ul, #gnb .m3_on ul, #gnb .m4_on ul, #gnb .m5_on ul, #gnb .m6_on ul, #gnb .m7_on ul, #gnb .m8_on ul {display:block;}

.gnb_all {height:454px !important; background:#EEE url(../image2/bg_gnb_all.gif) no-repeat 0 100%;}
.gnb_all ul {display:block !important; width:180px !important;}
.gnb_all ul li {float:none !important; height:22px !important; padding:0 !important;}
.gnb_all ul a {display:block; float:none !important; padding:0 0 0 18px !important; background:#FFF url(../image2/bu_gnb.gif) no-repeat 8px 8px !important; color:#555 !important; text-decoration:none;}
.gnb_all ul a:hover {background-color:#DEF !important;}
.gnb_all .m1 ul {display:none !important;}
.gnb_all .m2 ul {top:100px !important; left:70px !important;}
.gnb_all .m3 ul {top:100px !important; left:290px !important;}
.gnb_all .m4 ul {top:100px !important; left:510px !important;}
.gnb_all .m5 ul {top:100px !important; left:730px !important;}
.gnb_all .m6 ul {top:300px !important; left:70px !important;}
.gnb_all .m7 ul {top:300px !important; left:290px !important;}
.gnb_all .m8 ul {top:300px !important; left:510px !important;}

#article {width:980px; margin:0 auto; padding-bottom:15px; text-align:left;}
#article:after {display:block; clear:both; content:'';}

#visual {z-index:300;}
#side {z-index:400;}
#content {z-index:500;}
#extension {z-index:200;}

#footer {border-top:1px solid #DDD; background:#F0F0F0; z-index:100;}
#footer .copyright {width:980px; height:95px; margin:0 auto; text-align:left;}
#footer .logo {float:left; padding:24px 40px 0 20px;}
#footer .link {float:left; overflow:hidden; width:680px; margin:0; padding:14px 0 0; list-style:none;}
#footer .link li {float:left; margin:0 1px 0 -1px; padding:0 8px; border-left:1px solid #CCC;}
#footer .link li a {float:left; overflow:hidden; height:16px;}
#footer .link strong {color:#67E;}
#footer address {float:left; width:680px; padding:12px 0 0 8px; background:#F0F0F0; font-style:normal;}
#footer .wa {float:left; padding:0 0 0 680px; margin:-42px 0; text-align:left;}