@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(mmu_contents2.css);
@import url(form_style.css);

/* Noto Sans KR Version */

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Sans Thin'), local('NotoSans-Thin');
    src: url('/fonts/NotoKR/eot/notokr-thin.eot');
    src: url('/fonts/NotoKR/eot/notokr-thin.eot?#iefix') format('embedded-opentype'), url('/fonts/NotoKR/woff2/notokr-thin.woff2') format('woff2'), url('/fonts/NotoKR/woff/notokr-thin.woff') format('woff'), url('/fonts/NotoKR/ttf/notokr-thin.ttf') format('truetype'), url('/fonts/NotoKR/svg/notokr-thin.svg#notokr-thin') format('svg');
    unicode-range: U+1100-11FF, U+3000-303F, U+3130-318F, U+A960-A97F, U+AC00-D7AF, U+D7B0-D7FF, U+FF00-FFEF;
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans Light'), local('NotoSans-Light');
    src: url('/fonts/NotoKR/eot/notokr-light.eot');
    src: url('/fonts/NotoKR/eot/notokr-light.eot?#iefix') format('embedded-opentype'), url('/fonts/NotoKR/woff2/notokr-light.woff2') format('woff2'), url('/fonts/NotoKR/woff/notokr-light.woff') format('woff'), url('/fonts/NotoKR/ttf/notokr-light.ttf') format('truetype'), url('/fonts/NotoKR/svg/notokr-light.svg#notokr-light') format('svg');
    unicode-range: U+1100-11FF, U+3000-303F, U+3130-318F, U+A960-A97F, U+AC00-D7AF, U+D7B0-D7FF, U+FF00-FFEF;
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 350;
    src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight');
    src: url('/fonts/NotoKR/eot/notokr-demilight.eot');
    src: url('/fonts/NotoKR/eot/notokr-demilight.eot?#iefix') format('embedded-opentype'), url('/fonts/NotoKR/woff2/notokr-demilight.woff2') format('woff2'), url('/fonts/NotoKR/woff/notokr-demilight.woff') format('woff'), url('/fonts/NotoKR/ttf/notokr-demilight.ttf') format('truetype'), url('/fonts/NotoKR/svg/notokr-demilight.svg#notokr-demilight') format('svg');
    unicode-range: U+1100-11FF, U+3000-303F, U+3130-318F, U+A960-A97F, U+AC00-D7AF, U+D7B0-D7FF, U+FF00-FFEF;
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'), local('NotoSans-Regular');
    src: url('/fonts/NotoKR/eot/notokr-regular.eot');
    src: url('/fonts/NotoKR/eot/notokr-regular.eot?#iefix') format('embedded-opentype'), url('/fonts/NotoKR/woff2/notokr-regular.woff2') format('woff2'), url('/fonts/NotoKR/woff/notokr-regular.woff') format('woff'), url('/fonts/NotoKR/ttf/notokr-regular.ttf') format('truetype'), url('/fonts/NotoKR/svg/notokr-regular.svg#notokr-regular') format('svg');
    unicode-range: U+1100-11FF, U+3000-303F, U+3130-318F, U+A960-A97F, U+AC00-D7AF, U+D7B0-D7FF, U+FF00-FFEF;
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans Medium'), local('NotoSans-Medium');
    src: url('/fonts/NotoKR/eot/notokr-medium.eot');
    src: url('/fonts/NotoKR/eot/notokr-medium.eot?#iefix') format('embedded-opentype'), url('/fonts/NotoKR/woff2/notokr-medium.woff2') format('woff2'), url('/fonts/NotoKR/woff/notokr-medium.woff') format('woff'), url('/fonts/NotoKR/ttf/notokr-medium.ttf') format('truetype'), url('/fonts/NotoKR/svg/notokr-medium.svg#notokr-medium') format('svg');
    unicode-range: U+1100-11FF, U+3000-303F, U+3130-318F, U+A960-A97F, U+AC00-D7AF, U+D7B0-D7FF, U+FF00-FFEF;
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold');
    src: url('/fonts/NotoKR/eot/notokr-bold.eot');
    src: url('/fonts/NotoKR/eot/notokr-bold.eot?#iefix') format('embedded-opentype'), url('/fonts/NotoKR/woff2/notokr-bold.woff2') format('woff2'), url('/fonts/NotoKR/woff/notokr-bold.woff') format('woff'), url('/fonts/NotoKR/ttf/notokr-bold.ttf') format('truetype'), url('/fonts/NotoKR/svg/notokr-bold.svg#notokr-bold') format('svg');
    unicode-range: U+1100-11FF, U+3000-303F, U+3130-318F, U+A960-A97F, U+AC00-D7AF, U+D7B0-D7FF, U+FF00-FFEF;
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 900;
    src: local('Noto Sans Black'), local('NotoSans-Black');
    src: url('/fonts/NotoKR/eot/notokr-black.eot');
    src: url('/fonts/NotoKR/eot/notokr-black.eot?#iefix') format('embedded-opentype'), url('/fonts/NotoKR/woff2/notokr-black.woff2') format('woff2'), url('/fonts/NotoKR/woff/notokr-black.woff') format('woff'), url('/fonts/NotoKR/ttf/notokr-black.ttf') format('truetype'), url('/fonts/NotoKR/svg/notokr-black.svg#notokr-black') format('svg');
    unicode-range: U+1100-11FF, U+3000-303F, U+3130-318F, U+A960-A97F, U+AC00-D7AF, U+D7B0-D7FF, U+FF00-FFEF;
}

@media (min-width: 1025px) {
    html {
        font-size: 10px !important;
    }
}

