@import url("common.css");
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..500,0..1,-50..200");

.partner{border-top: 1px solid var(--border);}

.header .header_in .logo_hy a{background:url('/img/logo_hy.png') no-repeat center/contain;}
.header .header_in .logo_campus a{color: var(--black);} 
.header .header_in .language-btn dt{color: var(--black);}
.header .header_in .btn-util li.search_btn a::after{color: var(--black); font-weight: 400;}
.header .header_in .btn-util li.menu_btn a{border-color:var(--border);}
.header .header_in .btn-util li.menu_btn a i::before{background: var(--black);}
.header .header_in .btn-util li.menu_btn a i::after{background: var(--black);}
.header .header_in .btn-util li.menu_btn a span{color: var(--black);}

.header.nofixed{top:-200px;}
.header.fixed{top:0; background: rgba(255,255,255,.95); backdrop-filter: blur(4px);}


/* 서브탑 */
#subtop{padding:140px 0 60px; box-sizing:border-box;}
.subtop_in{max-width:1590px; width:90%; margin:0 auto; display:flex; flex-direction:column; align-items:center; gap:15px; position: relative; z-index: 10;}
.subtop_in .btn-top-area{position: absolute; right: 0; bottom: 0;}

.subtop_lnb{display:flex; align-items:center; justify-content:center; gap:14px; box-sizing:border-box;}
.subtop_lnb_home{display:block; flex-shrink:0; width:26px; height:26px; position:relative;}
.subtop_lnb_home::before{content:'\e58a'; display:block; width:26px; height:26px; line-height:26px; font-size:26px; font-weight:400; font-family:var(--icon); color:var(--black); text-align:center; transition: all .3s ease;}
.subtop_lnb_home:hover::before{color: var(--main);}
.subtop_lnb_divider{flex-shrink:0; width:1px; height:10px; background:var(--border);}
.subtop_lnb_item{position:relative; flex-shrink:0;}
.subtop_lnb_btn{display:flex; align-items:center; gap:8px; margin:0; border:0; background:transparent; cursor:pointer; font-family:var(--kor); color:var(--black); letter-spacing:var(--letter-spacing-body);}
.subtop_lnb_btn .subtop_lnb_lbl{letter-spacing: inherit;}
.subtop_lnb_btn--root .subtop_lnb_lbl{font-weight:400; color:var(--black); letter-spacing:inherit;}
.subtop_lnb_btn::after{content:'\e5c5'; display:block; flex-shrink:0; width:22px; height:22px; line-height:22px; font-size:22px; font-weight:400; font-family:var(--icon); color:var(--black); opacity: 0.3; text-align:center; transition:transform 0.25s ease;}
.subtop_lnb_item.is-open .subtop_lnb_btn::after{transform:rotate(180deg); opacity: 1;}
.subtop_lnb_drop{position:absolute; left:50%; top:100%; z-index:var(--z-dropdown); min-width:220px; width: 100%; margin:8px 0 0; padding:8px 0; box-sizing:border-box; list-style:none; background:var(--white); border:1px solid var(--border); border-radius:var(--borderR10); box-shadow:0 8px 24px rgba(0,0,0,0.12); transform:translate(-50%, -6px); opacity:0; visibility:hidden; pointer-events:none; transition:opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;}
.subtop_lnb_item.is-open .subtop_lnb_drop{opacity:1; visibility:visible; pointer-events:auto; transform:translate(-50%, 0);}
.subtop_lnb_drop a{display:block; padding:10px 20px; box-sizing:border-box; color:var(--black); text-decoration:none; transition:background 0.2s ease;}
.subtop_lnb_drop a:hover{background:var(--grayBg);}
.subtop_lnb_drop a.is-on{font-weight:600; color:var(--main);}

.subtop_title{margin:0; text-align:center; color:var(--black); font-weight: 700; display: inline-block;}

.search_none .subtop_lnb{display: none;}

/* 공통 */
.title_area{padding: 0 0 30px; box-sizing: border-box; text-align: left;}
.title_area h3{color:var(--black);}
.title_area2{padding:0 0 15px; box-sizing:border-box;}
.title_area2 h4{color: var(--black); font-weight: 400;}

.line_cont{border-top: 1px solid var(--border); padding: 60px 0 0;}

.gray_box{padding: 25px 30px; box-sizing: border-box; background: var(--grayBg);}

.dot_list{text-align: left; display: flex; flex-direction: column; gap:8px;}
.dot_list > li{font-size:1rem; letter-spacing: var(--letter-spacing-default); padding-left: 12px; box-sizing: border-box; position: relative;}
.dot_list > li::before{content: ''; display: block; width: 3px; height: 3px; background-color: var(--main); position: absolute; left: 0; top:12px;}
.dot_list.blue_ver > li{color:var(--main);}
.dot_list.fs20 > li{font-size: 1.111rem;}
.dot_list.fs20 > li::before{top:15px;}


