@Charset "utf-8";

/* common */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  --primary-color: #182a42;
  --secondary-color: #0056b3;
  --accent-color: #e4e4e4;
  --text-dark: #313131;
  --text-light: #fff;
  --bg-light: #f8f9fa;
  --stroke-light: #fff;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0; padding:0; box-sizing:border-box}
fieldset,img{border:0 none; vertical-align:middle;}
dl,ul,ol,menu,li {list-style:none;}
input,select,textarea,button {vertical-align:middle;}
body,th,td,input,textarea,button {font:16px/1.4 "Pretendard Variable"; color:#313131; word-break:keep-all;}
a:active, a:HOVER, a:focus {text-decoration:none !important;}
a {color:#313131; text-decoration:none;}

body { font-family: "Pretendard Variable", "Roboto", sans-serif; }
html, body { width: 100%; min-width: 0; margin: 0; overflow-x: hidden; }
.container { width: 100%; margin: 0 auto; }
.panel__section { width: 100%; display: flex; justify-content: center; align-items: center; text-align: center; flex-direction: column; }
#top_btn { position:fixed; bottom:5%; right:3%; opacity:0; transition:1s; cursor:pointer; z-index:100; }

/* Header */
#head { width: 100%; height: 100px; position: fixed; top: 0; left: 0; z-index: 999; transition: background 0.3s; background: #fff; }
.header_inner { padding: 0rem 4rem; height: 100%; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; color: #333; transition: all 0.4s ease; }
.header .left_wrap { display: flex; align-items: flex-end; gap: 14px; }
.header .right_wrap { display: flex; gap: 18px; font-size: 1rem; align-items: center; }
.header_inner.scrolled .nav-links>li>a { color: #1d1d1d; }
.depart, .en { font-size: 1.25rem; font-weight: 600; letter-spacing: -2%; }
.logo>img { width: 200px; }
.gnb { height: 100px; display: flex; align-items: center; font-size: 1.25rem; }
.gnb .dep1 { position:relative; }
.gnb .dep1 .a1 { color: #1d1d1d; font-size: 1.25rem; font-weight: 600; margin: 0 3rem; transition: color 0.3s; white-space: nowrap; display: block; position:relative; }
.gnb .dep1 .a1::after { content:""; display:block; background: #3671D4; position:absolute; width:100%; height:4px; top:60px; opacity:0; left:0; }
.gnb .dep1 .a1:hover::after, .gnb .dep1 .a1.on::after { opacity:1; }
#head .gnb .dep1 .d2 { position:absolute; top:65px; right:0; width:100%; height:90px; justify-content:flex-end; align-items:center; display:none; z-index:2; }
#head .gnb .dep1 .a1.on + .d2 { display:flex; }
#head .gnb .dep1 .a2 { display:inline-block; font-size:18px; color:#444444; padding:10px 0; white-space:nowrap; }
#head .gnb .dep1 .a2:hover { color:#3671D4; }
#head .gnb .dep1 .a2 span { line-height:20px; white-space:nowrap; }
#head .gnb .dep1 .d2 { display:flex; gap:3rem; justify-content:center; display:none; }
#head .gnb .dep1 .a2+.a2 { margin-left:5%; }
#head .gnb-bg { position:absolute; top:100px; left:0; width:100%; height:90px; background:#fff; display:none; z-index:1; border-top:1px solid #d9d9d9; box-shadow: 0 6px 6px -6px rgba(0,0,0,.25); }
#head .gnb-bg.on { display:flex; }

.m_menu { display:none; transition: all 0.3s ease-out; }
.m_menu.move { transform: translateX(0); }
.m_menu { position:absolute; top:70px; right:0; width:60%; height:100vh; z-index:99; background:#fff; border-bottom:1px solid #ddd; }
.m_menu .login { height:70px; padding:0 30px; border-bottom:1px solid #ddd; background: #3671D4; display: flex; justify-content: center; gap: 30px; }
.m_menu .login a { display:inline-block; margin-left:5px; font-size:17px; line-height:70px; color:#fff; }
.m_menu .login span { display:inline-block; vertical-align:middle; line-height:20px; margin-left:5px; margin-bottom:10px; }
.m_menu .a1 { display:block; height:70px; line-height:70px; font-size:18px; color:#313131; text-align:left; padding:0 30px; border-bottom:1px solid #ddd; cursor:pointer; }
.m_menu .d2 { display:none; padding:20px 0; background:#f7f7f7; }
.m_menu .a2 { display:block; height:50px; line-height:50px; font-size:18px; color:#313131; text-align:left; padding:0 30px; }
.m_menu .m_search { display:block; height:70px; line-height:70px; font-size:15px; font-weight:bold; color:#bdbdbd; }
.m_menu .m_search input[type=text] { width:75%; height:36px; border:1px solid #3759b0; border-radius:5px; padding:0 30px 0 10px; margin-left:5%; }
.m_menu .m_search input[type=image] { margin:0 0 0 -30px; }
.m_menu .d2.on { display:block; }
.m_menu .a1.on2 { color:#3671D4; font-weight:600; }

/* Hide mobile elements on desktop */
.m_btn, .mobile-menu-overlay { display: none; }
#main_cont { width: 100%; margin: 0 auto; }
.panel__section_1 { padding: 100px 50px 0 50px; box-sizing: border-box; }
.main-section { position: relative; width: 100%; height: 740px; top: 0; overflow: hidden; box-sizing: border-box; }
.main-video { position: relative; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; border-radius: 20px; -o-object-fit: cover; object-fit: cover; }
.swiper-pagination-bullet { width: 34px; height: 4px; background-color: #3d3d3d; border-radius: 0; }
.main-section-inner { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 0 auto; padding: 0 20px; }
.hero_container { position: absolute; top: 40%; left: 35%; transform: translateX(-50%); z-index: 30; white-space: nowrap; }
.hero-content { text-align: left; color: #fff; }
.hero-content h1 { font-size: 3rem; font-weight: 700; margin-bottom: 1rem; }
.hero-content > .hero-text { font-size: 2rem; font-weight: 500; color: #efefef; line-height: 1.2; }
.hero-content .hero-text>span { display: block; }

/*research*/
.research-section { width: 100%; padding: 40px 0; display:flex; gap:50px; }
.research-cards { width: 45%; display: flex; justify-content: space-between; gap: 20px; flex-wrap:wrap; }
.research-card { display: block; width: calc(50% - 16px); height: 270px; overflow: hidden; border-radius: 26px; }

/* 콘텐츠 영역 */
.r-item { position: relative; width: 100%; height: 100%; padding: 40px; z-index: 1; border-radius: 26px; overflow:hidden; }

/* 배경 이미지 레이어 */
.r-item::before { content: ''; position: absolute; inset: 0; border-radius: 26px; background-position: center 100%; background-size: cover; transition: transform 0.8s ease; z-index: -1; }

/* hover 시 배경만 scale */
.research-card:hover .r-item::before { transform: scale(1.15); }
.item1::before { background-image: url(/site/mse2/img/common/r-item.jpg); }
.item2::before { background-image: url(/site/mse2/img/common/r-item2.jpg); }
.item3::before { background-image: url(/site/mse2/img/common/r-item3.jpg); }
.item4::before { background-image: url(/site/mse2/img/common/r-item4.jpg); }
.r-item::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, #000 0%, rgba(102, 102, 102, 0.00) 80%); border-radius: 26px; overflow: hidden; }
.r-text { position: relative; z-index: 10; color: #fff; text-align: left; display: flex; flex-direction: column; border-radius: 26px; }
.r-text>p:first-child { font-size: 3rem; margin-bottom: 14px; }
.r-text>p:last-child { font-size: 1.75rem;; font-weight: 500; }
.cate { position: absolute; z-index: 20; right: 0; bottom: 0; padding: 18px 26px; display: block; background: #fff; font-size: 1.25rem; color: #555; border-radius: 20px 0 0 0px; }
.cate::before { content: ''; position: absolute; left: -25px; bottom: 0; width: 25px; height: 20px; border-radius: 0 0 25px 0; box-shadow: 25px 25px 0 25px #fff; }
.cate::after { content: ''; position: absolute; right: 0px; bottom: 100%; width: 25px; height: 30px; border-radius: 0 0 25px 0; box-shadow: 25px 25px 0 25px #fff; }
.research-overlay { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; padding: 20px; background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent); color: #fff; font-weight: 500; text-align: center; }

.scroll { position: fixed; z-index: 99; width: 60px; color: var(--text-light); right: 0%; bottom: 10%; }
.scroll>p { margin-bottom: 20px; }
.scroll>img { animation: float 2s ease-in-out infinite; }
.mouse-on .scroll p { color: #313131; }
.mouse-on .scroll img { filter: invert(1); }
@keyframes float { 0% { transform: translateY(0); } 50% { transform: translateY(-10px); } 100% { transform: translateY(0); } }

/* Intro Section */
.panel__section_2 { background: url(/site/mse2/img/common/test.png) no-repeat center center; background-size: cover; height: 100vh; }
.intro-section { text-align: center; }
.intro_content h2 { font-size: 2.5rem; margin-bottom: 30px; color: #000; }
.intro_content>p { color: #666; max-width: 700px; margin: 0 auto 30px; line-height: 1.6; font-size: 1.125rem; }
.intro_content { margin-top: 40px; }
.intro_content p>span { display: block; }
.btn-view { display: flex; gap: 4px; justify-content: center; align-items: center; border: 1px solid #d9d9d9; width: 130px; height: 38px; background: #fff; border-radius: 30px; font-size: 0.875rem; color: #555; transition: all 0.3s; margin: 0 auto; }
.darkmd { background: none; color: var(--stroke-light); margin-top: 60px; }

/* Swiper 전체 영역 */
.focus-wrap { width: 100%; margin-bottom: 30px; display: flex; justify-content: center; align-items: center; overflow: hidden; }
/* Swiper 컨테이너 */
.focus-slider { width: 100%; max-width: 1300px; height: 400px; overflow: hidden; }
.focus-slider .swiper-slide { display: flex; justify-content: center; align-items: center; }
.focus-slider .slide-inner { transform: scale(0.7); filter: blur(6px); opacity: 1; transition: transform 0.6s ease, filter 0.6s ease, opacity 0.6s ease; }
/* 중앙 활성 */
.focus-slider .swiper-slide-active .slide-inner { transform: scale(1.15); filter: blur(0); opacity: 1; z-index: 10; }
/* 이미지 */
.focus-slider img { width: 380px; height: auto; display: block; }

/*dec_bg*/
.dec_bg { position: absolute; bottom: 0; width: 100%; left: 0; height: 120px; overflow: hidden; z-index: 0; opacity: 0.6; pointer-events: none; }
.dec_bg>p { position: absolute; left: 0; top: 0; width: max-content; animation: bg_ani 30s linear infinite; will-change: transform; }
@keyframes bg_ani { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

/* Education Section */
.panel__section_3 { background: url(/site/mse2/img/common/edu_bg.png) no-repeat center; background-size: cover; height: 100vh; }
.education-section { color: #fff; }
.edu-container { position: relative; z-index: 1; max-width: 1440px; margin: 0 auto; text-align: center; }
.edu-header { margin-bottom: 80px; }
.edu-header h2 { font-size: 2.5rem; margin-bottom: 20px; }
.edu-header>p { line-height: 1.6; font-size: 1.125rem; font-weight: 300; }
.edu-header>p>span { display: block; }
.edu-cards { display: flex; justify-content: center; gap: 30px; flex-wrap: wrap; display:none; }
.edu-cards.on { display: flex;  }
.edu { display:block; width:100%; }
.edu-tab { margin-bottom: 65px; }
.edu-tab>ul { display: flex; gap: 85px; justify-content: center; position: relative; }
.edu-tab>ul::after { content: ""; position: absolute; bottom: -30px; width: 100%; border-bottom: 1px solid #d9d9d9; }
.edu-tab>ul>li { font-size: 1.875rem; color: #b5b5b5; cursor: pointer; }
.edu-tab>ul>li.on { color: var(--text-light); font-weight: 500; }
.edu-card { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); width: 250px; height: 140px; border-radius: 5px; transition: transform 0.3s, background 0.3s; cursor: pointer; position: relative; }
.edu-card:hover { background: #fff; transform: translateY(-10px); color: var(--text-dark); }
.edu-icon > img { object-fit: contain; margin-bottom: 20px; display: block; position: absolute; right: 25px; bottom: 0px; width: 70px; }
.hover { opacity: 0; }
.edu-card:hover .hover { opacity: 1; }
.edu-card:hover .default { opacity: 0; }
.edu-card:hover .edu-title { color:#313131; }
.edu-title { font-size: 1.2rem; font-weight: 400; padding: 26px 148px 89px 28px; color:#fff; }

/* Community Section */
.panel__section_4 { position: relative; height: 100vh; background: url(/site/mse2/img/common/community_bg2.png) no-repeat 100%; background-size: cover; } 
.community-section { max-width: 1440px; margin: 0 auto; box-sizing: border-box; padding: 0 30px; }
.comm-container { width: 55%; max-width: 1440px; margin: 0 auto; white-space: normal; }
.comm-header { text-align: center; margin-bottom: 50px; }
.comm-header h2 { font-size: 2.5rem; position: relative; display: inline-block; padding-bottom: 10px; }
.comm-content { display: flex; gap: 40px; }
.comm-notices, .comm-news { flex: 1 1 0; }
.comm { position: relative; }
.comm::before { content: ""; width: 160px; height: 160px; background: url(/site/mse2/img/common/deco_circle.png) no-repeat; background-size: 100%; position: absolute; right: -30px; bottom: 50px; transform: rotate(0deg); animation: rotate 8s linear infinite; z-index: 1; }
@keyframes rotate { 100% { transform: rotate(360deg); } }
.section-title { font-size: 1.875rem; font-weight: 700; margin-bottom: 20px; border-bottom: 2px solid #333; padding-bottom: 10px; display: flex; justify-content: space-between; align-items: center; }
.notice-list li { display: flex; font-weight: 400; justify-content: space-between; padding: 15px 0; border-bottom: 1px solid #eee; font-size: 1.25rem; color: #313131; transition: color 0.2s; align-items: center; text-align:left;}
.notice-list li .notice-title{verflow-wrap: break-word; text-overflow: ellipsis; overflow: hidden; word-break: break-word;  display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.notice-list li:last-child { border-bottom: none; }
.notice-list li:hover { color: var(--primary-color); cursor: pointer; }
.notice-date { color: #999; font-size: 1rem; }
.news-card { display: flex; gap: 20px; margin-bottom: 20px; }
.qmenu { display: flex; gap: 16px; margin-top: 24px; }
.qmenu-item { flex: 1; height: 190px; border-radius: 8px; overflow: hidden; }
.qmenu-title { width: 100%; height: 100%; padding:36px 34px 0 34px; box-sizing: border-box; text-align: left; }
.qmenu-title > .qmenu-t1 { font-size: 1.25rem; color: #fff; display: block; font-weight: 500; white-space:nowrap; }
.qmenu-title .qmenu-t2 { font-size: 1rem; margin-top: 18px; font-weight: 400; line-height: 1.6; color:#fff; display: block; }
.q-item-1 { background: url(/site/mse2/img/common/qmenu1.png) no-repeat center / cover; }
.q-item-2 { background: url(/site/mse2/img/common/qmenu2.png) no-repeat center / cover; }
.news-thumb { background-size: cover; background-position: center; border: 1px solid #d9d9d9; }
.news-thumb img { max-width: 100%; height: auto; display: block; height:320px; object-fit:cover;}
.news-info { text-align: left; margin-top: 24px;  }
.news-info h4 { font-size: 1.5rem; margin-bottom: 10px; line-height: 1.4; font-weight: 500; white-space: normal; overflow-wrap: break-word; text-overflow: ellipsis; overflow: hidden; word-break: break-word;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical}
.news-date { font-size: 1rem; color: #999; }
.dec_circle { position: absolute; top: 200px; right: 200px; }

/* Footer */
#tail footer { position: relative; background: #111; color: #777; font-size: 0.85rem; }
#tail .ft_inner { max-width: 1440px; padding: 65px 30px; margin: 0 auto; }
#tail .tail { margin-top:30px; }
#tail .tail .link { font-size:16px; color:#b1b1b1; line-height:30px; }
#tail .tail .link a { color:#b1b1b1; white-space:nowrap; }
#tail .tail .link a:nth-child(1) { font-weight:bold; color:#fff; }
#tail .tail .text { font-size:16px; color:#b1b1b1; line-height:24px; overflow:hidden; }
#tail .tail .text span { white-space:nowrap; }
#tail .ft-logo>img { width: 220px; }

.dec-bg { position: absolute; bottom: 0; width: 100%; left: 0; height: 150px; overflow: hidden; z-index: 1; pointer-events: none; }
.dec-bg>img { position: absolute; left: 0; top: 0; width: max-content; animation: bg_ani 30s linear infinite; will-change: transform; }
@keyframes bg_ani { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }


@media screen and (max-width: 1280px) {
  .panel__section { min-height: auto; padding-bottom: 0; overflow: hidden; display: flex; align-items: center; justify-content: center;}
  .main-section { height: 600px; }

  /* 헤더 (크기 조정) */
  .logo > img { width: 180px; }
  .gnb .dep1 .a1 { padding: 0 1rem; font-size: 1rem; margin: 0 1rem; }
  .header .right_wrap { font-size: 0.875rem; gap: 8px; }

  /* 히어로 섹션 */
  .hero_container { left: 5%; top: 50%; transform: translateY(-50%); }
  .hero-content h1 { font-size: 2.2rem; }
  .hero-content > .hero-text { font-size: 1.25rem; }

  /* 리서치 섹션 */
  .research-card { height: 280px; }
  .r-text > p:last-child { font-size: 1.25rem; }

  /* 인트로 섹션 */
  .intro_content { margin-top: 30px; }
  .intro_content h2 { margin-bottom: 15px; font-size: 2rem; }
  .intro_content p { margin-bottom: 20px; font-size: 1rem; line-height: 1.4; }
  .focus-slider { height: 250px; }
  .focus-slider img { width: 280px; }
  .btn-view, .btn-view.darkmd { margin-top: 30px; }

  /* 교육 섹션 */
  .education-section { padding: 0 50px; height: 100%; display: flex; flex-direction: column; justify-content: center; }
  .edu-header { margin-bottom: 30px; }
  .edu-header h2 { font-size: 1.8rem; margin-bottom: 20px; }
  .edu-header p { font-size: 0.95rem; line-height: 1.3; }
  .edu-tab { margin-bottom: 60px; }
  .edu-tab > ul { gap: 60px; }
  .edu-tab > ul > li { font-size: 1.4rem; }
  .edu-cards { gap: 20px; justify-content: center; }
  .edu-card { height: 120px; width: 220px; }
  .edu-title { padding: 20px; font-size: 1.1rem; }
  .edu-icon > img { right: 20px; width: 50px; height: auto; object-fit: contain; }

  /* 커뮤니티 섹션 */
  .comm-container { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; box-sizing: border-box; padding: 20px; }
  .comm-header { margin-bottom: 3vh; }
  .comm-header h2 { font-size: 1.8rem; }
  .comm-content { gap: 30px; height: auto; max-height: 100%; }
  .section-title { font-size: 1.4rem; margin-bottom: 1vh; }
  .notice-list li { padding: 10px 0; font-size: 1rem; }
  .notice-list li .notice-title{width:300px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
  .news-info h4 { font-size: 1.1rem; margin-bottom: 5px; line-height: 1.3; }
  .news-date { font-size: 0.9rem; }
  .qmenu-item { width: 100%; max-width: 100%; border-radius: 8px; max-height: 140px; background-size: cover; background-position: center; }
  .qmenu-title .qmenu-t1 { font-size: 1.1rem; }
  .qmenu-title .qmenu-t2 { font-size: 0.85rem; margin-top: 12px; }
  .qmenu > a { flex: 1; min-width: 0; }

  /* 푸터 */
  .footer-content { padding: 65px 40px; }
  #tail .ft_inner { padding: 65px 40px; }

  /* 공통 및 섹션 설정 */
  .mob_bg { width: 100%; position: fixed; top: 70px; left: 0; height: 100%; background: rgba(0, 0, 0, 0.4); display: none; }
  .panel__section { height: auto; padding: 76px 0; }
  .panel__section_1 { padding: 0; }
  .panel__section:first-child { padding-top: 0; }
  .main-video { border-radius: 0; }
  .dec-bg { display: none; }

  /* 모바일 헤더 및 햄버거 메뉴 */
  #head { height: auto; min-height: 70px; padding-top: 20px; }
  .header_inner { height: 100%; display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 0 20px; gap: 0; position: relative; z-index: 1000; }
  .gnb, .right_wrap, #head .depart, #head .en { display: none !important; }
  .header_inner .left_wrap { width: auto; margin-bottom: 0; }
  
  .m_btn { display: flex; flex-direction: column; justify-content: space-between; width: 30px; height: 20px; cursor: pointer; z-index: 1001; }
  .m_btn span { display: block; width: 100%; height: 3px; background: #313131; transition: all 0.3s ease; }
  .m_btn.menu-open span:nth-child(1) { transform: translateY(9px) rotate(45deg); background: #111; }
  .m_btn.menu-open span:nth-child(2) { opacity: 0; }
  .m_btn.menu-open span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); background: #111; }
  
  .mobile-menu-overlay { position: fixed; top: 0; right: -100%; width: 100%; height: 100vh; background: #fff; z-index: 999; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: right 0.4s ease-in-out; }
  body.menu-open .mobile-menu-overlay { right: 0; }
  .mobile-nav-links { text-align: center; margin-bottom: 30px; }
  .mobile-nav-links li { margin: 20px 0; }
  .mobile-nav-links li a { font-size: 1.5rem; color: #111; font-weight: 700; }
  .mobile-right-wrap { display: flex; gap: 20px; }
  .mobile-right-wrap a { font-size: 1rem; color: #555; font-weight: 500; }

  /* 히어로 섹션 */
  .hero-content h1 { font-size: 1.8rem; }
  .hero-content > .hero-text { font-size: 1rem; }

  /* 리서치 섹션 */
  .research-section { flex-direction: column; padding: 20px; }
  .research-cards { flex-direction: column; gap: 30px; width: 100%; }
  .research-card { width: 100%; height: 240px; border-radius: 8px; }

  /* 인트로 섹션 */
  .intro_content h2 { font-size: 1.8rem; }
  .intro_content p { padding: 0 20px; word-break: break-all; }
  .focus-slider img { width: 240px; }

  /* 교육 섹션 */
  .education-section { padding: 20px; }
  .edu-header h2 { font-size: 2rem; margin-bottom: 10px; }
  .edu-header > p { font-size: 1rem; line-height: 1.5; }
  .edu-tab > ul { gap: 20px; }
  .edu-tab > ul > li { font-size: 1.25rem; }
  .edu-cards { flex-direction: row; align-items: center; gap: 10px; padding: 0 10px; }
  .edu-card { width: auto; flex: 1; max-width: none; height: 130px; }
  .edu-title { padding: 20px 10px; font-size: 1rem; word-break: keep-all; }
  .edu-icon > img { right: 50%; transform: translateX(50%); bottom: 10px; object-fit: contain; width: 50px; }

  /* 커뮤니티 섹션 */
  .comm-content { flex-direction: column; gap: 30px; }
  .section-title { font-size: 1.25rem; }
  .notice-list li { font-size: 1rem; flex-direction: column; align-items: flex-start; gap: 5px; text-align: left; }
  .notice-list li > .notice-title { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .news-card { flex-direction: column; }
  .news-thumb { width: 100%; }
  .news-info h4 { font-size: 1.125rem; }
  .comm::before { width: 80px; height: 80px; bottom: 30px; right: -20px; }
  .qmenu { flex-direction: column; }
  .qmenu-item { border-radius: 8px; width: 100%; background-size: cover; max-height: 140px; }

  /* 푸터 */
  footer { padding: 30px 20px; text-align: center; }
  .footer-content { padding: 0; }
  .footer-logo { display: block; margin: 0 auto 15px; }
}

/* 리스트  형식 */
#sub .wrap_order {background:none}
#sub .wrap_order li.prev {padding:15px 5px; line-height:24px; background:url(/site/www/images/board/line_dot.gif) repeat-x 0 100%;}
#sub .wrap_order li.next {padding:15px 5px; line-height:24px;}


#sub .board_container .board caption {font-size:0; height:0;}
#sub .board_container table {border-top:2px solid #1886e4; margin-bottom:20px;}
#sub .board_container th {font-size:17px; color:#313131; padding:15px 5px; line-height:24px; border:none; border-bottom:1px solid #dddddd; white-space:nowrap;}
#sub .board_container td {font-size:16px; color:#313131; padding:15px 5px; line-height:24px; border-bottom:1px solid #dddddd;}
#sub .board_container td+.body_col_title img {margin-top:-8px;}
#sub .board_container td a {color:#313131;}
#sub .board_container td a:HOVER {font-weight:bold;}
#sub .board_container .al {text-align:left !important;}
#sub .board_container .order {background:none;}
#sub .board_container .body_col_regdate {color:#5c5c5c;}
#sub .board_container .body_col_number {text-align:center;}

#sub .tbl_list {border-top:2px solid #1886e4; border-collapse:collapse;}
#sub .tbl_list th {font-size:17px; color:#313131; padding:15px 5px; line-height:24px;}
#sub .tbl_list td {font-size:16px; color:#5c5c5c; padding:15px 5px !important; line-height:24px; border-bottom:1px solid #dddddd;}
#sub .tbl_list td.cont {min-height:300px; vertical-align:top; word-break:break-all;}
#sub .tbl_list td.cont img {max-width:908px;}

#sub .tbl_list td .board_comment {margin-bottom:-15px !important;}
#sub .tbl_list td .board_comment div {padding:10px 0; line-height:24px;}
#sub .tbl_list td .board_comment div:nth-child(1) {padding:0 0 10px; border-top:none !important;}
#sub .tbl_list td .board_comment div:nth-last-child(1) {padding:0;}
#sub .tbl_list td .board_comment #txt_comment {padding:10px; width:calc(100% - 210px) !important; border-radius:5px;}
#sub .tbl_list td .board_comment input[type=button] {padding:10px 0; width:90px; height:41px !important; color:#fff; border-radius:5px; border:none; background:#1886e4 ;}


#sub .tbl_view {border-top:2px solid #1886e4; border-collapse:collapse;}
#sub .tbl_view th {font-size:17px; color:#313131; padding:15px 5px; line-height:24px; text-align:center; border-bottom:1px solid #dddddd;}
#sub .tbl_view td {font-size:16px; color:#5c5c5c; padding:15px 10px; line-height:24px; border-bottom:1px solid #dddddd; background:#fff;}
#sub .tbl_view td.cont {word-break:break-all;}

#sub .blog_list .list h2 {margin-bottom:5px;}
#sub .blog_list .list h2 a {font-size:18px;}


@media only screen and (max-width:640px) {
	#sub .board_container .dn3 {display:none;}
	#sub .board_container .dn4 {display:none;}
	#sub .board_container .dn6 {display:none;}
	#sub .board_container .wrap_cont th:nth-child(3) {display:none;}
	#sub .board_container .wrap_cont td:nth-child(4) {display:none;}
	#sub .board_container .wrap_cont th:nth-child(5) {display:none;}
	#sub .board_container .wrap_cont td:nth-child(6) {display:none;}

	#sub .board_container .wrap_cont tr:nth-child(1) td:nth-child(2) {width:100%;}
	#sub .board_container .wrap_cont tr:nth-child(2) td:nth-child(2) {border-top:1px solid #ddd;}
	#sub .board_search_panel select{padding: 0 5px; }
}