@charset "UTF-8";

@font-face {
  font-family: 'Chromate';
  src: url('../font/Chromate-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'PoppinsM';
  src: url('../font/Poppins-Medium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PoppinsR';
  src: url('../font/Poppins-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PoppinsB';
  src: url('../font/Poppins-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* 반응형 기준 사이즈
@media (max-width:320px){html{font-size:10px;}}
@media (min-width:321px) and (max-width:359px){html{font-size:11px;}}
@media (min-width:360px) and (max-width:399px){html{font-size:12px;}}
@media (min-width:400px) and (max-width:439px){html{font-size:13px;}}
@media (min-width:440px) and (max-width:479px){html{font-size:14px;}}
@media (min-width:480px) and (max-width:519px){html{font-size:15px;}}
@media (min-width:520px) and (max-width:559px){html{font-size:16px;}}
@media (min-width:560px) and (max-width:599px){html{font-size:17px;}}
@media (min-width:600px) and (max-width:639px){html{font-size:18px;}}
@media (min-width:640px) and (max-width:679px){html{font-size:19px;}}
@media (min-width:680px) and (max-width:719px){html{font-size:20px;}}
@media (min-width:680px) and (max-width:719px){html{font-size:21px;}}
@media (min-width:720px) and (max-width:759px){html{font-size:22px;}}
@media (min-width:760px){html{font-size:23px;}} */

*{font-weight: 400;letter-spacing: -0.01em;font-family:'PoppinsR',Roboto,Noto Sans KR,Helvetica Neue,Arial,sans-serif,-apple-system,Apple SD Gothic Neo; margin:0;}

/* 사이트 기본 */
#site_wrap{width:100%;overflow-x:hidden;margin:0;padding:0;position: relative;}
#site_wrap::after{content:"";clear:both;display:block;}
.title_font{font-family: 'Chromate', Noto Sans KR, sans-serif;}
.poppinsB{font-family: 'PoppinsB', sans-serif;}
.poppinsM{font-family: 'PoppinsM', sans-serif;}
.point_color{color: #36D163;}
a:hover{cursor: pointer;}

/* 글로벌 inner */
.global_inner{max-width:1100px;margin:0 auto;padding:0 20px;}
.desktop_only{display:block;}
.mobile_only{display:none;}

/* flex 기본 */
.flex_row{display: flex;flex-direction: row;}
.flex_row_sb{display: flex;flex-direction: row;justify-content: space-between;}
.flex_row_sa{display: flex;flex-direction: row;justify-content: space-around;}
.flex_row_end{display: flex;flex-direction: row;justify-content: end;}
.flex_column{display: flex;flex-direction: column;}
.flex_column_ct{display: flex;flex-direction: column;justify-content: center;}


/* col 데스크 */
.col_desk_12{width: 100%;}
.col_desk_9{width: 75%;}
.col_desk_7{width: 60%;}
.col_desk_6{width: 50%;}
.col_desk_5{width: 40%;}
.col_desk_3{width: 25%;}

/* 데스크 */

/* col */
@media (max-width:1063px){
    .col_mobile_12{width: 100% !important;}
    .col_mobile_10{width: 80% !important;}
    .col_mobile_9{width: 75% !important;}
    .col_mobile_6{width: 50% !important;}
  }


/* transition */
.up-on-scroll {transition: transform 0.7s, opacity 1s;}


@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


/* 메인 헤더 */
.header_wrap{
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    right: 0;
    height: 83px;
    flex-shrink: 0;
    transition-property: transform;
    transition-duration: 0.3s;
}
.main_header{ position:relative; background: #fff; border: 1px solid #e8e8e8;}
.main_header{ font-size: 1.1vw; }
.header_inner{
    padding: 1.3vw 0.6vw 1.4vw;
}
.logo img{ max-height: 46px;}

/* gnb_area */
.gnb_area{ margin: 0 auto; position: relative; padding: 0 4.11458vw; z-index: 10; }
.gnb.nav li { font-size: 0.9rem; line-height: 1.3em; color: #000000; display: block; float: left; padding-right: 2.8vw; padding-top: 1.4vh;}
.gnb.nav li a{cursor: pointer;}
.gnb.lang li{ font-size: 0.7rem; font-weight: 500; display: block; float: left; padding-right: 1.2vw; padding-top: 1.4vh;}
.gnb.lang li a {color: #a2a2a2; cursor: pointer;}
.gnb.lang li a.active {color: #000;}
.gnb.lang li::after{ content: ""; width: 1px; height: 1vh; background-color: #DBDBDB; position: absolute; top: 43%; margin-left: 0.4vw; transform: translateY(-50%); margin-top: 1vh;}
.gnb_area .menu-trigger{display: none;}
.gnb_area h1{font-size: 1.6rem}
/* 모바일 */
@media (max-width:1063px){
   .gnb.nav{display: none;}
   .gnb.lang{display: none;}
   .gnb_area .logo{font-size: 1.3rem; padding-top: 1.4vh;}

   .menu-trigger,.menu-trigger span {display: inline-block;transition: all .4s;box-sizing: border-box;font-size:1em;}
   .menu-trigger {display:block !important;position: absolute;width: 3.4em;height: 2em;background:transparent;border:0;outline:0;top:3.6vh;right:2em;cursor:pointer;z-index:300;}
   .menu-trigger span {position: absolute;left: 0;width: 100%;height: 1.6px;background-color: #000;}
   .menu-trigger span:nth-of-type(1) {top: 0;}
   .menu-trigger span:nth-of-type(2) {top: calc(50% - 1px);}
   .menu-trigger span:nth-of-type(3) {bottom: 0;}

   .menu-trigger.active span {background-color: #24303d;}
   .menu-trigger.active span:nth-of-type(1) {-webkit-transform: translateY(50%) rotate(-45deg);transform: translateY(50%) rotate(-45deg);top:45%;}
   .menu-trigger.active span:nth-of-type(2) {opacity: 0;}
   .menu-trigger.active span:nth-of-type(3) {-webkit-transform: translateY(-50%) rotate(45deg);transform: translateY(-50%) rotate(45deg);top:57%;}

   .main_header .gnb_area nav.active{transition: all 0.2s;opacity: 1;position: fixed;right:0;top:0;width:100%;height:100%;z-index:200;background:#F46F1B}
   .main_header .gnb_area nav.active .logo {transition: all 1s; opacity: 1; position: fixed; left: 18px; top: 11px;}
   /* .main_header .gnb_area .mobile_header nav.active{visibility: visible;opacity: 1;} */

}

/* icon */
.icon_arrow{ margin-top: 10px; display: block; width: 27px; height: 10px; background-image: url(../img/icon-more.png); background-size: 27px 10px; transition-property: transform; transition-duration: 0.3s; }
.icon_down{ margin-top: 10px; display: block; width: 27px; height: 10px; background-image: url(../img/icon-more.png); background-size: 27px 10px; transition-property: transform; transition-duration: 0.3s; }

/* hero_section */
.hero_section {padding: 191px 11px; background-color: #F3F4F4;}
/* .hero_section {padding: 191px 11px; background-color: #000;} */
.hero_section .title_wrap{text-align: center;}
.hero_section .hero_title{max-width: 740px; width: 100%;}

@media (max-width:1063px){
    .hero_section{margin-top:20px; background-position: center;}
}




/* about_section*/
.about_section{padding: 121px 11px 50px 11px;}
.about_section .title_font{font-size:36px;}
.about_section .description{font-size: 16px; margin-top: 24px; }
.about_section .title_point{font-size: 42px; color: #F46F1B;}
.about_section .about_content {display: table; justify-content: center;}
.about_section .content_wrap{display: table-cell; vertical-align: middle; padding: 0 104px;}
.about_section .button{margin-top:32px;}
.about_section .button a{color: #F46F1B; font-weight: 700; font-size: 16px; }

@media (max-width:1063px){
    .about_section .flex_row_sb{flex-direction: column;}
    .about_section .about_content{padding-top: 64px;}
    .about_section .content_wrap{padding: 0 11px; text-align: center;}
}


/* program_section */
.program_section {padding: 191px 11px;}
.program_section .title_wrap{text-align: center;}
.program_section .icon_arrow{margin-right: 24px;}
.program_section h2 {font-size: 42px;}
.program_section .sub_title {font-size: 16px; color: #F46F1B; display: flex; flex-direction: column; justify-content: end;}
.program_section .program_content {margin-top: 60px;}

.program_section .program_content{flex-wrap: wrap;}
.program_section .content_wrap {padding: 32px 0; border-top: 1px solid #D8D8D8; border-bottom: 1px solid rgba(0,0,0,0); }
.program_section .program_box img{width: 100%;}
.program_section .program_box p{font-size: 24px; margin-top: 16px;}
.program_section .program_box{padding: 8px; text-align: center;}
.program_section a:hover{cursor: pointer;}

@media (max-width:1063px){
    .program_section .program_box{margin-bottom: 32px;}
    .program_section .program_box p{font-size: 24px;}
}

@media (max-width:720px){
    .program_section .col_mobile_6{width: 100% !important;}
}



/* blog_section */
.blog_section {padding: 191px 11px; background-color: #F3F4F4;}
.blog_section .title_wrap{text-align: center;}
.blog_section h2{font-size: 55px; margin-bottom: 80px;}
.blog_section .content_wrap {width: 100%;}
.blog_section .blog_img{width: 100%; margin-bottom: 16px;}
.blog_section .content_main h4{ font-size: 32px; margin-bottom: 16px;}
.blog_section .content_main p{ font-size: 16px;}
.blog_section .content_main .content_sub{padding-left: 0; font-weight: 500;}
.blog_section .content_sub {padding-left: 68px;}
.blog_section .content_sub h5 { font-size: 17px; padding: 0 32px 0 0; line-height: 1.4; display: flex; flex-direction: column; justify-content: center;}
.blog_section .content_sub img {max-width: 98px; width: 100%; height: 100%; object-fit: cover;}
.blog_section .content_sub .content_wrap {border-bottom: 1px solid #DCE1E2; padding-bottom: 2px;}
.blog_section .content_sub .content_wrap:first-child{margin-top: 0;}
.blog_section h5{font-weight: 900;}
.blog_section .blog_img_box.first{margin-top: 0;}
.blog_section .blog_img_box{max-width: 98px; width: 100%; height: 72px; margin: 14px 0 14px;}

/* 모바일 */
@media (max-width:1063px){
    .blog_section h2{font-size: 42px; margin-bottom: 80px;}
    .blog_section .blog_content{display: flex; flex-direction: column;}
    .blog_section .content_sub {padding-left: 0;}
}

/* professor_section */
.professor_section {padding: 191px 11px;}
.professor_section h4{ font-size: 42px; margin-bottom: 18px;}
.professor_section img {max-height: 160px; width: 100%; margin-bottom: 16px;}
.professor_section p {font-size: 16px;}

/* flea_section */
.flea_section {padding: 0px 11px 191px 11px;}
.flea_section h4{ font-size: 42px; margin-bottom: 18px;}
.flea_section img {max-height: 160px; width: 100%; margin-bottom: 16px;}
.flea_section p {font-size: 16px;}

/* result_section */
.result_section {padding: 70px 11px 30px 11px; background-color: #F3F4F4;}
.result_section .title_wrap{text-align: center;}
.result_section h3{font-size: 42px;}
.result_section .univ_logo{margin-top: 56px;}
.result_section .univ_logo li{list-style: none;}
.result_section .univ_logo li img{max-height: 55px;}
.result_section .imgArea p {font-size: 16px; text-align: center; color: #2A2A2A;}
.result_section p strong {color: #2A2A2A;}
.result_section .slideImg {margin-bottom: 16px;}
.result_section .imgArea strong{font-weight: 700 !important;}

@media (max-width:720px){
    .result_section .imgArea p {
        font-size: 0.9rem;
    }
}

/* works - result_section 모션 */
#works{
    padding-top: 60px;
}
.simply-scroll{
    width: 100% !important;
    margin-bottom: 24px !important;
}
.simply-scroll-container{
    position: relative;
}
.simply-scroll-clip{
    position: relative;
    overflow: hidden;
}
.simply-scroll-list{
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
}
.simply-scroll .simply-scroll-list li{
    min-width: 240px;
    float: left;
    margin: 0 12px !important;
    padding-right: 32px;
    list-style: none;
}
.simply-scroll .simply-scroll-list li img{
    /* width: 180px; 기본 */
    width: 220px;
    max-height: 100%;
    border: none;
    display: block;
}

.borderRadiusRegular{
    overflow: hidden;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    isolation: isolate;
}


/* contact_section */ 
.contact_section {padding: 191px 11px; background-color: #2A2A2A;}
.contact_section h4{font-size: 36px; margin-bottom: 27px; color: #fff;}
.contact_section p {font-size: 16px; line-height: 1.6; color: #fff;}
.contact_section .description{margin-bottom: 42px; color: #fff;}
.contact_section .content_wrap{margin-bottom: 30px; padding-top: 86px;}
.contact_section .contact_map{max-width: 320px; width: 100%;}

/* 모바일 */
@media (max-width:1063px){
    .contact_section {padding: 120px 11px; background-color: #2A2A2A;}
    .contact_section .flex_row_sb{flex-direction: column;}
    .contact_section .content_wrap{text-align: center;}
    .contact_section .map_wrap{text-align: center; margin-top: 18px;}
}


/* footer_section */
.footer_section {padding: 30px 11px; background-color: #000;}
.footer_section .line_bottom{border-bottom: 1px solid #393939; padding-bottom: 18px;}
.footer_section .footer_top .footer_menu li a{color: #fff; font-size: 13px; padding-right: 30px;}
.footer_section .footer_top .sns li a{color: #fff; font-size: 13px;}
.footer_section .footer_bottom{padding: 58px 0 49px;}
.footer_section .copyright {font-size: 13px; color: #434343;}
.footer_section .company_info{color: #fff;}
.footer_section .title_font{font-size: 22px; color: #fff; margin-bottom: 8px;}
.footer_section .download {font-size: 13px; color: #fff; }
.footer_section .download_wrap{border-bottom: 1px solid #dbdbdb; padding-bottom: 6px; height: 32px;}

/* 모바일 */
@media (max-width:1063px){
    .footer_section .download_wrap{display: none;}
}