.white{color:#fff;}
@media (min-width: 1500px) { #content > .container, #subgnb > .container { width: 1400px; } }

#content { padding:30px 0; }
#subtop img { width:100%; }
.subgnb-home { display:none!important; }
#sub_title {
    margin: 50px 0;
    display: block;
    text-align: center;
    border-bottom: 2px solid #866849;
    padding-bottom: 50px;
    color: #000;
}
#subtop { position:relative; }
#subtop p {
    width: 100%;
    font-size: 40px;
    color: #333; 
    margin: 0;
    /*background: rgba(0,0,0,0.3);
    font-weight: bold;
    color: #fff;*/
    position: absolute;
    top: 40%;
    vertical-align: middle;
    left: 0;
    text-align: center;
}


#sub_title { font-size:30px; font-weight:bold; }
.sub-left-triangle { position: absolute; right: 0px; top: 0; width: 0; height: 0; border-left: 30px solid transparent; border-top-width: 30px; border-top-style: solid; border-top-color: #ED1C24; display:none; }
#subgnb { border-bottom:1px solid #ddd; padding:0px 0px; border-top:1px solid #ddd;}
#subgnb .subgnb-home { float:right; display:inline-block; margin:7px 0px 0px 0px;}
#subgnb span, #subgnb a { font-size:14px; color:#404040; position:relative; top:3px; text-decoration:none;}
#subgnb a.active { color:#ED1C24; font-weight:bold; }
#subgnb .dropdown { display:inline-block; float: left;}
#subgnb .dropdown .btn { padding:10px 15px; font-size:15px; font-weight:bold;}
#subgnb .dropdown .btn-default { border-right:1px solid #bbb; border-left:none; border-top:none; border-bottom:none; color:#404040; }
#subgnb .dropdown .btn:hover { background-color:#fff; transition:0.3s all ease; color:#404040;}
#subgnb .dropdown .btn .active  { background-color:#005D9A; }
#subgnb .dropdown-menu>li>a { padding:10px 20px; transition:0.3s all ease; font-size:17px;}
#subgnb .caret {
    border-top: 2px solid #866849;
    border-right: 0px solid transparent;
    border-left: 2px solid #866849;
    position: relative;
    margin: 0;
    height: 8px;
    width: 8px;
    transform: rotate(225deg);
    transition: all 0.6s;
    margin-top: -10px;
    margin-left: 15px;
}
#subgnb .dropdown:first-child { border-left:1px solid #ddd; }


/*법인소개 - 오시는길*/
#component2837 > div > #unit9720 > div {
    width:auto !important;
    height:400px !important;
}
#component8361 > div > #unit8816 {
    width:101%;
}


/*사전연명의료의향서 - 사전연명의료의향서소개*/
#component9062 > #unit8392 > div {
    background-position: right;
}

/*활동사업 - 상담사교육*/
#component6407 > #unit9525 > div {
    height:auto !important;
}

/*활동사업 - 생애말소원노트*/
#component2705 > #unit5568 > div {
    height: auto !important;
}

/*활동사업 - 구술자서전*/
#component3206 > #unit5204 > div {
    height: auto !important;
}

/*활동사업 - 카툰발행*/
#component5273 > #unit6848 > div {
    height: auto !important;
}

/*활동사업 - 후원안내*/
#component3861 > #unit5995 > div {
    height: auto !important;
}

/*공지사항 - 공지사항*/
#component7255 > #unit5106 > div {
    background-position:right;
}
/*공지사항 - 활동소식*/
#component8973 > #unit1752 div {
    background-position:right;
}

