@charset "utf-8";

/* sub visual */
.sub-visual {background-image:url("../image/sub_01/sub_visual.jpg");}

/* 01_01 */
.greeting-wrap {text-align:left;}
.greeting-wrap h4, .greeting-wrap h5, .greeting-wrap p {white-space:pre-line; line-height:1.6;}
.greeting-wrap h4 {font-size:1.5em; font-family:'twaysky'; margin:1.778em 0;}
.greeting-wrap h4 mark {display:inline-block; position:relative;}
.greeting-wrap h4 mark:after {content:''; width:100%; height:.306em; background-color:#ffd307; position:absolute; bottom:.5em; left:0; z-index:-1;}
.greeting-wrap h5 {font-weight:600; font-size:1.25em;}
.greeting-wrap h5:nth-child(3) {color:#0c3660;}
.greeting-wrap p:nth-child(4) {margin:1.6em 0; line-height:2;}
.greeting-wrap .sign {width:100%; height:auto; margin-top:3em; text-align:right;}
.greeting-wrap .sign p:nth-child(1) {font-weight:600;}
.greeting-wrap .sign p:nth-child(2) {font-weight:800; margin-top:.833em;}
.greeting-wrap .sign p:nth-child(2) img {display:inline-block; vertical-align:middle; padding-left:1em;}

@media screen and (max-width: 667px) {
	.greeting-wrap h4, .greeting-wrap h5, .greeting-wrap p {white-space:normal;}
	.greeting-wrap .sign p:nth-child(2) img {width:136px}
}

/* 01_02 */
.history-wrap {max-width:1240px; padding:0 20px; margin:0 auto; text-align:left;}
.history-wrap h4 {display:inline-block; margin-left:.519em; font-weight:800; font-size:3.208em; position:relative;}
.history-wrap h4:after {content:''; display:inline-block; width:100%; height:.325em; background-color: #59b4d5; position:absolute; bottom:.13em; left:0; z-index:-1;}
.history-wrap ul {width:100%; height:auto; padding:1.5em 0;}
.history-wrap ul:not(:nth-child(2)) {border-top:1px solid #000;}
.history-wrap ul:nth-child(2) {margin-top:2em;}
.history-wrap ul li {display:table; width:100%;}
.history-wrap ul li:not(:nth-child(1)) {margin-top:1em;}
.history-wrap ul li strong {display:table-cell; vertical-align:top; width:6.471em; padding:0 1.412em; font-weight:800; font-size:1.417em;}
.history-wrap ul li em {display:table-cell; vertical-align:middle; width:calc(100% - 10em); font-size:.917em;}
.history-wrap ul li em mark {display:block; font-weight:600; color:#05416b; padding-top:.909em;}

@media screen and (max-width: 667px) {
	.history-wrap {padding:0;}
	.history-wrap h4 {margin-left:0; font-size:2.5em;}
	.history-wrap ul li, .history-wrap ul li strong, .history-wrap ul li em {display:block;}
	.history-wrap ul li:not(:nth-child(1)) {margin-top:1.25em;}
	.history-wrap ul li strong {width:100%; padding:0;}
	.history-wrap ul li em {width:100%; margin-top:1em; line-height:1.2;}
	.history-wrap ul li em mark {padding-top:.5em;}
}

/* 01_03 */
.organ-wrap {}
.organ-wrap > p {}
.organ-wrap .mo-organ {display:none; width:100%; height:auto; position:relative;}
.organ-wrap .mo-organ:after {content:''; display:block; width:1px; height:100%; background-color:#000; position:absolute; top:0; left:50%; z-index:-1;}
.organ-wrap .mo-organ span, .organ-wrap .mo-organ em {display:block;}
.organ-wrap .mo-organ > ul {width:100%; height:auto;}
.organ-wrap .mo-organ > ul > li:nth-child(1) > div {padding:.417em; color:#fff; background-color:#fff; border:1px solid #22357c;}
.organ-wrap .mo-organ > ul > li:nth-child(1) > div p {padding:.833em; background-color:#22357c;}
.organ-wrap .mo-organ > ul > li:nth-child(1) > div p span {font-weight:600; font-size:.75em;}
.organ-wrap .mo-organ > ul > li:nth-child(1) > div p em {font-weight:800; font-size:1.542em; margin-top:.432em;}
.organ-wrap .mo-organ > ul > li > ul > li:not(:nth-child(3)) {padding:1.154em .769em; margin-top:.769em; background-color:#f6f5f5; border:1px solid #000; font-weight:800; font-size:1.083em;}
.organ-wrap .mo-organ > ul > li > ul > li:not(:nth-child(3)) em {padding:.769em 0; margin:.769em 0; border:1px solid #000; border-left:0; border-right:0; font-size:1.346em;}
.organ-wrap .mo-organ > ul > li > ul > li:not(:nth-child(3)) em span {font-size:.571em; margin-bottom:.8em;}
.organ-wrap .mo-organ > ul > li > ul > li:not(:nth-child(3)) ul li {font-weight:600; font-size:.769em; line-height:1.4;}
.organ-wrap .mo-organ > ul > li > ul > li:not(:nth-child(3)) ul li span {margin-top:.769em;}
.organ-wrap .mo-organ > ul > li > ul > li:nth-child(3) {margin-top:.833em;}
.organ-wrap .mo-organ > ul > li > ul > li:nth-child(3) div {padding:1.154em .769em; background-color:#408936; border:1px solid #1c5713; font-weight:600; font-size:1.083em; color:#fff;}
.organ-wrap .mo-organ > ul > li > ul > li:nth-child(3) div em {display:inline-block; font-size:1.231em;}
.organ-wrap .mo-organ > ul > li > ul > li:nth-child(3) div span {display:inline-block; padding-left:1.5em;}
.organ-wrap .mo-organ > ul > li > ul > li:nth-child(3) > ul > li {padding:1.154em .769em; margin-top:.769em; background-color:#424343; border:1px solid #000; color:#fff; font-weight:800; font-size:1.083em;}
.organ-wrap .mo-organ > ul > li > ul > li:nth-child(3) > ul > li em {padding:.625em 0; margin:.625em 0; font-weight:600; font-size:1.231em; border:1px solid #fff; border-left:0; border-right:0;}
.organ-wrap .mo-organ > ul > li > ul > li:nth-child(3) > ul > li em span {font-weight:normal; font-size:.625em; margin-bottom:.8em;}
.organ-wrap .mo-organ > ul > li > ul > li:nth-child(3) > ul > li > ul > li {font-weight:600; font-size:.769em; line-height:1.4;}

@media screen and (max-width: 667px) {
	.organ-wrap > p {display:none;}
	.organ-wrap .mo-organ {display:block;}
}

/* 01_04 */
.field-wrap {}
.field-wrap table {width:100%; height:auto; border-top:2px solid #333; border-bottom:1px solid #333;}
.field-wrap table thead th {padding:.833em 0; font-weight:800; line-height:1.2;}
.field-wrap table thead th:not(:nth-child(1)) {border-left:2px solid #e1e1e1;}
.field-wrap table tbody th, .field-wrap table tbody td {padding:.909em; border-top:1px solid #e1e1e1; font-size:.917em; line-height:1.2;}
.field-wrap table tbody td {border-left:2px solid #e1e1e1; text-align:left;}

.field-wrap .link-wrap {width:100%; height:auto; margin-top:5.333em;}
.field-wrap .link-wrap a {display:inline-block; padding:1.2em; margin:0 .5em; background-color:#66767a; color:#fff; font-weight:600; font-size:.833em;}
.field-wrap .link-wrap a:before {content:''; display:inline-block; vertical-align:middle; width:4.8em; height:1px; margin-right:1.2em; background-color:currentColor;}
.field-wrap .link-wrap a:last-child {background-color:#59b4d5;}
.field-wrap .link-wrap a:hover {background-color:#000;}

@media screen and (max-width: 926px) {
	.field-wrap .mo-scroll-x {width:100%; height:auto; overflow-x:auto;}
	.field-wrap .mo-scroll-x table {width:926px;}
	.field-wrap .link-wrap {margin-top:3em;}
	.field-wrap .link-wrap a {margin:.5em 0;}
	.field-wrap .link-wrap a:before {width:2em;}
}

/* 01_05 */
.recognition-wrap {max-width:1040px; padding:0 20px; margin:0 auto;}
.recognition-wrap > ul {width:100%; height:auto; display:flex;}
.recognition-wrap > ul > li {padding:0 .417em;}
.recognition-wrap > ul > li a {display:block; width:100%; height:100%;}
.recognition-wrap > ul > li img {border:1px solid #000; line-height:0;}
.recognition-wrap > ul > li div {padding:1.333em; border:1px solid #000; margin-top:.2em;}
.recognition-wrap > ul > li div strong {font-weight:800; font-size:1.083em; line-height:1.2;}
.recognition-wrap > ul > li div span {display:block; padding-top:.5em; font-size:.75em;}
.recognition-wrap > ul > li a:hover div {background-color:#eaeaea;}
.recognition-wrap .modal {display:none; position:fixed; z-index:5; padding-top:0; left:0; top:0; width:100%; height:100%; overflow:auto; background-color:rgba(0,0,0,0.57);}
.recognition-wrap .modal .modal-content {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:27.5em;}
.recognition-wrap .modal .modal-content ul {width:100%; height:auto;}
.recognition-wrap .modal .modal-content ul li {border:1px solid #000; line-height:0;}
.recognition-wrap .modal .modal-content > a {display:block; width:1.28em; height:1.28em; line-height:1.4em; background-color:#000; color:#fff; position:absolute; top:0; right:-1.28em; font-size:2.083em;}

@media screen and (max-width: 667px) {
	.recognition-wrap {padding:0;}
	.recognition-wrap > ul {display:block;}
	.recognition-wrap > ul > li {padding:0;}
	.recognition-wrap > ul > li:last-child {margin-top:2em;}
	.recognition-wrap > ul > li div {margin-top:8px;}

	.recognition-wrap .modal .modal-content {width:90%;}
	.recognition-wrap .modal .modal-content > a {top:-1.28em; right:0;}
}

/* 01_06 */
.directions-wrap {}
.directions-wrap .map-wrap {width:100%; height:27.375em; padding:1.042em; border:1px solid #000;}
.directions-wrap .map-wrap .root_daum_roughmap {width:100%; height:100%; background-color:#eee;}
.directions-wrap .map-wrap .root_daum_roughmap .wrap_map {height:604px;}
.directions-wrap .map-info {width:100%; height:auto; padding:1em; text-align:left;}
.directions-wrap .map-info li {margin-top:1.333em;}
.directions-wrap .map-info li i {display:inline-block; vertical-align:middle; width:1.792em; height:1.792em; margin-right:8px; background-size:100%;}
.directions-wrap .map-info li strong {font-weight:800;}
.directions-wrap .map-info li:nth-child(1) i {background-image:url("../image/sub_01/img_sub_01_6.png");}
.directions-wrap .map-info li:nth-child(2) i {background-image:url("../image/sub_01/img_sub_01_7.png");}
.directions-wrap .map-info li:nth-child(3) i {background-image:url("../image/sub_01/img_sub_01_8.png");}
.directions-wrap .map-info li:nth-child(4) i {background-image:url("../image/sub_01/img_sub_01_9.png");}

@media screen and (max-width: 1366px) {
	.directions-wrap .map-wrap .root_daum_roughmap .wrap_map {height:503px;}
}
@media screen and (max-width: 667px) {
	.directions-wrap .map-wrap {height:320px;}
	.directions-wrap .map-wrap .root_daum_roughmap .wrap_map {height:280px;}
	.directions-wrap .map-info {padding:1em 0;}
	.directions-wrap .map-info li {line-height:1.2;}
	.directions-wrap .map-info li i {display:block; margin-bottom:.5em;}
}