@charset "utf-8";

.cel_gray {background: #efefef;}
.cont-linktype1.col2 {margin: 0 -15px -30px;}
.cont-linktype1.col2 > li {width: calc(50% - 30px);margin: 0 15px 30px;text-align: center;}
.cont-linktype1.col2 > li .tit {font-size: 1.222em;}
.cont-linktype1.col2 > li .img {min-height: auto;max-height: auto;padding: 30px 0 10px;}
@media all and (max-width:768px) {
    .cont-linktype1.col2 {margin: 0 -10px -20px;}
    .cont-linktype1.col2 > li {width: calc(50% - 20px);margin: 0 10px 20px;}
}

/* 조직도 */
.organ-list {display: flex;justify-content: space-between;margin: 30px 0 60px;}
.organ-list li {width: calc(25% - 15px);}
.organ-list li a {display: block;color: #fff;font-size: 1.222em;font-weight: 500;background: #004597;border-radius: 10px 10px 10px 0;text-align: center;padding: 16px 0;box-sizing: border-box;transition: .35s;}
.organ-list li a:hover,
.organ-list li a:focus {background-color: #003779;}

.organ-site-list {display: flex;flex-wrap: wrap;justify-content: space-between;}
.organ-site-list li {width: calc(50% - 15px);margin: 10px 0;}
.organ-site-list li a {border: 1px solid #00588a;border-radius: 10px;display: flex;width: 100%;position: relative;justify-content: space-between;overflow: hidden;align-items: center;font-size: 1.222em;font-weight: 500;transition: .35s;}
.organ-site-list li a > span {padding: 18px 30px;}
.organ-site-list li a::before {content: '';display: block;width: 75px;background-color: #00588a;height: 70px;order: 2;}
.organ-site-list li a::after {content: '';display: block;border: 2px solid #fff;width: 16px;height: 16px;border-left: 0;border-bottom: 0;transform: translateX(-25%)rotate(45deg);position: absolute;right: 25px;top: 0;bottom: 0;margin: auto;}
.organ-site-list li a:hover,
.organ-site-list li a:focus {color: #00588a;}

.organ-site .cont-download-box .title {flex-direction: row;align-items: center;justify-content: space-between;width: 100% !important;}
.organ-site .cont-download-box .title::before {background: url(../images/contents/ico_link.png) 10px 9px no-repeat}
.organ-site .cont-download-box .title::after {content: '';display: block;border: 2px solid #00588a;box-sizing: border-box;width: 12px;height: 12px;border-left: 0;border-bottom: 0;transform: translateX(-25%) rotate(45deg);}

@media all and (max-width:768px) {
    .organ-list {flex-wrap: wrap;margin: 20px 0 40px;}
    .organ-list li {width: calc(50% - 10px);margin: 5px 0;}
    .organ-list li a {padding: 10px 0;}
    .organ-site-list li {width: calc(50% - 10px);}
    .organ-site-list li a::before {width: 55px;height: 50px;}
    .organ-site-list li a::after {width: 12px;height: 12px;right: 20px;}
    .organ-site-list li a > span {padding: 11px 20px;}
}
@media all and (max-width:640px) {
    .organ-list {margin: 15px 0 25px;}
    .organ-list li {width: calc(50% - 5px);}
    .organ-list li a,
    .organ-site-list li a {font-size: 1.111em;}
    .organ-site-list li {width: 100%;margin: 5px 0;}
    .organ-site-list li a::before {height: 44px;}
    .organ-site-list li a > span {padding: 8px 15px;}
    .organ-site .cont-download-box .title {width: 100% !important;}
    .organ-site .cont-download-box .title::before {background-size: 15px;background-position: 8px 6px;}
}
@media all and (max-width:480px) {
    .organ-site .cont-download-box .title::before {background-size: 12px;background-position: 5px 5px;}
    .organ-site .cont-download-box .title::after {width: 10px;height: 10px;}
}