@charset "UTF-8";

/* 공통 */
#sub-visual {height:200px; position:relative; background-size:cover; background-position:center center; background-image:url(/asea_int/design/image/bg_visual_school.jpg)}
#sub-visual::after {position:absolute; left:0;right:0;background:rgba(0,0,0,0.2);content:'';width:100%;height:100%;}
#sub-visual .title {position:absolute; left:50%;top:50%;transform:translate(-50%,-50%); font-size:2.5em; font-weight:bold; color:#fff;text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); z-index:1;}
#lnb {position:relative; height:50px; width:100%;box-sizing:content-box;border-bottom:1px solid #ddd;}
/*#lnb .inner {border-right:1px solid #ddd; border-left:1px solid #ddd;}*/
#lnb .depth1, #lnb .depth2 {height:40px; position:relative;}
#lnb .depth1 {width:200px}
#lnb .depth2 {width:300px}
#lnb .inner {display:flex;}
/*#lnb .inner > div {border-right:1px solid #ddd}*/
#lnb .inner > div a {line-height:50px; padding:0 10px; position:relative; }
#lnb .inner > div > a {color:#555}
#lnb .inner > div > a.current::after{filter: grayscale(5);transition:0.15s; position:absolute; right:0px;top:50%;transform:translate(-50%,-50%); content:''; background-image:url(/asea_int/design/image/lnb-down.png); background-repeat:no-repeat; background-size:cover; background-position:center; width:20px;height:20px} 
#lnb .inner > div > a.current.on::after{transform:translate(-50%,-50%) rotate(180deg); transition:0.15s;} 
#lnb .inner > div ul {position:absolute; left:-1px;top:50px; width:100%; display:none; border-top:none; background:#fff; z-index:99; box-sizing:content-box; background:#f7f7f7}
#lnb .inner > div ul > li a {transition:0.15s}
#lnb .inner > div ul > li a:hover {color:#a52576; font-weight:bold;transition:0.15s}

#sub-content {margin:90px 0 120px 0}
#sub-content .title-wrap {margin-bottom:3rem; text-align:center}
#sub-content .title-wrap h3 {font-size:2em}
#sub-content .text-box p+p {margin-top:14px}

#sub-content .sec-tit {font-size:1.5em; border-bottom:1px solid #efefef; padding-bottom:1rem; margin-bottom:2rem; position:relative}
#sub-content .sec-tit::after {width:60px; height:3px; background:#a52576; content:''; position:absolute; left:0; bottom:0}
#sub-content .section+.section {margin-top:80px}

.sub-con > div {margin-top:5em}

/* About 종교문화컨텐츠학과 */
.sub0101 .img-box {position:relative; height:400px; overflow:hidden; margin-bottom:3em; background-image:url("/asea_int/design/image/about-img01.jpg");background-position:center; background-size:cover; background-repeat:no-repeat}
.sub0101 .img-box img {object-fit:cover; position:absolute; left:50%;top:50%;transform:translate(-50%,-50%); width:100%; height:100%}
/*.sub0101 .text-box {display:flex; justify-content:space-between}
.sub0101 .text-box .left {width:46%}
.sub0101 .text-box .right {width:50%}*/
.sub0101 .text-box .right {margin-top:2em}
.sub0101 .text-box .t-b {font-weight:bold; font-size:1.375em}

/* 총장 인사말 Greeting */
.sub0102 .flex {display:flex; justify-content:space-between}
.sub0102 .flex .img-box {position:relative; height:400px; overflow:hidden; width:330px}
.sub0102 .flex .img-box img {object-fit:cover; position:absolute; left:50%;top:50%;transform:translate(-50%,-50%); width:100%; height:100%}
.sub0102 .flex .text-box {width:calc(100% - 400px)}
.sub0102 .flex .text-box p:nth-child(1){font-size:1.375em; font-weight:500}
.sub0102 .flex .text-box .sign-wrap {margin-top:3em; text-align:right;}
.sub0102 .flex .text-box .sign-wrap span {margin-left:14px;}
.sub0102 .flex .text-box .sign-wrap b {margin-left:14px}

