/*
Theme Name:     Seoul Institute Theme
Author:         dmain
*/

@charset "utf-8";

html {font-family:'Open Sans', 'Noto Sans KR'; font-size: 16px;color:#242424}

/* Basic */
#sidebar ul.menu .menu-mlid-510 .menu {display: none;}
*,*:before,*:after {box-sizing: border-box;}
*,fieldset { padding: 0; margin: 0;}
a {color: #242424; text-decoration: none;}
a:hover {color: #000;}
fieldset {border:none;}
.social-share-item-googleplus {display: none;}
.form-type-select.form-item-sort-by:after,.form-type-select.form-item-sort-order:after { right: 13px;}
.newsletter_form_wrap,.checkemail_form_wrap {display:none;}
input {height: 40px;font-family: 'Noto Sans KR'; font-size: 14px; padding: 0 12px;vertical-align: middle;}
input[type=button] {background: #808080; color: white; border: none;}
input[type=submit] {background: #1461A5; color: white;padding: 0 24px; border: none;margin-right: 10px;}
input[type=text] {background: #F2F7FC;border:1px solid #CCC;}
caption { position: absolute; top: 0; visibility: hidden;}
.btn_file {margin: 0;}
.page-si-competition .btn_file {display: inline-block; width: 77.7%;float: right;}
.iconbtn font {display: none;}
.block-block-builder > h2 {display: none;}
.btn_file.fileset {width:60%;display: inline-block;}
.group-file-meta a,
.btn_file a { float:left;color:#596a73; background:#F2F7FC;border-radius: 3px;padding: 0 12px;height: 30px; line-height: 30px;  margin-right: 8px; font-size: 14px;border: 1px solid #c6daef;}
.btn_file.fileset a {margin-bottom: 8px;}
.btn {display: block; padding: 0px 24px; background: #1461A5; color: white; border-radius: 7px;font-size: 24px; }
a.btn {padding: 10px 24px;}
.btn.top {position: absolute; top: 0; right: 0; font-size: 18px;}
.btn.middle {display:inline-block;font-size: 20px;}
.btn.file {display:inline-block;color:#596a73;background:#F2F7FC; border-radius: 3px;padding: 0 12px;height: 32px; line-height: 32px;  margin-right: 8px;font-size: 16px;border: 1px solid #c6daef;}
.btn.file:hover {color: #596a73;background:#c6daef}
.btn:hover{color: #ececec;}
.btn.full {width:100%; padding: 20px 30px; text-align: center; background-color: #777;letter-spacing: 10px;}
a.close  {position: absolute;text-indent: -9999px; overflow: hidden;font-size: 36px;top: 0;right: 41px; background: #aaa; color: white; height: 60px; width: 50px;}
a.close:before {position: absolute; content: "\e9af"; font-family: xeicon; text-indent: 0; top: 20px; left: 6px;}
.form-select::-ms-expand,.select_field::-ms-expand {display: none;}
.form-select:focus:invalid,.select_field:focus:invalid { border-color: #FD6347;}
.form-select:required:valid,.select_field:required:valid {border-color: #006400;}
.form-select,.select_field { font-family: 'Noto Sans KR'; font-size: 14px;color:#242424;height: 40px; padding: 5px 35px 5px 8px; border: 1px solid #CCC; }
.fieldset-wrapper .clearfix:after {overflow: hidden;height: 8px;}
.mt7 {margin-top: 7px;}
.mt8 {margin-top: 8px;float: left; display: inline-block;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt60 {margin-top: 60px;}
.ml10 {margin-left: 10px;}
.area {position: relative;padding-left: 40px;}
.area:before { content: "\ea7c"; font-family: xeicon; font-size: 24px; position: absolute; text-indent: 0; top: 8px; left: 4px;}
.area span {font-size: 14px; background: #ececec; padding: 3px 10px;margin: 5px 3px;display: inline-block;white-space: nowrap;}
.view-header .content + p {display: none;}
form .form-item.form-type-textfield  {border-bottom: none;}
/* board-list */ 
.view-header {position: relative;font-size: 14px; line-height: 24px; color: #8D8D8D; border-bottom: 1px solid #ccc;margin-bottom: 50px;padding-bottom: 40px;}
.view-header span {position: absolute; bottom:-22px; display: block;font-size: 15px;color: #707070;margin: 10px 0;z-index: 1;background: white;padding-right: 15px;}
.view-header h1{font-size: 24px; color: #1461A5; line-height: 36px; font-weight: 400;margin: 0 0 10px;}
.views-counter {position: absolute; top:67px; display: block;font-size: 15px;color: #707070;margin: 10px 0;z-index: 1;background: white;padding-right: 15px;}
.views-label {color: #999; font-size: 14px; font-weight: 700;}
.item-list ul {list-style: none;}
.item-list ul li {margin:0;padding: 20px 30px;overflow: hidden; border-bottom: 1px solid #eee;}
.item-list ul li:last-child {border-bottom: none;}
.item-list ul li:hover {background-color: #F2F7FC ;}
.item-list ul li .views-field-field-small-img.views-field {float:left;margin-right: 30px; width:120px;margin-bottom: 0;min-height: 110px;}
.page-collection .item-list ul li .views-field-field-small-img.views-field {float:left;margin-right: 30px; width:120px;margin-bottom: 0;min-height: 130px;}
.page-collection .item-list ul li p {margin-bottom: 5px;}
.item-list ul li .views-field-field-image.views-field {float:right;margin-left: 30px; width:160px;margin-bottom: 0;}
.item-list ul li .views-field-field-content-img.views-field {float:left;margin-right: 30px; width:120px;margin-bottom: 0}
.item-list ul li .views-field-field-image img,
.item-list ul li .views-field-field-small-img img,
.item-list ul li .views-field-field-content-img img {width:100%; height: auto; border: 1px solid #ddd;}
.item-list ul li h2{display: block;font-size: 19px; font-weight: 700;margin: 0 0 12px;}
.item-list ul li h2 i {margin-left: 10px; color: #465DB4;}
.item-list ul li .views-field-field-content-img.views-field:after,
.item-list ul li .views-field-totalcount.views-field:after,
.item-list ul li .views-field-title.views-field:after {content: none;}
.item-list ul li .views-label:after {content: ":";padding: 0 0 0 3px;}
.item-list ul li .field-content {display: inline-block}
.item-list ul li .views-field {display: inline-block; margin-bottom: 12px; font-size: 15px;}
.item-list ul li .dvd:after {content:"|";color: #ccc; padding: 0 1px 0 3px;font-size: 13px; vertical-align: text-top;}
.item-list ul li p {font-size: 14px; line-height: 24px;color: #777;margin-bottom: 12px;  }

.box-list ul {list-style: none;}
.box-list ul li {width:280px; float:left;margin: 0 30px 40px 0;overflow: hidden;}
.box-list ul li .thumbg{ width:100%; height: 163px;background-repeat:no-repeat; background-size: cover; border: 1px solid #ddd;}
.box-list ul li h3 { font-size: 18px; margin: 15px 0 10px; word-break: keep-all;}
.box-list ul li p {font-size: 15px;}
.box-list ul li:nth-child(3n){margin-right: 0;}
#container_suite { padding: 0; margin: 0 0 80px;position: relative;overflow: hidden;}
#container_suite .view-side-left {float:left; width:18%; }
#container_suite .view-side-left ul {list-style-type: none;}
#container_suite .view-side-left ul li {}
#container_suite .view-side-left ul li.on a {background: #666; color: white;}
#container_suite .view-side-left ul li a {padding: 16px 20px; display: block;}
#container_suite .view-side-right {float:left;width:82%;border-left: 1px solid #666;min-height: 1140px;}

/* metta */

.content .field-item ul.metta_list li {list-style: none;margin-left: 0; border-bottom: 1px solid #ccc;padding: 20px 0 30px;}
.content .field-item ul.metta_list li .logo {width:240px; float:left;padding-left: 20px;}
.content .field-item ul.metta_list li .info {display: inline-block;width: 72%;}
.content .field-item ul.metta_list li .info a {font-weight: bold; text-decoration: underline;}

/* board-view */
 .node > h2 {font-size:28px; line-height: 40px;padding: 10px 0 20px; margin-bottom: 18px; border-bottom: 3px solid #ccc; color: #242424;word-break: keep-all;}
.node .field {display: inline-block; margin-right: 12px; line-height: 24px;}
.node .field.field-label-above {}
.field-label-above .field-label {display: block;float:none; margin: 0 0 20px}
.field-name-field-tags {width:100%;border-top : 1px solid #ccc; padding: 24px 0;margin: 10px 0 40px}
.field-name-field-tags .field-label{text-indent: -9999px;overflow: hidden; position: relative;margin-right: 10px;}
.field-name-field-tags .field-label:before {content: "\ea36"; font-family: xeicon;font-size: 24px;position: absolute;text-indent: 0;top:0;left:0}
.field-name-field-tags .field-item { position: relative;display: inline-block;margin: 0 7px;}
.field-name-field-tags .field-item a {position: relative;z-index: 1;padding:0 5px;}
.field-name-field-tags .field-item:before {content: "";position: absolute; display: inline-block; width:100%; height: 10px;background-color:#FFF1A8;z-index: 0; top:7px;padding:0 5px;}
.group-meta {border-bottom: 1px solid #ccc;margin-bottom: 20px;padding-bottom: 6px;}
.field-label {color: #999; font-weight: 700;font-size: 15px;}

.field-item {color: #242424; font-weight: 400; display: inline-block;}
.node-type-page .field-item {width: 100%}
.node-type-si-competition .field-item {padding-right: 5px;}
.group-file-meta {border-bottom : 1px solid #ccc; padding: 0 0 20px;margin-bottom: 20px;}
.group-file-meta img {display: none;}
.group-file-meta .field-label {line-height: 30px;}
.node .field-type-image {float:left; width:40%;margin: 30px 30px 20px 0;}
.node .field-type-image img {width:100%; height: auto;border: 1px solid #ddd;}
.node .field-type-text-with-summary {display: inline;}
.group-hr {border-top: 1px solid #ccc;margin-top: 15px; }
.submitted {display: none;}
.youtube_iframe {margin-top: 40px;}
.field-name-field-summary .field-item {min-height: 520px; display: inline-block;width: 100%;}
.item-list .summary_list {display: inline-block; width: 82%;overflow: hidden;}
.item-list .summary_list ul {list-style: square;margin-top: 3px;}
.item-list .summary_list ul li {padding:5px 0; margin-left: 20px;border-bottom: none;overflow: visible;font-size: 14px;line-height: 24px; color: #777; word-break: keep-all;}
.item-list .summary_list h1{ font-size: 14px; margin: 10px 0 8px;}
.page-trends-consumption .item-list ul li .views-field-field-small-img.views-field { margin-bottom: 280px;}
.page-trends-corpjob .item-list ul li .views-field-field-small-img.views-field { margin-bottom: 250px;}
.group-file-meta legend {float:left;margin-right: 20px;}
.fieldset-legend {color: #999; font-weight: 700; font-size: 15px;line-height: 30px;}
.fieldset-wrapper {display: inline-block;width: 90%;}
.file-size {line-height: 30px; font-size: 14px;color: #777; margin-right: 10px;}
.node-type-trends-consumption .group-file-meta,
.node-type-trends-corpjob .group-file-meta {border-top: 1px solid #ccc; padding: 20px 0 15px; margin-top: 12px}
.node-type-trends-consumption .file a, .node-type-recruits .file a,
.node-type-trends-corpjob .file a{margin-bottom: 6px;}
.field-name-field-info-graphic .field-item  {width: 100%;text-align: center}


/* infographics */

.view-content.muuri {position: relative; margin: 0 -10px;}
.view-content.muuri .sizeOne {width:286px}
.view-content.muuri h3 {font-size: 18px; padding: 15px 20px 10px;}
.view-content.muuri p {font-size: 15px; padding: 0 20px 20px;}
.node-type-infographics img {width:100%;height: auto;}


/* editor */

.content .field-item h1 {font-size: 24px; color: #1461A5; line-height: 36px; font-weight: 400; margin: 40px 0 24px; }
.content .field-item h1:first-child,
.content .field-item h2:first-child {margin-top: 0;}
.content .field-item h2 {font-size: 18px; color: #506273; line-height: 32px; margin: 30px 0 20px; }
.content .field-item h3 {font-size: 16px; color: #000; line-height: 28px; margin: 24px 0 12px; font-weight: 400; }
.content .field-item h4 {font-size: 15px; color: #000; line-height: 24px; margin: 14px 0 16px;  }
.content .field-item p {line-height: 28px;margin-bottom: 20px;color: #585858; -ms-word-break: keep-all;
word-break: keep-all;}
.content .field-item ul {list-style: square;}
.content .field-item ul.nostyle {list-style: none;margin-top: 10px;}
.content .field-item ul.nostyle li {margin-left: 0;}
.content .field-item ul.nostyle > li > ol > li{margin: 10px 0 0 48px;}
.content .field-item ul.nostyle li ul li {margin-left: 40px;}
.content .field-item ul li {word-break: keep-all;}
.content .field-item ul,
.content .field-item ol {line-height: 30px;margin-bottom: 15px; }
.content .field-item ul li,
.content .field-item ol li{margin-left: 24px; margin-bottom: 10px; line-height: 22px;}
.content .field-item ol li ul li {margin-top: 12px; font-size: 15px;}
.content .field-item ul li ul {list-style-type: circle; margin: 10px 0 20px;}
.content .field-item ul li ul li {margin-bottom: 6px; font-size: 15px;}
.content .field-item ul li img,
.content .field-item ul li ul li img {margin-top: 10px;}
.content .field-item ul li ul li ul {list-style-type:disc; }
.content .field-item blockquote { padding: 25px 0; margin-bottom: 40px; border-bottom: 5px solid #555;border-top: 5px solid #555;}
.content .field-item blockquote p {margin-bottom: 0;}
.content .field-item li span{font-size: 14px; color: #777;}
.content .field-item hr {margin: 40px 0; border: 0; height: 1px;background: #aaa;}
.content .field-item dl {margin-bottom: 20px; }
.content .field-item dt {float:left;width:12%;}
.content .field-item dt h3 {margin: 0;}
.content .field-item dd {width: 88%;display: inline-block;margin-bottom: 25px;}
.content .field-item dd strong { padding-right: 10px; display: inline-block;}
.box {background: #eee; padding: 6px 18px; display: inline-block; }
.box.p20 {padding: 30px 40px 10px;}
.box.p20 h3 {margin: 0 10px 20px; font-weight: bold;}
.box.small {margin: 0 8px 0 20px!important; }
table {width:100%; font-size: 15px;line-height: 20px;display: block;overflow-x: auto;}
table tr.even,table tr.odd  {background: white}
table td:nth-child(odd) {background: #fafafa;}
table.w100 {display: table;}
table th {text-align: center;background: #eee;border: 1px solid #ccc;padding: 8px 10px;}
table td{border: 1px solid #ccc; padding: 8px 10px;}
table + p > span,
table + span { font-size: 13px; margin-top: 10px;display: block; text-align: right;color: #777;}
table.orgt td {text-align: center;}
table.orgt th:nth-child(4) {width:150px;}
.content .field-item em {font-size: 13px; color: #777; font-style: normal;}
.content .field-item span.ment {font-size: 14px; margin-left: 20px;}
.content .field-item .name {text-align: center;}
.content .field-item .name img { width:120px; height: auto;margin-top: 10px;}
.content .field-item table ul {margin: 12px 0;}
.content .field-item table ul li:last-child {margin-bottom: 0;}
.content .field-item table ul li a {text-decoration: underline;}
.slash {background: url('../images/slash.png');background-size: 100% 100%;text-align: left;}
.backslash {background: url('../images/backslash.png');background-size: 100% 100%;text-align: left;}
.slash div, .backslash div { text-align: right; }

/* newsletter */
.node-type-weekly-brief .content .field-name-body .field-items {text-align: center;}
.node-type-weekly-brief .content .field-name-body .field-item {margin: 30px auto; border: 1px solid #ccc;padding: 40px}
.node-type-weekly-brief .content .field-name-body .field-items table {text-align: left;}
.node-type-weekly-brief .content .field-item img {width:auto; margin: inherit;}
.node-type-weekly-brief .content .field-item table {width:640px;}
.node-type-weekly-brief .content .field-item p{line-height: 18px;margin-bottom: 10px!important;}
.node-type-weekly-brief .content .field-item table:first-child td:nth-child(2) img {width:160px;}
.node-type-weekly-brief .content .field-item table:last-child td {padding: 20px;}

.node-type-weekly-brief .content .field-item table td {padding: inherit;border: none;color: #777;}
.node-type-weekly-brief .content .field-item ul {margin-bottom: 30px!important;}
.node-type-weekly-brief .content .field-item ul li {margin-left: inherit; line-height: 18px;}
.node-type-weekly-brief .content .field-item tbody {border-top: none;}


/* form */

form .form-item label {float:left; width: 180px;vertical-align: top;padding-top: 8px;}
form .form-item {min-height: 60px;padding: 10px 0; border-bottom: 1px solid #ddd;margin: 0;}
form .form-item .form-textarea-wrapper textarea { border: 1px solid #CCC; padding: 10px 12px; margin: 0; width: 700px; max-width: 700px; vertical-align: middle;}
form .form-item .resizable-textarea .grippie { display: none;}
form .form-item .form-managed-file { position: relative; display: inline-block; overflow: hidden; cursor: pointer; vertical-align: middle;}
form .form-item .file_input_button {padding: 0 20px;}
form .form-item .form-file {float:left; padding: 7px;background: #F2F7FC; border: 1px solid #CCC; }
.captcha {margin-top: 20px;}
.btns {width:100%;text-align: center;padding: 50px 0 10px;font-size: 0;}
.btns .btn { display: inline-block; font-size: 18px;padding: 0 50px;height: 40px;line-height: 40px; vertical-align: middle;}
.btns a {background: #808080;}
.btns a.btn.black {background: #333; color: white;margin-right: 10px;}
.btns a.btn.blue {background: #1461A5; color: white!important;}
/*span.red {padding: 0 5px; font-weight: bold}*/
table td span.red {font-size:11px;  padding: 0 ; font-weight: inherit;margin-right: 2px;}
table td span.blue{font-size:11px; vertical-align: top; margin-right: 2px;}
form .form-item.form-type-select:after { left: 245px; top: 25px;}
form .field-suffix {display: inline-block;}
form .field-suffix strong {margin: 6px 10px 12px; display: block;}
form .field-suffix p{font-size: 14px;margin: 0 10px 5px;line-height: 24px;}
form .field-suffix span {font-size: 14px; margin-left: 10px;}
.form-checkbox.required {vertical-align: top;}
.captcha {position: relative;margin-top: 0}
.captcha img {position: absolute; top: -10px; left: 310px;}
.captcha .form-item {margin: 20px 0 0; padding: 0 0 20px;}

.line label {float:left; width: 180px;vertical-align: top;padding-top: 8px;}
.line {min-height: 60px;padding: 10px 0; border-bottom: 1px solid #ddd;}

.line .select {display: inline-block; width: 180px; vertical-align: middle;}
.line .select:after { right: 60px; top: 10px;}
.line textarea { border: 1px solido #CCC;padding: 10px 12px; margin: 0;width:700px;max-width: 700px;vertical-align: middle;}
.line section {display: inline-block;}
.line section input[type=text] {margin: 0 20px 10px 15px;}
.status-list h2 {font-size: 20px; padding: 15px 30px 15px; background-color: #eee; border-bottom: none;}
.status-list h2:before {content:"\e964"; font-family: xeicon; color: #888; font-size: 24px; margin-right: 12px;vertical-align: top; }

.content .field-item p.warning {margin-bottom: 0;}
p.caution {margin: 30px 0 10px 10px!important; font-weight: bold;}
p.caution + ol {margin-bottom: 0!important;}
p.caution + ol li {font-size: 15px;margin-bottom: 3px!important;}
.agreebox {margin-top: 30px;}
.agreebox input {vertical-align: middle;margin-right: 5px;}
.btn_ul {text-decoration: underline;}
.sex_select label {display: inline-block; width: inherit; float: none;margin: 0 12px 0 4px}

.form-item-sex.form-item .form-radios .form-item {display: inline-block;min-height: inherit;margin: 0 18px 0 0; padding: 0; border-bottom: none;}
.form-item-sex.form-item .form-radios label {width:inherit; float: right; margin-left: 5px;}
#edit-survey-wrap { min-height: 60px; padding: 10px 0; border-bottom: 1px solid #ddd; margin: 0;}
#edit-survey-wrap legend {float:left;}
#edit-survey-wrap .fieldset-legend {display: inline-block; width: 180px;vertical-align: top; padding-top: 8px;}
#edit-survey-wrap .fieldset-wrapper {width:80%;}
#edit-survey-wrap .fieldset-wrapper .form-item {width: 24%; float: left; border-bottom: none;padding:0;min-height: inherit;}
/* pager */

.item-list ul.pager {border-top: 1px solid #ccc; padding-top: 50px; margin: 60px 0 0;}
.item-list ul.pager li { display: inline-block;border :1px solid #B8B8B8;height: 46px; width: 46px;line-height: 45px; padding: 0;margin: 0 3px; }
.item-list ul.pager li a {display: block;height: 46px; width: 46px; text-align: center;}
.item-list ul.pager li a:hover {background: #F2F7FC;}
.item-list ul.pager li.pager-current  {background: #333; color: white;border-color: #333;}
.item-list ul.pager li.pager-first a,
.item-list ul.pager li.pager-previous a,
.item-list ul.pager li.pager-next a,
.item-list ul.pager li.pager-last a {text-indent: -9999px;overflow: hidden; background: #efefef;}
.item-list ul.pager li.pager-first a:before {content: "\e912";display: block;font-family: xeicon;text-indent: 0; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); transform: rotate(270deg);}
.item-list ul.pager li.pager-previous a:before {content: "\e906";display: block;font-family: xeicon;text-indent: 0;}
.item-list ul.pager li.pager-next a:before {content: "\e907";display: block;font-family: xeicon;text-indent: 0;}
.item-list ul.pager li.pager-last a:before {content: "\e912";display: block;font-family: xeicon;text-indent: 0;    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); transform: rotate(90deg);}

/* secret */
.password_form_wrap {background: #eee; padding: 80px 40px;margin-bottom: 20px; border-radius: 7px;}
.password_form_wrap i {width: 100%; text-align: center; font-size: 80px; color: #999; margin-bottom: 30px;}
.password_form_wrap .btns {padding-top: 30px;}
.password_form_wrap form .form-item {padding: 10px 80px 30px }
.password_form_wrap .form-item .description { display: inline-block; font-size: 14px; margin-left: 10px;}

/* Color */
.blue {color: #1461A5!important}
.red {color: #DC4A3C!important}
.paleblue {background: #F2F7FC}

/* search-widget */

.sfilter_box {background-color: white;padding: 20px;margin-top: 30px; border-right: 1px dashed #ccc;}
.sfilter_box h2 {font-size: 16px; font-weight: 400; margin-bottom: 20px;}
.sfilter_box h2 i {font-size: 18px; color: #1461A5}
.sfilter_box .select,
.sfilter_box input {margin-bottom: 6px; width: 180px; }
.sfilter_box input[type=submit] {border-radius: 5px;}
.sfilter_box .select select {width:100%;}
.sfilter_box .select:after {right: 10px}

/* Layout */ 
.page-user ul.tabs.primary {display: none;}
#wrapper {padding-top: 106px; background: #F2F2F2;min-height: 560px; }
#container {width:1200px; margin:24px auto 0;}
#container_muuri {max-width:1220px; margin:24px 0 0; padding-bottom: 60px;}
#sidebar {width:220px;float:left;padding-top: 34px;}

#sidebar h2.lnb_head {display: table-cell; font-size: 24px; line-height: 23px; color: #999999; font-weight: 400; padding-left: 20px; height: 47px; vertical-align: middle;}
#sidebar .sidebar {margin-top: 24px;border-top: 4px solid #BFBFBF;}
#sidebar ul.menu {margin-top: 28px;}
#sidebar ul.menu li{margin: 0;padding: 0; list-style: none;}
#sidebar ul.menu li a {padding: 14px 20px; display: block;}
#sidebar ul.menu li a:hover {background: #ccc;}
#sidebar ul.menu li a.active-trail,
#sidebar ul.menu li a.active {background: white;}
#sidebar ul.menu li ul.menu { background: #ddd;display: block; margin: 0; padding: 5px 0; margin-left: 20px;}
#center {position: relative;width:980px;float:right;}
#center.full {width:100%;}
#sidebar ul.menu li ul.menu li { }
#sidebar ul.menu li ul.menu li a {font-size: 14px; padding: 10px 5px 10px 20px; background: #ddd}
#sidebar ul.menu li ul.menu li a.active,
#sidebar ul.menu li ul.menu li a.active-trail {background: #ccc;}
#sidebar ul.menu li ul.menu li a:hover {text-decoration: underline;}
#center article { background: white;border-top: 4px solid #999999; padding: 36px 40px 80px 40px; margin: 24px 0 80px; min-height: 500px; }
#sidebar ul.menu li ul.menu li ul.menu {display: none;}
#tabs-wrapper {position: relative;}
.left-corner {padding-top: 34px;}
.left-corner h1 {font-weight: 400;font-size: 32px;padding-left: 40px;min-height: 47px;}
.right-corner {float:right;}
.imageblock-image {margin-top: 30px; width:220px; height: auto;}

/* sns print */
.social-share {position: absolute; top:54px;right: 42px;}
.social-share ul {list-style: none;}
.social-share ul li{float:left;}
.social-share a {display: block; height: 32px; width: 32px; text-indent: -9999px;}
.social-share a.social-share-twitter,
.social-share a.social-share-googleplus,
.social-share a.social-share-facebook {background: none;overflow: hidden;}
.social-share a:before {display: block;font-family: xeicon; color: #777777; text-indent: 0; position:absolute;font-size: 22px;}
.social-share a.social-share-facebook:before{content: "\ebd3";}
.social-share a.social-share-googleplus:before{content: "\ebe0";}
.social-share a.social-share-twitter:before{content: "\ec1f";}
.header_print {position: absolute; top:54px; right: 0;text-indent: -9999px; overflow: hidden;}
.header_print a:before {content: "\e9bb";display: block;font-family: xeicon; color: #777777; text-indent: 0; position:absolute;font-size: 22px;}



/* Header */
.menu-open header { height: inherit; padding-bottom: 24px; box-shadow: 0 5px 10px -3px #bbb }
header {float:left;text-align: center;position: absolute;width: 100%; height: 106px ;overflow: hidden;background: white;box-shadow: 0 5px 10px -8px #bbb;z-index: 999}
header .logo {position: absolute;left:45px; top:22px;z-index: 1000}
header .logo h1 {margin: 0;}
header .logo h1 a {    width: 290px;height: 60px;display: inline-block;overflow: hidden;transition: all .3s; }
header .logo h1 a img {width: 100%;height: 100%;}
header nav ul.menu { list-style: none; margin: 22px auto 0; padding: 0;text-align: center;}
header nav ul.menu:before {content: "";position: relative; top:64px;display: block;height: 20px; width:100%;border-bottom: 2px solid #ddd;  }
header nav ul.menu li {display: inline-block;text-align: left;vertical-align: top; margin: 0;padding: 0;    position: relative; left: 60px;}
header nav ul.menu li a {font-size: 16px; padding: 10px 20px; margin:0; letter-spacing: -0.2px;}
header nav ul.menu li ul.menu {position: relative;margin-top: 66px;left: 0;}
header nav ul.menu li ul.menu:before {content: none;}
header nav ul.menu li ul.menu li {display: block;margin: 0;padding: 0;left: 0;}
header nav ul.menu li ul.menu li a{display: block;margin: 0; width:162px; padding:10px; font-size: 15px;color: #585858;border-radius: 3px;text-align: left; word-break: keep-all;}
header nav ul.menu li ul.menu li a:hover {background:#EEEEEE; }
header nav ul.menu li ul.menu li ul.menu {display: none;}
header .misc {position: absolute; right:45px; top:20px;}
header .misc img { width: 128px; height: auto; float: left; margin-right: 32px; }
header .misc ul {    display: inline-block; list-style: none; margin: -14px 0 0;}
header .misc ul li {display: block;}
header #gnb .misc_language {display: none;}
header .misc li.misc_language a{padding: 10px;display: inline-block;font-size: 15px; font-weight: 700;color:#555; }
header .misc li.misc_search a {text-indent: -9999px; overflow: hidden; display: inline-block; position: relative; width: 26px; height: 26px; left: 0; top: 12px;}
header .misc li.misc_search a:before {content: "\e97a";text-indent: 0; font-family: xeicon;position:absolute; left:0; font-size: 26px;}
header .misc li.misc_search:after {    content: ""; position: absolute; top: 28px; right: 0; display: inline-block; width: 52px; height: 1px; background-color: #B2B2B2; margin: 0;}
#btn_mobile_nav {display: none;}
.external_link:after { content: "\e980";font-family: xeicon;margin-left: 2px;color:#465DB4}

/* Search */
fieldset.search-advanced {display: none;}
.search-form + h2 {display: none;}
#wrap_search {position: relative; top: 136px; height: 90px; background: #F2F2F2; text-align: center; }
#wrap_search input[type=text] {background: white; border:1px solid #dfdfdf;height: 64px;padding-left: 20px;width:40%;font-size: 27px; max-width: 640px;margin-right: -4px;}
#wrap_search .search_icont {display: inline-block;position: relative;background: white; color: #242424; height: 64px;margin-left: -5px; cursor: pointer;} 
#wrap_search input[type=submit] { height: 64px; width: 120px; font-size: 22px; background: #999; color: white; border: none;cursor: pointer; }
.no_result_cont {width:60%; margin: 50px auto 80px; text-align: center;}
.no_result_cont h1 { font-size: 24px; margin-bottom: 18px;}
.no_result_cont ul {list-style-type: none;}
.page-search .grid.muuri {margin: 0 -10px}
.page-search .content {margin-bottom: 80px;}

/* User */
.page-user article input {margin: 10px 0}
.page-user article form {margin-top: 40px;}
.page-user .form-item {margin: 30px 0 0;}

/* Footer */
footer {background-color: white; border-top: 1px solid #eee; }
footer .select {display: inline-block;    font-size: 0;}
footer .select .select_field {vertical-align: bottom;}
footer .footer_top{width:1200px; margin:0 auto; padding: 38px 0 24px; }
footer .footer_bottom {width:1200px; margin:0 auto; padding-bottom: 80px;}
footer ul.menu li {display: inline-block; margin: 0;padding: 0; font-size: 14px;line-height: 40px; }
footer ul.menu li:after {content: "|";padding: 0 12px 0 15px; font-size: 12px; position: relative; top:-2px; color: #999;}
footer .region {float:left}
footer ul.menu.footer_sns {    display: block; float: left;margin-right: 25px;}
footer ul.menu.footer_sns li a {font-size: 24px; color: #777777; padding: 0 5px; }
footer ul.menu.footer_sns li span {display: none;}
footer ul.menu.footer_sns li a.blogbtn {font-family: 'Noto Sans KR'; font-weight: 700; position: relative; font-size: 23px; top: -1px; left: 2px;}
footer .footer_top fieldset { float:right;}
footer ul.menu.footer_sns li:after,
footer ul.menu li:last-child:after {content: none;}
footer .footer_bleft {padding-top: 0;position: relative;width:56%; display: inline-block;}
footer .footer_bleft img{width:152px; height: auto;}
footer .footer_bleft p {position: absolute;left:210px;top:8px;font-size: 14px;line-height: 24px; }
footer .footer_bleft p em {margin: 0 8px; vertical-align: bottom;display: inline-block;color: #888; font-size: 12px;}
footer .footer_bleft .copyright {font-family: 'Open Sans' ;display: block;color: #999; font-size: 12px; padding-top: 8px;font-style: normal;}
footer .footer_bright { float: right; width: 30%;padding-top: 32px;}
footer .footer_bright p {font-size: 14px; padding-bottom: 12px;}
footer input[type=submit] {margin-right: 0;}
footer .footer_bright input[type=button] {padding: 0 24px;}

/* muuri */
.grid { position: relative; }
.item { display: block; position: absolute; z-index: 1; background: white; border-style: solid!important; border-color: #DDD;margin: 10px;border-width:1px 1px 2px 1px }
.block-builder-element-type-custom-text section,
.item .box_textcont{ padding: 22px 24px 28px;}
.block-builder-element-type-custom-text section h1 {margin-bottom: 0;}
.item img {width:100%;height: auto; vertical-align: middle;}
.block-builder-element-type-custom-text em,
.box_textcont .box_category {font-size:13px;color:#ccc;margin-bottom: 5px;}
.block-builder-element-type-custom-text h1,
.box_textcont h1,
.box_textcont .box_title {font-size:18px; margin-bottom: 12px;}
.block-builder-element-type-custom-text p,
.box_textcont p {font-size: 14px; line-height: 24px;color: #585858;margin-bottom: 10px;}
.block-builder-element-type-custom-text span,
.box_textcont .box_date {font-size: 12px; color: #585858;}
.sizeTwo {width:590px;}
.sizeOne {width:285px;}
.item.muuri-item-dragging { z-index: 3;}
.item.muuri-item-releasing { z-index: 2;}
.item.muuri-item-hidden {z-index: 0;}
.item-content {position: relative; width: 100%;height: 100%;}
ul.typeLink  {list-style: none;}
ul.typeLink li {border-bottom: 1px solid #DDD;}
ul.typeLink li:nth-child(even){background: #FAFAFA}
ul.typeLink li a {display: block;padding: 22px 22px;}
ul.typeLink li a:hover {background: #F2F7FC}
ul.typeLink li a i {font-size: 24px;vertical-align: bottom; margin-right: 12px;color: #8D8D8D;}
.item.w20 {position: static; width:172px;margin:0 10px 10px 0;float:left;padding: 0 20px 16px;text-align: center; }
.item.w20 h4 {font-weight: 400; }
.item.last {margin-right: 0!important;}
section {overflow: hidden;}
.item hr {margin:0 0 15px!important }
.item.w25 {position: relative; width:204px;margin:0 28px 28px 0;float:left;padding: 0;text-align: center; height: 172px}
.item.w25 div {display: table-cell; vertical-align: middle; height: 100px; text-align: center; width: 202px;}
.item.w25 h4 {background: #eee;margin: 0 0 15px; padding:10px 0;}
.item.w25 p {line-height: 20px; width:80%;margin: 0 auto 5px;}
.item.w25 p.blue {font-weight: bold;}
.item.w25.arrow_down {margin-right: 0;}
.item.w25:after {font-family: xeicon; position: absolute;font-size: 30px; color: #999;}
.item.w25.arrow_right:after {content: "\e907";  right: -27px; top: 45%; }
.item.w25.arrow_down:after {content: "\e905";  right: 42%; bottom: -24px; }
.item.w25.arrow_left:after {content: "\e906";  left: -27px; top: 45%; }
.content .field-item section h2:first-child {margin-top: 20px}


/* tab */

.tab ul {width:100%;display: block;list-style-type: none;position: relative; margin: 30px 0 20px; padding: 0; text-align: left; overflow: hidden;}
.content .field-item .tab ul li,
.tab ul li {float:left; display: inline-block; margin: 0; padding-left: 13px;}
.tab ul li.active a{background: transparent; color:#000;}
.tab ul li a {border: 1px solid #ccc;
    padding: 14px 25px;
    border-radius: 4px 4px 0 0;
    border-bottom: none;
    color: #999;
    background: #f2f2f2;
    font-size: 15px;
    line-height: 1em;
    display: block;
position: relative;}

.tab ul li.active a::before { left: 0; margin-left: -1100%; }
.tab ul li.active a::before, .tab ul li.active a::after { content: ''; display: block; width: 1100%;
    height: 1px; background: #ccc; position: absolute; bottom: 0; z-index: 1;}
.tab ul li.active a::after {right: 0; margin-right: -1100%;}
.content .field-item .tab {margin: 50px 0 30px;}

/* accordians */
.ui-widget {font-family: 'Open Sans', 'Noto Sans KR'}
.content .field-item .accordion h3 {margin: 10px 0 0;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background: #eee;}

/* breadcrumb */
.breadcrumb a {color: #777;font-size: 14px;}
.breadcrumb .first {float:left;width:24px;position: relative;text-indent: -9999px;overflow: hidden;display: block;}
.breadcrumb .first a:before {content: "\e900";text-indent: 0; font-family: xeicon;position:absolute;left: 2px; top: -1px; font-size: 15px;color: #777;padding: 5px;}
.breadcrumb .delimiter {float:left;width:30px;position: relative;text-indent: -9999px;overflow: hidden;display: block;}
.breadcrumb .delimiter:before {content: "\e93e";text-indent: 0; font-family: xeicon;position:absolute;left: 8px; top: 5px; font-size: 14px;}
.breadcrumb .inline {float:left;}

.content .field-item.sinicon h1 {font-size: 18px; margin-bottom: 15px;}
.content .field-item.sinicon img {width:100%; height: auto; border: 1px solid #ccc; padding: 30px 60px; margin: 20px 0 30px}

.content .field-item .aList {list-style-type: none;}
.content .field-item .aList li {float:left; margin-left: 0; margin-bottom: 60px;}
.content .field-item .aList.csi li {float:right;margin-bottom: 20px;}
/* Admin front */
ul.primary {position: absolute; top: 81px; right: 40px; border: none; margin: 0; padding: 0;}
#container ul.primary li a{border: none; padding: 6px 20px;margin-right: 3px;}
#container ul.primary li a.active {background-color: #999;color: white;font-weight: 700;}

/* about */

.page-node-25 .field-item p {word-break: keep-all;}
.field-item > h3:first-child { font-size: 24px;line-height: 36px; margin:10px 0 30px;}
.page-node-25 .field-item h4 {margin-top: 50px; font-weight: 400;letter-spacing: 10px;}
.page-node-25 .field-item h4 span {font-weight: 700; font-size: 18px;}
.director_portrait {width: 360px; height: auto; float: right; margin: 0 0 20px 30px;}
.node-type-small-report .content ul li h3 {display:inline-block; font-size: 16px;}
.node-type-small-report .content ul li a {display: inline-block;margin-left: 12px;}
.page-node-26 .content .field-item h1{margin-top: 0;}
.page-node-26 .content .field-item .history h2 {margin-top: 0;float:left;}
.page-node-26 .content .field-item ul {display: inline-block;margin-left: 30px;margin-top: -3px;margin-bottom: 18px;}
.content .field-item .tac dt {margin-top: 25px;}
.content .field-item .tac dd{position: relative; width:100%; text-align: center;margin-top: 0;height: 150px;}
.content .field-item .tac h1 {font-size:20px; font-weight: 600;line-height: 28px;margin-bottom: 0; }
.content .field-item .tac ul {list-style-type: none;margin: 0;}
.content .field-item .tac ul li {background: #d3dce9; padding: 5px 90px; position: relative; margin: 4px 0; display: inline-block;}
.content .field-item .tac ul li span {position: absolute; left:12px; top:12px; color: white; font-size: 36px;font-weight: 300;}
.content .field-item .tac .vision {position: relative;}
.content .field-item .tac .vision h1 {width: 70%; line-height: 36px; display: inline-block; color: black; font-size: 32px; letter-spacing: -2px; padding: 22px 0; border-top: 10px solid #b2b2b2; border-bottom: 10px solid black; }
.content .field-item .tac .vision p {    position: absolute; left: 30%; letter-spacing: 16px; bottom: -29px; font-weight: 600; color: white;}
.content .field-item .tac .circle {width:218px; height: 218px; border-radius: 109px; display: inline-block;margin-right: -30px;}
.content .field-item .tac .circle h2 { color: white; font-size: 24px;margin: 40px 0 -5px;}
.content .field-item .tac .circle p {color: white;font-size: 13px; font-weight: bold;width:60%;word-break: keep-all;margin: 20px auto 0;line-height: 20px;}
.v01 {background:rgba(20, 97, 165, .6);position: absolute; left: 16%;}
.v02 {background:rgba(65, 105, 225, .6);position: absolute;left:38%; top:20px}
.v03 {background:rgba(2, 132, 169, .6);position: absolute; left: 60%;}
.content .field-item dl.history {margin-top: 45px;}
.content .field-item dl.history + hr {margin:0 0 80px}
.content .field-item dl.history h2{display: inline-block;vertical-align: top;margin-top: 0;}
.content .field-item dl.history ul {display: inline-block;width: 80%;padding-left: 50px;}
.content .field-item dl.history dd strong {padding-right: 30px;}
.content .field-item dl.history .si_tc01 {margin-bottom:15px;}
.content .field-item dl.history .si_tc01 h3 {margin: 20px 0 0 30px; padding: 5px 20px; float: left; width: 110px; background: #1461A5; color: white; font-size: 16px;}
.content .field-item dl.history .si_tc01 ul {width:inherit;vertical-align: top;padding-left: 10px; list-style-type: none;}
.content .field-item dl.history .si_tc01 b {display: inline-block;width:90px;vertical-align: top;}
.content .field-item dl.history .si_tc01 span {font-size: 16px; display: inline-block;}
.concept {margin:10px 40px; padding-right: 20px; border-right-color: rgb(204, 204, 204); border-right-width: 1px; border-right-style: solid; float: left;}
.concept + p {text-align: left;}
.content .field-item dl.ci dd,
.content .field-item dl.ci dt{margin-top: 30px;}
.content .field-item dl.ci dd {text-align: center;}
.ci_down {display: inline-block; vertical-align: top;margin-left: 40px;}
.ci_down a.btn.file {display: table;margin: 10px 0px;}
.ci_down.signature {width:100%;text-align: left; margin-left: 0;}
.ci_down.signature a.btn.file {display: inline-block;margin: 0 3px 30px;}
.redbull {text-align: left;}
table.orgtable {display: table;}
table.orgtable td:first-child{width:20%;text-align: center}
table.orgtable td:nth-child(2){width:10%;text-align: center;font-weight: bold;}
table.orgtable td:nth-child(3){width:13%;text-align: center}
table.orgtable td:nth-child(4){width:42%;}
table.orgtable td:nth-child(5){width:10%;text-align: center}
table.orgtable td:nth-child(odd){background: #fafafa;}
table.orgtable a {text-decoration: underline; color: #1461A5}
a.iconbtn {overflow: hidden;padding:0; width: 50px;display: block;font-size: 18px;text-decoration: none;    color: #1461A5;}
.views-field-field-tel-num {width:150px}
a.iconbtn i {position: relative;text-indent: -9999px;}
a.iconbtn i:before {text-indent: 0; position: absolute; top: 0; left: 0;}
.content .field-item h1 {margin-bottom: 12px;}
.content .field-item h2 {margin-bottom: 10px;}
.content .field-item h1 + p + .area {margin-top: -15px}
.content .field-item h2 + p + .area {margin-top: -15px}
.content .field-item table.orgtable + h2 + p + .area {margin-bottom: 18px;}
.pic_left{width:49%;height: auto; margin-right: 2%;margin-bottom: 10px; }
.pic_right{float:right;width:49%;height: auto;margin-bottom: 10px;}
.content .field-item dd.w36 {width:36%;}
.si_map {width:700px; height: auto;}
.page-node-288 .content .field-item ol:last-child li {margin-bottom: 24px;}
.page-node-288 .content .field-item ol:last-child li p {margin: 10px 0 0px}
.root_daum_roughmap {width: 100%!important}
.page-node-776 table.orgtable td:first-child{width:10%;text-align: center}
.page-node-776 table.orgtable td:nth-child(4){width:52%;}
/* common info */


.node-type-studies .common_info .field:first-child {display: none;}

/* POP UP */
.etc01{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.45);z-index:1000}
.popup .btn { margin-top: 25px;font-size: 18px;}
.ppbox{width:640px;display:none;position:absolute;background:#fff;padding:30px 40px 40px;z-index:1050;}
.ppbox h2 {margin-bottom: 20px;}
.ppbox table {width:74%;float:left;margin-top: 0; }
.ppbox table th {width:27%;}
.ppbox table td br {display: none;}
.ppbox table td a{vertical-align: inherit; font-size: 20px; color: #1461A5}
.ppbox table th,.ppbox table td{border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left:none;border-right:none;}
.ppbox .label {width:22%;float:left;font-size: 15px; font-weight: bold; color: #777;line-height: 24px;margin: 10px 0;}
.ppbox .item_text {width:78%;float:left; font-size: 15px; display: inline-block;line-height: 24px; margin: 10px 0;}
.ppbox .item_text.inma::first-line { font-weight: bold;}
.ppbox .item_text.inma br:first-child {display: none;}
.ppbox .portrait {width:22%;margin-left: 4%;float:left}
.ppbox .portrait img {border: 1px solid #ccc; width:100%; height: auto;}
.ppbox .form{padding:0 0 15px;margin:10px 0;}
.ppbox #user-login{border:none !important;}
.ppbox .form .select{display:inline-block;}
.ppbox .form .line{padding:10px 0;border:solid #ccc;border-width:1px 0 0 0;white-space:nowrap;}
.ppbox .form .noline{padding:5px 0;white-space:nowrap;}
.ppbox .form .line:first-child{border-top:0;}
.ppbox .form .exp{padding-left:90px;font-size:11px;color:#666;margin-top:8px;margin-top:12px;line-height:16px;}
.ppbox .form label{display:inline-block;line-height:normal;width:80px;font-size:12px;color:#555;}
.ppbox .form input[type=text], .ppbox .form input[type=password] {display:inline-block;height:20px;line-height:20px;padding:5px;margin:0;border:solid 1px #dedede;vertical-align:middle;}
.ppbox .form input[type=radio] {vertical-align:middle;}
.ppbox .form p.in{clear:both;width:330px;margin:0 auto 10px;height:40px;line-height:40px}
.ppbox .form p.in em{float:left;font-size:14px;color:#555;width:65px}
.ppbox .form p.in input{width:235px;height:14px;padding:12px;border-radius:5px;border:1px solid #b3b3b3}
.ppbox .form p.btn{clear:both;text-align:center;margin:30px 0;height:30px}
.ppbox .form p.btn button{width:137px;height:70px;text-indent:-9999px;background:url(../images/sp_btn.png) -210px -170px}



/* org-chart */
.find_employee {width: 100%; text-align: center;margin-top: 40px;}
.page-node-5 article .field-item *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.page-node-5 article .contento{
	width: 100%;
	margin: 50px auto 0;
	padding: 0 20px;
}
.content .field-item .contento ul li {margin: 0;}

@media screen and (max-width: 767px){
	.contento{
		padding: 0 20px;
	}	
}

.content .field-item .org-chart ul{
	padding: 0;
	margin: 0;
	list-style: none;		
}

.content .field-item .org-chart ul a{
	display: table;
	background: #ccc;
	border: 1px solid #ccc;
	text-align: center;
	font-size: 15px;
	text-decoration: none;
	font-weight: bold;
	color: #333;
	height: 60px;
	margin-bottom: -26px;
	-webkit-transition: all linear .1s;
	-moz-transition: all linear .1s;
	transition: all linear .1s;
}

@media print {
    .org-chart ul a{
        border: 4px solid #000;
    }
}

@media screen and (max-width: 767px){
	.org-chart ul a{
		font-size: 1em;
	}
}


.content .field-item .org-chart ul a span{
	display: table-cell;
	vertical-align: middle;
    color: inherit;
}
.content .field-item .org-chart ul.departments a span{
	word-break: break-all;
}
.content .field-item .org-chart .administration > li > a{
	margin-bottom: 25px;
}
.content .field-item .org-chart .board > li > a{
	width: 100px;
    height: 100px;
    border-radius: 50px;
	margin: 0 auto 0 auto;
    font-size: 15px;
    background-color: #F2F7FC;
}
.content .field-item .org-chart .director > li > a{
	width: 20%;
	margin: 0 auto 0px auto;
    background: #f0f0f0;
    font-size: 15px;
    letter-spacing: 5px;
    padding-left:  4px
}
.content .field-item .org-chart .director:before {
    content: "";
	display: block;
	width: 0;
	height: 20px;
	background: red;
	border-left: 1px solid #ccc;
	left: 50%;
    top:0;
	position: relative;
}
.content .field-item .org-chart .subdirector {height: 290px;}
.content .field-item .org-chart .subdirector span {font-size: 12px; line-height: 18px; padding: 0 20px;}
.content .field-item .org-chart .subdirector:after{
	content: "";
	display: block;
	width: 0;
	height: 268px;
	background: red;
	border-left: 1px solid #ccc;
	left: 50%;
	position: relative;
    top:-60px;
}
.page-node-1419 h1{ display: inline-block;}
.page-node-1419 h1 + a {float:right;}
.page-node-1419 .content .field-item h1 {margin-top: 0;}

@media print {
    .subdirector:after{
        border-left: 1px solid #ccc;
    }
}

.departments{
	position: absolute;
	width: 100%;
}

.departments {}

.content .field-item .contento .subdirector > li {width:20%; height: 60px;	z-index: 1;	 }
.content .field-item .contento .subdirector > li a{width: 100%;}
.content .field-item .contento .subdirector > li.sd_01 { float: right;border-bottom: 1px solid #ccc; top: 0; left: -260px;}
.content .field-item .contento .subdirector > li.sd_01 a {left: 100px; top: 29px; }
.content .field-item .contento .subdirector > li.sd_02 {float:left;border-bottom: 1px solid #ccc; top: 0; right: -257px;}
.content .field-item .contento .subdirector > li.sd_02 a {right: 100px; top: 29px;}
.content .field-item .contento .subdirector > li.sd_02a {float:left;border-bottom: 1px solid #ccc; top: 70px; right: -86px;}
.content .field-item .contento .subdirector > li.sd_02a a {right: 100px; top: 30px;}
.content .field-item .contento .subdirector > li.sd_03 {float:left;border-bottom: 1px solid #ccc;top: 70px; right: -79px; width:21%;}
.content .field-item .contento .subdirector > li.sd_03 a {right: 100px; top: 29px;}
.content .field-item .contento .subdirector > li.sd_04 {float:right;border-bottom: 1px solid #ccc;top: 80px; left: -85px;}
.content .field-item .contento .subdirector > li.sd_04 a {left: 97px; top: 29px;}
.content .field-item .contento .subdirector > li.sd_00 {margin: 0 auto;top: 182px;width:16%}
.content .field-item .contento .subdirector > li.sd_00 a{background: #f0f0f0;}

@media print {
    .subdirector > li:first-child,
    .departments > li:first-child{
        border-bottom: 4px solid #000;
    }
}

@media print {
    .subdirector > li:first-child{
	    border-left: 4px solid black;
    }   
}


@media print {
    .departments > li:first-child{
        border-right: 4px solid black;	
    }
}





@media screen and (max-width: 767px){
	.subdirector > li:first-child,
	.departments > li:first-child{
		width: 40%;	
	}

	.subdirector > li:first-child{
		right: 10%;
		margin-right: 2px;
	}

	.subdirector:after{
		left: 49.8%;
	}

	.departments > li:first-child{
		left: 10%;
		margin-left: 2px;
	}
}



.content .field-item .contento .departments:after{
	content: "";
	display: block;
	position: absolute;
	width: 80.7%;
	height: 22px;	
	border-top: 1px solid #ccc;
	margin: 0 auto;
	top: -22px;
	left: 49.8%;
	margin-left:-40%;
}

@media print {
    .departments:after{
        border-top: 4px solid #000;
        border-right: 4px solid #000;
        border-left: 4px solid #000;
    }
}

@media screen and (max-width: 767px){
	.departments:after{
		border-right: none;
		left: 0;
		width: 49.8%;
	}  
}

@media print {
    .department:before{
        border-left: 4px solid black;
    }
}



@media print {
    .department{
	    border-left: 4px solid #000;
    }
}

.lt-ie8 .department{
	width: 18.25%;
}

@media screen and (max-width: 767px){
	.department{
		float: none;
		width: 100%;
		margin-left: 0;
	}

	.department:before{
		content: "";
		display: block;
		position: absolute;
		width: 0;
		height: 60px;
		border-left: 1px solid #ccc;
		z-index: 1;
		top: -60px;
		left: 0%;
		margin-left: -4px;
	}

	.department:nth-child(2):before{
		display: none;
	}
}


@media print {
    .department li{
        border-bottom: 4px solid #000;
    }
}
.content .field-item .contento li.department { margin-left: 1%; width: 8%;float: left;}
.content .field-item .contento .cgi {display:flex; justify-content: center;}
.content .field-item .contento .cgi li.department {width:10%; margin: 0 .75%}
.content .field-item .contento br {display: none;}

.content .field-item .contento li.department.dep-e {width:10%;margin-left: 1.5%;}
.content .field-item .contento li.department:before{ content: ""; display: block; position: absolute; width: 0; height: 22px; border-left: 1px solid #ccc; z-index: 1; top: -22px; left: 51%;}
.content .field-item .contento li.department > a {height: 110px;z-index: 1;background: #ddd;line-height: 20px;padding: 0 5px;}
.content .field-item .contento li.department > a span {font-size: 10px;line-height: 18px; letter-spacing: -0.5px;-ms-word-break: keep-all;
word-break: keep-all;}
.content .field-item .contento li.department > a:hover{ height: 120px;background-color: #ccc;}

.content .field-item .contento li.department.dep-a {margin-left: 0; }
.content .field-item .contento li.department.dep-a:before,
.content .field-item .contento li.department.dep-b:before { border:none;}
.content .field-item .contento li.department.dep-b a:before {content: "";display: block; position: absolute; width: 0; height: 22px; border-left: 1px solid #ccc; z-index: 1; top: -22px; left: 51%; }
.content .field-item .contento li.department.dep-b { width: 30%;}
.content .field-item .contento li.department.dep-b > a {float:left; width:29.33%; margin-right: 6%;}
.content .field-item .contento li.department.dep-b > a:last-child {border-right:1px solid #ccc;}
.content .field-item .contento li.department.dep-c ul {width:120px;top:118px;left: -20px;}
.content .field-item .contento li.department.dep-d:before {border: none;}
.content .field-item .contento li.department.dep-e ul{width:160px;top:118px;left: -81px;}
.content .field-item .contento li.department.dep-c ul li span,
.content .field-item .contento li.department.dep-e ul li span {height:134px; }


.content .field-item .contento ul.subdep > li span{ width:77px; border:1px solid #ccc;padding: 10px;display: block;text-align: center; float:left;font-size: 14px; color: #585858; background-color: white; word-break: break-all;}
.content .field-item .contento ul.subdep > li.sd_01 {position: absolute;top:60px;width:80px;}
.content .field-item .contento ul.subdep > li.sd_01:before {content: "";position: absolute; border-left:1px solid #ccc;left: 40px; top: -50px; height: 126px;}
.content .field-item .contento ul.subdep > li.sd_01 ul {margin-top: 40px;position: absolute;top:50px;}
.content .field-item .contento ul.subdep > li.sd_02 {position: absolute;top:60px;left: 90px;}
.content .field-item .contento ul.subdep > li.sd_03 {position: absolute;top:150px;left: 160px;width:160px;}
.content .field-item .contento ul.subdep.oneline:before { content: ""; position: absolute;border-top: 1px solid #ccc; height: 30px;width: 50%;top: -15px;left: 25%;}
.content .field-item .contento ul.subdep.oneline.col-4:before {width:75%;left:12.5%;border-right: none;}
.content .field-item .contento ul.subdep.oneline.col-3:before {width:66.67%;left:17%;border-right: none;}
.content .field-item .contento .sd_03 ul.subdep.oneline:after {content: ""; position: absolute; border-top: 1px solid #ccc; border-right: 1px solid #ccc;height: 92px;width: 200px;top: -106px;left: -120px;z-index: 0;}
.content .field-item .contento ul.subdep.oneline li:before {content: ""; position: absolute;border-left: 1px solid #ccc;height: 30px;width: 50%;top: -15px;left: 50%;}
.content .field-item .contento ul.subdep.oneline > li {float:left;}
.content .field-item .contento ul.subdep.oneline > li span {width:36px;height: 102px; line-height: 16px;margin: 0 2px;}

#edit-keys-wrapper label {display: none;}
.views-exposed-form .views-exposed-widget:first-child {width: 100%;margin-bottom: 10px;}
.page-report-data .item-list {margin-top: 20px}
.page-report-data .view-header {margin-bottom: -20px;border-bottom: 0;}
.page-report-data .views-exposed-form .views-exposed-widget:first-child  {width:inherit;padding: 0 0 0 0; margin: 0;}
.page-report-data .views-exposed-form .views-exposed-widget {padding: 10px 0;}
.page-report-data .views-exposed-form .views-exposed-widget .form-submit {margin: 0;}
#edit-keys-wrapper .form-item-keys input{height: 60px;line-height: 60px; padding: 0 20px;font-size: 24px; width:100%;}
#edit-secondary-wrapper {width:100%;}
#edit-secondary-wrapper legend {text-align: center; margin-bottom: 20px;}
#edit-secondary-wrapper legend:before{content: ""; display: block; position: absolute; width: 548px; top:15px;left: 0; border-top: 1px solid #ccc; }
#edit-secondary-wrapper legend:after{content: ""; display: block; position: absolute; width: 548px; top:15px;right: 0; border-top: 1px solid #ccc; }
.page-search form .form-item {border-bottom: none;}
#edit-secondary-wrapper .btn_wrap {float:left;}
#edit-secondary-wrapper .fieldset-wrapper{width:100%;}
#edit-secondary-wrapper div {float:left; padding: inherit; min-height: inherit;border-bottom: none;}
#edit-secondary-wrapper .bef-secondary-options .form-item.form-type-select .form-select{width: 116px;}
#edit-secondary-wrapper .bef-secondary-options .form-item.form-type-select:after {left:inherit;right: 10px; top:15px;}
#edit-secondary-wrapper .bef-secondary-options .form-item.form-type-select.form-item-type:after { content: none;}
#edit-secondary-wrapper div.form-item label:first-child{float:left;font-weight: 400;width:auto;}
#edit-secondary-wrapper div.form-item-sort-order {position: absolute; right: 215px;bottom: -63px;}
#edit-secondary-wrapper div.form-item-sort-by {position: absolute; right: 0;bottom: -63px;}
#edit-secondary-wrapper div.form-item-type.form-type-select {float:left; overflow: visible;}
#edit-secondary-wrapper .views-widget {width: 100%;}
#edit-secondary-wrapper label {display:inline-block; height: 40px;line-height: 40px; margin-right: 15px; width: inherit;padding-top: 0;}
#edit-secondary-wrapper .btn_wrap > label {float:left;font-weight: 400;padding-right: 30px;}
#edit-secondary-wrapper input {float:left;margin-right: 8px;}
#edit-secondary-wrapper input[type="text"] {width: 104px;}
#edit-secondary-wrapper input[type="text"]:first-child{margin:0 12px 0 30px;}
#edit-secondary-wrapper .form-item.form-type-select.form-item-type label:first-child{float:left;padding-right: 30px; font-weight: 400;}
#edit-secondary-wrapper .period {margin-bottom: 20px;} 
.views-exposed-widget input {cursor: pointer;}
.views-exposed-widget #edit-submit-search {width:200px;font-size: 16px;font-weight: bold}
.views-exposed-widget #edit-reset {background:#555;}
html.js fieldset.collapsible .fieldset-legend { background-position: 5px 55%; padding-left: 20px;}
.page-search .view-content.muuri p  {padding: 0;}
.views-exposed-form .views-exposed-widget .form-submit{margin: 15px 0 10px;}
.view-header span.search_result_text  {background: #F2F2F2; font-size: 17px;}
@media screen and (max-width: 1700px) {
    header .logo {left:36px; }
    header .misc {right: 30px;}
    header nav ul.menu li ul.menu li a {width:130px; padding:10px 8px;}
}
@media screen and (max-width: 1400px) {
    header .logo {left:30px; }
    header .misc {right: 20px;}
    header nav ul.menu li ul.menu li a {width:100px; padding:10px 8px;word-break:normal;}
}
@media screen and (max-width: 1024px) {
    header {height: 60px; overflow: visible; box-shadow: none;border-bottom: 1px solid #ddd; }
    header .logo {top:12px;left:50%;margin-left: -64px;}
    header .logo h1 a {width: 140px; height: 35px;}
    header nav { display: none; background-color: white;border-bottom: 2px solid #999;}
    header nav .content{width:90%;margin: 0 auto;padding-bottom: 30px;}
    header nav ul.menu{position: relative;margin: 14px auto 0;text-align: left;}
    header nav ul.menu:before {content: none;}
    header nav ul.menu li {left:0;width:49%;padding: 20px 0 0 10px;}
    header nav ul.menu li > a {padding: 10px 0;font-weight: 700;font-size: 16px;}
    header nav ul.menu li ul.menu {margin-top: 10px;}
    header nav ul.menu li ul.menu li {width:100%;}
    header nav ul.menu li ul.menu li a {width:100%; padding: 4px 0;font-weight: 400;}
	header nav ul.menu li.menu-mlid-735 {position: absolute; top:50px; left:50%;}
	header nav ul.menu li.menu-mlid-736 {position: absolute; top:100px; left:50%;}
	header nav ul.menu li.menu-mlid-602 {position: absolute; top:170px; left:50%;}
    header .misc li.misc_search a {width: 36px; height: 36px;}
    header .misc li.misc_search a:before {font-size: 36px;}
    header .misc li.misc_search:after {content: none;}
    header .misc li.misc_language a {display: none;}
    header .misc {top:7px; right: 0;}
    #wrapper {padding-top:60px; }
    #wrap_search { top: 60px; padding-top: 20px;}
    #wrap_search form {width:92%; margin:0 auto;position: relative;}
    #wrap_search form .search_icont {position: absolute; top:0; right: 0;}
    #wrap_search form .search_icont:before {left: 24px;}
	#wrap_search input[type=text] {width:70%;}
	#wrap_search input[type=submit] {width: 29%;margin-right: 0;font-size: 20px;padding: 0;}
    #container {width:100%;max-width: 100%;margin: 15px auto 0;}
    #container_muuri {max-width: 96%;width: 96%; margin: 24px 2% 0;}
    .item {margin: 2%}
    .sizeOne {width:45.95%;}
    .sizeTwo {width:96%;}
    .item.sizeOne .box_textcont {padding:10%}
    .item.sizeTwo .box_textcont {padding:5%}
    #btn_mobile_nav { display:block; width: 36px; height: 28px; position: relative; margin: 18px 0 0 16px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;}
    #btn_mobile_nav span {display: block;position: absolute;height: 3px; width: 100%; background: #242424; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);-o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
    #btn_mobile_nav span:nth-child(1) {top: 0px;}
    #btn_mobile_nav span:nth-child(2),#btn_mobile_nav span:nth-child(3) {top: 10px;}
    #btn_mobile_nav span:nth-child(4) {top: 20px;}
    #btn_mobile_nav.open span:nth-child(1) {top: 10px; width: 0%; left: 50%;}
    #btn_mobile_nav.open span:nth-child(2) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);-o-transform: rotate(45deg); transform: rotate(45deg);}
    #btn_mobile_nav.open span:nth-child(3) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
    #btn_mobile_nav.open span:nth-child(4) {top: 10px; width: 0%; left: 50%;}
	header #gnb .misc_language {display: block;width: 100%;background:#eee; margin: 14px 0 -12px}
	header #gnb .misc_language a {display: block; font-size: 14px; font-weight: bold; padding: 10px 7%; letter-spacing: 2px;}
    
    /* sub */
    
    #center {width:100%; margin: 0;}
    #center article {padding: 20px 5% 40px; margin: 12px 0 0;}
    #sidebar {display: none;}
    .left-corner {padding-top: 20px;}
    .left-corner h1 {padding-left: 5%;font-size: 24px;line-height: 28px;min-height: 30px}
    .right-corner {margin-right: 5%;}
    .view-header { margin-bottom: 20px;}
    .breadcrumb {display: none;}
    .header_print {display: none;}
    .social-share {top: 24px;right: 0;}
    .node > h2 {font-size:24px; line-height: 32px;}

	/* static */
	.content .field-item img {width:100%; height: auto;}
	.content .field-item .aList.csi li {float:none; margin-bottom: 5px;}
	.content .field-item .aList.csi li a {float:none; display: inline-block;}
	.content .field-item .tac dt { width: 100%;margin:0 0 20px}
	.content .field-item .tac h1 {word-break: keep-all;font-size: 16px; line-height: 24px;}
	.content .field-item .tac h1 br{display: none; }
	.content .field-item .tac ul li {padding: 10px 20%;}
	.content .field-item .tac ul li span {top: 0px; left: -8px; font-size: 45px;}
	.content .field-item .tac .vision {height: inherit;}
	.content .field-item .tac .vision h1 {width: 90%; font-size: 32px; line-height: 1.2;}
	.content .field-item .tac .vision p { left: 50%; letter-spacing: 3px;margin-left: -90px;}
	.content .field-item .tac .circle {width: 50%; height: auto;vertical-align: middle;}
	.content .field-item .tac .circle h2 {margin-top: 25px;font-size: 20px;}
	.content .field-item .tac .circle p { width: 72%; font-size: 13px; margin: 10px auto 30px; line-height: 20px;}
	.content .field-item .tac .circle.v01 {margin-right: -5%;position: inherit;left: inherit}
	.content .field-item .tac .circle.v02 {margin-right: 0;position: inherit;left: inherit;top:inherit;}
	.content .field-item .tac .circle.v03 {margin-top: -50px; margin-left: -50px;;position: inherit;left: inherit}
	#find_employee_type {width: 25%;}
	.find_employee input#find_employee_keyword {width: 55%;}
	.find_employee input[type=submit] {width:20%;margin-right: 0;}
	.page-node-288 .content .field-item img {width: inherit;height: auto;}
	.page-node-288 .wrap_map { height: 240px!important;}
	
    /* board */
    .item-list ul li {padding: 20px 0;}
    .item-list ul li:hover {background-color: inherit;}
    .item-list ul li .views-field-field-small-img.views-field { float: right;margin-left: 12px; margin-right: 0; width: 72px;}
    .item-list ul li h2 {font-size: 18px; margin: 0 0 10px;}
    .item-list ul li .views-field  {margin-bottom: 2px;}
    .item-list ul li p {display: none;}
    .btn_file {margin-top: 5px;}
    .item-list ul.pager {padding-top: 40px; margin: 20px 0 0; }
    .field.clearfix:after {content: none;}
    .group-meta {padding-bottom: 16px;}
    .field-name-field-tags { margin: 24px 0 10px;}
    
    /* footer */
    footer .footer_top {width:100%;border-top: 2px solid #000000;border-bottom: none; padding:20px 0 12px; }
    footer .footer_bottom { width: 90%;margin: 0 auto; position: relative;padding-bottom: 40px;}
	footer .footer_bleft img {width:30%;}
    footer .footer_top fieldset {display: none;}
    footer .footer_bleft {width:100%; padding:20px 5% 0;}
    footer .footer_bleft p {width:100%; position: static;font-size: 12px;line-height: 20px;margin-top: 12px;}
    footer .footer_bright {width: 100%;position: absolute; top:-10px; }
    footer input[type=text] {width:73%!important;}
    footer input[type=submit] {width:30%!important; padding: 0;}
    
    .links {display: none;}
	
	/*search */
	.form-item-keys label {display: none;}
	.search-form {width:90%;margin:0 auto;}
	input[type=text]#edit-keys {width:70%;float:left;}
	input[type=submit]#edit-submit {width:30%;margin-right: 0;padding: 0; }
}