@charset "UTF-8";

/**************************************************
* 버전관리
* version : v=7
* Last Update :  20260331
**************************************************/

/***************************************************
■ 사이트 공통
****************************************************/
html{font-size:20px; scroll-behavior:smooth;}
body{font-size:1rem}
.tablet{display:none;}
.mob{display:none;}
#wrap{position:relative; line-height:1.5; overflow:hidden; font-size: .85rem;}
#wrap img { border:none; vertical-align: middle; max-width:100%;}
#wrap i{vertical-align:middle;}

:root{
	--black: #1D1805;
	--yellow: #FFC603;
	--blue:#014089;
	--red:#b20000;
	--green:#289d39;
	--base:#F9F4EE;
	
}

@media (max-width:1024px){
	/* -----공통----- */
	html{font-size: 17px;}
    body{font-size: 1rem}
	.web{display: none}
	.tablet{display: block;}
	#wrap{font-size:1rem;}

}
@media (max-width: 768px){
	/* -----공통----- */
	.tablet{display: none;}
	.mob{display: block;}
}
@media (max-width: 390px){
	/* -----공통----- */
	html{font-size: 16px;}
    body{font-size: 1rem}
}
@media (max-width: 360px){
	/* -----공통----- */
	html{font-size: 15px;}
    body{font-size: 1rem}
}
@media (max-width: 325px){
	/* -----공통----- */
	html{font-size: 13px;}
    body{font-size: 1rem}
}


/********************************************************
■ 헤더
********************************************************/
#header{position:relative; width:100%; z-index:100;  background: #fff;}
#header .header_inner{position:relative; display: flex;justify-content: space-between; align-items: center; height:6rem; text-align:center; max-width:88.5rem; margin:0 auto;}
#header .logo{position:relative; z-index:99;}
#header .logo img{height:3.1rem;}

/*탑메뉴*/
#header .gnb{height:2rem; }
#header .gnb ul{display:flex; align-items: center; justify-content: flex-end; text-align:right; max-width:70rem; margin:0 auto; height:100%;}
#header .gnb ul li{display:inline-block; color:#888; font-size:0.75rem; font-weight:500; }
#header .gnb ul li:not(:first-child){margin-left:1.2rem;}
#header .gnb ul li.user em{text-decoration:underline; text-underline-position: under;}
#header .gnb ul li.leftTime .time{display:inline-block; width:3.2rem; padding-left:1.2rem; color:#21A3DD; background: url(/images/default/main/icon_log.svg) no-repeat 0 50%; background-size:1.1rem 1.1rem;  }
#header .gnb ul li.leftTime a{display:inline-block; background:#F2F3F5; color:#21A3DD; margin-left:0.5rem; line-height:1.5rem; cursor:pointer; padding:0 0.5rem; border-radius:0.5rem; -webkit-border-radius:0.5rem;}



/*-----네비게이션-----*/
#header .header_inner #nav {display: flex; flex-direction: row; justify-content: right; align-items: center;}
#header .header_inner #nav ul {clear:both;  position:relative; box-sizing:border-box;}
#header .header_inner #nav ul li { display:inline-block;width: auto; float:none; vertical-align:top;position:relative;}
#header .header_inner #nav ul li {position:relative; }
#header .header_inner #nav ul li a{text-align:center; color:#111; display:inline-block; height:6rem; line-height:6rem; font-size:0.95rem; text-transform: uppercase; position:relative;padding:0 1.5rem; font-weight: 500;}
#header .header_inner #nav ul li ul {z-index: 10;display:none; position: absolute; width:12rem;  left:50%; margin-left:-6rem; top:6rem; padding:1.5rem 0 .5rem !important; box-sizing:border-box; text-align:center; background:#fff; height:10rem; overflow:hidden;}
#header .header_inner #nav ul li ul:before{content:""; position:absolute; left:1rem; top:0px; width:calc(100% - 2rem); height:2px; background:var(--yellow);}
#header .header_inner #nav ul li ul li {display:block;margin:0; margin-bottom:0.5rem; line-height:1.5;}
#header .header_inner #nav ul li ul li a{display:block; font-size:0.85rem; padding:0; height:auto; font-weight: 400; line-height:1.5; transition: all .2s; -webkit-transition: all .2s;}
#header .header_inner #nav ul li ul li a strong{text-decoration:underline; text-underline-position: under;}
#header .header_inner #nav ul li ul li a:before{content:""; display:block; clear:both;}
#header .header_inner #nav ul li ul li a:hover{font-weight:500; text-decoration:underline; text-underline-position: under;}
#header .header_inner #nav ul li ul li ul{display:none !important;}
#header .header_inner #nav ul li.active > div > a{font-weight:600; color:#FFC603 }
#header .header_inner #nav ul li.active ul li:after{display:none;}
#header .header_inner #nav .bgbox{display:none; position: absolute; left:50%; top:6rem; margin-left:-22rem; width:30rem; height:12rem; padding:2rem; background:#1D1805 url('/images/default/main/bgbox.jpg')no-repeat 0 0; border:2px solid var(--yellow); border-top:none; border-bottom-left-radius:3rem;}
#header .header_inner #nav .bgbox > div{display:flex; align-items: flex-end; height: 100%; }
#header .header_inner #nav .bgbox .bg-tit{width:12.5rem; padding-bottom:1rem; text-align:left;}
#header .header_inner #nav .bgbox .bg-tit h2{color:var(--yellow); font-size:1.35rem; font-weight:600; margin-bottom:1rem;  }
#header .header_inner #nav .bgbox .bg-tit p{color:#fff; font-size:0.9rem; }

