@charset "utf-8";
/* CSS Document */

/*----- 본문바로가기 -----*/
#SkipMenu {overflow:hidden; position:absolute; left:0; top:0; z-index:500; width:100%; height:0px; background-color:#1051ac;}
#SkipMenu .row {min-width:320px; margin:0 auto;}
#SkipMenu .row .nav {padding:5px 0;}
#SkipMenu .row .nav {overflow:hidden;}
#SkipMenu .row .nav li {width:100%; text-align:center;}
#SkipMenu .row .nav li a {font-size:14px; font-weight:bold; line-height:normal; color:#fff;}
/*#SkipMenu .skipClose {float:right; margin:6px 20px 0 0; padding:3px; border-radius:12px; background-color:#fff;}*/
#SkipMenu a:active, visited, link, hover {font-size:12px; color:#000 !important;}

/*----- Wrapper -----*/
#Wrapper {position:relative; width:100%; min-width:1000px; min-height:100%;}


/*****************************************************************************************
										MAP
******************************************************************************************/
#Wrapper.map {position:relative; width:100%; min-width:1287px; height:100%; min-height:800px; background-color:#fff; font-family:"Dotum", "돋음";}
#Wrapper.map #Header {position:absolute; left:0px; top:0px; z-index:100; width:100%; height:54px; border-bottom:2px solid #fff; background-color:#fff}
#Wrapper.map #Aside {position:absolute; left:0px; top:0px; z-index:50; float:none; width:286px; height:100%; min-height:875px; border:none; border-right:1px solid #393432; background-color:#fff;}
#Wrapper.map #Aside .aside_container {position:relative; padding-top:56px; background-color:#fff;}
#Wrapper.map #Container {position:relative; margin-left:286px; overflow:hidden; width:auto !important; height:100%; min-height:820px; background-color:#fff;}
#Wrapper.map #Content {float:none; width:100%; height:100%; .height:93.9%; margin:0; padding:56px 0 0 0 !important; border-radius:0px !important; border:0px !important; background-color:#fff; box-sizing:border-box;}
#Wrapper.map #Content .mapCanvas {width:100%; height:100%;}

/******************************************************************************************
										 * Header *
********************************************************************************************/
#Header_Wrapper {position:absolute; left:0; top:0; z-index:300; width:100%; min-width:1000px;  border-bottom:4px solid #287ec5;}
#Header {position:relative; *zoom:1; z-index:9999; width:1000px; margin:0 auto;}
#Header:after {content:""; display:block; clear:both;}

/*----- GNB -----*/
#Header .GNB_Wrap {position:relative; overflow:hidden; width:100%; padding-top:10px;}
#Header .GNB_Wrap .GNB {position:absolute; right:192px; top:17px;}
#Header .GNB_Wrap .GNB ul {overflow:hidden;}
#Header .GNB_Wrap .GNB ul li {float:left;}
#Header .GNB_Wrap .GNB ul li a {padding:0 10px; color:#666; font-size:12px; font-family:"Dotum", "돋음"; line-height:18px;  background:url('/publish/Images/Common/bg_GNBBar.gif') right 1px no-repeat;}
#Header .GNB_Wrap .GNB ul li.last a {background:none;}
#Header .GNB_Wrap .GNB ul li.on a,#Header .GNB_Wrap .GNB ul li:hover a {color:#287ec5;} 
#Header .GNB_Wrap .search_wrap {float:right; padding-right:2px;}
#Header .GNB_Wrap .search_wrap .search {width:190px; border:1px solid #ccc;}
#Header .GNB_Wrap .search_wrap .search button {position:absolute; right:10px; top:16px;}
#Header .GNB_Wrap .search_wrap .search input {width:157px; height:26px; margin:0; border:0; background-color:#fafafa;}

