@charset "UTF-8";


/* 타이틀 */
.campusTour h2{font-size:2.6rem;line-height:1.1;}


/* 조회 */
.searchBox{padding:8rem 0;display:flex;align-items:center;flex-direction:column;overflow:hidden;position:relative;border-top:2px solid #222;border-bottom:1px solid #DDD;}
.searchBox h2{font-family:'pre-b';text-align:center;}
.searchBox p{text-align:center;padding-top:1rem;}
.searchBox p::after{width:1rem;height:3px;background:#222;margin:3rem auto;content:"";display:block;}
.searchBox .item{width:60rem;margin-top:1rem;}
.searchBox select,
.searchBox input{width:100%;padding:1.5rem 1rem;font-size:1.6rem;font-family:'pre-m';color:#AAA;line-height:1.1;border:1px solid #CCC;background:#fafafa;}
.searchBox dl{width:100%;margin-top:1rem;display:flex;align-items:center;}
.searchBox dl dt{width:15rem;font-size:1.8rem;font-family:'pre-sb';}
.searchBox dl dd{width:calc(100% - 15rem);display:flex;align-items:center;}
.searchBox dl dd span{padding:0 0.5rem;}
@media screen and (max-width:768px){
	.searchBox .item{width:90%;}
	.searchBox dl{display:block;}
	.searchBox dl dt{width:100%;padding-bottom:0.5rem;}
	.searchBox dl dd{width:100%;}
}


/* 동의 */
.stepItem{margin-bottom:5rem;display:grid;grid-template-columns:1fr 1fr 1fr;}
.stepItem div{padding:2rem;background:#f8f6f5;display:flex;align-items:center;justify-content:center;border-left:1px solid #e8e4e3;}
.stepItem div:before{width:5.1rem;height:4.4rem;margin-right:2rem;content:"";display:block;}
.stepItem .step_1{border:0;}
.stepItem div.on{background:#f8f6e9;}
.stepItem .step_1::before{background:url('../images/tourStep_1.png') no-repeat center;}
.stepItem .step_2::before{background:url('../images/tourStep_2.png') no-repeat center;}
.stepItem .step_3::before{background:url('../images/tourStep_3.png') no-repeat center;}
.stepItem dl dt{font-size:1.6rem;font-family:'pre-r';color:#a32b30;}
.stepItem dl dd{font-size:2rem;font-family:'pre-b';color:#111111;}

.agreeItem{padding:4rem;border:1px solid #DDD;}
.agreeItem h3{font-size:2.4rem;font-family:'pre-b';color:#111;line-height:1.1;}
.agreeItem p{font-size:1.8rem;color:#333;padding:2rem 0;}

.checkItem{padding:3rem;background:#fafafa;text-align:center;}
.checkItem p{font-size:2.4rem;font-family:'pre-b';color:#222;line-height:1.1;}
.checkItem span{font-family:'pre-m';color:#333;margin:0 2rem;}
.checkItem input{width:2.5rem;height:2.5rem;margin-right:0.5rem;vertical-align:-0.5rem;}

.btnItem{margin-top:5rem;display:flex;justify-content:center;}
.btnItem input{font-size:1.6rem;font-family:'pre-m';line-height:1.1;margin:0 0.5rem;padding:0 1.5rem;min-width:13rem;height:5rem;border:1px solid transparent;display:flex;align-items:center;justify-content:center;}
.btnItem input.btnC1{background:#a32b30;border-color:#a32b30;color:#FFF;}
.btnItem input.btnC2{background:#f7f7f7;border-color:#333;color:#333;}
.btnItem input:hover{background:#333;border-color:#333;color:#FFF;}
@media screen and (max-width:768px){
	.stepItem{margin-bottom:3rem;grid-template-columns:1fr;}
	.stepItem div{display:none;}
	.stepItem div.on{display:flex;}
	.btnItem{margin-top:3rem;}
	.btnItem input{min-width:10rem;}
}


/* 쓰기 */
.form_wrap{border-top:2px solid #a32b30;border-bottom:1px solid #555;}
.form_wrap label{cursor:unset;}
.form_wrap .g1 span{padding:0 1rem;}
.form_wrap .phone span,
.form_wrap .email span{padding:0 0.5rem;}
.form_wrap input,
.form_wrap select,
.form_wrap textarea{padding:1.5rem 1.1rem;font-size:1.8rem;font-family:'pre-sb';line-height:1.1;border:1px solid #CCC;appearance:none;background:#fafafa;}
.form_wrap select{background:#fafafa url('../images/input_select.png') right center no-repeat;padding-right:3rem;}
.form_wrap input::placeholder,
.form_wrap select::placeholder,
.form_wrap textarea::placeholder{font-size:1.6rem;color:#c0c0c0;}
.form_wrap div{padding:0.3rem 0;}
.form_wrap dl{display:flex;flex-wrap:wrap;border-bottom:1px solid #e1e1e1;}
.form_wrap dl dt,
.form_wrap dl dd{padding:2rem;}
.form_wrap dl dt{width:24rem;padding-top:3.2rem;font-size:1.7rem;font-family:'pre-m';color:#050505;line-height:1.1;background:#f6f6f6;display:flex;align-items:center;}
.form_wrap dl dd{width:calc(100% - 24rem);font-size:1.6rem;font-family:'pre-m';color:#333;line-height:1.3;}
.form_wrap .aC{text-align:center;}
.form_wrap.formResult dl dt{padding-top:2rem;}

.form_wrap .must{display:block;text-indent:-99999999px;background:#c00000;width:0.5rem;height:0.5rem;border-radius:50%;margin-right:0.5rem;}

.form_wrap .w60px{width:6rem;}
.form_wrap .w100px{width:10rem;}
.form_wrap .w120px{width:12rem;}
.form_wrap .w15{width:15%;}
.form_wrap .w25{width:25%;}
.form_wrap .w50{width:50%;}
.form_wrap .w100{width:100%;}

@media screen and (max-width:768px){
	.form_wrap dl dt,
	.form_wrap dl dd{padding:0;}
	.form_wrap dl dt{width:100%;padding:2rem 0 1rem 0;background:none;font-family:'pre-b';font-size:1.8rem;}
	.form_wrap dl dd{width:100%;padding-bottom:1rem;}
}


/* PAGING */
._paging{margin-top:5rem;text-align:center;}
._paging ._inner {overflow:hidden;position:relative;height:3.8rem;display:inline-block;}
._paging ._inner a,._paging ._inner li,._paging ._inner p,._paging ._inner span,._paging ._inner strong,._paging ._inner ul{float:left;}
._paging ._inner a._first,._paging ._inner a._last,._paging ._inner a._listNext,._paging ._inner a._listPrev,._paging ._inner a._next,._paging ._inner a._prev{font-size:0;text-indent:-9999px;}
._paging ._inner a,._fnctWrap ._paging ._inner strong{width:3.6rem;height:3.6rem;line-height:1;text-align:center;margin:0 1px;}
._paging ._inner ul{display:inline-block;margin:0 1rem;}
._paging ._inner ul li{float:left;margin:0 0.3rem;}
._paging ._inner ul li a{font-size:1.6rem;width:3.5rem;height:3.5rem;line-height:1;text-align:center;margin:0 1px;color:#555;font-family:'pre-m';border-width:0;display:flex;align-items:center;justify-content:center;}
._paging ._inner .pg-arrow{width:3.5rem;height:3.5rem;}
._paging ._inner li strong{background-color:#6d6e72 !important;border-color:#6d6e72 !important;color:#FFF;border-radius:50%;display:flex;align-items:center;justify-content:center;}
._paging ._inner ._pageState{display:none;padding:0 1em}
._paging ._inner ._first{background: url('../images/arrow_first.png') center no-repeat;}
._paging ._inner ._listPrev{background: url('../images/arrow_prev.png') center no-repeat;}
._paging ._inner ._listNext{background: url('../images/arrow_next.png') center no-repeat;}
._paging ._inner ._last{background: url('../images/arrow_last.png') center no-repeat;}
._paging ._inner ul li a:hover{border:2px solid #DDD;border-radius:50%;}