.document-readed_count { display: none; }

#subtop { position: relative; }
#subtop img { width: 100%; }
#subtop p { position: absolute; color: #fff; font-size: 40px; left: 50%; top: calc(50%); transform: translate(-50%, -50%); }
#gnb-wrap { background-color: rgba(207,207,207,0.5) !important; position: relative; }
#subgnb { padding: 80px 0px 0px 0px; }
#subgnb .subgnb-home { float: right; display: inline-block; margin: 12px 0px 0px 0px; }
#subgnb span, #subgnb a { font-size: 16px; color: #777; position: relative; top: 3px; text-decoration: none; }
#subgnb a.active { color: #6599CB; font-weight: bold; }
#subgnb .dropdown { display: inline-block; }
#subgnb .dropdown .btn { padding: 15px 20px; font-size: 17px; font-weight: bold; }
#subgnb .dropdown .btn-default { border: none; }
#subgnb .dropdown .btn:hover { background-color: #6599CB; transition: 0.3s all ease; }
#subgnb .dropdown .btn .active { background-color: #6599CB; }
#subgnb .dropdown-menu > li > a { padding: 10px 20px; transition: 0.3s all ease; font-size: 17px; }
#subgnb .caret { border-top: 2px solid #000; border-right: 0px solid transparent; border-left: 2px solid #000; position: relative; margin: 0; height: 8px; width: 8px; transform: rotate(225deg); transition: all 0.6s; margin-top: -10px; margin-left: 20px; }

#content { padding: 40px 0px 40px; }
#content .third-menus { margin: 10px 0 42px 0; text-align: center; }
#content .third-menus ul { display: inline-block; }
#content .third-menus ul li { border: 1px solid #dedede; float: left; margin-left: -1px; }
#content .third-menus ul li a { color: #333; text-decoration: none; padding: 8px 17px; font-size: 12px; min-width: 160px; display: inline-block; text-align: center; }
#content .third-menus ul li.active a { color: #fff; }

#sub_title { font-size: 40px; font-weight: 600; margin: 0px 0px 50px; border-bottom: 4px solid #000; display: inline-block; padding-bottom: 10px; }

#dimodePage { padding: 0px 0px 30px; }
.lnb { padding: 0px 30px; }
.lnb_title { font-size: 30px; border-bottom: 1px solid #000; padding: 40px 0px; font-weight: 600; text-align: center; position: relative; }
.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: #6599CB; }
.sub_depth2 { margin-top: 0px; padding-top: 0px; }
.sub_depth2 li { padding: 20px 25px; border-bottom: 1px solid #ddd; transition: all ease 0.3s; }
.sub_depth2 li.active, .sub_depth2 > li:hover { background: #d9d3f2; }
.sub_depth2 > li > a { color: #777; font-weight: 600; font-size: 17px; text-decoration: none; }
.sub_depth2 li a { color: #777; font-weight: 600; font-size: 16px; text-decoration: none; }
.sub_depth2 li i { position: relative; margin: 3px 15px 0px 0px; cursor: pointer; float: right; font-size: 16px; }
.sub_depth2 li i.fa-minus { display: none; }
.sub_depth2 li:last-child { border-color: #000; }
.sub_depth3 { padding: 0px 15px; margin-top: 15px; display: none; }
.sub_depth3.active { display: block; }
.sub_depth3 li { padding: 10px 20px; border-bottom: 1px solid #999; background-color: #f4c9ff; }
.sub_depth3 li a { color: #999; font-size: 15px; text-decoration: none; transition: all ease 0.3s; }
.sub_depth3 li a:hover { color: #739AB9; }
.sub_depth3.a_96 li a:hover { color: #4E5397; }
.sub_depth3.a_98 li a:hover { color: #E4C640; }
.sub-top-2 { margin-top: 70px; }
.subTitle { position: relative; }
#sub_title { font-size: 30px; font-weight: 600; margin: 0px 0px 35px; border-bottom: 4px solid #044F58; display: inline-block; padding-bottom: 10px; }
.sub-left-triangle { position: absolute; right: 0px; top: 10%; width: 0; height: 0; border-left: 30px solid transparent; border-top-width: 30px; border-top-style: solid; border-top-color: #044F58; }

/*글자자르기*/
.dimode-theme { word-break: keep-all; }
ul.timeline > li > span { display: block; width: 100%; margin-bottom: 5px; }

/*서브메뉴*/
.d3-subgnb-menu { display: inline-block; }
.d3-menulist { display: inline-block; padding: 15px 15px; float: left; }
.d3-menulist a { font-size: 20px !important; color: #8F8F8F !important; font-weight: bold; }
.d3-subgnb-menu div.active a { color: #325481 !important; padding-bottom: 10px; border-bottom: 2px solid #B4CEF1; font-weight: 700; }
.d3-menulist a:hover { color: #325481 !important; }

.comments-in-detail { display: none !important; }
.songDIV .songBG { height: 480px; background-size: cover; background-position: center; margin: 40px 0 30px; }
.songDIV a { text-decoration: none; }
.songDIV a h2 { text-align: center; margin: 0; font-size: 28px; color: #000; text-decoration: none; }
.table-responsive { border: none !important; }



@media (min-width:1200px) and (max-width:1499px) {
    
}

@media (min-width:993px) and (max-width:1199px) {
}


@media (min-width:768px) and (max-width:992px) {
}

@media (max-width:767px) {
} 

@media (max-width:350px) {
}