@charset "utf-8";
.pop-btn{display:none;}
#popup-area{display:none;}
.header_top .util-area > a{display:none}
img{max-width:100%;}
.clearfix::after{display:block; content:''; clear:both;}
p{font-size:18px; line-height:1.5;}
@media all and (max-width:767px){
	p{font-size:14px;}
}
/* 기본정의 */
i,em,address{font-style:normal}
label,button{cursor:pointer}
legend{width:0;height:0;font-size:0;position:absolute;z-index:-1}
table{width:100%;border-spacing:0;table-layout:fixed;text-align:center}
caption{width:0;height:0;padding:0;font-size:0;opacity:0}
th{text-align:center}
figure{text-align:center}
/* Title Style */
h5.tit{color:#111; font-size:24px; font-weight:300; font-family: 'Gmarket'; margin-bottom:30px;}
h5.tit::before{content:''; display:inline-block; width:20px; height:5px; background:#00b99e; transform:rotate(-45deg); margin-right:10px; vertical-align:middle; margin-bottom:7px;}
h6.tit{font-size:20px; color:#3b3b3b; font-weight:600; margin-bottom:15px; font-family:'Gmarket';}
h6.stit{font-size:24px; font-weight:600; margin-bottom:15px;}
h6.stit01{font-size:20px; color:#0f5fb4; font-weight:600; margin-bottom:10px}
h6.stit02{font-size:18px; color:#333; font-weight:700; margin-bottom:10px}
@media all and (max-width:767px){
	h5.tit{font-size:20px; margin-bottom:16px;}
	h5.tit::before{width:16px;}
	h6.tit{font-size:16px}
	h6.stit{font-size:20px;}
	h6.stit01{font-size:18px;}
	h6.stit02{font-size:16px;}
}
.point{color:#004eb4; font-weight:600;}

/* Text align */
.text-left{text-align:left !important;}
.text-center{text-align:center !important;}
.text-right{text-align:right !important;}

/* Table */
.table_scroll {overflow-x:auto;margin-bottom: 20px;}/*넓이가 긴 테이블 */
table.table-detail { border-top: 2px solid #000000; border-right: 1px solid #d8d8de; border-left: 0; width: 100%; text-align: left; border-collapse: separate; border-spacing: 0; }
table.table-detail caption { overflow: hidden; position: absolute; top: 0; left: 0; width: 1px; height: 1px; font-size: 0; line-height: 0; }
table.table-detail th,
table.table-detail td { border-left: 1px solid #d8d8de; border-bottom: 1px solid #d8d8de; margin-top: 0; padding: 12px 10px; vertical-align: middle; width: auto; line-height: 1.4; }
table.table-detail th { background: #f8f8f8; color: #000000; font-weight: 500; text-align: center; }
table.table-detail th.th01 { background: #f6f7f9;  }/*가로타이틀경우*/
table.table-detail td { min-height: 40px; color: #3d3d3d; }
table.table-detail td.day{background:#f0f8ff; font-weight:500;}
table.table-scroll { word-break: keep-all; }/* table */
@media all and (max-width:768px){
	.table_scroll table.table-detail{width:1000px}
}

/* Tab Style */
.ui-page-tab{margin-bottom:50px;}
.ui-page-tab li{border-bottom:1px solid #0f5fb4; float:none; display:table-cell; width:1%; color:#5a5a5a; background:#f9f9f9;border-top-left-radius: 16px; border-top-right-radius: 16px;}
.ui-page-tab li a{font-family: 'Gmarket'; font-weight:300;}
.ui-page-tab li.on{background:#0f5fb4; border-bottom:0;}
.ui-page-tab li.on a{color:#fff;}
@media all and (max-width:768px){
	.ui-page-tab li a{font-size:14px; height:40px; line-height:40px;}
}
@media all and (max-width:500px){
	.ui-page-tab{margin-bottom:30px;}
	.ui-page-tab li{float:left; display:block; width:50%; border-bottom:0; border-top-left-radius: 0; border-top-right-radius: 0;}
}
/* gap | sgap */
.gap{height:70px}
.sgap{height:50px}
.ssgap{height:35px;}
.sssgap{height:20px}
.f_l{float:left;}
.f_r{float:right;}
@media all and (max-width:768px){
	.gap{height:50px;}
	.sgap{height:30px;}
}

/* imgbox STYLE*/
.imgBox{border:5px solid #f9f9f9; padding:40px; display:flex; justify-content:space-between; flex-wrap:wrap;}
.imgBox.col2 img{width:48%; margin-bottom:20px}
@media all and (max-width:768px){
	.imgBox{padding:20px;}
	.imgBox.col2 img{width:100%;}
	.imgBox.col2 img:last-child{margin-bottom:0;}
}
.img-zoom{position:relative;}
.img-zoom img{width:100%; height:auto;}
.img-zoom .zoom-btn{display:none; width:60px; height:60px; background:url(/resources/custom/images/dormitory/sub/ico_imgZoom.png) no-repeat center,#0f5fb4; background-size:24px; position:absolute; bottom:20px; right:20px; z-index:1; text-indent:-9999px; border-radius: 0px;}
@media all and (max-width:768px){
	.img-zoom .zoom-btn{display:block;}
}

/* LIST STYLE */
.list01 li{padding-left:15px; position:relative; font-size:18px; color:#333; margin-bottom:10px; line-height:1.375;}
.list01 li::before{width:5px; height:5px; background:#0f5fb4; position:absolute; left:0; top:9px; content:''; display:block}
.list01 li:last-child{margin-bottom:0;}
.list02 li{padding-left:15px; position:relative; font-size:16px; color:#333; margin-bottom:10px; line-height:1.375; text-align:left;}
.list02 li::before{width:5px; height:1px; background:#5a5a5a; position:absolute; left:0; top:9px; content:''; display:block;}
.list02 li:last-child{margin-bottom:0;}
.list-num li{padding-left:28px; font-size:16px; position:relative; margin-bottom:8px}
.list-num li:last-child{margin-bottom:0}
.list-num li:nth-child(1)::before{display:block; width:18px; height:18px; content:'1'; text-align:center; line-height:18px; border-radius: 50%; background:#eaf2ff; color:#1c4876; font-weight:600; position:absolute; left:0; font-size:13px;}
.list-num li:nth-child(2)::before{display:block; width:18px; height:18px; content:'2'; text-align:center; line-height:18px; border-radius: 50%; background:#eaf2ff; color:#1c4876; font-weight:600; position:absolute; left:0; font-size:13px; }
.list-num li:nth-child(3)::before{display:block; width:18px; height:18px; content:'3'; text-align:center; line-height:18px; border-radius: 50%; background:#eaf2ff; color:#1c4876; font-weight:600; position:absolute; left:0; font-size:13px; }
.list-num li:nth-child(4)::before{display:block; width:18px; height:18px; content:'4'; text-align:center; line-height:18px; border-radius: 50%; background:#eaf2ff; color:#1c4876; font-weight:600; position:absolute; left:0; font-size:13px; }
.list-num li:nth-child(5)::before{display:block; width:18px; height:18px; content:'5'; text-align:center; line-height:18px; border-radius: 50%; background:#eaf2ff; color:#1c4876; font-weight:600; position:absolute; left:0; font-size:13px; }
.list-num li:nth-child(6)::before{display:block; width:18px; height:18px; content:'6'; text-align:center; line-height:18px; border-radius: 50%; background:#eaf2ff; color:#1c4876; font-weight:600; position:absolute; left:0; font-size:13px; }
.list-num li:nth-child(7)::before{display:block; width:18px; height:18px; content:'7'; text-align:center; line-height:18px; border-radius: 50%; background:#eaf2ff; color:#1c4876; font-weight:600; position:absolute; left:0; font-size:13px; }
.list-num li:nth-child(8)::before{display:block; width:18px; height:18px; content:'8'; text-align:center; line-height:18px; border-radius: 50%; background:#eaf2ff; color:#1c4876; font-weight:600; position:absolute; left:0; font-size:13px; }
.list-num li:nth-child(9)::before{display:block; width:18px; height:18px; content:'9'; text-align:center; line-height:18px; border-radius: 50%; background:#eaf2ff; color:#1c4876; font-weight:600; position:absolute; left:0; font-size:13px; }
.list-num li:nth-child(10)::before{display:block; width:18px; height:18px; content:'10'; text-align:center; line-height:18px; border-radius: 50%; background:#eaf2ff; color:#1c4876; font-weight:600; position:absolute; left:0; font-size:13px; }
@media all and (max-width:768px){
	.list01 li{font-size:14px; padding-left:10px;}	
	.list01 li::before{width:3px; height:3px; top:7px;}
	.list02 li{font-size:14px; padding-left:10px;}	
	.list02 li::before{width:3px; top:7px;}
	.list-num li{font-size:14px; padding-left:24px;}
}


/* SITEMAP COMMON */
.sitemapWrap .sub-page-top{margin-top:60px;}
.sitemap{padding:50px 0; border-top:2px solid #000; border-bottom:1px solid #c5c5c5;}
.sitemap > ul > li{display:flex; margin-bottom:70px;}
.sitemap > ul > li > a{width:200px; font-size:24px; font-weight:600; color:#000; border-right:1px solid #d7d7d7;}
.sitemap > ul > li > ul{width:calc(100% - 200px); padding-left:50px; display:flex; flex-wrap:wrap;}
.sitemap > ul > li > ul > li{width:25%;}
.sitemap > ul > li > ul > li > a{color:#222; font-weight:600; font-size:20px; display:block; margin-bottom:10px;}
.sitemap > ul > li > ul > li > ul > li > a{padding-left:10px; position:relative; color:#5a5a5a; margin-bottom:5px; display:block; font-size:16px;}
.sitemap > ul > li > ul > li > ul > li > a::before{display:block; content:''; width:3px; height:3px; background:#e5e5e5; position:absolute; top:7px; left:0;}
.contentsUtill{display:none;}
@media all and (max-width:1200px){
	.sitemap{padding:0px;}
	.sitemap > ul > li{display:block; margin-bottom:0;}
	.sitemap > ul > li > a{display:block; width:100%; border-bottom:1px solid #d7d7d7; border-right:0; padding:15px; border-top:1px solid #d7d7d7; background:#f9f9f9;}
	.sitemap > ul > li:first-child > a{border-top:0}
	.sitemap > ul > li > ul{width:100%; padding-left:0; min-height:80px;}
	.sitemap > ul > li > ul > li{padding:15px;}
}
@media all and (max-width:767px){
	.sitemap > ul > li > ul > li{width:50%;}
}


/* BTN STYLE */
.btn-apply{padding:15px 24px; border:1px solid #103a7e; color:#103a7e; position:relative; overflow:hidden; border-radius: 16px; transition:all .3s ease;}
.btn-apply:hover{color:#fff; background:#103a7e; transition:all .3s ease;}
.btn-black{padding:15px 24px; border:1px solid #222; color:#222; position:relative; overflow:hidden; border-radius: 16px; transition:all .3s ease;}
.btn-black:hover{color:#fff; background:#222; transition:all .3s ease;}
@media all and (max-width:767px){
	.btn-apply{font-size:14px; padding:12px 16px;}
}

/* S : SUBPAGE */
.intro01{position:relative;}
.intro01::before{width:232px; height:232px; display:block; content:''; position:absolute; right:-130px; top:50px; background:url(/resources/custom/images/dormitory/sub/intro01-deco.png) no-repeat center; z-index:-1;}
.intro01 .img{margin-left:50px; float:left; border-radius: 12px; overflow:hidden; width:34%; height:588px;}
.intro01 .img img{width:100%; height:100%; object-fit:cover;}
.intro01 .text{float:right;width:calc(66% - 120px); position:relative;}
.intro01 .text::before{width:1180px; height:568px; border-radius: 24px; background:#f2f7ff; display:block; content:''; position:absolute; right:0; top:-75px; z-index:-2; }
.intro01 .text .tit{font-size:32px; color:#000; font-weight:700; margin-bottom:45px;}
.intro01 .text p{font-size:20px; color:#4b4b4b; font-weight:400; line-height:1.5; padding-right:40px;}
.intro01 .text .name{display:block; text-align:right; font-weight:800; margin-top:100px; font-size:24px; color:#000;}
@media all and (max-width:1400px){
	.intro01 .img{margin-left:0;}
	.intro01 .text{width:calc(66% - 50px);}
}
@media all and (max-width:1200px){
	.intro01 .img{width:100%; height:360px; }
	.intro01 .text{width:100%; margin-top:30px;}
}
@media all and (max-width:767px){
	.intro01 .img{height:240px; }
	.intro01 .text .tit{font-size:20px; margin-bottom:24px;}
	.intro01 .text p{font-size:14px; padding-right:10px;}
	.intro01 .text .name{margin-top:30px; font-size:16px; text-align:left;}
}

.intro02 .box{display:flex; justify-content:space-between; flex-wrap:wrap; padding:40px; background:#ecf8fd; margin-bottom:40px; align-items:center; border-radius:24px; border-top-left-radius: 0; border-bottom-right-radius: 0;}
.intro02 .box .tit{border-right:1px solid #e9e9e9; width:25%; padding:0 30px; font-family: 'Gmarket'; text-align:center; font-size:24px;}
.intro02 .box .tit strong{color:#0f5fb4;}
.intro02 .box p{width:75%; line-height:1.5; color:#111; padding:0 30px;}
.intro02 .yeartree{position:relative;}
.intro02 .yeartree::before{display:block; content:''; width:1px; height:100%; background:#e9e9e9; position:absolute; left:50%; z-index:0;}
.intro02 .yeartree > div h6{font-size:28px; color:#004289; font-weight:600; font-family: 'Gmarket'; margin-bottom:16px; position:relative;}
.intro02 .yeartree .l_l{padding:40px calc(50% + 40px) 40px 0; text-align:right;}
.intro02 .yeartree .l_l h6::before{display:block; content:''; width:7px; height:7px; border-radius:50%; background:#0f5fb4; position:absolute; right:-44px; top:7px;}
.intro02 .yeartree .l_l h6::after{display:block; content:''; background:#e9e9e9; position:absolute; top:10px; right:-40px; width:30px; height:1px; z-index:-1;}
.intro02 .yeartree .l_r{padding:40px 0 40px calc(50% + 40px); text-align:left;}
.intro02 .yeartree .l_r h6::before{display:block; content:''; width:7px; height:7px; border-radius:50%; background:#0f5fb4; position:absolute; left:-44px; top:7px;}
.intro02 .yeartree .l_r h6::after{display:block; content:''; background:#e9e9e9; position:absolute; top:10px; left:-40px; width:30px; height:1px; z-index:-1}
.intro02 .yeartree > div p{font-size:18px;}
.intro02 .yeartree > div .month{font-weight:600; color:#000; margin-right:10px;}
@media all and (max-width:768px){
	.intro02 .box{padding:24px;}
	.intro02 .box .tit{width:100%; padding:0; border-right:0; margin-bottom:10px; font-size:20px;}
	.intro02 .box p{width:100%; padding:0; font-size:14px;}
	.intro02 .yeartree > div h6{font-size:20px; margin-bottom:12px;}
	.intro02 .yeartree > div p{font-size:14px;}
	.intro02 .yeartree .l_r, .intro02 .yeartree .l_l{padding:30px 0 0 70px}
	.intro02 .yeartree .l_l{text-align:left;}
	.intro02 .yeartree::before{left:30px;}
	.intro02 .yeartree .l_l h6::before{left:-44px;}
	.intro02 .yeartree .l_l h6::after{left:-40px;}
}
@media all and (max-width:480px){
	.intro02 .yeartree::before{left:0;}
	.intro02 .yeartree .l_r, .intro02 .yeartree .l_l{padding: 30px 0 0 30px}
	.intro02 .yeartree .l_r h6::after, .intro02 .yeartree .l_l h6::after{left:-30px; width:20px;}
	.intro02 .yeartree .l_r h6::before, .intro02 .yeartree .l_l h6::before{left:-33px;}
}
.intro03 .root_daum_roughmap{width:100% !important;}
.intro03 .map_wrap{position:relative;}
.intro03 .map_img{border-top-left-radius:30px; border-top-right-radius: 30px; overflow:hidden; border:1px solid #a9a9a9; border-bottom:0;}
.intro03 .map_img .map_border{display:none;}
.intro03 .map_info{ width:100%; background:#0586ec; padding:40px 50px; display:flex; justify-content:space-between; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px;}
.intro03 .map_info h6{font-size:24px; color:#fff; width:240px; font-family: 'Gmarket'; line-height:1.375;}
.intro03 .map_info ul{width:calc(100% - 450px);}
.intro03 .map_info ul li{color:#fff; display:flex; margin-bottom:10px; font-size:18px;}
.intro03 .map_info ul li strong{width:140px; position:relative;}
.intro03 .map_info ul li strong i{width:24px; height:24px; display:inline-block; vertical-align:middle; border-radius: 50%; margin-right:8px;}
.intro03 .map_info ul li strong::after{content:''; width:1px; height:20px; background:#fff; position:absolute; right:0; top:0;}
.intro03 .map_info ul li span{width:calc(100% - 100px); margin-left:20px; color:#fff;}
.intro03 .map_info ul li i.ico01{background:url(/resources/custom/images/dormitory/sub/ico_intro0402.png) no-repeat center, #fff; background-size:16px;}
.intro03 .map_info ul li i.ico02{background:url(/resources/custom/images/dormitory/sub/ico_intro0403.png) no-repeat center, #fff; background-size:16px;}
.intro03 .map_info ul li i.ico03{background:url(/resources/custom/images/dormitory/sub/ico_intro0404.png) no-repeat center, #fff; background-size:16px;}
.intro03 .map_info a{width:150px; height:100px; background:url(/resources/custom/images/dormitory/sub/ico_intro0401.png) no-repeat center 20px, #fff; background-size:30px; border-radius: 16px; color:blue; text-align:center; transition:all .3s ease; border:0px solid #fff;}
.intro03 .map_info a span{color:#2476DD; font-family: 'Gmarket'; padding-top:55px; display:inline-block; }
.intro03 .map_info a:hover{ border:4px solid #2476DD; transition:all .3s ease;}
.intro03 .wayto > div{border-top:1px solid #e5e5e5; padding:20px 20px 20px 20px; display:flex; align-items:center;}
.intro03 .wayto > div span{width:120px; height:120px; margin-left:10px; margin-right:50px;}
.intro03 .wayto > div > div{padding:20px 0;}
.intro03 .wayto .bus{border-top:1px solid #333;}
.intro03 .wayto .bus span{background:url(/resources/custom/images/dormitory/sub/ico_wayto_bus.png) no-repeat; background-size:cover;}
.intro03 .wayto .metro{border-bottom:1px solid #e5e5e5;}
.intro03 .wayto .metro span{background:url(/resources/custom/images/dormitory/sub/ico_wayto_metro.png) no-repeat; background-size:cover;}
@media all and (max-width:1000px){
	.intro03 .map_info h6{font-size:20px;}
	.intro03 .map_info ul{width:auto;}
	.intro03 .map_info ul li{font-size:16px;}
	.intro03 .map_info a{width:100px; height:100px;}
}
@media all and (max-width:767px){
	.intro03 .wayto > div{display:block; text-align:center;}
	.intro03 .wayto > div span{display:inline-block; margin:0 0 10px 0;}
	.intro03 .wayto > div li{text-align:left;}
}
@media all and (max-width:640px){
	.intro03 .map_info{display:block; padding:40px 20px;}
	.intro03 .map_info h6{margin-bottom:10px;}
	.intro03 .map_info ul{margin-bottom:10px;}
	.intro03 .map_info ul li{font-size:14px;}
	.intro03 .map_info a{display:block; width:100%; height:auto; border-radius: 8px; padding:10px 0; background-image:none;}
	.intro03 .map_info a span{padding:0; font-size:14px;}
	.intro03 .map_info ul li strong{width:100px;}	
}

.intro04 .org-list{text-align:center;}
.intro04 .org-li01 > div{margin-bottom:30px;}
.intro04 .org-li01 > div > span{width:160px; height:160px; display:inline-block; background:#0f5fb4; line-height:160px; color:#fff; border-radius: 50%; font-family: 'Gmarket'; font-size:22px; position:relative;}
.intro04 .org-li01 > div > span::after{width:1px; height:315px; background:#a9a9a9; display:block; content:''; position:absolute; right:50%; bottom:-315px; z-index:-1;}
.intro04 .org-li02 > div{margin-bottom:30px; display:flex; justify-content:space-around; position:relative;}
.intro04 .org-li02 > div::after{display:block; content:''; width:50%; height:1px; background:#a9a9a9; position:absolute; left:50%; top:30px; transform:translateX(-50%); z-index:-1; }
.intro04 .org-li02 > div > span{border:3px solid #00b1bd; width:300px; display:inline-block; padding:20px 0; color:#000; background:#fff;}
.intro04 .org-li03 > div{margin-bottom:70px;}
.intro04 .org-li03 > div > span{width:150px; height:150px;  display:inline-block; color:#0f5fb4; border:3px solid #0f5fb4; background:#fff; line-height:150px; border-radius: 50%; font-family: 'Gmarket'; font-size:20px; }
.intro04 .org-li03 > .org-list{display:flex; justify-content:space-around; padding:0 200px; position:relative;}
.intro04 .org-li03 > .org-list::before{display:block; content:''; width:calc(100% - 900px); height:1px; background:#a9a9a9; position:absolute; top:-30px; left:50%; transform:translateX(-50%);}
.intro04 .org-li04{width:50%; position:relative;}
.intro04 .org-li04::before{display:block; content:''; width:1px; height:206px; top:-30px; left:50%; background:#a9a9a9; transform:translateX(-50%); position:absolute; z-index:-1;}
.intro04 .org-li04.one::before{height:220px; }
.intro04 .org-li04 > div{ margin-bottom:30px;}
.intro04 .org-li04 > div > span{border:3px solid #0fb464; width:300px; display:inline-block; padding:20px 0; background:#fff}
.intro04 .org-li05 > div > span{border:3px solid #525252; width:300px; display:inline-block; padding:20px 0; background:#fff}
.intro04 .org-li06{display:flex; justify-content:center; gap:10px; margin-top:30px; position:relative}
.intro04 .org-li06::before{display:block; content:''; width:calc(100% - 116px); height:1px; background:#a9a9a9; position:absolute; top:-15px; left:50%; transform:translateX(-50%);}
.intro04 .org-li06 li{border:3px solid #a9a9a9; width:150px; padding:20px 0; font-family: 'Pretendard'; position:relative;}
.intro04 .org-li06 li::after{display:block; content:''; height:15px; width:1px; position:absolute; left:50%; top:-18px; background:#a9a9a9; z-index:-1;}
.intro04 .org-li06.noline::before{display:none;}
.intro04 .org-li06.noline li::after{display:none;}
@media all and (max-width:1440px){
	.intro04 .org-li03 > .org-list{padding:0;}
	.intro04 .org-li03 > .org-list::before{width:50%}
	.intro04 .org-li06::before{width:76.5%}
}
@media all and (max-width:767px){
	.intro04 .org-li01 > div > span::after{height:396px; bottom:-396px;}
	.intro04 .org-li02 > div{display:block;}
	.intro04 .org-li02 > div > span{width:100%; margin:10px auto;}
	.intro04 .org-li03 > .org-list{display:block;}
	.intro04 .org-li03 > div{margin-bottom:30px;}
	.intro04 .org-li03 > .org-list::before{width:45%; transform:unset; left:5%; top:-15px;}
	.intro04 .org-li04{width:100%; margin-bottom:10px}
	.intro04 .org-li04::before{left:5%; height:430px; top:-15px;}
	.intro04 .org-li04::after{display:block; content:''; width:25px; height:1px; background:#a9a9a9; position:absolute; left:5%; top:25px; z-index:-1;}
	.intro04 .org-li04.one::before{display:none;}
	.intro04 .org-li04 > .org-list{position:relative;}
	.intro04 .org-li04 > .org-list::before{display:block; content:''; width:1px; height:36px; position:absolute; left:12.5%; top:-10px; background:#a5a5a5;}
	.intro04 .org-li04 > div{margin-bottom:10px;}
	.intro04 .org-li04 > div > span{display:block; width:90%; margin:0 0 0 10%; padding:15px 0;}
	.intro04 .org-li05 > div > span{width:85%; margin:0 0 0 15%; display:block; padding:15px 0;}
	.intro04 .org-li05{position:relative;}
	.intro04 .org-li05::before{width:15px; height:1px; background:#a5a5a5; content:''; display:block; position:absolute; left:12.5%; z-index:-1;  top:25px;}
	.intro04 .org-li06{display:block; margin-top:10px;}
	.intro04 .org-li06 li{width:80%; margin:0 0 10px 20%; padding:15px 0; background:#fff;}
	.intro04 .org-li06 li:last-child{margin-bottom:0;}
	.intro04 .org-li06::before{width:1px; height:234px; right:82.5%; left:unset; z-index:-1;}
	.intro04 .org-li06 li::after{width:15px; height:1px; left:-15px; top:20px; z-index:-1;}
	.intro04 .org-li06.noline::before{display:block; height:39px;}
	.intro04 .org-li06.noline li::after{ display:block}
}
@media all and (max-width:480px){
	.intro04 .org-li06 li::after{left:-11px;}
}

.flayout{display:flex; flex-wrap:wrap; margin-bottom:50px;}
.flayout .tit{width:250px; font-size:24px; font-weight:600; padding-left:20px;}
.flayout .cont{width:calc(100% - 250px);}

.flayout.type01{display:flex; flex-wrap:wrap; margin-bottom:50px; border-top: 1px solid #ccc; padding: 20px;}
.flayout.type01 .tit{width:300px; font-size:24px; font-weight:600; padding-left:20px;}
.flayout.type01 .cont{width:calc(100% - 300px);}

@media all and (max-width:767px){
	.flayout .tit,.flayout.type01 .tit{width:160px; font-size:18px;}
	.flayout .cont,.flayout.type01 .tit{width:calc(100% - 160px);}
}
@media all and (max-width:500px){
	.flayout,.flayout.type01{margin-bottom:30px}
	.flayout .tit,.flayout.type01 .tit{width:100%; margin-bottom:12px; padding-left:0;}
	.flayout .cont,.flayout.type01 .cont{width:100%;}
}

.img-row {
  display: flex;
  gap: 16px;
  margin-top: 20px;
  flex-wrap: wrap;
}

.img-row img {
  width: calc(50% - 8px);
  max-width: 100%;
  height: auto;
  border-radius: 8px; /* 선택: 둥근 모서리 */
  object-fit: cover;
}

/* 모바일 반응형 대응 */
@media all and (max-width: 767px) {
  .img-row img {
    width: 100%;
  }
}

.info01 .box{background:#f9f9f9; padding:24px; border-radius: 16px; margin-top:20px}
@media all and (max-width:767px){
	.info01 .box{margin-top:10px;}
}

.life01 p{font-size:16px;}
.pdbox{padding:20px; border:1px solid #e5e5e5; background:#f9f9f9; margin-top:10px}
.pdbox p:last-child{margin-bottom:0}
.contbox{padding:20px; border-radius: 16px; background:#f9f9f9 }
.contbox.gray{background:#f9f9f9}
.contbox.blue{background:#ecf8fd}
.life01 .list-num li{margin-bottom:8px;}
@media all and (max-width:767px){
	.pdbox{padding:10px;}
	.life01 p{font-size:14px;}
}

/* 시설현황 */
.facility-wr .mainSwiper{margin:0 12px;overflow:hidden; position:relative;}
.facility-wr .mainSwiper .swiper-slide{height:700px; border:1px solid #ddd; padding:30px; }
.facility-wr .mainSwiper img{width:100%; height:100%; object-fit:cover;}
.facility-wr .mainSwiper .slbtn-prev{width:36px; height:52px; display:block; position:absolute; bottom:calc((100% - 52px)/2); left:40px; background:#fff; z-index:1; background:url(/resources/custom/images/dormitory/sub/ico_slprev.png) no-repeat center; background-size:cover;}
.facility-wr .mainSwiper .slbtn-next{width:36px; height:52px; display:block; position:absolute; bottom:calc((100% - 52px)/2); right:40px; background:#000; z-index:1; background:url(/resources/custom/images/dormitory/sub/ico_slnext.png) no-repeat center; background-size:cover;}
.facility-wr .thumbSwiper{margin:0 12px;overflow:hidden;}
.facility-wr .thumbSwiper .swiper-slide{height:110px; cursor:pointer; position:relative;}
.facility-wr .thumbSwiper .swiper-slide::before{display:block; content:''; width:100%; height:100%; background:rgba(255,255,255,.5); position:absolute; left:0; top:0; z-index:1;}
.facility-wr .thumbSwiper .swiper-slide-active::before{background:none; border:3px solid #000; box-sizing:border-box;}
.facility-wr .thumbSwiper img{width:100%; height:100%; object-fit:cover;}
@media all and (max-width:1000px){
	.facility-wr .mainSwiper .swiper-slide{height:400px; border:1px solid #ddd; padding:30px;}	
}
@media all and (max-width:500px){
	.facility-wr .mainSwiper .swiper-slide{height:320px; padding:15px;}
	.facility-wr .thumbSwiper .swiper-slide{height:70px}
	.facility-wr .mainSwiper .slbtn-prev{width:20px; height:36px; left:30px;}
	.facility-wr .mainSwiper .slbtn-next{width:20px; height:36px; right:30px;}
}


/* 자치회목 */
.community01{display:flex; flex-wrap:wrap; justify-content:space-between;}
.community01 .grebox{position:relative; background:#f8f8f8; border-radius: 16px; margin-bottom:30px;width:49%; padding:160px 36px 36px 36px;}
.community01 .grebox span{padding:10px 20px; background:#00bdb1; color:#fff; font-family: 'Gmarket'; position:absolute; left:70px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; font-size:16px;}
.community01 .grebox p{background:#fff; border-radius: 8px; padding:48px 32px 32px 32px; font-size:16px;}
.community01 .obj01::before{content:''; display:block; width:90px; height:90px; background:url(/resources/custom/images/dormitory/sub/ico_comu01.png) no-repeat center, #00bdb1; background-size:48px auto; position:absolute; top:40px; left:calc((100% - 90px)/2); border-radius: 16px; box-shadow:0 0 10px 0px rgba(0,0,0,.2)}
.community01 .obj02::before{content:''; display:block; width:90px; height:90px; background:url(/resources/custom/images/dormitory/sub/ico_comu02.png) no-repeat center, #00bdb1; background-size:48px auto; position:absolute; top:40px; left:calc((100% - 90px)/2); border-radius: 16px; box-shadow:0 0 10px 0px rgba(0,0,0,.2)}
@media all and (max-width:768px){
	.community01{display:block;}
	.community01 .grebox{width:100%; margin-bottom:20px; padding:120px 24px 24px 24px;}
	.community01 .grebox span{padding:8px 14px; left:20px; font-size:13px; left:36px;}
	.community01 .obj01::before, .community01 .obj02::before{width:70px;height:70px; background-size:36px auto; top:24px; left:calc((100% - 70px)/2);}
}

/* 페이지 준비중 */
.notready{padding:48px; border:1px solid #ddd; border-radius: 24px; text-align:center;}
.notready i{display:inline-block; width:80px; height:80px; background:url(/resources/custom/images/dormitory/sub/ico_notready.png) no-repeat center, #f9f9f9; background-size:40px; border-radius: 8px; box-shadow: 0 0 10px 0 rgba(0,0,0,.1);}
.notready h6{font-family: 'Gmarket'; margin-bottom:20px; margin-top:20px; font-size:24px; color:#103a7e;}
.notready p{font-family: 'Gmarket';font-weight:300}
@media all and (max-width:767px){
	.notready{padding:24px;}
	.notready h6{font-size:18px;}
	.notready i{width:60px; height:60px; background-size:28px;}
}

.life04 .table-detail span{padding:4px; margin-right:2px; margin-bottom:2px; border:1px solid #ccc; display:inline-block;}

/* 일정달력 */
.month-search-box{position:relative;}
.schedule-button{float: left; width: 290px; margin-top: 5px; text-align: right; position:absolute; right:0;}
.schedule-button.year {width: calc(100% - 300px);}
.schedule-button-box{display: inline-block; overflow: hidden;}
.schedule-button a{display: block;position: relative; float: left; padding-left: 35px; font-size: 16px; color: #000; padding-top:10px; padding-bottom:10px;}
.schedule-button .schedule-month{padding-right: 20px; margin-right: 20px; background: url(/resources/custom/images/dormitory/sub/schedule_month.png) no-repeat left center;}
.schedule-button .schedule-month.on{background: url(/resources/custom/images/dormitory/sub/schedule_month_on.png) no-repeat left center;}
.schedule-button .schedule-month::before{content:""; display: block; position: absolute; width: 1px; height: 17px; background-color: #d2d2d2; right: 0; top: 50%; transform:translateY(-50%);}
.schedule-button .schedule-list{background: url(/resources/custom/images/dormitory/sub/schedule_year.png) no-repeat left center;}
.schedule-button .schedule-list.on{background: url(/resources/custom/images/dormitory/sub/schedule_year_on.png) no-repeat left center;}

.schedule-inner{display: none;}
.schedule-inner.on{display: block;}

.month-search-box{display: inline-block; width: 100%; margin-bottom: 50px;}
.month-search-header {float: left; width: 300px; font-size: 0;}
.month-search-header::after{content:""; display: table; clear: both;}
.month-search-header p{display: inline-block; min-width: 200px; font-family: 'Gmarket'; font-size: 60px; line-height: 1.1; vertical-align: middle; color: #333;}
.month-search-content{float: left; width: calc(100% - 590px);}
.month-search-content .search-content-inner {display: block; width:100%; height:100%;}
.month-search-content .search-content-inner::after{content:""; display: table; clear: both;}
.month-search-content .png,.month-search-header .png{color: #444444; font-size: 17px; font-family: 'Gmarket'; display: block; line-height: 35px;}
.month-search-content .all-prev, .month-search-header .all-prev{position: relative; top: 0; display: inline-block; width: 50px; height: 50px; border: 1px solid #d7d7d7; background: url(/resources/custom/images/dormitory/sub/year_prev.png) no-repeat center; text-indent: -99999px; vertical-align: middle;}
.month-search-content .all-prev, .month-search-header .all-prev:hover{background:url(/resources/custom/images/dormitory/sub/year_prev_on.png) no-repeat center;}
.month-search-content .all-prev {display: none;}
.month-search-content .all-next, .month-search-header .all-next{position: relative; top: 0; display: inline-block; width: 50px; height: 50px; margin-left: -1px; border: 1px solid #d7d7d7; background: url(/resources/custom/images/dormitory/sub/year_next.png) no-repeat center; text-indent: -999999px; vertical-align: middle;}
.month-search-content .all-next, .month-search-header .all-next:hover { background: url(/resources/custom/images/dormitory/sub/year_next_on.png) no-repeat center;}
.month-search-content .all-next {display: none;}
.month-search-header .png {color:#fff;}
.month-search-content ul {margin-top: 6px; padding: 10px 120px 10px 40px;}
.month-search-content ul::after{content:""; display: table; clear: both;}
.month-search-content li{float: left; width: 8.3333%; text-align: center;}
.month-search-content li a{width: 100%; height: 100%; display: block; }
.month-search-content li span{position: relative; font-family: 'Gmarket'; font-size: 18px; color: #333; font-weight: 300;}
.month-search-content li.on span {color: #fff;}
.month-search-content li.on span:after{content: ''; position: absolute; left: calc(50% - 25px); top: calc(50% - 25px); z-index: -1; width: 50px; height: 50px; background: #1d3a8f; border-radius: 100%;}

.table-content-wrap {display: table; border-top: 2px solid #152c46; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.table-content-wrap::after{content:""; display: table; clear: both;}
.table-content{display: table-cell; width: 550px; padding: 40px 40px 20px 40px; border-right: 1px solid #ccc; vertical-align: top;}
.table-content caption {display: block !important; position: absolute; left: -99999px}
.table-content .table-month{padding-bottom: 30px; text-align: center;}
.table-content .table-month p{display: inline-block; }
.table-content .table-month p span{margin-right: 15px; font-family: 'Gmarket'; font-size: 20px; text-transform: uppercase; color: #19323c;}
.table-content .table-month .month-eng{font-family: 'Gmarket'; font-size: 22px; color: #333;}
.table-content-wrap ._fnTable{border: 0; padding:0 22px;}
.table-content-wrap ._fnTable thead tr {border-bottom:1px solid #dcdcdc;}
.table-content-wrap ._fnTable thead tr, ._fnctWrap ._fnTable tbody tr._odd{background-color: white;}
.table-content-wrap ._fnTable thead tr th{padding: 7px 0;background-color: #1d3a8f; font-weight: normal; border: 0; font-family: 'Gmarket'; font-size: 15px; box-shadow: none; color: #fff;}
.table-content-wrap ._fnTable tbody tr td{position: relative; height: 60px; border: 0; font-family: 'Gmarket'; font-size: 17px; vertical-align: top; color: #2a2a2a; cursor:pointer;}
.table-content-wrap ._fnTable tbody tr td ul {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.table-content-wrap ._fnTable tbody tr:last-child {border-bottom:0;}
.table-content-wrap ._fnTable tbody tr td .day{position: relative; top: 4px; z-index: 2; color: #666;}
.table-content-wrap ._fnTable tbody tr td.today {position: relative;}
.table-content-wrap ._fnTable tbody tr td.today::after {content: ''; position: absolute; left: 50%; top: 0; width: 100%; max-width: 60px; height: 100%; background: #ececec; transform: translate(-50%, 0);}
.table-content-wrap ._fnTable tbody tr td.sun .day{color: #FF1800}
.table-content-wrap ._fnTable tbody tr td.sat .day{color: #01499A}
.table-content-wrap ._fnTable tbody tr td .date-circle{display: none; width:10px; height:10px; background:#537aed; border-radius: 100%; position: absolute; bottom: 15px; left:50%; z-index: 1; margin-left:-5px; text-indent: -99999px;}
.table-content-wrap ._fnTable tbody tr td .date-circle:first-of-type{display: inline-block;}
.table-content-wrap .applyList{display: table-cell; padding: 30px 50px; vertical-align: top; border-right: 1px solid #ccc;}
.table-content-wrap .applyList table {text-align:left;}
.table-content-wrap .applyList table th {text-align:left;}
.table-content-wrap .applyList col.th {width: 170px;}
.table-content-wrap .applyList tbody tr:last-child{border-bottom: 0;}
.table-content-wrap .applyList tbody th{ padding: 8px 0; font-family: 'Gmarket'; font-weight: normal; font-size: 18px; color: #1d3a8f; vertical-align: top;}
.table-content-wrap .applyList tbody th span {position: relative; top: 2px;}
.table-content-wrap .applyList tbody td{padding: 8px 0; font-family: 'Gmarket'; font-size: 18px; text-align: left; color: #333;}
.noti-txt.align-r {float: right; display: inline-block; text-align: right;}
.noti-txt.color1 p { font-size: 18px; color: #e63b53; margin-top:10px;}

#layer_planner{display: none;}

@media all and (max-width: 1300px) {
    .month-search-header {width: 100%;}
    .month-search-content {width: 100%;}
    .month-search-content ul {margin-top: 15px; padding: 25px 0; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1;}
    .schedule-button {position: absolute; right: 0; top: 0; width: auto; margin-top: 14px;}
    .table-content {width: 450px;}
}

@media all and (max-width: 990px) {
    .month-search-box {margin-bottom: 40px;}
    .table-content {padding: 20px;}
    .table-content .table-month {padding-bottom: 15px;}
    .table-content-wrap .applyList {padding: 20px; border-top: 1px solid #ccc;}
    .table-content-wrap,
    .table-content,
    .table-content-wrap .applyList {display: block; width: 100%;}
    .schedule-button a {text-align: left; text-indent: -99999px;}
    .schedule-button .schedule-month {padding-left: 23px;}
}

@media all and (max-width: 600px) {
    .table-content-wrap .applyList col.th {width: 120px;}
    .table-content-wrap .applyList tbody th {font-size: 16px;}
    .table-content-wrap .applyList tbody td {font-size: 16px;}
    .month-search-content li {width: 16.666%; padding: 10px 0;}
    .table-content{padding:20px 0;}
}
@media all and (max-width: 500px) {
		.month-search-header p{font-size:30px; min-width:100px;}
		.schedule-button{margin-top:0;}
		
}

#timeTableList{border-top: 2px solid #005128; display:none;}
#timeTableList ul{width: 100%;}
#timeTableList ul::after{content:""; display: table; clear: both;}
#timeTableList li{position: relative; padding: 40px 0; border-bottom: 1px solid #d7d7d7; font-weight:300;}
#timeTableList li::after{content:""; display: table; clear: both;}
#timeTableList li .scd-month{float: left; width: 330px;}
#timeTableList li .scd-month .month-box {text-align: center;}
#timeTableList li .scd-month .box-year {font-family: 'Gmarket'; font-size: 24px; text-transform: uppercase; color: #333333; font-weight:500; margin-top:10px;}
#timeTableList li .scd-month .box-month {font-family: 'Gmarket';font-size: 40px; color: #19323c;}
#timeTableList li .list-inner{float: right; width: calc(100% - 330px);}
#timeTableList .list-box{margin-bottom: 8px; font-size: 0;}
#timeTableList .list-box:last-child{margin-bottom: 0;}
#timeTableList .list-box::after{content:""; display: table; clear: both;}
#timeTableList .list-date{float: left; width: 170px; font-family: 'Gmarket'; font-size: 20px; color: #1d3a8f;}
#timeTableList .list-date em {position: relative; top: 0px; }
#timeTableList .list-content{float: left; width: calc(100% - 170px); font-family: 'Gmarket';font-size: 18px; color: #333;}
#timeTableList .search strong {display: block; padding: 60px 0 30px 0; border-bottom: 2px solid #43505d; font-family: 'Mont Bold'; font-size: 60px; line-height: 1.1; color: #333;}

@media all and (max-width: 990px) {
    #timeTableList li .scd-month {width: 200px;}
    #timeTableList li .list-inner {width: calc(100% - 200px);}
}

@media all and (max-width: 700px) {
    #timeTableList li .scd-month,
    #timeTableList li .list-inner {width: 100%;}
    #timeTableList li .list-inner {margin-top: 20px;}
    #timeTableList li {padding: 20px 20px 25px 20px;}
    #timeTableList li .scd-month .box-month {font-size: 25px;}
    #timeTableList li .scd-month .box-year {font-size: 20px;}
    #timeTableList li .scd-month .month-box {text-align: left;}
    #timeTableList .list-date {width: 120px; font-size: 16px;}
    #timeTableList .list-content {width: calc(100% - 120px); font-size: 16px;}
}