/*=========================================================================================================================
* 프로젝트: 프로젝트명
* 파일명: reset.css
* 작업자: 국승혜
* 작업일: 2014.08.25
=========================================================================================================================*/
body, div, p, h1,h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend,
input, textarea, blockquote, button, strong, em, address { margin:0;padding:0;-webkit-text-size-adjust:none; vertical-align: baseline; }
h1, h2 ,h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
ul, ol { list-style: none; }
img, fieldset { padding: 0; border: none; }
img { vertical-align: top; }
legend, caption { width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden}
/*input { background: none; border: 0; }*/
table { width: 100%; border-collapse: collapse; border: 0; word-break: break-all; }
table th { font-weight: normal; }
strong, em, address { font-style: normal; }
hr { display:none; }
q:before,q:after {content:"";}
abbr,acronym { border:0; }
#skipnav { width:0; height:0; line-height:0; overflow:hidden; visibility:hidden; font-size:0; }
.blind { overflow:hidden; visibility:hidden; position:absolute; width:0; height:0; font-size:0; line-height:0; }

/*링크줄없애기*/
a {color:#686969; text-decoration:none; cursor:pointer} 
a:link {} 
a:active {} 
a:visited {} 
a:hover, a:focus {color:#f60} 

select,
input,textarea { outline-style: none; }


@font-face{font-family:NanumBarunGothic; src:url('../font/NanumBarunGothic.eot');src:local(※),url('../font/NanumBarunGothic.woff') format('woff')}
.nanumb{font-family:'Nanum Barun Gothic', sans-serif}

@font-face{font-family:NanumBarunGothicBold; src:url('../font/NanumBarunGothicBold.eot');src:local(※),url('../font/NanumBarunGothicBold.woff') format('woff')}
.nanumbB{font-family:'NanumBarunGothicBold', sans-serif}

@font-face{font-family:NanumGothic; src:url('../font/NanumGothic.eot');src:local(※),url('../font/NanumGothic.woff') format('woff')}
.nanum{font-family:'NanumGothic', sans-serif}

@font-face{font-family:NanumGothicBold; src:url('../font/NanumGothicBold.eot');src:local(※),url('../font/NanumGothicBold.woff') format('woff')}
.nanumB{font-family:'NanumGothicBold', sans-serif}

@font-face{font-family:NanumBarunGothicLight; src:url('../font/NanumBarunGothicLight.eot');src:local(※),url('../NanumBarunGothicLight.woff') format('woff')}
.nanumR{font-family:'NanumBarunGothicLight', sans-serif}




html { overflow-y: scroll; }
body { margin:0 auto; font-size: 12px; font-family: Arial, Dotum, Gulim, Arial, AppleGothic, Sans-serif, NanumGothic, NanumGothicBold, NanumBarunGothic, NanumBarunGothicBold, sans-serif, NanumBarunGothicLight;
 color: #696969; -webkit-text-size-adjust:100%;}
body img {border:0px;}

#wrap {width:100%; height:100%;}





/*index======*/

.index_body{ font-size: 12px; font-family: 'Nanum Barun Gothic', NanumBarunGothicBold; color: #696969; -webkit-text-size-adjust:100%; 
background: url(../images/bg_02.gif);}


#login_wrap { height:100%;  overflow: hidden; padding:300px 0 0 0;
}

.log {position: relative;  width:790px; height: 300px;  margin: 0 auto; 
 }
.log img { border:0px;}

.chaeum { float:left;}

.small { float:right;}




.con_wrap { margin: 0 auto; }






/*index_======*/
.index_wrap {margin: 0 auto; width:1024px; height:100% }
.header { padding-top:80px; padding-bottom:30px;  overflow:hidden;}
.logo {float:left; }


.top_nav {}

.top_nav ul { list-style-type: none;  float:right;}
.top_nav li {display:inline; border-left: 1px solid #c0c0c0; padding: 0px 12px 0px 12px; margin: 5px 0px 5px 0px;}
.top_nav li:first-child {border-left: none;}
.top_nav a { padding: 7px; color:#494949; text-decoration:none;}
.top_nav #gnb li ul li a {color:#494949;}
.top_nav #gnb li ul li a:hover {color:#5790d7;}
.top_nav a:hover,
.left_menu a:focus,
.a00 .top_nav .nav_a00 a,
.b00 .top_nav .nav_b00 a,
.c00 .top_nav .nav_c00 a,
.d00 .top_nav .nav_d00 a,
.e00 .top_nav .nav_e00 a,
.f00 .top_nav .nav_f00 a {color:#5790d7;}


.con_main {margin-top:0px;}

.con_down_01 { overflow:hidden; margin-top:15px;}
.con_down_01 ul {}
.con_down_01 li {float: left; }
.box_01 {}
.box_02 {padding: 0 0 0 17px;}
.con_down_01 li.box_03 { float:right;}
.box_04 {margin-top:20px;}
.box_05 {margin-left:4px; margin-top:20px;}
.box_06 {margin-left:5px; margin-top:16px;}
.sns ul {list-style-type: none; width:188px;}
.sns li {display: inline; width:188px;}
.work-info {width:188px ;margin-top:18px; margin-left:6px;}
.sns { float:left; width:50%; margin:0px;}
.remo { float:right; width:50%; margin:0px;}

.main_info_coloum2 { float:right}

.main_recent { float:left; width:37%}
.main_recent h2 { padding:30px 0 15px 0}
.main_recent h2 span{ font-size:14px; color:#000; font-weight:600; font-family:'Nanum Barun Gothic', 'NanumGothic', sans-serif}
.con_down_01 .main_recent li { width:100%; position:relative; padding:4px 0 4px 14px; overflow:hidden }
.con_down_01 .main_recent li span.date { position:absolute; right:0; color:#999; font-family:'굴림',Gulim,'돋움',Dotum,sans-serif }
.main_recent li:before { display:block; width:3px; height:3px; content:""; background:#39C; position:absolute; left:4px; top:9px}



/* gnb */
#gnb { position:relative;float:right;
font-size: 16px;  font-weight:500; font-family:NanumBarunGothic; color: #696969;  margin-right:-19px; MARGIN-TOP:19px;}
#gnb li { float:left; padding-right:18px;}
#gnb li ul { display:none; position:absolute; top:23px; left:-2px; }
#gnb li ul li { line-height:21px;  }

#gnb li.nav_a00 ul { padding-left:0px; }
#gnb li.nav_b00 ul { padding-left:70px; }
#gnb li.nav_c00 ul { padding-left:213px; }
#gnb li.nav_d00 ul { padding-left:270px; }
#gnb li.nav_e00 ul { padding-left:380px; }
#gnb li.nav_f00 ul { padding-left:488px; }
.sub {font-size:13px; }
.sub li {border-left:0px; margin-right:-20px; }
.sub a{padding:10px; color:#737373;}





/*sub_left_menu======*/

.sub_left {float:left; width:200px; margin:37px auto; overflow:hidden;}
.left_menu_title {text-align:left; padding:10px;}
.left_menu {margin: 5px auto 0 0; font-size: 13px; font-family:Dotum; font-weight:bold; line-height:270%; letter-spacing:0px; padding:18px 0 30px 0; }
.left_menu ul { text-align:center; background-color:#FFF;}
.left_menu li { height:35px; border-bottom:0px solid #e0e0e0; text-align:left }
.left_menu a { padding:0 54% 0 12% ; color:#696969; display:block; text-align:center}
.left_menu a:hover, 
.left_menu a:focus,
.a10 .left_menu .sub_10 a,
.a20 .left_menu .sub_20 a,
.a30 .left_menu .sub_30 a,
.b10 .left_menu .sub_10 a,
.b20 .left_menu .sub_20 a,
.b30 .left_menu .sub_30 a,
.c10 .left_menu .sub_10 a,
.c20 .left_menu .sub_20 a,
.c30 .left_menu .sub_30 a,
.d10 .left_menu .sub_10 a,
.d20 .left_menu .sub_20 a,
.d30 .left_menu .sub_30 a,
.e10 .left_menu .sub_10 a,
.e20 .left_menu .sub_20 a,
.f10 .left_menu .sub_10 a,
.f20 .left_menu .sub_20 a{ background-color:#5790d7; color:#FFF;}







.sub_right_wrap {float:right; width:820px; margin-top:20px;  }



/*sub_company======*/
.sub_right_company {float:right; width:820px; margin-top:20px;  }
.container {font-size: 12px;   font-family:NanumBarunGothic; color:#999; letter-spacing:2px; margin-left:12px; border-bottom:1px solid #c7c7c7; padding:22px 0 22px 22px;  }
.container2 {font-size: 12px;   font-family:NanumBarunGothic; color:#999; letter-spacing:2px; margin-left:12px; border-bottom:1px solid #c7c7c7; padding:22px 0 7px 0  }

.container a { float:right; padding:5px auto; color:#999; }
.container a:hover {color:#5790d7;;}

.container2 { text-align:right}
.container2 a {padding:5px 0; color:#999; }
.container2 a:hover {color:#5790d7;;}

.sub_right_con {padding:25px;margin-top:0px;}
.caption {padding-top:30px;}


.right_menu {margin-top:30px; margin-bottom:50px; background: url(../images/bg_sub_company.png) no-repeat -23px 110px ;}
.right_menu_01 { margin:50px auto auto 25px; }
.right_menu_01_01 { margin:5px auto auto 75px; }
.right_menu_02 { margin: 20px auto auto 215px;}
.right_menu_02_02 { margin:5px auto auto 268px;}
.right_menu_03 { margin:20px auto auto 268px;}
.right_menu_03_03 { margin:5px auto auto 321px;}
.right_menu_04 {margin:15px auto auto 200px; }
.right_menu_04_04 {margin:5px auto auto 255px; }
.right_menu_05 { margin:20px auto auto 145px;}
.right_menu_05_05 { margin:5px auto auto 195px;}
.right_menu_06 { margin:12px auto auto 75px;}
.right_menu_06_06 { margin:3px auto auto 128px;}
.blank {padding-top:10px; margin-left:85px; margin-top:3px;}


.write {float:right; margin-bottom:30px;}
.btn_ok {float:right; margin-right:360px; margin-top:30px; margin-bottom:30px;}

.btn_other{float:right; margin-bottom:30px; }


#content { overflow:hidden; padding:25px 0}

/* 연혁 */
.history { overflow:hidden; line-height:1.6em; padding:20px 0}
.history h3 { clear:both; float:left; width:10%; padding:15px 0; color:#369; font-weight:600; font-size:20px; font-family:'Nanum Barun Gothic', 'NanumGothic', sans-serif}
.history ul { float:right; width:87%; padding:10px 0 20px 0}
.history ul li { position:relative; padding:0 0 0 14px}
.history ul li:before  { display:block; content:""; background:#39C; width:3px; height:3px; border-radius:1px; left:2px; top:7px; position:absolute}


.board_h3 { background:#e9e9e9; color:#000; padding: 10px ; border-top: 1px solid #636363; font-size:14px ; font-family:'Nanum Barun Gothic', 'NanumGothic', sans-serif}
.board_info { background:#f9f9f9; border-top:dotted #ccc 1px; border-bottom:solid #ddd 1px; text-align:right; padding:10px 0; color:#717171}
.board_info dt,
.board_info dd { display:inline; padding:0 12px 0 8px}
.board_info dt { color:#aaa; font-weight:bold}
.board_info dd { position:relative}
.board_info dd:after { display:block; width:1px; height:10px; content:""; background:#ddd; position:absolute; right:0 ; top:2px}

.board_content { padding:20px 0; line-height:1.4em}
.board_content p { padding:5px 0}

.board_file { border-top: dotted #ddd 1px; margin:20px 0; padding:20px 0}
.board_file h4 { float:left; margin:0 10px 0 0 }
.board_file h4 span { background:#999; padding:5px 10px; border-radius:4px; color:#fff; margin:0 0 20px 0}


/* btn */
.btn_area10 { padding:40px 0 30px 0; margin:50px 0 20px 0; overflow:hidden; border-top: solid 1px #ededed; text-align:right}
.btn_area10 a { padding: 12px 50px; color:#fff; box-shadow:#e3e3e3 0 2px 2px;
background: #545861;
background: -moz-linear-gradient(top,  #545861 0%, #46494e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#545861), color-stop(100%,#46494e));
background: -webkit-linear-gradient(top,  #545861 0%,#46494e 100%);
background: -o-linear-gradient(top,  #545861 0%,#46494e 100%);
background: -ms-linear-gradient(top,  #545861 0%,#46494e 100%);
background: linear-gradient(to bottom,  #545861 0%,#46494e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545861', endColorstr='#46494e',GradientType=0 );
}
.btn_area10 a:hover, .btn_area10 a:focus { background:#474a50; color:#ffde00}

.title a.file { font-size:1px; color:#fff; display:inline-block; width:30px; height:22px; vertical-align:middle}

.pdf { background:url(../images/icon_file.png) center 0px no-repeat }
.ppt { background:url(../images/icon_file.png) center -22px no-repeat}

.board_file  a.file { padding:5px 30px 5px 0; background-position: right 0}


/*sub_business======*/



/*sub_history======*/



/*sub_solution======*/
.solution_con { border-bottom-width:2px; border-bottom-color:#c7c7c7; border-bottom-style:dotted; }
.solution_con img {padding-top:40px; padding-bottom:60px;}




/*sub_technology======*/
.member_log {position: relative; width: 350px; height: 250px;
	margin: 100px auto auto auto; 	}
.tbl_log {width: 250px; height: 150px;}
.tbl_log input {text-align: left; border: 1px solid #b4b4b4; float:left; vertical-align: middle; text-indent: 3px; }
.tbl_log td {}

/*로그인------*/
.tbl_wrap {width:350px; height: 120px; margin: 80px auto 190px auto;}
.tbl_log  {width: 100%; height: 100px;  }
.tbl_log * { vertical-align: middle; }
.tbl_log input {text-align: left; border: 1px solid #b4b4b4; float:left; vertical-align: middle; text-indent: 3px; margin:2px; }
.tbl_log td { height: 60px; }
.tbl_log img {margin:2px;}

/*sub_remote======*/
.right_menu_remote {}
.right_top {margin-top:50px;}
.right_top input {text-align: left; border: 1px solid #b4b4b4;}
.right_top_title { height:50px; font-size: 18px; font-family:NanumBarunGothic; color:#5790d7;}
.right_top_title_re { height:50px; font-size: 18px; font-family:NanumBarunGothic; color:#666666;}

.right_top_search {float:right;}
.btn_action {float:right; margin:40px 0px 40px auto; }
.btn_action_out {float:right; margin:0px 0px 40px auto; }
.btn_action_ { text-align:center; margin:30px auto;}
.re {color:#5790d7; font-weight:_viewbold;}
.content_view_input {margin:20px auto; line-height:200%; padding: 10px;}
.content_write_input {border:1px solid #CCC; height:400px; margin-top:5px; }
.file_add { width:100%; height:50px; background-color:#f8f9fa; margin-top:335px; }
.file_add_l {float:left; padding:10px;}
.file_add_r {float:right; padding:15px;}


/*sub_resource======*/


/*sub_map======*/
.map_txt {padding-top:5px;}

.map_txt li {margin-top:15px;  }

.map_wrap { position: relative; height:500px; width:795px; padding:15px 0}

.map {  position: absolute; top:0; left:0; z-index:200; width:795px; height:500px; padding:20px 0; }
.map2 {  position: absolute; top:0; left:0; z-index:200; width:795px; height:500px;  padding:20px 0; }


#map { position:absolute; z-index:300;}
#map2 { position:absolute; z-index:300;}





/*sub_event======*/
.event { text-align:center; padding-top:65px; padding-bottom:50px;}
.presen { text-align:center; padding-top:35px; padding-bottom:50px;}
.event ul {list-style-type: none; padding-top:60px;}
.event li {display: inline; }
.event img {padding:5px;}
.content_event { width:60%; height:90%; background-color:#FF3;}
.btn_eventpop_close {float:right;}
.btn_eventpop_close a {color:#ffffff; text-decoration:none;}

#mask { position:absolute; left:0; top:0;
  z-index:9000; background-color:#000; display:none;}
  
#boxes .window { position:fixed; left:0; top:0;
 display:none; z-index:9999; }

#boxes #dialog1 #dialog2 #dialog3 #dialog4 #dialog5 #dialog6 #dialog7 #dialog8 #dialog9 { display:block; width:100%; height:100%; background-color:#ffffff;}
.window {display: block;}
.btn_eventpop_content {padding:15px;}




/*footer======*/
#footer {margin: 15px auto; width:1024px; text-aline:center; padding:22px 0 30px 0; clear:both; border-top-width:3px; border-top-color:#c7c7c7; border-top-style:solid;    }

.section {width:1024px; margin:20px auto 40px auto;}
.section ul { list-style-type: none;}
.section li {float: left; }
.footer_txt {margin-left:18px;}




/*게시판======*/
.tbl_basic2 {margin:10px auto 15px; border-top:2px solid #666666; border-right: 0px solid #ccc; border-bottom: 0px solid #ccc; text-align: center; background: #ffffff;  text-decoration:none;}


.tbl_basic2 thead {background-color:#f8f9fa; text-align:center;}

.tbl_basic2_left { text-align:left; }

.tbl_top {background:#f8f8f8}
.tbl_basic2 th,
.tbl_basic2 td { height: 40px; border:1px solid #ccc; border-top:0; border-left:0; border-right:0;  }
.tbl_basic2 * { vertical-align: middle; }
.tbl_basic2 input {  height: 20px; line-height: 20px;  }
.tbl_basic2 select { height: 38px; border: 0; }



/*게시판 view======*/
.tbl_view {margin:10px auto 15px; border-top:2px solid #666666; border-right: 0px solid #ccc; border-bottom: 0px solid #ccc; text-align: left; background: #ffffff;  text-decoration:none;}
.tbl_view_title {background-color:#f8f9fa; text-align:center;}
.txt_color_blue { color:#5790d7;}
.tbl_view_left { text-align:left; }

.tbl_top {background:#f8f8f8}
.tbl_view th,
.tbl_view td { height: 40px; border:1px solid #ccc; border-top:0; border-left:0; border-right:0;  }
.tbl_view * { vertical-align: middle; }
.tbl_view input {  height: 20px; line-height: 20px;  }
.tbl_view select { height: 38px; border: 0; }
.add { text-align:right;}


/*게시판 write======*/
.tbl_write {margin:10px auto 15px; border-top:2px solid #666666; border-right: 0px solid #ccc; border-bottom: 0px solid #ccc; text-align: center; background: #ffffff;  text-decoration:none;}
.tbl_write thead {background-color:#f8f9fa; text-align:center;}
.tbl_write_left { text-align:left; }

.tbl_top {background:#f8f8f8}
.tbl_write th,
.tbl_write td { height: 40px; border:1px solid #ccc; border-top:0; border-left:0; border-right:0;  }
.tbl_write * { vertical-align: middle; }
.tbl_write input {  height: 20px; line-height: 20px; border:1px solid #ccc; }
.tbl_write select { height: 38px; border: 0; }



/*게시판 photo======*/
.tbl_photo {margin:10px auto 15px; border-top:2px solid #666666; text-align: center; background: #ffffff;  text-decoration:none;}

.tbl_photo table { width:100%; margin-top:15px;}
.tbl_photo thead {background-color:#f8f9fa; text-align:center; }
.tbl_photo tr,
.tbl_photo td {line-height:300%;}
.tbl_photo * { vertical-align: middle; }





/*paging=======*/
.paging { margin: 20px auto 20px 40px; text-align: center; line-height:100px; }

.paging a { display: inline-block; vertical-align:middle; padding: 10px 5px 5px 1px; height: 10px; line-height: 9px; color: #7f7f7f; }
.paging img {margin-top:-8px;}

.paging .on { font-weight: bold; }
.paging * {  }
.paging a.paging_prev { margin-right: 5px; }
.paging a.paging_next { margin-left: 5px; }


/* table */
table { border-collapse:collapse; font-size:13px; color:#717171}
table thead th { font-weight:bold; border-bottom: #ccc dotted 1px}
table th,
table td { word-break:keep-all; line-height:1.3em; vertical-align:middle }
table .sr_only { position:fixed; top:-9999px; left:-9999px}

.table_10 { width:100%; border-top: solid 1px #636363;border-bottom: solid 1px #CCC; margin:10px 0 20px 0}
.table_10 th,
.table_10 td { padding:10px 5px}
.table_10 td { font-family:'굴림',Gulim,'돋움',Dotum,sans-serif; font-size:12px; }
.table_10 thead th,
.table_10 thead td { background:#e9e9e9; padding:18px 5px}
.table_10 tbody th { background:#f3f3f3; border-bottom: 1px solid #dedede;}
.table_10 tbody td { background:#fff; text-align:center; border-bottom: 1px solid #e9e9e9;}
.table_10 tbody td.title { text-align:left; font-weight:bold}

.table_20 { width:100%; border-top: solid 1px #636363;border-bottom: solid 1px #CCC; margin:10px 0 20px 0}
.table_20 th,
.table_20 td { padding:10px 5px; line-heigh:1.3em}
.table_20 td { font-family:'굴림',Gulim,'돋움',Dotum,sans-serif; font-size:12px;color:#999 }
.table_20 thead th,
.table_20 thead td { background:#e9e9e9; padding:18px 5px}
.table_20 tbody th { background:#f3f3f3; border-bottom: 1px solid #dedede;}
.table_20 tbody td { background:#fff; text-align:center; border-bottom: 1px solid #e9e9e9; color:#999}
.table_20 tbody td.title { text-align:left; color:#717171}
.table_20 tfoot th,
.table_20 tfoot td { background: #fafafa;; padding:18px 5px; text-align:center}

.table_20 td.th2 {background:#fafafa}

.li_10 { text-align:left}
.li_10 li { position:relative; padding:1px 0 1px 14px}
.li_10 li:before  { display:block; content:""; background:#39C; width:3px; height:3px; border-radius:1px; left:2px; top:7px; position:absolute}


.map_sample {width:60%;}