.img_zoom{display: block; box-sizing: border-box;}
.img_zoom img{max-width: 100% !important; height: auto !important;}

.img_box{box-sizing: border-box;}
.img_box img{max-width: 100% !important; height: auto !important;}

img[usemap] {border: none; height: auto; max-width: 100%; width: auto;}

.responsive-dim{position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.6);z-index: 100; display:none;}
.responsive-dim .stock-scroll-drag-guide{position: absolute;top: 50%; left: 0;right: 0; text-align: center; transform: translate(0,-50%);}

.stock-scroll-drag-guide {display:flex; justify-content:center;}
	.stock-scroll-drag-guide .stock-scroll-drag-inner { position: relative; width:50px; height: 50px; }
	.stock-scroll-drag-guide .stock-scroll-drag-inner:before { position:absolute; top:4px; right:0; width:100%; height:3px; background-color:rgba(255,255,255,0.5); content:""; border-radius:5px;}
	.stock-scroll-drag-guide .drag-tail { position: absolute; z-index: 1; left: 0px; top: 3px; animation:stock-drag-hand 3s both infinite; }
	.stock-scroll-drag-guide .drag-tail .tail{display:block; width: 25px; height: 5px; background-color:#fff; border-radius:5px; opacity:1; }
	.stock-scroll-drag-guide .drag-tail .hand-icon{margin-top: 5px; display: block;}
	@keyframes stock-drag-hand {
		0% {
			left: 0;
			margin-left: 0px;
			transform: rotate(0deg);
		}
		10% {
			left: 0;
			margin-left: 0px;
			transform: rotate(0deg);
		}
		50% {
			left: 100%;
			margin-left: -25px;
		}
		100% {
			left: 0;
			margin-left: 0px;
		}
	}

.title_box{text-align: center; position: relative; box-sizing: border-box; border-left: 5px solid var(--main); border-right: 5px solid var(--main); }
.title_box::before,
.title_box_in::before{content: ''; display: block; width: 20px; height: 5px; background: var(--main); position: absolute; left: 0; top:0; z-index: 5;}
.title_box_in::before{top:auto; bottom: 0;}

.title_box::after,
.title_box_in::after{content: ''; display: block; width: 20px; height: 5px; background: var(--main); position: absolute; right: 0; top:0; z-index: 5;}
.title_box_in::after{top:auto; bottom: 0;}
.title_box_in{position: relative; box-sizing: border-box; display: flex; flex-direction: column; gap:15px; padding: 35px;}
.title_box_in h3{font-weight: 700; color: var(--black);}
.title_box_in h3 span{display: inline; line-height: inherit; letter-spacing: inherit;}
.title_box_in h4{color: var(--black); font-weight: 300;}




/* 지·산·학·연 협력 네트워크 */
.park_network{display: grid; grid-template-columns: repeat(5, 1fr); grid-gap:30px; width:100%; box-sizing:border-box;}
.park_network_item{box-sizing:border-box; display:flex; flex-direction:column; align-items:center; justify-content:center; flex-shrink:0; border:1px solid var(--border); background:var(--white);}
.park_network_media{box-sizing:border-box; aspect-ratio: 294/102; overflow: hidden;}
.park_network_media > img{display:block; width: 100%; height: 100%; object-fit:contain; object-position: center;}




/* 테이블 */
.table-style-wrap{}
.table-style-wrap .responsive-dim{}
.table-style{width:100%; border-collapse:separate; border-spacing:0px; border-top:3px solid var(--main); text-align: center;}
.table-style th{font-size:1rem; font-weight: 600; color: var(--black); line-height: 160%; letter-spacing: var(--letter-spacing-default); padding: 13px 15px; box-sizing: border-box; border-bottom:1px solid var(--border); border-right:1px solid var(--border); background: var(--grayBg);}
.table-style th:last-child{border-right: 0;}
.table-style td{font-size:1rem; font-weight: 400; color: var(--basic); line-height: 160%; letter-spacing: var(--letter-spacing-default); padding: 15px 15px; box-sizing: border-box; border-bottom:1px solid var(--border); border-right:1px solid var(--border);}
.table-style td:last-child{border-right: 0;}
.table-style td strong{display: inline-block; font-weight: 600; color:var(--black); line-height: inherit; letter-spacing: inherit;}




.view_ver #subtop{display: none;}


.btn-area{display: flex; justify-content: center; gap:5px; padding: 30px 0 0;}



/* 이용약관, 개인정보취급방침 */
.policy_cont{position:relative; overflow:hidden; font-size:1rem;}
.policy_cont br{display:block;}
.policy_cont strong{font-weight:500; color:var(--black);}
.policy_cont .cont_title{font-size:1.412rem; color:var(--black); padding-bottom:18px; letter-spacing:var(--letter-spacing-default); font-weight:500;}
.policy_cont p.cont_tit {display:block; font-size:1.2em !important; padding-bottom:10px; font-weight:500; color:var(--black) !important; letter-spacing:var(--letter-spacing-default);}
.policy_cont .cont_txt {padding:0px 0px 35px 0;}
.policy_cont .cont_txt2 {padding-bottom:35px;}
.policy_cont .cont_box {padding:25px; background:var(--grayBg); margin:7px 0px 10px 0px; display:block;  letter-spacing:var(--letter-spacing-default); line-height:1.7;}

.privacy_list {width:100%; overflow:hidden; clear:both; *zoom:1; padding:4% 4% 3% 4%; border:1px solid var(--border); box-sizing:border-box; margin-bottom:30px;}
.privacy_list li {width:50%; float:left; padding-bottom:1%;}
.privacy_list li a {font-weight:500; color:var(--black);} 




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


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




}
/*******************************************************************************
    @media ~1300px
*******************************************************************************/
@media all and (max-width:1300px){

.subtop_in .btn-top-area{position: static; margin: 20px auto 0;}


/* 공통 */
	.img_wrap{position: relative; overflow-y: hidden; overflow-x: auto;}
	.img_wrap .responsive-dim.show{display: block;}
	.img_wrap .img_box{width: 1300px;}

/* 지·산·학·연 협력 네트워크 */
.park_network{grid-template-columns: repeat(4, 1fr);}


.bbsCont .btn-top-area{right: auto; left: 0; top:-2px;}

}

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


