@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

/* ±âº» ½ºÅ¸ÀÏ ¼öÁ¤ */
body {font-family: 'Noto Sans KR',sans-serif;}
a {color:#333;}
a:focus, a:hover {color:#000;text-decoration:none;}

.nav>li>a,.nav>li>a:focus,.nav>li>a:hover {background-color:none;}
.panel-heading {padding:0;}
.panel-title a {display:block; font-size:16px; padding: 10px 15px;}
.panel-body {padding:10px 20px;}
.table {border-top:2px solid #ddd; border-bottom:1px solid #ddd;}
.pagination {display:block; text-align:center;}
.pagination>li>a, .pagination>li>span {float:none; display:inline-block;}
.form-control {display:inline-block; width:auto; vertical-align:middle;}

@media (min-width: 1200px){
  .container {width: 1000px;}
}

/* Çì´õ ½ºÅ¸ÀÏ */
.header_wrap {position:absolute; top:0; left:0; width:100%; height:100px; background-color:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.2); z-index:10;}
.header_in {position:relative;}
.header_in .logo {margin-left:-10px;}

.header_in>.main_menu {position:absolute; top:30px; right:0;}
.header_in>.main_menu>ul {padding-left: 0; margin-bottom: 0; list-style: none;}
.header_in>.main_menu>ul>li>a {color:#4c4c4c; font-size:19px; font-weight:500; padding:10px 24px;}
.header_in>.main_menu>ul>li>a:hover {color:#0073e5; background-color:#fff;}

.btn_all {display:none;}

.amn{position:absolute;overflow-y:auto; z-index:1000;  background:#fff; width:305px; left:-305px; display:none;
-webkit-overflow-scrolling: touch;
overflow:scroll;
overflow-x:hidden;
overflow-y:auto;
}
.amn.view{left:0; display:block;}

.amn .mntop1{position:relative; height:46px; line-height:46px; padding:0 15px; border-bottom:1px solid #e1e1e1; font-size:18px; color:#000;}
.amn .mntop1 .close1{position:absolute; right:0; top:0;}
.amn .menubox1{padding:10px;}
.amn .menubox1 ul.md2{padding-left: 0; margin-bottom: 0; list-style: none;}
.amn .menubox1 ul.md2 li {font-size:14px; line-height:30px;}
.amn .menubox1 ul.md2 li a {color:#555; display:block;}
/*.amn .menubox1 a{font-size:16px; font-weight:500;}*/

.dobox{position:absolute; top:0; left:0; width:100%; height:100%; display:block;  background:#000; z-index:100; filter:alpha(opacity=70); background-color:rgb(0, 0, 0); opacity: 0.7; display:none;}


@media (max-width:992px){
  .header_wrap {height:60px;}
  .header_in>.main_menu {display:none;}
  .header_in .logo {padding:7px 0 0 0; text-align:center; margin-left:0;}
  .header_in .logo img {height:46px;}
  .btn_all {display:block; position:absolute; left:10px; top:5px;}
  .btn_all img {width:50px;}
}


/* ǪÅÍ ½ºÅ¸ÀÏ */
.footer_wrap {clear:both; background-color:#fff; border-top:1px solid #ebebeb; padding:10px 0 30px 0;}
.footer_in {position:relative;}
.footer_in .f_logo {float:left; padding-right:50px; margin-left:-10px;}
.footer_in .f_copyright {float:left;}
.footer_in .f_address {clear:both; padding:30px 0 0 0; font-size:12px; color:#666; line-height:20px;}
.footer_in .f_address a {color:#4d4d4d;}


@media (max-width:992px){
  .footer_wrap {background-color:#343434; border-top:0; padding:10px 0;}
  .footer_in .f_logo {display:none;}
  .footer_in .f_copyright {float:none;}
  .footer_in .f_address {color:#ccc; padding:10px 0 0 0;}
  .footer_in .f_address a {color:#fff;}
}


/* ¸ÞÀÎÆäÀÌÁö ½ºÅ¸ÀÏ */
.main_visual_wrap {height:380px; background-color:#f5f5f5; margin-top:100px;}
.main_visual_in {position:relative; width:1000px; margin:auto;}

.main_content_wrap {height:200px; background-color:#6dcff6;}
.main_content_in {position:relative; width:1000px; margin:auto; padding-top:30px;}
.main_content_box {float:left; width:32%; height:140px; margin-left:1%; background-color:#fff; box-shadow:0 0 3px rgba(0,0,0,0.2);}
.main_content_box2 {display:none;}

.main_notice {position:relative; padding:24px 26px 0;}
.main_notice h4 {margin-top:0;}
.main_notice .view_more {position:absolute; top:27px; right:26px;}
.main_notice>ul {padding-left: 0; margin-bottom: 0; list-style: none;}
.main_notice>ul>li {text-overflow:ellipsis; overflow: hidden; white-space: nowrap;}
.main_notice>ul>li>a {color:#666; font-size:12px; line-height:22px;}

.main_gallery {position:relative; padding:24px 26px 0;}
.main_gallery h4 {margin-top:0;}
.main_gallery .view_more {position:absolute; top:27px; right:26px;}
.main_gallery>ul {padding-left: 0; margin-bottom: 0; list-style: none;}
.main_gallery>ul>li {float:left; margin-right:5px;}
.main_gallery>ul>li:last-child {margin-right:0;}
.main_gallery>ul>li img {width:86px; height:64px;}

.main_customer {position:relative; padding-top:24px; text-align:center;}
.main_company {position:relative; padding-top:24px; text-align:center;}


@media (max-width:992px){
  .main_visual_wrap {height:auto; margin-top:60px;}
  .main_visual_in {width:auto;}
  .main_visual_in img {width:100%;}

  .main_content_wrap {height:auto; overflow:auto;}
  .main_content_in {width:auto; padding-top:15px;}
  .main_content_box {width:47%; margin-left:2%; margin-bottom:15px;}
  .main_content_box2 {display:block; float:left; width:47%; height:140px; margin-left:2%; margin-bottom:15px; background-color:#fff; box-shadow:0 0 3px rgba(0,0,0,0.2);}

  .main_customer {padding-top:24px; padding-left:26px; text-align:left;}
  .main_company {padding-top:24px; padding-left:26px; text-align:left;}

}

@media (max-width:768px){
  .main_content_wrap {height:auto; overflow:auto;}
  .main_content_in {width:auto; padding-top:15px;}
  .main_content_box {width:96%; margin-left:2%; margin-bottom:15px;}
  .main_content_box2 {display:none;}
}

@media (max-width:480px){
  .main_content_box {height:130px;}
  .main_notice {padding:14px 21px 0;}
  .main_notice .view_more {top:17px; right:21px;}
  .main_gallery {padding:14px 21px 0;}
  .main_gallery .view_more {top:17px; right:21px;}
  .main_customer {padding-top:14px; padding-left:21px;}
}


/* ¼­ºêÆäÀÌÁö ½ºÅ¸ÀÏ */
.sub_visual_wrap {height:180px; background-color:#f5f5f5; margin-top:100px;}
.sub_visual_in {position:relative; width:1000px; margin:auto;}

.sub_wrap {padding-top:30px; padding-bottom:20px; min-height:600px;}

.left_wrap {padding-right:45px;}
.left_title {font-size:24px; color:#fff; font-weight:500; background-color:#0f1b99; padding:20px 0; margin-bottom:5px; text-align:center;}
.left_menu>ul {padding-left: 0; margin-bottom: 0; list-style: none;}
.left_menu>ul>li>a {display:block; color:#333; font-size:16px; padding:8px 10px; border-left:2px solid #999999; border-right:1px solid #dbdbdb; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; margin-bottom:3px;}
.left_menu>ul>li>a:hover, .left_menu>ul>li>a.on {color:#fff; background-color:#0095ff; border-left:3px solid #0044cc; border-right:1px solid #0095ff; border-top:1px solid #0095ff; border-bottom:1px solid #0095ff;}

.sub_banner {margin-top:12px; padding:12px 0; text-align:center; border:1px solid #dbdbdb;}

.sub_title {margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #dbdbdb;}
.sub_title span {float:right; font-size:12px; font-weight:300; line-height:3; color:#888;}


@media (max-width:992px){
  .sub_visual_wrap {height:auto; margin-top:60px;}
  .sub_visual_in {width:auto;}
  .sub_visual_in img {width:100%;}

  .sub_wrap {padding-top:0;}
  .left_wrap {display:none;}
}

@media (max-width:768px){
  .sub_title span {display:none;}
}


/* ÄÁÅÙÃ÷ÆäÀÌÁö ½ºÅ¸ÀÏ */


@media (max-width:768px){
}


/* °Ô½ÃÆÇÆäÀÌÁö ½ºÅ¸ÀÏ */
.board_header {text-align:right; padding:5px 0;}

.board_list th, .board_list td {font-size:14px; text-align:center;}
.board_list .board_list_uid {width:8%;}
.board_list .board_list_title {width:auto;}
.board_list td.board_list_title {text-align:left;}
.board_list .board_list_user {width:15%;}
.board_list .board_list_date {width:15%;}
.board_list .board_list_view {width:10%;}
.board_list .active .board_list_title {font-weight:bold;}
.board_list .active .bulletin {line-height:2;}

.gallery_list .gallery_group {text-align:center; font-size:14px; margin-bottom:20px;}
.gallery_list .gallery_image a {width:150px; height:110px; margin:0 auto;}
.gallery_list .gallery_image a img {width:140px; height:100px;}
.gallery_list .gallery_title {width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  margin:5px auto;}
.gallery_list .gallery_date {font-size:12px; color:#777;}

.board_search input[type="text"] {width:140px;}

.board_document_wrap {font-size:14px;}
.board_document_wrap .board_title {font-weight:bold; padding:8px; text-align:center; border-top:2px solid #ddd; border-bottom:2px solid #ddd;}
.board_document_wrap .board_detail {float:left; width:100%; background-color:#f9f9f9; padding:8px 0; border-bottom:1px solid #ddd;}
.board_document_wrap .board_detail div {display:inline-block; float:left; padding:0 10px;}
.board_document_wrap .board_detail div.detail_writer {width:60%;}
.board_document_wrap .board_detail div.detail_date {width:25%; text-align:right; padding:0;}
.board_document_wrap .board_detail div.detail_view {width:15%; float:right; text-align:right;}
.board_document_wrap .board_content {clear:both; border-bottom:1px solid #ddd;}
.board_document_wrap .board_content .content_view {padding:20px 20px;}
.board_document_wrap .board_content .content_photo {padding:20px 20px;}
.board_document_wrap .board_content .content_media {padding:20px 20px;}
.board_document_wrap .board_content form {margin:0;}
.board_document_wrap .content_file .file_title {float:left; width:80px; padding:8px 10px;}
.board_document_wrap .content_file .file_name {padding:8px 8px 8px 80px; border-top:1px solid #ddd;}
.board_document_wrap .content_term {clear:both; padding:8px 10px; border-top:1px solid #ddd;}

.board_link {clear:both; margin-bottom:10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.board_link .link_prev {background-color:#f9f9f9; padding:8px 10px; border-bottom:1px solid #ddd;}
.board_link .link_next {background-color:#f9f9f9; padding:8px 10px; border-bottom:1px solid #ddd;}

.board_comment .comment_write {background-color:#f9f9f9; padding:8px 10px; border-bottom:1px solid #ddd;}
.board_comment .comment_write form {margin:0;}
.board_comment .comment_write .comment_name,
.board_comment .comment_write .comment_password {float:left; padding-top:8px;}
.board_comment .comment_write .comment_content {padding-bottom:8px;}
.board_comment .comment_view {padding:8px 10px 16px;}
.board_comment .comment_view form {margin:0;}
.board_comment .comment_view .comment_name,
.board_comment .comment_view .comment_password {float:left; padding-top:8px;}
.board_comment .comment_view .comment_info {padding:8px 0;}
.board_comment .comment_view .comment_content {padding-bottom:8px; border-bottom:1px dashed #ccc;}
.board_comment .comment_name input[type="text"],
.board_comment .comment_password input[type="password"]{width:120px; height:30px; padding:2px 8px; margin-right:10px;}
.board_comment .comment_label {clear:both; padding:8px 0;}
.board_comment .comment_content textarea {width:100%; height:60px; padding:4px 8px;}
.board_comment .comment_content {display:table; width:100%;}
.board_comment .comment_content .comment_submit_text {display:table-cell;}
.board_comment .comment_content .comment_submit_button {display:table-cell; width:80px; text-align:right; vertical-align:top;}
.board_comment .comment_content .comment_submit_button a.btn {width:70px; height:60px; line-height:60px; padding:0;}
.board_comment .comment_content .comment_submit_button_02 {display:table-cell; width:154px; text-align:right; vertical-align:top;}
.board_comment .comment_content .comment_submit_button_02 a.btn {width:70px; height:60px; line-height:60px; padding:0;}

.board_delete_wrap {padding:40px 0; border-top:1px solid #ddd; border:1px solid #ddd; background-color:#f9f9f9; text-align:center;}
.board_delete_wrap .board_delete_title {color:red; padding-bottom:10px;}
.board_delete_wrap .board_delete_password input[type="password"] {width:140px; height:30px; padding:2px 8px;}
.board_delete_confirm {padding:20px 0; text-align:center;}

.board_write_wrap {padding:0 15px; border-top:2px solid #ddd; border-bottom:1px solid #ddd;}
.board_write_wrap .row {border-bottom:1px solid #ddd; padding:8px 0;}
.board_write_wrap .row input[type="text"],
.board_write_wrap .row input[type="password"] {width:100%; height:30px; padding:2px 8px;}
.board_write_wrap .row input[type="file"] {display:inline-block;}
.board_write_wrap .row input.date_input {width:100px;}
.board_write_wrap .row textarea.form-control {width:100%; padding:4px 8px;}
.board_write_control {text-align:right; padding:10px 0;}

.portfolio_list th, .portfolio_list td {font-size:14px; text-align:center;}
.portfolio_list .portfolio_list_uid {width:8%;}
.portfolio_list .portfolio_list_title {width:auto;}
.portfolio_list td.portfolio_list_title {text-align:left;}
.portfolio_list .portfolio_list_date {width:28%;}
.portfolio_list .portfolio_list_user {width:28%;}
.portfolio_list td.portfolio_list_user {text-align:left;}

.portfolio_read {border-bottom:2px solid #ddd;}
.portfolio_read th, .portfolio_read td {font-size:14px;}
.portfolio_read th {width:20%; text-align:center; background-color:#f9f9f9;}

.portfolio_write {border-bottom:2px solid #ddd;}
.portfolio_write th, .portfolio_write td {font-size:14px;}
.portfolio_write th {width:20%; text-align:center; background-color:#f9f9f9;}
.portfolio_write td input[type="text"],
.portfolio_write td input[type="password"] {width:100%; height:30px; padding:2px 8px;}
.portfolio_write td input.date_y {width:60px;}
.portfolio_write td input.date_d {width:40px;}
.portfolio_write td textarea {width:100%; padding:4px 8px;}
.portfolio_write td div.attach_file {padding-bottom:8px;}

.login_wrap {width:460px;}
.login_wrap .login_logo {padding:50px 0 30px; text-align:center;}
.login_wrap .login_form .form-control,
.login_wrap .login_form .btn {width:100%;}
.login_wrap .login_copy {font-size:10px; color:#999; border-top:1px solid #ddd; padding:20px; margin-top:30px; text-align:center;}

@media (max-width:768px){
.board_list .board_list_user, .board_list .board_list_view {display:none;}
.board_list .board_list_date {width:30%;}
.board_search input[type="text"] {width:100px;}
.portfolio_list .portfolio_list_user, .portfolio_list .portfolio_list_date {display:none;}
.board_document_wrap .board_detail div {display:block; float:none; padding:5px 10px;}
.board_document_wrap .board_detail div.detail_writer {width:100%;}
.board_document_wrap .board_detail div.detail_date {width:100%; text-align:left; padding:5px 10px;}
.board_document_wrap .board_detail div.detail_view {width:100%; float:none; text-align:left;}
.board_document_wrap .board_content .content_view {padding:10px 10px 40px;}
.portfolio_read .portfolio_content img {width:100%; height:auto;}
nav>.pagination>li {font-size:12px;}
nav>.pagination>li.del_cell {display:none;}
nav>.pagination>li>a, nav>.pagination>li>span {width:26px; padding:4px 0; text-align:center;}
nav>.pagination>li.round_left>a, nav>.pagination>li.round_left>span {border-top-left-radius:4px;border-bottom-left-radius:4px;}
nav>.pagination>li.round_right>a, nav>.pagination>li.round_right>span {border-top-right-radius:4px;border-bottom-right-radius:4px;}
}