@charset 'utf-8';
.transition{-webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out;}
.only-m {display:none !important;}
.only-sm {display:none;}
.only-pc {display:block !important;}
.viewall {display:none;}

section {word-break: keep-all;}

.inner {position: relative; width:100%; max-width: 1500px; margin:0 auto;}
.area_rgh {text-align: right;}
.btn_wrap {display: flex; gap:10px;}
.btn_wrap > a {font-size:1em; font-weight: 700; padding:15px 48px; display: inline-block; border-radius: 60px; }
.btn_color {color:#fff; background:#055cff;}
.btn_line {color:#055cff; background:transparent; border:2px solid #055cff;}
.tit > span {display: inline-block; padding-bottom: 6px; background-image: linear-gradient(90deg, #024385, #024385); background-position: 0 100%; background-repeat: no-repeat; background-size: 0 3px; transition: background-size .6s ease-in-out 0s;}
a:hover .tit > span {background-size: 100% 3px;}
.date {color:#999999; font-size:0.875em; font-weight: 300;}

/* header */
#header {position:relative; width:100%; height:184px; border-bottom:4px solid #024385; transition: all .5s ease; -webkit-transition: all .5s ease;  -moz-transition: all .5s ease; z-index: 10;}
#header .inner {position: static; height:100%; margin:0 auto; display: flex; flex-wrap: nowrap; align-items: center;justify-content: space-between;}
#header .logo {}
#header .logo a {display: block; width:193px; height:120px; background:url('../images/common/logo.png') center no-repeat; background-size: contain;}
#header .logo_fix {flex:0 0 10%; max-width:10%; display: none;}
#header #gnb { display: flex; align-items: flex-end; justify-content: center; height: 100%;  padding-bottom: 30px; margin: 10px 0 0 70px;}
#header .rgh_menu {width: 370px; z-index: 99;}

/* header is-fixed */
#header.is-fixed {position: fixed; height:82px; background:#fff; border-bottom:1px solid #eeeeee;}
#header.is-fixed .rgh_menu .t_wrap {display: none;}
#header.is-fixed #gnb .depth2 {top:82px;}
#header.is-fixed .logo a {width:46px; height:46px;background:url(../images/main/logo_emble.png) center no-repeat; background-size: contain;  }

#gnb .depth1 {display: flex; width:100%; flex-wrap: nowrap;justify-content:flex-start; gap:40px;}
#gnb .depth1 > li {text-align: center;}
#gnb .depth1 > li > a {position: relative; color:#000000; font-size:1.25em; font-weight: 600; background:transparent; backface-visibility: hidden; transform-origin: 50% 50% 0.7em; transition-duration: .45s; transition-property: transform,opacity; transition-timing-function: cubic-bezier(.43,.05,.2,1); cursor: pointer;}
#gnb .depth1 > li.active > a {color:#024385;}
#gnb .depth1 > li > a::after {content: ''; width:0%; height:3px; background:#024385; position: absolute; left:0; bottom:-25px;-webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out;}
#gnb .depth1 > li.active > a::after {width:100%; }
#gnb .logo_m {display: none;}
#gnb .close_m {display: none;}

/* sitemap & mobile */
#m_gnb {position: fixed; left:0; top:0; width:100%; background:#fff; opacity: 0; visibility: hidden;-webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out; z-index: 98;}
#m_gnb.active { opacity: 1; visibility: visible;}
#m_gnb .wrap {position: relative; width:100%; max-width: 1500px; margin:0 auto; display: flex; flex-direction: column; align-items: center; padding:40px 0 70px 0;}
#m_gnb .wrap .m_top {display: none;}
#m_gnb .wrap .logo {margin-bottom:90px;}
#m_gnb .wrap .close_m {position: absolute; left:50%; bottom:-40px; transform: translate(-50%, -50%); display: block; width:40px; height:40px; background:url(../images/main/btn_close_gnb.png) center no-repeat; text-indent: -99999px; overflow: hidden; cursor: pointer;}
#m_gnb .wrap .gnb_wrap {width:100%;}
#m_gnb .wrap .depth1 {display: flex; width:100%;}
#m_gnb .wrap .depth1 > li {flex:0 0 16.6666666%; border-left:1px solid #f1f1f1;}
#m_gnb .wrap .depth1 > li > a {display: block; color:#000; font-weight: 700; font-size:1.125em; margin-bottom:20px; padding:0 20px;}
#m_gnb .wrap .depth2 > li > a {position: relative; color:#888888; font-size:1.125em; line-height: 2.2222em; margin:0 20px;}
#m_gnb .wrap .depth2 > li > a:hover  {color:#024385;}
#m_gnb .wrap .depth2 > li > a::after {content: ''; width:0%; height:3px; background:#024385; position: absolute; left:0; bottom:-5px;-webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out;}
#m_gnb .wrap .depth2 > li > a:hover::after {width:100%; }

/* GNB */
#gnb .depth1 > li .depth2 { display: none; }
#gnb .depth1 > li.active .depth2 {display: block; }
#header #gnb .depth2 {background:url(../images/main/bg_gnb.png) 0% -184px no-repeat #fff; position: absolute; width:100%; height:214px; top: 184px; left: 50%;  transform: translateX(-50%); z-index: 10;}
#header .depth2 > ul {width:100%; max-width: 1500px; margin:0 auto; display: flex; gap:30px; padding:60px 0;}
#header .depth2 > ul a {position: relative; color:#999999; font-size:1.375em; font-weight: 700; display: block; width:100%; height:100%;}
#header .depth2 > ul a:hover {color:#024385;}
#header .depth2 > ul a::after {content: ''; width:0%; height:4px; background:#024385; position: absolute; left:0; bottom:-5px;-webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out;}
#header .depth2 > ul a:hover::after {width:100%; }
.overlay {display: none; position: absolute; top:184px; left:0; width:100%; height:calc(100% - 184px); background:#000d1b; opacity: .3; z-index: 9;}

#header .m_view {display: block; width:21px; height:17px; position: relative; cursor: pointer; overflow: hidden; margin:0 65px 5px 0; }
#header .m_view:before {content: ""; position: relative; top: -13px; display: inline-block; width: 21px; height: 2px; background-color: #000; }
#header .m_view > div:before {content: ""; position: relative; top: -27px; display: inline-block; width: 21px; height: 2px; background-color: #000;}
#header .m_view:after {content: ""; position: relative; top:-74px; display: inline-block; width: 14px; height: 2px; background-color: #000;}
#header .m_view > div:after {content: ""; position: relative; top:-60px; display: inline-block; width: 14px; height: 2px; background-color: #000;}
#header .m_view span {text-indent: -9999px; display: block;}

/* header SNS */
#header .rgh_menu .t_wrap {display: flex; text-align: right; justify-content: flex-end; align-items: center; margin:10px 0 27px 0;}
#header .sns_wrap {display: flex; gap:4px; margin-right:36px;}
#header .sns_wrap li {width:37px; height:37px; background:#eeeeee; border-radius: 100%;}
#header .sns_wrap .face {background:url('../images/common/icon_sns_f.png') center no-repeat;}
#header .sns_wrap .in {background:url('../images/common/icon_sns_in.png') center no-repeat;}
#header .sns_wrap .yout {background:url('../images/common/icon_sns_y.png') center no-repeat;}
#header .sns_wrap .blog {background:url('../images/common/icon_sns_b.png') center no-repeat;}
#header .sns_wrap .inst {background:url('../images/common/icon_sns_insta.png') center no-repeat;}
#header .sns_wrap a {display: block;width:100%; height:100%;}

/* header search */
#header .rgh_menu .lang_wrap {display: flex; gap:3px;}
#header .rgh_menu .lang_wrap li a {display: block; width:59px; background:#eeeeee; border-radius: 5px; color:#000; font-weight: 700; text-align: center; padding: 6px 0 7px 0;}
#header .rgh_menu .sch_wrap {height:48px;}
#header .rgh_menu .search_g {position: relative; display: flex; justify-content: flex-end;}
#header .rgh_menu .search_g input[type="text"],
#header .rgh_menu .search_g .click_src {position: relative; width:272px; height:48px; font-weight: 500; border:none; border-bottom:1px solid #8b8b8b; color:#000; padding:15px 45px 0 0;}
#header .rgh_menu .search_g input::placeholder {color:#999999;}
#header .rgh_menu .search_g label {display: none;}
#header .rgh_menu .search_g button {position: absolute; right: 0px; top: 22px; width: 17px; height: 17px; background: url(../images/common/icon_topSearch.png) center no-repeat; text-indent: -999px; overflow: hidden;}

/* header search */
#scover_wrap {position: fixed; width:100%; height:215px; background:#fff; z-index: 10; display: none;}
#scover_wrap.is-fixed {top:82px;}
#scover_wrap .inner {height:100%; display: flex; align-items: center; justify-content: center;}
#scover_wrap .search_g {position: relative; width:680px; height:66px;}
#scover_wrap .search_g input[type="text"] {width:100%; height:100%; border:1px solid #97a0a9; color:#000; font-weight: 700; font-size:1.375em; border-radius: 10px;}
#scover_wrap .search_g input::placeholder {color:#bdbcbc; }
#scover_wrap .search_g label {display: none;}
#scover_wrap .search_g button {position: absolute; right: 6px; top: 5px; width: 54px; height: 56px; background: url(../images/common/btn_scover.png) center no-repeat; text-indent: -999px; overflow: hidden;}
#scover_wrap .scover_close {position: absolute; left: 50%; bottom: -19px; transform: translate(-50%, 0); width: 40px; height: 40px; background: url(../images/common/btn_scover_close.png) center no-repeat; text-indent: -999px; overflow: hidden; cursor: pointer;}

#footer {background:#272b32; padding-bottom:70px;}
#footer .t_wrap {border-bottom:1px solid #3d4147;}
#footer .t_wrap > ul {display: flex; gap:34px;}
#footer .t_wrap > ul a {display: block; color:#fff; font-weight: 700; padding:36px 0 35px 0;}
#footer .m_wrap {display: flex; justify-content: space-between; padding:60px 0 80px 0; border-bottom:1px solid #3d4147;}
#footer .m_wrap .cate {flex:1 1 20%;}
#footer .m_wrap .cate > div {color:#fff; font-weight: 700; margin-bottom:27px;}
#footer .m_wrap .cate > ul a {color:#85888d; line-height: 1.75em; }
#footer .c_wrap {padding-top:60px; display: flex; justify-content: space-between; color:#85888d;}
#footer .c_wrap .copy {color:#85888d; line-height: 1.5em;}
#footer .c_wrap .area_lft span {display: block; margin-top:30px;}
#footer .area_rgh {position: relative; display: flex; gap:50px;}
#footer .area_rgh .sns_wrap {display: flex; gap:5px;}
#footer .area_rgh .sns_wrap li {width:37px; height:37px; background:#3f4550; border-radius: 100%;}
#footer .area_rgh .sns_wrap .face {background:url('../images/common/icon_sns_f_w.png') center no-repeat;}
#footer .area_rgh .sns_wrap .in {background:url('../images/common/icon_sns_in_w.png') center no-repeat;}
#footer .area_rgh .sns_wrap .yout {background:url('../images/common/icon_sns_y_w.png') center no-repeat;}
#footer .area_rgh .sns_wrap .blog {background:url('../images/common/icon_sns_b_w.png') center no-repeat;}
#footer .area_rgh .sns_wrap .inst {background:url('../images/common/icon_sns_insta_w.png') center no-repeat;}
#footer .area_rgh .sns_wrap a {display: block;width:100%; height:100%;}
#footer .smbk {position: absolute; bottom:0; right:0;}
#footer .smbk a {font-size:14px; color:#5f5f5f;}

/* top notice */
.top_notice {border-bottom:1px solid #e0e0e0;}
.top_notice .inner {display: flex; align-items: center; overflow: hidden;}
.top_notice h3 {flex:0 0 86px; position: relative; color:#024385; font-size:1em; font-weight: 700;}
.top_notice h3::after {content: ''; display: inline-block; width:2px; height:11px; background:#e0e0e0; position: absolute; right: 0; top: 50%; transform: translate(0, -50%);}
.top_notice .swiper {overflow: hidden; height: 56px;}
.top_notice .swiper .tit { padding:18px 25px; }
.top_notice .swiper a {display: block; color:#444444; font-weight: 500; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical; }
.top_notice .swiper-slide {display: flex; justify-content: space-between; overflow: hidden;}
.top_notice .swiper-slide .date {flex: 0 0 100px;  padding:18px 0; color:#999999; font-size:0.875em; font-weight: 300;}
.top_notice .tno_pager {flex:0 0 54px; display: flex; gap:2px; position: relative; z-index: 1;}
.top_notice .tno_pager > * {position: relative; top:auto; left:auto; bottom:auto; right: auto; margin:0;}

/* 메인 비주얼 */
.m_visual {margin:40px 0 88px 0; }
.m_visual .inner {display: flex; gap:40px;}
.m_visual .lft_wrap {flex:1 1 auto; overflow: hidden;}
.m_visual .lft_wrap .swiper {position: relative;}
.m_visual .lft_wrap .imgwrap {height:480px; margin-bottom:45px; border-radius: 15px; overflow: hidden;}
.m_visual .lft_wrap .tit {font-size:2.625em; letter-spacing: -0.075em; font-weight: 700; color:#000000; margin-bottom:15px;}
.m_visual .lft_wrap .tit > span {width:fit-content; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.m_visual .lft_wrap .txt p {font-size:1.125em; line-height: 1.555em; color:#777777; margin-bottom:29px; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.m_visual .lft_wrap .txt b {font-weight: 300; display: inline-block;}
.m_visual .lft_wrap .txt b::after {content: ''; display: inline-block; width:2px; height:12px; background:#e0e0e0; margin: 0 14px;}
.m_visual .lft_wrap .mv_pager {position: absolute; bottom:220px; right:0; width:283px; display: flex; gap:8px; align-items: center; background:#fff; border-radius: 15px 0 0 0; padding:25px 0 25px 0; z-index: 1; color:#c3c3c3;}
.m_visual .lft_wrap .mv_pager:before {content: ''; width: 40px; height: 30px; border: 9px solid #ffffff; position: absolute; bottom: 83px; border-top: 0; border-left: 0; -moz-border-radius: 0 0 0 20px; -webkit-border-radius: 0 0 0 20px; border-radius: 0 0 20px 0; right: -9px;}
.m_visual .lft_wrap .mv_pager:after{content: ''; width: 40px; height: 30px; border: 6px solid #ffffff;  position: absolute; bottom: -6px; border-top: 0; border-left: 0; -moz-border-radius: 0 0 20px 0; -webkit-border-radius: 0 0 20px 0; border-radius: 0 0 20px 0; left: -34px;}
.m_visual .lft_wrap .mv_pager > div {position: relative; width:auto;  top:auto; right:auto; bottom:auto; left:auto; margin:0;}
.m_visual .lft_wrap .mv_pager .swiper-pagination {width:94px; padding-left:23px; margin-right:7px;}
.m_visual .lft_wrap .mv_pager .stop {display: block; width:42px; height:42px; background:url('../images/main/btn_mv_pause.png') center no-repeat; background-size: contain;}
.m_visual .lft_wrap .mv_pager .stop.play {background:url('../images/main/btn_mv_play.png') center no-repeat; background-size: contain;}
.m_visual .lft_wrap .mv_pager .swiper-pagination-current {color:#024385;}
.m_visual .rgh_wrap {flex:0 0 410px; max-width: 410px;}
.m_visual .rgh_wrap .sec {border-bottom:1px solid #ebebeb; padding:39px 0;}
.m_visual .rgh_wrap .sec:first-child {padding:0 0 39px 0;}
.m_visual .rgh_wrap .sec a {display: flex; gap:50px;}
.m_visual .rgh_wrap .txt p {color:#000; font-weight: 700; font-size:1.25em; line-height: 1.5em; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.m_visual .rgh_wrap .date {display: block; margin-top:22px;}
.m_visual .rgh_wrap .img_wrap {flex:0 0 99px; width:99px; height:99px; border-radius: 10px; overflow: hidden;}

/* 출판물 & 행사 */
.m_article .inner {display: flex; gap:40px;}
.m_article h4 {position: relative; font-size:1.625em; font-weight: 700; color:#000; margin-bottom:38px;}
.m_article h4 a {display: inline-block; width:29px; height:29px; background:url('../images/main/btn_more.png') center no-repeat; margin:2px 0 0 10px; vertical-align: text-top; text-indent: -9999px;}
.m_article .lft_wrap h4::after {width:calc(100% - 120px);}
.m_article h4::after {content: ''; display: block; height:100%; width:calc(100% - 100px); border-bottom:2px solid #000000; position: absolute; bottom: 2px; right: 0;}
.m_article .lft_wrap {flex:1 1 auto; overflow: hidden;}
.m_article .lft_wrap .img_wrap {flex: 0 0 390px; height: 255px; border-radius: 10px; overflow: hidden;}
.m_article .lft_wrap .article a {display: flex; gap:63px; align-items: center; border-bottom:1px solid #ebebeb; padding:20px 0;}
.m_article .lft_wrap .article:first-child a {padding:0 0 20px 0;}
.m_article .lft_wrap .article:last-child a {padding:20px 0 0 0; border:none;}
.m_article .lft_wrap .txt_wrap {}
.m_article .lft_wrap .txt_wrap > span { display: block; color:#024385; font-weight: 700; margin-bottom:9px;}
.m_article .lft_wrap .txt_wrap .tit {font-size:1.875em; font-weight: 700; color:#000; letter-spacing: -0.075em; line-height: 1.3em; margin-bottom:18px;}
.m_article .lft_wrap .txt_wrap .tit span { width: fit-content; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.m_article .lft_wrap .txt_wrap .txt p {color:#777777; line-height: 1.75em; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; margin-bottom:44px; }
.m_article .lft_wrap .txt_wrap .txt b {font-weight: 300; display: inline-block;}
.m_article .lft_wrap .txt_wrap .txt b::after {content: ''; display: inline-block; width:2px; height:12px; background:#e0e0e0; margin: 0 14px;}

.m_article .rgh_wrap {flex:0 0 410px; max-width: 410px;}
.m_article .rgh_wrap .top_wrap {position: relative; background:#024385; border-radius: 15px; margin-bottom:67px;}
.m_article .rgh_wrap .top_wrap a {}
.m_article .rgh_wrap .top_wrap .tit {position: relative; color:#fff; text-align: center; font-size:1.625em; font-weight: 700; padding:75px 40px 0 40px;}
.m_article .rgh_wrap .top_wrap .tit::before {content: '“'; font-size:1.5384em; display: block;    position: absolute; top: 36px; left: 50%; transform: translate(-50%, 0);}
.m_article .rgh_wrap .top_wrap .txt {color:#81a1c2; text-align: center; padding:17px 40px 30px 40px;}
.m_article .rgh_wrap .top_wrap .txt p {line-height: 1.75em; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; }
.m_article .rgh_wrap .top_wrap .txt .date {display: block; color:#81a1c2; margin-top:30px;}
.m_article .rgh_wrap .top_wrap .tags {position: absolute; right:12px; top:15px; width: 53px; border:1px solid #4e7caa; color:#fff; background: transparent;}
.m_article .rgh_wrap .article {border-bottom:1px solid #ebebeb; padding:26px 0 25px 0;}
.m_article .rgh_wrap .article:first-child {padding:0 0 29px 0;}
.m_article .rgh_wrap .article a {display: flex; gap:50px;}
.m_article .rgh_wrap .article p {color:#000; font-weight: 700; font-size:1.25em; line-height: 1.5em; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical; margin:2px 0 6px 0; }
.m_article .rgh_wrap .tags {flex:0 0 53px; height:53px; line-height: 53px; text-align: center; background:#ebebeb; border-radius: 5px; font-size:0.875em; font-weight: 700; color:#000;}

/* 멀티미디어 */
.m_media {background:#f3f3f3; margin-top:100px; padding:95px 0 100px 0;}
.m_media h4 {position: relative; font-size:1.625em; font-weight: 700; color:#000; margin-bottom:38px;}
.m_media h4 a {display: inline-block; width:29px; height:29px; background:url('../images/main/btn_more_w.png') center no-repeat; margin:2px 0 0 10px; vertical-align: text-top; text-indent: -9999px;}
.m_media h4::after {content: ''; display: block; height:100%; width:calc(100% - 171px); border-bottom:2px solid #000000; position: absolute; bottom: 2px; right: 0;}
.m_media .med_wrap {display: flex; align-items: center; gap:20px;}
.m_media .med_wrap a {flex:1 1 50%; }
.m_media iframe {height:100%; width:100%;}
.m_media .med_wrap .txt_wrap {padding-right:50px;}
.m_media .med_wrap .tit { color:#000;font-size:2.625em; font-weight: 700; letter-spacing: -0.075em; line-height: 1.333em; margin-bottom:33px; }
.m_media .med_wrap .tit span {overflow: hidden; text-overflow: ellipsis;  display: inline;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; }
.m_media .med_wrap p {line-height: 1.75em; color:#777777; font-weight: 500; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 4;  -webkit-box-orient: vertical; margin-bottom:70px;}
.m_media .med_wrap .txt_wrap .date {color:#777777;}
.m_media .med_wrap .txt_wrap b {color:#777777; font-weight: 300; display: inline-block;}
.m_media .med_wrap .txt_wrap b::after {content: ''; display: inline-block; width:2px; height:12px; background:#e0e0e0; margin: 0 14px;}
.m_media .med_wrap .img_wrap {flex:1 1 50%; position: relative; height:409px;  background:#000;  margin-left:10px; border-radius: 20px; overflow: hidden;}
.m_media .med_wrap .img_wrap .btn_play {display: inline-block; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); width:48px; height:59px; background:url('../images/main/btn_play_b.png') center no-repeat; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out; opacity: 1; visibility: visible;}
.m_media .img_wrap.playing .btn_play {opacity: 0; visibility: hidden;}
.m_media .media_list {display: flex; gap:40px; overflow: hidden;}
.m_media .media_list .con {flex:0 0 calc(25% - 30px); height:210px; position: relative; overflow: hidden; border-radius: 10px; margin-top:40px;}
.m_media .media_list .txt_wrap {position: absolute; width:100%; height:100%; background:#000; color:#fff; z-index: 1; display: flex; align-items: flex-start; flex-direction: column; justify-content: flex-end; padding:20px;}
.m_media .media_list .txt_wrap p {font-size:1.25em; margin-bottom:15px; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.m_media .media_list .txt_wrap .date {font-size:0.875em;}
.m_media .media_list .img_wrap {position: relative; height:100%; z-index: 2;}
.m_media .img_wrap .movie {opacity: .35;}
.m_media .img_wrap.playing .movie { opacity: 1;}

/* 프로젝트 */
.m_project {padding:90px 0; overflow: hidden;}
/*.m_project::after {content: 'EAST ASIA INSTITUTE'; color:#ededed; font-weight: 700; font-size:15em;}*/
.m_project h4 {position: relative; font-size:1.625em; font-weight: 700; color:#000; margin-bottom:38px;}
.m_project h4 a {display: inline-block; width:29px; height:29px; background:url('../images/main/btn_more.png') center no-repeat; margin:2px 0 0 10px; vertical-align: text-top; text-indent: -9999px;}
.m_project h4::after {content: ''; display: block; height:100%; width:calc(100% - 150px); border-bottom:2px solid #000000; position: absolute; bottom: 2px; right: 0;}
.m_project .inner {display: flex; gap:40px;}
.m_project .lft_wrap {flex:1 1 100%;}
.m_project .pro_wrap {display: flex; flex-wrap: wrap; gap:12px 10px;}
.m_project .pro_wrap a {position: relative; font-size:1.25em; font-weight: 700;  color:#fff; display: flex; align-items: center; justify-content: center; height: 174px; text-align: center;}
.m_project .pro_wrap a::after {content: ''; display: inline-block; width:13px; height: 12px; background:url('../images/main/arrow_white.png') center no-repeat; position: absolute; bottom: 50px; left: 49%; transform: translate(-50%, 0); opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out;}
.m_project .pro_wrap a:hover::after {opacity: 1; visibility: visible; left:50%;}
.m_project .pro_wrap .pro {flex:0 0 calc(25% - 7.5px); border-radius: 10px; overflow: hidden;}
.m_project .pro_wrap .pro:nth-child(1) {background:url('../images/main/bg_pro01.jpg') center no-repeat; background-size: cover;}
.m_project .pro_wrap .pro:nth-child(2) {background:url('../images/main/bg_pro02.jpg') center no-repeat; background-size: cover;}
.m_project .pro_wrap .pro:nth-child(3) {background:url('../images/main/bg_pro03.jpg') center no-repeat; background-size: cover;}
.m_project .pro_wrap .pro:nth-child(4) {background:url('../images/main/bg_pro04.jpg') center no-repeat; background-size: cover;}
.m_project .pro_wrap .pro:nth-child(5) {background:url('../images/main/bg_pro05.jpg') center no-repeat; background-size: cover;}
.m_project .pro_wrap .pro:nth-child(6) {background:url('../images/main/bg_pro06.jpg') center no-repeat; background-size: cover;}
.m_project .pro_wrap .pro:nth-child(7) {background:url('../images/main/bg_pro07.jpg') center no-repeat; background-size: cover;}
.m_project .pro_wrap .pro:nth-child(8) {background:url('../images/main/bg_pro08.jpg') center no-repeat; background-size: cover;}
.m_project .rgh_wrap {flex:0 0 410px;}
.m_project .rgh_wrap h4::after {width:calc(100% - 150px);}
.m_project .link_wrap {}
.m_project .link_wrap .link {}
.m_project .link_wrap .link a {display: flex; justify-content: space-between; align-items: center; height:90px; padding:22px 0; border-bottom:1px solid #ebebeb;}
.m_project .link_wrap .txt {}
.m_project .link_wrap .txt span {color:#000; font-weight: 700; font-size:1.25em;}
.m_project .link_wrap .txt p {color:#999999; font-weight: 300; font-size:0.875em; display: block; margin-top:7px; }

.marqu {}
.marqu > div {font-size:15em; color:#ededed; font-weight: 700;}

/* 신규 로고 영역 */
.logo_wrap {}
.logo_wrap {}

.m_txt {height:310px; color:#fff; background:url('../images/main/bg_mtxt.jpg') center no-repeat; background-size:cover;}
.m_txt .inner {height: 100%; display: flex; align-items: center; }
.m_txt p {position: relative; font-size:1.625em; font-weight: 700; line-height: 1.461em;}
.m_txt p::before {content: '“'; font-size:2.307em; position: absolute; left: -54px; top: 10px;}

.snav_warp {width:100%;}
.snav_warp ul {display: flex; width: 100%; flex-direction: row; align-items: center; justify-content: space-between; border-radius: 30px;}
.snav_warp ul li {background:#171f39; text-align: center; flex: 1 1 50%;}
.snav_warp ul li.on {background:#005083;}
.snav_warp .one ul li:nth-child(1) { border-radius: 20px;}
.snav_warp .three ul li:nth-child(2) { border-radius: 0; border-right:1px solid rgba(255,255,255,0.1);}
.snav_warp .three ul li:nth-child(3) { border-radius: 0 20px 20px 0;}
.snav_warp ul li:nth-child(1) { border-radius: 20px 0 0 20px;}
.snav_warp ul li:nth-child(2) { border-radius: 0 20px 20px 0; border-left:1px solid rgba(255,255,255,0.1); }
.snav_warp ul li a {display: inline-block; color:#fff; font-weight: 700; padding:30px 0; width: 100%;}
.snav_warp ul li a span {display: inline-block; padding-left:15px;}

.sub_lo {padding:18px 0; border-bottom:1px solid #e0e0e0;}
.sub_lo li {display: inline-block; color:#999999; font-weight: 600; font-size:0.875em;}
.sub_lo li.active {color:#000000;}
.sub_lo li:after {content: ''; display: inline-block; width:1px; height:13px; background:#e0e0e0; margin: 0 11px; vertical-align: middle;}
.sub_lo li:last-child::after {display:none;}

/* 서브 메뉴 화살표 */
.snav_wrap {}
.snav_wrap .txt_wrap {position: relative; width: fit-content; padding-right:55px; cursor: pointer; z-index: 9; margin:48px 0 90px 0;}
.snav_wrap .txt_wrap .label::before {content: '';display: block;  width: 35px; height: 35px;  position: absolute; top: 10px; right:0px; background:#eeeeee; border-radius: 10px;}
.snav_wrap .txt_wrap .label::after {content: ''; display: block; position: absolute;  top: 23px;  right: 9px; width:16px; height:9px; background:url('../images/common/arrwo_snav.png') center no-repeat; background-size:contain;transition: .3s ease-in;}
.snav_wrap .txt_wrap.active .label::after {transform: rotate(180deg);}
.snav_wrap .txt_wrap .label {display: flex; width: inherit; height: inherit; border: 0 none; outline: 0 none; background: transparent; cursor: pointer; font-size:2.875em; font-weight: 700; letter-spacing: -0.045em;}
.snav_wrap .txt_wrap .optionList {position: absolute;  top: 55px; left: 0; width: 318px; padding: 50px 40px; background:#fff; list-style-type: none; overflow: hidden; max-height: 0; transition: .3s ease-in; border:1px solid #e0e0e0; border-radius: 10px; box-shadow: 27px 20px 0px rgba(178, 178, 178, 0.47); opacity: 0; visibility: hidden;}
.snav_wrap .txt_wrap.active .optionList {max-height:600px ; opacity: 1; visibility: visible; }
.snav_wrap .txt_wrap .optionItem {padding: 5px 15px 5px; transition: .1s;}
.snav_wrap .txt_wrap .optionItem a {position: relative; color:#000; font-size:1.5em; font-weight: 700; line-height: 2.166em;}
.snav_wrap .txt_wrap .optionItem a:hover {color:#024385;}
.snav_wrap .txt_wrap .optionItem a::after {content: ''; width:0%; height:4px; background:#024385; position: absolute; left:0; bottom:-5px;-webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out;}
.snav_wrap .txt_wrap .optionItem a:hover::after {width:100%; }

/*  서브 메뉴 화살표 하단에 3뎁스 텝메뉴 */
.snav_wrap .txt_wrap.has_tab {margin:48px 0 43px 0;}
.snav_wrap .sub_tab {margin-bottom:90px;}
.snav_wrap .sub_tab > ul {display: flex; align-items: center; }
.snav_wrap .sub_tab > ul li:first-child {border-left:1px solid #e0e0e0;}
.snav_wrap .sub_tab > ul li {border-right:1px solid #e0e0e0;}
.snav_wrap .sub_tab > ul a {display: block; color:#000; font-size:1.125em; padding:12px 22px; border-radius: 3px;}
.snav_wrap .sub_tab > ul .on a {background:#024385; color:#fff;}

/* 스크롤 커스텀*/
.snav_wrap .txt_wrap .optionList::-webkit-scrollbar {width: 6px;}
.snav_wrap .txt_wrap .optionList::-webkit-scrollbar-track {background: transparent; }
.snav_wrap .txt_wrap .optionList::-webkit-scrollbar-thumb {background: #303030; border-radius: 45px;}
.snav_wrap .txt_wrap .optionList::-webkit-scrollbar-thumb:hover {background: #303030;}


@media screen and (max-width:1024px) {		
	.only-m {display:block !important;}
	.only-pc {display:none !important;}	
	.inner {padding:0 10px;}		
	
	.m_visual .content {align-items: flex-start; flex-direction: column; padding:10vw 20px 0 20px; justify-content: center;}
	.m_visual .content .btxt {padding-bottom:20px;}
	.m_visual .content .stxt {font-size:30px;}
    
	#header #gnb {visibility: hidden; position: fixed; left:-100%; top:0; bottom:0; width: 100%; max-width: none; background:#fff; z-index: 9; margin:0;}
	#header #gnb.active {left:0; visibility: visible; padding:30px 20px; overflow-y: scroll;}
	#header #gnb.active .popup_bg {opacity: 1; visibility: visible; background:#fff;}
	#gnb .depth1 {display: inline-block;}	
	#gnb .depth1 > li {cursor: pointer;padding: 5px 10px;border-bottom:1px solid #f0f0f0; }
	#gnb .depth1 > li > a {display: block; font-weight: 900; color:#000; font-size: 1.625em; padding:6px 10px 13px 10px;}
	#gnb .depth1 > li.active > a::before {content: none;}
	#gnb .depth1 > li .depth2 {position: relative; top:0; width:100% !important; border-radius: 0; left:0 !important; background:none; box-shadow: none;opacity: 0; visibility: hidden; height:0;}
	#gnb .depth1 > li .depth2 > li {display: block; padding:10px 0;}
	#gnb .depth1 > li .depth2 > li a {font-weight: 600; color:#000;}
	#gnb .depth1 > li .depth2::after {content: none;}	 
	#gnb .depth1 > li.active .depth2 {opacity: 1; visibility: visible; height: 100%; display: block;}
	#gnb .logo_m.active {display: block; padding-bottom: 20px; margin-bottom: 20px; position: relative; text-align: right;}
    
    #header .m_view {display: block;}
    #m_gnb .wrap {padding:0 10px; margin-top:15px;}
    #m_gnb .wrap .m_top {display: flex; flex-direction: column; gap:25px; width:100%;}
    #header .wrap .search_m {position: relative; text-align: right;}
    #header .wrap .search_m input[type="text"] {position: relative; width:100%; height:40px; font-weight: 700; border:none; color:#000; padding:0 45px 0 15px; background:#eeeeee; border-radius: 10px;}
    #header .wrap .search_m input::placeholder {color:#bdbcbc; font-weight: 700;}
    #header .wrap .search_m label {display: none;}
    #header .wrap .search_m button {position: absolute; right: 10px; top: 12px; width: 17px; height: 17px; background: url(../images/common/icon_topSearch_m.png) center no-repeat; background-size: contain; text-indent: -999px; overflow: hidden;}
    
    #m_gnb .wrap .logo {display: none;}
    #m_gnb .wrap .close_m {display: inline-block; width:20px; height:20px; position: absolute; right:10px; top:12px; left:auto; transform: none; background:url('../images/main/btn_gnbClose.png') no-repeat; background-size: contain; text-indent: -9999px; }
    #m_gnb .gnb_wrap {margin-top: 25px; border-top:3px solid #111111;}
    #m_gnb .gnb_wrap .logo {background:url(../images/common/logo.png) left no-repeat; background-size: contain; width: 58%; min-width: 150px;}
    #m_gnb .gnb_wrap .depth1 {flex-direction: column;}
    #m_gnb .wrap .depth1 > li {border:none; border-bottom:1px solid #ebebeb;}
    #m_gnb .wrap .depth1 > li > a {display: flex; align-items: center; justify-content: space-between; color:#000; font-weight: 600; font-size:1.25em; margin:0; padding:22px 10px;}
    #m_gnb .gnb_wrap .depth1 a::after {content: ''; display: block; width:13px; height:10px; background:url('../images/main/arrow_mo.png') no-repeat; background-size:contain;-webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out;}
    #m_gnb .gnb_wrap .depth1 > li.active a::after {transform: rotate(180deg);}
    #m_gnb .gnb_wrap .depth2  {display: none; }
    #m_gnb .gnb_wrap .depth1 > li.active .depth2  {display: flex;flex-wrap: wrap; padding:0 0 22px 0;}
    #m_gnb .wrap .depth2 > li {flex:1 1 50%;}
    #m_gnb .wrap .depth2 > li > a {padding:0 10px;}
    
    /*     header */
    #header {height:100px; z-index: 99; background: #fff;}
    #header.is-fixed {position: fixed; top:0; height:70px;}
    #header.is-fixed .rgh_menu .t_wrap {display: block;}
    #header .logo a {width: 96px; height: 60px; margin-right: 50px;}
    #header.is-fixed .logo a {width:35px; height:35px; margin-right: 20px;}
    #header .rgh_menu .sns_wrap {display: none;}
    #header .rgh_menu .sch_wrap {display: none;}
    #header .rgh_menu .t_wrap {margin:0;}
    #header .inner {flex-direction: row-reverse;}
    #header .rgh_menu {width: auto; z-index: 97;}
    #header .m_view {margin:0;}
    #header .rgh_menu .lang_wrap li a {width:30px;}
    #header .m_view:before{width:25px; height:2px; top:-6px;}
    #header .m_view:after {width:25px; height:2px; top: -65px;}
    #header .m_view > div:after {width:25px; height:2px;}
		

	/*	footer */
    #footer .t_wrap > ul {justify-content: center; gap:15px;}
    #footer .t_wrap > ul a {padding:15px 0 ;}
    #footer .m_wrap {flex-wrap: wrap; padding:25px 0 0 0;}
    #footer .m_wrap .cate {flex:1 1 33.333%; text-align: center;}
    #footer .m_wrap .cate > div {margin-bottom:25px;}
    #footer .m_wrap .cate > ul {display: none;}
    #footer .c_wrap {flex-direction: column; padding-top:30px;}
    #footer .c_wrap .area_lft {width:100%; text-align: center;}
    #footer > .inner .copy {margin:0;}
    #footer > .inner .area_rgh {flex-direction: column-reverse; align-items: center; margin-top:30px; gap:25px;}
    
    /*     공지사항 */
    .top_notice h3 {flex:0 0 60px;}
    .top_notice .swiper {height:40px;}
    .top_notice .swiper .tit {padding:10px 15px; }
    .top_notice .swiper-slide .date {padding:10px 0; flex:0 0 75px;}
    
    .m_visual .inner {flex-direction: column;}
    .m_visual .content {padding:10px 0 0 0;}
    .m_visual .lft_wrap .tit {line-height: 1.55em;}
    .m_visual .lft_wrap .mv_pager {bottom:197px; padding:13px 0; width:170px;}
    .m_visual .lft_wrap .mv_pager > div,
    .m_visual .lft_wrap .mv_pager .stop,
    .m_visual .lft_wrap .mv_pager .stop.play {width:25px;}
    .m_visual .lft_wrap .mv_pager:before {bottom:59px}
    .m_visual .lft_wrap .mv_pager .swiper-pagination {width:65px;}
    .m_visual .lft_wrap .imgwrap {margin-bottom:15px;}
    .m_visual .rgh_wrap {flex:1 1 100%; max-width: 100%;}
    .m_visual .rgh_wrap .sec {padding:20px 0;}
    .m_visual .rgh_wrap .sec:first-child {padding:0 0 20px 0;}
    .m_visual .rgh_wrap .sec a {justify-content: space-between;}
    
    /* 출판물 & 행사 */
    .m_article .inner {flex-direction: column;}
    .m_article .lft_wrap .article a {flex-direction: column; gap:10px;}
    .m_article .lft_wrap .txt_wrap .tit {line-height: 1.35em; margin:0;}
    .m_article .lft_wrap .img_wrap {flex:1 1 280px; width: 100%;}
    .m_article .rgh_wrap {flex:1 1 100%; max-width: 100%;}
    .m_article .rgh_wrap .article a {justify-content: space-between;}    
    
    /* 멀티미디어 */
    .m_media .med_wrap {flex-direction: column-reverse;}
    .m_media .med_wrap .txt_wrap {padding:0;}
    .m_media .med_wrap .tit {margin-bottom:20px; font-size:2.142em;}
    .m_media .med_wrap p {margin-bottom:20px;}
    .m_media .med_wrap .img_wrap {flex:1 1 100%; width:100%; height:450px;}
    .m_media .med_wrap .img_wrap iframe {height:450px;}
    .m_media .bt_wrap {margin-top:40px;}
    .m_media .media_list .slick-slide {margin: 0 15px;}
    .m_media .media_list .slick-list { /*margin: 0 -15px;*/}
        
    /* 프로젝트 */
    .m_project .inner {flex-direction: column;}
    .m_project .pro_wrap .pro {flex:0 0 calc(50% - 7.5px);}
    .m_project .pro_wrap a {height:90px;}
    
    .m_txt {background:#154474; height: auto; background: linear-gradient(to bottom,  #154474 1%,#151b25 250%);}
    .m_txt .inner {padding:0; flex-direction: column;}
    .m_txt p {text-align: center; padding:53px 10px 40px 10px; font-size:1.4em;}
    .m_txt .img_wrap {height:150px; width:100%; background:url('../images/main/bg_mtxt2.png') center 80% / cover no-repeat; background-size:cover;}
    .m_txt p::before {left:50%; top:30px;}
	
	/* 서브비주얼 */
	.snav_warp ul li a span {display:none;}
	.snav_wrap .sub_tab > ul {flex-wrap: wrap;}
	.snav_wrap .sub_tab > ul li {flex:0 0 50%; border:none;}
	.snav_wrap .sub_tab > ul li:first-child {border:none;}
	.snav_wrap .sub_tab > ul a {text-align: center;}
	
}

@media screen and (max-width:768px) {	
	.only-sm {display:block;}	
	
	/*	footer */	
	
	
}

@media screen and (max-width:425px) {
	
    
	
}

@media screen and (max-width:320px) {	
	
	
}