.board-num_3453 .board-theme.webzine .each-document:hover { border-color: #07c; color: #07c !important; }
.board-num_3453 .board-theme.webzine .each-document:hover span { color: #07c !important; }

.board-num_3453 .each-document > span:first-child { display: none !important; }
.board-num_3453 .each-document > .list-content {width:100%;}
.board-num_3453 .each-document > .list-content > .top .date { width: 100%; }
/*알림마당 - 자료실 - 추천도서*/
.board-num_3301 .each-document { transition: .3s; }
.board-num_3301 .each-document:hover { transform: scale(1.1); opacity: 0.9; }
.board-num_3301 .each-document > a.title-image:hover > .list-items { opacity: 0 !important; }
.board-num_3301 .board-theme.gallery .theme-list > .each-document > a.title-image { border: unset !important; background-size: contain !important; background-color: #fff !important; }


@media (min-width:1200px) and (max-width:1499px) {
    #unit8902 > div > div {
        top: 40px !important;
        width: 90%;
        left: 60px !important;
    }

    #unit6952 > div > div {
        width: 50% !important;
    }

    /*법인소개 - 사실모설립목적*/
    #unit4869 {
        padding:25px !important;
    }

    /*사전연명의료의향서 - 사전연명의료의향서 작성안내 및 유의사항*/
    #component4865 > #unit5062 > div > div {
        width:35% !important;
    }

    /*활동사업 - 생애말 소원노트*/
    #component4429 .box_1 {
        width:12%;
    }
    #component3907 .box_1 {
        width: 12%;
    }
    
    /*활동사업 - 후원안내*/
    #donation_box {

        margin-bottom:30px;
    }

    /*알림마당 - 자료실 - 추천도서*/
    .board-num_3301 .board-theme.gallery .theme-list > .each-document > a.title-image { height: 520px !important; }

}
@media (min-width:993px) and (max-width:1199px) {
    #unit8902 > div > div {top:30px!important; width:91%; left:40px!important; }
    #unit8902 > div > div span{font-size:18px!important;}

    #sub03{padding:20px 20px!important;}
    #sub03 > col-sm-6 > span:nth-child(2) {width:75%!important;}
	#component1800 > #unit6952 > div > div {
		width:60% !important;
        padding-top:90px !important;
	}

    /*법인소개 - 사실모설립목적*/
    #unit4869 {
        padding: 35px !important;
    }

    /*사전연명의료의향서 - 사전연명의료의향서소개*/
    #component9062 > #unit8392 > div > div {
        width : 31% !important;
    }


    /*사전연명의료의향서 - 사전연명의료의향서 작성안내 및 유의사항*/
    #component4865 > #unit5062 > div > div {
        width: 42% !important;
    }

    /*공지사항 - 공지사항*/
    #component7255 > #unit5106 > div > div {
        width:42% !important;
    }

    /*공지사항 - 활동소식*/
    #component8973 > #unit1752 > div > div {
        width: 42% !important;
    }

    /*활동사업 - 생애말 소원노트*/
    #component4429 .box_1 {
        width: 14%;
    }
    #component3907 .box_1 {
        width: 14%;
    }

    /*활동사업 - 후원안내*/
    #donation_box {
        margin-top:50px;
        margin-bottom: 20px;
    }

}


@media (min-width:768px) and (max-width:992px) {
    #unit8902 > div > div {top:30px!important; width:91%; left:30px!important; }
    #unit8902 > div > div span{font-size:17px!important;}

    #sub03 .col-sm-6 > span:nth-child(2) {width:75%!important;}
    #sub03 .col-sm-6 > span:nth-child(1) { width:50%!important;}
    
    #subgnb > .container { padding:0px 15px;}
    #subtop p { font-size:25px; }

    /*법인소개 - 사실모설립목적*/
    #unit4869 {
        padding: 35px !important;
    }

    /*법인소개 - 이사소개*/
    #component1800 > #unit6952 > div > div {
        width: 50% !important;
        padding-top:90px !important; 
    }

    /*사전연명의료의향서 - 사전연명의료의향서소개*/
    #component9062 > #unit8392 > div > div {
        width: 81% !important;
        text-align:center;
    }

    /*사전연명의료의향서 - 사전연명의료의향서 작성안내 및 유의사항*/
    #component4865 > #unit5062 > div > div {
        width: 80% !important;
    }
    #component4865 > #unit5062 > div > div > div {
        text-align:center;
        font-size:40px !important;
    }

    /*활동사업 - 생애말 소원노트*/
    #component4429 .box_1 {
        width: 19%;
    }
    #component3907 .box_1 {
        width: 19%;
    }

    /*활동 사업 - 카툰발행*/
    #component2541 > #unit7899 > div {
        height:150px !important;
    }
    #component2541 > #unit7899 .h_box1 {
        width:65% !important;
    }

    /*공지사항 - 공지사항*/
    #component7255 > #unit5106 > div > div {
        width: 100% !important;
    }

    /*공지사항 - 공지사항*/
    #component8973 > #unit1752 > div > div {
        width: 100% !important;
    }

    /*활동사업 - 후원안내*/
    #donation_box {
        margin-top: 55px;
        margin-bottom: 20px;
    }
    #component4312 > #unit9945 .box_1 {
        width:13%;
    }
}

