@charset "UTF-8";

/* ** Sub header ** */
aside {
    padding-top: 7.5rem;
}

select::-ms-expand {display:none}

@media only screen and (max-width: 767px) {
    aside {
        margin-bottom: 2rem;
        padding-top: 7rem;
    }
}

aside .visual {
    height: 16.625rem;
    padding: 5.5rem 0;
    color: #ffffff;
    /*background-color: #55aacb;*/
    /*background-color: rgb(128, 183, 212);*/
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

aside.intro .visual {
    background-image: url('../../images/background/img_sub_visual_1.jpg');
}

aside.terminal .visual {
    background-image: url('../../images/background/img_sub_visual_2.jpg');
}

aside.promote .visual {
    background-image: url('../../images/background/img_sub_visual_3.jpg');
}

aside.board .visual {
    background-image: url('../../images/background/img_sub_visual_4.jpg');
}

aside.recruit .visual {
    background-image: url('../../images/background/img_sub_visual_5.jpg');
}

aside.esg .visual {
    background-image: url('../../images/background/img_sub_visual_1.jpg');
}

aside .visual .container {
    /* padding: 0 2%; */
}

aside .visual .category-title {
    font-size: 2rem;
    font-weight: bold;    
    text-align: left;
}

aside .visual .category-context {
    font-size: 0.8125rem;
    /* border-bottom: 1px solid #ffffff; */
    text-align: left;
    letter-spacing: -0.02rem;
    margin-bottom: 1rem;
}

aside .visual .category-context span {
    border-bottom: 1px solid rgba(255,255,255,0.7);
}

@media only screen and (max-width: 767px) {
    aside .visual {
        height: 12.75rem;
    	padding: 3rem 2rem;
    }

    aside .visual .category-title {
        margin-bottom: 1rem;
        line-height: 100%;
        font-size: 1.25rem;
    }

    aside .visual .category-context {
        line-height: 160%;
        font-size: 0.75rem;
    }
}

/* aside .snb {
	width: 100%;
    max-width: 75rem;
    height: 3.75rem;
    background: #053661;
    margin: 0 auto;
    position: relative;
    top: -2rem;
} */

aside .snb {
	width: 100%;
    max-width: 75rem;
    height: 3.75rem;
    /* background: #053661; */
    margin: 0 auto;
    position: relative;
    top: -3.75rem;
}

aside .snb a {
    text-decoration: none;
}

/* aside .snb > ul {
    width: 100%;
    height: 100%;
    font-size: 0;
} */
 
aside .snb > ul {
    width: 34.375rem;
    height: 100%;
    float: left;
    font-size: 0;
    /* background-color: #053661; */
} 
 
aside .snb > ul > li {
    display: inline-table;
    width: 15.125rem;
    height: 100%;
    table-layout: fixed;
    position: relative;
    vertical-align: middle;
    background-color: rgba(0,0,0,0.5);
}

aside .snb > ul > li#select-pages {
    background-color: #3472C5;
}

/* aside .snb > ul > li:nth-of-type(2) {
    width: 12rem;
} */

aside .snb > ul > li > a {
    display: table-cell;
    width: 100%;
    height: 100%;
    /* border-right: 1px solid rgba(255,255,255,0.3); */
    padding: 0 2rem 0 1.5rem;
    position: relative;
    font-size: 1rem;
    text-align: left;
    vertical-align: middle;
    color: #ffffff;
}

/* aside .snb > ul > li > a::after {
    content: '▼';
    content: url('../../images/ic_allmenu.png');
    display: inline-block;
    width: 0.75rem;
    height: 0.875rem;
    margin: auto;
    position: absolute;
    top: 0;
    right: 1rem;
    bottom: 0;
    left: auto;
    font-size: 0.75rem;
    text-align: center;
    -webkit-transition: transform 0.2s;
    -moz-transition: transform 0.2s;
    -ms-transition: transform 0.2s;
    -o-transition: transform 0.2s;
    transition: transform 0.2s;
} */

aside .snb > ul > li#select-pages > a::after {
    content: '▼';
    /* content: url('../../images/ic_allmenu.png'); */
    display: inline-block;
    width: 0.75rem;
    height: 0.875rem;
    margin: auto;
    position: absolute;
    top: 1.5rem;
    right: 1rem;
    font-size: 0.75rem;
    text-align: center;
    color: rgba(255,255,255,0.7);
    -webkit-transition: transform 0.2s;
    -moz-transition: transform 0.2s;
    -ms-transition: transform 0.2s;
    -o-transition: transform 0.2s;
    transition: transform 0.2s;
}


aside .snb > ul > li.active > a:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

aside .snb > ul > li.home-icon {
	width: 4.125rem;
	background: url('../../images/ic_home2.png') center no-repeat;
    background-color: #262A2D;
}

@media all and (-ms-high-contrast: none) {
    aside .snb > ul > li > a:after {
        /*margin-top: 1rem;*/
        top: auto;
        bottom: auto;
    }
}

@media only screen and (max-width: 576px) {
    aside .snb {
    	/* display: none; */
    	width: 100%;
    }
    
    aside .snb > ul {
	    width: 100%;
	}
    
    aside .snb > ul > li {
        width: 9.9rem;
    }
}

aside .snb > ul > li:first-of-type > a {
    border-left-width: 1px;
}

aside .snb > ul > li > ul {
    display: block;
    width: 100%;
    height: 0;
    margin: auto;
    border-width: 0 1px;
    border-style: solid;
    border-color: transparent;
    padding: 0 0;
    position: absolute;
    top: 100%;
    right: 0;
    bottom: auto;
    left: 0;
    z-index: 1020;
    font-size: 1rem;
    background-color: #ffffff;
    overflow: hidden;
    -webkit-transition: height 0.2s, border 0.2s, padding 0.2s;
    -moz-transition: height 0.2s, border 0.2s, padding 0.2s;
    -ms-transition: height 0.2s, border 0.2s, padding 0.2s;
    -o-transition: height 0.2s, border 0.2s, padding 0.2s;
    transition: height 0.2s, border 0.2s, padding 0.2s;
}

aside .snb > ul > li#select-category.active > ul,
aside .snb > ul > li#select-pages.active > ul.selected {
    border-width: 1px;
    border-color: #e5e5e5;
    padding: 0.5rem 0;
    height: auto !important;
}

aside .snb > ul > li > ul > li > a {
    display: block;
    padding: 0.5rem 1.5rem;
    color: #333333;
}

@media only screen and (max-width: 369px) {
    aside .snb {
        height: 4rem;
    }

    aside .snb > ul > li {
        width: 100%;
        height: 50%;
    }

    aside .snb > ul > li > a {
        border-width: 0 0 1px;
    }
}

/* tracer */
.tracer {
    width: 46px;
    /* 	height: 250px; */
    margin: auto;
    padding: 0 0 8px 0;
    position: fixed;
    top: calc(50% - 70px);
    right: 54px;
    z-index: 1000;
}

.tracer a {
    color: #ffffff;
}

.tracer .tracer-items {
    width: 100%;
}

.tracer .tracer-items > a {
    display: block;
    width: 5.5rem;
    height: 5.5rem;
    margin: 0;
    margin-bottom: 2px;
    position: relative;
    background-color: rgba(0,0,0,0.6);
    background-repeat: no-repeat;
    background-position: center;
    background-position-y: 30%;
    font-weight: bold;
    font-size: 0.6875rem;
    text-align: center;
    padding-top: 3.7rem;
}

.tracer .tracer-top {
    display: block;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    border: 1px solid #d2d2d2;    
    border-radius: 50%;
    background: url('../../images/ic_arrow_top.jpg') center no-repeat;
    background-color: #ffffff;
    margin: 1rem;
}

/* end */

/* ** Page title area ** */
#breadcrumbs {
    margin-bottom: 1rem;
}

#breadcrumbs ul {
    font-size: 0;
    text-align: right;
}

#breadcrumbs ul li {
    display: inline-block;
    font-size: 0.75rem;
}

#breadcrumbs ul li:not(:first-of-type):before {
    content: url('../../images/ic_chevron_right.png');
    display: inline-block;
    width: 2rem;
    font-size: 0.75rem;
    color: #888888;
    text-align: center;
}

#breadcrumbs ul li a {
    text-decoration: none;
    color: #888888;
}

#breadcrumbs ul li.breadcrumbs-home a img {
    width: auto;
    height: 0.75rem;
}

#breadcrumbs ul li:last-child span,
#breadcrumbs ul li a:hover,
#breadcrumbs ul li a:focus,
#breadcrumbs ul li a:active {
    color: #0083cb;
}

@media only screen and (max-width: 767px) {
    #breadcrumbs {
        display: none;
    }
}

#page-title {
    margin-bottom: 2rem;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 1rem;
}

#page-title .page-title {
    margin-bottom: 0.7rem;
    position: relative;
    font-weight: bold;
    font-size: 1.8rem;
}


#page-title .page-context {
    margin-bottom: 1rem;
    line-height: 160%;
    font-size: 0.875rem;
    font-weight: bold;
    letter-spacing: -0.02rem;
    color: #565656;
}

.page-title-sub {
    margin-bottom: 2.0rem;
    padding-top: 0.5rem;
    position: relative;
    font-weight: bold;
    font-size: 2.00rem;
}

.page-title-center {
    text-align: center;
}

@media only screen and (max-width: 1199px) {
    #page-title {
        margin-bottom: 1.3rem;
    }
}


/* ** Common: Form Table ** */
.form-table {
    table-layout: fixed;
    width: 100%;
    margin-bottom: 1.625rem;
}

.form-table tbody tr th,
.form-table tbody tr td {
    border-bottom: 1px solid #dfdfdf;
}

.form-table tbody tr th {
    padding: 1.125rem 0;
    font-weight: bold;
    font-size: 1rem;
    text-align: center;
    color: #53a9ca;
    vertical-align: top;
}

.form-table tbody tr td {
    padding: 0.5rem 2%;
    font-size: 0;
    text-align: left;
    color: #555555;
}

.form-table tbody tr:first-child th,
.form-table tbody tr:first-child td {
    border-top: 0.25rem solid #53a9ca;
}

.form-table tbody tr:last-child th,
.form-table tbody tr:last-child td {
    border-bottom-width: 0.25rem;
}

.form-table tbody tr td input,
.form-table tbody tr td textarea {
    width: 98%;
    max-width: 15.25rem;
    border: 1px solid #d2d2d2;
    padding: 0.5rem 2%;
    color: #555555;
}

.form-table tbody tr td input:required:invalid,
.form-table tbody tr td textarea:required:invalid {
    outline: none;
}

.form-table tbody tr td input.full-size {
    max-width: 98%;
}

.form-table tbody tr td textarea {
    max-width: 98%;
    min-height: 9rem;
    resize: vertical;
}

.form-table tbody tr td.form-telephone input {
    display: inline-block;
    max-width: 7rem;
    font-weight: normal;
    font-size: 1rem;
    vertical-align: middle;
}

.form-table tbody tr td.form-telephone .tel-separator {
    display: inline-block;
    width: 1.25rem;
    font-size: 1rem;
    text-align: center;
    vertical-align: middle;
}

.txt-blue {
	color: #0069b5;
}

.txt-green {
	color: #00a045;
}

.txt-orange {
	color: #f29710;
}

.txt-gray {
	color: #9fa0a0;
}

.txt-red {
	color: red;
}

.txt-navy {
	color: #004f95;
}

.bg-gray {
	background-color: #f7f8f8;
}

.notice-scroll-x {
    margin-bottom: 1rem;
    text-align: center;
    font-size: 1rem;
}

.ready {
	width: 100%;
	height: 8rem;
	background: url('../../images/ic_ready.jpg') center no-repeat;
}

/* common */
h2.page-title {
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: -0.05rem;
    text-align: center;
    margin-bottom: 3rem;
    color: #333333;	
}

h3.sub-title {
    position: relative;
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 1rem;
}

h3.sub-title::after {
    content: '';
    position: absolute;
    top: -10px;
    left: 0;
    border-top: 3px solid #3472C5;
    width: 2rem;
}
/* end */

/* ** ESG: Tab-menu ** */
.esg-tab-menu-wrap {
	width: 100%;	
}

.esg-tab-menu-wrap ul {
	display: flex;
	align-items: center;
	width: 100%;
}

.esg-tab-menu-wrap ul li {
	width: 14.3%;
	height: 60px;
	border: 1px solid #d2d2d2;
	border-left: 0;
}

.esg-tab-menu-wrap ul li:first-child {
	border-left: 1px solid #d2d2d2;
}

.esg-tab-menu-wrap ul li.active,
.esg-tab-menu-wrap ul li:hover,
.esg-tab-menu-wrap ul li:active {
	border-bottom: 2px solid #3472C5;
}

.esg-tab-menu-wrap ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

@media only screen and (max-width: 575px) { 
	.esg-tab-menu-wrap ul {
		flex-flow: wrap;
	}
	
	.esg-tab-menu-wrap ul li {
		width: 25%;
	}
}

/* ** ESG: Win ** */
.esg-win .win {
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 4rem;
}

.esg-win .win::after {
    display: block;
    content: '';
    clear: both;
}

.esg-win .win .content-wrap {
    width: 100%;
    text-align: center;
    padding: 2rem 0;
}

/* ** ESG: Share ** */
.esg-share .share {
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 4rem;
}

.esg-share .share::after {
    display: block;
    content: '';
    clear: both;
}

.esg-share .share .content-wrap {
    width: 100%;
    padding: 2rem 0;
}

.esg-share .share .content-wrap .intro {
    width: 100%;
    text-align: center;
    padding: 2rem 0 4rem 0;
    font-size: 1.125rem;
    font-weight: bold;
    letter-spacing: -1px;
}

.esg-share .share .content-wrap .share-cont-box {
	display: flex;
	position: relative;
    width: 100%;
    min-height: 440px;
    margin-bottom: 70px; 
    overflow: hidden;
}

.esg-share .share .content-wrap .share-cont-box.left::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    background-color: #F0F8FB;
    z-index: -1;
}

.esg-share .share .content-wrap .share-cont-box.right::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    background-color: #F0F8FB;
    z-index: -1;
}

.esg-share .share .content-wrap .share-cont-box .share-img {
	/* width: 620px; */
}

.esg-share .share .content-wrap .share-cont-box .share-img img {
	width: 100%;
}

.esg-share .share .content-wrap .share-cont-box.right .share-img {
	position: absolute;
	top: 0;
	right: 0;
}

.esg-share .share .content-wrap .share-cont-box .share-cont {
	width: calc(100% - 620px);
	padding: 100px 40px 70px 40px;
}

.esg-share .share .content-wrap .share-cont-box .share-cont .tit {
	font-size: 1.375rem;
	font-weight: bold;
	letter-spacing: -1px;
	color: #3478BF;
	padding-bottom: 20px;
	border-bottom: 1px solid #3478BF;
}

.esg-share .share .content-wrap .share-cont-box .share-cont .cont {
	padding-top: 20px;
}

.esg-share .share .content-wrap .share-cont-box .share-cont .cont p {
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 160%;
	word-break: keep-all;
	margin-bottom: 30px;
}

.esg-share .share .content-wrap .share-cont-box .share-cont .cont p:last-child {
	margin-bottom: 0;
}

.esg-share .share .content-wrap .share-cont-box2 {
	display: flex;
	justify-content: center;
	align-items: center;
    width: 100%;
    height: 523px;
    margin-bottom: 70px;
    background: url('../../images/esg/share/img_2.jpg') center no-repeat;
    overflow: hidden;
}

@media only screen and (max-width: 767px) { 
	.esg-share .share .content-wrap .intro {
		padding: 2rem 2rem 4rem 2rem;
		line-height: 130%;
	}
	
	.esg-share .share .content-wrap .share-cont-box {
		display: block;
	}
	
	.esg-share .share .content-wrap .share-cont-box.left::before,
	.esg-share .share .content-wrap .share-cont-box.right::before {
		width: 100%;
		height: 100%;
	}
	
	.esg-share .share .content-wrap .share-cont-box .share-cont {
		width: 100%;
		padding: 30px 20px;
	}
	
	.esg-share .share .content-wrap .share-cont-box.right .share-img {
		position: relative;
	}
}

@media only screen and (max-width: 575px) { 
	.esg-share .share .content-wrap .share-cont-box .share-cont .tit {
		font-size: 1.275rem;
	}
	
	.esg-share .share .content-wrap .share-cont-box .share-cont .cont p {
		margin-bottom: 15px;
	}
	
	.esg-share .share .content-wrap .share-cont-box2 {
		height: 390px;
		background-size: 220%;
	}
}

/* ** ESG: Environment ** */
.esg-environment .environment {
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 4rem;
}

.esg-environment .environment::after {
    display: block;
    content: '';
    clear: both;
}

.esg-environment .environment .content-wrap {
    width: 100%;
    padding: 4rem 0 2rem 0;
}

.esg-environment .environment .content-wrap .envir-cont-box {
	display: flex;
	position: relative;
    width: 100%;
    min-height: 440px;
    margin-bottom: 70px; 
    overflow: hidden;
}

.esg-environment .environment .content-wrap .envir-cont-box.left::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    background-color: #F0F8FB;
    z-index: -1;
}

.esg-environment .environment .content-wrap .envir-cont-box.right::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    background-color: #F0F8FB;
    z-index: -1;
}

.esg-environment .environment .content-wrap .envir-cont-box .envir-img {
	/* width: 620px; */
}

.esg-environment .environment .content-wrap .envir-cont-box .envir-img img {
	width: 100%;
}

.esg-environment .environment .content-wrap .envir-cont-box.right .envir-img {
	position: absolute;
	top: 0;
	right: 0;
}

.esg-environment .environment .content-wrap .envir-cont-box .envir-cont {
	width: calc(100% - 620px);
	padding: 100px 40px 70px 40px;
}

.esg-environment .environment .content-wrap .envir-cont-box .envir-cont .tit {
	font-size: 1.375rem;
	font-weight: bold;
	letter-spacing: -1px;
	color: #3478BF;
	padding-bottom: 20px;
	border-bottom: 1px solid #3478BF;
	line-height: 130%;
}

.esg-environment .environment .content-wrap .envir-cont-box .envir-cont .cont {
	padding-top: 20px;
}

.esg-environment .environment .content-wrap .envir-cont-box .envir-cont .cont p {
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 160%;
	word-break: keep-all;
	margin-bottom: 30px;
}

.esg-environment .environment .content-wrap .envir-cont-box .envir-cont .cont p:last-child {
	margin-bottom: 0;
}

.esg-environment .environment .content-wrap .envir-cont-box2 {
	display: flex;
	justify-content: center;
	align-items: center;
    width: 100%;
    height: 523px;
    margin-bottom: 70px;
    background: url('../../images/esg/environment/img_8.jpg') center no-repeat;
    overflow: hidden;
}

@media only screen and (max-width: 767px) { 
	.esg-environment .environment .content-wrap .envir-cont-box {
		display: block;
	}
	
	.esg-environment .environment .content-wrap .envir-cont-box.left::before,
	.esg-environment .environment .content-wrap .envir-cont-box.right::before {
		width: 100%;
		height: 100%;
	}
	
	.esg-environment .environment .content-wrap .envir-cont-box .envir-cont {
		width: 100%;
		padding: 30px 20px;
	}
	
	.esg-environment .environment .content-wrap .envir-cont-box.right .envir-img {
		position: relative;
	}
}

@media only screen and (max-width: 575px) { 
	.esg-environment .environment .content-wrap .envir-cont-box .envir-cont .tit {
		font-size: 1.25rem;
	}
	
	.esg-environment .environment .content-wrap .envir-cont-box .envir-cont .cont p {
		margin-bottom: 15px;
	}
	
	.esg-environment .environment .content-wrap .envir-cont-box2 {
		height: 390px;
		background-size: 220%;
	}
}

/* ** ESG: Happiness ** */
.esg-happiness .happiness {
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 4rem;
}

.esg-happiness .happiness::after {
    display: block;
    content: '';
    clear: both;
}

.esg-happiness .happiness .content-wrap {
    width: 100%;
    padding: 4rem 0 2rem 0;
}

.esg-happiness .happiness .content-wrap .happ-box {
	display: flex;
	align-items: center;
    position: relative;
    width: 100%;
    min-height: 176px;
    padding: 20px 50px 20px 215px;
    background-color: #F0F8FB;
    font-weight: bold;
    letter-spacing: -1px;
    word-break: keep-all;
    margin-bottom: 20px;
}

.esg-happiness .happiness .content-wrap .happ-box.one {
	background: url('../../images/esg/happiness/ic_1.png') 7% center no-repeat;
    background-color: #F0F8FB;
}

.esg-happiness .happiness .content-wrap .happ-box.two {
	background: url('../../images/esg/happiness/ic_2.png') 7% center no-repeat;
    background-color: #F5F5F7;
}

.esg-happiness .happiness .content-wrap .happ-box.three {
	background: url('../../images/esg/happiness/ic_3.png') 7% center no-repeat;
    background-color: #F0F8FB;
}

.esg-happiness .happiness .content-wrap .happ-box > div .tit {
	font-size: 1.375rem;
	margin-bottom: 10px;
}

.esg-happiness .happiness .content-wrap .happ-box > div .cont {
	line-height: 160%;	
}

@media only screen and (max-width: 575px) {
	.esg-happiness .happiness .content-wrap {
		padding: 4rem 10px 2rem 10px;
	}
	
	.esg-happiness .happiness .content-wrap .happ-box {
		padding: 20px 20px 20px 120px;
	}
	
	.esg-happiness .happiness .content-wrap .happ-box > div .tit {
		font-size: 1.125rem;
	}
}

/* ** ESG: Safe ** */
.esg-safe .safe {
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 4rem;
}

.esg-safe .safe::after {
    display: block;
    content: '';
    clear: both;
}

.esg-safe .safe .content-wrap {
    width: 100%;
    padding: 2rem 0;
}

.esg-safe .safe .content-wrap .intro {
    width: 100%;
    text-align: center;
    padding: 2rem 0 3rem 0;
    font-weight: bold;
    letter-spacing: -1px;
}

.esg-safe .safe .content-wrap .intro .tit {
    font-size: 1.375rem;
    margin-bottom: 15px;
}

.esg-safe .safe .content-wrap .intro .cont {
    font-size: 1rem;
    line-height: 160%;
}

.esg-safe .safe .content-wrap .safe-img {
    width: 100%;
    height: 767px;
    background: url('../../images/esg/safe/img_9.png') center top no-repeat;
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 40px;
}

.esg-safe .safe .content-wrap .safe-img2 {
    width: 100%;
    height: 514px;
    background: url('../../images/esg/safe/img_10.png') center top no-repeat;
    margin-bottom: 40px;
}

@media only screen and (max-width: 767px) { 
	.esg-safe .safe .content-wrap .safe-img,
	.esg-safe .safe .content-wrap .safe-img2 {
		background-size: 100%;
	}
}

@media only screen and (max-width: 575px) { 
	.esg-safe .safe .content-wrap .safe-img {
		height: 450px;
	}
	
	.esg-safe .safe .content-wrap .safe-img2 {
		height: 180px;
    	margin-bottom: 0;
	}
	
	.esg-safe .safe .content-wrap .intro .tit {
		font-size: 1.275rem;
	}
	
	.esg-safe .safe .content-wrap .intro .cont {
		font-size: 0.875rem;
    	word-break: keep-all;
	}
}

/* ** ESG: Ethics ** */
.esg-ethics .ethics {
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 4rem;
}

.esg-ethics .ethics::after {
    display: block;
    content: '';
    clear: both;
}

.esg-ethics .ethics .content-wrap {
    width: 100%;
    padding: 2rem 0;
}

