/* common */
#sub{ padding-top: 100px; padding-bottom: 200px; }
#sub.padding{ padding-bottom: 150px; }
#sub *{ letter-spacing: -0.02em; }

@media screen and (max-width: 1000px){
	#sub{ padding-top: 70px;  padding-bottom: 100px; }
	#sub.padding{ padding-top: 70px;  padding-bottom: 100px; }
}

#sub .bg{ padding-top: 14.6%; }
#sub .bg01{ background: url("/img/sub/company/company_bg.jpg") no-repeat center center / cover; }
#sub .bg02{ background: url("/img/sub/activity/activity_bg1.jpg") no-repeat center center / cover; }
#sub .bg03{ background: url("/img/sub/notice/notice_bg1.png") no-repeat center center / cover; }
#sub .bg04{ background: url("/img/sub/scholarship/scholarship_bg.jpg") no-repeat center center / cover; }
#sub .bg05{ background: url("/img/sub/support/support_bg3.jpg") no-repeat center center / cover; }
#sub .bg06{ background: url("/img/sub/service_bg2.jpg") no-repeat center center / cover; }
#sub .bg h2{ font-size: 6.8rem; font-weight: 700; color: #fff; padding-bottom: 4.5%; }

/* lnb */
.lnb{ max-width: 1400px; width: 100%; height: 70px; display: flex; margin: 0 auto; background: #fff; }

.lnb .home{ width: 70px; display: flex; justify-content: center; align-items: center; position: relative; background: var(--mainColor); }
.lnb .home a{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.lnb .depth-wrap{ display: flex; width: calc(100% - 70px); border: 1px solid #ddd; }
.lnb .depth-wrap > div{ width: 270px; border-right: 1px solid #ddd; position: relative; }
.lnb .depth-wrap button{ width: 100%; height: 100%; background: none; border: none; font-size: 1.6rem; font-weight: 400; color: #555; text-align: left; padding: 0 30px; position: relative; }
.lnb .depth-wrap button::before{ content: ""; width: 2px; height: 12px; background: #aaa; position: absolute; top: 50%; right: 30px; transform: translateY(-50%); transition: all 0.5s; }
.lnb .depth-wrap button::after{ content: ""; width: 12px; height: 2px; background: #aaa; position: absolute; top: 50%; right: 25px; transform: translateY(-50%); }
.lnb .depth-wrap ul{ width: calc(100% + 2px); position: absolute; top: calc(100% + 1px); left: -1px; z-index: 50; background: #fff; border: 1px solid #ddd; border-top: none; padding: 15px 0; display: none; }
.lnb .depth-wrap ul li a{ display: inline-block; width: 100%; font-size: 1.6rem; font-weight: 300; color: #888; padding: 8px 30px; }

.lnb .depth-wrap > div.on button::before{ transform: translateY(-50%) rotate(90deg); }

#sub .sub_title{ border-bottom: 1px solid #ddd; margin-bottom: 120px; } 
#sub .sub_title h3{ font-size: 4.8rem; font-weight: 500; color: #454545; padding: 150px 0 60px; }
#sub .sub_title h3 span{ color: var(--mainColor); } 

/* tab-menu */
.tab-menu{ margin-bottom: 120px; }
.tab-menu ul{ display: flex; flex-wrap: wrap; margin-bottom: -10px; }
.tab-menu ul li{ display: flex; justify-content: center; align-items: center; height: 75px; font-size: 2rem; font-weight: 600; color: #ccc; background: #eee; position: relative;  transition: all 0.3s; margin-bottom: 10px; }
.tab-menu ul li a{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.tab-menu ul li:not(:last-of-type){ margin-right: 22px; }

.tab-menu ul li.on{ background: var(--mainColor); color: #fff; }
.tab-menu ul li:hover{ background: var(--mainColor); color: #fff; }

/* button */
button{ background: none; border: none; height: 65px; font-size: 1.8rem; font-weight: 500; }
.button{ display: flex; justify-content: center; align-items: center; background: none; border: none; height: 65px; font-size: 1.8rem; font-weight: 500; }
button.black, a.black{ background: #333; color: #fff; }
button.border, a.border{ background: #fff; border: 1px solid #000; color: #333; }
button.red, a.red{ background: var(--mainColor); color: #fff; }
button.gray, a.gray{ background: #eee; color: bbb; }
a.download{ display: flex; justify-content: center; align-items: center; height: 65px; font-size: 1.8rem; font-weight: 500; }
a.download img, .button img{ margin-left: 20px; }

/* section-wrap */
.section-wrap{ display: flex; }
.section-wrap .side{ width: 340px; }
.section-wrap .side h4{ font-size: 2.4rem; font-weight: 700; color: #111; line-height: 1.5083; }
.section-wrap .inner{ width: calc(100% - 340px); }
.section-wrap .inner span.small{ width: 100%; margin-bottom: 10px; text-align: right; }

/* table-box */
.table-box{ text-align: center; }
.table-box table th, .table-box table td{ padding: 15px 0; }
.table-box table th{ font-size: 1.8rem; font-weight: 600; color: #222; border-top: 2px solid #000; border-bottom: 1px solid #ddd; background: #f8f8f8; }
.table-box table td{ font-size: 1.7rem; font-weight: 300; color: #555; }
.table-box table td{ border-bottom: 1px solid #ddd; }
.table-box table tr th:not(:last-of-type), .table-box table tr td:not(:last-of-type){ border-right: 1px solid #ddd; }

span.small{ display: inline-block; font-size: 1.5rem; font-weight: 300; color: #666; }

/* paging */
.paging a{ display: flex; justify-content: center; align-items: center; font-size: 1.4em; font-weight: 300; color: #999; position: relative; }
.paging a .position{ position: absolute; left: 15px; }
.paging .arr a i:not(:last-of-type){ margin-left: 7px; }
.paging .arr a i:not(:first-of-type){ margin-left: -7px; } 

.paging ul li.on a{ background: var(--mainColor); border: 1px solid var(--mainColor); }

@media screen and (max-width: 1280px){
	#sub .sub_title{ margin-bottom: 80px; }
	#sub .bg h2{ font-size: 6rem; }
	#sub .sub_title h3{ font-size: 4rem; padding: 100px 0 40px; }

	.tab-menu{ margin-bottom: 60px; }
	.tab-menu ul li{ font-size: 1.8rem; height: 60px; }

	.section-wrap{ flex-direction: column; }
	.section-wrap .side{ width: 100%; margin-bottom: 40px; }
	.section-wrap .inner{ width: 100%; }

	.section-wrap .side br{ display: none; }
}

@media screen and (max-width: 1000px){
	.lnb{ height: 60px; }
	.lnb .home{ width: 60px; }
	.lnb .depth-wrap{ width: calc(100% - 60px); }

	.tab-menu ul li:not(:last-of-type){ margin-right: 10px; }
}

@media screen and (max-width: 700px){
	#sub .sub_title{ margin-bottom: 60px; }
	#sub .bg h2{ font-size: 4.5rem; }
	#sub .sub_title h3{ font-size: 3.5rem; padding: 60px 0 30px; }

	.tab-menu ul li{ font-size: 1.7rem; height: 50px; }

	button, .button, a.download{ font-size: 1.6rem; }

	.section-wrap .side{ margin-bottom: 20px; }
	.section-wrap .side h4{ font-size: 2.2rem; }
	.table-box table th, .table-box table td{ font-size: 1.6rem; padding: 10px 0; }
}

@media screen and (max-width: 650px){
	.lnb .depth-wrap > div{ width: 50%; }
	.lnb .depth-wrap > div:last-of-type{ border-right: none; }
	.lnb .depth-wrap button{ padding: 0 20px; }
	.lnb .depth-wrap button::before{ right: 20px; }
	.lnb .depth-wrap button::after{ right: 15px; }
}


/* #sticky */
#sticky section:not(:last-of-type){ padding-bottom: 200px; }
#sticky .flex-box{ display: flex; }
#sticky .title-box{ width: 32%; margin-top: -8px; }
#sticky .title-box h4{ font-size: 3.3rem; font-weight: 700; color: var(--mainColor); padding: 7.5px 0; transition: all 0.5s; cursor: pointer; }
#sticky .title-box figure{ max-width: 445px; width: 100%; position: relative; overflow: hidden; padding-bottom: 68%; }
#sticky .title-box figure img{ width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

#sticky .content-box{ width: 68%; padding-left: 200px; }
#sticky .content-box section:not(:first-of-type){ padding-top: 200px; }
#sticky .content-box dl{ display: flex; align-items: center; padding: 40px 0; border-bottom: 1px solid #ddd; }  
#sticky .content-box dl:first-of-type{ padding-top: 0; }
#sticky .content-box dl dt{ width: 130px; font-size: 2rem; font-weight: 600; color: #333; }
#sticky .content-box dl dd{ width: calc(100% - 130px); font-size: 1.8rem; font-weight: 300; color: #333; }

@media screen and (max-width: 1280px){
	#sticky section:not(:last-of-type){ padding-bottom: 100px; }  

	#sticky .title-box h4{ font-size: 3rem; }
	#sticky .content-box{ padding-left: 150px; }
	#sticky .content-box dl{ padding: 25px 0; }
}

@media screen and (max-width: 1100px){
	#sticky .title-box{ width: 35%; }
	#sticky .title-box h4{ font-size: 2.8rem; }
	#sticky .content-box{ width: 65%; padding-left: 100px; }
}

@media screen and (max-width: 900px){
	#sticky .flex-box{ flex-direction: column; align-items: center; }
	#sticky .title-box{ width: 100%; margin-bottom: 60px; text-align: center; }
	#sticky .title-box figure{ padding-bottom: 305px; margin-top: 20px; }
	#sticky .content-box{ width: 100%; padding-left: 0; }
}

@media screen and (max-width: 700px){
	#sticky .content-box dl{ padding: 20px 0; }
	#sticky .content-box dl dt{ font-size: 1.8rem; }
	#sticky .content-box dl dd{ font-size: 1.6rem; }
}

/* scroll-box */
.scroll_y{ overflow-y: scroll; }
.scroll_y::-webkit-scrollbar{ width: 25px; }
.scroll_y::-webkit-scrollbar-thumb{ height: 20px; background: #ccc; background-clip: padding-box; border: 10px solid transparent; border-radius: 100px; }
.scroll_y::-webkit-scrollbar-track{ background: #eee; background-clip: padding-box; border: 10px; border: 10px solid transparent; border-radius: 100px; }


/* form-table */
.form-table .inner{ max-width: 920px; width: 100%; margin: 0 auto; }
.form-table table{ margin-top: 60px; }
.form-table table th{ width: 20.5%; font-size: 1.8rem; font-weight: 400; color: #333; text-align: left; vertical-align: top; line-height: 75px; }
.form-table table th span{ color: var(--mainColor); }
.form-table table td{ padding: 5px 0; }
.form-table table td p{ font-size: 1.8rem; font-weight: 300; color: #555; }
.form-table table input[type="text"], input[type="password"], .form-table table textarea{ width: 100%; border: 1px solid #ddd; height: 65px; font-size: 1.6rem; font-weight: 300; padding: 0 20px; }
.form-table table input[type="text"]:placeholder{ color: #333; }
.form-table table button{ width: 240px; }
.form-table input[type="radio"], .form-table input[type="checkbox"]{ display: none; }
.form-table input + label{ display: inline-block; padding-left: 25px; font-size: 1.6rem; font-weight: 300; color: #333; position: relative; cursor: pointer; }
.form-table input + label::before{ content: ""; width: 15px; height: 15px; border: 1px solid #ddd; border-radius: 50%; position: absolute; top: 21px; left: 0; }
.form-table input:checked + label::before{ border: 1px solid var(--mainColor); }
.form-table input:checked + label::after{ content:"\e929"; font-family:'xeicon'; font-weight: normal; font-style: normal; font-size: 1.5rem; color: var(--mainColor); position: absolute; top: 20px; left: 1px; }
.form-table select{ width: 100%; height: 65px; border: 1px solid #ddd; font-size: 1.6rem; font-weight: 300; color: #333; padding: 0 20px; padding-right: 40px; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url("/img/sub/select_icon.png") no-repeat center right 20px; } 

.form-table table .input{ display: flex; justify-content: space-between; }
.form-table table .input input{ width: calc(100% - 250px); }

.form-table table .scroll-box{ height: 300px; border: 1px solid #ddd; padding: 30px; }
.form-table table .scroll-box *{ font-size: 1.5rem; font-weight: 300; color: #333; line-height: 1.6333; }
.form-table table .scroll-box dl{ padding-top: 22px; }

.form-table table tr.auto figure{ width: 125px; position: relative; padding-bottom: 50px; overflow: hidden; }
.form-table table tr.auto figure img{ width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.form-table table tr.auto input{ width: calc(100% - 200px); height: 50px; }
.form-table table tr.auto button{ width: 50px; height: 50px; }

@media screen and (max-width: 1280px){
	.form-table table{ margin-top: 30px; }
	.form-table table input[type="text"], .form-table table button{ height: 60px; }
	.form-table table .input input{ width: calc(100% - 210px); }
	.form-table table button{ width: 200px; }
	.form-table select{ height: 60px; }
}

@media screen and (max-width: 750px){
	.form-table table th{ font-size: 1.6rem; }
	.form-table table button{ font-size: 1.6rem; }
	.form-table table td p{ font-size: 1.6rem; }
}

@media screen and (max-width: 700px){
	.form-table table th{ width: 130px; }
	.form-table table input[type="text"], .form-table table button{ height: 55px; }
	.form-table table .input input{ width: calc(100% - 170px); }
	.form-table table button{ width: 160px; }
	.form-table select{ height: 55px; }
}

@media screen and (max-width: 600px){
	.form-table table tr{ display: flex; flex-direction: column; }
	.form-table table th{ width: 100%; line-height: 1.5; padding: 20px 0 5px; }
	#register.register .gender th{ padding-bottom: 0; }
	#register.register .gender td{ padding: 0; }
}

/* table-list (게시판) */
.search_box{ margin-bottom: 60px; }
.search_box .flex_box{ display:flex; align-items:center; }
.search_box select{ font-family: var(--baseFont); width: 220px; height: 65px; border: 1px solid #ddd; padding: 0 30px; padding-right: 40px; font-size: 1.7rem; color: #555; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url("/img/sub/select_icon.png") no-repeat center right 20px; }
.search_box input{ width: calc(100% - 305px); height: 65px; border: 1px solid #ddd; font-size: 1.7rem; color: #000; padding: 0 30px; margin: 0 10px; }
.search_box input::placeholder{ font-weight:300; color: #aaa; }
.search_box button{ width: 65px; height: 65px; border:none; background: var(--mainColor); color: #fff; font-size:20px; cursor: pointer; }

.list_thumb{ border-top: 1px solid var(--mainColor); }
.list_thumb li{ display: flex; align-items: center; padding: 20px; border-bottom: 1px solid #ddd; position: relative; }
.list_thumb li figure{ width: 320px; position: relative; overflow: hidden; padding-bottom: 204px; }
.list_thumb li figure img{ width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.list_thumb li .txt{ width: calc(100% - 320px); padding-left: 50px; }
.list_thumb li .txt span{ font-size: 1.4rem; font-weight: 300; color: #999; }
.list_thumb li .txt h5{ font-size: 2rem; font-weight: 500; color: #222; margin-top: 15px; }
.list_thumb li .txt dd{ display: -webkit-box; width: 100%; height: 3.4em; font-size: 1.5rem; font-weight: 300; color: #444; line-height: 1.7; margin-top: 15px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.list_thumb li a{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

@media screen and (max-width: 1280px){
	.search_box select{ height: 60px; }
	.search_box input{ width: calc(100% - 300px); height: 60px; }
	.search_box button{ width: 60px; height: 60px; }
}

@media screen and (max-width: 1000px){
	.search_box select{ font-size: 1.6rem; } 
	.search_box input{ font-size: 1.6rem; }

	.search_box{ margin-bottom: 40px; }
}

@media screen and (max-width: 800px){
	.search_box .flex_box{ flex-wrap: wrap; }
	.search_box select{ width: 100%; height: 55px; margin-bottom: 10px; }
	.search_box input{ width: calc(100% - 65px); height: 55px; margin-left: 0; }
	.search_box button{ width: 55px; height: 55px; }

	.list_thumb li figure{ width: 50%; padding-bottom: 33%; }
	.list_thumb li .txt{ width: 50%; padding-left: 30px; }
}

@media screen and (max-width: 600px){
	.list_thumb li{ flex-direction: column; }
	.list_thumb li figure{ max-width: 320px; width: 100%; padding-bottom: 43%; }
	.list_thumb li .txt{ width: 100%; padding-left: 0; padding-top: 30px; }
	.list_thumb li .txt h5{ font-size: 1.8rem; margin-top: 10px; }
	.list_thumb li .txt dd{ font-size: 1.5rem; margin-top: 10px; }
}


/* view - 상세 페이지 */
#view .sub_title{ margin-bottom: 0; }
.view{margin-bottom:20px;}
.view .view_tit{ position:relative; }
.view .view_tit p{font-size:16px;font-weight:700;color:#514f4f;padding-bottom:5px;}
.view .view_tit p span.bar{font-size:16px;font-weight:700;color:#939393;}
.view .view_tit p span{font-weight:700;color:#939393;}
.view .view_tit em{position:absolute;right:0;top:5px;}
.view .sns{padding-top:15px;padding-bottom:65px;}
.view .sns ul{text-align:right;}
.view .sns ul li{display:inline;}
.view .detail{padding:20px 0;}
.view .detail p.image{text-align:center;padding-bottom:50px;}
.view .detail p.txt{white-space:pre-line;border-bottom:1px dashed #e0e0e0;padding-bottom:50px;}
.view p.btn{padding:0 20px;text-align:right;}
.view p.btn input.AXButton{background:#526271;color:#fff;}

.content-area p{ font-size: 11pt; line-height: 1.8; }

/* ntb-tb-view */
.ntb-tb-view {/* border-top:1px solid #ddd; */ padding:0; margin-bottom:30px; margin:0 auto}
.ntb-tb-view caption {visibility:hidden;}
.ntb-tb-view th {border-bottom: 1px solid #ddd; padding:20px; border-right: 1px solid #ddd; text-align:center; font-weight: bold; color:#222;font-size:15px;}
.ntb-tb-view th.W25{width:25% !important;}
.ntb-tb-view th.view_tit{padding: 30px; padding-bottom: 0; border-bottom: 0; font-size:19px;line-height:28px; border-bottom: none;}
.ntb-tb-view td {border-bottom:1px solid #ddd; text-align:center; vertical-align:middle; line-height:22px;font-size:15px;}
.ntb-tb-view .view-info{ padding: 20px; border-bottom: 1px solid #ddd; }
.ntb-tb-view .left {text-align:left; padding-left:10px;}
.ntb-tb-view .right {text-align:right; padding-left:10px;}
.ntb-tb-view .r_none {border-right:none;}
.ntb-tb-view .b_none {border-bottom:none;}
.ntb-tb-view .font_ip {font-size:8pt; color:#aaa;}
.ntb-tb-view .font_comcnt {color:#d33;}
.ntb-tb-view .font_comment {font-weight: bold; font-size: 11px; color: #ee2ea9;}
.ntb-tb-view .content-area {text-align:left; vertical-align:top; padding:20px; word-break:break-all;}
.ntb-tb-view .content-area > p > img{max-width:851px;text-align:center;}
.ntb-tb-view .sns-area {width:100%; text-align:right; padding-top:10px}
.ntb-tb-view .ip-area {width:100%; text-align:right;}
.ntb-tb-view-btn {position: relative; text-align:left; margin-top:10px; margin-bottom:30px;}
.ntb-tb-view-btn .btnr {position:absolute; right:0; top:0;}
.ntb-tb-view-comment {position: relative; margin-top:10px; margin-bottom:30px;}
.ntb-tb-view-reply {position: relative; margin-top:10px; margin-bottom:30px;}
.ntb-tb-view-prevnext {position: relative; margin-top:10px; margin-bottom:30px;}

.ntb-tb-view-reply{ border-top: 1px solid #ddd; }

@media screen and (max-width:1100px) {
	.ntb-tb-view th.view_tit{ padding-top: 20px; } 
	.ntb-tb-view .content-area > p > img{max-width:95%;text-align:center;}
}

@media screen and (max-width:580px) {
	.ntb-tb-view th{padding:10px;}
	.ntb-tb-view td.cont_txt{padding:10px;}
}

/* 삼각숲, 소식 */
.view-list .hover-list{ display: flex; flex-wrap: wrap; margin-bottom: -70px; }
.view-list .hover-list li{ width: calc((100% - 120px) / 4); margin-right: 40px; margin-bottom: 70px; position: relative; cursor: pointer; }
.view-list .hover-list li:nth-of-type(4n){ margin-right: 0; }
.view-list .hover-list li figure{ width: 100%; display: inline-block; margin: 0; text-align: center; position: relative; overflow: hidden; padding-bottom: 64%; }
.view-list .hover-list li figure::before{ content: ""; width: 0; height: 0; position: absolute; top: 50%; left: 50%; z-index: 5; transform: translate(-50%, -50%); background: rgba(171, 48, 48, 0.7); border-radius: 50%; transition: 0.8s; backdrop-filter: blur(4px); }
.view-list .hover-list li figure::after{ content: "VIEW MORE"; display: inline-block; font-size: 1.6rem; font-weight: 500; color: #fff; padding-top: 70px; background: url("/img/sub/view_more.png") no-repeat top center / auto; opacity: 0; position: absolute; top: 60%; left: 50%; z-index: 10; transform: translate(-50%, -50%); transition: 0.5s; transition-delay: 0.3s; }
.view-list .hover-list li img{ width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.view-list .hover-list li p{ width: 100%; font-size: 1.8rem; font-weight: 500; color: #222; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 15px; text-align: center; margin-top: 20px; }
.view-list .hover-list li a{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; }

.view-list .hover-list li:hover p{ color: var(--mainColor); }
.view-list .hover-list li:hover figure::before{ width: 160%; height: 160%; }
.view-list .hover-list li:hover figure::after{ opacity: 1; top: 50%; }

@media screen and (max-width: 1350px){
	.view-list .hover-list li{ width: calc((100% - 80px) / 3); }
	.view-list .hover-list li:nth-of-type(4n){ margin-right: 40px; }
	.view-list .hover-list li:nth-of-type(3n){ margin-right: 0; }
}

@media screen and (max-width: 1000px){
	.view-list .hover-list li{ width: calc((100% - 40px) / 2); }
	.view-list .hover-list li:nth-of-type(3n){ margin-right: 40px; }
	.view-list .hover-list li:nth-of-type(2n){ margin-right: 0; }
}

@media screen and (max-width: 700px){
	.view-list .hover-list li{ width: calc((100% - 15px) / 2); margin-right: 15px; }
	.view-list .hover-list li:nth-of-type(4n){ margin-right: 15px; }
	.view-list .hover-list li:nth-of-type(3n){ margin-right: 15px; }
	.view-list .hover-list li:nth-of-type(2n){ margin-right: 0; }
}


/* 서울여대 人 */
#introduce{ overflow: hidden; }
#introduce section:not(:last-of-type){ margin-bottom: 200px; }
#introduce .intro{ text-align: right; }
#introduce .intro h4{ font-size: 3.4rem; font-weight: 200; color: #111; line-height: 1.7411; margin-bottom: 35px; }
#introduce .intro h4 span{ font-weight: 600; }
#introduce .intro p{ font-size: 1.8rem; font-weight: 300; color: #888; }

#introduce .list{ position: relative; }
#introduce .list .flex-box{ display: flex; justify-content: space-between; align-items: flex-end; }
#introduce .list:nth-of-type(even) .flex-box{ flex-direction: row-reverse; }
#introduce .list figure, #introduce .list dl{ width: calc((100% - 160px) / 2); }
#introduce .list dl{ position: relative; top: -7px; }
#introduce .list dl dt{ font-size: 2.4rem; font-weight: 600; color: #222; }
#introduce .list dl dd{ font-size: 2rem; font-weight: 300; color: #555; line-height: 1.55; margin-top: 30px; }
#introduce .list dl dd p{ font-weight: 500; color: #333; }

#introduce .list.symbol::before{ content: url("/img/sub/company/introduce_bg.png"); position: absolute; right: -50px; bottom: -150px; z-index: -5; }
#introduce .list.text > span{ font-size: 12rem; font-weight: 900; color: #000; line-height: 1.05; opacity: 0.03; position: absolute; top: -70px; left: -10px; z-index: -5; }
#introduce .list.text figure{ max-width: 800px; width: 100%; }

@media screen and (max-width: 1340px){
	#introduce .list dl dd br{ display: none; }
}

@media screen and (max-width: 1280px){
	#introduce section:not(:last-of-type){ margin-bottom: 150px; }
	#introduce section:first-of-type{ margin-bottom: 100px; }
	#introduce .intro h4{ font-size: 2.8rem; }

	#introduce .list figure, #introduce .list dl{ width: calc((100% - 100px) / 2); }
	#introduce .list dl dd{ font-size: 1.8rem; margin-top: 20px; }

	#introduce .list.text figure{ width: 60%; }
} 

@media screen and (max-width: 1000px){
	#introduce .list .flex-box{ flex-direction: column; align-items: center; }
	#introduce .list:nth-of-type(even) .flex-box{ flex-direction: column; }

	#introduce .list figure{ width: auto; }
	#introduce .list.text figure{ width: 100%; }
	#introduce .list dl{ width: 100%; margin-top: 40px; }
}

@media screen and (max-width: 800px){
	#introduce .intro br{ display: none; }
	#introduce .list dl dt{ font-size: 2.2rem; }
}

@media screen and (max-width: 700px){
	#introduce .intro h4{ font-size: 2.5rem; margin-bottom: 10px; }
	#introduce .intro p{ font-size: 1.6rem; }
}


/* 총동문회장 인사말 */
#greeting .flex-box{ display: flex; justify-content: space-between; align-items: flex-start; }
#greeting figure{ width: 540px; position: relative; overflow: hidden; padding-bottom: 540px; border-radius: 50%; }
#greeting figure img{ width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }  

#greeting .text-box{ width: calc(100% - 620px); }  
#greeting .text-box h4{ font-size: 3.8rem; font-weight: 300; color: #111; line-height: 1.5631; margin-bottom: 80px; }
#greeting .text-box h4 span{ font-weight: 700; }
#greeting .text-box p{ font-size: 1.8rem; font-weight: 300; color: #333; line-height: 1.8555; }
#greeting .text-box p:not(:last-of-type){ margin-bottom: 35px; }
#greeting .text-box p strong {font-weight: 700; color: #111;}
#greeting .text-box h5{ font-size: 2rem; font-weight: 600; color: #555; padding-top: 80px; text-align: right; }
#greeting .text-box h5 b{ font-size: 2.8rem; font-weight: 700; color: #111; margin-left: 10px; }

@media screen and (max-width: 1280px){
	#greeting .text-box{ width: 50%; }
	#greeting figure{ width: calc(50% - 60px); padding-bottom: 44%; }
	#greeting .text-box h4{ font-size: 3.2rem; margin-bottom: 30px; }
	#greeting .text-box p{ font-size: 1.7rem; }
	#greeting .text-box p:not(:last-of-type){ margin-bottom: 20px; }
	#greeting .text-box h5{ font-size: 1.8rem; padding-top: 40px; }
	#greeting .text-box h5 b{ font-size: 2.5rem; }
}

@media screen and (max-width: 1100px){
	#greeting .flex-box{ flex-wrap: wrap; justify-content: center; }
	#greeting .text-box{ width: 100%; }
	#greeting figure{ max-width: 540px; width: 100%; padding-bottom: 540px; margin-bottom: 60px; }
}

@media screen and (max-width: 700px){
	#greeting .text-box h4{ font-size: 2.8rem; }
	#greeting .text-box p{ font-size: 1.6rem; } 

	#greeting .text-box h5{ font-size: 1.6rem; }
	#greeting .text-box h5 b{ font-size: 2.3rem; margin-left: 5px; }
}

@media screen and (max-width: 600px){
	#greeting figure{ padding-bottom: 99.5%; }
	#greeting .text-box br{ display: none; }
}


/* 총동문회 연혁 */
#history .tab-menu ul li{ width: calc((100% -  132px) / 7); }
#history .content h3{ font-size: 4.8rem; font-weight: 400; color: #111; line-height: 1.5083; margin-bottom: 120px; }

#history .flex-box{ display: flex; justify-content: space-between; }
#history .sticky-box{ margin-top: -7px; }
#history .sticky-box h4{ display: inline-block; font-size: 5.8rem; font-weight: 700; color: #000; position: sticky; top: 150px; left: 0; }
#history .scroll-box{ max-width: 960px; width: 100%; padding-left: 135px; }

#history .scroll-box ul li{ position: relative; }
#history .scroll-box ul li:not(:last-of-type){ padding-bottom: 100px; }
#history .scroll-box ul li::before{ content: attr(data-year); font-size: 3.8rem; font-weight: 700; color: var(--mainColor); position: absolute; top: -7px; left: -135px; }
#history .scroll-box ul li dl{ display: flex; }
#history .scroll-box ul li dl::before{ content: ""; width: 1px; height: 100%; background: #ececec; position: absolute; top: 15px; left: 9px; z-index: -5; }
#history .scroll-box ul li dl::after{ content: ""; width: 1px; height: 100%; background: var(--mainColor); position: absolute; top: 15px; left: 9px; transform: scaleY(0); transform-origin: top; transition: all 0.5s; }
#history .scroll-box ul li dl dt{ width: 165px; font-size: 2rem; font-weight: 700; color: #333; padding-left: 60px; position: relative; }
#history .scroll-box ul li dl dt::before{ content: ""; width: 20px; height: 20px; background: var(--mainColor); border-radius: 50%; opacity: 0.1; position: absolute; top: 3px; left: 0; }
#history .scroll-box ul li dl dt::after{ content: ""; width: 7px; height: 7px; background: var(--mainColor); border-radius: 50%; position: absolute; top: 9px; left: 6px; }
#history .scroll-box ul li:last-of-type dl::before, #history .scroll-box ul li:last-of-type dl::after{ display: none; }
#history .scroll-box ul li dl dd{ width: calc(100% - 165px); }
#history .scroll-box ul li dl dd p{ font-size: 2rem; font-weight: 300; color: #555; }
#history .scroll-box ul li dl dd p:not(:last-of-type){ margin-bottom: 10px; }

#history .scroll-box ul li.on dl::after{ transform: scaleY(1); }

@media screen and (max-width: 1400px){
	#history .sticky-box{ width: 350px; }
	#history .scroll-box{ max-width: calc(100% - 350px); }
}

@media screen and (max-width: 1280px){
	#history .content h3{ font-size: 3.5rem; margin-bottom: 60px; }
	#history .sticky-box h4{ font-size: 4.8rem; }
	#history .scroll-box ul li dl dd p{ font-size: 1.8rem; }
	#history .scroll-box ul li::before{ font-size: 3.2rem; }
}

@media screen and (max-width: 1200px){
	#history .sticky-box{ width: 300px; }
	#history .scroll-box{ max-width: calc(100% - 300px); }
	#history .scroll-box ul li:not(:last-of-type){ padding-bottom: 60px; }
	#history .scroll-box ul li dl dt{ width: 130px; }
	#history .scroll-box ul li dl dd{ width: calc(100% - 130px); }
}

@media screen and (max-width: 1000px){
	#history .tab-menu ul li{ width: calc((100% - 20px) / 3); }
	#history .tab-menu ul li:nth-of-type(3n){ margin-right: 0; }

	#history .flex-box{ flex-direction: column; }
	#history .sticky-box{ width: 100%; margin-bottom: 40px; }
	#history .scroll-box{ max-width: 100%; }
}

@media screen and (max-width: 700px){
	#history .content h3{ font-size: 3rem; }
	#history .sticky-box h4{ font-size: 4rem; }

	#history .scroll-box{ padding-left: 100px; }
	#history .scroll-box ul li::before{ left: -100px; font-size: 3rem; }
	#history .scroll-box ul li dl dt{ padding-left: 40px; }
	#history .scroll-box ul li dl dt{ width: 90px; font-size: 1.8rem; }
	#history .scroll-box ul li dl dd{ width: calc(100% - 90px); }
	#history .scroll-box ul li dl dd p{ font-size: 1.6rem; }
}


/* 회칙 */
#bylaw section:not(:last-of-type){ margin-bottom: 120px; }
#bylaw h4{ font-size: 4rem; font-weight: 600; color: #111; margin-bottom: 30px; }
#bylaw ul li{ font-size: 1.6rem; font-weight: 300; color: #555; }
#bylaw ul li:not(:last-of-type){ margin-bottom: 7px; }
#bylaw ul.notoSans{ font-family: 'Noto Sans KR', sans-serif; }
#bylaw ul.notoSans li{ font-weight: 400; }
#bylaw dl{ padding-left: 20px; margin-top: 5px; }
#bylaw dl dd{ line-height: 1.925; }
#bylaw .flex{ display: flex; margin-top: 2px; }
#bylaw .flex span{ white-space: nowrap; }
#bylaw .flex div{ margin-left: 5px; margin-top: -5px; }
#bylaw div.padding{ padding-left: 20px; }
#bylaw div p{ line-height: 1.925; }

@media screen and (max-width: 1280px){
	#bylaw section:not(:last-of-type){ margin-bottom: 60px; }
	#bylaw h4{ font-size: 3rem; margin-bottom: 15px; }
}

@media screen and (max-width: 700px){
	#bylaw h4{ font-size: 2.7rem; }
}

/* 심볼 & 교가 */
.ss .tab-menu ul li{ width: calc((100% - 22px) / 2); }

@media screen and (max-width: 1000px){
	.ss .tab-menu ul li{ width: calc((100% - 10px) / 2); }
}

/* 심볼 */
#symbol section:not(:last-of-type){ margin-bottom: 120px; }
#symbol figure{ display: flex; justify-content: center; align-items: center; border: 1px solid #ddd; }

#symbol .intro .flex-box{ display: flex; align-items: center ; }
#symbol .intro figure{  width: 43.5%; padding: 112px 20px; }
#symbol .intro .text-box{ width: 56.5%; padding-left: 40px; }
#symbol .intro .text-box h4{ font-size: 3.2rem; font-weight: 700; color: #222; }
#symbol .intro .text-box p{ font-size: 1.8rem; font-weight: 300; color: #555; line-height: 1.6888; margin: 40px 0; }
#symbol .intro .text-box ul{ display: flex; justify-content: space-between; align-items: center; } 
#symbol .intro .text-box ul li{ width: calc((100% - 10px)/ 2); }
#symbol .intro .text-box ul li a{ width: 100%; }

#symbol .content h5{ font-size: 2.8rem; font-weight: 500; color: #222; }
#symbol .content figure{ width: 100%; padding: 30px 20px; margin: 20px 0; }
#symbol .content p{ font-size: 1.8rem; font-weight: 300; color: #555; line-height: 1.8555; }

@media screen and (max-width: 1280px){
	#symbol section:not(:last-of-type){ margin-bottom: 80px; }
	#symbol a.download{ height: 60px; }
	#symbol br{ display: none; }
}

@media screen and (max-width: 1000px){
	#symbol .intro .flex-box{ flex-direction: column; }
	#symbol .intro figure{ width: 100%; padding: 30px 20px; }
	#symbol .intro .text-box{ width: 100%; padding-left: 0; margin-top: 30px; }
	#symbol .intro .text-box p{ margin: 20px 0; }
}

@media screen and (max-width: 700px){
	#symbol .intro .text-box h4{ font-size: 2.8rem; }
	#symbol .intro .text-box p{ font-size: 1.6rem; }
	#symbol a.download{ height: 55px; }

	#symbol .content h5{ font-size: 2.3rem; }
	#symbol .content p{ font-size: 1.6rem; }
}


/* 교가 */
#song .flex-box{ display: flex; align-items: flex-end; }
#song figure{ width: 46.5%; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); text-align: center; }
#song .text-box{ width: 53.5%; padding-left: 90px; }
#song .text-box p{ font-size: 1.8rem; font-weight: 500; color: #333; margin-bottom: 60px; line-height: 1.8555; }
#song .text-box ul{ display: flex; justify-content: space-between; margin-bottom: 60px; } 
#song .text-box ul li{ width: calc((100% - 10px)/ 2); }
#song .text-box ul li a{ width: 100%; }

@media screen and (max-width: 1430px){
	#song .text-box p br{ display: none; }
}

@media screen and (max-width: 1280px){
	#song .text-box{ padding-left: 50px; }
	#song a.download{ height: 60px; }
}

@media screen and (max-width: 1000px){
	#song .flex-box{ flex-direction: column; align-items: center; }
	#song figure{ max-width: 650px; width: 90%; } 
	#song .text-box{ width: 100%; padding-left: 0; margin-top: 40px; margin-bottom: 0; }
}

@media screen and (max-width: 700px){
	#song .text-box p{ font-size: 1.6rem; margin-bottom: 40px; }
	#song a.download{ height: 55px; }
}


/* 임원단 */
#director section:not(:last-of-type){ margin-bottom: 80px; }
#director .three{ margin-bottom: 80px; }
#director .three table th{ width: calc(100% / 4); }
#director .director table:not(:last-of-type){ margin-bottom: 80px; }
#director .border-top table tr:first-of-type td{ border-top: 1px solid #ddd; }

@media screen and (max-width: 1000px){
	#director section:not(:last-of-type){ margin-bottom: 70px; }
	#director .three{ margin-bottom: 30px; }
	#director .director table:not(:last-of-type){ margin-bottom: 30px; }
}


/* 총동문회 4대 비전 */
#vision .figure{ margin-bottom: 150px; }
#vision .figure .text-box{ text-align: center; position: relative; }
#vision .figure .text-box::before{ content: url("/img/sub/activity/vision_bg.png"); position: absolute; top: 50%; left: 50%; z-index: -5; transform: translate(-50%, -50%); }
#vision .figure .text-box h4{ font-size: 4.8rem; font-weight: 700; color: #111; line-height: 1.4041; margin-bottom: 30px; }	
#vision .figure .text-box h4 span{ color: var(--mainColor); }
#vision .figure .text-box p{ font-size: 2rem; font-weight: 300; color: #333; }
#vision .figure figure{ width: 100%; text-align: center; margin-top: 80px; }

#vision .vision table tr{ border-bottom: 1px solid #ddd; }
#vision .vision table tr:first-of-type{ border-top: 1px solid #000; }
#vision .vision table th{ width: 18.5%; font-size: 2.8rem; font-weight: 400; color: #333; }
#vision .vision table td{ font-size: 1.8rem; font-weight: 300; color: #555; padding: 60px 0; }
#vision .vision table td ul li, #vision .vision table td p{ line-height: 1.8555; }
#vision .vision table td span{ font-weight: 500; }
#vision .vision table td div{ padding-left: 20px; }

@media screen and (max-width: 1280px){
	#vision .figure{ margin-top: 100px; margin-bottom: 100px; }
	#vision .figure .text-box h4{ font-size: 4rem; }
	#vision .figure figure{ margin-top: 100px; }

	#vision .vision table th{ width: 30%; font-size: 2.3rem; }
}

@media screen and (max-width: 700px){
	#vision .figure{ margin-top: 120px; }
	#vision .figure .text-box h4{ font-size: 3.3rem; margin-bottom: 15px; }
	#vision .figure .text-box p{ font-size: 1.6rem; }
	#vision .figure figure{ margin-top: 120px; }

	#vision .vision table th{ width: 35%; font-size: 2rem; }
	#vision .vision table td{ font-size: 1.6rem; }
}


/* 하나기도회 */
#prayer .flex-box{ width: 100%; display: flex; }
#prayer figure{ width: 44%; height: fit-content; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); }
#prayer .text-box{ width: 56%; padding-left: 100px; }
#prayer .text-box h4{ font-size: 4.2rem; font-weight: 600; color: var(--mainColor); margin-bottom: 30px; }
#prayer .text-box > p{ font-size: 2.5rem; font-weight: 500; color: #111; margin-bottom: 40px; }
#prayer .text p{ font-size: 1.8rem; font-weight: 300; color: #555; line-height: 1.8555; }
#prayer .text p:not(:last-of-type){ margin-bottom: 40px; }

@media screen and (max-width: 1400px){
	
}

@media screen and (max-width: 1280px){
	#prayer .text-box h4{ font-size: 3.5rem; margin-bottom: 20px; }
	#prayer .text-box > p{ font-size: 2.1rem; margin-bottom: 20px; }
	#prayer .text p:not(:last-of-type){ margin-bottom: 20px; }
}

@media screen and (max-width: 1000px){
	#prayer .flex-box{ flex-direction: column; }
	#prayer figure{ max-width: 619px; width: 90%; margin: 0 auto; }
	#prayer .text-box{ width: 100%; padding-left: 0; margin-top: 40px; }
}

@media screen and (max-width: 700px){
	#prayer .text-box h4{ font-size: 3rem; margin-bottom: 20px; }
	#prayer .text-box > p{ font-size: 2rem; }
	#prayer .text p{ font-size: 1.6rem; } 
}


/* 삼각숲 발행 */
#publish section .inner *{ font-size: 1.8rem; font-weight: 300; color: #333; line-height: 1.8555; }
#publish .section-wrap:not(:first-of-type){ padding-top: 60px; }
#publish ul li span{ font-weight: 600 !important; }

#publish .tab-menu{ padding-top: 100px; }
#publish .tab-menu ul li{ width: calc((100% - 22px) / 2); }

#publish .hover-list li{ width: calc((100% - 160px) / 5); margin-right: 40px; }  
#publish .hover-list li:nth-of-type(5n){ margin-right: 0; }
#publish .hover-list li figure{ padding-bottom: 133%; } 

@media screen and (max-width: 1280px){
	#publish .tab-menu{ margin-bottom: 30px; }
}

@media screen and (max-width: 1200px){
	#publish .hover-list li{ width: calc((100% - 120px) / 4); }
	#publish .hover-list li:nth-of-type(5n){ margin-right: 40px; }
	#publish .hover-list li:nth-of-type(4n){ margin-right: 0; }
}

@media screen and (max-width: 1000px){
	#publish section .inner *{ font-size: 1.7rem; }
	#publish .tab-menu ul li{ width: calc((100% - 10px) / 2); }

	#publish .hover-list li{ width: calc((100% - 80px) /3); }
	#publish .hover-list li:nth-of-type(4n){ margin-right: 40px; }
	#publish .hover-list li:nth-of-type(3n){ margin-right: 0; }
}

@media screen and (max-width: 700px){
	#publish .hover-list li{ width: calc((100% - 15px) / 2); margin-right: 15px; }
	#publish .hover-list li:nth-of-type(5n){ margin-right: 15px; }
	#publish .hover-list li:nth-of-type(4n){ margin-right: 15px; }
	#publish .hover-list li:nth-of-type(3n){ margin-right: 15px; }
	#publish .hover-list li:nth-of-type(2n){ margin-right: 0; }
}


/* 선교활동 지원 */
#mission section:not(:last-of-type){ margin-bottom: 150px; }
#mission p{ font-size: 1.8rem; font-weight: 300; color: #333; line-height: 1.8555; }
#mission figure{ margin-top: 60px; }
#mission figure img{ max-width: 580px; width: 100%; }  
#mission ul li{ font-size: 1.8rem; font-weight: 300; color: #333; line-height: 1.8555; }

@media screen and (max-width: 1280px){
	#mission figure{ margin-top: 30px; }
	#mission section:not(:last-of-type){ margin-bottom: 70px; }
}

@media screen and (max-width: 1000px){
	#mission p{ font-size: 1.6rem; }
	#mission ul li{ font-size: 1.6rem; }
}


/* 소식 */
#news .tab-menu ul li{ width: calc((100% - 66px) / 4); }

@media screen and (max-width: 1000px){
	#news .tab-menu ul li{ width: calc((100% - 10px) / 2); }
	#news .tab-menu ul li:nth-of-type(2n){ margin-right: 0; }
}

/* (재)바롬장학회 */
#scholarship{ position: relative; }
#scholarship::before{ content: url("/img/sub/scholarship/scholarship_bg.png"); position: absolute; bottom: -200px; right: -50px; }
#scholarship .flex-box{ display: flex; align-items: center; }
#scholarship figure{ width: 41%; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); }
#scholarship .text-box{ width: 59%; padding-left: 150px; }
#scholarship .text-box h4{ font-size: 4.2rem; font-weight: 600; color: var(--mainColor); margin-bottom: 80px; }
#scholarship .text-box p{ font-size: 1.8rem; font-weight: 300; color: #555; line-height: 1.8555; margin-bottom: 40px; }
#scholarship .text-box a{ width: 330px; }

@media screen and (max-width: 1400px){
	#scholarship br{ display: none; }
	#scholarship .text-box{ padding-left: 100px; }
}

@media screen and (max-width: 1280px){
	#scholarship::before{ bottom: -100px; }
	#scholarship .text-box h4{ font-size: 3.5rem; margin-bottom: 40px; }
	#scholarship .text-box p{ margin-bottom: 20px; }
	#scholarship .text-box a{ width: 250px; height: 55px; }
}

@media screen and (max-width: 1000px){
	#scholarship .flex-box{ flex-direction: column; }
	#scholarship figure{ max-width: 580px; width: 90%; }
	#scholarship .text-box{ width: 100%; padding-left: 0; margin-top: 40px; }
}

@media screen and (max-width: 700px){
	#scholarship .text-box h4{ font-size: 3rem; margin-bottom: 20px; }
	#scholarship .text-box p{ font-size: 1.6rem; } 
	#scholarship .text-box a{ width: 220px; height: 50px; }
}

/* 바롬 인재 양성 */
#talent section:not(:last-of-type){ padding-bottom: 150px; }
#talent .section-wrap p{ font-size: 1.8rem; font-weight: 300; color: #333; line-height: 1.8555; margin-bottom: 60px; }
#talent .awards figure{ width: 100%; text-align: center; }
#talent .awards figure img{ max-width: 750px; width: 100%; }
#talent .awards .table-box{ margin-top: 60px; }
#talent .awards .table-box th:first-of-type{ width: 30%; }
#talent .awards h5{ text-align: left; font-size: 2.3rem; font-weight: 700; color: #232323; margin-bottom: 20px; }

@media screen and (max-width: 1000px){
	#talent section:not(:last-of-type){ padding-bottom: 100px; }
	#talent .awards .table-box{ margin-top: 30px; }
}


/* 동문회비/모교후원 */
#support .fee{ margin-bottom: 150px; }
#support .fee p{ font-size: 2rem; font-weight: 500; color: #333; margin-top: 20px; }
#support .fee figure{ margin: 60px 0 40px; }
#support .fee ul li{ font-size: 1.6rem; font-weight: 300; color: #666; }
#support .fee ul li:not(:last-of-type){ margin-bottom: 9px; }

#support .dues p{ font-size: 1.8rem; font-weight: 300; color: #333; line-height: 1.8555; margin-bottom: 60px; }
#support .dues a{ width: 330px; }

@media screen and (max-width: 1400px){
	#support .dues p br { display: none; }
}

@media screen and (max-width: 1280px){
	#support .fee{ margin-bottom: 70px; }

	#support .fee p{ font-size: 1.8rem; margin-top: 0; }
	#support .fee figure{ margin: 30px 0; }

	#support .dues p{ margin-bottom: 30px; }
	#support .dues a{ width: 250px; height: 55px; }
}

@media screen and (max-width: 700px){
	#support .dues p{ font-size: 1.6rem; }

	#support .dues a{ width: 200px; height: 50px; }
}


/* 회비 납부 */
#fee .btn-zip{ text-align: center; margin-top: 60px; }
#fee .btn-zip .red{ width: 330px; margin-right: 0; }

@media screen and (max-width: 1280px){
	#fee .btn-zip .red{ width: 280px; height: 60px; }
}

@media screen and (max-width: 700px){
	#fee .btn-zip .red{ width: 200px; height: 55px; }
}

@media screen and (max-width: 500px){
	#fee .btn-zip .red{ width: calc((100% - 10px) / 2); height: 50px; }
}


/* 회비 납부 - 확인 */
#fee.confirm tr{ border-bottom: 1px solid #ddd; }
#fee.confirm tr:first-of-type{ border-top: 1px solid var(--mainColor); }
#fee.confirm th{ padding-left: 10px; }

@media screen and (max-width: 600px){
	#fee.confirm tr{ width: 100%; display: table; }
	#fee.confirm th{ width: 30%; padding: 20px 0; padding-left: 10px; }
	#fee.confirm td{ width: 70%; }
}


/* 근조기 대여 */
#condolences h4{ font-size: 3.8rem; font-weight: 500; color: #333; text-align: center; margin-bottom: 80px; }
#condolences section{ font-size: 1.8rem; font-weight: 300; color: #555; }
#condolences section:not(:last-of-type){ margin-bottom: 80px; }
#condolences h5{ font-size: 2.2rem; font-weight: 600; color: #111; margin-bottom: 20px; }
#condolences p{ line-height: 1.8555; }
#condolences br.none{ display: none; }

#condolences dl dt{ font-weight: 500; color: var(--mainColor); margin-bottom: 7px; }
#condolences dl dd:not(:last-of-type){ margin-bottom: 10px; }

#condolences .margin-top{ margin-top: 40px; }

#condolences .ask dl{ margin-top: 10px; }
#condolences .ask dl dd{ padding-left: 10px; }
#condolences .table-box{ margin-bottom: 20px; }

#condolences dl dd.link a {display:inline-block; padding:15px 25px; box-sizing:border-box; border:1px solid #ccc;}

@media screen and (max-width: 1280px){
	#condolences h4{ font-size: 3.3rem; }
	#condolences section:not(:last-of-type){ margin-bottom: 60px; }
}

@media screen and (max-width: 700px){
	#condolences h4{ font-size: 2.8rem; }
	#condolences section{ font-size: 1.6rem; }
	#condolences h5{ font-size: 2rem; margin-bottom: 10px; }
	#condolences .margin-top{ margin-top: 20px; }
	#condolences .table-box{ margin-top: 15px; margin-bottom: 5px; }
}

@media screen and (max-width: 550px){
	#condolences .ask br.none{ display: block; }
	#condolences .ask br.none + span{ display: none; }
	#condolences .ask dl dd{ padding-left: 16px; text-indent: -16px; line-height: 1.5; }
}


/* 총동문회 회의실 대여 */
#rental section:not(:last-of-type){ margin-bottom: 150px; }
#rental p{ font-size: 1.8rem; font-weight: 300; color: #333; line-height: 1.8555; }
#rental figure{ margin-top: 60px; }
#rental ul li{ font-size: 1.8rem; font-weight: 300; color: #333; line-height: 1.8555; }

@media screen and (max-width: 1280px){
	#rental figure{ margin-top: 30px; }
	#rental section:not(:last-of-type){ margin-bottom: 70px; }
}

@media screen and (max-width: 1000px){
	#rental p{ font-size: 1.6rem; }
	#rental ul li{ font-size: 1.6rem; }
}


/* 온라인 문의 */
#inquiry section:not(:last-of-type){ margin-bottom: 150px; }
#inquiry .border-top{ border-bottom: 2px solid #000; padding-bottom: 5px; }
#inquiry .input ul{ display: flex; }
#inquiry .input ul li label{ padding-right: 50px; padding-top: 20px; padding-bottom: 20px; }
#inquiry textarea{ height: 200px; padding-top: 15px; padding-bottom: 15px; }
#inquiry .agree label{ padding-top: 10px; padding-bottom: 10px; }
#inquiry .form-table .agree input + label::before{ top: 11px; }
#inquiry .form-table .agree input:checked + label::after{ top: 10px; }
#inquiry .btn-zip{ text-align: center; padding-top: 60px; }
#inquiry .btn-zip *{ width: 330px; }

@media screen and (max-width: 1280px){
	#inquiry .form-table table{ margin-top: 0; }
	#inquiry section:not(:last-of-type){ margin-bottom: 100px; }
}

@media screen and (max-width: 700px){
	#inquiry .btn-zip{ padding-top: 30px; }
	#inquiry .btn-zip *{ width: 200px; height: 55px; }
}

@media screen and (max-width: 500px){
	#inquiry .btn-zip *{ width: calc((100% - 10px) / 2); height: 50px; }
}



/* 서울여대인 네트워크 */
#network .text{ padding-bottom: 100px; }
#network .text p{ font-size: 2.8rem; font-weight: 300; color: #111; line-height: 1.7; }

#network .tab-menu ul{ justify-content: center; }
#network .tab-menu ul li{ width: calc((100% - 88px) / 5); }
#network .tab-menu ul li:nth-of-type(5n){ margin-right: 0; }

#network .profile-list{ display: flex; flex-wrap: wrap; margin-bottom: -40px; }
#network .profile-list > li{ width: calc((100% - 40px) / 2); border: 1px solid #ddd; padding: 50px; margin-right: 40px; margin-bottom: 40px; }
#network .profile-list > li:nth-of-type(even){ margin-right: 0; }
#network .profile-list > li span{ max-width: 150px; height: 30px; padding-top: 2px; display: flex; justify-content: center; align-items: center; background: var(--mainColor); color: #ffffff; font-size: 13px; font-weight: 600; }

#network .profile{ display: flex; align-items: flex-end; padding: 15px 0; padding-bottom: 50px; }
#network .profile li{ font-size: 1.7rem; font-weight: 500; color: #999; }
#network .profile li.name{ font-size: 3.2rem; font-weight: 700; color: #333; position: relative; top: 3px; margin-right: 15px; }

#network .dl-zip *{ font-size: 1.7rem; }
#network .dl-zip dl{ display: flex; }
#network .dl-zip dl:not(:last-of-type){ padding-bottom: 15px; }
#network .dl-zip dt{ width: 100px; font-weight: 700; color: var(--mainColor); }
#network .dl-zip dd{ font-weight: 300; color: #555; }

@media screen and (max-width: 1280px){
	#network .text{ padding-bottom: 70px; }
	#network .text p{ font-size: 2.5rem; }

	#network .profile li.name{ font-size: 2.8rem; }
}

@media screen and (max-width: 1060px){
	#network .text p br{ display: none; }
}

@media screen and (max-width: 1000px){
	#network .tab-menu ul li{ width: calc((100% - 20px) / 3); margin-right: 10px; }
	#network .tab-menu ul li:nth-of-type(5n){ margin-right: 10px; }
	#network .tab-menu ul li:nth-of-type(3n){ margin-right: 0; }
}

@media screen and (max-width: 900px){
	#network .profile-list > li{ padding: 30px; font-size: 1.6rem; }
	#network .profile li.name{ font-size: 2.5rem; }
	#network .profile{ padding-bottom: 30px; }

	#network .dl-zip *{ font-size: 1.6rem; }
	#network .dl-zip dt{ width: 80px; }
}

@media screen and (max-width: 700px){
	#network .text{ padding-bottom: 60px; }
	#network .text p{ font-size: 2rem; }

	#network .profile-list > li{ width: 100%; margin-right: 0; }
}


/* member-title */
.member_title h3{ font-size: 3.2rem; font-weight: 600; color: #111; text-align: center; }
.member_title{ margin-bottom: 60px; }

@media screen and (max-width: 1280px){
	.member_title h3{ font-size: 3rem; }
	.member_title{ margin-bottom: 40px; }
}

/* 로그인 , 아이디/비밀번호 찾기 */
#login{ padding-top: 150px; }
#login.login .member_title{ margin-bottom: 40px; }
#login .form-box{ max-width: 500px; width: 100%; margin: 0 auto; }
#login .form-box input, #login .form-box button{ width: 100%; }
#login .form-box input{ height: 65px; border: 1px solid #ddd; border-radius: 5px; margin-bottom: 10px; padding: 0 30px; font-size: 1.8rem; font-weight: 300; color: #111; }
#login .form-box input::placeholder{ color: #888; } 
#login .form-box button, #login .form-box .button{ border-radius: 5px; }
#login .form-box .button{ margin-top: 10px; }
#login ul{ display: flex; justify-content: center; margin-top: 15px; }

/* 로그인 */
#login.login ul li{ position: relative; }
#login.login ul li::after{ content: ""; width: 3px; height: 3px; background: #ccc; border-radius: 50%; position: absolute; top: 49%; right: -2; transform: translate(-50%, -50%); }
#login.login ul li:last-of-type::after{ display: none; }
#login.login ul li a{ display: inline-block; font-size: 1.5rem; font-weight: 500; color: #999; padding: 16.5px; }

/* 아이디/비밀번호 찾기 */
#login.id .member_title{ margin-bottom: 50px; }
#login.id .form-box div{ margin-top: 20px; }
#login.id ul{ display: flex; margin-bottom: 30px; } 
#login.id ul li{ width: 50%; position: relative; }
#login.id ul li::after{ content: ""; width: 100%; height: 2px; background: #eee; position: absolute; bottom: 0; left: 0; }
#login.id ul li a{ display: inline-block; width: 100%; font-size: 1.8rem; font-weight: 600; color: #ccc; text-align: center; padding: 10px 0; }

#login.id ul li.on a{ color: #111; }
#login.id ul li.on::after{ background: #000; }

@media screen and (max-width: 1280px){
	#login{ padding-top: 100px; }
	#login .form-box input, #login .form-box button, #login .form-box .button{ height: 55px; }
	#login .form-box input{ padding: 0 20px; }

	#login.id .member_title{ margin-bottom: 40px; }
}

@media screen and (max-width: 700px){
	#login .member_title h3{ font-size: 2.8rem; }
	#login .form-box{ width: 90%; }
	#login .form-box input, #login .form-box button, #login .form-box .button{ height: 50px; }
	#login .form-box input{ font-size: 1.6rem; }
	#login.login ul{ margin-top: 5px; }

	#login.id .form-box div{ margin-top: 10px; }
	#login.id ul{ margin-bottom: 15px; }
	#login.id ul li a{ font-size: 1.6rem; }

}


/* 회원가입, 회원 정보 수정 */
.padding150{ padding-top: 150px; }

#register .border-top{ display: flex; justify-content: space-between; align-items: flex-end; border-bottom: 2px solid #000; padding-bottom: 5px; }  
.border-top p{ font-size: 2.2rem; font-weight: 500; color: #333; }
.border-top ul{ display: flex; justify-content: center; align-items: center; margin-right: -19px; }
.border-top ul li{ font-size: 1.4rem; font-weight: 300; color: #ccc; padding: 0 19px; position: relative; }
.border-top ul li::after{ content: url("/img/sub/register_after.png"); position: absolute; top: 50%; right: -4px; transform: translateY(-50%); }
.border-top ul li:last-of-type::after{ display: none; }
.border-top ul li.active{ color: #333; font-weight: 400; } 
.border-top ul li.active::after{ content: url("/img/sub/register_after_active.png"); }

#register .btn-zip{ display: flex; justify-content: center; }
#register .btn-zip *{ width: 330px; }
#register .btn-zip .red{ margin-right: 10px; }

@media screen and (max-width: 1280px){
	.padding150{ padding-top: 80px; }
	#register .btn-zip *{ width: 280px; height: 60px; }
}

@media screen and (max-width: 700px){
	#register .btn-zip *{ width: 200px; height: 55px; }
}

@media screen and (max-width: 500px){
	#register .btn-zip *{ width: calc((100% - 10px) / 2); height: 50px; }
}


/* 회원가입 - 약관동의 */
#register.agree section{ padding-top: 60px; }
#register.agree input{ display: none; }
#register.agree label{ display: inline-block; font-size: 1.8rem; font-weight: 300; color: #333; position: relative; padding-left: 35px; padding-bottom: 20px; cursor: pointer; }
#register.agree label::before{ content: ""; width: 20px; height: 20px; border: 1px solid #ddd; border-radius: 50%; position: absolute; top: 0; left: 0; }
#register.agree input:checked + label::before{ border: 1px solid var(--mainColor); }
#register.agree input:checked + label::after{ content:"\e929"; font-family:'xeicon'; font-weight: normal; font-style: normal; font-size: 2rem; color: var(--mainColor);  position: absolute; top: -1px; left: 1px; }

#register.agree .scroll-box{ height: 300px; border: 1px solid #ddd; padding: 40px; }
#register.agree .scroll-box *{ font-size: 1.5rem; font-weight: 300; color: #333; line-height: 1.6333; } 
#register.agree .scroll-box dl{ padding-top: 23px; }
#register.agree .scroll-box dl.padding dd{ padding-left: 7px; }

#register.agree .btn-zip{ padding-top: 60px; }

@media screen and (max-width: 1280px){
	.border-top p{ font-size: 2rem; }

	#register.agree section{ padding-top: 40px; }
	#register.agree label{ font-size: 1.6rem; padding-left: 30px; padding-bottom: 10px; }
	#register.agree label::before{ width: 16px; height: 16px; top: 1px; }
	#register.agree input:checked + label::after{ font-size: 1.8rem; left: 0px; }

	#register.agree .scroll-box{ padding: 30px; }
}

@media screen and (max-width: 700px){
	.border-top p{ font-size: 1.8rem; }

	#register.agree .btn-zip{ padding-top: 30px; }
}


/* 회원가입 - 정보입력 */
#register.register .address .input input{ background: #f8f8f8; }
#register.register .address td > input{ margin-top: 10px; }
#register.register .gender ul{ display: flex; }
#register.register .gender ul li label{ padding-right: 50px; padding-top: 20px; padding-bottom: 20px; }
#register.register .agree{ text-align: right; }
#register.register .agree input + label{ font-size: 1.8rem; color: #333; padding-top: 20px; padding-bottom: 20px; padding-left: 35px; }
#register.register .agree input + label::before{ width: 20px; height: 20px; }
#register.register .agree input + label::after{ font-size: 1.8rem; top: 21px; left: 2px; }
#register.register .btn-zip{ padding-top: 60px; }

#register.register .auto .input{ align-items: center; }

@media screen and (max-width: 1280px){
	#register.register .agree input + label{ font-size: 1.6rem; padding-left: 30px; }
	#register.register .agree input + label::before{ width: 18px; height: 18px; top: 20px; }
	#register.register .agree input + label::after{ top: 19px; left: 1px; } 
}

@media screen and (max-width: 700px){
	#register.register .btn-zip{ padding-top: 30px; }
}

/* 회원가입 - 가입완료 */
#register.register_ok .content{ padding-top: 100px; text-align: center; }
#register.register_ok .content h4{ font-size: 3.2rem; font-weight: 300; color: #222; line-height: 1.4562; }
#register.register_ok .content h4 span{ font-weight: 600; }
#register.register_ok .content p{ font-size: 1.8rem; font-weight: 300; color: #555; margin-top: 20px; }
#register.register_ok .hover-list{ display: flex; justify-content: center; padding-top: 100px; }
#register.register_ok .hover-list li{ width: 330px; }
#register.register_ok .hover-list li:first-of-type{ margin-right: 10px; }

#register.register_ok .btn-zip{ padding-top: 100px; }

@media screen and (max-width: 1280px){
	#register.register_ok .content{ padding-top: 70px; }
	#register.register_ok .content h4{ font-size: 2.8rem; }
	#register.register_ok .content p{ margin-top: 10px; }
	
	#register.register_ok .btn-zip{ padding-top: 50px; }
}

@media screen and (max-width: 700px){
	#register.register_ok .content h4{ font-size: 2.5rem; }
	#register.register_ok .content p{ font-size: 1.6rem; }
}

/* 회원 정보 수정 */
#register.mypage .address .input input{ background: #f8f8f8; }
#register.mypage .address td > input{ margin-top: 10px; }
#register.mypage .btn-zip{ max-width: 920px; width: 100%; margin: 0 auto; padding-top: 60px; }
#register.mypage .btn-zip button{ width: calc((100% - 20px) / 3); margin: 0; }
#register.mypage .btn-zip button:not(:last-of-type){ margin-right: 10px; }

@media screen and (max-width: 1280px){
	#register.mypage .btn-zip{ padding-top: 40px; }
}