@media (min-width: 0px) and (max-width: 768px) {
    html {
        font-size: 9px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    html {
        font-size: 10px;
    }
}
select:focus{outline:3px solid #4178c3}
div.styleGuide .tc,
div.styleguide .tc {
    text-align: center;
}

div.styleGuide .tl,
div.styleguide .tl {
    text-align: left;
}

div.styleGuide .tr,
div.styleguide .tr {
    text-align: right;
}

div.styleGuide img,
div.styleguide img {
    max-width: 100%;
}

div.styleGuide html,
div.styleguide html {
    font-size: 10px;
}

div.styleGuide blockquote+h1,
div.styleguide blockquote+h1,
div.styleGuide blockquote+h2,
div.styleguide blockquote+h2,
div.styleGuide blockquote+h3,
div.styleguide blockquote+h3,
div.styleGuide blockquote+h4,
div.styleguide blockquote+h4,
div.styleGuide blockquote+h5,
div.styleguide blockquote+h5,
div.styleGuide blockquote+h6,
div.styleguide blockquote+h6,
div.styleGuide ol+h1,
div.styleguide ol+h1,
div.styleGuide ol+h2,
div.styleguide ol+h2,
div.styleGuide ol+h3,
div.styleguide ol+h3,
div.styleGuide ol+h4,
div.styleguide ol+h4,
div.styleGuide ol+h5,
div.styleguide ol+h5,
div.styleGuide ol+h6,
div.styleguide ol+h6,
div.styleGuide p+h1,
div.styleguide p+h1,
div.styleGuide p+h2,
div.styleguide p+h2,
div.styleGuide p+h3,
div.styleguide p+h3,
div.styleGuide p+h4,
div.styleguide p+h4,
div.styleGuide p+h5,
div.styleguide p+h5,
div.styleGuide p+h6,
div.styleguide p+h6,
div.styleGuide table+h1,
div.styleguide table+h1,
div.styleGuide table+h2,
div.styleguide table+h2,
div.styleGuide table+h3,
div.styleguide table+h3,
div.styleGuide table+h4,
div.styleguide table+h4,
div.styleGuide table+h5,
div.styleguide table+h5,
div.styleGuide table+h6,
div.styleguide table+h6,
div.styleGuide div+h1,
div.styleguide div+h1,
div.styleGuide div+h2,
div.styleguide div+h2,
div.styleGuide div+h3,
div.styleguide div+h3,
div.styleGuide div+h4,
div.styleguide div+h4,
div.styleGuide div+h5,
div.styleguide div+h5,
div.styleGuide div+h6,
div.styleguide div+h6,
div.styleGuide ul+h1,
div.styleguide ul+h1,
div.styleGuide ul+h2,
div.styleguide ul+h2,
div.styleGuide ul+h3,
div.styleguide ul+h3,
div.styleGuide ul+h4,
div.styleguide ul+h4,
div.styleGuide ul+h5,
div.styleguide ul+h5,
div.styleGuide ul+h6,
div.styleguide ul+h6 {
    margin-top: 2rem;
}

div.styleGuide h1,
div.styleguide h1,
div.styleGuide h2,
div.styleguide h2,
div.styleGuide h3,
div.styleguide h3,
div.styleGuide h4,
div.styleguide h4,
div.styleGuide h5,
div.styleguide h5,
div.styleGuide h6,
div.styleguide h6 {
    margin: 2rem 0 1rem;
}

div.styleGuide hr,
div.styleguide hr {
    display: block;
    border-top: 1px solid #dedede;
    margin: 3rem 0;
}

div.styleGuide blockquote,
div.styleguide blockquote,
div.styleGuide div.hero,
div.styleguide div.hero {
    position: relative;
    background-color: #f6f6f6;
    border-radius: 3rem;
    font-family: 'Noto Sans Korean';
    padding: 2rem 4rem 1.5rem;
    margin: 2rem 0 1rem;
    font-size: 1.5rem;
    line-height: 2.625rem;
}

@media (min-width: 0px) and (max-width: 768px) {
    div.styleGuide blockquote,
    div.styleguide blockquote,
    div.styleGuide div.hero,
    div.styleguide div.hero {
        padding: 2rem 3rem 1rem;
    }
}

div.styleGuide blockquote strong,
div.styleguide blockquote strong,
div.styleGuide div.hero strong,
div.styleguide div.hero strong {
    font-weight: 700;
    color: #3d7dd4;
}

div.styleGuide blockquote h1:first-child,
div.styleguide blockquote h1:first-child,
div.styleGuide div.hero h1:first-child,
div.styleguide div.hero h1:first-child,
div.styleGuide blockquote h2:first-child,
div.styleguide blockquote h2:first-child,
div.styleGuide div.hero h2:first-child,
div.styleguide div.hero h2:first-child {
    margin-top: 1rem;
}

div.styleGuide blockquote p,
div.styleguide blockquote p,
div.styleGuide div.hero p,
div.styleguide div.hero p {
    font-size: 1.5rem;
    line-height: 2.625rem;
    color: #666;
    font-weight: 600;
}

div.styleGuide blockquote .btn,
div.styleguide blockquote .btn,
div.styleGuide div.hero .btn,
div.styleguide div.hero .btn {
    background-color: #3d7dd4;
    border: 1px solid #2d70cb;
    color: #fff;
    border-radius: 0.4rem;
}

div.styleGuide blockquote footer,
div.styleguide blockquote footer,
div.styleGuide div.hero footer,
div.styleguide div.hero footer {
    margin: 1rem 0;
    font-size: 1.35rem;
    line-height: 2.3625rem;
    color: #6f6f6f;
}

div.styleGuide p,
div.styleguide p {
    font-size: 1.5rem;
    line-height: 2.625rem;
    margin: 1rem 0;
    text-align: justify;
    word-break: keep-all;
}

div.styleGuide li,
div.styleguide li {
    font-size: 1.5rem;
    line-height: 2.625rem;
    text-align: justify;
    word-break: keep-all;
}

div.styleGuide h1,
div.styleguide h1,
div.styleGuide h2,
div.styleguide h2,
div.styleGuide h3,
div.styleguide h3,
div.styleGuide h4,
div.styleguide h4,
div.styleGuide h5,
div.styleguide h5,
div.styleGuide h6,
div.styleguide h6 {
    position: relative;
    padding: 0;
    word-break: keep-all;
}

div.styleGuide h1,
div.styleguide h1 {
    margin-left: 0rem;
    font-size: 2.8rem;
    line-height: 4.9rem;
    font-weight: 700;
    font-family: 'Noto Sans Korean';
    color: #000;
}

div.styleGuide h1+blockquote,
div.styleguide h1+blockquote,
div.styleGuide h1+div,
div.styleguide h1+div {
    margin-left: 0rem;
    margin-bottom: 1.5rem;
}

div.styleGuide h2,
div.styleguide h2 {
    font-size: 2.4rem;
    line-height: 4.2rem;
    margin-left: 0rem;
    font-weight: 700;
    font-family: 'Noto Sans Korean';
    color: #000;
}

div.styleGuide h2+blockquote,
div.styleguide h2+blockquote,
div.styleGuide h2+div,
div.styleguide h2+div {
    margin-left: 0rem;
    margin-bottom: 1.5rem;
}

div.styleGuide h3,
div.styleguide h3 {
    font-size: 2rem;
    line-height: 3.5rem;
    margin-left: 2.5rem;
    color: #000;
    font-weight: 700;
}

div.styleGuide h3:after,
div.styleguide h3:after {
    position: absolute;
    content: "";
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    top: 0.4rem;
    left: -2.9rem;
    background-image: url('data:image/png;base64,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');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

div.styleGuide h3+blockquote,
div.styleguide h3+blockquote,
div.styleGuide h3+div,
div.styleguide h3+div {
    margin-left: 2.5rem;
    margin-bottom: 1.5rem;
}

div.styleGuide h4,
div.styleguide h4 {
    font-size: 1.8rem;
    line-height: 3.15rem;
    margin-left: 3.5rem;
    color: #000;
    font-weight: 500;
}

div.styleGuide h4:after,
div.styleguide h4:after {
    position: absolute;
    content: "";
    display: block;
    width: 1.8rem;
    height: 2.4rem;
    top: 0.4rem;
    left: -1.8rem;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAMAAAAAC/btK+AAAA1klEQVRYCe2TMQ7CMAxF7VRwAGZWZq7QUzF35iJco1dgZkVi4wAgCHVRUCqUSnXWF6lKGsc/v6+2CAMCEIAABCAAAQhAAAIQqCGgNcltd9m+3s+jxtiaTlTtm7A69N3u6tV1G/qaeZwlxs3kctV7E9Z7r6kwEVvwYmT+zFj+YHCMLdDKj7oNpd+Ui6X1XCydKc1uQyXB2n23ISvg0uVzsVJO2ncbsm6SoYCT0G8ei3qIOYfbkHWRdZNoOKnozR5b13SY8xtIgwAEIAABCEAAAhCAAAQyAh+wczU7gVqd0gAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

div.styleGuide h4+blockquote,
div.styleguide h4+blockquote,
div.styleGuide h4+div,
div.styleguide h4+div {
    margin-left: 3.5rem;
    margin-bottom: 1.5rem;
}

div.styleGuide h5,
div.styleguide h5 {
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin-left: 4.5rem;
    color: #3d7dd4;
    font-weight: 700;
}

div.styleGuide h5+blockquote,
div.styleguide h5+blockquote,
div.styleGuide h5+div,
div.styleguide h5+div {
    margin-left: 4.5rem;
    margin-bottom: 1.5rem;
}

div.styleGuide h6,
div.styleguide h6 {
    font-size: 1.5rem;
    line-height: 2.625rem;
    margin-left: 5.5rem;
    font-weight: 700;
}

div.styleGuide h6+blockquote,
div.styleguide h6+blockquote,
div.styleGuide h6+div,
div.styleguide h6+div {
    margin-left: 5.5rem;
    margin-bottom: 1.5rem;
}

div.styleGuide ol,
div.styleguide ol,
div.styleGuide ul,
div.styleguide ul {
    margin: 0.7rem 0;
}

div.styleGuide ol ol,
div.styleguide ol ol,
div.styleGuide ul ol,
div.styleguide ul ol,
div.styleGuide ol ul,
div.styleguide ol ul,
div.styleGuide ul ul,
div.styleguide ul ul {
    margin: 0;
}

div.styleGuide ol li,
div.styleguide ol li,
div.styleGuide ul li,
div.styleguide ul li {
    padding-left: 0;
    margin: 0.2rem 0;
}

div.styleGuide ul>li,
div.styleguide ul>li {
    position: relative;
    padding-left: 1rem;
}

div.styleGuide ul>li:after,
div.styleguide ul>li:after {
    position: absolute;
    content: "";
    display: block;
    width: 1.8rem;
    height: 2.4rem;
    top: 0;
    left: -0.7rem;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAMAAAAAC/btK+AAAA1klEQVRYCe2TMQ7CMAxF7VRwAGZWZq7QUzF35iJco1dgZkVi4wAgCHVRUCqUSnXWF6lKGsc/v6+2CAMCEIAABCAAAQhAAAIQqCGgNcltd9m+3s+jxtiaTlTtm7A69N3u6tV1G/qaeZwlxs3kctV7E9Z7r6kwEVvwYmT+zFj+YHCMLdDKj7oNpd+Ui6X1XCydKc1uQyXB2n23ISvg0uVzsVJO2ncbsm6SoYCT0G8ei3qIOYfbkHWRdZNoOKnozR5b13SY8xtIgwAEIAABCEAAAhCAAAQyAh+wczU7gVqd0gAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

div.styleGuide li li,
div.styleguide li li {
    font-size: 0.92em;
    line-height: 2em;
}

div.styleGuide li li:after,
div.styleguide li li:after {
    position: absolute;
    display: block;
    content: " ";
    height: 0.1rem;
    width: 0.5rem;
    background-color: #999;
    top: 1.1rem;
    left: 0;
}

div.styleGuide li li:after,
div.styleguide li li:after {
    height: 0.1rem;
    width: 0.4rem;
    left: 0.1rem;
}

div.styleGuide li li li:after,
div.styleguide li li li:after {
    width: 0.3rem;
    left: 0.3rem;
}

div.styleGuide li li li li:after,
div.styleguide li li li li:after {
    width: 0.2rem;
    left: 0.5rem;
}

div.styleGuide .olliStyle,
div.styleguide .olliStyle {
    position: absolute;
    display: block;
    color: #222;
    font-family: 'Roboto', sans-serif;
    font-weight: 200;
    top: 0;
    left: -0.5rem;
    width: 2rem;
    text-align: right;
    background-color: transparent;
}

div.styleGuide ol>li,
div.styleguide ol>li {
    position: relative;
    padding-left: 2rem;
}

div.styleGuide ol>li:after,
div.styleguide ol>li:after {
    position: absolute;
    display: block;
    color: #222;
    font-family: 'Roboto', sans-serif;
    font-weight: 200;
    top: 0;
    left: -0.5rem;
    width: 2rem;
    text-align: right;
    background-color: transparent;
}

div.styleGuide ol>li:nth-of-type(1):after,
div.styleguide ol>li:nth-of-type(1):after {
    content: "1. ";
}

div.styleGuide ol>li:nth-of-type(2):after,
div.styleguide ol>li:nth-of-type(2):after {
    content: "2. ";
}

div.styleGuide ol>li:nth-of-type(3):after,
div.styleguide ol>li:nth-of-type(3):after {
    content: "3. ";
}

div.styleGuide ol>li:nth-of-type(4):after,
div.styleguide ol>li:nth-of-type(4):after {
    content: "4. ";
}

div.styleGuide ol>li:nth-of-type(5):after,
div.styleguide ol>li:nth-of-type(5):after {
    content: "5. ";
}

div.styleGuide ol>li:nth-of-type(6):after,
div.styleguide ol>li:nth-of-type(6):after {
    content: "6. ";
}

div.styleGuide ol>li:nth-of-type(7):after,
div.styleguide ol>li:nth-of-type(7):after {
    content: "7. ";
}

div.styleGuide ol>li:nth-of-type(8):after,
div.styleguide ol>li:nth-of-type(8):after {
    content: "8. ";
}

div.styleGuide ol>li:nth-of-type(9):after,
div.styleguide ol>li:nth-of-type(9):after {
    content: "9. ";
}

div.styleGuide ol>li:nth-of-type(10):after,
div.styleguide ol>li:nth-of-type(10):after {
    content: "10. ";
}

div.styleGuide ol>li:nth-of-type(11):after,
div.styleguide ol>li:nth-of-type(11):after {
    content: "11. ";
}

div.styleGuide ol>li:nth-of-type(12):after,
div.styleguide ol>li:nth-of-type(12):after {
    content: "12. ";
}

div.styleGuide ol>li:nth-of-type(13):after,
div.styleguide ol>li:nth-of-type(13):after {
    content: "13. ";
}

div.styleGuide ol>li:nth-of-type(14):after,
div.styleguide ol>li:nth-of-type(14):after {
    content: "14. ";
}

div.styleGuide ol>li:nth-of-type(15):after,
div.styleguide ol>li:nth-of-type(15):after {
    content: "15. ";
}

div.styleGuide ol>li:nth-of-type(16):after,
div.styleguide ol>li:nth-of-type(16):after {
    content: "16. ";
}

div.styleGuide ol>li:nth-of-type(17):after,
div.styleguide ol>li:nth-of-type(17):after {
    content: "17. ";
}

div.styleGuide ol>li:nth-of-type(18):after,
div.styleguide ol>li:nth-of-type(18):after {
    content: "18. ";
}

div.styleGuide ol>li:nth-of-type(19):after,
div.styleguide ol>li:nth-of-type(19):after {
    content: "19. ";
}

div.styleGuide ol>li:nth-of-type(20):after,
div.styleguide ol>li:nth-of-type(20):after {
    content: "20. ";
}

div.styleGuide ol>li ol>li:after,
div.styleguide ol>li ol>li:after {
    position: absolute;
    display: block;
    color: #222;
    font-family: 'Roboto', sans-serif;
    font-weight: 200;
    top: 0;
    left: -0.5rem;
    width: 2rem;
    text-align: right;
    background-color: transparent;
}

div.styleGuide ol>li ol>li:nth-of-type(1):after,
div.styleguide ol>li ol>li:nth-of-type(1):after {
    content: "① ";
}

div.styleGuide ol>li ol>li:nth-of-type(2):after,
div.styleguide ol>li ol>li:nth-of-type(2):after {
    content: "② ";
}

div.styleGuide ol>li ol>li:nth-of-type(3):after,
div.styleguide ol>li ol>li:nth-of-type(3):after {
    content: "③ ";
}

div.styleGuide ol>li ol>li:nth-of-type(4):after,
div.styleguide ol>li ol>li:nth-of-type(4):after {
    content: "④ ";
}

div.styleGuide ol>li ol>li:nth-of-type(5):after,
div.styleguide ol>li ol>li:nth-of-type(5):after {
    content: "⑤ ";
}

div.styleGuide ol>li ol>li:nth-of-type(6):after,
div.styleguide ol>li ol>li:nth-of-type(6):after {
    content: "⑥ ";
}

div.styleGuide ol>li ol>li:nth-of-type(7):after,
div.styleguide ol>li ol>li:nth-of-type(7):after {
    content: "⑦ ";
}

div.styleGuide ol>li ol>li:nth-of-type(8):after,
div.styleguide ol>li ol>li:nth-of-type(8):after {
    content: "⑧ ";
}

div.styleGuide ol>li ol>li:nth-of-type(9):after,
div.styleguide ol>li ol>li:nth-of-type(9):after {
    content: "⑨ ";
}

div.styleGuide ol>li ol>li:nth-of-type(10):after,
div.styleguide ol>li ol>li:nth-of-type(10):after {
    content: "⑩ ";
}

div.styleGuide ol>li ol>li:nth-of-type(11):after,
div.styleguide ol>li ol>li:nth-of-type(11):after {
    content: "⑪ ";
}

div.styleGuide ol>li ol>li:nth-of-type(12):after,
div.styleguide ol>li ol>li:nth-of-type(12):after {
    content: "⑫ ";
}

div.styleGuide ol>li ol>li:nth-of-type(13):after,
div.styleguide ol>li ol>li:nth-of-type(13):after {
    content: "⑬ ";
}

div.styleGuide ol>li ol>li:nth-of-type(14):after,
div.styleguide ol>li ol>li:nth-of-type(14):after {
    content: "⑭ ";
}

div.styleGuide ol>li ol>li:nth-of-type(15):after,
div.styleguide ol>li ol>li:nth-of-type(15):after {
    content: "⑮ ";
}

div.styleGuide ol>li ol>li:nth-of-type(16):after,
div.styleguide ol>li ol>li:nth-of-type(16):after {
    content: "⑯ ";
}

div.styleGuide ol>li ol>li:nth-of-type(17):after,
div.styleguide ol>li ol>li:nth-of-type(17):after {
    content: "⑰ ";
}

div.styleGuide ol>li ol>li:nth-of-type(18):after,
div.styleguide ol>li ol>li:nth-of-type(18):after {
    content: "⑱ ";
}

div.styleGuide ol>li ol>li:nth-of-type(19):after,
div.styleguide ol>li ol>li:nth-of-type(19):after {
    content: "⑲ ";
}

div.styleGuide ol>li ol>li:nth-of-type(20):after,
div.styleguide ol>li ol>li:nth-of-type(20):after {
    content: "⑳ ";
}

div.styleGuide table,
div.styleguide table {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    border-top: 2px solid #3d7dd4;
    border-left: 1px solid #dedede;
    margin: 0.5rem 0;
}

div.styleGuide table thead,
div.styleguide table thead {
    border-bottom: 1px #dedede;
}

div.styleGuide table thead td,
div.styleguide table thead td,
div.styleGuide table thead th,
div.styleguide table thead th {
    background-color: #f6f6f6;
    font-weight: 600;
    font-size: 1.65rem;
    line-height: 2.8875rem;
}

div.styleGuide table td,
div.styleguide table td,
div.styleGuide table th,
div.styleguide table th {
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    vertical-align: middle;
    padding: 0.6rem 0.8rem;
    font-size: 1.5rem;
    line-height: 2.625rem;
    word-break: keep-all;
}

div.styleGuide table td p:first-of-type,
div.styleguide table td p:first-of-type,
div.styleGuide table th p:first-of-type,
div.styleguide table th p:first-of-type {
    margin-top: 0;
}

div.styleGuide table td p:last-of-type,
div.styleguide table td p:last-of-type,
div.styleGuide table th p:last-of-type,
div.styleguide table th p:last-of-type {
    margin-bottom: 0;
}

div.styleGuide table th,
div.styleguide table th {
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 2.625rem;
    background-color: #f6f6f6;
    text-align: center;
    color: #3d7dd4;
}

div.styleGuide table tfoot,
div.styleguide table tfoot {
    border-top: 3px double #dedede;
}

div.styleGuide table tfoot th,
div.styleguide table tfoot th,
div.styleGuide table tfoot td,
div.styleguide table tfoot td {
    background-color: #fbfbfb;
}

@media screen and (min-width: 0px) and (max-width: 768px) {
    div.styleGuide html,
    div.styleguide html {
        font-size: 9px;
    }
    div.styleGuide blockquote+h1,
    div.styleguide blockquote+h1,
    div.styleGuide blockquote+h2,
    div.styleguide blockquote+h2,
    div.styleGuide blockquote+h3,
    div.styleguide blockquote+h3,
    div.styleGuide blockquote+h4,
    div.styleguide blockquote+h4,
    div.styleGuide blockquote+h5,
    div.styleguide blockquote+h5,
    div.styleGuide blockquote+h6,
    div.styleguide blockquote+h6,
    div.styleGuide ol+h1,
    div.styleguide ol+h1,
    div.styleGuide ol+h2,
    div.styleguide ol+h2,
    div.styleGuide ol+h3,
    div.styleguide ol+h3,
    div.styleGuide ol+h4,
    div.styleguide ol+h4,
    div.styleGuide ol+h5,
    div.styleguide ol+h5,
    div.styleGuide ol+h6,
    div.styleguide ol+h6,
    div.styleGuide p+h1,
    div.styleguide p+h1,
    div.styleGuide p+h2,
    div.styleguide p+h2,
    div.styleGuide p+h3,
    div.styleguide p+h3,
    div.styleGuide p+h4,
    div.styleguide p+h4,
    div.styleGuide p+h5,
    div.styleguide p+h5,
    div.styleGuide p+h6,
    div.styleguide p+h6,
    div.styleGuide table+h1,
    div.styleguide table+h1,
    div.styleGuide table+h2,
    div.styleguide table+h2,
    div.styleGuide table+h3,
    div.styleguide table+h3,
    div.styleGuide table+h4,
    div.styleguide table+h4,
    div.styleGuide table+h5,
    div.styleguide table+h5,
    div.styleGuide table+h6,
    div.styleguide table+h6,
    div.styleGuide div+h1,
    div.styleguide div+h1,
    div.styleGuide div+h2,
    div.styleguide div+h2,
    div.styleGuide div+h3,
    div.styleguide div+h3,
    div.styleGuide div+h4,
    div.styleguide div+h4,
    div.styleGuide div+h5,
    div.styleguide div+h5,
    div.styleGuide div+h6,
    div.styleguide div+h6,
    div.styleGuide ul+h1,
    div.styleguide ul+h1,
    div.styleGuide ul+h2,
    div.styleguide ul+h2,
    div.styleGuide ul+h3,
    div.styleguide ul+h3,
    div.styleGuide ul+h4,
    div.styleguide ul+h4,
    div.styleGuide ul+h5,
    div.styleguide ul+h5,
    div.styleGuide ul+h6,
    div.styleguide ul+h6 {
        margin-top: 2rem;
    }
    div.styleGuide h1,
    div.styleguide h1,
    div.styleGuide h2,
    div.styleguide h2,
    div.styleGuide h3,
    div.styleguide h3,
    div.styleGuide h4,
    div.styleguide h4,
    div.styleGuide h5,
    div.styleguide h5,
    div.styleGuide h6,
    div.styleguide h6 {
        margin: 2rem 0 1rem;
    }
    div.styleGuide hr,
    div.styleguide hr {
        display: block;
        border-top: 1px solid #dedede;
        margin: 3rem 0;
    }
    div.styleGuide blockquote,
    div.styleguide blockquote,
    div.styleGuide div.hero,
    div.styleguide div.hero {
        position: relative;
        background-color: #f6f6f6;
        border-radius: 3rem;
        font-family: 'Noto Sans Korean';
        padding: 2rem 4rem 1.5rem;
        margin: 2rem 0 1rem;
        font-size: 1.5rem;
        line-height: 2.625rem;
    }
    div.styleGuide blockquote strong,
    div.styleguide blockquote strong,
    div.styleGuide div.hero strong,
    div.styleguide div.hero strong {
        font-weight: 700;
        color: #3d7dd4;
    }
    div.styleGuide blockquote h1:first-child,
    div.styleguide blockquote h1:first-child,
    div.styleGuide div.hero h1:first-child,
    div.styleguide div.hero h1:first-child,
    div.styleGuide blockquote h2:first-child,
    div.styleguide blockquote h2:first-child,
    div.styleGuide div.hero h2:first-child,
    div.styleguide div.hero h2:first-child {
        margin-top: 1rem;
    }
    div.styleGuide blockquote p,
    div.styleguide blockquote p,
    div.styleGuide div.hero p,
    div.styleguide div.hero p {
        font-size: 1.5rem;
        line-height: 2.625rem;
        color: #666;
        font-weight: 600;
    }
    div.styleGuide blockquote .btn,
    div.styleguide blockquote .btn,
    div.styleGuide div.hero .btn,
    div.styleguide div.hero .btn {
        background-color: #3d7dd4;
        border: 1px solid #2d70cb;
        color: #fff;
        border-radius: 0.4rem;
    }
    div.styleGuide blockquote footer,
    div.styleguide blockquote footer,
    div.styleGuide div.hero footer,
    div.styleguide div.hero footer {
        margin: 1rem 0;
        font-size: 1.35rem;
        line-height: 2.3625rem;
        color: #6f6f6f;
    }
    div.styleGuide p,
    div.styleguide p {
        font-size: 1.5rem;
        line-height: 2.625rem;
        margin: 1rem 0;
        text-align: justify;
        word-break: keep-all;
    }
    div.styleGuide li,
    div.styleguide li {
        font-size: 1.5rem;
        line-height: 2.625rem;
        text-align: justify;
        word-break: keep-all;
    }
    div.styleGuide h1,
    div.styleguide h1,
    div.styleGuide h2,
    div.styleguide h2,
    div.styleGuide h3,
    div.styleguide h3,
    div.styleGuide h4,
    div.styleguide h4,
    div.styleGuide h5,
    div.styleguide h5,
    div.styleGuide h6,
    div.styleguide h6 {
        position: relative;
        padding: 0;
        word-break: keep-all;
    }
    div.styleGuide h1,
    div.styleguide h1 {
        margin-left: 0rem;
        font-size: 2.8rem;
        line-height: 4.9rem;
        font-weight: 700;
        font-family: 'Noto Sans Korean';
        color: #000;
    }
    div.styleGuide h1+blockquote,
    div.styleguide h1+blockquote,
    div.styleGuide h1+div,
    div.styleguide h1+div {
        margin-left: 0rem;
        margin-bottom: 1.5rem;
    }
    div.styleGuide h2,
    div.styleguide h2 {
        font-size: 2.4rem;
        line-height: 4.2rem;
        margin-left: 0rem;
        font-weight: 700;
        font-family: 'Noto Sans Korean';
        color: #000;
    }
    div.styleGuide h2+blockquote,
    div.styleguide h2+blockquote,
    div.styleGuide h2+div,
    div.styleguide h2+div {
        margin-left: 0rem;
        margin-bottom: 1.5rem;
    }
    div.styleGuide h3,
    div.styleguide h3 {
        font-size: 2rem;
        line-height: 3.5rem;
        margin-left: 2.5rem;
        color: #000;
        font-weight: 700;
    }
    div.styleGuide h3:after,
    div.styleguide h3:after {
        position: absolute;
        content: "";
        display: block;
        width: 2.4rem;
        height: 2.4rem;
        top: 0.4rem;
        left: -2.9rem;
        background-image: url('data:image/png;base64,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');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }
    div.styleGuide h3+blockquote,
    div.styleguide h3+blockquote,
    div.styleGuide h3+div,
    div.styleguide h3+div {
        margin-left: 2.5rem;
        margin-bottom: 1.5rem;
    }
    div.styleGuide h4,
    div.styleguide h4 {
        font-size: 1.8rem;
        line-height: 3.15rem;
        margin-left: 3.5rem;
        color: #000;
        font-weight: 500;
    }
    div.styleGuide h4:after,
    div.styleguide h4:after {
        position: absolute;
        content: "";
        display: block;
        width: 1.8rem;
        height: 2.4rem;
        top: 0.4rem;
        left: -1.8rem;
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAMAAAAAC/btK+AAAA1klEQVRYCe2TMQ7CMAxF7VRwAGZWZq7QUzF35iJco1dgZkVi4wAgCHVRUCqUSnXWF6lKGsc/v6+2CAMCEIAABCAAAQhAAAIQqCGgNcltd9m+3s+jxtiaTlTtm7A69N3u6tV1G/qaeZwlxs3kctV7E9Z7r6kwEVvwYmT+zFj+YHCMLdDKj7oNpd+Ui6X1XCydKc1uQyXB2n23ISvg0uVzsVJO2ncbsm6SoYCT0G8ei3qIOYfbkHWRdZNoOKnozR5b13SY8xtIgwAEIAABCEAAAhCAAAQyAh+wczU7gVqd0gAAAABJRU5ErkJggg==');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }
    div.styleGuide h4+blockquote,
    div.styleguide h4+blockquote,
    div.styleGuide h4+div,
    div.styleguide h4+div {
        margin-left: 3.5rem;
        margin-bottom: 1.5rem;
    }
    div.styleGuide h5,
    div.styleguide h5 {
        font-size: 1.6rem;
        line-height: 2.8rem;
        margin-left: 4.5rem;
        color: #3d7dd4;
        font-weight: 700;
    }
    div.styleGuide h5+blockquote,
    div.styleguide h5+blockquote,
    div.styleGuide h5+div,
    div.styleguide h5+div {
        margin-left: 4.5rem;
        margin-bottom: 1.5rem;
    }
    div.styleGuide h6,
    div.styleguide h6 {
        font-size: 1.5rem;
        line-height: 2.625rem;
        margin-left: 5.5rem;
        font-weight: 700;
    }
    div.styleGuide h6+blockquote,
    div.styleguide h6+blockquote,
    div.styleGuide h6+div,
    div.styleguide h6+div {
        margin-left: 5.5rem;
        margin-bottom: 1.5rem;
    }
    div.styleGuide ol,
    div.styleguide ol,
    div.styleGuide ul,
    div.styleguide ul {
        margin: 0.7rem 0;
    }
    div.styleGuide ol ol,
    div.styleguide ol ol,
    div.styleGuide ul ol,
    div.styleguide ul ol,
    div.styleGuide ol ul,
    div.styleguide ol ul,
    div.styleGuide ul ul,
    div.styleguide ul ul {
        margin: 0;
    }
    div.styleGuide ol li,
    div.styleguide ol li,
    div.styleGuide ul li,
    div.styleguide ul li {
        padding-left: 0;
        margin: 0.2rem 0;
    }
    div.styleGuide ul>li,
    div.styleguide ul>li {
        position: relative;
        padding-left: 1rem;
    }
    div.styleGuide ul>li:after,
    div.styleguide ul>li:after {
        position: absolute;
        content: "";
        display: block;
        width: 1.8rem;
        height: 2.4rem;
        top: 0;
        left: -0.7rem;
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAMAAAAAC/btK+AAAA1klEQVRYCe2TMQ7CMAxF7VRwAGZWZq7QUzF35iJco1dgZkVi4wAgCHVRUCqUSnXWF6lKGsc/v6+2CAMCEIAABCAAAQhAAAIQqCGgNcltd9m+3s+jxtiaTlTtm7A69N3u6tV1G/qaeZwlxs3kctV7E9Z7r6kwEVvwYmT+zFj+YHCMLdDKj7oNpd+Ui6X1XCydKc1uQyXB2n23ISvg0uVzsVJO2ncbsm6SoYCT0G8ei3qIOYfbkHWRdZNoOKnozR5b13SY8xtIgwAEIAABCEAAAhCAAAQyAh+wczU7gVqd0gAAAABJRU5ErkJggg==');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }
    div.styleGuide li li,
    div.styleguide li li {
        font-size: 0.92em;
        line-height: 2em;
    }
    div.styleGuide li li:after,
    div.styleguide li li:after {
        position: absolute;
        display: block;
        content: " ";
        height: 0.1rem;
        width: 0.5rem;
        background-color: #999;
        top: 1.1rem;
        left: 0;
    }
    div.styleGuide li li:after,
    div.styleguide li li:after {
        height: 0.1rem;
        width: 0.4rem;
        left: 0.1rem;
    }
    div.styleGuide li li li:after,
    div.styleguide li li li:after {
        width: 0.3rem;
        left: 0.3rem;
    }
    div.styleGuide li li li li:after,
    div.styleguide li li li li:after {
        width: 0.2rem;
        left: 0.5rem;
    }
    div.styleGuide .olliStyle,
    div.styleguide .olliStyle {
        position: absolute;
        display: block;
        color: #222;
        font-family: 'Roboto', sans-serif;
        font-weight: 200;
        top: 0;
        left: -0.5rem;
        width: 2rem;
        text-align: right;
        background-color: transparent;
    }
    div.styleGuide ol>li,
    div.styleguide ol>li {
        position: relative;
        padding-left: 2rem;
    }
    div.styleGuide ol>li:after,
    div.styleguide ol>li:after {
        position: absolute;
        display: block;
        color: #222;
        font-family: 'Roboto', sans-serif;
        font-weight: 200;
        top: 0;
        left: -0.5rem;
        width: 2rem;
        text-align: right;
        background-color: transparent;
    }
    div.styleGuide ol>li:nth-of-type(1):after,
    div.styleguide ol>li:nth-of-type(1):after {
        content: "1. ";
    }
    div.styleGuide ol>li:nth-of-type(2):after,
    div.styleguide ol>li:nth-of-type(2):after {
        content: "2. ";
    }
    div.styleGuide ol>li:nth-of-type(3):after,
    div.styleguide ol>li:nth-of-type(3):after {
        content: "3. ";
    }
    div.styleGuide ol>li:nth-of-type(4):after,
    div.styleguide ol>li:nth-of-type(4):after {
        content: "4. ";
    }
    div.styleGuide ol>li:nth-of-type(5):after,
    div.styleguide ol>li:nth-of-type(5):after {
        content: "5. ";
    }
    div.styleGuide ol>li:nth-of-type(6):after,
    div.styleguide ol>li:nth-of-type(6):after {
        content: "6. ";
    }
    div.styleGuide ol>li:nth-of-type(7):after,
    div.styleguide ol>li:nth-of-type(7):after {
        content: "7. ";
    }
    div.styleGuide ol>li:nth-of-type(8):after,
    div.styleguide ol>li:nth-of-type(8):after {
        content: "8. ";
    }
    div.styleGuide ol>li:nth-of-type(9):after,
    div.styleguide ol>li:nth-of-type(9):after {
        content: "9. ";
    }
    div.styleGuide ol>li:nth-of-type(10):after,
    div.styleguide ol>li:nth-of-type(10):after {
        content: "10. ";
    }
    div.styleGuide ol>li:nth-of-type(11):after,
    div.styleguide ol>li:nth-of-type(11):after {
        content: "11. ";
    }
    div.styleGuide ol>li:nth-of-type(12):after,
    div.styleguide ol>li:nth-of-type(12):after {
        content: "12. ";
    }
    div.styleGuide ol>li:nth-of-type(13):after,
    div.styleguide ol>li:nth-of-type(13):after {
        content: "13. ";
    }
    div.styleGuide ol>li:nth-of-type(14):after,
    div.styleguide ol>li:nth-of-type(14):after {
        content: "14. ";
    }
    div.styleGuide ol>li:nth-of-type(15):after,
    div.styleguide ol>li:nth-of-type(15):after {
        content: "15. ";
    }
    div.styleGuide ol>li:nth-of-type(16):after,
    div.styleguide ol>li:nth-of-type(16):after {
        content: "16. ";
    }
    div.styleGuide ol>li:nth-of-type(17):after,
    div.styleguide ol>li:nth-of-type(17):after {
        content: "17. ";
    }
    div.styleGuide ol>li:nth-of-type(18):after,
    div.styleguide ol>li:nth-of-type(18):after {
        content: "18. ";
    }
    div.styleGuide ol>li:nth-of-type(19):after,
    div.styleguide ol>li:nth-of-type(19):after {
        content: "19. ";
    }
    div.styleGuide ol>li:nth-of-type(20):after,
    div.styleguide ol>li:nth-of-type(20):after {
        content: "20. ";
    }
    div.styleGuide ol>li ol>li:after,
    div.styleguide ol>li ol>li:after {
        position: absolute;
        display: block;
        color: #222;
        font-family: 'Roboto', sans-serif;
        font-weight: 200;
        top: 0;
        left: -0.5rem;
        width: 2rem;
        text-align: right;
        background-color: transparent;
    }
    div.styleGuide ol>li ol>li:nth-of-type(1):after,
    div.styleguide ol>li ol>li:nth-of-type(1):after {
        content: "① ";
    }
    div.styleGuide ol>li ol>li:nth-of-type(2):after,
    div.styleguide ol>li ol>li:nth-of-type(2):after {
        content: "② ";
    }
    div.styleGuide ol>li ol>li:nth-of-type(3):after,
    div.styleguide ol>li ol>li:nth-of-type(3):after {
        content: "③ ";
    }
    div.styleGuide ol>li ol>li:nth-of-type(4):after,
    div.styleguide ol>li ol>li:nth-of-type(4):after {
        content: "④ ";
    }
    div.styleGuide ol>li ol>li:nth-of-type(5):after,
    div.styleguide ol>li ol>li:nth-of-type(5):after {
        content: "⑤ ";
    }
    div.styleGuide ol>li ol>li:nth-of-type(6):after,
    div.styleguide ol>li ol>li:nth-of-type(6):after {
        content: "⑥ ";
    }
    div.styleGuide ol>li ol>li:nth-of-type(7):after,
    div.styleguide ol>li ol>li:nth-of-type(7):after {
        content: "⑦ ";
    }
    div.styleGuide ol>li ol>li:nth-of-type(8):after,
    div.styleguide ol>li ol>li:nth-of-type(8):after {
        content: "⑧ ";
    }
    div.styleGuide ol>li ol>li:nth-of-type(9):after,
    div.styleguide ol>li ol>li:nth-of-type(9):after {
        content: "⑨ ";
    }
    div.styleGuide ol>li ol>li:nth-of-type(10):after,
    div.styleguide ol>li ol>li:nth-of-type(10):after {
        content: "⑩ ";
    }
    div.styleGuide ol>li ol>li:nth-of-type(11):after,
    div.styleguide ol>li ol>li:nth-of-type(11):after {
        content: "⑪ ";
    }
    div.styleGuide ol>li ol>li:nth-of-type(12):after,
    div.styleguide ol>li ol>li:nth-of-type(12):after {
        content: "⑫ ";
    }
    div.styleGuide ol>li ol>li:nth-of-type(13):after,
    div.styleguide ol>li ol>li:nth-of-type(13):after {
        content: "⑬ ";
    }
    div.styleGuide ol>li ol>li:nth-of-type(14):after,
    div.styleguide ol>li ol>li:nth-of-type(14):after {
        content: "⑭ ";
    }
    div.styleGuide ol>li ol>li:nth-of-type(15):after,
    div.styleguide ol>li ol>li:nth-of-type(15):after {
        content: "⑮ ";
    }
    div.styleGuide ol>li ol>li:nth-of-type(16):after,
    div.styleguide ol>li ol>li:nth-of-type(16):after {
        content: "⑯ ";
    }
    div.styleGuide ol>li ol>li:nth-of-type(17):after,
    div.styleguide ol>li ol>li:nth-of-type(17):after {
        content: "⑰ ";
    }
    div.styleGuide ol>li ol>li:nth-of-type(18):after,
    div.styleguide ol>li ol>li:nth-of-type(18):after {
        content: "⑱ ";
    }
    div.styleGuide ol>li ol>li:nth-of-type(19):after,
    div.styleguide ol>li ol>li:nth-of-type(19):after {
        content: "⑲ ";
    }
    div.styleGuide ol>li ol>li:nth-of-type(20):after,
    div.styleguide ol>li ol>li:nth-of-type(20):after {
        content: "⑳ ";
    }
    div.styleGuide table,
    div.styleguide table {
        position: relative;
        box-sizing: border-box;
        width: 100%;
        border-top: 2px solid #3d7dd4;
        border-left: 1px solid #dedede;
        margin: 0.5rem 0;
    }
    div.styleGuide table thead,
    div.styleguide table thead {
        border-bottom: 1px #dedede;
    }
    div.styleGuide table thead td,
    div.styleguide table thead td,
    div.styleGuide table thead th,
    div.styleguide table thead th {
        background-color: #f6f6f6;
        font-weight: 600;
        font-size: 1.65rem;
        line-height: 2.8875rem;
    }
    div.styleGuide table td,
    div.styleguide table td,
    div.styleGuide table th,
    div.styleguide table th {
        border-right: 1px solid #dedede;
        border-bottom: 1px solid #dedede;
        vertical-align: middle;
        padding: 0.6rem 0.8rem;
        font-size: 1.5rem;
        line-height: 2.625rem;
        word-break: keep-all;
    }
    div.styleGuide table td p:first-of-type,
    div.styleguide table td p:first-of-type,
    div.styleGuide table th p:first-of-type,
    div.styleguide table th p:first-of-type {
        margin-top: 0;
    }
    div.styleGuide table td p:last-of-type,
    div.styleguide table td p:last-of-type,
    div.styleGuide table th p:last-of-type,
    div.styleguide table th p:last-of-type {
        margin-bottom: 0;
    }
    div.styleGuide table th,
    div.styleguide table th {
        font-weight: 600;
        font-size: 1.5rem;
        line-height: 2.625rem;
        background-color: #f6f6f6;
        text-align: center;
        color: #3d7dd4;
    }
    div.styleGuide table tfoot,
    div.styleguide table tfoot {
        border-top: 3px double #dedede;
    }
    div.styleGuide table tfoot th,
    div.styleguide table tfoot th,
    div.styleGuide table tfoot td,
    div.styleguide table tfoot td {
        background-color: #fbfbfb;
    }
}

@media screen and (min-width: 0px) and (max-width: 768px) and (min-width: 0px) and (max-width: 768px) {
    div.styleGuide blockquote,
    div.styleguide blockquote,
    div.styleGuide div.hero,
    div.styleguide div.hero {
        padding: 2rem 3rem 1rem;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    div.styleGuide html,
    div.styleguide html {
        font-size: 10px;
    }
    div.styleGuide blockquote+h1,
    div.styleguide blockquote+h1,
    div.styleGuide blockquote+h2,
    div.styleguide blockquote+h2,
    div.styleGuide blockquote+h3,
    div.styleguide blockquote+h3,
    div.styleGuide blockquote+h4,
    div.styleguide blockquote+h4,
    div.styleGuide blockquote+h5,
    div.styleguide blockquote+h5,
    div.styleGuide blockquote+h6,
    div.styleguide blockquote+h6,
    div.styleGuide ol+h1,
    div.styleguide ol+h1,
    div.styleGuide ol+h2,
    div.styleguide ol+h2,
    div.styleGuide ol+h3,
    div.styleguide ol+h3,
    div.styleGuide ol+h4,
    div.styleguide ol+h4,
    div.styleGuide ol+h5,
    div.styleguide ol+h5,
    div.styleGuide ol+h6,
    div.styleguide ol+h6,
    div.styleGuide p+h1,
    div.styleguide p+h1,
    div.styleGuide p+h2,
    div.styleguide p+h2,
    div.styleGuide p+h3,
    div.styleguide p+h3,
    div.styleGuide p+h4,
    div.styleguide p+h4,
    div.styleGuide p+h5,
    div.styleguide p+h5,
    div.styleGuide p+h6,
    div.styleguide p+h6,
    div.styleGuide table+h1,
    div.styleguide table+h1,
    div.styleGuide table+h2,
    div.styleguide table+h2,
    div.styleGuide table+h3,
    div.styleguide table+h3,
    div.styleGuide table+h4,
    div.styleguide table+h4,
    div.styleGuide table+h5,
    div.styleguide table+h5,
    div.styleGuide table+h6,
    div.styleguide table+h6,
    div.styleGuide div+h1,
    div.styleguide div+h1,
    div.styleGuide div+h2,
    div.styleguide div+h2,
    div.styleGuide div+h3,
    div.styleguide div+h3,
    div.styleGuide div+h4,
    div.styleguide div+h4,
    div.styleGuide div+h5,
    div.styleguide div+h5,
    div.styleGuide div+h6,
    div.styleguide div+h6,
    div.styleGuide ul+h1,
    div.styleguide ul+h1,
    div.styleGuide ul+h2,
    div.styleguide ul+h2,
    div.styleGuide ul+h3,
    div.styleguide ul+h3,
    div.styleGuide ul+h4,
    div.styleguide ul+h4,
    div.styleGuide ul+h5,
    div.styleguide ul+h5,
    div.styleGuide ul+h6,
    div.styleguide ul+h6 {
        margin-top: 2rem;
    }
    div.styleGuide h1,
    div.styleguide h1,
    div.styleGuide h2,
    div.styleguide h2,
    div.styleGuide h3,
    div.styleguide h3,
    div.styleGuide h4,
    div.styleguide h4,
    div.styleGuide h5,
    div.styleguide h5,
    div.styleGuide h6,
    div.styleguide h6 {
        margin: 2rem 0 1rem;
    }
    div.styleGuide hr,
    div.styleguide hr {
        display: block;
        border-top: 1px solid #dedede;
        margin: 3rem 0;
    }
    div.styleGuide blockquote,
    div.styleguide blockquote,
    div.styleGuide div.hero,
    div.styleguide div.hero {
        position: relative;
        background-color: #f6f6f6;
        border-radius: 3rem;
        font-family: 'Noto Sans Korean';
        padding: 2rem 4rem 1.5rem;
        margin: 2rem 0 1rem;
        font-size: 1.5rem;
        line-height: 2.625rem;
    }
    div.styleGuide blockquote strong,
    div.styleguide blockquote strong,
    div.styleGuide div.hero strong,
    div.styleguide div.hero strong {
        font-weight: 700;
        color: #3d7dd4;
    }
    div.styleGuide blockquote h1:first-child,
    div.styleguide blockquote h1:first-child,
    div.styleGuide div.hero h1:first-child,
    div.styleguide div.hero h1:first-child,
    div.styleGuide blockquote h2:first-child,
    div.styleguide blockquote h2:first-child,
    div.styleGuide div.hero h2:first-child,
    div.styleguide div.hero h2:first-child {
        margin-top: 1rem;
    }
    div.styleGuide blockquote p,
    div.styleguide blockquote p,
    div.styleGuide div.hero p,
    div.styleguide div.hero p {
        font-size: 1.5rem;
        line-height: 2.625rem;
        color: #666;
        font-weight: 600;
    }
    div.styleGuide blockquote .btn,
    div.styleguide blockquote .btn,
    div.styleGuide div.hero .btn,
    div.styleguide div.hero .btn {
        background-color: #3d7dd4;
        border: 1px solid #2d70cb;
        color: #fff;
        border-radius: 0.4rem;
    }
    div.styleGuide blockquote footer,
    div.styleguide blockquote footer,
    div.styleGuide div.hero footer,
    div.styleguide div.hero footer {
        margin: 1rem 0;
        font-size: 1.35rem;
        line-height: 2.3625rem;
        color: #6f6f6f;
    }
    div.styleGuide p,
    div.styleguide p {
        font-size: 1.5rem;
        line-height: 2.625rem;
        margin: 1rem 0;
        text-align: justify;
        word-break: keep-all;
    }
    div.styleGuide li,
    div.styleguide li {
        font-size: 1.5rem;
        line-height: 2.625rem;
        text-align: justify;
        word-break: keep-all;
    }
    div.styleGuide h1,
    div.styleguide h1,
    div.styleGuide h2,
    div.styleguide h2,
    div.styleGuide h3,
    div.styleguide h3,
    div.styleGuide h4,
    div.styleguide h4,
    div.styleGuide h5,
    div.styleguide h5,
    div.styleGuide h6,
    div.styleguide h6 {
        position: relative;
        padding: 0;
        word-break: keep-all;
    }
    div.styleGuide h1,
    div.styleguide h1 {
        margin-left: 0rem;
        font-size: 2.8rem;
        line-height: 4.9rem;
        font-weight: 700;
        font-family: 'Noto Sans Korean';
        color: #000;
    }
    div.styleGuide h1+blockquote,
    div.styleguide h1+blockquote,
    div.styleGuide h1+div,
    div.styleguide h1+div {
        margin-left: 0rem;
        margin-bottom: 1.5rem;
    }
    div.styleGuide h2,
    div.styleguide h2 {
        font-size: 2.4rem;
        line-height: 4.2rem;
        margin-left: 0rem;
        font-weight: 700;
        font-family: 'Noto Sans Korean';
        color: #000;
    }
    div.styleGuide h2+blockquote,
    div.styleguide h2+blockquote,
    div.styleGuide h2+div,
    div.styleguide h2+div {
        margin-left: 0rem;
        margin-bottom: 1.5rem;
    }
    div.styleGuide h3,
    div.styleguide h3 {
        font-size: 2rem;
        line-height: 3.5rem;
        margin-left: 2.5rem;
        color: #000;
        font-weight: 700;
    }
    div.styleGuide h3:after,
    div.styleguide h3:after {
        position: absolute;
        content: "";
        display: block;
        width: 2.4rem;
        height: 2.4rem;
        top: 0.4rem;
        left: -2.9rem;
        background-image: url('data:image/png;base64,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');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }
    div.styleGuide h3+blockquote,
    div.styleguide h3+blockquote,
    div.styleGuide h3+div,
    div.styleguide h3+div {
        margin-left: 2.5rem;
        margin-bottom: 1.5rem;
    }
    div.styleGuide h4,
    div.styleguide h4 {
        font-size: 1.8rem;
        line-height: 3.15rem;
        margin-left: 3.5rem;
        color: #000;
        font-weight: 500;
    }
    div.styleGuide h4:after,
    div.styleguide h4:after {
        position: absolute;
        content: "";
        display: block;
        width: 1.8rem;
        height: 2.4rem;
        top: 0.4rem;
        left: -1.8rem;
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAMAAAAAC/btK+AAAA1klEQVRYCe2TMQ7CMAxF7VRwAGZWZq7QUzF35iJco1dgZkVi4wAgCHVRUCqUSnXWF6lKGsc/v6+2CAMCEIAABCAAAQhAAAIQqCGgNcltd9m+3s+jxtiaTlTtm7A69N3u6tV1G/qaeZwlxs3kctV7E9Z7r6kwEVvwYmT+zFj+YHCMLdDKj7oNpd+Ui6X1XCydKc1uQyXB2n23ISvg0uVzsVJO2ncbsm6SoYCT0G8ei3qIOYfbkHWRdZNoOKnozR5b13SY8xtIgwAEIAABCEAAAhCAAAQyAh+wczU7gVqd0gAAAABJRU5ErkJggg==');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }
    div.styleGuide h4+blockquote,
    div.styleguide h4+blockquote,
    div.styleGuide h4+div,
    div.styleguide h4+div {
        margin-left: 3.5rem;
        margin-bottom: 1.5rem;
    }
    div.styleGuide h5,
    div.styleguide h5 {
        font-size: 1.6rem;
        line-height: 2.8rem;
        margin-left: 4.5rem;
        color: #3d7dd4;
        font-weight: 700;
    }
    div.styleGuide h5+blockquote,
    div.styleguide h5+blockquote,
    div.styleGuide h5+div,
    div.styleguide h5+div {
        margin-left: 4.5rem;
        margin-bottom: 1.5rem;
    }
    div.styleGuide h6,
    div.styleguide h6 {
        font-size: 1.5rem;
        line-height: 2.625rem;
        margin-left: 5.5rem;
        font-weight: 700;
    }
    div.styleGuide h6+blockquote,
    div.styleguide h6+blockquote,
    div.styleGuide h6+div,
    div.styleguide h6+div {
        margin-left: 5.5rem;
        margin-bottom: 1.5rem;
    }
    div.styleGuide ol,
    div.styleguide ol,
    div.styleGuide ul,
    div.styleguide ul {
        margin: 0.7rem 0;
    }
    div.styleGuide ol ol,
    div.styleguide ol ol,
    div.styleGuide ul ol,
    div.styleguide ul ol,
    div.styleGuide ol ul,
    div.styleguide ol ul,
    div.styleGuide ul ul,
    div.styleguide ul ul {
        margin: 0;
    }
    div.styleGuide ol li,
    div.styleguide ol li,
    div.styleGuide ul li,
    div.styleguide ul li {
        padding-left: 0;
        margin: 0.2rem 0;
    }
    div.styleGuide ul>li,
    div.styleguide ul>li {
        position: relative;
        padding-left: 1rem;
    }
    div.styleGuide ul>li:after,
    div.styleguide ul>li:after {
        position: absolute;
        content: "";
        display: block;
        width: 1.8rem;
        height: 2.4rem;
        top: 0;
        left: -0.7rem;
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAMAAAAAC/btK+AAAA1klEQVRYCe2TMQ7CMAxF7VRwAGZWZq7QUzF35iJco1dgZkVi4wAgCHVRUCqUSnXWF6lKGsc/v6+2CAMCEIAABCAAAQhAAAIQqCGgNcltd9m+3s+jxtiaTlTtm7A69N3u6tV1G/qaeZwlxs3kctV7E9Z7r6kwEVvwYmT+zFj+YHCMLdDKj7oNpd+Ui6X1XCydKc1uQyXB2n23ISvg0uVzsVJO2ncbsm6SoYCT0G8ei3qIOYfbkHWRdZNoOKnozR5b13SY8xtIgwAEIAABCEAAAhCAAAQyAh+wczU7gVqd0gAAAABJRU5ErkJggg==');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }
    div.styleGuide li li,
    div.styleguide li li {
        font-size: 0.92em;
        line-height: 2em;
    }
    div.styleGuide li li:after,
    div.styleguide li li:after {
        position: absolute;
        display: block;
        content: " ";
        height: 0.1rem;
        width: 0.5rem;
        background-color: #999;
        top: 1.1rem;
        left: 0;
    }
    div.styleGuide li li:after,
    div.styleguide li li:after {
        height: 0.1rem;
        width: 0.4rem;
        left: 0.1rem;
    }
    div.styleGuide li li li:after,
    div.styleguide li li li:after {
        width: 0.3rem;
        left: 0.3rem;
    }
    div.styleGuide li li li li:after,
    div.styleguide li li li li:after {
        width: 0.2rem;
        left: 0.5rem;
    }
    div.styleGuide .olliStyle,
    div.styleguide .olliStyle {
        position: absolute;
        display: block;
        color: #222;
        font-family: 'Roboto', sans-serif;
        font-weight: 200;
        top: 0;
        left: -0.5rem;
        width: 2rem;
        text-align: right;
        background-color: transparent;
    }
    div.styleGuide ol>li,
    div.styleguide ol>li {
        position: relative;
        padding-left: 2rem;
    }
    div.styleGuide ol>li:after,
    div.styleguide ol>li:after {
        position: absolute;
        display: block;
        color: #222;
        font-family: 'Roboto', sans-serif;
        font-weight: 200;
        top: 0;
        left: -0.5rem;
        width: 2rem;
        text-align: right;
        background-color: transparent;
    }
    div.styleGuide ol>li:nth-of-type(1):after,
    div.styleguide ol>li:nth-of-type(1):after {
        content: "1. ";
    }
    div.styleGuide ol>li:nth-of-type(2):after,
    div.styleguide ol>li:nth-of-type(2):after {
        content: "2. ";
    }
    div.styleGuide ol>li:nth-of-type(3):after,
    div.styleguide ol>li:nth-of-type(3):after {
        content: "3. ";
    }
    div.styleGuide ol>li:nth-of-type(4):after,
    div.styleguide ol>li:nth-of-type(4):after {
        content: "4. ";
    }
    div.styleGuide ol>li:nth-of-type(5):after,
    div.styleguide ol>li:nth-of-type(5):after {
        content: "5. ";
    }
    div.styleGuide ol>li:nth-of-type(6):after,
    div.styleguide ol>li:nth-of-type(6):after {
        content: "6. ";
    }
    div.styleGuide ol>li:nth-of-type(7):after,
    div.styleguide ol>li:nth-of-type(7):after {
        content: "7. ";
    }
    div.styleGuide ol>li:nth-of-type(8):after,
    div.styleguide ol>li:nth-of-type(8):after {
        content: "8. ";
    }
    div.styleGuide ol>li:nth-of-type(9):after,
    div.styleguide ol>li:nth-of-type(9):after {
        content: "9. ";
    }
    div.styleGuide ol>li:nth-of-type(10):after,
    div.styleguide ol>li:nth-of-type(10):after {
        content: "10. ";
    }
    div.styleGuide ol>li:nth-of-type(11):after,
    div.styleguide ol>li:nth-of-type(11):after {
        content: "11. ";
    }
    div.styleGuide ol>li:nth-of-type(12):after,
    div.styleguide ol>li:nth-of-type(12):after {
        content: "12. ";
    }
    div.styleGuide ol>li:nth-of-type(13):after,
    div.styleguide ol>li:nth-of-type(13):after {
        content: "13. ";
    }
    div.styleGuide ol>li:nth-of-type(14):after,
    div.styleguide ol>li:nth-of-type(14):after {
        content: "14. ";
    }
    div.styleGuide ol>li:nth-of-type(15):after,
    div.styleguide ol>li:nth-of-type(15):after {
        content: "15. ";
    }
    div.styleGuide ol>li:nth-of-type(16):after,
    div.styleguide ol>li:nth-of-type(16):after {
        content: "16. ";
    }
    div.styleGuide ol>li:nth-of-type(17):after,
    div.styleguide ol>li:nth-of-type(17):after {
        content: "17. ";
    }
    div.styleGuide ol>li:nth-of-type(18):after,
    div.styleguide ol>li:nth-of-type(18):after {
        content: "18. ";
    }
    div.styleGuide ol>li:nth-of-type(19):after,
    div.styleguide ol>li:nth-of-type(19):after {
        content: "19. ";
    }
    div.styleGuide ol>li:nth-of-type(20):after,
    div.styleguide ol>li:nth-of-type(20):after {
        content: "20. ";
    }
    div.styleGuide ol>li ol>li:after,
    div.styleguide ol>li ol>li:after {
        position: absolute;
        display: block;
        color: #222;
        font-family: 'Roboto', sans-serif;
        font-weight: 200;
        top: 0;
        left: -0.5rem;
        width: 2rem;
        text-align: right;
        background-color: transparent;
    }
    div.styleGuide ol>li ol>li:nth-of-type(1):after,
    div.styleguide ol>li ol>li:nth-of-type(1):after {
        content: "① ";
    }
    div.styleGuide ol>li ol>li:nth-of-type(2):after,
    div.styleguide ol>li ol>li:nth-of-type(2):after {
        content: "② ";
    }
    div.styleGuide ol>li ol>li:nth-of-type(3):after,
    div.styleguide ol>li ol>li:nth-of-type(3):after {
        content: "③ ";
    }
    div.styleGuide ol>li ol>li:nth-of-type(4):after,
    div.styleguide ol>li ol>li:nth-of-type(4):after {
        content: "④ ";
    }
    div.styleGuide ol>li ol>li:nth-of-type(5):after,
    div.styleguide ol>li ol>li:nth-of-type(5):after {
        content: "⑤ ";
    }
    div.styleGuide ol>li ol>li:nth-of-type(6):after,
    div.styleguide ol>li ol>li:nth-of-type(6):after {
        content: "⑥ ";
    }
    div.styleGuide ol>li ol>li:nth-of-type(7):after,
    div.styleguide ol>li ol>li:nth-of-type(7):after {
        content: "⑦ ";
    }
    div.styleGuide ol>li ol>li:nth-of-type(8):after,
    div.styleguide ol>li ol>li:nth-of-type(8):after {
        content: "⑧ ";
    }
    div.styleGuide ol>li ol>li:nth-of-type(9):after,
    div.styleguide ol>li ol>li:nth-of-type(9):after {
        content: "⑨ ";
    }
    div.styleGuide ol>li ol>li:nth-of-type(10):after,
    div.styleguide ol>li ol>li:nth-of-type(10):after {
        content: "⑩ ";
    }
    div.styleGuide ol>li ol>li:nth-of-type(11):after,
    div.styleguide ol>li ol>li:nth-of-type(11):after {
        content: "⑪ ";
    }
    div.styleGuide ol>li ol>li:nth-of-type(12):after,
    div.styleguide ol>li ol>li:nth-of-type(12):after {
        content: "⑫ ";
    }
    div.styleGuide ol>li ol>li:nth-of-type(13):after,
    div.styleguide ol>li ol>li:nth-of-type(13):after {
        content: "⑬ ";
    }
    div.styleGuide ol>li ol>li:nth-of-type(14):after,
    div.styleguide ol>li ol>li:nth-of-type(14):after {
        content: "⑭ ";
    }
    div.styleGuide ol>li ol>li:nth-of-type(15):after,
    div.styleguide ol>li ol>li:nth-of-type(15):after {
        content: "⑮ ";
    }
    div.styleGuide ol>li ol>li:nth-of-type(16):after,
    div.styleguide ol>li ol>li:nth-of-type(16):after {
        content: "⑯ ";
    }
    div.styleGuide ol>li ol>li:nth-of-type(17):after,
    div.styleguide ol>li ol>li:nth-of-type(17):after {
        content: "⑰ ";
    }
    div.styleGuide ol>li ol>li:nth-of-type(18):after,
    div.styleguide ol>li ol>li:nth-of-type(18):after {
        content: "⑱ ";
    }
    div.styleGuide ol>li ol>li:nth-of-type(19):after,
    div.styleguide ol>li ol>li:nth-of-type(19):after {
        content: "⑲ ";
    }
    div.styleGuide ol>li ol>li:nth-of-type(20):after,
    div.styleguide ol>li ol>li:nth-of-type(20):after {
        content: "⑳ ";
    }
    div.styleGuide table,
    div.styleguide table {
        position: relative;
        box-sizing: border-box;
        width: 100%;
        border-top: 2px solid #3d7dd4;
        border-left: 1px solid #dedede;
        margin: 0.5rem 0;
    }
    div.styleGuide table thead,
    div.styleguide table thead {
        border-bottom: 1px #dedede;
    }
    div.styleGuide table thead td,
    div.styleguide table thead td,
    div.styleGuide table thead th,
    div.styleguide table thead th {
        background-color: #f6f6f6;
        font-weight: 600;
        font-size: 1.65rem;
        line-height: 2.8875rem;
    }
    div.styleGuide table td,
    div.styleguide table td,
    div.styleGuide table th,
    div.styleguide table th {
        border-right: 1px solid #dedede;
        border-bottom: 1px solid #dedede;
        vertical-align: middle;
        padding: 0.6rem 0.8rem;
        font-size: 1.5rem;
        line-height: 2.625rem;
        word-break: keep-all;
    }
    div.styleGuide table td p:first-of-type,
    div.styleguide table td p:first-of-type,
    div.styleGuide table th p:first-of-type,
    div.styleguide table th p:first-of-type {
        margin-top: 0;
    }
    div.styleGuide table td p:last-of-type,
    div.styleguide table td p:last-of-type,
    div.styleGuide table th p:last-of-type,
    div.styleguide table th p:last-of-type {
        margin-bottom: 0;
    }
    div.styleGuide table th,
    div.styleguide table th {
        font-weight: 600;
        font-size: 1.5rem;
        line-height: 2.625rem;
        background-color: #f6f6f6;
        text-align: center;
        color: #3d7dd4;
    }
    div.styleGuide table tfoot,
    div.styleguide table tfoot {
        border-top: 3px double #dedede;
    }
    div.styleGuide table tfoot th,
    div.styleguide table tfoot th,
    div.styleGuide table tfoot td,
    div.styleguide table tfoot td {
        background-color: #fbfbfb;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) and (min-width: 0px) and (max-width: 768px) {
    div.styleGuide blockquote,
    div.styleguide blockquote,
    div.styleGuide div.hero,
    div.styleguide div.hero {
        padding: 2rem 3rem 1rem;
    }
}

.color1 {
    color: #3d7dd4;
}

._blank {
    text-decoration: underline;
}

div.styleguide table td.btmLine {
    border-bottom: solid 1px #858585;
}

.imgScroll {
    width: 100%;
    max-width: 100%;
    padding: 15px 0;
}

.professorList {
    overflow: hidden;
}

.professorList li.item {
    position: relative;
    float: left;
    width: 49%;
    margin: 0 0 15px 2%;
    padding: 22px 23px 22px 176px;
    border-radius: 5px;
    border: solid 1px #e4e9f2;
}

.professorList li.item:nth-child(2n+1) {
    margin-left: 0;
}

.professorList li.item .photo {
    position: absolute;
    top: 22px;
    left: 22px;
}

.professorList li.item h2 {
    font-family: SpoqaHanSans;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    color: #000;
}

.professorList li.item .desc {
    font-family: NotoSansCJKkr;
    font-size: 12px;
    line-height: 1.5;
    color: #909090;
    margin-bottom: 12px;
}

.professorList li.item .info {
    overflow: hidden;
    margin-bottom: 5px;
}

.professorList li.item .info dt {
    display: inline-block;
    vertical-align: top;
    font-family: NotoSansCJKkr;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.43;
    color: #3d7dd4;
    margin-right: 10px;
}

.professorList li.item .info dd {
    display: inline-block;
    vertical-align: top;
    font-family: NotoSansCJKkr;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.43;
    color: #494949;
}

.professorList li.item .detail {
    position: absolute;
    top: 23px;
    right: 23px;
    width: 28px;
    height: 28px;
    border: 0;
    background: url(/attach/editor/20210223013334CX23106HotzQmldIZ4ld.png) no-repeat 0 0;
    text-indent: -99999px;
    cursor: pointer;
}

.professorList li.item .detailBox {
    display: none;
}

.professorList li.item .detailBox .bgShadow {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    z-index: 999999;
    background: #000;
    position: fixed;
    top: 1px;
    left: 1px;
    text-align: center;
    opacity: 0.6;
}

.professorList li.item .detailBox .pop_view {
    position: fixed;
    width: 650px;
    height: 650px;
    background: #fff;
    margin: 0 auto;
    border: 1px solid #e4e9f2;
    top: 50%;
    left: 50%;
    z-index: 999999;
    border-radius: 5px;
    transform: translate(-50%, -50%);
}

.professorList li.item .detailBox .pop_view .pop_close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 24px;
    height: 24px;
    border: 0;
    background: url(/attach/editor/20210223025653dMAOlaqUUNwWVrdxzp0y.png) no-repeat 0 0;
    text-indent: -9999px;
    cursor: pointer;
    z-index: 10;
}

.professorList li.item .detailBox .pop_view .professorTop {
    position: relative;
    padding: 22px 22px 22px 176px;
}

.professorList li.item .detailBox .pop_view .professorTop .photo {
    position: absolute;
    top: 22px;
    left: 22px;
}

.professorList li.item .detailBox .pop_view .professorTop h2 {
    font-family: SpoqaHanSans;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    color: #000;
}

.professorList li.item .detailBox .pop_view .professorTop .desc {
    font-family: NotoSansCJKkr;
    font-size: 12px;
    line-height: 1.5;
    color: #909090;
    margin-bottom: 12px;
}

.professorList li.item .detailBox .pop_view .professorTop .info {
    overflow: hidden;
    margin-bottom: 5px;
}

.professorList li.item .detailBox .pop_view .professorTop .info dt {
    display: inline-block;
    vertical-align: top;
    font-family: NotoSansCJKkr;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.43;
    color: #3d7dd4;
    margin-right: 10px;
}

.professorList li.item .detailBox .pop_view .professorTop .info dd {
    display: inline-block;
    vertical-align: top;
    font-family: NotoSansCJKkr;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.43;
    color: #494949;
}

.professorList li.item .detailBox .pop_view .professorBottom {
    overflow-y: auto;
    border-top: solid 1px #f2f2f2;
    padding: 22px;
    height: 445px;
}

.professorList li.item .detailBox .pop_view .professorBottom h3 {
    font-family: NotoSansCJKkr;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.43;
    letter-spacing: normal;
    color: #3d7dd4;
}

.professorList li.item .detailBox .pop_view .professorBottom .pop_in_text {
    margin-bottom: 22px;
}

.professorList li.item .detailBox .pop_view .professorBottom ul.list {
    margin: 0.7rem 0;
}

.professorList li.item .detailBox .pop_view .professorBottom ul.list>li {
    position: relative;
    padding-left: 1rem;
    font-size: 15px;
    line-height: 1.8;
    word-break: keep-all;
}

.professorList li.item .detailBox .pop_view .professorBottom ul.list>li:before {
    position: absolute;
    display: block;
    content: "";
    height: 4px;
    width: 4px;
    background-color: #3d7dd4;
    top: 14px;
    left: 0;
    margin-top: -3px;
    border-radius: 50%;
}

.professorList li.item .detailBox .pop_view .professorBottom dl {
    overflow: hidden;
}

.professorList li.item .detailBox .pop_view .professorBottom dl dt {
    position: relative;
    float: left;
    width: 25%;
    font-weight: 500;
    line-height: 1.8;
    color: #494949;
    font-size: 15px;
    padding-left: 1rem;
}

.professorList li.item .detailBox .pop_view .professorBottom dl dt:before {
    position: absolute;
    display: block;
    content: "";
    height: 4px;
    width: 4px;
    background-color: #3d7dd4;
    top: 14px;
    left: 0;
    margin-top: -3px;
    border-radius: 50%;
}

.professorList li.item .detailBox .pop_view .professorBottom dl dd {
    float: left;
    width: 75%;
    line-height: 1.8;
    color: #494949;
    font-size: 15px;
}

.historyHList {
    position: relative;
    padding-top: 18px;
}

.historyHList:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 8px;
    height: 18px;
    margin-left: -4px;
    background: url(/attach/editor/20210222114813YXpHFTi5gpICbH0YxhtC.jpg) no-repeat 0 0;
}

.historyHList:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 8px;
    height: 18px;
    margin-left: -4px;
    background: url(/attach/editor/20210222114813YXpHFTi5gpICbH0YxhtC.jpg) no-repeat 0 0;
}

.historyHList>li {
    position: relative;
}

.historyHList>li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 8px;
    height: 100%;
    margin-left: -4px;
    background: #e4e9f2;
}

.historyHList>li:first-child {
    padding-top: 113px;
}

.historyHList>li ul {
    overflow: hidden;
    width: 90%;
    margin: 0 auto;
    padding-top: 30px;
}

.historyHList>li ul li {
    width: 50%;
}

.historyHList>li ul li h2 {
    margin-top: 0;
    font-size: 28px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: normal;
    color: #000;
}

.historyHList>li ul li h3 {
    margin-top: 25px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    color: #3d7dd4;
}

.historyHList>li ul li.fr {
    float: right;
    padding-left: 50px;
    position: relative;
}

.historyHList>li ul li.fr:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 18px;
    margin-top: 13px;
    margin-left: -4px;
    background: url(/attach/editor/20210222114813YXpHFTi5gpICbH0YxhtC.jpg) no-repeat 0 0;
}

.historyHList>li ul li.fr+li.fr {
    text-align: right;
    padding-right: 50px;
}

.historyHList>li ul li.fr+li.fr:before {
    background: none;
}

.historyHList>li ul li.fl {
    float: left;
    padding-right: 50px;
    text-align: right;
    position: relative;
}

.historyHList>li ul li.fl:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 8px;
    height: 18px;
    margin-top: 13px;
    margin-right: -4px;
    background: url(/attach/editor/20210222114813YXpHFTi5gpICbH0YxhtC.jpg) no-repeat 0 0 #e4e9f2;
}

.historyHList>li ul li.fl+li.fl {
    text-align: left;
    padding-left: 50px;
}

.historyHList>li ul li.fl+li.fl:before {
    background: none;
}

.siteLink {
    overflow: hidden;
}

.siteLink dt {
    float: left;
    width: calc(50% - 150px);
    position: relative;
    padding-left: 3.5rem;
    font-size: 1.5rem;
    line-height: 2.625rem;
    text-align: justify;
    word-break: keep-all;
    line-height: 41px;
    margin-bottom: 10px;
}

.siteLink dt:after {
    position: absolute;
    content: "";
    display: block;
    width: 1.8rem;
    height: 2.4rem;
    top: 7px;
    left: 1.3rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAMAAAAAC/btK+AAAA1klEQVRYCe2TMQ7CMAxF7VRwAGZWZq7QUzF35iJco1dgZkVi4wAgCHVRUCqUSnXWF6lKGsc/v6+2CAMCEIAABCAAAQhAAAIQqCGgNcltd9m+3s+jxtiaTlTtm7A69N3u6tV1G/qaeZwlxs3kctV7E9Z7r6kwEVvwYmT+zFj+YHCMLdDKj7oNpd+Ui6X1XCydKc1uQyXB2n23ISvg0uVzsVJO2ncbsm6SoYCT0G8ei3qIOYfbkHWRdZNoOKnozR5b13SY8xtIgwAEIAABCEAAAhCAAAQyAh+wczU7gVqd0gAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.siteLink dd {
    float: left;
    width: 150px;
    margin-bottom: 10px;
}

.siteLink dd a {
    display: block;
    width: 150px;
    font-size: 1.3rem;
    color: #fff;
    border-radius: 5px;
    font-size: 15px;
    padding: 10px;
    background: #3d7dd4;
    text-align: center;
}

.lookMap .mapFoot {
    position: relative;
    padding: 20px 0;
    border-bottom: 1px solid #dadada;
    margin-bottom: 30px;
}

.lookMap .mapFoot h2 {
    font-size: 20px;
    color: #000;
}

.lookMap .mapFoot p {
    font-size: 17px;
    color: #494949;
}

.lookMap .mapFoot p.telfax {
    position: absolute;
    right: 0;
    bottom: 20px;
    font-size: 17px;
    font-weight: 400;
    color: #494949;
}

.lookMap .mapFoot p.telfax span {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-weight: 800;
    color: #fff;
    background-color: #3d7dd4;
    border-radius: 12px;
    margin-left: 20px;
}

.lookMap .mapFoot p.telfax span:nth-of-type(2) {
    background-color: #000;
}

.lookMap .in3 {
    margin-left: 2.5rem;
}

.lookMap .in3 span {
    color: #3d7dd4;
    font-weight: 600;
}

.styleguide_2 h2 {
    position: relative;
    margin-top: 35px;
    font-size: 2rem;
    line-height: 3.5rem;
    color: #000;
    font-weight: 700;
}

.styleguide_2 .h2 {
    margin: 45px 0 5px 0;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
}

.styleguide_2 h3 {
    position: relative;
    margin-top: 25px;
    font-size: 1.8rem;
    line-height: 3.15rem;
    color: #000;
    font-weight: 500;
}

.styleguide_2 h4 {
    position: relative;
    font-size: 1.8rem;
    line-height: 3.15rem;
    color: #000;
    font-weight: 500;
}

.styleguide_2 p {
    margin: 1rem 0;
    font-size: 1.5rem;
    line-height: 2.625rem;
    word-break: keep-all;
}

.styleguide_2 ul.list {
    margin: 0.7rem 0;
}

.styleguide_2 ul.list>li {
    position: relative;
    padding-left: 1rem;
    font-size: 15px;
    line-height: 1.8;
    word-break: keep-all;
}

.styleguide_2 ul.list>li:before {
    position: absolute;
    display: block;
    content: "";
    height: 4px;
    width: 4px;
    background-color: #3d7dd4;
    top: 14px;
    left: 0;
    margin-top: -3px;
    border-radius: 50%;
}

.styleguide_2 ul.list>li ul {
    margin: 0.7rem 0 0.7rem 10px;
}

.styleguide_2 ul.list>li ul li {
    position: relative;
    padding-left: 1.2rem;
    font-size: 15px;
    line-height: 1.8;
    word-break: keep-all;
}

.styleguide_2 ul.list>li ul li:before {
    position: absolute;
    display: block;
    content: "";
    height: 2px;
    width: 6px;
    background-color: #494949;
    top: 12px;
    left: 0;
}

.styleguide_2 ul.list li.strong {
    font-weight: bold;
}

.styleguide_2 ul.list li.strong p {
    margin: 0;
    font-weight: normal;
}

.styleguide_2 ul.list2 {
    margin: 0.7rem 0 0.7rem 1.5rem;
}

.styleguide_2 ul.list2>li {
    position: relative;
    padding-left: 1rem;
    font-size: 15px;
    line-height: 1.8;
    text-align: justify;
    word-break: keep-all;
}

.styleguide_2 ul.list2>li:before {
    position: absolute;
    display: block;
    content: " ";
    background-color: #999;
    top: 1.1rem;
    height: 0.1rem;
    width: 0.4rem;
    left: 0.1rem;
}

.styleguide_2 ul.list2>li p {
    margin: 0;
}

.styleguide_2 .img {
    margin-top: 20px;
    text-align: center;
}

.styleguide_2 .img img {
    max-width: 100%;
}

.styleguide_2 .topBox p.tit {
    position: relative;
    margin: 0 0 0 42px;
    font-size: 42px;
    font-family: SpoqaHanSans;
    font-weight: 300;
    line-height: 1.43;
    letter-spacing: -1px;
    color: #000;
}

.styleguide_2 .topBox p.tit .strong {
    font-weight: 700;
    color: #3d7dd4;
}

.styleguide_2 .topBox p.tit:before {
    content: "";
    position: absolute;
    top: -75px;
    left: 1px;
    width: 2px;
    height: 73px;
    background-color: #3d7dd4;
}

table th .contents812 div.styleGuide table td,
.contents812 div.styleguide table td,
.contents812 div.styleGuide table th,
.contents812 div.styleguide table th {
    vertical-align: top;
}

.contents812 div.styleGuide table {
    text-align: center !important;
}

.contents812 div.styleguide table tr td {
    text-align: center !important;
}

.contents812 div.styleguide table tr td {
    border-bottom: 1px solid #dedede !important;
    border-right: 1px solid #dedede !important;
}

/* .contents812 div.styleguide table tr:nth-of-type(1) td {
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 2.625rem;
    background-color: #f6f6f6;
    color: #3d7dd4;
}

.contents812 div.styleguide table tr:nth-of-type(1) td p {
    text-align: center;
}
*/
.contents812 div.styleguide table tr td:nth-of-type(1) {
    vertical-align: middle;
} 

.contents812 div.styleguide table tr td:nth-of-type(2) {
    width: 30%;
}

.contents812 div.styleguide table tr td:nth-of-type(3) {
    width: 30%;
}

.contents812 div.styleguide table tr td:nth-of-type(4) {
    width: 30%;
}

.contents_553 .listBox {
    overflow: hidden;
}

.contents_553 .listBox li {
    position: relative;
    display: inline-block;
    width: calc(81% / 3);
    margin: 0 3% 50px;
    vertical-align: top;
    min-height: 410px;
}

.contents_553 .listBox li .thumb {
    max-width: 100%;
}

.contents_553 .listBox li .thumb img {
    max-width: 100%;
}

.contents_553 .listBox li h2.tit {
    margin-top: 20px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    color: #000;
}

.contents_553 .listBox li .desc {
    margin-bottom: 15px;
    font-size: 12px;
    line-height: 1.5;
    color: #909090;
}

.contents_553 .listBox li .groupList {
    overflow: hidden;
    margin-top: 5px;
}

.contents_553 .listBox li .groupList:first-child {
    margin-top: 30px;
}

.contents_553 .listBox li .groupList dt {
    float: left;
    width: calc(100% - 185px);
    font-size: 14px;
    line-height: 1.43;
    color: #3d7dd4;
}

.contents_553 .listBox li .groupList dd {
    float: left;
    width: 185px;
    font-size: 14px;
    line-height: 1.43;
    color: #494949;
    letter-spacing: -1px;
}

.contents_553 .listBox li a.homepage {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: block;
    margin-top: 15px;
    padding: 15px 30px 15px 15px;
    border-top: solid 1px #d8dbe1;
    background: url(/attach/editor/202102161727594vbfTOhXCjY6mP8oeDWj.png) no-repeat 100% 50%;
    font-size: 14px;
    color: #000;
    text-align: right;
}

.contents_554 {
    padding-top: 205px;
    background: url(/attach/editor/20210216171303Ui01t3jjrj4gOhGFVNSe.jpg) no-repeat 50% 0;
}

.contents_554 p.tit {
    position: relative;
    margin: 0 0 0 42px;
    font-size: 42px;
    font-family: SpoqaHanSans;
    font-weight: 300;
    line-height: 1.43;
    letter-spacing: -1px;
    color: #000;
}

.contents_554 p.tit .strong {
    font-weight: bold;
    color: #3d7dd4;
}

.contents_554 p.tit:before {
    content: "";
    position: absolute;
    top: -75px;
    left: 1px;
    width: 2px;
    height: 73px;
    background-color: #3d7dd4;
}

.contents_554 .desc {
    margin: 10px 0 56px 42px;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #000;
}

.contents_554 p {
    margin: 56px 0 0 0;
    font-size: 15px;
    line-height: 1.8;
    color: #494949;
}

.contents_559 .stepBox {
    overflow: hidden;
    height: 375px;
}

.contents_559 .stepBox>li {
    float: left;
    width: 25%;
    padding-top: 45px;
    text-align: center;
}

.contents_559 .stepBox>li h3 {
    margin-top: 0;
    font-family: SpoqaHanSans;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: -1px;
    color: #235ca9;
}

.contents_559 .stepBox>li .year {
    font-family: NotoSansCJKkr;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.6;
    letter-spacing: 0;
    color: #282828;
}

.contents_559 .stepBox>li ul.list {
    margin: 25px 0 0 25%;
}

.contents_559 .stepBox>li ul.list li {
    font-size: 14px;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.93px;
    color: #444e5c;
    text-align: left;
}

.contents_559 .stepBox>li ul.list li:before {
    top: 10px;
}

.contents_559 .stepBox .step1 {
    height: 227px;
    margin-top: 148px;
    background-color: #f7f9fc;
}

.contents_559 .stepBox .step2 {
    height: 276px;
    margin-top: 99px;
    background: linear-gradient(to bottom, #f0f6fe, #f0f6fe);
}

.contents_559 .stepBox .step3 {
    height: 325px;
    margin-top: 50px;
    background: linear-gradient(to bottom, #e6effc, #e6effc);
}

.contents_559 .stepBox .step4 {
    height: 375px;
    padding: 35px 20px;
    background-color: #3d7dd4;
}

.contents_559 .stepBox .step4 h3 {
    font-family: SpoqaHanSans;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.7;
    letter-spacing: -1px;
    text-align: center;
    color: #fff;
    word-break: keep-all;
}

.contents_565 {
    padding-top: 64px;
    background: url(/attach/editor/20210216192240knvid65uGF6R9c4GS2QU.jpg) no-repeat 50% 0;
}

.contents_565 h2 {
    margin-left: 39px;
    font-family: SpoqaHanSans;
    font-size: 42px;
    font-weight: bold;
    line-height: 1.29;
    color: #fff;
    letter-spacing: 1px;
}

.contents_565 .slogan {
    position: relative;
    margin-bottom: 60px;
    padding: 80px 0 0 45px;
}

.contents_565 .slogan:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 43px;
    width: 2px;
    height: 73px;
    background-color: #3d7dd4;
}

.contents_565 .slogan h3 {
    margin-top: 10px;
    font-family: NotoSansCJKkr;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.46;
    color: #000;
}

.contents_565 .slogan h3 span {
    color: #3d7dd4;
}

.contents_565 .slogan p {
    font-family: NotoSansCJKkr;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    color: #000;
}

.contents_565 .slogan p span {
    color: #3d7dd4;
}

.contents_565 h4 {
    margin: 50px 0 7px;
}

.contents_665 ul.listBox {
    overflow: hidden;
}

.contents_665 ul.listBox li {
    display: inline-block;
    width: 416px;
    margin: 40px 0 0 53.3px;
    vertical-align: top;
}

.contents_665 ul.listBox li:after {
    display: none;
}

.contents_665 ul.listBox li:nth-child(2n+1) {
    margin-left: 0;
}

.contents_665 ul.listBox li h3.tit {
    margin: 17px 0 4px 0.6px;
    font-family: NotoSansCJKkr;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    color: #3d7dd4;
    padding-left: 30px;
}

.contents_665 ul.listBox li h3.tit:after {
    top: 0.2rem;
    left: 0;
}

.contents_665 ul.listBox li p {
    margin: 4px 0 0;
    font-family: NotoSansCJKkr;
    font-size: 15px;
    line-height: 1.6;
    color: #494949;
}

.contents_555 h2 {
    position: relative;
    margin-top: 100px;
    font-family: NotoSansCJKkr;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    color: #000;
}

.contents_555 h2:after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 50%;
    width: 1px;
    height: 16px;
    background-color: #000;
    transform: rotate(45deg);
}

.contents_555 .boxWrap1 {
    margin: 63px auto 0;
    width: 794px;
    overflow: hidden;
}

.contents_555 .boxWrap1 .bgBox {
    float: left;
    width: 188px;
    height: 188px;
    background: #f7f9fc;
    padding: 9px;
    margin-left: 14px;
    display: table;
}

.contents_555 .boxWrap1 .bgBox:first-child {
    margin-left: 0;
}

.contents_555 .boxWrap1 .bgBox .innerBox {
    width: 170px;
    height: 170px;
    border: solid 1px #d8dbe1;
    background: #fff;
    font-family: NotoSansCJKkr;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.6;
    letter-spacing: -1px;
    text-align: center;
    color: #282828;
    padding: 0 18px;
    word-break: keep-all;
    display: table-cell;
    vertical-align: middle;
}

.contents_555 .boxWrap2 {
    width: 743px;
    margin: 50px auto 0;
    overflow: hidden;
}

.contents_555 .boxWrap2 .innerBox {
    visibility: hidden;
    float: left;
    width: calc(100% / 3);
    text-align: center;
    padding-top: 80px;
}

.contents_555 .boxWrap2 .innerBox h3 {
    display: inline-block;
    font-family: SpoqaHanSans;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    color: #fff;
    padding: 5px 13px;
    border-radius: 8px;
    background-color: #3d7dd4;
}

.contents_555 .boxWrap2 .innerBox p {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: -1.07px;
    text-align: center;
    color: #282828;
}

.contents_555 .boxWrap2 .last {
    visibility: hidden;
}

.contents_558 {
    padding-top: 205px;
    background: url(/attach/editor/20210216202025vQZ6YVUIdLoWS6VyvRgL.jpg) no-repeat 50% 0;
}

.contents_558 p.tit {
    position: relative;
    margin-left: 42px;
    font-size: 42px;
    font-family: SpoqaHanSans;
    font-weight: 300;
    line-height: 1.43;
    letter-spacing: -1px;
    color: #000;
}

.contents_558 p.tit .strong {
    font-weight: bold;
    color: #3d7dd4;
}

.contents_558 p.tit:before {
    content: "";
    position: absolute;
    top: -75px;
    left: 1px;
    width: 2px;
    height: 73px;
    background-color: #3d7dd4;
}

.contents_558 .styleguide_2 h3 {
    margin-top: 62px;
}

.contents_594 {
    padding-top: 200px;
    background: url(/attach/editor/202102170039072asmdaan9mBwa0OzkrQ7.jpg) no-repeat 50% 0;
}

.contents_594 p.tit {
    position: relative;
    margin-left: 39px;
    font-family: SpoqaHanSans;
    font-size: 42px;
    font-weight: 300;
    line-height: 1.43;
    color: #000;
    letter-spacing: 1px;
}

.contents_594 p.tit .strong {
    font-weight: bold;
    color: #3d7dd4;
}

.contents_594 p.tit:before {
    content: "";
    position: absolute;
    top: -75px;
    left: 1px;
    width: 2px;
    height: 73px;
    background-color: #3d7dd4;
}

.contents_596 .h2+p.desc {
    margin: 0;
}

.contents_596 h3 {
    margin-top: 25px;
}

.contents_596 .box1 {
    margin: 10px 1px 25px 0;
    padding: 29px 30px 28px;
    border: solid 1px #e4e9f2;
    background-color: #fff;
}

.contents_596 .box1 h4 {
    margin: 0 0 13px 0;
    font-size: 18px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: normal;
    color: #3d7dd4;
}

.contents_596 .box1 .r-p-box1 {
    padding-right: 236px;
    min-height: 130px;
}

.contents_596 .box1 .img1 {
    background: url(/attach/editor/20210217013939vYbsg3DWqKK2iV5ehsk9.jpg) no-repeat 100% 0;
}

.contents_596 .box1 .img2 {
    background: url(/attach/editor/20210217015425UT8e7SbHddaBCS9tw3wi.jpg) no-repeat 100% 0;
}

.contents_596 .box1 .img3 {
    background: url(/attach/editor/20210217015449S2IvrxVxfD9mvRg0atYL.jpg) no-repeat 100% 0;
}

.contents_596 .box1 .img4 {
    background: url(/attach/editor/202102170155128JruZrVBNb7EtHDWeJLV.jpg) no-repeat 100% 0;
}

.contents_596 .box1 .img5 {
    background: url(/attach/editor/20210217015537hVbQNkNFbj3BFFFWOtMO.jpg) no-repeat 100% 0;
}

.contents_596 .box1 .img6 {
    background: url(/images/department/M7/MarineEngineeringLab.png) no-repeat 100% 0;
}

.contnets_241 .grap {
    margin: 30px auto;
    background: url(/attach/editor/20210217102214eBneE3Fe87DtHZgFIzRB.png) no-repeat 50% 0;
}

.contnets_241 .grap ul li .box1Wrap {
    width: 540px;
    height: 90px;
    margin: 0 auto;
    padding: 9px;
    background: #f7f9fc;
}

.contnets_241 .grap ul li .box1Wrap>.innerBox {
    width: 100%;
    border: solid 1px #d8dbe1;
    background-color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    line-height: 72px;
    letter-spacing: -1px;
    text-align: center;
    color: #235ca9;
}

.contnets_241 .grap ul li ul {
    margin-top: 33px;
}

.contnets_241 .grap ul li ul li {
    text-align: center;
}

.contnets_241 .grap ul li ul li>span {
    display: inline-block;
    padding: 5px 14px;
    border-radius: 8px;
    background-color: #3d7dd4;
    font-family: SpoqaHanSans;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    color: #ffffff;
}

.contnets_241 .grap ul li ul li ul {
    margin-top: 28px;
}

.contnets_241 .grap ul li ul li ul li {
    display: inline-block;
    width: 122px;
    height: 122px;
    margin: 0 7px;
}

.contnets_241 .grap ul li ul li ul li .box3Wrap {
    display: table;
    background-color: #f7f9fc;
    padding: 9px;
}

.contnets_241 .grap ul li ul li ul li .box3Wrap .innerBox {
    display: table-cell;
    width: 104px;
    height: 104px;
    background-color: #ebf0f7;
    vertical-align: middle;
    font-family: NotoSansCJKkr;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.6;
    letter-spacing: -1px;
    color: #282828;
}

.contnets_105 .box {
    display: inline-block;
    text-align: center;
    width: 192px;
    margin: 35px 50px;
    padding-top: 159px;
    vertical-align: top;
}

.contnets_105 .box ul {
    margin-left: 22%;
}

.contnets_105 .box ul li {
    text-align: left;
}

.contnets_105 .box1 {
    background: url(/attach/editor/20210217110750P0wjG8ud8b9JWI2oGPXL.png) no-repeat 50% 0;
}

.contnets_105 .box2 {
    background: url(/attach/editor/20210217110819fI7Nt6UllCrAlseGmpxD.png) no-repeat 50% 0;
}

.contnets_105 .box3 {
    background: url(/attach/editor/202102171107246i0xIjGJs7PcmMtsDY7g.png) no-repeat 50% 0;
}

.contnets_105 .box3 ul {
    margin-left: 8%;
}

.contnets_105 .box4 {
    margin-left: 20%;
    background: url(/attach/editor/20210217110759iwqH8aNOuBqsyvJgSIrJ.png) no-repeat 50% 0;
}

.contnets_105 .box5 {
    background: url(/attach/editor/20210217110809YkXkZhoabk90OlBN1sLL.png) no-repeat 50% 0;
}

.contents_544 .box {
    margin: 24px 0;
    padding: 28px 20px 27px;
    border: solid 1px #d8dbe1;
    background-color: #fff;
}

.contents_544 .box .sup {
    margin: 0;
    font-family: SpoqaHanSans;
    font-size: 14px;
    font-weight: bold;
    color: #3d7dd4;
}

.contents_544 .box h3 {
    margin: 0 0 13px;
    font-size: 20px;
    font-weight: bold;
    line-height: normal;
    color: #000;
}

.contents_543 {
    padding-top: 205px;
    background: url(/attach/editor/20210217135101gE08VxEmj5R075dd4d33.jpg) 50% 0 no-repeat;
}

.contents_543 .tit {
    position: relative;
    margin-left: 42px;
    font-size: 42px;
    font-family: SpoqaHanSans;
    font-weight: 300;
    line-height: 1.43;
    letter-spacing: -1px;
    color: #000;
}

.contents_543 .tit::before {
    content: "";
    position: absolute;
    top: -75px;
    left: 1px;
    width: 2px;
    height: 73px;
    background-color: #3d7dd4;
}

.contents_543 .tit .strong {
    font-weight: 700;
    color: #3d7dd4;
}

.contents_543 .img {
    margin-top: 100px;
}

.contents_543 ul li ul li span.strong {
    font-weight: bold;
    color: #3d7dd4;
}

.contents_94 {
    padding-top: 205px;
    background: url(/attach/editor/20210222101913mQvZNIcyx1n4svxmLkUH.jpg) 50% 0 no-repeat;
}

.contents_94 .wrapImg {
    overflow: hidden;
    width: 100%;
    padding-left: 410px;
    position: relative;
    margin-top: 40px;
}

.contents_94 .wrapImg>div {
    float: left;
}

.contents_94 .wrapImg>div:nth-of-type(1) {
    position: absolute;
    top: 0;
    left: 0;
}

.contents_94 .wrapImg>div h3 {
    margin-top: 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    color: #3d7dd4;
}

.contents_95 .box {
    display: block;
    text-align: center;
    margin: 55px auto 0;
    padding-top: 159px;
    vertical-align: top;
    width: 50%;
}

.contents_95 .box ul.list {
    position: relative;
}

.contents_95 .box ul.list li {
    text-align: left;
}

.contents_95 .box1 {
    background: url(/attach/editor/20210217110750P0wjG8ud8b9JWI2oGPXL.png) no-repeat 50% 0;
}

.contents_95 .box2 {
    background: url(/attach/editor/20210217110819fI7Nt6UllCrAlseGmpxD.png) no-repeat 50% 0;
}

.contents_95 .box2 ul.list {
    margin-left: 10%;
}

.contents_95 .box3 {
    background: url(/attach/editor/20210217110759iwqH8aNOuBqsyvJgSIrJ.png) no-repeat 50% 0;
}

.contents_95 .box3 ul.list {
    margin-left: 25%;
}

.contents_95 .box4 {
    background: url(/attach/editor/20210217110809YkXkZhoabk90OlBN1sLL.png) no-repeat 50% 0;
}

.contents_95 .box4 ul.list {
    margin-left: 8%;
}

.contents_535 .topTit {
    margin-bottom: 20px;
    background: url(/attach/editor/20210222114801Xir0mHMiW6XwEcL8fBnL.jpg) 100% 100% no-repeat;
    display: block;
    font-family: SpoqaHanSans;
    font-size: 36px;
    font-weight: 300;
    line-height: 1.33;
    color: #000;
    word-break: keep-all;
}

.contents_535 .topTit .strong1 {
    color: #3d7dd4;
    font-weight: bold;
}

.contents_535 .topTit span {
    display: block;
}

.contents_535 .topTit span .strong2 {
    font-weight: bold;
}

.contents_97 ul.listBox {
    overflow: hidden;
}

.contents_97 ul.listBox li {
    display: inline-block;
    width: 48%;
    margin: 40px 0 0 3.6%;
    vertical-align: top;
}

.contents_97 ul.listBox li:nth-child(2n+1) {
    margin-left: 0;
}

.contents_97 ul.listBox li .thumb {
    position: relative;
}

.contents_97 ul.listBox li .thumb h2 {
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -12px;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    color: #fff;
}

.contents_97 ul.listBox li .thumb img {
    width: 100%;
}

.contents_97 ul.listBox li dl {
    overflow: hidden;
    margin-top: 20px;
}

.contents_97 ul.listBox li dl dt {
    float: left;
    width: 45px;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.6;
    color: #3d7dd4;
}

.contents_97 ul.listBox li dl dd {
    float: left;
    width: calc(100% - 45px);
    font-size: 15px;
    font-weight: normal;
    line-height: 1.6;
    color: #494949;
}

.contents_705 h2 {
    position: relative;
    margin: 100px 0 55px;
    font-family: NotoSansCJKkr;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    color: #000;
}

.contents_705 h2:after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 50%;
    width: 1px;
    height: 16px;
    background-color: #000;
    transform: rotate(45deg);
}

.contents_705 h3 {
    font-family: NotoSansCJKkr;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    color: #000000;
    text-align: center;
}

.contents_705 ul.list {
    margin-left: 20%;
}

.contents_705 ul.box {
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

.contents_705 ul.box li {
    display: inline-block;
    vertical-align: top;
    background: #f7f9fc;
    padding: 9px;
    min-height: 246px;
    min-width: 150px;
    margin: 0 3px 20px;
}

.contents_705 ul.box li .tit {
    margin: 10px 0;
    font-family: NotoSansCJKkr;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.6;
    letter-spacing: -1px;
    text-align: center;
    color: #282828;
}

.contents_705 ul.box li .boxWrap .box {
    margin-bottom: 5px;
    border: solid 1px #d8dbe1;
    background-color: #ffffff;
    font-family: NotoSansCJKkr;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.6;
    letter-spacing: -1px;
    text-align: center;
    color: #282828;
    width: 132px;
    height: 84px;
    padding: 15px 12px;
    word-break: keep-all;
}

@media (min-width: 769px) and (max-width: 991px) {
    .imgScroll {
        width: 991px;
        overflow-x: auto;
    }
    .historyHList:before {
        left: 0;
        margin-left: 0;
    }
    .historyHList:after {
        left: 0;
        margin-left: 0;
    }
    .historyHList>li:before {
        left: 0;
        margin-left: 0;
    }
    .historyHList>li:first-child {
        padding-top: 0;
    }
    .historyHList>li ul {
        width: 100%;
    }
    .historyHList>li ul li {
        width: 100%;
    }
    .historyHList>li ul li.fr {
        float: none;
        padding-left: 30px;
    }
    .historyHList>li ul li.fr+li.fr {
        text-align: left;
        padding-right: 0;
    }
    .historyHList>li ul li.fr:before {
        margin-left: 0;
    }
    .historyHList>li ul li.fl {
        float: none;
        text-align: left;
        padding-right: 0;
        padding-left: 30px;
    }
    .historyHList>li ul li.fl:before {
        left: 0;
        margin-right: 0;
    }
    .historyHList>li ul li.fl+li.fl {
        padding-left: 30px;
    }
    .contents_553 .listBox li {
        width: calc(93% / 3);
        margin: 0 1% 50px;
    }
    .contents_553 .listBox li .groupList dt {
        width: 30%;
    }
    .contents_553 .listBox li .groupList dd {
        width: 70%;
    }
    .contents_555 .boxWrap1 {
        width: 100%;
    }
    .contents_555 .boxWrap1 .bgBox {
        margin-left: 2%;
        width: calc(94% / 4);
    }
    .contents_555 .boxWrap2 {
        width: 100%;
    }
    .contents_665 ul.listBox li {
        width: calc(96% / 2);
        margin: 40px 0 0 3%;
    }
    .contents_665 ul.listBox li .thumb img {
        max-width: 100%;
    }
    .contnets_105 .box {
        width: calc(99% / 3);
        margin: 35px 0;
    }
    .contnets_105 .box4 {
        margin-left: 16%;
    }
    .contents_535 .topTit {
        padding-top: 120px;
        background: url(/attach/editor/20210222114801Xir0mHMiW6XwEcL8fBnL.jpg) 100% 0 no-repeat;
    }
    .contents_535 .topTit span {
        display: inline;
    }
    .contents_705 ul.list {
        margin-left: 0;
    }
}

@media (min-width: 0px) and (max-width: 768px) {
    .imgScroll {
        width: 991px;
        overflow-x: auto;
    }
    .historyHList:before {
        left: 0;
        margin-left: 0;
    }
    .historyHList:after {
        left: 0;
        margin-left: 0;
    }
    .historyHList>li:before {
        left: 0;
        margin-left: 0;
    }
    .historyHList>li ul {
        width: 100%;
    }
    .historyHList>li ul li {
        width: 100%;
    }
    .historyHList>li ul li img {
        max-width: 100%;
    }
    .historyHList>li ul li.fr {
        float: none;
        padding-left: 30px;
    }
    .historyHList>li ul li.fr+li.fr {
        text-align: left;
        padding-right: 0;
    }
    .historyHList>li ul li.fr:before {
        margin-left: 0;
    }
    .historyHList>li ul li.fl {
        float: none;
        text-align: left;
        padding-right: 0;
        padding-left: 30px;
    }
    .historyHList>li ul li.fl:before {
        left: 0;
        margin-right: 0;
    }
    .historyHList>li ul li.fl+li.fl {
        padding-left: 30px;
    }
    .professorList li.item {
        float: none;
        width: 100%;
        margin-left: 0;
    }
    .professorList li.item .detailBox .pop_view {
        width: 90%;
    }
    .siteLink dt {
        width: calc(100% - 150px);
    }
    .contents_553 .listBox {
        width: 240px;
        margin: 0 auto;
    }
    .contents_553 .listBox li {
        width: 100%;
        margin: 0 0 50px;
        min-height: auto;
    }
    .contents_553 .listBox li .groupList dt {
        width: 30%;
    }
    .contents_553 .listBox li .groupList dd {
        width: 70%;
    }
    .contents_553 .listBox li a.homepage {
        position: relative;
    }
    .contents_555 .boxWrap1 {
        width: 100%;
    }
    .contents_555 .boxWrap1 .bgBox {
        margin: 0 1% 3%;
        width: calc(96% / 2);
    }
    .contents_555 .boxWrap1 .bgBox .innerBox {
        width: 100%;
        height: auto;
        padding: 20px;
    }
    .contents_555 .boxWrap1 .bgBox:first-child {
        margin: 0 1% 3%;
    }
    .contents_555 .boxWrap2 {
        width: 100%;
    }
    .contents_554 p.tit {
        font-size: 30px;
    }
    .contents_558 p.tit {
        font-size: 30px;
    }
    .contents_559 .stepBox {
        height: auto;
        margin-top: 25px;
    }
    .contents_559 .stepBox>li {
        float: none;
        width: 100%;
        height: auto;
        margin-top: 0;
        padding: 25px 15px;
    }
    .contents_559 .stepBox>li ul.list {
        margin: 15px 0 0 5%;
    }
    .contents_559 .stepBox .step1 {
        width: 70%;
        height: auto;
        margin-top: 0;
    }
    .contents_559 .stepBox .step2 {
        width: 80%;
        height: auto;
        margin-top: 0;
    }
    .contents_559 .stepBox .step3 {
        width: 90%;
        height: auto;
        margin-top: 0;
    }
    .contents_559 .stepBox .step4 {
        width: 100%;
        height: auto;
    }
    .contents_565 {
        padding-top: 100px;
    }
    .contents_565 h2 {
        font-size: 30px;
    }
    .contents_565 .slogan h3 {
        font-size: 22px;
    }
    .contents_594 p.tit {
        font-size: 30px;
    }
    .contents_596 .box1 .r-p-box1 {
        padding-right: 0;
        min-height: auto;
        background: none;
    }
    .contents_665 ul.listBox li {
        width: 100%;
        margin: 40px 0 0 0;
    }
    .contents_665 ul.listBox li .thumb img {
        width: 100%;
        max-width: 100%;
    }
    .contnets_241 .grap ul li .box1Wrap {
        width: 100%;
    }
    .contnets_241 .grap ul li ul li ul li {
        width: calc(87% / 3);
        margin: 0 2%;
    }
    .contnets_241 .grap ul li ul li ul li .box3Wrap .innerBox {
        width: 100%;
    }
    .contnets_105 .box {
        display: block;
        margin: 35px auto;
    }
    .contents_543 p.tit {
        font-size: 30px;
    }
    .contents_94 .wrapImg {
        padding-left: 0;
    }
    .contents_94 .wrapImg>div {
        float: none;
    }
    .contents_94 .wrapImg>div:nth-of-type(1) {
        position: relative;
    }
    .contents_94 .wrapImg>div h3 {
        margin-top: 12px;
    }
    .contents_95 .box {
        width: 100%;
    }
    .contents_95 .box2 ul.list {
        margin-left: 10%;
    }
    .contents_95 .box3 ul.list {
        margin-left: 25%;
    }
    .contents_95 .box4 ul.list {
        margin-left: 15%;
    }
    .contents_535 .topTit {
        padding-top: 120px;
        background: url(/attach/editor/20210222114801Xir0mHMiW6XwEcL8fBnL.jpg) 100% 0 no-repeat;
        font-size: 30px;
    }
    .contents_535 .topTit span {
        display: inline;
    }
    .contents_97 ul.listBox li {
        display: block;
        width: 100%;
        margin-left: 0;
    }
    .contents_705 ul.list {
        margin-left: 0;
    }
    .contents_705 ul.box {
        width: 100%;
    }
}

.contents621 .item {
    float: left;
    width: 440px;
    height: 200px;
    border: 1px solid #E4E9F2;
    border-radius: 5px;
    padding: 30px 0 0 139px;
    position: relative;
    margin: 13px 20px 16px 0;
}

.contents621 .item:nth-of-type(2n) {
    margin-right: 0;
}

.contents621 .item h2 {
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    color: #000;
}

.contents621 .item .photo {
    position: absolute;
    top: 30px;
    left: 30px;
}

.contents621 .item .photo img {
    display: block;
    width: 84px;
    height: 82px;
}

.contents621 .item .year {
    font-size: 14px;
    line-height: 20px;
    color: #718096;
}

.contents621 .item ul {
    margin-top: 11px;
}

.contents621 .item ul li {
    padding-left: 18px;
    font-size: 14px;
    line-height: 20px;
    color: #494949;
    position: relative;
}

.contents621 .item ul li:before {
    display: block;
    position: absolute;
    content: "";
    width: 3px;
    height: 3px;
    background-color: #3D7DD4;
    border-radius: 3px;
    top: 8px;
    left: 9px;
}

.contents621 .item .comment {
    position: absolute;
    margin-top: 18px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    color: #3d7dd4;
    bottom: 30px;
}

.contents666 {
    padding-top: 182px;
    background: url(/attach/editor/20210216193033SuiNrKtYBVrrIhq2x3zq.jpg) no-repeat 50% 0;
}

.contents666 .title_box {
    margin: 23px 0 82.5px 41px;
    position: relative;
}

.contents666 .title_box h2 {
    line-height: 60px;
    font-size: 42px;
    font-weight: 300;
    letter-spacing: -2px;
}

.contents666 .title_box .h2_title::before {
    position: absolute;
    display: block;
    content: "";
    width: 2px;
    height: 73px;
    margin-top: -73px;
    background-color: #3d7dd4;
}

.contents666 .title_box .h2_title_2 {
    color: #3d7dd4;
    font-weight: bold;
}

.contents666 .h3_title {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
}

.contents666 .p_contents {
    font-size: 15px;
    margin: 9.5px 0 41.5px;
    color: #494949;
    line-height: 27px;
}

.contents666 .p_contents .p_span {
    font-weight: bold;
}

.contents666 img {
    display: block;
    margin: auto;
}

.con925_box2 {
    border: 1px solid #dadada;
    display: inline-block;
    margin: 0 30px 30px 0;
}

.con925_box2:nth-child(2n) {
    margin: 0 0 30px 0;
}

.contents925 p {
    display: block;
    text-align: center !important;
}

.con944_box1 {
    width: 421px;
    margin: 40px 13px;
    display: inline-block;
    border: 1px solid #dadada;
    background-color: #fafafa;
    border-top: 3px solid rgb(058, 126, 213);
    text-align: center;
    padding: 53px;
}

.con944_box2 {
    width: 231px;
    border: 1px solid #bdbdbd;
    padding: 15px 17px;
    margin: auto;
    color: #373737;
}

.con944_box2:hover {
    background-color: rgb(058, 126, 213);
    color: #fff;
}

.con944_box1 img {
    margin: 10px 0 19px 0;
}

.con944_box3 p {
    margin: 0 0 20px 0;
}

.contents345 {}

.contents345 img {
    border: 1px solid #dadada;
    border-radius: 5px;
    width: 100%;
}

.contents345 .col .col-5 {
    position: absolute;
    top: 30px;
}

@media (min-width: 769px) {
    .fpc {
        max-width: 100%;
    }
    .fmb {
        display: none;
    }
}

@media (min-width: 0px) and (max-width: 768px) {
    .fpc {
        display: none;
    }
    .fmb {
        max-width: 100%;
    }
    .contents621 .item {
        width: 100%;
    }
    .contents666 .title_box {
        margin-left: 14px;
    }
}


/* Slider */

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}


/* Slider End */

.pageTopImg {
    height: 182px;
    text-align: center;
    position: relative;
}

.bold {
    font-weight: bold;
}

.fl {
    float: left;
}

.list_base {
    position: relative;
    margin-left: 2rem;
}

.after_list3 {
    position: absolute;
    content: "";
    display: block;
    width: 1.8rem;
    height: 2.4rem;
    top: 0.2rem;
    left: -1.8rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAMAAAAAC/btK+AAAA1klEQVRYCe2TMQ7CMAxF7VRwAGZWZq7QUzF35iJco1dgZkVi4wAgCHVRUCqUSnXWF6lKGsc/v6+2CAMCEIAABCAAAQhAAAIQqCGgNcltd9m+3s+jxtiaTlTtm7A69N3u6tV1G/qaeZwlxs3kctV7E9Z7r6kwEVvwYmT+zFj+YHCMLdDKj7oNpd+Ui6X1XCydKc1uQyXB2n23ISvg0uVzsVJO2ncbsm6SoYCT0G8ei3qIOYfbkHWRdZNoOKnozR5b13SY8xtIgwAEIAABCEAAAhCAAAQyAh+wczU7gVqd0gAAAABJRU5ErkJggg==) center no-repeat;
    background-size: 100%;
}

.after_list4 {
    position: absolute;
    display: block;
    content: " ";
    height: 0.1rem;
    width: 0.5rem;
    background-color: #999;
    top: 1.1rem;
    left: 0;
    margin-left: -1rem;
}

.tophead {
    font-size: 2.4rem;
    text-align: center;
    margin: 0 0 10px 0;
}

.tophead:after {
    content: '';
    display: block;
    width: 2px;
    height: 18px;
    margin: 0 auto 44px;
    background-color: #666;
    transform: rotate(45deg);
}

.styleguide_1 .imgScroll table,
.styleguide_1 .lineTable table {
    width: 100%;
}

.styleguide_1 .imgScroll table thead th,
.styleguide_1 .lineTable table thead th {
    font-size: 15px;
    font-weight: 500;
    line-height: 27px;
    padding: 8px 0 7px;
    border: solid 1px #d8dbe1;
    background-color: #f7f9fc;
    text-align: center;
}

.styleguide_1 .imgScroll table tbody th,
.styleguide_1 .lineTable table tbody th {
    background-color: #f7f9fc;
    padding: 8px 0 7px;
}

.styleguide_1 .imgScroll table tbody th,
.styleguide_1 .lineTable table tbody th,
.styleguide_1 .imgScroll table tbody td,
.styleguide_1 .lineTable table tbody td {
    border: solid 1px #d8dbe1;
    font-size: 15px;
    line-height: 27px;
    padding: 5px 10px;
    color: #494949;
    text-align: center;
    vertical-align: middle !important;
}

.styleguide_1 .imgScroll table tbody th.left,
.styleguide_1 .lineTable table tbody th.left,
.styleguide_1 .imgScroll table tbody td.left,
.styleguide_1 .lineTable table tbody td.left {
    text-align: left;
}

.styleguide_1 .imgScroll table.table304_01 tbody tr th+td,
.styleguide_1 .lineTable table.table304_01 tbody tr th+td {
    text-align: left;
}

.styleguide_1 .imgScroll>p {
    margin: 0;
}

.styleguide_1 .hidden {
    display: none;
}

.styleguide_1 div+p.title_slogan {
    font-size: 3.8rem;
    line-height: 5.5rem;
    letter-spacing: -2px;
    margin-bottom: 5.5rem;
    font-weight: 500;
    text-align: left;
    position: relative;
    z-index: 1;
}

.styleguide_1 div+p.title_slogan>span {
    color: #3d7dd4;
}

.styleguide_1 p {
    font-size: 1.5rem;
    line-height: 2.625rem;
    margin: 1rem 0;
    text-align: left;
    word-break: keep-all;
}

.styleguide_1 li {
    font-size: 1.5rem;
    line-height: 2.625rem;
    text-align: left;
    word-break: keep-all;
}

.styleguide_1 h1,
.styleguide_1 h2,
.styleguide_1 h3,
.styleguide_1 h4,
.styleguide_1 h5,
.styleguide_1 h6 {
    position: relative;
    padding: 0;
    word-break: keep-all;
}

.styleguide_1 h2 {
    font-size: 2rem;
    line-height: 3.5rem;
    margin-left: 3.5rem;
    color: #000;
    font-weight: 700;
}

.styleguide_1 h2:after {
    position: absolute;
    content: "";
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    top: 0.4rem;
    left: -2.9rem;
    background-image: url('data:image/png;base64,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');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.styleguide_1 h2+blockquote,
.styleguide_1 h2+div {
    margin-top: 10px;
    margin-left: 1.5rem;
    margin-bottom: 4.5rem;
    font-size: 15px;
}

.styleguide_1 h2+blockquote>ul,
.styleguide_1 h2+div>ul {
    margin-left: 1.8rem;
}

.styleguide_1 h2+blockquote>ul>li,
.styleguide_1 h2+div>ul>li {
    position: relative;
}

.styleguide_1 h2+blockquote>ul>li:after,
.styleguide_1 h2+div>ul>li:after {
    position: absolute;
    content: "";
    display: block;
    width: 1.8rem;
    height: 2.4rem;
    top: 0.2rem;
    left: -1.8rem;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAMAAAAAC/btK+AAAA1klEQVRYCe2TMQ7CMAxF7VRwAGZWZq7QUzF35iJco1dgZkVi4wAgCHVRUCqUSnXWF6lKGsc/v6+2CAMCEIAABCAAAQhAAAIQqCGgNcltd9m+3s+jxtiaTlTtm7A69N3u6tV1G/qaeZwlxs3kctV7E9Z7r6kwEVvwYmT+zFj+YHCMLdDKj7oNpd+Ui6X1XCydKc1uQyXB2n23ISvg0uVzsVJO2ncbsm6SoYCT0G8ei3qIOYfbkHWRdZNoOKnozR5b13SY8xtIgwAEIAABCEAAAhCAAAQyAh+wczU7gVqd0gAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.styleguide_1 h2+blockquote>ul>li>ul,
.styleguide_1 h2+div>ul>li>ul {
    margin-left: 1rem;
}

.styleguide_1 h2+blockquote>ul>li>ul>li,
.styleguide_1 h2+div>ul>li>ul>li {
    position: relative;
}

.styleguide_1 h2+blockquote>ul>li>ul>li:after,
.styleguide_1 h2+div>ul>li>ul>li:after {
    position: absolute;
    content: "- ";
    display: block;
    width: 1rem;
    height: 1px;
    top: 0rem;
    left: -1rem;
}

.styleguide_1 h2+blockquote.imgScroll,
.styleguide_1 h2+div.imgScroll {
    padding-top: 10px;
}

.styleguide_1 h2+p {
    margin-left: 1rem;
}

.styleguide_1 h3 {
    font-size: 1.8rem;
    line-height: 3.15rem;
    margin-left: 1.8rem;
    color: #000;
    font-weight: 500;
}

.styleguide_1 h3+blockquote,
.styleguide_1 h3+div,
.styleguide_1 h3+div+div {
    margin-left: 1.5rem;
    margin-bottom: 2.5rem;
}

.styleguide_1 h3+blockquote>ul,
.styleguide_1 h3+div>ul,
.styleguide_1 h3+div+div>ul {
    margin-left: 1.8rem;
}

.styleguide_1 h3+blockquote>ul>li,
.styleguide_1 h3+div>ul>li,
.styleguide_1 h3+div+div>ul>li {
    position: relative;
}

.styleguide_1 h3+blockquote>ul>li:after,
.styleguide_1 h3+div>ul>li:after,
.styleguide_1 h3+div+div>ul>li:after {
    position: absolute;
    content: "";
    display: block;
    width: 1.8rem;
    height: 2.4rem;
    top: 0.2rem;
    left: -1.8rem;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAMAAAAAC/btK+AAAA1klEQVRYCe2TMQ7CMAxF7VRwAGZWZq7QUzF35iJco1dgZkVi4wAgCHVRUCqUSnXWF6lKGsc/v6+2CAMCEIAABCAAAQhAAAIQqCGgNcltd9m+3s+jxtiaTlTtm7A69N3u6tV1G/qaeZwlxs3kctV7E9Z7r6kwEVvwYmT+zFj+YHCMLdDKj7oNpd+Ui6X1XCydKc1uQyXB2n23ISvg0uVzsVJO2ncbsm6SoYCT0G8ei3qIOYfbkHWRdZNoOKnozR5b13SY8xtIgwAEIAABCEAAAhCAAAQyAh+wczU7gVqd0gAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.styleguide_1 h3+blockquote>ul>li>ul,
.styleguide_1 h3+div>ul>li>ul,
.styleguide_1 h3+div+div>ul>li>ul {
    margin-left: 1rem;
}

.styleguide_1 h3+blockquote>ul>li>ul>li,
.styleguide_1 h3+div>ul>li>ul>li,
.styleguide_1 h3+div+div>ul>li>ul>li {
    position: relative;
}

.styleguide_1 h3+blockquote>ul>li>ul>li:after,
.styleguide_1 h3+div>ul>li>ul>li:after,
.styleguide_1 h3+div+div>ul>li>ul>li:after {
    position: absolute;
    content: "- ";
    display: block;
    width: 1rem;
    height: 1px;
    top: 0rem;
    left: -1rem;
}

.styleguide_1 div+h2 {
    margin-top: 5.5rem;
}

.styleguide_1 h4 {
    font-size: 1.75rem;
    line-height: 1.75rem;
    margin-left: 1.75rem;
    font-weight: 700;
}

.styleguide_1 h4+blockquote,
.styleguide_1 h4+div {
    margin-left: 1.5rem;
    margin-bottom: 1.5rem;
}

.styleguide_1 h4+blockquote>ul,
.styleguide_1 h4+div>ul {
    margin-left: 1.5rem;
}

.styleguide_1 h4+blockquote>ul>li,
.styleguide_1 h4+div>ul>li {
    position: relative;
}

.styleguide_1 h4+blockquote>ul>li:after,
.styleguide_1 h4+div>ul>li:after {
    position: absolute;
    display: block;
    content: " ";
    height: 0.1rem;
    width: 0.5rem;
    background-color: #999;
    top: 1.1rem;
    left: 0;
    margin-left: -1rem;
}

.styleguide_1 h5 {
    font-size: 1.5rem;
    line-height: 2.625rem;
    margin-left: 3rem;
    font-weight: 700;
}

.styleguide_1 h5+blockquote,
.styleguide_1 h5+div {
    margin-left: 3rem;
    margin-bottom: 1.5rem;
}

.styleguide_1.majorguide h2 {
    margin-left: 0;
    color: #3d7dd4;
    font-size: 1.5rem;
    line-height: 1.5rem;
    margin-bottom: 5px;
}

.styleguide_1.majorguide h2:after {
    display: none;
}

.styleguide_1.majorguide h3 {
    margin-left: 0;
}

.styleguide_1.majorguide>div {
    border: solid 1px #d8dbe1;
    padding: 27px 30px;
    margin-bottom: 15px;
}

.styleguide_1.majorguide>div h3+div {
    padding-right: 146px;
    position: relative;
}

.styleguide_1.majorguide>div h3+div>p:nth-of-type(2) {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
}

.styleguide_1.studyguide h2 {
    font-size: 3.6rem;
    margin-left: 0;
    line-height: 3.6rem;
    margin-bottom: 5px;
}

.styleguide_1.studyguide h2:after {
    display: none;
}

.styleguide_1.studyguide h2>span {
    display: block;
    font-size: 1.5rem;
    line-height: 1.5rem;
    margin-top: 10px;
    margin-bottom: 25px;
    font-weight: normal;
}

.styleguide_1.studyguide>div {
    border: solid 1px #d8dbe1;
    padding: 27px 30px;
    margin-bottom: 15px;
    margin-left: 0 !important;
}

.styleguide_1.studyguide h3 {
    margin-left: 0;
    font-size: 1.8rem;
    color: #3d7dd4;
}

.styleguide_1.studyguide h3+div {
    position: relative;
    margin-left: 0;
}

.styleguide_1.studyguide h3+div:nth-of-type(1) {
    padding-right: 143px;
}

.styleguide_1.studyguide h3+div:nth-of-type(1)>p:nth-of-type(2) {
    color: #718096;
}

.styleguide_1.studyguide h3+div:nth-of-type(1)>p.studyImg {
    position: absolute;
    top: -45px;
    right: 0;
    margin: 0;
}

.styleguide_1.studyguide hr+div {
    overflow: hidden;
}

.styleguide_1.studyguide hr+div>div {
    float: left;
}

.styleguide_1.studyguide hr+div>div h4 {
    font-size: 1.5rem;
    margin-left: 0.5rem;
    margin-bottom: 1rem;
}

.styleguide_1.studyguide hr+div>div h4+p,
.styleguide_1.studyguide hr+div>div h4+ul>li {
    margin-left: 1.8rem;
    position: relative;
}

.styleguide_1.studyguide hr+div>div h4+p:after,
.styleguide_1.studyguide hr+div>div h4+ul>li:after {
    position: absolute;
    content: "";
    display: block;
    width: 1.8rem;
    height: 2.4rem;
    top: 0.2rem;
    left: -1.8rem;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAMAAAAAC/btK+AAAA1klEQVRYCe2TMQ7CMAxF7VRwAGZWZq7QUzF35iJco1dgZkVi4wAgCHVRUCqUSnXWF6lKGsc/v6+2CAMCEIAABCAAAQhAAAIQqCGgNcltd9m+3s+jxtiaTlTtm7A69N3u6tV1G/qaeZwlxs3kctV7E9Z7r6kwEVvwYmT+zFj+YHCMLdDKj7oNpd+Ui6X1XCydKc1uQyXB2n23ISvg0uVzsVJO2ncbsm6SoYCT0G8ei3qIOYfbkHWRdZNoOKnozR5b13SY8xtIgwAEIAABCEAAAhCAAAQyAh+wczU7gVqd0gAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.styleguide_1.studyguide hr+div>div+div {
    margin-left: 80px;
}

.styleguide_1 .download_box {
    overflow: hidden;
}

.styleguide_1 .download_box>li {
    float: left;
    width: calc(50% - 11px);
    margin-bottom: 22px;
}

.styleguide_1 .download_box>li a {
    display: block;
    padding: 31px 32px;
    border: solid 1px #e4e9f2;
    border-radius: 5px;
}

.styleguide_1 .download_box>li a>span {
    display: block;
}

.styleguide_1 .download_box>li a>span:nth-of-type(1) {
    font-size: 20px;
    line-height: 150%;
    color: #000;
    font-weight: bold;
}

.styleguide_1 .download_box>li a>span:nth-of-type(2) {
    font-size: 14px;
    color: #909090;
    line-height: 20px;
}

.styleguide_1 .download_box>li a>span.file_down {
    width: 196px;
    line-height: 48px;
    color: white;
    border-radius: 5px;
    font-size: 15px;
    margin-top: 37px;
    padding-left: 15px;
    background: url("/attach/editor/20210222191818jf9Xndt5xjrb53QXKyL6.png") right 15px center no-repeat;
    background-color: #3d7dd4;
}

.styleguide_1 .download_box>li a>span.btn_link {
    width: 196px;
    line-height: 48px;
    border-radius: 5px;
    font-size: 15px;
    margin-top: 37px;
    padding-left: 15px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAGCAYAAADUtS5UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNJREFUeNpiNDc3Z6Ax+A/EjOiCTAy0B4xQy+luMVbL6WUxhuX0tBjFchZs4U8H8B8gwAC1jQexq4JsrwAAAABJRU5ErkJggg==') right 15px center no-repeat;
    transition: all 0.3s ease;
}

.styleguide_1 .download_box>li a>span.btn_link:hover {
    border-color: #bdbdbd;
}

.styleguide_1 .download_box>li a:hover {
    border-color: #3d7dd4;
}

.styleguide_1 .download_box>li:nth-of-type(even) {
    margin-left: 22px;
}

.styleguide_1 table tbody td ul {
    margin: 0.7rem 0;
}

.styleguide_1 table tbody td ul>li {
    margin: 0.2rem 0;
    padding-left: 1rem;
    position: relative;
}

.styleguide_1 table tbody td ul>li:after {
    position: absolute;
    content: "";
    display: block;
    width: 1.8rem;
    height: 2.4rem;
    top: 0;
    left: -0.7rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAMAAAAAC/btK+AAAA1klEQVRYCe2TMQ7CMAxF7VRwAGZWZq7QUzF35iJco1dgZkVi4wAgCHVRUCqUSnXWF6lKGsc/v6+2CAMCEIAABCAAAQhAAAIQqCGgNcltd9m+3s+jxtiaTlTtm7A69N3u6tV1G/qaeZwlxs3kctV7E9Z7r6kwEVvwYmT+zFj+YHCMLdDKj7oNpd+Ui6X1XCydKc1uQyXB2n23ISvg0uVzsVJO2ncbsm6SoYCT0G8ei3qIOYfbkHWRdZNoOKnozR5b13SY8xtIgwAEIAABCEAAAhCAAAQyAh+wczU7gVqd0gAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.styleguide_1 .box_con {
    padding: 31px 415px 31px 32px;
    border: solid 1px #e4e9f2;
    border-radius: 5px;
    position: relative;
}

.styleguide_1 .box_con h2 {
    margin-left: 0;
}

.styleguide_1 .box_con h2:after {
    display: none;
}

.styleguide_1 .box_con p {
    margin-left: 0;
}

.styleguide_1 .box_con p.buttonLines {
    margin-top: 48px;
}

.styleguide_1 .box_con p.buttonLines a {
    display: inline-block;
    font-size: 15px;
    line-height: 27px;
    color: #fff;
    font-weight: bold;
    padding: 10px 13px 10px 15px;
    border-radius: 5px;
    background-color: #3d7dd4;
}

.styleguide_1 .box_con p.buttonLines a.icon {
    padding-right: 58px;
}

.styleguide_1 .box_con p.buttonLines a.icon.icon-calendar {
    background: url('/attach/editor/20210223132042UC0pSomGf0xllV6x32RH.png') no-repeat right 13px center #3d7dd4;
}

.styleguide_1 .box_con p.buttonLines a.bg2 {
    color: #3d7dd4;
    background-color: #eff4fb;
}

.styleguide_1 .box_con p.buttonLines a+a {
    margin-left: 6px;
}

.styleguide_1 .box_con p.img {
    position: absolute;
    top: 31px;
    right: 28px;
}

.styleguide_1 .box_flow>ul {
    overflow: hidden;
}

.styleguide_1 .box_flow>ul>li {
    float: left;
    width: 252px;
    height: 169px;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    background-color: #f7f9fc;
    padding: 28px 35px;
    margin-left: 50px;
}

.styleguide_1 .box_flow>ul>li:before {
    content: '';
    display: block;
    top: 9px;
    left: 9px;
    width: 234px;
    height: 151px;
    border: solid 1px #d8dbe1;
    background-color: white;
    position: absolute;
    z-index: 0;
}

.styleguide_1 .box_flow>ul>li h3 {
    text-align: center;
    font-size: 18px;
    line-height: 27px;
    color: #3d7dd4;
    letter-spacing: -1.2px;
    margin-bottom: 15px;
}

.styleguide_1 .box_flow>ul>li:first-child {
    margin-left: 0;
}

.styleguide_1 .box_flow>ul>li:first-child:after {
    display: none;
}

.styleguide_1 .box_flow>ul>li:after {
    width: 0px;
    height: 1px;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 15px solid #d8dbe1;
    content: '';
    top: 50%;
    left: -30px;
    margin-top: -15px;
    position: absolute;
}

.styleguide_1 .box_flow>ul>li p,
.styleguide_1 .box_flow>ul>li span,
.styleguide_1 .box_flow>ul>li ul {
    position: relative;
    text-align: center;
}

.styleguide_1 .con_374 .box_flow>ul>li {
    width: 170px;
    height: 170px;
}

.styleguide_1 .con_374 .box_flow>ul>li:before {
    width: 150px;
    height: 150px;
}

.styleguide_1 .con_376 .box_flow>ul {
    margin-left: 18px;
}

.styleguide_1 .con_376 .box_flow>ul>li {
    width: 219px;
    height: 200px;
    padding: 15px 30px;
}

.styleguide_1 .con_376 .box_flow>ul>li:before {
    width: 197px;
    height: 182px;
}

.styleguide_1 .con_376 .box_flow>ul>li p {
    font-size: 15px;
    margin: 5px 0;
}

.styleguide_1 .con_376 .box_flow>ul>li p:nth-of-type(2) {
    font-weight: bold;
}

.styleguide_1 .con_376 .box_flow>ul>li p:nth-of-type(3) {
    line-height: 22px;
    margin: 0;
}

.styleguide_1 .con_376 .box_flow>ul>li>ul>li {
    text-align: center;
}

.styleguide_1 .con_376 .box_flow>ul>li>ul>li:before {
    position: relative;
    content: "";
    display: inline-block;
    width: 18px;
    height: 9px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAMAAAAAC/btK+AAAA1klEQVRYCe2TMQ7CMAxF7VRwAGZWZq7QUzF35iJco1dgZkVi4wAgCHVRUCqUSnXWF6lKGsc/v6+2CAMCEIAABCAAAQhAAAIQqCGgNcltd9m+3s+jxtiaTlTtm7A69N3u6tV1G/qaeZwlxs3kctV7E9Z7r6kwEVvwYmT+zFj+YHCMLdDKj7oNpd+Ui6X1XCydKc1uQyXB2n23ISvg0uVzsVJO2ncbsm6SoYCT0G8ei3qIOYfbkHWRdZNoOKnozR5b13SY8xtIgwAEIAABCEAAAhCAAAQyAh+wczU7gVqd0gAAAABJRU5ErkJggg==) center no-repeat;
    background-size: 100%;
}

.styleguide_1 .con_442 {
    overflow: hidden;
}

.styleguide_1 .con_442>li {
    width: calc(50% - 16px);
    height: 130px;
    margin: 0 0 15px 31px;
    padding: 25px 24px;
    float: left;
    border: solid 1px #d8dbe1;
    background-color: #f7f9fc;
    position: relative;
}

.styleguide_1 .con_442>li>p {
    margin: 0;
}

.styleguide_1 .con_442>li>p:nth-of-type(1) {
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 7px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    font-size: 15px;
    background-color: #3d7dd4;
    border-radius: 3px;
}

.styleguide_1 .con_442>li>p:nth-of-type(2) {
    width: 320px;
    font-size: 16px;
    line-height: 1.5;
    color: #494949;
    font-weight: 500;
}

.styleguide_1 .con_442>li>p:nth-of-type(3) {
    position: absolute;
    top: 25px;
    right: 21px;
}

.styleguide_1 .con_442>li:nth-of-type(odd) {
    margin-left: 0;
}

.styleguide_1 .con_442>li:nth-of-type(4)>p:nth-of-type(2) {
    padding-right: 30px;
}

.styleguide_1 .list3p>p {
    position: relative;
    margin-left: 17px;
}

.styleguide_1 .list3p>p:after {
    position: absolute;
    content: "";
    display: block;
    width: 1.8rem;
    height: 2.4rem;
    top: 0.2rem;
    left: -1.8rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAMAAAAAC/btK+AAAA1klEQVRYCe2TMQ7CMAxF7VRwAGZWZq7QUzF35iJco1dgZkVi4wAgCHVRUCqUSnXWF6lKGsc/v6+2CAMCEIAABCAAAQhAAAIQqCGgNcltd9m+3s+jxtiaTlTtm7A69N3u6tV1G/qaeZwlxs3kctV7E9Z7r6kwEVvwYmT+zFj+YHCMLdDKj7oNpd+Ui6X1XCydKc1uQyXB2n23ISvg0uVzsVJO2ncbsm6SoYCT0G8ei3qIOYfbkHWRdZNoOKnozR5b13SY8xtIgwAEIAABCEAAAhCAAAQyAh+wczU7gVqd0gAAAABJRU5ErkJggg==) center no-repeat;
    background-size: 100%;
}

.styleguide_1 .con_445 {
    overflow: hidden;
}

.styleguide_1 .con_445>li {
    float: left;
    width: 200px;
    height: 58px;
    line-height: 58px;
    border: solid 1px #d8dbe1;
    margin-left: 30px;
    background-color: #f7f9fc;
    text-align: center;
    color: #000;
}

.styleguide_1 .con_445>li>span {
    font-weight: bold;
}

.styleguide_1 .con_445>li:after {
    width: 0px;
    height: 1px;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 15px solid #d8dbe1;
    top: 18px;
    left: -22px;
}

.styleguide_1 .con_445>li:first-child {
    margin-left: 0;
}

.styleguide_1 .con_445>li:first-child:after {
    display: none;
}

.styleguide_1 .con_411 {
    background: url("/attach/editor/202102251636345RotuHqXJnqBBH3bEhxj.png") no-repeat center top;
    background-size: 100%;
    text-align: center;
}

.styleguide_1 .con_411>p {
    text-align: center;
    margin: 0;
}

.styleguide_1 .con_411>p:nth-of-type(1) {
    font-size: 4rem;
    color: #3d7dd4;
    font-weight: 600;
    letter-spacing: -2px;
    line-height: 6rem;
    margin-top: 19px;
}

.styleguide_1 .con_411>p:nth-of-type(2) {
    font-size: 4rem;
    color: #000;
    font-weight: 500;
    letter-spacing: -2px;
    line-height: 6rem;
}

.styleguide_1 .con_411>p:nth-of-type(2):after {
    content: '';
    display: block;
    width: 41px;
    height: 4px;
    margin: 20px auto 29px;
    background-color: #3d7dd4;
}

.styleguide_1 .con_373 h3 {
    text-align: center;
    color: #fff;
    background-color: #235ca9;
    font-size: 15px;
    line-height: 27px;
    letter-spacing: -1px;
    padding: 12px 0;
    font-weight: normal;
}

.styleguide_1 .con_373 h3>strong {
    display: block;
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
}

.styleguide_1 .con_373 h4 {
    position: relative;
    height: 42px;
    border: solid 1px #d8dbe1;
    border-top: none;
    background-color: #f7f9fc;
    font-size: 15px;
    font-weight: 500;
    line-height: 42px;
    margin-left: 1.8rem;
    text-indent: 18px;
}

.styleguide_1 .con_373 h4>span {
    position: absolute;
    top: 0;
    right: 15px;
}

.styleguide_1 .con_373 h4+div {
    border: solid 1px #d8dbe1;
    border-top: none;
    padding: 23px;
    margin-left: 1.8rem;
    margin-bottom: 0;
}

.styleguide_1 span.color {
    color: #3d7dd4;
}

.styleguide_1 .center {
    text-align: center;
}

.styleguide_1 .btn-style {
    font-size: 15px;
    font-weight: 500;
    line-height: 180%;
    color: #fff;
    padding: 10px 32px;
    border-radius: 5px;
    background-color: #3d7dd4;
}

.styleguide_1 .con_372 .center {
    margin-top: 52px;
}

.styleguide_1 .con_372 h3 {
    color: #3d7dd4;
    font-size: 1.6rem;
    font-weight: 600;
}

.styleguide_1 .mt50 {
    margin-top: 50px;
}

.styleguide_1 .con_817_mt {
    margin-top: -105px;
}

.styleguide_1 .con_817 {
    overflow: hidden;
    margin-left: 0;
}

.styleguide_1 .con_817 li {
    float: left;
    width: 138px;
    height: 138px;
    border: solid 1px #d8dbe1;
    background-color: #fff;
    border-radius: 69px;
    margin-right: 48px;
    position: relative;
}

.styleguide_1 .con_817 li:last-of-type {
    margin-left: 0;
}

.styleguide_1 .con_817 li:last-of-type:after {
    display: none;
}

.styleguide_1 .con_817 li>p {
    font-size: 15px;
    line-height: 26px;
    margin: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.styleguide_1 .con_817 li:after {
    background: url('/attach/editor/2021030217165423gaPLmsuzkWnd9M6ekc.png');
    width: 32px;
    height: 32px;
    left: auto;
    right: -44px;
    top: 50%;
    margin-top: -16px;
}


/* styleguide_1 */

.galleryZone {
    width: 830px;
    margin: 0 auto;
}

.galleryZone .medGallery {
    position: relative;
    border: solid 1px #cfcfcf;
    padding: 13px 12px;
    margin: 0 auto;
    width: 830px;
    height: 567px;
    box-sizing: border-box;
    overflow: hidden;
}

.galleryZone .medGallery .galleryItem {
    width: 804px;
    height: 567px;
    position: relative;
    top: 0;
    left: 0;
    text-align: center;
}

.galleryZone .medGallery .galleryItem>span {
    display: block;
}

.galleryZone .medGallery .galleryItem>span:nth-of-type(2) {
    font-weight: bold;
    font-size: 15px;
    padding: 5px 0;
}

.galleryZone .medGallery .galleryItem>span:nth-of-type(3) {
    font-size: 15px;
}

.galleryZone .medGalleryThumb {
    border: solid 1px #cfcfcf;
    border-top: none;
    padding: 19px 51px;
    position: relative;
    height: 102px;
    overflow: hidden;
}

.galleryZone .medGalleryThumb p {
    float: left;
    margin-left: 9px;
}

.galleryZone .medGalleryThumb p:first-child {
    margin-left: 0;
}

.galleryZone .medGalleryThumb p img {
    height: 64px;
}

.galleryZone .medGalleryThumb .slick-arrow {
    position: absolute;
    top: 50%;
    margin-top: 0px;
    display: block;
    width: 46px;
    height: 46px;
    overflow: hidden;
    text-indent: -9999px;
    opacity: 0.3;
}

.galleryZone .medGalleryThumb .slick-arrow.slick-prev {
    left: 5px;
    background: url("/attach/editor/2021022518415961WsjQBcdObJ2U8LCKAV.png") no-repeat 0 0;
}

.galleryZone .medGalleryThumb .slick-arrow.slick-next {
    right: 5px;
    background: url("/attach/editor/20210225184211Jd4aaslvH05TiJCQTsoD.png") no-repeat 0 0;
}

.galleryZone .medGalleryThumb .slick-arrow:hover {
    opacity: 1;
}

.con_design_600>ul {
    overflow: hidden;
    padding-top: 8px;
}

.con_design_600>ul>li {
    width: 150px;
    height: 181px;
    box-sizing: border-box;
    padding: 9px;
    position: relative;
    background-color: #f7f9fc;
    float: left;
    margin: 0px 12px !important;
}

.con_design_600>ul>li>p {
    position: absolute;
    top: -17px;
    height: 25px;
    padding: 0 12px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: white;
    border-radius: 8px;
    background-color: #3d7dd4;
    white-space: nowrap;
}

.con_design_600>ul>li>span {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 0 20px;
    background-color: #ebf0f7;
    text-align: center;
    word-break: keep-all;
    overflow-wrap: break-word;
}

.con_design_600>ul>li:first-child {
    margin-left: 0 !important;
}

.con_design_600>ul>li:after {
    display: none !important;
}

.con_design_607 {
    overflow: hidden;
    padding-left: 300px;
    position: relative;
}

.con_design_607>div {
    float: none;
}

.con_design_607>div:nth-of-type(1) {
    position: absolute;
    top: 0;
    left: 0;
}

.con_design_612 .con_612_01>ul {
    overflow: hidden;
}

.con_design_612 .con_612_01>ul>li {
    float: left;
    font-size: 1.5rem;
    font-weight: 600;
    width: 225px;
    height: 99px;
    position: relative;
    box-sizing: border-box;
    padding: 25px 29px 25px 54px;
    text-align: left;
    list-style: none;
}

.con_design_612 .con_612_01>ul>li>span {
    display: inline-block;
    font-size: 1.5rem;
    opacity: 0.53;
}

.con_design_612 .con_612_01>ul>li:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: -34px;
    z-index: 2;
    width: 0px;
    height: 99px;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 34px solid;
}

.con_design_612 .con_612_01>ul>li:nth-of-type(1) {
    background-color: #eff4fb;
    padding-left: 20px;
}

.con_design_612 .con_612_01>ul>li:nth-of-type(1):after {
    border-left-color: #eff4fb;
}

.con_design_612 .con_612_01>ul>li:nth-of-type(2) {
    background-color: #e4e9f2;
}

.con_design_612 .con_612_01>ul>li:nth-of-type(2):after {
    border-left-color: #e4e9f2;
}

.con_design_612 .con_612_01>ul>li:nth-of-type(3) {
    background-color: #c5cee0;
}

.con_design_612 .con_612_01>ul>li:nth-of-type(3):after {
    border-left-color: #c5cee0;
}

.con_design_612 .con_612_01>ul>li:nth-of-type(4) {
    background-color: #235ca9;
    color: white;
    width: 201px;
    padding-right: 50px;
}

.con_design_612 .con_612_01>ul>li:nth-of-type(4):after {
    display: none;
}

.con_design_612 .con_612_01>ul:nth-of-type(2) {
    background-color: #f7f9fc;
    padding: 10px 8px;
    margin-top: 17px;
    box-sizing: border-box;
    width: 875px;
}

.con_design_612 .con_612_01>ul:nth-of-type(2)>li {
    width: 271px;
    height: 241px;
    margin-left: 23px;
    padding: 25px 20px 25px;
    padding-left: 0 !important;
    text-align: left;
}

.con_design_612 .con_612_01>ul:nth-of-type(2)>li:after {
    display: none !important;
}

.con_design_612 .con_612_01>ul:nth-of-type(2)>li:first-child {
    margin-left: 0;
}

.con_design_612 .con_612_01>ul:nth-of-type(2)>li li {
    word-break: normal;
    color: #606060;
    font-size: 1.5rem;
    font-weight: normal;
}

.con_design_612 .con_612_01>ul:nth-of-type(2)>li h3 {
    font-size: 1.6rem;
    color: #000;
    font-weight: bold;
    line-height: 24px;
}

.con_design_612 .con_612_01+h3 {
    border: solid 1px #d8dbe1;
    border-bottom: none;
    padding: 38px 31px 5px 31px;
    width: 875px;
    margin: 23px 0 0 0;
}

.con_design_612 .con_612_01+h3+div {
    border: solid 1px #d8dbe1;
    border-top: none;
    margin-left: 0;
    width: 875px;
    padding: 0 31px 38px 31px;
}

.con_design_612 .con_612_02>div {
    background-color: #f7f9fc;
    padding: 24px 22px;
}

.con_design_612 .con_612_02>div>p {
    color: #3d7dd4;
    font-weight: bold;
    margin-bottom: 10px;
}

.con_design_612 .con_612_02>div>ul {
    margin-top: 20px;
}

.con_design_612 .con_612_02>div>ul>li {
    position: relative;
    margin-left: 1.5rem;
}

.con_design_612 .con_612_02>div>ul>li:after {
    position: absolute;
    content: "";
    display: block;
    width: 1.8rem;
    height: 2.4rem;
    top: 0.2rem;
    left: -1.8rem;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAMAAAAAC/btK+AAAA1klEQVRYCe2TMQ7CMAxF7VRwAGZWZq7QUzF35iJco1dgZkVi4wAgCHVRUCqUSnXWF6lKGsc/v6+2CAMCEIAABCAAAQhAAAIQqCGgNcltd9m+3s+jxtiaTlTtm7A69N3u6tV1G/qaeZwlxs3kctV7E9Z7r6kwEVvwYmT+zFj+YHCMLdDKj7oNpd+Ui6X1XCydKc1uQyXB2n23ISvg0uVzsVJO2ncbsm6SoYCT0G8ei3qIOYfbkHWRdZNoOKnozR5b13SY8xtIgwAEIAABCEAAAhCAAAQyAh+wczU7gVqd0gAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.con_design_612 .con_612_02>p {
    font-weight: bold;
}

.con_289 .introTop_289 {
    position: relative;
    border-bottom: solid 1px #d8dbe1;
    padding: 0 0 36px 0;
    margin: 0 0 42px 0;
}

.con_289 .introTop_289 .introTopline {
    position: relative;
    z-index: 1;
}

.con_289 .introTop_289 .intro_person {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0;
    margin: 0;
    line-height: 0;
}

.con_309 .con_309_01 {
    text-align: center;
    vertical-align: top;
}

.con_309 .con_309_01>div {
    border: solid 1px #d8dbe1;
    width: 250px;
    height: 250px;
    box-sizing: border-box;
    border-radius: 125px;
    box-shadow: 0px 0px 16px 16px #eee;
    display: inline-block;
    text-align: center;
    padding: 52px 50px 0;
    vertical-align: top;
    background-color: white;
}

.con_309 .con_309_01>div h3 {
    font-size: 16px;
    font-weight: bold;
    width: 57px;
    height: 33px;
    line-height: 33px;
    color: #fff;
    background-color: #3d7dd4;
    border-radius: 8px;
    margin: 0 auto 10px;
}

.con_309 .con_309_01>div p {
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    line-height: 24px;
}

.con_309 .con_309_01>div:nth-of-type(2) {
    margin-left: -23px;
}

.con_309 .con_309_02 h4 {
    color: #3d7dd4;
    font-size: 1.6rem;
    line-height: 2.7rem;
}

.con_295 {
    overflow: hidden;
}

.con_295>div {
    float: left;
}

.con_295>div:nth-of-type(1) {
    margin-right: 25px;
}

.con_295>div:nth-of-type(2) {
    width: 530px;
}

.con_295>div:nth-of-type(2)>ul>li {
    position: relative;
    margin-left: 2rem;
}

.con_295>div:nth-of-type(2)>ul>li:after {
    position: absolute;
    content: "";
    display: block;
    width: 1.8rem;
    height: 2.4rem;
    top: 0.2rem;
    left: -1.8rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAMAAAAAC/btK+AAAA1klEQVRYCe2TMQ7CMAxF7VRwAGZWZq7QUzF35iJco1dgZkVi4wAgCHVRUCqUSnXWF6lKGsc/v6+2CAMCEIAABCAAAQhAAAIQqCGgNcltd9m+3s+jxtiaTlTtm7A69N3u6tV1G/qaeZwlxs3kctV7E9Z7r6kwEVvwYmT+zFj+YHCMLdDKj7oNpd+Ui6X1XCydKc1uQyXB2n23ISvg0uVzsVJO2ncbsm6SoYCT0G8ei3qIOYfbkHWRdZNoOKnozR5b13SY8xtIgwAEIAABCEAAAhCAAAQyAh+wczU7gVqd0gAAAABJRU5ErkJggg==) center no-repeat;
    background-size: 100%;
}

.con_298>li {
    float: left;
    margin: 0 0 60px 20px;
    width: calc(50% - 10px);
}

.con_298>li:nth-of-type(odd) {
    margin-left: 0;
}

.con_298>li h3 {
    font-size: 16px;
    font-weight: bold;
    color: white;
    line-height: 59px;
    letter-spacing: -1.07px;
    text-align: center;
    background-color: #3d7dd4;
    margin: 0 0 10px 0;
}

.con_298>li h3+div {
    margin: 0;
}

.con_298>li h3+div ul {
    overflow: hidden;
    height: 80px;
    margin-left: 0;
}

.con_298>li h3+div ul>li {
    float: left;
    width: calc(40% - 1.8rem);
    margin-left: 1.8rem;
}

.con_301_01 table ul {
    overflow: hidden;
}

.con_301_01 table ul>li {
    float: left;
    width: 33%;
}

.color4list h3 {
    color: #3d7dd4;
    font-size: 1.6rem;
    line-height: 2.7rem;
}

.color4list h3+div>ul>li:after {
    position: absolute;
    display: block;
    content: " ";
    height: 0.1rem;
    width: 0.5rem;
    background-color: #999;
    top: 1.1rem;
    left: 0;
    margin-left: -1rem;
}

.organTable {
    width: 100%;
}

.organTable thead tr th {
    color: #718096;
    font-size: 15px;
    line-height: 20px;
    padding: 6px 12px;
    text-align: left;
    font-weight: bold;
    background-color: #f7f9fc;
    border-top: solid 1px #e4e9f2;
    border-bottom: solid 1px #e4e9f2;
}

.organTable tbody tr th,
.organTable tbody tr td {
    font-size: 15px;
    border-bottom: solid 1px #eff4fb;
    color: #454545;
    line-height: 20px;
    padding: 13px 12px;
}

.listHistory tr td {
    padding: 5px 0;
}

.listHistory tr td:nth-of-type(1) {
    color: #3d7dd4;
    font-weight: bold;
    padding-right: 20px;
    text-indent: 20px;
    position: relative;
}

.listHistory tr td:nth-of-type(1):after {
    position: absolute;
    content: "";
    display: block;
    width: 1.8rem;
    height: 2.4rem;
    top: 0.2rem;
    left: -1.8rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAMAAAAAC/btK+AAAA1klEQVRYCe2TMQ7CMAxF7VRwAGZWZq7QUzF35iJco1dgZkVi4wAgCHVRUCqUSnXWF6lKGsc/v6+2CAMCEIAABCAAAQhAAAIQqCGgNcltd9m+3s+jxtiaTlTtm7A69N3u6tV1G/qaeZwlxs3kctV7E9Z7r6kwEVvwYmT+zFj+YHCMLdDKj7oNpd+Ui6X1XCydKc1uQyXB2n23ISvg0uVzsVJO2ncbsm6SoYCT0G8ei3qIOYfbkHWRdZNoOKnozR5b13SY8xtIgwAEIAABCEAAAhCAAAQyAh+wczU7gVqd0gAAAABJRU5ErkJggg==) center no-repeat;
    background-size: 100%;
    top: 4px;
    left: 0;
}

@media (max-width: 991px) {
    .mobileCenter {
        text-align: center;
    }
    .styleguide_1 img {
        max-width: 100%;
    }
    .pageTopImg {
        height: 182px;
        width: 100%;
        overflow: hidden;
    }
    .pageTopImg img {
        position: absolute;
        left: -9999px;
        right: -9999px;
        margin: 0 auto;
        width: auto!important;
        height: 182px;
        max-width: unset !important;
    }
    .con_298>li {
        float: none;
        margin: 0 0 60px 0px;
        width: 100%;
    }
    .con_298>li h3+div ul {
        height: auto;
    }
    .galleryZone {
        width: 100%;
    }
    .galleryZone .medGallery {
        position: relative;
        border: solid 1px #cfcfcf;
        padding: 13px 12px;
        margin: 0 auto;
        width: 100%;
        height: auto;
        box-sizing: border-box;
        overflow: hidden;
    }
    .galleryZone .medGallery .galleryItem {
        width: 100%;
        height: auto;
        position: relative;
        top: 0;
        left: 0;
        text-align: center;
    }
    .galleryZone .medGallery .galleryItem>span {
        display: block;
    }
    .galleryZone .medGallery .galleryItem>span:nth-of-type(2) {
        font-weight: bold;
        font-size: 15px;
        padding: 5px 0;
    }
    .galleryZone .medGallery .galleryItem>span:nth-of-type(3) {
        font-size: 15px;
    }
    .galleryZone .medGalleryThumb {
        border: solid 1px #cfcfcf;
        border-top: none;
        padding: 19px 51px;
        position: relative;
        height: 102px;
        overflow: hidden;
    }
    .galleryZone .medGalleryThumb p {
        float: left;
        margin-left: 9px;
    }
    .galleryZone .medGalleryThumb p:first-child {
        margin-left: 0;
    }
    .galleryZone .medGalleryThumb p img {
        height: 64px;
    }
    .galleryZone .medGalleryThumb .slick-arrow {
        position: absolute;
        top: 50%;
        margin-top: 0px;
        display: block;
        width: 46px;
        height: 46px;
        overflow: hidden;
        text-indent: -9999px;
        opacity: 0.3;
    }
    .galleryZone .medGalleryThumb .slick-arrow.slick-prev {
        left: 5px;
        background: url("/attach/editor/2021022518415961WsjQBcdObJ2U8LCKAV.png") no-repeat 0 0;
    }
    .galleryZone .medGalleryThumb .slick-arrow.slick-next {
        right: 5px;
        background: url("/attach/editor/20210225184211Jd4aaslvH05TiJCQTsoD.png") no-repeat 0 0;
    }
    .galleryZone .medGalleryThumb .slick-arrow:hover {
        opacity: 1;
    }
}

.Triangle {
    width: 0px;
    height: 1px;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 15px solid #d8dbe1;
}

.hidden {
    display: none;
}

@media (min-width: 0px) and (max-width: 768px) {
    .mobileHidden {
        display: none;
    }
    .hidden.mobileOn {
        display: inline !important;
    }
    .imgScroll img {
        max-width: unset !important;
    }
    .imgScroll table {
        width: 900px !important;
    }
    .con_design_600>ul {
        margin-left: 0 !important;
    }
    .con_design_600>ul>li {
        margin: 0 0 20px 18px !important;
    }
    .con_design_600>ul>li:nth-of-type(odd) {
        margin-left: 0 !important;
    }
    .con_design_607 {
        padding: 0;
    }
    .con_design_607>div:nth-of-type(1) {
        position: relative;
    }
    .con_design_612 .con_612_01>ul>li {
        width: calc(100% - 34px);
        float: none;
        margin-bottom: 8px;
        padding-left: 20px;
    }
    .con_design_612 .con_612_01>ul>li>span {
        display: block;
    }
    .con_design_612 .con_612_01>ul>li:nth-of-type(4) {
        width: calc(100% - 34px);
    }
    .con_design_612 .con_612_01>ul:nth-of-type(2) {
        width: 100%;
    }
    .con_design_612 .con_612_01>ul:nth-of-type(2)>li {
        width: 100%;
        height: auto;
        margin-left: 0;
        margin-top: 8px;
    }
    .con_design_612 .con_612_01>ul:nth-of-type(2)>li:first-child {
        margin-top: 0;
    }
    .con_design_612 .con_612_01+h3 {
        width: 100%;
    }
    .con_design_612 .con_612_01+h3+div {
        width: 100%;
    }
    .styleguide_1.majorguide>div h3+div {
        padding: 106px 0 0 0;
        margin: 10px 0 0 0;
    }
    .styleguide_1.majorguide>div h3+div>p:nth-of-type(2) {
        position: absolute;
        right: auto;
        left: 0;
    }
    .styleguide_1.studyguide h2 {
        font-size: 2.4rem;
    }
    .styleguide_1.studyguide h3+div:nth-of-type(1) {
        padding-right: 0;
    }
    .styleguide_1.studyguide h3+div:nth-of-type(1)>p.studyImg {
        position: relative;
        top: 0;
    }
    .styleguide_1.studyguide hr+div>div {
        float: none;
    }
    .styleguide_1.studyguide hr+div>div+div {
        margin-left: 0;
        margin-top: 2rem;
    }
    .styleguide_1 .download_box {
        overflow: hidden;
    }
    .styleguide_1 .download_box>li {
        width: 100%;
        float: none;
        margin-left: 0 !important;
    }
    .styleguide_1 .lineTable .mobileLineTable {
        display: block;
        width: 100%;
    }
    .styleguide_1 .lineTable .mobileLineTable tbody {
        width: 100%;
        display: block;
    }
    .styleguide_1 .lineTable .mobileLineTable tbody tr {
        width: 100%;
        display: block;
        position: relative;
    }
    .styleguide_1 .lineTable .mobileLineTable tbody tr th {
        width: 100%;
        display: block;
    }
    .styleguide_1 .lineTable .mobileLineTable tbody tr th:nth-of-type(2) {
        position: relative;
        top: 58px;
    }
    .styleguide_1 .lineTable .mobileLineTable tbody tr td {
        width: 100%;
        display: block;
    }
    .styleguide_1 .lineTable .mobileLineTable tbody tr td:nth-of-type(1) {
        position: relative;
        top: -39px;
    }
    .styleguide_1 .box_con {
        padding-top: 274px;
        padding-right: 28px;
    }
    .styleguide_1 .box_con p.img {
        position: absolute;
        top: 31px;
        left: 0;
        right: auto;
        width: 100%;
        text-align: center;
    }
    .styleguide_1 .box_con p.buttonLines a {
        display: block;
    }
    .styleguide_1 .box_con p.buttonLines a+a {
        margin-top: 10px;
        margin-left: 0;
    }
    .styleguide_1 .box_flow {
        margin-right: 1.5rem;
    }
    .styleguide_1 .box_flow>ul {
        margin-right: 1.8rem;
    }
    .styleguide_1 .box_flow>ul>li {
        margin: 50px auto 0;
        float: none;
    }
    .styleguide_1 .box_flow>ul>li h3 {
        text-align: center;
        font-size: 18px;
        line-height: 27px;
        color: #3d7dd4;
        letter-spacing: -1.2px;
        margin-bottom: 15px;
    }
    .styleguide_1 .box_flow>ul>li:first-child {
        margin-top: 0;
        margin-left: auto;
    }
    .styleguide_1 .box_flow>ul>li:after {
        top: -35px;
        left: 50%;
        margin-top: 0;
        transform: rotate(90deg);
        margin-left: -8px;
    }
    .styleguide_1 .con_376 .box_flow {
        margin-right: 0;
    }
    .styleguide_1 .con_376 .box_flow>ul {
        margin-right: 0;
    }
    .styleguide_1 .con_442>li {
        float: none;
        width: 100%;
        margin: 0 0 15px 0 !important;
    }
    .styleguide_1 .con_445 {
        margin-left: 0;
        padding-right: 1.5rem;
    }
    .styleguide_1 .con_445>li {
        float: none;
        width: 100%;
        height: 58px;
        line-height: 58px;
        border: solid 1px #d8dbe1;
        margin: 30px 0 0 0;
    }
    .styleguide_1 .con_445>li:after {
        top: -27px;
        left: 50%;
        margin-left: -8px;
        transform: rotate(90deg);
    }
    .styleguide_1 .con_445>li:first-child {
        margin-top: 0;
    }
    .styleguide_1 .con_373 h3 {
        margin-left: 0;
    }
    .styleguide_1 .con_373 h4 {
        margin-left: 0;
    }
    .styleguide_1 .con_373 h4+div {
        margin-left: 0;
    }
    .styleguide_1 .con_817 {
        margin-left: -1.5rem;
    }
    .styleguide_1 .con_817 li {
        margin: 0 39px 30px 0;
    }
    .styleguide_1 .con_817 li:after {
        right: -38px;
    }
    /* styleguide_1 */
    .con_289 .introTop_289 {
        padding-top: 120px;
        margin-top: 30px;
        width: 100%;
        overflow: hidden;
    }
    .con_289 .introTop_289 .intro_person {
        right: -77px;
    }
    .con_309 .con_309_01>div:nth-of-type(2) {
        margin: -23px 0 0 0;
    }
    .con_295>div {
        float: none;
    }
    .con_295>div:nth-of-type(1) {
        margin-right: 0;
    }
    .con_295>div:nth-of-type(2) {
        width: 100%;
        margin-top: 20px;
    }
}

@media (min-width: 769px) {
    .fmb {
        display: none;
    }
    .fpc {
        max-width: 100%;
    }
}

@media (min-width: 0px) and (max-width: 768px) {
    .fpc {
        display: none;
    }
    .fmb {
        max-width: 100%;
    }
}

img {
    max-width: 100%;
}

.tc {
    text-align: center;
}

.tl {
    text-align: left;
}

.tr {
    text-align: right;
}

.arr_b {
    width: 30px;
    height: 6px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAGCAYAAADUtS5UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNJREFUeNpiNDc3Z6Ax+A/EjOiCTAy0B4xQy+luMVbL6WUxhuX0tBjFchZs4U8H8B8gwAC1jQexq4JsrwAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
}

.arr_w {
    width: 30px;
    height: 6px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAGCAYAAADUtS5UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNJREFUeNpi/P//PwONAcgCRnRBJgbaA0ao5XS3GKvl9LIYw3J6WoxiOQu28KcD+A8QYABW1goJsJBJGgAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
}

.arr_d {
    width: 20px;
    height: 20px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAH5JREFUeNpi/P///xkGPICRkZEBqIaBWMDEQGUwauCogbQ28OWb1wy9PT3UMRBkmLuTK8Pnz58oNxBmWECgH0NDYxNetYzE5GV9XX2iDCPahcQaBjYQ5AJ8oL6ulmjDQGaBTDtDSvFEyMDBn7BZQMTnz1+oayAfHy/VDAQIMABP/CrLUZD4lgAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
}

.btn_download {
    display: inline-block;
    min-width: 200px;
    border: solid 1px #bdbdbd;
    height: 20px;
    padding: 0 60px 0 30px;
    font-size: 16px;
    line-height: 45px;
    height: 47px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAH5JREFUeNpi/P///xkGPICRkZEBqIaBWMDEQGUwauCogbQ28OWb1wy9PT3UMRBkmLuTK8Pnz58oNxBmWECgH0NDYxNetYzE5GV9XX2iDCPahcQaBjYQ5AJ8oL6ulmjDQGaBTDtDSvFEyMDBn7BZQMTnz1+oayAfHy/VDAQIMABP/CrLUZD4lgAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
    background-position: right 20px bottom 13px;
    text-align: left;
    margin: 5px;
}

.btn_application {
    display: inline-block;
    min-width: 200px;
    border: solid 1px #bdbdbd;
    padding: 0 30px;
    font-size: 16px;
    line-height: 45px;
    height: 47px;
    text-align: center;
    margin: 5px;
}

.btn_link {
    display: inline-block;
    min-width: 200px;
    border: solid 1px #bdbdbd;
    height: 20px;
    padding: 0 60px 0 30px;
    font-size: 16px;
    line-height: 45px;
    height: 47px;
    margin: 5px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAGCAYAAADUtS5UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNJREFUeNpiNDc3Z6Ax+A/EjOiCTAy0B4xQy+luMVbL6WUxhuX0tBjFchZs4U8H8B8gwAC1jQexq4JsrwAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
    background-position: right 20px bottom 16px;
    text-align: left;
}

.btn_link:hover,
.btn_link:focus {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAGCAYAAADUtS5UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNJREFUeNpi/P//PwONAcgCRnRBJgbaA0ao5XS3GKvl9LIYw3J6WoxiOQu28KcD+A8QYABW1goJsJBJGgAAAABJRU5ErkJggg==');
    background-color: #033982;
    border-color: #033982;
    color: #fff;
}

.sh2 {
    font-size: 2.4rem;
    line-height: 4.2rem;
    margin-left: 0rem;
    font-weight: 700;
    font-family: 'Noto Sans Korean';
    color: #000;
    position: relative;
}

.in2 {
    margin-left: 0rem;
}

.sh3 {
    position: relative;
    font-size: 2rem;
    line-height: 3.5rem;
    margin-left: 2.5rem;
    color: #000;
    font-weight: 700;
}

.sh3:after {
    position: absolute;
    content: "";
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    top: 0.4rem;
    left: -2.9rem;
    background-image: url('data:image/png;base64,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');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.in3 {
    margin-left: 2.5rem;
}

.in3>div {
    border-bottom: dotted 1px #eee;
}

.sh4 {
    position: relative;
    font-size: 1.8rem;
    line-height: 3.15rem;
    margin-left: 3.5rem;
    color: #000;
    font-weight: 500;
}

.sh4:after {
    position: absolute;
    content: "";
    display: block;
    width: 1.8rem;
    height: 2.4rem;
    top: 0.4rem;
    left: -1.8rem;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAMAAAAAC/btK+AAAA1klEQVRYCe2TMQ7CMAxF7VRwAGZWZq7QUzF35iJco1dgZkVi4wAgCHVRUCqUSnXWF6lKGsc/v6+2CAMCEIAABCAAAQhAAAIQqCGgNcltd9m+3s+jxtiaTlTtm7A69N3u6tV1G/qaeZwlxs3kctV7E9Z7r6kwEVvwYmT+zFj+YHCMLdDKj7oNpd+Ui6X1XCydKc1uQyXB2n23ISvg0uVzsVJO2ncbsm6SoYCT0G8ei3qIOYfbkHWRdZNoOKnozR5b13SY8xtIgwAEIAABCEAAAhCAAAQyAh+wczU7gVqd0gAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.in4 {
    margin-left: 3.5rem;
}

.sh5 {
    position: relative;
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin-left: 4.5rem;
    color: #3d7dd4;
    font-weight: 700;
}

.in5 {
    margin-left: 4.5rem;
}

table.stb,
.stb>table {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    border-top: 2px solid #3d7dd4;
    border-left: 1px solid #dedede;
    margin: 0.5rem 0;
}

table.stb thead,
.stb>table thead {
    border-bottom: 1px #dedede;
}

table.stb thead td,
.stb>table thead td,
table.stb thead th,
.stb>table thead th {
    background-color: #f6f6f6;
    font-weight: 600;
    font-size: 1.65rem;
    line-height: 2.8875rem;
}

table.stb td,
.stb>table td,
table.stb th,
.stb>table th {
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    vertical-align: middle;
    padding: 0.6rem 0.8rem;
    font-size: 1.5rem;
    line-height: 2.625rem;
    word-break: keep-all;
}

table.stb td p:first-of-type,
.stb>table td p:first-of-type,
table.stb th p:first-of-type,
.stb>table th p:first-of-type {
    margin-top: 0;
}

table.stb td p:last-of-type,
.stb>table td p:last-of-type,
table.stb th p:last-of-type,
.stb>table th p:last-of-type {
    margin-bottom: 0;
}

table.stb th,
.stb>table th {
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 2.625rem;
    background-color: #f6f6f6;
    text-align: center;
    color: #3d7dd4;
}

table.stb tfoot,
.stb>table tfoot {
    border-top: 3px double #dedede;
}

table.stb tfoot th,
.stb>table tfoot th,
table.stb tfoot td,
.stb>table tfoot td {
    background-color: #fbfbfb;
}

.sul {
    margin: 0.7rem 0;
}

.sul ol,
.sul ul {
    margin: 0;
}

.sul li {
    padding-left: 0;
    margin: 0.2rem 0;
    font-size: 1.5rem;
}

.sul>li {
    position: relative;
    padding-left: 1rem;
}

.sul>li:after {
    position: absolute;
    content: "";
    display: block;
    width: 1.8rem;
    height: 2.4rem;
    top: 0;
    left: -0.7rem;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAMAAAAAC/btK+AAAA1klEQVRYCe2TMQ7CMAxF7VRwAGZWZq7QUzF35iJco1dgZkVi4wAgCHVRUCqUSnXWF6lKGsc/v6+2CAMCEIAABCAAAQhAAAIQqCGgNcltd9m+3s+jxtiaTlTtm7A69N3u6tV1G/qaeZwlxs3kctV7E9Z7r6kwEVvwYmT+zFj+YHCMLdDKj7oNpd+Ui6X1XCydKc1uQyXB2n23ISvg0uVzsVJO2ncbsm6SoYCT0G8ei3qIOYfbkHWRdZNoOKnozR5b13SY8xtIgwAEIAABCEAAAhCAAAQyAh+wczU7gVqd0gAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.contents670 {
    background-image: url('/images/main/sub/greeting_bg_2026.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% 370px;
    padding-top: 405px;
}

.contents670 p.first {
    position: relative;
    font-size: 42px;
    line-height: 48px;
    color: #000;
    margin: 0 0 60px 40px;
    word-break: keep-all;
}

.contents670 p.first strong {
    font-weight: bold;
    color: #3d7dd4;
}

.contents670 p.first:before {
    content: "";
    display: block;
    width: 2px;
    height: 70px;
    position: absolute;
    background-color: #3d7dd4;
    top: -80px;
    left: 0;
}

.contents670 p {
    font-size: 17px;
    line-height: 30px;
    color: #494949;
    margin: 30px 0;
}

.contents670 .greet_comment {
    margin: 30px 0;
    border-left: 4px solid #3d7dd4;
}

.contents670 .greet_comment p {
    margin: 2px 0 2px 25px;
}

.contents670 .greet_comment p:first-of-type {
    font-weight: bold;
    color: #3d7dd4;
}
.contents670 .greet_bottom{
	float:right;
	position:absolute;
	bottom:0;
	right:0;
	z-index:-1;
	width:320px;
}
.contents670 p.name {
    clear: both;
    float: right;
    font-weight: bold;
/*    border-top: 1px solid #ddd;*/
    padding-top: 10px;
}

@media (min-width: 0px) and (max-width: 768px) {
    .contents670 {
        background-size: auto 180px;
        padding-top: 205px;
    }
    .contents670 p.first {
        position: relative;
        font-size: 21px;
        line-height: 24px;
        color: #000;
        margin: 0 0 30px 20px;
        word-break: keep-all;
    }
    .contents670 p.first strong {
        font-weight: bold;
        color: #3d7dd4;
    }
    .contents670 p.first:before {
        content: "";
        display: block;
        width: 2px;
        height: 70px;
        position: absolute;
        background-color: #3d7dd4;
        top: -80px;
        left: 0;
    }
    .contents670 p {
        font-size: 15px;
        line-height: 25px;
        color: #494949;
        margin: 20px 0;
    }
    .contents670 .greet_comment {
        margin: 20px 0;
        border-left: 4px solid #3d7dd4;
    }
    .contents670 .greet_comment p {
        margin: 2px 0 2px 20px;
    }
    .contents670 .greet_comment p:first-of-type {
        font-weight: bold;
        color: #3d7dd4;
    }
    .contents670 .greet_bottom{
    position:relative;}
    .contents670 p.name {
        float: right;
        font-weight: bold;
/*        border-top: 1px solid #ddd; */
        padding-top: 10px;
    }
}

.contents671 .box {
    position: relative;
    border: 1px solid #dadada;
    min-height: 290px;
    padding: 30px 10px 30px 320px;
    margin-bottom: 60px;
}

.contents671 .box .image {
    position: absolute;
    top: 30px;
    left: 30px;
}

.contents671 .box h2 {
    font-family: 'Nanum Myeongjo', serif;
    font-weight: 900;
    color: #0a3c81;
    font-size: 26px;
    line-height: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dadada;
}

.contents671 .box h2 strong {
    font-weight: 900;
    font-size: 32px;
}

.contents671 .box h3 {
    margin-top: 20px;
    font-size: 22px;
    font-weight: 700;
}

.contents671 .box ul li {
    float: left;
    width: 48%;
    font-size: 18px;
	white-space: nowrap;
	letter-spacing: -1px;
}

.contents671 .box ul:after {
    display: block;
    content: "";
    clear: both;
}

.contents671 h3 {
    margin-top: 30px;
}

.contents671 dl div dt {
    float: left;
    width: 180px;
    margin-right: 40px;
    font-size: 18px;
    line-height: 40px;
    color: #000;
}

.contents671 dl div dd {
    float: left;
    font-size: 16px;
    line-height: 40px;
    color: #494949;
}

.contents671 dl div:after {
    display: block;
    content: "";
    clear: both;
}

.contents671 p {
    font-size: 1.5rem;
}

@media (min-width: 0px) and (max-width: 768px) {
    .contents671 .box {
        min-height: 290px;
        padding: 20px;
        margin-bottom: 60px;
    }
    .contents671 .box .image {
        position: relative;
        top: 0;
        left: 0;
        text-align: center;
    }
    .contents671 .box h2 {
        font-size: 18px;
        line-height: 40px;
        padding-bottom: 20px;
        border-bottom: 1px solid #dadada;
    }
    .contents671 .box h2 strong {
        font-weight: 900;
        font-size: 22px;
    }
    .contents671 .box h3 {
        margin-top: 20px;
        font-size: 22px;
        font-weight: 700;
    }
    .contents671 .box ul li {
        float: none;
        width: 100%;
        font-size: 18px;
    }
    .contents671 h3 {
        margin-top: 30px;
    }
    .contents671 dl div dt {
        float: left;
        width: 180px;
        margin-right: 40px;
        font-size: 18px;
        line-height: 40px;
        color: #000;
    }
    .contents671 dl div dd {
        float: left;
        font-size: 16px;
        line-height: 40px;
        color: #494949;
    }
    .contents671 dl div:after {
        display: block;
        content: "";
        clear: both;
    }
    .contents671 p {
        font-size: 1.5rem;
    }
}

.contents672 .stb thead th {
    padding: 1.1rem 0.8rem;
    color: #333;
}

.contents672 .stb tbody td {
    vertical-align: top;
    text-align: center;
    padding: 0;
}

.contents672 .calWrap {
    padding: 20px;
}

.contents672 .calWrap .calBtn a {
    display: block;
    font-size: 12px;
    line-height: 18px;
    border: 1px solid #dadada;
    padding: 3px 12px;
}

.contents672 .calWrap .calBtn a:nth-of-type(1) {
    float: left;
}

.contents672 .calWrap .calBtn a:nth-of-type(1):before {
    content: "< ";
}

.contents672 .calWrap .calBtn a:nth-of-type(2) {
    float: right;
}

.contents672 .calWrap .calBtn a:nth-of-type(2):after {
    content: " >";
}

.contents672 .calWrap .calBtn:after {
    display: block;
    content: "";
    clear: both;
}

.contents672 .calWrap .month {
    float: left;
    font-size: 18px;
    font-weight: bold;
}

.contents672 .calWrap .month small {
    color: #666;
    font-size: 15px;
}

.contents672 .calWrap .year {
    float: right;
    font-size: 18px;
    font-weight: bold;
}

.contents672 .calWrap table.cal {
    width: 100%;
}

.contents672 .calWrap table.cal thead th {
    border: none;
    font-size: 12px;
    font-weight: 900;
    padding: 0;
    color: #999;
}

.contents672 .calWrap table.cal tbody td {
    width: 14.28571429%;
    border: none;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    line-height: 35px;
    font-weight: 900;
    color: #999;
    position: relative;
}

.contents672 .calWrap table.cal tbody td.today {
    color: #3d7dd4;
    background-color: #dadada;
}

.contents672 .calWrap table.cal tbody td.event:before {
    content: "";
    display: block;
    position: absolute;
    /*border: solid 2px #235caa;
  border-radius: 12px;*/
    background-color: #dcf1ff;
    color: #235ca9;
    width: 24px;
    height: 24px;
    top: 5px;
    left: 50%;
    margin-left: -12px;
}

.contents672 .calWrap table.cal tbody td.event a {
    position: relative;
    z-index: 1;
    color: #235ca9;
}

.contents672 dl {
    width: 100%;
}

.contents672 dl div {
    border-bottom: 1px solid #dadada;
    display: table;
    width: 100%;
}

.contents672 dl div:last-of-type {
    border-bottom: none;
}

.contents672 dl div dt {
    display: table-cell;
    width: 180px;
    border-right: 1px solid #dadada;
    text-align: center;
    vertical-align: middle;
    color: #666;
}

.contents672 dl div dd {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    padding: 10px 20px;
}

.contents672 dl div dd p {
    color: #666;
    margin: 8px 0;
}

@media (min-width: 0px) and (max-width: 768px) {
    .contents672 .stb>colgroup {
        display: none;
    }
    .contents672 .stb>thead {
        display: none;
    }
    .contents672 .stb>tbody {
        display: block;
    }
    .contents672 .stb>tbody>tr {
        display: block;
    }
    .contents672 .stb>tbody>tr>td {
        display: block;
        vertical-align: middle;
        text-align: center;
        padding: 0;
    }
}

.contents674 h2 {
    font-size: 2.4rem;
    line-height: 4.2rem;
    margin-left: 0rem;
    font-weight: 700;
    font-family: 'Noto Sans Korean';
    color: #000;
    position: relative;
}

.contents674 .itemWrap {
    margin: 20px 0 40px;
}

.contents674 .itemWrap:after {
    display: block;
    content: "";
    clear: both;
}

.contents674 .itemWrap .item {
    position: relative;
    float: left;
    width: 200px;
    padding: 6px;
    border: solid 1px #dadada;
    margin-right: 16px;
    margin-bottom: 16px;
    height:350px;
}

.contents674 .itemWrap .item:nth-of-type(4n) {
    margin-right: 0;
}

.contents674 .itemWrap .item p.name {
    background-color: #F3F4F6;
    font-size: 18px;
    line-height: 28px;
    color: #000;
    text-align: center;
    font-weight: 700;
    padding-top: 10px;
}

.contents674 .itemWrap .item p.time {
    background-color: #F3F4F6;
    font-size: 13px;
    line-height: 28px;
    color: #494949;
    text-align: center;
    font-weight: 700;
    padding-bottom: 5px;
}

.contents674 .itemWrap .item p.photo img {
    display: block;
    width: 188px;
    height: 231px;
}

.contents674 .itemWrap .item p.sub {
    font-size: 13px;
    color: #494949;
    text-align: center;
    font-weight: 700;
}

.contents674 .itemWrap .item a {    
    display: block;
    width:50%;
    background-color: #3d7dd4;
    margin:4px auto 0;
    border-radius: 5px;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    height: 30px;
    line-height: 26px;
    bottom: 15px;
    border: 2px solid #fff;
}

@media (min-width: 0px) and (max-width: 768px) {
    .contents674 h2 {
        font-size: 18px;
    }
    .contents674 .itemWrap {
        margin: 20px 0 40px;
        text-align: center;
    }
    .contents674 .itemWrap .item {
        display: inline-block;
        float: none;
        width: 200px;
        height: 314px;
        padding: 6px;
        border: solid 1px #dadada;
        margin-right: 16px;
        margin-bottom: 16px;
    }
}

.movieBox>div {
    display: none;
}

.movieBox>div.on {
    display: block;
}

.categoryBox_movie ul li a {
    cursor: pointer;
}

.contents678 .movieBox {
    padding: 20px;
    border: solid 1px #dadada;
    margin-bottom: 30px;
    background-color: #FAFAFA;
    position: relative;
    padding-left: 500px;
}

.contents678 .movieBox div.movie {
    width: 450px;
    height: 316px;
    position: absolute;
    left: 20px;
    top: 20px;
}

.contents678 .movieBox div.movie iframe {
    width: 100%;
    height: 100%;
}

.contents678 .movieBox h4 {
    font-size: 20px;
    color: #235caa;
    font-weight: 700;
}

.contents678 .movieBox div.desc {
    width: 330px;
    height: 283px;
    overflow-y: scroll;
    margin: 10px 0 0;
}

.contents678 .movieBox div.desc p {
    font-size: 16px;
    line-height: 26px;
    margin: 15px 0;
    color: #474747;
}

.contents678 .movieWrap {
    margin: 20px 0 40px;
    padding-top: 30px;
    border-top: 1px solid #dadada;
}

.contents678 .movieWrap .item {
    position: relative;
    float: left;
    width: 270px;
    height: 264px;
    padding: 177px 20px 20px 20px;
    border: solid 1px #dadada;
    margin-right: 20px;
    margin-bottom: 20px;
}

.contents678 .movieWrap .item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 151px;
}

.contents678 .movieWrap .item p.title {
    font-size: 16px;
    font-weight: bold;
    line-height: 26px;
    letter-spacing: -0.45px;
    text-align: left;
    color: #494949;
   overflow: hidden;
    vertical-align: top;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    height: 57px;
    -webkit-line-clamp: 2;
display: -webkit-box;
}

.contents678 .movieWrap .item:nth-of-type(3n) {
    margin-right: 0;
}

.contents678 .movieWrap .item:after {
    width: 30px;
    height: 6px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAGCAYAAADUtS5UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNJREFUeNpiNDc3Z6Ax+A/EjOiCTAy0B4xQy+luMVbL6WUxhuX0tBjFchZs4U8H8B8gwAC1jQexq4JsrwAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
    position: absolute;
    content: "";
    display: block;
    right: 20px;
    bottom: 20px;
}

@media (min-width: 0px) and (max-width: 768px) {
    .contents678 .movieBox {
        padding: 20px;
        border: solid 1px #dadada;
        margin-bottom: 30px;
        background-color: #FAFAFA;
        position: relative;
    }
    .contents678 .movieBox div.movie {
        width: 100%;
        height: 150px;
        position: relative;
        left: 0;
        top: 0;
        margin: 10px 0;
    }
    .contents678 .movieBox h2 {
        font-size: 20px;
        color: #235caa;
        font-weight: 700;
    }
    .contents678 .movieBox div.desc {
        width: 100%;
        height: 280px;
        overflow-y: scroll;
        margin: 10px 0 0;
    }
    .contents678 .movieBox div.desc p {
        font-size: 16px;
        line-height: 26px;
        margin: 15px 0;
        color: #474747;
    }
    .contents678 .movieWrap {
        margin: 20px 0 40px;
        padding-top: 30px;
        border-top: 1px solid #dadada;
    }
    .contents678 .movieWrap .item {
        position: relative;
        float: left;
        width: 100%;
        height: 264px;
        padding: 177px 20px 20px 20px;
        border: solid 1px #dadada;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .contents678 .movieWrap .item img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 151px;
    }
    .contents678 .movieWrap .item p.title {
        font-size: 18px;
        font-weight: bold;
        line-height: 26px;
        letter-spacing: -0.45px;
        text-align: left;
        color: #494949;
        word-break: keep-all;
    }
    .contents678 .movieWrap .item:nth-of-type(3n) {
        margin-right: 0;
    }
    .contents678 .movieWrap .item:after {
        width: 30px;
        height: 6px;
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAGCAYAAADUtS5UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNJREFUeNpiNDc3Z6Ax+A/EjOiCTAy0B4xQy+luMVbL6WUxhuX0tBjFchZs4U8H8B8gwAC1jQexq4JsrwAAAABJRU5ErkJggg==');
        background-repeat: no-repeat;
        position: absolute;
        content: "";
        display: block;
        right: 20px;
        bottom: 20px;
    }
}

.contents679 .brochureWrap {
    margin: 20px 10px;
}

.contents679 .brochureWrap .item {
    position: relative;
    float: left;
    width: calc((100% - 58px) / 3);
    ;
    height: 228px;
    padding: 181px 0 0 0;
    margin-right: 29px;
    margin-bottom: 20px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
}

.contents679 .brochureWrap .item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 181px;
    filter: grayscale(1);
}

.contents679 .brochureWrap .item:hover img,
.contents679 .brochureWrap .item:focus img {
    filter: grayscale(0);
}

.contents679 .brochureWrap .item p.title {
    position: relative;
    border: solid 1px #dadada;
    font-size: 16px;
    font-weight: bold;
    height: 47px;
    line-height: 20px;
    letter-spacing: -0.45px;
    padding-left: 25px;
    padding-right: 40px;
    text-align: left;
    color: #494949;
    word-break: keep-all;
}

.contents679 .brochureWrap .item p.title:after {
    width: 20px;
    height: 20px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAH5JREFUeNpi/P///xkGPICRkZEBqIaBWMDEQGUwauCogbQ28OWb1wy9PT3UMRBkmLuTK8Pnz58oNxBmWECgH0NDYxNetYzE5GV9XX2iDCPahcQaBjYQ5AJ8oL6ulmjDQGaBTDtDSvFEyMDBn7BZQMTnz1+oayAfHy/VDAQIMABP/CrLUZD4lgAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
    position: absolute;
    content: "";
    display: block;
    right: 15px;
    bottom: 13px;
}

.contents679 .brochureWrap .item:nth-of-type(3n) {
    margin-right: 0;
}

.contents682 .topBox {
    padding: 20px;
    border: solid 1px #dadada;
    margin-bottom: 30px;
    background-color: #FAFAFA;
    position: relative;
    padding-left: 380px;
    min-height: 294px;
}

.contents682 .topBox img {
    width: 331px;
    height: 254px;
    position: absolute;
    left: 20px;
    top: 20px;
}

.contents682 .topBox h2 {
    font-size: 20px;
    color: #235caa;
    font-weight: 700;
}

.contents682 .topBox div.desc {
    margin: 10px 0 0;
}

.contents682 .topBox div.desc p {
    font-size: 16px;
    line-height: 26px;
    margin: 15px 0;
    color: #474747;
}

.contents682 h2.title {
    font-size: 36px;
    font-weight: bold;
    line-height: 46px;
    letter-spacing: -0.72px;
    text-align: center;
    color: #0a3c81;
    margin: 50px 0 20px;
}

@media (min-width: 0px) and (max-width: 768px) {
    .contents682 .topBox {
        padding: 20px;
        border: solid 1px #dadada;
        margin-bottom: 30px;
        background-color: #FAFAFA;
        position: relative;
    }
    .contents682 .topBox img {
        margin-top: 15px;
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
    }
    .contents682 .topBox h2 {
        font-size: 20px;
        color: #235caa;
        font-weight: 700;
    }
    .contents682 .topBox div.desc {
        width: 100%;
        height: 280px;
        overflow-y: scroll;
        margin: 10px 0 0;
    }
    .contents682 .topBox div.desc p {
        font-size: 16px;
        line-height: 26px;
        margin: 15px 0;
        color: #474747;
    }
    .contents682 img {
        max-width: 100%;
    }
    .contents682 h2.title {
        font-size: 26px;
    }
}

.contents684 .topBox {
    padding: 20px;
    border: solid 1px #dadada;
    margin-bottom: 30px;
    background-color: #fff;
    position: relative;
    padding-left: 390px;
    min-height: 294px;
}

.contents684 .topBox img {
    width: 295px;
    height: 254px;
    position: absolute;
    left: 50px;
    top: 20px;
}

.contents684 .topBox h2 {
    font-size: 20px;
    color: #235caa;
    font-weight: 700;
}

.contents684 .topBox div.desc {
    margin: 10px 0 0;
}

.contents684 .topBox div.desc p {
    font-size: 16px;
    line-height: 26px;
    margin: 15px 0;
    color: #474747;
}

.contents684 .topBox a {
    display: inline-block;
    position: relative;
    width: 200px;
    height: 47px;
    border: 1px solid #bdbdbd;
    line-height: 45px;
    padding: 0 0 0 35px;
    margin-right: 10px;
    font-size: 16px;
    color: #373737;
    font-weight: 500;
}

.contents684 .topBox a:after {
    width: 20px;
    height: 20px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAH5JREFUeNpi/P///xkGPICRkZEBqIaBWMDEQGUwauCogbQ28OWb1wy9PT3UMRBkmLuTK8Pnz58oNxBmWECgH0NDYxNetYzE5GV9XX2iDCPahcQaBjYQ5AJ8oL6ulmjDQGaBTDtDSvFEyMDBn7BZQMTnz1+oayAfHy/VDAQIMABP/CrLUZD4lgAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
    content: "";
    display: block;
    position: absolute;
    right: 30px;
    bottom: 14px;
}

.contents684 h3 {
    position: relative;
    font-size: 2rem;
    line-height: 3.5rem;
    margin-left: 2.5rem;
    color: #000;
    font-weight: 700;
}

.contents684 h3:after {
    position: absolute;
    content: "";
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    top: 0.4rem;
    left: -2.9rem;
    background-image: url('data:image/png;base64,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');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.contents684 .ciWrap {
    margin-left: 2.5rem;
}

.contents684 .ciWrap .item {
    float: left;
    margin-right: 23px;
    width: 189px;
    height: 343px;
}

.contents684 .ciWrap .item:nth-of-type(4) {
    margin-right: 0;
}

.contents684 .ciWrap .item .title {
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    background-color: #235CAA;
}

.contents684 .ciWrap .item img {
    display: block;
    border-left: 1px solid #bdbdbd;
    border-right: 1px solid #bdbdbd;
}

.contents684 .ciWrap .item a {
    display: block;
    float: left;
    width: 50%;
    height: 47px;
    font-size: 14px;
    font-weight: 500;
    color: #373737;
    line-height: 45px;
    text-align: center;
    border: solid 1px #bdbdbd;
}

.contents684 .ciWrap .item a:nth-of-type(2) {
    border-left: none;
}

.contents684 .ciWrap .item:after {
    display: block;
    content: "";
    clear: both;
}

.contents684 .ciWrap:after {
    display: block;
    content: "";
    clear: both;
}

.contents684 ul {
    margin: 0.7rem 0;
    margin-top: 30px;
    padding: 25px 30px;
    margin-left: 2.5rem;
    background-color: #F7F9FC;
}

.contents684 ul ol,
.contents684 ul ul {
    margin: 0;
}

.contents684 ul li {
    padding-left: 0;
    margin: 0.2rem 0;
    font-size: 1.5rem;
}

.contents684 ul>li {
    position: relative;
    padding-left: 1rem;
}

.contents684 ul>li:after {
    position: absolute;
    content: "";
    display: block;
    width: 1.8rem;
    height: 2.4rem;
    top: 0;
    left: -0.7rem;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAMAAAAAC/btK+AAAA1klEQVRYCe2TMQ7CMAxF7VRwAGZWZq7QUzF35iJco1dgZkVi4wAgCHVRUCqUSnXWF6lKGsc/v6+2CAMCEIAABCAAAQhAAAIQqCGgNcltd9m+3s+jxtiaTlTtm7A69N3u6tV1G/qaeZwlxs3kctV7E9Z7r6kwEVvwYmT+zFj+YHCMLdDKj7oNpd+Ui6X1XCydKc1uQyXB2n23ISvg0uVzsVJO2ncbsm6SoYCT0G8ei3qIOYfbkHWRdZNoOKnozR5b13SY8xtIgwAEIAABCEAAAhCAAAQyAh+wczU7gVqd0gAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

@media (min-width: 0px) and (max-width: 768px) {
    .contents684 .topBox {
        padding: 20px;
        border: solid 1px #dadada;
        margin-bottom: 30px;
        background-color: #fff;
        position: relative;
    }
    .contents684 .topBox img {
        margin-top: 15px;
        position: relative;
        left: 0;
        top: 0;
        width: auto;
    }
    .contents684 .topBox h2 {
        font-size: 20px;
        color: #235caa;
        font-weight: 700;
    }
    .contents684 .topBox div.desc {
        width: 100%;
        height: auto;
        margin: 10px 0 0;
    }
    .contents684 .topBox div.desc p {
        font-size: 16px;
        line-height: 26px;
        margin: 15px 0;
        color: #474747;
    }
    .contents684 .topBox a {
        margin-bottom: 5px;
    }
    .contents684 img {
        max-width: 100%;
    }
    .contents684 .ciWrap {
        margin-left: 0;
        text-align: center;
    }
    .contents684 .ciWrap .item {
        float: none;
        display: inline-block;
        margin-right: 0;
        margin-bottom: 15px;
    }
    .contents684 ul {
        margin-left: 0;
    }
}

.contents694 .topBox {
    padding: 20px;
    border: solid 1px #dadada;
    margin-bottom: 30px;
    background-color: #fff;
    position: relative;
    min-height: 294px;
}

.contents694 .topBox h2 {
    font-size: 20px;
    color: #235caa;
    font-weight: 700;
}

.contents694 .topBox div.desc {
    margin: 10px 0 0;
}

.contents694 .topBox div.desc p {
    font-size: 16px;
    line-height: 26px;
    margin: 15px 0;
    color: #474747;
}

.contents694 h3 {
    position: relative;
    font-size: 2rem;
    line-height: 3.5rem;
    margin-left: 2.5rem;
    color: #000;
    font-weight: 700;
}

.contents694 h3:after {
    position: absolute;
    content: "";
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    top: 0.4rem;
    left: -2.9rem;
    background-image: url('data:image/png;base64,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');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.contents694 ul {
    margin: 0.7rem 0;
    margin-left: 2.5rem;
    margin-bottom: 1.5rem;
}

.contents694 ul ol,
.contents694 ul ul {
    margin: 0;
}

.contents694 ul li {
    padding-left: 0;
    margin: 0.2rem 0;
    font-size: 1.5rem;
}

.contents694 ul>li {
    position: relative;
    padding-left: 1rem;
}

.contents694 ul>li:after {
    position: absolute;
    content: "";
    display: block;
    width: 1.8rem;
    height: 2.4rem;
    top: 0;
    left: -0.7rem;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAMAAAAAC/btK+AAAA1klEQVRYCe2TMQ7CMAxF7VRwAGZWZq7QUzF35iJco1dgZkVi4wAgCHVRUCqUSnXWF6lKGsc/v6+2CAMCEIAABCAAAQhAAAIQqCGgNcltd9m+3s+jxtiaTlTtm7A69N3u6tV1G/qaeZwlxs3kctV7E9Z7r6kwEVvwYmT+zFj+YHCMLdDKj7oNpd+Ui6X1XCydKc1uQyXB2n23ISvg0uVzsVJO2ncbsm6SoYCT0G8ei3qIOYfbkHWRdZNoOKnozR5b13SY8xtIgwAEIAABCEAAAhCAAAQyAh+wczU7gVqd0gAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.contents694 dl {
    padding-top: 20px;
}

.contents694 dl div {
    margin-left: 2.5rem;
    min-height: 116px;
    position: relative;
    margin-bottom: 20px;
    padding-left: 130px;
    padding-top: 25px;
}

.contents694 dl div:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 116px;
    height: 116px;
    background-color: #f7f9fc;
    border-radius: 58px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAsCAYAAAAJpsrIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABJ1JREFUeNrEmAmIVWUUx31PJ/eFRh0RnTAcTTHT0JBxKwWVch8KbQVRVIRBTBzNXMhxS0JJHcYMCy1cxgVLsTScyiUZI81do0wdyTVz1yz1d+T/5DK8e++7b3zXC3/Offed+53/Pd/5znfOF6ngcXWedCCCqANub5vW6kaFEK+oB6nOiEPgb3CW31lhEovEIVQD8SNoo/+PgybgV9ABz90K3WOQqoj4ErTVo/EgS0SfA/Me11R+AvqCf+St4aA2GAzO22/IDwqVGAaNxBBwRh5bpyksAufAm+AeWBxGvEVFKgMxB/wPBhBHfyLfBvtBN/ARzzYjZwCLwSLeqRKGx/JATfAxBHbZA+Q1RD+tylyImDenhBVvEQX8RWAeaAyh82UWxEuILfLmi+AE2AvqWeyhvyJVHstUgG8oS0qeK0aMBk8o7qJhxJsZaaj779yUILcA8SnIELltjnhbngpilbTl2HXYR3cUaAmywRJQ3W/3KK/Hqur+spciXvsXMRCcBpbL+oADoGeqiN3RfSLL/xL4Xfe3LZXEi8tHRSxWNWT4VBoW/KtBF/CbyVSRihGLDf6Cj26eY/o6Qqok1Qn2L9138dE9I1mcSk89JIaRs8hT5gWmq6GH7nrlrv4qIEPZxItUTbzjsSrPKX811g4QCrFCecP2xMoe+kskh4ZCDG/YKlsLGvgYNc9eBa/6TPsjLRSny2uTMVrTZTottRSANDAuFGIY3aOyur6P0bnglqrZBmGV1u/L6LtuU6VVvEg7xQehEMOo1VrztX96FYL56guG8gEdwuor85VMLcBfdvHaBe0ElmI+R696yolh9ApirH4WYLSay7uLgfUBzdVdpb4Th5wtgm/AU2Cqi46t4LdAKXidD8hPxCB6z4AS8GGgTtwxQKY2bJumrhDZ7qL3vO2foJZSziSRjqfbXRVKrDjNRXd+oLMLXjhpL0pnGYPWdtH7RcWiFZoT1dqlxyE1RU2NkVoKrPCcx/MegTzmGNC+MEe1fo6HN1pYQwOeVoM8U7F3E8xy5EYj1F4t4FJ9kJ2JHEnIY45rGPjDGmEwxsPDh2WsQK3dXNV6+0TKCHymbusrsAnMVof2NR/2ZCCPOeJop7ai3pDY5KOfpXSSo6mzEyNLPUfBSktF4HvQC6zSeYnFaU/GvpMwMRl7A/EFsHSSzQAHE3jHPsQ+6gj6l/XMFtMOh3fz9Lu17SjojQhETINaLzlBnVK2Fkjgi3EsDf0M6upE6VtQon36wUoNSiyiOLGC8hjolGyZzVhdtUrt6q4jiGL1uk0DNatakVavbQTNwFYMNEqGGGP9oHSUptxWqnrPOD0bSfJrqymIe2vFvlJ2uQcYq1DTeUI7zXWT0SS/9oYjt1ne2oWBvklui7lqoo3UXVuxjH+xXN0OZKI6XMlz9ATjE4073rdUstD2WpGyd+cEXpUeBvroNKi+EqmdDhVipNRFv5Zi9T2QrlX+Gvo7AyXYBMmlqxIZCSqqf9gNflL83BWJdmr/Yoc5lhtH2/QFzvwBCWaK3GDFTbzLvLrGqmUI7U1qEy8nycryTJps/aee4qZbMRC77gswAPdxn9bzbr2SAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: center;
}

.contents694 dl div:nth-of-type(1):before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAsCAYAAAAJpsrIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABJ1JREFUeNrEmAmIVWUUx31PJ/eFRh0RnTAcTTHT0JBxKwWVch8KbQVRVIRBTBzNXMhxS0JJHcYMCy1cxgVLsTScyiUZI81do0wdyTVz1yz1d+T/5DK8e++7b3zXC3/Offed+53/Pd/5znfOF6ngcXWedCCCqANub5vW6kaFEK+oB6nOiEPgb3CW31lhEovEIVQD8SNoo/+PgybgV9ABz90K3WOQqoj4ErTVo/EgS0SfA/Me11R+AvqCf+St4aA2GAzO22/IDwqVGAaNxBBwRh5bpyksAufAm+AeWBxGvEVFKgMxB/wPBhBHfyLfBvtBN/ARzzYjZwCLwSLeqRKGx/JATfAxBHbZA+Q1RD+tylyImDenhBVvEQX8RWAeaAyh82UWxEuILfLmi+AE2AvqWeyhvyJVHstUgG8oS0qeK0aMBk8o7qJhxJsZaaj779yUILcA8SnIELltjnhbngpilbTl2HXYR3cUaAmywRJQ3W/3KK/Hqur+spciXvsXMRCcBpbL+oADoGeqiN3RfSLL/xL4Xfe3LZXEi8tHRSxWNWT4VBoW/KtBF/CbyVSRihGLDf6Cj26eY/o6Qqok1Qn2L9138dE9I1mcSk89JIaRs8hT5gWmq6GH7nrlrv4qIEPZxItUTbzjsSrPKX811g4QCrFCecP2xMoe+kskh4ZCDG/YKlsLGvgYNc9eBa/6TPsjLRSny2uTMVrTZTottRSANDAuFGIY3aOyur6P0bnglqrZBmGV1u/L6LtuU6VVvEg7xQehEMOo1VrztX96FYL56guG8gEdwuor85VMLcBfdvHaBe0ElmI+R696yolh9ApirH4WYLSay7uLgfUBzdVdpb4Th5wtgm/AU2Cqi46t4LdAKXidD8hPxCB6z4AS8GGgTtwxQKY2bJumrhDZ7qL3vO2foJZSziSRjqfbXRVKrDjNRXd+oLMLXjhpL0pnGYPWdtH7RcWiFZoT1dqlxyE1RU2NkVoKrPCcx/MegTzmGNC+MEe1fo6HN1pYQwOeVoM8U7F3E8xy5EYj1F4t4FJ9kJ2JHEnIY45rGPjDGmEwxsPDh2WsQK3dXNV6+0TKCHymbusrsAnMVof2NR/2ZCCPOeJop7ai3pDY5KOfpXSSo6mzEyNLPUfBSktF4HvQC6zSeYnFaU/GvpMwMRl7A/EFsHSSzQAHE3jHPsQ+6gj6l/XMFtMOh3fz9Lu17SjojQhETINaLzlBnVK2Fkjgi3EsDf0M6upE6VtQon36wUoNSiyiOLGC8hjolGyZzVhdtUrt6q4jiGL1uk0DNatakVavbQTNwFYMNEqGGGP9oHSUptxWqnrPOD0bSfJrqymIe2vFvlJ2uQcYq1DTeUI7zXWT0SS/9oYjt1ne2oWBvklui7lqoo3UXVuxjH+xXN0OZKI6XMlz9ATjE4073rdUstD2WpGyd+cEXpUeBvroNKi+EqmdDhVipNRFv5Zi9T2QrlX+Gvo7AyXYBMmlqxIZCSqqf9gNflL83BWJdmr/Yoc5lhtH2/QFzvwBCWaK3GDFTbzLvLrGqmUI7U1qEy8nycryTJps/aee4qZbMRC77gswAPdxn9bzbr2SAAAAAElFTkSuQmCC);
}

.contents694 dl div:nth-of-type(2):before {
    background-image: url(data:image/png;base64,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);
}

.contents694 dl div:nth-of-type(3):before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAArCAYAAAAdSFoKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABR9JREFUeNq0mHtsFUUUh28X0AoqCBakKoqPiNgS0aiFWFF5SzVKrAWkRtDERKPGRzTRYJMS/tBo4gv+02JyUaBCVSC2PhCo0WoDGiGIqagoEQMoQcRaEfA75rdms+zs3b33MsnX6d05c+a3sztnzmxJJo9SPW9LCVUfUaLLR+GQ0T6/4mhanyUpBi+nuh1qYIxERBUT8ymshiWI+rkoQhBwHtVTMBt66fJe+AK+hX26dhpcAKPhdF07DFloRNB3eQlBgA36OMyDUtgPr8AbsAnHRxz9PKrLYCbcBf3hL5gPT9PvcGIhOBtI1QzXQw88A8/i5PeU79KpVI/CY3AirIVa/PyWUwidh1J9ACNhC9xGx68zBRR8Xky1HCpgK0zA5y6nEN1BO4yC92E6Hf7IFKHg+2SqlTARvrJLwRn2QvavSsQ6Wx3FEmFFvmrke5TGOnZGUHwnVRP8YC8bHffF3F1/Oa2Cs3X5J+iwZUvf/TF9bXVtgnNhDraL/xdC4ylU26EMrqGx3eGkL9WT8CD0c4x1EF6ABfj50+GnmmoD7LElb4/IfzT3SUQ2RsRwqk54Ak5QfJilWanS/1m1mU2n+kQ9pnbZ2pj3/jcjWvc/gkXOkRhtixBxhqb9HD3judh9HyPYnv+1sMNEYvtLhN0IrSCLvMNMxDg4E9ZHiQi8xCbiLZjkEqG7tbZJ0KI+TQ67bbopG3ucCZmstuWOO5xCNRUsRM/GwaEEK8Rs6tVninxElWbVk03IWP34yGF8j+oGBjiYYrmabUPIR7j4Y441Ifas/oYux75hAagbVuQRPlao70TtXeHSpbFHeHpzdzo2o3It0820d+cRxKzPZvkoj2i3MXeaBn/5HnD4GqT61wKC6t6Qr3A5EAzxvXI4KStAiN93j6Pd8//YNj/EYWQ7pG1Mldq08tnoKuVjl8PMYlSPpyyrTDlI+Bla8tOmXKI2j9moVVL1XlQipTFtxrZ7SvkyykOjyiLVjdrsks6G2Tbq50KHmR86NpqQD/WjxvHmr1OUPAuWMUBpAhFms0x9WuQjqkxTvdaErFLmXYeDkxwd7taatyi8AbtLYkRY23rZdqlvlJ2NNUNxZJWfBiw1Iba9o/7FmOPEO3A5HNFxYY3CuJXhmtVpWoUb4SbXcQJ/lko8b8k4NrN8IaOVrNgSu9CV2GBnL+0jYqBjUiwxfs7AT09McvSNjh2WhH0ZzNBsh52jnKQ+xztggmwjuyoQMe3OP4NWl4BA/6wOa03Yzg2nioOU1Jrj+zF4OXMcCuM8rBkz4ZX+0SKcxV+tVdRbyfO7RRZxo3Iae0Gvw39HZBZPw8eWfem6LdXKIoq4VKdET0lzxzFxPiRmiY6HllCvxsGQIogYqhXXT3nN0sgNJ6I0KCANg7dj4ksSEX0lwo4dr+smUx3CS5VBVUnUzLTfPfQdxVLQW+ETO0u7VpQXk9TYCf5mZeJ1rjvJURZIhB3abolb1km+j1TobuydqcdZNuFs3EH1mlKAMfTbWvAXI2XhFs7/gfFaXXH21QoDFupvwL4t1xhewtyzleoBneJa9BXJJeJ87dZ9FBjbkozhJX3YOFyovML2hzUMOCBCxADNnEXpl+izKKl/L+XLZztmq44gzQzcOyDCZuBNuAgsIj+UxnEqIUr/6/QlaQIE9yP7f7zaZri+lRX8eTP0COxM+zkM1lcgK9NhN1yJiB3H7TtrhJgrlBwN1qXd2ig78/GXt5DAkdQP/92uT55Jyr8CDAA0ReNwVO6BjAAAAABJRU5ErkJggg==);
}

.contents694 dl div:nth-of-type(4):before {
    background-image: url(data:image/png;base64,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);
}

.contents694 dl div dt {
    font-size: 20px;
    color: #000;
    line-height: 36px;
}

.contents694 dl div dd {
    font-size: 16px;
    line-height: 36px;
    color: #494949;
}

@media (min-width: 0px) and (max-width: 768px) {
    .contents694 .topBox img {
        max-width: 100%;
    }
}

.contents695 {
    position: relative;
    padding-left: 370px;
}

.contents695 p.top {
    border-bottom: 3px solid #222;
    font-size: 28px;
    line-height: 36px;
    font-weight: 600;
    color: #000;
    word-break: keep-all;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.contents695 p.top strong {
    text-decoration: none;
    font-weight: 600;
    color: #0a3c81;
}

.contents695 p.top em {
    text-decoration: none;
    font-style: normal;
    font-weight: 600;
    color: #235caa;
}

.contents695 img {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}

.contents695 p {
    font-size: 16px;
    line-height: 28px;
    color: #494949;
    margin-bottom: 15px;
}

.contents695 a {
    display: inline-block;
    position: relative;
    width: 220px;
    height: 47px;
    border: 1px solid #bdbdbd;
    line-height: 45px;
    padding: 0 0 0 30px;
    margin-right: 10px;
    font-size: 16px;
    color: #373737;
    font-weight: 500;
}

.contents695 a:after {
    width: 20px;
    height: 20px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAH5JREFUeNpi/P///xkGPICRkZEBqIaBWMDEQGUwauCogbQ28OWb1wy9PT3UMRBkmLuTK8Pnz58oNxBmWECgH0NDYxNetYzE5GV9XX2iDCPahcQaBjYQ5AJ8oL6ulmjDQGaBTDtDSvFEyMDBn7BZQMTnz1+oayAfHy/VDAQIMABP/CrLUZD4lgAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
    content: "";
    display: block;
    position: absolute;
    right: 30px;
    bottom: 14px;
}

@media (min-width: 0px) and (max-width: 768px) {
    .contents695 {
        position: relative;
        padding-left: 0;
    }
    .contents695 img {
        position: relative;
        max-width: 220px;
    }
}

.contents696 .cyberWrap .item {
    float: left;
    position: relative;
    margin-right: 27px;
    width: 265px;
    height: 400px;
    border: 1px solid #dadada;
    border-top: 3px solid #3D7DD4;
    background-color: #fafafa;
    padding-top: 158px;
}

.contents696 .cyberWrap .item:nth-of-type(3) {
    margin-right: 0;
}

.contents696 .cyberWrap .item:before {
    position: absolute;
    content: "";
    display: block;
    width: 100px;
    height: 100px;
    background-image: url(data:image/png;base64,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);
    left: 50%;
    margin-left: -50px;
    top: 30px;
    background-position: center;
    background-repeat: no-repeat;
}

.contents696 .cyberWrap .item:nth-of-type(1):before {
    background-image: url(data:image/png;base64,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);
}

.contents696 .cyberWrap .item:nth-of-type(2):before {
    background-image: url(data:image/png;base64,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);
}

.contents696 .cyberWrap .item:nth-of-type(3):before {
    background-image: url(data:image/png;base64,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);
}

.contents696 .cyberWrap .item .title {
    font-size: 20px;
    line-height: 36px;
    font-weight: bold;
    text-align: center;
    color: #000;
}

.contents696 .cyberWrap .item .desc {
    font-size: 16px;
    line-height: 24px;
    color: #6f6f6f;
    margin: 0 10px;
    text-align: center;
    word-break: keep-all;
}

.contents696 .cyberWrap .item a {
    display: block;
    width: 170px;
    height: 47px;
    font-size: 16px;
    font-weight: 500;
    color: #373737;
    line-height: 45px;
    border: solid 1px #bdbdbd;
    position: absolute;
    left: 50%;
    margin-left: -85px;
    bottom: 40px;
    padding-left: 30px;
    text-align: left;
}

.contents696 .cyberWrap .item a:after {
    width: 30px;
    height: 6px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAGCAYAAADUtS5UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNJREFUeNpiNDc3Z6Ax+A/EjOiCTAy0B4xQy+luMVbL6WUxhuX0tBjFchZs4U8H8B8gwAC1jQexq4JsrwAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
    position: absolute;
    content: "";
    display: block;
    right: 25px;
    top: 21px;
}

.contents696 .cyberWrap .item:hover {
    background-color: #F5F9FC;
}

.contents696 .cyberWrap .item:hover .title {
    color: #235ca9;
}

.contents696 .cyberWrap .item:hover a {
    background-color: #3D7DD4;
    border-color: #3D7DD4;
    color: #fff;
}

.contents696 .cyberWrap .item:hover a:after {
    width: 30px;
    height: 6px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAGCAYAAADUtS5UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNJREFUeNpi/P//PwONAcgCRnRBJgbaA0ao5XS3GKvl9LIYw3J6WoxiOQu28KcD+A8QYABW1goJsJBJGgAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
}

.contents696 .cyberWrap:after {
    display: block;
    content: "";
    clear: both;
}

@media (min-width: 0px) and (max-width: 768px) {
    .contents696 .cyberWrap {
        text-align: center;
    }
    .contents696 .cyberWrap .item {
        float: none;
        margin-right: 0;
        position: relative;
        display: inline-block;
        margin-bottom: 15px;
    }
}

.contents699 .title1 {
    margin-top: 100px;
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    line-height: 46px;
    letter-spacing: -0.72px;
    color: #000000;
}

.contents699 .title1 strong {
    font-weight: bold;
    color: #3d7dd4;
}

.contents699 .title2 {
    width: 380px;
    height: 54px;
    line-height: 54px;
    border-radius: 27px;
    background-color: #235caa;
    color: #fff;
    font-weight: 600;
    font-size: 28px;
    text-align: center;
    position: relative;
    left: 50%;
    margin: 30px 0 30px -190px;
}

.contents699 .title3 {
    font-size: 20px;
    line-height: 30px;
    color: #494949;
    margin: 0 130px;
    text-align: center;
}

.contents699 p {
    text-align: center;
}

.contents699 p img {
    max-width: 100%;
}

@media (min-width: 0px) and (max-width: 768px) {
    .contents699 .title1 {
        margin-top: 30px;
        text-align: center;
        font-size: 24px;
        font-weight: bold;
        line-height: 46px;
        letter-spacing: -0.72px;
        color: #000000;
    }
    .contents699 .title1 strong {
        font-weight: bold;
        color: #3d7dd4;
    }
    .contents699 .title2 {
        width: auto;
        height: 54px;
        line-height: 54px;
        border-radius: 27px;
        background-color: #235caa;
        color: #fff;
        font-weight: 600;
        font-size: 22px;
        text-align: center;
        position: relative;
        left: 0;
        margin: 30px 20px;
    }
    .contents699 .title3 {
        font-size: 16px;
        line-height: 30px;
        color: #494949;
        margin: 0 30px;
        text-align: center;
    }
    .contents699 p {
        text-align: center;
    }
    .contents699 p img {
        max-width: 100%;
    }
}

.contents700 .title1 {
    margin-top: 50px;
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    line-height: 46px;
    letter-spacing: -0.72px;
    color: #000000;
}

.contents700 .title1 strong {
    font-weight: bold;
    color: #3d7dd4;
}

.contents700 .title2 {
    margin-bottom: 50px;
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    line-height: 46px;
    letter-spacing: -0.72px;
    color: #000000;
}

.contents700 .title2 strong {
    font-weight: bold;
    color: #3d7dd4;
}

.contents700 p {
    text-align: center;
}

.contents700 p img {
    max-width: 100%;
}

@media (min-width: 0px) and (max-width: 768px) {
    .contents700 .title1 {
        margin-top: 30px;
        font-size: 24px;
        line-height: 34px;
    }
    .contents700 .title2 {
        font-size: 24px;
        line-height: 34px;
        word-break: keep-all;
    }
}

.contents26 .title {
    width: 100%;
    height: 274px;
    margin-bottom: 35px;
    padding-top: 50px;
    background-image: url(/attach/editor/202102222318076pzO3ZMmFJP605KjxPAF.jpg);
}

.contents26 .title p {
    font-size: 18px;
    line-height: 30px;
    letter-spacing: -0.45px;
    color: #fff;
    text-align: center;
}

.contents26 .title h2 {
    position: relative;
    font-size: 40px;
    line-height: 30px;
    letter-spacing: -0.45px;
    margin-top: 70px;
    color: #fff;
    text-align: center;
}

.contents26 .title h2:before {
    position: absolute;
    content: "";
    display: block;
    height: 40px;
    width: 1px;
    background-color: #fff;
    left: 50%;
    top: -60px;
}

.contents26 .historyWrap div {
    position: relative;
    padding-left: 250px;
}

.contents26 .historyWrap div:before {
    display: block;
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background-color: #dadada;
    left: 215px;
    top: 0;
}

.contents26 .historyWrap div h2 {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 42px;
    font-weight: 500;
    line-height: 30px;
    text-align: left;
    color: #3d7dd4;
}

.contents26 .historyWrap div h2:before {
    display: block;
    position: absolute;
    content: "";
    width: 70px;
    height: 1px;
    background-color: #3d7dd4;
    left: 124px;
    top: 13px;
}

.contents26 .historyWrap div h2:after {
    display: block;
    position: absolute;
    content: "";
    width: 11px;
    height: 11px;
    background-color: #3d7dd4;
    left: 210px;
    top: 8px;
    border-radius: 6px;
}

.contents26 .historyWrap div ul {
    padding-bottom: 30px;
}

.contents26 .historyWrap div ul li {
    font-size: 16px;
    color: #494949;
    line-height: 28px;
    padding-left: 90px;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 5px;
    border-bottom: dotted 1px #eee;
}

.contents26 .historyWrap div ul li span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 90px;
    font-size: 18px;
    color: #000;
    line-height: 28px;
    font-weight: 500;
}

@media (min-width: 0px) and (max-width: 768px) {
    .contents26 .title {
        width: 100%;
        height: 200px;
        margin-bottom: 35px;
        padding-top: 30px;
        background-image: url(/attach/editor/202102222318076pzO3ZMmFJP605KjxPAF.jpg);
    }
    .contents26 .title p {
        font-size: 15px;
        line-height: 25px;
    }
    .contents26 .title h2 {
        position: relative;
        font-size: 30px;
        line-height: 24px;
        margin-top: 70px;
        color: #fff;
        text-align: center;
    }
    .contents26 .title h2:before {
        position: absolute;
        content: "";
        display: block;
        height: 40px;
        width: 1px;
        background-color: #fff;
        left: 50%;
        top: -60px;
    }
    .contents26 .historyWrap div {
        position: relative;
        padding-left: 0px;
        padding-top: 20px;
    }
    .contents26 .historyWrap div:before {
        display: none;
    }
    .contents26 .historyWrap div h2 {
        position: relative;
        top: 0;
        left: 0;
        font-size: 32px;
        font-weight: 500;
        line-height: 30px;
        text-align: left;
        color: #3d7dd4;
    }
    .contents26 .historyWrap div h2:before {
        display: block;
        position: absolute;
        content: "";
        width: 70px;
        height: 1px;
        background-color: #3d7dd4;
        left: auto;
        right: 15px;
        top: 13px;
    }
    .contents26 .historyWrap div h2:after {
        display: block;
        position: absolute;
        content: "";
        width: 11px;
        height: 11px;
        background-color: #3d7dd4;
        left: auto;
        right: 0;
        top: 8px;
        border-radius: 6px;
    }
    .contents26 .historyWrap div ul {
        padding-top: 20px;
        padding-bottom: 30px;
    }
    .contents26 .historyWrap div ul li {
        font-size: 16px;
        color: #494949;
        line-height: 28px;
        padding-left: 90px;
        position: relative;
        padding-bottom: 15px;
    }
    .contents26 .historyWrap div ul li span {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 90px;
        font-size: 18px;
        color: #000;
        line-height: 28px;
        font-weight: 500;
    }
}

.contents716 img {
    max-width: 100%;
}

.contents716 p {
    font-size: 16px;
    line-height: 30px;
    color: #494949;
    margin: 30px 0;
}

.contents716 p span.blue {
    color: #0b3e7f;
    font-weight: 600;
}

.contents716 p span.green {
    color: #1b9332;
    font-weight: 600;
}

.contents716 p span.red {
    color: #ff4a4a;
    font-weight: 600;
}

.contents716 p img {
    vertical-align: middle;
}

.contents717 .itemWrap {
    margin-bottom: 30px;
}

.contents717 .itemWrap .item {
    float: left;
    position: relative;
    margin-right: 38px;
    width: 405px;
    height: 400px;
    border: 1px solid #dadada;
    border-top: 3px solid #3D7DD4;
    background-color: #fafafa;
    padding-top: 20px;
    text-align: center;
}

.contents717 .itemWrap .item:nth-of-type(2) {
    margin-right: 0;
}

.contents717 .itemWrap .item p {
    font-size: 20px;
    line-height: 36px;
    font-weight: bold;
    text-align: center;
    color: #000;
}

.contents717 .itemWrap .item:hover {
    background-color: #F5F9FC;
}

.contents717 .itemWrap .item:hover p {
    color: #235ca9;
}

.contents717 .itemWrap .item:hover a {
    background-color: #3D7DD4;
    border-color: #3D7DD4;
    color: #fff;
}

.contents717 .itemWrap .item:hover a:after {
    width: 30px;
    height: 6px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAGCAYAAADUtS5UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNJREFUeNpi/P//PwONAcgCRnRBJgbaA0ao5XS3GKvl9LIYw3J6WoxiOQu28KcD+A8QYABW1goJsJBJGgAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
}

.contents717 .itemWrap:after {
    display: block;
    content: "";
    clear: both;
}

@media (min-width: 0px) and (max-width: 768px) {
    .contents717 .itemWrap {
        text-align: center;
    }
    .contents717 .itemWrap .item {
        width: 100%;
        float: none;
        margin-right: 0;
        position: relative;
        display: inline-block;
        margin-bottom: 15px;
    }
}

.contents718 .borderBox {
    padding: 60px 0;
    border: 1px solid #dadada;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 30px;
}

.contents718 .borderBox img {
    vertical-align: middle;
    margin: 0 30px;
}

.contents718 hr {
    display: block;
    border-top: 1px solid #dedede;
    margin: 30px 0;
}

.contents718 .item {
    width: 410px;
    float: left;
    margin-right: 30px;
    margin-bottom: 50px;
    text-align: center;
    color: #373737;
    font-size: 20px;
	display: flex;
    flex-wrap: wrap;
	justify-content: center;
	align-items: flex-end;
	height: 295px;
}
.contents718 .item:nth-of-type(even) {
    padding-top: 135px;
}

.contents718 .item:nth-of-type(2n+1) {
    margin-right: 0;
}

.contents718 .item.cle {
    clear: both;
    margin-right: 30px;
}

.contents718 .item.ver {
    width: 80px;
}

.contents718 .item span {
    display: flex;
    text-align: center;
    padding: 30px 0;
    border: 1px solid #dadada;
    border-radius: 10px;
    margin-bottom: 10px;
    font-size: 0;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.contents718 .item:nth-of-type(odd) span {
    height: 250px;
}

.contents718 .item.ver span {
    padding: 12px 0;
}

.contents718:after {
    display: block;
    content: "";
    clear: both;
}

@media (min-width: 0px) and (max-width: 768px) {
	.contents718 .item {
		height: auto;
	}
	.contents718 .item:nth-of-type(even) {
		padding-top: 0;
	}
    .contents718 .borderBox img {
        margin: 30px 0;
        max-width: 90%;
    }
    .contents718 .item,
    .contents718 .item.ver {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 50px;
        text-align: center;
    }
    .contents718 .item:nth-of-type(2n+1) {
        margin-right: 0;
    }
}

.contents719 .borderBox {
    padding: 60px 0;
    border: 1px solid #dadada;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 30px;
}

.contents719 .borderBox img {
    vertical-align: middle;
    margin: 0 10px;
}

.contents719 hr {
    display: block;
    border-top: 1px solid #dedede;
    margin: 30px 0;
}

.contents719 .item {
    width: 200px;
    float: left;
    margin-right: 16px;
    margin-bottom: 20px;
    text-align: center;
    color: #373737;
    font-size: 20px;
}

.contents719 .item:last-of-type {
    margin-right: 0;
}

.contents719 .item span {
    display: block;
    text-align: center;
    font-size: 0;
}

.contents719:after {
    display: block;
    content: "";
    clear: both;
}

@media (min-width: 0px) and (max-width: 768px) {
    .contents719 .borderBox img {
        margin: 30px 0;
        max-width: 90%;
    }
    .contents719 .item {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 50px;
        text-align: center;
    }
    .contents719 .item:nth-of-type(2n+1) {
        margin-right: 0;
    }
}

.contents721 .wrap {
    display: table;
    margin-bottom: 20px;
}

.contents721 .wrap h3 {
    display: table-cell;
    width: 180px;
    text-align: center;
    vertical-align: middle;
    background-color: #0a3c81;
    border-radius: 3px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.2);
    position: relative;
}

.contents721 .wrap h3 small {
    display: block;
    color: #fff;
    font-size: 16px;
}

.contents721 .wrap h3:after {
    position: absolute;
    content: "";
    display: block;
    width: 30px;
    height: 1px;
    background-color: #dadada;
    top: 50%;
    right: -30px;
}

.contents721 .wrap:nth-of-type(1) h3 {
    background-color: #0a3c81;
}

.contents721 .wrap:nth-of-type(2) h3 {
    background-color: #235caa;
}

.contents721 .wrap:nth-of-type(3) h3 {
    background-color: #3D7DD4;
}

.contents721 .wrap:nth-of-type(4) h3 {
    background-color: #3F8FDD;
}

.contents721 .wrap:nth-of-type(5) h3 {
    background-color: #8E8E8E;
}

.contents721 .wrap div {
    display: table-cell;
    width: 640px;
}

.contents721 .wrap div>ul {
    margin-left: 30px;
    border: 1px solid #dadada;
    border-radius: 3px;
    padding: 15px 15px 15px 0;
}

.contents721 .wrap div>ul>li {
    font-size: 17px;
    line-height: 35px;
    color: #000;
    margin-left: 15px;
    padding-left: 20px;
    position: relative;
}

.contents721 .wrap div>ul>li:before {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAIAAACExCpEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHxJREFUeNpi/P//PwNuwITGn7jtRdyUu0/f/cIu/fXH3wevfhQsePjq428s0kW+UrryXC8//Cpc8PDdlz+MZYsfHr/1GavF6lKcTHjcxcjIwIjm8g9f/+bPf3D/1Q9FMY5JSQrouqtXPILL8XMxo0vzsDMDnQaRA3IBAgwATz81qfjvSeIAAAAASUVORK5CYII=');
    background-repeat: no-repeat;
    width: 10px;
    height: 9px;
    position: absolute;
    content: "";
    display: block;
    left: 2px;
    top: 11px;
}

.contents721 .wrap div>ul>li>ul>li {
    font-size: 16px;
    line-height: 30px;
    color: #494949;
    position: relative;
}

.contents721 .wrap div>ul>li>ul>li:before {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACxJREFUeNpitK294snAwDCXAQKSWaAcSajAXCYGVMAIEkgB4hdA/BSkBSDAAPuOBsmbT45/AAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    width: 4px;
    height: 4px;
    position: absolute;
    content: "";
    display: block;
    left: -12px;
    top: 13px;
}

.contents721 .wrap div>ul>li>ul>li>ul>li {
    font-size: 15px;
    line-height: 22px;
    color: #235caa;
    padding-left: 20px;
    position: relative;
}

.contents721 .wrap div>ul>li>ul>li>ul>li:before {
    position: absolute;
    content: "*";
    display: block;
    left: 8px;
    top: 0px;
}

@media (min-width: 0px) and (max-width: 768px) {
    .contents721 .wrap {
        display: block;
        margin-bottom: 20px;
    }
    .contents721 .wrap h3 {
        display: block;
        width: auto;
        max-width: 250px;
        text-align: left;
        padding-left: 15px;
        line-height: 40px;
        background-color: #0a3c81;
        border-radius: 3px;
        color: #fff;
        font-size: 20px;
        font-weight: 600;
        box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.2);
        position: relative;
    }
    .contents721 .wrap h3 small {
        display: inline;
        color: #fff;
        font-size: 16px;
    }
    .contents721 .wrap h3:after {
        display: none;
    }
    .contents721 .wrap:nth-of-type(1) h3 {
        background-color: #0a3c81;
    }
    .contents721 .wrap:nth-of-type(2) h3 {
        background-color: #235caa;
    }
    .contents721 .wrap:nth-of-type(3) h3 {
        background-color: #3D7DD4;
    }
    .contents721 .wrap:nth-of-type(4) h3 {
        background-color: #3F8FDD;
    }
    .contents721 .wrap:nth-of-type(5) h3 {
        background-color: #8E8E8E;
    }
    .contents721 .wrap div {
        display: table-cell;
        width: 640px;
    }
    .contents721 .wrap div>ul {
        margin-left: 30px;
        border: 1px solid #dadada;
        border-radius: 3px;
        padding: 15px 15px 15px 0;
    }
    .contents721 .wrap div>ul>li {
        font-size: 17px;
        line-height: 35px;
        color: #000;
        margin-left: 15px;
        padding-left: 20px;
        position: relative;
    }
    .contents721 .wrap div>ul>li:before {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAIAAACExCpEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHxJREFUeNpi/P//PwNuwITGn7jtRdyUu0/f/cIu/fXH3wevfhQsePjq428s0kW+UrryXC8//Cpc8PDdlz+MZYsfHr/1GavF6lKcTHjcxcjIwIjm8g9f/+bPf3D/1Q9FMY5JSQrouqtXPILL8XMxo0vzsDMDnQaRA3IBAgwATz81qfjvSeIAAAAASUVORK5CYII=');
        background-repeat: no-repeat;
        width: 10px;
        height: 9px;
        position: absolute;
        content: "";
        display: block;
        left: 2px;
        top: 11px;
    }
    .contents721 .wrap div>ul>li>ul>li {
        font-size: 16px;
        line-height: 30px;
        color: #494949;
        position: relative;
    }
    .contents721 .wrap div>ul>li>ul>li:before {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACxJREFUeNpitK294snAwDCXAQKSWaAcSajAXCYGVMAIEkgB4hdA/BSkBSDAAPuOBsmbT45/AAAAAElFTkSuQmCC');
        background-repeat: no-repeat;
        width: 4px;
        height: 4px;
        position: absolute;
        content: "";
        display: block;
        left: -12px;
        top: 13px;
    }
    .contents721 .wrap div>ul>li>ul>li>ul>li {
        font-size: 15px;
        line-height: 22px;
        color: #3d7dd4;
        padding-left: 20px;
        position: relative;
    }
    .contents721 .wrap div>ul>li>ul>li>ul>li:before {
        position: absolute;
        content: "*";
        display: block;
        left: 8px;
        top: 0px;
    }
}

.contents724 .mapFoot {
    position: relative;
    padding: 20px 0;
    border-bottom: 1px solid #dadada;
    margin-bottom: 30px;
}

.contents724 .mapFoot h2 {
    font-size: 20px;
    color: #000;
}

.contents724 .mapFoot p {
    font-size: 17px;
    color: #494949;
}

.contents724 .mapFoot p.telfax {    
    bottom: 20px;
    font-size: 17px;
    font-weight: 400;
    color: #494949;
    text-align:right;
}

.contents724 .mapFoot p.telfax span {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-weight: 800;
    color: #fff;
    background-color: #3d7dd4;
    border-radius: 12px;
    margin-left: 20px;
}

.contents724 .mapFoot p.telfax span:nth-of-type(2) {
    background-color: #000;
}

.contents724 .in3 {
    margin-left: 2.5rem;
}

.contents724 .in3 span {
    color: #3d7dd4;
    font-weight: 600;
}

.contents30 {
    background-image: url(/attach/editor/20210224223001ALdMJ0aAOAD1MCNHtdGj.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 405px;
}

.contents30 h2 {
    position: relative;
    font-size: 42px;
    line-height: 48px;
    color: #000;
    margin: 0 0 60px 40px;
    word-break: keep-all;
}

.contents30 h2 strong {
    font-weight: bold;
    color: #3d7dd4;
}

.contents30 h2:before {
    content: "";
    display: block;
    width: 2px;
    height: 70px;
    position: absolute;
    background-color: #3d7dd4;
    top: -80px;
    left: 0;
}

.contents30 p {
    font-size: 17px;
    line-height: 30px;
    text-align: justify;
    color: #494949;
    margin: 30px 0;
}

@media (min-width: 0px) and (max-width: 768px) {
    .contents30 {
        background-size: auto 180px;
        padding-top: 205px;
    }
    .contents30 h2 {
        position: relative;
        font-size: 21px;
        line-height: 24px;
        color: #000;
        margin: 0 0 30px 20px;
        word-break: keep-all;
    }
    .contents30 h2 strong {
        font-weight: bold;
        color: #3d7dd4;
    }
    .contents30 h2:before {
        content: "";
        display: block;
        width: 2px;
        height: 70px;
        position: absolute;
        background-color: #3d7dd4;
        top: -80px;
        left: 0;
    }
    .contents30 p {
        font-size: 15px;
        line-height: 25px;
        color: #494949;
        margin: 20px 0;
    }
    .contents724 .mapFoot p.telfax {
        position: relative;
        bottom: 0;
    }
    .contents724 .mapFoot p.telfax>span {
        margin-left: 0;
    }
}

.contents33 {
    background-image: url(/attach/editor/20210224223531rJezmdtF4C4buTxYNByn.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 405px;
}

.contents33 h2 {
    position: relative;
    font-size: 42px;
    line-height: 48px;
    color: #000;
    margin: 0 0 60px 40px;
    word-break: keep-all;
}

.contents33 h2 strong {
    font-weight: bold;
    color: #3d7dd4;
}

.contents33 h2:before {
    content: "";
    display: block;
    width: 2px;
    height: 70px;
    position: absolute;
    background-color: #3d7dd4;
    top: -80px;
    left: 0;
}

.contents33 p {
    font-size: 17px;
    line-height: 30px;
    text-align: justify;
    color: #494949;
    margin: 30px 0;
}

@media (min-width: 0px) and (max-width: 768px) {
    .contents33 {
        background-size: auto 180px;
        padding-top: 205px;
    }
    .contents33 h2 {
        position: relative;
        font-size: 21px;
        line-height: 24px;
        color: #000;
        margin: 0 0 30px 20px;
        word-break: keep-all;
    }
    .contents33 h2 strong {
        font-weight: bold;
        color: #3d7dd4;
    }
    .contents33 h2:before {
        content: "";
        display: block;
        width: 2px;
        height: 70px;
        position: absolute;
        background-color: #3d7dd4;
        top: -80px;
        left: 0;
    }
    .contents33 p {
        font-size: 15px;
        line-height: 25px;
        text-align: justify;
        color: #494949;
        margin: 20px 0;
    }
}

.conDescBox {
    border: 1px solid #dadada;
    padding: 25px;
    min-height: 250px;
    padding-left: 385px;
    position: relative;
    margin-bottom: 20px;
}

.conDescBox img {
    position: absolute;
    left: 25px;
    top: 25px;
    width: 330px;
    height: 200px;
}

.conDescBox h2 {
    font-size: 20px;
    color: #3d7dd4;
    font-weight: 600;
    line-height: 36px;
}

.conDescBox p {
    font-size: 16px;
    line-height: 26px;
    color: #494949;
    word-break: keep-all;
}

.conDescBox p strong {
    font-weight: 600;
    color: #3d7dd4;
}

.conDescBox.imgEtc {
    padding-left: 25px;
}

.conDescBox.imgEtc .imgBox {
    margin-top: 15px;
    text-align: center;
}

.conDescBox.imgEtc img {
    position: relative;
    top: auto;
    left: auto;
    margin: 10px;
}

@media (min-width: 0px) and (max-width: 768px) {
    .conDescBox {
        border: 1px solid #dadada;
        padding: 25px;
        min-height: 250px;
    }
    .conDescBox img {
        position: static;
        left: 0;
        top: 0;
        width: 100%;
        height: auto;
        display: block;
        margin: 10px 0;
    }
    .conDescBox h2 {
        font-size: 20px;
        color: #3d7dd4;
        font-weight: 600;
        line-height: 36px;
    }
    .conDescBox p {
        font-size: 16px;
        line-height: 26px;
        color: #494949;
    }
    .conDescBox p strong {
        font-weight: 600;
        color: #3d7dd4;
    }
}

.profConWrap .item {
    width: 415px;
    height: 200px;
    border: 1px solid #dadada;
    border-radius: 3px;
    float: left;
    margin: 0 20px 20px 0;
    position: relative;
    padding: 20px;
    padding-left: 187px;
}

.profConWrap .item:nth-of-type(2n) {
    margin-right: 0;
}

.profConWrap .item h2 {
    font-size: 20px;
    line-height: 40px;
    color: #000;
}

.profConWrap .item>img {
    position: absolute;
    left: 20px;
    top: 20px;
}

.profConWrap .item dl div dt {
    font-size: 16px;
    line-height: 30px;
    color: #3d7dd4;
    font-weight: 500;
    display: inline-block;
    width: 70px;
}

.profConWrap .item dl div dd {
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #494949;
    font-weight: 500;
}

.profConWrap .item a:nth-of-type(1) {
    position: absolute;
    right: 20px;
    top: 20px;
}

.profConWrap .item a:nth-of-type(2) {
    position: absolute;
    right: 53px;
    top: 20px;
}

.profConWrap:after {
    display: block;
    content: "";
    clear: both;
}

@media (min-width: 0px) and (max-width: 768px) {
    .profConWrap .item {
        width: 100%;
        height: 170px;
        border: 1px solid #dadada;
        border-radius: 3px;
        float: none;
        margin: 0 0 20px 0;
        position: relative;
        padding: 20px;
        padding-left: 147px;
    }
    .profConWrap .item:nth-of-type(2n) {
        margin-right: 0;
    }
    .profConWrap .item h2 {
        font-size: 18px;
        line-height: 35px;
        color: #000;
    }
    .profConWrap .item>img {
        position: absolute;
        left: 20px;
        top: 20px;
        width: 110px;
    }
    .profConWrap .item dl div dt {
        font-size: 14px;
        line-height: 24px;
        color: #3d7dd4;
        font-weight: 500;
        display: inline-block;
        width: 55px;
    }
    .profConWrap .item dl div dd {
        display: inline-block;
        font-size: 14px;
        line-height: 24px;
        color: #494949;
        font-weight: 500;
    }
    .profConWrap .item a:nth-of-type(1) {
        position: absolute;
        right: 20px;
        top: 20px;
    }
    .profConWrap .item a:nth-of-type(2) {
        position: absolute;
        right: 53px;
        top: 20px;
    }
    .profConWrap:after {
        display: block;
        content: "";
        clear: both;
    }
}

.contents737 h2 {
    font-size: 2.4rem;
    line-height: 4.2rem;
    margin-left: 0rem;
    font-weight: 700;
    font-family: 'Noto Sans Korean';
    color: #000;
    position: relative;
}

.contents737 .shipDescBox {
    border: 1px solid #dadada;
    padding: 30px 10px 30px 30px;
    min-height: 250px;
    position: relative;
    margin-bottom: 20px;
}

.contents737 .shipDescBox img {
    position: absolute;
    left: 30px;
    top: 30px;
    width: 420px;
    height: 260px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}

.contents737 .shipDescBox h3 {
    margin-left: 450px;
    padding-left: 40px;
    font-size: 20px;
    color: #3d7dd4;
    font-weight: 600;
    line-height: 36px;
    background-image: url(/attach/editor/202102250034570ZXzs6K6qjVv7NIMwaOa.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}

.contents737 .shipDescBox dl {
    margin: 10px 0 20px 435px;
}

.contents737 .shipDescBox dl div {
    padding-left: 28px;
    position: relative;
}

.contents737 .shipDescBox dl div:before {
    display: block;
    content: "";
    position: absolute;
    width: 3px;
    height: 3px;
    border: 2px;
    background-color: #3d7dd4;
    left: 13px;
    top: 17px;
}

.contents737 .shipDescBox dl div dt {
    font-size: 16px;
    line-height: 40px;
    color: #3d7dd4;
    font-weight: 500;
    display: inline-block;
    width: 50%;
}

.contents737 .shipDescBox dl div dd {
    display: inline-block;
    font-size: 16px;
    line-height: 40px;
    color: #494949;
    font-weight: 500;
}

.contents737 .shipDescBox p {
    font-size: 16px;
    line-height: 30px;
    color: #494949;
    word-break: keep-all;
}

.contents737 .shipDescBox p strong {
    font-weight: 600;
    color: #3d7dd4;
}

.contents737 .facilWrap {
    margin-bottom: 30px;
}

.contents737 .facilWrap p {
    width: 190px;
    margin-right: 30px;
    margin-bottom: 30px;
    float: left;
    display: table;
    position: relative;
    padding-top: 146px;
}

.contents737 .facilWrap p img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 146px;
}

.contents737 .facilWrap p span {
    display: table-cell;
    vertical-align: middle;
    border: 1px solid #dadada;
    border-top: none;
    height: 50px;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #373737;
}

.contents737 .facilWrap p:nth-of-type(4n) {
    margin-right: 0;
}

.contents737 .facilWrap:after {
    display: block;
    content: "";
    clear: both;
}

@media (min-width: 0px) and (max-width: 768px) {
    .contents737 .shipDescBox {
        border: 1px solid #dadada;
        padding: 20px;
        min-height: 250px;
        position: relative;
        margin-bottom: 20px;
    }
    .contents737 .shipDescBox img {
        position: static;
        left: 0;
        top: 0;
        width: 100%;
        height: auto;
        box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    }
    .contents737 .shipDescBox h3 {
        margin-left: 0;
        padding-left: 40px;
        font-size: 20px;
        color: #3d7dd4;
        font-weight: 600;
        line-height: 36px;
        background-image: url(/attach/editor/202102250034570ZXzs6K6qjVv7NIMwaOa.png);
        background-repeat: no-repeat;
        background-position: 0 0;
    }
    .contents737 .shipDescBox dl {
        margin: 20px 0 20px 0;
    }
    .contents737 .shipDescBox dl div {
        padding-left: 28px;
        position: relative;
    }
    .contents737 .shipDescBox dl div:before {
        display: block;
        content: "";
        position: absolute;
        width: 3px;
        height: 3px;
        border: 2px;
        background-color: #3d7dd4;
        left: 13px;
        top: 17px;
    }
    .contents737 .shipDescBox dl div dt {
        font-size: 16px;
        line-height: 40px;
        color: #3d7dd4;
        font-weight: 500;
        display: inline-block;
        width: 90px;
    }
    .contents737 .shipDescBox dl div dd {
        display: inline-block;
        font-size: 16px;
        line-height: 40px;
        color: #494949;
        font-weight: 500;
    }
    .contents737 .shipDescBox p {
        font-size: 14px;
        line-height: 25px;
        color: #494949;
        word-break: break-all;
    }
    .contents737 .shipDescBox p strong {
        font-weight: 600;
        color: #3d7dd4;
    }
    .contents737 .facilWrap {
        margin-bottom: 30px;
    }
    .contents737 .facilWrap p {
        width: calc((100% - 20px) / 2);
        margin-right: 20px;
        margin-bottom: 20px;
        float: left;
        display: table;
        position: relative;
        padding-top: 146px;
    }
    .contents737 .facilWrap p img {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 146px;
    }
    .contents737 .facilWrap p span {
        display: table-cell;
        vertical-align: middle;
        border: 1px solid #dadada;
        border-top: none;
        height: 50px;
        font-size: 14px;
        line-height: 18px;
        text-align: center;
        color: #373737;
    }
    .contents737 .facilWrap p:nth-of-type(2n) {
        margin-right: 0;
    }
    .contents737 .facilWrap:after {
        display: block;
        content: "";
        clear: both;
    }
}

.memberWrap {
    display: flex;
    flex-wrap: wrap;
}

.memberWrap .item {
    width: 49%;
    min-height: 200px;
    border: 1px solid #dadada;
    border-radius: 3px;
    float: left;
    margin: 0 2% 20px 0;
    position: relative;
    padding: 20px;
}

.memberWrap .item:nth-of-type(2n) {
    margin-right: 0;
}

.memberWrap .item h3 {
    font-size: 20px;
    line-height: 40px;
    color: #000;
    text-indent: 5px;
    /* border-bottom: 2px solid #dadada; */
    margin-bottom: 5px;
}

.memberWrap .item dl {
    border-bottom: 1px solid #dadada;
    padding-bottom: 5px;
}


/* .memberWrap .item dl div { border-top: 1px dotted #dadada; } */

.memberWrap .item dl div:first-child {
    border-top: none;
}

.memberWrap .item dl div dt,
.memberWrap .item dl dt {
    font-size: 16px;
    line-height: 30px;
    color: #3d7dd4;
    font-weight: 500;
    display: inline-block;
    width: 70px;
    text-indent: 5px;
}

.memberWrap .item dl div dd,
.memberWrap .item dl dd {
    display: inline-block;
    font-size: 15px;
    line-height: 30px;
    color: #494949;
    font-weight: 500;
    width: calc(100% - 74px);
}

.memberWrap h3 {
    font-size: 20px;
    line-height: 40px;
    color: #000;
    text-indent: 5px;
    margin-bottom: 5px;
}

.memberWrap .item ul {
    margin-left: 10px;
}

.memberWrap:after {
    display: block;
    content: "";
    clear: both;
}

.memberWrapImg h3 {
    font-weight: bold;
    padding-left: 8px;
}

.memberWrapImg .itemWrap {
    width: 49%;
    margin-right: 2%;
}

.memberWrapImg .itemWrap:nth-of-type(2n) {
    margin-right: 0;
}

.memberWrapImg .item {
    padding: 20px 20px 20px 149px;
    width: 100%;
}

.memberWrapImg .item p.photo {
    position: absolute;
    top: 20px;
    left: 20px;
}

@media (min-width: 0px) and (max-width: 768px) {
    .memberWrap .item {
        width: 100%;
        border: 1px solid #dadada;
        border-radius: 3px;
        float: none;
        margin: 0 0 20px 0;
        position: relative;
        padding: 20px;
    }
    .memberWrapImg .item p.photo {
        position: relative;
        top: 0;
        left: 0;
    }
    .memberWrapImg .itemWrap {
        width: 100%;
        margin-right: 0;
    }
    .memberWrap .item:nth-of-type(2n) {
        margin-right: 0;
    }
    .memberWrap .item h3 {
        font-size: 18px;
        line-height: 35px;
        color: #000;
    }
    .memberWrap .item dl div dt {
        font-size: 14px;
        line-height: 24px;
        color: #3d7dd4;
        font-weight: 500;
        display: inline-block;
        width: 55px;
    }
    .memberWrap .item dl div dd {
        display: inline-block;
        font-size: 14px;
        line-height: 24px;
        color: #494949;
        font-weight: 500;
    }
    .memberWrap:after {
        display: block;
        content: "";
        clear: both;
    }
}

.contents809 {
    background-image: url(/attach/editor/20210225045952ElC2nkYAfn0GeWX4xzfK.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 405px;
}

.contents809 h2 {
    position: relative;
    font-size: 42px;
    line-height: 48px;
    color: #000;
    margin: 0 0 60px 40px;
    word-break: keep-all;
}

.contents809 h2 strong {
    font-weight: bold;
    color: #3d7dd4;
}

.contents809 h2:before {
    content: "";
    display: block;
    width: 2px;
    height: 70px;
    position: absolute;
    background-color: #3d7dd4;
    top: -80px;
    left: 0;
}

.contents809 p {
    font-size: 17px;
    line-height: 30px;
    text-align: justify;
    color: #494949;
    margin: 30px 0;
}

.contents809 p strong {
    font-weight: normal;
    color: #3d7dd4;
}

@media (min-width: 0px) and (max-width: 768px) {
    .contents809 {
        background-size: auto 180px;
        padding-top: 205px;
    }
    .contents809 h2 {
        position: relative;
        font-size: 21px;
        line-height: 24px;
        color: #000;
        margin: 0 0 30px 20px;
        word-break: keep-all;
    }
    .contents809 h2 strong {
        font-weight: bold;
        color: #3d7dd4;
    }
    .contents809 h2:before {
        content: "";
        display: block;
        width: 2px;
        height: 70px;
        position: absolute;
        background-color: #3d7dd4;
        top: -80px;
        left: 0;
    }
    .contents809 p {
        font-size: 15px;
        line-height: 25px;
        text-align: justify;
        color: #494949;
        margin: 20px 0;
    }
}

.contents811 h2 {
    font-size: 2.4rem;
    line-height: 4.2rem;
    margin-left: 0rem;
    font-weight: 700;
    font-family: 'Noto Sans Korean';
    color: #000;
    position: relative;
    margin-bottom: 30px;
}

.contents811 h2 small {
    display: block;
    font-size: 18px;
    color: #000;
}

.contents811 h2 small strong {
    color: #3d7dd4;
}

.contents811 .itemWrap .item {
    float: left;
    position: relative;
    margin-right: 27px;
    width: 265px;
    height: 340px;
    border: 1px solid #dadada;
    border-top: 3px solid #3D7DD4;
    background-color: #fafafa;
    padding-top: 158px;
}

.contents811 .itemWrap .item:nth-of-type(3) {
    margin-right: 0;
}

.contents811 .itemWrap .item:before {
    position: absolute;
    content: "";
    display: block;
    width: 100px;
    height: 100px;
    background-image: url(data:image/png;base64,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);
    left: 50%;
    margin-left: -50px;
    top: 30px;
    background-position: center;
    background-repeat: no-repeat;
}

.contents811 .itemWrap .item:nth-of-type(1):before {
    background-image: url('data:image/png;base64,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');
}

.contents811 .itemWrap .item:nth-of-type(2):before {
    background-image: url('data:image/png;base64,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');
}

.contents811 .itemWrap .item:nth-of-type(3):before {
    background-image: url('data:image/png;base64,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');
}

.contents811 .itemWrap .item .title {
    font-size: 20px;
    line-height: 36px;
    font-weight: bold;
    text-align: center;
    color: #000;
}

.contents811 .itemWrap .item .desc {
    font-size: 16px;
    line-height: 24px;
    color: #6f6f6f;
    margin: 0 10px;
    text-align: center;
    word-break: keep-all;
}

.contents811 .itemWrap .item a {
    display: block;
    width: 170px;
    height: 47px;
    font-size: 16px;
    font-weight: 500;
    color: #373737;
    line-height: 45px;
    border: solid 1px #bdbdbd;
    position: absolute;
    left: 50%;
    margin-left: -85px;
    bottom: 40px;
    padding-left: 30px;
    text-align: left;
}

.contents811 .itemWrap .item a:after {
    width: 30px;
    height: 6px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAGCAYAAADUtS5UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNJREFUeNpiNDc3Z6Ax+A/EjOiCTAy0B4xQy+luMVbL6WUxhuX0tBjFchZs4U8H8B8gwAC1jQexq4JsrwAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
    position: absolute;
    content: "";
    display: block;
    right: 25px;
    top: 21px;
}

.contents811 .itemWrap .item:hover {
    background-color: #F5F9FC;
}

.contents811 .itemWrap .item:hover .title {
    color: #235ca9;
}

.contents811 .itemWrap .item:hover a {
    background-color: #3D7DD4;
    border-color: #3D7DD4;
    color: #fff;
}

.contents811 .itemWrap .item:hover a:after {
    width: 30px;
    height: 6px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAGCAYAAADUtS5UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNJREFUeNpi/P//PwONAcgCRnRBJgbaA0ao5XS3GKvl9LIYw3J6WoxiOQu28KcD+A8QYABW1goJsJBJGgAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
}

.contents811 .itemWrap:after {
    display: block;
    content: "";
    clear: both;
}

@media (min-width: 0px) and (max-width: 768px) {
    .contents811 .itemWrap {
        text-align: center;
    }
    .contents811 .itemWrap .item {
        float: none;
        margin-right: 0;
        position: relative;
        display: inline-block;
        margin-bottom: 15px;
    }
}

.contents812 p.subt {
    color: #3d7dd4;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 0;
}

.contents812 h5 {
    font-size: 2.4rem;
    line-height: 4.2rem;
    margin-left: 0rem;
    font-weight: 700;
    font-family: 'Noto Sans Korean';
    color: #000;
    position: relative;
    margin-bottom: 15px;
}

.contents812 h5 small {
    display: block;
    font-size: 18px;
    color: #000;
}

.contents812 h5 small strong {
    color: #3d7dd4;
}

.contents812>p {
    font-size: 16px;
    color: #494949;
    margin: 10px 0 30px;
}

.contents812 .itemWrap .item {
    float: left;
    position: relative;
    margin-right: 27px;
    width: 410px;
    height: 340px;
    border: 1px solid #dadada;
    border-top: 3px solid #3D7DD4;
    background-color: #fafafa;
    padding-top: 158px;
}

.contents812 .itemWrap .item:nth-of-type(2) {
    margin-right: 0;
}

.contents812 .itemWrap .item:before {
    position: absolute;
    content: "";
    display: block;
    width: 100px;
    height: 100px;
    background-image: url(data:image/png;base64,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);
    left: 50%;
    margin-left: -50px;
    top: 30px;
    background-position: center;
    background-repeat: no-repeat;
}

.contents812 .itemWrap .item:nth-of-type(1):before {
    background-image: url('data:image/png;base64,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');
}

.contents812 .itemWrap .item:nth-of-type(2):before {
    background-image: url('data:image/png;base64,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');
}

.contents812 .itemWrap .item .title {
    font-size: 20px;
    line-height: 36px;
    font-weight: bold;
    text-align: center;
    color: #000;
}

.contents812 .itemWrap .item .desc {
    font-size: 16px;
    line-height: 24px;
    color: #6f6f6f;
    margin: 0 10px;
    text-align: center;
    word-break: keep-all;
}

.contents812 .itemWrap .item a {
    display: block;
    width: 170px;
    height: 47px;
    font-size: 16px;
    font-weight: 500;
    color: #373737;
    line-height: 45px;
    border: solid 1px #bdbdbd;
    position: absolute;
    left: 50%;
    margin-left: -85px;
    bottom: 40px;
    padding-left: 30px;
    text-align: left;
}

.contents812 .itemWrap .item a:after {
    width: 30px;
    height: 6px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAGCAYAAADUtS5UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNJREFUeNpiNDc3Z6Ax+A/EjOiCTAy0B4xQy+luMVbL6WUxhuX0tBjFchZs4U8H8B8gwAC1jQexq4JsrwAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
    position: absolute;
    content: "";
    display: block;
    right: 25px;
    top: 21px;
}

.contents812 .itemWrap .item:hover {
    background-color: #F5F9FC;
}

.contents812 .itemWrap .item:hover .title {
    color: #235ca9;
}

.contents812 .itemWrap .item:hover a {
    background-color: #3D7DD4;
    border-color: #3D7DD4;
    color: #fff;
}

.contents812 .itemWrap .item:hover a:after {
    width: 30px;
    height: 6px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAGCAYAAADUtS5UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNJREFUeNpi/P//PwONAcgCRnRBJgbaA0ao5XS3GKvl9LIYw3J6WoxiOQu28KcD+A8QYABW1goJsJBJGgAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
}

.contents812 .itemWrap:after {
    display: block;
    content: "";
    clear: both;
}

@media (min-width: 769px) and (max-width: 991px) {
    .contents812 .itemWrap .item {
        width: 48%;
        margin: 0 1%;
    }
}

@media (min-width: 0px) and (max-width: 768px) {
    .contents812 .itemWrap {
        text-align: center;
    }
    .contents812 .itemWrap .item {
        float: none;
        margin-right: 0;
        position: relative;
        display: inline-block;
        margin-bottom: 15px;
        width: 100%;
    }
    .orgLsit {
        width: 100%;
    }
    .orgLsit .orgWrap2 .item ul li,
    .orgLsit .orgWrap3 .item ul li {
        margin-right: 10px;
        margin-bottom: 10px;
        color: #373737;
        font-size: 16px;
        background-color: #E9F0FB;
        padding: 8px;
    }
}

.orgLsit {
    text-align: center;
    width: 810px;
    position: relative;
    margin: 0 auto;
}

.orgLsit h2 {
    position: relative;
}

.orgLsit h2:after {
    display: block;
    position: absolute;
    content: "";
    width: 1px;
    height: 50px;
    background-color: #888; /*#dadada;*/
    left: 50%;
    bottom: -40px;
}

.orgLsit .orgWrap1 {
    margin-top: 100px;
    position: relative;
}

.orgLsit .orgWrap1 .item ul li .br_2 {
    display: none;
}

.orgLsit .orgWrap1:before {
    display: block;
    position: absolute;
    content: "";
    width: 619px;
    height: 1px;
    background-color: #dadada;
    left: 50%;
    margin-left: -310px;
    top: -60px;
	background-color : #888;
}

.orgLsit .orgWrap1 .item {
    position: relative;
    width: 191px;
    margin-right: 15px;
    float: left;
    border: 1px solid #3a7ed5;
}

.orgLsit .orgWrap1 .item:nth-of-type(4) {
    margin-right: 0;
}

.orgLsit .orgWrap1 .item h3 {
    font-size: 22px;
    height: 48px;
    line-height: 48px;
    background-color: #3a7ed5;
    color: #fff;
}

.orgLsit .orgWrap1 .item h3 a {
    display: block;
    color: #fff;
}

.orgLsit .orgWrap1 .item ul {
    padding: 20px 20px 15px 20px;
}

.orgLsit .orgWrap1 .item ul li {
    margin-bottom: 5px;
    color: #373737;
    font-size: 16px;
    background-color: #E9F0FB;
    padding: 8px;
}

.orgLsit .orgWrap1 .item ul li a {
    display: block;
}

.orgLsit .orgWrap1 .item ul li a:hover {
    font-weight: 600;
    color: #3a7ed5;
    border: 1px solid #3a7ed5;
    background-color: #fff;
}

.orgLsit .orgWrap1 .item:before {
    display: block;
    position: absolute;
    content: "";
    width: 1px;
    height: 60px;
    background-color: #dadada;
    left: 50%;
    top: -60px;
	background-color : #888;
}

.orgLsit .orgWrap1:after {
    display: block;
    content: "";
    clear: both;
}

.orgLsit>h3 {
    position: relative;
    width: 100%;
    font-size: 22px;
    height: 50px;
    line-height: 50px;
    background-color: #1E90FF;
    color: #fff;
    margin-top: 30px;
}

.orgLsit>h3 a {
    display: block;
    color: #fff;
}

.orgLsit>h3:before {
    display: block;
    position: absolute;
    content: "";
    width: 1px;
    height: 30px;
    background-color: #dadada;
    left: 50%;
    top: -30px;
}

.orgLsit>h3:nth-of-type(1):before {
    display: none;
}

.orgLsit>h3:nth-of-type(n+3) {
    background-color: #2A974F;
}

.orgLsit .orgWrap2,
.orgLsit .orgWrap3 {
    position: relative;
    border: 1px solid #dadada;
    border-top: none;
    padding: 19px 9px 10px 19px;
}

.orgLsit .orgWrap2 .item+.item,
.orgLsit .orgWrap3 .item+.item {
    margin-top: 20px;
    padding-top: 30px;
    border-top: 1px solid #dadada;
}

.orgLsit .orgWrap2 .item>h4,
.orgLsit .orgWrap3 .item>h4 {
    border: solid 2px #1e90ff;
    height: 50px;
    line-height: 48px;
    font-size: 20px;
    color: #373737;
    margin-bottom: 10px;
    margin-right: 10px;
}

.orgLsit .orgWrap2 .item>h4 a,
.orgLsit .orgWrap3 .item>h4 a {
    display: block;
    color: #373737;
}

.orgLsit .orgWrap2 .item ul,
.orgLsit .orgWrap3 .item ul {
    padding: 0;
}

.orgLsit .orgWrap2 .item ul li,
.orgLsit .orgWrap3 .item ul li {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 185px;
    height: 40px;
    line-height: 40px;
    color: #373737;
    font-size: 16px;
    background-color: #E9F0FB;
}

.orgLsit .orgWrap2 .item ul li.sf,
.orgLsit .orgWrap3 .item ul li.sf {
    font-size: 15px;
    letter-spacing: -1px;
}

.orgLsit .orgWrap2 .item ul li.big,
.orgLsit .orgWrap3 .item ul li.big {
    width: 380px;
}

.orgLsit .orgWrap2 .item ul li a,
.orgLsit .orgWrap3 .item ul li a {
    display: block;
}

.orgLsit .orgWrap2 .item ul li a:hover,
.orgLsit .orgWrap3 .item ul li a:hover {
    font-weight: 600;
    color: #3a7ed5;
    border: 1px solid #3a7ed5;
    background-color: #fff;
}

.orgLsit .orgWrap2 .item ul:after,
.orgLsit .orgWrap3 .item ul:after {
    display: block;
    content: "";
    clear: both;
}

.orgLsit .orgWrap3 .item ul li {
    background-color: #E4F5EB;
}

.orgLsit .orgWrap3 .item ul li a:hover {
    color: #48BB78;
    border: 1px solid #48BB78;
}

.orgLsit .orgWrap4 {
    position: relative;
    width: 100%;
    padding: 20px 0 20px 20px;
    margin-top: 30px;
    border: 1px solid #dadada;
}

.orgLsit .orgWrap4:before {
    display: block;
    position: absolute;
    content: "";
    width: 1px;
    height: 30px;
    background-color: #dadada;
    left: 50%;
    top: -30px;
}

.orgLsit .orgWrap4 h3 {
    font-size: 22px;
    height: 50px;
    line-height: 50px;
    background-color: #2A974F;
    color: #fff;
    width: 245px;
    float: left;
    margin-right: 16px;
    margin-bottom: 10px;	
}

.orgLsit .orgWrap4 h3 a {
    display: block;
    color: #fff;
}

.orgLsit .orgWrap4:after {
    display: block;
    content: "";
    clear: both;
}

.loginWrap p.topTitle {
    font-size: 25px;
    font-weight: 300;
    text-align: center;
    margin: 40px 0 0;
}

.loginWrap p.topDesc {
    text-align: center;
    margin: 5px 0 30px;
    font-size: 17px;
}

.loginWrap .loginBox>div {
    width: 49%;
    display: inline-block;
}

.loginWrap .left {
    margin-right: 1.5%;
}

.loginWrap .left {
    vertical-align: top;
}

.loginWrap .text_small {
    font-size: 14px;
    text-align: center;
    font-size: 14px;
    text-align: center;
    padding: 55px 48px 0;
}

.form_chk {
    text-align: center;
    padding-top: 25px;
}

.loginWrap div.loginBox {
    padding: 50px 20px 50px;
    border: 1px solid #e3e3e3;
}

.boxWrap div.box {
    padding: 30px 40px 30px;
    border: 1px solid #e3e3e3;
}
.usrdonation .title{
	color: #3d7dd4;
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 3rem;
}
.usrdonation ul li{
	font-size: 1.7rem;
    line-height: 3.1rem;
    font-weight: 500;
}
@media (min-width: 0px) and (max-width: 830px) {
    .loginWrap .loginBox>div {
        width: 100%;
        margin-right: 0 !important;
    }
    .loginWrap div.loginBox p.subTitle {
        margin-top: 30px;
    }
    .loginWrap .text_small {
        padding-top: 20px;
    }
}

.loginWrap div.loginBox p.subTitle {
    margin-bottom: 35px;
    text-align: center;
    font-size: 20px;
    color: #666;
}

.loginWrap div.loginBox form {
    padding-bottom: 17px;
}

.loginWrap div.loginBox form input[type=text],
.loginWrap div.loginBox form input[type=password] {
    height: 46px;
    width: 100%;
    font-size: 16px;
    color: #666;
    background-color: #f3f3f3;
    border: none;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #dddddd;
    margin: 5px 0;
    padding-left: 15px;
    border-radius: 0px;
}

.loginWrap div.loginBox form input[type=checkbox] {
    left: auto;
    top: auto;
    margin-top: 20px;
    margin-left: 5px;
    display: none;
}

.loginWrap div.loginBox form .idsave {
    position: relative;
    margin: 15px 0 25px;
    padding-left: 30px;
    font-size: 15px;
    font-weight: 400;
}

.loginWrap div.loginBox form .idsave:before {
    top: 0;
    left: 0;
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    border: 1px solid #9d9d9d;
    background-color: #fff;
    font-size: 14px;
    padding: 2px;
}

.loginWrap div.loginBox form input[type=checkbox]:checked+.idsave:before {
    content: "\f00c";
}

.loginWrap div.loginBox form .loginBtn {
    width: 100%;
    display: block;
    background-color: #3d7dd4;
    height: 46px;
    line-height: 46px;
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    border: none;
    border-radius: 1px;
}

.loginWrap div.loginBox .memberService {
    position: relative;
    margin-top: 35px;
}

.loginWrap div.loginBox .memberService a.findid {
    height: 17px;
    line-height: 17px;
    display: inline-block;
    padding-right: 15px;
    border-right: 1px solid #ccc;
}

.loginWrap div.loginBox .memberService a.findpw {
    height: 17px;
    line-height: 17px;
    display: inline-block;
    padding-left: 12px;
}

.loginWrap div.loginBox .memberService a.joinBtn {
    position: absolute;
    right: 0;
    top: -15px;
    display: block;
    width: 118px;
    height: 46px;
    line-height: 46px;
    color: #fff;
    font-size: 15px;
    background-color: #6d6e72;
    border: none;
    border-radius: 3px;
    text-align: center;
}

@media (min-width: 0px) and (max-width: 1024px) {
    .bodyWrap {
        width: 100%;
    }
}

@media (min-width: 0px) and (max-width: 768px) {
    .loginWrap p.topTitle {
        font-size: 24px;
    }
    .loginWrap div.loginBox {
        padding: 30px 20px 60px;
    }
    .loginWrap div.loginBox .memberService {
        text-align: center;
    }
    .loginWrap div.loginBox .memberService a.joinBtn {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        height: 36px;
        line-height: 36px;
        margin-top: 20px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .loginWrap div.loginBox {
        padding: 30px 60px 60px;
        margin: 0 50px;
    }
}

.memberList {
    overflow: hidden;
}

.memberList li.item {
    position: relative;
    display: inline-block;
    width: 48.6%;
    min-height: 204px;
    margin: 0 0 15px 2%;
    padding: 22px 23px 22px 176px;
    border-radius: 5px;
    border: 1px solid #e4e9f2;
    vertical-align: top;
}

.memberList li.item:nth-child(2n+1) {
    margin-left: 0;
}

.memberList li.item .photo {
    position: absolute;
    top: 22px;
    left: 22px;
    width: 140px;
    height: 158px;
    padding: 0 !important;
}

.memberList li.item .photo img {
    width: 100%;
    height: 100%;
}

.memberList li.item h2 {
    font-family: SpoqaHanSans;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
    color: #000;
    margin-bottom: 10px;
}

.memberList li.item .desc {
    font-family: NotoSansCJKkr;
    font-size: 12px;
    line-height: 1.5;
    color: #909090;
    margin-bottom: 12px;
}

.memberList li.item .info {
    overflow: hidden;
    margin-bottom: 5px;
}

.memberList li.item .info dd,
.memberList li.item .info dt {
    float: left;
    font-family: NotoSansCJKkr;
    font-size: 14px;
    line-height: 1.43;
    vertical-align: top;
}

.memberList li.item .info dt {
    width: 45px;
    font-weight: 700;
    color: #3d7dd4;
    margin-right: 10px;
}

.memberList li.item .info dd {
    width: calc(100% - 55px);
    font-weight: 400;
    color: #494949;
}

@media (min-width: 0px) and (max-width: 575px) {
    .memberList li.item {
        width: 100%;
        margin: 0 0 15px;
        min-height: auto;
        padding: 22px;
    }
    .memberList li.item .photo {
        position: relative;
        top: 0;
        left: 0;
    }
    .memberList li.item h2 {
        margin: 10px 0;
    }
    .orgLsit {
        width: 100%;
    }
    .orgLsit .orgWrap2 .item ul li,
    .orgLsit .orgWrap3 .item ul li {
        height: auto;
        width: 100%;
        color: #373737;
        font-size: 16px;
        background-color: #E9F0FB;
        padding: 0px;
    }
    .orgLsit .orgWrap1 .item {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 30px;
    }
    .orgLsit .orgWrap2 .item>h4,
    .orgLsit .orgWrap3 .item>h4 {
        margin-right: 0;
    }
    .orgLsit .orgWrap2,
    .orgLsit .orgWrap3 {
        padding: 19px 19px 10px 19px;
    }
    .orgLsit .orgWrap1:before {
        display: none;
    }
    .orgLsit .orgWrap1 .item:before {
        height: 30px;
        top: -31px;
    }
    .orgLsit .orgWrap1 {
        margin-top: 40px;
    }
    .orgLsit>h3:nth-of-type(1) {
        margin-top: 0px;
    }
    .orgLsit .orgWrap1 .item ul li a br {
        display: none;
    }
    .orgLsit .orgWrap1 .item ul li .br_1 {
        display: none;
    }
    .orgLsit .orgWrap1 .item ul li .br_2 {
        display: block;
    }
    .orgLsit .orgWrap4 h3 {
        margin-bottom: 5px;
        width: 100%;
    }
    .orgLsit .orgWrap4 {
        width: 100%;
        padding: 20px;
    }
    .orgList img {
        max-width: 60%;
    }
    .orgLsit>h3:nth-of-type(1):before {
        display: block;
        position: absolute;
        content: "";
        width: 1px;
        height: 30px;
        background-color: #dadada;
        left: 50%;
        top: -30px;
    }
}

@media (min-width: 576px) and (max-width: 768px) {
    .memberList li.item {
        width: 100%;
        margin: 0 0 15px;
        padding: 22px 23px 40px 176px;
    }
}

.organization {
    text-align: center;
}

.organization ul,
.organization li {
    position: relative;
    vertical-align: top;
}

.organization ul:after,
.organization li:after {
    content: "";
    clear: both;
    display: block;
}

.organization .orgA>li {
    margin: 0;
    padding: 0;
}

.organization .orgA li:after {
    display: none !important;
}

.organization .typeA {
    position: relative;
    display: block;
    width: 130px;
    height: 130px;
    margin: 0 auto !important;
    padding: 0 !important;
    border-radius: 50%;
    background: linear-gradient(to bottom, #00abad, #2c50a6);
    font-size: 20px !important;
    font-weight: 500;
    color: #fff;
    line-height: 130px !important;
    box-shadow: 5px 4px 11px rgba(0, 0, 0, .3);
    text-align: center !important;
}

.organization.typeA:before {
    content: '';
    position: absolute;
    top: 6px;
    left: 6px;
    width: 118px;
    height: 118px;
    border: solid 1px rgb(255 255 255 / .3);
    border-radius: 50%;
}

.organization .typeB {
    display: block;
    width: 200px;
    height: 60px;
    border: solid 2px #1581aa;
    font-weight: 500;
    color: #666;
    line-height: 58px;
    box-shadow: 5px 4px 11px rgba(0, 0, 0, .3);
}

.organization .typeC {
    position: relative;
    display: block;
    width: 200px;
    height: 62px;
    margin: 0 auto !important;
    padding: 0 !important;
    background-color: #2069a8;
    font-weight: 500;
    color: #fff;
    line-height: 62px !important;
    box-shadow: 5px 4px 11px rgba(0, 0, 0, .3);
    text-align: center !important;
}

.organization .typeC:before {
    content: '';
    position: absolute;
    top: 6px;
    left: 5px;
    width: 190px;
    height: 50px;
    border: solid 1px rgb(255 255 255 / .3);
}

.organization .orgA li:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 1px;
    height: 68%;
    background-color: #ccc;
}

.organization .orgC {
    margin-top: 50px !important;
    background-color: #fff;
}

.organization .orgC>li {
    margin: 0;
    padding: 0;
}

.organization .orgD {
    width: 690px;
    margin: 26px auto 0;
}

.organization .orgD:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: calc(100% - 33.4%);
    height: 1px;
    background-color: #ccc;
    transform: translateX(-50%);
}

.organization .orgD::after:after {
    content: "";
    clear: both;
    display: block;
}

.organization .orgD li {
    float: left;
    width: 33.33%;
    margin: 0;
    padding: 26px 13px 0;
    text-align: center;
}

.organization .orgD li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 26px;
    margin-left: 1px;
    background-color: #ccc;
}

.organization .orgD li:nth-child(2) {
    width: 33.34%;
}

.organization .orgD li:nth-child(2):before {
    display: none;
}

.organization .typeD {
    position: relative;
    display: block;
    width: 200px;
    min-height: 60px;
    margin: 0 auto !important;
    padding: 10px 0 !important;
    background-color: #406b90;
    font-weight: 500;
    color: #fff;
    text-align: center;
    line-height: 1.6;
    box-shadow: 5px 4px 11px rgba(0, 0, 0, .3);
}

.organization .typeD span {
    display: block;
}

.organization .group1 {
    margin-top: 20px;
}

.organization .group1 li {
    width: 100%;
    padding: 0;
}

.organization .group1 li:before {
    top: -20px;
}

.organization .typeE {
    position: relative;
    display: block;
    width: 200px;
    height: 60px;
    background-color: #808b95;
    font-weight: 500;
    color: #fff;
    text-align: center;
    line-height: 60px;
    box-shadow: 5px 4px 11px rgba(0, 0, 0, .3);
}

.organizationB .typeA {
    line-height: 1.5 !important;
    padding: 16px 0 !important;
    border-radius: 0;
    width: 172px;
    height: 60px;
    font-size: 16px !important;
}

.organizationB .orgD li {
    width: 25%;
}

.organizationB .orgD li:nth-child(2) {
    width: 25%;
}

.organizationB .orgD li:nth-child(2):before {
    display: block;
}

.organizationB .typeD {
    line-height: 2.6;
    font-size: 14px;
    width: 100%;
}

.organizationB .orgA li:before {
    height: 51%;
}

.organizationB .orgD:before {
    width: calc(100% - 24.3%);
}

@media all and (max-width:768px) {
    .organization {
        margin-top: 30px;
    }
    .organization .typeA {
        margin: 0 !important;
    }
    .organization .orgA li:before {
        left: 65px;
        height: 90.8%;
    }
    .organization .typeC {
        margin: 0 !important;
    }
    .organization .orgD {
        width: 100%;
        margin: 0;
        padding-left: 90px;
    }
    .organization .orgD:before {
        display: none;
    }
    .organization .orgD li {
        float: none;
        width: 100%;
        padding: 26px 0 0;
    }
    .organization .orgD li:nth-child(2) {
        width: 100%;
    }
    .organization .orgD li:before {
        top: 57px;
        left: -25px;
        width: 24px;
        height: 1px;
    }
    .organization .orgD li:nth-child(2):before {
        display: block;
    }
    .organization .typeD {
        margin: 0 !important;
    }
}

.buttonList {
    overflow: hidden;
}

.buttonList .tp1 {
    display: inline-block;
    min-width: 250px;
    display: inline-block;
    font-size: 15px;
    line-height: 27px;
    color: #fff;
    font-weight: bold;
    padding: 10px 13px 10px 15px;
    border-radius: 5px;
    background-color: #3d7dd4;
    margin-bottom: 5px;
    text-align: center;
    transition: all 0.3s ease;
}

.buttonList .tp1:hover {
    background-color: #114b99;
}

.li_rt {
    overflow: hidden;
}

.li_rt img {
    float: left;
    width: 200px;
    margin-right: 30px;
}

.contents_451 {
    padding-right: 400px;
    background:url(/images/organ/og/ogGreeting.png) 100% 100% no-repeat;
}

.forPc {
    display: block;
}

.forMb {
    display: none;
}

@media all and (max-width:768px) {
    .buttonList .tp1 {
        width: 100%;
    }
    .contents_451 {
        padding-right: 0;
        background: none;
    }
    .forPc {
        display: none;
    }
    .forMb {
        display: block;
    }
}

.orgOHlist ul li {
    display: inline-block;
    margin: 0 10px 15px 0;
}

.styleguide_1 .con_376 .center {
    margin-top: 52px;
}

.d-iblock {
    display: inline-block !important;
}

.w-auto {
    width: auto !important;
}

.lft1 {
    float: left;
    width: 60%;
}

.rgt1 {
    float: left;
    width: 40%;
    padding: 15px;
}

.appForm h2 {
    margin: 30px 0;
    font-size: 22px;
    text-align: center;
}

.appForm .app-desc {
    margin: 20px 0 50px;
    text-align: center;
}

.appForm .app-date {
    text-align: center;
}

.appForm .app-name {
    margin: 10px 0;
    text-align: center;
}

.appForm h3 {
    margin: 30px 0;
    font-size: 18px;
    text-align: center;
}

.printBox {
    padding: 20px 0;
    border: solid 1px #939393;
    color: #333;
    background-color: #fff;
}

.printBox h2 {
    margin: 30px 0 20px;
    font-weight: 500;
    text-align: center;
}

.printBox p {
    font-size: 16px;
}

.printBox .table1 {
    margin-bottom: 0;
}

.printBox .table1 table th,
.printBox .table1 tbody th,
.printBox .table1 tbody td {
    overflow: hidden;
    position: relative;
    padding: 15px;
    font-size: 15px;
    color: #333;
    border: solid 1px #333 !important;
}

.printBox .table1 table th,
.printBox .table1 tbody th {
    background-color: #f5f5f5;
    text-align: center;
}

.printBox .table1 tbody td .lft1 {
    float: left;
    width: 60%;
}

.printBox .table1 tbody td .rgt1 {
    float: left;
    width: 40%;
    padding: 25px;
}

.printBox .table1 tbody td ul {
    margin: 0;
    padding: 0;
}

.printBox .table1 tbody td ul li {
    list-style: none;
}

.printBox .table1 tbody td .text-center {
    text-align: center;
}

.printBox .table1 tbody td p {
    color: #333;
}

.printBox p.app-desc {
    margin: 20px 0 0;
    text-align: center;
}

.printBox p.app-date {
    margin: 50px 0 15px;
    color: #333;
    text-align: center;
}

.printBox p.app-name {
    color: #333;
    text-align: center;
}

.printBox h3 {
    margin-top: 50px;
    font-size: 22px;
    color: #333;
    text-align: center;
}

.print-btm {
    padding: 30px 15px;
    background: #fff;
    text-align: center;
}

.ta_list li span.sub {
    color: #1f5196
}

div.styleguide table.stepTable1 li li {
    font-size: 13.2px;
    letter-spacing: -1px;
}

.color-red {
    color: #ff0000;
}


/* 메인 통합검색 */

.searchVO {
    position: relative;
}

.totalSearchBox {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    padding: 30px 0;
}

.totalSearchBox input[type=text] {
    width: 100%;
    height: 40px;
    background: #edf1f5;
    border-radius: 40px;
    padding-left: 25px;
    font-size: 14px;
    color: #222222;
    padding-right: 57px;
    border: 0;
    outline: none;
}

.totalSearchBox .btn {
    position: absolute;
    right: 12px;
    top: 39px;
    height: 20px;
    width: 44px;
    background: url(/images/portal/ico_srch.png) no-repeat 50% 50%;
    border-left: 1px solid #1a5bb1;
    text-indent: -9999px;
    outline: none;
    border: none;
}

.totalSearchResult {
    border-top-width: 0;
    padding: 0 0 15px;
}

.totalSearchResult h2 {
    font-size: 17px;
    font-weight: 700;
    color: #000;
    border-bottom-width: 3px;
}

.totalSearchResult>table {
    margin: 10px 0 10px !important;
}

.totalSearchResult>table p.title {
    font-size: 15px;
    font-weight: 600;
}

.totalSearchResult>table p.content {
    color: #999;
}

.totalSearchResult>table p.link a {
    color: RGB(66, 139, 202);
    font-size: 13px;
}

.totalSearchResult p.more {
    text-align: right;
}

.totalSearchResult p.more:after {
    content: "";
}

.searchTabBox {
    padding: 5px 0 20px;
    margin: -10px 0 10px;
    width: 100%;
    text-align: center;
}

.searchTabBox ul {
    overflow: hidden;
    text-align: center;
}

.searchTabBox li {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    float: left;
    flex: 1 0 auto;
}

.searchTabBox li:first-of-type {
    border-left: 1px solid #ccc;
}

.searchTabBox li a {
    display: block;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 15px;
    padding: 0 5px;
    min-width: 169px;
}

.searchTabBox li a[target=_blank]:after {
    content: "새창";
    color: #999;
    font-size: 11px;
    display: inline-block;
    margin: 0 6px;
    vertical-align: middle;
}

.searchTabBox li.on a {
    font-weight: bold;
    color: #fff;
    background-color: #1a5bb1;
}

.searchTabBox ul:after {
    content: "";
    display: block;
    clear: both;
}

.boardPage a.btn {
    color: #333;
    background-color: #f2f2f2;
    border-color: #e6e6e6;
}

.boardPage a.btn.active {
		background: repeating-linear-gradient(45deg, #ccc, #f2f2f2 5px, #ccc 0, #ccc 5px);
}

.jstree_blue ul li a {
    color: #193f84 !important;
}


/* .jstree_blue ul li a i {color:#000;}  */

div.styleguide .m_t30>li:after {
    display: none;
    padding-left: 0px;
}

div.styleguide .m_t30 {
    text-align: center;
}

div.styleguide .m_t30 li {
    border: 1px solid #333;
    display: inline-block;
    padding: 0.2vw 0.6vw;
    cursor: pointer;
}

div.styleguide .m_t30 li.on {
    background-color: #193f84;
}

div.styleguide .m_t30 li.on>a {
    color: #fff;
    cursor: pointer;
}

.intro_list .in_intro dl dt {
    background-color: #fbfbfb;
    border: 2px solid #ddd;
    padding: 20px 10px;
    margin: 0 0 15px 0;
    font-size: 15px;
}

.intro_list .in_intro dl dd {
    font-size: 1.5rem;
    line-height: 2.625rem;
    margin: 1rem 0;
    text-align: justify;
    word-break: keep-all;
}


.pastUniversity h2 {
    font-size: 2.4rem;
    line-height: 4.2rem;
    margin-left: 0rem;
    font-weight: 700;
    font-family: 'Noto Sans Korean';
    color: #000;
    position: relative;
}

.pastUniversity .itemWrap {
    margin: 20px 0 40px;
}

.pastUniversity .itemWrap:after {
    display: block;
    content: "";
    clear: both;
}

.pastUniversity .itemWrap .item {
    position: relative;
    float: left;
    width: 200px;
    padding: 6px;
    border: solid 1px #dadada;
    margin-right: 16px;
    margin-bottom: 16px;
}

.pastUniversity .itemWrap .item:nth-of-type(4n) {
    margin-right: 0;
}

.pastUniversity .itemWrap .item p.name {
    background-color: #F3F4F6;
    font-size: 18px;
    line-height: 28px;
    color: #000;
    text-align: center;
    font-weight: 700;
    padding-top: 10px;
}
.pastUniversity .itemWrap .item p.title {
    background-color: #F3F4F6;
    font-size: 15px;
    line-height: 20px;
    color: #000;
    text-align: center;
    font-weight: 700;
        padding-top: 5px;
    letter-spacing: -1.7px;
}
.pastUniversity .itemWrap .item p.time {
    background-color: #F3F4F6;
    font-size: 13px;
    line-height: 28px;
    color: #494949;
    text-align: center;
    font-weight: 700;
    padding-bottom: 5px;
}

.pastUniversity .itemWrap .item p.photo img {
    display: block;
    width: 188px;
    height: 231px;
}

.pastUniversity .itemWrap .item p.sub {
    font-size: 13px;
    color: #494949;
    text-align: center;
    font-weight: 700;
    padding: 5px 0 0;
}

.pastUniversity .itemWrap .item a {
    position: absolute;
    display: block;
    background-color: #3d7dd4;
    width: 70px;
    left: 50%;
    margin-left: -35px;
    border-radius: 5px;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    height: 30px;
    line-height: 26px;
    bottom: 15px;
    border: 2px solid #fff;
}

@media (min-width: 0px) and (max-width: 768px) {
    .pastUniversity h2 {
        font-size: 18px;
    }
    .pastUniversity .itemWrap {
        margin: 20px 0 40px;
        text-align: center;
    }
    .pastUniversity .itemWrap .item {
        display: inline-block;
        float: none;
        width: 200px;
        height: 314px;
        padding: 6px;
        border: solid 1px #dadada;
        margin-right: 16px;
        margin-bottom: 16px;
    }
    .pastUniversity .itemWrap .item p.photo img {max-width: 100%; height: 205px;}
}


/** m8,m9 해사대학, 해양공과대학 **/
.m8greeting .pic{ width: 25%; display: inline-block; vertical-align: top;}
.m8greeting .con {display: inline-block; width: 74%; }
.m8greeting .con .title {color:#3d7dd4; font-size:20px;font-weight:600;    margin: 0 0 35px 0px;line-height: 1.7;}
.m8greeting .con .text {border-left:1px solid #f0f0f0;padding-left:35px;}
.m8greeting .sign{padding-top:25px;}
.m8greeting .sign img {padding-left:10px;}
.mobile{display:none;}
.m8intro .pc img, .m8intro .mobile img{margin: 0 auto;display: block;}
.m8group .pc img,.m8group .mobile img {margin: 0 auto;display: block;margin-bottom:50px;}
div.styleguide .m8intro ul>li:after{display:none;}
.m8intro ul {margin-top:60px !important;}
.m8intro ul li{    width: 49.6%;display: inline-block;vertical-align: top;}
.m8intro ul li p{float:left;text-align: left;}
.m8intro ul li p.class1{    width: 30%; border-top: 3px solid #235caa; color: #235caa;font-size:17px;padding-top: 20px;font-weight: 600;}
.m8intro ul li p.class2{ width: 69.5%;border-top: 3px solid #f1f1f1;padding-top: 20px;}

.m0intro ul {width:49.6%; display:inline-block; vertical-align: top;}
.m0intro ul li {width:100%;    margin-bottom: 33px !important;}

@media (min-width: 0px) and (max-width: 768px) {
	.m8greeting .pic{ width: 100%; display:block;text-align:center;}
	.m8greeting .con {display: block; width: 100%; }	
	.m8greeting .con .text {padding-left:15px;}
	.mobile{display:block;}
	.pc{display:none;}
	.m8intro ul li{width: 100%;margin-bottom: 15px !important;}
	.m8intro ul {width: 100%;}
}
	
/** 컴퓨터공학과 컨텐츠 추천도서 **/
.rec_book{display:table;}
.rec_book li{width:30%; margin: 0 4% 50px 0;display:inline-table;text-align:center;}
.rec_book li:nth-of-type(3n){margin-right:0;}
.rec_book li span{}
.rec_book li span.tit{font-size:20px;display:block; margin-top:10px;font-weight:600;}
.rec_book li span.auth{font-size:18px;color:#555555}
@media (min-width: 0px) and (max-width: 768px) {
	.rec_book li{width:47%; margin: 0 5% 30px 0;}
	.rec_book li:nth-of-type(2n){margin-right:0;} 
    .rec_book li:nth-of-type(3n){margin-right:5%;}
    .rec_book li span.tit{font-size:16px;}
.rec_book li span.auth{font-size:14px;}
}
	
	
/** 원클릭서비스 */
.deptInfo .list{
    border: 1px solid #dedede;
    border-top: 2px solid #033f7e;
    justify-content: space-between;
    padding: 2.5rem;
    margin-bottom: 1.25rem;
    position: relative;
}
.deptInfo .list .img{
	    width: 40%;
    height: 21.25rem;
    background: #ccc;
}
.deptInfo .list .img p{	
    width: 100%;
    height: 100%;	
}
.deptInfo .list .img p img{
	display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.deptInfo .list .txt{	
    position: relative;	
}
.deptInfo .list .txt span{
	    display: block;
    margin: 0.3125rem 0 1.75rem 0;
    font-size: 1.675rem;
    color: #0778d4;
    font-weight:600;
}
.deptInfo .list .txt h3{
	font-size: 2.75rem;
    display: flex;
    align-items: center;
}
.deptInfo .list .txt h3 i{
	    display: inline-block;
    padding: 0.3125rem 0.625rem;
    font-style: normal;
    font-size: 1.125rem;
    color: #fff;
    background: #012448;
    border-radius: 0.625rem;
    margin-left: 0.625rem;
}
.deptInfo .list .txt p{
	font-size: 1.65rem;
}
.deptInfo .list .txt ul{
}
.deptInfo .list .txt ul li{
	    font-size: 1.65rem;
    position: relative;
    padding-left: 3.75rem;
    line-height: 1.9;
    margin-bottom: 0.9375rem;
}
.deptInfo .list .txt ul li:nth-child(1)::before{
	    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #0778d4 url(/images/oneClick/icon_location.png) no-repeat center center;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 50%;
    background-size: 1.5625rem;
}
.deptInfo .list .txt ul li:nth-child(2)::before{
	    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #0778d4 url(/images/department/sub/navi_home.png) no-repeat center center;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 50%;
    background-size: 1.4375rem;
}
.deptInfo .list .txt ul li:nth-child(3)::before{
	    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #0778d4 url(/images/oneClick/icon_tel.png) no-repeat center center;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 50%;
    background-size: 1.4375rem;
}
.deptInfo .list a{
	position: absolute;
	display: inline-block;
    background: #0778d4 url(/images/oneClick/icon_go.png) no-repeat 96% center;
    color: #fff;
    font-size: 1.3rem;
    border-radius: 1.875rem;
    padding: 0.8125rem 3.4rem 0.8125rem 1.2375rem;    
    top: -10px;
}
.s3_good li {display:inline-block;width:32%;height:12.5vw;vertical-align: top;padding-bottom:25px;}
.s3_good li img{width:100%; height:100%;}
.s3_good li span {word-break: normal;display: block;text-align: center;}
div.styleguide ul.s3_good>li:after {display:none;}
.s3_3p {display:block;}
.s3_3p p {width: 30%; display: inline-block; height: 23vw; vertical-align: top; margin-top: 10px;}
.s3_3p p img{width:100%;height:100%;}
div.styleguide ul.rec_book>li:after {display:none}
@media (min-width: 0px) and (max-width: 768px) {
	.s3_3p p{width:80%;height:100vw;}
	.s3_3p p:nth-child(1){height:38vw;}
	.s3_good li {    position: relative;
    padding-left: 1rem;
    width: 47%;
    height: 33vw;}
}

/* 입학정보 */
h2 .h2Link {margin-left: 20px;  font-size: 22px; color: #ff7f00; display:block;margin-top:10px;}
h2 .h2Link span{color:#3d7dd4;}
ul.admissionTab li {padding:0.3vw 0.8vw;}
div.styleguide .m_t30 li a{font-size:18px;}

/* 생활관 */
.dormWrap { border-bottom: 1px dashed #dadada; padding: 0 30px 20px; margin-bottom: 20px;}
.dormWrap p.dorm_tit{}
.dormWrap ul li { font-size: 16px; font-weight: 600; }
.dormWrap ul li span {color:#3d7dd4;}
ul,ol{margin:0;padding:0;}
ul,ol,li{list-style:none;}
ul.dormInfoRoomList{display: flex; flex-wrap: wrap; position: relative; margin-bottom:15px;}
ul.dormInfoRoomList .roomNm {font-weight:bold;}
ul.dormInfoRoomList .roomCap {font-size:13px;}
ul.dormInfoRoomList li {display:inline-block;border:1px solid #d5d5d5;width:10%; text-align:center;padding: 3px 5px;font-size: 15px;}
ul.dormInfoRoomList li span {display:block;}
ul.dormInfoRoomList .btn-sm {padding:1px 8px;}
.dormAppSheet h3{color: #fff;font-weight: bold;text-align: center;border: 1px solid;padding: 4px 0;background-color: #235caa;}
.dormAppSheet h3.woman {background-color:pink;}
.dormInfo {text-align: right;margin-bottom:5px;}
.dormInfo span{position:relative;}
.dormInfo span:before{ position: relative; display: inline-block; content: ""; height: 15px;
    width: 20px; margin:5px;background-color: #3d7dd4;}
.dormInfo span.woman:before{background-color:pink;}

.student-list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 20px !important;
}
.student-list li {
  width: calc((100% - 40px) / 2);
  border: 1px solid #ccc;
  border-left: 4px solid #3d7dd4;
  padding: 10px 20px !important;
  font-weight: bold;
}
.student-list li::after {
  display: none !important;
}
.student-list li strong {
  font-size: 90%;
  color: #3d7dd4;
}