/* visual image */
.visual {background-position:center top; background-repeat:no-repeat; height:200px;}
.visual .text {position:absolute; top:130px; left:0; width:100%; text-align:center; display:none;
	text-shadow: 0px 0px 10px rgba(3, 3, 3, 0.75);
	-webkit-text-shadow: 0px 0px 10px rgba(3, 3, 3, 0.75);
	-moz-text-shadow: 0px 0px 10px rgba(3, 3, 3, 0.75);
	-o-text-shadow: 0px 0px 10px rgba(3, 3, 3, 0.75);
}
.visual .text h2 {color:#fff; font-size:70px; font-weight:bold;  font-family:'Arial'}
.visual .text p {color:#fff; font-size:24px; font-weight:800; font-family:'Nanum Myeongjo'; padding-top:10px;}
.visual#visual_01 {background-image:url('/images/common/visual_01.jpg');}
.visual#visual_02 {background-image:url('/images/common/visual_02.jpg');}
.visual#visual_03 {background-image:url('/images/common/visual_03.jpg');}
.visual#visual_04 {background-image:url('/images/common/visual_04.jpg');}
.visual#visual_05 {background-image:url('/images/common/visual_05.jpg');}
.visual#visual_06 {background-image:url('/images/common/visual_06.jpg');}


/* common */
#breadcrumb {height:40px; background:#f5f5f5; border-bottom:1px solid #e2e2e2;}
#breadcrumb .wrap {text-align:right;}
#breadcrumb .wrap div {display:inline-block; height:40px; line-height:40px; padding:0 20px 0 50px; color:#777; font-size:0.875rem; background:url('/images/common/breadcrumb_arr.png') left center no-repeat;}
#breadcrumb .wrap div.home {background:none;}


#content {min-height:550px; padding-bottom:100px;}
#title {font-size:26px; text-align:center;  padding-top:50px; position:relative; padding-bottom:50px; color:#2a2a2a;}
#title::after {display:block; width:100px; height:1px; background:#2a2a2a; margin:10px auto 0 auto; content: '';}


.underbtns {text-align:center; margin-top:20px;}
.btn {height:42px; border:1px solid #ccc; background:#fff; padding:0 30px; display:inline-block; margin:0 5px; border-radius:5px; font-size:1rem; font-weight:500; color:#777; vertical-align:middle; line-height:38px;}
.btn.btn_ok {background:#a23430; border-color:#a23430; color:#fff;}


/* inquery */
#inqueryform {}
#inqueryform .privacybox {}
#inqueryform .privacybox #f_privacy {width:100%; height:240px; overflow:hidden scroll; background:#f4f4f4;  padding:20px; font-size:0.875rem;}
#inqueryform .agreebox {text-align:center; margin-top:10px;}
#inqueryform .agreebox label {font-weight:400;}

#inqueryform .inputinfo {border-top:1px solid #222; margin-top:30px;}
#inqueryform .inputinfo dl {display:flex;}
#inqueryform .inputinfo dl dt {width:14%; padding:22px 10px 10px 30px; background:#fafafa; border-bottom:1px solid #ccc;  font-weight:400;}
#inqueryform .inputinfo dl dd {width:80%; padding:10px; border-bottom:1px solid #ccc;}
#inqueryform .inputinfo dl dd .emailselect {display:inline-block;}
#inqueryform .inputinfo dl dd #f_tel {width:300px;}
#inqueryform .inputinfo dl dd #f_subject {width:100%;}
#inqueryform .inputinfo dl dd #f_content {height:200px;}


/* board */
.board-type-01 {border-top:1px solid #222;}
.board-type-01 thead {}
.board-type-01 thead th {padding: 15px 0px; font-weight: 400; text-align: center; background:#fafafa; border-bottom:1px solid #ccc;}
.board-type-01 tbody {}
.board-type-01 tbody td {padding: 15px 0px; text-align: center; border-bottom:1px solid #ccc; vertical-align:middle;}
.board-type-01 tbody td.subject {text-align:inherit;}
.board-type-01 tbody td.subject a:hover {text-decoration:underline; color:#000;}

.board-type-01 .col-no {width:100px}
.board-type-01 .col-subject {}
.board-type-01 .col-file {width:70px}
.board-type-01 .col-date {width:150px;}

.board-page {margin-top:20px; text-align:center;}
.board-page span {display:inline-block; border:1px solid #ccc; background:#fff;  margin:0}
.board-page span.active {background:#a23430;  border-color:#a23430; color:#fff; padding:0 5px; min-width:30px; height:32px; line-height:28px; }
.board-page span a {display:block; height:100%; padding:0 5px; min-width:30px; height:30px; line-height:28px; font-weight:300; }
.board-page span.fprev {background:url('/images/common/icon_page_fprev.png') center center no-repeat; text-indent:-9999px;}
.board-page span.prev {background:url('/images/common/icon_page_prev.png') center center no-repeat; text-indent:-9999px;}
.board-page span.next {background:url('/images/common/icon_page_next.png') center center no-repeat; text-indent:-9999px;}
.board-page span.fnext {background:url('/images/common/icon_page_fnext.png') center center no-repeat; text-indent:-9999px;}


.board-view-box1 {border-top:1px solid #222;}
.board-view-box1 th {padding:15px 0 15px 30px; font-weight: 400; text-align: inherit; background:#fafafa; border-bottom:1px solid #ccc; }
.board-view-box1 td {padding:15px 15px 15px 15px;  border-bottom:1px solid #ccc;}
.board-view-box1 td a:hover {text-decoration:underline; color:#000;}
.board-view-box1.otherview {margin-top:30px; border-top:1px solid #ccc;}

.board-view-box1 .col-title {width:140px}
.board-view-box1 .col-date {width:150px;}

.board-view-box2 {padding:20px 30px; min-height:200px; border-bottom:1px solid #ccc;}

.icon-file {width:20px; vertical-align:middle;}


/* about-greet */
.greetbox {text-align:center; }
.greetbox p {line-height:1.5; padding-bottom:20px;}
.greet-01 {}
.greet-01 h3 {color:#a63632; font-family:'Nanum Myeongjo'; font-weight:700; font-size:30px;}
.greet-02 {margin-top:30px;}
.greet-02 p {}
.greet-03 {margin-top:30px; background:#f3f3f3; border:1px solid #dedede; padding:30px 0; width:970px; margin:0 auto; border-radius:10px; }
.greet-03 dl {}
.greet-03 dt {font-size:20px; color:#222; padding-bottom:20px; font-weight:500;}
.greet-03 dd {padding:0 30px;}
.greet-03 dd .greet-value {display:flex;}
.greet-03 dd .greet-value li {width:33%; margin:2%; padding:100px 0 70px 0; border-radius:50%;}
.greet-03 dd .greet-value li.item-01 {background:#147b8c;}
.greet-03 dd .greet-value li.item-02 {background:#1f5f91;}
.greet-03 dd .greet-value li.item-03 {background:#729629;}
.greet-03 dd .greet-value li h4 {color:#fff; font-size:30px; font-weight:700;}
.greet-03 dd .greet-value li p {color:#fff; font-weight:100; padding-top:20px;}
.greet-04 {width:970px; margin:30px auto 0 auto; text-align:left;}
.greet-04 p {}
.greet-05 {text-align:right; width:970px; margin:50px auto 0 auto;}
.greet-05 p {color:#222;}
.greet-05 p .ceoname {font-family:'Nanum Myeongjo'; font-weight:700; font-size:40px; color:#222; padding-left:10px;}


/* about-certificate */
.certificatelist {display:flex; flex-wrap:wrap; /*justify-content:space-between;*/ justify-content:flex-start; width:100%;}
.certificatelist li {width:33.333%; margin:0 0 30px 0; text-align:center;}
.certificatelist li .img {}
.certificatelist li .img img {border:1px solid #ccc; background:#fff; padding:7px; display:block; margin:0 auto;}
.certificatelist li .img figcaption {padding-top:10px;}


/* about-organization */
.organization-info {padding-bottom:30px;}
.organization-info p {line-height:1.5; text-align:center;}

.organization-graph {}
.organization-graph dl {padding:0 2px 2px 2px; border-radius:10px;}
.organization-graph dt {font-size:24px; font-weight:700;  border-radius:10px; padding:20px 0; color:#fff; text-align:center;}
.organization-graph dd {background:#fff; line-height:1.5; border-radius:10px; padding:14px 0; text-align:center;}
.organization-graph .ceo {background:#a23430;}
.organization-graph .director {background:#147b8c;}

.organization-graph .organization-group-01 {position:relative;}
.organization-graph .organization-group-01::before {position:absolute; top:0; left:50%; width:1px; height:calc(100% + 67px); background:#d5d5d5; content:''; display:block; z-index:-1;}
.organization-graph .organization-group-01 dl {width:240px; margin:0 auto 30px auto;}
.organization-graph .organization-group-01 dd {font-weight:700;}

.organization-graph .organization-group-02 {display:flex; width:970px; margin:0 auto; position:relative;}
.organization-graph .organization-group-02::before {position:absolute; top:36px; left:30px; right:30px; width:calc(100% - 60px); height:1px; background:#d5d5d5; content:''; display:block; z-index:-1;}
.organization-graph .organization-group-02 dl {width:25%; margin:0 10px; background:#656565;}
.organization-graph .organization-group-02 dd {height:150px;}


/* about-location */
.location-map {}
.location-map iframe {width:100%; height:420px;}

.location-info {margin-top:30px; /*padding-left:50%; background:url('/images/common/top_logo.jpg') 150px center no-repeat;*/}
.location-info dl {border-left:4px solid #c9c9c9; padding-left:20px; display:flex; padding-bottom:20px;}
.location-info dt {font-weight:500; color:#222; width:100px;}
.location-info dl:nth-last-child(1) {padding-bottom:0;}

.locationbox {display:flex; justify-content:space-between;}

.locationbox .map-01 {width:48%;}
.locationbox .map-02 {width:48%;}

.locationbox .subtitle{font-size:22px; text-align:center; color:#08865e; font-weight:500; margin-bottom:30px;}
.locationbox .subtitle::after {display:block; width:80px; height:2px; background:#08865e; margin:10px auto 0 auto; content: '';}
.locationbox .subtitle:nth-of-type(n+2) {margin-top:50px; }

.locationbox .mapbox {border:1px solid #ccc; height:400px;}



/* performance */
.performancebox {position:relative; display:flex; justify-content:space-between;}

.performance-select {width:24%; background:#f4f4f4; padding:20px;border:1px solid #e1e1e1; border-radius:5px; order:2;}
.performance-select .tip {padding-bottom:20px; line-height:1.3; font-size:0.875rem; position:relative; padding-left:20px;}
.performance-select .tip::before {display:inline-block; content:'¡å'; position:absolute; top:0; left:0;}
.performance-select ul::after {display:block; content:''; clear:both;}
.performance-select li {padding-bottom:5px; float:left; margin-right:5px; margin-left:5px; width:calc(50% - 10px);}
.performance-select li a {display:block; padding:15px 0; text-align:center; border:1px solid #dedede; border-radius:5px; background:#fff; color:#aaa;}
.performance-select li.active a {background:#333; color:#fff;}

.performance-list { width:76%; order:1;}
.performance-work {display:block; display:none;}
.performance-work::after {display:block; content:''; clear:both; }
.performance-work:nth-child(1) {display:block;}

.performance-work .year {text-align:left;  font-size:36px; font-weight:700; color:#333; }
.performance-work .work {position:relative; margin-top:30px;}
.performance-work .work::after {display:block; content:''; clear:both;}
.performance-work .work li {line-height:1.5; padding-bottom:15px; width:calc(50% - 30px); float:left; font-weight:400; position:relative; padding-left:30px; padding-right:10px;}
.performance-work .work li::before {display:inline-block; width:14px; height:14px; content:''; border:5px solid #08865e; background:#fff; border-radius:100px; vertical-align:-6px; margin-right:10px; position:absolute; top:0; left:0;}
.performance-work .subtitle {font-size:22px; text-align:left; margin-top:50px; color:#08865e; font-weight:500;}
.performance-work .subtitle::after {display:block; width:80px; height:2px; background:#08865e; margin:10px auto 0 0; content: '';}
.performance-work .subtitle.title-02 {color:#a1312f; }
.performance-work .subtitle.title-02::after  {background:#a1312f;}
.performance-work .work.work-02 li::before {border:5px solid #a1312f; }


/* site link */
.link-notice {text-align:center;}
.link-list {margin-top:30px; border-bottom:1px solid #ccc;}
.link-group {}
.link-group h3 {background:#f5f5f5; padding:15px 20px; font-size:20px; font-weight:500; color:#222; border:1px solid #ccc; border-bottom:0; position:relative; cursor:pointer;}
.link-group h3::after {display:inline-block; content:'¡å'; position:absolute; top:15px; right:20px; font-size:1rem;}
.link-group h3.active::after {content:'¡â';}
.link-group ol {padding:20px; border-left:1px solid #ccc;  border-right:1px solid #ccc; border-top:1px solid #dfdfdf; border-bottom:0; display:none;}
.link-group:nth-child(1) ol {display:block;}
.link-group ol::after {display:block; content:''; clear:both;}
.link-group ol li {list-style:/*decimal-leading-zero*/disc; margin-left:25px;  padding-bottom:15px; float:left; width:calc(25% - 25px);}


/* products */
.board-type-03 {}
.board-type-03::after{display:block; content:''; clear:both; }
.board-type-03 li {width:calc(25% - 20px); margin:0 10px; padding-bottom:30px; float:left;}
.board-type-03 li .img {border:1px solid #ccc; height:200px; overflow:hidden;}
.board-type-03 li .img a {text-align:center; display:block;}
.board-type-03 li .img img {width:auto; max-width:100%; max-height:100%; }
.board-type-03 li .subject {padding-top:10px; text-align:center;}

.subtab {padding-bottom:40px; text-align:center;}
.subtab a {display:inline-block; padding:12px 15px; border:1px solid #eee; border-radius:3px; margin-right:5px; font-weight:500; color:#aaa;}
.subtab a.active {border:1px solid #000; color:#333;}


/* business */
.businessbox .subtitle{font-size:22px; color:#08865e; font-weight:500; text-align:center; }
.businessbox .subtitle::before {display:inline-block; width:20px; height:20px; background:#08865e; margin:0 20px 0 0; content: ''; vertical-align:-2px;}
.businessbox .subtitle::after {display:inline-block; width:20px; height:20px; background:#08865e; margin:0 0 0 20px; content: ''; vertical-align:-2px;}
.businessbox .subtitle:nth-of-type(n+2) {margin-top:50px; }
.businessbox .subinfo {line-height:1.7; margin-top:20px; color:#a63632;}
.businessbox .subinfo strong {line-height:1.7; color:#a63632; font-weight:500; font-size:18px;}
.businessbox .subinfo strong {}
.businessbox .law {}
.businessbox .law .law-subj {font-size:18px; font-weight:700; color:#333; margin-top:30px; padding:15px 20px; border-top:1px solid #000; background:#eee;}
.businessbox .law .law-info {border-top:1px solid #000; border-bottom:1px solid #ccc; padding:20px 30px;}
.businessbox .law .law-info li {list-style:decimal-leading-zero; margin-left:20px; line-height:1.7;}

.businessbox .subinfo-02 {}
.businessbox .subinfo-02 li {line-height:1.7; list-style:disc; margin-left:20px;}



.board-type-02 {border-top:1px solid #222; border-left:1px solid #ccc; margin-top:20px;}
.board-type-02 caption {padding:20px 0; text-align:left;}
.board-type-02 thead {}
.board-type-02 thead th {padding: 15px 10px; font-weight: 400; text-align: center; vertical-align:middle; background:#fafafa; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
.board-type-02 tbody {}
.board-type-02 tbody th {padding: 15px 10px; font-weight: 400; text-align: center; vertical-align:middle; background:#fafafa; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
.board-type-02 tbody td {padding: 15px 10px; border-bottom:1px solid #ccc; vertical-align:middle; line-height:1.5; border-right:1px solid #ccc;}

.business-02-01 th {width:10%;} 
.business-02-01 td {width:45%;}

.business-02-02 td:nth-child(1) {width:25%; text-align:center;}
.business-02-02 td:nth-child(2) {width:55%;}
.business-02-02 td:nth-child(3) {text-align:center;}

.business-03-01 td:nth-child(1) {width:20%;}
.business-03-01 td:nth-child(2) {width:40%;}
.business-03-01 td:nth-child(3) {width:40%;}

.business-03-02 td:nth-child(1) {width:20%;}
.business-03-02 td:nth-child(2) {width:80%;}


.privacybox {}
.privacybox h3 {font-weight:500; color:#333; padding-bottom:20px; font-size:20px;}
.privacybox ul {margin-bottom:40px;}
.privacybox ul li { line-height:1.5;}
.privacybox p {padding-bottom:20px; line-height:1.5;}