main {font-family: 'Cafe24Oneprettynight';overflow: hidden;font-size:12px;}
.main-section-contact {display: none;}
@font-face {
    font-family: 'Chosunilbo_myungjo';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Chosunilbo_myungjo.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Cafe24Oneprettynight';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Oneprettynight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
i {vertical-align: middle;}
.hide {display: none;}
main > .quick {position: fixed;right:50px;top:50px;z-index: 8;}
main > .quick i {font-size:1.3rem;color:#fff;}
main > .quick li {width:40px;height:40px;border-radius: 40px;text-align: center;margin-bottom: 5px;}
main > .quick li a {line-height:40px;display: block;}
main > .quick li:first-child {background-color: #03c75a;}
main > .quick li:nth-child(2) {background-color: #b00f15;}
main > .quick li:nth-child(3) {background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);}
main > .quick li:last-child {background-color: #666;}
main .main_visual {padding:0 0;height:100vh;overflow: hidden;}
main .main_visual .txt {position:absolute;z-index: 99;left:50%;top:50%;transform:translate(-50%, -50%);display: flex;flex-wrap: wrap;justify-content: center;}
main .main_visual .txt p {color:#fff;font-size:2rem;width: 100%;text-align: center;margin-top: 30px;}
main .main_visual li img {width:100%;position: absolute;left:50%;top:50%;transform: translate(-50%, -50%);}
.clear:after {content:'';display: block;clear:both;}
main * {position:relative;font-family: 'Cafe24Oneprettynight' !important;}
.sec01 {background-image: url('/images/hanyang/sec01_bg.jpg');background-position:center;background-repeat: no-repeat;background-size: cover;display: flex;flex-wrap: wrap;justify-content: center;width: 100%;}
section {padding:100px 0;}
section .wrap {max-width: 1440px;width: 100%;margin:0 auto;text-align: center;}
#gallery, .sec05 {display: flex;flex-wrap: wrap;justify-content: center;padding:100px 0 0 0;}
#gallery .swiper-slide {width: 20%;padding:5px;}
#gallery .swiper-slide img {width: 100%;}
#gallery .cont > ul {margin-top:40px;}
#gallery .cont > ul > li {width:calc(100% - 100px);overflow: hidden;margin:0 auto;}
main h2 {font-family:'Chosunilbo_myungjo' !important;font-size:3.5rem;color:#695a50;font-style: italic;font-weight: 100;margin:40px 0;}
main h2:before {content:'';display: block;width:245px;height:2px;background-color: #695a50;margin:-1px auto 30px auto;}
.sec05 .swiper-wrapper {transition-timing-function: linear;}
.sec05 .swiper-wrapper .swiper-slide {width: 25%;padding: 10px;box-sizing: content-box;}
.sec05 .swiper-wrapper .swiper-slide img {width: 100%;}
.sec07 ul {display: flex;align-items: center;padding-top:100px;flex-wrap: wrap;}
.sec07 li {width:50%;float:left;}
.sec07 li h2 {text-align: left;}
.sec07 li h2:before {margin: -1px 0 30px 0 !important;}
.sec07 li dl {text-align: left;color:#fff;display: flex;font-size: 1.2rem;margin-bottom: 10px;}
.sec07 li dt {display: flex;align-items: center;}
.sec07 li dt:after {content:'';display: inline-block;width:1px;height:20px;background-color: #fff;margin:auto 15px;}
.sec07 li:first-child {display: flex;justify-content: start;flex-wrap: wrap;}
.sec07 li:first-child dl {width:100%}
.sec07 li:first-child button {background-color: transparent;border:1px solid #fff;border-radius: 100px;margin:30px 10px 0 0;transition: all 0.25s ease;}
.sec07 li:first-child button:hover {background-color: #fff;color:#695a50;}
.sec07 li:first-child button a {color:#fff;font-size:1.3rem;width: 220px;line-height:50px;display: block;transition: all 0.25s ease;}
.sec07 h2 {color:#e6cdbd;}
.sec07 h2::before {background-color:#e6cdbd}
.sec07 li:first-child button:hover a {color:#695a50;}
.sec06 .wrap > span {font-size:1.5rem;letter-spacing: 2px;}
main + footer {background-color: transparent;padding:50px;font-size:1rem;position: relative;}
main + footer .quick {position: absolute;right:50px;top:50px;}
main + footer .quick li {float:left;margin-left:5px;}
main + footer .quick li i {font-size:1.7rem;}
.swiper-button-next, .swiper-button-prev {color:#333;}

@media screen and (max-width:1440px) {
    section .wrap {width:calc(100% - 100px)}
    section.sec01 .wrap img,  section.sec02 .cont > img, section.sec03 .cont > img, section.sec04 .cont > img {width: 100%;}
}
@media screen and (max-width:1024px) {
    main .main_visual li img {height:100%;width: auto;}
}
@media screen and (max-width:800px) {
    #gallery .swiper-slide {width:33.33%;}
    .swiper-button-next:after, .swiper-button-prev:after {font-size:1.5rem;}
    section {padding: 50px 0;}
    #gallery, .sec05 {padding:50px 0 0 0;}
    main h2 {margin:20px 0;font-size:2.5rem;}
    main h2:before {margin: -1px auto 15px auto;}
    .sec07 li h2 {font-size:2.5rem;text-align: center;}
    .sec07 li h2:before {margin: -1px 0 15px 0 !important;}
    .sec07 li dl {font-size:1rem;}
    main + footer {font-size: 0.9rem;}
    .sec07 li {width:100%;}
    .sec07 li:first-child, .sec07 li:first-child dl {justify-content: center;}
    .sec07 li:first-child {margin-bottom: 50px;}
    .sec07 ul {padding-top:50px;}
    .sec05 .swiper-wrapper .swiper-slide {padding:3px;width: 33.33%;}
}
@media screen and (max-width:550px) {
    section .wrap {width:100%;}
    main > .quick {right:30px;top:30px;}
    .sec02 .title img {width: 25%;}
    main h2, .sec07 li h2 {font-size:1.5rem;}
    main h2:before {width:150px;}
    #gallery .cont > ul {margin-top: 15px;}
    #gallery .cont > ul > li {width: calc(100% - 60px);}
    .swiper-button-prev, .swiper-rtl .swiper-button-next {left:0px;}
    .swiper-button-next, .swiper-rtl .swiper-button-prev {right:0px;}
    .sec06 .wrap > span {font-size:1rem;}
    .sec07 li:first-child button a {font-size:1.1rem;}
    main + footer {padding:30px;}
    main + footer .quick {position:relative;right: 0;top:0;margin-top:10px;}
    main + footer .quick li {margin-left:0;margin-right:5px;}
    main .main_visual {height:80vh;}
    main .main_visual .txt {width: 100%;}
    main .main_visual .txt p {font-size:1.2rem;}
    .sec01 {padding:20px 0;}
}
@media screen and (max-width:420px) {
    .swiper-button-next:after, .swiper-button-prev:after {font-size:1rem;}
    #gallery .cont > ul > li {width: calc(100% - 40px);}
    .sec07 li dt {font-size:0;}
    .sec07 li dt:after {display: none;}
    .sec07 ul {padding-top: 30px;}
    .sec07 li:first-child button {margin:15px 0 0 0;}
}