.subcont {clear: both; margin: 70px 0;}
.info {margin:50px 0;}

input {border:none; border:1px solid #ddd;}
input:focus {outline:none;}
.btn-secondary,.btn-dark {color: #fff !important;}
.link {color: #042fa5 !important;}
.link:hover {text-decoration: underline;}
.ico-touch-help {display: none;}

.sub_visual {width: 100%; height: 350px; }
.sub_visual h2 {position: absolute; top: 210px; font-size: 40px; font-weight: bold; color: #fff; left: 0; width: 100%; }

.sub_visual00 {background: url('/sites/egive/images/sub/sub_visual00.jpg')center no-repeat; background-size: cover;}
.sub_visual01 {background: url('/sites/egive/images/sub/sub_visual01.jpg')center no-repeat; background-size: cover;}
.sub_visual02 {background: url('/sites/egive/images/sub/sub_visual02.jpg')center no-repeat; background-size: cover; background-position-y: 93%;}
.sub_visual03 {background: url('/sites/egive/images/sub/sub_visual03.jpg')center no-repeat; background-size: cover; background-position-y: 90%;}
.sub_visual04 {background: url('/sites/egive/images/sub/sub_visual04.jpg')center no-repeat; background-size: cover;}
.sub_visual05 {background: url('/sites/egive/images/sub/sub_visual05.jpg')center no-repeat; background-size: cover; background-position-y: 70%;}
.sub_visual06 {background: url('/sites/egive/images/sub/sub_visual06.jpg')center no-repeat; background-size: cover; background-position-y: 35%;}
.sub_visual08 {background: url('/sites/egive/images/sub/sub_visual07.jpg')center no-repeat; background-size: cover; background-position-y: 90%;}


/* sub navi */
.sub_navi {border-bottom: 1px solid #ced4da;background: #fff;}
.sub_navi {display: flex; justify-content: space-between; }
.sub_navi ul.sub_nav_cont {display: flex;}
.sub_navi ul.sub_nav_cont > li{border-left: 1px solid #ced4da; background:#fff}
.sub_navi ul.sub_nav_cont > li:last-child{border-right: 1px solid #ced4da; background:#fff}
.sub_navi ul.sub_nav_cont li:hover{background: #f9f9f9;}

.sub_navi ul.sub_nav_cont .sub_nav_depth {position: relative;;}
.sub_navi ul.sub_nav_cont .sub_nav_depth a {display: block;  padding: 19px 25px;  padding-right: 100px;}
.sub_navi ul.sub_nav_cont .sub_nav_depth ul{ position: absolute;display: none;top: 56px; width: 100%; left: 0px; background: #fff; border: 1px solid #ccc; z-index: 3;height: auto !important;}
.sub_navi ul.sub_nav_cont .sub_nav_depth ul li{}
.sub_navi ul.sub_nav_cont .sub_nav_depth ul li:hover{background: #efefef;}
.sub_navi ul.sub_nav_cont .sub_nav_depth ul li a{display: inline-block; width: 100%; height: 100%; padding: 15px;}

.sub_navi ul.sub_nav_cont .sub_nav_depth span.nav_icon {}
.sub_navi ul.sub_nav_cont .sub_nav_depth span.nav_icon i {font-size: 20px;  position: absolute; right: 20px;}
.sub_navi ul.sub_nav_cont .sub_nav_depth span.nav_icon i.bi-chevron-up {display: none;}
.sub_navi ul.sub_nav_cont .sub_nav_depth span.nav_icon.on i.bi-chevron-up {display:inline-block;}
.sub_navi ul.sub_nav_cont .sub_nav_depth span.nav_icon.on i.bi-chevron-down {display:none;}

.sub_navi .sub_nav_cont:first-child{float: left;}
.sub_navi .sub_nav_cont:last-child{float: right; }

.sub_navi .sub_nav_cont li a {padding: 15px;  display: block;}
.sub_navi .sub_nav_cont li i{font-size: 25px;}

/* sub navi �� */



/* wsb content form */

/* .sub_cont_box {width: 100%}
.sub_cont {display: flex; justify-content: space-between;} */

.h1 {text-align: center; margin-top: 100px; position: relative;}
.h1::before {bottom: 65px; content: ''; position: absolute; border-left: 5px solid #757575; height: 50%; left: 50%;}

.wrap  {}

.wrap h3 {font-size: 23px; color: #404040; font-weight: 500}

.wrap h4{font-size: 28px; font-weight: bold; margin-bottom: 20px; position: relative; margin-left: 37px; line-height: 1.2;    font-family: 'S-CoreDream-4Regular';}
.wrap h4:before {position: absolute; content: ''; top: 5px; left: -37px; width: 25px; height: 25px; background: #179a21; border-radius: 5px;}
.wrap h4:after {position: absolute; content: ''; top: 11px; left: -31px; width: 13px; height: 13px; background: #fff; border-radius: 2px;}

.wrap h4 span {padding: 3px 7px; border: 1px solid #a2a2a2; border-radius: 4px; font-size: 16px; margin-left: 10px; color: #888888; transition: 0.3s;}
.wrap h4 span:hover {background: #a2a2a2; transition: 0.3s;}
.wrap h4 span:hover a{color: #fff; transition: 0.3s;}

/* .wrap .btn_area a {color: #333; }
.wrap .btn_area a:hover {color: #fff;}
 */

/* tab */
.wrap .tab {width: 100%; text-align: center;margin-bottom: 60px ;  overflow: hidden;}
.wrap .tab ul {display: table; table-layout: fixed; width: 100%;}
.wrap .tab li {display: table-cell;  border: #e1e1e1 solid 1px; border-left: none; font-size: 20px; cursor: pointer; background: #f8f8f8}
.wrap .tab li:first-child {border-left: 1px solid #e1e1e1;}
.wrap .tab li a{padding: 16px 0; display: block; height: 100%; width: 100%;}
.wrap .tab li a.on {background: #02964a;}
.wrap .tab li a.on {color: #fff !important; font-weight: 500 }
.wrap .tab_box_wrap {display: none;}
.wrap .tab_box_wrap.on {display: inherit;}

.wrap .btn-group {float: right}
.wrap .btn-group a {font-size: 13px;}
.wrap .btn.btn-primary {color: #fff; background-color: #2b6ec5; border-color: #2b6ec5}
.wrap .btn.btn-primary:hover{color: #fff; background-color: #255ca6; border-color: #22569c;}
.wrap .btn-toggle.collapsed:before {content: '+'; margin-right: 6px;}
/* .wrap .btn-outline-secondary:hover {color: #fff; background-color: #293451; border-color: #293451;} */

.wrap .tab.board li ()

/*.btn-toggle:before {content: "-";display: inline-block;width: 12px;}*/
.wrap .more_blind {display: none;}

.wrap .text {margin-top: 10px;}
.wrap .text h4 {padding: 0 20px; font-size: 18px;}
.wrap .text h4 i{margin-right: 5px;}

.wrap .card_content{display: flex;}

.wrap .card_content .card_cont {width: 49.5%;}
.wrap .card_content .card_cont li{padding: 13px; border-bottom: 1px solid #ccc; position: relative}
.wrap .card_content .card_cont li:hover {text-decoration: underline; cursor: default;}
.wrap .card_content .card_cont .button{ margin-top: -6px;    position: absolute; right: 7px; width: auto;}
.wrap .card_content .card_cont .button a{font-size: 13px; line-height: 1.3;}

.wrap .back {width: 100%; position: absolute; height: 40px;}

.wrap .up {display: none;}

.wrap .button a.btn.list {color: #333 !important;   font-size: 16px;   padding: .375rem .75rem;}
.wrap .button a.btn.list:hover {color: #fff !important;}

table .input_box {display: flex; justify-content: space-between;}
table .input_box .input-group {width: 100%;}
table .input_box .input-group span {padding: 10px 10px 0; color: #333; font-weight: bold;}
table .table-cell {font-size: 15px; line-height: 1.2; margin-top: 20px;}



/*sns modal*/
.sns-wrap{width:100%; height:100%; background:rgba(0,0,0,.8); position:fixed; top:0; left:0; z-index:9999; display:none}
.sns-wrap .sns-content{width:600px; height:280px; background:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); padding:30px}
.sns-wrap .sns-content .sns-title{display:block; width:100%; text-align:center; font-weight:bold; font-size:28px; color:#000}
.sns-wrap .sns-content ul{list-style:none; padding:0; margin:0; text-align: center; width:100%; height:60px; margin-top:50px;}
.sns-wrap .sns-content ul li{display:inline-block; margin:0 7px}
.sns-icon-box .sns01-icon{background:url('/sites/egive/images/sub/sns01-icon.png')no-repeat center; width:60px; height:60px; float:left;}
.sns-icon-box .sns02-icon{background:url('/sites/egive/images/sub/sns02-icon.png')no-repeat center; width:60px; height:60px; float:left}
.sns-icon-box .sns03-icon{background:url('/sites/egive/images/sub/sns03-icon.png')no-repeat center; width:60px; height:60px; float:left}
.sns-icon-box .sns04-icon{background:url('/sites/egive/images/sub/sns04-icon.png')no-repeat center; width:60px; height:60px; float:left}
.sns-wrap .sns-content .sns_close{font-size:30px; position:absolute; top:6%; right:5%; color:#000; transition:.5s}
.sns-wrap .sns-content .sns_close:hover{transform:rotate(-180deg);}

.copy_addr{width:100%; text-align:center; display:block; margin-top:30px;}
.copy_addr .input-group-text{width:470px}
.copy_addr .btn-dark{margin-left:5px}


.intro_box{border: 1px solid #ccc; padding: 80px 20px; min-height: 300px;}
.intro_box p{margin: 0 auto; color: #f1f1f1; text-align: center; font-size: 20px; line-height: 1.3; max-width: 1150px}
.intro_box p.text_title{font-size: 30px; margin-bottom: 40px !important;}
.intro_box p.text_title span{font-size: 30px; font-weight: bold;}

.underline li{border-bottom: 1px dashed #ccc;}

ul.li_dot li{font-size: 19px;  margin-left: 30px; line-height: 1.5; position: relative;  color: #4e4d4d;}
ul.li_dot li::before{position: absolute; content: ''; left: -21px; top: 11px;  width: 8px;  height: 8px;  border-radius: 30px;  background: #86bf9f;}

ul.stepbox {display: flex; justify-content: space-between; text-align: center;}
ul.stepbox >li{ border: 1px solid #ccc; padding: 30px; width: 49%; justify-content: space-between;}
ul.stepbox >li.arrow{width: 10%; border: none; margin: 80px 0; font-size: 50px; padding: 0 !important;}
ul.stepbox >li p{padding-bottom: 18px; border-bottom: 1px dashed #ccc; font-weight:bold}
ul.stepbox >li ul{margin-top: 15px;}
ul.stepbox >li ul li{padding-top: 15px; display: flex; text-align: left;}
ul.stepbox >li ul li span{line-height: 1.2;}
ul.stepbox >li ul li span.title{width: 100px; }
ul.stepbox >li ul li span:last-child{margin-left: 20px;position: relative;width: calc(100% - 100px);}
ul.stepbox >li ul li span:last-child::before{position: absolute; content: ''; left: -15px; top: 6px; border-right: 1px solid #ccc; width: 7px;  height: 7px; border-radius: 30px;    background: #00923f;}
ul.stepbox >li ul li a{display: block; margin-top: -3px; word-break: break-all;}






/*------------------------------------------------------- 공통 끝 ------------------------------------------------------ */

/*------------------------------------------------------- login -------------------------------------------------------*/
.sub_login .sub_visual{background: url('/sites/egive/images/sub/login_bg.jpg')center no-repeat; background-size: cover;}
.sub_login h2 {}

.login {max-width: 1200px !important; margin: 120px auto; border-bottom-right-radius: 10px; box-shadow: 3px 4px 19px #0000001f;border: 1px solid #f7f7f7;border-top: 5px solid #199d52;border-bottom-left-radius: 10px;}

.login_area {padding: 130px 60px; display: flex; justify-content: space-between;}
.login_area .login_inner_wrap { padding: 0 40px; display: flex; flex-direction: column; justify-content: flex-end;}
.login_area .login_inner_wrap.potal{ width: 60%; position: relative; }
.login_area .login_inner_wrap.potal::before{position: absolute; content: ''; bottom: -4px; right: 0; height: 74%; border-right: 1px solid #ccc;}
.login_area .login_inner_wrap.social{ width: 40%}

.login_area .login_inner_wrap .login_inner_title {font-size: 30px;}
.login_area .input-group {margin: 10px 0;}
.login_area button{width: 100%;padding: 10px; margin-top: 23px;}
.login_area button.btn_potal{ margin-top: 25px;font-size: 21px; padding: 10px;}
.login_area p.info_text{margin-top:23px; width: 90%; line-height: 1.3;}

.social {padding-top: 10px;}
.social button{display: flex; justify-content: center; }
.social button span{top: 8px; margin-left: 5px; line-height: 1.7}
.social button img{width: 30px; vertical-align: middle;}

.social button.naver{background: #34af35; border-color: #34af35;}
.social button.naver img{}

.social button.kakao{background: #f3dd25; border-color: #f3dd25; }
.social button.kakao img{}
.social button.kakao span{color: black}

.social button.facebook{background: #3a5ca9; border-color: #3a5ca9; }
.social button.facebook img{}
/*------------------------------------------------------- login 끝 -------------------------------------------------------*/



/*------------------------------------------------------- 준비중 페이지 -------------------------------------------------------*/

.pageready {}
.pageready .p_area{display: flex; justify-content: center; padding: 80px 0; border: 10px solid #efefef;; max-width: 1000px;  margin: 0 auto;}
.pageready .p_area .p_img{width: 200px;}
.pageready .p_area .p_img img{width: 100%;}
.pageready .p_area .p_text{margin-left: 50px;display: flex;  flex-direction: column; justify-content: flex-end; margin-bottom: 50px;}
.pageready .p_area .p_text .p_title{ font-size: 40px; margin-bottom: 30px !important; }
.pageready .p_area .p_text .p_title span{font-weight: bold; color: #21790b;;}
.pageready .p_area .p_text p {line-height: 1.5;}

/*------------------------------------------------------- 준비중 페이지 끝 -------------------------------------------------------*/


/*------------------------------------------------------- etcbox -------------------------------------------------------*/
.etcbox {}
.etcbox .p_area{display: flex; justify-content: space-evenly; padding: 80px 0; border: 10px solid #efefef;; max-width: 1200px;  margin: 0 auto;}
.etcbox .p_area .p_img {width: 300px;}
.etcbox .p_area .p_img img{width: 100%;}
.etcbox .p_area .p_img i{color: #e4e4e4; font-size: 250px; margin-left: 43px;}
.etcbox .p_area .p_text{display: flex;  flex-direction: column; justify-content: flex-end; }
.etcbox .p_area .p_text .p_title{ font-size: 40px; margin-bottom: 30px !important; }
.etcbox .p_area .p_text .p_title span{font-weight: bold; color: #21790b;;}
.etcbox .p_area .p_text p {line-height: 1.5;}
.etcbox .p_area .p_btn {}
.etcbox .p_area .p_btn{display: flex; margin-top: 50px; justify-content: space-between;}
.etcbox .p_area .p_btn li{width: 50%; text-align: center;}
.etcbox .p_area .p_btn li a{width: 100%; display: block; padding: 15px 0; transition: 0.3s;}
.etcbox .p_area .p_btn li a.btn-success{border: 1px solid #21790b;color:#fff}
.etcbox .p_area .p_btn li a.btn-outline-secondary{border: 1px solid #ccc;}

.pageerror .p_area .p_text {margin-bottom: 30px;}

.payvirtual .p_area .p_img{width: 35%; margin-top: 40px;}
.payvirtual .p_area .p_text { width: 40%;}

/*
.pageerror {}
.pageerror .p_area{display: flex; justify-content: space-evenly; padding: 80px 0; border: 10px solid #efefef;; max-width: 1200px;  margin: 0 auto;}
.pageerror .p_area .p_img{width: 300px;}
.pageerror .p_area .p_img img{width: 100%;}
.pageerror .p_area .p_img i{color: #e4e4e4; font-size: 250px; margin-left: 43px;}
.pageerror .p_area .p_text{display: flex;  flex-direction: column; justify-content: flex-end; margin-bottom: 30px;}
.pageerror .p_area .p_text .p_title{ font-size: 40px; margin-bottom: 30px !important; }
.pageerror .p_area .p_text .p_title span{font-weight: bold; color: #21790b;;}
.pageerror .p_area .p_text p {line-height: 1.5;}
.pageerror .p_area .p_btn {}
.pageerror .p_area .p_btn{display: flex; margin-top: 50px; justify-content: space-between;}
.pageerror .p_area .p_btn li{width: 50%; text-align: center;}
.pageerror .p_area .p_btn li a{width: 100%; display: block; padding: 15px 0; transition: 0.3s;}
.pageerror .p_area .p_btn li a.btn-success{border: 1px solid #21790b;color:#fff}
.pageerror .p_area .p_btn li a.btn-outline-secondary{border: 1px solid #ccc;} */

/* 무통장입금 */

.etcbox .p_area .p_text .p_bank{}
.etcbox .p_area .p_text .p_bank li{margin: 15px 0; position: relative; margin-left: 20px; font-size: 22px;}
.etcbox .p_area .p_text .p_bank li::before{position: absolute; content: ''; top: 6px; left: -15px; width: 6px; height: 6px; background: #198754; border-radius: 30px;}
.etcbox .p_area .p_text .p_bank li span.red{ color: red;}

/* 무통장입금끝  */
/*------------------------------------------------------- etcbox 끝 -------------------------------------------------------*/



/*------------------------------------------------------- etcbox02 -------------------------------------------------------*/

.etcbox02 {}
.etcbox02 .p_area{display: flex; justify-content: space-evenly; padding: 45px 0; border: 10px solid #efefef;; max-width: 1200px;  margin: 0 auto;flex-direction: column; text-align: center;}
.etcbox02 .p_area .p_img{width: 200px; margin: 0 auto; margin-bottom: 15px;}
.etcbox02 .p_area .p_img img{width: 100%;}
.etcbox02 .p_area .p_img i{ font-size: 150px; color: #e4e4e4;}
.etcbox02 .p_area .p_text {display: flex;  flex-direction: column; justify-content: flex-end; margin-bottom: 20px;}
.etcbox02 .p_area .p_text .p_title{ font-size: 40px; margin-bottom: 20px !important; }
.etcbox02 .p_area .p_text .p_title span{font-weight: bold; color: #21790b;;}
.etcbox02 .p_area .p_text p {line-height: 1.5;}
.etcbox02 .p_area .p_text .p_btn{display: flex; margin-top: 30px !important; max-width: 100%;  padding: 0 40%;}
.etcbox02 .p_area .p_text .p_btn li{width: 100%; text-align: center;}
.etcbox02 .p_area .p_text .p_btn li a{width: 100%; display: block; padding: 15px 0; transition: 0.3s;}
.etcbox02 .p_area .p_text .p_btn li a.btn-success{border: 1px solid #21790b;color:#fff}
.etcbox02 .p_area .p_text .p_btn li a.btn-outline-secondary{border: 1px solid #ccc;}



/* 결제 실패 */
.payfail .p_area .p_text .p_title span{font-weight: bold; color: #b80808;;}
.payfail .p_area .p_img i{ font-size: 150px;color: #b80808;}
/* 결제 실패 끝*/

/* 결제 완료 */
.paysuccess .p_area .p_text .p_title span{font-weight: bold; color: #21790b;;}
.paysuccess .p_area .p_img i{}
/* 결제 완료 끝 */



/*------------------------------------------------------- etcbox02 -------------------------------------------------------*/


/*------------------------------------------------------- 사이트 맵 -------------------------------------------------------*/

/*가로버전*/
/* .sitemap {}
.sitemap ul.depth1 {}
.sitemap ul.depth1 > li {display: flex; justify-content: space-between; transition: 0.3s;}
.sitemap ul.depth1 > li:hover {background: #fbfbfb;transition: 0.3s}
.sitemap ul.depth1 > li a {display: block; padding: 30px 10px 80px; text-align: center;;}
.sitemap ul.depth1 > li > a {font-size: 20px; font-weight: bold; width: 15%; border-top: 2px solid #00923f; text-align: left;}
.sitemap ul.depth1 > li ul.depth2 {display: flex; flex-direction: row; flex-wrap: wrap; width: 80%; border-top: 1px solid #d6d6d6;}
.sitemap ul.depth1 > li ul.depth2 li {width: 20%;}
.sitemap ul.depth1 > li ul.depth2 li a{padding: 15px; border: 1px solid #ccc; border-radius: 10px;margin: 0 10px; margin-top: 20px;background: #fff;transition: 0.3s}
.sitemap ul.depth1 > li ul.depth2 li a:hover {background: #00923f; color: #fff; border: 1px solid #00923f; transition: 0.3s;}
 */

 /*세로버전*/
.sitemap ul.depth1 {display: flex; justify-content: space-between; text-align: center; flex-wrap: wrap;}
.sitemap ul.depth1 > li {width: calc(97%/6);}
.sitemap ul.depth1 > li:last-child {margin-right: 0px;}
.sitemap ul.depth1 > li:hover {}
.sitemap ul.depth1 > li a {display: block;}
.sitemap ul.depth1 > li a span{color: #00923f; font-weight: bold;}
.sitemap ul.depth1 > li > a {padding: 20px 0px 30px; border-bottom: 5px solid #b2d8b7; text-align: left; font-size: 25px;  font-weight: bold; }
.sitemap ul.depth1 > li ul.depth2 {margin-top: 20px;}
.sitemap ul.depth1 > li ul.depth2 li {}
.sitemap ul.depth1 > li ul.depth2 li a{padding: 20px 18px; border-bottom: 1px solid #dedede; text-align: left; font-size: 17px;}
.sitemap ul.depth1 > li ul.depth2 li a:hover {background: #fbfbfb;}





/*------------------------------------------------------- 사이트 맵 끝 -------------------------------------------------------*/






/*------------------------------------------------------- 재단소개  ------------------------------------------------------ */

/* 인사말 */

.greeting {display: flex; justify-content: space-between;}
.greeting_img {background: url('/sites/egive/images/sub/sub_greeting03.png')top no-repeat;  background-size: contain;  width: 45%;}
.greeting_img img{ width: 100%;}
.greeting_text {}
.greeting_text p.title { font-size: 34px; color:#00984a; font-weight: bold}
.greeting_text p {line-height: 1.3; color:#292929}

/* 인사말 끝*/



/* 발전기금 소개*/
.fund {}
.fund .fund_intro {background: url('/sites/egive/images/sub/sub_contract_img.jpg') center no-repeat; background-position-y: 50%;}
.fund .fund_intro p {max-width: 100%;}
.fund .fund_body ul {border: 1px solid #ccc; padding: 25px;}
.fund .fund_body ul li {line-height: 1.5; margin-left: 30px; position: relative;padding: 5px 0;}
.fund .fund_body ul li::before {position: absolute; content: ''; top: 13px; left: -23px; width: 8px; height: 8px; background: #89c58d; border-radius: 30px;}

.fund ul.btn_area {display: flex; justify-content: center;}
.fund ul.btn_area li {margin: 0 10px;;}


       /* 사용처 */
.fund .used {}
.fund .used .used_title {border: none; padding: 0px; display: flex;justify-content: space-between; flex-wrap: wrap;}
.fund .used .used_title li {width: 24%; border: 1px solid #ccc; margin: 0; text-align: center;  padding: 15px;}
.fund .used .used_title li::before {display: none;}

.fund .used .used_title li:nth-of-type(1) .img {background: url('/sites/egive/images/sub/fund_img07.jpg')center no-repeat; background-size: cover;}
.fund .used .used_title li:nth-of-type(2) .img {background: url('/sites/egive/images/sub/fund_img01.jpg')center no-repeat; background-size: cover;}
.fund .used .used_title li:nth-of-type(3) .img {background: url('/sites/egive/images/sub/fund_img09.jpg')center no-repeat; background-size: cover;border: 1px solid #f9f9f9;}
.fund .used .used_title li:nth-of-type(4) .img {background: url('/sites/egive/images/sub/fund_img02.jpg')center no-repeat; background-size: cover;}
.fund .used .used_title li .img {display: block; width: 100%; min-height: 200px;box-shadow: 1px 1px 4px #d8d8d8; max-height:300px;}
.fund .used .used_title li p {max-width: 90%; margin: 0 auto; margin-top: 10px;}
.fund .used .used_title li .text_plus {border: 1px solid #ccc; padding: 0px 13px 4px 6px; border-radius: 31px; display: inline-block; font-size: 14px; line-height: 1.3; margin-top: 10px; cursor: pointer;;}
.fund .used .used_title li .text_plus i{font-size: 19px;}
.fund .used .used_title li .text_plus i::before {vertical-align: -3px;}
.fund .modal ul {border:none;}
.fund .modal.show .modal-dialog {transform: translateY(55%);}


    /* 실적 */
.fund .fund_body .result {}
.fund .fund_body .result ul{ border: none; padding: 0px 8px;}

.fund .fund_body .result ul li {line-height: 1.5; font-size: 20px; margin-left: 30px; position: relative; padding: 15px 0;border-bottom: 1px dashed #ccc;}
.fund .fund_body .result ul li:first-child {padding-top: 0 !important;}
.fund .fund_body .result ul li:first-child::before {top: 13px;;}
.fund .fund_body .result ul li:last-child {border: none;}
.fund .fund_body .result ul li::before {position: absolute; content: ''; top: 27px; left: -23px; width: 8px; height: 8px; background: #89c58d; border-radius: 30px;}

/* 발전기금 소개 끝 */



/* 학술연구재단 소개 */
.foundation {}
.foundation .foundation_intro {background: url('/sites/egive/images/sub/sub_contract_img.jpg') center no-repeat; background-position-y: 50%;}
.foundation .foundation_body table.history>thead>tr>th,
.foundation .foundation_body table.history>tbody>tr>th,
.foundation .foundation_body table.history>thead>tr>td,
.foundation .foundation_body table.history>tbody>tr>td {padding: 20px;}
.foundation .foundation_body table.chairman>thead>tr>th,
.foundation .foundation_body table.chairman>tbody>tr>th,
.foundation .foundation_body table.chairman>thead>tr>td,
.foundation .foundation_body table.chairman>tbody>tr>td {padding: 13px;}


   /* 목적 */
.foundation .foundation_body .goal {}
.foundation .foundation_body .goal ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.foundation .foundation_body .goal ul li {width: 15%; text-align: center;}
.foundation .foundation_body .goal ul li img{display: inline-block; width: 100%; min-height: 170px; border: 1px solid #ccc;}
.foundation .foundation_body .goal ul li p{line-height: 1.2; margin-top: 20px;;}

/* 학술연구재단 소개 끝*/


/* 정관 */

.arti_history {display: flex; flex-wrap: wrap; border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
.arti_history li{width: 25%; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 15px 10px; text-align: center; font-size:17px;}

.arti_cont {margin-top: 30px;}
.arti_cont h2 {font-size: 23px; position: relative; line-height: 2;}
.arti_cont h2:before {position: absolute; content: ''; border-top: 3px solid #55ab14; width: 25px; left: -3px; top: 3px;}
.arti_cont > ul {padding: 0 20px;}
.arti_cont > ul > li {line-height: 1.5;    margin-bottom: 10px;}
.arti_cont > ul > li > span {position: relative;}
.arti_cont > ul > li > span:before {position: absolute; content: ''; left: -20px; top: 2px; background: url('/sites/egive/images/layout/arrow_up.svg')center no-repeat;  width: 20px; height: 20px;transform: rotate(90deg);}
.arti_cont > ul > li p {line-height: 1.5;color: #4e4e4e;}
.arti_cont ul.depth3 {padding: 3px 0 3px 20px;}
.arti_cont ul.depth3 li {color: #4e4e4e; font-size: 18px;}

.articles_box .btn_area a {padding: 10px 50px;  font-size: 23px;}

/* 정관 끝 */


/* 오시는길 */
.map{}
.root_daum_roughmap .wrap_controllers{display:none}
.wrap_btn_zoom{display:none !important}
.map-wrap{position:relative; display:block; overflow:hidden}
.map-info{width: 26%; color: #fff; padding: 39px; min-height: 550px; text-align: center; padding-top: 6.8rem; background: #545454 url(/sites/egive/images/sub/map-ico.png) top 20px center no-repeat;
    position: absolute; top: 0; left: 0; z-index: 2;}
.map-info strong{font-size:26px;  padding-top:110px;  font-weight:600; font-family: 'S-CoreDream-4Regular';}
.map-info strong p{font-size:30px; font-weight:600; padding-top:10px; display:inline-block}
.map-info .map-info-list{text-align:left; line-height:1.3; border-top: 1px dashed #fff;  margin-top: 2.5rem;  padding-top: 2.5rem;}
.map-info .map-info-list li em{width:100%; display:block; padding-left:21px; line-height:1.5}
.map-info .map-info-list li:last-child{padding-top:20px}
.map-info a{border:2px solid #fff; padding:15px 0; display:block; color:#fff; margin-top:50px; transition:.3s}
.map-info a:hover{background:#fff; color:#545454; font-weight:bold}
.map{float:right; overflow:hidden}
.map .border3{display:none}

.traffic-info-wrap{padding-top:60px; }
.traffic-info-wrap .traffic-tit{font-size:30px; font-family: 'twayair'; font-weight: normal !important; padding:30px 0 20px 5px; color:#00984a}
.traffic-info-wrap .traffic-info li{display:flex; border-bottom:1px dashed #aaa; padding:15px 0 15px 10px}
.traffic-info-wrap .traffic-info li h2{width:150px; font-size:22px; text-align:left; line-height:1.8}
.traffic-info-wrap .traffic-info li dl{width:calc(100% - 150px)}
.traffic-info-wrap .traffic-info li dl dd{line-height:1.8; position:relative; padding-left:16px; font-family:S-CoreDream-4Regular}
.traffic-info-wrap .traffic-info li dl dd:before{content:""; position:absolute; top:10px; left:0; background:#0ea04f; border-radius:50%; width:7px; height:7px}

@media (max-width:1300px){
    .map {float: none;}
	.map-info{width:100%; position:absolute;  top:63%; background-image:none; height:190px; min-height:auto;padding: 20px 20px; text-align:left;}
	.map-info strong{font-size:22px; padding-top: 0;}
	.map-info strong em{padding-left:5px; font-size:26px}
	.map-info a{position:absolute; top:17px; right:20px; border:1px solid #fff; font-size:16px; padding:10px 15px; margin-top:0}
    .map-info strong p {padding-top: 0;}
	.map-info .map-info-list{margin-top: 20px; padding-top: 20px; font-size:16px}
	.map-info .map-info-list li:last-child{padding-top:10px}
	.map-info .map-info-list li em{width:auto; display:inline-block; padding-left:0; line-height:1.5; font-size:16px}
	.traffic-info-wrap .traffic-info li h2{width:110px}
	.traffic-info-wrap .traffic-info li dl{width:calc(100% - 110px)}
	.traffic-info-wrap .traffic-info li dl{font-size:16px; padding-right:10px}
}

@media (max-width:800px){
	.traffic-info-wrap .traffic-info li{flex-wrap:wrap}
	.traffic-info-wrap .traffic-info li h2{width:100%; display:block; padding-bottom:10px}
	.traffic-info-wrap .traffic-info li dl{width:100%}
}

@media (max-width:600px){
	.map-info{position:absolute; top: 58%; padding:1rem}
	.map-wrap{height:500px}
	.map-info a{position:static; margin-top:20px; text-align:center}
	.map-info{height:240px}

	.map-info strong{font-size:20px}
	.map-info strong em{font-size:22px}
	.map-info .map-info-list{margin-top:15px; padding-top:15px}
	.map-info .map-info-list li{font-size: 15px;}
    .map-info .map-info-list li p {padding-left: 18px;}
	.map-info a{padding:8px; margin-top:15px}

    .map-info strong p {font-size: 25px;}
}
/* 오시는길 끝*/




/*------------------------------------------------------- 재단소개 끝  ------------------------------------------------------ */

/*---------------------------------------------------------- 기부안내  --------------------------------------------------------- */


/* 02-01 발전기금 종류 */
.kind {}
.kind .kind_intro{background: url('/sites/egive/images/sub/sub_contract_img.jpg') center no-repeat; background-position-y: 50%;}
.kind ul{display: flex; justify-content: space-between;  flex-wrap: wrap;}
.kind ul li{ border: 1px solid #ccc; padding: 20px; width: 23%;     border-top: 3px solid #207b09; }
.kind ul li:nth-of-type(1) .img{background: url('/sites/egive/images/sub/sub_cont01.jpg')center no-repeat; background-size: cover;}
.kind ul li:nth-of-type(2) .img{background: url('/sites/egive/images/sub/sub_cont02.jpg')center no-repeat; background-size: cover;}
.kind ul li:nth-of-type(3) .img{background: url('/sites/egive/images/sub/sub_cont03.jpg')center no-repeat; background-size: cover;}
.kind ul li:nth-of-type(4) .img{background: url('/sites/egive/images/sub/sub_cont04.jpg')center no-repeat; background-size: cover;}
.kind ul li .img{display: block; width: 100%;  min-height: 200px;}
.kind ul li p{font-size: 25px; line-height: 1.5; margin-top: 10px; font-weight: bold;}
.kind ul li span{margin-top: 10px; line-height: 1.3; display: block; font-size: 18px;}

/* 02-01 발전기금 종류 끝*/

/* 02-02 발전기금 용도 */
.use {}
.use .information ul {border-top: 1px solid #34860a; margin-top: 40px;}
.use .information ul li {font-size: 21px; padding: 30px 0 30px; padding-left: 145px; line-height: 1.5; border-bottom: 1px dashed #ccc; font-weight: bold; color: #353131;position: relative; }
.use .information ul li p{font-size: 18px;margin-top: 15px;}

.use .information ul li {}
.use .information ul li::before {position: absolute; content: ''; top: 16px; left: 20px; width: 100px; height: 100px; }
.use .information ul li:nth-of-type(1):before {background: url('/sites/egive/images/sub/sub_useicon-01.png') center no-repeat; background-size: contain;}
.use .information ul li:nth-of-type(2):before {background: url('/sites/egive/images/sub/sub_useicon-02.png') center no-repeat; background-size: contain;}
.use .information ul li:nth-of-type(3):before {background: url('/sites/egive/images/sub/sub_useicon-03.png') center no-repeat; background-size: contain;}
.use .information ul li:nth-of-type(4):before {background: url('/sites/egive/images/sub/sub_useicon-04.png') center no-repeat; background-size: contain;}
.use .information ul li:nth-of-type(5):before {background: url('/sites/egive/images/sub/sub_useicon-05.png') center no-repeat; background-size: contain;}

.use .way {}

/* 02-02 발전기금 용도 끝 */


/* 02-03 발전기금 약정 */
.contract {}

.contract .contract_intro {background: url('/sites/egive/images/sub/sub_contract_img.jpg') center no-repeat ;background-size: cover;background-position-y: 77%;}

.contract .contract_down {margin-top: 20px;;}
.contract .contract_down p{line-height: 2; margin-top: 15px;}
.contract .contract_down ul { margin-top: 20px;}
.contract .contract_down ul li {display: flex; padding: 15px 0; border-bottom: 1px dashed #ccc;}
.contract .contract_down ul li span.title {font-size: 18px; width: 10%; font-weight: bold;}
.contract .contract_down ul li span:last-child {position: relative;line-height: 1.2;}
.contract .contract_down ul li span:last-child::before {position: absolute; content: ''; left: -20px; top: 6px; width: 8px; height: 8px; border-radius: 30px; background: #0ea04f;}
.contract .contract_down ul li span.mail {color: #00459a}
.contract .contract_down ul li span.mail:hover {text-decoration: underline;}
.contract .contract_down ul li span.mail:last-child::before {top: 9px;}
.contract .btn_area a {padding: 10px 50px; font-size: 23px;}


/* 02-03 발전기금 약정 끝 */

/*---------------------------------------------------------- 기부안내 끝 --------------------------------------------------------- */


/*------------------------------------------------------- 참여방법 ------------------------------------------------------ */
.donation .major_donation {min-height: 300px;;}

.donation .major_donation .major {padding: 30px 0 27px;; border-bottom: 1px solid #ccc;}
.donation .major_donation .major h5{font-size: 23px; color: #404040; font-weight: 500; padding-left: 90px; position: relative;}
.donation .major_donation .major h5:before {position: absolute; content: ''; width: 62px; height: 65px; top: -4px; left: 14px; background: url(/sites/egive/images/sub/do_logo.svg) no-repeat; background-size: contain;}

.donation .major_donation .row {margin-bottom: 0; position: relative;}
.donation .major_donation .row a {float:right; font-size: 18px;}
.donation .major p {font-size: 18px; margin-top: 10px; color: #828282; line-height: 1.2;word-break: keep-all;}

/* 공대기부 */
/* #Engineering .major h5 {padding-left: 90px;} */
#Engineering .major h5:before {width: 68px; height: 65px; top: -10px; left: 11px; content:''}
#Engineering .major:nth-of-type(1) h5:before{background: url('/sites/egive/images/sub/sub-icon-01.png') no-repeat; background-size: contain;}
#Engineering .major:nth-of-type(2) h5:before{background: url('/sites/egive/images/sub/sub-icon-02.png') no-repeat; background-size: contain;}
#Engineering .major:nth-of-type(3) h5:before{background: url('/sites/egive/images/sub/sub-icon-03.png') no-repeat; background-size: contain;}
#Engineering .major:nth-of-type(4) h5:before{background: url('/sites/egive/images/sub/sub-icon-04.png') no-repeat; background-size: contain;}
#Engineering .major:nth-of-type(5) h5:before{background: url('/sites/egive/images/sub/sub-icon-05.png') no-repeat; background-size: contain;}

/* 공대기부 끝 */



/* 학과(부)기부 */

/* 학과(부)기부 끝*/



/* 기부하기 결제창 */
.cont {border: 1px solid #ccc; padding: 23px; border-top: 7px solid green;  margin: 0 auto; width: 70%; overflow: hidden;}
.cont h2 {font-size: 23px; font-weight: 500; position: relative;}
.cont h2::before {content: '';border-top: 1px solid #dadada;    margin-top: 36px;  width: 100%;  position: absolute;}

.onlinedonation .online {padding: 0;}
.onlinedonation .online .card-header {padding: 20px; background: #fff;}
.onlinedonation .online .card-header p {font-size: 24px; font-weight: bold;}
.onlinedonation .online .card-header p span {font-size: 17px; }

.onlinedonation .online .card-body {padding: 30px 20px;}
.onlinedonation .online .card-body input[type="radio"]{margin: 0; margin-right: 7px;}
.onlinedonation .online .card-body input[type=text], .onlinedonation .online .card-body select{border-radius: .25rem !important;}
.onlinedonation .online .card-body span.red {color:red}
.onlinedonation .online .card-body .row {margin-bottom: 13px;}
.onlinedonation .online .card-body .online_sum {display: flex;flex-wrap: wrap; }
.onlinedonation .online .card-body .online_sum label{margin-left: -2px; margin-right: 5px;}
.onlinedonation .online .card-body .online_sum .online_option{ margin: 0px;margin-right: 10px; min-width: 5px;;padding: 0;}
.onlinedonation .online .card-body .online_sum .online_option:last-child{width: auto; margin-bottom: 0;}
.onlinedonation .online .card-body .online_sum .online_option .form-control{ display: inline; width: 50% !important; margin-top: -5px;}


.onlinedonation .online .card-body .agree input {margin-top: 4px;;}
.onlinedonation .online .card-body .agree label {line-height: 1.5;}
.onlinedonation .online .card-body .input-group span{padding: 0 10px; margin-top: 10px; font-weight: bold;}
.onlinedonation .online .card-body .col-2 a {font-size: 14px; border-radius: 5px; padding: 4px 7px;border: 1px solid #ccc; margin-top: -5px; margin-left: 5px;font-weight:bold;}
.onlinedonation .online .card-body .col-2 span {font-size: 14px; font-weight: bold;}
.onlinedonation .online .card-body:nth-of-type(11){margin-bottom: 20px;;}
.onlinedonation .online .card-body #cate_nm {font-size: 20px; font-weight: bold; margin-bottom: 10px;}
.onlinedonation .online .card-body .col-2 {display:table}
.onlinedonation .online .card-body .col-2 p {font-weight:bold;display: table-cell; vertical-align: middle; }
.onlinedonation .online .card-body .col-2 .circle {width: 10px; height: 10px; border-radius: 50%; background: #f3c004; display: inline-block; margin-right: 8px; margin-bottom: 3px;}
.onlinedonation .online .card-footer{text-align: right; font-size: 23px; background: #fff; padding: 20px;; border-bottom: 1px solid #dedede;}
.onlinedonation .online .card-footer .total_title{font-size: 20px;}
.onlinedonation .online .card-footer .total_amt{font-size: 25px; color: #ff250e;; margin-right: 4px;font-weight: bold;}

.bill-subcont-number {margin-right:0px;}
/* 기부하기 결제창 끝 */


/* 0302 현물기부 */
.spot {}
.spot .spot_intro{background: url('/sites/egive/images/sub/sub_contract_img.jpg') center no-repeat; background-position-y: 50%;}
.spot ul.underline li { font-weight: bold; margin-bottom: 5px;padding: 20px 0}
.spot ul.li_dot li:first-child {padding-top: 0%;}
.spot ul.li_dot li:first-child::before {top: 11px;}
.spot ul.li_dot li::before {top: 29px;}
.spot ul.li_dot li p {font-size: 18px; color: #696969;}
.spot ul.stepbox > li {width: 25%;  padding: 20px;}
.spot ul.stepbox >li.arrow {width: 5%; margin: 54px 0;  font-size: 36px;}
.spot ul.stepbox >li ul li {padding: 0; line-height: 1.4; display: block}
.spot ul.stepbox >li ul li a.link{display: inline;  margin: 0;;}
/* 0302 현물기부 끝*/


/* 0303 약정기부 */
.contract_donation {}
.contract_donation table.type1>thead>tr>th,
.contract_donation table.type1>tbody>tr>th,
.contract_donation table.type1>thead>tr>td,
.contract_donation table.type1>tbody>tr>td {padding: 10px}

.contract_donation table label {margin-right: 13px; margin-left: 5px;}
.contract_donation .card-header {padding: 1rem; border-bottom:none;border-top: 1px solid rgba(0,0,0,.125);}
.contract_donation .card-header .form-check-input[type=radio] {margin-right: 10px;}
.contract_donation .card-header .concur {font-size: 23px; margin-bottom: 13px !important;}

.contract_donation .btn_area a { padding: 10px 50px; font-size: 23px;}


.input_inline {display: flex; flex-wrap: wrap;}
.input_nowrap {flex-wrap: nowrap;}
.input_nowrap .hyphen{margin: 10px 5px 5px;}

.input_between {}
.input_between li {display: flex; margin-right:15px;padding: 5px 0;}
.input_between li:last-child {margin-right:0}
.input_between li .form-select{width: 150px;}
.input_between span {padding: 10px 0; }
.input_between .name .form-control {width: 180px;;}

.bill-subcont span {min-width:140px;}
.bill-subcont li {min-width: 100px; margin-right:0;}


.input_group {display: flex; }


/*card-footer*/
.date {}
.date span{margin-right: 0;}

.card-footer .date li .form-select {width: 100px;;}
.chairmanname {font-size: 28px;font-weight: bold;    padding-top: 30px;}
.sign {justify-content: flex-end;}

/* 0303 약정기부 끝 */



  /*0304 기부관련 문의*/
.question {}
.question .question_box .question_list {border-top: 2px solid #065228 !important;  border: 1px solid #eaeaea;}
.question .question_box .question_list li {cursor: pointer; }
.question .question_box .question_list li a ul {padding:0; }
.question .question_box .question_list li a .ask {padding:30px 50px 30px 120px; position:relative; border-top: 1px solid #ddd;}
.question .question_box .question_list li a .ask {font-size: 18px;}
.question .question_box .question_list li a .ask .q_category { font-weight:700; margin-top: 10px;color:#333;}
.question .question_box .question_list li a .ask .q_title {overflow: hidden;  text-overflow: ellipsis;  display: -webkit-inline-bOX;  -webkit-line-clamp: 5;  -webkit-box-orient: vertical;  word-wrap: break-word; max-width: 1200px;padding-right: 55px;;line-height: 1.3;}
.question .question_box .question_list li a .ask .xbox {display: none;}
.question .question_box .question_list li a .ask .q_icon {font-size: 45px;position: absolute;right: 45px;top: 13px;}
.question .question_box .question_list li a .ask::before {content:'Q';left: 35px; top: 14px;}

.question .question_box .question_list li a .answer{display:none; font-size: 17px; padding: 10px 133px 30px 140px; position:relative; line-height: 1.2;}
.question .question_box .question_list li a .answer::before {content:'A'; background-color:#666; color:#fff; left: 55px; top: 8px;}
.question .question_box .question_list li a .answer table{border: 1px solid #ccc; margin: 10px 0;;}
.question .question_box .question_list li a .answer table td{border-right: 1px solid #ccc; padding: 8px; border-bottom: 1px solid #ccc;}

.question .question_box .question_list li a .ask::before, .question .question_box .question_list li a .answer::before {display: inline-block;position: absolute;text-align: center;font-weight: bold;font-size: 20px;line-height: 44px;border-radius: 50%;border: 1px solid #ddd;width: 50px;height: 50px;}

.question .question_box .question_list li.on a ul {padding:0; background: #f9f9f9;}
.question .question_box .question_list li.on .plus{display: none;}

.question .question_form {}
.question .question_form table input, .question .question_form table select{border-radius: .25rem !important;; }
.question .question_form table textarea {padding: 0.5rem 0.7rem !important}
.question .question_form table tbody td .e-mail{ }
.question .question_form table tbody td .e-mail span{padding: 0 10px; padding-top: 8px; }


/* 온라인 기부 모달 */
.question .modal-dialog {max-width: 1200px; pointer-events: auto;}
.question .modal-dialog .card-header .close {float: right; font-size: 35px; height: 35px; width: 41px; overflow: hidden; padding: 0; margin-top: -37px;}
.question .modal-backdrop {display: none;}
.question .modal-open .modal {background: #00000091;}
.question .card-header, .question .card-footer {background-color: #fff; padding:20px;}


 /*0304 기부관련 문의 끝*/

/*------------------------------------------------------- 참여방법 끝 ------------------------------------------------------ */



/*------------------------------------------------------- 기부자마당  ------------------------------------------------------ */

/* 예우 프로그램*/
.respect .respect_intro {background: url('/sites/egive/images/sub/sub_contract_img.jpg') center no-repeat; background-position-y: 50%;}
.respect_cont h2 {font-size: 30px;  margin-bottom: 20px; position: relative; margin-left: 37px;}
.respect_cont h2:before {position: absolute; content: ''; top: 4px; left: -37px; width: 25px; height: 25px; background: #179a21; border-radius: 5px;}
.respect_cont h2:after {position: absolute; content: ''; top: 10px; left: -31px; width: 13px; height: 13px; background: #fff; border-radius: 2px;}
.respect table {line-height: 1.3; vertical-align: middle; text-align: center;}
.respect thead tr { border-top: 2px solid #ccc;}
.respect table.type1>thead>tr>th:first-child {border-left: 1px solid #ccc}
.respect table.type1>thead>tr>th,
.respect table.type1>tbody>tr>th,
.respect table.type1>thead>tr>td,
.respect table.type1>tbody>tr>td {
    vertical-align: middle;
    padding: 10px 15px;
}

.respect table.type1 ul li {line-height: 1.5; position: relative;margin-left: 22px;}
.respect table.type1 ul li::before {position: absolute; content: ''; top: 10px; left: -20px; width: 8px; height: 8px; background: #dadada; border-radius: 30px; ;;}

.respect_cont .respect_img {display: flex; justify-content: space-between; flex-wrap: wrap;}
.respect_cont .respect_img li{border: 1px solid #ccc; min-height: 280px; width: 24%; display: flex; flex-direction: column; padding: 10px; justify-content: space-between;}
.respect_cont .respect_img li:nth-of-type(3n){border-right: 1px solid #ccc;}
.respect_cont .respect_img li span{width: 100%; height: 100%;}
.respect_cont .respect_img li:nth-of-type(1) span{background: url('/sites/egive/images/sub/respect_img04.jpg')center no-repeat; background-size: cover; background-position-y: -110px;}
.respect_cont .respect_img li:nth-of-type(2) span{background: url('/sites/egive/images/sub/respect_img06.jpg')center no-repeat; background-size: cover; background-position-y: 0;}
.respect_cont .respect_img li:nth-of-type(3) span{background: url('/sites/egive/images/sub/respect_img05.jpg')center no-repeat; background-size: cover;}
.respect_cont .respect_img li:nth-of-type(4) span{background: url('/sites/egive/images/sub/respect_img06.jpg')center no-repeat; background-size: cover;}

.respect_cont .respect_img li p{text-align: center; margin-top: 10px;;}
/* 예우 프로그램 끝 */

/*세제 혜택 */
.tax {}
.tax .tax_intro {background: url('/sites/egive/images/sub/sub_contract_img.jpg') center no-repeat; background-position-y: 50%;}
.tax ul {}
.tax ul li{}
/*세제 혜택 끝 */



/* 후원하기 인증 */
table.inquiry {width: 100%; position: relative;min-width: 700px}
table.inquiry caption{}
table.inquiry>thead>tr>th, table.inquiry>tbody>tr>th, table.inquiry>thead>tr>td ,table.inquiry>tbody>tr>td { box-sizing: border-box; padding: 1%; height: 40px; }


.mydonation_box {}
.mydonation_box .myconation_header{font-size: 17px;  width: 85%; margin-top: 15px; line-height: 1.2;}
.mydonation_box .myconation_body{margin: 20px 0;}
.mydonation_box .myconation_body .myconation_content{padding: 30px 0 0; border-top: 1px solid#ccc;}
.mydonation_box .myconation_body .myconation_content .inquiry{padding: 30px 0;}z`
.mydonation_box .myconation_body .myconation_content .inquiry > tbody > tr > td {font-size: 17px;}
.mydonation_box .myconation_body .myconation_content .inquiry > tbody > tr > td > span{color: #ff2300; margin-right: 2px;font-size: 16px;;}

.mydonation_box .myconation_body .myconation_content .inquiry .birth{display: flex; justify-content:space-between;}
.mydonation_box .myconation_body .myconation_content .inquiry .birth li {width: 31%; display: flex;}
.mydonation_box .myconation_body .myconation_content .inquiry .birth li span{font-size: 19px; color: #333; margin-top: 13px; padding-left: 4px;}
.mydonation_box .myconation_body .myconation_content  table.inquiry .input_box .input-group {width: 89%;}

/* 기부하기 인증 끝 */



/* * 나의 기부내역 */

.mydonation .tab li {width: 50%;}

.mydonation .breakdown_box {}
.mydonation .breakdown_box .breakdown_title{ line-height: 1.3;}
.mydonation .breakdown_box .breakdown_cont{}
.mydonation .breakdown_box .breakdown_cont .breakdown_cont01{display: flex; justify-content: space-around; max-height: 250px; background: #e2eadf7d; padding: 89px 0; margin-top: 30px;}
.mydonation .breakdown_box .breakdown_cont .breakdown_cont01 > div{display: flex; text-align: center; width: 50%; justify-content: center;    padding: 0px 5%;}
.mydonation .breakdown_box .breakdown_cont .breakdown_cont01 > div img {width: 80px;}
.mydonation .breakdown_box .breakdown_cont .breakdown_cont01 > div .breakdown_text {display: flex; justify-content: space-between; flex-direction: column; height: 100%; margin-left: 30px;;}
.mydonation .breakdown_box .breakdown_cont .breakdown_cont01 > div .breakdown_text .title{font-size: 20px; font-weight: bold;}
.mydonation .breakdown_box .breakdown_cont .breakdown_cont01 > div .breakdown_text .content{font-size: 27px;color: #464343;}

.mydonation .breakdown_box .breakdown_cont .breakdown_cont01 .period{position: relative;}
.mydonation .breakdown_box .breakdown_cont .breakdown_cont01 .period::before{content: ''; position: absolute; border-right: 2px solid #adadad;  top: 0;  right: 0;  height: 100%;}
.mydonation .breakdown_box .breakdown_cont .breakdown_cont01 .sum p.content{font-size: 35px; color: #fb3a00; font-weight: bold;}



table.breakdown {width: 100%; position: relative; }
table.breakdown::before {width: 100%; position: absolute; content: ''; border-top: 3px solid #ccc; top: 0; left: 0;z-index: 3;;;}
table.breakdown>thead>tr>th {background: #f9f9f9;}
table.breakdown>thead>tr>th, table.breakdown>tbody>tr>th, table.breakdown>thead>tr>td ,table.breakdown>tbody>tr>td { box-sizing: border-box; padding: 1% 1%; height: 40px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;}
table.breakdown>thead>tr>th:last-child,table.breakdown>tbody>tr>td:last-child { border-right: 1px solid #ccc;}
table.breakdown>tbody>tr>td.print { padding: 5px;}

table.dataTable>thead .sorting:before, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting:after, table.dataTable>thead .sorting_asc:after {right: 8px !important; content: "" !important; width: 13px; height: 15px;}
table.dataTable>thead .sorting:before, table.dataTable>thead .sorting_asc:before {background: url('/sites/egive/images/sub/caret-up.svg')center no-repeat; background-size: cover; top: 13px;}
table.dataTable>thead .sorting:after, table.dataTable>thead .sorting_asc:after {background: url('/sites/egive/images/sub/caret-down.svg')center no-repeat; background-size: cover; bottom: 11px !important;}

.mydonation .pagination .page-item {margin: 0;}
.mydonation .col-sm-12 {padding: 0;}
.mydonation table.dataTable {margin-top: 50px !important;}

table.type1::before{content:""; display: block; width: 100%; height: 2px; background:#3491c6; position: absolute; top: 0; left: 0;}


/* 기부금 영수증 */
.bill table.type1::before{display:block;background: #939893;}
.bill table.type td > input, .bill table.type td .input-group, .bill table.type td select, .bill table.type td .birth, .bill table.type td .amount{width: 55%;}
.bill table .area {}
.bill table .area p{font-size: 16px; margin-top: 15px;}
.bill table .birth {display: flex; flex-wrap: wrap; justify-content: space-between;}
.bill table .birth li {width: 48%; display: flex; justify-content: center;}
.bill table .birth li span {margin: 15px 10px 0;}
.bill table .birth li span:last-child {margin-right: 0;}
.bill table .birth li:nth-of-type(2){width: 15px; }
.bill table .birth li:nth-of-type(2) span{margin: 10px 0px 0;}
.bill table .amount {display: flex;}
.bill table .amount input{width: 75%; margin-right: 10px; display: inline-block;}
.bill table .amount span{margin-top: 17px; font-size: 16px;}
.bill table .form-check {margin-bottom: 0px; min-height: auto;}
.bill table .form-check input{margin-top: 0px;}
/* 기부금 영수증 끝*/


/* 기부모금내역 */
.condition .total {display: flex;justify-content: space-around; padding:10px 10px 40px;; background: #e5f3e2 url('/sites/egive/images/sub/section01_bg.png') top no-repeat;background-size: contain;position: relative;}
.condition .total li{display: inline-block; font-size: 25px;}
.condition .total li img{display: block; width: 150px; margin-bottom: 10px !important; margin: 0 auto;}
.condition .total li p {margin-top:25px;}
.condition .total li .tatal_cont_number{font-size: 60px; font-weight: bold; color: #047b2e; font-family: 'Spoqa Han Sans Neo'; letter-spacing: 1px}
.condition .total li .tatal_cont_text{font-size: 16px; }

/*차트*/
.condition .bb {}
.condition .bb svg {}
.condition .bb .bb-main {}
.condition .bb .bb-chart-bars .bb-chart-bar:first-child path {fill: #e5e8e4 !important;}
.condition .bb .bb-chart-bars .bb-chart-bar:last-child path {fill: rgb(249 190 7)!important;}

.condition .bb .bb-legend {transform: translateY(97%);}
.condition .bb .bb-legend .bb-legend-item:first-child line {stroke: #e5e8e4 !important;}
.condition .bb .bb-legend .bb-legend-item:last-child line {stroke: rgb(249 190 7) !important;}

.condition .bb .bb-tooltip tr:nth-of-type(2) td > span {background-color: #e5e8e4 !important;}
.condition .bb .bb-tooltip tr:nth-of-type(3) td > span {background-color: rgb(249 190 7) !important}

.condition .bb text {font-size: 13px !important; font-weight: bold; font-family: 'S-CoreDream-4Regular';}
.condition .bb path, .condition .bb line {stroke: #afafaf;}
/*.condition .bb .bb-axis .tick text{font-size: 15px;}*/

/*차트끝*/


/* 기부모금내역 끝 */


/* 기부자 명단 */
.fame {}
.fame table.type1>thead>tr>th,
.fame table.type1>tbody>tr>th,
.fame table.type1>thead>tr>td,
.fame table.type1>tbody>tr>td {padding: 10px;}
.fame table.type1>tbody>tr>td {font-size: 17px;}

/* .largeamoun {display: none;} */

.donation_list_intro {background: url('/sites/egive/images/sub/sub_contract_img.jpg') center no-repeat; background-position-y: 50%;}
.donation_list_intro p {max-width: 100%;}

.donation_list {display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap;}
.donation_list li {display: flex; width: 16%; justify-content: space-between; border: 1px solid #e2e2e2; padding: 20px; border-radius: 6px; flex-wrap: wrap; margin-right: 0.8%;margin-bottom: 20px;box-shadow: 5px 5px 5px #80808026;}
.donation_list li:nth-of-type(6n) {margin-right: 0;}
.donation_list span { padding: 5px 0; color: #525151;width: 100%;}
.donation_list span:first-child{ padding-top: 0; }
.donation_list span:last-child{ padding-bottom: 0; }
.donation_list span span{font-size: 17px; margin-left: 1px;}
.donation_list span.cate1 {width: 100%; font-size: 17px;}
.donation_list span.cate2 p {font-weight: bold; position: relative; display:inline}
.donation_list span.cate2 p:before {position: absolute; content: ''; bottom: -1px; left: -3px; width: 104%; border-bottom: 12px solid #e8c30e63; z-index: -1;}
.donation_list span.name {font-size: 22px; margin-bottom: 10px; font-weight: bold; line-height: 1.3;}
.donation_list span.name i {font-size: 27px;}
.donation_list span.total {color:#f92200}
.donation_list span.date {font-size: 16px; text-align: right;}


/* 기부자 명단 끝*/

/*------------------------------------------------------- 기부자마당 끝 ------------------------------------------------------ */

/*------------------------------------------------------- 특별기금모금사업 ------------------------------------------------------ */
.special {}
.special .special_intro {background: url('/sites/egive/images/sub/sub_contract_img.jpg') center no-repeat; background-position-y: 50%;}

/*------------------------------------------------------- 특별기금모금사업 끝 ------------------------------------------------------ */


/*------------------------------------------------------- 반응형 ------------------------------------------------------ */


@media (max-width:1595px){
.contract_donation .input_line
}

@media (max-width:1300px){

    .sub_navi ul.sub_nav_cont.icon {display: none;}

    /* 0405 */
    .donation_list li {width: 24%; margin-right: 1.2%;}
    .donation_list li:nth-of-type(4n) {margin-right: 0 !important;}
	.donation_list li:nth-of-type(6n) { margin-right: 1.2%;}

    /* site map */
    .sitemap ul.depth1 > li > a {font-size: 22px; }

}



@media (max-width:1200px){
    .sub_cont {flex-direction: column; width: 100%;}
    .sub_cont .greeting_img {height: 400px; width: 100%;}
    .sub_cont .greeting_text {width: 100%;}
}


@media (max-width:1024px){
    .tbl_wrap {overflow-x: auto; }
    .m-touch-help {position: relative;;;}
    table.type1 {min-width: 800px; width: 100%;;}
    .respect table.type1, .mydonation .respect table.type1, .contract_donation table.type1 {min-width: 1300px;}
    .fund table.type1, .question table.type1 {min-width: 600px;}
	.condition table.type1 {min-width: 1000px;;}
    table.breakdown {min-width: 1000px; width: 100%;;}

    .sub_nav_cont {width: 100%;}
    .sub_navi ul.sub_nav_cont > li:nth-of-type(1), .sub_navi ul.sub_nav_cont > li:nth-of-type(2){display: none;}
    .sub_navi ul.sub_nav_cont > li:last-child {width: 100%;}
    .sub_navi ul.sub_nav_cont .sub_nav_depth a {padding-right: 25px;}

    .wrap .card_content {flex-direction: column;}
    .wrap .card_content .card_cont {width: 100%;}


    /* 0101 인사말 */
    .greeting {flex-direction: column;}
    .greeting_img {width: 100%; height: 500px;}
    .greeting_text {width: 100%;}

    /* 0102 */
    .fund .used .used_title {justify-content: flex-start;}
    .fund .used .used_title li {width: 49%; margin-right: 2%; margin-bottom: 20px;}
    .fund .used .used_title li:nth-of-type(2n) {margin-right: 0;}
    .fund .used .used_title li img {min-height: 250px;}

    /* 0104 */
    .articles_box .articles {padding-left: 10px;}

    /* 0201 */
    .kind ul li {margin-bottom: 20px; width: 49%;}

    /* 0202 */
    ul.stepbox {flex-wrap: wrap;}
    ul.stepbox >li {width: 100%;}
	.use ul.stepbox >li:first-child {margin-bottom: 20px;;}
    ul.stepbox >li.arrow {margin: 0 auto; padding: 10px 0 !important;}
    ul.stepbox >li.arrow .bi-chevron-right::before {transform: rotate(90deg);}

    /* 0203 */
    .contract .contract_down ul li span.title {width: 90px;}
    .contract .contract_down ul li span:last-child {width: calc( 100% - 90px );}
    .contract .contract_down p {line-height: 1.2;}

    /* 0301 */
	.onlinedonation .online .card-body {padding-left: 12px;}
    .onlinedonation .online .card-body .col-2{width:100%}
    .onlinedonation .online .card-body .col-10{width: 100%; margin-top: 10px; margin-left: 15px;;}
    .onlinedonation .online .card-body .online_sum .online_option {width: auto; margin-right: 2px;;}
	

    /* 0302 */
    .spot ul.stepbox > li {width: 100%;}
    .spot ul.stepbox >li.arrow {margin: 0 auto; width:auto}
    ul.li_dot li {font-size: 18px;;}
    .spot ul.li_dot li p {line-height: 1.2;font-size: 17px;}


    /* 0401 */
    .respect_cont .respect_img li {width: 49%; margin-bottom: 20px;;}

    /* 0403 */
    .mydonation .breakdown_box .breakdown_cont .breakdown_cont01 {padding: 140px 0;flex-direction: column;}
    .mydonation .breakdown_box .breakdown_cont .breakdown_cont01 > div {width: 100%;min-height: 70px; height: 65px;padding: 0 13%; ;}
    .mydonation .breakdown_box .breakdown_cont .breakdown_cont01 > div.sum {margin-top: 60px;}
    .mydonation .breakdown_box .breakdown_cont .breakdown_cont01 .period::before {border-right: none; border-bottom: 1px solid #adadad; top: 47%; left: 13%; width: 73%; }
    .mydonation .breakdown_box .breakdown_cont .breakdown_cont01 > div img {width: 70px;}


    /* 0405 */
    .donation_list li {width: 32%; margin-right: 1.8%;}
    .donation_list li:nth-of-type(6n), .donation_list li:nth-of-type(4n) {margin-right: 1.8% !important;;}
    .donation_list li:nth-of-type(3n) {margin-right: 0 !important;;}


    /* site map */
    .sitemap ul.depth1 > li {width: calc(93%/3); margin-bottom: 20px;}
    .sitemap ul.depth1 > li > a {padding: 15px 0px 20px;font-size: 21px;}
    .sitemap ul.depth1 > li ul.depth2 li a {padding: 15px;}

	/* etc */
    .etcbox .p_area {flex-direction: column; padding: 80px 50px;}
    .payvirtual .p_area .p_text {text-align: center; width: 100%;}
    .payvirtual .p_area .p_img {margin: 0 auto}
    .etcbox .p_area .p_text .p_bank li {margin-left: 0}
    .etcbox .p_area .p_text .p_bank li::before {display: none}
    .etcbox .p_area .p_btn {justify-content: center;}
    .etcbox .p_area .p_img {margin: 0 auto; width: 300px;}
    .pageerror .p_area .p_text {text-align: center}

    /* login */
    .login {margin-top: 0; max-width: 85% !important;}
    .login_area {flex-direction: column; padding: 80px;}
    .login_area .login_inner_wrap.potal,.login_area .login_inner_wrap.social  {width: 100%; padding: 0;;}
    .login_area .login_inner_wrap.potal::before {display: none;}
    .login_area p.info_text {width: 100%;}


}

@media (max-width:1000px) {

    .ico-touch-help {display: block; position: absolute; top: 50px; left: 50%; margin: 0 0 0 -30px; width: 70px; height: 70px;}
    .ico-touch-help img {width:100%}

	
	.onlinedonation .online .card-body .online_sum .online_option {margin-bottom: 10px;}
}

@media (max-width:768px){
    .h1 {margin-top: 90px;}
    .sub_visual {height: 350px;}
    .sub_visual h2 {top: 200px;}
    .subcont {margin: 50px 0;}

    .intro_box {padding: 70px 20px; min-height: 250px;}
    .intro_box p {font-size: 17px;}
    .intro_box p.text_title {font-size: 30px; margin-bottom: 30px !important;}

    .wrap h4 {font-size: 25px;}
    .wrap h4:before {width: 24px; height: 24px;}
    .wrap h4:after {left: -31px; width: 12px; height: 12px;}


    /* 0102 */
    .fund .used .used_title {justify-content: space-between;}
    .fund .used .used_title li {width: 49%; margin-right: 0;}
    .fund .used .used_title li:nth-of-type(2) {margin-right: 0;}
    .fund .used .used_title li:nth-of-type(3) {margin-right: 1%;}
    .fund .fund_body ul {padding: 20px;}
    .fund .fund_body ul li, .fund .fund_body .result ul li{font-size: 17px;}
    .fund .fund_body .result ul li { padding: 10px 0;}
    .fund .fund_body .result ul li::before {top: 23px;}
    .fund .fund_body .result ul li:first-child::before {top: 11px;}
    .fund .fund_body .used .used_title{padding: 0}

    /* 0103 */
    .foundation .foundation_body table.history>thead>tr>th,
    .foundation .foundation_body table.history>tbody>tr>th,
    .foundation .foundation_body table.history>thead>tr>td,
    .foundation .foundation_body table.history>tbody>tr>td {padding: 15px;}

    /* 0104 */
    .arti_history li {width: 50%;}
    .articles_box .btn_area a {padding: 5px 40px; font-size: 20px;}

    /* 0201 */
    .kind ul li {padding: 10px;}
    .kind ul li p {font-size: 22px;}
    .kind ul li span {font-size: 15px;}

    /* 0202 */
    ul.stepbox >li {padding: 20px;}
    .use .information ul li {padding: 20px 0; padding-left: 120px;}
    .use .information ul li::before {top: 25px; width: 80px; height: 80px;}

    /* 0203 */
    .contract .btn_area a {padding: 5px 40px; font-size: 20px;}

    /* 0301 */
    table.inquiry>thead>tr>th, table.inquiry>tbody>tr>th, table.inquiry>thead>tr>td, table.inquiry>tbody>tr>td {font-size: 17px; padding: 10px;}
    .onlinedonation .online .card-body table .online_sum .online_option .form-check-input[type=radio]{ margin-top: 0;}
    .onlinedonation .online .card-footer > div {font-size: 18px;}
    .onlinedonation .online .card-footer .total_amt {font-size: 23px;}
    .onlinedonation .button button {padding: 8px 30px;}

    /* 0303 */
    .contract_donation {}
    .contract_donation ul.li_dot li {font-size: 16px;}
    .contract_donation .card-footer .text {font-size: 16px;line-height: 1.2;}
    .contract_donation .card-footer .chairmanname {font-size: 22px;line-height: 1.2;}
    .contract_donation .card-footer span {font-size: 16px;}


    /* 0304 */
    .question .question_box .question_list li a .ask {padding: 30px 50px 30px 95px;}
    .question .question_box .question_list li a .ask::before {left: 20px;}
    .question .question_box .question_list li a .answer {padding: 10px 55px 30px 105px}
    .question .question_box .question_list li a .answer::before {left: 35px;}
    .question .question_box .question_list li a .ask .q_icon {right: 13px;}

    /* 0401 */
    .respect table.type1>thead>tr>th, .respect table.type1>tbody>tr>th, .respect table.type1>thead>tr>td, .respect table.type1>tbody>tr>td {padding: 10px; font-size: 17px;}

    /* 0403 */

	/* 0404 */
    .condition .total li {font-size: 20px;}
    .condition .total li img {width: 130px;;}
    .condition .total li p {margin-top: 15px;;}
    .condition .total li .tatal_cont_number {font-size: 43px;;}

    /* 0405 */
    .donation_list li {width: 49%; margin-right: 1%;}
    .donation_list li:nth-of-type(6n), .donation_list li:nth-of-type(4n),.donation_list li:nth-of-type(3n) {margin-right: 1% !important;;}
    .donation_list li:nth-of-type(2n) {margin-right: 0;}

    /* 페이지 준비중 */
    .pageready .p_area {flex-direction: column;}
    .pageready .p_area .p_img {margin: 0 auto;}
    .pageready .p_area .p_text {margin-left: 0; text-align: center; margin-top: 20px; margin-bottom: 0;}

	/* etc */
    .etcbox .p_area .p_text .p_title,.etcbox02 .p_area .p_text .p_title {font-size: 35px;}


    /* login */
    .login_area {padding: 60px;}
    .login_area .login_inner_wrap .login_inner_title {font-size: 26px;}
    .login_area p.info_text {font-size: 17px;;}
    .login_area button.btn_potal {margin-top: 20px; font-size: 18px; padding: 7px;}


}



@media (max-width:550px){
    .mar_t50 {margin-top: 30px !important;}
    .intro_box p {font-size: 16px; }
    .subcont {margin-top: 40px;}
    .sub_cont .greeting_text p.title {font-size: 30px;}
    .sub_cont .greeting_text p {font-size: 16px;}


    /* 0101 인사말 */
    .greeting_img {height: 400px;}
    .greeting_text p.title {font-size: 31px;}
    .greeting_text p {font-size: 17px;}

     /*0102*/
    .fund .fund_body ul {padding: 10px;}
    .fund .fund_body ul li {margin-left: 20px;}
    .fund .fund_body ul li::before {left: -18px;}
    .fund .used .used_title li {padding: 10px;width: 100%; margin-left: 0;}
    .fund .used .used_title li:last-child {margin-bottom: 0;}
    .fund .used .used_title li p {font-size: 15px;}
    .fund .used .used_title li img {min-height: 300px;}

    /* 0103 */
    .foundation_intro.intro_box p.text_title, .foundation_intro.intro_box p.text_title span {font-size: 26px;}
    .foundation .foundation_body table.history>thead>tr>th,
    .foundation .foundation_body table.history>tbody>tr>th,
    .foundation .foundation_body table.history>thead>tr>td,
    .foundation .foundation_body table.history>tbody>tr>td {padding: 13px; font-size: 16px;}
    .foundation .foundation_body table.chairman>thead>tr>th,
    .foundation .foundation_body table.chairman>tbody>tr>th,
    .foundation .foundation_body table.chairman>thead>tr>td,
    .foundation .foundation_body table.chairman>tbody>tr>td {font-size: 16px; padding: 9px;}

    /* 0104 */
    .arti_cont > ul {padding: 0 10px;}
    .arti_cont > ul > li p, .arti_cont ul.depth3 li {font-size: 17px;}
    .arti_cont ul.depth3 {padding: 3px 0 3px 10px;}
    .articles_box .btn_area a { padding: 5px 25px; font-size: 16px;}
    .articles_box .btn_area.mar_t50 {margin-top: 30px !important;}

    /* 0201 */
    .kind ul li img {min-height: 140px;;}
    .kind ul li p {font-size: 20px;}

    /* 0202 */
    ul.stepbox >li ul li {padding-top: 10px;}
    ul.stepbox >li ul li span {font-size: 17px;}

    .use .information ul li {font-size: 19px;}
    .use .information ul li p {font-size: 16px;}

    /* 0203 */
    .contract .btn_area a { padding: 5px 25px; font-size: 16px;}
    .contract .btn_area.mar_t50 {margin-top: 30px !important;}

    /* 0301 */
    .donation .major_donation .major {padding: 25px 0 22px;}
    .donation .major_donation .major h5 {margin-bottom: 10px;}

    /* 0302 */
    .spot ul.li_dot li {font-size: 16px;}
    .spot ul.li_dot li p {font-size: 15px;    padding-right: 18px;}
    .spot ul.stepbox >li p {font-size: 18px;}
    .spot ul.stepbox >li ul {font-size: 16px;}
	.spot ul.stepbox >li ul li {font-size: 16px;}

	.bill-subcont li {display:block}
	.bill-subcont li .input-group{margin-top:5px}

    /* 0304 */
    .question .question_box .question_list li a .ask::before, .question .question_box .question_list li a .answer::before {width: 45px; height: 45px;}
    .question .question_box .question_list li a .ask::before {left: 15px; top: 10px;}
    .question .question_box .question_list li a .answer {padding: 13px 40px 30px 90px;font-size: 15px;}
    .question .question_box .question_list li a .answer::before {left: 27px;top: 5px;}
    .question .question_box .question_list li a .ask {padding: 24px 38px 25px 72px;}
    .question .question_box .question_list li a .ask .q_title {padding-right: 0px; font-size: 16px;}
    .question .question_box .question_list li a .ask .q_icon {top: 18px; right: 13px;font-size: 28px;}

    /* 0401 */
    .respect_cont .respect_img li {width: 100%;}

    /* 0403 */
    .mydonation .breakdown_box .breakdown_cont .breakdown_cont01 {}
    .mydonation .breakdown_box .breakdown_cont .breakdown_cont01 > div{ padding: 0px 11%;min-height: 55px;}
    .mydonation .breakdown_box .breakdown_cont .breakdown_cont01 > div img { width: 50px;}
    .mydonation .breakdown_box .breakdown_cont .breakdown_cont01 > div .breakdown_text {width: 74%;margin-left: 10px;    width: auto;}
    .mydonation .breakdown_box .breakdown_cont .breakdown_cont01 > div .breakdown_text .title {font-size: 17px;}
    .mydonation .breakdown_box .breakdown_cont .breakdown_cont01 > div .breakdown_text .content {font-size: 22px;}
    .mydonation .breakdown_box .breakdown_cont .breakdown_cont01 .sum p.content {font-size: 30px;}

	/* 0404 */
    .condition .total li {font-size: 20px;}
    .condition .total li img {width: 120px; margin-bottom: 0 !important;}
    .condition .total li p {margin-top: 10px;;}
    .condition .total li .tatal_cont_number {font-size: 38px;;}
    .condition .total li .tatal_cont_text {font-size: 14px;;}

    /* 페이지 준비중 */
    .pageready .p_area .p_img {width: 150px;}
    .pageready .p_area .p_text .p_title {font-size: 30px; margin-bottom: 20px !important;}
    .pageready .p_area .p_text p {font-size: 15px;}

    /* site map */
    .sitemap ul.depth1 > li {width: calc(97%/2);}

 	 /* etc */
    .etcbox .p_area .p_text .p_title, .etcbox02 .p_area .p_text .p_title {font-size: 25px;}
    .etcbox .p_area .p_text p, .etcbox02 .p_area .p_text p {font-size: 16px}
    .etcbox02 .p_area .p_text .p_btn {padding: 0 30%;}
    .etcbox .p_area .p_text .p_bank li {margin: 12px 0; font-size: 18px;}
    .etcbox .p_area .p_btn li a {font-size: 15px;}

    /* login */
    .login_area {padding: 50px;}
    .login_area .login_inner_wrap .login_inner_title {font-size: 24px;}
    .login_area p.info_text {font-size: 15px;margin-top: 13px;;}
    .login_area button.btn_potal {margin-top: 20px; font-size: 17px; padding: 5px;}
    .login_area button {padding: 7px; margin-top: 13px;}



}

@media (max-width:480px){
    .card-header, .card-footer {padding: 15px;}
    .intro_box {padding: 50px 20px;min-height: 230px;}
    .intro_box p.text_title, .intro_box p.text_title span{font-size: 23px;}
    .intro_box p {font-size: 16px;}
    .wrap h4:before {top: 2px;}
    .wrap h4:after {top: 8px;}

    /* 모달 */
    .modal .modal-dialog .card-header p {font-size: 18px;}
    .modal-dialog .card-header .close {width: 20px;margin-top: -31px;;}
    .modal .modal-dialog .card-footer {padding: 15px;}

    .wrap .card_content .card_cont li {padding: 11px;; font-size: 16px;}


    /* 0101 인사말 */
    .greeting_img {height: 350px;}
    .greeting_text p.title {font-size: 26px;}

    /*0102*/
    .fund .fund_body ul {padding: 10px;}
    .fund .fund_body ul li::before {left: -18px;}
    .fund .used .used_title li {padding: 10px;}
    .fund .used .used_title li p {font-size: 15px;}
    .fund .used .used_title li img {min-height: 280px;}

    /*0103*/
    .foundation_intro.intro_box p.text_title, .foundation_intro.intro_box p.text_title span {font-size: 21px;}

    .donation .subcont .accordion-body {padding: 20px;  padding-top: 15px;}
    .donation .w-shield-50::before {top: -5px; width: 41px;}
    .donation .w-shield-50 p {font-size: 13px; margin-top: 6px;}
    .wrap .card_content .card_cont .button a.btn {padding: 9px 13px;}

	/* 0201 */
	.kind ul li {width:100%}


    /* 0202 */
    .use .information ul li {padding-left: 93px;}
    .use .information ul li::before {left: 10px; top: 22px; height: 65px; width: 65px;}
	.use ul.stepbox >li ul li span:last-child {margin-left: 15px;}
	.use ul.stepbox >li ul li span {font-size: 15px;}
	.use ul.stepbox >li ul li span i {font-size: 14px;}

    /* 0303 */
    .contract_donation .card-footer .chairmanname {font-size: 23px; width:320px; float: right;}
	.onlinedonation .online .card-footer .total_title {font-size: 16px;}
	.onlinedonation .online .card-footer .total_amt {font-size: 22px;}


	/* 0404 */
    .condition .total {padding: 10px 10px 30px; }
    .condition .total li {font-size: 15px;}
    .condition .total li img {width: 100px;}
    .condition .total li p {margin-top: 10px;;}
    .condition .total li .tatal_cont_number {font-size: 28px;;}
    .condition .total li .tatal_cont_text {font-size: 13px;;}


    /* 0405 */
    .donation_list li {width: 100%; margin-right: 0;}
	.donation_list li:nth-of-type(6n), .donation_list li:nth-of-type(4n), .donation_list li:nth-of-type(3n) {margin-right: 0 !important;}

    /* 페이지 준비중 */
    .pageready .p_area .p_img {width: 110px;}
    .pageready .p_area .p_text .p_title {font-size: 22px; margin-bottom: 10px !important;}
    .pageready .p_area .p_text p {font-size: 12px;}


 	/* etc */
    .etcbox .p_area {padding: 30px 20px;}
    .etcbox .p_area .p_img {margin: 0 auto;    width: 150px;}
    .etcbox .p_area .p_text .p_title, .etcbox02 .p_area .p_text .p_title {font-size: 21px;}
    .etcbox .p_area .p_text p, .etcbox02 .p_area .p_text p {font-size: 14px;}
    .etcbox .p_area .p_btn {margin-top: 30px;}
    .payfail .p_area .p_img i, .etcbox02 .p_area .p_img i {font-size: 110px;}

    /* login */
    .login_area {padding: 30px;;}



}

@media (max-width:400px){
    .wrap h4 {font-size: 23px;}
    .wrap h4:before {top: 1px;}
    .wrap h4:after {top: 7px;}

    .intro_box p {font-size: 15px;}

    /* 0101 인사말 */
    .greeting_img {height: 280px;}
    .greeting_text p.title {font-size: 25px;}
    .greeting_text p {font-size: 14px; margin-top: 30px;}

    /* 0102 */
    .fund .used .used_title li p {font-size: 13px;}
    .fund .used .used_title li img {min-height: 220px;}

    /* 0201 */
    .kind ul li img {min-height: 140px;;}
    .kind ul li p {font-size: 17px;}
    .kind ul li span {font-size: 12px; margin-top: 5px;}


    /* 0403 */
    .mydonation .breakdown_box .breakdown_cont .breakdown_cont01 > div {padding: 0px 5%;}
    .mydonation .breakdown_box .breakdown_cont .breakdown_cont01 > div img {    width: 40px;}
    .mydonation .breakdown_box .breakdown_cont .breakdown_cont01 > div {    min-height: 48px;}
    .mydonation .breakdown_box .breakdown_cont .breakdown_cont01 {    padding: 89px 0;}
    .mydonation .breakdown_box .breakdown_cont .breakdown_cont01 > div .breakdown_text .title {    font-size: 16px;}
    .mydonation .breakdown_box .breakdown_cont .breakdown_cont01 > div .breakdown_text .content {font-size: 20px;}
    .mydonation .breakdown_box .breakdown_cont .breakdown_cont01 .sum p.content {    font-size: 28px;}

}