@charset "utf-8";

#_contentBuilder ._objHeading:first-child .objHeading_h2 {margin-top: 0;}
/* 총장메시지 */
.intro-wrap {margin-top: 50px;}
.intro-title{display: inline-block; max-width: calc(100% - 345px); background: url(../../images/sub/intro_title_img.png) no-repeat top center; padding: 65px 60px 70px;vertical-align: top; width: 100%; background-size: cover; position: absolute; right: 0; z-index: -1;}
.intro-title-header p{font-size: 26px; font-family: 'Noto Regular'; color: #333333;}
.intro-title-header h1{font-family:'Arita-buri SemiBold'; font-size: 40px; color: #004e96; background: linear-gradient(to left, #004e96, #0189d9); -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.intro-title-content p{font-size: 22px; font-family: 'Noto Thin'; line-height: 32px; color: #333333;}
.intro-image{max-width: 392px; display: inline-block; position: relative; float: left; margin-right: 20px;}
.intro-image-box{margin-bottom: 34px;}
.intro-image-name{position: absolute; background-color: rgba(0,78,150,0.8); max-width: 295px; padding: 15.5px 0 15.5px 45px; bottom: 0; width: 100%;}
.intro-image-name::after{content:""; display: table; clear: both;}
.intro-image-name span{display: block; float: left; font-size: 18px; font-family: 'Noto Thin'; color: white; margin-top: 5px;}
.intro-image-name p{float: left; font-family:'Arita-buri Medium'; font-size: 26px; color: white; margin-left: 17px;}
.intro-text{font-size: 18px; line-height: 30px; color: #666; padding-top: 330px;}
.intro-name{margin-top: 40px;}
.intro-name p{font-family: 'Noto Medium'; font-size: 24px; color: #111111; text-align: right; padding-right: 140px; background: url(../../images/sub/sign.png) no-repeat right center;}
.intro-name p span{margin-left: 5px; font-family: 'Noto Bold'; font-size: 28px;}

@media all and (max-width: 1420px) {
  .intro-title-header p{font-size: 20px;}
  .intro-title-header h1{font-size: 35px;}
  .intro-title-content p{font-size: 20px;}
  .intro-text{font-size: 16px; line-height: 25px;}
  .intro-title{max-width: calc(100% - 265px); padding: 50px 60px 50px;}
  .intro-image{max-width: 265px;}
  .intro-image-name{padding: 15.5px 0 15.5px 20px;}
}

@media all and (max-width: 768px) {
  .intro-image{float: none; max-width: none; width: 100%;}
  .intro-image img{width: 100%;}
  .intro-title{display: block; max-width: none; margin-top: 20px; position: relative; z-index: 1; padding: 20px;}
  .intro-title-header h1{font-size: 30px;}
  .intro-title-content p{font-size: 16px; line-height: 25px;}
  .intro-text{padding-top: 20px;}
}

@media all and (max-width: 420px) {
  .intro-image-name{max-width: none;}
}

/* 기금종류 */
.sub-link-inner::after{content:""; display: table; clear: both;}
.sub-link-inner .sub-link-image{float: left;}
.sub-link-inner .sub-link-textbox{float: right; width: calc(100% - 65px);}
.sub-link-textbox h1{font-size: 22px; font-family: 'Noto Medium'; color: #2e3a84;}
.sub-link-textbox p{font-size: 18px; color: #333333; margin-top: 10px;}
.sub-link-textbox .sub-link-box{margin-top: 10px;}
.sub-link-textbox .sub-link-box::after{content:""; display: table; clear: both;}
.sub-link-textbox .sub-link-box a{float: left; margin-right: 5px; position: relative; display: block; font-size: 14px; line-height: 24px; letter-spacing: -0.5px; color: white; background-color: #006cc7; width: 160px;}
.sub-link-textbox .sub-link-box a span{position: relative; display: block; z-index: 3; padding: 10px 15px 10px 15px; background: url(../../images/sub/more_arrow_2.png) no-repeat 90% center;}
.sub-link-textbox .sub-link-box a:last-child{margin-right: 0;}

@media all and (max-width: 1420px) {
  .sub-link-textbox .sub-link-box a{margin-bottom: 5px;}
}

@media all and (max-width: 768px) {
  .sub-link-inner .sub-link-image{float: none;}
  .sub-link-inner .sub-link-textbox{float: none; width: 100%; margin-top: 10px;}
}

@media all and (max-width: 420px) {
  .sub-link-textbox .sub-link-box a{width: 100%; float: none;}
}

/* 기부하기 */
.custom-explain .sub-explain-title{font-size:22px; line-height: 30px; color: #111111;}
.custom-explain::before{display: none;}
.custom-explain::after{display: none;}
.custom-explain .sub-explain-title span{color: #006cc7;}
.custom-explain .sub-explain-txt{font-size: 18px; line-height: 28px;}
.custom-explain .sub-link-box{margin-top: 10px;}
.custom-explain .sub-link-box::after{content:""; display: table; clear: both;}
.custom-explain .sub-link-box a{float: left; margin-right: 5px; position: relative; display: block; font-size: 14px; line-height: 24px; letter-spacing: -0.5px; color: white; background-color: #006cc7; width: 160px;}
.custom-explain .sub-link-box a span{position: relative; display: block; z-index: 3; padding: 10px 15px 10px 15px; background: url(../../images/sub/more_arrow_2.png) no-repeat 90% center;}
.custom-explain .sub-link-box a:last-child{margin-right: 0;}
.custom-explain .sub-expalin-inner .sub-explain-img .icon11{background: url("../../images/common/explain_icon_11.png") no-repeat 43% 46%}

/* faq */
.sub-expalin-inner .sub-explain-info.ver-middle{padding-top: 0; vertical-align: middle;}
.custom-explain .sub-expalin-inner .sub-explain-img .icon19{background: url("../../images/common/explain_icon_19.png") no-repeat 45% 45%}

/* 서포터즈 */
.supporters-top {display: table; width: 100%; background: url("../../images/sub/supporters_bg_1.jpg") no-repeat left top;}
.supporters-top-inner {display: table-cell; width: 100%; height: 280px; vertical-align: middle; background: url("../../images/sub/supporters_bg_2.jpg") no-repeat right bottom; padding: 0 40px;}
.supporters-top-inner .title {font-size: 28px; line-height: 32px; letter-spacing: -0.5px; color: #111111; font-family: "Noto Medium"; margin-left: -15px;}
.supporters-top-inner .info {font-size: 18px; line-height: 26px; letter-spacing: -0.5px; color: #555555; margin-top: 20px;}
.sub-btn-group.supports-fund-btn .link-btn2{border: 1px solid #525252;}
.sub-btn-group.supports-fund-btn .link-btn2 span{padding: 7px 59px 7px 15px;}
.benefit-content-inner .objHeading_h3.mt0{margin-top: 10px;}

/* 참여하기 */
.participation-bx {display: table; width: 100%;}
.participation-bx .parti-inner {display: table-cell; width: 29%; vertical-align: top; height: 190px; text-align: center; background: #F6F6F6; border-radius: 0 0 5px 5px; box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);}
.participation-bx .parti-inner.parti-arrow {display: table-cell; vertical-align: middle; width: 6.5%; background: url("../../images/sub/parti_arrow.png") no-repeat center; border-radius: 0; box-shadow: none;}
.participation-bx .parti-inner .parti-step {font-family: "Roboto"; font-weight: 600; font-size: 18px; line-height: 50px; color: #fff; border-radius: 5px; overflow: hidden;}
.participation-bx .parti-inner:nth-child(1) .parti-step {background: url("../../images/sub/parti_title_bg1.png") no-repeat center; background-size: cover;}
.participation-bx .parti-inner:nth-child(3) .parti-step {background: url("../../images/sub/parti_title_bg2.png") no-repeat center;background-size: cover;}
.participation-bx .parti-inner:nth-child(5) .parti-step {background: url("../../images/sub/parti_title_bg3.png") no-repeat center;background-size: cover;}
.participation-bx .parti-inner .title {font-size: 20px; line-height: 30px; letter-spacing: -0.5px; color: #333333; font-family: "Noto Regular"; margin-bottom: 5px;}
.participation-bx .parti-inner .parti-content {display: table; width: 100%; height: 140px; }
.participation-bx .parti-inner .parti-content-bx {display: table-cell; vertical-align: middle; height: 140px;}
.participation-bx .parti-inner .info {font-size: 16px; line-height: 26px; letter-spacing: -0.5px; color: #333333;}
.fund-agree strong{font-weight: 700;}

@media all and (max-width: 768px){
  .participation-bx {display: block; }
  .participation-bx .parti-inner {display: block; height: auto; width: 100%; margin-top: 20px;}
  .participation-bx .parti-inner.parti-arrow {display: none;}
  .participation-bx .parti-inner:nth-child(1) {margin-top: 0;}
}

/* 세제혜택 */
.benefit-list-wrap .benefit-list {float: left; width: 32%; margin-left: 2%; text-align: center;}
.benefit-list-wrap .benefit-list:first-child {margin-left: 0;}
.benefit-list {padding-top: 20px;}
.benefit-list .benefit-inner {border-radius: 7px; background: #F5F5F5; min-height: 200px;}
.benefit-list .benefit-inner .title {position: relative; width: 61%; height: 45px; line-height: 45px; font-size: 16px; letter-spacing: -0.5px; color: #fff; font-family: "Noto Medium"; margin: 0 auto; border-radius: 20px; overflow: hidden; top: -20px;}
.benefit-list.benefit1 .benefit-inner .title {background: url("../../images/sub/benefit_title_bg1.png") no-repeat center;}
.benefit-list.benefit2 .benefit-inner .title {background: url("../../images/sub/benefit_title_bg2.png") no-repeat center;}
.benefit-list.benefit3 .benefit-inner .title {background: url("../../images/sub/benefit_title_bg3.png") no-repeat center;}
.benefit-list .benefit-inner .info {font-size: 16px; line-height: 24px; letter-spacing: -0.5px; color: #333333; margin: 0 0 15px;}
.benefit-list .benefit-inner .m-blank {display: block;}

.benefit-list .benefit-inner button {position: relative; width: 145px; display: block; font-size: 16px;  letter-spacing: -0.5px; color: #fff; border: 1px solid #525252; color: #666666; transition: all 0.3s; overflow: hidden; background: #fff; margin: 0 auto;}
.benefit-list .benefit-inner button::before {content: ""; position: absolute; width: 0; height: 100%; background: #425769; left: -30px; top: 0; transition: all 0.5s; z-index: 1; transform: skewX(-45deg);}
.benefit-list .benefit-inner button span {position: relative; display: block; z-index: 3; background: url("../../images/common/btn_icon1_on.png") no-repeat 90% center; padding: 0px 40px 0px 15px; transition: all 0.3s; line-height: 45px;}

.benefit-list .benefit-inner button:hover {color: #fff; border-color: #425769;}
.benefit-list .benefit-inner button:hover span {background: url("../../images/common/btn_icon1.png") no-repeat 90% center; }
.benefit-list .benefit-inner button:hover::before {width: 140%;}

.benefit-popup-wrap {display: none; position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1000; left: 0; top: 0; padding: 20px;}
.benefit-popup-table {width: 100%; height: 100%;}
.benefit-popup-cell { width: 100%; height: 100%;}
.benefit-content {display: none; width: 100%; max-width: 920px; margin: 0 auto; height: 100%; padding: 2% 0;}
.benefit-content-inner {background: #fff; padding: 20px 50px 40px; border: 1px solid #BEBEBE; border-top: 0; height: calc(100% - 70px); overflow-y: auto;}

.benefit-title {position: relative; background: url("../../images/sub/benefit_repeat.jpg"); height: 70px; padding: 0 25px;}
.benefit-title h1 {font-size: 24px; line-height: 70px; letter-spacing: -0.5px; color: #fff; font-family: "Noto Medium";}
.benefit-title .benefit-close {position: absolute; width: 20px; height: 20px; cursor: pointer; right: 25px; top: 50%; margin-top: -10px; background: url("../../images/sub/benefit_close.png") no-repeat center; z-index: 5;}
.benefit-popup-wrap.active, .benefit-content.on {display: block; }

.benefit-top h2 {font-size: 22px; line-height: 30px; letter-spacing: -0.5px; color: #151515; font-family: "Noto Medium"; margin-bottom: 10px;}
.benefit-top p {font-size: 16px; line-height: 26px; letter-spacing: -0.5px; color: #333333;}

.benefit-mid h3 {font-size: 18px; line-height: 30px; letter-spacing: -0.5px; color: #151515; font-family: "Noto Medium"; margin-top: 20px;}
.benefit-mid p {font-size: 16px; line-height: 26px; letter-spacing: -0.5px; color: #333333;}
.benefit-mid p span {color: #004e96;}

.benefit-bottom {margin-top: 10px;}
.benefit-bottom .benefit-step {padding: 10px 20px; background: #F2F2F2; margin-bottom: 10px;}
.benefit-bottom .benefit-step p {font-size: 16px; line-height: 30px; letter-spacing: -0.5px; color: #666666; }
.benefit-bottom .benefit-step p strong {font-family: "Noto Regular"; color: #333; }

.benefit-table {padding-top: 20px;}
.benefit-table > p {font-size: 18px; line-height: 30px; letter-spacing: -0.5px; color: #151515; font-family: "Noto Medium"; margin-bottom: 10px;}

@media all and (max-width: 768px){
  .benefit-list-wrap .benefit-list {float: none; width: 100%; margin-left: 0; margin-bottom: 20px}
}


.visit-popup-wrap {display: none; position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1000; left: 0; top: 0; padding: 20px;}
.visit-popup-table {width: 100%; height: 100%;}
.visit-popup-cell { width: 100%; height: 100%;}
.visit-content {width: 100%; max-width: 920px; margin: 0 auto; height: 100%; padding: 2% 0;}
.visit-content-inner {background: #fff; padding: 20px 50px 40px; border: 1px solid #BEBEBE; border-top: 0; max-height: calc(100% - 70px); overflow-y: auto;}
.visit-content-inner > p {font-size: 22px; line-height: 30px; letter-spacing: -0.5px; color: #151515; font-family: "Noto Medium"; margin-bottom: 10px;}

.visit-title {position: relative; background: url("../../images/sub/benefit_repeat.jpg"); height: 70px; padding: 0 25px;}
.visit-title h1 {font-size: 24px; line-height: 70px; letter-spacing: -0.5px; color: #fff; font-family: "Noto Medium";}
.visit-title .visit-close {position: absolute; width: 20px; height: 20px; cursor: pointer; right: 25px; top: 50%; margin-top: -10px; background: url("../../images/sub/benefit_close.png") no-repeat center; z-index: 5;}
.visit-popup-wrap.active{display: block; }


/*image type-A*/
.visit-wrap{position: relative; margin-bottom: 110px;}
.visit-wrap::before{content:""; display: block; position: absolute; width: 100%; height: 5px; background: url(../../images/sub/intro-border.png); bottom: -40px; z-index: -1;}
.visit-wrap::after{content:""; display: table; clear: both;}
.visit-text{float: left; width: calc(100% - 540px);}
.visit-text h1{font-family: 'Noto Bold'; font-size: 35px; color: #333333;}
.visit-text h1::after{content:""; display: block; width: 80px; height: 8px; background: url(../../images/sub/title-bg.png) no-repeat top center; margin-top: 35px;}
.visit-text p{margin-top: 35px; font-size: 18px; color: #666666; line-height: 30px; margin-bottom: 35px;}

.visit-image{float: right; position: relative;}
.visit-image::before{content:""; display: block; width: 130px; height: 64px; background: url(../../images/sub/image-bg.png) no-repeat top center; position: absolute; top: 40px; left: -90px;}

.button-box{position: absolute; bottom: -50px; background-color: white; padding-right: 12px;}
.button-box a{position: relative;}
.button-box a span{position: relative; z-index: 5;}
.button-box .question-btn{border: 1px solid #0058b9; font-size: 16px; color: #0058b9; padding: 16px 34px 16px 72px;  background-color: white; transition: all .3s;}
.button-box .question-btn::after{content:""; display: block; width: 100%; height: 100%; transition: all .3s; background: url(../../images/sub/homepage-btn-hover.png); position: absolute; bottom: 0; opacity: 0; left: 0;}
.button-box .question-btn::before{content:""; display: block; width: 25px; height: 20px; background: url(../../images/sub/ic_question.png) no-repeat top center; position: absolute; left: 30px; top: 50%; margin-top: -9px; z-index: 2;}
.button-box .question-btn:hover::before{background: url(../../images/sub/ic_question_on.png);}
.button-box .question-btn:hover::after{opacity: 1}
.button-box .question-btn:hover span{color: white;}

@media all and (max-width: 1024px) {
  .visit-image{float: none; width: 450px; margin: 0 auto; margin-bottom: 30px;}
  .visit-text{width: 100%; float: none; margin-bottom: 30px;}
}

@media all and (max-width: 768px) {
  .visit-image{width: 70%;}
  .visit-image img{width: 100%;}
  .visit-text h1{font-size: 25px;}
  .visit-text p{font-size: 16px; line-height: 25px;}
  .button-box{position: static; padding-right: 0; margin-top: 35px;}
  .button-box a{display: block; width: 100%; margin-bottom: 10px;}
  .button-box a:last-child{margin-bottom: 0;}
}

/* 기금종류 */
.fund-object-inner{margin-top: 15px;}
.fund-object-inner ul::after{content:""; display: table; clear: both;}
.fund-object-inner > ul > li{width: calc(100%/4); float: left;}
.fund-object-inner .object-image{width: 100%; height: 200px; position: relative;}
.fund-object-inner .object-image::after{content:""; display: block;width: 0px;height: 0px; border-bottom:10px solid white; border-right: 10px solid transparent; border-left: 10px solid  transparent; position: absolute; bottom: 0; left: 50%; margin-left: -7.5px;}
.fund-object-inner > ul > li:nth-child(even) .object-image::after{transform: rotate(180deg); top: 0;}
.fund-object-inner .object-image.object-image_1{background: url(../../images/sub/fund_sub_1.png); background-size: cover;}
.fund-object-inner .object-image.object-image_2{background: url(../../images/sub/fund_sub_2.png); background-size: cover;}
.fund-object-inner .object-image.object-image_3{background: url(../../images/sub/fund_sub_3.png); background-size: cover;}
.fund-object-inner .object-image.object-image_4{background: url(../../images/sub/fund_sub_4.png); background-size: cover;}
.fund-object-inner .func-object-content{height: 200px; padding: 35px 10px 30px 20px;}
.wrap-contents .func-object-content .objHeading_h4{margin-top: 0;}
.fund-object-inner .con-list1 ul li{font-size: 16px;}
.college-fund-list{position: relative; padding: 5px; background: url(../../images/sub/fund_line.png);}
.college-fund-list .college-fund-box{background-color: white; padding: 22px 25px;}
.college-fund-list .college-fund-box::after{content:""; display: table; clear: both;}
.college-fund-list .college-fund-box ul:first-child{padding-left: 0;}
.college-fund-list .college-fund-box ul{float: left; width: calc(100%/3); padding-left: 30px; border-right: 1px solid #ccd0d7;}
.college-fund-list .college-fund-box ul:last-child{border-right: 0;}
.college-fund-list .college-fund-box li{font-size: 17px; color: #6d6e71; font-family: 'Noto Regular'; margin-bottom: 25px;}
.college-fund-list .college-fund-box li:last-child{margin-bottom: 0;}
.sub-btn-group.college-fund-btn .link-btn2{float: right; border: 1px solid #525252;}
.sub-btn-group.college-fund-btn .link-btn2 span{padding: 7px 55px 7px 15px;}

@media all and (max-width: 1420px) {
  .fund-object-inner .func-object-content{padding: 10px;}
  .wrap-contents .func-object-content .objHeading_h4{font-size: 16px;}
  .fund-object-inner .con-list1 ul li{font-size: 14px; line-height: 20px;}
}

@media all and (max-width: 768px) {
  .college-fund-list .college-fund-box{padding: 22px 0;}
  .college-fund-list .college-fund-box ul:first-child{padding-left: 20px;}
  .college-fund-list .college-fund-box ul{padding: 0 20px; margin-bottom: 25px; border-right: 0;}
  .college-fund-list .college-fund-box ul{width: 100%; float: none;}
  .college-fund-list .college-fund-box ul:last-child{margin-bottom: 0;}
}

@media all and (max-width: 640px) {
  .fund-object-inner > ul > li{width: 50%;}
  .fund-object-inner .object-image{height: 300px;}
  .fund-object-inner .func-object-content{height: 300px;}
}


/*예우프로그램 테이블 상단 고정*/
.wrap-contents .table_1{height: 700px; overflow: auto; -ms-overflow-style: none;}
.wrap-contents .table_1::-webkit-scrollbar{display: none;}
.wrap-contents .table_1 table thead{position: sticky; top: 0;}


/* sitemap */
#_JW_stMp_basic li:nth-child(1) ._stMpWrap > ul > li, #_JW_stMp_basic li:nth-child(5) ._stMpWrap > ul > li {min-height: auto;}

/* 기부자예우 */
.eQ03 .sub-content .ul_4 > li{width: 25%;}
.eQ03 .sub-content .ul_4 > li > a{font-size: 15px; width: 100%; height: 100%;}
.eQ03 .sub-content .ul_4 > li > a > span{width: 90%;}
.eQ03 .sub-content .ul_4 > li > a > span::before, .eQ03 .sub-content .ul_4 > li > a > span::after{right: -10%;}
.eQ03 .sub-content .ul_4 > li._active > a > span::before, .eQ03 .sub-content .ul_4 > li:hover > a > span::before {right: -10%;}
.eQ03 .sub-content .ul_4 > li._active > a > span::after, .eQ03 .sub-content .ul_4 > li:hover > a > span::after {right: calc(-10% - 9px);}

@media all and (max-width: 1250px) {
  .eQ03 .sub-content .ul_4 > li > a{font-size: 14px;}
}

@media all and (max-width: 768px){
  .eQ03 .sub-content .ul_4 > li {width: 100% !important;}
}