@media (max-width:767px) {
    #unit8902 > div > div {top:15px!important; width:91%; left:20px!important; }
    #unit8902 > div > div span{font-size:13px!important;}
    #unit8943 > table >tbody > tr > td {padding:5px 5px!important; line-height: 1.128571; }
    #unit8943 > table >tbody > tr > td:nth-child(1) > span > span > strong {letter-spacing:-2.4px!important;}
    #unit8943 > table >tbody > tr > td > span {font-size:17px!important;  }

    #unit3689 > table >tbody > tr > td {padding:5px 5px!important; line-height: 1.128571; }
    
    #unit3689 > table >tbody > tr > td > span > strong > span {font-size:17px!important;letter-spacing:-2.4px!important; }

		#sub03 {padding: 30px 25px!important; height:auto!important;}
		#sub03 > div > span:first-child {width:100%!important; margin-right:0!important;}	
		#sub03 > div > span:last-child {width:100%!important; text-align:center!important; padding:0!important;}	
		#unit2549 {padding:0!important;}
		
		#unit7502 .table tbody tr td span {word-break:break-word!important;}
		#unit7502 .table tbody tr td {word-break:break-word!important;}
		#unit7502 .table tbody tr td:first-child { padding:10px 0!important;}
		#unit7502 .table tbody tr td:last-child { padding:10px 0!important;}

	#subtop p { display:none; }
	#subtop p {font-size:20px; }
	#subgnb .dropdown .btn { font-size:14px; }
	#subgnb .dropdown-menu>li>a { font-size:15px; }
	.gnb2 {display:none!important; }
    #gnb-wrap { padding: 0px;}
    #subgnb span, #subgnb a { font-size:13px;}
    #sub_title {font-size:20px; margin:10px 0px 30px;}
    #subgnb > .container { padding:0px;}    
    
    #unit3047 > div { font-size:18px!important; }
    #unit1385 > div { font-size:18px!important; }
    #unit1385 > div span { font-size:17px!important; }
    #unit5996 #sub01 { width:100%!important; margin:0!important; font-size:18px!important;}
    #unit5996 #sub02 { width:100%!important; margin:0!important; font-size:18px!important;}
    #unit5996 #sub03 { width:100%!important; margin:0!important; font-size:18px!important;}
    #component1228 > div > div { font-size:17px!important; }
    #unit9861 #main7 { background-position:center!important; }
    #unit9861 #sub01 { width:100%!important; font-size:18px!important;}
    #unit2267 span { font-size:20px!important; }
    #component2199 > div > div { font-size:18px!important; }
    #unit4841 > div { font-size:18px!important; }
    #component1838 { padding:15px!important; }
    #unit1203 { width:100%!important; margin:0 0 30px!important; }
    #unit1203 span { width:100%!important; text-align:center!important;}
    #unit1203 div { height:auto!important; overflow:hidden; }
    #unit1437 { width:100%!important; margin:0 0 30px!important; }
    #unit1437 span { width:100%!important; text-align:center!important;}
    #unit1437 div { height:auto!important; overflow:hidden; }
    #component4876 { width:100%!important; margin:0 0 30px!important; }
    #component4876 span { width:100%!important; text-align:center!important;}
    #component4876 div { height:auto!important; overflow:hidden; }            
    #unit5564 div { font-size:17px!important; }
    #component4112 { padding:15px!important; }
    #unit2800 img { margin-top:30px!important; }
    #unit2568 > div { font-size:15px!important; }
    #unit2568 > div span { font-size:15px!important; }
    #component2301 > div > div { font-size:17px!important; }
    #unit1448, #unit6029 { width:100%!important; margin:0 0 15px!important;  }
    #unit2351, #unit3885 { width:100%!important; text-align:center!important; }
    #unit3885 > div { margin:15px auto!important; }

    /*법인소개 - 사실모설립목적*/
    #unit4869 {
        padding: 35px !important;
    }


    /*법인소개 - 이사소개*/
    #component1800 > #unit6952 > div > div {
        width: 70% !important;
        padding-top: 100px !important;
    }
    #component1800 > #unit6952 div div span strong span {
        font-size:30px !important;
    }

    /*사전연명의료의향서 - 사전연명의료의향서소개*/
    #component9062 > #unit8392 > div > div {
        width: 83% !important;
        text-align:center;
    }
    #component9062 > #unit8392 > div > div > span {
        font-size:40px !important;
    }

    /*사전연명의료의향서 - 사전연명의료의향서 작성안내 및 유의사항*/
    #component4865 > #unit5062 > div > div {
        width: 80% !important;
    }
    #component4865 > #unit5062 > div > div > div {
        transform:translate(-11%,10%) !important;
        text-align: center;
        padding: 80px 10px !important;
    }
    #component4865 > #unit5062 > div > div > div > span {
        font-size: 40px !important;
    }

    /*활동사업 - 생애말 소원노트*/
    #component4429 .box_1 {
        width: 23%;
    }
    #component3907 .box_1 {
        width: 30%;
    }

    /*활동 사업 - 카툰발행*/
    #component2541 > #unit7899 > div {
        height: 150px !important;
    }
    #component2541 > #unit7899 .h_box1 {
        width: 65% !important;
    }



    /*공지사항 - 공지사항*/
    #component7255 > #unit5106 > div > div {
        width: 100% !important;
    }

    /*공지사항 - 활동소식*/
    #component8973 > #unit1752 > div > div {
        width: 100% !important;
    }


    /*활동사업 - 후원안내*/
    #donation_box {
        margin-top:0px;
        margin-bottom: 0px;
    }
    #component4312 > #unit9945  div {
        text-align:center;
    }
    #component4312 > #unit9945 .box_1 {
        width: 100%;
    }
}

