/* logo */
.ita-logo{display:flex; float:left; align-items:center; height:100%; letter-spacing:-0.05em;}
.ita-logo b{color:#405FB7}
.ita-logo a{font-size:17px; display:inline-block; padding:12px 20px; padding-top:14px}
.ita-logo span{font-size:13px; font-weight:500; text-align:center; color:#666; display:inline-block; vertical-align:text-top; margin-left:4px; margin-top:1px}

/* 모바일 메뉴 */
@media(max-width:1069px){
    .header .logout{display:none}/* 로그아웃 PC에서만 보이게 */
	.pc{display:none !important}
	.header .btn-nav{display:inline-block; cursor:pointer; float:right; width:40px; height:40px; position:relative; top:4px; padding:11px; margin-right:10px}
	.header .btn-nav .line {position:relative; width:18px; height:2px; top:6px; margin-top:2px; margin-bottom:3px; background:#464646}
	.header .btn-nav .line::before,
	.header .btn-nav .line::after  {content:''; display:inline-block; width:18px; height:2px; margin-top:2px; margin-bottom:3px; background:#464646; position:absolute}
	.header .btn-nav .line::before{top:-8px}
	.header .btn-nav .line::after{top:4px}
	.mobile-menu{width:100%; height:100%; background:#fff; position:fixed; left:0; z-index:999; top:0}
	.mobile-menu li{font-size:17px; padding:0 20px; border-bottom:1px solid #eee}
	.mobile-menu li a{display:block; line-height:2.8}
	.member{background:#3683F9; margin-bottom:2px; color:#fff}
	.member a{color:#fff; display:inline-block !important; font-size:15px; padding:6px 0}
	.member .user{position:relative}
	.member .user::before{content:''; display:inline-block; width:24px; height:24px; background:url(/images/ico-user.png) center no-repeat; background-size:100%; vertical-align:middle; margin-top:-4px; margin-right:5px}
	.member .btn{border:1px solid #1b63d2; line-height:1; padding:6px; font-size:14px; border-radius:2px; background:#1968e0}
	.member .close-bn{position:relative; float:right; cursor:pointer}
	.member .close-bn::before{content:''; display:inline-block; width:16px; height:16px; background:url(/images/ico-close.png) center no-repeat; background-size:100%; vertical-align:middle; margin-top:-4px}
	.mobile-fix{background:#fff; position:fixed; top:0; width:100%; z-index:999; border-bottom:1px solid #eee}
}

@media(min-width:1070px){
    .ita-logo a{font-size:20px}
	.mobile-menu{display:none}
	.header ul.pc{display:flex; float:right; height:100%; align-items:center}
	.header ul.pc li{text-align:right; font-weight:500; margin-left:24px; color:#444}
	.header ul.pc li.logout{color:#777; margin-top:1px}
	.header ul.pc li.logout .btn{border:1px solid #dfdfdf; border-radius:4px; padding:2px 6px; color:#666}
	.header{display:block; position:fixed; width:100%; background-color:#fff; padding-left:20px; padding-right:20px; height:48px; top:0; z-index:2; border-bottom:1px solid rgba(0,0,0,.08); height:64px}
	.header > div{height:100%; max-width:1200px; margin-left:auto; margin-right:auto}
}

/* visual */
.page-visual{text-align:center; min-height:200px; background:#ffe78a; display:flex; justify-content:center; align-items:center; color:#333;}
.administer .page-visual{background:#e6eeff}
.pastor .page-visual{background:#F4F3F8}
.itaguide .page-visual{background:#fffae3}
.test .page-visual{background:#ffbf9b;}
.faq .page-visual{background:#dbe6dd}

.itaguide .page-visual .itaguide-img::before{content:''; background:url(/images/img-index.png)center no-repeat; display:inline-block; width:50px; height:200px; background-size:100%; position:absolute; bottom:0; right:20px}
.faq .page-visual .faq-img::before{content:''; background:url(/images/img-faq.png)center no-repeat; display:inline-block; width:280px; height:135px; background-size:100%; position:absolute; bottom:0; right:-90px}
.student .page-visual .student-img::before{content:''; background:url(/images/img-apply.png)center top no-repeat; display:inline-block; width:200px; height:140px; background-size:100%; position:absolute; bottom:0; right:0}
.test .page-visual .test-img::before{content:''; background:url(/images/img-test.png)center no-repeat; display:inline-block; width:180px; height:149px; background-size:100%; position:absolute; bottom:0; right:20px}
.pastor .page-visual .pastor-img::before{content:''; background:url(/images/img-pastor.png)center no-repeat; display:inline-block; width:260px; height:170px; background-size:100%; position:absolute; bottom:0; right:0}
.administer .page-visual .administer-img::before{content:''; background:url(/images/img-administer.png)center no-repeat; display:inline-block; width:240px; height:190px; background-size:100%; position:absolute; bottom:0; right:20px}


.page-visual > div{font-weight:600}
.page-visual{position:relative}
/* .page-visual::before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#131313; opacity:0.3} */
.page-visual .inner{z-index:1; text-align:left; width:100%; padding-left:20px; padding-right:20px}
.page-visual .inner div{margin-top:10px; font-weight:400; letter-spacing:0; color:#555}

@media(min-width:768px){
	.page-visual{min-height:260px}
    .page-visual .inner{text-align:center;}
	.page-visual .inner div{margin-top:15px}

    .itaguide .page-visual .itaguide-img::before{width:80px; height:260px; background-size:100%; right:15%}
    .faq .page-visual .faq-img::before{width:410px; height:195px; background-size:100%; right:20px}
    .student .page-visual .student-img::before{width:340px; height:220px; background-size:100%}
    .test .page-visual .test-img::before{width:250px; height:207px; background-size:100%; right:10%}
    .pastor .page-visual .pastor-img::before{width:381px; height:250px; background-size:100%}
    .administer .page-visual .administer-img::before{width:340px; height:260px; background-size:100%}

}
@media(min-width:1070px){
	.page-visual .inner div{margin-top:20px}
}