@charset "utf-8";

/* nav 1-1 */
.content-item.greetings .left-line {position:relative;}
.content-item.greetings .left-line:before {content:""; position:absolute; left:-5%; top:0; width:2px; height:100%; background-color:#dedede;}
.content-item.greetings h2 {margin-bottom:30px; color:#222; font-weight:400;}
.content-item.greetings h2 span {color:#37795b; display:block; }
.content-item.greetings p {line-height:1.9; margin-bottom:30px; display:block;}
.content-item.greetings p span {display:block;}

.sign {position:relative; display:block; float:right;}
.sign > span {font-family:'Nanum Brush Script', cursive; font-weight:400; padding-left:20px;}

@media only screen and (max-width:1200px) {
	.content-item.greetings p span {display:inline; padding-left:5px;}
}

/* nav 1-3 */
.org-box { position: relative; width: 100%; height: auto; text-align: center;  padding: 50px 0; }
.org-box .row {position:relative; width:100%; margin:0; padding-left:15px; padding-right:15px;}
.org-box .circle-box { position: relative; width: 60%;  background-color: #fff; padding: 16px 0px; border-radius: 25px 25px; color: #373c46; border: 1px solid #bbbbbb; margin: 0 auto; margin-bottom: 40px; margin-top: -30px; }
.org-chart {padding:20px 24px;  z-index:99; color:#fff; text-align:center;}

.chart-item3-l:before, .chart-item4-l:before {content:""; position:absolute; top:50%; right:-100%; margin-top:-1px; width:100%; height:2px; background-color:#d3d5d8; z-index:10;}
.org-chart-center-line:before {content:""; position:absolute; left:50%; top:0; width:2px; height:100%; margin-left:-1px; background-color:#d3d5d8; z-index:10;}
.org-chart-center-line-half:before {content:""; position:absolute; left:50%; top:0; width:2px; height:75%; margin-left:-1px; background-color:#d3d5d8; z-index:10;}
.chart-item3-r:before, .chart-item4-r:before {content:""; position:absolute; top:50%; left:-100%; margin-top:-1px; width:100%; height:2px; background-color:#d3d5d8; z-index:10;}

.chart-item5:before {content:""; position:absolute; top:-41px; left:50%; margin-left:-1px; width:109%; height:2px; background-color:#d3d5d8; z-index:10;}
.chart-item5:last-child:before {content:none;}
.chart-item5:after {content:""; position:absolute; top:-40px; left:50%; margin-left:-1px; width:2px; height:40px; background-color:#d3d5d8; z-index:10;}

.chart-item1, .chart-item2 {margin-bottom:40px; background-color:#21242a;}
.chart-item5 {float:left; position:relative; width:30%; margin:0 1.25%;}
.chart-item5:first-child {margin:0 1.25% 0 2.5%;}
.chart-item5:last-child {margin:0 2.5% 0 1.25%;}

.chart-item5.org-chart {padding:0 24px;}

.chart-item5 h2 {padding:14px 0; width:100%;}
.chart-item5 ol {padding:10px 14px; background-color:#fafafa; color:#454545; text-align:left; border:1px solid #ccc;}
.chart-item5 ol li:last-child {margin-bottom:0px !important;}

.chart-item5:nth-child(1) h2 {background-color:#6aabb1;}
.chart-item5:nth-child(2) h2 {background-color:#a1bdb9;}
.chart-item5:nth-child(3) h2 {background-color:#8d9caf;}

@media only screen and (max-width:1200px) {
	.org-chart {padding:18px 12px;}
	.org-chart-center-line-half:before {height:73%;}
}

@media only screen and (max-width:800px) {
	.chart-item5:before  {content:none;}
	.org-box .row {padding-left:0; padding-right:0;}
	.chart-item5.org-chart {padding:0;}
	.chart-item5 {width:100%; margin:0;}
	.chart-item5:first-child {margin:0;}
	.chart-item5:last-child {margin:0;}
}

@media only screen and (max-width:600px) {
	.org-box .row {padding-left:5px; padding-right:5px;}
	.org-chart {letter-spacing:-1px; padding:12px 4px;}
	.chart-item3-l:before, .chart-item4-l:before {right:-100%; width:100%;}
	.chart-item3-r:before, .chart-item4-r:before {content:none;}
	.org-chart-center-line-half:before {height:70%;}
}

.table {width:100%; height:auto;}
.table table {width:100%; table-layout: fixed;}
.table table tr th {background-color:#fafafa; padding-top:16px; padding-bottom:16px; font-weight:300; color:#222; border-top:2px solid #282828;}
.table table tr td {padding:10px 5px; color:#565656;}

.table table tr td.tal {padding-left:10px;}
.table table tr td ol.l-num li {margin-bottom:5px; padding-left:10px;}
.table table tr td ol.l-num li span.num {margin-left:-10px;}
.table table tr td ol.l-num li:last-child {margin-bottom:0px;}
.table table tr th, .table table tr td {border-left:1px solid #dddddd; border-bottom:1px solid #dddddd;}
.table table tr th:last-child, .table table tr td:last-child {border-right:1px solid #dddddd;}
.table table tr th .small, .table table tr td .small {font-size:80%; color:#528acf;}

.table table .m-txt-break {display:block; margin-bottom:5px;}
.table table .m-txt-break:last-child {margin-bottom:0px;}
.table table tr .pc-view {display:table-cell;}
.table table tr td.pc-view, .table table tr th.pc-view {display:table-cell;}
.table table tr .m-view {display:none;}

@media only screen and (max-width:768px) {
	.table table tr .pc-view {display:none;}
	.table table tr td.pc-view, .table table tr th.pc-view {display:none;}
	.table table tr .m-view {display:block;}
	.table table tr th.mline, .table table tr td.mline {border-right:1px solid #dddddd;}
	.table table tr td {text-align:center; padding:10px 4px;}
}

/* nav 1-5 */
.content-item .google-map {position:relative;}
.content-item .google-map .marker {position:absolute; z-index:10; background-color:rgba(40, 89, 67, 0.9); border-radius:10px 10px; color:#fff; top:140px; left:50%; margin-left:-90px; width:180px; height:40px; line-height:40px; text-align:center;}
.content-item .google-map .marker span {position:relative; width:100%; height:100%; display:block;}
.content-item .google-map .marker span:after {position: absolute;
    bottom: -16px;
    left: calc(50% - 16px);
    content: " ";
    height: 0;
    z-index: -1;
    border-bottom: 16px solid;
    border-left: 16px solid rgba(0, 0, 0, 0);
    border-right: 16px solid rgba(0, 0, 0, 0);
    color: rgba(40, 89, 67, 0.9);;
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
}

.content-item .map-txt {position:relative; width:100%; height:auto; padding-bottom:14px; border-bottom:1px solid #e5e5e5;}
.content-item .map-txt dl {display:block; width:100%;}
.content-item .map-txt dd.location,
.content-item .map-txt dd.number,
.content-item .map-txt dd.fax {position:relative; line-height:32px; padding:0 0 0 16px; letter-spacing:-0.5px; float:left; color:#898989;}
.content-item .map-txt dd.location:before,
.content-item .map-txt dd.number:before,
.content-item .map-txt dd.fax:before {content:''; position:absolute; top:14px; left:6px; width:4px; height:4px; background-color:#333; border-radius:2px 2px;}
.content-item .map-txt dd.location span,
.content-item .map-txt dd.number span,
.content-item .map-txt dd.fax  span
{color:#222; font-weight:400; line-height:32px; letter-spacing:-0.5px; display:inline-block; width:80px; box-sizing:border-box;}
.content-item .map-txt dd.number {margin-right:30px;}

.content-item .map-txt .map-link {float:right; display:block; width:180px; height:64px; background-color:#464e5b; color:#fff; line-height:64px; text-align:center;}
.content-item .map-txt .map-link span {margin-right:10px;}

@media only screen and (max-width:768px) {
    .content-item .map-txt dd.location span {margin-left:-80px; line-height:1.6;}
    .content-item .map-txt dd.location {padding:0 0 0 96px; line-height:1.6;}
    .content-item .map-txt dd.location:before {top:9px;}
    .content-item .map-txt .map-link {width:100%; float:left;}
}

@media print {
	.chart-item3-l:before, .chart-item4-l:before {right:-50%; width:50%;}
	.chart-item3-r:before, .chart-item4-r:before {left:-50%; width:50%;}
	
	.content-item .google-map, .content-item .google-map iframe #mapDiv {position:relative; width:210mm;}

	.content-item .map-txt .col-sm-9 {width:75%; float:left;}
	.content-item .map-txt .col-sm-3 {width:25%; float:left;}
}