/* Contact Us */
.sub0103 .section01 .sec-cont {display:flex; justify-content:space-between;}
.sub0103 .section01 .sec-cont .left {width:670px}
.sub0103 .section01 .sec-cont .right {width:calc(100% - 670px - 2em)}
.sub0103 .section01 dl {display:flex; gap:10px; align-items:flex-start;flex-direction:column}
.sub0103 .section01 dl {width:100%}
.sub0103 .section01 dl+dl {margin-top:1.5em}
.sub0103 .section01 dl dt {font-size:1.25em; font-weight:500; display:flex; gap:10px; align-items:center}
.sub0103 .section01 dl dt img {max-width:44px}
.sub0103 .section02 dl {border:1px solid #efefef; border-radius:30px; padding:2em}
.sub0103 .section02 dl+dl {margin-top:1em}
.sub0103 .section02 dt {background:#a52576; border-radius:30px; padding:6px 20px; color:#fff; font-size:1.125em; font-weight:bold; display:inline}
.sub0103 .section02 dd {margin-top:14px}
.sub0103 .section03 .sec-cont {display:flex; justify-content:space-between}
.sub0103 .section03 .sec-cont .img-box {width:726px}
.sub0103 .section03 .sec-cont .number {width:calc(100% - 726px - 3em)}
/*.sub0103 .section03 .number ul {columns: 2;}*/
.sub0103 .section03 .number li {position:relative; display:flex; gap:6px; align-items:center; margin-bottom:14px}
.sub0103 .section03 .number li span {color:#fff; background:#a52576; border-radius:50px; display:block; width:26px; height:26px; text-align:center; line-height:26px; font-size:14px}

/* Application Form */
.sub0201 .flex {display:flex;}
.sub0201 .flex > div {flex:1; display:flex; flex-direction:column; align-items:center; padding:2em 3em; gap:14px}
.sub0201 .flex a{padding:.8em 1.75em; color:#fff; background:#a52576; display:inline-block; border-radius:8px; font-size:1.25em; font-weight:bold;transition:0.15s}
.sub0201 .flex a:hover {background:#000; transition:0.15s}
.sub0201 .flex .dec {}
.sub0201 .flex .right {border:1px solid #ddd; border-radius:30px;}
.sub0201 .flex .right .img-box img {max-width:260px}
.sub0201 .flex .right h3 {font-size:1.125em; padding-bottom:.5em; border-bottom:1px solid #000; margin-top:1em; text-align:center}
.sub0201 .flex .right ul { margin-top:1em}
.sub0201 .flex .right ul li+li {margin-top:10px}
.ol-list {list-style:auto;margin-left:24px;}
.sub0201 .flex .right .warning {color:#a52576; font-weight:bold; margin-top:14px}

/* Application schedule */
.tbl-01 {width:100%; border-bottom:1px solid #ddd;}
.tbl-01 td, .tbl-01 th {padding:14px; text-align:center; border-right:1px solid #efefef}
.tbl-01 td {border-top:1px solid #ddd}
.tbl-01 th {border-top:1px solid #000}
.tbl-01 .title {font-weight:bold}
.tbl-01 td:last-child, .tbl-01 th:last-child {border-right:none}

/* Admissions Policy */
.sub0203 .step-wrap span {color:#fff; background:#a52576; padding:7px 15px; border-radius:20px; font-size:13.5px; font-weight:bold; display:inline-block}
.sub0203 .step-wrap ul {display:flex; gap:20px}
.sub0203 .step-wrap li {flex:1;padding:2em; border-radius:30px; box-sizing:border-box; background:#f7f7f7}
.sub0203 .step-wrap li .text-box {margin-top:20px; font-size:14px;}
.sub0203 .step-wrap li .text-box b {display:block; font-size:1rem}
.sub0203 .step-wrap ul+ul {margin-top:20px}
.sub0203 .warning-wrap {margin-top:50px; border-top:2px solid #000}
.sub0203 .warning-wrap li+li {margin-top:10px;border-top:1px solid #ddd}
.sub0203 .warning-wrap li {padding:1em}

/* Scholarship */

/* Contact */
.sub0205 .box{border:1px solid #ddd; box-sizing:border-box; padding:2em 3em;}
.sub0205 .box .title {font-size:1.25em; font-weight:bold; text-align:center; margin-bottom:1em; text-decoration:underline;text-decoration-thickness: 10px; text-underline-offset: 0; text-decoration-color:#ffeaf7}
.sub0205 .sec-cont dl {display:flex; align-items:center;}
.sub0205 .sec-cont dl+dl {margin-top:1.5em}
.sub0205 .sec-cont dt {display:flex; align-items:center; gap:14px; font-size:1.125em; font-weight:bold; width:140px;}
.sub0205 .sec-cont dt img {max-width:44px;}
.sub0205 .sec-cont dd {margin-left:20px;}

/* Credits and Course Schedule */
.sub0301 .section01 {margin-bottom:80px}

/* notice */
select {line-height:1.1}
input:not([type="file"]), select {padding:10px; background:#fff; border:1px solid #ddd; outline:none;transition:0.15s}
input:not([type="file"]):hover, select:hover, input:not([type="file"]):active, select:active,input:not([type="file"]):focus, select:focus{border:1px solid #000; transition:0.15s}
.sub-notice {max-width:1200px; margin:0 auto}
.sub-notice table {border-top:2px solid #000}
.sub-notice table col:last-child{display:none;}
.sub-notice table caption {display:none;}
.sub-notice table td, .sub-notice table th {padding:10px; box-sizing:border-box; border-bottom:1px solid #ddd;}
.sub-notice .b-list td { text-align:center} 
.sub-notice table td.conts {padding:3em 1em}
.sub-notice .board-right {text-align:right; margin:2em 0;}
.sub-notice .board-right a {padding:10px 20px; background:#a52576; display:inline-block; color:#fff}
.sub-notice .board-c {background:#f5f5f5; padding:2em 3em; text-align:center; margin-top:3em}
.sub-notice .board-c legend{display:none;}
.sub-notice button.btn-search {cursor:pointer; background:#666; padding:10px 20px; color:#fff; background-image:url(/asea_int/design/image/icon-search-wh.png); background-repeat:no-repeat; background-position:center center; text-indent:-9999px;}
.sub-notice button {cursor:pointer; background:#666; padding:10px 20px; color:#fff;}
.sub-notice .bd-post {border-top:2px solid #000}
.sub-notice .bd-post dl {display:flex; align-items:center; padding:14px; border-bottom:1px solid #ddd}
.sub-notice .bd-post dl dt {width:200px; font-weight:500}
.sub-notice .bd-post dl dt label {font-weight:500}
.sub-notice .bd-post dl dt label span {font-weight:500}
.sub-notice .bd-post dl dd {width:calc(100% - 200px)}
.sub-notice .bd-post dl dd .datepicker {display:flex; align-items:center;}
.sub-notice .bd-post dl dd .datepicker label{width:80px}
.sub-notice .bd-post dl dd .datepicker + .datepicker {margin-top:10px}
.sub-notice .bd-post .board-s {margin-top:2em }
.sub-notice .bd-post .board-s .wp-btn {display:flex; align-items:center; justify-content:flex-end; gap:10px;}
.sub-notice .bd-post #cke_bd_content {width:100% !important}
.sub-notice .bd-view .board-s{display:flex; margin-top:2em; justify-content:space-between}
.sub-notice .bd-view .board-s .board-left img {display:none;}
.sub-notice .bd-view .board-s .board-left a{position:relative; background:#666; padding:.7rem 1.5rem; color:#fff}
.sub-notice .bd-view .skip {display:none;}
/*.sub-notice .bd-view .board-s .board-left a:after {content:'목록보기';color:#fff;}*/
.sub-notice .bd-view .board-s .board-right {margin-top:0;}
.sub-notice .bd-view table th {font-weight:500}
.sub-notice .album {display:flex; gap:3.5em 2em; flex-wrap:wrap;}
.sub-notice .album .photo-list {width:calc((100% - 2em * 2) / 3) !important;}
.sub-notice .album .photo-list:hover .photo-img a img {transform:translate(-50%,-50%) scale(1.1); transition:0.15s}
.sub-notice .album .photo-list .photo-img a {position:relative; padding-bottom:75%; overflow:hidden;}
.sub-notice .album .photo-list .photo-img a img {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover; width:100%; height:100%;transition:0.15s}
.sub-notice .album .photo-list .photo-cont {margin-top:1.5em}
.sub-notice .album .photo-list .photo-cont a {width:100%; font-size:1.125em; font-weight:500;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.sub-notice .paging {margin:2em 0}
.sub-notice .paging ul, .boardList__paging {display:flex; align-items:center; justify-content:center; gap:20px;}
.sub-notice .album > div{width:100% !important;}
.sub-notice table.tbl-list {border-top:1px solid #ddd; background:#fbfbfb; border-left:1px solid #ddd; border-right:1px solid #ddd; margin-top:2em}
.sub-notice table.tbl-list tr:last-child {border-bottom:1px solid #ddd;}
.sub-notice table.tbl-list tr+tr {border-top:1px solid #f1f1f1}
.sub-notice table.tbl-list td, .sub-notice table.tbl-list th {border:none;}
.sub-notice table.tbl-list td a, .sub-notice table.tbl-comm td a  {width:100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; transition:0.15s}
.sub-notice table.tbl-list td a:hover, .sub-notice table.tbl-comm td a:hover {font-weight:bold; transition:0.15s}

/* Campus Facilities */
.sub0402 .box ul {display:flex; gap:4em 2em; flex-wrap:wrap;}
.sub0402 .box ul li {width:calc(50% - 1em)}
.sub0402 .box ul li .title {padding-top:1em; margin-top:1.5em; font-size:1.5em; font-weight:bold; border-top:1px solid #dddd}

/* Campus Activity */
.int-category {margin-bottom:3em; display:flex; align-items:center; justify-content:center; gap:10px}
.int-category li a {padding:0.75em 1.15em; border-radius:50px; background:#f9f9f9; border:1px solid #efefef; color:#767676; transition:0.15s}
.int-category li.current a{background:#a52576; color:#fff; border-color:#a52576;}
.int-category li:hover a{background:#a52576; color:#fff; border-color:#a52576; transition:0.15s}
.album__list {display:flex; flex-wrap:wrap; gap:4em 2em; width:100%;}
.album__list li {width:calc((100% - 2em * 2) / 3)}
.album__list .album__thumb {position:relative; padding-bottom:56.25%}
.album__list .album__thumb img {position:absolute; left:50%;top:50%;transform:translate(-50%,-50%); object-fit:contain;width:100%; height:100%;}
.album__list .album__tit {margin:1em 0 .5em; font-size:1.25em; font-weight:500;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; width:100%;}
.album__list .album__date {text-align:right; color:#767676; font-size:14px;}
.board__search {background:#f1f1f1; padding:2em; text-align:center; margin-top:2em;}
.board__search legend {display:none}
.boardList__paging {margin-top:2em}
.board__btn {display:flex; justify-content:flex-end; margin-top:2em; gap:10px;}
.board__btn .btn {padding:10px 20px; background:#a52576; display:inline-block; color:#fff; border:none;}
.board__btn .btn:hover {background:#a52576; border:none;}
#boardPost .tbl--vert th {width:15%;}
#boardPost .tbl--vert td {width:85%}
#boardPost .tbl--vert #cke_bd_content {width:100% !important;}
.boardView th {width:30%}
.boardView td{text-align:left; width:70%}
.boardView iframe {width:100%; aspect-ratio: 16 / 9;}


@media (max-width:1240px) {
	body {font-size:14px}
	.inner {max-width:96%; margin:0 auto}
	.sub-notice {max-width:96%; margin:0 auto}
	.main-visual-dots {width:96% !important}

	.main-cont02 .video-wrap .swiper-slide a {flex-direction:column}
	.main-cont02 .video-wrap .swiper-slide .video-box {width:100%;}
	.main-cont02 .video-wrap .swiper-slide .text-box {width:100%;}

	.sub0102 .flex .text-box {width:calc(100% - 370px)}
}

@media (max-width:1024px) {

	.icoSns {width:22px;height:22px;}
	.icoSns--blog {background-position:-22px;}
	.icoSns--youtube {background-position:-44px;}
	.icoSns--facebook {background-position:-66px;}
	#header .top ul li:last-child a {padding:7px 17px;;}
	#header .top .inner {max-width:100%}
	#header .bottom .inner .sns a {width:32px; height:32px;}
	#header .bottom .inner .logo img {width:180px}
	#header .gnb {display:none;}
	#header .m-gnb {display:block;}
	#header .m-gnb .btn-open{display:block; position:relative; width:24px; height:18px; margin-left:14px;}
	#header .m-gnb .btn-open span {display:block; width:100%; height:2px; background:#333; position:absolute; left:0;top:0; transition:0.15s}
	#header .m-gnb .btn-open span:nth-child(2) {left:0;top:50%;}
	#header .m-gnb .btn-open span:nth-child(3) {left:0;top:100%;}
	#header .m-gnb .btn-open.on span {transform:translateY(-50%) rotate(45deg); top:50%; transition:0.15s}
	#header .m-gnb .btn-open.on span:nth-child(2) {opacity:0;}
	#header .m-gnb .btn-open.on span:nth-child(3) {transform:rotate(-45deg); top:calc(50% - 1px);}
	#header .m-gnb .m-gnb-wrap {display:none; position:absolute; left:0;top:calc(100% + .5rem);width:100%;z-index:999; background:#fff; padding:20px 0; box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.2) 0px 10px 10px -5px;}
	#header .m-gnb .m-gnb-wrap .inner {display:block;}
	#header .m-gnb .m-gnb-wrap .inner .depth1 li a{font-size:1.125em; font-weight:500; padding:1rem;}
	#header .m-gnb .m-gnb-wrap .inner .depth1 > li {border-bottom:1px solid #efefef;}
	#header .m-gnb .m-gnb-wrap .inner .depth1 > li:last-child {border-bottom:0;}
	#header .m-gnb .m-gnb-wrap .inner .depth1 > li a {position:relative;}
	#header .m-gnb .m-gnb-wrap .inner .depth1 > li > a::after {position:absolute; right:calc(1rem + 4px);top:calc(50% + 2px);transform:translate(-50%,-50%) rotate(45deg); width:8px; height:2px;background:#333;content:'';}
	#header .m-gnb .m-gnb-wrap .inner .depth1 > li > a::before {position:absolute; right:1rem;top:calc(50% + 2px);transform:translate(-50%,-50%) rotate(-45deg); width:8px; height:2px;background:#333;content:'';}
	#header .m-gnb .m-gnb-wrap .inner .depth1 > li.on > a::before {transform:translate(-50%,-50%) rotate(-315deg);}
	#header .m-gnb .m-gnb-wrap .inner .depth1 > li.on > a::after {transform:translate(-50%,-50%) rotate(-45deg);}
	#header .m-gnb .m-gnb-wrap .inner .depth2 li a {font-size:1em; padding:.2rem 1rem;}
	#header .m-gnb .m-gnb-wrap .inner .depth2 {margin:1rem; display:none; background:#f9f9f9; margin-top:0; padding:.5rem 0}


	#main-visual {height:480px}
	#main-visual .swiper-slide .text-box .title {font-size:32px;}
	#main-visual .swiper-slide .text-box .btn {margin-top:2rem}


	.quick-menu ul li {flex:1}
	.quick-menu ul li a {padding:20px 0}
	.quick-menu ul li a img {max-width:50px}


	.main-cont01 {padding:4.5rem 0;}
	.main-cont02 {margin:4.5rem 0}
	.main-cont02 .video-wrap .swiper-slide .text-box {padding:16px}
		.main-cont02 .video-wrap .swiper-slide .text-box .title, .main-cont02 .video-wrap .swiper-slide .text-box .desc {-webkit-line-clamp:1}
	.main-cont02 .video-wrap .swiper-slide .text-box .desc {padding-bottom:18px; margin-top:6px;}


	#sub-visual {height:180px;}
	#sub-visual .title {width:100%; font-size:36px; text-align:center; line-height:1.2}
	#sub-content {margin:70px 0 100px}
	.sub-con > div {margin-top:3.5em}
	#sub-content .section+.section {margin-top:60px}
	#sub-content .title-wrap {margin-bottom:2rem}

	.sub0101 .img-box {height:300px;}


	.sub0103 .section01 .sec-cont {flex-direction:column; align-items:center; gap:20px}
	.sub0103 .section01 .sec-cont .right {width:670px}
	.sub0103 .section02 dl {padding:20px}
	.sub0103 .section03 .sec-cont {flex-direction:column; align-items:center; gap:20px}
	.sub0103 .section03 .sec-cont .number {width:726px;}
	.sub0103 .section03 .sec-cont .number ul {columns:2}
	
	.sub0201 .flex {flex-direction:column}
	.sub0201 .flex > div {padding:2em 1.5em;}
	.sub0203 .step-wrap ul {flex-wrap:wrap;}
	.sub0203 .step-wrap ul li{width:calc(50% - 10px); flex:none; padding:20px;}

	.album__list li {width:calc((100% - 1em * 2) / 2)}

	
	.sub-notice .b-list thead {display:none;}
	.sub-notice .b-list colgroup col:nth-child(4), .sub-notice .b-list colgroup col:nth-child(5), .sub-notice .b-list colgroup col:nth-child(6) {display:none;}
	.sub-notice .b-list td:nth-child(3) {display:none;}
	.sub-notice .b-list td:nth-child(4) {display:none;}
	.sub-notice .bd-post dl dt {width:110px}
	.sub-notice .bd-post dl dd {width:calc(100% - 100px)}
	.sub-notice .bd-post dl dd input[type="text"] {width:100%;}
	.sub-notice .bd-post dl dd input[type="password"] {width:100%;}

	#boardPost .tbl--vert th {width:110px}
	#boardPost .tbl--vert td {width:calc(100% - 110px)}
}

@media (max-width:768px) {
	#main-visual {height:320px}

	.quick-menu ul {flex-wrap:wrap;}
	.quick-menu ul li {width:50%; flex:none;}
	

	.main-cont01 .cont .desc {font-size:16px;}

	.main-cont02 .inner {flex-direction:column}
	.main-cont02 .inner > div {width:100%;}

	.sub0102 .flex {flex-direction:column; align-items:center; gap:2em}
	.sub0102 .flex .text-box {width:100%;}


	.sub0103 .section03 .sec-cont .img-box {width:100%}
	.sub0103 .section03 .sec-cont .number {width:100%;}
	.sub0103 .section03 .sec-cont .number ul {columns:2}

	.tbl-wrap {overflow-x:scroll}
	.tbl-wrap table {width:768px;}

	.sub0205 .sec-cont dl {flex-direction:column; align-items:flex-start}
	.sub0205 .sec-cont dt img {max-width:36px;}
	.sub0205 .sec-cont dd {margin-left:0}

	.sub0402 .box ul li .title {margin-top:1em; padding-top:.5em;}

	.album__list li {width:100%}

	.sub-notice .board-c {padding:2em 0}

}
@media (max-width:600px) {
	.sub0402 .box ul li {width:100%;}
	.sub0402 .box ul li img {width:100%;}

}

@media (max-width:670px) {

	.sub0103 .section01 .sec-cont .left {width:100%;}
	.sub0103 .section01 .sec-cont .right {width:100%}
	.sub0103 .section01 dl dt img {max-width:36px}

}

@media (max-width:480px) {
	#header .bottom .inner .logo img {width:160px}

	#main-visual {height:270px}
	#main-visual .swiper-slide .text-box .title {font-size:28px;}
	.main-cont01 .cont .title {font-size:1.7em}

	.sub0101 .text-box .t-b br {display:none;}

	.sub0103 .section02 dt {font-size:14px;}
	.sub0103 .section03 .sec-cont .number ul {columns:1}



	.sub0203 .step-wrap ul li {width:100%}

	.sub0205 .box {padding:20px}

	.sub-notice .board-c input[type="text"] {width:120px;}
	.board__search input[type="text"] {width:120px;}
}