/* inner */
.r_inner {width: 100%; max-width: 700px;}



/* content */
.content{width: 100%; height: calc(100vh - 130px); display: flex; margin-top:130px; position: relative;}
.cont_title{color: #000; font-size:34px; font-weight: 700; display: flex; justify-content: space-between}
.more_btn{width: 32px; height: 32px; position: relative;}
.more_btn::after{width: 32px; height: 2px; background-color: #000; content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) ;} 
.more_btn::before{width: 2px; height: 32px; background-color: #000; content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) ;} 
.main_title-box {width: 100%; display: flex; justify-content: space-between; margin-bottom: 20px}
.main_title-box .maintitle  {color: #000; font-size:34px; font-weight: 700}



@media (max-width: 1440px) {	
	.inner{max-width:100%; padding: 0 40px;}
}

@media (max-width: 1080px) {
	.inner{padding: 0 28px;}
	.r_inner {max-width: 100%;}
	.content{height:100%; margin-top:70px; background: url(/img/graduate/main/main_img.jpg) no-repeat; background-size: cover; padding:40px;}
}

@media (max-width: 768px) {
	.content{margin-top:60px; padding: 20px;}
	.r_cont{padding: 40px;}
	.inner{padding: 0 20px;}
}

@media (max-width: 640px) {
	.main_title-box .maintitle {font-size: 24px;}
	
	.more_btn {width: 24px; height: 24px;}
	.more_btn::before{width: 2px; height: 24px;}
	.more_btn::after{width: 24px; height: 2px;}
}
	
@media (max-width: 540px) {
	.content{padding:20px;}

	.r_cont .date-board .main_title-box{height: 36px;}
	.main_title-box .maintitle{font-size:20px;}
	
	.more_btn {width: 20px; height: 20px;}
	.more_btn::before{width: 2px; height: 20px;}
	.more_btn::after{width: 20px; height: 2px;}
	
	.main_title-box {margin-bottom: 20px;}
}

@media (max-width: 360px){
	.main_title-box .maintitle{font-size:16px;}
} 



/* .l_cont */
.l_cont{width: 50%; height: 100%;} 
.l_cont .main_img{height: 100%; background: url(/img/graduate/main/main_img.jpg) no-repeat; background-size: cover; position: relative;}
.l_cont .main_img .main_text{color: #ffffff; letter-spacing: -0.1em; position: absolute; bottom: 100px; left: 80px; line-height: 1.5;}
.l_cont .main_img .main_text .title{font-size: 72px; font-weight: 600; line-height: 1.2;} 
.l_cont .main_img .main_text .s_title {font-size: 56px; opacity: 0.6}


@media (max-width: 1600px) {
	.l_cont .main_img .main_text{bottom: 100px; left: 50px;}	
}

@media (max-width: 1440px) {
	.l_cont .main_img .main_text .title{font-size: 64px;} 
	.l_cont .main_img .main_text .s_title {font-size: 56px;}
}

@media (max-width: 1300px) {
	.l_cont .main_img .main_text .title{font-size: 54px;} 
	.l_cont .main_img .main_text .s_title {font-size: 46px;}
}

@media (max-width: 1080px) {
	.l_cont{display:none;}
	.l_cont .main_img .main_text{display:none;}
}
	

/* .r_cont */
.r_cont{width:50%; height: 100%; padding: 40px 0 30px 40px;}

.r_cont .r_board {width: 100%; height: 30%; }

.r_cont .r_board .top {width: 100%; height: 60px; display: flex; justify-content: space-between; position: relative;}
.r_cont .r_board .top ul.tab-list2 {display: flex;}
.r_cont .r_board .top ul.tab-list2 li {height: 36px; padding-right: 60px; color: #787878; font-size:32px; position: relative; line-height: 1; cursor: pointer;}
.r_cont .r_board .top ul.tab-list2 li::after{width: 4px; height: 20px; background: #40a9fa; content: ""; position: absolute; top: 50%; right: 26px; transform: translateY(-50%) rotate(25deg);}
.r_cont .r_board .top ul.tab-list2 li:last-child {padding-right: 0;}
.r_cont .r_board .top ul.tab-list2 li:last-child::after {content: none;}
.r_cont .r_board .top ul.tab-list2 li.active { color: #000; font-size:34px; font-weight: 700;}

.r_cont .r_board .tabcontent {display: none; height: calc(100% - 60px)}
.r_cont .r_board .tabcontent.active {display: block;}
.r_cont .r_board .tabcontent ul {height: 100%; border: 1px solid #000; border-width: 1px 0}
.r_cont .r_board .tabcontent ul li{ width: 100%; height: calc(100% / 4); display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #dbdbdb; transition: .4s; padding: 0 20px}
.r_cont .r_board .tabcontent ul li:hover {padding: 0}
.r_cont .r_board .tabcontent ul li a{width: calc(100% - 90px); display: inline-block; font-size: 18px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.r_cont .r_board .tabcontent ul li .date{width: 120px; font-size: 16px; font-weight: 400; text-align: right; color: #a7a7a7}

.r_cont .date-board {width: 100%; /* height: calc(60% - 60px); */ margin-top: 30px; }
.r_cont .date-board .main_title-box {height: 70px; margin: 0; border-bottom: 1px solid #000;}
.r_cont .date-board .date-list{height: calc(100% - 60px)}

.r_cont .date-board .date-list .date-list-top{width:100%; height:120px; display:flex; align-items: center; justify-content: space-between; border:1px solid #dbdbdb; padding:10px; transition: .4s;}
.r_cont .date-board .date-list .date-list-top:hover{border-color: #215dc2; background: #eef7fe;}
.r_cont .date-board .date-list .date-list-top .date-box{width:100px; height:100px; background:var(--blue); padding:20px 0;}
.r_cont .date-board .date-list .date-list-top .date-box .date-y{width:100%; font-size:18px; color:rgba(255,255,255,0.5); font-weight: 600; text-align:center;}
.r_cont .date-board .date-list .date-list-top .date-box .date-m{width:100%; font-size:40px; color:var(--white); font-weight: 800; text-align:center;}
.r_cont .date-board .date-list .date-list-top .date-box p{line-height:1;}

.r_cont .date-board .date-list .date-list-top .date-title-box{width:calc(100% - 100px); text-align:center;}

.r_cont .date-board .date-list .date-list-top .date-title-box .date-tlite{width:100%; font-size:22px; color:var(--black); font-weight: 600;}
.r_cont .date-board .date-list .date-list-top .date-title-box .date{width:100%; font-size:18px; color:var(--black); font-weight: 400;}

.r_cont .date-board .date-list .date-list-bottom{width:100%; height:calc(100% - 100px); padding-top:20px}
.r_cont .date-board .date-list .date-list-bottom li{margin-bottom:16px;}
.r_cont .date-board .date-list .date-list-bottom li a{width:100%; display:flex; align-items: center; justify-content: space-between;}
.r_cont .date-board .date-list .date-list-bottom li a .date-tlite{width:calc(100% - 250px); font-size:18px; color:var(--black); font-weight: 500; padding-left:30px; position:relative; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; transition: .4s;}
.r_cont .date-board .date-list .date-list-bottom li a .date-tlite::after{content:''; width:6px; height:6px; background:var(--blue); position:absolute; left:10px; top:50%; transform: translateY(-50%); border-radius:50%; transition: .4s;}
.r_cont .date-board .date-list .date-list-bottom li a .date{width:250px; font-size:18px; color:var(--black); font-weight: 400; text-align:right; padding-right:10px; transition: .4s;}
.r_cont .date-board .date-list .date-list-bottom li:hover a .date-tlite{padding-left:20px;}
.r_cont .date-board .date-list .date-list-bottom li:hover a .date-tlite::after{left:0;}
.r_cont .date-board .date-list .date-list-bottom li:hover a .date{padding-right:0;}

.r_cont .vedio-board{margin-top: 30px;}

@media (max-width: 1440px) {
	.r_cont{padding: 40px;}
}

@media (max-width: 1080px) {
	.r_cont {width:100%; height:100%; padding: 60px; background:rgba(255,255,255,0.9);}
	
	.r_cont .date-board {width: 100%; height: calc(60% - 60px); margin-top: 40px;}
	.r_cont .r_board .top {height: 50px;}
	.r_cont .r_board .top ul.tab-list2 li {height: 30px; padding-right: 50px; font-size:28px;}
	.r_cont .r_board .top ul.tab-list2 li::after{right: 22px; top:40%; transform: translateY(-40%) rotate(25deg);}
	.r_cont .r_board .top ul.tab-list2 li.active {font-size:28px;}
	.r_cont .r_board .tabcontent ul li{padding:10px 0;}
	.r_cont .r_board .tabcontent ul li:hover{padding:10px 0;}
	
	.r_cont .date-board .main_title-box{height: 50px;}
}

@media (max-width: 768px) {
	.r_cont{padding: 40px;}
}

@media (max-width: 640px) {
	.r_cont {padding: 40px;}
	
	.r_cont .date-board .main_title-box {height: 50px;}
	
	.r_cont .r_board .top ul.tab-list2 li {font-size:24px;}
	.r_cont .r_board .top ul.tab-list2 li::after{right: 22px;}
	.r_cont .r_board .top ul.tab-list2 li.active {font-size:24px;}
	
	.r_cont .date-board .date-list .date-list-top .date-box{width:80px; height:80px; padding:15px 0;}
	.r_cont .date-board .date-list .date-list-top .date-box .date-y{font-size:16px;}
	.r_cont .date-board .date-list .date-list-top .date-box .date-m{font-size:38px;}
	.r_cont .date-board .date-list .date-list-top .date-title-box .date-tlite{font-size:18px;}
	
	.r_cont .date-board .date-list .date-list-bottom li a .date {font-size:0px; width:0px; transition:none;}
	.r_cont .date-board .date-list .date-list-bottom li a .date-tlite{width:100%; font-size:16px;}

}	
	
@media (max-width: 540px) {
	.r_cont .date-board .date-list .date-list-top{height:100px; transition:none;}
	.r_cont .date-board .date-list .date-list-top .date-box{width:70px; height:70px; padding:10px 0;}
	.r_cont .date-board .date-list .date-list-top .date-box .date-y{font-size:14px;}
	.r_cont .date-board .date-list .date-list-top .date-box .date-m{font-size:36px;}
	.r_cont .date-board .date-list .date-list-top .date-title-box{width:calc(100% - 80px)}
	.r_cont .date-board .date-list .date-list-top .date-title-box .date-tlite{font-size:16px;}
	.r_cont .date-board .date-list .date-list-top .date-title-box .date{font-size:14px;}
	
	.r_cont .r_board .tabcontent ul li a {width: 100%; font-size:14px;}
	.r_cont .r_board .tabcontent ul li span{display:none;}
	
	.r_cont .date-board .date-list .date-list-bottom li:last-child{display:block;}
	.r_cont .date-board .date-list .date-list-bottom li a .date-tlite{font-size:14px; transition:none;}
	.r_cont .date-board .date-list .date-list-bottom li a .date{transition:none;}
	
	.r_cont .r_board .top {height: 36px;}
	.r_cont .r_board .top ul.tab-list2 li {height: 40px; padding-right: 40px; font-size:20px; }
	.r_cont .r_board .top ul.tab-list2 li::after{width: 4px; height: 18px; right: 18px; top:0; transform: translateY(0%) rotate(25deg);}
	.r_cont .r_board .top ul.tab-list2 li.active {font-size:20px;}

	.r_cont .date-board .main_title-box{height: 36px;}
}

@media (max-width: 480px){
	.r_cont .r_board .tabcontent ul li a {width: 100%; font-size:12px;}
	
	.r_cont .date-board .date-list .date-list-top {width:100%; height: 70px; justify-content: center;}
	.r_cont .date-board .date-list .date-list-top .date-box{display:none;}
	.r_cont .date-board .date-list .date-list-top .date-title-box .date-tlite{font-size:14px;}
	.r_cont .date-board .date-list .date-list-top .date-title-box .date{font-size:12px;}
	.r_cont .date-board .date-list .date-list-top .date-title-box{width:100%}
	.r_cont .date-board .date-list .date-list-bottom li{margin-bottom:8px;}
	.r_cont .date-board .date-list .date-list-bottom li a .date-tlite{font-size:12px;}
} 

@media (max-width: 360px){
	.r_cont{padding: 30px;}
	.r_cont .date-board {margin-top: 30px;}
	
	.r_cont .r_board .top {height: 30px;}
	.r_cont .r_board .top ul.tab-list2 li {height: 40px; padding-right: 30px; font-size:16px; }
	.r_cont .r_board .top ul.tab-list2 li::after{width: 3px; height: 16px; right: 13px; top:0; transform: translateY(0%) rotate(25deg);}
	.r_cont .r_board .top ul.tab-list2 li.active {font-size:16px;}
	
	.r_cont .date-board .main_title-box{height: 30px;}
	
	.r_cont .date-board .date-list .date-list-top .date-title-box .date-tlite{font-size:12px;}
	.r_cont .date-board .date-list .date-list-top .date-title-box .date{font-size:12px;}
	.r_cont .date-board .date-list .date-list-top .date-title-box{width:100%}
	.r_cont .date-board .date-list .date-list-bottom li{margin-bottom:8px;}
	.r_cont .date-board .date-list .date-list-bottom li a .date-tlite{font-size:12px;}
	
	.r_cont .date-board .date-list .date-list-bottom {padding-top: 10px;}
	
	.r_cont .date-board .date-list .date-list-bottom li a .date-tlite {padding-left: 24px;}
} 




/* link-area */
.link-area {width: 100%; background: #f4f4f4; position: relative; overflow: hidden; padding: 60px 0; font-size: 0; letter-spacing: 0; word-spacing: 0}
.link-area::after{content: ''; position: absolute; right: 0;  top: -35%; opacity: 0.05; background: url('/img/graduate/main/cnu_emblem.svg') no-repeat center; background-size: cover; width: 940px; height: 900px}
.link-area .inner {z-index: 10}
ul.link-list {width: 100%; font-size: 0;}
ul.link-list li.link {width: calc((100% - 30px) / 4); height: 170px; background: #fff; display: inline-block; margin: 0 10px 10px 0; border: 4px solid #ffffff; vertical-align: middle}
ul.link-list li.link:hover {border: 4px solid #f6af2a; transition: .4s}
ul.link-list li.link:nth-child(4n) {margin-right: 0}
ul.link-list li.link:nth-child(n+5) {margin-bottom: 0}
ul.link-list li.link a {width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; font-size: 20px; padding: 0 0 0 50%;}
ul.link-list li.link:nth-child(-n+2) a{padding: 0 0 0 45%;}
ul.link-list li.link:nth-child(7) a{padding: 0 0 0 42%;}
ul.link-list li.link.link1 a{background: url('/img/graduate/main/link1.svg') no-repeat; background-size: 70px; background-position: 20% center; }
ul.link-list li.link.link2 a{background: url('/img/graduate/main/link2.svg') no-repeat; background-size: 70px; background-position: 20% center; }
ul.link-list li.link.link3 a{background: url('/img/graduate/main/link3.svg') no-repeat; background-size: 70px; background-position: 25% center; }
ul.link-list li.link.link4 a{background: url('/img/graduate/main/link4.svg') no-repeat; background-size: 70px; background-position: 25% center; }
ul.link-list li.link.link5 a{background: url('/img/graduate/main/link5.svg') no-repeat; background-size: 70px; background-position: 25% center; }
ul.link-list li.link.link6 a{background: url('/img/graduate/main/link6.svg') no-repeat; background-size: 70px; background-position: 25% center; }
ul.link-list li.link.link7 a{background: url('/img/graduate/main/link7.svg') no-repeat; background-size: 70px; background-position: 18% center;} 
ul.link-list li.link.link8 a{background: url('/img/graduate/main/link8.svg') no-repeat; background-size: 70px; background-position: 25% center; }
ul.link-list li.link .title{font-size: 26px; color: #777878; font-weight: 500;}
ul.link-list li.link.link7 a .title p {font-size: 12px; font-weight: 500;}
ul.link-list li.link a p {font-size: 18px; color: #777878; font-weight: 300; margin-top: 5px;}

@media (max-width: 1440px) {
	ul.link-list li.link a{padding: 0 0 0 50%;}
	ul.link-list li.link.link1 a{background-size: 60px; background-position:20% center;}
	ul.link-list li.link.link2 a{background-size: 60px; background-position:20% center;}
	ul.link-list li.link.link3 a{background-size: 60px; background-position:25% center;}
	ul.link-list li.link.link4 a{background-size: 60px; background-position:25% center;}
	ul.link-list li.link.link5 a{background-size: 60px; background-position:25% center;}
	ul.link-list li.link.link6 a{background-size: 60px; background-position:25% center;}
	ul.link-list li.link.link7 a{background-size: 60px; background-position:20% center;}
	ul.link-list li.link.link8 a{background-size: 60px; background-position:25% center;}
	ul.link-list li.link .title {font-size: 24px;}
	ul.link-list li.link a p {font-size: 16px;; margin-top: 5px;}
}

@media (max-width: 1300px) {
	.link-area::after {top: -40%;}
 	ul.link-list li.link{height:130px}
	ul.link-list li.link .title {font-size: 20px;}
	ul.link-list li.link a p {font-size: 12px;; margin-top: 5px;}
	
}

@media (max-width: 1080px) {
	.link-area .inner{max-width:100%; padding: 0% 5%;}
	.link-area::after {top: -15%;} 
	ul.link-list li.link {width: calc((100% - 10px) / 2);}
	ul.link-list li.link:nth-child(2n) {margin-right: 0;}
	ul.link-list li.link:nth-child(n+7) {margin-bottom: 0;}
	ul.link-list li.link:nth-child(n+4) {margin-bottom: 10px}
	
	ul.link-list li.link a{padding: 0 0 0 50%;}
	ul.link-list li.link:nth-child(7) a{padding: 0 0 0 50%;}
	
	ul.link-list li.link:nth-child(-n+2) a{padding: 0 0 0 50%;}
	ul.link-list li.link.link1 a{background-size: 50px; background-position:34% center;}
	ul.link-list li.link.link2 a{background-size: 50px; background-position:34% center;}
	ul.link-list li.link.link3 a{background-size: 50px; background-position:34% center;}
	ul.link-list li.link.link4 a{background-size: 50px; background-position:34% center;}
	ul.link-list li.link.link5 a{background-size: 50px; background-position:34% center;}
	ul.link-list li.link.link6 a{background-size: 50px; background-position:34% center;}
	ul.link-list li.link.link7 a{background-size: 50px; background-position:34% center;}
	ul.link-list li.link.link8 a{background-size: 50px; background-position:34% center;}
}




@media (max-width: 768px) {
	.link-area{padding:0;}
	.link-area .inner{padding:20px;}
	ul.link-list li.link.link1 a{background-position:25% center;}
	ul.link-list li.link.link2 a{background-position:25% center;}
	ul.link-list li.link.link3 a{background-position:25% center;}
	ul.link-list li.link.link4 a{background-position:25% center;}
	ul.link-list li.link.link5 a{background-position:25% center;}
	ul.link-list li.link.link6 a{background-position:25% center;}
	ul.link-list li.link.link7 a{background-position:25% center;}
	ul.link-list li.link.link8 a{background-position:25% center;}
}

@media (max-width: 640px) {
	ul.link-list li.link a{padding: 0 0 0 45%;}
	ul.link-list li.link:nth-child(7) a{padding: 0 0 0 45%;}
	
	ul.link-list li.link.link3 a{background-position:20% center;}
	ul.link-list li.link.link4 a{background-position:20% center;}
	ul.link-list li.link.link5 a{background-position:20% center;}
	ul.link-list li.link.link6 a{background-position:20% center;}
	ul.link-list li.link.link7 a{background-position:20% center;}
	ul.link-list li.link.link8 a{background-position:20% center;}

}	
	
@media (max-width: 540px) {
	ul.link-list li.link{height:110px}
	
	ul.link-list {width: 100%; font-size: 0;}
	ul.link-list li.link {width: calc((100% - 10px) / 2); height: 140px;}
	ul.link-list li.link:nth-child(-n+2) a{padding:0;}
	ul.link-list li.link:hover {border: 4px solid #f6af2a; transition: 0.24s}
	
	ul.link-list li.link:nth-child(2n) {margin-right: 0;}
	ul.link-list li.link:nth-child(n+7) {margin-bottom: 0;}
	
	ul.link-list li.link a {padding: 0px;}
	ul.link-list li.link:nth-child(7) a{padding: 0;}
	
	ul.link-list li.link a .title{width: 100%; height: 100%; font-size: 18px; text-align:center;}
	ul.link-list li.link a .title p{display:none;}
	
	ul.link-list li.link.link1 a .title{margin-top:84px}
	ul.link-list li.link.link2 a .title{margin-top:84px}
	ul.link-list li.link.link3 a .title{margin-top:86px}
	ul.link-list li.link.link4 a .title{margin-top:86px}
	ul.link-list li.link.link5 a .title{margin-top:90px}
	ul.link-list li.link.link6 a .title{margin-top:90px}
	ul.link-list li.link.link7 a .title{margin-top:90px}
	ul.link-list li.link.link8 a .title{margin-top:90px}
	
	ul.link-list li.link.link1 a{background-size: 50px; background-position: center 20px;}
	ul.link-list li.link.link2 a{background-size: 50px; background-position: center 20px;}
	ul.link-list li.link.link3 a{background-size: 50px; background-position: center 30px;}
	ul.link-list li.link.link4 a{background-size: 50px; background-position: center 30px;}
	ul.link-list li.link.link5 a{background-size: 50px; background-position: center 30px;}
	ul.link-list li.link.link6 a{background-size: 50px; background-position: center 30px;}
	ul.link-list li.link.link7 a{background-size: 50px; background-position: center 20px;}
	ul.link-list li.link.link8 a{background-size: 50px; background-position: center 30px;}
}

@media (max-width: 480px){
	ul.link-list li.link a .title{font-size: 16px;}
	
	ul.link-list li.link {height: 120px;}
	
	ul.link-list li.link.link1 a .title{margin-top:74px}
	ul.link-list li.link.link2 a .title{margin-top:74px}
	ul.link-list li.link.link3 a .title{margin-top:76px}
	ul.link-list li.link.link4 a .title{margin-top:76px}
	ul.link-list li.link.link5 a .title{margin-top:80px}
	ul.link-list li.link.link6 a .title{margin-top:80px}
	ul.link-list li.link.link7 a .title{margin-top:80px}
	ul.link-list li.link.link8 a .title{margin-top:80px}
	
	ul.link-list li.link.link1 a{background-size: 40px; background-position: center 20px;}
	ul.link-list li.link.link2 a{background-size: 40px; background-position: center 20px;}
	ul.link-list li.link.link3 a{background-size: 40px; background-position: center 30px;}
	ul.link-list li.link.link4 a{background-size: 40px; background-position: center 30px;}
	ul.link-list li.link.link5 a{background-size: 40px; background-position: center 30px;}
	ul.link-list li.link.link6 a{background-size: 40px; background-position: center 30px;}
	ul.link-list li.link.link7 a{background-size: 40px; background-position: center 20px;}
	ul.link-list li.link.link8 a{background-size: 40px; background-position: center 30px;}
} 


@media (max-width: 320px){
	ul.link-list li.link.link1 a .title{margin-top:74px}
	ul.link-list li.link.link2 a .title{margin-top:74px}
	ul.link-list li.link.link3 a .title{margin-top:74px}
	ul.link-list li.link.link4 a .title{margin-top:74px}
	ul.link-list li.link.link5 a .title{margin-top:74px}
	ul.link-list li.link.link6 a .title{margin-top:74px}
	ul.link-list li.link.link7 a .title{margin-top:74px}
	ul.link-list li.link.link8 a .title{margin-top:74px}
	
	ul.link-list li.link.link1 a{background-size: 40px; background-position: center 20px;}
	ul.link-list li.link.link2 a{background-size: 40px; background-position: center 20px;}
	ul.link-list li.link.link3 a{background-size: 40px; background-position: center 24px;}
	ul.link-list li.link.link4 a{background-size: 40px; background-position: center 24px;}
	ul.link-list li.link.link5 a{background-size: 40px; background-position: center 20px;}
	ul.link-list li.link.link6 a{background-size: 40px; background-position: center 20px;}
	ul.link-list li.link.link7 a{background-size: 40px; background-position: center 20px;}
	ul.link-list li.link.link8 a{background-size: 40px; background-position: center 20px;}
}



/* qmenu-area */
.qmenu-area{width: 100%;  background: url('/img/graduate/main/qmenu_bg.png') no-repeat; position: relative; padding: 60px 0}
.qmenu-area ul.qmenu-list {width: 100%; font-size: 0; display:flex; justify-content: space-between;}
.qmenu-area ul.qmenu-list li.qmenu {width: calc((100% - 30px) / 2); height: 220px; background: rgba(0,0,0,0.8); transition: .4s;}
.qmenu-area ul.qmenu-list li.qmenu:hover {background: rgba(57,105,215,0.9)}
.qmenu-area ul.qmenu-list li.qmenu a {width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; font-size: 20px; padding: 0 70px 0 230px; position: relative;}
.qmenu-area ul.qmenu-list li.qmenu a::after{content: ""; position: absolute; right: 60px; background: url('/img/graduate/main/arrow_w.svg') no-repeat; width: 50px; height: 54px;}
.qmenu-area ul.qmenu-list li.qmenu1 a{background: url('/img/graduate/main/news_icon.svg') no-repeat; background-size: 100px; background-position: 70px center; }
.qmenu-area ul.qmenu-list li.qmenu2 a{background: url('/img/graduate/main/gradgrow_icon.svg') no-repeat; background-size: 100px; background-position: 70px center; }
.qmenu-area ul.qmenu-list li.qmenu .title{font-size: 34px; color: #ffffff; font-weight: 600;}
.qmenu-area ul.qmenu-list li.qmenu .s_title{font-size: 22px; color: #ffffff; font-weight: 200; margin-top: 5px;} 

@media (max-width: 1440px) {
	.qmenu-area ul.qmenu-list li.qmenu a{padding: 0 0 0 35%;}
}

@media (max-width: 1300px) {
	.qmenu-area ul.qmenu-list li.qmenu a{padding: 0 0 0 40%;}
	.qmenu-area ul.qmenu-list li.qmenu a::after{display:none;}
	.qmenu-area ul.qmenu-list li.qmenu .s_title {font-size: 20px;}
}

@media (max-width: 1080px) {
	.qmenu-area ul.qmenu-list li.qmenu{width: calc((100% - 10px) / 2);height: 160px;}
	.qmenu-area ul.qmenu-list li.qmenu a{padding: 0 0 0 40%;}
	.qmenu-area ul.qmenu-list li.qmenu1 a{background-position: 15% center;}
	.qmenu-area ul.qmenu-list li.qmenu1 a{background-size:80px;}
	.qmenu-area ul.qmenu-list li.qmenu1 a .title{font-size:30px;}
	.qmenu-area ul.qmenu-list li.qmenu1 a .s_title{font-size:16px;}
	.qmenu-area ul.qmenu-list li.qmenu2 a{background-position: 15% center;}
	.qmenu-area ul.qmenu-list li.qmenu2 a{background-size:80px;}
	.qmenu-area ul.qmenu-list li.qmenu2 a .title{font-size:30px;}
	.qmenu-area ul.qmenu-list li.qmenu2 a .s_title{font-size:16px;}
}




@media (max-width: 768px) {
	.qmenu-area ul.qmenu-list li.qmenu{height: 140px;}
	.qmenu-area ul.qmenu-list li.qmenu1 a {background-size:70px;}
	.qmenu-area ul.qmenu-list li.qmenu1 a .title{font-size:28px;}
	.qmenu-area ul.qmenu-list li.qmenu1 a .s_title{font-size:14px;}
	.qmenu-area ul.qmenu-list li.qmenu2 a {background-size:70px;}
	.qmenu-area ul.qmenu-list li.qmenu2 a .title{font-size:28px;}
	.qmenu-area ul.qmenu-list li.qmenu2 a .s_title{font-size:14px;}
}

@media (max-width: 640px) {
	.qmenu-area ul.qmenu-list li.qmenu{height:110px}
	.qmenu-area ul.qmenu-list li.qmenu1 a {background-size:60px;}
	.qmenu-area ul.qmenu-list li.qmenu1 a .title{font-size:24px;}
	.qmenu-area ul.qmenu-list li.qmenu1 a .s_title{font-size:12px;}
	.qmenu-area ul.qmenu-list li.qmenu2 a {background-size:60px;}
	.qmenu-area ul.qmenu-list li.qmenu2 a .title{font-size:24px;}
	.qmenu-area ul.qmenu-list li.qmenu2 a .s_title{font-size:12px;}
}	
	
@media (max-width: 540px) {
	.qmenu-area ul.qmenu-list{width: 100%;}
	.qmenu-area ul.qmenu-list li.qmenu{height: 140px;}
	.qmenu-area ul.qmenu-list li.qmenu1 a{background-size: 50px; background-position: center 30px; padding:0;}
	.qmenu-area ul.qmenu-list li.qmenu2 a{background-size: 50px; background-position: center 30px; padding:0;}
	.qmenu-area ul.qmenu-list li.qmenu a .title{width: 100%; font-size: 18px; text-align:center; margin-top:70px}
	.qmenu-area ul.qmenu-list li.qmenu a .s_title{width: 100%; font-size: 12px; text-align:center;}
}

@media (max-width: 480px){
	.qmenu-area ul.qmenu-list li.qmenu{height: 120px;}
	.qmenu-area ul.qmenu-list li.qmenu1 a{background-size: 36px; background-position: center 20px; padding:0;}
	.qmenu-area ul.qmenu-list li.qmenu2 a{background-size: 36px; background-position: center 20px; padding:0;}
	.qmenu-area ul.qmenu-list li.qmenu a .title{width: 100%; font-size: 16px; text-align:center; margin-top:50px}
	.qmenu-area ul.qmenu-list li.qmenu a .s_title{width: 100%; font-size: 12px; text-align:center; margin-top:2px;}
} 

@media (max-width: 360px){
	.qmenu-area{padding:40px 0;}
} 

@media (max-width: 320px){
	.qmenu-area ul.qmenu-list{width:100%; display:inline-block;}
	.qmenu-area ul.qmenu-list li.qmenu{width:100%; height: 90px}
	.qmenu-area ul.qmenu-list li.qmenu1{margin-bottom:10px;}
	.qmenu-area ul.qmenu-list li.qmenu1 a{background-position: 30px center; }
	.qmenu-area ul.qmenu-list li.qmenu2 a{background-position: 30px center; }
	.qmenu-area ul.qmenu-list li.qmenu a .title{padding-left:32%; margin-top:0; text-align:left;}
	.qmenu-area ul.qmenu-list li.qmenu a .s_title{padding-left:32%; text-align:left;}
	.qmenu-area ul.qmenu-list li.qmenu a::after{display:block; right: 5%; width: 24px; height: 28px;}
}



/* gallery-area */
.gallery-area {width: 100%; padding: 60px 0}
.gallery-area ul.gallery-list {width: 100%; display: flex; justify-content: space-between;}
.gallery-area ul.gallery-list li.gallery-item {width: calc((100% - 12%) / 3); height:450px; border: #eeeeee 2px solid; transition: .4s;}
.gallery-area ul.gallery-list li.gallery-item:hover {box-shadow: 6px 6px rgba(0,0,0,0.1);}
.gallery-area ul.gallery-list li.gallery-item a {width: 100%; height: 100%; display: block;}
.gallery-area ul.gallery-list li.gallery-item .gallery-thum {width: 100%; height: 55%; position: relative; overflow: hidden;}
.gallery-area ul.gallery-list li.gallery-item .gallery-thum img {width: 120%; max-width: 140% !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: .4s;}
.gallery-area ul.gallery-list li.gallery-item .gallery-info {height: 30%; display: flex; flex-direction: column; justify-content: center; padding: 0 20px;}
.gallery-area ul.gallery-list li.gallery-item .gallery-info .title {font-size: 20px; font-weight: 500; color: #323232; margin-bottom: 12px; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.gallery-area ul.gallery-list li.gallery-item .gallery-info .date { font-size: 14px; font-weight: 400; color: #323232}
.gallery-area ul.gallery-list li.gallery-item .read-more { width: calc(100% - 40px); height: 15%; display: flex; align-items: center; justify-content: center; border-top: 2px solid #eeeeee; margin: 0 auto; padding:5% 0; transition: .4s;}
.gallery-area ul.gallery-list li.gallery-item:hover .gallery-thum img {width: 140%;}
.gallery-area ul.gallery-list li.gallery-item:hover .read-more {color: #215dc2; border-color: #215dc2; font-weight:500;}

@media (max-width: 1300px) {
	.gallery-area ul.gallery-list li.gallery-item {height:400px;}
	.gallery-area ul.gallery-list li.gallery-item .gallery-info .title{font-size:18px}
}

@media (max-width: 1080px) {
	.gallery-area ul.gallery-list li.gallery-item {width: calc((100% - 40px) / 3); height:350px;}
}

@media (max-width: 768px) {
	.gallery-area ul.gallery-list li.gallery-item {width: calc((100% - 20px) / 2); height:400px;}
	.gallery-area ul.gallery-list li.gallery-item:nth-child(3){display:none;}
}

@media (max-width: 640px) {
	.gallery-area ul.gallery-list li.gallery-item {height:350px;}
	.gallery-area ul.gallery-list li.gallery-item .gallery-info .title{font-size:16px}
	.gallery-area ul.gallery-list li.gallery-item .gallery-info .date {font-size: 12px;}
	.gallery-area ul.gallery-list li.gallery-item .read-more{font-size:14px}
}	
	
@media (max-width: 540px) {
	.gallery-area ul.gallery-list li.gallery-item {height:300px;}
}

@media (max-width: 480px){
	.gallery-area ul.gallery-list li.gallery-item .gallery-info{padding:0 10px;}
	.gallery-area ul.gallery-list li.gallery-item .read-more {width: calc(100% - 20px);}
} 

@media (max-width: 360px){
	.gallery-area{padding:20px 0;}
	.gallery-area ul.gallery-list li.gallery-item {width:100%; height:350px;}
	.gallery-area ul.gallery-list li.gallery-item:nth-child(2){display:none;}	
} 

@media (max-width: 320px){
	.qmenu-area ul.qmenu-list{width:100%; display:inline-block;}
	.qmenu-area ul.qmenu-list li.qmenu{width:100%; height: 90px}
	.qmenu-area ul.qmenu-list li.qmenu1{margin-bottom:10px;}
	.qmenu-area ul.qmenu-list li.qmenu1 a{background-position: 30px center; }
	.qmenu-area ul.qmenu-list li.qmenu2 a{background-position: 30px center; }
	.qmenu-area ul.qmenu-list li.qmenu a .title{padding-left:32%; margin-top:0; text-align:left;}
	.qmenu-area ul.qmenu-list li.qmenu a .s_title{padding-left:32%; text-align:left;}
	.qmenu-area ul.qmenu-list li.qmenu a::after{display:block; right: 5%; width: 24px; height: 28px;}
}
























/* @media (max-width: 1600px) {
	.l_cont .main_img .main_text{bottom: 100px; left: 50px;}	
}

@media (max-width: 1440px) {
	.l_cont .main_img .main_text .title{font-size: 64px;} 
	.l_cont .main_img .main_text .s_title {font-size: 56px;}
	
	.r_cont{padding: 40px;}
	
	.inner{max-width:100%; padding: 0 40px;}
	
	ul.link-list li.link a{padding: 0 0 0 50%;}
	ul.link-list li.link.link1 a{background-size: 60px; background-position:20% center;}
	ul.link-list li.link.link2 a{background-size: 60px; background-position:20% center;}
	ul.link-list li.link.link3 a{background-size: 60px; background-position:25% center;}
	ul.link-list li.link.link4 a{background-size: 60px; background-position:25% center;}
	ul.link-list li.link.link5 a{background-size: 60px; background-position:25% center;}
	ul.link-list li.link.link6 a{background-size: 60px; background-position:25% center;}
	ul.link-list li.link.link8 a{background-size: 60px; background-position:25% center;}
	ul.link-list li.link .title {font-size: 24px;}
	ul.link-list li.link a p {font-size: 16px;; margin-top: 5px;}
	
	.qmenu-area ul.qmenu-list li.qmenu a{padding: 0 0 0 35%;}
}

@media (max-width: 1300px) {
	.l_cont .main_img .main_text .title{font-size: 54px;} 
	.l_cont .main_img .main_text .s_title {font-size: 46px;}
	
 	.link-area::after {top: -40%;}
 	ul.link-list li.link{height:130px}
	ul.link-list li.link .title {font-size: 20px;}
	ul.link-list li.link.link7 a{background-size: 180px;}
	ul.link-list li.link a p {font-size: 12px;; margin-top: 5px;}
	
	.qmenu-area ul.qmenu-list li.qmenu a{padding: 0 0 0 40%;}
	.qmenu-area ul.qmenu-list li.qmenu a::after{display:none;}
	.qmenu-area ul.qmenu-list li.qmenu .s_title {font-size: 20px;}
	
	.gallery-area ul.gallery-list li.gallery-item {height:400px;}
	.gallery-area ul.gallery-list li.gallery-item .gallery-info .title{font-size:18px}
}

@media (max-width: 1080px) {
	.inner{padding: 0 28px;}
	
	.content{height:100%; margin-top:70px; background: url(/img/graduate/main/main_img.jpg) no-repeat; background-size: cover; padding:40px;}
	
	.l_cont{display:none;}
	.l_cont .main_img .main_text{display:none;}
	
	.r_inner {max-width: 100%;}
	.r_cont {width:100%; height:100%; padding: 60px; background:rgba(255,255,255,0.9);}
	
	.r_cont .date-board {width: 100%; height: calc(60% - 60px); margin-top: 40px;}
	.r_cont .r_board .top {height: 50px;}
	.r_cont .r_board .top ul.tab-list2 li {height: 30px; padding-right: 50px; font-size:28px;}
	.r_cont .r_board .top ul.tab-list2 li::after{right: 22px; top:40%; transform: translateY(-40%) rotate(25deg);}
	.r_cont .r_board .top ul.tab-list2 li.active {font-size:28px;}
	.r_cont .r_board .tabcontent ul li{padding:10px 0;}
	.r_cont .r_board .tabcontent ul li:hover{padding:10px 0;}
	
	.r_cont .date-board .main_title-box{height: 50px;}
	.main_title-box .maintitle{font-size:28px;}
	
	.more_btn {width: 28px; height: 28px;}
	.more_btn::before{width: 2px; height: 28px;}
	.more_btn::after{width: 28px; height: 2px;}
	
	
	.link-area .inner{max-width:100%; padding: 0% 5%;}
	.link-area::after {top: -15%;} 
	ul.link-list li.link {width: calc((100% - 10px) / 2);}
	ul.link-list li.link:nth-child(2n) {margin-right: 0;}
	ul.link-list li.link:nth-child(n+7) {margin-bottom: 0;}
	ul.link-list li.link:nth-child(n+4) {margin-bottom: 10px}
	ul.link-list li.link a{padding: 0 0 0 50%;}
	ul.link-list li.link:nth-child(-n+2) a{padding: 0 0 0 50%;}
	ul.link-list li.link.link1 a{background-size: 50px; background-position:34% center;}
	ul.link-list li.link.link2 a{background-size: 50px; background-position:34% center;}
	ul.link-list li.link.link3 a{background-size: 50px; background-position:34% center;}
	ul.link-list li.link.link4 a{background-size: 50px; background-position:34% center;}
	ul.link-list li.link.link5 a{background-size: 50px; background-position:34% center;}
	ul.link-list li.link.link6 a{background-size: 50px; background-position:34% center;}
	ul.link-list li.link.link7 a{background-size: 40%}
	ul.link-list li.link.link8 a{background-size: 50px; background-position:34% center;}
	
	.qmenu-area ul.qmenu-list li.qmenu{width: calc((100% - 10px) / 2);height: 160px;}
	.qmenu-area ul.qmenu-list li.qmenu a{padding: 0 0 0 40%;}
	.qmenu-area ul.qmenu-list li.qmenu1 a{background-position: 15% center;}
	.qmenu-area ul.qmenu-list li.qmenu1 a{background-size:80px;}
	.qmenu-area ul.qmenu-list li.qmenu1 a .title{font-size:30px;}
	.qmenu-area ul.qmenu-list li.qmenu1 a .s_title{font-size:16px;}
	.qmenu-area ul.qmenu-list li.qmenu2 a{background-position: 15% center;}
	.qmenu-area ul.qmenu-list li.qmenu2 a{background-size:80px;}
	.qmenu-area ul.qmenu-list li.qmenu2 a .title{font-size:30px;}
	.qmenu-area ul.qmenu-list li.qmenu2 a .s_title{font-size:16px;}
	
	.gallery-area ul.gallery-list li.gallery-item {width: calc((100% - 40px) / 3); height:350px;}
	.main_title-box {margin-bottom: 30px;}
}




@media (max-width: 768px) {
	.content{margin-top:60px; padding: 20px;}
	.r_cont{padding: 40px;}
	.inner{padding: 0 20px;}
	
	.link-area{padding:0;}
	.link-area .inner{padding:20px;}
	ul.link-list li.link.link1 a{background-position:25% center;}
	ul.link-list li.link.link2 a{background-position:25% center;}
	ul.link-list li.link.link3 a{background-position:25% center;}
	ul.link-list li.link.link4 a{background-position:25% center;}
	ul.link-list li.link.link5 a{background-position:25% center;}
	ul.link-list li.link.link6 a{background-position:25% center;}
	ul.link-list li.link.link7 a{background-size: 52%;}
	ul.link-list li.link.link8 a{background-position:25% center;}

	.qmenu-area ul.qmenu-list li.qmenu{height: 140px;}
	.qmenu-area ul.qmenu-list li.qmenu1 a {background-size:70px;}
	.qmenu-area ul.qmenu-list li.qmenu1 a .title{font-size:28px;}
	.qmenu-area ul.qmenu-list li.qmenu1 a .s_title{font-size:14px;}
	.qmenu-area ul.qmenu-list li.qmenu2 a {background-size:70px;}
	.qmenu-area ul.qmenu-list li.qmenu2 a .title{font-size:28px;}
	.qmenu-area ul.qmenu-list li.qmenu2 a .s_title{font-size:14px;}
	
	.gallery-area ul.gallery-list li.gallery-item {width: calc((100% - 20px) / 2); height:400px;}
	.gallery-area ul.gallery-list li.gallery-item:nth-child(3){display:none;}
}

@media (max-width: 640px) {
	.main_title-box .maintitle {font-size: 24px;}
	
	.r_cont {padding: 40px;}
	
	.r_cont .date-board .main_title-box {height: 50px;}
	
	.r_cont .r_board .top ul.tab-list2 li {font-size:24px;}
	.r_cont .r_board .top ul.tab-list2 li::after{right: 22px;}
	.r_cont .r_board .top ul.tab-list2 li.active {font-size:24px;}
	
	
	.main_title-box .maintitle{font-size:24px;}
	
	.more_btn {width: 24px; height: 24px;}
	.more_btn::before{width: 2px; height: 24px;}
	.more_btn::after{width: 24px; height: 2px;}
	
	.r_cont .date-board .date-list .date-list-top .date-box{width:80px; height:80px; padding:15px 0;}
	.r_cont .date-board .date-list .date-list-top .date-box .date-y{font-size:16px;}
	.r_cont .date-board .date-list .date-list-top .date-box .date-m{font-size:38px;}
	.r_cont .date-board .date-list .date-list-top .date-title-box .date-tlite{font-size:18px;}
	
	.r_cont .date-board .date-list .date-list-bottom li a .date {font-size:0px; width:0px; transition:none;}
	.r_cont .date-board .date-list .date-list-bottom li a .date-tlite{width:100%; font-size:16px;}

	ul.link-list li.link a{padding: 0 0 0 45%;}
	ul.link-list li.link.link3 a{background-position:20% center;}
	ul.link-list li.link.link4 a{background-position:20% center;}
	ul.link-list li.link.link5 a{background-position:20% center;}
	ul.link-list li.link.link6 a{background-position:20% center;}
	ul.link-list li.link.link7 a{background-size: 60%;}
	ul.link-list li.link.link8 a{background-position:20% center;}

	.qmenu-area ul.qmenu-list li.qmenu{height:110px}
	.qmenu-area ul.qmenu-list li.qmenu1 a {background-size:60px;}
	.qmenu-area ul.qmenu-list li.qmenu1 a .title{font-size:24px;}
	.qmenu-area ul.qmenu-list li.qmenu1 a .s_title{font-size:12px;}
	.qmenu-area ul.qmenu-list li.qmenu2 a {background-size:60px;}
	.qmenu-area ul.qmenu-list li.qmenu2 a .title{font-size:24px;}
	.qmenu-area ul.qmenu-list li.qmenu2 a .s_title{font-size:12px;}
	
	.gallery-area ul.gallery-list li.gallery-item {height:350px;}
	.gallery-area ul.gallery-list li.gallery-item .gallery-info .title{font-size:16px}
	.gallery-area ul.gallery-list li.gallery-item .gallery-info .date {font-size: 12px;}
	.gallery-area ul.gallery-list li.gallery-item .read-more{font-size:14px}
}	
	
@media (max-width: 540px) {
	.content{padding:20px;}
	
	.r_cont .date-board .date-list .date-list-top{height:100px; transition:none;}
	.r_cont .date-board .date-list .date-list-top .date-box{width:70px; height:70px; padding:10px 0;}
	.r_cont .date-board .date-list .date-list-top .date-box .date-y{font-size:14px;}
	.r_cont .date-board .date-list .date-list-top .date-box .date-m{font-size:36px;}
	.r_cont .date-board .date-list .date-list-top .date-title-box{width:calc(100% - 80px)}
	.r_cont .date-board .date-list .date-list-top .date-title-box .date-tlite{font-size:16px;}
	.r_cont .date-board .date-list .date-list-top .date-title-box .date{font-size:14px;}
	
	.r_cont .r_board .tabcontent ul li a {width: 100%; font-size:14px;}
	.r_cont .r_board .tabcontent ul li span{display:none;}
	
	.r_cont .date-board .date-list .date-list-bottom li:last-child{display:block;}
	.r_cont .date-board .date-list .date-list-bottom li a .date-tlite{font-size:14px; transition:none;}
	.r_cont .date-board .date-list .date-list-bottom li a .date{transition:none;}
	
	.r_cont .r_board .top {height: 36px;}
	.r_cont .r_board .top ul.tab-list2 li {height: 40px; padding-right: 40px; font-size:20px; }
	.r_cont .r_board .top ul.tab-list2 li::after{width: 4px; height: 18px; right: 18px; top:0; transform: translateY(0%) rotate(25deg);}
	.r_cont .r_board .top ul.tab-list2 li.active {font-size:20px;}

	.r_cont .date-board .main_title-box{height: 36px;}
	.main_title-box .maintitle{font-size:20px;}
	
	.more_btn {width: 20px; height: 20px;}
	.more_btn::before{width: 2px; height: 20px;}
	.more_btn::after{width: 20px; height: 2px;}
	
	ul.link-list li.link{height:110px}
	
	ul.link-list {width: 100%; font-size: 0;}
	ul.link-list li.link {width: calc((100% - 10px) / 2); height: 140px;}
	ul.link-list li.link:nth-child(-n+2) a{padding:0;}
	ul.link-list li.link:hover {border: 4px solid #f6af2a; transition: 0.24s}
	
	ul.link-list li.link:nth-child(2n) {margin-right: 0;}
	ul.link-list li.link:nth-child(n+7) {margin-bottom: 0;}
	
	ul.link-list li.link a {padding: 0px;}
	
	ul.link-list li.link a .title{width: 100%; height: 100%; font-size: 18px; text-align:center;}
	ul.link-list li.link a .title p{display:none;}
	
	ul.link-list li.link.link1 a .title{margin-top:84px}
	ul.link-list li.link.link2 a .title{margin-top:84px}
	ul.link-list li.link.link3 a .title{margin-top:86px}
	ul.link-list li.link.link4 a .title{margin-top:86px}
	ul.link-list li.link.link5 a .title{margin-top:90px}
	ul.link-list li.link.link6 a .title{margin-top:90px}
	ul.link-list li.link.link8 a .title{margin-top:90px}
	
	ul.link-list li.link.link1 a{background-size: 50px; background-position: center 20px;}
	ul.link-list li.link.link2 a{background-size: 50px; background-position: center 20px;}
	ul.link-list li.link.link3 a{background-size: 50px; background-position: center 30px;}
	ul.link-list li.link.link4 a{background-size: 50px; background-position: center 30px;}
	ul.link-list li.link.link5 a{background-size: 50px; background-position: center 30px;}
	ul.link-list li.link.link6 a{background-size: 50px; background-position: center 30px;}
	ul.link-list li.link.link7 a{background-size: 70%;}
	ul.link-list li.link.link8 a{background-size: 50px; background-position: center 30px;}
	
	.qmenu-area ul.qmenu-list{width: 100%;}
	.qmenu-area ul.qmenu-list li.qmenu{height: 140px;}
	.qmenu-area ul.qmenu-list li.qmenu1 a{background-size: 50px; background-position: center 30px; padding:0;}
	.qmenu-area ul.qmenu-list li.qmenu2 a{background-size: 50px; background-position: center 30px; padding:0;}
	.qmenu-area ul.qmenu-list li.qmenu a .title{width: 100%; font-size: 18px; text-align:center; margin-top:70px}
	.qmenu-area ul.qmenu-list li.qmenu a .s_title{width: 100%; font-size: 12px; text-align:center;}
	
	.gallery-area ul.gallery-list li.gallery-item {height:300px;}
	.main_title-box {margin-bottom: 20px;}
}

@media (max-width: 480px){
	.r_cont .r_board .tabcontent ul li a {width: 100%; font-size:12px;}
	
	.r_cont .date-board .date-list .date-list-top {width:100%; height: 70px; justify-content: center;}
	.r_cont .date-board .date-list .date-list-top .date-box{display:none;}
	.r_cont .date-board .date-list .date-list-top .date-title-box .date-tlite{font-size:14px;}
	.r_cont .date-board .date-list .date-list-top .date-title-box .date{font-size:12px;}
	.r_cont .date-board .date-list .date-list-top .date-title-box{width:100%}
	.r_cont .date-board .date-list .date-list-bottom li{margin-bottom:8px;}
	.r_cont .date-board .date-list .date-list-bottom li a .date-tlite{font-size:12px;}
	
	ul.link-list li.link a .title{font-size: 16px;}
	
	ul.link-list li.link {height: 120px;}
	
	ul.link-list li.link.link1 a .title{margin-top:74px}
	ul.link-list li.link.link2 a .title{margin-top:74px}
	ul.link-list li.link.link3 a .title{margin-top:76px}
	ul.link-list li.link.link4 a .title{margin-top:76px}
	ul.link-list li.link.link5 a .title{margin-top:80px}
	ul.link-list li.link.link6 a .title{margin-top:80px}
	ul.link-list li.link.link8 a .title{margin-top:80px}
	
	ul.link-list li.link.link1 a{background-size: 40px; background-position: center 20px;}
	ul.link-list li.link.link2 a{background-size: 40px; background-position: center 20px;}
	ul.link-list li.link.link3 a{background-size: 40px; background-position: center 30px;}
	ul.link-list li.link.link4 a{background-size: 40px; background-position: center 30px;}
	ul.link-list li.link.link5 a{background-size: 40px; background-position: center 30px;}
	ul.link-list li.link.link6 a{background-size: 40px; background-position: center 30px;}
	ul.link-list li.link.link8 a{background-size: 40px; background-position: center 30px;}
	
	.qmenu-area ul.qmenu-list li.qmenu{height: 120px;}
	.qmenu-area ul.qmenu-list li.qmenu1 a{background-size: 36px; background-position: center 20px; padding:0;}
	.qmenu-area ul.qmenu-list li.qmenu2 a{background-size: 36px; background-position: center 20px; padding:0;}
	.qmenu-area ul.qmenu-list li.qmenu a .title{width: 100%; font-size: 16px; text-align:center; margin-top:50px}
	.qmenu-area ul.qmenu-list li.qmenu a .s_title{width: 100%; font-size: 12px; text-align:center; margin-top:2px;}
	
	.gallery-area ul.gallery-list li.gallery-item .gallery-info{padding:0 10px;}
	.gallery-area ul.gallery-list li.gallery-item .read-more {width: calc(100% - 20px);}
} 

@media (max-width: 360px){
	
	
	.r_cont{padding: 30px;}
	.r_cont .date-board {margin-top: 30px;}
	
	.r_cont .r_board .top {height: 30px;}
	.r_cont .r_board .top ul.tab-list2 li {height: 40px; padding-right: 30px; font-size:16px; }
	.r_cont .r_board .top ul.tab-list2 li::after{width: 3px; height: 16px; right: 13px; top:0; transform: translateY(0%) rotate(25deg);}
	.r_cont .r_board .top ul.tab-list2 li.active {font-size:16px;}
	
	.r_cont .date-board .main_title-box{height: 30px;}
	.main_title-box .maintitle{font-size:16px;}
	
	.more_btn {width: 16px; height: 16px;}
	.more_btn::before{width: 2px; height: 16px;}
	.more_btn::after{width: 16px; height: 2px;}
	
	.r_cont .date-board .date-list .date-list-top .date-title-box .date-tlite{font-size:12px;}
	.r_cont .date-board .date-list .date-list-top .date-title-box .date{font-size:12px;}
	.r_cont .date-board .date-list .date-list-top .date-title-box{width:100%}
	.r_cont .date-board .date-list .date-list-bottom li{margin-bottom:8px;}
	.r_cont .date-board .date-list .date-list-bottom li a .date-tlite{font-size:12px;}
	
	.r_cont .date-board .date-list .date-list-bottom {padding-top: 10px;}
	
	.r_cont .date-board .date-list .date-list-bottom li a .date-tlite {padding-left: 24px;}
	
	.qmenu-area{padding:40px 0;}
	
	.gallery-area{padding:20px 0;}
	.gallery-area ul.gallery-list li.gallery-item {width:100%; height:350px;}
	.gallery-area ul.gallery-list li.gallery-item:nth-child(2){display:none;}	
} 

@media (max-width: 320px){
	
	ul.link-list li.link.link1 a .title{margin-top:74px}
	ul.link-list li.link.link2 a .title{margin-top:74px}
	ul.link-list li.link.link3 a .title{margin-top:74px}
	ul.link-list li.link.link4 a .title{margin-top:74px}
	ul.link-list li.link.link5 a .title{margin-top:74px}
	ul.link-list li.link.link6 a .title{margin-top:74px}
	ul.link-list li.link.link8 a .title{margin-top:74px}
	
	ul.link-list li.link.link1 a{background-size: 40px; background-position: center 20px;}
	ul.link-list li.link.link2 a{background-size: 40px; background-position: center 20px;}
	ul.link-list li.link.link3 a{background-size: 40px; background-position: center 24px;}
	ul.link-list li.link.link4 a{background-size: 40px; background-position: center 24px;}
	ul.link-list li.link.link5 a{background-size: 40px; background-position: center 20px;}
	ul.link-list li.link.link6 a{background-size: 40px; background-position: center 20px;}
	ul.link-list li.link.link8 a{background-size: 40px; background-position: center 20px;}
	
	.qmenu-area ul.qmenu-list{width:100%; display:inline-block;}
	.qmenu-area ul.qmenu-list li.qmenu{width:100%; height: 90px}
	.qmenu-area ul.qmenu-list li.qmenu1{margin-bottom:10px;}
	.qmenu-area ul.qmenu-list li.qmenu1 a{background-position: 30px center; }
	.qmenu-area ul.qmenu-list li.qmenu2 a{background-position: 30px center; }
	.qmenu-area ul.qmenu-list li.qmenu a .title{padding-left:32%; margin-top:0; text-align:left;}
	.qmenu-area ul.qmenu-list li.qmenu a .s_title{padding-left:32%; text-align:left;}
	.qmenu-area ul.qmenu-list li.qmenu a::after{display:block; right: 5%; width: 24px; height: 28px;}
} */