@charset "utf-8";
@import url("content01.css");

/* Overriding
**************************************************/
#doc {font-family:"sofia-pro";}
@media all and (max-width:1023px) {
	.topmenu .mn_a1 {padding:19px 30px 19px 5px}
	.topmenu .mn_a1 span {font-size:14px;}
}
@media all and (max-width:599px) {
	.topmenu .mn_a1 span {font-size:13px;}
}

/* KMCU > ABOUT KMCU > Campus VR Tour : https://www.kmcu.ac.kr/en/index.php?pCode=CampusVR
------------------------------------------------------ */
#pg-campusvr #container, #pg-campusvr #container #contents-wrap {max-width:100%;}
#pg-campusvr .cont-top, #pg-campusvr .cont-foot-wrap {max-width:1200px;margin-left:auto;margin-right:auto;}
.campusvr-wr {width:100%;height:600px;background:url(/kr/_Img/Content/campusvr_01.jpg) no-repeat 50% 0;}
.campusvr {position:relative;max-width:1200px;margin:0 auto;padding-top:400px;}
.campusvr .cpvrtour {position:relative;width:600px;height:200px;background:url(/kr/_Img/Content/campusvr_bg.png) no-repeat 0 0;}
.campusvr .cpvrtour .tit {padding:90px 0 0 40px;background:url(/kr/_Img/Content/campusvr_ico.png) no-repeat 55% 40px;}
.campusvr .cpvrtour-btn ul li a:after {content:'';position:absolute;right:30px;top:50px;width:48px;height:48px;margin-top:-24px;transition:all .3s ease}
.campusvr .cpvrtour-btn ul li.btn01 a:after {background:url(/kr/_Img/Content/campusvr_lnk1.png) no-repeat 0 0;}
.campusvr .cpvrtour-btn ul li.btn02 a:after {background:url(/kr/_Img/Content/campusvr_lnk2.png) no-repeat 0 0;}
.campusvr .cpvrtour-btn ul li a:hover:after, .campusvr .cpvrtour-btn ul li a:focus:after, .campusvr .cpvrtour-btn ul li a:active:after {margin-top:-34px;}
.campusvr .cpvrtour-btn .btn01 {background:#cc1717}
.campusvr .cpvrtour-btn .btn02 {background:#ef8a21}

@media all and (max-width:1200px){
	.campusvr-wr {margin-left:-15px;margin-right:-15px;width:auto;}
	.campusvr .cpvrtour .tit {padding-top:60px;background-position:55% 10px;}
	.campusvr .cpvrtour-btn {right:auto;left:50%;bottom:-50px;margin-left:-400px;}
}
@media all and (max-width:800px){
	.campusvr {padding-top:300px;}
	.campusvr .cpvrtour-btn {position:relative;left:auto;bottom:auto;margin-left:0;margin-top:-50px;width:100%;}
}
@media all and (max-width:699px){
	.campusvr-wr {height:auto;margin-left:-10px;margin-right:-10px;background-size:auto 100%;}
	.campusvr {padding:15px 10px;}
	.campusvr .cpvrtour {width:100%;height:auto;padding:80px 0 50px 0;text-align:center;background:rgba(0,0,0,0.3);}
	.campusvr .cpvrtour .tit {padding:0;background:none;}
	.campusvr .cpvrtour .tit .k-tit {color:#fff;}
	.campusvr .cpvrtour .tit .e-tit {color:#fff;}
	.campusvr .cpvrtour-btn {margin-top:0;width:100%;display:table;}
	.campusvr .cpvrtour-btn ul li {width:100%;}
}
@media all and (max-width:499px){
	.campusvr .cpvrtour .tit .k-tit {font-size:16px;}
	.campusvr .cpvrtour .tit .e-tit {font-size:30px;}
}


/* 캠퍼스vr투어 리스트 */
.campus-vr .campusvr {padding-top:0;margin-bottom:50px;}
.campus-vr .campusvr .cpvrtour-btn {bottom:0;}
.campus-vr .vr-list-wr {position:relative;}
.campus-vr .vr-list-wr .list-box {position:relative;z-index:100}
.campus-vr .vr-list-wr .list-box .vr-list {background:url(/kr/_Img/Content/cvrlist_pttr.gif) repeat 0 0;overflow:hidden;margin-bottom:35px;padding:10px}
.campus-vr .vr-list-wr .list-box .vr-list > ul {background:#fff;padding:20px;overflow:hidden;}
.campus-vr .vr-list-wr .list-box .vr-list > ul > li {display:inline-block;vertical-align:top;font-size:17px;box-sizing:border-box;margin-right:20px}
.campus-vr .vr-list-wr .list-box .vr-list > ul > li:last-child {margin-right:0;}
.campus-vr .vr-list-wr .list-box .vr-list > ul > li a {position:relative;color:#000;display:inline-block;vertical-align:top;padding:0 35px 0 15px;}
.campus-vr .vr-list-wr .list-box .vr-list > ul > li a:before {position:absolute;top:13px;left:0;content:"";display:block;width:7px;height:2px;background:#b0b0b0;transition:all .3s ease}
.campus-vr .vr-list-wr .list-box .vr-list > ul > li a:after {position:absolute;top:3px;right:0;content:"";display:block;width:24px;height:24px;background:url(/kr/_Img/Content/cvrlist_arr.png) no-repeat 0 0;transition:all .3s ease}
.campus-vr .vr-list-wr .list-box .vr-list > ul > li a:hover, .campus-vr .vr-list-wr .list-box .vr-list li a:focus {text-decoration:underline;}
.campus-vr .vr-list-wr .list-box .vr-list > ul > li a:hover:after, .campus-vr .vr-list-wr .list-box .vr-list li a:focus:after {background-position:-25px 0}
.campus-vr .vr-list-wr .list-box .vr-line {position:relative;padding-left:250px;margin-top:20px;}
.campus-vr .vr-list-wr .list-box .vr-line:first-child {margin-top:0;}
.campus-vr .vr-list-wr .list-box .vr-line .mtit {position:absolute;left:30px;top:2px;width:205px;padding-left:15px;font-size:19px;color:#000;line-height:23px}
.campus-vr .vr-list-wr .list-box .vr-line .mtit:before {content:'';position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:50%;background:#9d9d9d;}
.campus-vr .vr-list-wr .list-box .vr-line .mtit:after {content:'';position:absolute;right:0;top:0;width:1px;height:100%;background:#9d9d9d;}
.campus-vr .vr-list-wr .list-box .vr-line .stit {font-weight:600;color:#333;}
.campus-vr .vr-list-wr .list-box .vr-line ul {padding:0 10px;}
.campus-vr .vr-list-wr .list-box .vr-line ul > li {display:inline-block;margin:0 10px;}
.campus-vr .vr-list-wr .list-box .vr-line ul > li a {position:relative;display:inline-block;font-size:16px;color:#666;padding-right:26px;}
.campus-vr .vr-list-wr .list-box .vr-line ul > li a:after {position:absolute;top:5px;right:0;content:"";display:block;width:16px;height:13px;background:url(/kr/_Img/Content/cvrlist_spr.png) no-repeat -50px -68px;transition:all .3s ease}
.campus-vr .vr-list-wr .list-box .vr-line ul > li a:hover, .campus-vr .vr-list-wr .list-box .vr-line ul > li a:focus {color:#20a5bf;text-decoration:underline;}
.campus-vr .vr-list-wr .list-box .vr-line ul > li a:hover:after {background-position:-67px -68px}
.campus-vr .btn-wr {text-align:center;padding:45px 0}

@media all and (max-width:1200px){
	.campus-vr .campusvr {margin-bottom:80px;}
	.campus-vr .campusvr .cpvrtour-btn {bottom:-50px;}
}
@media all and (max-width:800px){
	.campus-vr .campusvr {margin-bottom:30px;}
	.campus-vr .campusvr .cpvrtour-btn {bottom:0;}
}
@media all and (max-width:768px){
	.campus-vr .vr-list-wr .list-box .vr-list {padding:5px;}
	.campus-vr .vr-list-wr .list-box .vr-list > ul {padding:15px;}
	.campus-vr .vr-list-wr .list-box .vr-list > ul > li {font-size:15px;}
	.campus-vr .vr-list-wr .list-box .vr-list > ul > li a {padding-right:25px;}
	.campus-vr .vr-list-wr .list-box .vr-list > ul > li a:after {top:4px;width:18px;height:18px;background-size:auto 100%;}
	.campus-vr .vr-list-wr .list-box .vr-list > ul > li a:hover:after, .campus-vr .vr-list-wr .list-box .vr-list li a:focus:after {background-position:-19px 0}
}
@media all and (max-width:699px){
	.campus-vr .campusvr .cpvrtour {background:rgb(48, 52, 125);}
}svr .cpvrtour .tit .k-tit {display:block;font-size:18px;color:#333;line-height:1;font-weight:500;}
.campusvr .cpvrtour .tit .e-tit {display:block;font:36px "sofia-pro";color:#000;font-weight:700;}
.campusvr .cpvrtour-btn {position:absolute;right:0;bottom:50px;width:800px;font-size:0;}
.campusvr .cpvrtour-btn ul li {display:inline-block;width:50%;height:100px;}
.campusvr .cpvrtour-btn ul li a {position:relative;display:block;padding:25px 30px;}
.campusvr .cpvrtour-btn ul li a span {display:block;color:#fff;line-height:1;}
.campusvr .cpvrtour-btn ul li a .num {font-size:16px;margin-bottom:10px;}
.campusvr .cpvrtour-btn ul li a .txt {font-size:24px;}

/*FROM SITE CODE :  
*/