@media (max-width:500px) {

    /*법인소개 - 사실모설립목적*/
    #unit4869 {
        padding: 30px !important;
    }


    /*공지사항 - 공지사항*/
    #component7255 > #unit5106 > div {
        padding: 50px 10px !important;
    }
    #component7255 > #unit5106 > div > div {
        padding: 50px 10px !important;
        margin-top: 20px;
    }
    #component7255 > #unit5106 > div > div > div p span {
        font-size: 22px !important;
    }
    #component7255 > #unit5106 > div > div > div strong span {
        font-size: 22px !important;
    }

    /*활동사업 - 생애말 소원노트*/
    #component4429 {
        text-align: center;
    }
    #component3907 {
        text-align:center;
    }
    #component4429 .box_1 {
        width: 100%;
    }
    #component3907 .box_1 {
        width: 100%;
    }


    /*공지사항 - 활동소식*/
    #component8973 > #unit1752 > div {
        padding: 50px 10px !important;
    }
    #component8973 > #unit1752 > div > div {
        padding: 50px 10px !important;
        margin-top: 20px;
    }
    #component8973 > #unit1752 > div > div > div p span {
        font-size: 22px !important;
    }
    #component8973 > #unit1752 > div > div > div strong span {
        font-size: 22px !important;
    }
    

}

@media (max-width:424px) {
    /*법인소개 - 인사말*/
    #unit6929 > div > p > span > span {
        font-size:22px !important;
    } 
    #unit6929 > div >.dbox_1 {
        padding:10px !important;
    }

    /*법인소개 - 이사소개*/
    #component1800 > #unit6952 > div > div {
        width: 85% !important;
        text-align: center;
    }

    #component1800 > #unit6952 div div span strong span {
        font-size: 25px !important;
    }

    /*사전연명의료의향서 - 사전연명의료의향서소개*/
    #component9062 > #unit8392 > div > div {
        padding: 80px 10px !important;
    }
    


}