@charset "utf-8";

/* 인사말 */
.greetings-wrap {position: relative; color:#555;}
.greetings-wrap img {width:100%;}
.greetings-wrap .frame {display: flex; justify-content: space-between;}
.greetings-wrap .left {position: relative; display: block; width: 32.8%; padding-top: 6.8rem; z-index: 1;}
.greetings-wrap .right {position: relative; width:calc(100% - 32.8% - 6rem); margin-left:6rem;}
.greetings-wrap .slogan {position: relative; padding:6.5rem 0 5.5rem 0;}
.greetings-wrap .slogan::before {position:absolute; width:calc(100% + 33.5rem); height:100%; background:#F1F6FA url(../../images/sub/bg-greetings-logo.png) no-repeat right 3rem bottom -17rem; border-radius:1rem; content:''; right:0; top:0;}
.greetings-wrap .slogan em {position: relative; display: block;}
.greetings-wrap .slogan strong {position: relative;}
.greetings-wrap .slogan1 em {display: block; margin-bottom: 2.3rem; font-family: sm; font-size: 3.6rem; color:#042E6F;}
.greetings-wrap .slogan1 strong {font-family: sl; font-size: 2.8rem; color:#1d1d1d; line-height: 4rem;}
.greetings-wrap .slogan2 em {margin-bottom: 1.3rem; font-family: sl; font-size: 2.8rem; color:#042E6F;}
.greetings-wrap .slogan2 strong {font-family: sm; font-size: 3.6rem; color:#1d1d1d; line-height: 5rem;}
.greetings-wrap .slogan2 strong span {color:#00AAE5;}
.greetings-wrap .text-box {position: relative; padding-top: 5.5rem; font-family: pm; font-size: 1.7rem; line-height: 2.8rem;}
.greetings-wrap .text-box i {display: block; margin: 2.8rem 0;}
.greetings-wrap .sign1 {display: block; margin-top: 2.5rem;}
.greetings-wrap .sign1 span {display: block; font-family: pm; font-size: 1.7rem; line-height: 2.4rem;}
.greetings-wrap .sign1 em {display: block; margin-top: 2rem; font-family: pb; font-size: 3.4rem; color:#1d1d1d; line-height: 2.8rem;}
.greetings-wrap .sign2 {display: flex; margin-top: 9.5rem;}
.greetings-wrap .sign2 em {display: inline-block; margin-left: 2rem; font-family: pb; font-size: 3.4rem; color:#1D1D1D; line-height: 2.8rem;}
.greetings-wrap .con-table .con-list1 > ul > li {font-family: pr;}

@media screen and (max-width:1200px) {
    .greetings-wrap .frame {flex-direction: column;}
    .greetings-wrap .left {width:50%; margin:0 auto; text-align: center; padding-top:0;}
    .greetings-wrap .right {width:100%; margin:0;}
    .greetings-wrap .slogan {padding:8rem 2rem 3rem 2rem; margin:-4rem 0rem 0 0rem;}
    .greetings-wrap .text-box {padding-top:4rem;}
}

@media screen and (max-width:768px) {
    .greetings-wrap .left {width:80%;}
    .greetings-wrap .slogan1 em {font-size: 2.6rem;}
    .greetings-wrap .slogan1 strong {font-size: 2.2rem;}
    .greetings-wrap .slogan1 strong br {display: none;}
    .greetings-wrap .slogan2 em {font-size: 2.2rem;}
    .greetings-wrap .slogan2 strong {font-size: 3rem; line-height: 1.5;}
    .greetings-wrap .text-box {font-size: 1.5rem; line-height: 1.5; padding-top: 2rem;}
    .greetings-wrap .sign em {font-size: 2.8rem;}
}

/* 세계인권선언문 */
.wrap-world {position: relative; display: flex; flex-direction: column; align-items: center; padding: 9.5rem 4rem; background: #f1f6fa url('../../images/sub/bg-world.png') no-repeat center / 40.3rem auto; text-align: center}
.wrap-world .deco {position: absolute; width: 1.6rem; height: 1.6rem; background: url('../../images/sub/deco-wolrd.png') no-repeat center / cover; }
.wrap-world .deco.deco1 {left: 4rem; top: 4rem;}
.wrap-world .deco.deco2 {right: 4rem; top: 4rem;}
.wrap-world .deco.deco3 {right: 4rem; bottom: 4rem;}
.wrap-world .deco.deco4 {left: 4rem; bottom: 4rem;}
.wrap-world .title strong {position: relative; display: block; margin-bottom: 3.2rem; padding-bottom: 1.7rem; font-family: sm; font-size: 3.2rem; color: #302a6c;}
.wrap-world .title strong::before {content: ''; position: absolute; left: calc(50% - .7rem); bottom: 0; width: 1rem; height: 1rem; background: #00aae5; border-radius: 100%; transform: translate(-50%, 0);}
.wrap-world .title strong::after {content: ''; position: absolute; left: calc(50% + .7rem); bottom: 0; width: 1rem; height: 1rem; background: #302a6c; border-radius: 100%; transform: translate(-50%, 0);}
.wrap-world .desc p {padding-bottom: 2.7rem; font-family: pm; font-size: 2.2rem; color: #191919;}
.wrap-world .desc p:last-child {padding-bottom: 0;}
.wrap-world .desc p strong {font-family: peb;}

@media screen and (max-width:1200px) {
    .wrap-world .title strong {font-size: 2.5rem}
    .wrap-world .desc p {font-size: 1.8rem}
}

@media screen and (max-width:810px) {
    .wrap-world .deco.deco1 {left: 2rem; top: 2rem;}
    .wrap-world .deco.deco2 {right: 2rem; top: 2rem;}
    .wrap-world .deco.deco3 {right: 2rem; bottom: 2rem;}
    .wrap-world .deco.deco4 {left: 2rem; bottom: 2rem;}
    .wrap-world .title strong {font-size: 2.2rem}
    .wrap-world .desc p {font-size: 1.6rem}
}