#Header .logo {float:left;}
/*----- LNB -----*/
#Header .LNB_Wrap {float:right; padding-right:2px;}
#Header .LNB_Wrap .LNB {position:relative;}
#Header .LNB_Wrap .LNB > li.node1 {float:left; padding:0 15px;}
#Header .LNB_Wrap .LNB > li.node1.last {padding-right:0px;}
#Header .LNB_Wrap .LNB > li.node1 a {display:block; color:#333333; font-size:18px;  font-family:"NanumGothic", "나눔 고딕"; line-height:57px;}
#Header .LNB_Wrap .LNB > li.node1.on a {color:#287ec5;}
#Header .LNB_Wrap .LNB > li.node1.active a {color:#287ec5;}
#Header .LNB_Wrap .LNB > li.node1 .subMenu {display:none; position:absolute; left:205px; top:57px; z-index:10;}
#Header .LNB_Wrap .LNB > li.node1.on .subMenu {display:block; opacity:0;}
#Header .LNB_Wrap .LNB > li.node1 .subMenu ul {overflow:hidden; height:27px;}
#Header .LNB_Wrap .LNB > li.node1 .subMenu ul li {float:left;}
#Header .LNB_Wrap .LNB > li.node1 .subMenu ul li a {display:block; padding:0 12px; background:url('/publish/Images/Common/bg_naviBar.gif') right center no-repeat; font-size:13px; color:#fff; line-height:27px;}
#Header .LNB_Wrap .LNB > li.node1 .subMenu ul li a:hover {color:#000;}
#Header .LNB_Wrap .LNB > li.node1 .subMenu ul li.last {margin-right:0;}
#Header .LNB_Wrap .LNB > li.node1 .subMenu ul li.last a {background:none;}

#Header .LNB_Wrap .LNB > li.node1 .subMenu.sub01 {left:5px;}
#Header .LNB_Wrap .LNB > li.node1 .subMenu.sub02 {left:125px;}
#Header .LNB_Wrap .LNB > li.node1 .subMenu.sub03 {left:95px;}
#Header .LNB_Wrap .LNB > li.node1 .subMenu.sub04 {left:70px;}
#Header .LNB_Wrap .LNB > li.node1 .subMenu.sub05 {left:215px;}
#Header .LNB_Wrap .LNB > li.node1 .subMenu.sub06 {left:390px;}
#Header_Wrapper .bg_subBar {display:none; position:absolute; top:97px; z-index:305; width:100%; height: 27px; background:url('/publish/Images/Common/bg_headerWrap.gif') left top repeat-x;}
#Header_Wrapper .bg_subBar.on {display:block;}

/******************************************************************************************
										 * Container *
********************************************************************************************/
#Container_Wrapper {width:100%; min-width:1000px; padding:124px 0 308px 0;}
#Container {*zoom:1; position:relative; width:1000px; margin:0 auto; }
#Container:after {content:""; display:block; clear:both;}
#Content {float:left; width:730px; margin-left:20px; padding:0 24px 20px 24px; border:1px solid #e4e3e3; border-radius:5px;}

/*----- SNB -----*/
#Aside {float:left; width:200px; min-height:400px; border-top:4px solid #287ec5;}
#Aside .SNBWrap {border-left:1px solid #e4e3e3; border-right:1px solid #e4e3e3; border-bottom:1px solid #e4e3e3; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
#Aside h1 {height:57px; font-size:24px; color:#333; text-align:center; line-height:57px;}
#Aside .SNBWrap ul > li.node1 {border-top:1px solid #e4e3e3;}
#Aside .SNBWrap ul > li.node1 > a {display:block; padding-left:25px; font-size:14px; color:#666; line-height:38px;}

#Aside .SNBWrap ul > li.node1.on a,#Aside .SNBWrap ul > li.node1:hover > a { color:#006699; background:url('/publish/Images/Common/ico_SNBArrow.png') 180px center no-repeat; background-color:#d9ebf7;}

