/* 반응형 추가 작업분 */


.rightQ{position:fixed; transform:translate(25%, 6%);top:40%; right:40px;padding-bottom:70px;text-align:center;z-index:100}
.rightQ ul{margin-bottom:30px}
.rightQ ul li{margin-bottom:15px;}
.rightQ ul li a{display:block;color:#2a2a2a}
.rightQ ul li a span{display: block;width: 74px;height: 74px;font-size: 15px;color: #fff;line-height: 74px;text-align: center;background: #388e3c;border-radius: 50%;}
.rightQ ul li.ic1 a span{background-color:#ec2327;background-image:url('/_res/tongmyong/iphak/img/ic_q1.png')}
.rightQ ul li.ic2 a span{background-color:#eca823;background-image:url('/_res/tongmyong/iphak/img/ic_q2.png')}
.rightQ .botBtTop{display:none;position:absolute;left:50%;bottom:0;padding-top:15px;margin-left:-35px;width:70px;height:70px;font-size:12px;color:#fff;background:#0e4e10;border-radius:50%;z-index:2}
.rightQ .botBtTop::before{position:absolute;top:20px;left:50%;margin-left:-8px;width:15px;height:15px;content:'';border:1px solid #fff;border-width:2px 2px 0 0;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}

/*.rightQ.fix{position:fixed;top:70px}*/

/*251203 수정*/

.rightQ{top: 60%; right: 20px; transform: translateY(-50%); padding-bottom: 0;}

#main .quick {padding: 70px 0 60px;}
.main-wrap:after{display:block;clear:both;content:''}
.quick-more {padding-top: 60px;}
.quick-more details > summary {padding: 1rem;cursor: pointer;transition: background 0.5s;color: #fff;border: 3px solid #fff;width: 200px;margin: 0 auto;font-size: 1.1em;text-align: center;}
.quick-more details > summary::-webkit-details-marker {background: url('/_res/tongmyong/tuhome/img/common/ico-bottom-link.png') no-repeat center;background-size: contain;color: transparent;transform: rotate3d(0, 0, 1, 90deg);transition: transform 0.25s;}
.quick-more details > summary:hover, .quick-more details > summary:focus {background: #419a92;}
.quick-more details[open] > summary::-webkit-details-marker {background: url('/_res/tongmyong/tuhome/img/common/ico-bottom-link-on.png') no-repeat center;transform: rotate3d(0, 0, 1, 180deg);}
.quick-more details[open] > summary ~ * {animation: reveal 0.5s;}

.layPop .box .con .sns-insta {width:500px;}
.location-box .root_daum_roughmap {width:100% !important;}
/*
a#pc-gnb-menu-2632 {position: absolute;top: 215px;left: -120px;}
a#pc-gnb-menu-3163 {top: -31px;position: absolute;left: 50%;transform: translate(-50%, 0);width: 100%;}
a#pc-gnb-menu-3164 {position: absolute;top: -24px;}
*/
@keyframes reveal {
    from {opacity: 0;transform: translate3d(0, -10px, 0);}
    to {opacity: 1;transform: translate3d(0, 0, 0);}
}

.quick-more ul {margin-top: 40px;}
.quick-more ul li {display: inline-block;float: none;width: 19%;text-align: center;border: 1px solid #fff;background: rgb(255 255 255 / 15%);margin: 5px 5px;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.quick-more ul li a {display:block; padding: 0 8px;font-size: 1em; line-height:52px;color:#fff;}
.quick-more ul li a span {display: inline-block;padding-bottom: 4px;line-height: 1.2;vertical-align: middle;}

.quick-more ul li:hover {background: linear-gradient(to right, #76c625 , #088b47);border: 1px solid #279c3d;}
.quick-more ul li a:before, .quick-more ul li a:after {display:none;}

/*.sub01-01-01_etc .con-box p {width: 100%;float: none;}*/

@media screen and (max-width: 1360px){
		
	#cms-content {margin: 0 3%;}
	
	.sCon_left {margin-right:10%;}
	.sCon_right {width:50%;}
	
}
@media screen and (max-width:1280px){ 

	.quick-more ul li {width: 23.5%;margin: 0.5%;}
	a#pc-gnb-menu-2632 {top: 250px;left: -111px;}

}

@media screen and (max-width: 1200px){
	.rightQ{position:fixed;top:auto;bottom:-100px;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
	.rightQ.fix{top:auto;bottom:40px}
	a#pc-gnb-menu-2632 {top: 285px;left: -101px;}
	
	.sCon_left {width: 100%;margin-right: 0;}
	.sCon_right {width: 100%;margin-top: 70px;}
	.sCon_left .img {width: 45%;float: left; margin-right:10%}
	.sCon_left .img img {width:100%;}
	.sCon_left .youTubewrap {width:45%;float: left;}
	
	.sCon_left.w15{margin-right:5%}
	.sCon_left.w15 .img{width:auto;float:none;margin-right:0}
	.sCon_right.w80{margin-top:0}
}

@media screen and (max-width: 1024px){
	
	/*열린총장실-인사말*/
	/*.sub01-01-01 .top-box .in-wrap > div:nth-child(3) {font-size: 28px;}
	.sub01-01-01 .top-box .in-wrap > div:nth-child(3) span {font-size: 40px;}*/
	/*동명소개-교육목표와 인재상*/
	.sub01_02_03 .section02 .tit-wrap .sub-tit {font-size: 14px;}
	
	.location-box .root_daum_roughmap,
	.location-box .root_daum_roughmap .wrap_map {height:300px !important;}
	a#pc-gnb-menu-2632 {top: inherit;left: inherit;position: inherit;}
	a#pc-gnb-menu-3163 {top: inherit;position: inherit;left: inherit;transform: inherit;}
	a#pc-gnb-menu-3164 {position: inherit;top: inherit;}
	
	.sub01-01-01 .top-box .in-wrap > div:nth-child(3) {font-size: 26px;}
	
}

@media screen and (max-width:1000px){

	/*동명소개-교육목표와 인재상*/
	.sub01_02_03 .img img {width:100%;}	
	.sCon_left .img {width: 35%;margin-right: 5%;}
	.sCon_left .youTubewrap {width: 60%;}
	.sCon_left .youTubewrap ul li {position: relative;width: 48%;float: left;margin: 0 1%;}
}

@media screen and (max-width:960px){ 

	.quick-more ul li {width: 23.5%;}

}

@media screen and (max-width:768px){ 

	.sub01-01-01_etc .top-box {margin-bottom:30px;}
	.sCon_left .youTubewrap {width: 100%;}

}

@media screen and (max-width: 640px){
	
	/*열린총장실-인사말*/
	/*.sub01-01-01 .top-box .in-wrap {font-size:18px;}
	.sub01-01-01 .top-box .in-wrap > div:nth-child(3) {font-size: 20px;}
	.sub01-01-01 .top-box .in-wrap > div:nth-child(3) span {font-size: 30px;}*/
	/*동명소개-교육목표와 인재상*/
	.sub01_02_03 .section01 .tit {font-size: 34px;}
	.sub01_02_03 .section01 {font-size: 15px; padding: 60px 20px 200px;}
	.sub01_02_03 .img  {padding:0 3%;}
	
	.rightQ{bottom: -40px;padding-bottom: 30px;width:40px}
	.rightQ ul{margin-bottom: 20px;}
	.rightQ ul li{margin-bottom:10px}
	.rightQ ul li a{font-size: 10px;line-height:1}
	.rightQ ul li a span{margin-bottom:3px;width: 50px;height: 50px;font-size: 12px;line-height: 50px;}
	.rightQ ul li:last-child a span{letter-spacing: -1.2px;}
	

	.rightQ .botBtTop{margin-left: -20px;padding-top: 12px;width: 40px;height: 40px;font-size: 10px;}
	.rightQ .botBtTop::before{top: 12px;margin-left: -4px;width: 8px;height: 8px;}

	.rightQ.fix{bottom:10px}
	
	.quick-more ul li {width: 31.5%;}
	.quick-more ul li a {font-size: 0.9em;line-height: 45px;}
	
	.layPop .box .con .sns-insta {width:100%;}
	.layPop .box .btnClose {top:0; right:0;}
	
	.sCon_left.w15{width:100% !important;margin-right:0}
	.sCon_right.w80{width:100% !important;margin-top:20px}
	.sCon_right.w80 p{font-size:.9rem}
	
}

@media screen and (max-width: 600px){
	
	/*열린총장실-인사말*/
	/*.sub01-01-01 .top-box .in-wrap {font-size:16px; padding:50px 25px;}
	.sub01-01-01 .top-box .in-wrap > div:nth-child(3) span {font-size: 24px;}*/
	
	.sCon_left .youTubewrap ul li {width: 100%;margin: 0;}
	
}