@charset "utf-8";

/* ==========================================================================
    MAIN VISUAL
    ========================================================================== */
#main-visual{position:relative; background:#fff; overflow:hidden}
#main-visual .swiper-wrapper{transition-timing-function: ease-in-out}
#main-visual .swiper-slide{background-color: #000;}
#main-visual .main-vis{position: relative; width:100%; height:100vh; height: calc((var(--vh, 1vh) * 100) - var(--header-height));}
#main-visual .main-vis .bg{position: absolute; left: 0; top: 0; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; animation: move1 10s cubic-bezier(0.25, 1, 0.5, 1) forwards;}
/*#main-visual .main-vis.swiper-slide-active .bg{animation: move1 10s cubic-bezier(0.25, 1, 0.5, 1) forwards;}*/
#main-visual .main-vis1 .bg{background-image:url('../images/main/main_vis01.jpg')}
#main-visual .main-vis2 .bg{background-image:url('../images/main/main_vis02.jpg');}
#main-visual .main-vis3 .bg{background-image:url('../images/main/main_vis03.jpg');}
#main-visual .vis-text-container{position: relative; display: flex; align-items: center; height: 100%; z-index: 10;}
#main-visual .vis-text-container::after{content: "Global New Intellectual Certiflcation Association"; position: absolute; top: calc(50% + 162px); right: 20px; font-family: 'Roboto Condensed', sans-serif; font-size: 10px; color: rgba(255,255,255,.5); line-height: 20px; letter-spacing: 1px; text-transform: uppercase; transform: rotate(90deg); transform-origin: 100% 100%;}
/*기본 텍스트*/
#main-visual .mvis-text{color: #fff;}
#main-visual .mvis-text .txt-en{padding-left: 2px; font-family:'Roboto', sans-serif; font-size: 18px; font-weight: bold; letter-spacing: 1.2px; margin-bottom: 17px;}
#main-visual .mvis-text .main-text{font-size: 62px; font-weight: 800; letter-spacing: -0.25px; line-height: 72px;}
#main-visual .mvis-text p{font-size: 16px; line-height: 26px; word-break: keep-all; margin-top: 15px;}
/* Pager */
#main-visual .sw-dot-type2.swiper-horizontal > .swiper-pagination-bullets{width: auto; left: calc(50% - 630px); bottom: calc(50% - 189px);}
/* Direction */
#main-visual .sw-arr-type2 .swiper-button-prev,
#main-visual .sw-arr-type2 .swiper-button-next{top: 50%; left: auto; right: auto; margin-top: -35px;}
#main-visual .sw-arr-type2 .swiper-button-prev{left: 104px;}
#main-visual .sw-arr-type2 .swiper-button-next{right: 104px;}
#main-visual .sw-arr-type2 .swiper-button-prev:hover, 
#main-visual .sw-arr-type2 .swiper-button-prev:focus{left: 100px}
#main-visual .sw-arr-type2 .swiper-button-next:hover,
#main-visual .sw-arr-type2 .swiper-button-next:focus{right: 100px}

/*애니메이션 Move*/
@keyframes move1
{  
    from {transform:scale(1.2)}  
    to {transform:scale(1)}
}

/* ==========================================================================
   MAIN CONTENTS
   ========================================================================== */
   /*최근게시물*/
