@import url('sub.css');

/*** Contents ***/
/* NEWS — OPEN DATA */
.open_box { overflow:hidden; border-radius:var(--borderR30); background:var(--main); }
.open_info { position:relative; z-index:1; display:flex; align-items:center; justify-content:center; gap:80px; padding:80px 100px; border-radius:var(--borderR30); background:var(--grayBg); }
.open_info .img { position:relative; flex-shrink:0; width:260px; padding-bottom:16px; }
.open_info .img::after { content:''; position:absolute; left:0; right:0; bottom:0; height:21%; border-radius:50%; background:radial-gradient(ellipse at center, rgba(42,38,35,0.28) 0%, rgba(42,38,35,0) 70%); filter:blur(10px); }
.open_info .img img { position:relative; z-index:1; display:block; width:100%; }
.open_info .txt { display:flex; flex-direction:column; gap:30px; min-width:0; }
.open_info .desc { color:var(--basic); line-height:166%; word-break:keep-all; }
.open_info .contact { display:flex; flex-direction:column; gap:10px; }
.open_info .contact li { display:flex; align-items:center; justify-content:space-between; gap:10px 30px; padding:20px; border-radius:var(--borderR30); background:var(--white); }
.open_info .contact .tit { display:flex; align-items:center; gap:15px; min-width:0; color:var(--black); }
.open_info .contact .tit::before { content:''; flex-shrink:0; width:60px; height:60px; border-radius:var(--borderR10); background:var(--grayBg) url('/news/img/contact-icon.svg') no-repeat center / 36px; }
.open_info .contact .tit .name { display:flex; align-items:center; flex-wrap:wrap; gap:0 15px; min-width:0; }
.open_info .contact .tit strong { font-weight:600; word-break:keep-all; }
.open_info .contact .tel { display:flex; align-items:center; flex-shrink:0; gap:6px; }
.open_info .contact .tel b { font-weight:600; color:var(--main); }
.open_info .contact .tel a { color:var(--basic); letter-spacing:0; }

/* NEWS — OPEN DATA BUTTON */
.open_box .btn_area { display:flex; align-items:stretch; margin-top:-30px; }
.open_box .btn_area a { position:relative; display:flex; align-items:center; justify-content:center; flex:1 1 0; gap:8px; min-width:0; padding:55px 20px 25px; font-weight:600; color:var(--white); transition:background 0.3s linear; box-sizing: border-box;}
.open_box .btn_area a::after { content:"\e89e"; font-family:'Material Symbols Outlined'; font-size:20px; font-weight:400; line-height:100%; }
.open_box .btn_area a + a::before { content:''; position:absolute; left:0; top:calc(50% + 15px); width:1px; height:25px; margin-top:-12px; background:rgba(255,255,255,0.3); }
.open_box .btn_area a:hover { background:rgba(0,0,0,0.08); }


/*** S : 급식실 ***/
html.cafeteria-consult-open {overflow:hidden;}
.cafeteria-consult-layer {position:fixed; left:0; top:0; z-index:9999999995; display:none; width:100%; height:100%;}
.cafeteria-consult-layer.is-open {display:block;}
.cafeteria-consult-dim {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6);}
.cafeteria-consult-pop {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:90%; max-width:800px; max-height:90vh; overflow-x:hidden; overflow-y:auto; padding:80px 50px; box-sizing:border-box; background:var(--grayBg); border-radius:var(--borderR30);}
.cafeteria-consult-close {position:absolute; right:20px; top:20px; width:40px; height:40px; padding:0; border:0; background:transparent; cursor:pointer; font-size:0; line-height:0; color:transparent; z-index:2;}
.cafeteria-consult-close::before {content:"\e5cd"; display:block; width:100%; height:100%; line-height:40px; font-size:40px; font-family:var(--icon); text-align:center; color:var(--black); font-weight:400;}
.cafeteria-consult-tit {margin:0 0 40px; font-weight:700; text-align:center; color:var(--black); letter-spacing:var(--letter-spacing-heading);}
.cafeteria-consult-form {width:100%;}
/*** E : 급식실 ***/


/*******************************************************************************
    @media 1680px
*******************************************************************************/
@media all and (max-width:1680px){



}
/*******************************************************************************
    @media ~1500px
*******************************************************************************/
@media all and (max-width:1500px){
/* NEWS — OPEN DATA */
.open_info { gap:60px; padding:70px 60px; }
}
/*******************************************************************************
    @media ~1300px
*******************************************************************************/
@media all and (max-width:1300px){
/* NEWS — OPEN DATA */
.open_info { gap:40px; padding:60px 40px; }
.open_info .img { width:200px; }
.open_info .desc br { display:none; }
}
/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){
/* NEWS — OPEN DATA */
.open_box { border-radius:var(--borderR20); }
.open_info { flex-direction:column; gap:30px; padding:50px 30px; border-radius:var(--borderR20); }
.open_info .img { width:180px; }
.open_info .txt { gap:20px; width:100%; }
.open_info .contact li { padding:15px 20px 15px 15px; border-radius:var(--borderR20); }
.open_info .contact .tit::before { width:50px; height:50px; background-size:30px; }

/* NEWS — OPEN DATA BUTTON */
.open_box .btn_area { margin-top:-20px; }
.open_box .btn_area a { padding:40px 15px 20px; }
.open_box .btn_area a + a::before { top:calc(50% + 10px); }
.open_box .btn_area a::after { font-size:18px; }

/*** S : 급식실 ***/
.cafeteria-consult-pop {padding:60px 30px;}
.cafeteria-consult-tit {margin-bottom:30px;}
/*** E : 급식실 ***/

}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){
/* NEWS — OPEN DATA */
.open_info { padding:40px 15px 30px; }
.open_info .img { width:140px; }
.open_info .contact li { flex-direction:column; align-items:flex-start; gap:8px; padding:15px; }
.open_info .contact .tit { gap:10px; }
.open_info .contact .tit::before { width:45px; height:45px; background-size:24px; }
.open_info .contact .tit .name { flex-direction:column; align-items:flex-start; }
.open_info .contact .tel { padding-left:55px; }

/* NEWS — OPEN DATA BUTTON */
.open_box .btn_area { flex-direction:column; }
.open_box .btn_area a { flex:none; width:100%; padding:16px 15px; }
.open_box .btn_area a:first-child { padding-top:36px; }
.open_box .btn_area a + a::before { left:15px; right:15px; top:0; width:auto; height:1px; margin-top:0; }


/*** S : 급식실 ***/
.cafeteria-consult-pop {padding:50px 20px 30px;}
.cafeteria-consult-close {right:12px; top:12px; width:30px; height:30px;}
.cafeteria-consult-close::before{line-height: 30px; font-size: 30px;}
.cafeteria-consult-tit {font-size:2rem; margin-bottom:20px;}
/*** E : 급식실 ***/

}