.esg-ethics .ethics .content-wrap .ethics-tab-wrap {
    width: 100%;
    height: 50px;
    margin-bottom: 2rem;
}

.esg-ethics .ethics .content-wrap .ethics-tab-wrap ul {
    display: flex;
    width: 100%;  
    height: 100%;
}

.esg-ethics .ethics .content-wrap .ethics-tab-wrap ul li {
	display: flex;
	justify-content: center;
	align-items: center;
    width: 33.3%;
    height: 100%;
    border: 1px solid #d2d2d2;
    border-left: 0;
    cursor: pointer;
}

.esg-ethics .ethics .content-wrap .ethics-tab-wrap ul li:first-child {
	border-left: 1px solid #d2d2d2;   
}

.esg-ethics .ethics .content-wrap .ethics-tab-wrap ul li.active,
.esg-ethics .ethics .content-wrap .ethics-tab-wrap ul li:hover {
	background-color: #3472C5;
	color: #ffffff;
}

.esg-ethics .ethics .content-wrap .intro {
    width: 100%;
    text-align: center;
    padding: 2rem 0 3rem 0;
    font-weight: bold;
    letter-spacing: -1px;
}

.esg-ethics .ethics .content-wrap .intro .tit {
    font-size: 1.375rem;
    margin-bottom: 15px;
}

.esg-ethics .ethics .content-wrap .intro .cont {
    font-size: 1rem;
    line-height: 160%;
}

