
@charset "utf-8";

/* Zoom In #1 */
.hover01 a img,
.hover01 img,
.hover01 > img,
img.hover01,
.tmb > img,

.mt0 > h5:nth-child(1),

article.contents > div > ol > li > dl,
article.contents > div > a > ol > li,
main.contents-container article.visual div.achievements-list.con-wrap ul.slick-initialized.slick-slider div.slick-list div.slick-track li.slick-slide.slick-current.slick-active,
label,
main.contents-container article.contents.con5.move a div.con-wrap ol li
{
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.hover01 a:hover img,
.hover01:hover img,
.hover01:hover > img,
img.hover01:hover,
.tmb > img:hover,
.mt0 > h5:nth-child(1):hover,
article.contents > div > ol > li > dl:hover,
article.contents > div > a > ol > li:hover,
label:hover,
main.contents-container article.contents.con5.move a div.con-wrap ol li:hover
{
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
}
/* Zoom In #1 */

/* layout */
.contents {
/*	
    padding-bottom: 120px;
    padding-bottom: 10%;
*/	
}

.con-wrap {
    max-width: 1280px;
}

/* sub visual */
.visual {
    background: no-repeat center;
    background-size: cover;
    color: #fff;
	color: #254f2c;

color: #0e6eb8;
color: #0b0e99;
color: #10243b;
text-shadow: 0px 7px  8px #fff, 7px 0px  8px #fff, 0px -7px  8px #fff, -7px 0px 8px #fff, 
            -2px 0px #fff,      0px 2px #fff,      2px 0 #fff,          0px -2px #fff;
}

.visual .visual-wrap {
    position: relative;
    height: 329px;
    padding-top: 92px;
    box-sizing: border-box;
}

.visual h2 {
    position: absolute;
    width: 399px;
    height: 60px;
    -webkit-text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.39);
    -moz-text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.39);
/*    text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.39); */
    font-size: 36px;
    text-align: center;
    left: 50%;
    transform: translateX(-50%) perspective(1100px);
    animation: visual-tit-in .6s ease-in;
}

.visual p {
    margin-bottom: 98px;
    padding-top: 56px;
    -webkit-text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.39);
    -moz-text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.39);
/*    text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.39); */
    font-size: 18px;
    line-height: 1.72;
    text-align: center;
    transition: .5s ease;
    animation: scale-in 1s ease;
}

/* local nav */
.lnb {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, .3);
	
	height: 60px;
}

.lnb .con-wrap {
    display: flex;
    align-items: center;
    height: 60px;
}

.lnb li {
    position: relative;
    width: 100%;
    max-width: 220px;
    height: 100%;
    border-right: 1px solid rgba(255, 255, 255, .2);
    font-size: 16px;
}

.lnb li:first-child {
    border-left: 1px solid rgba(255, 255, 255, .2);
}

.lnb .home {
    overflow: hidden;
    flex-shrink: 0;
    width: 60px;
    background: url("/images/icon/icon-lnb-home.png") no-repeat center;
    text-indent: -9999px;
}

.lnb button {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0 30px;
    border: 0;
    background: none;
    font-size: inherit;
    font-weight: 500;
    text-align: left;
    color: #fff;
}

.lnb button::after {
    display: block;
    position: absolute;
    right: 30px;
    top: 50%;
    width: 14px;
    height: 8px;
    background: url("/images/icon/icon-lnb-arrow.png") no-repeat center;
    transform: translateY(-50%);
    transition: .3s ease;
    content: "";
}

.lnb button.open::after {
    transform: translateY(-50%) rotate(-180deg);
}

.lnb .depth-list {
    overflow: hidden;
    position: absolute;
    left: -1px;
    width: 100%;
    height: 0;
    border: 1px solid #ddd;
    background: #fff;
    line-height: 46px;
    opacity: 0;
    transition: .3s ease;
    z-index: 10;
}

.lnb button.open+.depth-list {
    height: auto;
    padding: 10px 0;
    opacity: 1;
}

.lnb .depth-list li a:hover {
    color: #004287;
}

.lnb .depth-list li.active a {
    color: #004287;
}

.lnb a {
    display: block;
    height: 100%;
    padding: 0 30px;
    color: #888;
	
	width: 150px;
}

/* contents header */
.contents .con-header {
    padding-top: 30px;
    margin-bottom: 30px;

    text-align: center;
}

.contents .con-header::before {
    animation: line-grow .5s ease;
}

.contents .con-header::before {
    display: block;
    width: 1px;
/*	
    height: 60px;
    height: 35px;
*/	
    margin: 0 auto 14px;
    background: #393939;
	background: #3939390a;
    content: "";
}

.contents .con-header h2 {
    font-size: 34px;
    word-break: keep-all;
    word-wrap: break-word;
    animation: position-in 1s ease;
}

.contents .con-header p {
    margin-top: 13px;
	margin-bottom: 30px;	
	
    font-size: 20px;
    font-size: 29px;
	font-size: 19px;
    color: #999;
	color: #0f0e0e;
    word-break: keep-all;
    word-wrap: break-word;
    animation: position-in 1s ease;
	
	padding: 0 10px;
}

.contents .con-header .tab-title {
    padding-top: 40px;
}

.contents .con-body {
    animation: position-in 1s ease;
}

/* tab */
.tab-title {
    display: flex;
    justify-content: center;
    font-size: 18px;
    color: #555;
    text-align: center;
    line-height: 60px;
}

.tab-title li {
    min-width: 230px;
    border: 1px solid #ccc;
    border-left: 0;
    box-sizing: border-box;
}

.tab-title li:first-child {
    border-left: 1px solid #ccc;
}

