@charset"utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;900&display=swap');

::selection {color:#fff; background:#ffe048;}
::-moz-selection {color:#fff; background:#ffe048;}

img{max-width:100%;}

.mgb10{margin-bottom:10px;}

/* header */
.top-area{background-color:#eaeef2; height:35px;}
.top-area .inner{max-width:1400px; width:calc(100% - 40px); margin:0 auto; text-align:right;}
.top-area a{display:inline-block;height:35px; vertical-align:top; line-height:35px; font-size:14px; padding:0 15px; position:relative;}
.top-area a + a:before{display:block;content:'';width:2px;height:2px;background-color:#333;border-radius:2px; position:absolute;left:-1px;top:50%;transform:translateY(-50%);}

.header{height:100px; background-color:#fff;}
.header .inner{max-width:1400px; width:calc(100% - 40px); margin:0 auto; position:relative;}
.header .inner:after{display:block;content:'';clear:both;}
.header h1{float:left;}
.header .gnav{float:right; margin-right:50px;}
.header .btn-menu{position:absolute;right:0;top:50%;transform:translateY(-50%);width:40px;height:40px; display:none;}
.header .btn-menu button{width:40px;height:40px; overflow:hidden; text-align:left; text-indent:-9999px; background:url(../images/common/btn_menu.png) center center no-repeat;}

.gnav > ul{display:block;content:'';clear:both;}
.gnav > ul > li{float:left; position:relative;}
.gnav > ul > li > a{display:block;line-height:100px; padding:0 50px; font-size:20px;color:#333; font-weight:600;}
.gnav > ul > li > a:hover{color:#007bd1;}
.gnav > ul > li > div{display:none;}

.gnav > ul > li.active > a{color:#007bd1;}


.gnav .dep2{background-color:#005bac;position:absolute;left:0;right:0; top:100px; color:#fff;padding:10px ; box-sizing:border-box;}
.gnav .dep2 li{padding:5px 10px; white-space:normal; line-height:1.5em;}
.gnav .dep2 a{display:block;}
.gnav .dep2 a:hover{color:#fff5a1;}

/* 모바일 네비 */
.m-nav-wrap{position:fixed;left:-320px;top:0;bottom:0; width:320px; z-index:99; background-color:#007bd1; padding:30px;}
.m-nav-wrap .m-close{position:absolute;right:10px;top:10px;}
.m-nav-wrap .m-close button{width:50px;height:50px;text-align:left; text-indent:-9999px; overflow:hidden; background:url(../images/common/btn_close_m.png) center center / 25px auto no-repeat;}
.m-nav{padding:30px 0;}
.m-nav .dep1{border-bottom:1px solid rgba(255,255,255,0.1);}
.m-nav .dep1 > a{display:block;height:60px;line-height:60px; font-size:20px; font-weight:600; color:#fff; transition:all 0.3s;}
.m-nav .dep2{padding:10px 0 30px; display:none;}
.m-nav .dep2 a{display:block;height:35px;line-height:35px; font-size:18px;  color:#fff; opacity:0.8;}

.m-nav .dep1.active > a{font-size:24px;}
.m-nav .dep1.active > a span{position:relative;display:inline-block;height:45px; box-sizing:border-box; border-bottom:10px solid rgba(255,246,104, 0.2);}
.m-nav .dep1.active > a span:before{position:absolute;left:}
.m-nav .dep1.active .dep2{}

.bgBlack{position:fixed;left:0;top:0;right:0;bottom:0;z-index:98; background-color:rgba(0,0,0,0.3); opacity:0;}

/* 서브 상단 */
.sub-visual{height:220px;}
.sub-visual.visual1{background:url(../images/common/sub_visual1.jpg) center top no-repeat;}
.sub-visual.visual2{background:url(../images/common/sub_visual2.jpg) center top no-repeat;}
.sub-visual.visual3{background:url(../images/common/sub_visual3.jpg) center top no-repeat;}
.sub-visual.visual4{background:url(../images/common/sub_visual4.jpg) center top no-repeat;}
.sub-visual.visual5{background:url(../images/common/sub_visual5.jpg) center top no-repeat;}
.sub-visual .inner{max-width:1400px; width:calc(100% - 40px); margin:0 auto; height:100%; text-align:left; display:flex; align-items:center;}
.sub-visual h2{font-size:48px;font-weight:600; padding:0 10px; color:#fff; margin-bottom:10px;}

.sub-nav{max-width:1400px; width:calc(100% - 40px); margin:-24px auto 0; height:50px; border:1px solid #ddd; box-sizing:border-box; background-color:#fff;}
.sub-nav > ul > li{float:left;height:48px;}
.sub-nav .home{width:50px; background:#005bac url(../images/common/i_home.png) center center no-repeat; text-align:left; text-indent:-999px; overflow:hidden;}
.sub-nav > ul > li{position:relative; background-color:#fff;}
.sub-nav > ul > li > a{display:block;height:48px; padding:0 0 0 30px; line-height:48px; font-size:15px; color:#888; font-weight:600; position:relative; transform:skew(-0.03deg);}
.sub-nav > ul > li > a:after{position:absolute;right:15px;top:50%;transform:translateY(-50%); display:block;content:'';width:12px;height:9px; background:url(../images/common/sub_nav_arr.png) center center no-repeat;}
.sub-nav > ul > li > div{position:absolute;left:-1px;right:-1px;top:48px; background-color:#fff; border:1px solid #ddd; text-align:left; display:none;}
.sub-nav > ul > li > div a{display:block;line-height:40px; padding:0 30px; transform:skew(-0.03deg);}
.sub-nav > ul > li > div a:hover{background-color:#f4f4f4;}
.sub-nav .dep1{width:260px; border-right:1px solid #ddd;}
.sub-nav .dep2{width:260px; border-right:1px solid #ddd; z-index:20;}
.sub-nav .dep2 > a{color:#005bac;}

.container{position:relative; padding:60px 0 120px; min-height:500px; overflow:hidden;}

.page-top{text-align:center; margin-bottom:85px;}
.page-top h3{font-size:38px;font-weight:600; padding:38px 0 15px; color:#333; position:relative;}
.page-top h3:before{position:absolute;left:50%;top:0;margin-left:2px; display:block;content:'';clear:both; width:5px;height:25px;background-color:#005bac; transform:rotate(45deg);}
.page-top .h3-txt{font-size:17px; color:#868686;}

.page-contents{max-width:1400px;margin:0 auto;}

/* footer */
footer {background-color:#2f353f; padding:30px 0 40px;}
footer  .inner{max-width:1400px; width:calc(100% - 40px); margin:0 auto; position:relative; text-align:left;}
footer  .inner:after{display:block;content:'';clear:both;}
footer  .footer-logo{float:left; margin-right:60px;}
footer  .footer-info{float:left; color:#9ea0a3; font-size:16px; padding:15px 0; line-height:1.75em; transform:skew(-0.03deg);}
footer  .footer-info p span{margin-right:20px;}



/* main */
.main-visual{height:509px; margin-bottom:63px;}
.main-visual .main-visual-container{height:100%;}
.main-visual .main-visual-container ul{height:100%;}
.main-visual .main-visual-container ul li{height:100%;}
.main-visual .visual1{background:url(../images/main/visual1.jpg) center top no-repeat;}
.main-visual .main-copy{height:100%; max-width:1400px;text-align:left; margin:0 auto; display:flex; align-items:center; box-sizing:border-box; padding-bottom:80px; text-shadow:2px 5px 10px rgba(0,0,0,0.3);}
.main-visual .main-copy .txt1{font-size:56px;color:#ffd50f;font-weight:900; margin-bottom:20px;}
.main-visual .main-copy .txt2{font-size:28px;color:#fff;}

.main-contiainer{max-width:1400px;text-align:left; margin:0 auto 50px auto;}

.main-links{}
.main-links ul:after{display:block;content:'';clear:both;}
.main-links ul li{float:left;width:33%;height:300px; position:relative;}
.main-links ul li a{display:block; box-sizing:border-box; width:100%;height:100%; padding:32px; color:#fff; position:relative;  transition:all 0.3s;}
.main-links ul li a:hover{z-index:10;box-shadow:2px 2px 30px rgba(0,0,0,0.3); margin-top:-10px;}
.main-links em{font-size:30px; margin-bottom:25px; display:block;}
.main-links p{font-size:18px; line-height:1.5em;}
.main-links .arr{position:absolute;right:30px;top:30px; width:52px;height:52px; border-radius:26px; background-color:rgba(255,255,255,0.25);}
.main-links .arr:before{position:absolute;right:0;top:0; content:'';width:52px;height:52px; background:url(../images/main/link_arr.png) center center no-repeat;}
.main-links .link1{width:34% !important;}
.main-links .link1 a{background:#006dbb url(../images/main/i_link1.png) right bottom no-repeat;}
.main-links .link2 a{background:#898989 url(../images/main/i_link2.png) right bottom no-repeat;}
.main-links .link3 a{background:#0babb0 url(../images/main/i_link3.png) right bottom no-repeat;}
.main-links .link4 a{background:#8dc325 url(../images/main/i_link4.png) right bottom no-repeat;}

.main-board{margin-bottom:20px; border-top:1px solid #fff; position:relative;}
.main-board:after{display:block;content:'';clear:both;}

.main-notice{float:left; width:50%; height:425px; background-color:#f2f2f2; box-sizing:border-box; position:relative;}
.notice-head{height:74px; border-bottom:1px solid #d1d1d1;}
.notice-head ul{padding:12px 0 0 30px;}
.notice-head ul li{float:left; height:60px; position:relative;}
.notice-head ul li a{display:block; line-height:60px; font-size:22px; color:#222; font-weight:600; padding:0 25px;}
.notice-head ul li + li:before{position:absolute;left:0;top:50%; transform:translateY(-50%); width:1px;height:20px;background-color:#d1d1d1;}
.notice-head ul li:first-child a{padding-left:0;}
.notice-head ul li.active a{color:#006dbb; font-weight:900;}

.notice-more{position:absolute;right:30px;top:25px;}

.notice-list{padding:30px;}
.notice-list .front{display:flex; margin-bottom:25px;}
.notice-list .front .date{display:block; width:70px;height:70px;border:1px solid #ddd; text-align:center; box-sizing:border-box; background-color: #fff;margin-right:20px; display:flex; align-items:center; justify-content:center;}
.notice-list .front .date > div{}
.notice-list .front .date .day{display:block;font-size:38px; font-weight:900; line-height:1em;}
.notice-list .front .date .month{display:block;font-size:14px; font-weight:600; transform:skew(-0.03deg);}
.notice-list .front .txt{display:block;font-size:14px; transform:skew(-0.03deg); padding:3px 0;}
.notice-list .front .txt{width:calc(100% - 90px); text-align:left;}
.notice-list .front .txt a{display:block; }
.notice-list .front .txt .title{font-size:20px;font-weight:600; color:#006dbb; margin-bottom:6px;}
.notice-list .front .txt .detail{font-size:15px;color:#888; transform:skew(-0.03deg); line-height:1.33em;}
.notice-list .list li{position:relative; padding-left:13px;}
.notice-list .list li:before{position:absolute;left:0;top:50%;transform:translateY(-50%); content:'';width:2px;height:2px;border-radius:2px;background-color:#666;}
.notice-list .list a{display:block; display:flex; line-height:33px; transform:skew(-0.03deg);}
.notice-list .list .title{width:calc(100% - 80px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px;}
.notice-list .list .date{width:80px;text-align:right;color:#888;font-size:14px;}
.notice-list .list a:hover .title{color:#006dbb;}

.main-gallery{float:left; width:25%; height:425px; background-color:#fff; box-sizing:border-box; padding:35px 26px;}
.gallery-head{position:relative; margin-bottom:35px; padding:0 4px;}
.gallery-head h2{font-size:22px; font-weight:600; color:#3c3c3c;}
.gallery-head .gallery-more{position:absolute;right:-4px;top:-10px;}
.gallery-item .photo{}
.gallery-item .info{padding:25px 0 0 0; line-height:1.5em; transform:skew(-0.03deg);}
.gallery-item .title{font-size:16px; color:#222; margin-bottom:3px;}
.gallery-item .date{font-size:15px; color:#888;}
.gallery-item .info a{display:block;}
.gallery-item .info a:hover .title{color:#006dbb;}

.main-donation{float:left; width:25%; height:425px; background-color:#ebf4fa; box-sizing:border-box; padding:35px 30px;}
.donation-head{position:relative; margin-bottom:35px;}
.donation-head h2{font-size:22px; font-weight:600; color:#3c3c3c;}
.donation-head .donation-more{position:absolute;right:-4px;top:-10px;}
.donation-list .item + .item{margin-top:10px;}
.donation-list .item{display:flex;}
.donation-list .item .date{width:70px;height:70px;border:1px solid #ddd; text-align:center; box-sizing:border-box; background-color: #fff;margin-right:20px; display:flex; align-items:center; justify-content:center;}
.donation-list .item .date > div{}
.donation-list .item .date .day{display:block;font-size:38px; font-weight:900; line-height:1em;}
.donation-list .item .date .month{display:block;font-size:14px; font-weight:600; transform:skew(-0.03deg);}
.donation-list .item .txt{width:calc(100% - 90px); text-align:left; display:flex; align-items:center;}
.donation-list .item .txt a{display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.donation-list .item .txt .name{font-size:18px;font-weight:600; margin-bottom:6px;}
.donation-list .item .txt .won{font-size:15px;color:#888; transform:skew(-0.03deg);}

.main-more{position:relative;text-align:left;text-indent:-9999px;overflow:hidden; display:block; width:30px;height:30px; transition:all 0.3s;}
.main-more:before,
.main-more:after{display:block;content:'';background-color:#2a2e35; position:absolute;left:50%;top:50%; transform:translate(-50%,-50%); }
.main-more:before{width:2px;height:14px;}
.main-more:after{width:14px;height:2px;}
.main-more:hover{transform:rotate(180deg);}

.related-site{border:1px solid #e0e0e0; padding:30px 0; text-align:center;}
.related-site ul li{display:inline; padding:0 27px;}


/* sub */

/* 인사말 */
.greeting-wrap{position:relative; padding:40px 0;}
.greeting-wrap:after{display:block;content:'';clear:both;}
.greeting-wrap .bg{background:#005fbc url(../../images/sub/greeting_bg.png) right bottom no-repeat; height:240px; position:absolute;left:0;top:0;right:0; border-radius:0 0 0 80px;}
.greeting-wrap .photo{float:left;width:40%; text-align:center; position:relative; box-sizing:border-box;padding:0 30px;}
.greeting-wrap .photo img{border-radius:50px; box-shadow:1px 0 30px rgba(0,0,0,0.18);}
.greeting-wrap .greeting{float:left;width:60%; text-align:left; font-size:20px;line-height:1.5em; position:relative;}
.greeting-wrap .greeting p{margin-bottom:30px;}
.greeting-wrap .greeting p.front{color:#fff; font-size:36px; line-height:1.5em; padding:30px 0 70px; margin-bottom:50px;}
.greeting-wrap .greeting p.front em{font-size:44px; font-weight:bold;}
.greeting-wrap .greeting p.name img{width:104px; margin-left:10px; vertical-align:middle;}

/* 설립경과 */
.history-wrap{position:relative; display:flex; min-height:656px;}
.history-wrap:before{position:absolute;right:869px;top:0;left:-1000px;height:510px;content:'';background-color:#ebf2f8; z-index:0;}
.history-wrap:after{position:absolute;left:455px;top:61px;right:-1000px;height:95%;content:'';background-color:#f7f7f7; z-index:0;}
.history-wrap .photo{width:455px; box-sizing:border-box; padding:37px 34px; position:relative;}
.history-wrap .history{width:calc(100% - 455px); background-color:#f7f7f7; margin-top:61px; padding:45px 0 0 95px; position:relative; z-index:10; box-sizing:border-box;}
.history-wrap .history dl{position:relative; padding-bottom:30px;}
.history-wrap .history dl:after{display:block;content:'';clear:both;}
.history-wrap .history dl:before{display:block;width:1px;position:absolute;left:201px;top:0;bottom:0; background-color:#dddddd;}
.history-wrap .history dl:first-child:before{top:25px;}
.history-wrap .history dl:last-child:before{top:0;height:25px;bottom:inherit;}
.history-wrap .history dt{float:left;width:195px; font-size:60px; font-weight:bold; font-family: 'Montserrat', sans-serif;}
.history-wrap .history dd{float:left;width:calc(100% - 195px); position:relative; font-size:18px; line-height:1.5em; padding:20px 0 10px 50px; font-weight:600;}
.history-wrap .history dd:before{display:block;content:'';clear:both;width:13px;height:13px;border-radius:10px; position:absolute;left:0;top:25px; background-color:#005bac;}
.history-wrap .history dd li{position:relative;}
.history-wrap .history dd li:after{display:block;content:'';clear:both;}
.history-wrap .history dd li + li{margin-top:20px;}
.history-wrap .history dd .date{float:left;width:80px;}
.history-wrap .history dd .con{float:left;width:calc(100% - 80px);}


/* 정관 */
.terms-wrap{border:8px solid #e8e8e8; padding:80px;}
.terms-wrap h4{font-size:30px; font-weight:bold; margin-bottom:40px; color:#373737;}
.terms-wrap dl + h4{margin-top:80px;}
.terms-wrap dt{font-size:22px;font-weight:600;color:#373737; margin-bottom:10px;}
.terms-wrap dd{line-height:1.75em;}
.terms-wrap dd + dt{margin-top:30px;}
.terms-wrap ol{}
.terms-wrap ol li{list-style:auto;margin-left:20px;}
.terms-wrap ul ol{margin-left:15px;}


.data-list{border-top:2px solid #333;}
.data-list table{width:100%; table-layout:fixed; transform:skew(-0.03deg);}
.data-list table thead th{text-align:center; padding:10px; color:#333; border:1px solid #ddd; background-color:#f9f9f9;}
.data-list table thead tr:last-child th{border-bottom:1px solid #aaa;}
.data-list table thead tr:first-child th{border-top:none;}
.data-list table tbody th{border:1px solid #ddd; padding:15px; text-align:center;}
.data-list table tbody td{border:1px solid #ddd; padding:15px; text-align:center;}


/* 임원현황 */

.con-title{position:relative; font-size:24px; padding-left:30px; margin-bottom:20px; color:#373737;}
.con-title:before{position:absolute;left:0;top:50%; margin-top:-3px; display:block;content:'';clear:both; width:15px;height:2px; background-color:#197bc2;}

.con-wrap{margin-bottom:80px; line-height:1.63em;}

.list-dot > li{position:relative; padding-left:23px;}
.list-dot > li:before{display:block;content:'';width:7px;height:7px;border-radius:4px; background-color:#197bc2; position:absolute;left:5px;top:10px;}
.list-dot > li + li{margin-top:10px;}
.list-dot.gap > li + li{margin-top:20px;}

.member-top-class{text-align:center;border-top:2px solid #555;border-bottom:1px solid #ddd; padding:40px 20px; }
/*.member-top-class .item{display:inline-block;vertical-align:top; width:30%; margin:0 10px;}*/
.member-top-class .item{display:inline-block;vertical-align:top; width:23%; margin:0 10px;}
.member-top-class .item .photo{margin-bottom:20px;}
.member-top-class .item .info{}
.member-top-class .item .th{font-size:18px; margin-bottom:5px;}
.member-top-class .item .name{font-size:24px;font-weight:600; margin-bottom:5px;}
.member-top-class .item + .item{border-left:1px solid #ddd;}

.members:after{display:block;content:'';clear:both;}
.members li{float:left; width:calc(100% / 8 - 4px); border:1px solid #ddd; height:50px; line-height:50px; margin:0 2px 4px 2px; text-align:center; font-family:malgun gothic;}


/* 오시는길 */
.map-wrap{}
.map-wrap:after{display:block;content:'';clear:both;}
.map-wrap .root_daum_roughmap{float:left;width:60% !important;}
.map-wrap .root_daum_roughmap .wrap_map{height:460px;}
.map-wrap .map-info{float:right;width:38%; height:460px; box-sizing:border-box; padding:50px; font-size:18px; border-top:2px solid #333; border-bottom:2px solid #333; display:flex; align-items:center; }
.map-wrap .map-info dt{font-size:24px; margin-bottom:20px; font-weight:600;}
.map-wrap .map-info dt i{margin-right:5px;}
.map-wrap .map-info dd{font-size:20px;}
.map-wrap .map-info dd + dt{margin-top:50px;}

/* 재단 설립 취지*/
.purpose-wrap:after{display:block;content:'';clear:both;}
.purpose-wrap .photo{float:left;width:20%; margin-right:5%;}
.purpose-wrap .photo img{border-radius:0 0 50px 0; box-shadow:15px 15px 0 rgba(0,0,0,0.05); }
.purpose-wrap .txt{float:left; width:75%; font-size:18px; line-height:1.75em; padding:30px 0; position:relative;}
.purpose-wrap .txt:before{width:100px;height:1px;content:'';background-color:#005bac; display:block; position:absolute;left:-130px;top:37px;}


/* 재단설립 찬조금 */
.donation-privacy ul:after{display:block;content:'';clear:both;}
.donation-privacy ul li{ float:left; width:120px; line-height:2em;}

/* 기부현황 */
.donation-status:after{display:block;content:'';clear:both;}
.donation-status .donation-left{float:left; width:50%; padding:30px;}

.do-box{background-color:#005bac; padding:50px 70px 70px; color:#fff; border-radius:0 0 50px 0;  text-align:left; box-shadow:-30px -30px 0 rgba(0,0,0,0.05);}
.do-box .tit1{font-size:48px; margin-bottom:10px;}
.do-box .tit1 span{font-weight:900;}
.do-box .tit2{font-size:24px; margin-bottom:20px;}
.do-box .total{color:#fcffb5;height:48px;}
.do-box .total span{font-size:48px; font-weight:900;}

.donation-status .donation-right{float:right; width:45%; padding-top:30px;}
.donation-status .boardTable{border-top:2px solid #333;}
.donation-status .boardTable thead th{font-weight:600; border-bottom:1px solid #333; padding:10px; background:none;}
.donation-status .boardTable tbody td{padding:23px 10px;}

/* 기부금품 활용실적 */
.use-list{margin-bottom:30px;}
.use-list:after{display:block;content:'';clear:both;}
.use-list .item{width:calc(100% / 4 - 10px);height:300px;border:#ddd 1px solid;text-align:center;float:left;margin-left:10px; padding:10px; }
.use-list .item .subject{font-size:2em; font-weight:600; margin:40px 0;}
.use-list .item .message{}
.use-list .item .date{margin-top:5px; color:#888;}
.use-list .item .download{margin-top:20px;}
.use-list .item .download a{display:block;padding:20px 10px;background-color:#005bac;color:#fff; max-width:150px; margin:0 auto; }

/* 기부안내 */
.donation-guide{display:flex; align-items:center; background-color:#ebf4fa; position:relative;}
.donation-guide > div{width:50%; box-sizing:border-box;}
.donation-guide .txt{padding:20px 60px; text-align:left;}
.donation-guide .txt1{font-size:30px; color:#005bac; line-height:1.5em;margin-bottom:40px; letter-spacing:-1px;}
.donation-guide .txt1 em{font-size:44px; font-weight:bold;}
.donation-guide .txt2{font-size:18px; margin-bottom:40px;}
.donation-guide .bank-info{position:relative; padding:30px 0 0 0; color:#005bac; font-size:20px; line-height:2em;}
.donation-guide .bank-info:before{position:absolute;left:0;top:0;display:block;content:'';height:2px;width:70px; background-color:#005bac;}
.donation-guide .bank-info p span{display:inline-block;width:90px;}
.donation-guide .img{height:100%; background-color:#005bac;}



@media (max-width: 1440px){

.main-visual .main-copy{margin:0 20px;}

.history-wrap{position:relative; display:flex; min-height:656px;}
.history-wrap:before{right:inherit;left:0;width:45%;}
.history-wrap:after{left:38%;top:61px;right:0;height:596px;}
.history-wrap .photo{width:38%;}
.history-wrap .history{width:62%;}

}


@media (max-width: 1280px){

.gnav{display:none;}
.header .btn-menu{display:block;}


/* 기부안내 */
.donation-guide .txt{ padding:40px 50px;}
.donation-guide .txt1{font-size:22px; margin-bottom:30px;}
.donation-guide .txt1 em{font-size:32px;}
.donation-guide .txt2{font-size:16px; margin-bottom:30px;}



}

@media (max-width: 1000px){

/* main */
.main-visual{height:400px; margin-bottom:0;}
.main-visual .main-copy{padding-bottom:40px;}
.main-visual .main-copy .txt1{font-size:56px;}
.main-visual .main-copy .txt2{font-size:28px;}

.main-contiainer{margin:0 auto 50px auto;}

.main-notice{float:none; width:100%; height:auto;}
.main-gallery{width:50%;}
.main-donation{width:50%;}

.related-site{margin:0 20px;}
.related-site ul li{float:left;width:33.3%; height:55px; text-align:left;}
.related-site ul:after{display:block;content:'';clear:both;}

.history-wrap .history{padding:40px 50px;}
.history-wrap .history dt{float:none;width:auto}
.history-wrap .history dd{float:none;width:auto; padding:20px 0 10px 0}
.history-wrap .history dd:before{display:none;}

/* 오시는길 */
.map-wrap{}
.map-wrap .root_daum_roughmap{float:none;width:auto !important;}
.map-wrap .root_daum_roughmap .wrap_map{height:300px !important;}
.map-wrap .map-info{float:none;width:auto; height:auto; font-size:16px; padding:30px 20px;}
.map-wrap .map-info dt{font-size:18px; margin-bottom:10px;}
.map-wrap .map-info dd{font-size:16px;}
.map-wrap .map-info dd + dt{margin-top:25px;}


.donation-privacy ul li{width:90px;}

/* 기부현황 */
.do-box{padding:50px;}
.do-box .tit1{font-size:40px;}
.do-box .tit2{font-size:20px;}
.do-box .total{height:40px;}
.do-box .total span{font-size:40px;}


/* 기부안내 */
.donation-guide{display:block;}
.donation-guide > div{width:auto;}
.donation-guide .txt{padding:40px;}
.donation-guide .txt1{font-size:18px;margin-bottom:20px;}
.donation-guide .txt1 em{font-size:24px;}
.donation-guide .txt2{font-size:15px; margin-bottom:20px;}
.donation-guide .bank-info{padding:20px 0 0 0; font-size:18px;}

.donation-guide .bank-info p span{width:80px;}
.donation-guide .img{text-align:center;}
.donation-guide .img img{height:200px;}


}



@media (max-width: 768px){

.header{height:70px;}
.header h1 img{height:70px;}

.main-contiainer{margin:0 0 20px 0;}

.main-visual{height:350px;}
.main-visual .visual1{background-size:auto 100%;}
.main-visual .main-copy{padding-bottom:40px;}
.main-visual .main-copy{text-shadow:1px 2px 5px rgba(0,0,0,0.5);}
.main-visual .main-copy .txt1{font-size:36px;}
.main-visual .main-copy .txt2{font-size:22px;}


.main-links ul li{float:none;width:auto; height:120px;}
.main-links ul li a{padding:30px 80px 30px 20px; background-size:80px auto !important;}
.main-links em{font-size:24px; margin-bottom:5px;}
.main-links p{font-size:15px;}
.main-links p br{display:none;}
.main-links .arr{right:inherit;top:inherit; left:20px;bottom:20px; display:none;}
.main-links .link1{width:auto !important;}

.notice-head ul li a{font-size:20px;}

.main-gallery{float:none;width:auto; height:auto;}
.gallery-head{margin-bottom:20px;}
.gallery-head .gallery-more{top:-5px;}

.main-donation{float:none;width:auto;}
.donation-head{margin-bottom:20px;}
.donation-head .donation-more{top:-5px;}
.donation-list .item .date .day{font-size:32px;}

.related-site{margin:0 20px;padding:20px 10px;}
.related-site ul li{width:50%;display:flex; align-items:center;}

footer {padding:20px 0;}
footer  .footer-logo{float:none; margin:0 0 0 0;}
footer  .footer-logo img{height:55px;}
footer  .footer-info{font-size:14px;}
footer  .footer-info p span{white-space:nowrap;}

/* 서브 상단 */
.sub-visual{height:120px; background-size:auto 100% !important;}
.sub-visual h2{font-size:36px;}

.sub-nav{width:calc(100% - 40px);}
.sub-nav .dep1{border:none; width:calc(100% - 50px);}
.sub-nav .dep2{width:calc(100% + 2px);}

.container{padding:30px 20px; min-height:300px;}

.page-top{text-align:center; margin-bottom:20px;}
.page-top h3{font-size:26px;padding:28px 0 15px;}
.page-top h3:before{width:4px;height:16px;}
.page-top .h3-txt{font-size:17px; color:#868686;}

.page-contents{max-width:1400px;margin:0 auto;}




/* 인사말 */
.greeting-wrap{padding:20px 0;}
.greeting-wrap .bg{height:160px;}
.greeting-wrap .photo{text-align:left;width:auto;float:none;}
.greeting-wrap .photo img{max-width:60%;}
.greeting-wrap .greeting{float:none; width:auto; font-size:16px; padding:0 30px;}
.greeting-wrap .greeting p{margin-bottom:30px;}
.greeting-wrap .greeting p.front{font-size:20px; padding:30px 0; margin-bottom:0; color:#005fbc;}
.greeting-wrap .greeting p.front em{font-size:24px;}
.greeting-wrap .greeting p + p br{display:none;}


/* 정관 */
.terms-wrap{border:4px solid #e8e8e8; padding:30px 20px;}
.terms-wrap h4{font-size:18px; margin-bottom:20px;}
.terms-wrap dl + h4{margin-top:40px;}
.terms-wrap dt{font-size:16px;}
.terms-wrap dd{line-height:1.5em; font-size:15px;}
.terms-wrap dd + dt{margin-top:30px;}
.terms-wrap ol{}
.terms-wrap ol li{list-style:auto;margin-left:20px;}
.terms-wrap ul ol{margin-left:15px;}

.data-list{overflow-x:auto;}
.data-list table{}
.data-list table thead th{text-align:center; padding:10px 3px; font-size:14px;}
.data-list table tbody th{padding:10px 5px;  font-size:14px;}
.data-list table tbody td{padding:10px 5px;  font-size:14px;}


/* 설립경과 */
.history-wrap{min-height:0; display:block;}
.history-wrap:before{display:none;}
.history-wrap:after{display:none;}
.history-wrap .photo{display:none;}
.history-wrap .history{background-color:#f7f7f7; padding:40px; width:auto; margin-top:0;}

.history-wrap .history dt{font-size:40px;}
.history-wrap .history dd{font-size:16px;}

/* 재단 설립 취지*/
.purpose-wrap:after{display:block;content:'';clear:both;}
.purpose-wrap .photo{float:none;width:auto; margin:0 0 30px 0; height:200px; overflow:hidden; border-radius:0 0 50px 0;box-sizing:border-box;}
.purpose-wrap .photo img{width:100%; margin-top:-280px;}
.purpose-wrap .txt{float:none; width:auto; font-size:16px;padding:30px 0;}
.purpose-wrap .txt:before{width:100px;height:80px;left:0;top:-90px;content:'SM'; box-sizing:border-box; padding:20px 0 0 10px; color:#fff; font-size:40px;}



.con-wrap{margin-bottom:50px;}

.member-top-class{display:flex; padding: 0; flex-direction: column;}
.member-top-class .item{display:block; width:100%; margin:0 0 10px 0; box-sizing:border-box; padding:25px 20px; }
.member-top-class .item + .item {border-top: 1px solid #ddd; border-left: none;}
.members:after{display:block;content:'';clear:both;}
.members li{float:left; width:calc(100% / 3 - 4px);}


/* 기부현황 */
.donation-status .donation-left{float:none; width:auto; padding:20px 0 0 20px;}

.do-box{padding:40px;box-shadow:-20px -20px 0 rgba(0,0,0,0.05);}
.do-box .tit1{font-size:32px;}
.do-box .tit2{font-size:16px;}
.do-box .total{height:36px;}
.do-box .total span{font-size:36px;}

.donation-status .donation-right{float:none; width:auto;padding-top:30px;}


/* 기부금품 활용실적 */
.use-list .item{width:calc(100% / 2 - 10px);height:260px;}
.use-list .item .subject{font-size:1.5em; margin:30px 0 20px;}
.use-list .item .message{}
.use-list .item .date{margin-top:5px; color:#888;}
.use-list .item .download{margin-top:20px;}
.use-list .item .download a{display:block;padding:20px 10px;background-color:#005bac;color:#fff; max-width:150px; margin:0 auto; }


}