@charset "UTF-8"; @import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css'); @import url('https://webfontworld.github.io/gmarket/GmarketSans.css'); /* 기준(공통) CSS */ *|* {box-sizing: border-box;} *|*:before, *|*:after {box-sizing: border-box;} .body-wrap {clear: both; position: relative; min-width: 1300px; margin: 0px auto; overflow: hidden;} .body-Contents-wp {position: relative; min-height: 1000px; margin: 60px 0 120px 0; text-align: left; z-index: 1;} .container-n {position: relative; width: 1200px; margin: 0 auto; padding: 0; vertical-align: top;} .Noto {font-family: 'Noto Sans KR', 'Noto Sans', sans-serif;} /******************************************************************************************************************************** * 공통 ********************************************************************************************************************************/ .sub-nonprofit-wp {position: relative;} .sub-nonprofit-wp .comm-frame { clear: both; position: relative; min-width: 1300px; padding: 90px 0 110px 0; overflow: hidden; } .sub-nonprofit-wp .comm-frame.bg {background-color: #efeff2;} /*----- title -----*/ .sub-nonprofit-wp .comm-frame .title {position: relative; margin: 0 0 25px 0; padding: 0; text-align: center; z-index: 1;} .sub-nonprofit-wp .comm-frame .title .icon { display: block; margin: -35px auto -5px auto; width: 43px; height: 43px; font-size: 1px; color: transparent; line-height: 1px; background: url('../../../images/nonprofit_tit_ic3.png') no-repeat 0 0; } .comm-frame .title.white .icon {background-image: url('../../../images/nonprofit_tit_ic3.png');} .comm-frame .title h3 { display: inline-block; position: relative; margin: 0 0 5px 0; /* font-family: 'Noto Sans KR', 'Noto Sans', '맑은 고딕', 'Malgun Gothic'; */ font-family: 'GmarketSans'; font-size: 46px; color: #111; letter-spacing: -2.5px; line-height: 130%; } .comm-frame .title.white h3, .comm-frame .title.white2 h3 {color: #fff;} .comm-frame .title h3.big {font-size: 3.2em;} .comm-frame .title strong {display: inline-block; margin: 0 0 0 2px; font-weight: 700;} .comm-frame .title h3 .big { display: inline-block; margin: 0 0 0 0; font-size: 130%; } .comm-frame .title h3 .dot {display: inline-block; margin: 0 0 4px 4px; font-size: 150%; color: #FD7652; vertical-align: text-bottom;} .comm-frame .title.white2 h3 .dot {color: #FD7652;} .comm-frame .title h3 .eng {display: inline-block; margin: 0 0 2px 0; font-size: 120%; letter-spacing: -3px; vertical-align: text-bottom;} .comm-frame .title.sign h3::before {content: "["; position: absolute; top: 2px; left: -30px; font-size: 130%; color: #e94e1b; font-weight: 700;} .comm-frame .title.sign h3::after {content: "]"; position: absolute; top: 2px; right: -30px; font-size: 130%; color: #e94e1b; font-weight: 700;} .comm-frame .title h4 { display: block; margin: 0 0 0 0; padding: 0 0 10px 0; font-family: 'Noto Sans KR', 'Noto Sans', '맑은 고딕', 'Malgun Gothic' sans-serif; font-size: 16px; color: #888; letter-spacing: 0px; line-height: 140%; font-weight: 100; } .comm-frame .title.white h4 {color: rgba(255,255,255, 0.7);} /*----- sub title -----*/ .comm-frame .sub-title { clear: both; position: relative; margin: 0 0 14px 0; font-family: 'Noto Sans KR', 'Noto Sans', '맑은 고딕', 'Malgun Gothic'; font-size: 28px; color: #333; letter-spacing: -0.5px; line-height: 120%; font-weight: 700; overflow: hidden; } .comm-frame .sub-title .more { clear: both; display: inline-block; position: absolute; bottom: -1px; right: 5px; height: 20px; font-size: 14px; color: #888; letter-spacing: -0.5px; line-height: 20px; font-weight: 300; text-decoration: none; } .comm-frame .sub-title .more i {margin: 0 5px 2px 0; font-size: 14px; color: #999; vertical-align: bottom; transition: all 0.3s;} .comm-frame .sub-title .more:hover i {color: #ff643c;} /******************************************************************************************************************************** * 상단 ********************************************************************************************************************************/ .sub-nonprofit-wp .banner { display: flex; position: relative; min-width: 1200px; height: 1050px; justify-content: center; background: #161853 url('../../../images/nonprofit_main_visual_bg.png') repeat-x 50% 0; overflow: hidden; } .sub-nonprofit-wp .banner img {display: block; margin: 0 auto; object-fit: cover;} /******************************************************************************************************************************** * 비영리법인의 회계 ********************************************************************************************************************************/ .sub-nonprofit-wp .comm-frame.acc {background: #f1f1f1 url('../../../images/nonprofit_fr2_banner.jpg') no-repeat 50% bottom; background-size: 100% auto;} .sub-nonprofit-wp .comm-frame.acc .flow {position: relative; margin: -20px -20px 0 -20px; overflow: hidden;} .sub-nonprofit-wp .comm-frame.acc .flow .line-txt { display: block; position: relative; width: 600px; height: 70px; margin: 0 auto 0 auto; font-family: 'Noto Sans KR', 'Noto Sans', '맑은 고딕', 'Malgun Gothic'; font-size: 23px; line-height: 70px; font-weight: 500; text-aligN: center; } .sub-nonprofit-wp .comm-frame.acc .flow .line-txt::before, .comm-frame.acc .flow .line-txt::after {content: ""; display: block; position: absolute; top: 50%; width: 200px; height: 2px; background: #666;} .sub-nonprofit-wp .comm-frame.acc .flow .line-txt::before {left: -10px;} .sub-nonprofit-wp .comm-frame.acc .flow .line-txt::after {right: -10px;} .sub-nonprofit-wp .comm-frame.acc .flow .line-txt.line-None::before, .comm-frame.acc .flow .line-txt.line-None::after {display: none;} .sub-nonprofit-wp .comm-frame.acc .flow .column {display: block; float: left; width: 50%; margin: 0 0 20px 0; padding: 0 20px;} .sub-nonprofit-wp .comm-frame.acc .flow .column a { display: block; position: relative; bottom: 0; height: 70px; border-radius: 8px; font-family: 'GmarketSans'; font-size: 26px; color: #fff; letter-spacing: 0px; line-height: 76px; font-weight: 500; text-decoration: none; text-align: center; background: #f1c40f url('../../../images/nonprofit_acc_flow_icon(w).png') no-repeat 50% 50%; box-shadow: 0 3px 1px 0 rgba(0,0,0, 0.1); } .sub-nonprofit-wp .comm-frame.acc .flow .column a:hover {bottom: -2px; background: #1d236f url('../../../images/nonprofit_acc_flow_icon(hover)1.png') no-repeat 50% 50%;} .sub-nonprofit-wp .comm-frame.acc .flow .column a::before { content: ""; display: block; position: absolute; top: -35px; left: 50%; width: 2px; height: 35px; background: #666; } .sub-nonprofit-wp .comm-frame.acc .flow .column.ct {float: none; width: 580px; margin: 0 auto 40px auto; padding: 0;} .sub-nonprofit-wp .comm-frame.acc .flow .column.ct a::before {top: -15px; height: 15px;} .sub-nonprofit-wp .comm-frame.acc .tbl {width: 980px; margin: 0 auto 40px auto; border: 2px solid #f1c40f; border-radius: 8px; overflow: hidden;} .sub-nonprofit-wp .comm-frame.acc .tbl table {width: 100%; table-layout: fixed;} .sub-nonprofit-wp .comm-frame.acc .tbl th { padding: 10px 0 10px 0; font-size: 14px; color: #450e21; line-height: 120%; font-weight: bold; text-align: center; vertical-align: middle; border-right: 1px solid rgba(241, 196, 15, 0.4); border-bottom: 1px solid rgba(241, 196, 15, 0.7); background: #FBEDB7; } .sub-nonprofit-wp .comm-frame.acc .tbl td { padding: 12px 0 12px 0; font-size: 15px; line-height: 150%; text-align: center; vertical-align: middle; border-right: 1px solid #f1c40f; border-bottom: 1px solid #f1c40f; background: #fff; } .sub-nonprofit-wp .comm-frame.acc .tbl td.Left {padding-left: 12px; padding-right: 12px; text-align: left;} .sub-nonprofit-wp .comm-frame.acc .tbl td a {display: inline-block; text-decoration: none;} .sub-nonprofit-wp .comm-frame.acc .tbl tr:last-child td {border-bottom: none;} /******************************************************************************************************************************** * 비영리법인의 세무 ********************************************************************************************************************************/ .sub-nonprofit-wp .comm-frame.tax {padding-bottom: 70px; background: url('../../../images/nonprofit_fr1_bg_bottom.png') no-repeat 0 bottom, url('../../../images/nonprofit_fr1_bg_top.png') no-repeat right 0;} /*----- 비영리법인 법인세 신고안내 -----*/ .sub-nonprofit-wp .comm-frame.tax .singo-column {margin: 0 -15px 40px -15px; overflow: hidden;} .sub-nonprofit-wp .comm-frame.tax .singo-column ul {float: left;} .sub-nonprofit-wp .comm-frame.tax .singo-column li {float: left; width: 50%; margin: 0 0 25px 0; padding: 0 15px;} .sub-nonprofit-wp .comm-frame.tax .singo-column li a { display: block; position: relative; bottom: 0; height: 70px; padding: 0 0 0 58px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; font-family: 'GmarketSans'; font-size: 22px; color: #fff; letter-spacing: 0px; line-height: 76px; font-weight: 400; text-decoration: none; background: #3b418d; } .sub-nonprofit-wp .comm-frame.tax .singo-column li a:hover {bottom: -2px; background: #1d236f;} .sub-nonprofit-wp .comm-frame.tax .singo-column li a i { display: block; position: absolute; top: 0; bottom: 0; left: 0; width: 35px; font-size: 20px; color: rgba(255,255,255, 0.5); line-height: 70px; text-align: center; background: #1d236f; transition: all 0.2s; } .sub-nonprofit-wp .comm-frame.tax .singo-column li a i::before {content: "\f105";} .sub-nonprofit-wp .comm-frame.tax .singo-column li a:hover i {padding: 0 0 0 10px; background: #11132e;} /*----- 기관별 세무실무 및 회계 -----*/ .sub-nonprofit-wp .comm-frame.tax .agency-column {margin: 0 -10px; overflow: hidden;} .sub-nonprofit-wp .comm-frame.tax .agency-column .cols {float: left; width: 20%; padding: 0 10px; text-align: center;} .sub-nonprofit-wp .comm-frame.tax .agency-column .cols a {display: block; margin: 0 auto 40px auto; text-decoration: none; text-align: left !important; overflow: hidden;} .sub-nonprofit-wp .comm-frame.tax .agency-column .cols a img {width: 100%; height: auto; filter: grayscale(60%); transition: 0.2s ease-in-out;} .sub-nonprofit-wp .comm-frame.tax .agency-column .cols a:hover img {filter: grayscale(0%); transform: scale(1.05);} .sub-nonprofit-wp .comm-frame.tax .agency-column .cols a .stit { display: inline-block; position: relative; margin: 20px 0 8px 0; padding: 0 0px; font-family: 'GmarketSans'; font-size: 24px; color: #292f7e; letter-spacing: -0.3px; line-height: 130%; font-weight: 600; } .sub-nonprofit-wp .comm-frame.tax .agency-column .cols a .stit::after {content: ""; display: inline-block; position: absolute; bottom: -2px; left: 0; width: 0%; height: 2px; background: #292f7e; transition: all 0.3s; z-index: 5;} .sub-nonprofit-wp .comm-frame.tax .agency-column .cols a:hover .stit::after {width: 100%;} .sub-nonprofit-wp .comm-frame.tax .agency-column .cols a .txt { display: block; display: -webkit-box; font-size: 13px; color: #555; letter-spacing: -0.5px; line-height: 140%; word-wrap: break-word; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } /******************************************************************************************************************************** * 관련 도서 안내 ********************************************************************************************************************************/ .sub-nonprofit-wp .comm-frame.Book {padding-bottom: 120px; background: url('../../../images/nonprofit_book_bg.jpg') no-repeat center 0; background-size: cover; z-index: 1;} .sub-nonprofit-wp .comm-frame.Book .container-n {width: 1400px;} .sub-nonprofit-wp .comm-frame.Book .book {position: relative; margin: 5px 0 0 0; padding: 40px 130px 40px 50px; background: #f7f7f7; overflow: hidden;} .sub-nonprofit-wp .comm-frame.Book .book .photo {float: left; display: inline-block; margin: 0 50px 0 0; padding: 15px 0; border: 1px solid #eee; background: #fff;} .sub-nonprofit-wp .comm-frame.Book .book .photo img {width: 400px; height: auto;} .sub-nonprofit-wp .comm-frame.Book .book .info {float: left; font-size: 15px; line-height: 120%;} .sub-nonprofit-wp .comm-frame.Book .book .info span.subj {display: block; margin: 25px 0 25px 0; font-family: 'Noto Sans KR', 'Noto Sans', '맑은 고딕', 'Malgun Gothic'; font-size: 38px; letter-spacing: -1.8px; font-weight: 700;} .sub-nonprofit-wp .comm-frame.Book .book .info span.subj .writer {font-size: 17px; letter-spacing: -0.5px; font-weight: 400;} .sub-nonprofit-wp .comm-frame.Book .book .info span.price { display: block; width: 580px; margin: 18px 0 0 0; padding: 10px 0 13px 30px; font-size: 17px; letter-spacing: 0; line-height: 150%; border-top: 1px solid rgba(167,155,203, 0.5); border-bottom: 1px solid rgba(167,155,203, 0.5); background: rgba(167,155,203, 0.08); } .sub-nonprofit-wp .comm-frame.Book .book .info span.price strong {color: #ff3710;} .sub-nonprofit-wp .comm-frame.Book .book .info span.etc { display: block; width: 580px; padding: 9px 0 12px 30px; font-size: 17px; letter-spacing: 0; line-height: 150%; border-bottom: 1px solid rgba(167,155,203, 0.3); } .sub-nonprofit-wp .comm-frame.Book .book .info .detail {display: block; margin: 15px 0 0 0; font-size: 13.5px; color: #777; letter-spacing: -0.4px; line-height: 180%;} .sub-nonprofit-wp .comm-frame.Book .book .Btns {position: absolute; top: 140px; right: 80px;} .sub-nonprofit-wp .comm-frame.Book .book .Btns .Btn { display: block; position: relative; bottom: 0; width: 180px; height: 90px; margin: 0 0 20px 0; font-size: 18.5px; color: #fff; letter-spacing: -0.5px; line-height: 90px; text-decoration: none; text-align: center; font-weight: bold; border-radius: 6px; border-bottom: 3px solid transparent; background: #1d236f; border-bottom-color: #0c0f31; transition: all 0.2s; } .sub-nonprofit-wp .comm-frame.Book .book .Btns .Btn:hover {bottom: -2px; background: #1d236f;} .sub-nonprofit-wp .comm-frame.Book .book .Btns .Btn.preview {background: #f1c40f ; border-bottom-color: #ffd417;} /******************************************************************************************************************************** * 게시판 ********************************************************************************************************************************/ /* 관련해설 */ .sub-nonprofit-wp .comm-frame.Haesul {padding-bottom: 60px; border-top: 1px solid #e5e5e5; background: url('../../../images/nonprofit_bg_pattern.gif');} .sub-nonprofit-wp .comm-frame.Boards.Bg {background: #f2f2f6 url('../../../images/nonprofit_board_bg.jpg') no-repeat 50% bottom; background-size: cover;} .sub-nonprofit-wp .comm-frame.Boards .column {margin: 0 -20px;} .sub-nonprofit-wp .comm-frame.Boards .board-wp {float: left; width: 50%; padding: 0 20px;} /*----- Board Style -----*/ .sub-nonprofit-wp .comm-frame .board-wp .tbl {position: relative; border-top: 1px solid #666; border-bottom: 1px solid #ccc;} .sub-nonprofit-wp .comm-frame .board-wp .tbl.bg .list li {background-color: rgba(255,255,255, 0.7);} .sub-nonprofit-wp .comm-frame .board-wp .tbl.ticker {height: 260px;} .sub-nonprofit-wp .comm-frame .board-wp .tbl.ticker .list {height: 260px; overflow: hidden;} .sub-nonprofit-wp .comm-frame .board-wp .tbl .list li { position: relative; height: 52px; border-bottom: 1px solid #e3e3e3; } .sub-nonprofit-wp .comm-frame .board-wp .tbl .list li:last-child {border-bottom: none;} .sub-nonprofit-wp .comm-frame .board-wp .tbl .list li a.subj { display: inline-block; max-width: 100%; padding: 0 0 0 5px; font-family: 'Noto Sans KR', 'Noto Sans', '맑은 고딕', 'Malgun Gothic'; font-size: 16.5px; letter-spacing: -0px; line-height: 50px; font-weight: 400; text-decoration: none; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .sub-nonprofit-wp .comm-frame .board-wp .tbl .list li a.subj.type1 {max-width: 490px;} .sub-nonprofit-wp .comm-frame .board-wp .tbl .list li a.subj.type2 {max-width: 420px;} .sub-nonprofit-wp .comm-frame .board-wp .tbl .list li a.subj.type3 {max-width: 330px;} .sub-nonprofit-wp .comm-frame .board-wp .tbl .list li a.subj.type4 {max-width: 550px;} .comm-frame.Haesul .board-wp .tbl .list li a.subj {padding-left: 34px; background: url('../../../images/subm_icon.png') no-repeat 0 15px;} .sub-nonprofit-wp .comm-frame .board-wp .tbl .list li a.speech-bubble-icon { padding-left: 32px; background: url('../../../images/speech_bubble.png') no-repeat 0 14px; } .sub-nonprofit-wp .comm-frame .board-wp .tbl .list li span.date { display: inline-block; position: absolute; top: 50%; right: 5px; height: 30px; margin: -15px 0 0 0; font-size: 12px; color: #999; line-height: 29px; transition: all 0.3s; } .sub-nonprofit-wp .comm-frame .board-wp .tbl .list li span.name { display: inline-block; position: absolute; top: 50%; right: 70px; width: 75px; max-width: 100%; height: 30px; margin: -15px 0 0 0; font-size: 13px; color: #777; line-height: 29px; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all 0.3s; } .sub-nonprofit-wp .comm-frame .board-wp .tbl .list li:hover span.date, .sub-nonprofit-wp .comm-frame .board-wp .tbl .list li:hover span.name {color: #000;} .sub-nonprofit-wp .comm-frame .board-wp .tbl .list li span.file { display: inline-block; position: absolute; top: 50%; right: 5px; min-width: 22px; height: 22px; margin: -11px 0 0 0; text-align: center; } .sub-nonprofit-wp .comm-frame .board-wp .tbl .list li span.file a {display: table-cell; padding-left: 3px;} .sub-nonprofit-wp .comm-frame .board-wp .tbl .list li span.file img {display: inline-block; width: auto; height: 22px;} .sub-nonprofit-wp .comm-frame .board-wp .tbl .list li span.file .data-None {margin-top: 4px; text-align: center;} /* 포스트 & 실무해설 */ .sub-nonprofit-wp .comm-frame .board-wp2 ul {float: left; width: 100%;} .sub-nonprofit-wp .comm-frame .board-wp2 li { float: left; position: relative; width: 25%; margin: 0 0 50px 0; padding: 0 15px 0 0; } .sub-nonprofit-wp .comm-frame .board-wp2 li:last-child {margin-bottom: 0 !important; padding-right: 0 !important;} .sub-nonprofit-wp .comm-frame .board-wp2 li:last-child .kind-Icon {right: 10px;} .sub-nonprofit-wp .comm-frame .board-wp2 li .cnt-field{border: 1px solid #d3d3d3; overflow: hidden; background: #fff;} .sub-nonprofit-wp .comm-frame .board-wp2 .photo { display: flex; height: 193px; justify-content: left; align-items: center; } .sub-nonprofit-wp .comm-frame .board-wp2 .photo img {width: 100%; height: auto; max-height: 100%; margin: 0 auto;} .sub-nonprofit-wp .comm-frame .board-wp2 .subj { display: block; display: -webkit-box; position: relative; height: 90px; padding: 0 20px 0 20px; font-size: 120%; letter-spacing: -0.5px; line-height: 1.3em; font-weight: normal; text-align: left; word-wrap: break-word; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .sub-nonprofit-wp .comm-frame .board-wp2 .cnt-field .etc { display: block; position: relative; padding: 20px 20px 14px 20px; font-size: 14px; color: #999; line-height: 1.2em; text-align: left; z-index: 10; } .sub-nonprofit-wp .comm-frame .board-wp2 .name { position: absolute; top: 210px; right: 30px; font-size: 100%; z-index: 10; } .sub-nonprofit-wp .comm-frame .board-wp2 li:last-child .name {right: 15px;} /* box hover */ .sub-nonprofit-wp .comm-frame .board-wp2 a:hover {text-decoration:none !important;} .sub-nonprofit-wp .comm-frame .board-wp2 .cnt-field .photo::before {opacity: 0;} .sub-nonprofit-wp .comm-frame .board-wp2 .cnt-field .photo::after {transform: scale(1.05);} .sub-nonprofit-wp .comm-frame .board-wp2 .cnt-field .photo img { width: auto; height: 100%; } .sub-nonprofit-wp .comm-frame .board-wp2 .cnt-field:hover { border-color: #111; box-shadow: 4px 4px 1px 0 rgba(0,0,0, 0.15); } /* Icon */ .sub-nonprofit-wp .comm-frame .board-wp2 .kind-Icon { display: block; position: absolute; top: 10px; right: 25px; width: 56px; height: 56px; padding: 15px 0 0 0; font-size: 11px; color: rgba(255,255,255, 0.9); letter-spacing: -0.2px; line-height: 1.25em; text-align: center; border-radius: 100%; box-shadow: 0 2px 1px 0 rgba(0,0,0, 0.15); z-index: 5; } .sub-nonprofit-wp .comm-frame .board-wp2 .kind-Icon::before { content: ""; display: block; position: absolute; top: 3px; left: 3px; width: 50px; height: 50px; border: 1px solid rgba(255,255,255, 0.1); border-radius: 100%; } .kind-Icon.special {letter-spacing: -1px !important; background-color: #111;} .kind-Icon.silmu {background-color: #111;} .kind-Icon.cnt {padding-top: 22px !important; background-color: #111;} .kind-Icon.vod {padding-top: 22px !important; background-color: #111;} .kind-Icon.gpt {padding-top: 14px !important; letter-spacing: -1px !important; background-color: #111;} /* background-color: #0d9d82;*/ .kind-Icon.premium { right: 75px !important; padding-top: 22px !important; font-size: 11px !important; color: yellow !important; letter-spacing: -1px !important; background: #d50100; box-shadow: 0 2px 1px 0 rgba(0,0,0, 0.15), 0 18px 1px 0 rgba(255,255,255, 0.1) inset !important; } /* 보도자료 */ .sub-nonprofit-wp .comm-frame .board-wp .data .tbl .list li span.name {right: 165px;} .sub-nonprofit-wp .comm-frame .board-wp .data .tbl .list li span.date {right: 90px;} /* 상담 */ .sub-nonprofit-wp .comm-frame .board-wp .tbl .list li span.bIcon {position: absolute; top: 50%; right: 5px; margin: -12px 0 0 0;} .sub-nonprofit-wp .comm-frame .board-wp .consult .tbl .list li span.name {right: 50px;} /* 공지사항 */ .sub-nonprofit-wp .comm-frame .board-wp .notice .tbl .list li span.date {right: 50px;} .sub-nonprofit-wp .comm-frame .board-wp .notice .tbl .list li span.file {right: 10px;} .sub-nonprofit-wp .comm-frame .board-wp .tbl .list li .kind-ic { display: inline-block; height: 18px; margin: -39px 0px 0 0; padding: 0 5px 0 5px; font-size: 11px; color: #fff; letter-spacing: -0.5px; line-height: 17px; text-align: center; vertical-align: middle; border-radius: 3px; background-color: #e05555; } /******************************************************************************************************************************** * 기타 ********************************************************************************************************************************/ .sub-nonprofit-wp .jarallax { position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; } /* @media screen and (max-width: 991px){ */ @media (hover: none) and (pointer: coarse) { .sub-nonprofit-wp .jarallax { background: #222 !important; background-size: cover !important; background-attachment: fixed !important; } } /*----- Modal -----*/ .nonprofit-modal-wp {display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 999999;} .nonprofit-modal-wp::after {content: ""; display: block; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0, 0.5); z-index: 999999;} .nonprofit-modal-wp .pop-wrap { position: absolute; top: 30px; left: 50%; width: 1200px; height: 97vh; margin: 0 0 0 -600px; padding: 45px 40px 35px 40px; border: 1px solid #dee1e3; background: #fff; overflow-y: auto; box-shadow: 5px 5px 10px 0 rgba(0,0,0, 0.15); animation: modal_Ani 0.2s ease-out; z-index: 1000000; } @keyframes modal_Ani { from { opacity: 0; transform: translate(0, 20%); } to { opacity: 1; transform: translate(0, 0); } } .nonprofit-modal-wp .pop-wrap .close { display: block; position: absolute; top: 20px; right: 20px; width: 31px; height: 31px; background: url('https://pds.taxnet.co.kr/comm_web_asset/images/comm/close2.png') no-repeat 0 0; transition: all 0.3s; cursor: pointer; z-index: 1000; } .nonprofit-modal-wp .pop-wrap .close:hover {background: url('https://pds.taxnet.co.kr/comm_web_asset/images/comm/close2_hover.png') no-repeat 0 0;} .banner { margin-bottom: 0 !important; }