@charset "utf-8";
@import url(base.css);

* {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;}
a {text-decoration:none; color:#464646;}
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;}


#wrapper {overflow:hidden; width:980px; margin:0 auto;}
#header {width:880px; height:139px; margin:0 0 26px 0; padding-top:25px;}
#header .logo {float:left; padding:0 65px 17px 16px; }
#header .user {float:left; width:380px; padding:14px 0 0 0; }
#header .user li {float:left; padding:0 7px; background:url(../../images/Common/bg_user_line.gif) 0 0.2em no-repeat;}
#header .user li.first-child, #header ul.lang li.first-child {background:none; padding-left:25px;}
#header ul.lang li {padding:0 7px; background:url(../../images/Common/bg_lineS.gif) 0 0.2em no-repeat;}
#header .search {float:left; padding:9px 0 0 0;}
#header .search input.text {width:148px; height:18px; border:1px solid #cecece;}

#ourheader {width:875px; height:60px; border:0px solid #e8e0d3; margin:0 0 45px 0; padding-top:25px; background:url(../../images/Nation/ourbg.gif) top left repeat-x;}
#ourheader .logo {float:left; padding:0 65px 17px 16px; }

#header .gnb {overflow:hidden; width:880px; float:left; padding-left:20px;}
#header .gnb h3 {font-size:1.3em;}
#header .gnb .left {float: left; margin-left:45px; margin-bottom:15px;}


#snb {float: left; display: inline; width:170px; min-height:500px; margin:0px 34px 0px 5px; padding:0px;}

#snb h2 {margin:0px 0px 15px 0px; height:73px; text-align:center;}
#snb ul { margin:0px; padding:0; list-style-type:none;}
#snb ul li {margin:16px 12px;}
#snb ul li ul { margin:12px 0px 0px 0px; }
#snb ul li ul li { padding-left:15px; margin:8px 0px;}

#snb ul.NaBan {height:110px; background:url(../../images/Nation/leftbg.gif) 0 0 no-repeat; margin:50px 0 0 0; padding:10px 0 0 0;}
#snb ul.NaBan li {margin:0 30px 0 0; padding:3px 0; text-align:right;}
#snb ul.NaBan2 {height:130px; background:url(../../images/Introduce/leftbg.gif) 0 0 no-repeat; margin:50px 0 0 0; padding:10px 0 0 0;}
#snb ul.NaBan2 li {margin:0 30px 0 0; padding:3px 0; text-align:right;}

p.btnBanner { margin:-7px 0 3px 0;}
p.btnBanner2 { margin:50px 0 3px 0;}
p.bottom { margin:0px 0 5px 0;}

#container {float: left; display: inline; width:670px; min-height:400px; margin:0 17px 20px 0;}
#container_con {float: left; display: inline; width:670px; min-height:400px; margin:10px 17px 20px 10px;}


*html #content {height:150px}
#container .Titlenavi {position:relative; height:60px; margin-bottom:25px; background-color:#f7f3ee;}
#container .Titlenavi h2 {float:left; padding:23px 0 0 14px;}
#container .Titlenavi h3.ttl {float:left; padding:28px 0 0 30px; background:url(../../images/Common/bg_ttl.gif) 1.1em 2em no-repeat;}
#location {position:absolute; right:11px; top:8px; color:#605f5f;}
#location a {text-decoration:none; color:#605f5f;}
#location a:hover {color:#605f5f;}
#location a.current {font-weight:bold;}
#quick {float: left; display: inline; width:81px; min-height: 212px; border:1px solid #e8e0d3; background:url(../../images/Common/bg_quick.gif) left bottom no-repeat;}
#quick h2 {font:bold 1em "돋움"; color:#000; text-align:center; padding:16px 0 10px 0; background:url(../../images/Common/bg_quickLine.gif) bottom center no-repeat;}
#quick ul {width:64px; text-align:center; margin-bottom:14px;}
#quick ul li {width:60px; margin:0 8px 0 10px; padding:8px 0 8px 0; background:url(../../images/Common/bg_quickDot.gif) top center repeat-x;}
#quick ul li a {color:#4B4440;}
#quick ul li.first-child {background:none;}

#footer {float: left; display: inline; width: 880px; height:100px; padding-top:14px; margin-bottom:20px;  margin-top:50px;  border-top:1px solid #d8d8cb; }

#footer .copyright {float:left; width:750px; display:inline; }
#footer .copyright ul {overflow:hidden; font-weight:bold; color:#665c4c; }
#footer .copyright ul li { float:left; padding:5px 9px 11px 9px; background:url(../../images/Common/bg_footerLine.gif) 0 0.9em no-repeat;}
#footer .copyright ul li.first-child {float:left; padding:5px 9px 11px 9px; background:none; }
#footer .copyright ul li.rss_btn { position:relative; left:-342px; top:21px; padding:5px 4px 11px 10px; background:none;}
#footer .copyright ul li.rss_btn img {padding-right:5px; vertical-align:middle;}

#footer .copyright ul li.culture1 { position:relative; left:-65px; background:none;} 
#footer .copyright ul li.culture1 img { vertical-align:middle;}
#footer .copyright ul li.culture2 { position:relative; left:-70px; background:none;}
#footer .copyright ul li.culture2 img { vertical-align:middle; }
#footer .copyright ul li.culture3 { position:relative; left:35px; top:-50px; background:none;}
#footer .copyright ul li.culture3 img { vertical-align:middle; }

#footer .copyright ul li a {color:#4B4440;}
#footer p.mark {float:left; width:203px; padding-top:33px;}
#footer p.mark img {vertical-align:middle; padding:0 3px;}
#footer form.family {float:right; width:180px; height:25px;  padding-right:8px; }
#footer form.family input {height:20px;}

#footer address {clear:both; width:640px; position:relative; top:10px;}
#footer address p {height:16px; margin-bottom:3px; padding-left:10px; color:#212121;}
#footer address span {height:16px; margin-bottom:3px; padding-left:11px; color:#212121;}