
@charset "utf-8";
/*공통*/
.txt-box{margin-bottom:60px;}
.tit-s{font-weight:500;font-size:17px;margin:25px 0 8px 0;}
.txt-p{position:relative;line-height: 1.4;padding:0 0 5px 0;color:#555;}
.box-p{background:#f6f6f6;padding:25px;margin:10px 0 25px 0;font-size:15px;}
.box-p div{padding:20px;line-height: 1.6;background: #fff;border:1px dashed #eaeaea;}
.box-p ul li{margin-top:10px;}
.box-p ul li:first-child{margin-top:0;}
.box-p ul li span{color:#111;font-weight: 500;width:70px;display: inline-block;position: relative;padding-left:10px;}
.box-p ul li span:before{content:"";position: absolute;width:3px;height:3px;background: #888;top:7px;left:0;}


/*탭*/
.tab_list{width:100%;margin:30px auto 50px;}
.tab_list ul{width:100%;font-size:0;}
.tab_list ul li{width:50%; display:inline-block;margin-top:-1px;}
.tab_list ul li a{display:block; text-align:center; font-size:17px; background:#fafafa; border:1px solid #ddd; box-sizing:border-box; height:60px; line-height:55px;border-right:0;}
.tab_list ul li:last-child a{border-right:1px solid #ddd;}
.tab_list ul li a:hover{background:#eee; transition:all 0.5s ease}
.tab_list ul li a.active{background:#444; color:#fff;}

/* 기본 table */
.tbl_default{width:100%; box-sizing:border-box; border-top:2px solid #000;}
.tbl_default th{border-bottom:1px solid #000;font-weight:500; text-align:center; padding:14px 0;}
.tbl_default td{font-size:14px;font-weight:400; text-align:center; padding:15px 0; border-bottom:1px solid #ddd;}
.tbl_default td.left{text-align:left; padding-left:10px;}
.tbl_default td a{color:#666;}
.tbl_default td a:hover{color:#c81b41; text-decoration:underline; font-weight:500;}

/*총장인사말*/
.greeting{position: relative;}
.greeting .greet_top{color:#111;background:#f7f7f7;padding: 130px 70px 40px 70px;margin-top:110px;position:relative;height: 110px;border-radius: 0 0 80px 0;}
.greeting .greet_top:before{content:"DAEGAU HEALTH COLLEGE";position: absolute;color: #f9f9f9;font-size: 61px;font-weight: 700;top: -65px;left: -5px;letter-spacing: 5.5px;}
.greeting .greet_top:after{content:"";position:absolute;background: url('/resources/images/contents/gre_bg.png') no-repeat center;width:307px;height:466px;bottom:0;right:0;border-radius: 0 0 80px 0;}
.greeting .greet_top div{margin-top:60px;width:100%;font-size:18px;line-height:22px;margin-right:40px;}
.greeting .greet_top div img{vertical-align: top;margin-top: -16px;margin-left: 20px;}
.greeting .greet_top + h2{font-size:30px;line-height:37px;font-weight:500;position:absolute;top:70px;left:70px;}
.greeting  p{width:100%;color:#333;margin-top:30px;line-height:30px;padding-bottom:50px;}

/* 히스토리 */
.his_top{background:#f9f9f9;padding:35px 0;box-sizing: border-box;display: inline-block;width:100%;}
.his_top div{width:calc(100% / 3.01);float: left;text-align: center;border-right:1px solid #cccccc;}
.his_top div:last-child{border:0;}
.his_top div img{margin-bottom:20px;}
.his_top div h3{font-size:18px;font-weight:400;margin-right:5px;letter-spacing: 0.5px;}
.his_top div h3 span{font-family:'GyeonggiTitle';font-size:38px;font-weight:600;}
.his_top div p{font-size:18px;color:#000;}
.his_cnt{margin-top: 110px;position: relative;margin-bottom:80px;}
.his_cnt .his{font-size: 92px;color:#f8f8f8;font-weight: 600;position: absolute;top: -56px;}
.year-con{position:relative; padding:40px 0;}
.year-con:before{content:"";position: absolute;height:100%;width:1px;background:#d8d8d8;left:320px;}
.year-con .year{position:absolute; top:30px; left:100px; width:225px; font-size:36px;font-weight:400;font-family:'GyeonggiTitle'}
.year-con .year span{display:inline-block; padding-right:25px; color:#ccc;position: relative;}
.year-con .year:after{content:"";position:absolute;border:2px solid #c60058;background:#fff;width:4px;height:4px;border-radius: 10px;right:0;top:20px;}
.year-con .list{padding-left:320px;}
.year-con .list dl{overflow:hidden; padding-left:50px; padding-bottom:15px; line-height:20px;}
.year-con .list dl dt{float:left; width:95px; font-size:20px;font-weight:500; padding-top:5px;font-family:'GyeonggiTitle'}
.year-con .list dl dd{float:left;padding-left:13px;line-height: 24px;word-break:keep-all;position:relative;}

/*기금종류*/
.fund_box{}
.fund_box > div{border-bottom:1px solid #e1e1e1;position:relative;display: table;width:100%;padding:30px 0;}
.fund_box > div:nth-child(2n){background:#f5f5f5;}
.fund_box > div:last-child{border:0;}
.fund_box > div > div.img{background:#f8f8f8;padding: 30px 47px 50px 33px;height: 60px;border-radius: 200px;width: 60px;margin-left:30px}
.fund_box > div:nth-child(2n) > div.img{background:#fff;}
.fund_box > div > div.img > img{width: 75px;display: table-cell;margin: 0 auto;}
.fund_box > div > div.txt{display: table-cell;width: 660px;padding: 20px;vertical-align: middle;}
.fund_box > div > div.txt > h4{font-size:20px;font-weight:500;color:#000;position:relative;/*padding-left: 10px;*/}
/*.fund_box > div > div.txt > h4:after{content:"";position:absolute;width: 2px;height: 13px;background:#000;left:0;top: 7px;}*/
.fund_box > div > div.txt > p{margin-top: 10px;color:#555;}

/*기금용도*/
.fund_use .wrap p{font-size:26px;text-align: center;margin-bottom:40px;padding:20px 0;position:relative;font-weight:500;}
.fund_use .wrap p:before{content:"";position:absolute;background: url('/resources/images/contents/big-left.png') no-repeat center;width:57px;height:39px;top:15px;left:50px;background-size:30px;}
.fund_use .wrap p:after{content:"";position:absolute;background: url('/resources/images/contents/big-right.png') no-repeat center;width:57px;height:39px;bottom:20px;right:50px;background-size:30px;}
.fund_use .wrap p span{font-size:28px;color:#c81b41;font-weight:600;}
.fund_use .wrap div{float:left;width:50%;/*padding:0 30px;*/box-sizing: border-box;}
.fund_use .wrap div:nth-child(2){padding-right:50px;}
.fund_use .wrap div:nth-child(3){padding-left:50px;}
.fund_use .wrap div:nth-child(4){margin:20px 25%;padding:0 25px;}
.fund_use .wrap div:nth-child(5){padding-right:50px;}
.fund_use .wrap div:nth-child(6){padding-left:50px;}
.fund_use .wrap div img{width:100%;}
.fund_use .wrap div ul{padding:20px 14px 70px;text-align: center;}
.fund_use .wrap div ul li.use_tit{font-size:20px;color:#000;font-weight:500;padding-bottom:5px;}
.fund_use .wrap div ul li.use_cnt{line-height:24px;}

/*오시는길*/
.map h2{margin:80px 0 20px 0;font-weight:600;}
.map dl{padding:30px;background:#f6f6f6;margin-bottom:30px;}
.map dl dt{color:#c81b41;font-weight:500;padding-bottom:5px;float: left;width:135px;}
.map dl dd{vertical-align: top;padding-bottom:20px;line-height: 25px;font-size: 15px;position: relative;}
.map dl dd.team:before{content:"";position:absolute;background: url('/resources/images/contents/ico_team.png') no-repeat center;width:25px;height:20px;left:95px;top:1px;}
.map dl dd.call:before{content:"";position:absolute;background: url('/resources/images/contents/ico_call.png') no-repeat center/19px;width:22px;height:20px;left:95px;top:1px;}
.map dl dd.fax:before{content:"";position:absolute;background: url('/resources/images/contents/ico_fax.png') no-repeat center;width:25px;height:20px;left:95px;top:1px;}
.map dl dd.mail:before{content:"";position:absolute;background: url('/resources/images/contents/ico_mail.png') no-repeat center;width:25px;height:20px;left:95px;top:2px;}
.map dl dd.addre:before{content:"";position:absolute;background: url('/resources/images/contents/ico_addre.png') no-repeat center/19px;width:22px;height:20px;left:95px;top:1px;}
.map dl dd span{position: relative;margin-right:30px;}
.map dl dd span:after{content:"";position: absolute;width:1px;height:12px;background:#bbb;top:5px;right:-17px;}
.map dl dd span:last-child:after{content:none;}
.map dl dt:last-child, .map dl dd:last-child{padding-bottom:0;}
.map .map-box{margin-bottom:60px;}
.map .map-box h4{font-weight:500;margin:20px 0 5px 0;font-size: 16px;}
.map .map-box div{background:#f6f6f6;padding:15px;}
.map .map-box div p{margin:7px 0;position: relative;padding-left:10px;font-size:15px;}
.map .map-box div p:before{position: absolute;content:"";width:3px;height:3px;background:#a1a1a1;border-radius: 20px;top:8px;left:0;}
.map .map-box table tr th{font-size:15px;}
.map .map-box table tr td:first-child{background: #f6f6f6 !important;}
.map .map-box table tr td:nth-child(2){text-align:left;padding:0 20px;}

/*예우 프로그램*/
.program{margin-bottom:30px;}
.program .top_liner{font-size:22px;text-align: center;margin-bottom:40px;padding:20px 0;position:relative;font-weight:500;}
.program .top_liner:before{content:"";position:absolute;background: url('/resources/images/contents/big-left.png') no-repeat center;width:57px;height:39px;top:10px;left:0;background-size:30px;}
.program .top_liner:after{content:"";position:absolute;background: url('/resources/images/contents/big-right.png') no-repeat center;width:57px;height:39px;bottom:15px;right:0;background-size:30px;}
.program .tbl_program{border-top:2px solid #000; border-bottom:1px solid #ddd; margin-top:10px; width:100%; word-break:keep-all;}
.program .tbl_program tr.cl td{font-weight: 500;background:#fdf9fa;}
.program .tbl_program th{border-left:1px solid #d9d9d9;  padding:15px 0; font-weight:500;background:#fafafa;}
.program .tbl_program td{border-top:1px solid #d9d9d9; border-left:1px solid #ddd; font-size:16px; text-align:center; padding:15px 0;}
.program .tbl_program th:first-child,.program .tbl_program td:first-child{border-left:0;}
.program .tbl_program ~ p{margin-top:2px;font-size:15px;}
.program .box-p div span{font-weight: 500;}

/*기부자 세제혜택*/
.box-p{display: inline-block;width:100%;box-sizing: border-box;}
.box-p .con-left{float:left;width:50%;box-sizing: border-box;margin-top:10px;}
.box-p .con-right{float:left;width:50%;box-sizing: border-box;}
.box-p span.color{color: #c81b41;font-weight: 500;}

/*참여방법*/
.txt-box h3{font-size:17px;font-weight:500;margin-bottom:20px;}
.cont-box{border:1px solid #eaeaea;margin-bottom:30px;position: relative;}
.cont-box h4{position:relative;font-weight:500;font-size:20px;color:#111;background:#f5f5f5;padding:15px 30px;}
.cont-box a.btn_online{background:#c81b41 url('/resources/images/contents/btn_online.png') no-repeat 155px center;color:#fff;font-weight: 400;padding: 18px 20px 18px 16px;position: absolute;top:0;right:0;width:150px;}
.cont-box a.btn_paper{background: #c81b41 url('/resources/images/contents/btn_paper.png') no-repeat 137px center;color:#fff;font-weight: 400;padding: 18px 10px 18px 26px;position: absolute;top:0;right:0;width:150px;}
.cont-box a:hover{background-color:#bd173b;transition: .3s ease;}
.cont-box .inner p span{font-weight: 500;}
.cont-box.box1 .inner{background: url('/resources/images/contents/cont_ico01.png') no-repeat 45px center;padding:70px 30px 70px 210px;}
.cont-box.box2 .inner{background: url('/resources/images/contents/cont_ico02.png') no-repeat 45px center;padding:35px 30px 15px 210px;}
.cont-box.box3 .inner{background: url('/resources/images/contents/cont_ico03.png') no-repeat 45px center;padding:50px 30px 30px 210px;}
.cont-box.box4 .inner{background: url('/resources/images/contents/cont_ico04.png') no-repeat 45px center;padding:35px 30px 15px 210px;}
.cont-box.box5 .inner{background: url('/resources/images/contents/cont_ico05.png') no-repeat 45px center;padding:35px 30px 15px 210px;}
.cont-box.box6 .inner{background: url('/resources/images/contents/cont_ico06.png') no-repeat 45px center;padding:70px 30px 70px 210px;}
.cont-box.box7 .inner{background: url('/resources/images/contents/cont_ico07.png') no-repeat 45px center;padding:35px 30px 15px 210px;}

/*명예의 전당*/
.donator{background: url('/resources/images/contents/dona-bg.png') no-repeat center top/100%;padding-top:50px;min-height:900px;}
.donator h2{font-family: 'Nanum Myeongjo';color: #fff;text-shadow: 1px 1px 1px #926326;text-align: center;font-size: 70px;margin-top: 50px;}
.donator p.top-p{color:#fff;text-align: center;font-size: 17px;padding:10px;}
.donator .wrap{padding:40px 40px 50px 40px;}
.donator .wrap ul{display: inline-block;}
.donator .wrap ul li{float:left;width: calc((100% - 120px) / 3);margin: 20px;}
.donator .wrap ul li .dona { background:#fff;border:1px solid #eee;padding:5px;box-shadow:3px 4px 7px rgba(0,0,0,.2);
    display: block; text-align: center; padding: 55px 0 25px 0;border-radius: 5px; position: relative;overflow: hidden;cursor: pointer;  }
.donator .wrap ul li .dona:hover{box-shadow:10px 8px 11px rgba(0,0,0,.2);transition: .2s ease;}
.donator .wrap ul li .dona div.txt{position: relative;}
.donator .wrap ul li .dona div.txt p{color:#333;}
.donator .wrap ul li .dona div.txt:before{content:"";position:absolute;background: url('/resources/images/contents/dona-box-logo.png') no-repeat center 10px/76%;width:241px;height:146px;top: -30px;left: 50%;transform: translateX(-50%);}
.donator .wrap ul li .dona div.txt .p-1{font-size: 24px;font-weight: 700;letter-spacing: -2px;}
.donator .wrap ul li .dona div.txt .p-2{font-size: 18px;font-weight: 400;}
.donator .wrap ul li .dona div.txt .p-3{font-size: 12px;padding: 27px 0 10px;letter-spacing: 1px;opacity: 0.7;color:#888;}
.donator .do-list{background:url('/resources/images/contents/dona-list-bg.png') repeat left top}
.donator .do-list .list-item{padding:50px 30px;}
.donator .do-list, .donator .list-item{/*display: none;*/ }
.donator .tbl_dona{border-bottom:1px solid #ddd; width:100%;background:#fff;}
.donator .tbl_dona th{border-left:1px solid #d9d9d9;  padding:15px 5px; font-weight:500;background:#ad9e8c;color:#fff;}
.donator .tbl_dona td{border-top:1px solid #d9d9d9; border-left:1px solid #ddd; font-size:16px; text-align:center; padding:15px 10px;}
.donator .tbl_dona th:first-child,.donator .tbl_dona td:first-child{border-left:0;}

/*faq*/
.faq_info{border:1px solid #ddd;margin-bottom:25px;padding:36px 24px 36px 180px;box-sizing:border-box;background:url('/resources/images/contents/bg_faq.png') no-repeat 50px center;}
.faq_info p{font-size:15px;line-height:1.6;}
.faq_info p span{font-weight:500;}

@media all and (max-width:767px) {

    /*공통*/
    .txt-box{margin-bottom:40px;}
    /*.tit-s{margin-top:20px;}*/


    /*탭*/
    .tab_list{width:100%;margin:30px auto;}

    /* 기본 table */
    .tbl_default th{font-size:14px;}
    .tbl_default td{font-size:14px;padding:15px 3px;}

    /*총장*/
    .greeting .greet_top{padding: 85px 30px 55px 30px;margin-top:70px;position:relative;height: 61px;border-radius:0 0 50px 0;}
    .greeting .greet_top:before{content:none;}
    .greeting .greet_top:after{background: url('/resources/images/contents/gre_bg.png') no-repeat right 76px/210px;width:325px;height: 410px;bottom:0;right:0;border-radius:0 0 50px 0;}
    .greeting .greet_top div{width: 120px;font-size: 17px;line-height: 21px;position: absolute;top: 0;left: 30px;}
    .greeting .greet_top div img{margin:5px 0 0 0;display: block;}
    .greeting .greet_top + h2{font-size: 21px;position:relative;top:0;left:0;margin-top:30px;line-height: 27px;}
    .greeting  p{font-size:15px;margin-top: 10px;line-height:24px;padding-bottom:50px;}

    /* 히스토리 */
    .his_top{padding:0;display: inline-block;width:100%;}
    .his_top div{width:100%;float:none;padding: 10px 26px;height: 61px;margin: 15px 0;box-sizing: border-box;text-align: left;border:0;}
    .his_top div img{width:50px;float:left;margin: 0 32px 0 15px;}
    .his_top div h3{font-size:14px;display: inline-block;padding-top: 10px;}
    .his_top div h3 span{font-size:24px;}
    .his_top div p{font-size:15px;display: inline-block;}
    .his_cnt{margin-top: 90px;position: relative;margin-bottom:50px;}

    .his_cnt .his{font-size: 50px;top: -56px;}
    .year-con{padding: 20px 0 10px 0;}
    .year-con:before{left:10px;}
    .year-con .year{top:30px; left:0; width:100%; font-size:28px;margin-left:30px;}
    .year-con .year span{padding-right:25px;}
    .year-con .year:after{left:-23px;top:13px;}
    .year-con .list{padding-left:0;width:100%;margin: 49px 0 8px 0;}
    .year-con .list dl{margin-top: 10px;padding-left:0;padding-bottom: 0;}
    .year-con .list dl dt{float:left;width:10%;font-size:17px;padding-top:3px;margin-left:30px;}
    .year-con .list dl dd{float:left;width:80%;font-size:15px;line-height:20px;margin-left:0;padding:3px 0 13px 0;}

    /*기금종류*/
    .fund_box > div{border:1px solid #e1e1e1;display: block;width:100%;padding:0;margin-top:-1px;}
    .fund_box > div:last-child{border:1px solid #e1e1e1;}
    .fund_box > div > div.img{background:#f5f5f5;padding: 35px 45px 44px 31px;height: 42px;border-radius: 200px;width: 45px;margin:30px auto 20px auto;}
    .fund_box > div > div.img > img{width: 58px;}
    .fund_box > div > div.txt > h4:after{width: 20px;height: 1px;left:50%;transform:translateX(-50%);top:38px;}
    .fund_box > div > div.txt{display: block;text-align: center;width:100%;box-sizing: border-box;padding:0 20px;}
    .fund_box > div > div.txt > p{font-size:15px;margin-top:5px;word-break: keep-all;margin-bottom:28px;}


    /*기금용도*/
    .fund_use .wrap p{font-size:18px;margin: 10px 0 ;padding:20px;}
    .fund_use .wrap p:before{top:10px;left:10px;background-size:20px;}
    .fund_use .wrap p:after{bottom:15px;right:10px;background-size:20px;}
    .fund_use .wrap p span{font-size:18px}
    .fund_use .wrap div{float:none;width:100%;background:#f9f9f9;padding:20px !important;margin:0 0 10px 0 !important;}
    .fund_use .wrap div img{width:100%;}
    .fund_use .wrap div ul{padding:20px 0 10px 0;}
    .fund_use .wrap div ul li.use_tit{font-size:18px;color:#000;font-weight:500;padding-bottom:6px;}
    .fund_use .wrap div ul li.use_cnt{line-height:20px;font-size:15px;}

    /*오시는길*/
    .map h2{margin:15px 0;font-size:22px;word-break: keep-all;}
    .map .map-box h2{margin-top:40px;}
    .map dl{font-size:15px;padding:20px;box-sizing: border-box;margin-bottom:10px;}
    .map dl dt{width:100%;padding-left: 30px;padding-top: 1px;}
    .map dl dd span{width:100%;display: block;}
    .map dl dd:before{left: 0px !important;}
    .map dl dd span:after{content:none;}
    .map .map-box img{width:100%;}

    /*예우 프로그램*/
    .program .top_liner{font-size: 18px;padding: 0 32px;/* word-break: keep-all; */}
    .program .top_liner:before{width:57px;height:39px;top: -7px;left: -20px;background-size:20px;}
    .program .top_liner:after{width:57px;height:39px;bottom: -5px;right: -20px;background-size:20px;}
    .program .tbl_wrap{overflow:auto;}
    .program .tbl_program{margin-top:15px;width:100%;}
    .program .tbl_program th{padding:15px 10px; font-size:15px;}
    .program .tbl_program td{font-size:14px;padding:12px 0;}

    /*기부자 세제혜택*/
    .box-p .con-left{float:none;width:100%;margin-top:0px;}
    .box-p .con-right{float:none;width:100%;margin-top:10px}
    .box-p span.color{color: #c81b41;font-weight: 500;}


    /*참여방법*/
    .cont-box h4{font-size:18px;}
    .cont-box .inner{padding:150px 20px 30px 20px !important;background-position: center 30px !important;}
    .cont-box a.btn_online{padding:16px 20px 16px 16px;font-size: 15px;}
    .cont-box a.btn_paper{padding:16px 10px 16px 26px;}
    .cont-box .box-p{margin-bottom:0;}

    /*명예의 전당*/
    .donator{background: url('/resources/images/contents/dona-bg.png') repeat center top/500%;padding:20px;}
    .donator h2{font-size:50px;margin-top:35px;}
    .donator p.top-p{word-break: keep-all;margin-top:0;}
    .donator .wrap{padding:0;}
    .donator .wrap ul{display:block;}
    .donator .wrap ul li{float:none;width: 100%;margin: 10px 0}
    .donator .wrap ul li .dona{padding:45px 0 25px 0;}
    .donator .wrap ul li .dona a{display: block;padding: 20px 0;}
    .donator .wrap ul li .dona a:hover::after {content: none; }
    .donator .wrap ul li .dona a div.txt:before{content:"";position:absolute;background: url('/resources/images/contents/dona-box-logo.png') no-repeat center/55%;}
    .donator .wrap ul li .dona div.txt .p-3{padding:15px 0 10px;}
    .donator .do-list{padding:0;background:url('/resources/images/contents/dona-list-bg.png') repeat left top;}
    .donator .do-list .list-item{background:#fff;width:100%;overflow:auto;padding:0;}

    /*faq*/
    .faq_info{margin-bottom:20px;padding:80px 20px 20px !important;background-size:auto 48px;background-position:center 18px;}
    .faq_info p{font-size:14px;line-height:1.4;word-break:keep-all;}

}



