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

@charset "utf-8";

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

/* cardnews */

.node-cardnews .bx-wrapper {position: relative;text-align: center;}
.node-cardnews .content .bx-wrapper a {position: absolute; top:50%;margin-top: -32px; display: block; overflow: hidden; text-indent: -9999px; width:64px; height: 64px; text-decoration: none;}
.node-cardnews .bx-wrapper a:before { position: absolute;text-indent: 0;font-family: xeicon; font-size: 64px;line-height: 64px;}
.node-cardnews .bx-wrapper .bx-prev { left: 50px;}
.node-cardnews .bx-wrapper .bx-next {right: 50px;}
.node-cardnews .bx-wrapper .bx-prev:before {content: "\e93d";left:0}
.node-cardnews .bx-wrapper .bx-next:before {content: "\e940";right:0 }
.node-cardnews ul.page { display: flex; align-items: center; justify-content: center;margin-top: 30px;}
.node-cardnews .content ul.page li {display: block; width:15px; height: 15px; border-radius: 15px; background: #C4C4C4; margin-left: 10px;}
.node-cardnews ul.page li.active {background:#1461A5 }
.view-cardnews span.dvd {font-weight: bold; color: #585858}
.view-cardnews span.dvd:after {content: "|"; color: #ccc; padding: 0 0 0 8px; font-size: 13px; vertical-align: text-top;}

/* related */

.related.rlft {border-top: 1px solid #c4c4c4; padding-top: 30px}
.related.mb40 {margin-bottom: 40px;}
.related h2 {font-size: 16px; color:#999; font-weight: bold; margin:10px 0 20px}
.related a {display: inline-block; width: 64%;}
.related h3 {height: 38px;overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px; line-height: 20px;margin-bottom: 10px;-ms-word-break: keep-all;word-break: keep-all; }
.related .category {font-size: 12px; color:#0B7FC0; margin-bottom: 8px;}
.related .author {font-size: 13px; color:#777; font-weight: bold;}
.related span {font-size: 12px; color:#888}
.related li {display: block; width:33.3%; float:left; min-height: 140px; padding-right: 20px;}
.related li img { width: 80px; float:left; margin-right: 16px; border:1px solid #ddd;}

/* Basic */

.mbt40 {margin: 50px 0 80px!important;}
*,*:before,*:after {box-sizing: border-box;}
*,fieldset { padding: 0; margin: 0;}
#seoul-gnb-plugin.white {border-bottom: 1px solid #ddd;}
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;}
table.stb-container{width:100%!important;max-width:640px!important;}
table.stb-container tbody{border-top:0!important}
table.stb-container td {border: 0!important}
.stb-cell-wrap {padding: 0!important;}
.node-type-sic .field-item{display: block;}
input {height: 40px;font-family: 'Noto Sans KR'; font-size: 14px; padding: 0 12px;vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none;-webkit-border-radius: 0;}
input[type=radio] { -webkit-appearance: radio;} 
input[type=checkbox] { -webkit-appearance: checkbox;} 
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;}
.stb_form_set_input {background: #F2F7FC; border: 1px solid #CCC;width:260px;}
.stb_form_submit_button {float:right; padding: 0; width: 100px; margin-left: 5px; background-color:#1461A5; color: white; border:none; height: 40px; font-size: 14px; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 5px;}
.stb_form_result, .stb_form_msg_error {font-size: 12px; margin-top: 10px; color: #DC4A3C;}
caption { position: absolute; top: 0; left:0;width:0; height:0;overflow: hidden}
.btn_file {margin: 0;}
.page-si-competition .btn_file {display: inline-block; width: 77.7%;float: right;}
.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; text-decoration: none!important}
.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; }
.content .field-item a.btn.file {text-decoration: none;}
.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;}
.dataTables_length select, #find_employee_type, 
.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; }
#find_employee_type {border-right: 0; vertical-align: bottom;}
.page-node-61183 .srch {margin-bottom: 60px;}
.page-node-61183 .srch input,
.page-node-61183 #find_employee_type {float:left;}
.page-node-61183 .srch:after {content: ""; display: block;clear: both;}
.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;}
.ml20 {margin-left: 20px;}
.mr20 {margin-right: 20px;}
.mr30 {margin-right: 30px;}
.mr40 {margin-right: 40px;}
.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;}
.footer_top input[type=button]{vertical-align: top;}
form .form-item .field-suffix label,
.footer_sns a span, 
.misc_language {display: none}
.skipNav {position:relative;z-index:9999;}
.skipNav a{display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; font-size:14px; color:#fff; background:#242424; white-space:nowrap;text-align:center;}
.skipNav a:focus, #skipNav a:active{height:auto; width:100%; padding:8px; margin-bottom:10px; position:absolute; left:0; top:0;}
.wa {position:absolute; top:64px; left:550px; display: block; padding-left: 38px; border-left: 1px solid #ccc;}
.sism img{ margin-top: 30px;  }
footer .footer_bleft .wa img {width:105px; height: 64px;}
/* 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.shortage {padding-bottom: 0; margin-bottom: 40px; border-bottom: none;}
.view-header.shortage p {color:#8D8D8D!important;}
.view-header ul { margin-left: 20px;}
.view-header hr { margin: 10px 0; border: 0; height: 1px; background: #aaa; }
.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-policy-report .item-list ul li .views-field-field-small-img.views-field {}
.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 #ccc; }
.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; min-height: 290px;}
.box-list ul li .thumbg{ width:100%; height: 163px;background-repeat:no-repeat; background-size: cover;background-position: center center;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;}

.box-list ul.cardi .cardi_mail {float:right;}
.box-list ul.cardi li h2 {margin: 0 0 5px; font-size: 22px;}
.box-list ul.cardi li a {color:#1461A5;padding: 4px 0; }
/*.box-list ul.cardi li a i {font-size: 22px; line-height: 36px;}*/
.box-list ul.cardi li a i {display: none;}
.box-list ul.cardi li {border:1px solid #ccc;padding: 20px 30px; border-radius: 10px;margin-bottom: 25px;min-height: 170px}
.box-list ul.cardi li .views-label:after { content: ":"; padding: 0 0 0 3px;}
/*.box-list ul.cardi li div:nth-child(3):before{content: "02-";}*/

#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;}
.block-builder-video-wrapper.block-builder-video-responsive {padding-top: 2px;}
.block-builder a {display: block;}
/* search table */
.dataTable th {pointer-events: none; }
.dataTables_length {display: inline-block; margin-left: 20px;}
.dataTables_length label {font-weight: normal;}
.dataTables_filter {float:left;}
.dataTables_filter input{ border:1px solid #ccc;}
.dataTable {margin-top: 20px; display: table;}
.dataTable tr {width:100%}
.dataTable th:first-child {width:50px!important}
.dataTable td:nth-child(2), .dataTable td:nth-child(4), .dataTable td:nth-child(5), .dataTable td:nth-child(6), .dataTable td:first-child {text-align: center;}
.dataTable th:nth-child(2) {width:120px!important}
/*.dataTable th:nth-child(3) {width:180px!important}*/
.dataTable th:nth-child(4) {width:80px!important}
.dataTable th:nth-child(5) {width:160px!important}
.dataTable th:nth-child(6) {width:120px!important}
/*.dataTable th:last-child {width:90px!important}*/
.dataTable td {background:#fff; padding:8px 10px; -ms-word-break: keep-all; word-break: keep-all; font-size: 15px;}
.dataTable td a { text-decoration: underline;}
.dataTables_paginate {margin-top: 40px;}
.content .field-item a.paginate_button{ display: inline-block;border :1px solid #B8B8B8;height: 46px; width: 46px;line-height: 45px; padding: 0;margin: 0 3px; text-decoration: none;text-align: center;overflow: hidden; cursor:pointer}
.content .field-item a.paginate_button.current{background: #333; color: white; border-color: #333;}
a.paginate_button.previous: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);}
a.paginate_button.next:before {content: "\e907";display: block;font-family: xeicon;text-indent: 0;}
.dataTables_paginate span.ellipsis {line-height: 38px; display: inline-block; width: 30px; vertical-align: top; text-align: center;}
.dataTables_info {display: none;}

/* board-view */
.node-smallresearch-idea h2,
 .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 .ttalk200_layer .tt_snsMenuWrap h2.tt_snsTitle {font-size: inherit;line-height: inherit; border-bottom: 0;}
.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 12px}
.node-type-smallresearch-idea .field-label-above .field-items {margin: 0 0 24px}
.node-type-smallresearch-idea .node .field.field-label-above {display: block;}
.field-name-field-tags {width:100%;border-top : 1px solid #ccc; padding: 24px 0;margin: 10px 0 }
.field-name-field-tags .field-label{text-indent: -9999px;overflow: hidden; position: relative;margin-right: 10px;width:24px;}
.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-items {width:96%; display: inline-block;}
.field-name-field-tags .field-item { position: relative;display: inline-block;margin: 0 7px;}
.content .field-name-field-tags .field-item a {position: relative;z-index: 1;padding:0 5px;pointer-events: none;cursor: default;text-decoration: none;}
.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-notice-list .field-item,
.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 { 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 .btn_file { margin-left:152px ;}
.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}
.node-type-recruits .common_info {display: none;}
.node-type-recruits .field-name-field-recruit-status {display: none;}
/* infographics */

.view-content.muuri {position: relative; margin: 0 -10px;}
.view-content.muuri h3 {font-size: 18px; padding: 15px 20px 10px;}
.view-content.muuri span {font-size: 15px;margin-bottom: 20px;display: inline-block; }
.view-content.muuri span.dvd {font-weight: 700; padding: 0 5px 0 20px;}
.view-content.muuri span.dvd:after {content:"|";color: #ccc; padding: 0 0 0 8px;font-size: 13px; vertical-align: text-top;}

.node-type-infographics .field-item img {width:100%;height: auto;}
/* cardnews */
.page-cardnews .views-row {float:left;width: 280px;margin: 0 30px 40px 0; overflow: hidden; height:420px;}
.page-cardnews .views-row:nth-child(3n) {margin-right: 0;}
.page-cardnews .views-row img {width:280px; height: 280px;}
.page-cardnews .views-row h3 { font-size: 18px; padding: 15px 0 10px;word-break: keep-all;}
.node-type-cardnews .common_info {margin-bottom: 30px;}
/* editor */
.content .field-item .graybg {background-color:#eee; }
.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: 20px; color: #506273; line-height: 32px; margin: 30px 0 20px; }
.content .field-item h3 {font-size: 18px; color: #000; line-height: 28px; margin: 24px 0 12px; font-weight: 400; }
.content .field-item h4 {font-size: 16px; 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 ol li table {margin: 10px 0 15px;}
.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 ol li span{display: block; margin: 10px 0;font-size: 16px;}
.content .field-item ol ul {margin: 10px 0 15px;}
.content .field-item ol ul li {margin-bottom: 7px;}
.content .field-item ul li,
.content .field-item ol li{margin-left: 24px; margin-bottom: 10px; line-height: 22px;}
.content .field-item ol li ol { margin:10px 0 20px;}
.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 ol {margin: 10px 0 20px;}
.content .field-item ul li ol 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 ul li ul table ul {margin: 5px 0;}
.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 .node-world-trends .field-item div span,
.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.line {padding: 40px; border: 1px solid #ccc; background: #f0f0f0;margin-top: 20px}
.box.line h3 {margin: 10px 0!important; font-size: 16px;}
.box.small {margin: 0 8px 0 20px!important; }
.lefter {float:left;width:50%; margin-bottom: 40px}
.righter {float:right;width:50%;margin-bottom: 40px}
table {width:100%; font-size: 15px;line-height: 20px;display: block;overflow-x: auto;}
table.views-table, .node-type-infographics table,
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;line-height: 20px;}
table + span br {margin-top: 5px;}
p > span { font-size: 13px; margin-top: 10px;display: block; color: #777;}
.content .field-item a {text-decoration: underline;}
.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:80px; height: auto;margin-top: 10px;}
.content .field-item ul li table {margin-top: 15px;}
.content .field-item ul li table ul {margin: 6px 0;}
.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;}
.content .field-item .media-element {max-width:800px; height: auto;}
.node-type-infographics .content .field-item .media-element {max-width:100%;}
.content .field-item .media-element p span
.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; }
/* info_b2 */
.node-type-info-b2 .common_info .field:first-child {display: none;}
.node-type-info-b2 .field-name-field-text2 .field-items {margin-bottom: 40px;}
.node-type-info-b2 .field-name-field-text2 .field-items .field-item { display: block;margin-left: 10px;}
.node-type-info-b2 .field-name-field-text2 .field-items .field-item:before{content: "-";display:inline-block; padding-right: 7px;}
/* info_c4 */
.node-type-info-c4 .group-file-meta a {margin-bottom: 7px;}

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

.node-type-weekly-brief .field-item table td {padding: inherit;border: none;color: #777;}
.node-type-weekly-brief .field-item ul {margin-bottom: 30px!important;}
.node-type-weekly-brief .field-item ul li {margin-left: inherit; line-height: 18px;}
.node-type-weekly-brief .field-item tbody {border-top: none;}
.page-node-47426 table {display: table;}
.page-node-47426 #sidebar {display: none;}
.page-node-47426 #center.full {width:100%;}
.node-type-weekly-brief .field-item table.wbt {width: inherit;display: table; overflow-x: inherit;}
.node-type-weekly-brief .field-item table.wbt table hr {margin: inherit;}
.node-type-weekly-brief .field-item table.wbt table{width: inherit;display: table;overflow-x: inherit; }
.node-type-weekly-brief .field-item table.wbt table table{width: 100%;}
.node-type-weekly-brief .field-item table.wbt table.wbta{width: 640px;}
.node-type-weekly-brief .field-item table.wbt td {padding: inherit;}
.node-type-weekly-brief .field-item table.wbtc td {padding: inherit;}
.node-type-weekly-brief .field-item table.wbtb ul {margin: 0!important;}
.node-type-weekly-brief .field-item table.wbtb p {margin-bottom: 0!important }
.node-type-weekly-brief .field-item table.wbtt {width: 100%;}
.node-type-weekly-brief .field-item table.wbtt:last-child td {padding: 0 0 5px 0;width:360px;}
/*.node-type-weekly-brief .field-item table.wbta p{margin-bottom: 0!important}*/

.fixed_header{ width: 100%; table-layout: fixed; border-collapse: collapse;}
.fixed_header tbody{display:block; width: 100%; overflow: auto; height: 137px;}
.fixed_header.second tbody{display:block; width: 100%; overflow: auto; height: auto;}
.fixed_header thead tr {display: block;}
.fixed_header thead th{ padding :6px 0; font-weight: 400;}
.fixed_header th {padding: 2px 10px;}
.fixed_header td {padding: 2px 20px;  }
.fixed_header th:first-child {width:100px;}
.fixed_header th:nth-child(2) {width:780px;}
.fixed_header.second thead th:nth-child(2) {width:880px;}
.fixed_header.second tbody th:nth-child(2) {width:100px;}
.fixed_header.second tbody td:nth-child(3) {width:880px;}
.fixed_header.second tbody td:nth-child(4) {width:140px; text-align: center;}
.fixed_header th:nth-child(3) {width:140px;}
.fixed_header thead th:nth-child(4) {width:100px;}
.fixed_header td:first-child {width:1120px;}
.fixed_header td:nth-child(2) {width:780px;}
.fixed_header td:nth-child(3) {width:140px; text-align: center;}
.fixed_header tbody th:nth-child(4) {width:82px;} 

.page-search-node .view-content.muuri span { margin-bottom: 0}

/* form */

form .form-item label {float:left; width: 180px;vertical-align: top;padding-top: 8px;}
form .form-item label em {font-weight: normal; display: block; font-size: 14px; font-style: normal;}
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 40px;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 em { width: 100%; padding-left: 180px; display: block; font-style: normal; font-size: 13px;margin-top: 7px;}
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;width: 700px; display: block; overflow: hidden;}
.captcha img {position: absolute; top: -10px; left: 310px;}
.captcha .form-item {margin: 20px 0 0; padding: 0 0 20px;}

.page-node-55959 #edit-survey-wrap legend span.fieldset-legend {font-size: 16px; color:#242424; }
.page-node-55959 #edit-survey-wrap legend span.fieldset-legend:after {content:"*";color:#f00; padding-left: 3px; }
.page-node-55959 #edit-survey-wrap + .form-required {display: none;}
.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;line-height: 40px;
    margin-bottom: 18px; color: #242424; word-break: keep-all;}
.status-list h2:before {content:"\e964"; font-family: xeicon; color: #888; font-size: 24px; margin-right: 12px;vertical-align: top; }
.status-list.srlist {background-color: #eee;margin-bottom: 15px;}
.status-list.srlist h2{background-color:inherit;margin-bottom: 0;}
.status-list.srlist span,
.status-list.srlist div {display: inline-block;}
.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;}
.form-item-agree .field-suffix {display: inline}
.form-item-agree .field-suffix .privacy {display: inline-block; width: 78%;}
.form-item-agree .field-suffix .privacy ul {}
.form-item-agree .field-suffix .privacy ul li {font-size:14px; margin-left: 10px;margin-bottom: 3px; }
.form-item-agree .field-suffix .privacy h3 {font-size: 15px; margin: 10px 0 5px;}
.form-item-agree .field-suffix .privacy table {margin-bottom: 10px;font-size: 13px;}
.form-item-agree .field-suffix .privacy p {margin: 0;word-break: keep-all;}
.node-type-opinion-city .field-name-field-writer.field-type-text {width:100%;padding-top: 20px; border-top: 1px solid #ccc;}
.node-type-opinion-city .common_info .field:last-child {display: none;}

/* 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,
a.paginate_button.previous,a.paginate_button.next{text-indent: -9999px;background: #efefef;}

.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);}
.item-list ul.pager li.pager-ellipsis{display:none;}
/* 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;text-align:center;}
.password_form_wrap form label {width:120px;}
.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 */ 
#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: 20px;}
#sidebar {width:220px;float:left;padding-top: 34px;}
#sidebar h2.lnb_head {font-size: 32px; color:#999999;font-weight: 400;padding-left: 20px;min-height: 47px;}
#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;}
.front #center {width:100%; float:none; padding-bottom: 40px; text-align: center;}
.front #center .region {text-align: left;}

#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: 900px; overflow: hidden;}
#center iframe { border-style: solid;border-color: #DDD; border-width: 1px 1px 2px 1px;}
#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;}
#edit-title {width: 75%;}

/* sns print */
/*.social-share {position: absolute; top:54px;right: 42px;}*/
.social-share {position: absolute; top:54px;right: 0;}
.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 {display: none;}
/*
.header_print {position: absolute; width: 36px;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;top:0;}
*/

/* ttalk */

.html .ttalk200_layer .tt_snsMenuWrap {box-sizing: border-box;height: 32px;}
.html .ttalk200_layer .ttalk200_replyList .tt_noreply {box-sizing: border-box;height: 67px;padding: 28px 0 0}
.html .ttalk200_layer .tt_inputWrap ul.rf_attach a {margin-left: 0;}
/* 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:240px; height:60px;display: inline-block;text-indent: -9999px; overflow: hidden; background-image: url(../images/si_logo.png); background-size: cover; }*/
header .logo h1 a {width:240px; height:60px;display: inline-block;overflow: hidden; }
header .logo h1 a img {width:240px; height: 60px; }
/*header .logo.alter h1 a {width:128px; height: 60px; background-image: url(../images/si_logo_vertical.png)}*/
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: 18px; padding: 10px;margin:0;}
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:25px;}
header .misc ul {list-style: none;margin: 0;}
header .misc ul li {display: inline-block;}
header .misc li.misc_language a{padding: 10px;display: inline-block;font-size: 16px; font-weight: 700;color:#999; }
header .misc li.misc_search a {text-indent: -9999px;overflow: hidden; display: inline-block; position: relative; width: 26px; height: 26px;left: -12px;top:6px;}
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: relative; top: 12px;display: inline-block; width:1px; height: 36px; background-color: #B2B2B2;margin: 0 16px;}
#btn_mobile_nav {display: none;}

.external_link:after { content: "\e980";font-family: xeicon;margin-left: 2px;color:#465DB4}

/* Search */
#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: 100px;
    font-size: 22px;
    background: #999;
    color: white;
    border: none;
    cursor: pointer; }
.no_result_cont {width:80%; 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;}
.no_result_cont ul li {font-size: 16px;line-height: 28px;}
/* error 404 */
.error_cont {padding: 70px 0 100px;text-align: center;}
.error_cont img {width: 50%; height: auto;margin-bottom: 30px;}
.error_cont p {font-size: 18px;margin: 12px 0 20px;}
/* 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 .select_field {vertical-align: bottom;}
footer .footer_top{width:1200px; margin:0 auto; padding: 30px 0 24px; border-bottom: 1px solid #000000;overflow: hidden;}
footer .footer_bottom {width:1200px; margin:0 auto; padding-bottom: 80px;}
footer ul.menu li {float:left; display:block; margin: 0;padding: 0; font-size: 14px;line-height: 40px; }
footer ul.menu li:after {content: "|";padding: 0 14px 0 16px; font-size: 12px; position: relative; top:-2px; color: #999;}
footer ul.menu li:nth-child(3) {font-weight: bold;}
footer ul.menu li ul.menu {display: none;}
footer .region {float:left}
footer ul.menu.footer_sns li a {display: block; width:40px; text-align: center; margin:0 0 0 10px; font-size: 24px; color: #777777; padding: 0;background: #EEE }
footer ul.menu.footer_sns li a.blogbtn {font-family: 'Noto Sans KR'; font-weight: 700; font-size: 24px; line-height: 36px; height: 40px;}
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: 36px;position: relative;width:66%; display: inline-block;}
footer .footer_bleft img{width:100px; height: auto;}
footer .footer_bleft p {position: absolute;left:136px;top:30px;font-size: 14px;line-height: 24px; }
footer .footer_bleft p strong {display: block; font-size: 15px; margin-bottom: 10px;}
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: 34%;padding-top: 32px;text-align: right}
footer .footer_bright p {font-size: 15px; padding-bottom: 15px;}
footer input[type=submit] {margin-right: 0; }
footer .footer_bright input[type=button] { padding: 0; width: 27%;border-radius: 5px}
footer .footer_bright .select input[type=button] { width:60px; }


/* 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 }
.item .box_textcont{ padding: 22px 24px 28px;}
.item img {width:100%;height: auto; vertical-align: middle;}
.box_textcont .box_category {font-size:13px;color:#ccc;margin-bottom: 5px; -webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-word-break: keep-all; word-break: keep-all;font-family:-apple-system,"Open Sans", "Noto Sans KR"}
.item-content h3 {padding: 22px 24px 28px;font-size:18px;}
.box_textcont h1,
.box_textcont .box_title {font-size:18px; margin-bottom: 12px; -webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-word-break: keep-all; word-break: keep-all;font-family:-apple-system,"Open Sans", "Noto Sans KR" }
.box_textcont p {font-size: 14px; line-height: 20px;color: #585858;margin-bottom: 10px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-word-break: keep-all; word-break: keep-all;font-family:-apple-system,"Open Sans", "Noto Sans KR"}
.box_textcont .box_date {font-size: 12px; color: #585858;}
.box_textcont ul li { margin-left: 20px; font-size: 14px; margin-bottom: 5px; color: #585858; list-style-type: square;}
.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%;}
.block-builder-element.builder-grid-row {margin: 0 -10px;}
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;margin-bottom: 20px; display: inline-block;
    float: left;}
.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}
.quadbanner {width:1200px; height: 100px; background-color: #bfcad9;}
.quadbanner a {display: block;width:50%; height: 100px;margin: 0 auto;text-align: center; background: url(../images/quadbgw.png); background-size: cover;background-position: -30px -100px;background-repeat: no-repeat}
.quadbanner h1 {color: #0e3b5c;font-size:28px;  padding: 13px 0 6px;font-weight: 700;}
.quadbanner span {display: block;width:100%;font-size: 13px; padding: 2px 0 3px;color: #fff; letter-spacing: 5px;background-color:rgb(27,104,158,0.4);background-color: #84a8c4;}

/* 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; display: block;}
.breadcrumb .first {float:left;width:24px;position: relative;text-indent: -9999px;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: 79px; right: 40px; border: none; margin: 0; padding: 0;}
.page-node-47426 ul.primary {display: none;}
#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;}

/* hrm */
.content .field-item dl.hrm {margin-top: 40px;}
.content .field-item dl.hrm dd {margin-bottom: 10px;}
.content .field-item dl.hrm dd > ul { display: flex; justify-content: center; margin-bottom: 0;}
.content .field-item dl.hrm dd > ul > li {display: block; list-style: none;text-align: center; background: #eee;width:100%; margin: 0 5px; padding: 30px 10px;}
.content .field-item dl.hrm dd:nth-child(6) > ul > li { display: flex; justify-content: center; align-items: center; padding: 30px;}
.content .field-item dl.hrm dd:nth-child(8) > ul > li {padding: 10px 20px;}
.content .field-item dl.hrm dd:nth-child(8) > ul > li ul {margin-bottom: 5px;}
.content .field-item dl.hrm dd:last-child strong {display: block; margin-bottom: 12px}
.content .field-item dl.hrm dd > ul > li ul li {text-align: left}



/* 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{width:100%; text-align: center;margin-top: 0;}
.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.about {width:90%;}
.content .field-item .tac ul.about li:last-child{font-size: 30px; padding: 26px 30px; background: white; letter-spacing: 8px; color: #1461A5; font-weight: bold;}
.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%; 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: 32px;margin: 40px 0 16px;}
.content .field-item .tac .circle p {color: white; font-weight: bold;width:60%;word-break: keep-all;margin: 20px auto 0;line-height: 24px;}
.v01 {background:rgba(20, 97, 165, .6);}
.v02 {background:rgba(65, 105, 225, .6);}
.v03 {background:rgba(2, 132, 169, .6);}
.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: 4px 6px;font-size: 18px;text-decoration: none;}
a.iconbtn i {position: relative;text-indent: -9999px;}
a.iconbtn i:before {text-indent: 0; position: absolute; top: 0; left: -8px;}
.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%;}
.orgdesc {width: 100%; padding: 150px 0; text-align: center; font-size: 28px; vertical-align: middle; color: #888;}

/* 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;    display: table; }
.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;min-height: 24px;}
.ppbox .item_text br {display: none;}
.ppbox .item_text.inma br {display: inherit;}
.ppbox .item_text strong{display: block;margin: 8px 0 4px}
.ppbox .item_text strong:first-child{margin-top: 0}
.ppbox .item_text li {margin: 1px 0 1px 20px}
.ppbox .item_text li a {text-decoration: underline;}
.ppbox .item_text.inma::first-line { font-weight: bold;}
.ppbox .item_text.inma br:first-child {display: none;}
.page-node-45552 .ppbox .item_text.inma br:first-child {display: block;}
.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}
.ppbox .l_type a.icon {display: none;}
.page-user ul.tabs.primary {display: none;}


/* org-chart */
.find_employee {width: 100%; text-align: center;margin-top: 40px;}
.page-node-326 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-326 article .contento{ width: 100%;margin: 50px auto 0;padding: 0 20px;height: 760px;}
.content .field-item .contento ul li {margin: 0;}

.content .field-item .org-chart ul{	padding: 0;	margin: 0; list-style: none;}
.content .field-item .org-chart ul a{ display: block; background: #ccc;	border: 1px solid #ccc;	text-align: center;
	font-size: 15px; text-decoration: none;	font-weight: bold; color: #333;	height: 50px; margin-bottom: -26px;	-webkit-transition: all linear .1s;	-moz-transition: all linear .1s; transition: all linear .1s; }
.content .field-item .org-chart ul a.orgb{background: #fff; border:0; height: auto;margin-bottom: inherit;font-weight: normal;font-size:inherit;}
.content .field-item .org-chart ul a.orgb:hover {text-decoration: underline;}
.content .field-item .org-chart ul a span{ top: 50%; margin-top: -0.7em; display: block; color: inherit;}
.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;	 border-left: 1px solid #ccc; left: 50%; top:0;	position: relative;}
.content .field-item .org-chart .subdirector {height: 300px;}
.content .field-item .org-chart .subdirector:after{	content: ""; display: block; width: 0; height: 278px; border-left: 1px solid #ccc;	left: 50%; position: relative; top:-50px;}

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

.content .field-item .contento .subdirector > li {width:18%; height: 50px;	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: -275px;}
.content .field-item .contento .subdirector > li.sd_01 a {left: 100px; top: 25px; }
.content .field-item .contento .subdirector > li.sd_02 {float:left;border-bottom: 1px solid #ccc; top: 0; right: -276px;}
.content .field-item .contento .subdirector > li.sd_02 a {right: 100px; top: 25px;}
.content .field-item .contento .subdirector > li.sd_02a {float:left;border-bottom: 1px solid #ccc; top: 65px; right: -121px;}
.content .field-item .contento .subdirector > li.sd_02a a {right: 100px; top: 25px;}
.content .field-item .contento .subdirector > li.sd_03 {float:left;border-bottom: 1px solid #ccc;top: 70px; right: -120px; }
.content .field-item .contento .subdirector > li.sd_03 a {right: 100px; top: 25px;}
.content .field-item .contento .subdirector > li.sd_04 {float:right;border-bottom: 1px solid #ccc;top: 120px; left: -120px;}
.content .field-item .contento .subdirector > li.sd_04 a {left: 100px; top: 25px;}
.content .field-item .contento .subdirector > li.sd_00 {margin: 0 auto;top: 200px;width:16%}
.content .field-item .contento .subdirector > li.sd_00 a{background: #f0f0f0;}

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

.content .field-item .contento li.department { margin-left: 2%; width: 8%;float: left}
.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: 35px;}
.content .field-item .contento li.department > a {height: 100px;z-index: 1;background: #ddd;}
.content .field-item .contento li.department.dep-a > a {height: 120px;}
.content .field-item .contento li.department.dep-a > a span {margin-top: -43px}
.content .field-item .contento li.department.dep-c > a span {margin-top: -23px}
.content .field-item .contento li.department > a:hover{ height: 110px;background-color: #ccc;}
.content .field-item .contento li.department > a span {top:50%; margin-top: -33px;}
.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: 50%;}
.content .field-item .contento li.department.dep-b > a {float:left; width:16.66%; margin: 0;border-right: 1px dashed white;}
.content .field-item .contento li.department.dep-b > a:last-child {border-right:none;}
.content .field-item .contento li.department.dep-c ul {width:160px;top:118px;left: -21px;}
.content .field-item .contento li.department.dep-c.cir ul {left:-95px}
.content .field-item .contento li.department.dep-c:before {height: 230px; z-index: 0;}
.content .field-item .contento li.department.dep-d:before {border: none;}
.content .field-item .contento li.department.dep-e:before { height: 304px; left: -360px;top: -186px;border-top: 1px solid #ccc;width: 396px;border-left: none;border-right: 1px solid #ccc;z-index: 0;}
.content .field-item .contento li.department.dep-e:after {content: ""; display: block;position: absolute;width:36px;bottom: 30px; height: 60px; border-top:1px solid #ccc; border-left: 1px solid #ccc;}
.content .field-item .contento li.department.dep-e ul{width:160px;top:118px;left: -70px;}
.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:70px; 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;}
.content .field-item .contento ul.subdep > li.sd_01:before {content: "";position: absolute; border-left:1px solid #ccc;left:35px; top: -50px; height: 100px;}
.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:208px;}
.content .field-item .contento ul.subdep > li.sd_02:before {content: "";position: absolute; border-right: 1px solid #ccc; border-top:1px solid #ccc; left: -173px;width:210px; top:-16px;height: 20px;}
.content .field-item .contento ul.subdep > li.sd_03 {position: absolute;top:114px;left: 84px;width:160px;}
.content .field-item .contento ul.subdep.oneline:before { content: ""; position: absolute;border-top: 1px solid #ccc; height: 30px;width:47%;top: -15px;left: 12%;}
.content .field-item .contento ul.subdep.oneline.col-4:before {width:70%;left:12%;border-right: none;}
.content .field-item .contento ul.subdep.oneline.col-3:before {width:46%;left:12%;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: 55px;top: -70px;left: 56px;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: 52%;}
.content .field-item .contento ul.subdep.oneline > li {float:left;}
.content .field-item .contento ul.subdep.oneline > li span {width:33px;height: 118px; 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;padding: 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 {position: relative;text-align: center; margin: 0 auto 20px;}
#edit-secondary-wrapper legend:before{content: ""; display: block; position: absolute; width: 559px; top:15px;left: 100px; border-top: 1px solid #ccc; }
#edit-secondary-wrapper legend:after{content: ""; display: block; position: absolute; width: 527px; top:15px;right: 100px; 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: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{float:left;font-weight: 400;width:auto;}
#edit-secondary-wrapper div.form-item-sort-order {position: absolute; left: 280px;bottom: -63px;}
#edit-secondary-wrapper div.form-item-sort-by {position: absolute; left: 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 8px 0 30px;}
#edit-secondary-wrapper .form-item.form-type-select.form-item-type label:first-child{float:left;padding-right: 30px; font-weight: 400;}
.form-item-sort-by label, .form-item-sort-order label{padding-right: 30px;}
.views-exposed-form .views-exposed-widget{float:right;}
#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;word-break: break-all;}
.views-exposed-form .views-exposed-widget .form-submit{margin: 15px 0 10px;}
.view-header span.search_result_text  {background: #F2F2F2; font-size: 17px;}
.view-empty {display: block; width: 100%; padding: 100px 0; font-size: 24px; color: #777; text-align: center;background: #fff; border-radius: 5px;margin-top: 20px;}
.page-node-add form .form-item label {float: none; width: 100%; margin-bottom: 20px; vertical-align: baseline; margin-right: 20px;}
.page-node-add .fieldset-wrapper {width: 100%;}
.page-node-add .filter-wrapper .form-item {float:none;}
.page-admin-content .views-exposed-form .views-exposed-widget {float:left;}
.page-admin-content #find_employee_type {width: 170px;}
.page-admin-content form .form-item {border-bottom: 0;}
.page-admin-content form .form-item.form-item-operation {padding-right: 0;}
.page-admin-content .form-select { max-width: 150px;padding-right: 10px;}
.page-admin-content .views-reset-button,
.page-admin-content .views-submit-button {padding-top: 26px;}
.page-admin-content .form-item-operation {margin-bottom: 40px;}
.page-admin-content .form-item-operation .form-select { max-width: inherit;}
.page-admin-content .form-item-operation + input{margin-top: 10px;margin-left: -16px}
.page-admin-content ul.action-links {display: block; position: absolute;left: 200px; top: 46px;}
.page-admin-content table .views-field-edit-node,
.page-admin-content table .views-field-sticky {display: none;}
.page-node-326 #center article {padding-bottom: 100px}
.nurimark {width:180px; float:right;margin-bottom: 30px;}
.nurimark img {width:100%; height: auto;}

@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: 1200px) {
	.page-trends-corpjob .btn_file { margin-left:0 ;}
	header .logo h1 a img {width:153px; height: 40px; }
	#container {width:100%;}
	#center {width: calc(100% - 220px);}
	.breadcrumb { padding-right: 16px;}
	header .logo { left: 20px;top: 32px;}
	header .logo h1 a { width: 153px; height: 40px;}
	header nav ul.menu li { left: 26px;}
	header .misc li.misc_search a {left:16px;}
	header .misc li.misc_search:after { left: 15px; }
	header .misc { right: 12px;}
	form .form-item .form-textarea-wrapper textarea {max-width: 73%}
	.form-item-agree .field-suffix .privacy {max-width: 72%;}
	.box-list ul li {width:32%; margin-right:2%; min-height: 320px;}
	.captcha {width:inherit;}
}
@media screen and (max-width: 1024px) {
	.node-cardnews .bx-wrapper .bx-prev {left:-30px;}
	.node-cardnews .bx-wrapper .bx-next {right:-30px;}
	.stb_form_set_input{width: 270px;}
	.wa {display: none;}
	form .form-item .form-managed-file {width:100%; margin-top: 10px;}
	.captcha {width: 100%; padding-top: 10px;}
	.content .node-world-trends .field-item a {word-break: break-all;}
	.content .node-world-trends .field-item div { width:100%;margin-bottom: 20px;}
	form .field-suffix {width:100%}
	form .field-suffix span,
	form .field-suffix em {padding-left: 28%;margin-left: 0 }
	.quadbanner {width:100%; height: 150px;overflow: hidden;}
	.quadbanner a {width:100%; background-size: cover; background-position: 20px 10px; }
	.quadbanner h1 {font-size: 22px;padding: 40px 0 16px;}
    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; word-break: keep-all;}
    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{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:nth-child(6) {margin-top:-30px }
    header nav ul.menu li:nth-child(4) {margin-top: -60px;}
    header .misc li.misc_search a {width: 36px; height: 36px; left: -12px; top: 4px;}
    header .misc li.misc_search a:before {font-size: 36px;}
    header .misc li.misc_search:after {content: none;}
	header .misc li.misc_language {display: none;}
	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;}
	
    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;}
    #container {width:100%;max-width: 100%;margin: 15px auto 0;}
	#container .content {width:90%; margin: 0 auto;}
	#container #center article  .content {width:100%;margin: 0;}
	#container .content #container_muuri {width:100%;}
	.page-search-node #container { width: 90%;}
    .page-search-node #container_muuri.block-builder {max-width: 96%;width: 96%; margin: 24px 2% 0;}
	.page-search-node #container_muuri{max-width: inherit;width: inherit;margin: 0;}
	.page-search-node #edit-secondary-wrapper {padding: 0; margin-bottom: 15px;}
	.page-search-node #edit-secondary-wrapper .btn_wrap > label { display: block; float: none;}
	.page-search-node #edit-secondary-wrapper div.form-item-sort-order,
	.page-search-node #edit-secondary-wrapper div.form-item-sort-by {display: none;}
	.page-search-node .views-exposed-form .views-exposed-widget.views-submit-button {width:60%;padding:0}
	.page-search-node .views-exposed-form .views-exposed-widget.views-reset-button {width:40%;padding:0 5% 0 0;}
	.page-search-node .views-exposed-form #edit-submit-search,  .page-search-node .views-exposed-form #edit-reset
	{width:100%;}
	.page-search-node .view-header span.search_result_text strong{display: block;font-size: 17px;}
	.view-header span.search_result_text {font-size: 15px;}
	
    .item {margin: 2%}
    .sizeOne {width:45.95%;}
    .sizeFour,
	.sizeTwo {width:96%;}
	
    .item.sizeOne .box_textcont {padding:10%; }
    .item.sizeTwo .box_textcont {padding:5%}
	.block-builder-element.builder-grid-row {margin: 0;}
    #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%;}

    
    /* sub */
	.field-item > h3:first-child {word-break: keep-all;}
	ul.primary {top:50px; left: 5%; right: inherit;}
	#container ul.primary li a {padding:6px 15px;}
    #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: 40px;border-bottom: none;}
    .breadcrumb {display: none;}
    .header_print {display: none;}
    .social-share {top: 24px;right: 0;}
    .node > h2 {font-size:24px; line-height: 32px;}
	.admin-menu #center article {padding-top: 50px;}
	.group-file-meta legend {width:24%;margin-right: 0;}
	.fieldset-wrapper {  width: 76%;}	
	.group-file-meta a, .btn_file a {height: inherit;}
	#center article {min-height: inherit;}
	.btn.top {position: static; display: inline-block; margin-top: 20px; font-size: 16px;}
	.page-studies-on .views-counter {top:180px;}
	.field-name-field-tags.field-label-inline .field-label {width:8%; margin-right: 0;}
	.field-name-field-tags.field-label-inline .field-items {width:92%;}
	.page-collection .item-list ul li .views-field-field-small-img.views-field {float:right;margin-right: 0;}
	.field-name-field-summary .field-item {min-height: inherit}
	.file-size {display: inline-block;}
	.view-content.muuri h3 {padding: 10px 12px 5px;font-size: 16px; }
	.view-content.muuri span {padding: 0 5px 0 0;font-size: 13px;}
	.view-content.muuri span.dvd {padding: 0 3px 0 12px;}
	.btn_file a {margin-bottom: 5px;}
	

	
    /* 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;width:58%;}
    .item-list ul li p {display: none;}
	.btn_file {margin-top: 5px;}
    .field.clearfix:after {content: none;}
    .group-meta {padding-bottom: 16px;}
    .field-name-field-tags { margin: 24px 0 10px;}
	.box-list ul li {width:100%; margin: 0 0 40px 0;min-height: 200px;}
	.page-trends-consumption .item-list ul li .views-field-field-small-img.views-field,
	.page-trends-corpjob .item-list ul li .views-field-field-small-img.views-field { margin-bottom: 0;}
	.btn_file.fileset, .item-list .summary_list {width:100%;}
	

	/* editor */
	
	.content .field-item img {width:100%;height: auto;}
    .node-type-weekly-brief .field-name-body .field-items table img {width:105px;height: auto;}
	
	/* static */

	.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 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: 33.33%; height: auto;}
	.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%;}
	.content .field-item .tac .circle.v02 {margin-right: 0;}
	.content .field-item .tac .circle.v03 {margin-right: 0;margin-left: -5%;}
	#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;}

	
	/* tab */
	.tab ul li a { border-radius: 4px; border-bottom: 1px solid #ccc;}
	.content .field-item .tab {background: #f0f0f0; margin: 30px -5% 0; padding: 0; display: inline-block; width: 110%;}
	.content .field-item .tab ul {margin: 15px 0 0}
	.content .field-item .tab ul li, .tab ul li {margin-bottom: 15px;}
	.tab ul li.active a {background: white}
	.tab ul li.active a::before, .tab ul li.active a::after {content: none;}
	
	
    /* table */
	table.w100 {display: inherit;}
	
	/* form */
	.form-managed-file .form-file, .form-managed-file .form-submit {padding:0; width:28%;}
	form .form-item label {width:28%}
/*	form .form-item label.option {width:18%;}*/
	#edit-email--2,form .form-item .form-file,
	#edit-title {width:72%;}
	form .form-item .form-textarea-wrapper textarea {width:72%;}
	.captcha img { left:auto; right: 0;}
/*	form .field-suffix {width:54%;}*/
	.form-item-agree .field-suffix .privacy {max-width: 100%; width:100%}
	.form-item-agree .field-suffix { display: inline-block;width: 66%;}
	
	/* pagination */
	.item-list ul.pager {padding-top: 40px; margin: 20px 0 0;overflow: hidden; }
	.item-list ul.pager li {display: block; float:left;margin: 3px;}
	
    /* 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 ul.menu {text-align: center;width: 90%; margin: 0 auto;}
    footer ul.menu li {line-height: 30px;}
    footer .footer_top fieldset {display: none;}
    footer .footer_bleft {width:100%; padding-top: 190px;border-top: 1px solid #ccc;}
    footer .footer_bleft img {display: none;}
    footer .footer_bleft p {width:100%; position: static;}
    footer .footer_bright {width: 100%;position: absolute; top:-10px; text-align: left;}
    footer input[type=text] {width:73%!important;}
    footer input[type=submit] {width:30%!important; padding: 0;}
	
	/* org-chart */
	.page-node-326 article .contento {padding: 0;margin: 20px 0 40px;}
	.content .field-item .contento .subdirector > li { width: 40%;}
	.content .field-item .contento .subdirector > li.sd_01 { right: 10%; left: inherit;}
	.content .field-item .contento .subdirector > li.sd_02 { left: 10%; right: inherit;}
	.content .field-item .contento .subdirector > li.sd_02a { left: 10%; top:10px; right: inherit;}
	.content .field-item .contento .subdirector > li.sd_03 { left: 10%; right: inherit;top: 20px;}
	.content .field-item .contento .subdirector > li.sd_04 { right: 17%; left: inherit;top: 65px;width: 33%}
	.content .field-item .contento .subdirector > li.sd_01 a { left: 18%;}
	.content .field-item .contento .subdirector > li.sd_02 a { right: 18%;}
	.content .field-item .contento .subdirector > li.sd_02a a { right: 18%;}
	.content .field-item .contento .subdirector > li.sd_03 a { right: 18%;}
	.content .field-item .contento .subdirector > li.sd_04 a { left:22%;}
	.content .field-item .contento .subdirector > li.sd_00 { width: 26%;top: 200px;}
	.content .field-item .contento li.department > a { height: 120px;}
	.content .field-item .contento li.department > a span br{ display: none;}
	.content .field-item .contento li.department > a span { word-break: break-all;top: 50%; margin-top: -50px;
    line-height: 20px;}
	.content .field-item .contento li.department.dep-a > a span,
	.content .field-item .contento li.department.dep-c > a span {margin-top:-50px;}
	.content .field-item .contento ul.subdep > li span {font-size: 13px; padding: 8px 3px;line-height: 20px; width: 33px;}
	.content .field-item .contento ul.subdep.oneline > li span {width:24px;margin:0 -1px 0 0 }
	.content .field-item .contento ul.subdep > li.sd_01:before { left: 17px; top: -38px;}
	.content .field-item .contento ul.subdep > li.sd_01 ul { margin-top: 40px; top: 60px;left: 6px;}
	.content .field-item .contento ul.subdep > li.sd_02 {left:42px;}
	.content .field-item .contento ul.subdep > li.sd_02:before { left: -24px;width:124%;}
	.content .field-item .contento ul.subdep.oneline:before {top: -12px;width:29%; left:8%;}
	.content .field-item .contento ul.subdep.oneline li:before { top: -12px;}
	.content .field-item .contento ul.subdep > li.sd_03 {top: 160px; left: 1%;}
	.content .field-item .contento .sd_03 ul.subdep.oneline:after {width: 0; left: 23%; top: -116px; height: 105px;}
	.content .field-item .contento ul.subdep.oneline.col-4:before {width: 43%; left: 7%;}
	.content .field-item .contento li.department.dep-c ul { width: 160px; top:128px; left: -232%;}
	.content .field-item .contento li.department.dep-c ul.col-4 {width: 160px;}
	.content .field-item .contento li.department.dep-c.cir ul {left: -446%;}
	.content .field-item .contento ul.subdep.oneline.col-3:before { left: 7%; width: 29%;}	
	.content .field-item .contento li.department.dep-c:before { height: 176px; border-bottom: 1px solid #ccc;
    width: 174%; border-right: 1px solid #ccc; border-left: none; left: -122%;}
	.content .field-item .contento li.department.dep-c.cir:before {height: 72px; top: 138px; border-top: 1px solid #ccc; border-bottom: none; width: 346%; border-right: none; border-left: 1px solid #ccc; left: -293%;}
	.content .field-item .contento li.department.dep-c.cir:after {content: ""; display: block; position: absolute; height: 161px; top: -22px; width: 16px; border-right: 1px solid #ccc; left: 2%;}
	.content .field-item .contento li.department.dep-e ul { top: 128px;left: -209%;}
	.content .field-item .contento .cir ul.subdep.oneline.col-3 li:nth-child(2):before {top:-86px;}
	.content .field-item .contento ul.subdep.oneline.col-3 li:nth-child(2):before { height: 140px; top: -69px;}
	.content .field-item .contento li.department.dep-e:after {width:113%; bottom: 17px;height: 73px; left:-60%}
	.content .field-item .contento li.department.dep-e:before {left: -517%;width: 571%; height: 329px; top:-191px;}
	.content .field-item .contento li.department {width:8.3%;}
	.content .field-item .contento li.department {margin-left: 1.5%;}
	
	/* 2 columns board */
	
	#container_suite .view-side-left {width:32%}
	#container_suite .view-side-right {width:68%;}
	#container_suite .view-side-right .item-list ul li {padding: 20px 0 20px 20px;}
	#container_suite .view-side-right .item-list ul li .views-field {width:100%;}
	#container_suite .view-side-left ul li a {padding: 16px 12px; font-size: 14px;}
	.page-si-competition .btn_file {width:100%;}
    
    .links {display: none;}
	
	/* seoul tep bar */
	.html #seoul-gnb-plugin .seoul-gnb-holder .seoul-gnb-link { margin: 12px 0 0 18px;}
	.html #seoul-gnb-plugin .seoul-gnb-holder .seoul-gnb-link a {zoom: 0.7;}
	.html #seoul-gnb-plugin .seoul-gnb-menu { right: 15px; }
	/* newsletter */
	.node-type-weekly-brief .field-name-body .field-item {margin: 0; border: 0; padding: 0;}
	.node-type-weekly-brief .field-name-body .field-items table {width:100%}
	#center iframe { border:none;margin : 0 auto; }
}
@media screen and (max-width: 414px){
	header .logo h1 a img {width:140px; height: 35px; }
	.stb_form_set_input{width: 245px;}
}
@media screen and (max-width: 375px){
	.stb_form_set_input{width: 245px;}
}
@media screen and (max-width: 360px){
	.content .field-item .contento li.department > a span {font-size: 11px;}
	.stb_form_set_input{width: 236px;}
	.content .field-item h1 br {display: none;}
	.view-content.muuri span.dvd { margin-bottom: 0; }
	.view-content.muuri span {padding: 0 5px 0 12px;}

}
@media screen and (max-width: 320px){
	#center iframe {width:100%;}
	.content .field-item .contento li.department.dep-c.cir ul { left: -99px;}
	
	.stb_form_set_input{width: 210px;}
	footer .footer_bleft p { font-size: 13px; line-height: 18px;}
	
}