@charset "utf-8";
/*
Theme Name: GSEF
Description: GSEF THEME
Author: css3studio
Version:1.0
Tags:wordpress, themes, business blogs, GSEF
*/

@import url('./editor.css');
@import url('https://fonts.googleapis.com/css?family=Lato');

/* content */
.postArea *{font-family:'Georgia', serif;}
body.i18n-ko *,
html[lang=ko] .postArea *{font-family:'Noto Sans KR', sans-serif;}
.cke_editable {max-width: 774px;margin:0 auto;border:dashed 1px #eee;padding:2rem;}

.postArea{line-height:24px;font-weight:300;font-size:14px;text-align: justify}
.postArea p{line-height:1.6;margin-bottom:20px}
.postArea a{color:#008180;}
.postArea b{font-weight:bold;}
/* .postArea em{font-weight:bold;color:#008180} */
.postArea h1{color:#585656;font-size:24px;line-height:28px;font-weight:normal;margin: 40px 0 30px}
.postArea h2{color:#008180;font-size:18px;line-height:25px;font-weight:bold;margin-bottom:20px}
.postArea h2.alt{margin-bottom:10px}
.postArea h3{font-size:16px;line-height:24px;font-weight:normal;margin-bottom:15px}
.postArea h4{color:#2c3a4c;font-size:16px;font-weight:bold;margin-bottom:10px}
.postArea h5{color:#000;font-size:13px;height:13px;line-height:13px;font-weight:normal;margin-bottom:20px;}

.postArea img{max-width:100%;height: auto;}
.postArea .alignLeft{float:left;margin-right:20px;}
.postArea hr{border:1px dashed #008180;height:0;border-top:none;margin:24px 0;}

.postArea ul{margin-bottom:30px;padding-left:0;}
.postArea ul ul{margin-bottom:0px}
.postArea ul li{background:url(../images/bl_hp02.jpg) no-repeat 0 8px;padding-left:12px;color:#585858;line-height:20px;margin-bottom:10px;list-style:none;}
.postArea ul li ol {margin-top:10px;}
.postArea ul li ol li{background:none;}
.postArea ul li ul li{background:url(../images/bl_hp02.jpg) no-repeat 0 11px;font-size:12px}
.postArea ol{margin-bottom:20px;padding-left:0;}
.postArea ol li{list-style-type:decimal;margin-left:18px;color:#585858;line-height:20px;margin-bottom:10px;padding-left:0px}
.postArea ol li ul li{list-style-type:none;background:url(../images/bl_hp02.jpg) no-repeat 0 8px;font-size:12px;padding-left:10px;margin-left:0px;margin-top:10px;}
.postArea ol li ol{margin-bottom:0}
.postArea ol li ol li{margin-left:15px;font-size:12px}

.postArea table{border-top:1px solid #c9c9c9;width:100%;max-width:774px;border-right:1px solid #c9c9c9;border-spacing:0;border-collapse:collapse;margin-bottom:30px}
.postArea table caption{height:0;text-indent:-9999px}
.postArea table th{border-bottom:1px solid #c9c9c9!important;border-left:1px solid #c9c9c9;background-color:#008180;font-size:14px;color:#000;padding:10px}
.postArea table td{border-bottom:1px solid #c9c9c9;border-left:1px solid #c9c9c9;font-size:14px;color:#585858;padding:10px}

.postArea blockquote{margin:0 0 25px 0;padding:20px 20px;text-align:center;border-top:1px solid #008180;border-bottom:1px solid #008180;font-style:italic;font-size:15px;color:#008180}
.postArea blockquote > p:last-child{margin-bottom:0;}

.postArea .arrowline{background:url(../images/arrowline.png) no-repeat center -5px; width:100%; height:60px;}

/* excerption */
.postArea.newsletter table{border-top:inherit;width:inherit;max-width:inherit;border-right:inherit;border-spacing:inherit;border-collapse:collapse;margin-bottom:inherit}
.postArea.newsletter table caption{height:inherit;text-indent:inherit}
.postArea.newsletter table th{border-bottom:inherit;border-left:inherit;background-color:inherit;font-size:inherit;color:inherit;padding:inherit}
.postArea.newsletter table td{border-bottom:inherit;border-left:inherit;font-size:inherit;color:inherit;padding:inherit}
.postArea.newsletter table td a{line-height:inherit}

/* else */
.postArea .btns {text-align: center;}
.postArea .btns .btn {margin: 0 5px;}
.postArea .btn {display: inline-block;border-width: 1px;border-style: solid;line-height: 1;border-radius: 0;cursor: pointer;}
.postArea .btn-print {background: url('../images/ico-print.png') no-repeat 16px center;}
.postArea .btn-print.btn-md {padding-left: 45px;}
.postArea .btn01 {border-color: #008180;background-color: #008180;color: #fff;}
.postArea .btn02 {border-color: #c9c9c9;background-color: #fff;color: #737373;}
.postArea .btn03 {border: 1px solid #959595;background-color: #fff;border-radius: 2px;}
.postArea .btn-sm {padding: 6px 8px;font-size: 13px;}
.postArea .btn-md {padding: 11px 24px;font-size: 15px;}
.postArea .btn-lg {padding: 19px 0;width: 280px;font-size: 18px;font-weight: bold;}


.postArea .reset-list {padding: 0;margin: 0;}
.postArea .reset-list li {padding: 0;margin: 0;background: none;}

.postArea li .item-title {color: #474747;font-size: 16px;font-weight: bold;line-height: 1.3;margin: 0 0 16px;word-break: keep-all;}
.postArea .item-title a {color: inherit;line-height: inherit;font-weight: inherit;text-decoration: none;}
.postArea .item-title small {color: #585656;font-size: 13px;line-height: 1;display: block;font-weight: normal;margin-top: 5px;}
.postArea .item-image {position: relative;}
.postArea .image-wrap {position: relative;display: block;font-size: 0;line-height: 0;border: 1px solid #ddd;border-bottom: none;}
.postArea .image-wrap img {display: block;}
.postArea .item-category {background-color: rgba(0, 129, 128, 0.8);padding: 6px 8px;display: inline-block;position: absolute;left: 20px;bottom: 20px;font-size: 15px;color: #fff;font-weight: bold;line-height: 1;}
.postArea .item-tags {overflow: hidden;margin: 0;padding: 0;}
.postArea .item-tags li {float: left;}
.postArea .item-excerpt {margin-bottom: 12px;line-height: 20px;color: #474747;max-height: 60px;display: block;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis}
.postArea .item-excerpt * {margin: 0;padding: 0;line-height: inherit;font-size: 12px;text-align: inherit;color: inherit;}
.postArea .list-forum {border-top: 1px solid #008180;}
.postArea .list-forum li {padding: 17px 0 20px;border-bottom: 1px solid #ddd;}
.postArea .list-forum .item-title {font-size: 20px;color: #585858;line-height: 1.2;font-weight: normal;margin-bottom: 13px;}
.postArea .list-forum .item-date {color: #8b8b8b;font-size: 13px;line-height: 1;}
.postArea .list-forum .item-answer {color: #008180;font-weight: bold;}
.postArea .list-forum .item-answer.no-answer {color: #8b8b8b}

.postArea .list-horizontal {border-top: 1px solid #008180;padding-bottom: 20px;}
.postArea .list-horizontal>li {border-bottom: 1px solid #ddd;overflow: hidden;padding: 20px;}
.postArea .list-horizontal>li:hover {background: #f6f6f6;}
.postArea .list-horizontal>li:hover .item-image img {-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;-ms-transition: all .2s ease-out;transition: all .2s ease-out;}
.postArea .list-horizontal li .item-image {width: 37.4%;float: left;}
.postArea .list-horizontal li .item-image img {display: block;width: 100%;}
.postArea .list-horizontal li .image-wrap {border-right: 1px solid #ddd;}
.postArea .list-horizontal li .item-text {width: 57.4%;float: left;padding: 6px 2.6%;}
.postArea .list-horizontal li .btn {cursor: default;margin-right: 10px;}
.postArea .list-horizontal li .item-tags {margin-top: 10px;}
.postArea .list-horizontal li .item-tags li {cursor: default;margin-right: 10px;border: 1px solid #959595;background-color: #fff;border-radius: 2px;line-height: 1;padding: 6px 8px;font-size: 13px;margin-top: 10px;}

.postArea .list-vertical {border-top: 1px solid #008180;border-bottom: 1px solid #cccccc;padding-bottom: 20px;overflow: hidden;margin-right: -2.3%;}
.postArea .list-vertical li {margin: 0 1.15%;width: 31.0333%;float: left;margin-top: 20px;border: solid 1px #ccc;box-sizing: border-box;border-radius: 3px;}
.postArea .list-vertical li:hover {box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, .3);}
.postArea .list-vertical .item-image {overflow: hidden;}
.postArea .list-vertical li:hover .item-image img {-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;-ms-transition: all .2s ease-out;transition: all .2s ease-out;}
.postArea .list-vertical li .item-title {margin-bottom: 10px;overflow: hidden;}
.postArea .list-vertical li .item-excerpt {max-height: 40px;overflow: hidden;}
.postArea .list-vertical li .item-category {left: 10px;bottom: 10px;}
.postArea .list-vertical li .item-text {padding: 18px 14px;border-top: 1px solid #ddd;height: 100px;}
.postArea .list-vertical .image-wrap {border: none;}
.postArea .list-vertical li .item-text.memberlist {min-height: 40px;max-height: 70px;}

.postArea .list-link {border-top: 1px solid #008180;border-bottom: 1px solid #cccccc;padding-bottom: 0px;margin-right: -2.3%;overflow: hidden;padding-top: 20px;}
.postArea .list-link li {margin-right: 2.3%;width: 22.7%;float: left;}
.postArea .list-link .image-wrap {border: 1px solid #ddd;}
.postArea .list-link .item-image {margin-bottom: 5px;border: 1px solid #ddd;}
.postArea .list-link .item-image img {display: block;}
.postArea .list-link .item-title {color: #585656;font-size: 13px;font-weight: normal;margin-bottom: 0;height: 66px;line-height: 18px;}

.postArea .pager {padding: 0;margin: 20px 0 0;text-align: center;font-size: 0;}
.postArea .pager li {padding: 0;margin: 0 3px;background: none;display: inline-block;width: 34px;height: 34px;border: 1px solid #008180;color: #008180;line-height: 34px;color: #008180;font-size: 15px;text-align: center;}
.postArea .pager li a {color: inherit;font-weight: bold;display: block;}
.postArea .pager .pager-item {}
.postArea .pager .pager-first,
.postArea .pager .pager-previous,
.postArea .pager .pager-next,
.postArea .pager .pager-last {text-indent: -9999px;position: relative;}
.postArea .pager .pager-first a:before,
.postArea .pager .pager-previous a:before,
.postArea .pager .pager-next a:before,
.postArea .pager .pager-last a:before {font-size: 15px;height: 34px;width: 34px;top: 0;left: 0;text-align: center;line-height: 34px;position: absolute;text-indent: 0;}
.postArea .pager .pager-first a:before {content: '<<';}
.postArea .pager .pager-previous a:before {content: '<';}
.postArea .pager .pager-next a:before {content: '>';}
.postArea .pager .pager-last a:before {content: '>>';}
.postArea .pager .pager-current {background-color: #008180;color: #fff;}
.postArea .tabs.primary {overflow: hidden;padding: 0;margin: 0 0 30px 0;padding-left: 1px;border-bottom: solid 1px #ccc;}
.postArea .tabs.primary li {margin: 0;padding: 0;background: none;background-color: #eee;float: left;}
.postArea .tabs.primary li a {display: block;padding: 10px 20px;border: 1px solid #ddd;border-bottom: 0;margin-left: -1px;}
.postArea .tabs.primary li.active {background-color: #fff;}
.postArea .content>.form-item.form-type-item {display: none;}
.postArea .content>.field-label-inline {display: block;border-bottom: solid 1px #ccc;padding: 10px 0;}
.postArea .content>.field-label-inline:first-child {padding: 0 0 10px;}
.postArea .content>.field-name-body {padding-bottom: 20px;margin: 30px 0;}

.postArea .list-radio li {position: relative;background: none;padding-left: 30px;}
.postArea .list-radio li input[type="radio"] {position: absolute;top: 4px;left: 0;}

.postArea .box-a {padding:2em;border-radius:10px;background:#f6f6f6;}

/* 버튼 정의 */
.btns {display: block;float: none;clear: both;text-decoration:none;}
.btn {display: inline-block;padding: .8rem 1.6rem;font-size: 1rem;font-weight: 500;}
.btn.outline {border: solid 1px #fff;}
.btn.white {color: #fff;}
.btn.outline.white {color:#666}
.btn.black {font-family:'Lato',sans-serif;color: #4BA82C;border-color:#4BA82C;border-width:3px!important;border-radius:100px!important;}
.btn.black:before {content:' ';font-size:1.4rem;vertical-align:middle;font-family:'xeicon'}
.btn.colored {color: #fff}
.btn.red {background: #e60012;padding: .8rem 3rem;}
.btn.small {font-size:1.6rem;}
.btn:hover {background: #4BA82C;color: #fff;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;-ms-transition: all .2s ease-out;transition: all .2s ease-out;text-decoration:none;}

/* Specials */
.postArea .box01 {border:1px solid #ccc;padding:1.8rem;margin-bottom:1.25rem;background:#f3f4f5;}
.postArea .box02 {border:1px solid #ccc;padding:1.8rem;margin-bottom:1.25rem;background:transparent;}
.postArea .box03 {border-left:3px solid #e60012;padding:1.8rem;margin-bottom:1.25rem;background:transparent;}
.postArea .box01 ol:last-child,
.postArea .box02 ol:last-child,
.postArea .box03 ol:last-child,
.postArea .box01 ul:last-child,
.postArea .box02 ul:last-child,
.postArea .box03 ul:last-child,
.postArea .box01 p:last-child,
.postArea .box02 p:last-child,
.postArea .box03 p:last-child {margin-bottom:0;}

/* For CKE panel */
.cke_panel_listItem h1{color:#585656;font-size:24px;line-height:28px;font-weight:normal;margin: 40px 0 10px}
.cke_panel_listItem h2{color:#008180;font-size:18px;line-height:25px;font-weight:bold;margin-bottom:10px}
.cke_panel_listItem h3{font-size:16px;line-height:24px;font-weight:normal;margin-bottom:15px}
.cke_panel_listItem h4{color:#2c3a4c;font-size:16px;font-weight:bold;margin-bottom:10px}
.cke_panel_listItem h5{color:#000;font-size:13px;height:13px;line-height:13px;font-weight:normal;margin-bottom:20px;}
.cke_panel_listItem h6{font-size:1.4rem;line-height:1.857;margin-bottom:1.25rem;color:#4c4c4c;font-weight:700}

.cke_panel_listItem .box01 {border:1px solid #ccc;padding:.4rem;margin-bottom:0;background:#f3f4f5;}
.cke_panel_listItem .box02 {border:1px solid #ccc;padding:.4rem;margin-bottom:0;background:transparent;}
.cke_panel_listItem .box03 {border-left:3px solid #e60012;padding:.4rem;margin-bottom:0;background:transparent;}