.esg-ethics .ethics .content-wrap .ethics-img {
    width: 100%;
    height: 627px;
    background: url('../../images/esg/ethics/img_11.png') center no-repeat;
    margin: 2rem 0;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont {
    display: none;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont.active {
    display: block;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .sec01 {
    width: 100%;
    margin-top: 80px;
	font-weight: bold;
    letter-spacing: -1px;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 30px;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .sec01 .tit {
    text-align: center;
    font-size: 1.375rem;
    margin-bottom: 45px;    
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .sec01 > ul {
	width: 100%;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .sec01 > ul > li {
	width: 49%;
	margin-bottom: 35px;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .sec01 > ul > li > dl > dt {
	font-size: 1rem;
	color: #3472C5;
	margin-bottom: 10px;
	line-height: 130%;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .sec01 > ul > li > dl > dd {
	position: relative;
	margin-bottom: 8px;
	padding-left: 8px;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .sec01 > ul > li > dl > dd::before {
	content: '';
	position: absolute;
	top: 7px;
	left: 0;
	width: 2px;
	height: 2px;
	border-radius: 50%;
	background-color: #555555;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .sec02 {
    width: 100%;
    margin-top: 30px;
	font-weight: bold;
    letter-spacing: -1px;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .sec02 .conduct-wrap {
    width: 100%;
    border: 1px solid #d2d2d2;
    margin-bottom: 40px;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .sec02 .conduct-wrap .conduct-box {
    display: flex;
	align-items: center;
    position: relative;
    width: 100%;
    min-height: 154px;
    padding: 30px 50px 30px 215px;
    font-weight: bold;
    letter-spacing: -1px;
    word-break: keep-all;
    border-bottom: 1px solid #d2d2d2;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .sec02 .conduct-wrap .conduct-box:last-child {
    border-bottom: 0;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .sec02 .conduct-wrap .conduct-box.one {
	background: url('../../images/esg/ethics/ic1.png') 7% center no-repeat;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .sec02 .conduct-wrap .conduct-box.two {
	background: url('../../images/esg/ethics/ic2.png') 7% center no-repeat;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .sec02 .conduct-wrap .conduct-box.three {
	background: url('../../images/esg/ethics/ic3.png') 7% center no-repeat;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .sec02 .conduct-wrap .conduct-box.four {
	background: url('../../images/esg/ethics/ic4.png') 7% center no-repeat;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .sec02 .conduct-wrap .conduct-box.five {
	background: url('../../images/esg/ethics/ic5.png') 7% center no-repeat;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .sec02 .conduct-wrap .conduct-box > div .tit {
	font-size: 1.125rem;
	margin-bottom: 10px;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .sec02 .conduct-wrap .conduct-box > div ul li {
	position: relative;
	line-height: 130%;	
	padding-left: 10px;
	margin-bottom: 5px;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .sec02 .conduct-wrap .conduct-box > div ul li::before {
	content: '';
	position: absolute;
	top: 8px;
	left: 0;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: #333333;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .sec02 .conduct-wrap .conduct-box > div ul li:last-child {
	margin-bottom: 0;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .hr-wrap {
    width: 100%;
	font-weight: bold;
    letter-spacing: -1px;
    padding-top: 25px;
    border-top: 1px solid #d2d2d2;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .hr-wrap .hr-box {
    display: flex;
    align-items: flex-start;
    width: 100%;
    padding: 25px 45px;
    background-color: #F5F5F7;
    margin-bottom: 40px;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .hr-wrap .hr-box .tit {
    width: 200px;
    font-size: 1.125rem;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .hr-wrap .hr-box .cont {
    width: calc(100% - 200px);
    font-size: 0.9375rem;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .hr-wrap .hr-box .cont > ul {
	counter-reset: li;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .hr-wrap .hr-box .cont > ul li {
    position: relative;
	line-height: 130%;	
	padding-left: 30px;
	margin-bottom: 10px;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .hr-wrap .hr-box .cont > ul li::before {
    position: absolute;
    top: 50%;
    left: 6px;
    transform: translateY(-50%);
    counter-increment: li;
    content: counter(li);
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: normal;
    z-index: 1;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .hr-wrap .hr-box .cont > ul li::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: inline-block;
    background-color: #7D7D7D;
    border-radius: 50%;
    width: 18px;
    height: 18px;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .hr-wrap .hr-box .cont > ul li:last-child {
    margin-bottom: 0;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .report-table-wrap {
    width: 100%;
	font-weight: bold;
    letter-spacing: -1px;
    margin-bottom: 10px;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .report-table-wrap table.report-table {
    width: 100%;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .report-table-wrap table.report-table tr td {
    height: auto;
    padding: 1rem 8px;
    border-bottom: 1px solid #d2d2d2;
    vertical-align: middle;
    word-break: keep-all;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .report-table-wrap table.report-table tr:nth-child(1) td {
    border-top: 2px solid #3478BF;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .report-table-wrap table.report-table tr td input[type="text"] {
    width: 12.3125rem;
    height: 1.875rem;
    padding-left: 8px;
    border: 1px solid #d2d2d2;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .report-table-wrap table.report-table tr td textarea {
    width: 100%;
    height: 11.5rem;
    padding: 3px;
    border: 1px solid #d2d2d2;
    resize: none;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .report-table-wrap table.report-table tr td select {
    min-width: 9.25rem;
    height: 1.875rem;
    padding-left: 3px;
    border: 1px solid #d2d2d2;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .report-table-wrap table.report-table tr td input[type="text"].phone,
.esg-ethics .ethics .content-wrap .ethics-tab-cont .report-table-wrap table.report-table tr td select.phone {
    min-width: auto;
    width: 4.0625rem;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .report-table-wrap table.report-table tr td span.small {
    font-size: 0.725rem;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .btn-wrap {
    width: 100%;
    text-align: center;
    margin-top: 25px;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .btn-wrap button[type="button"] {
    background-color: #3472C5;
    color: #ffffff;
    padding: 0.8rem 1.5rem;
    border: 0;
    font-size: 1rem;
    font-weight: bold;
    cursor: pointer;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .protect-sys-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 160px;
    margin-bottom: 30px;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .protect-sys-wrap > div.cont {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 100%;
    border-radius: 50%;
    font-size: 1.125rem;
    font-weight: bold;
    color: #ffffff;
    margin: 0 5px;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .protect-sys-wrap > div.cont.one {
    background-color: #3673C6;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .protect-sys-wrap > div.cont.two {
    background-color: #34A3BF;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .protect-sys-wrap > div.cont.three {
    background-color: #34B493;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .privacy-agree-wrap {
    width: 100%;
    margin-bottom: 30px;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .privacy-agree-wrap .tit {
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 10px;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .privacy-agree-wrap .cont {
    width: 100%;
    min-height: 3rem;
    background-color: #f7f8f8;
    border: 1px solid #d2d2d2;
    padding: 1rem;
    font-size: 0.825rem;
    letter-spacing: -1px;
    margin-bottom: 10px;
    line-height: 130%;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .privacy-agree-wrap .cont .privacy-table {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    margin: 15px 0;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .privacy-agree-wrap .cont .privacy-table tr th,
.esg-ethics .ethics .content-wrap .ethics-tab-cont .privacy-agree-wrap .cont .privacy-table tr td {
    padding: 0.8rem 1.25rem;
    border: 1px solid #d2d2d2;
}

.esg-ethics .ethics .content-wrap .ethics-tab-cont .privacy-agree-wrap .cont .privacy-table tr td {
    background-color: #ffffff;
}

@media only screen and (max-width: 767px) {
	.esg-ethics .ethics .content-wrap .ethics-img {
		background-size: 100%;
	}
}

@media only screen and (max-width: 575px) {
	.esg-ethics .ethics .content-wrap .ethics-img {
		height: 360px;
		margin: 0;
	}
	
	.esg-ethics .ethics .content-wrap .intro .tit {
		font-size: 1.275rem;
	}
	
	.esg-ethics .ethics .content-wrap .intro .cont {
		font-size: 0.875rem;
	    padding: 0 20px;
	    word-break: keep-all;
	}
	
	.esg-ethics .ethics .content-wrap .ethics-tab-cont .sec01 {
		margin-top: 50px;
		padding: 0 20px;
	}
	
	.esg-ethics .ethics .content-wrap .ethics-tab-cont .sec01 .tit {
		font-size: 1.275rem;
	}
	
	.esg-ethics .ethics .content-wrap .ethics-tab-cont .sec01 > ul {
		display: block;
	}
	
	.esg-ethics .ethics .content-wrap .ethics-tab-cont .sec01 > ul > li {
		width: 100%;
	}
	
	.esg-ethics .ethics .content-wrap .ethics-tab-cont .sec01 > ul > li > dl > dt {
		word-break: keep-all;
	}
	
	.esg-ethics .ethics .content-wrap .ethics-tab-cont .sec02 .conduct-wrap .conduct-box {
		padding: 30px 30px 30px 120px;
	}
	
	.esg-ethics .ethics .content-wrap .ethics-tab-cont .sec02 .conduct-wrap .conduct-box > div .tit {
		font-size: 1rem;
	}
	
	.esg-ethics .ethics .content-wrap .ethics-tab-cont .hr-wrap .hr-box {
		display: block;
		padding: 25px;
	}
	
	.esg-ethics .ethics .content-wrap .ethics-tab-cont .hr-wrap .hr-box .tit {
		width: 100%;
		margin-bottom: 15px;
	}
	
	.esg-ethics .ethics .content-wrap .ethics-tab-cont .hr-wrap .hr-box .cont {
		width: 100%;
	}
	
	.esg-ethics .ethics .content-wrap .ethics-tab-cont .hr-wrap .hr-box .cont > ul li {
		font-size: 0.875rem;
	}
	
	.esg-ethics .ethics .content-wrap .ethics-tab-cont .hr-wrap .hr-box .cont > ul li::before,
	.esg-ethics .ethics .content-wrap .ethics-tab-cont .hr-wrap .hr-box .cont > ul li::after {
		top: 10px;
	}
	
	.esg-ethics .ethics .content-wrap .ethics-tab-cont .protect-sys-wrap {
		height: 115px;
	}
	
	.esg-ethics .ethics .content-wrap .ethics-tab-cont .protect-sys-wrap > div.cont {
		width: 115px;
		margin: 0 3px;
	}
	
	.esg-ethics .ethics .content-wrap .ethics-tab-cont .privacy-agree-wrap {
		padding: 0 10px;
	}
	
	.esg-ethics .ethics .content-wrap .ethics-tab-cont .report-table-wrap {
		padding: 0 10px;
	}
	
	.esg-ethics .ethics .content-wrap .ethics-tab-cont .report-table-wrap table.report-table {
		table-layout: fixed;
	}
}

/* ** ESG: Board ** */
.esg-board .board {
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 4rem;
}

.esg-board .board::after {
    display: block;
    content: '';
    clear: both;
}

.esg-board .board .content-wrap {
    width: 100%;
    padding: 2rem 0;
}

.esg-board .board .content-wrap .search-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
    width: 100%;
    height: 64px;
    border: 1px solid #d2d2d2;
    background-color: #F8F8F8;
    padding: 12px 20px;
    margin-bottom: 2rem;
}

.esg-board .board .content-wrap .search-wrap select {
	width: 18%;
    height: 100%;
    border: 1px solid #d2d2d2;
    padding: 0 10px;
}

.esg-board .board .content-wrap .search-wrap input[type="text"] {
	width: 54%;
    height: 100%;
    border: 1px solid #d2d2d2;
    padding: 0 10px;
}

.esg-board .board .content-wrap .search-wrap button[type="button"] {
	width: 8%;
    height: 100%;
    border: 0;
    background-color: #019FE8;
    color: #ffffff;
    padding: 0 10px;
    cursor: pointer;
}

.esg-board .board .content-wrap ul.board-list-wrap {
    margin: 20px -10px;
    box-sizing: border-box;
}

.esg-board .board .content-wrap ul.board-list-wrap li {
    float: left;
    width: 33.3%;
    padding: 0 10px;
    margin-bottom: 50px;
    box-sizing: border-box;
}

.esg-board .board .content-wrap ul.board-list-wrap li a {
    display: block;
    border: 1px solid #d2d2d2;
    overflow: hidden;
}

.esg-board .board .content-wrap ul.board-list-wrap li a .img {
    height: 224px;
    text-align: center;
    overflow: hidden;
}

.esg-board .board .content-wrap ul.board-list-wrap li a .txt {
    padding: 15px 20px;
    letter-spacing: -1px;
}

.esg-board .board .content-wrap ul.board-list-wrap li a .txt .tit {
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 15px;
}

.esg-board .board .content-wrap ul.board-list-wrap li a .txt .cont {
    line-height: 130%;
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.esg-board .board .content-wrap ul.board-list-wrap li a .txt .date {
    font-size: 0.75rem;
}

@media only screen and (max-width: 767px) {
	.esg-board .board .content-wrap .search-wrap select {
		width: 20%;
	}
	
	.esg-board .board .content-wrap .search-wrap input[type="text"] {
		width: 50%;
	}
	
	.esg-board .board .content-wrap ul.board-list-wrap li {
		width: 50%;
	}
}

@media only screen and (max-width: 575px) {
	.esg-board .board .content-wrap .search-wrap {
		flex-flow: wrap;
		height: auto;
	}
	
	.esg-board .board .content-wrap .search-wrap select {
		width: 49%;
		height: 30px;
		margin-bottom: 5px;
	}
	
	.esg-board .board .content-wrap .search-wrap input[type="text"] {
	    width: 82%;
    	height: 30px;
	}
	
	.esg-board .board .content-wrap .search-wrap button[type="button"] {
		width: 17%;
		height: 30px;
	}
	
	.esg-board .board .content-wrap ul.board-list-wrap {
		margin: 0;
	}
	
	.esg-board .board .content-wrap ul.board-list-wrap li {
		width: 100%;
		padding: 0 44px;
	}
}

/* ** ESG: Detail ** */
.esg-detail .detail {
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 4rem;
}

.esg-detail .detail::after {
    display: block;
    content: '';
    clear: both;
}

.esg-detail .detail .content-wrap {
    width: 100%;
    padding: 2rem 0;
}

.esg-detail .detail .content-wrap .detail-top {
    width: 100%;
    height: 100px;
    padding: 25px 28px;
    border-top: 2px solid #019FE8;
    border-bottom: 1px solid #d2d2d2;
    font-weight: bold;
    letter-spacing: -1px;
}

.esg-detail .detail .content-wrap .detail-top .detail-top-tit {
    font-size: 1.125rem;
    margin-bottom: 12px;
}

.esg-detail .detail .content-wrap .detail-top .detail-top-etc {
    color: #888888;
}

.esg-detail .detail .content-wrap .detail-mid {
	width: 100%;
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 1rem;
}

.esg-detail .detail .content-wrap .detail-mid .detail-mid-cont {
	min-height: 37.5rem;
	padding: 50px 0;
	overflow: hidden;
}

.esg-detail .detail .content-wrap .detail-mid .detail-mid-cont p {
	line-height: 160%;
}

.esg-detail .detail .content-wrap .detail-mid .detail-mid-cont img {
	max-width: 100%;
    height: auto;
}

.esg-detail .detail .content-wrap .btn-wrap {
	width: 100%;
	text-align: right;
}

.esg-detail .detail .content-wrap .btn-wrap button[type="button"] {
	font-size: 1rem;
    font-weight: bold;
    border: 0;
    background-color: #019FE8;
    color: #ffffff;
    padding: 8px 24px;
    cursor: pointer;
}

@media only screen and (max-width: 575px) {
	.esg-detail .detail .content-wrap .detail-mid .detail-mid-cont {
		padding: 40px 20px;
	}
	
	.esg-detail .detail .content-wrap .btn-wrap {
		padding-right: 15px;
	}
}

/* ** Intro: Overview ** */
.intro-overview .greeting {
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 4rem;
    /* padding-top: 2.5rem; */
}

.intro-overview .greeting::after {
    display: block;
    content: '';
    clear: both;
}

.intro-overview .greeting img {
    width: 100%;
}

.intro-overview .greeting .content-wrap {
    padding-left: 2rem;
}

.intro-overview .greeting .content-wrap p {
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 160%;
    letter-spacing: -0.03rem;
    margin-bottom: 2rem;
    word-break: keep-all;
}

.intro-overview .greeting .content-wrap p.top-message {
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 140%;
    letter-spacing: -0.05rem;
}

.intro-overview .greeting .ceo-name {
    display: inline-block;
    text-align: right;
    float: right;
    font-size: 0.8rem;
    margin-top: 1.5rem;
    order: 3;
    margin-left: 2rem;
}

.intro-overview .greeting .ceo-name em {
    font-size: 1.25rem;
    padding-left: 1rem;
}
.intro-overview .greeting .ceo-name img {
    width: 16%;
    vertical-align: middle;
    margin-top: -15px;
    margin-left: 10px;
}


@media only screen and (max-width: 1199px) {
    .intro-overview .greeting {
        padding-top: 1rem;
    }

    .intro-overview .greeting h2 {
        margin-bottom: 3rem;
        font-size: 1.2rem;
    }

    .intro-overview .greeting h2 em {
        font-size: 1.7rem;
    }
}


@media only screen and (max-width: 767px) {
	
	.intro-overview .greeting {
        margin-bottom: 5rem;
    }
    
    .intro-overview .greeting h2 {
        font-size: 2rem;
        line-height: 160%;
    }

    .intro-overview .greeting h2 em {
        font-size: 1.3rem;
    }

    .intro-overview .greeting .right .picture {
        height: 20rem;
    }

    .intro-overview .greeting .right .picture img{
        max-height: 20rem;
    }
}

@media only screen and (max-width: 576px) {

    .intro-overview .greeting {
        margin-bottom: 5rem;
    }
    
    .intro-overview .greeting .d-flex  {
        height: auto;
    }

    .intro-overview .greeting .greet-txt  {
        display: block;
        width: 100%;
        margin-bottom: 2rem;
        order: 2;
    }

    .intro-overview .greeting .right {
        display: block;
        width: 100%;
        margin-bottom: 1.5rem;
        order: 1;
    }
    
    .intro-overview .greeting .ceo-name {
	    margin-right: 2rem;
	}

    .intro-overview .greeting .ceo-name img {
        width: 35%;
    }
}

.intro-overview .company-info {
    margin-bottom: 4.5rem;
}

.intro-overview .company-info article {
    border-width: 0.125rem 0;
    border-style: solid;
    border-color: #989898;
    font-size: 0;
}

.intro-overview .company-info article > div > div {
    display: inline-table;
    table-layout: fixed;
    /*width: 25%;*/
    border-bottom: 1px dotted #989898;
    padding: 1rem 0;
    vertical-align: middle;
    font-weight: bold;
}

.intro-overview .company-info article > div > div.second-line {
    height: 3rem;
}

.intro-overview .company-info article > div:nth-of-type(5) > div,
.intro-overview .company-info article > div:nth-of-type(6) > div {
    border-bottom: 0;
}

.intro-overview .company-info article > div > div span {
    display: table-cell;
    height: 9.5rem;
    vertical-align: middle;
    float: none;
}

.intro-overview .company-info article > div > div span:first-child {
    width: 34%;
    font-size: 0.875rem;
    color: #2082c1;
    text-align: center;
}

.intro-overview .company-info article > div > div span.address-title,
.intro-overview .company-info article > div > div span:first-child.address-title {
    display: block;
    width: 100%;
    height: 1.7rem;
    margin-top: 1rem;
    font-size: 1.2rem;
    text-align: left;
    color: #2082c1;
}

.intro-overview .company-info article > div > div span:first-child.address-title {
    margin-top: 2rem;
}

.intro-overview .company-info article > div > div span:first-child img {
    display: block;
    width: auto;
    height: 2.75rem;
    margin: 0 auto 0.875rem;
}

.intro-overview .company-info article > div > div span:last-child {
    width: 66%;
    padding-right: 2%;
    padding-left: 2%;
    font-size: 1.5rem;
    color: #232323;
    text-align: left;
}

.intro-overview .company-info article > div > div span.address-content,
.intro-overview .company-info article > div > div span:last-child.address-content {
    display: block;
    width: 100%;
    height: 2rem;
    line-height: 140%;
    margin-bottom: 1.7rem;
    padding: 0;
    font-size: 1.3rem;
}
html[lang='en'] .intro-overview .company-info article > div > div span.address-content,
html[lang='en'] .intro-overview .company-info article > div > div span:last-child.address-content {
    font-size: 1.2rem;
}

html[lang='en'] .intro-overview .company-info article > div > div span:last-child {
    font-size: 1.25rem;
}

.intro-overview .company-info article > div:nth-of-type(5) > div span:last-child,
.intro-overview .company-info article > div:nth-of-type(6) > div span:last-child {
    padding-right: 1%;
    padding-left: 1%;
    font-size: 1.125rem;
}

.intro-overview .company-info article > div:nth-of-type(5) > div span:last-child,
.intro-overview .company-info article > div:nth-of-type(6) > div span:last-child {
    padding-right: 1%;
    padding-left: 1%;
    font-size: 1.125rem;
}

@media only screen and (max-width: 991px) {
    html[lang='en'] .intro-overview .company-info .control-balance .row{
        height: 119px;
    }

    .intro-overview .company-info article > div:nth-of-type(5) > div {
        border-bottom: 1px dotted #989898;
    }

    .intro-overview .company-info article > div > div span {
        height: 4.5rem;
    }

    .intro-overview .company-info article > div > div span.address-content,
    .intro-overview .company-info article > div > div span:last-child.address-content {
        height: 2.5rem;
        font-size: 1.2rem;
    }

    html[lang='en'] .intro-overview .company-info article > div > div span.address-content,
    html[lang='en'] .intro-overview .company-info article > div > div span:last-child.address-content {
        height: 3rem;
    }

}

@media only screen and (max-width: 767px) {
    .intro-overview .company-info article > div > div span:first-child {
        font-size: 0.75rem;
    }

    .intro-overview .company-info article > div > div span:first-child img {
        margin-bottom: 0.5rem;
    }

    .intro-overview .company-info article > div > div span:last-child,
    .intro-overview .company-info article > div:nth-of-type(5) > div span:last-child,
    .intro-overview .company-info article > div:nth-of-type(6) > div span:last-child {
        font-size: 1rem;
    }

    html[lang='en'] .intro-overview .company-info article > div > div span.address-content,
    html[lang='en'] .intro-overview .company-info article > div > div span:last-child.address-content {
        height: 4.5rem;
    }
}

@media only screen and (max-width: 575px) {
    .intro-overview .company-info article > div > div {
        padding: 0.5rem 0;
    }

    .intro-overview .company-info article > div > div span.address-title,
    .intro-overview .company-info article > div > div span:first-child.address-title {
        font-size: 1.1rem;
    }

    .intro-overview .company-info article > div > div span.address-content,
    .intro-overview .company-info article > div > div span:last-child.address-content {
        height: 3.5rem;
        font-size: 1rem;
    }

    html[lang='en'] .intro-overview .company-info article > div > div span.address-content,
    html[lang='en'] .intro-overview .company-info article > div > div span:last-child.address-content {
        height: 6rem;
    }
}

@media only screen and (max-width: 450px) {
    html[lang='en'] .intro-overview .company-info article > div > div span.address-content,
    html[lang='en'] .intro-overview .company-info article > div > div span:last-child.address-content {
        height: 7rem;
    }
}

.intro-overview .nested-slider {
    margin-bottom: 5rem;
    padding: 3rem 0;
    background-color: #e9f1f3;
}

.intro-overview .nested-slider .slider-container > * {
    height: 32.5rem;
}

.intro-overview .nested-slider .slider-container nav {
    width: 23%;
    margin-right: 2%;
    background-color: #ffffff;
}

.intro-overview .nested-slider .slider-container > .bx-wrapper {
    display: block;
    width: 75% !important;
    height: 32.5rem !important;
}

@media only screen and (max-width: 991px) {
    .intro-overview .nested-slider .slider-container nav {
        width: 28%;
    }

    .intro-overview .nested-slider .slider-container .bx-wrapper {
        width: 70% !important;
    }
}

@media only screen and (max-width: 767px) {
    .intro-overview .nested-slider .slider-container nav,
    .intro-overview .nested-slider .slider-container .bx-wrapper {
        width: 100% !important;
        float: none;
    }

    .intro-overview .nested-slider .slider-container .bx-wrapper {
        margin-bottom: 1rem;
    }

    .intro-overview .nested-slider .slider-container nav {
        height: auto !important;
        background-color: transparent;
    }

    .intro-overview .nested-slider .slider-container nav ul li {
        width: 25%;
    }

    .intro-overview .nested-slider .slider-container nav ul li a {
        border-width: 0 1px 1px 0;
        padding-left: 0;
        text-align: center;
    }

    .intro-overview .nested-slider .slider-container nav ul li:nth-of-type(4n - 3) a {
        border-left-width: 1px;
    }

    .intro-overview .nested-slider .slider-container nav ul li:nth-of-type(1) a,
    .intro-overview .nested-slider .slider-container nav ul li:nth-of-type(2) a,
    .intro-overview .nested-slider .slider-container nav ul li:nth-of-type(3) a,
    .intro-overview .nested-slider .slider-container nav ul li:nth-of-type(4) a {
        border-top-width: 1px;
    }

    .intro-overview .nested-slider .slider-container nav ul li a .slider-nav-number {
        display: none;
    }
}

@media only screen and (max-width: 575px) {
    .intro-overview .nested-slider .slider-container #slider-sub-nav,
    .intro-overview .nested-slider .slider-container .bx-wrapper {
        height: 24rem !important;
    }

    .intro-overview .nested-slider .slider-container #slider-sub-nav {
        padding-top: 17rem;
    }
}

/* ** Intro: History ** */
.intro-history .history {
	font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 4rem;
}

.intro-history .history::after {
    display: block;
    content: '';
    clear: both;
}

.intro-history .history .history-intro {
	margin-bottom: 6rem;
}

.intro-history .history .history-intro .history-img {
	width: 100%;
	height: 233px;
	background: url('../../images/intro/history/img_history.jpg') center no-repeat;
	margin-bottom: 2rem;
}

.intro-history .history .history-intro .history-txt {
	width: 100%;
	text-align: center;
}

.intro-history .history .history-intro .history-txt p {
	font-size: 0.9375rem;
	letter-spacing: -0.05rem;
	line-height: 140%;
	margin-bottom: 1rem;
}

.intro-history .history .period-wrap {
	text-align: center;
	margin-bottom: 3rem;
}

.intro-history .history .period-wrap .txt {
	 margin-bottom: 0.5rem;
}

.intro-history .history .period-wrap .txt span {
	 border-bottom: 1px solid #d2d2d2;
}

.intro-history .history .period-wrap .period {
	 font-size: 2.25rem;
	 font-weight: bold;
	 letter-spacing: -0.05rem;
	 color: #333333;
}

.intro-history .history .history-wrap {
	position: relative;
	width: 100%;
	/* min-height: 28rem; */
	height: 100%;
}

.intro-history .history .history-wrap::before {
	content: '';
	position: absolute;
	top: 20px;
	left: 50%;
	border-right: 1px solid #d2d2d2;
	/* min-height: 28rem; */
	height: 100%;	
}

.intro-history .history .history-wrap.mb {
	margin-bottom: 10rem;
}

.intro-history .history .history-wrap .year-area {
	width: 100%;
	display: flex;
	flex-flow: nowrap;
	margin-bottom: 3rem;
}

.intro-history .history .history-wrap .year-area .left {
	width: 50%;
	padding-left: 17rem;
}

.intro-history .history .history-wrap .year-area .left .year {
	 position: relative;
	 font-size: 2.25rem;
	 font-weight: bold;
	 font-style: italic;
	 letter-spacing: -0.05rem;
	 color: #3472C5;	 
}

.intro-history .history .history-wrap .year-area .left .year::after {
	 content: '';
	 position: absolute;
	 top: 55%;
	 left: 125%;
	 border-bottom: 1px dashed #d2d2d2;
	 width: 13rem;
}

.intro-history .history .history-wrap .year-area .right {
	width: 50%;
	padding-top: 0.5rem;
	padding-left: 2rem;
}

.intro-history .history .history-wrap .year-area .right dl {
	position: relative;
	display: flex;
	flex-flow: nowrap;
	line-height: 160%;
	margin-bottom: 1rem;
}

.intro-history .history .history-wrap .year-area .right dl::after {
	content: '';
	position: absolute;
	top: 0.4rem;
	left: -2.3rem;
	width: 0.75rem;
	height: 0.75rem;
	background: url('../../images/intro/history/ic_history_blit.jpg') center no-repeat;
}

.intro-history .history .history-wrap .year-area .right dl dt {
	margin-right: 1.5rem;
}

.intro-history .history .history-wrap .year-area .right dl dd {
	
}

@media only screen and (max-width: 991px) {

    .intro-history .history {
        padding-top: 0;
    }

}

@media only screen and (max-width: 576px) {

    .intro-history .history {
        padding-top: 0;
    }
    
    .intro-history .history .history-intro .history-img {
	    width: 100%;
	}
	
	.intro-history .history .history-wrap::before {
	    top: 54px;
	    left: 21px;
	    border-left: 1px solid #d2d2d2;
	    border-right: none;
	}
	
	.intro-history .history .history-wrap .year-area {
	    display: block;
	}
	
	.intro-history .history .history-wrap .year-area::after {
	    content: '';
	    display: block;
	    position: relative;
	    left: 2.5rem;
	    width: 89%;
	    border-bottom: 1px dashed #d2d2d2;
	}
	
	.intro-history .history .history-wrap .year-area:last-child::after {
	    border-bottom: none;
	}
	
	.intro-history .history .history-wrap .year-area .left {
	    width: 100%;
	    padding-left: 2.5rem;
	}
	
	.intro-history .history .history-wrap .year-area .right {
	    width: 100%;
	}
	
	.intro-history .history .history-wrap .year-area .right dl::after {
	    top: 0.4rem;
	    left: -1rem;
	}
	
	.intro-history .history .history-wrap .year-area .left .year::after {
	    display: none;
	}
	
	.intro-history .history .history-wrap .year-area .right dl {
	    padding-left: 0.5rem;
	}
	
	.intro-history .history .history-wrap .year-area .left .year {
	    font-size: 1.8rem;
	}

}

/* ** Intro: Ideology ** */
.intro-ideology .ideology {
	font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 4rem;
}

.intro-ideology .ideology::after {
    display: block;
    content: '';
    clear: both;
}

.intro-ideology .img-vision {
	width: 100%;
	height: 666px;
	text-align: center;
	/* background: url('../../images/intro/ideology/img_vision_1.png') center 10% no-repeat; */
}

.intro-ideology .img-vision.mobile {
	display: none;
}

.intro-ideology .middle {
	width: 100%;
	min-height: 30.125rem;
	height: auto;
	background-color: #F1F2F4;
}

.intro-ideology .middle .container {
	display: flex;
	flex-flow: nowrap;
}

.intro-ideology .middle .left {
	width: 26.875rem;
	height: 30.125rem;
	padding: 6.8rem 0;
	margin-left: 1rem;
}

.intro-ideology .middle .center {
	width: calc(100% - 53.75rem);
	height: 30.125rem;
	background: url('../../images/intro/ideology/bg_vision_divide.jpg') center no-repeat;
	padding: 9.5rem 0;
    text-align: center;
}

.intro-ideology .middle .right {
	width: 26.875rem;
	height: 30.125rem;
	padding: 2.7rem 0;
	margin-right: 1rem;
}

.intro-ideology .middle .right > div {
	float: right;	
}

.intro-ideology .middle .vision-box,
.intro-ideology .middle .vision-box2 {
	position: relative;
	width: 25.875rem;
	height: 7.125rem;
	background-color: #ffffff;
	padding: 1rem;
	padding-left: 5.5rem;
	margin-bottom: 1.3rem;
}

.intro-ideology .middle .vision-box::after {
	content: '';
	position: absolute;
	top: 50%;
	right: -7px;
	width: 0.75rem;
	height: 0.75rem;
	background: url('../../images/intro/ideology/ic_vision_blit.jpg') center no-repeat;
}

.intro-ideology .middle .vision-box2::after {
	content: '';
	position: absolute;
	top: 50%;
	left: -7px;
	width: 0.75rem;
	height: 0.75rem;
	background: url('../../images/intro/ideology/ic_vision_blit.jpg') center no-repeat;
}

.intro-ideology .middle .vision-box.happy {
	background: url('../../images/intro/ideology/ic_vision01.jpg') 5% center no-repeat;
	background-color: #ffffff;
}

.intro-ideology .middle .vision-box.harmony {
	background: url('../../images/intro/ideology/ic_vision02.jpg') 5% center no-repeat;
	background-color: #ffffff;
}

.intro-ideology .middle .vision-box2.hearty {
	background: url('../../images/intro/ideology/ic_vision03.jpg') 5% center no-repeat;
	background-color: #ffffff;
	padding-top: 1.5rem;
}

.intro-ideology .middle .vision-box2.gt {
	background: url('../../images/intro/ideology/ic_vision04.jpg') 7% center no-repeat;
	background-color: #ffffff;
}

.intro-ideology .middle .vision-box2.hqs {
	background: url('../../images/intro/ideology/ic_vision05.jpg') 5% center no-repeat;
	background-color: #ffffff;
	padding-top: 1.5rem;
}

.intro-ideology .middle p.title {
	font-size: 1.125rem;
	font-weight: bold;
	letter-spacing: -0.05rem;
	line-height: 160%;
}

.intro-ideology .middle p.content {
	font-size: 0.8125rem;
	font-weight: bold;
	letter-spacing: -0.05rem;
	line-height: 140%;
	word-break: keep-all;
	color: #888888;
}

.intro-ideology .middle .mobile {
	display: none;
}

.intro-ideology .middle .mobile .img-circle {
	position: relative;
	text-align: center;
	margin-bottom: 4.5rem;
}

.intro-ideology .middle .mobile .img-circle img {
    width: 40%;
}

.intro-ideology .middle .mobile .img-circle::after {
    content: '';
    position: absolute;
    top: 8rem;
    left: 47.5%;
    width: 15px;
    height: 58px;
    background: url('../../images/intro/ideology/bg_vision_line.jpg') center no-repeat;
}

.intro-ideology .middle .mobile .vision-box,
.intro-ideology .middle .mobile .vision-box2 {
	position: relative;
	width: 100%;
	height: 7.125rem;
	background-color: #ffffff;
	padding: 1rem;
	padding-left: 5.5rem;
	margin-bottom: 1.3rem;
}

.intro-ideology .bottom {
	width: 100%;
	min-height: 24.25rem;
	height: auto;
	padding-top: 4.875rem;
}

.intro-ideology .bottom h2 {
	text-align: center;
	font-size: 1.5rem;
	margin-bottom: 4rem;
}

.intro-ideology .bottom ul {
	width: 100%;
	display: table;
	table-layout: fixed;
	text-align: center;
}

.intro-ideology .bottom ul li {
	position: relative;
	list-style: none;
	display: table-cell;
	padding: 0 1rem;
}

.intro-ideology .bottom ul li::after {
	content: '';
	position: absolute;
	top: 1rem;
	right: 0;
	border-right: 1px solid #d2d2d2;
	height: 5rem;	
}

.intro-ideology .bottom ul li:last-child::after {
	border-right: none;	
}

.intro-ideology .bottom ul li .title-wrap {
	position: relative;
	margin-bottom: 2.5rem;
}

.intro-ideology .bottom ul li .title-wrap::after {
	content: '▼';
	/* position: absolute;
	top: 4rem;
	right: 6rem; */
	position: relative;
	top: 1rem;
	font-size: 0.5rem;
	color: #009DEA;
}

.intro-ideology .bottom ul li .title-wrap .number {
	font-size: 1rem;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 1rem;
}

.intro-ideology .bottom ul li .title-wrap .number span {
	border-bottom: 1px solid #d2d2d2;
}

.intro-ideology .bottom ul li .title-wrap .title {
	font-size: 1.125rem;
	font-weight: bold;
	letter-spacing: -0.05rem;	
}

.intro-ideology .bottom ul li .content {
	font-size: 0.75rem;
	font-weight: bold;
	letter-spacing: -0.03rem;
	line-height: 140%;
	color: #888888;
}

@media only screen and (max-width: 991px) {
    
    .intro-ideology .ideology {
        padding-top: 0;
    }
    
}

@media only screen and (max-width: 576px) {
    
    .intro-ideology .middle .left {
		display: none;
	}
	
	.intro-ideology .middle .center {
		display: none;
	}
	
	.intro-ideology .middle .right {
		display: none;
	}
	
	.intro-ideology .middle .vision-box::after {
	    display: none;
	}
	
	.intro-ideology .middle .vision-box2::after {
	    display: none;
	}
    
    .intro-ideology .middle .mobile {
		display: block;
		width: 100%;
		padding: 1rem 2rem;
	}
	
	.intro-ideology .middle p.content {
	    font-size: 0.75rem;
	}
	
	.intro-ideology .middle .vision-box2.hearty {
	    padding-top: 1.5rem;
	}
	
	.intro-ideology .middle .vision-box2.gt {
	    padding-top: 0.5rem;
	}
	
	.intro-ideology .img-vision img {
		width: 100%;
	}
	
	.intro-ideology .img-vision {
		width: 180%;
		height: 380px;
		position: relative;
		left: -9.5rem;
		/* background: url('../../images/intro/ideology/img_vision_1.png') center 10% no-repeat;
		background-size: auto 90%; */
	}
	
	.intro-ideology .bottom ul {
	    display: block;
	    text-align: left;
	}
	
	.intro-ideology .bottom ul li {
	    display: block;
	    width: 95%;
	    border-bottom: 1px solid #e5e5e5;
	    margin: 0 auto;
	    margin-bottom: 2rem;
	}
	
	.intro-ideology .bottom ul li:last-child {
	    border-bottom: none;
	    margin-bottom: 0;
	}
	
	.intro-ideology .bottom ul li .title-wrap {
	    display: inline-block;
	    text-align: center;
	    width: 23%;
	    /* margin-left: 3rem; */
	}
	
	.intro-ideology .bottom ul li .title-wrap::after {
		content: '▶';
		position: absolute;
		top: 1rem;
		left: 8rem;
		/* right: -1.5rem; */
	}
	
	.intro-ideology .bottom ul li .content-wrap {
	    display: inline-block;
	    margin-left: 5rem;
    	text-align: left;
    	position: absolute;
    	top: 0.5rem;
    	width: 50%;
	}
	
	.intro-ideology .bottom ul li::after {
		border-right: none;
	}
}

/* ** Intro: Location ** */
.intro-location .location {
	font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 4rem;
}

.intro-location .location::after {
    display: block;
    content: '';
    clear: both;
}

.intro-location .location .map-wrap {
	width: 100%;	
}

.intro-location .location .map-wrap .tab-menu {
	margin-bottom: 1rem;
}

.intro-location .location .map-wrap .tab-menu ul {
	list-style: none;
    font-size: 0;
}

.intro-location .location .map-wrap .tab-menu ul li {
	position: relative;
	width: 24%;
    margin-right: 1.3%;
	height: 3rem;
	text-align: left;
	padding: 1rem 0 1rem 4rem;
	display: inline-block;
	border: 1px solid #d2d2d2;
	cursor: pointer;
    font-size: 1rem;
}

.intro-location .location .map-wrap .tab-menu ul li::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 2.9rem;
	height: 2.9rem;
	background: url('../../images/intro/ic_location.png') center no-repeat;
	background-color: #3472C5;
}

.intro-location .location .map-wrap .tab-menu ul li:nth-child(2)::before {
	background-color: #3A3786;
}

.intro-location .location .map-wrap .tab-menu ul li:nth-child(3)::before {
	background-color: #1890CF;
}

.intro-location .location .map-wrap .tab-menu ul li:nth-child(4){
    margin-right: 0;
}

.intro-location .location .map-wrap .tab-menu ul li:nth-child(4)::before {
    background-color: #E9971A;
}

.intro-location .location .map-wrap .tab-menu ul li a {
    display: block;
    text-decoration: none;
    font-size: 0.875rem;
}

@media only screen and (max-width: 767px) {

    .intro-location .location .map-wrap .tab-menu {
        margin-bottom: 0;
    }

    .intro-location .location .map-wrap .tab-menu ul li {
        width: 48.5%;
        margin-right: 3%;
        margin-bottom: 1rem;
        font-size: 0.9rem;
        padding: 1rem 0 1rem 3.5rem;
        vertical-align: top;
    }
    
    .intro-location .location .map-wrap .tab-menu ul li a {
	    font-size: 0.8125rem;
	    word-break: keep-all;
	    line-height: 140%;
	}

    .intro-location .location .map-wrap .tab-menu ul li:nth-child(even) {
        margin-right: 0;
    }

}

.intro-location .location .map-wrap .map-box {
	width: 100%;	
	border: 1px solid #d2d2d2;
	margin-bottom: 3rem;
}

.intro-location .location .map-wrap .map-box #map {
	min-height: 35.5rem;
	height: 100%;
	overflow: hidden;
}

.intro-location .location .loc-guide .txt-box {
	width: 100%;
	min-height: 3.75rem;
	height: 100%;
	background-color: #f3f3f3;
	border: 1px solid #d2d2d2;
	padding: 1.5rem;
	margin-bottom: 3rem;
}

.intro-location .location .loc-guide .txt-box ul {
	list-style: none;
	padding-left: 0.5rem;
}

.intro-location .location .loc-guide .txt-box ul li {
	padding-top: 1rem;
	letter-spacing: -0.03rem;
    line-height: 160%;
    word-break: keep-all;
}

.intro-location .location .loc-guide .txt-box ul li:first-child {
	padding-top: 0;
}

@media only screen and (max-width: 574px) {

    .intro-location .location .loc-guide h3 {
        font-size: 0.9rem;
    }

    .intro-location .location .loc-guide .txt-box ul li {
        font-size: 0.8rem;
    }
}

.intro-location .location .map-wrap [class*='col-'] {
    padding: 0;
}

/* ** Intro: Ci ** */
.intro-ci .ci {
	font-size: 0.875rem;
    font-weight: bold;
    color: #333333;
    margin-bottom: 4rem;
}

.intro-ci .ci::after {
    display: block;
    content: '';
    clear: both;
}

.intro-ci .ci .intro-txt {
	font-size: 0.9375rem;
    font-weight: bold;
    letter-spacing: -0.05rem;
    text-align: center;
    margin-bottom: 4rem;
    color: #666666;
    line-height: 160%;
}

.intro-ci .ci .mark-wrap {
	display: flex;
	margin-bottom: 4rem;
}

.intro-ci .ci .mark-wrap .mark-img {
	display: table;
	table-layout: fixed;
	width: 16.75rem;
	height: 13.375rem;
	border: 1px solid #d2d2d2;
	margin-right: 3rem;
}

.intro-ci .ci .mark-wrap .mark-img span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.intro-ci .ci .mark-wrap .mark-txt {
	width: calc(100% - 17.75rem);
	/* padding: 2.5rem 0; */
	height: 13.375rem;
	display: table;
}

.intro-ci .ci .mark-wrap .mark-txt p {
	display: table-cell;
	vertical-align: middle;
	font-size: 0.875rem;
	letter-spacing: -0.03rem;
	line-height: 150%;
	margin-bottom: 1rem;
}

.intro-ci .ci .color-box {
	width: 100%;
	margin-bottom: 4rem;
}

.intro-ci .ci .color-box ul li {
	list-style: none;
	margin-bottom: 0.5rem;
}

.intro-ci .ci .color-box ul li > div {
	display: inline-block;
}

.intro-ci .ci .color-box ul li > div.color-img {
	margin-right: 1rem;
}

.intro-ci .ci .color-box ul li > div.color-info {
	vertical-align: top;
    padding-top: 0.5rem;
}

.intro-ci .ci .color-box ul li > div.color-info p {
	letter-spacing: -0.01rem;
	line-height: 140%;
	color: #666666;
}

.intro-ci .ci .color-box ul li > div.color-info p:first-child {
	font-size: 0.9375rem;
}

.intro-ci .ci .color-box ul li > div.color-info p.cyan {
	color: #00ADEF;
}

.intro-ci .ci .color-box ul li > div.color-info p.dark-blue {
	color: #434288;
}

.intro-ci .ci .signature-box {
	width: 100%;
	height: 14rem;
	padding: 0;
	margin-bottom: 3rem;	
}

.intro-ci .ci .signature-box .title {
	text-align: center;	
	color: #666666;
}

.intro-ci .ci .signature-box .left {
	width: 49.5%;	
	margin-right: 0.5%;
	float: left;
}

.intro-ci .ci .signature-box .right {
	width: 49.5%;
	float: right;	
}

.intro-ci .ci .signature-box .left .img,
.intro-ci .ci .signature-box .right .img {
    /* padding: 2rem 0; */
    border: 1px solid #d2d2d2;
    /* text-align: center;
    vertical-align: middle; */
    margin-bottom: 1rem;
    width: 100%;
    height: 7.625rem;
    display: table;
}

.intro-ci .ci .signature-box .left .img span,
.intro-ci .ci .signature-box .right .img span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

@media only screen and (max-width: 991px) {

    .intro-ci .ci .signature-box .left {
        width: 100%;
        margin: 0 0 2rem 0;
        font-size: 1.2rem;
    }

    .intro-ci .ci .signature-box .right {
        width: 100%;
        margin: 0;
        font-size: 1.2rem;
    }

}

@media only screen and (max-width: 576px) {
	
	.intro-ci .ci {
	    width: 100%;
	}

    .intro-ci .ci .mark-wrap {
	    display: block;
	    width: 100%;
	}
	
	.intro-ci .ci .mark-wrap .mark-img {
	    width: 70%;
	    margin: 0 auto;
	}
	
	.intro-ci .ci .mark-wrap .mark-txt {
	    width: 100%;
	    padding: 1rem;
	}
	
	.intro-ci .ci .color-box {
		padding-left: 3.5rem;
	    margin-bottom: 5rem;
	}
	
	.intro-ci .ci .color-box ul li {
	    width: 100%;
	}
	
	.intro-ci .ci .color-box ul li > div {
	    display: block;
	}
    
    .intro-ci .ci .signature-box .left,
    .intro-ci .ci .signature-box .right {
        font-size: 1rem;
    }

    .intro-ci .ci .signature-box .left .img, .intro-ci .ci .signature-box .right .img {
	    width: 95%;
	    height: 5.625rem;
	    margin: 0 auto;
	    margin-bottom: 1rem;
	}
	
	.intro-ci .ci .signature-box .left .img span img, .intro-ci .ci .signature-box .right .img span img {
	    width: 85%;
	}

}


/* ** Intro: Customer ** */
.intro-customer .customer {
	font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 4rem;
}

.intro-customer .customer::after {
    display: block;
    content: '';
    clear: both;
}

.intro-customer .customer ul.box-list {
	width: 100%;
	margin-bottom: 5rem;
}

.intro-customer .customer ul.box-list li {
	display: inline-block;
	margin-right: 0.5rem;
	margin-bottom: 1rem;
	width: 19%;
}

.intro-customer .customer ul.box-list li .layer {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 5.25rem;
	border: 1px solid #d2d2d2;
	cursor: pointer;
}

.intro-customer .customer ul.box-list li .layer .layer-inner {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.intro-customer .customer ul.box-list li .layer .layer-inner img {
    max-width: 100%;
    height: auto;
}

.intro-customer .customer .shipper-img {
	width: 100%;
	height: 496px;
	text-align: center;
	background: url('../../images/intro/customer/img_shipper_loc.jpg') center no-repeat;
}

@media only screen and (max-width: 576px) {
	
	.intro-customer .customer ul.box-list {
	    margin-left: 0.5rem;
	}
	
	.intro-customer .customer ul.box-list li {
	    width: 46.5%;
	}
	
	.intro-customer .customer ul.box-list li .layer {
	    width: 100%;
	}
	
	.intro-customer .customer ul.box-list li .layer .layer-inner img {
		height: 40%;
	}	
	
	.intro-customer .customer .shipper-img {
		height: 682px;
		background: url('../../images/intro/customer/img_shipper_loc_m.jpg') center no-repeat;
	}
}

/* ** Intro: Organization ** */
.intro-organization .organization {
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 4rem;
}

.intro-organization .organization::after {
    display: block;
    content: '';
    clear: both;
}

.intro-organization .organization .org-img {
    margin-bottom: 7rem;
}

.intro-organization .organization .org-img.mobile {
    display: none;
}

.intro-organization .organization .org-img img {
    /* max-width: 1201px; 
    width: 100%; */
}

.intro-organization .organization .cpr-list ul {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 0.2em;
}

.intro-organization .organization .cpr-list ul li {
	display: flex;
    justify-content: center;
    align-items: center;
    height: 3rem;
    border: 1px solid #d2d2d2;
    background-color: #F9F9F9;
    text-align: center;
    overflow: hidden;
}

@media only screen and (max-width: 1200px) {

    .intro-organization .organization .org-img img {
	    width: 100%;
	}
	
}

@media only screen and (max-width: 576px) {

    /* .intro-organization .organization .org-img.pc {
	    display: none;
	}
    
    .intro-organization .organization .org-img.mobile {
	    display: block;
	    text-align: center;
	}
    
    .intro-organization .organization .cpr-list ul li {
	    width: 5.5rem;
	} */
	
	.intro-organization .organization .cpr-list ul {
	    grid-template-columns: repeat(4, 1fr);
	}
	
}

/* end */

/* ** Intro: Certification ** */
.intro-certification .certification {
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 4rem;
}

.intro-certification .certification::after {
    display: block;
    content: '';
    clear: both;
}

.intro-certification .certification .cert-list {

}

.intro-certification .certification .cert-list .cert-cell {
    /* float: left; */
    display: inline-block;
    width: 14.5rem;
    margin-right: 4rem;
    margin-bottom: 3rem;
    vertical-align: top;
}

.intro-certification .certification .cert-list .cert-cell .trophy-pic {
    display: table;
    width: 14.5rem;
    height: 14.5rem;
    border: 1px solid #d2d2d2;
    margin-bottom: 1rem;
}

.intro-certification .certification .cert-list .cert-cell .trophy-pic span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.intro-certification .certification .cert-list .cert-cell .cert-info {
    
}

.intro-certification .certification .cert-list .cert-cell .cert-info .date {
    font-size: 1.125rem;
    font-weight: bold;
    font-style: italic;
    margin-bottom: 1rem;
}

.intro-certification .certification .cert-list .cert-cell .cert-info .subject {
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
}

.intro-certification .certification .cert-list .cert-cell .cert-info ul li {
    font-size: 0.8125rem;
    letter-spacing: -0.03rem;
    line-height: 140%;
    margin-bottom: 0.3rem;
}

@media only screen and (max-width: 576px) {

    .intro-certification .certification .cert-list .cert-cell {
	    display: block;
	    margin: 0 auto;
	    margin-bottom: 2rem;
	}
	
}

/* end */


/* ** Terminal: Feature ** */
.terminal-feature .feature {
	font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 4rem;
}

.terminal-feature .feature::after {
    display: block;
    content: '';
    clear: both;
}

.terminal-feature .feature .content-list {
	width: 100%;
	padding-left: 5rem;
}

.terminal-feature .feature .content-list.mobile {
	display: none;
}

.terminal-feature .feature .content-list .content {
	width: 100%;
	display: flex;
	margin-bottom: 4rem;
}

.terminal-feature .feature .content-list .content .left {
	width: 40%;
	margin-right: 3%
}

.terminal-feature .feature .content-list .content .right {
	width: 57%;
	padding-top: 4rem;
}

.terminal-feature .feature .content-list .content2 {
	width: 100%;
	display: flex;
	margin-bottom: 4rem;
}

.terminal-feature .feature .content-list .content2 .left {
	width: 53%;
	padding-top: 4rem;
	margin-right: 2%;
}

.terminal-feature .feature .content-list .content2 .right {
	width: 45%;
}

.terminal-feature .feature .content-list .info-box {
	width: 100%;
}

.terminal-feature .feature .content-list .info-box .number {
	position: relative;
	width: 4rem;
	height: 4rem;
}

.terminal-feature .feature .content-list .info-box .number::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	border: 6px solid #3273C5;
}

.terminal-feature .feature .content-list .info-box .number::after {
	content: '';
	display: block;
	position: absolute;
	top: -10px;
	right: 3px;
	width: 0.375rem;
	height: 0.375rem;
	border-radius: 50%;
	border: 5px solid #2399D6;
}

.terminal-feature .feature .content-list .info-box .number span.inner {
	position: absolute;
    top: 14px;
    left: 14px;
    font-size: 1.375rem;
    color: #3273C5;
}

.terminal-feature .feature .content-list .info-box .subject {
	font-size: 1.25rem;
	letter-spacing: -0.1rem;
	margin-bottom: 1.5rem;
}

.terminal-feature .feature .content-list .info-box .subject .small {
	font-size: 0.875rem;
	letter-spacing: -0.05rem;
}

.terminal-feature .feature .content-list .info-box .info {
	font-size: 0.875rem;
	letter-spacing: -0.03rem;
	line-height: 160%;
	color: #666666;
}

@media only screen and (max-width: 576px) {
	
	.terminal-feature .feature .content-list.pc {
		display: none;
	}
	
	.terminal-feature .feature .content-list.mobile {
		width: 100%;
		display: block;
	}

    .terminal-feature .feature .content-list {
	    padding: 0 2rem;
	}
    
    .terminal-feature .feature .content-list .content {
	    display: block;
	    margin-bottom: 2rem;
	}
	
	.terminal-feature .feature .content-list .content .left {
	    width: 100%;
	    margin: 0;
	}
	
	.terminal-feature .feature .content-list .content .left .img-box img {
	    width: 100%;
	}
	
	.terminal-feature .feature .content-list .content .right {
	    width: 100%;
	    padding-top: 2rem;
	}
	
	.terminal-feature .feature .content-list .info-box .subject {
	    position: relative;
	    top: -3.3rem;
	    left: 4rem;
        width: calc(100% - 5rem);
        height: 4rem;
	    margin-bottom: 0;
	    line-height: 140%;
	}
	
	.terminal-feature .feature .content-list .info-box .subject.two {
	    top: -4rem;
	}
	
	.terminal-feature .feature .content-list .info-box .info {
	    position: relative;
	    top: -3rem;
        word-break: keep-all;
	}
	
}

/* ** Terminal: Ideology ** */
.terminal-ideology .ideology {
	font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 4rem;
}

.terminal-ideology .ideology::after {
    display: block;
    content: '';
    clear: both;
}

.terminal-ideology .ideology .ti-wrap {
	display: flex;
	flex-flow: nowrap;
}

.terminal-ideology .ideology .ti-wrap.mobile {
	display: none;
}

.terminal-ideology .ideology .ti-wrap .left {
	width: 26.875rem;
	padding: 0;
	margin-left: 1rem;
}

.terminal-ideology .ideology .ti-wrap .center {
	width: calc(100% - 53.75rem);
	padding: 8.5rem 0;
    text-align: center;
}

.terminal-ideology .ideology .ti-wrap .right {
	width: 26.875rem;
	padding: 0;
	margin-right: 1rem;
}

.terminal-ideology .ideology .ti-wrap .right > div {
	float: right;	
}

.terminal-ideology .ideology .ti-wrap .ti-box,
.terminal-ideology .ideology .ti-wrap .ti-box2 {
	margin-bottom: 8rem;
}

.terminal-ideology .ideology .ti-wrap .ti-box .description,
.terminal-ideology .ideology .ti-wrap .ti-box2 .description {
	position: relative;
	width: 25.875rem;
	height: 9.875rem;
	background-color: #ffffff;
	padding: 1.5rem 1rem;
	border: 1px solid #d2d2d2;
}

.terminal-ideology .ideology .ti-wrap .ti-box .description.pd,
.terminal-ideology .ideology .ti-wrap .ti-box2 .description.pd {
	padding: 2.5rem 1rem;
}

.terminal-ideology .ideology .ti-wrap .ti-box .description::after {
	content: '';
	position: absolute;
	top: 50%;
	right: -7px;
	width: 0.75rem;
	height: 0.75rem;
	background: url('../../images/intro/ideology/ic_vision_blit.jpg') center no-repeat;
}

.terminal-ideology .ideology .ti-wrap .ti-box2 .description::after {
	content: '';
	position: absolute;
	top: 50%;
	left: -7px;
	width: 0.75rem;
	height: 0.75rem;
	background: url('../../images/intro/ideology/ic_vision_blit.jpg') center no-repeat;
}

.terminal-ideology .ideology .ti-wrap .description ul li {
	list-style: none;
	line-height: 160%;
	font-size: 0.8125rem;
	letter-spacing: -0.02rem;
	margin-bottom: 0.5rem;
}

.terminal-ideology .ideology .ti-wrap .title {
	position: relative;
	padding-top: 1.2rem;
    padding-left: 4rem;
	height: 4rem;
	font-size: 0.9375rem;
}

.terminal-ideology .ideology .ti-wrap .title::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	border: 6px solid #3273C5;
}

.terminal-ideology .ideology .ti-wrap .title span.number {
	position: absolute;
    top: 14px;
    left: 14px;
    font-size: 1.375rem;
    color: #3273C5;
}

@media only screen and (max-width: 576px) {
	
	.terminal-ideology .ideology .ti-wrap.pc {
		display: none;
	}
	
	.terminal-ideology .ideology .ti-wrap.mobile {
		display: block;
		width: 100%;
		padding: 0 1.5rem;
	}
	
	.terminal-ideology .ideology .ti-wrap .center {
	    width: 100%;
        padding: 0 0 1rem 0;
	}
	
	.terminal-ideology .ideology .ti-wrap .center::after {
	    content: '';
	    position: relative;
	    top: 0;
	    left: 48%;
	    display: block;
	    width: 14px;
	    height: 93px;
	    background: url('../../images/terminal/bg_vision_divide_m.jpg') center no-repeat;
	}
	
	.terminal-ideology .ideology .ti-wrap .ti-box {
	    margin-bottom: 6.5rem;
	}
	
	.terminal-ideology .ideology .ti-wrap .ti-box .description {
	    width: 100%;
	    height: auto;
        padding: 1rem;
	}
	
	.terminal-ideology .ideology .ti-wrap .ti-box .description::after {
	    content: '';
	    position: absolute;
	    top: 102%;
	    left: 48%;
	    display: block;
	    width: 14px;
	    height: 93px;
	    background: url('../../images/terminal/bg_vision_divide_m.jpg') center no-repeat;
	}
	
	.terminal-ideology .ideology .ti-wrap .ti-box:last-child .description::after {
	    background: none;
	}
	
	.terminal-ideology .ideology .ti-wrap .ti-box .description.pd {
	    padding: 1rem;
	}
	
}

/* end */

/* ** Terminal: Operation ** */
.terminal-operation .operation {
	font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 4rem;
}

.terminal-operation .operation::after {
    display: block;
    content: '';
    clear: both;
}

.terminal-operation .operation .sect01 {
	display: table;
	table-layout: fixed;
	height: 32.5rem;
	margin-bottom: 5rem;
}

.terminal-operation .operation .sect01 .img {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.terminal-operation .operation .sect01.mobile {
    display: none;
}

.terminal-operation .operation .sect02 {
	height: 20.375rem;
	background-color: #F1F2F4;
	padding: 1.5rem 0;
	margin-bottom: 6rem;
}

.terminal-operation .operation .sect02 ul li {
	list-style: none;
	line-height: 160%;
	letter-spacing: -0.03rem;
}

.terminal-operation .operation .sect02 ul li .img {
	width: 100%;
	display: table;
	table-layout: fixed;
	padding: 1rem 0;
}

.terminal-operation .operation .sect02 ul li .img span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.terminal-operation .operation .sect03 {
	margin-bottom: 5rem;
}

.terminal-operation .operation .sect03 ul li {
	list-style: none;
	line-height: 160%;
	letter-spacing: -0.03rem;
}

.terminal-operation .operation .sect03 ul li .ytp-wrap {
	width: 100%;
	display: table;
	table-layout: fixed;
	padding: 2rem 0;
}

.terminal-operation .operation .sect03 ul li .ytp-wrap > div {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.terminal-operation .operation .sect03 ul li .ytp-wrap > div.description {
	display: flex;
	padding-top: 3.5rem;
}

.terminal-operation .operation .sect03 ul li .ytp-wrap > div.description .d-box {
	width: 11.25rem;
	height: 9.5rem;
	border: 1px solid #d2d2d2;
	margin-right: 1rem;
	padding: 1rem 0;
}

.terminal-operation .operation .sect03 ul li .ytp-wrap > div.description .d-box .number {
	width: 6.125rem;
	height: 1.75rem;
	background-color: #5179B6;
	border-radius: 20px;
	color: #ffffff;
	margin: 0 auto;
	padding-top: 3px;
}

.terminal-operation .operation .sect03 ul li .ytp-wrap > div.description .d-box .content {
	width: 100%;
	height: 5rem;
	display: table;
	table-layout: fixed;
	padding-top: 1rem;
}

.terminal-operation .operation .sect03 ul li .ytp-wrap > div.description .d-box .content span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	letter-spacing: -0.03rem;
}

.terminal-operation .operation .sect04 {
	
}

.terminal-operation .operation .sect04 .tpdu-wrap {
	width: 100%;
	display: flex;
	padding: 1rem 0;
}

.terminal-operation .operation .sect04 .tpdu-wrap .img {
	margin-right: 1rem;
}

.terminal-operation .operation .sect04 .tpdu-wrap .description {
	padding-top: 12rem;
}

.terminal-operation .operation .sect04 .tpdu-wrap .description .title {
	font-size: 1rem;
	margin-bottom: 1.5rem;
}

.terminal-operation .operation .sect04 .tpdu-wrap .description .content {
	font-size: 0.8125rem;
	color: #666666;
	line-height: 160%;
	letter-spacing: -0.02rem;
}

@media only screen and (max-width: 576px) {
	
	.terminal-operation .operation .sect01.pc {
	    display: none;
	}	
	
	.terminal-operation .operation .sect01.mobile {
	    display: block;
	    width: 100%;
        height: auto;
	    text-align: center;
	}
	
	.terminal-operation .operation .sect01.mobile .img {
	    display: block;
	    margin-bottom: 2rem;
	}
	
	.terminal-operation .operation .sect01.mobile .step-list {
	    display: block;
	}
	
	.terminal-operation .operation .sect01.mobile .step-list .step {
	    display: flex;
	    width: 100%;
	    padding: 0.5rem 2.5rem;
	    position: relative;
        margin-bottom: 2.5rem;
	}
	
	.terminal-operation .operation .sect01.mobile .step-list .step::after {
	    content: '';
	    display: block;
	    position: absolute;
	    left: 2.5rem;
	    bottom: -1rem;
	    width: 80%;
	    border-bottom: 1px solid #d2d2d2;
	}
	
	.terminal-operation .operation .sect01.mobile .step-list .step .step-name {
	    width: 4.375rem;
	    height: 4.375rem;
	    background-color: #74A4E6;
	    border-radius: 50%;
	    text-align: center;
	    padding-top: 1.6rem;
	    color: #ffffff;
	    margin-right: 1.5rem;	    
	}
	
	.terminal-operation .operation .sect01.mobile .step-list .step:nth-of-type(2n) .step-name {
	    background-color: #4F79B3;    
	}
	
	.terminal-operation .operation .sect01.mobile .step-list .step .step-info {
	    position: relative;
	    width: calc(100% - 6rem);
	    text-align: left;
	}
		
	.terminal-operation .operation .sect01.mobile .step-list .step .step-info ul {
	    position: absolute;
		top: 50%;
		transform: translate(0, -50%);

	}
	
	.terminal-operation .operation .sect01.mobile .step-list .step .step-info ul li {
	    font-size: 0.8125rem;
	    margin-bottom: 0.5rem;
	}
	
	.terminal-operation .operation .sect02 {
	    height: auto;
	}
	
	.terminal-operation .operation .sect02 ul li {
	    padding: 0 0.5rem;
        font-size: 0.8125rem;
	    word-break: keep-all;
	}
	
	.terminal-operation .operation .sect03 ul li {
	    font-size: 0.8125rem;
	}
	
	.terminal-operation .operation .sect03 ul li .ytp-wrap {
	    display: block;
	}
	
	.terminal-operation .operation .sect03 ul li .ytp-wrap .img img {
	    width: 100%;
	}
	
	.terminal-operation .operation .sect03 ul li .ytp-wrap > div.description {
	    display: block;
	}
	
	.terminal-operation .operation .sect03 ul li .ytp-wrap > div.description .d-box {
	    width: 100%;
	    height: 100%;
	    margin-right: 0;
	    margin-bottom: 1rem;
	    padding: 1rem 1rem 1.5rem 1rem;
	}
	
	.terminal-operation .operation .sect03 ul li .ytp-wrap > div.description .d-box .number {
	    margin: 0;
	    display: inline-block;
	    margin-right: 1rem;
	}
	
	.terminal-operation .operation .sect03 ul li .ytp-wrap > div.description .d-box .content {
	    width: calc(100% - 8rem);
	    height: 100%;
	    display: inline-block;
	    padding-top: 0.5rem;
	    text-align: left;
	}
	
	.terminal-operation .operation .sect03 ul li .ytp-wrap > div.description .d-box .content span {
	    display: inline-block;
	    text-align: left;
	}
	
	.terminal-operation .operation .sect04 .tpdu-wrap {
	    display: block;
	}
	
	.terminal-operation .operation .sect04 .tpdu-wrap .img {
	    margin-right: 0;
	}
	
	.terminal-operation .operation .sect04 .tpdu-wrap .img img {
	    width: 100%;
	}
	
	.terminal-operation .operation .sect04 .tpdu-wrap .description {
	    padding: 2rem 1rem;
	}
	
}

/* end */

/* ** Terminal: Special ** */
.terminal-special .special {
	font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 4rem;
}

.terminal-special .special::after {
    display: block;
    content: '';
    clear: both;
}

.terminal-special .special .special-wrap {
	width: 100%;
	display: flex;
	margin-bottom: 4rem;
}

.terminal-special .special .special-wrap .left {
	position: relative;
	width: 50%;
	text-align: center;
}

.terminal-special .special .special-wrap .left::after {
	content: '';
	display: block;
	position: absolute;
	top: 10rem;
	right: 0;
	border-right: 1px solid #d2d2d2;
	height: 28rem;
		
}

.terminal-special .special .special-wrap .right {
	width: 50%;
	text-align: center;
}

.terminal-special .special .special-wrap .info-box {
	width: 100%;
}

.terminal-special .special .special-wrap .info-box .number {
	position: relative;
	width: 4rem;
	height: 4rem;
	margin: 0 auto;
}

.terminal-special .special .special-wrap .info-box .number::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	border: 6px solid #3273C5;
}

.terminal-special .special .special-wrap .info-box .number span.inner {
	position: absolute;
    top: 14px;
    left: 14px;
    font-size: 1.375rem;
    color: #3273C5;
}

.terminal-special .special .special-wrap .info-box .subject {
	font-size: 1.125rem;
	letter-spacing: -0.1rem;
	margin-bottom: 1.5rem;
	color: #3273C5;
}

.terminal-special .special .special-wrap .info-box .subject::after {
	content: '';
	display: block;
	width: 26.25rem;
	border-bottom: 3px solid #d2d2d2;
	padding-top: 2rem;
	margin: 0 auto;
}

.terminal-special .special .special-wrap .info-box .subject .small {
	font-size: 0.875rem;
	letter-spacing: -0.05rem;
}

.terminal-special .special .special-wrap .info-box .info {
	font-size: 0.8125rem;
	letter-spacing: -0.03rem;
	line-height: 160%;
	color: #666666;
	margin-bottom: 2rem;
	padding: 0 4rem;
}

@media only screen and (max-width: 576px) {
	.terminal-special .special .special-wrap {
	    display: block;
	    padding: 0 1rem;
	}
	
	.terminal-special .special .special-wrap .left {
	    width: 100%;
	    margin-bottom: 3rem;
	}
	
	.terminal-special .special .special-wrap .left::after {
	    border-right: none;
	}
	
	.terminal-special .special .special-wrap .right {
	    width: 100%;
	}
	
	.terminal-special .special .special-wrap .info-box .subject::after {
	    width: 100%;
	    border-bottom: 3px solid #d2d2d2;
	}
	
	.terminal-special .special .special-wrap .info-box .img img {
	    width: 100%;
	}
	
	.terminal-special .special .special-wrap .info-box .info {
		padding: 0;
	}
}

/* end */


/* ** Terminal: Facility ** */
.terminal-facility .facility {
	font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 4rem;
}

.terminal-facility .facility::after {
    display: block;
    content: '';
    clear: both;
}

.terminal-facility .facility h2.page-title {
    margin-bottom: 8rem;
}

.terminal-facility .facility .facil-wrap {
	position: relative;
	width: 100%;
	height: 14.625rem;
	background: repeating-linear-gradient(-45deg, #ffffff, #ffffff 3px, rgba(255,255,255,0.7) 0, rgba(255,255,255,0.7) 6px);
	background-color: #d2d2d2;
	margin-bottom: 11.25rem;
}

.terminal-facility .facility .facil-wrap .facil-img {
	position: absolute;
	top: -3.3rem;
	left: 0;
	float: left;
	width: 32.75rem;
	height: 17.875rem;
	border: 1px solid #d2d2d2;
}

.terminal-facility .facility .facil-wrap .facil-info {
	float: right;
	width: calc(100% - 32.75rem);
	padding: 2.5rem 3.5rem;
}

.terminal-facility .facility .facil-wrap2 {
	position: relative;
	width: 100%;
	height: 23.125rem;
	background: repeating-linear-gradient(-45deg, #ffffff, #ffffff 3px, rgba(255,255,255,0.7) 0, rgba(255,255,255,0.7) 6px);
	background-color: #d2d2d2;
	margin-bottom: 11.25rem;
}

.terminal-facility .facility .facil-wrap2 .facil-img {
	position: absolute;
	top: -3.3rem;
	right: 0;
	float: right;
	width: 32.75rem;
	height: 17.875rem;
	border: 1px solid #d2d2d2;
}

.terminal-facility .facility .facil-wrap2 .facil-info {
	float: left;
	width: calc(100% - 32.75rem);
	padding: 2.5rem 3.5rem;
	padding-right: 1rem;
}

.terminal-facility .facility .facil-info .info-box {
	display: table;
	width: 7.75rem;
	height: 7.75rem;
	background-color: #3472C5;
	color: #ffffff;
	float: left;
	margin-right: 1.2rem;
	margin-bottom: 1rem;
}

.terminal-facility .facility .facil-info .info-box.dark-gray {
	background-color: #5A7AA3;
}

.terminal-facility .facility .facil-info .info-box .info-txt {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.terminal-facility .facility .facil-info .info-box .info-txt .title {
	position: relative;
	margin-bottom: 2rem;
}

.terminal-facility .facility .facil-info .info-box .info-txt .title.eng {
	font-size: 0.8125rem;
	line-height: 130%;
}

.terminal-facility .facility .facil-info .info-box .info-txt .title::after {
	content: '';
	position: absolute;
	top: 0;
	left: 34%;
	display: block;
	width: 2.5rem;
	padding-top: 2rem;
	border-bottom: 1px solid #ffffff;
}

.terminal-facility .facility .facil-info .info-box .info-txt .title.eng::after {
	padding-top: 2.6rem;
}

.terminal-facility .facility .facil-info .info-box .info-txt .detail {
	font-size: 1rem;
	line-height: 140%;
}

.terminal-facility .facility .facil-info .info-box .info-txt .detail span {
	font-size: 0.875rem;
}

@media only screen and (max-width: 576px) {

	.terminal-facility .facility .facil-wrap,
	.terminal-facility .facility .facil-wrap2 {
	    width: 100%;
	    height: 100%;
	    background: none;
	    margin-bottom: 5rem;
	}
	
	.terminal-facility .facility .facil-wrap::after,
	.terminal-facility .facility .facil-wrap2::after {
	    content: '';
	    position: absolute;
	    top: 9rem;
	    width: 100%;
	    height: 14.625rem;
	    background: repeating-linear-gradient(-45deg, #ffffff, #ffffff 3px, rgba(255,255,255,0.7) 0, rgba(255,255,255,0.7) 6px);
	    background-color: #d2d2d2;
	    z-index: -1;
	}
	
	.terminal-facility .facility .facil-wrap2::after {
	    height: 29rem;
	}
	
	
	.terminal-facility .facility .facil-wrap .facil-img,
	.terminal-facility .facility .facil-wrap2 .facil-img {
	    position: relative;
	    top: 0;
	    left: 1rem;
	    float: none;
	    width: 100%;
	    height: auto;
	    border: none;
	}
	
	.terminal-facility .facility .facil-wrap .facil-img img,
	.terminal-facility .facility .facil-wrap2 .facil-img img {
	    width: 90%;
	}
	
	.terminal-facility .facility .facil-wrap .facil-info,
	.terminal-facility .facility .facil-wrap2 .facil-info {
	    float: none;
	    width: 100%;
	    padding: 2rem 1rem;
	}
	
	.terminal-facility .facility .facil-wrap .facil-info .info-wrap,
	.terminal-facility .facility .facil-wrap2 .facil-info .info-wrap {
	    display: inline-block;
	}
	
	.terminal-facility .facility .facil-wrap .facil-info .info-box,
	.terminal-facility .facility .facil-wrap2 .facil-info .info-box {
	    width: 6rem;
    	height: 6rem;
    	margin-right: 0.7rem;
	}
	
	.terminal-facility .facility .facil-wrap .facil-info .info-box:nth-of-type(3),
	.terminal-facility .facility .facil-wrap2 .facil-info .info-box:nth-of-type(3) {
	    margin-right: 0;
	}
	
	.terminal-facility .facility .facil-wrap .facil-info .info-box:nth-of-type(6),
	.terminal-facility .facility .facil-wrap2 .facil-info .info-box:nth-of-type(6) {
	    margin-right: 0;
	}
	
	.terminal-facility .facility .facil-info .info-box .info-txt .title {
	    margin-bottom: 1rem;
	}
	
	.terminal-facility .facility .facil-info .info-box .info-txt .title::after {
	   left: 30%;
	   padding-top: 1.5rem;
	}
	
	.terminal-facility .facility .facil-info .info-box .info-txt {
	    font-size: 0.8125rem;
	}
	
	.terminal-facility .facility .facil-info .info-box .info-txt .detail {
	    font-size: 0.8125rem;
	    line-height: 140%;
	}
}

/* ** Terminal: Equipment ** */
.terminal-equipment .equipment {
	font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 4rem;
}

.terminal-equipment .equipment::after {
    display: block;
    content: '';
    clear: both;
}

.terminal-equipment .equipment .equip-wrap {
	position: relative;
	width: 100%;	
}

.terminal-equipment .equipment .equip-wrap .equip-box {
	position: relative;
	width: 73.125rem;
	height: 22.75rem;
	background-color: #F5F5F5;
	float: right;
    margin-bottom: 8rem;
}

.terminal-equipment .equipment .equip-wrap .equip-box.wide {
	position: relative;
	width: 73.125rem;
	height: 54.75rem;
	background-color: #F5F5F5;
	float: right;
    margin-bottom: 8rem;
}

.terminal-equipment .equipment .equip-wrap .equip-box .equip-img {
	position: absolute;
	top: -1.875rem;
	left: -1.875rem;
	width: 27.875rem;
	height: 15.875rem;
	border: 1px solid #e5e5e5;
}

.terminal-equipment .equipment .equip-wrap .equip-box .equip-info {
	position: absolute;
	top: 2rem;
	left: 40%;
	width: calc(100% - 30.875rem);
}

.terminal-equipment .equipment .equip-info .title-wrap {
	border-bottom: 1px solid #d2d2d2;
	padding-bottom: 1.5rem;
}


.terminal-equipment .equipment .equip-info .title-wrap .title {
	position: relative;
	padding-top: 1.2rem;
    padding-left: 4rem;
	height: 3.5rem;
	font-size: 1.25rem;
	color: #3273C5;
}

.terminal-equipment .equipment .equip-info .title-wrap .title::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	border: 6px solid #3273C5;
}

.terminal-equipment .equipment .equip-info .title-wrap .title::after {
	content: '';
	display: block;
	position: absolute;
	top: -12px;
	left: 2.7rem;
	width: 0.375rem;
	height: 0.375rem;
	border-radius: 50%;
	border: 5px solid #2399D6;
}


.terminal-equipment .equipment .equip-info .title-wrap .title span.number {
	position: absolute;
    top: 14px;
    left: 14px;
    font-size: 1.375rem;
    color: #3273C5;
}

.terminal-equipment .equipment .equip-info .title-wrap .description {
	padding-left: 4rem;
	font-size: 0.8125rem;
	line-height: 140%;
	letter-spacing: -0.05rem;
}

.terminal-equipment .equipment .equip-info .info {
	position: relative;
	padding: 1.5rem 0.5rem;
	width: 100%;
    height: 100%;
}

.terminal-equipment .equipment .equip-info .info.mt {
	padding-top: 5.5rem;
}

.terminal-equipment .equipment .equip-info .info span {
	font-size: 1rem;
	letter-spacing: -0.03rem;
}

.terminal-equipment .equipment .equip-info .info p {
	font-size: 0.8125rem;
	letter-spacing: -0.03rem;
	margin-top: 0.5rem;
	color: #666666;
}

.terminal-equipment .equipment .equip-info .info dl {
	display: flex;
	margin-bottom: 0.3rem;
}

.terminal-equipment .equipment .equip-info .info dl.first {
	margin-top: 0.5rem;
}

.terminal-equipment .equipment .equip-info .info dl dt {
	font-size: 0.8125rem;
	line-height: 160%;
	width: 5.875rem;
	letter-spacing: -0.03rem;
}

.terminal-equipment .equipment .equip-info .info dl dd {
	font-size: 0.8125rem;
	line-height: 160%;
	letter-spacing: -0.03rem;
	color: #666666;
}

.terminal-equipment .equipment .equip-info2 {
	position: relative;
	width: 100%;
    height: 100%;
    display: flex;
    margin-bottom: 3rem;
}

.terminal-equipment .equipment .equip-info2 .equip-img2 {
	position: absolute;
	top: 0;
	left: -56%;
}

.terminal-equipment .equipment .equip-info2 .equip-img2:first-child {
	top: 2rem;
}

@media only screen and (max-width: 576px) {
	
	
	.terminal-equipment .equipment .equip-wrap .equip-box {
	    left: 2rem;
	    float: none;
	    height: 100%;
	    width: 90%;	    
	}
	
	.terminal-equipment .equipment .equip-wrap .equip-box .equip-img {
	    position: relative;
	    width: 100%;
	    height: 100%;
	    border: none;
	}
	
	.terminal-equipment .equipment .equip-wrap .equip-box .equip-img img {
	    width: 100%;
	}
	
	.terminal-equipment .equipment .equip-wrap .equip-box .equip-info {
	    position: relative;
	    top: 0;
	    left: 0;
	    width: 100%;
	    padding: 0.5rem;
	}
	
	.terminal-equipment .equipment .equip-info .title-wrap .description {
	    padding-left: 0;
	}
	
	.terminal-equipment .equipment .equip-info .info dl {
	    display: block;
	}
	
	.terminal-equipment .equipment .equip-info .info dl dd {
	    padding-left: 0.5rem;
	}
	
	.terminal-equipment .equipment .equip-wrap .equip-box.wide {
	    width: 90%;
	    height: 100%;
	    float: none;
	}
	
	.terminal-equipment .equipment .equip-info2 {
	    display: block;
	    margin-bottom: 0;
	}
	
	.terminal-equipment .equipment .equip-info2 .equip-img2 {
	    position: relative;
	    top: 0;
	    left: 1rem;
	    width: 90%;
	}
	
	.terminal-equipment .equipment .equip-info2 .equip-img2 img {
	    width: 100%;
	}
	
	.terminal-equipment .equipment .equip-info .info.mt {
	    padding-top: 3rem;
	    padding-left: 1rem;
	}
		
}


/* end */

/* ** Terminal: PortLocation ** */
.terminal-portLocation .portLocation {
	font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 4rem;
}

.terminal-portLocation .portLocation::after {
    display: block;
    content: '';
    clear: both;
}

.terminal-portLocation .portLocation h4 {
    font-size: 0.9375rem;
    letter-spacing: -0.05rem;
    color: #3471C4;
    line-height: 160%;
}

.terminal-portLocation .portLocation h4:nth-of-type(1) {
    margin-top: 2rem;
}

.terminal-portLocation .portLocation p.sub-txt {
    letter-spacing: -0.05rem;
    margin-bottom: 1rem;
    line-height: 160%;
}

.terminal-portLocation .portLocation .port-img {
    width: 100%;
    height: 28.125rem;
    border: 1px solid #d2d2d2;
    overflow: hidden;
    margin-bottom: 1.3rem;    
    background: url('../../images/terminal/img_portLocation01.jpg') center no-repeat;
}

.terminal-portLocation .portLocation .desc-wrap {
	width: 100%;
	min-height: 11rem;
	height: auto;
    margin-bottom: 6rem;
}

.terminal-portLocation .portLocation .desc-wrap .desc-box {
    float: left;
    display: flex;
    width: 49.5%;
    height: 5rem;
    border: 1px solid #d2d2d2;
    margin-bottom: 0.5rem;
}

.terminal-portLocation .portLocation .desc-wrap .desc-box:nth-child(2n-1) {
    margin-right: 0.75rem;
}

.terminal-portLocation .portLocation .desc-wrap .desc-box .num {
    display: table;
    width: 5rem;
    height: 5em;
}

.terminal-portLocation .portLocation .desc-wrap .desc-box .num span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 1.5rem;
    font-weight: normal;
    color: #A5D3F5;
}

.terminal-portLocation .portLocation .desc-wrap .desc-box .content {
    padding: 0.9rem 0;
}

.terminal-portLocation .portLocation .desc-wrap .desc-box .content p {
    line-height: 140%;
    letter-spacing: -0.05rem;
}

.terminal-portLocation .portLocation .desc-wrap .desc-box .content p.title {
    font-size: 1.25rem;
    color: #3471C4;
}

.terminal-portLocation .portLocation .desc-wrap2 {
	width: 100%;
	height: 100%;
}

.terminal-portLocation .portLocation .desc-wrap2 .port-img2 {
	float: left;
	width: 53.625rem;
	margin-right: 1.5rem;
}

.terminal-portLocation .portLocation .desc-wrap2 .subject {
	font-size: 1rem;
	margin-bottom: 0.5rem;
}

.terminal-portLocation .portLocation .desc-wrap2 .port-info {
	float: right;
	width: calc(100% - 55.125rem);
	padding-top: 3rem;
}

.terminal-portLocation .portLocation .desc-wrap2 .table-wrap .port-table {
	width: 100%;
	text-align: center;
	font-size: 0.875rem;
	font-weight: bold;
	color: #555555;
}

.terminal-portLocation .portLocation .desc-wrap2 .table-wrap .port-table tr th {
	padding: 0.8rem 0;
	background-color: #F1F2F4;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	vertical-align: middle;
}

.terminal-portLocation .portLocation .desc-wrap2 .table-wrap .port-table tr td {
	padding: 0.8rem 1rem;
	background-color: #ffffff;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	vertical-align: middle;
}

.terminal-portLocation .portLocation .desc-wrap2 .table-wrap .port-table tr td.bgc1 {
	background-color: #F1F2F4;
}

.terminal-portLocation .portLocation .desc-wrap2 .table-wrap .port-table:nth-of-type(1) {
	margin-bottom: 2rem;
}

@media only screen and (max-width: 576px) {
	
	.terminal-portLocation .portLocation .desc-wrap {
	    position: relative;
	    min-height: 0;
	    height: 100%;
	}
	
	.terminal-portLocation .portLocation .desc-wrap .desc-box {
	    position: relative;
	    float: none;
	    width: 100%;
	}
	
	.terminal-portLocation .portLocation .desc-wrap .desc-box:nth-child(2n-1) {
	    margin-right: 0;
	}
	
	.terminal-portLocation .portLocation .port-img {
	    width: 100%;
	    height: 20.125rem;
	    background: url(../../images/terminal/img_portLocation01.jpg) 59% 100% no-repeat;
	    background-size: 235%;
	}
	
	.terminal-portLocation .portLocation .desc-wrap .desc-box .content {
	    padding: 0.4rem 0.4rem 0.4rem 0;
	    word-break: keep-all;
	}
	
	.terminal-portLocation .portLocation .desc-wrap .desc-box:nth-of-type(2) .content {
	    padding: 1rem 0;
	}
	
	.terminal-portLocation .portLocation .desc-wrap .desc-box .content p.title {
	    font-size: 1.125rem;
	}
	
	.terminal-portLocation .portLocation .desc-wrap .desc-box .content p {
	    font-size: 0.8125rem;
	}
	
	.terminal-portLocation .portLocation #port-img {
	    padding: 0 0.5rem;
	}
}

/* end */

/* ** Terminal: BestService ** */
.terminal-bestService .bestService {
	font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 4rem;
}

.terminal-bestService .bestService::after {
    display: block;
    content: '';
    clear: both;
}

.terminal-bestService .bestService .best-wrap {
    width: 100%;
	margin-bottom: 6rem;
}

.terminal-bestService .bestService .best-wrap .best-box {
    float: left;
    width: 33.625rem;
    min-height: 26.5rem;
    margin-bottom: 5rem;
}

.terminal-bestService .bestService .best-wrap .best-box:nth-child(2n) {
    float: right;
}

.terminal-bestService .bestService .best-wrap .best-box .best-img {
    margin-bottom: 1rem;
}

.terminal-bestService .bestService .best-wrap .best-box .best-cont {
    
}

.terminal-bestService .bestService .best-wrap .best-box .best-cont .title {
    font-size: 1.25rem;
    color: #3471C4;
    letter-spacing: -0.1rem;
    margin-bottom: 0.7rem;
}

.terminal-bestService .bestService .best-wrap .best-box .best-cont ul li {
    list-style: none;
    font-size: 0.8125rem;
    line-height: 160%;
    letter-spacing: -0.03rem;
}

@media only screen and (max-width: 576px) {
	.terminal-bestService .bestService .best-wrap .best-box {
	    float: none;
	    width: 100%;
	    min-height: 100%;
	    margin-bottom: 3rem;
	}
	
	.terminal-bestService .bestService .best-wrap .best-box .best-img img {
	    width: 100%;
	}
}

/* end */

/* ** Promote: PrVideo ** */
.promote-prVideo .prVideo {
	font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 4rem;
}

.promote-prVideo .prVideo::after {
    display: block;
    content: '';
    clear: both;
}

.promote-prVideo .prVideo .video-wrap {
	width: 100%;
}

.promote-prVideo .prVideo video {
	width: 100%;
}

/* ** Promote: Gallery ** */
.promote-gallery .gallery {
	font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 4rem;
}

.promote-gallery .gallery::after {
    display: block;
    content: '';
    clear: both;
}

.promote-gallery .board-top {
	width: 100%;
	display: flex;
}

.promote-gallery .board-top .total {
	width: 15%;
	padding: 1rem 0;
	padding-left: 1.3rem;
	background: url('../../images/ic_page_total.jpg') 0 37% no-repeat;
	font-size: 0.75rem;
}

.promote-gallery .board-top .total span {
	color: red;
}

.promote-gallery .search-wrap {
	width: 85%;
	text-align: right;
}

.promote-gallery .gallery .search-wrap {
	width: 100%;
	text-align: right;
	padding-right: 1rem;
}

.promote-gallery .gallery .search-wrap .sel-search {
	width: 5rem;
	height: 2.5rem;
	border: 1px solid #d2d2d2;
	-webkit-appearance: none;  /* 네이티브 외형 감추기 */
    -moz-appearance: none;
	appearance: none;
	background: url('../../images/ic_s_arrow.png') 90% center no-repeat;
	background-color: #ffffff;
	padding-left: 0.5rem;
	margin-right: 0.5rem;
	background-color: #F9F9F9;
}

.promote-gallery .gallery .search-wrap .search-box {
	width: 17.75rem;
	height: 2.5rem;
	border: 1px solid #d2d2d2;
	background-color: #ffffff;
	color: #555555;
	text-align: left;
	/* padding: 0.8rem; */
	font-weight: bold;
	display: flex;
	float: right;
	margin-bottom: 1rem;
	margint-left: 0.5rem;
}

.promote-gallery .gallery .search-wrap .search-box .input-search {
	width: 15.75rem;
	border: none;
	padding: 0.1rem 0.5rem;
}

.promote-gallery .gallery .search-wrap .search-box .input-search:focus {
	outline: none; /* input 클릭시 테두리 없애기 */
}

.promote-gallery .gallery .search-wrap .search-box .btn-search {
	position: relative;
	width: 2.5rem;
	height: 2.4rem;
	border: none;
	background: url('../../images/ic_search.png') center no-repeat;
	cursor: pointer;
	border-left: 1px solid #d2d2d2;
	background-color: #F9F9F9;
}

.promote-gallery .gallery .search-wrap .search-box .btn-search:focus {
	outline: none;
}

.promote-gallery .gallery .box-list {
	width: 100%;
	clear: both;
}

.promote-gallery .gallery .box-list .box {
	width: 17.5rem;
	height: 12.625rem;
	display: inline-block;
	margin-right: 1rem;
	margin-bottom: 2rem;
}

.promote-gallery .gallery .box-list .box .photo {
	width: 100%;
	height: 9.625rem;
	border: 1px solid #d2d2d2;
}

.promote-gallery .gallery .box-list .box .txt-wrap {
	height: calc(100% - 9.625rem);
	color: #222222;
	padding: 1rem 0;
}

.promote-gallery .gallery .box-list .box .txt-wrap .title {
	font-size: 0.875rem;
	letter-spacing: -0.05rem;
}

.promote-gallery .gallery .box-list .box .txt-wrap .date {
	font-size: 0.75rem;
	float: right;
}

@media only screen and (max-width: 576px) {
	
	.promote-gallery .board-top {
	    width: 100%;
	    display: block;
	}	
	
	.promote-gallery .board-top .total {
	    width: 100%;
	    background: url(../../images/ic_page_total.jpg) 0 47% no-repeat;
	}
	
	.promote-gallery .gallery .search-wrap {
	    width: 100%;
	}
	
	.promote-gallery .gallery .search-wrap .sel-search {
	    width: 100%;
	    background: url(../../images/ic_s_arrow.png) 96% center no-repeat;	    
	    background-color: #F9F9F9;
	    margin-bottom: 5px;
	}
	
	.promote-gallery .gallery .search-wrap .search-box {
	    width: 100%;
	}
	
	.promote-gallery .gallery .search-wrap .search-box .input-search {
	    width: calc(100% - 2.5rem);
	}
	
	.promote-gallery .gallery .box-list .box {
	    width: 45%;
	    height: 100%;
	}
	
	.promote-gallery .gallery .box-list .box .photo {
	    width: 100%;
	    height: 100%;
	}
	
	.promote-gallery .gallery .box-list .box .photo img {
	    width: 100%;
	}
	
	.promote-gallery .gallery .box-list .box .txt-wrap {
	    width: 100%;
	    height: 100%;
	}
	
	.promote-gallery .gallery .box-list .box .txt-wrap .title {
	    display: block;
	    margin-bottom: 5px;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap; 
	}
	
	.promote-gallery .gallery .box-list .box .txt-wrap .date {
	    float: none;
	    display: block;
	}
}

/* ** Promote: Brochure ** */
.promote-brochure .brochure {
	font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 4rem;
}

.promote-brochure .brochure::after {
    display: block;
    content: '';
    clear: both;
}

.promote-brochure .brochure .bro-box {
	width: 100%;
	height: 100%;
	padding: 0 2.5rem;
}

.promote-brochure .brochure .bro-box .left {
	width: 25.5rem;
	height: 33.5rem;
	float: left;
}

.promote-brochure .brochure .bro-box .left .bro-img {
	width: 100%;
	height: 33.5rem;
	background: url('../../images/promote/img_brochure01.jpg') center bottom no-repeat;
	border: 1px solid #d2d2d2;
}

.promote-brochure .brochure .bro-box .right {
	position: relative;
	width: calc(100% - 25.5rem);
	float: left;
}

.promote-brochure .brochure .bro-box .right .bro-info {
	position: absolute;
	top: 12.5rem;
	width: 100%;
	height: 16.875rem;
	background: url('../../images/promote/bg_brochure.jpg') left center no-repeat;
	padding: 3.7rem;
}

.promote-brochure .brochure .bro-box .right .bro-info .top-txt {
	margin-bottom: 1rem;
}

.promote-brochure .brochure .bro-box .right .bro-info .top-txt span {
	color: #3472C5;
}

.promote-brochure .brochure .bro-box .right .bro-info .content {
	font-size: 1.125rem;
	letter-spacing: -0.05rem;
	line-height: 140%;
	margin-bottom: 1.5rem;
}

.promote-brochure .brochure .bro-box .right .bro-info .btn-download {
	/* width: 9.875rem; */
	height: 2.8125rem;
	border: 1px solid #d2d2d2;
	background: url('../../images/promote/ic_download.jpg') 95% center no-repeat;
	background-color: #ffffff;
	padding: 1rem 2.5rem;
	padding-left: 0.7rem;
	cursor: pointer;
	display: inline-block;
	font-size: 0.75rem;
}

.promote-brochure .brochure .bro-box .right .bro-info .btn-download a {
    display: block;
    width: 100%;
    height: 100%;
    color: #666666;
}

@media only screen and (max-width: 576px) {
	
	.promote-brochure .brochure .bro-box .left {
	    width: 100%;
	    height: 25.5rem;
	    float: none;
	    margin-bottom: 1rem;
	}
	
	.promote-brochure .brochure .bro-box .left .bro-img {
	    width: 100%;
	    height: 100%;
	    background: url(../../images/promote/img_brochure01.jpg) center bottom no-repeat;
	    background-color: #FFFDFE;
	    background-size: 95%;
	}
	
	.promote-brochure .brochure .bro-box .right {
	    /* position: relative; */
	    width: 100%;
	    float: none;
	}
	
	.promote-brochure .brochure .bro-box .right .bro-info {
	    position: relative;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    background: url(../../images/promote/bg_brochure.jpg) 82% 100% no-repeat;
	    padding: 1.5rem 1rem;
	}
	
	.promote-brochure .brochure .bro-box .right .bro-info .content {
	    font-size: 1rem;
	}
	
	.promote-brochure .brochure .bro-box .right .bro-info .btn-download {
	    width: 100%;
	}
		
}

/* ** Recruit: HrSystem ** */
.recruit-hrSystem .hrSystem {
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 4rem;
    /* padding-top: 2.5rem; */
}

.recruit-hrSystem .hrSystem::after {
    display: block;
    content: '';
    clear: both;
}

.recruit-hrSystem .hrSystem .sect01 {
	min-height: 37.5rem;
	margin-bottom: 3rem;
}

.recruit-hrSystem .hrSystem .sect01 .goal-wrap {
	display: flex;
	padding: 1.5rem 5rem;
}

.recruit-hrSystem .hrSystem .sect01 .goal-wrap > div.subject {
	position: relative;
	display: table;
	width: 11.625rem;
	height: 11.625rem;
	border: 3px dotted #3673C6;
	border-radius: 50%;
	margin-right: 9rem;
}

.recruit-hrSystem .hrSystem .sect01 .goal-wrap > div.subject::before {
	content: '';
	display: none;
	position: absolute;
	top: 100%;
	left: 50%;
	height: 80px;
	border-left: 1px solid #d2d2d2;
}

.recruit-hrSystem .hrSystem .sect01 .goal-wrap > div.subject.two::before {
	content: '';
	display: none;
}

.recruit-hrSystem .hrSystem .sect01 .goal-wrap > div.subject::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	width: 100px;
	border-top: 1px solid #d2d2d2;
}

.recruit-hrSystem .hrSystem .sect01 .goal-wrap > div.subject.two {
	border-color: #009EE5;
}

.recruit-hrSystem .hrSystem .sect01 .goal-wrap > div.subject > div {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	font-size: 1rem;
	line-height: 130%;
}

.recruit-hrSystem .hrSystem .sect01 .goal-wrap > div.subject > div span {
	display: block;
	font-size: 2.5rem;
	color: #3673C6;
	padding-bottom: 1.8rem;
}

.recruit-hrSystem .hrSystem .sect01 .goal-wrap > div.subject.two > div span {
	color: #009EE5;
}

.recruit-hrSystem .hrSystem .sect01 .goal-wrap > div.content {
	width: calc(100% - 20rem);
	padding: 1rem 0 ;
}

.recruit-hrSystem .hrSystem .sect01 .goal-wrap > div.content dl {
	line-height: 160%;
	margin-bottom: 2rem;
}

.recruit-hrSystem .hrSystem .sect01 .goal-wrap > div.content dl dt {
	color: #3673C6;
	font-size: 1rem;
	margin-bottom: 5px;
}

.recruit-hrSystem .hrSystem .sect01 .goal-wrap:nth-of-type(2) > div.content dl dt {
	color: #009EE5;
}

.recruit-hrSystem .hrSystem .sect01 .goal-wrap > div.content dl dd {
	color: #666666;
}

.recruit-hrSystem .hrSystem .sect02 {
	min-height: 24.5rem;
	margin-bottom: 3rem;
}

.recruit-hrSystem .hrSystem .sect02 .strategy-wrap {
	min-height: 15.625rem;
	background: url(../../images/recruit/hrsystem/bg_sect02.jpg) no-repeat;
	color: #ffffff;
	text-align: center;
	padding: 3.75rem;
	margin-bottom: 1rem;
}

.recruit-hrSystem .hrSystem .sect02 .strategy-wrap > div:nth-of-type(1) {
	font-weight: normal;
	margin-bottom: 12px;
}

.recruit-hrSystem .hrSystem .sect02 .strategy-wrap > div:nth-of-type(2) {
	font-size: 1.25rem;
	letter-spacing: -0.1rem;
	margin-bottom: 40px;
}

.recruit-hrSystem .hrSystem .sect02 .strategy-wrap > div:nth-of-type(2)::after {
	content: '';
	display: block;
	position: relative;
	top: 20px;
	width: 3.375rem;
	margin: 0 auto;
	border-bottom: 1px solid #ffffff;
}

.recruit-hrSystem .hrSystem .sect02 ul.box-list {
	list-style: none;
	display: flex;
}

.recruit-hrSystem .hrSystem .sect02 ul.box-list li {
	/* display: inline-block; */
	display: table;
	width: 392px;
	height: 68px;
	border: 1px solid #d2d2d2;
	margin-right: 12px;
	margin-bottom: 8px;
	vertical-align: top;
	padding: 1rem;
}

.recruit-hrSystem .hrSystem .sect02 ul.box-list li:nth-of-type(1) {
	background: url(../../images/recruit/hrsystem/ic_t1.png) 20% center no-repeat;
	padding-left: 4rem;
}

.recruit-hrSystem .hrSystem .sect02 ul.box-list li:nth-of-type(2) {
	background: url(../../images/recruit/hrsystem/ic_t2.png) 25% center no-repeat;
	padding-left: 4rem;
}

.recruit-hrSystem .hrSystem .sect02 ul.box-list li:nth-of-type(3) {
	background: url(../../images/recruit/hrsystem/ic_t3.png) 20% center no-repeat;
	margin-right: 0;
	padding-left: 4rem;
}

.recruit-hrSystem .hrSystem .sect02 ul.box-list li span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	font-size: 1rem;
}


.recruit-hrSystem .hrSystem .sect02 .strategy-wrap > div:nth-of-type(3) {
	letter-spacing: -0.05rem;
	line-height: 160%;
}

.recruit-hrSystem .hrSystem .sect03 {
	min-height: 22.625rem;
	margin-bottom: 3rem;
	background-color: #F6F6F6;
	padding-top: 4rem;
}

.recruit-hrSystem .hrSystem .sect03 .container h3 {
	margin-bottom: 3rem;
}

.recruit-hrSystem .hrSystem .sect03 .container .inst-wrap {
	display: flex;
}

.recruit-hrSystem .hrSystem .sect03 .container .inst-wrap > div p {
	position: relative;
	padding: 0.5rem 2rem;
    font-size: 0.8125rem;
	color: #888888;
	letter-spacing: -0.02rem;
	line-height: 140%;
}

.recruit-hrSystem .hrSystem .sect03 .container .inst-wrap > div:nth-of-type(2) p {
	left: -38px;
}

.recruit-hrSystem .hrSystem .sect03 .container .inst-wrap > div:nth-of-type(3) p {
	left: -76px;
}

.recruit-hrSystem .hrSystem .sect03 .container .inst-wrap > div:nth-of-type(4) p {
	left: -114px;
}

.recruit-hrSystem .hrSystem .sect03 .container .inst-wrap > div:nth-of-type(5) p {
	left: -152px;
}

.recruit-hrSystem .hrSystem .sect03 .inst {
	position: relative;
	display: table;
	width: 272px;
	height: 70px;
	background-color: #B7B5B6;
	border-radius: 35px;
	color: #ffffff;
	margin-bottom: 10px;
}

.recruit-hrSystem .hrSystem .sect03 .inst span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	font-size: 1.125rem;
	letter-spacing: -0.05rem;
}

.recruit-hrSystem .hrSystem .sect03 .inst.blue1 {
	left: -38px;
	background-color: #63BAE7;
}

.recruit-hrSystem .hrSystem .sect03 .inst.blue2 {
	left: -76px;
	background-color: #35A7E3;
}

.recruit-hrSystem .hrSystem .sect03 .inst.blue3 {
	left: -114px;
	background-color: #0494DD;
}

.recruit-hrSystem .hrSystem .sect03 .inst.blue4 {
	left: -152px;
	background-color: #3472C5;
}

.recruit-hrSystem .hrSystem .sect04 {
	min-height: 24.5rem;
	margin-bottom: 3rem;
}

.recruit-hrSystem .hrSystem .sect04 ul.box-list {
	list-style: none;
}

.recruit-hrSystem .hrSystem .sect04 ul.box-list li {
	display: inline-block;
	width: 294px;
	height: 172px;
	border: 1px solid #d2d2d2;
	margin-right: 2px;
	margin-bottom: 8px;
	vertical-align: top;
	padding: 1rem;
}

.recruit-hrSystem .hrSystem .sect04 ul.box-list li .subject-en {
	height: 50%;
	font-size: 1.125rem;
	padding-top: 12px;
	/* line-height: 130%; */
}

.recruit-hrSystem .hrSystem .sect04 ul.box-list li .subject-en span {
	font-size: 0.75rem;
}

.recruit-hrSystem .hrSystem .sect04 ul.box-list li .subject-en.one {
	background: url(../../images/recruit/hrsystem/ic_1.png) center right no-repeat;
}

.recruit-hrSystem .hrSystem .sect04 ul.box-list li .subject-en.two {
	background: url(../../images/recruit/hrsystem/ic_2.png) center right no-repeat;
}

.recruit-hrSystem .hrSystem .sect04 ul.box-list li .subject-en.three {
	background: url(../../images/recruit/hrsystem/ic_3.png) center right no-repeat;
}

.recruit-hrSystem .hrSystem .sect04 ul.box-list li .subject-en.four {
	background: url(../../images/recruit/hrsystem/ic_4.png) center right no-repeat;
}

.recruit-hrSystem .hrSystem .sect04 ul.box-list li .subject-en.five {
	background: url(../../images/recruit/hrsystem/ic_5.png) center right no-repeat;
}

.recruit-hrSystem .hrSystem .sect04 ul.box-list li .subject-en.six {
	background: url(../../images/recruit/hrsystem/ic_6.png) center right no-repeat;
}

.recruit-hrSystem .hrSystem .sect04 ul.box-list li .subject-en.seven {
	background: url(../../images/recruit/hrsystem/ic_7.png) center right no-repeat;
}

.recruit-hrSystem .hrSystem .sect04 ul.box-list li .subject-ko {
	height: 50%;
	font-size: 1rem;
	padding-top: 10px;
    line-height: 130%;
}

@media only screen and (max-width: 576px) {

    .recruit-hrSystem .hrSystem .sect01 .goal-wrap {
	    display: block;
	    padding: 1.5rem 0;
	}
	
	.recruit-hrSystem .hrSystem .sect01 .goal-wrap > div.subject {
	    margin: 6rem;
	    margin-top: 0;
	}
	
	.recruit-hrSystem .hrSystem .sect01 .goal-wrap > div.subject::before {
		content: '';
		display: block;
	}
	
	.recruit-hrSystem .hrSystem .sect01 .goal-wrap > div.subject.two::before {
		content: '';
		display: block;
	}
	
	.recruit-hrSystem .hrSystem .sect01 .goal-wrap > div.subject::after {
		content: '';
		display: none;
	}
	
	.recruit-hrSystem .hrSystem .sect01 .goal-wrap > div.content {
	    width: 100%;
	    min-width: 18rem;
	    padding: 0 1rem;
	    text-align: center;
	}
	
	.recruit-hrSystem .hrSystem .sect01 .goal-wrap > div.content dl dd {
	    word-break: keep-all;
	}
	
	.recruit-hrSystem .hrSystem .sect02 .strategy-wrap {
	    padding: 2rem 1rem;
	    word-break: keep-all;
	    background: url(../../images/recruit/hrsystem/bg_sect02.jpg) no-repeat;
    	background-size: cover;
	}
	
	.recruit-hrSystem .hrSystem .sect02 ul.box-list {
	    display: block;
	}
	
	.recruit-hrSystem .hrSystem .sect02 ul.box-list li {
	    width: 100%;
	}
	
	.recruit-hrSystem .hrSystem .sect03 {
	    padding-bottom: 2rem;
	}
	
	.recruit-hrSystem .hrSystem .sect03 .container .inst-wrap {
	    display: block;
	}
	
	.recruit-hrSystem .hrSystem .sect03 .inst {
	    position: static;
	    margin: 0 auto;
	}
	
	.recruit-hrSystem .hrSystem .sect03 .container .inst-wrap > div {
	    margin-bottom: 1rem;
	}
	
	.recruit-hrSystem .hrSystem .sect03 .container .inst-wrap > div p {
	    position: static;
	    text-align: center;
	    word-break: keep-all;
	    padding: 0.5rem 1rem;
	}
	
	.recruit-hrSystem .hrSystem .sect04 ul.box-list li {
	    width: 100%;
	}
	
}

/* ** Recruit: Welfare ** */
.recruit-welfare .welfare {
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 4rem;
    /* padding-top: 2.5rem; */
}

.recruit-welfare .welfare::after {
    display: block;
    content: '';
    clear: both;
}

.recruit-welfare .welfare .welfare-list {
    width: 100%;
}

.recruit-welfare .welfare .welfare-list > ul {
    list-style: none;
}

.recruit-welfare .welfare .welfare-list > ul > li {
    display: inline-block;
    width: 49%;    
    height: 8.75rem;
    margin-bottom: 2.5rem;
}

.recruit-welfare .welfare .welfare-list > ul > li > div {
    display: inline-block;
}

.recruit-welfare .welfare .welfare-list > ul > li > div.left {
    width: 8.75rem;
    height: 100%;
    background-color: #F3F8FB;
    border-radius: 15px;
}

.recruit-welfare .welfare .welfare-list > ul > li > div.left.insurance {
    background: url(../../images/recruit/welfare/ic_1.png) center 25% no-repeat;
    background-color: #F3F8FB;
}

.recruit-welfare .welfare .welfare-list > ul > li > div.left.congra {
    background: url(../../images/recruit/welfare/ic_2.png) center 25% no-repeat;
    background-color: #F3F8FB;
}

.recruit-welfare .welfare .welfare-list > ul > li > div.left.vacation {
    background: url(../../images/recruit/welfare/ic_3.png) center 25% no-repeat;
    background-color: #F3F8FB;
}

.recruit-welfare .welfare .welfare-list > ul > li > div.left.reward {
    background: url(../../images/recruit/welfare/ic_4.png) center 25% no-repeat;
    background-color: #F3F8FB;
}

.recruit-welfare .welfare .welfare-list > ul > li > div.left.funds {
    background: url(../../images/recruit/welfare/ic_5.png) center 25% no-repeat;
    background-color: #F3F8FB;
}

.recruit-welfare .welfare .welfare-list > ul > li > div.left.selective {
    background: url(../../images/recruit/welfare/ic_6.png) center 25% no-repeat;
    background-color: #F3F8FB;
}

.recruit-welfare .welfare .welfare-list > ul > li > div.left.fee {
    background: url(../../images/recruit/welfare/ic_7.png) center 25% no-repeat;
    background-color: #F3F8FB;
}

.recruit-welfare .welfare .welfare-list > ul > li > div.left.health {
    background: url(../../images/recruit/welfare/ic_1.png) center 25% no-repeat;
    background-color: #F3F8FB;
}

.recruit-welfare .welfare .welfare-list > ul > li > div.left.recreation {
    background: url(../../images/recruit/welfare/ic_8.png) center 25% no-repeat;
    background-color: #F3F8FB;
}

.recruit-welfare .welfare .welfare-list > ul > li > div.left.club {
    background: url(../../images/recruit/welfare/ic_9.png) center 25% no-repeat;
    background-color: #F3F8FB;
}

.recruit-welfare .welfare .welfare-list > ul > li > div.left > div {
    display: table;
    width: 100%;
    height: 100%;
}

.recruit-welfare .welfare .welfare-list > ul > li > div.left > div  span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 1rem;
    font-weight: bold;
    padding-top: 4.5rem;
    color: #222222;
}

.recruit-welfare .welfare .welfare-list > ul > li > div.right {
    width: calc(100% - 9.5rem);
    height: 100%;
    padding: 0 2rem;
    color: #666666;
}

.recruit-welfare .welfare .welfare-list > ul > li > div.right > div {
    display: table;
    width: 100%;
    height: 100%;
}

.recruit-welfare .welfare .welfare-list > ul > li > div.right > div ul {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}

.recruit-welfare .welfare .welfare-list > ul > li > div.right > div ul li {
    list-style: disc;
    line-height: 140%;
}

@media only screen and (max-width: 576px) {

    .recruit-welfare .welfare .welfare-list > ul > li {
	    width: 100%;
	}
	
	.recruit-welfare .welfare .welfare-list > ul > li > div.left {
	    vertical-align: top;
	}
	
	.recruit-welfare .welfare .welfare-list > ul > li > div.right {
	    height: auto;
	    margin-bottom: 2.5rem;
	}
	
}

/* ** Board: Notice, Voice ** */
.board-com {
	font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 4rem;
}

.board-com::after {
    display: block;
    content: '';
    clear: both;
}

.board-com .board-top {
	width: 100%;
	display: flex;
}

.board-com .board-top .total {
	width: 15%;
	padding: 1rem 0;
	padding-left: 1.3rem;
	background: url('../../images/ic_page_total.jpg') 0 37% no-repeat;
	font-size: 0.75rem;
}

.board-com .board-top .total span {
	color: red;
}

.board-com .search-wrap {
	width: 85%;
	text-align: right;
}

.board-com .search-wrap select::-ms-expand {
	display: none;
}

.board-com .search-wrap .sel-search {
	width: 5rem;
	height: 2.5rem;
	border: 1px solid #d2d2d2;
	-webkit-appearance: none;  /* 네이티브 외형 감추기 */
    -moz-appearance: none;
	appearance: none;
	background: url('../../images/ic_s_arrow.png') 90% center no-repeat;
	background-color: #ffffff;
	padding-left: 0.5rem;
	margin-right: 0.5rem;
	background-color: #F9F9F9;
}

.board-com .search-wrap .search-box {
	width: 17.75rem;
	height: 2.5rem;
	border: 1px solid #d2d2d2;
	background-color: #ffffff;
	color: #555555;
	text-align: left;
	/* padding: 0.8rem; */
	font-weight: bold;
	display: flex;
	float: right;
	margin-bottom: 1rem;
	margint-left: 0.5rem;
}

.board-com .search-wrap .search-box .input-search {
	width: 15.75rem;
	border: none;
	padding: 0.1rem 0.5rem;
}

.board-com .search-wrap .search-box .input-search:focus {
	outline: none; /* input 클릭시 테두리 없애기 */
}

.board-com .search-wrap .search-box .btn-search {
	position: relative;
	width: 2.5rem;
	height: 2.4rem;
	border: none;
	background: url('../../images/ic_search.png') center no-repeat;
	cursor: pointer;
	border-left: 1px solid #d2d2d2;
	background-color: #F9F9F9;
}

.board-com .search-wrap .search-box .btn-search:focus {
	outline: none;
}

.board-com .table-wrap {
	clear: both;
	margin: 0 0 3rem 0;
	padding: 0;
}

.board-com .table-wrap .board-table {
	width: 100%;
	text-align: center;
	font-size: 0.875rem;
	font-weight: bold;
	color: #555555;
}

.board-com .table-wrap .board-table tr th {
	padding: 0.8rem;
	background-color: #f7f8f8;
	border: 1px solid #e5e5e5;
	border-top: 2px solid #3478BF;
	border-bottom: 2px solid #BABABA;
	vertical-align: middle;
}

.board-com .table-wrap .board-table tr td {
	padding: 0.8rem;
	background-color: #ffffff;
	border: 1px solid #e5e5e5;
	vertical-align: middle;
}

.board-com .table-wrap .board-table tr td.title {
	text-align: left;
}

.board-com .table-wrap .board-table tr td.title img {
	vertical-align: sub;
}

.board-com .table-wrap.mobile {
	display: none;
}

.board-com .table-wrap.mobile .board-wrap {
	width: 100%;
	height: 4.5rem;
	border-bottom: 1px solid #d2d2d2;
	padding: 0 1rem;
}

.board-com .table-wrap.mobile .board-wrap:first-child {
	border-top: 2px solid #3472C5;
}

.board-com .table-wrap.mobile .board-wrap .title-wrap {
	height: 2.25rem;		
	padding: 1rem 0 0 0;
	margin-bottom: 0.25rem;
}

.board-com .table-wrap.mobile .board-wrap .title-wrap .num {
	display: inline-block;
	width: 2.65rem;
	padding-left: 5px;
}

.board-com .table-wrap.mobile .board-wrap .title-wrap .title {
	display: inline-block;
}

.board-com .table-wrap.mobile .board-wrap .regDate {
	height: 2.25rem;
	font-size: 0.75rem;
	color: #888888;
}

.board-com .voice-note {
	width: 100%;
	height: auto;
	background-color: #F9F9F9;
    margin-bottom: 2rem;
    padding: 1.5rem 2rem;
    border: 1px solid #d2d2d2;
}

.board-com .voice-note h3 {
	font-size: 1rem;
	margin-bottom: 1rem;
}

.board-com h2.privacy-title {
	font-size: 1rem;
	margin-bottom: 1rem;
}

.board-com .voice-note p {
	line-height: 160%;
	letter-spacing: -0.02rem;
    word-break: keep-all;
}

.board-com .privacy {
	width: 100%;
	height: 10.625rem;
	background-color: #f7f8f8;
	border: 1px solid #d2d2d2;
    margin-bottom: 0.5rem;
    padding: 1.5rem 2rem;
}

.board-com .privacy .txt-area {
	width: 100%;
	height: 7.625rem;
	overflow-y: scroll;
}

.board-com .privacy .txt-area p {
	line-height: 150%;
	letter-spacing: -0.05rem;
	word-break: keep-all;
}


.board-com .privacy .txt-area .mb {
	margin-bottom: 1rem;
}


.board-com .txt-agree {
	margin-bottom: 4rem;
}

.board-com .table-wrap .board-table2 {
	width: 100%;
	text-align: left;
	white-space: nowrap;
}

.board-com .table-wrap .board-table2 tr td {
	height: auto;
	padding: 0.5rem 1rem;
	border-bottom: 1px solid #d2d2d2;
	vertical-align: middle;
}

.board-com .table-wrap .board-table2 tr:nth-child(1) td {
	border-top: 2px solid #3478BF;
}

.board-com .table-wrap .board-table2 tr td:nth-child(1) {
	padding-left: 2rem;
}

.board-com .table-wrap .board-table2 tr td select {
	width: 9.25rem;
	height: 1.875rem;
	padding-left: 3px;
	border: 1px solid #d2d2d2;
	background: url('../../images/ic_sel_arrow.jpg') 95% center no-repeat;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.board-com .table-wrap .board-table2 tr td input[type=text] {
	width: 12.3125rem;
	height: 1.875rem;
	padding-left: 8px;
	border: 1px solid #d2d2d2;
}

.board-com .table-wrap .board-table2 tr td button {
	width: 4.5rem;
	height: 1.875rem;
	background-color: #ffffff;
	border: 1px solid #004f95;
	cursor: pointer;
}

.board-com .table-wrap .board-table2 tr td select.phone,
.board-com .table-wrap .board-table2 tr td input[type=text].phone {
	width: 4.0625rem;
	height: 1.875rem;
	padding-left: 3px;
}

.board-com .table-wrap .board-table2 tr td input[type=text].name {
	width: 17.5rem;
	height: 1.875rem;
}

.board-com .table-wrap .board-table2 tr td input[type=text].subject {
	width: 32.125rem;
	height: 1.875rem;
}

.board-com .table-wrap .board-table2 tr td.reply {
	height: 2.875rem;
}

.board-com .table-wrap .board-table2 tr td .email {
	width: 8.5rem;
	height: 1.875rem;
}

.board-com .table-wrap .board-table2 tr td .request {
	width: 100%;
	height: 11.5rem;
	padding: 3px;
	border: 1px solid #d2d2d2;
}

.board-com .btn-write {
	clear: both;
    width: 6.625rem;
    height: 2.625rem;
    background-color: #3472C5;
    float: right;
    padding: 0.8rem 0;
    margin-top: -2rem;
}

.board-com .btn-write a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #ffffff;
}

@media only screen and (max-width: 575px) {
	.board-com .board-top {
	    width: 100%;
	    display: block;
	}
	
	.board-com .board-top .total {
	    width: 100%;
	    /* text-align: right; */
	    padding: 0;
	    padding-left: 1.3rem;
	    margin-bottom: 1rem;
	}
	
	.board-com .search-wrap {
	    width: 100%;
	    text-align: right;
	}
	
	.board-com .search-wrap .sel-search {
	    /* width: 7.6rem; */
	    width: 100%;
	    margin-bottom: 5px;
	    background: url(../../images/ic_s_arrow.png) 96% center no-repeat;
        background-color: #F9F9F9;
	}
	
	.board-com .search-wrap .search-box {
	    width: 100%;
	}
	
	.board-com .search-wrap .search-box .input-search {
	    width: calc(100% - 2.5rem);
	}
	
	.board-com .table-wrap .board-table2 tr td input[type=text].name {
	    width: 60%;
	}
	
	.board-com .table-wrap .board-table2 tr td input[type=text].subject {
	    width: 60%;
	}
	
	.board-com .table-wrap .board-table2 tr td .request {
	    width: 100%;
	}
	
	.board-com .table-wrap .board-table2 tr td input[type=text] {
	    width: 30%;
	}
	
	.board-com .table-wrap .board-table2 tr td .email {
	    width: 30%;
	}
	
	.board-com .table-wrap.pc {
		display: none;
	}
	
	.board-com .table-wrap.mobile {
		display: block;
		width: 100%;
	}
}

/* ** Board: Privacy ** */
.board-privacy{
	font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 8rem;
}

.board-privacy::after {
    display: block;
    content: '';
    clear: both;
}

.board-privacy h2 {
    font-size: 1.5625rem;
    text-align: center;
    color: #004f95;
    letter-spacing: -0.05rem;
    margin-bottom: 2rem;
}

.board-privacy .privacy-note {
	width: 100%;
	height: auto;
	background-color: #f0f4fa;
    margin-bottom: 2rem;
    padding: 1.5rem 2rem;
}

.board-privacy .privacy-note p {
	line-height: 160%;
	letter-spacing: -0.08rem;
}

.board-privacy .mb {
	margin-bottom: 1rem;
}

.board-privacy .mb2 {
	margin-bottom: 1.5rem;
}

.board-privacy .txt-area {
	width: 100%;
}

.board-privacy .txt-area h3 {
	font-size: 1rem;
	margin-bottom: 0.5rem;
	color: #004f95;
}

.board-privacy .txt-area p {
	line-height: 150%;
	letter-spacing: -0.05rem;
	word-break: keep-all;
}

.board-privacy .txt-area p em {
	padding-left: 1rem;
}

.board-privacy .txt-area p em.pl2 {
	padding-left: 2.05rem;
}

.board-privacy .privacy-table {
	width: 100%;
	text-align: center;
	font-size: 0.875rem;
	font-weight: bold;
	color: #555555;
}

.board-privacy .privacy-table tr th {
	padding: 0.8rem;
	background-color: #f7f8f8;
	border: 1px solid #e5e5e5;
	border-top: 2px solid #053661;
	vertical-align: middle;
}

.board-privacy .privacy-table tr td {
	padding: 0.8rem;
	background-color: #ffffff;
	border: 1px solid #e5e5e5;
	vertical-align: middle;
}

/* ** Board: Relation ** */
.board-relation .relation {
	font-size: 0.875rem;
    font-weight: bold;
    color: #333333;
    margin-bottom: 4rem;
}

.board-relation .relation::after {
    display: block;
    content: '';
    clear: both;
}

.board-relation .relation h3 {
	color: #003366;
	font-size: 1rem;
	margin-bottom: 1rem;
	background: url(../../images/ic_blit.jpg) 0 center no-repeat;
	padding-left: 2rem;
}

.board-relation .relation .box-list.mb {
	margin-bottom: 6rem;
}

.board-relation .relation .box-list {
	width: 100%;
	margin-bottom: 1rem;
}

.board-relation .relation .box-list .box {
	width: 18%;
	height: 10.625rem;
    margin: 0 0 30px 2%;
	border: 1px solid #eee;
	display: inline-block;		
}

.board-relation .relation .box-list .box:nth-of-type(5n-4) {
	margin-left: 0;
}

.board-relation .relation .box-list .box .logo {
	display: table;
	width: 100%;
	height: 7.1875rem;
}

.board-relation .relation .box-list .box .logo div {
	display: table-cell;
	text-align: center;
	vertical-align: middle;	
}

.board-relation .relation .box-list .box .info {
	height: calc(100% - 7.1875rem);
	padding: 0.4rem 0.7rem;
	border-top: 1px solid #eee;
    background-color: #F9F9F9;
}

.board-relation .relation .box-list .box .info .txt {
	float: left;
	padding-top: 0.6rem;
}

.board-relation .relation .box-list .box .info .txt.pt0 {
	padding-top: 0;
}

.board-relation .relation .box-list .box .info .txt p {
	line-height: 130%;
	letter-spacing: -0.02rem;
}

.board-relation .relation .box-list .box .info .txt p a {
	text-decoration: none;
	color: #888888;
}

.board-relation .relation .box-list .box .info .home-icon {
	width: 2.5rem;
	height: 2.5rem;
	background: url(../../images/ic_relation_home.jpg) center no-repeat;
	background-color: #3371C4;
	border: 1px solid #d2d2d2;
	float: right;
	cursor: pointer;
}

@media only screen and (max-width: 992px) {
	.board-relation .relation .box-list .box {
	    width: 19.7rem;
	}
}

@media only screen and (max-width: 576px) {
	
	.board-relation .relation .box-list .box {
	    width: 48%;
	    margin: 0 5px 10px 0;
	}
	
	.board-relation .relation .box-list .box .info .txt {
	    width: calc(100% - 2.5rem);
        font-size: 0.8125rem;
	}
	
	.board-relation .relation .box-list .box .logo div img {
	    height: 25%;
	}
}

/* ** Board: Welfare ** */
.board-welfare .welfare {
	font-size: 0.875rem;
    font-weight: bold;
    color: #333333;
    margin-bottom: 4rem;
}

.board-welfare .welfare::after {
    display: block;
    content: '';
    clear: both;
}

.board-welfare .welfare .welfare-wrap {
    height: 50.25rem;
    background: url(../../images/news/img_bene_bg.jpg) center top no-repeat;
    background-color: #f0f4fa;
    color: #ffffff;
}

.board-welfare .welfare .welfare-wrap .title-wrap {
	height: 15.625rem;
	padding-top: 6rem;
    text-align: center;
}

.board-welfare .welfare .welfare-wrap .title-wrap .txt1 {
	font-size: 1.6875rem;
	margin-bottom: 1rem;
}

.board-welfare .welfare .welfare-wrap .title-wrap .txt2 {
	font-size: 1.25rem;
}

.board-welfare .welfare .welfare-wrap .content-wrap {
	height: calc(100% - 15.625rem);
	padding: 2rem;
	color: #444444;
	font-size: 1rem;
}

.board-welfare .welfare .welfare-wrap .content-wrap .content {
	width: 100%;
    min-height: 10.625rem;
    height: auto;
	border-bottom: 1px dotted #7d7d7d;
	padding: 2rem;
	display: flex;
}

.board-welfare .welfare .welfare-wrap .content-wrap .content.last {
	border: none;	
}

.board-welfare .welfare .welfare-wrap .content-wrap .content .wel-icon {
	width: 15%;
}

.board-welfare .welfare .welfare-wrap .content-wrap .content .wel-icon.icon1 {
	background: url(../../images/news/ic_bene_1.png) center no-repeat;
}

.board-welfare .welfare .welfare-wrap .content-wrap .content .wel-icon.icon2 {
	background: url(../../images/news/ic_bene_2.png) center no-repeat;
}

.board-welfare .welfare .welfare-wrap .content-wrap .content .wel-icon.icon3 {
	background: url(../../images/news/ic_bene_3.png) center no-repeat;
}

.board-welfare .welfare .welfare-wrap .content-wrap .content .wel-icon.icon4 {
	background: url(../../images/news/ic_bene_4.png) center no-repeat;
}

.board-welfare .welfare .welfare-wrap .content-wrap .content .wel-icon.icon5 {
	background: url(../../images/news/ic_bene_5.png) center no-repeat;
}

.board-welfare .welfare .welfare-wrap .content-wrap .content .wel-icon.icon6 {
	background: url(../../images/news/ic_bene_6.png) center no-repeat;
}

.board-welfare .welfare .welfare-wrap .content-wrap .content .wel-txt {
	width: 35%;
    /* padding-top: 2rem; */
}

.board-welfare .welfare .welfare-wrap .content-wrap .content .wel-txt .major {
	font-size: 1.25rem;
	color: #053661;
	margin-bottom: 0.3rem;
	padding-top: 1.5rem;
}

.board-welfare .welfare .welfare-wrap .content-wrap .content .wel-txt .major span.kor {
	line-height: 130%;
}

.board-welfare .welfare .welfare-wrap .content-wrap .content .wel-txt .major span.eng {
	font-size: 1.125rem;
}

.board-welfare .welfare .welfare-wrap .content-wrap .content .wel-txt .detail {
	letter-spacing: -0.03rem;
}

.board-welfare .welfare .welfare-wrap .content-wrap .pc {
	display: block;
}

.board-welfare .welfare .welfare-wrap .content-wrap .mobile {
	display: none;
}

@media only screen and (max-width: 992px) {
	.board-welfare .welfare .welfare-wrap {
	    height: auto;
	}
	
	.board-welfare .welfare .welfare-wrap .content-wrap .pc {
		display: none;
	}
	
	.board-welfare .welfare .welfare-wrap .content-wrap .mobile {
		display: block;
	}
	
	.board-welfare .welfare .welfare-wrap .content-wrap .content .wel-icon {
	    width: 100%;
	}
	
	.board-welfare .welfare .welfare-wrap .content-wrap .content .wel-txt {
	    width: 100%;
	}
	
}

@media only screen and (max-width: 554px) {
	.board-welfare .welfare .welfare-wrap .content-wrap .content {
		padding: 1rem;
	}
	
	.board-welfare .welfare .welfare-wrap .content-wrap .content .wel-icon {
	    width: 39%;
	}
	
	.board-welfare .welfare .welfare-wrap .content-wrap .content .wel-txt {
		padding-top: 1.2rem;
	    padding-left: 2rem;
	    width: 63%;
	}
	
	.board-welfare .welfare .welfare-wrap .content-wrap .content .wel-txt .detail {
	    line-height: 140%;
	}
	
	.board-welfare .welfare .welfare-wrap .title-wrap .txt2 {
	    word-break: keep-all;
	    line-height: 140%;
	}
	
}

/* ** Board: Contact ** */
.board-contact .contact {
	font-size: 0.875rem;
    font-weight: bold;
    color: #333333;
    margin-bottom: 4rem;
}

.board-contact .contact::after {
    display: block;
    content: '';
    clear: both;
}

.board-contact .contact .main-contact {
    height: 80px;
    margin: 30px 0 50px 0;
    background-color: #239AD2;
}

.board-contact .contact .main-contact ul {
    width: 100%;
    height: 100%;
    padding: 20px;
    font-size: 0;
}

.board-contact .contact .main-contact li {
    display: inline-block;
    width: 33.3%;
    height: 100%;
    border-right: 1px dashed #81D1F6;
    text-align: center;
    vertical-align: middle;
    font-size: 0;
}

.board-contact .contact .main-contact li:last-child {
    border-right: none;
}

.board-contact .contact .main-contact li span {
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
    color: #fff
}

.board-contact .contact .main-contact li span:first-child {
    width: 43px;
    height: 100%;
    margin-right: 10px;
    background-color: #fff;
}

.board-contact .contact .main-contact li span.contact01 {
   background: url('../../images/contact/ic_contact01.jpg') center right no-repeat;
}

.board-contact .contact .main-contact li span.contact02 {
   background: url('../../images/contact/ic_contact02.jpg') center right no-repeat;
}

.board-contact .contact .main-contact li span.contact03 {
   background: url('../../images/contact/ic_contact03.jpg') center right no-repeat;
}

.board-contact .contact .main-contact li span:nth-of-type(3) {
    margin: 0 10px;
}

.board-contact .contact .main-contact li span:nth-of-type(4) {
    font-size: 18px;
    font-weight: bold;
}

.board-contact .contact .main-contact li span:nth-of-type(5) {
    font-size: 21px;
    font-weight: bold;
}

.board-contact .contact .contact-list {
    margin-bottom: 150px;
}

.board-contact .contact .contact-list ul {
    font-size: 0;
}

.board-contact .contact .contact-list li {
    display: inline-block;
    width: 18%;
    margin: 0 0 25px 2%;
    vertical-align: top;
}

.board-contact .contact .contact-list li:nth-of-type(5n-4) {
    margin-left: 0;
}

.board-contact .contact .contact-list li div:first-child{
    height: 50px;
    padding-top: 17px;
    background-color: #F9F9F9;
    border: 1px solid #eee;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
}

.board-contact .contact .contact-list li div:nth-of-type(2){
    height: 80px;
    padding-top: 25px;
    border: 1px solid #eee;
    border-top: none;
    text-align: center;
    vertical-align: middle;
    font-size: 0;
    font-weight: bold;
}

.board-contact .contact .contact-list li div:nth-of-type(2) span {
    display: inline-block;
    vertical-align: bottom;
    font-size: 14px;
}

.board-contact .contact .contact-list li div:nth-of-type(2) span:first-child {
    width: 16px;
    height: 15px;
    margin-right: 5px;
    background: url('../../images/contact/ic_contact04.jpg') center bottom no-repeat;
}

.board-contact .contact .contact-list li div:nth-of-type(2) span:last-child {
    font-size: 18px;
}

@media only screen and (max-width: 576px) {

    .board-contact .contact .main-contact {
	    height: 100%;
	}
	
	.board-contact .contact .main-contact li {
	    display: block;
	    width: 100%;
	    height: 100%;
	    border-right: none;
	    border-bottom: 1px solid #81D1F6;
	    padding-bottom: 1rem;
	    margin-bottom: 1rem;
	}
    
    .board-contact .contact .contact-list li {
        width: 100%;
        margin: 0 0 1rem 0;
    }
    
    .board-contact .contact .main-contact li:last-child {
	    border-bottom: none;
	    margin-bottom: 0;
	    padding-bottom: 0;
	}
    
    .board-contact .contact .main-contact li span:nth-of-type(3) {
	    display: block;
	    visibility: hidden;
	}

    .board-contact .contact .contact-list li:nth-of-type(5n-4) {
        margin-left: 0;
    }

    .board-contact .contact .contact-list li:nth-of-type(3n-2) {
        margin-left: 0;
    }
    
    .board-contact .contact .main-contact li span.contact01 {
	    width: 28px;
	    height: 28px;
	}
	
	.board-contact .contact .main-contact li span.contact02 {
	    width: 43px;
	    height: 42px;
	}
	
	.board-contact .contact .main-contact li span.contact03 {
	    width: 41px;
	    height: 44px;
	}

}

/* ** Board: Common ** */
.board-news .news,
.board-notice .notice,
.board-data .data {
    margin-bottom: 5rem;
}

.board-search {
    margin-bottom: 2.75rem;
}

.board-search select {
    display: inline-block;
    height: 2.5rem;
    border: 1px solid #a0a0a0;
    padding: 0.75rem 2rem 0.75rem 1rem;
    font-size: 0.75rem;
    color: #a0a0a0;
    background-color: #ffffff;
    vertical-align: middle;
}

.board-search select::-ms-expand {
    border: none;
    color: #a0a0a0;
    background-color: transparent;
}

@media all and (-ms-high-contrast: none) {
    .board-search select {
        width: 100%;
        max-width: 8.25rem;
        padding: 0 0.5% 0 1%;
    }
}

.board-search .input-with-button {
    display: inline-block;
    width: 15rem;
    height: 2.5rem;
    border: 1px solid #a0a0a0;
    padding: 0;
    position: relative;
    vertical-align: middle;
}

.board-search .input-with-button input[type='text'] {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0.75rem 2.75rem 0.75rem 1rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    font-size: 0.75rem;
    color: #a0a0a0;
    background-color: #ffffff;
}

.board-search .input-with-button button {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    margin: auto;
    border: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0.5625rem;
    bottom: 0;
    left: auto;
    z-index: 11;
    font-size: 0;
    background-color: #ffffff;
    background-image: url('../../images/news/ic_search.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.125rem 1.125rem;
    opacity: 0.7;
    cursor: pointer;
}

.board-search .input-with-button button:hover,
.board-search .input-with-button button:focus,
.board-search .input-with-button button:active {
    opacity: 1;
}

/* pagination */
/* .pagination {
	width: 100%;
    display: inline-block;
    padding: 0 22.2rem;
}

.pagination a {
    color: #555555;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
}

.pagination a.active {
    background-color: #004f95;
    color: #004f95;
    text-decoration: underline;
}

.pagination a:hover:not(.active) {
	background-color: #dddddd;
} */



.pagination {
	clear: both;
    font-size: 0;
}

.pagination .page-item {
    display: inline-table;
    width: 2rem;
    height: 2rem;
    /* margin: 0 0.25rem 1rem; */
    vertical-align: middle;
}

.pagination .page-item .page-link {
    display: table-cell;
    width: 100%;
    height: 100%;
    line-height: 100%;
    font-size: 0.875rem;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    color: #888888;
    background-color: #ffffff;
    /* -webkit-transition: color 0.2s, background-color 0.2s;
    -moz-transition: color 0.2s, background-color 0.2s;
    -ms-transition: color 0.2s, background-color 0.2s;
    -o-transition: color 0.2s, background-color 0.2s;
    transition: color 0.2s, background-color 0.2s; */
    border: 1px solid #e5e5e5;
}

.pagination .page-item .page-link:hover,
.pagination .page-item .page-link:focus,
.pagination .page-item .page-link:active,
.pagination .page-item.active .page-link {
    font-weight: bold;
    color: #ffffff;
    background-color: #1E64BA;
    /* background-color: #004f95; */
    text-decoration: underline;
    border-color: #1E64BA;
}

.pagination .page-item.first .page-link,
.pagination .page-item.prev .page-link,
.pagination .page-item.next .page-link,
.pagination .page-item.last .page-link {
    font-size: 1.25rem;
}

.pagination .page-item.disabled .page-link {
    font-weight: normal;
    color: #4e555b;
    /* background-color: #efefef; */
    text-decoration: none;
    cursor: default;
}

.pagination .page-item.first .page-link {
	font-size: 0;
	background: url('../../images/ic_page_first.jpg') center no-repeat;
}

.pagination .page-item.prev .page-link {
	font-size: 0;
	background: url('../../images/ic_page_prev.jpg') center no-repeat;
}

.pagination .page-item.next .page-link {
	font-size: 0;
	background: url('../../images/ic_page_next.jpg') center no-repeat;
}

.pagination .page-item.last .page-link {
	font-size: 0;
	background: url('../../images/ic_page_last.jpg') center no-repeat;
}

/* ** Board: Gallery ** */
.board-gallery {
    margin-bottom: 2.5rem;
}

.board-gallery:after {
    content: '';
    display: table;
    clear: both;
}

.board-gallery a {
    display: block;
    width: 30.8333%;
    height: 24rem;
    margin: 0 1.25% 2.25rem;
    border: 1px solid #d2d2d2;
    padding: 0;
    text-decoration: none;
    color: #222222;
    float: left;
}

.board-gallery a:hover,
.board-gallery a:focus,
.board-gallery a:active {
    color: #004f95;
}

.board-gallery a .gallery-image {
    width: 100%;
    height: 14.75rem;
    position: relative;
    background-color: #e5e5e5;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.board-gallery a .gallery-image img {
    width: 100%;
    height: 14.75rem;
}

.board-gallery a .gallery-image:after {
    content: 'More';
    display: inline-block;
    width: 80%;
    max-width: 4rem;
    margin: auto;
    padding: 1.125rem 2rem;
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: auto;
    font-weight: bold;
    font-size: 0.75rem;
    text-align: center;
    color: #004f95;
    background-color: #ffffff;
}

.board-gallery a .gallery-context {
    height: calc(100% - 14.75rem);
    /*border-top: 1px solid #d2d2d2;*/
    padding: 2.5rem 2% 1rem;
    text-align: center;
}

.board-gallery a .gallery-context .news-title {
    margin-bottom: 1.625rem;
    font-weight: bold;
    font-size: 1.25rem;
}

.board-gallery a .gallery-context .news-date {
    font-size: 0.75rem;
    color: #808080;
}

@media only screen and (max-width: 767px) {
    .board-gallery a {
        width: 47.5%;
    }
}

@media only screen and (max-width: 575px) {
    .board-gallery a {
        width: 97.5%;
    }
}

/* ** Board: Cards ** */
.board-card ul:after {
    content: '';
    display: table;
    clear: both;
}

.board-card ul li {
    display: block;
    width: 30.8333%;
    height: 12.5rem;
    margin: 0 1.25% 2rem;
    float: left;
}

.board-card ul li a {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    border: 1px solid #b2d2df;
    padding: 2rem 4%;
    text-decoration: none;
    color: #222222;
    background-color: #dff2fa;
    -webkit-transition: box-shadow 0.2s;
    -moz-transition: box-shadow 0.2s;
    -ms-transition: box-shadow 0.2s;
    -o-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
}

.board-card ul li.expired a {
    border-color: #d2d2d2;
    color: #a4a2a3;
    background-color: #f7f7f7;
}

.board-card ul li.activated a:hover,
.board-card ul li.activated a:focus,
.board-card ul li.activated a:active {
    -webkit-box-shadow: inset 0 0 20rem rgba(255, 255, 255, 0.6);
    -moz-box-shadow: inset 0 0 20rem rgba(255, 255, 255, 0.6);
    box-shadow: inset 0 0 20rem rgba(255, 255, 255, 0.6);
}

.board-card ul li a .recruit-target {
    margin-bottom: 1.625rem;
    font-weight: normal;
    font-size: 1rem;
}

.board-card ul li a .recruit-title {
    height: 4rem;
    margin-bottom: 1rem;
    line-height: 140%;
    font-weight: bold;
    font-size: 1rem;
}

.board-card ul li a .recruit-period {
    font-weight: normal;
    font-size: 0.875rem;
}

@media only screen and (max-width: 767px) {
    .board-card ul li {
        width: 47.5%;
    }
}

@media only screen and (max-width: 575px) {
    .board-card ul li {
        width: 97.5%;
    }
}

/* ** Board: List ** */
.board-list table {
    table-layout: fixed;
    width: 100%;
    margin-bottom: 4.75rem;
}

.board-list table thead tr th {
    height: 3.25rem;
    border-bottom: 1px solid #d2d2d2;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    color: #478eaa;
}

.board-list table thead tr:first-of-type th {
    border-top: 0.25rem solid #33a1d2;
}

.board-list table tbody tr {
    cursor: pointer;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    -ms-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

.board-list table tbody tr:hover,
.board-list table tbody tr:focus,
.board-list table tbody tr:active {
    background-color: #e2e3e5;
}

.board-list table tbody tr th,
.board-list table tbody tr td {
    height: 3.25rem;
    border-bottom: 1px solid #d2d2d2;
    vertical-align: middle;
    color: #545454;
}

.board-list table tbody tr:last-of-type th,
.board-list table tbody tr:last-of-type td {
    border-bottom-width: 0.25rem;
}

.board-list table tbody tr td a {
    text-decoration: none;
    color: #222222;
}

.board-list table tbody tr:hover td a,
.board-list table tbody tr:focus td a,
.board-list table tbody tr:active td a {
    color: #33a1d2;
}

.board-list table th:first-child,
.board-list table td:first-child {
    width: 6.25rem;
    text-align: center;
}

.board-list table th:nth-child(2),
.board-list table td:nth-child(2) {
    width: calc(100% - 25.75rem);
    text-align: left;
}

.board-list table th:nth-child(3),
.board-list table td:nth-child(3) {
    width: 9.75rem;
    text-align: center;
}

.board-list table th:nth-child(4),
.board-list table td:nth-child(4) {
    width: 9.75rem;
    text-align: center;
}

@media only screen and (max-width: 767px) {
    .board-list table th:nth-child(1),
    .board-list table td:nth-child(1) {
        display: none;
    }

    .board-list table th:nth-child(2),
    .board-list table td:nth-child(2) {
        width: calc(100% - 22.5rem);
    }

    .board-list table th:nth-child(3),
    .board-list table td:nth-child(3) {
        width: 7.5rem;
        text-align: center;
    }

    .board-list table th:nth-child(4),
    .board-list table td:nth-child(4) {
        width: 7.5rem;
        text-align: center;
    }
}

@media only screen and (max-width: 575px) {
    .board-list table td {
        font-size: 0.875rem;
    }

    .board-list table th:nth-child(2),
    .board-list table td:nth-child(2) {
        width: calc(100% - 12.5rem);
    }

    .board-list table th:nth-child(3),
    .board-list table td:nth-child(3) {
        width: 7.5rem;
        text-align: center;
    }

    .board-list table th:nth-child(4),
    .board-list table td:nth-child(4) {
        display: none;
    }
}

/* ** Board: Detail ** */
.board-detail {
    width: 100%;
    font-size: 0.875rem;
    color: #555555;
}

/* .board-detail table {
    table-layout: fixed;
    width: 100%;
    margin-bottom: 3.375rem;
    font-size: 0.875rem;
    color: #555555;
}

.board-detail table tbody tr th,
.board-detail table tbody tr td {
    border-bottom: 1px solid #d2d2d2;
    padding: 1.125rem 2%;
}

.board-detail table tbody tr th {
    font-weight: bold;
    font-size: 1rem;
    color: #56a8ca;
}

.board-detail table tbody tr td {
    font-size: 0.875rem;
}

.board-detail table tbody tr:first-of-type th,
.board-detail table tbody tr:first-of-type td {
    border-top: 0.25rem solid #56a8ca;
} */

.board-detail .board-detail-row {
    border-bottom: 1px solid #d2d2d2;
    font-size: 0;
}

.board-detail .board-detail-row:nth-of-type(1) {
    border-top: 2px solid #053661;
}

.board-detail .board-detail-row > * {
    display: inline-block;
    padding: 1.125rem 2%;
    font-size: 0.875rem;
    vertical-align: top;
}

.board-detail .board-detail-row .board-detail-label {
    width: 7.25rem;
    font-weight: bold;
    text-align: center;
}

.board-detail .board-detail-row .board-detail-text {
    width: 14rem;
    font-size: 0.875rem;
}

.board-detail .board-detail-row .board-detail-text.full-size {
    width: 100%;
}

.board-detail .board-detail-row .board-detail-label + .board-detail-text.full-size {
    width: calc(100% - 7.25rem);
}

.board-detail .board-detail-row .board-detail-text table {
    border: 1px solid #222;
    /* border-collapse: separate; */
    border-spacing: 2px;
}


.board-detail .board-detail-row .board-detail-text table td {
    border: 1px solid #222;
    /*border-collapse: separate;*/
    vertical-align: middle;
}

.board-detail .board-detail-row .board-detail-text > span {
    display: inline-block;
}

.board-detail .board-detail-row .board-detail-text > a {
    display: block;
}

@media only screen and (max-width: 710px) {
    .board-detail .board-detail-row .board-detail-text {
        width: calc(50% - 7.25rem);
    }
}

@media only screen and (max-width: 470px) {
    .board-detail .board-detail-row .board-detail-text {
        width: calc(100% - 7.25rem);
    }

    .board-detail .board-detail-row .board-detail-text + .board-detail-label,
    .board-detail .board-detail-row .board-detail-text + .board-detail-label + .board-detail-text {
        border-top: 1px solid #d2d2d2;
    }
}

.board-detail .recruit-detail-contents-wrap {
    min-height: 37.5rem;
    padding: 1rem 0;
}

.board-detail .recruit-detail-contents-wrap p {
    margin-bottom: 1rem;
    line-height: 200%;
}

.board-detail .recruit-detail-contents-wrap ol {
    margin-left: 2rem;
    line-height: 200%;
    list-style: decimal;
}
.board-detail .recruit-detail-contents-wrap ul {
    margin-left: 2rem;
    line-height: 200%;
    list-style: disc;
}

.board-detail .recruit-detail-contents-wrap ul li {
    line-height: 200%;
}

.board-detail .recruit-detail-contents-wrap strong {
    font-weight: bold;
}

.board-detail .detail-navigation {
    margin: 3.375rem 0 10rem;
    font-size: 0;
}

.board-detail .detail-navigation > * {
    display: inline-block;
    height: 3.5rem;
    vertical-align: middle;
}

.board-detail .detail-navigation .nav-link-wrap {
    width: 30%;
    padding: 0.5rem 0;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position-y: center;
}

.board-detail .detail-navigation .nav-link-wrap.nav-prev {
    padding-left: 3.5rem;
    text-align: left;
    background-image: url('../../images/news/ic_prev.png');
    -ms-background-position-x: left;
    background-position-x: left;
}

.board-detail .detail-navigation .nav-link-wrap.nav-next {
    padding-right: 3.5rem;
    text-align: right;
    background-image: url('../../images/news/ic_next.png');
    -ms-background-position-x: right;
    background-position-x: right;
}

.board-detail .detail-navigation .nav-link-wrap .nav-text {
    margin-bottom: 0.75rem;
    font-size: 0.75rem;
    color: #888888;
}

.board-detail .detail-navigation .nav-link-wrap .nav-title {
    font-size: 0.875rem;
    color: #222222;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -ms-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s;
}

.board-detail .detail-navigation a.nav-link-wrap:hover .nav-title,
.board-detail .detail-navigation a.nav-link-wrap:focus .nav-title,
.board-detail .detail-navigation a.nav-link-wrap:active .nav-title {
    color: #33a1d2;
}

.board-detail .detail-navigation .button-group {
    width: 40%;
    text-align: center;
}

.board-detail .detail-navigation .button-group .button {
    margin: 0 2% 0.5rem;
    padding: 1rem 3rem;
    color: #555555;
    border-color: #555555;
}

.board-detail .detail-navigation .button-group2 {
    width: 100%;
    text-align: right;
}

.board-detail .detail-navigation .button-group2 .button {
    margin-left: 0.2rem;
    padding: 1rem 3rem;
    color: #555555;
    border-color: #555555;
}

@media only screen and (max-width: 575px) {
    .board-detail .detail-navigation {
        margin-top: 2rem;
        padding-bottom: 7.5rem;
        position: relative;
    }

    .board-detail .detail-navigation .nav-link-wrap {
        width: 48%;
        position: absolute;
        top: auto;
        bottom: 0;
    }

    .board-detail .detail-navigation .nav-link-wrap.nav-prev {
        left: 0;
        right: auto;
    }

    .board-detail .detail-navigation .nav-link-wrap.nav-next {
        left: auto;
        right: 0;
    }

    .board-detail .detail-navigation .button-group {
        width: 100%;
    }

    .board-detail .detail-navigation .button-group .button {
        width: 100%;
        margin: 0 0 0.5rem;
    }
}

/* ** Board: Write ** */
.board-write {
    width: 100%;
    font-size: 0.875rem;
    color: #555555;
}

.board-write .write-navigation {
    margin: 3.375rem 0 10rem;
    font-size: 0;
}

.board-write .write-navigation > * {
    display: inline-block;
    height: 3.5rem;
    vertical-align: middle;
}

.board-write .write-navigation .button-group {
    width: 100%;
    text-align: center;
}

.board-write .write-navigation .button-group .button {
    margin-left: 0.2rem;
    padding: 1rem 3rem;
    color: #555555;
    border-color: #555555;
}

.board-write .board-write-row {
    border-bottom: 1px solid #d2d2d2;
    font-size: 0;
}

.board-write .board-write-row:nth-of-type(1) {
    border-top: 2px solid #053661;
}

.board-write .board-write-row > * {
    display: inline-block;
    padding: 1rem;
    font-size: 0.875rem;
    vertical-align: middle;
}

.board-write .board-write-row .board-write-label {
    width: 7.25rem;
    font-weight: bold;
    text-align: center;
}

.board-write .board-write-row .board-write-text {
    width: calc(100% - 7.25rem);
}

.board-write .board-write-row .board-write-text input {
    width: 12.25rem;
    height: 1.875rem;
    border: 1px solid #d2d2d2;
}

.board-write .board-write-row .board-write-text textarea {
    width: 70%;
    height: 25rem;
    border: 1px solid #d2d2d2;
}

/* ** Contact Us: Inquiry ** */
.contact-inquiry .inquiry,
.contact-quotation .quotation {
    margin-bottom: 10rem;
}

.contact-inquiry .inquiry #map {
    width: 100%;
    height: 35rem;
    margin-bottom: 2rem;
    border: 1px solid #d2d2d2;
}

.contact-inquiry .inquiry .direct-call {
    margin-bottom: 2.625rem;
    font-weight: bold;
}

.contact-inquiry .inquiry .direct-call .direct-call-title {
    display: block;
    margin-bottom: 0.875rem;
    font-size: 0.875rem;
    color: #53a9ca;
}

.contact-inquiry .inquiry .direct-call .direct-call-content {
    margin-bottom: 0.5rem;
    display: block;
    font-size: 1rem;
    color: #555555;
}

.contact-inquiry .inquiry .direct-call .direct-call-mail {
    margin-bottom: 0.5rem;
    display: block;
    font-size: 1rem;
    color: #555555;
    text-decoration:none;
}

.contact-inquiry .inquiry .direct-call .direct-call-mail a {
    color: #555555;
    text-decoration:none;
}

.contact-inquiry .inquiry .direct-call .direct-call-mail a:hover,
.contact-inquiry .inquiry .direct-call .direct-call-mail a:active,
.contact-inquiry .inquiry .direct-call .direct-call-mail a:focus {
    text-decoration:none;
    color: #53a9ca;
}

.contact-inquiry .inquiry .direct-call .direct-call-content:before {
    content: 'T';
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0.625rem;
    -moz-border-radius: 0.625rem;
    border-radius: 0.625rem;
    padding: 0.125rem;
    text-align: center;
    line-height: 100%;
    font-weight: normal;
    font-size: 1rem;
    color: #ffffff;
    background-color: #53a9ca;
    vertical-align: middle;
}

.contact-inquiry .inquiry .direct-call .direct-call-mail:before {
    content: 'M';
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0.625rem;
    -moz-border-radius: 0.625rem;
    border-radius: 0.625rem;
    padding: 0.125rem;
    text-align: center;
    line-height: 100%;
    font-weight: normal;
    font-size: 1rem;
    color: #ffffff;
    background-color: #53a9ca;
    vertical-align: middle;
}

.contact-inquiry .inquiry .gm-style-iw-d + button {
    width: 2.5rem !important;
    height: 2.5rem !important;
    margin: auto !important;
    padding: 0.5rem 0;
    top: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    left: auto !important;
    text-align: center !important;
}

.contact-inquiry .inquiry .gm-style-iw-d + button img {
    display: inline-block;
    width: 1.5rem !important;
    height: 1.5rem !important;
}

.contact-inquiry .inquiry .map-charge {
    width: 20rem;
    height: 15rem;
    padding-top: 1.75rem;
}

.contact-inquiry .inquiry .map-charge:after {
    content: '';
    display: table;
    clear: both;
}

.contact-inquiry .inquiry .map-charge .image-wrap {
    display: block;
    width: 9rem;
    height: 11rem;
    margin-right: 4%;
    background-color: #ffffff;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    float: left;
}

.contact-inquiry .inquiry .map-charge .charge-info {
    width: calc(96% - 9rem);
    height: 11rem;
    margin-bottom: 1rem;
    border-width: 0.125rem 0;
    border-style: solid;
    border-color: #33a1d2 transparent #d2d2d2;
    float: left;
}

.contact-inquiry .inquiry .map-charge .charge-info p {
    border-bottom: 1px solid #d2d2d2;
    padding: 0.45rem 2%;
}

.contact-inquiry .inquiry .map-charge .charge-info p:last-child {
    border-bottom: 0;
}

.contact-inquiry .inquiry .map-charge .charge-info p .charge-label {
    display: block;
    margin-bottom: 0.25rem;
    font-weight: bold;
    color: #33a1d2;
}

.contact-inquiry .inquiry .map-charge .charge-info p .charge-content {
    display: block;
    font-weight: normal;
    color: #222222;
}

.contact-inquiry .inquiry .map-charge table tbody tr:first-child th,
.contact-inquiry .inquiry .map-charge table tbody tr:first-child td {
    border-top: 0.125rem solid #33a1d2;
}

.contact-inquiry .inquiry .map-charge table tbody tr th {
    font-weight: bold;
    color: #33a1d2;
}

.contact-inquiry .inquiry .map-charge .button-group {
    width: 100%;
    text-align: right;
    float: left;
}

.contact-inquiry .inquiry .map-charge .button-group .button {
    padding: 0.5rem 1rem;
}

/* ** Contact: Info ** */
.contact-info .info .represent {
    padding-bottom: 4.125rem;
}

.contact-info .info .represent:after {
    content: '';
    display: table;
    clear: both;
}

.contact-info .info .represent h3 {
    width: 87%;
    height: 50px;
    padding-top: 17px;
    padding-left: 45px;
    margin-bottom: 15px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    font-size: 1.3rem;
    font-weight: bold;
}

.contact-info .info .represent .contact-card-large-wrap.busan h3 {
    background-image: url('../../images/contact/ic_company.png');
    border-bottom: 2px solid #55aacb;
}

.contact-info .info .represent .contact-card-large-wrap.changNyeong h3 {
    background-image: url('../../images/contact/ic_factory.png');
    border-bottom: 2px solid #51c4bf;
}

.contact-info .info .represent .contact-card-large {
    width: 100%;
    height: 20rem;
    position: relative;
    float: left;
}

.contact-info .info .represent .contact-card-large.busan {
    margin-right: 4%;
}

.contact-info .info .represent .contact-card-large .card-background {
    width: 87%;
    height: 18rem;
    margin: auto;
    border: 1px solid #d2d2d2;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    z-index: 10;
    background-color: #ffffff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.contact-info .info .represent .contact-card-large.busan .card-background {
    background-image: url('../../images/contact/bg_contact_mail.jpg');
}

.contact-info .info .represent .contact-card-large.changNyeong .card-background {
    background-image: url('../../images/contact/bg_contact_number.jpg');
}

.contact-info .info .represent .contact-card-large .card-wrap {
    width: 17.875rem;
    height: 14rem;
    margin: auto;
    border: 0;
    padding: 1rem 0 0 1.2rem;
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: auto;
    z-index: 11;
    /*text-align: center;*/
    color: #ffffff;
    /*background-color: #55aacb;*/
    text-decoration: none;
    -webkit-transition: box-shadow 0.2s;
    -moz-transition: box-shadow 0.2s;
    -ms-transition: box-shadow 0.2s;
    -o-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
    /*background-repeat: no-repeat;
    background-position: center 2.875rem;*/
}
.contact-info .info .represent .contact-card-large.busan .card-wrap {
    background-color: #55aacb;
}
.contact-info .info .represent .contact-card-large.changNyeong .card-wrap {
    background-color: #51c4bf;
}

/*.contact-info .info .represent .contact-card-large .card-wrap:hover,
.contact-info .info .represent .contact-card-large .card-wrap:focus,
.contact-info .info .represent .contact-card-large .card-wrap:active {
    -webkit-box-shadow: inset 0 0 3rem rgba(255, 255, 255, 0.5);
    -moz-box-shadow: inset 0 0 3rem rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 0 3rem rgba(255, 255, 255, 0.5);
}*/

/*.contact-info .info .represent .contact-card-large.busan .card-wrap {
    background-image: url('../../images/contact/ic_call.png');
}

.contact-info .info .represent .contact-card-large.changNyeong .card-wrap {
    background-image: url('../../images/contact/ic_mail.png');
}*/

.contact-info .info .represent .contact-card-large .card-wrap .card-title {
    display: block;
    /*margin-bottom: 0.875rem;*/
    padding: 1rem 0 0 2.45rem;
    position: relative;
    height: 3rem;
    font-weight: bold;
    font-size: 1rem;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 1.6rem;
}
.contact-info .info .represent .contact-card-large .card-wrap .card-title.tel {
    background-image: url('../../images/contact/ic_call.png');
}

.contact-info .info .represent .contact-card-large .card-wrap .card-title.mail {
    background-image: url('../../images/contact/ic_mail.png');
}

html[lang='en'] .contact-info .info .represent .contact-card-large .card-wrap .card-title {
    padding-top: 0.3rem;
    margin-bottom: 0.7rem;
    line-height: 140%;
}

/*.contact-info .info .represent .contact-card-large .card-wrap .card-title:before {
    content: '';
    display: block;
    width: 2rem;
    height: 0.125rem;
    margin: 0 auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    background-color: #ddeef5;
}*/

.contact-info .info .represent .contact-card-large .card-wrap .card-contents {
    display: block;
    margin-bottom: 1.5rem;
    font-weight: lighter;
    font-size: 1.5rem;
}

.contact-info .info .each {
    padding: 6.875rem 0 8.125rem;
    background-color: #f7f7f7;
    font-size: 0;
}

.contact-info .info .each:after {
    content: '';
    display: table;
    clear: both;
}

.contact-info .info .each .contact-card {
    display: inline-block;
    width: 19.6%;
    height: 15rem;
    margin-left: 0.5%;
    border: 1px solid #d2d2d2;
    padding: 1.5rem 0 0;
    text-decoration: none;
    color: #222222;
    background-color: #ffffff;
    vertical-align: top;
}

.contact-info .info .each .contact-card:first-child {
    margin-left: 0;
}

html[lang='en'] .contact-info .info .each .contact-card {
    height: 18rem;
    padding-top: 2rem;
}

.contact-info .info .each .contact-card .card-title {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    position: relative;
    font-weight: bold;
    font-size: 1.125rem;
    text-align: center;
    color: #3988a7;
}

.contact-info .info .each .contact-card .card-title:after {
    content: '';
    display: block;
    width: 2rem;
    height: 0.125rem;
    margin: auto;
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #78b9d5;
}

.contact-info .info .each .contact-card .card-contents {
    margin-bottom: 1rem;
    font-size: 0;
    text-align: center;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -ms-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s;
}

.contact-info .info .each .contact-card:hover .card-contents,
.contact-info .info .each .contact-card:focus .card-contents,
.contact-info .info .each .contact-card:active .card-contents {
    color: #33a1d2;
}

.contact-info .info .each .contact-card .card-contents span {
    display: inline-block;
    font-weight: lighter;
    font-size: 1.375rem;
    vertical-align: middle;
}

.contact-info .info .each .contact-card .card-sub-list {
    width: 9rem;
    margin: 0 auto;
}

html[lang='en'] .contact-info .info .each .contact-card .card-sub-list {
    width: 12.5rem;
}

.contact-info .info .each .contact-card .card-sub-list li {
    margin-bottom: 0.25rem;
    font-size: 0;
}

.contact-info .info .each .contact-card .card-sub-list li:before {
    content: '・';
    display: inline-block;
    width: 1rem;
    font-size: 0.875rem;
    text-align: left;
    vertical-align: top;
}

.contact-info .info .each .contact-card .card-sub-list li span {
    display: inline-block;
    width: calc(100% - 1rem);
    font-size: 0.875rem;
    text-align: left;
    vertical-align: top;
}

@media only screen and (max-width: 991px) {
    .contact-info .info .each .contact-card {
        width: 32%;
        height: 15rem;
        margin: 0 0 1.5rem 2%;
        /*height: 21rem;*/
    }

    .contact-info .info .each .contact-card:nth-child(3n + 1) {
        margin-left: 0;
    }
    .contact-info .info .each .contact-card .card-sub-list,
    html[lang='en'] .contact-info .info .each .contact-card .card-sub-list {
        /*width: 100%;*/

    }
}

@media only screen and (max-width: 767px) {
    .contact-info .info .represent .contact-card-large {
        width: 96%;
        margin: 0 auto;
        float: none;
    }

    .contact-info .info .represent .contact-card-large.telephone {
        margin: 0 auto 3rem;
    }

    .contact-info .info .each {
        padding: 4rem 0;
    }

    .contact-info .info .each .contact-card {
        width: 48.5%;
        height: 16rem;
    }
    .contact-info .info .each .contact-card:nth-child(even) {
        margin: 0 0 2rem 3%;
    }
    .contact-info .info .each .contact-card:nth-child(odd) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 575px) {
    .contact-info .info .each .contact-card {
        width: 98%;
        height: auto;
        padding-bottom: 2rem;
    }
    .contact-info .info .each .contact-card:nth-child(even),
    .contact-info .info .each .contact-card:nth-child(odd) {
        margin: 0 1% 1rem 1%;
    }

    .contact-info .info .each .contact-card .card-sub-list,
    html[lang='en'] .contact-info .info .each .contact-card .card-sub-list {
        width: 90%;
        max-width: 9rem;
    }

    html[lang='en'] .contact-info .info .each .contact-card .card-sub-list {
        max-width: 14rem;
    }
}


/* ** Initializing bxSlider wrappers ** */
.intro-overview .nested-slider .slider-container #slider-wrap,
.product-info .info.product-detail #slider-wrap,
.recruit-welfare .welfare #slider-wrap {
    visibility: hidden;
}