#header .header_inner #nav ul li:nth-child(5) ul,
#header .header_inner #nav ul li:nth-child(6) ul{width:20rem; }
#header .header_inner #nav ul li:nth-child(5) ul li,
#header .header_inner #nav ul li:nth-child(6) ul li{float:left; width:50%;}
#header .header_inner #nav ul li:nth-child(5) .bgbox,
#header .header_inner #nav ul li:nth-child(6) .bgbox{width:37rem;}

/*-----퀵메뉴-----*/
#header .quickBtn{position:fixed; right:2rem; top:10rem;}
#header .quickBtn img{width:7.5rem;}

@media (max-width: 1770px){
	#header .header_inner {width:100%; padding: 0 0 0 1.5rem;}
	#header .header_inner #nav ul li ul{width:10rem; margin-left:-5rem;}
	#header .header_inner #nav ul li a {padding:0 1rem; font-size: 0.85rem;}
	#header .header_inner #nav .bgbox{margin-left:-20rem; width:27rem;}
	#header .header_inner #nav .bgbox .bg-tit{width:11.5rem;}
}
@media (max-width: 1440px){
	#header .logo img{height:2.5rem;}
	#header .header_inner{padding-right:0rem;}
	#header .header_inner #nav ul li a {padding:0 0.5rem; font-size: 0.8rem;}
	
	#header .header_inner #nav .bgbox{margin-left:-18rem; width:25rem;}
	#header .header_inner #nav .bgbox .bg-tit h2{font-size:1.15rem;}
	#header .header_inner #nav .bgbox .bg-tit p{color:#fff; font-size:0.8rem; text-wrap-style: balance; }
	#header .header_inner #nav ul li:nth-child(6) .bgbox{width:35rem;}
}
@media (max-width: 1180px){
	
	#header .header_inner {height:4rem; }
	#header .header_inner #nav {display:none;}
	
	#header .quickBtn{right:1rem;}
	#header .quickBtn img{width:5rem;}
	
}
@media (max-width: 788px){
	#header .quickBtn{top:auto; bottom:1rem;}
	
}

/********************************************************
■ 헤더 - tnb
********************************************************/

