@import url("common.css");
@import url("nanumgothic.css");
@import url("Fontawesome/css/solid.css");
/* subContainer */
#subContainer{width:100%}
.navigation{max-width:1200px;margin:0 auto;text-align:left;padding:10px 15px 20px 15px}
.navigation a{font-size:13px;font-weight:400;color:#555555;}
.navigation a:hover{color:#333333;text-decoration:none}
.navigation span{display:inline-block;margin:0 5px;font-size:13px;font-weight:300}
.navigation a.on{font-weight:600;color:#000000}

/* sub page(common) */
#subContents{max-width:1200px;margin:0 auto;padding:0 15px}
#subContents .h2_ttl{position:relative;font-size:25px;color:#000000;font-weight:700;padding:0 0 10px 0}
#subContents .h2_ttl:after{display:block;content:"";position:absolute;bottom:-1px;left:0;width:100%;border-bottom:2px solid #960000;}
#subContents .h2_ttl span{font-size:20px;font-weight:normal}
#subContents .contents{width:100%;font-size:15px;text-align:justify;margin:20px 0 45px 0;word-break:keep-all;line-height:21px;overflow:hidden;/* min-height:550px */;font-weight:400;}
.contents .con_h3_ttl{font-size:20px;font-weight:700;color:#000000;margin-bottom:5px;position:relative;padding-left:10px;clear:left;letter-spacing:-0.03em;}
.contents .con_h3_ttl:after{position:absolute;content: "";top: 3px;left: 0px;width: 4px;height: 18px;background-color:#155cb5;}
.contents .con_h3_ttl_blue{font-size:20px;font-weight:800;color:#155CB5;margin-bottom:5px;}
.contents .con_h4_ttl_blue{font-size:15px;font-weight:700;color:#155CB5;}
.contents .li_ttl{display:block;font-size:20px;font-weight:600;color:#000000;margin-bottom:5px;position:relative;}
.contents .li_ttl:after{position:absolute;content: "";top:-4px;left: 0px;width:30px;height:3px;background-color:#155cb5;}
.h3_ttl{font-size:17px}

/* greeting */
.greeting{width:100%}
.greeting .president_img img{width:174px; float: left; margin:10px}
.greeting .president_greeting{margin:10px 0 0 0}
.president_greeting .dear{display:block;margin-bottom:10px}
.greeting .sign{display:block;margin-top:20px}

/* mission */
.mission{width:100%;margin-bottom:30px;}

/* goals */
.goal ol li strong{display:block;font-size:17px}
.goal ol li{margin-top:10px}
.goal ol li:first-child{margin-top:0}

/*faulty*/
.teacher-list{float:left}
.teacher-list .profile{float:left;width:100%;margin-top:10px;margin-bottom:20px}
.shanghai_faculty .tb-profile tbody td{line-height:18px}
.shanghai_faculty .tb-profile tbody th{vertical-align:top}
.profile .img-name{float:left;margin:0 10px 0 0} 
.profile .img-name .img{}
.profile .img-name .img img{width:150px}
.tb-profile{width:970px}
.tb-profile thead{border-bottom: 2px solid;}
.tb-profile thead th.name{color:#000000;padding:4px 10px 4px 15px;text-align:left;font-size:17px;font-weight:500;}
.tb-profile thead th.status{color:#0d566d;padding:5px 10px;text-align:left;font-size:15px;font-weight:400;font-style:italic}
.tb-profile tbody th.ttl{text-align:left;padding:6px 10px 5px 16px;font-size:13px;border-bottom:1px solid #d1d1d1;border-top:1px solid #d1d1d1;font-weight:500}
.tb-profile tbody td.con{font-size:13px;padding:5px 8px;border-bottom:1px solid #d1d1d1;border-top:1px solid #d1d1d1;}
.tb-profile tbody td{}


/* distinction */
.distinction ol li{margin-top:5px}
.distinction ol li:first-child{margin-top:0}


/* NIES */
.sch-list{float:left;margin-top:15px}
.sch-list ul{margin:0 0 15px 0;float:left}
.sch-list ul li{float:left;padding-right:22px;}
.sch-list ul li .con{display:block;width:270px;font-size:13px;line-height:18px;text-align:center}
.sch-list ul li .con strong{font-size:15px;color:#1D55A5;display:inline-block;text-align:center;width:210px;margin-top:5px}
.sch-list ul li .con a{text-decoration:underline; color:#2543BA}
.sch-list ul li img{border:1px solid #d1d1d1;width:270px; height:197px;}

/* Location */
.location{margin:10px 0 0 0;}
.location .tb_address{float:left;font-size:15px}
.location .tb_address tbody th{border:1px solid #3f77b1;background:#3f77b1;padding:5px;text-align:center;color:#ffffff;font-weight:normal;border-bottom:1px solid #ffffff}
.location .tb_address tbody td{border:1px solid #ddd;padding:10px 10px}
.location .tb_address tbody td span{display:block;position:relative}

/* Program Description */
.program{width:100%;margin-bottom:15px;float:left}
.program ul li strong{display:block;font-size:17px}
.program ul li{margin-top:10px}
.program ul li:first-child{margin-top:0}
.program .top{float:left;width:575px}
.program .top .img{margin-bottom:5px}

/* .program .program1{float:left}
.program .program1 span{float:left;margin:5px 10px 0 0}
.program .program1 span img, .program .program1 strong img{border:1px solid #b1b1b1}
.program .program1 strong{float:right;margin:5px 0 0 10px}
 */

/* Daily Schedule */
.schedule{width:100%}
.schedule .tb_schedule1{display:inline-block;width:100%;vertical-align:top;margin-bottom:10px;text-align:center}
.schedule .tb_schedule1 table{width:100%}
.schedule .tb_schedule1 thead th{border:1px solid #d0ddff;padding:7px 5px 7px 5px;background:#155CB5;color:#ffffff;font-size:17px;font-weight:600;}
.schedule .tb_schedule1 tbody th{border:1px solid #dddddd;padding:3px 5px 3px 5px;font-weight:400}
.schedule .tb_schedule1 tbody td{border:1px solid #dddddd;padding:3px 3px 3px 5px}
.schedule .tb_schedule2{display:inline-block;width:100%;vertical-align:top;margin-bottom:10px;text-align:center;margin-right:10px;float:left}
.schedule .tb_schedule2 table{width:100%}
.schedule .tb_schedule2 thead th.ttl{padding:7px 5px 7px 5px;background:#004082;color:#ffffff;font-size:15px;font-weight:600;}
.schedule .tb_schedule2 thead th.ttl2{border:1px solid #d0ddff;padding:3px 5px 3px 5px;background:#dce6ff;color:#000000;font-size:15px;font-weight:600;}
.schedule .tb_schedule2 tbody th{border:1px solid #ffffff;padding:5px 5px 5px 5px;font-weight:400}
.schedule .tb_schedule2 tbody td{border:1px solid #ffffff;padding:5px 3px 5px 5px}
.schedule .tb_schedule2 .sch1{background-color:#f0f0f0}
.schedule .tb_schedule2 .sch2{background-color:#faefe9}
.schedule .tb_schedule2 .sch3{background-color:#e8f1f8}
.schedule .tb_schedule2 .sch4{background-color:#f1f6e2}
.schedule .tb_schedule3{display:inline-block;width:49.5%;vertical-align:top;text-align:center;float:left}
.schedule .tb_schedule3 table{width:100%}
.schedule .tb_schedule3 thead th{border:1px solid #d0ddff;padding:5px 5px 5px 5px;background:#d0ddff;color:#155CB5;font-size:17px;font-weight:600;}
.schedule .tb_schedule3 tbody th{border:1px solid #dddddd;padding:3px 5px 3px 5px;font-weight:400}
.schedule .tb_schedule3 tbody td{border:1px solid #dddddd;padding:3px 3px 3px 5px}

/* How to Apply */
.apply{}
.apply li{margin-bottom:20px;padding-top: 5px;}

.apply li .email{color:#155CB5;text-decoration:underline}
.apply .btn_form{display:block;margin-top:3px;}
.apply .btn_form a{background:#155CB5;color:#fff;padding:7px 10px;border-radius:3px;display:inline-block;}

/* Apply 버튼 영역 */
.apply-btn-wrap{display:flex;gap:12px;margin-top:8px;flex-wrap:wrap;align-items:stretch;}
.apply-btn-wrap a{flex:1;min-width:150px;max-width:220px;text-decoration:none;display:flex;}
.apply-btn-wrap button{height:100%;
  width:100%;padding:10px 12px;
  border:2px solid #155CB5;
  border-radius:5px;
  font-family:'Open Sans',sans-serif;
  font-size:13px;line-height:1.5;
  cursor:pointer;text-align:center;
  transition:background 0.2s,color 0.2s;
  letter-spacing:-0.01em;
}
.apply-btn-wrap button.btn-apply{background:#155CB5;color:#fff;}
.apply-btn-wrap button.btn-apply:hover{background:#0e4a9a;border-color:#0e4a9a;}
.apply-btn-wrap button.btn-modify{background:#fff;color:#155CB5;}
.apply-btn-wrap button.btn-modify:hover{background:#eef3fb;}
/* PDF 다운로드 버튼 — 하늘색 */
.apply-btn-wrap button.btn-pdfdown{background:#29ABE2;color:#fff;border-color:#29ABE2;}
.apply-btn-wrap button.btn-pdfdown:hover{background:#1a8fc4;border-color:#1a8fc4;}
.apply-btn-wrap button.btn-pdfdown i{font-size:18px;display:block;margin-bottom:4px;}

/* Application */
.tb_doc{border-top:2px solid #004082;width:100%}
.tb_doc table{width:100%;}
.tb_doc table thead th{background:#155CB5;font-size:15px;padding:7px 0;color:#fff}
.tb_doc table tbody th{border-bottom:1px solid #9AB8DE;text-align:center;font-weight:500;}
.tb_doc table tbody td{border-bottom:1px solid #9AB8DE}
.tb_doc table tbody td.name{padding:7px 0;font-weight:600}
.tb_doc table tbody td.icon{text-align:center}
.tb_doc table tbody .on{background:#fafafa}
button.button1 {background-color:rgb(0,180,214);border:solid 1px white;width:200px;height:60px;color:white;border-radius:12px;padding:7px 10px;margin-top:12px;!important}
button.button2 {background-color:rgb(0,180,214);border:solid 1px white;width:200px;height:60px;color:white;border-radius:12px;padding:7px 10px;margin-top:12px;!important}

/* ===== Apply Layer Popup ===== */
.apply-ly-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,10,30,0.62);z-index:1000;align-items:center;justify-content:center;}
.apply-ly-overlay.active{display:flex;}
.apply-ly-box{background:#fff;border:none;border-radius:6px;overflow:hidden;width:430px;max-width:96vw;position:relative;box-shadow:0 8px 40px rgba(0,0,0,0.28);}
/* 팝업 상단 헤더 */
.apply-ly-head{background:#004082;border-bottom:4px solid #960000;padding:22px 28px 18px;text-align:center;}
.apply-ly-head .apply-ly-logo{width:52px;height:52px;border-radius:50%;object-fit:contain;margin-bottom:10px;display:block;margin-left:auto;margin-right:auto;}
.apply-ly-head h4{font-size:16px;font-weight:700;color:#fff;line-height:1.5;margin:0;}
.apply-ly-close{position:absolute;top:12px;right:14px;font-size:22px;cursor:pointer;color:rgba(255,255,255,0.7);line-height:1;background:none;border:none;transition:color .15s;}
.apply-ly-close:hover{color:#fff;}
/* 팝업 바디 */
.apply-ly-body{padding:26px 28px 22px;}
.apply-ly-box .apply-ly-input{width:100%;box-sizing:border-box;border:1px solid #c5d3e0;border-radius:3px;padding:10px 12px;font-size:15px;color:#222;margin-bottom:14px;outline:none;background:#fff;transition:border-color .2s;}
.apply-ly-box .apply-ly-input:focus{border-color:#155CB5;background:#f7faff;}
.apply-ly-box .apply-ly-input::placeholder{color:#bbb;}
.apply-ly-box .apply-ly-note{font-size:13px;color:#666;margin-bottom:6px;padding-top:2px;}
.apply-ly-box .apply-ly-note a{color:#155CB5;text-decoration:underline;}
.apply-ly-enter{margin:20px 0 0;}
.apply-ly-enter a{display:block;background:#155CB5;color:#fff;text-align:center;padding:13px 0;font-size:15px;font-weight:700;border-radius:4px;letter-spacing:0.04em;text-decoration:none;transition:background .2s;}
.apply-ly-enter a:hover{background:#0e4a9a;text-decoration:none;color:#fff;}
.apply-ly-contact{text-align:right;font-size:13px;color:#888;margin-top:12px;}

/* Modify 팝업 전용 색상 */
.apply-ly-box--modify .apply-ly-head{background:#3d1a1a;border-bottom-color:#c0392b;}
.apply-ly-box--modify .apply-ly-input:focus{border-color:#c0392b;background:#fff8f7;}
.apply-ly-box--modify .apply-ly-enter a{background:#960000;}
.apply-ly-box--modify .apply-ly-enter a:hover{background:#7b0000;}
.apply-ly-box--modify .apply-ly-note a{color:#c0392b;}

/* Program Description */

/* Faq */
/* .faq{width:100%}
.faq ul li strong{display:block}
.faq ul li span{display:block}
.faq ul li{margin-top:10px}
.faq ul li:first-child{margin-top:0} */

/* faq */
.faq {padding:20px 0 0;}
.categori {padding:0 0 50px;text-align:center;}
.categori .btn_categori {display:inline-block;background:#f4f4f4;border-radius: 30px;}
.categori .btn_categori a {width:200px;display:inline-block;float:left;padding:15px 0;text-align:center;color:#8a8a8a;border-radius: 30px;}
.categori .btn_categori a.on {background:#40bfb7;color:#fff;}
.slp_fap {width:100%;overflow: hidden;margin: auto;text-align:left;}
.slp_fap .item .heading {line-height:1.2;padding:15px;font-size:15px;cursor: pointer;border:1px solid #c9c9c9;border-bottom:none;color: #111111;padding-left:70px;background: #fff url(/img/community/arrow.png) no-repeat;background-position: left 20px top -95px;box-sizing: border-box;}
.slp_fap .item:last-child .heading{border-bottom:1px solid #c9c9c9;}
.slp_fap .item.open .heading {background:#155CB5 url(/img/community/arrow.png) no-repeat;border-bottom:#c9c9c9;color:#fff;}
.slp_fap .item.open .heading { background-position: left 20px top -5px; }
.slp_fap .item .content {display: none;padding:30px 70px 40px;box-sizing:border-box;background: #fff;color:#111111;font-size: 15px;line-height:1.5;}

/* TOEFL, SAT, ESL */
.tests-tab-wrapper {}
.tests-tab-menu {text-align:left}
.tests-tab-menu li {font-size:17px;position:relative;background-color:rgba(255, 255, 255, 0.50);display:inline-block;padding:5px 30px;opacity:0.8;cursor:pointer;z-index:0;width:33.10%;text-align:center;border-bottom:2px solid #004082;}
.tests-tab-menu li:hover {color:#000000;font-weight:600}
.tests-tab-menu li.active {color:#ffffff;opacity:1;font-weight:600;background:#004082}
.tests-tab-menu li.active:hover {color:#ffffff}
.tests-tab-content>div {font-size:14px;text-align:left;background-color:rgba(255, 255, 255, 0.4);box-sizing:border-box;width:100%;margin-top:20px;min-height:500px;}
.tests-tab-menu .line {position:absolute;width:0;height:2px;background-color:#004082;bottom:0;left:0;}
.toefl h3{color:#000000;font-size:15px;font-weight:600}
.toefl .tb_toefl {width:100%;}
.toefl .tb_toefl thead th{padding:7px 5px 7px 10px;background:#dddddd;color:#000000;font-size:15px;font-weight:600;}
.toefl .tb_toefl tbody th{border:1px solid #dddddd;padding:7px 10px;font-weight:400}
.toefl .tb_toefl tbody td{border:1px solid #dddddd;padding:7px 10px}

/* College Acceptance */
.college-tab-wrapper {}
.college-tab-menu {text-align:left;border-bottom:2px solid #065fbd;}
.college-tab-menu li {font-size:18px;position:relative;background-color:rgba(255, 255, 255, 0.50);display:inline-block;padding:10px 30px;opacity:0.8;cursor:pointer;z-index:0;width:24.7%;text-align:center;}
.college-tab-menu li:hover {color:#000000;font-weight:600}
.college-tab-menu li.active {color:#ffffff;opacity:1;font-weight:600;background:#065fbd}
.college-tab-menu li.active:hover {color:#ffffff}
.college-tab-content>div {font-size:14px;text-align:left;background-color:rgba(255, 255, 255, 0.4);box-sizing:border-box;width:100%;margin-top:20px;min-height:500px;}
.college-tab-menu .line {position:absolute;width:0;height:2px;bottom:0;left:0;}
.toefl .tb_toefl {width:100%;}
.toefl .tb_toefl thead th{padding:3px 5px 3px 10px;background:#dddddd;color:#000000;font-size:13px;font-weight:600;}
.toefl .tb_toefl tbody th{border:1px solid #dddddd;padding:7px 10px;font-weight:400}
.toefl .tb_toefl tbody td{border:1px solid #dddddd;padding:7px 10px}
.tb_college{width:100%;border-left: 1px solid #dddddd;border-bottom:1px solid #dddddd;}
.toefl .tb_college thead th{padding:3px 5px 3px 10px;background:#dddddd;color:#000000;font-size:13px;font-weight:600;}
.toefl .tb_college tbody th{border:1px solid #dddddd;padding:7px 10px;font-weight:400}
.toefl .tb_college tbody td{border:1px solid #dddddd;border-left:1px solid #dddddd;padding:7px 10px}
.toefl .tb_college tbody td.country{text-align:center}

/* College Acceptance-NEW */
.consulting .tab{text-align:center; background:#e2e8f0; width:1172px; margin-bottom:10px}
.consulting .tab td{padding:5px; border-right:1px solid #fff; border-bottom:1px solid #fff; color:#555}
.consulting .now a{ color:#3372BC; text-decoration:none; font-size:15px;}
.consulting .now a:hover{ color:#3372BC; text-decoration:underline}
.consulting .anchor_tab a{ text-decoration:none; color:#333; font-weight:500; font-size:13px}
.consulting .anchor_tab a:hover{ text-decoration:underline; font-weight:500; color:#336666}
.consulting .top_move{font-size:12px; display:block; top:7px;right:10px;position:absolute}
.consulting .top_move a{ text-decoration:none; color:#fff}
.consulting .tip{ font-size:12px; color:#333; float:right}
.consulting .tab_lst{margin-bottom:20px; border-bottom:2px solid #336666; width:100%}
.consulting .tab_lst_ttl{font-size:17px;font-weight:bold;background:#336666; text-align:center; color:#fff; padding:6px 0;position:relative}

.consulting .tab_lst tbody th{padding:3px 0; background:#92b8b8; color:#000; font-size:13px; border-right:1px solid #fff;text-align:center}
.consulting .tab_lst tbody td{ border-bottom:1px solid #d9d9d9; color:#111; font-size:13px;}
.consulting .tab_lst tbody .name{font-weight:bold; padding:3px 0; vertical-align:top; text-align:center}
.consulting .tab_lst tbody .name_gra{  padding:3px 0 0 5px; vertical-align:top;border-left:1px solid #d9d9d9}
.consulting .tab_lst tbody .name_pass{ padding:3px 0 0 5px; line-height:18px;border-left:1px solid #d9d9d9}
.border_b_none{ border-bottom:none!important}
.border_t_none{ border-top:none!important}
.border_r_none{ border-right:none!important}


.graduates .tab{border-top:2px solid #2b7da5;border-bottom:2px solid #2b7da5;text-align:center;background:#e2e8f0;width:795px;margin-bottom:10px}
.graduates .tab td{padding:6px 5px;border-right:1px solid #fff;border-bottom:1px solid #fff;color:#555}
.graduates .now a{color:#C20000;font-weight:700;text-decoration:none;font-size:15px;}
.graduates .now a:hover{color:#C20000;font-weight:700;text-decoration:underline}
.graduates .anchor_tab a{text-decoration:none;color:#333;font-weight:500;font-size:13px}
.graduates .anchor_tab a:hover{text-decoration:underline;font-weight:500;color:#336666}
.graduates .top_move{font-size:12px;display:block;top:12px;right:10px;position:absolute}
.graduates .top_move a{text-decoration:none;color:#ffffff}
.graduates .tip{font-size:12px;color:#333333;float:right}
.graduates .tab_lst{margin-bottom:20px;border-bottom:2px solid #336666;width:796px}
.graduates .tab_lst_ttl{font-size:15px;font-weight:bold;background:#336666;text-align:center;color:#ffffff;padding:8px 0;position:relative}
.graduates .tab_lst tbody th{background:#92b8b8;color:#000000;font-size:13px;border-right:1px solid #ffffff;padding:4px 0}
.graduates .tab_lst tbody td{border-bottom:1px solid #d9d9d9;color:#111111;font-size:13px;}
.graduates .tab_lst tbody .name{font-weight:bold;padding:2px 0;vertical-align:top;text-align:center}
.graduates .tab_lst tbody .name_gra{padding:2px 0 2px 5px;vertical-align:top;border-left:1px solid #d9d9d9;text-align:center}
.graduates .tab_lst tbody .name_pass{padding:2px 0 2px 5px;line-height:18px;border-left:1px solid #d9d9d9}

/* Board */
.notice_lst{float:left;margin:10px 0;line-height:30px}
.notice_lst li:first-child{border-top:none}
.notice_lst li{display:block;float:left;width:570px;border-top: 1px dotted #d1d1d1;}
.notice_lst li strong{display:block;margin:9px 5px 0 0;vertical-align:middle;width:10px;height:10px;float:left;}
.notice_lst li strong img:nth-child(2){display:none;}
.notice_lst li .notice_ttl{display:inline-block;} 
.notice_ttl img{display:inline-block;margin:9px 0 0 0;}
.notice_lst li .notice_date{display:inline-block;float:right;color:#155cb5}

/* 3 weeks program */
.weeks_program .tb_weeks_program{width:1169px;vertical-align:top;margin-bottom:10px;text-align:center}
.weeks_program .tb_weeks_program table{width:100%}
.weeks_program .tb_weeks_program thead th{padding:7px 5px 7px 5px;background:#155CB5;color:#ffffff;font-size:15px;font-weight:600;}
.weeks_program .tb_weeks_program tbody th{border:1px solid #dddddd;padding:3px 5px 3px 5px;font-weight:400}
.weeks_program .tb_weeks_program tbody td{border:1px solid #dddddd;padding:5px 3px 5px 5px}
.weeks_program ul li{margin-bottom:5px;padding-top: 5px;}

/* TOEFL/SAT */
.toefl_session_date li span{font-size:13px;margin-bottom:20px;display:block}
.ibt_toefl ul{margin-top:5px}
.ibt_toefl ul li{margin-bottom:5px}
.ibt_toefl ul li .ttl1{display:block;color:#155CB5;font-weight:600;font-size:17px;}
.ibt_toefl ul li .ttl2{display:block;font-weight:600}
.ibt_toefl ul li span{}
.ibt_toefl .tb_carendar1{width:580px;border-bottom: 2px solid #155CB5}
.ibt_toefl .tb_carendar1 thead th{background:#155CB5;font-size:15px;padding:3px 5px 3px 10px;color:#fff;text-align:center}
.ibt_toefl .tb_carendar1 tbody th{border-bottom:1px solid #9AB8DE;text-align:center;font-weight:500;}
.ibt_toefl .tb_carendar1 tbody td{border-bottom:1px solid #9AB8DE;padding:3px 5px 3px 10px;text-align:center}
.intro_teacher ul{padding-top:5px}
.intro_teacher ul li{}
.intro_teacher ul li strong{font-size:17px;}
/* Additional Program */
.add_program ul{margin-top:5px}
.add_program ul li{margin-bottom:5px}
.add_program ul li .ttl1{display:block;color:#155CB5;font-weight:600;font-size:17px;}
.add_program ul li .ttl2{display:block;font-weight:600}


/* Guideline */
.guideline{width:100%;border:1px solid #DEDEDE;background-color:#F2F2F2;padding:15px;font-size:14px;}


/* ==================================================
   GREETING PAGE - MOBILE FINAL (FIX FLOAT-RIGHT SIGN)
   PC 유지 / 모바일만 디자인 개선
   ================================================== */
@media (max-width: 768px){

  /* 모바일 가독성 */
  #subContents{ padding:0 16px; }
  #subContents .contents{
    font-size:15px;
    line-height:1.75;
    text-align:left;
    word-break:keep-all;
    overflow:visible;
  }

  /* 한 세트(사진+본문+서명) */
  .greeting{
    display:block;
    margin:0 0 28px 0;
    padding:0 0 22px 0;
    border-bottom:1px solid #e3e3e3; /* ✅ 서명 포함 세트 하단 라인 */
  }

  /* 사진 */
  .greeting .president_img img{
    float:none !important;
    display:block;
    margin:0 auto 16px;
    width:140px;
    height:auto;
  }

  /* Dear Parents */
  .president_greeting .dear{
    display:block;
    font-size:16px;
    font-weight:600;
    margin:12px 0 18px;
  }

  /* ===============================
     🔥 핵심: greeting.php에 박힌 float:right 인라인을 모바일에서 강제 해제
     (p style="float:right; ...")
     =============================== */
  .greeting p[style*="float:right"]{
    float:none !important;
    width:100% !important;
    margin:20px 0 0 0 !important;
    text-align:left !important;
    line-height:1.5 !important;
    clear:both !important;
  }

  /* 서명 이미지(사인)도 왼쪽 정렬 */
  .greeting p[style*="float:right"] img{
    display:block;
    max-width:160px;
    height:auto;
    margin:0 0 8px 0 !important;
  }

  /* 이름/직함 텍스트 */
  .greeting p[style*="float:right"] strong{
    display:block;
    font-size:14px;
    line-height:1.5;
    text-align:left;
  }

  /* 두 번째 블록(아래 사람)도 끼어들지 않게 */
  .contents img{
    float:none !important;
    display:block;
    clear:both !important;
    margin:26px auto 16px;
    max-width:140px;
    height:auto;
  }
  .contents img + p{
    clear:both !important;
  }
}

/* ==================================================
   MISSION PAGE - MOBILE ONLY POLISH
   PC 유지 / 모바일만 디자인 개선 (CSS only)
   ================================================== */
@media (max-width: 768px){

  /* 타이틀 크기/여백만 살짝 정리 (서브 공통이지만 모바일만) */
  #subContents .h2_ttl{
    font-size:22px;
    padding:0 0 12px 0;
    margin:18px 0 10px 0;
  }

  /* 미션/골 블록을 카드처럼 */
  .mission,
  .goal{
    margin:14px 0 18px;
    padding:16px 14px;
    border:1px solid #e6e6e6;
    border-radius:14px;
    background:#fff;
  }

  /* 미션/골 본문 간격 */
  .mission p,
  .goal p{
    margin:10px 0 14px;
  }

  /* 섹션 h3 타이포/간격 */
  .contents .con_h3_ttl,
  .contents .con_h3_ttl_blue{
    font-size:18px;
    margin:16px 0 10px;
  }

  /* con_h3_ttl 왼쪽 바(기존 18px 높이) 모바일에 맞게 */
  .contents .con_h3_ttl{
    padding-left:10px;
    letter-spacing:-0.03em;
  }
  .contents .con_h3_ttl:after{
    top:2px;
    height:16px;
  }

  /* 비디오 반응형 + 카드 느낌 */
  .contents video{
    width:100% !important;
    height:auto !important;
    display:block;
    margin:14px 0 18px;
    border-radius:14px;
    background:#000;
  }

  /* ✅ 문제의 <br><br><br><br> 공백 제거 (video 바로 뒤에만 제거) */
  .contents video + br{ display:none; }
  .contents video + br + br{ display:none; }
  .contents video + br + br + br{ display:none; }
  .contents video + br + br + br + br{ display:none; }

  /* Goals 리스트를 모바일 카드 리스트로 */
  .goal ol{
    margin:0;
    padding:0;
  }
  .goal ol li{
    list-style:none;
    margin:12px 0;
    padding:14px 14px;
    border:1px solid #e9e9e9;
    border-radius:14px;
    background:#fafafa;
    line-height:1.6;
  }
  .goal ol li strong{
    font-size:15px;
    margin-bottom:6px;
  }
}


/* ==================================================
   DISTINCTION PAGE - MOBILE ONLY POLISH
   PC 유지 / 모바일만 디자인 개선 (CSS only)
   ================================================== */
@media (max-width: 768px){

  /* 페이지 타이틀(모바일 공통 톤) */
  #subContents .h2_ttl{
    font-size:22px;
    padding:0 0 12px 0;
    margin:18px 0 10px 0;
  }

  /* Distinction 컨텐츠를 카드형으로 */
  .distinction{
    margin:14px 0 18px;
    padding:16px 14px;
    border:1px solid #e6e6e6;
    border-radius:14px;
    background:#fff;
  }

  /* 상단 설명 문단 정리 */
  .distinction p{
    margin:10px 0 14px;
    line-height:1.75;
    text-align:left;          /* 기존 justify 느낌 제거 */
  }

  /* 섹션 타이틀(h3) 크기/간격 */
  .contents .con_h3_ttl,
  .contents .con_h3_ttl_blue{
    font-size:18px;
    margin:16px 0 10px;
  }
  .contents .con_h3_ttl{
    padding-left:10px;
  }
  .contents .con_h3_ttl:after{
    top:2px;
    height:16px;
  }

  /* Distinction 리스트: 모바일 카드 리스트 */
  .distinction ol{
    margin:0;
    padding:0;
  }
  .distinction ol li{
    list-style:none;
    margin:12px 0;
    padding:14px 14px;
    border:1px solid #e9e9e9;
    border-radius:14px;
    background:#fafafa;
    line-height:1.65;
  }

  /* 번호 느낌 주고 싶으면(텍스트 앞에) */
  .distinction ol li:before{
    content:"•";
    display:inline-block;
    margin-right:8px;
  }
}

/* ==================================================
   NIES (Saint Paul American School System) - MOBILE ONLY
   PC 유지 / 모바일에서 1개씩 강조(세로 카드형)
   ================================================== */
@media (max-width: 768px){

  /* 기본 float/고정폭 제거 */
  .sch-list{ float:none !important; width:100% !important; margin-top:12px; }
  .sch-list ul{ float:none !important; width:100% !important; margin:0 !important; padding:0 !important; }
  .sch-list ul li{
    float:none !important;
    width:100% !important;
    padding-right:0 !important;
    margin:0 0 16px 0 !important;
    list-style:none !important;

    /* ✅ 카드 자체가 컨테이너 */
    border:1px solid #e6e6e6;
    border-radius:16px;
    overflow:hidden;
    background:#fff;
  }

  /* ✅ 이미지가 카드 상단을 꽉 채우게 */
  .sch-list ul li > img{
    display:block;
    width:100% !important;
    height:auto !important;
    border:0 !important;
  }

  /* ✅ 하단 텍스트 영역(배경으로 반 갈라지는 느낌) */
  .sch-list ul li > .con{
    display:block !important;
    width:100% !important;
    text-align:left !important;
    font-size:14px;
    line-height:1.5;
    box-sizing:border-box;

    padding:12px 14px 14px;
    background:#f7f7f7;              /* 하단 영역 배경 */
    border-top:1px solid #ededed;    /* 이미지와 내용 분리 라인 */
  }

  /* 제목(링크처럼 보이게/강조) */
  .sch-list ul li > .con strong{
    display:block;
    width:auto !important;
    margin:0 0 8px 0 !important;
    font-size:16px;
    line-height:1.25;
    color:#1D55A5;
    text-align:left !important;
  }

  /* br 기반 문장들이 '내용'처럼 보이게 */
  .sch-list ul li > .con br{
    display:block;
    content:"";
    margin:6px 0;
  }

  /* (예외) 첫 번째 항목처럼 설명이 없는 카드: 하단을 더 간결하게 */
  .sch-list ul li > .con:has(strong:only-child){
    background:#fff;
    border-top:0;
    padding:14px;
  }

  /* 혹시 li에 pr_0 클래스가 있어도 모바일은 동일 처리 */
  .sch-list ul li.pr_0{ margin-right:0 !important; }
}


/* ==================================================
   LOCATION PAGE - MOBILE ONLY FIX
   PC 유지 / 모바일에서 이미지 확대 + 테이블 하단 여백
   ================================================== */
@media (max-width: 768px){

  /* Location 영역 자체 하단 여백 확보 */
  .location{
    margin:12px 0 28px 0 !important;
    padding-bottom:18px;
  }

  /* ✅ 이미지(지도/사진) 너무 작음 → 모바일에서 가로 100% */
  .location img{
    display:block;
    max-width:100% !important;
    width:100% !important;
    height:auto !important;
    margin:0 0 14px 0;
  }

  /* 혹시 iframe(지도)면 이것도 같이 */
  .location iframe{
    width:100% !important;
    max-width:100% !important;
    height:auto;
    aspect-ratio: 16 / 9;
    display:block;
    margin:0 0 14px 0;
  }

  /* 테이블: 고정 float 제거 + 폭 100% */
  .location .tb_address{
    float:none !important;
    width:100% !important;
    max-width:100% !important;
    margin:10px 0 18px 0 !important;   /* ✅ 테이블 하단 여백 */
  }

  /* 테이블 셀 줄바꿈/가독성 */
  .location .tb_address tbody td{
    word-break:break-word;
    line-height:1.55;
  }
}

/* ==================================================
   LOCATION PAGE - MOBILE FINAL FIX
   PC 유지 / 모바일에서 이미지 강조 + 여백 정리
   ================================================== */
@media (max-width: 768px){

  /* 전체 컨텐츠 좌우 여백 */
  #subContents{
    padding:0 16px;
  }

  /* 🔥 핵심: 지도/사진 이미지 크게 */
  #subContents .contents > p img{
    display:block;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    margin:0 0 20px 0;   /* 이미지 아래 여백 */
    border-radius:12px;
  }

  /* iframe 지도도 동일 처리 */
  #subContents .contents iframe{
    display:block;
    width:100% !important;
    max-width:100% !important;
    aspect-ratio:16 / 9;
    margin:0 0 20px 0;
    border-radius:12px;
  }

  /* 주소 테이블 카드처럼 */
  .location{
    margin:0 0 30px 0 !important;
  }

  .location .tb_address{
    float:none !important;
    width:100% !important;
    border-collapse:separate;
    border-spacing:0;
    border-radius:12px;
    overflow:hidden;
    margin-top:10px;
  }

  .location .tb_address tbody th{
    width:80px;
    font-size:14px;
  }

  .location .tb_address tbody td{
    font-size:14px;
    line-height:1.6;
    word-break:break-word;
  }
}

/* ==================================================
   PROGRAM + SCHEDULE (guideline only box) - MOBILE ONLY
   PC 유지 / 모바일에서 센터 정렬 + 패딩 크게 + 꽉찬 느낌
   ================================================== */
@media (max-width: 1024px){

  /* 두 페이지 공통: 안내 박스만 크게 */
  .program .guideline,
  .schedule .guideline{
    text-align:center !important;
    padding:56px 18px !important;      /* ✅ 위아래 패딩 크게 */
    margin:22px 0 40px 0 !important;   /* ✅ 박스 밖 여백 */
    font-size:16px;
    line-height:1.8;
    border-radius:14px;
    box-sizing:border-box;
  }

  /* 페이지가 ‘휑해 보이지’ 않게 박스가 화면을 좀 채우도록 */
  .program,
  .schedule{
    min-height:52vh;                   /* ✅ 꽉 찬 느낌 */
    display:flex;
    align-items:center;                /* ✅ 세로 가운데 정렬 */
  }

  /* 박스가 너무 넓으면 가독성 떨어져서 폭 제한 */
  .program .guideline,
  .schedule .guideline{
    width:100%;
    max-width:520px;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}


/* ==================================================
   TAB UI (Shared) - MOBILE/TABLET ONLY
   tests.php 포함, 이후 동일 클래스 탭 페이지 재사용
   PC 유지 / 모바일에서 탭 + 컨텐츠 박스 + 테이블 개선
   ================================================== */
@media (max-width: 1024px){

  /* 탭 영역: 버튼형(알약) */
  .tests-tab-wrapper{ margin-top:10px; }
  .tests-tab-menu{
    display:flex;
    gap:10px;
    padding:0;
    margin:0 0 14px 0;
    border-bottom:0 !important;
    list-style:none;
  }
  .tests-tab-menu li{
    flex:1;
    width:auto !important;              /* 기존 33% 강제 해제 */
    padding:12px 10px !important;
    text-align:center;
    font-size:14px !important;
    font-weight:700;
    cursor:pointer;

    background:#f2f4f7 !important;
    border:1px solid #d8dde6;
    border-radius:12px;
    opacity:1 !important;               /* 기존 opacity 제거 */
    border-bottom:1px solid #d8dde6 !important;
  }
  .tests-tab-menu li:hover{ font-weight:700; }

  /* active */
  .tests-tab-menu li.active{
    background:#004082 !important;
    border-color:#004082 !important;
    color:#fff !important;
  }

  /* 기존 line 애니메이션 요소 숨김(디자인 단순화) */
  .tests-tab-menu .line{ display:none !important; }

  /* 탭 컨텐츠 박스(카드형) */
  .tests-tab-content{ width:100%; }
  .tests-tab-content>div{
    margin-top:0 !important;            /* 기존 20px 제거 */
    min-height:auto !important;         /* 기존 500px 제거 */
    background:#fff !important;
    border:1px solid #e6e6e6;
    border-radius:14px;
    padding:14px 12px;
    box-sizing:border-box;
  }

  /* 컨텐츠 내부 타이틀 톤 */
  .tests-tab-content h3{
    font-size:15px;
    font-weight:800;
    margin:6px 0 10px;
  }

  /* ===== 테이블(TOEFL/SAT/ESL 하단 표) 공통 개선 ===== */
  /* 작은 화면에서 테이블이 깨지면 스크롤로 안전하게 */
  .tests-tab-content table{
    width:100% !important;
    border-collapse:collapse;
  }

  /* tb_toefl 같은 테이블이 넓으면 가로 스크롤 허용 */
  .tests-tab-content .tb_toefl,
  .tests-tab-content .tb_college,
  .tests-tab-content table{
    display:block;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }

  /* 셀 가독성 */
  .tests-tab-content th,
  .tests-tab-content td{
    font-size:13px;
    line-height:1.5;
    padding:10px 8px !important;
    white-space:normal;                 /* 글 잘림 방지 */
    word-break:break-word;
  }
}

/* ==================================================
   APPLY (How to Apply) - MOBILE/TABLET ONLY
   PC 유지 / 모바일에서 Step 카드형 + 버튼 정리
   ================================================== */
@media (max-width: 1024px){

  /* 리스트 기본 리셋 */
  .apply{
    margin:0;
    padding:0;
  }
  .apply li{
    list-style:none;
    margin:0 0 14px 0;
    padding:16px 14px;
    background:#fff;
    border:1px solid #e6e6e6;
    border-radius:14px;
    box-sizing:border-box;
    line-height:1.7;
  }

  /* Step 타이틀(기존 con_h3_ttl 재사용하되 apply 안에서만 보정) */
  .apply .con_h3_ttl{
    margin:0 0 10px 0;
    font-size:18px;
    font-weight:700;
    letter-spacing:-0.03em;
    padding-left:0;            /* 기존 왼쪽 바 느낌 제거 */
  }
  .apply .con_h3_ttl:after{
    display:none;              /* 기존 파란 세로 바 제거 */
  }

  /* 카드 내부 구분선(타이틀 아래) */
  .apply li:has(.con_h3_ttl){
    position:relative;
  }
  .apply li:has(.con_h3_ttl) .con_h3_ttl{
    padding-bottom:10px;
    border-bottom:1px solid #eeeeee;
  }

  /* 링크/이메일 강조 */
  .apply a{ text-decoration:none; }
  .apply strong{ font-weight:800; }
  .apply .email,
  .apply strong:has(+ span),
  .apply strong{
    word-break:break-word;
  }

  /* 다운로드 버튼: 모바일에서는 꽉 차게 */
  .apply a button.button1,
  .apply a button.button2{
    width:100% !important;
    max-width:420px;
    height:auto !important;
    padding:14px 12px !important;
    border-radius:14px !important;
    display:block;
    margin:10px 0 8px 0;
    font-size:15px;
    line-height:1.2;
  }

  /* 버튼이 가운데로 예쁘게 */
  .apply a{
    display:block;
    max-width:420px;
  }

  /* 불필요하게 붙어 보이는 br 간격 완화 */
  .apply br{ content:""; display:block; margin:6px 0; }

}
/* ==================================================
   APPLICATION (Admissions > Application) - MOBILE ONLY FINAL v2
   PC 유지 / 모바일에서 카드형 리스트 + 자동 넘버링(강제) + 다운로드 버튼 개선
   ================================================== */
@media (max-width: 1024px){

  /* 헤더/col/caption 숨김 */
  #subContents .tb_doc thead,
  #subContents .tb_doc colgroup,
  #subContents .tb_doc caption{
    display:none !important;
  }

  #subContents .tb_doc{
    margin:14px 0 26px;
    border-top:0;
  }

  #subContents .tb_doc table{
    width:100% !important;
    border-collapse:separate !important;
    border-spacing:0 !important;
  }

  /* ✅ 자동 넘버링 강제 (th가 숨겨져도 번호 표시됨) */
  #subContents .tb_doc tbody{
    counter-reset: appRow;
  }

  /* 카드 1개 = tr */
  #subContents .tb_doc tbody tr{
    counter-increment: appRow;
    position:relative;

    display:flex !important;
    align-items:center;
    gap:12px;

    padding:12px 14px 12px 58px;  /* ✅ 왼쪽 번호 자리 확보 */
    margin:0 0 10px 0;            /* ✅ 박스 여백 줄임 */
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:16px;
    box-sizing:border-box;
  }
  #subContents .tb_doc tbody tr:last-child{ margin-bottom:0; }

  /* 테이블 기본 border/padding 제거 */
  #subContents .tb_doc tbody tr > th,
  #subContents .tb_doc tbody tr > td{
    border:0 !important;
    padding:0 !important;
    background:none !important;
  }

  /* th는 모바일에서 숨겨도 OK (우린 counter로 번호 찍음) */
  #subContents .tb_doc tbody tr > th{
    display:none !important;
  }

  /* ✅ 번호 뱃지 (counter로 찍기) */
  #subContents .tb_doc tbody tr::before{
    content: counter(appRow);
    position:absolute;
    left:14px;
    top:50%;
    transform:translateY(-50%);

    width:40px;
    height:40px;
    border-radius:999px;
    background:#155CB5;
    color:#fff;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:15px;
    font-weight:800;
    line-height:1;
  }

  /* 번갈아 배경 (기존 on 유지) */
  #subContents .tb_doc tbody tr.on{
    background:#f6faff;
    border-color:#d7e6ff;
  }

  /* 제목 */
  #subContents .tb_doc tbody td.name{
    flex:1 1 auto;
    font-size:16px;
    font-weight:800;
    color:#111;

    white-space:normal !important;
    word-break:keep-all;
    overflow-wrap:anywhere;
    line-height:1.35;
  }

  /* 다운로드 영역 */
  #subContents .tb_doc tbody td.icon{
    flex:0 0 auto;
    display:flex !important;
    align-items:center;
    justify-content:flex-end;
    font-size:0; /* &nbsp; 영향 제거 */
  }

  /* 다운로드 버튼 */
  #subContents .tb_doc tbody td.icon a{
    width:46px;
    height:46px;

    display:flex !important;
    align-items:center;
    justify-content:center;

    background:#0d4a8c;
    border-radius:14px;
    box-shadow:0 8px 16px rgba(0,0,0,.16);
  }

  #subContents .tb_doc tbody td.icon a img{
    width:22px !important;
    height:22px !important;
    display:block !important;
    object-fit:contain !important;
    filter:brightness(0) invert(1);
  }

  /* 다운로드 없는 행(&nbsp;) 처리 */
  #subContents .tb_doc tbody td.icon{
    min-width:46px;
  }
  #subContents .tb_doc tbody td.icon:empty{
    display:none !important;
  }

#subContents .tb_doc tbody tr{
  padding:12px 14px 12px 70px; /* 왼쪽 더 띄움(기존 58px -> 70px) */
  gap:14px;
}

#subContents .tb_doc tbody tr::before{
  width:34px;
  height:34px;
  border-radius:12px;          /* 둥근 사각 */
  background:#0d4a8c;
  box-shadow:none;
}
#subContents .tb_doc tbody td.name{
  line-height:1.3;
}


}

/* ==================================================
   COLLEGE ACCEPTANCE - TAB UI (MOBILE/TABLET ONLY)
   기존 tests 탭 톤앤매너와 통일
   PC 유지 / 모바일에서 탭 + 컨텐츠 박스 + 테이블 색상 개선
   ================================================== */
@media (max-width: 1024px){

  /* ===== 탭(알약 버튼형) ===== */
  .college-tab-wrapper{ margin-top:10px; }

  .college-tab-menu{
    display:flex !important;
    gap:10px;
    padding:0;
    margin:0 0 14px 0;
    list-style:none;

    border-bottom:0 !important;        /* 기존 하단 라인 제거 */
    overflow-x:auto;                    /* 탭 많아지면 가로 스크롤 */
    -webkit-overflow-scrolling:touch;
  }
  .college-tab-menu::-webkit-scrollbar{ height:6px; }
  .college-tab-menu::-webkit-scrollbar-thumb{ background:#d8dde6; border-radius:999px; }

  .college-tab-menu li{
    flex:0 0 auto;                      /* 스크롤 가능하도록 */
    width:auto !important;              /* 기존 24.7% 강제 해제 */
    min-width:120px;                    /* 너무 작아지는거 방지 */

    padding:12px 14px !important;
    text-align:center;
    font-size:14px !important;
    font-weight:800;
    cursor:pointer;

    background:#f2f4f7 !important;
    border:1px solid #d8dde6 !important;
    border-radius:14px;
    color:#111 !important;

    opacity:1 !important;               /* 기존 opacity 제거 */
    box-sizing:border-box;
    white-space:nowrap;                 /* 탭 텍스트 줄바꿈 방지 */
  }

  .college-tab-menu li:hover{
    font-weight:800;
  }

  .college-tab-menu li.active{
    background:#004082 !important;      /* 기존 사이트 톤 */
    border-color:#004082 !important;
    color:#fff !important;
  }

  /* 기존 line 요소 있으면 숨김 */
  .college-tab-menu .line{ display:none !important; }

  /* ===== 탭 컨텐츠(카드형 박스) ===== */
  .college-tab-content{ width:100%; }
  .college-tab-content > div{
    margin-top:0 !important;
    min-height:auto !important;         /* 기존 500px 제거 */

    background:#fff !important;
    border:1px solid #e6e6e6;
    border-radius:14px;
    padding:14px 12px;
    box-sizing:border-box;
  }

  /* ===== 하단 테이블 톤앤매너 =====
     - 표 구조는 유지
     - 모바일에서 안 깨지게 스크롤 허용
  */
  .college-tab-content table,
  .college-tab-content .tb_college,
  .college-tab-content .tb_toefl{
    width:100% !important;
    border-collapse:collapse !important;
    display:block;                       /* 가로 스크롤 */
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }

  .college-tab-content th,
  .college-tab-content td{
    font-size:13px;
    line-height:1.45;
    padding:10px 8px !important;
    white-space:normal;                  /* 잘림 방지 */
    word-break:break-word;
  }

  /* 헤더 컬러 통일 */
  .college-tab-content thead th{
    background:#004082 !important;
    color:#fff !important;
    font-weight:800 !important;
    border:0 !important;
  }

  /* 바디 라인/지브라 */
  .college-tab-content tbody td,
  .college-tab-content tbody th{
    border:1px solid #e6e6e6 !important;
    background:#fff !important;
  }
  .college-tab-content tbody tr:nth-child(even) td,
  .college-tab-content tbody tr:nth-child(even) th{
    background:#f7f9fc !important;
  }

  /* country 같은 센터링 컬럼이 있으면 유지 */
  .college-tab-content td.country{
    text-align:center !important;
    white-space:nowrap;
  }
}

/* ==================================================
   COLLEGE ACCEPTANCE - ANCHOR TAB (YEAR) MOBILE FIX
   PC 유지 / 모바일·태블릿에서 pill 탭 + 가로 스크롤
   ================================================== */
@media (max-width: 1024px){

  /* 상단 연도 탭(앵커 탭) : table을 가로 스크롤 pill로 변환 */
  .consulting .tab{
    width: 100% !important;
    display: block;
    margin: 0 0 12px;
    padding: 0 12px 10px;
    background: transparent !important;
    border: 0 !important;

    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }

  .consulting .tab tbody,
  .consulting .tab tr{
    display: inline-block;
    white-space: nowrap;
  }

  .consulting .tab td{
    display: inline-block;
    vertical-align: middle;

    padding: 10px 14px !important;
    margin: 0 8px 0 0;
    border: 1px solid #d6e2f5 !important;
    border-radius: 999px !important;

    background: #f5f9ff !important;
    color: #1f2d3d !important;

    /* 기존 테이블 보더 제거 */
    border-right: 1px solid #d6e2f5 !important;
    border-bottom: 1px solid #d6e2f5 !important;
  }
  .consulting .tab td:last-child{ margin-right: 0; }

  /* 기본 링크 */
  .consulting .tab td a{
    display: inline-block;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #0b4fb3 !important;
    line-height: 1;
  }

  /* 선택된(현재) 연도 탭 */
  .consulting .now{
    background: #0b4fb3 !important;
    border-color: #0b4fb3 !important;
  }
  .consulting .now a{
    color: #ffffff !important;
  }

  /* 우측 안내문(있다면) */
  .consulting .tip{
    float: none !important;
    display: block;
    padding: 0 12px 8px;
    text-align: right;
    font-size: 12px;
    color: #6b7280;
  }
}
/* ==================================================
   COLLEGE ACCEPTANCE TABLE COLOR TUNING (MOBILE ONLY)
   네이비 / 초록 헤더 컬러 정리
   ================================================== */
@media (max-width: 1024px){

  /* 상단 연도별 타이틀 바 (기존 초록색) */
  .consulting .tbl_tit,
  .consulting .tbl_tit_green{
    background: #1f3a5f !important;   /* 딥 블루 */
    color: #ffffff !important;
    font-weight: 700;
    letter-spacing: -0.2px;
  }

  /* Country / University 헤더 (기존 네이비) */
  .consulting table thead th{
    background: #2b4a6f !important;   /* 톤 다운 네이비 */
    color: #ffffff !important;
    border-color: #2b4a6f !important;
    font-size: 13px;
  }

  /* 테이블 전체 테두리 정리 */
  .consulting table{
    border-color: #dbe3ef !important;
  }

  .consulting table td{
    border-color: #e5ebf3 !important;
  }

  /* Country 컬럼 배경 살짝만 분리 */
  .consulting table td:first-child{
    background: #f7f9fc;
    font-weight: 600;
    color: #1f2d3d;
  }
}

/* ==================================================
   COLLEGE ACCEPTANCE - TABLE LEFT GAP FIX (MOBILE ONLY)
   ================================================== */
@media (max-width: 1024px){

  /* 테이블을 감싸는 영역에 좌측 패딩/마진이 남아있는 경우 제거 */
  .consulting,
  .consulting .college-tab-content,
  .consulting .college-tab-content > div{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* 표 카드 컨테이너는 패딩을 주되, 테이블 헤더는 꽉 차게 */
  .consulting .college-tab-content > div{
    padding: 14px 12px !important; /* 컨텐츠 박스 패딩은 유지 */
  }

  /* 실제 테이블은 박스 안에서 좌우 꽉 차게 */
  .consulting .college-tab-content table,
  .consulting .college-tab-content .tb_college,
  .consulting .college-tab-content .tb_toefl{
    display: block;
    width: 100% !important;
    margin: 0 !important;
  }

  /* thead/헤더가 블록화되면서 생기는 좌측 여백 제거 */
  .consulting .college-tab-content thead,
  .consulting .college-tab-content thead tr{
    margin: 0 !important;
  }

  /* 첫번째 헤더 셀 왼쪽 패딩이 과하면 줄여서 딱 붙는 느낌 */
  .consulting .college-tab-content thead th:first-child{
    padding-left: 10px !important;
  }

  /* 바디 첫 컬럼도 동일하게 */
  .consulting .college-tab-content tbody td:first-child{
    padding-left: 10px !important;
  }

   .consulting .college-tab-content table{ border-left: 0 !important; }
}

/* ==================================================
   COUNSELING - MOBILE FINAL TUNE
   schedule.php와 동일한 여백 체감
   ================================================== */
@media (max-width: 1024px){

  #subContents .contents > p.guideline{
    display:flex;
    align-items:center;
    justify-content:center;

    text-align:center !important;

    padding:40px 18px !important;   /* ✅ 박스 내부 여백만 충분히 */
    margin:18px auto 24px !important; /* ✅ 위아래 여백 축소 */

    font-size:16px;
    line-height:1.7;

    width:100%;
    max-width:520px;
    box-sizing:border-box;

    border-radius:14px;

    /* 과한 여백의 원인 */
    min-height:auto !important;
  }
}

/* Fee 페이지 테이블 이미지 - 모바일만 풀폭 */
@media (max-width:768px){
  .tb_doc.fee > img{
    display:block;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    margin:16px auto;
  }
}

/* ===== Online Application Form (apply_online.asp) ===== */
.spa-form-wrap{font-size:15px;color:#222;border:1px solid #c5d3e0;border-radius:6px;overflow:hidden;box-shadow:0 2px 12px rgba(0,64,130,0.07);}

/* 헤더: 로고 + 학교명 */
.spa-form-header{display:flex;align-items:center;background:#004082;border-bottom:4px solid #960000;padding:18px 28px;gap:18px;}
.spa-form-header .logo-img{width:62px;height:62px;border-radius:50%;object-fit:contain;flex-shrink:0;background:#fff;padding:3px;}
.spa-form-header .school-name{line-height:1.6;}
.spa-form-header .school-name strong{display:block;font-size:18px;font-weight:800;color:#fff;}
.spa-form-header .school-name span{font-size:14px;color:rgba(255,255,255,0.8);}

/* 신청번호 / E-MAIL: 독립 영역 — 헤더와 본문 사이 */
.spa-meta-bar{display:flex;align-items:stretch;background:#fff;border-bottom:2px solid #d0dff0;padding:0 28px;}
.spa-meta-bar .spa-meta-item{display:flex;align-items:center;padding:18px 0;gap:14px;flex:1;border-right:1px dashed #c5d3e0;}
.spa-meta-bar .spa-meta-item:last-child{border-right:none;padding-left:28px;}
.spa-meta-bar .spa-meta-icon{width:40px;height:40px;border-radius:50%;background:#eef3fb;border:2px solid #c5d3e0;display:flex;align-items:center;justify-content:center;font-size:16px;color:#155CB5;flex-shrink:0;}
.spa-meta-bar .spa-meta-inner{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0;}
.spa-meta-bar .spa-meta-label{font-size:12px;font-weight:700;letter-spacing:0.07em;color:#960000;text-transform:uppercase;}
.spa-meta-bar .spa-meta-val{font-size:18px;font-weight:700;color:#1a2a44;letter-spacing:0.02em;}

/* None 체크 시 비활성 항목 */
.spa-allergy-item.disabled{opacity:0.4;pointer-events:none;}
.spa-allergy-item.disabled .al-row{cursor:default;}

/* 폼 섹션 구분 */
.spa-form-body{padding:24px 28px 8px;}
.spa-group{margin-bottom:28px;}
.spa-group-title{font-size:17px;font-weight:700;color:#004082;padding:8px 0 8px 14px;position:relative;border-bottom:2px solid #d0dff0;margin-bottom:14px;}
.spa-group-title::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:20px;background:#960000;border-radius:2px;}
.spa-group-title--hidden{display:none;}

/* 테이블 */
.spa-table{width:100%;border-collapse:collapse;}
.spa-table th,.spa-table td{border:1px solid #d0dff0;padding:10px 12px;font-size:14px;vertical-align:middle;}
.spa-table th{background:#eef3fb;font-weight:700;color:#004082;white-space:nowrap;text-align:left;width:140px;}
.spa-table .sub-label{background:#f5f8fc;font-weight:600;font-size:13px;color:#555;width:130px;}
.spa-table thead th{background:#004082;color:#fff;font-size:14px;font-weight:700;text-align:center;}
.spa-table input[type="text"],.spa-table input[type="email"],.spa-table select{width:100%;box-sizing:border-box;border:1px solid #c5d3e0;border-radius:3px;padding:7px 10px;font-size:14px;color:#222;background:#fff;transition:border-color .2s;}
.spa-table input[type="text"]:focus,.spa-table input[type="email"]:focus,.spa-table select:focus{outline:none;border-color:#155CB5;background:#f7faff;}
.spa-table label{display:inline-flex;align-items:center;gap:4px;margin-right:10px;font-size:14px;cursor:pointer;}

/* Section 4: Health & Allergy */
.spa-allergy-list{list-style:none;padding:0;margin:10px 0;}
.spa-allergy-item{border:1px solid #d0dff0;border-radius:4px;margin-bottom:6px;background:#fff;overflow:hidden;transition:border-color .2s;}
.spa-allergy-item.checked{border-color:#155CB5;background:#f7faff;}
.spa-allergy-item .al-row{display:flex;align-items:center;padding:11px 14px;gap:10px;cursor:pointer;}
.spa-allergy-item .al-row input[type="checkbox"]{width:22px;height:22px;flex-shrink:0;cursor:pointer;accent-color:#155CB5;}
.spa-table input[type="radio"]{width:18px;height:18px;cursor:pointer;accent-color:#155CB5;vertical-align:middle;}
.spa-table label{display:inline-flex;align-items:center;gap:5px;margin-right:14px;font-size:14px;cursor:pointer;}
.spa-allergy-item .al-label{font-size:15px;color:#333;flex:1;}
.spa-allergy-item.checked .al-label{color:#004082;font-weight:600;}
.spa-allergy-extra{display:none;padding:0 14px 12px 41px;}
.spa-allergy-extra.show{display:block;}
.spa-allergy-extra input[type="text"],.spa-allergy-extra textarea{width:100%;box-sizing:border-box;border:1px solid #c5d3e0;border-radius:3px;padding:8px 10px;font-size:14px;color:#222;background:#fff;resize:vertical;}
.spa-allergy-extra input[type="text"]:focus,.spa-allergy-extra textarea:focus{outline:none;border-color:#155CB5;}
.spa-allergy-extra .extra-label{font-size:12px;color:#888;margin-bottom:5px;display:block;}
.spa-allergy-none .al-row{background:#f5f5f5;}

/* Required Documents 설명 */
.spa-doc-desc{font-size:14px;color:#555;line-height:1.8;margin-bottom:16px;padding:12px 16px;background:#f4f7fb;border-left:3px solid #155CB5;border-radius:3px;}
/* Additional Details */
.spa-additional{margin-top:18px;border-top:1px solid #d0dff0;padding-top:16px;}
.spa-additional-title{font-size:15px;font-weight:700;color:#222;margin-bottom:6px;}
.spa-additional-sub{font-weight:400;color:#555;}
.spa-additional-desc{font-size:13px;color:#888;font-style:italic;margin-bottom:10px;}
.spa-additional-textarea{width:100%;box-sizing:border-box;border:1px solid #c5d3e0;border-radius:4px;padding:12px 14px;font-size:14px;color:#222;resize:vertical;min-height:90px;background:#fff;}
.spa-additional-textarea:focus{outline:none;border-color:#155CB5;}
/* 서류 첨부 */
.spa-doc-section{margin-top:4px;}
.spa-doc-item{border:1px solid #d0dff0;border-radius:4px;padding:16px 18px;margin-bottom:10px;background:#fff;}
.spa-doc-item:hover{border-color:#155CB5;}
.spa-doc-item .doc-title{font-weight:700;font-size:15px;margin-bottom:3px;color:#004082;}
.spa-doc-item .doc-title .req{color:#960000;}
.spa-doc-item .doc-sub{font-size:13px;color:#555;margin-bottom:3px;}
.spa-doc-item .doc-ko{font-size:13px;color:#444;margin-bottom:8px;}
.spa-doc-item .doc-limit{font-size:12px;color:#999;margin-bottom:10px;}
.spa-doc-item .btn-add-file{display:inline-flex;align-items:center;gap:7px;border:1px solid #155CB5;border-radius:3px;padding:7px 16px;font-size:14px;cursor:pointer;background:#fff;color:#155CB5;font-weight:600;transition:all .2s;}
.spa-doc-item .btn-add-file:hover{background:#155CB5;color:#fff;}
/* 파일 업로드/다운로드 행 */
.doc-upload-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.doc-upload-row .file-name-display{font-size:13px;color:#555;margin-left:4px;}
/* 기존파일 다운로드 버튼 — 녹색 아웃라인, 높이 btn-add-file과 동일 */
.spa-doc-item .btn-file-down{display:inline-flex;align-items:center;gap:7px;border:1px solid #27a146;border-radius:3px;padding:7px 16px;font-size:14px;cursor:pointer;background:#fff;color:#27a146;transition:all .2s;white-space:nowrap;}
.spa-doc-item .btn-file-down:hover{background:#27a146;color:#fff;}
/* 500px 이하 — 다운로드 버튼을 Change file 아래로 */
@media (max-width:500px){
  .doc-upload-row{flex-direction:column;align-items:flex-start;gap:6px;}
}

/* 생년월일 입력 */
.spa-dob-wrap{display:flex;gap:8px;}
.spa-dob-wrap input.dtPic{width:240px !important;cursor:pointer;}
.spa-th-sm{width:120px;}
/* Parents 컬럼 */
.spa-parents-col1{width:18%;}.spa-parents-col2{width:32%;}
/* Siblings 컬럼 */
.spa-siblings-col1{width:18%;}.spa-siblings-col2{width:22%;}.spa-siblings-col3{width:10%;}.spa-siblings-col4{width:10%;}.spa-siblings-col5{width:20%;}.spa-siblings-col6{width:20%;}
/* Section 4 텍스트 */
.spa-health-desc{font-size:14px;color:#555;margin-bottom:14px;font-style:italic;}
.spa-allergy-title{font-size:15px;font-weight:700;color:#222;margin-bottom:10px;}
.spa-allergy-req{color:#960000;}
.spa-allergy-guide{font-size:13px;color:#777;margin-bottom:12px;}
/* apply.asp 필수항목 안내 */
.apply-note-req{color:red;font-size:0.8em;font-weight:300;}

/* 하단 안내 & 버튼 */
/* select box */
.spa-select{width:100%;padding:8px 10px;border:1px solid #c5d3e0;border-radius:3px;font-size:14px;color:#222;background:#fff;cursor:pointer;}
.spa-select:focus{outline:none;border-color:#155CB5;}
#APPLY_GRADE, #EDU_CURR_GRADE{width:240px;}
/* etc 입력폼 */
.spa-rel-etc,.spa-rel-etc-input{display:block;width:100%;margin-top:6px;padding:6px 10px;border:1px solid #c5d3e0;border-radius:3px;font-size:13px;color:#222;box-sizing:border-box;}
.spa-rel-etc:focus,.spa-rel-etc-input:focus{outline:none;border-color:#155CB5;}
/* food allergy 부연설명 */
.al-label-note{font-size:14px;color:#555;font-weight:400;}
.spa-form-note{font-size:13px;color:#666;margin-top:20px;border-top:1px solid #d0dff0;padding-top:12px;}
.spa-form-note p{margin:4px 0;}
.spa-form-btns{display:flex;gap:12px;margin-top:20px;padding-bottom:28px;justify-content:center;}
.spa-form-btns button{padding:13px 46px;font-size:15px;border-radius:4px;cursor:pointer;border:none;font-weight:700;letter-spacing:0.02em;transition:background .2s;}
.spa-form-btns .btn-save{background:#6c7a8d;color:#fff;}
.spa-form-btns .btn-save:hover{background:#4e5a68;}
.spa-form-btns .btn-submit{background:#155CB5;color:#fff;}
.spa-form-btns .btn-submit:hover{background:#0e4a9a;}

/* ===== Apply Save Complete Page ===== */
.spa-save-wrap{max-width:640px;margin:30px auto 60px;}
.spa-save-body{padding:40px 48px 50px;}
/* 체크 아이콘 */
.spa-save-icon-wrap{text-align:center;margin-bottom:16px;}
.spa-save-icon{font-size:62px;color:#155CB5;}
.spa-submit-icon{color:#960000;}
/* 타이틀 */
.spa-save-title{text-align:center;font-size:22px;font-weight:700;color:#004082;margin:0 0 28px;letter-spacing:0.03em;}
/* 안내 문구 */
.spa-save-msg{font-size:15px;line-height:1.9;color:#333;margin-bottom:28px;border-top:1px solid #d0dff0;padding-top:22px;}
.spa-save-msg p{margin:0 0 4px;}
.spa-save-msg em{font-style:normal;font-weight:700;color:#960000;}
.spa-save-email-text{color:#155CB5;}
.spa-save-link{color:#004082;text-decoration:underline;}
/* 정보 박스 */
.spa-save-box{background:#fffbe6;border:2px solid #f5c400;border-radius:6px;padding:20px 28px;margin-bottom:36px;}
.spa-save-box-row{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:15px;color:#222;}
.spa-save-box-row+.spa-save-box-row{border-top:1px solid #f0e08a;}
.spa-save-box-icon{color:#c49a00;font-size:16px;width:18px;text-align:center;}
.spa-save-box-label{font-weight:700;color:#555;width:80px;flex-shrink:0;}
.spa-save-box-val{font-size:16px;font-weight:600;color:#004082;}
/* 버튼 */
.spa-save-contact{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:22px;background:#f4f7fb;border:1px solid #d0dff0;border-radius:6px;padding:13px 24px;}
.spa-save-contact-icon{font-size:16px;color:#155CB5;}
.spa-save-contact-label{font-size:14px;color:#888;}
.spa-save-contact-num{font-size:17px;font-weight:700;color:#004082;letter-spacing:0.04em;}
/* Scholarship */
.spa-scholar{margin-top:36px;border-top:2px solid #d0dff0;padding-top:28px;}
.spa-scholar-title{font-size:22px;font-weight:700;color:#004082;text-align:center;margin-bottom:10px;letter-spacing:0.05em;}
.spa-scholar-divider{border:none;border-top:1px solid #d0dff0;margin:0 0 24px;}
.spa-scholar-section{background:#f8fafd;border:1px solid #dce8f5;border-radius:6px;padding:18px 22px;margin-bottom:14px;}
.spa-scholar-h1{font-size:15px;font-weight:700;color:#004082;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid #d0dff0;}
.spa-scholar-item{margin-bottom:12px;}
.spa-scholar-item:last-child{margin-bottom:0;}
.spa-scholar-h2{font-size:13px;font-weight:700;color:#333;margin-bottom:4px;}
.spa-scholar-body{font-size:14px;color:#444;line-height:1.8;padding-left:12px;border-left:3px solid #155CB5;}
.spa-scholar-note{font-size:12px;color:#960000;font-weight:600;}
.spa-save-contact-sm{text-align:right;font-size:12px;color:#aaa;margin-top:14px;margin-bottom:0;}
.spa-save-btns{display:flex;gap:16px;justify-content:center;}
.spa-save-btn{display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;width:210px;min-height:72px;border-radius:8px;font-size:15px;font-weight:700;text-decoration:none !important;line-height:1.45;padding:14px 20px;box-sizing:border-box;transition:background .18s,color .18s,border-color .18s;cursor:pointer;}
.spa-save-btn i{font-size:18px;flex-shrink:0;}
.spa-save-btn--modify{border:2px solid #004082;color:#004082 !important;background:#fff;}
.spa-save-btn--modify:hover{background:#004082;color:#fff !important;}
.spa-save-btn--submit{border:2px solid #155CB5;background:#155CB5;color:#fff !important;}
.spa-save-btn--submit:hover{background:#0e4a9a;border-color:#0e4a9a;color:#fff !important;}

/* ==================================================
   BOARD (게시판) - Bbs_L.asp 공통
   ================================================== */
.coustomerCenter-list{margin:20px 0 40px;}
.customerNotice-header{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; padding:12px 0; border-bottom:2px solid #004082; margin-bottom:18px;}
.customerNotice-count{font-size:14px; font-weight:700; color:#004082; white-space:nowrap;}
.customerNotice-search{display:flex; align-items:center; gap:8px; flex-wrap:wrap;}
.nomal-Select{height:38px; padding:0 10px; border:1px solid #c5d3e0; border-radius:4px; font-size:14px; color:#333; background:#fff; cursor:pointer; outline:none; transition:border-color .2s;}
.nomal-Select:focus{border-color:#155CB5;}
.standardForm{position:relative;}
.standardForm input[type="text"]{height:38px; padding:0 12px; border:1px solid #c5d3e0; border-radius:4px; font-size:14px; color:#333; background:#fff; outline:none; transition:border-color .2s; box-sizing:border-box; width:200px;}
.standardForm input[type="text"]:focus{border-color:#155CB5;}
.standardForm label{position:absolute; left:12px; top:50%; transform:translateY(-50%); font-size:14px; color:#bbb; pointer-events:none; transition:all .2s;}
.standardForm input[type="text"]:focus + label{display:none;}
.formBtm-style3{height:38px; padding:0 18px; background:#004082; color:#fff; border:none; border-radius:4px; font-size:14px; font-weight:600; cursor:pointer; transition:background .2s; white-space:nowrap;}
.formBtm-style3:hover{background:#003060;}
.table-container{width:100%; overflow-x:auto;}
.pagination-section{margin-top:24px; text-align:center;}
.pagination-section.marginBottom{margin-bottom:20px;}

/* ==================================================
   BOARD TYPE 1 - 일반/1:1문의 테이블 (Bbs_L_1.asp)
   ================================================== */
.customerNotice-table{width:100%; border-collapse:collapse; font-size:14px;}
.customerNotice-table thead tr{background:#004082; color:#fff;}
.customerNotice-table thead th{padding:13px 10px; font-weight:600; font-size:14px; text-align:center; border:none; white-space:nowrap;}
.customerNotice-table thead th:nth-child(2){text-align:left; padding-left:16px;}
.customerNotice-table tbody tr{border-bottom:1px solid #e8ecf0; transition:background .15s;}
.customerNotice-table tbody tr:hover{background:#f5f8fd;}
.customerNotice-table tbody td{padding:13px 10px; text-align:center; color:#555; vertical-align:middle; font-size:14px;}
.customerNotice-table tbody td.customerNotice-title{text-align:left; padding-left:16px; max-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.customerNotice-table tbody td.customerNotice-title a{color:#222; text-decoration:none;}
.customerNotice-table tbody td.customerNotice-title a:hover{color:#155CB5; text-decoration:underline;}
.customerNotice-table tbody tr:has(img[src*="icon_emergency"]){background:#fdf8f0;}
.customerNotice-table tbody tr:has(img[src*="icon_emergency"]):hover{background:#faf3e8;}
.customerNotice-table tbody tr:has(img[src*="icon_emergency"]) td{font-weight:600;}
.notice-icon{display:inline-block; background:#960000; color:#fff; font-size:10px; font-weight:800; width:17px; height:17px; line-height:17px; text-align:center; border-radius:3px; margin-right:5px; vertical-align:middle;}
.customerNotice-title img{width:16px; height:16px; vertical-align:middle; margin-right:4px;}
.customerNotice-title .fa-regular.fa-file-lines{color:#155CB5; font-size:13px; margin-left:5px; vertical-align:middle;}

/* ==================================================
   BOARD TYPE 4 - News/Event 카드형 (Bbs_L_4.asp)
   ================================================== */
.Center-eventlist{width:100%;}
.spaceHt20{height:10px;}
.eventlist-wrap{display:grid; grid-template-columns:repeat(3, 1fr); gap:22px; margin-bottom:20px;}
.eventlist-item{border:1px solid #e5e7eb; border-radius:12px; overflow:hidden; background:#fff; display:flex; flex-direction:column; transition:box-shadow .2s, transform .2s;}
.eventlist-item:hover{box-shadow:0 8px 24px rgba(0,64,130,.13); transform:translateY(-3px);}
.event-img{width:100%; height:190px; overflow:hidden; background:#f2f4f7; flex-shrink:0;}
.event-img img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .35s;}
.eventlist-item:hover .event-img img{transform:scale(1.05);}
.event-statusEnd{display:inline-block; font-size:11px; font-weight:700; color:#fff; background:#004082; padding:3px 10px; border-radius:20px; margin:14px 16px 0; width:fit-content;}
.event-date{display:block; font-size:12px; color:#999; margin:6px 16px 2px;}
.event-box{padding:0 16px; flex:1; display:flex; flex-direction:column; gap:6px;}
.event-info{list-style:none; padding:0; margin:0 0 4px; display:flex; flex-direction:column; gap:5px;}
.event-info li{font-size:13px; color:#888; line-height:1.4;}
.event-info li:last-child{font-size:15px; font-weight:700; color:#1a2a44; line-height:1.5; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.event-button{display:block; width:calc(100% - 32px); margin:10px 16px 16px; padding:10px 0; background:#155CB5; color:#fff; border:none; border-radius:6px; font-size:14px; font-weight:600; cursor:pointer; text-align:center; transition:background .2s; letter-spacing:0.03em;}
.event-button:hover{background:#004082;}

/* ==================================================
   BOARD - 반응형
   ================================================== */
@media (max-width:1024px){
  .customerNotice-header{flex-direction:column; align-items:flex-start;}
  .customerNotice-search{width:100%;}
  .standardForm input[type="text"]{width:160px;}
  .eventlist-wrap{grid-template-columns:repeat(2, 1fr); gap:16px;}
  .event-img{height:180px;}
}
@media (max-width:768px){
  .customerNotice-table thead{display:none;}
  .customerNotice-table tbody tr{display:flex; flex-wrap:wrap; align-items:center; padding:12px 10px; border-bottom:1px solid #e8ecf0; gap:2px 6px;}
  .customerNotice-table tbody td{border:none; padding:2px 0;}
  .customerNotice-table tbody td:first-child{order:4; font-size:12px; color:#bbb; flex:0 0 auto;}
  .customerNotice-table tbody td.customerNotice-title{order:1; flex:0 0 100%; max-width:100%; white-space:normal; text-overflow:unset; overflow:visible; padding:4px 0;}
  .customerNotice-table tbody td:last-child{order:3; font-size:12px; color:#aaa;}
  .customerNotice-table tbody td:nth-last-child(2):not(.customerNotice-title){order:2; font-size:12px; color:#888;}
  .nomal-Select{width:100%; box-sizing:border-box;}
  .standardForm{width:100%;}
  .standardForm input[type="text"]{width:100%; box-sizing:border-box;}
  .formBtm-style3{width:100%; box-sizing:border-box; text-align:center;}
  .customerNotice-search{flex-direction:column; width:100%;}
  .eventlist-wrap{grid-template-columns:1fr; gap:14px;}
  .event-img{height:200px;}
}
@media (max-width:390px){
  .event-img{height:170px;}
  .event-info li:last-child{font-size:14px;}
  .event-button{font-size:13px;}
  .formBtm-style3{font-size:13px;}
}

/* ==================================================
   PAGINATION - fnUserPaging
   ================================================== */
.pagination-wrap{display:flex; align-items:center; justify-content:center; gap:6px; padding:10px 0;}
.pagination-list{display:flex; align-items:center; gap:4px;}
.pagination-item{min-width:36px; height:36px; padding:0 10px; border:1px solid #d8dde6; border-radius:6px; background:#fff; color:#444; font-size:14px; font-weight:500; cursor:pointer; transition:background .15s, color .15s, border-color .15s; line-height:34px; text-align:center;}
.pagination-item:hover{background:#f0f4fb; border-color:#aab8d0; color:#004082;}
.pagination-item.active{background:#004082; border-color:#004082; color:#fff; font-weight:700;}
.pagination-arrow{width:36px; height:36px; border:1px solid #d8dde6; border-radius:6px; background:#fff; color:#555; font-size:13px; cursor:pointer; transition:background .15s, color .15s, border-color .15s; display:flex; align-items:center; justify-content:center;}
.pagination-arrow:hover{background:#004082; border-color:#004082; color:#fff;}
@media (max-width:768px){
  .pagination-item{min-width:32px; height:32px; line-height:30px; font-size:13px; padding:0 8px;}
  .pagination-arrow{width:32px; height:32px; font-size:12px;}
  .pagination-wrap{gap:4px;}
  .pagination-list{gap:3px;}
}
@media (max-width:390px){
  .pagination-item{min-width:28px; height:28px; line-height:26px; font-size:12px; padding:0 6px;}
  .pagination-arrow{width:28px; height:28px;}
}

/* ==================================================
   BOARD VIEW (게시글 상세) - Bbs_V.asp
   ================================================== */

/* 전체 래퍼 */
.customerNotice-detail{border:1px solid #e0e6f0; border-radius:10px; overflow:hidden; margin-bottom:24px;}

/* 상단 헤더 */
.customerNotice-detail-header{background:#f5f8fd; border-bottom:2px solid #004082; padding:18px 24px;}
.detail-title{font-size:18px; font-weight:700; color:#111; line-height:1.5; margin-bottom:12px; word-break:keep-all;}
.detail-info{display:flex; align-items:center; flex-wrap:wrap; gap:6px 20px;}
.detail-info span{font-size:13px; color:#888;}
.detail-info span strong{color:#333; font-weight:600; margin-left:4px;}

/* 본문 영역 */
.customerNotice-detail-content{padding:28px 24px; min-height:200px; font-size:15px; line-height:1.8; color:#333; word-break:break-word; border-bottom:1px solid #e8ecf0;}
.customerNotice-detail-content img{max-width:100%; height:auto;}

/* 첨부파일 */
.customerNotice-detail-file{padding:14px 24px; background:#fafbfc; border-bottom:1px solid #e8ecf0;}
.file-header{font-size:13px; font-weight:700; color:#555; margin-bottom:8px;}
.file-list{display:flex; flex-direction:column; gap:6px;}
.file-item{display:inline-flex; align-items:center; gap:8px; font-size:13px; color:#155CB5; text-decoration:none; padding:7px 14px; background:#fff; border:1px solid #c5d3e0; border-radius:4px; width:fit-content; transition:background .15s, border-color .15s;}
.file-item:hover{background:#eef3fb; border-color:#155CB5;}
.file-icon{color:#155CB5; font-size:14px;}

/* 댓글 영역 */
.customerNotice-comment{padding:24px; border-top:1px solid #e8ecf0;}
.comment-header{margin-bottom:14px;}
.comment-title{font-size:16px; font-weight:700; color:#111;}
.comment-title span{color:#004082; margin-left:4px;}

/* 댓글 입력 */
.comment-write{display:flex; gap:10px; align-items:flex-start; margin-bottom:20px;}
.comment-write textarea{flex:1; min-height:70px; padding:12px 14px; border:1px solid #c5d3e0; border-radius:6px; font-size:14px; color:#333; resize:vertical; outline:none; transition:border-color .2s; font-family:inherit;}
.comment-write textarea:focus{border-color:#155CB5; background:#f7faff;}
.comment-btn{flex-shrink:0;}
.formBtm-style6{height:70px; padding:0 18px; background:#004082; color:#fff; border:none; border-radius:6px; font-size:14px; font-weight:600; cursor:pointer; transition:background .2s; white-space:nowrap;}
.formBtm-style6:hover{background:#003060;}

/* 댓글 목록 */
.comment-list{list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:12px;}
.comment-list li{padding:14px 16px; background:#f8f9fb; border:1px solid #e8ecf0; border-radius:8px;}
.comment-info{display:flex; align-items:center; gap:12px; margin-bottom:8px;}
.comment-info strong{font-size:14px; font-weight:700; color:#222;}
.comment-info span{font-size:12px; color:#aaa;}
.comment-text{font-size:14px; color:#444; line-height:1.7; margin:0; word-break:break-word;}

/* 하단 버튼 */
.customerNotice-detail-btm{display:flex; align-items:center; justify-content:center; gap:8px; padding:16px 0;}
.customerNotice-detail-btm.marginBottom{margin-bottom:30px;}
.formBtm-style4{height:38px; padding:0 18px; background:#fff; color:#555; border:1px solid #c5d3e0; border-radius:4px; font-size:14px; font-weight:600; cursor:pointer; transition:background .15s, border-color .15s;}
.formBtm-style4:hover{background:#f2f4f7; border-color:#aab8d0; color:#333;}
.formBtm-style5{height:38px; padding:0 22px; background:#004082; color:#fff; border:none; border-radius:4px; font-size:14px; font-weight:600; cursor:pointer; transition:background .2s;}
.formBtm-style5:hover{background:#003060;}

/* BOARD VIEW - 반응형 */
@media (max-width:1024px){
  .customerNotice-detail-header{padding:16px 18px;}
  .detail-title{font-size:17px;}
  .customerNotice-detail-content{padding:22px 18px;}
  .customerNotice-detail-file{padding:12px 18px;}
  .customerNotice-comment{padding:18px;}
}
@media (max-width:768px){
  .customerNotice-detail{border-radius:8px;}
  .customerNotice-detail-header{padding:14px 16px;}
  .detail-title{font-size:16px; margin-bottom:10px;}
  .detail-info{gap:4px 14px;}
  .detail-info span{font-size:12px;}
  .customerNotice-detail-content{padding:18px 16px; font-size:14px;}
  .customerNotice-detail-file{padding:10px 16px;}
  .file-item{font-size:12px; padding:6px 12px;}
  .customerNotice-comment{padding:16px;}
  .comment-write{flex-direction:column;}
  .comment-btn{width:100%;}
  .formBtm-style6{width:100%; height:44px;}
  .customerNotice-detail-btm{justify-content:stretch;}
  .formBtm-style4, .formBtm-style5{flex:1; text-align:center;}
}
@media (max-width:390px){
  .detail-title{font-size:15px;}
  .customerNotice-detail-content{font-size:13px;}
  .comment-write textarea{font-size:13px;}
  .comment-info strong{font-size:13px;}
  .comment-text{font-size:13px;}
}