@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;}

/*폼*/

.info-form { border-top: 2px solid #000;margin:10px 0 30px;}
.info-form dl::after {content:'';display:block;clear:both;}
.info-form dl {padding:15px;border-bottom:1px solid #ddd;    box-sizing: border-box;}
.info-form > *:nth-child(2n) {background-color:#f8f8f8;}
.info-form dl dt {float:left;width: 220px;font-weight:bold;color:#000;display: block;}
.info-form dl dt .ess {color:red;display:inline-block;vertical-align: middle;}
.info-form dl dd {float:left;width: calc(100% - 220px);}
.info-form dl dd button {border:none;background-color:#11358f;padding: 6px 15px;border-radius:5px;color:#fff;}
.info-form dl dd button:hover {background-color:#2350c0; transition:0.3s;}
.info-form dl dd input[type="text"] {padding: 5px;border-radius: 5px;display: inline-block;border: 1px solid #ddd;margin-bottom: 5px;font-size: 14px;height: 40px;box-sizing: border-box;}
.info-form dl:nth-child(2n)  dd input[type="text"] {background:#fff;}
.info-form dl dd .num-wrap {}
.info-form dl dd .num-wrap li {width:70px;display:inline-block;position: relative;margin-right: 15px;}
.info-form dl dd .num-wrap li::after {content:'-'; display:inline-block;position: absolute;top: 8px;right: -14px;}
.info-form dl dd .num-wrap li:last-child::after {display:none;}
.info-form dl dd .num-wrap li:last-child {margin-right:0;}
.info-form dl dd .num-wrap li input[type="text"] {width:100%;text-align:center;}
.info-form dl dd .country input[type="text"]:nth-child(1) {width:70px;}
.info-form dl dd .per-id input[type="text"] {width:87px;}
.info-form dl dd.app input[type="text"]:nth-child(1) {width:40%;}
.info-form dl dd select {padding: 5px;border-radius: 5px; display: inline-block;border: 1px solid #ddd; margin-bottom: 5px; font-size: 14px; height: 40px; box-sizing: border-box; width: 100%;}
.info-form dl dd select.phone {width: calc(100% - 425px);}
.info-form dl:nth-child(2n) dd select  {background-color:#fff;}
.info-form dl dd .date select {width:90px;}
.info-form dl dd .grade-box input[type="text"] {width:90px;}
.info-form dl dd .grade-box span {display:inline-block;width: 60px;}
.info-form dl dd .radio-check li {display:inline-block;margin-right:20px;}
.info-form dl dd .high-sch-box input[type="text"]:nth-child(1) {width: 90px;}

.info-form .radio-ul {display: flex; flex-wrap: wrap;}
.info-form .radio-ul li:not(:last-child) {margin-right: 10px;}
.info-form .radio-ul li input {margin-right: 5px;}

.info-form .tb02 {display: flex;}
.info-form .tb02  dl {width:50%;}

.info-form .tb04 {display: flex;}
.info-form .tb04 dl {width:25%;}
.info-form .tb04 dl dt {width: 100px;}

.info-form .list {border-bottom: 1px solid #ddd; padding: 15px 0;}
.info-form .list .tit {font-weight: 600; color: #ce2323; font-size: 16px;}

#joinFrmBase .join-btn {background: #cd0000; color: #fff; border: none; width: 30px; height: 30px;}

@media all and (max-width:1299px){
	.info-form .tb04 dl dt {float: none;}
}

@media all and (max-width:899px){
	.info-form .tb04 {display:block;}
	.info-form .tb04 dl {width:100%;}
	.info-form .tb04 dl dd {width: 100%;}
}

.impor-box {padding: 30px 30px 30px 87px;border:1px solid #ff3336;position:relative;box-sizing:border-box;margin-bottom:20px;}
.impor-box::before {content: '!';width: 40px;height: 40px;position:absolute;display:block;background: linear-gradient(#fb4b9c, #e10000);left: 30px;top: 30px;border-radius: 50px;line-height:45px;text-align: center;font-size: 1.5rem;font-weight: bold;color: #fff;}
.impor-box p {line-height:normal;}

@media all and (max-width:899px){
	.info-form .tb02 {display:block;}
	.info-form .tb02  dl {width:100%;}
}

@media all and (max-width:599px){
	.info-form dl {padding:15px;}
	.info-form dl dd .address div input[type="text"] {width:100px;}
	.info-form dl dd .txt {display:block;}
	.info-form dl dt {width:100%;margin-bottom: 10px;}
	.info-form dl dd {width:100%;}
	.info-form dl dd input[type="text"].per-input {width:100%;}
	.info-form dl dd .country input[type="text"]:nth-child(2) {width:calc(100% - 80px);}

	.impor-box {padding:20px;}
	.impor-box::before {position:initial;margin:0 auto 10px;}

	.info-form dl dd select {width:100%;}
	.info-form dl dd .high-sch-box input[type="text"]:nth-child(3) {width:100%;}
	.info-form dl dd .grade-box span {width:45px;}
}

/*FROM SITE CODE :  
*/