.tnb {display:flex; align-items: center; gap:0.7rem;}
.tnb .searchBtn img,
.tnb .user_menu img{height:1.3rem;}
.tnb .user_menu {display:flex; gap:0 0.5rem; align-items: center; font-size:0.8rem;}
.tnb .user_menu em{font-size:0.7rem;}
.tnb .user_menu .leftTime{display:inline-flex;}
.tnb .user_menu .leftTime .time{display:inline-block; background:rgba(255,198,3,0.2); padding:0.25rem 0.5rem; border-radius:0.5rem 0 0 0.5rem; -webkit-border-radius: 0.5rem 0 0 0.5rem;  line-height:1.2;}
.tnb .user_menu .leftTime a{display:inline-block; background:#FFC603; padding:0.25rem 0.5rem; border-radius:0 0.5rem 0.5rem 0; -webkit-border-radius: 0 0.5rem 0.5rem 0;  line-height:1.2;}
.tnb .user_menu .user b{color:#f19f01;}


/*검색창*/
.search_area{position: fixed; left: 0px;  top: -100%; width: 100%; height: 6rem;  padding: 0 5rem;  font-size: 1rem;  background: #fff;  border-top: 1px solid #ddd; transition: all 0.45s;  z-index: 125;  }
.search_area form{height:100%; display: flex;  align-items: center; justify-content: center}
.search_area form fieldset{display: flex;  align-items: center;}
.search_area .search_input_wrap{ display: flex;  align-items: center; width:35rem; margin:0 auto; height:100%;}
.search_area .search_input_wrap .insearch{border:none; border-bottom:2px solid #000; height:3rem; padding: 0 2rem 0 0.5rem; border-radius:0; -webkit-border-radius: 0;} 
.search_area .search_input_wrap .inbtn{font-size:1.5rem; }
.search_area .closeBtn{margin-left:3rem; font-size:2rem; color:#000; cursor:pointer; }
.search_area.open{top: 0;  }


/*사이트맵 버튼*/
#header .btn-gnb-menu{position:relative; height:6rem; cursor:pointer; text-align:center; z-index: 100;}
#header .btn-gnb-menu:before{content:""; display:none; position:fixed; right:0; top:-0.25rem; width:7.35rem;  aspect-ratio: 34 / 67;background:url('/images/default/main/menu_after.svg')no-repeat right top; background-size:100% auto; z-index:-1;}
#header .btnAll {position:relative; display:block; width:2.8rem; height:2.8rem; margin:0 auto; top:50%; border-radius:50%; -webkit-border-radius: 50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);  z-index:9999;}
#header .btnAll span { display: inline-block; position: absolute; left:0.5rem;  width: 100%; height: 0.15rem;  background-color:  #000; -webkit-transition: all 0.25s; transition: all 0.25s cubic-bezier(0.34, 0.33, 0.48, 1.03); }
#header .btnAll > span:nth-child(1) { top: 0.6rem; width:1.2rem;}
#header .btnAll > span:nth-child(2) { top: 1.2rem; width:1.7rem;}
#header .btnAll > span:nth-child(3) { top: 1.8rem;  width:0.8rem;}
#header.open .btn-gnb-menu:before{display:block;}
#header.open .btnAll{background:#000;}
#header.open .btnAll > span{background:#fff;}
#header.open .btnAll > span:nth-child(1) {left: 0.55rem; top: 1.3rem; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); width:1.7rem;}
#header.open .btnAll > span:nth-child(2) {display:none;}
#header.open .btnAll > span:nth-child(3) {left: 0.55rem; top: 1.3rem; -webkit-transform: rotate(135deg); transform: rotate(135deg); width:1.7rem;}

/*사이트맵*/
#header #navi{background:#F9F4EE; position:fixed; top:-100%; left:0; width:100%; height:90%; padding-top:0; overflow:hidden;  border-radius:0 0 9rem 9rem; -webkit-border-radius: 0 0 9rem 9rem; z-index:20; transition:top 0.45s cubic-bezier(0.34, 0.33, 0.48, 1.03) 0.2s;}
#header .naviBlind{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); opacity:0; visibility: hidden; z-index:15; transition:all 0.25s cubic-bezier(0.34, 0.33, 0.48, 1.03);}
#header.open #navi{ top:0px;}
#header.open .naviBlind{ opacity:1;   visibility: visible; }

#menuAll .mobile_gnb{display:none}
#menuAll .mobile_top{width:100%; height:100%; position:relative; display: flex; flex-direction: column;}
#menuAll .mobile_top .mbtop{height:100%; display: flex; flex-wrap: wrap; }
#menuAll .mobile_top .mbtop > li{flex:1; position:relative; padding-top:12rem; transition: all 0.2s cubic-bezier(0.34, 0.33, 0.48, 1.03) 0s;}
#menuAll .mobile_top .mbtop > li:not(:first-child){border-left:1px solid #B7B2A8;}
#menuAll .mobile_top .mbtop > li > a{position:relative; display:block;  color:#000; font-size:1.5rem; text-align: left; line-height:1; font-weight: 600; padding:0.75rem 0; padding-left:1.5rem;  font-family: 'Lato','LINESeedKR';}
#menuAll .mobile_top .mbtop > li ul{margin-top:2.5rem; }
#menuAll .mobile_top .mbtop > li ul li{position:relative; padding:0 .5rem;}
#menuAll .mobile_top .mbtop > li ul li a{display:block; background:none;font-size:1.2rem; text-align: left; padding:0.5rem 1rem; color:#333; border-radius:1rem; -webkit-border-radius: 1rem; }
#menuAll .mobile_top .mbtop > li ul li ul{margin-top:0; display:flex; flex-wrap:wrap; gap:0.5rem 1rem; padding: 1rem; margin-bottom:0.5rem;}
#menuAll .mobile_top .mbtop > li ul li ul li{padding:0;}
#menuAll .mobile_top .mbtop > li ul li ul li a{font-size:0.8rem; color:#888; font-weight:300; padding:0;}

#menuAll .mobile_top .mbtop > li:hover{background:#FFC603}
#menuAll .mobile_top .mbtop > li:hover:before{content:"Giftedup"; position:absolute; right:-1.5rem; top:50%; text-transform:uppercase; transform: translateY(-50%) rotate(180deg); line-height: 1; color:#fff; font-size:6rem; font-weight: 900; writing-mode: vertical-rl; opacity:0.2;}
#menuAll .mobile_top .mbtop > li:hover > a{background:#000; color:#fff;}
#menuAll .mobile_top .mbtop > li > .ulMenuDiv > ul > li:hover > div a{position:relative; background:#000; color:#fff;}
#menuAll .mobile_top .mbtop > li > .ulMenuDiv > ul > li:hover > div a:before{content:""; position:absolute; right:1rem; top:50%; margin-top: -0.5rem; width:1rem; height:1rem; background:url('/images/default/main/arrow_w.svg')no-repeat 50% 50%; background-size:100% auto; transform: rotate(-45deg );}
#menuAll .mobile_top .mbtop > li > .ulMenuDiv > ul > li:hover ul{background:#fff; border:2px solid #000; border-radius:0 0 1rem 1rem; -webkit-border-radius: 0 0 1rem 1rem; margin-top: -1rem; padding-top: 2rem;}
#menuAll .mobile_top .mbtop > li ul li ul li a:hover{color:#000; font-weight:600;}

@media (max-width: 1800px){
		#header .btn-gnb-menu:before{right:-3rem; }
	
}

@media (max-width: 1440px){
	.tnb .user_menu{gap:0.5rem; font-size:0.7rem;}
	.tnb .user_menu .leftTime .time{padding:0.25rem;}
	.tnb .user_menu .leftTime a{padding:0.25rem;}
	
	#menuAll .mobile_top .mbtop > li > a{font-size:1.3rem; padding-left: 1rem;}
	#menuAll .mobile_top .mbtop > li ul li a{font-size:0.9rem; padding: 0.5rem;}
	#menuAll .mobile_top .mbtop > li ul li ul{padding-left:0.5rem;}
	#menuAll .mobile_top .mbtop > li ul li ul li a{font-size:0.8rem;}
	
	.tnb .user_menu:has(.leftTime) {position: relative; flex-direction: column; gap:0.2rem; padding-right:2rem;}
	.tnb .user_menu:has(.leftTime) li:nth-child(3){position:absolute; right:0px; top:50%; transform:translateY(-50%);}
}
@media (max-width: 1180px){
	#header .btn-gnb-menu{height:4rem;}
	#header.open .btnAll{top:75%;}
	
	.tnb .user_menu:has(.leftTime) {flex-direction: row; gap:0.5rem; padding-right:0;}
	.tnb .user_menu:has(.leftTime) li:nth-child(3){position:relative; right:auto; top:auto; transform:translateY(0);}
}
@media (max-width: 1030px){
	.tnb .user_menu{display:none;}
	
	.search_area{height:4rem;}
	.search_area .search_input_wrap{width:70vw;}
	.search_area .search_input_wrap .insearch{height:2rem;}
	.search_area .closeBtn{margin-left:1.5rem;}

	#header .btn-gnb-menu{height:4rem; }
	#header.open .btnAll{top:50%;}
	/*전체메뉴*/
	#header.open{}
	#header.open .btn-gnb-menu:before{display:none;}
	#header #navi{ overflow-y:scroll; padding-top:4rem; border-radius:0; -webkit-border-radius: 0; height:100%;}
	
	#menuAll .mobile_gnb{display:block; border-top: 1px solid rgba(0, 0, 0, .1); padding:1rem; background: var(--yellow);}
	#menuAll .mobile_gnb ul{display:flex; justify-content: space-between;}
	#menuAll .mobile_gnb ul .leftTime{display:inline-flex;}
	#menuAll .mobile_gnb ul .leftTime .time{display:inline-block; background:#fff; padding:0.25rem 0.5rem; border-radius:0.5rem 0 0 0.5rem; -webkit-border-radius: 0.5rem 0 0 0.5rem ; line-height:1.2;}
	#menuAll .mobile_gnb ul .leftTime a{display:inline-block; background:#000; color:#fff; padding:0.25rem 0.5rem; border-radius:0 0.5rem 0.5rem 0; -webkit-border-radius: 0 0.5rem 0.5rem 0; line-height:1.2;}
	#menuAll .mobile_top{width:100%;height:auto;}
	#menuAll .mobile_top:before,
	#menuAll .mobile_top:after{display: none;}
	#menuAll .mobile_top .mbtop{width: 100%; display:block; }
	#menuAll .mobile_top .mbtop > li{width: 100%; padding-top:0; width:100%; border-bottom:1px solid rgba(0, 0, 0, .1); position:relative;}
	#menuAll .mobile_top .mbtop > li:before{display:none;}
	#menuAll .mobile_top .mbtop > li:after{ content :"\e913"; display : block; position : absolute; right:1.5rem;  top:0.7em; font-size:1.15rem; font-family:'xeicon'; font-weight:500; color:#333; }
	#menuAll .mobile_top .mbtop > li.nosub:after{display:none;}
	#menuAll .mobile_top .mbtop > li > a{padding:0; background: none; text-align:left; display:block; width:100%; padding: 1rem;box-sizing:border-box; font-size:1.15rem;  font-weight: 700;  color:#262626;}
	#menuAll .mobile_top .mbtop > li > a:before{display:none;}
   	#menuAll .mobile_top .mbtop > li.open_li{position:relative;}
	#menuAll .mobile_top .mbtop > li.open_li > a{background:#000; color:#fff;}
    #menuAll .mobile_top .mbtop > li.open_li:after{ content :"\e91a";  color:#fff;}
    #menuAll .mobile_top .mbtop > li:not(:first-child){border-left:none;}
    #menuAll .mobile_top .mbtop > li:hover{background:#000; color:#fff;  border-color: rgba(255, 255, 255, 0.2);}
    #menuAll .mobile_top .mbtop > li:hover:after{color:#fff;}

    /*2차*/
     #menuAll .mobile_top .mbtop > li ul {display:none;  background-color: #f4ebe0; position:relative;  visibility:visible; padding: 1.5rem 1rem; margin-top:0; }
	 #menuAll .mobile_top .mbtop > li ul li {float:none;border:none; box-sizing:border-box;  background: none; padding-left:0;}
     #menuAll .mobile_top .mbtop > li ul li a { height:auto; padding-left:1rem;  font-size:1rem; color:#333;}	
     #menuAll .mobile_top .mbtop > li ul li:after,
	 #menuAll .mobile_top .mbtop > li ul li:before{display:none;}
	 #menuAll .mobile_top .mbtop > li.open_li ul{display:block}
    /*3차*/
    #menuAll .mobile_top .mbtop > li ul li ul{display:none;border:none; height:0;background:none; margin:0; padding:0;}
    #menuAll .mobile_top .mbtop > li ul li ul li {display:none;}

}


/********************************************************
■ 푸터
********************************************************/
#footer {padding: 0 3.75rem 1.5rem; color:#fff; }
#footer .ft_bg {display: flex;  flex-direction: column;  justify-content: center;  align-items: center;padding:1.5rem 4rem; background:#000; border-radius:2rem; -webkit-border-radius: 2rem; position:relative;}
#footer .ft_logo {position:absolute; bottom:2rem; right:4rem;}
#footer .ft_logo img {width:9.05rem;}

/*푸터 상단 메뉴*/
#footer .ft_menu {width:100%; display:flex; justify-content: center;  gap:1rem 2.3rem; }
#footer .ft_menu li a {transition: all 0.3s; color:#7c7c7c; font-weight:500; font-size: 0.8rem;}
#footer .ft_menu li a b{color:#fff; font-weight:400;}
#footer .ft_menu li a:hover {text-decoration:underline; text-underline-position: under;}

/*푸터 중간 대학연락처*/
#footer .ft_bottom {width:100%;}
#footer .ft_univ {display:flex; gap:1rem 6rem; margin:2rem 0 2.5rem; justify-content: center;}
#footer .ft_univ > li {font-size:0.85rem;}
#footer .ft_univ > li b {display: block; font-size:0.9rem;}
#footer .ft_univ > li a {display:block; margin-top:0.5rem; } 
#footer .ft_univ > li a.noLoad{cursor:default; pointer-events : none;}
/*푸터 카피*/
#footer .copy {text-align:center; color:#7c7c7c; font-size:0.75rem;}
#footer .copy span{color:var(--yellow)}

@media (max-width:1770px){
	#footer {padding: 0 1rem 1rem; }
}
@media (max-width:1440px){
	#footer .ft_bg{padding:2rem 1rem;}
	#footer .ft_logo {position: relative; right:auto; bottom:auto;   text-align: center; margin-top:1.5rem;}

	#footer .ft_univ {gap:1rem 3rem;}
}
@media (max-width:768px){
	#footer .ft_bg{padding:2rem 1rem;}
	#footer .ft_menu {gap:0.25rem 1rem;   padding: 0 1rem; font-size:1rem; flex-wrap:wrap;}
	#footer .ft_univ {flex-wrap:wrap; gap: 2rem 1rem; margin: 2rem 0;}
	#footer .ft_univ > li{width:calc((100% - 1rem * 1) / 2); text-align:center;}
	#footer .ft_univ > li a{margin-top:0.4rem; font-size: 0.88rem;}
	#footer .ft_univ > li a.noLoad{cursor:pointer; pointer-events : auto;}
	#footer .ft_menu li a {font-size: 0.88rem;}
}



/********************************************************
■ 높은 해상도 대비
********************************************************/
@media (min-width:2100px){
	html{font-size:22px;}
}
@media (min-width:2400px){
	html{font-size:25px;}
}
@media (min-width:2550px){
	html{font-size:26.5px;}
}
@media (min-width:2880px){
	html{font-size:30px;}
}
@media (min-width:3840px){
	html{font-size:40px;}
}
@media (min-width:5640px){
	html{font-size:59px;}
}
@media (min-width:7640px){
	html{font-size:79px;}
}

/********************************************************
■ 웹접근성 대비
********************************************************/
/* 2023-11-22 웹 접근성 전용 경고창 추가 bk */
.alertDiv {display: flex; margin-left: 0.5rem; align-items: center; font-size: 0.75rem; font-weight:bold;}
.alertDiv.success {color:#2553b7;}
.alertDiv.fail {color:#e51e1e;}

/* 2023-11-22  웹 접근성 컨펌창 레이어  팝업 추가 bk */
.layer_pop{display:none;position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:200;}
.layer_pop .pop_con{position:absolute; left:50%; top:50%; width:25rem; background:#fff; border-radius:1rem; -webkit-border-radius:1rem; padding:1rem 1rem 0; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); overflow:hidden;}
.layer_pop .pop_con h4{position:relative; color:#121212; text-align:center; font-size:1.4rem; margin:1rem 0 1.5rem; padding-bottom:1.5rem; border-bottom: 1px solid #ddd;}
.layer_pop .pop_con h4 img{display:block; margin:0 auto 0.5rem;}
.layer_pop .pop_con p{font-size:1.1rem; color:#666; text-align:center; }
.layer_pop .pop_btn{display:flex;  margin-top:3rem; width: calc(100% + 2rem); margin-left: -1rem;}
.layer_pop .pop_btn button{font-size:1rem; text-align:center; flex:1; height:3rem;}
.layer_pop .pop_btn button.pop_cancel{color:#111; background: #eee;}
.layer_pop .pop_btn button.pop_confirm{background: #21A3DD; color:#fff;}
.layer_pop .pop_btn button.pop_confirm:focus-visible{outline-color:#E84033;}



/* 2023-11-22 통합검색 css 추가 bk */
.global_search{}
.global_search .inn{background: #fff; padding: 2rem;  border-radius: 1rem; -webkit-border-radius: 1rem;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.global_search .search{position:relative; width:100%;padding:2rem; margin-bottom:2rem;  text-align:center; background:#fff; border-radius:1.5rem; -webkit-border-radius: 1.5rem; box-shadow:0 0 10px rgba(0,0,0,0.1);     z-index: 1;} 
.global_search .search form{display:flex; align-items: center; }
.global_search .search form .logos{width:14rem; text-align:center;}
.global_search .search form .searchBox{display:flex;  flex: 1; }
.global_search .search form .searchBox .keyWord{width:100%; height:3rem; border:0.2rem solid var(--black); border-radius:0.5rem 0 0 0.5rem;  }
.global_search .search form .searchBox .btnSearch{flex-shrink: 0; width:8rem; height:3rem; color: var(--yellow);  background:var(--black);border:none;  border-radius: 0 0.5rem 0.5rem 0; -webkit-border-radius: 0 0.5rem 0.5rem 0;  cursor:pointer }

.tit-search h3{font-size:1.5rem; font-weight:600; text-align:center; color:#313131; margin-bottom:2rem;}
.tit-search h3 em{color:var(--yellow);}

.cate_area .folding{position:relative; padding:10px 0px 0px 0px;}
.cate_area .folding ul{border-top-color:var(--black);}
.cate_area .pt{padding-bottom:1.7rem;}
.cate_area .pt ul{display:flex; flex-wrap:wrap;}
.cate_area .pt ul li{width:25%; margin-top:0.5rem; background:url('/images/default/content/ser_bul.gif') no-repeat left top 0.5rem; padding:0.25rem 0; padding-left:1rem;  }
.cate_area .pt ul li a{font-size:0.8rem; color:#7c7c7c; vertical-align: top;}
.cate_area .pt ul li.on a{color:var(--main); font-weight:bold;}


.sr_result{position:relative; }
.sr_result h3{margin-bottom:0.5rem; font-size:1.1rem; color:#212121; font-weight:600; margin-top:2rem;  text-transform:uppercase; padding-left:1rem; background:url('/images/default/content/bullet01.svg') 0px 7px no-repeat; background-size:0.6rem auto; padding-bottom:1rem; border-bottom:2px solid #111; }
.sr_result h3 span{color:#a0a0a0; font-size:0.8rem;}
.sr_result p.more{position:absolute; top:0px; right:0px;}
.sr_result p.gal_tit a{color:#353535 !important; font-weight:bold; font-size:0.85rem;}
.sr_result .gal_con{word-break:break-all; color:#848484; font-size:0.85rem;margin:0.4rem 0px;}
.sr_result .date{background: url('/images/default/content/date.gif') no-repeat 0 center; padding-left:1rem;font-size:0.6rem; color:#adadad; }
.sr_result p.smore{position:absolute; top:0; right:0;}

.sr_result .tb_wrap {background:url('/images/default/content/dot_line2.gif') repeat-x left bottom; padding-bottom:1.25rem;}
.sr_result .tb_view{border-collapse: collapse;	border-spacing: 0; table-layout:fixed;}
.sr_result table.online_tb{border-bottom:solid 1px #e4e4e4;}
.sr_result .tb_view thead th{color: #818181; font-weight: bold; padding:0.6rem 0.75rem; font-size: 0.7rem; text-align:left; vertical-align:middle; border-bottom:1px solid #e4e4e4;}
.sr_result .tb_view tbody th{ color:#a1a6a9; font-weight:bold;  padding:0.6rem 0.75rem; text-align:left;background: url('/images/default/content/th.gif') no-repeat right center; font-size:0.6rem; }
.sr_result .tb_view tbody td{padding:0.6rem 0px;color:#818181; line-height: 1rem; font-size:13px;}
.sr_result .tb_view tbody td.attached a{font-size:0.6rem; text-decoration:underline !important;}
.sr_result .tb_view tbody td.date{font-size:0.6rem; text-align:center;}
.sr_result .tb_view tbody td.view{background: url('/images/default/content/th.gif') no-repeat left center; font-size:0.6rem;text-align:center;}
.sr_result .tb_view tbody .vbar{background: url('/images/default/content/th.gif') no-repeat right center; font-size:0.6rem;text-align:center;}
.sr_result .tb_view tbody td.nodata { text-align:center; color:var(--gray-a); padding:5.5rem 0 3rem; background:#fff url(/images/default/content/img_nodata.svg) no-repeat center 3rem; background-size:2rem auto;}
.no_result{text-align:center; font-size:0.8rem; color:#848484; margin-top:5rem; padding:3rem 1rem; border:1px solid #dbdbdb;}
.no_result b{color:#212121; font-size:1.5rem; font-weight:bold; line-height:2.5rem;}

@media screen and (max-width:1021px){
	.global_search .search form{    flex-direction: column; gap:1rem 0;}
	.global_search .search form .searchBox{width:100%;}
	
}

@media screen and (max-width:767px){
	.search_all{width:100%;}
	.search_all input.btnSearch{width:2rem;}
	.cate_area .pt ul li{width:33.33%;}
	.tit-search h2{line-height:1.3;}
	.cate_area .pt ul{font-size:0.875rem; }
	
	.con .sr_result h3{padding-right:4rem; font-size: 1.2rem;}
	.sr_result p.smore{font-size:0.875rem;}
	.sr_result p.gal_tit a{font-size:1rem; display:block; line-height:1.2; font-weight:500;}
	
	.sr_result .tb_wrap{padding:0 0.5rem 1.25rem}
	.sr_result .tb_wrap > div:not(:first-child){margin-top:0.5rem;}
}
@media screen and (max-width:567px){
	.global_search .search,
	.global_search .inn{padding:1rem;}
	.global_search .search form .searchBox .btnSearch{width:4rem;}
	.global_search .search form .logos{display:none;}
	.cate_area .pt{padding-bottom:0;}
	.cate_area .pt h3{font-size:1.5rem; margin-bottom:0.5rem;}
	.cate_area .pt ul{overflow-y:auto; height:13.5rem; }
	.cate_area .pt ul li{width:100%;}
	.cate_area .pt ul li a{font-size:1rem;}
}


/********************************************************
■ 팝업
********************************************************/
.con_pop{display: flex; align-items: center;  justify-content: center; background: rgba(0, 0, 0, .7); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; backdrop-filter: blur(5px);}
.con_pop .popin{width: 600px; position: relative; background:#fff; padding:1rem 3rem; text-align: center; border-radius: 2rem; -webkit-border-radius: 2rem;}
.con_pop .popin:before{content:""; position:absolute; left:-0.3rem; top:-1.5rem; width:calc(100% + 0.6rem); height:calc(100% + 1.8rem); background:var(--blue); border-radius: 2rem; -webkit-border-radius: 2rem; z-index:-1}
.con_pop .popin:after{content:""; position:absolute; left:-0.5rem; top:0; width:4.5rem; height:3.75rem; background:url('/images/default/content/folder_tab_b.svg')no-repeat 0 0; background-size:100% auto; transform: rotate(90deg); }
.con_pop .popin h3{ font-size: 1.2rem; font-weight: 600; height: 2.5rem; line-height: 2.6rem; color:var(--black); border-bottom:1px solid #000;}
.con_pop .popin h3:before{content:"";  position:absolute; left:-5.8rem; top:-3rem; width:9.35rem;  aspect-ratio: 187 / 189; background:url('/images/default/content/popup_img.png')no-repeat 0 0; background-size:100% auto; z-index: 1;}
.con_pop .popin .txt{padding: 1.5rem 2rem; font-size: 0.8rem; line-height: 1.5;background: #fff; }
.con_pop .popin em{color:var(--blue); font-weight: 600;}
.con_pop .popin table{width:100%; border-top: 2px solid #333; margin-top: 0.75rem; font-size:0.75rem;}
.con_pop .popin table th{background-color: #f9f9f9; padding: 0.3rem 0.5rem; border-bottom: 1px solid #e9e9e9; vertical-align: middle; text-align: center;}
.con_pop .popin table td{color: #666;  padding: 0.3rem 0.5rem; vertical-align: middle; border-bottom: 1px solid #e9e9e9;}

.con_pop .bottom_button{display: flex; gap:0.5rem; width:100%; position:relative; z-index:10; }
.con_pop .bottom_button a{flex-grow:1; flex-basis: 50%; display: block; height: 3rem; line-height: 3rem; font-size: 0.9rem;  background: #345E8C; color: #fff; border-radius:0.5rem;  -webkit-border-radius: 0.5rem; box-shadow:0 0 20px rgba(0,63,211,0.15); cursor:pointer}
.con_pop .bottom_button a.confirm{background: var(--black); }
.con_pop .bottom_button a.w100{flex-basis: 100%;}

.con_pop .close{position: absolute; right: 3rem; top: 1rem; height:2.5rem; line-height:2.5rem; z-index: 1;}
.con_pop .close a{display:block; width:1.7rem; height:1.7rem; line-height: 1.5rem; border-radius:50%; -webkit-border-radius: 50%; background:var(--blue); color: #fff; font-size: 1rem;}
.con_pop .close span{font-size: 0;}
.con_pop .close a i{ vertical-align: middle;}

.con_pop .popin h4{font-size:1.4rem;  color:var(--blue); border-bottom:1px solid #ddd; padding-bottom:1rem; margin-bottom:1rem;}
.con_pop .popin h4 b{font-weight:bold; color:#21A3DD;}
.con_pop .popin h4 img{margin-bottom:10px;}
.con_pop .popin .bg span{position:relative; color:#3b4481; font-weight:bold;}
.con_pop .popin .bg span:before{content: ''; display: block; position: absolute; width: 100%; height: 50%; background: rgba(59,68,129,0.1); left: 0; bottom:0;}
.con_pop .popin .logo img{width:10rem; margin-top:0.5rem;}
.con_pop .popin b{font-weight:bold;}
.con_pop .alert img{margin-bottom:10px; width:10rem;}
.con_pop .alert h4{color:#212121;}
.con_pop small{ z-index: 1;  position: relative; margin:0.5rem 0; display:block;}

.con_pop .popin h5{font-size:1.2rem;  color:#333;margin-top:1rem;}
.con_pop .popin .bg{margin-top:1.5rem; padding:1.5rem 0 0; position:relative; color:#333; z-index:0;}
.con_pop .popin .bg:before{ content : ""; display : block; position : absolute; left :-50%; top:0; width : 200%; height : 20rem; background : #f1f9fe; z-index:-1;}
.con_pop .popin .cen_button{margin-bottom:1.5rem;position:relative; z-index:10;}
.con_pop .popin .cen_button a{display:block; width:8rem; margin:0 auto; height:2.3rem; line-height:2.3rem; background:#38387f; color:#fff; border-radius:0.5rem; -webkit-border-radius: 0
.5rem;}

.con_pop ul.dot li{margin-bottom:5px; position: relative; padding-left:15px;  text-align:left;}
.con_pop ul.dot li:before{ content : ""; display : block; position : absolute; left :0; top:0.5em; width : 6px; height : 6px; background : #666; border-radius:50%; -webkit-border-radius: 50%;}

/*학교검색 팝업 추가*/
#searchSchool.con_pop .popin{width: 100%; max-width: 35rem;}
#searchSchool.con_pop .popin select {min-width: 5rem; background-size: 0.4rem;}
.con_pop .pop_search{display:flex; gap:0.25rem; margin-top:0.5rem; background:#E9F2F9; padding:0.5rem; }
.con_pop .pop_search .input{position: relative; flex: 1;}
.con_pop .pop_search .input button{position:absolute; right:0px; top:0.25rem; width:2rem; height:2rem; font-size:0; background:url('/images/default/main/icon_search.svg')no-repeat 50% 50%; background-size:1rem auto;}
.con_pop .table_wrap{height:15rem; overflow-y:auto; margin-top:1rem; border-top:2px solid var(--blue);}
.con_pop .table_wrap table{margin-top:0; border:none;}
.con_pop .table_wrap table thead{position: sticky; top: -1px; z-index: 1;}
.con_pop .table_wrap table [class^="flag_ty"]{position:absolute; left:10px; top:6px; display: inline-block;  align-content: center; text-align: center; width:2rem; padding: 0.1rem 0.1rem; margin-right: 0.3rem; font-size: 0.6rem; color: #fff;}
.con_pop .table_wrap table .flag_ty1{ background:#777766; }
.con_pop .table_wrap table .flag_ty2{ background:#4b72ea; }
.con_pop .table_wrap table td:has([class^="flag_ty"]){position:relative; padding-left:3rem;}
.con_pop .table_wrap button{background:var(--blue); padding:0.1rem 0.4rem; color:#fff; border-radius:0.2rem;  -webkit-border-radius: 0.2rem;   float: right;}
.con_pop .boardPageNav{margin-top:1rem;}
.con_pop .boardPageNav ul li{margin:0;}
.con_pop .input{display:flex; gap:1rem; align-items: center;}
.con_pop .input label{white-space: nowrap;}
.con_pop .input input{background:#F3F7FB;}

/*학생조회 결과*/
.con_pop .findTb{margin:1rem 0;}
.con_pop .findTb h5{  font-size: 1.1rem; color:var(--blue); background:#f7f8f9; padding:0.3rem; border-left:4px solid #d8e7f2;  border-right:4px solid #d8e7f2; margin-bottom: 0.5rem;}
.con_pop .findTb p{ text-align:left;}
.con_pop .findTb table{width:100%; border-collapse: separate; border-spacing: 0; border-top:none;  }
.con_pop .findTb table th,
.con_pop .findTb table td{padding:0.4rem 1rem; font-size:0.9rem; text-align:left; border-bottom:1px solid #E7E7E7; height: 3rem;}
.con_pop .findTb table th{ font-weight:500; background:#F4F8FC; color:var(--black);}
.con_pop .findTb table th em{color:var(--red);}
.con_pop .findTb table td.input{background:#F4F8FC;}
.con_pop .findTb table td.noData{text-align:center; padding-top:4rem; background:url('/images/default/content/no-post.png')no-repeat 50% top; background-size:auto 3.5rem;}
.con_pop .findTb table tr:first-child th:first-child{border-top-left-radius:1rem;}
.con_pop .findTb table tr:first-child td:last-child{border-top-right-radius:1rem;}
.con_pop .findTb table tr:last-child th:first-child{border-bottom-left-radius:1rem; border-bottom:none; }
.con_pop .findTb table tr:last-child td:last-child{border-bottom-right-radius:1rem; border-bottom:none; }

/*프로그램 신청*/
.parent_div{background:#E9F2F9; border-radius:0.5rem; -webkit-border-radius: 0.5rem; padding:0.5rem; margin-top: 0.5rem;}
.parent_div dl{display:flex; flex-wrap:wrap; align-items: center; font-size:0.8rem;   text-align: left;  gap: 0.5rem 0;}
.parent_div dl dt{width:7rem; font-weight:600; color:var(--blue); flex-shrink: 0;}
.parent_div dl dd{width: calc(100% - 7rem); }
.parent_div dl dd input[type="text"]{height:2rem;}

/*스튜디오*/
:has(.studentBody) .con_pop .popin:before{background:#FDC503;}
:has(.studentBody) .con_pop .close a{background:var(--black); color:var(--yellow)}
:has(.studentBody) .con_pop .popin:after{background-image: url(/images/default/content/folder_tab.svg)}
:has(.studentBody) .con_pop .popin h3:before{background-image: url(/images/default/content/popup_img_y.png)}
:has(.studentBody) .con_pop .pop_search{background:var(--base)}
:has(.studentBody) .con_pop .bottom_button a.cancel{background:#8e6a49;}
:has(.studentBody) .con_pop .popin .txt em{color:var(--yellow)}
:has(.studentBody) .con_pop .table_wrap{border-color:var(--black)}
:has(.studentBody) .con_pop .table_wrap button{background:var(--black)}
:has(.studentBody) .con_pop .findTb table th{background:var(--base);}
:has(.studentBody) .con_pop .findTb h5{color:var(--yellow); border-left-color:#fff1c0;  border-right-color:#fff1c0;}
:has(.studentBody) .con_pop .parent_div{background:var(--base); }
:has(.studentBody) .con_pop .parent_div dl dt{color:#1D1805}

/*진학현황등록팝업*/
#editAlertPop .popcon{position:relative; width:40.5rem; }
#editAlertPop .popcon:before,
#editAlertPop .popcon:after{content:""; position:absolute; bottom:0px; width:10.5rem; aspect-ratio: 210 / 467;  }
#editAlertPop .popcon:before{left:0px; background:url('/images/default/main/pop-cha.svg')no-repeat 0 0; background-size:100%;}
#editAlertPop .popcon:after{left:2rem; background:url('/images/default/main/pop-cha-hand.svg')no-repeat 0 0; background-size:100%;}
#editAlertPop .popcon .close{right:2rem;}
#editAlertPop .popcon .close a{background:none; text-align:center;}
#editAlertPop .box-wrap{background:var(--yellow); border-radius: 2.5rem; padding:3rem 2rem 0; width:32rem; margin-left: auto; --padding-x:2.3rem;}
#editAlertPop .box-wrap .box{position:relative; padding:3.35rem var(--padding-x) 1.8rem; text-align:center;  color:#1D1805; line-height:1.5; background:#fff; border-radius:1rem;}
#editAlertPop .box-wrap .box:before{content:""; position:absolute; left:50%; top:-1rem; width:80%; transform:translateX(-50%); aspect-ratio: 476 / 57; background:url('/images/default/main/pop-spring.svg')no-repeat 0 0; background-size:100%;}
#editAlertPop .box-wrap .box h4{font-family: 'Sejonghospital'; font-weight: 600; font-size: 0.95rem; margin-bottom:0.7rem; line-height:1.5; }
#editAlertPop .box-wrap .box h4 span{background: linear-gradient(#fff 50%, #FEEECD 50%);}
#editAlertPop .box-wrap .box p{font-size: 0.85rem;}
#editAlertPop .box-wrap .box .date{margin:1.2rem 0 1.5rem; display:flex; gap:0.6rem; justify-content: center; align-items: center; }
#editAlertPop .box-wrap .box .date span{border-radius: 1.5rem; background: var(--black); padding: 0.3rem 0.6rem; color:var(--yellow); font-size: 0.75rem; font-weight: 700;}
#editAlertPop .box-wrap .box .date p{font-size: 0.85rem; font-weight: 600;}
#editAlertPop .box-wrap .box .date p b{font-size: 1.1rem;}
#editAlertPop .box-wrap .box a{display:block; height:3.1rem;  color:var(--yellow); font-size: 0.9rem; font-weight: 700; font-family: 'Sejonghospital'; align-content: center; background: var(--black); border-radius:0.5rem;}
#editAlertPop .box-wrap > p{font-size: 0.75rem; color: #353535; padding:1rem 0; padding-left:var(--padding-x); line-height:1.5; letter-spacing: -0.3px;}



@media (max-width: 768px){
	.con_pop .close{right:1rem;}
	#searchSchool.con_pop .popin,
	.con_pop .popin{width: 90%; margin: 0 auto; padding:1rem;}
	.con_pop .popin h3:before{ left: -2.5rem; width:6.35rem;}
	.con_pop .popin .txt{padding:1.5rem 1rem;}
	
	.con_pop .pop_search{flex-wrap:wrap;}
	.con_pop .pop_search select{flex:1;}
	.con_pop .pop_search .input{flex: 1 0 100%;}
	
	/*진학현황등록팝업*/
	#editAlertPop .popcon{width:90vw;}
	#editAlertPop .popcon:before,
	#editAlertPop .popcon:after{display:none;}
	#editAlertPop .box-wrap{width:100%; padding:3rem 1rem 0;  border-radius: 1.5rem;   --padding-x: 1rem;}
	#editAlertPop .box-wrap .box h4{font-size: 1.2rem;}
	#editAlertPop .popcon .close{right:1rem;}
}