.m-board .top-board{display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: 20px; border-bottom: 2px solid #222;}
.m-board .top-board .tit-board .txt-en{font-family:'Roboto', sans-serif; font-size: 11px; font-weight: bold; color: var(--point-color01); letter-spacing: 0.25px;}
.m-board .top-board .tit-board .title{font-size: 22px; font-weight: 800; color: var(--point-color02); margin-top: 4px;}
.m-board .top-board .btn-more{font-size: 13px; font-weight: bold; color: #bbb;}
.m-board .top-board .btn-more a{display: block; padding-right: 26px; background: url('../images/common/arr0201.png') no-repeat 100% center; background-size: 15px auto}
.m-board > ul > li{padding-top: 21px; padding-bottom: 21px; border-bottom: 1px solid #e8ecee}
.m-board > ul > li > .title{font-size: 20px; font-weight: 400; line-height: 1.2; display: flex}
.m-board > ul > li > .title > a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.m-board > ul > li > .date{margin-top: 12px; font-family:'Roboto', sans-serif; font-size: 14px; font-weight: bold; color: #bbb; letter-spacing: 0.25px;}

.gallery1 > ul{display: flex; flex-wrap: wrap;}
.gallery1 > ul > li{width: 25%; padding: 0 10px; margin-bottom: 20px;}
.gallery1 > ul > li > .thumb{padding-bottom: 66.5%;}
.gallery1 > ul > li > .thumb img{border-radius: 3px;}
.gallery1 > ul > li > .title{margin-top: 13px; font-size: 18px; font-weight: 400; line-height: 26px; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2;}
.gallery1 > ul > li > .date{margin-top: 9px; font-family:'Roboto', sans-serif; font-size: 14px; font-weight: bold; color: #bbb; letter-spacing: 0.25px;}

.main-sec .sec-title{text-align: center;}
.main-sec .sec-title .txt-en{font-family:'Roboto', sans-serif; font-size: 11px; font-weight: bold; color: var(--point-color01); letter-spacing: 0.25px; text-transform: uppercase; margin-bottom: 7px;}
.main-sec .sec-title .title{font-size: 32px; font-weight: 800; color: var(--point-color02);}

.main-sec.sec1{padding-top: 88px; padding-bottom: 94px;}
.main-sec.sec1 .latest{display: flex; flex-wrap: wrap; justify-content: space-between;}
.main-sec.sec1 .latest > div{width: calc(50% - 40px)}
.main-sec.sec2{padding-top: 50px; padding-bottom: 40px; background: #f6f3ef;}
.main-sec.sec2 .list-field > ul{display: flex; flex-wrap: wrap;}
.main-sec.sec2 .list-field > ul > li{width: 20%; text-align: center;}
.main-sec.sec2 .list-field > ul > li > a{position: relative; top: 0; display: inline-block; min-width: 70px; padding-top: 78px; transition: .2s ease-in-out;}
.main-sec.sec2 .list-field > ul > li > a:hover{top: -5px;}
.main-sec.sec2 .list-field > ul > li > a > .title{font-size: 17px; font-weight: bold;}
.main-sec.sec2 .list-field > ul > li > a > .txt-en{font-family:'Roboto', sans-serif; font-size: 11px; font-weight: bold; color: var(--point-color0102); letter-spacing: 0; text-transform: uppercase; margin-top: 3px;}
.main-sec.sec2 .list-field > ul > li.ico1 > a{background: url('../images/main/ico0101.png') no-repeat center 1px; background-size: 79px auto}
.main-sec.sec2 .list-field > ul > li.ico2 > a{background: url('../images/main/ico0102.png') no-repeat center 4px; background-size: 66px auto}
.main-sec.sec2 .list-field > ul > li.ico3 > a{background: url('../images/main/ico0103.png') no-repeat center 5px; background-size: 59px auto}
.main-sec.sec2 .list-field > ul > li.ico4 > a{background: url('../images/main/ico0104.png') no-repeat center 0; background-size: 66px auto}
.main-sec.sec2 .list-field > ul > li.ico5 > a{background: url('../images/main/ico0105.png') no-repeat center 1px; background-size: 57px auto}
.main-sec.sec3{background: url('../images/main/wide_vis01.jpg') no-repeat center; background-size: cover}
.main-sec.sec3 .inner-sec{display: flex; justify-content: center; align-items: center; height: 303px;}
.main-sec.sec3 .cont-contact{text-align: center;}
.main-sec.sec3 .cont-contact .txt-en{font-size: 11px; font-weight: bold; color: #ac998b; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 27px;}
.main-sec.sec3 .cont-contact .txt-contact{display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.main-sec.sec3 .cont-contact .txt-contact > div{font-size: 34px; font-weight: 600; color: var(--point-color01); line-height: 42px; letter-spacing: 0.5px;}
.main-sec.sec3 .cont-contact .txt-contact > div:nth-child(2){margin: 0 32px;}
.main-sec.sec3 .cont-contact .txt-contact a{color: #fff;}
.main-sec.sec3 .cont-contact p{font-size: 15px; font-weight: 400; line-height: 24px; color: rgba(255,255,255,.5); margin-top: 12px;}
.main-sec.sec3 .cont-contact .btn-loc{margin-top: 27px;}
.main-sec.sec4{padding-top: 78px; padding-bottom: 60px;}
.main-sec.sec4 .gallery1{margin-top: 30px; margin-left: -10px; margin-right: -10px;}