@charset 'utf-8';

@font-face {
    font-family:'Pretendard';
    font-style:normal;
    font-weight:400;
    src:url('fonts/Pretendard-Regular.woff') format('woff');
}
@font-face {
    font-family:'Pretendard';
    font-style:normal;
    font-weight:500;
    src:url('fonts/Pretendard-Medium.woff') format('woff');
}
@font-face {
    font-family:'Pretendard';
    font-style:normal;
    font-weight:600;
    src:url('fonts/Pretendard-SemiBold.woff') format('woff');
}
@font-face {
    font-family:'Pretendard';
    font-style:normal;
    font-weight:700;
    src:url('fonts/Pretendard-Bold.woff') format('woff');
}
@font-face {
    font-family:'NotoSansJP';
    font-style:normal;
    font-weight:400;
    src:url('fonts/NotoSansJP-Regular.woff') format('woff');
}
@font-face {
    font-family:'NotoSansJP';
    font-style:normal;
    font-weight:600;
    src:url('fonts/NotoSansJP-Bold.woff') format('woff');
}

/* common */
* {
  margin:0;
  padding:0;
  font-family:'Pretendard', sans-serif;
  font-weight:400;
  -webkit-tap-highlight-color:transparent;
}

.jp,
.jp * {
  font-family:'NotoSansJP', 'Pretendard', sans-serif !important;
}
body{font-size:18px; color:#000; line-height:1.2; -webkit-text-size-adjust:none;}
a{color:inherit; text-decoration:none;}
hr, caption, legend{display:none;}
colgroup{background:none;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:700;}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, form, fieldset, table, caption, tbody, tfoot, thead, tr, th, td, figure, figcaption, img{margin:0; padding:0; border:0;}
ul, ol, li{list-style:none;}
table{clear:both; width:100%; border-spacing:0; border:0;}
p, div, th, td{font-size:100%;}
b{font-weight:700;}
img,input,select,textarea{vertical-align:middle;}
input,select,textarea, button{font-family:'Pretendard'; font-size:100%; outline:none;}
textarea{resize:none;}
input[type="submit"], button{cursor:pointer;}
button{outline:none; border:0; appearance:none;}
button::-moz-focus-inner{padding: 0; border:0;}
::placeholder{color:#999;}
.blind{position:absolute; top:0; left:-9999px; width:0; height:0; overflow:hidden; font-size:0; line-height:0;}
.lock{overflow:hidden;}

.inner{position:relative; width:1240px; margin:0 auto;}
.mo{display:none;}

.jp {font-family: 'NotoSansJP', sans-serif;}

/* header */
header{position:fixed; top:0; left:0; z-index:5; width:100%; transition:all .2s;}
header .inner{display:flex; justify-content:space-between; align-items:center; height:100px;}
header h1{width:225px; height:52px; overflow:hidden; text-indent:-9999px; background:url(../images/logo.png) no-repeat 0 0; background-size:100% auto;}
header h1 a{display:block; width:100%; height:100%;}
.main-nav ul{display:flex; gap:78px;}
.main-nav a{position:relative; font-size:24px; font-weight:700; color:#fff;}
.main-nav a.active{color:#49bfff;}
.main-nav a.active:after{position:absolute; bottom:-36px; left:0; width:100%; height:2px; content:''; background:#49bfff;}
.btn-nav,
.main-nav .nav-util{display:none;}
header.fixed{background:#fff;}
header.fixed h1{background:url(../images/logo_wh.png) no-repeat 0 0; background-size:225px auto;}
header.fixed .main-nav a{color:#000;}
header.fixed .main-nav a.active{color:#49bfff;}

/* footer */
footer{background:#333;}
.footer-nav{background:#292929;}
.footer-nav .inner{padding:22px 0;}
.footer-nav a{margin:0 40px 0 0; font-size:16px; color:#fff; line-height:1.5;}
.footer-nav a.privacy{font-weight:700; color:#49bfff;}
.site-info .inner{display:flex; justify-content:space-between; align-items:center; padding:37px 0 77px;}
.site-info .info{font-size:16px; color:rgba(255, 255, 255, .5); line-height:1.5;}
.site-info .info div + div{margin:5px 0 0;}
.site-info .link .logo{position:relative; display:flex; justify-content:flex-end; gap:40px; margin:0 0 20px;}
/*.site-info .link .logo:after{position:absolute; top:50%; right:110px; width:1px; height:43px; content:''; background:#fff; transform:translateY(-50%);}*/
.site-info .link .logo > div{overflow:hidden; text-indent:-9999px;}
.site-info .link .logo .auburn{width:80px; height:63px; background:url(../images/logo_auburn.png) no-repeat center; background-size:100% auto;}
.site-info .link .logo .yeungjin{width:90px; height:63px; background:url(../images/logo_yeungjin.png) no-repeat center; background-size:100% auto;}
.site-info .link select{appearance:none; width:240px; height:52px; padding:0 20px; font-size:16px; color:#fff; border:1px solid rgba(255, 255, 255, .5); border-radius:10px; background:#333 url(../images/ico_arrow_select.svg) no-repeat right 20px center;}

.popup{position:fixed; top:50%; left:50%; z-index:10; display:flex; flex-direction:column; width:800px; max-height:90vh; overflow:hidden; border:1px solid #e0e6f3; border-radius:10px; background:#fff; transform:translate(-50%, -50%);}
.popup-header{display:flex; justify-content:space-between; align-items:center; padding:20px; border-bottom:1px solid #000;}
.popup-header h1{padding:0 0 0 40px; font-size:24px; font-weight:600; background:url(../images/logo_sm.png) no-repeat 0 center; background-size:30px auto;}
.popup-header .btn-popup-close{position:relative; width:24px; height:24px; overflow:hidden; text-indent:-9999px; background:none;}
.popup-header .btn-popup-close:before{position:absolute; top:3px; left:10px; width:2px; height:18px; content:''; background:#5f6368; transform:rotate(-45deg);}
.popup-header .btn-popup-close:after{position:absolute; top:3px; left:10px; width:2px; height:18px; content:''; background:#5f6368; transform:rotate(45deg);}
.popup-body{flex:1; overflow:auto; padding:20px;}
.popup-body h2{margin:0 0 10px; font-size:20px; font-weight:700;}
.popup-body h3{position:relative; margin:0 0 20px; padding:0 0 0 15px; font-size:16px; font-weight:400;}
.popup-body h3:before{position:absolute; top:50%; left:0; width:3px; height:3px; content:''; border-radius:50%; background:#0e70b8; transform:translateY(-50%);}
.popup-body .info{font-size:16px; color:#767676;}
.tbl-popup{margin:0 0 20px; font-size:16px; border-top:1px solid #ddd;}
.tbl-popup th{padding:22px 0; font-weight:700; border-bottom:1px solid #ddd; background:#eef4f8;}
.tbl-popup td{padding:21px; font-weight:500; color:#767676; text-align:center; border-bottom:1px solid #ddd;}
.popup-btn{display:flex; min-height:64px; border-top:1px solid #ddd;}
.popup-btn .btn{flex:1; font-size:20px; font-weight:600; background:#fff;}
.popup-btn .btn:not(:first-child){border-left:1px solid #ddd;}

.main-contents .section-title{margin:0 0 10px; font-size:30px; font-weight:600; line-height:1.4;}
.main-visual{position:relative; height:970px; overflow:hidden; color:#fff;}
.main-visual:before{position:absolute; top:0; left:0; width:100%; height:120px; content:''; background:linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0))}
.main-visual:after{position:absolute; bottom:0; left:0; width:100%; height:300px; content:''; background:linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0))}
.main-visual .swiper-slide{background-size:cover;}
.main-visual .inner{height:100%;}
.main-visual p{position:absolute; bottom:130px; font-size:28px; line-height:1.5}
.main-visual p strong{display:block; margin:30px 0; font-size:40px; font-weight:700; line-height:1;}

.login-modal{display:none;}

.main-login{position:relative; z-index:2; display:flex; width:1240px; overflow:hidden; margin:-90px auto 0; border-radius:10px; background:#fff; box-shadow:0 0 30px rgba(0, 0, 0, .15);}
.main-login .mo-login{display:none;}
.main-login .login{position:relative; z-index:2; padding:30px 57px 30px 50px; font-size:14px; color:#232323;}
.main-login .login a{text-decoration:underline;}
.main-login h2{margin:0 0 15px; font-size:24px; font-weight:600;}
.main-login .input-area{display:flex; gap:12px; margin:0 0 18px;}
.main-login input{width:160px; height:42px; box-sizing:border-box; padding:0 12px; border:0; border-bottom:2px solid #000;}
.main-login input::placeholder{color:#232323;}
.main-login .login .btn-login{width:96px; font-weight:700; color:#fff; border-radius:5px; background:#000;}
.main-login .quick{flex:1; display:flex; background:#49bfff;}
.main-login .quick a{position:relative; flex:1; display:flex; align-items:center; padding:0 0 0 165px; font-size:20px; font-weight:600; color:#fff; letter-spacing:-0.03em;}
.main-login .quick a:first-child{background:url(../images/ico_quick01.png) no-repeat 60px center; background-size:90px auto;}
.main-login .quick a:last-child{background:url(../images/ico_quick02.png) no-repeat 60px center; background-size:90px auto;}
.main-login .quick span{padding:0 20px 0 0; background:url(../images/ico_arrow_wh.svg) no-repeat right center;}

.main-notice{padding:100px 0 55px;}
.main-notice .inner{display:flex; justify-content:space-between;}
.main-notice .notice{position:relative; width:430px;}
.main-notice .btn-more{position:absolute; top:10px; right:0;}
.main-notice li{display:flex; align-items:center;}
.main-notice li:not(first-child){margin:15px 0 0;}
.main-notice li a{flex:1; position:relative; overflow:hidden; padding:0 0 0 10px; text-overflow:ellipsis; white-space:nowrap;}
.main-notice li a:before{position:absolute; top:50%; left:0; width:3px; height:3px; content:''; border-radius:50%; background:#0e70b8;}
.main-notice li .new{padding:2px 11px;font-size:14px; color:#fff; border-radius:10px; background:#ff5325;}
.main-notice .quick{display:flex; gap:30px;}
.main-notice .quick a{width:186px; box-sizing:border-box; padding:146px 0 0; text-align:center; border:1px solid #555;}
.main-notice .quick a:nth-child(1){background:url(../images/ico_quick03.png) no-repeat center 50px; background-size:66px auto;}
.main-notice .quick a:nth-child(2){background:url(../images/ico_quick04.png) no-repeat center 50px; background-size:66px auto;}
.main-notice .quick a:nth-child(3){background:url(../images/ico_quick05.png) no-repeat center 50px; background-size:66px auto;}
.main-notice .quick span{padding:0 24px 0 0; font-weight:600; color:#555; background:url(../images/ico_arrow_bk.svg) no-repeat right center;}

.main-customer{background:url(../images/bg_customer.png) no-repeat center 0; background-size:cover;}
.main-customer .inner{display:flex; justify-content:space-between; align-items:center; padding:120px 0; color:#fff;}
.main-customer .customer{width:420px;}
.main-customer .customer p{margin:0 0 30px; padding:0 0 0 35px; font-size:24px; font-weight:600; background:url(../images/ico_clock.svg) no-repeat 0 center;}
.main-customer .customer li{display:flex; justify-content:space-between; align-items:center; gap:10px;}
.main-customer .customer li:not(:first-child){margin:10px 0 0;}
.main-customer .customer .dashed{flex:1; border-bottom:1px dashed #fff;}
.main-customer .quick{display:flex; gap:30px;}
.main-customer .quick a{width:310px; box-sizing:border-box; padding:30px 0 20px 40px; box-shadow:0 0 30px rgba(0, 0, 0, .15);}
.main-customer .quick a:nth-child(1){background:#33a3d7 url(../images/ico_quick06.png) no-repeat right 40px top 20px; background-size:44px auto;}
.main-customer .quick a:nth-child(2){background:#33a3d7 url(../images/ico_quick07.png) no-repeat right 40px top 20px; background-size:44px auto;}
.main-customer .quick .sbj{display:block; margin:0 0 30px; font-size:20px;}
.main-customer .quick .txt{font-size:16px; line-height:1.4;}

/* sub */
.sub-visual{height:485px; box-sizing:border-box; padding:240px 0 0; color:#fff; text-align:center; background:url(../images/sub_visual.jpg) no-repeat center 0; background-size:cover;}
.sub-visual .title-area h2{margin:0 0 5px; font-size:40px; font-weight:700;}
.sub-visual .title-area .disc{font-size:28px;}
.sub-visual .breadcrumb{display:flex; justify-content:center; align-items:center; gap:24px; margin:30px 0 0;}
.sub-visual .breadcrumb a{position:relative; font-size:16px; font-weight:700;}
.sub-visual .breadcrumb a:not(:first-child):before{position:absolute; top:50%; left:-19px; width:16px; height:16px; content:''; background:url(../images/ico_arrow_wh.svg) no-repeat center; transform:translateY(-50%);}
.sub-visual .breadcrumb .home{width:16px; height:16px; overflow:hidden; text-indent:-9999px; background:url(../images/ico_home.svg) no-repeat center;}

.slogan-box{margin:0 0 100px; padding:40px 0; text-align:center; background:#f5f9ff;}
.slogan-box p{font-size:36px; line-height:1.5;}
.slogan-box strong{font-weight:500; color:#0e70b8;}
.slogan-box .small{margin:15px 0 0; font-size:24px; color:#555;}
.all-in-one{padding:180px 0 0; background:url(../images/bg_earth.png) no-repeat center 0; background-size:100% auto;}
.all-in-one .img{width:520px; margin:40px auto 0;}
.all-in-one .img img{width:100%;}
.content-title{font-size:30px; font-weight:600;}
.area-title{position:relative; margin:0 0 20px; padding:0 0 0 15px; font-size:24px; font-weight:400;}
.area-title:before{position:absolute; top:50%; left:0; width:4px; height:4px; content:''; border-radius:50%; background:#0e70b8; transform:translateY(-50%);}

.mo-content{display:none;}

.tab-nav{margin:0 0 100px;}
.tab-nav .inner{display:flex; justify-content:center; border-bottom:1px solid #ddd;}
.tab-nav a{position:relative; width:200px; height:54px; font-size:17px; font-weight:600; text-align:center; color:#999; line-height:54px;}
.tab-nav a.active{color:#0e70b8;}
.tab-nav a.active:after{position:absolute; bottom:-1px; left:0; width:100%; height:1px; content:''; background:#0e70b8;}

.sub-intro{padding:100px 0;}
.sub-intro .intro-content{display:flex; gap:40px; margin:0 0 100px; line-height:1.5;}
.sub-intro .intro-content .content-title{width:250px;}
.sub-intro .intro-content p{flex:1; color:#555;}
.sub-intro .program{background:url(../images/bg_customer.png) no-repeat center 0; background-size:cover;}
.sub-intro .program .inner{padding:70px 0; text-align:center;}
.sub-intro .program .content-title{margin:0 0 30px; color:#fff;}
.sub-intro .program ul{display:flex; gap:30px;}
.sub-intro .program li{flex:1; padding:130px 0 30px;}
.sub-intro .program li:nth-child(1){background:#fff url(../images/ico_program01.svg) no-repeat center 30px;}
.sub-intro .program li:nth-child(2){background:#fff url(../images/ico_program02.svg) no-repeat center 30px;}
.sub-intro .program li:nth-child(3){background:#fff url(../images/ico_program03.svg) no-repeat center 30px;}
.sub-intro .program strong{display:block; margin:0 0 20px; font-size:24px; font-weight:700; color:#0e70b8;}
.sub-intro .program p{color:#555; line-height:1.4;}
.sub-intro .history .inner{display:flex; gap:40px; padding:100px 0 0; line-height:1.5;}
.sub-intro .history .content-title{width:250px;}
.sub-intro .list{flex:1;}
.sub-intro .list > li{display:flex; font-size:20px; color:#555; padding:0 0 30px; border-bottom:1px solid #ddd;}
.sub-intro .list > li:not(:first-child){margin:70px 0 0;}
.sub-intro .list .year{width:90px; margin:0 35px 0 0; font-size:28px; font-weight:700; color:#0e70b8;}
.sub-intro .list .month{margin:0 35px 0 0;}
.sub-intro .list ul{padding:4px 0 0;}
.sub-intro .list ul li:not(:first-child){margin:38px 0 0;}
.sub-intro.en .intro-content h3{width:330px; letter-spacing:-0.03em;}
.sub-intro.en .program ul{display:grid; grid-template-columns:repeat(2, 1fr);}
.sub-intro.en .program li{padding:30px; text-align:left;}
.sub-intro.en .program li:nth-child(1){background:#fff url(../images/ico_program01_en.svg) no-repeat right 30px top 30px;}
.sub-intro.en .program li:nth-child(2){background:#fff url(../images/ico_program02_en.svg) no-repeat right 30px top 30px;}
.sub-intro.en .program li:nth-child(3){background:#fff url(../images/ico_program03_en.svg) no-repeat right 30px top 30px;}
.sub-intro.en .program li:nth-child(4){background:#fff url(../images/ico_program04_en.svg) no-repeat right 30px top 30px;}
.sub-intro.en .program strong{margin:24px 0 44px;}
.sub-intro.en .process .inner{display:flex; padding:100px 0 0;}
.sub-intro.en .process .content-title{width:330px; letter-spacing:-0.03em;}
.sub-intro.en .process p{color:#555; line-height:1.5;}

.sub-program{padding:0 0 100px;} /* 2026.06.08 */
.sub-program .program-content{display:flex; gap:60px; line-height:1.5;}
.sub-program .program-content .content-title{width:250px;}
.sub-program .program-content .content-area{flex:1;}
.sub-program .program-content .content-area > div + div{margin:90px 0 0;}
.sub-program .program-tab{display:none;}

.tbl-program{border-top:2px solid #222;}
.tbl-program th{padding:8px 0; border-bottom:1px solid #ddd; background:#f5f9ff;}
.tbl-program thead th{font-weight:600;}
.tbl-program td{padding:8px 10px; text-align:center; border-bottom:1px solid #ddd;}
.tbl-program td.no-border{border-bottom:0;}
.tbl-program td.left{text-align:left}
.tbl-program thead tr:last-child th,
.tbl-program thead th[rowspan]{border-bottom:1px solid #aaa;}
.tbl-program + .tbl-guide{margin:10px 0 0; font-size:16px; color:#999;}

.sub-education{padding:100px 0;}
.sub-education .edu-list{position:relative; margin:0 0 188px;}
.sub-education .edu-list:after{position:absolute; bottom:-158px; left:50%; width:128px; height:128px; content:''; background:url(../images/ico_arrow_down.png) no-repeat center; background-size:100% auto; transform:translateX(-50%);}
.sub-education .edu-list .logo{position:absolute; top:50%; left:50%; width:174px; height:174px; box-sizing:border-box; overflow:hidden; padding:22px; border-radius:50%; background:#fff; transform:translate(-50%, -50%);}
.sub-education .edu-list .logo img{width:100%;}
.sub-education .edu-list ul{display:grid; grid-template-columns:repeat(2, 1fr); gap:40px;}
.sub-education .edu-list li{padding:30px; border:1px solid #00707e; border-radius:10px;}
.sub-education .edu-list li:nth-child(even){text-align:right;}
.sub-education .edu-list strong{font-size:24px; font-weight:700; color:#00707e; line-height:1.3;}
.sub-education .edu-list p{margin:20px 0; letter-spacing:-0.08em;}
.sub-education .edu-list .en{margin:0; font-size:16px; color:#999;}
.sub-education .edu-system > ul{display:grid; grid-template-columns:repeat(2, 1fr); gap:40px;}
.sub-education .edu-system li{padding:30px; border-radius:10px; background:#f6f6f6;}
.sub-education .edu-system .sbj{display:flex; align-items:center;}
.sub-education .edu-system .num{width:48px; height:48px; margin:0 20px 0 0; font-weight:700; color:#fff; text-align:center; line-height:48px; border-radius:50%; background:#00707e;}
.sub-education .edu-system .txt{font-size:20px; font-weight:700; color:#00707e;}
.sub-education .edu-system .txt span{display:block; font-size:16px; font-weight:700;}
.sub-education .edu-system .item li{margin:20px 0 0 9px; padding:0; font-size:16px; text-indent:-9px; line-height:1.3;}

.sub-facilities .location .inner{display:flex; gap:60px; padding:0 0 40px;}
.sub-facilities .location .content-title{min-width:250px;}
.sub-facilities .location > div{flex:1;}
.sub-facilities .img{position:relative;}
.sub-facilities .img img{width:100%;}
.sub-facilities .aerial{background:#f5f5f5;}
.sub-facilities .aerial .inner{box-sizing:border-box; padding:40px 0 40px 310px;}
.sub-facilities .loc-list .bubble{position:absolute; width:140px; height:50px; box-sizing:border-box; padding:11px 0 0; font-size:17px; font-weight:600; text-align:center; background:url(../images/bg_bubble.svg) no-repeat center;}
.sub-facilities .loc-list .bubble:nth-child(1){top:30px; right:50px;}
.sub-facilities .loc-list .bubble:nth-child(2){top:114px; right:248px;}
.sub-facilities .loc-list .bubble:nth-child(3){top:110px; left:223px;}
.sub-facilities .loc-list .bubble:nth-child(4){top:180px; left:270px;}
.sub-facilities .loc-list .bubble:nth-child(5){top:330px; left:395px;}
.sub-facilities .loc-list .bubble:nth-child(6){top:355px; left:200px;}
.sub-facilities .loc-list .bubble:nth-child(7){bottom:15px; left:150px;}
.sub-facilities .floor .inner{box-sizing:border-box; padding:40px 0 40px 310px;}
.sub-facilities .picture{background:#f5f9ff;}
.sub-facilities .picture .inner{box-sizing:border-box; padding:40px 0 40px 310px;}
.sub-facilities .picture .picture-list{display:grid; grid-template-columns:repeat(3, 1fr); gap:30px;}
.sub-facilities .picture .item{overflow:hidden; border:1px solid #0e70b8; border-radius:0 10px 0 10px;}
.sub-facilities .picture .item img{width:100%;}
.sub-facilities .picture .item div{padding:20px 0; font-size:20px; font-weight:500; color:#fff; text-align:center; background:#0e70b8;}
.sub-facilities .floor-list .bubble{position:absolute; width:92px; height:50px; box-sizing:border-box; font-size:20px; text-align:center; line-height:50px; border:1px dashed #446bbb; border-radius:10px; background:#fff;}
.sub-facilities .floor-list .bubble:after{position:absolute; bottom:-32px; left:50%; height:32px; content:''; border-left:1px dashed #446bbb;}
.sub-facilities .floor-list .bubble:nth-child(1){top:50px; right:255px;}
.sub-facilities .floor-list .bubble:nth-child(2){top:203px; left:405px;}
.sub-facilities .floor-list .bubble:nth-child(3){top:254px; left:94px;}
.sub-facilities .floor-list .bubble:nth-child(4){bottom:25px; left:640px;}
.sub-facilities .floor-list .bubble:nth-child(4):after{bottom:50px;}
.sub-facilities .floor-guide{position:absolute; bottom:0; left:0; padding:30px; font-size:20px; text-align:center; border:1px dashed #446bbb; border-radius:10px; background:#f5f9ff;}
.sub-facilities .floor-guide .in{margin:8px 0 20px; font-weight:600; color:#fbb161;}
.sub-facilities .floor-guide .room{display:flex; gap:84px;}
.sub-facilities .floor-guide .room span{position:relative;}
.sub-facilities .floor-guide .room span:not(:first-child):before{position:absolute; top:1px; left:-53px; width:24px; height:24px; content:''; background:url(../images/ico_arrow_bothway.svg) no-repeat center;}
.sub-facilities .floor-guide .txt{display:inline-block; background:linear-gradient(180deg,rgba(255, 255, 255, 0) 70%, rgba(251, 177, 97, .5) 30%);}

.sub-customer{padding:0 0 100px;}
.bbs-search{margin:0 0 30px;}
.bbs-search .search-inner{display:flex; justify-content:flex-end; gap:12px;}
.bbs-search select{appearance:none; width:160px; height:42px; box-sizing:border-box; padding:0 12px; font-size:14px; border:0; border-bottom:1px solid #000; background:url(../images/ico_arrow_select_gray.svg) no-repeat right 13px center;}
.bbs-search input[type="text"]{appearance:none; width:280px; height:42px; box-sizing:border-box; padding:0 12px; font-size:14px; border:0; border-bottom:1px solid #000; border-radius:0;}
.bbs-search .btn-search{width:96px; height:42px; padding:0 0 0 18px; font-size:14px; font-weight:700; color:#fff; border-radius:5px; background:#000 url(../images/btn_search.svg) no-repeat 28px center;}

.tbl-bbs{margin:0 0 40px; border-top:1px solid #000;}
.tbl-bbs .row{display:flex;}
.tbl-bbs .row.notice{background:#f1f7ff;}
.tbl-bbs .col{height:42px; font-size:14px; text-align:center; line-height:42px; border-bottom:1px solid #ddd;}
.tbl-bbs .num{min-width:80px;}
.tbl-bbs .sbj{flex:1; min-width:0; padding:0 16px; text-align:left;}
.tbl-bbs .sbj a{display:inline-block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.tbl-bbs .sbj .notice{display:inline-block; height:24px; margin:0 10px 0 0; padding:0 16px; color:#fff; line-height:24px; border-radius:3px; background:#0e70b8;}
.tbl-bbs .date{min-width:160px;}
.tbl-bbs .hit{min-width:120px;}
.tbl-bbs .tbl-header{text-align:center;}
.tbl-bbs .tbl-header .col{font-size:16px;}
.paging{display:flex; justify-content:center; text-align:center; gap:8px;}
.paging a{width:32px; height:32px; font-size:13px; font-weight:600; text-align:32px; line-height:32px;}
.paging a.active{background:rgba(73, 191, 255, .2);}
.paging .btn{overflow:hidden; text-indent:-9999px;}
.paging .btn-first{background:url(../images/ico_pagination_first.svg) no-repeat center;}
.paging .btn-prev{background:url(../images/ico_pagination_prev.svg) no-repeat center;}
.paging .btn-next{background:url(../images/ico_pagination_next.svg) no-repeat center;}
.paging .btn-last{background:url(../images/ico_pagination_last.svg) no-repeat center;}

.customer-content .btn-border{display:inline-block; width:160px; padding:14px 0; font-size:16px; text-align:center; border:1px solid #000; border-radius:6px; background:#fff;}
.bbs-view{border-top:1px solid #000;}
.bbs-view .title-area{display:flex; justify-content:space-between; align-items:center; gap:10px; height:96px; border-bottom:1px solid #000;}
.bbs-view .title-area h3{flex:1; font-size:24px; font-weight:500;}
.bbs-view .title-area .notice{display:inline-block; margin:0 5px 0 0; padding:5px 16px; font-size:18px; color:#fff; border-radius:3px; background:#0e70b8;}
.bbs-view .title-area .date{font-size:16px; color:#2b2b2b;}
.bbs-view .body-area{padding:30px 0; line-height:1.5; border-bottom:1px solid #ddd;}
.bbs-view .btn-area{margin:30px 0; text-align:right;}
.bbs-nav a{position:relative; display:block; height:67px; padding:0 0 0 96px; font-size:16px; line-height:65px; border-radius:10px; border:1px solid #ddd;}
.bbs-nav a:before{position:absolute; top:26px; left:40px; width:16px; height:16px; content:''; background:url(../images/ico_arrow_select_gray.svg) no-repeat center;}
.bbs-nav a .nav{margin:0 40px 0 0; color:#999;}
.bbs-nav .bbs-prev{margin:0 0 10px;}
.bbs-nav .bbs-next:before{transform:rotate(180deg);}

.bbs-write .btn-area{margin:50px 0 0; text-align:center;}
.bbs-write .row{display:flex; gap:20px;}
.bbs-write .row + .row{margin:27px 0 0;}
.bbs-write .row label, 
.bbs-write .row .label{min-width:240px; font-size:20px; line-height:42px;}
.bbs-write .row > div{flex:1;}
.bbs-write input[type="text"],
.bbs-write input[type="password"]{width:550px; height:42px; box-sizing:border-box; padding:0 12px; font-size:14px; border:1px solid #ddd; border-radius:5px;}
.bbs-write input[type="text"] + input[type="text"]{margin:10px 0 0;}
.bbs-write input[type="date"]{width:200px; height:42px; box-sizing:border-box; padding:0 12px; font-size:14px; border:1px solid #ddd; border-radius:5px;}
.bbs-write textarea{width:550px; height:150px; box-sizing:border-box; padding:12px; font-size:14px; border:1px solid #ddd; border-radius:5px;}
.bbs-write .guide{margin:0 0 0 10px; font-size:14px; color:red;}
.bbs-write .radio-wrap{display:flex; align-items:center; gap:40px;}
.bbs-write .radio-wrap .guide{margin:0;}
.radio input[type="radio"]{position:absolute; top:0; left:0; opacity:0;}
.radio label{position:relative; height:20px; padding:2px 0 0 24px; font-size:14px !important; line-height:20px;}
.radio label:before{position:absolute; top:0; left:0; width:20px; height:20px; box-sizing:border-box; content:''; border:1px solid #ddd; border-radius:50%;}
.radio input[type="radio"]:checked + label:before{border-color:#0e70b8;}
.radio input[type="radio"]:checked + label:after{position:absolute; top:5px; left:5px; width:10px; height:10px; content:''; border-radius:50%; background:#0e70b8;}

@media screen and (max-width:1240px){
    body{font-size:16px;}
    .inner{width:100%; box-sizing:border-box;}
    .mo{display:block;}

    header .inner{height:70px; padding:0 20px;}
    header h1{width:187px; height:43px;}
    header.fixed h1{background-size:100% auto;}
    .main-nav ul{gap:30px;}
    .main-nav a{font-size:18px;}
    .main-nav a.active:after{bottom:-25px;}

    .footer-nav .inner{padding:22px 40px;}
    .site-info .inner{padding:37px 40px 77px;}

    .main-visual{height:740px;}
    .main-visual p{left:20px; font-size:24px;}
    .main-visual p strong{margin:20px 0; font-size:34px;}

    .main-login{width:auto; margin:-90px 20px 0;}
    .main-login .login{flex:1; padding:30px 20px;}
    .main-login input{flex:1; width:100%;}
    .main-login .quick{flex:0;}
    .main-login .quick a{justify-content:center; align-items:flex-start; width:164px; box-sizing:border-box; padding:128px 10px 0 0; font-size:18px;}
    .main-login .quick a:after{top:139px; right:36px;}
    .main-login .quick a:first-child{background:url(../images/ico_quick01.png) no-repeat center 33px; background-size:80px auto;}
    .main-login .quick a:last-child{background:url(../images/ico_quick02.png) no-repeat center 33px; background-size:80px auto;}

    .main-contents .section-title{font-size:28px;}

    .main-notice{padding:100px 0 50px;}
    .main-notice .inner{align-items:center; flex-direction:column;}
    .main-notice .notice{width:390px; margin:0 auto 35px;}
    .main-notice .quick{gap:20px; width:523px; height:188px;}
    .main-notice .quick a{flex:1; width:auto; padding:126px 0 0;}
    .main-notice .quick a:nth-child(1),
    .main-notice .quick a:nth-child(2),
    .main-notice .quick a:nth-child(3){background-position:center 40px;}

    .main-customer{background:url(../images/bg_customer_md.png) no-repeat center 0; background-size:cover;}
    .main-customer .inner{align-items:center; flex-direction:column; padding:70px 0;}
    .main-customer .customer{margin:0 0 40px;}
    .main-customer .customer p{padding:0 0 0 28px; font-size:20px; background-size:20px auto;}
    .main-customer .quick a:nth-child(1),
    .main-customer .quick a:nth-child(2){background-position:right 20px top 20px;}

    .sub-visual{padding-top:220px;}
    .sub-visual .title-area h2{font-size:34px;}
    .sub-visual .title-area .disc{padding:0 20px; font-size:20px;}
    .sub-visual .breadcrumb a{font-size:14px;}
    .sub-visual .breadcrumb .home{width:14px; height:14px;}

    .tab-nav a{height:40px; line-height:40px;}

    .sub-contents .inner{box-sizing:border-box; padding:0 20px;}
    .content-title{width:auto; font-size:24px;}
    .area-title{font-size:20px;}
    .slogan-box p{font-size:26px;}
    .slogan-box .small{font-size:18px;}
    .sub-intro .history .content-title,
    .sub-intro .intro-content .content-title,
    .sub-program .program-content .content-title,
    .sub-facilities .location .content-title{width:auto; min-width:auto;}

    .sub-intro .intro-content,
    .sub-intro .history .inner,
    .sub-program .program-content,
    .sub-facilities .location .inner{flex-direction:column; align-items:center;}
    .sub-intro .program .inner{padding:70px 20px;}

    .sub-intro .program ul{justify-content:center; flex-wrap:wrap;}
    .sub-intro .program li{flex:0; min-width:45%; padding:110px 0 20px;}
    .sub-intro .program li:nth-child(1),
    .sub-intro .program li:nth-child(2),
    .sub-intro .program li:nth-child(3){background-position:center 20px;}
    .sub-intro .program strong{margin:0 0 10px; font-size:20px;}
    .sub-intro .program p{font-size:18px;}

    .sub-intro .list > li{font-size:18px; padding:0 0 20px;}
    .sub-intro .list > li:not(:first-child){margin:40px 0 0;}
    .sub-intro .list .year{font-size:24px;}
    .sub-intro .list ul li:not(:first-child){margin:22px 0 0;}
    .sub-intro.en .process .inner{flex-direction:column; align-items:center;}
    .sub-intro.en .process .content-title{width:auto; margin:0 0 30px;}
    .sub-intro.en .process p{font-size:18px;}

    .sub-program .program-content .content-area{width:100%;}
    .tbl-program tbody th,
    .tbl-program td{font-size:15px;}

    .sub-education .edu-list .logo{display:none;}
    .sub-education .edu-list ul,
    .sub-education .edu-system > ul{display:block; margin:0 64px;}
    .sub-education .edu-list li:not(:first-child),
    .sub-education .edu-system > ul > li:not(:first-child){margin-top:40px;}
    .sub-education .edu-list p{font-size:18px;}
    .sub-education .edu-system > ul > li{box-sizing:border-box; min-height:294px;}

    .sub-facilities .location .inner{padding:0 20px 40px;}
    .sub-facilities .picture .picture-list{grid-template-columns:repeat(2, 1fr); margin:0 67px;}
    .sub-facilities .picture .item div{font-size:18px;}
    .sub-facilities .aerial .inner,
    .sub-facilities .floor .inner,
    .sub-facilities .picture .inner{padding:40px 20px;}
    .sub-facilities .loc-list .bubble{width:18.2292vw; height:6.5104vw; padding:1.4323vw 0 0; font-size:2.2135vw; background:url(../images/bg_bubble.svg) no-repeat center; background-size:100% auto;}
    .sub-facilities .loc-list .bubble:nth-child(1){top:1.9531vw; right:1.3021vw;}
    .sub-facilities .loc-list .bubble:nth-child(2){top:13.0208vw; right:29.2969vw;}
    .sub-facilities .loc-list .bubble:nth-child(3){top:9.1146vw; left:22.1354vw;}
    .sub-facilities .loc-list .bubble:nth-child(4){top:16.9271vw; left:27.3438vw;}
    .sub-facilities .loc-list .bubble:nth-child(5){top:31.25vw; left:37.7604vw;}
    .sub-facilities .loc-list .bubble:nth-child(6){top:36.4583vw; left:19.5313vw;}
    .sub-facilities .loc-list .bubble:nth-child(7){bottom:1.2097vw; left:16.129vw;}
    .sub-facilities .location .inner > div{width:100%;}
    .sub-facilities .floor-list .bubble{width:11.9792vw; height:6.5104vw; font-size:2.6042vw; line-height:6.5104vw; border-radius:1.3021vw;}
    .sub-facilities .floor-list .bubble:after{bottom:-3.6458vw; left:50%; height:3.5156vw; content:''; border-left:1px dashed #446bbb;}
    .sub-facilities .floor-list .bubble:nth-child(1){top:3.9063vw; right:24.7396vw;}
    .sub-facilities .floor-list .bubble:nth-child(2){top:18.75vw; left:39.974vw;}
    .sub-facilities .floor-list .bubble:nth-child(3){top:24.349vw; left:8.3333vw;}
    .sub-facilities .floor-list .bubble:nth-child(4){top:59.375vw; bottom:unset; left:63.8021vw;}
    .sub-facilities .floor-list .bubble:nth-child(4):after{bottom:6.5104vw;}
    .sub-facilities .floor-guide{padding:1.3021vw 3.9063vw; font-size:20px; border-radius:10px;}
    .sub-facilities .floor-guide .in{margin:8px 0 20px;}
    .sub-facilities .floor-guide .room{gap:40px;}
    .sub-facilities .floor-guide .room span:not(:first-child):before{top:0.1302vw; left:-4.1667vw; width:3.125vw; height:3.125vw;}
    
    .bbs-search select{flex:1; width:auto;}
    .bbs-search input[type="text"]{flex:2; width:auto;}
    .tbl-bbs .tbl-header .col{font-size:14px;}

    .bbs-write .row label, 
    .bbs-write .row .label{min-width:180px; font-size:18px;}
    .bbs-write input[type="text"],
    .bbs-write input[type="password"]{width:100%;}
    .bbs-write textarea{width:100%;}
    .bbs-write .guide{display:block; margin:10px 0 0;}
}
@media screen and (max-width:768px){
    .footer-nav .inner{padding:20px 10px; text-align:center;}
    .footer-nav a{margin:0 15px 0 0; font-size:14px;}
    .footer-nav a:last-child{margin:0;}
    .site-info .inner{display:block; padding:40px 20px;}
    .site-info .info{padding:115px 0 40px; font-size:13px;}
    .site-info .link .logo{position:absolute; top:40px; left:50%; gap:60px; transform:translateX(-50%);}
    .site-info .link .logo:after{right:138px; height:60px;}
    .site-info .link .logo .auburn{width:95px; height:75px;}
    .site-info .link .logo .yeungjin{width:108px; height:75px;}
    .site-info .link select{width:100%;}

    .popup{width:100%; box-sizing:border-box;}
    .tbl-popup{table-layout:fixed; width:100%;}

    .login-modal{position:fixed; left:0; bottom:-100%; width:100%; border:1px solid #e0e6f3; border-radius:6px 6px 0 0; background:#fff; transition:all .2s;}
    .login-modal.opened{bottom:0;}
    .login-modal .handle{position:relative; height:20px;}
    .login-modal .handle:after{position:absolute; bottom:-2px; left:50%; width:80px; height:5px; content:''; border-radius:3px; background:#d9d9d9; transform:translateX(-50%);}
    .login-modal .login-inner{padding:20px 30px 30px; font-size:14px;}
    .login-modal h1{margin:0 0 20px; font-size:24px; font-weight:00;}
    .login-modal input[type="text"],
    .login-modal input[type="password"]{appearance:none; width:100%; height:42px; box-sizing:border-box; padding:0 12px; border:0; border-bottom:2px solid #000;}
    .login-modal input[type="password"]{margin:20px 0 0;}
    .login-modal input[type="text"]::placeholder,
    .login-modal input[type="password"]::placeholder{color:#232323;}
    .login-modal .btn-find{display:inline-block; margin:20px 0 40px; text-decoration:underline;}
    .login-modal .btn-login{width:100%; height:42px; font-weight:700; color:#fff; border-radius:5px; background:#000;}

    .main-nav{position:fixed; top:0; left:0; z-index:2; opacity:0; visibility:hidden; width:100%; background:#fff; transition:all .2s;}
    .main-nav.opened,
    .main-nav.opened ul{display:block; opacity:1; visibility:visible;}
    .main-nav.opened:before{position:fixed; top:0; left:0; width:100%; height:100%; content:''; background:rgba(0, 0, 0, .4);}
    .main-nav.opened .nav-util{position:relative; display:flex; justify-content:space-between; align-items:center; height:70px; padding:0 20px;background:#0e70b8;}
    .main-nav .nav-util .btn-login{padding:0 30px 0 0; font-size:20px; font-weight:600; color:#fff; background:url(../images/ico_arrow_login_mo.svg) no-repeat right center;}
    .main-nav .nav-util > div{display:flex; align-items:center; gap:10px;}
    .main-nav .nav-util .btn-home{width:28px; height:28px; overflow:hidden; text-indent:-9999px; background:url(../images/ico_home_bold.svg) no-repeat center;}
    .btn-nav{position:relative; display:block; width:34px; height:34px; overflow:hidden; text-indent:-9999px; background:none;}
    .main-nav .nav-util .btn-nav-close{position:relative; width:28px; height:28px; overflow:hidden; text-indent:-9999px; background:none;}
    .main-nav .nav-util .btn-nav-close:before{position:absolute; top:3px; left:13px; width:2px; height:22px; content:''; background:#fff; transform:rotate(45deg);}
    .main-nav .nav-util .btn-nav-close:after{position:absolute; top:3px; left:13px; width:2px; height:22px; content:''; background:#fff; transform:rotate(-45deg);}
    .main-nav ul{position:relative; text-align:center; background:#fff;}
    .main-nav ul a{display:block; padding:20px 0; font-size:16px; font-weight:500; color:#222;}
    .main-nav a.active:after{display:none;}
    .btn-nav span{position:absolute; top:50%; left:50%; width:26px; height:17px; box-sizing:border-box; border-top:3px solid #fff; transform:translate(-50%, -50%);}
    .btn-nav span:before{position:absolute; top:4px; left:0; width:100%; height:3px; content:''; background:#fff;}
    .btn-nav span:after{position:absolute; bottom:0; left:0; width:100%; height:3px; content:''; background:#fff;}
    header.fixed .btn-nav span{border-color:#000;}
    header.fixed .btn-nav span:before,
    header.fixed .btn-nav span:after{background:#000;}

    .main-visual{height:405px;}
    .main-visual p{left:9px; bottom:90px; font-size:16px;}
    .main-visual p strong{margin:10px 0; font-size:21px;}

    .main-login{position:relative; display:block; overflow:visible; margin:0; padding:0 0 30px; border-radius:0; background:#49bfff; box-shadow:none;}
    .main-login .login{display:none;}
    .main-login .mo-login{display:block; box-sizing:border-box; overflow:hidden; margin:0 20px; padding:20px; border-radius:10px; background:#fff; transform:translatey(-50px);}
    .main-login .mo-login p{margin:0 0 20px; font-size:14px;}
    .main-login .mo-login .btn-login{width:100%; font-size:24px; font-weight:700; text-align:left; background:url(../images/ico_arrow_login.svg) no-repeat right 6px center;}
    .main-login .quick{margin:-10px 0 0;}
    .main-login .quick a{width:50%; padding:95px 0 0;}
    .main-login .quick a:first-child,
    .main-login .quick a:last-child{background-position:center 0;}

    .main-notice{padding:50px 0 0;}
    .main-notice .inner{display:block; padding:0 20px 50px;}
    .main-notice .notice{width:100%;}
    .main-notice li{display:block; padding:0 0 0 10px;}
    .main-notice li a{padding:0; white-space:normal}
    .main-notice li a:before{left:-10px;}
    .main-notice li .new{margin:0 0 0 10px;}
    .main-notice .quick{display:block; width:100%; height:unset;}
    .main-notice .quick a{display:flex; justify-content:flex-end; align-items:center; height:106px; padding:0 20px 0 0;}
    .main-notice .quick a + a{margin:20px 0 0;}
    .main-notice .quick a:nth-child(1),
    .main-notice .quick a:nth-child(2),
    .main-notice .quick a:nth-child(3){background-position:left 20px center;}

    .main-customer .inner{display:block; padding:50px 20px;}
    .main-customer .customer{width:100%;}
    .main-customer .customer li{display:block;}
    .main-customer .customer span{display:block;}
    .main-customer .customer span:last-child{margin:5px 0 0 10px;}
    .main-customer .customer .dashed{display:none;}
    .main-customer .quick{display:block;}
    .main-customer .quick a{display:block; width:100%; padding:27px 0 20px 20px;}
    .main-customer .quick a + a{margin:30px 0 0;}
    .main-customer .quick .sbj{margin:0 0 22px; font-size:18px;}

    .sub-visual .title-area h2{font-size:30px;}
    .sub-visual .title-area .disc{font-size:18px;}

    .slogan-box{margin:0 -20px 70px; padding:40px 20px;}
    .slogan-box p{font-size:20px;}
    .slogan-box .small{margin:10px 0 0; font-size:16px;}
    .all-in-one .img{width:90%;}

    .content-title{font-size:22px;}
    .area-title{font-size:18px;}

    .pc-content{display:none;}
    .mo-content{display:block;}

    .sub-intro{padding:70px 0;}
    .sub-intro .intro-content{margin:0 0 70px;}
    .sub-intro .program ul{display:block;}
    .sub-intro .program li{width:100%; padding:80px 0 20px;}
    .sub-intro .program li:not(:first-child){margin:20px 0 0;}
    .sub-intro .program li:nth-child(1),
    .sub-intro .program li:nth-child(2),
    .sub-intro .program li:nth-child(3){background-size:50px auto;}
    .sub-intro .program p{font-size:16px;}
    .sub-intro .history .inner{padding:70px 20px 0;}
    .sub-intro .list > li{display:block; padding:10px 15px; font-size:16px; border:1px solid #ddd;}
    .sub-intro .list > li:not(:first-child){margin:20px 0 0;}
    .sub-intro .list ul li:not(:first-child){margin:10px 0 0;}
    .sub-intro .list .year{font-size:20px;}
    .sub-intro .list .month{margin:0 20px 0 0; font-size:18px;}
    .sub-intro.en .intro-content h3{width:auto;}
    .sub-intro.en .process p{padding:0 20px; word-break:break-all;}
    .sub-intro.en .program ul{display:block;}
    .sub-intro.en .program li{box-sizing:border-box; padding:20px;}
    .sub-intro.en .program li:nth-child(1),
    .sub-intro.en .program li:nth-child(2),
    .sub-intro.en .program li:nth-child(3),
    .sub-intro.en .program li:nth-child(4){background-size:50px auto;}
    .sub-intro.en .program strong{margin:15px 0;}
    .sub-intro.en .program p{font-size:14px;}
    .sub-intro.en .process .inner{padding:70px 0 0;}
    .sub-intro.en .process .content-title{margin:0 0 20px;}

    .sub-program{padding:0;}
    .sub-program .program-tab{display:flex; margin:0 0 30px; border-radius:17px; background:#f5f5f5;}
    .sub-program .program-tab a{flex:1; padding:7px 0; font-size:14px; color:#999; text-align:center; border-radius:17px;}
    .sub-program .program-tab a.active{color:#0e70b8; font-weight:600; border:1px solid #0e70b8; background:#fff;}
    .sub-program .tab-contents > div{display:none;}
    .sub-program .tab-contents > div.active{display:block;}
    .sub-program .program-content{gap:30px;}
    .sub-program .program-content .content-area > div + div{margin:30px 0 0;}
    .sub-program .program-type{padding:15px; border:1px solid #ddd; border-radius:15px;}
    .sub-program .program-type + .program-type{margin:30px 0 0;}
    .sub-program .program-type .sbj-area{display:flex; justify-content:space-between; align-items:center; padding:0 0 16px; border-bottom:1px solid #ddd;}
    .sub-program .program-type h5{font-size:20px; font-weight:600;}
    .sub-program .program-type .sbj-area div{padding:4px 10px; font-size:12px; font-weight:500; border-radius:12px; background:#e8f1ff;}
    .sub-program .program-type dl{padding:16px 0 0;}
    .sub-program .program-type dl + dl{margin:20px 0 0; border-top:1px solid #ddd;}
    .sub-program .program-type dt{margin:0 0 10px; font-size:16px; font-weight:500;}
    .sub-program .program-type dd{font-size:14px; color:#666; line-height:26px;}

    .sub-education{padding:70px 0;}
    .sub-education .edu-list{margin:0 0 140px;}
    .sub-education .edu-list:after{bottom:-110px; width:80px; height:80px;}
    .sub-education .edu-list ul,
    .sub-education .edu-system > ul{margin:0;}
    .sub-education .edu-list li,
    .sub-education .edu-list li:nth-child(even){width:100%; box-sizing:border-box; padding:20px; text-align:center;}
    .sub-education .edu-system li{padding:20px;}
    .sub-education .edu-list li:not(:first-child),
    .sub-education .edu-system > ul > li:not(:first-child){margin:20px 0 0;}
    .sub-education .edu-system > ul > li{min-height:unset;}
    .sub-education .edu-list strong{font-size:20px;}
    .sub-education .edu-system .sbj{display:block;}
    .sub-education .edu-system .num{margin:0 auto 20px;}
    .sub-education .edu-system .txt{font-size:18px; text-align:center;}
    .sub-education .edu-system .txt span{font-size:14px;}

    .tab-nav{margin:0 0 70px;}
    .tab-nav a{font-size:14px;}
    .sub-facilities .location .inner{gap:40px;}
    .sub-facilities .picture .picture-list{gap:20px; margin:0;}
    .sub-facilities .picture .item{display:flex; flex-direction:column;}
    .sub-facilities .picture .item div{flex:1; font-size:16px; word-break:keep-all;}
    .sub-facilities .floor-list .bubble{width:20.3125vw; height:7.8125vw; font-size:4.375vw; line-height:7.8125vw; border-radius:3.125vw;}
    .sub-facilities .floor-list .bubble:after{bottom:-8.4375vw; left:50%; height:8.4375vw;}
    .sub-facilities .floor-list .bubble:nth-child(1){top:-4.0625vw; right:17.1875vw;}
    .sub-facilities .floor-list .bubble:nth-child(2){top:11.25vw; left:31.25vw;}
    .sub-facilities .floor-list .bubble:nth-child(3){top:15.625vw; left:4.6875vw;}
    .sub-facilities .floor-list .bubble:nth-child(4){top:57.8125vw; bottom:unset; left:56.25vw;}
    .sub-facilities .floor-list .bubble:nth-child(4):after{bottom:6.5104vw;}
    .sub-facilities .floor-guide{position:static; width:268px; box-sizing:border-box; margin:35px auto 0; padding:20px; font-size:16px;}
    .sub-facilities .floor-guide .room{justify-content:center;}
    .sub-facilities .floor-guide .room span:not(:first-child):before{top:-3px; left:-31px; width:24px; height:24px;}

    .bbs-search .search-inner{display:block;}
    .bbs-search select{width:49%; margin:0 0 12px;}
    .bbs-search select.cate{float:left;}
    .bbs-search select.title{float:right;}
    .bbs-search input[type="text"]{clear:both; width:100%; margin:0 0 12px;}
    .bbs-search .btn-search{float:right;}
    .tbl-bbs .tbl-header{border-bottom:1px solid #ddd;}
    .tbl-bbs .tbl-header:before{display:block; content:'제목/작성일'; padding:10px 0; font-size:14px; color:#232323;}
    .tbl-bbs .tbl-header .row{display:none;}
    .tbl-bbs .tbl-body .row{position:relative; display:block;}
    .tbl-bbs .tbl-body .num,
    .tbl-bbs .tbl-body .hit{display:none;}
    .tbl-bbs .col{height:auto;}
    .tbl-bbs .sbj{padding:0;}
    .tbl-bbs .sbj .notice{display:block; width:33px; box-sizing:border-box; padding:0; font-size:12px; text-align:center;}
    .tbl-bbs .sbj a{display:block; padding:10px 5px 28px; text-overflow:normal; white-space:unset; line-height:1.5;}
    .tbl-bbs .date{position:absolute; left:5px; bottom:10px; min-width:auto; line-height:1.2; border-bottom:0;}

    .sub-customer{padding:0 0 70px;}
    .customer-content .btn-border{width:100%; font-size:14px;}
    .bbs-view .title-area{display:block; height:auto; padding:15px 0;}
    .bbs-view .title-area .notice{display:block; width:42px; margin:0 0 10px; padding:5px 0; font-size:14px; text-align:center;}
    .bbs-view .title-area h3{margin:0 0 10px; font-size:18px;}
    .bbs-view .title-area .date{font-size:14px;}
    .bbs-view .body-area{padding:15px 0; font-size:14px;}
    .bbs-view .btn-area{margin:20px 0;}
    .bbs-nav{display:flex; justify-content:space-between;}
    .bbs-nav a{height:auto; margin:0; font-size:14px; line-height:1.2; border:0;}
    .bbs-nav a:before{display:none;}
    .bbs-nav a .nav{margin:0;}
    .bbs-nav a .txt{display:none;}
    .bbs-nav .bbs-prev{margin:0; padding:0 0 0 20px; background:url(../images/ico_arrow_prev.svg) no-repeat 0 center;}
    .bbs-nav .bbs-next{padding:0 20px 0 0; background:url(../images/ico_arrow_next.svg) no-repeat right center;}

    .bbs-write{margin:0 -20px; padding:20px 25px; border-top:1px solid #000;}
    .bbs-write .row{display:block;}
    .bbs-write .row label,
    .bbs-write .row .label{display:block; min-width:auto; margin:0 0 18px; font-size:16px; line-height:1.2;}
    .bbs-write .radio-wrap{flex-wrap:wrap; gap:10px;}
    .bbs-write .radio-wrap label{margin:0;}
    .bbs-write .radio-wrap .guide{width:100%;}
    .bbs-write .row .date{display:flex; align-items:center;}
    .bbs-write .row .date input[type="date"]{flex:1; width:120px;}
    .bbs-write .row .date span{width:30px; text-align:center;}
    .bbs-write .btn-area{margin:20px 0 0;}
    
}

/* 2026-05 add */
.inner{max-width:1440px; width:unset;}

header .inner{width:unset; max-width:1440px; padding:0 30px;}
header.wh{background:#fff;}
header.wh h1{background:url(../images/logo_wh.png) no-repeat 0 0; background-size:100% auto;}
header.wh .main-nav a{color:#000; white-space:nowrap;}
header.wh .main-nav a.active{color:#49bfff;}

.main-nav{display:flex; justify-content:flex-end; align-items:center; gap:7.8125vw;}
.main-nav .nav-util{order:2; display:block;}
.main-nav .nav-util > div{display:none;}
.main-nav .btn-login{padding:10px 25px; font-size:16px; white-space:nowrap; border:1px solid #999; border-radius:25px; background:#fff;}

.site-info .inner{padding:37px 30px 77px}

.main-contents{padding:120px 0 0;}
.main-key-visual{position:relative; max-width:1440px; margin:0 auto; padding:0 30px;}
.main-key-visual .visual-wrap{width:100%; height:640px; overflow:hidden; border-radius:40px; mask:url(../images/visual_mask.png) no-repeat right 0;}
.main-key-visual .swiper-slide{position:relative; box-sizing:border-box; padding:0 74px;}
.main-key-visual .txt{position:absolute; left:104px; bottom:127px; z-index:2; color:#fff;}
.main-key-visual .txt strong{font-size:40px; font-weight:700; line-height:1.4;}
.main-key-visual .txt p{margin:14px 0 0; font-size:20px; line-height:1.5;}
.main-key-visual .controls{position:absolute; right:20px; bottom:0; width:60px;}
.main-key-visual .controls button{position:relative; width:60px; height:60px; overflow:hidden; margin:12px 0 0; text-indent:-9999px; border-radius:50%;}
.main-key-visual .btn-prev{background:#eee url(../images/btn_visual_prev.svg) no-repeat center;}
.main-key-visual .btn-next{background:#000 url(../images/btn_visual_next.svg) no-repeat center;}
.main-key-visual .status{position:absolute; left:104px; bottom:65px; width:calc(100% - 263px);}
.main-key-visual .pagination{margin:0 0 14px; font-size:20px; text-align:right; color:rgba(255, 255, 255, .5);}
.main-key-visual .pagination .index{color:#fff;}
.main-key-visual .progress{flex:1; height:4px; background:rgba(255, 255, 255, .5);}
.main-key-visual .progress div{width:0; height:4px; background:#fff;}
.main-key-visual .progress .active{width:100%;}

.main-notice{margin:30px 0 70px; padding:0;}
.main-notice .inner{gap:30px; padding:0 30px;}
.main-notice .quick-link{flex:1; border-radius:30px; background:#f2f5f9;}
.main-notice .quick-link > div{display:flex; gap:30px; padding:45px;}
.main-notice .quick-link a{flex:1; padding:130px 0 0; font-size:20px; text-align:center;}
.main-notice .quick-link .kosen{background:url(../images/ico_quick01.svg) no-repeat center 0;}
.main-notice .quick-link .edu{background:url(../images/ico_quick02.svg) no-repeat center 0;}
.main-notice .quick-link .student{background:url(../images/ico_quick03.svg) no-repeat center 0;}
.main-notice .quick-link .biz{background:url(../images/ico_quick04.svg) no-repeat center 0;}
.main-notice .quick-link a span{display:inline-block; padding:0 26px 0 0; word-break:keep-all; background:url(../images/ico_arrow_quick.svg) no-repeat right center;}
.main-notice .notice{padding:30px; border:1px solid #d4dce7; border-radius:30px;}
.main-notice .notice h2{font-size:24px;}
.main-notice .notice .btn-more{top:37px; right:30px; font-size:16px; color:#666;}
.main-notice .notice li{gap:5px;}
.main-notice .notice li a{flex:unset;}
.main-experience{background:url(../images/bg_customer.png) no-repeat center 0; background-size:cover;}
.main-experience .inner{padding:60px 30px 80px;}
.main-experience h2{margin:0 0 30px; font-size:30px; color:#fff;}
.main-experience .item{display:flex; gap:30px;}
.main-experience .item > a,
.main-experience .item > div{flex:1; padding:160px 0 40px; font-size:16px; text-align:center; border-radius:30px;}
.main-experience .item strong{font-size:20px; font-weight:700;}
.main-experience .item p{margin:10px 0 0; line-height:1.4}
.main-experience .brochure{background:#fff url(../images/ico_exp01.svg) no-repeat center 30px;}
.main-experience .brochure div{display:flex; flex-direction:column; align-items:center; gap:6px; margin:10px 0 0;}
.main-experience .brochure a{display:inline-block; padding:0 20px 0 0; background:url(../images/ico_arrow_quick.svg) no-repeat right center;}
.main-experience .vod{background:#fff url(../images/ico_exp02.svg) no-repeat center 30px;}
.main-experience .guide{background:#fff url(../images/ico_exp03.svg) no-repeat center 30px;}
.main-experience .feature{background:#fff url(../images/ico_exp04.svg) no-repeat center 30px;}
.main-customer{background:#f5f9ff url(../images/bg_customer.svg) no-repeat right 0; background-size:cover;}
.main-customer .inner{padding:87px 30px 80px;}
.main-customer .customer{color:#000;}
.main-customer .customer h2{font-size:30px;}
.main-customer .customer p{margin:10px 0 30px; padding:0 0 0 26px; background:url(../images/ico_clock_bk.svg) no-repeat 0 center;}
.main-customer .customer li{position:relative; display:flex; gap:10px;}
.main-customer .customer li:before{order:2; width:100%; content:''; border-bottom:1px dashed #000;}
.main-customer .customer span:first-child{order:1; white-space:nowrap;}
.main-customer .customer span:last-child{order:3;}
.main-customer .location{padding:35px 130px 35px 40px; color:#000; border:1px solid #dae0ea; border-radius:20px; background:#fff url(../images/ico_location.svg) no-repeat right 35px top 15px;}
.main-customer .location dt{margin:0 0 10px; font-size:20px; font-weight:700;}
.main-customer .location dd{font-size:16px; line-height:1.4;}

.login-contents{padding:227px 0 127px 0; background:linear-gradient(to right, #f0f9ff, #e0f2fe, #bae6fd);}
.login-contents .login{width:400px; box-sizing:border-box; margin:0 auto; padding:50px 30px; font-size:14px; border:1px solid #e0e6f3; border-radius:10px; background:#fff;}
.login-contents h2{margin:0 0 20px; font-size:24px;}
.login-contents input{width:100%; height:42px; box-sizing:border-box; padding:0 12px; border:0; border-bottom:2px solid #222;}
.login-contents input::placeholder{color:#232323;}
.login-contents input + input{margin:20px 0 0;}
.login-contents .btn-find{display:inline-block; margin:20px 0 30px;}
.login-contents .btn-login{width:100%; height:42px; margin:0 0 14px; font-weight:700; color:#fff; border-radius:5px; background:#000;margin-top:20px;}

/* .wh + .sub-contents{padding-top:100px;}
.sub-contents.jp{padding-top:100px;} 2026.06.08 */
.jp .tab-nav a br{display:none;}
.kr .tab-nav a br{display:none;}
.jp .sub-visual{background:url(../images/sub_visual_jp.jpg) no-repeat center 0; background-size:cover;} /* 2026.06.08 */
/*.jp .sub-visual{height:600px; background:url(../images/sub_visual_jp.jpg) no-repeat center 0; background-size:cover;}*/
.jp .sub-intro{padding:0;}
.jp .sub-intro .slogan-box{margin:0 0 100px; padding:0; background:none;}
.jp .sub-intro .slogan-box p{font-size:24px;}
.jp .sub-intro .slogan-box strong{font-weight:400;}
.jp .intro-guide{padding:100px 0; background:#f5f9ff;}
.jp .intro-guide h3{margin:0 0 48px; font-size:40px; font-weight:600; text-align:center;}
.jp .intro-guide .inner{display:flex; gap:30px;}
.jp .intro-guide dl{flex:1; padding:146px 20px 24px; text-align:center; border-radius:30px;}
.jp .intro-guide dl:nth-child(1){background:#fff url(../images/jp_ico_program_01.svg) no-repeat center 40px;}
.jp .intro-guide dl:nth-child(2){background:#fff url(../images/jp_ico_program_02.svg) no-repeat center 40px;}
.jp .intro-guide dl:nth-child(3){background:#fff url(../images/jp_ico_program_03.svg) no-repeat center 40px;}
.jp .intro-guide dl:nth-child(4){background:#fff url(../images/jp_ico_program_04.svg) no-repeat center 40px;}
.jp .intro-guide dl:nth-child(5){background:#fff url(../images/jp_ico_program_05.svg) no-repeat center 40px;}
.jp .intro-guide dt{margin:0 0 10px; font-size:20px; font-weight:600;}
.jp .intro-guide dd{font-size:16px; line-height:1.5;}
.jp .intro-program{padding:100px 0;}
.jp .intro-program h3{margin:0 0 48px; font-size:40px; text-align:center; line-height:1.4;}
.jp .intro-program .inner{display:flex; flex-direction:column; gap:24px;}
.jp .program-content{display:flex; gap:60px; padding:40px; border:1px solid #ccc; border-radius:30px;}
.jp .program-content h4{width:250px; font-size:24px; font-weight:600; color:#0e70b8; line-height:1.5;}
.jp .program-content > div{flex:1;}
.jp .program-content dl + dl{margin:25px 0 0;}
.jp .program-content dt{margin:0 0 12px; font-size:20px; font-weight:600; line-height:1.4;}
.jp .program-content dd{position:relative; padding:0 0 0 25px; font-size:16px;}
.jp .program-content dd:before{position:absolute; top:10px; left:10px; width:3px; height:3px; content:''; border-radius:50%; background:#0e70b8;}
.jp .program-content dd b{font-weight:400; color:#ff5325;}
.jp .program-content .box{padding:20px 30px; border-radius:12px; background:#f5f9ff;}
.jp .program-content .box dt{font-weight:400; color:#0e70b8;}
.jp .program-content dd:has(li){padding:0;}
.jp .program-content dd:has(li):before{display:none;}
.jp .program-content li{position:relative; padding:0 0 0 25px;}
.jp .program-content li:before{position:absolute; top:10px; left:10px; width:3px; height:3px; content:''; border-radius:50%; background:#0e70b8;}
.jp .program-content li + li{margin:17px 0 0;}

.sub-visual.contact{background:url(../images/sub_visual_contact.jpg) no-repeat center; background-size:cover;} /* 2026.06.08 */
.sub-contact{padding-bottom:200px;}
.contact-content{display:flex; gap:60px;}
.contact-content + .contact-content{margin:80px 0 0;}
.contact-content h3{width:300px; font-size:28px; font-weight:700;}
.contact-content > div{flex:1;}
.contact-content .tbl-header{font-size:20px;}
.contact-content .tbl-header th{padding:15px 0; background:#f5f5f5;}
.contact-content .tbl-header th:first-child{border-radius:12px 0 0 12px;}
.contact-content .tbl-header th:last-child{border-radius:0 12px 12px 0;}
.contact-content .tbl-header td{padding:20px 0; text-align:center; border-bottom:1px solid #ccc;}
.contact-content .guide-txt{position:relative; margin:20px 0 0; padding:0 0 0 25px;}
.contact-content .guide-txt:before{position:absolute; top:10px; left:10px; width:3px; height:3px; content:''; border-radius:50%; background:#000;}

@media screen and (max-width:1240px){
    .main-nav a{font-size:20px;}
    .main-contents{padding:90px 0 0;}
    .main-notice .inner{flex-direction:row; align-items:normal;}
    .main-notice .quick-link > div{padding:30px;}
    .main-notice .quick-link a{padding:100px 0 0; font-size:18px; background-size:80px auto !important;}
    .main-notice .notice{margin:0;}
    .main-notice .notice li a{font-size:18px;}
    .main-customer .inner{flex-direction:row; align-items:normal;}
    .main-customer .customer{margin:0;}

    /* .wh + .sub-contents{padding-top:70px;}
    .sub-contents.jp{padding-top:70px;} 2026.06.08 */
}
@media screen and (max-width:1024px){
    .btn-nav{display:block;}
    .main-nav{display:none;}

    .main-nav{position:fixed; top:0; left:0; z-index:2; opacity:0; visibility:hidden; width:100%; background:#fff; transition:all .2s;}
    .main-nav.opened,
    .main-nav.opened ul{display:block; opacity:1; visibility:visible;}
    .main-nav.opened:before{position:fixed; top:0; left:0; width:100%; height:100%; content:''; background:rgba(0, 0, 0, .4);}
    .main-nav.opened .nav-util{position:relative; display:flex; justify-content:space-between; align-items:center; height:70px; padding:0 20px;background:#0e70b8;}
    .main-nav .nav-util .btn-login{padding:0 30px 0 0; font-size:20px; font-weight:600; color:#fff; border:0; background:url(../images/ico_arrow_login_mo.svg) no-repeat right center;}
    .main-nav .nav-util > div{display:flex; align-items:center; gap:10px;}
    .main-nav .nav-util .btn-home{width:28px; height:28px; overflow:hidden; text-indent:-9999px; background:url(../images/ico_home_bold.svg) no-repeat center;}
    .btn-nav{position:relative; display:block; width:34px; height:34px; overflow:hidden; text-indent:-9999px; background:none;}
    .main-nav .nav-util .btn-nav-close{position:relative; width:28px; height:28px; overflow:hidden; text-indent:-9999px; background:none;}
    .main-nav .nav-util .btn-nav-close:before{position:absolute; top:3px; left:13px; width:2px; height:22px; content:''; background:#fff; transform:rotate(45deg);}
    .main-nav .nav-util .btn-nav-close:after{position:absolute; top:3px; left:13px; width:2px; height:22px; content:''; background:#fff; transform:rotate(-45deg);}
    .main-nav ul{position:relative; text-align:center; background:#fff;}
    .main-nav ul a{display:block; padding:20px 0; font-size:16px; font-weight:500; color:#222;}
    .main-nav a.active:after{display:none;}
    .btn-nav span{position:absolute; top:50%; left:50%; width:26px; height:17px; box-sizing:border-box; border-top:3px solid #fff; transform:translate(-50%, -50%);}
    .btn-nav span:before{position:absolute; top:4px; left:0; width:100%; height:3px; content:''; background:#fff;}
    .btn-nav span:after{position:absolute; bottom:0; left:0; width:100%; height:3px; content:''; background:#fff;}
    header.wh .btn-nav span{border-color:#000;}
    header.wh .btn-nav span:before,
    header.wh .btn-nav span:after{background:#000;}

    .main-key-visual .txt{left:62px;}
    .main-key-visual .swiper-slide{padding:0 32px;}
    .main-key-visual .status{left:62px; width:calc(100% - 190px);}
    .main-notice{margin:50px 0 60px;}
    .main-notice .inner{flex-direction:column;}
    .main-notice .quick-link > div{gap:20px; padding:40px 20px;}
    .main-notice .quick-link a{padding:120px 0 0; background-size:100px auto !important;}
    .main-notice .notice{width:100%; box-sizing:border-box;}
    .main-notice .notice h2{font-size:24px;}
    .main-experience .inner{padding:70px 30px;}
    .main-experience .item{display:grid; grid-template-columns:repeat(2, 1fr); gap:20px;}
    .main-experience .item > a,
    .main-experience .item > div{padding:49px 0 49px 150px; text-align:left; background-position:20px center;}
    .main-experience .brochure div{align-items:flex-start;}
    .main-customer .customer{width:350px;}
    .main-customer .customer h2{font-size:24px;}

    /* .jp .sub-visual,
    .sub-visual.contact{height:420px; padding-top:150px;} 2026.06.08 */
    .sub-visual{height:420px; padding-top:185px;}
    .jp .tab-nav,
    .sub-contact .tab-nav{margin:0 0 60px;}
    .jp .sub-intro .slogan-box{margin:0 0 80px;}
    .jp .intro-guide{padding:60px 0 0;}
    .jp .intro-guide h3{margin:0 0 30px; font-size:32px;}
    .jp .intro-guide .inner{flex-direction:column; gap:30px; padding-bottom:60px;}
    .jp .intro-guide dl{padding:30px 60px 30px 160px; text-align:left;}
    .jp .intro-guide dl:nth-child(1){background-position:left 60px center; background-size:60px auto;}
    .jp .intro-guide dl:nth-child(2){background-position:left 60px center; background-size:auto 64px;}
    .jp .intro-guide dl:nth-child(3){background-position:left 60px center; background-size:60px auto;}
    .jp .intro-guide dl:nth-child(4){background-position:left 60px center; background-size:60px auto;}
    .jp .intro-guide dl:nth-child(5){background-position:left 60px center; background-size:60px auto;}
    .jp .intro-program{padding:80px 0 0;}
    .jp .intro-program .inner{padding-bottom:80px;}
    .jp .intro-program h3{margin:0 0 30px; font-size:32px;}
    .jp .program-content{display:block;}
    .jp .program-content h4{width:100%; margin:0 0 12px;}
    .jp .program-content h4 br{display:none;}

    .sub-contact{padding-bottom:80px;}
    .contact-content{display:block;}
    .contact-content h3{margin:0 0 20px; font-size:24px;}
    .contact-content + .contact-content{margin:60px 0 0;}

}
@media screen and (max-width:768px){
    header .inner{padding:0 20px;}
    .main-contents{padding:70px 0 0;}
    .main-key-visual{padding:0 20px;}
    .main-key-visual .visual-wrap{height:360px; border-radius:20px; mask:url(../images/visual_mask_m.png) no-repeat right 0; mask-size:auto 100%;}
    .main-key-visual .swiper-slide{padding:0 20px;}
    .main-key-visual .txt{left:40px; bottom:46px; padding-right:70px;}
    .main-key-visual .txt strong{font-size:18px;}
    .main-key-visual .txt p{font-size:13px;}
    .main-key-visual .txt p br{display:none;}
    .main-key-visual .status{left:41px; bottom:21px; width:calc(100% - 120px);}
    .main-key-visual .pagination{margin:0 0 5px; font-size:10px;}
    .main-key-visual .progress,
    .main-key-visual .progress div{height:2px;}
    .main-key-visual .controls{right:20px; width:32px;}
    .main-key-visual .controls button{width:32px; height:32px; margin:7px 0 0; background-size:8px auto;}

    .main-notice{margin:30px 0 0;}
    .main-notice .inner{padding:0;}
    .main-notice .quick-link{border-radius:0;}
    .main-notice .quick-link > div{display:grid; grid-template-columns:repeat(2, 1fr); gap:20px 14px; padding:20px;}
    .main-notice .quick-link a{display:flex; align-items:center; min-height:54px; padding:0 0 0 62px; font-size:14px; background-position:0 center !important; background-size:auto 54px !important;}
    .main-notice .quick-link span{text-align:left;}
    .main-notice .notice{padding:30px 20px; border:0; border-radius:0;}
    .main-notice .notice h2{font-size:18px;}
    .main-notice .notice .btn-more{top:35px; right:20px; font-size:14px;}
    .main-notice .notice li{display:flex; padding:0;}
    .main-notice .notice li:not(first-child){margin:12px 0 0;}
    .main-notice .notice li a{padding:0 0 0 10px; font-size:14px; white-space:nowrap;}
    .main-notice .notice li a:before{left:0;}
    .main-notice .notice li .new{margin:0;}
    .main-experience{background-size:100% 100%;}
    .main-experience .inner{padding:40px 20px;}
    .main-experience h2{margin:0 0 20px; font-size:20px;}
    .main-experience .item{gap:10px;}
    .main-experience .item > a,
    .main-experience .item > div{padding:94px 0 24px; text-align:center; background-position:center 30px; background-size:60px auto;}
    .main-experience .brochure div{align-items:center; font-size:12px;}
    .main-experience .brochure a{padding:0 15px 0 0; background-size:12px auto;}
    .main-experience .item strong{font-size:16px;}
    .main-experience .item p{margin:4px 0 0; font-size:12px;}
    .main-customer{background-position:right bottom; background-size:auto 160px;}
    .main-customer .inner{padding:40px 20px;}
    .main-customer .customer{width:100%; margin:0 0 20px;}
    .main-customer .customer h2{font-size:16px;}
    .main-customer .customer p{margin:10px 0 20px; padding:0 0 0 20px; font-size:16px; background-size:15px auto;}
    .main-customer .customer li{font-size:14px;}
    .main-customer .customer span:last-child{margin:0;}
    .main-customer .location{padding:26px 20px; background-position:right 20px top 10px; background-size:60px auto;}
    .main-customer .location dt{font-size:16px;}
    .main-customer .location dd{font-size:14px;}

    .login-contents .login{width:100%;}

    .sub-contents .tab-nav .inner{padding:0;} /* 2026.06.08 */

	.jp .tab-nav a{height:unset; padding:13px 0; line-height:1.2;}
    .jp .tab-nav a br{display:block;}
    .jp .sub-intro .slogan-box{margin:0 0 60px;}
    .jp .sub-intro .slogan-box p{font-size:16px;}
    .jp .intro-program .inner{padding-bottom:60px;}
    .jp .intro-guide h3{padding:0 20px; font-size:20px;}
    .jp .intro-guide .inner{gap:12px;}
    .jp .intro-guide dl{padding:82px 20px 24px; text-align:center;}
    .jp .intro-guide dl:nth-child(1),
    .jp .intro-guide dl:nth-child(2),
    .jp .intro-guide dl:nth-child(3),
    .jp .intro-guide dl:nth-child(4),
    .jp .intro-guide dl:nth-child(5){background-position:center top 24px; background-size:auto 48px;}
    .jp .intro-guide dd br{display:none;}
    .jp .intro-program{padding:60px 0 0;}
    .jp .intro-program h3{margin:0 0 20px; font-size:20px;}
    .jp .program-content{padding:24px 20px;}
    .jp .program-content h4{font-size:16px;}
    .jp .program-content dt{font-size:16px;}
    .jp .program-content dd{padding:0 0 0 16px; font-size:12px;}
    .jp .program-content dd:before{top:5px; left:5px;}
    .jp .program-content .box{padding:12px 20px;}
    .jp .program-content .box dt{margin:0 0 8px;}

	.sub-contact{padding-bottom:60px;}
    .sub-contact .tab-nav{overflow:auto;}
    .sub-contact .tab-nav .inner{flex-wrap:nowrap; justify-content:flex-start;}
    .sub-contact .tab-nav a{max-width:200px; width:unset; min-width:135px; height:unset; padding:22px 0; line-height:1.2;}
    .contact-content h3{font-size:20px;}
    .contact-content > div{margin:0 -20px;}
    .contact-content .tbl-header th{padding:12px 0; font-size:16px; border-radius:0 !important;}
    .contact-content .tbl-header td{padding:15px 0; font-size:16px;}
    .contact-content .guide-txt{margin:20px 0 0 20px;}
}