/* 서브탑 */
#subtop{padding:120px 0 40px;}



/* 공통 */
.title_area{padding: 0 0 20px;}
.title_area2{padding:0 0 10px;}

.line_cont{padding: 40px 0 0;}

.gray_box{padding: 20px 25px;}

.dot_list > li::before{top:11px;}
.dot_list.fs20 > li{font-size: 1.056rem;}
.dot_list.fs20 > li::before{top:13px;}

.img_wrap .img_box{width: 980px;}

.title_box{border-width: 4px;}
.title_box::before,
.title_box_in::before,
.title_box::after,
.title_box_in::after{width: 15px; height: 4px;}
.title_box_in{gap:10px;}

/* 지·산·학·연 협력 네트워크 */
.park_network{grid-template-columns: repeat(3, 1fr); grid-gap:20px;}


/* 테이블 */
.table-style th{padding: 15px 10px;}
.table-style td{padding: 15px 10px;}

.title_area h3 br {display: none;}
.bbsCont .btn-top-area{right: auto; left: 0; top:0;}



/* 이용약관, 개인정보취급방침 */
.policy_cont{}
.policy_cont p.cont_tit {font-size:1.2em !important; padding-bottom:5px;}
.policy_cont .cont_txt {padding:0px 0px 25px 0; }
.policy_cont .cont_txt2 {padding-bottom:25px;}
.policy_cont .cont_box {padding:18px 18px; }

.privacy_list {margin-bottom:30px;}
.privacy_list li {width:100%;  }



}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){


/* 서브탑 */
#subtop{padding:80px 0 25px;}
.subtop_lnb{gap:10px; width:100%; max-width:100%; box-sizing:border-box; justify-content:flex-start;}
.subtop_lnb_home{width:20px; height:20px;}
.subtop_lnb_home::before{width:20px; height:20px; line-height:20px; font-size:20px;}
.subtop_lnb_item{flex:1 1 0; min-width:0; max-width:100%;}
.subtop_lnb_btn{min-width:0; width:100%; max-width:100%; text-align: left;}
.subtop_lnb_lbl{flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.subtop_lnb_drop{min-width:150px; max-width:min(100vw, 320px); border-radius:var(--borderR5);}
.subtop_lnb_drop a{padding:5px 10px;}


.subtop_in .btn-top-area{margin: 10px auto 0;}



/* 공통 */
.title_area{padding: 0 0 15px;}
.title_area2{padding:0 0 6px;}

.line_cont{padding: 30px 0 0;}

.gray_box{padding: 15px 20px;}

.dot_list{gap:6px;}
.dot_list > li{padding-left: 10px;}
.dot_list > li::before{top:10px;}
.dot_list.fs20 > li::before{top:10px;}



.title_box{border-width: 3px;}
.title_box::before,
.title_box_in::before,
.title_box::after,
.title_box_in::after{width: 10px; height: 3px;}
.title_box_in{gap:6px; padding: 25px;}


/* 지·산·학·연 협력 네트워크 */
.park_network{grid-template-columns: repeat(2, 1fr); grid-gap:10px;}


/* 테이블 */
.table-style-wrap{position: relative; overflow-y: hidden; overflow-x: auto;}
.table-style-wrap .responsive-dim.show{display: block;}
.table-style{width: 768px; border-width: 2px;}
.table-style th{padding: 10px 5px;}
.table-style td{padding: 10px 5px;}


.bbsCont .btn-top-area{position: static; margin: 0 0 5px;}
.bbsCont .btn-top-area .more_btn{width: 100%;}



.btn-area{padding: 20px 0 0;}
.btn-area .more_btn{width: calc((100% - 5px)/2);}


}