@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');
}

/* common */
*{margin:0; padding:0; font-family:'Pretendard'; font-weight:400; -webkit-tap-highlight-color:transparent;}
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;}

/* 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:-10px; left:0; width:100%; height:2px; content:''; background:#49bfff;}
.btn-nav,
.main-nav .nav-util{display:none;}
header.fixed{background:#fff;border-bottom: 1px solid #aaa;}
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{height:970px; overflow:hidden; color:#fff;}
.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:100px 0;}
.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 .deep-border{border-bottom:2px solid #333;}
.tbl-program .deep-border{border-bottom:2px solid #333;}
.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;}
.sub-customer .program-content{display:flex; gap:60px; line-height:1.5;}
.sub-customer .program-content .content-title{width:250px;}
.sub-customer .program-content .content-area{flex:1;}
.sub-customer .program-content .content-area > div + div{margin:90px 0 0;}
.sub-customer .program-tab{display:none;}



.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;text-align:ce}
.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 .show {width:32px; height:32px; font-size:13px; font-weight:600; text-align:32px; line-height:32px; 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;}

    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{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 .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;}

    .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:70px 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 .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;}
    
}