@charset "UTF-8";
@font-face{
 font-family:'fontL';
 src:url("https://staticx-talent.basecdn.net/image/fonts/shinhanbank/shinhan-light.eot");
 src:local("Γÿ║"),url("https://staticx-talent.basecdn.net/image/fonts/shinhanbank/shinhan-light.woff") format("woff"),url("https://staticx-talent.basecdn.net/image/fonts/shinhanbank/shinhan-light.ttf") format("truetype");
 font-weight:normal;
 font-style:normal
}
@font-face{
 font-family:'fontM';
 src:url("https://staticx-talent.basecdn.net/image/fonts/shinhanbank/shinhan-medium.eot");
 src:local("Γÿ║"),url("https://staticx-talent.basecdn.net/image/fonts/shinhanbank/shinhan-medium.woff") format("woff"),url("https://staticx-talent.basecdn.net/image/fonts/shinhanbank/shinhan-medium.ttf") format("truetype");
 font-weight:normal;
 font-style:normal
}
@font-face{
 font-family:'fontB';
 src:url("https://staticx-talent.basecdn.net/image/fonts/shinhanbank/shinhan-bold.eot");
 src:local("Γÿ║"),url("https://staticx-talent.basecdn.net/image/fonts/shinhanbank/shinhan-bold.woff") format("woff"),url("https://staticx-talent.basecdn.net/image/fonts/shinhanbank/shinhan-bold.ttf") format("truetype");
 font-weight:normal;
 font-style:normal
}
.component__top--v4 {
	background-color: #17C286;
}
.component__top--v4:hover {
	background-color: #24d397;
	color:#fff;
}
.component__top--v4 i.icon {
}
.component__top--v4.--show {
}
.tpl4__header {
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
 top: 0;
 left: 0;
 -webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease;
 -o-transition-timing-function: ease; transition-timing-function: ease;
 z-index: 11;
}
.tpl4__header.header--stick{
 position:fixed;
 background-color: #00397f;
 z-index: 111;
}
.tpl4__header.showfixed .navigation{
 -webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease;
 -o-transition-timing-function: ease; transition-timing-function: ease;
 right: 0;
}
.tpl4__logo {
 padding:10px 0;
	display:table-cell;
	vertical-align:middle;
}
.tpl4__logo img{
 display:inline-block;
 margin-right: 10px;
 height: 45px;
}
.tpl4__header.header--stick img {
}
.tpl4__label {
	position:relative;
 display:inline-block;
 color:#fff;
	font-size:12px;
	vertical-align:middle;
 padding:5px 15px;
	background-color: #17C286;
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;
}
.tpl4__menu{
	display:table-cell;
 padding-left: 40px;
}
.tpl4__menu .items .item {
 display:inline-block;
 color:#fff;
 padding:20px 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 margin-right: 40px;
 border-bottom: 2px solid rgba(255, 255, 255, 0);
}
.tpl4__menu .items .item:hover,
.tpl4__menu .items .item.active{
 opacity: 1; filter: alpha(Opacity:100);
 border-bottom-color: #fff;
}
.tpl4__menu .items--right{
	position:absolute;
 top: 10px;
 right: 0px;
}
.tpl4__button {
	padding:10px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 display:inline-block;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	background-color: #17C286;
	color: #fff !important;
}
.tpl4__button:hover{
	background-color: #119e6e;
}
.tpl4__hamburger{
 display:inline-block;
	position:absolute;
	font-size:18px;
	color:#fff;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding:5px 10px;
	top: 5px;
	right: 0;
}
.job-detail{
 padding:0px;
 border-bottom: 1px solid #e0e0e0;
}
.top-article{
 background-color: #fafafa;
	position:relative;
}
.top-article .container{
 padding:20px 0px;
}
.job-detail .cell{
	vertical-align:top;
}
.section-banner.detail .banner__text .title{
	font-size:28px;
 line-height: 34px;
}
.section-banner.detail .banner__text .container{
 padding:0px;
}
.section-banner.detail .banner__text .desc{
	font-size:14px;
}
.sec-.job-detail .head-article{
 padding-bottom: 40px;
 border-bottom: 1px solid #e0e0e0;
}
[class^="ficon-"], [class*=" ficon-"]{
 margin-right: 0px;
}
.job-detail .head-article .name-title .title{
	font-size:28px;
 color:#2599dc;
	font-weight:normal;
 line-height: 38px;
 margin-bottom: 10px;
}
.post-type{
 margin-bottom: 20px;
}
.post-type .type{
 display:inline-block;
 margin-right: 10px;
}
.post-type .type .-ap{
 margin-right: 5px;
}
.post-type a {
 color:#fff;
}
.post-type a:hover {
 color:#fff;
	text-decoration:underline;
}
.sidebar-article{
 padding-top: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 width:35%;
 padding-left:30px;
}
.sidebar-article .btn-apply{
 display:block;
 line-height: 25px;
}
#article {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 line-height: 25px;
 padding-right: 30px;
}
.sidebar-article .desc-job {
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 border:1px solid #e0e0e0;
 padding:20px;
 margin-top: 30px;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.table{
 display: table;
}
.cell{
	display:table-cell;
}
.sidebar-article .desc-job .desc {
 line-height: 25px;
 padding:10px 0px;
 border-bottom: 1px dotted #e0e0e0;
}
.sidebar-article .desc-job .desc:last-child{
 border-bottom: 0px;
}
.ctas .btn-apply {
 padding: 10px 40px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 background-color: #2599dc;
 color:#fff;
	position:relative;
 clear:both;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
}
.ctas .btn-apply:hover:after {
 content: "";
 bottom: 0px;
 left: 0px;
 height: 3px;
	position:absolute;
	width:100%;
 background: rgba(0,0,0,0.2);
}
.sidebar-article .desc-job .desc span {
 display:block;
}
.box-share {
	text-align:center;
 margin-top: 20px;
}
.box-share .name {
 color:#888;
 margin-bottom: 20px;
}
.box-share .btn-share {
 width:35px;
 height: 35px;
 border-radius: 50%;
 line-height: 35px;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 display:inline-block;
	position:relative;
 color:#666;
 background-color: #fff;
}
.box-share .btn-share:hover{
 opacity: 0.8; filter: alpha(Opacity:80);
}
.box-share .btn-share.-fb {
 color:#fff;
 background-color: #3b5999;
}
.box-share .btn-share.-mail {
 color:#fff;
 background-color: #dd4b39;
}
.article .content-article {
 line-height: 25px;
 padding-top:40px;
	text-align:justify;
}
.article .content-article h2,
.article .content-article h3,
.article .content-article h4,
.article .content-article h5 {
 margin-bottom: 20px;
 line-height: 1.3;
 color:#333;
	font-weight:normal;
}
.article .content-article h2 {
	font-size:24px;
 color:#2599dc;
}
.article .content-article h3 {
	font-size:20px;
}
.article .content-article h4 {
	font-size:18px;
}
.article .content-article h5 {
	font-size:16px;
}
.article .content-article li{
 list-style: none !important;
 margin-top: 0px !important;
 padding-bottom: 0px !important;
}
.article .content-article div,
.article .content-article p,
.article .content-article li {
 margin-bottom: 10px !important;
 color:#333;
}
.article .content-article li:before {
 content: "\ea2b";
 display:inline-block;
 color:#999;
 font-family: "ap";
 margin-left: 20px;
 margin-right: 5px;
}
.list-related {
 padding: 40px 0px;
 border-top: 1px dotted #e0e0e0;
}
.list-related .name {
	font-size:20px;
 margin-bottom: 20px;
	text-transform:uppercase;
}
.list-related a {
 display:block;
 line-height: 20px;
 margin-bottom: 15px;
}
.list-related .btn-viewall {
	text-align:center;
 display:inline-block;
 margin-top: 20px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.breadcrumb {
	padding-top: 15px;
	padding-bottom: 15px;
}
.breadcrumb a {
 display:inline-block;
}
.breadcrumb a:hover{
 color:#17C286;
}
.container {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	position:relative;
 max-width: 1100px;
 margin: 0px auto;
}
#scroll-top {
	text-align:center;
 display:block;
 position:fixed;
 color:#87898f;
	font-size:20px;
 bottom: 60px;
 right: 10px;
 z-index: 300;
 width: 40px;
 height: 40px;
 background-color: #fff;
 border: 1px solid rgba(0, 0, 0, 0.1);
 opacity: 0; filter: alpha(Opacity:0);
 border-radius: 50%;
 transform: translate(0px, 10px);
 -ms-transform: translate(0px, 10px);
 -webkit-transform: translate(0px, 10px);
 -moz-transition-transform: translate(0px, 10px);
 -webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease;
 -o-transition-timing-function: ease; transition-timing-function: ease;
}
#scroll-top:hover {
 color:#2599dc;
 border-color: #2599dc;
}
#scroll-top span {
 line-height: 40px;
}
#scroll-top.show {
 opacity: 1; filter: alpha(Opacity:100);
 -webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease;
 -o-transition-timing-function: ease; transition-timing-function: ease;
 transform: none;
 -ms-transform: none;
 -webkit-transform: none;
 -moz-transition-transform: none;
}
.btn-apply {
 padding: 7px 15px;
 display:inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
	white-space: nowrap;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.divider {
 border-top: 2px solid #eee;
 clear: both;
}
.section- {
 padding: 40px 0px;
}
.select-custom {
 padding: 0;
 margin: 0;
 width: auto;
 background-color: #fff;
	position:relative;
}
.select-custom:before {
 font-family: "FontAwesome";
 content: "\f0d7";
 right: 10px;
 color:#888;
	position:absolute;
 line-height: 40px;
}
.select-custom select {
 padding: 10px 15px;
	width:100%;
 border:1px solid #e0e0e0;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.select-custom select:focus {
 outline: none;
}
#appform .form .submit {
	background-color: #00397f;
}
#appform .form .submit:hover {
	background-color: #084b9e;
}
#appform .form .upload input{
 top: 0px;
}
* {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%;
 vertical-align: baseline;
 text-decoration: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html,
body {
 overflow: initial;
	font-size:14px;
 color:#666;
 -webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease;
 -o-transition-timing-function: ease; transition-timing-function: ease;
 font-family: "fontM", "Helvetica Neue", Helvetica, arial;
}
a {
 color:#666;
	font-weight:normal;
 -webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease;
 -o-transition-timing-function: ease; transition-timing-function: ease;
}
a:hover,
a:focus {
 @@active color:#2599dc;
 -webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease;
 -o-transition-timing-function: ease; transition-timing-function: ease;
}
.clearfix {
 clear: both;
}
.section {
 padding: 50px 0px;
}
.title-blue {
	font-size:30px;
 color:#00397f;
 line-height: 38px;
 text-transform: none;
 margin: 0 0 20px 0;
	font-weight:normal;
 font-family: 'fontM';
}
.text {
	font-size:16px;
 line-height: 24px;
 color:#252525;
 text-transform: none;
 letter-spacing: 0.25px;
 font-family: 'fontL';
}
.intro-top-about {
}
.intro-top-about .featured {
 width: 50%;
}
.intro-top-about .featured img {
	width:100%;
}
.intro-top-about .content {
 padding-top: 50px;
 padding-right: 40px;
 vertical-align: top;
}
.history-about {
	position:relative;
 overflow: hidden;
}
.history-about .line-timeline {
	width:100%;
 height: 1px;
 background-color: #d2d2d2;
	position:absolute;
 left: 0;
 top: 120px;
}
.history-about .timeline-w {
 width: 100%;
 margin: 50px auto;
	position:relative;
}
.history-about .timeline-w .slick-arrow {
 display: none !important;
}
.history-about .slick-list {
 overflow: inherit;
}
.history-about .slick-list {
 overflow: inherit;
}
.history-about .content-history li {
 list-style: none;
 display: table !important;
}
.history-about .content-history li .featured {
 width: 55%;
 vertical-align: top;
}
.history-about .content-history li .featured img {
 width: 100%;
}
.history-about .content-history li .content {
 width: 45%;
 background: #f1ece1;
 vertical-align: top;
}
.history-about .content-history li .content .content-pd{
 padding: 50px;
}
.history-about .content-history li .content .year {
 font-size: 18px;
 font-family: fontM;
 line-height: normal;
 color: #cf9c51;
 text-transform: none;
 margin-top: 0;
 position: relative;
 display: initial;
}
.history-about .content-history li .content .year:before {
 content: "";
 width: 2px;
 height: 0;
 background: #cf9c51;
 position: absolute;
 top: -95px;
 left: 50%;
 transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
 -o-transform: translateX(-50%);
 transition: all 0.3s;
 -webkit-transition: all 0.3s;
 -o-transition: all 0.3s;
}
.history-about .content-history .slick-current .content .year:before {
 height: 80px;
 transition-delay: 0.2s;
 -webkit-transition-delay: 0.2s;
}
.history-about .content-history li .content .year span {
 opacity: 0;
 visibility: hidden;
 transition: all 0.3s;
 -webkit-transition: all 0.3s;
 -o-transition: all 0.3s;
}
.history-about .content-history .slick-current .content .year span {
 opacity: 1;
 visibility: visible;
 transition-delay: 0.4s;
 -webkit-transition-delay: 0.4s;
}
.history-about .content-history li .content .title {
 font-size: 22px;
 font-family: fontM;
 font-weight: normal;
 line-height: normal;
 color: #00397f;
 text-transform: none;
 opacity: 0;
 visibility: hidden;
 transform: translateY(10px);
 -webkit-transform: translateY(10px);
 -o-transform: translateY(10px);
 transition: all 0.3s;
 -webkit-transition: all 0.3s;
 -o-transition: all 0.3s;
 margin-top: 20px;
 margin-bottom: 10px;
}
.history-about .content-history .slick-current .content .title {
 opacity: 1;
 visibility: visible;
 transform: translateY(0px);
 -webkit-transform: translateY(0px);
 -o-transform: translateY(0px);
 transition-delay: 0.6s;
 -webkit-transition-delay: 0.6s;
}
.history-about .content-history li .content .text {
 opacity: 0;
 visibility: hidden;
 transform: translateY(10px);
 -webkit-transform: translateY(10px);
 -o-transform: translateY(10px);
 transition: all 0.3s;
 -webkit-transition: all 0.3s;
 -o-transition: all 0.3s;
}
.history-about .content-history .slick-current .content .text {
 opacity: 1;
 visibility: visible;
 transform: translateY(0px);
 -webkit-transform: translateY(0px);
 -o-transform: translateY(0px);
 transition-delay: 0.7s;
 -webkit-transition-delay: 0.7s;
}
.history-about .timeline-w .ctr-prev, .history-about .timeline-w .ctr-next {
 position: absolute;
 background-color: rgba(255,255,255,0.6);
 border-radius: 50%;
 cursor: pointer;
 top: 80%;
 transition: all 0.3s;
 -webkit-transition: all 0.3s;
 -o-transition: all 0.3s;
}
.history-about .timeline-w .ctr-prev {
 width: 50px;
 height: 50px;
 background-repeat: no-repeat;
 background-position: center;
 transform: rotateY(180deg);
 -webkit-transform: rotateY(180deg);
 -o-transform: rotateY(180deg);
 left: 59%;
}
.history-about .timeline-w .ctr-next {
 width: 50px;
 height: 50px;
 background-repeat: no-repeat;
 background-position: center;
 right: 4%;
}
.history-about .timeline {
 width: 100%;
 height: 60px;
 overflow: hidden;
 padding: 0;
 margin-bottom: 17px;
}
.history-about .timeline .year {
 height: 55px;
 float: left;
 text-align: center;
 list-style-type: none;
 cursor: pointer;
 font-size: 18px;
 font-family: fontM;
 line-height: normal;
 color: #6d6f71;
 text-transform: none;
 transition: all 0.3s;
 -webkit-transition: all 0.3s;
 -o-transition: all 0.3s;
 position: relative;
}
.history-about .timeline .year:before {
 content: "";
 width: 1px;
 height: 20px;
 background: #d2d2d2;
 position: absolute;
 top: 32px;
 left: 50%;
 transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
 -o-transform: translateX(-50%);
 transition: all 0.3s;
 -webkit-transition: all 0.3s;
 -o-transition: all 0.3s;
}
.history-about .timeline .slick-current .year:before {
 opacity: 0;
 transition: all 0.3s;
 -webkit-transition: all 0.3s;
 -o-transition: all 0.3s;
}
.history-about .timeline .slick-current .year span {
 opacity: 0;
 transition: all 0.3s;
 -webkit-transition: all 0.3s;
 -o-transition: all 0.3s;
}
.tpl4__section {
	position:relative;
 margin-top: 30px;
 margin-bottom: 30px;
}
.section-jobs {
 padding-top: 50px;
 padding-bottom: 50px;
 margin: 0;
 background-color: #fff;
}
.jobs-header {
	font-size:32px;
	font-weight:300;
 color:#333;
	text-align:center;
}
.jobs__subheader {
 display:block;
	font-size:15px;
	font-weight:300;
 margin-top: 15px;
 line-height: 1.58;
}
.jobs__subheader a {
	font-weight:300;
 border-bottom: 1px dashed;
}
.jobs__list {
 margin-bottom: 30px;
 padding-bottom: 30px;
 border-bottom: 1px dotted rgba(255, 255, 255, 0.1);
}
.jobs__list:last-child {
 margin-bottom: 0px;
 padding-bottom: 0px;
 border-bottom: 0px;
}
.jobs__list .jobs__title {
	font-size:20px;
 color:#333;
	position:relative;
 line-height: 30px;
 padding: 10px 15px;
}
.jobs__list .jobs__title:before {
 content: "";
 height: 3px;
 width: 70px;
 background: rgba(51,51,51,0.1);
	position:absolute;
 bottom: 0px;
 left: 15px;
}
.item--job {
 padding: 10px 15px;
	width:100%;
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 color:#333;
 display: table;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}
.item--job:hover {
 background: rgba(51,51,51,0.05);
}
.item--job .cell {
	display:table-cell;
	vertical-align:middle;
}
.item--job .item--name {
 width: 50%;
}
.item--job .item--desc {
 opacity: .8; filter: alpha(Opacity:80);
}
.item--job .item--desc .info {
 display:block;
}
.item--job .item--desc .info a {
 color:#333;
}
.item--job .cta {
 width: 10%;
}
.item--job .item--desc,
.item--job .cta {
	text-align:right;
}
.item--job .item--desc {
 padding: 0 20px;
}
.item--job .item--desc .-ap {
 margin-left: 5px;
}
.item--job .item--title {
	font-size:16px;
 line-height: 24px;
}
.item--job .item--title a {
 line-height: 22px;
 color:#333;
}
.item--job .item--title a:hover {
	text-decoration:underline;
}
.item--job .info {
	font-size:13px;
}
.item--job .info .-ap {
 margin-right: 5px;
 color:#333;
}
.button--main {
 padding: 10px 20px;
 background-color: #00397f;
 color:#fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size:13px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 display:inline-block;
 white-space: nowrap;
}
.button--main:hover {
 background-color: #084b9e;
 color:#fff;
}
.core-valunes {
 padding-bottom: 50px;
}
.ads-pre.slidebg {
 position: relative;
}
#slidehr, #slidehr .bgimage, .ads-pre.slidebg {
 height: 400px;
}
#slidehr .bgimage {
 width: 100%!important;
 background-size: cover;
 background-repeat: no-repeat;
}
#pager {
 bottom: 10px;
 position: absolute;
 z-index: 9;
 left: 0px !important;
 width: 100%;
 text-align: center;
}
#pager li{
 display: inline-block;
 padding-right: 10px;
}
#pager li a {
 display: block;
 height: 15px;
 width: 15px;
 border-radius: 15px;
 background: rgba(0, 0, 0, 0.5);
}
#pager li a.activeSlide{
 background-color: #00529b;
}
.section-page{
 padding-top: 50px;
}
.page-content-pre .section-title {
 color:#2599dc;
 text-align: center;
 text-transform: uppercase;
 font-weight: bold;
 padding-bottom: 40px;
 font-size: 30px;
}
.block-bottom-about {
 width: 100%;
 position: relative;
 overflow: hidden;
}
.block-bottom-about:before {
 content: "";
 width: 100%;
 height: 100%;
 position: absolute;
 background: rgba(0,0,0,0.4);
 z-index: 0;
 bottom: 0;
 left: 0;
 z-index: 10;
}
.block-bottom-about .bg {
 width: 100%;
 position: absolute;
 left: 50%;
 transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
 -o-transform: translateX(-50%);
}
.block-bottom-about .container {
 position: relative;
 height: 230px;
}
.block-bottom-about .link-move {
 position: absolute;
 top: 50%;
 right: 4px;
 transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 -o-transform: translateY(-50%);
 font-size: 36px;
 font-family: fontM;
 line-height: normal;
 color: #fff;
 text-transform: none;
 z-index: 20;
}
#footer {
 padding:60px 0px;
}
#footer .links--footer{
 width: 20%;
 width: 21.25%;
}
#footer .col-3{
 margin-right: 5%;
	float:left;
}
#footer .col-3:nth-child(4n+4){
 margin-right: 0px;
}
#footer .links__footer--title{
 margin-bottom: 20px;
}
#footer .links--footer a{
 display:block;
 color:#666;
	font-size:13px;
 margin-bottom: 10px;
}
#footer .links--footer a:hover{
 opacity: 0.6; filter: alpha(Opacity:60);
}
#footer .bottom--footer{
	position:relative;
 border-top: 1px dotted #eee;
 margin-top: 20px;
 padding-top: 20px;
}
#footer .bottom--footer a{
}
#footer .bottom--footer .copyright a{
 color:#17C286;
}
#footer .box-ext{
	position:relative;
 margin: 20px 0px;
 padding:20px 0px;
 border-top: 1px solid #eee;
 border-bottom: 1px solid #eee;
}
#footer .social{
	position:absolute;
 top: 20px;
 right: 0px;
}
#footer .social a{
 display:inline-block;
	text-align:center;
 line-height: 30px;
 width: 30px;
 height: 30px;
 border-radius:50%;
 background-color: #eee;
 opacity: .5; filter: alpha(Opacity:50);
 margin-left:5px;
}
#footer .social a:hover{
 opacity: 0.8; filter: alpha(Opacity:80);
}
.section-banner{
	position:relative;
 clear:both;
 min-height: 31.5rem;
}
.section-banner .banner__cover{
	position:absolute;
	width:100%;
	height:100%;
 max-width: 100%;
}
.section-banner .banner__cover img{
	width:100%;
	height:100%;
 object-fit: cover;
 font-family: 'object-fit: cover;';
}
.section-banner .bg{
	position:absolute;
	width:100%;
	height:100%;
 background-image: -webkit-linear-gradient(36deg,#1a8bf0 0,#25292d 100%);
 background-image: -moz-linear-gradient(36deg,#1a8bf0 0,#25292d 100%);
 background-image: -o-linear-gradient(36deg,#1a8bf0 0,#25292d 100%);
 background-image: linear-gradient(36deg,#1a8bf0 0,#25292d 100%);
 top: 0px;
 left: 0px;
 opacity: .4; filter: alpha(Opacity:40);
 z-index: 2;
}
.section-banner .banner__text{
 color:#fff;
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 padding:180px 0px;
 padding-bottom: 100px;
 text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
 z-index: 3;
 min-height: 31.5rem;
}
.banner__text .container{
 padding:0px 60px;
}
.banner__text .headline{
	font-size:16px;
 margin-bottom: 10px;
}
.banner__text .title{
	font-size:40px;
	font-weight:normal;
 line-height: 1.2;
 margin-bottom: 10px;
}
.banner__text .desc{
	font-size:16px;
 line-height: 25px;
}
.section-banner .cta{
 padding:15px 40px;
 margin-top:10px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	cursor:pointer;
 display:inline-block;
 color:#2599dc;
 background-color: #fff;
 text-shadow:none;
 -webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease;
 -o-transition-timing-function: ease; transition-timing-function: ease;
}
.section-banner .cta:hover{
 box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
}
.section-banner .btn-contact{
 display:block;
 padding:20px 0px;
 color: rgba(255, 255, 255, 0.8);
}
.section-banner .btn-contact:hover{
	text-decoration:underline;
}
.container-search {
	position:relative;
 z-index: 99;
 margin: 0px auto;
 padding-bottom: 100px;
}
.container-search .box-row{
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 margin-left: -15px;
 margin-right: -15px;
}
.container-search .box-col-4 {
 width: 26.666666%;
 padding: 0px 15px;
}
.container-search .box-col-2 {
 width: 20%;
 padding: 0px 15px;
}
.search-jobs-main .form-control {
 border-color: #fff;
 font-size: 18px;
 padding: 0px;
 padding-left: 20px;
 height: 55px;
 line-height: 55px;
 color: #00397f;
 border: 2px solid #fff;
 width: 100%;
 border-radius: 5px;
 background-color: #fff;
}
.form-control::-webkit-input-placeholder { /* Edge */
 color: #00397f;
}
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #00397f;
}
.form-control::placeholder {
 color: #00397f;
}
.container-search .input.fluid::after{
 color: #00397f;
}
.search-jobs-main .btn-search {
 background: transparent;
 border: 2px solid #fff;
 color: #fff;
 font-size: 18px;
 text-align: center;
 width: 100%;
 height: 55px;
 line-height: 55px;
 cursor: pointer;
 border-radius: 5px;
	text-transform:uppercase;
}
.search-jobs-main .btn-search span.-ap{
	font-size:20px;
}
.hamburger--mb {
	display: inline-block;
}
@media(max-width: 1615px) {
	.block-bottom-about .bg {
 height: 230px;
 width: auto;
	}
}
@media only screen and (min-width: 1200px) {
	.hamburger--mb {
 display: none;
	}
}
@media(max-width: 991px) {
	.history-about .timeline-w .ctr-prev,
	.history-about .timeline-w .ctr-next {
 width: 35px;
 height: 35px;
 background-color: #00397f;
 background-image: url(https://staticx-talent.basecdn.net/image/shinhan/arrow_w.png) !important;
 top: 95%;
	}
	.history-about .timeline-w .ctr-prev {
 left: 86%;
	}
	.history-about .content-history li .content .content-pd {
 padding: 15px;
	}
	.history-about .content-history li .content .title {
 margin-top: 5px;
 margin-bottom: 5px;
 font-size: 20px;
	}
	.ads-pre.slidebg {
	display:none;
	}
	#footer .col-3 {
 width: 50%;
 margin-bottom: 30px;
	}
}
@media only screen and (max-width: 768px) {
	.section__cover img {
 display: none;
	}
	.section--without-space {
 margin: 15px 0;
	}
	.section__content {
	position:relative;
 top: unset;
 transform: unset;
	}
	.tpl4__menu .items .item:hover,
	.tpl4__menu .items .item.active {
 border-bottom: unset;
	font-weight:bold;
	}
}
@media(max-width: 767px) {
	.intro-top-about .featured {
	width:100%;
	}
	.intro-top-about .content {
 padding: 0px;
	}
	.history-about .content-history:before {
 content: "";
 width: 100%;
 height: 1px;
 background: #d2d2d2;
 position: absolute;
 left: 0;
 bottom: 290px;
	}
	.history-about .line-timeline {
 display: none;
	}
	.history-about .content-history li .featured {
	width:100%;
	}
	.history-about .content-history li .content {
	width:100%;
	}
	.history-about .content-history li .content .content-pd {
 padding: 0px 20px 20px 20px !important;
 height: 240px;
 margin-top: 80px;
	}
	.history-about .content-history li .content .year:before {
 top: -31px;
	}
	.history-about .content-history li .content .year span {
 top: -60px;
 position: relative;
	}
	.history-about .timeline-w .timeline {
 display: none;
	}
	.history-about .timeline-w .ctr-prev {
 left: 74%;
	}
	.history-about .timeline-w .ctr-prev,
	.history-about .timeline-w .ctr-next {
 top: 45%;
	}
	.history-about .content-history .slick-current .content .year:before {
 height: 50px;
 transition-delay: 0.4s;
 -webkit-transition-delay: 0.4s;
	}
	.block-bottom-about .container {
 height: 180px;
	}
	.block-bottom-about .bg {
 height: 180px;
 width: auto;
	}
}
@media(max-width: 480px) {
	.section-banner {
 min-height: auto;
	}
	.section-banner .banner__text {
 padding: 110px 0px;
 min-height: auto;
	}
	.overview__benefit .benefit__item {
	width:100%;
 float: none;
 padding: 20px 0px;
	}
	.benefit__item .benefit--image {
 margin-bottom: 20px;
	}
	.item--job .cell {
 display:block;
	width:100%;
	text-align:left;
 padding: 0px;
 margin-bottom: 10px;
	}
	.jobs-header {
 margin-bottom: 20px;
	}
	#footer .links--footer {
 display:block;
	width:100%;
 float: none;
 margin-bottom: 20px;
	}
	#footer .links__footer--title {
 margin-bottom: 10px;
	}
	.cell {
 display:block;
	}
	.sidebar-article {
	width:100%;
 padding-left: 0px;
	}
	.customer__cover {
 display: none;
	}
	.customer__content {
	position:relative;
 top: auto;
 transform: translateY(0%);
	}
	.item--job {
 padding: 10px 0px;
	}
	.item--job .info .-ap {
 display:inline-block;
 margin-left: 0px;
	}
	.item--job .item--desc .info {
 margin-bottom: 5px;
	}
	.jobs__list .jobs__title {
 padding: 10px 0px;
	}
	#footer .col-3 {
 width: 100%;
	}
}
.slick-loading .slick-slide,
.slick-loading .slick-track {
 visibility: hidden
}
.slick-list,
.slick-slider,
.slick-track {
 position: relative;
 display: block
}
.slick-slider {
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 -webkit-touch-callout: none;
 -ms-touch-action: pan-y;
 touch-action: pan-y;
 -webkit-tap-highlight-color: transparent
}
.slick-list {
 width: 100%;
 overflow: hidden;
 margin: 0;
 padding: 0
}
.slick-list:focus {
 outline: 0
}
.slick-list.dragging {
 cursor: pointer;
 cursor: hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
 -webkit-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);
 -ms-transform: translate3d(0, 0, 0);
 -o-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0)
}
.slick-track {
 top: 0;
 left: 0
}
.slick-track:after,
.slick-track:before {
 display: table;
 content: ''
}
.slick-slide {
 display: none;
 float: left;
 height: 100%;
 min-height: 1px
}
[dir=rtl] .slick-slide {
 float: right
}
.slick-slide img {
 display: block
}
.slick-slide.slick-loading img {
 display: none
}
.slick-slide.dragging img {
 pointer-events: none
}
.slick-initialized .slick-slide {
 display: block
}
.slick-vertical .slick-slide {
 display: block;
 height: auto;
 border: 1px solid transparent
}
.slick-arrow.slick-hidden {
 display: none
}