/* common */
.is-pc {display:block;}
.is-m {display:none;}
@media (max-width:991px){
.is-pc {display:none;}
.is-m {display:block;}
}

/* container */
.container.sub {margin:70px auto; max-width:1000px;}
@media (max-width:991px){
.container.sub {margin:30px auto;}
}

/* sub-banner-box */
.sub-banner-box {position:relative; overflow:hidden; background-size:cover; background-position:center;}
.sub-banner-box.sub-01 {background-image:url('../images/bg_sub_banner_01.png');}
.sub-banner-box.sub-02 {background-image:url('../images/bg_sub_banner_02.png');}
.sub-banner-box.sub-03 {background-image:url('../images/bg_sub_banner_03.png');}
.sub-banner-box.sub-04 {background-image:url('../images/bg_sub_banner_04.png');}
.sub-banner-box.sub-05 {background-image:url('../images/bg_sub_banner_05.png');}
.sub-banner-box:before {position:absolute; left:0; top:0; width:100%; height:100%; content:""; background:rgba(0,0,0,0.8);}
.sub-banner-box:after {display:block; content:""; padding-bottom:18%;}
.sub-banner-box .container {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.sub-banner-box .container h2 {font-size:48px; font-weight:bold; color:#fff; text-align:center;}
.sub-banner-box .container p {font-size:20px; color:#fff; text-align:center; font-weight:300;}
@media (max-width:991px){
.sub-banner-box:after {padding-bottom:50%;}
.sub-banner-box .container h2 {font-size:30px;}
.sub-banner-box .container p {font-size:15px;}
}
@media (max-width:575px){
.sub-banner-box:after {padding-bottom:40%;}
}

/* category-box */
.category-box {background:var(--color-gray-300); border-bottom:1px solid var(--color-gray-400);}
.category-box ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.category-box ul li {margin:0 60px;}
.category-box ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:55px; font-size:18px; font-weight:500;}
.category-box ul li.active a {color:var(--color-active); position:relative;}
.category-box ul li.active a:after {position:absolute; left:0; bottom:-1px; width:100%; height:3px; content:""; background:var(--color-active);}
.category-box.transparent {background:transparent; border-bottom:1px solid rgba(255,255,255,0.5); margin-bottom:-56px; position:relative; z-index:10;}
.category-box.transparent ul li a {color:#fff;}
.category-box.transparent ul li.active a:after {background:#fff;}
@media (max-width:991px){
.category-box ul li {margin:0 20px;}
.category-box ul li a {height:50px; font-size:15px;}
.category-box.transparent {margin-bottom:-51px;}
}
@media (max-width:767px){
.category-box .container {padding:0;}
.category-box ul li {margin:0; flex:1; min-width:0;}
}

/* sub-title-box */
.sub-title-box {display:flex; flex-wrap:wrap; margin:0 0 70px;}
.sub-title-box:before {width:2px; background:var(--color-active); display:block; content:""; margin:0 20px 0 0;}
.sub-title-box div {flex:1; min-width:0;}
.sub-title-box div h2 {font-size:40px; font-weight:bold; line-height:1.3; letter-spacing:-1px;}
.sub-title-box div p {font-size:40px; font-weight:500; color:var(--color-active); line-height:1.3; letter-spacing:-1px;}
.sub-title-box div small {display:block; font-size:20px; font-weight:500; color:var(--color-active); letter-spacing:-1px; word-break:keep-all; margin:5px 0 0;}
@media (max-width:991px){
.sub-title-box {margin:0 0 50px;}
.sub-title-box:before {margin:0 15px 0 0;}
.sub-title-box div h2 {font-size:25px;}
.sub-title-box div p {font-size:25px;}
.sub-title-box div small {font-size:18px;}
}

/* sub-text-box */
.sub-text-box {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:0 0 70px;}
.sub-text-box > div {display:flex; flex-wrap:wrap; align-items:center;}
.sub-text-box > div > * {display:flex; flex-wrap:wrap; align-items:center;}
.sub-text-box > div > p:before {display:inline-block; content:""; width:1px; height:13px; margin:0 10px; background:#000;}
.sub-text-box > div > p.no-before:before {display:none;}
.sub-text-box > div > p.ft-white:before {background:#fff;}
.sub-text-box > div img {width:100px;}
.sub-text-box > div p {font-size:15px;}
.sub-text-box > div p b {font-size:15px; font-weight:600; color:var(--color-active); margin:0 0 0 5px;}
@media (max-width:991px){
.sub-text-box {justify-content:flex-end; margin:0 0 50px;}
.sub-text-box > div.text-left {display:none;}
.sub-text-box > div p {font-size:14px;}
.sub-text-box > div p b {font-size:14px;}
}

/* history-box */
.history-box .list-top ul li {margin:0 0 5px; display:flex; flex-wrap:wrap;}
.history-box .list-top ul li:last-of-type {margin:0;}
.history-box .list-top ul li b {width:150px; margin:0 25px 0 0; display:flex; flex-wrap:wrap; justify-content:space-between;}
.history-box .list-top ul li b span {font-size:18px; font-weight:600; color:var(--color-active);}
.history-box .list-top ul li p {flex:1; min-width:0; font-size:18px; word-break:keep-all; color:#6D6E71;}
.history-box .list-bottom {margin:100px 0 -70px;}
.history-box .list-bottom ul {display:flex; flex-wrap:wrap;}
.history-box .list-bottom ul li {flex:1; min-width:0; margin:0 40px 0 0; position:relative;}
.history-box .list-bottom ul li:last-of-type {margin:0;}
.history-box .list-bottom ul li:before {display:block; content:""; padding-bottom:260%;}
.history-box .list-bottom ul li img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.history-box .list-bottom ul li div {position:absolute; left:0; top:0; width:100%; height:100%; padding:20% 10%;}
.history-box .list-bottom ul li div time {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:40px; color:#fff;}
.history-box .list-bottom ul li div time b {font-size:40px; font-weight:bold; color:#fff;}
.history-box .list-bottom ul li div strong {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:30px; color:#fff; margin:-10px 0 0;}
.history-box .list-bottom ul li div strong b {font-size:30px; font-weight:600; color:#fff;}
.history-box .list-bottom ul li div p {font-size:20px; text-align:center; color:#fff; font-weight:300;}
.history-box .list-bottom ul li div p:before {display:block; content:""; width:20px; height:2px; background:#fff; margin:15px auto;}
@media (max-width:991px){
.history-box .list-top ul li b {width:100px; margin:0 15px 0 0;}
.history-box .list-top ul li b span {font-size:15px;}
.history-box .list-top ul li p {font-size:15px;}
.history-box .list-top ul li p a {font-size:15px;}
.history-box .list-bottom {margin:50px 0 -30px;}
.history-box .list-bottom ul li {margin:0 5px 0 0;}
.history-box .list-bottom ul li div time {font-size:30px;}
.history-box .list-bottom ul li div time b {font-size:30px;}
.history-box .list-bottom ul li div strong {font-size:20px;}
.history-box .list-bottom ul li div strong b {font-size:20px;}
.history-box .list-bottom ul li div p {font-size:15px;}
.history-box .list-bottom ul li div p:before {width:15px; height:1px;}
}
@media (max-width:500px){
.history-box .list-bottom ul li div {position:absolute; left:0; top:0; width:100%; height:100%; padding:20% 5px;}
.history-box .list-bottom ul li div time {font-size:5vw;}
.history-box .list-bottom ul li div time b {font-size:5vw;}
.history-box .list-bottom ul li div strong {font-size:4.5vw; margin:0;}
.history-box .list-bottom ul li div strong b {font-size:4.5vw;}
.history-box .list-bottom ul li div p {font-size:3.4vw;}
.history-box .list-bottom ul li div p:before {width:15px; height:1px;}
}

/* ci-box */
.ci-box > ul > li {margin:0 0 100px;}
.ci-box > ul > li:last-of-type {margin:0;}
.ci-box > ul > li h3 {font-size:25px; font-weight:600; margin:0 0 5px;}
.ci-box > ul > li p {font-size:18px; font-weight:300; word-break:keep-all; display:flex; flex-wrap:wrap;}
.ci-box > ul > li p b {font-size:18px; font-weight:bold;}
.ci-box > ul > li p b strong {font-size:18px; font-weight:bold;}
.ci-box > ul > li p b strong.bu {color:#004b88;}
.ci-box > ul > li p b strong.gn {color:#4b8550;}
.ci-box > ul > li p span {flex:1; min-width:0; font-size:18px; font-weight:300; word-break:keep-all; margin:0 0 0 8px;}
.ci-box > ul > li img {width:100%; margin:10px 0 0;}
.ci-box > ul > li .ci-color {margin:30px 0 0;}
.ci-box > ul > li .ci-color dl {display:flex; flex-wrap:wrap;}
.ci-box > ul > li .ci-color dl dd {flex:1; min-width:0; padding:30px;}
.ci-box > ul > li .ci-color dl dd:nth-of-type(1) {background:linear-gradient(to right, #306ea2, #275490);}
.ci-box > ul > li .ci-color dl dd:nth-of-type(2) {background:linear-gradient(to right, #8bae5d, #488852);}
.ci-box > ul > li .ci-color dl dd:nth-of-type(3) {background:#383839;}
.ci-box > ul > li .ci-color dl dd p {color:#fff; line-height:1.3;}
@media (max-width:991px){
.ci-box > ul > li {margin:0 0 50px;}
.ci-box > ul > li h3 {font-size:20px;}
.ci-box > ul > li p {font-size:15px;}
.ci-box > ul > li p b {font-size:15px;}
.ci-box > ul > li p b strong {font-size:15px;}
.ci-box > ul > li p span {font-size:15px;}
}
@media (max-width:645px){
.ci-box > ul > li .ci-color {margin:20px 0 0;}
.ci-box > ul > li .ci-color dl dd {padding:20px 15px;}
.ci-box > ul > li .ci-color dl dd p {font-size:2vw;}
}

/* greeting-box */
.greeting-box h2 {font-size:44px; font-weight:800; line-height:1.4; margin:0 0 35px; word-break:keep-all; color:#004b88;}
.greeting-box .inner {display:flex; flex-wrap:wrap;}
.greeting-box .inner .intro-image {width:500px;}
.greeting-box .inner .intro-image img {width:100%;}
.greeting-box .inner .intro-content {flex:1; min-width:0; padding:0 0 0 30px;}
.greeting-box .inner .intro-content strong {font-size:24px; font-weight:700; margin:0 0 20px; display:block;}
.greeting-box .inner .intro-content p {font-size:18px; font-weight:300; word-break:keep-all; margin:0 0 30px; line-height:1.75;}
.greeting-box .inner .intro-content p b {font-size:18px; font-weight:500; line-height:1.75;}
.greeting-box .inner .intro-content .name {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
.greeting-box .inner .intro-content .name b {font-size:18px; font-weight:300;}
.greeting-box .inner .intro-content .name img {margin:0 0 0 10px; width:90px;}
@media (max-width:991px){
.greeting-box h2 {font-size:25px;}
.greeting-box .inner .intro-image {width:100%;}
.greeting-box .inner .intro-image img {display:block; max-width:560px;}
.greeting-box .inner .intro-content {flex:none; width:100%; padding:0; margin:20px 0 0;}
.greeting-box .inner .intro-content strong {font-size:20px;}
.greeting-box .inner .intro-content p {font-size:16px;}
.greeting-box .inner .intro-content p b {font-size:16px;}
.greeting-box .inner .intro-content .name b {font-size:16px;}
.greeting-box .inner .intro-content .name img {width:70px;}
}

/* philosophy-box */
.philosophy-box ul li {display:flex; flex-wrap:wrap; padding-left:40px; padding-bottom:100px; border-left:1px solid var(--color-active); position:relative;}
.philosophy-box ul li:before {position:absolute; left:-10px; top:7px; width:20px; height:20px; background:var(--color-active); border-radius:50%; content:"";}
.philosophy-box ul li:first-of-type:before {top:0;}
.philosophy-box ul li:first-of-type > div {margin:-7px 0 0;}
.philosophy-box ul li > div {flex:1; min-width:0;}
.philosophy-box ul li > div strong {display:block; font-size:24px; font-weight:bold; color:var(--color-active);}
.philosophy-box ul li > div p {font-size:18px; font-weight:300; word-break:keep-all; position:relative; z-index:3;}
.philosophy-box ul li > div img {position:absolute; right:0; bottom:0; width:58%;}
@media (max-width:991px){
.philosophy-box ul li {padding-left:20px; padding-bottom:50px;}
.philosophy-box ul li:before {left:-7.5px; width:15px; height:15px;}
.philosophy-box ul li > div strong {font-size:20px;}
.philosophy-box ul li > div p {font-size:15px;}
.philosophy-box ul li > div img {width:50%;}
}
@media (max-width:600px){
.philosophy-box ul li:last-of-type {padding-bottom:45%;}
.philosophy-box ul li > div img {width:80%;}
}

/* certificate-box */
.certificate-box ul {display:flex; flex-wrap:wrap;}
.certificate-box ul li {flex:1; min-width:0; position:relative; overflow:hidden; margin:0 30px 0 0; border:1px solid var(--color-gray-400);}
.certificate-box ul li:last-of-type {margin:0;}
.certificate-box ul li:after {display:block; content:""; padding-bottom:145%;}
.certificate-box ul li img {position:absolute; left:50%; top:50%; width:95%; height:95%; transform:translate(-50%,-50%); transition:all ease 0.5s;}
@media (max-width:991px){
.certificate-box ul li {margin:0 10px 0 0;}
}

/* organization-box */
.organization-box {background:#004b88; padding:70px 0;}
.organization-box {margin:0 auto;}
.organization-box .sub-title-box:before {background:#fff;}
.organization-box .image {margin:50px 0 0;}
@media (max-width:991px){
.organization-box {padding:50px 0 30px;}
}

/* business-box */
.business-box {margin:0 0 -70px;}
.business-box .list-top {position:relative;}
.business-box .list-top .image {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:30%; margin:0 auto;}
.business-box .list-top .image img {width:100%; display:block; margin:0 auto;}
.business-box .list-top ul {display:flex; flex-wrap:wrap; justify-content:space-between;}
.business-box .list-top ul li {width:50%;}
.business-box .list-top ul li strong {display:block; font-size:24px; font-weight:bold; color:var(--color-active);}
.business-box .list-top ul li p {font-size:18px; word-break:keep-all; font-weight:300;}
.business-box .list-top ul li small {display:block; margin:30px 0 0; font-size:13px; color:#999; word-break:keep-all;}
.business-box .list-top ul li:nth-of-type(odd) {padding-right:18%;}
.business-box .list-top ul li:nth-of-type(odd) strong {text-align:right;}
.business-box .list-top ul li:nth-of-type(odd) p {text-align:right;}
.business-box .list-top ul li:nth-of-type(odd) small {text-align:right;}
.business-box .list-top ul li:nth-of-type(even) {padding-left:18%;}
.business-box .list-top ul li:nth-of-type(3) {padding-top:5%;}
.business-box .list-top ul li:nth-of-type(4) {padding-top:5%;}
.business-box .list-bottom {margin:100px 0; display:flex; flex-wrap:wrap; justify-content:center;}
.business-box .list-bottom:before {display:block; width:20px; border:1px solid #004b88; border-right-color:#fff; content:"";}
.business-box .list-bottom:after {display:block; width:20px; border:1px solid #004b88; border-left-color:#fff; content:"";}
.business-box .list-bottom .inner {margin:0 20px;}
.business-box .list-bottom .inner p {font-size:20px; font-weight:300; text-align:center; word-break:keep-all;}
.business-box .list-bottom .inner strong {display:block; font-size:40px; font-weight:900; text-align:center; word-break:keep-all; color:var(--color-active); line-height:1.2; margin:10px 0 0;}
.business-box .list-bottom .inner b {display:block; text-align:center; font-size:24px; font-weight:bold; word-break:keep-all;}
.business-box .list-bottom .inner b:before {display:block; content:""; margin:15px auto; width:1px; height:20px; background:#004b88;}
.business-box .list-image {position:relative; overflow:hidden;}
.business-box .list-image:after {display:block; content:""; padding-bottom:50%;}
.business-box .list-image img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
@media (max-width:991px){
.business-box {margin:0 0 -30px;}
.business-box .list-top ul li strong {font-size:2.5vw;}
.business-box .list-top ul li p {font-size:1.7vw;}
.business-box .list-top ul li small {margin:5% 0 0; font-size:1vw;}
.business-box .list-bottom {margin:50px 0;}
.business-box .list-bottom:before {width:15px;}
.business-box .list-bottom:after {width:15px;}
.business-box .list-bottom .inner {flex:1; min-width:0;}
.business-box .list-bottom .inner p {font-size:15px;}
.business-box .list-bottom .inner strong {font-size:22px;}
.business-box .list-bottom .inner b {font-size:17px;}
.business-box .list-bottom .inner b:before {margin:10px auto; height:15px;}
.business-box .list-image {margin:0 -15px;}
}
@media (max-width:600px){
.business-box .list-top ul li strong {font-size:2.2vw;}
.business-box .list-top ul li p {font-size:1.9vw;}
.business-box .list-top ul li small {font-size:1.4vw;}
.business-box .list-image:after {padding-bottom:100%;}
}

/* special-box */
/*
.special-box {background:url('../images/img_special.png') no-repeat center / cover; position:relative; overflow:hidden;}
.special-box:after {display:block; content:""; padding-bottom:63%;}
.special-box .sub-text-box {position:absolute; left:50%; top:10%; transform:translate(-50%); width:90%;}
.special-box .title {position:absolute; left:5%; top:16%;}
.special-box .title h3 {font-size:3vw; font-weight:800; color:#fff; line-height:1.3;}
.special-box .text {width:35%; position:absolute; right:10%; top:16%;}
.special-box .text h4 {font-size:2.2vw; font-weight:500; color:#fff;}
.special-box .text h4 b {font-size:2.2vw; font-weight:bold; color:var(--color-active);}
.special-box .text ul {margin:4% 0 0;}
.special-box .text ul li {position:relative; padding-bottom:2%; border-left:1px solid var(--color-active); padding-left:2%;}
.special-box .text ul li:before {position:absolute; left:-5px; top:4px; width:10px; height:10px; border-radius:50%; content:""; background:#fff;}
.special-box .text ul li:last-of-type {padding-bottom:0; border-left-color:transparent;}
.special-box .text ul li:first-of-type:before {top:-2px;}
.special-box .text ul li:first-of-type p {position:relative; top:-5px;}
.special-box .text ul li:last-of-type:before {top:0;}
.special-box .text ul li:last-of-type p {position:relative; top:-5px;}
.special-box .text ul li p {font-size:0.7vw; font-weight:300; color:#fff;}
.special-box .image {position:absolute; left:55%; top:51%;}
.special-box .image img {width:45%;}
.special-box .oath {position:absolute; left:44.5%; top:80.3%;}
.special-box .oath p {font-weight:200; font-size:1vw;}
.special-box .info {position:absolute; top:84%; left:3.5%; width:100%;}
.special-box .info ul {display:flex; flex-wrap:wrap;}
.special-box .info ul li {margin-left:2%;}
.special-box .info ul li:nth-of-type(1) {margin-left:1.2%;}
.special-box .info ul li:nth-of-type(2) {margin-left:2.4%; position:relative; left:-0.3%;}
.special-box .info ul li:nth-of-type(3) {margin-left:1.8%; position:relative; left:0.25%;}
.special-box .info ul li strong {font-size:0.8vw; line-height:1.2; font-weight:900; color:var(--color-active); display:block; text-align:center;}
.special-box .info ul li p {font-size:0.5vw; line-height:1.3; font-weight:300; text-align:center;}
.special-box .info ul li p:before {display:block; content:""; width:1px; height:10px; background:#666; margin:2% auto;}
@media (max-width:991px){
.special-box {background-image:url('../images/img_special_m.png');}
.special-box:after {padding-bottom:205%;}
.special-box .sub-text-box {top:9.5%;}
.special-box .title {left:8%;}
.special-box .title h3 {font-size:10vw;}
.special-box .text {top:81%; left:0; width:100%; right:0;}
.special-box .text ul {display:none;}
.special-box .text h4 {font-size:5.2vw; text-align:center;}
.special-box .text h4 b {font-size:5.2vw;}
.special-box .oath {display:none;}
.special-box .info {left:4.25%; width:86.8%; top:90.5%;}
.special-box .info ul li {width:25%; margin:0 !important; left:0 !important;}
.special-box .info ul li strong {font-size:2vw;}
.special-box .info ul li p {font-size:1.2vw;}
.special-box .info ul li p:before {height:5px;}
.special-box .info ul li:nth-of-type(2) {left:2% !important;}
.special-box .info ul li:nth-of-type(3) {left:3.5% !important;}
.special-box .info ul li:nth-of-type(4) {position:relative; left:5.7% !important;}
.special-box .image {display:none;}
}
*/
.special-box img {width:100%;}

/* partner-box */
.partner-box h3 {display:flex; flex-wrap:wrap; align-items:center; font-size:24px; font-weight:bold; margin:0 0 30px;}
.partner-box h3:before {display:inline-block; content:""; width:24px; height:24px; margin:0 10px 0 0; background:url('../images/icon_title.png') no-repeat center / cover;}
.partner-box ul {display:flex; flex-wrap:wrap; margin:0 -2.5px -5px;}
.partner-box ul li {width:calc(16.66% - 5px); margin:0 2.5px 5px; position:relative; border:1px solid var(--color-gray-400); overflow:hidden;}
.partner-box ul li:after {display:block; content:""; padding-bottom:40%;}
.partner-box ul li img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; transition:all ease 0.5s;}
.partner-box ul li:hover img {transform:scale(1.2);}
.partner-box dl {display:flex; flex-wrap:wrap;}
.partner-box dl dd {width:50%; display:flex; flex-wrap:wrap; align-items:center; font-size:18px; font-weight:300; font-family:'Pretendard', 'Apple SD Gothic Neo', 'Malgun Gothic', 'Segoe UI', 'Nanum Gothic', sans-serif}
.partner-box dl dd:before {display:inline-block; content:""; width:6px; height:6px; border-radius:50%; background:#666; margin:0 10px 0 0; position:relative; top:2px;}
@media (max-width:991px){
.partner-box h3 {font-size:20px; margin:0 0 10px;}
.partner-box h3:before {width:20px; height:20px;}
.partner-box ul li {width:calc(20% - 5px);}
.partner-box dl dd {font-size:15px;}
.partner-box dl dd:before {width:4px; height:4px;}
}
@media (max-width:767px){
.partner-box ul li {width:calc(25% - 5px);}
}
@media (max-width:500px){
.partner-box ul li {width:calc(33.33% - 5px);}
.partner-box dl dd {width:100%;}
}

/* directions-box */
.directions-box .map {position:relative; overflow:hidden;}
.directions-box .map:after {display:block; content:""; padding-bottom:40%;}
.directions-box .map iframe {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.directions-box .subject {display:flex; flex-wrap:wrap; margin:30px 0 0;}
.directions-box .subject h3 {flex:1; min-width:0; padding:0 20px 0 0; font-size:24px; font-weight:bold; word-break:keep-all;}
.directions-box .subject div {display:flex; flex-wrap:wrap; align-items:center;}
.directions-box .subject div a {height:45px; width:150px; margin:0 5px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; color:#fff; background:var(--color-active); font-weight:300;}
.directions-box .subject div a:before {display:inline-block; content:""; width:18px; height:18px; margin:0 5px 0 0; background-size:cover; background-position:center; filter:var(--filter-white);}
.directions-box .subject div a:first-of-type:before {background-image:url('../images/icon_social_naver.svg');}
.directions-box .subject div a:last-of-type {margin:0;}
.directions-box .subject div a:last-of-type:before {background-image:url('../images/icon_location.svg');}
.directions-box .info {margin:40px 0 0;}
.directions-box .info ul {display:flex; flex-wrap:wrap;}
.directions-box .info ul li {flex:1; min-width:0; border-radius:15px; padding:20px; background:var(--color-gray-200); margin:0 20px 0 0;}
.directions-box .info ul li:last-of-type {margin:0;}
.directions-box .info ul li strong {font-size:20px; font-weight:600;}
.directions-box .info ul li p {font-size:18px; font-weight:300; word-break:keep-all; margin:20px 0 0;}
@media (max-width:991px){
.directions-box .map:after {padding-bottom:60%;}
.directions-box .subject h3 {flex:none; width:100%; font-size:20px; padding:0;}
.directions-box .subject div {width:100%; margin:10px 0 0; height:40px;}
.directions-box .info ul li {margin:0 10px 0 0;}
.directions-box .info ul li strong {font-size:18px;}
.directions-box .info ul li p {font-size:15px;}
}
@media (max-width:600px){
.directions-box .map {margin:0 -15px;}
.directions-box .map:after {padding-bottom:100%;}
.directions-box .subject {margin:15px 0 0;}
.directions-box .info ul li {flex:none; width:100%; margin:0 0 10px;}
.directions-box .info ul li:last-of-type {margin:0;}
}

/* qna-box */
.qna-box p {text-align:center; font-size:18px; font-weight:300; word-break:keep-all;}
.qna-box .write {margin:50px auto 0; max-width:800px;}
.qna-box .write {flex:1; min-width:0; background:#fff; border-radius:15px; box-shadow:0 0 10px rgba(0,0,0,0.1); padding:50px;}
.qna-box .write ul li {margin:0 0 15px;}
.qna-box .write ul li > strong {display:flex; flex-wrap:wrap; align-items:center; font-size:16px;}
.qna-box .write ul li > strong.req:after {display:block; content:""; width:5px; height:5px; background:#f25656; border-radius:50%; margin:0 0 0 10px;}
.qna-box .write ul li > div input {width:100%; border-bottom:1px solid var(--color-gray-200); height:40px; font-size:16px; transition:all ease 0.5s;}
.qna-box .write ul li > div input:focus {border-color:#003a72;}
.qna-box .write ul li > div textarea {width:100%; display:block; height:80px; font-size:16px; border-bottom:1px solid var(--color-gray-200); transition:all ease 0.5s;}
.qna-box .write ul li > div textarea:focus {border-color:#003a72;}
.qna-box .write ul li > div p {font-size:16px; margin:0 10px;}
.qna-box .write .button {margin:20px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.qna-box .write .button .submit {font-size:18px; font-weight:600; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:6px; height:45px; background:#003a72; color:#fff; width:200px;}
@media (max-width:991px){
.qna-box .write {border-radius:10px; padding:30px; margin:30px auto 0;}
.qna-box .write .button .submit {width:150px;}
}

/* radio-box */
.radio-box label {font-size:16px; font-weight:300;}

/* perfomance-box */
.perfomance-box {background:url('../images/bg_perfomance.png') no-repeat center / cover; position:relative;}
.perfomance-box:after {display:block; content:""; padding-bottom:64%;}
.perfomance-box .sub-text-box {position:absolute; left:50%; top:5%; transform:translateX(-50%); width:90%;}
.perfomance-box .title {display:none;}
.perfomance-box .map {right:0; top:18.8%; width:42.55%; height:61.4%; padding:0 2.5%; display:flex; flex-wrap:wrap; align-items:center; position:absolute;}
.perfomance-box .map .map-left {flex:1; min-width:0; padding:0 5% 0 0; margin:0 5% 0 0; border-right:1px solid var(--color-active);}
.perfomance-box .map .map-left h3 {text-align:center; margin:0 0 7%;}
.perfomance-box .map .map-left h3 p {font-size:1.8vw; letter-spacing:-1px; line-height:1.3;}
.perfomance-box .map .map-left h3 strong {display:block; text-align:center; font-size:1.8vw; font-weight:bold; letter-spacing:-1px; color:var(--color-active); line-height:1.3;}
.perfomance-box .map .map-left h3 strong em {font-size:1.8vw; font-weight:bold; letter-spacing:-1px; color:var(--color-active); line-height:1.3;}
.perfomance-box .map .map-left ul li {margin:0 0 10%;}
.perfomance-box .map .map-left ul li strong {display:flex; flex-wrap:wrap; align-items:center; font-size:1.1vw; font-weight:bold; color:var(--color-active); font-family:'Pretendard', 'Apple SD Gothic Neo', 'Malgun Gothic', 'Segoe UI', 'Nanum Gothic', sans-serif;}
.perfomance-box .map .map-left ul li strong em {font-size:1.1vw; font-weight:bold; color:var(--color-active); font-family:'Pretendard', 'Apple SD Gothic Neo', 'Malgun Gothic', 'Segoe UI', 'Nanum Gothic', sans-serif;}
.perfomance-box .map .map-left ul li strong b {width:22px; height:22px; border-radius:2px; font-size:0.8vw; margin:0 10px 0 0; font-weight:bold; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; color:#fff; background:var(--color-active);}
.perfomance-box .map .map-left ul li dl {margin:10px 0 0;}
.perfomance-box .map .map-left ul li dl dd {display:flex; flex-wrap:wrap; margin:0 0 5px;}
.perfomance-box .map .map-left ul li dl dd:last-of-type {margin:0;}
.perfomance-box .map .map-left ul li dl dd b {width:30%; font-size:0.8vw; font-weight:600;}
.perfomance-box .map .map-left ul li dl dd p {flex:1; min-width:0; font-size:0.8vw; font-weight:300;}
.perfomance-box .map .map-left ul li dl dd p em {font-size:0.8vw; font-weight:300;}
.perfomance-box .map .map-right {width:50%;}
.perfomance-box .map .map-right img {width:100%;}
@media (max-width:1750px){
.perfomance-box .map .map-right {width:45%;}
}
@media (max-width:991px){
.perfomance-box {background:none;}
.perfomance-box:after {display:none;}
.perfomance-box .sub-text-box {display:none;}
.perfomance-box .title {display:block; position:relative; overflow:hidden; background:url('../images/bg_perfomance_m.png') no-repeat center / cover;}
.perfomance-box .title:after {display:block; content:""; padding-bottom:130%;}
.perfomance-box .title .inner {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; display:flex; flex-wrap:wrap; justify-content:center;}
.perfomance-box .title .inner div {margin:0 15px;}
.perfomance-box .title .inner p {font-size:24px; font-weight:300; color:#fff; text-align:center; letter-spacing:-1px;}
.perfomance-box .title .inner b {font-size:24px; font-weight:bold; color:#fff; text-align:center; display:block; letter-spacing:-1px;}
.perfomance-box .title .inner b em {font-size:24px; font-weight:bold; color:#fff; letter-spacing:-1px;}
.perfomance-box .title .inner:before {display:inline-block; content:""; width:8px; border:1px solid #fff; border-right:0;}
.perfomance-box .title .inner:after {display:inline-block; content:""; width:8px; border:1px solid #fff; border-left:0;}
.perfomance-box .map {position:static; padding:5%; width:100%;}
.perfomance-box .map .map-left {margin:0; border:0;}
.perfomance-box .map .map-left h3 p {font-size:4vw; text-align:left;}
.perfomance-box .map .map-left h3 strong {font-size:4vw; text-align:left;}
.perfomance-box .map .map-left h3 strong em {font-size:4vw;}
.perfomance-box .map .map-left ul li strong {font-size:2.2vw;}
.perfomance-box .map .map-left ul li strong em {font-size:2.2vw;}
.perfomance-box .map .map-left ul li strong b {width:auto; height:auto; font-size:1.5vw; padding:0.5% 3%; margin:0 2% 0 0;}
.perfomance-box .map .map-left ul li dl {margin:2% 0 0;}
.perfomance-box .map .map-left ul li dl dd {margin:0 0 1%;}
.perfomance-box .map .map-left ul li dl dd b {font-size:2vw; text-align:left;}
.perfomance-box .map .map-left ul li dl dd p {font-size:2vw;}
.perfomance-box .map .map-right {width:60%;}
}

/* gallery-box */
.gallery-box {max-width:1400px; padding:0;}
.gallery-box ul {display:flex; flex-wrap:wrap; margin:0 -10px -30px;}
.gallery-box ul li {width:calc(25% - 20px); margin:0 10px 30px;}
.gallery-box ul li a {display:block;}
.gallery-box ul li a .list-image {position:relative; border-radius:10px 10px 0 0; overflow:hidden;}
.gallery-box ul li a .list-image .check-box {position:absolute; left:10px; top:10px; z-index:3;}
.gallery-box ul li a .list-image .check-box input {appearance:auto; opacity:1; width:14px; height:14px;}
.gallery-box ul li a .list-image:after {display:block; content:""; padding-bottom:80%;}
.gallery-box ul li a .list-image img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; transition:all ease 0.5s;}
.gallery-box ul li a .list-content {padding:15px; border:1px solid var(--color-gray-400); border-radius:0 0 10px 10px; border-top:0;}
.gallery-box ul li a .list-content p {font-size:18px; font-weight:300; word-break:keep-all;}
.gallery-box ul li a:hover .list-image img {transform:scale(1.2);}
@media (max-width:1300px){
.gallery-box ul li a .list-content p {font-size:16px;}
}
@media (max-width:767px){
.gallery-box ul {margin:0 -5px -20px;}
.gallery-box ul li {width:calc(50% - 10px); margin:0 5px 20px;}
.gallery-box ul li a .list-content {padding:10px;}
.gallery-box ul li a .list-content p {font-size:14px;}
}

/* board-view-box */
.board-view-box {max-width:1000px; margin:0 auto;}

/* value-box */
.value {display:flex; flex-wrap:wrap; margin:0 0 5px;}
.value b {font-size:18px; font-weight:600; width:100px;}
.value p {flex:1; min-width:0; font-size:18px; font-weight:300;}
@media (max-width:991px){
.value b {font-size:15px; width:80px;}
.value p {font-size:15px;}
}