.tab-title input[type="radio"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.tab-title label {
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    cursor: pointer;
}

.tab-title input[type="radio"]:checked+label {
    background: #27499a;
    color: #fff;
}

.tab-con {
    position: relative;
}

.tab-con article {
    overflow: hidden;
    position: relative;
    top: 40px;
    height: 0;
    opacity: 0;
    transition: .6s ease;
}

.tab-con article.active {
    height: auto;
    top: 0;
    opacity: 1;
}

/* 목록 */
.board-list {
    font-size: 16px;
    text-align: center;
}

.board-list tr {
    border-bottom: 1px solid #e2e2e2;
}

.board-list thead tr {
    border-top: 1px solid #3255a3;
    background: #f7f7f7;
}

.board-list thead th,
.board-list tbody td {
    height: 56px;
    font-weight: 400;
}

.board-list tbody {
    color: #999;
}

.board-list tbody .tit {
    padding-left: 40px;
    text-align: left;
    color: #555;
}

.board-list tbody .tit a:hover {
    color: #3152a0;
}

/* 상세 */
.board-view .view-head {
    padding: 25px 40px 29px;
    border-top: 1px solid #3255a3;
    border-bottom: 1px solid #e2e2e2;
    background: #f7f7f7;
}

.board-view .view-head h3 {
    font-size: 24px;
    font-weight: 400;
    color: #3152a0;
}

.board-view .view-head .info {
    display: flex;
    margin-top: 7px;
    font-size: 16px;
    color: #999;
}

.board-view .info li::before {
    display: inline-block;
    position: relative;
    top: 2px;
    width: 1px;
    height: 15px;
    margin: 0 20px;
    background: #dcdcdc;
    content: "";
}

.board-view .info li:first-child {
    padding-left: 0;
    border-left: 0;
}

.board-view .info li:first-child::before {
    display: none;
}

.board-view .view-body {
    padding: 34px 40px;
    font-size: 16px;
    line-height: 1.688;
    color: #555;
}

.board-view .view-body img {
    max-width: 80%;
    margin-bottom: 10px;
}

.board-view .view-body .center {
    text-align: center;
}

/* view pagination */
.pagination-view {
    border-top: 1px solid #e2e2e2;
    font-size: 14px;
}

.pagination-view dl {
    display: flex;
    align-items: center;
    height: 54px;
    border-bottom: 1px solid #e2e2e2;
}

.pagination-view dt {
    display: flex;
    align-items: center;
    padding: 0 40px;
}

.pagination-view dt::before {
    display: inline-block;
    width: 14px;
    height: 8px;
    margin-right: 20px;
    content: "";
}

.pagination-view .prev dt::before {
    background: url("/images/icon/icon-pagination-arrow.png");
}

.pagination-view .next dt::before {
    transform: rotate(180deg);
    background: url("/images/icon/icon-pagination-arrow.png");
}

.pagination-view dd {
    color: #999;
}

.pagination-view dd a {
    color: #555;
}

.pagination-view dd a:hover {
    color: #3152a0;
}

/* number pagination */
.pagination {
    display: flex;
    justify-content: center;
    padding-top: 40px;
}

.pagination li.first,
.pagination li.prev,
.pagination li.next,
.pagination li.last {
    overflow: hidden;
    background: #fff no-repeat center;
    text-indent: -9999px;
}

.pagination li.dimd {
    opacity: .4;
}

.pagination li.first {
    border-left: 1px solid #ccc;
    background-image: url("/images/btn/btn-pagination-first.png");
}

.pagination li.prev {
    margin-right: 40px;
    background-image: url("/images/btn/btn-pagination-prev.png");
}

.pagination li.next {
    margin-left: 40px;
    border-left: 1px solid #ccc;
    background-image: url("/images/btn/btn-pagination-next.png");
}

.pagination li.last {
    background-image: url("/images/btn/btn-pagination-last.png");
}

.pagination li {
    width: 36px;
    height: 36px;
    border: 1px solid #ccc;
    border-left: 0;
    font-size: 16px;
    color: #aaa;
    text-align: center;
    line-height: 36px;
}

.pagination li.active {
    border-color: #3255a3;
    background: #3255a3;
    color: #fff;
}

.pagination li.prev+li {
    border-left: 1px solid #ccc;
}

.pagination li a {
    display: block;
    width: 100%;
    height: 100%;
}

.search-box {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 34px;
    border: 1px solid #ededed;
    border-radius: 10px;
    background: #eee;
}

.search-box input {
    width: 450px;
    height: 51px;
    margin-right: 5px;
}

.search-box button {
    width: 140px;
    height: 51px;
    border: 0;
    background: #000;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}

.th-row-table {
    border-top: 1px solid #3255a3;
    font-size: 16px;
    line-height: 1.3;
    color: #000;
    table-layout: fixed;
}

.th-row-table th,
.th-row-table td {
    height: 56px;
    padding: 6px 20px;
    box-sizing: border-box;
    border: 1px solid #e2e2e2;
}

.th-row-table th {
    width: 20%;
    background: #f7f7f7;
    font-weight: 400;
    text-align: left;
	text-align: center;
}

.th-col-table {
    min-width: 100%;
    max-width: none;
    width: auto;
    border-top: 1px solid #3255a3;
    font-size: 16px;
    line-height: 1.3;
    color: #000;
}

.th-col-table th,
.th-col-table td {
    height: 56px;
    padding: 6px 20px;
    box-sizing: border-box;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}

.th-col-table th:last-child,
.th-col-table td:last-child {
    border-right: 0;
}

.th-col-table thead th {
    background: #e7edf0;
    font-weight: 400;
}

.th-col-table tbody th {
    width: 200px;
    background: #f7f7f7;
    font-weight: 400;
    text-align: left;
	text-align: center;
}

table {
    word-break: keep-all;
    word-wrap: break-word;
}

table .center {
    text-align: center;
}

.tit-underline {
    position: relative;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25;
    color: #000;
    text-align: left;
    display: inline;
    background: linear-gradient(transparent 60%, rgba(115, 178, 75, .2) 40%);
}

.txt-support {
    font-size: 13px;
    color: #8b8782; 
}

.btn-wrap {
    display: flex;
}

.btn-wrap.center {
    justify-content: center;
}

.btn-wrap.left {
    justify-content: flex-end;
}

.linkBtn-list {
    display: block;
    width: 200px;
    height: 55px;
    margin-top: 40px;
    background: #3255a3;
    font-size: 16px;
    line-height: 55px;
    color: #fff;
    text-align: center;
}

.con-info {
    position: relative;
    font-size: 18px;
    line-height: 1.938;
    color: #555;
}

.con-info .tit-underline {
    word-break: keep-all;
    word-wrap: break-word;
}

.con-info .tit-underline+dd {
    margin-top: 14px;
}

.con-info dd {
    margin-bottom: 50px;
	padding-bottom: 10px;
}

.con-info dd strong {
    color: #000;
}

.con-info dd p {
    margin-bottom: 20px;
}

.con-info .dot-txt-list li::before {
    flex-shrink: 0;
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-right: 10px;
    border-radius: 100%;
    background: #27499a;
    content: "";
    vertical-align: 5px;
}

.con-info .dot-txt-list dl {
    display: flex;
    /* align-items: center; */
    padding-left: 15px;
    margin-top: -36px;
}

.con-info .dot-txt-list dt {
    min-width: 100px;
    font-weight: 700;
    color: #000;
}

.con-info .dot-txt-list dd {
    margin-bottom: 0;
}

.con-info .dot-txt-list dd li::before {
    display: none;
}

.con-info table+.txt-support {
    position: absolute;
    right: 0;
    margin-top: 9px;
}

.con-info .count-grid-list {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #3255a3;
    font-size: 16px;
    counter-reset: num;
}

.con-info .count-grid-list li {
    display: flex;
    align-items: center;
    width: 33.333%;
    height: 56px;
    padding: 0 20px;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    box-sizing: border-box;
}

.con-info .count-grid-list li:nth-child(3n) {
    border-right: 0;
}

.con-info .count-grid-list li::before {
    display: inline-block;
    margin-right: 5px;
    content: counter(num) ".";
    counter-increment: num 1;
}

.con-info .count-grid-list li:last-child::before {
    display: none;
}

/* animation */
@keyframes visual-tit-in {
    0% {
        clip: rect(0px, 150px, 60px, 150px);
        opacity: 0;
    }

    10% {
        opacity: 0;
    }

    100% {
        clip: rect(0px, 300px, 60px, 0px);
        opacity: 1;
    }
}

@keyframes scale-in {
    0% {
        opacity: 0;
        transform: scale(.7);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes position-in {
    0% {
        opacity: 0;
        transform: translateY(10%);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes line-grow {
    0% {
        height: 0;
    }

    100% {
        height: 60px;
    }
}

/* 회사소개 */
.introduce .visual {
    background-image: url("/images/visual/introduce-header.jpg");
	
	background-position: center 60px;
background-position: top center;
	 background-repeat: no-repeat;
}

.greetings p {
    font-size: 18px;font-size: 23px;
    color: #777;
    line-height: 1.722;
	
	width: 90%;
	width: 100%;
}

.greetings .first-txt-box {
    display: flex;
    position: relative;
    margin-bottom: 73px;
}

.greetings .first-txt-box .img-box {
	/*
    position: relative;
    width: 39.666%;
	width:50%;
    z-index: -10;
	
	display: inline;
	margin-right: 70px;
	*/
	width: 100%;
	text-align: center;
	 
}

.greetings .first-txt-box .img-box img {
   /* margin-left: -88px; */
   margin-top: 90px;
}

.greetings .first-txt-box .txt-box {
padding-top: 10%;
padding-top: 0%;
 
display: inline;
}

.greetings .first-txt-box .txt-box strong {
    font-size: 30px;
    font-weight: 500;
    color: #288999;
    line-height: 1.3;
}

.greetings .first-txt-box .txt-box>p:last-child {
    margin-top: 37px;
}

.greetings .first-txt-box .bg-txt-box {
    display: flex;
    align-items: center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 172px;
    padding-left: 39.666%;
    background: url("/images/bg/bg-sub-greeting.png") no-repeat center right;
    line-height: 1.65;
    box-sizing: border-box;
}

.greetings .first-txt-box .bg-txt-box p {
    color: #fff;
}

.greetings .first-txt-box .bg-txt-box strong {
    display: block;
    padding: 0 16px;
	margin: 0 16px;
    background: #fff;
    font-size: 24px;
    color: #27499a;
    letter-spacing: -.09em;
    line-height: 42px;
    vertical-align: middle;
}
.greetings .first-txt-box .bg-txt-box strong img {
    vertical-align: top;
}

.greetings>p:nth-child(4) {
    margin-bottom: 50px;
    margin-bottom: 20px;
}

.greetings .line-txt-box {
    margin-bottom: 55px;
    padding-left: 36px;
    border-left: 2px solid #636363;
}

.greetings .line-txt-box strong {
    font-size: 24px;
    color: #288999;
}

.greetings .last-txt-box {
    margin-bottom: 77px;
    color: #000;
}

.greetings .last-txt-box em {
    color: #af8e1a;
}

.greetings .last-txt-box em img {
    vertical-align: -12px;
}

.greetings .txt-right {
    color: #000;
    text-align: right;
	
	margin-right: 100px;
}

.greetings .sign-box {
    margin-top: 16px;
    color: #000;
    text-align: right;
	
	margin-right: 100px;
}

.greetings .sign-box em {
    margin-right: 24px;
}

.introduce .tab-con01 .map {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin-top: 1px;
    border: 1px solid #d0d0d0;
    background: url("/images/bg/bg-lattice-pattern.png");
    background-size: 41px;
}

.introduce .tab-con01 .map img {
    width: 100%;
    max-width: 613px;
}

.introduce .local-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1px 20px 0;
}

.introduce .local-box {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex-wrap: wrap;
}

.introduce .local-box dl {
    width: calc(50% - 40px);
    max-width: 240px;
    padding: 10px 20px;
    margin-left: 40px;
    margin-bottom: 30px;
    border: 1px solid #ededed;
    border-radius: 10px;
    -webkit-box-shadow: 6px 10px 6px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 6px 10px 6px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 6px 10px 6px 0px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
}

.introduce .local-box dl:nth-child(4) {
    margin-top: -27px;
}

.introduce .local-box dl:nth-child(5) {
    margin-top: -27px;
}

.introduce .local-box dl:nth-child(7) {
    margin-top: -78px;
}

.introduce .local-box dt {
    padding-bottom: 10px;
    margin-bottom: 8px;
    border-bottom: 1px solid #999;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}

.introduce .local-box dd {
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    font-size: 16px;
    line-height: 1.625;
}

.introduce .local-box dd em:last-child {
    color: #ff9c00;
}

.support-card-wrap {
    padding-top: 1px;
}

.support-card-wrap .card {
    overflow: hidden;
    display: flex;
    width: 99%;
    height: 350px;
    margin-bottom: 40px;
    border: 1px solid #ededed;
    border-radius: 10px;
    -webkit-box-shadow: 6px 10px 6px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 6px 10px 6px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 6px 10px 6px 0px rgba(0, 0, 0, 0.1);
}

.support-card-wrap .card .img-wrap,
.support-card-wrap .card .txt-wrap {
    width: 50%;
}

.support-card-wrap .card .img-wrap {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.support-card-wrap .card:first-child .img-wrap {
    background: url("/images/bg/bg-organization-people01.png") no-repeat center;
    background-size: cover;
}

.support-card-wrap .card:last-child .img-wrap {
    background: url("/images/bg/bg-organization-people02.png") no-repeat center;
    background-size: cover;
}

.support-card-wrap .card .img-wrap img {
    display: block;
    margin-right: 85px;
}

.support-card-wrap .card .txt-wrap {

    padding: 50px 0 0 90px;
}

.support-card-wrap .txt-wrap dt {
    position: relative;
    margin-bottom: 37px;
    font-size: 28px;
    font-weight: 700;
}

.support-card-wrap .txt-wrap dt::before {
    display: block;
    position: absolute;
    top: 50%;
    left: -150px;
    width: 120px;
    height: 1px;
    background: rgba(39, 73, 154, .4);
    content: "";
}

.support-card-wrap .txt-wrap dd {
    display: flex;
    align-items: center;
    margin-bottom: 13px;
    font-size: 20px;
    font-weight: 500;
}

.support-card-wrap .txt-wrap dd::before {
    display: inline-block;
    width: 21px;
    height: 20px;
    margin-right: 17px;
    background: url("/images/icon/icon-bullet-check.png") no-repeat center;
    content: "";
}

.support-card-wrap .txt-wrap dd strong {
    color: #ff0000;
}

.introduce-history .contents {
    padding-bottom: 0;
}

.introduce-history .visual {
    background-image: url("/images/visual/introduce-header.jpg");
}

.history {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 15px;
    padding-top: 18px;
    padding-bottom: 250px;
}

.history::before {
    display: block;
    position: absolute;
    left: 50%;
    width: 1px;
    height: 100%;
    background: #d4d4d4;
    content: "";
}

.history>li {
    position: relative;
    width: 50%;
    margin-bottom: 37px;
    box-sizing: border-box;
}

.history>li:first-child {
    margin-top: -24px;
    margin-top: 0px;
}

.history .line {
    width: 100%;
}

.history .line.right {
    margin-left: 50%;
}

.history .line.left {
    margin-right: 50%;
}

.history .right {
    padding-left: 50px;
    text-align: left;
}

.history .left {
    padding-right: 50px;
    text-align: right;
}

.history h4 {
    margin-bottom: 19px;
    font-size: 40px;
    font-weight: 500;
    color: #27499a;
}

.history h4::before {
    display: block;
    position: absolute;
    top: 12px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background: url("/images/icon/icon-bullet-history.png") no-repeat center;
    content: "";
}

.history .left h4::before {
    right: -15px;
}

.history .right h4::before {
    left: -15px;
}

.history li img {
    max-width: 100%;
    border-radius: 10px;
}

.history li li {
    display: flex;
    margin-bottom: 10px;
    font-size: 18px;
    color: #555;
}

.history .left li {
    flex-direction: row-reverse
}

.history li li em:first-child {
    flex-shrink: 0;
    display: block;
    width: 36px;
    color: #000;
}

.history .right em:first-child {
    margin-right: 20px;
}

.history .left em:first-child {
    margin-left: 20px;
}

.history li li em:last-child {
    flex-shrink: 1;
}

/* 상품안내 */
.product .visual {
    background-image: url("/images/visual/product-header.jpg");
	background-position: top center;

}

.product .th-col-table th:first-child {
    width: 16%;
}

.product .th-col-table td:nth-child(2) {
    width: 42%;
}

.product .th-col-table td:nth-child(3) {
    width: 42%;
}

.product .tab-title li {
    width: 290px;
}

.product .tab-con03 td {
    text-align: center;
}

/* 주요고객사 */
.customer .visual {
    background-image: url("/images/visual/customer-header.jpg");
background-position: 39% 50px;
background-position: top center;
background-repeat: no-repeat;	
}

.customer .company-list {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    max-width: 1110px;
    margin: 0 auto;
}

.customer .company-list li {
    width: 20%;
    padding: 0 5px 10px;
    padding: 0 5px 50px;
    box-sizing: border-box;
}

.customer .company-list li img {
    border: 1px solid #ccc;
    width: 100%;
}

/* 이용후기 */
.review .visual {
    background-image: url("/images/visual/review-header.jpg");
background-position: top center;
	
}

.review .board-list .tit a {
    display: flex;
    align-items: center;
}

.review .board-list .tit a::after {
    display: inline-block;
    width: 18px;
    height: 15px;
    margin-left: 2px;
    background: url("/images/icon/icon-board-img.png");
    content: "";
}

.review .board-view .view-body {
    padding: 2px 2px;
}

/* 장례정보 */
.funeral .visual {
    background-image: url("/images/visual/funeral-header.jpg?v=1212");
	background-position: top center;

}

.funeral .tab-con header {
    margin-bottom: 58px;
    text-align: center;
}

.funeral .tab-con header h3 {
    padding: 0 6px;
}

.funeral .tab-con header p {
    margin-top: 17px;
    font-size: 18px;
    color: #555;
}

.funeral .tab-con .btn-wrap {
    margin-bottom: 10px;
    padding-top: 50px;
}

.funeral .tab-con select {
    width: 223px;
}

.funeral-list-box {
    width: 100%;
    margin: -30px 0 40px;
    padding: 40px;
    background: #ebf4e1;
    box-sizing: border-box;
}

.funeral-list-box dl {
    padding-bottom: 16px;
    margin-bottom: 20px;
    border-bottom: 1px solid #d3dbca;
	
	line-height: 30px;
}
html body main.content-container.customer article.contents.con-wrap div.con-body div.funeral-list-box dl:nth-child(2) {
 
	font-size: 12pt;
}

.funeral-list-box dl::after {
    display: block;
    clear: both;
    content: "";
}

.funeral-list-box dl:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border: 0;
}

.funeral-list-box dt {
    width: 200px;
    margin-bottom: 13px;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    line-height: 25px;
    color: #ffea00;
    background: rgb(18,83,163);
    background: linear-gradient(90deg, rgba(18,83,163,1) 0%, rgba(16,79,157,1) 100%);
	padding-top: 8px;
	padding-bottom: 10px;
}

.funeral-list-box dl:first-child dt {
    background: rgb(7,69,146);
    background: linear-gradient(90deg, rgba(7,69,146,1) 0%, rgba(10,23,90,1) 100%);
}

.funeral-list-box dl:nth-child(2) dt {
    background: rgb(0,112,38);
    background: linear-gradient(90deg, rgba(0,112,38,1) 0%, rgba(2,86,30,1) 100%);
}

.funeral-list-box dd {
    float: left;
    width: 50%;
    padding-left: 87px;
 /*   font-size: 18px; */
    font-weight: 500;
    text-indent: -87px;
    box-sizing: border-box;
    word-wrap: break-word;
    word-break: keep-all;
}
.funeral-list-box dd:nth-child(even) {
    padding-right: 20px;
}
.funeral-list-box > dl:nth-child(2) > dd {
		font-size: 16px;
}	
.funeral-list-box dd strong {
    font-size: 22px;
}

.funeral-list-box dd em {
    margin-right: 20px;
    font-size: 17px;
    color: #5a5a5a;
}

.board-performance {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding-top: 40px;
    border-top: 1px solid #3255a3;
}

.board-performance li {
    width: calc(25% - 15px);
    margin-right: 20px;
    margin-bottom: 78px;
}

.board-performance li:nth-child(4n) {
    margin-right: 0;
}

.board-performance li a {
    display: block;
    position: relative;
}

.board-performance li a img {
    display: block;
    width: 100%;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

.board-performance li a figcaption {
    position: absolute;
    bottom: -46px;
    width: 100%;
    font-size: 16px;
    text-align: center;
    word-break: keep-all;
    word-wrap: break-word;
}

.board-performance li a:hover::before {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #3255a3;
    box-sizing: border-box;
    content: "";
}

.board-performance li a:hover figcaption {
    color: #3255a3;
}
.perform > colgroup:nth-child(1) > col:nth-child(1) {
	width: 1%;
}	
.perform > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(1) {
	padding: 40px 20px 0px 0px;

	text-align: center;
	font-size: 16px;
	 

	width: 25%;
	vertical-align: top;
}	
.perform > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(2) {
	width: 100%;
	display: inline-block;
	display: block;
}

/* pc */
@media screen and (min-width: 1024px) {

	.btn-tab-select {
	  display: none;
	}	
	 
	html body main.content-container.introduce.introduce-history article.contents.con-wrap header.con-header ul.tab-title,
	.tab-title {
	  display: flex; 
	}	
	html body main.content-container.introduce.introduce-history article.contents.con-wrap header.con-header ul.tab-title li,
	.tab-title {
	  display: flex;
	  justify-content: center;
	  font-size: 18px;
	  color: #555;
	  text-align: center;
	  line-height: 60px;
	}
	.contents .con-header .tab-title {
	  padding-top: 40px;
	}

	
}

@media screen and (max-width:1280px) {
    .funeral-list-box dd {
        padding-left: 80px;
/*        font-size: 16px; */
        text-indent: -80px;
    }

    .funeral-list-box dd strong {
        font-size: 20px;
    }

    .funeral-list-box dd em {
        font-size: 15px;
    }
}

/* tablet 1024 이하 */
@media screen and (max-width:1024px) {
.lnb.fix {
  background: rgba(49, 49, 49, 0.85);
  position: fixed;
  top: 70px;
  z-index: 200;
transform: translateX(0);
transition: 1.7s ease;  
}	
		.perform > colgroup:nth-child(1) > col:nth-child(1) {
		  width: 100%;
		}
		.perform > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(1) {
			padding: 10px;
			padding-top: 10px;
			text-align: center;
			font-size: 16px;
			padding-top: 2%;
			width: calc(50% - 2px);

			display: block;
			width: 100%;	
		}	
		.perform > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(2) {
			width: 100%;
			display: inline-block;
			display: block;
			display: -ms-grid; 
			-ms-grid-columns: max-content;
		}
	
	
	
    .con-header {
        position: relative;
    }

    .contents .con-header .tab-title {
        display: block;
        border: 1px solid #ccc;
        padding-top: 0;
    }

    .btn-tab-select {
        position: relative;
        width: 100%;
        height: 60px;
        padding-left: 20px;
        margin-top: 40px;
        border: 0;
        background: #27499a;
        font-size: 18px;
        text-align: left;
        color: #fff;
    }

    .btn-tab-select::after {
        display: block;
        position: absolute;
        top: 22px;
        right: 20px;
        width: 20px;
        height: 20px;
        background: url("/images/btn/btn-w-arrow.png") no-repeat center;
        background-size: contain;
        content: "";
        transform: rotate(-90deg);
    }

    .btn-tab-select.active::after {
        transform: rotate(-270deg);
    }

    .tab-title {
        position: absolute;
        width: 100%;
        background: #fff;
        z-index: 10;
    }

    .tab-title li {
        min-width: 100%;
        border: 0;
        border-top: 1px solid #ccc;
        text-align: left;
    }

    .tab-title li:first-child {
        border: 0;
    }

    .tab-title label {
        padding-left: 20px;
    }

    /* 회사소개 */
    .greetings p {
        font-size: 16px;font-size: 26px;font-size: 19px;
        line-height: 1.5;line-height: 1.9;
    }

    .greetings .first-txt-box .txt-box>p:last-child {
        margin-top: 17px;
        word-break: keep-all;
        word-wrap: break-word;
    }

    .greetings .first-txt-box .txt-box>p:last-child br {
        display: none;
    }

    .greetings .line-txt-box strong {
        font-size: 20px;
    }

    .greetings .line-txt-box br:last-child {
        display: none;
    }

    .introduce .local-wrap .map {
        width: 50%;
    }

    .introduce .local-wrap .map img {
        width: 100%;
    }

    .introduce .local-wrap .local-box {
        width: 50%;
    }

    .introduce .local-box dl {
        width: calc(50% - 20px);
        margin-left: 20px;
    }

    /* 주요고객사 */
    .customer .company-list li {
        width: 25%;
    }

    /* 장례정보 */
    .board-performance li a figcaption {
        bottom: -40px;
		bottom: -69px;
        font-size: 14px;
		  height: 70px;
	}
}

    .funeral-list-box dt {
        font-size: 16px;
    }

    .funeral-list-box dd {
        padding-left: 60px;
        font-size: 14px;
        text-indent: -60px;
    }

    .funeral-list-box dd strong {
        font-size: 18px;
    }

    .funeral-list-box dd em {
        margin-right: 10px;
        font-size: 13px;
    }



/* 저해상도 tablet 800px 이하 */
@media screen and (max-width:800px) {
	
	
}
/* 저해상도 tablet 768 이하 */
@media screen and (max-width:768px) {

	
    .visual .visual-wrap {
        height: 250px;
        padding-top: 65px;
    }

    .visual h2 {
        font-size: 28px;
    }

    .visual p {
        padding-top: 46px;
        margin: 0 auto;
        font-size: 16px;
        line-height: 1.5;
        word-break: keep-all;
        word-wrap: break-word;
    }

    .lnb,
    .lnb .con-wrap {
        padding: 0;
        height: 48px;
    }

    .lnb button {
        padding: 0 15px;
    }

    .lnb button::after {
        right: 15px;
    }

    .lnb button.open+.depth-list {
        z-index: 200;
    }

    .lnb a {
        width: 1331px;
        padding: 0 15px;
    }

    .contents .con-header h2 {
        font-size: 26px;
    }

    .contents .con-header p {
        font-size: 20px;
        font-size: 22px;
    }

    /* 회사소개 */
    .greetings .first-txt-box {
        flex-wrap: wrap;
    }

    .greetings .first-txt-box .img-box img {
        width: 360px;
		
		width: 100%;
		margin-top: 150px;
		margin-top: 50px;
		width: 50%;
    }

    .greetings .first-txt-box .txt-box {
        width: 60%;
		width: 90%;
		width: 100%;
    }

    .greetings .first-txt-box .txt-box strong {
        font-size: 24px;
    }

    .greetings .first-txt-box .bg-txt-box {
        position: relative;
        padding-left: 40px;
        height: 140px;
    }

    .greetings .first-txt-box .bg-txt-box strong {
        display: block;
        margin: 10px 0;
    }

    .history::before {
        left: 15px;
    }

    .introduce-history .contents .history li {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .introduce-history .history li h4::before {
        left: 0;
    }

    .history .left {
        padding-left: 50px;
        padding-right: 0;
        text-align: left;
    }

    .history .left li {
        flex-direction: row;
    }

    .history .left em:first-child {
        margin-left: 0;
        margin-right: 20px;
    }

    .history .left h4::before {
        right: auto;
    }

    .introduce .local-wrap {
        flex-direction: column;
        padding: 0;
    }

    .introduce .local-wrap .local-box {
        width: 100%;
        justify-content: center;
    }

    .introduce .local-wrap .map {
        width: 70%;
        margin-bottom: 30px;
    }

    .introduce .local-box dl {
        margin-left: 0;

    }

    .introduce .local-box dl:nth-child(2n) {
        margin-left: 20px;
    }

    .support-card-wrap {
        padding: 1px 20px 0;
    }

    .support-card-wrap .card {
        flex-wrap: wrap;
        height: auto;
        box-sizing: border-box;
    }

    .support-card-wrap .card .img-wrap,
    .support-card-wrap .card .txt-wrap {
        width: 100%;
    }

    .support-card-wrap .card .txt-wrap {
        padding: 20px;
    }

    .support-card-wrap .txt-wrap dt {
        margin-bottom: 18px;
        font-size: 24px;
    }

    .support-card-wrap .txt-wrap dd {
        display: block;
        padding-left: 23px;
        font-size: 14px;
        text-indent: -23px;
    }

    .support-card-wrap .txt-wrap dd::before {
        width: 14px;
        height: 14px;
        margin-right: 7px;
        background-size: contain;
        vertical-align: -2px;
    }

    /* 주요고객사 */
    .customer .company-list li {
        width: 33.333%;
    }

    /* 장례정보 */
    .board-performance li {
        width: calc(33.333% - 10px);
        margin-right: 10px;
    }

    .board-performance li:nth-child(4n) {
        margin-right: 10px;
    }

    .board-performance li:nth-child(3n) {
        margin-right: 0;
    }

    .funeral-list-box dd {
        width: 100%;
    }

    .funeral-list-box dd strong {
        font-size: 16px;
        font-size: 26px;
    }
	
    .contents.con7 ol {
        flex-wrap: wrap;
        justify-content: center;
    }

    .contents.con7 li {
        max-width: 240px;
        width: calc(33.333% - 7px);
        margin-bottom: 29px;
    }

    .contents.con7 li {
        max-width: 240px;
        width: calc(33.333% - 7px);
        margin-bottom: 29px;
    }
	


/* 저해상도 tablet 768 이하 */


    .contents.con7 ol {
        flex-wrap: wrap;
        justify-content: center;
    }

    .contents.con7 li {
        max-width: 240px;
        width: calc(33.333% - 7px);
        margin-bottom: 29px;
    }

    .contents.con7 li {
        max-width: 240px;
        width: calc(33.333% - 7px);
        margin-bottom: 29px;
    }
	
	
	
		
	
	
}



/* moblie 750 이하 */
@media screen and (max-width:750px) {
    .contents.con7 h3 br {
        display: block;
    }

    .contents.con7 ol {
        counter-reset: dt-num;
    }

    .contents.con7 li {
        display: flex;
        align-items: center;
        width: 100%;
        max-width: 100%;
        height: 94px;
        padding: 0 20px;
        margin-left: 0;
        margin-bottom: 10px;
        text-align: left;
    }

    .contents.con7 li::after {
        left: 56px;
        top: 50%;
        width: 50px;
        transform: translate(-50%, -50%);
    }

    .contents.con7 li dl {
        margin-top: 0;
        margin-left: 75px;
    }

    .contents.con7 li dt {
        display: flex;
        align-items: center;
    }

    .contents.con7 li::before {
        display: none;
    }

    .contents.con7 li dt::before {
        display: block;
        padding: 6px;
        background-size: contain;
        color: #ff0052;
        content: "0"counter(dt-num);
        counter-increment: dt-num 1;
    }

    .contents.con7 li dd {
        margin-top: -3px;
        margin-left: 5px;
    }

     .contents.con6 h3 br {
        display: block;
    }

    .contents.con6 ol {
        counter-reset: dt-num;
    }

    .contents.con6 li {
        display: flex;
        align-items: center;
        width: 100%;
        max-width: 100%;
        height: 130px;
        padding: 0 20px;
        margin-left: 0;
        margin-bottom: 10px;
        text-align: left;
    }

    .contents.con6 li::after {
        left: 56px;
        top: 50%;
        width: 50px;
        transform: translate(-50%, -50%);
    }

    .contents.con6 li dl {
        margin-top: 0;
        margin-left: 75px;
    }

    .contents.con6 li dt {
        display: flex;
        align-items: center;
    }

    .contents.con6 li::before {
        display: none;
    }

    .contents.con6 li dt::before {
        display: block;
        padding: 6px;
        background-size: contain;
        color: #ff0052;
        content: "0"counter(dt-num); 
       counter-increment: dt-num 1; 
    }

    .contents.con6 li dd {
        margin-top: -3px;
        margin-left: 5px;
    }
	html body main.contents-container.customer article.contents.con6.move div.con-wrap ol div,
	html body main.contents-container.customer article.contents.con6.move div.con-wrap ol div P,
	.contents > div > ol > div > p, .contents > div > ol > div {
		width: 100%;
	}
	html body main.contents-container.customer article.contents.con6.move div.con-wrap ol,	
	contents > div > ol {
		flex-wrap: wrap;
		justify-content: center;
	}
	article.contents.con6 > div  > ol > li {
		min-width: 100%;
	}
	html body main.contents-container.customer article.contents.con6.move div.con-wrap ol li::before,
	html body main.contents-container.customer article.article.contents  > div  > ol  > li::before,
	.contents.con6 li::before {
		display: none;
	}	
	html body main.contents-container.customer article.contents.con6.move div.con-wrap ol li dl dd {
		display: inline-flex;
		flex-wrap: wrap;
		justify-content: center;
		margin-top: 0px;
	}
	html body main.contents-container.customer article.contents.con6.move div.con-wrap ol li dl dt {
		margin-bottom: 0px;
	}
	html body main.contents-container.customer article.contents.con6.move div.con-wrap ol li dl  {
		margin-left: 0px;
		width: 100%;
	}
	.contents.con6 li dl {
		margin-top: 80px;
		margin-top: 0px;
		height: 80%;
    }
 }
 
 
  
 /* 저해상도 tablet 768 이하 */
@media screen and (max-width:750px) {

	.contents.con6 ol:nth-child(3) > li:nth-child(1) { background-image: url(/images/process/s0201.jpg); }
	.contents.con6 ol:nth-child(3) > li:nth-child(2) { background-image: url(/images/process/s0202.jpg); }
	.contents.con6 ol:nth-child(3) > li:nth-child(3) { background-image: url(/images/process/s0203.jpg); }
	.contents.con6 ol:nth-child(5) > li:nth-child(1) { background-image: url(/images/process/s0204.jpg); }
	.contents.con6 ol:nth-child(5) > li:nth-child(2) { background-image: url(/images/process/s0205.jpg); }
	.contents.con6 ol:nth-child(5) > li:nth-child(3) { background-image: url(/images/process/s0206.jpg); }
	.contents.con6 ol:nth-child(7) > li:nth-child(1) { background-image: url(/images/process/s0207.jpg); }
	.contents.con6 ol:nth-child(7) > li:nth-child(2) { background-image: url(/images/process/s0208.jpg); }
	.contents.con6 ol:nth-child(7) > li:nth-child(3) { background-image: url(/images/process/s0209.jpg); }

}

/* moblie 600 이하 */
@media screen and (max-width:600px) {
	
	
	.board-list tbody .tit ,
	.board-list   tbody  > tr  > td:nth-child(2)
	{
		padding-left: 10px;padding-left: 0px;
	}
    .review .board-list tbody td:nth-child(2) {
		/*
        width: 400px;
        width: 200px;
		*/
	}

}



/* moblie 480 이하 */
@media screen and (max-width:500px) {

.board-list > tbody:nth-child(3) > tr > td:nth-child(2) {width:	11%;}
.board-list > tbody:nth-child(3) > tr > td:nth-child(3) {width:	9%;}
.board-list > tbody:nth-child(3) > tr > td:nth-child(4) {width:	15%;}
.board-list > tbody:nth-child(3) > tr > td:nth-child(5) {width:	128px;}
.board-list > tbody:nth-child(3) > tr > td:nth-child(6) {width:	90px;}

.lnb button {
  padding: 0 0px 0 10px;
  font-size: 15px;
}  
.th-row-table th {
  width: 20%;
  background: #f7f7f7;
  font-weight: 400;
  text-align: left;
  text-align: center;
}
th.prod {
	width: initial;
}
	
    .lnb li {
        width: 50%;
    }

    .tit-underline {
        font-size: 20px;
    }

    .con-info {
        font-size: 16px;
        line-height: 1.5;
    }

    .con-info .dot-txt-list dl {
        margin-top: -24px;
    }

    .con-info .dot-txt-list li::before {
        vertical-align: 3px;
    }

    .introduce .visual p {
        width: 298px;
    }

    .product .visual p {
        width: 315px;
    }

    .customer .visual p {
        max-width: 100%;
    }

    .th-row-table,
    .th-col-table {
        font-size: 14px;
    }

    .th-row-table th,
    .th-row-table td {
        padding: 6px 10px;
    }

    .th-col-table {
        table-layout: auto;
    }

    .th-col-table th,
    .th-col-table td {
        padding: 6px 10px;
    }

    .board-list {
        border-top: 1px solid #3255a3;
        font-size: 12px;
    }

    .board-list thead {
        display: none;
    }

    .board-list tr {
        display: flex;
        flex-wrap: wrap;
        position: relative;
        padding: 8px 1px;
    }

    .board-list tbody td {
        display: block;
        height: auto; 
 		width: 55px;  
		text-align: right;	
		padding: 10px 1px 0px 0px;
		
    }
	article > div > table > tbody > tr> td:nth-child(5) {
		width: 20px;
	}
    .board-list tbody .tit {
        padding-left: 0;
    }

    .board-view .view-head h3 {
        font-size: 18px;
    }

    .board-view .view-head {
        padding: 15px 20px 18px;
    }

    .board-view .view-head .info {
        font-size: 14px;
    }

    .board-view .info li::before {
        margin: 0 10px;
    }

    .board-view .view-body {
        padding: 24px 20px;
        font-size: 14px;
    }

    .board-view .view-body img {
        max-width: 100%;
    }

    .pagination li.prev {
        margin-right: 10px;
    }

    .pagination li.next {
        margin-left: 10px;
    }

    .pagination li {
        font-size: 14px;
    }

    .pagination-view dt {
        padding: 0 10px;
        width: 80px;
        flex-shrink: 0;
    }

    .search-box {
        padding: 0;
        border: 0;
        background: transparent;
    }

    .search-box button {
        width: 100px;
        height: 41px;
    }

    .search-box input {
        height: 41px;
    }

    /* 회사소개 */
/*
    .greetings br {
        display: none;
    }
    .greetings .first-txt-box {
        position: relative;
        height: 297px;
        margin-bottom: 23px;
        background: url("/images/visual/sub-introduce-m-greeting.png") no-repeat center;
        background-size: contain;
    }
*/
    .greetings .first-txt-box * {
        opacity: 1;
      /*  position: absolute; */
    }

    .greetings p {
        font-size: 12px;
        font-size: 20px;
    }

    .greetings>p:nth-child(2) {
        margin-bottom: 20px;
    }

    .greetings .line-txt-box {
        padding-left: 16px;
    }

    .greetings .line-txt-box strong {
        font-size: 16px;
    }

    .greetings .line-txt-box {
        margin-bottom: 25px;
    }

    .greetings .last-txt-box em img {
        width: 50px;
        vertical-align: -8px;
    }

    .greetings .sign-box img {
        width: 120px;
    }

    .history h4 {
        font-size: 36px;
        margin-bottom: 13px;
    }

    .history .left,
    .history .right {
        padding-left: 40px;
    }

    .history li li {
        font-size: 16px;
        word-break: keep-all;
        word-wrap: break-word;
    }

    .history .left em:first-child,
    .history .right em:first-child {
        margin-right: 8px;
    }

    .introduce .board-list tbody td:first-child {
        display: none;
    }

    .introduce .board-list tbody td:nth-child(2) {
        width: 100%;
        padding-bottom: 5px;
        font-size: 15px;
    }

    .introduce .board-list tbody td:nth-child(3) {
        display: flex;
        align-items: center;
    }

    .introduce .board-list tbody td:nth-child(3)::after {
        display: inline-block;
        width: 1px;
        height: 10px;
        margin: 0 6px;
        background: #e2e2e2;
        content: "";
    }

    .introduce .board-list tbody td:last-child::before {
        content: "조회수 ";
    }

    .support-card-wrap .card .img-wrap img {
        height: 180px;
        margin-right: 28px;
    }

    /* 상품안내 */
    .product .th-row-table th:first-child {
  /*      width: 120px; */
    }

    .product .th-col-table tbody th {
        width: 32% !important;
    }

    .product .th-col-table td:nth-child(2) {
        width: 34%;
    }

    .product .th-col-table td:nth-child(3) {
        width: 34%;
    }

    .product table br {
        display: none;
    }

    /* 이용후기 */
    .review .board-list tbody td:first-child {
        /*display: none; */
    }

    .review .board-list tbody td:nth-child(2) {
        width: 20%; width: 65%;width: 241px;
		
        padding-bottom: 5px;
        font-size: 16px;
    }

    .review .board-list tbody td:nth-child(2) a {
        display: inline-block;
    }

    .review .board-list tbody td:nth-child(3)::after,
    .review .board-list tbody td:nth-child(4)::after {
        display: inline-block;
        width: 1px;
        height: 10px;
        margin: 0 10px;
/*        background: #ccc; */
        content: "";
    }

    .review .board-list tbody td:last-child::before {
        content: "      ";
    }

    .review .board-view .view-body {
        padding: 10px 20px;
    }

    /* 장례정보 */
    .funeral-search .tab-con header p {
        margin-top: 9px;
        font-size: 14px;
    }

    .funeral-search .tab-con .btn-wrap {
        padding-top: 30px;
    }

    .funeral-search .tab-con select {
        width: 200px;
    }

    .funeral-search .board-list tbody td:first-child {
        display: none;
    }

    .funeral-search .board-list tbody td:nth-child(2) {
        width: 100%;
        margin-bottom: 3px;
        font-size: 16px;
        color: #555;
        text-align: left;
    }

    .funeral-search .board-list tbody td:nth-child(3) {
        text-align: left;
    }

    .funeral-search .board-list tbody td:nth-child(3)::after {
        display: inline-block;
        width: 1px;
        height: 10px;
        margin: 0 10px;
        background: #ccc;
        content: "";
    }

    .funeral-search .board-list tbody td:last-child::before {
        content: "Tel. ";
    }

    .funeral-notice .board-list tbody td:first-child {
        display: none;
    }

    .funeral-notice .board-list tbody td:nth-child(2) {
        width: 100%;
        margin-bottom: 6px;
        font-size: 14px;
        color: #555;
        text-align: left;
    }

    .funeral-notice .board-list tbody td:nth-child(4) {
        width: 60%;
        text-align: left;
    }

    .funeral-notice .board-list tbody td:nth-child(2)::before {
        content: "고인성명 : ";
    }

    .funeral-notice .board-list tbody td:nth-child(3)::before {
        content: "상주성명 : ";
    }

    .funeral-notice .board-list tbody td:nth-child(4)::before {
        content: "별세일 : ";
    }


    .funeral-notice .board-list tbody td:nth-child(3)::after,
    .funeral-notice .board-list tbody td:nth-child(5)::after {
        display: inline-block;
        width: 1px;
        height: 10px;
        margin: 0 10px;
        background: #ccc;
        content: "";
    }

    .funeral-after .tab-con01 dl:last-child .th-col-table {
        border: 0;
    }

    .funeral-after .tab-con01 dl:last-child thead {
        display: none;
    }

    .funeral-after .tab-con01 dl:last-child tr,
    .funeral-after .tab-con01 dl:last-child th,
    .funeral-after .tab-con01 dl:last-child td {
        display: block;
        padding: 0;
        height: auto;
        border: 0;
        background: transparent;
        text-align: left;
    }

    .funeral-after .tab-con01 dl:last-child th {
        width: auto;
        margin-bottom: 5px;
        font-size: 16px;
        font-weight: 700;
        margin-top: 20px;
    }

    .funeral-after .tab-con01 dl:last-child th::before {
        display: inline-block;
        width: 5px;
        height: 5px;
        margin-right: 10px;
        border-radius: 100%;
        background: #27499a;
        content: "";
        vertical-align: 3px;
    }

    .funeral-after .tab-con01 dl:last-child tr:first-child th {
        margin-top: 0;
    }

    .funeral-after .tab-con01 dl:last-child tr th br {
        display: none;
    }

    .funeral-after .tab-con01 dl:last-child td {
        color: #555;
        line-height: 1.5;
    }

    .funeral-after .tab-con01 dl:last-child td:nth-child(3)::before {
        content: "서류발행처 : ";
    }

    .funeral-after .tab-con01 dl:last-child td:nth-child(3) br {
        display: none;
    }

    .funeral-after .tab-con01 dl:last-child td:nth-child(4) br {
        display: none;
    }

    .funeral-after .tab-con01 dl:last-child tr:nth-child(2) td:nth-child(4)::before,
    .funeral-after .tab-con01 dl:last-child tr:nth-child(6) td:nth-child(4)::before {
        content: "※ ";
    }

    .funeral-list-box {
        padding: 20px;
    }

    .funeral-list-box dt {
        font-size: 14px;
        font-size: 18px;
    }

    .funeral-list-box dd {
        padding-left: 51px;
        font-size: 12px;
        text-indent: -51px;
    }

    .funeral-list-box dd strong {
        font-size: 14px;
    }

    .funeral-list-box dd em {
        font-size: 11px;
    }

    .board-performance {
        padding-top: 20px;
    }

    .board-performance li {
        width: calc(50% - 5px);
        margin-right: 10px;
        margin-bottom: 69px;
    }


    .board-performance li:nth-child(3n) {
        margin-right: 10px;
    }

    .board-performance li:nth-child(2n) {
        margin-right: 0;
    }


	.board-list > colgroup > col:nth-child(1),
	.board-list > tbody > tr > td:nth-child(1)
	{
	   display: none; 
	}


    .funeral-list-box dd strong {
        font-size: 16px;
        font-size: 22px;
    }

			.introduce .visual p {
			  width: 100%;
			}	
			.visual .visual-wrap {
			  padding-top: 50px;
			}


}




/* 이용방법 */
/* contents */
.contents {
    word-break: keep-all;
    word-wrap: break-word;
    box-sizing: border-box;
}


.contents.con7,
.contents.con6
 {
    text-align: center;
}

.contents .con-wrap {
    overflow: hidden;
    position: relative;
    padding: 100px 40px;
}


.contents.con7 header,
.contents.con6 header
 {
    margin-bottom: 60px;
}




.contents .con-header h2 {
    font-size: 26px;
}
.contents .con-header h2 {
    font-size: 34px;
    word-break: keep-all;
    word-wrap: break-word;
    animation: position-in 1s ease;
}
.contents h2 {
    font-size: 20px;
}
.contents h2 {
    margin-bottom: 6px;
    font-size: 24px;
    font-weight: 400;
    color: #ff0000;
}
.contents h3 {
    font-size: 34px;
}
.contents h3 {
    font-size: 44px;
    font-weight: 300;
    color: #000;
}
.contents.con7,
.contents.con6
 {
    text-align: center;
}

.contents .con-wrap {
    overflow: hidden;
    position: relative;
    padding: 100px 40px;
    padding: 30px 40px;
}

.contents.con7 header,
.contents.con6 header
 {
    margin-bottom: 60px;
}


.contents.con7 {
    background: url("/images/bg/bg-main-service05.png") no-repeat center;
    background-size: cover;
}

.contents.con7 h3 br {
    display: none;
}

.contents.con7 ol {
    display: flex;
 /*   justify-content: space-between; */
    counter-reset: num;
}

.contents.con7 li {
    position: relative;
    bottom: -20px;
    right: -60px;
    width: 240px;
    height: 294px;
    margin-left: 10px;
    border: 1px solid #bfbfbf;
    background: #fff;
    transition: .5s ease;
    opacity: 0;
}

.contents.con7 li:nth-child(2) {
    transition-delay: .4s;
}

.contents.con7 li:nth-child(3) {
    transition-delay: .8s;
}

.contents.con7 li:nth-child(4) {
    transition-delay: 1.2s;
}

.contents.con7 li:nth-child(5) {
    transition-delay: 1.6s;
}

.contents.con7.move li {
    right: 0;
    bottom: 0;
    opacity: 1;
}

.contents.con7 li:first-child {
    margin-left: 0;
}

.contents.con7 li::before {
    display: block;
    position: absolute;
    top: -20px;
    left: 50%;
    width: 58px;
    height: 46px;
    padding-top: 14px;
    transform: translateX(-50%);
    -webkit-box-shadow: 10px 8px 8px 0px rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 10px 8px 8px 0px rgba(0, 0, 0, 0.11);
    box-shadow: 10px 8px 8px 0px rgba(0, 0, 0, 0.11);
    background: #ff0052 url("/images/bg/bg-step-num.png");
    font-size: 26px;
    font-weight: 700;
    color: #fff;
    content: "0"counter(num);
    counter-increment: num 1;
}

.contents.con7 li::after {
    display: block;
    position: absolute;
    top: 74px;
    left: 50%;
    width: 77px;
    height: 67px;
    transform: translate(-50%);
    background: no-repeat center;
    background-size: contain;
    content: "";
}

.contents.con7 li:nth-child(1)::after {
    background-image: url("/images/icon/icon-main-step1.png");
}

.contents.con7 li:nth-child(2)::after {
    background-image: url("/images/icon/icon-main-step2.png");
}

.contents.con7 li:nth-child(3)::after
{
    background-image: url("/images/icon/icon-main-step3.png");
}

.contents.con7 li:nth-child(4)::after
{
    background-image: url("/images/icon/icon-main-step4.png");
}
.contents.con7 li:nth-child(5)::after
{
    background-image: url("/images/icon/icon-main-step5.png");
}

.contents.con7 li dl {
    margin-top: 180px;
}

.contents.con7 li dt {
    font-size: 18px;
    font-weight: 700;
}

.contents.con7 li dd {
    margin-top: 15px;
    font-size: 16px;
    color: #777;
}

/* 일자별 장례절차  */

article.contents.con6  div.con-wrap ol div:nth-child(2) 
/*article.contents > div  > ol  > div */{
		width: 80%;
}	
article.contents.con6 > div.con-wrap  > ol > div {
		width: 5%;
}	

article.contents > div  > ol {
		width: 100%;
}	
.contents.con6 {
    background: url("/images/bg/bg-main-service05.png") no-repeat center;
    background-size: cover;
}

.contents.con6 h3 br {
    display: none;
}

.contents.con6 ol {
    display: flex;
    justify-content: space-between;
    counter-reset: num;
}

.contents.con6 li {
    position: relative;
    bottom: -20px;
    right: -60px;
    width: 240px;
    height: 294px;
    margin-left: 10px;
    border: 1px solid #bfbfbf;
    background: #fff;
    transition: .7s ease;
    opacity: 0;
}


.contents.con6 > div > ol:nth-child(3) > li:nth-child(1) { transition-delay: 0.4s; }
.contents.con6 > div > ol:nth-child(3) > li:nth-child(2) { transition-delay: 0.8s; }
.contents.con6 > div > ol:nth-child(3) > li:nth-child(3) { transition-delay: 1.2s; }	

.contents.con6 > div > ol:nth-child(5) > li:nth-child(1) { transition-delay: 1.6s; }	
.contents.con6 > div > ol:nth-child(5) > li:nth-child(2) { transition-delay: 2.0s; }	
.contents.con6 > div > ol:nth-child(5) > li:nth-child(3) { transition-delay: 2.4s; }	

.contents.con6 > div > ol:nth-child(7) > li:nth-child(1) { transition-delay: 2.8s; }	
.contents.con6 > div > ol:nth-child(7) > li:nth-child(2) { transition-delay: 3.3s; }	
.contents.con6 > div > ol:nth-child(7) > li:nth-child(3) { transition-delay: 3.7s; }	


.contents-container.customer article.contents.con6.move div.con-wrap ol li dl dd
{
	margin-top: 8px;
}	
article.contents.con6.move div.con-wrap ol p,
article.contents.con6 > div > header > h2:nth-child(1) {
	color: #000000; 
	font-size: 30px;
	font-weight: bold;
}
article.contents.con6.move div.con-wrap ol p  {
	vertical-align: middle; 
/*	writing-mode: horizontal-tb; */
	font-size:1.7em;
	width: 17px;
	text-align: center;
	padding: 7px;
	
}

article.contents.con6.move div.con-wrap ol  div
{
/*	height: 200px; */
	display: flex;
	align-items: center;
	justify-content: center;
/*	border: 1px solid azure; */
/*	width: 40px; */
}
.contents.con6.move li {
    right: 0;
    bottom: 0;
    opacity: 1;
}

.contents.con6 li:first-child {
    margin-left: 0;
}
article.contents.con6  > div:nth-child(1) > ol  >  li 
{
	min-width: 100px;
	border: 6px solid #fff;
}
.contents.con6  > div:nth-child(1) > ol  >  li::before
{
	 
    display: block;
    position: absolute;
    top: -20px;
    left: 50%;
    width: 58px;
    height: 46px;
    padding-top: 14px;
    transform: translateX(-50%);
    -webkit-box-shadow: 10px 8px 8px 0px rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 10px 8px 8px 0px rgba(0, 0, 0, 0.11);
    box-shadow: 10px 8px 8px 0px rgba(0, 0, 0, 0.11);
    background: #9b858c ; url("/images/bg/bg-step-num.png");
    font-size: 26px;
    font-weight: 700;
    color: #fff;
	
display: block;
position: absolute;
top: -10px;
left: 7%;
width: 25x;
height: 20px;
padding-top: 2px;
transform: translateX(-50%);
-webkit-box-shadow: 10px 8px 8px 0px rgba(0, 0, 0, 0.11);
-moz-box-shadow: 10px 8px 8px 0px rgba(0, 0, 0, 0.11);
box-shadow: 10px 8px 8px 0px rgba(0, 0, 0, 0.11);
background: #9b858c;
font-size: 16px;
font-weight: 700;
color: #fff;
width: 30px;
padding-bottom: 2px;
	
}
.contents.con6  > div:nth-child(1) > ol  >  li > div {
background-image: url(/images/process/s0101.jpg);
background-repeat: no-repeat;
background-size: cover;
opacity: 0.3;
width: 100%;
height: 80px;
	
}
.contents.con6  div.con-wrap ol div.conprocess ol li::before
{
	background: #9b858c url("/images/bg/bg-step-num.png");
}	
/*html body main.contents-container.customer article.contents.con6.move div.con-wrap ol div ol li::before, */
/* .contents.con6 div ol div ol li::before  */

/* article.contents.con6 > div:nth-child(1) > ol:nth-child(2) > div:nth-child(2) > ol:nth-child(1) > li ,
article.contents.con6   div   ol  div > ol  li::before 
.contents.con6 > li::before */
/*
main.contents-container.customer article.contents.con6  div.con-wrap ol div ol li::before
article.contents.con6 > div:nth-child(1) > ol:nth-child(2) > div:nth-child(2) > ol:nth-child(1) > li:nth-child(1)
article.contents:nth-child(3) > div:nth-child(1) > ol:nth-child(2) > div:nth-child(2) > ol:nth-child(1) > li:nth-child(1) */
/*.contents.con6  div  ol div.conprocess ol li::before  */

.contents.con6  { 
	counter-reset: subsec;
	counter-reset: subsec2;
}

.contents  > div  > ol  > li::before
{
  counter-increment: subsec;
  content:   "0" counter(subsec) " ";
}
html body main.contents-container.customer article.contents.con6.move div.con-wrap ol li::before,
article.contents > div> ol > li::before
{
  counter-increment: subsec2;
  content:   "0" counter(subsec2) " ";
  

  
}
 


.contents.con6   li::after {
    display: block;
    position: absolute;
    top: 74px;
    left: 50%;
    width: 77px;
    height: 67px;
    transform: translate(-50%);
    background: no-repeat center;
    background-size: contain;
    content: "";
}

.contents.con6 ol  > li::after {
}


.contents.con6 li dl {
    margin-top:  80px;
	
	margin-top: 50px;
	height: 180px;
	background-color: #c2c5f4d1;
	background-color: rgba(255, 255, 255, 0.81);
	padding: 5px;	
}

.contents.con6 > div > ol   > li  {
	background-repeat: no-repeat;
	background-size: cover;	
}
.contents.con6 ol:nth-child(3) > li:nth-child(1) { background-image: url(/images/process/s0101.jpg); }
.contents.con6 ol:nth-child(3) > li:nth-child(2) { background-image: url(/images/process/s0102.jpg); }
.contents.con6 ol:nth-child(3) > li:nth-child(3) { background-image: url(/images/process/s0103.jpg); }
.contents.con6 ol:nth-child(5) > li:nth-child(1) { background-image: url(/images/process/s0104.jpg); }
.contents.con6 ol:nth-child(5) > li:nth-child(2) { background-image: url(/images/process/s0105.jpg); }
.contents.con6 ol:nth-child(5) > li:nth-child(3) { background-image: url(/images/process/s0106.jpg); }
.contents.con6 ol:nth-child(7) > li:nth-child(1) { background-image: url(/images/process/s0107.jpg); }
.contents.con6 ol:nth-child(7) > li:nth-child(2) { background-image: url(/images/process/s0108.jpg); }
.contents.con6 ol:nth-child(7) > li:nth-child(3) { background-image: url(/images/process/s0109.jpg); }


.contents.con6 li dt {
    font-size: 24px;
    font-weight: 700;
	margin-bottom: 20px;
	margin-top: 10px;
	

	text-shadow: 0 0 9px rgba(255, 255, 255, 0.9);
	color: #0c417a;
}

.contents.con6 li dd {
    margin-top: 15px;
    font-size: 16px;
    color: #000;
	
	text-shadow: 0 0 9px rgba(255, 255, 255, 0.9);
}
html body main.contents-container.customer article.contents.con6.move div.con-wrap ol {
	margin-top: 60px;
}