#Aside .SNBWrap ul li.node1 ul.node2 {display:none; padding:6px 0 6px 25px;}
#Aside .SNBWrap ul li.node1.on ul.node2 {display:block;}
#Aside .SNBWrap ul li.node1 ul.node2 li a {padding-left:10px; background-color:#fff; background:none; font-size:12px; color:#666; line-height:20px;}
#Aside .SNBWrap ul li.node1 ul.node2 li.on a,#Aside .SNBWrap ul li.node1 ul.node2 li:hover a {padding-left:10px; background:url('/publish/Images/Common/ico_SNBbull.gif') left center no-repeat; color:#006699;}
#Aside .asideQuestion {overflow:hidden; margin-top:10px; padding:6px; border:1px solid #e4e3e3; border-radius:5px;}
#Aside .asideQuestion .question_img {float:left; margin-top:4px;}
#Aside .asideQuestion .question_txt {float:left; margin:15px 0 0 10px;}
#Aside .asideQuestion .question_txt .question a {font-size:16px; color:#3eb034; letter-spacing:-1px; .letter-spacing:-2px;}
#Aside .asideQuestion .question_txt .request_meter a {font-size:11px; color:#8eab56; font-family:"Dotum", "돋음"; .letter-spacing:-1px;}

/*----- breadcrumb -----*/
.breadcrumb_wrap {*zoom:1; width:100%; margin-top:14px; text-align:right;}
.breadcrumb_wrap .breadcrumb {font-family:"Dotum", "돋음";}
.breadcrumb_wrap .breadcrumb a {padding-left:12px; font-size:12px; color:#666666; font-family:"Dotum", "돋음";}
.breadcrumb_wrap .breadcrumb a.home {background:url('/publish/Images/Common/ico_breadHome.gif') left 1px no-repeat;}
.breadcrumb_wrap .breadcrumb a.last {color:#287ec5;}

/*----- content_body -----*/
.content_body h2 {margin-bottom:25px; color:#000000; font-size:30px; font-weight:bold;}

/*----- Footer -----*/

.contentBoxWrap {width:1000px; margin:0 auto;}
.contentBox {width:774px; margin-left:220px; margin-bottom:40px; border:3px solid #ebebeb;}
.content_division {overflow:hidden; padding:9px 0; border-bottom:1px solid #ebebeb; font-family:"Dotum", "돋음";}
.content_division li {float:left; margin-left:15px; font-size:11px; color:#575757;}
.serviceWrap {overflow:hidden; padding:15px 15px;}
.serviceWrap .research_img {float:left;}
.serviceWrap .p_research {float:left; margin:8px 0 0 8px; color:#333; font-size:13px;}
.researchWrap {float:left;}
.researchForm {float:right; margin-right:15px; color:#666666; font-size:11px; font-family:"Dotum", "돋음";}
.researchForm textarea {height:26px;}

#Footer_Wrapper {position:absolute; left:0; bottom:0; z-index:300; width:100%; min-width:1000px;}

.lst_footWrap {width:100%; background-color:#f2f2f2; height:32px;}
.lst_footWrap .lst_foot {overflow:hidden; width:1000px; margin:0 auto;}
.lst_footWrap .lst_foot ul {float:left;}
.lst_footWrap .lst_foot .selectBox {float:right; margin-top:2px;}
.lst_footWrap .lst_foot ul li {float:left;}
.lst_footWrap .lst_foot ul li a {display:block; padding:0 12px; font-size:12px; color:#666666; line-height:32px;}
.foot_info {overflow:hidden; position:relative; width:1000px; height:76px; margin:0 auto; margin-top:15px;}
.foot_info .foot_logo {float:left;}
.foot_info .foot_address {float:left; margin-left:30px; font-family:"Dotum", "돋음";}
.foot_info .webMark {float:right;}
.foot_info .webMark ul {overflow:hidden;}
.foot_info .webMark ul li {float:left;}
.foot_info .foot_address .copyright {font-size:11px; line-height:20px;}

